@skdx/react 0.29.0 → 0.31.0

package/dist/date-picker/DatePicker.js

@@ -1,2 +1,2 @@
 'use client';
-import*as d from"react";import{emptySelection as b,isDateRange as Ne,toISODateString as Ie}from"../calendar/Calendar.js";import{createSafeContext as Le}from"../utils/createContext.js";import{toCalendarValue as K}from"../utils/date-value.js";import{formValidityHandle as Fe,useFormReset as Me}from"../utils/formControl.js";import{HiddenInput as _}from"../utils/hiddenInput.js";import{PopperRoot as Ae}from"../utils/popper.js";import{useControllableState as z}from"../utils/useControllableState.js";import{useOpenChangeComplete as we}from"../utils/useOpenChangeComplete.js";import{isDateRange as Ee}from"../calendar/Calendar.js";import{Calendar as te,isDateRange as re}from"../calendar/Calendar.js";import{skdxPart as ae}from"../utils/part.js";import{jsx as oe}from"react/jsx-runtime";function ne(e){return Array.isArray(e)?!1:re(e)?e.end!==null:e!==null}var O=({ref:e,...r})=>{let t=i("DatePickerCalendar");return oe(te,{...r,readOnly:r.readOnly||t.readOnly,value:t.value,selectionMode:t.selectionMode,...ae("date-picker","calendar",r.className),ref:e,onValueChange:a=>{t.onValueChange(a),t.closeOnSelect&&t.granularity==="day"&&ne(a)&&t.onOpenChange(!1)}})};O.displayName="DatePickerCalendar";import*as y from"react";import{anchorOf as ce,toISODateString as se}from"../calendar/Calendar.js";import{useComposedRefs as de}from"../utils/composeRefs.js";import{autoFocusEvent as $}from"../utils/dismissal.js";import{skdxPart as ue}from"../utils/part.js";import{PopperContent as me}from"../utils/popper.js";import{useDismiss as fe}from"../utils/useDismiss.js";import{toISODateString as ie}from"../calendar/Calendar.js";import{TABBABLE_SELECTOR as le}from"../utils/tabbable.js";function A(e,r){return e.querySelector(`[data-skdx-calendar-cell="${r}"]:not([disabled])`)}function w(e){let r=document.activeElement;return r!==null&&r!==document.body&&e.contains(r)}function q(e,r){let t=[r?A(e,r):null,A(e,ie(new Date)),e.querySelector('[role="gridcell"][tabindex="0"]'),e.querySelector(le)];for(let a of t)if(a&&(a.focus({preventScroll:!0}),w(e)))return document.activeElement;return e.hasAttribute("tabindex")||(e.tabIndex=-1),e.focus({preventScroll:!0}),w(e)?e:null}import{jsx as pe}from"react/jsx-runtime";var S=({forceMount:e,onEscapeKeyDown:r,onPointerDownOutside:t,onFocusOutside:a,onInteractOutside:o,onOpenAutoFocus:l,onCloseAutoFocus:s,sideOffset:u=4,ref:f,...m})=>{let n=i("DatePickerContent"),g=de(f,n.contentRef),C=ce(n.value),R=C?se(C):null,p=y.useRef({onOpenAutoFocus:l,onCloseAutoFocus:s,anchorISO:R});y.useEffect(()=>{p.current={onOpenAutoFocus:l,onCloseAutoFocus:s,anchorISO:R}});let P=y.useRef(!1);return y.useEffect(()=>{if(!n.open)return;let c=n.contentRef.current;if(!c)return;P.current=!1;let x=requestAnimationFrame(()=>{c.contains(document.activeElement)||$("open-auto-focus",p.current.onOpenAutoFocus)&&q(c,p.current.anchorISO)});return()=>{cancelAnimationFrame(x),!P.current&&$("close-auto-focus",p.current.onCloseAutoFocus)&&n.triggerRef.current?.focus({preventScroll:!0})}},[n.open,n.contentRef,n.triggerRef]),fe({enabled:n.open,onEscapeKeyDown:c=>{r?.(c),c.defaultPrevented||n.onOpenChange(!1)},onInteractOutside:o,onPointerDownOutside:c=>{t?.(c),!c.defaultPrevented&&(P.current=!0,n.onOpenChange(!1))},onFocusOutside:c=>{a?.(c),!c.defaultPrevented&&(P.current=!0,n.onOpenChange(!1))}},[n.contentRef,n.triggerRef]),e||n.open?pe(me,{role:"dialog","aria-labelledby":m["aria-label"]||m["aria-labelledby"]?void 0:n.triggerId,id:n.contentId,"data-state":n.open?"open":"closed","data-invalid":n.invalid?"":void 0,"data-readonly":n.readOnly?"":void 0,sideOffset:u,...m,...ue("date-picker","content",m.className),ref:g}):null};S.displayName="DatePickerContent";import{DateField as Pe}from"../date-field/DateField.js";import{skdxPart as ye}from"../utils/part.js";import{jsx as ke}from"react/jsx-runtime";var V=({ref:e,...r})=>{let t=i("DatePickerInput");return t.selectionMode!=="single"?null:ke(Pe,{...r,readOnly:r.readOnly||t.readOnly,granularity:t.granularity,value:t.value,onValueChange:a=>t.onValueChange(a),...ye("date-picker","input",r.className),ref:e})};V.displayName="DatePickerInput";import{Portal as De}from"../utils/portal.js";import{jsx as ge}from"react/jsx-runtime";var T=({forceMount:e,children:r,...t})=>{let a=i("DatePickerPortal");return e||a.open?ge(De,{...t,children:r}):null};T.displayName="DatePickerPortal";import{TimeField as Ce}from"../time-field/TimeField.js";import{skdxPart as Re}from"../utils/part.js";import{jsx as be}from"react/jsx-runtime";function he(e,r){if(!e)return null;let t=o=>String(o).padStart(2,"0"),a=`${t(e.getHours())}:${t(e.getMinutes())}`;return r?`${a}:${t(e.getSeconds())}`:a}var E=({ref:e,...r})=>{let t=i("DatePickerTimeField"),{granularity:a}=t;if(a==="day"||t.selectionMode!=="single")return null;let o=t.value??null;return be(Ce,{...r,readOnly:r.readOnly||t.readOnly,granularity:a,value:he(o,a==="second"),onValueChange:l=>{if(!o||l===null)return;let[s=0,u=0,f=0]=l.split(":").map(Number),m=new Date(o);m.setHours(s,u,f,0),t.onValueChange(m)},...Re("date-picker","time-field",r.className),ref:e})};E.displayName="DatePickerTimeField";import{useComposedRefs as xe}from"../utils/composeRefs.js";import{skdxPart as Oe}from"../utils/part.js";import{PopperAnchor as Se}from"../utils/popper.js";import{composeEventHandlers as Ve,Primitive as Te}from"../utils/primitive.js";import{jsx as B}from"react/jsx-runtime";var H=({ref:e,...r})=>{let t=i("DatePickerTrigger"),a=xe(e,t.triggerRef),o=t.disabled||r.disabled;return B(Se,{asChild:!0,children:B(Te.button,{type:"button",id:t.triggerId,"aria-haspopup":"dialog","aria-expanded":t.open,"aria-controls":t.contentId,"data-state":t.open?"open":"closed","data-disabled":o?"":void 0,"aria-invalid":t.invalid?!0:void 0,"data-invalid":t.invalid?"":void 0,...r,...Oe("date-picker","trigger",r.className),disabled:o,ref:a,onClick:Ve(r.onClick,()=>{o||t.onOpenChange(!t.open)})})})};H.displayName="DatePickerTrigger";import{Fragment as ve,jsx as k,jsxs as J}from"react/jsx-runtime";var h=(e,r,t)=>e.toLocaleString(r,{dateStyle:"medium",...t?{timeStyle:"short"}:{}});function He(e,r,t){if(!e)return null;if(Array.isArray(e))return e.length?e.map(a=>h(a,r,t)).join(", "):null;if(Ee(e)){let a=h(e.start,r,t);return e.end?`${a} \u2013 ${h(e.end,r,t)}`:a}return h(e,r,t)}var X=({placeholder:e,locale:r,showInput:t,passThrough:a})=>{let{value:o,granularity:l}=i("DatePickerAnatomy"),s=He(o,r,l!=="day");return J(ve,{children:[k(H,{...a,children:s??e}),k(T,{children:J(S,{...a?.id?{"aria-labelledby":a.id}:{},children:[t?k(V,{}):null,k(O,{}),k(E,{})]})})]})};import{jsx as D,jsxs as _e}from"react/jsx-runtime";var qe=()=>{};function $e(e){return e?Array.isArray(e)?e:Ne(e)?e.end===null?[]:[e.start,e.end]:[e]:[]}var[Be,i]=Le("DatePicker");function Je({value:e,defaultValue:r,selectionMode:t,onValueChange:a}){let o=d.useMemo(()=>K(e,t,"value"),[e,t]),l=d.useMemo(()=>K(r,t,"defaultValue"),[r,t]),[s=b(t),u]=z({prop:o,defaultProp:l??b(t),onChange:f=>a?.(f??b(t))});return{value:s,setValue:u,defaultValue:l}}function Xe(e,r,t){return{open:e?!1:r,onOpenChange:e?qe:t}}function Ke({name:e,value:r,required:t,form:a,formControlRef:o}){let l=$e(r);return l.length===0?D(_,{ref:o,type:"text",name:e,value:"",required:t,form:a}):l.map((s,u)=>D(_,{ref:u===0?o:void 0,type:"text",name:e,value:Ie(s),required:t,form:a},u))}var G=function({children:r,selectionMode:t="single",granularity:a="day",value:o,defaultValue:l,onValueChange:s,open:u,defaultOpen:f=!1,onOpenChange:m,onOpenChangeComplete:n,name:g,form:C,required:R=!1,disabled:p=!1,closeOnSelect:P=!0,readOnly:c=!1,invalid:x=!1,placeholder:Q="Select date",locale:U,showInput:W=!1,ref:Y,...Z}){let v=d.useRef(null),N=d.useRef(null),I=d.useRef(null),{value:L,setValue:F,defaultValue:j}=Je({value:o,defaultValue:l,selectionMode:t,onValueChange:s}),[M=!1,ee]=z({prop:u,defaultProp:f,onChange:m});return we(M,N,n),d.useImperativeHandle(Y,()=>Fe(I),[]),Me(v,()=>F(j??b(t))),D(Ae,{children:_e(Be,{triggerRef:v,contentRef:N,contentId:d.useId(),triggerId:d.useId(),value:L,selectionMode:t,granularity:a,closeOnSelect:P,readOnly:c,invalid:x,onValueChange:F,...Xe(p,M,ee),disabled:p,children:[r??D(X,{placeholder:Q,locale:U,showInput:W,passThrough:Z}),g?D(Ke,{name:g,value:L,required:R,form:C,formControlRef:I}):null]})})};G.displayName="DatePicker";import{skdxPart as ze}from"../utils/part.js";import{composeEventHandlers as Ge,Primitive as Qe}from"../utils/primitive.js";import{jsx as We}from"react/jsx-runtime";var Ue=({ref:e,...r})=>{let t=i("DatePickerClose");return We(Qe.button,{type:"button",...r,...ze("date-picker","close",r.className),ref:e,onClick:Ge(r.onClick,()=>t.onOpenChange(!1))})};Ue.displayName="DatePickerClose";export{G as DatePicker,O as DatePickerCalendar,Ue as DatePickerClose,S as DatePickerContent,V as DatePickerInput,T as DatePickerPortal,Be as DatePickerProvider,E as DatePickerTimeField,H as DatePickerTrigger,i as useDatePickerContext};
+import*as d from"react";import{emptySelection as b,isDateRange as Ne,toISODateString as Le}from"../calendar/Calendar.js";import{createSafeContext as Fe}from"../utils/createContext.js";import{toCalendarValue as _}from"../utils/date-value.js";import{formValidityHandle as Me,useFormReset as Ae}from"../utils/formControl.js";import{HiddenInput as K}from"../utils/hiddenInput.js";import{PopperRoot as we}from"../utils/popper.js";import{useControllableState as U}from"../utils/useControllableState.js";import{useOpenChangeComplete as qe}from"../utils/useOpenChangeComplete.js";import{isDateRange as ve}from"../calendar/Calendar.js";import{Calendar as te,isDateRange as re}from"../calendar/Calendar.js";import{skdxPart as ae}from"../utils/part.js";import{jsx as oe}from"react/jsx-runtime";function ne(e){return Array.isArray(e)?!1:re(e)?e.end!==null:e!==null}var O=({ref:e,...r})=>{let t=i("DatePickerCalendar");return oe(te,{...r,readOnly:r.readOnly||t.readOnly,value:t.value,selectionMode:t.selectionMode,...ae("date-picker","calendar",r.className),ref:e,onValueChange:a=>{t.onValueChange(a),t.closeOnSelect&&t.granularity==="day"&&ne(a)&&t.onOpenChange(!1)}})};O.displayName="DatePickerCalendar";import*as y from"react";import{anchorOf as ce,toISODateString as se}from"../calendar/Calendar.js";import{useComposedRefs as de}from"../utils/composeRefs.js";import{autoFocusEvent as $}from"../utils/dismissal.js";import{skdxPart as ue}from"../utils/part.js";import{PopperContent as me}from"../utils/popper.js";import{useDismiss as fe}from"../utils/useDismiss.js";import{toISODateString as ie}from"../calendar/Calendar.js";import{TABBABLE_SELECTOR as le}from"../utils/tabbable.js";function A(e,r){return e.querySelector(`[data-skdx-calendar-cell="${r}"]:not([disabled])`)}function w(e){let r=document.activeElement;return r!==null&&r!==document.body&&e.contains(r)}function q(e,r){let t=[r?A(e,r):null,A(e,ie(new Date)),e.querySelector('[role="gridcell"][tabindex="0"]'),e.querySelector(le)];for(let a of t)if(a&&(a.focus({preventScroll:!0}),w(e)))return document.activeElement;return e.hasAttribute("tabindex")||(e.tabIndex=-1),e.focus({preventScroll:!0}),w(e)?e:null}import{jsx as pe}from"react/jsx-runtime";var T=({forceMount:e,onEscapeKeyDown:r,onPointerDownOutside:t,onFocusOutside:a,onInteractOutside:o,onOpenAutoFocus:l,onCloseAutoFocus:s,sideOffset:u=4,ref:f,...m})=>{let n=i("DatePickerContent"),g=de(f,n.contentRef),C=ce(n.value),R=C?se(C):null,p=y.useRef({onOpenAutoFocus:l,onCloseAutoFocus:s,anchorISO:R});y.useEffect(()=>{p.current={onOpenAutoFocus:l,onCloseAutoFocus:s,anchorISO:R}});let P=y.useRef(!1);return y.useEffect(()=>{if(!n.open)return;let c=n.contentRef.current;if(!c)return;P.current=!1;let x=requestAnimationFrame(()=>{c.contains(document.activeElement)||$("open-auto-focus",p.current.onOpenAutoFocus)&&q(c,p.current.anchorISO)});return()=>{cancelAnimationFrame(x),!P.current&&$("close-auto-focus",p.current.onCloseAutoFocus)&&n.triggerRef.current?.focus({preventScroll:!0})}},[n.open,n.contentRef,n.triggerRef]),fe({enabled:n.open,onEscapeKeyDown:c=>{r?.(c),c.defaultPrevented||n.onOpenChange(!1)},onInteractOutside:o,onPointerDownOutside:c=>{t?.(c),!c.defaultPrevented&&(P.current=!0,n.onOpenChange(!1))},onFocusOutside:c=>{a?.(c),!c.defaultPrevented&&(P.current=!0,n.onOpenChange(!1))}},[n.contentRef,n.triggerRef]),e||n.open?pe(me,{role:"dialog","aria-labelledby":m["aria-label"]||m["aria-labelledby"]?void 0:n.triggerId,id:n.contentId,"data-state":n.open?"open":"closed","data-invalid":n.invalid?"":void 0,"data-readonly":n.readOnly?"":void 0,sideOffset:u,...m,...ue("date-picker","content",m.className),ref:g}):null};T.displayName="DatePickerContent";import{DateField as Pe}from"../date-field/DateField.js";import{skdxPart as ye}from"../utils/part.js";import{jsx as ke}from"react/jsx-runtime";var S=({ref:e,...r})=>{let t=i("DatePickerInput");return t.selectionMode!=="single"?null:ke(Pe,{...r,readOnly:r.readOnly||t.readOnly,granularity:t.granularity,value:t.value,onValueChange:a=>t.onValueChange(a),...ye("date-picker","input",r.className),ref:e})};S.displayName="DatePickerInput";import{Portal as De}from"../utils/portal.js";import{jsx as ge}from"react/jsx-runtime";var V=({forceMount:e,children:r,...t})=>{let a=i("DatePickerPortal");return e||a.open?ge(De,{...t,children:r}):null};V.displayName="DatePickerPortal";import{TimeField as Ce}from"../time-field/TimeField.js";import{skdxPart as Re}from"../utils/part.js";import{jsx as be}from"react/jsx-runtime";function he(e,r){if(!e)return null;let t=o=>String(o).padStart(2,"0"),a=`${t(e.getHours())}:${t(e.getMinutes())}`;return r?`${a}:${t(e.getSeconds())}`:a}var E=({ref:e,...r})=>{let t=i("DatePickerTimeField"),{granularity:a}=t;if(a==="day"||t.selectionMode!=="single")return null;let o=t.value??null;return be(Ce,{...r,readOnly:r.readOnly||t.readOnly,granularity:a,value:he(o,a==="second"),onValueChange:l=>{if(!o||l===null)return;let[s=0,u=0,f=0]=l.split(":").map(Number),m=new Date(o);m.setHours(s,u,f,0),t.onValueChange(m)},...Re("date-picker","time-field",r.className),ref:e})};E.displayName="DatePickerTimeField";import{useComposedRefs as xe}from"../utils/composeRefs.js";import{FIELD_CONTROL_ATTRIBUTE as Oe}from"../utils/field-core.js";import{skdxPart as Te}from"../utils/part.js";import{PopperAnchor as Se}from"../utils/popper.js";import{composeEventHandlers as Ve,Primitive as Ee}from"../utils/primitive.js";import{jsx as B}from"react/jsx-runtime";var v=({ref:e,...r})=>{let t=i("DatePickerTrigger"),a=xe(e,t.triggerRef),o=t.disabled||r.disabled;return B(Se,{asChild:!0,children:B(Ee.button,{type:"button",id:t.triggerId,[Oe]:"","aria-haspopup":"dialog","aria-expanded":t.open,"aria-controls":t.contentId,"data-state":t.open?"open":"closed","data-disabled":o?"":void 0,"aria-invalid":t.invalid?!0:void 0,"data-invalid":t.invalid?"":void 0,...r,...Te("date-picker","trigger",r.className),disabled:o,ref:a,onClick:Ve(r.onClick,()=>{o||t.onOpenChange(!t.open)})})})};v.displayName="DatePickerTrigger";import{Fragment as Ie,jsx as k,jsxs as J}from"react/jsx-runtime";var h=(e,r,t)=>e.toLocaleString(r,{dateStyle:"medium",...t?{timeStyle:"short"}:{}});function He(e,r,t){if(!e)return null;if(Array.isArray(e))return e.length?e.map(a=>h(a,r,t)).join(", "):null;if(ve(e)){let a=h(e.start,r,t);return e.end?`${a} \u2013 ${h(e.end,r,t)}`:a}return h(e,r,t)}var X=({placeholder:e,locale:r,showInput:t,passThrough:a})=>{let{value:o,granularity:l}=i("DatePickerAnatomy"),s=He(o,r,l!=="day");return J(Ie,{children:[k(v,{...a,children:s??e}),k(V,{children:J(T,{...a?.id?{"aria-labelledby":a.id}:{},children:[t?k(S,{}):null,k(O,{}),k(E,{})]})})]})};import{jsx as D,jsxs as Ue}from"react/jsx-runtime";var $e=()=>{};function Be(e){return e?Array.isArray(e)?e:Ne(e)?e.end===null?[]:[e.start,e.end]:[e]:[]}var[Je,i]=Fe("DatePicker");function Xe({value:e,defaultValue:r,selectionMode:t,onValueChange:a}){let o=d.useMemo(()=>_(e,t,"value"),[e,t]),l=d.useMemo(()=>_(r,t,"defaultValue"),[r,t]),[s=b(t),u]=U({prop:o,defaultProp:l??b(t),onChange:f=>a?.(f??b(t))});return{value:s,setValue:u,defaultValue:l}}function _e(e,r,t){return{open:e?!1:r,onOpenChange:e?$e:t}}function Ke({name:e,value:r,required:t,form:a,formControlRef:o}){let l=Be(r);return l.length===0?D(K,{ref:o,type:"text",name:e,value:"",required:t,form:a}):l.map((s,u)=>D(K,{ref:u===0?o:void 0,type:"text",name:e,value:Le(s),required:t,form:a},u))}var z=function({children:r,selectionMode:t="single",granularity:a="day",value:o,defaultValue:l,onValueChange:s,open:u,defaultOpen:f=!1,onOpenChange:m,onOpenChangeComplete:n,name:g,form:C,required:R=!1,disabled:p=!1,closeOnSelect:P=!0,readOnly:c=!1,invalid:x=!1,placeholder:G="Select date",locale:Q,showInput:W=!1,ref:Y,...Z}){let H=d.useRef(null),I=d.useRef(null),N=d.useRef(null),{value:L,setValue:F,defaultValue:j}=Xe({value:o,defaultValue:l,selectionMode:t,onValueChange:s}),[M=!1,ee]=U({prop:u,defaultProp:f,onChange:m});return qe(M,I,n),d.useImperativeHandle(Y,()=>Me(N),[]),Ae(H,()=>F(j??b(t))),D(we,{children:Ue(Je,{triggerRef:H,contentRef:I,contentId:d.useId(),triggerId:d.useId(),value:L,selectionMode:t,granularity:a,closeOnSelect:P,readOnly:c,invalid:x,onValueChange:F,..._e(p,M,ee),disabled:p,children:[r??D(X,{placeholder:G,locale:Q,showInput:W,passThrough:Z}),g?D(Ke,{name:g,value:L,required:R,form:C,formControlRef:N}):null]})})};z.displayName="DatePicker";import{skdxPart as ze}from"../utils/part.js";import{composeEventHandlers as Ge,Primitive as Qe}from"../utils/primitive.js";import{jsx as Ye}from"react/jsx-runtime";var We=({ref:e,...r})=>{let t=i("DatePickerClose");return Ye(Qe.button,{type:"button",...r,...ze("date-picker","close",r.className),ref:e,onClick:Ge(r.onClick,()=>t.onOpenChange(!1))})};We.displayName="DatePickerClose";export{z as DatePicker,O as DatePickerCalendar,We as DatePickerClose,T as DatePickerContent,S as DatePickerInput,V as DatePickerPortal,Je as DatePickerProvider,E as DatePickerTimeField,v as DatePickerTrigger,i as useDatePickerContext};

package/dist/date-picker/DatePickerTimeField.d.cts

@@ -2,7 +2,7 @@ import type * as React from 'react';
 import type { FormValidityHandle } from '../utils/formControl.cjs';
 import type { DatePickerTimeFieldProps } from './types.cjs';
 /**
- * Time-of-day editor paired with {@link DatePickerCalendar}. Renders nothing when no date is picked or in `granularity="day"`.
+ * Time-of-day editor paired with {@link DatePickerCalendar}. Renders nothing when no date is picked, in `granularity="day"`, or outside `selectionMode="single"` — range and multiple selections carry no time.
  *
  * @example
  * ```tsx

package/dist/date-picker/DatePickerTimeField.d.ts

@@ -2,7 +2,7 @@ import type * as React from 'react';
 import type { FormValidityHandle } from '../utils/formControl.js';
 import type { DatePickerTimeFieldProps } from './types.js';
 /**
- * Time-of-day editor paired with {@link DatePickerCalendar}. Renders nothing when no date is picked or in `granularity="day"`.
+ * Time-of-day editor paired with {@link DatePickerCalendar}. Renders nothing when no date is picked, in `granularity="day"`, or outside `selectionMode="single"` — range and multiple selections carry no time.
  *
  * @example
  * ```tsx

package/dist/date-range-picker/DateRangePicker.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var a=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var k=(r,e)=>{for(var o in e)a(r,o,{get:e[o],enumerable:!0})},D=(r,e,o,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of m(e))!g.call(r,t)&&t!==o&&a(r,t,{get:()=>e[t],enumerable:!(i=c(e,t))||i.enumerable});return r};var f=r=>D(a({},"__esModule",{value:!0}),r);var s={};k(s,{DateRangePicker:()=>p});module.exports=f(s);var n=require("../date-picker/DatePicker.cjs"),P=require("react/jsx-runtime");function p({selectionMode:r="range",...e}){return(0,P.jsx)(n.DatePicker,{selectionMode:r,...e})}p.displayName="DateRangePicker";0&&(module.exports={DateRangePicker});

package/dist/date-range-picker/DateRangePicker.d.cts

@@ -0,0 +1,9 @@
+import type { JSX } from 'react';
+import type { DateRangePickerProps } from './types.cjs';
+/**
+ * DateRangePicker alias of {@link DatePicker}: the same component with `selectionMode='range'` as defaults. Every DatePicker prop applies; reach for DatePicker itself for full control.
+ */
+export declare function DateRangePicker({ selectionMode, ...rest }: DateRangePickerProps): JSX.Element;
+export declare namespace DateRangePicker {
+    var displayName: string;
+}

package/dist/date-range-picker/DateRangePicker.d.ts

@@ -0,0 +1,9 @@
+import type { JSX } from 'react';
+import type { DateRangePickerProps } from './types.js';
+/**
+ * DateRangePicker alias of {@link DatePicker}: the same component with `selectionMode='range'` as defaults. Every DatePicker prop applies; reach for DatePicker itself for full control.
+ */
+export declare function DateRangePicker({ selectionMode, ...rest }: DateRangePickerProps): JSX.Element;
+export declare namespace DateRangePicker {
+    var displayName: string;
+}

package/dist/date-range-picker/DateRangePicker.js

@@ -0,0 +1,2 @@
+'use client';
+import{DatePicker as o}from"../date-picker/DatePicker.js";import{jsx as a}from"react/jsx-runtime";function e({selectionMode:r="range",...t}){return a(o,{selectionMode:r,...t})}e.displayName="DateRangePicker";export{e as DateRangePicker};

package/dist/date-range-picker/index.d.cts

@@ -0,0 +1,2 @@
+export { DateRangePicker } from './DateRangePicker.cjs';
+export type { DateRangePickerProps } from './types.cjs';

package/dist/date-range-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { DateRangePicker } from './DateRangePicker.js';
+export type { DateRangePickerProps } from './types.js';

package/dist/date-range-picker/types.d.cts

@@ -0,0 +1,3 @@
+import type { DatePickerProps } from '../date-picker/types.cjs';
+/** Props for {@link DateRangePicker}: every DatePicker prop, with `selectionMode` defaulting to `'range'`. */
+export type DateRangePickerProps = DatePickerProps;

package/dist/date-range-picker/types.d.ts

@@ -0,0 +1,3 @@
+import type { DatePickerProps } from '../date-picker/types.js';
+/** Props for {@link DateRangePicker}: every DatePicker prop, with `selectionMode` defaulting to `'range'`. */
+export type DateRangePickerProps = DatePickerProps;

package/dist/date-time-picker/DateTimePicker.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var m=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var D=(r,e)=>{for(var i in e)m(r,i,{get:e[i],enumerable:!0})},f=(r,e,i,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of k(e))!y.call(r,t)&&t!==i&&m(r,t,{get:()=>e[t],enumerable:!(p=c(e,t))||p.enumerable});return r};var T=r=>f(m({},"__esModule",{value:!0}),r);var n={};D(n,{DateTimePicker:()=>o});module.exports=T(n);var a=require("../date-picker/DatePicker.cjs"),P=require("react/jsx-runtime");function o({granularity:r="minute",...e}){return(0,P.jsx)(a.DatePicker,{granularity:r,...e})}o.displayName="DateTimePicker";0&&(module.exports={DateTimePicker});

package/dist/date-time-picker/DateTimePicker.d.cts

@@ -0,0 +1,9 @@
+import type { JSX } from 'react';
+import type { DateTimePickerProps } from './types.cjs';
+/**
+ * DateTimePicker alias of {@link DatePicker}: the same component with `granularity='minute'` as defaults. Every DatePicker prop applies; reach for DatePicker itself for full control.
+ */
+export declare function DateTimePicker({ granularity, ...rest }: DateTimePickerProps): JSX.Element;
+export declare namespace DateTimePicker {
+    var displayName: string;
+}

package/dist/date-time-picker/DateTimePicker.d.ts

@@ -0,0 +1,9 @@
+import type { JSX } from 'react';
+import type { DateTimePickerProps } from './types.js';
+/**
+ * DateTimePicker alias of {@link DatePicker}: the same component with `granularity='minute'` as defaults. Every DatePicker prop applies; reach for DatePicker itself for full control.
+ */
+export declare function DateTimePicker({ granularity, ...rest }: DateTimePickerProps): JSX.Element;
+export declare namespace DateTimePicker {
+    var displayName: string;
+}

package/dist/date-time-picker/DateTimePicker.js

@@ -0,0 +1,2 @@
+'use client';
+import{DatePicker as i}from"../date-picker/DatePicker.js";import{jsx as m}from"react/jsx-runtime";function e({granularity:r="minute",...t}){return m(i,{granularity:r,...t})}e.displayName="DateTimePicker";export{e as DateTimePicker};

package/dist/date-time-picker/index.d.cts

@@ -0,0 +1,2 @@
+export { DateTimePicker } from './DateTimePicker.cjs';
+export type { DateTimePickerProps } from './types.cjs';

package/dist/date-time-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { DateTimePicker } from './DateTimePicker.js';
+export type { DateTimePickerProps } from './types.js';

package/dist/date-time-picker/types.d.cts

@@ -0,0 +1,3 @@
+import type { DatePickerProps } from '../date-picker/types.cjs';
+/** Props for {@link DateTimePicker}: every DatePicker prop, with `granularity` defaulting to `'minute'`. */
+export type DateTimePickerProps = DatePickerProps;

package/dist/date-time-picker/types.d.ts

@@ -0,0 +1,3 @@
+import type { DatePickerProps } from '../date-picker/types.js';
+/** Props for {@link DateTimePicker}: every DatePicker prop, with `granularity` defaulting to `'minute'`. */
+export type DateTimePickerProps = DatePickerProps;

package/dist/dialog/Dialog.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var Ve=Object.create;var N=Object.defineProperty;var Ge=Object.getOwnPropertyDescriptor;var _e=Object.getOwnPropertyNames;var qe=Object.getPrototypeOf,Ke=Object.prototype.hasOwnProperty;var Qe=(t,e)=>{for(var o in e)N(t,o,{get:e[o],enumerable:!0})},j=(t,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of _e(e))!Ke.call(t,l)&&l!==o&&N(t,l,{get:()=>e[l],enumerable:!(a=Ge(e,l))||a.enumerable});return t};var H=(t,e,o)=>(o=t!=null?Ve(qe(t)):{},j(e||!t||!t.__esModule?N(o,"default",{value:t,enumerable:!0}):o,t)),Ue=t=>j(N({},"__esModule",{value:!0}),t);var Ze={};Qe(Ze,{Dialog:()=>Le,DialogAction:()=>I,DialogCancel:()=>X,DialogClose:()=>M,DialogContent:()=>B,DialogDescription:()=>V,DialogOverlay:()=>G,DialogPortal:()=>_,DialogProvider:()=>He,DialogRoot:()=>Z,DialogStateProvider:()=>Y,DialogTitle:()=>q,DialogTrigger:()=>Xe,OverlayPortal:()=>xe,useDialogContext:()=>n});module.exports=Ue(Ze);var C=H(require("react"),1),Se=require("../utils/createContext.cjs"),W=require("../utils/recipeAxis.cjs"),ke=require("../utils/useControllableState.cjs"),Ne=require("../utils/useOpenChangeComplete.cjs");var Te=require("../utils/Glyph.cjs");var ee=require("../utils/appearance.cjs"),oe=require("../utils/part.cjs"),L=require("../utils/primitive.cjs");var te=require("react/jsx-runtime");function I({ref:t,...e}){let o=n("DialogAction"),{disabled:a=!1}=e;return(0,te.jsx)(L.Primitive.button,{type:"button",...e,...(0,ee.appearanceAttrs)({status:o.status},e),...(0,oe.skdxPart)("dialog","action",e.className),ref:t,disabled:a,"data-disabled":a?"":void 0,onClick:(0,L.composeEventHandlers)(e.onClick,()=>o.onOpenChange(!1))})}I.displayName="DialogAction";var ae=require("../utils/part.cjs"),J=require("../utils/primitive.cjs");var ie=require("react/jsx-runtime");function X({ref:t,...e}){let o=n("DialogCancel"),{disabled:a=!1}=e;return(0,ie.jsx)(J.Primitive.button,{type:"button","data-skdx-dialog-cancel":"",...e,...(0,ae.skdxPart)("dialog","cancel",e.className),ref:t,disabled:a,"data-disabled":a?"":void 0,onClick:(0,J.composeEventHandlers)(e.onClick,()=>o.onOpenChange(!1))})}X.displayName="DialogCancel";var ne=require("../utils/part.cjs"),A=require("../utils/primitive.cjs");var re=require("react/jsx-runtime");function M({ref:t,...e}){let o=n("DialogClose");return(0,re.jsx)(A.Primitive.button,{type:"button",...e,...(0,ne.skdxPart)(o.family,"close",e.className),ref:t,onClick:(0,A.composeEventHandlers)(e.onClick,()=>o.onOpenChange(!1))})}M.displayName="DialogClose";var F=H(require("react"),1),le=require("../utils/appearance.cjs"),se=require("../utils/composeRefs.cjs"),v=require("../utils/dismissal.cjs"),z=require("../utils/focus-targets.cjs"),me=require("../utils/part.cjs"),w=require("../utils/primitive.cjs"),pe=require("../utils/useBodyScrollLock.cjs"),T=require("../utils/useCallbackRef.cjs"),ce=require("../utils/useDismiss.cjs");var de=require("react/jsx-runtime");function B({ref:t,initialFocus:e,finalFocus:o,onEscapeKeyDown:a,onPointerDownOutside:l,onFocusOutside:P,onInteractOutside:s,onOpenAutoFocus:g,onCloseAutoFocus:p,onCancel:R,onClose:c,onPointerDown:u,size:d,...D}){let i=n("DialogContent"),{open:y,modal:f,onOpenChange:E,contentRef:h}=i,b=h,Me=(0,se.useComposedRefs)(t,b),we=i.dismiss==="any"||i.dismiss==="escape",Q=i.dismiss==="any"||i.dismiss==="outside";(0,pe.useBodyScrollLock)(y&&f);let S=F.useRef(!1),k=(0,T.useCallbackRef)(()=>{S.current=!(0,v.autoFocusEvent)("close-auto-focus",p),b.current?.close?.()}),$=(0,T.useCallbackRef)(()=>{let r=b.current;if(r)if(y&&!r.open){let x=document.activeElement;f?(0,v.focusOnOpen)(()=>r.showModal?.()):(0,v.focusOnOpen)(()=>r.show?.()),(0,z.applyOpenAutoFocus)(r,e,"Dialog",g,x)}else!y&&r.open&&k()});F.useEffect(()=>{$()},[y,f,$]),(0,ce.useDismiss)({enabled:y,onInteractOutside:s,onPointerDownOutside:r=>{l?.(r),!r.defaultPrevented&&f&&Q&&k()},onFocusOutside:r=>{P?.(r),!r.defaultPrevented&&f&&Q&&k()}},[b,i.triggerRef]);let Fe=(0,T.useCallbackRef)(r=>{let x=r.nativeEvent;if(a?.(x),!we){r.preventDefault();return}x.defaultPrevented||(S.current=!(0,v.autoFocusEvent)("close-auto-focus",p))}),ze=(0,T.useCallbackRef)(()=>{S.current?(S.current=!1,document.activeElement?.blur?.()):(0,z.applyFinalFocus)(o,"Dialog"),E(!1)});function Be(r){let x=(0,v.backdropPointerDown)(r.nativeEvent,r.currentTarget);x&&(s?.(x),l?.(x),!x.defaultPrevented&&f&&Q&&k())}return(0,de.jsx)("dialog",{role:i.role,"aria-modal":f||void 0,"aria-labelledby":i.hasTitle?i.titleId:void 0,"aria-describedby":i.hasDescription?i.descriptionId:void 0,id:i.contentId,"data-state":y?"open":"closed","data-dismiss":i.dismiss,...D,...(0,le.appearanceAttrs)({size:d,status:i.status},D),...(0,me.skdxPart)("dialog","content",D.className),ref:Me,onCancel:(0,w.composeEventHandlers)(R,Fe),onClose:(0,w.composeEventHandlers)(c,ze),onPointerDown:(0,w.composeEventHandlers)(u,Be)})}B.displayName="DialogContent";var fe=H(require("react"),1),ge=require("../utils/part.cjs"),ue=require("../utils/primitive.cjs");var De=require("react/jsx-runtime");function V({ref:t,...e}){let o=n("DialogDescription"),{setHasDescription:a}=o;return fe.useEffect(()=>(a(!0),()=>a(!1)),[a]),(0,De.jsx)(ue.Primitive.p,{id:o.descriptionId,...e,...(0,ge.skdxPart)(o.family,"description",e.className),ref:t})}V.displayName="DialogDescription";var ye=require("../utils/part.cjs"),Ce=require("../utils/primitive.cjs");var Pe=require("react/jsx-runtime");function G({ref:t,forceMount:e,...o}){let a=n("DialogOverlay");return e||a.open?(0,Pe.jsx)(Ce.Primitive.div,{"data-state":a.open?"open":"closed",...o,...(0,ye.skdxPart)(a.family,"overlay",o.className),ref:t,style:{pointerEvents:a.modal&&a.open?"auto":"none",...o.style}}):null}G.displayName="DialogOverlay";var Re=require("../utils/portal.cjs");var U=require("react/jsx-runtime"),xe=({forceMount:t,children:e,...o})=>{let a=n("Portal");return a.family==="dialog"||t||a.open?(0,U.jsx)(Re.Portal,{...o,children:e}):null},_=({children:t,...e})=>(0,U.jsx)(xe,{...e,children:t});_.displayName="DialogPortal";var ve=H(require("react"),1),he=require("../utils/part.cjs"),Ee=require("../utils/primitive.cjs");var be=require("react/jsx-runtime");function q({ref:t,...e}){let o=n("DialogTitle"),{setHasTitle:a}=o;return ve.useEffect(()=>(a(!0),()=>a(!1)),[a]),(0,be.jsx)(Ee.Primitive.h2,{id:o.titleId,...e,...(0,he.skdxPart)(o.family,"title",e.className),ref:t})}q.displayName="DialogTitle";var m=require("react/jsx-runtime"),We=()=>(0,m.jsx)(Te.Glyph,{name:"close"}),Oe=({size:t,title:e,description:o,footer:a,dismissible:l,role:P,confirmLabel:s,cancelLabel:g,onConfirm:p,onCancel:R,children:c,passThrough:u})=>{let d=P==="alertdialog",D=d?s??"Confirm":s,i=d?g??"Cancel":g;return(0,m.jsxs)(_,{children:[(0,m.jsx)(G,{}),(0,m.jsxs)(B,{...u,size:t,children:[e?(0,m.jsx)(q,{children:e}):null,o?(0,m.jsx)(V,{children:o}):null,c,a,i?(0,m.jsx)(X,{onClick:R,children:i}):null,D?(0,m.jsx)(I,{onClick:p,children:D}):null,l&&!d?(0,m.jsx)(M,{"aria-label":"Close",children:(0,m.jsx)(We,{})}):null]})]})};var O=require("react/jsx-runtime"),[He,n]=(0,Se.createSafeContext)("Dialog");function Y({children:t,family:e,open:o,defaultOpen:a=!1,onOpenChange:l,onOpenChangeComplete:P,modal:s,dismiss:g,role:p="dialog",status:R,placement:c="end"}){let u=C.useRef(null),d=C.useRef(null),[D,i]=C.useState(!1),[y,f]=C.useState(!1),[E=!1,h]=(0,ke.useControllableState)({prop:o,defaultProp:a,onChange:l});return(0,Ne.useOpenChangeComplete)(E,d,P),(0,O.jsx)(He,{family:e,triggerRef:u,contentRef:d,contentId:C.useId(),titleId:C.useId(),descriptionId:C.useId(),hasTitle:D,setHasTitle:i,hasDescription:y,setHasDescription:f,open:E,onOpenChange:h,modal:s,dismiss:g,role:p,status:R,placement:c,children:t})}Y.displayName="DialogStateProvider";var Ye={any:"escape",escape:"escape",outside:"none",none:"none"};function Z({children:t,open:e,defaultOpen:o,onOpenChange:a,onOpenChangeComplete:l,modal:P=!0,dismiss:s="any",dismissible:g=!0,role:p="dialog",status:R}){let c=p==="alertdialog",u=c?Ye[s]:s;return g||(u="none"),(0,O.jsx)(Y,{family:"dialog",open:e,defaultOpen:o,onOpenChange:a,onOpenChangeComplete:l,modal:c||P,dismiss:u,role:p,status:R,children:t})}Z.displayName="DialogRoot";function Le({children:t,open:e,defaultOpen:o,onOpenChange:a,onOpenChangeComplete:l,modal:P,dismiss:s,title:g,description:p,footer:R,dismissible:c=!0,size:u,role:d="dialog",status:D,confirmLabel:i,cancelLabel:y,onConfirm:f,onCancel:E,...h}){let b=(0,W.recipeAxis)(D,h,"data-status");return(0,O.jsx)(Z,{open:e,defaultOpen:o,onOpenChange:a,onOpenChangeComplete:l,modal:P,dismiss:s,dismissible:c,role:d,status:b,children:(0,O.jsx)(Oe,{size:(0,W.recipeAxis)(u,h,"data-size"),title:g,description:p,footer:R,dismissible:c,role:d,confirmLabel:i,cancelLabel:y,onConfirm:f,onCancel:E,passThrough:h,children:t})})}Le.displayName="Dialog";var Ie=require("../utils/composeRefs.cjs"),Je=require("../utils/part.cjs"),K=require("../utils/primitive.cjs");var Ae=require("react/jsx-runtime");function Xe({ref:t,...e}){let o=n("DialogTrigger"),a=(0,Ie.useComposedRefs)(t,o.triggerRef);return(0,Ae.jsx)(K.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":o.open?"open":"closed",...e,...(0,Je.skdxPart)(o.family,"trigger",e.className),ref:a,onClick:(0,K.composeEventHandlers)(e.onClick,()=>o.onOpenChange(!0))})}Xe.displayName="DialogTrigger";0&&(module.exports={Dialog,DialogAction,DialogCancel,DialogClose,DialogContent,DialogDescription,DialogOverlay,DialogPortal,DialogProvider,DialogRoot,DialogStateProvider,DialogTitle,DialogTrigger,OverlayPortal,useDialogContext});
+"use strict";var Ye=Object.create;var L=Object.defineProperty;var Ze=Object.getOwnPropertyDescriptor;var $e=Object.getOwnPropertyNames;var je=Object.getPrototypeOf,eo=Object.prototype.hasOwnProperty;var oo=(e,o)=>{for(var t in o)L(e,t,{get:o[t],enumerable:!0})},le=(e,o,t,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of $e(o))!eo.call(e,n)&&n!==t&&L(e,n,{get:()=>o[n],enumerable:!(a=Ze(o,n))||a.enumerable});return e};var O=(e,o,t)=>(t=e!=null?Ye(je(e)):{},le(o||!e||!e.__esModule?L(t,"default",{value:e,enumerable:!0}):t,e)),to=e=>le(L({},"__esModule",{value:!0}),e);var lo={};oo(lo,{Dialog:()=>Q,DialogAction:()=>J,DialogCancel:()=>A,DialogClose:()=>w,DialogContent:()=>V,DialogDescription:()=>K,DialogOverlay:()=>G,DialogPortal:()=>_,DialogProvider:()=>we,DialogRoot:()=>oe,DialogStateProvider:()=>ee,DialogTitle:()=>q,DialogTrigger:()=>Ke,Dialogs:()=>ae,OverlayPortal:()=>Te,createDialogs:()=>ie.createDialogs,useDialogContext:()=>l,useDialogs:()=>te});module.exports=to(lo);var P=O(require("react"),1),Xe=require("../utils/createContext.cjs"),j=require("../utils/recipeAxis.cjs"),Ae=require("../utils/useControllableState.cjs"),Me=require("../utils/useOpenChangeComplete.cjs");var Ie=require("../utils/Glyph.cjs");var re=require("../utils/appearance.cjs"),se=require("../utils/part.cjs"),I=require("../utils/primitive.cjs");var pe=require("react/jsx-runtime");function J({ref:e,...o}){let t=l("DialogAction"),{disabled:a=!1}=o;return(0,pe.jsx)(I.Primitive.button,{type:"button",...o,...(0,re.appearanceAttrs)({status:t.status},o),...(0,se.skdxPart)("dialog","action",o.className),ref:e,disabled:a,"data-disabled":a?"":void 0,onClick:(0,I.composeEventHandlers)(o.onClick,()=>t.onOpenChange(!1))})}J.displayName="DialogAction";var me=require("../utils/part.cjs"),X=require("../utils/primitive.cjs");var ce=require("react/jsx-runtime");function A({ref:e,...o}){let t=l("DialogCancel"),{disabled:a=!1}=o;return(0,ce.jsx)(X.Primitive.button,{type:"button","data-skdx-dialog-cancel":"",...o,...(0,me.skdxPart)("dialog","cancel",o.className),ref:e,disabled:a,"data-disabled":a?"":void 0,onClick:(0,X.composeEventHandlers)(o.onClick,()=>t.onOpenChange(!1))})}A.displayName="DialogCancel";var de=require("../utils/part.cjs"),M=require("../utils/primitive.cjs");var fe=require("react/jsx-runtime");function w({ref:e,...o}){let t=l("DialogClose");return(0,fe.jsx)(M.Primitive.button,{type:"button",...o,...(0,de.skdxPart)(t.family,"close",o.className),ref:e,onClick:(0,M.composeEventHandlers)(o.onClick,()=>t.onOpenChange(!1))})}w.displayName="DialogClose";var z=O(require("react"),1),ge=require("../utils/appearance.cjs"),ue=require("../utils/composeRefs.cjs"),h=require("../utils/dismissal.cjs"),B=require("../utils/focus-targets.cjs"),De=require("../utils/part.cjs"),F=require("../utils/primitive.cjs"),ye=require("../utils/useBodyScrollLock.cjs"),T=require("../utils/useCallbackRef.cjs"),Ce=require("../utils/useDismiss.cjs");var Pe=require("react/jsx-runtime");function V({ref:e,initialFocus:o,finalFocus:t,onEscapeKeyDown:a,onPointerDownOutside:n,onFocusOutside:m,onInteractOutside:s,onOpenAutoFocus:u,onCloseAutoFocus:c,onCancel:R,onClose:d,onPointerDown:D,size:f,...y}){let i=l("DialogContent"),{open:C,modal:g,onOpenChange:E,contentRef:v}=i,b=v,_e=(0,ue.useComposedRefs)(e,b),qe=i.dismiss==="any"||i.dismiss==="escape",Z=i.dismiss==="any"||i.dismiss==="outside";(0,ye.useBodyScrollLock)(C&&g);let N=z.useRef(!1),H=(0,T.useCallbackRef)(()=>{N.current=!(0,h.autoFocusEvent)("close-auto-focus",c),b.current?.close?.()}),ne=(0,T.useCallbackRef)(()=>{let r=b.current;if(r)if(C&&!r.open){let x=document.activeElement;g?(0,h.focusOnOpen)(()=>r.showModal?.()):(0,h.focusOnOpen)(()=>r.show?.()),(0,B.applyOpenAutoFocus)(r,o,"Dialog",u,x)}else!C&&r.open&&H()});z.useEffect(()=>{ne()},[C,g,ne]),(0,Ce.useDismiss)({enabled:C,onInteractOutside:s,onPointerDownOutside:r=>{n?.(r),!r.defaultPrevented&&g&&Z&&H()},onFocusOutside:r=>{m?.(r),!r.defaultPrevented&&g&&Z&&H()}},[b,i.triggerRef]);let Qe=(0,T.useCallbackRef)(r=>{let x=r.nativeEvent;if(a?.(x),!qe){r.preventDefault();return}x.defaultPrevented||(N.current=!(0,h.autoFocusEvent)("close-auto-focus",c))}),Ue=(0,T.useCallbackRef)(()=>{N.current?(N.current=!1,document.activeElement?.blur?.()):(0,B.applyFinalFocus)(t,"Dialog"),E(!1)});function We(r){let x=(0,h.backdropPointerDown)(r.nativeEvent,r.currentTarget);x&&(s?.(x),n?.(x),!x.defaultPrevented&&g&&Z&&H())}return(0,Pe.jsx)("dialog",{role:i.role,"aria-modal":g||void 0,"aria-labelledby":i.hasTitle?i.titleId:void 0,"aria-describedby":i.hasDescription?i.descriptionId:void 0,id:i.contentId,"data-state":C?"open":"closed","data-dismiss":i.dismiss,...y,...(0,ge.appearanceAttrs)({size:f,status:i.status},y),...(0,De.skdxPart)("dialog","content",y.className),ref:_e,onCancel:(0,F.composeEventHandlers)(R,Qe),onClose:(0,F.composeEventHandlers)(d,Ue),onPointerDown:(0,F.composeEventHandlers)(D,We)})}V.displayName="DialogContent";var Re=O(require("react"),1),xe=require("../utils/part.cjs"),he=require("../utils/primitive.cjs");var ve=require("react/jsx-runtime");function K({ref:e,...o}){let t=l("DialogDescription"),{setHasDescription:a}=t;return Re.useEffect(()=>(a(!0),()=>a(!1)),[a]),(0,ve.jsx)(he.Primitive.p,{id:t.descriptionId,...o,...(0,xe.skdxPart)(t.family,"description",o.className),ref:e})}K.displayName="DialogDescription";var Ee=require("../utils/part.cjs"),be=require("../utils/primitive.cjs");var Se=require("react/jsx-runtime");function G({ref:e,forceMount:o,...t}){let a=l("DialogOverlay");return o||a.open?(0,Se.jsx)(be.Primitive.div,{"data-state":a.open?"open":"closed",...t,...(0,Ee.skdxPart)(a.family,"overlay",t.className),ref:e,style:{pointerEvents:a.modal&&a.open?"auto":"none",...t.style}}):null}G.displayName="DialogOverlay";var Oe=require("../utils/portal.cjs");var $=require("react/jsx-runtime"),Te=({forceMount:e,children:o,...t})=>{let a=l("Portal");return a.family==="dialog"||e||a.open?(0,$.jsx)(Oe.Portal,{...t,children:o}):null},_=({children:e,...o})=>(0,$.jsx)(Te,{...o,children:e});_.displayName="DialogPortal";var ke=O(require("react"),1),Ne=require("../utils/part.cjs"),He=require("../utils/primitive.cjs");var Le=require("react/jsx-runtime");function q({ref:e,...o}){let t=l("DialogTitle"),{setHasTitle:a}=t;return ke.useEffect(()=>(a(!0),()=>a(!1)),[a]),(0,Le.jsx)(He.Primitive.h2,{id:t.titleId,...o,...(0,Ne.skdxPart)(t.family,"title",o.className),ref:e})}q.displayName="DialogTitle";var p=require("react/jsx-runtime"),ao=()=>(0,p.jsx)(Ie.Glyph,{name:"close"}),Je=({size:e,title:o,description:t,footer:a,dismissible:n,role:m,confirmLabel:s,cancelLabel:u,onConfirm:c,onCancel:R,children:d,passThrough:D})=>{let f=m==="alertdialog",y=f?s??"Confirm":s,i=f?u??"Cancel":u;return(0,p.jsxs)(_,{children:[(0,p.jsx)(G,{}),(0,p.jsxs)(V,{...D,size:e,children:[o?(0,p.jsx)(q,{children:o}):null,t?(0,p.jsx)(K,{children:t}):null,d,a,i?(0,p.jsx)(A,{onClick:R,children:i}):null,y?(0,p.jsx)(J,{onClick:c,children:y}):null,n&&!f?(0,p.jsx)(w,{"aria-label":"Close",children:(0,p.jsx)(ao,{})}):null]})]})};var k=require("react/jsx-runtime"),[we,l]=(0,Xe.createSafeContext)("Dialog");function ee({children:e,family:o,open:t,defaultOpen:a=!1,onOpenChange:n,onOpenChangeComplete:m,modal:s,dismiss:u,role:c="dialog",status:R,placement:d="end"}){let D=P.useRef(null),f=P.useRef(null),[y,i]=P.useState(!1),[C,g]=P.useState(!1),[E=!1,v]=(0,Ae.useControllableState)({prop:t,defaultProp:a,onChange:n});return(0,Me.useOpenChangeComplete)(E,f,m),(0,k.jsx)(we,{family:o,triggerRef:D,contentRef:f,contentId:P.useId(),titleId:P.useId(),descriptionId:P.useId(),hasTitle:y,setHasTitle:i,hasDescription:C,setHasDescription:g,open:E,onOpenChange:v,modal:s,dismiss:u,role:c,status:R,placement:d,children:e})}ee.displayName="DialogStateProvider";var io={any:"escape",escape:"escape",outside:"none",none:"none"};function oe({children:e,open:o,defaultOpen:t,onOpenChange:a,onOpenChangeComplete:n,modal:m=!0,dismiss:s="any",dismissible:u=!0,role:c="dialog",status:R}){let d=c==="alertdialog",D=d?io[s]:s;return u||(D="none"),(0,k.jsx)(ee,{family:"dialog",open:o,defaultOpen:t,onOpenChange:a,onOpenChangeComplete:n,modal:d||m,dismiss:D,role:c,status:R,children:e})}oe.displayName="DialogRoot";function Q({children:e,open:o,defaultOpen:t,onOpenChange:a,onOpenChangeComplete:n,modal:m,dismiss:s,title:u,description:c,footer:R,dismissible:d=!0,size:D,role:f="dialog",status:y,confirmLabel:i,cancelLabel:C,onConfirm:g,onCancel:E,...v}){let b=(0,j.recipeAxis)(y,v,"data-status");return(0,k.jsx)(oe,{open:o,defaultOpen:t,onOpenChange:a,onOpenChangeComplete:n,modal:m,dismiss:s,dismissible:d,role:f,status:b,children:(0,k.jsx)(Je,{size:(0,j.recipeAxis)(D,v,"data-size"),title:u,description:c,footer:R,dismissible:d,role:f,confirmLabel:i,cancelLabel:C,onConfirm:g,onCancel:E,passThrough:v,children:e})})}Q.displayName="Dialog";var U=O(require("react"),1),Fe=require("../label/Label.cjs"),ze=require("../text-field/TextField.cjs"),W=require("../utils/dialogs.cjs");var ie=require("../utils/dialogs.cjs"),S=require("react/jsx-runtime");function te(e){return U.useSyncExternalStore(e.subscribe,e.getCurrent,e.getCurrent)}function no({entry:e,dialogs:o}){let[t,a]=U.useState(e.defaultValue??""),n=()=>o.settle(e.id,(0,W.dialogsCancelResult)(e));return(0,S.jsx)(Q,{open:!0,role:e.kind==="confirm"?"alertdialog":"dialog",title:e.title,description:e.description,status:e.status,confirmLabel:e.confirmLabel,cancelLabel:e.cancelLabel,"data-kind":e.kind,onConfirm:()=>o.settle(e.id,(0,W.dialogsConfirmResult)(e,t)),onCancel:n,onOpenChange:m=>{m||n()},children:e.kind==="prompt"?(0,S.jsxs)(Fe.Label,{style:{display:"grid",gap:"0.5rem"},children:[e.label??"Value",(0,S.jsx)(ze.TextField,{value:t,onValueChange:a,placeholder:e.placeholder})]}):null})}function ae({dialogs:e}){let o=te(e);return o?(0,S.jsx)(no,{entry:o,dialogs:e},o.id):null}ae.displayName="Dialogs";var Be=require("../utils/composeRefs.cjs"),Ve=require("../utils/part.cjs"),Y=require("../utils/primitive.cjs");var Ge=require("react/jsx-runtime");function Ke({ref:e,...o}){let t=l("DialogTrigger"),a=(0,Be.useComposedRefs)(e,t.triggerRef);return(0,Ge.jsx)(Y.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":t.open,"aria-controls":t.contentId,"data-state":t.open?"open":"closed",...o,...(0,Ve.skdxPart)(t.family,"trigger",o.className),ref:a,onClick:(0,Y.composeEventHandlers)(o.onClick,()=>t.onOpenChange(!0))})}Ke.displayName="DialogTrigger";0&&(module.exports={Dialog,DialogAction,DialogCancel,DialogClose,DialogContent,DialogDescription,DialogOverlay,DialogPortal,DialogProvider,DialogRoot,DialogStateProvider,DialogTitle,DialogTrigger,Dialogs,OverlayPortal,createDialogs,useDialogContext,useDialogs});

package/dist/dialog/Dialog.js

@@ -1,2 +1,2 @@
 'use client';
-import*as y from"react";import{createSafeContext as Me}from"../utils/createContext.js";import{recipeAxis as U}from"../utils/recipeAxis.js";import{useControllableState as we}from"../utils/useControllableState.js";import{useOpenChangeComplete as Fe}from"../utils/useOpenChangeComplete.js";import{Glyph as Xe}from"../utils/Glyph.js";import{appearanceAttrs as te}from"../utils/appearance.js";import{skdxPart as ae}from"../utils/part.js";import{composeEventHandlers as ie,Primitive as ne}from"../utils/primitive.js";import{jsx as re}from"react/jsx-runtime";function H({ref:a,...e}){let o=r("DialogAction"),{disabled:t=!1}=e;return re(ne.button,{type:"button",...e,...te({status:o.status},e),...ae("dialog","action",e.className),ref:a,disabled:t,"data-disabled":t?"":void 0,onClick:ie(e.onClick,()=>o.onOpenChange(!1))})}H.displayName="DialogAction";import{skdxPart as le}from"../utils/part.js";import{composeEventHandlers as se,Primitive as me}from"../utils/primitive.js";import{jsx as pe}from"react/jsx-runtime";function L({ref:a,...e}){let o=r("DialogCancel"),{disabled:t=!1}=e;return pe(me.button,{type:"button","data-skdx-dialog-cancel":"",...e,...le("dialog","cancel",e.className),ref:a,disabled:t,"data-disabled":t?"":void 0,onClick:se(e.onClick,()=>o.onOpenChange(!1))})}L.displayName="DialogCancel";import{skdxPart as ce}from"../utils/part.js";import{composeEventHandlers as de,Primitive as fe}from"../utils/primitive.js";import{jsx as ge}from"react/jsx-runtime";function I({ref:a,...e}){let o=r("DialogClose");return ge(fe.button,{type:"button",...e,...ce(o.family,"close",e.className),ref:a,onClick:de(e.onClick,()=>o.onOpenChange(!1))})}I.displayName="DialogClose";import*as S from"react";import{appearanceAttrs as ue}from"../utils/appearance.js";import{useComposedRefs as De}from"../utils/composeRefs.js";import{autoFocusEvent as B,backdropPointerDown as ye,focusOnOpen as V}from"../utils/dismissal.js";import{applyFinalFocus as Ce,applyOpenAutoFocus as Pe}from"../utils/focus-targets.js";import{skdxPart as Re}from"../utils/part.js";import{composeEventHandlers as J}from"../utils/primitive.js";import{useBodyScrollLock as xe}from"../utils/useBodyScrollLock.js";import{useCallbackRef as O}from"../utils/useCallbackRef.js";import{useDismiss as ve}from"../utils/useDismiss.js";import{jsx as he}from"react/jsx-runtime";function X({ref:a,initialFocus:e,finalFocus:o,onEscapeKeyDown:t,onPointerDownOutside:d,onFocusOutside:C,onInteractOutside:l,onOpenAutoFocus:f,onCloseAutoFocus:s,onCancel:P,onClose:m,onPointerDown:g,size:p,...u}){let i=r("DialogContent"),{open:D,modal:c,onOpenChange:h,contentRef:v}=i,E=v,Z=De(a,E),$=i.dismiss==="any"||i.dismiss==="escape",N=i.dismiss==="any"||i.dismiss==="outside";xe(D&&c);let b=S.useRef(!1),T=O(()=>{b.current=!B("close-auto-focus",s),E.current?.close?.()}),z=O(()=>{let n=E.current;if(n)if(D&&!n.open){let R=document.activeElement;c?V(()=>n.showModal?.()):V(()=>n.show?.()),Pe(n,e,"Dialog",f,R)}else!D&&n.open&&T()});S.useEffect(()=>{z()},[D,c,z]),ve({enabled:D,onInteractOutside:l,onPointerDownOutside:n=>{d?.(n),!n.defaultPrevented&&c&&N&&T()},onFocusOutside:n=>{C?.(n),!n.defaultPrevented&&c&&N&&T()}},[E,i.triggerRef]);let j=O(n=>{let R=n.nativeEvent;if(t?.(R),!$){n.preventDefault();return}R.defaultPrevented||(b.current=!B("close-auto-focus",s))}),ee=O(()=>{b.current?(b.current=!1,document.activeElement?.blur?.()):Ce(o,"Dialog"),h(!1)});function oe(n){let R=ye(n.nativeEvent,n.currentTarget);R&&(l?.(R),d?.(R),!R.defaultPrevented&&c&&N&&T())}return he("dialog",{role:i.role,"aria-modal":c||void 0,"aria-labelledby":i.hasTitle?i.titleId:void 0,"aria-describedby":i.hasDescription?i.descriptionId:void 0,id:i.contentId,"data-state":D?"open":"closed","data-dismiss":i.dismiss,...u,...ue({size:p,status:i.status},u),...Re("dialog","content",u.className),ref:Z,onCancel:J(P,j),onClose:J(m,ee),onPointerDown:J(g,oe)})}X.displayName="DialogContent";import*as G from"react";import{skdxPart as Ee}from"../utils/part.js";import{Primitive as be}from"../utils/primitive.js";import{jsx as Te}from"react/jsx-runtime";function A({ref:a,...e}){let o=r("DialogDescription"),{setHasDescription:t}=o;return G.useEffect(()=>(t(!0),()=>t(!1)),[t]),Te(be.p,{id:o.descriptionId,...e,...Ee(o.family,"description",e.className),ref:a})}A.displayName="DialogDescription";import{skdxPart as Oe}from"../utils/part.js";import{Primitive as Se}from"../utils/primitive.js";import{jsx as ke}from"react/jsx-runtime";function M({ref:a,forceMount:e,...o}){let t=r("DialogOverlay");return e||t.open?ke(Se.div,{"data-state":t.open?"open":"closed",...o,...Oe(t.family,"overlay",o.className),ref:a,style:{pointerEvents:t.modal&&t.open?"auto":"none",...o.style}}):null}M.displayName="DialogOverlay";import{Portal as Ne}from"../utils/portal.js";import{jsx as _}from"react/jsx-runtime";var He=({forceMount:a,children:e,...o})=>{let t=r("Portal");return t.family==="dialog"||a||t.open?_(Ne,{...o,children:e}):null},w=({children:a,...e})=>_(He,{...e,children:a});w.displayName="DialogPortal";import*as q from"react";import{skdxPart as Le}from"../utils/part.js";import{Primitive as Ie}from"../utils/primitive.js";import{jsx as Je}from"react/jsx-runtime";function F({ref:a,...e}){let o=r("DialogTitle"),{setHasTitle:t}=o;return q.useEffect(()=>(t(!0),()=>t(!1)),[t]),Je(Ie.h2,{id:o.titleId,...e,...Le(o.family,"title",e.className),ref:a})}F.displayName="DialogTitle";import{jsx as x,jsxs as K}from"react/jsx-runtime";var Ae=()=>x(Xe,{name:"close"}),Q=({size:a,title:e,description:o,footer:t,dismissible:d,role:C,confirmLabel:l,cancelLabel:f,onConfirm:s,onCancel:P,children:m,passThrough:g})=>{let p=C==="alertdialog",u=p?l??"Confirm":l,i=p?f??"Cancel":f;return K(w,{children:[x(M,{}),K(X,{...g,size:a,children:[e?x(F,{children:e}):null,o?x(A,{children:o}):null,m,t,i?x(L,{onClick:P,children:i}):null,u?x(H,{onClick:s,children:u}):null,d&&!p?x(I,{"aria-label":"Close",children:x(Ae,{})}):null]})]})};import{jsx as k}from"react/jsx-runtime";var[ze,r]=Me("Dialog");function W({children:a,family:e,open:o,defaultOpen:t=!1,onOpenChange:d,onOpenChangeComplete:C,modal:l,dismiss:f,role:s="dialog",status:P,placement:m="end"}){let g=y.useRef(null),p=y.useRef(null),[u,i]=y.useState(!1),[D,c]=y.useState(!1),[h=!1,v]=we({prop:o,defaultProp:t,onChange:d});return Fe(h,p,C),k(ze,{family:e,triggerRef:g,contentRef:p,contentId:y.useId(),titleId:y.useId(),descriptionId:y.useId(),hasTitle:u,setHasTitle:i,hasDescription:D,setHasDescription:c,open:h,onOpenChange:v,modal:l,dismiss:f,role:s,status:P,placement:m,children:a})}W.displayName="DialogStateProvider";var Be={any:"escape",escape:"escape",outside:"none",none:"none"};function Y({children:a,open:e,defaultOpen:o,onOpenChange:t,onOpenChangeComplete:d,modal:C=!0,dismiss:l="any",dismissible:f=!0,role:s="dialog",status:P}){let m=s==="alertdialog",g=m?Be[l]:l;return f||(g="none"),k(W,{family:"dialog",open:e,defaultOpen:o,onOpenChange:t,onOpenChangeComplete:d,modal:m||C,dismiss:g,role:s,status:P,children:a})}Y.displayName="DialogRoot";function Ve({children:a,open:e,defaultOpen:o,onOpenChange:t,onOpenChangeComplete:d,modal:C,dismiss:l,title:f,description:s,footer:P,dismissible:m=!0,size:g,role:p="dialog",status:u,confirmLabel:i,cancelLabel:D,onConfirm:c,onCancel:h,...v}){let E=U(u,v,"data-status");return k(Y,{open:e,defaultOpen:o,onOpenChange:t,onOpenChangeComplete:d,modal:C,dismiss:l,dismissible:m,role:p,status:E,children:k(Q,{size:U(g,v,"data-size"),title:f,description:s,footer:P,dismissible:m,role:p,confirmLabel:i,cancelLabel:D,onConfirm:c,onCancel:h,passThrough:v,children:a})})}Ve.displayName="Dialog";import{useComposedRefs as Ge}from"../utils/composeRefs.js";import{skdxPart as _e}from"../utils/part.js";import{composeEventHandlers as qe,Primitive as Ke}from"../utils/primitive.js";import{jsx as Ue}from"react/jsx-runtime";function Qe({ref:a,...e}){let o=r("DialogTrigger"),t=Ge(a,o.triggerRef);return Ue(Ke.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":o.open?"open":"closed",...e,..._e(o.family,"trigger",e.className),ref:t,onClick:qe(e.onClick,()=>o.onOpenChange(!0))})}Qe.displayName="DialogTrigger";export{Ve as Dialog,H as DialogAction,L as DialogCancel,I as DialogClose,X as DialogContent,A as DialogDescription,M as DialogOverlay,w as DialogPortal,ze as DialogProvider,Y as DialogRoot,W as DialogStateProvider,F as DialogTitle,Qe as DialogTrigger,He as OverlayPortal,r as useDialogContext};
+import*as C from"react";import{createSafeContext as Ve}from"../utils/createContext.js";import{recipeAxis as Z}from"../utils/recipeAxis.js";import{useControllableState as Ke}from"../utils/useControllableState.js";import{useOpenChangeComplete as Ge}from"../utils/useOpenChangeComplete.js";import{Glyph as ze}from"../utils/Glyph.js";import{appearanceAttrs as re}from"../utils/appearance.js";import{skdxPart as se}from"../utils/part.js";import{composeEventHandlers as pe,Primitive as me}from"../utils/primitive.js";import{jsx as ce}from"react/jsx-runtime";function L({ref:e,...o}){let t=l("DialogAction"),{disabled:a=!1}=o;return ce(me.button,{type:"button",...o,...re({status:t.status},o),...se("dialog","action",o.className),ref:e,disabled:a,"data-disabled":a?"":void 0,onClick:pe(o.onClick,()=>t.onOpenChange(!1))})}L.displayName="DialogAction";import{skdxPart as de}from"../utils/part.js";import{composeEventHandlers as fe,Primitive as ge}from"../utils/primitive.js";import{jsx as ue}from"react/jsx-runtime";function I({ref:e,...o}){let t=l("DialogCancel"),{disabled:a=!1}=o;return ue(ge.button,{type:"button","data-skdx-dialog-cancel":"",...o,...de("dialog","cancel",o.className),ref:e,disabled:a,"data-disabled":a?"":void 0,onClick:fe(o.onClick,()=>t.onOpenChange(!1))})}I.displayName="DialogCancel";import{skdxPart as De}from"../utils/part.js";import{composeEventHandlers as ye,Primitive as Ce}from"../utils/primitive.js";import{jsx as Pe}from"react/jsx-runtime";function J({ref:e,...o}){let t=l("DialogClose");return Pe(Ce.button,{type:"button",...o,...De(t.family,"close",o.className),ref:e,onClick:ye(o.onClick,()=>t.onOpenChange(!1))})}J.displayName="DialogClose";import*as T from"react";import{appearanceAttrs as Re}from"../utils/appearance.js";import{useComposedRefs as xe}from"../utils/composeRefs.js";import{autoFocusEvent as G,backdropPointerDown as he,focusOnOpen as _}from"../utils/dismissal.js";import{applyFinalFocus as ve,applyOpenAutoFocus as Ee}from"../utils/focus-targets.js";import{skdxPart as be}from"../utils/part.js";import{composeEventHandlers as X}from"../utils/primitive.js";import{useBodyScrollLock as Se}from"../utils/useBodyScrollLock.js";import{useCallbackRef as O}from"../utils/useCallbackRef.js";import{useDismiss as Oe}from"../utils/useDismiss.js";import{jsx as Te}from"react/jsx-runtime";function A({ref:e,initialFocus:o,finalFocus:t,onEscapeKeyDown:a,onPointerDownOutside:r,onFocusOutside:p,onInteractOutside:s,onOpenAutoFocus:g,onCloseAutoFocus:m,onCancel:P,onClose:c,onPointerDown:u,size:d,...D}){let i=l("DialogContent"),{open:y,modal:f,onOpenChange:v,contentRef:h}=i,E=h,te=xe(e,E),ae=i.dismiss==="any"||i.dismiss==="escape",H=i.dismiss==="any"||i.dismiss==="outside";Se(y&&f);let b=T.useRef(!1),S=O(()=>{b.current=!G("close-auto-focus",m),E.current?.close?.()}),K=O(()=>{let n=E.current;if(n)if(y&&!n.open){let R=document.activeElement;f?_(()=>n.showModal?.()):_(()=>n.show?.()),Ee(n,o,"Dialog",g,R)}else!y&&n.open&&S()});T.useEffect(()=>{K()},[y,f,K]),Oe({enabled:y,onInteractOutside:s,onPointerDownOutside:n=>{r?.(n),!n.defaultPrevented&&f&&H&&S()},onFocusOutside:n=>{p?.(n),!n.defaultPrevented&&f&&H&&S()}},[E,i.triggerRef]);let ie=O(n=>{let R=n.nativeEvent;if(a?.(R),!ae){n.preventDefault();return}R.defaultPrevented||(b.current=!G("close-auto-focus",m))}),ne=O(()=>{b.current?(b.current=!1,document.activeElement?.blur?.()):ve(t,"Dialog"),v(!1)});function le(n){let R=he(n.nativeEvent,n.currentTarget);R&&(s?.(R),r?.(R),!R.defaultPrevented&&f&&H&&S())}return Te("dialog",{role:i.role,"aria-modal":f||void 0,"aria-labelledby":i.hasTitle?i.titleId:void 0,"aria-describedby":i.hasDescription?i.descriptionId:void 0,id:i.contentId,"data-state":y?"open":"closed","data-dismiss":i.dismiss,...D,...Re({size:d,status:i.status},D),...be("dialog","content",D.className),ref:te,onCancel:X(P,ie),onClose:X(c,ne),onPointerDown:X(u,le)})}A.displayName="DialogContent";import*as q from"react";import{skdxPart as ke}from"../utils/part.js";import{Primitive as Ne}from"../utils/primitive.js";import{jsx as He}from"react/jsx-runtime";function M({ref:e,...o}){let t=l("DialogDescription"),{setHasDescription:a}=t;return q.useEffect(()=>(a(!0),()=>a(!1)),[a]),He(Ne.p,{id:t.descriptionId,...o,...ke(t.family,"description",o.className),ref:e})}M.displayName="DialogDescription";import{skdxPart as Le}from"../utils/part.js";import{Primitive as Ie}from"../utils/primitive.js";import{jsx as Je}from"react/jsx-runtime";function w({ref:e,forceMount:o,...t}){let a=l("DialogOverlay");return o||a.open?Je(Ie.div,{"data-state":a.open?"open":"closed",...t,...Le(a.family,"overlay",t.className),ref:e,style:{pointerEvents:a.modal&&a.open?"auto":"none",...t.style}}):null}w.displayName="DialogOverlay";import{Portal as Xe}from"../utils/portal.js";import{jsx as Q}from"react/jsx-runtime";var Ae=({forceMount:e,children:o,...t})=>{let a=l("Portal");return a.family==="dialog"||e||a.open?Q(Xe,{...t,children:o}):null},F=({children:e,...o})=>Q(Ae,{...o,children:e});F.displayName="DialogPortal";import*as U from"react";import{skdxPart as Me}from"../utils/part.js";import{Primitive as we}from"../utils/primitive.js";import{jsx as Fe}from"react/jsx-runtime";function z({ref:e,...o}){let t=l("DialogTitle"),{setHasTitle:a}=t;return U.useEffect(()=>(a(!0),()=>a(!1)),[a]),Fe(we.h2,{id:t.titleId,...o,...Me(t.family,"title",o.className),ref:e})}z.displayName="DialogTitle";import{jsx as x,jsxs as W}from"react/jsx-runtime";var Be=()=>x(ze,{name:"close"}),Y=({size:e,title:o,description:t,footer:a,dismissible:r,role:p,confirmLabel:s,cancelLabel:g,onConfirm:m,onCancel:P,children:c,passThrough:u})=>{let d=p==="alertdialog",D=d?s??"Confirm":s,i=d?g??"Cancel":g;return W(F,{children:[x(w,{}),W(A,{...u,size:e,children:[o?x(z,{children:o}):null,t?x(M,{children:t}):null,c,a,i?x(I,{onClick:P,children:i}):null,D?x(L,{onClick:m,children:D}):null,r&&!d?x(J,{"aria-label":"Close",children:x(Be,{})}):null]})]})};import{jsx as k}from"react/jsx-runtime";var[_e,l]=Ve("Dialog");function $({children:e,family:o,open:t,defaultOpen:a=!1,onOpenChange:r,onOpenChangeComplete:p,modal:s,dismiss:g,role:m="dialog",status:P,placement:c="end"}){let u=C.useRef(null),d=C.useRef(null),[D,i]=C.useState(!1),[y,f]=C.useState(!1),[v=!1,h]=Ke({prop:t,defaultProp:a,onChange:r});return Ge(v,d,p),k(_e,{family:o,triggerRef:u,contentRef:d,contentId:C.useId(),titleId:C.useId(),descriptionId:C.useId(),hasTitle:D,setHasTitle:i,hasDescription:y,setHasDescription:f,open:v,onOpenChange:h,modal:s,dismiss:g,role:m,status:P,placement:c,children:e})}$.displayName="DialogStateProvider";var qe={any:"escape",escape:"escape",outside:"none",none:"none"};function j({children:e,open:o,defaultOpen:t,onOpenChange:a,onOpenChangeComplete:r,modal:p=!0,dismiss:s="any",dismissible:g=!0,role:m="dialog",status:P}){let c=m==="alertdialog",u=c?qe[s]:s;return g||(u="none"),k($,{family:"dialog",open:o,defaultOpen:t,onOpenChange:a,onOpenChangeComplete:r,modal:c||p,dismiss:u,role:m,status:P,children:e})}j.displayName="DialogRoot";function B({children:e,open:o,defaultOpen:t,onOpenChange:a,onOpenChangeComplete:r,modal:p,dismiss:s,title:g,description:m,footer:P,dismissible:c=!0,size:u,role:d="dialog",status:D,confirmLabel:i,cancelLabel:y,onConfirm:f,onCancel:v,...h}){let E=Z(D,h,"data-status");return k(j,{open:o,defaultOpen:t,onOpenChange:a,onOpenChangeComplete:r,modal:p,dismiss:s,dismissible:c,role:d,status:E,children:k(Y,{size:Z(u,h,"data-size"),title:g,description:m,footer:P,dismissible:c,role:d,confirmLabel:i,cancelLabel:y,onConfirm:f,onCancel:v,passThrough:h,children:e})})}B.displayName="Dialog";import*as N from"react";import{Label as Qe}from"../label/Label.js";import{TextField as Ue}from"../text-field/TextField.js";import{dialogsCancelResult as We,dialogsConfirmResult as Ye}from"../utils/dialogs.js";import{createDialogs as $e}from"../utils/dialogs.js";import{jsx as V,jsxs as je}from"react/jsx-runtime";function ee(e){return N.useSyncExternalStore(e.subscribe,e.getCurrent,e.getCurrent)}function Ze({entry:e,dialogs:o}){let[t,a]=N.useState(e.defaultValue??""),r=()=>o.settle(e.id,We(e));return V(B,{open:!0,role:e.kind==="confirm"?"alertdialog":"dialog",title:e.title,description:e.description,status:e.status,confirmLabel:e.confirmLabel,cancelLabel:e.cancelLabel,"data-kind":e.kind,onConfirm:()=>o.settle(e.id,Ye(e,t)),onCancel:r,onOpenChange:p=>{p||r()},children:e.kind==="prompt"?je(Qe,{style:{display:"grid",gap:"0.5rem"},children:[e.label??"Value",V(Ue,{value:t,onValueChange:a,placeholder:e.placeholder})]}):null})}function oe({dialogs:e}){let o=ee(e);return o?V(Ze,{entry:o,dialogs:e},o.id):null}oe.displayName="Dialogs";import{useComposedRefs as eo}from"../utils/composeRefs.js";import{skdxPart as oo}from"../utils/part.js";import{composeEventHandlers as to,Primitive as ao}from"../utils/primitive.js";import{jsx as no}from"react/jsx-runtime";function io({ref:e,...o}){let t=l("DialogTrigger"),a=eo(e,t.triggerRef);return no(ao.button,{type:"button","aria-haspopup":"dialog","aria-expanded":t.open,"aria-controls":t.contentId,"data-state":t.open?"open":"closed",...o,...oo(t.family,"trigger",o.className),ref:a,onClick:to(o.onClick,()=>t.onOpenChange(!0))})}io.displayName="DialogTrigger";export{B as Dialog,L as DialogAction,I as DialogCancel,J as DialogClose,A as DialogContent,M as DialogDescription,w as DialogOverlay,F as DialogPortal,_e as DialogProvider,j as DialogRoot,$ as DialogStateProvider,z as DialogTitle,io as DialogTrigger,oe as Dialogs,Ae as OverlayPortal,$e as createDialogs,l as useDialogContext,ee as useDialogs};

package/dist/dialog/Dialogs.d.cts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { type DialogsEntry, type DialogsStore } from '../utils/dialogs.cjs';
+import type { DialogsProps } from './types.cjs';
+export { createDialogs } from '../utils/dialogs.cjs';
+export type { DialogsEntry, DialogsKind, DialogsOptions, DialogsPromptOptions, DialogsResult, DialogsStore, } from '../utils/dialogs.cjs';
+/** The entry the store is currently showing, re-rendering as the queue moves. */
+export declare function useDialogs(dialogs: DialogsStore): DialogsEntry | null;
+/**
+ * Renders whatever the store is showing: an alert, a confirm or a prompt at a
+ * time, each a {@link Dialog} keyed on its entry so a new question starts from
+ * a clean panel. Mount it once, near the app root.
+ *
+ * @example
+ * ```tsx
+ * const dialogs = createDialogs();
+ * <Dialogs dialogs={dialogs} />
+ * // anywhere:
+ * if (await dialogs.confirm('Delete the project?')) remove();
+ * ```
+ */
+export declare function Dialogs({ dialogs }: DialogsProps): React.ReactNode;
+export declare namespace Dialogs {
+    var displayName: string;
+}

package/dist/dialog/Dialogs.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { type DialogsEntry, type DialogsStore } from '../utils/dialogs.js';
+import type { DialogsProps } from './types.js';
+export { createDialogs } from '../utils/dialogs.js';
+export type { DialogsEntry, DialogsKind, DialogsOptions, DialogsPromptOptions, DialogsResult, DialogsStore, } from '../utils/dialogs.js';
+/** The entry the store is currently showing, re-rendering as the queue moves. */
+export declare function useDialogs(dialogs: DialogsStore): DialogsEntry | null;
+/**
+ * Renders whatever the store is showing: an alert, a confirm or a prompt at a
+ * time, each a {@link Dialog} keyed on its entry so a new question starts from
+ * a clean panel. Mount it once, near the app root.
+ *
+ * @example
+ * ```tsx
+ * const dialogs = createDialogs();
+ * <Dialogs dialogs={dialogs} />
+ * // anywhere:
+ * if (await dialogs.confirm('Delete the project?')) remove();
+ * ```
+ */
+export declare function Dialogs({ dialogs }: DialogsProps): React.ReactNode;
+export declare namespace Dialogs {
+    var displayName: string;
+}

package/dist/dialog/index.d.cts

@@ -1,2 +1,3 @@
 export * from './Dialog.cjs';
-export type { DialogDismiss, DialogProps, DialogRole } from './types.cjs';
+export type { DialogDismiss, DialogProps, DialogRole, DialogsProps } from './types.cjs';
+export { Dialogs, useDialogs, createDialogs, type DialogsStore, type DialogsEntry, type DialogsKind, type DialogsOptions, type DialogsPromptOptions, type DialogsResult, } from './Dialogs.cjs';

package/dist/dialog/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Dialog.js';
-export type { DialogDismiss, DialogProps, DialogRole } from './types.js';
+export type { DialogDismiss, DialogProps, DialogRole, DialogsProps } from './types.js';
+export { Dialogs, useDialogs, createDialogs, type DialogsStore, type DialogsEntry, type DialogsKind, type DialogsOptions, type DialogsPromptOptions, type DialogsResult, } from './Dialogs.js';

package/dist/dialog/types.d.cts

@@ -1,5 +1,6 @@
 import type * as React from 'react';
 import type { DrawerPlacement } from '../drawer/types.cjs';
+import type { DialogsStore } from '../utils/dialogs.cjs';
 import type { AutoFocusEvent } from '../utils/dismissal.cjs';
 import type { PassThroughProps } from '../utils/passThrough.cjs';
 import type { PortalProps } from '../utils/portal.cjs';
@@ -228,3 +229,8 @@ export interface DialogCancelProps extends PrimitivePropsWithRef<'button'> {
      */
     disabled?: boolean | undefined;
 }
+/** Props for the `Dialogs` host that renders the imperative alert / confirm / prompt queue. */
+export interface DialogsProps {
+    /** The queue to render, from `createDialogs`. */
+    dialogs: DialogsStore;
+}

package/dist/dialog/types.d.ts

@@ -1,5 +1,6 @@
 import type * as React from 'react';
 import type { DrawerPlacement } from '../drawer/types.js';
+import type { DialogsStore } from '../utils/dialogs.js';
 import type { AutoFocusEvent } from '../utils/dismissal.js';
 import type { PassThroughProps } from '../utils/passThrough.js';
 import type { PortalProps } from '../utils/portal.js';
@@ -228,3 +229,8 @@ export interface DialogCancelProps extends PrimitivePropsWithRef<'button'> {
      */
     disabled?: boolean | undefined;
 }
+/** Props for the `Dialogs` host that renders the imperative alert / confirm / prompt queue. */
+export interface DialogsProps {
+    /** The queue to render, from `createDialogs`. */
+    dialogs: DialogsStore;
+}

package/dist/fab/Fab.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var e=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var F=(o,r)=>{for(var t in r)e(o,t,{get:r[t],enumerable:!0})},s=(o,r,t,m)=>{if(r&&typeof r=="object"||typeof r=="function")for(let p of b(r))!f.call(o,p)&&p!==t&&e(o,p,{get:()=>r[p],enumerable:!(m=n(r,p))||m.enumerable});return o};var l=o=>s(e({},"__esModule",{value:!0}),o);var u={};F(u,{Fab:()=>a});module.exports=l(u);var y=require("../button/Button.cjs"),i=require("react/jsx-runtime");function a({iconOnly:o=!0,variant:r="primary",...t}){return(0,i.jsx)(y.Button,{iconOnly:o,variant:r,...t})}a.displayName="Fab";0&&(module.exports={Fab});

package/dist/fab/Fab.d.cts

@@ -0,0 +1,9 @@
+import type { JSX } from 'react';
+import type { FabProps } from './types.cjs';
+/**
+ * Fab alias of {@link Button}: the same component with `iconOnly=true` and `variant='primary'` as defaults. Every Button prop applies; reach for Button itself for full control.
+ */
+export declare function Fab({ iconOnly, variant, ...rest }: FabProps): JSX.Element;
+export declare namespace Fab {
+    var displayName: string;
+}

package/dist/fab/Fab.d.ts

@@ -0,0 +1,9 @@
+import type { JSX } from 'react';
+import type { FabProps } from './types.js';
+/**
+ * Fab alias of {@link Button}: the same component with `iconOnly=true` and `variant='primary'` as defaults. Every Button prop applies; reach for Button itself for full control.
+ */
+export declare function Fab({ iconOnly, variant, ...rest }: FabProps): JSX.Element;
+export declare namespace Fab {
+    var displayName: string;
+}

package/dist/fab/Fab.js

@@ -0,0 +1,2 @@
+'use client';
+import{Button as e}from"../button/Button.js";import{jsx as a}from"react/jsx-runtime";function r({iconOnly:o=!0,variant:t="primary",...p}){return a(e,{iconOnly:o,variant:t,...p})}r.displayName="Fab";export{r as Fab};

package/dist/fab/index.d.cts

@@ -0,0 +1,2 @@
+export { Fab } from './Fab.cjs';
+export type { FabProps } from './types.cjs';

package/dist/fab/index.d.ts

@@ -0,0 +1,2 @@
+export { Fab } from './Fab.js';
+export type { FabProps } from './types.js';

package/dist/fab/types.d.cts

@@ -0,0 +1,3 @@
+import type { ButtonProps } from '../button/types.cjs';
+/** Props for {@link Fab}: every Button prop, with `iconOnly` defaulting to `true` and `variant` defaulting to `'primary'`. */
+export type FabProps = ButtonProps;

package/dist/fab/types.d.ts

@@ -0,0 +1,3 @@
+import type { ButtonProps } from '../button/types.js';
+/** Props for {@link Fab}: every Button prop, with `iconOnly` defaulting to `true` and `variant` defaulting to `'primary'`. */
+export type FabProps = ButtonProps;

package/dist/field/Field.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var Fe=Object.create;var v=Object.defineProperty;var Ce=Object.getOwnPropertyDescriptor;var Ee=Object.getOwnPropertyNames;var Te=Object.getPrototypeOf,Ie=Object.prototype.hasOwnProperty;var ye=(e,t)=>{for(var r in t)v(e,r,{get:t[r],enumerable:!0})},B=(e,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Ee(t))!Ie.call(e,n)&&n!==r&&v(e,n,{get:()=>t[n],enumerable:!(i=Ce(t,n))||i.enumerable});return e};var M=(e,t,r)=>(r=e!=null?Fe(Te(e)):{},B(t||!e||!e.__esModule?v(r,"default",{value:e,enumerable:!0}):r,e)),Ne=e=>B(v({},"__esModule",{value:!0}),e);var ve={};ye(ve,{CHARACTER_COUNT_ANNOUNCE_DELAY_MS:()=>o.CHARACTER_COUNT_ANNOUNCE_DELAY_MS,ERROR_SUMMARY_RESCAN_EVENTS:()=>o.ERROR_SUMMARY_RESCAN_EVENTS,FIELD_CHARACTER_COUNT_ATTRIBUTE:()=>o.FIELD_CHARACTER_COUNT_ATTRIBUTE,FIELD_CONTROL_ATTRIBUTE:()=>o.FIELD_CONTROL_ATTRIBUTE,FIELD_CONTROL_SELECTOR:()=>o.FIELD_CONTROL_SELECTOR,FIELD_NAME_ATTRIBUTE:()=>o.FIELD_NAME_ATTRIBUTE,FIELD_REQUIRED_INDICATOR_ATTRIBUTE:()=>o.FIELD_REQUIRED_INDICATOR_ATTRIBUTE,FIELD_VALIDITY_CHANGE_EVENT:()=>o.FIELD_VALIDITY_CHANGE_EVENT,FORM_FIELD_ATTRIBUTE:()=>o.FORM_FIELD_ATTRIBUTE,FORM_MESSAGE_ATTRIBUTE:()=>o.FORM_MESSAGE_ATTRIBUTE,Field:()=>k,FieldCharacterCount:()=>Re,FieldDescription:()=>L,FieldError:()=>b,FieldLabel:()=>D,FieldProvider:()=>U,FieldRequiredIndicator:()=>A,FieldRoot:()=>w,Fieldset:()=>q,NATIVE_INVALID_FALLBACK_MESSAGE:()=>o.NATIVE_INVALID_FALLBACK_MESSAGE,characterCountMessage:()=>o.characterCountMessage,characterCountVisible:()=>o.characterCountVisible,collectFieldErrors:()=>o.collectFieldErrors,errorSummaryScope:()=>o.errorSummaryScope,findFieldControl:()=>o.findFieldControl,focusFieldTarget:()=>o.focusFieldTarget,resetFields:()=>o.resetFields,useFieldContext:()=>m,validateFields:()=>o.validateFields});module.exports=Ne(ve);var a=M(require("react"),1),H=require("../utils/appearance.cjs"),ne=require("../utils/createContext.cjs"),ae=require("../utils/field-core.cjs"),de=require("../utils/liveAnnouncer.cjs"),S=require("../utils/part.cjs"),V=require("../utils/primitive.cjs"),le=require("../utils/useCallbackRef.cjs");var $=require("../utils/field-core.cjs"),G=require("../utils/part.cjs"),Y=require("../utils/primitive.cjs");var Q=require("react/jsx-runtime"),L=({as:e="span",ref:t,...r})=>{let i=m("FieldDescription"),n=Y.Primitive[e];return(0,Q.jsx)(n,{id:i.descriptionId,[$.FIELD_DESCRIPTION_ATTRIBUTE]:"",...r,...(0,G.skdxPart)("field","description",r.className),ref:t})};L.displayName="FieldDescription";var K=require("../utils/field-core.cjs"),W=require("../utils/part.cjs"),z=require("../utils/primitive.cjs");var J=require("react/jsx-runtime"),b=({as:e="span",children:t,ref:r,...i})=>{let n=m("FieldError");if(n.errors.length===0)return null;let d=z.Primitive[e];return(0,J.jsx)(d,{id:n.errorId,[K.FIELD_ERROR_ATTRIBUTE]:"",...i,...(0,W.skdxPart)("field","error",i.className),ref:r,children:t??n.errors.join(" ")})};b.displayName="FieldError";var g=require("../utils/part.cjs"),T=require("../utils/primitive.cjs");var O=require("react/jsx-runtime");function X(e){!e.defaultPrevented&&e.detail>1&&e.preventDefault()}var D=({ref:e,...t})=>{let r=m("FieldLabel");return r.grouped?(0,O.jsx)(T.Primitive.legend,{id:r.labelId,...t,...(0,g.skdxPart)("field","label",t.className),ref:e,onMouseDown:(0,T.composeEventHandlers)(t.onMouseDown,X)}):(0,O.jsx)(T.Primitive.label,{id:r.labelId,htmlFor:r.controlId,...t,...(0,g.skdxPart)("field","label",t.className),ref:e,onMouseDown:(0,T.composeEventHandlers)(t.onMouseDown,X)})};D.displayName="FieldLabel";var Z=require("../utils/field-core.cjs"),j=require("../utils/part.cjs"),ee=require("../utils/primitive.cjs");var te=require("react/jsx-runtime"),A=({children:e,ref:t,...r})=>m("FieldRequiredIndicator").required?(0,te.jsx)(ee.Primitive.span,{[Z.FIELD_REQUIRED_INDICATOR_ATTRIBUTE]:"",...r,...(0,j.skdxPart)("field","required-indicator",r.className),ref:t,children:e??"*"}):null;A.displayName="FieldRequiredIndicator";var p=require("react/jsx-runtime");function re({label:e,description:t,children:r}){return(0,p.jsxs)(p.Fragment,{children:[e?(0,p.jsxs)(D,{children:[e,(0,p.jsx)(A,{})]}):null,r,t?(0,p.jsx)(L,{children:t}):null,(0,p.jsx)(b,{})]})}var R=M(require("react"),1),oe=require("../utils/field-core.cjs"),he=new Set(["input","select","textarea"]),Pe=new Set(["textbox","searchbox","combobox","listbox","radiogroup","group","slider","spinbutton","checkbox","radio","switch"]);function _e(e){let t=e.props;return t["aria-hidden"]===!0||t["aria-hidden"]==="true"?!1:t[oe.FIELD_CONTROL_ATTRIBUTE]!==void 0||typeof t.role=="string"&&Pe.has(t.role)?!0:typeof e.type!="string"||!he.has(e.type)?!1:!(e.type==="input"&&t.type==="hidden")}function x(e,t,r){if(r.found||!e)return e;if(Array.isArray(e))return R.Children.map(e,n=>x(n,t,r));if(!R.isValidElement(e))return e;let i=e;return i.type===R.Fragment?R.cloneElement(i,void 0,x(i.props.children,t,r)):_e(i)?(r.found=!0,typeof i.props.id=="string"&&i.props.id!==""?(r.controlId=i.props.id,i):(r.controlId=t,R.cloneElement(i,{id:t}))):typeof i.type=="string"&&i.props.children!==void 0?R.cloneElement(i,void 0,x(i.props.children,t,r)):e}function ie(e,t){let r={controlId:void 0,found:!1};return{children:x(e,t,r),controlId:r.controlId}}var I=require("react/jsx-runtime"),[U,m]=(0,ne.createSafeContext)("Field");function ce(e,t,r,i){let n=a.useId(),d=a.useMemo(()=>({labelId:`${n}label`,descriptionId:`${n}description`,errorId:`${n}error`,controlId:`${n}control`}),[n]),s=ie(i,d.controlId),[c,C]=a.useState(()=>({controlId:"",errors:[],valid:!0,touched:!1,dirty:!1,filled:!1,count:0,validity:null})),E=(0,le.useCallbackRef)(e.onValidityChange),l=a.useMemo(()=>new ae.FieldController({...d,grouped:t,onSnapshotChange:u=>{C(u);let{controlId:_,...P}=u;E(P)},announce:de.announce}),[d,t,E]);a.useEffect(()=>{let u=r.current;if(u)return l.connect(u),C(l.state),()=>l.disconnect()},[l,r]);let N=`${c.controlId}|${c.errors.length>0}`;a.useEffect(()=>{l.setProps({validate:e.validate,mode:e.mode,errors:e.errors,value:e.value,name:e.name,required:e.required,disabled:e.disabled,getCharacterCountMessage:e.getCharacterCountMessage,invalidMessage:e.invalidMessage,validationDebounceTime:e.validationDebounceTime}),l.sync()},[l,i,N,e.validate,e.mode,e.errors,e.value,e.name,e.required,e.disabled,e.getCharacterCountMessage,e.invalidMessage,e.validationDebounceTime]);let h=a.useCallback(u=>l.setCharacterCount(u),[l]),f={checkValidity:()=>l.validate(),reset:()=>l.reset()};return{context:{...d,controlId:c.controlId||s.controlId,errors:c.errors,grouped:t,required:e.required===!0,count:c.count,setCharacterCount:h,getCharacterCountMessage:e.getCharacterCountMessage},children:s.children,handle:f}}function se(e,t,r){a.useImperativeHandle(e,()=>t.current?Object.assign(t.current,r):r)}var w=({validate:e,mode:t,errors:r,value:i,name:n,required:d,disabled:s,onValidityChange:c,getCharacterCountMessage:C,invalidMessage:E,validationDebounceTime:l,ref:N,density:h,...f})=>{let F=a.useRef(null),{context:u,children:_,handle:P}=ce({validate:e,mode:t,errors:r,value:i,name:n,required:d,disabled:s,onValidityChange:c,getCharacterCountMessage:C,invalidMessage:E,validationDebounceTime:l},!1,F,f.children);return se(N,F,P),(0,I.jsx)(U,{...u,children:(0,I.jsx)(V.Primitive.div,{...f,...(0,H.appearanceAttrs)({density:h},f),...(0,S.skdxPart)("field","root",f.className),ref:F,children:_})})};w.displayName="FieldRoot";var k=({label:e,description:t,children:r,ref:i,...n})=>(0,I.jsx)(w,{...n,ref:i,children:re({label:e,description:t,children:r})});k.displayName="Field";var q=({validate:e,mode:t,errors:r,value:i,name:n,required:d,disabled:s,onValidityChange:c,getCharacterCountMessage:C,invalidMessage:E,validationDebounceTime:l,ref:N,density:h,...f})=>{let F=a.useRef(null),{context:u,children:_,handle:P}=ce({validate:e,mode:t,errors:r,value:i,name:n,required:d,disabled:s,onValidityChange:c,getCharacterCountMessage:C,invalidMessage:E,validationDebounceTime:l},!0,F,f.children);return se(N,F,P),(0,I.jsx)(U,{...u,children:(0,I.jsx)(V.Primitive.fieldset,{...f,...(0,H.appearanceAttrs)({density:h},f),...(0,S.skdxPart)("field","root",f.className),disabled:s,ref:F,children:_})})};q.displayName="Fieldset";var o=require("../utils/field-core.cjs");var fe=M(require("react"),1),y=require("../utils/field-core.cjs"),ue=require("../utils/part.cjs"),me=require("../utils/primitive.cjs");var pe=require("react/jsx-runtime"),Re=({maxLength:e,threshold:t=0,children:r,ref:i,...n})=>{let d=m("FieldCharacterCount"),{setCharacterCount:s}=d;if(fe.useEffect(()=>(s({maxLength:e,threshold:t}),()=>s(null)),[s,e,t]),!(0,y.characterCountVisible)(d.count,e,t))return null;let c=e-d.count;return(0,pe.jsx)(me.Primitive.span,{[y.FIELD_CHARACTER_COUNT_ATTRIBUTE]:"","data-over-limit":c<0?"":void 0,...n,...(0,ue.skdxPart)("field","character-count",n.className),ref:i,children:r??(d.getCharacterCountMessage??y.characterCountMessage)(c)})};Re.displayName="FieldCharacterCount";0&&(module.exports={CHARACTER_COUNT_ANNOUNCE_DELAY_MS,ERROR_SUMMARY_RESCAN_EVENTS,FIELD_CHARACTER_COUNT_ATTRIBUTE,FIELD_CONTROL_ATTRIBUTE,FIELD_CONTROL_SELECTOR,FIELD_NAME_ATTRIBUTE,FIELD_REQUIRED_INDICATOR_ATTRIBUTE,FIELD_VALIDITY_CHANGE_EVENT,FORM_FIELD_ATTRIBUTE,FORM_MESSAGE_ATTRIBUTE,Field,FieldCharacterCount,FieldDescription,FieldError,FieldLabel,FieldProvider,FieldRequiredIndicator,FieldRoot,Fieldset,NATIVE_INVALID_FALLBACK_MESSAGE,characterCountMessage,characterCountVisible,collectFieldErrors,errorSummaryScope,findFieldControl,focusFieldTarget,resetFields,useFieldContext,validateFields});
+"use strict";var Fe=Object.create;var v=Object.defineProperty;var Ce=Object.getOwnPropertyDescriptor;var Ee=Object.getOwnPropertyNames;var Te=Object.getPrototypeOf,Ie=Object.prototype.hasOwnProperty;var ye=(e,t)=>{for(var r in t)v(e,r,{get:t[r],enumerable:!0})},$=(e,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Ee(t))!Ie.call(e,n)&&n!==r&&v(e,n,{get:()=>t[n],enumerable:!(i=Ce(t,n))||i.enumerable});return e};var g=(e,t,r)=>(r=e!=null?Fe(Te(e)):{},$(t||!e||!e.__esModule?v(r,"default",{value:e,enumerable:!0}):r,e)),Ne=e=>$(v({},"__esModule",{value:!0}),e);var ve={};ye(ve,{CHARACTER_COUNT_ANNOUNCE_DELAY_MS:()=>o.CHARACTER_COUNT_ANNOUNCE_DELAY_MS,ERROR_SUMMARY_RESCAN_EVENTS:()=>o.ERROR_SUMMARY_RESCAN_EVENTS,FIELD_CHARACTER_COUNT_ATTRIBUTE:()=>o.FIELD_CHARACTER_COUNT_ATTRIBUTE,FIELD_CONTROL_ATTRIBUTE:()=>o.FIELD_CONTROL_ATTRIBUTE,FIELD_CONTROL_SELECTOR:()=>o.FIELD_CONTROL_SELECTOR,FIELD_NAME_ATTRIBUTE:()=>o.FIELD_NAME_ATTRIBUTE,FIELD_REQUIRED_INDICATOR_ATTRIBUTE:()=>o.FIELD_REQUIRED_INDICATOR_ATTRIBUTE,FIELD_VALIDITY_CHANGE_EVENT:()=>o.FIELD_VALIDITY_CHANGE_EVENT,FORM_FIELD_ATTRIBUTE:()=>o.FORM_FIELD_ATTRIBUTE,FORM_MESSAGE_ATTRIBUTE:()=>o.FORM_MESSAGE_ATTRIBUTE,Field:()=>q,FieldCharacterCount:()=>Re,FieldDescription:()=>L,FieldError:()=>D,FieldLabel:()=>A,FieldProvider:()=>w,FieldRequiredIndicator:()=>M,FieldRoot:()=>k,Fieldset:()=>B,NATIVE_INVALID_FALLBACK_MESSAGE:()=>o.NATIVE_INVALID_FALLBACK_MESSAGE,characterCountMessage:()=>o.characterCountMessage,characterCountVisible:()=>o.characterCountVisible,collectFieldErrors:()=>o.collectFieldErrors,errorSummaryScope:()=>o.errorSummaryScope,findFieldControl:()=>o.findFieldControl,focusFieldTarget:()=>o.focusFieldTarget,resetFields:()=>o.resetFields,useFieldContext:()=>m,validateFields:()=>o.validateFields});module.exports=Ne(ve);var a=g(require("react"),1),S=require("../utils/appearance.cjs"),ne=require("../utils/createContext.cjs"),ae=require("../utils/field-core.cjs"),de=require("../utils/liveAnnouncer.cjs"),V=require("../utils/part.cjs"),U=require("../utils/primitive.cjs"),le=require("../utils/useCallbackRef.cjs");var G=require("../utils/field-core.cjs"),Y=require("../utils/part.cjs"),Q=require("../utils/primitive.cjs");var K=require("react/jsx-runtime"),L=({as:e="span",ref:t,...r})=>{let i=m("FieldDescription"),n=Q.Primitive[e];return(0,K.jsx)(n,{id:i.descriptionId,[G.FIELD_DESCRIPTION_ATTRIBUTE]:"",...r,...(0,Y.skdxPart)("field","description",r.className),ref:t})};L.displayName="FieldDescription";var b=require("../utils/field-core.cjs"),W=require("../utils/part.cjs"),z=require("../utils/primitive.cjs");var J=require("react/jsx-runtime"),D=({as:e="span",children:t,ref:r,...i})=>{let n=m("FieldError");if(n.errors.length===0)return null;let d=z.Primitive[e];return(0,J.jsx)(d,{id:n.errorId,[b.FIELD_ERROR_ATTRIBUTE]:"",...i,...(0,W.skdxPart)("field","error",i.className),ref:r,children:t??(0,b.joinFieldMessages)(n.errors)})};D.displayName="FieldError";var O=require("../utils/part.cjs"),T=require("../utils/primitive.cjs");var H=require("react/jsx-runtime");function X(e){!e.defaultPrevented&&e.detail>1&&e.preventDefault()}var A=({ref:e,...t})=>{let r=m("FieldLabel");return r.grouped?(0,H.jsx)(T.Primitive.legend,{id:r.labelId,...t,...(0,O.skdxPart)("field","label",t.className),ref:e,onMouseDown:(0,T.composeEventHandlers)(t.onMouseDown,X)}):(0,H.jsx)(T.Primitive.label,{id:r.labelId,htmlFor:r.controlId,...t,...(0,O.skdxPart)("field","label",t.className),ref:e,onMouseDown:(0,T.composeEventHandlers)(t.onMouseDown,X)})};A.displayName="FieldLabel";var Z=require("../utils/field-core.cjs"),j=require("../utils/part.cjs"),ee=require("../utils/primitive.cjs");var te=require("react/jsx-runtime"),M=({children:e,ref:t,...r})=>m("FieldRequiredIndicator").required?(0,te.jsx)(ee.Primitive.span,{[Z.FIELD_REQUIRED_INDICATOR_ATTRIBUTE]:"",...r,...(0,j.skdxPart)("field","required-indicator",r.className),ref:t,children:e??"*"}):null;M.displayName="FieldRequiredIndicator";var p=require("react/jsx-runtime");function re({label:e,description:t,children:r}){return(0,p.jsxs)(p.Fragment,{children:[e?(0,p.jsxs)(A,{children:[e,(0,p.jsx)(M,{})]}):null,r,t?(0,p.jsx)(L,{children:t}):null,(0,p.jsx)(D,{})]})}var R=g(require("react"),1),oe=require("../utils/field-core.cjs"),he=new Set(["input","select","textarea"]),Pe=new Set(["textbox","searchbox","combobox","listbox","radiogroup","group","slider","spinbutton","checkbox","radio","switch"]);function _e(e){let t=e.props;return t["aria-hidden"]===!0||t["aria-hidden"]==="true"?!1:t[oe.FIELD_CONTROL_ATTRIBUTE]!==void 0||typeof t.role=="string"&&Pe.has(t.role)?!0:typeof e.type!="string"||!he.has(e.type)?!1:!(e.type==="input"&&t.type==="hidden")}function x(e,t,r){if(r.found||!e)return e;if(Array.isArray(e))return R.Children.map(e,n=>x(n,t,r));if(!R.isValidElement(e))return e;let i=e;return i.type===R.Fragment?R.cloneElement(i,void 0,x(i.props.children,t,r)):_e(i)?(r.found=!0,typeof i.props.id=="string"&&i.props.id!==""?(r.controlId=i.props.id,i):(r.controlId=t,R.cloneElement(i,{id:t}))):typeof i.type=="string"&&i.props.children!==void 0?R.cloneElement(i,void 0,x(i.props.children,t,r)):e}function ie(e,t){let r={controlId:void 0,found:!1};return{children:x(e,t,r),controlId:r.controlId}}var I=require("react/jsx-runtime"),[w,m]=(0,ne.createSafeContext)("Field");function ce(e,t,r,i){let n=a.useId(),d=a.useMemo(()=>({labelId:`${n}label`,descriptionId:`${n}description`,errorId:`${n}error`,controlId:`${n}control`}),[n]),s=ie(i,d.controlId),[c,C]=a.useState(()=>({controlId:"",errors:[],valid:!0,touched:!1,dirty:!1,filled:!1,count:0,validity:null})),E=(0,le.useCallbackRef)(e.onValidityChange),l=a.useMemo(()=>new ae.FieldController({...d,grouped:t,onSnapshotChange:u=>{C(u);let{controlId:_,...P}=u;E(P)},announce:de.announce}),[d,t,E]);a.useEffect(()=>{let u=r.current;if(u)return l.connect(u),C(l.state),()=>l.disconnect()},[l,r]);let N=`${c.controlId}|${c.errors.length>0}`;a.useEffect(()=>{l.setProps({validate:e.validate,mode:e.mode,errors:e.errors,value:e.value,name:e.name,required:e.required,disabled:e.disabled,getCharacterCountMessage:e.getCharacterCountMessage,invalidMessage:e.invalidMessage,validationDebounceTime:e.validationDebounceTime}),l.sync()},[l,i,N,e.validate,e.mode,e.errors,e.value,e.name,e.required,e.disabled,e.getCharacterCountMessage,e.invalidMessage,e.validationDebounceTime]);let h=a.useCallback(u=>l.setCharacterCount(u),[l]),f={checkValidity:()=>l.validate(),reset:()=>l.reset()};return{context:{...d,controlId:c.controlId||s.controlId,errors:c.errors,grouped:t,required:e.required===!0,count:c.count,setCharacterCount:h,getCharacterCountMessage:e.getCharacterCountMessage},children:s.children,handle:f}}function se(e,t,r){a.useImperativeHandle(e,()=>t.current?Object.assign(t.current,r):r)}var k=({validate:e,mode:t,errors:r,value:i,name:n,required:d,disabled:s,onValidityChange:c,getCharacterCountMessage:C,invalidMessage:E,validationDebounceTime:l,ref:N,density:h,...f})=>{let F=a.useRef(null),{context:u,children:_,handle:P}=ce({validate:e,mode:t,errors:r,value:i,name:n,required:d,disabled:s,onValidityChange:c,getCharacterCountMessage:C,invalidMessage:E,validationDebounceTime:l},!1,F,f.children);return se(N,F,P),(0,I.jsx)(w,{...u,children:(0,I.jsx)(U.Primitive.div,{...f,...(0,S.appearanceAttrs)({density:h},f),...(0,V.skdxPart)("field","root",f.className),ref:F,children:_})})};k.displayName="FieldRoot";var q=({label:e,description:t,children:r,ref:i,...n})=>(0,I.jsx)(k,{...n,ref:i,children:re({label:e,description:t,children:r})});q.displayName="Field";var B=({validate:e,mode:t,errors:r,value:i,name:n,required:d,disabled:s,onValidityChange:c,getCharacterCountMessage:C,invalidMessage:E,validationDebounceTime:l,ref:N,density:h,...f})=>{let F=a.useRef(null),{context:u,children:_,handle:P}=ce({validate:e,mode:t,errors:r,value:i,name:n,required:d,disabled:s,onValidityChange:c,getCharacterCountMessage:C,invalidMessage:E,validationDebounceTime:l},!0,F,f.children);return se(N,F,P),(0,I.jsx)(w,{...u,children:(0,I.jsx)(U.Primitive.fieldset,{...f,...(0,S.appearanceAttrs)({density:h},f),...(0,V.skdxPart)("field","root",f.className),disabled:s,ref:F,children:_})})};B.displayName="Fieldset";var o=require("../utils/field-core.cjs");var fe=g(require("react"),1),y=require("../utils/field-core.cjs"),ue=require("../utils/part.cjs"),me=require("../utils/primitive.cjs");var pe=require("react/jsx-runtime"),Re=({maxLength:e,threshold:t=0,children:r,ref:i,...n})=>{let d=m("FieldCharacterCount"),{setCharacterCount:s}=d;if(fe.useEffect(()=>(s({maxLength:e,threshold:t}),()=>s(null)),[s,e,t]),!(0,y.characterCountVisible)(d.count,e,t))return null;let c=e-d.count;return(0,pe.jsx)(me.Primitive.span,{[y.FIELD_CHARACTER_COUNT_ATTRIBUTE]:"","data-over-limit":c<0?"":void 0,...n,...(0,ue.skdxPart)("field","character-count",n.className),ref:i,children:r??(d.getCharacterCountMessage??y.characterCountMessage)(c)})};Re.displayName="FieldCharacterCount";0&&(module.exports={CHARACTER_COUNT_ANNOUNCE_DELAY_MS,ERROR_SUMMARY_RESCAN_EVENTS,FIELD_CHARACTER_COUNT_ATTRIBUTE,FIELD_CONTROL_ATTRIBUTE,FIELD_CONTROL_SELECTOR,FIELD_NAME_ATTRIBUTE,FIELD_REQUIRED_INDICATOR_ATTRIBUTE,FIELD_VALIDITY_CHANGE_EVENT,FORM_FIELD_ATTRIBUTE,FORM_MESSAGE_ATTRIBUTE,Field,FieldCharacterCount,FieldDescription,FieldError,FieldLabel,FieldProvider,FieldRequiredIndicator,FieldRoot,Fieldset,NATIVE_INVALID_FALLBACK_MESSAGE,characterCountMessage,characterCountVisible,collectFieldErrors,errorSummaryScope,findFieldControl,focusFieldTarget,resetFields,useFieldContext,validateFields});

package/dist/field/Field.js

@@ -1,2 +1,2 @@
 'use client';
-import*as n from"react";import{appearanceAttrs as S}from"../utils/appearance.js";import{createSafeContext as ce}from"../utils/createContext.js";import{FieldController as se}from"../utils/field-core.js";import{announce as fe}from"../utils/liveAnnouncer.js";import{skdxPart as V}from"../utils/part.js";import{Primitive as U}from"../utils/primitive.js";import{useCallbackRef as ue}from"../utils/useCallbackRef.js";import{FIELD_DESCRIPTION_ATTRIBUTE as Q}from"../utils/field-core.js";import{skdxPart as K}from"../utils/part.js";import{Primitive as W}from"../utils/primitive.js";import{jsx as z}from"react/jsx-runtime";var h=({as:e="span",ref:t,...r})=>{let o=u("FieldDescription"),i=W[e];return z(i,{id:o.descriptionId,[Q]:"",...r,...K("field","description",r.className),ref:t})};h.displayName="FieldDescription";import{FIELD_ERROR_ATTRIBUTE as J}from"../utils/field-core.js";import{skdxPart as X}from"../utils/part.js";import{Primitive as Z}from"../utils/primitive.js";import{jsx as j}from"react/jsx-runtime";var P=({as:e="span",children:t,ref:r,...o})=>{let i=u("FieldError");if(i.errors.length===0)return null;let a=Z[e];return j(a,{id:i.errorId,[J]:"",...o,...X("field","error",o.className),ref:r,children:t??i.errors.join(" ")})};P.displayName="FieldError";import{skdxPart as b}from"../utils/part.js";import{composeEventHandlers as D,Primitive as A}from"../utils/primitive.js";import{jsx as M}from"react/jsx-runtime";function x(e){!e.defaultPrevented&&e.detail>1&&e.preventDefault()}var _=({ref:e,...t})=>{let r=u("FieldLabel");return r.grouped?M(A.legend,{id:r.labelId,...t,...b("field","label",t.className),ref:e,onMouseDown:D(t.onMouseDown,x)}):M(A.label,{id:r.labelId,htmlFor:r.controlId,...t,...b("field","label",t.className),ref:e,onMouseDown:D(t.onMouseDown,x)})};_.displayName="FieldLabel";import{FIELD_REQUIRED_INDICATOR_ATTRIBUTE as ee}from"../utils/field-core.js";import{skdxPart as te}from"../utils/part.js";import{Primitive as re}from"../utils/primitive.js";import{jsx as oe}from"react/jsx-runtime";var v=({children:e,ref:t,...r})=>u("FieldRequiredIndicator").required?oe(re.span,{[ee]:"",...r,...te("field","required-indicator",r.className),ref:t,children:e??"*"}):null;v.displayName="FieldRequiredIndicator";import{Fragment as ie,jsx as L,jsxs as g}from"react/jsx-runtime";function O({label:e,description:t,children:r}){return g(ie,{children:[e?g(_,{children:[e,L(v,{})]}):null,r,t?L(h,{children:t}):null,L(P,{})]})}import*as m from"react";import{FIELD_CONTROL_ATTRIBUTE as ne}from"../utils/field-core.js";var ae=new Set(["input","select","textarea"]),de=new Set(["textbox","searchbox","combobox","listbox","radiogroup","group","slider","spinbutton","checkbox","radio","switch"]);function le(e){let t=e.props;return t["aria-hidden"]===!0||t["aria-hidden"]==="true"?!1:t[ne]!==void 0||typeof t.role=="string"&&de.has(t.role)?!0:typeof e.type!="string"||!ae.has(e.type)?!1:!(e.type==="input"&&t.type==="hidden")}function N(e,t,r){if(r.found||!e)return e;if(Array.isArray(e))return m.Children.map(e,i=>N(i,t,r));if(!m.isValidElement(e))return e;let o=e;return o.type===m.Fragment?m.cloneElement(o,void 0,N(o.props.children,t,r)):le(o)?(r.found=!0,typeof o.props.id=="string"&&o.props.id!==""?(r.controlId=o.props.id,o):(r.controlId=t,m.cloneElement(o,{id:t}))):typeof o.type=="string"&&o.props.children!==void 0?m.cloneElement(o,void 0,N(o.props.children,t,r)):e}function H(e,t){let r={controlId:void 0,found:!1};return{children:N(e,t,r),controlId:r.controlId}}import{jsx as I}from"react/jsx-runtime";var[w,u]=ce("Field");function k(e,t,r,o){let i=n.useId(),a=n.useMemo(()=>({labelId:`${i}label`,descriptionId:`${i}description`,errorId:`${i}error`,controlId:`${i}control`}),[i]),c=H(o,a.controlId),[l,p]=n.useState(()=>({controlId:"",errors:[],valid:!0,touched:!1,dirty:!1,filled:!1,count:0,validity:null})),F=ue(e.onValidityChange),d=n.useMemo(()=>new se({...a,grouped:t,onSnapshotChange:f=>{p(f);let{controlId:y,...T}=f;F(T)},announce:fe}),[a,t,F]);n.useEffect(()=>{let f=r.current;if(f)return d.connect(f),p(d.state),()=>d.disconnect()},[d,r]);let C=`${l.controlId}|${l.errors.length>0}`;n.useEffect(()=>{d.setProps({validate:e.validate,mode:e.mode,errors:e.errors,value:e.value,name:e.name,required:e.required,disabled:e.disabled,getCharacterCountMessage:e.getCharacterCountMessage,invalidMessage:e.invalidMessage,validationDebounceTime:e.validationDebounceTime}),d.sync()},[d,o,C,e.validate,e.mode,e.errors,e.value,e.name,e.required,e.disabled,e.getCharacterCountMessage,e.invalidMessage,e.validationDebounceTime]);let E=n.useCallback(f=>d.setCharacterCount(f),[d]),s={checkValidity:()=>d.validate(),reset:()=>d.reset()};return{context:{...a,controlId:l.controlId||c.controlId,errors:l.errors,grouped:t,required:e.required===!0,count:l.count,setCharacterCount:E,getCharacterCountMessage:e.getCharacterCountMessage},children:c.children,handle:s}}function q(e,t,r){n.useImperativeHandle(e,()=>t.current?Object.assign(t.current,r):r)}var B=({validate:e,mode:t,errors:r,value:o,name:i,required:a,disabled:c,onValidityChange:l,getCharacterCountMessage:p,invalidMessage:F,validationDebounceTime:d,ref:C,density:E,...s})=>{let R=n.useRef(null),{context:f,children:y,handle:T}=k({validate:e,mode:t,errors:r,value:o,name:i,required:a,disabled:c,onValidityChange:l,getCharacterCountMessage:p,invalidMessage:F,validationDebounceTime:d},!1,R,s.children);return q(C,R,T),I(w,{...f,children:I(U.div,{...s,...S({density:E},s),...V("field","root",s.className),ref:R,children:y})})};B.displayName="FieldRoot";var $=({label:e,description:t,children:r,ref:o,...i})=>I(B,{...i,ref:o,children:O({label:e,description:t,children:r})});$.displayName="Field";var G=({validate:e,mode:t,errors:r,value:o,name:i,required:a,disabled:c,onValidityChange:l,getCharacterCountMessage:p,invalidMessage:F,validationDebounceTime:d,ref:C,density:E,...s})=>{let R=n.useRef(null),{context:f,children:y,handle:T}=k({validate:e,mode:t,errors:r,value:o,name:i,required:a,disabled:c,onValidityChange:l,getCharacterCountMessage:p,invalidMessage:F,validationDebounceTime:d},!0,R,s.children);return q(C,R,T),I(w,{...f,children:I(U.fieldset,{...s,...S({density:E},s),...V("field","root",s.className),disabled:c,ref:R,children:y})})};G.displayName="Fieldset";import{CHARACTER_COUNT_ANNOUNCE_DELAY_MS as Ct,characterCountMessage as Et,characterCountVisible as Tt,FIELD_CHARACTER_COUNT_ATTRIBUTE as It,FIELD_REQUIRED_INDICATOR_ATTRIBUTE as yt,FIELD_CONTROL_ATTRIBUTE as Nt,FIELD_CONTROL_SELECTOR as ht,FIELD_VALIDITY_CHANGE_EVENT as Pt,NATIVE_INVALID_FALLBACK_MESSAGE as _t,findFieldControl as vt,collectFieldErrors as Lt,ERROR_SUMMARY_RESCAN_EVENTS as bt,errorSummaryScope as Dt,FORM_FIELD_ATTRIBUTE as At,FORM_MESSAGE_ATTRIBUTE as xt,FIELD_NAME_ATTRIBUTE as Mt,focusFieldTarget as gt,resetFields as Ot,validateFields as Ht}from"../utils/field-core.js";import*as Y from"react";import{characterCountMessage as me,characterCountVisible as Re,FIELD_CHARACTER_COUNT_ATTRIBUTE as pe}from"../utils/field-core.js";import{skdxPart as Fe}from"../utils/part.js";import{Primitive as Ce}from"../utils/primitive.js";import{jsx as Te}from"react/jsx-runtime";var Ee=({maxLength:e,threshold:t=0,children:r,ref:o,...i})=>{let a=u("FieldCharacterCount"),{setCharacterCount:c}=a;if(Y.useEffect(()=>(c({maxLength:e,threshold:t}),()=>c(null)),[c,e,t]),!Re(a.count,e,t))return null;let l=e-a.count;return Te(Ce.span,{[pe]:"","data-over-limit":l<0?"":void 0,...i,...Fe("field","character-count",i.className),ref:o,children:r??(a.getCharacterCountMessage??me)(l)})};Ee.displayName="FieldCharacterCount";export{Ct as CHARACTER_COUNT_ANNOUNCE_DELAY_MS,bt as ERROR_SUMMARY_RESCAN_EVENTS,It as FIELD_CHARACTER_COUNT_ATTRIBUTE,Nt as FIELD_CONTROL_ATTRIBUTE,ht as FIELD_CONTROL_SELECTOR,Mt as FIELD_NAME_ATTRIBUTE,yt as FIELD_REQUIRED_INDICATOR_ATTRIBUTE,Pt as FIELD_VALIDITY_CHANGE_EVENT,At as FORM_FIELD_ATTRIBUTE,xt as FORM_MESSAGE_ATTRIBUTE,$ as Field,Ee as FieldCharacterCount,h as FieldDescription,P as FieldError,_ as FieldLabel,w as FieldProvider,v as FieldRequiredIndicator,B as FieldRoot,G as Fieldset,_t as NATIVE_INVALID_FALLBACK_MESSAGE,Et as characterCountMessage,Tt as characterCountVisible,Lt as collectFieldErrors,Dt as errorSummaryScope,vt as findFieldControl,gt as focusFieldTarget,Ot as resetFields,u as useFieldContext,Ht as validateFields};
+import*as n from"react";import{appearanceAttrs as S}from"../utils/appearance.js";import{createSafeContext as se}from"../utils/createContext.js";import{FieldController as fe}from"../utils/field-core.js";import{announce as ue}from"../utils/liveAnnouncer.js";import{skdxPart as V}from"../utils/part.js";import{Primitive as U}from"../utils/primitive.js";import{useCallbackRef as me}from"../utils/useCallbackRef.js";import{FIELD_DESCRIPTION_ATTRIBUTE as Q}from"../utils/field-core.js";import{skdxPart as K}from"../utils/part.js";import{Primitive as W}from"../utils/primitive.js";import{jsx as z}from"react/jsx-runtime";var h=({as:e="span",ref:t,...r})=>{let o=u("FieldDescription"),i=W[e];return z(i,{id:o.descriptionId,[Q]:"",...r,...K("field","description",r.className),ref:t})};h.displayName="FieldDescription";import{FIELD_ERROR_ATTRIBUTE as J,joinFieldMessages as X}from"../utils/field-core.js";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 P=({as:e="span",children:t,ref:r,...o})=>{let i=u("FieldError");if(i.errors.length===0)return null;let a=j[e];return ee(a,{id:i.errorId,[J]:"",...o,...Z("field","error",o.className),ref:r,children:t??X(i.errors)})};P.displayName="FieldError";import{skdxPart as b}from"../utils/part.js";import{composeEventHandlers as D,Primitive as A}from"../utils/primitive.js";import{jsx as x}from"react/jsx-runtime";function M(e){!e.defaultPrevented&&e.detail>1&&e.preventDefault()}var _=({ref:e,...t})=>{let r=u("FieldLabel");return r.grouped?x(A.legend,{id:r.labelId,...t,...b("field","label",t.className),ref:e,onMouseDown:D(t.onMouseDown,M)}):x(A.label,{id:r.labelId,htmlFor:r.controlId,...t,...b("field","label",t.className),ref:e,onMouseDown:D(t.onMouseDown,M)})};_.displayName="FieldLabel";import{FIELD_REQUIRED_INDICATOR_ATTRIBUTE as te}from"../utils/field-core.js";import{skdxPart as re}from"../utils/part.js";import{Primitive as oe}from"../utils/primitive.js";import{jsx as ie}from"react/jsx-runtime";var v=({children:e,ref:t,...r})=>u("FieldRequiredIndicator").required?ie(oe.span,{[te]:"",...r,...re("field","required-indicator",r.className),ref:t,children:e??"*"}):null;v.displayName="FieldRequiredIndicator";import{Fragment as ne,jsx as L,jsxs as g}from"react/jsx-runtime";function O({label:e,description:t,children:r}){return g(ne,{children:[e?g(_,{children:[e,L(v,{})]}):null,r,t?L(h,{children:t}):null,L(P,{})]})}import*as m from"react";import{FIELD_CONTROL_ATTRIBUTE as ae}from"../utils/field-core.js";var de=new Set(["input","select","textarea"]),le=new Set(["textbox","searchbox","combobox","listbox","radiogroup","group","slider","spinbutton","checkbox","radio","switch"]);function ce(e){let t=e.props;return t["aria-hidden"]===!0||t["aria-hidden"]==="true"?!1:t[ae]!==void 0||typeof t.role=="string"&&le.has(t.role)?!0:typeof e.type!="string"||!de.has(e.type)?!1:!(e.type==="input"&&t.type==="hidden")}function N(e,t,r){if(r.found||!e)return e;if(Array.isArray(e))return m.Children.map(e,i=>N(i,t,r));if(!m.isValidElement(e))return e;let o=e;return o.type===m.Fragment?m.cloneElement(o,void 0,N(o.props.children,t,r)):ce(o)?(r.found=!0,typeof o.props.id=="string"&&o.props.id!==""?(r.controlId=o.props.id,o):(r.controlId=t,m.cloneElement(o,{id:t}))):typeof o.type=="string"&&o.props.children!==void 0?m.cloneElement(o,void 0,N(o.props.children,t,r)):e}function H(e,t){let r={controlId:void 0,found:!1};return{children:N(e,t,r),controlId:r.controlId}}import{jsx as I}from"react/jsx-runtime";var[w,u]=se("Field");function k(e,t,r,o){let i=n.useId(),a=n.useMemo(()=>({labelId:`${i}label`,descriptionId:`${i}description`,errorId:`${i}error`,controlId:`${i}control`}),[i]),c=H(o,a.controlId),[l,p]=n.useState(()=>({controlId:"",errors:[],valid:!0,touched:!1,dirty:!1,filled:!1,count:0,validity:null})),F=me(e.onValidityChange),d=n.useMemo(()=>new fe({...a,grouped:t,onSnapshotChange:f=>{p(f);let{controlId:y,...T}=f;F(T)},announce:ue}),[a,t,F]);n.useEffect(()=>{let f=r.current;if(f)return d.connect(f),p(d.state),()=>d.disconnect()},[d,r]);let C=`${l.controlId}|${l.errors.length>0}`;n.useEffect(()=>{d.setProps({validate:e.validate,mode:e.mode,errors:e.errors,value:e.value,name:e.name,required:e.required,disabled:e.disabled,getCharacterCountMessage:e.getCharacterCountMessage,invalidMessage:e.invalidMessage,validationDebounceTime:e.validationDebounceTime}),d.sync()},[d,o,C,e.validate,e.mode,e.errors,e.value,e.name,e.required,e.disabled,e.getCharacterCountMessage,e.invalidMessage,e.validationDebounceTime]);let E=n.useCallback(f=>d.setCharacterCount(f),[d]),s={checkValidity:()=>d.validate(),reset:()=>d.reset()};return{context:{...a,controlId:l.controlId||c.controlId,errors:l.errors,grouped:t,required:e.required===!0,count:l.count,setCharacterCount:E,getCharacterCountMessage:e.getCharacterCountMessage},children:c.children,handle:s}}function q(e,t,r){n.useImperativeHandle(e,()=>t.current?Object.assign(t.current,r):r)}var B=({validate:e,mode:t,errors:r,value:o,name:i,required:a,disabled:c,onValidityChange:l,getCharacterCountMessage:p,invalidMessage:F,validationDebounceTime:d,ref:C,density:E,...s})=>{let R=n.useRef(null),{context:f,children:y,handle:T}=k({validate:e,mode:t,errors:r,value:o,name:i,required:a,disabled:c,onValidityChange:l,getCharacterCountMessage:p,invalidMessage:F,validationDebounceTime:d},!1,R,s.children);return q(C,R,T),I(w,{...f,children:I(U.div,{...s,...S({density:E},s),...V("field","root",s.className),ref:R,children:y})})};B.displayName="FieldRoot";var $=({label:e,description:t,children:r,ref:o,...i})=>I(B,{...i,ref:o,children:O({label:e,description:t,children:r})});$.displayName="Field";var G=({validate:e,mode:t,errors:r,value:o,name:i,required:a,disabled:c,onValidityChange:l,getCharacterCountMessage:p,invalidMessage:F,validationDebounceTime:d,ref:C,density:E,...s})=>{let R=n.useRef(null),{context:f,children:y,handle:T}=k({validate:e,mode:t,errors:r,value:o,name:i,required:a,disabled:c,onValidityChange:l,getCharacterCountMessage:p,invalidMessage:F,validationDebounceTime:d},!0,R,s.children);return q(C,R,T),I(w,{...f,children:I(U.fieldset,{...s,...S({density:E},s),...V("field","root",s.className),disabled:c,ref:R,children:y})})};G.displayName="Fieldset";import{CHARACTER_COUNT_ANNOUNCE_DELAY_MS as Et,characterCountMessage as Tt,characterCountVisible as It,FIELD_CHARACTER_COUNT_ATTRIBUTE as yt,FIELD_REQUIRED_INDICATOR_ATTRIBUTE as Nt,FIELD_CONTROL_ATTRIBUTE as ht,FIELD_CONTROL_SELECTOR as Pt,FIELD_VALIDITY_CHANGE_EVENT as _t,NATIVE_INVALID_FALLBACK_MESSAGE as vt,findFieldControl as Lt,collectFieldErrors as bt,ERROR_SUMMARY_RESCAN_EVENTS as Dt,errorSummaryScope as At,FORM_FIELD_ATTRIBUTE as Mt,FORM_MESSAGE_ATTRIBUTE as xt,FIELD_NAME_ATTRIBUTE as gt,focusFieldTarget as Ot,resetFields as Ht,validateFields as St}from"../utils/field-core.js";import*as Y from"react";import{characterCountMessage as Re,characterCountVisible as pe,FIELD_CHARACTER_COUNT_ATTRIBUTE as Fe}from"../utils/field-core.js";import{skdxPart as Ce}from"../utils/part.js";import{Primitive as Ee}from"../utils/primitive.js";import{jsx as Ie}from"react/jsx-runtime";var Te=({maxLength:e,threshold:t=0,children:r,ref:o,...i})=>{let a=u("FieldCharacterCount"),{setCharacterCount:c}=a;if(Y.useEffect(()=>(c({maxLength:e,threshold:t}),()=>c(null)),[c,e,t]),!pe(a.count,e,t))return null;let l=e-a.count;return Ie(Ee.span,{[Fe]:"","data-over-limit":l<0?"":void 0,...i,...Ce("field","character-count",i.className),ref:o,children:r??(a.getCharacterCountMessage??Re)(l)})};Te.displayName="FieldCharacterCount";export{Et as CHARACTER_COUNT_ANNOUNCE_DELAY_MS,Dt as ERROR_SUMMARY_RESCAN_EVENTS,yt as FIELD_CHARACTER_COUNT_ATTRIBUTE,ht as FIELD_CONTROL_ATTRIBUTE,Pt as FIELD_CONTROL_SELECTOR,gt as FIELD_NAME_ATTRIBUTE,Nt as FIELD_REQUIRED_INDICATOR_ATTRIBUTE,_t as FIELD_VALIDITY_CHANGE_EVENT,Mt as FORM_FIELD_ATTRIBUTE,xt as FORM_MESSAGE_ATTRIBUTE,$ as Field,Te as FieldCharacterCount,h as FieldDescription,P as FieldError,_ as FieldLabel,w as FieldProvider,v as FieldRequiredIndicator,B as FieldRoot,G as Fieldset,vt as NATIVE_INVALID_FALLBACK_MESSAGE,Tt as characterCountMessage,It as characterCountVisible,bt as collectFieldErrors,At as errorSummaryScope,Lt as findFieldControl,Ot as focusFieldTarget,Ht as resetFields,u as useFieldContext,St as validateFields};