@povio/ui 5.0.0-rc.1 → 5.0.0-rc.3

package/dist/{Typography-BiuidzDC.d.ts → Typography-XljT9s02.d.ts}

@@ -1,4 +1,4 @@
-import { t as TypographyVariantProps } from "./typography.cva-jtp6WWUH.js";
+import { t as TypographyVariantProps } from "./typography.cva-D1JOEYl-.js";
 import { HTMLAttributes, Ref } from "react";
 //#region src/components/text/Typography/Typography.d.ts
 type TypographyTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "div";

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-BJ7rqWa4.d.ts → autocomplete-DeERHN8W.d.ts}

@@ -1,5 +1,5 @@
-import { c as SingleSelectProps, i as MultiSelectProps, r as GroupedSelectProps, t as DefaultInitialSelectItem } from "./SelectBase-7SE9Za2r.js";
-import { n as AutocompleteProps } from "./Autocomplete-CQ63Cynd.js";
+import { c as SingleSelectProps, i as MultiSelectProps, r as GroupedSelectProps, t as DefaultInitialSelectItem } from "./SelectBase-Omiq2D3M.js";
+import { n as AutocompleteProps } from "./Autocomplete-BwNHp8fy.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-BvRI-3Gn.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-jtp6WWUH.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[];
@@ -77,10 +78,10 @@ declare const buttonIconSizeDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly size: {
-      readonly s: "size-4";
-      readonly sm: "size-4";
-      readonly default: "size-4";
-      readonly none: "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-BDT_CReI.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-BvRI-3Gn.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-BfcE8J5P.d.ts → checkbox-DxIPDTK5.d.ts}

@@ -1,4 +1,4 @@
-import { i as CheckboxProps } from "./Checkbox-CHpgW3fI.js";
+import { i as CheckboxProps } from "./Checkbox-DVTWaMKa.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-CHs2wFHS.d.ts → checkbox-group-B3BOVshI.d.ts}

@@ -1,4 +1,4 @@
-import { n as CheckboxGroupProps } from "./CheckboxGroup-CXrR3A-c.js";
+import { n as CheckboxGroupProps } from "./CheckboxGroup-DGF12cmB.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.cva-gv87kr1W.d.ts → checkbox.cva-t1Ox50hy.d.ts}

@@ -1,11 +1,12 @@
-import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
-import "./typography.cva-jtp6WWUH.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/inputs/Checkbox/checkbox.cva.d.ts
 declare const checkboxDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly variant: {
-      default: ["m-1 border-interactive-primary-background bg-support-transparent-outline", "text-interactive-primary-foreground", "group-focus-visible:outline-interactive-ring", "group-not-disabled:group-invalid:border-border-destructive-base", "group-disabled:border-tint-interactive-primary-background/50", "group-not-disabled:group-not-invalid:group-hover:border-tint-interactive-primary-background/80", "group-not-disabled:group-not-invalid:group-pressed:border-tint-interactive-primary-background/70", "group-selected:bg-interactive-primary-background", "group-selected:group-not-disabled:group-hover:bg-tint-interactive-primary-background/80", "group-selected:group-not-disabled:group-pressed:bg-tint-interactive-primary-background/70", "group-selected:group-disabled:bg-tint-interactive-primary-background/50", "group-indeterminate:bg-interactive-primary-background", "group-indeterminate:group-not-disabled:group-hover:bg-tint-interactive-primary-background/80", "group-indeterminate:group-not-disabled:group-pressed:bg-tint-interactive-primary-background/70", "group-indeterminate:group-disabled:bg-tint-interactive-primary-background/50"];
+      default: ["m-1 border-interactive-primary-background bg-support-transparent-outline", "text-interactive-primary-foreground", "group-focus-visible:outline-interactive-ring", "group-not-disabled:group-invalid:border-border-destructive-base", "group-disabled:border-state-interactive-primary-background/disabled", "group-not-disabled:group-not-invalid:group-hover:border-state-interactive-primary-background/hover", "group-not-disabled:group-not-invalid:group-pressed:border-state-interactive-primary-background/pressed", "group-selected:bg-interactive-primary-background", "group-selected:group-not-disabled:group-hover:bg-state-interactive-primary-background/hover", "group-selected:group-not-disabled:group-pressed:bg-state-interactive-primary-background/pressed", "group-selected:group-disabled:bg-state-interactive-primary-background/disabled", "group-indeterminate:bg-interactive-primary-background", "group-indeterminate:group-not-disabled:group-hover:bg-state-interactive-primary-background/hover", "group-indeterminate:group-not-disabled:group-pressed:bg-state-interactive-primary-background/pressed", "group-indeterminate:group-disabled:bg-state-interactive-primary-background/disabled"];
     };
   }>;
 };

package/dist/components/accordion.js

@@ -1,2 +1,2 @@
-import { t as Accordion } from "../Accordion-CzFKi8Bp.js";
+import { t as Accordion } from "../Accordion-BzwO4_ml.js";
 export { Accordion };

package/dist/components/alert-dialog.d.ts

@@ -1,2 +1,2 @@
-import { n as AlertDialogProps, t as AlertDialog } from "../AlertDialog-B6R2MbNg.js";
+import { n as AlertDialogProps, t as AlertDialog } from "../AlertDialog-OWTbR4km.js";
 export { AlertDialog, AlertDialogProps };

package/dist/components/alert-dialog.js

@@ -1,8 +1,8 @@
-import { t as UIConfig } from "../uiConfig.context-D2eUIPHn.js";
+import { t as UIConfig } from "../uiConfig.context-BS3r_kTS.js";
 import { t as clsx } from "../clsx-CnD0nOiA.js";
-import { t as Typography } from "../Typography-B0Gp1lpc.js";
-import { t as Button } from "../Button-sn52l1Yv.js";
-import { t as Dialog } from "../Dialog-DdRP4YFC.js";
+import { t as Typography } from "../Typography-LU4z2pR1.js";
+import { t as Button } from "../Button-C5rv4Cr2.js";
+import { t as Dialog } from "../Dialog-9manOgMA.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/overlays/AlertDialog/AlertDialog.tsx

package/dist/components/alert.d.ts

@@ -1,2 +1,2 @@
-import { n as AlertProps, t as Alert } from "../Alert-f1dG-4Uy.js";
+import { n as AlertProps, t as Alert } from "../Alert-DfiJbKH0.js";
 export { Alert, AlertProps };