@skdx/react 0.26.0 → 0.28.0

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

@@ -1,31 +1,24 @@
 import type * as React from 'react';
 import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
-/**
- * Per-file upload status. The component performs no transport of its own, so
- * this is pushed onto {@link FileUploadItem} by whoever owns the upload.
- */
+/** Per-file upload status; pushed onto FileUploadItem by the transport owner. */
 export type FileUploadFileStatus = 'idle' | 'uploading' | 'complete' | 'error';
-/**
- * Why one file was refused. Built-in codes are `file-invalid-type` (fails
- * `accept`), `file-too-large` / `file-too-small` (fails `maxFileSize` /
- * `minFileSize`), and `too-many-files` (would exceed `maxFiles`); a
- * {@link FileUploadProps.validate} callback contributes its own codes
- * alongside them.
- */
+/** 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. It is never added to the file list. */
+    /** The file that was refused. */
     file: File;
-    /** Every reason it was refused, built-in codes first. Never empty. */
+    /** Every reason it was refused. */
     errors: string[];
 }
-/** @internal The checks {@link FileUploadProps.validate} and the size/type props feed. */
+/** 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;
 }
-/** Shape returned by the exported `useFileUploadContext` hook; distributed from {@link FileUpload} to its parts via context. */
+/** Context value distributed from FileUpload to its parts. */
 export interface FileUploadContextValue {
     inputRef: React.RefObject<HTMLInputElement | null>;
     files: File[];
@@ -33,113 +26,134 @@ export interface FileUploadContextValue {
     accept?: string;
     multiple: boolean;
     addFiles: (files: FileList | File[]) => void;
-    removeFile: (index: number) => void;
+    removeFile: (file: File) => void;
+    clearFiles: () => void;
     openPicker: () => void;
+    readOnly: boolean;
+    directory: boolean;
+    capture?: FileUploadCapture;
+    removeLabel: (fileName: string) => string;
+    labelId: string;
+    labelPresent: boolean;
+    /** @internal */
+    setLabelPresent: (present: boolean) => void;
+    descriptionId: string;
+    required: boolean;
+    invalid: boolean;
 }
-/** Props for the {@link FileUpload} root. */
+/** Root ref handle: HTMLDivElement with constraint-validation and addFiles. */
+export interface FileUploadHandle extends HTMLDivElement {
+    /** Whether current selection satisfies constraints, fires invalid if not. */
+    checkValidity(): boolean;
+    /** Like checkValidity, but shows browser's validation message. */
+    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) */
+    addFiles(files: FileList | File[]): void;
+}
+/** Root props; manually-composed parts or children override defaults. */
 export interface FileUploadProps extends Omit<PrimitivePropsWithRef<'div'>, 'defaultValue' | 'onChange'> {
-    /**
-     * The selected files, for controlled usage. Pair with `onValueChange`.
-     * @default undefined — uncontrolled, tracks its own file list internally.
-     */
+    /** Custom anatomy parts; omitted uses showList/showPreview/renderFile. @default undefined */
+    children?: React.ReactNode;
+    /** Selected files for controlled usage; pair with onValueChange. @default undefined */
     value?: File[];
-    /**
-     * Initially selected files, for uncontrolled usage.
-     * @default []
-     */
+    /** Initially selected files for uncontrolled usage. @default [] */
     defaultValue?: File[];
-    /**
-     * Fires with the new file list whenever files are added or removed, controlled or not.
-     * @default undefined — no-op if omitted.
-     */
+    /** Fires when files are added or removed. @default undefined */
     onValueChange?: (files: File[]) => void;
-    /**
-     * Comma-separated file-type filter (extensions like `.png` or MIME
-     * patterns like `image/*`), applied to both the native picker dialog and
-     * drag-and-drop — the browser only filters the former on its own.
-     * @default undefined — every file type is accepted.
-     */
+    /** Comma-separated file-type filter for picker and drag-drop. @default undefined */
     accept?: string;
-    /**
-     * Allow selecting/dropping more than one file. When `false`, a new
-     * selection replaces the existing file instead of appending.
-     * @default false
-     */
+    /** Allow multiple files; false replaces instead of appending. @default false */
     multiple?: boolean;
-    /**
-     * Disables the dropzone, trigger, and file input, and blocks adding or
-     * removing files.
-     * @default false
-     */
+    /** Disables dropzone, trigger, and file input. @default false */
     disabled?: boolean;
-    /**
-     * Most files the list may hold; files past the cap are rejected with
-     * `too-many-files` rather than added. Ignored while `multiple` is `false`,
-     * which caps the list at one file anyway.
-     * @default undefined — unlimited.
-     */
+    /** Max files; excess rejected with too-many-files. @default undefined */
     maxFiles?: number;
-    /**
-     * Largest accepted file size in bytes; a bigger file is rejected with
-     * `file-too-large`.
-     * @default undefined — no upper bound.
-     */
+    /** Largest file size in bytes; excess rejected. @default undefined */
     maxFileSize?: number;
-    /**
-     * Smallest accepted file size in bytes; a smaller file is rejected with
-     * `file-too-small`.
-     * @default undefined — no lower bound.
-     */
+    /** Smallest file size in bytes; smaller rejected. @default undefined */
     minFileSize?: number;
-    /**
-     * Extra per-file check, run after the built-in ones. Return error codes to
-     * reject the file, or `null`/`undefined`/`[]` to accept it.
-     * @default undefined — only the built-in checks apply.
-     */
+    /** Extra per-file validation; return error codes to reject. @default undefined */
     validate?: (file: File) => string[] | null | undefined;
-    /**
-     * Fires once per refused file, before the accepted files are committed.
-     * Rejections are transient — nothing is stored, so render them yourself (or
-     * let a wrapping `Field` own the persistent field-level message).
-     * @default undefined — refused files are dropped silently.
-     */
+    /** Fires once per refused file before commit. @default undefined */
     onFileReject?: (rejection: FileUploadRejection) => void;
+    /** Formats delete button accessible names from file names. @default (fileName) => `Remove ${fileName}` */
+    removeLabel?: (fileName: string) => string;
+    /** Form field name for file input; omitted submits nothing. @default undefined */
+    name?: string;
+    /** Form id this upload submits into; needs name. @default undefined */
+    form?: string;
+    /** Marks field required; valueMissing while no files. @default false */
+    required?: boolean;
+    /** Custom message for valueMissing when required is empty. @default browser wording */
+    requiredMessage?: string;
+    /** Show selection but block changes; dropzone keeps tab stop. @default false */
+    readOnly?: boolean;
+    /** Mark invalid from outside; ORed with own required invalidity. @default false */
+    invalid?: boolean;
+    /** Let picker select whole directory via webkitdirectory. @default false */
+    directory?: boolean;
+    /** Open device camera instead of file browser; mobile only. @default undefined */
+    capture?: FileUploadCapture;
+    /** Prevents browser navigation on drop outside dropzone. @default true */
+    preventDocumentDrop?: boolean;
+    /** Whether to render the derived `FileUploadItemGroup` listing selected files. @default true */
+    showList?: boolean;
+    /** Show thumbnail before file name in each row. @default false */
+    showPreview?: boolean;
+    /** Per-file upload state keyed by File; returns status and progress. @default undefined */
+    fileStatus?: (file: File) => {
+        status?: FileUploadFileStatus;
+        progress?: number;
+    } | undefined;
+    /** Custom render for file row (replaces name/size/delete). @default undefined */
+    renderFile?: (file: File) => React.ReactNode;
+}
+/** Label element that names the dropzone. */
+export interface FileUploadLabelProps extends PrimitivePropsWithRef<'span'> {
 }
-/** Props for {@link FileUploadDropzone}, the drag-and-drop / click-to-browse target. */
+/** 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;
 }
-/** Props for {@link FileUploadTrigger}, a button that opens the native file picker. */
+/** Button that opens the native file picker. */
 export interface FileUploadTriggerProps extends PrimitivePropsWithRef<'button'> {
 }
-/**
- * Props for {@link FileUploadInput}, the visually-hidden native `<input type="file">`.
- *
- * `onChange` is *not* omitted, unlike the component-owned `type`/`value`: the
- * input composes the consumer's handler with its own (consumer first), so both
- * run on a selection. Prefer the root's `onValueChange` for the committed file
- * list — this one sees the raw `change` event, before validation and rejection.
- */
+/** Visually-hidden native input; onChange not omitted, compose handlers. */
 export interface FileUploadInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'defaultValue'> {
 }
-/** Props for {@link FileUploadItem}, a single selected file's row. */
+/** Context value Item publishes to its nested parts. */
+export interface FileUploadItemContextValue {
+    file: File;
+}
+/** Single selected file's row; file used by delete button. */
 export interface FileUploadItemProps extends PrimitivePropsWithRef<'div'> {
-    /** Index of this file in the `FileUpload`'s current file list. */
-    index: number;
-    /**
-     * This file's upload status, owned by whoever runs the transport — the
-     * component never sets it itself. Reflected as `data-status`.
-     * @default 'idle'
-     */
+    /** File this row shows; delete button removes by identity. */
+    file: File;
+    /** Upload status, owned by transport; reflected as data-state. @default 'idle' */
     status?: FileUploadFileStatus;
-    /**
-     * This file's upload progress, 0-100, owned by whoever runs the transport.
-     * Reflected as `data-progress`.
-     * @default undefined — no progress reported, `data-progress` is omitted.
-     */
+    /** Upload progress 0-100, owned by transport; reflected as data-progress. @default undefined */
     progress?: number;
 }
-/** Props for {@link FileUploadItemDelete}, a button that removes one selected file. */
+/** Button that removes one selected file. */
 export interface FileUploadItemDeleteProps extends PrimitivePropsWithRef<'button'> {
-    /** Index of the file to remove from the `FileUpload`'s current file list. */
-    index: number;
+    /** File to remove by identity; defaults to enclosing Item's file. @default the enclosing Item's file */
+    file?: File;
+}
+/** List wrapper the rows sit in. */
+export interface FileUploadItemGroupProps extends PrimitivePropsWithRef<'div'> {
+}
+/** File name as readable text. */
+export interface FileUploadItemNameProps extends PrimitivePropsWithRef<'span'> {
+}
+/** File size as readable text. */
+export interface FileUploadItemSizeTextProps extends PrimitivePropsWithRef<'span'> {
+}
+/** Slot for thumbnail or file-type icon. */
+export interface FileUploadItemPreviewProps extends PrimitivePropsWithRef<'div'> {
+}
+/** Button that empties the whole list. */
+export interface FileUploadClearProps extends PrimitivePropsWithRef<'button'> {
 }

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

@@ -1,31 +1,24 @@
 import type * as React from 'react';
 import type { PrimitivePropsWithRef } from '../utils/primitive.js';
-/**
- * Per-file upload status. The component performs no transport of its own, so
- * this is pushed onto {@link FileUploadItem} by whoever owns the upload.
- */
+/** Per-file upload status; pushed onto FileUploadItem by the transport owner. */
 export type FileUploadFileStatus = 'idle' | 'uploading' | 'complete' | 'error';
-/**
- * Why one file was refused. Built-in codes are `file-invalid-type` (fails
- * `accept`), `file-too-large` / `file-too-small` (fails `maxFileSize` /
- * `minFileSize`), and `too-many-files` (would exceed `maxFiles`); a
- * {@link FileUploadProps.validate} callback contributes its own codes
- * alongside them.
- */
+/** 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. It is never added to the file list. */
+    /** The file that was refused. */
     file: File;
-    /** Every reason it was refused, built-in codes first. Never empty. */
+    /** Every reason it was refused. */
     errors: string[];
 }
-/** @internal The checks {@link FileUploadProps.validate} and the size/type props feed. */
+/** 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;
 }
-/** Shape returned by the exported `useFileUploadContext` hook; distributed from {@link FileUpload} to its parts via context. */
+/** Context value distributed from FileUpload to its parts. */
 export interface FileUploadContextValue {
     inputRef: React.RefObject<HTMLInputElement | null>;
     files: File[];
@@ -33,113 +26,134 @@ export interface FileUploadContextValue {
     accept?: string;
     multiple: boolean;
     addFiles: (files: FileList | File[]) => void;
-    removeFile: (index: number) => void;
+    removeFile: (file: File) => void;
+    clearFiles: () => void;
     openPicker: () => void;
+    readOnly: boolean;
+    directory: boolean;
+    capture?: FileUploadCapture;
+    removeLabel: (fileName: string) => string;
+    labelId: string;
+    labelPresent: boolean;
+    /** @internal */
+    setLabelPresent: (present: boolean) => void;
+    descriptionId: string;
+    required: boolean;
+    invalid: boolean;
 }
-/** Props for the {@link FileUpload} root. */
+/** Root ref handle: HTMLDivElement with constraint-validation and addFiles. */
+export interface FileUploadHandle extends HTMLDivElement {
+    /** Whether current selection satisfies constraints, fires invalid if not. */
+    checkValidity(): boolean;
+    /** Like checkValidity, but shows browser's validation message. */
+    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) */
+    addFiles(files: FileList | File[]): void;
+}
+/** Root props; manually-composed parts or children override defaults. */
 export interface FileUploadProps extends Omit<PrimitivePropsWithRef<'div'>, 'defaultValue' | 'onChange'> {
-    /**
-     * The selected files, for controlled usage. Pair with `onValueChange`.
-     * @default undefined — uncontrolled, tracks its own file list internally.
-     */
+    /** Custom anatomy parts; omitted uses showList/showPreview/renderFile. @default undefined */
+    children?: React.ReactNode;
+    /** Selected files for controlled usage; pair with onValueChange. @default undefined */
     value?: File[];
-    /**
-     * Initially selected files, for uncontrolled usage.
-     * @default []
-     */
+    /** Initially selected files for uncontrolled usage. @default [] */
     defaultValue?: File[];
-    /**
-     * Fires with the new file list whenever files are added or removed, controlled or not.
-     * @default undefined — no-op if omitted.
-     */
+    /** Fires when files are added or removed. @default undefined */
     onValueChange?: (files: File[]) => void;
-    /**
-     * Comma-separated file-type filter (extensions like `.png` or MIME
-     * patterns like `image/*`), applied to both the native picker dialog and
-     * drag-and-drop — the browser only filters the former on its own.
-     * @default undefined — every file type is accepted.
-     */
+    /** Comma-separated file-type filter for picker and drag-drop. @default undefined */
     accept?: string;
-    /**
-     * Allow selecting/dropping more than one file. When `false`, a new
-     * selection replaces the existing file instead of appending.
-     * @default false
-     */
+    /** Allow multiple files; false replaces instead of appending. @default false */
     multiple?: boolean;
-    /**
-     * Disables the dropzone, trigger, and file input, and blocks adding or
-     * removing files.
-     * @default false
-     */
+    /** Disables dropzone, trigger, and file input. @default false */
     disabled?: boolean;
-    /**
-     * Most files the list may hold; files past the cap are rejected with
-     * `too-many-files` rather than added. Ignored while `multiple` is `false`,
-     * which caps the list at one file anyway.
-     * @default undefined — unlimited.
-     */
+    /** Max files; excess rejected with too-many-files. @default undefined */
     maxFiles?: number;
-    /**
-     * Largest accepted file size in bytes; a bigger file is rejected with
-     * `file-too-large`.
-     * @default undefined — no upper bound.
-     */
+    /** Largest file size in bytes; excess rejected. @default undefined */
     maxFileSize?: number;
-    /**
-     * Smallest accepted file size in bytes; a smaller file is rejected with
-     * `file-too-small`.
-     * @default undefined — no lower bound.
-     */
+    /** Smallest file size in bytes; smaller rejected. @default undefined */
     minFileSize?: number;
-    /**
-     * Extra per-file check, run after the built-in ones. Return error codes to
-     * reject the file, or `null`/`undefined`/`[]` to accept it.
-     * @default undefined — only the built-in checks apply.
-     */
+    /** Extra per-file validation; return error codes to reject. @default undefined */
     validate?: (file: File) => string[] | null | undefined;
-    /**
-     * Fires once per refused file, before the accepted files are committed.
-     * Rejections are transient — nothing is stored, so render them yourself (or
-     * let a wrapping `Field` own the persistent field-level message).
-     * @default undefined — refused files are dropped silently.
-     */
+    /** Fires once per refused file before commit. @default undefined */
     onFileReject?: (rejection: FileUploadRejection) => void;
+    /** Formats delete button accessible names from file names. @default (fileName) => `Remove ${fileName}` */
+    removeLabel?: (fileName: string) => string;
+    /** Form field name for file input; omitted submits nothing. @default undefined */
+    name?: string;
+    /** Form id this upload submits into; needs name. @default undefined */
+    form?: string;
+    /** Marks field required; valueMissing while no files. @default false */
+    required?: boolean;
+    /** Custom message for valueMissing when required is empty. @default browser wording */
+    requiredMessage?: string;
+    /** Show selection but block changes; dropzone keeps tab stop. @default false */
+    readOnly?: boolean;
+    /** Mark invalid from outside; ORed with own required invalidity. @default false */
+    invalid?: boolean;
+    /** Let picker select whole directory via webkitdirectory. @default false */
+    directory?: boolean;
+    /** Open device camera instead of file browser; mobile only. @default undefined */
+    capture?: FileUploadCapture;
+    /** Prevents browser navigation on drop outside dropzone. @default true */
+    preventDocumentDrop?: boolean;
+    /** Whether to render the derived `FileUploadItemGroup` listing selected files. @default true */
+    showList?: boolean;
+    /** Show thumbnail before file name in each row. @default false */
+    showPreview?: boolean;
+    /** Per-file upload state keyed by File; returns status and progress. @default undefined */
+    fileStatus?: (file: File) => {
+        status?: FileUploadFileStatus;
+        progress?: number;
+    } | undefined;
+    /** Custom render for file row (replaces name/size/delete). @default undefined */
+    renderFile?: (file: File) => React.ReactNode;
+}
+/** Label element that names the dropzone. */
+export interface FileUploadLabelProps extends PrimitivePropsWithRef<'span'> {
 }
-/** Props for {@link FileUploadDropzone}, the drag-and-drop / click-to-browse target. */
+/** 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;
 }
-/** Props for {@link FileUploadTrigger}, a button that opens the native file picker. */
+/** Button that opens the native file picker. */
 export interface FileUploadTriggerProps extends PrimitivePropsWithRef<'button'> {
 }
-/**
- * Props for {@link FileUploadInput}, the visually-hidden native `<input type="file">`.
- *
- * `onChange` is *not* omitted, unlike the component-owned `type`/`value`: the
- * input composes the consumer's handler with its own (consumer first), so both
- * run on a selection. Prefer the root's `onValueChange` for the committed file
- * list — this one sees the raw `change` event, before validation and rejection.
- */
+/** Visually-hidden native input; onChange not omitted, compose handlers. */
 export interface FileUploadInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'defaultValue'> {
 }
-/** Props for {@link FileUploadItem}, a single selected file's row. */
+/** Context value Item publishes to its nested parts. */
+export interface FileUploadItemContextValue {
+    file: File;
+}
+/** Single selected file's row; file used by delete button. */
 export interface FileUploadItemProps extends PrimitivePropsWithRef<'div'> {
-    /** Index of this file in the `FileUpload`'s current file list. */
-    index: number;
-    /**
-     * This file's upload status, owned by whoever runs the transport — the
-     * component never sets it itself. Reflected as `data-status`.
-     * @default 'idle'
-     */
+    /** File this row shows; delete button removes by identity. */
+    file: File;
+    /** Upload status, owned by transport; reflected as data-state. @default 'idle' */
     status?: FileUploadFileStatus;
-    /**
-     * This file's upload progress, 0-100, owned by whoever runs the transport.
-     * Reflected as `data-progress`.
-     * @default undefined — no progress reported, `data-progress` is omitted.
-     */
+    /** Upload progress 0-100, owned by transport; reflected as data-progress. @default undefined */
     progress?: number;
 }
-/** Props for {@link FileUploadItemDelete}, a button that removes one selected file. */
+/** Button that removes one selected file. */
 export interface FileUploadItemDeleteProps extends PrimitivePropsWithRef<'button'> {
-    /** Index of the file to remove from the `FileUpload`'s current file list. */
-    index: number;
+    /** File to remove by identity; defaults to enclosing Item's file. @default the enclosing Item's file */
+    file?: File;
+}
+/** List wrapper the rows sit in. */
+export interface FileUploadItemGroupProps extends PrimitivePropsWithRef<'div'> {
+}
+/** File name as readable text. */
+export interface FileUploadItemNameProps extends PrimitivePropsWithRef<'span'> {
+}
+/** File size as readable text. */
+export interface FileUploadItemSizeTextProps extends PrimitivePropsWithRef<'span'> {
+}
+/** Slot for thumbnail or file-type icon. */
+export interface FileUploadItemPreviewProps extends PrimitivePropsWithRef<'div'> {
+}
+/** Button that empties the whole list. */
+export interface FileUploadClearProps extends PrimitivePropsWithRef<'button'> {
 }

package/dist/floating-panel/FloatingPanel.cjs

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