@skdx/react 0.28.0 → 0.29.0

package/dist/drawer/types.d.cts

@@ -1,113 +1,87 @@
 import type * as React from 'react';
+import type { AutoFocusEvent } from '../utils/dismissal.cjs';
 import type { PassThroughProps } from '../utils/passThrough.cjs';
 import type { PortalProps } from '../utils/portal.cjs';
 import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
 import type { FocusOutsideEvent, InteractOutsideEvent } from '../utils/useDismiss.cjs';
-import type { AutoFocusEvent } from '../utils/useFocusTrap.cjs';
 /**
  * Viewport edge (logical: `start`/`end` mirror under `dir="rtl"`; `top`/`bottom` physical).
  */
 export type DrawerPlacement = 'start' | 'end' | 'top' | 'bottom';
 /**
- * Dismissal policy: `any` (Escape + outside), `escape`, `outside`, or `none`.
- * Events fire regardless; this only decides if un-prevented ones close the drawer.
+ * Dismissal policy — `any` (Escape + outside), `escape`, `outside`, or `none`; events fire regardless, this only decides if an un-prevented one closes the drawer.
  */
 export type DrawerDismiss = 'any' | 'escape' | 'outside' | 'none';
-/** @internal Shared state distributed from {@link Drawer} to its parts via context. Not part of the public API. */
-export interface DrawerContextValue {
-    triggerRef: React.RefObject<HTMLButtonElement | null>;
-    contentRef: React.RefObject<HTMLDivElement | null>;
-    contentId: string;
-    titleId: string;
-    descriptionId: string;
-    /** Title mounted; used to gate `aria-labelledby`. */
-    hasTitle: boolean;
-    setHasTitle: (present: boolean) => void;
-    /** Description mounted; used to gate `aria-describedby`. */
-    hasDescription: boolean;
-    setHasDescription: (present: boolean) => void;
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    placement: DrawerPlacement;
-    modal: boolean;
-    /** Dismissal policy (resolved); reflected as `data-dismiss` on Content. */
-    dismiss: DrawerDismiss;
-}
 /**
  * Props for the {@link Drawer} root. Standard attributes ({@link
  * PassThroughProps}) land on the derived `DrawerContent` panel.
  */
 export interface DrawerProps extends PassThroughProps {
     /**
-     * Trigger and portal (typically). Drawer DOM rendered via {@link DrawerPortal}.
+     * The trigger and portal, typically — the drawer's own DOM is rendered via {@link DrawerPortal}.
      * @default undefined
      */
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
     /**
      * Whether the drawer is open, for controlled usage. Pair with `onOpenChange`.
      * @default undefined — uncontrolled, tracks its own open state internally.
      */
-    open?: boolean;
+    open?: boolean | undefined;
     /**
      * Whether the drawer is initially open, for uncontrolled usage.
      * @default false
      */
-    defaultOpen?: boolean;
+    defaultOpen?: boolean | undefined;
     /**
      * Fires with the new open state whenever the drawer opens or closes, controlled or not.
      * @default undefined — no-op if omitted.
      */
-    onOpenChange?: (open: boolean) => void;
+    onOpenChange?: ((open: boolean) => void) | undefined;
     /**
-     * Fires once animation settles (after enter/exit, or immediately if none).
-     * For work that must not race the transition; use `onOpenChange` if you must not wait.
+     * Fires once the open/close animation settles, for work that must not race the transition.
      * @default undefined
      */
-    onOpenChangeComplete?: (open: boolean) => void;
+    onOpenChangeComplete?: ((open: boolean) => void) | undefined;
     /**
-     * Viewport edge (logical, mirrors under `dir="rtl"`). Surfaces as `data-placement`.
-     * Position via logical CSS (`inset-inline-start`, …).
+     * Viewport edge, logical so it mirrors under `dir="rtl"`, surfaced as `data-placement`.
      * @default 'end'
      */
-    placement?: DrawerPlacement;
+    placement?: DrawerPlacement | undefined;
     /**
-     * Trap focus, lock scroll, block page interaction. `false`: non-modal, page stays interactive,
-     * Escape/outside dismissal and overlay stack placement still apply.
+     * Whether the drawer traps focus, locks scroll, and blocks page interaction; `false` leaves the page interactive.
      * @default true
      */
-    modal?: boolean;
+    modal?: boolean | undefined;
     /**
-     * Dismissal policy: `'any'` (both), `'escape'`, `'outside'`, or `'none'`.
-     * Events still fire; handlers can answer refused attempts or veto allowed ones.
-     * Drawer dismisses on outside interaction whether modal or not; this is the only way to disable it.
-     * Reflected as `data-dismiss` on Content.
+     * Dismissal policy — `'any'`, `'escape'`, `'outside'`, or `'none'` — reflected as `data-dismiss` on Content; the drawer dismisses on outside interaction whether modal or not, and this is the only way to disable it.
      * @default 'any'
      */
-    dismiss?: DrawerDismiss;
+    dismiss?: DrawerDismiss | undefined;
     /**
-     * The derived panel's title, rendered as a `DrawerTitle`. Only read when
-     * `children` is plain body content — ignored under full manual composition.
+     * The derived panel's title, rendered as a `DrawerTitle`; only read when `children` is plain body content.
      * @default undefined — no derived title.
      */
-    title?: string;
+    title?: string | undefined;
     /**
-     * The derived panel's description, rendered as a `DrawerDescription`.
-     * Only read when `children` is plain body content.
+     * The derived panel's description, rendered as a `DrawerDescription`; only read when `children` is plain body content.
      * @default undefined — no derived description.
      */
-    description?: string;
+    description?: string | undefined;
     /**
-     * Content rendered after the body in the derived panel — typically the
-     * action buttons. Only read when `children` is plain body content.
+     * Content rendered after the body in the derived panel — typically the action buttons; only read when `children` is plain body content.
      * @default undefined — no footer.
      */
-    footer?: React.ReactNode;
+    footer?: React.ReactNode | undefined;
     /**
-     * `false` forces `dismiss="none"` and withholds close button.
-     * Finer-grained `dismiss` prop applies when `true`.
+     * Whether the derived panel can be dismissed at all — `false` forces `dismiss="none"` and withholds the close button.
      * @default true
      */
-    dismissible?: boolean;
+    dismissible?: boolean | undefined;
+    /**
+     * Panel thickness rung the skin reads, fed to the derived `DrawerContent`.
+     * @default undefined — the skin's own default thickness.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 }
 /** Props for {@link DrawerTrigger}, the button that opens the drawer. */
 export interface DrawerTriggerProps extends PrimitivePropsWithRef<'button'> {
@@ -118,7 +92,7 @@ export interface DrawerPortalProps extends PortalProps {
      * Keep portal mounted while closed (useful for exit animation libraries).
      * @default false
      */
-    forceMount?: boolean;
+    forceMount?: boolean | undefined;
 }
 /** Props for {@link DrawerOverlay}, the scrim rendered behind `DrawerContent`. */
 export interface DrawerOverlayProps extends PrimitivePropsWithRef<'div'> {
@@ -126,62 +100,60 @@ export interface DrawerOverlayProps extends PrimitivePropsWithRef<'div'> {
      * Keep overlay mounted while closed (useful for exit animation libraries).
      * @default false
      */
-    forceMount?: boolean;
+    forceMount?: boolean | undefined;
 }
 /** Props for {@link DrawerContent}, the drawer's sliding panel. */
 export interface DrawerContentProps extends PrimitivePropsWithRef<'div'> {
+    /**
+     * Panel thickness rung the skin reads, mirrored to `data-size` on the panel.
+     * @default undefined — the skin's own default thickness.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
     /**
      * Keep panel mounted while closed (useful for exit animation libraries).
      * @default false
      */
-    forceMount?: boolean;
+    forceMount?: boolean | undefined;
     /**
-     * Fires on Escape (modal or non-modal). Call `event.preventDefault()` to prevent close.
+     * Fires on Escape, modal or non-modal; call `event.preventDefault()` to prevent close.
      * @default undefined
      */
-    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
     /**
-     * Fires on pointer-down outside. Call `event.preventDefault()` to prevent close.
+     * Fires on pointer-down outside; call `event.preventDefault()` to prevent close.
      * @default undefined
      */
-    onPointerDownOutside?: (event: PointerEvent) => void;
+    onPointerDownOutside?: ((event: PointerEvent) => void) | undefined;
     /**
-     * Fires when focus moves outside (cancelable stand-in for `focusin`).
-     * Call `event.preventDefault()` to prevent close.
+     * Fires when focus moves outside, a cancelable stand-in for `focusin`; call `event.preventDefault()` to prevent close.
      * @default undefined
      */
-    onFocusOutside?: (event: FocusOutsideEvent) => void;
+    onFocusOutside?: ((event: FocusOutsideEvent) => void) | undefined;
     /**
-     * Fires for pointer-down or focus outside, before specific handlers.
-     * One `preventDefault()` vetoes either.
+     * Fires for pointer-down or focus outside, before the specific handlers; one `preventDefault()` vetoes either.
      * @default undefined
      */
-    onInteractOutside?: (event: InteractOutsideEvent) => void;
+    onInteractOutside?: ((event: InteractOutsideEvent) => void) | undefined;
     /**
-     * Fires before focus enters on open (modal only). Call `event.preventDefault()` to place focus yourself.
+     * Fires before focus enters on open, modal only; call `event.preventDefault()` to place focus yourself.
      * @default focus moves to first tabbable element.
      */
-    onOpenAutoFocus?: (event: AutoFocusEvent) => void;
+    onOpenAutoFocus?: ((event: AutoFocusEvent) => void) | undefined;
     /**
-     * Fires before focus returns on close. Call `event.preventDefault()` to suppress return.
-     * Modal: always fires, returns to pre-open focus. Non-modal: fires only if user entered and would strand focus.
+     * Fires before focus returns on close — always for modal, only when the user had moved focus inside for non-modal; call `event.preventDefault()` to suppress the return.
      * @default focus returns to pre-open focus or Trigger.
      */
-    onCloseAutoFocus?: (event: AutoFocusEvent) => void;
+    onCloseAutoFocus?: ((event: AutoFocusEvent) => void) | undefined;
     /**
-     * CSS selector (resolved inside panel) for element to focus on open.
-     * Applies only when `onOpenAutoFocus` not vetoed. Falls back to first tabbable element.
-     * Inert on non-modal drawer. Selector string, not ref (web-component compatibility).
+     * CSS selector for the element to focus on open, resolved inside the panel and applied only when `onOpenAutoFocus` isn't vetoed; falls back to the first tabbable element.
      * @default first tabbable element.
      */
-    initialFocus?: string;
+    initialFocus?: string | undefined;
     /**
-     * CSS selector (resolved at document level) for element to focus on close.
-     * Applies when `onCloseAutoFocus` not vetoed. Falls back to pre-open focus.
-     * On non-modal drawer, Escape return lands here instead of Trigger.
+     * CSS selector for the element to focus on close, resolved at document level and applied only when `onCloseAutoFocus` isn't vetoed; falls back to the pre-open focus.
      * @default pre-open focus.
      */
-    finalFocus?: string;
+    finalFocus?: string | undefined;
 }
 /** Props for {@link DrawerTitle}, the drawer's accessible name. */
 export interface DrawerTitleProps extends PrimitivePropsWithRef<'h2'> {

package/dist/drawer/types.d.ts

@@ -1,113 +1,87 @@
 import type * as React from 'react';
+import type { AutoFocusEvent } from '../utils/dismissal.js';
 import type { PassThroughProps } from '../utils/passThrough.js';
 import type { PortalProps } from '../utils/portal.js';
 import type { PrimitivePropsWithRef } from '../utils/primitive.js';
 import type { FocusOutsideEvent, InteractOutsideEvent } from '../utils/useDismiss.js';
-import type { AutoFocusEvent } from '../utils/useFocusTrap.js';
 /**
  * Viewport edge (logical: `start`/`end` mirror under `dir="rtl"`; `top`/`bottom` physical).
  */
 export type DrawerPlacement = 'start' | 'end' | 'top' | 'bottom';
 /**
- * Dismissal policy: `any` (Escape + outside), `escape`, `outside`, or `none`.
- * Events fire regardless; this only decides if un-prevented ones close the drawer.
+ * Dismissal policy — `any` (Escape + outside), `escape`, `outside`, or `none`; events fire regardless, this only decides if an un-prevented one closes the drawer.
  */
 export type DrawerDismiss = 'any' | 'escape' | 'outside' | 'none';
-/** @internal Shared state distributed from {@link Drawer} to its parts via context. Not part of the public API. */
-export interface DrawerContextValue {
-    triggerRef: React.RefObject<HTMLButtonElement | null>;
-    contentRef: React.RefObject<HTMLDivElement | null>;
-    contentId: string;
-    titleId: string;
-    descriptionId: string;
-    /** Title mounted; used to gate `aria-labelledby`. */
-    hasTitle: boolean;
-    setHasTitle: (present: boolean) => void;
-    /** Description mounted; used to gate `aria-describedby`. */
-    hasDescription: boolean;
-    setHasDescription: (present: boolean) => void;
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    placement: DrawerPlacement;
-    modal: boolean;
-    /** Dismissal policy (resolved); reflected as `data-dismiss` on Content. */
-    dismiss: DrawerDismiss;
-}
 /**
  * Props for the {@link Drawer} root. Standard attributes ({@link
  * PassThroughProps}) land on the derived `DrawerContent` panel.
  */
 export interface DrawerProps extends PassThroughProps {
     /**
-     * Trigger and portal (typically). Drawer DOM rendered via {@link DrawerPortal}.
+     * The trigger and portal, typically — the drawer's own DOM is rendered via {@link DrawerPortal}.
      * @default undefined
      */
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
     /**
      * Whether the drawer is open, for controlled usage. Pair with `onOpenChange`.
      * @default undefined — uncontrolled, tracks its own open state internally.
      */
-    open?: boolean;
+    open?: boolean | undefined;
     /**
      * Whether the drawer is initially open, for uncontrolled usage.
      * @default false
      */
-    defaultOpen?: boolean;
+    defaultOpen?: boolean | undefined;
     /**
      * Fires with the new open state whenever the drawer opens or closes, controlled or not.
      * @default undefined — no-op if omitted.
      */
-    onOpenChange?: (open: boolean) => void;
+    onOpenChange?: ((open: boolean) => void) | undefined;
     /**
-     * Fires once animation settles (after enter/exit, or immediately if none).
-     * For work that must not race the transition; use `onOpenChange` if you must not wait.
+     * Fires once the open/close animation settles, for work that must not race the transition.
      * @default undefined
      */
-    onOpenChangeComplete?: (open: boolean) => void;
+    onOpenChangeComplete?: ((open: boolean) => void) | undefined;
     /**
-     * Viewport edge (logical, mirrors under `dir="rtl"`). Surfaces as `data-placement`.
-     * Position via logical CSS (`inset-inline-start`, …).
+     * Viewport edge, logical so it mirrors under `dir="rtl"`, surfaced as `data-placement`.
      * @default 'end'
      */
-    placement?: DrawerPlacement;
+    placement?: DrawerPlacement | undefined;
     /**
-     * Trap focus, lock scroll, block page interaction. `false`: non-modal, page stays interactive,
-     * Escape/outside dismissal and overlay stack placement still apply.
+     * Whether the drawer traps focus, locks scroll, and blocks page interaction; `false` leaves the page interactive.
      * @default true
      */
-    modal?: boolean;
+    modal?: boolean | undefined;
     /**
-     * Dismissal policy: `'any'` (both), `'escape'`, `'outside'`, or `'none'`.
-     * Events still fire; handlers can answer refused attempts or veto allowed ones.
-     * Drawer dismisses on outside interaction whether modal or not; this is the only way to disable it.
-     * Reflected as `data-dismiss` on Content.
+     * Dismissal policy — `'any'`, `'escape'`, `'outside'`, or `'none'` — reflected as `data-dismiss` on Content; the drawer dismisses on outside interaction whether modal or not, and this is the only way to disable it.
      * @default 'any'
      */
-    dismiss?: DrawerDismiss;
+    dismiss?: DrawerDismiss | undefined;
     /**
-     * The derived panel's title, rendered as a `DrawerTitle`. Only read when
-     * `children` is plain body content — ignored under full manual composition.
+     * The derived panel's title, rendered as a `DrawerTitle`; only read when `children` is plain body content.
      * @default undefined — no derived title.
      */
-    title?: string;
+    title?: string | undefined;
     /**
-     * The derived panel's description, rendered as a `DrawerDescription`.
-     * Only read when `children` is plain body content.
+     * The derived panel's description, rendered as a `DrawerDescription`; only read when `children` is plain body content.
      * @default undefined — no derived description.
      */
-    description?: string;
+    description?: string | undefined;
     /**
-     * Content rendered after the body in the derived panel — typically the
-     * action buttons. Only read when `children` is plain body content.
+     * Content rendered after the body in the derived panel — typically the action buttons; only read when `children` is plain body content.
      * @default undefined — no footer.
      */
-    footer?: React.ReactNode;
+    footer?: React.ReactNode | undefined;
     /**
-     * `false` forces `dismiss="none"` and withholds close button.
-     * Finer-grained `dismiss` prop applies when `true`.
+     * Whether the derived panel can be dismissed at all — `false` forces `dismiss="none"` and withholds the close button.
      * @default true
      */
-    dismissible?: boolean;
+    dismissible?: boolean | undefined;
+    /**
+     * Panel thickness rung the skin reads, fed to the derived `DrawerContent`.
+     * @default undefined — the skin's own default thickness.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
 }
 /** Props for {@link DrawerTrigger}, the button that opens the drawer. */
 export interface DrawerTriggerProps extends PrimitivePropsWithRef<'button'> {
@@ -118,7 +92,7 @@ export interface DrawerPortalProps extends PortalProps {
      * Keep portal mounted while closed (useful for exit animation libraries).
      * @default false
      */
-    forceMount?: boolean;
+    forceMount?: boolean | undefined;
 }
 /** Props for {@link DrawerOverlay}, the scrim rendered behind `DrawerContent`. */
 export interface DrawerOverlayProps extends PrimitivePropsWithRef<'div'> {
@@ -126,62 +100,60 @@ export interface DrawerOverlayProps extends PrimitivePropsWithRef<'div'> {
      * Keep overlay mounted while closed (useful for exit animation libraries).
      * @default false
      */
-    forceMount?: boolean;
+    forceMount?: boolean | undefined;
 }
 /** Props for {@link DrawerContent}, the drawer's sliding panel. */
 export interface DrawerContentProps extends PrimitivePropsWithRef<'div'> {
+    /**
+     * Panel thickness rung the skin reads, mirrored to `data-size` on the panel.
+     * @default undefined — the skin's own default thickness.
+     */
+    size?: 'sm' | 'md' | 'lg' | (string & {}) | undefined;
     /**
      * Keep panel mounted while closed (useful for exit animation libraries).
      * @default false
      */
-    forceMount?: boolean;
+    forceMount?: boolean | undefined;
     /**
-     * Fires on Escape (modal or non-modal). Call `event.preventDefault()` to prevent close.
+     * Fires on Escape, modal or non-modal; call `event.preventDefault()` to prevent close.
      * @default undefined
      */
-    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
     /**
-     * Fires on pointer-down outside. Call `event.preventDefault()` to prevent close.
+     * Fires on pointer-down outside; call `event.preventDefault()` to prevent close.
      * @default undefined
      */
-    onPointerDownOutside?: (event: PointerEvent) => void;
+    onPointerDownOutside?: ((event: PointerEvent) => void) | undefined;
     /**
-     * Fires when focus moves outside (cancelable stand-in for `focusin`).
-     * Call `event.preventDefault()` to prevent close.
+     * Fires when focus moves outside, a cancelable stand-in for `focusin`; call `event.preventDefault()` to prevent close.
      * @default undefined
      */
-    onFocusOutside?: (event: FocusOutsideEvent) => void;
+    onFocusOutside?: ((event: FocusOutsideEvent) => void) | undefined;
     /**
-     * Fires for pointer-down or focus outside, before specific handlers.
-     * One `preventDefault()` vetoes either.
+     * Fires for pointer-down or focus outside, before the specific handlers; one `preventDefault()` vetoes either.
      * @default undefined
      */
-    onInteractOutside?: (event: InteractOutsideEvent) => void;
+    onInteractOutside?: ((event: InteractOutsideEvent) => void) | undefined;
     /**
-     * Fires before focus enters on open (modal only). Call `event.preventDefault()` to place focus yourself.
+     * Fires before focus enters on open, modal only; call `event.preventDefault()` to place focus yourself.
      * @default focus moves to first tabbable element.
      */
-    onOpenAutoFocus?: (event: AutoFocusEvent) => void;
+    onOpenAutoFocus?: ((event: AutoFocusEvent) => void) | undefined;
     /**
-     * Fires before focus returns on close. Call `event.preventDefault()` to suppress return.
-     * Modal: always fires, returns to pre-open focus. Non-modal: fires only if user entered and would strand focus.
+     * Fires before focus returns on close — always for modal, only when the user had moved focus inside for non-modal; call `event.preventDefault()` to suppress the return.
      * @default focus returns to pre-open focus or Trigger.
      */
-    onCloseAutoFocus?: (event: AutoFocusEvent) => void;
+    onCloseAutoFocus?: ((event: AutoFocusEvent) => void) | undefined;
     /**
-     * CSS selector (resolved inside panel) for element to focus on open.
-     * Applies only when `onOpenAutoFocus` not vetoed. Falls back to first tabbable element.
-     * Inert on non-modal drawer. Selector string, not ref (web-component compatibility).
+     * CSS selector for the element to focus on open, resolved inside the panel and applied only when `onOpenAutoFocus` isn't vetoed; falls back to the first tabbable element.
      * @default first tabbable element.
      */
-    initialFocus?: string;
+    initialFocus?: string | undefined;
     /**
-     * CSS selector (resolved at document level) for element to focus on close.
-     * Applies when `onCloseAutoFocus` not vetoed. Falls back to pre-open focus.
-     * On non-modal drawer, Escape return lands here instead of Trigger.
+     * CSS selector for the element to focus on close, resolved at document level and applied only when `onCloseAutoFocus` isn't vetoed; falls back to the pre-open focus.
      * @default pre-open focus.
      */
-    finalFocus?: string;
+    finalFocus?: string | undefined;
 }
 /** Props for {@link DrawerTitle}, the drawer's accessible name. */
 export interface DrawerTitleProps extends PrimitivePropsWithRef<'h2'> {

package/dist/editable/Editable.cjs

@@ -1 +1,2 @@
-"use strict";var Ye=Object.create;var S=Object.defineProperty;var Ze=Object.getOwnPropertyDescriptor;var _e=Object.getOwnPropertyNames;var je=Object.getPrototypeOf,et=Object.prototype.hasOwnProperty;var tt=(t,a)=>{for(var e in a)S(t,e,{get:a[e],enumerable:!0})},oe=(t,a,e,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of _e(a))!et.call(t,n)&&n!==e&&S(t,n,{get:()=>a[n],enumerable:!(i=Ze(a,n))||i.enumerable});return t};var p=(t,a,e)=>(e=t!=null?Ye(je(t)):{},oe(a||!t||!t.__esModule?S(e,"default",{value:t,enumerable:!0}):e,t)),it=t=>oe(S({},"__esModule",{value:!0}),t);var rt={};tt(rt,{Editable:()=>J,EditableCancelTrigger:()=>N,EditableEditTrigger:()=>qe,EditableInput:()=>B,EditableLabel:()=>De,EditablePreview:()=>q,EditableProvider:()=>ke,EditableSubmitTrigger:()=>V,EditableTextarea:()=>A,useEditableContext:()=>d});module.exports=it(rt);var o=p(require("react"),1),Te=require("../utils/createContext.cjs"),Ce=require("../utils/hiddenInput.cjs"),Me=require("../utils/part.cjs"),Le=require("../utils/primitive.cjs"),G=require("../utils/useControllableState.cjs");var le=p(require("react"),1),de=require("../utils/part.cjs"),L=require("../utils/primitive.cjs");var se=require("react/jsx-runtime"),N=le.forwardRef((t,a)=>{let e=d("EditableCancelTrigger");return e.editing?(0,se.jsx)(L.Primitive.button,{type:"button","data-state":"editing",disabled:e.disabled,...t,...(0,de.skdxPart)("editable","cancel-trigger",t.className),ref:a,onMouseDown:(0,L.composeEventHandlers)(t.onMouseDown,i=>{i.preventDefault()}),onClick:(0,L.composeEventHandlers)(t.onClick,()=>e.cancel())}):null});N.displayName="EditableCancelTrigger";var ue=p(require("react"),1),fe=require("../utils/composeRefs.cjs"),me=require("../utils/part.cjs"),R=require("../utils/primitive.cjs");var ce=require("react/jsx-runtime"),B=ue.forwardRef((t,a)=>{let e=d("EditableInput"),i=(0,fe.useComposedRefs)(a,e.inputRef);return e.editing?(0,ce.jsx)(R.Primitive.input,{type:"text",id:e.editorId,value:e.value,placeholder:e.editPlaceholder,disabled:e.disabled,readOnly:e.readOnly,required:e.required,"aria-required":e.required||void 0,"aria-invalid":e.invalid||void 0,maxLength:e.maxLength,"data-state":"editing","data-empty":e.value===""?"":void 0,"data-invalid":e.invalid?"":void 0,...t,...(0,me.skdxPart)("editable","input",t.className),ref:i,onChange:(0,R.composeEventHandlers)(t.onChange,n=>{e.setValue(n.target.value)}),onKeyDown:(0,R.composeEventHandlers)(t.onKeyDown,n=>{if(n.key==="Escape"){n.preventDefault(),e.cancel();return}n.key==="Enter"&&(e.submitMode==="enter"||e.submitMode==="both")&&(n.preventDefault(),e.submit())}),onBlur:(0,R.composeEventHandlers)(t.onBlur,()=>{(e.submitMode==="blur"||e.submitMode==="both")&&e.submit()})}):null});B.displayName="EditableInput";var be=p(require("react"),1),pe=require("../utils/composeRefs.cjs"),ve=require("../utils/part.cjs"),y=require("../utils/primitive.cjs");var ge=require("react/jsx-runtime"),q=be.forwardRef(({children:t,...a},e)=>{let i=d("EditablePreview"),n=(0,pe.useComposedRefs)(e,i.previewRef);return i.editing?null:(0,ge.jsx)(y.Primitive.span,{role:"button",tabIndex:i.disabled?-1:0,"aria-labelledby":i.labelPresent?i.labelId:void 0,"aria-disabled":i.disabled||i.readOnly||void 0,"data-state":"preview","data-empty":i.value===""?"":void 0,"data-disabled":i.disabled?"":void 0,"data-readonly":i.readOnly?"":void 0,"data-invalid":i.invalid?"":void 0,...a,...(0,ve.skdxPart)("editable","preview",a.className),ref:n,onClick:(0,y.composeEventHandlers)(a.onClick,()=>{i.activationMode==="click"&&i.activate()}),onDoubleClick:(0,y.composeEventHandlers)(a.onDoubleClick,()=>{i.activationMode==="dblclick"&&i.activate()}),onFocus:(0,y.composeEventHandlers)(a.onFocus,()=>{i.activationMode==="focus"&&!i.returningFocusRef.current&&i.activate()}),onKeyDown:(0,y.composeEventHandlers)(a.onKeyDown,g=>{g.key!=="Enter"&&g.key!==" "||(g.preventDefault(),i.activate())}),children:t??(i.value||i.previewPlaceholder)})});q.displayName="EditablePreview";var Ee=p(require("react"),1),he=require("../utils/part.cjs"),k=require("../utils/primitive.cjs");var ye=require("react/jsx-runtime"),V=Ee.forwardRef((t,a)=>{let e=d("EditableSubmitTrigger");return e.editing?(0,ye.jsx)(k.Primitive.button,{type:"button","data-state":"editing",disabled:e.disabled,...t,...(0,he.skdxPart)("editable","submit-trigger",t.className),ref:a,onMouseDown:(0,k.composeEventHandlers)(t.onMouseDown,i=>{i.preventDefault()}),onClick:(0,k.composeEventHandlers)(t.onClick,()=>e.submit())}):null});V.displayName="EditableSubmitTrigger";var v=p(require("react"),1),xe=require("../utils/composeRefs.cjs"),Re=require("../utils/part.cjs"),w=require("../utils/primitive.cjs");var we=require("react/jsx-runtime"),A=v.forwardRef(({autoResize:t=!1,maxRows:a,minRows:e=2,style:i,...n},g)=>{let r=d("EditableTextarea"),H=v.useRef(null),F=(0,xe.useComposedRefs)(g,H,r.inputRef),E=v.useCallback(()=>{let l=H.current;if(!l||!t)return;let m=getComputedStyle(l),b=x=>parseFloat(x)||0,T=b(m.borderTopWidth)+b(m.borderBottomWidth),I=b(m.paddingTop)+b(m.paddingBottom),C=m.boxSizing==="border-box",M=b(m.lineHeight),D=x=>x*M+(C?I+T:0);l.style.height="auto";let h=l.scrollHeight+(C?T:-I);e!=null&&M>0&&(h=Math.max(h,D(e))),a!=null&&M>0&&(h=Math.min(h,D(a))),l.style.height=`${h}px`},[t,a,e]);return v.useLayoutEffect(()=>{E()},[E,r.value,r.editing]),r.editing?(0,we.jsx)(w.Primitive.textarea,{rows:t?void 0:e,id:r.editorId,value:r.value,placeholder:r.editPlaceholder,disabled:r.disabled,readOnly:r.readOnly,required:r.required,"aria-required":r.required||void 0,"aria-invalid":r.invalid||void 0,maxLength:r.maxLength,"data-state":"editing","data-empty":r.value===""?"":void 0,"data-invalid":r.invalid?"":void 0,...n,...(0,Re.skdxPart)("editable","textarea",n.className),ref:F,style:t?{overflow:"hidden",resize:"none",...i}:i,onChange:(0,w.composeEventHandlers)(n.onChange,l=>{r.setValue(l.target.value),E()}),onKeyDown:(0,w.composeEventHandlers)(n.onKeyDown,l=>{if(l.key==="Escape"){l.preventDefault(),r.cancel();return}l.key==="Enter"&&(!l.metaKey&&!l.ctrlKey||r.submitMode!=="enter"&&r.submitMode!=="both"||(l.preventDefault(),r.submit()))}),onBlur:(0,w.composeEventHandlers)(n.onBlur,()=>{(r.submitMode==="blur"||r.submitMode==="both")&&r.submit()})}):null});A.displayName="EditableTextarea";var s=require("react/jsx-runtime"),Pe=({multiline:t,ariaLabel:a,ariaLabelledBy:e,showControls:i})=>(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(q,{}),t?(0,s.jsx)(A,{"aria-label":a,"aria-labelledby":e}):(0,s.jsx)(B,{"aria-label":a,"aria-labelledby":e}),i?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(V,{children:"Save"}),(0,s.jsx)(N,{children:"Cancel"})]}):null]});var P=require("react/jsx-runtime"),[ke,d]=(0,Te.createSafeContext)("Editable");function at(t){return t===void 0?{edit:void 0,preview:void 0}:typeof t=="string"?{edit:t,preview:t}:{edit:t.edit,preview:t.preview}}var J=o.forwardRef(({value:t,defaultValue:a,onValueChange:e,onValueCommit:i,onValueRevert:n,editing:g,defaultEditing:r=!1,onEditChange:H,placeholder:F,finalFocusEl:E,disabled:l=!1,readOnly:m=!1,required:b=!1,invalid:T=!1,maxLength:I,name:C,form:M,activationMode:D="click",submitMode:h="both",selectOnFocus:x=!0,multiline:Ae=!1,showControls:Oe=!1,children:z,"aria-label":Q,"aria-labelledby":X,...Y},Ke)=>{let[u="",Z]=(0,G.useControllableState)({prop:t,defaultProp:a??"",onChange:e}),[Fe,ze]=o.useState(u),[c=!1,W]=(0,G.useControllableState)({prop:g,defaultProp:r,onChange:H}),We=o.useId(),Ue=o.useId(),[$e,Ge]=o.useState(!1),_=at(F),j=o.useRef(null),ee=o.useRef(null),U=o.useRef(!1),te=o.useRef(u),ie=o.useRef(u);o.useEffect(()=>{ie.current=u},[u]);let ae=o.useRef(E);o.useEffect(()=>{ae.current=E},[E]);let Je=()=>{l||m||c||W(!0)},re=()=>{let f=u,ne=te.current;Z(ne),W(!1),n?.({value:ne,previousValue:f})},Qe=()=>{c&&re()},Xe=()=>{if(c){if(b&&u.trim()===""){re();return}W(!1),ze(u),i?.(u)}},$=o.useRef(c);return o.useEffect(()=>{if(c){$.current||(te.current=ie.current);let f=j.current;f&&(f.focus(),x?f.select():f.setSelectionRange(f.value.length,f.value.length))}else if($.current){let f=document.activeElement;(!f||f===document.body)&&(U.current=!0,(ae.current?.()??ee.current)?.focus(),U.current=!1)}$.current=c},[c,x]),(0,P.jsxs)(ke,{value:u,editing:c,editPlaceholder:_.edit,previewPlaceholder:_.preview,editorId:We,labelId:Ue,labelPresent:$e,setLabelPresent:Ge,disabled:l,readOnly:m,required:b,invalid:T,maxLength:I,activationMode:D,submitMode:h,inputRef:j,previewRef:ee,returningFocusRef:U,setValue:Z,activate:Je,submit:Xe,cancel:Qe,children:[(0,P.jsx)(Le.Primitive.div,{"data-state":c?"editing":"preview","data-empty":u===""?"":void 0,"data-disabled":l?"":void 0,"data-readonly":m?"":void 0,"data-invalid":T?"":void 0,"aria-label":z?Q:void 0,"aria-labelledby":z?X:void 0,...Y,...(0,Me.skdxPart)("editable","root",Y.className),ref:Ke,children:z??(0,P.jsx)(Pe,{multiline:Ae,ariaLabel:Q,ariaLabelledBy:X,showControls:Oe})}),C&&(0,P.jsx)(Ce.HiddenInput,{type:"text",name:C,value:Fe,form:M})]})});J.displayName="Editable";var O=p(require("react"),1),He=require("../utils/part.cjs"),Ie=require("../utils/primitive.cjs");var Se=require("react/jsx-runtime"),De=O.forwardRef((t,a)=>{let e=d("EditableLabel"),{setLabelPresent:i}=e;return O.useEffect(()=>(i(!0),()=>i(!1)),[i]),(0,Se.jsx)(Ie.Primitive.label,{id:e.labelId,htmlFor:e.editorId,...t,...(0,He.skdxPart)("editable","label",t.className),ref:a})});De.displayName="EditableLabel";var Ne=p(require("react"),1),Be=require("../utils/part.cjs"),K=require("../utils/primitive.cjs");var Ve=require("react/jsx-runtime"),qe=Ne.forwardRef((t,a)=>{let e=d("EditableEditTrigger");return e.editing?null:(0,Ve.jsx)(K.Primitive.button,{type:"button","data-state":"preview",disabled:e.disabled||e.readOnly,"data-disabled":e.disabled?"":void 0,"data-readonly":e.readOnly?"":void 0,...t,...(0,Be.skdxPart)("editable","edit-trigger",t.className),ref:a,onClick:(0,K.composeEventHandlers)(t.onClick,()=>e.activate())})});qe.displayName="EditableEditTrigger";0&&(module.exports={Editable,EditableCancelTrigger,EditableEditTrigger,EditableInput,EditableLabel,EditablePreview,EditableProvider,EditableSubmitTrigger,EditableTextarea,useEditableContext});
+'use client';
+"use strict";var ze=Object.create;var C=Object.defineProperty;var Ge=Object.getOwnPropertyDescriptor;var Qe=Object.getOwnPropertyNames;var Ue=Object.getPrototypeOf,Ye=Object.prototype.hasOwnProperty;var Ze=(i,t)=>{for(var e in t)C(i,e,{get:t[e],enumerable:!0})},j=(i,t,e,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Qe(t))!Ye.call(i,n)&&n!==e&&C(i,n,{get:()=>t[n],enumerable:!(a=Ge(t,n))||a.enumerable});return i};var q=(i,t,e)=>(e=i!=null?ze(Ue(i)):{},j(t||!i||!i.__esModule?C(e,"default",{value:i,enumerable:!0}):e,i)),_e=i=>j(C({},"__esModule",{value:!0}),i);var it={};Ze(it,{Editable:()=>K,EditableCancelTrigger:()=>T,EditableEditTrigger:()=>Te,EditableInput:()=>k,EditableLabel:()=>Pe,EditablePreview:()=>M,EditableProvider:()=>ye,EditableSubmitTrigger:()=>N,EditableTextarea:()=>I,useEditableContext:()=>l});module.exports=_e(it);var d=q(require("react"),1),pe=require("../utils/createContext.cjs"),ve=require("../utils/hiddenInput.cjs"),Ee=require("../utils/part.cjs"),ge=require("../utils/primitive.cjs"),B=require("../utils/useControllableState.cjs");var ee=require("../utils/part.cjs"),P=require("../utils/primitive.cjs");var te=require("react/jsx-runtime"),T=({ref:i,...t})=>{let e=l("EditableCancelTrigger");return e.editing?(0,te.jsx)(P.Primitive.button,{type:"button","data-state":"editing",disabled:e.disabled,...t,...(0,ee.skdxPart)("editable","cancel-trigger",t.className),ref:i,onMouseDown:(0,P.composeEventHandlers)(t.onMouseDown,a=>{a.preventDefault()}),onClick:(0,P.composeEventHandlers)(t.onClick,()=>e.cancel())}):null};T.displayName="EditableCancelTrigger";var ie=require("../utils/composeRefs.cjs"),ae=require("../utils/part.cjs"),y=require("../utils/primitive.cjs");var re=require("react/jsx-runtime"),k=({ref:i,...t})=>{let e=l("EditableInput"),a=(0,ie.useComposedRefs)(i,e.inputRef);return e.editing?(0,re.jsx)(y.Primitive.input,{type:"text",id:e.editorId,value:e.value,placeholder:e.editPlaceholder,disabled:e.disabled,readOnly:e.readOnly,required:e.required,"aria-required":e.required||void 0,"aria-invalid":e.invalid||void 0,maxLength:e.maxLength,"data-state":"editing","data-empty":e.value===""?"":void 0,"data-invalid":e.invalid?"":void 0,...t,...(0,ae.skdxPart)("editable","input",t.className),ref:a,onChange:(0,y.composeEventHandlers)(t.onChange,n=>{e.setValue(n.target.value)}),onKeyDown:(0,y.composeEventHandlers)(t.onKeyDown,n=>{if(n.key==="Escape"){n.preventDefault(),e.cancel();return}n.key==="Enter"&&(e.submitMode==="enter"||e.submitMode==="both")&&(n.preventDefault(),e.submit())}),onBlur:(0,y.composeEventHandlers)(t.onBlur,()=>{(e.submitMode==="blur"||e.submitMode==="both")&&e.submit()})}):null};k.displayName="EditableInput";var ne=require("../utils/composeRefs.cjs"),oe=require("../utils/part.cjs"),v=require("../utils/primitive.cjs");var de=require("react/jsx-runtime"),M=({children:i,ref:t,...e})=>{let a=l("EditablePreview"),n=(0,ne.useComposedRefs)(t,a.previewRef);return a.editing?null:(0,de.jsx)(v.Primitive.span,{role:"button",tabIndex:a.disabled?-1:0,"aria-labelledby":a.labelPresent?a.labelId:void 0,"aria-disabled":a.disabled||a.readOnly||void 0,"data-state":"preview","data-empty":a.value===""?"":void 0,"data-disabled":a.disabled?"":void 0,"data-readonly":a.readOnly?"":void 0,"data-invalid":a.invalid?"":void 0,...e,...(0,oe.skdxPart)("editable","preview",e.className),ref:n,onClick:(0,v.composeEventHandlers)(e.onClick,()=>{a.activationMode==="click"&&a.activate()}),onDoubleClick:(0,v.composeEventHandlers)(e.onDoubleClick,()=>{a.activationMode==="dblclick"&&a.activate()}),onFocus:(0,v.composeEventHandlers)(e.onFocus,()=>{a.activationMode==="focus"&&!a.returningFocusRef.current&&a.activate()}),onKeyDown:(0,v.composeEventHandlers)(e.onKeyDown,s=>{s.key!=="Enter"&&s.key!==" "||(s.preventDefault(),a.activate())}),children:i??(a.value||a.previewPlaceholder)})};M.displayName="EditablePreview";var le=require("../utils/part.cjs"),w=require("../utils/primitive.cjs");var se=require("react/jsx-runtime"),N=({ref:i,...t})=>{let e=l("EditableSubmitTrigger");return e.editing?(0,se.jsx)(w.Primitive.button,{type:"button","data-state":"editing",disabled:e.disabled,...t,...(0,le.skdxPart)("editable","submit-trigger",t.className),ref:i,onMouseDown:(0,w.composeEventHandlers)(t.onMouseDown,a=>{a.preventDefault()}),onClick:(0,w.composeEventHandlers)(t.onClick,()=>e.submit())}):null};N.displayName="EditableSubmitTrigger";var R=q(require("react"),1),ue=require("../utils/composeRefs.cjs"),fe=require("../utils/measure-auto-resize.cjs"),ce=require("../utils/part.cjs"),E=require("../utils/primitive.cjs");var me=require("react/jsx-runtime"),I=({autoResize:i=!1,maxRows:t,minRows:e=2,style:a,ref:n,...s})=>{let r=l("EditableTextarea"),g=R.useRef(null),x=(0,ue.useComposedRefs)(n,g,r.inputRef),b=R.useCallback(()=>{let o=g.current;!o||!i||(o.style.height=`${(0,fe.measureAutoResizeHeight)(o,t,e)}px`)},[i,t,e]);R.useLayoutEffect(()=>{b()},[b,r.value,r.editing]);let p=(0,E.useComposedEventHandlers)(s.onChange,o=>{r.setValue(o.target.value),b()});return r.editing?(0,me.jsx)(E.Primitive.textarea,{rows:i?void 0:e,id:r.editorId,value:r.value,placeholder:r.editPlaceholder,disabled:r.disabled,readOnly:r.readOnly,required:r.required,"aria-required":r.required||void 0,"aria-invalid":r.invalid||void 0,maxLength:r.maxLength,"data-state":"editing","data-empty":r.value===""?"":void 0,"data-invalid":r.invalid?"":void 0,...s,...(0,ce.skdxPart)("editable","textarea",s.className),ref:x,style:i?{overflow:"hidden",resize:"none",...a}:a,onChange:p,onKeyDown:(0,E.composeEventHandlers)(s.onKeyDown,o=>{if(o.key==="Escape"){o.preventDefault(),r.cancel();return}o.key==="Enter"&&(!o.metaKey&&!o.ctrlKey||r.submitMode!=="enter"&&r.submitMode!=="both"||(o.preventDefault(),r.submit()))}),onBlur:(0,E.composeEventHandlers)(s.onBlur,()=>{(r.submitMode==="blur"||r.submitMode==="both")&&r.submit()})}):null};I.displayName="EditableTextarea";var u=require("react/jsx-runtime"),be=({multiline:i,ariaLabel:t,ariaLabelledBy:e,showControls:a})=>(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(M,{}),i?(0,u.jsx)(I,{"aria-label":t,"aria-labelledby":e}):(0,u.jsx)(k,{"aria-label":t,"aria-labelledby":e}),a?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(N,{children:"Save"}),(0,u.jsx)(T,{children:"Cancel"})]}):null]});var h=require("react/jsx-runtime"),[ye,l]=(0,pe.createSafeContext)("Editable");function je(i){return i===void 0?{edit:void 0,preview:void 0}:typeof i=="string"?{edit:i,preview:i}:{edit:i.edit,preview:i.preview}}function et(i,t,e,a,n){return{"data-state":i?"editing":"preview","data-empty":t===""?"":void 0,"data-disabled":e?"":void 0,"data-readonly":a?"":void 0,"data-invalid":n?"":void 0}}function tt({value:i,defaultValue:t,onValueChange:e,editing:a,defaultEditing:n=!1,onEditChange:s}){let[r="",g]=(0,B.useControllableState)({prop:i,defaultProp:t??"",onChange:e}),[x,b]=d.useState(r),[p=!1,o]=(0,B.useControllableState)({prop:a,defaultProp:n,onChange:s});return{value:r,setValue:g,draftBase:x,setDraftBase:b,editing:p,setEditing:o}}var K=({value:i,defaultValue:t,onValueChange:e,onValueCommit:a,onValueRevert:n,editing:s,defaultEditing:r,onEditChange:g,placeholder:x,finalFocusEl:b,disabled:p=!1,readOnly:o=!1,required:A=!1,invalid:O=!1,maxLength:Me,name:F,form:Ne,activationMode:Ie="click",submitMode:Le="both",selectOnFocus:J=!0,multiline:De=!1,showControls:Se=!1,children:He,"aria-label":Ve,"aria-labelledby":qe,ref:Be,...X})=>{let{value:c,setValue:W,draftBase:Ke,setDraftBase:$,editing:m,setEditing:D}=tt({value:i,defaultValue:t,onValueChange:e,editing:s,defaultEditing:r,onEditChange:g}),Ae=d.useId(),Oe=d.useId(),[Fe,Je]=d.useState(!1),z=je(x),G=d.useRef(null),Q=d.useRef(null),S=d.useRef(!1),U=d.useRef(c),H=d.useRef(c);d.useEffect(()=>{H.current=c},[c]);let Y=d.useRef(b);d.useEffect(()=>{Y.current=b},[b]);let Xe=()=>{p||o||m||D(!0)},Z=()=>{let f=c,_=U.current;W(_),D(!1),n?.({value:_,previousValue:f})},We=()=>{m&&Z()},$e=()=>{if(m){if(A&&c.trim()===""){Z();return}D(!1),a?.(c)}},V=d.useRef(m);return d.useEffect(()=>{if(m){V.current||(U.current=H.current,$(H.current));let f=G.current;f&&(f.focus(),J?f.select():f.setSelectionRange(f.value.length,f.value.length))}else if(V.current){let f=document.activeElement;(!f||f===document.body)&&(S.current=!0,(Y.current?.()??Q.current)?.focus(),S.current=!1)}V.current=m},[m,J,$]),(0,h.jsxs)(ye,{value:c,editing:m,editPlaceholder:z.edit,previewPlaceholder:z.preview,editorId:Ae,labelId:Oe,labelPresent:Fe,setLabelPresent:Je,disabled:p,readOnly:o,required:A,invalid:O,maxLength:Me,activationMode:Ie,submitMode:Le,inputRef:G,previewRef:Q,returningFocusRef:S,setValue:W,activate:Xe,submit:$e,cancel:We,children:[(0,h.jsx)(ge.Primitive.div,{...et(m,c,p,o,O),...X,...(0,Ee.skdxPart)("editable","root",X.className),ref:Be,children:He??(0,h.jsx)(be,{multiline:De,ariaLabel:Ve,ariaLabelledBy:qe,showControls:Se})}),F?(0,h.jsx)(ve.HiddenInput,{type:"text",name:F,value:m?Ke:c,disabled:p,form:Ne}):null]})};K.displayName="Editable";var Re=q(require("react"),1),he=require("../utils/part.cjs"),xe=require("../utils/primitive.cjs");var we=require("react/jsx-runtime"),Pe=({ref:i,...t})=>{let e=l("EditableLabel"),{setLabelPresent:a}=e;return Re.useEffect(()=>(a(!0),()=>a(!1)),[a]),(0,we.jsx)(xe.Primitive.label,{id:e.labelId,htmlFor:e.editorId,...t,...(0,he.skdxPart)("editable","label",t.className),ref:i})};Pe.displayName="EditableLabel";var Ce=require("../utils/part.cjs"),L=require("../utils/primitive.cjs");var ke=require("react/jsx-runtime"),Te=({ref:i,...t})=>{let e=l("EditableEditTrigger");return e.editing?null:(0,ke.jsx)(L.Primitive.button,{type:"button","data-state":"preview",disabled:e.disabled||e.readOnly,"data-disabled":e.disabled?"":void 0,"data-readonly":e.readOnly?"":void 0,...t,...(0,Ce.skdxPart)("editable","edit-trigger",t.className),ref:i,onClick:(0,L.composeEventHandlers)(t.onClick,()=>e.activate())})};Te.displayName="EditableEditTrigger";0&&(module.exports={Editable,EditableCancelTrigger,EditableEditTrigger,EditableInput,EditableLabel,EditablePreview,EditableProvider,EditableSubmitTrigger,EditableTextarea,useEditableContext});

package/dist/editable/Editable.d.cts

@@ -1,55 +1,17 @@
 import * as React from 'react';
 import type { EditableContextValue, EditableProps } from './types.cjs';
-export declare const EditableProvider: {
-    (props: EditableContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useEditableContext: (consumerName: string) => EditableContextValue;
+export declare const EditableProvider: React.FC<EditableContextValue & {
+    children: React.ReactNode;
+}>, useEditableContext: (consumerName: string) => EditableContextValue;
 /**
- * Root of a click-to-edit inline text field: owns the text **and** the
- * preview/edit mode, and hands both down to its parts via context. Renders a
- * plain `<div>` carrying `data-state="editing" | "preview"` and `data-empty`
- * — how preview and input sit in the layout is entirely your CSS.
- *
- * Both pieces of state are independently controllable: `value`/`defaultValue`/
- * `onValueChange` for the text, `editing`/`defaultEditing`/`onEditChange` for
- * the mode. `value` tracks the live draft, so it changes per keystroke;
- * `onValueCommit` is the one that fires once, on a successful submit.
- *
- * The state machine, in full:
- * - **Enter edit** — the gesture named by `activationMode` on the preview, or
- *   Enter/Space while the preview has focus, or `EditableEditTrigger`. The
- *   pre-edit text is snapshotted, then the input is focused with everything
- *   selected (`selectOnFocus`, default) or the caret at the end.
- * - **Submit** — the gestures named by `submitMode`, or `EditableSubmitTrigger`.
- *   Commits, unless `required` and the draft is blank, in which case the
- *   snapshot is restored instead and nothing is committed.
- * - **Cancel** — Escape, always, whatever `submitMode` says, or
- *   `EditableCancelTrigger`. Restores the snapshot.
- * - **Either exit returns focus to the preview.** Losing focus to `<body>`
- *   after an inline edit strands keyboard users mid-page, so the root drives
- *   this rather than leaving it to the unmounting input.
- *
- * Given no children, it derives its own preview and a single- or multi-line
- * editor from `multiline`, forwarding this root's own `aria-label`/
- * `aria-labelledby` onto the editor. Given children, `multiline` is ignored
- * and the children are rendered verbatim, for full manual composition; reach
- * for `Editable` from `@skdx/react/primitives/editable` for that case.
+ * Root of a click-to-edit inline text field, owning the text and the preview/edit mode, rendering a `<div>` with `data-state="editing"|"preview"` and `data-empty` for your CSS to lay out.
  *
  * @example
  * ```tsx
  * <Editable defaultValue="Untitled" placeholder="Name this board" onValueCommit={save} aria-label="Board name" />
  * ```
- *
- * @example Full manual composition, for anything the derived anatomy can't express — `@skdx/react/primitives/editable`.
- * ```tsx
- * import { Editable, EditableInput, EditablePreview } from '@skdx/react/primitives/editable';
- *
- * <Editable defaultValue="Untitled" placeholder="Name this board" onValueCommit={save}>
- *   <EditablePreview />
- *   <EditableInput aria-label="Board name" />
- * </Editable>
- * ```
  */
-export declare const Editable: React.ForwardRefExoticComponent<Omit<EditableProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Editable: {
+    ({ value: valueProp, defaultValue, onValueChange, onValueCommit, onValueRevert, editing: editingProp, defaultEditing, onEditChange, placeholder, finalFocusEl, disabled, readOnly, required, invalid, maxLength, name, form, activationMode, submitMode, selectOnFocus, multiline, showControls, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ref: forwardedRef, ...props }: EditableProps): React.ReactNode;
+    displayName: string;
+};