@vellira-ui/react 2.25.1 → 2.26.1

package/README.md

@@ -116,6 +116,27 @@ export function RoleSelect() {
 }
 ```
 
+### Dropdown Notes
+
+Use `Dropdown` for contextual actions, not saved form values. The `items` model
+is flat: use `{ type: 'group', label }` as a heading before related actions and
+`{ type: 'separator' }` between sections. Use `open`, `defaultOpen`, and
+`onOpenChange` for menu state, and `onSelect` for the selected action value.
+
+```tsx
+import type { DropdownItem } from '@vellira-ui/react';
+import { Dropdown } from '@vellira-ui/react';
+
+const items: DropdownItem[] = [
+  { type: 'group', label: 'File' },
+  { label: 'Duplicate', value: 'duplicate' },
+  { type: 'separator' },
+  { label: 'Delete', value: 'delete', danger: true },
+];
+
+<Dropdown label='Actions' items={items} onSelect={handleAction} />;
+```
+
 ### 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`,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;
+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_1rvx9_1`,"dropdown-in":`_dropdown-in_1rvx9_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)(2),(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_aviwv_1`},w=({label:e})=>(0,d.jsx)(`li`,{role:`presentation`,className:C.group,children:e}),T={item:`_item_re11y_1`,disabled:`_disabled_re11y_21`,active:`_active_re11y_34`,danger:`_danger_re11y_40`,itemIcon:`_itemIcon_re11y_62`,itemShortcut:`_itemShortcut_re11y_63`,itemText:`_itemText_re11y_82`,"itemText--truncate":`_itemText--truncate_re11y_88`,"itemText--wrap":`_itemText--wrap_re11y_93`,"itemText--nowrap":`_itemText--nowrap_re11y_97`},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={separator:`_separator_1v11r_1`},O=()=>(0,d.jsx)(`li`,{role:`separator`,className:D.separator,"aria-hidden":`true`}),k={button:`_button_18ucr_1`,disabled:`_disabled_18ucr_20`,iconLeft:`_iconLeft_18ucr_32`,arrow:`_arrow_18ucr_44`,iconOnly:`_iconOnly_18ucr_47`,sm:`_sm_18ucr_60`,md:`_md_18ucr_72`,lg:`_lg_18ucr_84`,open:`_open_18ucr_123`},A=(0,c.forwardRef)(({children:e,isOpen:t,icon:n,arrowIcon:r,showArrow:i=!0,rotateAngle:a=90,size:o=`md`,label:s,ariaLabel:c,className:l,...u},f)=>{let p=!!n,h=!!e,_=p&&!h,v=i&&h,y=r??(0,d.jsx)(m.ChevronDown,{}),b=c??(_?typeof s==`string`?s:`Open menu`:void 0);return(0,d.jsxs)(`button`,{...u,ref:f,type:`button`,className:g(k.button,k[o],{[k.disabled]:u.disabled,[k.iconOnly]:_},l),"aria-label":b,"aria-expanded":t,"aria-haspopup":`menu`,style:{"--dropdown-rotate-angle":`${a}deg`},children:[p&&(0,d.jsx)(`span`,{"aria-hidden":`true`,className:k.iconLeft,children:n}),e,v&&(0,d.jsx)(`span`,{"aria-hidden":`true`,className:g(k.arrow,{[k.open]:t}),children:y})]})});A.displayName=`DropdownTrigger`;var j=e=>e.type===void 0||e.type===`item`,M=e=>e.type===`group`,ee=e=>e.type===`separator`,N={wrapper:`_wrapper_14ue8_1`},P=({label:e,ariaLabel:t,icon:n,trigger:r,items:i=[],onSelect:a,open:o,defaultOpen:s=!1,onOpenChange:l,size:u=`md`,className:f,triggerClassName:m,contentClassName:h,itemClassName:_,disabled:v,rotateAngle:b=90,placement:C,matchTriggerWidth:T,textWrap:D,showArrow:k=!0,arrowIcon:P})=>{let F=(0,c.useRef)(null),I=(0,c.useRef)(null),L=(0,c.useId)(),R=`${L}-trigger`,{floatingStyles:z,setRef:B,setFloatingRef:te}=x({placement:C,matchTriggerWidth:T,mobileSheetBreakpoint:640}),V=(0,c.useMemo)(()=>i.flatMap((e,t)=>j(e)?[{item:e,itemIndex:t}]:[]),[i]),H=(0,c.useMemo)(()=>V.map(({item:e})=>e),[V]),ne=(0,c.useMemo)(()=>new Map(V.map(({itemIndex:e},t)=>[e,t])),[V]),{activeIndex:re,setActiveIndex:U,isOpen:W,closeDropdown:ie,toggleDropdown:ae,selectItem:oe,onKeyDown:se}=(0,p.useDropdown)({items:H,open:o,defaultOpen:s,disabled:v,onOpenChange:l,onSelect:(0,c.useCallback)(e=>{a?.(e),F.current?.focus()},[a]),getItemValue:e=>e.value,getItemText:e=>typeof e.label==`string`?e.label:e.value}),ce=W&&re>=0?`${L}-item-${re}`:void 0;S([F,I],ie,W);let le=(0,c.useCallback)(e=>{se(e),W&&e.key===`Escape`&&F.current?.focus()},[W,se]),ue=(0,c.useCallback)(e=>{F.current=e,B(e)},[B]),G=(0,c.useCallback)(e=>{I.current=e,te(e),e?.focus()},[te]);return(0,d.jsxs)(`div`,{className:g(N.wrapper,f),children:[(0,d.jsx)(A,{ref:ue,id:R,isOpen:W,disabled:v,size:u,icon:n,label:e,ariaLabel:t,showArrow:k,arrowIcon:P,rotateAngle:b,className:m,onClick:ae,onKeyDown:le,"aria-expanded":W,"aria-haspopup":`menu`,...W&&{"aria-controls":L},children:r}),W&&(0,d.jsx)(y,{ref:G,floatingStyles:z,menuId:L,labelledById:r?R:void 0,label:t??(!r&&typeof e==`string`?e:void 0),activeDescendantId:ce,onKeyDown:le,className:h,children:i.map((e,t)=>{if(M(e))return(0,d.jsx)(w,{label:e.label},`group-${e.label}`);if(ee(e))return(0,d.jsx)(O,{},`separator-${t}`);if(j(e)){let n=ne.get(t)??-1;return(0,d.jsx)(E,{id:`${L}-item-${n}`,...e,active:re===n,textWrap:e.textWrap||D,className:_,onClick:()=>{oe(e),F.current?.focus()},onMouseEnter:()=>{n<0||e.disabled||U(n)},children:e.label},`${e.value}-${t}`)}})})]})},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_k44g7_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_p8xf1_1`,modalHeaderTitle:`_modalHeaderTitle_p8xf1_7`,modalHeaderCloseButton:`_modalHeaderCloseButton_p8xf1_14`},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_dcudn_1`,"overlay--open":`_overlay--open_dcudn_14`,modal:`_modal_dcudn_20`,"overlay--animated":`_overlay--animated_dcudn_28`},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}=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})})})})};ae.displayName=`ModalOverlay`;var oe=({isOpen:e,children:t,onClose:n,closeOnBackdrop:r,closeOnClick:i,closeOnEsc:a=!0})=>{let o=(0,p.useModal)({isOpen:e,onClose:n,closeOnBackdrop:r,closeOnClick:i,closeOnEsc:a});return o.shouldRender?(0,d.jsx)(F.Provider,{value:{onClose:o.onClose,titleId:o.titleId,descriptionId:o.descriptionId},children:(0,d.jsx)(ae,{isOpen:o.isOpen,onClose:o.onClose,closeOnBackdrop:o.closeOnBackdrop,closeOnEsc:o.closeOnEsc,children:(0,d.jsx)(B,{children:t})})}):null};oe.displayName=`Modal`;var se=Object.assign(oe,{Header:ne,Body:R,Content:B,Footer:V}),ce=(0,c.createContext)(null),le=ce.Provider;function ue(){return(0,c.useContext)(ce)}var G={root:`_root_1n02e_1`,label:`_label_1n02e_9`,required:`_required_1n02e_21`,description:`_description_1n02e_26`,items:`_items_1n02e_34`,vertical:`_vertical_1n02e_39`,horizontal:`_horizontal_1n02e_45`,error:`_error_1n02e_51`,disabled:`_disabled_1n02e_59`,invalid:`_invalid_1n02e_75`},de=(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(G.root,k&&G.invalid,r&&G.disabled,h),children:[s&&(0,d.jsxs)(`div`,{id:S,className:G.label,children:[s,i&&(0,d.jsx)(`span`,{className:G.required,"aria-hidden":`true`,children:`*`})]}),l&&(0,d.jsx)(`div`,{id:C,className:G.description,children:l}),(0,d.jsx)(le,{value:{name:E,value:D,disabled:r,required:i,invalid:k,size:a,describedBy:T,onValueChange:O},children:(0,d.jsx)(`div`,{className:g(G.items,G[f]),children:m})}),u&&(0,d.jsx)(`div`,{id:w,className:G.error,children:u})]})});de.displayName=`RadioGroup`;var K={wrapper:`_wrapper_byl2d_1`,label:`_label_byl2d_9`,required:`_required_byl2d_20`,description:`_description_byl2d_25`,control:`_control_byl2d_32`,errorText:`_errorText_byl2d_40`,disabled:`_disabled_byl2d_54`},fe=({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(K.wrapper,a&&K.disabled,s),"data-disabled":a||void 0,"data-invalid":!!r||void 0,children:[t&&(0,d.jsxs)(`label`,{htmlFor:e,className:g(K.label,l),children:[t,i&&(0,d.jsx)(`span`,{className:K.required,"aria-hidden":`true`,children:`*`})]}),n&&(0,d.jsx)(`div`,{id:m,className:g(K.description,u),children:n}),(0,d.jsx)(`div`,{className:g(K.control,c),children:o}),r&&(0,d.jsx)(`div`,{id:h,className:g(K.errorText,f),role:`alert`,children:r})]})},q={option:`_option_l6qjj_1`,selected:`_selected_l6qjj_18`,disabled:`_disabled_l6qjj_18`,active:`_active_l6qjj_34`,label:`_label_l6qjj_46`,check:`_check_l6qjj_54`},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(q.option,{[q.selected]:t,[q.active]:n,[q.disabled]:o}),onClick:()=>{o||i(e.value)},onMouseEnter:()=>{o||a()},children:[(0,d.jsx)(`span`,{className:q.label,children:e.label}),(0,d.jsx)(`span`,{className:q.check,"aria-hidden":`true`,children:t&&(0,d.jsx)(m.Check,{})})]})};pe.displayName=`SelectOption`;var me={dropdown:`_dropdown_qznlq_1`,dropdownIn:`_dropdownIn_qznlq_1`,empty:`_empty_qznlq_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`,{role:`option`,"aria-disabled":`true`,"aria-selected":`false`,className:me.empty,children:o})})}):null;he.displayName=`SelectDropdown`;var J={control:`_control_1xma1_1`,disabled:`_disabled_1xma1_18`,arrow:`_arrow_1xma1_23`,sm:`_sm_1xma1_34`,md:`_md_1xma1_41`,lg:`_lg_1xma1_48`,value:`_value_1xma1_55`,placeholder:`_placeholder_1xma1_63`,error:`_error_1xma1_67`,open:`_open_1xma1_109`},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,M=`${j}-listbox`,ee=!!_,N=ee?`${j}-error`:void 0,P=(0,c.useRef)(null),F=(0,c.useRef)(null),{selectedValue:I,selectedOption:L,isOpen:R,setIsOpen:z,activeIndex:B,setActiveIndex:te,closeDropdown:V,toggleDropdown:H,selectValue:ne,onKeyDown:re}=(0,p.useSelect)({value:a,defaultValue:o,onChange:s,options:l,disabled:g,open:b,defaultOpen:C,onOpenChange:w}),U=!!L,{floatingStyles:W,setRef:ie,setFloatingRef:ae}=x({open:R,onOpenChange:z,placement:v,matchTriggerWidth:y,mobileSheetBreakpoint:640}),oe=(0,c.useCallback)(e=>{ne(e),P.current?.focus()},[ne]);S([P,F],V,R);let se=(0,c.useCallback)(e=>{P.current=e,ie(e)},[ie]),ce=(0,c.useCallback)(e=>{F.current=e,ae(e)},[ae]);return(0,d.jsxs)(fe,{id:j,label:e,description:t,error:_,required:h,disabled:g,className:D,children:[(0,d.jsx)(ge,{id:j,errorId:N,isOpen:R,disabled:g,required:h,listboxId:M,activeIndex:B,ariaLabel:i??(e?void 0:L?.label||u),error:ee,displayText:L?.label??u,isPlaceholder:!U,size:m,className:O,buttonRef:se,onClick:H,onKeyDown:re,onBlur:T,onFocus:E}),r&&(0,d.jsx)(`input`,{type:`hidden`,name:r,value:I,disabled:g}),(0,d.jsx)(he,{isOpen:R,listboxId:M,labelledById:j,style:W,options:l,noOptionsText:f,selectedValue:I,activeIndex:B,className:k,setDropdownRef:ce,onSelect:oe,onMouseEnter:te})]})};_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_13hkl_1`,vertical:`_vertical_13hkl_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_1v1a9_1`,visible:`_visible_1v1a9_10`,vertical:`_vertical_1v1a9_14`},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_qe8xc_1`,iconOnly:`_iconOnly_qe8xc_27`,tabIcon:`_tabIcon_qe8xc_31`,label:`_label_qe8xc_45`,default:`_default_qe8xc_51`,underline:`_underline_qe8xc_60`,pills:`_pills_qe8xc_92`,vertical:`_vertical_qe8xc_106`},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_uqy7q_1`,vertical:`_vertical_uqy7q_5`},Ee=({children:e,activeIndex:t,defaultActiveIndex:n=0,onChange:r,orientation:i=`horizontal`,appearance:a=`default`,className:o})=>{let{activeIndex:s,setActiveIndex:l}=(0,p.useTabs)({activeIndex:t,defaultActiveIndex:n,onChange:r}),u=(0,c.useRef)([]),f=(0,c.useCallback)((e,t)=>{u.current[e]=t},[]),{onKeyDown:m}=(0,p.useTabsKeyboard)({activeIndex:s,setActiveIndex:l,tabRefs:u,orientation:i,onNavigate:e=>{u.current[e]?.focus()}}),h={activeIndex:s,setActiveIndex:l,orientation:i,appearance:a,registerTab:f,onTabKeyDown:m};return(0,d.jsx)(ve.Provider,{value:h,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_10opu_1`,arrow:`_arrow_10opu_25`},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_kajmf_1`,solid:`_solid_kajmf_21`,primary:`_primary_kajmf_21`,loading:`_loading_kajmf_21`,secondary:`_secondary_kajmf_45`,danger:`_danger_kajmf_69`,close:`_close_kajmf_93`,outline:`_outline_kajmf_117`,ghost:`_ghost_kajmf_213`,sm:`_sm_kajmf_327`,md:`_md_kajmf_333`,lg:`_lg_kajmf_339`,fullWidth:`_fullWidth_kajmf_345`,iconOnly:`_iconOnly_kajmf_349`,label:`_label_kajmf_353`,icon:`_icon_kajmf_349`,spinner:`_spinner_kajmf_375`,"button-spin":`_button-spin_kajmf_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_2j84j_1`,wrapperSm:`_wrapperSm_2j84j_12`,wrapperMd:`_wrapperMd_2j84j_18`,wrapperLg:`_wrapperLg_2j84j_24`,iconOnly:`_iconOnly_2j84j_30`,container:`_container_2j84j_36`,containerSm:`_containerSm_2j84j_43`,containerMd:`_containerMd_2j84j_47`,containerLg:`_containerLg_2j84j_51`,input:`_input_2j84j_55`,customCheckbox:`_customCheckbox_2j84j_67`,requiredMark:`_requiredMark_2j84j_81`,error:`_error_2j84j_92`,checkmark:`_checkmark_2j84j_97`,indeterminateMark:`_indeterminateMark_2j84j_113`,label:`_label_2j84j_123`,descriptionText:`_descriptionText_2j84j_129`,errorText:`_errorText_2j84j_136`,labelSm:`_labelSm_2j84j_143`,labelMd:`_labelMd_2j84j_147`,labelLg:`_labelLg_2j84j_151`,indeterminate:`_indeterminate_2j84j_113`,disabled:`_disabled_2j84j_223`},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 ee=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:ee,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_13w4m_1`,input:`_input_13w4m_1`,error:`_error_13w4m_47`,sm:`_sm_13w4m_55`,md:`_md_13w4m_59`,lg:`_lg_13w4m_63`,hasLeftAdornment:`_hasLeftAdornment_13w4m_98`,hasRightAdornment:`_hasRightAdornment_13w4m_102`,leftAdornment:`_leftAdornment_13w4m_106`,rightAdornment:`_rightAdornment_13w4m_107`,clearButton:`_clearButton_13w4m_149`,toneDefault:`_toneDefault_13w4m_189`,tonePrimary:`_tonePrimary_13w4m_193`,toneSecondary:`_toneSecondary_13w4m_197`,toneSuccess:`_toneSuccess_13w4m_201`,toneDanger:`_toneDanger_13w4m_205`,toneMuted:`_toneMuted_13w4m_209`,toneInverse:`_toneInverse_13w4m_213`},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,...ee},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,te=B!==``,V=Re(l,_),H=y&&te&&!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;z||R(t),s?.(e)},[z,s]),ie=(0,c.useCallback)(()=>{z||R(``),b?.(),I.current?.focus()},[z,b]),ae=!H&&!!S;return(0,d.jsx)(fe,{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`,{...ee,ref:U,id:F,name:n,type:l,autoComplete:V,className:g(Q.input,Q[u],{[Q.error]:!!f},h),value:B,onChange:W,placeholder:i,disabled:p,readOnly:v,required:m,autoFocus:D,maxLength:O,"aria-invalid":f?!0:M,"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}),ae&&(0,d.jsx)(`div`,{className:g(Q.rightAdornment,Le[T]),children:S})]})})});ze.displayName=`Input`;var $={root:`_root_ie5a6_1`,invalid:`_invalid_ie5a6_14`,control:`_control_ie5a6_14`,label:`_label_ie5a6_17`,wrapper:`_wrapper_ie5a6_20`,input:`_input_ie5a6_21`,disabled:`_disabled_ie5a6_24`,description:`_description_ie5a6_32`,sm:`_sm_ie5a6_36`,md:`_md_ie5a6_45`,lg:`_lg_ie5a6_54`,indicator:`_indicator_ie5a6_109`,content:`_content_ie5a6_202`,error:`_error_ie5a6_219`},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=ue(),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,ee=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:ee,value:e,checked:A,disabled:j,required:M,"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=fe,exports.Input=ze,exports.Modal=se,exports.Radio=Be,exports.RadioGroup=de,exports.Select=_e,exports.Tabs=De,exports.ThemeProvider=Ue,exports.Tooltip=Ae,exports.useTheme=We;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-export type { DropdownProps } from './components/Dropdown';
 export { Dropdown } from './components/Dropdown';
+export type { DropdownGroup as DropdownGroupItem, DropdownItem, DropdownMenuItem, DropdownProps, DropdownSeparator as DropdownSeparatorItem, } from './components/Dropdown/types';
 export type { ModalProps } from './components/Modal';
 export { Modal } from './components/Modal';
 export type { RadioGroupProps } from './components/RadioGroup';