@cube-dev/ui-kit 0.0.0-canary-e7a20cc → 0.0.0-canary-ae9c71c

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | 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.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | 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.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | 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.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | 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.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useToastContext } from "../Notifications/NotificationContext.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | 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.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | 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.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | 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.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | 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.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | 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.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | 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.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | 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.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | 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.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useCallback, useEffect, useMemo, useRef } from "react";
 import { ListDropTargetDelegate, ListKeyboardDelegate, mergeProps, useDraggableCollection, useDroppableCollection } from "react-aria";

package/dist/components/shared/InvalidIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | 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.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | 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.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { tasty } from "@tenphi/tasty";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | 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.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | 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.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | 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.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { jsx } from "react/jsx-runtime";
 

package/dist/data/item-themes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
 //#region src/data/item-themes.ts
 const VALIDATION_STYLES = { border: {
 	invalid: "#danger-text",
@@ -62,7 +62,7 @@ const DEFAULT_PRIMARY_STYLES = {
 		"": "#surface #primary",
 		hovered: "#surface #primary-hover",
 		pressed: "#surface #primary",
-		disabled: "#primary-accent-disabled-surface"
+		disabled: "#surface #primary-accent-disabled-surface"
 	},
 	color: {
 		"": "#white",
@@ -72,8 +72,7 @@ const DEFAULT_PRIMARY_STYLES = {
 const DEFAULT_OUTLINE_STYLES = {
 	border: {
 		"": true,
-		selected: "#primary-text.15",
-		"selected & pressed": "#primary-text.3",
+		selected: "#primary-border",
 		focused: "#primary-text",
 		disabled: "#border",
 		...VALIDATION_STYLES.border
@@ -82,10 +81,10 @@ const DEFAULT_OUTLINE_STYLES = {
 		"": "#surface-2 #dark.0",
 		hovered: "#surface-2 #dark.03",
 		pressed: "#surface-2 #dark.09",
-		selected: "#primary.09",
-		"selected & (hovered | focused)": "#primary.12",
-		"selected & pressed": "#primary.15",
-		disabled: "#disabled-surface"
+		selected: "#surface-2 #primary.09",
+		"selected & (hovered | focused)": "#surface-2 #primary.12",
+		"selected & pressed": "#surface-2 #primary.18",
+		disabled: "#surface-2 #disabled-surface"
 	},
 	color: {
 		"": "#dark-02",
@@ -101,10 +100,10 @@ const DEFAULT_OUTLINE_2_STYLES = {
 		"": "#surface-3 #dark.0",
 		hovered: "#surface-3 #dark.03",
 		pressed: "#surface-3 #dark.09",
-		selected: "#primary.09",
-		"selected & (hovered | focused)": "#primary.12",
-		"selected & pressed": "#primary.15",
-		disabled: "#disabled-surface"
+		selected: "#surface-3 #primary.09",
+		"selected & (hovered | focused)": "#surface-3 #primary.12",
+		"selected & pressed": "#surface-3 #primary.15",
+		disabled: "#surface-3 #disabled-surface"
 	}
 };
 const DEFAULT_CLEAR_STYLES = {
@@ -176,7 +175,7 @@ const DANGER_PRIMARY_STYLES = {
 		"": "#surface #danger",
 		hovered: "#surface #danger-hover",
 		pressed: "#surface #danger",
-		disabled: "#danger-accent-disabled-surface"
+		disabled: "#surface #danger-accent-disabled-surface"
 	},
 	color: {
 		"": "#white",
@@ -185,8 +184,7 @@ const DANGER_PRIMARY_STYLES = {
 };
 const DANGER_OUTLINE_STYLES = {
 	border: {
-		"": "#danger-text.15",
-		pressed: "#danger-text.3",
+		"": "#danger-border",
 		focused: "#danger-text",
 		disabled: "#border"
 	},
@@ -194,9 +192,9 @@ const DANGER_OUTLINE_STYLES = {
 		"": "#surface-2 #danger.0",
 		hovered: "#surface-2 #danger.1",
 		pressed: "#surface-2 #danger.05",
-		selected: "#danger.05",
-		"selected & hovered & !pressed": "#danger.1",
-		disabled: "#disabled-surface"
+		selected: "#surface-2 #danger.05",
+		"selected & hovered & !pressed": "#surface-2 #danger.1",
+		disabled: "#surface-2 #disabled-surface"
 	},
 	color: {
 		"": "#danger-text",
@@ -209,9 +207,9 @@ const DANGER_OUTLINE_2_STYLES = {
 		"": "#surface-3 #danger.0",
 		hovered: "#surface-3 #danger.1",
 		pressed: "#surface-3 #danger.05",
-		selected: "#danger.05",
-		"selected & hovered & !pressed": "#danger.1",
-		disabled: "#disabled-surface"
+		selected: "#surface-3 #danger.05",
+		"selected & hovered & !pressed": "#surface-3 #danger.1",
+		disabled: "#surface-3 #disabled-surface"
 	}
 };
 const DANGER_CLEAR_STYLES = {
@@ -280,7 +278,7 @@ const SUCCESS_PRIMARY_STYLES = {
 		"": "#surface #success",
 		hovered: "#surface #success-hover",
 		pressed: "#surface #success",
-		disabled: "#success-accent-disabled-surface"
+		disabled: "#surface #success-accent-disabled-surface"
 	},
 	color: {
 		"": "#white",
@@ -289,8 +287,7 @@ const SUCCESS_PRIMARY_STYLES = {
 };
 const SUCCESS_OUTLINE_STYLES = {
 	border: {
-		"": "#success-text.15",
-		pressed: "#success-text.3",
+		"": "#success-border",
 		focused: "#success-text",
 		disabled: "#border"
 	},
@@ -298,9 +295,9 @@ const SUCCESS_OUTLINE_STYLES = {
 		"": "#surface-2 #success.0",
 		hovered: "#surface-2 #success.1",
 		pressed: "#surface-2 #success.05",
-		selected: "#success.05",
-		"selected & hovered & !pressed": "#success.1",
-		disabled: "#disabled-surface"
+		selected: "#surface-2 #success.05",
+		"selected & hovered & !pressed": "#surface-2 #success.1",
+		disabled: "#surface-2 #disabled-surface"
 	},
 	color: {
 		"": "#success-text",
@@ -313,9 +310,9 @@ const SUCCESS_OUTLINE_2_STYLES = {
 		"": "#surface-3 #success.0",
 		hovered: "#surface-3 #success.1",
 		pressed: "#surface-3 #success.05",
-		selected: "#success.05",
-		"selected & hovered & !pressed": "#success.1",
-		disabled: "#disabled-surface"
+		selected: "#surface-3 #success.05",
+		"selected & hovered & !pressed": "#surface-3 #success.1",
+		disabled: "#surface-3 #disabled-surface"
 	}
 };
 const SUCCESS_CLEAR_STYLES = {
@@ -384,7 +381,7 @@ const WARNING_PRIMARY_STYLES = {
 		"": "#surface #warning",
 		hovered: "#surface #warning-hover",
 		pressed: "#surface #warning",
-		disabled: "#warning-accent-disabled-surface"
+		disabled: "#surface #warning-accent-disabled-surface"
 	},
 	color: {
 		"": "#white",
@@ -393,8 +390,7 @@ const WARNING_PRIMARY_STYLES = {
 };
 const WARNING_OUTLINE_STYLES = {
 	border: {
-		"": "#warning-text.15",
-		pressed: "#warning-text.3",
+		"": "#warning-border",
 		focused: "#warning-text",
 		disabled: "#border"
 	},
@@ -402,9 +398,9 @@ const WARNING_OUTLINE_STYLES = {
 		"": "#surface-2 #warning.0",
 		hovered: "#surface-2 #warning.1",
 		pressed: "#surface-2 #warning.05",
-		selected: "#warning.05",
-		"selected & hovered & !pressed": "#warning.1",
-		disabled: "#disabled-surface"
+		selected: "#surface-2 #warning.05",
+		"selected & hovered & !pressed": "#surface-2 #warning.1",
+		disabled: "#surface-2 #disabled-surface"
 	},
 	color: {
 		"": "#warning-text",
@@ -417,9 +413,9 @@ const WARNING_OUTLINE_2_STYLES = {
 		"": "#surface-3 #warning.0",
 		hovered: "#surface-3 #warning.1",
 		pressed: "#surface-3 #warning.05",
-		selected: "#warning.05",
-		"selected & hovered & !pressed": "#warning.1",
-		disabled: "#disabled-surface"
+		selected: "#surface-3 #warning.05",
+		"selected & hovered & !pressed": "#surface-3 #warning.1",
+		disabled: "#surface-3 #disabled-surface"
 	}
 };
 const WARNING_CLEAR_STYLES = {
@@ -488,7 +484,7 @@ const NOTE_PRIMARY_STYLES = {
 		"": "#surface #note",
 		hovered: "#surface #note-hover",
 		pressed: "#surface #note",
-		disabled: "#note-accent-disabled-surface"
+		disabled: "#surface #note-accent-disabled-surface"
 	},
 	color: {
 		"": "#white",
@@ -497,8 +493,7 @@ const NOTE_PRIMARY_STYLES = {
 };
 const NOTE_OUTLINE_STYLES = {
 	border: {
-		"": "#note-text.15",
-		pressed: "#note-text.3",
+		"": "#note-border",
 		focused: "#note-text",
 		disabled: "#border"
 	},
@@ -506,9 +501,9 @@ const NOTE_OUTLINE_STYLES = {
 		"": "#surface-2 #note.0",
 		hovered: "#surface-2 #note.1",
 		pressed: "#surface-2 #note.05",
-		selected: "#note.05",
-		"selected & hovered & !pressed": "#note.1",
-		disabled: "#disabled-surface"
+		selected: "#surface-2 #note.05",
+		"selected & hovered & !pressed": "#surface-2 #note.1",
+		disabled: "#surface-2 #disabled-surface"
 	},
 	color: {
 		"": "#note-text",
@@ -521,9 +516,9 @@ const NOTE_OUTLINE_2_STYLES = {
 		"": "#surface-3 #note.0",
 		hovered: "#surface-3 #note.1",
 		pressed: "#surface-3 #note.05",
-		selected: "#note.05",
-		"selected & hovered & !pressed": "#note.1",
-		disabled: "#disabled-surface"
+		selected: "#surface-3 #note.05",
+		"selected & hovered & !pressed": "#surface-3 #note.1",
+		disabled: "#surface-3 #disabled-surface"
 	}
 };
 const NOTE_CLEAR_STYLES = {
@@ -592,7 +587,7 @@ const SPECIAL_PRIMARY_STYLES = {
 		"": "#white #special-accent-fill",
 		hovered: "#white #special-accent-fill-hover",
 		pressed: "#white #special-accent-fill",
-		disabled: "#special-accent-disabled-surface"
+		disabled: "#white #special-accent-disabled-surface"
 	},
 	color: {
 		"": "#white",
@@ -611,9 +606,9 @@ const SPECIAL_OUTLINE_STYLES = {
 		"": "#special-surface #white.0",
 		hovered: "#special-surface #white.18",
 		pressed: "#special-surface #white.12",
-		selected: "#white.12",
-		"selected & hovered & !pressed": "#white.18",
-		disabled: "#white.12"
+		selected: "#special-surface #white.12",
+		"selected & hovered & !pressed": "#special-surface #white.18",
+		disabled: "#special-surface #white.12"
 	},
 	color: {
 		"": "#white",

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-text',\n    valid: '#success-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-text.0',\n    focused: '1bw #primary-text',\n  },\n  border: {\n    '': '#white.2',\n    'pressed | focused': '#primary-text',\n    disabled: '#clear',\n  },\n  fill: {\n    '': '#surface #primary',\n    // `#primary-hover` (= fixed-mode `accent-surface-hover`, ~7–9 OKHSL pts\n    // darker than `#primary`) keeps hover *darker than default in BOTH light\n    // and dark schemes. Was `#primary-text`, which became `mode: 'auto'`\n    // after the accent-text refactor and inverts direction in dark mode\n    // (lighter than default), breaking the hover affordance.\n    hovered: '#surface #primary-hover',\n    pressed: '#surface #primary',\n    // Brand-tinted, scheme-symmetric disabled pair from the accent system\n    // (`#primary-accent-disabled-surface` chip cr ≈ 1.4 vs surface, label\n    // `#primary-accent-disabled-surface-text` cr ≈ 2.8–3.2 vs surface) so\n    // the disabled state looks identical in light and dark while still\n    // reading as a *muted brand* color. Replaces the old `#primary-disabled`\n    // (= bright fixed `#disabled`) + fixed `#white` text combo, which\n    // inverted contrast in dark mode (text-on-chip cr 6.5 → label popped\n    // and no longer looked disabled).\n    disabled: '#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 anchors to the *adaptive* `#primary-text` (mode 'auto')\n  // so it stays visible in BOTH schemes (CR ≈ 1.55–1.82 vs surface in dark\n  // vs ~1.13 with the fixed brand). Selected FILL must NOT use\n  // `#primary-text`: in dark mode the overlay drifts the bg toward the same\n  // lightness as the text, collapsing label↔bg contrast below AA\n  // (cr=4.42@α.10 → 3.04@α.22). Anchoring the fill to the *fixed* `#primary`\n  // brand keeps the bg darker than the bright dark-mode text and restores AA:\n  // cr=6.52 light / 5.95 dark at α.10, 6.19 / 5.41 at α.16.\n  border: {\n    '': true,\n    selected: '#primary-text.15',\n    'selected & pressed': '#primary-text.3',\n    focused: '#primary-text',\n    disabled: '#border',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#surface-2 #dark.0',\n    hovered: '#surface-2 #dark.03',\n    pressed: '#surface-2 #dark.09',\n    selected: '#primary.09',\n    'selected & (hovered | focused)': '#primary.12',\n    'selected & pressed': '#primary.15',\n    disabled: '#disabled-surface',\n  },\n  color: {\n    '': '#dark-02',\n    hovered: '#dark-02',\n    pressed: '#dark',\n    selected: '#primary-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 #dark.0',\n    hovered: '#surface-3 #dark.03',\n    pressed: '#surface-3 #dark.09',\n    selected: '#primary.09',\n    'selected & (hovered | focused)': '#primary.12',\n    'selected & pressed': '#primary.15',\n    disabled: '#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  border: {\n    '': '#clear',\n    'selected & pressed': '#primary-text.10',\n    focused: '#primary-text',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#dark.0',\n    'hovered | focused': '#dark.04',\n    pressed: '#dark.06',\n    selected: '#primary.0',\n    'selected & (hovered | focused)': '#primary.09',\n    'selected & pressed': '#primary.12',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#dark-02',\n    hovered: '#dark-02',\n    'pressed & !selected': '#dark',\n    selected: '#primary-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const DEFAULT_ITEM_STYLES: Styles = {\n  border: '#clear',\n  fill: {\n    '': '#dark.0',\n    'hovered | focused': '#dark.04',\n    pressed: '#dark.06',\n    selected: '#dark.09',\n    'selected & (hovered | focused)': '#dark.15',\n    'selected & pressed': '#dark.12',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#dark-02',\n    hovered: '#dark-02',\n    selected: '#dark',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const DEFAULT_LINK_STYLES: Styles = {\n  // Default sits at the *softer* AA-floor variant (`#primary-text-soft`,\n  // mode 'auto', cr=4.5) and intensifies on hover to the AAA-ish\n  // `#primary-text` (cr=6.4). Critically, the soft variant is also\n  // adaptive — using the fixed brand `#primary` instead would collapse to\n  // cr≈3 against the dark surface and break AA.\n  outline: {\n    '': '0 #primary-text.0',\n    focused: '1bw #primary-text',\n  },\n  border: '0',\n  fill: {\n    '': '#clear',\n  },\n  color: {\n    '': '#primary-text-soft',\n    'hovered & !pressed': '#primary-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\n// ---------- DANGER THEME ----------\nexport const DANGER_PRIMARY_STYLES: Styles = {\n  outline: {\n    '': '0 #danger-text.0',\n    focused: '1bw #danger-text',\n  },\n  border: {\n    '': '#white.2',\n    'pressed | focused': '#danger-text',\n    disabled: '#clear',\n  },\n  fill: {\n    '': '#surface #danger',\n    hovered: '#surface #danger-hover',\n    pressed: '#surface #danger',\n    // See `DEFAULT_PRIMARY_STYLES.fill.disabled` for the rationale —\n    // `#danger-accent-disabled-surface` + `#danger-accent-disabled-surface-text`\n    // keep the disabled chip identical across schemes and brand-tinted with\n    // the danger hue, replacing the old `#danger-desaturated.6` chip + fixed\n    // `#white.6` text combo (which inverted contrast in dark mode).\n    disabled: '#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 anchors to the *adaptive* `#danger-text` (mode 'auto') so the\n  // outline stays visible on dark surfaces. The fixed `#danger` brand at\n  // .15/.3 alpha composites near-invisibly in dark mode (cr≈1.27–1.55 vs\n  // the dark surface) because the brand color and the dark surface have\n  // similar lightness; `#danger-text` brightens in dark mode and pushes the\n  // composite up to cr≈1.90–2.88.\n  border: {\n    '': '#danger-text.15',\n    pressed: '#danger-text.3',\n    focused: '#danger-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#surface-2 #danger.0',\n    hovered: '#surface-2 #danger.1',\n    pressed: '#surface-2 #danger.05',\n    selected: '#danger.05',\n    'selected & hovered & !pressed': '#danger.1',\n    disabled: '#disabled-surface',\n  },\n  color: {\n    '': '#danger-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.0',\n    hovered: '#surface-3 #danger.1',\n    pressed: '#surface-3 #danger.05',\n    selected: '#danger.05',\n    'selected & hovered & !pressed': '#danger.1',\n    disabled: '#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-text` (matches old neutral).\n  // Selected = old DANGER CLEAR: danger-text-tinted overlay.\n  border: {\n    '': '#clear',\n    'selected & pressed': '#danger.05',\n    focused: '#danger-text',\n  },\n  fill: {\n    '': '#dark.0',\n    hovered: '#dark.04',\n    pressed: '#dark.05',\n    selected: '#danger-text.0',\n    'selected & hovered': '#danger-text.03',\n    'selected & pressed': '#danger-text.09',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#dark-02',\n    pressed: '#danger-text',\n    selected: '#danger-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 #danger-text.0',\n    focused: '1bw #danger-text',\n  },\n  border: 0,\n  fill: {\n    '': '#clear',\n  },\n  color: {\n    '': '#danger-text-soft',\n    'hovered & !pressed': '#danger-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const DANGER_ITEM_STYLES: Styles = {\n  border: '#clear',\n  fill: {\n    '': '#danger-text.0',\n    'hovered | focused': '#danger-text.03',\n    selected: '#danger-text.09',\n    'selected & (hovered | focused)': '#danger-text.12',\n    pressed: '#danger-text.09',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#danger-text',\n    hovered: '#danger-text',\n    pressed: '#danger-text',\n    disabled: '#danger-text.4',\n  },\n} as const;\n\n// ---------- SUCCESS THEME ----------\nexport const SUCCESS_PRIMARY_STYLES: Styles = {\n  outline: {\n    '': '0 #success-text.0',\n    focused: '1bw #success-text',\n  },\n  border: {\n    '': '#white.2',\n    'pressed | focused': '#success-text',\n    disabled: '#clear',\n  },\n  fill: {\n    '': '#surface #success',\n    hovered: '#surface #success-hover',\n    pressed: '#surface #success',\n    // See `DEFAULT_PRIMARY_STYLES.fill.disabled` for rationale (brand-tinted,\n    // scheme-symmetric chip + higher-contrast disabled label).\n    disabled: '#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  border: {\n    '': '#success-text.15',\n    pressed: '#success-text.3',\n    focused: '#success-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#surface-2 #success.0',\n    hovered: '#surface-2 #success.1',\n    pressed: '#surface-2 #success.05',\n    selected: '#success.05',\n    'selected & hovered & !pressed': '#success.1',\n    disabled: '#disabled-surface',\n  },\n  color: {\n    '': '#success-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.0',\n    hovered: '#surface-3 #success.1',\n    pressed: '#surface-3 #success.05',\n    selected: '#success.05',\n    'selected & hovered & !pressed': '#success.1',\n    disabled: '#disabled-surface',\n  },\n} as const;\n\nexport const SUCCESS_CLEAR_STYLES: Styles = {\n  // Non-selected = old SUCCESS NEUTRAL; selected = old SUCCESS CLEAR.\n  border: {\n    '': '#clear',\n    'selected & pressed': '#success.05',\n    focused: '#success-text',\n  },\n  fill: {\n    '': '#dark.0',\n    hovered: '#dark.04',\n    pressed: '#dark.05',\n    selected: '#success-text.0',\n    'selected & hovered': '#success-text.03',\n    'selected & pressed': '#success-text.09',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#dark-02',\n    pressed: '#success-text',\n    selected: '#success-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 #success-text.0',\n    focused: '1bw #success-text',\n  },\n  border: 0,\n  fill: {\n    '': '#clear',\n  },\n  color: {\n    '': '#success-text-soft',\n    'hovered & !pressed': '#success-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const SUCCESS_ITEM_STYLES: Styles = {\n  border: '#clear',\n  fill: {\n    '': '#success-text.0',\n    'hovered | focused': '#success-text.03',\n    selected: '#success-text.09',\n    'selected & (hovered | focused)': '#success-text.12',\n    pressed: '#success-text.09',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#success-text',\n    hovered: '#success-text',\n    pressed: '#success-text',\n    disabled: '#success-text.4',\n  },\n} as const;\n\n// ---------- WARNING THEME ----------\nexport const WARNING_PRIMARY_STYLES: Styles = {\n  outline: {\n    '': '0 #warning-text.0',\n    focused: '1bw #warning-text',\n  },\n  border: {\n    '': '#white.2',\n    'pressed | focused': '#warning-text',\n    disabled: '#clear',\n  },\n  fill: {\n    '': '#surface #warning',\n    hovered: '#surface #warning-hover',\n    pressed: '#surface #warning',\n    // See `DEFAULT_PRIMARY_STYLES.fill.disabled` for rationale (brand-tinted,\n    // scheme-symmetric chip + higher-contrast disabled label).\n    disabled: '#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  border: {\n    '': '#warning-text.15',\n    pressed: '#warning-text.3',\n    focused: '#warning-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#surface-2 #warning.0',\n    hovered: '#surface-2 #warning.1',\n    pressed: '#surface-2 #warning.05',\n    selected: '#warning.05',\n    'selected & hovered & !pressed': '#warning.1',\n    disabled: '#disabled-surface',\n  },\n  color: {\n    '': '#warning-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.0',\n    hovered: '#surface-3 #warning.1',\n    pressed: '#surface-3 #warning.05',\n    selected: '#warning.05',\n    'selected & hovered & !pressed': '#warning.1',\n    disabled: '#disabled-surface',\n  },\n} as const;\n\nexport const WARNING_CLEAR_STYLES: Styles = {\n  // Non-selected = old WARNING NEUTRAL; selected = old WARNING CLEAR.\n  border: {\n    '': '#clear',\n    'selected & pressed': '#warning.05',\n    focused: '#warning-text',\n  },\n  fill: {\n    '': '#dark.0',\n    hovered: '#dark.04',\n    pressed: '#dark.05',\n    selected: '#warning-text.0',\n    'selected & hovered': '#warning-text.03',\n    'selected & pressed': '#warning-text.09',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#dark-02',\n    pressed: '#warning-text',\n    selected: '#warning-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 #warning-text.0',\n    focused: '1bw #warning-text',\n  },\n  border: 0,\n  fill: {\n    '': '#clear',\n  },\n  color: {\n    '': '#warning-text-soft',\n    'hovered & !pressed': '#warning-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const WARNING_ITEM_STYLES: Styles = {\n  border: '#clear',\n  fill: {\n    '': '#warning-text.0',\n    'hovered | focused': '#warning-text.03',\n    selected: '#warning-text.09',\n    'selected & (hovered | focused)': '#warning-text.12',\n    pressed: '#warning-text.09',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#warning-text',\n    hovered: '#warning-text',\n    pressed: '#warning-text',\n    disabled: '#warning-text.4',\n  },\n} as const;\n\n// ---------- NOTE THEME ----------\nexport const NOTE_PRIMARY_STYLES: Styles = {\n  outline: {\n    '': '0 #note-text.0',\n    focused: '1bw #note-text',\n  },\n  border: {\n    '': '#white.2',\n    'pressed | focused': '#note-text',\n    disabled: '#clear',\n  },\n  fill: {\n    '': '#surface #note',\n    hovered: '#surface #note-hover',\n    pressed: '#surface #note',\n    // See `DEFAULT_PRIMARY_STYLES.fill.disabled` for rationale (brand-tinted,\n    // scheme-symmetric chip + higher-contrast disabled label).\n    disabled: '#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  border: {\n    '': '#note-text.15',\n    pressed: '#note-text.3',\n    focused: '#note-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#surface-2 #note.0',\n    hovered: '#surface-2 #note.1',\n    pressed: '#surface-2 #note.05',\n    selected: '#note.05',\n    'selected & hovered & !pressed': '#note.1',\n    disabled: '#disabled-surface',\n  },\n  color: {\n    '': '#note-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.0',\n    hovered: '#surface-3 #note.1',\n    pressed: '#surface-3 #note.05',\n    selected: '#note.05',\n    'selected & hovered & !pressed': '#note.1',\n    disabled: '#disabled-surface',\n  },\n} as const;\n\nexport const NOTE_CLEAR_STYLES: Styles = {\n  // Non-selected = old NOTE NEUTRAL; selected = old NOTE CLEAR.\n  border: {\n    '': '#clear',\n    'selected & pressed': '#note.05',\n    focused: '#note-text',\n  },\n  fill: {\n    '': '#dark.0',\n    hovered: '#dark.04',\n    pressed: '#dark.05',\n    selected: '#note-text.0',\n    'selected & hovered': '#note-text.03',\n    'selected & pressed': '#note-text.09',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#dark-02',\n    pressed: '#note-text',\n    selected: '#note-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 #note-text.0',\n    focused: '1bw #note-text',\n  },\n  border: 0,\n  fill: {\n    '': '#clear',\n  },\n  color: {\n    '': '#note-text-soft',\n    'hovered & !pressed': '#note-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const NOTE_ITEM_STYLES: Styles = {\n  border: '#clear',\n  fill: {\n    '': '#note-text.0',\n    'hovered | focused': '#note-text.03',\n    selected: '#note-text.09',\n    'selected & (hovered | focused)': '#note-text.12',\n    pressed: '#note-text.09',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#note-text',\n    hovered: '#note-text',\n    pressed: '#note-text',\n    disabled: '#note-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 `#clear`).\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-text` / `#success-text`) — validation state is allowed to follow\n// the active scheme.\nexport const SPECIAL_PRIMARY_STYLES: Styles = {\n  outline: {\n    '': '0 #white.0',\n    focused: '1bw #white',\n  },\n  border: {\n    '': '#white.2',\n    'pressed | focused': '#white.4',\n    disabled: '#clear',\n  },\n  fill: {\n    '': '#white #special-accent-fill',\n    hovered: '#white #special-accent-fill-hover',\n    pressed: '#white #special-accent-fill',\n    disabled: '#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  border: {\n    '': '#white.3',\n    pressed: '#white.12',\n    'selected & pressed': '#white.4',\n    focused: '#white',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#special-surface #white.0',\n    hovered: '#special-surface #white.18',\n    pressed: '#special-surface #white.12',\n    selected: '#white.12',\n    'selected & hovered & !pressed': '#white.18',\n    disabled: '#white.12',\n  },\n  color: {\n    '': '#white',\n    disabled: '#white.4',\n  },\n} as const;\n\nexport const SPECIAL_CLEAR_STYLES: Styles = {\n  // Non-selected = old SPECIAL NEUTRAL: transparent / dark-tinted.\n  // Selected = old SPECIAL CLEAR: solid white fill with dark accent text.\n  outline: {\n    'selected & focused': '1bw #white',\n  },\n  border: {\n    '': '#clear',\n    focused: '#white',\n    'selected & pressed': '#white',\n    'selected & disabled': '#white.3',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#white.0',\n    hovered: '#white.12',\n    pressed: '#white.18',\n    selected: '#white',\n    'selected & hovered & !pressed': '#white.94',\n    disabled: '#white.0',\n    'selected & disabled': '#white.12',\n  },\n  color: {\n    '': '#white',\n    selected: '#special-accent-text',\n    'selected & hovered': '#special-accent-fill',\n    'selected & hovered & pressed': '#special-accent-text',\n    disabled: '#white.4',\n  },\n} as const;\n\nexport const SPECIAL_LINK_STYLES: Styles = {\n  outline: {\n    '': '0 #white.0',\n    focused: '1bw #white',\n  },\n  border: '0',\n  fill: {\n    '': '#clear',\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: '#clear',\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: '#dark.20',\n  fill: '#light',\n  color: '#dark-02',\n} as const;\n\nexport const SUCCESS_CARD_STYLES: Styles = {\n  border: '#success.20',\n  fill: '#success-bg',\n  color: '#success-text',\n} as const;\n\nexport const DANGER_CARD_STYLES: Styles = {\n  border: '#danger.20',\n  fill: '#danger-bg',\n  color: '#danger-text',\n} as const;\n\nexport const WARNING_CARD_STYLES: Styles = {\n  border: '#warning.20',\n  fill: '#warning-bg',\n  color: '#warning-text',\n} as const;\n\nexport const NOTE_CARD_STYLES: Styles = {\n  border: '#note.20',\n  fill: '#note-bg',\n  color: '#note-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-text',\n    valid: '#success-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-text.0',\n    focused: '1bw #primary-text',\n  },\n  border: {\n    '': '#white.2',\n    'pressed | focused': '#primary-text',\n    disabled: '#clear',\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  fill: {\n    '': '#surface #primary',\n    // `#primary-hover` (= fixed-mode `accent-surface-hover`, ~7–9 OKHSL pts\n    // darker than `#primary`) keeps hover *darker than default in BOTH light\n    // and dark schemes. Was `#primary-text`, which became `mode: 'auto'`\n    // after the accent-text refactor and inverts direction in dark mode\n    // (lighter than default), breaking the hover affordance.\n    hovered: '#surface #primary-hover',\n    pressed: '#surface #primary',\n    // Brand-tinted, scheme-symmetric disabled pair from the accent system\n    // (`#primary-accent-disabled-surface` chip cr ≈ 1.4 vs surface, label\n    // `#primary-accent-disabled-surface-text` cr ≈ 2.8–3.2 vs surface) so\n    // the disabled state looks identical in light and dark while still\n    // reading as a *muted brand* color. Replaces the old `#primary-disabled`\n    // (= bright fixed `#disabled`) + fixed `#white` text combo, which\n    // inverted contrast in dark mode (text-on-chip cr 6.5 → label popped\n    // and no longer looked disabled).\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 the previous\n  // alpha-blended `#primary-text.15` so adjacent borders in grouped layouts\n  // (e.g. `RadioGroup type=\"button\"`) don't double up at their overlap into\n  // a darker stripe. Selected FILL must NOT use `#primary-text`: in dark mode\n  // the overlay drifts the bg toward the same lightness as the text,\n  // collapsing label↔bg contrast below AA (cr=4.42@α.10 → 3.04@α.22).\n  // Anchoring the fill to the *fixed* `#primary` brand keeps the bg darker\n  // than the bright dark-mode text and restores AA: cr=6.52 light / 5.95 dark\n  // at α.10, 6.19 / 5.41 at α.16.\n  border: {\n    '': true,\n    selected: '#primary-border',\n    focused: '#primary-text',\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 the previous\n  // body-composited `#primary.X`, but visually almost identical and free of\n  // the overlay-snap flash on click). Disabled paints the neutral\n  // `#disabled-surface` chip on top of the same base.\n  fill: {\n    '': '#surface-2 #dark.0',\n    hovered: '#surface-2 #dark.03',\n    pressed: '#surface-2 #dark.09',\n    selected: '#surface-2 #primary.09',\n    'selected & (hovered | focused)': '#surface-2 #primary.12',\n    'selected & pressed': '#surface-2 #primary.18',\n    disabled: '#surface-2 #disabled-surface',\n  },\n  color: {\n    '': '#dark-02',\n    hovered: '#dark-02',\n    pressed: '#dark',\n    selected: '#primary-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 #dark.0',\n    hovered: '#surface-3 #dark.03',\n    pressed: '#surface-3 #dark.09',\n    selected: '#surface-3 #primary.09',\n    'selected & (hovered | focused)': '#surface-3 #primary.12',\n    'selected & pressed': '#surface-3 #primary.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  border: {\n    '': '#clear',\n    'selected & pressed': '#primary-text.10',\n    focused: '#primary-text',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#dark.0',\n    'hovered | focused': '#dark.04',\n    pressed: '#dark.06',\n    selected: '#primary.0',\n    'selected & (hovered | focused)': '#primary.09',\n    'selected & pressed': '#primary.12',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#dark-02',\n    hovered: '#dark-02',\n    'pressed & !selected': '#dark',\n    selected: '#primary-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const DEFAULT_ITEM_STYLES: Styles = {\n  border: '#clear',\n  fill: {\n    '': '#dark.0',\n    'hovered | focused': '#dark.04',\n    pressed: '#dark.06',\n    selected: '#dark.09',\n    'selected & (hovered | focused)': '#dark.15',\n    'selected & pressed': '#dark.12',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#dark-02',\n    hovered: '#dark-02',\n    selected: '#dark',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const DEFAULT_LINK_STYLES: Styles = {\n  // Default sits at the *softer* AA-floor variant (`#primary-text-soft`,\n  // mode 'auto', cr=4.5) and intensifies on hover to the AAA-ish\n  // `#primary-text` (cr=6.4). Critically, the soft variant is also\n  // adaptive — using the fixed brand `#primary` instead would collapse to\n  // cr≈3 against the dark surface and break AA.\n  outline: {\n    '': '0 #primary-text.0',\n    focused: '1bw #primary-text',\n  },\n  border: '0',\n  fill: {\n    '': '#clear',\n  },\n  color: {\n    '': '#primary-text-soft',\n    'hovered & !pressed': '#primary-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\n// ---------- DANGER THEME ----------\nexport const DANGER_PRIMARY_STYLES: Styles = {\n  outline: {\n    '': '0 #danger-text.0',\n    focused: '1bw #danger-text',\n  },\n  border: {\n    '': '#white.2',\n    'pressed | focused': '#danger-text',\n    disabled: '#clear',\n  },\n  fill: {\n    '': '#surface #danger',\n    hovered: '#surface #danger-hover',\n    pressed: '#surface #danger',\n    // See `DEFAULT_PRIMARY_STYLES.fill.disabled` for the rationale —\n    // `#danger-accent-disabled-surface` + `#danger-accent-disabled-surface-text`\n    // keep the disabled chip identical across schemes and brand-tinted with\n    // the danger hue, replacing the old `#danger-desaturated.6` chip + fixed\n    // `#white.6` text combo (which inverted contrast in dark mode).\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 the previous\n  // alpha-blended `#danger-text.15` so adjacent borders in grouped layouts\n  // don't double up at their overlap into a darker stripe.\n  border: {\n    '': '#danger-border',\n    focused: '#danger-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#surface-2 #danger.0',\n    hovered: '#surface-2 #danger.1',\n    pressed: '#surface-2 #danger.05',\n    selected: '#surface-2 #danger.05',\n    'selected & hovered & !pressed': '#surface-2 #danger.1',\n    disabled: '#surface-2 #disabled-surface',\n  },\n  color: {\n    '': '#danger-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.0',\n    hovered: '#surface-3 #danger.1',\n    pressed: '#surface-3 #danger.05',\n    selected: '#surface-3 #danger.05',\n    'selected & hovered & !pressed': '#surface-3 #danger.1',\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-text` (matches old neutral).\n  // Selected = old DANGER CLEAR: danger-text-tinted overlay.\n  border: {\n    '': '#clear',\n    'selected & pressed': '#danger.05',\n    focused: '#danger-text',\n  },\n  fill: {\n    '': '#dark.0',\n    hovered: '#dark.04',\n    pressed: '#dark.05',\n    selected: '#danger-text.0',\n    'selected & hovered': '#danger-text.03',\n    'selected & pressed': '#danger-text.09',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#dark-02',\n    pressed: '#danger-text',\n    selected: '#danger-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 #danger-text.0',\n    focused: '1bw #danger-text',\n  },\n  border: 0,\n  fill: {\n    '': '#clear',\n  },\n  color: {\n    '': '#danger-text-soft',\n    'hovered & !pressed': '#danger-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const DANGER_ITEM_STYLES: Styles = {\n  border: '#clear',\n  fill: {\n    '': '#danger-text.0',\n    'hovered | focused': '#danger-text.03',\n    selected: '#danger-text.09',\n    'selected & (hovered | focused)': '#danger-text.12',\n    pressed: '#danger-text.09',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#danger-text',\n    hovered: '#danger-text',\n    pressed: '#danger-text',\n    disabled: '#danger-text.4',\n  },\n} as const;\n\n// ---------- SUCCESS THEME ----------\nexport const SUCCESS_PRIMARY_STYLES: Styles = {\n  outline: {\n    '': '0 #success-text.0',\n    focused: '1bw #success-text',\n  },\n  border: {\n    '': '#white.2',\n    'pressed | focused': '#success-text',\n    disabled: '#clear',\n  },\n  fill: {\n    '': '#surface #success',\n    hovered: '#surface #success-hover',\n    pressed: '#surface #success',\n    // See `DEFAULT_PRIMARY_STYLES.fill.disabled` for rationale (brand-tinted,\n    // scheme-symmetric chip + higher-contrast disabled label).\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  border: {\n    '': '#success-border',\n    focused: '#success-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#surface-2 #success.0',\n    hovered: '#surface-2 #success.1',\n    pressed: '#surface-2 #success.05',\n    selected: '#surface-2 #success.05',\n    'selected & hovered & !pressed': '#surface-2 #success.1',\n    disabled: '#surface-2 #disabled-surface',\n  },\n  color: {\n    '': '#success-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.0',\n    hovered: '#surface-3 #success.1',\n    pressed: '#surface-3 #success.05',\n    selected: '#surface-3 #success.05',\n    'selected & hovered & !pressed': '#surface-3 #success.1',\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  border: {\n    '': '#clear',\n    'selected & pressed': '#success.05',\n    focused: '#success-text',\n  },\n  fill: {\n    '': '#dark.0',\n    hovered: '#dark.04',\n    pressed: '#dark.05',\n    selected: '#success-text.0',\n    'selected & hovered': '#success-text.03',\n    'selected & pressed': '#success-text.09',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#dark-02',\n    pressed: '#success-text',\n    selected: '#success-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 #success-text.0',\n    focused: '1bw #success-text',\n  },\n  border: 0,\n  fill: {\n    '': '#clear',\n  },\n  color: {\n    '': '#success-text-soft',\n    'hovered & !pressed': '#success-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const SUCCESS_ITEM_STYLES: Styles = {\n  border: '#clear',\n  fill: {\n    '': '#success-text.0',\n    'hovered | focused': '#success-text.03',\n    selected: '#success-text.09',\n    'selected & (hovered | focused)': '#success-text.12',\n    pressed: '#success-text.09',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#success-text',\n    hovered: '#success-text',\n    pressed: '#success-text',\n    disabled: '#success-text.4',\n  },\n} as const;\n\n// ---------- WARNING THEME ----------\nexport const WARNING_PRIMARY_STYLES: Styles = {\n  outline: {\n    '': '0 #warning-text.0',\n    focused: '1bw #warning-text',\n  },\n  border: {\n    '': '#white.2',\n    'pressed | focused': '#warning-text',\n    disabled: '#clear',\n  },\n  fill: {\n    '': '#surface #warning',\n    hovered: '#surface #warning-hover',\n    pressed: '#surface #warning',\n    // See `DEFAULT_PRIMARY_STYLES.fill.disabled` for rationale (brand-tinted,\n    // scheme-symmetric chip + higher-contrast disabled label).\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  border: {\n    '': '#warning-border',\n    focused: '#warning-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#surface-2 #warning.0',\n    hovered: '#surface-2 #warning.1',\n    pressed: '#surface-2 #warning.05',\n    selected: '#surface-2 #warning.05',\n    'selected & hovered & !pressed': '#surface-2 #warning.1',\n    disabled: '#surface-2 #disabled-surface',\n  },\n  color: {\n    '': '#warning-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.0',\n    hovered: '#surface-3 #warning.1',\n    pressed: '#surface-3 #warning.05',\n    selected: '#surface-3 #warning.05',\n    'selected & hovered & !pressed': '#surface-3 #warning.1',\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  border: {\n    '': '#clear',\n    'selected & pressed': '#warning.05',\n    focused: '#warning-text',\n  },\n  fill: {\n    '': '#dark.0',\n    hovered: '#dark.04',\n    pressed: '#dark.05',\n    selected: '#warning-text.0',\n    'selected & hovered': '#warning-text.03',\n    'selected & pressed': '#warning-text.09',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#dark-02',\n    pressed: '#warning-text',\n    selected: '#warning-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 #warning-text.0',\n    focused: '1bw #warning-text',\n  },\n  border: 0,\n  fill: {\n    '': '#clear',\n  },\n  color: {\n    '': '#warning-text-soft',\n    'hovered & !pressed': '#warning-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const WARNING_ITEM_STYLES: Styles = {\n  border: '#clear',\n  fill: {\n    '': '#warning-text.0',\n    'hovered | focused': '#warning-text.03',\n    selected: '#warning-text.09',\n    'selected & (hovered | focused)': '#warning-text.12',\n    pressed: '#warning-text.09',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#warning-text',\n    hovered: '#warning-text',\n    pressed: '#warning-text',\n    disabled: '#warning-text.4',\n  },\n} as const;\n\n// ---------- NOTE THEME ----------\nexport const NOTE_PRIMARY_STYLES: Styles = {\n  outline: {\n    '': '0 #note-text.0',\n    focused: '1bw #note-text',\n  },\n  border: {\n    '': '#white.2',\n    'pressed | focused': '#note-text',\n    disabled: '#clear',\n  },\n  fill: {\n    '': '#surface #note',\n    hovered: '#surface #note-hover',\n    pressed: '#surface #note',\n    // See `DEFAULT_PRIMARY_STYLES.fill.disabled` for rationale (brand-tinted,\n    // scheme-symmetric chip + higher-contrast disabled label).\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  border: {\n    '': '#note-border',\n    focused: '#note-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#surface-2 #note.0',\n    hovered: '#surface-2 #note.1',\n    pressed: '#surface-2 #note.05',\n    selected: '#surface-2 #note.05',\n    'selected & hovered & !pressed': '#surface-2 #note.1',\n    disabled: '#surface-2 #disabled-surface',\n  },\n  color: {\n    '': '#note-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.0',\n    hovered: '#surface-3 #note.1',\n    pressed: '#surface-3 #note.05',\n    selected: '#surface-3 #note.05',\n    'selected & hovered & !pressed': '#surface-3 #note.1',\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  border: {\n    '': '#clear',\n    'selected & pressed': '#note.05',\n    focused: '#note-text',\n  },\n  fill: {\n    '': '#dark.0',\n    hovered: '#dark.04',\n    pressed: '#dark.05',\n    selected: '#note-text.0',\n    'selected & hovered': '#note-text.03',\n    'selected & pressed': '#note-text.09',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#dark-02',\n    pressed: '#note-text',\n    selected: '#note-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 #note-text.0',\n    focused: '1bw #note-text',\n  },\n  border: 0,\n  fill: {\n    '': '#clear',\n  },\n  color: {\n    '': '#note-text-soft',\n    'hovered & !pressed': '#note-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const NOTE_ITEM_STYLES: Styles = {\n  border: '#clear',\n  fill: {\n    '': '#note-text.0',\n    'hovered | focused': '#note-text.03',\n    selected: '#note-text.09',\n    'selected & (hovered | focused)': '#note-text.12',\n    pressed: '#note-text.09',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#note-text',\n    hovered: '#note-text',\n    pressed: '#note-text',\n    disabled: '#note-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 `#clear`).\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-text` / `#success-text`) — validation state is allowed to follow\n// the active scheme.\nexport const SPECIAL_PRIMARY_STYLES: Styles = {\n  outline: {\n    '': '0 #white.0',\n    focused: '1bw #white',\n  },\n  border: {\n    '': '#white.2',\n    'pressed | focused': '#white.4',\n    disabled: '#clear',\n  },\n  fill: {\n    '': '#white #special-accent-fill',\n    hovered: '#white #special-accent-fill-hover',\n    pressed: '#white #special-accent-fill',\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  border: {\n    '': '#white.3',\n    pressed: '#white.12',\n    'selected & pressed': '#white.4',\n    focused: '#white',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#special-surface #white.0',\n    hovered: '#special-surface #white.18',\n    pressed: '#special-surface #white.12',\n    selected: '#special-surface #white.12',\n    'selected & hovered & !pressed': '#special-surface #white.18',\n    disabled: '#special-surface #white.12',\n  },\n  color: {\n    '': '#white',\n    disabled: '#white.4',\n  },\n} as const;\n\nexport const SPECIAL_CLEAR_STYLES: Styles = {\n  // Non-selected = old SPECIAL NEUTRAL: transparent / dark-tinted.\n  // Selected = old SPECIAL CLEAR: solid white fill with dark accent text.\n  outline: {\n    'selected & focused': '1bw #white',\n  },\n  border: {\n    '': '#clear',\n    focused: '#white',\n    'selected & pressed': '#white',\n    'selected & disabled': '#white.3',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#white.0',\n    hovered: '#white.12',\n    pressed: '#white.18',\n    selected: '#white',\n    'selected & hovered & !pressed': '#white.94',\n    disabled: '#white.0',\n    'selected & disabled': '#white.12',\n  },\n  color: {\n    '': '#white',\n    selected: '#special-accent-text',\n    'selected & hovered': '#special-accent-fill',\n    'selected & hovered & pressed': '#special-accent-text',\n    disabled: '#white.4',\n  },\n} as const;\n\nexport const SPECIAL_LINK_STYLES: Styles = {\n  outline: {\n    '': '0 #white.0',\n    focused: '1bw #white',\n  },\n  border: '0',\n  fill: {\n    '': '#clear',\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: '#clear',\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: '#dark.20',\n  fill: '#light',\n  color: '#dark-02',\n} as const;\n\nexport const SUCCESS_CARD_STYLES: Styles = {\n  border: '#success.20',\n  fill: '#success-bg',\n  color: '#success-text',\n} as const;\n\nexport const DANGER_CARD_STYLES: Styles = {\n  border: '#danger.20',\n  fill: '#danger-bg',\n  color: '#danger-text',\n} as const;\n\nexport const WARNING_CARD_STYLES: Styles = {\n  border: '#warning.20',\n  fill: '#warning-bg',\n  color: '#warning-text',\n} as const;\n\nexport const NOTE_CARD_STYLES: Styles = {\n  border: '#note.20',\n  fill: '#note-bg',\n  color: '#note-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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"}

package/dist/data/themes.js

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

package/dist/icons/AdjustmentsHorizontalIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/AdjustmentsIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/icons/AiIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e7a20cc | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ae9c71c | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconSparkles } from "@tabler/icons-react";