@cube-dev/ui-kit 0.159.0 → 0.160.0

package/dist/components/overlays/Notifications/use-notifications.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { useNotificationContext } from "./NotificationContext.js";

package/dist/components/overlays/Notifications/use-overlay-timers.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useEffect, useRef } from "react";
 

package/dist/components/overlays/Notifications/use-persistent-notifications.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { usePersistentNotificationsContext } from "./NotificationContext.js";
 import { useMemo } from "react";
 

package/dist/components/overlays/Notifications/use-persistent-state.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { cleanupAndGetValidIds, saveDismissedId } from "./dismissed-storage.js";
 import { useRef, useState } from "react";

package/dist/components/overlays/Notifications/use-toast-state.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useRef, useState } from "react";
 

package/dist/components/overlays/Toast/ToastItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { getThemeIcon } from "./useToast.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/overlays/Toast/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { useToastContext } from "../Notifications/NotificationContext.js";
 import { useProgressToast } from "./useProgressToast.js";
 import { getThemeIcon, useToast } from "./useToast.js";

package/dist/components/overlays/Toast/useProgressToast.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/overlays/Toast/useToast.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { CheckIcon } from "../../../icons/CheckIcon.js";
 import { DangerIcon } from "../../../icons/DangerIcon.js";
 import { InfoCircleIcon } from "../../../icons/InfoCircleIcon.js";

package/dist/components/overlays/Tooltip/Tooltip.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

package/dist/components/overlays/Tooltip/TooltipProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { _Tooltip } from "./Tooltip.js";
 import { TooltipTrigger } from "./TooltipTrigger.js";
 import { isValidElement, useEffect, useState } from "react";

package/dist/components/overlays/Tooltip/TooltipTrigger.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { TooltipContext } from "./context.js";
 import { Block } from "../../Block.js";
 import { _ActiveZone } from "../../content/ActiveZone/ActiveZone.js";

package/dist/components/overlays/Tooltip/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import React from "react";
 
 //#region src/components/overlays/Tooltip/context.ts

package/dist/components/portal/Portal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { usePortal } from "./usePortal.js";
 import { Fragment, jsx } from "react/jsx-runtime";
 import { createPortal } from "react-dom";

package/dist/components/portal/PortalProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/portal/PortalProvider.ts

package/dist/components/portal/usePortal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { usePortalContext } from "./PortalProvider.js";
 import { useEffect, useRef, useState } from "react";
 import invariant from "tiny-invariant";

package/dist/components/shared/DraggableCollection.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useCallback, useEffect, useMemo, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/shared/InvalidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { WarningIcon } from "../../icons/WarningIcon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/shared/ValidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { CheckIcon } from "../../icons/CheckIcon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/status/LoadingAnimation/LoadingAnimation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/status/Spin/Cube.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/status/Spin/InternalSpinner.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { Cube } from "./Cube.js";
 import { SpinsContainer } from "./SpinsContainer.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/status/Spin/Spin.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { InternalSpinner } from "./InternalSpinner.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/status/Spin/SpinsContainer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { jsx } from "react/jsx-runtime";
 

package/dist/data/item-themes.d.ts

@@ -2,7 +2,7 @@
 import { Styles } from "@tenphi/tasty";
 
 //#region src/data/item-themes.d.ts
-type ItemVariant = 'default.primary' | 'default.outline' | 'default.outline-2' | 'default.clear' | 'default.link' | 'default.item' | 'default.card' | 'danger.primary' | 'danger.outline' | 'danger.outline-2' | 'danger.clear' | 'danger.link' | 'danger.item' | 'danger.card' | 'success.primary' | 'success.outline' | 'success.outline-2' | 'success.clear' | 'success.link' | 'success.item' | 'success.card' | 'warning.primary' | 'warning.outline' | 'warning.outline-2' | 'warning.clear' | 'warning.link' | 'warning.item' | 'warning.card' | 'note.primary' | 'note.outline' | 'note.outline-2' | 'note.clear' | 'note.link' | 'note.item' | 'note.card' | 'special.primary' | 'special.outline' | 'special.clear' | 'special.link' | 'special.item';
+type ItemVariant = 'default.current' | 'default.primary' | 'default.outline' | 'default.outline-2' | 'default.clear' | 'default.link' | 'default.item' | 'default.card' | 'danger.primary' | 'danger.outline' | 'danger.outline-2' | 'danger.clear' | 'danger.link' | 'danger.item' | 'danger.card' | 'success.primary' | 'success.outline' | 'success.outline-2' | 'success.clear' | 'success.link' | 'success.item' | 'success.card' | 'warning.primary' | 'warning.outline' | 'warning.outline-2' | 'warning.clear' | 'warning.link' | 'warning.item' | 'warning.card' | 'note.primary' | 'note.outline' | 'note.outline-2' | 'note.clear' | 'note.link' | 'note.item' | 'note.card' | 'special.primary' | 'special.outline' | 'special.clear' | 'special.link' | 'special.item';
 //#endregion
 export { ItemVariant };
 //# sourceMappingURL=item-themes.d.ts.map

package/dist/data/item-themes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 //#region src/data/item-themes.ts
 const VALIDATION_STYLES = { border: {
 	invalid: "#danger-accent-text",
@@ -696,6 +696,49 @@ const SPECIAL_ITEM_STYLES = {
 		disabled: "#white.4"
 	}
 };
+const CURRENT_ITEM_STYLES = {
+	border: "transparent",
+	fill: {
+		"": "#current.0",
+		"hovered | focused": "#current.04",
+		pressed: "#current.06",
+		selected: "#current.09",
+		"selected & (hovered | focused)": "#current.12",
+		"selected & pressed": "#current.15",
+		disabled: "transparent"
+	},
+	color: {
+		"": "#current",
+		disabled: "#current.4"
+	}
+};
+const CURRENT_BUTTON_STYLES = {
+	outline: {
+		"": "0 #primary-accent-text.0",
+		focused: "1bw #primary-accent-text"
+	},
+	border: {
+		"": "#current.08",
+		"hovered | focused": "#current.15",
+		pressed: "#current.25",
+		selected: "#current.3",
+		"selected & pressed": "#current.4",
+		disabled: "#current.12"
+	},
+	fill: {
+		"": "#current.03",
+		"hovered | focused": "#current.07",
+		pressed: "#current.1",
+		selected: "#current.12",
+		"selected & (hovered | focused)": "#current.16",
+		"selected & pressed": "#current.2",
+		disabled: "#current.06"
+	},
+	color: {
+		"": "#current",
+		disabled: "#current.4"
+	}
+};
 const DEFAULT_CARD_STYLES = {
 	border: "#surface-text.20",
 	fill: "#surface-3",
@@ -723,5 +766,5 @@ const NOTE_CARD_STYLES = {
 };
 
 //#endregion
-export { DANGER_CARD_STYLES, DANGER_CLEAR_STYLES, DANGER_ITEM_STYLES, DANGER_LINK_STYLES, DANGER_OUTLINE_2_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DEFAULT_CARD_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_ITEM_STYLES, DEFAULT_LINK_STYLES, DEFAULT_OUTLINE_2_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, ITEM_ACTION_BASE_STYLES, NOTE_CARD_STYLES, NOTE_CLEAR_STYLES, NOTE_ITEM_STYLES, NOTE_LINK_STYLES, NOTE_OUTLINE_2_STYLES, NOTE_OUTLINE_STYLES, NOTE_PRIMARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_ITEM_STYLES, SPECIAL_LINK_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SUCCESS_CARD_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_ITEM_STYLES, SUCCESS_LINK_STYLES, SUCCESS_OUTLINE_2_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, WARNING_CARD_STYLES, WARNING_CLEAR_STYLES, WARNING_ITEM_STYLES, WARNING_LINK_STYLES, WARNING_OUTLINE_2_STYLES, WARNING_OUTLINE_STYLES, WARNING_PRIMARY_STYLES };
+export { CURRENT_BUTTON_STYLES, CURRENT_ITEM_STYLES, DANGER_CARD_STYLES, DANGER_CLEAR_STYLES, DANGER_ITEM_STYLES, DANGER_LINK_STYLES, DANGER_OUTLINE_2_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DEFAULT_CARD_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_ITEM_STYLES, DEFAULT_LINK_STYLES, DEFAULT_OUTLINE_2_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, ITEM_ACTION_BASE_STYLES, NOTE_CARD_STYLES, NOTE_CLEAR_STYLES, NOTE_ITEM_STYLES, NOTE_LINK_STYLES, NOTE_OUTLINE_2_STYLES, NOTE_OUTLINE_STYLES, NOTE_PRIMARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_ITEM_STYLES, SPECIAL_LINK_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SUCCESS_CARD_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_ITEM_STYLES, SUCCESS_LINK_STYLES, SUCCESS_OUTLINE_2_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, WARNING_CARD_STYLES, WARNING_CLEAR_STYLES, WARNING_ITEM_STYLES, WARNING_LINK_STYLES, WARNING_OUTLINE_2_STYLES, WARNING_OUTLINE_STYLES, WARNING_PRIMARY_STYLES };
 //# sourceMappingURL=item-themes.js.map

package/dist/data/item-themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"item-themes.js","names":[],"sources":["../../src/data/item-themes.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\nexport const VALIDATION_STYLES: Styles = {\n  border: {\n    invalid: '#danger-accent-text',\n    valid: '#success-accent-text',\n  } as Record<string, string>,\n} as const;\n\n// Base styles shared between ItemAction and ItemBadge\nexport const ITEM_ACTION_BASE_STYLES: Styles = {\n  display: 'inline-grid',\n  flow: 'column',\n  placeItems: 'center',\n  placeContent: 'center',\n  gap: 0,\n  position: 'relative',\n  margin: {\n    '': '0 1bw 0 1bw',\n    ':last-child & !:first-child': '0 $side-padding 0 0',\n    '!:last-child & :first-child': '0 0 0 $side-padding',\n    ':last-child & :first-child': '0 $side-padding',\n    context: '0',\n  },\n  padding: 0,\n  radius: '(1r - 1bw)',\n  transition: 'theme',\n  flexShrink: 0,\n  textDecoration: 'none',\n  boxSizing: 'border-box',\n  whiteSpace: 'nowrap',\n  border: 0,\n  height: '$action-size',\n  width: {\n    '': '$action-size',\n    'has-label': 'auto',\n  },\n  placeSelf: 'center',\n\n  // Side padding for the action buttons\n  '$side-padding': '(($size - $action-size - 2bw) / 2)',\n  // Size using custom property\n  '$action-size':\n    'min(max((2x + 2bw), (($size, $size-md) - 1x - 2bw)), (3x - 2bw))',\n\n  // Icon styles\n  Icon: {\n    $: '>',\n    display: 'grid',\n    placeItems: 'center',\n    height: '($action-size - 2bw) ($action-size - 2bw)',\n    width: '($action-size - 2bw) ($action-size - 2bw)',\n    opacity: {\n      '': 1,\n      'checkmark & selected': 1,\n      'checkmark & !selected': 0,\n      'checkmark & !selected & hovered': 0.4,\n    },\n  },\n} as const;\n\n// ---------- DEFAULT THEME ----------\nexport const DEFAULT_PRIMARY_STYLES: Styles = {\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': '#primary-accent-surface-border',\n    pressed: '#primary-accent-surface-border',\n    disabled: 'transparent',\n  },\n  // All states share the same `#surface` base layer (opaque). Only the\n  // *overlay* varies between brand color, hover shade, and disabled chip.\n  // Keeping the layer shape identical (always two layers, same base, same\n  // gradient overlay slot) lets `background-color`, `background-image` and\n  // `--tasty-second-fill-color` all interpolate smoothly during the CSS\n  // transition — without it, the gradient overlay would snap on/off and the\n  // bg-color would briefly show through (the \"surface flash\" on form submit).\n  //\n  // The brand ramp `accent-surface` → `-2` → `-3` gives a monotonically\n  // increasing contrast against `#surface` (cr ≈ 4.5 → 4.8 → 5.2 in light,\n  // similar in dark), so hover and pressed read visibly *darker* than the\n  // default state in both schemes. Disabled uses the brand-tinted,\n  // scheme-symmetric chip (`accent-disabled-surface` cr ≈ 1.4 vs surface)\n  // so the muted state stays identifiable as a brand color.\n  fill: {\n    '': '#surface #primary-accent-surface',\n    hovered: '#surface #primary-accent-surface-2',\n    pressed: '#surface #primary-accent-surface-3',\n    disabled: '#surface #primary-accent-disabled-surface',\n  },\n  color: {\n    '': '#white',\n    disabled: '#primary-accent-disabled-surface-text',\n  },\n} as const;\n\nexport const DEFAULT_OUTLINE_STYLES: Styles = {\n  // Non-selected = old OUTLINE: neutral border + surface fill.\n  // Selected (= old SECONDARY): brand-tinted fill + brand border.\n  // Selected BORDER uses the OPAQUE `#primary-border` token (the neutral\n  // `border` ramp re-resolved at `saturation: 0.5` per primary-theme — see\n  // `TINTED_SURFACE_OVERRIDE` in `palette.ts`). It replaces an alpha-blended\n  // brand-text border so adjacent borders in grouped layouts (e.g.\n  // `RadioGroup type=\"button\"`) don't double up at their overlap into a\n  // darker stripe. Selected FILL anchors to the *fixed* `#primary-accent-surface`\n  // brand: anchoring to the adaptive `#primary-accent-text` would drift the\n  // bg toward the text lightness in dark mode and collapse label↔bg contrast\n  // below AA. Selected label mirrors LINK: soft `#primary-accent-text-soft` at\n  // rest, intensifying to `#primary-accent-text` on hover. Both are solved in\n  // `palette.ts` for AA against the BASE selected fill (`accent-selected-fill`).\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': true,\n    selected: '#primary-border',\n    disabled: '#border',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  // Every state uses a two-layer fill: `#surface-2` (opaque base) + a tint\n  // overlay. Keeping the layer shape identical across non-selected, selected\n  // and disabled states lets the tint, base color, and gradient slot all\n  // interpolate smoothly during the CSS transition. Selected states paint the\n  // brand tint on top of `#surface-2` (slightly darker base than a\n  // body-composited single-layer `#primary-accent-surface.X` would be, but\n  // visually almost identical and free of the overlay-snap flash on click).\n  // Disabled paints the neutral `#disabled-surface` chip on top of the same\n  // base.\n  fill: {\n    '': '#surface-2 #surface-text.0',\n    hovered: '#surface-2 #surface-text.03',\n    pressed: '#surface-2 #surface-text.09',\n    selected: '#surface-2 #primary-accent-surface.09',\n    'selected & (hovered | focused)': '#surface-2 #primary-accent-surface.12',\n    'selected & pressed': '#surface-2 #primary-accent-surface.18',\n    disabled: '#surface-2 #disabled-surface',\n  },\n  color: {\n    '': '#surface-text-soft',\n    hovered: '#surface-text-soft',\n    pressed: '#surface-text',\n    selected: '#primary-accent-text-soft',\n    'selected & hovered': '#primary-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\n// Identical to DEFAULT_OUTLINE_STYLES but uses `#surface-3` as the fill base,\n// designed to sit on `#surface-2` containers without blending in.\nexport const DEFAULT_OUTLINE_2_STYLES: Styles = {\n  ...DEFAULT_OUTLINE_STYLES,\n  fill: {\n    '': '#surface-3 #surface-text.0',\n    hovered: '#surface-3 #surface-text.03',\n    pressed: '#surface-3 #surface-text.09',\n    selected: '#surface-3 #primary-accent-surface.09',\n    'selected & (hovered | focused)': '#surface-3 #primary-accent-surface.12',\n    'selected & pressed': '#surface-3 #primary-accent-surface.15',\n    disabled: '#surface-3 #disabled-surface',\n  },\n} as const;\n\nexport const DEFAULT_CLEAR_STYLES: Styles = {\n  // Non-selected = old NEUTRAL: transparent / dark-tinted neutral look.\n  // Selected = old CLEAR: brand-tinted overlay over the surface.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': 'transparent',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#surface-text.0',\n    'hovered | focused': '#surface-text.04',\n    pressed: '#surface-text.06',\n    selected: '#primary-accent-surface.09',\n    'selected & (hovered | focused)': '#primary-accent-surface.12',\n    'selected & pressed': '#primary-accent-surface.18',\n    disabled: 'transparent',\n  },\n  // Selected label mirrors LINK: soft at rest, `#primary-accent-text` on\n  // hover. See DEFAULT_OUTLINE_STYLES.\n  color: {\n    '': '#surface-text-soft',\n    hovered: '#surface-text-soft',\n    'pressed & !selected': '#surface-text',\n    selected: '#primary-accent-text-soft',\n    'selected & hovered': '#primary-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const DEFAULT_ITEM_STYLES: Styles = {\n  border: 'transparent',\n  fill: {\n    '': '#surface-text.0',\n    'hovered | focused': '#surface-text.04',\n    pressed: '#surface-text.06',\n    selected: '#surface-text.09',\n    'selected & (hovered | focused)': '#surface-text.12',\n    'selected & pressed': '#surface-text.15',\n    disabled: 'transparent',\n  },\n  color: {\n    '': '#surface-text-soft',\n    hovered: '#surface-text-soft',\n    selected: '#surface-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const DEFAULT_LINK_STYLES: Styles = {\n  // Default sits at `#primary-accent-text-soft` and intensifies on hover to the\n  // stronger `#primary-accent-text`. Both are solved in `palette.ts` for AA\n  // against `accent-selected-fill` (the BASE selected Item fill), so they also\n  // clear AA on plain surfaces; both are adaptive across light/dark/HC.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: '0',\n  fill: {\n    '': 'transparent',\n  },\n  color: {\n    '': '#primary-accent-text-soft',\n    'hovered & !pressed': '#primary-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\n// ---------- DANGER THEME ----------\nexport const DANGER_PRIMARY_STYLES: Styles = {\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': '#white.2',\n    pressed: '#danger-accent-text',\n    disabled: 'transparent',\n  },\n  // See `DEFAULT_PRIMARY_STYLES.fill` for the layer-shape + ramp rationale.\n  fill: {\n    '': '#surface #danger-accent-surface',\n    hovered: '#surface #danger-accent-surface-2',\n    pressed: '#surface #danger-accent-surface-3',\n    disabled: '#surface #danger-accent-disabled-surface',\n  },\n  color: {\n    '': '#white',\n    disabled: '#danger-accent-disabled-surface-text',\n  },\n} as const;\n\nexport const DANGER_OUTLINE_STYLES: Styles = {\n  // Non-selected = old DANGER OUTLINE; selected = old DANGER SECONDARY.\n  // Border uses the OPAQUE `#danger-border` token (the neutral `border` ramp\n  // re-resolved at `saturation: 0.5` per danger-theme — see\n  // `TINTED_SURFACE_OVERRIDE` in `palette.ts`). It replaces an alpha-blended\n  // brand-text border so adjacent borders in grouped layouts don't double up\n  // at their overlap into a darker stripe.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': '#danger-border',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#surface-2 #danger-accent-surface.0',\n    hovered: '#surface-2 #danger-accent-surface.03',\n    pressed: '#surface-2 #danger-accent-surface.09',\n    selected: '#surface-2 #danger-accent-surface.09',\n    'selected & (hovered | focused)': '#surface-2 #danger-accent-surface.12',\n    'selected & pressed': '#surface-2 #danger-accent-surface.18',\n    disabled: '#surface-2 #disabled-surface',\n  },\n  color: {\n    '': '#danger-accent-text-soft',\n    selected: '#danger-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const DANGER_OUTLINE_2_STYLES: Styles = {\n  ...DANGER_OUTLINE_STYLES,\n  fill: {\n    '': '#surface-3 #danger-accent-surface.0',\n    hovered: '#surface-3 #danger-accent-surface.03',\n    pressed: '#surface-3 #danger-accent-surface.09',\n    selected: '#surface-3 #danger-accent-surface.09',\n    'selected & (hovered | focused)': '#surface-3 #danger-accent-surface.12',\n    'selected & pressed': '#surface-3 #danger-accent-surface.18',\n    disabled: '#surface-3 #disabled-surface',\n  },\n} as const;\n\nexport const DANGER_CLEAR_STYLES: Styles = {\n  // Non-selected = old DANGER NEUTRAL: dark-tinted overlay; pressed switches\n  // text to `#danger-accent-text` (matches old neutral).\n  // Selected = old DANGER CLEAR: danger-text-tinted overlay.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': 'transparent',\n  },\n  fill: {\n    '': '#surface-text.0',\n    'hovered | focused': '#surface-text.04',\n    pressed: '#surface-text.06',\n    selected: '#danger-accent-text.09',\n    'selected & (hovered | focused)': '#danger-accent-text.12',\n    'selected & pressed': '#danger-accent-text.18',\n    disabled: 'transparent',\n  },\n  color: {\n    '': '#danger-accent-text-soft',\n    selected: '#danger-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const DANGER_LINK_STYLES: Styles = {\n  // See DEFAULT_LINK_STYLES for the soft→strong rationale.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: 0,\n  fill: {\n    '': 'transparent',\n  },\n  color: {\n    '': '#danger-accent-text-soft',\n    'hovered & !pressed': '#danger-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const DANGER_ITEM_STYLES: Styles = {\n  border: 'transparent',\n  fill: {\n    '': '#danger-accent-text.0',\n    'hovered | focused': '#danger-accent-text.03',\n    selected: '#danger-accent-text.09',\n    'selected & (hovered | focused)': '#danger-accent-text.12',\n    pressed: '#danger-accent-text.09',\n    disabled: 'transparent',\n  },\n  color: {\n    '': '#danger-accent-text',\n    hovered: '#danger-accent-text',\n    pressed: '#danger-accent-text',\n    disabled: '#danger-accent-text.4',\n  },\n} as const;\n\n// ---------- SUCCESS THEME ----------\nexport const SUCCESS_PRIMARY_STYLES: Styles = {\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': '#white.2',\n    pressed: '#success-accent-text',\n    disabled: 'transparent',\n  },\n  // See `DEFAULT_PRIMARY_STYLES.fill` for the layer-shape + ramp rationale.\n  fill: {\n    '': '#surface #success-accent-surface',\n    hovered: '#surface #success-accent-surface-2',\n    pressed: '#surface #success-accent-surface-3',\n    disabled: '#surface #success-accent-disabled-surface',\n  },\n  color: {\n    '': '#white',\n    disabled: '#success-accent-disabled-surface-text',\n  },\n} as const;\n\nexport const SUCCESS_OUTLINE_STYLES: Styles = {\n  // Non-selected = old SUCCESS OUTLINE; selected = old SUCCESS SECONDARY.\n  // See DANGER_OUTLINE_STYLES for the border-anchor rationale.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': '#success-border',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#surface-2 #success-accent-surface.0',\n    hovered: '#surface-2 #success-accent-surface.03',\n    pressed: '#surface-2 #success-accent-surface.09',\n    selected: '#surface-2 #success-accent-surface.09',\n    'selected & (hovered | focused)': '#surface-2 #success-accent-surface.12',\n    'selected & pressed': '#surface-2 #success-accent-surface.18',\n    disabled: '#surface-2 #disabled-surface',\n  },\n  color: {\n    '': '#success-accent-text-soft',\n    selected: '#success-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const SUCCESS_OUTLINE_2_STYLES: Styles = {\n  ...SUCCESS_OUTLINE_STYLES,\n  fill: {\n    '': '#surface-3 #success-accent-surface.0',\n    hovered: '#surface-3 #success-accent-surface.03',\n    pressed: '#surface-3 #success-accent-surface.09',\n    selected: '#surface-3 #success-accent-surface.09',\n    'selected & (hovered | focused)': '#surface-3 #success-accent-surface.12',\n    'selected & pressed': '#surface-3 #success-accent-surface.18',\n    disabled: '#surface-3 #disabled-surface',\n  },\n} as const;\n\nexport const SUCCESS_CLEAR_STYLES: Styles = {\n  // Non-selected = old SUCCESS NEUTRAL; selected = old SUCCESS CLEAR.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': 'transparent',\n  },\n  fill: {\n    '': '#surface-text.0',\n    'hovered | focused': '#surface-text.04',\n    pressed: '#surface-text.06',\n    selected: '#success-accent-text.09',\n    'selected & (hovered | focused)': '#success-accent-text.12',\n    'selected & pressed': '#success-accent-text.18',\n    disabled: 'transparent',\n  },\n  color: {\n    '': '#success-accent-text-soft',\n    selected: '#success-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const SUCCESS_LINK_STYLES: Styles = {\n  // See DEFAULT_LINK_STYLES for the soft→strong rationale.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: 0,\n  fill: {\n    '': 'transparent',\n  },\n  color: {\n    '': '#success-accent-text-soft',\n    'hovered & !pressed': '#success-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const SUCCESS_ITEM_STYLES: Styles = {\n  border: 'transparent',\n  fill: {\n    '': '#success-accent-text.0',\n    'hovered | focused': '#success-accent-text.03',\n    selected: '#success-accent-text.09',\n    'selected & (hovered | focused)': '#success-accent-text.12',\n    pressed: '#success-accent-text.09',\n    disabled: 'transparent',\n  },\n  color: {\n    '': '#success-accent-text',\n    hovered: '#success-accent-text',\n    pressed: '#success-accent-text',\n    disabled: '#success-accent-text.4',\n  },\n} as const;\n\n// ---------- WARNING THEME ----------\nexport const WARNING_PRIMARY_STYLES: Styles = {\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': '#white.2',\n    pressed: '#warning-accent-text',\n    disabled: 'transparent',\n  },\n  // See `DEFAULT_PRIMARY_STYLES.fill` for the layer-shape + ramp rationale.\n  fill: {\n    '': '#surface #warning-accent-surface',\n    hovered: '#surface #warning-accent-surface-2',\n    pressed: '#surface #warning-accent-surface-3',\n    disabled: '#surface #warning-accent-disabled-surface',\n  },\n  color: {\n    '': '#white',\n    disabled: '#warning-accent-disabled-surface-text',\n  },\n} as const;\n\nexport const WARNING_OUTLINE_STYLES: Styles = {\n  // Non-selected = old WARNING OUTLINE; selected = old WARNING SECONDARY.\n  // See DANGER_OUTLINE_STYLES for the border-anchor rationale.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': '#warning-border',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#surface-2 #warning-accent-surface.0',\n    hovered: '#surface-2 #warning-accent-surface.03',\n    pressed: '#surface-2 #warning-accent-surface.09',\n    selected: '#surface-2 #warning-accent-surface.09',\n    'selected & (hovered | focused)': '#surface-2 #warning-accent-surface.12',\n    'selected & pressed': '#surface-2 #warning-accent-surface.18',\n    disabled: '#surface-2 #disabled-surface',\n  },\n  color: {\n    '': '#warning-accent-text-soft',\n    selected: '#warning-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const WARNING_OUTLINE_2_STYLES: Styles = {\n  ...WARNING_OUTLINE_STYLES,\n  fill: {\n    '': '#surface-3 #warning-accent-surface.0',\n    hovered: '#surface-3 #warning-accent-surface.03',\n    pressed: '#surface-3 #warning-accent-surface.09',\n    selected: '#surface-3 #warning-accent-surface.09',\n    'selected & (hovered | focused)': '#surface-3 #warning-accent-surface.12',\n    'selected & pressed': '#surface-3 #warning-accent-surface.18',\n    disabled: '#surface-3 #disabled-surface',\n  },\n} as const;\n\nexport const WARNING_CLEAR_STYLES: Styles = {\n  // Non-selected = old WARNING NEUTRAL; selected = old WARNING CLEAR.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': 'transparent',\n  },\n  fill: {\n    '': '#surface-text.0',\n    'hovered | focused': '#surface-text.04',\n    pressed: '#surface-text.06',\n    selected: '#warning-accent-text.09',\n    'selected & (hovered | focused)': '#warning-accent-text.12',\n    'selected & pressed': '#warning-accent-text.18',\n    disabled: 'transparent',\n  },\n  color: {\n    '': '#warning-accent-text-soft',\n    selected: '#warning-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const WARNING_LINK_STYLES: Styles = {\n  // See DEFAULT_LINK_STYLES for the soft→strong rationale.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: 0,\n  fill: {\n    '': 'transparent',\n  },\n  color: {\n    '': '#warning-accent-text-soft',\n    'hovered & !pressed': '#warning-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const WARNING_ITEM_STYLES: Styles = {\n  border: 'transparent',\n  fill: {\n    '': '#warning-accent-text.0',\n    'hovered | focused': '#warning-accent-text.03',\n    selected: '#warning-accent-text.09',\n    'selected & (hovered | focused)': '#warning-accent-text.12',\n    pressed: '#warning-accent-text.09',\n    disabled: 'transparent',\n  },\n  color: {\n    '': '#warning-accent-text',\n    hovered: '#warning-accent-text',\n    pressed: '#warning-accent-text',\n    disabled: '#warning-accent-text.4',\n  },\n} as const;\n\n// ---------- NOTE THEME ----------\nexport const NOTE_PRIMARY_STYLES: Styles = {\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': '#white.2',\n    pressed: '#note-accent-text',\n    disabled: 'transparent',\n  },\n  // See `DEFAULT_PRIMARY_STYLES.fill` for the layer-shape + ramp rationale.\n  fill: {\n    '': '#surface #note-accent-surface',\n    hovered: '#surface #note-accent-surface-2',\n    pressed: '#surface #note-accent-surface-3',\n    disabled: '#surface #note-accent-disabled-surface',\n  },\n  color: {\n    '': '#white',\n    disabled: '#note-accent-disabled-surface-text',\n  },\n} as const;\n\nexport const NOTE_OUTLINE_STYLES: Styles = {\n  // Non-selected = old NOTE OUTLINE; selected = old NOTE SECONDARY.\n  // See DANGER_OUTLINE_STYLES for the border-anchor rationale.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': '#note-border',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#surface-2 #note-accent-surface.0',\n    hovered: '#surface-2 #note-accent-surface.03',\n    pressed: '#surface-2 #note-accent-surface.09',\n    selected: '#surface-2 #note-accent-surface.09',\n    'selected & (hovered | focused)': '#surface-2 #note-accent-surface.12',\n    'selected & pressed': '#surface-2 #note-accent-surface.18',\n    disabled: '#surface-2 #disabled-surface',\n  },\n  color: {\n    '': '#note-accent-text-soft',\n    selected: '#note-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const NOTE_OUTLINE_2_STYLES: Styles = {\n  ...NOTE_OUTLINE_STYLES,\n  fill: {\n    '': '#surface-3 #note-accent-surface.0',\n    hovered: '#surface-3 #note-accent-surface.03',\n    pressed: '#surface-3 #note-accent-surface.09',\n    selected: '#surface-3 #note-accent-surface.09',\n    'selected & (hovered | focused)': '#surface-3 #note-accent-surface.12',\n    'selected & pressed': '#surface-3 #note-accent-surface.18',\n    disabled: '#surface-3 #disabled-surface',\n  },\n} as const;\n\nexport const NOTE_CLEAR_STYLES: Styles = {\n  // Non-selected = old NOTE NEUTRAL; selected = old NOTE CLEAR.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': 'transparent',\n  },\n  fill: {\n    '': '#surface-text.0',\n    'hovered | focused': '#surface-text.04',\n    pressed: '#surface-text.06',\n    selected: '#note-accent-text.09',\n    'selected & (hovered | focused)': '#note-accent-text.12',\n    'selected & pressed': '#note-accent-text.18',\n    disabled: 'transparent',\n  },\n  color: {\n    '': '#note-accent-text-soft',\n    selected: '#note-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const NOTE_LINK_STYLES: Styles = {\n  // See DEFAULT_LINK_STYLES for the soft→strong rationale.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: 0,\n  fill: {\n    '': 'transparent',\n  },\n  color: {\n    '': '#note-accent-text-soft',\n    'hovered & !pressed': '#note-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const NOTE_ITEM_STYLES: Styles = {\n  border: 'transparent',\n  fill: {\n    '': '#note-accent-text.0',\n    'hovered | focused': '#note-accent-text.03',\n    selected: '#note-accent-text.09',\n    'selected & (hovered | focused)': '#note-accent-text.12',\n    pressed: '#note-accent-text.09',\n    disabled: 'transparent',\n  },\n  color: {\n    '': '#note-accent-text',\n    hovered: '#note-accent-text',\n    pressed: '#note-accent-text',\n    disabled: '#note-accent-text.4',\n  },\n} as const;\n\n// ---------- SPECIAL THEME ----------\n// Every color here resolves to a fixed-mode value (built-in `#white`, the\n// standalone `#special-*` theme in `src/tokens/palette.ts`, or `transparent`).\n// `mode: 'fixed'` makes the resolved OKHSL identical in light, dark, and\n// high-contrast, so the special theme renders the same regardless of scheme.\n// The only intentionally adaptive colors are `VALIDATION_STYLES.border`\n// (`#danger-accent-text` / `#success-accent-text`) — validation state is allowed to follow\n// the active scheme.\nexport const SPECIAL_PRIMARY_STYLES: Styles = {\n  // Focus ring uses `#special-accent-text` — a fixed-mode dark-purple that\n  // stays identical across light/dark/HC, matching the special theme's\n  // \"intentionally non-inverting\" identity. Picked over `#primary-accent-text`\n  // (the cross-theme default) which is `mode: 'auto'` and would shift in dark.\n  outline: {\n    '': '0 #special-accent-text.0',\n    focused: '1bw #special-accent-text',\n  },\n  border: {\n    '': '#special-accent-surface-border',\n    pressed: '#special-accent-surface-border',\n    disabled: 'transparent',\n  },\n  // See `DEFAULT_PRIMARY_STYLES.fill` for the layer-shape + ramp rationale.\n  // The base layer is `#white` (matching the rest of the special theme's\n  // anchor) instead of `#surface`, but the same monotonic `-1`/`-2`/`-3`\n  // ramp gives the brand fill a visibly darker hover and pressed state.\n  fill: {\n    '': '#white #special-accent-surface',\n    hovered: '#white #special-accent-surface-2',\n    pressed: '#white #special-accent-surface-3',\n    disabled: '#white #special-accent-disabled-surface',\n  },\n  color: {\n    '': '#white',\n    disabled: '#special-accent-disabled-surface-text',\n  },\n} as const;\n\nexport const SPECIAL_OUTLINE_STYLES: Styles = {\n  // Non-selected = old SPECIAL OUTLINE; selected = old SPECIAL SECONDARY.\n  // Special is anchored on `#special-surface` (a fixed dark-purple base), so\n  // contrast is added by *whitening* the overlay rather than darkening it.\n  // The same default → hover → pressed monotonic-contrast pattern as the\n  // light themes is preserved, just with white-alpha steps that are tuned\n  // to read against the dark base.\n  //\n  // IMPORTANT: every alpha step within a single state-map must be a unique\n  // value string. Tasty's `mergeEntriesByValue` pass coalesces entries that\n  // share a serialized value into a single OR-condition entry whose priority\n  // is the *max* of the merged group. If `hovered` and `disabled` were both\n  // `#white.12`, the merged entry would sit at the higher priority and\n  // negate against the `selected & (hovered | focused)` rule below, making\n  // the latter resolve to FALSE for `selected & hovered`. Keeping every\n  // alpha distinct sidesteps the collision.\n  //\n  // Focus ring uses the fixed-mode `#special-accent-text` so the indicator\n  // stays scheme-invariant alongside the rest of the special theme — see\n  // `SPECIAL_PRIMARY_STYLES.outline` for the full rationale.\n  outline: {\n    '': '0 #special-accent-text.0',\n    focused: '1bw #special-accent-text',\n  },\n  border: {\n    '': '#white.15',\n    selected: '#white.2',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#special-surface #white.0',\n    hovered: '#special-surface #white.06',\n    pressed: '#special-surface #white.12',\n    selected: '#special-surface #white.18',\n    'selected & (hovered | focused)': '#special-surface #white.24',\n    'selected & pressed': '#special-surface #white.3',\n    disabled: '#special-surface #white.04',\n  },\n  // Mirrors the colored-theme soft→opaque pattern (`*-accent-text-soft` →\n  // `*-accent-text`) using white-alpha steps: default is slightly muted so\n  // that selected reads as the more prominent state.\n  color: {\n    '': '#white.8',\n    selected: '#white',\n    disabled: '#white.4',\n  },\n} as const;\n\nexport const SPECIAL_CLEAR_STYLES: Styles = {\n  // Non-selected = old SPECIAL NEUTRAL: transparent / white-tinted overlay\n  // on the dark base.\n  // Selected INVERTS the surface — the fill flips to a solid white pill with\n  // dark accent-text on top. To express \"increasing contrast on press\" in\n  // this inverted layout we go the *other* direction: pure white at rest →\n  // slightly tinted on hover → more tinted on press, i.e. progressively\n  // letting the dark base bleed through. This keeps the monotonic-contrast\n  // pattern semantically (hover < pressed) while preserving the inversion.\n  //\n  // IMPORTANT: every alpha step within a single state-map must be a unique\n  // value string. Tasty's `mergeEntriesByValue` pass coalesces entries that\n  // share a serialized value into a single OR-condition entry whose priority\n  // is the *max* of the merged group, which then negates against lower-\n  // priority rules. If `'hovered | focused'` and `'selected & disabled'`\n  // both used `#white.12`, the merged entry would sit at priority 7 and\n  // negate against `'selected & (hovered | focused)'` (priority 4), making\n  // it resolve to FALSE for `selected & hovered` — which is exactly the\n  // \"selected-hover stays dark\" bug. `'selected & disabled'` therefore uses\n  // a slightly different alpha (.16) that's visually similar but a distinct\n  // value string. The default `''` and `disabled` may share `#white.0`\n  // because Tasty keeps the TRUE/default entry separate from non-defaults\n  // during merging.\n  //\n  // Focus ring uses the fixed-mode `#special-accent-text` so the indicator\n  // stays scheme-invariant alongside the rest of the special theme — see\n  // `SPECIAL_PRIMARY_STYLES.outline` for the full rationale.\n  outline: {\n    '': '0 #special-accent-text.0',\n    focused: '1bw #special-accent-text',\n  },\n  border: {\n    '': 'transparent',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#white.0',\n    'hovered | focused': '#white.12',\n    pressed: '#white.18',\n    selected: '#white',\n    'selected & (hovered | focused)': '#white.94',\n    'selected & pressed': '#white.88',\n    disabled: '#white.0',\n    'selected & disabled': '#white.16',\n  },\n  // Non-selected mirrors the colored-theme soft→opaque pattern with\n  // white-alpha steps. Selected keeps its inverted look — dark accent-text\n  // on a white pill — so the soft/opaque transition only applies to the\n  // non-selected variant.\n  color: {\n    '': '#white.8',\n    selected: '#special-accent-text',\n    disabled: '#white.4',\n  },\n} as const;\n\nexport const SPECIAL_LINK_STYLES: Styles = {\n  // See `SPECIAL_PRIMARY_STYLES.outline` for why we use the fixed-mode\n  // `#special-accent-text` here instead of the cross-theme `#primary-accent-text`.\n  outline: {\n    '': '0 #special-accent-text.0',\n    focused: '1bw #special-accent-text',\n  },\n  border: '0',\n  fill: {\n    '': 'transparent',\n  },\n  color: {\n    '': '#white',\n    'hovered & !pressed': '#white.9',\n    disabled: '#white.4',\n  },\n} as const;\n\nexport const SPECIAL_ITEM_STYLES: Styles = {\n  border: 'transparent',\n  fill: {\n    '': '#white.0',\n    hovered: '#white.12',\n    'pressed | (selected & !hovered)': '#white.18',\n  },\n  color: {\n    '': '#white',\n    disabled: '#white.4',\n  },\n} as const;\n\n// ---------- CARD TYPE STYLES ----------\n// Card type only supports: default, success, danger, note themes\n\nexport const DEFAULT_CARD_STYLES: Styles = {\n  border: '#surface-text.20',\n  fill: '#surface-3',\n  color: '#surface-text-soft',\n} as const;\n\nexport const SUCCESS_CARD_STYLES: Styles = {\n  border: '#success-accent-surface.20',\n  fill: '#success-surface',\n  color: '#success-accent-text',\n} as const;\n\nexport const DANGER_CARD_STYLES: Styles = {\n  border: '#danger-accent-surface.20',\n  fill: '#danger-surface',\n  color: '#danger-accent-text',\n} as const;\n\nexport const WARNING_CARD_STYLES: Styles = {\n  border: '#warning-accent-surface.20',\n  fill: '#warning-surface',\n  color: '#warning-accent-text',\n} as const;\n\nexport const NOTE_CARD_STYLES: Styles = {\n  border: '#note-accent-surface.20',\n  fill: '#note-surface',\n  color: '#note-accent-text',\n} as const;\n\nexport type ItemVariant =\n  | 'default.primary'\n  | 'default.outline'\n  | 'default.outline-2'\n  | 'default.clear'\n  | 'default.link'\n  | 'default.item'\n  | 'default.card'\n  | 'danger.primary'\n  | 'danger.outline'\n  | 'danger.outline-2'\n  | 'danger.clear'\n  | 'danger.link'\n  | 'danger.item'\n  | 'danger.card'\n  | 'success.primary'\n  | 'success.outline'\n  | 'success.outline-2'\n  | 'success.clear'\n  | 'success.link'\n  | 'success.item'\n  | 'success.card'\n  | 'warning.primary'\n  | 'warning.outline'\n  | 'warning.outline-2'\n  | 'warning.clear'\n  | 'warning.link'\n  | 'warning.item'\n  | 'warning.card'\n  | 'note.primary'\n  | 'note.outline'\n  | 'note.outline-2'\n  | 'note.clear'\n  | 'note.link'\n  | 'note.item'\n  | 'note.card'\n  | 'special.primary'\n  | 'special.outline'\n  | 'special.clear'\n  | 'special.link'\n  | 'special.item';\n"],"mappings":"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"}
+{"version":3,"file":"item-themes.js","names":[],"sources":["../../src/data/item-themes.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\nexport const VALIDATION_STYLES: Styles = {\n  border: {\n    invalid: '#danger-accent-text',\n    valid: '#success-accent-text',\n  } as Record<string, string>,\n} as const;\n\n// Base styles shared between ItemAction and ItemBadge\nexport const ITEM_ACTION_BASE_STYLES: Styles = {\n  display: 'inline-grid',\n  flow: 'column',\n  placeItems: 'center',\n  placeContent: 'center',\n  gap: 0,\n  position: 'relative',\n  margin: {\n    '': '0 1bw 0 1bw',\n    ':last-child & !:first-child': '0 $side-padding 0 0',\n    '!:last-child & :first-child': '0 0 0 $side-padding',\n    ':last-child & :first-child': '0 $side-padding',\n    context: '0',\n  },\n  padding: 0,\n  radius: '(1r - 1bw)',\n  transition: 'theme',\n  flexShrink: 0,\n  textDecoration: 'none',\n  boxSizing: 'border-box',\n  whiteSpace: 'nowrap',\n  border: 0,\n  height: '$action-size',\n  width: {\n    '': '$action-size',\n    'has-label': 'auto',\n  },\n  placeSelf: 'center',\n\n  // Side padding for the action buttons\n  '$side-padding': '(($size - $action-size - 2bw) / 2)',\n  // Size using custom property\n  '$action-size':\n    'min(max((2x + 2bw), (($size, $size-md) - 1x - 2bw)), (3x - 2bw))',\n\n  // Icon styles\n  Icon: {\n    $: '>',\n    display: 'grid',\n    placeItems: 'center',\n    height: '($action-size - 2bw) ($action-size - 2bw)',\n    width: '($action-size - 2bw) ($action-size - 2bw)',\n    opacity: {\n      '': 1,\n      'checkmark & selected': 1,\n      'checkmark & !selected': 0,\n      'checkmark & !selected & hovered': 0.4,\n    },\n  },\n} as const;\n\n// ---------- DEFAULT THEME ----------\nexport const DEFAULT_PRIMARY_STYLES: Styles = {\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': '#primary-accent-surface-border',\n    pressed: '#primary-accent-surface-border',\n    disabled: 'transparent',\n  },\n  // All states share the same `#surface` base layer (opaque). Only the\n  // *overlay* varies between brand color, hover shade, and disabled chip.\n  // Keeping the layer shape identical (always two layers, same base, same\n  // gradient overlay slot) lets `background-color`, `background-image` and\n  // `--tasty-second-fill-color` all interpolate smoothly during the CSS\n  // transition — without it, the gradient overlay would snap on/off and the\n  // bg-color would briefly show through (the \"surface flash\" on form submit).\n  //\n  // The brand ramp `accent-surface` → `-2` → `-3` gives a monotonically\n  // increasing contrast against `#surface` (cr ≈ 4.5 → 4.8 → 5.2 in light,\n  // similar in dark), so hover and pressed read visibly *darker* than the\n  // default state in both schemes. Disabled uses the brand-tinted,\n  // scheme-symmetric chip (`accent-disabled-surface` cr ≈ 1.4 vs surface)\n  // so the muted state stays identifiable as a brand color.\n  fill: {\n    '': '#surface #primary-accent-surface',\n    hovered: '#surface #primary-accent-surface-2',\n    pressed: '#surface #primary-accent-surface-3',\n    disabled: '#surface #primary-accent-disabled-surface',\n  },\n  color: {\n    '': '#white',\n    disabled: '#primary-accent-disabled-surface-text',\n  },\n} as const;\n\nexport const DEFAULT_OUTLINE_STYLES: Styles = {\n  // Non-selected = old OUTLINE: neutral border + surface fill.\n  // Selected (= old SECONDARY): brand-tinted fill + brand border.\n  // Selected BORDER uses the OPAQUE `#primary-border` token (the neutral\n  // `border` ramp re-resolved at `saturation: 0.5` per primary-theme — see\n  // `TINTED_SURFACE_OVERRIDE` in `palette.ts`). It replaces an alpha-blended\n  // brand-text border so adjacent borders in grouped layouts (e.g.\n  // `RadioGroup type=\"button\"`) don't double up at their overlap into a\n  // darker stripe. Selected FILL anchors to the *fixed* `#primary-accent-surface`\n  // brand: anchoring to the adaptive `#primary-accent-text` would drift the\n  // bg toward the text lightness in dark mode and collapse label↔bg contrast\n  // below AA. Selected label mirrors LINK: soft `#primary-accent-text-soft` at\n  // rest, intensifying to `#primary-accent-text` on hover. Both are solved in\n  // `palette.ts` for AA against the BASE selected fill (`accent-selected-fill`).\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': true,\n    selected: '#primary-border',\n    disabled: '#border',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  // Every state uses a two-layer fill: `#surface-2` (opaque base) + a tint\n  // overlay. Keeping the layer shape identical across non-selected, selected\n  // and disabled states lets the tint, base color, and gradient slot all\n  // interpolate smoothly during the CSS transition. Selected states paint the\n  // brand tint on top of `#surface-2` (slightly darker base than a\n  // body-composited single-layer `#primary-accent-surface.X` would be, but\n  // visually almost identical and free of the overlay-snap flash on click).\n  // Disabled paints the neutral `#disabled-surface` chip on top of the same\n  // base.\n  fill: {\n    '': '#surface-2 #surface-text.0',\n    hovered: '#surface-2 #surface-text.03',\n    pressed: '#surface-2 #surface-text.09',\n    selected: '#surface-2 #primary-accent-surface.09',\n    'selected & (hovered | focused)': '#surface-2 #primary-accent-surface.12',\n    'selected & pressed': '#surface-2 #primary-accent-surface.18',\n    disabled: '#surface-2 #disabled-surface',\n  },\n  color: {\n    '': '#surface-text-soft',\n    hovered: '#surface-text-soft',\n    pressed: '#surface-text',\n    selected: '#primary-accent-text-soft',\n    'selected & hovered': '#primary-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\n// Identical to DEFAULT_OUTLINE_STYLES but uses `#surface-3` as the fill base,\n// designed to sit on `#surface-2` containers without blending in.\nexport const DEFAULT_OUTLINE_2_STYLES: Styles = {\n  ...DEFAULT_OUTLINE_STYLES,\n  fill: {\n    '': '#surface-3 #surface-text.0',\n    hovered: '#surface-3 #surface-text.03',\n    pressed: '#surface-3 #surface-text.09',\n    selected: '#surface-3 #primary-accent-surface.09',\n    'selected & (hovered | focused)': '#surface-3 #primary-accent-surface.12',\n    'selected & pressed': '#surface-3 #primary-accent-surface.15',\n    disabled: '#surface-3 #disabled-surface',\n  },\n} as const;\n\nexport const DEFAULT_CLEAR_STYLES: Styles = {\n  // Non-selected = old NEUTRAL: transparent / dark-tinted neutral look.\n  // Selected = old CLEAR: brand-tinted overlay over the surface.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': 'transparent',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#surface-text.0',\n    'hovered | focused': '#surface-text.04',\n    pressed: '#surface-text.06',\n    selected: '#primary-accent-surface.09',\n    'selected & (hovered | focused)': '#primary-accent-surface.12',\n    'selected & pressed': '#primary-accent-surface.18',\n    disabled: 'transparent',\n  },\n  // Selected label mirrors LINK: soft at rest, `#primary-accent-text` on\n  // hover. See DEFAULT_OUTLINE_STYLES.\n  color: {\n    '': '#surface-text-soft',\n    hovered: '#surface-text-soft',\n    'pressed & !selected': '#surface-text',\n    selected: '#primary-accent-text-soft',\n    'selected & hovered': '#primary-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const DEFAULT_ITEM_STYLES: Styles = {\n  border: 'transparent',\n  fill: {\n    '': '#surface-text.0',\n    'hovered | focused': '#surface-text.04',\n    pressed: '#surface-text.06',\n    selected: '#surface-text.09',\n    'selected & (hovered | focused)': '#surface-text.12',\n    'selected & pressed': '#surface-text.15',\n    disabled: 'transparent',\n  },\n  color: {\n    '': '#surface-text-soft',\n    hovered: '#surface-text-soft',\n    selected: '#surface-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const DEFAULT_LINK_STYLES: Styles = {\n  // Default sits at `#primary-accent-text-soft` and intensifies on hover to the\n  // stronger `#primary-accent-text`. Both are solved in `palette.ts` for AA\n  // against `accent-selected-fill` (the BASE selected Item fill), so they also\n  // clear AA on plain surfaces; both are adaptive across light/dark/HC.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: '0',\n  fill: {\n    '': 'transparent',\n  },\n  color: {\n    '': '#primary-accent-text-soft',\n    'hovered & !pressed': '#primary-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\n// ---------- DANGER THEME ----------\nexport const DANGER_PRIMARY_STYLES: Styles = {\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': '#white.2',\n    pressed: '#danger-accent-text',\n    disabled: 'transparent',\n  },\n  // See `DEFAULT_PRIMARY_STYLES.fill` for the layer-shape + ramp rationale.\n  fill: {\n    '': '#surface #danger-accent-surface',\n    hovered: '#surface #danger-accent-surface-2',\n    pressed: '#surface #danger-accent-surface-3',\n    disabled: '#surface #danger-accent-disabled-surface',\n  },\n  color: {\n    '': '#white',\n    disabled: '#danger-accent-disabled-surface-text',\n  },\n} as const;\n\nexport const DANGER_OUTLINE_STYLES: Styles = {\n  // Non-selected = old DANGER OUTLINE; selected = old DANGER SECONDARY.\n  // Border uses the OPAQUE `#danger-border` token (the neutral `border` ramp\n  // re-resolved at `saturation: 0.5` per danger-theme — see\n  // `TINTED_SURFACE_OVERRIDE` in `palette.ts`). It replaces an alpha-blended\n  // brand-text border so adjacent borders in grouped layouts don't double up\n  // at their overlap into a darker stripe.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': '#danger-border',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#surface-2 #danger-accent-surface.0',\n    hovered: '#surface-2 #danger-accent-surface.03',\n    pressed: '#surface-2 #danger-accent-surface.09',\n    selected: '#surface-2 #danger-accent-surface.09',\n    'selected & (hovered | focused)': '#surface-2 #danger-accent-surface.12',\n    'selected & pressed': '#surface-2 #danger-accent-surface.18',\n    disabled: '#surface-2 #disabled-surface',\n  },\n  color: {\n    '': '#danger-accent-text-soft',\n    selected: '#danger-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const DANGER_OUTLINE_2_STYLES: Styles = {\n  ...DANGER_OUTLINE_STYLES,\n  fill: {\n    '': '#surface-3 #danger-accent-surface.0',\n    hovered: '#surface-3 #danger-accent-surface.03',\n    pressed: '#surface-3 #danger-accent-surface.09',\n    selected: '#surface-3 #danger-accent-surface.09',\n    'selected & (hovered | focused)': '#surface-3 #danger-accent-surface.12',\n    'selected & pressed': '#surface-3 #danger-accent-surface.18',\n    disabled: '#surface-3 #disabled-surface',\n  },\n} as const;\n\nexport const DANGER_CLEAR_STYLES: Styles = {\n  // Non-selected = old DANGER NEUTRAL: dark-tinted overlay; pressed switches\n  // text to `#danger-accent-text` (matches old neutral).\n  // Selected = old DANGER CLEAR: danger-text-tinted overlay.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': 'transparent',\n  },\n  fill: {\n    '': '#surface-text.0',\n    'hovered | focused': '#surface-text.04',\n    pressed: '#surface-text.06',\n    selected: '#danger-accent-text.09',\n    'selected & (hovered | focused)': '#danger-accent-text.12',\n    'selected & pressed': '#danger-accent-text.18',\n    disabled: 'transparent',\n  },\n  color: {\n    '': '#danger-accent-text-soft',\n    selected: '#danger-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const DANGER_LINK_STYLES: Styles = {\n  // See DEFAULT_LINK_STYLES for the soft→strong rationale.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: 0,\n  fill: {\n    '': 'transparent',\n  },\n  color: {\n    '': '#danger-accent-text-soft',\n    'hovered & !pressed': '#danger-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const DANGER_ITEM_STYLES: Styles = {\n  border: 'transparent',\n  fill: {\n    '': '#danger-accent-text.0',\n    'hovered | focused': '#danger-accent-text.03',\n    selected: '#danger-accent-text.09',\n    'selected & (hovered | focused)': '#danger-accent-text.12',\n    pressed: '#danger-accent-text.09',\n    disabled: 'transparent',\n  },\n  color: {\n    '': '#danger-accent-text',\n    hovered: '#danger-accent-text',\n    pressed: '#danger-accent-text',\n    disabled: '#danger-accent-text.4',\n  },\n} as const;\n\n// ---------- SUCCESS THEME ----------\nexport const SUCCESS_PRIMARY_STYLES: Styles = {\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': '#white.2',\n    pressed: '#success-accent-text',\n    disabled: 'transparent',\n  },\n  // See `DEFAULT_PRIMARY_STYLES.fill` for the layer-shape + ramp rationale.\n  fill: {\n    '': '#surface #success-accent-surface',\n    hovered: '#surface #success-accent-surface-2',\n    pressed: '#surface #success-accent-surface-3',\n    disabled: '#surface #success-accent-disabled-surface',\n  },\n  color: {\n    '': '#white',\n    disabled: '#success-accent-disabled-surface-text',\n  },\n} as const;\n\nexport const SUCCESS_OUTLINE_STYLES: Styles = {\n  // Non-selected = old SUCCESS OUTLINE; selected = old SUCCESS SECONDARY.\n  // See DANGER_OUTLINE_STYLES for the border-anchor rationale.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': '#success-border',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#surface-2 #success-accent-surface.0',\n    hovered: '#surface-2 #success-accent-surface.03',\n    pressed: '#surface-2 #success-accent-surface.09',\n    selected: '#surface-2 #success-accent-surface.09',\n    'selected & (hovered | focused)': '#surface-2 #success-accent-surface.12',\n    'selected & pressed': '#surface-2 #success-accent-surface.18',\n    disabled: '#surface-2 #disabled-surface',\n  },\n  color: {\n    '': '#success-accent-text-soft',\n    selected: '#success-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const SUCCESS_OUTLINE_2_STYLES: Styles = {\n  ...SUCCESS_OUTLINE_STYLES,\n  fill: {\n    '': '#surface-3 #success-accent-surface.0',\n    hovered: '#surface-3 #success-accent-surface.03',\n    pressed: '#surface-3 #success-accent-surface.09',\n    selected: '#surface-3 #success-accent-surface.09',\n    'selected & (hovered | focused)': '#surface-3 #success-accent-surface.12',\n    'selected & pressed': '#surface-3 #success-accent-surface.18',\n    disabled: '#surface-3 #disabled-surface',\n  },\n} as const;\n\nexport const SUCCESS_CLEAR_STYLES: Styles = {\n  // Non-selected = old SUCCESS NEUTRAL; selected = old SUCCESS CLEAR.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': 'transparent',\n  },\n  fill: {\n    '': '#surface-text.0',\n    'hovered | focused': '#surface-text.04',\n    pressed: '#surface-text.06',\n    selected: '#success-accent-text.09',\n    'selected & (hovered | focused)': '#success-accent-text.12',\n    'selected & pressed': '#success-accent-text.18',\n    disabled: 'transparent',\n  },\n  color: {\n    '': '#success-accent-text-soft',\n    selected: '#success-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const SUCCESS_LINK_STYLES: Styles = {\n  // See DEFAULT_LINK_STYLES for the soft→strong rationale.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: 0,\n  fill: {\n    '': 'transparent',\n  },\n  color: {\n    '': '#success-accent-text-soft',\n    'hovered & !pressed': '#success-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const SUCCESS_ITEM_STYLES: Styles = {\n  border: 'transparent',\n  fill: {\n    '': '#success-accent-text.0',\n    'hovered | focused': '#success-accent-text.03',\n    selected: '#success-accent-text.09',\n    'selected & (hovered | focused)': '#success-accent-text.12',\n    pressed: '#success-accent-text.09',\n    disabled: 'transparent',\n  },\n  color: {\n    '': '#success-accent-text',\n    hovered: '#success-accent-text',\n    pressed: '#success-accent-text',\n    disabled: '#success-accent-text.4',\n  },\n} as const;\n\n// ---------- WARNING THEME ----------\nexport const WARNING_PRIMARY_STYLES: Styles = {\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': '#white.2',\n    pressed: '#warning-accent-text',\n    disabled: 'transparent',\n  },\n  // See `DEFAULT_PRIMARY_STYLES.fill` for the layer-shape + ramp rationale.\n  fill: {\n    '': '#surface #warning-accent-surface',\n    hovered: '#surface #warning-accent-surface-2',\n    pressed: '#surface #warning-accent-surface-3',\n    disabled: '#surface #warning-accent-disabled-surface',\n  },\n  color: {\n    '': '#white',\n    disabled: '#warning-accent-disabled-surface-text',\n  },\n} as const;\n\nexport const WARNING_OUTLINE_STYLES: Styles = {\n  // Non-selected = old WARNING OUTLINE; selected = old WARNING SECONDARY.\n  // See DANGER_OUTLINE_STYLES for the border-anchor rationale.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': '#warning-border',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#surface-2 #warning-accent-surface.0',\n    hovered: '#surface-2 #warning-accent-surface.03',\n    pressed: '#surface-2 #warning-accent-surface.09',\n    selected: '#surface-2 #warning-accent-surface.09',\n    'selected & (hovered | focused)': '#surface-2 #warning-accent-surface.12',\n    'selected & pressed': '#surface-2 #warning-accent-surface.18',\n    disabled: '#surface-2 #disabled-surface',\n  },\n  color: {\n    '': '#warning-accent-text-soft',\n    selected: '#warning-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const WARNING_OUTLINE_2_STYLES: Styles = {\n  ...WARNING_OUTLINE_STYLES,\n  fill: {\n    '': '#surface-3 #warning-accent-surface.0',\n    hovered: '#surface-3 #warning-accent-surface.03',\n    pressed: '#surface-3 #warning-accent-surface.09',\n    selected: '#surface-3 #warning-accent-surface.09',\n    'selected & (hovered | focused)': '#surface-3 #warning-accent-surface.12',\n    'selected & pressed': '#surface-3 #warning-accent-surface.18',\n    disabled: '#surface-3 #disabled-surface',\n  },\n} as const;\n\nexport const WARNING_CLEAR_STYLES: Styles = {\n  // Non-selected = old WARNING NEUTRAL; selected = old WARNING CLEAR.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': 'transparent',\n  },\n  fill: {\n    '': '#surface-text.0',\n    'hovered | focused': '#surface-text.04',\n    pressed: '#surface-text.06',\n    selected: '#warning-accent-text.09',\n    'selected & (hovered | focused)': '#warning-accent-text.12',\n    'selected & pressed': '#warning-accent-text.18',\n    disabled: 'transparent',\n  },\n  color: {\n    '': '#warning-accent-text-soft',\n    selected: '#warning-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const WARNING_LINK_STYLES: Styles = {\n  // See DEFAULT_LINK_STYLES for the soft→strong rationale.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: 0,\n  fill: {\n    '': 'transparent',\n  },\n  color: {\n    '': '#warning-accent-text-soft',\n    'hovered & !pressed': '#warning-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const WARNING_ITEM_STYLES: Styles = {\n  border: 'transparent',\n  fill: {\n    '': '#warning-accent-text.0',\n    'hovered | focused': '#warning-accent-text.03',\n    selected: '#warning-accent-text.09',\n    'selected & (hovered | focused)': '#warning-accent-text.12',\n    pressed: '#warning-accent-text.09',\n    disabled: 'transparent',\n  },\n  color: {\n    '': '#warning-accent-text',\n    hovered: '#warning-accent-text',\n    pressed: '#warning-accent-text',\n    disabled: '#warning-accent-text.4',\n  },\n} as const;\n\n// ---------- NOTE THEME ----------\nexport const NOTE_PRIMARY_STYLES: Styles = {\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': '#white.2',\n    pressed: '#note-accent-text',\n    disabled: 'transparent',\n  },\n  // See `DEFAULT_PRIMARY_STYLES.fill` for the layer-shape + ramp rationale.\n  fill: {\n    '': '#surface #note-accent-surface',\n    hovered: '#surface #note-accent-surface-2',\n    pressed: '#surface #note-accent-surface-3',\n    disabled: '#surface #note-accent-disabled-surface',\n  },\n  color: {\n    '': '#white',\n    disabled: '#note-accent-disabled-surface-text',\n  },\n} as const;\n\nexport const NOTE_OUTLINE_STYLES: Styles = {\n  // Non-selected = old NOTE OUTLINE; selected = old NOTE SECONDARY.\n  // See DANGER_OUTLINE_STYLES for the border-anchor rationale.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': '#note-border',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#surface-2 #note-accent-surface.0',\n    hovered: '#surface-2 #note-accent-surface.03',\n    pressed: '#surface-2 #note-accent-surface.09',\n    selected: '#surface-2 #note-accent-surface.09',\n    'selected & (hovered | focused)': '#surface-2 #note-accent-surface.12',\n    'selected & pressed': '#surface-2 #note-accent-surface.18',\n    disabled: '#surface-2 #disabled-surface',\n  },\n  color: {\n    '': '#note-accent-text-soft',\n    selected: '#note-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const NOTE_OUTLINE_2_STYLES: Styles = {\n  ...NOTE_OUTLINE_STYLES,\n  fill: {\n    '': '#surface-3 #note-accent-surface.0',\n    hovered: '#surface-3 #note-accent-surface.03',\n    pressed: '#surface-3 #note-accent-surface.09',\n    selected: '#surface-3 #note-accent-surface.09',\n    'selected & (hovered | focused)': '#surface-3 #note-accent-surface.12',\n    'selected & pressed': '#surface-3 #note-accent-surface.18',\n    disabled: '#surface-3 #disabled-surface',\n  },\n} as const;\n\nexport const NOTE_CLEAR_STYLES: Styles = {\n  // Non-selected = old NOTE NEUTRAL; selected = old NOTE CLEAR.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': 'transparent',\n  },\n  fill: {\n    '': '#surface-text.0',\n    'hovered | focused': '#surface-text.04',\n    pressed: '#surface-text.06',\n    selected: '#note-accent-text.09',\n    'selected & (hovered | focused)': '#note-accent-text.12',\n    'selected & pressed': '#note-accent-text.18',\n    disabled: 'transparent',\n  },\n  color: {\n    '': '#note-accent-text-soft',\n    selected: '#note-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const NOTE_LINK_STYLES: Styles = {\n  // See DEFAULT_LINK_STYLES for the soft→strong rationale.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: 0,\n  fill: {\n    '': 'transparent',\n  },\n  color: {\n    '': '#note-accent-text-soft',\n    'hovered & !pressed': '#note-accent-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const NOTE_ITEM_STYLES: Styles = {\n  border: 'transparent',\n  fill: {\n    '': '#note-accent-text.0',\n    'hovered | focused': '#note-accent-text.03',\n    selected: '#note-accent-text.09',\n    'selected & (hovered | focused)': '#note-accent-text.12',\n    pressed: '#note-accent-text.09',\n    disabled: 'transparent',\n  },\n  color: {\n    '': '#note-accent-text',\n    hovered: '#note-accent-text',\n    pressed: '#note-accent-text',\n    disabled: '#note-accent-text.4',\n  },\n} as const;\n\n// ---------- SPECIAL THEME ----------\n// Every color here resolves to a fixed-mode value (built-in `#white`, the\n// standalone `#special-*` theme in `src/tokens/palette.ts`, or `transparent`).\n// `mode: 'fixed'` makes the resolved OKHSL identical in light, dark, and\n// high-contrast, so the special theme renders the same regardless of scheme.\n// The only intentionally adaptive colors are `VALIDATION_STYLES.border`\n// (`#danger-accent-text` / `#success-accent-text`) — validation state is allowed to follow\n// the active scheme.\nexport const SPECIAL_PRIMARY_STYLES: Styles = {\n  // Focus ring uses `#special-accent-text` — a fixed-mode dark-purple that\n  // stays identical across light/dark/HC, matching the special theme's\n  // \"intentionally non-inverting\" identity. Picked over `#primary-accent-text`\n  // (the cross-theme default) which is `mode: 'auto'` and would shift in dark.\n  outline: {\n    '': '0 #special-accent-text.0',\n    focused: '1bw #special-accent-text',\n  },\n  border: {\n    '': '#special-accent-surface-border',\n    pressed: '#special-accent-surface-border',\n    disabled: 'transparent',\n  },\n  // See `DEFAULT_PRIMARY_STYLES.fill` for the layer-shape + ramp rationale.\n  // The base layer is `#white` (matching the rest of the special theme's\n  // anchor) instead of `#surface`, but the same monotonic `-1`/`-2`/`-3`\n  // ramp gives the brand fill a visibly darker hover and pressed state.\n  fill: {\n    '': '#white #special-accent-surface',\n    hovered: '#white #special-accent-surface-2',\n    pressed: '#white #special-accent-surface-3',\n    disabled: '#white #special-accent-disabled-surface',\n  },\n  color: {\n    '': '#white',\n    disabled: '#special-accent-disabled-surface-text',\n  },\n} as const;\n\nexport const SPECIAL_OUTLINE_STYLES: Styles = {\n  // Non-selected = old SPECIAL OUTLINE; selected = old SPECIAL SECONDARY.\n  // Special is anchored on `#special-surface` (a fixed dark-purple base), so\n  // contrast is added by *whitening* the overlay rather than darkening it.\n  // The same default → hover → pressed monotonic-contrast pattern as the\n  // light themes is preserved, just with white-alpha steps that are tuned\n  // to read against the dark base.\n  //\n  // IMPORTANT: every alpha step within a single state-map must be a unique\n  // value string. Tasty's `mergeEntriesByValue` pass coalesces entries that\n  // share a serialized value into a single OR-condition entry whose priority\n  // is the *max* of the merged group. If `hovered` and `disabled` were both\n  // `#white.12`, the merged entry would sit at the higher priority and\n  // negate against the `selected & (hovered | focused)` rule below, making\n  // the latter resolve to FALSE for `selected & hovered`. Keeping every\n  // alpha distinct sidesteps the collision.\n  //\n  // Focus ring uses the fixed-mode `#special-accent-text` so the indicator\n  // stays scheme-invariant alongside the rest of the special theme — see\n  // `SPECIAL_PRIMARY_STYLES.outline` for the full rationale.\n  outline: {\n    '': '0 #special-accent-text.0',\n    focused: '1bw #special-accent-text',\n  },\n  border: {\n    '': '#white.15',\n    selected: '#white.2',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#special-surface #white.0',\n    hovered: '#special-surface #white.06',\n    pressed: '#special-surface #white.12',\n    selected: '#special-surface #white.18',\n    'selected & (hovered | focused)': '#special-surface #white.24',\n    'selected & pressed': '#special-surface #white.3',\n    disabled: '#special-surface #white.04',\n  },\n  // Mirrors the colored-theme soft→opaque pattern (`*-accent-text-soft` →\n  // `*-accent-text`) using white-alpha steps: default is slightly muted so\n  // that selected reads as the more prominent state.\n  color: {\n    '': '#white.8',\n    selected: '#white',\n    disabled: '#white.4',\n  },\n} as const;\n\nexport const SPECIAL_CLEAR_STYLES: Styles = {\n  // Non-selected = old SPECIAL NEUTRAL: transparent / white-tinted overlay\n  // on the dark base.\n  // Selected INVERTS the surface — the fill flips to a solid white pill with\n  // dark accent-text on top. To express \"increasing contrast on press\" in\n  // this inverted layout we go the *other* direction: pure white at rest →\n  // slightly tinted on hover → more tinted on press, i.e. progressively\n  // letting the dark base bleed through. This keeps the monotonic-contrast\n  // pattern semantically (hover < pressed) while preserving the inversion.\n  //\n  // IMPORTANT: every alpha step within a single state-map must be a unique\n  // value string. Tasty's `mergeEntriesByValue` pass coalesces entries that\n  // share a serialized value into a single OR-condition entry whose priority\n  // is the *max* of the merged group, which then negates against lower-\n  // priority rules. If `'hovered | focused'` and `'selected & disabled'`\n  // both used `#white.12`, the merged entry would sit at priority 7 and\n  // negate against `'selected & (hovered | focused)'` (priority 4), making\n  // it resolve to FALSE for `selected & hovered` — which is exactly the\n  // \"selected-hover stays dark\" bug. `'selected & disabled'` therefore uses\n  // a slightly different alpha (.16) that's visually similar but a distinct\n  // value string. The default `''` and `disabled` may share `#white.0`\n  // because Tasty keeps the TRUE/default entry separate from non-defaults\n  // during merging.\n  //\n  // Focus ring uses the fixed-mode `#special-accent-text` so the indicator\n  // stays scheme-invariant alongside the rest of the special theme — see\n  // `SPECIAL_PRIMARY_STYLES.outline` for the full rationale.\n  outline: {\n    '': '0 #special-accent-text.0',\n    focused: '1bw #special-accent-text',\n  },\n  border: {\n    '': 'transparent',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#white.0',\n    'hovered | focused': '#white.12',\n    pressed: '#white.18',\n    selected: '#white',\n    'selected & (hovered | focused)': '#white.94',\n    'selected & pressed': '#white.88',\n    disabled: '#white.0',\n    'selected & disabled': '#white.16',\n  },\n  // Non-selected mirrors the colored-theme soft→opaque pattern with\n  // white-alpha steps. Selected keeps its inverted look — dark accent-text\n  // on a white pill — so the soft/opaque transition only applies to the\n  // non-selected variant.\n  color: {\n    '': '#white.8',\n    selected: '#special-accent-text',\n    disabled: '#white.4',\n  },\n} as const;\n\nexport const SPECIAL_LINK_STYLES: Styles = {\n  // See `SPECIAL_PRIMARY_STYLES.outline` for why we use the fixed-mode\n  // `#special-accent-text` here instead of the cross-theme `#primary-accent-text`.\n  outline: {\n    '': '0 #special-accent-text.0',\n    focused: '1bw #special-accent-text',\n  },\n  border: '0',\n  fill: {\n    '': 'transparent',\n  },\n  color: {\n    '': '#white',\n    'hovered & !pressed': '#white.9',\n    disabled: '#white.4',\n  },\n} as const;\n\nexport const SPECIAL_ITEM_STYLES: Styles = {\n  border: 'transparent',\n  fill: {\n    '': '#white.0',\n    hovered: '#white.12',\n    'pressed | (selected & !hovered)': '#white.18',\n  },\n  color: {\n    '': '#white',\n    disabled: '#white.4',\n  },\n} as const;\n\n// ---------- CURRENT TYPE ----------\n// Every color is derived from the *inherited* text color (`#current` →\n// `currentcolor`), so the element adopts whatever color its context paints\n// with: a colored Alert, a dark banner, an image overlay, a chart tooltip. That\n// makes the type theme-agnostic — a single style object registered under\n// `default.current`, with the host component forcing the theme to `default`.\n//\n// `color: '#current'` compiles to `color: currentcolor`, which CSS resolves as\n// `color: inherit` — so the label stays fully opaque and, crucially, the\n// element's own `currentcolor` (used by `fill`/`border` below) is the INHERITED\n// color rather than a faded one. The alpha steps are then mixed off that same\n// color, which is why the whole ramp tracks the context automatically.\n//\n// There are two flavours, mirroring the two shapes the neutral types take:\n// `CURRENT_ITEM_STYLES` follows `*_ITEM_STYLES` (borderless, invisible at rest,\n// for list rows) and `CURRENT_BUTTON_STYLES` follows the standalone button types\n// (a resting chip with a border). Both keep the monotonic-contrast pattern of\n// their neutral counterparts: default < hover < pressed, and the same again one\n// level up when selected.\n//\n// IMPORTANT: every alpha step within one state-map must be a unique value\n// string — Tasty's `mergeEntriesByValue` pass coalesces equal values into one\n// OR-entry at the group's max priority, which then negates against\n// lower-priority rules. So no two steps in one map may share an alpha. See\n// `SPECIAL_OUTLINE_STYLES` for the full explanation.\n//\n// A note on `disabled`: fading the label also fades the element's own\n// `currentcolor`, so every other alpha is multiplied by .4 on that state.\n// Disabled `fill`/`border` are therefore written PRE-MULTIPLIED where they need\n// to stay visible.\n\n// Item flavour — the `current` counterpart of `*_ITEM_STYLES`: no border,\n// nothing painted at rest, the fill appearing only on interaction. Used for\n// list rows (`Item`, `ItemButton`) and the actions inside them, where a resting\n// chip on every row would read as noise. Like the other `*_ITEM_STYLES` it\n// leaves the focus ring to the base styles (the collection that owns the row\n// indicates focus), and only steps the fill.\nexport const CURRENT_ITEM_STYLES: Styles = {\n  border: 'transparent',\n  fill: {\n    '': '#current.0',\n    'hovered | focused': '#current.04',\n    pressed: '#current.06',\n    selected: '#current.09',\n    'selected & (hovered | focused)': '#current.12',\n    'selected & pressed': '#current.15',\n    disabled: 'transparent',\n  },\n  color: {\n    '': '#current',\n    disabled: '#current.4',\n  },\n} as const;\n\n// Button flavour — a standalone control, so it carries its own weight: a\n// resting `#current.03` chip inside a `#current.08` border. `.03` is enough to\n// separate the button from a flat background without reading as a filled\n// surface, while leaving room for four distinguishable steps above it.\n// Disabled `fill`/`border` are pre-multiplied (`.06`/`.12` → an effective\n// `.024`/`.048`) so the chip stays a muted version of itself instead of\n// vanishing.\nexport const CURRENT_BUTTON_STYLES: Styles = {\n  // The focus ring is the one color NOT taken from `#current`: every type in\n  // this file uses `#primary-accent-text` (the special theme swapping in its\n  // fixed-mode counterpart), so the focus indicator stays the same wherever it\n  // appears.\n  outline: {\n    '': '0 #primary-accent-text.0',\n    focused: '1bw #primary-accent-text',\n  },\n  border: {\n    '': '#current.08',\n    'hovered | focused': '#current.15',\n    pressed: '#current.25',\n    selected: '#current.3',\n    'selected & pressed': '#current.4',\n    disabled: '#current.12',\n  },\n  fill: {\n    '': '#current.03',\n    'hovered | focused': '#current.07',\n    pressed: '#current.1',\n    selected: '#current.12',\n    'selected & (hovered | focused)': '#current.16',\n    'selected & pressed': '#current.2',\n    disabled: '#current.06',\n  },\n  color: {\n    '': '#current',\n    disabled: '#current.4',\n  },\n} as const;\n\n// ---------- CARD TYPE STYLES ----------\n// Card type only supports: default, success, danger, note themes\n\nexport const DEFAULT_CARD_STYLES: Styles = {\n  border: '#surface-text.20',\n  fill: '#surface-3',\n  color: '#surface-text-soft',\n} as const;\n\nexport const SUCCESS_CARD_STYLES: Styles = {\n  border: '#success-accent-surface.20',\n  fill: '#success-surface',\n  color: '#success-accent-text',\n} as const;\n\nexport const DANGER_CARD_STYLES: Styles = {\n  border: '#danger-accent-surface.20',\n  fill: '#danger-surface',\n  color: '#danger-accent-text',\n} as const;\n\nexport const WARNING_CARD_STYLES: Styles = {\n  border: '#warning-accent-surface.20',\n  fill: '#warning-surface',\n  color: '#warning-accent-text',\n} as const;\n\nexport const NOTE_CARD_STYLES: Styles = {\n  border: '#note-accent-surface.20',\n  fill: '#note-surface',\n  color: '#note-accent-text',\n} as const;\n\nexport type ItemVariant =\n  // The `current` type derives every color from the inherited `currentcolor`,\n  // so it has no per-theme flavours — see `CURRENT_ITEM_STYLES`.\n  | 'default.current'\n  | 'default.primary'\n  | 'default.outline'\n  | 'default.outline-2'\n  | 'default.clear'\n  | 'default.link'\n  | 'default.item'\n  | 'default.card'\n  | 'danger.primary'\n  | 'danger.outline'\n  | 'danger.outline-2'\n  | 'danger.clear'\n  | 'danger.link'\n  | 'danger.item'\n  | 'danger.card'\n  | 'success.primary'\n  | 'success.outline'\n  | 'success.outline-2'\n  | 'success.clear'\n  | 'success.link'\n  | 'success.item'\n  | 'success.card'\n  | 'warning.primary'\n  | 'warning.outline'\n  | 'warning.outline-2'\n  | 'warning.clear'\n  | 'warning.link'\n  | 'warning.item'\n  | 'warning.card'\n  | 'note.primary'\n  | 'note.outline'\n  | 'note.outline-2'\n  | 'note.clear'\n  | 'note.link'\n  | 'note.item'\n  | 'note.card'\n  | 'special.primary'\n  | 'special.outline'\n  | 'special.clear'\n  | 'special.link'\n  | 'special.item';\n"],"mappings":";;AAEA,MAAa,oBAA4B,EACvC,QAAQ;CACN,SAAS;CACT,OAAO;CACR,EACF;AAGD,MAAa,0BAAkC;CAC7C,SAAS;CACT,MAAM;CACN,YAAY;CACZ,cAAc;CACd,KAAK;CACL,UAAU;CACV,QAAQ;EACN,IAAI;EACJ,+BAA+B;EAC/B,+BAA+B;EAC/B,8BAA8B;EAC9B,SAAS;EACV;CACD,SAAS;CACT,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,gBAAgB;CAChB,WAAW;CACX,YAAY;CACZ,QAAQ;CACR,QAAQ;CACR,OAAO;EACL,IAAI;EACJ,aAAa;EACd;CACD,WAAW;CAGX,iBAAiB;CAEjB,gBACE;CAGF,MAAM;EACJ,GAAG;EACH,SAAS;EACT,YAAY;EACZ,QAAQ;EACR,OAAO;EACP,SAAS;GACP,IAAI;GACJ,wBAAwB;GACxB,yBAAyB;GACzB,mCAAmC;GACpC;EACF;CACF;AAGD,MAAa,yBAAiC;CAC5C,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ;EACN,IAAI;EACJ,SAAS;EACT,UAAU;EACX;CAeD,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,SAAS;EACT,UAAU;EACX;CACD,OAAO;EACL,IAAI;EACJ,UAAU;EACX;CACF;AAED,MAAa,yBAAiC;CAc5C,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ;EACN,IAAI;EACJ,UAAU;EACV,UAAU;EACV,GAAI,kBAAkB;EACvB;CAUD,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,SAAS;EACT,UAAU;EACV,kCAAkC;EAClC,sBAAsB;EACtB,UAAU;EACX;CACD,OAAO;EACL,IAAI;EACJ,SAAS;EACT,SAAS;EACT,UAAU;EACV,sBAAsB;EACtB,UAAU;EACX;CACF;AAID,MAAa,2BAAmC;CAC9C,GAAG;CACH,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,SAAS;EACT,UAAU;EACV,kCAAkC;EAClC,sBAAsB;EACtB,UAAU;EACX;CACF;AAED,MAAa,uBAA+B;CAG1C,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ;EACN,IAAI;EACJ,GAAI,kBAAkB;EACvB;CACD,MAAM;EACJ,IAAI;EACJ,qBAAqB;EACrB,SAAS;EACT,UAAU;EACV,kCAAkC;EAClC,sBAAsB;EACtB,UAAU;EACX;CAGD,OAAO;EACL,IAAI;EACJ,SAAS;EACT,uBAAuB;EACvB,UAAU;EACV,sBAAsB;EACtB,UAAU;EACX;CACF;AAED,MAAa,sBAA8B;CACzC,QAAQ;CACR,MAAM;EACJ,IAAI;EACJ,qBAAqB;EACrB,SAAS;EACT,UAAU;EACV,kCAAkC;EAClC,sBAAsB;EACtB,UAAU;EACX;CACD,OAAO;EACL,IAAI;EACJ,SAAS;EACT,UAAU;EACV,UAAU;EACX;CACF;AAED,MAAa,sBAA8B;CAKzC,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ;CACR,MAAM,EACJ,IAAI,eACL;CACD,OAAO;EACL,IAAI;EACJ,sBAAsB;EACtB,UAAU;EACX;CACF;AAGD,MAAa,wBAAgC;CAC3C,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ;EACN,IAAI;EACJ,SAAS;EACT,UAAU;EACX;CAED,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,SAAS;EACT,UAAU;EACX;CACD,OAAO;EACL,IAAI;EACJ,UAAU;EACX;CACF;AAED,MAAa,wBAAgC;CAO3C,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ;EACN,IAAI;EACJ,UAAU;EACX;CACD,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,SAAS;EACT,UAAU;EACV,kCAAkC;EAClC,sBAAsB;EACtB,UAAU;EACX;CACD,OAAO;EACL,IAAI;EACJ,UAAU;EACV,UAAU;EACX;CACF;AAED,MAAa,0BAAkC;CAC7C,GAAG;CACH,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,SAAS;EACT,UAAU;EACV,kCAAkC;EAClC,sBAAsB;EACtB,UAAU;EACX;CACF;AAED,MAAa,sBAA8B;CAIzC,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ,EACN,IAAI,eACL;CACD,MAAM;EACJ,IAAI;EACJ,qBAAqB;EACrB,SAAS;EACT,UAAU;EACV,kCAAkC;EAClC,sBAAsB;EACtB,UAAU;EACX;CACD,OAAO;EACL,IAAI;EACJ,UAAU;EACV,UAAU;EACX;CACF;AAED,MAAa,qBAA6B;CAExC,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ;CACR,MAAM,EACJ,IAAI,eACL;CACD,OAAO;EACL,IAAI;EACJ,sBAAsB;EACtB,UAAU;EACX;CACF;AAED,MAAa,qBAA6B;CACxC,QAAQ;CACR,MAAM;EACJ,IAAI;EACJ,qBAAqB;EACrB,UAAU;EACV,kCAAkC;EAClC,SAAS;EACT,UAAU;EACX;CACD,OAAO;EACL,IAAI;EACJ,SAAS;EACT,SAAS;EACT,UAAU;EACX;CACF;AAGD,MAAa,yBAAiC;CAC5C,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ;EACN,IAAI;EACJ,SAAS;EACT,UAAU;EACX;CAED,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,SAAS;EACT,UAAU;EACX;CACD,OAAO;EACL,IAAI;EACJ,UAAU;EACX;CACF;AAED,MAAa,yBAAiC;CAG5C,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ;EACN,IAAI;EACJ,UAAU;EACX;CACD,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,SAAS;EACT,UAAU;EACV,kCAAkC;EAClC,sBAAsB;EACtB,UAAU;EACX;CACD,OAAO;EACL,IAAI;EACJ,UAAU;EACV,UAAU;EACX;CACF;AAED,MAAa,2BAAmC;CAC9C,GAAG;CACH,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,SAAS;EACT,UAAU;EACV,kCAAkC;EAClC,sBAAsB;EACtB,UAAU;EACX;CACF;AAED,MAAa,uBAA+B;CAE1C,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ,EACN,IAAI,eACL;CACD,MAAM;EACJ,IAAI;EACJ,qBAAqB;EACrB,SAAS;EACT,UAAU;EACV,kCAAkC;EAClC,sBAAsB;EACtB,UAAU;EACX;CACD,OAAO;EACL,IAAI;EACJ,UAAU;EACV,UAAU;EACX;CACF;AAED,MAAa,sBAA8B;CAEzC,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ;CACR,MAAM,EACJ,IAAI,eACL;CACD,OAAO;EACL,IAAI;EACJ,sBAAsB;EACtB,UAAU;EACX;CACF;AAED,MAAa,sBAA8B;CACzC,QAAQ;CACR,MAAM;EACJ,IAAI;EACJ,qBAAqB;EACrB,UAAU;EACV,kCAAkC;EAClC,SAAS;EACT,UAAU;EACX;CACD,OAAO;EACL,IAAI;EACJ,SAAS;EACT,SAAS;EACT,UAAU;EACX;CACF;AAGD,MAAa,yBAAiC;CAC5C,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ;EACN,IAAI;EACJ,SAAS;EACT,UAAU;EACX;CAED,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,SAAS;EACT,UAAU;EACX;CACD,OAAO;EACL,IAAI;EACJ,UAAU;EACX;CACF;AAED,MAAa,yBAAiC;CAG5C,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ;EACN,IAAI;EACJ,UAAU;EACX;CACD,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,SAAS;EACT,UAAU;EACV,kCAAkC;EAClC,sBAAsB;EACtB,UAAU;EACX;CACD,OAAO;EACL,IAAI;EACJ,UAAU;EACV,UAAU;EACX;CACF;AAED,MAAa,2BAAmC;CAC9C,GAAG;CACH,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,SAAS;EACT,UAAU;EACV,kCAAkC;EAClC,sBAAsB;EACtB,UAAU;EACX;CACF;AAED,MAAa,uBAA+B;CAE1C,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ,EACN,IAAI,eACL;CACD,MAAM;EACJ,IAAI;EACJ,qBAAqB;EACrB,SAAS;EACT,UAAU;EACV,kCAAkC;EAClC,sBAAsB;EACtB,UAAU;EACX;CACD,OAAO;EACL,IAAI;EACJ,UAAU;EACV,UAAU;EACX;CACF;AAED,MAAa,sBAA8B;CAEzC,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ;CACR,MAAM,EACJ,IAAI,eACL;CACD,OAAO;EACL,IAAI;EACJ,sBAAsB;EACtB,UAAU;EACX;CACF;AAED,MAAa,sBAA8B;CACzC,QAAQ;CACR,MAAM;EACJ,IAAI;EACJ,qBAAqB;EACrB,UAAU;EACV,kCAAkC;EAClC,SAAS;EACT,UAAU;EACX;CACD,OAAO;EACL,IAAI;EACJ,SAAS;EACT,SAAS;EACT,UAAU;EACX;CACF;AAGD,MAAa,sBAA8B;CACzC,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ;EACN,IAAI;EACJ,SAAS;EACT,UAAU;EACX;CAED,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,SAAS;EACT,UAAU;EACX;CACD,OAAO;EACL,IAAI;EACJ,UAAU;EACX;CACF;AAED,MAAa,sBAA8B;CAGzC,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ;EACN,IAAI;EACJ,UAAU;EACX;CACD,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,SAAS;EACT,UAAU;EACV,kCAAkC;EAClC,sBAAsB;EACtB,UAAU;EACX;CACD,OAAO;EACL,IAAI;EACJ,UAAU;EACV,UAAU;EACX;CACF;AAED,MAAa,wBAAgC;CAC3C,GAAG;CACH,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,SAAS;EACT,UAAU;EACV,kCAAkC;EAClC,sBAAsB;EACtB,UAAU;EACX;CACF;AAED,MAAa,oBAA4B;CAEvC,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ,EACN,IAAI,eACL;CACD,MAAM;EACJ,IAAI;EACJ,qBAAqB;EACrB,SAAS;EACT,UAAU;EACV,kCAAkC;EAClC,sBAAsB;EACtB,UAAU;EACX;CACD,OAAO;EACL,IAAI;EACJ,UAAU;EACV,UAAU;EACX;CACF;AAED,MAAa,mBAA2B;CAEtC,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ;CACR,MAAM,EACJ,IAAI,eACL;CACD,OAAO;EACL,IAAI;EACJ,sBAAsB;EACtB,UAAU;EACX;CACF;AAED,MAAa,mBAA2B;CACtC,QAAQ;CACR,MAAM;EACJ,IAAI;EACJ,qBAAqB;EACrB,UAAU;EACV,kCAAkC;EAClC,SAAS;EACT,UAAU;EACX;CACD,OAAO;EACL,IAAI;EACJ,SAAS;EACT,SAAS;EACT,UAAU;EACX;CACF;AAUD,MAAa,yBAAiC;CAK5C,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ;EACN,IAAI;EACJ,SAAS;EACT,UAAU;EACX;CAKD,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,SAAS;EACT,UAAU;EACX;CACD,OAAO;EACL,IAAI;EACJ,UAAU;EACX;CACF;AAED,MAAa,yBAAiC;CAoB5C,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ;EACN,IAAI;EACJ,UAAU;EACV,GAAI,kBAAkB;EACvB;CACD,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,SAAS;EACT,UAAU;EACV,kCAAkC;EAClC,sBAAsB;EACtB,UAAU;EACX;CAID,OAAO;EACL,IAAI;EACJ,UAAU;EACV,UAAU;EACX;CACF;AAED,MAAa,uBAA+B;CA2B1C,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ;EACN,IAAI;EACJ,GAAI,kBAAkB;EACvB;CACD,MAAM;EACJ,IAAI;EACJ,qBAAqB;EACrB,SAAS;EACT,UAAU;EACV,kCAAkC;EAClC,sBAAsB;EACtB,UAAU;EACV,uBAAuB;EACxB;CAKD,OAAO;EACL,IAAI;EACJ,UAAU;EACV,UAAU;EACX;CACF;AAED,MAAa,sBAA8B;CAGzC,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ;CACR,MAAM,EACJ,IAAI,eACL;CACD,OAAO;EACL,IAAI;EACJ,sBAAsB;EACtB,UAAU;EACX;CACF;AAED,MAAa,sBAA8B;CACzC,QAAQ;CACR,MAAM;EACJ,IAAI;EACJ,SAAS;EACT,mCAAmC;EACpC;CACD,OAAO;EACL,IAAI;EACJ,UAAU;EACX;CACF;AAuCD,MAAa,sBAA8B;CACzC,QAAQ;CACR,MAAM;EACJ,IAAI;EACJ,qBAAqB;EACrB,SAAS;EACT,UAAU;EACV,kCAAkC;EAClC,sBAAsB;EACtB,UAAU;EACX;CACD,OAAO;EACL,IAAI;EACJ,UAAU;EACX;CACF;AASD,MAAa,wBAAgC;CAK3C,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACD,QAAQ;EACN,IAAI;EACJ,qBAAqB;EACrB,SAAS;EACT,UAAU;EACV,sBAAsB;EACtB,UAAU;EACX;CACD,MAAM;EACJ,IAAI;EACJ,qBAAqB;EACrB,SAAS;EACT,UAAU;EACV,kCAAkC;EAClC,sBAAsB;EACtB,UAAU;EACX;CACD,OAAO;EACL,IAAI;EACJ,UAAU;EACX;CACF;AAKD,MAAa,sBAA8B;CACzC,QAAQ;CACR,MAAM;CACN,OAAO;CACR;AAED,MAAa,sBAA8B;CACzC,QAAQ;CACR,MAAM;CACN,OAAO;CACR;AAED,MAAa,qBAA6B;CACxC,QAAQ;CACR,MAAM;CACN,OAAO;CACR;AAED,MAAa,sBAA8B;CACzC,QAAQ;CACR,MAAM;CACN,OAAO;CACR;AAED,MAAa,mBAA2B;CACtC,QAAQ;CACR,MAAM;CACN,OAAO;CACR"}

package/dist/data/themes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 //#region src/data/themes.ts
 var themes_default = {
 	special: {

package/dist/eslint-plugin/defaults.generated.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 //#region src/eslint-plugin/defaults.generated.ts
 const DEFAULTS = { components: {
 	Alert: { props: {

package/dist/eslint-plugin/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { DEFAULTS } from "./defaults.generated.js";
 import { createRule, noRedundantDefaultProp } from "./rules/no-redundant-default-prop.js";
 

package/dist/eslint-plugin/rules/no-redundant-default-prop.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { DEFAULTS } from "../defaults.generated.js";
 
 //#region src/eslint-plugin/rules/no-redundant-default-prop.ts

package/dist/i18n/I18nProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { UIKIT_I18N_NAMESPACE, getI18n } from "./instance.js";
 import { jsx } from "react/jsx-runtime";
 import { I18nProvider } from "react-aria";

package/dist/i18n/createFormatter.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 //#region src/i18n/createFormatter.ts
 const cache = /* @__PURE__ */ new Map();
 function getIntl(kind, Ctor, locale, options) {

package/dist/i18n/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { LOCALE_LABELS, SUPPORTED_LOCALES, isSupportedLocale } from "./locales.js";
 import { UIKIT_I18N_NAMESPACE, createUIKitI18n, getI18n } from "./instance.js";
 import { useI18n } from "./useI18n.js";

package/dist/i18n/instance.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 import { SUPPORTED_LOCALES } from "./locales.js";
 import uikit_default from "./locales/de-DE/uikit.js";
 import uikit_default$1 from "./locales/en-US/uikit.js";

package/dist/i18n/locales/de-DE/uikit.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 //#region src/i18n/locales/de-DE/uikit.json
 var uikit_default = {
 	alertDialog: {

package/dist/i18n/locales/en-US/uikit.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 //#region src/i18n/locales/en-US/uikit.json
 var uikit_default = {
 	alertDialog: {

package/dist/i18n/locales/es-ES/uikit.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 //#region src/i18n/locales/es-ES/uikit.json
 var uikit_default = {
 	alertDialog: {

package/dist/i18n/locales/es-MX/uikit.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 //#region src/i18n/locales/es-MX/uikit.json
 var uikit_default = {
 	alertDialog: {

package/dist/i18n/locales/fr-FR/uikit.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 //#region src/i18n/locales/fr-FR/uikit.json
 var uikit_default = {
 	alertDialog: {

package/dist/i18n/locales/it-IT/uikit.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.159.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.160.0 | Cube Dev Team */
 //#region src/i18n/locales/it-IT/uikit.json
 var uikit_default = {
 	alertDialog: {