@vellira-ui/react 2.22.5 → 2.23.0

package/README.md

@@ -28,12 +28,6 @@ For detailed props, shared types, examples, and compound component APIs, see
 pnpm add @vellira-ui/react
 ```
 
-If consuming from GitHub Packages, configure the scope registry:
-
-```bash
-@romanbakurov:registry=https://npm.pkg.github.com
-```
-
 ## Usage
 
 Import the stylesheet once in your app entry point:
@@ -50,6 +44,7 @@ import { useState } from 'react';
 
 export function Example() {
   const [email, setEmail] = useState('');
+  const [accepted, setAccepted] = useState(false);
 
   return (
     <form>
@@ -59,7 +54,12 @@ export function Example() {
         onChange={(event) => setEmail(event.target.value)}
         placeholder='name@example.com'
       />
-      <Checkbox label='Accept terms' />
+      <Checkbox
+        label='Accept terms'
+        description='Required to create an account.'
+        checked={accepted}
+        onCheckedChange={setAccepted}
+      />
       <Button color='primary' variant='solid'>
         Submit
       </Button>
@@ -81,6 +81,12 @@ import { Search } from '@vellira-ui/icons';
 `loading` disables interaction and can replace the visible label with
 `loadingText`.
 
+### Checkbox Notes
+
+Use `description` for settings-style helper text when the checkbox is not
+wrapped in `FormField`. For checkbox rows without a visible label, provide
+`aria-label` or `aria-labelledby`.
+
 ## Testing
 
 Run only web tests:

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require("react"),l=require("clsx");l=s(l,1);let u=require("react-dom"),d=require("react/jsx-runtime"),f=require("@floating-ui/react"),p=require("@vellira-ui/core"),m=require("@vellira-ui/icons"),h=require("focus-trap-react");h=s(h,1);var g=(...e)=>(0,l.default)(e),_=({children:e})=>{let[t,n]=(0,c.useState)(!1);if((0,c.useEffect)(()=>{n(!0)},[]),!t)return null;let r=document.getElementById(`overlay-root`)??document.body;return r?(0,u.createPortal)(e,r):null},v={dropdown:`_dropdown_6pgxt_1`,dropdownIn:`_dropdownIn_6pgxt_1`},y=(0,c.forwardRef)(({children:e,floatingStyles:t,menuId:n,labelledById:r,label:i,activeDescendantId:a,onKeyDown:o,className:s},c)=>(0,d.jsx)(_,{children:(0,d.jsx)(`ul`,{ref:c,id:n,role:`menu`,tabIndex:-1,"aria-labelledby":r,"aria-label":r?void 0:i,"aria-activedescendant":a,onKeyDown:o,style:t,className:g(v.dropdown,s),children:e})}));y.displayName=`DropdownContent`;var b=e=>{let[t,n]=(0,c.useState)(()=>typeof window>`u`||typeof window.matchMedia!=`function`||!e?!1:window.matchMedia(`(max-width: ${e}px)`).matches);return(0,c.useEffect)(()=>{if(typeof window>`u`||typeof window.matchMedia!=`function`||!e)return;let t=window.matchMedia(`(max-width: ${e}px)`),r=()=>n(t.matches);return r(),t.addEventListener(`change`,r),()=>{t.removeEventListener(`change`,r)}},[e]),t},x=({open:e,onOpenChange:t,placement:n=`bottom-start`,strategy:r=`fixed`,matchTriggerWidth:i=!1,mobileSheetBreakpoint:a,middleware:o=[]}={})=>{let s=b(a),{refs:l,floatingStyles:u,update:d,context:p,middlewareData:m,placement:h}=(0,f.useFloating)({open:e,onOpenChange:t,placement:n,strategy:r,transform:!1,middleware:(0,c.useMemo)(()=>[(0,f.offset)(6),(0,f.flip)(),(0,f.size)({apply({rects:e,elements:t}){!i||s||Object.assign(t.floating.style,{width:`${e.reference.width}px`})}}),(0,f.shift)({padding:8}),...o],[o,s,i]),whileElementsMounted:f.autoUpdate});return(0,c.useEffect)(()=>{s&&l.floating.current?.style.removeProperty(`width`)},[s,l.floating]),{context:p,placement:h,middlewareData:m,floatingStyles:s?{}:u,isMobileSheet:s,setRef:l.setReference,setFloatingRef:l.setFloating,updatePosition:d}},S=(e,t,n=!0)=>{let r=(0,c.useRef)(e);r.current=e;let i=(0,c.useRef)(t);i.current=t,(0,c.useEffect)(()=>{if(!n)return;let e=e=>{let t=e.target;r.current.every(e=>e.current&&!e.current.contains(t))&&i.current()};return document.addEventListener(`pointerdown`,e),()=>document.removeEventListener(`pointerdown`,e)},[n])},C={group:`_group_1yomt_1`},w=({label:e})=>(0,d.jsx)(`li`,{role:`presentation`,className:C.group,children:e}),T={item:`_item_t87eq_1`,disabled:`_disabled_t87eq_18`,active:`_active_t87eq_28`,danger:`_danger_t87eq_37`,itemIcon:`_itemIcon_t87eq_61`,itemShortcut:`_itemShortcut_t87eq_62`,itemText:`_itemText_t87eq_68`,"itemText--truncate":`_itemText--truncate_t87eq_74`,"itemText--wrap":`_itemText--wrap_t87eq_79`,"itemText--nowrap":`_itemText--nowrap_t87eq_83`},E=({id:e,children:t,label:n,icon:r,danger:i,disabled:a,active:o,onClick:s,onMouseEnter:c,shortcut:l,textWrap:u=`truncate`,className:f})=>{let p=t||n;return(0,d.jsxs)(`li`,{id:e,role:`menuitem`,tabIndex:-1,"aria-disabled":a||void 0,"data-active":o||void 0,"data-danger":i||void 0,onClick:a?void 0:s,onMouseEnter:a?void 0:c,className:g(T.item,{[T.active]:o,[T.disabled]:a,[T.danger]:i},f),children:[r&&(0,d.jsx)(`span`,{"aria-hidden":`true`,className:T.itemIcon,children:r}),p&&(0,d.jsx)(`span`,{className:g(T.itemText,T[`itemText--${u}`]),children:p}),l&&(0,d.jsx)(`span`,{className:T.itemShortcut,children:l})]})},D={group:`_group_ts4nb_1`},O=()=>(0,d.jsx)(`li`,{role:`separator`,className:D.separator,"aria-hidden":`true`}),k={button:`_button_ii6sx_1`,disabled:`_disabled_ii6sx_16`,iconLeft:`_iconLeft_ii6sx_27`,arrow:`_arrow_ii6sx_39`,iconOnly:`_iconOnly_ii6sx_42`,open:`_open_ii6sx_75`},A=(0,c.forwardRef)(({children:e,isOpen:t,icon:n,arrowIcon:r,showArrow:i=!0,rotateAngle:a=90,label:o,className:s,...c},l)=>{let u=!!n,f=!!e,p=u&&!f,h=i&&f,_=r??(0,d.jsx)(m.ChevronDown,{}),v=p?o??`Open menu`:void 0;return(0,d.jsxs)(`button`,{...c,ref:l,type:`button`,className:g(k.button,{[k.disabled]:c.disabled,[k.iconOnly]:p},s),"aria-label":v,"aria-expanded":t,"aria-haspopup":`menu`,style:{"--dropdown-rotate-angle":`${a}deg`},children:[u&&(0,d.jsx)(`span`,{"aria-hidden":`true`,className:k.iconLeft,children:n}),e,h&&(0,d.jsx)(`span`,{"aria-hidden":`true`,className:g(k.arrow,{[k.open]:t}),children:_})]})});A.displayName=`DropdownTrigger`;var ee=e=>e.type!==`group`&&e.type!==`separator`,te=e=>e.type===`group`,j=e=>e.type===`separator`,M={wrapper:`_wrapper_14ue8_1`},N=({label:e,icon:t,trigger:n,items:r=[],onSelect:i,className:a,disabled:o,rotateAngle:s=90,placement:l,matchTriggerWidth:u,textWrap:f,showArrow:m=!0,arrowIcon:h})=>{let[_,v]=(0,c.useState)(!1),[b,C]=(0,c.useState)(-1),T=(0,c.useRef)(null),D=(0,c.useRef)(null),k=(0,c.useId)(),N=`${k}-trigger`,{floatingStyles:P,setRef:F,setFloatingRef:ne}=x({placement:l,matchTriggerWidth:u,mobileSheetBreakpoint:640}),I=r.filter(ee),L=_&&b>=0?`${k}-item-${b}`:void 0,R=()=>I.findIndex(e=>!e.disabled),z=()=>{o||v(e=>{let t=!e;return C(t?R():-1),t})},B=()=>{v(!1),C(-1)},V=()=>{B(),T.current?.focus()},{onKeyDown:H}=(0,p.useKeyboardNavigation)({activeIndex:b,setActiveIndex:C,items:I,isOpen:_,onOpen:z,onSelect:()=>{let e=I[b];!e||e.disabled||(i?.(e.value),V())},onClose:V});S([T,D],()=>B(),_);let re=e=>{T.current=e,F(e)},U=e=>{D.current=e,ne(e),e?.focus()};return(0,d.jsxs)(`div`,{className:g(M.wrapper,a),children:[(0,d.jsx)(A,{ref:re,id:N,isOpen:_,disabled:o,icon:t,label:e,showArrow:m,arrowIcon:h,rotateAngle:s,onClick:z,onKeyDown:H,"aria-expanded":_,"aria-haspopup":`menu`,..._&&{"aria-controls":k},children:n}),_&&(0,d.jsx)(y,{ref:U,floatingStyles:P,menuId:k,labelledById:n?N:void 0,label:n?void 0:e,activeDescendantId:L,onKeyDown:H,children:r.map((e,t)=>{if(te(e))return(0,d.jsx)(w,{label:e.label},`group-${e.label}`);if(j(e))return(0,d.jsx)(O,{},`separator-${t}`);if(ee(e)){let t=I.findIndex(t=>t===e);return(0,d.jsx)(E,{id:`${k}-item-${t}`,...e,active:b===t,textWrap:e.textWrap||f,onClick:()=>{e.disabled||(i?.(e.value),V())},onMouseEnter:()=>{t<0||e.disabled||C(t)},children:e.label},e.value)}})})]})},P=(0,c.createContext)(void 0),F=()=>{let e=(0,c.useContext)(P);if(e===void 0)throw Error(`Modal compound components must be used inside Modal`);return e};P.displayName=`ModalContext`;var ne={modalBody:`_modalBody_iv33a_1`},I=({children:e})=>{let{descriptionId:t}=F();return(0,d.jsx)(`div`,{id:t,className:ne.modalBody,children:e})};I.displayName=`ModalBody`;var L={content:`_content_avpai_1`},R=({children:e})=>(0,d.jsx)(`div`,{className:L.content,children:e});R.displayName=`ModalContent`;var z={modalFooter:`_modalFooter_ezys6_1`},B=({children:e})=>(0,d.jsx)(`div`,{className:z.modalFooter,children:e});B.displayName=`ModalFooter`;var V={modalHeader:`_modalHeader_155d7_1`,modalHeaderTitle:`_modalHeaderTitle_155d7_8`,modalHeaderCloseButton:`_modalHeaderCloseButton_155d7_15`},H=({children:e})=>{let{onClose:t,titleId:n}=F();return(0,d.jsxs)(`div`,{className:V.modalHeader,children:[(0,d.jsx)(`h2`,{id:n,className:V.modalHeaderTitle,children:e}),t&&(0,d.jsx)(`button`,{type:`button`,className:V.modalHeaderCloseButton,onClick:t,"aria-label":`Close modal`,children:(0,d.jsx)(m.Close,{size:16})})]})};H.displayName=`ModalHeader`;var re=({isOpen:e,onClose:t})=>{let n=(0,c.useCallback)(n=>{e&&n.key===`Escape`&&(n.preventDefault(),t?.())},[e,t]);(0,c.useEffect)(()=>(document.addEventListener(`keydown`,n),()=>document.removeEventListener(`keydown`,n)),[n])},U={overlay:`_overlay_1xotg_1`,"overlay--open":`_overlay--open_1xotg_13`,"overlay--animated":`_overlay--animated_1xotg_17`,modal:`_modal_1xotg_21`},W=0,ie=``,ae=({children:e,onClose:t,isOpen:n,className:r,closeOnBackdrop:i,closeOnClick:a,closeOnEsc:o=!0,zIndex:s=1e3,animated:l=!0})=>{let u=i??a??!0,f=(0,c.useRef)(null),{titleId:p,descriptionId:m}=F(),v=(0,c.useCallback)(e=>{u&&e.target===e.currentTarget&&t?.()},[u,t]);return re({isOpen:n,onClose:o?t:void 0}),(0,c.useEffect)(()=>{if(n)return W===0&&(ie=document.body.style.overflow),W+=1,document.body.style.overflow=`hidden`,()=>{W=Math.max(0,W-1),W===0&&(document.body.style.overflow=ie)}},[n]),!n&&!l?null:(0,d.jsx)(_,{children:(0,d.jsx)(`div`,{className:g(U.overlay,n&&U[`overlay--open`],l&&U[`overlay--animated`],r),onClick:v,tabIndex:-1,role:`presentation`,"aria-hidden":!n,style:{zIndex:s},children:(0,d.jsx)(h.default,{active:n,focusTrapOptions:{fallbackFocus:()=>f.current,returnFocusOnDeactivate:!0,allowOutsideClick:!0},children:(0,d.jsx)(`div`,{ref:f,tabIndex:-1,className:U.modal,role:`dialog`,"aria-modal":`true`,"aria-labelledby":p,"aria-describedby":m,children:e})})})})};ae.displayName=`ModalOverlay`;var oe=({isOpen:e,children:t,onClose:n,closeOnBackdrop:r,closeOnClick:i,closeOnEsc:a=!0})=>{let o=(0,c.useId)(),s=(0,c.useId)();return e?(0,d.jsx)(P.Provider,{value:{onClose:n,titleId:o,descriptionId:s},children:(0,d.jsx)(ae,{isOpen:e,onClose:n,closeOnBackdrop:r??i,closeOnEsc:a,children:(0,d.jsx)(R,{children:t})})}):null};oe.displayName=`Modal`;var se=Object.assign(oe,{Header:H,Body:I,Content:R,Footer:B}),G={wrapper:`_wrapper_14t1p_1`,label:`_label_14t1p_9`,required:`_required_14t1p_20`,description:`_description_14t1p_25`,control:`_control_14t1p_32`,errorText:`_errorText_14t1p_38`,disabled:`_disabled_14t1p_45`},K=({id:e,label:t,description:n,error:r,required:i=!1,disabled:a=!1,children:o,className:s})=>{let l=(0,c.useId)(),u=e??l,f=n?`${u}-description`:void 0,p=r?`${u}-error`:void 0;return(0,d.jsxs)(`div`,{className:g(G.wrapper,{[G.disabled]:a},s),"data-disabled":a||void 0,"data-invalid":!!r||void 0,children:[t&&(0,d.jsxs)(`label`,{className:G.label,htmlFor:u,children:[t,i&&(0,d.jsx)(`span`,{className:G.required,"aria-hidden":`true`,children:`*`})]}),n&&(0,d.jsx)(`span`,{className:G.description,id:f,children:n}),(0,d.jsx)(`div`,{className:G.control,children:o}),r&&(0,d.jsx)(`span`,{className:G.errorText,id:p,role:`alert`,children:r})]})},q={group:`_group_10xq8_1`,groupLabel:`_groupLabel_10xq8_7`,required:`_required_10xq8_17`,vertical:`_vertical_10xq8_21`,horizontal:`_horizontal_10xq8_25`,option:`_option_10xq8_30`,disabled:`_disabled_10xq8_41`,customRadio:`_customRadio_10xq8_44`,input:`_input_10xq8_49`,label:`_label_10xq8_100`},ce=({label:e,description:t,value:n,defaultValue:r,onChange:i,options:a,name:o,required:s=!1,disabled:l=!1,error:u,className:f,orientation:m=`vertical`})=>{let h=(0,c.useId)(),_=`${h}-group`,v=e?`${h}-label`:void 0,y=[t?`${h}-description`:void 0,u?`${h}-error`:void 0].filter(Boolean).join(` `)||void 0,[b,x]=(0,p.useControllableState)({value:n,defaultValue:r??``,onChange:i});return(0,d.jsxs)(K,{id:h,description:t,required:s,disabled:l,error:u,children:[e&&(0,d.jsxs)(`span`,{id:v,className:q.groupLabel,children:[e,s&&(0,d.jsx)(`span`,{className:q.required,"aria-hidden":`true`,children:`*`})]}),(0,d.jsx)(`div`,{id:_,className:g(q.group,q[m],f),role:`radiogroup`,"aria-labelledby":v,"aria-required":s||void 0,"aria-invalid":!!u||void 0,"aria-describedby":y,children:a.map(e=>{let t=`${h}-${e.value}`,n=l||e.disabled;return(0,d.jsxs)(`label`,{htmlFor:t,className:g(q.option,{[q.disabled]:n}),children:[(0,d.jsx)(`input`,{id:t,type:`radio`,name:o,value:e.value,checked:b===e.value,required:s,disabled:n,onChange:()=>{n||x(e.value)},className:q.input}),(0,d.jsx)(`span`,{className:q.customRadio,"aria-hidden":`true`}),(0,d.jsx)(`span`,{className:q.label,children:e.label})]},e.value)})})]})};ce.displayName=`RadioGroup`;var le={option:`_option_1qm3g_1`,selected:`_selected_1qm3g_10`,disabled:`_disabled_1qm3g_10`,active:`_active_1qm3g_21`},ue=({option:e,isSelected:t,isActive:n,optionId:r,onSelect:i,onMouseEnter:a})=>{let o=!!e.disabled;return(0,d.jsx)(`li`,{id:r,role:`option`,"aria-selected":t,"aria-disabled":o||void 0,className:g(le.option,{[le.selected]:t,[le.active]:n,[le.disabled]:o}),onClick:()=>{o||i(e.value)},onMouseEnter:()=>{o||a()},children:e.label})};ue.displayName=`SelectOption`;var de={dropdown:`_dropdown_1vrjb_1`,dropdownIn:`_dropdownIn_1vrjb_1`},fe=({isOpen:e,listboxId:t,labelledById:n,setDropdownRef:r,style:i,options:a,selectedValue:o,activeIndex:s,onSelect:c,onMouseEnter:l})=>e?(0,d.jsx)(_,{children:(0,d.jsx)(`ul`,{ref:r,id:t,role:`listbox`,"aria-labelledby":n,className:de.dropdown,style:i,children:a.map((e,n)=>(0,d.jsx)(ue,{option:e,isSelected:e.value===o,isActive:n===s,optionId:`${t}-option-${n}`,onSelect:c,onMouseEnter:()=>l(n)},e.value))})}):null;fe.displayName=`SelectDropdown`;var J={control:`_control_mmsxg_1`,disabled:`_disabled_mmsxg_19`,arrow:`_arrow_mmsxg_24`,value:`_value_mmsxg_34`,placeholder:`_placeholder_mmsxg_42`,error:`_error_mmsxg_46`,open:`_open_mmsxg_87`},pe=({id:e,errorId:t,isOpen:n,disabled:r,required:i,listboxId:a,activeIndex:o,ariaLabel:s,error:c,displayText:l,isPlaceholder:u,buttonRef:f,onClick:p,onKeyDown:h})=>(0,d.jsxs)(`button`,{id:e,ref:f,type:`button`,role:`combobox`,disabled:r,"aria-disabled":r||void 0,"aria-required":i||void 0,"aria-expanded":n,"aria-haspopup":`listbox`,"aria-label":s,"aria-controls":n?a:void 0,"aria-describedby":t,"aria-activedescendant":n&&o>=0?`${a}-option-${o}`:void 0,className:g(J.control,{[J.error]:!!c,[J.disabled]:r}),onClick:p,onKeyDown:h,children:[(0,d.jsx)(`span`,{className:g(J.value,{[J.placeholder]:u}),children:l}),(0,d.jsx)(`span`,{className:g(J.arrow,{[J.open]:n}),"aria-hidden":`true`,children:(0,d.jsx)(m.ChevronDown,{})})]});pe.displayName=`SelectTrigger`;var me=({label:e,description:t,id:n,name:r,value:i,defaultValue:a,onChange:o,options:s,placeholder:l=`Select...`,required:u=!1,disabled:f=!1,error:m,className:h})=>{let g=(0,c.useId)(),_=n??g,v=`${_}-listbox`,y=m?`${_}-error`:void 0,b=(0,c.useRef)(null),C=(0,c.useRef)(null),[w,T]=(0,p.useControllableState)({value:i,defaultValue:a??``,onChange:o}),[E,D]=(0,c.useState)(!1),[O,k]=(0,c.useState)(-1),A=(0,c.useMemo)(()=>s.find(e=>e.value===w),[s,w]),ee=!!A,{floatingStyles:te,setRef:j,setFloatingRef:M}=x({open:E,matchTriggerWidth:!0,mobileSheetBreakpoint:640}),N=(0,c.useCallback)(()=>{let e=s.findIndex(e=>e.value===w&&!e.disabled);return e>=0?e:s.findIndex(e=>!e.disabled)},[s,w]),P=(0,c.useCallback)(()=>{f||(k(N()),D(!0))},[f,N]),F=(0,c.useCallback)(()=>{D(!1)},[]),ne=(0,c.useCallback)(()=>{if(!f){if(E){F();return}P()}},[F,f,E,P]),I=(0,c.useCallback)(e=>{T(e),F(),b.current?.focus()},[F,T]),{onKeyDown:L}=(0,p.useKeyboardNavigation)({activeIndex:O,setActiveIndex:k,items:s,isOpen:E,onOpen:P,onClose:F,onSelect:()=>{let e=s[O];!e||e.disabled||I(e.value)}});S([b,C],F,E);let R=(0,c.useCallback)(e=>{b.current=e,j(e)},[j]),z=(0,c.useCallback)(e=>{C.current=e,M(e)},[M]);return(0,d.jsxs)(K,{id:_,label:e,description:t,error:m,required:u,disabled:f,className:h,children:[(0,d.jsx)(pe,{id:_,errorId:y,isOpen:E,disabled:f,required:u,listboxId:v,activeIndex:O,ariaLabel:e?void 0:A?.label||l,error:m,displayText:A?.label??l,isPlaceholder:!ee,buttonRef:R,onClick:ne,onKeyDown:L}),r&&(0,d.jsx)(`input`,{type:`hidden`,name:r,value:w,disabled:f}),(0,d.jsx)(fe,{isOpen:E,listboxId:v,labelledById:_,style:te,options:s,selectedValue:w,activeIndex:O,setDropdownRef:z,onSelect:I,onMouseEnter:k})]})};me.displayName=`Select`;var he=(0,c.createContext)(null),ge=()=>{let e=(0,c.useContext)(he);if(!e)throw Error(`Tabs components must be used inside Tabs`);return e},Y={list:`_list_astty_1`,vertical:`_vertical_astty_8`},_e=({children:e,className:t,...n})=>{let{orientation:r,appearance:i}=ge();return(0,d.jsx)(`div`,{...n,role:`tablist`,"aria-orientation":r,className:g(Y.list,r===`vertical`&&Y.vertical,i===`underline`&&Y.underline,i===`pills`&&Y.pills,t),children:e})};_e.displayName=`TabsList`;var ve={panel:`_panel_1e9ds_1`,visible:`_visible_1e9ds_10`,vertical:`_vertical_1e9ds_15`},ye=({index:e,children:t,className:n})=>{let{activeIndex:r,orientation:i}=ge(),[a,o]=(0,c.useState)(!1),s=r===e;return(0,c.useEffect)(()=>{if(!s){o(!1);return}let e=setTimeout(()=>o(!0),10);return()=>clearTimeout(e)},[s]),(0,d.jsx)(`div`,{role:`tabpanel`,id:`tab-panel-${e}`,"aria-labelledby":`tab-${e}`,hidden:!s,tabIndex:0,className:g(ve.panel,a&&ve.visible,i===`vertical`&&ve.vertical,n),children:t})};ye.displayName=`TabsPanel`;var X={tab:`_tab_160gh_1`,iconOnly:`_iconOnly_160gh_19`,tabIcon:`_tabIcon_160gh_27`,label:`_label_160gh_41`,default:`_default_160gh_46`,underline:`_underline_160gh_53`,pills:`_pills_160gh_81`,vertical:`_vertical_160gh_93`},be=(0,c.forwardRef)(({index:e,children:t,className:n,disabled:r=!1,icon:i,onClick:a,onKeyDown:o,...s},l)=>{let{activeIndex:u,setActiveIndex:f,orientation:p,appearance:m=`default`,registerTab:h,onTabKeyDown:_}=ge(),v=u===e,y=!!i,b=y&&t==null;return(0,d.jsxs)(`button`,{type:`button`,ref:(0,c.useCallback)(t=>{h(e,t),typeof l==`function`?l(t):l&&(l.current=t)},[h,e,l]),role:`tab`,"aria-selected":v,"aria-controls":`tab-panel-${e}`,id:`tab-${e}`,disabled:r,tabIndex:v?0:-1,className:g(X.tab,X[m],p===`vertical`&&X.vertical,y&&X.withIcon,b&&X.iconOnly,n),onClick:t=>{r||(f(e),a?.(t))},onKeyDown:e=>{_(e),o?.(e)},...s,children:[y&&(0,d.jsx)(`span`,{className:X.tabIcon,"aria-hidden":`true`,children:i}),t!=null&&(0,d.jsx)(`span`,{className:X.label,children:t})]})});be.displayName=`Tab`;var xe={tabs:`_tabs_15a7w_1`,vertical:`_vertical_15a7w_4`},Se=({children:e,activeIndex:t,defaultActiveIndex:n=0,onChange:r,orientation:i=`horizontal`,appearance:a=`default`,className:o})=>{let[s,l]=(0,c.useState)(n),u=t!==void 0,f=u?t:s,m=(0,c.useCallback)(e=>{u||l(e),r?.(e)},[u,r]),h=(0,c.useRef)([]),_=(0,c.useCallback)((e,t)=>{h.current[e]=t},[]),{onKeyDown:v}=(0,p.useTabsKeyboard)({activeIndex:f,setActiveIndex:m,tabRefs:h,orientation:i}),y={activeIndex:f,setActiveIndex:m,orientation:i,appearance:a,registerTab:_,onTabKeyDown:v};return(0,d.jsx)(he.Provider,{value:y,children:(0,d.jsx)(`div`,{className:g(xe.tabs,i===`vertical`&&xe.vertical,o),children:e})})};Se.displayName=`Tabs`;var Ce=Object.assign(Se,{List:_e,Tab:be,Panel:ye}),we={tooltip:`_tooltip_frlq7_1`,arrow:`_arrow_frlq7_22`},Te=(0,c.forwardRef)(({content:e,placement:t=`top`,arrowRef:n,arrowX:r,arrowY:i,className:a,style:o,...s},c)=>{let l={top:`bottom`,right:`left`,bottom:`top`,left:`right`}[t.split(`-`)[0]],u={position:`absolute`,pointerEvents:`none`,left:r==null?``:`${r}px`,top:i==null?``:`${i}px`,[l]:`-5px`};return(0,d.jsxs)(`div`,{ref:c,className:g(we.tooltip,a),"data-placement":t,"data-state":`open`,style:o,...s,children:[e,(0,d.jsx)(`div`,{ref:n,className:we.arrow,style:u})]})});Te.displayName=`TooltipContent`;var Ee=({children:e,placement:t=`top`,content:n,disabled:r=!1,delay:i={open:300,close:100},maxWidth:a=250,className:o,onOpenChange:s})=>{let[l,u]=(0,c.useState)(!1),p=(0,c.useRef)(null),m=(0,c.useId)(),{context:h,floatingStyles:g,middlewareData:_,setRef:v,setFloatingRef:y,placement:b}=x({open:l,onOpenChange:e=>{r||(u(e),s?.(e))},placement:t,middleware:[(0,f.arrow)({element:p})]}),S=_.arrow?.x,C=_.arrow?.y,{getReferenceProps:w,getFloatingProps:T}=(0,f.useInteractions)([(0,f.useHover)(h,{delay:{open:i.open,close:i.close}}),(0,f.useFocus)(h)]);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(`div`,{ref:v,style:{display:`inline-flex`},"aria-describedby":l?m:void 0,...w(),children:e}),(0,d.jsx)(f.FloatingPortal,{children:l&&n&&(0,d.jsx)(Te,{id:m,ref:y,content:n,arrowRef:p,arrowX:S,arrowY:C,role:`tooltip`,style:{...g,maxWidth:typeof a==`number`?`${a}px`:a},placement:b,className:o,...T()})})]})};Ee.displayName=`Tooltip`;var De=(e,t)=>{process.env.NODE_ENV!==`production`&&!e&&console.warn(t)},Z={button:`_button_s76yk_1`,loading:`_loading_s76yk_21`,solid:`_solid_s76yk_32`,primary:`_primary_s76yk_32`,secondary:`_secondary_s76yk_52`,danger:`_danger_s76yk_72`,close:`_close_s76yk_92`,outline:`_outline_s76yk_112`,ghost:`_ghost_s76yk_192`,sm:`_sm_s76yk_281`,md:`_md_s76yk_287`,lg:`_lg_s76yk_293`,fullWidth:`_fullWidth_s76yk_299`,iconOnly:`_iconOnly_s76yk_303`,label:`_label_s76yk_307`,icon:`_icon_s76yk_303`,spinner:`_spinner_s76yk_329`,"button-spin":`_button-spin_s76yk_1`},Oe=(0,c.forwardRef)(({children:e,color:t=`primary`,variant:n=`solid`,size:r=`md`,type:i=`button`,disabled:a=!1,loading:o=!1,loadingText:s,leftIcon:c,rightIcon:l,fullWidth:u=!1,iconOnly:f=!1,className:p,onClick:m,"aria-label":h,..._},v)=>{let y=f||!e&&!!(c||l),b=a||o,x=o&&s?s:e;return De(!y||!!h,`Button: icon-only buttons must provide aria-label.`),(0,d.jsxs)(`button`,{..._,ref:v,type:i,disabled:b,onClick:b?void 0:m,"aria-label":h||void 0,"aria-busy":o||void 0,className:g(Z.button,Z[t],Z[n],Z[r],p,{[Z.disabled]:b,[Z.loading]:o,[Z.fullWidth]:u,[Z.iconOnly]:y}),children:[o&&(0,d.jsx)(`span`,{className:Z.spinner,"aria-hidden":`true`}),!o&&c&&(0,d.jsx)(`span`,{className:Z.icon,children:c}),x&&!y&&(0,d.jsx)(`span`,{className:Z.label,children:x}),!o&&l&&(0,d.jsx)(`span`,{className:Z.icon,children:l})]})});Oe.displayName=`Button`;var Q={wrapper:`_wrapper_1s06j_1`,input:`_input_1s06j_9`,customCheckbox:`_customCheckbox_1s06j_21`,checkmark:`_checkmark_1s06j_38`,container:`_container_1s06j_54`,label:`_label_1s06j_60`,error:`_error_1s06j_65`,errorText:`_errorText_1s06j_69`,disabled:`_disabled_1s06j_115`},ke=(0,c.forwardRef)(({label:e,checked:t,defaultChecked:n=!1,disabled:r=!1,className:i,onCheckedChange:a,error:o},s)=>{let l=(0,c.useId)(),u=!!o,[f,h]=(0,p.useControllableState)({value:t,defaultValue:n,onChange:a});return(0,d.jsxs)(`div`,{className:Q.container,children:[(0,d.jsxs)(`label`,{htmlFor:l,className:g(Q.wrapper,r&&Q.disabled,i),children:[(0,d.jsx)(`input`,{ref:s,id:l,type:`checkbox`,checked:f,disabled:r,onChange:e=>{h(e.target.checked)},className:Q.input,"aria-invalid":u||void 0,"aria-describedby":u?`${l}-error`:void 0,"aria-label":e?void 0:`Checkbox`}),(0,d.jsx)(`span`,{className:g(Q.customCheckbox,u&&Q.error),"aria-hidden":`true`,children:f&&(0,d.jsx)(`span`,{className:Q.checkmark,children:(0,d.jsx)(m.Check,{})})}),e&&(0,d.jsx)(`span`,{className:Q.label,children:e})]}),u&&(0,d.jsx)(`span`,{id:`${l}-error`,className:Q.errorText,children:o})]})});ke.displayName=`Checkbox`;var $={inputWrapper:`_inputWrapper_y9bue_1`,input:`_input_y9bue_1`,error:`_error_y9bue_41`,sm:`_sm_y9bue_48`,md:`_md_y9bue_52`,lg:`_lg_y9bue_56`,hasLeftAdornment:`_hasLeftAdornment_y9bue_84`,hasRightAdornment:`_hasRightAdornment_y9bue_88`,leftAdornment:`_leftAdornment_y9bue_92`,rightAdornment:`_rightAdornment_y9bue_93`,clearButton:`_clearButton_y9bue_114`,toneDefault:`_toneDefault_y9bue_153`,tonePrimary:`_tonePrimary_y9bue_157`,toneSecondary:`_toneSecondary_y9bue_161`,toneSuccess:`_toneSuccess_y9bue_165`,toneDanger:`_toneDanger_y9bue_169`,toneMuted:`_toneMuted_y9bue_173`,toneInverse:`_toneInverse_y9bue_177`},Ae={default:$.toneDefault,primary:$.tonePrimary,secondary:$.toneSecondary,success:$.toneSuccess,danger:$.toneDanger,muted:$.toneMuted,inverse:$.toneInverse},je=(e=`text`,t)=>{if(t)return t;switch(e){case`email`:return`email`;case`password`:return`current-password`;case`tel`:return`tel`;case`url`:return`url`;case`search`:return`off`;default:return}},Me=(0,c.forwardRef)(({id:e,label:t,name:n,description:r,placeholder:i,value:a,defaultValue:o,onChange:s,type:l=`text`,size:u=`md`,error:f,disabled:p=!1,required:m=!1,className:h,autoComplete:_,readOnly:v=!1,clearable:y=!1,onClear:b,leftAdornment:x,rightAdornment:S,clearIcon:C,leftAdornmentTone:w=`default`,rightAdornmentTone:T=`default`,clearIconTone:E=`danger`,autoFocus:D,maxLength:O,onMouseEnter:k,onMouseLeave:A,"aria-describedby":ee,"aria-invalid":te,...j},M)=>{let N=(0,c.useId)(),P=e??N,F=(0,c.useRef)(null),[ne,I]=(0,c.useState)(o??``),L=a!==void 0,R=L?a:ne,z=R!==``,B=je(l,_),V=y&&z&&!p&&!v,H=[ee,r?`${P}-description`:void 0,f?`${P}-error`:void 0].filter(Boolean).join(` `),re=C??`×`,U=(0,c.useCallback)(e=>{if(F.current=e,typeof M==`function`){M(e);return}M&&(M.current=e)},[M]),W=(0,c.useCallback)(e=>{let t=e.target.value;L||I(t),s?.(e)},[L,s]),ie=(0,c.useCallback)(()=>{L||I(``),b?.(),F.current?.focus()},[L,b]),ae=!V&&!!S;return(0,d.jsx)(K,{id:P,label:t,description:r,error:f,required:m,disabled:p,children:(0,d.jsxs)(`div`,{className:g($.inputWrapper,{[$.hasLeftAdornment]:!!x,[$.hasRightAdornment]:!!S||V}),children:[x&&(0,d.jsx)(`span`,{"aria-hidden":`true`,className:g($.leftAdornment,Ae[w]),children:x}),(0,d.jsx)(`input`,{...j,ref:U,id:P,name:n,type:l,autoComplete:B,className:g($.input,$[u],{[$.error]:!!f},h),value:R,onChange:W,placeholder:i,disabled:p,readOnly:v,required:m,autoFocus:D,maxLength:O,"aria-invalid":f?!0:te,"aria-describedby":H||void 0,onMouseEnter:k,onMouseLeave:A}),V&&(0,d.jsx)(`button`,{type:`button`,className:g($.clearButton,Ae[E]),onClick:ie,"aria-label":`Clear input`,children:re}),ae&&(0,d.jsx)(`div`,{className:g($.rightAdornment,Ae[T]),children:S})]})})});Me.displayName=`Input`;var Ne=(0,c.createContext)(null),Pe=e=>e===`highContrast`?`high-contrast`:e,Fe=({theme:e,defaultTheme:t=`light`,onThemeChange:n,children:r})=>{let[i,a]=(0,p.useControllableState)({value:e,defaultValue:t,onChange:n}),o=Pe(i);(0,c.useEffect)(()=>{if(typeof document>`u`)return;let{documentElement:e}=document,t=e.dataset.velliraTheme;return e.dataset.velliraTheme=o,()=>{if(t===void 0){delete e.dataset.velliraTheme;return}e.dataset.velliraTheme=t}},[o]);let s=(0,c.useMemo)(()=>({theme:i,setTheme:a}),[i,a]);return(0,d.jsx)(Ne.Provider,{value:s,children:(0,d.jsx)(`div`,{"data-vellira-theme":o,children:r})})};Fe.displayName=`ThemeProvider`;function Ie(){let e=(0,c.useContext)(Ne);if(!e)throw Error(`useTheme must be used within ThemeProvider.`);return e}exports.Button=Oe,exports.Checkbox=ke,exports.Dropdown=N,exports.FormField=K,exports.Input=Me,exports.Modal=se,exports.RadioGroup=ce,exports.Select=me,exports.Tabs=Ce,exports.ThemeProvider=Fe,exports.Tooltip=Ee,exports.useTheme=Ie;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require("react"),l=require("clsx");l=s(l,1);let u=require("react-dom"),d=require("react/jsx-runtime"),f=require("@floating-ui/react"),p=require("@vellira-ui/core"),m=require("@vellira-ui/icons"),h=require("focus-trap-react");h=s(h,1);var g=(...e)=>(0,l.default)(e),_=({children:e})=>{let[t,n]=(0,c.useState)(!1);if((0,c.useEffect)(()=>{n(!0)},[]),!t)return null;let r=document.getElementById(`overlay-root`)??document.body;return r?(0,u.createPortal)(e,r):null},v={dropdown:`_dropdown_6pgxt_1`,dropdownIn:`_dropdownIn_6pgxt_1`},y=(0,c.forwardRef)(({children:e,floatingStyles:t,menuId:n,labelledById:r,label:i,activeDescendantId:a,onKeyDown:o,className:s},c)=>(0,d.jsx)(_,{children:(0,d.jsx)(`ul`,{ref:c,id:n,role:`menu`,tabIndex:-1,"aria-labelledby":r,"aria-label":r?void 0:i,"aria-activedescendant":a,onKeyDown:o,style:t,className:g(v.dropdown,s),children:e})}));y.displayName=`DropdownContent`;var b=e=>{let[t,n]=(0,c.useState)(()=>typeof window>`u`||typeof window.matchMedia!=`function`||!e?!1:window.matchMedia(`(max-width: ${e}px)`).matches);return(0,c.useEffect)(()=>{if(typeof window>`u`||typeof window.matchMedia!=`function`||!e)return;let t=window.matchMedia(`(max-width: ${e}px)`),r=()=>n(t.matches);return r(),t.addEventListener(`change`,r),()=>{t.removeEventListener(`change`,r)}},[e]),t},x=({open:e,onOpenChange:t,placement:n=`bottom-start`,strategy:r=`fixed`,matchTriggerWidth:i=!1,mobileSheetBreakpoint:a,middleware:o=[]}={})=>{let s=b(a),{refs:l,floatingStyles:u,update:d,context:p,middlewareData:m,placement:h}=(0,f.useFloating)({open:e,onOpenChange:t,placement:n,strategy:r,transform:!1,middleware:(0,c.useMemo)(()=>[(0,f.offset)(6),(0,f.flip)(),(0,f.size)({apply({rects:e,elements:t}){!i||s||Object.assign(t.floating.style,{width:`${e.reference.width}px`})}}),(0,f.shift)({padding:8}),...o],[o,s,i]),whileElementsMounted:f.autoUpdate});return(0,c.useEffect)(()=>{s&&l.floating.current?.style.removeProperty(`width`)},[s,l.floating]),{context:p,placement:h,middlewareData:m,floatingStyles:s?{}:u,isMobileSheet:s,setRef:l.setReference,setFloatingRef:l.setFloating,updatePosition:d}},S=(e,t,n=!0)=>{let r=(0,c.useRef)(e);r.current=e;let i=(0,c.useRef)(t);i.current=t,(0,c.useEffect)(()=>{if(!n)return;let e=e=>{let t=e.target;r.current.every(e=>e.current&&!e.current.contains(t))&&i.current()};return document.addEventListener(`pointerdown`,e),()=>document.removeEventListener(`pointerdown`,e)},[n])},C={group:`_group_1yomt_1`},w=({label:e})=>(0,d.jsx)(`li`,{role:`presentation`,className:C.group,children:e}),T={item:`_item_t87eq_1`,disabled:`_disabled_t87eq_18`,active:`_active_t87eq_28`,danger:`_danger_t87eq_37`,itemIcon:`_itemIcon_t87eq_61`,itemShortcut:`_itemShortcut_t87eq_62`,itemText:`_itemText_t87eq_68`,"itemText--truncate":`_itemText--truncate_t87eq_74`,"itemText--wrap":`_itemText--wrap_t87eq_79`,"itemText--nowrap":`_itemText--nowrap_t87eq_83`},E=({id:e,children:t,label:n,icon:r,danger:i,disabled:a,active:o,onClick:s,onMouseEnter:c,shortcut:l,textWrap:u=`truncate`,className:f})=>{let p=t||n;return(0,d.jsxs)(`li`,{id:e,role:`menuitem`,tabIndex:-1,"aria-disabled":a||void 0,"data-active":o||void 0,"data-danger":i||void 0,onClick:a?void 0:s,onMouseEnter:a?void 0:c,className:g(T.item,{[T.active]:o,[T.disabled]:a,[T.danger]:i},f),children:[r&&(0,d.jsx)(`span`,{"aria-hidden":`true`,className:T.itemIcon,children:r}),p&&(0,d.jsx)(`span`,{className:g(T.itemText,T[`itemText--${u}`]),children:p}),l&&(0,d.jsx)(`span`,{className:T.itemShortcut,children:l})]})},D={group:`_group_ts4nb_1`},O=()=>(0,d.jsx)(`li`,{role:`separator`,className:D.separator,"aria-hidden":`true`}),k={button:`_button_ii6sx_1`,disabled:`_disabled_ii6sx_16`,iconLeft:`_iconLeft_ii6sx_27`,arrow:`_arrow_ii6sx_39`,iconOnly:`_iconOnly_ii6sx_42`,open:`_open_ii6sx_75`},A=(0,c.forwardRef)(({children:e,isOpen:t,icon:n,arrowIcon:r,showArrow:i=!0,rotateAngle:a=90,label:o,className:s,...c},l)=>{let u=!!n,f=!!e,p=u&&!f,h=i&&f,_=r??(0,d.jsx)(m.ChevronDown,{}),v=p?o??`Open menu`:void 0;return(0,d.jsxs)(`button`,{...c,ref:l,type:`button`,className:g(k.button,{[k.disabled]:c.disabled,[k.iconOnly]:p},s),"aria-label":v,"aria-expanded":t,"aria-haspopup":`menu`,style:{"--dropdown-rotate-angle":`${a}deg`},children:[u&&(0,d.jsx)(`span`,{"aria-hidden":`true`,className:k.iconLeft,children:n}),e,h&&(0,d.jsx)(`span`,{"aria-hidden":`true`,className:g(k.arrow,{[k.open]:t}),children:_})]})});A.displayName=`DropdownTrigger`;var j=e=>e.type!==`group`&&e.type!==`separator`,ee=e=>e.type===`group`,M=e=>e.type===`separator`,N={wrapper:`_wrapper_14ue8_1`},P=({label:e,icon:t,trigger:n,items:r=[],onSelect:i,className:a,disabled:o,rotateAngle:s=90,placement:l,matchTriggerWidth:u,textWrap:f,showArrow:m=!0,arrowIcon:h})=>{let[_,v]=(0,c.useState)(!1),[b,C]=(0,c.useState)(-1),T=(0,c.useRef)(null),D=(0,c.useRef)(null),k=(0,c.useId)(),P=`${k}-trigger`,{floatingStyles:F,setRef:I,setFloatingRef:L}=x({placement:l,matchTriggerWidth:u,mobileSheetBreakpoint:640}),R=r.filter(j),z=_&&b>=0?`${k}-item-${b}`:void 0,B=()=>R.findIndex(e=>!e.disabled),V=()=>{o||v(e=>{let t=!e;return C(t?B():-1),t})},H=()=>{v(!1),C(-1)},U=()=>{H(),T.current?.focus()},{onKeyDown:W}=(0,p.useKeyboardNavigation)({activeIndex:b,setActiveIndex:C,items:R,isOpen:_,onOpen:V,onSelect:()=>{let e=R[b];!e||e.disabled||(i?.(e.value),U())},onClose:U});S([T,D],()=>H(),_);let te=e=>{T.current=e,I(e)},G=e=>{D.current=e,L(e),e?.focus()};return(0,d.jsxs)(`div`,{className:g(N.wrapper,a),children:[(0,d.jsx)(A,{ref:te,id:P,isOpen:_,disabled:o,icon:t,label:e,showArrow:m,arrowIcon:h,rotateAngle:s,onClick:V,onKeyDown:W,"aria-expanded":_,"aria-haspopup":`menu`,..._&&{"aria-controls":k},children:n}),_&&(0,d.jsx)(y,{ref:G,floatingStyles:F,menuId:k,labelledById:n?P:void 0,label:n?void 0:e,activeDescendantId:z,onKeyDown:W,children:r.map((e,t)=>{if(ee(e))return(0,d.jsx)(w,{label:e.label},`group-${e.label}`);if(M(e))return(0,d.jsx)(O,{},`separator-${t}`);if(j(e)){let t=R.findIndex(t=>t===e);return(0,d.jsx)(E,{id:`${k}-item-${t}`,...e,active:b===t,textWrap:e.textWrap||f,onClick:()=>{e.disabled||(i?.(e.value),U())},onMouseEnter:()=>{t<0||e.disabled||C(t)},children:e.label},e.value)}})})]})},F=(0,c.createContext)(void 0),I=()=>{let e=(0,c.useContext)(F);if(e===void 0)throw Error(`Modal compound components must be used inside Modal`);return e};F.displayName=`ModalContext`;var L={modalBody:`_modalBody_iv33a_1`},R=({children:e})=>{let{descriptionId:t}=I();return(0,d.jsx)(`div`,{id:t,className:L.modalBody,children:e})};R.displayName=`ModalBody`;var z={content:`_content_avpai_1`},B=({children:e})=>(0,d.jsx)(`div`,{className:z.content,children:e});B.displayName=`ModalContent`;var V={modalFooter:`_modalFooter_ezys6_1`},H=({children:e})=>(0,d.jsx)(`div`,{className:V.modalFooter,children:e});H.displayName=`ModalFooter`;var U={modalHeader:`_modalHeader_155d7_1`,modalHeaderTitle:`_modalHeaderTitle_155d7_8`,modalHeaderCloseButton:`_modalHeaderCloseButton_155d7_15`},W=({children:e})=>{let{onClose:t,titleId:n}=I();return(0,d.jsxs)(`div`,{className:U.modalHeader,children:[(0,d.jsx)(`h2`,{id:n,className:U.modalHeaderTitle,children:e}),t&&(0,d.jsx)(`button`,{type:`button`,className:U.modalHeaderCloseButton,onClick:t,"aria-label":`Close modal`,children:(0,d.jsx)(m.Close,{size:16})})]})};W.displayName=`ModalHeader`;var te=({isOpen:e,onClose:t})=>{let n=(0,c.useCallback)(n=>{e&&n.key===`Escape`&&(n.preventDefault(),t?.())},[e,t]);(0,c.useEffect)(()=>(document.addEventListener(`keydown`,n),()=>document.removeEventListener(`keydown`,n)),[n])},G={overlay:`_overlay_1xotg_1`,"overlay--open":`_overlay--open_1xotg_13`,"overlay--animated":`_overlay--animated_1xotg_17`,modal:`_modal_1xotg_21`},K=0,ne=``,re=({children:e,onClose:t,isOpen:n,className:r,closeOnBackdrop:i,closeOnClick:a,closeOnEsc:o=!0,zIndex:s=1e3,animated:l=!0})=>{let u=i??a??!0,f=(0,c.useRef)(null),{titleId:p,descriptionId:m}=I(),v=(0,c.useCallback)(e=>{u&&e.target===e.currentTarget&&t?.()},[u,t]);return te({isOpen:n,onClose:o?t:void 0}),(0,c.useEffect)(()=>{if(n)return K===0&&(ne=document.body.style.overflow),K+=1,document.body.style.overflow=`hidden`,()=>{K=Math.max(0,K-1),K===0&&(document.body.style.overflow=ne)}},[n]),!n&&!l?null:(0,d.jsx)(_,{children:(0,d.jsx)(`div`,{className:g(G.overlay,n&&G[`overlay--open`],l&&G[`overlay--animated`],r),onClick:v,tabIndex:-1,role:`presentation`,"aria-hidden":!n,style:{zIndex:s},children:(0,d.jsx)(h.default,{active:n,focusTrapOptions:{fallbackFocus:()=>f.current,returnFocusOnDeactivate:!0,allowOutsideClick:!0},children:(0,d.jsx)(`div`,{ref:f,tabIndex:-1,className:G.modal,role:`dialog`,"aria-modal":`true`,"aria-labelledby":p,"aria-describedby":m,children:e})})})})};re.displayName=`ModalOverlay`;var ie=({isOpen:e,children:t,onClose:n,closeOnBackdrop:r,closeOnClick:i,closeOnEsc:a=!0})=>{let o=(0,c.useId)(),s=(0,c.useId)();return e?(0,d.jsx)(F.Provider,{value:{onClose:n,titleId:o,descriptionId:s},children:(0,d.jsx)(re,{isOpen:e,onClose:n,closeOnBackdrop:r??i,closeOnEsc:a,children:(0,d.jsx)(B,{children:t})})}):null};ie.displayName=`Modal`;var ae=Object.assign(ie,{Header:W,Body:R,Content:B,Footer:H}),q={wrapper:`_wrapper_aekin_1`,label:`_label_aekin_9`,required:`_required_aekin_20`,description:`_description_aekin_25`,control:`_control_aekin_32`,errorText:`_errorText_aekin_40`,disabled:`_disabled_aekin_47`},oe=({id:e,label:t,description:n,error:r,required:i=!1,disabled:a=!1,children:o,className:s})=>{let l=(0,c.useId)(),u=e??l,f=n?`${u}-description`:void 0,p=r?`${u}-error`:void 0;return(0,d.jsxs)(`div`,{className:g(q.wrapper,{[q.disabled]:a},s),"data-disabled":a||void 0,"data-invalid":!!r||void 0,children:[t&&(0,d.jsxs)(`label`,{className:q.label,htmlFor:u,children:[t,i&&(0,d.jsx)(`span`,{className:q.required,"aria-hidden":`true`,children:`*`})]}),n&&(0,d.jsx)(`span`,{className:q.description,id:f,children:n}),(0,d.jsx)(`div`,{className:q.control,children:o}),r&&(0,d.jsx)(`span`,{className:q.errorText,id:p,role:`alert`,children:r})]})},J={group:`_group_10xq8_1`,groupLabel:`_groupLabel_10xq8_7`,required:`_required_10xq8_17`,vertical:`_vertical_10xq8_21`,horizontal:`_horizontal_10xq8_25`,option:`_option_10xq8_30`,disabled:`_disabled_10xq8_41`,customRadio:`_customRadio_10xq8_44`,input:`_input_10xq8_49`,label:`_label_10xq8_100`},se=({label:e,description:t,value:n,defaultValue:r,onChange:i,options:a,name:o,required:s=!1,disabled:l=!1,error:u,className:f,orientation:m=`vertical`})=>{let h=(0,c.useId)(),_=`${h}-group`,v=e?`${h}-label`:void 0,y=[t?`${h}-description`:void 0,u?`${h}-error`:void 0].filter(Boolean).join(` `)||void 0,[b,x]=(0,p.useControllableState)({value:n,defaultValue:r??``,onChange:i});return(0,d.jsxs)(oe,{id:h,description:t,required:s,disabled:l,error:u,children:[e&&(0,d.jsxs)(`span`,{id:v,className:J.groupLabel,children:[e,s&&(0,d.jsx)(`span`,{className:J.required,"aria-hidden":`true`,children:`*`})]}),(0,d.jsx)(`div`,{id:_,className:g(J.group,J[m],f),role:`radiogroup`,"aria-labelledby":v,"aria-required":s||void 0,"aria-invalid":!!u||void 0,"aria-describedby":y,children:a.map(e=>{let t=`${h}-${e.value}`,n=l||e.disabled;return(0,d.jsxs)(`label`,{htmlFor:t,className:g(J.option,{[J.disabled]:n}),children:[(0,d.jsx)(`input`,{id:t,type:`radio`,name:o,value:e.value,checked:b===e.value,required:s,disabled:n,onChange:()=>{n||x(e.value)},className:J.input}),(0,d.jsx)(`span`,{className:J.customRadio,"aria-hidden":`true`}),(0,d.jsx)(`span`,{className:J.label,children:e.label})]},e.value)})})]})};se.displayName=`RadioGroup`;var ce={option:`_option_1qm3g_1`,selected:`_selected_1qm3g_10`,disabled:`_disabled_1qm3g_10`,active:`_active_1qm3g_21`},le=({option:e,isSelected:t,isActive:n,optionId:r,onSelect:i,onMouseEnter:a})=>{let o=!!e.disabled;return(0,d.jsx)(`li`,{id:r,role:`option`,"aria-selected":t,"aria-disabled":o||void 0,className:g(ce.option,{[ce.selected]:t,[ce.active]:n,[ce.disabled]:o}),onClick:()=>{o||i(e.value)},onMouseEnter:()=>{o||a()},children:e.label})};le.displayName=`SelectOption`;var ue={dropdown:`_dropdown_1vrjb_1`,dropdownIn:`_dropdownIn_1vrjb_1`},de=({isOpen:e,listboxId:t,labelledById:n,setDropdownRef:r,style:i,options:a,selectedValue:o,activeIndex:s,onSelect:c,onMouseEnter:l})=>e?(0,d.jsx)(_,{children:(0,d.jsx)(`ul`,{ref:r,id:t,role:`listbox`,"aria-labelledby":n,className:ue.dropdown,style:i,children:a.map((e,n)=>(0,d.jsx)(le,{option:e,isSelected:e.value===o,isActive:n===s,optionId:`${t}-option-${n}`,onSelect:c,onMouseEnter:()=>l(n)},e.value))})}):null;de.displayName=`SelectDropdown`;var Y={control:`_control_mmsxg_1`,disabled:`_disabled_mmsxg_19`,arrow:`_arrow_mmsxg_24`,value:`_value_mmsxg_34`,placeholder:`_placeholder_mmsxg_42`,error:`_error_mmsxg_46`,open:`_open_mmsxg_87`},fe=({id:e,errorId:t,isOpen:n,disabled:r,required:i,listboxId:a,activeIndex:o,ariaLabel:s,error:c,displayText:l,isPlaceholder:u,buttonRef:f,onClick:p,onKeyDown:h})=>(0,d.jsxs)(`button`,{id:e,ref:f,type:`button`,role:`combobox`,disabled:r,"aria-disabled":r||void 0,"aria-required":i||void 0,"aria-expanded":n,"aria-haspopup":`listbox`,"aria-label":s,"aria-controls":n?a:void 0,"aria-describedby":t,"aria-activedescendant":n&&o>=0?`${a}-option-${o}`:void 0,className:g(Y.control,{[Y.error]:!!c,[Y.disabled]:r}),onClick:p,onKeyDown:h,children:[(0,d.jsx)(`span`,{className:g(Y.value,{[Y.placeholder]:u}),children:l}),(0,d.jsx)(`span`,{className:g(Y.arrow,{[Y.open]:n}),"aria-hidden":`true`,children:(0,d.jsx)(m.ChevronDown,{})})]});fe.displayName=`SelectTrigger`;var pe=({label:e,description:t,id:n,name:r,value:i,defaultValue:a,onChange:o,options:s,placeholder:l=`Select...`,required:u=!1,disabled:f=!1,error:m,className:h})=>{let g=(0,c.useId)(),_=n??g,v=`${_}-listbox`,y=m?`${_}-error`:void 0,b=(0,c.useRef)(null),C=(0,c.useRef)(null),[w,T]=(0,p.useControllableState)({value:i,defaultValue:a??``,onChange:o}),[E,D]=(0,c.useState)(!1),[O,k]=(0,c.useState)(-1),A=(0,c.useMemo)(()=>s.find(e=>e.value===w),[s,w]),j=!!A,{floatingStyles:ee,setRef:M,setFloatingRef:N}=x({open:E,matchTriggerWidth:!0,mobileSheetBreakpoint:640}),P=(0,c.useCallback)(()=>{let e=s.findIndex(e=>e.value===w&&!e.disabled);return e>=0?e:s.findIndex(e=>!e.disabled)},[s,w]),F=(0,c.useCallback)(()=>{f||(k(P()),D(!0))},[f,P]),I=(0,c.useCallback)(()=>{D(!1)},[]),L=(0,c.useCallback)(()=>{if(!f){if(E){I();return}F()}},[I,f,E,F]),R=(0,c.useCallback)(e=>{T(e),I(),b.current?.focus()},[I,T]),{onKeyDown:z}=(0,p.useKeyboardNavigation)({activeIndex:O,setActiveIndex:k,items:s,isOpen:E,onOpen:F,onClose:I,onSelect:()=>{let e=s[O];!e||e.disabled||R(e.value)}});S([b,C],I,E);let B=(0,c.useCallback)(e=>{b.current=e,M(e)},[M]),V=(0,c.useCallback)(e=>{C.current=e,N(e)},[N]);return(0,d.jsxs)(oe,{id:_,label:e,description:t,error:m,required:u,disabled:f,className:h,children:[(0,d.jsx)(fe,{id:_,errorId:y,isOpen:E,disabled:f,required:u,listboxId:v,activeIndex:O,ariaLabel:e?void 0:A?.label||l,error:m,displayText:A?.label??l,isPlaceholder:!j,buttonRef:B,onClick:L,onKeyDown:z}),r&&(0,d.jsx)(`input`,{type:`hidden`,name:r,value:w,disabled:f}),(0,d.jsx)(de,{isOpen:E,listboxId:v,labelledById:_,style:ee,options:s,selectedValue:w,activeIndex:O,setDropdownRef:V,onSelect:R,onMouseEnter:k})]})};pe.displayName=`Select`;var me=(0,c.createContext)(null),he=()=>{let e=(0,c.useContext)(me);if(!e)throw Error(`Tabs components must be used inside Tabs`);return e},ge={list:`_list_astty_1`,vertical:`_vertical_astty_8`},_e=({children:e,className:t,...n})=>{let{orientation:r,appearance:i}=he();return(0,d.jsx)(`div`,{...n,role:`tablist`,"aria-orientation":r,className:g(ge.list,r===`vertical`&&ge.vertical,i===`underline`&&ge.underline,i===`pills`&&ge.pills,t),children:e})};_e.displayName=`TabsList`;var ve={panel:`_panel_1e9ds_1`,visible:`_visible_1e9ds_10`,vertical:`_vertical_1e9ds_15`},ye=({index:e,children:t,className:n})=>{let{activeIndex:r,orientation:i}=he(),[a,o]=(0,c.useState)(!1),s=r===e;return(0,c.useEffect)(()=>{if(!s){o(!1);return}let e=setTimeout(()=>o(!0),10);return()=>clearTimeout(e)},[s]),(0,d.jsx)(`div`,{role:`tabpanel`,id:`tab-panel-${e}`,"aria-labelledby":`tab-${e}`,hidden:!s,tabIndex:0,className:g(ve.panel,a&&ve.visible,i===`vertical`&&ve.vertical,n),children:t})};ye.displayName=`TabsPanel`;var X={tab:`_tab_160gh_1`,iconOnly:`_iconOnly_160gh_19`,tabIcon:`_tabIcon_160gh_27`,label:`_label_160gh_41`,default:`_default_160gh_46`,underline:`_underline_160gh_53`,pills:`_pills_160gh_81`,vertical:`_vertical_160gh_93`},be=(0,c.forwardRef)(({index:e,children:t,className:n,disabled:r=!1,icon:i,onClick:a,onKeyDown:o,...s},l)=>{let{activeIndex:u,setActiveIndex:f,orientation:p,appearance:m=`default`,registerTab:h,onTabKeyDown:_}=he(),v=u===e,y=!!i,b=y&&t==null;return(0,d.jsxs)(`button`,{type:`button`,ref:(0,c.useCallback)(t=>{h(e,t),typeof l==`function`?l(t):l&&(l.current=t)},[h,e,l]),role:`tab`,"aria-selected":v,"aria-controls":`tab-panel-${e}`,id:`tab-${e}`,disabled:r,tabIndex:v?0:-1,className:g(X.tab,X[m],p===`vertical`&&X.vertical,y&&X.withIcon,b&&X.iconOnly,n),onClick:t=>{r||(f(e),a?.(t))},onKeyDown:e=>{_(e),o?.(e)},...s,children:[y&&(0,d.jsx)(`span`,{className:X.tabIcon,"aria-hidden":`true`,children:i}),t!=null&&(0,d.jsx)(`span`,{className:X.label,children:t})]})});be.displayName=`Tab`;var xe={tabs:`_tabs_15a7w_1`,vertical:`_vertical_15a7w_4`},Se=({children:e,activeIndex:t,defaultActiveIndex:n=0,onChange:r,orientation:i=`horizontal`,appearance:a=`default`,className:o})=>{let[s,l]=(0,c.useState)(n),u=t!==void 0,f=u?t:s,m=(0,c.useCallback)(e=>{u||l(e),r?.(e)},[u,r]),h=(0,c.useRef)([]),_=(0,c.useCallback)((e,t)=>{h.current[e]=t},[]),{onKeyDown:v}=(0,p.useTabsKeyboard)({activeIndex:f,setActiveIndex:m,tabRefs:h,orientation:i}),y={activeIndex:f,setActiveIndex:m,orientation:i,appearance:a,registerTab:_,onTabKeyDown:v};return(0,d.jsx)(me.Provider,{value:y,children:(0,d.jsx)(`div`,{className:g(xe.tabs,i===`vertical`&&xe.vertical,o),children:e})})};Se.displayName=`Tabs`;var Ce=Object.assign(Se,{List:_e,Tab:be,Panel:ye}),we={tooltip:`_tooltip_frlq7_1`,arrow:`_arrow_frlq7_22`},Te=(0,c.forwardRef)(({content:e,placement:t=`top`,arrowRef:n,arrowX:r,arrowY:i,className:a,style:o,...s},c)=>{let l={top:`bottom`,right:`left`,bottom:`top`,left:`right`}[t.split(`-`)[0]],u={position:`absolute`,pointerEvents:`none`,left:r==null?``:`${r}px`,top:i==null?``:`${i}px`,[l]:`-5px`};return(0,d.jsxs)(`div`,{ref:c,className:g(we.tooltip,a),"data-placement":t,"data-state":`open`,style:o,...s,children:[e,(0,d.jsx)(`div`,{ref:n,className:we.arrow,style:u})]})});Te.displayName=`TooltipContent`;var Ee=({children:e,placement:t=`top`,content:n,disabled:r=!1,delay:i={open:300,close:100},maxWidth:a=250,className:o,onOpenChange:s})=>{let[l,u]=(0,c.useState)(!1),p=(0,c.useRef)(null),m=(0,c.useId)(),{context:h,floatingStyles:g,middlewareData:_,setRef:v,setFloatingRef:y,placement:b}=x({open:l,onOpenChange:e=>{r||(u(e),s?.(e))},placement:t,middleware:[(0,f.arrow)({element:p})]}),S=_.arrow?.x,C=_.arrow?.y,{getReferenceProps:w,getFloatingProps:T}=(0,f.useInteractions)([(0,f.useHover)(h,{delay:{open:i.open,close:i.close}}),(0,f.useFocus)(h)]);return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(`div`,{ref:v,style:{display:`inline-flex`},"aria-describedby":l?m:void 0,...w(),children:e}),(0,d.jsx)(f.FloatingPortal,{children:l&&n&&(0,d.jsx)(Te,{id:m,ref:y,content:n,arrowRef:p,arrowX:S,arrowY:C,role:`tooltip`,style:{...g,maxWidth:typeof a==`number`?`${a}px`:a},placement:b,className:o,...T()})})]})};Ee.displayName=`Tooltip`;var De=(e,t)=>{process.env.NODE_ENV!==`production`&&!e&&console.warn(t)},Z={button:`_button_s76yk_1`,loading:`_loading_s76yk_21`,solid:`_solid_s76yk_32`,primary:`_primary_s76yk_32`,secondary:`_secondary_s76yk_52`,danger:`_danger_s76yk_72`,close:`_close_s76yk_92`,outline:`_outline_s76yk_112`,ghost:`_ghost_s76yk_192`,sm:`_sm_s76yk_281`,md:`_md_s76yk_287`,lg:`_lg_s76yk_293`,fullWidth:`_fullWidth_s76yk_299`,iconOnly:`_iconOnly_s76yk_303`,label:`_label_s76yk_307`,icon:`_icon_s76yk_303`,spinner:`_spinner_s76yk_329`,"button-spin":`_button-spin_s76yk_1`},Oe=(0,c.forwardRef)(({children:e,color:t=`primary`,variant:n=`solid`,size:r=`md`,type:i=`button`,disabled:a=!1,loading:o=!1,loadingText:s,leftIcon:c,rightIcon:l,fullWidth:u=!1,iconOnly:f=!1,className:p,onClick:m,"aria-label":h,..._},v)=>{let y=f||!e&&!!(c||l),b=a||o,x=o&&s?s:e;return De(!y||!!h,`Button: icon-only buttons must provide aria-label.`),(0,d.jsxs)(`button`,{..._,ref:v,type:i,disabled:b,onClick:b?void 0:m,"aria-label":h||void 0,"aria-busy":o||void 0,className:g(Z.button,Z[t],Z[n],Z[r],p,{[Z.disabled]:b,[Z.loading]:o,[Z.fullWidth]:u,[Z.iconOnly]:y}),children:[o&&(0,d.jsx)(`span`,{className:Z.spinner,"aria-hidden":`true`}),!o&&c&&(0,d.jsx)(`span`,{className:Z.icon,children:c}),x&&!y&&(0,d.jsx)(`span`,{className:Z.label,children:x}),!o&&l&&(0,d.jsx)(`span`,{className:Z.icon,children:l})]})});Oe.displayName=`Button`;var Q={wrapper:`_wrapper_1xtic_1`,wrapperSm:`_wrapperSm_1xtic_12`,wrapperMd:`_wrapperMd_1xtic_18`,wrapperLg:`_wrapperLg_1xtic_24`,iconOnly:`_iconOnly_1xtic_30`,container:`_container_1xtic_36`,containerSm:`_containerSm_1xtic_43`,containerMd:`_containerMd_1xtic_47`,containerLg:`_containerLg_1xtic_51`,input:`_input_1xtic_55`,customCheckbox:`_customCheckbox_1xtic_67`,requiredMark:`_requiredMark_1xtic_82`,checkmark:`_checkmark_1xtic_92`,indeterminateMark:`_indeterminateMark_1xtic_108`,label:`_label_1xtic_118`,descriptionText:`_descriptionText_1xtic_123`,errorText:`_errorText_1xtic_130`,labelSm:`_labelSm_1xtic_137`,labelMd:`_labelMd_1xtic_141`,labelLg:`_labelLg_1xtic_145`,indeterminate:`_indeterminate_1xtic_108`,error:`_error_1xtic_130`,disabled:`_disabled_1xtic_200`},ke={sm:Q.labelSm,md:Q.labelMd,lg:Q.labelLg},Ae={sm:Q.wrapperSm,md:Q.wrapperMd,lg:Q.wrapperLg},je={sm:Q.containerSm,md:Q.containerMd,lg:Q.containerLg},Me=(0,c.forwardRef)(({id:e,label:t,description:n,checked:r,size:i=`md`,defaultChecked:a=!1,disabled:o=!1,required:s=!1,indeterminate:l=!1,className:u,wrapperClassName:f,onCheckedChange:h,error:_,"aria-label":v,"aria-labelledby":y,"aria-describedby":b,...x},S)=>{let C=(0,c.useId)(),w=e??C,T=(0,c.useRef)(null),E=!!_,D=n?`${w}-description`:void 0,O=E?`${w}-error`:void 0,k=[b,D,O].filter(Boolean).join(` `),[A,j]=(0,p.useControllableState)({value:r,defaultValue:a,onChange:h}),ee=(0,c.useCallback)(e=>{if(T.current=e,typeof S==`function`){S(e);return}S&&(S.current=e)},[S]);(0,c.useEffect)(()=>{T.current&&(T.current.indeterminate=l)},[l]);let M=e=>{j(e.target.checked)};return De(!!(t||v||y),`Checkbox: an accessible label must be provided through label, aria-label, or aria-labelledby.`),(0,d.jsxs)(`div`,{className:g(Q.container,je[i],u),children:[(0,d.jsxs)(`label`,{htmlFor:w,className:g(Q.wrapper,Ae[i],!t&&Q.iconOnly,o&&Q.disabled,f),children:[(0,d.jsx)(`input`,{...x,ref:ee,id:w,type:`checkbox`,checked:A,disabled:o,required:s,onChange:M,className:Q.input,"aria-label":v,"aria-labelledby":y,"aria-checked":l?`mixed`:x[`aria-checked`],"aria-invalid":E?!0:x[`aria-invalid`],"aria-describedby":k||void 0}),(0,d.jsx)(`span`,{className:g(Q.customCheckbox,E&&Q.error,l&&Q.indeterminate),"aria-hidden":`true`,children:l?(0,d.jsx)(`span`,{className:Q.indeterminateMark}):A&&(0,d.jsx)(`span`,{className:Q.checkmark,children:(0,d.jsx)(m.Check,{})})}),t&&(0,d.jsxs)(`span`,{className:g(Q.label,ke[i]),children:[t,s&&(0,d.jsx)(`span`,{className:Q.requiredMark,"aria-hidden":`true`,children:`*`})]})]}),n&&(0,d.jsx)(`span`,{id:D,className:Q.descriptionText,children:n}),E&&(0,d.jsx)(`span`,{id:O,className:Q.errorText,children:_})]})});Me.displayName=`Checkbox`;var $={inputWrapper:`_inputWrapper_y9bue_1`,input:`_input_y9bue_1`,error:`_error_y9bue_41`,sm:`_sm_y9bue_48`,md:`_md_y9bue_52`,lg:`_lg_y9bue_56`,hasLeftAdornment:`_hasLeftAdornment_y9bue_84`,hasRightAdornment:`_hasRightAdornment_y9bue_88`,leftAdornment:`_leftAdornment_y9bue_92`,rightAdornment:`_rightAdornment_y9bue_93`,clearButton:`_clearButton_y9bue_114`,toneDefault:`_toneDefault_y9bue_153`,tonePrimary:`_tonePrimary_y9bue_157`,toneSecondary:`_toneSecondary_y9bue_161`,toneSuccess:`_toneSuccess_y9bue_165`,toneDanger:`_toneDanger_y9bue_169`,toneMuted:`_toneMuted_y9bue_173`,toneInverse:`_toneInverse_y9bue_177`},Ne={default:$.toneDefault,primary:$.tonePrimary,secondary:$.toneSecondary,success:$.toneSuccess,danger:$.toneDanger,muted:$.toneMuted,inverse:$.toneInverse},Pe=(e=`text`,t)=>{if(t)return t;switch(e){case`email`:return`email`;case`password`:return`current-password`;case`tel`:return`tel`;case`url`:return`url`;case`search`:return`off`;default:return}},Fe=(0,c.forwardRef)(({id:e,label:t,name:n,description:r,placeholder:i,value:a,defaultValue:o,onChange:s,type:l=`text`,size:u=`md`,error:f,disabled:p=!1,required:m=!1,className:h,autoComplete:_,readOnly:v=!1,clearable:y=!1,onClear:b,leftAdornment:x,rightAdornment:S,clearIcon:C,leftAdornmentTone:w=`default`,rightAdornmentTone:T=`default`,clearIconTone:E=`danger`,autoFocus:D,maxLength:O,onMouseEnter:k,onMouseLeave:A,"aria-describedby":j,"aria-invalid":ee,...M},N)=>{let P=(0,c.useId)(),F=e??P,I=(0,c.useRef)(null),[L,R]=(0,c.useState)(o??``),z=a!==void 0,B=z?a:L,V=B!==``,H=Pe(l,_),U=y&&V&&!p&&!v,W=[j,r?`${F}-description`:void 0,f?`${F}-error`:void 0].filter(Boolean).join(` `),te=C??`×`,G=(0,c.useCallback)(e=>{if(I.current=e,typeof N==`function`){N(e);return}N&&(N.current=e)},[N]),K=(0,c.useCallback)(e=>{let t=e.target.value;z||R(t),s?.(e)},[z,s]),ne=(0,c.useCallback)(()=>{z||R(``),b?.(),I.current?.focus()},[z,b]),re=!U&&!!S;return(0,d.jsx)(oe,{id:F,label:t,description:r,error:f,required:m,disabled:p,children:(0,d.jsxs)(`div`,{className:g($.inputWrapper,{[$.hasLeftAdornment]:!!x,[$.hasRightAdornment]:!!S||U}),children:[x&&(0,d.jsx)(`span`,{"aria-hidden":`true`,className:g($.leftAdornment,Ne[w]),children:x}),(0,d.jsx)(`input`,{...M,ref:G,id:F,name:n,type:l,autoComplete:H,className:g($.input,$[u],{[$.error]:!!f},h),value:B,onChange:K,placeholder:i,disabled:p,readOnly:v,required:m,autoFocus:D,maxLength:O,"aria-invalid":f?!0:ee,"aria-describedby":W||void 0,onMouseEnter:k,onMouseLeave:A}),U&&(0,d.jsx)(`button`,{type:`button`,className:g($.clearButton,Ne[E]),onClick:ne,"aria-label":`Clear input`,children:te}),re&&(0,d.jsx)(`div`,{className:g($.rightAdornment,Ne[T]),children:S})]})})});Fe.displayName=`Input`;var Ie=(0,c.createContext)(null),Le=e=>e===`highContrast`?`high-contrast`:e,Re=({theme:e,defaultTheme:t=`light`,onThemeChange:n,children:r})=>{let[i,a]=(0,p.useControllableState)({value:e,defaultValue:t,onChange:n}),o=Le(i);(0,c.useEffect)(()=>{if(typeof document>`u`)return;let{documentElement:e}=document,t=e.dataset.velliraTheme;return e.dataset.velliraTheme=o,()=>{if(t===void 0){delete e.dataset.velliraTheme;return}e.dataset.velliraTheme=t}},[o]);let s=(0,c.useMemo)(()=>({theme:i,setTheme:a}),[i,a]);return(0,d.jsx)(Ie.Provider,{value:s,children:(0,d.jsx)(`div`,{"data-vellira-theme":o,children:r})})};Re.displayName=`ThemeProvider`;function ze(){let e=(0,c.useContext)(Ie);if(!e)throw Error(`useTheme must be used within ThemeProvider.`);return e}exports.Button=Oe,exports.Checkbox=Me,exports.Dropdown=P,exports.FormField=oe,exports.Input=Fe,exports.Modal=ae,exports.RadioGroup=se,exports.Select=pe,exports.Tabs=Ce,exports.ThemeProvider=Re,exports.Tooltip=Ee,exports.useTheme=ze;