npm - @povio/ui - Versions diffs - 5.0.0-rc.2 → 5.0.0-rc.4 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (436) hide show

package/dist/Button-sn52l1Yv.js DELETED Viewed

@@ -1,506 +0,0 @@
-import { t as UIConfig } from "./uiConfig.context-D2eUIPHn.js";
-import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { t as $984a1fc08f87e4f3$export$a6c7ac8248d6e38a } from "./Link-FupWOW1f.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 LinkContext } from "./link.context-J7aQtMOr.js";
-import { t as ButtonContent } from "./ButtonContent-B2_dZ6vA.js";
-import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
-import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/buttons/Button/button.cva.ts
-const buttonDefinition = UIOverrides.defineConfig({
-	base: [
-		"group inline-flex items-center justify-center border border-solid",
-		uiOutlineClass,
-		"group-data-[split]/split:data-[separator]:relative",
-		"group-data-[split]/split:data-[separator]:after:content-['']",
-		"group-data-[split]/split:data-[separator]:after:h-full",
-		"group-data-[split]/split:data-[separator]:after:w-px",
-		"group-data-[split]/split:data-[separator]:after:absolute",
-		"group-data-[split]/split:data-[separator]:after:-right-px",
-		"group-data-[split]/split:data-[separator]:after:border-t",
-		"group-data-[split]/split:data-[separator]:after:border-b",
-		"group-data-[split]/split:data-[separator]:after:box-content"
-	],
-	config: {
-		variants: {
-			width: {
-				fill: "w-full",
-				hug: "w-auto"
-			},
-			size: {
-				s: "",
-				sm: "",
-				default: "",
-				none: ""
-			},
-			color: {
-				primary: "",
-				secondary: "",
-				error: "",
-				dual: ""
-			},
-			variant: {
-				contained: "",
-				solid: "",
-				outlined: "",
-				outline: "",
-				subtle: "",
-				text: "group-data-[split]/split:data-[separator]:after:hidden",
-				ghost: ""
-			},
-			inverted: {
-				true: "",
-				false: ""
-			}
-		},
-		compoundVariants: [
-			{
-				variant: ["contained", "solid"],
-				color: ["primary", "dual"],
-				className: [
-					"bg-interactive-primary-background border-interactive-primary-background text-interactive-primary-foreground",
-					"not-data-[selected]:hover:border-tint-interactive-primary-background/80 not-data-[selected]:hover:bg-tint-interactive-primary-background/80",
-					"not-data-[selected]:pressed:border-tint-interactive-primary-background/70 not-data-[selected]:pressed:bg-tint-interactive-primary-background/70",
-					"not-data-[selected]:disabled:border-tint-interactive-primary-background/50 not-data-[selected]:disabled:bg-tint-interactive-primary-background/50",
-					"not-data-[selected]:focus-visible:border-tint-interactive-primary-background/60 not-data-[selected]:focus-visible:bg-tint-interactive-primary-background/60",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-shade-interactive-primary-background/75 selected:border-shade-interactive-primary-background/75 selected:text-interactive-primary-foreground",
-					"selected:hover:bg-shade-interactive-primary-background/65 selected:hover:border-shade-interactive-primary-background/65 selected:hover:text-interactive-primary-foreground",
-					"selected:disabled:bg-shade-interactive-primary-background/55 selected:disabled:border-shade-interactive-primary-background/55 selected: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", "dual"],
-				className: [
-					"bg-support-transparent-outline border-interactive-subtle-primary-foreground text-interactive-subtle-primary-foreground",
-					"not-data-[selected]:hover:border-tint-interactive-subtle-primary-foreground/80 not-data-[selected]:hover:text-tint-interactive-subtle-primary-foreground/80",
-					"not-data-[selected]:pressed:border-tint-interactive-subtle-primary-foreground/70 not-data-[selected]:pressed:text-tint-interactive-subtle-primary-foreground/70",
-					"not-data-[selected]:disabled:border-tint-interactive-subtle-primary-foreground/50 not-data-[selected]:disabled:text-tint-interactive-subtle-primary-foreground/50",
-					"not-data-[selected]:focus-visible:border-tint-interactive-subtle-primary-foreground/60 not-data-[selected]:focus-visible:text-tint-interactive-subtle-primary-foreground/60",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-shade-interactive-primary-background/75 selected:border-shade-interactive-primary-background/75 selected:text-interactive-primary-foreground",
-					"selected:hover:bg-shade-interactive-primary-background/65 selected:hover:border-shade-interactive-primary-background/65 selected:hover:text-interactive-primary-foreground",
-					"selected:disabled:bg-shade-interactive-primary-background/55 selected:disabled:border-shade-interactive-primary-background/55 selected: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", "dual"],
-				className: [
-					"bg-interactive-subtle-primary-background border-interactive-subtle-primary-background text-interactive-subtle-primary-foreground",
-					"not-data-[selected]:hover:border-tint-interactive-subtle-primary-background/80 not-data-[selected]:hover:bg-tint-interactive-subtle-primary-background/80 not-data-[selected]:hover:text-tint-interactive-subtle-primary-foreground/80",
-					"not-data-[selected]:pressed:border-tint-interactive-subtle-primary-background/70 not-data-[selected]:pressed:bg-tint-interactive-subtle-primary-background/70 not-data-[selected]:pressed:text-tint-interactive-subtle-primary-foreground/70",
-					"not-data-[selected]:disabled:border-tint-interactive-subtle-primary-background/50 not-data-[selected]:disabled:bg-tint-interactive-subtle-primary-background/50 not-data-[selected]:disabled:text-tint-interactive-subtle-primary-foreground/50",
-					"not-data-[selected]:focus-visible:border-tint-interactive-subtle-primary-background/60 not-data-[selected]:focus-visible:bg-tint-interactive-subtle-primary-background/60 not-data-[selected]:focus-visible:text-tint-interactive-subtle-primary-foreground/60",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-shade-interactive-primary-background/75 selected:border-shade-interactive-primary-background/75 selected:text-interactive-primary-foreground",
-					"selected:hover:bg-shade-interactive-primary-background/65 selected:hover:border-shade-interactive-primary-background/65 selected:hover:text-interactive-primary-foreground",
-					"selected:disabled:bg-shade-interactive-primary-background/55 selected:disabled:border-shade-interactive-primary-background/55 selected: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: "ghost",
-				color: ["primary", "dual"],
-				className: [
-					"bg-support-transparent-outline border-support-transparent-outline text-interactive-subtle-primary-foreground",
-					"not-data-[selected]:hover:border-tint-interactive-subtle-primary-background/80 not-data-[selected]:hover:bg-tint-interactive-subtle-primary-background/80 not-data-[selected]:hover:text-tint-interactive-subtle-primary-foreground/80",
-					"not-data-[selected]:pressed:border-tint-interactive-subtle-primary-background/70 not-data-[selected]:pressed:bg-tint-interactive-subtle-primary-background/70 not-data-[selected]:pressed:text-tint-interactive-subtle-primary-foreground/70",
-					"not-data-[selected]:disabled:border-tint-interactive-subtle-primary-background/50 not-data-[selected]:disabled:bg-tint-interactive-subtle-primary-background/50 not-data-[selected]:disabled:text-tint-interactive-subtle-primary-foreground/50",
-					"not-data-[selected]:focus-visible:border-tint-interactive-subtle-primary-background/60 not-data-[selected]:focus-visible:bg-tint-interactive-subtle-primary-background/60 not-data-[selected]:focus-visible:text-tint-interactive-subtle-primary-foreground/60",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-shade-interactive-primary-background/75 selected:border-shade-interactive-primary-background/75 selected:text-interactive-primary-foreground",
-					"selected:hover:bg-shade-interactive-primary-background/65 selected:hover:border-shade-interactive-primary-background/65 selected:hover:text-interactive-primary-foreground",
-					"selected:disabled:bg-shade-interactive-primary-background/55 selected:disabled:border-shade-interactive-primary-background/55 selected:disabled:text-interactive-primary-foreground/40",
-					"group-data-[split]/split:data-[separator]:after:hidden"
-				]
-			},
-			{
-				variant: ["contained", "solid"],
-				color: "secondary",
-				className: [
-					"bg-interactive-secondary-background border-interactive-secondary-background text-interactive-secondary-foreground",
-					"not-data-[selected]:hover:border-tint-interactive-secondary-background/80 not-data-[selected]:hover:bg-tint-interactive-secondary-background/80",
-					"not-data-[selected]:pressed:border-tint-interactive-secondary-background/70 not-data-[selected]:pressed:bg-tint-interactive-secondary-background/70",
-					"not-data-[selected]:disabled:border-tint-interactive-secondary-background/50 not-data-[selected]:disabled:bg-tint-interactive-secondary-background/50",
-					"not-data-[selected]:focus-visible:border-tint-interactive-secondary-background/60 not-data-[selected]:focus-visible:bg-tint-interactive-secondary-background/60",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-shade-interactive-secondary-background/75 selected:border-shade-interactive-secondary-background/75 selected:text-interactive-secondary-foreground",
-					"selected:hover:bg-shade-interactive-secondary-background/65 selected:hover:border-shade-interactive-secondary-background/65 selected:hover:text-interactive-secondary-foreground",
-					"selected:disabled:bg-shade-interactive-secondary-background/55 selected:disabled:border-shade-interactive-secondary-background/55 selected: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]:hover:border-tint-interactive-subtle-secondary-foreground/80 not-data-[selected]:hover:text-tint-interactive-subtle-secondary-foreground/80",
-					"not-data-[selected]:pressed:border-tint-interactive-subtle-secondary-foreground/70 not-data-[selected]:pressed:text-tint-interactive-subtle-secondary-foreground/70",
-					"not-data-[selected]:disabled:border-tint-interactive-subtle-secondary-foreground/50 not-data-[selected]:disabled:text-tint-interactive-subtle-secondary-foreground/50",
-					"not-data-[selected]:focus-visible:border-tint-interactive-subtle-secondary-foreground/60 not-data-[selected]:focus-visible:text-tint-interactive-subtle-secondary-foreground/60",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-shade-interactive-secondary-background/75 selected:border-shade-interactive-secondary-background/75 selected:text-interactive-secondary-foreground",
-					"selected:hover:bg-shade-interactive-secondary-background/65 selected:hover:border-shade-interactive-secondary-background/65 selected:hover:text-interactive-secondary-foreground",
-					"selected:disabled:bg-shade-interactive-secondary-background/55 selected:disabled:border-shade-interactive-secondary-background/55 selected: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]:hover:border-tint-interactive-subtle-secondary-background/80 not-data-[selected]:hover:bg-tint-interactive-subtle-secondary-background/80 not-data-[selected]:hover:text-tint-interactive-subtle-secondary-foreground/80",
-					"not-data-[selected]:pressed:border-tint-interactive-subtle-secondary-background/70 not-data-[selected]:pressed:bg-tint-interactive-subtle-secondary-background/70 not-data-[selected]:pressed:text-tint-interactive-subtle-secondary-foreground/70",
-					"not-data-[selected]:disabled:border-tint-interactive-subtle-secondary-background/50 not-data-[selected]:disabled:bg-tint-interactive-subtle-secondary-background/50 not-data-[selected]:disabled:text-tint-interactive-subtle-secondary-foreground/50",
-					"not-data-[selected]:focus-visible:border-tint-interactive-subtle-secondary-background/60 not-data-[selected]:focus-visible:bg-tint-interactive-subtle-secondary-background/60 not-data-[selected]:focus-visible:text-tint-interactive-subtle-secondary-foreground/60",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-shade-interactive-secondary-background/75 selected:border-shade-interactive-secondary-background/75 selected:text-interactive-secondary-foreground",
-					"selected:hover:bg-shade-interactive-secondary-background/65 selected:hover:border-shade-interactive-secondary-background/65 selected:hover:text-interactive-secondary-foreground",
-					"selected:disabled:bg-shade-interactive-secondary-background/55 selected:disabled:border-shade-interactive-secondary-background/55 selected: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: "ghost",
-				color: "secondary",
-				className: [
-					"bg-support-transparent-outline border-support-transparent-outline text-interactive-subtle-secondary-foreground",
-					"not-data-[selected]:hover:border-tint-interactive-subtle-secondary-background/80 not-data-[selected]:hover:bg-tint-interactive-subtle-secondary-background/80 not-data-[selected]:hover:text-tint-interactive-subtle-secondary-foreground/80",
-					"not-data-[selected]:pressed:border-tint-interactive-subtle-secondary-background/70 not-data-[selected]:pressed:bg-tint-interactive-subtle-secondary-background/70 not-data-[selected]:pressed:text-tint-interactive-subtle-secondary-foreground/70",
-					"not-data-[selected]:disabled:border-tint-interactive-subtle-secondary-background/50 not-data-[selected]:disabled:bg-tint-interactive-subtle-secondary-background/50 not-data-[selected]:disabled:text-tint-interactive-subtle-secondary-foreground/50",
-					"not-data-[selected]:focus-visible:border-tint-interactive-subtle-secondary-background/60 not-data-[selected]:focus-visible:bg-tint-interactive-subtle-secondary-background/60 not-data-[selected]:focus-visible:text-tint-interactive-subtle-secondary-foreground/60",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-shade-interactive-secondary-background/75 selected:border-shade-interactive-secondary-background/75 selected:text-interactive-secondary-foreground",
-					"selected:hover:bg-shade-interactive-secondary-background/65 selected:hover:border-shade-interactive-secondary-background/65 selected:hover:text-interactive-secondary-foreground",
-					"selected:disabled:bg-shade-interactive-secondary-background/55 selected:disabled:border-shade-interactive-secondary-background/55 selected:disabled:text-interactive-secondary-foreground/40",
-					"group-data-[split]/split:data-[separator]:after:hidden"
-				]
-			},
-			{
-				variant: ["contained", "solid"],
-				color: "error",
-				className: [
-					"bg-interactive-destructive-background border-interactive-destructive-background text-interactive-destructive-foreground",
-					"not-data-[selected]:hover:border-tint-interactive-destructive-background/80 not-data-[selected]:hover:bg-tint-interactive-destructive-background/80",
-					"not-data-[selected]:pressed:border-tint-interactive-destructive-background/70 not-data-[selected]:pressed:bg-tint-interactive-destructive-background/70",
-					"not-data-[selected]:disabled:border-tint-interactive-destructive-background/50 not-data-[selected]:disabled:bg-tint-interactive-destructive-background/50",
-					"not-data-[selected]:focus-visible:border-tint-interactive-destructive-background/60 not-data-[selected]:focus-visible:bg-tint-interactive-destructive-background/60",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-shade-interactive-destructive-background/75 selected:border-shade-interactive-destructive-background/75 selected:text-interactive-destructive-foreground",
-					"selected:hover:bg-shade-interactive-destructive-background/65 selected:hover:border-shade-interactive-destructive-background/65 selected:hover:text-interactive-destructive-foreground",
-					"selected:disabled:bg-shade-interactive-destructive-background/55 selected:disabled:border-shade-interactive-destructive-background/55 selected: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]:hover:border-tint-interactive-subtle-destructive-foreground/80 not-data-[selected]:hover:text-tint-interactive-subtle-destructive-foreground/80",
-					"not-data-[selected]:pressed:border-tint-interactive-subtle-destructive-foreground/70 not-data-[selected]:pressed:text-tint-interactive-subtle-destructive-foreground/70",
-					"not-data-[selected]:disabled:border-tint-interactive-subtle-destructive-foreground/50 not-data-[selected]:disabled:text-tint-interactive-subtle-destructive-foreground/50",
-					"not-data-[selected]:focus-visible:border-tint-interactive-subtle-destructive-foreground/60 not-data-[selected]:focus-visible:text-tint-interactive-subtle-destructive-foreground/60",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-shade-interactive-destructive-background/75 selected:border-shade-interactive-destructive-background/75 selected:text-interactive-destructive-foreground",
-					"selected:hover:bg-shade-interactive-destructive-background/65 selected:hover:border-shade-interactive-destructive-background/65 selected:hover:text-interactive-destructive-foreground",
-					"selected:disabled:bg-shade-interactive-destructive-background/55 selected:disabled:border-shade-interactive-destructive-background/55 selected: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]:hover:border-tint-interactive-subtle-destructive-background/80 not-data-[selected]:hover:bg-tint-interactive-subtle-destructive-background/80 not-data-[selected]:hover:text-tint-interactive-subtle-destructive-foreground/80",
-					"not-data-[selected]:pressed:border-tint-interactive-subtle-destructive-background/70 not-data-[selected]:pressed:bg-tint-interactive-subtle-destructive-background/70 not-data-[selected]:pressed:text-tint-interactive-subtle-destructive-foreground/70",
-					"not-data-[selected]:disabled:border-tint-interactive-subtle-destructive-background/50 not-data-[selected]:disabled:bg-tint-interactive-subtle-destructive-background/50 not-data-[selected]:disabled:text-tint-interactive-subtle-destructive-foreground/50",
-					"not-data-[selected]:focus-visible:border-tint-interactive-subtle-destructive-background/60 not-data-[selected]:focus-visible:bg-tint-interactive-subtle-destructive-background/60 not-data-[selected]:focus-visible:text-tint-interactive-subtle-destructive-foreground/60",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-shade-interactive-destructive-background/75 selected:border-shade-interactive-destructive-background/75 selected:text-interactive-destructive-foreground",
-					"selected:hover:bg-shade-interactive-destructive-background/65 selected:hover:border-shade-interactive-destructive-background/65 selected:hover:text-interactive-destructive-foreground",
-					"selected:disabled:bg-shade-interactive-destructive-background/55 selected:disabled:border-shade-interactive-destructive-background/55 selected: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: "ghost",
-				color: "error",
-				className: [
-					"bg-support-transparent-outline border-support-transparent-outline text-interactive-subtle-destructive-foreground",
-					"not-data-[selected]:hover:border-tint-interactive-subtle-destructive-background/80 not-data-[selected]:hover:bg-tint-interactive-subtle-destructive-background/80 not-data-[selected]:hover:text-tint-interactive-subtle-destructive-foreground/80",
-					"not-data-[selected]:pressed:border-tint-interactive-subtle-destructive-background/70 not-data-[selected]:pressed:bg-tint-interactive-subtle-destructive-background/70 not-data-[selected]:pressed:text-tint-interactive-subtle-destructive-foreground/70",
-					"not-data-[selected]:disabled:border-tint-interactive-subtle-destructive-background/50 not-data-[selected]:disabled:bg-tint-interactive-subtle-destructive-background/50 not-data-[selected]:disabled:text-tint-interactive-subtle-destructive-foreground/50",
-					"not-data-[selected]:focus-visible:border-tint-interactive-subtle-destructive-background/60 not-data-[selected]:focus-visible:bg-tint-interactive-subtle-destructive-background/60 not-data-[selected]:focus-visible:text-tint-interactive-subtle-destructive-foreground/60",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-shade-interactive-destructive-background/75 selected:border-shade-interactive-destructive-background/75 selected:text-interactive-destructive-foreground",
-					"selected:hover:bg-shade-interactive-destructive-background/65 selected:hover:border-shade-interactive-destructive-background/65 selected:hover:text-interactive-destructive-foreground",
-					"selected:disabled:bg-shade-interactive-destructive-background/55 selected:disabled:border-shade-interactive-destructive-background/55 selected:disabled:text-interactive-destructive-foreground/40",
-					"group-data-[split]/split:data-[separator]:after:hidden"
-				]
-			},
-			{
-				variant: "text",
-				color: "primary",
-				inverted: false,
-				className: [
-					"bg-support-transparent-outline border-support-transparent-outline",
-					"text-interactive-primary-background",
-					"not-data-[selected]:hover:text-tint-interactive-primary-background/80",
-					"not-data-[selected]:pressed:text-tint-interactive-primary-background/70",
-					"not-data-[selected]:disabled:text-tint-interactive-primary-background/50",
-					"not-data-[selected]:focus-visible:text-tint-interactive-primary-background/60",
-					"selected:text-shade-interactive-primary-background/75",
-					"selected:hover:text-shade-interactive-primary-background/65",
-					"selected:disabled:text-shade-interactive-primary-background/55",
-					"focus-visible:outline-interactive-ring"
-				]
-			},
-			{
-				variant: "text",
-				color: "secondary",
-				className: [
-					"bg-support-transparent-outline border-support-transparent-outline",
-					"text-interactive-secondary-background",
-					"not-data-[selected]:hover:text-tint-interactive-secondary-background/80",
-					"not-data-[selected]:pressed:text-tint-interactive-secondary-background/70",
-					"not-data-[selected]:disabled:text-tint-interactive-secondary-background/50",
-					"not-data-[selected]:focus-visible:text-tint-interactive-secondary-background/60",
-					"selected:text-shade-interactive-secondary-background/75",
-					"selected:hover:text-shade-interactive-secondary-background/65",
-					"selected:disabled:text-shade-interactive-secondary-background/55",
-					"focus-visible:outline-interactive-ring"
-				]
-			},
-			{
-				variant: "text",
-				color: "error",
-				className: [
-					"bg-support-transparent-outline border-support-transparent-outline",
-					"text-interactive-destructive-background",
-					"not-data-[selected]:hover:text-tint-interactive-destructive-background/80",
-					"not-data-[selected]:pressed:text-tint-interactive-destructive-background/70",
-					"not-data-[selected]:disabled:text-tint-interactive-destructive-background/50",
-					"not-data-[selected]:focus-visible:text-tint-interactive-destructive-background/60",
-					"selected:text-shade-interactive-destructive-background/75",
-					"selected:hover:text-shade-interactive-destructive-background/65",
-					"selected:disabled:text-shade-interactive-destructive-background/55",
-					"focus-visible:outline-interactive-ring"
-				]
-			},
-			{
-				variant: "text",
-				color: "primary",
-				inverted: true,
-				className: [
-					"bg-support-transparent-outline border-support-transparent-outline",
-					"text-interactive-primary-foreground",
-					"not-data-[selected]:hover:text-tint-interactive-primary-foreground/80",
-					"not-data-[selected]:pressed:text-tint-interactive-primary-foreground/70",
-					"not-data-[selected]:disabled:text-tint-interactive-primary-foreground/50",
-					"not-data-[selected]:focus-visible:text-tint-interactive-primary-foreground/60",
-					"selected:text-shade-interactive-primary-foreground/75",
-					"selected:hover:text-shade-interactive-primary-foreground/65",
-					"selected:disabled:text-shade-interactive-primary-foreground/55",
-					"focus-visible:outline-interactive-ring"
-				]
-			},
-			{
-				variant: "text",
-				color: "dual",
-				className: [
-					"bg-support-transparent-outline border-support-transparent-outline",
-					"text-interactive-primary-background",
-					"[&_svg]:text-interactive-secondary-background",
-					"not-data-[selected]:hover:text-tint-interactive-primary-background/80 not-data-[selected]:hover:[&_svg]:text-tint-interactive-secondary-background/80",
-					"not-data-[selected]:pressed:text-tint-interactive-primary-background/70 not-data-[selected]:pressed:[&_svg]:text-tint-interactive-secondary-background/70",
-					"not-data-[selected]:disabled:text-tint-interactive-primary-background/50 not-data-[selected]:disabled:[&_svg]:text-tint-interactive-secondary-background/50",
-					"not-data-[selected]:focus-visible:text-tint-interactive-primary-background/60 not-data-[selected]:focus-visible:[&_svg]:text-tint-interactive-secondary-background/60",
-					"selected:text-shade-interactive-primary-background/75 selected:[&_svg]:text-shade-interactive-secondary-background/75",
-					"selected:hover:text-shade-interactive-primary-background/65 selected:hover:[&_svg]:text-shade-interactive-secondary-background/65",
-					"selected:disabled:text-shade-interactive-primary-background/55 selected:disabled:[&_svg]:text-shade-interactive-secondary-background/55",
-					"focus-visible:outline-interactive-ring"
-				]
-			}
-		],
-		defaultVariants: {
-			width: "hug",
-			color: "primary",
-			variant: "contained",
-			inverted: false
-		}
-	}
-});
-const buttonSizeDefinition = UIOverrides.defineConfig({
-	base: [],
-	config: {
-		variants: {
-			size: {
-				s: "rounded-button-rounding-small",
-				sm: "rounded-button-rounding-small",
-				default: "rounded-button-rounding-default",
-				none: "p-0"
-			},
-			iconOnly: {
-				true: "",
-				false: ""
-			}
-		},
-		compoundVariants: [
-			{
-				size: ["s", "sm"],
-				iconOnly: false,
-				className: "px-button-side-small py-button-height-small"
-			},
-			{
-				size: "default",
-				iconOnly: false,
-				className: "px-button-side-default py-button-height-default"
-			},
-			{
-				size: ["s", "sm"],
-				iconOnly: true,
-				className: "p-button-height-small"
-			},
-			{
-				size: "default",
-				iconOnly: true,
-				className: "p-button-height-default"
-			}
-		],
-		defaultVariants: {
-			size: "default",
-			iconOnly: false
-		}
-	}
-});
-const buttonContentDefinition = UIOverrides.defineConfig({
-	base: [],
-	config: {
-		variants: {
-			size: {
-				s: "gap-button-gap-icon-to-label",
-				sm: "gap-button-gap-icon-to-label",
-				default: "gap-button-gap-icon-to-label",
-				none: "gap-button-gap-icon-to-label"
-			},
-			iconPosition: {
-				left: "",
-				right: "",
-				none: ""
-			},
-			iconOnly: {
-				true: "",
-				false: ""
-			}
-		},
-		defaultVariants: {
-			size: "default",
-			iconPosition: "left",
-			iconOnly: false
-		}
-	}
-});
-const buttonIconSizeDefinition = UIOverrides.defineConfig({
-	base: [],
-	config: {
-		variants: { size: {
-			s: "size-4",
-			sm: "size-4",
-			default: "size-4",
-			none: "size-4"
-		} },
-		defaultVariants: { size: "default" }
-	}
-});
-const buttonTypography = compoundMapper({ default: {
-	size: "small",
-	className: "font-bold"
-} });
-//#endregion
-//#region src/components/buttons/Button/Button.tsx
-const getContentIconPosition = ({ icon, startIcon, endIcon, iconPosition }) => {
-	if (startIcon || !endIcon && icon && iconPosition !== "right") return "left";
-	if (endIcon || icon) return "right";
-	return "none";
-};
-const Button = ({ icon: Icon, startIcon, endIcon, iconPosition, children, isLoading: isLoadingProp, loading, className, link, iconClassName, noDisableWhenLoading, disableWhileLoading, contentRef, variant: variantProp, size: sizeProp, width: widthProp, fullWidth, ...props }) => {
-	const linkContext = LinkContext.useLinkContext();
-	const uiConfig = UIConfig.useConfig();
-	const variant = variantProp ?? uiConfig.button.variant;
-	const size = sizeProp ?? uiConfig.button.size;
-	const width = fullWidth ? "fill" : widthProp;
-	const isLoading = isLoadingProp ?? loading;
-	const shouldDisableWhileLoading = disableWhileLoading ?? !noDisableWhenLoading;
-	const contentIconPosition = getContentIconPosition({
-		icon: Icon,
-		startIcon,
-		endIcon,
-		iconPosition
-	});
-	const buttonCva = UIOverrides.useCva("button.cva", buttonDefinition);
-	const buttonSizeCva = UIOverrides.useCva("button.sizeCva", buttonSizeDefinition);
-	const buttonContentCva = UIOverrides.useCva("button.contentCva", buttonContentDefinition);
-	const buttonIconSizeCva = UIOverrides.useCva("button.iconSize", buttonIconSizeDefinition);
-	const typographyMap = UIOverrides.useMapper("button.typography", buttonTypography);
-	const Component = (() => {
-		if (link) return linkContext?.LinkComponent ?? $984a1fc08f87e4f3$export$a6c7ac8248d6e38a;
-		if (props.toggle != null) return $75afe627ae0cc0fa$export$d2b052e7b4be1756;
-		return $7705c033048f6da7$export$353f5b6fc5456de1;
-	})();
-	if (link && !link.to && link.href) link.to = link.href;
-	return /* @__PURE__ */ jsx(Component, {
-		...props,
-		...link,
-		isDisabled: props.isDisabled || isLoading && shouldDisableWhileLoading,
-		className: clsx(buttonCva({
-			...props,
-			variant,
-			size,
-			width,
-			className
-		}), buttonSizeCva({
-			...props,
-			variant,
-			size
-		}), buttonContentCva({
-			...props,
-			variant,
-			size,
-			iconPosition: contentIconPosition
-		})),
-		children: /* @__PURE__ */ jsx(ButtonContent, {
-			ref: contentRef,
-			isLoading,
-			icon: Icon,
-			startIcon,
-			endIcon,
-			content: children,
-			hideText: props.iconOnly,
-			iconPosition,
-			iconClassName: buttonIconSizeCva({
-				...props,
-				variant,
-				size,
-				className: iconClassName
-			}),
-			typography: typographyMap({
-				...props,
-				variant,
-				size
-			})
-		})
-	});
-};
-//#endregion
-export { buttonSizeDefinition as a, buttonIconSizeDefinition as i, buttonContentDefinition as n, buttonDefinition as r, Button as t };