@povio/ui 4.0.3 → 5.0.0-rc.10

package/dist/accordion.cva-CL1bVscW.js

@@ -0,0 +1,129 @@
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+//#region src/components/navigation/Accordion/accordion.cva.ts
+const accordionDefinition = UIOverrides.defineConfig({
+	base: ["flex w-full flex-col"],
+	config: {
+		variants: {
+			variant: {
+				filled: "gap-1",
+				outlined: ""
+			},
+			singleItem: {
+				true: "",
+				false: ""
+			}
+		},
+		defaultVariants: {
+			variant: "filled",
+			singleItem: false
+		},
+		compoundVariants: [{
+			variant: "outlined",
+			singleItem: false,
+			className: "rounded-global-rounding-s border border-border-default-subtle"
+		}]
+	}
+});
+const accordionItemDefinition = UIOverrides.defineConfig({
+	base: ["flex w-full flex-col"],
+	config: {
+		variants: {
+			variant: {
+				filled: "rounded-accordion-rounding-filled bg-surface-default-background",
+				outlined: ""
+			},
+			singleItem: {
+				true: "",
+				false: ""
+			}
+		},
+		defaultVariants: {
+			variant: "filled",
+			singleItem: false
+		},
+		compoundVariants: [{
+			singleItem: true,
+			variant: "outlined",
+			className: "border-border-default-subtle border-b"
+		}, {
+			singleItem: false,
+			variant: "outlined",
+			className: "not-last:border-border-default-subtle not-last:border-b"
+		}]
+	}
+});
+const accordionTriggerDefinition = UIOverrides.defineConfig({
+	base: [
+		"group flex w-full items-center gap-accordion-gap-content-to-arrow",
+		"px-accordion-side-accordion py-accordion-height-accordion",
+		"outline-none focus-visible:ring-2 focus-visible:ring-interactive-ring"
+	],
+	config: {
+		variants: {
+			variant: {
+				outlined: "rounded-accordion-rounding-outlined hover:bg-state-surface-default-popover/hover",
+				filled: "rounded-accordion-rounding-filled bg-surface-default-background hover:bg-state-surface-default-popover/hover"
+			},
+			actionPosition: {
+				left: "flex-row-reverse",
+				right: "flex-row"
+			},
+			disabled: { true: "opacity-50" }
+		},
+		defaultVariants: {
+			variant: "filled",
+			actionPosition: "right"
+		}
+	}
+});
+const accordionHeadingDefinition = UIOverrides.defineConfig({
+	base: ["flex flex-1 items-center justify-between gap-accordion-gap-content-to-arrow"],
+	config: {
+		variants: {},
+		defaultVariants: {}
+	}
+});
+const accordionHeadingTitleDefinition = UIOverrides.defineConfig({
+	base: ["flex-1 text-left text-surface-default-card-foreground"],
+	config: {
+		variants: {},
+		defaultVariants: {}
+	}
+});
+const accordionHeadingSubtitleDefinition = UIOverrides.defineConfig({
+	base: ["flex-1 text-left text-surface-default-foreground"],
+	config: {
+		variants: {},
+		defaultVariants: {}
+	}
+});
+const accordionChevronDefinition = UIOverrides.defineConfig({
+	base: ["size-icons-size shrink-0 text-surface-default-popover-foreground transition-transform duration-200"],
+	config: {
+		variants: { isExpanded: {
+			true: "rotate-180",
+			false: "rotate-0"
+		} },
+		defaultVariants: { isExpanded: false }
+	}
+});
+const accordionIconDefinition = UIOverrides.defineConfig({
+	base: ["size-icons-size shrink-0 text-surface-default-popover-foreground"],
+	config: {
+		variants: {},
+		defaultVariants: {}
+	}
+});
+const accordionPanelDefinition = UIOverrides.defineConfig({
+	base: ["px-accordion-side-accordion pt-0 pb-accordion-height-accordion"],
+	config: { variants: { isExpanded: { true: "" } } }
+});
+const accordionPanelContentDefinition = UIOverrides.defineConfig({
+	base: ["py-accordion-height-content"],
+	config: {
+		variants: {},
+		defaultVariants: {}
+	}
+});
+//#endregion
+export { accordionHeadingTitleDefinition as a, accordionPanelContentDefinition as c, accordionHeadingSubtitleDefinition as i, accordionPanelDefinition as l, accordionDefinition as n, accordionIconDefinition as o, accordionHeadingDefinition as r, accordionItemDefinition as s, accordionChevronDefinition as t, accordionTriggerDefinition as u };

package/dist/{autocomplete-CaQSVRrw.d.ts → autocomplete-B-JuxTYN.d.ts}

@@ -1,5 +1,5 @@
-import { c as SingleSelectProps, i as MultiSelectProps, r as GroupedSelectProps, t as DefaultInitialSelectItem } from "./SelectBase-DefgAEzh.js";
-import { n as AutocompleteProps } from "./Autocomplete-DE2lQi5o.js";
+import { c as SingleSelectProps, i as MultiSelectProps, r as GroupedSelectProps, t as DefaultInitialSelectItem } from "./SelectBase-BkIhS9Dg.js";
+import { n as AutocompleteProps } from "./Autocomplete-C6RRxImn.js";
 import { t as ControlProps } from "./form.types-ZNGbcqJS.js";
 import { t as FireBlurOnChangeProps } from "./fieldAdapter-C4sDFC8f.js";
 import { Key } from "react-aria-components";

package/dist/badgeButton.cva-B2bgCQP6.d.ts

@@ -0,0 +1,41 @@
+import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
+import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
+import "./typography.cva-D1JOEYl-.js";
+//#region src/components/buttons/BadgeButton/badgeButton.cva.d.ts
+declare const badgeButtonDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly color: {
+      readonly primary: "";
+      readonly secondary: "";
+      readonly success: "";
+      readonly warning: "";
+      readonly error: "";
+    };
+    readonly hasIcon: {
+      readonly true: "px-badge-side-dismissable";
+      readonly false: "px-badge-side-default";
+    };
+    readonly variant: {
+      readonly contained: "";
+      readonly solid: "";
+      readonly outlined: "";
+      readonly outline: "";
+      readonly subtle: "";
+    };
+  }>;
+};
+type BadgeButtonConfig = NonNullable<typeof badgeButtonDefinition.config>;
+interface BadgeButtonVariants extends Omit<UIOverrides.VariantProps<BadgeButtonConfig>, "hasIcon"> {}
+declare const badgeButtonContentDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly iconPosition: {
+      readonly left: "gap-button-gap-icon-to-label";
+      readonly right: "gap-button-gap-icon-to-label";
+      readonly none: "gap-button-gap-icon-to-label";
+    };
+  }>;
+};
+//#endregion
+export { badgeButtonContentDefinition as n, badgeButtonDefinition as r, BadgeButtonVariants as t };

package/dist/badgeButton.cva-CvN4CTx5.js

@@ -0,0 +1,300 @@
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { r as cva, t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
+import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
+//#region src/components/buttons/BadgeButton/badgeButton.cva.ts
+const badgeButtonDefinition = UIOverrides.defineConfig({
+	base: [
+		uiOutlineClass,
+		"flex items-center justify-center",
+		"rounded-badge-rounding-default border border-solid py-badge-height-s"
+	],
+	config: {
+		variants: {
+			color: {
+				primary: "",
+				secondary: "",
+				success: "",
+				warning: "",
+				error: ""
+			},
+			hasIcon: {
+				true: "px-badge-side-dismissable",
+				false: "px-badge-side-default"
+			},
+			variant: {
+				contained: "",
+				solid: "",
+				outlined: "",
+				outline: "",
+				subtle: ""
+			}
+		},
+		compoundVariants: [
+			{
+				variant: ["contained", "solid"],
+				color: "primary",
+				className: [
+					"bg-interactive-primary-background border-interactive-primary-background text-interactive-primary-foreground",
+					"not-data-[selected]:not-data-[disabled]:hover:border-state-interactive-primary-background/hover not-data-[selected]:not-data-[disabled]:hover:bg-state-interactive-primary-background/hover",
+					"not-data-[selected]:pressed:border-state-interactive-primary-background/pressed not-data-[selected]:pressed:bg-state-interactive-primary-background/pressed",
+					"not-data-[selected]:data-[disabled]:border-state-interactive-primary-background/disabled not-data-[selected]:data-[disabled]:bg-state-interactive-primary-background/disabled",
+					"not-data-[selected]:focus-visible:border-state-interactive-primary-background/focus not-data-[selected]:focus-visible:bg-state-interactive-primary-background/focus",
+					"focus-visible:outline-interactive-ring",
+					"selected:bg-state-interactive-primary-background/toggled selected:border-state-interactive-primary-background/toggled selected:text-interactive-primary-foreground",
+					"selected:not-data-[disabled]:hover:bg-state-interactive-primary-background/toggled-hovered selected:not-data-[disabled]:hover:border-state-interactive-primary-background/toggled-hovered selected:not-data-[disabled]:hover:text-interactive-primary-foreground",
+					"selected:data-[disabled]:bg-state-interactive-primary-background/toggled-disabled selected:data-[disabled]:border-state-interactive-primary-background/toggled-disabled selected:data-[disabled]:text-interactive-primary-foreground/40",
+					"group-data-[split]/split:data-[separator]:after:bg-interactive-primary-foreground! group-data-[split]/split:data-[separator]:selected:after:bg-interactive-primary-foreground!"
+				]
+			},
+			{
+				variant: ["outlined", "outline"],
+				color: "primary",
+				className: [
+					"bg-support-transparent-outline border-interactive-subtle-primary-foreground text-interactive-subtle-primary-foreground",
+					"not-data-[selected]:not-data-[disabled]:hover:border-state-interactive-subtle-primary-foreground/hover not-data-[selected]:not-data-[disabled]:hover:text-state-interactive-subtle-primary-foreground/hover",
+					"not-data-[selected]:pressed:border-state-interactive-subtle-primary-foreground/pressed not-data-[selected]:pressed:text-state-interactive-subtle-primary-foreground/pressed",
+					"not-data-[selected]:data-[disabled]:border-state-interactive-subtle-primary-foreground/disabled not-data-[selected]:data-[disabled]:text-state-interactive-subtle-primary-foreground/disabled",
+					"not-data-[selected]:focus-visible:border-state-interactive-subtle-primary-foreground/focus not-data-[selected]:focus-visible:text-state-interactive-subtle-primary-foreground/focus",
+					"focus-visible:outline-interactive-ring",
+					"selected:bg-state-interactive-primary-background/toggled selected:border-state-interactive-primary-background/toggled selected:text-interactive-primary-foreground",
+					"selected:not-data-[disabled]:hover:bg-state-interactive-primary-background/toggled-hovered selected:not-data-[disabled]:hover:border-state-interactive-primary-background/toggled-hovered selected:not-data-[disabled]:hover:text-interactive-primary-foreground",
+					"selected:data-[disabled]:bg-state-interactive-primary-background/toggled-disabled selected:data-[disabled]:border-state-interactive-primary-background/toggled-disabled selected:data-[disabled]:text-interactive-primary-foreground/40",
+					"group-data-[split]/split:data-[separator]:after:bg-interactive-subtle-primary-foreground! group-data-[split]/split:data-[separator]:selected:after:bg-interactive-primary-foreground!"
+				]
+			},
+			{
+				variant: "subtle",
+				color: "primary",
+				className: [
+					"bg-interactive-subtle-primary-background border-interactive-subtle-primary-background text-interactive-subtle-primary-foreground",
+					"not-data-[selected]:not-data-[disabled]:hover:border-state-interactive-subtle-primary-background/hover not-data-[selected]:not-data-[disabled]:hover:bg-state-interactive-subtle-primary-background/hover not-data-[selected]:not-data-[disabled]:hover:text-state-interactive-subtle-primary-foreground/hover",
+					"not-data-[selected]:pressed:border-state-interactive-subtle-primary-background/pressed not-data-[selected]:pressed:bg-state-interactive-subtle-primary-background/pressed not-data-[selected]:pressed:text-state-interactive-subtle-primary-foreground/pressed",
+					"not-data-[selected]:data-[disabled]:border-state-interactive-subtle-primary-background/disabled not-data-[selected]:data-[disabled]:bg-state-interactive-subtle-primary-background/disabled not-data-[selected]:data-[disabled]:text-state-interactive-subtle-primary-foreground/disabled",
+					"not-data-[selected]:focus-visible:border-state-interactive-subtle-primary-background/focus not-data-[selected]:focus-visible:bg-state-interactive-subtle-primary-background/focus not-data-[selected]:focus-visible:text-state-interactive-subtle-primary-foreground/focus",
+					"focus-visible:outline-interactive-ring",
+					"selected:bg-state-interactive-primary-background/toggled selected:border-state-interactive-primary-background/toggled selected:text-interactive-primary-foreground",
+					"selected:not-data-[disabled]:hover:bg-state-interactive-primary-background/toggled-hovered selected:not-data-[disabled]:hover:border-state-interactive-primary-background/toggled-hovered selected:not-data-[disabled]:hover:text-interactive-primary-foreground",
+					"selected:data-[disabled]:bg-state-interactive-primary-background/toggled-disabled selected:data-[disabled]:border-state-interactive-primary-background/toggled-disabled selected:data-[disabled]:text-interactive-primary-foreground/40",
+					"group-data-[split]/split:data-[separator]:after:bg-interactive-subtle-primary-foreground! group-data-[split]/split:data-[separator]:selected:after:bg-interactive-primary-foreground!"
+				]
+			},
+			{
+				variant: ["contained", "solid"],
+				color: "secondary",
+				className: [
+					"bg-interactive-secondary-background border-interactive-secondary-background text-interactive-secondary-foreground",
+					"not-data-[selected]:not-data-[disabled]:hover:border-state-interactive-secondary-background/hover not-data-[selected]:not-data-[disabled]:hover:bg-state-interactive-secondary-background/hover",
+					"not-data-[selected]:pressed:border-state-interactive-secondary-background/pressed not-data-[selected]:pressed:bg-state-interactive-secondary-background/pressed",
+					"not-data-[selected]:data-[disabled]:border-state-interactive-secondary-background/disabled not-data-[selected]:data-[disabled]:bg-state-interactive-secondary-background/disabled",
+					"not-data-[selected]:focus-visible:border-state-interactive-secondary-background/focus not-data-[selected]:focus-visible:bg-state-interactive-secondary-background/focus",
+					"focus-visible:outline-interactive-ring",
+					"selected:bg-state-interactive-secondary-background/toggled selected:border-state-interactive-secondary-background/toggled selected:text-interactive-secondary-foreground",
+					"selected:not-data-[disabled]:hover:bg-state-interactive-secondary-background/toggled-hovered selected:not-data-[disabled]:hover:border-state-interactive-secondary-background/toggled-hovered selected:not-data-[disabled]:hover:text-interactive-secondary-foreground",
+					"selected:data-[disabled]:bg-state-interactive-secondary-background/toggled-disabled selected:data-[disabled]:border-state-interactive-secondary-background/toggled-disabled selected:data-[disabled]:text-interactive-secondary-foreground/40",
+					"group-data-[split]/split:data-[separator]:after:bg-interactive-secondary-foreground! group-data-[split]/split:data-[separator]:selected:after:bg-interactive-secondary-foreground!"
+				]
+			},
+			{
+				variant: ["outlined", "outline"],
+				color: "secondary",
+				className: [
+					"bg-support-transparent-outline border-interactive-subtle-secondary-foreground text-interactive-subtle-secondary-foreground",
+					"not-data-[selected]:not-data-[disabled]:hover:border-state-interactive-subtle-secondary-foreground/hover not-data-[selected]:not-data-[disabled]:hover:text-state-interactive-subtle-secondary-foreground/hover",
+					"not-data-[selected]:pressed:border-state-interactive-subtle-secondary-foreground/pressed not-data-[selected]:pressed:text-state-interactive-subtle-secondary-foreground/pressed",
+					"not-data-[selected]:data-[disabled]:border-state-interactive-subtle-secondary-foreground/disabled not-data-[selected]:data-[disabled]:text-state-interactive-subtle-secondary-foreground/disabled",
+					"not-data-[selected]:focus-visible:border-state-interactive-subtle-secondary-foreground/focus not-data-[selected]:focus-visible:text-state-interactive-subtle-secondary-foreground/focus",
+					"focus-visible:outline-interactive-ring",
+					"selected:bg-state-interactive-secondary-background/toggled selected:border-state-interactive-secondary-background/toggled selected:text-interactive-secondary-foreground",
+					"selected:not-data-[disabled]:hover:bg-state-interactive-secondary-background/toggled-hovered selected:not-data-[disabled]:hover:border-state-interactive-secondary-background/toggled-hovered selected:not-data-[disabled]:hover:text-interactive-secondary-foreground",
+					"selected:data-[disabled]:bg-state-interactive-secondary-background/toggled-disabled selected:data-[disabled]:border-state-interactive-secondary-background/toggled-disabled selected:data-[disabled]:text-interactive-secondary-foreground/40",
+					"group-data-[split]/split:data-[separator]:after:bg-interactive-subtle-secondary-foreground! group-data-[split]/split:data-[separator]:selected:after:bg-interactive-secondary-foreground!"
+				]
+			},
+			{
+				variant: "subtle",
+				color: "secondary",
+				className: [
+					"bg-interactive-subtle-secondary-background border-interactive-subtle-secondary-background text-interactive-subtle-secondary-foreground",
+					"not-data-[selected]:not-data-[disabled]:hover:border-state-interactive-subtle-secondary-background/hover not-data-[selected]:not-data-[disabled]:hover:bg-state-interactive-subtle-secondary-background/hover not-data-[selected]:not-data-[disabled]:hover:text-state-interactive-subtle-secondary-foreground/hover",
+					"not-data-[selected]:pressed:border-state-interactive-subtle-secondary-background/pressed not-data-[selected]:pressed:bg-state-interactive-subtle-secondary-background/pressed not-data-[selected]:pressed:text-state-interactive-subtle-secondary-foreground/pressed",
+					"not-data-[selected]:data-[disabled]:border-state-interactive-subtle-secondary-background/disabled not-data-[selected]:data-[disabled]:bg-state-interactive-subtle-secondary-background/disabled not-data-[selected]:data-[disabled]:text-state-interactive-subtle-secondary-foreground/disabled",
+					"not-data-[selected]:focus-visible:border-state-interactive-subtle-secondary-background/focus not-data-[selected]:focus-visible:bg-state-interactive-subtle-secondary-background/focus not-data-[selected]:focus-visible:text-state-interactive-subtle-secondary-foreground/focus",
+					"focus-visible:outline-interactive-ring",
+					"selected:bg-state-interactive-secondary-background/toggled selected:border-state-interactive-secondary-background/toggled selected:text-interactive-secondary-foreground",
+					"selected:not-data-[disabled]:hover:bg-state-interactive-secondary-background/toggled-hovered selected:not-data-[disabled]:hover:border-state-interactive-secondary-background/toggled-hovered selected:not-data-[disabled]:hover:text-interactive-secondary-foreground",
+					"selected:data-[disabled]:bg-state-interactive-secondary-background/toggled-disabled selected:data-[disabled]:border-state-interactive-secondary-background/toggled-disabled selected:data-[disabled]:text-interactive-secondary-foreground/40",
+					"group-data-[split]/split:data-[separator]:after:bg-interactive-subtle-secondary-foreground! group-data-[split]/split:data-[separator]:selected:after:bg-interactive-secondary-foreground!"
+				]
+			},
+			{
+				variant: ["contained", "solid"],
+				color: "error",
+				className: [
+					"bg-interactive-destructive-background border-interactive-destructive-background text-interactive-destructive-foreground",
+					"not-data-[selected]:not-data-[disabled]:hover:border-state-interactive-destructive-background/hover not-data-[selected]:not-data-[disabled]:hover:bg-state-interactive-destructive-background/hover",
+					"not-data-[selected]:pressed:border-state-interactive-destructive-background/pressed not-data-[selected]:pressed:bg-state-interactive-destructive-background/pressed",
+					"not-data-[selected]:data-[disabled]:border-state-interactive-destructive-background/disabled not-data-[selected]:data-[disabled]:bg-state-interactive-destructive-background/disabled",
+					"not-data-[selected]:focus-visible:border-state-interactive-destructive-background/focus not-data-[selected]:focus-visible:bg-state-interactive-destructive-background/focus",
+					"focus-visible:outline-interactive-ring",
+					"selected:bg-state-interactive-destructive-background/toggled selected:border-state-interactive-destructive-background/toggled selected:text-interactive-destructive-foreground",
+					"selected:not-data-[disabled]:hover:bg-state-interactive-destructive-background/toggled-hovered selected:not-data-[disabled]:hover:border-state-interactive-destructive-background/toggled-hovered selected:not-data-[disabled]:hover:text-interactive-destructive-foreground",
+					"selected:data-[disabled]:bg-state-interactive-destructive-background/toggled-disabled selected:data-[disabled]:border-state-interactive-destructive-background/toggled-disabled selected:data-[disabled]:text-interactive-destructive-foreground/40",
+					"group-data-[split]/split:data-[separator]:after:bg-interactive-destructive-foreground! group-data-[split]/split:data-[separator]:selected:after:bg-interactive-destructive-foreground!"
+				]
+			},
+			{
+				variant: ["outlined", "outline"],
+				color: "error",
+				className: [
+					"bg-support-transparent-outline border-interactive-subtle-destructive-foreground text-interactive-subtle-destructive-foreground",
+					"not-data-[selected]:not-data-[disabled]:hover:border-state-interactive-subtle-destructive-foreground/hover not-data-[selected]:not-data-[disabled]:hover:text-state-interactive-subtle-destructive-foreground/hover",
+					"not-data-[selected]:pressed:border-state-interactive-subtle-destructive-foreground/pressed not-data-[selected]:pressed:text-state-interactive-subtle-destructive-foreground/pressed",
+					"not-data-[selected]:data-[disabled]:border-state-interactive-subtle-destructive-foreground/disabled not-data-[selected]:data-[disabled]:text-state-interactive-subtle-destructive-foreground/disabled",
+					"not-data-[selected]:focus-visible:border-state-interactive-subtle-destructive-foreground/focus not-data-[selected]:focus-visible:text-state-interactive-subtle-destructive-foreground/focus",
+					"focus-visible:outline-interactive-ring",
+					"selected:bg-state-interactive-destructive-background/toggled selected:border-state-interactive-destructive-background/toggled selected:text-interactive-destructive-foreground",
+					"selected:not-data-[disabled]:hover:bg-state-interactive-destructive-background/toggled-hovered selected:not-data-[disabled]:hover:border-state-interactive-destructive-background/toggled-hovered selected:not-data-[disabled]:hover:text-interactive-destructive-foreground",
+					"selected:data-[disabled]:bg-state-interactive-destructive-background/toggled-disabled selected:data-[disabled]:border-state-interactive-destructive-background/toggled-disabled selected:data-[disabled]:text-interactive-destructive-foreground/40",
+					"group-data-[split]/split:data-[separator]:after:bg-interactive-subtle-destructive-foreground! group-data-[split]/split:data-[separator]:selected:after:bg-interactive-destructive-foreground!"
+				]
+			},
+			{
+				variant: "subtle",
+				color: "error",
+				className: [
+					"bg-interactive-subtle-destructive-background border-interactive-subtle-destructive-background text-interactive-subtle-destructive-foreground",
+					"not-data-[selected]:not-data-[disabled]:hover:border-state-interactive-subtle-destructive-background/hover not-data-[selected]:not-data-[disabled]:hover:bg-state-interactive-subtle-destructive-background/hover not-data-[selected]:not-data-[disabled]:hover:text-state-interactive-subtle-destructive-foreground/hover",
+					"not-data-[selected]:pressed:border-state-interactive-subtle-destructive-background/pressed not-data-[selected]:pressed:bg-state-interactive-subtle-destructive-background/pressed not-data-[selected]:pressed:text-state-interactive-subtle-destructive-foreground/pressed",
+					"not-data-[selected]:data-[disabled]:border-state-interactive-subtle-destructive-background/disabled not-data-[selected]:data-[disabled]:bg-state-interactive-subtle-destructive-background/disabled not-data-[selected]:data-[disabled]:text-state-interactive-subtle-destructive-foreground/disabled",
+					"not-data-[selected]:focus-visible:border-state-interactive-subtle-destructive-background/focus not-data-[selected]:focus-visible:bg-state-interactive-subtle-destructive-background/focus not-data-[selected]:focus-visible:text-state-interactive-subtle-destructive-foreground/focus",
+					"focus-visible:outline-interactive-ring",
+					"selected:bg-state-interactive-destructive-background/toggled selected:border-state-interactive-destructive-background/toggled selected:text-interactive-destructive-foreground",
+					"selected:not-data-[disabled]:hover:bg-state-interactive-destructive-background/toggled-hovered selected:not-data-[disabled]:hover:border-state-interactive-destructive-background/toggled-hovered selected:not-data-[disabled]:hover:text-interactive-destructive-foreground",
+					"selected:data-[disabled]:bg-state-interactive-destructive-background/toggled-disabled selected:data-[disabled]:border-state-interactive-destructive-background/toggled-disabled selected:data-[disabled]:text-interactive-destructive-foreground/40",
+					"group-data-[split]/split:data-[separator]:after:bg-interactive-subtle-destructive-foreground! group-data-[split]/split:data-[separator]:selected:after:bg-interactive-destructive-foreground!"
+				]
+			},
+			{
+				variant: ["contained", "solid"],
+				color: "success",
+				className: [
+					"bg-surface-success-base border-surface-success-base text-surface-success-inverted-base",
+					"not-data-[selected]:not-data-[disabled]:hover:border-state-surface-success-base/hover not-data-[selected]:not-data-[disabled]:hover:bg-state-surface-success-base/hover",
+					"not-data-[selected]:pressed:border-state-surface-success-base/pressed not-data-[selected]:pressed:bg-state-surface-success-base/pressed",
+					"not-data-[selected]:data-[disabled]:border-state-surface-success-base/disabled not-data-[selected]:data-[disabled]:bg-state-surface-success-base/disabled",
+					"not-data-[selected]:focus-visible:border-state-surface-success-base/focus not-data-[selected]:focus-visible:bg-state-surface-success-base/focus",
+					"focus-visible:outline-interactive-ring",
+					"selected:bg-state-surface-success-base/toggled selected:border-state-surface-success-base/toggled selected:text-surface-success-inverted-base",
+					"selected:not-data-[disabled]:hover:bg-state-surface-success-base/toggled-hovered selected:not-data-[disabled]:hover:border-state-surface-success-base/toggled-hovered selected:not-data-[disabled]:hover:text-surface-success-inverted-base",
+					"selected:data-[disabled]:bg-state-surface-success-base/toggled-disabled selected:data-[disabled]:border-state-surface-success-base/toggled-disabled selected:data-[disabled]:text-surface-success-inverted-base/40",
+					"group-data-[split]/split:data-[separator]:after:bg-surface-success-inverted-base! group-data-[split]/split:data-[separator]:selected:after:bg-surface-success-inverted-base!"
+				]
+			},
+			{
+				variant: ["outlined", "outline"],
+				color: "success",
+				className: [
+					"bg-support-transparent-outline border-surface-success-base text-surface-success-base",
+					"not-data-[selected]:not-data-[disabled]:hover:border-state-surface-success-base/hover not-data-[selected]:not-data-[disabled]:hover:text-state-surface-success-base/hover",
+					"not-data-[selected]:pressed:border-state-surface-success-base/pressed not-data-[selected]:pressed:text-state-surface-success-base/pressed",
+					"not-data-[selected]:data-[disabled]:border-state-surface-success-base/disabled not-data-[selected]:data-[disabled]:text-state-surface-success-base/disabled",
+					"not-data-[selected]:focus-visible:border-state-surface-success-base/focus not-data-[selected]:focus-visible:text-state-surface-success-base/focus",
+					"focus-visible:outline-interactive-ring",
+					"selected:bg-state-surface-success-base/toggled selected:border-state-surface-success-base/toggled selected:text-surface-success-inverted-base",
+					"selected:not-data-[disabled]:hover:bg-state-surface-success-base/toggled-hovered selected:not-data-[disabled]:hover:border-state-surface-success-base/toggled-hovered selected:not-data-[disabled]:hover:text-surface-success-inverted-base",
+					"selected:data-[disabled]:bg-state-surface-success-base/toggled-disabled selected:data-[disabled]:border-state-surface-success-base/toggled-disabled selected:data-[disabled]:text-surface-success-inverted-base/40",
+					"group-data-[split]/split:data-[separator]:after:bg-surface-success-base! group-data-[split]/split:data-[separator]:selected:after:bg-surface-success-inverted-base!"
+				]
+			},
+			{
+				variant: "subtle",
+				color: "success",
+				className: [
+					"bg-surface-success-inverted-base border-surface-success-inverted-base text-surface-success-base",
+					"not-data-[selected]:not-data-[disabled]:hover:border-state-surface-success-inverted-base/hover not-data-[selected]:not-data-[disabled]:hover:bg-state-surface-success-inverted-base/hover not-data-[selected]:not-data-[disabled]:hover:text-state-surface-success-base/hover",
+					"not-data-[selected]:pressed:border-state-surface-success-inverted-base/pressed not-data-[selected]:pressed:bg-state-surface-success-inverted-base/pressed not-data-[selected]:pressed:text-state-surface-success-base/pressed",
+					"not-data-[selected]:data-[disabled]:border-state-surface-success-inverted-base/disabled not-data-[selected]:data-[disabled]:bg-state-surface-success-inverted-base/disabled not-data-[selected]:data-[disabled]:text-state-surface-success-base/disabled",
+					"not-data-[selected]:focus-visible:border-state-surface-success-inverted-base/focus not-data-[selected]:focus-visible:bg-state-surface-success-inverted-base/focus not-data-[selected]:focus-visible:text-state-surface-success-base/focus",
+					"focus-visible:outline-interactive-ring",
+					"selected:bg-state-surface-success-base/toggled selected:border-state-surface-success-base/toggled selected:text-surface-success-inverted-base",
+					"selected:not-data-[disabled]:hover:bg-state-surface-success-base/toggled-hovered selected:not-data-[disabled]:hover:border-state-surface-success-base/toggled-hovered selected:not-data-[disabled]:hover:text-surface-success-inverted-base",
+					"selected:data-[disabled]:bg-state-surface-success-base/toggled-disabled selected:data-[disabled]:border-state-surface-success-base/toggled-disabled selected:data-[disabled]:text-surface-success-inverted-base/40",
+					"group-data-[split]/split:data-[separator]:after:bg-surface-success-base! group-data-[split]/split:data-[separator]:selected:after:bg-surface-success-inverted-base!"
+				]
+			},
+			{
+				variant: ["contained", "solid"],
+				color: "warning",
+				className: [
+					"bg-surface-warning-base border-surface-warning-base text-surface-warning-inverted-base",
+					"not-data-[selected]:not-data-[disabled]:hover:border-state-surface-warning-base/hover not-data-[selected]:not-data-[disabled]:hover:bg-state-surface-warning-base/hover",
+					"not-data-[selected]:pressed:border-state-surface-warning-base/pressed not-data-[selected]:pressed:bg-state-surface-warning-base/pressed",
+					"not-data-[selected]:data-[disabled]:border-state-surface-warning-base/disabled not-data-[selected]:data-[disabled]:bg-state-surface-warning-base/disabled",
+					"not-data-[selected]:focus-visible:border-state-surface-warning-base/focus not-data-[selected]:focus-visible:bg-state-surface-warning-base/focus",
+					"focus-visible:outline-interactive-ring",
+					"selected:bg-state-surface-warning-base/toggled selected:border-state-surface-warning-base/toggled selected:text-surface-warning-inverted-base",
+					"selected:not-data-[disabled]:hover:bg-state-surface-warning-base/toggled-hovered selected:not-data-[disabled]:hover:border-state-surface-warning-base/toggled-hovered selected:not-data-[disabled]:hover:text-surface-warning-inverted-base",
+					"selected:data-[disabled]:bg-state-surface-warning-base/toggled-disabled selected:data-[disabled]:border-state-surface-warning-base/toggled-disabled selected:data-[disabled]:text-surface-warning-inverted-base/40",
+					"group-data-[split]/split:data-[separator]:after:bg-surface-warning-inverted-base! group-data-[split]/split:data-[separator]:selected:after:bg-surface-warning-inverted-base!"
+				]
+			},
+			{
+				variant: ["outlined", "outline"],
+				color: "warning",
+				className: [
+					"bg-support-transparent-outline border-surface-warning-base text-surface-warning-base",
+					"not-data-[selected]:not-data-[disabled]:hover:border-state-surface-warning-base/hover not-data-[selected]:not-data-[disabled]:hover:text-state-surface-warning-base/hover",
+					"not-data-[selected]:pressed:border-state-surface-warning-base/pressed not-data-[selected]:pressed:text-state-surface-warning-base/pressed",
+					"not-data-[selected]:data-[disabled]:border-state-surface-warning-base/disabled not-data-[selected]:data-[disabled]:text-state-surface-warning-base/disabled",
+					"not-data-[selected]:focus-visible:border-state-surface-warning-base/focus not-data-[selected]:focus-visible:text-state-surface-warning-base/focus",
+					"focus-visible:outline-interactive-ring",
+					"selected:bg-state-surface-warning-base/toggled selected:border-state-surface-warning-base/toggled selected:text-surface-warning-inverted-base",
+					"selected:not-data-[disabled]:hover:bg-state-surface-warning-base/toggled-hovered selected:not-data-[disabled]:hover:border-state-surface-warning-base/toggled-hovered selected:not-data-[disabled]:hover:text-surface-warning-inverted-base",
+					"selected:data-[disabled]:bg-state-surface-warning-base/toggled-disabled selected:data-[disabled]:border-state-surface-warning-base/toggled-disabled selected:data-[disabled]:text-surface-warning-inverted-base/40",
+					"group-data-[split]/split:data-[separator]:after:bg-surface-warning-base! group-data-[split]/split:data-[separator]:selected:after:bg-surface-warning-inverted-base!"
+				]
+			},
+			{
+				variant: "subtle",
+				color: "warning",
+				className: [
+					"bg-surface-warning-inverted-base border-surface-warning-inverted-base text-surface-warning-base",
+					"not-data-[selected]:not-data-[disabled]:hover:border-state-surface-warning-inverted-base/hover not-data-[selected]:not-data-[disabled]:hover:bg-state-surface-warning-inverted-base/hover not-data-[selected]:not-data-[disabled]:hover:text-state-surface-warning-base/hover",
+					"not-data-[selected]:pressed:border-state-surface-warning-inverted-base/pressed not-data-[selected]:pressed:bg-state-surface-warning-inverted-base/pressed not-data-[selected]:pressed:text-state-surface-warning-base/pressed",
+					"not-data-[selected]:data-[disabled]:border-state-surface-warning-inverted-base/disabled not-data-[selected]:data-[disabled]:bg-state-surface-warning-inverted-base/disabled not-data-[selected]:data-[disabled]:text-state-surface-warning-base/disabled",
+					"not-data-[selected]:focus-visible:border-state-surface-warning-inverted-base/focus not-data-[selected]:focus-visible:bg-state-surface-warning-inverted-base/focus not-data-[selected]:focus-visible:text-state-surface-warning-base/focus",
+					"focus-visible:outline-interactive-ring",
+					"selected:bg-state-surface-warning-base/toggled selected:border-state-surface-warning-base/toggled selected:text-surface-warning-inverted-base",
+					"selected:not-data-[disabled]:hover:bg-state-surface-warning-base/toggled-hovered selected:not-data-[disabled]:hover:border-state-surface-warning-base/toggled-hovered selected:not-data-[disabled]:hover:text-surface-warning-inverted-base",
+					"selected:data-[disabled]:bg-state-surface-warning-base/toggled-disabled selected:data-[disabled]:border-state-surface-warning-base/toggled-disabled selected:data-[disabled]:text-surface-warning-inverted-base/40",
+					"group-data-[split]/split:data-[separator]:after:bg-surface-warning-base! group-data-[split]/split:data-[separator]:selected:after:bg-surface-warning-inverted-base!"
+				]
+			}
+		],
+		defaultVariants: {
+			hasIcon: false,
+			color: "primary",
+			variant: "contained"
+		}
+	}
+});
+const badgeButtonContentDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: {
+		variants: { iconPosition: {
+			left: "gap-button-gap-icon-to-label",
+			right: "gap-button-gap-icon-to-label",
+			none: "gap-button-gap-icon-to-label"
+		} },
+		defaultVariants: { iconPosition: "left" }
+	}
+});
+const badgeButtonContent = cva(badgeButtonContentDefinition.base, badgeButtonContentDefinition.config);
+const badgeButtonIconSize = clsx("size-icons-size");
+const badgeButtonTypography = compoundMapper({ default: {
+	size: "small",
+	className: "font-bold"
+} });
+//#endregion
+export { badgeButtonTypography as a, badgeButtonIconSize as i, badgeButtonContentDefinition as n, badgeButtonDefinition as r, badgeButtonContent as t };

package/dist/breadcrumbs.cva-7zzdDhVR.js

@@ -0,0 +1,27 @@
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+//#region src/components/Breadcrumbs/breadcrumbs.cva.ts
+const breadcrumbsDefinition = UIOverrides.defineConfig({ base: ["flex items-center gap-breadcrumbs-gap-segment-to-segment"] });
+const breadcrumbSegmentDefinition = UIOverrides.defineConfig({ base: ["flex items-center gap-breadcrumbs-gap-segment-to-segment"] });
+const breadcrumbChevronDefinition = UIOverrides.defineConfig({ base: ["size-icons-size shrink-0 text-surface-default-foreground"] });
+const breadcrumbIconDefinition = UIOverrides.defineConfig({ base: ["size-icons-size shrink-0"] });
+const breadcrumbItemDefinition = UIOverrides.defineConfig({
+	base: ["inline-flex cursor-pointer items-center gap-breadcrumbs-gap-icon-to-text whitespace-nowrap font-inter font-medium text-small no-underline"],
+	config: {
+		variants: {
+			isCurrent: {
+				true: "text-interactive-primary-background",
+				false: "text-surface-default-foreground hover:text-state-surface-default-foreground/hover"
+			},
+			isEllipsis: {
+				true: "hover:text-state-interactive-primary-background/hover!",
+				false: ""
+			}
+		},
+		defaultVariants: {
+			isCurrent: false,
+			isEllipsis: false
+		}
+	}
+});
+//#endregion
+export { breadcrumbsDefinition as a, breadcrumbSegmentDefinition as i, breadcrumbIconDefinition as n, breadcrumbItemDefinition as r, breadcrumbChevronDefinition as t };

package/dist/{button.cva-ChabF4Am.d.ts → button.cva-C7kEhgoA.d.ts}

@@ -1,5 +1,6 @@
-import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
-import "./typography.cva-YaO6JLqU.js";
+import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
+import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
+import "./typography.cva-D1JOEYl-.js";
 //#region src/components/buttons/Button/button.cva.d.ts
 declare const buttonDefinition: {
   base: string[];
@@ -9,20 +10,14 @@ declare const buttonDefinition: {
       readonly hug: "w-auto";
     };
     readonly size: {
-      readonly none: "";
-      readonly xs: "";
       readonly s: "";
       readonly sm: "";
-      readonly m: "";
-      readonly md: "";
-      readonly l: "";
-      readonly lg: "";
+      readonly default: "";
+      readonly none: "";
     };
     readonly color: {
       readonly primary: "";
       readonly secondary: "";
-      readonly success: "";
-      readonly warning: "";
       readonly error: "";
       readonly dual: "";
     };
@@ -47,14 +42,10 @@ declare const buttonSizeDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly size: {
-      readonly none: "rounded-button-rounding-s p-0";
-      readonly xs: "rounded-button-rounding-s";
-      readonly s: "rounded-button-rounding-s";
-      readonly sm: "rounded-button-rounding-s";
-      readonly m: "rounded-button-rounding-m";
-      readonly md: "rounded-button-rounding-m";
-      readonly l: "rounded-button-rounding-l";
-      readonly lg: "rounded-button-rounding-l";
+      readonly s: "rounded-button-rounding-small";
+      readonly sm: "rounded-button-rounding-small";
+      readonly default: "rounded-button-rounding-default";
+      readonly none: "p-0";
     };
     readonly iconOnly: {
       readonly true: "";
@@ -66,14 +57,10 @@ declare const buttonContentDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly size: {
-      readonly none: "gap-button-gap-icon-to-label";
-      readonly xs: "gap-button-gap-icon-to-label";
       readonly s: "gap-button-gap-icon-to-label";
       readonly sm: "gap-button-gap-icon-to-label";
-      readonly m: "gap-button-gap-icon-to-label";
-      readonly md: "gap-button-gap-icon-to-label";
-      readonly l: "gap-button-gap-icon-to-label";
-      readonly lg: "gap-button-gap-icon-to-label";
+      readonly default: "gap-button-gap-icon-to-label";
+      readonly none: "gap-button-gap-icon-to-label";
     };
     readonly iconPosition: {
       readonly left: "";
@@ -91,14 +78,10 @@ declare const buttonIconSizeDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly size: {
-      readonly none: "size-4";
-      readonly xs: "size-4";
-      readonly s: "size-4";
-      readonly sm: "size-4";
-      readonly m: "size-4";
-      readonly md: "size-4";
-      readonly l: "size-4";
-      readonly lg: "size-4";
+      readonly s: "size-icons-size";
+      readonly sm: "size-icons-size";
+      readonly default: "size-icons-size";
+      readonly none: "size-icons-size";
     };
   }>;
 };

package/dist/{buttonContent.cva-CP857foM.d.ts → buttonContent.cva-DPIlROA9.d.ts}

@@ -1,5 +1,5 @@
-import { t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
-import { t as ButtonContentConfig } from "./button.cva-ChabF4Am.js";
+import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
+import { t as ButtonContentConfig } from "./button.cva-C7kEhgoA.js";
 //#region src/components/buttons/shared/buttonContent.cva.d.ts
 interface ButtonContentVariantProps extends UIOverrides.VariantProps<ButtonContentConfig> {}
 //#endregion

package/dist/{checkbox-D8CPWRlM.d.ts → checkbox-CRP4QRfP.d.ts}

@@ -1,4 +1,4 @@
-import { i as CheckboxProps } from "./Checkbox-CBybJbLm.js";
+import { i as CheckboxProps } from "./Checkbox-x2MuL477.js";
 import { t as ControlProps } from "./form.types-ZNGbcqJS.js";
 import { t as FireBlurOnChangeProps } from "./fieldAdapter-C4sDFC8f.js";
 import { FieldValues } from "react-hook-form";

package/dist/{checkbox-group-BuPUA_Qj.d.ts → checkbox-group-BI_RwIJ4.d.ts}

@@ -1,4 +1,4 @@
-import { n as CheckboxGroupProps } from "./CheckboxGroup-4xoWgmxr.js";
+import { n as CheckboxGroupProps } from "./CheckboxGroup-Dio2rvF5.js";
 import { t as ControlProps } from "./form.types-ZNGbcqJS.js";
 import { t as FireBlurOnChangeProps } from "./fieldAdapter-C4sDFC8f.js";
 import { FieldValues } from "react-hook-form";