@bronzelabs/oakma-ui 0.0.5 → 0.0.6

package/dist/{chunk-LF4EJMFU.js → chunk-5CZMFZ6I.js}

@@ -1,2 +1,2 @@
 "use client";
-import{a as f}from"./chunk-ETBWQWG5.js";import{b as k,c as w,d as C,e as d,f as M}from"./chunk-3LIRS3ET.js";import{useState as g}from"react";import{EyeSlashIcon as O,EyeIcon as A,CalendarIcon as I,CalendarDaysIcon as U,CalendarDateRangeIcon as V,ClockIcon as q}from"@heroicons/react/24/solid";import{clsx as i}from"clsx";import{jsx as n,jsxs as x}from"react/jsx-runtime";var p={calendar:["date","datetime-local","week","month","time"],text:["text","email","number","password","search","tel","url"]},K=({id:u,label:b,size:e="md",variant:o="dark",type:c="text",button:l,error:m,leadingIcon:a,trailingIcon:s,showOptional:h=!0,className:N,required:y,disabled:r,onFocus:R,onBlur:E,...B})=>{let{keyboardFocused:S,handleMouseDown:H,handleMouseUp:L,handleFocus:v,handleBlur:P}=M({onFocus:R,onBlur:E}),[t,z]=g(c);function F(T){return c==="password"&&z(t==="password"?"text":"password"),s?.onClick?.(T)}function D(T){return p.calendar.includes(t)?T.currentTarget?.closest("div")?.querySelector("input")?.showPicker():a?.onClick?.(T)}return x("div",{className:N,children:[x(k,{keyboardFocused:S,onMouseDown:H,onMouseUp:L,size:e,hasButton:!!l?.label,variant:o,label:b,showOptional:h,required:y,children:[b&&n(C,{inputId:u,label:b,showOptional:h,required:y,variant:o}),p.calendar.includes(t)&&x(d,{position:"leading",fieldSize:e,variant:o,disabled:r,onClick:D,name:a?.name,buttonType:a?.type,children:[t==="time"&&n(q,{className:i(e==="md"&&"size-6",e==="sm"&&"size-5")}),t==="date"&&n(I,{className:i(e==="md"&&"size-6",e==="sm"&&"size-5")}),t==="datetime-local"&&n(I,{className:i(e==="md"&&"size-6",e==="sm"&&"size-5")}),t==="week"&&n(V,{className:i(e==="md"&&"size-6",e==="sm"&&"size-5")}),t==="month"&&n(U,{className:i(e==="md"&&"size-6",e==="sm"&&"size-5")})]}),a?.icon&&!p.calendar.includes(t)&&n(d,{position:"leading",fieldSize:e,variant:o,disabled:a?.disabled||r,onClick:a?.onClick,name:a?.name,buttonType:a?.type,children:a.icon}),n("input",{id:u,className:i("size-full min-w-0 placeholder:text-neutral-30 focus:outline-hidden",o==="dark"&&"text-neutral-100",o==="light"&&"text-white",e==="sm"&&["min-h-6 text-sm",a?.icon||p.calendar.includes(t)?"pl-11.5":"pl-3",s?.icon||c==="password"?"pr-10":"pr-3"],e==="md"&&["min-h-12 text-base",a?.icon||p.calendar.includes(t)?"pl-12.75":"pl-5",s?.icon||c==="password"?"pr-12":"pr-5"]),"aria-describedby":m?`${u}-error`:void 0,"aria-invalid":!!m,required:y,onFocus:v,onBlur:P,disabled:r,type:t,...B}),c==="password"&&n(d,{position:"trailing",onClick:F,disabled:r,fieldSize:e,variant:o,name:"Toggle password visibility",children:t==="password"?n(O,{className:"size-5"}):n(A,{className:"size-5"})}),s?.icon&&t!=="password"&&n(d,{position:"trailing",onClick:s?.onClick,disabled:s?.disabled||r,fieldSize:e,variant:o,name:s?.name,children:s.icon}),l?.label&&n(f,{size:e,...l,disabled:r||l.disabled,className:i("shrink-0",e==="sm"&&"min-h-7.5!",l.className),children:l.label})]}),m&&n(w,{id:u,error:m})]})},Y=K;export{Y as a};
+import{a as f}from"./chunk-ETBWQWG5.js";import{b as k,c as w,d as C,e as d,f as M}from"./chunk-VMAZIGOS.js";import{useState as g}from"react";import{EyeSlashIcon as O,EyeIcon as A,CalendarIcon as I,CalendarDaysIcon as U,CalendarDateRangeIcon as V,ClockIcon as q}from"@heroicons/react/24/solid";import{clsx as i}from"clsx";import{jsx as n,jsxs as x}from"react/jsx-runtime";var p={calendar:["date","datetime-local","week","month","time"],text:["text","email","number","password","search","tel","url"]},K=({id:u,label:b,size:e="md",variant:o="dark",type:c="text",button:l,error:m,leadingIcon:a,trailingIcon:s,showOptional:h=!0,className:N,required:y,disabled:r,onFocus:R,onBlur:E,...B})=>{let{keyboardFocused:S,handleMouseDown:H,handleMouseUp:L,handleFocus:v,handleBlur:P}=M({onFocus:R,onBlur:E}),[t,z]=g(c);function F(T){return c==="password"&&z(t==="password"?"text":"password"),s?.onClick?.(T)}function D(T){return p.calendar.includes(t)?T.currentTarget?.closest("div")?.querySelector("input")?.showPicker():a?.onClick?.(T)}return x("div",{className:N,children:[x(k,{keyboardFocused:S,onMouseDown:H,onMouseUp:L,size:e,hasButton:!!l?.label,variant:o,label:b,showOptional:h,required:y,children:[b&&n(C,{inputId:u,label:b,showOptional:h,required:y,variant:o}),p.calendar.includes(t)&&x(d,{position:"leading",fieldSize:e,variant:o,disabled:r,onClick:D,name:a?.name,buttonType:a?.type,children:[t==="time"&&n(q,{className:i(e==="md"&&"size-6",e==="sm"&&"size-5")}),t==="date"&&n(I,{className:i(e==="md"&&"size-6",e==="sm"&&"size-5")}),t==="datetime-local"&&n(I,{className:i(e==="md"&&"size-6",e==="sm"&&"size-5")}),t==="week"&&n(V,{className:i(e==="md"&&"size-6",e==="sm"&&"size-5")}),t==="month"&&n(U,{className:i(e==="md"&&"size-6",e==="sm"&&"size-5")})]}),a?.icon&&!p.calendar.includes(t)&&n(d,{position:"leading",fieldSize:e,variant:o,disabled:a?.disabled||r,onClick:a?.onClick,name:a?.name,buttonType:a?.type,children:a.icon}),n("input",{id:u,className:i("size-full min-w-0 placeholder:text-neutral-30 focus:outline-hidden",o==="dark"&&"text-neutral-100",o==="light"&&"text-white",e==="sm"&&["min-h-6 text-sm",a?.icon||p.calendar.includes(t)?"pl-11.5":"pl-3",s?.icon||c==="password"?"pr-10":"pr-3"],e==="md"&&["min-h-12 text-base",a?.icon||p.calendar.includes(t)?"pl-12.75":"pl-5",s?.icon||c==="password"?"pr-12":"pr-5"]),"aria-describedby":m?`${u}-error`:void 0,"aria-invalid":!!m,required:y,onFocus:v,onBlur:P,disabled:r,type:t,...B}),c==="password"&&n(d,{position:"trailing",onClick:F,disabled:r,fieldSize:e,variant:o,name:"Toggle password visibility",children:t==="password"?n(O,{className:"size-5"}):n(A,{className:"size-5"})}),s?.icon&&t!=="password"&&n(d,{position:"trailing",onClick:s?.onClick,disabled:s?.disabled||r,fieldSize:e,variant:o,name:s?.name,children:s.icon}),l?.label&&n(f,{size:e,...l,disabled:r||l.disabled,className:i("shrink-0",e==="sm"&&"min-h-7.5!",l.className),children:l.label})]}),m&&n(w,{id:u,error:m})]})},Y=K;export{Y as a};

package/dist/{chunk-AVEV43MA.js → chunk-ECQDULOI.js}

@@ -1,2 +1,2 @@
 "use client";
-import{b as N,c as V,d as k,e as q}from"./chunk-3LIRS3ET.js";import{a as $}from"./chunk-AERZTKI2.js";import de from"react-select";import{useCallback as S,useEffect as G,useId as pe,useMemo as M,useRef as X,useState as ie}from"react";import{ChevronUpDownIcon as le}from"@heroicons/react/24/solid";import ee,{useLayoutEffect as ne,useMemo as te,useState as oe,isValidElement as re}from"react";import{components as ae}from"react-select";import{components as z}from"react-select";var A="MultiValue",E=z.MultiValue;E.displayName=A;import{clsx as W}from"clsx";var B=a=>a.displayName||a.name||"unknown";var L=a=>typeof a=="function";import{Fragment as se,jsx as J,jsxs as K}from"react/jsx-runtime";var Q=({children:a,leadingIcon:o,className:f,showSelectedCount:l,size:n="md",...r})=>{let s=$(r?.innerProps?.ref),[p,w]=oe(!1),c=te(()=>ee.Children.toArray(a)?.filter(t=>re(t)&&L(t.type)&&B(t.type)===A).length,[a]);return ne(()=>{let t=s?.current;if(!t)return;let u=new ResizeObserver(()=>{w(t.scrollWidth>t.clientWidth)});return u.observe(t),()=>u.disconnect()},[s,c]),K(se,{children:[!!o?.icon&&J(q,{position:"leading",fieldSize:n,variant:"dark",children:o.icon}),J(ae.ValueContainer,{...r,className:W(f,o?.icon&&"pl-12",p&&"[&>div:not(:last-child)]:opacity-0!"),innerProps:{...r?.innerProps,ref:s},children:a}),l&&p&&K("div",{className:W("absolute top-0 flex h-full shrink-0 items-center font-medium whitespace-nowrap text-neutral-100",!o?.icon&&"rounded-l-full",n==="sm"&&["pl-3",o?.icon?"left-8 w-[calc(100%-4rem)]":"left-0 w-[calc(100%-2rem)]"],n==="md"&&["pl-5",o?.icon?"left-8 w-[calc(100%-4rem)]":"left-0 w-[calc(100%-2.75rem)]"]),style:{fontSize:"inherit"},children:[c," Selected"]})]})};import{components as F}from"react-select";import{clsx as i}from"clsx";import{jsx as v,jsxs as ue}from"react/jsx-runtime";function O({id:a,leadingIcon:o,onMenuOpen:f,required:l,size:n="md",showSelectedCount:r,inputId:s,instanceId:p,components:w,classNames:c}){let t=pe(),u=M(()=>a||`oakma-dropdown-${t}`,[a,t]),P=M(()=>p||`oakma-dropdown-${t}-instance`,[t,p]),R=M(()=>s||`oakma-dropdown-${t}-input`,[t,s]),[y,x]=ie(!1),b=X(o),C=X(y),m=S(()=>{x(!1),f?.()},[f]),h=S(e=>v(Q,{...e,leadingIcon:b.current,showSelectedCount:r,size:n}),[r,n]),g=S(e=>{let d=I=>{C.current&&x(!1),e?.onChange?.(I)};return v(F.Input,{...e,"aria-activedescendant":void 0,onChange:d,"aria-invalid":C.current})},[]),D=S(e=>v(F.DropdownIndicator,{...e,children:v(le,{})}),[]),H=S(e=>v(F.Option,{...e,className:i(e.className,e.isSelected&&"bg-surface-20 text-neutral-100"),children:ue("div",{className:"flex flex-col items-start",children:[v("span",{children:e?.data?.label}),e?.data?.subTitle&&v("span",{children:e.data.subTitle})]})}),[]),_=M(()=>({MultiValue:E,ValueContainer:h,Input:g,DropdownIndicator:D,Option:H,...w}),[w,g,h,D,H]),j=M(()=>({container:()=>i("size-full",n==="sm"&&"text-sm",n==="md"&&"text-base"),control:()=>"relative size-full",valueContainer:({isDisabled:e})=>i("flex gap-1",n==="sm"&&"py-1 pl-2",n==="md"&&"py-3 pl-5",r?"flex-nowrap! overflow-hidden!":"scrollbars-none max-h-28 flex-wrap! overflow-scroll!",!e&&"text-neutral-100",e&&"text-neutral-50"),placeholder:()=>"text-neutral-50 ml-1",clearIndicator:({isFocused:e})=>i("z-10",e?"text-neutral-100":"text-neutral-50"),indicatorsContainer:()=>i("[&_path]:pointer-events-none",n==="sm"&&"mr-3",n==="md"&&"mr-5"),dropdownIndicator:({isFocused:e,selectProps:d,hasValue:I})=>i("transition-colors!",n==="sm"&&"size-5",n==="md"&&"size-6",e?"text-neutral-100":"text-neutral-50",d.isClearable&&I&&"hidden!"),menu:()=>"mt-1.5 rounded-3xl bg-white border border-stroke-dark shadow-md",menuList:()=>"flex flex-col rounded-2xl gap-1 p-1",option:({isFocused:e,isSelected:d,isDisabled:I})=>i("text-neutral-50 first:rounded-t-2xl last:rounded-b-2xl",e&&"bg-surface-20 text-neutral-100",e&&d&&!I&&"bg-surface-50",!I&&"[&_span:nth-of-type(1)]:text-neutral-100",I&&"text-neutral-50/50!",n==="sm"&&"rounded-lg px-2 pt-2 pb-3 [&_span:nth-of-type(2)]:text-xs",n==="md"&&"rounded-xl px-4 py-3 [&_span:nth-of-type(2)]:text-sm"),group:()=>"not-first-of-type:mt-2",groupHeading:()=>"text-sm text-neutral-50 relative block w-full px-2 mx-2 mb-1 first:mt-2",singleValue:()=>i(n==="sm"&&"ml-1"),multiValue:({isDisabled:e,isFocused:d})=>i("flex min-w-[unset]! gap-1 rounded-full bg-teal-100/20 pr-1 pl-2 text-sm whitespace-nowrap text-teal-100",e&&"opacity-50",d&&"bg-teal-100/30"),input:()=>"text-neutral-100 ml-1",noOptionsMessage:()=>i("flex items-center justify-center rounded-3xl text-neutral-50",n==="sm"&&"min-h-15 text-sm",n==="md"&&"min-h-18.5 text-base"),loadingMessage:()=>i("flex items-center justify-center rounded-3xl text-neutral-50",n==="sm"&&"min-h-15 text-sm",n==="md"&&"min-h-18.5 text-base"),...c}),[c,r,n]);return G(()=>{b.current=o},[o]),G(()=>{C.current=y},[y]),G(()=>{if(l){let e=document?.querySelector(`[id="${u}"] input[required]`),d=()=>x(!0);if(e)return e.addEventListener("invalid",d),()=>e.removeEventListener("invalid",d)}},[l,u]),{uid:t,fieldId:u,instanceId:P,inputId:R,handleMenuOpen:m,stableComponents:_,selectClassNames:j}}import{jsx as T,jsxs as Y}from"react/jsx-runtime";var ce=({id:a,label:o,leadingIcon:f,showOptional:l=!0,className:n,required:r,error:s,size:p="md",onMenuOpen:w,inputId:c,instanceId:t,components:u,classNames:P,openMenuOnFocus:R=!0,showSelectedCount:y=!0,...x})=>{let{fieldId:b,instanceId:C,inputId:m,handleMenuOpen:h,stableComponents:g,selectClassNames:D}=O({id:a,leadingIcon:f,onMenuOpen:w,required:r,classNames:P,size:p,showSelectedCount:y,components:u,inputId:c,instanceId:t});return Y("div",{className:n,id:b,children:[Y(N,{size:p,hasButton:!1,label:o,showOptional:l,required:r,variant:"dark",children:[o&&T(k,{inputId:m,label:o,showOptional:l,required:r,variant:"dark"}),T(de,{unstyled:!0,inputId:m,required:r,onMenuOpen:h,openMenuOnFocus:R,components:g,classNames:D,instanceId:C,...x})]}),s&&T(V,{id:m,error:s})]})},me=ce;import fe from"react-select/async";import{jsx as U,jsxs as Z}from"react/jsx-runtime";var we=({id:a,label:o,leadingIcon:f,showOptional:l=!0,className:n,required:r,error:s,size:p="md",onMenuOpen:w,inputId:c,instanceId:t,components:u,classNames:P,openMenuOnFocus:R=!0,showSelectedCount:y=!0,...x})=>{let{fieldId:b,instanceId:C,inputId:m,handleMenuOpen:h,stableComponents:g,selectClassNames:D}=O({id:a,leadingIcon:f,onMenuOpen:w,required:r,classNames:P,size:p,showSelectedCount:y,components:u,inputId:c,instanceId:t});return Z("div",{className:n,id:b,children:[Z(N,{size:p,hasButton:!1,label:o,showOptional:l,required:r,variant:"dark",children:[o&&U(k,{inputId:m,label:o,showOptional:l,required:r,variant:"dark"}),U(fe,{unstyled:!0,inputId:m,required:r,onMenuOpen:h,openMenuOnFocus:R,components:g,classNames:D,instanceId:C,...x})]}),s&&U(V,{id:m,error:s})]})},ye=we;export{me as a,ye as b};
+import{b as N,c as V,d as k,e as q}from"./chunk-VMAZIGOS.js";import{a as $}from"./chunk-AERZTKI2.js";import de from"react-select";import{useCallback as S,useEffect as G,useId as pe,useMemo as M,useRef as X,useState as ie}from"react";import{ChevronUpDownIcon as le}from"@heroicons/react/24/solid";import ee,{useLayoutEffect as ne,useMemo as te,useState as oe,isValidElement as re}from"react";import{components as ae}from"react-select";import{components as z}from"react-select";var A="MultiValue",E=z.MultiValue;E.displayName=A;import{clsx as W}from"clsx";var B=a=>a.displayName||a.name||"unknown";var L=a=>typeof a=="function";import{Fragment as se,jsx as J,jsxs as K}from"react/jsx-runtime";var Q=({children:a,leadingIcon:o,className:f,showSelectedCount:l,size:n="md",...r})=>{let s=$(r?.innerProps?.ref),[p,w]=oe(!1),c=te(()=>ee.Children.toArray(a)?.filter(t=>re(t)&&L(t.type)&&B(t.type)===A).length,[a]);return ne(()=>{let t=s?.current;if(!t)return;let u=new ResizeObserver(()=>{w(t.scrollWidth>t.clientWidth)});return u.observe(t),()=>u.disconnect()},[s,c]),K(se,{children:[!!o?.icon&&J(q,{position:"leading",fieldSize:n,variant:"dark",children:o.icon}),J(ae.ValueContainer,{...r,className:W(f,o?.icon&&"pl-12",p&&"[&>div:not(:last-child)]:opacity-0!"),innerProps:{...r?.innerProps,ref:s},children:a}),l&&p&&K("div",{className:W("absolute top-0 flex h-full shrink-0 items-center font-medium whitespace-nowrap text-neutral-100",!o?.icon&&"rounded-l-full",n==="sm"&&["pl-3",o?.icon?"left-8 w-[calc(100%-4rem)]":"left-0 w-[calc(100%-2rem)]"],n==="md"&&["pl-5",o?.icon?"left-8 w-[calc(100%-4rem)]":"left-0 w-[calc(100%-2.75rem)]"]),style:{fontSize:"inherit"},children:[c," Selected"]})]})};import{components as F}from"react-select";import{clsx as i}from"clsx";import{jsx as v,jsxs as ue}from"react/jsx-runtime";function O({id:a,leadingIcon:o,onMenuOpen:f,required:l,size:n="md",showSelectedCount:r,inputId:s,instanceId:p,components:w,classNames:c}){let t=pe(),u=M(()=>a||`oakma-dropdown-${t}`,[a,t]),P=M(()=>p||`oakma-dropdown-${t}-instance`,[t,p]),R=M(()=>s||`oakma-dropdown-${t}-input`,[t,s]),[y,x]=ie(!1),b=X(o),C=X(y),m=S(()=>{x(!1),f?.()},[f]),h=S(e=>v(Q,{...e,leadingIcon:b.current,showSelectedCount:r,size:n}),[r,n]),g=S(e=>{let d=I=>{C.current&&x(!1),e?.onChange?.(I)};return v(F.Input,{...e,"aria-activedescendant":void 0,onChange:d,"aria-invalid":C.current})},[]),D=S(e=>v(F.DropdownIndicator,{...e,children:v(le,{})}),[]),H=S(e=>v(F.Option,{...e,className:i(e.className,e.isSelected&&"bg-surface-20 text-neutral-100"),children:ue("div",{className:"flex flex-col items-start",children:[v("span",{children:e?.data?.label}),e?.data?.subTitle&&v("span",{children:e.data.subTitle})]})}),[]),_=M(()=>({MultiValue:E,ValueContainer:h,Input:g,DropdownIndicator:D,Option:H,...w}),[w,g,h,D,H]),j=M(()=>({container:()=>i("size-full",n==="sm"&&"text-sm",n==="md"&&"text-base"),control:()=>"relative size-full",valueContainer:({isDisabled:e})=>i("flex gap-1",n==="sm"&&"py-1 pl-2",n==="md"&&"py-3 pl-5",r?"flex-nowrap! overflow-hidden!":"scrollbars-none max-h-28 flex-wrap! overflow-scroll!",!e&&"text-neutral-100",e&&"text-neutral-50"),placeholder:()=>"text-neutral-50 ml-1",clearIndicator:({isFocused:e})=>i("z-10",e?"text-neutral-100":"text-neutral-50"),indicatorsContainer:()=>i("[&_path]:pointer-events-none",n==="sm"&&"mr-3",n==="md"&&"mr-5"),dropdownIndicator:({isFocused:e,selectProps:d,hasValue:I})=>i("transition-colors!",n==="sm"&&"size-5",n==="md"&&"size-6",e?"text-neutral-100":"text-neutral-50",d.isClearable&&I&&"hidden!"),menu:()=>"mt-1.5 rounded-3xl bg-white border border-stroke-dark shadow-md",menuList:()=>"flex flex-col rounded-2xl gap-1 p-1",option:({isFocused:e,isSelected:d,isDisabled:I})=>i("text-neutral-50 first:rounded-t-2xl last:rounded-b-2xl",e&&"bg-surface-20 text-neutral-100",e&&d&&!I&&"bg-surface-50",!I&&"[&_span:nth-of-type(1)]:text-neutral-100",I&&"text-neutral-50/50!",n==="sm"&&"rounded-lg px-2 pt-2 pb-3 [&_span:nth-of-type(2)]:text-xs",n==="md"&&"rounded-xl px-4 py-3 [&_span:nth-of-type(2)]:text-sm"),group:()=>"not-first-of-type:mt-2",groupHeading:()=>"text-sm text-neutral-50 relative block w-full px-2 mx-2 mb-1 first:mt-2",singleValue:()=>i(n==="sm"&&"ml-1"),multiValue:({isDisabled:e,isFocused:d})=>i("flex min-w-[unset]! gap-1 rounded-full bg-teal-100/20 pr-1 pl-2 text-sm whitespace-nowrap text-teal-100",e&&"opacity-50",d&&"bg-teal-100/30"),input:()=>"text-neutral-100 ml-1",noOptionsMessage:()=>i("flex items-center justify-center rounded-3xl text-neutral-50",n==="sm"&&"min-h-15 text-sm",n==="md"&&"min-h-18.5 text-base"),loadingMessage:()=>i("flex items-center justify-center rounded-3xl text-neutral-50",n==="sm"&&"min-h-15 text-sm",n==="md"&&"min-h-18.5 text-base"),...c}),[c,r,n]);return G(()=>{b.current=o},[o]),G(()=>{C.current=y},[y]),G(()=>{if(l){let e=document?.querySelector(`[id="${u}"] input[required]`),d=()=>x(!0);if(e)return e.addEventListener("invalid",d),()=>e.removeEventListener("invalid",d)}},[l,u]),{uid:t,fieldId:u,instanceId:P,inputId:R,handleMenuOpen:m,stableComponents:_,selectClassNames:j}}import{jsx as T,jsxs as Y}from"react/jsx-runtime";var ce=({id:a,label:o,leadingIcon:f,showOptional:l=!0,className:n,required:r,error:s,size:p="md",onMenuOpen:w,inputId:c,instanceId:t,components:u,classNames:P,openMenuOnFocus:R=!0,showSelectedCount:y=!0,...x})=>{let{fieldId:b,instanceId:C,inputId:m,handleMenuOpen:h,stableComponents:g,selectClassNames:D}=O({id:a,leadingIcon:f,onMenuOpen:w,required:r,classNames:P,size:p,showSelectedCount:y,components:u,inputId:c,instanceId:t});return Y("div",{className:n,id:b,children:[Y(N,{size:p,hasButton:!1,label:o,showOptional:l,required:r,variant:"dark",children:[o&&T(k,{inputId:m,label:o,showOptional:l,required:r,variant:"dark"}),T(de,{unstyled:!0,inputId:m,required:r,onMenuOpen:h,openMenuOnFocus:R,components:g,classNames:D,instanceId:C,...x})]}),s&&T(V,{id:m,error:s})]})},me=ce;import fe from"react-select/async";import{jsx as U,jsxs as Z}from"react/jsx-runtime";var we=({id:a,label:o,leadingIcon:f,showOptional:l=!0,className:n,required:r,error:s,size:p="md",onMenuOpen:w,inputId:c,instanceId:t,components:u,classNames:P,openMenuOnFocus:R=!0,showSelectedCount:y=!0,...x})=>{let{fieldId:b,instanceId:C,inputId:m,handleMenuOpen:h,stableComponents:g,selectClassNames:D}=O({id:a,leadingIcon:f,onMenuOpen:w,required:r,classNames:P,size:p,showSelectedCount:y,components:u,inputId:c,instanceId:t});return Z("div",{className:n,id:b,children:[Z(N,{size:p,hasButton:!1,label:o,showOptional:l,required:r,variant:"dark",children:[o&&U(k,{inputId:m,label:o,showOptional:l,required:r,variant:"dark"}),U(fe,{unstyled:!0,inputId:m,required:r,onMenuOpen:h,openMenuOnFocus:R,components:g,classNames:D,instanceId:C,...x})]}),s&&U(V,{id:m,error:s})]})},ye=we;export{me as a,ye as b};

package/dist/{chunk-OHI7XZLO.js → chunk-FNGWB2KT.js}

@@ -1,2 +1,2 @@
 "use client";
-import{a as r}from"./chunk-OAFI6CS3.js";import{a as c,b as a}from"./chunk-AVEV43MA.js";import{clsx as m}from"clsx";import{components as f}from"react-select";import{jsx as o,jsxs as p}from"react/jsx-runtime";var y=e=>!!e?.icon&&e?.icon!==null,i=e=>{let t=y(e?.data)?e.data.icon:void 0;return p(f.Option,{...e,className:m(e?.className,"flex! w-full items-center justify-between gap-3"),children:[t&&o(t,{className:"size-5"}),p("div",{className:"flex grow flex-col",children:[o("span",{children:e?.data?.label}),e?.data?.subTitle&&o("span",{children:e.data.subTitle})]}),o(r,{checked:e?.isSelected,readOnly:!0})]})},S={Option:i},u=({tabSelectsValue:e=!1,closeMenuOnSelect:t=!1,hideSelectedOptions:n=!1,isClearable:l=!1,...s})=>o(c,{closeMenuOnSelect:t,hideSelectedOptions:n,tabSelectsValue:e,isMulti:!0,isClearable:l,components:S,...s});u.displayName="MultiSelect";var M=u;import{jsx as h}from"react/jsx-runtime";var x={Option:i},d=({tabSelectsValue:e=!1,closeMenuOnSelect:t=!1,hideSelectedOptions:n=!1,isClearable:l=!1,...s})=>h(a,{closeMenuOnSelect:t,hideSelectedOptions:n,tabSelectsValue:e,isMulti:!0,isClearable:l,components:x,...s});d.displayName="AsyncMultiSelect";var O=d;export{M as a,O as b};
+import{a as r}from"./chunk-OAFI6CS3.js";import{a as c,b as a}from"./chunk-ECQDULOI.js";import{clsx as m}from"clsx";import{components as f}from"react-select";import{jsx as o,jsxs as p}from"react/jsx-runtime";var y=e=>!!e?.icon&&e?.icon!==null,i=e=>{let t=y(e?.data)?e.data.icon:void 0;return p(f.Option,{...e,className:m(e?.className,"flex! w-full items-center justify-between gap-3"),children:[t&&o(t,{className:"size-5"}),p("div",{className:"flex grow flex-col",children:[o("span",{children:e?.data?.label}),e?.data?.subTitle&&o("span",{children:e.data.subTitle})]}),o(r,{checked:e?.isSelected,readOnly:!0})]})},S={Option:i},u=({tabSelectsValue:e=!1,closeMenuOnSelect:t=!1,hideSelectedOptions:n=!1,isClearable:l=!1,...s})=>o(c,{closeMenuOnSelect:t,hideSelectedOptions:n,tabSelectsValue:e,isMulti:!0,isClearable:l,components:S,...s});u.displayName="MultiSelect";var M=u;import{jsx as h}from"react/jsx-runtime";var x={Option:i},d=({tabSelectsValue:e=!1,closeMenuOnSelect:t=!1,hideSelectedOptions:n=!1,isClearable:l=!1,...s})=>h(a,{closeMenuOnSelect:t,hideSelectedOptions:n,tabSelectsValue:e,isMulti:!0,isClearable:l,components:x,...s});d.displayName="AsyncMultiSelect";var O=d;export{M as a,O as b};

package/dist/chunk-HGSFGBM6.js

@@ -0,0 +1,2 @@
+"use client";
+import{b as m,c as f,d as S,e as d,f as h}from"./chunk-VMAZIGOS.js";import{ChevronDownIcon as z}from"@heroicons/react/20/solid";import C from"clsx";import{jsx as t,jsxs as p}from"react/jsx-runtime";var I=({id:n,label:r,size:o="md",variant:e="dark",error:a,leadingIcon:i,placeholder:s,showOptional:u=!0,className:b,required:l,disabled:c,onFocus:g,onBlur:x,defaultValue:y,children:w,...v})=>{let{keyboardFocused:M,handleMouseDown:R,handleMouseUp:F,handleFocus:N,handleBlur:k}=h({onFocus:g,onBlur:x});return p("div",{className:b,children:[p(m,{keyboardFocused:M,onMouseDown:R,onMouseUp:F,size:o,hasButton:!1,label:r,showOptional:u,required:l,variant:e,children:[r&&t(S,{inputId:n,label:r,showOptional:u,required:l,variant:e}),i?.icon&&t(d,{position:"leading",disabled:c,fieldSize:o,variant:e,children:i.icon}),p("select",{id:n,className:C("h-full min-w-0 grow appearance-none bg-transparent focus:outline-hidden has-[option[value='']:checked]:text-neutral-30",e==="dark"&&"text-neutral-100",e==="light"&&"text-white",o==="sm"&&["min-h-6 text-sm",i?.icon?"pl-10":"pl-3","pr-10"],o==="md"&&["min-h-12 text-base",i?.icon?"pl-12":"pl-5","pr-0"]),"aria-describedby":a?`${n}-error`:void 0,"aria-invalid":!!a,required:l,onFocus:N,onBlur:k,disabled:c,defaultValue:y||s?"":void 0,...v,children:[s&&t("option",{value:"",disabled:!0,hidden:!0,children:s}),w]}),t(d,{position:"trailing",disabled:c,fieldSize:o,variant:e,className:"pointer-events-none",children:t(z,{className:"size-5"})})]}),a?.message&&t(f,{id:n,error:a})]})},P=I;export{P as a};

package/dist/{chunk-6TPVG4ID.js → chunk-MM52HAHJ.js}

@@ -1,2 +1,2 @@
 "use client";
-import{b as u,c as m,d as x,e as p,f as b}from"./chunk-3LIRS3ET.js";import F from"clsx";import{jsx as a,jsxs as T}from"react/jsx-runtime";var N=({id:r,label:s,size:o="md",variant:e="dark",error:n,leadingIcon:i,trailingIcon:t,showOptional:c=!0,className:f,required:d,disabled:l,onFocus:h,onBlur:A,...y})=>{let{keyboardFocused:M,handleMouseDown:R,handleMouseUp:k,handleFocus:w,handleBlur:C}=b({onFocus:h,onBlur:A});return T("div",{className:f,children:[T(u,{keyboardFocused:M,onMouseDown:R,onMouseUp:k,className:"items-start!",size:o,hasButton:!1,label:s,showOptional:c,required:d,variant:e,children:[s&&a(x,{inputId:r,label:s,showOptional:c,required:d,variant:e}),!!i?.icon&&a(p,{position:"leading",disabled:l,fieldSize:o,variant:e,children:i.icon}),a("textarea",{id:r,className:F("min-w-0 grow resize-none py-3.5 placeholder:text-neutral-30 focus:outline-hidden",e==="dark"&&"text-neutral-100",e==="light"&&"text-white",o==="sm"&&["min-h-6 text-sm",i?.icon?"pl-10":"pl-3",t?.icon?"pr-10":"pr-3"],o==="md"&&["min-h-12 text-base",i?.icon?"pl-12":"pl-5",t?.icon?"pr-12":"pr-5"]),"aria-describedby":n?`${r}-error`:void 0,"aria-invalid":!!n,required:d,onFocus:w,onBlur:C,disabled:l,...y}),!!t?.icon&&a(p,{position:"trailing",onClick:t?.onClick,disabled:t?.disabled||l,fieldSize:o,variant:e,children:t.icon})]}),n&&a(m,{id:r,error:n})]})},S=N;export{S as a};
+import{b as u,c as m,d as x,e as p,f as b}from"./chunk-VMAZIGOS.js";import F from"clsx";import{jsx as a,jsxs as T}from"react/jsx-runtime";var N=({id:r,label:s,size:o="md",variant:e="dark",error:n,leadingIcon:i,trailingIcon:t,showOptional:c=!0,className:f,required:d,disabled:l,onFocus:h,onBlur:A,...y})=>{let{keyboardFocused:M,handleMouseDown:R,handleMouseUp:k,handleFocus:w,handleBlur:C}=b({onFocus:h,onBlur:A});return T("div",{className:f,children:[T(u,{keyboardFocused:M,onMouseDown:R,onMouseUp:k,className:"items-start!",size:o,hasButton:!1,label:s,showOptional:c,required:d,variant:e,children:[s&&a(x,{inputId:r,label:s,showOptional:c,required:d,variant:e}),!!i?.icon&&a(p,{position:"leading",disabled:l,fieldSize:o,variant:e,children:i.icon}),a("textarea",{id:r,className:F("min-w-0 grow resize-none py-3.5 placeholder:text-neutral-30 focus:outline-hidden",e==="dark"&&"text-neutral-100",e==="light"&&"text-white",o==="sm"&&["min-h-6 text-sm",i?.icon?"pl-10":"pl-3",t?.icon?"pr-10":"pr-3"],o==="md"&&["min-h-12 text-base",i?.icon?"pl-12":"pl-5",t?.icon?"pr-12":"pr-5"]),"aria-describedby":n?`${r}-error`:void 0,"aria-invalid":!!n,required:d,onFocus:w,onBlur:C,disabled:l,...y}),!!t?.icon&&a(p,{position:"trailing",onClick:t?.onClick,disabled:t?.disabled||l,fieldSize:o,variant:e,children:t.icon})]}),n&&a(m,{id:r,error:n})]})},S=N;export{S as a};

package/dist/chunk-VMAZIGOS.js

@@ -0,0 +1,2 @@
+"use client";
+import{clsx as b}from"clsx";import{jsx as u,jsxs as f}from"react/jsx-runtime";var g=({label:t,showOptional:r,required:e,variant:o="dark"})=>f("div",{className:b("pointer-events-none absolute inset-0 flex","group-has-user-invalid:[--border-color:var(--color-error-100)]! group-has-aria-invalid:[--border-color:var(--color-error-100)]!",o==="dark"&&"[--border-color:var(--color-stroke-dark)] group-has-focus-visible:[--border-color:var(--color-neutral-100)] group-has-[:is(input,textarea,select):not(:disabled)]:group-hover:[--border-color:var(--color-neutral-100)]",o==="light"&&"[--border-color:var(--color-stroke-light)] group-has-focus-visible:[--border-color:var(--color-white)] group-has-[:is(input,textarea,select):not(:disabled)]:group-hover:[--border-color:var(--color-white)]"),"aria-hidden":"true",children:[u("div",{className:"relative -mr-9.75 w-14 shrink-0 rounded-l-[1.75rem] border-y-[1.5px] border-l-[1.5px] border-(--border-color) transition-colors",style:t?{clipPath:"polygon(0% 0%, 0% 100%, 100% 100%, 100% 50%, 30% 50%, 30% 0%)"}:void 0}),t&&u("div",{className:"relative shrink-0 px-1 transition-colors before:absolute before:right-0 before:bottom-0 before:left-9.75 before:h-[1.5px] before:bg-(--border-color) before:transition-colors",children:f("div",{className:"invisible flex items-center gap-1 font-medium whitespace-nowrap",children:[u("span",{className:"text-sm leading-none",children:t}),r&&!e&&u("span",{className:"inline-block text-xs leading-none",children:"(Optional)"})]})}),u("div",{className:b("flex-1 rounded-r-[1.75rem] border-y-[1.5px] border-r-[1.5px] border-(--border-color) transition-colors",!t&&"ml-9.75")})]}),p=g;import{clsx as v}from"clsx";import{jsx as F,jsxs as N}from"react/jsx-runtime";var T=({keyboardFocused:t,onMouseDown:r,onMouseUp:e,size:o="md",variant:s="dark",hasButton:i=!1,label:n,showOptional:l,required:d,className:a,children:m})=>N("div",{className:v("group relative mt-2 flex items-center rounded-[1.75rem] transition-colors",o==="sm"&&"min-h-10",o==="md"&&"min-h-14",i&&"pr-1",t&&"outline-browser",a),onMouseDown:r,onMouseUp:e,children:[F(p,{label:n,showOptional:l,required:d,variant:s}),m]}),E=T;import{ExclamationCircleIcon as w}from"@heroicons/react/20/solid";import{clsx as R}from"clsx";import{jsx as x,jsxs as k}from"react/jsx-runtime";var y=({id:t,className:r,error:e})=>e?.message?k("div",{className:R("mt-1 flex items-center gap-0.5 text-error-100",r),children:[x(w,{className:"ml-1.5 size-3.5"}),x("span",{id:`${t}-error`,className:"text-xs",children:e.message})]}):null,I=y;import{clsx as M}from"clsx";import{jsx as h,jsxs as S}from"react/jsx-runtime";var L=({inputId:t,label:r,variant:e="dark",showOptional:o,required:s,className:i})=>S("div",{className:M("absolute -top-2 left-4.25 z-10 flex flex-nowrap items-center justify-start gap-1 px-1 font-medium whitespace-nowrap group-has-user-invalid:text-error-100! group-has-aria-invalid:text-error-100!",e==="dark"&&"text-neutral-50 group-focus-within:text-neutral-100 group-has-[:is(input,textarea,select):not(:disabled)]:group-hover:text-neutral-100",e==="light"&&"text-neutral-20 group-focus-within:text-white group-has-[:is(input,textarea,select):not(:disabled)]:group-hover:text-white",i),children:[h("label",{htmlFor:t,className:"text-sm leading-none",children:r}),o&&!s&&h("span",{className:"inline-block text-xs leading-none",children:"(Optional)"})]}),C=L;import{clsx as P}from"clsx";import{jsx as H}from"react/jsx-runtime";var D=({position:t,fieldSize:r="md",variant:e="dark",onClick:o,buttonType:s,disabled:i,children:n,className:l,name:d})=>{let a=typeof o=="function";return H(a?"button":"div",{className:P("absolute flex grow-0 items-center justify-center rounded-full transition-colors ease-out",r==="sm"&&["top-2.125 size-6.5",t==="leading"?"left-3.75":"right-3.75"],r==="md"&&["top-3.125 size-8.5",t==="leading"?"left-3.5":"right-3.5"],e==="dark"&&"text-neutral-50",e==="light"&&"text-neutral-30",a&&["group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:cursor-pointer",e==="dark"&&"group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:hover:bg-neutral-50/10 group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:hover:text-neutral-100 focus-visible:bg-neutral-50/10 group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:focus-visible:text-neutral-100 group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:active:bg-neutral-50/20",e==="light"&&"group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:hover:bg-white/10 group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:hover:text-white focus-visible:bg-white/10 group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:focus-visible:text-white group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:active:bg-white/20"],l),...!a&&{"aria-hidden":!0},...a&&{name:d,onClick:o,disabled:i,type:s||"button"},children:n})},_=D;import{useRef as B,useState as z,useCallback as c}from"react";var V=({onFocus:t,onBlur:r})=>{let e=B(!1),[o,s]=z(!1),i=c(()=>{e.current=!0},[]),n=c(()=>{e.current=!1},[]),l=c(a=>(e.current||s(!0),t?.(a)),[t]),d=c(a=>(s(!1),r?.(a)),[r]);return{keyboardFocused:o,handleMouseDown:i,handleMouseUp:n,handleFocus:l,handleBlur:d}},A=V;var O=["sm","md"],X=["dark","light"];export{p as a,E as b,I as c,C as d,_ as e,A as f,O as g,X as h};

package/dist/components/Dropdown/index.d.ts

@@ -14,7 +14,7 @@ interface DropdownSharedProps {
     };
     required?: boolean;
     error?: {
-        message: string;
+        message?: string;
     };
     /**
      *  When `true`, the dropdown will display a count of selected options when multiple options are selected. This prop is only applicable when using the `MultiSelect` component.

package/dist/components/Dropdown/index.js

@@ -1,2 +1,2 @@
 "use client";
-import{a,b}from"../../chunk-AVEV43MA.js";import"../../chunk-3LIRS3ET.js";import"../../chunk-AERZTKI2.js";export{b as AsyncDropdown,a as default};
+import{a,b}from"../../chunk-ECQDULOI.js";import"../../chunk-VMAZIGOS.js";import"../../chunk-AERZTKI2.js";export{b as AsyncDropdown,a as default};

package/dist/components/MultiSelect/index.js

@@ -1,2 +1,2 @@
 "use client";
-import{a,b}from"../../chunk-OHI7XZLO.js";import"../../chunk-OAFI6CS3.js";import"../../chunk-AVEV43MA.js";import"../../chunk-3LIRS3ET.js";import"../../chunk-AERZTKI2.js";export{b as AsyncMultiSelect,a as default};
+import{a,b}from"../../chunk-FNGWB2KT.js";import"../../chunk-OAFI6CS3.js";import"../../chunk-ECQDULOI.js";import"../../chunk-VMAZIGOS.js";import"../../chunk-AERZTKI2.js";export{b as AsyncMultiSelect,a as default};

package/dist/components/Select/index.d.ts

@@ -12,7 +12,7 @@ interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>
     placeholder?: string;
     showOptional?: boolean;
     error?: {
-        message: string;
+        message?: string;
     };
     children: React.ReactNode;
 }

package/dist/components/Select/index.js

@@ -1,2 +1,2 @@
 "use client";
-import{a}from"../../chunk-ESX4M42B.js";import"../../chunk-3LIRS3ET.js";export{a as default};
+import{a}from"../../chunk-HGSFGBM6.js";import"../../chunk-VMAZIGOS.js";export{a as default};

package/dist/components/TextArea/index.d.ts

@@ -17,7 +17,7 @@ interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaEl
     };
     showOptional?: boolean;
     error?: {
-        message: string;
+        message?: string;
     };
 }
 declare const TextArea: React.FC<TextAreaProps>;

package/dist/components/TextArea/index.js

@@ -1,2 +1,2 @@
 "use client";
-import{a}from"../../chunk-6TPVG4ID.js";import"../../chunk-3LIRS3ET.js";export{a as default};
+import{a}from"../../chunk-MM52HAHJ.js";import"../../chunk-VMAZIGOS.js";export{a as default};

package/dist/components/TextField/index.d.ts

@@ -20,7 +20,7 @@ declare const Container: React$1.FC<ContainerProps>;
 interface ErrorMessageProps {
     id: string;
     error: {
-        message: string;
+        message?: string;
     };
     className?: string;
 }

package/dist/components/TextField/index.js

@@ -1,2 +1,2 @@
 "use client";
-import{a,b,c,d,e,f,g,h}from"../../chunk-3LIRS3ET.js";export{b as Container,c as ErrorMessage,e as Icon,d as Label,a as NotchBorder,g as TEXT_FIELD_SIZES,h as TEXT_FIELD_VARIANTS,f as useInputKeyboardFocus};
+import{a,b,c,d,e,f,g,h}from"../../chunk-VMAZIGOS.js";export{b as Container,c as ErrorMessage,e as Icon,d as Label,a as NotchBorder,g as TEXT_FIELD_SIZES,h as TEXT_FIELD_VARIANTS,f as useInputKeyboardFocus};

package/dist/components/TextInput/index.d.ts

@@ -24,7 +24,7 @@ interface TextInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement
     };
     showOptional?: boolean;
     error?: {
-        message: string;
+        message?: string;
     };
     button?: Omit<ButtonProps, "children"> & {
         label: string;

package/dist/components/TextInput/index.js

@@ -1,2 +1,2 @@
 "use client";
-import{a}from"../../chunk-LF4EJMFU.js";import"../../chunk-ETBWQWG5.js";import"../../chunk-RPWJBMXA.js";import"../../chunk-3LIRS3ET.js";export{a as default};
+import{a}from"../../chunk-5CZMFZ6I.js";import"../../chunk-ETBWQWG5.js";import"../../chunk-RPWJBMXA.js";import"../../chunk-VMAZIGOS.js";export{a as default};

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-import{a as I}from"./chunk-LF4EJMFU.js";import{a as S,b as d}from"./chunk-OHI7XZLO.js";import{a as P,b as m,c as T,d as N}from"./chunk-COIYH42M.js";import{a as c}from"./chunk-IOIICV6R.js";import{a as C}from"./chunk-ESX4M42B.js";import{a as A}from"./chunk-6TPVG4ID.js";import{a as D}from"./chunk-SCGB3NVF.js";import{a as e,b as o,c as p}from"./chunk-ETBWQWG5.js";import{a as t}from"./chunk-RPWJBMXA.js";import{a as r,b as a}from"./chunk-OAFI6CS3.js";import{a as i,b as s}from"./chunk-2S26OQ7A.js";import{a as f,b as n}from"./chunk-LILYIQ5G.js";import{a as u}from"./chunk-7KFEINOL.js";import{a as y,b as l}from"./chunk-AVEV43MA.js";import"./chunk-3LIRS3ET.js";import{a as x}from"./chunk-U6FPHBLH.js";import"./chunk-HDP66ZRA.js";import"./chunk-AERZTKI2.js";export{l as AsyncDropdown,d as AsyncMultiSelect,o as BUTTON_SIZES,p as BUTTON_VARIANTS,e as Button,a as CHECKBOX_SIZES,s as CHIP_SIZES,r as Checkbox,i as Chip,n as DRAWER_POSITIONS,f as Drawer,y as Dropdown,u as Logo,x as Modal,S as MultiSelect,c as Notification,N as Notifications,P as NotificationsContext,m as NotificationsProvider,C as Select,t as Spinner,A as TextArea,I as TextInput,D as Toggle,T as useNotifications};
+import{a as I}from"./chunk-5CZMFZ6I.js";import{a as S,b as d}from"./chunk-FNGWB2KT.js";import{a as P,b as m,c as T,d as N}from"./chunk-COIYH42M.js";import{a as c}from"./chunk-IOIICV6R.js";import{a as C}from"./chunk-HGSFGBM6.js";import{a as A}from"./chunk-MM52HAHJ.js";import{a as D}from"./chunk-SCGB3NVF.js";import{a as e,b as o,c as p}from"./chunk-ETBWQWG5.js";import{a as t}from"./chunk-RPWJBMXA.js";import{a as r,b as a}from"./chunk-OAFI6CS3.js";import{a as i,b as s}from"./chunk-2S26OQ7A.js";import{a as f,b as n}from"./chunk-LILYIQ5G.js";import{a as u}from"./chunk-7KFEINOL.js";import{a as y,b as l}from"./chunk-ECQDULOI.js";import"./chunk-VMAZIGOS.js";import{a as x}from"./chunk-U6FPHBLH.js";import"./chunk-HDP66ZRA.js";import"./chunk-AERZTKI2.js";export{l as AsyncDropdown,d as AsyncMultiSelect,o as BUTTON_SIZES,p as BUTTON_VARIANTS,e as Button,a as CHECKBOX_SIZES,s as CHIP_SIZES,r as Checkbox,i as Chip,n as DRAWER_POSITIONS,f as Drawer,y as Dropdown,u as Logo,x as Modal,S as MultiSelect,c as Notification,N as Notifications,P as NotificationsContext,m as NotificationsProvider,C as Select,t as Spinner,A as TextArea,I as TextInput,D as Toggle,T as useNotifications};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bronzelabs/oakma-ui",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Oakma's component system for the web.",
   "license": "ISC",
   "author": "",

package/dist/chunk-3LIRS3ET.js

@@ -1,2 +0,0 @@
-"use client";
-import{clsx as b}from"clsx";import{jsx as u,jsxs as f}from"react/jsx-runtime";var g=({label:t,showOptional:r,required:e,variant:o="dark"})=>f("div",{className:b("pointer-events-none absolute inset-0 flex","group-has-user-invalid:[--border-color:var(--color-error-100)]! group-has-aria-invalid:[--border-color:var(--color-error-100)]!",o==="dark"&&"[--border-color:var(--color-stroke-dark)] group-has-focus-visible:[--border-color:var(--color-neutral-100)] group-has-[:is(input,textarea,select):not(:disabled)]:group-hover:[--border-color:var(--color-neutral-100)]",o==="light"&&"[--border-color:var(--color-stroke-light)] group-has-focus-visible:[--border-color:var(--color-white)] group-has-[:is(input,textarea,select):not(:disabled)]:group-hover:[--border-color:var(--color-white)]"),"aria-hidden":"true",children:[u("div",{className:"relative -mr-9.75 w-14 shrink-0 rounded-l-[1.75rem] border-y-[1.5px] border-l-[1.5px] border-(--border-color) transition-colors",style:t?{clipPath:"polygon(0% 0%, 0% 100%, 100% 100%, 100% 50%, 30% 50%, 30% 0%)"}:void 0}),t&&u("div",{className:"relative shrink-0 px-1 transition-colors before:absolute before:right-0 before:bottom-0 before:left-9.75 before:h-[1.5px] before:bg-(--border-color) before:transition-colors",children:f("div",{className:"invisible flex items-center gap-1 font-medium whitespace-nowrap",children:[u("span",{className:"text-sm leading-none",children:t}),r&&!e&&u("span",{className:"inline-block text-xs leading-none",children:"(Optional)"})]})}),u("div",{className:b("flex-1 rounded-r-[1.75rem] border-y-[1.5px] border-r-[1.5px] border-(--border-color) transition-colors",!t&&"ml-9.75")})]}),p=g;import{clsx as v}from"clsx";import{jsx as F,jsxs as N}from"react/jsx-runtime";var T=({keyboardFocused:t,onMouseDown:r,onMouseUp:e,size:o="md",variant:s="dark",hasButton:i=!1,label:n,showOptional:l,required:d,className:a,children:m})=>N("div",{className:v("group relative mt-2 flex items-center rounded-[1.75rem] transition-colors",o==="sm"&&"min-h-10",o==="md"&&"min-h-14",i&&"pr-1",t&&"outline-browser",a),onMouseDown:r,onMouseUp:e,children:[F(p,{label:n,showOptional:l,required:d,variant:s}),m]}),E=T;import{ExclamationCircleIcon as w}from"@heroicons/react/20/solid";import{clsx as R}from"clsx";import{jsx as x,jsxs as k}from"react/jsx-runtime";var y=({id:t,className:r,error:e})=>k("div",{className:R("mt-1 flex items-center gap-0.5 text-error-100",r),children:[x(w,{className:"ml-1.5 size-3.5"}),x("span",{id:`${t}-error`,className:"text-xs",children:e.message})]}),I=y;import{clsx as M}from"clsx";import{jsx as h,jsxs as S}from"react/jsx-runtime";var L=({inputId:t,label:r,variant:e="dark",showOptional:o,required:s,className:i})=>S("div",{className:M("absolute -top-2 left-4.25 z-10 flex flex-nowrap items-center justify-start gap-1 px-1 font-medium whitespace-nowrap group-has-user-invalid:text-error-100! group-has-aria-invalid:text-error-100!",e==="dark"&&"text-neutral-50 group-focus-within:text-neutral-100 group-has-[:is(input,textarea,select):not(:disabled)]:group-hover:text-neutral-100",e==="light"&&"text-neutral-20 group-focus-within:text-white group-has-[:is(input,textarea,select):not(:disabled)]:group-hover:text-white",i),children:[h("label",{htmlFor:t,className:"text-sm leading-none",children:r}),o&&!s&&h("span",{className:"inline-block text-xs leading-none",children:"(Optional)"})]}),C=L;import{clsx as P}from"clsx";import{jsx as H}from"react/jsx-runtime";var D=({position:t,fieldSize:r="md",variant:e="dark",onClick:o,buttonType:s,disabled:i,children:n,className:l,name:d})=>{let a=typeof o=="function";return H(a?"button":"div",{className:P("absolute flex grow-0 items-center justify-center rounded-full transition-colors ease-out",r==="sm"&&["top-2.125 size-6.5",t==="leading"?"left-3.75":"right-3.75"],r==="md"&&["top-3.125 size-8.5",t==="leading"?"left-3.5":"right-3.5"],e==="dark"&&"text-neutral-50",e==="light"&&"text-neutral-30",a&&["group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:cursor-pointer",e==="dark"&&"group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:hover:bg-neutral-50/10 group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:hover:text-neutral-100 focus-visible:bg-neutral-50/10 group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:focus-visible:text-neutral-100 group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:active:bg-neutral-50/20",e==="light"&&"group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:hover:bg-white/10 group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:hover:text-white focus-visible:bg-white/10 group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:focus-visible:text-white group-has-[:is(input,textarea,select):not(:disabled,:user-invalid,[aria-invalid=true])]:active:bg-white/20"],l),...!a&&{"aria-hidden":!0},...a&&{name:d,onClick:o,disabled:i,type:s||"button"},children:n})},_=D;import{useRef as B,useState as z,useCallback as c}from"react";var V=({onFocus:t,onBlur:r})=>{let e=B(!1),[o,s]=z(!1),i=c(()=>{e.current=!0},[]),n=c(()=>{e.current=!1},[]),l=c(a=>(e.current||s(!0),t?.(a)),[t]),d=c(a=>(s(!1),r?.(a)),[r]);return{keyboardFocused:o,handleMouseDown:i,handleMouseUp:n,handleFocus:l,handleBlur:d}},A=V;var O=["sm","md"],X=["dark","light"];export{p as a,E as b,I as c,C as d,_ as e,A as f,O as g,X as h};

package/dist/chunk-ESX4M42B.js

@@ -1,2 +0,0 @@
-"use client";
-import{b as m,c as f,d as S,e as d,f as h}from"./chunk-3LIRS3ET.js";import{ChevronDownIcon as z}from"@heroicons/react/20/solid";import C from"clsx";import{jsx as t,jsxs as p}from"react/jsx-runtime";var I=({id:n,label:r,size:o="md",variant:e="dark",error:i,leadingIcon:a,placeholder:l,showOptional:u=!0,className:b,required:s,disabled:c,onFocus:x,onBlur:y,defaultValue:g,children:w,...v})=>{let{keyboardFocused:M,handleMouseDown:R,handleMouseUp:F,handleFocus:N,handleBlur:k}=h({onFocus:x,onBlur:y});return p("div",{className:b,children:[p(m,{keyboardFocused:M,onMouseDown:R,onMouseUp:F,size:o,hasButton:!1,label:r,showOptional:u,required:s,variant:e,children:[r&&t(S,{inputId:n,label:r,showOptional:u,required:s,variant:e}),a?.icon&&t(d,{position:"leading",disabled:c,fieldSize:o,variant:e,children:a.icon}),p("select",{id:n,className:C("h-full min-w-0 grow appearance-none bg-transparent focus:outline-hidden has-[option[value='']:checked]:text-neutral-30",e==="dark"&&"text-neutral-100",e==="light"&&"text-white",o==="sm"&&["min-h-6 text-sm",a?.icon?"pl-10":"pl-3","pr-10"],o==="md"&&["min-h-12 text-base",a?.icon?"pl-12":"pl-5","pr-0"]),"aria-describedby":i?`${n}-error`:void 0,"aria-invalid":!!i,required:s,onFocus:N,onBlur:k,disabled:c,defaultValue:g||l?"":void 0,...v,children:[l&&t("option",{value:"",disabled:!0,hidden:!0,children:l}),w]}),t(d,{position:"trailing",disabled:c,fieldSize:o,variant:e,className:"pointer-events-none",children:t(z,{className:"size-5"})})]}),i&&t(f,{id:n,error:i})]})},P=I;export{P as a};