@kitn.ai/ui/dist/elements/chunks/loader-Cg6rO8tQ.js

Framework-agnostic, Shadow-DOM web components for building AI chat interfaces — works in React, Vue, Angular, Svelte, or plain HTML. Authored in SolidJS.

import{c as n,M as o,B as k,a as c,b as d,i as f,z as p,F as b,t as z}from"./define-CNSKFZCd.js";import{c as m}from"./cn-CU7UAWzk.js";var _=z("<div><span class=sr-only>Loading"),C=z('<div><div class="absolute h-full w-full"></div><span class=sr-only>Loading'),L=z('<div class="bg-primary absolute animate-[spinner-fade_1.2s_linear_infinite] rounded-full"style=top:0;left:50%;opacity:0>'),T=z('<div><div class="border-primary absolute inset-0 animate-[thin-pulse_1.5s_ease-in-out_infinite] rounded-full border-2"></div><span class=sr-only>Loading'),w=z("<div>"),A=z("<div><span>></span><div></div><span class=sr-only>Loading"),B=z('<div><span></span><span class=inline-flex><span class="text-primary animate-[loading-dots_1.4s_infinite_0.2s]">.</span><span class="text-primary animate-[loading-dots_1.4s_infinite_0.4s]">.</span><span class="text-primary animate-[loading-dots_1.4s_infinite_0.6s]">.');function $(t){const e=()=>t.size??"md",a={sm:"size-4",md:"size-5",lg:"size-6"};return(()=>{var r=_();return c(()=>d(r,m("border-primary animate-spin rounded-full border-2 border-t-transparent",a[e()],t.class))),r})()}function F(t){const e=()=>t.size??"md",a={sm:"size-4",md:"size-5",lg:"size-6"},r={sm:{height:"6px",width:"1.5px"},md:{height:"8px",width:"2px"},lg:{height:"10px",width:"2.5px"}};return(()=>{var i=C(),l=i.firstChild;return f(l,n(b,{get each(){return Array.from({length:12},(g,s)=>s)},children:g=>(()=>{var s=L();return p(s,"transform",`rotate(${g*30}deg)`),p(s,"animation-delay",`${g*.1}s`),c(u=>{var h=e()==="sm"?"-0.75px":e()==="lg"?"-1.25px":"-1px",x=`${e()==="sm"?"0.75px":e()==="lg"?"1.25px":"1px"} ${e()==="sm"?"10px":e()==="lg"?"14px":"12px"}`,v=r[e()].height,y=r[e()].width;return h!==u.e&&p(s,"margin-left",u.e=h),x!==u.t&&p(s,"transform-origin",u.t=x),v!==u.a&&p(s,"height",u.a=v),y!==u.o&&p(s,"width",u.o=y),u},{e:void 0,t:void 0,a:void 0,o:void 0}),s})()})),c(()=>d(i,m("relative",a[e()],t.class))),i})()}function M(t){const e=()=>t.size??"md",a={sm:"size-4",md:"size-5",lg:"size-6"};return(()=>{var r=T();return c(()=>d(r,m("relative",a[e()],t.class))),r})()}function S(t){const e=()=>t.size??"md",a={sm:"size-1",md:"size-2",lg:"size-3"};return(()=>{var r=_();return c(()=>d(r,m("bg-primary animate-[pulse-dot_1.2s_ease-in-out_infinite] rounded-full",a[e()],t.class))),r})()}function j(t){const e=()=>t.size??"md",a={sm:"h-1.5 w-1.5",md:"h-2 w-2",lg:"h-2.5 w-2.5"},r={sm:"h-4",md:"h-5",lg:"h-6"};return(()=>{var i=_(),l=i.firstChild;return f(i,n(b,{each:[0,1,2],children:g=>(()=>{var s=w();return p(s,"animation-delay",`${g*160}ms`),c(()=>d(s,m("bg-primary animate-[bounce-dots_1.4s_ease-in-out_infinite] rounded-full",a[e()]))),s})()}),l),c(()=>d(i,m("flex items-center space-x-1",r[e()],t.class))),i})()}function q(t){const e=()=>t.size??"md",a={sm:"h-1 w-1",md:"h-1.5 w-1.5",lg:"h-2 w-2"},r={sm:"h-4",md:"h-5",lg:"h-6"};return(()=>{var i=_(),l=i.firstChild;return f(i,n(b,{each:[0,1,2],children:g=>(()=>{var s=w();return p(s,"animation-delay",`${g*250}ms`),c(()=>d(s,m("bg-primary animate-[typing_1s_infinite] rounded-full",a[e()]))),s})()}),l),c(()=>d(i,m("flex items-center space-x-1",r[e()],t.class))),i})()}function D(t){const e=()=>t.size??"md",a={sm:"w-0.5",md:"w-0.5",lg:"w-1"},r={sm:"h-4",md:"h-5",lg:"h-6"},i={sm:["6px","9px","12px","9px","6px"],md:["8px","12px","16px","12px","8px"],lg:["10px","15px","20px","15px","10px"]};return(()=>{var l=_(),g=l.firstChild;return f(l,n(b,{each:[0,1,2,3,4],children:s=>(()=>{var u=w();return p(u,"animation-delay",`${s*100}ms`),c(h=>{var x=m("bg-primary animate-[wave_1s_ease-in-out_infinite] rounded-full",a[e()]),v=i[e()][s];return x!==h.e&&d(u,h.e=x),v!==h.t&&p(u,"height",h.t=v),h},{e:void 0,t:void 0}),u})()}),g),c(()=>d(l,m("flex items-center gap-0.5",r[e()],t.class))),l})()}function E(t){const e=()=>t.size??"md",a={sm:"w-1",md:"w-1.5",lg:"w-2"},r={sm:"h-4 gap-1",md:"h-5 gap-1.5",lg:"h-6 gap-2"};return(()=>{var i=_(),l=i.firstChild;return f(i,n(b,{each:[0,1,2],children:g=>(()=>{var s=w();return p(s,"animation-delay",`${g*.2}s`),c(()=>d(s,m("bg-primary h-full animate-[wave-bars_1.2s_ease-in-out_infinite]",a[e()]))),s})()}),l),c(()=>d(i,m("flex",r[e()],t.class))),i})()}function G(t){const e=()=>t.size??"md",a={sm:"h-3 w-1.5",md:"h-4 w-2",lg:"h-5 w-2.5"},r={sm:"text-xs",md:"text-sm",lg:"text-base"},i={sm:"h-4",md:"h-5",lg:"h-6"};return(()=>{var l=A(),g=l.firstChild,s=g.nextSibling;return c(u=>{var h=m("flex items-center space-x-1",i[e()],t.class),x=m("text-primary font-mono",r[e()]),v=m("bg-primary animate-[blink_1s_step-end_infinite]",a[e()]);return h!==u.e&&d(l,u.e=h),x!==u.t&&d(g,u.t=x),v!==u.a&&d(s,u.a=v),u},{e:void 0,t:void 0,a:void 0}),l})()}function J(t){const e=()=>t.size??"md",a={sm:"text-xs",md:"text-sm",lg:"text-base"};return(()=>{var r=w();return f(r,()=>t.text??"Thinking"),c(()=>d(r,m("animate-[text-blink_2s_ease-in-out_infinite] font-medium",a[e()],t.class))),r})()}function N(t){const e=()=>t.size??"md",a={sm:"text-xs",md:"text-sm",lg:"text-base"};return(()=>{var r=w();return f(r,()=>t.text??"Thinking"),c(()=>d(r,m("bg-[linear-gradient(to_right,var(--color-muted-foreground)_40%,var(--color-foreground)_60%,var(--color-muted-foreground)_80%)]","bg-size-[200%_auto] bg-clip-text font-medium text-transparent","animate-[shimmer_4s_infinite_linear]",a[e()],t.class))),r})()}function P(t){const e=()=>t.size??"md",a={sm:"text-xs",md:"text-sm",lg:"text-base"};return(()=>{var r=B(),i=r.firstChild;return f(i,()=>t.text??"Thinking"),c(l=>{var g=m("inline-flex items-center",t.class),s=m("text-primary font-medium",a[e()]);return g!==l.e&&d(r,l.e=g),s!==l.t&&d(i,l.t=s),l},{e:void 0,t:void 0}),r})()}function R(t){return n(k,{get fallback(){return n($,{get size(){return t.size},get class(){return t.class}})},get children(){return[n(o,{get when(){return t.variant==="circular"},get children(){return n($,{get size(){return t.size},get class(){return t.class}})}}),n(o,{get when(){return t.variant==="classic"},get children(){return n(F,{get size(){return t.size},get class(){return t.class}})}}),n(o,{get when(){return t.variant==="pulse"},get children(){return n(M,{get size(){return t.size},get class(){return t.class}})}}),n(o,{get when(){return t.variant==="pulse-dot"},get children(){return n(S,{get size(){return t.size},get class(){return t.class}})}}),n(o,{get when(){return t.variant==="dots"},get children(){return n(j,{get size(){return t.size},get class(){return t.class}})}}),n(o,{get when(){return t.variant==="typing"},get children(){return n(q,{get size(){return t.size},get class(){return t.class}})}}),n(o,{get when(){return t.variant==="wave"},get children(){return n(D,{get size(){return t.size},get class(){return t.class}})}}),n(o,{get when(){return t.variant==="bars"},get children(){return n(E,{get size(){return t.size},get class(){return t.class}})}}),n(o,{get when(){return t.variant==="terminal"},get children(){return n(G,{get size(){return t.size},get class(){return t.class}})}}),n(o,{get when(){return t.variant==="text-blink"},get children(){return n(J,{get text(){return t.text},get size(){return t.size},get class(){return t.class}})}}),n(o,{get when(){return t.variant==="text-shimmer"},get children(){return n(N,{get text(){return t.text},get size(){return t.size},get class(){return t.class}})}}),n(o,{get when(){return t.variant==="loading-dots"},get children(){return n(P,{get text(){return t.text},get size(){return t.size},get class(){return t.class}})}})]}})}export{R as L};