@povio/ui 5.0.0-rc.2 → 5.0.0-rc.4

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 };

package/dist/components/alert.js

@@ -1,2 +1,2 @@
-import { t as Alert } from "../Alert-T25LY8ZL.js";
+import { t as Alert } from "../Alert-CnvEb1D_.js";
 export { Alert };

package/dist/components/autocomplete.d.ts

@@ -1,2 +1,2 @@
-import { n as AutocompleteProps, r as ControlledAutocompleteProps, t as Autocomplete } from "../Autocomplete-CQ63Cynd.js";
+import { n as AutocompleteProps, r as ControlledAutocompleteProps, t as Autocomplete } from "../Autocomplete-BwNHp8fy.js";
 export { Autocomplete, AutocompleteProps, ControlledAutocompleteProps };

package/dist/components/autocomplete.js

@@ -1,10 +1,11 @@
-import { t as UIConfig } from "../uiConfig.context-D2eUIPHn.js";
-import { l as selectInputTagsContentWrapperDefinition, n as StaticSelectTrailingContent, r as SelectBase, t as getStaticSelectValue } from "../staticSelect.utils-Cm7MoDVG.js";
+import { t as UIConfig } from "../uiConfig.context-BS3r_kTS.js";
+import { r as selectInputTagsContentWrapperDefinition } from "../selectDesktop.cva-CHAMxhfO.js";
 import { t as clsx } from "../clsx-CnD0nOiA.js";
-import { t as UIOverrides } from "../uiOverrides.context-Bfm2n-n8.js";
+import { t as UIOverrides } from "../uiOverrides.context-BTCH9y5a.js";
+import { n as StaticSelectTrailingContent, r as SelectBase, t as getStaticSelectValue } from "../staticSelect.utils-uHa8f_c6.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "../import-BE0r63d8.js";
 import { t as FieldController } from "../form.binding-CG1RPv6o.js";
-import { i as InputFrame, n as useStaticInputHandoff, t as getStaticInputFocusTarget } from "../useStaticInputHandoff-DB9PgioW.js";
+import { i as InputFrame, n as useStaticInputHandoff, t as getStaticInputFocusTarget } from "../useStaticInputHandoff-NeZVnci-.js";
 import { memo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/inputs/Selection/Autocomplete/Autocomplete.tsx

package/dist/components/badge-button.d.ts

@@ -0,0 +1,2 @@
+import { n as BadgeButtonProps, t as BadgeButton } from "../BadgeButton-Ccgt3oGO.js";
+export { BadgeButton, BadgeButtonProps };

package/dist/components/{pill-button.js → badge-button.js}

@@ -1,18 +1,18 @@
 import { t as X } from "../x-B6vfz8Ps.js";
 import { t as clsx } from "../clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "../uiOverrides.context-BTCH9y5a.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "../Button-D6KlWSFL.js";
 import { t as $75afe627ae0cc0fa$export$d2b052e7b4be1756 } from "../ToggleButton-BW1ensey.js";
-import { t as UIOverrides } from "../uiOverrides.context-Bfm2n-n8.js";
-import { t as ButtonContent } from "../ButtonContent-B2_dZ6vA.js";
-import { a as pillButtonTypography, i as pillButtonIconSize, r as pillButtonDefinition, t as pillButtonContent } from "../pillButton.cva-DlP5tOT5.js";
+import { t as ButtonContent } from "../ButtonContent-c7lJayVQ.js";
+import { a as badgeButtonTypography, i as badgeButtonIconSize, r as badgeButtonDefinition, t as badgeButtonContent } from "../badgeButton.cva-CvN4CTx5.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/buttons/PillButton/PillButton.tsx
-const PillButton = (t0) => {
+//#region src/components/buttons/BadgeButton/BadgeButton.tsx
+const BadgeButton = (t0) => {
 	const $ = c(17);
 	const { children, dismissable, toggle, icon, iconPosition, contentRef, ...props } = t0;
-	const pillButtonCva = UIOverrides.useCva("pillButton.cva", pillButtonDefinition);
-	const pillButtonTypographyMap = UIOverrides.useMapper("pillButton.typography", pillButtonTypography);
+	const badgeButtonCva = UIOverrides.useCva("badgeButton.cva", badgeButtonDefinition);
+	const badgeButtonTypographyMap = UIOverrides.useMapper("badgeButton.typography", badgeButtonTypography);
 	const Component = toggle ? $75afe627ae0cc0fa$export$d2b052e7b4be1756 : $7705c033048f6da7$export$353f5b6fc5456de1;
 	let t1;
 	if ($[0] !== dismissable || $[1] !== icon || $[2] !== iconPosition) {
@@ -26,15 +26,16 @@ const PillButton = (t0) => {
 		$[3] = t1;
 	} else t1 = $[3];
 	const getIconPosition = t1;
-	const t2 = clsx(pillButtonCva({
+	const t2 = clsx(badgeButtonCva({
 		...props,
+		hasIcon: !!dismissable || !!icon && iconPosition !== "none",
 		className: props.className
-	}), pillButtonContent({ iconPosition: getIconPosition() }));
+	}), badgeButtonContent({ iconPosition: getIconPosition() }));
 	const T0 = ButtonContent;
 	const t3 = dismissable ? X : icon;
 	const t4 = dismissable ? "right" : iconPosition;
-	const t5 = pillButtonIconSize;
-	const t6 = pillButtonTypographyMap({ ...props });
+	const t5 = badgeButtonIconSize;
+	const t6 = badgeButtonTypographyMap({ ...props });
 	let t7;
 	if ($[4] !== T0 || $[5] !== children || $[6] !== contentRef || $[7] !== t3 || $[8] !== t4 || $[9] !== t5 || $[10] !== t6) {
 		t7 = /* @__PURE__ */ jsx(T0, {
@@ -70,4 +71,4 @@ const PillButton = (t0) => {
 	return t8;
 };
 //#endregion
-export { PillButton };
+export { BadgeButton };

package/dist/components/badge.d.ts

@@ -1,2 +1,2 @@
-import { n as BadgeProps, t as Badge } from "../Badge-YKlKz-Jy.js";
+import { n as BadgeProps, t as Badge } from "../Badge-CBNpj823.js";
 export { Badge, BadgeProps };