@povio/ui 4.0.3 → 5.0.0-rc.10

package/dist/{toggleGroup.types-DD6uRI5G.d.ts → toggleGroup.types-Bp43zbSQ.d.ts}

@@ -1,4 +1,5 @@
-import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
+import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
+import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
 import { t as ControlProps } from "./form.types-CecYaerF.js";
 import { FC, ReactElement, Ref, SVGProps } from "react";

package/dist/tooltip.cva-BIzlOXHH.js

@@ -0,0 +1,48 @@
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+//#region src/components/overlays/Tooltip/tooltip.cva.ts
+const tooltipDefinition = UIOverrides.defineConfig({
+	base: [
+		"group flex max-w-64 items-center justify-center gap-2 rounded-tooltip-rounding-default px-tooltip-side-default py-tooltip-height-default shadow-2",
+		"transition-[opacity,scale] duration-100 ease-out starting:scale-96 starting:opacity-0 entering:scale-96 entering:opacity-0 exiting:scale-96 exiting:opacity-0 motion-reduce:transition-none",
+		"data-[placement=top]:origin-bottom data-[placement=bottom]:origin-top data-[placement=left]:origin-right data-[placement=right]:origin-left"
+	],
+	config: {
+		variants: { color: {
+			default: ["bg-interactive-secondary-background"],
+			error: ["w-max bg-surface-destructive-base"]
+		} },
+		defaultVariants: { color: "default" }
+	}
+});
+const tooltipPointerHorizontalDefinition = UIOverrides.defineConfig({
+	base: ["h-5 group-placement-left:hidden group-placement-right:hidden group-placement-top:rotate-180 group-placement-bottom:translate-y-2 group-placement-top:-translate-y-2"],
+	config: {
+		variants: { color: {
+			default: ["text-interactive-secondary-background"],
+			error: ["text-surface-destructive-base"]
+		} },
+		defaultVariants: { color: "default" }
+	}
+});
+const tooltipPointerVerticalDefinition = UIOverrides.defineConfig({
+	base: ["w-5 group-placement-bottom:hidden group-placement-top:hidden group-placement-left:rotate-180 group-placement-left:-translate-x-2 group-placement-right:translate-x-2"],
+	config: {
+		variants: { color: {
+			default: ["text-interactive-secondary-background"],
+			error: ["text-surface-destructive-base"]
+		} },
+		defaultVariants: { color: "default" }
+	}
+});
+const tooltipTextDefinition = UIOverrides.defineConfig({
+	base: [],
+	config: {
+		variants: { color: {
+			default: ["text-interactive-secondary-foreground"],
+			error: ["text-surface-destructive-inverted-base"]
+		} },
+		defaultVariants: { color: "default" }
+	}
+});
+//#endregion
+export { tooltipTextDefinition as i, tooltipPointerHorizontalDefinition as n, tooltipPointerVerticalDefinition as r, tooltipDefinition as t };

package/dist/{tooltipWrapper.cva-CUu8pI-a.js → tooltipWrapper.cva-BBQ4ic3D.js}

@@ -1,4 +1,4 @@
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 //#region src/components/inputs/shared/tooltipWrapper.cva.ts
 const tooltipWrapperTriggerDefinition = UIOverrides.defineConfig({ base: ["inline-flex"] });
 //#endregion

package/dist/typography.cva-D1JOEYl-.d.ts

@@ -0,0 +1,36 @@
+import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
+import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
+//#region src/components/text/Typography/typography.cva.d.ts
+declare const typographyDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly size: {
+      readonly "headline-l": "md:text-headline-l";
+      readonly h1: "md:text-h1";
+      readonly h2: "md:text-h2";
+      readonly h3: "md:text-h3";
+      readonly h4: "md:text-h4";
+      readonly lead: "md:text-lead";
+      readonly small: "md:text-small";
+      readonly large: "md:text-large";
+      readonly body: "md:text-body";
+    };
+    readonly sizeMobile: {
+      readonly "headline-l": "text-headline-l";
+      readonly h1: "text-h1";
+      readonly h2: "text-h2";
+      readonly h3: "text-h3";
+      readonly h4: "text-h4";
+      readonly lead: "text-lead";
+      readonly small: "text-small";
+      readonly large: "text-large";
+      readonly body: "text-body";
+    };
+  }>;
+};
+type TypographyConfig = NonNullable<typeof typographyDefinition.config>;
+interface TypographyVariantProps extends UIOverrides.VariantProps<TypographyConfig> {
+  className?: string;
+}
+//#endregion
+export { typographyDefinition as n, TypographyVariantProps as t };

package/dist/typography.cva-iD15k56p.js

@@ -0,0 +1,51 @@
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+//#region src/components/text/Typography/typography.cva.ts
+const typographyDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: {
+		variants: {
+			size: {
+				"headline-l": "md:text-headline-l",
+				h1: "md:text-h1",
+				h2: "md:text-h2",
+				h3: "md:text-h3",
+				h4: "md:text-h4",
+				lead: "md:text-lead",
+				small: "md:text-small",
+				large: "md:text-large",
+				body: "md:text-body"
+			},
+			sizeMobile: {
+				"headline-l": "text-headline-l",
+				h1: "text-h1",
+				h2: "text-h2",
+				h3: "text-h3",
+				h4: "text-h4",
+				lead: "text-lead",
+				small: "text-small",
+				large: "text-large",
+				body: "text-body"
+			}
+		},
+		compoundVariants: [{
+			size: [
+				"headline-l",
+				"h1",
+				"h2",
+				"h3",
+				"h4"
+			],
+			className: "font-titles"
+		}, {
+			size: [
+				"lead",
+				"small",
+				"large",
+				"body"
+			],
+			className: "font-body"
+		}]
+	}
+});
+//#endregion
+export { typographyDefinition as t };

package/dist/{uiConfig.context-RFvaQYzD.js → uiConfig.context-BS3r_kTS.js}

@@ -240,7 +240,7 @@ let UIConfig;
 		},
 		button: {
 			variant: "contained",
-			size: "m"
+			size: "default"
 		},
 		numberField: { formatOptions: {
 			minimumFractionDigits: 0,
@@ -289,7 +289,7 @@ let UIConfig;
 		dateInput: {
 			showWeekNumbers: false,
 			todayIcon: false,
-			todayIconButtonSize: "none",
+			todayIconButtonSize: "sm",
 			todayIconButtonComponent: "iconButton",
 			todayIconPlacement: "content",
 			shouldForceLeadingZeros: false,
@@ -297,7 +297,7 @@ let UIConfig;
 			autoFixYear: false,
 			calendarIcon: /* @__PURE__ */ jsx(Calendar, { className: "size-5" }),
 			dateTimeIcon: /* @__PURE__ */ jsx(CalendarClock, { className: "size-5" }),
-			timeIcon: /* @__PURE__ */ jsx(Clock, { className: "size-6 text-interactive-text-secondary-idle" }),
+			timeIcon: /* @__PURE__ */ jsx(Clock, { className: "size-6 text-inherit" }),
 			setDateValueOnDateSelection: false,
 			timeZone: "clientLocal",
 			granularity: "day",
@@ -308,32 +308,23 @@ let UIConfig;
 		},
 		alertDialog: {
 			titleTypography: {
-				size: "title-5",
-				variant: "prominent-1"
+				size: "lead",
+				className: "font-bold"
 			},
-			descriptionTypography: { size: "body-3" }
+			descriptionTypography: { size: "body" }
 		},
 		bottomSheet: {
 			closeDragThreshold: 100,
 			closeVelocityThreshold: 200,
 			hideThumb: false,
 			headerTypography: {
-				size: "label-2",
-				variant: "prominent-1"
+				size: "small",
+				className: "font-bold"
 			}
 		},
-		tableHeaderText: {
-			variant: "default",
-			size: "label-1"
-		},
-		tableCellText: {
-			variant: "default",
-			size: "label-1"
-		},
-		tag: {
-			textVariant: "default",
-			textSize: "label-2"
-		},
+		tableHeaderText: { size: "large" },
+		tableCellText: { size: "large" },
+		tag: { textSize: "small" },
 		toast: {
 			variant: "outlined",
 			position: "top-right"
@@ -387,4 +378,4 @@ function _temp(val) {
 	return val !== null && val !== void 0;
 }
 //#endregion
-export { isEqual as a, useDeepCompareMemo as i, useDeepCompareEffect as n, ObjectUtils as o, useDeepCompareLayoutEffect as r, UIConfig as t };
+export { isEqual as a, useDeepCompareMemo as i, useDeepCompareEffect as n, ObjectUtils as o, useDeepCompareLayoutEffect as r, Calendar as s, UIConfig as t };

package/dist/{uiConfig.context-CIoMqe1_.d.ts → uiConfig.context-BqKWd_MO.d.ts}

@@ -1,11 +1,11 @@
-import { t as TypographyVariantProps } from "./typography.cva-YaO6JLqU.js";
-import { n as ButtonVariantProps } from "./button.cva-ChabF4Am.js";
-import { t as CheckboxVariantProps } from "./checkbox.cva-DwnPS5df.js";
-import { n as InputVariantProps } from "./input.cva-ByFuAEIS.js";
-import { t as RadioVariantProps } from "./radio.cva-DAq2M13H.js";
-import { t as SwitchVariantProps } from "./switch.cva-BIioyegR.js";
-import { r as TypographyPropsCva } from "./Typography-BWmZd20e.js";
-import { t as ToastVariantProps } from "./toast.cva-LU7TGprV.js";
+import { t as TypographyVariantProps } from "./typography.cva-D1JOEYl-.js";
+import { n as ButtonVariantProps } from "./button.cva-C7kEhgoA.js";
+import { t as CheckboxVariantProps } from "./checkbox.cva-DBqfmYHY.js";
+import { n as InputVariantProps } from "./input.cva-CQPV5gW7.js";
+import { t as RadioVariantProps } from "./radio.cva-DN9VQ3Kb.js";
+import { t as SwitchVariantProps } from "./switch.cva-CWNzmdRc.js";
+import { r as TypographyPropsCva } from "./Typography-XljT9s02.js";
+import { t as ToastVariantProps } from "./toast.cva-By5lvAfr.js";
 import { FC, PropsWithChildren, ReactElement, SVGProps } from "react";
 import { ToastPosition } from "react-toastify";
 //#region src/config/uiConfig.types.d.ts
@@ -75,7 +75,7 @@ interface UIConfigOptions {
     /** Show ISO week numbers in a leading column and start calendar weeks on Monday. */
     showWeekNumbers?: boolean;
     todayIcon?: DatePickerIcon;
-    todayIconButtonSize?: ButtonVariantProps["size"] | "none";
+    todayIconButtonSize?: ButtonVariantProps["size"];
     todayIconButtonComponent?: "iconButton" | "inlineIconButton";
     todayIconPlacement?: "content" | "fieldLabel";
     shouldForceLeadingZeros?: boolean;
@@ -102,10 +102,9 @@ interface UIConfigOptions {
     hideThumb?: boolean;
     headerTypography?: TypographyVariantProps;
   };
-  tableHeaderText: Pick<TypographyPropsCva, "variant" | "size">;
-  tableCellText: Pick<TypographyPropsCva, "variant" | "size">;
+  tableHeaderText: Pick<TypographyPropsCva, "size">;
+  tableCellText: Pick<TypographyPropsCva, "size">;
   tag: {
-    textVariant?: TypographyVariantProps["variant"];
     textSize?: TypographyVariantProps["size"];
   };
   toast: Pick<ToastVariantProps, "variant"> & {

package/dist/{uiOverrides.context-Bfm2n-n8.js → uiOverrides.context-BTCH9y5a.js}

@@ -309,7 +309,7 @@ let UIOverrides;
 		} else t1 = $[2];
 		return t1;
 	};
-	const useConfig = () => {
+	const useConfig = _UIOverrides.useConfig = () => {
 		return use(Context);
 	};
 	const useCvaOverride = _UIOverrides.useCvaOverride = (key) => {
@@ -396,4 +396,4 @@ let UIOverrides;
 	};
 })(UIOverrides || (UIOverrides = {}));
 //#endregion
-export { cva as n, UIOverrides as t };
+export { StyleMergeUtils as n, cva as r, UIOverrides as t };

package/dist/{uiOverrides.context-C3xb4Ttq.d.ts → uiOverrides.context-DEp139He.d.ts}

@@ -1,49 +1,12 @@
-import { n as ConfigSchema$1, t as CompoundMapper } from "./compoundMapper-CMoX98D2.js";
+import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
+import { n as ConfigSchema, t as CompoundMapper } from "./compoundMapper-CMoX98D2.js";
 import { PropsWithChildren } from "react";
-import { ClassProp, ClassValue, StringToBoolean } from "class-variance-authority/types";
-//#region src/utils/style-merge.util.d.ts
-declare namespace StyleMergeUtils {
-  export type OverrideMode = "merge" | "overrideEntry" | "overrideCva";
-  export interface CvaVariantMap {
-    [variant: string]: {
-      [value: string]: ClassValue;
-    };
-  }
-  export type ConfigSchema = CvaVariantMap;
-  export type ConfigVariants<TSchema extends ConfigSchema> = { [K in keyof TSchema]?: StringToBoolean<keyof NonNullable<TSchema[K]>> | null | undefined; };
-  export type ConfigVariantsMulti<TSchema extends ConfigSchema> = { [K in keyof TSchema]?: StringToBoolean<keyof NonNullable<TSchema[K]>> | StringToBoolean<keyof NonNullable<TSchema[K]>>[] | undefined; };
-  export interface Config<TSchema extends ConfigSchema> {
-    variants?: TSchema;
-    defaultVariants?: ConfigVariants<TSchema>;
-    compoundVariants?: Array<(ConfigVariants<TSchema> | ConfigVariantsMulti<TSchema>) & ClassProp>;
-  }
-  export interface CvaCompoundEntry {
-    [key: string]: unknown;
-    class?: ClassValue;
-    className?: ClassValue;
-  }
-  export interface CvaConfigShape {
-    variants?: CvaVariantMap;
-    compoundVariants?: CvaCompoundEntry[];
-    defaultVariants?: Record<string, unknown>;
-  }
-  export interface CvaDefinition<TConfig extends CvaConfigShape> {
-    base: string[];
-    config?: TConfig;
-  }
-  type DeepOptionalOverride<T> = T extends string ? string : T extends (infer U)[] ? DeepOptionalOverride<U>[] : T extends object ? { [K in keyof T]?: DeepOptionalOverride<T[K]>; } : T;
-  export type CvaConfigOverride<TConfig extends CvaConfigShape = CvaConfigShape> = DeepOptionalOverride<CvaDefinition<TConfig>> & {
-    mode: OverrideMode;
-  };
-  export const mergeCvaDefinition: <TConfig extends CvaConfigShape>(baseDefinition: CvaDefinition<TConfig>, override?: CvaConfigOverride<TConfig>) => CvaDefinition<TConfig>;
-  export {};
-}
-//#endregion
+import { ClassProp } from "class-variance-authority/types";
 //#region src/config/uiOverrides.context.d.ts
 declare namespace UIOverrides {
   export type Cva<T> = (props?: (T & ClassProp) | ClassProp) => string;
   type GenericCva = Cva<unknown>;
-  type Mapper = CompoundMapper<unknown, ConfigSchema$1>;
+  type Mapper = CompoundMapper<unknown, ConfigSchema>;
   type GenericCvaOption = StyleMergeUtils.CvaConfigOverride | GenericCva;
   type OptionKey = { [K in keyof Options]: Options[K] extends object ? `${K & string}.${keyof Options[K] & string}` : never; }[keyof Options];
   type OptionValue<K extends OptionKey> = K extends `${infer TSection}.${infer TSlot}` ? TSection extends keyof Options ? TSlot extends keyof Options[TSection] ? Options[TSection][TSlot] : never : never : never;
@@ -59,6 +22,9 @@ declare namespace UIOverrides {
   export type VariantProps<TConfig> = [keyof VariantSchema<ExtractConfig<TConfig>>] extends [never] ? EmptyObject : StyleMergeUtils.ConfigVariants<Extract<VariantSchema<ExtractConfig<TConfig>>, StyleMergeUtils.ConfigSchema>>;
   export type OverrideVariantProps<TOverride> = VariantProps<ExtractConfig<TOverride>>;
   export interface Options {
+    iconSlot: {
+      cva?: GenericCvaOption;
+    };
     button: {
       cva?: GenericCvaOption;
       sizeCva?: GenericCvaOption;
@@ -66,7 +32,7 @@ declare namespace UIOverrides {
       iconSize?: GenericCvaOption;
       typography?: Mapper;
     };
-    pillButton: {
+    badgeButton: {
       cva?: GenericCvaOption;
       typography?: Mapper;
     };
@@ -219,6 +185,7 @@ declare namespace UIOverrides {
     config?: Config;
   }
   export const Provider: ({ children, config }: PropsWithChildren<ProviderProps>) => import("react").JSX.Element;
+  export const useConfig: () => Partial<Options> | null | undefined;
   export const useCvaOverride: <K extends OptionKey>(key: K) => undefined;
   export function defineConfig(definition: {
     base: string[];
@@ -236,8 +203,8 @@ declare namespace UIOverrides {
   export const defineOverride: <K extends OptionKey, const TOverride extends NonNullable<OptionValue<K>>>(_key: K, override: TOverride) => TOverride;
   export function useCva<K extends OptionKey>(key: K, fallback: StyleMergeUtils.CvaDefinition<ConfigFromOverride<NonNullable<OptionValue<K>>> & StyleMergeUtils.CvaConfigShape>): Cva<any>;
   export function useCva<K extends OptionKey, TProps>(key: K, fallback: Cva<TProps>): Cva<TProps>;
-  export const useMapper: <T, K extends ConfigSchema$1>(key: OptionKey, fallback: CompoundMapper<T, K>) => CompoundMapper<T, K>;
+  export const useMapper: <T, K extends ConfigSchema>(key: OptionKey, fallback: CompoundMapper<T, K>) => CompoundMapper<T, K>;
   export {};
 }
 //#endregion
-export { StyleMergeUtils as n, UIOverrides as t };
+export { UIOverrides as t };

package/dist/underline-66hmELxa.js

@@ -0,0 +1,81 @@
+import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
+//#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/bold.mjs
+/**
+* @license lucide-react v1.43.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const __iconData$2 = {
+	name: "bold",
+	size: 24,
+	node: [["path", {
+		d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8",
+		key: "mg9rjx"
+	}]]
+};
+__iconData$2.node;
+const Bold = createLucideIcon(__iconData$2);
+//#endregion
+//#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/italic.mjs
+/**
+* @license lucide-react v1.43.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const __iconData$1 = {
+	name: "italic",
+	size: 24,
+	node: [
+		["line", {
+			x1: "19",
+			x2: "10",
+			y1: "4",
+			y2: "4",
+			key: "15jd3p"
+		}],
+		["line", {
+			x1: "14",
+			x2: "5",
+			y1: "20",
+			y2: "20",
+			key: "bu0au3"
+		}],
+		["line", {
+			x1: "15",
+			x2: "9",
+			y1: "4",
+			y2: "20",
+			key: "uljnxc"
+		}]
+	]
+};
+__iconData$1.node;
+const Italic = createLucideIcon(__iconData$1);
+//#endregion
+//#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/underline.mjs
+/**
+* @license lucide-react v1.43.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const __iconData = {
+	name: "underline",
+	size: 24,
+	node: [["path", {
+		d: "M6 4v6a6 6 0 0 0 12 0V4",
+		key: "9kb039"
+	}], ["line", {
+		x1: "4",
+		x2: "20",
+		y1: "20",
+		y2: "20",
+		key: "nun2al"
+	}]]
+};
+__iconData.node;
+const Underline = createLucideIcon(__iconData);
+//#endregion
+export { Italic as n, Bold as r, Underline as t };

package/dist/upload-CXU83BJ4.js

@@ -0,0 +1,30 @@
+import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
+//#region ../../node_modules/.bun/lucide-react@1.43.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/icons/upload.mjs
+/**
+* @license lucide-react v1.43.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const __iconData = {
+	name: "upload",
+	size: 24,
+	node: [
+		["path", {
+			d: "M12 3v12",
+			key: "1x0j5s"
+		}],
+		["path", {
+			d: "m17 8-5-5-5 5",
+			key: "7q97r8"
+		}],
+		["path", {
+			d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
+			key: "ih7n3h"
+		}]
+	]
+};
+__iconData.node;
+const Upload = createLucideIcon(__iconData);
+//#endregion
+export { Upload as t };

package/dist/{useBreakpoint-3kpqzjoC.js → useBreakpoint-DQoMN-BG.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 { useSyncExternalStore } from "react";
 import { c } from "react/compiler-runtime";
 //#region src/hooks/useBreakpoint.ts

package/dist/{useFieldAccessibility-BTs_WC_5.js → useFieldAccessibility-B-bjtrNw.js}

@@ -1,11 +1,12 @@
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as typographyDefinition } from "./typography.cva-BI0FyIqm.js";
-import { t as Spinner } from "./Spinner-owSXOEzg.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
+import { t as typographyDefinition } from "./typography.cva-iD15k56p.js";
+import { t as Spinner } from "./Spinner-BeVTUzzx.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
-import { r as FormFieldLabel } from "./FormField-DTO2cbXC.js";
-import { a as inputSizeDefinition, r as inputContentWrapperDefinition } from "./input.cva-KYGD4Bdz.js";
-import { n as InputClear } from "./TooltipWrapper-BVc_Aln-.js";
+import { r as FormFieldLabel } from "./FormField-9h3JAhaY.js";
+import { a as inputSizeDefinition, r as inputContentWrapperDefinition } from "./input.cva-CbMTwuQU.js";
+import { n as InputClear } from "./TooltipWrapper-CDHFaUKZ.js";
 import { isValidElement, useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/Input/shared/InputContent.tsx
@@ -25,7 +26,10 @@ const InputContent = ({ leadingIcon: LeadingIcon, trailingIcon: TrailingIcon, un
 			})),
 			children: [LeadingIcon && /* @__PURE__ */ jsx("div", {
 				className: clsx(!isLeadingIconElement && "pointer-events-none"),
-				children: isLeadingIconElement ? LeadingIcon : /* @__PURE__ */ jsx(LeadingIcon, { className: "size-6 text-interactive-text-secondary-idle" })
+				children: /* @__PURE__ */ jsx(IconSlot, {
+					icon: LeadingIcon,
+					className: "text-inherit"
+				})
 			}), /* @__PURE__ */ jsxs("div", {
 				className: inputContentWrapperCva({ as }),
 				children: [as && ["filter", "floating"].includes(as) && headerProps && /* @__PURE__ */ jsx(FormFieldLabel, {
@@ -49,10 +53,9 @@ const InputContent = ({ leadingIcon: LeadingIcon, trailingIcon: TrailingIcon, un
 				}),
 				unit && /* @__PURE__ */ jsx("span", {
 					className: typographyCva({
-						size: "label-2",
-						sizeMobile: "label-2",
-						variant: "prominent-1",
-						className: "text-text-default-3"
+						size: "small",
+						sizeMobile: "small",
+						className: "text-inherit font-bold"
 					}),
 					children: unit
 				}),
@@ -70,7 +73,10 @@ const InputContent = ({ leadingIcon: LeadingIcon, trailingIcon: TrailingIcon, un
 					className: clsx("border-0!", action.className),
 					"data-static-press-action": ""
 				}),
-				!isLoading && !action && TrailingIcon && (isTrailingIconElement ? TrailingIcon : /* @__PURE__ */ jsx(TrailingIcon, { className: "size-6 text-interactive-text-secondary-idle" }))
+				!isLoading && !action && TrailingIcon && /* @__PURE__ */ jsx(IconSlot, {
+					icon: TrailingIcon,
+					className: "text-inherit"
+				})
 			]
 		})]
 	});

package/dist/{useFormAutosave-BRlM0nmq.js → useFormAutosave-pmh35PXp.js}

@@ -1,9 +1,9 @@
-import { a as isEqual, o as ObjectUtils } from "./uiConfig.context-RFvaQYzD.js";
+import { a as isEqual, o as ObjectUtils } from "./uiConfig.context-BS3r_kTS.js";
 import { n as useForm } from "./form.binding-CG1RPv6o.js";
 import { t as StringUtils } from "./string.utils-BPgv6QwA.js";
 import { t as ZodUtils } from "./zod.utils-DrrPDT9v.js";
 import { n as getDefaultInputComponentType } from "./dynamicInputs-CRMWIpHA.js";
-import { t as InputItem } from "./InputItem-DAunP0iy.js";
+import { t as InputItem } from "./InputItem-Cv19Hwnx.js";
 import { useCallback, useEffect, useMemo, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { z } from "zod";

package/dist/{useStaticInputHandoff-_stbpoX4.js → useStaticInputHandoff-B7DEm75m.js}

@@ -1,20 +1,21 @@
-import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.js";
+import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as typographyDefinition } from "./typography.cva-BI0FyIqm.js";
-import { t as Spinner } from "./Spinner-owSXOEzg.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
+import { t as typographyDefinition } from "./typography.cva-iD15k56p.js";
+import { t as Spinner } from "./Spinner-BeVTUzzx.js";
 import { InlineIconButton } from "./components/inline-icon-button.js";
-import { r as FormFieldLabel, t as FormField } from "./FormField-DTO2cbXC.js";
-import { a as inputSizeDefinition, r as inputContentWrapperDefinition, t as inputBaseDefinition } from "./input.cva-KYGD4Bdz.js";
-import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-BVc_Aln-.js";
+import { r as FormFieldLabel, t as FormField } from "./FormField-9h3JAhaY.js";
+import { a as inputSizeDefinition, r as inputContentWrapperDefinition, t as inputBaseDefinition } from "./input.cva-CbMTwuQU.js";
+import { n as InputClear, t as TooltipWrapper } from "./TooltipWrapper-CDHFaUKZ.js";
 import { isValidElement, useId, useLayoutEffect, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useFocusRing as $32daac5f69beb98a$re_export$useFocusRing } from "react-aria/useFocusRing";
 import "react-aria/FocusScope";
 import "react-aria/private/interactions/focusSafely";
 import "react-aria/private/utils/isFocusable";
 import "react-aria/private/interactions/useFocusable";
 import "react-aria/Focusable";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { getFocusableTreeWalker as $32daac5f69beb98a$re_export$getFocusableTreeWalker } from "react-aria/private/focus/FocusScope";
 import "react-aria/FocusRing";
 import "react-aria/private/focus/useHasTabbableChild";
@@ -100,7 +101,7 @@ const InputFrame = (props) => {
 		children: [
 			leadingContent,
 			leadingIcon && /* @__PURE__ */ jsx("div", {
-				className: clsx(!isLeadingIconElement && "pointer-events-none"),
+				className: clsx("flex shrink-0", !isLeadingIconElement && "pointer-events-none"),
 				children: renderIconVisual(leadingIcon)
 			}),
 			labelPlacement === "content-row" && labelContent,
@@ -129,10 +130,9 @@ const InputFrame = (props) => {
 		trailingContent,
 		unit && /* @__PURE__ */ jsx("span", {
 			className: typographyCva({
-				size: "label-2",
-				sizeMobile: "label-2",
-				variant: "prominent-1",
-				className: "text-text-default-3"
+				size: "small",
+				sizeMobile: "small",
+				className: "text-inherit font-bold"
 			}),
 			children: unit
 		}),
@@ -163,7 +163,7 @@ const InputFrame = (props) => {
 		className: clsx("flex items-center gap-input-gap-trailing-elements", inputSizeCva({
 			size,
 			as
-		}), !isTrailingInteractive && "pointer-events-none", isDisabled && "text-interactive-text-secondary-disabled", trailingClassName),
+		}), !isTrailingInteractive && "pointer-events-none", trailingClassName),
 		children: trailingContentNodes
 	}) : trailingContentNodes;
 	const inputFrameContent = wrapContentAndTrailing ? /* @__PURE__ */ jsxs("div", {
@@ -250,8 +250,10 @@ const inputFrameContentGroupClassNames = {
 	select: "group/select-content"
 };
 const renderIconVisual = (icon) => {
-	if (isValidElement(icon)) return icon;
-	return /* @__PURE__ */ jsx(icon, { className: "size-6 text-interactive-text-secondary-idle" });
+	return /* @__PURE__ */ jsx(IconSlot, {
+		icon,
+		className: "text-inherit"
+	});
 };
 const getInputFrameDataAttributeProps = (dataAttributes) => ({
 	"data-is-empty": dataAttributes?.dataIsEmpty || void 0,