@moondreamsdev/dreamer-ui 1.1.7 → 1.2.1

package/dist/components.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),x=require("./join-yP8AS-6v.cjs"),b=require("react");function I(){const[a,r]=b.useState(0);return b.useEffect(()=>{const e=setInterval(()=>{r(s=>(s+1)%3)},500);return()=>clearInterval(e)},[]),i.jsx("div",{className:"absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle",children:[0,1,2].map(e=>i.jsx("div",{className:x.join("rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current",a===e&&"transform -translate-y-1")},e))})}const L={base:"",primary:"bg-primary text-primary-foreground hover:bg-primary/85 disabled:bg-muted disabled:text-muted-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/85 disabled:bg-muted/80 disabled:text-muted-foreground/80",tertiary:"text-primary hover:text-primary-foreground disabled:text-muted",outline:"border border-primary text-primary hover:border-primary-foreground hover:text-primary-foreground disabled:border-muted disabled:text-muted",link:"underline-offset-4 hover:underline disabled:underline disabled:text-muted",danger:"bg-danger text-danger-foreground hover:bg-danger/85 disabled:bg-muted disabled:text-muted-foreground"},S={stripped:"",fitted:"size-fit",sm:"px-2 py-1 text-sm",md:"px-4 py-2 text-base",lg:"px-6 py-3 text-lg",icon:"p-1 w-fit aspect-square",full:"p-2 w-full"},R={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",full:"rounded-full"},N={variant:"primary",size:"md",rounded:"md"};function z({variant:a=N.variant,size:r,rounded:e=N.rounded,loading:s,linkTo:t,linkProps:n,type:d="button",className:u,...l}){let m;a==="link"&&!r?m="fitted":m=r||N.size;const o=x.join("appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all",L[a],S[m],R[e],s&&"relative pointer-events-none",t&&"relative",u);return i.jsxs("button",{...l,role:t?"link":l.role,"aria-label":l["aria-label"]||(n==null?void 0:n["aria-label"]),"aria-description":l["aria-description"]||(n==null?void 0:n["aria-description"]),"aria-disabled":l.disabled||s,"aria-busy":s,type:d,className:o,children:[s&&i.jsx(I,{}),i.jsx("span",{className:x.join(s&&"invisible"),children:l.children}),t&&!l.disabled&&i.jsx("a",{...n,"aria-hidden":!0,href:t,target:(n==null?void 0:n.target)||"_blank",rel:(n==null?void 0:n.rel)||"noreferrer",className:"absolute inset-0"})]})}function B({size:a=15,color:r="currentColor"}){return i.jsx("svg",{width:a,height:a,className:"inline",viewBox:"0 0 15 15",xmlns:"http://www.w3.org/2000/svg",children:i.jsx("path",{d:"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",fill:r,fillRule:"evenodd",clipRule:"evenodd"})})}function q(a){const[r,e]=b.useState(""),s=b.useCallback(t=>{let n=t,d="";for(;n&&!d;){const u=window.getComputedStyle(n).backgroundColor;u&&u!=="transparent"&&u!=="rgba(0, 0, 0, 0)"&&(d=u),n=n.parentElement}return d||"transparent"},[]);return b.useEffect(()=>{const t=document.getElementById(a);if(t){const n=s(t.parentElement);e(n)}},[a,s]),r}function F({ref:a,id:r,size:e=20,color:s,filled:t=!1,rounded:n=!0,checked:d=!1,onCheckedChange:u,disabled:l,className:m="",...v}){const o=b.useId(),g=b.useMemo(()=>r||`checkbox-${o}`,[r,o]),f=q(g),[c,h]=b.useState(d);b.useEffect(()=>{h(d)},[d]);const w=()=>{l||(h(!c),u==null||u(!c))},p=C=>{C.key===" "&&(C.preventDefault(),w())},j=x.join("flex items-center justify-center border outline outline-transparent focus:outline-current focus:outline-offset-2",n&&"rounded",l&&"opacity-40 cursor-not-allowed",!l&&"cursor-pointer",m);return i.jsx("button",{id:g,type:"button",ref:a,tabIndex:0,role:"checkbox",onClick:w,"aria-checked":c,"aria-disabled":l,onKeyDownCapture:p,style:{width:e,height:e,color:s,backgroundColor:c&&t?"currentcolor":"transparent"},className:j,...v,children:c&&i.jsx(B,{size:e,color:t?f:void 0})})}const G={base:"",default:"ring ring-transparent focus:ring-primary-foreground not-disabled:data-error:ring-danger not-disabled:data-success:ring-success",underline:"border-b border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success",outline:"border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success"},V={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",full:"px-3 rounded-full"},A={variant:"default",rounded:"none"};function E({elementId:a,type:r,message:e}){return b.useEffect(()=>{const s=document.getElementById(a);if(s){if(!e&&r==="error"){s.removeAttribute("data-error");return}if(!e&&r==="success"){s.removeAttribute("data-success");return}return s.setAttribute("aria-describedby",`${a}-${r}-message`),s.setAttribute("aria-invalid",r==="error"?"true":"false"),r==="error"&&s.setAttribute("data-error","true"),r==="success"&&s.setAttribute("data-success","true"),()=>{s.removeAttribute("aria-describedby"),s.removeAttribute("aria-invalid"),s.removeAttribute("data-error"),s.removeAttribute("data-success")}}},[a,r,e]),e?i.jsxs("small",{className:x.join("mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-start",r==="error"&&"text-danger",r==="success"&&"text-success"),role:"status",children:[r==="error"?i.jsx(x.ExclamationTriangle,{}):i.jsx(x.CheckCircled,{}),i.jsx("span",{id:`${a}-${r}-message`,children:e})]}):null}function H({variant:a=A.variant,rounded:r,displayOnlyMode:e=!1,errorMessage:s,successMessage:t,type:n="text",className:d,...u}){const l=b.useId(),[m,v]=b.useState(!1);let o=r;a==="outline"&&!r&&(o="md"),o=o||A.rounded;const c=x.join("appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all","file:mr-2 file:border-0 file:rounded-md file:px-1.5 file:py-1 file:bg-primary hover:file:bg-primary/85 file:text-sm file:font-medium file:text-foreground file:transition-colors",!e&&G[a],!e&&V[o],n==="password"&&"pr-10",!e&&"px-2 py-1",e&&"pointer-events-none",d);return i.jsxs("div",{className:x.join(e&&"cursor-text"),style:{height:u.height,width:u.width},children:[i.jsxs("div",{className:x.join(n==="password"&&"relative"),children:[i.jsx("input",{...u,id:l,type:n==="password"&&m?"text":n,"aria-disabled":u.disabled,readOnly:e,"aria-readonly":e||u["aria-readonly"],"data-error":s?!0:void 0,"data-success":t?!0:void 0,className:c}),n==="password"&&i.jsx("button",{onClick:()=>v(!m),className:"absolute inset-y-0 right-0 px-2 hover:cursor-pointer","aria-label":"Toggle password visibility","data-state":m?"visible":"hidden",children:m?i.jsx(x.EyeClosed$1,{size:20}):i.jsx(x.EyeClosed,{size:20})})]}),!e&&i.jsx(E,{elementId:l,type:"error",message:s}),!e&&i.jsx(E,{elementId:l,type:"success",message:t})]})}function K({display:a="inline",width:r="fit-content",className:e="",required:s,helpMessage:t,suffix:n,htmlFor:d,children:u,...l}){const m=b.useId(),v=x.join("font-medium",a,e),o=t?`${d??m}-help`:void 0;return i.jsxs("div",{style:{display:a==="inline"?"inline-flex":"flex",width:r},className:"relative",children:[i.jsxs("label",{className:v,htmlFor:d,...l,children:[u,s&&i.jsx("span",{className:"text-red-500 font-medium ml-1","aria-label":"required",children:"*"})]}),t&&i.jsx("span",{className:"text-gray-500 ml-1 size-fit -translate-y-1/3","aria-describedby":o,"aria-label":"Help information",title:t,children:i.jsx(x.QuestionMarkCircled,{})}),t&&i.jsx("div",{id:o,className:"sr-only",children:t}),n&&i.jsx("span",{className:"ml-1",children:n})]})}function k({itemId:a,checked:r,onChange:e,name:s,disabled:t=!1,className:n=""}){const d="relative inline-flex items-center justify-center rounded-full",u=()=>{t||e()},l=x.join(d,!r&&"hover:border-current/60",!t&&"border-current cursor-pointer",t&&"border-muted/60 cursor-not-allowed",n);return i.jsx("div",{id:a,role:"radio",tabIndex:-1,"aria-checked":r,"aria-disabled":t,"aria-description":`Radio button for ${s}`,"aria-labelledby":`${a}-label`,onClick:u,className:l,style:{width:"1em",height:"1em",padding:"0.1em",borderWidth:"0.06em"},children:r&&i.jsx("div",{className:x.join("size-full aspect-square rounded-full",t&&"bg-muted/60",!t&&"bg-current")})})}function y({value:a,children:r,className:e="",isSelected:s=!1,onChange:t,disabled:n=!1,hideInput:d=!1,description:u,name:l}){const v=`radio-${b.useId()}-${a}`,o=()=>{n||t==null||t(a)};return i.jsxs("div",{title:u,className:x.join("relative flex items-center",e,d&&`p-2 border-2 focus-within:border-dashed focus-within:${n?"border-current/50":"border-current/80"}`,d&&!s&&`border-transparent ${n?"":"not-focus-within:hover:border-border/60"}`,d&&s&&"border-border",n&&"opacity-60 cursor-not-allowed"),style:{gap:"0.5em"},children:[!d&&i.jsx(k,{itemId:v,name:l||"",checked:s,onChange:o,disabled:n,className:x.join(d&&"")}),i.jsx("div",{id:d?v:void 0,tabIndex:d?-1:void 0,role:d?"radio":void 0,onClick:d?o:void 0,"aria-checked":d?s?"true":"false":void 0,"aria-disabled":d?n:void 0,"aria-description":d?u||`Radio button for ${l}`:void 0,"aria-labelledby":d?`${v}-label`:void 0,className:x.join(d&&"size-full",typeof r=="object"&&"grow focus:outline-none"),children:i.jsx("label",{id:`${v}-label`,onClick:d?void 0:o,className:x.join(n&&"cursor-not-allowed",!n&&"cursor-pointer"),children:r})})]})}function T(a,r){const[e,s]=b.useState(r),[t,n]=b.useState(-1),[d,u]=b.useState(!1),l=b.useCallback((f,c)=>{var p;const h=f[c];h.hasAttribute("disabled")||h.getAttribute("aria-disabled")==="true"||((p=f[c])==null||p.click(),n(c))},[]),m=b.useCallback((f,c)=>{var w;if(f.preventDefault(),d||!c.length)return;const h=r!==-1?r:0;(w=c[h])==null||w.focus(),s(h),r!==-1&&l(c,h)},[r,d,l]),v=b.useCallback(f=>{var p;if(!f.shiftKey)return;f.preventDefault();const c=Array.from(document.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')).filter(j=>!j.hasAttribute("disabled")&&j.tabIndex>=0),h=c.findIndex(j=>j.id===a),w=h>0?h-1:c.length-1;(p=c[w])==null||p.focus()},[a]),o=b.useCallback((f,c)=>{var C;if(!c.length)return;const h=f.target;if(!c.some(D=>D.id===h.id))return;const p=e!==-1?e:0;let j=p;switch(f.key){case"ArrowUp":case"ArrowLeft":f.preventDefault(),j=p>0?p-1:c.length-1;break;case"ArrowDown":case"ArrowRight":f.preventDefault(),j=(p+1)%c.length;break;case" ":f.preventDefault(),l(c,p);return;case"Tab":v(f);return;default:return}(C=c[j])==null||C.focus(),s(j),t!==-1&&l(c,j)},[e,t,v,l]),g=b.useCallback(()=>{const f=document.querySelector(`[id="${a}"][role="radiogroup"]`);return f?Array.from(f.querySelectorAll('[role="radio"]')):[]},[a]);b.useEffect(()=>{const f=document.querySelector(`[id="${a}"][role="radiogroup"]`);if(!f)return;const c=g(),h=C=>m(C,c),w=C=>o(C,c),p=()=>u(!0),j=()=>u(!1);return document.addEventListener("keydown",w),f.addEventListener("focus",h),f.addEventListener("mousedown",p),document.addEventListener("mouseup",j),()=>{document.removeEventListener("keydown",w),f.removeEventListener("focus",h),f.removeEventListener("mousedown",p),document.removeEventListener("mouseup",j)}},[a,g,m,o])}function U({options:a=[],value:r,onChange:e,name:s,children:t,className:n="",childrenClassName:d="",hideInputs:u=!1}){const l=b.useId(),m=s||`radio-group-${l}`;T(m,a.findIndex(o=>o===r));const v=b.useMemo(()=>a.reduce((o,g)=>(typeof g=="string"?o.some(f=>f.value===g)||o.push({label:g,value:g}):o.push(g),o),[]),[a]);return i.jsxs("div",{id:m,role:"radiogroup",tabIndex:0,className:x.join(n,"focus:outline-none"),children:[v.length>0&&v.map((o,g)=>i.jsx(y,{value:o.value,isSelected:r===o.value,onChange:e,name:m,disabled:o.disabled,description:o.description,hideInput:u,className:d,children:o.label},`${o.value}-${g}`)),v.length===0&&t&&b.Children.map(t,o=>b.isValidElement(o)&&o.type===y?i.jsx(y,{...o.props,className:x.join(d,o.props.className),hideInput:o.props.hideInput||u,isSelected:r===o.props.value,onChange:e,name:m,children:o.props.children}):null)]})}function Q(a,r){b.useEffect(()=>{const e=document.getElementById(a);if(!e)return;if(!r){e.style.height="auto";return}const s=()=>{e.style.height="auto",e.style.height=`${e.scrollHeight}px`};return s(),e.addEventListener("input",s),e.addEventListener("resize",s),window.addEventListener("resize",s),()=>{e.removeEventListener("input",s),e.removeEventListener("resize",s),window.removeEventListener("resize",s)}},[a,r])}const W={base:"","left-line":"border-l border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success",outline:"border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success"},Z={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",full:"px-3 rounded-full"},$={variant:"outline",rounded:"none"};function _({elementId:a,maxLength:r}){const[e,s]=b.useState(0);return b.useEffect(()=>{const t=document.getElementById(a);if(!t)return;const n=()=>{const d=t.value.length;s(d);const u=d>=r;t.setAttribute("aria-describedby",`${a}-character-count`),t.setAttribute("aria-invalid",u?"true":"false"),u?t.setAttribute("data-error","true"):t.removeAttribute("data-error")};return n(),t.addEventListener("input",n),t.setAttribute("maxlength",String(r)),()=>{t.removeEventListener("input",n),t.removeAttribute("maxlength"),t.removeAttribute("aria-describedby"),t.removeAttribute("aria-invalid"),t.removeAttribute("data-error")}},[a,r]),i.jsx("small",{className:x.join("mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-end",e>=r&&"text-danger",e<r&&"text-current"),role:"status",children:i.jsxs("span",{id:`${a}-character-count`,children:[e," / ",r," characters"]})})}function J({variant:a=$.variant,rounded:r,displayOnlyMode:e=!1,errorMessage:s,successMessage:t,hideResizeHandle:n=!1,autoExpand:d=!1,characterLimit:u=0,className:l,...m}){const v=b.useId();Q(v,d||e);let o=r;a==="outline"&&!r&&(o="md"),o=o||$.rounded;let g=n;(e||a==="left-line"&&!n)&&(g=!0);const c=x.join("appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all",!e&&W[a],!e&&Z[o],!e&&"px-2 py-1",e&&"pointer-events-none",g&&"no-resize-handle",l);return i.jsxs("div",{className:x.join("-space-y-1.5",e&&"cursor-text"),children:[i.jsx("textarea",{...m,id:v,"aria-disabled":m.disabled,readOnly:e,"aria-readonly":e||m["aria-readonly"],style:{resize:d?"none":void 0},className:c}),u>0&&i.jsx(_,{elementId:v,maxLength:u}),!e&&i.jsx(E,{elementId:v,type:"error",message:s}),!e&&i.jsx(E,{elementId:v,type:"success",message:t})]})}exports.Button=z;exports.ButtonLoadingDots=I;exports.Checkbox=F;exports.Input=H;exports.Label=K;exports.RadioGroup=U;exports.RadioGroupItem=y;exports.RadioInput=k;exports.Textarea=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("./join-yP8AS-6v.cjs"),i=require("react/jsx-runtime"),b=require("react");function I(){const[a,r]=b.useState(0);return b.useEffect(()=>{const e=setInterval(()=>{r(s=>(s+1)%3)},500);return()=>clearInterval(e)},[]),i.jsx("div",{className:"absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle",children:[0,1,2].map(e=>i.jsx("div",{className:x.join("rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current",a===e&&"transform -translate-y-1")},e))})}const L={base:"",primary:"bg-primary text-primary-foreground hover:bg-primary/85 disabled:bg-muted disabled:text-muted-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/85 disabled:bg-muted/80 disabled:text-muted-foreground/80",tertiary:"text-primary hover:text-primary-foreground disabled:text-muted",outline:"border border-primary text-primary hover:border-primary-foreground hover:text-primary-foreground disabled:border-muted disabled:text-muted",link:"underline-offset-4 hover:underline disabled:underline disabled:text-muted",danger:"bg-danger text-danger-foreground hover:bg-danger/85 disabled:bg-muted disabled:text-muted-foreground"},S={stripped:"",fitted:"size-fit",sm:"px-2 py-1 text-sm",md:"px-4 py-2 text-base",lg:"px-6 py-3 text-lg",icon:"p-1 w-fit aspect-square",full:"p-2 w-full"},R={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",full:"rounded-full"},N={variant:"primary",size:"md",rounded:"md"};function z({variant:a=N.variant,size:r,rounded:e=N.rounded,loading:s,linkTo:t,linkProps:n,type:d="button",className:u,...l}){let m;a==="link"&&!r?m="fitted":m=r||N.size;const o=x.join("appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all",L[a],S[m],R[e],s&&"relative pointer-events-none",t&&"relative",u);return i.jsxs("button",{...l,role:t?"link":l.role,"aria-label":l["aria-label"]||(n==null?void 0:n["aria-label"]),"aria-description":l["aria-description"]||(n==null?void 0:n["aria-description"]),"aria-disabled":l.disabled||s,"aria-busy":s,type:d,className:o,children:[s&&i.jsx(I,{}),i.jsx("span",{className:x.join(s&&"invisible"),children:l.children}),t&&!l.disabled&&i.jsx("a",{...n,"aria-hidden":!0,href:t,target:(n==null?void 0:n.target)||"_blank",rel:(n==null?void 0:n.rel)||"noreferrer",className:"absolute inset-0"})]})}function B({size:a=15,color:r="currentColor"}){return i.jsx("svg",{width:a,height:a,className:"inline",viewBox:"0 0 15 15",xmlns:"http://www.w3.org/2000/svg",children:i.jsx("path",{d:"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",fill:r,fillRule:"evenodd",clipRule:"evenodd"})})}function q(a){const[r,e]=b.useState(""),s=b.useCallback(t=>{let n=t,d="";for(;n&&!d;){const u=window.getComputedStyle(n).backgroundColor;u&&u!=="transparent"&&u!=="rgba(0, 0, 0, 0)"&&(d=u),n=n.parentElement}return d||"transparent"},[]);return b.useEffect(()=>{const t=document.getElementById(a);if(t){const n=s(t.parentElement);e(n)}},[a,s]),r}function F({ref:a,id:r,size:e=20,color:s,filled:t=!1,rounded:n=!0,checked:d=!1,onCheckedChange:u,disabled:l,className:m="",...v}){const o=b.useId(),g=b.useMemo(()=>r||`checkbox-${o}`,[r,o]),f=q(g),[c,h]=b.useState(d);b.useEffect(()=>{h(d)},[d]);const w=()=>{l||(h(!c),u==null||u(!c))},p=C=>{C.key===" "&&(C.preventDefault(),w())},j=x.join("flex items-center justify-center border outline outline-transparent focus:outline-current focus:outline-offset-2",n&&"rounded",l&&"opacity-40 cursor-not-allowed",!l&&"cursor-pointer",m);return i.jsx("button",{id:g,type:"button",ref:a,tabIndex:0,role:"checkbox",onClick:w,"aria-checked":c,"aria-disabled":l,onKeyDownCapture:p,style:{width:e,height:e,color:s,backgroundColor:c&&t?"currentcolor":"transparent"},className:j,...v,children:c&&i.jsx(B,{size:e,color:t?f:void 0})})}const G={base:"",default:"ring ring-transparent focus:ring-primary-foreground not-disabled:data-error:ring-danger not-disabled:data-success:ring-success",underline:"border-b border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success",outline:"border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success"},V={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",full:"px-3 rounded-full"},A={variant:"default",rounded:"none"};function E({elementId:a,type:r,message:e}){return b.useEffect(()=>{const s=document.getElementById(a);if(s){if(!e&&r==="error"){s.removeAttribute("data-error");return}if(!e&&r==="success"){s.removeAttribute("data-success");return}return s.setAttribute("aria-describedby",`${a}-${r}-message`),s.setAttribute("aria-invalid",r==="error"?"true":"false"),r==="error"&&s.setAttribute("data-error","true"),r==="success"&&s.setAttribute("data-success","true"),()=>{s.removeAttribute("aria-describedby"),s.removeAttribute("aria-invalid"),s.removeAttribute("data-error"),s.removeAttribute("data-success")}}},[a,r,e]),e?i.jsxs("small",{className:x.join("mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-start",r==="error"&&"text-danger",r==="success"&&"text-success"),role:"status",children:[r==="error"?i.jsx(x.ExclamationTriangle,{}):i.jsx(x.CheckCircled,{}),i.jsx("span",{id:`${a}-${r}-message`,children:e})]}):null}function H({variant:a=A.variant,rounded:r,displayOnlyMode:e=!1,errorMessage:s,successMessage:t,type:n="text",className:d,...u}){const l=b.useId(),[m,v]=b.useState(!1);let o=r;a==="outline"&&!r&&(o="md"),o=o||A.rounded;const c=x.join("appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all","file:mr-2 file:border-0 file:rounded-md file:px-1.5 file:py-1 file:bg-primary hover:file:bg-primary/85 file:text-sm file:font-medium file:text-foreground file:transition-colors",!e&&G[a],!e&&V[o],n==="password"&&"pr-10",!e&&"px-2 py-1",e&&"pointer-events-none",d);return i.jsxs("div",{className:x.join(e&&"cursor-text"),style:{height:u.height,width:u.width},children:[i.jsxs("div",{className:x.join(n==="password"&&"relative"),children:[i.jsx("input",{...u,id:l,type:n==="password"&&m?"text":n,"aria-disabled":u.disabled,readOnly:e,"aria-readonly":e||u["aria-readonly"],"data-error":s?!0:void 0,"data-success":t?!0:void 0,className:c}),n==="password"&&i.jsx("button",{onClick:()=>v(!m),className:"absolute inset-y-0 right-0 px-2 hover:cursor-pointer","aria-label":"Toggle password visibility","data-state":m?"visible":"hidden",children:m?i.jsx(x.EyeClosed$1,{size:20}):i.jsx(x.EyeClosed,{size:20})})]}),!e&&i.jsx(E,{elementId:l,type:"error",message:s}),!e&&i.jsx(E,{elementId:l,type:"success",message:t})]})}function K({display:a="inline",width:r="fit-content",className:e="",required:s,helpMessage:t,suffix:n,htmlFor:d,children:u,...l}){const m=b.useId(),v=x.join("font-medium",a,e),o=t?`${d??m}-help`:void 0;return i.jsxs("div",{style:{display:a==="inline"?"inline-flex":"flex",width:r},className:"relative",children:[i.jsxs("label",{className:v,htmlFor:d,...l,children:[u,s&&i.jsx("span",{className:"text-red-500 font-medium ml-1","aria-label":"required",children:"*"})]}),t&&i.jsx("span",{className:"text-gray-500 ml-1 size-fit -translate-y-1/3","aria-describedby":o,"aria-label":"Help information",title:t,children:i.jsx(x.QuestionMarkCircled,{})}),t&&i.jsx("div",{id:o,className:"sr-only",children:t}),n&&i.jsx("span",{className:"ml-1",children:n})]})}function k({itemId:a,checked:r,onChange:e,name:s,disabled:t=!1,className:n=""}){const d="relative inline-flex items-center justify-center rounded-full",u=()=>{t||e()},l=x.join(d,!r&&"hover:border-current/60",!t&&"border-current cursor-pointer",t&&"border-muted/60 cursor-not-allowed",n);return i.jsx("div",{id:a,role:"radio",tabIndex:-1,"aria-checked":r,"aria-disabled":t,"aria-description":`Radio button for ${s}`,"aria-labelledby":`${a}-label`,onClick:u,className:l,style:{width:"1em",height:"1em",padding:"0.1em",borderWidth:"0.06em"},children:r&&i.jsx("div",{className:x.join("size-full aspect-square rounded-full",t&&"bg-muted/60",!t&&"bg-current")})})}function y({value:a,children:r,className:e="",isSelected:s=!1,onChange:t,disabled:n=!1,hideInput:d=!1,description:u,name:l}){const v=`radio-${b.useId()}-${a}`,o=()=>{n||t==null||t(a)};return i.jsxs("div",{title:u,className:x.join("relative flex items-center",e,d&&`p-2 border-2 focus-within:border-dashed focus-within:${n?"border-current/50":"border-current/80"}`,d&&!s&&`border-transparent ${n?"":"not-focus-within:hover:border-border/60"}`,d&&s&&"border-border",n&&"opacity-60 cursor-not-allowed"),style:{gap:"0.5em"},children:[!d&&i.jsx(k,{itemId:v,name:l||"",checked:s,onChange:o,disabled:n,className:x.join(d&&"")}),i.jsx("div",{id:d?v:void 0,tabIndex:d?-1:void 0,role:d?"radio":void 0,onClick:d?o:void 0,"aria-checked":d?s?"true":"false":void 0,"aria-disabled":d?n:void 0,"aria-description":d?u||`Radio button for ${l}`:void 0,"aria-labelledby":d?`${v}-label`:void 0,className:x.join(d&&"size-full",typeof r=="object"&&"grow focus:outline-none"),children:i.jsx("label",{id:`${v}-label`,onClick:d?void 0:o,className:x.join(n&&"cursor-not-allowed",!n&&"cursor-pointer"),children:r})})]})}function T(a,r){const[e,s]=b.useState(r),[t,n]=b.useState(-1),[d,u]=b.useState(!1),l=b.useCallback((f,c)=>{var p;const h=f[c];h.hasAttribute("disabled")||h.getAttribute("aria-disabled")==="true"||((p=f[c])==null||p.click(),n(c))},[]),m=b.useCallback((f,c)=>{var w;if(f.preventDefault(),d||!c.length)return;const h=r!==-1?r:0;(w=c[h])==null||w.focus(),s(h),r!==-1&&l(c,h)},[r,d,l]),v=b.useCallback(f=>{var p;if(!f.shiftKey)return;f.preventDefault();const c=Array.from(document.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')).filter(j=>!j.hasAttribute("disabled")&&j.tabIndex>=0),h=c.findIndex(j=>j.id===a),w=h>0?h-1:c.length-1;(p=c[w])==null||p.focus()},[a]),o=b.useCallback((f,c)=>{var C;if(!c.length)return;const h=f.target;if(!c.some(D=>D.id===h.id))return;const p=e!==-1?e:0;let j=p;switch(f.key){case"ArrowUp":case"ArrowLeft":f.preventDefault(),j=p>0?p-1:c.length-1;break;case"ArrowDown":case"ArrowRight":f.preventDefault(),j=(p+1)%c.length;break;case" ":f.preventDefault(),l(c,p);return;case"Tab":v(f);return;default:return}(C=c[j])==null||C.focus(),s(j),t!==-1&&l(c,j)},[e,t,v,l]),g=b.useCallback(()=>{const f=document.querySelector(`[id="${a}"][role="radiogroup"]`);return f?Array.from(f.querySelectorAll('[role="radio"]')):[]},[a]);b.useEffect(()=>{const f=document.querySelector(`[id="${a}"][role="radiogroup"]`);if(!f)return;const c=g(),h=C=>m(C,c),w=C=>o(C,c),p=()=>u(!0),j=()=>u(!1);return document.addEventListener("keydown",w),f.addEventListener("focus",h),f.addEventListener("mousedown",p),document.addEventListener("mouseup",j),()=>{document.removeEventListener("keydown",w),f.removeEventListener("focus",h),f.removeEventListener("mousedown",p),document.removeEventListener("mouseup",j)}},[a,g,m,o])}function U({options:a=[],value:r,onChange:e,name:s,children:t,className:n="",childrenClassName:d="",hideInputs:u=!1}){const l=b.useId(),m=s||`radio-group-${l}`;T(m,a.findIndex(o=>o===r));const v=b.useMemo(()=>a.reduce((o,g)=>(typeof g=="string"?o.some(f=>f.value===g)||o.push({label:g,value:g}):o.push(g),o),[]),[a]);return i.jsxs("div",{id:m,role:"radiogroup",tabIndex:0,className:x.join(n,"focus:outline-none"),children:[v.length>0&&v.map((o,g)=>i.jsx(y,{value:o.value,isSelected:r===o.value,onChange:e,name:m,disabled:o.disabled,description:o.description,hideInput:u,className:d,children:o.label},`${o.value}-${g}`)),v.length===0&&t&&b.Children.map(t,o=>b.isValidElement(o)&&o.type===y?i.jsx(y,{...o.props,className:x.join(d,o.props.className),hideInput:o.props.hideInput||u,isSelected:r===o.props.value,onChange:e,name:m,children:o.props.children}):null)]})}function Q(a,r){b.useEffect(()=>{const e=document.getElementById(a);if(!e)return;if(!r){e.style.height="auto";return}const s=()=>{e.style.height="auto",e.style.height=`${e.scrollHeight}px`};return s(),e.addEventListener("input",s),e.addEventListener("resize",s),window.addEventListener("resize",s),()=>{e.removeEventListener("input",s),e.removeEventListener("resize",s),window.removeEventListener("resize",s)}},[a,r])}const W={base:"","left-line":"border-l border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success",outline:"border border-border focus:border-primary-foreground disabled:border-muted/30 not-disabled:data-error:border-danger not-disabled:data-success:border-success"},Z={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",full:"px-3 rounded-full"},$={variant:"outline",rounded:"none"};function _({elementId:a,maxLength:r}){const[e,s]=b.useState(0);return b.useEffect(()=>{const t=document.getElementById(a);if(!t)return;const n=()=>{const d=t.value.length;s(d);const u=d>=r;t.setAttribute("aria-describedby",`${a}-character-count`),t.setAttribute("aria-invalid",u?"true":"false"),u?t.setAttribute("data-error","true"):t.removeAttribute("data-error")};return n(),t.addEventListener("input",n),t.setAttribute("maxlength",String(r)),()=>{t.removeEventListener("input",n),t.removeAttribute("maxlength"),t.removeAttribute("aria-describedby"),t.removeAttribute("aria-invalid"),t.removeAttribute("data-error")}},[a,r]),i.jsx("small",{className:x.join("mt-0.5 text-sm inline-flex items-center gap-1 w-full justify-end",e>=r&&"text-danger",e<r&&"text-current"),role:"status",children:i.jsxs("span",{id:`${a}-character-count`,children:[e," / ",r," characters"]})})}function J({variant:a=$.variant,rounded:r,displayOnlyMode:e=!1,errorMessage:s,successMessage:t,hideResizeHandle:n=!1,autoExpand:d=!1,characterLimit:u=0,className:l,...m}){const v=b.useId();Q(v,d||e);let o=r;a==="outline"&&!r&&(o="md"),o=o||$.rounded;let g=n;(e||a==="left-line"&&!n)&&(g=!0);const c=x.join("appearance-none w-full focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted/70 hide-number-input-arrows transition-all",!e&&W[a],!e&&Z[o],!e&&"px-2 py-1",e&&"pointer-events-none",g&&"no-resize-handle",l);return i.jsxs("div",{className:x.join("-space-y-1.5",e&&"cursor-text"),children:[i.jsx("textarea",{...m,id:v,"aria-disabled":m.disabled,readOnly:e,"aria-readonly":e||m["aria-readonly"],style:{resize:d?"none":void 0},className:c}),u>0&&i.jsx(_,{elementId:v,maxLength:u}),!e&&i.jsx(E,{elementId:v,type:"error",message:s}),!e&&i.jsx(E,{elementId:v,type:"success",message:t})]})}exports.Button=z;exports.ButtonLoadingDots=I;exports.Checkbox=F;exports.Input=H;exports.Label=K;exports.RadioGroup=U;exports.RadioGroupItem=y;exports.RadioInput=k;exports.Textarea=J;
 //# sourceMappingURL=components.cjs.js.map

package/dist/components.esm.js

@@ -1,5 +1,5 @@
-import { jsx as u, jsxs as C } from "react/jsx-runtime";
 import { j as v, E as S, C as F, b as V, a as q, Q as G } from "./join-DATGxH1G.js";
+import { jsx as u, jsxs as C } from "react/jsx-runtime";
 import j, { useState as N, useEffect as A, useCallback as E, useId as $, useMemo as R } from "react";
 function H() {
   const [o, r] = N(0);

package/dist/components.lib.d.ts

@@ -1,3 +1,4 @@
+import './styles.lib.css';
 export * from './core/components/button';
 export * from './core/components/checkbox';
 export * from './core/components/input';

package/dist/{index.d.ts → index.lib.d.ts}

@@ -1,4 +1,4 @@
-import './index.css';
+import './styles.lib.css';
 export * from './core/symbols';
 export { Slot } from './core/utilities/Slot';
 export { join } from './core/util/join';

package/dist/styles.css

@@ -1 +1 @@
-/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(.637 .237 25.331);--color-green-500:oklch(.723 .219 149.579);--color-violet-200:oklch(.894 .057 293.283);--color-violet-400:oklch(.702 .183 293.541);--color-slate-100:oklch(.968 .007 247.896);--color-slate-200:oklch(.929 .013 255.508);--color-slate-600:oklch(.446 .043 257.281);--color-slate-700:oklch(.372 .044 257.287);--color-slate-900:oklch(.208 .042 265.755);--color-gray-200:oklch(.928 .006 264.531);--color-gray-500:oklch(.551 .027 264.364);--color-gray-800:oklch(.278 .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings);--color-background-light:var(--color-slate-100);--color-background-dark:var(--color-slate-900);--color-foreground-light:var(--color-slate-900);--color-foreground-dark:var(--color-slate-100);--color-accent-medium:var(--color-violet-400);--color-primary:var(--color-violet-400);--color-primary-foreground:var(--color-white);--color-secondary:var(--color-violet-200);--color-secondary-foreground:var(--color-black);--color-danger:var(--color-red-500);--color-danger-foreground:var(--color-white);--color-muted:var(--color-gray-200);--color-muted-foreground:var(--color-gray-800);--color-success:var(--color-green-500);--color-border:var(--color-slate-600)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background-light);color:var(--color-foreground-light);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;transition-duration:.3s}@media (prefers-color-scheme:dark){body{background-color:var(--color-background-dark);color:var(--color-foreground-dark)}}p{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}@media (width>=96rem){p{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}small{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light);opacity:.7}@media (width>=96rem){small{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}h1{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}h2{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}@media (width>=96rem){h2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}h3{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}@media (width>=96rem){h3{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}h4{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.col-span-2{grid-column:span 2/span 2}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing)*2)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-12{margin-top:calc(var(--spacing)*12)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.ml-1{margin-left:calc(var(--spacing)*1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-\[0\.35em\]{width:.35em;height:.35em}.size-fit{width:fit-content;height:fit-content}.size-full{width:100%;height:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-fit{width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.grow{flex-grow:1}.-translate-y-1{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/3{--tw-translate-y:calc(calc(1/3*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-items-center{justify-items:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.-space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*-1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*-1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-20>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*20)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*20)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing)*2)}.\!rounded{border-radius:.25rem!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-border{border-color:var(--color-border)}.border-current{border-color:currentColor}.border-current\/50{border-color:color-mix(in oklab,currentColor 50%,transparent)}.border-current\/80{border-color:color-mix(in oklab,currentColor 80%,transparent)}.border-muted\/60{border-color:color-mix(in oklab,var(--color-muted)60%,transparent)}.border-primary{border-color:var(--color-primary)}.border-transparent{border-color:#0000}.bg-current{background-color:currentColor}.bg-danger{background-color:var(--color-danger)}.bg-muted\/60{background-color:color-mix(in oklab,var(--color-muted)60%,transparent)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-900{background-color:var(--color-slate-900)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-10{padding:calc(var(--spacing)*10)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-10{padding-inline:calc(var(--spacing)*10)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pr-10{padding-right:calc(var(--spacing)*10)}.pb-24{padding-bottom:calc(var(--spacing)*24)}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-accent-medium{color:var(--color-accent-medium)}.text-current{color:currentColor}.text-danger{color:var(--color-danger)}.text-danger-foreground{color:var(--color-danger-foreground)}.text-gray-500{color:var(--color-gray-500)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-red-500{color:var(--color-red-500)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.text-slate-200{color:var(--color-slate-200)}.text-success{color:var(--color-success)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-transparent{--tw-ring-color:transparent}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-transparent{outline-color:#0000}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.file\:mr-2::file-selector-button{margin-right:calc(var(--spacing)*2)}.file\:rounded-md::file-selector-button{border-radius:var(--radius-md)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-primary::file-selector-button{background-color:var(--color-primary)}.file\:px-1\.5::file-selector-button{padding-inline:calc(var(--spacing)*1.5)}.file\:py-1::file-selector-button{padding-block:calc(var(--spacing)*1)}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:transition-colors::file-selector-button{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.placeholder\:text-muted\/70::placeholder{color:color-mix(in oklab,var(--color-muted)70%,transparent)}.focus-within\:border-dashed:focus-within{--tw-border-style:dashed;border-style:dashed}@media (hover:hover){.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-current\/60:hover{border-color:color-mix(in oklab,currentColor 60%,transparent)}.hover\:border-primary-foreground:hover{border-color:var(--color-primary-foreground)}.hover\:bg-danger\/85:hover{background-color:color-mix(in oklab,var(--color-danger)85%,transparent)}.hover\:bg-primary\/85:hover{background-color:color-mix(in oklab,var(--color-primary)85%,transparent)}.hover\:bg-secondary\/85:hover{background-color:color-mix(in oklab,var(--color-secondary)85%,transparent)}.hover\:text-primary-foreground:hover{color:var(--color-primary-foreground)}.hover\:underline:hover{text-decoration-line:underline}.not-focus-within\:hover\:border-border\/60:not(:focus-within):hover{border-color:color-mix(in oklab,var(--color-border)60%,transparent)}.not-disabled\:hover\:cursor-pointer:not(:disabled):hover{cursor:pointer}.hover\:file\:bg-primary\/85:hover::file-selector-button{background-color:color-mix(in oklab,var(--color-primary)85%,transparent)}}.focus\:border-primary-foreground:focus{border-color:var(--color-primary-foreground)}.focus\:ring:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-primary-foreground:focus{--tw-ring-color:var(--color-primary-foreground)}.focus\:outline-offset-2:focus{outline-offset:2px}.focus\:outline-current:focus{outline-color:currentColor}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-muted:disabled{border-color:var(--color-muted)}.disabled\:border-muted\/30:disabled{border-color:color-mix(in oklab,var(--color-muted)30%,transparent)}.disabled\:bg-muted:disabled{background-color:var(--color-muted)}.disabled\:bg-muted\/80:disabled{background-color:color-mix(in oklab,var(--color-muted)80%,transparent)}.disabled\:text-muted:disabled{color:var(--color-muted)}.disabled\:text-muted-foreground:disabled{color:var(--color-muted-foreground)}.disabled\:text-muted-foreground\/80:disabled{color:color-mix(in oklab,var(--color-muted-foreground)80%,transparent)}.disabled\:underline:disabled{text-decoration-line:underline}.disabled\:opacity-50:disabled{opacity:.5}.not-disabled\:data-error\:border-danger:not(:disabled)[data-error]{border-color:var(--color-danger)}.not-disabled\:data-error\:ring-danger:not(:disabled)[data-error]{--tw-ring-color:var(--color-danger)}.not-disabled\:data-success\:border-success:not(:disabled)[data-success]{border-color:var(--color-success)}.not-disabled\:data-success\:ring-success:not(:disabled)[data-success]{--tw-ring-color:var(--color-success)}}.hide-number-input-arrows::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hide-number-input-arrows::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.hide-number-input-arrows::-webkit-outer-spin-button,.hide-number-input-arrows::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hide-number-input-arrows{-moz-appearance:textfield}.no-resize-handle::-webkit-resizer{display:none}
+@utility page{@apply min-h-screen w-screen;}@theme colors{ --color-background-light: var(--color-slate-100); --color-background-dark: var(--color-slate-900); --color-foreground-light: var(--color-slate-900); --color-foreground-dark: var(--color-slate-100); --color-accent-medium: var(--color-violet-400); --color-primary: var(--color-violet-400); --color-primary-foreground: var(--color-white); --color-secondary: var(--color-violet-200); --color-secondary-foreground: var(--color-black); --color-danger: var(--color-red-500); --color-danger-foreground: var(--color-white); --color-muted: var(--color-gray-200); --color-muted-foreground: var(--color-gray-800); --color-success: var(--color-green-500); --color-border: var(--color-slate-600); }.hide-number-input-arrows::-webkit-outer-spin-button,.hide-number-input-arrows::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hide-number-input-arrows{-moz-appearance:textfield}.no-resize-handle::-webkit-resizer{display:none}

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@moondreamsdev/dreamer-ui",
-  "version": "1.1.7",
+  "version": "1.2.1",
   "type": "module",
   "description": "A collection of Tailwind CSS components for React",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
+  "types": "dist/index.lib.d.ts",
   "files": [
     "dist",
     "README.md"
   ],
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/index.lib.d.ts",
       "import": "./dist/index.esm.js",
       "require": "./dist/index.js"
     },