@cube-dev/ui-kit 0.113.1 → 0.115.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"item-themes.js","names":[],"sources":["../../src/data/item-themes.ts"],"sourcesContent":["import { Styles } from 'src/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    '': '#clear',\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    '': '#clear',\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    '': '#clear',\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    '': '#clear',\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    '': '#clear',\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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"}

package/dist/data/themes.d.ts

@@ -0,0 +1,37 @@
+
+//#region src/data/themes.d.ts
+declare const _default: {
+  readonly special: {
+    readonly fill: "#primary";
+    readonly color: "#white";
+    readonly border: "#white";
+  };
+  readonly success: {
+    readonly fill: "#success-bg";
+    readonly color: "#success-text";
+    readonly border: "#success.20";
+  };
+  readonly danger: {
+    readonly fill: "#danger-bg";
+    readonly color: "#danger-text";
+    readonly border: "#danger.20";
+  };
+  readonly warning: {
+    readonly fill: "#warning-bg";
+    readonly color: "#warning-text";
+    readonly border: "#warning.20";
+  };
+  readonly note: {
+    readonly fill: "#note-bg";
+    readonly color: "#note-text";
+    readonly border: "#note.20";
+  };
+  readonly disabled: {
+    readonly fill: "#dark-bg";
+    readonly color: "#dark-03";
+    readonly border: "#dark.20";
+  };
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=themes.d.ts.map

package/dist/data/themes.js

@@ -0,0 +1,38 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+//#region src/data/themes.ts
+var themes_default = {
+	special: {
+		fill: "#primary",
+		color: "#white",
+		border: "#white"
+	},
+	success: {
+		fill: "#success-bg",
+		color: "#success-text",
+		border: "#success.20"
+	},
+	danger: {
+		fill: "#danger-bg",
+		color: "#danger-text",
+		border: "#danger.20"
+	},
+	warning: {
+		fill: "#warning-bg",
+		color: "#warning-text",
+		border: "#warning.20"
+	},
+	note: {
+		fill: "#note-bg",
+		color: "#note-text",
+		border: "#note.20"
+	},
+	disabled: {
+		fill: "#dark-bg",
+		color: "#dark-03",
+		border: "#dark.20"
+	}
+};
+
+//#endregion
+export { themes_default as default };
+//# sourceMappingURL=themes.js.map

package/dist/data/themes.js.map

@@ -0,0 +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: '#dark-bg',\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"}

package/dist/extractor.d.ts

@@ -0,0 +1,25 @@
+
+import { Styles } from "./styles/types.js";
+
+//#region src/tasty/zero/extractor.d.ts
+interface ExtractedChunk {
+  className: string;
+  css: string;
+}
+interface ExtractedSelector {
+  selector: string;
+  css: string;
+}
+/**
+ * Extract styles using chunking (for className mode).
+ * Returns multiple classes, one per chunk.
+ */
+declare function extractStylesWithChunks(styles: Styles): ExtractedChunk[];
+/**
+ * Extract styles for a specific selector (for global/selector mode).
+ * Returns a single CSS block.
+ */
+declare function extractStylesForSelector(selector: string, styles: Styles): ExtractedSelector;
+//#endregion
+export { ExtractedChunk, ExtractedSelector, extractStylesForSelector, extractStylesWithChunks };
+//# sourceMappingURL=extractor.d.ts.map

package/dist/extractor.js

@@ -0,0 +1,151 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { renderStyles } from "./pipeline/index.js";
+import { categorizeStyleKeys } from "./chunks/definitions.js";
+import { generateChunkCacheKey } from "./chunks/cacheKey.js";
+import { renderStylesForChunk } from "./chunks/renderChunk.js";
+import { extractAnimationNamesFromStyles, extractLocalKeyframes, filterUsedKeyframes, hasLocalKeyframes, mergeKeyframes } from "./keyframes/index.js";
+import { createHash } from "crypto";
+
+//#region src/tasty/zero/extractor.ts
+/**
+* Generate a deterministic className from a cache key using content hash.
+* This ensures the same styles always produce the same className,
+* regardless of build order or incremental compilation.
+*/
+function generateClassName(cacheKey) {
+	return `ts${createHash("md5").update(cacheKey).digest("hex").slice(0, 6)}`;
+}
+/**
+* Extract styles using chunking (for className mode).
+* Returns multiple classes, one per chunk.
+*/
+function extractStylesWithChunks(styles) {
+	const chunks = [];
+	const chunkMap = categorizeStyleKeys(styles);
+	for (const [chunkName, chunkStyleKeys] of chunkMap) {
+		if (chunkStyleKeys.length === 0) continue;
+		const cacheKey = generateChunkCacheKey(styles, chunkName, chunkStyleKeys);
+		const renderResult = renderStylesForChunk(styles, chunkName, chunkStyleKeys);
+		if (renderResult.rules.length === 0) continue;
+		const className = generateClassName(cacheKey);
+		const selector = `.${className}.${className}`;
+		const css = formatRulesToCSS(renderResult.rules, selector);
+		chunks.push({
+			className,
+			css
+		});
+	}
+	return chunks;
+}
+/**
+* Extract styles for a specific selector (for global/selector mode).
+* Returns a single CSS block.
+*/
+function extractStylesForSelector(selector, styles) {
+	return {
+		selector,
+		css: formatRulesDirectly(renderStyles(styles, selector))
+	};
+}
+/**
+* Format StyleResult[] to CSS string.
+* Prefixes each rule's selector with the base selector.
+* Used for chunked styles where rules have relative selectors.
+*/
+function formatRulesToCSS(rules, baseSelector) {
+	return rules.map((rule) => {
+		let css = `${(Array.isArray(rule.selector) ? rule.selector : rule.selector ? rule.selector.split("|||") : [""]).map((part) => {
+			let selector;
+			if (!part) selector = baseSelector;
+			else if (part.startsWith(":") || part.startsWith("[")) selector = `${baseSelector}${part}`;
+			else if (part.startsWith(">") || part.startsWith("+") || part.startsWith("~")) selector = `${baseSelector}${part}`;
+			else selector = `${baseSelector}${part}`;
+			if (rule.rootPrefix) selector = `${rule.rootPrefix} ${selector}`;
+			return selector;
+		}).join(", ")} { ${rule.declarations} }`;
+		if (rule.atRules && rule.atRules.length > 0) for (const atRule of [...rule.atRules].reverse()) css = `${atRule} {\n  ${css}\n}`;
+		return css;
+	}).join("\n\n");
+}
+/**
+* Format StyleResult[] to CSS string directly without prefixing.
+* Used for global styles where rules already have the full selector.
+*/
+function formatRulesDirectly(rules) {
+	return rules.map((rule) => {
+		let css = `${rule.rootPrefix ? `${rule.rootPrefix} ${rule.selector}` : rule.selector} { ${rule.declarations} }`;
+		if (rule.atRules && rule.atRules.length > 0) for (const atRule of [...rule.atRules].reverse()) css = `${atRule} {\n  ${css}\n}`;
+		return css;
+	}).join("\n\n");
+}
+/**
+* Generate a deterministic keyframes name from content hash.
+* This ensures the same keyframes content always produces the same name,
+* enabling automatic deduplication across elements and files.
+*/
+function generateKeyframesName(steps) {
+	const content = JSON.stringify(steps);
+	return `kf${createHash("md5").update(content).digest("hex").slice(0, 6)}`;
+}
+/**
+* Extract keyframes that are used in styles.
+* Merges local @keyframes with global keyframes, filters to only used ones.
+* Generates hash-based names from content for automatic deduplication.
+*
+* @param styles - The styles object (may contain @keyframes and animation properties)
+* @param globalKeyframes - Optional global keyframes from config
+* @returns Keyframes to inject and name mapping for replacement
+*/
+function extractKeyframesFromStyles(styles, globalKeyframes) {
+	const emptyResult = {
+		keyframes: [],
+		nameMap: /* @__PURE__ */ new Map()
+	};
+	const usedNames = extractAnimationNamesFromStyles(styles);
+	if (usedNames.size === 0) return emptyResult;
+	const usedKeyframes = filterUsedKeyframes(mergeKeyframes(hasLocalKeyframes(styles) ? extractLocalKeyframes(styles) : null, globalKeyframes ?? null), usedNames);
+	if (!usedKeyframes) return emptyResult;
+	const seenHashes = /* @__PURE__ */ new Set();
+	const nameMap = /* @__PURE__ */ new Map();
+	const keyframesToEmit = [];
+	for (const [originalName, steps] of Object.entries(usedKeyframes)) {
+		const hashedName = generateKeyframesName(steps);
+		nameMap.set(originalName, hashedName);
+		if (!seenHashes.has(hashedName)) {
+			seenHashes.add(hashedName);
+			const css = keyframesToCSS(hashedName, steps);
+			keyframesToEmit.push({
+				name: hashedName,
+				css
+			});
+		}
+	}
+	return {
+		keyframes: keyframesToEmit,
+		nameMap
+	};
+}
+/**
+* Convert keyframes steps to CSS string.
+*/
+function keyframesToCSS(name, steps) {
+	const stepRules = [];
+	for (const [key, value] of Object.entries(steps)) if (typeof value === "string") stepRules.push(`${key} { ${value.trim()} }`);
+	else if (value && typeof value === "object") {
+		const declarations = Object.entries(value).map(([prop, val]) => {
+			return `${camelToKebab(prop)}: ${val}`;
+		}).join("; ");
+		stepRules.push(`${key} { ${declarations} }`);
+	}
+	return `@keyframes ${name} { ${stepRules.join(" ")} }`;
+}
+/**
+* Convert camelCase to kebab-case.
+*/
+function camelToKebab(str) {
+	return str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);
+}
+
+//#endregion
+export { extractKeyframesFromStyles, extractStylesForSelector, extractStylesWithChunks };
+//# sourceMappingURL=extractor.js.map

package/dist/extractor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extractor.js","names":[],"sources":["../src/tasty/zero/extractor.ts"],"sourcesContent":["import { createHash } from 'crypto';\n\nimport {\n  categorizeStyleKeys,\n  generateChunkCacheKey,\n  renderStylesForChunk,\n} from '../chunks';\nimport { KeyframesSteps } from '../injector/types';\nimport {\n  extractAnimationNamesFromStyles,\n  extractLocalKeyframes,\n  filterUsedKeyframes,\n  hasLocalKeyframes,\n  mergeKeyframes,\n} from '../keyframes';\nimport { renderStyles, StyleResult } from '../pipeline';\nimport { Styles } from '../styles/types';\n\nexport interface ExtractedChunk {\n  className: string;\n  css: string;\n}\n\nexport interface ExtractedSelector {\n  selector: string;\n  css: string;\n}\n\nexport interface ExtractedKeyframes {\n  name: string;\n  css: string;\n}\n\nexport interface KeyframesExtractionResult {\n  /** Keyframes to inject (deduplicated by content) */\n  keyframes: ExtractedKeyframes[];\n  /** Map from original animation name to canonical name (for replacement) */\n  nameMap: Map<string, string>;\n}\n\n/**\n * Generate a deterministic className from a cache key using content hash.\n * This ensures the same styles always produce the same className,\n * regardless of build order or incremental compilation.\n */\nfunction generateClassName(cacheKey: string): string {\n  const hash = createHash('md5').update(cacheKey).digest('hex').slice(0, 6);\n  return `ts${hash}`; // 'ts' prefix for \"tasty-static\" to distinguish from runtime 't' classes\n}\n\n/**\n * Extract styles using chunking (for className mode).\n * Returns multiple classes, one per chunk.\n */\nexport function extractStylesWithChunks(styles: Styles): ExtractedChunk[] {\n  const chunks: ExtractedChunk[] = [];\n\n  // Categorize style keys into chunks\n  const chunkMap = categorizeStyleKeys(styles as Record<string, unknown>);\n\n  for (const [chunkName, chunkStyleKeys] of chunkMap) {\n    if (chunkStyleKeys.length === 0) continue;\n\n    // Generate cache key for this chunk (used for className hash)\n    const cacheKey = generateChunkCacheKey(styles, chunkName, chunkStyleKeys);\n\n    // Render styles for this chunk\n    const renderResult = renderStylesForChunk(\n      styles,\n      chunkName,\n      chunkStyleKeys,\n    );\n\n    if (renderResult.rules.length === 0) continue;\n\n    // Generate deterministic className from content hash\n    const className = generateClassName(cacheKey);\n    const selector = `.${className}.${className}`;\n\n    // Format CSS\n    const css = formatRulesToCSS(renderResult.rules, selector);\n\n    chunks.push({ className, css });\n  }\n\n  return chunks;\n}\n\n/**\n * Extract styles for a specific selector (for global/selector mode).\n * Returns a single CSS block.\n */\nexport function extractStylesForSelector(\n  selector: string,\n  styles: Styles,\n): ExtractedSelector {\n  // renderStyles with selector returns StyleResult[] with selectors already applied\n  const rules = renderStyles(styles, selector);\n  // Format without re-prefixing - rules already have the full selector\n  const css = formatRulesDirectly(rules);\n\n  return { selector, css };\n}\n\n/**\n * Format StyleResult[] to CSS string.\n * Prefixes each rule's selector with the base selector.\n * Used for chunked styles where rules have relative selectors.\n */\nfunction formatRulesToCSS(rules: StyleResult[], baseSelector: string): string {\n  return rules\n    .map((rule) => {\n      // Handle selector as array (OR conditions) or string\n      // Note: renderStyles without className joins array selectors with '|||' placeholder\n      const selectorParts = Array.isArray(rule.selector)\n        ? rule.selector\n        : rule.selector\n          ? rule.selector.split('|||')\n          : [''];\n\n      // Prefix each selector part with the base selector\n      const fullSelector = selectorParts\n        .map((part) => {\n          // Build selector: [rootPrefix] baseSelector[part]\n          let selector: string;\n\n          // If part is empty, just use base selector\n          if (!part) {\n            selector = baseSelector;\n          } else if (part.startsWith(':') || part.startsWith('[')) {\n            // If part starts with a pseudo-class or pseudo-element, append to base\n            selector = `${baseSelector}${part}`;\n          } else if (\n            part.startsWith('>') ||\n            part.startsWith('+') ||\n            part.startsWith('~')\n          ) {\n            // If part starts with >, +, ~ combinator, append with space\n            selector = `${baseSelector}${part}`;\n          } else {\n            // Otherwise, combine base with part\n            selector = `${baseSelector}${part}`;\n          }\n\n          // Prepend rootPrefix if present (for @root() states)\n          if (rule.rootPrefix) {\n            selector = `${rule.rootPrefix} ${selector}`;\n          }\n\n          return selector;\n        })\n        .join(', ');\n\n      let css = `${fullSelector} { ${rule.declarations} }`;\n\n      // Wrap in at-rules (in reverse order for proper nesting)\n      if (rule.atRules && rule.atRules.length > 0) {\n        for (const atRule of [...rule.atRules].reverse()) {\n          css = `${atRule} {\\n  ${css}\\n}`;\n        }\n      }\n\n      return css;\n    })\n    .join('\\n\\n');\n}\n\n/**\n * Format StyleResult[] to CSS string directly without prefixing.\n * Used for global styles where rules already have the full selector.\n */\nfunction formatRulesDirectly(rules: StyleResult[]): string {\n  return rules\n    .map((rule) => {\n      // Prepend rootPrefix if present (for @root() states)\n      const selector = rule.rootPrefix\n        ? `${rule.rootPrefix} ${rule.selector}`\n        : rule.selector;\n\n      let css = `${selector} { ${rule.declarations} }`;\n\n      // Wrap in at-rules (in reverse order for proper nesting)\n      if (rule.atRules && rule.atRules.length > 0) {\n        for (const atRule of [...rule.atRules].reverse()) {\n          css = `${atRule} {\\n  ${css}\\n}`;\n        }\n      }\n\n      return css;\n    })\n    .join('\\n\\n');\n}\n\n// Note: With hash-based className generation, counter management functions\n// are no longer needed. ClassNames are deterministic based on content.\n\n/**\n * Generate a deterministic keyframes name from content hash.\n * This ensures the same keyframes content always produces the same name,\n * enabling automatic deduplication across elements and files.\n */\nfunction generateKeyframesName(steps: KeyframesSteps): string {\n  const content = JSON.stringify(steps);\n  const hash = createHash('md5').update(content).digest('hex').slice(0, 6);\n  return `kf${hash}`; // 'kf' prefix for \"keyframes\"\n}\n\n/**\n * Extract keyframes that are used in styles.\n * Merges local @keyframes with global keyframes, filters to only used ones.\n * Generates hash-based names from content for automatic deduplication.\n *\n * @param styles - The styles object (may contain @keyframes and animation properties)\n * @param globalKeyframes - Optional global keyframes from config\n * @returns Keyframes to inject and name mapping for replacement\n */\nexport function extractKeyframesFromStyles(\n  styles: Styles,\n  globalKeyframes?: Record<string, KeyframesSteps> | null,\n): KeyframesExtractionResult {\n  const emptyResult: KeyframesExtractionResult = {\n    keyframes: [],\n    nameMap: new Map(),\n  };\n\n  // Extract animation names from styles\n  const usedNames = extractAnimationNamesFromStyles(styles);\n  if (usedNames.size === 0) return emptyResult;\n\n  // Merge local and global keyframes\n  const local = hasLocalKeyframes(styles)\n    ? extractLocalKeyframes(styles)\n    : null;\n  const allKeyframes = mergeKeyframes(local, globalKeyframes ?? null);\n\n  // Filter to only used keyframes\n  const usedKeyframes = filterUsedKeyframes(allKeyframes, usedNames);\n  if (!usedKeyframes) return emptyResult;\n\n  // Generate hash-based names and collect unique keyframes\n  const seenHashes = new Set<string>();\n  const nameMap = new Map<string, string>();\n  const keyframesToEmit: ExtractedKeyframes[] = [];\n\n  for (const [originalName, steps] of Object.entries(usedKeyframes)) {\n    const hashedName = generateKeyframesName(steps);\n\n    // Always map original name to hashed name (for CSS replacement)\n    nameMap.set(originalName, hashedName);\n\n    // Only emit each unique keyframe once\n    if (!seenHashes.has(hashedName)) {\n      seenHashes.add(hashedName);\n      const css = keyframesToCSS(hashedName, steps);\n      keyframesToEmit.push({ name: hashedName, css });\n    }\n  }\n\n  return { keyframes: keyframesToEmit, nameMap };\n}\n\n/**\n * Convert keyframes steps to CSS string.\n */\nfunction keyframesToCSS(name: string, steps: KeyframesSteps): string {\n  const stepRules: string[] = [];\n\n  for (const [key, value] of Object.entries(steps)) {\n    if (typeof value === 'string') {\n      // Raw CSS string\n      stepRules.push(`${key} { ${value.trim()} }`);\n    } else if (value && typeof value === 'object') {\n      // Style map - convert to CSS declarations\n      const declarations = Object.entries(value)\n        .map(([prop, val]) => {\n          const cssProperty = camelToKebab(prop);\n          return `${cssProperty}: ${val}`;\n        })\n        .join('; ');\n      stepRules.push(`${key} { ${declarations} }`);\n    }\n  }\n\n  return `@keyframes ${name} { ${stepRules.join(' ')} }`;\n}\n\n/**\n * Convert camelCase to kebab-case.\n */\nfunction camelToKebab(str: string): string {\n  return str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);\n}\n"],"mappings":"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"}

package/dist/icons/AdjustmentsHorizontalIcon.d.ts

@@ -0,0 +1,12 @@
+
+import { CubeIconProps } from "./Icon.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/icons/AdjustmentsHorizontalIcon.d.ts
+declare const AdjustmentsHorizontalIcon: {
+  (props: CubeIconProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { AdjustmentsHorizontalIcon };
+//# sourceMappingURL=AdjustmentsHorizontalIcon.d.ts.map

package/dist/icons/AdjustmentsHorizontalIcon.js

@@ -0,0 +1,23 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { wrapIcon } from "./wrap-icon.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/icons/AdjustmentsHorizontalIcon.tsx
+const AdjustmentsHorizontalIcon = wrapIcon("AdjustmentsHorizontalIcon", /* @__PURE__ */ jsx("svg", {
+	viewBox: "0 0 24 24",
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "24",
+	height: "24",
+	fill: "none",
+	children: /* @__PURE__ */ jsx("path", {
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "1.5",
+		d: "M12 6a2 2 0 1 0 4 0m-4 0a2 2 0 1 1 4 0m-4 0H4m12 0h4M6 12a2 2 0 0 0 4 0m-4 0a2 2 0 0 1 4 0m-4 0H4m6 0h10m-5 6a2 2 0 0 0 4 0m-4 0a2 2 0 0 1 4 0m-4 0H4m15 0h1"
+	})
+}));
+
+//#endregion
+export { AdjustmentsHorizontalIcon };
+//# sourceMappingURL=AdjustmentsHorizontalIcon.js.map

package/dist/icons/AdjustmentsHorizontalIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdjustmentsHorizontalIcon.js","names":[],"sources":["../../src/icons/AdjustmentsHorizontalIcon.tsx"],"sourcesContent":["import { wrapIcon } from './wrap-icon';\n\nexport const AdjustmentsHorizontalIcon = wrapIcon(\n  'AdjustmentsHorizontalIcon',\n  <svg\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    fill=\"none\"\n  >\n    <path\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth=\"1.5\"\n      d=\"M12 6a2 2 0 1 0 4 0m-4 0a2 2 0 1 1 4 0m-4 0H4m12 0h4M6 12a2 2 0 0 0 4 0m-4 0a2 2 0 0 1 4 0m-4 0H4m6 0h10m-5 6a2 2 0 0 0 4 0m-4 0a2 2 0 0 1 4 0m-4 0H4m15 0h1\"\n    />\n  </svg>,\n);\n"],"mappings":";;;;;AAEA,MAAa,4BAA4B,SACvC,6BACA,oBAAC;CACC,SAAQ;CACR,OAAM;CACN,OAAM;CACN,QAAO;CACP,MAAK;WAEL,oBAAC;EACC,QAAO;EACP,eAAc;EACd,gBAAe;EACf,aAAY;EACZ,GAAE;GACF;EACE,CACP"}

package/dist/icons/AdjustmentsIcon.d.ts

@@ -0,0 +1,12 @@
+
+import { CubeIconProps } from "./Icon.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/icons/AdjustmentsIcon.d.ts
+declare const AdjustmentsIcon: {
+  (props: CubeIconProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { AdjustmentsIcon };
+//# sourceMappingURL=AdjustmentsIcon.d.ts.map

package/dist/icons/AdjustmentsIcon.js

@@ -0,0 +1,23 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { wrapIcon } from "./wrap-icon.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/icons/AdjustmentsIcon.tsx
+const AdjustmentsIcon = wrapIcon("AdjustmentsIcon", /* @__PURE__ */ jsx("svg", {
+	viewBox: "0 0 24 24",
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "24",
+	height: "24",
+	fill: "none",
+	children: /* @__PURE__ */ jsx("path", {
+		stroke: "currentColor",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		strokeWidth: "1.5",
+		d: "M6 12a2 2 0 1 1 0-4m0 4a2 2 0 1 0 0-4m0 4v8M6 8V4m6 14a2 2 0 0 1 0-4m0 4a2 2 0 0 0 0-4m0 4v2m0-6V4m6 5a2 2 0 0 1 0-4m0 4a2 2 0 0 0 0-4m0 4v11m0-15V4"
+	})
+}));
+
+//#endregion
+export { AdjustmentsIcon };
+//# sourceMappingURL=AdjustmentsIcon.js.map

package/dist/icons/AdjustmentsIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdjustmentsIcon.js","names":[],"sources":["../../src/icons/AdjustmentsIcon.tsx"],"sourcesContent":["import { wrapIcon } from './wrap-icon';\n\nexport const AdjustmentsIcon = wrapIcon(\n  'AdjustmentsIcon',\n  <svg\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    fill=\"none\"\n  >\n    <path\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeWidth=\"1.5\"\n      d=\"M6 12a2 2 0 1 1 0-4m0 4a2 2 0 1 0 0-4m0 4v8M6 8V4m6 14a2 2 0 0 1 0-4m0 4a2 2 0 0 0 0-4m0 4v2m0-6V4m6 5a2 2 0 0 1 0-4m0 4a2 2 0 0 0 0-4m0 4v11m0-15V4\"\n    />\n  </svg>,\n);\n"],"mappings":";;;;;AAEA,MAAa,kBAAkB,SAC7B,mBACA,oBAAC;CACC,SAAQ;CACR,OAAM;CACN,OAAM;CACN,QAAO;CACP,MAAK;WAEL,oBAAC;EACC,QAAO;EACP,eAAc;EACd,gBAAe;EACf,aAAY;EACZ,GAAE;GACF;EACE,CACP"}

package/dist/icons/AiIcon.d.ts

@@ -0,0 +1,12 @@
+
+import { CubeIconProps } from "./Icon.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/icons/AiIcon.d.ts
+declare const AiIcon: {
+  (props: CubeIconProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { AiIcon };
+//# sourceMappingURL=AiIcon.d.ts.map

package/dist/icons/AiIcon.js

@@ -0,0 +1,11 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { wrapIcon } from "./wrap-icon.js";
+import { jsx } from "react/jsx-runtime";
+import { IconSparkles } from "@tabler/icons-react";
+
+//#region src/icons/AiIcon.tsx
+const AiIcon = wrapIcon("AiIcon", /* @__PURE__ */ jsx(IconSparkles, {}));
+
+//#endregion
+export { AiIcon };
+//# sourceMappingURL=AiIcon.js.map

package/dist/icons/AiIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiIcon.js","names":[],"sources":["../../src/icons/AiIcon.tsx"],"sourcesContent":["import { IconSparkles } from '@tabler/icons-react';\n\nimport { wrapIcon } from './wrap-icon';\n\nexport const AiIcon = wrapIcon('AiIcon', <IconSparkles />);\n"],"mappings":";;;;;;AAIA,MAAa,SAAS,SAAS,UAAU,oBAAC,iBAAe,CAAC"}

package/dist/icons/AreaChartIcon.d.ts

@@ -0,0 +1,12 @@
+
+import { CubeIconProps } from "./Icon.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/icons/AreaChartIcon.d.ts
+declare const AreaChartIcon: {
+  (props: CubeIconProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { AreaChartIcon };
+//# sourceMappingURL=AreaChartIcon.d.ts.map

package/dist/icons/AreaChartIcon.js

@@ -0,0 +1,11 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { wrapIcon } from "./wrap-icon.js";
+import { jsx } from "react/jsx-runtime";
+import { IconChartArea } from "@tabler/icons-react";
+
+//#region src/icons/AreaChartIcon.tsx
+const AreaChartIcon = wrapIcon("AreaChartIcon", /* @__PURE__ */ jsx(IconChartArea, {}));
+
+//#endregion
+export { AreaChartIcon };
+//# sourceMappingURL=AreaChartIcon.js.map

package/dist/icons/AreaChartIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AreaChartIcon.js","names":[],"sources":["../../src/icons/AreaChartIcon.tsx"],"sourcesContent":["import { IconChartArea } from '@tabler/icons-react';\n\nimport { wrapIcon } from './wrap-icon';\n\nexport const AreaChartIcon = wrapIcon('AreaChartIcon', <IconChartArea />);\n"],"mappings":";;;;;;AAIA,MAAa,gBAAgB,SAAS,iBAAiB,oBAAC,kBAAgB,CAAC"}

package/dist/icons/BackwardIcon.d.ts

@@ -0,0 +1,12 @@
+
+import { CubeIconProps } from "./Icon.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/icons/BackwardIcon.d.ts
+declare const BackwardIcon: {
+  (props: CubeIconProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { BackwardIcon };
+//# sourceMappingURL=BackwardIcon.d.ts.map

package/dist/icons/BackwardIcon.js

@@ -0,0 +1,11 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { wrapIcon } from "./wrap-icon.js";
+import { jsx } from "react/jsx-runtime";
+import { IconChevronsLeft } from "@tabler/icons-react";
+
+//#region src/icons/BackwardIcon.tsx
+const BackwardIcon = wrapIcon("BackwardIcon", /* @__PURE__ */ jsx(IconChevronsLeft, {}));
+
+//#endregion
+export { BackwardIcon };
+//# sourceMappingURL=BackwardIcon.js.map

package/dist/icons/BackwardIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackwardIcon.js","names":[],"sources":["../../src/icons/BackwardIcon.tsx"],"sourcesContent":["import { IconChevronsLeft } from '@tabler/icons-react';\n\nimport { wrapIcon } from './wrap-icon';\n\nexport const BackwardIcon = wrapIcon('BackwardIcon', <IconChevronsLeft />);\n"],"mappings":";;;;;;AAIA,MAAa,eAAe,SAAS,gBAAgB,oBAAC,qBAAmB,CAAC"}

package/dist/icons/BarChartIcon.d.ts

@@ -0,0 +1,12 @@
+
+import { CubeIconProps } from "./Icon.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/icons/BarChartIcon.d.ts
+declare const BarChartIcon: {
+  (props: CubeIconProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { BarChartIcon };
+//# sourceMappingURL=BarChartIcon.d.ts.map

package/dist/icons/BarChartIcon.js

@@ -0,0 +1,11 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { wrapIcon } from "./wrap-icon.js";
+import { jsx } from "react/jsx-runtime";
+import { IconChartBar } from "@tabler/icons-react";
+
+//#region src/icons/BarChartIcon.tsx
+const BarChartIcon = wrapIcon("BarChartIcon", /* @__PURE__ */ jsx(IconChartBar, {}));
+
+//#endregion
+export { BarChartIcon };
+//# sourceMappingURL=BarChartIcon.js.map

package/dist/icons/BarChartIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChartIcon.js","names":[],"sources":["../../src/icons/BarChartIcon.tsx"],"sourcesContent":["import { IconChartBar } from '@tabler/icons-react';\n\nimport { wrapIcon } from './wrap-icon';\n\nexport const BarChartIcon = wrapIcon('BarChartIcon', <IconChartBar />);\n"],"mappings":";;;;;;AAIA,MAAa,eAAe,SAAS,gBAAgB,oBAAC,iBAAe,CAAC"}

package/dist/icons/BellFilledIcon.d.ts

@@ -0,0 +1,12 @@
+
+import { CubeIconProps } from "./Icon.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/icons/BellFilledIcon.d.ts
+declare const BellFilledIcon: {
+  (props: CubeIconProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { BellFilledIcon };
+//# sourceMappingURL=BellFilledIcon.d.ts.map

package/dist/icons/BellFilledIcon.js

@@ -0,0 +1,11 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { wrapIcon } from "./wrap-icon.js";
+import { jsx } from "react/jsx-runtime";
+import { IconBellFilled } from "@tabler/icons-react";
+
+//#region src/icons/BellFilledIcon.tsx
+const BellFilledIcon = wrapIcon("BellFilledIcon", /* @__PURE__ */ jsx(IconBellFilled, {}));
+
+//#endregion
+export { BellFilledIcon };
+//# sourceMappingURL=BellFilledIcon.js.map

package/dist/icons/BellFilledIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BellFilledIcon.js","names":[],"sources":["../../src/icons/BellFilledIcon.tsx"],"sourcesContent":["import { IconBellFilled } from '@tabler/icons-react';\n\nimport { wrapIcon } from './wrap-icon';\n\nexport const BellFilledIcon = wrapIcon('BellFilledIcon', <IconBellFilled />);\n"],"mappings":";;;;;;AAIA,MAAa,iBAAiB,SAAS,kBAAkB,oBAAC,mBAAiB,CAAC"}

package/dist/icons/BellIcon.d.ts

@@ -0,0 +1,12 @@
+
+import { CubeIconProps } from "./Icon.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/icons/BellIcon.d.ts
+declare const BellIcon: {
+  (props: CubeIconProps): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { BellIcon };
+//# sourceMappingURL=BellIcon.d.ts.map

package/dist/icons/BellIcon.js

@@ -0,0 +1,11 @@
+/** @license MIT | @cube-dev/ui-kit v0.115.0 | Cube Dev Team */
+import { wrapIcon } from "./wrap-icon.js";
+import { jsx } from "react/jsx-runtime";
+import { IconBell } from "@tabler/icons-react";
+
+//#region src/icons/BellIcon.tsx
+const BellIcon = wrapIcon("BellIcon", /* @__PURE__ */ jsx(IconBell, {}));
+
+//#endregion
+export { BellIcon };
+//# sourceMappingURL=BellIcon.js.map