@vellira-ui/react 2.24.0 → 2.25.0

package/README.md

@@ -88,6 +88,34 @@ 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`.
 
+### Select Notes
+
+Use `Select` for one form value from a compact list, `RadioGroup` for a few
+visible choices, and `Dropdown` for action menus. Prefer a visible `label`; if
+the design has no visible label, provide `aria-label`.
+
+```tsx
+import { Select } from '@vellira-ui/react';
+import { useState } from 'react';
+
+export function RoleSelect() {
+  const [role, setRole] = useState('editor');
+
+  return (
+    <Select
+      label='Role'
+      value={role}
+      onChange={setRole}
+      options={[
+        { label: 'Admin', value: 'admin' },
+        { label: 'Editor', value: 'editor' },
+        { label: 'Viewer', value: 'viewer' },
+      ]}
+    />
+  );
+}
+```
+
 ### FormField Notes
 
 `FormField` is a presentational wrapper for custom web controls. Pass `id` to

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 j=e=>e.type!==`group`&&e.type!==`separator`,M=e=>e.type===`group`,N=e=>e.type===`separator`,P={wrapper:`_wrapper_14ue8_1`},F=({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)(),F=`${k}-trigger`,{floatingStyles:I,setRef:L,setFloatingRef:ee}=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),te=()=>{o||v(e=>{let t=!e;return C(t?B():-1),t})},V=()=>{v(!1),C(-1)},H=()=>{V(),T.current?.focus()},{onKeyDown:U}=(0,p.useKeyboardNavigation)({activeIndex:b,setActiveIndex:C,items:R,isOpen:_,onOpen:te,onSelect:()=>{let e=R[b];!e||e.disabled||(i?.(e.value),H())},onClose:H});S([T,D],()=>V(),_);let ne=e=>{T.current=e,L(e)},W=e=>{D.current=e,ee(e),e?.focus()};return(0,d.jsxs)(`div`,{className:g(P.wrapper,a),children:[(0,d.jsx)(A,{ref:ne,id:F,isOpen:_,disabled:o,icon:t,label:e,showArrow:m,arrowIcon:h,rotateAngle:s,onClick:te,onKeyDown:U,"aria-expanded":_,"aria-haspopup":`menu`,..._&&{"aria-controls":k},children:n}),_&&(0,d.jsx)(y,{ref:W,floatingStyles:I,menuId:k,labelledById:n?F:void 0,label:n?void 0:e,activeDescendantId:z,onKeyDown:U,children:r.map((e,t)=>{if(M(e))return(0,d.jsx)(w,{label:e.label},`group-${e.label}`);if(N(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),H())},onMouseEnter:()=>{t<0||e.disabled||C(t)},children:e.label},e.value)}})})]})},I=(0,c.createContext)(void 0),L=()=>{let e=(0,c.useContext)(I);if(e===void 0)throw Error(`Modal compound components must be used inside Modal`);return e};I.displayName=`ModalContext`;var ee={modalBody:`_modalBody_iv33a_1`},R=({children:e})=>{let{descriptionId:t}=L();return(0,d.jsx)(`div`,{id:t,className:ee.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 te={modalFooter:`_modalFooter_ezys6_1`},V=({children:e})=>(0,d.jsx)(`div`,{className:te.modalFooter,children:e});V.displayName=`ModalFooter`;var H={modalHeader:`_modalHeader_155d7_1`,modalHeaderTitle:`_modalHeaderTitle_155d7_8`,modalHeaderCloseButton:`_modalHeaderCloseButton_155d7_15`},U=({children:e})=>{let{onClose:t,titleId:n}=L();return(0,d.jsxs)(`div`,{className:H.modalHeader,children:[(0,d.jsx)(`h2`,{id:n,className:H.modalHeaderTitle,children:e}),t&&(0,d.jsx)(`button`,{type:`button`,className:H.modalHeaderCloseButton,onClick:t,"aria-label":`Close modal`,children:(0,d.jsx)(m.Close,{size:16})})]})};U.displayName=`ModalHeader`;var ne=({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])},W={overlay:`_overlay_1xotg_1`,"overlay--open":`_overlay--open_1xotg_13`,"overlay--animated":`_overlay--animated_1xotg_17`,modal:`_modal_1xotg_21`},G=0,re=``,ie=({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}=L(),v=(0,c.useCallback)(e=>{u&&e.target===e.currentTarget&&t?.()},[u,t]);return ne({isOpen:n,onClose:o?t:void 0}),(0,c.useEffect)(()=>{if(n)return G===0&&(re=document.body.style.overflow),G+=1,document.body.style.overflow=`hidden`,()=>{G=Math.max(0,G-1),G===0&&(document.body.style.overflow=re)}},[n]),!n&&!l?null:(0,d.jsx)(_,{children:(0,d.jsx)(`div`,{className:g(W.overlay,n&&W[`overlay--open`],l&&W[`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:W.modal,role:`dialog`,"aria-modal":`true`,"aria-labelledby":p,"aria-describedby":m,children:e})})})})};ie.displayName=`ModalOverlay`;var ae=({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)(I.Provider,{value:{onClose:n,titleId:o,descriptionId:s},children:(0,d.jsx)(ie,{isOpen:e,onClose:n,closeOnBackdrop:r??i,closeOnEsc:a,children:(0,d.jsx)(B,{children:t})})}):null};ae.displayName=`Modal`;var oe=Object.assign(ae,{Header:U,Body:R,Content:B,Footer:V}),se=(0,c.createContext)(null),ce=se.Provider;function le(){return(0,c.useContext)(se)}var K={root:`_root_7wga8_1`,label:`_label_7wga8_9`,required:`_required_7wga8_20`,description:`_description_7wga8_24`,items:`_items_7wga8_31`,vertical:`_vertical_7wga8_36`,horizontal:`_horizontal_7wga8_42`,error:`_error_7wga8_48`,disabled:`_disabled_7wga8_55`,invalid:`_invalid_7wga8_60`},ue=(0,c.forwardRef)(({value:e,defaultValue:t=``,onValueChange:n,disabled:r=!1,required:i=!1,size:a=`md`,name:o,label:s,description:l,error:u,orientation:f=`vertical`,children:m,className:h,id:_,...v},y)=>{let b=(0,c.useId)(),x=_??b,S=s?`${x}-label`:void 0,C=l?`${x}-description`:void 0,w=u?`${x}-error`:void 0,T=[C,w].filter(Boolean).join(` `)||void 0,E=o??`${x}-radio`,[D,O]=(0,p.useControllableState)({value:e,defaultValue:t,onChange:n}),k=!!u;return(0,d.jsxs)(`div`,{...v,ref:y,id:x,role:`radiogroup`,"aria-labelledby":S,"aria-describedby":T,"aria-disabled":r||void 0,"aria-required":i||void 0,"aria-invalid":k||void 0,className:g(K.root,k&&K.invalid,r&&K.disabled,h),children:[s&&(0,d.jsxs)(`div`,{id:S,className:K.label,children:[s,i&&(0,d.jsx)(`span`,{className:K.required,"aria-hidden":`true`,children:`*`})]}),l&&(0,d.jsx)(`div`,{id:C,className:K.description,children:l}),(0,d.jsx)(ce,{value:{name:E,value:D,disabled:r,required:i,invalid:k,size:a,describedBy:T,onValueChange:O},children:(0,d.jsx)(`div`,{className:g(K.items,K[f]),children:m})}),u&&(0,d.jsx)(`div`,{id:w,className:K.error,children:u})]})});ue.displayName=`RadioGroup`;var q={wrapper:`_wrapper_ng5ym_1`,label:`_label_ng5ym_9`,required:`_required_ng5ym_20`,description:`_description_ng5ym_25`,control:`_control_ng5ym_32`,errorText:`_errorText_ng5ym_40`,disabled:`_disabled_ng5ym_47`,storyInput:`_storyInput_ng5ym_60`,storyBadge:`_storyBadge_ng5ym_65`},de=({id:e,label:t,description:n,error:r,required:i=!1,disabled:a=!1,children:o,className:s,controlClassName:c,labelClassName:l,descriptionClassName:u,errorClassName:f,...p})=>{let m=n&&e?`${e}-description`:void 0,h=r&&e?`${e}-error`:void 0;return(0,d.jsxs)(`div`,{...p,"aria-disabled":a||void 0,className:g(q.wrapper,a&&q.disabled,s),"data-disabled":a||void 0,"data-invalid":!!r||void 0,children:[t&&(0,d.jsxs)(`label`,{htmlFor:e,className:g(q.label,l),children:[t,i&&(0,d.jsx)(`span`,{className:q.required,"aria-hidden":`true`,children:`*`})]}),n&&(0,d.jsx)(`div`,{id:m,className:g(q.description,u),children:n}),(0,d.jsx)(`div`,{className:g(q.control,c),children:o}),r&&(0,d.jsx)(`div`,{id:h,className:g(q.errorText,f),role:`alert`,children:r})]})},fe={option:`_option_1qm3g_1`,selected:`_selected_1qm3g_10`,disabled:`_disabled_1qm3g_10`,active:`_active_1qm3g_21`},pe=({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(fe.option,{[fe.selected]:t,[fe.active]:n,[fe.disabled]:o}),onClick:()=>{o||i(e.value)},onMouseEnter:()=>{o||a()},children:e.label})};pe.displayName=`SelectOption`;var me={dropdown:`_dropdown_1vrjb_1`,dropdownIn:`_dropdownIn_1vrjb_1`},he=({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:me.dropdown,style:i,children:a.map((e,n)=>(0,d.jsx)(pe,{option:e,isSelected:e.value===o,isActive:n===s,optionId:`${t}-option-${n}`,onSelect:c,onMouseEnter:()=>l(n)},e.value))})}):null;he.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`},ge=({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,{})})]});ge.displayName=`SelectTrigger`;var _e=({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:M,setRef:N,setFloatingRef:P}=x({open:E,matchTriggerWidth:!0,mobileSheetBreakpoint:640}),F=(0,c.useCallback)(()=>{let e=s.findIndex(e=>e.value===w&&!e.disabled);return e>=0?e:s.findIndex(e=>!e.disabled)},[s,w]),I=(0,c.useCallback)(()=>{f||(k(F()),D(!0))},[f,F]),L=(0,c.useCallback)(()=>{D(!1)},[]),ee=(0,c.useCallback)(()=>{if(!f){if(E){L();return}I()}},[L,f,E,I]),R=(0,c.useCallback)(e=>{T(e),L(),b.current?.focus()},[L,T]),{onKeyDown:z}=(0,p.useKeyboardNavigation)({activeIndex:O,setActiveIndex:k,items:s,isOpen:E,onOpen:I,onClose:L,onSelect:()=>{let e=s[O];!e||e.disabled||R(e.value)}});S([b,C],L,E);let B=(0,c.useCallback)(e=>{b.current=e,N(e)},[N]),te=(0,c.useCallback)(e=>{C.current=e,P(e)},[P]);return(0,d.jsxs)(de,{id:_,label:e,description:t,error:m,required:u,disabled:f,className:h,children:[(0,d.jsx)(ge,{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:ee,onKeyDown:z}),r&&(0,d.jsx)(`input`,{type:`hidden`,name:r,value:w,disabled:f}),(0,d.jsx)(he,{isOpen:E,listboxId:v,labelledById:_,style:M,options:s,selectedValue:w,activeIndex:O,setDropdownRef:te,onSelect:R,onMouseEnter:k})]})};_e.displayName=`Select`;var ve=(0,c.createContext)(null),ye=()=>{let e=(0,c.useContext)(ve);if(!e)throw Error(`Tabs components must be used inside Tabs`);return e},be={list:`_list_astty_1`,vertical:`_vertical_astty_8`},xe=({children:e,className:t,...n})=>{let{orientation:r,appearance:i}=ye();return(0,d.jsx)(`div`,{...n,role:`tablist`,"aria-orientation":r,className:g(be.list,r===`vertical`&&be.vertical,i===`underline`&&be.underline,i===`pills`&&be.pills,t),children:e})};xe.displayName=`TabsList`;var Se={panel:`_panel_1e9ds_1`,visible:`_visible_1e9ds_10`,vertical:`_vertical_1e9ds_15`},Ce=({index:e,children:t,className:n})=>{let{activeIndex:r,orientation:i}=ye(),[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(Se.panel,a&&Se.visible,i===`vertical`&&Se.vertical,n),children:t})};Ce.displayName=`TabsPanel`;var Y={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`},we=(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:_}=ye(),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(Y.tab,Y[m],p===`vertical`&&Y.vertical,y&&Y.withIcon,b&&Y.iconOnly,n),onClick:t=>{r||(f(e),a?.(t))},onKeyDown:e=>{_(e),o?.(e)},...s,children:[y&&(0,d.jsx)(`span`,{className:Y.tabIcon,"aria-hidden":`true`,children:i}),t!=null&&(0,d.jsx)(`span`,{className:Y.label,children:t})]})});we.displayName=`Tab`;var Te={tabs:`_tabs_15a7w_1`,vertical:`_vertical_15a7w_4`},Ee=({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)(ve.Provider,{value:y,children:(0,d.jsx)(`div`,{className:g(Te.tabs,i===`vertical`&&Te.vertical,o),children:e})})};Ee.displayName=`Tabs`;var De=Object.assign(Ee,{List:xe,Tab:we,Panel:Ce}),Oe={tooltip:`_tooltip_frlq7_1`,arrow:`_arrow_frlq7_22`},ke=(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(Oe.tooltip,a),"data-placement":t,"data-state":`open`,style:o,...s,children:[e,(0,d.jsx)(`div`,{ref:n,className:Oe.arrow,style:u})]})});ke.displayName=`TooltipContent`;var Ae=({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)(ke,{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()})})]})};Ae.displayName=`Tooltip`;var je=(e,t)=>{process.env.NODE_ENV!==`production`&&!e&&console.warn(t)},X={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`},Me=(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 je(!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(X.button,X[t],X[n],X[r],p,{[X.disabled]:b,[X.loading]:o,[X.fullWidth]:u,[X.iconOnly]:y}),children:[o&&(0,d.jsx)(`span`,{className:X.spinner,"aria-hidden":`true`}),!o&&c&&(0,d.jsx)(`span`,{className:X.icon,children:c}),x&&!y&&(0,d.jsx)(`span`,{className:X.label,children:x}),!o&&l&&(0,d.jsx)(`span`,{className:X.icon,children:l})]})});Me.displayName=`Button`;var Z={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`},Ne={sm:Z.labelSm,md:Z.labelMd,lg:Z.labelLg},Pe={sm:Z.wrapperSm,md:Z.wrapperMd,lg:Z.wrapperLg},Fe={sm:Z.containerSm,md:Z.containerMd,lg:Z.containerLg},Ie=(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}),M=(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 N=e=>{j(e.target.checked)};return je(!!(t||v||y),`Checkbox: an accessible label must be provided through label, aria-label, or aria-labelledby.`),(0,d.jsxs)(`div`,{className:g(Z.container,Fe[i],u),children:[(0,d.jsxs)(`label`,{htmlFor:w,className:g(Z.wrapper,Pe[i],!t&&Z.iconOnly,o&&Z.disabled,f),children:[(0,d.jsx)(`input`,{...x,ref:M,id:w,type:`checkbox`,checked:A,disabled:o,required:s,onChange:N,className:Z.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(Z.customCheckbox,E&&Z.error,l&&Z.indeterminate),"aria-hidden":`true`,children:l?(0,d.jsx)(`span`,{className:Z.indeterminateMark}):A&&(0,d.jsx)(`span`,{className:Z.checkmark,children:(0,d.jsx)(m.Check,{})})}),t&&(0,d.jsxs)(`span`,{className:g(Z.label,Ne[i]),children:[t,s&&(0,d.jsx)(`span`,{className:Z.requiredMark,"aria-hidden":`true`,children:`*`})]})]}),n&&(0,d.jsx)(`span`,{id:D,className:Z.descriptionText,children:n}),E&&(0,d.jsx)(`span`,{id:O,className:Z.errorText,children:_})]})});Ie.displayName=`Checkbox`;var Q={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`},Le={default:Q.toneDefault,primary:Q.tonePrimary,secondary:Q.toneSecondary,success:Q.toneSuccess,danger:Q.toneDanger,muted:Q.toneMuted,inverse:Q.toneInverse},Re=(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}},ze=(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":M,...N},P)=>{let F=(0,c.useId)(),I=e??F,L=(0,c.useRef)(null),[ee,R]=(0,c.useState)(o??``),z=a!==void 0,B=z?a:ee,te=B!==``,V=Re(l,_),H=y&&te&&!p&&!v,U=[j,r?`${I}-description`:void 0,f?`${I}-error`:void 0].filter(Boolean).join(` `),ne=C??`×`,W=(0,c.useCallback)(e=>{if(L.current=e,typeof P==`function`){P(e);return}P&&(P.current=e)},[P]),G=(0,c.useCallback)(e=>{let t=e.target.value;z||R(t),s?.(e)},[z,s]),re=(0,c.useCallback)(()=>{z||R(``),b?.(),L.current?.focus()},[z,b]),ie=!H&&!!S;return(0,d.jsx)(de,{id:I,label:t,description:r,error:f,required:m,disabled:p,children:(0,d.jsxs)(`div`,{className:g(Q.inputWrapper,{[Q.hasLeftAdornment]:!!x,[Q.hasRightAdornment]:!!S||H}),children:[x&&(0,d.jsx)(`span`,{"aria-hidden":`true`,className:g(Q.leftAdornment,Le[w]),children:x}),(0,d.jsx)(`input`,{...N,ref:W,id:I,name:n,type:l,autoComplete:V,className:g(Q.input,Q[u],{[Q.error]:!!f},h),value:B,onChange:G,placeholder:i,disabled:p,readOnly:v,required:m,autoFocus:D,maxLength:O,"aria-invalid":f?!0:M,"aria-describedby":U||void 0,onMouseEnter:k,onMouseLeave:A}),H&&(0,d.jsx)(`button`,{type:`button`,className:g(Q.clearButton,Le[E]),onClick:re,"aria-label":`Clear input`,children:ne}),ie&&(0,d.jsx)(`div`,{className:g(Q.rightAdornment,Le[T]),children:S})]})})});ze.displayName=`Input`;var $={root:`_root_6w580_1`,invalid:`_invalid_6w580_14`,control:`_control_6w580_14`,label:`_label_6w580_17`,wrapper:`_wrapper_6w580_20`,input:`_input_6w580_21`,disabled:`_disabled_6w580_24`,description:`_description_6w580_32`,sm:`_sm_6w580_36`,md:`_md_6w580_45`,lg:`_lg_6w580_54`,indicator:`_indicator_6w580_109`,content:`_content_6w580_182`,error:`_error_6w580_198`},Be=(0,c.forwardRef)(({value:e,checked:t,defaultChecked:n=!1,disabled:r=!1,required:i=!1,size:a,error:o,onCheckedChange:s,label:l,description:u,wrapperClassName:f,className:m,id:h,name:_,"aria-describedby":v,...y},b)=>{let x=le(),S=(0,c.useId)(),C=h??S,w=u?`${C}-description`:void 0,T=o?`${C}-error`:void 0,E=[w,T,x?.describedBy,v].filter(Boolean).join(` `)||void 0,D=x!==null,[O,k]=(0,p.useControllableState)({value:t,defaultValue:n,onChange:s}),A=D?x.value===e:O,j=!!x?.disabled||r,M=!!x?.required||i,N=x?.name??_,P=!!(o||x?.invalid),F=a??x?.size??`md`,I=t=>{if(!j){if(D){x.onValueChange(e);return}k(t.currentTarget.checked)}};return(0,d.jsxs)(`div`,{className:g($.root,$[F],P&&$.invalid,j&&$.disabled,m),children:[(0,d.jsxs)(`label`,{htmlFor:C,className:g($.wrapper,f),children:[(0,d.jsx)(`input`,{...y,ref:b,id:C,type:`radio`,name:N,value:e,checked:A,disabled:j,required:M,"aria-invalid":P||void 0,"aria-describedby":E,className:$.input,onChange:I}),(0,d.jsx)(`span`,{className:$.control,"aria-hidden":`true`,children:(0,d.jsx)(`span`,{className:$.indicator})}),(l||u)&&(0,d.jsxs)(`span`,{className:$.content,children:[l&&(0,d.jsx)(`span`,{className:$.label,children:l}),u&&(0,d.jsx)(`span`,{id:w,className:$.description,children:u})]})]}),o&&(0,d.jsx)(`div`,{id:T,className:$.error,children:o})]})});Be.displayName=`Radio`;var Ve=(0,c.createContext)(null),He=e=>e===`highContrast`?`high-contrast`:e,Ue=({theme:e,defaultTheme:t=`light`,onThemeChange:n,children:r})=>{let[i,a]=(0,p.useControllableState)({value:e,defaultValue:t,onChange:n}),o=He(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)(Ve.Provider,{value:s,children:(0,d.jsx)(`div`,{"data-vellira-theme":o,children:r})})};Ue.displayName=`ThemeProvider`;function We(){let e=(0,c.useContext)(Ve);if(!e)throw Error(`useTheme must be used within ThemeProvider.`);return e}exports.Button=Me,exports.Checkbox=Ie,exports.Dropdown=F,exports.FormField=de,exports.Input=ze,exports.Modal=oe,exports.Radio=Be,exports.RadioGroup=ue,exports.Select=_e,exports.Tabs=De,exports.ThemeProvider=Ue,exports.Tooltip=Ae,exports.useTheme=We;
+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:te}=x({placement:l,matchTriggerWidth:u,mobileSheetBreakpoint:640}),L=r.filter(j),R=_&&b>=0?`${k}-item-${b}`:void 0,z=()=>L.findIndex(e=>!e.disabled),B=()=>{o||v(e=>{let t=!e;return C(t?z():-1),t})},V=()=>{v(!1),C(-1)},H=()=>{V(),T.current?.focus()},{onKeyDown:ne}=(0,p.useKeyboardNavigation)({activeIndex:b,setActiveIndex:C,items:L,isOpen:_,onOpen:B,onSelect:()=>{let e=L[b];!e||e.disabled||(i?.(e.value),H())},onClose:H});S([T,D],()=>V(),_);let re=e=>{T.current=e,I(e)},U=e=>{D.current=e,te(e),e?.focus()};return(0,d.jsxs)(`div`,{className:g(N.wrapper,a),children:[(0,d.jsx)(A,{ref:re,id:P,isOpen:_,disabled:o,icon:t,label:e,showArrow:m,arrowIcon:h,rotateAngle:s,onClick:B,onKeyDown:ne,"aria-expanded":_,"aria-haspopup":`menu`,..._&&{"aria-controls":k},children:n}),_&&(0,d.jsx)(y,{ref:U,floatingStyles:F,menuId:k,labelledById:n?P:void 0,label:n?void 0:e,activeDescendantId:R,onKeyDown:ne,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=L.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),H())},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 te={modalBody:`_modalBody_iv33a_1`},L=({children:e})=>{let{descriptionId:t}=I();return(0,d.jsx)(`div`,{id:t,className:te.modalBody,children:e})};L.displayName=`ModalBody`;var R={content:`_content_avpai_1`},z=({children:e})=>(0,d.jsx)(`div`,{className:R.content,children:e});z.displayName=`ModalContent`;var B={modalFooter:`_modalFooter_ezys6_1`},V=({children:e})=>(0,d.jsx)(`div`,{className:B.modalFooter,children:e});V.displayName=`ModalFooter`;var H={modalHeader:`_modalHeader_155d7_1`,modalHeaderTitle:`_modalHeaderTitle_155d7_8`,modalHeaderCloseButton:`_modalHeaderCloseButton_155d7_15`},ne=({children:e})=>{let{onClose:t,titleId:n}=I();return(0,d.jsxs)(`div`,{className:H.modalHeader,children:[(0,d.jsx)(`h2`,{id:n,className:H.modalHeaderTitle,children:e}),t&&(0,d.jsx)(`button`,{type:`button`,className:H.modalHeaderCloseButton,onClick:t,"aria-label":`Close modal`,children:(0,d.jsx)(m.Close,{size:16})})]})};ne.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=``,G=({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 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})})})})};G.displayName=`ModalOverlay`;var ae=({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)(G,{isOpen:e,onClose:n,closeOnBackdrop:r??i,closeOnEsc:a,children:(0,d.jsx)(z,{children:t})})}):null};ae.displayName=`Modal`;var oe=Object.assign(ae,{Header:ne,Body:L,Content:z,Footer:V}),se=(0,c.createContext)(null),ce=se.Provider;function le(){return(0,c.useContext)(se)}var K={root:`_root_7wga8_1`,label:`_label_7wga8_9`,required:`_required_7wga8_20`,description:`_description_7wga8_24`,items:`_items_7wga8_31`,vertical:`_vertical_7wga8_36`,horizontal:`_horizontal_7wga8_42`,error:`_error_7wga8_48`,disabled:`_disabled_7wga8_55`,invalid:`_invalid_7wga8_60`},ue=(0,c.forwardRef)(({value:e,defaultValue:t=``,onValueChange:n,disabled:r=!1,required:i=!1,size:a=`md`,name:o,label:s,description:l,error:u,orientation:f=`vertical`,children:m,className:h,id:_,...v},y)=>{let b=(0,c.useId)(),x=_??b,S=s?`${x}-label`:void 0,C=l?`${x}-description`:void 0,w=u?`${x}-error`:void 0,T=[C,w].filter(Boolean).join(` `)||void 0,E=o??`${x}-radio`,[D,O]=(0,p.useControllableState)({value:e,defaultValue:t,onChange:n}),k=!!u;return(0,d.jsxs)(`div`,{...v,ref:y,id:x,role:`radiogroup`,"aria-labelledby":S,"aria-describedby":T,"aria-disabled":r||void 0,"aria-required":i||void 0,"aria-invalid":k||void 0,className:g(K.root,k&&K.invalid,r&&K.disabled,h),children:[s&&(0,d.jsxs)(`div`,{id:S,className:K.label,children:[s,i&&(0,d.jsx)(`span`,{className:K.required,"aria-hidden":`true`,children:`*`})]}),l&&(0,d.jsx)(`div`,{id:C,className:K.description,children:l}),(0,d.jsx)(ce,{value:{name:E,value:D,disabled:r,required:i,invalid:k,size:a,describedBy:T,onValueChange:O},children:(0,d.jsx)(`div`,{className:g(K.items,K[f]),children:m})}),u&&(0,d.jsx)(`div`,{id:w,className:K.error,children:u})]})});ue.displayName=`RadioGroup`;var q={wrapper:`_wrapper_w0lsp_1`,label:`_label_w0lsp_9`,required:`_required_w0lsp_20`,description:`_description_w0lsp_25`,control:`_control_w0lsp_32`,errorText:`_errorText_w0lsp_40`,disabled:`_disabled_w0lsp_47`,storyInput:`_storyInput_w0lsp_60`,storyBadge:`_storyBadge_w0lsp_65`,storyCustomRoot:`_storyCustomRoot_w0lsp_76`,storyCustomLabel:`_storyCustomLabel_w0lsp_83`,storyCustomControl:`_storyCustomControl_w0lsp_87`,storyCustomDescription:`_storyCustomDescription_w0lsp_91`,storyCustomError:`_storyCustomError_w0lsp_95`},de=({id:e,label:t,description:n,error:r,required:i=!1,disabled:a=!1,children:o,className:s,controlClassName:c,labelClassName:l,descriptionClassName:u,errorClassName:f,...p})=>{let m=n&&e?`${e}-description`:void 0,h=r&&e?`${e}-error`:void 0;return(0,d.jsxs)(`div`,{...p,"aria-disabled":a||void 0,className:g(q.wrapper,a&&q.disabled,s),"data-disabled":a||void 0,"data-invalid":!!r||void 0,children:[t&&(0,d.jsxs)(`label`,{htmlFor:e,className:g(q.label,l),children:[t,i&&(0,d.jsx)(`span`,{className:q.required,"aria-hidden":`true`,children:`*`})]}),n&&(0,d.jsx)(`div`,{id:m,className:g(q.description,u),children:n}),(0,d.jsx)(`div`,{className:g(q.control,c),children:o}),r&&(0,d.jsx)(`div`,{id:h,className:g(q.errorText,f),role:`alert`,children:r})]})},fe={option:`_option_1mcld_1`,selected:`_selected_1mcld_17`,disabled:`_disabled_1mcld_17`,active:`_active_1mcld_28`,label:`_label_1mcld_40`,check:`_check_1mcld_48`},pe=({option:e,isSelected:t,isActive:n,optionId:r,onSelect:i,onMouseEnter:a})=>{let o=!!e.disabled;return(0,d.jsxs)(`li`,{id:r,role:`option`,"aria-selected":t,"aria-disabled":o||void 0,className:g(fe.option,{[fe.selected]:t,[fe.active]:n,[fe.disabled]:o}),onClick:()=>{o||i(e.value)},onMouseEnter:()=>{o||a()},children:[(0,d.jsx)(`span`,{className:fe.label,children:e.label}),(0,d.jsx)(`span`,{className:fe.check,"aria-hidden":`true`,children:t&&(0,d.jsx)(m.Check,{})})]})};pe.displayName=`SelectOption`;var me={dropdown:`_dropdown_jl377_1`,dropdownIn:`_dropdownIn_jl377_1`,empty:`_empty_jl377_17`},he=({isOpen:e,listboxId:t,labelledById:n,setDropdownRef:r,style:i,options:a,noOptionsText:o,selectedValue:s,activeIndex:c,className:l,onSelect:u,onMouseEnter:f})=>e?(0,d.jsx)(_,{children:(0,d.jsx)(`ul`,{ref:r,id:t,role:`listbox`,"aria-labelledby":n,className:[me.dropdown,l].filter(Boolean).join(` `),style:i,children:a.length?a.map((e,n)=>(0,d.jsx)(pe,{option:e,isSelected:e.value===s,isActive:n===c,optionId:`${t}-option-${n}`,onSelect:u,onMouseEnter:()=>f(n)},e.value)):(0,d.jsx)(`li`,{className:me.empty,role:`presentation`,children:o})})}):null;he.displayName=`SelectDropdown`;var J={control:`_control_ole58_1`,disabled:`_disabled_ole58_18`,arrow:`_arrow_ole58_23`,sm:`_sm_ole58_33`,md:`_md_ole58_40`,lg:`_lg_ole58_47`,value:`_value_ole58_54`,placeholder:`_placeholder_ole58_62`,error:`_error_ole58_66`,open:`_open_ole58_107`},ge=({id:e,errorId:t,isOpen:n,disabled:r,required:i,listboxId:a,activeIndex:o,ariaLabel:s,error:c,displayText:l,isPlaceholder:u,size:f=`md`,className:p,buttonRef:h,onClick:_,onKeyDown:v,onBlur:y,onFocus:b})=>(0,d.jsxs)(`button`,{id:e,ref:h,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-invalid":c||void 0,"aria-controls":n?a:void 0,"aria-describedby":t,"aria-activedescendant":n&&o>=0?`${a}-option-${o}`:void 0,className:g(J.control,J[f],{[J.error]:!!c,[J.disabled]:r},p),onClick:_,onKeyDown:v,onBlur:y,onFocus:b,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,{})})]});ge.displayName=`SelectTrigger`;var _e=({label:e,description:t,id:n,name:r,"aria-label":i,value:a,defaultValue:o,onChange:s,options:l,placeholder:u=`Select...`,noOptionsText:f=`No options available`,size:m=`md`,required:h=!1,disabled:g=!1,error:_,placement:v=`bottom-start`,matchTriggerWidth:y=!0,open:b,defaultOpen:C=!1,onOpenChange:w,onBlur:T,onFocus:E,className:D,triggerClassName:O,dropdownClassName:k})=>{let A=(0,c.useId)(),j=n??A,ee=`${j}-listbox`,M=!!_,N=M?`${j}-error`:void 0,P=(0,c.useRef)(null),F=(0,c.useRef)(null),[I,te]=(0,p.useControllableState)({value:a,defaultValue:o??``,onChange:s}),[L,R]=(0,p.useControllableState)({value:b,defaultValue:C,onChange:w}),[z,B]=(0,c.useState)(-1),V=(0,c.useMemo)(()=>l.find(e=>e.value===I),[l,I]),H=!!V,{floatingStyles:ne,setRef:re,setFloatingRef:U}=x({open:L,onOpenChange:R,placement:v,matchTriggerWidth:y,mobileSheetBreakpoint:640}),W=(0,c.useCallback)(()=>{let e=l.findIndex(e=>e.value===I&&!e.disabled);return e>=0?e:l.findIndex(e=>!e.disabled)},[l,I]),ie=(0,c.useCallback)(()=>{g||(B(W()),R(!0))},[g,W]),G=(0,c.useCallback)(()=>{R(!1)},[]),ae=(0,c.useCallback)(()=>{if(!g){if(L){G();return}ie()}},[G,g,L,ie]),oe=(0,c.useCallback)(e=>{te(e),G(),P.current?.focus()},[G,te]),{onKeyDown:se}=(0,p.useKeyboardNavigation)({activeIndex:z,setActiveIndex:B,items:l,isOpen:L,onOpen:ie,onClose:G,onSelect:()=>{let e=l[z];!e||e.disabled||oe(e.value)},getItemText:e=>e.label});S([P,F],G,L);let ce=(0,c.useCallback)(e=>{P.current=e,re(e)},[re]),le=(0,c.useCallback)(e=>{F.current=e,U(e)},[U]);return(0,d.jsxs)(de,{id:j,label:e,description:t,error:_,required:h,disabled:g,className:D,children:[(0,d.jsx)(ge,{id:j,errorId:N,isOpen:L,disabled:g,required:h,listboxId:ee,activeIndex:z,ariaLabel:i??(e?void 0:V?.label||u),error:M,displayText:V?.label??u,isPlaceholder:!H,size:m,className:O,buttonRef:ce,onClick:ae,onKeyDown:se,onBlur:T,onFocus:E}),r&&(0,d.jsx)(`input`,{type:`hidden`,name:r,value:I,disabled:g}),(0,d.jsx)(he,{isOpen:L,listboxId:ee,labelledById:j,style:ne,options:l,noOptionsText:f,selectedValue:I,activeIndex:z,className:k,setDropdownRef:le,onSelect:oe,onMouseEnter:B})]})};_e.displayName=`Select`;var ve=(0,c.createContext)(null),ye=()=>{let e=(0,c.useContext)(ve);if(!e)throw Error(`Tabs components must be used inside Tabs`);return e},be={list:`_list_astty_1`,vertical:`_vertical_astty_8`},xe=({children:e,className:t,...n})=>{let{orientation:r,appearance:i}=ye();return(0,d.jsx)(`div`,{...n,role:`tablist`,"aria-orientation":r,className:g(be.list,r===`vertical`&&be.vertical,i===`underline`&&be.underline,i===`pills`&&be.pills,t),children:e})};xe.displayName=`TabsList`;var Se={panel:`_panel_1e9ds_1`,visible:`_visible_1e9ds_10`,vertical:`_vertical_1e9ds_15`},Ce=({index:e,children:t,className:n})=>{let{activeIndex:r,orientation:i}=ye(),[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(Se.panel,a&&Se.visible,i===`vertical`&&Se.vertical,n),children:t})};Ce.displayName=`TabsPanel`;var Y={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`},we=(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:_}=ye(),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(Y.tab,Y[m],p===`vertical`&&Y.vertical,y&&Y.withIcon,b&&Y.iconOnly,n),onClick:t=>{r||(f(e),a?.(t))},onKeyDown:e=>{_(e),o?.(e)},...s,children:[y&&(0,d.jsx)(`span`,{className:Y.tabIcon,"aria-hidden":`true`,children:i}),t!=null&&(0,d.jsx)(`span`,{className:Y.label,children:t})]})});we.displayName=`Tab`;var Te={tabs:`_tabs_15a7w_1`,vertical:`_vertical_15a7w_4`},Ee=({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)(ve.Provider,{value:y,children:(0,d.jsx)(`div`,{className:g(Te.tabs,i===`vertical`&&Te.vertical,o),children:e})})};Ee.displayName=`Tabs`;var De=Object.assign(Ee,{List:xe,Tab:we,Panel:Ce}),Oe={tooltip:`_tooltip_frlq7_1`,arrow:`_arrow_frlq7_22`},ke=(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(Oe.tooltip,a),"data-placement":t,"data-state":`open`,style:o,...s,children:[e,(0,d.jsx)(`div`,{ref:n,className:Oe.arrow,style:u})]})});ke.displayName=`TooltipContent`;var Ae=({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)(ke,{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()})})]})};Ae.displayName=`Tooltip`;var je=(e,t)=>{process.env.NODE_ENV!==`production`&&!e&&console.warn(t)},X={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`},Me=(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 je(!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(X.button,X[t],X[n],X[r],p,{[X.disabled]:b,[X.loading]:o,[X.fullWidth]:u,[X.iconOnly]:y}),children:[o&&(0,d.jsx)(`span`,{className:X.spinner,"aria-hidden":`true`}),!o&&c&&(0,d.jsx)(`span`,{className:X.icon,children:c}),x&&!y&&(0,d.jsx)(`span`,{className:X.label,children:x}),!o&&l&&(0,d.jsx)(`span`,{className:X.icon,children:l})]})});Me.displayName=`Button`;var Z={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`},Ne={sm:Z.labelSm,md:Z.labelMd,lg:Z.labelLg},Pe={sm:Z.wrapperSm,md:Z.wrapperMd,lg:Z.wrapperLg},Fe={sm:Z.containerSm,md:Z.containerMd,lg:Z.containerLg},Ie=(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 je(!!(t||v||y),`Checkbox: an accessible label must be provided through label, aria-label, or aria-labelledby.`),(0,d.jsxs)(`div`,{className:g(Z.container,Fe[i],u),children:[(0,d.jsxs)(`label`,{htmlFor:w,className:g(Z.wrapper,Pe[i],!t&&Z.iconOnly,o&&Z.disabled,f),children:[(0,d.jsx)(`input`,{...x,ref:ee,id:w,type:`checkbox`,checked:A,disabled:o,required:s,onChange:M,className:Z.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(Z.customCheckbox,E&&Z.error,l&&Z.indeterminate),"aria-hidden":`true`,children:l?(0,d.jsx)(`span`,{className:Z.indeterminateMark}):A&&(0,d.jsx)(`span`,{className:Z.checkmark,children:(0,d.jsx)(m.Check,{})})}),t&&(0,d.jsxs)(`span`,{className:g(Z.label,Ne[i]),children:[t,s&&(0,d.jsx)(`span`,{className:Z.requiredMark,"aria-hidden":`true`,children:`*`})]})]}),n&&(0,d.jsx)(`span`,{id:D,className:Z.descriptionText,children:n}),E&&(0,d.jsx)(`span`,{id:O,className:Z.errorText,children:_})]})});Ie.displayName=`Checkbox`;var Q={inputWrapper:`_inputWrapper_1553r_1`,input:`_input_1553r_1`,error:`_error_1553r_47`,sm:`_sm_1553r_54`,md:`_md_1553r_58`,lg:`_lg_1553r_62`,hasLeftAdornment:`_hasLeftAdornment_1553r_90`,hasRightAdornment:`_hasRightAdornment_1553r_94`,leftAdornment:`_leftAdornment_1553r_98`,rightAdornment:`_rightAdornment_1553r_99`,clearButton:`_clearButton_1553r_120`,toneDefault:`_toneDefault_1553r_159`,tonePrimary:`_tonePrimary_1553r_163`,toneSecondary:`_toneSecondary_1553r_167`,toneSuccess:`_toneSuccess_1553r_171`,toneDanger:`_toneDanger_1553r_175`,toneMuted:`_toneMuted_1553r_179`,toneInverse:`_toneInverse_1553r_183`},Le={default:Q.toneDefault,primary:Q.tonePrimary,secondary:Q.toneSecondary,success:Q.toneSuccess,danger:Q.toneDanger,muted:Q.toneMuted,inverse:Q.toneInverse},Re=(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}},ze=(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),[te,L]=(0,c.useState)(o??``),R=a!==void 0,z=R?a:te,B=z!==``,V=Re(l,_),H=y&&B&&!p&&!v,ne=[j,r?`${F}-description`:void 0,f?`${F}-error`:void 0].filter(Boolean).join(` `),re=C??`×`,U=(0,c.useCallback)(e=>{if(I.current=e,typeof N==`function`){N(e);return}N&&(N.current=e)},[N]),W=(0,c.useCallback)(e=>{let t=e.target.value;R||L(t),s?.(e)},[R,s]),ie=(0,c.useCallback)(()=>{R||L(``),b?.(),I.current?.focus()},[R,b]),G=!H&&!!S;return(0,d.jsx)(de,{id:F,label:t,description:r,error:f,required:m,disabled:p,children:(0,d.jsxs)(`div`,{className:g(Q.inputWrapper,{[Q.hasLeftAdornment]:!!x,[Q.hasRightAdornment]:!!S||H}),children:[x&&(0,d.jsx)(`span`,{"aria-hidden":`true`,className:g(Q.leftAdornment,Le[w]),children:x}),(0,d.jsx)(`input`,{...M,ref:U,id:F,name:n,type:l,autoComplete:V,className:g(Q.input,Q[u],{[Q.error]:!!f},h),value:z,onChange:W,placeholder:i,disabled:p,readOnly:v,required:m,autoFocus:D,maxLength:O,"aria-invalid":f?!0:ee,"aria-describedby":ne||void 0,onMouseEnter:k,onMouseLeave:A}),H&&(0,d.jsx)(`button`,{type:`button`,className:g(Q.clearButton,Le[E]),onClick:ie,"aria-label":`Clear input`,children:re}),G&&(0,d.jsx)(`div`,{className:g(Q.rightAdornment,Le[T]),children:S})]})})});ze.displayName=`Input`;var $={root:`_root_6w580_1`,invalid:`_invalid_6w580_14`,control:`_control_6w580_14`,label:`_label_6w580_17`,wrapper:`_wrapper_6w580_20`,input:`_input_6w580_21`,disabled:`_disabled_6w580_24`,description:`_description_6w580_32`,sm:`_sm_6w580_36`,md:`_md_6w580_45`,lg:`_lg_6w580_54`,indicator:`_indicator_6w580_109`,content:`_content_6w580_182`,error:`_error_6w580_198`},Be=(0,c.forwardRef)(({value:e,checked:t,defaultChecked:n=!1,disabled:r=!1,required:i=!1,size:a,error:o,onCheckedChange:s,label:l,description:u,wrapperClassName:f,className:m,id:h,name:_,"aria-describedby":v,...y},b)=>{let x=le(),S=(0,c.useId)(),C=h??S,w=u?`${C}-description`:void 0,T=o?`${C}-error`:void 0,E=[w,T,x?.describedBy,v].filter(Boolean).join(` `)||void 0,D=x!==null,[O,k]=(0,p.useControllableState)({value:t,defaultValue:n,onChange:s}),A=D?x.value===e:O,j=!!x?.disabled||r,ee=!!x?.required||i,M=x?.name??_,N=!!(o||x?.invalid),P=a??x?.size??`md`,F=t=>{if(!j){if(D){x.onValueChange(e);return}k(t.currentTarget.checked)}};return(0,d.jsxs)(`div`,{className:g($.root,$[P],N&&$.invalid,j&&$.disabled,m),children:[(0,d.jsxs)(`label`,{htmlFor:C,className:g($.wrapper,f),children:[(0,d.jsx)(`input`,{...y,ref:b,id:C,type:`radio`,name:M,value:e,checked:A,disabled:j,required:ee,"aria-invalid":N||void 0,"aria-describedby":E,className:$.input,onChange:F}),(0,d.jsx)(`span`,{className:$.control,"aria-hidden":`true`,children:(0,d.jsx)(`span`,{className:$.indicator})}),(l||u)&&(0,d.jsxs)(`span`,{className:$.content,children:[l&&(0,d.jsx)(`span`,{className:$.label,children:l}),u&&(0,d.jsx)(`span`,{id:w,className:$.description,children:u})]})]}),o&&(0,d.jsx)(`div`,{id:T,className:$.error,children:o})]})});Be.displayName=`Radio`;var Ve=(0,c.createContext)(null),He=e=>e===`highContrast`?`high-contrast`:e,Ue=({theme:e,defaultTheme:t=`light`,onThemeChange:n,children:r})=>{let[i,a]=(0,p.useControllableState)({value:e,defaultValue:t,onChange:n}),o=He(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)(Ve.Provider,{value:s,children:(0,d.jsx)(`div`,{"data-vellira-theme":o,children:r})})};Ue.displayName=`ThemeProvider`;function We(){let e=(0,c.useContext)(Ve);if(!e)throw Error(`useTheme must be used within ThemeProvider.`);return e}exports.Button=Me,exports.Checkbox=Ie,exports.Dropdown=P,exports.FormField=de,exports.Input=ze,exports.Modal=oe,exports.Radio=Be,exports.RadioGroup=ue,exports.Select=_e,exports.Tabs=De,exports.ThemeProvider=Ue,exports.Tooltip=Ae,exports.useTheme=We;