@televet/kibble-ui 4.0.0-beta.47 → 4.0.0-beta.49

package/dist/chunks/menu.component-DfMZGgCy.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),i=require("react"),y=require("./button.component-ytAmAAJg.js"),J=require("./icon.component-4aaCABoX.js"),A=require("./text.component-Dcx3RoTp.js"),b=require("./flex-DKWxn8hO.js"),Ge=require("./textInput.component-BjQgcjCW.js"),Oe=require("./spinner.component-BuNeiOw3.js"),w=require("./box-ca2FvcWF.js"),qe=require("./tooltip.component-C7RpuMiK.js"),Q=require("./checkbox.component-jKQDjGYQ.js"),o=require("./use-locale-context-BdqHZ8L8.js"),Be=require("./create-slot-recipe-context-D-pJ8fgs.js"),$e=require("./icons-BVYVhH49.js"),W=require("./index-ZaGEDS_0.js"),m=require("./index-CZ42b9rT.js"),Fe=t=>t&&t.__esModule?t:{default:t},Le=Fe(i),[U,d]=o.createContext({name:"MenuContext",hookName:"useMenuContext",providerName:"<MenuProvider />",strict:!1}),X=i.forwardRef((t,s)=>{const n=d(),r=m.mergeProps(n.getArrowProps(),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});X.displayName="MenuArrow";const Y=i.forwardRef((t,s)=>{const n=d(),r=m.mergeProps(n.getArrowTipProps(),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});Y.displayName="MenuArrowTip";const[G,ot]=o.createContext({name:"MenuItemContext",hookName:"useMenuItemContext",providerName:"<MenuItemProvider />"}),[Z,ee]=o.createContext({name:"MenuOptionItemPropsContext",hookName:"useMenuOptionItemPropsContext",providerName:"<MenuOptionItemPropsProvider />"}),te=i.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["checked","closeOnSelect","disabled","onCheckedChange","value","valueText"]),u={...n,type:"checkbox"},l=d(),a=m.mergeProps(l.getOptionItemProps(u),r),x=l.getOptionItemState(u);return e.jsxRuntimeExports.jsx(Z,{value:u,children:e.jsxRuntimeExports.jsx(G,{value:x,children:e.jsxRuntimeExports.jsx(o.ark.div,{...a,ref:s})})})});te.displayName="MenuCheckboxItem";const ne=i.forwardRef((t,s)=>{const n=d(),r=o.usePresenceContext(),u=m.mergeProps(n.getContentProps(),r.getPresenceProps(),t);return r.unmounted?null:e.jsxRuntimeExports.jsx(o.ark.div,{...u,ref:o.composeRefs(r.ref,s)})});ne.displayName="MenuContent";const se=i.forwardRef((t,s)=>{const n=d(),r=m.mergeProps(n.getContextTriggerProps(),t);return e.jsxRuntimeExports.jsx(o.ark.button,{...r,ref:s})});se.displayName="MenuContextTrigger";const re=i.forwardRef((t,s)=>{const n=d(),r=m.mergeProps(n.getIndicatorProps(),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});re.displayName="MenuIndicator";const oe=i.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["closeOnSelect","disabled","value","valueText","onSelect"]),u=d(),l=m.mergeProps(u.getItemProps(n),r),a=u.getItemState(n);return i.useEffect(()=>u.addItemListener({id:a.id,onSelect:n.onSelect}),[a.id,n.onSelect]),e.jsxRuntimeExports.jsx(G,{value:a,children:e.jsxRuntimeExports.jsx(o.ark.div,{...l,ref:s})})});oe.displayName="MenuItem";const[ue,ie]=o.createContext({name:"MenuItemGroupContext",hookName:"useMenuItemGroupContext",providerName:"<MenuItemGroupProvider />"}),ce=i.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["id"]),u=d(),a={id:i.useId(),...n},x=m.mergeProps(u.getItemGroupProps(a),r);return e.jsxRuntimeExports.jsx(ue,{value:a,children:e.jsxRuntimeExports.jsx(o.ark.div,{...x,ref:s})})});ce.displayName="MenuItemGroup";const ae=i.forwardRef((t,s)=>{const n=d(),r=ie(),u=m.mergeProps(n.getItemGroupLabelProps({htmlFor:r.id}),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...u,ref:s})});ae.displayName="MenuItemGroupLabel";const le=i.forwardRef((t,s)=>{const n=d(),r=ee(),u=m.mergeProps(n.getItemIndicatorProps(r),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...u,ref:s})});le.displayName="MenuItemIndicator";const pe=i.forwardRef((t,s)=>{const n=d(),r=ee(),u=m.mergeProps(n.getItemTextProps(r),t);return e.jsxRuntimeExports.jsx(o.ark.div,{...u,ref:s})});pe.displayName="MenuItemText";const xe=i.forwardRef((t,s)=>{const n=d(),r=m.mergeProps(n.getPositionerProps(),t);return o.usePresenceContext().unmounted?null:e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});xe.displayName="MenuPositioner";const me=i.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["closeOnSelect","disabled","value","valueText"]),u=d(),l=ie(),a={...n,checked:l.value===n.value,type:"radio",onCheckedChange:()=>l.onValueChange?.({value:n.value})},x=m.mergeProps(u.getOptionItemProps(a),r),g=u.getOptionItemState(a);return e.jsxRuntimeExports.jsx(Z,{value:a,children:e.jsxRuntimeExports.jsx(G,{value:g,children:e.jsxRuntimeExports.jsx(o.ark.div,{...x,ref:s})})})});me.displayName="MenuRadioItem";const de=i.forwardRef((t,s)=>{const[n,r]=o.createSplitProps()(t,["id","onValueChange","value"]),u=d(),a={id:i.useId(),...n},x=m.mergeProps(u.getItemGroupProps({id:a.id}),r);return e.jsxRuntimeExports.jsx(ue,{value:a,children:e.jsxRuntimeExports.jsx(o.ark.div,{...x,ref:s})})});de.displayName="MenuRadioItemGroup";const je=t=>{const s=i.useRef(t),n=i.useRef(!1);i.useEffect(()=>{s.current=t}),i.useEffect(()=>{n.current!==!0&&(n.current=!0,s.current())},[])},Ve=t=>{const s=i.useId(),{getRootNode:n}=o.useEnvironmentContext(),{dir:r}=o.useLocaleContext(),u={id:s,dir:r,getRootNode:n,...t},l=o.useMachine(W.machine,u);return{api:W.connect(l,o.normalizeProps),service:l}},[he,ge]=o.createContext({name:"MenuMachineContext",hookName:"useMenuMachineContext",providerName:"<MenuMachineProvider />",strict:!1}),[fe,ze]=o.createContext({name:"MenuMachineContext",hookName:"useMenuMachineContext",providerName:"<MenuMachineProvider />",strict:!1}),We=t=>{const[s,n]=o.splitPresenceProps(t),[r,u]=o.createSplitProps()(n,["anchorPoint","aria-label","closeOnSelect","composite","defaultHighlightedValue","defaultOpen","highlightedValue","id","ids","loopFocus","navigate","onEscapeKeyDown","onFocusOutside","onHighlightChange","onInteractOutside","onOpenChange","onPointerDownOutside","onSelect","open","positioning","typeahead"]),l=d(),a=ge(),{api:x,service:g}=Ve(r),P=o.usePresence(m.mergeProps({present:x.open},s));je(()=>{a&&l&&(l.setChild(g),x.setParent(a))});const I=i.useCallback(()=>l?.getTriggerItemProps(x),[x,l]);return e.jsxRuntimeExports.jsx(fe,{value:I,children:e.jsxRuntimeExports.jsx(he,{value:g,children:e.jsxRuntimeExports.jsx(U,{value:x,children:e.jsxRuntimeExports.jsx(o.PresenceProvider,{value:P,...u})})})})},De=t=>{const s=d(),n=ge(),[r,{value:u,children:l}]=o.splitPresenceProps(t),{api:a,service:x}=u,g=o.usePresence(m.mergeProps({present:a.open},r));je(()=>{n&&s&&(s.setChild(x),a.setParent(n))});const P=i.useCallback(()=>s?.getTriggerItemProps(a),[a,s]);return e.jsxRuntimeExports.jsx(fe,{value:P,children:e.jsxRuntimeExports.jsx(he,{value:x,children:e.jsxRuntimeExports.jsx(U,{value:a,children:e.jsxRuntimeExports.jsx(o.PresenceProvider,{value:g,children:l})})})})},Pe=i.forwardRef((t,s)=>{const n=d(),r=m.mergeProps(n.getSeparatorProps(),t);return e.jsxRuntimeExports.jsx(o.ark.hr,{...r,ref:s})});Pe.displayName="MenuSeparator";const Re=i.forwardRef((t,s)=>{const n=d(),r=o.usePresenceContext(),u=m.mergeProps({...n.getTriggerProps(),"aria-controls":r.unmounted?void 0:n.getTriggerProps()["aria-controls"]},t);return e.jsxRuntimeExports.jsx(o.ark.button,{...u,ref:s})});Re.displayName="MenuTrigger";const Me=i.forwardRef((t,s)=>{const n=ze(),r=m.mergeProps(n?.()??{},t);return e.jsxRuntimeExports.jsx(o.ark.div,{...r,ref:s})});Me.displayName="MenuTriggerItem";const{withRootProvider:Ce,withContext:j}=Be.createSlotRecipeContext({key:"menu"});Ce(De);const He=Ce(We,{defaultProps:{lazyMount:!0,unmountOnExit:!0}}),Ke=j(Re,"trigger",{forwardAsChild:!0});j(se,"contextTrigger",{forwardAsChild:!0});const Je=j(xe,"positioner",{forwardAsChild:!0});j(Pe,"separator",{forwardAsChild:!0});const Qe=j(ne,"content",{forwardAsChild:!0}),Ue=j(Y,"arrowTip",{forwardAsChild:!0});j(X,"arrow",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(Ue,{})}});j(re,"indicator",{forwardAsChild:!0});const Xe=j(ce,"itemGroup",{forwardAsChild:!0}),Ye=j(ae,"itemGroupLabel",{forwardAsChild:!0}),Ze=j(oe,"item",{forwardAsChild:!0}),et=j(Me,"item",{forwardAsChild:!0});j(pe,"itemText",{forwardAsChild:!0});j("kbd","itemCommand");j(le,"itemIndicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx($e.CheckIcon,{boxSize:"4"})}});const tt=j(te,"item",{forwardAsChild:!0});j(de,"itemGroup",{forwardAsChild:!0});j(me,"item",{forwardAsChild:!0});const nt=({hideCaret:t=!1,size:s="md",text:n,textProps:r,variant:u,...l})=>e.jsxRuntimeExports.jsxs(y.Button,{className:"Menu__Button","data-testid":"kibble-menu-button",size:s,variant:u,...l,children:[n&&e.jsxRuntimeExports.jsx(A.WrappedText,{className:"Menu__ButtonText","data-testid":"kibble-menu-button-text",fontWeight:"semibold",size:s,color:u?"inherit":r?.color||"text.contrast",truncate:!0,...r,children:n}),!t&&e.jsxRuntimeExports.jsx(b.Flex,{className:"Menu__ButtonCaret","data-testid":"kibble-menu-button-caret",children:e.jsxRuntimeExports.jsx(J.Icon,{name:"chevronDown",size:s==="lg"?"sm":"xs"})})]}),st=({label:t,leftElement:s,onSelect:n,shouldTruncateText:r,type:u="default",variant:l,...a})=>{const x=i.useCallback(()=>{n&&n(a.value)},[n,a.value]);if(u==="submenu"){const{valueText:g,listProps:P}=a;return e.jsxRuntimeExports.jsx(Ie,{submenuTrigger:e.jsxRuntimeExports.jsxs(et,{className:"Menu__Item--Submenu","data-testid":"kibble-menu-item-submenu",justifyContent:"space-between","aria-valuetext":g,children:[e.jsxRuntimeExports.jsx(_,{label:t,leftElement:s,shouldTruncateText:r,variant:l}),e.jsxRuntimeExports.jsx(J.Icon,{name:"chevronRight",size:"sm"})]}),portalled:!0,listProps:P})}if(u==="checkbox"){const{checked:g,value:P,closeOnSelect:I,...M}=a;return e.jsxRuntimeExports.jsxs(tt,{className:"Menu__Item--Checkbox","data-testid":"kibble-menu-item-checkbox",value:P,checked:!!g,onCheckedChange:x,closeOnSelect:I||!1,gap:3,...M,children:[e.jsxRuntimeExports.jsx(Q.WrappedCheckbox,{checked:!!g,size:"md"}),e.jsxRuntimeExports.jsx(_,{label:t,leftElement:s,shouldTruncateText:r,variant:l})]})}if(u==="default"){const{selected:g=!1,value:P,...I}=a;return e.jsxRuntimeExports.jsx(Ze,{className:"Menu__Item--Default","data-testid":"kibble-menu-item-default",value:P,onSelect:x,...g&&{bgColor:"background.secondaryAlpha.hover"},...I,children:e.jsxRuntimeExports.jsx(_,{label:t,leftElement:s,shouldTruncateText:r,variant:g?"info":l})})}return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})},_=({label:t,leftElement:s,shouldTruncateText:n,variant:r})=>e.jsxRuntimeExports.jsxs(b.Flex,{className:"Menu__ItemLabel",alignItems:"center",gap:3,children:[s,typeof t=="string"?e.jsxRuntimeExports.jsx(A.WrappedText,{size:"sm",truncated:n,variant:r,children:t}):t]}),D=({groupName:t,hasSelectedItems:s=!1,onToggle:n})=>{const r=!!t;return e.jsxRuntimeExports.jsx(w.Box,{className:"Menu__ToggleButtons","data-testid":"kibble-menu-toggle-buttons",...r?{textAlign:"right",w:"50%"}:{mt:2},children:r?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:s?e.jsxRuntimeExports.jsx(K,{hasSelectedItems:s,groupName:t,onToggle:n}):e.jsxRuntimeExports.jsx(H,{groupName:t,onToggle:n})}):e.jsxRuntimeExports.jsxs(b.Flex,{justifyContent:"space-between",children:[e.jsxRuntimeExports.jsx(H,{groupName:t,onToggle:n}),e.jsxRuntimeExports.jsx(K,{hasSelectedItems:s,groupName:t,onToggle:n})]})})},H=({groupName:t,onToggle:s})=>e.jsxRuntimeExports.jsx(y.Button,{variant:"ghost",size:"xs",onClick:()=>s({groupName:t,clear:!1}),children:"Select All"}),K=({hasSelectedItems:t,groupName:s,onToggle:n})=>e.jsxRuntimeExports.jsx(y.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",disabled:!t,onClick:()=>n({groupName:s,clear:!0}),children:"Clear All"}),Ie=({buttonProps:t,listProps:s,portalled:n=!1,submenuTrigger:r,...u})=>{const{contentRef:l}=qe.useModalContentRef(),{canSelectAll:a,canSelectGroups:x,emptyStateText:g="No results found",loading:P,maxH:I="480px",menuItems:M=[],minW:ve="240px",onSearch:S,onSelect:O,onSelectAll:q,searchable:B,searchPlaceholder:Ee="Search...",shouldTruncateText:be,...ke}=s||{},[we,N]=i.useState(""),[$,T]=i.useState(M),F=i.useMemo(()=>{const c={};return $?.forEach(p=>{const h=p.groupLabel||"default",f=p.type==="checkbox"?"checkbox":"default";c[h]||(c[h]={}),c[h][f]||(c[h][f]=[]),c[h][f].push(p)}),c},[$]),L=i.useMemo(()=>Object.entries(F),[F]),v=i.useMemo(()=>M?.filter(c=>c.type==="checkbox")||[],[M]),Se=i.useMemo(()=>(v?.filter(p=>p.checked)||[]).map(p=>p.value),[v]),R=Q.useCheckboxGroup({defaultValue:Se}),V=i.useCallback(c=>{const p=c.target.value;if(N(p),S)S(c);else if(p===""||!p)T(M);else{const h=M.filter(f=>!!(typeof f.label=="string"?f.label:f.valueText)?.toLowerCase().includes(p.toLowerCase()));T(h)}},[M,S]),z=i.useCallback(({groupName:c,clear:p})=>{let h=[];if(c){const f=v.filter(C=>C.groupLabel===c).map(C=>C.value);h=p?R.value.filter(C=>!f.includes(C)):[...R.value,...f]}else h=p?[]:v.map(f=>f.value);q?.(h),R.setValue(h)},[v,q,R]),Ne=i.useCallback(c=>{c.onSelect?.(c.value);const p=R.value,h=R.isChecked(c.value);O?.(c.value,h?p.filter(f=>f!==c.value):[...p,c.value]),c.type==="checkbox"&&R.toggleValue(c.value)},[O,R]),Te=i.useCallback(c=>{c||(N(""),T(M))},[M]);return e.jsxRuntimeExports.jsxs(He,{...u,onOpenChange:c=>{Te(c.open),u.onOpenChange?.(c)},children:[r||e.jsxRuntimeExports.jsx(Ke,{asChild:!0,className:"Menu__Trigger","data-testid":"kibble-menu-trigger",children:e.jsxRuntimeExports.jsx(nt,{...t})}),e.jsxRuntimeExports.jsx(o.Portal,{disabled:!n,container:l||void 0,children:e.jsxRuntimeExports.jsx(Je,{className:"Menu","data-testid":"kibble-menu",children:e.jsxRuntimeExports.jsxs(Qe,{className:"Menu__Content","data-testid":"kibble-menu-content",maxH:I,minW:ve,...ke,children:[(B||a)&&e.jsxRuntimeExports.jsxs(w.Box,{className:"Menu__Header","data-testid":"kibble-menu-header",m:"0 12px 8px",children:[B&&e.jsxRuntimeExports.jsx(Ge.WrappedTextInput,{className:"Menu__SearchBar","data-testid":"kibble-menu-search-bar",placeholder:Ee,onChange:V,size:"sm",value:we,clearable:!0,onClear:()=>{N(""),V({target:{value:""}})},formControlStyle:{mt:1}}),a&&!!v.length&&e.jsxRuntimeExports.jsx(D,{onToggle:z,hasSelectedItems:!!R.value.length})]}),P?e.jsxRuntimeExports.jsx(b.Flex,{justifyContent:"center",py:5,children:e.jsxRuntimeExports.jsx(Oe.Spinner,{})}):e.jsxRuntimeExports.jsx(w.Box,{className:"Menu__List","data-testid":"kibble-menu-list",children:L.length?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:L.map(([c,p])=>{const h=c==="default",f=Object.keys(p),C=h?Le.default.Fragment:Xe,_e=p.checkbox?.map(E=>E.value)?.some(E=>R.value.includes(E));return e.jsxRuntimeExports.jsxs(C,{children:[!h&&e.jsxRuntimeExports.jsx(Ye,{children:e.jsxRuntimeExports.jsxs(b.Flex,{alignItems:"center",justifyContent:"space-between",children:[c,x&&f.includes("checkbox")&&e.jsxRuntimeExports.jsx(D,{groupName:c,onToggle:z,hasSelectedItems:_e})]})}),Object.entries(p).map(([E,ye])=>ye.map((k,Ae)=>e.jsxRuntimeExports.jsx(st,{...k,shouldTruncateText:be,...k.type==="checkbox"&&{checked:R.isChecked(k.value)},onSelect:()=>Ne(k)},`menu-item-${c}-${E}-${Ae}`)))]},c)})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(w.Box,{textAlign:"center",p:3,children:e.jsxRuntimeExports.jsx(A.WrappedText,{size:"sm",variant:"subtle",children:g})})})})]})})})]})};exports.Menu=Ie;
-//# sourceMappingURL=menu.component-DfMZGgCy.js.map

package/dist/chunks/select.component-9-2Fo505.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),l=require("react"),B=require("./withFormControl-YVXep-WE.js"),J=require("./icon.component-4aaCABoX.js"),K=require("./button.component-ytAmAAJg.js"),h=require("./text.component-Dcx3RoTp.js"),Q=require("./spinner.component-BuNeiOw3.js"),n=require("./use-locale-context-BdqHZ8L8.js"),U=require("./create-slot-recipe-context-D-pJ8fgs.js"),R=require("./icons-BVYVhH49.js"),C=require("./use-field-context--wBJQY1R.js"),p=require("./index-CZ42b9rT.js"),S=require("./index-BDnnTdaJ.js"),X=require("./tooltip.component-C7RpuMiK.js"),f=require("./flex-DKWxn8hO.js"),Y=t=>t&&t.__esModule?t:{default:t},Z=Y(l),z=t=>new S.ListCollection(t),[v,d]=n.createContext({name:"SelectContext",hookName:"useSelectContext",providerName:"<SelectProvider />"}),E=l.forwardRef((t,o)=>{const s=d(),r=p.mergeProps(s.getClearTriggerProps(),t);return e.jsxRuntimeExports.jsx(n.ark.button,{...r,ref:o})});E.displayName="SelectClearTrigger";const I=l.forwardRef((t,o)=>{const s=d(),r=n.usePresenceContext(),c=p.mergeProps(s.getContentProps(),r.getPresenceProps(),t);return r.unmounted?null:e.jsxRuntimeExports.jsx(n.ark.div,{...c,ref:n.composeRefs(r.ref,o)})});I.displayName="SelectContent";const w=l.forwardRef((t,o)=>{const s=d(),r=p.mergeProps(s.getControlProps(),t);return e.jsxRuntimeExports.jsx(n.ark.div,{...r,ref:o})});w.displayName="SelectControl";const b=l.forwardRef((t,o)=>{const s=d(),r=p.mergeProps(s.getHiddenSelectProps(),t),c=s.value.length===0,a=C.useFieldContext();return e.jsxRuntimeExports.jsxs(n.ark.select,{"aria-describedby":a?.ariaDescribedby,...r,ref:o,children:[c&&e.jsxRuntimeExports.jsx("option",{value:""}),s.collection.items.map((i,x)=>e.jsxRuntimeExports.jsx("option",{value:s.collection.getItemValue(i)??"",disabled:s.collection.getItemDisabled(i),children:s.collection.stringifyItem(i)},x))]})});b.displayName="SelectHiddenSelect";const y=l.forwardRef((t,o)=>{const s=d(),r=p.mergeProps(s.getIndicatorProps(),t);return e.jsxRuntimeExports.jsx(n.ark.div,{...r,ref:o})});y.displayName="SelectIndicator";const[ee,he]=n.createContext({name:"SelectItemContext",hookName:"useSelectItemContext",providerName:"<SelectItemProvider />"}),[te,N]=n.createContext({name:"SelectItemPropsContext",hookName:"useSelectItemPropsContext",providerName:"<SelectItemPropsProvider />"}),T=l.forwardRef((t,o)=>{const[s,r]=n.createSplitProps()(t,["item","persistFocus"]),c=d(),a=p.mergeProps(c.getItemProps(s),r),i=c.getItemState(s);return e.jsxRuntimeExports.jsx(te,{value:s,children:e.jsxRuntimeExports.jsx(ee,{value:i,children:e.jsxRuntimeExports.jsx(n.ark.div,{...a,ref:o})})})});T.displayName="SelectItem";const[re,se]=n.createContext({name:"SelectItemGroupPropsContext",hookName:"useSelectItemGroupPropsContext",providerName:"<SelectItemGroupPropsProvider />"}),k=l.forwardRef((t,o)=>{const s=l.useId(),[r,c]=n.createSplitProps()(t,["id"]),a={id:s,...r},i=d(),x=p.mergeProps(i.getItemGroupProps(a),c);return e.jsxRuntimeExports.jsx(re,{value:a,children:e.jsxRuntimeExports.jsx(n.ark.div,{...x,ref:o})})});k.displayName="SelectItemGroup";const q=l.forwardRef((t,o)=>{const s=d(),r=se(),c=p.mergeProps(s.getItemGroupLabelProps({htmlFor:r.id}),t);return e.jsxRuntimeExports.jsx(n.ark.div,{...c,ref:o})});q.displayName="SelectItemGroupLabel";const G=l.forwardRef((t,o)=>{const s=d(),r=N(),c=p.mergeProps(s.getItemIndicatorProps(r),t);return e.jsxRuntimeExports.jsx(n.ark.div,{...c,ref:o})});G.displayName="SelectItemIndicator";const A=l.forwardRef((t,o)=>{const s=d(),r=N(),c=p.mergeProps(s.getItemTextProps(r),t);return e.jsxRuntimeExports.jsx(n.ark.span,{...c,ref:o})});A.displayName="SelectItemText";const F=l.forwardRef((t,o)=>{const s=d(),r=p.mergeProps(s.getLabelProps(),t);return e.jsxRuntimeExports.jsx(n.ark.label,{...r,ref:o})});F.displayName="SelectLabel";const V=l.forwardRef((t,o)=>{const s=d(),r=p.mergeProps(s.getPositionerProps(),t);return n.usePresenceContext().unmounted?null:e.jsxRuntimeExports.jsx(n.ark.div,{...r,ref:o})});V.displayName="SelectPositioner";const oe=t=>{const o=l.useId(),{dir:s}=n.useLocaleContext(),{getRootNode:r}=n.useEnvironmentContext(),c=C.useFieldContext(),a={id:o,ids:{label:c?.ids.label,hiddenSelect:c?.ids.control},disabled:c?.disabled,readOnly:c?.readOnly,invalid:c?.invalid,required:c?.required,dir:s,getRootNode:r,...t},i=n.useMachine(S.machine,a);return S.connect(i,n.normalizeProps)},ne=(t,o)=>{const[s,r]=n.splitPresenceProps(t),[c,a]=n.createSplitProps()(r,["closeOnSelect","collection","composite","defaultHighlightedValue","defaultOpen","defaultValue","deselectable","disabled","form","highlightedValue","id","ids","invalid","loopFocus","multiple","name","onFocusOutside","onHighlightChange","onInteractOutside","onOpenChange","onPointerDownOutside","onValueChange","open","positioning","readOnly","required","scrollToIndexFn","value"]),i=oe(c),x=n.usePresence(p.mergeProps({present:i.open},s)),j=p.mergeProps(i.getRootProps(),a);return e.jsxRuntimeExports.jsx(v,{value:i,children:e.jsxRuntimeExports.jsx(n.PresenceProvider,{value:x,children:e.jsxRuntimeExports.jsx(n.ark.div,{...j,ref:o})})})},ce=l.forwardRef(ne),le=(t,o)=>{const[s,r]=n.splitPresenceProps(t),[{value:c},a]=n.createSplitProps()(r,["value"]),i=n.usePresence(p.mergeProps({present:c.open},s)),x=p.mergeProps(c.getRootProps(),a);return e.jsxRuntimeExports.jsx(v,{value:c,children:e.jsxRuntimeExports.jsx(n.PresenceProvider,{value:i,children:e.jsxRuntimeExports.jsx(n.ark.div,{...x,ref:o})})})},ie=l.forwardRef(le),_=l.forwardRef((t,o)=>{const s=d(),r=p.mergeProps(s.getTriggerProps(),t);return e.jsxRuntimeExports.jsx(n.ark.button,{...r,ref:o})});_.displayName="SelectTrigger";const $=l.forwardRef((t,o)=>{const{children:s,placeholder:r,...c}=t,a=d(),i=p.mergeProps(a.getValueTextProps(),c);return e.jsxRuntimeExports.jsx(n.ark.span,{...i,ref:o,children:s||a.valueAsString||r})});$.displayName="SelectValueText";const{withProvider:L,withContext:u}=U.createSlotRecipeContext({key:"select"});L(ie,"root",{forwardAsChild:!0});const ae=L(ce,"root",{forwardAsChild:!0,defaultProps:{positioning:{sameWidth:!0}}}),pe=u(_,"trigger",{forwardAsChild:!0}),de=u(V,"positioner",{forwardAsChild:!0}),ue=u(I,"content",{forwardAsChild:!0}),xe=u($,"valueText",{forwardAsChild:!0}),me=u(E,"clearTrigger",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(R.CloseIcon,{boxSize:"1em"})}});u(k,"itemGroup",{forwardAsChild:!0});u(q,"itemGroupLabel",{forwardAsChild:!0});const Pe=u(T,"item",{forwardAsChild:!0});u(A,"itemText",{forwardAsChild:!0});u(G,"itemIndicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(R.CheckIcon,{})}});const je=u("div","indicatorGroup");u(y,"indicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(R.ChevronDownIcon,{})}});const ge=u(w,"control",{forwardAsChild:!0});u(F,"label",{forwardAsChild:!0});const Se=b,O=({item:t,onContrast:o,shouldTruncateText:s,size:r})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[t.leftElement,typeof t.label=="string"?e.jsxRuntimeExports.jsx(h.WrappedText,{size:r,truncated:s,variant:t.variant||(o?"onContrast":"default"),children:t.label}):t.label]}),Re=({placeholder:t="",placeholderElement:o,...s})=>{const r=d(),c=l.useMemo(()=>r.selectedItems[0],[r]);return e.jsxRuntimeExports.jsxs(pe,{children:[!c&&o,e.jsxRuntimeExports.jsx(xe,{placeholder:t,children:c&&e.jsxRuntimeExports.jsx(O,{item:c,...s})})]})},fe=B.withFormControl(({clearable:t,emptyPlaceholder:o="No options available",loading:s,onContrast:r,options:c,placeholder:a="",placeholderElement:i,selectRef:x,shouldTruncateText:j,size:P="md",...H})=>{const{contentRef:M}=X.useModalContentRef(),W=r?"onContrast":"default",g=l.useMemo(()=>z({items:c??[],itemToString:m=>typeof m.label=="string"?m.label:m.valueText||"",itemToValue:m=>m.value}),[c]);return e.jsxRuntimeExports.jsxs(ae,{className:"Select","data-testid":"kibble-select",collection:g,size:P,variant:W,...H,children:[e.jsxRuntimeExports.jsx(Se,{ref:x}),e.jsxRuntimeExports.jsxs(ge,{children:[e.jsxRuntimeExports.jsx(Re,{placeholder:a,placeholderElement:i,onContrast:!!r,shouldTruncateText:!!j,size:P}),e.jsxRuntimeExports.jsxs(je,{children:[t&&e.jsxRuntimeExports.jsx(me,{asChild:!0,children:e.jsxRuntimeExports.jsx(K.Button,{iconName:"close",onContrast:r,size:P==="lg"?"sm":"xs",variant:"ghostNeutral"})}),e.jsxRuntimeExports.jsx(J.Icon,{name:"chevronDown",size:P,variant:r?"onContrast":"default"})]})]}),e.jsxRuntimeExports.jsx(n.Portal,{container:M||void 0,children:e.jsxRuntimeExports.jsx(de,{children:e.jsxRuntimeExports.jsx(ue,{children:s?e.jsxRuntimeExports.jsx(f.Flex,{w:"100%",justifyContent:"center",py:3,children:e.jsxRuntimeExports.jsx(Q.Spinner,{variant:r?"brandOnContrast":"brand",size:P})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:g.items.length?g.items.map(m=>e.jsxRuntimeExports.jsx(Pe,{item:m,children:e.jsxRuntimeExports.jsx(O,{item:m,onContrast:!!r,shouldTruncateText:!!j,size:P})},m.value)):e.jsxRuntimeExports.jsx(f.Flex,{w:"100%",justifyContent:"center",py:3,children:e.jsxRuntimeExports.jsx(h.WrappedText,{size:"sm",variant:r?"subtleOnContrast":"subtle",children:o})})})})})})]})}),D=Z.default.forwardRef((t,o)=>e.jsxRuntimeExports.jsx(fe,{selectRef:o,...t}));D.displayName="Select";exports.WrappedSelect=D;
-//# sourceMappingURL=select.component-9-2Fo505.js.map

package/dist/chunks/select.component-C4Kx68wP.js

@@ -1,345 +0,0 @@
-import { j as e } from "./jsx-runtime-C5mzlN2N.js";
-import X, { forwardRef as a, useId as v, useMemo as j } from "react";
-import { w as Y } from "./withFormControl-Vf_flDYv.js";
-import { I as Z } from "./icon.component-BmcWaysM.js";
-import { B as z } from "./button.component-BWlRjD5a.js";
-import { W as I } from "./text.component-D3E0SdX1.js";
-import { S as ee } from "./spinner.component-DCSsW51J.js";
-import { a as g, f as d, u as b, h as te, b as h, j as oe, i as re, k as se, n as ne, s as y, l as N, m as w, P as le } from "./use-locale-context-zakBNK5b.js";
-import { c as ce } from "./create-slot-recipe-context-DJkLYvCT.js";
-import { C as ie, b as ae, c as de } from "./icons-grAfs3Oz.js";
-import { u as T } from "./use-field-context-B8ygn96q.js";
-import { U as i } from "./index-DLvqBeH6.js";
-import { L as pe, m as me, c as ue } from "./index-Dn2nvQ5m.js";
-import { u as xe } from "./tooltip.component-DYBYGsfe.js";
-import { F as C } from "./flex-C2d2LH-K.js";
-const Pe = (o) => new pe(o), [G, p] = g({
-  name: "SelectContext",
-  hookName: "useSelectContext",
-  providerName: "<SelectProvider />"
-}), A = a((o, s) => {
-  const r = p(), t = i(r.getClearTriggerProps(), o);
-  return /* @__PURE__ */ e.jsx(d.button, { ...t, ref: s });
-});
-A.displayName = "SelectClearTrigger";
-const R = a((o, s) => {
-  const r = p(), t = b(), n = i(r.getContentProps(), t.getPresenceProps(), o);
-  return t.unmounted ? null : /* @__PURE__ */ e.jsx(d.div, { ...n, ref: te(t.ref, s) });
-});
-R.displayName = "SelectContent";
-const V = a((o, s) => {
-  const r = p(), t = i(r.getControlProps(), o);
-  return /* @__PURE__ */ e.jsx(d.div, { ...t, ref: s });
-});
-V.displayName = "SelectControl";
-const F = a((o, s) => {
-  const r = p(), t = i(r.getHiddenSelectProps(), o), n = r.value.length === 0, c = T();
-  return /* @__PURE__ */ e.jsxs(d.select, { "aria-describedby": c?.ariaDescribedby, ...t, ref: s, children: [
-    n && /* @__PURE__ */ e.jsx("option", { value: "" }),
-    r.collection.items.map((l, u) => /* @__PURE__ */ e.jsx(
-      "option",
-      {
-        value: r.collection.getItemValue(l) ?? "",
-        disabled: r.collection.getItemDisabled(l),
-        children: r.collection.stringifyItem(l)
-      },
-      u
-    ))
-  ] });
-});
-F.displayName = "SelectHiddenSelect";
-const L = a((o, s) => {
-  const r = p(), t = i(r.getIndicatorProps(), o);
-  return /* @__PURE__ */ e.jsx(d.div, { ...t, ref: s });
-});
-L.displayName = "SelectIndicator";
-const [Se, ze] = g({
-  name: "SelectItemContext",
-  hookName: "useSelectItemContext",
-  providerName: "<SelectItemProvider />"
-}), [ge, O] = g({
-  name: "SelectItemPropsContext",
-  hookName: "useSelectItemPropsContext",
-  providerName: "<SelectItemPropsProvider />"
-}), $ = a((o, s) => {
-  const [r, t] = h()(o, ["item", "persistFocus"]), n = p(), c = i(n.getItemProps(r), t), l = n.getItemState(r);
-  return /* @__PURE__ */ e.jsx(ge, { value: r, children: /* @__PURE__ */ e.jsx(Se, { value: l, children: /* @__PURE__ */ e.jsx(d.div, { ...c, ref: s }) }) });
-});
-$.displayName = "SelectItem";
-const [he, fe] = g({
-  name: "SelectItemGroupPropsContext",
-  hookName: "useSelectItemGroupPropsContext",
-  providerName: "<SelectItemGroupPropsProvider />"
-}), k = a((o, s) => {
-  const r = v(), [t, n] = h()(o, ["id"]), c = { id: r, ...t }, l = p(), u = i(l.getItemGroupProps(c), n);
-  return /* @__PURE__ */ e.jsx(he, { value: c, children: /* @__PURE__ */ e.jsx(d.div, { ...u, ref: s }) });
-});
-k.displayName = "SelectItemGroup";
-const H = a((o, s) => {
-  const r = p(), t = fe(), n = i(r.getItemGroupLabelProps({ htmlFor: t.id }), o);
-  return /* @__PURE__ */ e.jsx(d.div, { ...n, ref: s });
-});
-H.displayName = "SelectItemGroupLabel";
-const D = a((o, s) => {
-  const r = p(), t = O(), n = i(r.getItemIndicatorProps(t), o);
-  return /* @__PURE__ */ e.jsx(d.div, { ...n, ref: s });
-});
-D.displayName = "SelectItemIndicator";
-const W = a((o, s) => {
-  const r = p(), t = O(), n = i(r.getItemTextProps(t), o);
-  return /* @__PURE__ */ e.jsx(d.span, { ...n, ref: s });
-});
-W.displayName = "SelectItemText";
-const E = a((o, s) => {
-  const r = p(), t = i(r.getLabelProps(), o);
-  return /* @__PURE__ */ e.jsx(d.label, { ...t, ref: s });
-});
-E.displayName = "SelectLabel";
-const _ = a((o, s) => {
-  const r = p(), t = i(r.getPositionerProps(), o);
-  return b().unmounted ? null : /* @__PURE__ */ e.jsx(d.div, { ...t, ref: s });
-});
-_.displayName = "SelectPositioner";
-const Ce = (o) => {
-  const s = v(), { dir: r } = oe(), { getRootNode: t } = re(), n = T(), c = {
-    id: s,
-    ids: {
-      label: n?.ids.label,
-      hiddenSelect: n?.ids.control
-    },
-    disabled: n?.disabled,
-    readOnly: n?.readOnly,
-    invalid: n?.invalid,
-    required: n?.required,
-    dir: r,
-    getRootNode: t,
-    ...o
-  }, l = se(me, c);
-  return ue(l, ne);
-}, ve = (o, s) => {
-  const [r, t] = y(o), [n, c] = h()(t, [
-    "closeOnSelect",
-    "collection",
-    "composite",
-    "defaultHighlightedValue",
-    "defaultOpen",
-    "defaultValue",
-    "deselectable",
-    "disabled",
-    "form",
-    "highlightedValue",
-    "id",
-    "ids",
-    "invalid",
-    "loopFocus",
-    "multiple",
-    "name",
-    "onFocusOutside",
-    "onHighlightChange",
-    "onInteractOutside",
-    "onOpenChange",
-    "onPointerDownOutside",
-    "onValueChange",
-    "open",
-    "positioning",
-    "readOnly",
-    "required",
-    "scrollToIndexFn",
-    "value"
-  ]), l = Ce(n), u = N(i({ present: l.open }, r)), S = i(l.getRootProps(), c);
-  return /* @__PURE__ */ e.jsx(G, { value: l, children: /* @__PURE__ */ e.jsx(w, { value: u, children: /* @__PURE__ */ e.jsx(d.div, { ...S, ref: s }) }) });
-}, je = a(ve), Ie = (o, s) => {
-  const [r, t] = y(o), [{ value: n }, c] = h()(t, ["value"]), l = N(i({ present: n.open }, r)), u = i(n.getRootProps(), c);
-  return /* @__PURE__ */ e.jsx(G, { value: n, children: /* @__PURE__ */ e.jsx(w, { value: l, children: /* @__PURE__ */ e.jsx(d.div, { ...u, ref: s }) }) });
-}, be = a(Ie), q = a((o, s) => {
-  const r = p(), t = i(r.getTriggerProps(), o);
-  return /* @__PURE__ */ e.jsx(d.button, { ...t, ref: s });
-});
-q.displayName = "SelectTrigger";
-const M = a((o, s) => {
-  const { children: r, placeholder: t, ...n } = o, c = p(), l = i(c.getValueTextProps(), n);
-  return /* @__PURE__ */ e.jsx(d.span, { ...l, ref: s, children: r || c.valueAsString || t });
-});
-M.displayName = "SelectValueText";
-const {
-  withProvider: B,
-  withContext: m
-} = ce({ key: "select" });
-B(be, "root", {
-  forwardAsChild: !0
-});
-const ye = B(
-  je,
-  "root",
-  {
-    forwardAsChild: !0,
-    defaultProps: { positioning: { sameWidth: !0 } }
-  }
-), Ne = m(
-  q,
-  "trigger",
-  { forwardAsChild: !0 }
-), we = m(_, "positioner", { forwardAsChild: !0 }), Te = m(
-  R,
-  "content",
-  { forwardAsChild: !0 }
-), Ge = m(M, "valueText", { forwardAsChild: !0 }), Ae = m(A, "clearTrigger", {
-  forwardAsChild: !0,
-  defaultProps: { children: /* @__PURE__ */ e.jsx(ie, { boxSize: "1em" }) }
-});
-m(k, "itemGroup", { forwardAsChild: !0 });
-m(H, "itemGroupLabel", { forwardAsChild: !0 });
-const Re = m(
-  $,
-  "item",
-  { forwardAsChild: !0 }
-);
-m(
-  W,
-  "itemText",
-  { forwardAsChild: !0 }
-);
-m(D, "itemIndicator", {
-  forwardAsChild: !0,
-  defaultProps: {
-    children: /* @__PURE__ */ e.jsx(ae, {})
-  }
-});
-const Ve = m("div", "indicatorGroup");
-m(L, "indicator", {
-  forwardAsChild: !0,
-  defaultProps: {
-    children: /* @__PURE__ */ e.jsx(de, {})
-  }
-});
-const Fe = m(
-  V,
-  "control",
-  { forwardAsChild: !0 }
-);
-m(
-  E,
-  "label",
-  { forwardAsChild: !0 }
-);
-const Le = F, U = ({
-  item: o,
-  onContrast: s,
-  shouldTruncateText: r,
-  size: t
-}) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-  o.leftElement,
-  typeof o.label == "string" ? /* @__PURE__ */ e.jsx(
-    I,
-    {
-      size: t,
-      truncated: r,
-      variant: o.variant || (s ? "onContrast" : "default"),
-      children: o.label
-    }
-  ) : o.label
-] }), Oe = ({
-  placeholder: o = "",
-  placeholderElement: s,
-  ...r
-}) => {
-  const t = p(), n = j(() => t.selectedItems[0], [t]);
-  return /* @__PURE__ */ e.jsxs(Ne, { children: [
-    !n && s,
-    /* @__PURE__ */ e.jsx(Ge, { placeholder: o, children: n && /* @__PURE__ */ e.jsx(U, { item: n, ...r }) })
-  ] });
-}, $e = Y(
-  ({
-    clearable: o,
-    emptyPlaceholder: s = "No options available",
-    loading: r,
-    onContrast: t,
-    options: n,
-    placeholder: c = "",
-    placeholderElement: l,
-    selectRef: u,
-    shouldTruncateText: S,
-    size: P = "md",
-    ...J
-  }) => {
-    const { contentRef: K } = xe(), Q = t ? "onContrast" : "default", f = j(() => Pe({
-      items: n ?? [],
-      itemToString: (x) => typeof x.label == "string" ? x.label : x.valueText || "",
-      itemToValue: (x) => x.value
-    }), [n]);
-    return /* @__PURE__ */ e.jsxs(
-      ye,
-      {
-        className: "Select",
-        "data-testid": "kibble-select",
-        collection: f,
-        size: P,
-        variant: Q,
-        ...J,
-        children: [
-          /* @__PURE__ */ e.jsx(Le, { ref: u }),
-          /* @__PURE__ */ e.jsxs(Fe, { children: [
-            /* @__PURE__ */ e.jsx(
-              Oe,
-              {
-                placeholder: c,
-                placeholderElement: l,
-                onContrast: !!t,
-                shouldTruncateText: !!S,
-                size: P
-              }
-            ),
-            /* @__PURE__ */ e.jsxs(Ve, { children: [
-              o && /* @__PURE__ */ e.jsx(Ae, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-                z,
-                {
-                  iconName: "close",
-                  onContrast: t,
-                  size: P === "lg" ? "sm" : "xs",
-                  variant: "ghostNeutral"
-                }
-              ) }),
-              /* @__PURE__ */ e.jsx(
-                Z,
-                {
-                  name: "chevronDown",
-                  size: P,
-                  variant: t ? "onContrast" : "default"
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ e.jsx(le, { container: K || void 0, children: /* @__PURE__ */ e.jsx(we, { children: /* @__PURE__ */ e.jsx(Te, { children: r ? /* @__PURE__ */ e.jsx(C, { w: "100%", justifyContent: "center", py: 3, children: /* @__PURE__ */ e.jsx(
-            ee,
-            {
-              variant: t ? "brandOnContrast" : "brand",
-              size: P
-            }
-          ) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: f.items.length ? f.items.map((x) => /* @__PURE__ */ e.jsx(Re, { item: x, children: /* @__PURE__ */ e.jsx(
-            U,
-            {
-              item: x,
-              onContrast: !!t,
-              shouldTruncateText: !!S,
-              size: P
-            }
-          ) }, x.value)) : /* @__PURE__ */ e.jsx(C, { w: "100%", justifyContent: "center", py: 3, children: /* @__PURE__ */ e.jsx(
-            I,
-            {
-              size: "sm",
-              variant: t ? "subtleOnContrast" : "subtle",
-              children: s
-            }
-          ) }) }) }) }) })
-        ]
-      }
-    );
-  }
-), ke = X.forwardRef(
-  (o, s) => /* @__PURE__ */ e.jsx($e, { selectRef: s, ...o })
-);
-ke.displayName = "Select";
-export {
-  ke as W
-};
-//# sourceMappingURL=select.component-C4Kx68wP.js.map