@skdx/react 0.30.0 → 0.32.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (197) hide show
  1. package/dist/accordion/Accordion.cjs +1 -1
  2. package/dist/accordion/Accordion.js +1 -1
  3. package/dist/autocomplete/Autocomplete.cjs +1 -1
  4. package/dist/autocomplete/Autocomplete.js +1 -1
  5. package/dist/avatar/Avatar.cjs +1 -1
  6. package/dist/avatar/Avatar.d.cts +1 -1
  7. package/dist/avatar/Avatar.d.ts +1 -1
  8. package/dist/avatar/Avatar.js +1 -1
  9. package/dist/backdrop/Backdrop.cjs +2 -0
  10. package/dist/backdrop/Backdrop.d.cts +9 -0
  11. package/dist/backdrop/Backdrop.d.ts +9 -0
  12. package/dist/backdrop/Backdrop.js +2 -0
  13. package/dist/backdrop/index.d.cts +2 -0
  14. package/dist/backdrop/index.d.ts +2 -0
  15. package/dist/backdrop/types.d.cts +3 -0
  16. package/dist/backdrop/types.d.ts +3 -0
  17. package/dist/button/Button.cjs +1 -1
  18. package/dist/button/Button.js +1 -1
  19. package/dist/checkbox-card/CheckboxCard.cjs +1 -1
  20. package/dist/checkbox-card/CheckboxCard.js +1 -1
  21. package/dist/checkbox-group/CheckboxGroup.cjs +1 -1
  22. package/dist/checkbox-group/CheckboxGroup.js +1 -1
  23. package/dist/checkbox-group/CheckboxGroupAnatomy.d.cts +10 -1
  24. package/dist/checkbox-group/CheckboxGroupAnatomy.d.ts +10 -1
  25. package/dist/checkbox-group/CheckboxGroupItem.d.cts +2 -1
  26. package/dist/checkbox-group/CheckboxGroupItem.d.ts +2 -1
  27. package/dist/checkbox-group/CheckboxGroupSelectAll.d.cts +3 -2
  28. package/dist/checkbox-group/CheckboxGroupSelectAll.d.ts +3 -2
  29. package/dist/chip/Chip.cjs +2 -0
  30. package/dist/chip/Chip.d.cts +9 -0
  31. package/dist/chip/Chip.d.ts +9 -0
  32. package/dist/chip/Chip.js +2 -0
  33. package/dist/chip/index.d.cts +2 -0
  34. package/dist/chip/index.d.ts +2 -0
  35. package/dist/chip/types.d.cts +3 -0
  36. package/dist/chip/types.d.ts +3 -0
  37. package/dist/color-picker/ColorPicker.cjs +1 -1
  38. package/dist/color-picker/ColorPicker.js +1 -1
  39. package/dist/combobox/Combobox.cjs +1 -1
  40. package/dist/combobox/Combobox.js +1 -1
  41. package/dist/date-picker/DatePicker.cjs +1 -1
  42. package/dist/date-picker/DatePicker.js +1 -1
  43. package/dist/date-picker/DatePickerTimeField.d.cts +1 -1
  44. package/dist/date-picker/DatePickerTimeField.d.ts +1 -1
  45. package/dist/date-range-picker/DateRangePicker.cjs +2 -0
  46. package/dist/date-range-picker/DateRangePicker.d.cts +9 -0
  47. package/dist/date-range-picker/DateRangePicker.d.ts +9 -0
  48. package/dist/date-range-picker/DateRangePicker.js +2 -0
  49. package/dist/date-range-picker/index.d.cts +2 -0
  50. package/dist/date-range-picker/index.d.ts +2 -0
  51. package/dist/date-range-picker/types.d.cts +3 -0
  52. package/dist/date-range-picker/types.d.ts +3 -0
  53. package/dist/date-time-picker/DateTimePicker.cjs +2 -0
  54. package/dist/date-time-picker/DateTimePicker.d.cts +9 -0
  55. package/dist/date-time-picker/DateTimePicker.d.ts +9 -0
  56. package/dist/date-time-picker/DateTimePicker.js +2 -0
  57. package/dist/date-time-picker/index.d.cts +2 -0
  58. package/dist/date-time-picker/index.d.ts +2 -0
  59. package/dist/date-time-picker/types.d.cts +3 -0
  60. package/dist/date-time-picker/types.d.ts +3 -0
  61. package/dist/dialog/Dialog.cjs +1 -1
  62. package/dist/dialog/Dialog.js +1 -1
  63. package/dist/dialog/Dialogs.d.cts +24 -0
  64. package/dist/dialog/Dialogs.d.ts +24 -0
  65. package/dist/dialog/index.d.cts +2 -1
  66. package/dist/dialog/index.d.ts +2 -1
  67. package/dist/dialog/types.d.cts +6 -0
  68. package/dist/dialog/types.d.ts +6 -0
  69. package/dist/fab/Fab.cjs +2 -0
  70. package/dist/fab/Fab.d.cts +9 -0
  71. package/dist/fab/Fab.d.ts +9 -0
  72. package/dist/fab/Fab.js +2 -0
  73. package/dist/fab/index.d.cts +2 -0
  74. package/dist/fab/index.d.ts +2 -0
  75. package/dist/fab/types.d.cts +3 -0
  76. package/dist/fab/types.d.ts +3 -0
  77. package/dist/field/Field.cjs +1 -1
  78. package/dist/field/Field.js +1 -1
  79. package/dist/floating-panel/FloatingPanel.cjs +1 -1
  80. package/dist/floating-panel/FloatingPanel.js +1 -1
  81. package/dist/floating-panel/types.d.cts +4 -0
  82. package/dist/floating-panel/types.d.ts +4 -0
  83. package/dist/gauge/Gauge.cjs +2 -0
  84. package/dist/gauge/Gauge.d.cts +9 -0
  85. package/dist/gauge/Gauge.d.ts +9 -0
  86. package/dist/gauge/Gauge.js +2 -0
  87. package/dist/gauge/index.d.cts +2 -0
  88. package/dist/gauge/index.d.ts +2 -0
  89. package/dist/gauge/types.d.cts +3 -0
  90. package/dist/gauge/types.d.ts +3 -0
  91. package/dist/grid/Grid.cjs +2 -0
  92. package/dist/grid/Grid.d.cts +9 -0
  93. package/dist/grid/Grid.d.ts +9 -0
  94. package/dist/grid/Grid.js +2 -0
  95. package/dist/grid/index.d.cts +2 -0
  96. package/dist/grid/index.d.ts +2 -0
  97. package/dist/grid/types.d.cts +3 -0
  98. package/dist/grid/types.d.ts +3 -0
  99. package/dist/index.cjs +1 -1
  100. package/dist/index.d.cts +15 -1
  101. package/dist/index.d.ts +15 -1
  102. package/dist/index.js +1 -1
  103. package/dist/link/Link.cjs +1 -1
  104. package/dist/link/Link.js +1 -1
  105. package/dist/listbox/Listbox.cjs +1 -1
  106. package/dist/listbox/Listbox.js +1 -1
  107. package/dist/paper/Paper.cjs +2 -0
  108. package/dist/paper/Paper.d.cts +9 -0
  109. package/dist/paper/Paper.d.ts +9 -0
  110. package/dist/paper/Paper.js +2 -0
  111. package/dist/paper/index.d.cts +2 -0
  112. package/dist/paper/index.d.ts +2 -0
  113. package/dist/paper/types.d.cts +3 -0
  114. package/dist/paper/types.d.ts +3 -0
  115. package/dist/password-input/types.d.cts +6 -2
  116. package/dist/password-input/types.d.ts +6 -2
  117. package/dist/primitives/table.cjs +1 -1
  118. package/dist/primitives/table.js +1 -1
  119. package/dist/scroll-area/ScrollArea.cjs +1 -1
  120. package/dist/scroll-area/ScrollArea.js +1 -1
  121. package/dist/speed-dial/SpeedDial.cjs +1 -1
  122. package/dist/speed-dial/SpeedDial.d.cts +1 -1
  123. package/dist/speed-dial/SpeedDial.d.ts +1 -1
  124. package/dist/speed-dial/SpeedDial.js +1 -1
  125. package/dist/speed-dial/SpeedDialAnatomy.d.cts +2 -1
  126. package/dist/speed-dial/SpeedDialAnatomy.d.ts +2 -1
  127. package/dist/speed-dial/types.d.cts +5 -0
  128. package/dist/speed-dial/types.d.ts +5 -0
  129. package/dist/stack/Stack.cjs +2 -0
  130. package/dist/stack/Stack.d.cts +9 -0
  131. package/dist/stack/Stack.d.ts +9 -0
  132. package/dist/stack/Stack.js +2 -0
  133. package/dist/stack/index.d.cts +2 -0
  134. package/dist/stack/index.d.ts +2 -0
  135. package/dist/stack/types.d.cts +3 -0
  136. package/dist/stack/types.d.ts +3 -0
  137. package/dist/table/Table.cjs +1 -1
  138. package/dist/table/Table.d.cts +2 -2
  139. package/dist/table/Table.d.ts +2 -2
  140. package/dist/table/Table.js +1 -1
  141. package/dist/table/TableAnatomy.d.cts +2 -1
  142. package/dist/table/TableAnatomy.d.ts +2 -1
  143. package/dist/table/TableColumnHeaderFilterInput.d.cts +18 -0
  144. package/dist/table/TableColumnHeaderFilterInput.d.ts +18 -0
  145. package/dist/table/TableHeaderCell.d.cts +1 -1
  146. package/dist/table/TableHeaderCell.d.ts +1 -1
  147. package/dist/table/index.d.cts +1 -1
  148. package/dist/table/index.d.ts +1 -1
  149. package/dist/table/primitives.d.cts +2 -1
  150. package/dist/table/primitives.d.ts +2 -1
  151. package/dist/table/types.d.cts +52 -0
  152. package/dist/table/types.d.ts +52 -0
  153. package/dist/table/useTableFilter.d.cts +3 -0
  154. package/dist/table/useTableFilter.d.ts +3 -0
  155. package/dist/time/Time.cjs +1 -1
  156. package/dist/time/Time.d.cts +1 -1
  157. package/dist/time/Time.d.ts +1 -1
  158. package/dist/time/Time.js +1 -1
  159. package/dist/timeline/Timeline.cjs +1 -1
  160. package/dist/timeline/Timeline.d.cts +1 -1
  161. package/dist/timeline/Timeline.d.ts +1 -1
  162. package/dist/timeline/Timeline.js +1 -1
  163. package/dist/tooltip/Tooltip.cjs +2 -0
  164. package/dist/tooltip/Tooltip.d.cts +16 -0
  165. package/dist/tooltip/Tooltip.d.ts +16 -0
  166. package/dist/tooltip/Tooltip.js +2 -0
  167. package/dist/tooltip/index.d.cts +2 -0
  168. package/dist/tooltip/index.d.ts +2 -0
  169. package/dist/tooltip/types.d.cts +3 -0
  170. package/dist/tooltip/types.d.ts +3 -0
  171. package/dist/utils/csv.cjs +3 -0
  172. package/dist/utils/csv.d.cts +43 -0
  173. package/dist/utils/csv.d.ts +43 -0
  174. package/dist/utils/csv.js +3 -0
  175. package/dist/utils/dialogs.cjs +2 -0
  176. package/dist/utils/dialogs.d.cts +96 -0
  177. package/dist/utils/dialogs.d.ts +96 -0
  178. package/dist/utils/dialogs.js +2 -0
  179. package/dist/utils/dismissal.cjs +1 -1
  180. package/dist/utils/dismissal.d.cts +7 -0
  181. package/dist/utils/dismissal.d.ts +7 -0
  182. package/dist/utils/dismissal.js +1 -1
  183. package/dist/utils/field-core.cjs +1 -1
  184. package/dist/utils/field-core.d.cts +2 -0
  185. package/dist/utils/field-core.d.ts +2 -0
  186. package/dist/utils/field-core.js +1 -1
  187. package/dist/utils/media-query.cjs +2 -0
  188. package/dist/utils/media-query.d.cts +7 -0
  189. package/dist/utils/media-query.d.ts +7 -0
  190. package/dist/utils/media-query.js +2 -0
  191. package/dist/utils/useDismiss.cjs +1 -1
  192. package/dist/utils/useDismiss.js +1 -1
  193. package/dist/utils/useMediaQuery.cjs +2 -0
  194. package/dist/utils/useMediaQuery.d.cts +10 -0
  195. package/dist/utils/useMediaQuery.d.ts +10 -0
  196. package/dist/utils/useMediaQuery.js +2 -0
  197. package/package.json +102 -2
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";var _=Object.create;var y=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var oo=Object.getOwnPropertyNames;var eo=Object.getPrototypeOf,to=Object.prototype.hasOwnProperty;var ro=(o,t)=>{for(var e in t)y(o,e,{get:t[e],enumerable:!0})},D=(o,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of oo(t))!to.call(o,n)&&n!==e&&y(o,n,{get:()=>t[n],enumerable:!(r=j(t,n))||r.enumerable});return o};var no=(o,t,e)=>(e=o!=null?_(eo(o)):{},D(t||!o||!o.__esModule?y(e,"default",{value:o,enumerable:!0}):e,o)),co=o=>D(y({},"__esModule",{value:!0}),o);var io={};ro(io,{Accordion:()=>S,AccordionContent:()=>b,AccordionHeader:()=>P,AccordionIndicator:()=>R,AccordionItem:()=>x,AccordionItemProvider:()=>w,AccordionProvider:()=>Y,AccordionTrigger:()=>v,useAccordionContext:()=>d,useAccordionItemContext:()=>m});module.exports=co(io);var G=require("../utils/createContext.cjs"),Q=require("../utils/part.cjs"),T=require("../utils/primitive.cjs"),U=require("../utils/useRovingFocus.cjs"),W=require("../utils/useSelection.cjs");var F=require("../collapsible/Collapsible.cjs");var i=no(require("react"),1),I=require("../collapsible/Collapsible.cjs"),V=require("../utils/createContext.cjs"),M=require("../utils/part.cjs"),O=require("../utils/primitive.cjs");var g=require("react/jsx-runtime"),[w,m]=(0,V.createSafeContext)("AccordionItem"),x=({value:o,disabled:t,ref:e,...r})=>{let n=d("AccordionItem"),a=n.value.includes(o),p=n.disabled||t||!1,l=i.useId(),f=i.useId(),[u,C]=i.useState(!1),{onItemToggle:s}=n,h=i.useCallback(H=>s(o,H?.detail===0?"keyboard":"pointer"),[s,o]),A=i.useCallback(()=>s(o),[s,o]),k=i.useCallback(()=>{},[]);return(0,g.jsx)(w,{open:a,disabled:p,triggerId:l,contentId:f,value:o,contentMounted:u,setContentMounted:C,children:(0,g.jsx)(I.CollapsibleFamilyContext.Provider,{value:"accordion",children:(0,g.jsx)(I.CollapsibleProvider,{contentId:f,open:a,disabled:p,onOpenToggle:h,onOpen:A,onOpenChangeComplete:k,contentMounted:u,setContentMounted:C,children:(0,g.jsx)(O.Primitive.div,{"data-state":a?"open":"closed","data-disabled":p?"":void 0,"data-orientation":n.orientation,...r,...(0,M.skdxPart)("accordion","item",r.className),ref:e})})})})};x.displayName="AccordionItem";var K=require("react/jsx-runtime"),b=({role:o="region",ref:t,...e})=>{let r=d("AccordionContent"),n=m("AccordionContent");return(0,K.jsx)(F.CollapsibleContent,{role:o,"aria-labelledby":n.triggerId,"data-orientation":r.orientation,...e,ref:t})};b.displayName="AccordionContent";var L=require("../utils/part.cjs"),E=require("../utils/primitive.cjs");var J=require("react/jsx-runtime"),P=({level:o=3,ref:t,...e})=>{let r=m("AccordionHeader"),n=E.Primitive[`h${o}`];return(0,J.jsx)(n,{"data-state":r.open?"open":"closed","data-disabled":r.disabled?"":void 0,...e,...(0,L.skdxPart)("accordion","header",e.className),ref:t})};P.displayName="AccordionHeader";var X=require("../collapsible/Collapsible.cjs");var $=require("react/jsx-runtime"),R=({ref:o,...t})=>{let e=d("AccordionIndicator");return(0,$.jsx)(X.CollapsibleIndicator,{"data-orientation":e.orientation,...t,ref:o})};R.displayName="AccordionIndicator";var q=require("../collapsible/Collapsible.cjs");var z=require("react/jsx-runtime"),v=({ref:o,...t})=>{let e=d("AccordionTrigger"),r=m("AccordionTrigger"),{open:n}=r,a=n&&e.type==="single"&&!e.collapsible;return(0,z.jsx)(q.CollapsibleTrigger,{id:r.triggerId,"aria-disabled":a||void 0,"data-skdx-accordion-trigger":"","data-orientation":e.orientation,...t,ref:o})};v.displayName="AccordionTrigger";var c=require("react/jsx-runtime"),B=({items:o=[],headingLevel:t,renderContent:e})=>(0,c.jsx)(c.Fragment,{children:o.map(r=>(0,c.jsxs)(x,{value:r.value,disabled:r.disabled,children:[(0,c.jsx)(P,{level:t,children:(0,c.jsxs)(v,{children:[r.title,(0,c.jsx)(R,{})]})}),(0,c.jsx)(b,{children:e?e(r):r.content})]},r.value))});var N=require("react/jsx-runtime"),[Y,d]=(0,G.createSafeContext)("Accordion"),S=({ref:o,...t})=>{let{type:e,value:r,defaultValue:n,onValueChange:a,disabled:p=!1,orientation:l="vertical",collapsible:f=!1,items:u,headingLevel:C=3,renderContent:s,children:h,...A}=t,{selectedValues:k,selectItem:H}=(0,W.useSelection)({value:r,defaultValue:n,onValueChange:a,multiple:e==="multiple",deselectable:f,label:"Accordion"}),Z=(0,U.useRovingFocus)({orientation:l,loop:!0,itemSelector:"[data-skdx-accordion-trigger]"});return(0,N.jsx)(Y,{value:k,onItemToggle:H,type:e,collapsible:f,disabled:p,orientation:l,children:(0,N.jsx)(T.Primitive.div,{"data-orientation":l,...A,...(0,Q.skdxPart)("accordion","root",A.className),ref:o,onKeyDown:(0,T.composeEventHandlers)(A.onKeyDown,Z),children:h??(0,N.jsx)(B,{items:u,headingLevel:C,renderContent:s})})})};S.displayName="Accordion";0&&(module.exports={Accordion,AccordionContent,AccordionHeader,AccordionIndicator,AccordionItem,AccordionItemProvider,AccordionProvider,AccordionTrigger,useAccordionContext,useAccordionItemContext});
2
+ "use strict";var oo=Object.create;var I=Object.defineProperty;var eo=Object.getOwnPropertyDescriptor;var to=Object.getOwnPropertyNames;var ro=Object.getPrototypeOf,no=Object.prototype.hasOwnProperty;var io=(o,t)=>{for(var e in t)I(o,e,{get:t[e],enumerable:!0})},V=(o,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of to(t))!no.call(o,n)&&n!==e&&I(o,n,{get:()=>t[n],enumerable:!(r=eo(t,n))||r.enumerable});return o};var co=(o,t,e)=>(e=o!=null?oo(ro(o)):{},V(t||!o||!o.__esModule?I(e,"default",{value:o,enumerable:!0}):e,o)),ao=o=>V(I({},"__esModule",{value:!0}),o);var mo={};io(mo,{Accordion:()=>S,AccordionContent:()=>v,AccordionHeader:()=>P,AccordionIndicator:()=>R,AccordionItem:()=>b,AccordionItemProvider:()=>w,AccordionProvider:()=>Z,AccordionTrigger:()=>h,useAccordionContext:()=>d,useAccordionItemContext:()=>m});module.exports=ao(mo);var G=require("react"),Q=require("../utils/createContext.cjs"),U=require("../utils/part.cjs"),T=require("../utils/primitive.cjs"),W=require("../utils/useRovingFocus.cjs"),Y=require("../utils/useSelection.cjs");var F=require("../collapsible/Collapsible.cjs");var c=co(require("react"),1),x=require("../collapsible/Collapsible.cjs"),D=require("../utils/createContext.cjs"),M=require("../utils/part.cjs"),O=require("../utils/primitive.cjs");var g=require("react/jsx-runtime"),[w,m]=(0,D.createSafeContext)("AccordionItem"),b=({value:o,disabled:t,ref:e,...r})=>{let n=d("AccordionItem"),a=n.value.includes(o),l=n.disabled||t||!1,p=c.useId(),f=c.useId(),[u,C]=c.useState(!1),{onItemToggle:s}=n,y=c.useCallback(H=>s(o,H?.detail===0?"keyboard":"pointer"),[s,o]),k=c.useCallback(()=>s(o),[s,o]),A=c.useCallback(()=>{},[]);return(0,g.jsx)(w,{open:a,disabled:l,triggerId:p,contentId:f,value:o,contentMounted:u,setContentMounted:C,children:(0,g.jsx)(x.CollapsibleFamilyContext.Provider,{value:"accordion",children:(0,g.jsx)(x.CollapsibleProvider,{contentId:f,open:a,disabled:l,onOpenToggle:y,onOpen:k,onOpenChangeComplete:A,contentMounted:u,setContentMounted:C,children:(0,g.jsx)(O.Primitive.div,{"data-state":a?"open":"closed","data-disabled":l?"":void 0,"data-orientation":n.orientation,...r,...(0,M.skdxPart)("accordion","item",r.className),ref:e})})})})};b.displayName="AccordionItem";var E=require("react/jsx-runtime"),v=({role:o="region",ref:t,...e})=>{let r=d("AccordionContent"),n=m("AccordionContent");return(0,E.jsx)(F.CollapsibleContent,{role:o,"aria-labelledby":n.triggerId,"data-orientation":r.orientation,...e,ref:t})};v.displayName="AccordionContent";var K=require("../utils/part.cjs"),L=require("../utils/primitive.cjs");var J=require("react/jsx-runtime"),P=({level:o=3,ref:t,...e})=>{let r=m("AccordionHeader"),n=L.Primitive[`h${o}`];return(0,J.jsx)(n,{"data-state":r.open?"open":"closed","data-disabled":r.disabled?"":void 0,...e,...(0,K.skdxPart)("accordion","header",e.className),ref:t})};P.displayName="AccordionHeader";var X=require("../collapsible/Collapsible.cjs");var $=require("react/jsx-runtime"),R=({ref:o,...t})=>{let e=d("AccordionIndicator");return(0,$.jsx)(X.CollapsibleIndicator,{"data-orientation":e.orientation,...t,ref:o})};R.displayName="AccordionIndicator";var q=require("../collapsible/Collapsible.cjs");var z=require("react/jsx-runtime"),h=({ref:o,...t})=>{let e=d("AccordionTrigger"),r=m("AccordionTrigger"),{open:n}=r,a=n&&e.type==="single"&&!e.collapsible;return(0,z.jsx)(q.CollapsibleTrigger,{id:r.triggerId,"aria-disabled":a||void 0,"data-skdx-accordion-trigger":"","data-orientation":e.orientation,...t,ref:o})};h.displayName="AccordionTrigger";var i=require("react/jsx-runtime"),B=({items:o=[],headingLevel:t,renderContent:e})=>(0,i.jsx)(i.Fragment,{children:o.map(r=>(0,i.jsxs)(b,{value:r.value,disabled:r.disabled,children:[(0,i.jsx)(P,{level:t,children:(0,i.jsxs)(h,{children:[r.title,(0,i.jsx)(R,{})]})}),(0,i.jsx)(v,{children:e?e(r):r.content})]},r.value))});var N=require("react/jsx-runtime"),[Z,d]=(0,Q.createSafeContext)("Accordion"),S=({ref:o,...t})=>{let{type:e,value:r,defaultValue:n,onValueChange:a,disabled:l=!1,orientation:p="vertical",collapsible:f=!1,items:u,headingLevel:C=3,renderContent:s,children:y,asChild:k,...A}=t,{selectedValues:H,selectItem:_}=(0,Y.useSelection)({value:r,defaultValue:n,onValueChange:a,multiple:e==="multiple",deselectable:f,label:"Accordion"}),j=(0,W.useRovingFocus)({orientation:p,loop:!0,itemSelector:"[data-skdx-accordion-trigger]"});return(0,N.jsx)(Z,{value:H,onItemToggle:_,type:e,collapsible:f,disabled:l,orientation:p,children:(0,N.jsx)(T.Primitive.div,{asChild:(0,G.isValidElement)(y)?k:!1,"data-orientation":p,...A,...(0,U.skdxPart)("accordion","root",A.className),ref:o,onKeyDown:(0,T.composeEventHandlers)(A.onKeyDown,j),children:y??(0,N.jsx)(B,{items:u,headingLevel:C,renderContent:s})})})};S.displayName="Accordion";0&&(module.exports={Accordion,AccordionContent,AccordionHeader,AccordionIndicator,AccordionItem,AccordionItemProvider,AccordionProvider,AccordionTrigger,useAccordionContext,useAccordionItemContext});
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import{createSafeContext as Q}from"../utils/createContext.js";import{skdxPart as U}from"../utils/part.js";import{composeEventHandlers as W,Primitive as Y}from"../utils/primitive.js";import{useRovingFocus as Z}from"../utils/useRovingFocus.js";import{useSelection as _}from"../utils/useSelection.js";import{CollapsibleContent as K}from"../collapsible/Collapsible.js";import*as c from"react";import{CollapsibleFamilyContext as D,CollapsibleProvider as V}from"../collapsible/Collapsible.js";import{createSafeContext as M}from"../utils/createContext.js";import{skdxPart as O}from"../utils/part.js";import{Primitive as w}from"../utils/primitive.js";import{jsx as u}from"react/jsx-runtime";var[F,m]=M("AccordionItem"),b=({value:e,disabled:r,ref:t,...o})=>{let n=i("AccordionItem"),d=n.value.includes(e),s=n.disabled||r||!1,p=c.useId(),l=c.useId(),[A,g]=c.useState(!1),{onItemToggle:a}=n,y=c.useCallback(x=>a(e,x?.detail===0?"keyboard":"pointer"),[a,e]),f=c.useCallback(()=>a(e),[a,e]),I=c.useCallback(()=>{},[]);return u(F,{open:d,disabled:s,triggerId:p,contentId:l,value:e,contentMounted:A,setContentMounted:g,children:u(D.Provider,{value:"accordion",children:u(V,{contentId:l,open:d,disabled:s,onOpenToggle:y,onOpen:f,onOpenChangeComplete:I,contentMounted:A,setContentMounted:g,children:u(w.div,{"data-state":d?"open":"closed","data-disabled":s?"":void 0,"data-orientation":n.orientation,...o,...O("accordion","item",o.className),ref:t})})})})};b.displayName="AccordionItem";import{jsx as L}from"react/jsx-runtime";var P=({role:e="region",ref:r,...t})=>{let o=i("AccordionContent"),n=m("AccordionContent");return L(K,{role:e,"aria-labelledby":n.triggerId,"data-orientation":o.orientation,...t,ref:r})};P.displayName="AccordionContent";import{skdxPart as E}from"../utils/part.js";import{Primitive as J}from"../utils/primitive.js";import{jsx as X}from"react/jsx-runtime";var R=({level:e=3,ref:r,...t})=>{let o=m("AccordionHeader"),n=J[`h${e}`];return X(n,{"data-state":o.open?"open":"closed","data-disabled":o.disabled?"":void 0,...t,...E("accordion","header",t.className),ref:r})};R.displayName="AccordionHeader";import{CollapsibleIndicator as $}from"../collapsible/Collapsible.js";import{jsx as q}from"react/jsx-runtime";var v=({ref:e,...r})=>{let t=i("AccordionIndicator");return q($,{"data-orientation":t.orientation,...r,ref:e})};v.displayName="AccordionIndicator";import{CollapsibleTrigger as z}from"../collapsible/Collapsible.js";import{jsx as B}from"react/jsx-runtime";var N=({ref:e,...r})=>{let t=i("AccordionTrigger"),o=m("AccordionTrigger"),{open:n}=o,d=n&&t.type==="single"&&!t.collapsible;return B(z,{id:o.triggerId,"aria-disabled":d||void 0,"data-skdx-accordion-trigger":"","data-orientation":t.orientation,...r,ref:e})};N.displayName="AccordionTrigger";import{Fragment as G,jsx as C,jsxs as h}from"react/jsx-runtime";var k=({items:e=[],headingLevel:r,renderContent:t})=>C(G,{children:e.map(o=>h(b,{value:o.value,disabled:o.disabled,children:[C(R,{level:r,children:h(N,{children:[o.title,C(v,{})]})}),C(P,{children:t?t(o):o.content})]},o.value))});import{jsx as T}from"react/jsx-runtime";var[j,i]=Q("Accordion"),H=({ref:e,...r})=>{let{type:t,value:o,defaultValue:n,onValueChange:d,disabled:s=!1,orientation:p="vertical",collapsible:l=!1,items:A,headingLevel:g=3,renderContent:a,children:y,...f}=r,{selectedValues:I,selectItem:x}=_({value:o,defaultValue:n,onValueChange:d,multiple:t==="multiple",deselectable:l,label:"Accordion"}),S=Z({orientation:p,loop:!0,itemSelector:"[data-skdx-accordion-trigger]"});return T(j,{value:I,onItemToggle:x,type:t,collapsible:l,disabled:s,orientation:p,children:T(Y.div,{"data-orientation":p,...f,...U("accordion","root",f.className),ref:e,onKeyDown:W(f.onKeyDown,S),children:y??T(k,{items:A,headingLevel:g,renderContent:a})})})};H.displayName="Accordion";export{H as Accordion,P as AccordionContent,R as AccordionHeader,v as AccordionIndicator,b as AccordionItem,F as AccordionItemProvider,j as AccordionProvider,N as AccordionTrigger,i as useAccordionContext,m as useAccordionItemContext};
2
+ import{isValidElement as U}from"react";import{createSafeContext as W}from"../utils/createContext.js";import{skdxPart as Y}from"../utils/part.js";import{composeEventHandlers as Z,Primitive as _}from"../utils/primitive.js";import{useRovingFocus as j}from"../utils/useRovingFocus.js";import{useSelection as oo}from"../utils/useSelection.js";import{CollapsibleContent as K}from"../collapsible/Collapsible.js";import*as i from"react";import{CollapsibleFamilyContext as D,CollapsibleProvider as M}from"../collapsible/Collapsible.js";import{createSafeContext as O}from"../utils/createContext.js";import{skdxPart as w}from"../utils/part.js";import{Primitive as F}from"../utils/primitive.js";import{jsx as C}from"react/jsx-runtime";var[E,m]=O("AccordionItem"),b=({value:e,disabled:r,ref:t,...o})=>{let n=c("AccordionItem"),d=n.value.includes(e),s=n.disabled||r||!1,l=i.useId(),p=i.useId(),[A,g]=i.useState(!1),{onItemToggle:a}=n,u=i.useCallback(x=>a(e,x?.detail===0?"keyboard":"pointer"),[a,e]),I=i.useCallback(()=>a(e),[a,e]),f=i.useCallback(()=>{},[]);return C(E,{open:d,disabled:s,triggerId:l,contentId:p,value:e,contentMounted:A,setContentMounted:g,children:C(D.Provider,{value:"accordion",children:C(M,{contentId:p,open:d,disabled:s,onOpenToggle:u,onOpen:I,onOpenChangeComplete:f,contentMounted:A,setContentMounted:g,children:C(F.div,{"data-state":d?"open":"closed","data-disabled":s?"":void 0,"data-orientation":n.orientation,...o,...w("accordion","item",o.className),ref:t})})})})};b.displayName="AccordionItem";import{jsx as L}from"react/jsx-runtime";var v=({role:e="region",ref:r,...t})=>{let o=c("AccordionContent"),n=m("AccordionContent");return L(K,{role:e,"aria-labelledby":n.triggerId,"data-orientation":o.orientation,...t,ref:r})};v.displayName="AccordionContent";import{skdxPart as J}from"../utils/part.js";import{Primitive as X}from"../utils/primitive.js";import{jsx as $}from"react/jsx-runtime";var P=({level:e=3,ref:r,...t})=>{let o=m("AccordionHeader"),n=X[`h${e}`];return $(n,{"data-state":o.open?"open":"closed","data-disabled":o.disabled?"":void 0,...t,...J("accordion","header",t.className),ref:r})};P.displayName="AccordionHeader";import{CollapsibleIndicator as q}from"../collapsible/Collapsible.js";import{jsx as z}from"react/jsx-runtime";var R=({ref:e,...r})=>{let t=c("AccordionIndicator");return z(q,{"data-orientation":t.orientation,...r,ref:e})};R.displayName="AccordionIndicator";import{CollapsibleTrigger as B}from"../collapsible/Collapsible.js";import{jsx as G}from"react/jsx-runtime";var h=({ref:e,...r})=>{let t=c("AccordionTrigger"),o=m("AccordionTrigger"),{open:n}=o,d=n&&t.type==="single"&&!t.collapsible;return G(B,{id:o.triggerId,"aria-disabled":d||void 0,"data-skdx-accordion-trigger":"","data-orientation":t.orientation,...r,ref:e})};h.displayName="AccordionTrigger";import{Fragment as Q,jsx as y,jsxs as T}from"react/jsx-runtime";var k=({items:e=[],headingLevel:r,renderContent:t})=>y(Q,{children:e.map(o=>T(b,{value:o.value,disabled:o.disabled,children:[y(P,{level:r,children:T(h,{children:[o.title,y(R,{})]})}),y(v,{children:t?t(o):o.content})]},o.value))});import{jsx as N}from"react/jsx-runtime";var[eo,c]=W("Accordion"),H=({ref:e,...r})=>{let{type:t,value:o,defaultValue:n,onValueChange:d,disabled:s=!1,orientation:l="vertical",collapsible:p=!1,items:A,headingLevel:g=3,renderContent:a,children:u,asChild:I,...f}=r,{selectedValues:x,selectItem:S}=oo({value:o,defaultValue:n,onValueChange:d,multiple:t==="multiple",deselectable:p,label:"Accordion"}),V=j({orientation:l,loop:!0,itemSelector:"[data-skdx-accordion-trigger]"});return N(eo,{value:x,onItemToggle:S,type:t,collapsible:p,disabled:s,orientation:l,children:N(_.div,{asChild:U(u)?I:!1,"data-orientation":l,...f,...Y("accordion","root",f.className),ref:e,onKeyDown:Z(f.onKeyDown,V),children:u??N(k,{items:A,headingLevel:g,renderContent:a})})})};H.displayName="Accordion";export{H as Accordion,v as AccordionContent,P as AccordionHeader,R as AccordionIndicator,b as AccordionItem,E as AccordionItemProvider,eo as AccordionProvider,h as AccordionTrigger,c as useAccordionContext,m as useAccordionItemContext};
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";var ht=Object.create;var S=Object.defineProperty;var Ot=Object.getOwnPropertyDescriptor;var xt=Object.getOwnPropertyNames;var Vt=Object.getPrototypeOf,kt=Object.prototype.hasOwnProperty;var Et=(t,e)=>{for(var o in e)S(t,o,{get:e[o],enumerable:!0})},fe=(t,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of xt(e))!kt.call(t,r)&&r!==o&&S(t,r,{get:()=>e[r],enumerable:!(a=Ot(e,r))||a.enumerable});return t};var ne=(t,e,o)=>(o=t!=null?ht(Vt(t)):{},fe(e||!t||!t.__esModule?S(o,"default",{value:t,enumerable:!0}):o,t)),Nt=t=>fe(S({},"__esModule",{value:!0}),t);var Ft={};Et(Ft,{Autocomplete:()=>tt,AutocompleteClear:()=>K,AutocompleteContent:()=>B,AutocompleteEmpty:()=>W,AutocompleteGroup:()=>J,AutocompleteGroupLabel:()=>X,AutocompleteGroupProvider:()=>Ee,AutocompleteInput:()=>_,AutocompleteItem:()=>U,AutocompleteList:()=>$,AutocompletePortal:()=>z,AutocompleteProvider:()=>et,AutocompleteTrigger:()=>nt,defaultGetSuggestionCountLabel:()=>je,defaultOptionsFilter:()=>L.defaultOptionsFilter,useAutocompleteContext:()=>m,useAutocompleteGroupContext:()=>ae});module.exports=Nt(Ft);var n=ne(require("react"),1),$e=require("../utils/createContext.cjs"),ze=require("../utils/formControl.cjs"),Qe=require("../utils/liveAnnouncer.cjs"),Ye=require("../utils/popper.cjs"),Z=require("../utils/scoredFilter.cjs"),Y=require("../utils/useControllableState.cjs"),Ze=require("../utils/useOpenChangeComplete.cjs"),j=require("../utils/useOptionCollection.cjs");var qe=require("../utils/Glyph.cjs");var de=require("../utils/part.cjs"),D=require("../utils/primitive.cjs");var Ae=require("react/jsx-runtime"),K=({ref:t,...e})=>{let o=m("AutocompleteClear"),a=o.value===""&&o.inputValue==="";return(0,Ae.jsx)(D.Primitive.button,{type:"button",tabIndex:-1,disabled:o.disabled||o.readOnly||a,"data-disabled":o.disabled?"":void 0,"data-readonly":o.readOnly?"":void 0,...e,...(0,de.skdxPart)("autocomplete","clear",e.className),ref:t,onMouseDown:(0,D.composeEventHandlers)(e.onMouseDown,r=>r.preventDefault()),onClick:(0,D.composeEventHandlers)(e.onClick,()=>{o.clear(),o.inputRef.current?.focus()})})};K.displayName="AutocompleteClear";var ye=require("../utils/composeRefs.cjs"),Re=require("../utils/part.cjs"),ge=require("../utils/popper.cjs"),Ce=require("../utils/primitive.cjs"),be=require("../utils/useDismiss.cjs");var ve=require("react/jsx-runtime"),B=({forceMount:t,side:e="bottom",align:o="start",sideOffset:a=4,onEscapeKeyDown:r,onPointerDownOutside:u,onFocusOutside:s,onInteractOutside:f,ref:A,...l})=>{let p=m("AutocompleteContent"),R=(0,ye.useComposedRefs)(A,p.contentRef);return(0,be.useDismiss)({enabled:p.open,onEscapeKeyDown:i=>{r?.(i),i.defaultPrevented||p.revert()},onInteractOutside:f,onPointerDownOutside:i=>{u?.(i),i.defaultPrevented||p.onOpenChange(!1)},onFocusOutside:i=>{s?.(i),i.defaultPrevented||p.onOpenChange(!1)}},[p.contentRef,p.inputRef,p.triggerRef]),!t&&!p.open?null:(0,ve.jsx)(ge.PopperContent,{component:"autocomplete","aria-busy":p.loading?!0:void 0,"data-loading":p.loading?"":void 0,"data-state":p.open?"open":"closed",side:e,align:o,sideOffset:a,...l,...(0,Re.skdxPart)("autocomplete","content",l.className),ref:R,onMouseDown:(0,Ce.composeEventHandlers)(l.onMouseDown,i=>i.preventDefault())})};B.displayName="AutocompleteContent";var Pe=require("../utils/part.cjs"),Ie=require("../utils/primitive.cjs");var he=require("react/jsx-runtime"),W=({ref:t,...e})=>m("AutocompleteEmpty").itemCount===0?(0,he.jsx)(Ie.Primitive.div,{role:"presentation",...e,...(0,Pe.skdxPart)("autocomplete","empty",e.className),ref:t}):null;W.displayName="AutocompleteEmpty";var Oe=ne(require("react"),1),xe=require("../utils/createContext.cjs"),Ve=require("../utils/part.cjs"),ke=require("../utils/primitive.cjs"),le=require("react/jsx-runtime"),[Ee,ae]=(0,xe.createSafeContext)("AutocompleteGroup"),J=({ref:t,...e})=>{let o=Oe.useId();return(0,le.jsx)(Ee,{labelId:o,children:(0,le.jsx)(ke.Primitive.div,{role:"group","aria-labelledby":o,...e,...(0,Ve.skdxPart)("autocomplete","group",e.className),ref:t})})};J.displayName="AutocompleteGroup";var Ne=require("../utils/part.cjs"),Ge=require("../utils/primitive.cjs");var De=require("react/jsx-runtime"),X=({ref:t,...e})=>{let o=ae("AutocompleteGroupLabel");return(0,De.jsx)(Ge.Primitive.div,{id:o.labelId,...e,...(0,Ne.skdxPart)("autocomplete","label",e.className),ref:t})};X.displayName="AutocompleteGroupLabel";var Te=require("../utils/composeRefs.cjs"),Le=require("../utils/part.cjs"),He=require("../utils/popper.cjs"),k=require("../utils/primitive.cjs");var ue=require("react/jsx-runtime");function we(t){let e=t.activeId?t.getItem(t.activeId):void 0;return e?(t.commitItem(e.value,e.text||e.value,"keyboard"),!0):!1}function Gt(t,e){return e.altKey&&e.key==="ArrowDown"?(e.preventDefault(),t.open||t.onOpenChange(!0),!0):e.altKey&&e.key==="ArrowUp"?(e.preventDefault(),!we(t)&&t.open&&t.onOpenChange(!1),!0):!1}function Dt(t,e){return e.key==="ArrowDown"?(e.preventDefault(),t.open?t.moveActive(1):t.openWithHighlight("first"),!0):e.key==="ArrowUp"?(e.preventDefault(),t.open?t.moveActive(-1):t.openWithHighlight("last"),!0):e.key==="Home"||e.key==="End"?(t.open&&(e.preventDefault(),t.moveActiveToEdge(e.key==="Home"?"first":"last")),!0):!1}function Tt(t,e){e.key==="Enter"?we(t)?e.preventDefault():t.allowCustomValue&&t.inputValue!==""?(e.preventDefault(),t.commitInputValue("keyboard")):t.open&&t.onOpenChange(!1):e.key==="Escape"?t.open&&!t.contentRef.current&&(e.preventDefault(),t.revert()):e.key==="Tab"&&t.commitInputValue("keyboard")}var _=({ref:t,...e})=>{let o=m("AutocompleteInput"),a=(0,Te.useComposedRefs)(t,o.inputRef);return(0,ue.jsx)(He.PopperAnchor,{asChild:!0,children:(0,ue.jsx)(k.Primitive.input,{type:"text",role:"combobox","aria-expanded":o.open,"aria-controls":o.listId,"aria-autocomplete":"list","aria-activedescendant":o.activeId??void 0,autoComplete:"off",name:o.name,form:o.form,disabled:o.disabled,readOnly:o.readOnly,"aria-invalid":o.invalid?!0:void 0,"aria-readonly":o.readOnly?!0:void 0,"aria-busy":o.loading?!0:void 0,"data-invalid":o.invalid?"":void 0,"data-readonly":o.readOnly?"":void 0,"data-loading":o.loading?"":void 0,"data-disabled":o.disabled?"":void 0,"data-state":o.open?"open":"closed",...e,...(0,Le.skdxPart)("autocomplete","input",e.className),ref:a,value:o.inputValue,onChange:(0,k.composeEventHandlers)(e.onChange,r=>{o.onInputValueChange(r.target.value),o.open||o.onOpenChange(!0)}),onFocus:(0,k.composeEventHandlers)(e.onFocus,()=>{o.openOnFocus&&!o.readOnly&&!o.open&&o.onOpenChange(!0)}),onBlur:(0,k.composeEventHandlers)(e.onBlur,()=>{o.commitInputValue("pointer")}),onKeyDown:(0,k.composeEventHandlers)(e.onKeyDown,r=>{o.disabled||Gt(o,r)||Dt(o,r)||Tt(o,r)})})})};_.displayName="AutocompleteInput";var q=ne(require("react"),1),Fe=require("../utils/composeRefs.cjs"),Me=require("../utils/part.cjs"),T=require("../utils/primitive.cjs"),Se=require("../utils/useOptionCollection.cjs");var Ke=require("react/jsx-runtime"),U=({value:t,disabled:e,textValue:o,ref:a,...r})=>{let u=m("AutocompleteItem"),s=q.useId(),f=q.useRef(null),A=(0,Fe.useComposedRefs)(a,f),{text:l,visible:p}=(0,Se.useOptionEntry)({id:s,value:t,textValue:o,itemRef:f,matchesFilter:u.matchesFilter,registerItem:u.registerItem,unregisterItem:u.unregisterItem});if(!p)return null;let R=u.isSelected(t),i=u.activeId===s,C=e||u.disabled||u.readOnly,I=u.itemOrder?.get(s);return(0,Ke.jsx)(T.Primitive.div,{role:"option",id:s,"data-value":t,"aria-selected":R,"aria-disabled":C?!0:void 0,"data-state":R?"checked":"unchecked","data-highlighted":i?"":void 0,"data-disabled":C?"":void 0,...r,...(0,Me.skdxPart)("autocomplete","item",r.className),ref:A,onClick:(0,T.composeEventHandlers)(r.onClick,()=>{C||(u.commitItem(t,l??t,"pointer"),u.inputRef.current?.focus())}),onPointerEnter:(0,T.composeEventHandlers)(r.onPointerEnter,()=>{C||u.setActiveId(s)}),style:I!==void 0?{order:I,...r.style}:r.style})};U.displayName="AutocompleteItem";var Be=require("../utils/part.cjs"),We=require("../utils/primitive.cjs");var Je=require("react/jsx-runtime"),$=({ref:t,...e})=>{let o=m("AutocompleteList");return(0,Je.jsx)(We.Primitive.div,{role:"listbox",id:o.listId,...e,...(0,Be.skdxPart)("autocomplete","list",e.className),ref:t})};$.displayName="AutocompleteList";var Xe=require("../utils/portal.cjs");var _e=require("react/jsx-runtime"),z=({forceMount:t,children:e,...o})=>{let a=m("AutocompletePortal");return t||a.open?(0,_e.jsx)(Xe.Portal,{...o,children:e}):null};z.displayName="AutocompletePortal";var L=require("../combobox/Combobox.cjs"),c=require("react/jsx-runtime"),Lt=t=>"options"in t,Ue=({options:t,renderOption:e,placeholder:o,ariaLabel:a,clearable:r=!1,passThrough:u})=>{let s=m("Autocomplete"),f=a??o,A=l=>(0,c.jsx)(U,{value:l.value,disabled:l.disabled,textValue:l.label,children:e?e(l,{selected:s.isSelected(l.value)}):l.label??l.value},l.value);return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("div",{className:"skdx-autocomplete__field","data-clearable":r?"":void 0,children:[(0,c.jsx)(_,{...u,"aria-label":f,placeholder:o}),r?(0,c.jsx)(K,{"aria-label":"Clear",children:(0,c.jsx)(qe.Glyph,{name:"close"})}):null]}),(0,c.jsx)(z,{children:(0,c.jsxs)(B,{children:[(0,c.jsx)($,{"aria-label":f,children:t.map(l=>Lt(l)?(0,c.jsxs)(J,{children:[(0,c.jsx)(X,{children:l.label}),l.options.map(A)]},l.label):A(l))}),(0,c.jsx)(W,{children:"No suggestions"})]})})]})};var Q=require("react/jsx-runtime");function je(t){return`${t} suggestion${t===1?"":"s"} available`}var[et,m]=(0,$e.createSafeContext)("Autocomplete");function Ht(t,e){return t??(e?L.defaultOptionsFilter:void 0)}function wt({value:t,defaultValue:e="",onValueChange:o,inputValue:a,defaultInputValue:r,onInputValueChange:u}){let s=n.useRef("programmatic"),f=n.useRef(!1),A=n.useRef(null),[l="",p]=(0,Y.useControllableState)({prop:t,defaultProp:e,onChange:G=>o?.({value:G,previousValue:A.current,reason:s.current,created:f.current})}),R=n.useRef(l);n.useInsertionEffect(()=>{R.current=l});let i=n.useCallback((G,h,O)=>{s.current=h,f.current=O,A.current=R.current===""?null:R.current,p(G)},[p]),[C="",I]=(0,Y.useControllableState)({prop:a,defaultProp:r??e,onChange:u}),ee=n.useRef(C);return{value:l,setValue:i,inputValue:C,setInputValue:I,committedTextRef:ee}}var tt=function({children:e,value:o,defaultValue:a,onValueChange:r,inputValue:u,defaultInputValue:s,onInputValueChange:f,open:A,defaultOpen:l=!1,onOpenChange:p,onOpenChangeComplete:R,allowCustomValue:i=!0,openOnFocus:C=!1,autoHighlight:I=!1,loop:ee=!0,filter:G,disabled:h=!1,readOnly:O=!1,invalid:at=!1,loading:te=!1,name:ut,form:pt,getResultCountLabel:pe=je,options:me,renderOption:mt,placeholder:it,clearable:ct,"aria-label":st,ref:ft,...dt}){let E=Ht(G,me),ie=n.useRef(null),At=n.useRef(null),w=n.useRef(null),yt=n.useId(),{value:oe,setValue:N,inputValue:P,setInputValue:b,committedTextRef:v}=wt({value:o,defaultValue:a,onValueChange:r,inputValue:u,defaultInputValue:s,onInputValueChange:f}),[x=!1,y]=(0,Y.useControllableState)({prop:A,defaultProp:l,onChange:p});(0,Ze.useOpenChangeComplete)(x,w,R);let Rt=n.useCallback(d=>typeof E!="function"||(0,Z.filterKeeps)(E(d,P)),[E,P]),gt=n.useCallback(d=>{if(typeof E!="function")return null;let V=E(d.text,P);return typeof V=="number"?V:null},[E,P]),g=(0,j.useOptionCollection)({open:x,setOpen:y,contentRef:w,loop:ee,scoreItem:gt}),{itemCount:F,itemOrder:re}=g,{activeId:ce,setActiveId:se}=g;n.useEffect(()=>{if(!I||!x||ce!==null)return;let d=requestAnimationFrame(()=>{let V=Array.from(w.current?.querySelectorAll(j.OPTION_SELECTOR)??[]),M=(0,Z.sortByOrder)(V,re)[0];M&&se(M.id)});return()=>cancelAnimationFrame(d)},[I,x,ce,F,se,re]),n.useEffect(()=>{!x||te||(0,Qe.announce)(pe(F))},[x,te,F,pe]),n.useImperativeHandle(ft,()=>(0,ze.formValidityHandle)(ie),[]);let Ct=n.useCallback((d,V,M)=>{h||O||(N(d,M,!1),b(V),v.current=V,y(!1))},[h,O,N,b,y,v]),bt=n.useCallback(d=>{if(!(h||O)){if(!i){b(v.current),y(!1);return}N(P,d,!0),v.current=P,y(!1)}},[h,O,i,P,N,b,y,v]),vt=n.useCallback(()=>{N("","pointer",!0),b(""),v.current="",y(!1)},[N,b,y,v]),Pt=n.useCallback(()=>{b(v.current),y(!1)},[b,y,v]),It=n.useCallback(d=>d!==""&&d===oe,[oe]);return(0,Q.jsx)(Ye.PopperRoot,{children:(0,Q.jsx)(et,{inputRef:ie,triggerRef:At,contentRef:w,listId:yt,value:oe,isSelected:It,inputValue:P,onInputValueChange:b,open:x,onOpenChange:y,activeId:g.activeId,itemOrder:re,setActiveId:g.setActiveId,moveActive:g.moveActive,moveActiveToEdge:g.moveActiveToEdge,openWithHighlight:g.openWithHighlight,itemCount:F,registerItem:g.registerItem,unregisterItem:g.unregisterItem,getItem:g.getItem,matchesFilter:Rt,commitItem:Ct,commitInputValue:bt,revert:Pt,clear:vt,allowCustomValue:i,openOnFocus:C,disabled:h,readOnly:O,invalid:at,loading:te,name:ut,form:pt,children:e??(0,Q.jsx)(Ue,{options:me??[],renderOption:mt,placeholder:it,ariaLabel:st,clearable:ct,passThrough:dt})})})};tt.displayName="Autocomplete";var ot=require("../utils/composeRefs.cjs"),rt=require("../utils/part.cjs"),H=require("../utils/primitive.cjs");var lt=require("react/jsx-runtime"),nt=({ref:t,...e})=>{let o=m("AutocompleteTrigger"),a=(0,ot.useComposedRefs)(t,o.triggerRef);return(0,lt.jsx)(H.Primitive.button,{type:"button",tabIndex:-1,"aria-expanded":o.open,"aria-controls":o.listId,disabled:o.disabled,"data-disabled":o.disabled?"":void 0,"data-readonly":o.readOnly?"":void 0,"data-state":o.open?"open":"closed",...e,...(0,rt.skdxPart)("autocomplete","trigger",e.className),ref:a,onMouseDown:(0,H.composeEventHandlers)(e.onMouseDown,r=>r.preventDefault()),onClick:(0,H.composeEventHandlers)(e.onClick,()=>{o.readOnly||(o.onOpenChange(!o.open),o.inputRef.current?.focus())})})};nt.displayName="AutocompleteTrigger";0&&(module.exports={Autocomplete,AutocompleteClear,AutocompleteContent,AutocompleteEmpty,AutocompleteGroup,AutocompleteGroupLabel,AutocompleteGroupProvider,AutocompleteInput,AutocompleteItem,AutocompleteList,AutocompletePortal,AutocompleteProvider,AutocompleteTrigger,defaultGetSuggestionCountLabel,defaultOptionsFilter,useAutocompleteContext,useAutocompleteGroupContext});
2
+ "use strict";var ht=Object.create;var S=Object.defineProperty;var Ot=Object.getOwnPropertyDescriptor;var xt=Object.getOwnPropertyNames;var Vt=Object.getPrototypeOf,kt=Object.prototype.hasOwnProperty;var Et=(t,e)=>{for(var o in e)S(t,o,{get:e[o],enumerable:!0})},fe=(t,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of xt(e))!kt.call(t,r)&&r!==o&&S(t,r,{get:()=>e[r],enumerable:!(a=Ot(e,r))||a.enumerable});return t};var ne=(t,e,o)=>(o=t!=null?ht(Vt(t)):{},fe(e||!t||!t.__esModule?S(o,"default",{value:t,enumerable:!0}):o,t)),Nt=t=>fe(S({},"__esModule",{value:!0}),t);var Ft={};Et(Ft,{Autocomplete:()=>tt,AutocompleteClear:()=>K,AutocompleteContent:()=>B,AutocompleteEmpty:()=>W,AutocompleteGroup:()=>J,AutocompleteGroupLabel:()=>X,AutocompleteGroupProvider:()=>Ee,AutocompleteInput:()=>_,AutocompleteItem:()=>U,AutocompleteList:()=>$,AutocompletePortal:()=>z,AutocompleteProvider:()=>et,AutocompleteTrigger:()=>nt,defaultGetSuggestionCountLabel:()=>je,defaultOptionsFilter:()=>L.defaultOptionsFilter,useAutocompleteContext:()=>m,useAutocompleteGroupContext:()=>ae});module.exports=Nt(Ft);var n=ne(require("react"),1),$e=require("../utils/createContext.cjs"),ze=require("../utils/formControl.cjs"),Qe=require("../utils/liveAnnouncer.cjs"),Ye=require("../utils/popper.cjs"),Z=require("../utils/scoredFilter.cjs"),Y=require("../utils/useControllableState.cjs"),Ze=require("../utils/useOpenChangeComplete.cjs"),j=require("../utils/useOptionCollection.cjs");var qe=require("../utils/Glyph.cjs");var de=require("../utils/part.cjs"),D=require("../utils/primitive.cjs");var Ae=require("react/jsx-runtime"),K=({ref:t,...e})=>{let o=m("AutocompleteClear"),a=o.value===""&&o.inputValue==="";return(0,Ae.jsx)(D.Primitive.button,{type:"button",tabIndex:-1,disabled:o.disabled||o.readOnly||a,"data-disabled":o.disabled?"":void 0,"data-readonly":o.readOnly?"":void 0,...e,...(0,de.skdxPart)("autocomplete","clear",e.className),ref:t,onMouseDown:(0,D.composeEventHandlers)(e.onMouseDown,r=>r.preventDefault()),onClick:(0,D.composeEventHandlers)(e.onClick,()=>{o.clear(),o.inputRef.current?.focus()})})};K.displayName="AutocompleteClear";var ye=require("../utils/composeRefs.cjs"),Re=require("../utils/part.cjs"),ge=require("../utils/popper.cjs"),Ce=require("../utils/primitive.cjs"),be=require("../utils/useDismiss.cjs");var ve=require("react/jsx-runtime"),B=({forceMount:t,side:e="bottom",align:o="start",sideOffset:a=4,onEscapeKeyDown:r,onPointerDownOutside:u,onFocusOutside:s,onInteractOutside:f,ref:A,...l})=>{let p=m("AutocompleteContent"),R=(0,ye.useComposedRefs)(A,p.contentRef);return(0,be.useDismiss)({enabled:p.open,onEscapeKeyDown:i=>{r?.(i),i.defaultPrevented||p.revert()},onInteractOutside:f,onPointerDownOutside:i=>{u?.(i),i.defaultPrevented||p.onOpenChange(!1)},onFocusOutside:i=>{s?.(i),i.defaultPrevented||p.onOpenChange(!1)}},[p.contentRef,p.inputRef,p.triggerRef]),!t&&!p.open?null:(0,ve.jsx)(ge.PopperContent,{component:"autocomplete","aria-busy":p.loading?!0:void 0,"data-loading":p.loading?"":void 0,"data-state":p.open?"open":"closed",side:e,align:o,sideOffset:a,...l,...(0,Re.skdxPart)("autocomplete","content",l.className),ref:R,onMouseDown:(0,Ce.composeEventHandlers)(l.onMouseDown,i=>i.preventDefault())})};B.displayName="AutocompleteContent";var Pe=require("../utils/part.cjs"),Ie=require("../utils/primitive.cjs");var he=require("react/jsx-runtime"),W=({ref:t,...e})=>m("AutocompleteEmpty").itemCount===0?(0,he.jsx)(Ie.Primitive.div,{role:"presentation",...e,...(0,Pe.skdxPart)("autocomplete","empty",e.className),ref:t}):null;W.displayName="AutocompleteEmpty";var Oe=ne(require("react"),1),xe=require("../utils/createContext.cjs"),Ve=require("../utils/part.cjs"),ke=require("../utils/primitive.cjs"),le=require("react/jsx-runtime"),[Ee,ae]=(0,xe.createSafeContext)("AutocompleteGroup"),J=({ref:t,...e})=>{let o=Oe.useId();return(0,le.jsx)(Ee,{labelId:o,children:(0,le.jsx)(ke.Primitive.div,{role:"group","aria-labelledby":o,...e,...(0,Ve.skdxPart)("autocomplete","group",e.className),ref:t})})};J.displayName="AutocompleteGroup";var Ne=require("../utils/part.cjs"),Ge=require("../utils/primitive.cjs");var De=require("react/jsx-runtime"),X=({ref:t,...e})=>{let o=ae("AutocompleteGroupLabel");return(0,De.jsx)(Ge.Primitive.div,{id:o.labelId,...e,...(0,Ne.skdxPart)("autocomplete","label",e.className),ref:t})};X.displayName="AutocompleteGroupLabel";var Te=require("../utils/composeRefs.cjs"),Le=require("../utils/part.cjs"),He=require("../utils/popper.cjs"),k=require("../utils/primitive.cjs");var ue=require("react/jsx-runtime");function we(t){let e=t.activeId?t.getItem(t.activeId):void 0;return e?(t.commitItem(e.value,e.text||e.value,"keyboard"),!0):!1}function Gt(t,e){return e.altKey&&e.key==="ArrowDown"?(e.preventDefault(),t.open||t.onOpenChange(!0),!0):e.altKey&&e.key==="ArrowUp"?(e.preventDefault(),!we(t)&&t.open&&t.onOpenChange(!1),!0):!1}function Dt(t,e){return e.key==="ArrowDown"?(e.preventDefault(),t.open?t.moveActive(1):t.openWithHighlight("first"),!0):e.key==="ArrowUp"?(e.preventDefault(),t.open?t.moveActive(-1):t.openWithHighlight("last"),!0):e.key==="Home"||e.key==="End"?(t.open&&(e.preventDefault(),t.moveActiveToEdge(e.key==="Home"?"first":"last")),!0):!1}function Tt(t,e){e.key==="Enter"?we(t)?e.preventDefault():t.allowCustomValue&&t.inputValue!==""?(e.preventDefault(),t.commitInputValue("keyboard")):t.open&&t.onOpenChange(!1):e.key==="Escape"?t.open&&!t.contentRef.current&&(e.preventDefault(),t.revert()):e.key==="Tab"&&t.commitInputValue("keyboard")}var _=({ref:t,...e})=>{let o=m("AutocompleteInput"),a=(0,Te.useComposedRefs)(t,o.inputRef);return(0,ue.jsx)(He.PopperAnchor,{asChild:!0,children:(0,ue.jsx)(k.Primitive.input,{type:"text",role:"combobox","aria-expanded":o.open,"aria-controls":o.listId,"aria-autocomplete":"list","aria-activedescendant":o.activeId??void 0,autoComplete:"off",name:o.name,form:o.form,disabled:o.disabled,readOnly:o.readOnly,"aria-invalid":o.invalid?!0:void 0,"aria-readonly":o.readOnly?!0:void 0,"aria-busy":o.loading?!0:void 0,"data-invalid":o.invalid?"":void 0,"data-readonly":o.readOnly?"":void 0,"data-loading":o.loading?"":void 0,"data-disabled":o.disabled?"":void 0,"data-state":o.open?"open":"closed",...e,...(0,Le.skdxPart)("autocomplete","input",e.className),ref:a,value:o.inputValue,onChange:(0,k.composeEventHandlers)(e.onChange,r=>{o.onInputValueChange(r.target.value),o.open||o.onOpenChange(!0)}),onFocus:(0,k.composeEventHandlers)(e.onFocus,()=>{o.openOnFocus&&!o.readOnly&&!o.open&&o.onOpenChange(!0)}),onBlur:(0,k.composeEventHandlers)(e.onBlur,()=>{o.commitInputValue("pointer")}),onKeyDown:(0,k.composeEventHandlers)(e.onKeyDown,r=>{o.disabled||Gt(o,r)||Dt(o,r)||Tt(o,r)})})})};_.displayName="AutocompleteInput";var q=ne(require("react"),1),Fe=require("../utils/composeRefs.cjs"),Me=require("../utils/part.cjs"),T=require("../utils/primitive.cjs"),Se=require("../utils/useOptionCollection.cjs");var Ke=require("react/jsx-runtime"),U=({value:t,disabled:e,textValue:o,ref:a,...r})=>{let u=m("AutocompleteItem"),s=q.useId(),f=q.useRef(null),A=(0,Fe.useComposedRefs)(a,f),{text:l,visible:p}=(0,Se.useOptionEntry)({id:s,value:t,textValue:o,itemRef:f,matchesFilter:u.matchesFilter,registerItem:u.registerItem,unregisterItem:u.unregisterItem});if(!p)return null;let R=u.isSelected(t),i=u.activeId===s,C=e||u.disabled||u.readOnly,I=u.itemOrder?.get(s);return(0,Ke.jsx)(T.Primitive.div,{role:"option",id:s,"data-value":t,"aria-selected":R,"aria-disabled":C?!0:void 0,"data-state":R?"checked":"unchecked","data-highlighted":i?"":void 0,"data-disabled":C?"":void 0,...r,...(0,Me.skdxPart)("autocomplete","item",r.className),ref:A,onClick:(0,T.composeEventHandlers)(r.onClick,()=>{C||(u.commitItem(t,l??t,"pointer"),u.inputRef.current?.focus())}),onPointerEnter:(0,T.composeEventHandlers)(r.onPointerEnter,()=>{C||u.setActiveId(s)}),style:I!==void 0?{order:I,...r.style}:r.style})};U.displayName="AutocompleteItem";var Be=require("../utils/part.cjs"),We=require("../utils/primitive.cjs");var Je=require("react/jsx-runtime"),$=({ref:t,...e})=>{let o=m("AutocompleteList");return(0,Je.jsx)(We.Primitive.div,{role:"listbox",id:o.listId,...e,...(0,Be.skdxPart)("autocomplete","list",e.className),ref:t})};$.displayName="AutocompleteList";var Xe=require("../utils/portal.cjs");var _e=require("react/jsx-runtime"),z=({forceMount:t,children:e,...o})=>{let a=m("AutocompletePortal");return t||a.open?(0,_e.jsx)(Xe.Portal,{...o,children:e}):null};z.displayName="AutocompletePortal";var L=require("../combobox/Combobox.cjs"),c=require("react/jsx-runtime"),Lt=t=>"options"in t,Ue=({options:t,renderOption:e,placeholder:o,ariaLabel:a,clearable:r=!1,passThrough:u})=>{let s=m("Autocomplete"),f=a??o,A=l=>(0,c.jsx)(U,{value:l.value,disabled:l.disabled,textValue:l.label,children:e?e(l,{selected:s.isSelected(l.value)}):l.label??l.value},l.value);return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("div",{className:"skdx-autocomplete__field","data-clearable":r?"":void 0,children:[(0,c.jsx)(_,{...u,"aria-label":f,placeholder:o}),r?(0,c.jsx)(K,{"aria-label":"Clear",children:(0,c.jsx)(qe.Glyph,{name:"close"})}):null]}),(0,c.jsx)(z,{children:(0,c.jsxs)(B,{children:[(0,c.jsx)($,{"aria-label":f,children:t.map(l=>Lt(l)?(0,c.jsxs)(J,{children:[(0,c.jsx)(X,{children:l.label}),l.options.map(A)]},l.label):A(l))}),(0,c.jsx)(W,{children:"No matches"})]})})]})};var Q=require("react/jsx-runtime");function je(t){return`${t} suggestion${t===1?"":"s"} available`}var[et,m]=(0,$e.createSafeContext)("Autocomplete");function Ht(t,e){return t??(e?L.defaultOptionsFilter:void 0)}function wt({value:t,defaultValue:e="",onValueChange:o,inputValue:a,defaultInputValue:r,onInputValueChange:u}){let s=n.useRef("programmatic"),f=n.useRef(!1),A=n.useRef(null),[l="",p]=(0,Y.useControllableState)({prop:t,defaultProp:e,onChange:G=>o?.({value:G,previousValue:A.current,reason:s.current,created:f.current})}),R=n.useRef(l);n.useInsertionEffect(()=>{R.current=l});let i=n.useCallback((G,h,O)=>{s.current=h,f.current=O,A.current=R.current===""?null:R.current,p(G)},[p]),[C="",I]=(0,Y.useControllableState)({prop:a,defaultProp:r??e,onChange:u}),ee=n.useRef(C);return{value:l,setValue:i,inputValue:C,setInputValue:I,committedTextRef:ee}}var tt=function({children:e,value:o,defaultValue:a,onValueChange:r,inputValue:u,defaultInputValue:s,onInputValueChange:f,open:A,defaultOpen:l=!1,onOpenChange:p,onOpenChangeComplete:R,allowCustomValue:i=!0,openOnFocus:C=!1,autoHighlight:I=!1,loop:ee=!0,filter:G,disabled:h=!1,readOnly:O=!1,invalid:at=!1,loading:te=!1,name:ut,form:pt,getResultCountLabel:pe=je,options:me,renderOption:mt,placeholder:it,clearable:ct,"aria-label":st,ref:ft,...dt}){let E=Ht(G,me),ie=n.useRef(null),At=n.useRef(null),w=n.useRef(null),yt=n.useId(),{value:oe,setValue:N,inputValue:P,setInputValue:b,committedTextRef:v}=wt({value:o,defaultValue:a,onValueChange:r,inputValue:u,defaultInputValue:s,onInputValueChange:f}),[x=!1,y]=(0,Y.useControllableState)({prop:A,defaultProp:l,onChange:p});(0,Ze.useOpenChangeComplete)(x,w,R);let Rt=n.useCallback(d=>typeof E!="function"||(0,Z.filterKeeps)(E(d,P)),[E,P]),gt=n.useCallback(d=>{if(typeof E!="function")return null;let V=E(d.text,P);return typeof V=="number"?V:null},[E,P]),g=(0,j.useOptionCollection)({open:x,setOpen:y,contentRef:w,loop:ee,scoreItem:gt}),{itemCount:F,itemOrder:re}=g,{activeId:ce,setActiveId:se}=g;n.useEffect(()=>{if(!I||!x||ce!==null)return;let d=requestAnimationFrame(()=>{let V=Array.from(w.current?.querySelectorAll(j.OPTION_SELECTOR)??[]),M=(0,Z.sortByOrder)(V,re)[0];M&&se(M.id)});return()=>cancelAnimationFrame(d)},[I,x,ce,F,se,re]),n.useEffect(()=>{!x||te||(0,Qe.announce)(pe(F))},[x,te,F,pe]),n.useImperativeHandle(ft,()=>(0,ze.formValidityHandle)(ie),[]);let Ct=n.useCallback((d,V,M)=>{h||O||(N(d,M,!1),b(V),v.current=V,y(!1))},[h,O,N,b,y,v]),bt=n.useCallback(d=>{if(!(h||O)){if(!i){b(v.current),y(!1);return}N(P,d,!0),v.current=P,y(!1)}},[h,O,i,P,N,b,y,v]),vt=n.useCallback(()=>{N("","pointer",!0),b(""),v.current="",y(!1)},[N,b,y,v]),Pt=n.useCallback(()=>{b(v.current),y(!1)},[b,y,v]),It=n.useCallback(d=>d!==""&&d===oe,[oe]);return(0,Q.jsx)(Ye.PopperRoot,{children:(0,Q.jsx)(et,{inputRef:ie,triggerRef:At,contentRef:w,listId:yt,value:oe,isSelected:It,inputValue:P,onInputValueChange:b,open:x,onOpenChange:y,activeId:g.activeId,itemOrder:re,setActiveId:g.setActiveId,moveActive:g.moveActive,moveActiveToEdge:g.moveActiveToEdge,openWithHighlight:g.openWithHighlight,itemCount:F,registerItem:g.registerItem,unregisterItem:g.unregisterItem,getItem:g.getItem,matchesFilter:Rt,commitItem:Ct,commitInputValue:bt,revert:Pt,clear:vt,allowCustomValue:i,openOnFocus:C,disabled:h,readOnly:O,invalid:at,loading:te,name:ut,form:pt,children:e??(0,Q.jsx)(Ue,{options:me??[],renderOption:mt,placeholder:it,ariaLabel:st,clearable:ct,passThrough:dt})})})};tt.displayName="Autocomplete";var ot=require("../utils/composeRefs.cjs"),rt=require("../utils/part.cjs"),H=require("../utils/primitive.cjs");var lt=require("react/jsx-runtime"),nt=({ref:t,...e})=>{let o=m("AutocompleteTrigger"),a=(0,ot.useComposedRefs)(t,o.triggerRef);return(0,lt.jsx)(H.Primitive.button,{type:"button",tabIndex:-1,"aria-expanded":o.open,"aria-controls":o.listId,disabled:o.disabled,"data-disabled":o.disabled?"":void 0,"data-readonly":o.readOnly?"":void 0,"data-state":o.open?"open":"closed",...e,...(0,rt.skdxPart)("autocomplete","trigger",e.className),ref:a,onMouseDown:(0,H.composeEventHandlers)(e.onMouseDown,r=>r.preventDefault()),onClick:(0,H.composeEventHandlers)(e.onClick,()=>{o.readOnly||(o.onOpenChange(!o.open),o.inputRef.current?.focus())})})};nt.displayName="AutocompleteTrigger";0&&(module.exports={Autocomplete,AutocompleteClear,AutocompleteContent,AutocompleteEmpty,AutocompleteGroup,AutocompleteGroupLabel,AutocompleteGroupProvider,AutocompleteInput,AutocompleteItem,AutocompleteList,AutocompletePortal,AutocompleteProvider,AutocompleteTrigger,defaultGetSuggestionCountLabel,defaultOptionsFilter,useAutocompleteContext,useAutocompleteGroupContext});
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import*as r from"react";import{createSafeContext as yt}from"../utils/createContext.js";import{formValidityHandle as Rt}from"../utils/formControl.js";import{announce as gt}from"../utils/liveAnnouncer.js";import{PopperRoot as Ct}from"../utils/popper.js";import{filterKeeps as bt,sortByOrder as vt}from"../utils/scoredFilter.js";import{useControllableState as Z}from"../utils/useControllableState.js";import{useOpenChangeComplete as Pt}from"../utils/useOpenChangeComplete.js";import{OPTION_SELECTOR as It,useOptionCollection as ht}from"../utils/useOptionCollection.js";import{Glyph as ft}from"../utils/Glyph.js";import{skdxPart as Ge}from"../utils/part.js";import{composeEventHandlers as ne,Primitive as De}from"../utils/primitive.js";import{jsx as Te}from"react/jsx-runtime";var B=({ref:o,...e})=>{let t=m("AutocompleteClear"),i=t.value===""&&t.inputValue==="";return Te(De.button,{type:"button",tabIndex:-1,disabled:t.disabled||t.readOnly||i,"data-disabled":t.disabled?"":void 0,"data-readonly":t.readOnly?"":void 0,...e,...Ge("autocomplete","clear",e.className),ref:o,onMouseDown:ne(e.onMouseDown,l=>l.preventDefault()),onClick:ne(e.onClick,()=>{t.clear(),t.inputRef.current?.focus()})})};B.displayName="AutocompleteClear";import{useComposedRefs as Le}from"../utils/composeRefs.js";import{skdxPart as He}from"../utils/part.js";import{PopperContent as we}from"../utils/popper.js";import{composeEventHandlers as Fe}from"../utils/primitive.js";import{useDismiss as Me}from"../utils/useDismiss.js";import{jsx as Se}from"react/jsx-runtime";var W=({forceMount:o,side:e="bottom",align:t="start",sideOffset:i=4,onEscapeKeyDown:l,onPointerDownOutside:a,onFocusOutside:c,onInteractOutside:s,ref:d,...n})=>{let u=m("AutocompleteContent"),y=Le(d,u.contentRef);return Me({enabled:u.open,onEscapeKeyDown:p=>{l?.(p),p.defaultPrevented||u.revert()},onInteractOutside:s,onPointerDownOutside:p=>{a?.(p),p.defaultPrevented||u.onOpenChange(!1)},onFocusOutside:p=>{c?.(p),p.defaultPrevented||u.onOpenChange(!1)}},[u.contentRef,u.inputRef,u.triggerRef]),!o&&!u.open?null:Se(we,{component:"autocomplete","aria-busy":u.loading?!0:void 0,"data-loading":u.loading?"":void 0,"data-state":u.open?"open":"closed",side:e,align:t,sideOffset:i,...n,...He("autocomplete","content",n.className),ref:y,onMouseDown:Fe(n.onMouseDown,p=>p.preventDefault())})};W.displayName="AutocompleteContent";import{skdxPart as Ke}from"../utils/part.js";import{Primitive as Be}from"../utils/primitive.js";import{jsx as We}from"react/jsx-runtime";var J=({ref:o,...e})=>m("AutocompleteEmpty").itemCount===0?We(Be.div,{role:"presentation",...e,...Ke("autocomplete","empty",e.className),ref:o}):null;J.displayName="AutocompleteEmpty";import*as ae from"react";import{createSafeContext as Je}from"../utils/createContext.js";import{skdxPart as Xe}from"../utils/part.js";import{Primitive as _e}from"../utils/primitive.js";import{jsx as le}from"react/jsx-runtime";var[qe,ue]=Je("AutocompleteGroup"),X=({ref:o,...e})=>{let t=ae.useId();return le(qe,{labelId:t,children:le(_e.div,{role:"group","aria-labelledby":t,...e,...Xe("autocomplete","group",e.className),ref:o})})};X.displayName="AutocompleteGroup";import{skdxPart as Ue}from"../utils/part.js";import{Primitive as $e}from"../utils/primitive.js";import{jsx as ze}from"react/jsx-runtime";var _=({ref:o,...e})=>{let t=ue("AutocompleteGroupLabel");return ze($e.div,{id:t.labelId,...e,...Ue("autocomplete","label",e.className),ref:o})};_.displayName="AutocompleteGroupLabel";import{useComposedRefs as Qe}from"../utils/composeRefs.js";import{skdxPart as Ye}from"../utils/part.js";import{PopperAnchor as Ze}from"../utils/popper.js";import{composeEventHandlers as L,Primitive as je}from"../utils/primitive.js";import{jsx as pe}from"react/jsx-runtime";function me(o){let e=o.activeId?o.getItem(o.activeId):void 0;return e?(o.commitItem(e.value,e.text||e.value,"keyboard"),!0):!1}function et(o,e){return e.altKey&&e.key==="ArrowDown"?(e.preventDefault(),o.open||o.onOpenChange(!0),!0):e.altKey&&e.key==="ArrowUp"?(e.preventDefault(),!me(o)&&o.open&&o.onOpenChange(!1),!0):!1}function tt(o,e){return e.key==="ArrowDown"?(e.preventDefault(),o.open?o.moveActive(1):o.openWithHighlight("first"),!0):e.key==="ArrowUp"?(e.preventDefault(),o.open?o.moveActive(-1):o.openWithHighlight("last"),!0):e.key==="Home"||e.key==="End"?(o.open&&(e.preventDefault(),o.moveActiveToEdge(e.key==="Home"?"first":"last")),!0):!1}function ot(o,e){e.key==="Enter"?me(o)?e.preventDefault():o.allowCustomValue&&o.inputValue!==""?(e.preventDefault(),o.commitInputValue("keyboard")):o.open&&o.onOpenChange(!1):e.key==="Escape"?o.open&&!o.contentRef.current&&(e.preventDefault(),o.revert()):e.key==="Tab"&&o.commitInputValue("keyboard")}var q=({ref:o,...e})=>{let t=m("AutocompleteInput"),i=Qe(o,t.inputRef);return pe(Ze,{asChild:!0,children:pe(je.input,{type:"text",role:"combobox","aria-expanded":t.open,"aria-controls":t.listId,"aria-autocomplete":"list","aria-activedescendant":t.activeId??void 0,autoComplete:"off",name:t.name,form:t.form,disabled:t.disabled,readOnly:t.readOnly,"aria-invalid":t.invalid?!0:void 0,"aria-readonly":t.readOnly?!0:void 0,"aria-busy":t.loading?!0:void 0,"data-invalid":t.invalid?"":void 0,"data-readonly":t.readOnly?"":void 0,"data-loading":t.loading?"":void 0,"data-disabled":t.disabled?"":void 0,"data-state":t.open?"open":"closed",...e,...Ye("autocomplete","input",e.className),ref:i,value:t.inputValue,onChange:L(e.onChange,l=>{t.onInputValueChange(l.target.value),t.open||t.onOpenChange(!0)}),onFocus:L(e.onFocus,()=>{t.openOnFocus&&!t.readOnly&&!t.open&&t.onOpenChange(!0)}),onBlur:L(e.onBlur,()=>{t.commitInputValue("pointer")}),onKeyDown:L(e.onKeyDown,l=>{t.disabled||et(t,l)||tt(t,l)||ot(t,l)})})})};q.displayName="AutocompleteInput";import*as H from"react";import{useComposedRefs as rt}from"../utils/composeRefs.js";import{skdxPart as nt}from"../utils/part.js";import{composeEventHandlers as ie,Primitive as lt}from"../utils/primitive.js";import{useOptionEntry as at}from"../utils/useOptionCollection.js";import{jsx as ut}from"react/jsx-runtime";var U=({value:o,disabled:e,textValue:t,ref:i,...l})=>{let a=m("AutocompleteItem"),c=H.useId(),s=H.useRef(null),d=rt(i,s),{text:n,visible:u}=at({id:c,value:o,textValue:t,itemRef:s,matchesFilter:a.matchesFilter,registerItem:a.registerItem,unregisterItem:a.unregisterItem});if(!u)return null;let y=a.isSelected(o),p=a.activeId===c,g=e||a.disabled||a.readOnly,I=a.itemOrder?.get(c);return ut(lt.div,{role:"option",id:c,"data-value":o,"aria-selected":y,"aria-disabled":g?!0:void 0,"data-state":y?"checked":"unchecked","data-highlighted":p?"":void 0,"data-disabled":g?"":void 0,...l,...nt("autocomplete","item",l.className),ref:d,onClick:ie(l.onClick,()=>{g||(a.commitItem(o,n??o,"pointer"),a.inputRef.current?.focus())}),onPointerEnter:ie(l.onPointerEnter,()=>{g||a.setActiveId(c)}),style:I!==void 0?{order:I,...l.style}:l.style})};U.displayName="AutocompleteItem";import{skdxPart as pt}from"../utils/part.js";import{Primitive as mt}from"../utils/primitive.js";import{jsx as it}from"react/jsx-runtime";var $=({ref:o,...e})=>{let t=m("AutocompleteList");return it(mt.div,{role:"listbox",id:t.listId,...e,...pt("autocomplete","list",e.className),ref:o})};$.displayName="AutocompleteList";import{Portal as ct}from"../utils/portal.js";import{jsx as st}from"react/jsx-runtime";var z=({forceMount:o,children:e,...t})=>{let i=m("AutocompletePortal");return o||i.open?st(ct,{...t,children:e}):null};z.displayName="AutocompletePortal";import{defaultOptionsFilter as Q}from"../combobox/Combobox.js";import{Fragment as At,jsx as P,jsxs as w}from"react/jsx-runtime";var dt=o=>"options"in o,ce=({options:o,renderOption:e,placeholder:t,ariaLabel:i,clearable:l=!1,passThrough:a})=>{let c=m("Autocomplete"),s=i??t,d=n=>P(U,{value:n.value,disabled:n.disabled,textValue:n.label,children:e?e(n,{selected:c.isSelected(n.value)}):n.label??n.value},n.value);return w(At,{children:[w("div",{className:"skdx-autocomplete__field","data-clearable":l?"":void 0,children:[P(q,{...a,"aria-label":s,placeholder:t}),l?P(B,{"aria-label":"Clear",children:P(ft,{name:"close"})}):null]}),P(z,{children:w(W,{children:[P($,{"aria-label":s,children:o.map(n=>dt(n)?w(X,{children:[P(_,{children:n.label}),n.options.map(d)]},n.label):d(n))}),P(J,{children:"No suggestions"})]})})]})};import{jsx as Y}from"react/jsx-runtime";function Ot(o){return`${o} suggestion${o===1?"":"s"} available`}var[xt,m]=yt("Autocomplete");function Vt(o,e){return o??(e?Q:void 0)}function kt({value:o,defaultValue:e="",onValueChange:t,inputValue:i,defaultInputValue:l,onInputValueChange:a}){let c=r.useRef("programmatic"),s=r.useRef(!1),d=r.useRef(null),[n="",u]=Z({prop:o,defaultProp:e,onChange:N=>t?.({value:N,previousValue:d.current,reason:c.current,created:s.current})}),y=r.useRef(n);r.useInsertionEffect(()=>{y.current=n});let p=r.useCallback((N,h,O)=>{c.current=h,s.current=O,d.current=y.current===""?null:y.current,u(N)},[u]),[g="",I]=Z({prop:i,defaultProp:l??e,onChange:a}),F=r.useRef(g);return{value:n,setValue:p,inputValue:g,setInputValue:I,committedTextRef:F}}var Et=function({children:e,value:t,defaultValue:i,onValueChange:l,inputValue:a,defaultInputValue:c,onInputValueChange:s,open:d,defaultOpen:n=!1,onOpenChange:u,onOpenChangeComplete:y,allowCustomValue:p=!0,openOnFocus:g=!1,autoHighlight:I=!1,loop:F=!0,filter:N,disabled:h=!1,readOnly:O=!1,invalid:fe=!1,loading:M=!1,name:de,form:Ae,getResultCountLabel:j=Ot,options:ee,renderOption:ye,placeholder:Re,clearable:ge,"aria-label":Ce,ref:be,...ve}){let k=Vt(N,ee),te=r.useRef(null),Pe=r.useRef(null),G=r.useRef(null),Ie=r.useId(),{value:S,setValue:E,inputValue:v,setInputValue:C,committedTextRef:b}=kt({value:t,defaultValue:i,onValueChange:l,inputValue:a,defaultInputValue:c,onInputValueChange:s}),[x=!1,A]=Z({prop:d,defaultProp:n,onChange:u});Pt(x,G,y);let he=r.useCallback(f=>typeof k!="function"||bt(k(f,v)),[k,v]),Oe=r.useCallback(f=>{if(typeof k!="function")return null;let V=k(f.text,v);return typeof V=="number"?V:null},[k,v]),R=ht({open:x,setOpen:A,contentRef:G,loop:F,scoreItem:Oe}),{itemCount:D,itemOrder:K}=R,{activeId:oe,setActiveId:re}=R;r.useEffect(()=>{if(!I||!x||oe!==null)return;let f=requestAnimationFrame(()=>{let V=Array.from(G.current?.querySelectorAll(It)??[]),T=vt(V,K)[0];T&&re(T.id)});return()=>cancelAnimationFrame(f)},[I,x,oe,D,re,K]),r.useEffect(()=>{!x||M||gt(j(D))},[x,M,D,j]),r.useImperativeHandle(be,()=>Rt(te),[]);let xe=r.useCallback((f,V,T)=>{h||O||(E(f,T,!1),C(V),b.current=V,A(!1))},[h,O,E,C,A,b]),Ve=r.useCallback(f=>{if(!(h||O)){if(!p){C(b.current),A(!1);return}E(v,f,!0),b.current=v,A(!1)}},[h,O,p,v,E,C,A,b]),ke=r.useCallback(()=>{E("","pointer",!0),C(""),b.current="",A(!1)},[E,C,A,b]),Ee=r.useCallback(()=>{C(b.current),A(!1)},[C,A,b]),Ne=r.useCallback(f=>f!==""&&f===S,[S]);return Y(Ct,{children:Y(xt,{inputRef:te,triggerRef:Pe,contentRef:G,listId:Ie,value:S,isSelected:Ne,inputValue:v,onInputValueChange:C,open:x,onOpenChange:A,activeId:R.activeId,itemOrder:K,setActiveId:R.setActiveId,moveActive:R.moveActive,moveActiveToEdge:R.moveActiveToEdge,openWithHighlight:R.openWithHighlight,itemCount:D,registerItem:R.registerItem,unregisterItem:R.unregisterItem,getItem:R.getItem,matchesFilter:he,commitItem:xe,commitInputValue:Ve,revert:Ee,clear:ke,allowCustomValue:p,openOnFocus:g,disabled:h,readOnly:O,invalid:fe,loading:M,name:de,form:Ae,children:e??Y(ce,{options:ee??[],renderOption:ye,placeholder:Re,ariaLabel:Ce,clearable:ge,passThrough:ve})})})};Et.displayName="Autocomplete";import{useComposedRefs as Nt}from"../utils/composeRefs.js";import{skdxPart as Gt}from"../utils/part.js";import{composeEventHandlers as se,Primitive as Dt}from"../utils/primitive.js";import{jsx as Lt}from"react/jsx-runtime";var Tt=({ref:o,...e})=>{let t=m("AutocompleteTrigger"),i=Nt(o,t.triggerRef);return Lt(Dt.button,{type:"button",tabIndex:-1,"aria-expanded":t.open,"aria-controls":t.listId,disabled:t.disabled,"data-disabled":t.disabled?"":void 0,"data-readonly":t.readOnly?"":void 0,"data-state":t.open?"open":"closed",...e,...Gt("autocomplete","trigger",e.className),ref:i,onMouseDown:se(e.onMouseDown,l=>l.preventDefault()),onClick:se(e.onClick,()=>{t.readOnly||(t.onOpenChange(!t.open),t.inputRef.current?.focus())})})};Tt.displayName="AutocompleteTrigger";export{Et as Autocomplete,B as AutocompleteClear,W as AutocompleteContent,J as AutocompleteEmpty,X as AutocompleteGroup,_ as AutocompleteGroupLabel,qe as AutocompleteGroupProvider,q as AutocompleteInput,U as AutocompleteItem,$ as AutocompleteList,z as AutocompletePortal,xt as AutocompleteProvider,Tt as AutocompleteTrigger,Ot as defaultGetSuggestionCountLabel,Q as defaultOptionsFilter,m as useAutocompleteContext,ue as useAutocompleteGroupContext};
2
+ import*as r from"react";import{createSafeContext as yt}from"../utils/createContext.js";import{formValidityHandle as Rt}from"../utils/formControl.js";import{announce as gt}from"../utils/liveAnnouncer.js";import{PopperRoot as Ct}from"../utils/popper.js";import{filterKeeps as bt,sortByOrder as vt}from"../utils/scoredFilter.js";import{useControllableState as Z}from"../utils/useControllableState.js";import{useOpenChangeComplete as Pt}from"../utils/useOpenChangeComplete.js";import{OPTION_SELECTOR as It,useOptionCollection as ht}from"../utils/useOptionCollection.js";import{Glyph as ft}from"../utils/Glyph.js";import{skdxPart as Ge}from"../utils/part.js";import{composeEventHandlers as ne,Primitive as De}from"../utils/primitive.js";import{jsx as Te}from"react/jsx-runtime";var B=({ref:o,...e})=>{let t=m("AutocompleteClear"),i=t.value===""&&t.inputValue==="";return Te(De.button,{type:"button",tabIndex:-1,disabled:t.disabled||t.readOnly||i,"data-disabled":t.disabled?"":void 0,"data-readonly":t.readOnly?"":void 0,...e,...Ge("autocomplete","clear",e.className),ref:o,onMouseDown:ne(e.onMouseDown,l=>l.preventDefault()),onClick:ne(e.onClick,()=>{t.clear(),t.inputRef.current?.focus()})})};B.displayName="AutocompleteClear";import{useComposedRefs as Le}from"../utils/composeRefs.js";import{skdxPart as He}from"../utils/part.js";import{PopperContent as we}from"../utils/popper.js";import{composeEventHandlers as Fe}from"../utils/primitive.js";import{useDismiss as Me}from"../utils/useDismiss.js";import{jsx as Se}from"react/jsx-runtime";var W=({forceMount:o,side:e="bottom",align:t="start",sideOffset:i=4,onEscapeKeyDown:l,onPointerDownOutside:a,onFocusOutside:c,onInteractOutside:s,ref:d,...n})=>{let u=m("AutocompleteContent"),y=Le(d,u.contentRef);return Me({enabled:u.open,onEscapeKeyDown:p=>{l?.(p),p.defaultPrevented||u.revert()},onInteractOutside:s,onPointerDownOutside:p=>{a?.(p),p.defaultPrevented||u.onOpenChange(!1)},onFocusOutside:p=>{c?.(p),p.defaultPrevented||u.onOpenChange(!1)}},[u.contentRef,u.inputRef,u.triggerRef]),!o&&!u.open?null:Se(we,{component:"autocomplete","aria-busy":u.loading?!0:void 0,"data-loading":u.loading?"":void 0,"data-state":u.open?"open":"closed",side:e,align:t,sideOffset:i,...n,...He("autocomplete","content",n.className),ref:y,onMouseDown:Fe(n.onMouseDown,p=>p.preventDefault())})};W.displayName="AutocompleteContent";import{skdxPart as Ke}from"../utils/part.js";import{Primitive as Be}from"../utils/primitive.js";import{jsx as We}from"react/jsx-runtime";var J=({ref:o,...e})=>m("AutocompleteEmpty").itemCount===0?We(Be.div,{role:"presentation",...e,...Ke("autocomplete","empty",e.className),ref:o}):null;J.displayName="AutocompleteEmpty";import*as ae from"react";import{createSafeContext as Je}from"../utils/createContext.js";import{skdxPart as Xe}from"../utils/part.js";import{Primitive as _e}from"../utils/primitive.js";import{jsx as le}from"react/jsx-runtime";var[qe,ue]=Je("AutocompleteGroup"),X=({ref:o,...e})=>{let t=ae.useId();return le(qe,{labelId:t,children:le(_e.div,{role:"group","aria-labelledby":t,...e,...Xe("autocomplete","group",e.className),ref:o})})};X.displayName="AutocompleteGroup";import{skdxPart as Ue}from"../utils/part.js";import{Primitive as $e}from"../utils/primitive.js";import{jsx as ze}from"react/jsx-runtime";var _=({ref:o,...e})=>{let t=ue("AutocompleteGroupLabel");return ze($e.div,{id:t.labelId,...e,...Ue("autocomplete","label",e.className),ref:o})};_.displayName="AutocompleteGroupLabel";import{useComposedRefs as Qe}from"../utils/composeRefs.js";import{skdxPart as Ye}from"../utils/part.js";import{PopperAnchor as Ze}from"../utils/popper.js";import{composeEventHandlers as L,Primitive as je}from"../utils/primitive.js";import{jsx as pe}from"react/jsx-runtime";function me(o){let e=o.activeId?o.getItem(o.activeId):void 0;return e?(o.commitItem(e.value,e.text||e.value,"keyboard"),!0):!1}function et(o,e){return e.altKey&&e.key==="ArrowDown"?(e.preventDefault(),o.open||o.onOpenChange(!0),!0):e.altKey&&e.key==="ArrowUp"?(e.preventDefault(),!me(o)&&o.open&&o.onOpenChange(!1),!0):!1}function tt(o,e){return e.key==="ArrowDown"?(e.preventDefault(),o.open?o.moveActive(1):o.openWithHighlight("first"),!0):e.key==="ArrowUp"?(e.preventDefault(),o.open?o.moveActive(-1):o.openWithHighlight("last"),!0):e.key==="Home"||e.key==="End"?(o.open&&(e.preventDefault(),o.moveActiveToEdge(e.key==="Home"?"first":"last")),!0):!1}function ot(o,e){e.key==="Enter"?me(o)?e.preventDefault():o.allowCustomValue&&o.inputValue!==""?(e.preventDefault(),o.commitInputValue("keyboard")):o.open&&o.onOpenChange(!1):e.key==="Escape"?o.open&&!o.contentRef.current&&(e.preventDefault(),o.revert()):e.key==="Tab"&&o.commitInputValue("keyboard")}var q=({ref:o,...e})=>{let t=m("AutocompleteInput"),i=Qe(o,t.inputRef);return pe(Ze,{asChild:!0,children:pe(je.input,{type:"text",role:"combobox","aria-expanded":t.open,"aria-controls":t.listId,"aria-autocomplete":"list","aria-activedescendant":t.activeId??void 0,autoComplete:"off",name:t.name,form:t.form,disabled:t.disabled,readOnly:t.readOnly,"aria-invalid":t.invalid?!0:void 0,"aria-readonly":t.readOnly?!0:void 0,"aria-busy":t.loading?!0:void 0,"data-invalid":t.invalid?"":void 0,"data-readonly":t.readOnly?"":void 0,"data-loading":t.loading?"":void 0,"data-disabled":t.disabled?"":void 0,"data-state":t.open?"open":"closed",...e,...Ye("autocomplete","input",e.className),ref:i,value:t.inputValue,onChange:L(e.onChange,l=>{t.onInputValueChange(l.target.value),t.open||t.onOpenChange(!0)}),onFocus:L(e.onFocus,()=>{t.openOnFocus&&!t.readOnly&&!t.open&&t.onOpenChange(!0)}),onBlur:L(e.onBlur,()=>{t.commitInputValue("pointer")}),onKeyDown:L(e.onKeyDown,l=>{t.disabled||et(t,l)||tt(t,l)||ot(t,l)})})})};q.displayName="AutocompleteInput";import*as H from"react";import{useComposedRefs as rt}from"../utils/composeRefs.js";import{skdxPart as nt}from"../utils/part.js";import{composeEventHandlers as ie,Primitive as lt}from"../utils/primitive.js";import{useOptionEntry as at}from"../utils/useOptionCollection.js";import{jsx as ut}from"react/jsx-runtime";var U=({value:o,disabled:e,textValue:t,ref:i,...l})=>{let a=m("AutocompleteItem"),c=H.useId(),s=H.useRef(null),d=rt(i,s),{text:n,visible:u}=at({id:c,value:o,textValue:t,itemRef:s,matchesFilter:a.matchesFilter,registerItem:a.registerItem,unregisterItem:a.unregisterItem});if(!u)return null;let y=a.isSelected(o),p=a.activeId===c,g=e||a.disabled||a.readOnly,I=a.itemOrder?.get(c);return ut(lt.div,{role:"option",id:c,"data-value":o,"aria-selected":y,"aria-disabled":g?!0:void 0,"data-state":y?"checked":"unchecked","data-highlighted":p?"":void 0,"data-disabled":g?"":void 0,...l,...nt("autocomplete","item",l.className),ref:d,onClick:ie(l.onClick,()=>{g||(a.commitItem(o,n??o,"pointer"),a.inputRef.current?.focus())}),onPointerEnter:ie(l.onPointerEnter,()=>{g||a.setActiveId(c)}),style:I!==void 0?{order:I,...l.style}:l.style})};U.displayName="AutocompleteItem";import{skdxPart as pt}from"../utils/part.js";import{Primitive as mt}from"../utils/primitive.js";import{jsx as it}from"react/jsx-runtime";var $=({ref:o,...e})=>{let t=m("AutocompleteList");return it(mt.div,{role:"listbox",id:t.listId,...e,...pt("autocomplete","list",e.className),ref:o})};$.displayName="AutocompleteList";import{Portal as ct}from"../utils/portal.js";import{jsx as st}from"react/jsx-runtime";var z=({forceMount:o,children:e,...t})=>{let i=m("AutocompletePortal");return o||i.open?st(ct,{...t,children:e}):null};z.displayName="AutocompletePortal";import{defaultOptionsFilter as Q}from"../combobox/Combobox.js";import{Fragment as At,jsx as P,jsxs as w}from"react/jsx-runtime";var dt=o=>"options"in o,ce=({options:o,renderOption:e,placeholder:t,ariaLabel:i,clearable:l=!1,passThrough:a})=>{let c=m("Autocomplete"),s=i??t,d=n=>P(U,{value:n.value,disabled:n.disabled,textValue:n.label,children:e?e(n,{selected:c.isSelected(n.value)}):n.label??n.value},n.value);return w(At,{children:[w("div",{className:"skdx-autocomplete__field","data-clearable":l?"":void 0,children:[P(q,{...a,"aria-label":s,placeholder:t}),l?P(B,{"aria-label":"Clear",children:P(ft,{name:"close"})}):null]}),P(z,{children:w(W,{children:[P($,{"aria-label":s,children:o.map(n=>dt(n)?w(X,{children:[P(_,{children:n.label}),n.options.map(d)]},n.label):d(n))}),P(J,{children:"No matches"})]})})]})};import{jsx as Y}from"react/jsx-runtime";function Ot(o){return`${o} suggestion${o===1?"":"s"} available`}var[xt,m]=yt("Autocomplete");function Vt(o,e){return o??(e?Q:void 0)}function kt({value:o,defaultValue:e="",onValueChange:t,inputValue:i,defaultInputValue:l,onInputValueChange:a}){let c=r.useRef("programmatic"),s=r.useRef(!1),d=r.useRef(null),[n="",u]=Z({prop:o,defaultProp:e,onChange:N=>t?.({value:N,previousValue:d.current,reason:c.current,created:s.current})}),y=r.useRef(n);r.useInsertionEffect(()=>{y.current=n});let p=r.useCallback((N,h,O)=>{c.current=h,s.current=O,d.current=y.current===""?null:y.current,u(N)},[u]),[g="",I]=Z({prop:i,defaultProp:l??e,onChange:a}),F=r.useRef(g);return{value:n,setValue:p,inputValue:g,setInputValue:I,committedTextRef:F}}var Et=function({children:e,value:t,defaultValue:i,onValueChange:l,inputValue:a,defaultInputValue:c,onInputValueChange:s,open:d,defaultOpen:n=!1,onOpenChange:u,onOpenChangeComplete:y,allowCustomValue:p=!0,openOnFocus:g=!1,autoHighlight:I=!1,loop:F=!0,filter:N,disabled:h=!1,readOnly:O=!1,invalid:fe=!1,loading:M=!1,name:de,form:Ae,getResultCountLabel:j=Ot,options:ee,renderOption:ye,placeholder:Re,clearable:ge,"aria-label":Ce,ref:be,...ve}){let k=Vt(N,ee),te=r.useRef(null),Pe=r.useRef(null),G=r.useRef(null),Ie=r.useId(),{value:S,setValue:E,inputValue:v,setInputValue:C,committedTextRef:b}=kt({value:t,defaultValue:i,onValueChange:l,inputValue:a,defaultInputValue:c,onInputValueChange:s}),[x=!1,A]=Z({prop:d,defaultProp:n,onChange:u});Pt(x,G,y);let he=r.useCallback(f=>typeof k!="function"||bt(k(f,v)),[k,v]),Oe=r.useCallback(f=>{if(typeof k!="function")return null;let V=k(f.text,v);return typeof V=="number"?V:null},[k,v]),R=ht({open:x,setOpen:A,contentRef:G,loop:F,scoreItem:Oe}),{itemCount:D,itemOrder:K}=R,{activeId:oe,setActiveId:re}=R;r.useEffect(()=>{if(!I||!x||oe!==null)return;let f=requestAnimationFrame(()=>{let V=Array.from(G.current?.querySelectorAll(It)??[]),T=vt(V,K)[0];T&&re(T.id)});return()=>cancelAnimationFrame(f)},[I,x,oe,D,re,K]),r.useEffect(()=>{!x||M||gt(j(D))},[x,M,D,j]),r.useImperativeHandle(be,()=>Rt(te),[]);let xe=r.useCallback((f,V,T)=>{h||O||(E(f,T,!1),C(V),b.current=V,A(!1))},[h,O,E,C,A,b]),Ve=r.useCallback(f=>{if(!(h||O)){if(!p){C(b.current),A(!1);return}E(v,f,!0),b.current=v,A(!1)}},[h,O,p,v,E,C,A,b]),ke=r.useCallback(()=>{E("","pointer",!0),C(""),b.current="",A(!1)},[E,C,A,b]),Ee=r.useCallback(()=>{C(b.current),A(!1)},[C,A,b]),Ne=r.useCallback(f=>f!==""&&f===S,[S]);return Y(Ct,{children:Y(xt,{inputRef:te,triggerRef:Pe,contentRef:G,listId:Ie,value:S,isSelected:Ne,inputValue:v,onInputValueChange:C,open:x,onOpenChange:A,activeId:R.activeId,itemOrder:K,setActiveId:R.setActiveId,moveActive:R.moveActive,moveActiveToEdge:R.moveActiveToEdge,openWithHighlight:R.openWithHighlight,itemCount:D,registerItem:R.registerItem,unregisterItem:R.unregisterItem,getItem:R.getItem,matchesFilter:he,commitItem:xe,commitInputValue:Ve,revert:Ee,clear:ke,allowCustomValue:p,openOnFocus:g,disabled:h,readOnly:O,invalid:fe,loading:M,name:de,form:Ae,children:e??Y(ce,{options:ee??[],renderOption:ye,placeholder:Re,ariaLabel:Ce,clearable:ge,passThrough:ve})})})};Et.displayName="Autocomplete";import{useComposedRefs as Nt}from"../utils/composeRefs.js";import{skdxPart as Gt}from"../utils/part.js";import{composeEventHandlers as se,Primitive as Dt}from"../utils/primitive.js";import{jsx as Lt}from"react/jsx-runtime";var Tt=({ref:o,...e})=>{let t=m("AutocompleteTrigger"),i=Nt(o,t.triggerRef);return Lt(Dt.button,{type:"button",tabIndex:-1,"aria-expanded":t.open,"aria-controls":t.listId,disabled:t.disabled,"data-disabled":t.disabled?"":void 0,"data-readonly":t.readOnly?"":void 0,"data-state":t.open?"open":"closed",...e,...Gt("autocomplete","trigger",e.className),ref:i,onMouseDown:se(e.onMouseDown,l=>l.preventDefault()),onClick:se(e.onClick,()=>{t.readOnly||(t.onOpenChange(!t.open),t.inputRef.current?.focus())})})};Tt.displayName="AutocompleteTrigger";export{Et as Autocomplete,B as AutocompleteClear,W as AutocompleteContent,J as AutocompleteEmpty,X as AutocompleteGroup,_ as AutocompleteGroupLabel,qe as AutocompleteGroupProvider,q as AutocompleteInput,U as AutocompleteItem,$ as AutocompleteList,z as AutocompletePortal,xt as AutocompleteProvider,Tt as AutocompleteTrigger,Ot as defaultGetSuggestionCountLabel,Q as defaultOptionsFilter,m as useAutocompleteContext,ue as useAutocompleteGroupContext};
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";var q=Object.create;var p=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var K=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty;var O=(t,a)=>{for(var e in a)p(t,e,{get:a[e],enumerable:!0})},P=(t,a,e,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(let o of H(a))!M.call(t,o)&&o!==e&&p(t,o,{get:()=>a[o],enumerable:!(r=G(a,o))||r.enumerable});return t};var y=(t,a,e)=>(e=t!=null?q(K(t)):{},P(a||!t||!t.__esModule?p(e,"default",{value:t,enumerable:!0}):e,t)),Q=t=>P(p({},"__esModule",{value:!0}),t);var Y={};O(Y,{Avatar:()=>x,AvatarFallback:()=>v,AvatarImage:()=>A,AvatarProvider:()=>B,useAvatarContext:()=>c});module.exports=Q(Y);var E=y(require("react"),1),J=require("../utils/appearance.cjs"),T=require("../utils/createContext.cjs"),V=require("../utils/part.cjs"),X=require("../utils/primitive.cjs");var g=y(require("react"),1),k=require("../utils/part.cjs"),R=require("../utils/primitive.cjs");var S=require("react/jsx-runtime"),v=({delayMs:t,ref:a,...e})=>{let r=c("AvatarFallback"),[o,d]=g.useState(t===void 0);return g.useEffect(()=>{if(t===void 0)return;let f=window.setTimeout(()=>d(!0),t);return()=>window.clearTimeout(f)},[t]),o&&r.imageLoadingStatus!=="loaded"?(0,S.jsx)(R.Primitive.span,{...e,...(0,k.skdxPart)("avatar","fallback",e.className),ref:a}):null};v.displayName="AvatarFallback";var L=y(require("react"),1),C=require("../utils/part.cjs"),w=require("../utils/primitive.cjs"),N=require("../utils/useCallbackRef.cjs");var F=require("react/jsx-runtime"),A=({onLoadingStatusChange:t=()=>{},src:a,srcSet:e,sizes:r,alt:o,asChild:d,children:f,ref:h,...u})=>{let i=c("AvatarImage"),s=(0,N.useCallbackRef)(m=>{i.onImageLoadingStatusChange(m),t(m)});return L.useLayoutEffect(()=>{if(!a&&!e){s("error");return}let m=!0,n=new window.Image,I=U=>()=>{m&&s(U)};return s("loading"),n.onload=I("loaded"),n.onerror=I("error"),e&&(n.srcset=e),r&&(n.sizes=r),a&&(n.src=a),()=>{m=!1}},[a,e,r,s]),i.imageLoadingStatus==="loaded"?(0,F.jsx)(w.Primitive.img,{asChild:d,src:a,srcSet:e,sizes:r,alt:i.decorative?"":o??i.label??"",...u,...(0,C.skdxPart)("avatar","image",u.className),ref:h,children:d?f:null}):null};A.displayName="AvatarImage";var l=require("react/jsx-runtime");function W(t){let a=t.trim().split(/\s+/).filter(Boolean);if(a.length===0)return"";let e=a[0].charAt(0),r=a.length>1?a[a.length-1].charAt(0):"";return(e+r).toUpperCase()}function D({src:t,name:a,fallbackDelayMs:e}){return(0,l.jsxs)(l.Fragment,{children:[t?(0,l.jsx)(A,{src:t}):null,(0,l.jsx)(v,{delayMs:e,children:a?W(a):null})]})}var b=require("react/jsx-runtime"),[B,c]=(0,T.createSafeContext)("Avatar"),x=({label:t,decorative:a=!1,src:e,name:r,fallbackDelayMs:o,children:d,ref:f,shape:h,size:u,...i})=>{let[s,m]=E.useState("idle"),n=t??r;return(0,b.jsx)(B,{imageLoadingStatus:s,onImageLoadingStatusChange:m,label:n,decorative:a,children:(0,b.jsx)(X.Primitive.span,{"data-load-status":s,role:n?"img":void 0,"aria-label":n,"aria-hidden":a?!0:void 0,...i,...(0,J.appearanceAttrs)({shape:h,size:u},i),...(0,V.skdxPart)("avatar","root",i.className),ref:f,children:d??(0,b.jsx)(D,{src:e,name:r,fallbackDelayMs:o})})})};x.displayName="Avatar";0&&(module.exports={Avatar,AvatarFallback,AvatarImage,AvatarProvider,useAvatarContext});
2
+ "use strict";var q=Object.create;var g=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var K=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty;var O=(t,a)=>{for(var e in a)g(t,e,{get:a[e],enumerable:!0})},P=(t,a,e,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(let o of H(a))!M.call(t,o)&&o!==e&&g(t,o,{get:()=>a[o],enumerable:!(r=G(a,o))||r.enumerable});return t};var x=(t,a,e)=>(e=t!=null?q(K(t)):{},P(a||!t||!t.__esModule?g(e,"default",{value:t,enumerable:!0}):e,t)),Q=t=>P(g({},"__esModule",{value:!0}),t);var Y={};O(Y,{Avatar:()=>I,AvatarFallback:()=>A,AvatarImage:()=>b,AvatarProvider:()=>B,useAvatarContext:()=>u});module.exports=Q(Y);var E=x(require("react"),1),J=require("../utils/appearance.cjs"),T=require("../utils/createContext.cjs"),V=require("../utils/part.cjs"),X=require("../utils/primitive.cjs");var v=x(require("react"),1),k=require("../utils/part.cjs"),R=require("../utils/primitive.cjs");var S=require("react/jsx-runtime"),A=({delayMs:t,ref:a,...e})=>{let r=u("AvatarFallback"),[o,s]=v.useState(t===void 0);return v.useEffect(()=>{if(t===void 0)return;let c=window.setTimeout(()=>s(!0),t);return()=>window.clearTimeout(c)},[t]),o&&r.imageLoadingStatus!=="loaded"?(0,S.jsx)(R.Primitive.span,{...e,...(0,k.skdxPart)("avatar","fallback",e.className),ref:a}):null};A.displayName="AvatarFallback";var L=x(require("react"),1),C=require("../utils/part.cjs"),w=require("../utils/primitive.cjs"),N=require("../utils/useCallbackRef.cjs");var F=require("react/jsx-runtime"),b=({onLoadingStatusChange:t=()=>{},src:a,srcSet:e,sizes:r,alt:o,asChild:s,children:c,ref:y,...p})=>{let d=u("AvatarImage"),n=(0,N.useCallbackRef)(i=>{d.onImageLoadingStatusChange(i),t(i)});return L.useLayoutEffect(()=>{if(!a&&!e){n("error");return}let i=!0,m=new window.Image,f=U=>()=>{i&&n(U)};return n("loading"),m.onload=f("loaded"),m.onerror=f("error"),e&&(m.srcset=e),r&&(m.sizes=r),a&&(m.src=a),()=>{i=!1}},[a,e,r,n]),d.imageLoadingStatus==="loaded"?(0,F.jsx)(w.Primitive.img,{asChild:s,src:a,srcSet:e,sizes:r,alt:d.decorative?"":o??d.label??"",...p,...(0,C.skdxPart)("avatar","image",p.className),ref:y,children:s?c:null}):null};b.displayName="AvatarImage";var l=require("react/jsx-runtime");function W(t){let a=t.trim().split(/\s+/).filter(Boolean);if(a.length===0)return"";let e=a[0].charAt(0),r=a.length>1?a[a.length-1].charAt(0):"";return(e+r).toUpperCase()}function D({src:t,name:a,fallbackDelayMs:e}){return(0,l.jsxs)(l.Fragment,{children:[t?(0,l.jsx)(b,{src:t}):null,(0,l.jsx)(A,{delayMs:e,children:a?W(a):null})]})}var h=require("react/jsx-runtime"),[B,u]=(0,T.createSafeContext)("Avatar"),I=({label:t,decorative:a=!1,src:e,name:r,fallbackDelayMs:o,children:s,ref:c,shape:y,size:p,asChild:d,...n})=>{let[i,m]=E.useState("idle"),f=t??r;return(0,h.jsx)(B,{imageLoadingStatus:i,onImageLoadingStatusChange:m,label:f,decorative:a,children:(0,h.jsx)(X.Primitive.span,{"data-load-status":i,role:f?"img":void 0,"aria-label":f,"aria-hidden":a?!0:void 0,...n,...(0,J.appearanceAttrs)({shape:y,size:p},n),...(0,V.skdxPart)("avatar","root",n.className),asChild:s?d:!1,ref:c,children:s??(0,h.jsx)(D,{src:e,name:r,fallbackDelayMs:o})})})};I.displayName="Avatar";0&&(module.exports={Avatar,AvatarFallback,AvatarImage,AvatarProvider,useAvatarContext});
@@ -17,6 +17,6 @@ export declare const AvatarProvider: React.FC<AvatarContextValue & {
17
17
  * ```
18
18
  */
19
19
  export declare const Avatar: {
20
- ({ label, decorative, src, name, fallbackDelayMs, children, ref: forwardedRef, shape, size, ...props }: AvatarProps): React.ReactNode;
20
+ ({ label, decorative, src, name, fallbackDelayMs, children, ref: forwardedRef, shape, size, asChild, ...props }: AvatarProps): React.ReactNode;
21
21
  displayName: string;
22
22
  };
@@ -17,6 +17,6 @@ export declare const AvatarProvider: React.FC<AvatarContextValue & {
17
17
  * ```
18
18
  */
19
19
  export declare const Avatar: {
20
- ({ label, decorative, src, name, fallbackDelayMs, children, ref: forwardedRef, shape, size, ...props }: AvatarProps): React.ReactNode;
20
+ ({ label, decorative, src, name, fallbackDelayMs, children, ref: forwardedRef, shape, size, asChild, ...props }: AvatarProps): React.ReactNode;
21
21
  displayName: string;
22
22
  };
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import*as I from"react";import{appearanceAttrs as T}from"../utils/appearance.js";import{createSafeContext as V}from"../utils/createContext.js";import{skdxPart as X}from"../utils/part.js";import{Primitive as B}from"../utils/primitive.js";import*as c from"react";import{skdxPart as R}from"../utils/part.js";import{Primitive as S}from"../utils/primitive.js";import{jsx as L}from"react/jsx-runtime";var g=({delayMs:e,ref:a,...t})=>{let r=u("AvatarFallback"),[l,m]=c.useState(e===void 0);return c.useEffect(()=>{if(e===void 0)return;let d=window.setTimeout(()=>m(!0),e);return()=>window.clearTimeout(d)},[e]),l&&r.imageLoadingStatus!=="loaded"?L(S.span,{...t,...R("avatar","fallback",t.className),ref:a}):null};g.displayName="AvatarFallback";import*as h from"react";import{skdxPart as C}from"../utils/part.js";import{Primitive as w}from"../utils/primitive.js";import{useCallbackRef as N}from"../utils/useCallbackRef.js";import{jsx as F}from"react/jsx-runtime";var v=({onLoadingStatusChange:e=()=>{},src:a,srcSet:t,sizes:r,alt:l,asChild:m,children:d,ref:p,...f})=>{let n=u("AvatarImage"),i=N(s=>{n.onImageLoadingStatusChange(s),e(s)});return h.useLayoutEffect(()=>{if(!a&&!t){i("error");return}let s=!0,o=new window.Image,b=k=>()=>{s&&i(k)};return i("loading"),o.onload=b("loaded"),o.onerror=b("error"),t&&(o.srcset=t),r&&(o.sizes=r),a&&(o.src=a),()=>{s=!1}},[a,t,r,i]),n.imageLoadingStatus==="loaded"?F(w.img,{asChild:m,src:a,srcSet:t,sizes:r,alt:n.decorative?"":l??n.label??"",...f,...C("avatar","image",f.className),ref:p,children:m?d:null}):null};v.displayName="AvatarImage";import{Fragment as E,jsx as y,jsxs as J}from"react/jsx-runtime";function D(e){let a=e.trim().split(/\s+/).filter(Boolean);if(a.length===0)return"";let t=a[0].charAt(0),r=a.length>1?a[a.length-1].charAt(0):"";return(t+r).toUpperCase()}function x({src:e,name:a,fallbackDelayMs:t}){return J(E,{children:[e?y(v,{src:e}):null,y(g,{delayMs:t,children:a?D(a):null})]})}import{jsx as A}from"react/jsx-runtime";var[U,u]=V("Avatar"),P=({label:e,decorative:a=!1,src:t,name:r,fallbackDelayMs:l,children:m,ref:d,shape:p,size:f,...n})=>{let[i,s]=I.useState("idle"),o=e??r;return A(U,{imageLoadingStatus:i,onImageLoadingStatusChange:s,label:o,decorative:a,children:A(B.span,{"data-load-status":i,role:o?"img":void 0,"aria-label":o,"aria-hidden":a?!0:void 0,...n,...T({shape:p,size:f},n),...X("avatar","root",n.className),ref:d,children:m??A(x,{src:t,name:r,fallbackDelayMs:l})})})};P.displayName="Avatar";export{P as Avatar,g as AvatarFallback,v as AvatarImage,U as AvatarProvider,u as useAvatarContext};
2
+ import*as I from"react";import{appearanceAttrs as T}from"../utils/appearance.js";import{createSafeContext as V}from"../utils/createContext.js";import{skdxPart as X}from"../utils/part.js";import{Primitive as B}from"../utils/primitive.js";import*as u from"react";import{skdxPart as R}from"../utils/part.js";import{Primitive as S}from"../utils/primitive.js";import{jsx as L}from"react/jsx-runtime";var v=({delayMs:e,ref:a,...t})=>{let r=p("AvatarFallback"),[d,i]=u.useState(e===void 0);return u.useEffect(()=>{if(e===void 0)return;let f=window.setTimeout(()=>i(!0),e);return()=>window.clearTimeout(f)},[e]),d&&r.imageLoadingStatus!=="loaded"?L(S.span,{...t,...R("avatar","fallback",t.className),ref:a}):null};v.displayName="AvatarFallback";import*as h from"react";import{skdxPart as C}from"../utils/part.js";import{Primitive as w}from"../utils/primitive.js";import{useCallbackRef as N}from"../utils/useCallbackRef.js";import{jsx as F}from"react/jsx-runtime";var A=({onLoadingStatusChange:e=()=>{},src:a,srcSet:t,sizes:r,alt:d,asChild:i,children:f,ref:g,...c})=>{let m=p("AvatarImage"),o=N(n=>{m.onImageLoadingStatusChange(n),e(n)});return h.useLayoutEffect(()=>{if(!a&&!t){o("error");return}let n=!0,s=new window.Image,l=k=>()=>{n&&o(k)};return o("loading"),s.onload=l("loaded"),s.onerror=l("error"),t&&(s.srcset=t),r&&(s.sizes=r),a&&(s.src=a),()=>{n=!1}},[a,t,r,o]),m.imageLoadingStatus==="loaded"?F(w.img,{asChild:i,src:a,srcSet:t,sizes:r,alt:m.decorative?"":d??m.label??"",...c,...C("avatar","image",c.className),ref:g,children:i?f:null}):null};A.displayName="AvatarImage";import{Fragment as E,jsx as y,jsxs as J}from"react/jsx-runtime";function D(e){let a=e.trim().split(/\s+/).filter(Boolean);if(a.length===0)return"";let t=a[0].charAt(0),r=a.length>1?a[a.length-1].charAt(0):"";return(t+r).toUpperCase()}function x({src:e,name:a,fallbackDelayMs:t}){return J(E,{children:[e?y(A,{src:e}):null,y(v,{delayMs:t,children:a?D(a):null})]})}import{jsx as b}from"react/jsx-runtime";var[U,p]=V("Avatar"),P=({label:e,decorative:a=!1,src:t,name:r,fallbackDelayMs:d,children:i,ref:f,shape:g,size:c,asChild:m,...o})=>{let[n,s]=I.useState("idle"),l=e??r;return b(U,{imageLoadingStatus:n,onImageLoadingStatusChange:s,label:l,decorative:a,children:b(B.span,{"data-load-status":n,role:l?"img":void 0,"aria-label":l,"aria-hidden":a?!0:void 0,...o,...T({shape:g,size:c},o),...X("avatar","root",o.className),asChild:i?m:!1,ref:f,children:i??b(x,{src:t,name:r,fallbackDelayMs:d})})})};P.displayName="Avatar";export{P as Avatar,v as AvatarFallback,A as AvatarImage,U as AvatarProvider,p as useAvatarContext};
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ "use strict";var t=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var B=(o,r)=>{for(var e in r)t(o,e,{get:r[e],enumerable:!0})},i=(o,r,e,m)=>{if(r&&typeof r=="object"||typeof r=="function")for(let p of y(r))!k.call(o,p)&&p!==e&&t(o,p,{get:()=>r[p],enumerable:!(m=f(r,p))||m.enumerable});return o};var l=o=>i(t({},"__esModule",{value:!0}),o);var n={};B(n,{Backdrop:()=>a});module.exports=l(n);var c=require("../loading-overlay/LoadingOverlay.cjs"),d=require("react/jsx-runtime");function a({fullScreen:o=!0,...r}){return(0,d.jsx)(c.LoadingOverlay,{fullScreen:o,...r})}a.displayName="Backdrop";0&&(module.exports={Backdrop});
@@ -0,0 +1,9 @@
1
+ import type { JSX } from 'react';
2
+ import type { BackdropProps } from './types.cjs';
3
+ /**
4
+ * Backdrop alias of {@link LoadingOverlay}: the same component with `fullScreen=true` as defaults. Every LoadingOverlay prop applies; reach for LoadingOverlay itself for full control.
5
+ */
6
+ export declare function Backdrop({ fullScreen, ...rest }: BackdropProps): JSX.Element;
7
+ export declare namespace Backdrop {
8
+ var displayName: string;
9
+ }
@@ -0,0 +1,9 @@
1
+ import type { JSX } from 'react';
2
+ import type { BackdropProps } from './types.js';
3
+ /**
4
+ * Backdrop alias of {@link LoadingOverlay}: the same component with `fullScreen=true` as defaults. Every LoadingOverlay prop applies; reach for LoadingOverlay itself for full control.
5
+ */
6
+ export declare function Backdrop({ fullScreen, ...rest }: BackdropProps): JSX.Element;
7
+ export declare namespace Backdrop {
8
+ var displayName: string;
9
+ }
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ import{LoadingOverlay as e}from"../loading-overlay/LoadingOverlay.js";import{jsx as t}from"react/jsx-runtime";function r({fullScreen:o=!0,...p}){return t(e,{fullScreen:o,...p})}r.displayName="Backdrop";export{r as Backdrop};
@@ -0,0 +1,2 @@
1
+ export { Backdrop } from './Backdrop.cjs';
2
+ export type { BackdropProps } from './types.cjs';
@@ -0,0 +1,2 @@
1
+ export { Backdrop } from './Backdrop.js';
2
+ export type { BackdropProps } from './types.js';
@@ -0,0 +1,3 @@
1
+ import type { LoadingOverlayProps } from '../loading-overlay/types.cjs';
2
+ /** Props for {@link Backdrop}: every LoadingOverlay prop, with `fullScreen` defaulting to `true`. */
3
+ export type BackdropProps = LoadingOverlayProps;
@@ -0,0 +1,3 @@
1
+ import type { LoadingOverlayProps } from '../loading-overlay/types.js';
2
+ /** Props for {@link Backdrop}: every LoadingOverlay prop, with `fullScreen` defaulting to `true`. */
3
+ export type BackdropProps = LoadingOverlayProps;
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";var C=Object.create;var f=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var V=(t,e)=>{for(var n in e)f(t,n,{get:e[n],enumerable:!0})},y=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of O(e))!T.call(t,o)&&o!==n&&f(t,o,{get:()=>e[o],enumerable:!(r=M(e,o))||r.enumerable});return t};var h=(t,e,n)=>(n=t!=null?C(S(t)):{},y(e||!t||!t.__esModule?f(n,"default",{value:t,enumerable:!0}):n,t)),j=t=>y(f({},"__esModule",{value:!0}),t);var z={};V(z,{Button:()=>D});module.exports=j(z);var B=h(require("react"),1),v=require("../utils/appearance.cjs"),P=require("../utils/part.cjs"),R=require("../utils/primitive.cjs"),x=require("../utils/visuallyHidden.cjs"),i=require("react/jsx-runtime");function q(t,e,n,r){let o=e&&n||t&&!e,a=t&&!e,d=e&&!n,u=d&&!r;return{busy:a,nativelyDisabled:d,hardDisabledOffButton:u,inert:o||u}}function w(t,e,n,r){let o;return n&&r?o=0:t.hardDisabledOffButton&&(o=-1),{"aria-disabled":t.inert||void 0,"aria-busy":t.busy||void 0,tabIndex:o,"data-disabled":n||e?"":void 0,"data-loading":e?"":void 0}}var D=({loading:t=!1,loadingLabel:e="Loading",disabled:n=!1,focusableWhenDisabled:r=!1,type:o="button",as:a="button",onClick:d,ref:u,iconOnly:m,size:k,status:E,variant:H,...s})=>{let l=a==="button",c=q(t,n,r,l),I=c.inert,p=B.useId(),L=[s["aria-describedby"],t?p:void 0].filter(Boolean).join(" ")||void 0,N=b=>{if(I){b.preventDefault(),b.stopPropagation();return}d?.(b)},A=R.Primitive[a];return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(A,{type:l?o:void 0,disabled:l?c.nativelyDisabled:void 0,...w(c,t,n,r),...s,"aria-describedby":L,onClick:N,...(0,v.appearanceAttrs)({iconOnly:m,size:k,status:E,variant:H},s),...(0,P.skdxPart)("button","root",s.className),ref:u}),t?(0,i.jsx)(x.VisuallyHidden,{id:p,children:e}):null]})};D.displayName="Button";0&&(module.exports={Button});
2
+ "use strict";var C=Object.create;var s=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var V=(t,e)=>{for(var n in e)s(t,n,{get:e[n],enumerable:!0})},y=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of O(e))!T.call(t,o)&&o!==n&&s(t,o,{get:()=>e[o],enumerable:!(r=M(e,o))||r.enumerable});return t};var h=(t,e,n)=>(n=t!=null?C(S(t)):{},y(e||!t||!t.__esModule?s(n,"default",{value:t,enumerable:!0}):n,t)),j=t=>y(s({},"__esModule",{value:!0}),t);var z={};V(z,{Button:()=>D});module.exports=j(z);var B=h(require("react"),1),v=require("../utils/appearance.cjs"),P=require("../utils/part.cjs"),R=require("../utils/primitive.cjs"),x=require("../utils/visuallyHidden.cjs"),i=require("react/jsx-runtime");function q(t,e,n,r){let o=e&&n||t&&!e,a=t&&!e,d=e&&!n,u=d&&!r;return{busy:a,nativelyDisabled:d,hardDisabledOffButton:u,inert:o||u}}function w(t,e,n,r){let o;return n&&r?o=0:t.hardDisabledOffButton&&(o=-1),{"aria-disabled":t.inert||void 0,"aria-busy":t.busy||void 0,tabIndex:o,"data-disabled":n||e?"":void 0,"data-loading":e?"":void 0}}var D=({loading:t=!1,loadingLabel:e="Loading",disabled:n=!1,focusableWhenDisabled:r=!1,type:o="button",as:a="button",onClick:d,ref:u,iconOnly:m,size:k,status:E,variant:H,...f})=>{let l=a==="button",c=q(t,n,r,l),I=c.inert,p=B.useId(),L=[f["aria-describedby"],t?p:void 0].filter(Boolean).join(" ")||void 0,N=b=>{if(I){b.preventDefault(),b.stopPropagation();return}d?.(b)},A=R.Primitive[a];return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(A,{type:l?o:void 0,disabled:l?c.nativelyDisabled:void 0,...w(c,t,n,r),...f,"aria-describedby":L,onClick:N,...(0,v.appearanceAttrs)({iconOnly:m,size:k,status:E,variant:H},f),...(0,P.skdxPart)("button","root",f.className),ref:u}),t?(0,i.jsx)(x.VisuallyHidden,{id:p,children:e}):null]})};D.displayName="Button";0&&(module.exports={Button});
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import*as p from"react";import{appearanceAttrs as k}from"../utils/appearance.js";import{skdxPart as E}from"../utils/part.js";import{Primitive as H}from"../utils/primitive.js";import{VisuallyHidden as I}from"../utils/visuallyHidden.js";import{Fragment as C,jsx as m,jsxs as M}from"react/jsx-runtime";function L(t,e,n,r){let o=e&&n||t&&!e,i=t&&!e,a=e&&!n,d=a&&!r;return{busy:i,nativelyDisabled:a,hardDisabledOffButton:d,inert:o||d}}function N(t,e,n,r){let o;return n&&r?o=0:t.hardDisabledOffButton&&(o=-1),{"aria-disabled":t.inert||void 0,"aria-busy":t.busy||void 0,tabIndex:o,"data-disabled":n||e?"":void 0,"data-loading":e?"":void 0}}var A=({loading:t=!1,loadingLabel:e="Loading",disabled:n=!1,focusableWhenDisabled:r=!1,type:o="button",as:i="button",onClick:a,ref:d,iconOnly:c,size:y,status:B,variant:v,...u})=>{let s=i==="button",f=L(t,n,r,s),P=f.inert,b=p.useId(),R=[u["aria-describedby"],t?b:void 0].filter(Boolean).join(" ")||void 0,x=l=>{if(P){l.preventDefault(),l.stopPropagation();return}a?.(l)},D=H[i];return M(C,{children:[m(D,{type:s?o:void 0,disabled:s?f.nativelyDisabled:void 0,...N(f,t,n,r),...u,"aria-describedby":R,onClick:x,...k({iconOnly:c,size:y,status:B,variant:v},u),...E("button","root",u.className),ref:d}),t?m(I,{id:b,children:e}):null]})};A.displayName="Button";export{A as Button};
2
+ import*as p from"react";import{appearanceAttrs as k}from"../utils/appearance.js";import{skdxPart as E}from"../utils/part.js";import{Primitive as H}from"../utils/primitive.js";import{VisuallyHidden as I}from"../utils/visuallyHidden.js";import{Fragment as C,jsx as m,jsxs as M}from"react/jsx-runtime";function L(t,e,n,r){let o=e&&n||t&&!e,i=t&&!e,a=e&&!n,d=a&&!r;return{busy:i,nativelyDisabled:a,hardDisabledOffButton:d,inert:o||d}}function N(t,e,n,r){let o;return n&&r?o=0:t.hardDisabledOffButton&&(o=-1),{"aria-disabled":t.inert||void 0,"aria-busy":t.busy||void 0,tabIndex:o,"data-disabled":n||e?"":void 0,"data-loading":e?"":void 0}}var A=({loading:t=!1,loadingLabel:e="Loading",disabled:n=!1,focusableWhenDisabled:r=!1,type:o="button",as:i="button",onClick:a,ref:d,iconOnly:c,size:y,status:B,variant:v,...u})=>{let f=i==="button",s=L(t,n,r,f),P=s.inert,b=p.useId(),R=[u["aria-describedby"],t?b:void 0].filter(Boolean).join(" ")||void 0,x=l=>{if(P){l.preventDefault(),l.stopPropagation();return}a?.(l)},D=H[i];return M(C,{children:[m(D,{type:f?o:void 0,disabled:f?s.nativelyDisabled:void 0,...N(s,t,n,r),...u,"aria-describedby":R,onClick:x,...k({iconOnly:c,size:y,status:B,variant:v},u),...E("button","root",u.className),ref:d}),t?m(I,{id:b,children:e}):null]})};A.displayName="Button";export{A as Button};
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";var le=Object.create;var m=Object.defineProperty;var Ce=Object.getOwnPropertyDescriptor;var me=Object.getOwnPropertyNames;var fe=Object.getPrototypeOf,be=Object.prototype.hasOwnProperty;var pe=(r,o)=>{for(var e in o)m(r,e,{get:o[e],enumerable:!0})},T=(r,o,e,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of me(o))!be.call(r,a)&&a!==e&&m(r,a,{get:()=>o[a],enumerable:!(t=Ce(o,a))||t.enumerable});return r};var R=(r,o,e)=>(e=r!=null?le(fe(r)):{},T(o||!r||!r.__esModule?m(e,"default",{value:r,enumerable:!0}):e,r)),he=r=>T(m({},"__esModule",{value:!0}),r);var ke={};pe(ke,{CheckboxCard:()=>N,CheckboxCardControl:()=>b,CheckboxCardDescription:()=>p,CheckboxCardIndicator:()=>h,CheckboxCardLabel:()=>x,CheckboxCardProvider:()=>Z,CheckboxCardRoot:()=>L,useCheckboxCardContext:()=>d});module.exports=he(ke);var n=R(require("react"),1),G=require("../utils/appearance.cjs"),K=require("../utils/cardNesting.cjs"),Q=require("../utils/createContext.cjs"),P=require("../utils/declaredChildren.cjs"),u=require("../utils/formControl.cjs"),U=require("../utils/part.cjs"),s=require("../utils/primitive.cjs"),Y=require("../utils/useControllableState.cjs");var F=require("../utils/part.cjs"),f=require("../utils/primitive.cjs"),S=require("../utils/visuallyHidden.cjs");var y=require("react/jsx-runtime"),b=({ref:r,...o})=>{let e=d("CheckboxCardControl");return(0,y.jsx)(S.VisuallyHidden,{asChild:!0,children:(0,y.jsx)(f.Primitive.input,{type:"checkbox",name:e.name,value:e.value,form:e.form,checked:e.checked,required:e.required,disabled:e.disabled,"aria-readonly":e.readOnly||void 0,"aria-invalid":e.invalid?!0:void 0,"aria-labelledby":e.hasLabel?e.labelId:void 0,"aria-describedby":e.hasDescription?e.descriptionId:void 0,"data-state":e.checked?"checked":"unchecked",...o,...(0,F.skdxPart)("checkbox-card","control",o.className),ref:r,onChange:(0,f.composeEventHandlers)(o.onChange,t=>{if(e.readOnly){t.currentTarget.checked=e.checked;return}e.onCheckedChange(t.currentTarget.checked)})})})};b.displayName="CheckboxCardControl";var O=R(require("react"),1),q=require("../utils/part.cjs"),M=require("../utils/primitive.cjs");var A=require("react/jsx-runtime"),p=({ref:r,...o})=>{let e=d("CheckboxCardDescription"),{setHasDescription:t}=e;return O.useEffect(()=>(t(!0),()=>t(!1)),[t]),(0,A.jsx)(M.Primitive.span,{id:e.descriptionId,"data-disabled":e.disabled?"":void 0,...o,...(0,q.skdxPart)("checkbox-card","description",o.className),ref:r})};p.displayName="CheckboxCardDescription";var w=require("../utils/part.cjs"),B=require("../utils/primitive.cjs");var $=require("react/jsx-runtime"),h=({ref:r,...o})=>{let e=d("CheckboxCardIndicator");return(0,$.jsx)(B.Primitive.span,{"aria-hidden":!0,"data-state":e.checked?"checked":"unchecked","data-disabled":e.disabled?"":void 0,...o,...(0,w.skdxPart)("checkbox-card","indicator",o.className),ref:r})};h.displayName="CheckboxCardIndicator";var J=R(require("react"),1),W=require("../utils/part.cjs"),X=require("../utils/primitive.cjs");var _=require("react/jsx-runtime"),x=({ref:r,...o})=>{let e=d("CheckboxCardLabel"),{setHasLabel:t}=e;return J.useEffect(()=>(t(!0),()=>t(!1)),[t]),(0,_.jsx)(X.Primitive.span,{id:e.labelId,"data-disabled":e.disabled?"":void 0,...o,...(0,W.skdxPart)("checkbox-card","label",o.className),ref:r})};x.displayName="CheckboxCardLabel";var c=require("react/jsx-runtime"),z=({label:r,description:o})=>(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(b,{}),(0,c.jsx)(h,{}),r===void 0?null:(0,c.jsx)(x,{children:r}),o===void 0?null:(0,c.jsx)(p,{children:o})]});var k=require("react/jsx-runtime"),xe='input[type="checkbox"]',[Z,d]=(0,Q.createSafeContext)("CheckboxCard"),L=({checked:r,defaultChecked:o=!1,onCheckedChange:e,name:t,value:a="on",form:j,required:ee=!1,disabled:H=!1,readOnly:v=!1,invalid:D=!1,ref:oe,size:re,...i})=>{let[I=!1,g]=(0,Y.useControllableState)({prop:r,defaultProp:o,onChange:e}),E=n.useId(),[te,ae]=n.useState(!1),[de,ce]=n.useState(!1),ne=te||(0,P.hasDeclaredChild)(i.children,"CheckboxCardLabel"),ie=de||(0,P.hasDeclaredChild)(i.children,"CheckboxCardDescription"),[se,V]=n.useState(!1),C=n.useRef(!1),l=n.useRef(null);return(0,u.useFormValidityHandle)(oe,l,{get current(){return l.current?.querySelector(xe)??null}}),(0,K.useCardNestingWarning)("CheckboxCard",l),(0,u.useFormReset)(l,()=>g(o)),(0,k.jsx)(Z,{checked:I,disabled:H,readOnly:v,required:ee,invalid:D,name:t,value:a,form:j,labelId:`${E}-label`,descriptionId:`${E}-description`,hasLabel:ne,hasDescription:ie,setHasLabel:ae,setHasDescription:ce,onCheckedChange:g,children:(0,k.jsx)(s.Primitive.label,{"data-state":I?"checked":"unchecked","data-disabled":H?"":void 0,"data-readonly":v?"":void 0,"data-invalid":D?"":void 0,"data-focus-visible":se?"":void 0,...i,...(0,G.appearanceAttrs)({size:re},i),...(0,U.skdxPart)("checkbox-card","root",i.className),ref:l,onPointerDown:(0,s.useComposedEventHandlers)(i.onPointerDown,()=>{C.current=!0}),onFocus:(0,s.useComposedEventHandlers)(i.onFocus,()=>{V(!C.current),C.current=!1}),onBlur:(0,s.useComposedEventHandlers)(i.onBlur,()=>{V(!1),C.current=!1})})})};L.displayName="CheckboxCardRoot";var N=({label:r,description:o,children:e,ref:t,...a})=>(0,k.jsx)(L,{...a,ref:t,children:e??z({label:r,description:o})});N.displayName="CheckboxCard";0&&(module.exports={CheckboxCard,CheckboxCardControl,CheckboxCardDescription,CheckboxCardIndicator,CheckboxCardLabel,CheckboxCardProvider,CheckboxCardRoot,useCheckboxCardContext});
2
+ "use strict";var Ce=Object.create;var m=Object.defineProperty;var me=Object.getOwnPropertyDescriptor;var fe=Object.getOwnPropertyNames;var be=Object.getPrototypeOf,pe=Object.prototype.hasOwnProperty;var he=(r,o)=>{for(var e in o)m(r,e,{get:o[e],enumerable:!0})},T=(r,o,e,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let c of fe(o))!pe.call(r,c)&&c!==e&&m(r,c,{get:()=>o[c],enumerable:!(t=me(o,c))||t.enumerable});return r};var R=(r,o,e)=>(e=r!=null?Ce(be(r)):{},T(o||!r||!r.__esModule?m(e,"default",{value:r,enumerable:!0}):e,r)),ke=r=>T(m({},"__esModule",{value:!0}),r);var ue={};he(ue,{CheckboxCard:()=>N,CheckboxCardControl:()=>b,CheckboxCardDescription:()=>p,CheckboxCardIndicator:()=>h,CheckboxCardLabel:()=>k,CheckboxCardProvider:()=>j,CheckboxCardRoot:()=>L,useCheckboxCardContext:()=>d});module.exports=ke(ue);var n=R(require("react"),1),K=require("../utils/appearance.cjs"),Q=require("../utils/cardNesting.cjs"),U=require("../utils/createContext.cjs"),P=require("../utils/declaredChildren.cjs"),u=require("../utils/formControl.cjs"),Y=require("../utils/part.cjs"),s=require("../utils/primitive.cjs"),Z=require("../utils/useControllableState.cjs");var _=require("../utils/Glyph.cjs");var F=require("../utils/part.cjs"),f=require("../utils/primitive.cjs"),S=require("../utils/visuallyHidden.cjs");var y=require("react/jsx-runtime"),b=({ref:r,...o})=>{let e=d("CheckboxCardControl");return(0,y.jsx)(S.VisuallyHidden,{asChild:!0,children:(0,y.jsx)(f.Primitive.input,{type:"checkbox",name:e.name,value:e.value,form:e.form,checked:e.checked,required:e.required,disabled:e.disabled,"aria-readonly":e.readOnly||void 0,"aria-invalid":e.invalid?!0:void 0,"aria-labelledby":e.hasLabel?e.labelId:void 0,"aria-describedby":e.hasDescription?e.descriptionId:void 0,"data-state":e.checked?"checked":"unchecked",...o,...(0,F.skdxPart)("checkbox-card","control",o.className),ref:r,onChange:(0,f.composeEventHandlers)(o.onChange,t=>{if(e.readOnly){t.currentTarget.checked=e.checked;return}e.onCheckedChange(t.currentTarget.checked)})})})};b.displayName="CheckboxCardControl";var O=R(require("react"),1),q=require("../utils/part.cjs"),M=require("../utils/primitive.cjs");var A=require("react/jsx-runtime"),p=({ref:r,...o})=>{let e=d("CheckboxCardDescription"),{setHasDescription:t}=e;return O.useEffect(()=>(t(!0),()=>t(!1)),[t]),(0,A.jsx)(M.Primitive.span,{id:e.descriptionId,"data-disabled":e.disabled?"":void 0,...o,...(0,q.skdxPart)("checkbox-card","description",o.className),ref:r})};p.displayName="CheckboxCardDescription";var w=require("../utils/part.cjs"),B=require("../utils/primitive.cjs");var $=require("react/jsx-runtime"),h=({ref:r,...o})=>{let e=d("CheckboxCardIndicator");return(0,$.jsx)(B.Primitive.span,{"aria-hidden":!0,"data-state":e.checked?"checked":"unchecked","data-disabled":e.disabled?"":void 0,...o,...(0,w.skdxPart)("checkbox-card","indicator",o.className),ref:r})};h.displayName="CheckboxCardIndicator";var G=R(require("react"),1),J=require("../utils/part.cjs"),W=require("../utils/primitive.cjs");var X=require("react/jsx-runtime"),k=({ref:r,...o})=>{let e=d("CheckboxCardLabel"),{setHasLabel:t}=e;return G.useEffect(()=>(t(!0),()=>t(!1)),[t]),(0,X.jsx)(W.Primitive.span,{id:e.labelId,"data-disabled":e.disabled?"":void 0,...o,...(0,J.skdxPart)("checkbox-card","label",o.className),ref:r})};k.displayName="CheckboxCardLabel";var a=require("react/jsx-runtime"),z=({label:r,description:o})=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(b,{}),(0,a.jsx)(h,{children:(0,a.jsx)(_.Glyph,{name:"check"})}),r===void 0?null:(0,a.jsx)(k,{children:r}),o===void 0?null:(0,a.jsx)(p,{children:o})]});var x=require("react/jsx-runtime"),xe='input[type="checkbox"]',[j,d]=(0,U.createSafeContext)("CheckboxCard"),L=({checked:r,defaultChecked:o=!1,onCheckedChange:e,name:t,value:c="on",form:ee,required:oe=!1,disabled:H=!1,readOnly:v=!1,invalid:D=!1,ref:re,size:te,...i})=>{let[I=!1,g]=(0,Z.useControllableState)({prop:r,defaultProp:o,onChange:e}),E=n.useId(),[ae,ce]=n.useState(!1),[de,ne]=n.useState(!1),ie=ae||(0,P.hasDeclaredChild)(i.children,"CheckboxCardLabel"),se=de||(0,P.hasDeclaredChild)(i.children,"CheckboxCardDescription"),[le,V]=n.useState(!1),C=n.useRef(!1),l=n.useRef(null);return(0,u.useFormValidityHandle)(re,l,{get current(){return l.current?.querySelector(xe)??null}}),(0,Q.useCardNestingWarning)("CheckboxCard",l),(0,u.useFormReset)(l,()=>g(o)),(0,x.jsx)(j,{checked:I,disabled:H,readOnly:v,required:oe,invalid:D,name:t,value:c,form:ee,labelId:`${E}-label`,descriptionId:`${E}-description`,hasLabel:ie,hasDescription:se,setHasLabel:ce,setHasDescription:ne,onCheckedChange:g,children:(0,x.jsx)(s.Primitive.label,{"data-state":I?"checked":"unchecked","data-disabled":H?"":void 0,"data-readonly":v?"":void 0,"data-invalid":D?"":void 0,"data-focus-visible":le?"":void 0,...i,...(0,K.appearanceAttrs)({size:te},i),...(0,Y.skdxPart)("checkbox-card","root",i.className),ref:l,onPointerDown:(0,s.useComposedEventHandlers)(i.onPointerDown,()=>{C.current=!0}),onFocus:(0,s.useComposedEventHandlers)(i.onFocus,()=>{V(!C.current),C.current=!1}),onBlur:(0,s.useComposedEventHandlers)(i.onBlur,()=>{V(!1),C.current=!1})})})};L.displayName="CheckboxCardRoot";var N=({label:r,description:o,children:e,ref:t,...c})=>(0,x.jsx)(L,{...c,ref:t,children:e??z({label:r,description:o})});N.displayName="CheckboxCard";0&&(module.exports={CheckboxCard,CheckboxCardControl,CheckboxCardDescription,CheckboxCardIndicator,CheckboxCardLabel,CheckboxCardProvider,CheckboxCardRoot,useCheckboxCardContext});
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import*as a from"react";import{appearanceAttrs as te}from"../utils/appearance.js";import{useCardNestingWarning as ae}from"../utils/cardNesting.js";import{createSafeContext as de}from"../utils/createContext.js";import{hasDeclaredChild as I}from"../utils/declaredChildren.js";import{useFormReset as ce,useFormValidityHandle as ne}from"../utils/formControl.js";import{skdxPart as ie}from"../utils/part.js";import{Primitive as se,useComposedEventHandlers as p}from"../utils/primitive.js";import{useControllableState as le}from"../utils/useControllableState.js";import{skdxPart as J}from"../utils/part.js";import{composeEventHandlers as W,Primitive as X}from"../utils/primitive.js";import{VisuallyHidden as _}from"../utils/visuallyHidden.js";import{jsx as N}from"react/jsx-runtime";var C=({ref:r,...o})=>{let e=c("CheckboxCardControl");return N(_,{asChild:!0,children:N(X.input,{type:"checkbox",name:e.name,value:e.value,form:e.form,checked:e.checked,required:e.required,disabled:e.disabled,"aria-readonly":e.readOnly||void 0,"aria-invalid":e.invalid?!0:void 0,"aria-labelledby":e.hasLabel?e.labelId:void 0,"aria-describedby":e.hasDescription?e.descriptionId:void 0,"data-state":e.checked?"checked":"unchecked",...o,...J("checkbox-card","control",o.className),ref:r,onChange:W(o.onChange,t=>{if(e.readOnly){t.currentTarget.checked=e.checked;return}e.onCheckedChange(t.currentTarget.checked)})})})};C.displayName="CheckboxCardControl";import*as H from"react";import{skdxPart as z}from"../utils/part.js";import{Primitive as G}from"../utils/primitive.js";import{jsx as K}from"react/jsx-runtime";var m=({ref:r,...o})=>{let e=c("CheckboxCardDescription"),{setHasDescription:t}=e;return H.useEffect(()=>(t(!0),()=>t(!1)),[t]),K(G.span,{id:e.descriptionId,"data-disabled":e.disabled?"":void 0,...o,...z("checkbox-card","description",o.className),ref:r})};m.displayName="CheckboxCardDescription";import{skdxPart as Q}from"../utils/part.js";import{Primitive as U}from"../utils/primitive.js";import{jsx as Y}from"react/jsx-runtime";var f=({ref:r,...o})=>{let e=c("CheckboxCardIndicator");return Y(U.span,{"aria-hidden":!0,"data-state":e.checked?"checked":"unchecked","data-disabled":e.disabled?"":void 0,...o,...Q("checkbox-card","indicator",o.className),ref:r})};f.displayName="CheckboxCardIndicator";import*as v from"react";import{skdxPart as Z}from"../utils/part.js";import{Primitive as j}from"../utils/primitive.js";import{jsx as ee}from"react/jsx-runtime";var b=({ref:r,...o})=>{let e=c("CheckboxCardLabel"),{setHasLabel:t}=e;return v.useEffect(()=>(t(!0),()=>t(!1)),[t]),ee(j.span,{id:e.labelId,"data-disabled":e.disabled?"":void 0,...o,...Z("checkbox-card","label",o.className),ref:r})};b.displayName="CheckboxCardLabel";import{Fragment as oe,jsx as s,jsxs as re}from"react/jsx-runtime";var D=({label:r,description:o})=>re(oe,{children:[s(C,{}),s(f,{}),r===void 0?null:s(b,{children:r}),o===void 0?null:s(m,{children:o})]});import{jsx as h}from"react/jsx-runtime";var Ce='input[type="checkbox"]',[me,c]=de("CheckboxCard"),g=({checked:r,defaultChecked:o=!1,onCheckedChange:e,name:t,value:l="on",form:V,required:T=!1,disabled:x=!1,readOnly:k=!1,invalid:u=!1,ref:F,size:S,...d})=>{let[R=!1,y]=le({prop:r,defaultProp:o,onChange:e}),P=a.useId(),[O,q]=a.useState(!1),[M,A]=a.useState(!1),w=O||I(d.children,"CheckboxCardLabel"),B=M||I(d.children,"CheckboxCardDescription"),[$,L]=a.useState(!1),i=a.useRef(!1),n=a.useRef(null);return ne(F,n,{get current(){return n.current?.querySelector(Ce)??null}}),ae("CheckboxCard",n),ce(n,()=>y(o)),h(me,{checked:R,disabled:x,readOnly:k,required:T,invalid:u,name:t,value:l,form:V,labelId:`${P}-label`,descriptionId:`${P}-description`,hasLabel:w,hasDescription:B,setHasLabel:q,setHasDescription:A,onCheckedChange:y,children:h(se.label,{"data-state":R?"checked":"unchecked","data-disabled":x?"":void 0,"data-readonly":k?"":void 0,"data-invalid":u?"":void 0,"data-focus-visible":$?"":void 0,...d,...te({size:S},d),...ie("checkbox-card","root",d.className),ref:n,onPointerDown:p(d.onPointerDown,()=>{i.current=!0}),onFocus:p(d.onFocus,()=>{L(!i.current),i.current=!1}),onBlur:p(d.onBlur,()=>{L(!1),i.current=!1})})})};g.displayName="CheckboxCardRoot";var E=({label:r,description:o,children:e,ref:t,...l})=>h(g,{...l,ref:t,children:e??D({label:r,description:o})});E.displayName="CheckboxCard";export{E as CheckboxCard,C as CheckboxCardControl,m as CheckboxCardDescription,f as CheckboxCardIndicator,b as CheckboxCardLabel,me as CheckboxCardProvider,g as CheckboxCardRoot,c as useCheckboxCardContext};
2
+ import*as a from"react";import{appearanceAttrs as ae}from"../utils/appearance.js";import{useCardNestingWarning as ce}from"../utils/cardNesting.js";import{createSafeContext as de}from"../utils/createContext.js";import{hasDeclaredChild as I}from"../utils/declaredChildren.js";import{useFormReset as ne,useFormValidityHandle as ie}from"../utils/formControl.js";import{skdxPart as se}from"../utils/part.js";import{Primitive as le,useComposedEventHandlers as p}from"../utils/primitive.js";import{useControllableState as Ce}from"../utils/useControllableState.js";import{Glyph as oe}from"../utils/Glyph.js";import{skdxPart as G}from"../utils/part.js";import{composeEventHandlers as J,Primitive as W}from"../utils/primitive.js";import{VisuallyHidden as X}from"../utils/visuallyHidden.js";import{jsx as N}from"react/jsx-runtime";var C=({ref:r,...o})=>{let e=d("CheckboxCardControl");return N(X,{asChild:!0,children:N(W.input,{type:"checkbox",name:e.name,value:e.value,form:e.form,checked:e.checked,required:e.required,disabled:e.disabled,"aria-readonly":e.readOnly||void 0,"aria-invalid":e.invalid?!0:void 0,"aria-labelledby":e.hasLabel?e.labelId:void 0,"aria-describedby":e.hasDescription?e.descriptionId:void 0,"data-state":e.checked?"checked":"unchecked",...o,...G("checkbox-card","control",o.className),ref:r,onChange:J(o.onChange,t=>{if(e.readOnly){t.currentTarget.checked=e.checked;return}e.onCheckedChange(t.currentTarget.checked)})})})};C.displayName="CheckboxCardControl";import*as H from"react";import{skdxPart as _}from"../utils/part.js";import{Primitive as z}from"../utils/primitive.js";import{jsx as K}from"react/jsx-runtime";var m=({ref:r,...o})=>{let e=d("CheckboxCardDescription"),{setHasDescription:t}=e;return H.useEffect(()=>(t(!0),()=>t(!1)),[t]),K(z.span,{id:e.descriptionId,"data-disabled":e.disabled?"":void 0,...o,..._("checkbox-card","description",o.className),ref:r})};m.displayName="CheckboxCardDescription";import{skdxPart as Q}from"../utils/part.js";import{Primitive as U}from"../utils/primitive.js";import{jsx as Y}from"react/jsx-runtime";var f=({ref:r,...o})=>{let e=d("CheckboxCardIndicator");return Y(U.span,{"aria-hidden":!0,"data-state":e.checked?"checked":"unchecked","data-disabled":e.disabled?"":void 0,...o,...Q("checkbox-card","indicator",o.className),ref:r})};f.displayName="CheckboxCardIndicator";import*as v from"react";import{skdxPart as Z}from"../utils/part.js";import{Primitive as j}from"../utils/primitive.js";import{jsx as ee}from"react/jsx-runtime";var b=({ref:r,...o})=>{let e=d("CheckboxCardLabel"),{setHasLabel:t}=e;return v.useEffect(()=>(t(!0),()=>t(!1)),[t]),ee(j.span,{id:e.labelId,"data-disabled":e.disabled?"":void 0,...o,...Z("checkbox-card","label",o.className),ref:r})};b.displayName="CheckboxCardLabel";import{Fragment as re,jsx as i,jsxs as te}from"react/jsx-runtime";var D=({label:r,description:o})=>te(re,{children:[i(C,{}),i(f,{children:i(oe,{name:"check"})}),r===void 0?null:i(b,{children:r}),o===void 0?null:i(m,{children:o})]});import{jsx as h}from"react/jsx-runtime";var me='input[type="checkbox"]',[fe,d]=de("CheckboxCard"),g=({checked:r,defaultChecked:o=!1,onCheckedChange:e,name:t,value:l="on",form:V,required:T=!1,disabled:k=!1,readOnly:x=!1,invalid:u=!1,ref:F,size:S,...c})=>{let[R=!1,y]=Ce({prop:r,defaultProp:o,onChange:e}),P=a.useId(),[O,q]=a.useState(!1),[M,A]=a.useState(!1),w=O||I(c.children,"CheckboxCardLabel"),B=M||I(c.children,"CheckboxCardDescription"),[$,L]=a.useState(!1),s=a.useRef(!1),n=a.useRef(null);return ie(F,n,{get current(){return n.current?.querySelector(me)??null}}),ce("CheckboxCard",n),ne(n,()=>y(o)),h(fe,{checked:R,disabled:k,readOnly:x,required:T,invalid:u,name:t,value:l,form:V,labelId:`${P}-label`,descriptionId:`${P}-description`,hasLabel:w,hasDescription:B,setHasLabel:q,setHasDescription:A,onCheckedChange:y,children:h(le.label,{"data-state":R?"checked":"unchecked","data-disabled":k?"":void 0,"data-readonly":x?"":void 0,"data-invalid":u?"":void 0,"data-focus-visible":$?"":void 0,...c,...ae({size:S},c),...se("checkbox-card","root",c.className),ref:n,onPointerDown:p(c.onPointerDown,()=>{s.current=!0}),onFocus:p(c.onFocus,()=>{L(!s.current),s.current=!1}),onBlur:p(c.onBlur,()=>{L(!1),s.current=!1})})})};g.displayName="CheckboxCardRoot";var E=({label:r,description:o,children:e,ref:t,...l})=>h(g,{...l,ref:t,children:e??D({label:r,description:o})});E.displayName="CheckboxCard";export{E as CheckboxCard,C as CheckboxCardControl,m as CheckboxCardDescription,f as CheckboxCardIndicator,b as CheckboxCardLabel,fe as CheckboxCardProvider,g as CheckboxCardRoot,d as useCheckboxCardContext};
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";var he=Object.create;var C=Object.defineProperty;var be=Object.getOwnPropertyDescriptor;var ke=Object.getOwnPropertyNames;var xe=Object.getPrototypeOf,Ce=Object.prototype.hasOwnProperty;var Ge=(e,o)=>{for(var t in o)C(e,t,{get:o[t],enumerable:!0})},M=(e,o,t,c)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of ke(o))!Ce.call(e,r)&&r!==t&&C(e,r,{get:()=>o[r],enumerable:!(c=be(o,r))||c.enumerable});return e};var $=(e,o,t)=>(t=e!=null?he(xe(e)):{},M(o||!e||!e.__esModule?C(t,"default",{value:e,enumerable:!0}):t,e)),ge=e=>M(C({},"__esModule",{value:!0}),e);var Ie={};Ge(Ie,{CheckboxGroup:()=>S,CheckboxGroupItem:()=>m,CheckboxGroupProvider:()=>X,CheckboxGroupSelectAll:()=>te,checkboxGroupItemId:()=>G,getSelectAllChecked:()=>j,useCheckboxGroupContext:()=>b});module.exports=ge(Ie);var a=$(require("react"),1),w=require("../utils/composeRefs.cjs"),D=require("../utils/createContext.cjs"),J=require("../utils/formControl.cjs"),K=require("../utils/part.cjs"),Q=require("../utils/primitive.cjs"),U=require("../utils/recipeAxis.cjs"),W=require("../utils/useControllableState.cjs");var Y=require("../checkbox/Checkbox.cjs");var B=$(require("react"),1),H=require("../checkbox/Checkbox.cjs"),L=require("../utils/part.cjs");var V=require("react/jsx-runtime"),m=({value:e,disabled:o,ref:t,...c})=>{let r=b("CheckboxGroupItem"),s=r.value.includes(e),l=r.disabled||o||!1,d=r.maxReached&&!s,i=c.id??G(r.baseId,e),{registerItem:f}=r;return B.useEffect(()=>f(e,l,i),[f,e,l,i]),(0,V.jsx)(H.Checkbox,{...c,id:i,checked:s,onCheckedChange:I=>r.toggleItem(e,I===!0),disabled:l,readOnly:r.readOnly,name:r.name,value:e,form:r.form,"aria-required":r.required||void 0,"aria-disabled":d||void 0,"data-value":e,"data-max-reached":d?"":void 0,"data-skdx-checkbox-group-item":"",...(0,L.skdxPart)("checkbox-group","item",c.className),ref:t})};m.displayName="CheckboxGroupItem";var g=require("react/jsx-runtime");function _({options:e=[],size:o}){return e.map(t=>(0,g.jsxs)(m,{value:t.value,disabled:t.disabled,size:o,children:[(0,g.jsx)(Y.CheckboxAnatomy,{}),t.label]},t.value))}var N=require("react/jsx-runtime"),[X,b]=(0,D.createSafeContext)("CheckboxGroup");function Z(e,o,t){let c=[];return a.Children.forEach(e,r=>{if(a.isValidElement(r)){if(r.type===m){let{value:s,disabled:l,id:d}=r.props;c.push({value:s,disabled:o||l||!1,id:d??G(t,s)});return}(r.type===a.Fragment||typeof r.type=="string")&&c.push(...Z(r.props.children,o,t))}}),c}function G(e,o){return`${e}-${o.replace(/\s+/g,"-")}`}function j(e,o){return e.length>0&&e.every(t=>o.includes(t))?!0:e.some(t=>o.includes(t))?"indeterminate":!1}var S=({value:e,defaultValue:o,onValueChange:t,name:c,form:r,max:s,required:l=!1,disabled:d=!1,readOnly:i=!1,invalid:f=!1,options:I,children:ce,size:ae,ref:ne,...y})=>{let E=a.useId(),v=ce??_({options:I,size:(0,U.recipeAxis)(ae,y,"data-size")}),[R=[],h]=(0,W.useControllableState)({prop:e,defaultProp:o??[],onChange:t}),[q,z]=a.useState([]),se=a.useCallback((n,u,p)=>{let x={value:n,disabled:u,id:p};return z(A=>[...A,x]),()=>z(A=>A.filter(fe=>fe!==x))},[]),ie=Z(v,d,E),P=q.length>0?q:ie,k=a.useMemo(()=>P.filter(n=>!n.disabled).map(n=>n.value),[P]),O=j(k,R),de=s!==void 0&&R.length>=s,pe=a.useCallback((n,u)=>{i||h((p=[])=>u?p.includes(n)||s!==void 0&&p.length>=s?p:[...p,n]:p.filter(x=>x!==n))},[h,i,s]),F=a.useRef(null),le=(0,w.useComposedRefs)(ne,F);(0,J.useFormReset)(F,()=>h(o??[]),r);let T=O===!0,ue=a.useCallback(()=>{i||h((n=[])=>T?n.filter(u=>!k.includes(u)):[...n,...k.filter(u=>!n.includes(u))].slice(0,s??Number.POSITIVE_INFINITY))},[h,T,k,i,s]),me=P.map(n=>n.id).join(" ");return(0,N.jsx)(X,{name:c,form:r,value:R,disabled:d,readOnly:i,required:l,max:s,maxReached:de,baseId:E,itemIds:me,selectAllChecked:O,toggleItem:pe,toggleAll:ue,registerItem:se,children:(0,N.jsx)(Q.Primitive.div,{role:"group","aria-invalid":f?!0:void 0,"data-disabled":d?"":void 0,"data-readonly":i?"":void 0,"data-invalid":f?"":void 0,...y,"data-size":void 0,...(0,K.skdxPart)("checkbox-group","root",y.className),ref:le,children:v})})};S.displayName="CheckboxGroup";var ee=require("../checkbox/Checkbox.cjs"),oe=require("../utils/part.cjs");var re=require("react/jsx-runtime"),te=({disabled:e,ref:o,...t})=>{let c=b("CheckboxGroupSelectAll");return(0,re.jsx)(ee.Checkbox,{...t,checked:c.selectAllChecked,onCheckedChange:()=>c.toggleAll(),disabled:c.disabled||e||!1,readOnly:c.readOnly,"aria-controls":c.itemIds||void 0,...(0,oe.skdxPart)("checkbox-group","select-all",t.className),ref:o})};te.displayName="CheckboxGroupSelectAll";0&&(module.exports={CheckboxGroup,CheckboxGroupItem,CheckboxGroupProvider,CheckboxGroupSelectAll,checkboxGroupItemId,getSelectAllChecked,useCheckboxGroupContext});
2
+ "use strict";var Ce=Object.create;var S=Object.defineProperty;var Re=Object.getOwnPropertyDescriptor;var ge=Object.getOwnPropertyNames;var Ge=Object.getPrototypeOf,Ie=Object.prototype.hasOwnProperty;var ye=(e,o)=>{for(var t in o)S(e,t,{get:o[t],enumerable:!0})},Q=(e,o,t,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of ge(o))!Ie.call(e,r)&&r!==t&&S(e,r,{get:()=>o[r],enumerable:!(s=Re(o,r))||s.enumerable});return e};var v=(e,o,t)=>(t=e!=null?Ce(Ge(e)):{},Q(o||!e||!e.__esModule?S(t,"default",{value:e,enumerable:!0}):t,e)),Ne=e=>Q(S({},"__esModule",{value:!0}),e);var Pe={};ye(Pe,{CheckboxGroup:()=>$,CheckboxGroupItem:()=>R,CheckboxGroupProvider:()=>ne,CheckboxGroupSelectAll:()=>de,checkboxGroupItemId:()=>F,getSelectAllChecked:()=>le,useCheckboxGroupContext:()=>y});module.exports=Ne(Pe);var a=v(require("react"),1),j=require("../utils/composeRefs.cjs"),ee=require("../utils/createContext.cjs"),oe=require("../utils/formControl.cjs"),te=require("../utils/part.cjs"),re=require("../utils/primitive.cjs"),ce=require("../utils/recipeAxis.cjs"),ae=require("../utils/useControllableState.cjs");var _=v(require("react"),1),U=require("../checkbox/Checkbox.cjs"),X=require("../checkbox/Checkbox.cjs");var q=v(require("react"),1),W=require("../checkbox/Checkbox.cjs"),M=require("../utils/part.cjs");var I=require("react/jsx-runtime"),R=({value:e,disabled:o,children:t,asChild:s,className:r,ref:n,...d})=>{let c=y("CheckboxGroupItem"),i=c.value.includes(e),u=c.disabled||o||!1,h=c.maxReached&&!i,p=d.id??F(c.baseId,e),{registerItem:f}=c;q.useEffect(()=>f(e,u,p),[f,e,u,p]);let m=!!s&&t!=null&&q.Children.count(t)===1,{control:g,label:G}=z(t,m),P=!m&&G.length>0,C=(0,I.jsx)(W.Checkbox,{...d,id:p,checked:i,onCheckedChange:k=>c.toggleItem(e,k===!0),disabled:u,readOnly:c.readOnly,name:c.name,value:e,form:c.form,"aria-required":c.required||void 0,"aria-disabled":h||void 0,"data-value":e,"data-max-reached":h?"":void 0,"data-skdx-checkbox-group-item":"",...(0,M.skdxPart)("checkbox-group","item",r),asChild:m,ref:n,children:g});return P?(0,I.jsxs)("label",{htmlFor:p,...(0,M.skdxPart)("checkbox-group","item-label"),children:[C,(0,I.jsx)("span",{className:"skdx-checkbox__label",children:G})]}):C};R.displayName="CheckboxGroupItem";var O=require("react/jsx-runtime");function z(e,o){if(o||e==null)return{control:e,label:[]};let t=[],s=[];return _.Children.forEach(e,r=>{_.isValidElement(r)&&(r.type===X.CheckboxIndicator||r.type===U.CheckboxAnatomy)?t.push(r):s.push(r)}),{control:t.length>0?t:void 0,label:s}}function Z({options:e=[],size:o}){return e.map(t=>(0,O.jsxs)(R,{value:t.value,disabled:t.disabled,size:o,children:[(0,O.jsx)(U.CheckboxAnatomy,{}),t.label]},t.value))}var V=require("react/jsx-runtime"),[ne,y]=(0,ee.createSafeContext)("CheckboxGroup");function se(e,o,t){let s=[];return a.Children.forEach(e,r=>{if(a.isValidElement(r)){if(r.type===R){let{value:n,disabled:d,id:c}=r.props;s.push({value:n,disabled:o||d||!1,id:c??F(t,n)});return}(r.type===a.Fragment||typeof r.type=="string")&&s.push(...se(r.props.children,o,t))}}),s}function F(e,o){return`${e}-${o.replace(/\s+/g,"-")}`}function le(e,o){return e.length>0&&e.every(t=>o.includes(t))?!0:e.some(t=>o.includes(t))?"indeterminate":!1}var $=({value:e,defaultValue:o,onValueChange:t,name:s,form:r,max:n,required:d=!1,disabled:c=!1,readOnly:i=!1,invalid:u=!1,options:h,children:p,size:f,ref:m,...g})=>{let G=a.useId(),P=p??Z({options:h,size:(0,ce.recipeAxis)(f,g,"data-size")}),[C=[],k]=(0,ae.useControllableState)({prop:e,defaultProp:o??[],onChange:t}),[Y,w]=a.useState([]),pe=a.useCallback((l,x,b)=>{let E={value:l,disabled:x,id:b};return w(T=>[...T,E]),()=>w(T=>T.filter(xe=>xe!==E))},[]),ue=se(P,c,G),L=Y.length>0?Y:ue,A=a.useMemo(()=>L.filter(l=>!l.disabled).map(l=>l.value),[L]),D=le(A,C),me=n!==void 0&&C.length>=n,be=a.useCallback((l,x)=>{i||k((b=[])=>x?b.includes(l)||n!==void 0&&b.length>=n?b:[...b,l]:b.filter(E=>E!==l))},[k,i,n]),J=a.useRef(null),he=(0,j.useComposedRefs)(m,J);(0,oe.useFormReset)(J,()=>k(o??[]),r);let K=D===!0,fe=a.useCallback(()=>{i||k((l=[])=>K?l.filter(x=>!A.includes(x)):[...l,...A.filter(x=>!l.includes(x))].slice(0,n??Number.POSITIVE_INFINITY))},[k,K,A,i,n]),ke=L.map(l=>l.id).join(" ");return(0,V.jsx)(ne,{name:s,form:r,value:C,disabled:c,readOnly:i,required:d,max:n,maxReached:me,baseId:G,itemIds:ke,selectAllChecked:D,toggleItem:be,toggleAll:fe,registerItem:pe,children:(0,V.jsx)(re.Primitive.div,{role:"group","aria-invalid":u?!0:void 0,"data-disabled":c?"":void 0,"data-readonly":i?"":void 0,"data-invalid":u?"":void 0,...g,"data-size":void 0,...(0,te.skdxPart)("checkbox-group","root",g.className),ref:he,children:P})})};$.displayName="CheckboxGroup";var B=v(require("react"),1),ie=require("../checkbox/Checkbox.cjs"),H=require("../utils/part.cjs");var N=require("react/jsx-runtime"),de=({disabled:e,children:o,asChild:t,className:s,ref:r,...n})=>{let d=y("CheckboxGroupSelectAll"),c=B.useId(),i=!!t&&o!=null&&B.Children.count(o)===1,{control:u,label:h}=z(o,i),p=!i&&h.length>0,f=p?n.id??c:n.id,m=(0,N.jsx)(ie.Checkbox,{...n,id:f,checked:d.selectAllChecked,onCheckedChange:()=>d.toggleAll(),disabled:d.disabled||e||!1,readOnly:d.readOnly,"aria-controls":d.itemIds||void 0,...(0,H.skdxPart)("checkbox-group","select-all",s),asChild:i,ref:r,children:u});return p?(0,N.jsxs)("label",{htmlFor:f,...(0,H.skdxPart)("checkbox-group","item-label"),children:[m,(0,N.jsx)("span",{className:"skdx-checkbox__label",children:h})]}):m};de.displayName="CheckboxGroupSelectAll";0&&(module.exports={CheckboxGroup,CheckboxGroupItem,CheckboxGroupProvider,CheckboxGroupSelectAll,checkboxGroupItemId,getSelectAllChecked,useCheckboxGroupContext});
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- import*as r from"react";import{useComposedRefs as ee}from"../utils/composeRefs.js";import{createSafeContext as oe}from"../utils/createContext.js";import{useFormReset as te}from"../utils/formControl.js";import{skdxPart as re}from"../utils/part.js";import{Primitive as ce}from"../utils/primitive.js";import{recipeAxis as ae}from"../utils/recipeAxis.js";import{useControllableState as ne}from"../utils/useControllableState.js";import{CheckboxAnatomy as X}from"../checkbox/Checkbox.js";import*as z from"react";import{Checkbox as Q}from"../checkbox/Checkbox.js";import{skdxPart as U}from"../utils/part.js";import{jsx as W}from"react/jsx-runtime";var h=({value:e,disabled:c,ref:t,...a})=>{let o=x("CheckboxGroupItem"),s=o.value.includes(e),l=o.disabled||c||!1,d=o.maxReached&&!s,i=a.id??R(o.baseId,e),{registerItem:m}=o;return z.useEffect(()=>m(e,l,i),[m,e,l,i]),W(Q,{...a,id:i,checked:s,onCheckedChange:C=>o.toggleItem(e,C===!0),disabled:l,readOnly:o.readOnly,name:o.name,value:e,form:o.form,"aria-required":o.required||void 0,"aria-disabled":d||void 0,"data-value":e,"data-max-reached":d?"":void 0,"data-skdx-checkbox-group-item":"",...U("checkbox-group","item",a.className),ref:t})};h.displayName="CheckboxGroupItem";import{jsx as Z,jsxs as j}from"react/jsx-runtime";function O({options:e=[],size:c}){return e.map(t=>j(h,{value:t.value,disabled:t.disabled,size:c,children:[Z(X,{}),t.label]},t.value))}import{jsx as F}from"react/jsx-runtime";var[se,x]=oe("CheckboxGroup");function T(e,c,t){let a=[];return r.Children.forEach(e,o=>{if(r.isValidElement(o)){if(o.type===h){let{value:s,disabled:l,id:d}=o.props;a.push({value:s,disabled:c||l||!1,id:d??R(t,s)});return}(o.type===r.Fragment||typeof o.type=="string")&&a.push(...T(o.props.children,c,t))}}),a}function R(e,c){return`${e}-${c.replace(/\s+/g,"-")}`}function ie(e,c){return e.length>0&&e.every(t=>c.includes(t))?!0:e.some(t=>c.includes(t))?"indeterminate":!1}var M=({value:e,defaultValue:c,onValueChange:t,name:a,form:o,max:s,required:l=!1,disabled:d=!1,readOnly:i=!1,invalid:m=!1,options:C,children:$,size:B,ref:H,...G})=>{let P=r.useId(),A=$??O({options:C,size:ae(B,G,"data-size")}),[g=[],f]=ne({prop:e,defaultProp:c??[],onChange:t}),[N,S]=r.useState([]),L=r.useCallback((n,u,p)=>{let k={value:n,disabled:u,id:p};return S(y=>[...y,k]),()=>S(y=>y.filter(K=>K!==k))},[]),V=T(A,d,P),I=N.length>0?N:V,b=r.useMemo(()=>I.filter(n=>!n.disabled).map(n=>n.value),[I]),E=ie(b,g),Y=s!==void 0&&g.length>=s,_=r.useCallback((n,u)=>{i||f((p=[])=>u?p.includes(n)||s!==void 0&&p.length>=s?p:[...p,n]:p.filter(k=>k!==n))},[f,i,s]),v=r.useRef(null),w=ee(H,v);te(v,()=>f(c??[]),o);let q=E===!0,D=r.useCallback(()=>{i||f((n=[])=>q?n.filter(u=>!b.includes(u)):[...n,...b.filter(u=>!n.includes(u))].slice(0,s??Number.POSITIVE_INFINITY))},[f,q,b,i,s]),J=I.map(n=>n.id).join(" ");return F(se,{name:a,form:o,value:g,disabled:d,readOnly:i,required:l,max:s,maxReached:Y,baseId:P,itemIds:J,selectAllChecked:E,toggleItem:_,toggleAll:D,registerItem:L,children:F(ce.div,{role:"group","aria-invalid":m?!0:void 0,"data-disabled":d?"":void 0,"data-readonly":i?"":void 0,"data-invalid":m?"":void 0,...G,"data-size":void 0,...re("checkbox-group","root",G.className),ref:w,children:A})})};M.displayName="CheckboxGroup";import{Checkbox as de}from"../checkbox/Checkbox.js";import{skdxPart as pe}from"../utils/part.js";import{jsx as ue}from"react/jsx-runtime";var le=({disabled:e,ref:c,...t})=>{let a=x("CheckboxGroupSelectAll");return ue(de,{...t,checked:a.selectAllChecked,onCheckedChange:()=>a.toggleAll(),disabled:a.disabled||e||!1,readOnly:a.readOnly,"aria-controls":a.itemIds||void 0,...pe("checkbox-group","select-all",t.className),ref:c})};le.displayName="CheckboxGroupSelectAll";export{M as CheckboxGroup,h as CheckboxGroupItem,se as CheckboxGroupProvider,le as CheckboxGroupSelectAll,R as checkboxGroupItemId,ie as getSelectAllChecked,x as useCheckboxGroupContext};
2
+ import*as a from"react";import{useComposedRefs as se}from"../utils/composeRefs.js";import{createSafeContext as le}from"../utils/createContext.js";import{useFormReset as ie}from"../utils/formControl.js";import{skdxPart as de}from"../utils/part.js";import{Primitive as pe}from"../utils/primitive.js";import{recipeAxis as ue}from"../utils/recipeAxis.js";import{useControllableState as me}from"../utils/useControllableState.js";import*as S from"react";import{CheckboxAnatomy as V}from"../checkbox/Checkbox.js";import{CheckboxIndicator as ce}from"../checkbox/Checkbox.js";import*as P from"react";import{Checkbox as te}from"../checkbox/Checkbox.js";import{skdxPart as M}from"../utils/part.js";import{jsx as U,jsxs as re}from"react/jsx-runtime";var G=({value:e,disabled:t,children:o,asChild:i,className:r,ref:n,...d})=>{let c=E("CheckboxGroupItem"),l=c.value.includes(e),u=c.disabled||t||!1,h=c.maxReached&&!l,p=d.id??F(c.baseId,e),{registerItem:f}=c;P.useEffect(()=>f(e,u,p),[f,e,u,p]);let m=!!i&&o!=null&&P.Children.count(o)===1,{control:R,label:g}=A(o,m),I=!m&&g.length>0,C=U(te,{...d,id:p,checked:l,onCheckedChange:k=>c.toggleItem(e,k===!0),disabled:u,readOnly:c.readOnly,name:c.name,value:e,form:c.form,"aria-required":c.required||void 0,"aria-disabled":h||void 0,"data-value":e,"data-max-reached":h?"":void 0,"data-skdx-checkbox-group-item":"",...M("checkbox-group","item",r),asChild:m,ref:n,children:R});return I?re("label",{htmlFor:p,...M("checkbox-group","item-label"),children:[C,U("span",{className:"skdx-checkbox__label",children:g})]}):C};G.displayName="CheckboxGroupItem";import{jsx as ae,jsxs as ne}from"react/jsx-runtime";function A(e,t){if(t||e==null)return{control:e,label:[]};let o=[],i=[];return S.Children.forEach(e,r=>{S.isValidElement(r)&&(r.type===ce||r.type===V)?o.push(r):i.push(r)}),{control:o.length>0?o:void 0,label:i}}function $({options:e=[],size:t}){return e.map(o=>ne(G,{value:o.value,disabled:o.disabled,size:t,children:[ae(V,{}),o.label]},o.value))}import{jsx as H}from"react/jsx-runtime";var[be,E]=le("CheckboxGroup");function Y(e,t,o){let i=[];return a.Children.forEach(e,r=>{if(a.isValidElement(r)){if(r.type===G){let{value:n,disabled:d,id:c}=r.props;i.push({value:n,disabled:t||d||!1,id:c??F(o,n)});return}(r.type===a.Fragment||typeof r.type=="string")&&i.push(...Y(r.props.children,t,o))}}),i}function F(e,t){return`${e}-${t.replace(/\s+/g,"-")}`}function he(e,t){return e.length>0&&e.every(o=>t.includes(o))?!0:e.some(o=>t.includes(o))?"indeterminate":!1}var w=({value:e,defaultValue:t,onValueChange:o,name:i,form:r,max:n,required:d=!1,disabled:c=!1,readOnly:l=!1,invalid:u=!1,options:h,children:p,size:f,ref:m,...R})=>{let g=a.useId(),I=p??$({options:h,size:ue(f,R,"data-size")}),[C=[],k]=me({prop:e,defaultProp:t??[],onChange:o}),[_,O]=a.useState([]),K=a.useCallback((s,x,b)=>{let N={value:s,disabled:x,id:b};return O(z=>[...z,N]),()=>O(z=>z.filter(oe=>oe!==N))},[]),Q=Y(I,c,g),q=_.length>0?_:Q,y=a.useMemo(()=>q.filter(s=>!s.disabled).map(s=>s.value),[q]),B=he(y,C),W=n!==void 0&&C.length>=n,X=a.useCallback((s,x)=>{l||k((b=[])=>x?b.includes(s)||n!==void 0&&b.length>=n?b:[...b,s]:b.filter(N=>N!==s))},[k,l,n]),L=a.useRef(null),Z=se(m,L);ie(L,()=>k(t??[]),r);let T=B===!0,j=a.useCallback(()=>{l||k((s=[])=>T?s.filter(x=>!y.includes(x)):[...s,...y.filter(x=>!s.includes(x))].slice(0,n??Number.POSITIVE_INFINITY))},[k,T,y,l,n]),ee=q.map(s=>s.id).join(" ");return H(be,{name:i,form:r,value:C,disabled:c,readOnly:l,required:d,max:n,maxReached:W,baseId:g,itemIds:ee,selectAllChecked:B,toggleItem:X,toggleAll:j,registerItem:K,children:H(pe.div,{role:"group","aria-invalid":u?!0:void 0,"data-disabled":c?"":void 0,"data-readonly":l?"":void 0,"data-invalid":u?"":void 0,...R,"data-size":void 0,...de("checkbox-group","root",R.className),ref:Z,children:I})})};w.displayName="CheckboxGroup";import*as v from"react";import{Checkbox as fe}from"../checkbox/Checkbox.js";import{skdxPart as D}from"../utils/part.js";import{jsx as J,jsxs as xe}from"react/jsx-runtime";var ke=({disabled:e,children:t,asChild:o,className:i,ref:r,...n})=>{let d=E("CheckboxGroupSelectAll"),c=v.useId(),l=!!o&&t!=null&&v.Children.count(t)===1,{control:u,label:h}=A(t,l),p=!l&&h.length>0,f=p?n.id??c:n.id,m=J(fe,{...n,id:f,checked:d.selectAllChecked,onCheckedChange:()=>d.toggleAll(),disabled:d.disabled||e||!1,readOnly:d.readOnly,"aria-controls":d.itemIds||void 0,...D("checkbox-group","select-all",i),asChild:l,ref:r,children:u});return p?xe("label",{htmlFor:f,...D("checkbox-group","item-label"),children:[m,J("span",{className:"skdx-checkbox__label",children:h})]}):m};ke.displayName="CheckboxGroupSelectAll";export{w as CheckboxGroup,G as CheckboxGroupItem,be as CheckboxGroupProvider,ke as CheckboxGroupSelectAll,F as checkboxGroupItemId,he as getSelectAllChecked,E as useCheckboxGroupContext};
@@ -1,5 +1,14 @@
1
- import type * as React from 'react';
1
+ import * as React from 'react';
2
2
  import type { CheckboxGroupItemProps, CheckboxGroupOption } from './types.cjs';
3
+ /**
4
+ * @internal Splits a {@link CheckboxGroupItem}/`CheckboxGroupSelectAll` child list into the glyph
5
+ * that stays inside the checkbox box and the trailing label content that renders beside it —
6
+ * `asChild` hands the whole tree to the consumer, so nothing is split then.
7
+ */
8
+ export declare function splitCheckboxGroupItemChildren(children: React.ReactNode, asChild: boolean | undefined): {
9
+ control: React.ReactNode;
10
+ label: React.ReactNode[];
11
+ };
3
12
  /**
4
13
  * @internal The anatomy a {@link CheckboxGroup} draws from `options`, one `CheckboxGroupItem` per entry holding its glyph and label text.
5
14
  */
@@ -1,5 +1,14 @@
1
- import type * as React from 'react';
1
+ import * as React from 'react';
2
2
  import type { CheckboxGroupItemProps, CheckboxGroupOption } from './types.js';
3
+ /**
4
+ * @internal Splits a {@link CheckboxGroupItem}/`CheckboxGroupSelectAll` child list into the glyph
5
+ * that stays inside the checkbox box and the trailing label content that renders beside it —
6
+ * `asChild` hands the whole tree to the consumer, so nothing is split then.
7
+ */
8
+ export declare function splitCheckboxGroupItemChildren(children: React.ReactNode, asChild: boolean | undefined): {
9
+ control: React.ReactNode;
10
+ label: React.ReactNode[];
11
+ };
3
12
  /**
4
13
  * @internal The anatomy a {@link CheckboxGroup} draws from `options`, one `CheckboxGroupItem` per entry holding its glyph and label text.
5
14
  */
@@ -2,6 +2,7 @@ import * as React from 'react';
2
2
  import type { CheckboxGroupItemProps } from './types.cjs';
3
3
  /**
4
4
  * One checkbox in a {@link CheckboxGroup}, wrapping {@link Checkbox} with `checked` driven by whether its `value` is in the group's value.
5
+ * Any children beyond the indicator render as a `<label>` beside the box, not inside it.
5
6
  *
6
7
  * @example
7
8
  * ```tsx
@@ -12,6 +13,6 @@ import type { CheckboxGroupItemProps } from './types.cjs';
12
13
  * ```
13
14
  */
14
15
  export declare const CheckboxGroupItem: {
15
- ({ value, disabled: disabledProp, ref: forwardedRef, ...props }: CheckboxGroupItemProps): React.ReactNode;
16
+ ({ value, disabled: disabledProp, children, asChild, className, ref: forwardedRef, ...props }: CheckboxGroupItemProps): React.ReactNode;
16
17
  displayName: string;
17
18
  };