@povio/ui 4.0.3 → 5.0.0-rc.10

package/dist/{dynamicInputs-CQMTixlW.d.ts → dynamicInputs-DdcsSoYu.d.ts}

@@ -1,100 +1,102 @@
-import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
-import "./Link-DS9-0Ijl.js";
-import "./Breadcrumbs-D-3YEuem.js";
-import "./typography.cva-YaO6JLqU.js";
-import "./button.cva-ChabF4Am.js";
-import "./Button-DTNjsGx5.js";
-import "./IconButton-CYazzM7I.js";
-import "./InlineIconButton-Rp5bXWcQ.js";
-import "./pillButton.cva-BVsxGnqF.js";
-import "./PillButton-CihEPQye.js";
-import { n as DropdownMenuProps } from "./DropdownMenu-CZQRzOBb.js";
-import "./SplitButton-BPZbQeYC.js";
-import "./TextButton-D7e_YBLe.js";
-import "./ToggleButton-D4y2fLmN.js";
+import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
+import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
+import "./Link-Ow9H7kNv.js";
+import "./Breadcrumbs-CUV6CU8Q.js";
+import "./typography.cva-D1JOEYl-.js";
+import "./badgeButton.cva-B2bgCQP6.js";
+import "./button.cva-C7kEhgoA.js";
+import "./BadgeButton-Ccgt3oGO.js";
+import "./Button-D-4qb0IR.js";
+import "./IconButton-D4thBurp.js";
+import "./InlineIconButton-BeJCjl-q.js";
+import { n as DropdownMenuProps } from "./DropdownMenu-JNpYT4-3.js";
+import "./SplitButton-D9ngY1rJ.js";
+import "./TextButton-XUhV_1s0.js";
+import "./ToggleButton-7aP8Jb11.js";
 import { c as UIForm, n as FieldValues$1, r as FormInstance } from "./form.binding-DVJ5F0JE.js";
-import "./checkbox.cva-DwnPS5df.js";
-import { a as ControlledCheckboxProps } from "./Checkbox-CBybJbLm.js";
-import "./FormField-DTDj3F0A.js";
-import "./input.cva-ByFuAEIS.js";
-import { r as ControlledCheckboxGroupProps } from "./CheckboxGroup-4xoWgmxr.js";
-import "./FileInput-CI8D_wf_.js";
-import "./FileUpload-BrnJdN3M.js";
-import "./FileUploadContainer-CkBENy6n.js";
-import { r as InputComponent } from "./Input-DSHFNEVl.js";
-import { r as NumberFieldComponent } from "./NumberField-BICDQ2gN.js";
-import { t as ControlledNumberRangeInputProps } from "./NumberRangeInput-BlGXChNR.js";
-import { t as ControlledPasswordInputProps } from "./PasswordInput-BdrYD1D3.js";
-import { t as ControlledTextAreaProps } from "./TextArea-CBWJ7w-p.js";
-import "./radio.cva-DAq2M13H.js";
-import { s as SelectItem, t as DefaultInitialSelectItem } from "./SelectBase-DefgAEzh.js";
+import "./checkbox.cva-DBqfmYHY.js";
+import { a as ControlledCheckboxProps } from "./Checkbox-x2MuL477.js";
+import "./FormField-C8_T6by9.js";
+import "./input.cva-CQPV5gW7.js";
+import { r as ControlledCheckboxGroupProps } from "./CheckboxGroup-Dio2rvF5.js";
+import "./FileInput-Dt3UDg2s.js";
+import "./FileUpload-BXlKtQ4L.js";
+import "./FileUploadContainer-BURZAS2M.js";
+import { r as InputComponent } from "./Input-CHD67H4o.js";
+import { r as NumberFieldComponent } from "./NumberField-4SX3R6IR.js";
+import { t as ControlledNumberRangeInputProps } from "./NumberRangeInput-CKmLfgVD.js";
+import { t as ControlledPasswordInputProps } from "./PasswordInput-tLGcHS6H.js";
+import { t as ControlledTextAreaProps } from "./TextArea-D6kcAwGn.js";
+import "./radio.cva-DN9VQ3Kb.js";
+import { s as SelectItem, t as DefaultInitialSelectItem } from "./SelectBase-BkIhS9Dg.js";
 import { n as HasRequiredProperty } from "./common-UBFya8WY.js";
-import { n as AutocompleteProps, r as ControlledAutocompleteProps } from "./Autocomplete-DE2lQi5o.js";
-import { n as QueryFn, t as QueryAutocompleteProps } from "./queryAutocomplete.types-Dm8Ttx4v.js";
-import { r as SelectProps, t as ControlledSelectProps } from "./Select-wzB2aQ_X.js";
-import { n as QuerySelectProps, r as QueryFn$1 } from "./QuerySelect-Bpz-qI9h.js";
-import { t as ControlledSliderProps } from "./Slider-CZMNmk6P.js";
-import "./switch.cva-BIioyegR.js";
-import { t as ControlledSwitchProps } from "./Switch-C0S5Juhf.js";
-import "./Dialog-DEbI_9S-.js";
-import "./Typography-BWmZd20e.js";
-import "./AlertDialog-PjYM6lDo.js";
-import "./BottomSheet.lazy-7AwnB4vS.js";
+import { n as AutocompleteProps, r as ControlledAutocompleteProps } from "./Autocomplete-C6RRxImn.js";
+import { n as QueryFn, t as QueryAutocompleteProps } from "./queryAutocomplete.types-D2w1_hau.js";
+import { r as SelectProps, t as ControlledSelectProps } from "./Select-DKBPfNUe.js";
+import { n as QuerySelectProps, r as QueryFn$1 } from "./QuerySelect-CgfnA3d-.js";
+import { t as ControlledSliderProps } from "./Slider-BtUXzztJ.js";
+import "./switch.cva-CWNzmdRc.js";
+import { t as ControlledSwitchProps } from "./Switch-s_EPn0Jz.js";
+import "./Dialog-CW93T9X1.js";
+import "./Typography-XljT9s02.js";
+import "./AlertDialog-OWTbR4km.js";
+import "./BottomSheet.lazy-D9LCEo7s.js";
 import "./Drawer-D1cHiBFO.js";
-import "./Popover-C0_-TLl_.js";
-import "./Tooltip-B-2AxyjP.js";
+import "./Popover-BTHPteIh.js";
+import "./Tooltip-DHv6vAqW.js";
 import "./TooltipEllipsis-Di9Dvd4x.js";
-import "./PaginationList-D79ApWLm.js";
-import "./Pagination-CumQED8X.js";
-import "./Alert-CbEhRaU5.js";
-import "./Spinner-BOgO9bS6.js";
-import "./toast.cva-LU7TGprV.js";
-import "./Toast-DIlYlUQk.js";
-import "./useToast-NBGlVeFP.js";
-import "./Badge-CjPpYa50.js";
-import "./Tag-CgPeLVXM.js";
+import "./PaginationList-DMRUGtf8.js";
+import "./Pagination-CwQu5Py8.js";
+import "./Alert-DfiJbKH0.js";
+import "./Spinner-DbXeDOa2.js";
+import "./toast.cva-By5lvAfr.js";
+import "./Toast-ruXqONDA.js";
+import "./useToast-yreVCUer.js";
+import "./Badge-CBNpj823.js";
+import "./Tag-AHfV_XSf.js";
 import "./Accordion-Cup5eRZz.js";
-import "./confirmation.context-fKfUTsLF.js";
-import { t as ControlledDatePickerProps } from "./DatePicker-CjmXaZ9T.js";
-import { t as ControlledDateRangePickerProps } from "./DateRangePicker-D1kjkFfS.js";
-import { t as ControlledDateTimePickerProps } from "./DateTimePicker-CT_Pm3KB.js";
+import "./uiConfig.context-BqKWd_MO.js";
+import "./confirmation.context-BOeEVczb.js";
+import { t as ControlledDatePickerProps } from "./DatePicker-1LJ2LqST.js";
+import { t as ControlledDateRangePickerProps } from "./DateRangePicker-Dfptit_Z.js";
+import { t as ControlledDateTimePickerProps } from "./DateTimePicker-DpsfukpQ.js";
 import "./date-time.utils-Cu9TVj46.js";
-import "./MenuItem-CROWrE2A.js";
-import "./link.context-C5ZgwVM5.js";
-import "./Progress-CYfDXJKs.js";
-import { t as Autocomplete } from "./autocomplete-CaQSVRrw.js";
-import { t as Checkbox } from "./checkbox-D8CPWRlM.js";
-import { t as CheckboxGroup } from "./checkbox-group-BuPUA_Qj.js";
-import { n as DatePicker } from "./date-picker-MXt02b7Z.js";
-import { n as DateRangePicker } from "./date-range-picker-BjT0t21q.js";
-import { n as DateTimePicker } from "./date-time-picker-CMmIuZtT.js";
-import "./file-upload-BG20Bhrn.js";
-import "./file-input-D-46wS5j.js";
-import { n as NumberField } from "./number-field-CyP6XgJh.js";
-import { n as NumberRangeInput } from "./number-range-input-DMmlk7Bl.js";
-import { n as PasswordInput } from "./password-input-BWpfQe0G.js";
-import { t as QueryAutocomplete } from "./query-autocomplete-DV8fEkK2.js";
-import { t as QuerySelect } from "./query-select-BZ3-5WTu.js";
-import "./radio-group-CmUtsjqP.js";
-import "./toggleGroup.types-DD6uRI5G.js";
-import { n as ToggleGroup } from "./toggle-group-CPkKHm1t.js";
-import { n as Select } from "./select-DXGbGkZM.js";
-import { n as Slider } from "./slider-JQh0ypfU.js";
-import { n as TextArea } from "./text-area-I5MNcGp_.js";
-import "./rich-text-editor-Db3XWWFo.js";
-import { n as Input } from "./input-CKGPYwfB.js";
-import { t as ControlledTimePickerProps } from "./TimePicker-BZ4WrI5Z.js";
-import { n as TimePicker } from "./time-picker-DdhW8GmD.js";
-import { n as Switch } from "./switch-Lm3xl1rQ.js";
-import "./Stepper-PcHlxDD5.js";
-import "./useTableNav-Tu8UZxHA.js";
+import "./MenuItem-DHyqOqln.js";
+import "./iconSlot.cva-CnpFzAOR.js";
+import "./link.context-D5qyz9Rf.js";
+import "./Progress-CjWOR38H.js";
+import { t as Autocomplete } from "./autocomplete-B-JuxTYN.js";
+import { t as Checkbox } from "./checkbox-CRP4QRfP.js";
+import { t as CheckboxGroup } from "./checkbox-group-BI_RwIJ4.js";
+import { n as DatePicker } from "./date-picker-BhIA01qs.js";
+import { n as DateRangePicker } from "./date-range-picker-BsuZ2h_3.js";
+import { n as DateTimePicker } from "./date-time-picker-Bi-qW6vO.js";
+import "./file-upload-CqGdt1Ue.js";
+import "./file-input-BTYsGgr7.js";
+import { n as NumberField } from "./number-field-BcMnahI8.js";
+import { n as NumberRangeInput } from "./number-range-input-CLfuacKv.js";
+import { n as PasswordInput } from "./password-input-BV1Amdc8.js";
+import { t as QueryAutocomplete } from "./query-autocomplete-CJSJeSXW.js";
+import { t as QuerySelect } from "./query-select-B-VLz1PW.js";
+import "./radio-group-DZZdQMub.js";
+import "./toggleGroup.types-Bp43zbSQ.js";
+import { n as ToggleGroup } from "./toggle-group-C1nMDOwz.js";
+import { n as Select } from "./select-FjDx5oe4.js";
+import { n as Slider } from "./slider-BVJiBswZ.js";
+import { n as TextArea } from "./text-area-DhSVRB6X.js";
+import "./rich-text-editor-Cp5dYHQI.js";
+import { n as Input } from "./input-CqNMORk8.js";
+import { t as ControlledTimePickerProps } from "./TimePicker-Dex9aU7D.js";
+import { n as TimePicker } from "./time-picker-DhnDKh97.js";
+import { n as Switch } from "./switch-C--iWnY8.js";
+import "./Stepper-TATlHZhQ.js";
+import "./useTableNav-Ckj5PBRk.js";
 import "./router.context-CtafjXV7.js";
 import "./theme.context-DfBt5Pz6.js";
-import "./uiConfig.context-CIoMqe1_.js";
 import "./useFilters-BxRScJdn.js";
 import "./useLocalStorage-DGsBUCT6.js";
 import "./useTranslationMemo-Dy3p6m1g.js";
-import { t as ToggleGroup$1 } from "./ToggleGroup-D9CFdM5-.js";
+import { t as ToggleGroup$1 } from "./ToggleGroup-CRFDIPGZ.js";
 import { ComponentProps, DependencyList, EffectCallback, JSXElementConstructor, KeyboardEvent, ReactElement, ReactNode, RefObject, SetStateAction, SyntheticEvent } from "react";
 import { PopoverProps } from "react-aria-components";
 import { z } from "zod";
@@ -186,11 +188,11 @@ declare const breadcrumbItemDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly isCurrent: {
-      readonly true: "text-interactive-text-primary-idle";
-      readonly false: "text-interactive-text-secondary-idle hover:text-interactive-text-secondary-hover";
+      readonly true: "text-interactive-primary-background";
+      readonly false: "text-surface-default-foreground hover:text-state-surface-default-foreground/hover";
     };
     readonly isEllipsis: {
-      readonly true: "hover:text-interactive-text-primary-hover!";
+      readonly true: "hover:text-state-interactive-primary-background/hover!";
       readonly false: "";
     };
   }>;
@@ -230,7 +232,7 @@ declare const accordionItemDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly variant: {
-      readonly filled: "rounded-accordion-rounding-filled bg-elevation-fill-default-2";
+      readonly filled: "rounded-accordion-rounding-filled bg-surface-default-background";
       readonly outlined: "";
     };
     readonly singleItem: {
@@ -243,8 +245,8 @@ declare const accordionTriggerDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly variant: {
-      readonly outlined: "rounded-accordion-rounding-outlined hover:bg-elevation-fill-default-2";
-      readonly filled: "rounded-accordion-rounding-filled bg-elevation-fill-default-2 hover:bg-elevation-fill-default-3";
+      readonly outlined: "rounded-accordion-rounding-outlined hover:bg-state-surface-default-popover/hover";
+      readonly filled: "rounded-accordion-rounding-filled bg-surface-default-background hover:bg-state-surface-default-popover/hover";
     };
     readonly actionPosition: {
       readonly left: "flex-row-reverse";
@@ -284,7 +286,7 @@ declare const accordionPanelDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly isExpanded: {
-      readonly true: "px-accordion-side-accordion pt-0 pb-accordion-height-accordion";
+      readonly true: "";
     };
   }>;
 };
@@ -298,10 +300,8 @@ declare const datePickerInputContentRowDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly size: {
-      readonly "extra-small": "";
       readonly small: "";
       readonly default: "";
-      readonly large: "";
     };
   }>;
 };
@@ -315,8 +315,8 @@ declare const fileUploadDropZoneDefinition: {
       horizontal: ["flex-row justify-between"];
     };
     readonly isContainer: {
-      true: ["data-[drop-target]:before:content-['']", "data-[drop-target]:before:absolute", "data-[drop-target]:before:z-drop-target", "data-[drop-target]:before:width-full", "data-[drop-target]:before:height-full", "data-[drop-target]:before:top-0", "data-[drop-target]:before:left-0", "data-[drop-target]:border data-[drop-target]:border-dashed", "data-[drop-target]:border-elevation-outline-default-2", "data-[drop-target]:before:pointer-events-none data-[drop-target]:before:inset-0", "data-[drop-target]:before:bg-elevation-fill-default-2"];
-      false: ["flex items-center", "py-file-upload-container-height-top-bottom", "px-file-upload-container-side-default", "gap-gap-file-upload-content-gap-icon-to-content", "border border-input-outlined-outline-idle border-dashed bg-input-outlined-idle", "hover:border-elevation-outline-default-2 hover:bg-elevation-fill-default-2", "invalid:border invalid:border-input-outlined-outline-error", "data-[drop-target]:border-elevation-outline-default-2 data-[drop-target]:bg-elevation-fill-default-2", "data-[has-files]:border-solid"];
+      true: ["data-[drop-target]:before:content-['']", "data-[drop-target]:before:absolute", "data-[drop-target]:before:z-drop-target", "data-[drop-target]:before:w-full", "data-[drop-target]:before:h-full", "data-[drop-target]:before:top-0", "data-[drop-target]:before:left-0", "data-[drop-target]:border data-[drop-target]:border-dashed", "data-[drop-target]:border-interactive-ring", "data-[drop-target]:before:pointer-events-none data-[drop-target]:before:inset-0", "data-[drop-target]:before:bg-state-interactive-subtle-primary-background/hover"];
+      false: ["flex items-center", "py-file-upload-container-height-top-bottom", "px-file-upload-container-side-default", "gap-file-upload-content-gap-icon-to-content", "border border-border-default-subtle border-dashed bg-surface-default-card", "not-disabled:not-invalid:not-data-[filled]:hover:border-border-default-base not-disabled:not-invalid:not-data-[filled]:hover:bg-state-surface-default-background/hover", "not-disabled:not-invalid:data-[drop-target]:border-border-default-base not-disabled:not-invalid:data-[drop-target]:bg-state-surface-default-background/hover", "invalid:border-dashed invalid:border-border-destructive-base!", "not-invalid:data-[filled]:border-solid"];
     };
   }>;
 };
@@ -337,7 +337,7 @@ declare const formFieldErrorDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly visible: {
-      readonly true: "mt-1-5";
+      readonly true: "mt-1.5";
       readonly false: "sr-only";
     };
   }>;
@@ -348,7 +348,7 @@ declare const formFieldHelperDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly visible: {
-      readonly true: "mt-1-5";
+      readonly true: "mt-1.5";
       readonly false: "sr-only";
     };
   }>;
@@ -365,10 +365,10 @@ declare const labelDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly as: {
-      default: ["flex items-start gap-1 text-text-default-1 input-disabled:text-text-default-3"];
-      filter: ["text-text-default-1 input-disabled:text-text-default-3"];
-      inline: ["flex items-start gap-1 text-text-default-1"];
-      floating: ["pointer-events-none", "absolute transition-all duration-75", "top-1/2 -translate-y-1/2", "text-text-default-3", "input-disabled:text-interactive-text-secondary-disabled!", "input-filled:top-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top))]", "input-filled:translate-y-0", "input-filled:text-text-default-1", "input-filled:font-semibold!", "input-filled:text-label-3!", "group-data-[text-area]/text-area:top-floating-label-input-height-empty group-data-[text-area]/text-area:translate-y-0", "group-has-[textarea:not(:placeholder-shown)]/text-area:hidden", "group-data-[text-editor]/text-editor:top-floating-label-input-height-empty group-data-[text-editor]/text-editor:left-input-side-default group-data-[text-editor]/text-editor:translate-y-0", "group-data-[is-filled=true]/text-editor:hidden"];
+      default: ["flex items-start gap-1 text-surface-default-card-foreground input-disabled:text-state-surface-default-card-foreground/disabled"];
+      filter: ["text-surface-default-foreground input-disabled:text-state-surface-default-foreground/disabled"];
+      inline: ["flex items-start gap-1 text-surface-default-card-foreground input-disabled:text-state-surface-default-card-foreground/disabled"];
+      floating: ["pointer-events-none font-normal!", "absolute transition-all duration-75", "top-1/2 -translate-y-1/2", "text-surface-default-card-foreground", "input-disabled:text-state-surface-default-card-foreground/disabled!", "input-filled:top-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top))]", "input-filled:translate-y-0", "input-filled:text-surface-default-card-foreground", "input-filled:font-bold!", "input-filled:text-small!", "group-data-[text-area]/text-area:top-floating-label-input-height-empty group-data-[text-area]/text-area:translate-y-0", "group-has-[textarea:not(:placeholder-shown)]/text-area:hidden", "group-data-[text-editor]/text-editor:top-floating-label-input-height-empty group-data-[text-editor]/text-editor:left-input-side-default group-data-[text-editor]/text-editor:translate-y-0", "group-data-[is-filled=true]/text-editor:hidden"];
     };
   }>;
 };
@@ -396,11 +396,12 @@ declare const selectListBoxItemDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly isSingle: {
-      readonly true: "selected:bg-interactive-contained-primary-idle selected:text-interactive-contained-primary-on-idle";
+      readonly false: "";
+      readonly true: "selected:bg-interactive-primary-background selected:text-interactive-primary-foreground selected:disabled:text-state-interactive-primary-foreground/disabled";
     };
     readonly isNewItem: {
-      readonly true: "text-interactive-text-primary-idle";
-      readonly false: "text-interactive-text-secondary-idle";
+      readonly true: "text-interactive-primary-background disabled:text-state-interactive-primary-background/disabled";
+      readonly false: "text-surface-default-foreground disabled:text-state-surface-default-foreground/disabled";
     };
   }>;
 };
@@ -417,7 +418,7 @@ declare const statusIconDefinition: {
   config: StyleMergeUtils.Config<{
     readonly variant: {
       readonly outlined: "";
-      readonly contained: "text-text-inverted-1";
+      readonly contained: "text-inherit";
     };
     readonly color: {
       readonly neutral: "";
@@ -435,10 +436,10 @@ declare const statusSeparatorDefinition: {
       readonly contained: "hidden";
     };
     readonly color: {
-      readonly neutral: "bg-elevation-outline-default-1";
-      readonly success: "bg-elevation-outline-success-1";
-      readonly warning: "bg-elevation-outline-warning-1";
-      readonly error: "bg-elevation-outline-error-1";
+      readonly neutral: "bg-border-default-subtle";
+      readonly success: "bg-surface-success-base";
+      readonly warning: "bg-surface-warning-base";
+      readonly error: "bg-surface-destructive-base";
     };
   }>;
 };

package/dist/{fieldAdapter-BYVPxvYi.js → fieldAdapter-DjYls12j.js}

@@ -1,4 +1,4 @@
-import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.js";
+import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { Controller } from "react-hook-form";

package/dist/{file-input-D-46wS5j.d.ts → file-input-BTYsGgr7.d.ts}

@@ -1,4 +1,4 @@
-import { n as FileInputBaseProps } from "./FileInput-CI8D_wf_.js";
+import { n as FileInputBaseProps } from "./FileInput-Dt3UDg2s.js";
 import { t as ControlProps } from "./form.types-ZNGbcqJS.js";
 import { FieldValues } from "react-hook-form";
 //#region src/entries/rhf/file-input.d.ts

package/dist/{file-upload-BG20Bhrn.d.ts → file-upload-CqGdt1Ue.d.ts}

@@ -1,5 +1,5 @@
-import { n as FileUploadBaseProps } from "./fileUpload.types-xFzuCT_m.js";
-import "./FileUpload-BrnJdN3M.js";
+import { n as FileUploadBaseProps } from "./fileUpload.types-rIGu4MgY.js";
+import "./FileUpload-BXlKtQ4L.js";
 import { t as ControlProps } from "./form.types-ZNGbcqJS.js";
 import { FieldValues } from "react-hook-form";
 //#region src/entries/rhf/file-upload.d.ts

package/dist/fileUpload.cva-ujmStxB1.js

@@ -0,0 +1,42 @@
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+//#region src/components/inputs/File/shared/fileUpload.cva.ts
+const fileUploadDropZoneDefinition = UIOverrides.defineConfig({
+	base: ["relative w-full rounded-file-upload-container-rounding-default"],
+	config: {
+		variants: {
+			variant: {
+				vertical: ["flex-col justify-center"],
+				horizontal: ["flex-row justify-between"]
+			},
+			isContainer: {
+				true: [
+					"data-[drop-target]:before:content-['']",
+					"data-[drop-target]:before:absolute",
+					"data-[drop-target]:before:z-drop-target",
+					"data-[drop-target]:before:w-full",
+					"data-[drop-target]:before:h-full",
+					"data-[drop-target]:before:top-0",
+					"data-[drop-target]:before:left-0",
+					"data-[drop-target]:border data-[drop-target]:border-dashed",
+					"data-[drop-target]:border-interactive-ring",
+					"data-[drop-target]:before:pointer-events-none data-[drop-target]:before:inset-0",
+					"data-[drop-target]:before:bg-state-interactive-subtle-primary-background/hover"
+				],
+				false: [
+					"flex items-center",
+					"py-file-upload-container-height-top-bottom",
+					"px-file-upload-container-side-default",
+					"gap-file-upload-content-gap-icon-to-content",
+					"border border-border-default-subtle border-dashed bg-surface-default-card",
+					"not-disabled:not-invalid:not-data-[filled]:hover:border-border-default-base not-disabled:not-invalid:not-data-[filled]:hover:bg-state-surface-default-background/hover",
+					"not-disabled:not-invalid:data-[drop-target]:border-border-default-base not-disabled:not-invalid:data-[drop-target]:bg-state-surface-default-background/hover",
+					"invalid:border-dashed invalid:border-border-destructive-base!",
+					"not-invalid:data-[filled]:border-solid"
+				]
+			}
+		},
+		defaultVariants: { variant: "vertical" }
+	}
+});
+//#endregion
+export { fileUploadDropZoneDefinition as t };

package/dist/{fileUpload.types-xFzuCT_m.d.ts → fileUpload.types-rIGu4MgY.d.ts}

@@ -1,7 +1,7 @@
-import { i as ButtonProps$1 } from "./Button-DTNjsGx5.js";
+import { i as ButtonProps$1 } from "./Button-D-4qb0IR.js";
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
 import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { n as FormFieldProps } from "./FormField-DTDj3F0A.js";
+import { n as FormFieldProps } from "./FormField-C8_T6by9.js";
 import { ReactNode, Ref } from "react";
 import { DropZoneProps, FileTriggerProps } from "react-aria-components";
 //#region src/types/error-handling.d.ts

package/dist/iconSlot.cva-CnpFzAOR.d.ts

@@ -0,0 +1,21 @@
+import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
+import { ComponentPropsWithRef, FC, ReactElement, SVGProps } from "react";
+//#region src/components/shared/IconSlot/IconSlot.d.ts
+type IconSlotIcon = FC<SVGProps<SVGSVGElement>> | ReactElement;
+interface IconSlotProps extends Omit<ComponentPropsWithRef<"span">, "children"> {
+  icon: IconSlotIcon;
+  /** Fraction of the slot occupied by the SVG. Defaults to --icons-scale, or 0.8. */
+  scale?: number;
+  /** Classes for the SVG; className styles the outer slot. */
+  iconClassName?: string;
+}
+/** Reserves the Figma icons-size token and centers a smaller SVG inside it. */
+declare const IconSlot: ({ icon, scale, iconClassName, className, style, ...props }: IconSlotProps) => import("react").JSX.Element;
+//#endregion
+//#region src/components/shared/IconSlot/iconSlot.cva.d.ts
+declare const iconSlotDefinition: {
+  base: string[];
+  config?: StyleMergeUtils.Config<Record<never, never>>;
+};
+//#endregion
+export { IconSlotProps as i, IconSlot as n, IconSlotIcon as r, iconSlotDefinition as t };

package/dist/icons.d.ts

@@ -1,2 +1,3 @@
+import { i as IconSlotProps, n as IconSlot, r as IconSlotIcon, t as iconSlotDefinition } from "./iconSlot.cva-CnpFzAOR.js";
 import { X as CloseIcon } from "lucide-react";
-export { CloseIcon };
+export { CloseIcon, IconSlot, type IconSlotIcon, type IconSlotProps, iconSlotDefinition };

package/dist/icons.js

@@ -1,2 +1,3 @@
 import { t as X } from "./x-B6vfz8Ps.js";
-export { X as CloseIcon };
+import { n as iconSlotDefinition, t as IconSlot } from "./IconSlot-DSK7qNxc.js";
+export { X as CloseIcon, IconSlot, iconSlotDefinition };