@povio/ui 6.0.0-rc.1 → 6.0.0-rc.2

package/dist/{useTableColumnConfig-CUINwVTR.js → useTableColumnConfig-DoTYVxqG.js}

@@ -1,20 +1,21 @@
 import { t as logger } from "./logger-CqZjM-sn.js";
 import { t as createLucideIcon } from "./createLucideIcon-LcezOE4z.js";
-import { t as UIConfig } from "./uiConfig.context-CT9EVqC5.js";
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
 import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
-import { n as ChevronUp } from "./Tooltip-CMigoyri.js";
+import { n as ChevronUp } from "./Tooltip-CqbyoJhl.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
-import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
-import { t as Checkbox } from "./Checkbox-BI3DQPLa.js";
-import { t as Typography } from "./Typography-LU4z2pR1.js";
-import { t as Spinner } from "./Spinner-BeVTUzzx.js";
+import { t as IconSlot } from "./IconSlot-Cuvpj1gd.js";
+import { t as Checkbox } from "./Checkbox-Bo03jrPX.js";
+import { t as Typography } from "./Typography-Ba5l4rmj.js";
+import { t as Spinner } from "./Spinner-CFj5Iu77.js";
+import { n as uiOutlineClass } from "./outline.clsx-DGGQQRkM.js";
 import { IconButton } from "./components/icon-button.js";
 import "./i18n-BjNKHh_D.js";
 import { t as useIntersectionObserver } from "./useIntersectionObserver-DYfHnGGU.js";
-import { t as Dialog } from "./Dialog-DSl1Fkqi.js";
+import { t as Dialog } from "./Dialog-COvYzwNU.js";
 import { Pagination } from "./components/pagination.js";
-import { a as tableHeadRowDefinition, c as theadDefinition, i as tableHeadDataDefinition, n as tableContainerDefinition, o as tableHeaderTextDefinition, r as tableDataDefinition, s as tableRowDefinition, t as tableCellTextDefinition } from "./table.cva-DFQM8VbM.js";
+import { a as tableHeadRowDefinition, c as theadDefinition, i as tableHeadDataDefinition, n as tableContainerDefinition, o as tableHeaderTextDefinition, r as tableDataDefinition, s as tableRowDefinition, t as tableCellTextDefinition } from "./table.cva-BMIizuGy.js";
 import { t as useTranslationMemo } from "./useTranslationMemo-CrZbeyBv.js";
 import { t as UIRouter } from "./router.context-B4FvsTim.js";
 import { t as RoutingUtils } from "./routing.utils-DfxEt0_Y.js";
@@ -629,7 +630,7 @@ const Table = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, clas
 		style: maxHeight === void 0 || scroll === "page" ? void 0 : { maxHeight },
 		children: /* @__PURE__ */ jsxs("table", {
 			ref: tableRef,
-			className: clsx("w-full font-body text-large", className),
+			className: clsx("w-full font-sans text-sm", className),
 			...listeners,
 			children: [/* @__PURE__ */ jsx("thead", {
 				ref: theadRef,
@@ -652,7 +653,7 @@ const Table = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, clas
 							children: isAnyRowSelected ? /* @__PURE__ */ jsx(ActionHeader, { table }) : /* @__PURE__ */ jsxs("button", {
 								type: "button",
 								"aria-label": "Sort column",
-								className: clsx("flex select-none items-center gap-1 text-content-primary", header_0.column.getCanSort() ? "-mx-1 h-6 cursor-pointer rounded-xs px-1 hover:bg-table-row-hover" : "cursor-default", columnMeta.sortClass),
+								className: clsx("flex select-none items-center gap-1 text-foreground", uiOutlineClass, header_0.column.getCanSort() ? "-mx-1 h-6 cursor-pointer rounded-sm px-1 hover:bg-accent hover:text-accent-foreground" : "cursor-default", columnMeta.sortClass),
 								onClick: header_0.column.getToggleSortingHandler(),
 								children: [typeof header_0.column.columnDef.header === "function" ? flexRender(header_0.column.columnDef.header, header_0.getContext()) : /* @__PURE__ */ jsx(HeaderText, { children: header_0.column.columnDef.header }), {
 									asc: /* @__PURE__ */ jsx(IconSlot, { icon: ChevronUp }),
@@ -853,8 +854,8 @@ function ColumnConfigModal(t0) {
 	if ($[14] !== t7) {
 		t8 = /* @__PURE__ */ jsx(Typography, {
 			as: "h2",
-			className: "font-bold",
-			size: "lead",
+			className: "font-semibold",
+			size: "h3",
 			children: t7
 		});
 		$[14] = t7;

package/dist/{useTableNav-rU9WmCj6.d.ts → useTableNav-D2zCwy63.d.ts}

@@ -1,5 +1,5 @@
-import { n as TypographyProps } from "./Typography-D2FfZr7a.js";
-import { n as TableVariant, t as TableRowVariantProps } from "./table.cva-CmfeWLyW.js";
+import { n as TypographyProps } from "./Typography-BD-MSuTp.js";
+import { n as TableVariant, t as TableRowVariantProps } from "./table.cva-HHTd92di.js";
 import { CSSProperties, ComponentType, Dispatch, FC, KeyboardEvent, ReactNode, SetStateAction } from "react";
 import { ColumnDef, ColumnOrderState, ColumnVisibilityState, OnChangeFn, PaginationState, Row, RowData, RowSelectionState, SortingState, StockFeatures, Table } from "@tanstack/react-table";
 import { DragEndEvent, UniqueIdentifier } from "@dnd-kit/core";

package/dist/{useToast-DfQif03I.d.ts → useToast-CA0BGCDK.d.ts}

@@ -1,4 +1,4 @@
-import { r as ToastProps } from "./Toast-Dl6KMa58.js";
+import { r as ToastProps } from "./Toast-6rYk8AAG.js";
 import { Id, ToastOptions, ToastPosition } from "react-toastify";
 //#region src/components/status/Toast/useToast.d.ts
 interface ToastParams extends Omit<ToastProps, "color"> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "6.0.0-rc.1",
+  "version": "6.0.0-rc.2",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -1184,7 +1184,6 @@
       "default": "./dist/rich-text-editor.js"
     },
     "./rich-text-editor/styles": "./dist/styles/editor.css",
-    "./color-utilities": "./dist/styles/color-utilities.css",
     "./tw-ui-plugin": {
       "types": "./dist/tw-ui-plugin.d.ts",
       "import": "./dist/tw-ui-plugin.js",
@@ -1233,7 +1232,7 @@
     "motion": "~12.23.24",
     "react-aria": "^3.53.1",
     "react-aria-components": "^1.22.1",
-    "react-icons-sprite": "1.2.0-rc.2",
+    "react-icons-sprite": "1.4.0-rc1",
     "react-stately": "^3.51.0",
     "react-toastify": "^11.0.5",
     "tailwindcss": "^4.2.4",

package/dist/Tag-CoqCTZRm.d.ts

@@ -1,44 +0,0 @@
-import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-Dmev7iRS.js";
-import "./style-definitions-_RXJdSk-.js";
-import { n as TypographyProps } from "./Typography-D2FfZr7a.js";
-import { Ref } from "react";
-import { ButtonProps } from "react-aria-components";
-//#region src/components/text/Tag/tag.cva.d.ts
-declare const tagDefinition: {
-  base: string[];
-  config: StyleMergeUtils.Config<{
-    readonly color: {
-      primary: ["bg-interactive-subtle-primary-background text-interactive-subtle-primary-foreground", "not-disabled:not-pressed:hover:bg-state-interactive-subtle-primary-background/hover not-disabled:not-pressed:hover:text-state-interactive-subtle-primary-foreground/hover", "not-disabled:pressed:bg-state-interactive-subtle-primary-background/pressed not-disabled:pressed:text-state-interactive-subtle-primary-foreground/pressed", "disabled:bg-state-interactive-subtle-primary-background/disabled disabled:text-state-interactive-subtle-primary-foreground/disabled", "focus-visible:outline-interactive-ring"];
-      secondary: ["bg-interactive-subtle-secondary-background text-interactive-subtle-secondary-foreground", "not-disabled:not-pressed:hover:bg-state-interactive-subtle-secondary-background/hover not-disabled:not-pressed:hover:text-state-interactive-subtle-secondary-foreground/hover", "not-disabled:pressed:bg-state-interactive-subtle-secondary-background/pressed not-disabled:pressed:text-state-interactive-subtle-secondary-foreground/pressed", "disabled:bg-state-interactive-subtle-secondary-background/disabled disabled:text-state-interactive-subtle-secondary-foreground/disabled", "focus-visible:outline-interactive-ring"];
-      success: ["bg-status-success-subtle-background text-status-success-subtle-foreground", "not-disabled:not-pressed:hover:bg-state-status-success-subtle-background/hover not-disabled:not-pressed:hover:text-state-status-success-subtle-foreground/hover", "not-disabled:pressed:bg-state-status-success-subtle-background/pressed not-disabled:pressed:text-state-status-success-subtle-foreground/pressed", "disabled:bg-state-status-success-subtle-background/disabled disabled:text-state-status-success-subtle-foreground/disabled", "focus-visible:outline-interactive-ring"];
-      warning: ["bg-status-warning-subtle-background text-status-warning-subtle-foreground", "not-disabled:not-pressed:hover:bg-state-status-warning-subtle-background/hover not-disabled:not-pressed:hover:text-state-status-warning-subtle-foreground/hover", "not-disabled:pressed:bg-state-status-warning-subtle-background/pressed not-disabled:pressed:text-state-status-warning-subtle-foreground/pressed", "disabled:bg-state-status-warning-subtle-background/disabled disabled:text-state-status-warning-subtle-foreground/disabled", "focus-visible:outline-interactive-ring"];
-      error: ["bg-status-destructive-subtle-background text-status-destructive-subtle-foreground", "not-disabled:not-pressed:hover:bg-state-status-destructive-subtle-background/hover not-disabled:not-pressed:hover:text-state-status-destructive-subtle-foreground/hover", "not-disabled:pressed:bg-state-status-destructive-subtle-background/pressed not-disabled:pressed:text-state-status-destructive-subtle-foreground/pressed", "disabled:bg-state-status-destructive-subtle-background/disabled disabled:text-state-status-destructive-subtle-foreground/disabled", "focus-visible:outline-interactive-ring"];
-    };
-  }>;
-};
-type TagConfig = NonNullable<typeof tagDefinition.config>;
-interface TagVariantProps extends UIOverrides.VariantProps<TagConfig> {}
-//#endregion
-//#region src/components/text/Tag/Tag.d.ts
-interface TagProps extends TagVariantProps {
-  className?: string;
-  children: string;
-  /** Preferred spelling. `dismissable` remains supported. */
-  dismissible?: boolean;
-  dismissable?: boolean;
-  isDisabled?: boolean;
-  disabled?: boolean;
-  contentRef?: Ref<HTMLElement>;
-  textSize?: TypographyProps["size"];
-  /** Preferred callback name. */
-  onRemove?: () => void;
-  onDismiss?: () => void;
-  /** Props applied to the actual dismiss button, when one is rendered. */
-  dismissButtonProps?: Omit<ButtonProps, "children" | "onPress">;
-  excludeFromTabOrder?: boolean;
-  /** Compatibility callback for the historical button-like prop surface. */
-  onPress?: ButtonProps["onPress"];
-}
-declare const Tag: ({ className, children, dismissible, dismissable, isDisabled, disabled, onRemove, onDismiss, dismissButtonProps, excludeFromTabOrder, onPress, contentRef, textSize: textSizeProp, ...appearanceProps }: TagProps) => import("react").JSX.Element;
-//#endregion
-export { tagDefinition as i, TagProps as n, TagVariantProps as r, Tag as t };

package/dist/badgeButton.cva-BPyVejxO.js

@@ -1,300 +0,0 @@
-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-status-destructive-subtle-foreground text-status-destructive-subtle-foreground",
-					"not-data-[selected]:not-data-[disabled]:hover:border-state-status-destructive-subtle-foreground/hover not-data-[selected]:not-data-[disabled]:hover:text-state-status-destructive-subtle-foreground/hover",
-					"not-data-[selected]:pressed:border-state-status-destructive-subtle-foreground/pressed not-data-[selected]:pressed:text-state-status-destructive-subtle-foreground/pressed",
-					"not-data-[selected]:data-[disabled]:border-state-status-destructive-subtle-foreground/disabled not-data-[selected]:data-[disabled]:text-state-status-destructive-subtle-foreground/disabled",
-					"not-data-[selected]:focus-visible:border-state-status-destructive-subtle-foreground/focus not-data-[selected]:focus-visible:text-state-status-destructive-subtle-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-status-destructive-subtle-foreground! group-data-[split]/split:data-[separator]:selected:after:bg-interactive-destructive-foreground!"
-				]
-			},
-			{
-				variant: "subtle",
-				color: "error",
-				className: [
-					"bg-status-destructive-subtle-background border-status-destructive-subtle-background text-status-destructive-subtle-foreground",
-					"not-data-[selected]:not-data-[disabled]:hover:border-state-status-destructive-subtle-background/hover not-data-[selected]:not-data-[disabled]:hover:bg-state-status-destructive-subtle-background/hover not-data-[selected]:not-data-[disabled]:hover:text-state-status-destructive-subtle-foreground/hover",
-					"not-data-[selected]:pressed:border-state-status-destructive-subtle-background/pressed not-data-[selected]:pressed:bg-state-status-destructive-subtle-background/pressed not-data-[selected]:pressed:text-state-status-destructive-subtle-foreground/pressed",
-					"not-data-[selected]:data-[disabled]:border-state-status-destructive-subtle-background/disabled not-data-[selected]:data-[disabled]:bg-state-status-destructive-subtle-background/disabled not-data-[selected]:data-[disabled]:text-state-status-destructive-subtle-foreground/disabled",
-					"not-data-[selected]:focus-visible:border-state-status-destructive-subtle-background/focus not-data-[selected]:focus-visible:bg-state-status-destructive-subtle-background/focus not-data-[selected]:focus-visible:text-state-status-destructive-subtle-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-status-destructive-subtle-foreground! group-data-[split]/split:data-[separator]:selected:after:bg-interactive-destructive-foreground!"
-				]
-			},
-			{
-				variant: ["contained", "solid"],
-				color: "success",
-				className: [
-					"bg-status-success-background border-status-success-background text-status-success-foreground",
-					"not-data-[selected]:not-data-[disabled]:hover:border-state-status-success-background/hover not-data-[selected]:not-data-[disabled]:hover:bg-state-status-success-background/hover",
-					"not-data-[selected]:pressed:border-state-status-success-background/pressed not-data-[selected]:pressed:bg-state-status-success-background/pressed",
-					"not-data-[selected]:data-[disabled]:border-state-status-success-background/disabled not-data-[selected]:data-[disabled]:bg-state-status-success-background/disabled",
-					"not-data-[selected]:focus-visible:border-state-status-success-background/focus not-data-[selected]:focus-visible:bg-state-status-success-background/focus",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-state-status-success-background/toggled selected:border-state-status-success-background/toggled selected:text-status-success-foreground",
-					"selected:not-data-[disabled]:hover:bg-state-status-success-background/toggled-hovered selected:not-data-[disabled]:hover:border-state-status-success-background/toggled-hovered selected:not-data-[disabled]:hover:text-status-success-foreground",
-					"selected:data-[disabled]:bg-state-status-success-background/toggled-disabled selected:data-[disabled]:border-state-status-success-background/toggled-disabled selected:data-[disabled]:text-status-success-foreground/40",
-					"group-data-[split]/split:data-[separator]:after:bg-status-success-subtle-background! group-data-[split]/split:data-[separator]:selected:after:bg-status-success-subtle-background!"
-				]
-			},
-			{
-				variant: ["outlined", "outline"],
-				color: "success",
-				className: [
-					"bg-support-transparent-outline border-status-success-accent text-status-success-accent",
-					"not-data-[selected]:not-data-[disabled]:hover:border-state-status-success-accent/hover not-data-[selected]:not-data-[disabled]:hover:text-state-status-success-accent/hover",
-					"not-data-[selected]:pressed:border-state-status-success-accent/pressed not-data-[selected]:pressed:text-state-status-success-accent/pressed",
-					"not-data-[selected]:data-[disabled]:border-state-status-success-accent/disabled not-data-[selected]:data-[disabled]:text-state-status-success-accent/disabled",
-					"not-data-[selected]:focus-visible:border-state-status-success-accent/focus not-data-[selected]:focus-visible:text-state-status-success-accent/focus",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-state-status-success-background/toggled selected:border-state-status-success-background/toggled selected:text-status-success-foreground",
-					"selected:not-data-[disabled]:hover:bg-state-status-success-background/toggled-hovered selected:not-data-[disabled]:hover:border-state-status-success-background/toggled-hovered selected:not-data-[disabled]:hover:text-status-success-foreground",
-					"selected:data-[disabled]:bg-state-status-success-background/toggled-disabled selected:data-[disabled]:border-state-status-success-background/toggled-disabled selected:data-[disabled]:text-status-success-foreground/40",
-					"group-data-[split]/split:data-[separator]:after:bg-status-success-background! group-data-[split]/split:data-[separator]:selected:after:bg-status-success-subtle-background!"
-				]
-			},
-			{
-				variant: "subtle",
-				color: "success",
-				className: [
-					"bg-status-success-subtle-background border-status-success-subtle-background text-status-success-subtle-foreground",
-					"not-data-[selected]:not-data-[disabled]:hover:border-state-status-success-subtle-background/hover not-data-[selected]:not-data-[disabled]:hover:bg-state-status-success-subtle-background/hover not-data-[selected]:not-data-[disabled]:hover:text-state-status-success-subtle-foreground/hover",
-					"not-data-[selected]:pressed:border-state-status-success-subtle-background/pressed not-data-[selected]:pressed:bg-state-status-success-subtle-background/pressed not-data-[selected]:pressed:text-state-status-success-subtle-foreground/pressed",
-					"not-data-[selected]:data-[disabled]:border-state-status-success-subtle-background/disabled not-data-[selected]:data-[disabled]:bg-state-status-success-subtle-background/disabled not-data-[selected]:data-[disabled]:text-state-status-success-subtle-foreground/disabled",
-					"not-data-[selected]:focus-visible:border-state-status-success-subtle-background/focus not-data-[selected]:focus-visible:bg-state-status-success-subtle-background/focus not-data-[selected]:focus-visible:text-state-status-success-subtle-foreground/focus",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-state-status-success-background/toggled selected:border-state-status-success-background/toggled selected:text-status-success-foreground",
-					"selected:not-data-[disabled]:hover:bg-state-status-success-background/toggled-hovered selected:not-data-[disabled]:hover:border-state-status-success-background/toggled-hovered selected:not-data-[disabled]:hover:text-status-success-foreground",
-					"selected:data-[disabled]:bg-state-status-success-background/toggled-disabled selected:data-[disabled]:border-state-status-success-background/toggled-disabled selected:data-[disabled]:text-status-success-foreground/40",
-					"group-data-[split]/split:data-[separator]:after:bg-status-success-background! group-data-[split]/split:data-[separator]:selected:after:bg-status-success-subtle-background!"
-				]
-			},
-			{
-				variant: ["contained", "solid"],
-				color: "warning",
-				className: [
-					"bg-status-warning-background border-status-warning-background text-status-warning-foreground",
-					"not-data-[selected]:not-data-[disabled]:hover:border-state-status-warning-background/hover not-data-[selected]:not-data-[disabled]:hover:bg-state-status-warning-background/hover",
-					"not-data-[selected]:pressed:border-state-status-warning-background/pressed not-data-[selected]:pressed:bg-state-status-warning-background/pressed",
-					"not-data-[selected]:data-[disabled]:border-state-status-warning-background/disabled not-data-[selected]:data-[disabled]:bg-state-status-warning-background/disabled",
-					"not-data-[selected]:focus-visible:border-state-status-warning-background/focus not-data-[selected]:focus-visible:bg-state-status-warning-background/focus",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-state-status-warning-background/toggled selected:border-state-status-warning-background/toggled selected:text-status-warning-foreground",
-					"selected:not-data-[disabled]:hover:bg-state-status-warning-background/toggled-hovered selected:not-data-[disabled]:hover:border-state-status-warning-background/toggled-hovered selected:not-data-[disabled]:hover:text-status-warning-foreground",
-					"selected:data-[disabled]:bg-state-status-warning-background/toggled-disabled selected:data-[disabled]:border-state-status-warning-background/toggled-disabled selected:data-[disabled]:text-status-warning-foreground/40",
-					"group-data-[split]/split:data-[separator]:after:bg-status-warning-subtle-background! group-data-[split]/split:data-[separator]:selected:after:bg-status-warning-subtle-background!"
-				]
-			},
-			{
-				variant: ["outlined", "outline"],
-				color: "warning",
-				className: [
-					"bg-support-transparent-outline border-status-warning-accent text-status-warning-accent",
-					"not-data-[selected]:not-data-[disabled]:hover:border-state-status-warning-accent/hover not-data-[selected]:not-data-[disabled]:hover:text-state-status-warning-accent/hover",
-					"not-data-[selected]:pressed:border-state-status-warning-accent/pressed not-data-[selected]:pressed:text-state-status-warning-accent/pressed",
-					"not-data-[selected]:data-[disabled]:border-state-status-warning-accent/disabled not-data-[selected]:data-[disabled]:text-state-status-warning-accent/disabled",
-					"not-data-[selected]:focus-visible:border-state-status-warning-accent/focus not-data-[selected]:focus-visible:text-state-status-warning-accent/focus",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-state-status-warning-background/toggled selected:border-state-status-warning-background/toggled selected:text-status-warning-foreground",
-					"selected:not-data-[disabled]:hover:bg-state-status-warning-background/toggled-hovered selected:not-data-[disabled]:hover:border-state-status-warning-background/toggled-hovered selected:not-data-[disabled]:hover:text-status-warning-foreground",
-					"selected:data-[disabled]:bg-state-status-warning-background/toggled-disabled selected:data-[disabled]:border-state-status-warning-background/toggled-disabled selected:data-[disabled]:text-status-warning-foreground/40",
-					"group-data-[split]/split:data-[separator]:after:bg-status-warning-background! group-data-[split]/split:data-[separator]:selected:after:bg-status-warning-subtle-background!"
-				]
-			},
-			{
-				variant: "subtle",
-				color: "warning",
-				className: [
-					"bg-status-warning-subtle-background border-status-warning-subtle-background text-status-warning-subtle-foreground",
-					"not-data-[selected]:not-data-[disabled]:hover:border-state-status-warning-subtle-background/hover not-data-[selected]:not-data-[disabled]:hover:bg-state-status-warning-subtle-background/hover not-data-[selected]:not-data-[disabled]:hover:text-state-status-warning-subtle-foreground/hover",
-					"not-data-[selected]:pressed:border-state-status-warning-subtle-background/pressed not-data-[selected]:pressed:bg-state-status-warning-subtle-background/pressed not-data-[selected]:pressed:text-state-status-warning-subtle-foreground/pressed",
-					"not-data-[selected]:data-[disabled]:border-state-status-warning-subtle-background/disabled not-data-[selected]:data-[disabled]:bg-state-status-warning-subtle-background/disabled not-data-[selected]:data-[disabled]:text-state-status-warning-subtle-foreground/disabled",
-					"not-data-[selected]:focus-visible:border-state-status-warning-subtle-background/focus not-data-[selected]:focus-visible:bg-state-status-warning-subtle-background/focus not-data-[selected]:focus-visible:text-state-status-warning-subtle-foreground/focus",
-					"focus-visible:outline-interactive-ring",
-					"selected:bg-state-status-warning-background/toggled selected:border-state-status-warning-background/toggled selected:text-status-warning-foreground",
-					"selected:not-data-[disabled]:hover:bg-state-status-warning-background/toggled-hovered selected:not-data-[disabled]:hover:border-state-status-warning-background/toggled-hovered selected:not-data-[disabled]:hover:text-status-warning-foreground",
-					"selected:data-[disabled]:bg-state-status-warning-background/toggled-disabled selected:data-[disabled]:border-state-status-warning-background/toggled-disabled selected:data-[disabled]:text-status-warning-foreground/40",
-					"group-data-[split]/split:data-[separator]:after:bg-status-warning-background! group-data-[split]/split:data-[separator]:selected:after:bg-status-warning-subtle-background!"
-				]
-			}
-		],
-		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 };