@skdx/react 0.28.0 → 0.30.0

package/dist/file-upload/FileUploadItemSizeText.d.ts

@@ -1,12 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { FileUploadItemSizeTextProps } from './types.js';
 /**
- * The file's size, as readable text — `999B`, `1.5kB`, `1.2MB` — taken from
- * the enclosing `FileUploadItem`. Renders a `<span>`.
- *
- * A raw `File.size` is a byte count that tells a reader nothing and is read
- * digit by digit by a screen reader, so this part formats it. Pass children
- * to render the size yourself; they replace the text entirely.
+ * The file's size as readable text — `999B`, `1.5kB`, `1.2MB` — formatted from the enclosing `FileUploadItem`'s raw byte count.
  *
  * @example
  * ```tsx
@@ -16,4 +11,7 @@ import type { FileUploadItemSizeTextProps } from './types.js';
  * </FileUploadItem>
  * ```
  */
-export declare const FileUploadItemSizeText: React.ForwardRefExoticComponent<Omit<FileUploadItemSizeTextProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const FileUploadItemSizeText: {
+    ({ children, ref: forwardedRef, ...props }: FileUploadItemSizeTextProps): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/FileUploadLabel.d.cts

@@ -13,4 +13,7 @@ import type { FileUploadLabelProps } from './types.cjs';
  * </FileUpload>
  * ```
  */
-export declare const FileUploadLabel: React.ForwardRefExoticComponent<Omit<FileUploadLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const FileUploadLabel: {
+    ({ ref: forwardedRef, ...props }: FileUploadLabelProps): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/FileUploadLabel.d.ts

@@ -13,4 +13,7 @@ import type { FileUploadLabelProps } from './types.js';
  * </FileUpload>
  * ```
  */
-export declare const FileUploadLabel: React.ForwardRefExoticComponent<Omit<FileUploadLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const FileUploadLabel: {
+    ({ ref: forwardedRef, ...props }: FileUploadLabelProps): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/FileUploadTrigger.d.cts

@@ -1,15 +1,14 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { FileUploadTriggerProps } from './types.cjs';
 /**
- * Button that opens the native file picker when clicked. Mirrors the
- * enclosing `FileUpload`'s `disabled` state (native `disabled` plus
- * `data-disabled`). Render it as a *sibling* of `FileUploadDropzone` — the
- * dropzone is a `role="button"`, and a real `<button>` inside it is nested
- * interactive content.
+ * Button that opens the native file picker when clicked, rendered as a sibling of `FileUploadDropzone` rather than nested inside it.
  *
  * @example
  * ```tsx
  * <FileUploadTrigger>Choose files</FileUploadTrigger>
  * ```
  */
-export declare const FileUploadTrigger: React.ForwardRefExoticComponent<Omit<FileUploadTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const FileUploadTrigger: {
+    ({ ref: forwardedRef, ...props }: FileUploadTriggerProps): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/FileUploadTrigger.d.ts

@@ -1,15 +1,14 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { FileUploadTriggerProps } from './types.js';
 /**
- * Button that opens the native file picker when clicked. Mirrors the
- * enclosing `FileUpload`'s `disabled` state (native `disabled` plus
- * `data-disabled`). Render it as a *sibling* of `FileUploadDropzone` — the
- * dropzone is a `role="button"`, and a real `<button>` inside it is nested
- * interactive content.
+ * Button that opens the native file picker when clicked, rendered as a sibling of `FileUploadDropzone` rather than nested inside it.
  *
  * @example
  * ```tsx
  * <FileUploadTrigger>Choose files</FileUploadTrigger>
  * ```
  */
-export declare const FileUploadTrigger: React.ForwardRefExoticComponent<Omit<FileUploadTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const FileUploadTrigger: {
+    ({ ref: forwardedRef, ...props }: FileUploadTriggerProps): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/focus.d.cts

@@ -1,10 +1,3 @@
-/**
- * Where focus goes when a file row is deleted, restoring to the next delete
- * button, the previous one, or the dropzone. Done before removal so moving to a
- * surviving sibling is stable across all frameworks. Searched by `data-part`,
- * not by ref list, so it works through `asChild`, portals, and Web Components
- * where the delete button is a custom-element host that delegates focus.
- */
 /**
  * Focuses the delete button that will still be there once `button`'s row is
  * removed: the next one, else the previous one, else the dropzone or trigger.

package/dist/file-upload/focus.d.ts

@@ -1,10 +1,3 @@
-/**
- * Where focus goes when a file row is deleted, restoring to the next delete
- * button, the previous one, or the dropzone. Done before removal so moving to a
- * surviving sibling is stable across all frameworks. Searched by `data-part`,
- * not by ref list, so it works through `asChild`, portals, and Web Components
- * where the delete button is a custom-element host that delegates focus.
- */
 /**
  * Focuses the delete button that will still be there once `button`'s row is
  * removed: the next one, else the previous one, else the dropzone or trigger.

package/dist/file-upload/types.d.cts

@@ -4,26 +4,26 @@ import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
 export type FileUploadFileStatus = 'idle' | 'uploading' | 'complete' | 'error';
 /** Why one file was refused: file-invalid-type, file-too-large, file-too-small, or custom codes. */
 export interface FileUploadRejection {
-    /** The file that was refused. */
+    /** The file object that was refused. */
     file: File;
-    /** Every reason it was refused. */
+    /** Every reason this file was refused. */
     errors: string[];
 }
 /** Device camera: 'user' for front, 'environment' for rear. */
 export type FileUploadCapture = 'user' | 'environment';
 /** @internal Validation options. */
 export interface FileUploadValidateOptions {
-    accept?: string;
-    maxFileSize?: number;
-    minFileSize?: number;
-    validate?: (file: File) => string[] | null | undefined;
+    accept?: string | undefined;
+    maxFileSize?: number | undefined;
+    minFileSize?: number | undefined;
+    validator?: ((file: File) => string[] | null | undefined) | undefined;
 }
 /** Context value distributed from FileUpload to its parts. */
 export interface FileUploadContextValue {
     inputRef: React.RefObject<HTMLInputElement | null>;
     files: File[];
     disabled: boolean;
-    accept?: string;
+    accept?: string | undefined;
     multiple: boolean;
     addFiles: (files: FileList | File[]) => void;
     removeFile: (file: File) => void;
@@ -31,7 +31,7 @@ export interface FileUploadContextValue {
     openPicker: () => void;
     readOnly: boolean;
     directory: boolean;
-    capture?: FileUploadCapture;
+    capture?: FileUploadCapture | undefined;
     removeLabel: (fileName: string) => string;
     labelId: string;
     labelPresent: boolean;
@@ -49,66 +49,69 @@ export interface FileUploadHandle extends HTMLDivElement {
     reportValidity(): boolean;
     /** Set external error like setCustomValidity; works whether required or not. */
     setCustomValidity(message: string): void;
-    /** Feed files through picker/drop pipeline: accept, size, maxFiles, validation. @example upload.current?.addFiles(event.clipboardData.files) */
+    /**
+     * Feed files through the picker/drop pipeline: accept, size, maxFiles, validation.
+     * @example upload.current?.addFiles(event.clipboardData.files)
+     */
     addFiles(files: FileList | File[]): void;
 }
 /** Root props; manually-composed parts or children override defaults. */
 export interface FileUploadProps extends Omit<PrimitivePropsWithRef<'div'>, 'defaultValue' | 'onChange'> {
     /** Custom anatomy parts; omitted uses showList/showPreview/renderFile. @default undefined */
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
     /** Selected files for controlled usage; pair with onValueChange. @default undefined */
-    value?: File[];
+    value?: File[] | undefined;
     /** Initially selected files for uncontrolled usage. @default [] */
-    defaultValue?: File[];
+    defaultValue?: File[] | undefined;
     /** Fires when files are added or removed. @default undefined */
-    onValueChange?: (files: File[]) => void;
+    onValueChange?: ((files: File[]) => void) | undefined;
     /** Comma-separated file-type filter for picker and drag-drop. @default undefined */
-    accept?: string;
+    accept?: string | undefined;
     /** Allow multiple files; false replaces instead of appending. @default false */
-    multiple?: boolean;
+    multiple?: boolean | undefined;
     /** Disables dropzone, trigger, and file input. @default false */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /** Max files; excess rejected with too-many-files. @default undefined */
-    maxFiles?: number;
+    maxFiles?: number | undefined;
     /** Largest file size in bytes; excess rejected. @default undefined */
-    maxFileSize?: number;
+    maxFileSize?: number | undefined;
     /** Smallest file size in bytes; smaller rejected. @default undefined */
-    minFileSize?: number;
+    minFileSize?: number | undefined;
     /** Extra per-file validation; return error codes to reject. @default undefined */
-    validate?: (file: File) => string[] | null | undefined;
+    validator?: ((file: File) => string[] | null | undefined) | undefined;
     /** Fires once per refused file before commit. @default undefined */
-    onFileReject?: (rejection: FileUploadRejection) => void;
+    onFileReject?: ((rejection: FileUploadRejection) => void) | undefined;
     /** Formats delete button accessible names from file names. @default (fileName) => `Remove ${fileName}` */
-    removeLabel?: (fileName: string) => string;
+    removeLabel?: ((fileName: string) => string) | undefined;
     /** Form field name for file input; omitted submits nothing. @default undefined */
-    name?: string;
+    name?: string | undefined;
     /** Form id this upload submits into; needs name. @default undefined */
-    form?: string;
+    form?: string | undefined;
     /** Marks field required; valueMissing while no files. @default false */
-    required?: boolean;
+    required?: boolean | undefined;
     /** Custom message for valueMissing when required is empty. @default browser wording */
-    requiredMessage?: string;
+    requiredMessage?: string | undefined;
     /** Show selection but block changes; dropzone keeps tab stop. @default false */
-    readOnly?: boolean;
+    readOnly?: boolean | undefined;
     /** Mark invalid from outside; ORed with own required invalidity. @default false */
-    invalid?: boolean;
+    invalid?: boolean | undefined;
     /** Let picker select whole directory via webkitdirectory. @default false */
-    directory?: boolean;
+    directory?: boolean | undefined;
     /** Open device camera instead of file browser; mobile only. @default undefined */
-    capture?: FileUploadCapture;
+    capture?: FileUploadCapture | undefined;
     /** Prevents browser navigation on drop outside dropzone. @default true */
-    preventDocumentDrop?: boolean;
+    preventDocumentDrop?: boolean | undefined;
     /** Whether to render the derived `FileUploadItemGroup` listing selected files. @default true */
-    showList?: boolean;
+    showList?: boolean | undefined;
     /** Show thumbnail before file name in each row. @default false */
-    showPreview?: boolean;
+    showPreview?: boolean | undefined;
     /** Per-file upload state keyed by File; returns status and progress. @default undefined */
-    fileStatus?: (file: File) => {
-        status?: FileUploadFileStatus;
-        progress?: number;
-    } | undefined;
+    fileStatus?: ((file: File) => {
+        status?: FileUploadFileStatus | undefined;
+        progress?: number | undefined;
+    } | undefined) | undefined;
     /** Custom render for file row (replaces name/size/delete). @default undefined */
-    renderFile?: (file: File) => React.ReactNode;
+    renderFile?: ((file: File) => React.ReactNode) | undefined;
 }
 /** Label element that names the dropzone. */
 export interface FileUploadLabelProps extends PrimitivePropsWithRef<'span'> {
@@ -116,7 +119,7 @@ export interface FileUploadLabelProps extends PrimitivePropsWithRef<'span'> {
 /** Drag-and-drop / click-to-browse target. */
 export interface FileUploadDropzoneProps extends PrimitivePropsWithRef<'div'> {
     /** Suppress click-to-open; drag-drop and keyboard work. @default false */
-    disableClick?: boolean;
+    disableClick?: boolean | undefined;
 }
 /** Button that opens the native file picker. */
 export interface FileUploadTriggerProps extends PrimitivePropsWithRef<'button'> {
@@ -133,14 +136,14 @@ export interface FileUploadItemProps extends PrimitivePropsWithRef<'div'> {
     /** File this row shows; delete button removes by identity. */
     file: File;
     /** Upload status, owned by transport; reflected as data-state. @default 'idle' */
-    status?: FileUploadFileStatus;
+    status?: FileUploadFileStatus | undefined;
     /** Upload progress 0-100, owned by transport; reflected as data-progress. @default undefined */
-    progress?: number;
+    progress?: number | undefined;
 }
 /** Button that removes one selected file. */
 export interface FileUploadItemDeleteProps extends PrimitivePropsWithRef<'button'> {
     /** File to remove by identity; defaults to enclosing Item's file. @default the enclosing Item's file */
-    file?: File;
+    file?: File | undefined;
 }
 /** List wrapper the rows sit in. */
 export interface FileUploadItemGroupProps extends PrimitivePropsWithRef<'div'> {

package/dist/file-upload/types.d.ts

@@ -4,26 +4,26 @@ import type { PrimitivePropsWithRef } from '../utils/primitive.js';
 export type FileUploadFileStatus = 'idle' | 'uploading' | 'complete' | 'error';
 /** Why one file was refused: file-invalid-type, file-too-large, file-too-small, or custom codes. */
 export interface FileUploadRejection {
-    /** The file that was refused. */
+    /** The file object that was refused. */
     file: File;
-    /** Every reason it was refused. */
+    /** Every reason this file was refused. */
     errors: string[];
 }
 /** Device camera: 'user' for front, 'environment' for rear. */
 export type FileUploadCapture = 'user' | 'environment';
 /** @internal Validation options. */
 export interface FileUploadValidateOptions {
-    accept?: string;
-    maxFileSize?: number;
-    minFileSize?: number;
-    validate?: (file: File) => string[] | null | undefined;
+    accept?: string | undefined;
+    maxFileSize?: number | undefined;
+    minFileSize?: number | undefined;
+    validator?: ((file: File) => string[] | null | undefined) | undefined;
 }
 /** Context value distributed from FileUpload to its parts. */
 export interface FileUploadContextValue {
     inputRef: React.RefObject<HTMLInputElement | null>;
     files: File[];
     disabled: boolean;
-    accept?: string;
+    accept?: string | undefined;
     multiple: boolean;
     addFiles: (files: FileList | File[]) => void;
     removeFile: (file: File) => void;
@@ -31,7 +31,7 @@ export interface FileUploadContextValue {
     openPicker: () => void;
     readOnly: boolean;
     directory: boolean;
-    capture?: FileUploadCapture;
+    capture?: FileUploadCapture | undefined;
     removeLabel: (fileName: string) => string;
     labelId: string;
     labelPresent: boolean;
@@ -49,66 +49,69 @@ export interface FileUploadHandle extends HTMLDivElement {
     reportValidity(): boolean;
     /** Set external error like setCustomValidity; works whether required or not. */
     setCustomValidity(message: string): void;
-    /** Feed files through picker/drop pipeline: accept, size, maxFiles, validation. @example upload.current?.addFiles(event.clipboardData.files) */
+    /**
+     * Feed files through the picker/drop pipeline: accept, size, maxFiles, validation.
+     * @example upload.current?.addFiles(event.clipboardData.files)
+     */
     addFiles(files: FileList | File[]): void;
 }
 /** Root props; manually-composed parts or children override defaults. */
 export interface FileUploadProps extends Omit<PrimitivePropsWithRef<'div'>, 'defaultValue' | 'onChange'> {
     /** Custom anatomy parts; omitted uses showList/showPreview/renderFile. @default undefined */
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
     /** Selected files for controlled usage; pair with onValueChange. @default undefined */
-    value?: File[];
+    value?: File[] | undefined;
     /** Initially selected files for uncontrolled usage. @default [] */
-    defaultValue?: File[];
+    defaultValue?: File[] | undefined;
     /** Fires when files are added or removed. @default undefined */
-    onValueChange?: (files: File[]) => void;
+    onValueChange?: ((files: File[]) => void) | undefined;
     /** Comma-separated file-type filter for picker and drag-drop. @default undefined */
-    accept?: string;
+    accept?: string | undefined;
     /** Allow multiple files; false replaces instead of appending. @default false */
-    multiple?: boolean;
+    multiple?: boolean | undefined;
     /** Disables dropzone, trigger, and file input. @default false */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /** Max files; excess rejected with too-many-files. @default undefined */
-    maxFiles?: number;
+    maxFiles?: number | undefined;
     /** Largest file size in bytes; excess rejected. @default undefined */
-    maxFileSize?: number;
+    maxFileSize?: number | undefined;
     /** Smallest file size in bytes; smaller rejected. @default undefined */
-    minFileSize?: number;
+    minFileSize?: number | undefined;
     /** Extra per-file validation; return error codes to reject. @default undefined */
-    validate?: (file: File) => string[] | null | undefined;
+    validator?: ((file: File) => string[] | null | undefined) | undefined;
     /** Fires once per refused file before commit. @default undefined */
-    onFileReject?: (rejection: FileUploadRejection) => void;
+    onFileReject?: ((rejection: FileUploadRejection) => void) | undefined;
     /** Formats delete button accessible names from file names. @default (fileName) => `Remove ${fileName}` */
-    removeLabel?: (fileName: string) => string;
+    removeLabel?: ((fileName: string) => string) | undefined;
     /** Form field name for file input; omitted submits nothing. @default undefined */
-    name?: string;
+    name?: string | undefined;
     /** Form id this upload submits into; needs name. @default undefined */
-    form?: string;
+    form?: string | undefined;
     /** Marks field required; valueMissing while no files. @default false */
-    required?: boolean;
+    required?: boolean | undefined;
     /** Custom message for valueMissing when required is empty. @default browser wording */
-    requiredMessage?: string;
+    requiredMessage?: string | undefined;
     /** Show selection but block changes; dropzone keeps tab stop. @default false */
-    readOnly?: boolean;
+    readOnly?: boolean | undefined;
     /** Mark invalid from outside; ORed with own required invalidity. @default false */
-    invalid?: boolean;
+    invalid?: boolean | undefined;
     /** Let picker select whole directory via webkitdirectory. @default false */
-    directory?: boolean;
+    directory?: boolean | undefined;
     /** Open device camera instead of file browser; mobile only. @default undefined */
-    capture?: FileUploadCapture;
+    capture?: FileUploadCapture | undefined;
     /** Prevents browser navigation on drop outside dropzone. @default true */
-    preventDocumentDrop?: boolean;
+    preventDocumentDrop?: boolean | undefined;
     /** Whether to render the derived `FileUploadItemGroup` listing selected files. @default true */
-    showList?: boolean;
+    showList?: boolean | undefined;
     /** Show thumbnail before file name in each row. @default false */
-    showPreview?: boolean;
+    showPreview?: boolean | undefined;
     /** Per-file upload state keyed by File; returns status and progress. @default undefined */
-    fileStatus?: (file: File) => {
-        status?: FileUploadFileStatus;
-        progress?: number;
-    } | undefined;
+    fileStatus?: ((file: File) => {
+        status?: FileUploadFileStatus | undefined;
+        progress?: number | undefined;
+    } | undefined) | undefined;
     /** Custom render for file row (replaces name/size/delete). @default undefined */
-    renderFile?: (file: File) => React.ReactNode;
+    renderFile?: ((file: File) => React.ReactNode) | undefined;
 }
 /** Label element that names the dropzone. */
 export interface FileUploadLabelProps extends PrimitivePropsWithRef<'span'> {
@@ -116,7 +119,7 @@ export interface FileUploadLabelProps extends PrimitivePropsWithRef<'span'> {
 /** Drag-and-drop / click-to-browse target. */
 export interface FileUploadDropzoneProps extends PrimitivePropsWithRef<'div'> {
     /** Suppress click-to-open; drag-drop and keyboard work. @default false */
-    disableClick?: boolean;
+    disableClick?: boolean | undefined;
 }
 /** Button that opens the native file picker. */
 export interface FileUploadTriggerProps extends PrimitivePropsWithRef<'button'> {
@@ -133,14 +136,14 @@ export interface FileUploadItemProps extends PrimitivePropsWithRef<'div'> {
     /** File this row shows; delete button removes by identity. */
     file: File;
     /** Upload status, owned by transport; reflected as data-state. @default 'idle' */
-    status?: FileUploadFileStatus;
+    status?: FileUploadFileStatus | undefined;
     /** Upload progress 0-100, owned by transport; reflected as data-progress. @default undefined */
-    progress?: number;
+    progress?: number | undefined;
 }
 /** Button that removes one selected file. */
 export interface FileUploadItemDeleteProps extends PrimitivePropsWithRef<'button'> {
     /** File to remove by identity; defaults to enclosing Item's file. @default the enclosing Item's file */
-    file?: File;
+    file?: File | undefined;
 }
 /** List wrapper the rows sit in. */
 export interface FileUploadItemGroupProps extends PrimitivePropsWithRef<'div'> {

package/dist/floating-panel/FloatingPanel.cjs

@@ -1 +1,2 @@
-"use strict";var ut=Object.create;var J=Object.defineProperty;var ft=Object.getOwnPropertyDescriptor;var pt=Object.getOwnPropertyNames;var ht=Object.getPrototypeOf,Pt=Object.prototype.hasOwnProperty;var yt=(e,t)=>{for(var n in t)J(e,n,{get:t[n],enumerable:!0})},we=(e,t,n,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of pt(t))!Pt.call(e,o)&&o!==n&&J(e,o,{get:()=>t[o],enumerable:!(a=ft(t,o))||a.enumerable});return e};var H=(e,t,n)=>(n=e!=null?ut(ht(e)):{},we(t||!e||!e.__esModule?J(n,"default",{value:e,enumerable:!0}):n,e)),Rt=e=>we(J({},"__esModule",{value:!0}),e);var vt={};yt(vt,{FloatingPanel:()=>Fe,FloatingPanelCloseTrigger:()=>j,FloatingPanelContent:()=>ee,FloatingPanelHeader:()=>ne,FloatingPanelPortal:()=>oe,FloatingPanelProvider:()=>Ze,FloatingPanelResizeTrigger:()=>ie,FloatingPanelRoot:()=>Re,FloatingPanelStageTrigger:()=>le,FloatingPanelTitle:()=>ge,FloatingPanelTrigger:()=>Qe,gestureAnnouncement:()=>ye,useFloatingPanelContext:()=>u});module.exports=Rt(vt);var f=H(require("react"),1),K=require("../utils/clamp.cjs"),Ge=require("../utils/createContext.cjs"),Xe=require("../utils/liveAnnouncer.cjs"),ce=require("../utils/useCallbackRef.cjs"),W=require("../utils/useControllableState.cjs"),Ve=require("../utils/useOpenChangeComplete.cjs");var be=H(require("react"),1),Te=require("../utils/part.cjs"),Q=require("../utils/primitive.cjs");var Ce=require("react/jsx-runtime"),j=be.forwardRef((e,t)=>{let n=u("FloatingPanelCloseTrigger");return(0,Ce.jsx)(Q.Primitive.button,{type:"button",...e,...(0,Te.skdxPart)("floating-panel","close-trigger",e.className),ref:t,onClick:(0,Q.composeEventHandlers)(e.onClick,()=>n.onOpenChange(!1))})});j.displayName="FloatingPanelCloseTrigger";var X=H(require("react"),1),ze=require("../utils/composeRefs.cjs"),ve=require("../utils/part.cjs"),Ee=require("../utils/presence.cjs"),Me=require("../utils/primitive.cjs"),De=require("../utils/useDismiss.cjs");var Ie=require("react/jsx-runtime"),ee=X.forwardRef(({forceMount:e,onEscapeKeyDown:t,onPointerDownOutside:n,onFocusOutside:a,onInteractOutside:o,style:h,...g},y)=>{let r=u("FloatingPanelContent"),b=(0,ze.useComposedRefs)(y,r.contentRef),{setContentPresent:R}=r,T=(0,Ee.usePresence)(r.open,r.contentRef);if(X.useEffect(()=>{R(T)},[T,R]),X.useEffect(()=>()=>R(!1),[R]),(0,De.useDismiss)({enabled:r.open,onEscapeKeyDown:P=>{t?.(P),P.defaultPrevented||r.onOpenChange(!1)},onInteractOutside:o,onPointerDownOutside:P=>{n?.(P),P.defaultPrevented||r.onOpenChange(!1)},onFocusOutside:a},[r.contentRef,r.triggerRef]),!e&&!T)return null;let{position:z,size:i,stage:l}=r,c=l==="maximized"?{x:"0px",y:"0px",width:"100%",height:"100%"}:{x:`${z.x}px`,y:`${z.y}px`,width:`${i.width}px`,height:l==="minimized"?"auto":`${i.height}px`};return(0,Ie.jsx)(Me.Primitive.div,{role:"dialog","aria-modal":!1,"aria-labelledby":r.hasTitle?r.titleId:void 0,id:r.contentId,"data-state":r.open?"open":"closed","data-stage":l,"data-dragging":r.dragging?"":void 0,"data-resizing":r.resizing?"":void 0,"data-disabled":r.disabled?"":void 0,...g,...(0,ve.skdxPart)("floating-panel","content",g.className),ref:b,style:{"--skdx-floating-panel-x":c.x,"--skdx-floating-panel-y":c.y,"--skdx-floating-panel-width":c.width,"--skdx-floating-panel-height":c.height,...h}})});ee.displayName="FloatingPanelContent";var V=H(require("react"),1),te=require("../utils/direction.cjs"),He=require("../utils/part.cjs"),E=require("../utils/primitive.cjs");var Se=require("react/jsx-runtime"),Ft=10,ne=V.forwardRef(({style:e,...t},n)=>{let a=u("FloatingPanelHeader"),o=(0,te.useDirection)(),h=V.useRef(null),g=V.useRef(!1),y=a.draggable&&!a.disabled,r=i=>{y&&(i.currentTarget.setPointerCapture?.(i.pointerId),h.current={x:i.clientX,y:i.clientY},a.setDragging(!0))},b=i=>{let l=h.current;!y||!l||(a.moveBy(i.clientX-l.x,i.clientY-l.y),h.current={x:i.clientX,y:i.clientY})},R=i=>{h.current&&(i.currentTarget.releasePointerCapture?.(i.pointerId),h.current=null,a.setDragging(!1),a.announceRelease("move"))},T=i=>{if(!y)return;let l=a.step*(i.shiftKey?Ft:1),c=(0,te.directionalKey)(i.key,i.currentTarget,o),P=c==="ArrowLeft"?{dx:-l,dy:0}:c==="ArrowRight"?{dx:l,dy:0}:c==="ArrowUp"?{dx:0,dy:-l}:c==="ArrowDown"?{dx:0,dy:l}:null;P&&(i.preventDefault(),g.current=!0,a.moveBy(P.dx,P.dy))},z=()=>{g.current&&(g.current=!1,a.announceRelease("move"))};return(0,Se.jsx)(E.Primitive.div,{"aria-disabled":a.disabled||void 0,"aria-keyshortcuts":a.draggable?"ArrowUp ArrowDown ArrowLeft ArrowRight":void 0,"data-dragging":a.dragging?"":void 0,"data-disabled":a.disabled?"":void 0,tabIndex:a.draggable?0:void 0,...t,...(0,He.skdxPart)("floating-panel","header",t.className),ref:n,onPointerDown:(0,E.composeEventHandlers)(t.onPointerDown,r),onPointerMove:(0,E.composeEventHandlers)(t.onPointerMove,b),onPointerUp:(0,E.composeEventHandlers)(t.onPointerUp,R),onPointerCancel:(0,E.composeEventHandlers)(t.onPointerCancel,R),onKeyDown:(0,E.composeEventHandlers)(t.onKeyDown,T),onKeyUp:(0,E.composeEventHandlers)(t.onKeyUp,z),style:{touchAction:"none",cursor:y?"move":void 0,...e}})});ne.displayName="FloatingPanelHeader";var Ae=require("../utils/portal.cjs");var Le=require("react/jsx-runtime"),oe=({forceMount:e,children:t,...n})=>{let a=u("FloatingPanelPortal");return e||a.open||a.contentPresent?(0,Le.jsx)(Ae.Portal,{...n,children:t}):null};oe.displayName="FloatingPanelPortal";var Z=H(require("react"),1),ae=require("../utils/direction.cjs"),ke=require("../utils/part.cjs"),M=require("../utils/primitive.cjs");var Ne=require("react/jsx-runtime"),xt=10,ie=Z.forwardRef(({direction:e,style:t,...n},a)=>{let o=u("FloatingPanelResizeTrigger"),h=(0,ae.useDirection)(),g=Z.useRef(null),y=Z.useRef(!1),r=o.resizable&&!o.disabled,b=e.includes("e")||e.includes("w"),R=b?o.size.width:o.size.height,T=b?o.minSize.width:o.minSize.height,z=b?o.maxSize.width:o.maxSize.height,i=o.bounds?b?o.bounds.width-o.position.x:o.bounds.height-o.position.y:Number.POSITIVE_INFINITY,l=Math.max(T,Math.min(z,i)),c=e==="e"||e==="w"?"vertical":e==="n"||e==="s"?"horizontal":void 0,P=d=>{r&&(d.currentTarget.setPointerCapture?.(d.pointerId),g.current={x:d.clientX,y:d.clientY},o.setResizing(!0))},B=d=>{let F=g.current;!r||!F||(o.resizeBy(e,d.clientX-F.x,d.clientY-F.y),g.current={x:d.clientX,y:d.clientY})},A=d=>{g.current&&(d.currentTarget.releasePointerCapture?.(d.pointerId),g.current=null,o.setResizing(!1),o.announceRelease("resize"))},L=d=>{if(!r)return;let F=o.step*(d.shiftKey?xt:1),D=(0,ae.directionalKey)(d.key,d.currentTarget,h),I=D==="ArrowLeft"?{dx:-F,dy:0}:D==="ArrowRight"?{dx:F,dy:0}:D==="ArrowUp"?{dx:0,dy:-F}:D==="ArrowDown"?{dx:0,dy:F}:null;I&&(d.preventDefault(),y.current=!0,o.resizeBy(e,I.dx,I.dy))},k=()=>{y.current&&(y.current=!1,o.announceRelease("resize"))};return(0,Ne.jsx)(M.Primitive.div,{role:"separator","aria-orientation":c,"aria-valuenow":Math.round(R),"aria-valuemin":Math.round(T),"aria-valuemax":Number.isFinite(l)?Math.round(l):void 0,"aria-disabled":o.disabled||void 0,"aria-keyshortcuts":o.resizable?"ArrowUp ArrowDown ArrowLeft ArrowRight":void 0,"data-direction":e,"data-resizing":o.resizing?"":void 0,"data-disabled":o.disabled?"":void 0,tabIndex:o.resizable?0:void 0,...n,...(0,ke.skdxPart)("floating-panel","resize-trigger",n.className),ref:a,onPointerDown:(0,M.composeEventHandlers)(n.onPointerDown,P),onPointerMove:(0,M.composeEventHandlers)(n.onPointerMove,B),onPointerUp:(0,M.composeEventHandlers)(n.onPointerUp,A),onPointerCancel:(0,M.composeEventHandlers)(n.onPointerCancel,A),onKeyDown:(0,M.composeEventHandlers)(n.onKeyDown,L),onKeyUp:(0,M.composeEventHandlers)(n.onKeyUp,k),style:{touchAction:"none",cursor:r?`${e}-resize`:void 0,...t}})});ie.displayName="FloatingPanelResizeTrigger";var Oe=H(require("react"),1),Ue=require("../utils/part.cjs"),re=require("../utils/primitive.cjs");var Ke=require("react/jsx-runtime"),le=Oe.forwardRef(({stage:e,...t},n)=>{let a=u("FloatingPanelStageTrigger"),o=a.stage===e;return(0,Ke.jsx)(re.Primitive.button,{type:"button","aria-pressed":o,"aria-disabled":a.disabled||void 0,"data-stage":a.stage,"data-state":o?"on":"off","data-disabled":a.disabled?"":void 0,...t,...(0,Ue.skdxPart)("floating-panel","stage-trigger",t.className),ref:n,onClick:(0,re.composeEventHandlers)(t.onClick,()=>{a.disabled||a.onStageChange(o?"default":e)})})});le.displayName="FloatingPanelStageTrigger";var se=H(require("react"),1),Be=require("../utils/part.cjs"),_e=require("../utils/primitive.cjs");var Ye=require("react/jsx-runtime"),ge=se.forwardRef((e,t)=>{let n=u("FloatingPanelTitle"),{setHasTitle:a}=n;return se.useEffect(()=>(a(!0),()=>a(!1)),[a]),(0,Ye.jsx)(_e.Primitive.h2,{id:n.titleId,...e,...(0,Be.skdxPart)("floating-panel","title",e.className),ref:t})});ge.displayName="FloatingPanelTitle";var C=require("react/jsx-runtime"),wt=()=>(0,C.jsx)("svg",{viewBox:"0 0 16 16",width:"1em",height:"1em",fill:"none","aria-hidden":"true",focusable:"false",children:(0,C.jsx)("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),$e=({title:e,stages:t=[],dismissible:n,resizable:a,children:o,passThrough:h})=>(0,C.jsx)(oe,{children:(0,C.jsxs)(ee,{...h,children:[(0,C.jsxs)(ne,{"aria-label":"Drag to move panel",children:[e?(0,C.jsx)(ge,{children:e}):null,t.map(g=>(0,C.jsx)(le,{stage:g.stage,children:g.label},g.stage)),n?(0,C.jsx)(j,{"aria-label":"Close",children:(0,C.jsx)(wt,{})}):null]}),o,a?(0,C.jsx)(ie,{direction:"se","aria-label":"Resize panel"}):null]})});var me=require("react/jsx-runtime");function ye(e,{position:t,size:n}){return e==="move"?`Panel moved to ${t.x}, ${t.y}`:`Panel resized to ${n.width} by ${n.height}`}var[Ze,u]=(0,Ge.createSafeContext)("FloatingPanel"),bt={x:0,y:0},Tt={width:320,height:240},Ct={width:160,height:120},zt={width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY};function Pe(e){let t=e?.current;if(t){let n=t.getBoundingClientRect();return{width:n.width,height:n.height}}return{width:window.innerWidth,height:window.innerHeight}}function de(e,t,n,a){return(0,K.clamp)(e,t,Math.max(t,Math.min(n,a)))}function Re({children:e,open:t,defaultOpen:n=!1,onOpenChange:a,onOpenChangeComplete:o,position:h,defaultPosition:g=bt,onPositionChange:y,onPositionCommit:r,size:b,defaultSize:R=Tt,onSizeChange:T,onSizeCommit:z,minSize:i=Ct,maxSize:l=zt,boundary:c,stage:P,defaultStage:B="default",onStageChange:A,draggable:L=!0,resizable:k=!0,step:d=10,disabled:F=!1,getGestureAnnouncement:D}){let I=f.useRef(null),_=f.useRef(null),[fe,pe]=f.useState(!1),[et,tt]=f.useState(!1),[nt,ot]=f.useState(!1),[at,it]=f.useState(!1),[S,rt]=f.useState(null),[N=!1,lt]=(0,W.useControllableState)({prop:t,defaultProp:n,onChange:a}),[p=g,q]=(0,W.useControllableState)({prop:h,defaultProp:g,onChange:y}),[m=R,he]=(0,W.useControllableState)({prop:b,defaultProp:R,onChange:T}),[st="default",gt]=(0,W.useControllableState)({prop:P,defaultProp:B,onChange:A});(0,Ve.useOpenChangeComplete)(N,_,o),f.useEffect(()=>{let s=()=>rt(Pe(c));s();let w=c?.current;if(w&&typeof ResizeObserver<"u"){let x=new ResizeObserver(s);return x.observe(w),()=>x.disconnect()}return window.addEventListener("resize",s),()=>window.removeEventListener("resize",s)},[c]),f.useEffect(()=>{if(!S)return;let s=Math.min(m.width,Math.max(i.width,S.width)),w=Math.min(m.height,Math.max(i.height,S.height));(s!==m.width||w!==m.height)&&he({width:s,height:w});let x=(0,K.clamp)(p.x,0,Math.max(0,S.width-s)),v=(0,K.clamp)(p.y,0,Math.max(0,S.height-w));(x!==p.x||v!==p.y)&&q({x,y:v})},[S,m,i,p,he,q]);let xe=f.useRef(N);f.useEffect(()=>{if(xe.current&&!N){let s=document.activeElement;(!s||s===document.body||_.current?.contains(s))&&I.current?.focus()}xe.current=N},[N]);let dt=(0,ce.useCallbackRef)((s,w)=>{if(F||!L)return;let x=Pe(c),v={x:(0,K.clamp)(p.x+s,0,Math.max(0,x.width-m.width)),y:(0,K.clamp)(p.y+w,0,Math.max(0,x.height-m.height))};(v.x!==p.x||v.y!==p.y)&&q(v)}),ct=(0,ce.useCallbackRef)((s,w,x)=>{if(F||!k)return;let v=Pe(c),{x:Y,y:$}=p,{width:O,height:U}=m;if(s.includes("e")&&(O=de(m.width+w,i.width,l.width,v.width-Y)),s.includes("w")){let G=Y+O;O=de(m.width-w,i.width,l.width,G),Y=G-O}if(s.includes("s")&&(U=de(m.height+x,i.height,l.height,v.height-$)),s.includes("n")){let G=$+U;U=de(m.height-x,i.height,l.height,G),$=G-U}(O!==m.width||U!==m.height)&&he({width:O,height:U}),(Y!==p.x||$!==p.y)&&q({x:Y,y:$})}),mt=(0,ce.useCallbackRef)(s=>{s==="resize"&&z?.(m),r?.(p);let w={position:{x:Math.round(p.x),y:Math.round(p.y)},size:{width:Math.round(m.width),height:Math.round(m.height)}},x=(D??ye)(s,w);x&&(0,Xe.announce)(x)});return(0,me.jsx)(Ze,{triggerRef:I,contentRef:_,contentId:f.useId(),titleId:f.useId(),hasTitle:at,setHasTitle:it,open:N,onOpenChange:lt,position:p,size:m,minSize:i,maxSize:l,bounds:S,stage:st,onStageChange:gt,moveBy:dt,resizeBy:ct,announceRelease:mt,draggable:L,resizable:k,disabled:F,step:d,dragging:fe,setDragging:pe,resizing:et,setResizing:tt,contentPresent:nt,setContentPresent:ot,children:e})}Re.displayName="FloatingPanelRoot";function Fe({children:e,title:t,stages:n,dismissible:a=!0,resizable:o=!0,open:h,defaultOpen:g,onOpenChange:y,onOpenChangeComplete:r,position:b,defaultPosition:R,onPositionChange:T,onPositionCommit:z,size:i,defaultSize:l,onSizeChange:c,onSizeCommit:P,minSize:B,maxSize:A,boundary:L,stage:k,defaultStage:d,onStageChange:F,draggable:D,step:I,disabled:_,getGestureAnnouncement:fe,...pe}){return(0,me.jsx)(Re,{open:h,defaultOpen:g,onOpenChange:y,onOpenChangeComplete:r,position:b,defaultPosition:R,onPositionChange:T,onPositionCommit:z,size:i,defaultSize:l,onSizeChange:c,onSizeCommit:P,minSize:B,maxSize:A,boundary:L,stage:k,defaultStage:d,onStageChange:F,draggable:D,resizable:o,step:I,disabled:_,getGestureAnnouncement:fe,children:(0,me.jsx)($e,{title:t,stages:n,dismissible:a,resizable:o,passThrough:pe,children:e})})}Fe.displayName="FloatingPanel";var We=H(require("react"),1),qe=require("../utils/composeRefs.cjs"),Je=require("../utils/part.cjs"),ue=require("../utils/primitive.cjs");var je=require("react/jsx-runtime"),Qe=We.forwardRef((e,t)=>{let n=u("FloatingPanelTrigger"),a=(0,qe.useComposedRefs)(t,n.triggerRef);return(0,je.jsx)(ue.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":n.open,"aria-controls":n.contentId,"data-state":n.open?"open":"closed",...e,...(0,Je.skdxPart)("floating-panel","trigger",e.className),ref:a,onClick:(0,ue.composeEventHandlers)(e.onClick,()=>n.onOpenChange(!n.open))})});Qe.displayName="FloatingPanelTrigger";0&&(module.exports={FloatingPanel,FloatingPanelCloseTrigger,FloatingPanelContent,FloatingPanelHeader,FloatingPanelPortal,FloatingPanelProvider,FloatingPanelResizeTrigger,FloatingPanelRoot,FloatingPanelStageTrigger,FloatingPanelTitle,FloatingPanelTrigger,gestureAnnouncement,useFloatingPanelContext});
+'use client';
+"use strict";var ct=Object.create;var J=Object.defineProperty;var mt=Object.getOwnPropertyDescriptor;var ut=Object.getOwnPropertyNames;var ft=Object.getPrototypeOf,pt=Object.prototype.hasOwnProperty;var Pt=(e,o)=>{for(var t in o)J(e,t,{get:o[t],enumerable:!0})},be=(e,o,t,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of ut(o))!pt.call(e,a)&&a!==t&&J(e,a,{get:()=>o[a],enumerable:!(n=mt(o,a))||n.enumerable});return e};var _=(e,o,t)=>(t=e!=null?ct(ft(e)):{},be(o||!e||!e.__esModule?J(t,"default",{value:e,enumerable:!0}):t,e)),ht=e=>be(J({},"__esModule",{value:!0}),e);var Dt={};Pt(Dt,{FloatingPanel:()=>Re,FloatingPanelCloseTrigger:()=>W,FloatingPanelContent:()=>Z,FloatingPanelHeader:()=>Q,FloatingPanelPortal:()=>j,FloatingPanelProvider:()=>Je,FloatingPanelResizeTrigger:()=>te,FloatingPanelRoot:()=>ye,FloatingPanelStageTrigger:()=>oe,FloatingPanelTitle:()=>ae,FloatingPanelTrigger:()=>Ze,gestureAnnouncement:()=>he,useFloatingPanelContext:()=>u});module.exports=ht(Dt);var f=_(require("react"),1),H=require("../utils/clamp.cjs"),Ge=require("../utils/createContext.cjs"),Ye=require("../utils/liveAnnouncer.cjs"),re=require("../utils/useCallbackRef.cjs"),G=require("../utils/useControllableState.cjs"),$e=require("../utils/useOpenChangeComplete.cjs");var Xe=require("../utils/Glyph.cjs");var xe=require("../utils/part.cjs"),V=require("../utils/primitive.cjs");var we=require("react/jsx-runtime"),W=({ref:e,...o})=>{let t=u("FloatingPanelCloseTrigger");return(0,we.jsx)(V.Primitive.button,{type:"button",...o,...(0,xe.skdxPart)("floating-panel","close-trigger",o.className),ref:e,onClick:(0,V.composeEventHandlers)(o.onClick,()=>t.onOpenChange(!1))})};W.displayName="FloatingPanelCloseTrigger";var ue=_(require("react"),1),Te=require("../utils/composeRefs.cjs"),Ce=require("../utils/part.cjs"),ze=require("../utils/presence.cjs"),ve=require("../utils/primitive.cjs"),Ee=require("../utils/useDismiss.cjs");var De=require("react/jsx-runtime"),Z=({forceMount:e,onEscapeKeyDown:o,onPointerDownOutside:t,onFocusOutside:n,onInteractOutside:a,style:c,ref:l,...y})=>{let r=u("FloatingPanelContent"),z=(0,Te.useComposedRefs)(l,r.contentRef),{setContentPresent:R}=r,x=(0,ze.usePresence)(r.open,r.contentRef);if(ue.useEffect(()=>{R(x)},[x,R]),ue.useEffect(()=>()=>R(!1),[R]),(0,Ee.useDismiss)({enabled:r.open,onEscapeKeyDown:P=>{o?.(P),P.defaultPrevented||r.onOpenChange(!1)},onInteractOutside:a,onPointerDownOutside:P=>{t?.(P),P.defaultPrevented||r.onOpenChange(!1)},onFocusOutside:n},[r.contentRef,r.triggerRef]),!e&&!x)return null;let{position:w,size:i,stage:d}=r,p=d==="maximized"?{x:"0px",y:"0px",width:"100%",height:"100%"}:{x:`${w.x}px`,y:`${w.y}px`,width:`${i.width}px`,height:d==="minimized"?"auto":`${i.height}px`};return(0,De.jsx)(ve.Primitive.div,{role:"dialog","aria-modal":!1,"aria-labelledby":r.hasTitle?r.titleId:void 0,id:r.contentId,"data-state":r.open?"open":"closed","data-stage":d,"data-dragging":r.dragging?"":void 0,"data-resizing":r.resizing?"":void 0,"data-disabled":r.disabled?"":void 0,...y,...(0,Ce.skdxPart)("floating-panel","content",y.className),ref:z,style:{"--skdx-floating-panel-x":p.x,"--skdx-floating-panel-y":p.y,"--skdx-floating-panel-width":p.width,"--skdx-floating-panel-height":p.height,...c}})};Z.displayName="FloatingPanelContent";var fe=_(require("react"),1),q=require("../utils/direction.cjs"),Ie=require("../utils/part.cjs"),D=require("../utils/primitive.cjs");var Se=require("react/jsx-runtime"),yt=10,Rt={ArrowLeft:{dx:-1,dy:0},ArrowRight:{dx:1,dy:0},ArrowUp:{dx:0,dy:-1},ArrowDown:{dx:0,dy:1}},Q=({style:e,ref:o,...t})=>{let n=u("FloatingPanelHeader"),a=(0,q.useDirection)(),c=fe.useRef(null),l=fe.useRef(!1),y=n.draggable&&!n.disabled,r=i=>{y&&(i.currentTarget.setPointerCapture?.(i.pointerId),c.current={x:i.clientX,y:i.clientY},n.setDragging(!0))},z=i=>{let d=c.current;!y||!d||(n.moveBy(i.clientX-d.x,i.clientY-d.y),c.current={x:i.clientX,y:i.clientY})},R=i=>{c.current&&(i.currentTarget.releasePointerCapture?.(i.pointerId),c.current=null,n.setDragging(!1),n.announceRelease("move"))},x=i=>{if(!y)return;let d=n.step*(i.shiftKey?yt:1),p=(0,q.directionalKey)(i.key,i.currentTarget,a),P=Rt[p];P&&(i.preventDefault(),l.current=!0,n.moveBy(P.dx*d,P.dy*d))},w=()=>{l.current&&(l.current=!1,n.announceRelease("move"))};return(0,Se.jsx)(D.Primitive.div,{role:"group","aria-disabled":n.disabled||void 0,"aria-keyshortcuts":n.draggable?"ArrowUp ArrowDown ArrowLeft ArrowRight":void 0,"data-dragging":n.dragging?"":void 0,"data-disabled":n.disabled?"":void 0,tabIndex:n.draggable?0:void 0,...t,...(0,Ie.skdxPart)("floating-panel","header",t.className),ref:o,onPointerDown:(0,D.useComposedEventHandlers)(t.onPointerDown,r),onPointerMove:(0,D.useComposedEventHandlers)(t.onPointerMove,z),onPointerUp:(0,D.useComposedEventHandlers)(t.onPointerUp,R),onPointerCancel:(0,D.useComposedEventHandlers)(t.onPointerCancel,R),onKeyDown:(0,D.useComposedEventHandlers)(t.onKeyDown,x),onKeyUp:(0,D.useComposedEventHandlers)(t.onKeyUp,w),style:{touchAction:"none",cursor:y?"move":void 0,...e}})};Q.displayName="FloatingPanelHeader";var Me=require("../utils/portal.cjs");var Ne=require("react/jsx-runtime"),j=({forceMount:e,children:o,...t})=>{let n=u("FloatingPanelPortal");return e||n.open||n.contentPresent?(0,Ne.jsx)(Me.Portal,{...t,children:o}):null};j.displayName="FloatingPanelPortal";var pe=_(require("react"),1),ee=require("../utils/direction.cjs"),Ae=require("../utils/part.cjs"),I=require("../utils/primitive.cjs");var He=require("react/jsx-runtime"),Ft=10,bt={ArrowLeft:{dx:-1,dy:0},ArrowRight:{dx:1,dy:0},ArrowUp:{dx:0,dy:-1},ArrowDown:{dx:0,dy:1}};function xt(e){if(e==="e"||e==="w")return"vertical";if(e==="n"||e==="s")return"horizontal"}function wt(e,o){let t=o?e.size.width:e.size.height,n=o?e.minSize.width:e.minSize.height,a=o?e.maxSize.width:e.maxSize.height,c=Number.POSITIVE_INFINITY;e.bounds&&(c=o?e.bounds.width-e.position.x:e.bounds.height-e.position.y);let l=Math.max(n,Math.min(a,c));return{current:t,minimum:n,maximum:l}}var te=({direction:e,style:o,ref:t,...n})=>{let a=u("FloatingPanelResizeTrigger"),c=(0,ee.useDirection)(),l=pe.useRef(null),y=pe.useRef(!1),r=a.resizable&&!a.disabled,z=e.includes("e")||e.includes("w"),{current:R,minimum:x,maximum:w}=wt(a,z),i=xt(e),d=s=>{r&&(s.currentTarget.setPointerCapture?.(s.pointerId),l.current={x:s.clientX,y:s.clientY},a.setResizing(!0))},p=s=>{let T=l.current;!r||!T||(a.resizeBy(e,s.clientX-T.x,s.clientY-T.y),l.current={x:s.clientX,y:s.clientY})},P=s=>{l.current&&(s.currentTarget.releasePointerCapture?.(s.pointerId),l.current=null,a.setResizing(!1),a.announceRelease("resize"))},O=s=>{if(!r)return;let T=a.step*(s.shiftKey?Ft:1),L=(0,ee.directionalKey)(s.key,s.currentTarget,c),v=bt[L];v&&(s.preventDefault(),y.current=!0,a.resizeBy(e,v.dx*T,v.dy*T))},k=()=>{y.current&&(y.current=!1,a.announceRelease("resize"))};return(0,He.jsx)(I.Primitive.div,{role:"separator","aria-orientation":i,"aria-valuenow":Math.round(R),"aria-valuemin":Math.round(x),"aria-valuemax":Number.isFinite(w)?Math.round(w):void 0,"aria-disabled":a.disabled||void 0,"aria-keyshortcuts":a.resizable?"ArrowUp ArrowDown ArrowLeft ArrowRight":void 0,"data-direction":e,"data-resizing":a.resizing?"":void 0,"data-disabled":a.disabled?"":void 0,tabIndex:a.resizable?0:void 0,...n,...(0,Ae.skdxPart)("floating-panel","resize-trigger",n.className),ref:t,onPointerDown:(0,I.useComposedEventHandlers)(n.onPointerDown,d),onPointerMove:(0,I.useComposedEventHandlers)(n.onPointerMove,p),onPointerUp:(0,I.useComposedEventHandlers)(n.onPointerUp,P),onPointerCancel:(0,I.useComposedEventHandlers)(n.onPointerCancel,P),onKeyDown:(0,I.useComposedEventHandlers)(n.onKeyDown,O),onKeyUp:(0,I.useComposedEventHandlers)(n.onKeyUp,k),style:{touchAction:"none",cursor:r?`${e}-resize`:void 0,...o}})};te.displayName="FloatingPanelResizeTrigger";var Oe=require("../utils/part.cjs"),ne=require("../utils/primitive.cjs");var ke=require("react/jsx-runtime"),oe=({stage:e,ref:o,...t})=>{let n=u("FloatingPanelStageTrigger"),a=n.stage===e;return(0,ke.jsx)(ne.Primitive.button,{type:"button","aria-pressed":a,"aria-disabled":n.disabled||void 0,"data-stage":n.stage,"data-state":a?"on":"off","data-disabled":n.disabled?"":void 0,...t,...(0,Oe.skdxPart)("floating-panel","stage-trigger",t.className),ref:o,onClick:(0,ne.composeEventHandlers)(t.onClick,()=>{n.disabled||n.onStageChange(a?"default":e)})})};oe.displayName="FloatingPanelStageTrigger";var Le=_(require("react"),1),Ue=require("../utils/part.cjs"),Ke=require("../utils/primitive.cjs");var Be=require("react/jsx-runtime"),ae=({ref:e,...o})=>{let t=u("FloatingPanelTitle"),{setHasTitle:n}=t;return Le.useEffect(()=>(n(!0),()=>n(!1)),[n]),(0,Be.jsx)(Ke.Primitive.h2,{id:t.titleId,...o,...(0,Ue.skdxPart)("floating-panel","title",o.className),ref:e})};ae.displayName="FloatingPanelTitle";var C=require("react/jsx-runtime"),Tt=()=>(0,C.jsx)(Xe.Glyph,{name:"close"}),_e=({title:e,stages:o=[],dismissible:t,resizable:n,children:a,passThrough:c})=>(0,C.jsx)(j,{children:(0,C.jsxs)(Z,{...c,children:[(0,C.jsxs)(Q,{"aria-label":"Drag to move panel",children:[e?(0,C.jsx)(ae,{children:e}):null,o.map(l=>(0,C.jsx)(oe,{stage:l.stage,children:l.label},l.stage)),t?(0,C.jsx)(W,{"aria-label":"Close",children:(0,C.jsx)(Tt,{})}):null]}),a,n?(0,C.jsx)(te,{direction:"se","aria-label":"Resize panel"}):null]})});var le=require("react/jsx-runtime");function he(e,{position:o,size:t}){return e==="move"?`Panel moved to ${o.x}, ${o.y}`:`Panel resized to ${t.width} by ${t.height}`}var[Je,u]=(0,Ge.createSafeContext)("FloatingPanel"),Ct={x:0,y:0},zt={width:320,height:240},vt={width:160,height:120},Et={width:Number.POSITIVE_INFINITY,height:Number.POSITIVE_INFINITY};function Pe(e){let o=e?.current;if(o){let t=o.getBoundingClientRect();return{width:t.width,height:t.height}}return{width:window.innerWidth,height:window.innerHeight}}function ie(e,o,t,n){return(0,H.clamp)(e,o,Math.max(o,Math.min(t,n)))}function ye({children:e,open:o,defaultOpen:t=!1,onOpenChange:n,onOpenChangeComplete:a,position:c,defaultPosition:l=Ct,onPositionChange:y,onPositionCommit:r,size:z,defaultSize:R=zt,onSizeChange:x,onSizeCommit:w,minSize:i=vt,maxSize:d=Et,boundary:p,stage:P,defaultStage:O="default",onStageChange:k,draggable:s=!0,resizable:T=!0,step:L=10,disabled:v=!1,getGestureAnnouncement:ge}){let Y=f.useRef(null),U=f.useRef(null),[de,ce]=f.useState(!1),[Qe,je]=f.useState(!1),[et,tt]=f.useState(!1),[nt,ot]=f.useState(!1),[S,at]=f.useState(null),[M=!1,it]=(0,G.useControllableState)({prop:o,defaultProp:t,onChange:n}),[h=l,$]=(0,G.useControllableState)({prop:c,defaultProp:l,onChange:y}),[m=R,me]=(0,G.useControllableState)({prop:z,defaultProp:R,onChange:x}),[rt="default",lt]=(0,G.useControllableState)({prop:P,defaultProp:O,onChange:k});(0,$e.useOpenChangeComplete)(M,U,a),f.useEffect(()=>{let g=()=>at(Pe(p));g();let b=p?.current;if(b&&typeof ResizeObserver<"u"){let F=new ResizeObserver(g);return F.observe(b),()=>F.disconnect()}return window.addEventListener("resize",g),()=>window.removeEventListener("resize",g)},[p]),f.useEffect(()=>{if(!S)return;let g=Math.min(m.width,Math.max(i.width,S.width)),b=Math.min(m.height,Math.max(i.height,S.height));(g!==m.width||b!==m.height)&&me({width:g,height:b});let F=(0,H.clamp)(h.x,0,Math.max(0,S.width-g)),E=(0,H.clamp)(h.y,0,Math.max(0,S.height-b));(F!==h.x||E!==h.y)&&$({x:F,y:E})},[S,m,i,h,me,$]);let Fe=f.useRef(M);f.useEffect(()=>{if(Fe.current&&!M){let g=document.activeElement;(!g||g===document.body||U.current?.contains(g))&&Y.current?.focus()}Fe.current=M},[M]);let st=(0,re.useCallbackRef)((g,b)=>{if(v||!s)return;let F=Pe(p),E={x:(0,H.clamp)(h.x+g,0,Math.max(0,F.width-m.width)),y:(0,H.clamp)(h.y+b,0,Math.max(0,F.height-m.height))};(E.x!==h.x||E.y!==h.y)&&$(E)}),gt=(0,re.useCallbackRef)((g,b,F)=>{if(v||!T)return;let E=Pe(p),{x:K,y:B}=h,{width:N,height:A}=m;if(g.includes("e")&&(N=ie(m.width+b,i.width,d.width,E.width-K)),g.includes("w")){let X=K+N;N=ie(m.width-b,i.width,d.width,X),K=X-N}if(g.includes("s")&&(A=ie(m.height+F,i.height,d.height,E.height-B)),g.includes("n")){let X=B+A;A=ie(m.height-F,i.height,d.height,X),B=X-A}(N!==m.width||A!==m.height)&&me({width:N,height:A}),(K!==h.x||B!==h.y)&&$({x:K,y:B})}),dt=(0,re.useCallbackRef)(g=>{g==="resize"&&w?.(m),r?.(h);let b={position:{x:Math.round(h.x),y:Math.round(h.y)},size:{width:Math.round(m.width),height:Math.round(m.height)}},F=(ge??he)(g,b);F&&(0,Ye.announce)(F)});return(0,le.jsx)(Je,{triggerRef:Y,contentRef:U,contentId:f.useId(),titleId:f.useId(),hasTitle:nt,setHasTitle:ot,open:M,onOpenChange:it,position:h,size:m,minSize:i,maxSize:d,bounds:S,stage:rt,onStageChange:lt,moveBy:st,resizeBy:gt,announceRelease:dt,draggable:s,resizable:T,disabled:v,step:L,dragging:de,setDragging:ce,resizing:Qe,setResizing:je,contentPresent:et,setContentPresent:tt,children:e})}ye.displayName="FloatingPanelRoot";function Re({children:e,title:o,stages:t,dismissible:n=!0,resizable:a=!0,open:c,defaultOpen:l,onOpenChange:y,onOpenChangeComplete:r,position:z,defaultPosition:R,onPositionChange:x,onPositionCommit:w,size:i,defaultSize:d,onSizeChange:p,onSizeCommit:P,minSize:O,maxSize:k,boundary:s,stage:T,defaultStage:L,onStageChange:v,draggable:ge,step:Y,disabled:U,getGestureAnnouncement:de,...ce}){return(0,le.jsx)(ye,{open:c,defaultOpen:l,onOpenChange:y,onOpenChangeComplete:r,position:z,defaultPosition:R,onPositionChange:x,onPositionCommit:w,size:i,defaultSize:d,onSizeChange:p,onSizeCommit:P,minSize:O,maxSize:k,boundary:s,stage:T,defaultStage:L,onStageChange:v,draggable:ge,resizable:a,step:Y,disabled:U,getGestureAnnouncement:de,children:(0,le.jsx)(_e,{title:o,stages:t,dismissible:n,resizable:a,passThrough:ce,children:e})})}Re.displayName="FloatingPanel";var Ve=require("../utils/composeRefs.cjs"),We=require("../utils/part.cjs"),se=require("../utils/primitive.cjs");var qe=require("react/jsx-runtime"),Ze=({ref:e,...o})=>{let t=u("FloatingPanelTrigger"),n=(0,Ve.useComposedRefs)(e,t.triggerRef);return(0,qe.jsx)(se.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":t.open,"aria-controls":t.contentId,"data-state":t.open?"open":"closed",...o,...(0,We.skdxPart)("floating-panel","trigger",o.className),ref:n,onClick:(0,se.composeEventHandlers)(o.onClick,()=>t.onOpenChange(!t.open))})};Ze.displayName="FloatingPanelTrigger";0&&(module.exports={FloatingPanel,FloatingPanelCloseTrigger,FloatingPanelContent,FloatingPanelHeader,FloatingPanelPortal,FloatingPanelProvider,FloatingPanelResizeTrigger,FloatingPanelRoot,FloatingPanelStageTrigger,FloatingPanelTitle,FloatingPanelTrigger,gestureAnnouncement,useFloatingPanelContext});

package/dist/floating-panel/FloatingPanel.d.cts

@@ -4,37 +4,14 @@ import type { FloatingPanelContextValue, FloatingPanelGeometry, FloatingPanelGes
  * Default release announcement for {@link FloatingPanelProps.getGestureAnnouncement}.
  */
 export declare function gestureAnnouncement(gesture: FloatingPanelGesture, { position, size }: FloatingPanelGeometry): string;
-export declare const FloatingPanelProvider: {
-    (props: FloatingPanelContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useFloatingPanelContext: (consumerName: string) => FloatingPanelContextValue;
+export declare const FloatingPanelProvider: React.FC<FloatingPanelContextValue & {
+    children: React.ReactNode;
+}>, useFloatingPanelContext: (consumerName: string) => FloatingPanelContextValue;
 /** Props for {@link FloatingPanelRoot}: {@link FloatingPanelProps} minus the derived-anatomy-only props. */
 export type FloatingPanelRootProps = Omit<FloatingPanelProps, 'title' | 'stages' | 'dismissible'>;
 /**
- * FloatingPanel's state/context primitive: owns open state, position, size and
- * stage, and hands them down to `FloatingPanelTrigger` /
- * `FloatingPanelPortal` / `FloatingPanelContent` / `FloatingPanelHeader` /
- * `FloatingPanelTitle` / `FloatingPanelCloseTrigger` /
- * `FloatingPanelResizeTrigger` / `FloatingPanelStageTrigger` via context,
- * rendering `children` verbatim. Renders no DOM element itself.
- *
- * Non-modal is not a default here, it is the point: there is no backdrop, no
- * focus trap, and no scroll lock, so the page behind the panel stays fully
- * usable while it is open. Focus still returns to the trigger on close, but
- * only when it would otherwise be stranded.
- *
- * Every open/position/size/stage prop works controlled or uncontrolled.
- *
- * Geometry is reported on two channels, not one: `onPositionChange` /
- * `onSizeChange` fire per frame, for painting; `onPositionCommit` /
- * `onSizeCommit` fire once, when the gesture settles, for persisting.
- *
- * `FloatingPanel` (the recipe, below) wraps this with `FloatingPanelAnatomy`
- * and always derives from `title`/`stages`/`dismissible`/`resizable`. Reach
- * for this directly — via `@skdx/react/primitives/floating-panel`'s `FloatingPanelRoot` —
- * for full manual composition of the parts.
+ * FloatingPanel's state/context primitive: owns open state, position, size
+ * and stage, and renders `children` verbatim with no DOM element of its own.
  *
  * @example
  * ```tsx
@@ -59,24 +36,8 @@ export declare namespace FloatingPanelRoot {
     var displayName: string;
 }
 /**
- * A draggable, resizable, **non-modal** floating panel — the movable window
- * pattern. Owns open state, position, size and stage, all of them controlled
- * or uncontrolled.
- *
- * Always draws the derived anatomy: the portal, the movable surface, a header
- * holding the derived `title`, one stage button per `stages` entry and a close
- * button when `dismissible`, the body (`children`), and a south-east resize
- * grip while `resizable`. `children` is the panel's body, never a switch —
- * this component never inspects what it was given. For full manual
- * composition of the parts, use `FloatingPanelRoot` from
- * `@skdx/react/primitives/floating-panel` instead of this recipe.
- *
- * There is no derived trigger: you drive `open` yourself, exactly as with
- * `Dialog` and `Drawer`. `FloatingPanelTrigger` is a primitive for the panels that want one.
- *
- * Geometry is reported on two channels, not one: `onPositionChange` /
- * `onSizeChange` fire per frame, for painting; `onPositionCommit` /
- * `onSizeCommit` fire once, when the gesture settles, for persisting.
+ * A draggable, resizable, non-modal floating panel — the movable window
+ * pattern — deriving its header, stage buttons, close button and resize grip.
  *
  * @example
  * ```tsx
@@ -89,23 +50,6 @@ export declare namespace FloatingPanelRoot {
  *   <LayerList />
  * </FloatingPanel>
  * ```
- *
- * @example Full manual composition, for anything the derived anatomy can't express — `@skdx/react/primitives/floating-panel`.
- * ```tsx
- * import { FloatingPanelContent, FloatingPanelHeader, FloatingPanelPortal, FloatingPanelResizeTrigger, FloatingPanelRoot, FloatingPanelTitle, FloatingPanelTrigger } from '@skdx/react/primitives/floating-panel';
- *
- * <FloatingPanelRoot>
- *   <FloatingPanelTrigger>Open panel</FloatingPanelTrigger>
- *   <FloatingPanelPortal>
- *     <FloatingPanelContent>
- *       <FloatingPanelHeader aria-label="Drag to move panel">
- *         <FloatingPanelTitle>Inspector</FloatingPanelTitle>
- *       </FloatingPanelHeader>
- *       <FloatingPanelResizeTrigger direction="se" aria-label="Resize panel" />
- *     </FloatingPanelContent>
- *   </FloatingPanelPortal>
- * </FloatingPanelRoot>
- * ```
  */
 export declare function FloatingPanel({ children, title, stages, dismissible, resizable, open, defaultOpen, onOpenChange, onOpenChangeComplete, position, defaultPosition, onPositionChange, onPositionCommit, size, defaultSize, onSizeChange, onSizeCommit, minSize, maxSize, boundary, stage, defaultStage, onStageChange, draggable, step, disabled, getGestureAnnouncement, ...rest }: FloatingPanelProps): React.JSX.Element;
 export declare namespace FloatingPanel {