@skdx/react 0.30.0 → 0.31.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.
- package/dist/accordion/Accordion.cjs +1 -1
- package/dist/accordion/Accordion.js +1 -1
- package/dist/autocomplete/Autocomplete.cjs +1 -1
- package/dist/autocomplete/Autocomplete.js +1 -1
- package/dist/avatar/Avatar.cjs +1 -1
- package/dist/avatar/Avatar.d.cts +1 -1
- package/dist/avatar/Avatar.d.ts +1 -1
- package/dist/avatar/Avatar.js +1 -1
- package/dist/backdrop/Backdrop.cjs +2 -0
- package/dist/backdrop/Backdrop.d.cts +9 -0
- package/dist/backdrop/Backdrop.d.ts +9 -0
- package/dist/backdrop/Backdrop.js +2 -0
- package/dist/backdrop/index.d.cts +2 -0
- package/dist/backdrop/index.d.ts +2 -0
- package/dist/backdrop/types.d.cts +3 -0
- package/dist/backdrop/types.d.ts +3 -0
- package/dist/button/Button.cjs +1 -1
- package/dist/button/Button.js +1 -1
- package/dist/checkbox-card/CheckboxCard.cjs +1 -1
- package/dist/checkbox-card/CheckboxCard.js +1 -1
- package/dist/checkbox-group/CheckboxGroup.cjs +1 -1
- package/dist/checkbox-group/CheckboxGroup.js +1 -1
- package/dist/checkbox-group/CheckboxGroupAnatomy.d.cts +10 -1
- package/dist/checkbox-group/CheckboxGroupAnatomy.d.ts +10 -1
- package/dist/checkbox-group/CheckboxGroupItem.d.cts +2 -1
- package/dist/checkbox-group/CheckboxGroupItem.d.ts +2 -1
- package/dist/checkbox-group/CheckboxGroupSelectAll.d.cts +3 -2
- package/dist/checkbox-group/CheckboxGroupSelectAll.d.ts +3 -2
- package/dist/chip/Chip.cjs +2 -0
- package/dist/chip/Chip.d.cts +9 -0
- package/dist/chip/Chip.d.ts +9 -0
- package/dist/chip/Chip.js +2 -0
- package/dist/chip/index.d.cts +2 -0
- package/dist/chip/index.d.ts +2 -0
- package/dist/chip/types.d.cts +3 -0
- package/dist/chip/types.d.ts +3 -0
- package/dist/color-picker/ColorPicker.cjs +1 -1
- package/dist/color-picker/ColorPicker.js +1 -1
- package/dist/combobox/Combobox.cjs +1 -1
- package/dist/combobox/Combobox.js +1 -1
- package/dist/date-picker/DatePicker.cjs +1 -1
- package/dist/date-picker/DatePicker.js +1 -1
- package/dist/date-picker/DatePickerTimeField.d.cts +1 -1
- package/dist/date-picker/DatePickerTimeField.d.ts +1 -1
- package/dist/date-range-picker/DateRangePicker.cjs +2 -0
- package/dist/date-range-picker/DateRangePicker.d.cts +9 -0
- package/dist/date-range-picker/DateRangePicker.d.ts +9 -0
- package/dist/date-range-picker/DateRangePicker.js +2 -0
- package/dist/date-range-picker/index.d.cts +2 -0
- package/dist/date-range-picker/index.d.ts +2 -0
- package/dist/date-range-picker/types.d.cts +3 -0
- package/dist/date-range-picker/types.d.ts +3 -0
- package/dist/date-time-picker/DateTimePicker.cjs +2 -0
- package/dist/date-time-picker/DateTimePicker.d.cts +9 -0
- package/dist/date-time-picker/DateTimePicker.d.ts +9 -0
- package/dist/date-time-picker/DateTimePicker.js +2 -0
- package/dist/date-time-picker/index.d.cts +2 -0
- package/dist/date-time-picker/index.d.ts +2 -0
- package/dist/date-time-picker/types.d.cts +3 -0
- package/dist/date-time-picker/types.d.ts +3 -0
- package/dist/dialog/Dialog.cjs +1 -1
- package/dist/dialog/Dialog.js +1 -1
- package/dist/dialog/Dialogs.d.cts +24 -0
- package/dist/dialog/Dialogs.d.ts +24 -0
- package/dist/dialog/index.d.cts +2 -1
- package/dist/dialog/index.d.ts +2 -1
- package/dist/dialog/types.d.cts +6 -0
- package/dist/dialog/types.d.ts +6 -0
- package/dist/fab/Fab.cjs +2 -0
- package/dist/fab/Fab.d.cts +9 -0
- package/dist/fab/Fab.d.ts +9 -0
- package/dist/fab/Fab.js +2 -0
- package/dist/fab/index.d.cts +2 -0
- package/dist/fab/index.d.ts +2 -0
- package/dist/fab/types.d.cts +3 -0
- package/dist/fab/types.d.ts +3 -0
- package/dist/field/Field.cjs +1 -1
- package/dist/field/Field.js +1 -1
- package/dist/floating-panel/FloatingPanel.cjs +1 -1
- package/dist/floating-panel/FloatingPanel.js +1 -1
- package/dist/floating-panel/types.d.cts +4 -0
- package/dist/floating-panel/types.d.ts +4 -0
- package/dist/gauge/Gauge.cjs +2 -0
- package/dist/gauge/Gauge.d.cts +9 -0
- package/dist/gauge/Gauge.d.ts +9 -0
- package/dist/gauge/Gauge.js +2 -0
- package/dist/gauge/index.d.cts +2 -0
- package/dist/gauge/index.d.ts +2 -0
- package/dist/gauge/types.d.cts +3 -0
- package/dist/gauge/types.d.ts +3 -0
- package/dist/grid/Grid.cjs +2 -0
- package/dist/grid/Grid.d.cts +9 -0
- package/dist/grid/Grid.d.ts +9 -0
- package/dist/grid/Grid.js +2 -0
- package/dist/grid/index.d.cts +2 -0
- package/dist/grid/index.d.ts +2 -0
- package/dist/grid/types.d.cts +3 -0
- package/dist/grid/types.d.ts +3 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.cts +15 -1
- package/dist/index.d.ts +15 -1
- package/dist/index.js +1 -1
- package/dist/link/Link.cjs +1 -1
- package/dist/link/Link.js +1 -1
- package/dist/listbox/Listbox.cjs +1 -1
- package/dist/listbox/Listbox.js +1 -1
- package/dist/paper/Paper.cjs +2 -0
- package/dist/paper/Paper.d.cts +9 -0
- package/dist/paper/Paper.d.ts +9 -0
- package/dist/paper/Paper.js +2 -0
- package/dist/paper/index.d.cts +2 -0
- package/dist/paper/index.d.ts +2 -0
- package/dist/paper/types.d.cts +3 -0
- package/dist/paper/types.d.ts +3 -0
- package/dist/password-input/types.d.cts +6 -2
- package/dist/password-input/types.d.ts +6 -2
- package/dist/primitives/table.cjs +1 -1
- package/dist/primitives/table.js +1 -1
- package/dist/scroll-area/ScrollArea.cjs +1 -1
- package/dist/scroll-area/ScrollArea.js +1 -1
- package/dist/speed-dial/SpeedDial.cjs +1 -1
- package/dist/speed-dial/SpeedDial.d.cts +1 -1
- package/dist/speed-dial/SpeedDial.d.ts +1 -1
- package/dist/speed-dial/SpeedDial.js +1 -1
- package/dist/speed-dial/SpeedDialAnatomy.d.cts +2 -1
- package/dist/speed-dial/SpeedDialAnatomy.d.ts +2 -1
- package/dist/speed-dial/types.d.cts +5 -0
- package/dist/speed-dial/types.d.ts +5 -0
- package/dist/stack/Stack.cjs +2 -0
- package/dist/stack/Stack.d.cts +9 -0
- package/dist/stack/Stack.d.ts +9 -0
- package/dist/stack/Stack.js +2 -0
- package/dist/stack/index.d.cts +2 -0
- package/dist/stack/index.d.ts +2 -0
- package/dist/stack/types.d.cts +3 -0
- package/dist/stack/types.d.ts +3 -0
- package/dist/table/Table.cjs +1 -1
- package/dist/table/Table.d.cts +2 -2
- package/dist/table/Table.d.ts +2 -2
- package/dist/table/Table.js +1 -1
- package/dist/table/TableAnatomy.d.cts +2 -1
- package/dist/table/TableAnatomy.d.ts +2 -1
- package/dist/table/TableColumnHeaderFilterInput.d.cts +18 -0
- package/dist/table/TableColumnHeaderFilterInput.d.ts +18 -0
- package/dist/table/TableHeaderCell.d.cts +1 -1
- package/dist/table/TableHeaderCell.d.ts +1 -1
- package/dist/table/index.d.cts +1 -1
- package/dist/table/index.d.ts +1 -1
- package/dist/table/primitives.d.cts +2 -1
- package/dist/table/primitives.d.ts +2 -1
- package/dist/table/types.d.cts +52 -0
- package/dist/table/types.d.ts +52 -0
- package/dist/table/useTableFilter.d.cts +3 -0
- package/dist/table/useTableFilter.d.ts +3 -0
- package/dist/time/Time.cjs +1 -1
- package/dist/time/Time.d.cts +1 -1
- package/dist/time/Time.d.ts +1 -1
- package/dist/time/Time.js +1 -1
- package/dist/timeline/Timeline.cjs +1 -1
- package/dist/timeline/Timeline.d.cts +1 -1
- package/dist/timeline/Timeline.d.ts +1 -1
- package/dist/timeline/Timeline.js +1 -1
- package/dist/tooltip/Tooltip.cjs +2 -0
- package/dist/tooltip/Tooltip.d.cts +16 -0
- package/dist/tooltip/Tooltip.d.ts +16 -0
- package/dist/tooltip/Tooltip.js +2 -0
- package/dist/tooltip/index.d.cts +2 -0
- package/dist/tooltip/index.d.ts +2 -0
- package/dist/tooltip/types.d.cts +3 -0
- package/dist/tooltip/types.d.ts +3 -0
- package/dist/utils/csv.cjs +3 -0
- package/dist/utils/csv.d.cts +43 -0
- package/dist/utils/csv.d.ts +43 -0
- package/dist/utils/csv.js +3 -0
- package/dist/utils/dialogs.cjs +2 -0
- package/dist/utils/dialogs.d.cts +96 -0
- package/dist/utils/dialogs.d.ts +96 -0
- package/dist/utils/dialogs.js +2 -0
- package/dist/utils/dismissal.cjs +1 -1
- package/dist/utils/dismissal.d.cts +7 -0
- package/dist/utils/dismissal.d.ts +7 -0
- package/dist/utils/dismissal.js +1 -1
- package/dist/utils/field-core.cjs +1 -1
- package/dist/utils/field-core.d.cts +2 -0
- package/dist/utils/field-core.d.ts +2 -0
- package/dist/utils/field-core.js +1 -1
- package/dist/utils/media-query.cjs +2 -0
- package/dist/utils/media-query.d.cts +7 -0
- package/dist/utils/media-query.d.ts +7 -0
- package/dist/utils/media-query.js +2 -0
- package/dist/utils/useDismiss.cjs +1 -1
- package/dist/utils/useDismiss.js +1 -1
- package/dist/utils/useMediaQuery.cjs +2 -0
- package/dist/utils/useMediaQuery.d.cts +10 -0
- package/dist/utils/useMediaQuery.d.ts +10 -0
- package/dist/utils/useMediaQuery.js +2 -0
- package/package.json +102 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var
|
|
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
|
|
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};
|
package/dist/avatar/Avatar.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var q=Object.create;var
|
|
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});
|
package/dist/avatar/Avatar.d.cts
CHANGED
|
@@ -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
|
};
|
package/dist/avatar/Avatar.d.ts
CHANGED
|
@@ -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
|
};
|
package/dist/avatar/Avatar.js
CHANGED
|
@@ -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
|
|
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
|
+
}
|
package/dist/button/Button.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var C=Object.create;var
|
|
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});
|
package/dist/button/Button.js
CHANGED
|
@@ -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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
};
|