diditui 1.0.13 → 1.0.14

package/dist/diditui.cjs

@@ -84,4 +84,4 @@ Make sure your charset is UTF-8`);r=(r>>>8&255)*192+(r&255),e.put(r,13)}};var zl
 The chosen QR Code version cannot contain this amount of data.
 Minimum version required to store current data is: `+a+`.
 `);const i=a1(t,r,o),s=At.getSymbolSize(t),l=new Yl(s);return e1(l,t),t1(l),r1(l,t),Qt(l,r,0),t>=7&&n1(l,t),o1(l,i),isNaN(n)&&(n=fr.getBestMask(l,Qt.bind(null,l,r))),fr.applyMask(n,l),Qt(l,r,n),{modules:l,version:t,errorCorrectionLevel:r,maskPattern:n,segments:o}}Bn.create=function(t,r){if(typeof t>"u"||t==="")throw new Error("No input text");let n=Kt.M,o,a;return typeof r<"u"&&(n=Kt.from(r.errorCorrectionLevel,Kt.M),o=Tt.from(r.version),a=fr.from(r.maskPattern),r.toSJISFunc&&At.setToSJISFunction(r.toSJISFunc)),i1(t,o,n,a)};var Kn={},xr={};(function(e){function t(r){if(typeof r=="number"&&(r=r.toString()),typeof r!="string")throw new Error("Color should be defined as hex string");let n=r.slice().replace("#","").split("");if(n.length<3||n.length===5||n.length>8)throw new Error("Invalid hex color: "+r);(n.length===3||n.length===4)&&(n=Array.prototype.concat.apply([],n.map(function(a){return[a,a]}))),n.length===6&&n.push("F","F");const o=parseInt(n.join(""),16);return{r:o>>24&255,g:o>>16&255,b:o>>8&255,a:o&255,hex:"#"+n.slice(0,6).join("")}}e.getOptions=function(n){n||(n={}),n.color||(n.color={});const o=typeof n.margin>"u"||n.margin===null||n.margin<0?4:n.margin,a=n.width&&n.width>=21?n.width:void 0,i=n.scale||4;return{width:a,scale:a?4:i,margin:o,color:{dark:t(n.color.dark||"#000000ff"),light:t(n.color.light||"#ffffffff")},type:n.type,rendererOpts:n.rendererOpts||{}}},e.getScale=function(n,o){return o.width&&o.width>=n+o.margin*2?o.width/(n+o.margin*2):o.scale},e.getImageWidth=function(n,o){const a=e.getScale(n,o);return Math.floor((n+o.margin*2)*a)},e.qrToImageData=function(n,o,a){const i=o.modules.size,s=o.modules.data,l=e.getScale(i,a),d=Math.floor((i+a.margin*2)*l),f=a.margin*l,h=[a.color.light,a.color.dark];for(let p=0;p<d;p++)for(let g=0;g<d;g++){let y=(p*d+g)*4,v=a.color.light;if(p>=f&&g>=f&&p<d-f&&g<d-f){const w=Math.floor((p-f)/l),b=Math.floor((g-f)/l);v=h[s[w*i+b]?1:0]}n[y++]=v.r,n[y++]=v.g,n[y++]=v.b,n[y]=v.a}}})(xr);(function(e){const t=xr;function r(o,a,i){o.clearRect(0,0,a.width,a.height),a.style||(a.style={}),a.height=i,a.width=i,a.style.height=i+"px",a.style.width=i+"px"}function n(){try{return document.createElement("canvas")}catch{throw new Error("You need to specify a canvas element")}}e.render=function(a,i,s){let l=s,d=i;typeof l>"u"&&(!i||!i.getContext)&&(l=i,i=void 0),i||(d=n()),l=t.getOptions(l);const f=t.getImageWidth(a.modules.size,l),h=d.getContext("2d"),p=h.createImageData(f,f);return t.qrToImageData(p.data,a,l),r(h,d,f),h.putImageData(p,0,0),d},e.renderToDataURL=function(a,i,s){let l=s;typeof l>"u"&&(!i||!i.getContext)&&(l=i,i=void 0),l||(l={});const d=e.render(a,i,l),f=l.type||"image/png",h=l.rendererOpts||{};return d.toDataURL(f,h.quality)}})(Kn);var Jn={};const l1=xr;function un(e,t){const r=e.a/255,n=t+'="'+e.hex+'"';return r<1?n+" "+t+'-opacity="'+r.toFixed(2).slice(1)+'"':n}function Xt(e,t,r){let n=e+t;return typeof r<"u"&&(n+=" "+r),n}function c1(e,t,r){let n="",o=0,a=!1,i=0;for(let s=0;s<e.length;s++){const l=Math.floor(s%t),d=Math.floor(s/t);!l&&!a&&(a=!0),e[s]?(i++,s>0&&l>0&&e[s-1]||(n+=a?Xt("M",l+r,.5+d+r):Xt("m",o,0),o=0,a=!1),l+1<t&&e[s+1]||(n+=Xt("h",i),i=0)):o++}return n}Jn.render=function(t,r,n){const o=l1.getOptions(r),a=t.modules.size,i=t.modules.data,s=a+o.margin*2,l=o.color.light.a?"<path "+un(o.color.light,"fill")+' d="M0 0h'+s+"v"+s+'H0z"/>':"",d="<path "+un(o.color.dark,"stroke")+' d="'+c1(i,a,o.margin)+'"/>',f='viewBox="0 0 '+s+" "+s+'"',p='<svg xmlns="http://www.w3.org/2000/svg" '+(o.width?'width="'+o.width+'" height="'+o.width+'" ':"")+f+' shape-rendering="crispEdges">'+l+d+`</svg>
-`;return typeof n=="function"&&n(null,p),p};const u1=Sl,hr=Bn,Qn=Kn,d1=Jn;function kr(e,t,r,n,o){const a=[].slice.call(arguments,1),i=a.length,s=typeof a[i-1]=="function";if(!s&&!u1())throw new Error("Callback required as last argument");if(s){if(i<2)throw new Error("Too few arguments provided");i===2?(o=r,r=t,t=n=void 0):i===3&&(t.getContext&&typeof o>"u"?(o=n,n=void 0):(o=n,n=r,r=t,t=void 0))}else{if(i<1)throw new Error("Too few arguments provided");return i===1?(r=t,t=n=void 0):i===2&&!t.getContext&&(n=r,r=t,t=void 0),new Promise(function(l,d){try{const f=hr.create(r,n);l(e(f,t,n))}catch(f){d(f)}})}try{const l=hr.create(r,n);o(null,e(l,t,n))}catch(l){o(l)}}vt.create=hr.create;vt.toCanvas=kr.bind(null,Qn.render);vt.toDataURL=kr.bind(null,Qn.renderToDataURL);vt.toString=kr.bind(null,function(e,t,r){return d1.render(e,r)});const f1=.1,dn=2.5,_e=7;function er(e,t,r){return e===t?!1:(e-t<0?t-e:e-t)<=r+f1}function p1(e,t){const r=Array.prototype.slice.call(vt.create(e,{errorCorrectionLevel:t}).modules.data,0),n=Math.sqrt(r.length);return r.reduce((o,a,i)=>(i%n===0?o.push([a]):o[o.length-1].push(a))&&o,[])}const h1={generate(e,t,r,n="#141414"){const o="transparent",i=p1(e,"Q"),s=t/i.length,l=[{x:0,y:0},{x:1,y:0},{x:0,y:1}],d=[];l.forEach(({x:v,y:w})=>{const b=(i.length-_e)*s*v,E=(i.length-_e)*s*w,L=.3;for(let x=0;x<l.length;x+=1){const C=s*(_e-x*2);d.push(S.jsx("rect",{fill:x===2?n:o,width:x===0?C-5:C,rx:x===0?(C-5)*L:C*L,ry:x===0?(C-5)*L:C*L,stroke:n,strokeWidth:x===0?5:0,height:x===0?C-5:C,x:x===0?E+s*x+5/2:E+s*x,y:x===0?b+s*x+5/2:b+s*x},`${v}-${w}-${x}`))}});const f=Math.floor((r+25)/s),h=i.length/2-f/2,p=i.length/2+f/2-1,g=[];i.forEach((v,w)=>{v.forEach((b,E)=>{if(i[w][E]&&!(w<_e&&E<_e||w>i.length-(_e+1)&&E<_e||w<_e&&E>i.length-(_e+1))&&!(w>h&&w<p&&E>h&&E<p)){const L=w*s+s/2,x=E*s+s/2;g.push([L,x])}})});const y={};return g.forEach(([v,w])=>{var b;y[v]?(b=y[v])==null||b.push(w):y[v]=[w]}),Object.entries(y).map(([v,w])=>{const b=w.filter(E=>w.every(L=>!er(E,L,s)));return[Number(v),b]}).forEach(([v,w])=>{w.forEach(b=>{d.push(S.jsx("circle",{cx:v,cy:b,fill:n,r:s/dn}))})}),Object.entries(y).filter(([v,w])=>w.length>1).map(([v,w])=>{const b=w.filter(E=>w.some(L=>er(E,L,s)));return[Number(v),b]}).map(([v,w])=>{w.sort((E,L)=>E<L?-1:1);const b=[];for(const E of w){const L=b.find(x=>x.some(C=>er(E,C,s)));L?L.push(E):b.push([E])}return[v,b.map(E=>[E[0],E[E.length-1]])]}).forEach(([v,w])=>{w.forEach(([b,E])=>{d.push(S.jsx("line",{x1:v,x2:v,y1:b,y2:E,stroke:n,strokeWidth:s/(dn/2),strokeLinecap:"round"},`${v}-${b}-${E}`))})}),d}},m1={sm:120,md:200,lg:256,xl:320};function g1({uri:e,size:t="md",color:r,iconName:n="didit",className:o,...a}){const i=typeof t=="number"?t:m1[t],s=_.useMemo(()=>h1.generate(e,i,i/4,r),[e,i,r]),l=D(["size-fit","flex  items-center justify-center","relative overflow-hidden aspect-square"],o),d=D(["size-full absolute top-1/2 left-1/2","transform -translate-x-1/2 -translate-y-1/2 scale-[0.25]","text-primary rounded-3xl overflow-hidden"]);return S.jsxs("div",{className:l,...a,children:[S.jsx(Ee,{type:n,className:d}),S.jsx("svg",{width:i,height:i,children:s})]})}function v1({label:e,placeholder:t,value:r,disabled:n,className:o,error:a,onValueChange:i=()=>{},...s}){const l=_.useRef(null),[d,f]=_.useState(!1),h=D(["w-full overflow-hidden min-h-[68px] py-2 pr-2 cursor-pointer","flex items-center gap-2 border-b-[1.5px] border-transparent","focus:bg-transparent focus:border-foreground transition-all duration-300"],{"opacity-80":n,"border-foreground":d,"border-error":a},o),p=D([" placeholder:text-sm placeholder:font-normal placeholder:leading-[140%]","placeholder:text-surface-mdlo text-sm font-normal leading-[140%]","placeholder:tracking-tight tracking-tight","focus:ring-0 active:border-none bg-transparent border-none transition-all duration-300","p-0 m-0"]),g=D(["flex justify-center align-items-center hover:opacity-80 p-[2px]"],{invisible:!r}),y=D(["rounded-full bg-surface-ulo p-[9px] opacity-70","cursor-pointer hover:opacity-100"],{"opacity-100":d,"bg-error/5":a&&d});return S.jsxs("div",{className:"w-full overflow-hidden",children:[S.jsxs("div",{className:h,onClick:()=>{var v;return(v=l.current)==null?void 0:v.focus()},children:[S.jsx("div",{className:y,children:S.jsx(Ee,{type:"search",size:"sm"})}),S.jsxs("div",{className:"flex flex-col gap-[6px] grow overflow-hidden min-w-0",children:[S.jsx(fe,{variant:"StyledLabel",as:"label",className:"text-surface-md cursor-pointer truncate",children:e}),S.jsx("input",{ref:l,onFocus:()=>f(!0),onBlur:()=>f(!1),className:p,value:r,type:"text",onChange:v=>i(v.target.value),placeholder:t,disabled:n,...s})]}),S.jsx("button",{className:g,onClick:()=>i(""),children:S.jsx(Ee,{type:"closeCircleBold",size:"sm",className:"text-surface-mdlo"})})]}),S.jsx(fe,{variant:"P3",as:"span",className:"text-error mt-1",children:a})]})}var C1="Expected a function",fn=NaN,b1="[object Symbol]",y1=/^\s+|\s+$/g,w1=/^[-+]0x[0-9a-f]+$/i,E1=/^0b[01]+$/i,x1=/^0o[0-7]+$/i,k1=parseInt,S1=typeof We.commonjsGlobal=="object"&&We.commonjsGlobal&&We.commonjsGlobal.Object===Object&&We.commonjsGlobal,L1=typeof self=="object"&&self&&self.Object===Object&&self,R1=S1||L1||Function("return this")(),M1=Object.prototype,_1=M1.toString,T1=Math.max,O1=Math.min,tr=function(){return R1.Date.now()};function N1(e,t,r){var n,o,a,i,s,l,d=0,f=!1,h=!1,p=!0;if(typeof e!="function")throw new TypeError(C1);t=pn(t)||0,mr(r)&&(f=!!r.leading,h="maxWait"in r,a=h?T1(pn(r.maxWait)||0,t):a,p="trailing"in r?!!r.trailing:p);function g(j){var z=n,re=o;return n=o=void 0,d=j,i=e.apply(re,z),i}function y(j){return d=j,s=setTimeout(b,t),f?g(j):i}function v(j){var z=j-l,re=j-d,Y=t-z;return h?O1(Y,a-re):Y}function w(j){var z=j-l,re=j-d;return l===void 0||z>=t||z<0||h&&re>=a}function b(){var j=tr();if(w(j))return E(j);s=setTimeout(b,v(j))}function E(j){return s=void 0,p&&n?g(j):(n=o=void 0,i)}function L(){s!==void 0&&clearTimeout(s),d=0,n=l=o=s=void 0}function x(){return s===void 0?i:E(tr())}function C(){var j=tr(),z=w(j);if(n=arguments,o=this,l=j,z){if(s===void 0)return y(l);if(h)return s=setTimeout(b,t),g(l)}return s===void 0&&(s=setTimeout(b,t)),i}return C.cancel=L,C.flush=x,C}function mr(e){var t=typeof e;return!!e&&(t=="object"||t=="function")}function j1(e){return!!e&&typeof e=="object"}function P1(e){return typeof e=="symbol"||j1(e)&&_1.call(e)==b1}function pn(e){if(typeof e=="number")return e;if(P1(e))return fn;if(mr(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=mr(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=e.replace(y1,"");var r=E1.test(e);return r||x1.test(e)?k1(e.slice(2),r?2:8):w1.test(e)?fn:+e}var A1=N1;const hn=We.getDefaultExportFromCjs(A1);var F1=typeof window<"u"?_.useLayoutEffect:_.useEffect;function B1(e,t,r,n){const o=_.useRef(t);F1(()=>{o.current=t},[t]),_.useEffect(()=>{const a=window;if(!(a&&a.addEventListener))return;const i=s=>{o.current(s)};return a.addEventListener(e,i,n),()=>{a.removeEventListener(e,i,n)}},[e,r,n])}function I1(e){const t=_.useRef(e);t.current=e,_.useEffect(()=>()=>{t.current()},[])}function W1(e,t=500,r){const n=_.useRef();I1(()=>{n.current&&n.current.cancel()});const o=_.useMemo(()=>{const a=hn(e,t,r),i=(...s)=>a(...s);return i.cancel=()=>{a.cancel()},i.isPending=()=>!!n.current,i.flush=()=>a.flush(),i},[e,t,r]);return _.useEffect(()=>{n.current=hn(e,t,r)},[e,t,r]),o}const D1=500;function Xn({id:e,className:t,disabled:r,placeholder:n,immediateFocus:o,value:a,onChange:i}){const s=_.useRef(null),[l,d]=_.useState(!1),f=W1(i,D1);_.useEffect(()=>{var y;o&&((y=s==null?void 0:s.current)==null||y.focus())},[]);const h=D("flex w-full items-center gap-3 px-4 py-3","border-b border-surface-ulo text-surface-hi",t),p=D("text-xs remove-arrow :focus:shadow-none grow shrink-0 truncate","placeholder:body-text placeholder:text-surface-md","border-none bg-transparent p-0 !shadow-none outline-none ring-0 ring-offset-0","focus:border-none focus:outline-none focus:ring-0","disabled:opacity-25"),g=D("shrink-0",{"opacity-25 transition-opacity duration-300":!l});return S.jsxs("div",{className:h,id:e,children:[S.jsx("div",{className:g,children:S.jsx(Ee,{size:"sm",type:"search"})}),S.jsx("input",{disabled:r,ref:s,className:p,placeholder:n,type:"text",defaultValue:a,onBlur:()=>d(!1),onChange:y=>f(y.target.value),onFocus:()=>d(!0)})]})}const V1=typeof window<"u"?_.useLayoutEffect:_.useEffect,H1=typeof window>"u";function at(e,{defaultValue:t=!1,initializeWithValue:r=!0}={}){function n(s){return H1?t:window.matchMedia(s).matches}const[o,a]=_.useState(()=>r?n(e):t);function i(){a(n(e))}return V1(()=>{const s=window.matchMedia(e);return i(),s.addListener?s.addListener(i):s.addEventListener("change",i),()=>{s.removeListener?s.removeListener(i):s.removeEventListener("change",i)}},[e]),o}function $1(e={}){return at(`(min-width: ${tt.SM}px)`,e)}function U1(e={}){return at(`(min-width: ${tt.MD}px)`,e)}function z1(e={}){return at(`(min-width: ${tt.LG}px)`,e)}function Z1(e={}){return at(`(min-width: ${tt.XL}px)`,e)}function q1(e={}){return at(`(min-width: ${tt.XXL}px)`,e)}function eo(e,t,r,n="mousedown"){B1(n,o=>{const a=e==null?void 0:e.current,i=t==null?void 0:t.current;!a||a.contains(o.target)||!i||i.contains(o.target)||r(o)})}function to(e,t){const r=_.useCallback(n=>{n.key===e&&t()},[e,t]);_.useEffect(()=>(window.addEventListener("keydown",r),()=>{window.removeEventListener("keydown",r)}),[r])}function Y1({label:e,value:t,Icon:r=null,id:n="",dataTestId:o="",className:a="",onClick:i=()=>{}}){const s=_.useCallback(()=>{i(t)},[t,i]),l=kt("flex w-full items-center gap-2 px-4 py-3 text-surface-hi","hover:bg-surface-ulo/60 border-b border-surface-ulo","transition-all duration-300",a);return S.jsx("li",{children:S.jsxs("button",{className:l,"data-testid":o,id:n,type:"button",onClick:s,children:[r&&S.jsx("span",{children:S.jsx(r,{})}),S.jsx(fe,{variant:"P3",as:"span",children:e})]})})}function G1({id:e="",className:t="",label:r,placeholder:n,selectedOption:o={label:"",value:"",Icon:null},disabled:a=!1,isDropdownOpen:i=!1,buttonRef:s=void 0,hasError:l=!1,onClick:d}){const f=D("w-full min-h-[68px] py-4 px-5 rounded-3xl","flex items-center gap-2 bg-surface-lo hover:bg-surface-ulo","transition-all duration-300 border border-transparent",{"opacity-80":a,"border-error bg-error/5":l,"bg-transparent border-foreground hover:bg-transparent":i,"border-error":i&&l},t),h=D("truncate w-fit",{"text-surface-background":o.value,"text-surface-md":!o.value}),p=D(["transition-all duration-300",{"-rotate-180":i}]);return S.jsxs("button",{id:e,className:f,ref:s,onClick:d,type:"button",children:[S.jsxs("div",{className:"flex flex-col gap-[6px] grow overflow-hidden min-w-0",children:[S.jsx(fe,{variant:"StyledLabel",as:"label",className:"text-surface-md truncate w-fit",children:r}),S.jsx(fe,{as:"span",variant:"P2",className:h,children:o.label||n})]}),S.jsx("div",{className:p,children:S.jsx(Ee,{type:"chevronDown",size:"sm"})})]})}function K1({id:e="",className:t="",dataTestId:r="",label:n="",placeholder:o="",value:a=void 0,options:i,disabled:s=!1,withSearch:l=!1,errorMessage:d="",dropdownClassName:f="",onChange:h=g=>{},onClick:p=()=>{}}){const g=_.useRef(null),y=_.useRef(null),[v,w]=_.useState(!1),[b,E]=_.useState(""),L=_.useMemo(()=>b?i.filter(Y=>Y.label.toLowerCase().startsWith(b.toLowerCase())):i,[b,i]),x=_.useMemo(()=>i.find(Y=>Y.value===a),[i,a]);to("Escape",()=>w(!1)),eo(g,y,()=>w(!1));const C=_.useCallback(Y=>{h(Y),w(!1)},[h]),j=_.useCallback(()=>{p()},[p]),z=D("w-full min-w-[230px]",t),re=D("absolute righ-0 top-[calc(100%+8px)] w-full bg-background rounded-2xl p-2","shadow-card z-50 transition-all duration-300 overflow-hidden overflow-y-auto","scrollbar-none max-h-[240px]",{"cursor-pointer":!!p,"pt-0":l},f);return S.jsxs("div",{className:z,"data-testid":r,onClick:j,children:[S.jsxs("div",{className:"relative",children:[S.jsx(G1,{label:n,buttonRef:g,hasError:!!d,id:e,disabled:s,isDropdownOpen:v,placeholder:o,selectedOption:x,onClick:()=>w(!v)}),v&&S.jsxs("div",{ref:y,className:re,children:[S.jsx("div",{className:D("sticky top-0 left-0 w-full bg-background",{hidden:!l}),children:S.jsx(Xn,{immediateFocus:!0,placeholder:"Search",value:b,onChange:E})}),S.jsx("ul",{className:"[&>*:last-child]:border-none",children:L.length?L.map((Y,ce)=>S.jsx(Y1,{dataTestId:`${r}-option-${Y.value}`,Icon:Y.Icon,label:Y.label,value:Y.value,onClick:C},`${Y.value}-${ce}`)):S.jsx(fe,{as:"p",variant:"P2",className:"truncate p-4 text-center",children:"No options"})})]})]}),S.jsx(fe,{variant:"P3",as:"span",className:D("text-error mt-1 pl-1",{invisible:v}),children:d})]})}const J1=Te(["border border-foreground","rounded-3xl","p-2","bg-transparent","flex items-center justify-center"],{variants:{variant:{primary:"bg-primary/10 border-primary/20 text-primary",accent:"bg-accent/10 border-accent/20 text-accent",success:"bg-success/10 border-success/20 text-success",warning:"bg-warning/10 border-warning/20 text-warning",error:"bg-error/10 border-error/20 text-error"}},defaultVariants:{variant:"primary"}});function Q1({label:e,variant:t,className:r,...n}){return S.jsx("div",{className:D(J1({variant:t,className:r})),...n,children:S.jsx(fe,{className:"text-inherit text-[9px]",variant:"StyledLabel",as:"span",children:e})})}function X1({id:e,className:t,label:r,checked:n,disabled:o,onToggle:a=()=>{}}){const i=D(["inline-flex items-center gap-4 cursor-pointer"],t),s=_.useCallback(l=>{a(l.target.checked)},[a]);return S.jsxs("label",{className:i,children:[S.jsx("input",{type:"checkbox",checked:n,onChange:s,id:e,className:"sr-only peer",disabled:o}),S.jsx("div",{className:"relative w-11 h-6 bg-surface-lo peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-background after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-background after:border-background after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-primary"}),r&&S.jsx(fe,{as:"span",variant:"P3",className:"text-inheret",children:r})]})}function ec({name:e,label:t,avatar:r,radius:n="full",className:o,...a}){const i=D("w-[36px] h-[36px] overflow-hidden",{"rounded-none":n==="none","rounded-full":n==="full","rounded-md":n==="md","rounded-sm":n==="sm"});return S.jsxs("div",{className:D("flex items-center gap-3",o),...a,children:[S.jsx("div",{className:i,children:r?S.jsx("img",{src:r,alt:"avatar",className:"size-full object-cover"}):S.jsx(Ee,{type:"didit",className:"size-full object-cover"})}),S.jsxs("div",{className:"flex flex-col gap-1",children:[S.jsx(fe,{className:"text-foreground",as:"h6",variant:"H6",children:e}),t&&S.jsx(fe,{className:"text-surface-md",as:"span",variant:"Label3",children:t})]})]})}exports.Button=Qs;exports.Card=ei;exports.CheckBox=ri;exports.CopyValue=oi;exports.DiditAnimatedLogo=si;exports.Icon=Ee;exports.IconButton=kn;exports.Input=li;exports.MediaQuery=tt;exports.Modal=kl;exports.QrCode=g1;exports.SearchInput=v1;exports.SearchMini=Xn;exports.SelectDropdown=K1;exports.Spinner=xn;exports.StatusLabel=Q1;exports.Text=fe;exports.Toggle=X1;exports.Tooltip=St;exports.UserCard=ec;exports.cn=D;exports.svgOptions=En;exports.useKeyPress=to;exports.useLgMediaQuery=z1;exports.useMdMediaQuery=U1;exports.useMediaQuery=at;exports.useOnClickOutside=eo;exports.useSmMediaQuery=$1;exports.useXlMediaQuery=Z1;exports.useXxlMediaQuery=q1;
+`;return typeof n=="function"&&n(null,p),p};const u1=Sl,hr=Bn,Qn=Kn,d1=Jn;function kr(e,t,r,n,o){const a=[].slice.call(arguments,1),i=a.length,s=typeof a[i-1]=="function";if(!s&&!u1())throw new Error("Callback required as last argument");if(s){if(i<2)throw new Error("Too few arguments provided");i===2?(o=r,r=t,t=n=void 0):i===3&&(t.getContext&&typeof o>"u"?(o=n,n=void 0):(o=n,n=r,r=t,t=void 0))}else{if(i<1)throw new Error("Too few arguments provided");return i===1?(r=t,t=n=void 0):i===2&&!t.getContext&&(n=r,r=t,t=void 0),new Promise(function(l,d){try{const f=hr.create(r,n);l(e(f,t,n))}catch(f){d(f)}})}try{const l=hr.create(r,n);o(null,e(l,t,n))}catch(l){o(l)}}vt.create=hr.create;vt.toCanvas=kr.bind(null,Qn.render);vt.toDataURL=kr.bind(null,Qn.renderToDataURL);vt.toString=kr.bind(null,function(e,t,r){return d1.render(e,r)});const f1=.1,dn=2.5,_e=7;function er(e,t,r){return e===t?!1:(e-t<0?t-e:e-t)<=r+f1}function p1(e,t){const r=Array.prototype.slice.call(vt.create(e,{errorCorrectionLevel:t}).modules.data,0),n=Math.sqrt(r.length);return r.reduce((o,a,i)=>(i%n===0?o.push([a]):o[o.length-1].push(a))&&o,[])}const h1={generate(e,t,r,n="#141414"){const o="transparent",i=p1(e,"Q"),s=t/i.length,l=[{x:0,y:0},{x:1,y:0},{x:0,y:1}],d=[];l.forEach(({x:v,y:w})=>{const b=(i.length-_e)*s*v,E=(i.length-_e)*s*w,L=.3;for(let x=0;x<l.length;x+=1){const C=s*(_e-x*2);d.push(S.jsx("rect",{fill:x===2?n:o,width:x===0?C-5:C,rx:x===0?(C-5)*L:C*L,ry:x===0?(C-5)*L:C*L,stroke:n,strokeWidth:x===0?5:0,height:x===0?C-5:C,x:x===0?E+s*x+5/2:E+s*x,y:x===0?b+s*x+5/2:b+s*x},`${v}-${w}-${x}`))}});const f=Math.floor((r+25)/s),h=i.length/2-f/2,p=i.length/2+f/2-1,g=[];i.forEach((v,w)=>{v.forEach((b,E)=>{if(i[w][E]&&!(w<_e&&E<_e||w>i.length-(_e+1)&&E<_e||w<_e&&E>i.length-(_e+1))&&!(w>h&&w<p&&E>h&&E<p)){const L=w*s+s/2,x=E*s+s/2;g.push([L,x])}})});const y={};return g.forEach(([v,w])=>{var b;y[v]?(b=y[v])==null||b.push(w):y[v]=[w]}),Object.entries(y).map(([v,w])=>{const b=w.filter(E=>w.every(L=>!er(E,L,s)));return[Number(v),b]}).forEach(([v,w])=>{w.forEach(b=>{d.push(S.jsx("circle",{cx:v,cy:b,fill:n,r:s/dn}))})}),Object.entries(y).filter(([v,w])=>w.length>1).map(([v,w])=>{const b=w.filter(E=>w.some(L=>er(E,L,s)));return[Number(v),b]}).map(([v,w])=>{w.sort((E,L)=>E<L?-1:1);const b=[];for(const E of w){const L=b.find(x=>x.some(C=>er(E,C,s)));L?L.push(E):b.push([E])}return[v,b.map(E=>[E[0],E[E.length-1]])]}).forEach(([v,w])=>{w.forEach(([b,E])=>{d.push(S.jsx("line",{x1:v,x2:v,y1:b,y2:E,stroke:n,strokeWidth:s/(dn/2),strokeLinecap:"round"},`${v}-${b}-${E}`))})}),d}},m1={sm:120,md:200,lg:256,xl:320};function g1({uri:e,size:t="md",color:r,iconName:n="didit",className:o,...a}){const i=typeof t=="number"?t:m1[t],s=_.useMemo(()=>h1.generate(e,i,i/4,r),[e,i,r]),l=D(["size-fit","flex  items-center justify-center","relative overflow-hidden aspect-square"],o),d=D(["size-full absolute top-1/2 left-1/2","transform -translate-x-1/2 -translate-y-1/2 scale-[0.25]","text-primary rounded-3xl overflow-hidden"]);return S.jsxs("div",{className:l,...a,children:[S.jsx(Ee,{type:n,className:d}),S.jsx("svg",{width:i,height:i,children:s})]})}function v1({label:e,placeholder:t,value:r,disabled:n,className:o,error:a,onValueChange:i=()=>{},...s}){const l=_.useRef(null),[d,f]=_.useState(!1),h=D(["w-full overflow-hidden min-h-[68px] py-2 pr-2 cursor-pointer","flex items-center gap-2 border-b-[1.5px] border-transparent","focus:bg-transparent focus:border-foreground transition-all duration-300"],{"opacity-80":n,"border-foreground":d,"border-error":a},o),p=D([" placeholder:text-sm placeholder:font-normal placeholder:leading-[140%]","placeholder:text-surface-mdlo text-sm font-normal leading-[140%]","placeholder:tracking-tight tracking-tight","focus:ring-0 active:border-none bg-transparent border-none transition-all duration-300","p-0 m-0"]),g=D(["flex justify-center align-items-center hover:opacity-80 p-[2px]"],{invisible:!r}),y=D(["rounded-full bg-surface-ulo p-[9px] opacity-70","cursor-pointer hover:opacity-100"],{"opacity-100":d,"bg-error/5":a&&d});return S.jsxs("div",{className:"w-full overflow-hidden",children:[S.jsxs("div",{className:h,onClick:()=>{var v;return(v=l.current)==null?void 0:v.focus()},children:[S.jsx("div",{className:y,children:S.jsx(Ee,{type:"search",size:"sm"})}),S.jsxs("div",{className:"flex flex-col gap-[6px] grow overflow-hidden min-w-0",children:[S.jsx(fe,{variant:"StyledLabel",as:"label",className:"text-surface-md cursor-pointer truncate",children:e}),S.jsx("input",{ref:l,onFocus:()=>f(!0),onBlur:()=>f(!1),className:p,value:r,type:"text",onChange:v=>i(v.target.value),placeholder:t,disabled:n,...s})]}),S.jsx("button",{className:g,onClick:()=>i(""),children:S.jsx(Ee,{type:"closeCircleBold",size:"sm",className:"text-surface-mdlo"})})]}),S.jsx(fe,{variant:"P3",as:"span",className:"text-error mt-1",children:a})]})}var C1="Expected a function",fn=NaN,b1="[object Symbol]",y1=/^\s+|\s+$/g,w1=/^[-+]0x[0-9a-f]+$/i,E1=/^0b[01]+$/i,x1=/^0o[0-7]+$/i,k1=parseInt,S1=typeof We.commonjsGlobal=="object"&&We.commonjsGlobal&&We.commonjsGlobal.Object===Object&&We.commonjsGlobal,L1=typeof self=="object"&&self&&self.Object===Object&&self,R1=S1||L1||Function("return this")(),M1=Object.prototype,_1=M1.toString,T1=Math.max,O1=Math.min,tr=function(){return R1.Date.now()};function N1(e,t,r){var n,o,a,i,s,l,d=0,f=!1,h=!1,p=!0;if(typeof e!="function")throw new TypeError(C1);t=pn(t)||0,mr(r)&&(f=!!r.leading,h="maxWait"in r,a=h?T1(pn(r.maxWait)||0,t):a,p="trailing"in r?!!r.trailing:p);function g(j){var z=n,re=o;return n=o=void 0,d=j,i=e.apply(re,z),i}function y(j){return d=j,s=setTimeout(b,t),f?g(j):i}function v(j){var z=j-l,re=j-d,Y=t-z;return h?O1(Y,a-re):Y}function w(j){var z=j-l,re=j-d;return l===void 0||z>=t||z<0||h&&re>=a}function b(){var j=tr();if(w(j))return E(j);s=setTimeout(b,v(j))}function E(j){return s=void 0,p&&n?g(j):(n=o=void 0,i)}function L(){s!==void 0&&clearTimeout(s),d=0,n=l=o=s=void 0}function x(){return s===void 0?i:E(tr())}function C(){var j=tr(),z=w(j);if(n=arguments,o=this,l=j,z){if(s===void 0)return y(l);if(h)return s=setTimeout(b,t),g(l)}return s===void 0&&(s=setTimeout(b,t)),i}return C.cancel=L,C.flush=x,C}function mr(e){var t=typeof e;return!!e&&(t=="object"||t=="function")}function j1(e){return!!e&&typeof e=="object"}function P1(e){return typeof e=="symbol"||j1(e)&&_1.call(e)==b1}function pn(e){if(typeof e=="number")return e;if(P1(e))return fn;if(mr(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=mr(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=e.replace(y1,"");var r=E1.test(e);return r||x1.test(e)?k1(e.slice(2),r?2:8):w1.test(e)?fn:+e}var A1=N1;const hn=We.getDefaultExportFromCjs(A1);var F1=typeof window<"u"?_.useLayoutEffect:_.useEffect;function B1(e,t,r,n){const o=_.useRef(t);F1(()=>{o.current=t},[t]),_.useEffect(()=>{const a=window;if(!(a&&a.addEventListener))return;const i=s=>{o.current(s)};return a.addEventListener(e,i,n),()=>{a.removeEventListener(e,i,n)}},[e,r,n])}function I1(e){const t=_.useRef(e);t.current=e,_.useEffect(()=>()=>{t.current()},[])}function W1(e,t=500,r){const n=_.useRef();I1(()=>{n.current&&n.current.cancel()});const o=_.useMemo(()=>{const a=hn(e,t,r),i=(...s)=>a(...s);return i.cancel=()=>{a.cancel()},i.isPending=()=>!!n.current,i.flush=()=>a.flush(),i},[e,t,r]);return _.useEffect(()=>{n.current=hn(e,t,r)},[e,t,r]),o}const D1=500;function Xn({id:e,className:t,disabled:r,placeholder:n,immediateFocus:o,value:a,onChange:i}){const s=_.useRef(null),[l,d]=_.useState(!1),f=W1(i,D1);_.useEffect(()=>{var y;o&&((y=s==null?void 0:s.current)==null||y.focus())},[]);const h=D("flex w-full items-center gap-3 px-4 py-3","border-b border-surface-ulo text-surface-hi",t),p=D("text-xs remove-arrow :focus:shadow-none grow shrink-0 truncate","placeholder:body-text placeholder:text-surface-md","border-none bg-transparent p-0 !shadow-none outline-none ring-0 ring-offset-0","focus:border-none focus:outline-none focus:ring-0","disabled:opacity-25"),g=D("shrink-0",{"opacity-25 transition-opacity duration-300":!l});return S.jsxs("div",{className:h,id:e,children:[S.jsx("div",{className:g,children:S.jsx(Ee,{size:"sm",type:"search"})}),S.jsx("input",{disabled:r,ref:s,className:p,placeholder:n,type:"text",defaultValue:a,onBlur:()=>d(!1),onChange:y=>f(y.target.value),onFocus:()=>d(!0)})]})}const V1=typeof window<"u"?_.useLayoutEffect:_.useEffect,H1=typeof window>"u";function at(e,{defaultValue:t=!1,initializeWithValue:r=!0}={}){function n(s){return H1?t:window.matchMedia(s).matches}const[o,a]=_.useState(()=>r?n(e):t);function i(){a(n(e))}return V1(()=>{const s=window.matchMedia(e);return i(),s.addListener?s.addListener(i):s.addEventListener("change",i),()=>{s.removeListener?s.removeListener(i):s.removeEventListener("change",i)}},[e]),o}function $1(e={}){return at(`(min-width: ${tt.SM}px)`,e)}function U1(e={}){return at(`(min-width: ${tt.MD}px)`,e)}function z1(e={}){return at(`(min-width: ${tt.LG}px)`,e)}function Z1(e={}){return at(`(min-width: ${tt.XL}px)`,e)}function q1(e={}){return at(`(min-width: ${tt.XXL}px)`,e)}function eo(e,t,r,n="mousedown"){B1(n,o=>{const a=e==null?void 0:e.current,i=t==null?void 0:t.current;!a||a.contains(o.target)||!i||i.contains(o.target)||r(o)})}function to(e,t){const r=_.useCallback(n=>{n.key===e&&t()},[e,t]);_.useEffect(()=>(window.addEventListener("keydown",r),()=>{window.removeEventListener("keydown",r)}),[r])}function Y1({label:e,value:t,Icon:r=null,id:n="",dataTestId:o="",className:a="",onClick:i=()=>{}}){const s=_.useCallback(()=>{i(t)},[t,i]),l=kt("flex w-full items-center gap-2 px-4 py-3 text-surface-hi","hover:bg-surface-ulo/60 border-b border-surface-ulo","transition-all duration-300",a);return S.jsx("li",{children:S.jsxs("button",{className:l,"data-testid":o,id:n,type:"button",onClick:s,children:[r&&S.jsx("span",{children:S.jsx(r,{})}),S.jsx(fe,{variant:"P3",as:"span",children:e})]})})}function G1({id:e="",className:t="",label:r,placeholder:n,selectedOption:o={label:"",value:"",Icon:null},disabled:a=!1,isDropdownOpen:i=!1,buttonRef:s=void 0,hasError:l=!1,onClick:d}){const f=D("w-full min-h-[68px] py-4 px-5 rounded-3xl","flex items-center gap-2 bg-surface-lo hover:bg-surface-ulo","transition-all duration-300 border border-transparent",{"opacity-80":a,"border-error bg-error/5":l,"bg-transparent border-foreground hover:bg-transparent":i,"border-error":i&&l},t),h=D("truncate w-fit",{"text-surface-background":o.value,"text-surface-md":!o.value}),p=D(["transition-all duration-300",{"-rotate-180":i}]);return S.jsxs("button",{id:e,className:f,ref:s,onClick:d,type:"button",children:[S.jsxs("div",{className:"flex flex-col gap-[6px] grow overflow-hidden min-w-0",children:[S.jsx(fe,{variant:"StyledLabel",as:"label",className:"text-surface-md truncate w-fit",children:r}),S.jsx(fe,{as:"span",variant:"P2",className:h,children:o.label||n})]}),S.jsx("div",{className:p,children:S.jsx(Ee,{type:"chevronDown",size:"sm"})})]})}function K1({id:e="",className:t="",dataTestId:r="",label:n="",placeholder:o="",value:a=void 0,options:i,disabled:s=!1,withSearch:l=!1,errorMessage:d="",dropdownClassName:f="",onChange:h=g=>{},onClick:p=()=>{}}){const g=_.useRef(null),y=_.useRef(null),[v,w]=_.useState(!1),[b,E]=_.useState(""),L=_.useMemo(()=>b?i.filter(Y=>Y.label.toLowerCase().startsWith(b.toLowerCase())):i,[b,i]),x=_.useMemo(()=>i.find(Y=>Y.value===a),[i,a]);to("Escape",()=>w(!1)),eo(g,y,()=>w(!1));const C=_.useCallback(Y=>{h(Y),w(!1)},[h]),j=_.useCallback(()=>{p()},[p]),z=D("w-full min-w-[230px]",t),re=D("absolute righ-0 top-[calc(100%+8px)] w-full bg-background rounded-2xl p-2","shadow-card z-50 transition-all duration-300 overflow-hidden overflow-y-auto","scrollbar-none max-h-[240px]",{"cursor-pointer":!!p,"pt-0":l},f);return S.jsxs("div",{className:z,"data-testid":r,onClick:j,children:[S.jsxs("div",{className:"relative",children:[S.jsx(G1,{label:n,buttonRef:g,hasError:!!d,id:e,disabled:s,isDropdownOpen:v,placeholder:o,selectedOption:x,onClick:()=>w(!v)}),v&&S.jsxs("div",{ref:y,className:re,children:[S.jsx("div",{className:D("sticky top-0 left-0 w-full bg-background",{hidden:!l}),children:S.jsx(Xn,{immediateFocus:!0,placeholder:"Search",value:b,onChange:E})}),S.jsx("ul",{className:"[&>*:last-child]:border-none",children:L.length?L.map((Y,ce)=>S.jsx(Y1,{dataTestId:`${r}-option-${Y.value}`,Icon:Y.Icon,label:Y.label,value:Y.value,onClick:C},`${Y.value}-${ce}`)):S.jsx(fe,{as:"p",variant:"P2",className:"truncate p-4 text-center",children:"No options"})})]})]}),S.jsx(fe,{variant:"P3",as:"span",className:D("text-error mt-1 pl-1",{invisible:v}),children:d})]})}const J1=Te(["border border-foreground","rounded-3xl","p-2","bg-transparent","flex items-center justify-center"],{variants:{variant:{primary:"bg-primary/10 border-primary/20 text-primary",accent:"bg-accent/10 border-accent/20 text-accent",success:"bg-success/10 border-success/20 text-success",warning:"bg-warning/10 border-warning/20 text-warning",error:"bg-error/10 border-error/20 text-error"}},defaultVariants:{variant:"primary"}});function Q1({label:e,variant:t,className:r,...n}){return S.jsx("div",{className:D(J1({variant:t,className:r})),...n,children:S.jsx(fe,{className:"text-inherit text-[9px]",variant:"StyledLabel",as:"span",children:e})})}function X1({id:e,className:t,label:r,checked:n,disabled:o,onToggle:a=()=>{},size:i="md"}){const s=_.useCallback(f=>{a(f.target.checked)},[a]),l=D("inline-flex items-center gap-4 cursor-pointer",t),d=D(["relative bg-surface-lo peer-focus:outline-none","rounded-full peer peer-checked:after:translate-x-full ","rtl:peer-checked:after:-translate-x-full peer-checked:after:border-background","after:content-[''] after:absolute","after:bg-background after:border-background after:border after:rounded-full","after:transition-all peer-checked:bg-primary",{"w-11 h-6 after:h-5 after:w-5 after:top-[2px] after:start-[2px]":i==="md","w-[30px] h-4 after:h-[14px] after:w-[14px] after:top-[1px] after:start-[1px]":i==="sm"}]);return S.jsxs("label",{className:l,children:[S.jsx("input",{type:"checkbox",checked:n,onChange:s,id:e,className:"sr-only peer",disabled:o}),S.jsx("div",{className:d}),r&&S.jsx(fe,{as:"span",variant:"P3",className:"text-inheret",children:r})]})}function ec({name:e,label:t,avatar:r,radius:n="full",className:o,...a}){const i=D("w-[36px] h-[36px] overflow-hidden",{"rounded-none":n==="none","rounded-full":n==="full","rounded-md":n==="md","rounded-sm":n==="sm"});return S.jsxs("div",{className:D("flex items-center gap-3",o),...a,children:[S.jsx("div",{className:i,children:r?S.jsx("img",{src:r,alt:"avatar",className:"size-full object-cover"}):S.jsx(Ee,{type:"didit",className:"size-full object-cover"})}),S.jsxs("div",{className:"flex flex-col gap-1",children:[S.jsx(fe,{className:"text-foreground",as:"h6",variant:"H6",children:e}),t&&S.jsx(fe,{className:"text-surface-md",as:"span",variant:"Label3",children:t})]})]})}exports.Button=Qs;exports.Card=ei;exports.CheckBox=ri;exports.CopyValue=oi;exports.DiditAnimatedLogo=si;exports.Icon=Ee;exports.IconButton=kn;exports.Input=li;exports.MediaQuery=tt;exports.Modal=kl;exports.QrCode=g1;exports.SearchInput=v1;exports.SearchMini=Xn;exports.SelectDropdown=K1;exports.Spinner=xn;exports.StatusLabel=Q1;exports.Text=fe;exports.Toggle=X1;exports.Tooltip=St;exports.UserCard=ec;exports.cn=D;exports.svgOptions=En;exports.useKeyPress=to;exports.useLgMediaQuery=z1;exports.useMdMediaQuery=U1;exports.useMediaQuery=at;exports.useOnClickOutside=eo;exports.useSmMediaQuery=$1;exports.useXlMediaQuery=Z1;exports.useXxlMediaQuery=q1;

package/dist/diditui.d.ts

@@ -268,7 +268,7 @@ declare const textStyles: (props?: ({
     underline?: boolean | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare function Toggle({ id, className, label, checked, disabled, onToggle }: ToggleProps): JSX_2.Element;
+export declare function Toggle({ id, className, label, checked, disabled, onToggle, size }: ToggleProps): JSX_2.Element;
 
 declare interface ToggleProps {
     id?: string;
@@ -276,6 +276,7 @@ declare interface ToggleProps {
     checked?: boolean;
     disabled?: boolean;
     label?: string;
+    size?: 'sm' | 'md';
     onToggle?: (checked: boolean) => void;
 }
 

package/dist/diditui.js

@@ -2895,7 +2895,7 @@ const le = (e) => {
   XL: fa,
   XXL: pa
 };
-function V(...e) {
+function D(...e) {
   return la(Rt(e));
 }
 function Rn(e) {
@@ -3183,7 +3183,7 @@ const Yr = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, Gr =
 });
 function ke({ type: e = "scan", size: t, className: r, ...n }) {
   const o = Ji[e] || null;
-  return /* @__PURE__ */ L.jsx("span", { className: V(Qi({ size: t, className: r })), ...n, children: /* @__PURE__ */ L.jsx(o, { className: "size-full text-current" }) });
+  return /* @__PURE__ */ L.jsx("span", { className: D(Qi({ size: t, className: r })), ...n, children: /* @__PURE__ */ L.jsx(o, { className: "size-full text-current" }) });
 }
 const Xi = Ne(["flex items-center justify-center animate-spin"], {
   variants: {
@@ -3221,7 +3221,7 @@ function es({ size: e, variant: t = "default", className: r, ...n }) {
     "stroke-accent": t === "accent",
     "stroke-error": t === "error"
   });
-  return /* @__PURE__ */ L.jsx("span", { className: V(Xi({ size: e, className: r })), ...n, children: /* @__PURE__ */ L.jsxs(
+  return /* @__PURE__ */ L.jsx("span", { className: D(Xi({ size: e, className: r })), ...n, children: /* @__PURE__ */ L.jsxs(
     "svg",
     {
       className: "size-full",
@@ -3313,7 +3313,7 @@ function Y1({
   children: i,
   ...l
 }) {
-  const d = V([
+  const d = D([
     "absolute right-2 p-[7px] rounded-full z-20 flex justify-end items-center",
     "transition-color duration-300",
     {
@@ -3324,7 +3324,7 @@ function Y1({
       "bg-background text-error": t === "error",
       "bg-transparent text-surface-mdlo": a
     }
-  ]), f = V([
+  ]), f = D([
     "hidden absolute right-2 size-7",
     "bg-background rounded-full z-10 transition-all duration-300",
     "group-hover:w-[calc(100%-4px)] group-hover:right-[2px] group-hover:h-[calc(100%-4px)]",
@@ -3341,7 +3341,7 @@ function Y1({
   return /* @__PURE__ */ L.jsxs(
     "button",
     {
-      className: V(ts({ variant: t, size: e, isLoading: n, disabled: a, animate: o, className: s })),
+      className: D(ts({ variant: t, size: e, isLoading: n, disabled: a, animate: o, className: s })),
       ...l,
       children: [
         /* @__PURE__ */ L.jsx("span", { className: "text-sm font-medium leading-[90%] tracking-tight w-full text-center z-30 text-inherit", children: i }),
@@ -3370,7 +3370,7 @@ const rs = Ne(["w-full rounded-[32px] overflow-hidden bg-background"], {
   }
 });
 function G1({ className: e, padding: t, shadow: r, children: n, ...o }) {
-  return /* @__PURE__ */ L.jsx("div", { className: V(rs({ shadow: r, padding: t, className: e })), ...o, children: n });
+  return /* @__PURE__ */ L.jsx("div", { className: D(rs({ shadow: r, padding: t, className: e })), ...o, children: n });
 }
 const ns = Ne("font-inter", {
   variants: {
@@ -3416,7 +3416,7 @@ const ns = Ne("font-inter", {
       l,
       {
         ref: i,
-        className: V(
+        className: D(
           ns({
             variant: t,
             italic: n,
@@ -3440,7 +3440,7 @@ function K1({
   onToggle: s = () => {
   }
 }) {
-  const i = V(["inline-flex items-center gap-4"], t), l = V([
+  const i = D(["inline-flex items-center gap-4"], t), l = D([
     "w-5 h-5 text-primary hover:bg-surface-lo border border-surface-mdlo rounded",
     "focus:ring-transparent focus:ring-0 focus:outline-none",
     n === "sm" && "w-4 h-4",
@@ -3481,13 +3481,13 @@ function cr({ label: e, children: t, direction: r = "top", className: n }) {
       i.current.style.top = `${h}px`, i.current.style.left = `${p}px`;
     }
   }, [l]);
-  const d = V(
+  const d = D(
     "absolute z-10 px-3 py-2",
     "bg-surface-hi rounded-xl shadow-sm",
     "transition-opacity duration-300",
     "text-background text-sm",
     { hidden: !o }
-  ), f = V([
+  ), f = D([
     "absolute w-3 h-3 bg-surface-hi",
     "transform rotate-45",
     {
@@ -3501,7 +3501,7 @@ function cr({ label: e, children: t, direction: r = "top", className: n }) {
   return /* @__PURE__ */ L.jsxs(
     "div",
     {
-      className: V("relative inline-flex", n),
+      className: D("relative inline-flex", n),
       ref: s,
       onMouseEnter: () => a(!0),
       onMouseLeave: () => a(!1),
@@ -3534,10 +3534,10 @@ const os = Ne(
 function J1({ label: e, value: t, isSecret: r, className: n, onCopy: o, ...a }) {
   const [s, i] = Ie(r), l = Be(() => {
     navigator.clipboard.writeText(t), o == null || o();
-  }, [t, o]), d = V("text-inherit group-hover:text-foreground truncate", {
+  }, [t, o]), d = D("text-inherit group-hover:text-foreground truncate", {
     blur: s
   });
-  return /* @__PURE__ */ L.jsxs("div", { className: V(os({ isSecret: r, className: n })), ...a, children: [
+  return /* @__PURE__ */ L.jsxs("div", { className: D(os({ isSecret: r, className: n })), ...a, children: [
     e && /* @__PURE__ */ L.jsx(pe, { className: "text-inherit text-nowrap", variant: "StyledLabel", as: "span", children: e }),
     /* @__PURE__ */ L.jsx(pe, { className: d, variant: "P3", as: "p", children: t }),
     r && /* @__PURE__ */ L.jsx(cr, { label: s ? "Show" : "Hide", children: /* @__PURE__ */ L.jsx("button", { onClick: () => i((f) => !f), children: /* @__PURE__ */ L.jsx(
@@ -3570,7 +3570,7 @@ const as = Ne(
   }
 );
 function Q1({ size: e, animate: t = !0, backgroundClassName: r }) {
-  const n = V(
+  const n = D(
     "p-3.5 w-[150%] h-[120%] absolute -top-[10%] -left-1/4",
     "bg-gradient-to-bl from-[#493dd1] via-[#2a57f6] to-[#9ecffb] from-10% via-30% to-70%",
     { "animate-spin": t }
@@ -3580,7 +3580,7 @@ function Q1({ size: e, animate: t = !0, backgroundClassName: r }) {
     /* @__PURE__ */ L.jsx(
       "div",
       {
-        className: V(
+        className: D(
           "relative z-20 aspect-[0.70] w-3/4 rounded-full bg-background",
           r
         )
@@ -3627,7 +3627,7 @@ function ss({
   className: a,
   ...s
 }) {
-  const i = V(
+  const i = D(
     [
       "flex flex-col items-center justify-center gap-[6px] text-surface-hi",
       "opacity-70 hover:opacity-100 transition-opacity duration-300",
@@ -3639,7 +3639,7 @@ function ss({
     }
   );
   return /* @__PURE__ */ L.jsxs("button", { className: i, ...s, children: [
-    /* @__PURE__ */ L.jsx("div", { className: V(is({ size: r, variant: n, withBorder: o })), children: /* @__PURE__ */ L.jsx(ke, { className: "text-inherit", type: e, size: r }) }),
+    /* @__PURE__ */ L.jsx("div", { className: D(is({ size: r, variant: n, withBorder: o })), children: /* @__PURE__ */ L.jsx(ke, { className: "text-inherit", type: e, size: r }) }),
     t && /* @__PURE__ */ L.jsx(pe, { className: "text-inherit", variant: "P3", children: t })
   ] });
 }
@@ -3658,7 +3658,7 @@ function X1({
   onCopyClick: f,
   ...h
 }) {
-  const p = Me(null), [g, y] = Ie(!1), v = s && r && !i, w = i && r, b = V(
+  const p = Me(null), [g, y] = Ie(!1), v = s && r && !i, w = i && r, b = D(
     "w-full min-h-[68px] py-4 px-5 cursor-text rounded-3xl",
     "flex items-center gap-2 bg-surface-lo hover:bg-surface-ulo",
     "transition-all duration-300 border border-transparent",
@@ -3668,13 +3668,13 @@ function X1({
       "bg-transparent border-foreground hover:bg-transparent": g,
       "border-error": g && a
     }
-  ), E = V(
+  ), E = D(
     "text-sm font-normal leading-[140%] tracking-tight p-0 bg-transparent",
     "placeholder:text-sm placeholder:font-normal border-transparent",
     "placeholder:leading-[140%] placeholder:tracking-tight",
     "placeholder:text-surface-mdlo",
     "focus:ring-0 focus:border-transparent"
-  ), S = V([
+  ), S = D([
     "size-8 flex justify-center align-items-center hover:opacity-80",
     "text-surface-md",
     { invisible: !v && !w }
@@ -5143,7 +5143,7 @@ var ln = Object.assign || function(e) {
   return function(t, r, n) {
     return r && e(t.prototype, r), n && e(t, n), t;
   };
-}(), Vn = At, Ot = Ct(Vn), dl = _o, Nt = Ct(dl), fl = Nn, D = Ct(fl), pl = il, cn = Ct(pl), hl = Se, ml = vl(hl), Ae = xe, un = Ct(Ae), gl = cl;
+}(), Vn = At, Ot = Ct(Vn), dl = _o, Nt = Ct(dl), fl = Nn, V = Ct(fl), pl = il, cn = Ct(pl), hl = Se, ml = vl(hl), Ae = xe, un = Ct(Ae), gl = cl;
 function vl(e) {
   if (e && e.__esModule)
     return e;
@@ -5251,44 +5251,44 @@ var it = function(e) {
   }]), t;
 }(Vn.Component);
 it.propTypes = {
-  isOpen: D.default.bool.isRequired,
-  style: D.default.shape({
-    content: D.default.object,
-    overlay: D.default.object
+  isOpen: V.default.bool.isRequired,
+  style: V.default.shape({
+    content: V.default.object,
+    overlay: V.default.object
   }),
-  portalClassName: D.default.string,
-  bodyOpenClassName: D.default.string,
-  htmlOpenClassName: D.default.string,
-  className: D.default.oneOfType([D.default.string, D.default.shape({
-    base: D.default.string.isRequired,
-    afterOpen: D.default.string.isRequired,
-    beforeClose: D.default.string.isRequired
+  portalClassName: V.default.string,
+  bodyOpenClassName: V.default.string,
+  htmlOpenClassName: V.default.string,
+  className: V.default.oneOfType([V.default.string, V.default.shape({
+    base: V.default.string.isRequired,
+    afterOpen: V.default.string.isRequired,
+    beforeClose: V.default.string.isRequired
   })]),
-  overlayClassName: D.default.oneOfType([D.default.string, D.default.shape({
-    base: D.default.string.isRequired,
-    afterOpen: D.default.string.isRequired,
-    beforeClose: D.default.string.isRequired
+  overlayClassName: V.default.oneOfType([V.default.string, V.default.shape({
+    base: V.default.string.isRequired,
+    afterOpen: V.default.string.isRequired,
+    beforeClose: V.default.string.isRequired
   })]),
-  appElement: D.default.oneOfType([D.default.instanceOf(un.default), D.default.instanceOf(Ae.SafeHTMLCollection), D.default.instanceOf(Ae.SafeNodeList), D.default.arrayOf(D.default.instanceOf(un.default))]),
-  onAfterOpen: D.default.func,
-  onRequestClose: D.default.func,
-  closeTimeoutMS: D.default.number,
-  ariaHideApp: D.default.bool,
-  shouldFocusAfterRender: D.default.bool,
-  shouldCloseOnOverlayClick: D.default.bool,
-  shouldReturnFocusAfterClose: D.default.bool,
-  preventScroll: D.default.bool,
-  parentSelector: D.default.func,
-  aria: D.default.object,
-  data: D.default.object,
-  role: D.default.string,
-  contentLabel: D.default.string,
-  shouldCloseOnEsc: D.default.bool,
-  overlayRef: D.default.func,
-  contentRef: D.default.func,
-  id: D.default.string,
-  overlayElement: D.default.func,
-  contentElement: D.default.func
+  appElement: V.default.oneOfType([V.default.instanceOf(un.default), V.default.instanceOf(Ae.SafeHTMLCollection), V.default.instanceOf(Ae.SafeNodeList), V.default.arrayOf(V.default.instanceOf(un.default))]),
+  onAfterOpen: V.default.func,
+  onRequestClose: V.default.func,
+  closeTimeoutMS: V.default.number,
+  ariaHideApp: V.default.bool,
+  shouldFocusAfterRender: V.default.bool,
+  shouldCloseOnOverlayClick: V.default.bool,
+  shouldReturnFocusAfterClose: V.default.bool,
+  preventScroll: V.default.bool,
+  parentSelector: V.default.func,
+  aria: V.default.object,
+  data: V.default.object,
+  role: V.default.string,
+  contentLabel: V.default.string,
+  shouldCloseOnEsc: V.default.bool,
+  overlayRef: V.default.func,
+  contentRef: V.default.func,
+  id: V.default.string,
+  overlayElement: V.default.func,
+  contentElement: V.default.func
 };
 it.defaultProps = {
   isOpen: !1,
@@ -5374,13 +5374,13 @@ function ec({
   Oe(() => {
     typeof window < "u" && pn.setAppElement(a);
   }, [a]);
-  const l = V([
+  const l = D([
     "fixed right-0 left-0 bottom-0 z-[1000] h-screen overflow-y-auto",
     "overflow-x-hidden md:inset-0 md:h-full bg-foreground/5 backdrop-blur-md",
     r
-  ]), d = V([
+  ]), d = D([
     "font-inter size-full flex items-end justify-center md:items-center overflow-visible"
-  ]), f = V([
+  ]), f = D([
     "relative max-h-[90%] overflow-hidden rounded-t-[32px]",
     "bg-background animate-slide-in shadow-card opacity-0 pt-6",
     "md:rounded-[32px] md:max-w-[90%]",
@@ -6969,10 +6969,10 @@ function tc({ uri: e, size: t = "md", color: r, iconName: n = "didit", className
   const s = typeof t == "number" ? t : p1[t], i = _t(
     () => f1.generate(e, s, s / 4, r),
     [e, s, r]
-  ), l = V(
+  ), l = D(
     ["size-fit", "flex  items-center justify-center", "relative overflow-hidden aspect-square"],
     o
-  ), d = V([
+  ), d = D([
     "size-full absolute top-1/2 left-1/2",
     "transform -translate-x-1/2 -translate-y-1/2 scale-[0.25]",
     "text-primary rounded-3xl overflow-hidden"
@@ -6993,7 +6993,7 @@ function rc({
   },
   ...i
 }) {
-  const l = Me(null), [d, f] = Ie(!1), h = V(
+  const l = Me(null), [d, f] = Ie(!1), h = D(
     [
       "w-full overflow-hidden min-h-[68px] py-2 pr-2 cursor-pointer",
       "flex items-center gap-2 border-b-[1.5px] border-transparent",
@@ -7005,18 +7005,18 @@ function rc({
       "border-error": a
     },
     o
-  ), p = V([
+  ), p = D([
     " placeholder:text-sm placeholder:font-normal placeholder:leading-[140%]",
     "placeholder:text-surface-mdlo text-sm font-normal leading-[140%]",
     "placeholder:tracking-tight tracking-tight",
     "focus:ring-0 active:border-none bg-transparent border-none transition-all duration-300",
     "p-0 m-0"
-  ]), g = V(
+  ]), g = D(
     ["flex justify-center align-items-center hover:opacity-80 p-[2px]"],
     {
       invisible: !r
     }
-  ), y = V(
+  ), y = D(
     ["rounded-full bg-surface-ulo p-[9px] opacity-70", "cursor-pointer hover:opacity-100"],
     {
       "opacity-100": d,
@@ -7193,17 +7193,17 @@ function B1({
     var y;
     o && ((y = i == null ? void 0 : i.current) == null || y.focus());
   }, []);
-  const h = V(
+  const h = D(
     "flex w-full items-center gap-3 px-4 py-3",
     "border-b border-surface-ulo text-surface-hi",
     t
-  ), p = V(
+  ), p = D(
     "text-xs remove-arrow :focus:shadow-none grow shrink-0 truncate",
     "placeholder:body-text placeholder:text-surface-md",
     "border-none bg-transparent p-0 !shadow-none outline-none ring-0 ring-offset-0",
     "focus:border-none focus:outline-none focus:ring-0",
     "disabled:opacity-25"
-  ), g = V("shrink-0", { "opacity-25 transition-opacity duration-300": !l });
+  ), g = D("shrink-0", { "opacity-25 transition-opacity duration-300": !l });
   return /* @__PURE__ */ L.jsxs("div", { className: h, id: e, children: [
     /* @__PURE__ */ L.jsx("div", { className: g, children: /* @__PURE__ */ L.jsx(ke, { size: "sm", type: "search" }) }),
     /* @__PURE__ */ L.jsx(
@@ -7315,7 +7315,7 @@ function $1({
   hasError: l = !1,
   onClick: d
 }) {
-  const f = V(
+  const f = D(
     "w-full min-h-[68px] py-4 px-5 rounded-3xl",
     "flex items-center gap-2 bg-surface-lo hover:bg-surface-ulo",
     "transition-all duration-300 border border-transparent",
@@ -7326,10 +7326,10 @@ function $1({
       "border-error": s && l
     },
     t
-  ), h = V("truncate w-fit", {
+  ), h = D("truncate w-fit", {
     "text-surface-background": o.value,
     "text-surface-md": !o.value
-  }), p = V([
+  }), p = D([
     "transition-all duration-300",
     {
       "-rotate-180": s
@@ -7372,7 +7372,7 @@ function lc({
     [h]
   ), N = Be(() => {
     p();
-  }, [p]), z = V("w-full min-w-[230px]", t), re = V(
+  }, [p]), z = D("w-full min-w-[230px]", t), re = D(
     "absolute righ-0 top-[calc(100%+8px)] w-full bg-background rounded-2xl p-2",
     "shadow-card z-50 transition-all duration-300 overflow-hidden overflow-y-auto",
     "scrollbar-none max-h-[240px]",
@@ -7402,7 +7402,7 @@ function lc({
         /* @__PURE__ */ L.jsx(
           "div",
           {
-            className: V("sticky top-0 left-0 w-full bg-background", {
+            className: D("sticky top-0 left-0 w-full bg-background", {
               hidden: !l
             }),
             children: /* @__PURE__ */ L.jsx(
@@ -7434,7 +7434,7 @@ function lc({
       {
         variant: "P3",
         as: "span",
-        className: V("text-error mt-1 pl-1", { invisible: v }),
+        className: D("text-error mt-1 pl-1", { invisible: v }),
         children: d
       }
     )
@@ -7464,17 +7464,36 @@ const U1 = Ne(
   }
 );
 function cc({ label: e, variant: t, className: r, ...n }) {
-  return /* @__PURE__ */ L.jsx("div", { className: V(U1({ variant: t, className: r })), ...n, children: /* @__PURE__ */ L.jsx(pe, { className: "text-inherit text-[9px]", variant: "StyledLabel", as: "span", children: e }) });
+  return /* @__PURE__ */ L.jsx("div", { className: D(U1({ variant: t, className: r })), ...n, children: /* @__PURE__ */ L.jsx(pe, { className: "text-inherit text-[9px]", variant: "StyledLabel", as: "span", children: e }) });
 }
-function uc({ id: e, className: t, label: r, checked: n, disabled: o, onToggle: a = () => {
-} }) {
-  const s = V(["inline-flex items-center gap-4 cursor-pointer"], t), i = Be(
-    (l) => {
-      a(l.target.checked);
+function uc({
+  id: e,
+  className: t,
+  label: r,
+  checked: n,
+  disabled: o,
+  onToggle: a = () => {
+  },
+  size: s = "md"
+}) {
+  const i = Be(
+    (f) => {
+      a(f.target.checked);
     },
     [a]
-  );
-  return /* @__PURE__ */ L.jsxs("label", { className: s, children: [
+  ), l = D("inline-flex items-center gap-4 cursor-pointer", t), d = D([
+    "relative bg-surface-lo peer-focus:outline-none",
+    "rounded-full peer peer-checked:after:translate-x-full ",
+    "rtl:peer-checked:after:-translate-x-full peer-checked:after:border-background",
+    "after:content-[''] after:absolute",
+    "after:bg-background after:border-background after:border after:rounded-full",
+    "after:transition-all peer-checked:bg-primary",
+    {
+      "w-11 h-6 after:h-5 after:w-5 after:top-[2px] after:start-[2px]": s === "md",
+      "w-[30px] h-4 after:h-[14px] after:w-[14px] after:top-[1px] after:start-[1px]": s === "sm"
+    }
+  ]);
+  return /* @__PURE__ */ L.jsxs("label", { className: l, children: [
     /* @__PURE__ */ L.jsx(
       "input",
       {
@@ -7486,18 +7505,18 @@ function uc({ id: e, className: t, label: r, checked: n, disabled: o, onToggle:
         disabled: o
       }
     ),
-    /* @__PURE__ */ L.jsx("div", { className: "relative w-11 h-6 bg-surface-lo peer-focus:outline-none rounded-full peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-background after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-background after:border-background after:border after:rounded-full after:h-5 after:w-5 after:transition-all peer-checked:bg-primary" }),
+    /* @__PURE__ */ L.jsx("div", { className: d }),
     r && /* @__PURE__ */ L.jsx(pe, { as: "span", variant: "P3", className: "text-inheret", children: r })
   ] });
 }
 function dc({ name: e, label: t, avatar: r, radius: n = "full", className: o, ...a }) {
-  const s = V("w-[36px] h-[36px] overflow-hidden", {
+  const s = D("w-[36px] h-[36px] overflow-hidden", {
     "rounded-none": n === "none",
     "rounded-full": n === "full",
     "rounded-md": n === "md",
     "rounded-sm": n === "sm"
   });
-  return /* @__PURE__ */ L.jsxs("div", { className: V("flex items-center gap-3", o), ...a, children: [
+  return /* @__PURE__ */ L.jsxs("div", { className: D("flex items-center gap-3", o), ...a, children: [
     /* @__PURE__ */ L.jsx("div", { className: s, children: r ? /* @__PURE__ */ L.jsx("img", { src: r, alt: "avatar", className: "size-full object-cover" }) : /* @__PURE__ */ L.jsx(ke, { type: "didit", className: "size-full object-cover" }) }),
     /* @__PURE__ */ L.jsxs("div", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ L.jsx(pe, { className: "text-foreground", as: "h6", variant: "H6", children: e }),
@@ -7526,7 +7545,7 @@ export {
   uc as Toggle,
   cr as Tooltip,
   dc as UserCard,
-  V as cn,
+  D as cn,
   Ji as svgOptions,
   V1 as useKeyPress,
   ac as useLgMediaQuery,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "diditui",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "type": "module",
   "files": [
     "dist/**/*",