@povio/ui 3.4.0-rc.2 → 3.4.0-rc.22

package/dist/Slider-HF31GF1t.d.ts

@@ -0,0 +1,22 @@
+import { p as SliderProps$1 } from "./types-BV15_DBT.js";
+import { n as FieldValues } from "./form.binding-DWlFTecs.js";
+import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
+import { n as FormFieldProps } from "./FormField-FvutosEE.js";
+import { FocusEvent, Ref } from "react";
+//#region src/components/inputs/Slider/Slider.d.ts
+type SliderValue<IsRange extends boolean = false> = IsRange extends false ? number : number[];
+interface SliderBaseProps<IsRange extends boolean = false> extends FormFieldProps, Omit<SliderProps$1, "value" | "defaultValue" | "onChange" | "className"> {
+  ref?: Ref<HTMLDivElement>;
+  unit?: string;
+  isRange?: IsRange;
+  defaultValue?: SliderValue<IsRange>;
+  value?: SliderValue<IsRange>;
+  onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+  onChange?: (value: SliderValue<IsRange>) => void;
+}
+type SliderProps<IsRange extends boolean = false> = SliderBaseProps<IsRange>;
+type ControlledSliderProps<TFieldValues extends FieldValues, IsRange extends boolean = false> = ControlProps<SliderProps<IsRange>, TFieldValues>;
+declare const SliderComponent: <TFieldValues extends FieldValues, IsRange extends boolean = false>(props: ControlledSliderProps<TFieldValues, IsRange>) => import("react/jsx-runtime").JSX.Element;
+declare const Slider: typeof SliderComponent;
+//#endregion
+export { Slider as n, SliderProps as r, ControlledSliderProps as t };

package/dist/SplitButton-CnyLnCrQ.d.ts

@@ -0,0 +1,15 @@
+import { t as ButtonProps } from "./types-BV15_DBT.js";
+import { n as LinkNavigationProps } from "./Link-DwUGkr9s.js";
+import { n as ButtonVariantProps } from "./button.cva-zMNkoZH8.js";
+import { n as MenuItem } from "./Menu-CLA3gTYc.js";
+//#region src/components/buttons/SplitButton/SplitButton.d.ts
+interface SplitButtonProps extends ButtonVariantProps, Omit<ButtonProps, "children"> {
+  label: string;
+  labelRight: string;
+  link?: LinkNavigationProps;
+  items: MenuItem[];
+  isLoading?: boolean;
+}
+declare const SplitButton: ({ variant, color, width, size, label, labelRight, link, items, className, isLoading, ...props }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { SplitButtonProps as n, SplitButton as t };

package/dist/Stepper-JUO4MbZx.d.ts

@@ -0,0 +1,113 @@
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-BdokYcGO.js";
+//#region src/components/navigation/Stepper/stepper.cva.d.ts
+declare const stepperDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly orientation: {
+      readonly horizontal: "flex flex-row items-center gap-stepper-gap-step-to-line-horizontal";
+      readonly vertical: "inline-flex flex-col gap-stepper-gap-step-to-line-vertical";
+    };
+  }>;
+};
+type StepperConfig = NonNullable<typeof stepperDefinition.config>;
+interface StepperVariantProps extends UIOverrides.VariantProps<StepperConfig> {}
+declare const stepperItemDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly contentOrientation: {
+      readonly horizontal: "flex-row items-center gap-stepper-gap-icon-to-text-horizontal text-left";
+      readonly vertical: "flex-col items-center gap-stepper-gap-icon-to-text-vertical text-center";
+    };
+  }>;
+};
+type StepperItemConfig = NonNullable<typeof stepperItemDefinition.config>;
+interface StepperItemVariantProps extends UIOverrides.VariantProps<StepperItemConfig> {}
+declare const stepperIconDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly status: {
+      readonly completed: ["border border-interactive-outlined-primary-outline-idle border-solid bg-interactive-contained-primary-idle", "group-hover:border-interactive-outlined-primary-outline-hover group-hover:bg-interactive-contained-primary-hover", "group-pressed:border-interactive-outlined-primary-outline-pressed group-pressed:bg-interactive-contained-primary-pressed"];
+      readonly active: "border border-interactive-outlined-primary-on-idle border-solid bg-interactive-outlined-primary-idle";
+      readonly todo: "border border-interactive-outlined-primary-outline-disabled border-solid bg-interactive-outlined-primary-disabled";
+    };
+  }>;
+};
+declare const stepperNumberDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly status: {
+      readonly completed: "";
+      readonly active: "text-interactive-outlined-primary-on-idle";
+      readonly todo: "text-interactive-outlined-primary-on-disabled";
+    };
+  }>;
+};
+declare const stepperTitleDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly status: {
+      readonly completed: ["text-interactive-text-secondary-idle", "group-hover:text-interactive-text-secondary-hover", "group-pressed:text-interactive-text-secondary-pressed"];
+      readonly active: "text-interactive-text-primary-idle";
+      readonly todo: "text-interactive-text-secondary-disabled";
+    };
+  }>;
+};
+declare const stepperSubtextDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly status: {
+      readonly completed: ["text-interactive-text-secondary-idle", "group-hover:text-interactive-text-secondary-hover", "group-pressed:text-interactive-text-secondary-pressed"];
+      readonly active: "text-interactive-text-secondary-idle";
+      readonly todo: "text-interactive-text-secondary-disabled";
+    };
+  }>;
+};
+declare const stepperSeparatorDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly orientation: {
+      readonly horizontal: "h-px min-w-4 flex-1";
+      readonly vertical: "min-h-16 w-px";
+    };
+    readonly contentOrientation: {
+      readonly horizontal: "";
+      readonly vertical: "";
+    };
+  }>;
+};
+//#endregion
+//#region src/components/navigation/Stepper/stepper.types.d.ts
+/** A single step definition passed by the consumer. */
+interface StepItem {
+  /** Unique key for React rendering. */
+  id: string;
+  /** Step title text. Rendered unless iconsOnly is true. */
+  title: string;
+  /** Optional subtext beneath the title. Only rendered in default (full) mode. */
+  subtext?: string;
+}
+/** Public props for the Stepper component. */
+interface StepperProps extends StepperVariantProps, StepperItemVariantProps {
+  /** Array of step definitions. Order determines step numbering (1-based). */
+  steps: StepItem[];
+  /**
+   * The current active step index (0-based).
+   * - Steps at index < currentStep are "completed"
+   * - Step at index === currentStep is "active"
+   * - Steps at index > currentStep are "todo"
+   */
+  currentStep: number;
+  /** When true, only step indicator icons are rendered (no title or subtext). */
+  iconsOnly?: boolean;
+  /** When true, step indicator icons and titles are rendered (no subtext). Takes no effect if iconsOnly is true. */
+  titlesOnly?: boolean;
+  /** Callback when a completed step is clicked. Receives the 0-based step index. */
+  onStepClick?: (stepIndex: number) => void;
+  /** Optional className for the root container. */
+  className?: string;
+}
+//#endregion
+//#region src/components/navigation/Stepper/Stepper.d.ts
+declare const Stepper: ({ steps, currentStep, orientation, contentOrientation, iconsOnly, titlesOnly, onStepClick, className }: StepperProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { stepperDefinition as a, stepperNumberDefinition as c, stepperTitleDefinition as d, StepperVariantProps as i, stepperSeparatorDefinition as l, StepItem as n, stepperIconDefinition as o, StepperProps as r, stepperItemDefinition as s, Stepper as t, stepperSubtextDefinition as u };

package/dist/Stepper-yN3fNyGt.js

@@ -0,0 +1,336 @@
+import { t as Check } from "./check-M2G7r3oH.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-Cq7t4Xxl.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as Typography } from "./Typography-AcUd9df8.js";
+import { Fragment } from "react";
+import { c } from "react/compiler-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/navigation/Stepper/stepper.cva.ts
+const stepperDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: {
+		variants: { orientation: {
+			horizontal: "flex flex-row items-center gap-stepper-gap-step-to-line-horizontal",
+			vertical: "inline-flex flex-col gap-stepper-gap-step-to-line-vertical"
+		} },
+		defaultVariants: { orientation: "horizontal" }
+	}
+});
+const stepperItemDefinition = UIOverrides.defineConfig({
+	base: ["flex shrink-0"],
+	config: {
+		variants: { contentOrientation: {
+			horizontal: "flex-row items-center gap-stepper-gap-icon-to-text-horizontal text-left",
+			vertical: "flex-col items-center gap-stepper-gap-icon-to-text-vertical text-center"
+		} },
+		defaultVariants: { contentOrientation: "horizontal" }
+	}
+});
+const stepperIconDefinition = UIOverrides.defineConfig({
+	base: ["inline-flex size-5 shrink-0 items-center justify-center rounded-stepper-rounding-icon"],
+	config: {
+		variants: { status: {
+			completed: [
+				"border border-interactive-outlined-primary-outline-idle border-solid bg-interactive-contained-primary-idle",
+				"group-hover:border-interactive-outlined-primary-outline-hover group-hover:bg-interactive-contained-primary-hover",
+				"group-pressed:border-interactive-outlined-primary-outline-pressed group-pressed:bg-interactive-contained-primary-pressed"
+			],
+			active: "border border-interactive-outlined-primary-on-idle border-solid bg-interactive-outlined-primary-idle",
+			todo: "border border-interactive-outlined-primary-outline-disabled border-solid bg-interactive-outlined-primary-disabled"
+		} },
+		defaultVariants: { status: "todo" }
+	}
+});
+const stepperNumberDefinition = UIOverrides.defineConfig({
+	base: ["text-center align-middle"],
+	config: {
+		variants: { status: {
+			completed: "",
+			active: "text-interactive-outlined-primary-on-idle",
+			todo: "text-interactive-outlined-primary-on-disabled"
+		} },
+		defaultVariants: { status: "todo" }
+	}
+});
+const stepperTitleDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: {
+		variants: { status: {
+			completed: [
+				"text-interactive-text-secondary-idle",
+				"group-hover:text-interactive-text-secondary-hover",
+				"group-pressed:text-interactive-text-secondary-pressed"
+			],
+			active: "text-interactive-text-primary-idle",
+			todo: "text-interactive-text-secondary-disabled"
+		} },
+		defaultVariants: { status: "todo" }
+	}
+});
+const stepperSubtextDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: {
+		variants: { status: {
+			completed: [
+				"text-interactive-text-secondary-idle",
+				"group-hover:text-interactive-text-secondary-hover",
+				"group-pressed:text-interactive-text-secondary-pressed"
+			],
+			active: "text-interactive-text-secondary-idle",
+			todo: "text-interactive-text-secondary-disabled"
+		} },
+		defaultVariants: { status: "todo" }
+	}
+});
+const stepperSeparatorDefinition = UIOverrides.defineConfig({
+	base: ["bg-elevation-outline-default-1"],
+	config: {
+		variants: {
+			orientation: {
+				horizontal: "h-px min-w-4 flex-1",
+				vertical: "min-h-16 w-px"
+			},
+			contentOrientation: {
+				horizontal: "",
+				vertical: ""
+			}
+		},
+		defaultVariants: {
+			orientation: "horizontal",
+			contentOrientation: "horizontal"
+		},
+		compoundVariants: [
+			{
+				orientation: "horizontal",
+				contentOrientation: "vertical",
+				className: "mt-stepper-horizontal-line-top self-start"
+			},
+			{
+				orientation: "vertical",
+				contentOrientation: "vertical",
+				className: "self-center"
+			},
+			{
+				orientation: "vertical",
+				contentOrientation: "horizontal",
+				className: "ml-stepper-vertical-line-side"
+			}
+		]
+	}
+});
+//#endregion
+//#region src/components/navigation/Stepper/StepperItem.tsx
+const StepperItem = (t0) => {
+	const $ = c(31);
+	const { step, stepNumber, status, contentOrientation, iconsOnly, titlesOnly, onPress } = t0;
+	const stepperItemCva = UIOverrides.useCva("stepper.itemCva", stepperItemDefinition);
+	const stepperIconCva = UIOverrides.useCva("stepper.iconCva", stepperIconDefinition);
+	const stepperNumberCva = UIOverrides.useCva("stepper.numberCva", stepperNumberDefinition);
+	const stepperTitleCva = UIOverrides.useCva("stepper.titleCva", stepperTitleDefinition);
+	const stepperSubtextCva = UIOverrides.useCva("stepper.subtextCva", stepperSubtextDefinition);
+	const showTitle = !iconsOnly;
+	const showSubtext = !iconsOnly && !titlesOnly && !!step.subtext;
+	let t1;
+	if ($[0] !== status || $[1] !== stepperIconCva) {
+		t1 = stepperIconCva({ status });
+		$[0] = status;
+		$[1] = stepperIconCva;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== status || $[4] !== stepNumber || $[5] !== stepperNumberCva) {
+		t2 = status === "completed" ? /* @__PURE__ */ jsx(Check, { className: "size-5 text-interactive-contained-primary-on-idle" }) : /* @__PURE__ */ jsx(Typography, {
+			className: stepperNumberCva({ status }),
+			variant: "prominent-1",
+			size: "label-3",
+			children: stepNumber
+		});
+		$[3] = status;
+		$[4] = stepNumber;
+		$[5] = stepperNumberCva;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== t1 || $[8] !== t2) {
+		t3 = /* @__PURE__ */ jsx("div", {
+			className: t1,
+			children: t2
+		});
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== showSubtext || $[11] !== showTitle || $[12] !== status || $[13] !== step || $[14] !== stepperSubtextCva || $[15] !== stepperTitleCva) {
+		t4 = showTitle && /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-stepper-gap-text-to-subtext",
+			children: [/* @__PURE__ */ jsx(Typography, {
+				className: stepperTitleCva({ status }),
+				size: "label-2",
+				variant: "default",
+				children: step.title
+			}), showSubtext && /* @__PURE__ */ jsx(Typography, {
+				className: stepperSubtextCva({ status }),
+				size: "label-3",
+				variant: "default",
+				children: step.subtext
+			})]
+		});
+		$[10] = showSubtext;
+		$[11] = showTitle;
+		$[12] = status;
+		$[13] = step;
+		$[14] = stepperSubtextCva;
+		$[15] = stepperTitleCva;
+		$[16] = t4;
+	} else t4 = $[16];
+	let t5;
+	if ($[17] !== t3 || $[18] !== t4) {
+		t5 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t3, t4] });
+		$[17] = t3;
+		$[18] = t4;
+		$[19] = t5;
+	} else t5 = $[19];
+	const content = t5;
+	let className;
+	let t6;
+	if ($[20] !== content || $[21] !== contentOrientation || $[22] !== onPress || $[23] !== status || $[24] !== stepperItemCva) {
+		t6 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			className = stepperItemCva({ contentOrientation });
+			if (onPress) {
+				t6 = /* @__PURE__ */ jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
+					onPress,
+					className: clsx("group cursor-pointer", className),
+					"aria-current": status === "active" ? "step" : void 0,
+					children: content
+				});
+				break bb0;
+			}
+		}
+		$[20] = content;
+		$[21] = contentOrientation;
+		$[22] = onPress;
+		$[23] = status;
+		$[24] = stepperItemCva;
+		$[25] = className;
+		$[26] = t6;
+	} else {
+		className = $[25];
+		t6 = $[26];
+	}
+	if (t6 !== Symbol.for("react.early_return_sentinel")) return t6;
+	const t7 = status === "active" ? "step" : void 0;
+	let t8;
+	if ($[27] !== className || $[28] !== content || $[29] !== t7) {
+		t8 = /* @__PURE__ */ jsx("div", {
+			className,
+			"aria-current": t7,
+			children: content
+		});
+		$[27] = className;
+		$[28] = content;
+		$[29] = t7;
+		$[30] = t8;
+	} else t8 = $[30];
+	return t8;
+};
+//#endregion
+//#region src/components/navigation/Stepper/StepperSeparator.tsx
+const StepperSeparator = (t0) => {
+	const $ = c(6);
+	const { orientation, contentOrientation } = t0;
+	const stepperSeparatorCva = UIOverrides.useCva("stepper.separatorCva", stepperSeparatorDefinition);
+	let t1;
+	if ($[0] !== contentOrientation || $[1] !== orientation || $[2] !== stepperSeparatorCva) {
+		t1 = stepperSeparatorCva({
+			orientation,
+			contentOrientation
+		});
+		$[0] = contentOrientation;
+		$[1] = orientation;
+		$[2] = stepperSeparatorCva;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", { className: t1 });
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+};
+//#endregion
+//#region src/components/navigation/Stepper/Stepper.tsx
+const Stepper = (t0) => {
+	const $ = c(23);
+	const { steps, currentStep, orientation: t1, contentOrientation: t2, iconsOnly, titlesOnly, onStepClick, className } = t0;
+	const orientation = t1 === void 0 ? "horizontal" : t1;
+	const contentOrientation = t2 === void 0 ? "horizontal" : t2;
+	const stepperCva = UIOverrides.useCva("stepper.cva", stepperDefinition);
+	let t3;
+	if ($[0] !== className || $[1] !== orientation || $[2] !== stepperCva) {
+		t3 = stepperCva({
+			orientation,
+			className
+		});
+		$[0] = className;
+		$[1] = orientation;
+		$[2] = stepperCva;
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] !== contentOrientation || $[5] !== currentStep || $[6] !== iconsOnly || $[7] !== onStepClick || $[8] !== orientation || $[9] !== steps || $[10] !== titlesOnly) {
+		let t5;
+		if ($[12] !== contentOrientation || $[13] !== currentStep || $[14] !== iconsOnly || $[15] !== onStepClick || $[16] !== orientation || $[17] !== steps.length || $[18] !== titlesOnly) {
+			t5 = (step, index) => {
+				const status = index < currentStep ? "completed" : index === currentStep ? "active" : "todo";
+				return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(StepperItem, {
+					step,
+					stepNumber: index + 1,
+					status,
+					contentOrientation,
+					iconsOnly,
+					titlesOnly,
+					onPress: onStepClick && status === "completed" ? () => onStepClick(index) : void 0
+				}), index < steps.length - 1 && /* @__PURE__ */ jsx(StepperSeparator, {
+					orientation,
+					contentOrientation
+				})] }, step.id);
+			};
+			$[12] = contentOrientation;
+			$[13] = currentStep;
+			$[14] = iconsOnly;
+			$[15] = onStepClick;
+			$[16] = orientation;
+			$[17] = steps.length;
+			$[18] = titlesOnly;
+			$[19] = t5;
+		} else t5 = $[19];
+		t4 = steps.map(t5);
+		$[4] = contentOrientation;
+		$[5] = currentStep;
+		$[6] = iconsOnly;
+		$[7] = onStepClick;
+		$[8] = orientation;
+		$[9] = steps;
+		$[10] = titlesOnly;
+		$[11] = t4;
+	} else t4 = $[11];
+	let t5;
+	if ($[20] !== t3 || $[21] !== t4) {
+		t5 = /* @__PURE__ */ jsx("div", {
+			className: t3,
+			role: "group",
+			"aria-label": "Progress",
+			children: t4
+		});
+		$[20] = t3;
+		$[21] = t4;
+		$[22] = t5;
+	} else t5 = $[22];
+	return t5;
+};
+//#endregion
+export { stepperNumberDefinition as a, stepperTitleDefinition as c, stepperItemDefinition as i, stepperDefinition as n, stepperSeparatorDefinition as o, stepperIconDefinition as r, stepperSubtextDefinition as s, Stepper as t };

package/dist/Tag-CXfTBg6q.d.ts

@@ -0,0 +1,34 @@
+import { t as ButtonProps } from "./types-BV15_DBT.js";
+import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-BdokYcGO.js";
+import { n as TypographyProps } from "./Typography-BiHrVFpz.js";
+import { Ref } from "react";
+//#region src/components/text/Tag/tag.cva.d.ts
+declare const tagDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      primary: ["bg-interactive-subtle-primary-idle text-interactive-subtle-primary-on-idle", "hover:bg-interactive-subtle-primary-hover hover:text-interactive-subtle-primary-on-hover", "pressed:bg-interactive-subtle-primary-pressed pressed:text-interactive-subtle-primary-on-pressed", "disabled:bg-interactive-subtle-primary-disabled disabled:text-interactive-subtle-primary-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
+      secondary: ["bg-interactive-subtle-secondary-idle text-interactive-subtle-secondary-on-idle", "hover:bg-interactive-subtle-secondary-hover hover:text-interactive-subtle-secondary-on-hover", "pressed:bg-interactive-subtle-secondary-pressed pressed:text-interactive-subtle-secondary-on-pressed", "disabled:bg-interactive-subtle-secondary-disabled disabled:text-interactive-subtle-secondary-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
+      success: ["bg-interactive-subtle-success-idle text-interactive-subtle-success-on-idle", "hover:bg-interactive-subtle-success-hover hover:text-interactive-subtle-success-on-hover", "pressed:bg-interactive-subtle-success-pressed pressed:text-interactive-subtle-success-on-pressed", "disabled:bg-interactive-subtle-success-disabled disabled:text-interactive-subtle-success-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
+      warning: ["bg-interactive-subtle-warning-idle text-interactive-subtle-warning-on-idle", "hover:bg-interactive-subtle-warning-hover hover:text-interactive-subtle-warning-on-hover", "pressed:bg-interactive-subtle-warning-pressed pressed:text-interactive-subtle-warning-on-pressed", "disabled:bg-interactive-subtle-warning-disabled disabled:text-interactive-subtle-warning-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
+      error: ["bg-interactive-subtle-error-idle text-interactive-subtle-error-on-idle", "hover:bg-interactive-subtle-error-hover hover:text-interactive-subtle-error-on-hover", "pressed:bg-interactive-subtle-error-pressed pressed:text-interactive-subtle-error-on-pressed", "disabled:bg-interactive-subtle-error-disabled disabled:text-interactive-subtle-error-on-disabled", "focus-visible:outline-interactive-contained-primary-focus"];
+    };
+  }>;
+};
+type TagConfig = NonNullable<typeof tagDefinition.config>;
+interface TagVariantProps extends UIOverrides.VariantProps<TagConfig> {}
+//#endregion
+//#region src/components/text/Tag/Tag.d.ts
+interface TagProps extends TagVariantProps, ButtonProps {
+  className?: string;
+  children: string;
+  dismissable?: boolean;
+  isDisabled?: boolean;
+  contentRef?: Ref<HTMLElement>;
+  textVariant?: TypographyProps["variant"];
+  textSize?: TypographyProps["size"];
+  onDismiss?: () => void;
+}
+declare const Tag: ({ className, children, dismissable, isDisabled, onDismiss, contentRef, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { tagDefinition as i, TagProps as n, TagVariantProps as r, Tag as t };

package/dist/Tag-DCo_fVLl.js

@@ -0,0 +1,95 @@
+import { t as UIConfig } from "./uiConfig.context-SBtRegKv.js";
+import { t as X } from "./x-BYOEO0gW.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-Cq7t4Xxl.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as Typography } from "./Typography-AcUd9df8.js";
+import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
+import "./i18n-C2TBJvnh.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/components/text/Tag/tag.cva.ts
+const tagDefinition = UIOverrides.defineConfig({
+	base: [
+		uiOutlineClass,
+		"inline-flex items-center gap-list-gap-icon-to-label",
+		"p-pill-height-s px-1-5",
+		"rounded-pill-rounding-default",
+		"overflow-hidden",
+		"disabled:cursor-default"
+	],
+	config: {
+		variants: { color: {
+			primary: [
+				"bg-interactive-subtle-primary-idle text-interactive-subtle-primary-on-idle",
+				"hover:bg-interactive-subtle-primary-hover hover:text-interactive-subtle-primary-on-hover",
+				"pressed:bg-interactive-subtle-primary-pressed pressed:text-interactive-subtle-primary-on-pressed",
+				"disabled:bg-interactive-subtle-primary-disabled disabled:text-interactive-subtle-primary-on-disabled",
+				"focus-visible:outline-interactive-contained-primary-focus"
+			],
+			secondary: [
+				"bg-interactive-subtle-secondary-idle text-interactive-subtle-secondary-on-idle",
+				"hover:bg-interactive-subtle-secondary-hover hover:text-interactive-subtle-secondary-on-hover",
+				"pressed:bg-interactive-subtle-secondary-pressed pressed:text-interactive-subtle-secondary-on-pressed",
+				"disabled:bg-interactive-subtle-secondary-disabled disabled:text-interactive-subtle-secondary-on-disabled",
+				"focus-visible:outline-interactive-contained-primary-focus"
+			],
+			success: [
+				"bg-interactive-subtle-success-idle text-interactive-subtle-success-on-idle",
+				"hover:bg-interactive-subtle-success-hover hover:text-interactive-subtle-success-on-hover",
+				"pressed:bg-interactive-subtle-success-pressed pressed:text-interactive-subtle-success-on-pressed",
+				"disabled:bg-interactive-subtle-success-disabled disabled:text-interactive-subtle-success-on-disabled",
+				"focus-visible:outline-interactive-contained-primary-focus"
+			],
+			warning: [
+				"bg-interactive-subtle-warning-idle text-interactive-subtle-warning-on-idle",
+				"hover:bg-interactive-subtle-warning-hover hover:text-interactive-subtle-warning-on-hover",
+				"pressed:bg-interactive-subtle-warning-pressed pressed:text-interactive-subtle-warning-on-pressed",
+				"disabled:bg-interactive-subtle-warning-disabled disabled:text-interactive-subtle-warning-on-disabled",
+				"focus-visible:outline-interactive-contained-primary-focus"
+			],
+			error: [
+				"bg-interactive-subtle-error-idle text-interactive-subtle-error-on-idle",
+				"hover:bg-interactive-subtle-error-hover hover:text-interactive-subtle-error-on-hover",
+				"pressed:bg-interactive-subtle-error-pressed pressed:text-interactive-subtle-error-on-pressed",
+				"disabled:bg-interactive-subtle-error-disabled disabled:text-interactive-subtle-error-on-disabled",
+				"focus-visible:outline-interactive-contained-primary-focus"
+			]
+		} },
+		defaultVariants: { color: "primary" }
+	}
+});
+//#endregion
+//#region src/components/text/Tag/Tag.tsx
+const Tag = ({ className, children, dismissable, isDisabled, onDismiss, contentRef, ...props }) => {
+	const uiConfig = UIConfig.useConfig();
+	const { textVariant = uiConfig.tag.textVariant, textSize = uiConfig.tag.textSize } = props;
+	const tagCva = UIOverrides.useCva("tag.cva", tagDefinition);
+	const { t } = useTranslation("ui");
+	const buttonProps = {
+		isDisabled,
+		onPress: onDismiss,
+		label: t(($) => $.ui.tag.dismiss),
+		...props
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: tagCva({
+			...props,
+			className: clsx("pointer-events-none", className)
+		}),
+		children: [/* @__PURE__ */ jsx(Typography, {
+			ref: contentRef,
+			variant: textVariant,
+			size: textSize,
+			as: "span",
+			className: "truncate",
+			children
+		}), dismissable && /* @__PURE__ */ jsx($d2b4bc8c273e7be6$export$353f5b6fc5456de1, {
+			...buttonProps,
+			className: "pointer-events-auto shrink-0",
+			children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+		})]
+	});
+};
+//#endregion
+export { tagDefinition as n, Tag as t };

package/dist/Text-BTtw_Syz.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+//#region ../../node_modules/.bun/react-aria-components@1.15.1+67f6792bdf102c28/node_modules/react-aria-components/dist/Text.mjs
+const $514c0188e459b4c0$export$9afb8bc826b033ea = /*#__PURE__*/ createContext({});
+//#endregion
+export { $514c0188e459b4c0$export$9afb8bc826b033ea as t };

package/dist/TextArea-8_TYSixS.d.ts

@@ -0,0 +1,20 @@
+import { h as TextAreaProps$1, x as AriaTextFieldProps } from "./types-BV15_DBT.js";
+import { n as FieldValues } from "./form.binding-DWlFTecs.js";
+import { t as ControlProps } from "./form.types-B9Vp8q2g.js";
+import { n as FormFieldProps } from "./FormField-FvutosEE.js";
+import { n as InputVariantProps } from "./input.cva-CfgCOIQW.js";
+import { Ref } from "react";
+//#region src/components/inputs/Input/TextArea/TextArea.d.ts
+interface TextAreaBaseProps extends FormFieldProps, InputVariantProps, Omit<TextAreaProps$1, "value" | "defaultValue" | "onChange" | "disabled" | "required" | "className" | keyof AriaTextFieldProps>, Omit<AriaTextFieldProps<HTMLTextAreaElement>, "label"> {
+  ref?: Ref<HTMLTextAreaElement>;
+  isClearable?: boolean;
+  isClearableIfDisabled?: boolean;
+  isDirty?: boolean;
+  inputClassName?: string;
+}
+interface TextAreaProps extends TextAreaBaseProps {}
+type ControlledTextAreaProps<TFieldValues extends FieldValues> = ControlProps<TextAreaProps, TFieldValues>;
+declare const TextAreaComponent: <TFieldValues extends FieldValues>(props: ControlledTextAreaProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const TextArea: typeof TextAreaComponent;
+//#endregion
+export { TextArea as n, TextAreaProps as r, ControlledTextAreaProps as t };