@skdx/react 0.28.0 → 0.29.0

package/dist/field/types.d.cts

@@ -1,145 +1,97 @@
 import type * as React from 'react';
+import type { FieldCharacterCountOptions, FieldMode, FieldSnapshot, FieldValidator } from '../utils/field-core.cjs';
 import type { PolymorphicTag, PrimitivePropsWithRef } from '../utils/primitive.cjs';
-import type { FieldCharacterCountOptions, FieldMode, FieldSnapshot, FieldValidator } from './fieldCore.cjs';
-export type { FieldCharacterCountOptions, FieldMode, FieldValidationResult, FieldValidator, } from './fieldCore.cjs';
+export type { FieldCharacterCountOptions, FieldMode, FieldValidationResult, FieldValidator, } from '../utils/field-core.cjs';
 /** The state a `Field` reports through {@link FieldOwnProps.onValidityChange}. */
 export type FieldValidityDetail = Omit<FieldSnapshot, 'controlId'>;
-/**
- * Imperative Field contract (shared across all five framework packages).
- */
+/** Imperative Field contract for programmatic validation and reset. */
 export interface FieldValidateHandle {
-    /**
-     * Run validation now (server errors, custom, native constraint, character count).
-     * Named for the platform method; allows all five frameworks to use `validate` prop name.
-     */
+    /** Runs validation now, covering server errors, custom validation, native constraints, and character count. */
     checkValidity(): Promise<boolean>;
-    /**
-     * Clear messages and `touched`/`dirty` flags, re-derive `filled`/`count` from control.
-     * Clear `errors` prop too (it's declarative, re-applied next render).
-     */
+    /** Clears messages and touched/dirty state, and re-derives filled/count from the control. */
     reset(): void;
 }
-/**
- * What {@link Field}'s forwarded ref carries: the root `<div>` plus
- * `validate()`. Type your ref as this to call it —
- * `React.useRef<FieldHandle>(null)`.
- */
+/** What {@link Field}'s forwarded ref carries: the root `<div>` plus the validate handle's methods. */
 export type FieldHandle = HTMLDivElement & FieldValidateHandle;
-/**
- * What {@link Fieldset}'s forwarded ref carries: the `<fieldset>` plus
- * `validate()`. `FieldValidateHandle` comes first because `<fieldset>` has a
- * synchronous `checkValidity()` of its own: a call against the intersection
- * resolves to whichever side is named first, and the async one is what the
- * node actually carries at runtime.
- */
+/** What {@link Fieldset}'s forwarded ref carries: the `<fieldset>` plus the validate handle's methods. */
 export type FieldsetHandle = FieldValidateHandle & HTMLFieldSetElement;
 /** The validation-model props shared by {@link FieldProps} and {@link FieldsetProps}. */
 export interface FieldOwnProps {
     /**
-     * Validator for this field, returning one message, several, or
-     * `null`/`undefined` when the value is acceptable. May be async; a
-     * resolution from a superseded run is discarded.
+     * Validator for this field; may be async, returning a message (or none) for the current value.
      * @default undefined — only the `errors` prop and native constraint validation produce messages.
      */
-    validate?: FieldValidator;
+    validate?: FieldValidator | undefined;
     /**
-     * When validation first runs. Whatever the mode, a field that has already
-     * failed re-validates on every input, so the error clears as soon as the
-     * user fixes it.
+     * When validation first runs; a field that has already failed re-validates on every input.
      * @default 'blur'
      */
-    mode?: FieldMode;
+    mode?: FieldMode | undefined;
     /**
-     * Server-injected errors, always shown, listed before anything `validate`
-     * produces. Clearing the prop clears them.
+     * Server-injected errors, always shown and listed before anything `validate` produces.
      * @default undefined
      */
-    errors?: string | string[];
+    errors?: string | string[] | undefined;
     /**
-     * Value handed to `validate`. Omit and the Field reads the wrapped
-     * control's `checked` (checkbox/radio) or `value` property instead.
+     * Value handed to `validate`; omitted, the Field reads the wrapped control's `checked`/`value` instead.
      * @default undefined — read from the control.
      */
     value?: unknown;
     /**
-     * Field name, used as the `FormErrorSummary` link text when the field
-     * renders no `FieldError` of its own.
+     * Field name, used as the `FormErrorSummary` link text when no `FieldError` is rendered.
      * @default undefined
      */
-    name?: string;
+    name?: string | undefined;
     /**
-     * Whether an answer is mandatory. Reflected onto the wrapped control as the
-     * native `required` attribute when it is an `<input>`/`<select>`/
-     * `<textarea>`, and as `aria-required="true"` when it is a group or a
-     * widget-role element, which has no native `required` to set.
-     *
-     * Render a `FieldRequiredIndicator` inside the `FieldLabel` to say so
-     * visibly; its text joins the control's accessible name, so the requirement
-     * is announced rather than only drawn.
+     * Whether an answer is mandatory, reflected as native `required` or `aria-required="true"` on the control.
      * @default false
      */
-    required?: boolean;
+    required?: boolean | undefined;
     /**
-     * Whether the field is unavailable. Applied to the wrapped control — the
-     * native `disabled` attribute where there is one, `aria-disabled="true"`
-     * otherwise, because a disabled *widget* stays focusable and stays
-     * announced — and mirrored as `data-disabled` on the Field root and the
-     * control for styling.
+     * Whether the field is unavailable, applied as native `disabled` or `aria-disabled="true"` and mirrored as `data-disabled`.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Fires whenever the field's validity or interaction state changes.
      * @default undefined
      */
-    onValidityChange?: (detail: FieldValidityDetail) => void;
+    onValidityChange?: ((detail: FieldValidityDetail) => void) | undefined;
     /**
      * Words all character-count copy: rendered text, announced message, and over-limit error.
-     * Negative `remaining` means over the limit. One callback for all three for consistency.
      * @default undefined
      */
-    getCharacterCountMessage?: (remaining: number) => string;
+    getCharacterCountMessage?: ((remaining: number) => string) | undefined;
     /**
-     * What the Field says when the wrapped control fails *native* constraint
-     * validation but the browser reports no message of its own. The browser's
-     * own messages are already localized; this fallback is the one the library
-     * supplies, so it is the one that needs translating.
+     * Message shown when the control fails native constraint validation with no message of its own.
      * @default undefined — 'This field is invalid.'
      */
-    invalidMessage?: string;
+    invalidMessage?: string | undefined;
     /**
-     * How long, in milliseconds, `mode="change"` waits after the last keystroke
-     * before running `validate`. Only `change` mode is debounced, and a blur
-     * cancels the pending run and validates immediately — the delay exists to
-     * keep a validator quiet *while* the user types, and a blur means they have
-     * stopped.
+     * Milliseconds `mode="change"` waits after the last keystroke before validating; a blur runs it immediately.
      * @default 0 — no debounce.
      */
-    validationDebounceTime?: number;
+    validationDebounceTime?: number | undefined;
+    /**
+     * Spacing rung the skin packs the field by, mirrored to `data-density`.
+     * @default undefined — the skin's own default spacing.
+     */
+    density?: 'compact' | (string & {}) | undefined;
 }
 /** Props for {@link FieldRoot}: {@link FieldProps} minus the derived-anatomy-only props. */
 export type FieldRootProps = Omit<FieldProps, 'label' | 'description'> & Pick<PrimitivePropsWithRef<'div'>, 'asChild'>;
-/**
- * Props for {@link Field}, which wires one control to its label, description,
- * and error text. No `asChild`: the recipe always wraps its children in the
- * derived anatomy, so `Slot` would never receive the single element it needs.
- * Reach for `primitives/field`'s headless `FieldRoot` for that.
- */
+/** Props for {@link Field}, which wires one control to its label, description and error text. */
 export interface FieldProps extends Omit<PrimitivePropsWithRef<'div'>, 'value' | 'asChild'>, FieldOwnProps {
     /**
-     * The control's label, rendered into a derived `FieldLabel` whose `htmlFor`
-     * points at the control the Field found. The required marker is derived
-     * *inside* it, so the requirement joins the control's accessible name
-     * rather than sitting beside it.
+     * The control's label, rendered into a derived `FieldLabel` whose `htmlFor` points at the found control.
      * @default undefined — no label is rendered, and the control is unnamed.
      */
-    label?: React.ReactNode;
+    label?: React.ReactNode | undefined;
     /**
-     * Help text, rendered into a derived `FieldDescription` whose id joins the
-     * control's `aria-describedby`, so it is announced with the control.
+     * Help text, rendered into a derived `FieldDescription` joined to the control's `aria-describedby`.
      * @default undefined — no description is rendered.
      */
-    description?: React.ReactNode;
+    description?: React.ReactNode | undefined;
 }
 /** Props for {@link Fieldset}, a {@link FieldRoot} that groups several controls under a `<legend>`. */
 export interface FieldsetProps extends Omit<PrimitivePropsWithRef<'fieldset'>, 'value' | 'name'>, FieldOwnProps {
@@ -150,54 +102,44 @@ export interface FieldLabelProps extends PrimitivePropsWithRef<'label'> {
 /** Props for {@link FieldRequiredIndicator}, the "this one is mandatory" marker inside a {@link FieldLabel}. */
 export interface FieldRequiredIndicatorProps extends PrimitivePropsWithRef<'span'> {
     /**
-     * Overrides the default `*`. Prefer words — the indicator sits inside the
-     * `FieldLabel`, so whatever it renders is read out as part of the control's
-     * accessible name, and "Email (required)" says more than "Email star".
+     * Overrides the default `*` marker; rendered inside the accessible name, so words read better than a symbol.
      * @default undefined — renders `*`.
      */
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 }
 /** Props for {@link FieldDescription}, help text announced with the control. */
 export interface FieldDescriptionProps extends PrimitivePropsWithRef<'span'> {
     /**
-     * Element name to render instead of the default tag, from the library's
-     * allowlist of tags. Takes a tag name only, never a component — `asChild`
-     * is React's escape hatch for that, and wins when both are set.
+     * Element tag to render instead of the default, from the library's allowlist of tags.
      * @default 'span'
      */
-    as?: PolymorphicTag;
+    as?: PolymorphicTag | undefined;
 }
 /** Props for {@link FieldError}, rendered only while the field is invalid. */
 export interface FieldErrorProps extends PrimitivePropsWithRef<'span'> {
     /**
-     * Element name to render instead of the default tag, from the library's
-     * allowlist of tags. Takes a tag name only, never a component — `asChild`
-     * is React's escape hatch for that, and wins when both are set.
+     * Element tag to render instead of the default, from the library's allowlist of tags.
      * @default 'span'
      */
-    as?: PolymorphicTag;
+    as?: PolymorphicTag | undefined;
 }
 /** Props for {@link FieldCharacterCount}, the running "N characters remaining" count. */
 export interface FieldCharacterCountProps extends PrimitivePropsWithRef<'span'> {
-    /**
-     * The soft limit. Deliberately not the control's native `maxlength`, which
-     * silently truncates instead of telling the user they went over.
-     */
+    /** The soft limit; not the control's native `maxlength`, which truncates instead of warning. */
     maxLength: number;
     /**
-     * Percentage of `maxLength` that must be typed before the count appears at
-     * all — GOV.UK's way of keeping a long field quiet until it matters.
+     * Percentage of `maxLength` typed before the count appears.
      * @default 0 — visible from the first render.
      */
-    threshold?: number;
+    threshold?: number | undefined;
 }
-/** @internal Field identity and state distributed to the Label/Description/Error parts. Not part of the public API. */
+/** @internal Field identity and state distributed to the Label/Description/Error parts. */
 export interface FieldContextValue {
     labelId: string;
     descriptionId: string;
     errorId: string;
-    /** The id the control actually carries — `undefined` until the Field has connected to one, which no server render ever does. */
-    controlId?: string;
+    /** The id the control actually carries; `undefined` until the Field has connected to one. */
+    controlId?: string | undefined;
     errors: string[];
     grouped: boolean;
     /** Whether the Field is required, so `FieldRequiredIndicator` knows whether to render at all. */
@@ -205,5 +147,5 @@ export interface FieldContextValue {
     count: number;
     setCharacterCount: (options: FieldCharacterCountOptions | null) => void;
     /** The root's `getCharacterCountMessage`, so the rendered count uses the same wording as the announced one. */
-    getCharacterCountMessage?: (remaining: number) => string;
+    getCharacterCountMessage?: ((remaining: number) => string) | undefined;
 }

package/dist/field/types.d.ts

@@ -1,145 +1,97 @@
 import type * as React from 'react';
+import type { FieldCharacterCountOptions, FieldMode, FieldSnapshot, FieldValidator } from '../utils/field-core.js';
 import type { PolymorphicTag, PrimitivePropsWithRef } from '../utils/primitive.js';
-import type { FieldCharacterCountOptions, FieldMode, FieldSnapshot, FieldValidator } from './fieldCore.js';
-export type { FieldCharacterCountOptions, FieldMode, FieldValidationResult, FieldValidator, } from './fieldCore.js';
+export type { FieldCharacterCountOptions, FieldMode, FieldValidationResult, FieldValidator, } from '../utils/field-core.js';
 /** The state a `Field` reports through {@link FieldOwnProps.onValidityChange}. */
 export type FieldValidityDetail = Omit<FieldSnapshot, 'controlId'>;
-/**
- * Imperative Field contract (shared across all five framework packages).
- */
+/** Imperative Field contract for programmatic validation and reset. */
 export interface FieldValidateHandle {
-    /**
-     * Run validation now (server errors, custom, native constraint, character count).
-     * Named for the platform method; allows all five frameworks to use `validate` prop name.
-     */
+    /** Runs validation now, covering server errors, custom validation, native constraints, and character count. */
     checkValidity(): Promise<boolean>;
-    /**
-     * Clear messages and `touched`/`dirty` flags, re-derive `filled`/`count` from control.
-     * Clear `errors` prop too (it's declarative, re-applied next render).
-     */
+    /** Clears messages and touched/dirty state, and re-derives filled/count from the control. */
     reset(): void;
 }
-/**
- * What {@link Field}'s forwarded ref carries: the root `<div>` plus
- * `validate()`. Type your ref as this to call it —
- * `React.useRef<FieldHandle>(null)`.
- */
+/** What {@link Field}'s forwarded ref carries: the root `<div>` plus the validate handle's methods. */
 export type FieldHandle = HTMLDivElement & FieldValidateHandle;
-/**
- * What {@link Fieldset}'s forwarded ref carries: the `<fieldset>` plus
- * `validate()`. `FieldValidateHandle` comes first because `<fieldset>` has a
- * synchronous `checkValidity()` of its own: a call against the intersection
- * resolves to whichever side is named first, and the async one is what the
- * node actually carries at runtime.
- */
+/** What {@link Fieldset}'s forwarded ref carries: the `<fieldset>` plus the validate handle's methods. */
 export type FieldsetHandle = FieldValidateHandle & HTMLFieldSetElement;
 /** The validation-model props shared by {@link FieldProps} and {@link FieldsetProps}. */
 export interface FieldOwnProps {
     /**
-     * Validator for this field, returning one message, several, or
-     * `null`/`undefined` when the value is acceptable. May be async; a
-     * resolution from a superseded run is discarded.
+     * Validator for this field; may be async, returning a message (or none) for the current value.
      * @default undefined — only the `errors` prop and native constraint validation produce messages.
      */
-    validate?: FieldValidator;
+    validate?: FieldValidator | undefined;
     /**
-     * When validation first runs. Whatever the mode, a field that has already
-     * failed re-validates on every input, so the error clears as soon as the
-     * user fixes it.
+     * When validation first runs; a field that has already failed re-validates on every input.
      * @default 'blur'
      */
-    mode?: FieldMode;
+    mode?: FieldMode | undefined;
     /**
-     * Server-injected errors, always shown, listed before anything `validate`
-     * produces. Clearing the prop clears them.
+     * Server-injected errors, always shown and listed before anything `validate` produces.
      * @default undefined
      */
-    errors?: string | string[];
+    errors?: string | string[] | undefined;
     /**
-     * Value handed to `validate`. Omit and the Field reads the wrapped
-     * control's `checked` (checkbox/radio) or `value` property instead.
+     * Value handed to `validate`; omitted, the Field reads the wrapped control's `checked`/`value` instead.
      * @default undefined — read from the control.
      */
     value?: unknown;
     /**
-     * Field name, used as the `FormErrorSummary` link text when the field
-     * renders no `FieldError` of its own.
+     * Field name, used as the `FormErrorSummary` link text when no `FieldError` is rendered.
      * @default undefined
      */
-    name?: string;
+    name?: string | undefined;
     /**
-     * Whether an answer is mandatory. Reflected onto the wrapped control as the
-     * native `required` attribute when it is an `<input>`/`<select>`/
-     * `<textarea>`, and as `aria-required="true"` when it is a group or a
-     * widget-role element, which has no native `required` to set.
-     *
-     * Render a `FieldRequiredIndicator` inside the `FieldLabel` to say so
-     * visibly; its text joins the control's accessible name, so the requirement
-     * is announced rather than only drawn.
+     * Whether an answer is mandatory, reflected as native `required` or `aria-required="true"` on the control.
      * @default false
      */
-    required?: boolean;
+    required?: boolean | undefined;
     /**
-     * Whether the field is unavailable. Applied to the wrapped control — the
-     * native `disabled` attribute where there is one, `aria-disabled="true"`
-     * otherwise, because a disabled *widget* stays focusable and stays
-     * announced — and mirrored as `data-disabled` on the Field root and the
-     * control for styling.
+     * Whether the field is unavailable, applied as native `disabled` or `aria-disabled="true"` and mirrored as `data-disabled`.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Fires whenever the field's validity or interaction state changes.
      * @default undefined
      */
-    onValidityChange?: (detail: FieldValidityDetail) => void;
+    onValidityChange?: ((detail: FieldValidityDetail) => void) | undefined;
     /**
      * Words all character-count copy: rendered text, announced message, and over-limit error.
-     * Negative `remaining` means over the limit. One callback for all three for consistency.
      * @default undefined
      */
-    getCharacterCountMessage?: (remaining: number) => string;
+    getCharacterCountMessage?: ((remaining: number) => string) | undefined;
     /**
-     * What the Field says when the wrapped control fails *native* constraint
-     * validation but the browser reports no message of its own. The browser's
-     * own messages are already localized; this fallback is the one the library
-     * supplies, so it is the one that needs translating.
+     * Message shown when the control fails native constraint validation with no message of its own.
      * @default undefined — 'This field is invalid.'
      */
-    invalidMessage?: string;
+    invalidMessage?: string | undefined;
     /**
-     * How long, in milliseconds, `mode="change"` waits after the last keystroke
-     * before running `validate`. Only `change` mode is debounced, and a blur
-     * cancels the pending run and validates immediately — the delay exists to
-     * keep a validator quiet *while* the user types, and a blur means they have
-     * stopped.
+     * Milliseconds `mode="change"` waits after the last keystroke before validating; a blur runs it immediately.
      * @default 0 — no debounce.
      */
-    validationDebounceTime?: number;
+    validationDebounceTime?: number | undefined;
+    /**
+     * Spacing rung the skin packs the field by, mirrored to `data-density`.
+     * @default undefined — the skin's own default spacing.
+     */
+    density?: 'compact' | (string & {}) | undefined;
 }
 /** Props for {@link FieldRoot}: {@link FieldProps} minus the derived-anatomy-only props. */
 export type FieldRootProps = Omit<FieldProps, 'label' | 'description'> & Pick<PrimitivePropsWithRef<'div'>, 'asChild'>;
-/**
- * Props for {@link Field}, which wires one control to its label, description,
- * and error text. No `asChild`: the recipe always wraps its children in the
- * derived anatomy, so `Slot` would never receive the single element it needs.
- * Reach for `primitives/field`'s headless `FieldRoot` for that.
- */
+/** Props for {@link Field}, which wires one control to its label, description and error text. */
 export interface FieldProps extends Omit<PrimitivePropsWithRef<'div'>, 'value' | 'asChild'>, FieldOwnProps {
     /**
-     * The control's label, rendered into a derived `FieldLabel` whose `htmlFor`
-     * points at the control the Field found. The required marker is derived
-     * *inside* it, so the requirement joins the control's accessible name
-     * rather than sitting beside it.
+     * The control's label, rendered into a derived `FieldLabel` whose `htmlFor` points at the found control.
      * @default undefined — no label is rendered, and the control is unnamed.
      */
-    label?: React.ReactNode;
+    label?: React.ReactNode | undefined;
     /**
-     * Help text, rendered into a derived `FieldDescription` whose id joins the
-     * control's `aria-describedby`, so it is announced with the control.
+     * Help text, rendered into a derived `FieldDescription` joined to the control's `aria-describedby`.
      * @default undefined — no description is rendered.
      */
-    description?: React.ReactNode;
+    description?: React.ReactNode | undefined;
 }
 /** Props for {@link Fieldset}, a {@link FieldRoot} that groups several controls under a `<legend>`. */
 export interface FieldsetProps extends Omit<PrimitivePropsWithRef<'fieldset'>, 'value' | 'name'>, FieldOwnProps {
@@ -150,54 +102,44 @@ export interface FieldLabelProps extends PrimitivePropsWithRef<'label'> {
 /** Props for {@link FieldRequiredIndicator}, the "this one is mandatory" marker inside a {@link FieldLabel}. */
 export interface FieldRequiredIndicatorProps extends PrimitivePropsWithRef<'span'> {
     /**
-     * Overrides the default `*`. Prefer words — the indicator sits inside the
-     * `FieldLabel`, so whatever it renders is read out as part of the control's
-     * accessible name, and "Email (required)" says more than "Email star".
+     * Overrides the default `*` marker; rendered inside the accessible name, so words read better than a symbol.
      * @default undefined — renders `*`.
      */
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 }
 /** Props for {@link FieldDescription}, help text announced with the control. */
 export interface FieldDescriptionProps extends PrimitivePropsWithRef<'span'> {
     /**
-     * Element name to render instead of the default tag, from the library's
-     * allowlist of tags. Takes a tag name only, never a component — `asChild`
-     * is React's escape hatch for that, and wins when both are set.
+     * Element tag to render instead of the default, from the library's allowlist of tags.
      * @default 'span'
      */
-    as?: PolymorphicTag;
+    as?: PolymorphicTag | undefined;
 }
 /** Props for {@link FieldError}, rendered only while the field is invalid. */
 export interface FieldErrorProps extends PrimitivePropsWithRef<'span'> {
     /**
-     * Element name to render instead of the default tag, from the library's
-     * allowlist of tags. Takes a tag name only, never a component — `asChild`
-     * is React's escape hatch for that, and wins when both are set.
+     * Element tag to render instead of the default, from the library's allowlist of tags.
      * @default 'span'
      */
-    as?: PolymorphicTag;
+    as?: PolymorphicTag | undefined;
 }
 /** Props for {@link FieldCharacterCount}, the running "N characters remaining" count. */
 export interface FieldCharacterCountProps extends PrimitivePropsWithRef<'span'> {
-    /**
-     * The soft limit. Deliberately not the control's native `maxlength`, which
-     * silently truncates instead of telling the user they went over.
-     */
+    /** The soft limit; not the control's native `maxlength`, which truncates instead of warning. */
     maxLength: number;
     /**
-     * Percentage of `maxLength` that must be typed before the count appears at
-     * all — GOV.UK's way of keeping a long field quiet until it matters.
+     * Percentage of `maxLength` typed before the count appears.
      * @default 0 — visible from the first render.
      */
-    threshold?: number;
+    threshold?: number | undefined;
 }
-/** @internal Field identity and state distributed to the Label/Description/Error parts. Not part of the public API. */
+/** @internal Field identity and state distributed to the Label/Description/Error parts. */
 export interface FieldContextValue {
     labelId: string;
     descriptionId: string;
     errorId: string;
-    /** The id the control actually carries — `undefined` until the Field has connected to one, which no server render ever does. */
-    controlId?: string;
+    /** The id the control actually carries; `undefined` until the Field has connected to one. */
+    controlId?: string | undefined;
     errors: string[];
     grouped: boolean;
     /** Whether the Field is required, so `FieldRequiredIndicator` knows whether to render at all. */
@@ -205,5 +147,5 @@ export interface FieldContextValue {
     count: number;
     setCharacterCount: (options: FieldCharacterCountOptions | null) => void;
     /** The root's `getCharacterCountMessage`, so the rendered count uses the same wording as the announced one. */
-    getCharacterCountMessage?: (remaining: number) => string;
+    getCharacterCountMessage?: ((remaining: number) => string) | undefined;
 }

package/dist/file-upload/FileUpload.cjs

@@ -1 +1,2 @@
-"use strict";var wt=Object.create;var w=Object.defineProperty;var Lt=Object.getOwnPropertyDescriptor;var Dt=Object.getOwnPropertyNames;var Et=Object.getPrototypeOf,Tt=Object.prototype.hasOwnProperty;var Ht=(e,t)=>{for(var o in t)w(e,o,{get:t[o],enumerable:!0})},de=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Dt(t))!Tt.call(e,a)&&a!==o&&w(e,a,{get:()=>t[a],enumerable:!(r=Lt(t,a))||r.enumerable});return e};var f=(e,t,o)=>(o=e!=null?wt(Et(e)):{},de(t||!e||!e.__esModule?w(o,"default",{value:e,enumerable:!0}):o,e)),Nt=e=>de(w({},"__esModule",{value:!0}),e);var $t={};Ht($t,{FileUpload:()=>Q,FileUploadClear:()=>dt,FileUploadDropzone:()=>D,FileUploadInput:()=>E,FileUploadItem:()=>T,FileUploadItemDelete:()=>N,FileUploadItemGroup:()=>z,FileUploadItemName:()=>S,FileUploadItemPreview:()=>M,FileUploadItemProvider:()=>Pe,FileUploadItemSizeText:()=>O,FileUploadLabel:()=>at,FileUploadProvider:()=>ot,FileUploadTrigger:()=>B,useFileUploadContext:()=>m,useFileUploadItemContext:()=>F});module.exports=Nt($t);var l=f(require("react"),1),Xe=require("../utils/createContext.cjs"),Ye=require("../utils/formControl.cjs"),J=require("../utils/hiddenInput.cjs"),A=require("../utils/liveAnnouncer.cjs"),Ze=require("../utils/part.cjs"),_e=require("../utils/primitive.cjs"),je=require("../utils/useCallbackRef.cjs"),et=require("../utils/useControllableState.cjs"),tt=require("../utils/visuallyHidden.cjs");var L=f(require("react"),1),pe=require("../utils/part.cjs"),y=require("../utils/primitive.cjs");var me=require("react/jsx-runtime"),D=L.forwardRef(({disableClick:e=!1,...t},o)=>{let r=m("FileUploadDropzone"),[a,i]=L.useState(!1),b=[t["aria-describedby"],r.required?r.descriptionId:void 0].filter(Boolean).join(" ")||void 0;return(0,me.jsx)(y.Primitive.div,{role:"button","aria-labelledby":r.labelPresent?r.labelId:void 0,tabIndex:r.disabled?-1:0,"aria-disabled":r.disabled||r.readOnly||void 0,"data-disabled":r.disabled?"":void 0,"data-readonly":r.readOnly?"":void 0,"data-dragging":a?"":void 0,"data-invalid":r.invalid?"":void 0,...t,...(0,pe.skdxPart)("file-upload","dropzone",t.className),"aria-describedby":b,ref:o,onClick:(0,y.composeEventHandlers)(t.onClick,()=>{e||r.openPicker()}),onKeyDown:(0,y.composeEventHandlers)(t.onKeyDown,c=>{(c.key==="Enter"||c.key===" ")&&!r.disabled&&!r.readOnly&&(c.preventDefault(),r.openPicker())}),onDragOver:(0,y.composeEventHandlers)(t.onDragOver,c=>{c.preventDefault(),!r.disabled&&!r.readOnly&&i(!0)}),onDragLeave:(0,y.composeEventHandlers)(t.onDragLeave,()=>i(!1)),onDrop:(0,y.composeEventHandlers)(t.onDrop,c=>{c.preventDefault(),i(!1),!r.disabled&&!r.readOnly&&r.addFiles(c.dataTransfer.files)})})});D.displayName="FileUploadDropzone";var fe=f(require("react"),1),ce=require("../utils/composeRefs.cjs"),ue=require("../utils/hiddenInput.cjs"),Fe=require("../utils/part.cjs"),ye=require("../utils/primitive.cjs");var Ue=require("react/jsx-runtime"),E=fe.forwardRef((e,t)=>{let o=m("FileUploadInput"),r=(0,ce.useComposedRefs)(t,o.inputRef);return(0,Ue.jsx)(ue.HiddenInput,{type:"file",accept:o.accept,multiple:o.multiple,...o.directory?{webkitdirectory:""}:{},capture:o.capture,disabled:o.disabled||o.readOnly,...e,...(0,Fe.skdxPart)("file-upload","input",e.className),ref:r,onChange:(0,ye.composeEventHandlers)(e.onChange,a=>{a.target.files&&o.addFiles(a.target.files),a.target.value=""})})});E.displayName="FileUploadInput";var ge=f(require("react"),1),be=require("../utils/createContext.cjs"),ve=require("../utils/part.cjs"),Re=require("../utils/primitive.cjs"),K=require("react/jsx-runtime"),[Pe,F]=(0,be.createSafeContext)("FileUploadItem"),T=ge.forwardRef(({file:e,status:t="idle",progress:o,...r},a)=>(0,K.jsx)(Pe,{file:e,children:(0,K.jsx)(Re.Primitive.div,{"data-state":t,"data-progress":o,...r,...(0,ve.skdxPart)("file-upload","item",r.className),ref:a})}));T.displayName="FileUploadItem";var xe=f(require("react"),1),he=require("../utils/part.cjs"),H=require("../utils/primitive.cjs");function Ie(e){let t=e.closest('[data-part="root"]');if(!t)return;let o=[...t.querySelectorAll('[data-part="item-delete"]')],r=o.indexOf(e);(o[r+1]??o[r-1]??t.querySelector('[data-part="dropzone"], [data-part="trigger"]'))?.focus()}var Ce=require("react/jsx-runtime"),N=xe.forwardRef(({file:e,...t},o)=>{let r=m("FileUploadItemDelete"),a=F("FileUploadItemDelete"),i=e??a.file;return(0,Ce.jsx)(H.Primitive.button,{type:"button","aria-label":r.removeLabel(i.name),disabled:r.disabled||r.readOnly,"data-disabled":r.disabled?"":void 0,"data-readonly":r.readOnly?"":void 0,...t,...(0,he.skdxPart)("file-upload","item-delete",t.className),ref:o,onClick:(0,H.composeEventHandlers)(t.onClick,b=>{r.disabled||r.readOnly||(Ie(b.currentTarget),r.removeFile(i))})})});N.displayName="FileUploadItemDelete";var ke=f(require("react"),1),we=require("../utils/part.cjs"),Le=require("../utils/primitive.cjs"),De=require("react/jsx-runtime"),z=ke.forwardRef((e,t)=>(0,De.jsx)(Le.Primitive.div,{...e,...(0,we.skdxPart)("file-upload","item-group",e.className),ref:t}));z.displayName="FileUploadItemGroup";var Ee=f(require("react"),1),Te=require("../utils/part.cjs"),He=require("../utils/primitive.cjs");var Ne=require("react/jsx-runtime"),S=Ee.forwardRef(({children:e,...t},o)=>{let r=F("FileUploadItemName");return(0,Ne.jsx)(He.Primitive.span,{...t,...(0,Te.skdxPart)("file-upload","item-name",t.className),ref:o,children:e??r.file.name})});S.displayName="FileUploadItemName";var ze=f(require("react"),1),Se=require("../utils/part.cjs"),Me=require("../utils/primitive.cjs");var Oe=require("react/jsx-runtime"),M=ze.forwardRef((e,t)=>(F("FileUploadItemPreview"),(0,Oe.jsx)(Me.Primitive.div,{...e,...(0,Se.skdxPart)("file-upload","item-preview",e.className),ref:t})));M.displayName="FileUploadItemPreview";var Be=f(require("react"),1),Ae=require("../utils/part.cjs"),$e=require("../utils/primitive.cjs");var Ge=require("react/jsx-runtime"),Ve=["byte","kilobyte","megabyte","gigabyte","terabyte"];function zt(e){let t=e,o=0;for(;t>=1e3&&o<Ve.length-1;)t/=1e3,o+=1;return new Intl.NumberFormat(void 0,{style:"unit",unit:Ve[o],unitDisplay:"narrow",maximumFractionDigits:1}).format(t)}var O=Be.forwardRef(({children:e,...t},o)=>{let r=F("FileUploadItemSizeText");return(0,Ge.jsx)($e.Primitive.span,{...t,...(0,Ae.skdxPart)("file-upload","item-size",t.className),ref:o,children:e??zt(r.file.size)})});O.displayName="FileUploadItemSizeText";var We=f(require("react"),1),qe=require("../utils/part.cjs"),V=require("../utils/primitive.cjs");var Ke=require("react/jsx-runtime"),B=We.forwardRef((e,t)=>{let o=m("FileUploadTrigger");return(0,Ke.jsx)(V.Primitive.button,{type:"button",disabled:o.disabled||o.readOnly,"data-disabled":o.disabled?"":void 0,"data-readonly":o.readOnly?"":void 0,...e,...(0,qe.skdxPart)("file-upload","trigger",e.className),ref:t,onClick:(0,V.composeEventHandlers)(e.onClick,r=>{r.stopPropagation(),o.openPicker()})})});B.displayName="FileUploadTrigger";var p=require("react/jsx-runtime"),Je=({showList:e,showPreview:t,renderFile:o,fileStatus:r})=>{let a=m("FileUpload");return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(D,{children:"Drag files here"}),(0,p.jsx)(B,{children:"Browse"}),(0,p.jsx)(E,{}),e?(0,p.jsx)(z,{children:a.files.map(i=>(0,p.jsx)(T,{file:i,...r?.(i),children:o?o(i):(0,p.jsxs)(p.Fragment,{children:[t?(0,p.jsx)(M,{}):null,(0,p.jsx)(S,{}),(0,p.jsx)(O,{}),(0,p.jsx)(N,{})]})},i.name))}):null]})};var U=require("react/jsx-runtime"),[ot,m]=(0,Xe.createSafeContext)("FileUpload");function St(e,t){if(!t)return!0;let o=t.split(",").map(i=>i.trim().toLowerCase()).filter(Boolean);if(o.length===0)return!0;let r=e.name.toLowerCase(),a=e.type.toLowerCase();return o.some(i=>i.startsWith(".")?r.endsWith(i):i.endsWith("/*")?a.startsWith(i.slice(0,-1)):a===i)}function Mt(e){if(typeof DataTransfer>"u")return null;let t=new DataTransfer;for(let o of e)t.items.add(o);return t.files}var Ot=e=>`Remove ${e}`;function Qe(e){return e.length===0?"":e.length===1?`${e[0]} removed`:`${e.length} files removed`}function Vt(e){return e?"Required. No file selected":"Required"}function Bt(e,t){let o=[];if(e>0&&o.push(`${e} ${e===1?"file":"files"} added`),t.length>0){let r=[...new Set(t)].join(", "),a=t.length;o.push(`${a} ${a===1?"file":"files"} refused: ${r}`)}return o.join(". ")}function At(e,t){let o=[];return St(e,t.accept)||o.push("file-invalid-type"),t.maxFileSize!==void 0&&e.size>t.maxFileSize&&o.push("file-too-large"),t.minFileSize!==void 0&&e.size<t.minFileSize&&o.push("file-too-small"),o.push(...t.validate?.(e)??[]),o}var Q=l.forwardRef(({value:e,defaultValue:t=[],onValueChange:o,accept:r,multiple:a=!1,disabled:i=!1,maxFiles:b,maxFileSize:c,minFileSize:X,validate:Y,onFileReject:Z,removeLabel:mt=Ot,name:_,form:j,required:v=!1,requiredMessage:W,readOnly:u=!1,invalid:ft=!1,directory:ct=!1,capture:ut,preventDocumentDrop:ee=!0,showList:Ft=!0,showPreview:yt=!1,fileStatus:Ut,renderFile:gt,children:bt,...te},vt)=>{let oe=l.useRef(null),Rt=l.useId(),re=l.useId(),[Pt,It]=l.useState(!1),[s=[],g]=(0,et.useControllableState)({prop:e,defaultProp:t,onChange:o}),P=l.useCallback(n=>{if(i||u)return;let d=a?s:[],C=(a?b??1/0:1)-d.length,R=[],se=[];for(let q of Array.from(n)){let k=At(q,{accept:r,maxFileSize:c,minFileSize:X,validate:Y});if(R.length>=C&&k.push("too-many-files"),k.length>0){se.push(k[0]),Z?.({file:q,errors:k});continue}R.push(q)}(0,A.announce)(Bt(R.length,se)),R.length!==0&&g([...d,...R])},[i,u,a,s,b,g,r,c,X,Y,Z]),ie=l.useRef(P);l.useEffect(()=>{ie.current=P},[P]);let xt=l.useCallback(n=>{if(i||u)return;let d=s.indexOf(n);d!==-1&&((0,A.announce)(Qe([n.name])),g([...s.slice(0,d),...s.slice(d+1)]))},[i,u,s,g]),ht=l.useCallback(()=>{i||u||s.length===0||((0,A.announce)(Qe(s.map(n=>n.name))),g([]))},[i,u,s,g]),Ct=l.useCallback(()=>{!i&&!u&&oe.current?.click()},[i,u]),I=l.useRef(null),x=l.useRef(null),ae=l.useRef(""),h=(0,je.useCallbackRef)(()=>{let n=x.current;if(!n)return;let d=W&&v&&s.length===0?W:"";n.setCustomValidity(ae.current||d)}),kt=l.useCallback(n=>{ae.current=n,h()},[h]);l.useImperativeHandle(vt,()=>{let n={checkValidity:()=>x.current?.checkValidity()??!0,reportValidity:()=>x.current?.reportValidity()??!0,setCustomValidity:kt,addFiles:d=>ie.current(d)};return I.current?Object.assign(I.current,n):n}),(0,Ye.useFormReset)(I,()=>g(t));let le=l.useRef(null);l.useEffect(()=>{let n=le.current;if(!n)return;let d=Mt(s);d&&(n.files=d)},[s]);let ne=ft||v&&s.length===0;return l.useEffect(()=>{h()},[h,W,v,s]),l.useEffect(()=>{if(!ee)return;let n=d=>{let C=d.target;C instanceof Element&&C.closest('[data-part="dropzone"]')||d.preventDefault()};return document.addEventListener("dragover",n),document.addEventListener("drop",n),()=>{document.removeEventListener("dragover",n),document.removeEventListener("drop",n)}},[ee]),(0,U.jsxs)(ot,{inputRef:oe,files:s,disabled:i,accept:r,multiple:a,addFiles:P,removeFile:xt,clearFiles:ht,openPicker:Ct,removeLabel:mt,readOnly:u,directory:ct,capture:ut,labelId:Rt,labelPresent:Pt,setLabelPresent:It,descriptionId:re,required:v,invalid:ne,children:[(0,U.jsx)(_e.Primitive.div,{"data-disabled":i?"":void 0,...te,...(0,Ze.skdxPart)("file-upload","root",te.className),ref:I,children:bt??(0,U.jsx)(Je,{showList:Ft,showPreview:yt,renderFile:gt,fileStatus:Ut})}),_&&(0,U.jsx)(J.HiddenInput,{ref:le,type:"file",name:_,multiple:a,accept:r,disabled:i,form:j}),(0,U.jsx)(J.HiddenInput,{ref:x,type:"text",required:v,disabled:i,form:j,value:s.map(n=>n.name).join(", ")}),v&&(0,U.jsx)(tt.VisuallyHidden,{id:re,children:Vt(ne)})]})});Q.displayName="FileUpload";var $=f(require("react"),1),rt=require("../utils/part.cjs"),it=require("../utils/primitive.cjs");var lt=require("react/jsx-runtime"),at=$.forwardRef((e,t)=>{let o=m("FileUploadLabel"),{setLabelPresent:r}=o;return $.useEffect(()=>(r(!0),()=>r(!1)),[r]),(0,lt.jsx)(it.Primitive.span,{id:o.labelId,...e,...(0,rt.skdxPart)("file-upload","label",e.className),ref:t})});at.displayName="FileUploadLabel";var nt=f(require("react"),1),st=require("../utils/part.cjs"),G=require("../utils/primitive.cjs");var pt=require("react/jsx-runtime"),dt=nt.forwardRef((e,t)=>{let o=m("FileUploadClear"),r=o.files.length===0;return(0,pt.jsx)(G.Primitive.button,{type:"button",disabled:o.disabled||o.readOnly||r,"data-disabled":o.disabled?"":void 0,"data-readonly":o.readOnly?"":void 0,...e,...(0,st.skdxPart)("file-upload","clear",e.className),ref:t,onClick:(0,G.composeEventHandlers)(e.onClick,()=>{o.clearFiles()})})});dt.displayName="FileUploadClear";0&&(module.exports={FileUpload,FileUploadClear,FileUploadDropzone,FileUploadInput,FileUploadItem,FileUploadItemDelete,FileUploadItemGroup,FileUploadItemName,FileUploadItemPreview,FileUploadItemProvider,FileUploadItemSizeText,FileUploadLabel,FileUploadProvider,FileUploadTrigger,useFileUploadContext,useFileUploadItemContext});
+'use client';
+"use strict";var Ut=Object.create;var D=Object.defineProperty;var Rt=Object.getOwnPropertyDescriptor;var bt=Object.getOwnPropertyNames;var gt=Object.getPrototypeOf,vt=Object.prototype.hasOwnProperty;var It=(o,t)=>{for(var e in t)D(o,e,{get:t[e],enumerable:!0})},ee=(o,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of bt(t))!vt.call(o,i)&&i!==e&&D(o,i,{get:()=>t[i],enumerable:!(r=Rt(t,i))||r.enumerable});return o};var B=(o,t,e)=>(e=o!=null?Ut(gt(o)):{},ee(t||!o||!o.__esModule?D(e,"default",{value:o,enumerable:!0}):e,o)),Pt=o=>ee(D({},"__esModule",{value:!0}),o);var St={};It(St,{FileUpload:()=>K,FileUploadClear:()=>Xe,FileUploadDropzone:()=>L,FileUploadInput:()=>E,FileUploadItem:()=>w,FileUploadItemDelete:()=>H,FileUploadItemGroup:()=>z,FileUploadItemName:()=>S,FileUploadItemPreview:()=>O,FileUploadItemProvider:()=>fe,FileUploadItemSizeText:()=>V,FileUploadLabel:()=>We,FileUploadProvider:()=>$e,FileUploadTrigger:()=>M,useFileUploadContext:()=>s,useFileUploadItemContext:()=>U});module.exports=Pt(St);var a=B(require("react"),1),He=require("../utils/createContext.cjs"),ze=require("../utils/formControl.cjs"),J=require("../utils/hiddenInput.cjs"),$=require("../utils/liveAnnouncer.cjs"),Se=require("../utils/part.cjs"),Oe=require("../utils/primitive.cjs"),Ve=require("../utils/useCallbackRef.cjs"),Ae=require("../utils/useControllableState.cjs"),Me=require("../utils/visuallyHidden.cjs");var Ee=require("../utils/Glyph.cjs");var te=B(require("react"),1),oe=require("../utils/part.cjs"),b=require("../utils/primitive.cjs");var re=require("react/jsx-runtime"),L=({disableClick:o=!1,ref:t,...e})=>{let r=s("FileUploadDropzone"),[i,l]=te.useState(!1),u=[e["aria-describedby"],r.required?r.descriptionId:void 0].filter(Boolean).join(" ")||void 0;return(0,re.jsx)(b.Primitive.div,{role:"button","aria-labelledby":r.labelPresent?r.labelId:void 0,tabIndex:r.disabled?-1:0,"aria-disabled":r.disabled||r.readOnly||void 0,"data-disabled":r.disabled?"":void 0,"data-readonly":r.readOnly?"":void 0,"data-dragging":i?"":void 0,"data-invalid":r.invalid?"":void 0,...e,...(0,oe.skdxPart)("file-upload","dropzone",e.className),"aria-describedby":u,ref:t,onClick:(0,b.composeEventHandlers)(e.onClick,()=>{o||r.openPicker()}),onKeyDown:(0,b.composeEventHandlers)(e.onKeyDown,n=>{(n.key==="Enter"||n.key===" ")&&!r.disabled&&!r.readOnly&&(n.preventDefault(),r.openPicker())}),onDragOver:(0,b.composeEventHandlers)(e.onDragOver,n=>{n.preventDefault(),!r.disabled&&!r.readOnly&&l(!0)}),onDragLeave:(0,b.composeEventHandlers)(e.onDragLeave,()=>l(!1)),onDrop:(0,b.composeEventHandlers)(e.onDrop,n=>{n.preventDefault(),l(!1),!r.disabled&&!r.readOnly&&r.addFiles(n.dataTransfer.files)})})};L.displayName="FileUploadDropzone";var ie=require("../utils/composeRefs.cjs"),le=require("../utils/hiddenInput.cjs"),ae=require("../utils/part.cjs"),ne=require("../utils/primitive.cjs");var de=require("react/jsx-runtime"),E=({ref:o,...t})=>{let e=s("FileUploadInput"),r=(0,ie.useComposedRefs)(o,e.inputRef);return(0,de.jsx)(le.HiddenInput,{type:"file",accept:e.accept,multiple:e.multiple,...e.directory?{webkitdirectory:""}:{},capture:e.capture,disabled:e.disabled||e.readOnly,...t,...(0,ae.skdxPart)("file-upload","input",t.className),ref:r,onChange:(0,ne.composeEventHandlers)(t.onChange,i=>{i.target.files&&e.addFiles(i.target.files),i.target.value=""})})};E.displayName="FileUploadInput";var se=require("../utils/createContext.cjs"),pe=require("../utils/part.cjs"),me=require("../utils/primitive.cjs"),W=require("react/jsx-runtime"),[fe,U]=(0,se.createSafeContext)("FileUploadItem"),w=({file:o,status:t="idle",progress:e,ref:r,...i})=>(0,W.jsx)(fe,{file:o,children:(0,W.jsx)(me.Primitive.div,{"data-state":t,"data-progress":e,...i,...(0,pe.skdxPart)("file-upload","item",i.className),ref:r})});w.displayName="FileUploadItem";var ue=require("../utils/part.cjs"),T=require("../utils/primitive.cjs");function ce(o){let t=o.closest('[data-part="root"]');if(!t)return;let e=[...t.querySelectorAll('[data-part="item-delete"]')],r=e.indexOf(o);(e[r+1]??e[r-1]??t.querySelector('[data-part="dropzone"], [data-part="trigger"]'))?.focus()}var Fe=require("react/jsx-runtime"),H=({file:o,ref:t,...e})=>{let r=s("FileUploadItemDelete"),i=U("FileUploadItemDelete"),l=o??i.file;return(0,Fe.jsx)(T.Primitive.button,{type:"button","aria-label":r.removeLabel(l.name),disabled:r.disabled||r.readOnly,"data-disabled":r.disabled?"":void 0,"data-readonly":r.readOnly?"":void 0,...e,...(0,ue.skdxPart)("file-upload","item-delete",e.className),ref:t,onClick:(0,T.composeEventHandlers)(e.onClick,u=>{r.disabled||r.readOnly||(ce(u.currentTarget),r.removeFile(l))})})};H.displayName="FileUploadItemDelete";var ye=require("../utils/part.cjs"),Ue=require("../utils/primitive.cjs"),Re=require("react/jsx-runtime"),z=({ref:o,...t})=>(0,Re.jsx)(Ue.Primitive.div,{...t,...(0,ye.skdxPart)("file-upload","item-group",t.className),ref:o});z.displayName="FileUploadItemGroup";var be=require("../utils/part.cjs"),ge=require("../utils/primitive.cjs");var ve=require("react/jsx-runtime"),S=({children:o,ref:t,...e})=>{let r=U("FileUploadItemName");return(0,ve.jsx)(ge.Primitive.span,{...e,...(0,be.skdxPart)("file-upload","item-name",e.className),ref:t,children:o??r.file.name})};S.displayName="FileUploadItemName";var Ie=require("../utils/part.cjs"),Pe=require("../utils/primitive.cjs");var xe=require("react/jsx-runtime"),O=({ref:o,...t})=>(U("FileUploadItemPreview"),(0,xe.jsx)(Pe.Primitive.div,{...t,...(0,Ie.skdxPart)("file-upload","item-preview",t.className),ref:o}));O.displayName="FileUploadItemPreview";var Ce=require("../utils/format-file-size.cjs"),he=require("../utils/part.cjs"),ke=require("../utils/primitive.cjs");var Ne=require("react/jsx-runtime"),V=({children:o,ref:t,...e})=>{let r=U("FileUploadItemSizeText");return(0,Ne.jsx)(ke.Primitive.span,{...e,...(0,he.skdxPart)("file-upload","item-size",e.className),ref:t,children:o??(0,Ce.formatFileSize)(r.file.size)})};V.displayName="FileUploadItemSizeText";var De=require("../utils/part.cjs"),A=require("../utils/primitive.cjs");var Le=require("react/jsx-runtime"),M=({ref:o,...t})=>{let e=s("FileUploadTrigger");return(0,Le.jsx)(A.Primitive.button,{type:"button",disabled:e.disabled||e.readOnly,"data-disabled":e.disabled?"":void 0,"data-readonly":e.readOnly?"":void 0,...t,...(0,De.skdxPart)("file-upload","trigger",t.className),ref:o,onClick:(0,A.composeEventHandlers)(t.onClick,r=>{r.stopPropagation(),e.openPicker()})})};M.displayName="FileUploadTrigger";var d=require("react/jsx-runtime"),xt=()=>(0,d.jsx)(Ee.Glyph,{name:"close"}),we=({showList:o,showPreview:t,renderFile:e,fileStatus:r})=>{let i=s("FileUpload");return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(L,{children:"Drag files here"}),(0,d.jsx)(M,{children:"Browse"}),(0,d.jsx)(E,{}),o?(0,d.jsx)(z,{children:i.files.map(l=>(0,d.jsx)(w,{file:l,...r?.(l),children:e?e(l):(0,d.jsxs)(d.Fragment,{children:[t?(0,d.jsx)(O,{}):null,(0,d.jsx)(S,{}),(0,d.jsx)(V,{}),(0,d.jsx)(H,{children:(0,d.jsx)(xt,{})})]})},l.name))}):null]})};var c=require("react/jsx-runtime"),[$e,s]=(0,He.createSafeContext)("FileUpload");function Ct(o,t){if(!t)return!0;let e=t.split(",").map(l=>l.trim().toLowerCase()).filter(Boolean);if(e.length===0)return!0;let r=o.name.toLowerCase(),i=o.type.toLowerCase();return e.some(l=>l.startsWith(".")?r.endsWith(l):l.endsWith("/*")?i.startsWith(l.slice(0,-1)):i===l)}function ht(o){if(typeof DataTransfer>"u")return null;let t=new DataTransfer;for(let e of o)t.items.add(e);return t.files}var kt=o=>`Remove ${o}`;function Te(o){return o.length===0?"":o.length===1?`${o[0]} removed`:`${o.length} files removed`}function Nt(o){return o?"Required. No file selected":"Required"}function Dt(o,t){let e=[];if(o>0&&e.push(`${o} ${o===1?"file":"files"} added`),t.length>0){let r=[...new Set(t)].join(", "),i=t.length;e.push(`${i} ${i===1?"file":"files"} refused: ${r}`)}return e.join(". ")}function Lt(o,t){let e=[];return Ct(o,t.accept)||e.push("file-invalid-type"),t.maxFileSize!==void 0&&o.size>t.maxFileSize&&e.push("file-too-large"),t.minFileSize!==void 0&&o.size<t.minFileSize&&e.push("file-too-small"),e.push(...t.validator?.(o)??[]),e}function Et(o,t,e){return o||t&&e===0}function wt(o,t){return{"data-disabled":o?"":void 0,"data-readonly":t?"":void 0}}function Tt({forwardedRef:o,requiredMessage:t,required:e,files:r,setFiles:i,defaultValue:l,addFilesRef:u}){let n=a.useRef(null),y=a.useRef(null),g=a.useRef(""),R=(0,Ve.useCallbackRef)(()=>{let m=y.current;if(!m)return;let f=t&&e&&r.length===0?t:"";m.setCustomValidity(g.current||f)}),x=m=>{g.current=m,R()};a.useImperativeHandle(o,()=>{let m={checkValidity:()=>y.current?.checkValidity()??!0,reportValidity:()=>y.current?.reportValidity()??!0,setCustomValidity:x,addFiles:f=>u.current(f)};return n.current?Object.assign(n.current,m):m}),(0,ze.useFormReset)(n,()=>i(l));let h=a.useRef(null);return a.useEffect(()=>{let m=h.current;if(!m)return;let f=ht(r);f&&(m.files=f)},[r]),a.useEffect(()=>{R()},[R,t,e,r]),{rootRef:n,validityRef:y,formInputRef:h}}function Ht({name:o,form:t,multiple:e,accept:r,disabled:i,required:l,invalid:u,files:n,formInputRef:y,validityRef:g,descriptionId:R}){return(0,c.jsxs)(c.Fragment,{children:[o?(0,c.jsx)(J.HiddenInput,{ref:y,type:"file",name:o,multiple:e,accept:r,disabled:i,form:t}):null,(0,c.jsx)(J.HiddenInput,{ref:g,type:"text",required:l,disabled:i,form:t,value:n.map(x=>x.name).join(", ")}),l?(0,c.jsx)(Me.VisuallyHidden,{id:R,children:Nt(u)}):null]})}function zt(o){a.useEffect(()=>{if(!o)return;let t=e=>{let r=e.target;r instanceof Element&&r.closest('[data-part="dropzone"]')||e.preventDefault()};return document.addEventListener("dragover",t),document.addEventListener("drop",t),()=>{document.removeEventListener("dragover",t),document.removeEventListener("drop",t)}},[o])}var K=({value:o,defaultValue:t=[],onValueChange:e,accept:r,multiple:i=!1,disabled:l=!1,maxFiles:u,maxFileSize:n,minFileSize:y,validator:g,onFileReject:R,removeLabel:x=kt,name:h,form:m,required:f=!1,requiredMessage:Ye,readOnly:F=!1,invalid:Ze=!1,directory:_e=!1,capture:je,preventDocumentDrop:et=!0,showList:tt=!0,showPreview:ot=!1,fileStatus:rt,renderFile:it,children:lt,ref:at,...X})=>{let Q=a.useRef(null),nt=a.useId(),Y=a.useId(),[dt,st]=a.useState(!1),[p=[],v]=(0,Ae.useControllableState)({prop:o,defaultProp:t,onChange:e}),k=a.useCallback(I=>{if(l||F)return;let P=i?p:[],yt=(i?u??1/0:1)-P.length,C=[],j=[];for(let q of Array.from(I)){let N=Lt(q,{accept:r,maxFileSize:n,minFileSize:y,validator:g});if(C.length>=yt&&N.push("too-many-files"),N.length>0){j.push(N[0]),R?.({file:q,errors:N});continue}C.push(q)}(0,$.announce)(Dt(C.length,j)),C.length!==0&&v([...P,...C])},[l,F,i,p,u,v,r,n,y,g,R]),Z=a.useRef(k);a.useEffect(()=>{Z.current=k},[k]);let pt=a.useCallback(I=>{if(l||F)return;let P=p.indexOf(I);P!==-1&&((0,$.announce)(Te([I.name])),v([...p.slice(0,P),...p.slice(P+1)]))},[l,F,p,v]),mt=a.useCallback(()=>{l||F||p.length===0||((0,$.announce)(Te(p.map(I=>I.name))),v([]))},[l,F,p,v]),ft=a.useCallback(()=>{!l&&!F&&Q.current?.click()},[l,F]),{rootRef:ct,validityRef:ut,formInputRef:Ft}=Tt({forwardedRef:at,requiredMessage:Ye,required:f,files:p,setFiles:v,defaultValue:t,addFilesRef:Z}),_=Et(Ze,f,p.length);return zt(et),(0,c.jsxs)($e,{inputRef:Q,files:p,disabled:l,accept:r,multiple:i,addFiles:k,removeFile:pt,clearFiles:mt,openPicker:ft,removeLabel:x,readOnly:F,directory:_e,capture:je,labelId:nt,labelPresent:dt,setLabelPresent:st,descriptionId:Y,required:f,invalid:_,children:[(0,c.jsx)(Oe.Primitive.div,{...wt(l,F),...X,...(0,Se.skdxPart)("file-upload","root",X.className),ref:ct,children:lt??(0,c.jsx)(we,{showList:tt,showPreview:ot,renderFile:it,fileStatus:rt})}),Ht({name:h,form:m,multiple:i,accept:r,disabled:l,required:f,invalid:_,files:p,formInputRef:Ft,validityRef:ut,descriptionId:Y})]})};K.displayName="FileUpload";var Ge=B(require("react"),1),qe=require("../utils/part.cjs"),Be=require("../utils/primitive.cjs");var Je=require("react/jsx-runtime"),We=({ref:o,...t})=>{let e=s("FileUploadLabel"),{setLabelPresent:r}=e;return Ge.useEffect(()=>(r(!0),()=>r(!1)),[r]),(0,Je.jsx)(Be.Primitive.span,{id:e.labelId,...t,...(0,qe.skdxPart)("file-upload","label",t.className),ref:o})};We.displayName="FileUploadLabel";var Ke=require("../utils/part.cjs"),G=require("../utils/primitive.cjs");var Qe=require("react/jsx-runtime"),Xe=({ref:o,...t})=>{let e=s("FileUploadClear"),r=e.files.length===0;return(0,Qe.jsx)(G.Primitive.button,{type:"button",disabled:e.disabled||e.readOnly||r,"data-disabled":e.disabled?"":void 0,"data-readonly":e.readOnly?"":void 0,...t,...(0,Ke.skdxPart)("file-upload","clear",t.className),ref:o,onClick:(0,G.composeEventHandlers)(t.onClick,()=>{e.clearFiles()})})};Xe.displayName="FileUploadClear";0&&(module.exports={FileUpload,FileUploadClear,FileUploadDropzone,FileUploadInput,FileUploadItem,FileUploadItemDelete,FileUploadItemGroup,FileUploadItemName,FileUploadItemPreview,FileUploadItemProvider,FileUploadItemSizeText,FileUploadLabel,FileUploadProvider,FileUploadTrigger,useFileUploadContext,useFileUploadItemContext});