@cube-dev/ui-kit 0.137.0 → 0.138.0

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      'checkbox & selected': 1,\n      'checkbox & !selected': 0,\n      'checkbox & !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    '': '#white #primary',\n    hovered: '#white #primary-text',\n    pressed: '#white #primary',\n    disabled: '#white #primary-disabled',\n  },\n  color: {\n    '': '#white',\n    disabled: '#white',\n  },\n} as const;\n\nexport const DEFAULT_SECONDARY_STYLES: Styles = {\n  border: {\n    '': '#primary.15',\n    pressed: '#primary.3',\n    focused: '#primary-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#primary.10',\n    hovered: '#primary.16',\n    pressed: '#primary-text.10',\n    disabled: '#dark.04',\n  },\n  color: {\n    '': '#primary',\n    disabled: '#dark-04',\n  },\n} as const;\n\nexport const DEFAULT_OUTLINE_STYLES: Styles = {\n  border: {\n    '': true,\n    focused: '#primary-text',\n    disabled: true,\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#white #dark.0',\n    hovered: '#white #dark.03',\n    selected: '#white #dark.09',\n    'selected & hovered': '#white #dark.12',\n    pressed: '#white #dark.09',\n    disabled: '#white #dark.04',\n  },\n  color: {\n    '': '#dark-02',\n    hovered: '#dark-02',\n    'pressed | (selected & !hovered)': '#dark',\n    disabled: '#dark-04',\n  },\n} as const;\n\nexport const DEFAULT_NEUTRAL_STYLES: Styles = {\n  border: {\n    '': '#clear',\n    focused: '#primary-text',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#dark.0',\n    hovered: '#dark.03',\n    selected: '#dark.09',\n    'selected & hovered': '#dark.12',\n    pressed: '#dark.09',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#dark-02',\n    hovered: '#dark-02',\n    pressed: '#dark',\n    disabled: '#dark-04',\n  },\n} as const;\n\nexport const DEFAULT_CLEAR_STYLES: Styles = {\n  border: {\n    '': '#clear',\n    pressed: '#primary-text.10',\n    focused: '#primary-text',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#primary.0',\n    hovered: '#primary.16',\n    'pressed | (selected & !hovered)': '#primary.10',\n  },\n  color: {\n    '': '#primary-text',\n    disabled: '#dark-04',\n  },\n} as const;\n\nexport const DEFAULT_LINK_STYLES: Styles = {\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',\n    'hovered & !pressed': '#primary',\n    disabled: '#dark-04',\n  },\n} as const;\n\nexport const DEFAULT_ITEM_STYLES: Styles = {\n  border: '#clear',\n  fill: {\n    '': '#dark.0',\n    'hovered | focused': '#dark.03',\n    selected: '#dark.09',\n    'selected & (hovered | focused)': '#dark.12',\n    pressed: '#dark.09',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#dark-02',\n    hovered: '#dark-02',\n    pressed: '#dark',\n    disabled: '#dark-04',\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    '': '#white #danger',\n    hovered: '#white #danger-text',\n    pressed: '#white #danger',\n    disabled: '#danger-desaturated.6',\n  },\n  color: {\n    '': '#white',\n    disabled: '#white.6',\n  },\n} as const;\n\nexport const DANGER_SECONDARY_STYLES: Styles = {\n  border: {\n    '': '#danger.15',\n    pressed: '#danger.3',\n    focused: '#danger-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#danger.05',\n    'hovered & !pressed': '#danger.1',\n    disabled: '#dark.04',\n  },\n  color: {\n    '': '#danger',\n    disabled: '#dark-04',\n  },\n} as const;\n\nexport const DANGER_OUTLINE_STYLES: Styles = {\n  border: {\n    '': '#danger.15',\n    pressed: '#danger.3',\n    focused: '#danger-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#white #danger.0',\n    hovered: '#white #danger.1',\n    'pressed | (selected & !hovered)': '#white #danger.05',\n    disabled: '#white #dark.04',\n  },\n  color: {\n    '': '#danger-text',\n    disabled: '#dark-04',\n  },\n} as const;\n\nexport const DANGER_NEUTRAL_STYLES: Styles = {\n  border: {\n    '': '#clear',\n    focused: '#danger-text',\n  },\n  fill: {\n    '': '#dark.0',\n    hovered: '#dark.04',\n    'pressed | (selected & !hovered)': '#dark.05',\n  },\n  color: {\n    '': '#dark-02',\n    'pressed | (selected & !hovered)': '#danger-text',\n    disabled: '#dark-04',\n  },\n} as const;\n\nexport const DANGER_CLEAR_STYLES: Styles = {\n  border: {\n    '': '#clear',\n    pressed: '#danger.05',\n    focused: '#danger-text',\n  },\n  fill: {\n    '': '#danger-text.0',\n    hovered: '#danger-text.03',\n    selected: '#danger-text.09',\n    'selected & hovered': '#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\nexport const DANGER_LINK_STYLES: Styles = {\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',\n    'hovered & !pressed': '#danger',\n    disabled: '#dark-04',\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    '': '#white #success',\n    hovered: '#white #success-text',\n    pressed: '#white #success',\n    disabled: '#success-desaturated.6',\n  },\n  color: {\n    '': '#white',\n    disabled: '#white.6',\n  },\n} as const;\n\nexport const SUCCESS_SECONDARY_STYLES: Styles = {\n  border: {\n    '': '#success.15',\n    pressed: '#success.3',\n    focused: '#success-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#success.05',\n    'hovered & !pressed': '#success.1',\n    disabled: '#dark.04',\n  },\n  color: {\n    '': '#success',\n    disabled: '#dark-04',\n  },\n} as const;\n\nexport const SUCCESS_OUTLINE_STYLES: Styles = {\n  border: {\n    '': '#success.15',\n    pressed: '#success.3',\n    focused: '#success-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#white #success.0',\n    hovered: '#white #success.1',\n    'pressed | (selected & !hovered)': '#white #success.05',\n    disabled: '#white #dark.04',\n  },\n  color: {\n    '': '#success-text',\n    disabled: '#dark-04',\n  },\n} as const;\n\nexport const SUCCESS_NEUTRAL_STYLES: Styles = {\n  border: {\n    '': '#clear',\n    focused: '#success-text',\n  },\n  fill: {\n    '': '#dark.0',\n    hovered: '#dark.04',\n    'pressed | (selected & !hovered)': '#dark.05',\n  },\n  color: {\n    '': '#dark-02',\n    'pressed | (selected & !hovered)': '#success-text',\n    disabled: '#dark-04',\n  },\n} as const;\n\nexport const SUCCESS_CLEAR_STYLES: Styles = {\n  border: {\n    '': '#clear',\n    pressed: '#success.05',\n    focused: '#success-text',\n  },\n  fill: {\n    '': '#success-text.0',\n    hovered: '#success-text.03',\n    selected: '#success-text.09',\n    'selected & hovered': '#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\nexport const SUCCESS_LINK_STYLES: Styles = {\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',\n    'hovered & !pressed': '#success',\n    disabled: '#dark-04',\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    '': '#white #warning',\n    hovered: '#white #warning-text',\n    pressed: '#white #warning',\n    disabled: '#warning-desaturated.6',\n  },\n  color: {\n    '': '#white',\n    disabled: '#white.6',\n  },\n} as const;\n\nexport const WARNING_SECONDARY_STYLES: Styles = {\n  border: {\n    '': '#warning.15',\n    pressed: '#warning.3',\n    focused: '#warning-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#warning.05',\n    'hovered & !pressed': '#warning.1',\n    disabled: '#dark.04',\n  },\n  color: {\n    '': '#warning-text',\n    disabled: '#dark-04',\n  },\n} as const;\n\nexport const WARNING_OUTLINE_STYLES: Styles = {\n  border: {\n    '': '#warning.15',\n    pressed: '#warning.3',\n    focused: '#warning-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#white #warning.0',\n    hovered: '#white #warning.1',\n    'pressed | (selected & !hovered)': '#white #warning.05',\n    disabled: '#white #dark.04',\n  },\n  color: {\n    '': '#warning-text',\n    disabled: '#dark-04',\n  },\n} as const;\n\nexport const WARNING_NEUTRAL_STYLES: Styles = {\n  border: {\n    '': '#clear',\n    focused: '#warning-text',\n  },\n  fill: {\n    '': '#dark.0',\n    hovered: '#dark.04',\n    'pressed | (selected & !hovered)': '#dark.05',\n  },\n  color: {\n    '': '#dark-02',\n    'pressed | (selected & !hovered)': '#warning-text',\n    disabled: '#dark-04',\n  },\n} as const;\n\nexport const WARNING_CLEAR_STYLES: Styles = {\n  border: {\n    '': '#clear',\n    pressed: '#warning.05',\n    focused: '#warning-text',\n  },\n  fill: {\n    '': '#warning-text.0',\n    hovered: '#warning-text.03',\n    selected: '#warning-text.09',\n    'selected & hovered': '#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\nexport const WARNING_LINK_STYLES: Styles = {\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',\n    'hovered & !pressed': '#warning',\n    disabled: '#dark-04',\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    '': '#white #note',\n    hovered: '#white #note-text',\n    pressed: '#white #note',\n    disabled: '#note-desaturated.6',\n  },\n  color: {\n    '': '#white',\n    disabled: '#white.6',\n  },\n} as const;\n\nexport const NOTE_SECONDARY_STYLES: Styles = {\n  border: {\n    '': '#note.15',\n    pressed: '#note.3',\n    focused: '#note-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#note.05',\n    'hovered & !pressed': '#note.1',\n    disabled: '#dark.04',\n  },\n  color: {\n    '': '#note-text',\n    disabled: '#dark-04',\n  },\n} as const;\n\nexport const NOTE_OUTLINE_STYLES: Styles = {\n  border: {\n    '': '#note.15',\n    pressed: '#note.3',\n    focused: '#note-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#white #note.0',\n    hovered: '#white #note.1',\n    'pressed | (selected & !hovered)': '#white #note.05',\n    disabled: '#white #dark.04',\n  },\n  color: {\n    '': '#note-text',\n    disabled: '#dark-04',\n  },\n} as const;\n\nexport const NOTE_NEUTRAL_STYLES: Styles = {\n  border: {\n    '': '#clear',\n    focused: '#note-text',\n  },\n  fill: {\n    '': '#dark.0',\n    hovered: '#dark.04',\n    'pressed | (selected & !hovered)': '#dark.05',\n  },\n  color: {\n    '': '#dark-02',\n    'pressed | (selected & !hovered)': '#note-text',\n    disabled: '#dark-04',\n  },\n} as const;\n\nexport const NOTE_CLEAR_STYLES: Styles = {\n  border: {\n    '': '#clear',\n    pressed: '#note.05',\n    focused: '#note-text',\n  },\n  fill: {\n    '': '#note-text.0',\n    hovered: '#note-text.03',\n    selected: '#note-text.09',\n    'selected & hovered': '#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\nexport const NOTE_LINK_STYLES: Styles = {\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',\n    'hovered & !pressed': '#note',\n    disabled: '#dark-04',\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 ----------\nexport const SPECIAL_PRIMARY_STYLES: Styles = {\n  outline: {\n    '': '0 #white.0',\n    focused: '1bw #white',\n  },\n  border: {\n    '': '#clear',\n    'pressed | focused': '#purple-text',\n    disabled: '#clear',\n  },\n  fill: {\n    '': '#white #primary',\n    hovered: '#white #primary-text',\n    pressed: '#white #primary',\n    disabled: '#primary-disabled.5',\n  },\n  color: {\n    '': '#white',\n    disabled: '#white.4',\n  },\n} as const;\n\nexport const SPECIAL_SECONDARY_STYLES: Styles = {\n  border: {\n    '': '#white.3',\n    pressed: '#white.4',\n    focused: '#white',\n  },\n  fill: {\n    '': '#white.12',\n    '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_OUTLINE_STYLES: Styles = {\n  border: {\n    '': '#white.3',\n    pressed: '#white.12',\n    focused: '#white',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#dark #white.0',\n    hovered: '#dark #white.18',\n    'pressed | (selected & !hovered)': '#dark #white.12',\n    disabled: '#dark #white.12',\n  },\n  color: {\n    '': '#white',\n    disabled: '#white.4',\n  },\n} as const;\n\nexport const SPECIAL_NEUTRAL_STYLES: Styles = {\n  border: {\n    '': '#clear',\n    focused: '#white',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\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\nexport const SPECIAL_CLEAR_STYLES: Styles = {\n  outline: {\n    focused: '1bw #white',\n  },\n  border: {\n    '': '#clear',\n    'pressed | focused': '#white',\n    disabled: '#white.3',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#white',\n    'hovered & !pressed': '#white.94',\n    disabled: '#white.12',\n  },\n  color: {\n    '': '#primary-text',\n    hovered: '#primary',\n    'pressed & hovered': '#primary-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.secondary'\n  | 'default.outline'\n  | 'default.neutral'\n  | 'default.clear'\n  | 'default.link'\n  | 'default.item'\n  | 'default.card'\n  | 'danger.primary'\n  | 'danger.secondary'\n  | 'danger.outline'\n  | 'danger.neutral'\n  | 'danger.clear'\n  | 'danger.link'\n  | 'danger.item'\n  | 'danger.card'\n  | 'success.primary'\n  | 'success.secondary'\n  | 'success.outline'\n  | 'success.neutral'\n  | 'success.clear'\n  | 'success.link'\n  | 'success.item'\n  | 'success.card'\n  | 'warning.primary'\n  | 'warning.secondary'\n  | 'warning.outline'\n  | 'warning.neutral'\n  | 'warning.clear'\n  | 'warning.link'\n  | 'warning.item'\n  | 'warning.card'\n  | 'note.primary'\n  | 'note.secondary'\n  | 'note.outline'\n  | 'note.neutral'\n  | 'note.clear'\n  | 'note.link'\n  | 'note.item'\n  | 'note.card'\n  | 'special.primary'\n  | 'special.secondary'\n  | 'special.outline'\n  | 'special.neutral'\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      'checkbox & selected': 1,\n      'checkbox & !selected': 0,\n      'checkbox & !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_SECONDARY_STYLES: Styles = {\n  // BORDER anchors to the *adaptive* `#primary-text` (mode 'auto') so the\n  // outline stays visible in BOTH schemes (CR ≈ 1.55–1.82 vs surface in dark\n  // vs ~1.13 with the fixed brand). FILL must NOT use `#primary-text` though:\n  // in dark mode the overlay drifts the bg toward the same lightness as the\n  // text, 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. Pressed fill is intentionally absent — the\n  // darker `pressed` border is the visible press signal (matches BEFORE), so\n  // pressed-only falls back to default fill and pressed-hovered falls back to\n  // hovered fill.\n  border: {\n    '': '#primary-text.15',\n    pressed: '#primary-text.3',\n    focused: '#primary-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#primary.10',\n    'hovered & !pressed': '#primary.16',\n    disabled: '#disabled-surface',\n  },\n  color: {\n    '': '#primary-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const DEFAULT_OUTLINE_STYLES: Styles = {\n  border: {\n    '': true,\n    focused: '#primary-text',\n    disabled: true,\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#surface #dark.0',\n    hovered: '#surface #dark.03',\n    selected: '#surface #dark.09',\n    'selected & hovered': '#surface #dark.12',\n    pressed: '#surface #dark.09',\n    disabled: '#disabled-surface',\n  },\n  color: {\n    '': '#dark-02',\n    hovered: '#dark-02',\n    'pressed | (selected & !hovered)': '#dark',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const DEFAULT_NEUTRAL_STYLES: Styles = {\n  border: {\n    '': '#clear',\n    focused: '#primary-text',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#dark.0',\n    hovered: '#dark.03',\n    selected: '#dark.09',\n    'selected & hovered': '#dark.12',\n    pressed: '#dark.09',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#dark-02',\n    hovered: '#dark-02',\n    pressed: '#dark',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const DEFAULT_CLEAR_STYLES: Styles = {\n  border: {\n    '': '#clear',\n    pressed: '#primary-text.10',\n    focused: '#primary-text',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#primary.0',\n    hovered: '#primary.16',\n    'pressed | (selected & !hovered)': '#primary.10',\n  },\n  color: {\n    '': '#primary-text',\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\nexport const DEFAULT_ITEM_STYLES: Styles = {\n  border: '#clear',\n  fill: {\n    '': '#dark.0',\n    'hovered | focused': '#dark.03',\n    selected: '#dark.09',\n    'selected & (hovered | focused)': '#dark.12',\n    pressed: '#dark.09',\n    disabled: '#clear',\n  },\n  color: {\n    '': '#dark-02',\n    hovered: '#dark-02',\n    pressed: '#dark',\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_SECONDARY_STYLES: Styles = {\n  // Fill anchors to the *fixed* `#danger` brand (not adaptive `#danger-text`)\n  // so the overlay stays darker than the bright dark-mode label text and AA\n  // contrast holds. Border keeps `#danger-text` for visibility in both schemes.\n  border: {\n    '': '#danger-text.15',\n    pressed: '#danger-text.3',\n    focused: '#danger-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#danger.05',\n    '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_STYLES: Styles = {\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. Same rationale as `DANGER_SECONDARY_STYLES.border`.\n  border: {\n    '': '#danger-text.15',\n    pressed: '#danger-text.3',\n    focused: '#danger-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#surface #danger.0',\n    hovered: '#surface #danger.1',\n    'pressed | (selected & !hovered)': '#surface #danger.05',\n    disabled: '#disabled-surface',\n  },\n  color: {\n    '': '#danger-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const DANGER_NEUTRAL_STYLES: Styles = {\n  border: {\n    '': '#clear',\n    focused: '#danger-text',\n  },\n  fill: {\n    '': '#dark.0',\n    hovered: '#dark.04',\n    'pressed | (selected & !hovered)': '#dark.05',\n  },\n  color: {\n    '': '#dark-02',\n    'pressed | (selected & !hovered)': '#danger-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const DANGER_CLEAR_STYLES: Styles = {\n  border: {\n    '': '#clear',\n    pressed: '#danger.05',\n    focused: '#danger-text',\n  },\n  fill: {\n    '': '#danger-text.0',\n    hovered: '#danger-text.03',\n    selected: '#danger-text.09',\n    'selected & hovered': '#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\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_SECONDARY_STYLES: Styles = {\n  // See DANGER_SECONDARY_STYLES for the fill-anchor rationale (`#X` not\n  // `#X-text` so dark-mode label↔bg contrast stays AA).\n  border: {\n    '': '#success-text.15',\n    pressed: '#success-text.3',\n    focused: '#success-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#success.05',\n    '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_STYLES: Styles = {\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 #success.0',\n    hovered: '#surface #success.1',\n    'pressed | (selected & !hovered)': '#surface #success.05',\n    disabled: '#disabled-surface',\n  },\n  color: {\n    '': '#success-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const SUCCESS_NEUTRAL_STYLES: Styles = {\n  border: {\n    '': '#clear',\n    focused: '#success-text',\n  },\n  fill: {\n    '': '#dark.0',\n    hovered: '#dark.04',\n    'pressed | (selected & !hovered)': '#dark.05',\n  },\n  color: {\n    '': '#dark-02',\n    'pressed | (selected & !hovered)': '#success-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const SUCCESS_CLEAR_STYLES: Styles = {\n  border: {\n    '': '#clear',\n    pressed: '#success.05',\n    focused: '#success-text',\n  },\n  fill: {\n    '': '#success-text.0',\n    hovered: '#success-text.03',\n    selected: '#success-text.09',\n    'selected & hovered': '#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\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_SECONDARY_STYLES: Styles = {\n  // See DANGER_SECONDARY_STYLES for the fill-anchor rationale.\n  border: {\n    '': '#warning-text.15',\n    pressed: '#warning-text.3',\n    focused: '#warning-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#warning.05',\n    '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_STYLES: Styles = {\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 #warning.0',\n    hovered: '#surface #warning.1',\n    'pressed | (selected & !hovered)': '#surface #warning.05',\n    disabled: '#disabled-surface',\n  },\n  color: {\n    '': '#warning-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const WARNING_NEUTRAL_STYLES: Styles = {\n  border: {\n    '': '#clear',\n    focused: '#warning-text',\n  },\n  fill: {\n    '': '#dark.0',\n    hovered: '#dark.04',\n    'pressed | (selected & !hovered)': '#dark.05',\n  },\n  color: {\n    '': '#dark-02',\n    'pressed | (selected & !hovered)': '#warning-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const WARNING_CLEAR_STYLES: Styles = {\n  border: {\n    '': '#clear',\n    pressed: '#warning.05',\n    focused: '#warning-text',\n  },\n  fill: {\n    '': '#warning-text.0',\n    hovered: '#warning-text.03',\n    selected: '#warning-text.09',\n    'selected & hovered': '#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\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_SECONDARY_STYLES: Styles = {\n  // See DANGER_SECONDARY_STYLES for the fill-anchor rationale.\n  border: {\n    '': '#note-text.15',\n    pressed: '#note-text.3',\n    focused: '#note-text',\n    disabled: '#border',\n  },\n  fill: {\n    '': '#note.05',\n    '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_STYLES: Styles = {\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 #note.0',\n    hovered: '#surface #note.1',\n    'pressed | (selected & !hovered)': '#surface #note.05',\n    disabled: '#disabled-surface',\n  },\n  color: {\n    '': '#note-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const NOTE_NEUTRAL_STYLES: Styles = {\n  border: {\n    '': '#clear',\n    focused: '#note-text',\n  },\n  fill: {\n    '': '#dark.0',\n    hovered: '#dark.04',\n    'pressed | (selected & !hovered)': '#dark.05',\n  },\n  color: {\n    '': '#dark-02',\n    'pressed | (selected & !hovered)': '#note-text',\n    disabled: '#disabled-surface-text',\n  },\n} as const;\n\nexport const NOTE_CLEAR_STYLES: Styles = {\n  border: {\n    '': '#clear',\n    pressed: '#note.05',\n    focused: '#note-text',\n  },\n  fill: {\n    '': '#note-text.0',\n    hovered: '#note-text.03',\n    selected: '#note-text.09',\n    'selected & hovered': '#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\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 ----------\nexport const SPECIAL_PRIMARY_STYLES: Styles = {\n  outline: {\n    '': '0 #white.0',\n    focused: '1bw #white',\n  },\n  border: {\n    '': '#clear',\n    'pressed | focused': '#purple-text',\n    disabled: '#clear',\n  },\n  fill: {\n    '': '#white #primary',\n    hovered: '#white #primary-hover',\n    pressed: '#white #primary',\n    disabled: '#primary-disabled.5',\n  },\n  color: {\n    '': '#white',\n    disabled: '#white.4',\n  },\n} as const;\n\nexport const SPECIAL_SECONDARY_STYLES: Styles = {\n  border: {\n    '': '#white.3',\n    pressed: '#white.4',\n    focused: '#white',\n  },\n  fill: {\n    '': '#white.12',\n    '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_OUTLINE_STYLES: Styles = {\n  border: {\n    '': '#white.3',\n    pressed: '#white.12',\n    focused: '#white',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#fixed-dark #white.0',\n    hovered: '#fixed-dark #white.18',\n    'pressed | (selected & !hovered)': '#fixed-dark #white.12',\n    disabled: '#fixed-dark #white.12',\n  },\n  color: {\n    '': '#white',\n    disabled: '#white.4',\n  },\n} as const;\n\nexport const SPECIAL_NEUTRAL_STYLES: Styles = {\n  border: {\n    '': '#clear',\n    focused: '#white',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\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\nexport const SPECIAL_CLEAR_STYLES: Styles = {\n  outline: {\n    focused: '1bw #white',\n  },\n  border: {\n    '': '#clear',\n    'pressed | focused': '#white',\n    disabled: '#white.3',\n    ...(VALIDATION_STYLES.border as Record<string, string>),\n  },\n  fill: {\n    '': '#white',\n    'hovered & !pressed': '#white.94',\n    disabled: '#white.12',\n  },\n  color: {\n    '': '#fixed-primary-text',\n    hovered: '#primary',\n    'pressed & hovered': '#fixed-primary-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.secondary'\n  | 'default.outline'\n  | 'default.neutral'\n  | 'default.clear'\n  | 'default.link'\n  | 'default.item'\n  | 'default.card'\n  | 'danger.primary'\n  | 'danger.secondary'\n  | 'danger.outline'\n  | 'danger.neutral'\n  | 'danger.clear'\n  | 'danger.link'\n  | 'danger.item'\n  | 'danger.card'\n  | 'success.primary'\n  | 'success.secondary'\n  | 'success.outline'\n  | 'success.neutral'\n  | 'success.clear'\n  | 'success.link'\n  | 'success.item'\n  | 'success.card'\n  | 'warning.primary'\n  | 'warning.secondary'\n  | 'warning.outline'\n  | 'warning.neutral'\n  | 'warning.clear'\n  | 'warning.link'\n  | 'warning.item'\n  | 'warning.card'\n  | 'note.primary'\n  | 'note.secondary'\n  | 'note.outline'\n  | 'note.neutral'\n  | 'note.clear'\n  | 'note.link'\n  | 'note.item'\n  | 'note.card'\n  | 'special.primary'\n  | 'special.secondary'\n  | 'special.outline'\n  | 'special.neutral'\n  | 'special.clear'\n  | 'special.link'\n  | 'special.item';\n"],"mappings":"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"}

package/dist/data/themes.d.ts

@@ -2,34 +2,34 @@
 //#region src/data/themes.d.ts
 declare const _default: {
   readonly special: {
-    readonly fill: "#primary";
-    readonly color: "#white";
-    readonly border: "#white";
+    readonly fill: "#primary-accent-surface";
+    readonly color: "#primary-accent-surface-text";
+    readonly border: "#primary-accent-surface-text";
   };
   readonly success: {
-    readonly fill: "#success-bg";
-    readonly color: "#success-text";
-    readonly border: "#success.20";
+    readonly fill: "#success-surface";
+    readonly color: "#success-accent-surface";
+    readonly border: "#success-accent-surface.20";
   };
   readonly danger: {
-    readonly fill: "#danger-bg";
-    readonly color: "#danger-text";
-    readonly border: "#danger.20";
+    readonly fill: "#danger-surface";
+    readonly color: "#danger-accent-surface";
+    readonly border: "#danger-accent-surface.20";
   };
   readonly warning: {
-    readonly fill: "#warning-bg";
-    readonly color: "#warning-text";
-    readonly border: "#warning.20";
+    readonly fill: "#warning-surface";
+    readonly color: "#warning-accent-surface";
+    readonly border: "#warning-accent-surface.20";
   };
   readonly note: {
-    readonly fill: "#note-bg";
-    readonly color: "#note-text";
-    readonly border: "#note.20";
+    readonly fill: "#note-surface";
+    readonly color: "#note-accent-surface";
+    readonly border: "#note-accent-surface.20";
   };
   readonly disabled: {
     readonly fill: "#surface-2";
-    readonly color: "#dark-03";
-    readonly border: "#dark.20";
+    readonly color: "#surface-text-soft-2";
+    readonly border: "#surface-text.20";
   };
 };
 //#endregion

package/dist/data/themes.js

@@ -1,35 +1,35 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 //#region src/data/themes.ts
 var themes_default = {
 	special: {
-		fill: "#primary",
-		color: "#white",
-		border: "#white"
+		fill: "#primary-accent-surface",
+		color: "#primary-accent-surface-text",
+		border: "#primary-accent-surface-text"
 	},
 	success: {
-		fill: "#success-bg",
-		color: "#success-text",
-		border: "#success.20"
+		fill: "#success-surface",
+		color: "#success-accent-surface",
+		border: "#success-accent-surface.20"
 	},
 	danger: {
-		fill: "#danger-bg",
-		color: "#danger-text",
-		border: "#danger.20"
+		fill: "#danger-surface",
+		color: "#danger-accent-surface",
+		border: "#danger-accent-surface.20"
 	},
 	warning: {
-		fill: "#warning-bg",
-		color: "#warning-text",
-		border: "#warning.20"
+		fill: "#warning-surface",
+		color: "#warning-accent-surface",
+		border: "#warning-accent-surface.20"
 	},
 	note: {
-		fill: "#note-bg",
-		color: "#note-text",
-		border: "#note.20"
+		fill: "#note-surface",
+		color: "#note-accent-surface",
+		border: "#note-accent-surface.20"
 	},
 	disabled: {
 		fill: "#surface-2",
-		color: "#dark-03",
-		border: "#dark.20"
+		color: "#surface-text-soft-2",
+		border: "#surface-text.20"
 	}
 };
 

package/dist/data/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","names":[],"sources":["../../src/data/themes.ts"],"sourcesContent":["export default {\n  special: {\n    fill: '#primary',\n    color: '#white',\n    border: '#white',\n  },\n  success: {\n    fill: '#success-bg',\n    color: '#success-text',\n    border: '#success.20',\n  },\n  danger: {\n    fill: '#danger-bg',\n    color: '#danger-text',\n    border: '#danger.20',\n  },\n  warning: {\n    fill: '#warning-bg',\n    color: '#warning-text',\n    border: '#warning.20',\n  },\n  note: {\n    fill: '#note-bg',\n    color: '#note-text',\n    border: '#note.20',\n  },\n  disabled: {\n    fill: '#surface-2',\n    color: '#dark-03',\n    border: '#dark.20',\n  },\n} as const;\n"],"mappings":";;AAAA,qBAAe;CACb,SAAS;EACP,MAAM;EACN,OAAO;EACP,QAAQ;EACT;CACD,SAAS;EACP,MAAM;EACN,OAAO;EACP,QAAQ;EACT;CACD,QAAQ;EACN,MAAM;EACN,OAAO;EACP,QAAQ;EACT;CACD,SAAS;EACP,MAAM;EACN,OAAO;EACP,QAAQ;EACT;CACD,MAAM;EACJ,MAAM;EACN,OAAO;EACP,QAAQ;EACT;CACD,UAAU;EACR,MAAM;EACN,OAAO;EACP,QAAQ;EACT;CACF"}
+{"version":3,"file":"themes.js","names":[],"sources":["../../src/data/themes.ts"],"sourcesContent":["// Theme dispatch table consumed by `Alert` and `Badge`.\n//\n// Field semantics (kept compatible with the pre-glaze layout so consuming\n// components don't need a refactor):\n//\n//   - `fill`   — Alert background. For `special` it is also reused by Badge\n//                as the badge fill (saturated brand). For the four colored\n//                themes it is a light tinted banner surface\n//                (`#<theme>-surface`), and Badge falls back to `color` for\n//                the saturated chip.\n//   - `color`  — For non-`special`, non-`disabled` themes, this is the\n//                **saturated brand fill** Badge renders with white text on\n//                top. We use `#<theme>-accent-surface` (fixed mode) which is\n//                anchored to the fixed-white `#<theme>-accent-surface-text`\n//                with `contrast: [4.5, 7]`, so white-text-on-fill is\n//                guaranteed WCAG AA (4.5) / AAA (7) in every scheme — the\n//                same brand-pill design `special` uses. (Pre-glaze this slot\n//                resolved to `#<theme>-accent-text`, which is anchored to\n//                surface with mode 'auto' for \"readable text on surface\" —\n//                wrong contrast model for a badge with white text on top.\n//                The glaze migration replaced it with `#<theme>-surface-text`\n//                — the deep L≈2 banner-text color — which made every colored\n//                badge render near-black; this restores the proper pairing.)\n//                For `disabled`, this is the soft text color used by Alert\n//                as the disabled label and by Badge as the disabled chip.\n//   - `border` — Subtle brand-tinted border for both Alert and Badge.\nexport default {\n  special: {\n    fill: '#primary-accent-surface',\n    color: '#primary-accent-surface-text',\n    border: '#primary-accent-surface-text',\n  },\n  success: {\n    fill: '#success-surface',\n    color: '#success-accent-surface',\n    border: '#success-accent-surface.20',\n  },\n  danger: {\n    fill: '#danger-surface',\n    color: '#danger-accent-surface',\n    border: '#danger-accent-surface.20',\n  },\n  warning: {\n    fill: '#warning-surface',\n    color: '#warning-accent-surface',\n    border: '#warning-accent-surface.20',\n  },\n  note: {\n    fill: '#note-surface',\n    color: '#note-accent-surface',\n    border: '#note-accent-surface.20',\n  },\n  disabled: {\n    fill: '#surface-2',\n    color: '#surface-text-soft-2',\n    border: '#surface-text.20',\n  },\n} as const;\n"],"mappings":";;AA0BA,qBAAe;CACb,SAAS;EACP,MAAM;EACN,OAAO;EACP,QAAQ;EACT;CACD,SAAS;EACP,MAAM;EACN,OAAO;EACP,QAAQ;EACT;CACD,QAAQ;EACN,MAAM;EACN,OAAO;EACP,QAAQ;EACT;CACD,SAAS;EACP,MAAM;EACN,OAAO;EACP,QAAQ;EACT;CACD,MAAM;EACJ,MAAM;EACN,OAAO;EACP,QAAQ;EACT;CACD,UAAU;EACR,MAAM;EACN,OAAO;EACP,QAAQ;EACT;CACF"}

package/dist/icons/AdjustmentsHorizontalIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | 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.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | 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.137.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.138.0 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx } from "react/jsx-runtime";
 import { IconSparkles } from "@tabler/icons-react";

package/dist/icons/AreaChartIcon.js

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

package/dist/icons/BackwardIcon.js

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

package/dist/icons/BarChartIcon.js

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

package/dist/icons/BellFilledIcon.js

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

package/dist/icons/BellIcon.js

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

package/dist/icons/BooleanIcon.js

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

package/dist/icons/CalendarEditIcon.js

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

package/dist/icons/CalendarIcon.js

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

package/dist/icons/CaretDownIcon.js

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

package/dist/icons/CaretUpIcon.js

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

package/dist/icons/ChartAreaStackedIcon.js

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

package/dist/icons/ChartAreaStackedPercentageIcon.js

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

package/dist/icons/ChartBarGroupedHorizontalIcon.js

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

package/dist/icons/ChartBarGroupedIcon.js

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

package/dist/icons/ChartBarHorizontalIcon.js

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

package/dist/icons/ChartBarLineIcon.js

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

package/dist/icons/ChartBarStackedHorizontalIcon.js

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

package/dist/icons/ChartBarStackedIcon.js

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

package/dist/icons/ChartBarStackedPercentageHorizontalIcon.js

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

package/dist/icons/ChartBarStackedPercentageIcon.js

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

package/dist/icons/ChartBoxPlot2Icon.js

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

package/dist/icons/ChartBoxPlotIcon.js

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

package/dist/icons/ChartBubbleIcon.js

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

package/dist/icons/ChartDonut2Icon.js

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

package/dist/icons/ChartFunnelIcon.js

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

package/dist/icons/ChartHeatmapIcon.js

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

package/dist/icons/ChartKPIIcon.js

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

package/dist/icons/ChartPie2Icon.js

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

package/dist/icons/ChartScatterIcon.js

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

package/dist/icons/CheckCircleFilledIcon.js

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

package/dist/icons/CheckCircleIcon.js

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

package/dist/icons/CheckIcon.js

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

package/dist/icons/CircleFilledIcon.js

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

package/dist/icons/ClearIcon.js

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

package/dist/icons/CloseCircleFilledIcon.js

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

package/dist/icons/CloseCircleIcon.js

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

package/dist/icons/CloseIcon.js

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

package/dist/icons/CodeIcon.js

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