@cube-dev/ui-kit 0.0.0-canary-865a375 → 0.0.0-canary-77fc655

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
@@ -20,7 +20,7 @@ const TooltipElement = tasty({ styles: {
 		"": "#white",
 		light: "#dark-02"
 	},
-	width: "initial 36x max-content",
+	width: "initial min(36x, (100dvw - 4x)) max-content",
 	radius: true,
 	padding: ".75x 1x",
 	preset: "t4",

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["mergeProps"],"sources":["../../../../src/components/overlays/Tooltip/Tooltip.tsx"],"sourcesContent":["import { createDOMRef } from '@react-spectrum/utils';\nimport { DOMRefValue } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  extractStyles,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport { AriaTooltipProps, useTooltip } from 'react-aria';\n\nimport { PlacementAxis } from '../../../shared';\nimport { mergeProps, mergeRefs, useLayoutEffect } from '../../../utils/react';\n\nimport { TooltipContext } from './context';\n\nexport type { AriaTooltipProps };\n\nconst TooltipElement = tasty({\n  styles: {\n    display: 'block',\n    fill: {\n      '': '#dark.85',\n      light: '#white',\n    },\n    color: {\n      '': '#white',\n      light: '#dark-02',\n    },\n    width: 'initial 36x max-content',\n    radius: true,\n    padding: '.75x 1x',\n    preset: 't4',\n    backdropFilter: 'blur(.5x)',\n    whiteSpace: 'pre-line',\n    pointerEvents: {\n      '': 'none',\n      material: 'auto',\n    },\n    filter: {\n      '': false,\n      light: 'drop-shadow(0 0 1px #dark.2)',\n    },\n    transition:\n      'translate $transition ease-out, scale $transition ease-out, theme $transition ease-out',\n    translate: {\n      '': '0 0',\n      'open & [data-placement=\"top\"]': '0 0',\n      '!open & [data-placement=\"top\"]': '0 1x',\n      'open & [data-placement=\"bottom\"]': '0 0',\n      '!open & [data-placement=\"bottom\"]': '0 -1x',\n      'open & [data-placement=\"left\"]': '0 0',\n      '!open & [data-placement=\"left\"]': '1x 0',\n      'open & [data-placement=\"right\"]': '0 0',\n      '!open & [data-placement=\"right\"]': '-1x 0',\n    },\n    transformOrigin: {\n      '': 'top center',\n      '[data-placement=\"top\"]': 'bottom center',\n      '[data-placement=\"left\"]': 'right center',\n      '[data-placement=\"right\"]': 'left center',\n    },\n    scale: {\n      '': '1 1',\n      '!open': '1 .8',\n      '!open & ([data-placement=\"left\"] | [data-placement=\"right\"])': '.8 1',\n    },\n    opacity: {\n      '': 1,\n      '!open': 0.001,\n    },\n  },\n});\n\nconst TooltipTipElement = tasty({\n  styles: {\n    position: 'absolute',\n    width: '1px',\n    height: '1px',\n    border: '.5x #clear',\n    borderTop: {\n      '': '.5x solid #dark.85',\n      light: '.5x solid #white',\n    },\n    borderBottom: '0',\n    top: {\n      '': 'initial',\n      '[data-placement=\"left\"] | [data-placement=\"right\"]': '50%',\n      '[data-placement=\"top\"]': '100%',\n    },\n    left: {\n      '': 'initial',\n      '[data-placement=\"top\"] | [data-placement=\"bottom\"]': '50%',\n      '[data-placement=\"left\"]': '100%',\n    },\n    right: {\n      '': 'initial',\n      '[data-placement=\"right\"]': '100%',\n    },\n    bottom: {\n      '': 'initial',\n      '[data-placement=\"bottom\"]': '100%',\n    },\n    transform: {\n      '': 'translate((-.375x - 1px), 0)',\n      '[data-placement=\"bottom\"]':\n        'translate((-.375x - 1px), 0) rotate(180deg)',\n      '[data-placement=\"left\"]': 'translate(-.25x, -.25x) rotate(270deg)',\n      '[data-placement=\"right\"]': 'translate(.25x, -.25x) rotate(90deg)',\n    },\n    transition: 'theme',\n  },\n});\n\nexport interface CubeTooltipProps\n  extends BaseProps,\n    ContainerStyleProps,\n    AriaTooltipProps {\n  tipStyles?: Styles;\n  showIcon?: boolean;\n  placement?: PlacementAxis;\n  isMaterial?: boolean;\n  isOpen?: boolean;\n  isLight?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  shouldFlip?: boolean;\n}\n\nfunction Tooltip(\n  props: CubeTooltipProps,\n  ref: ForwardedRef<DOMRefValue<HTMLDivElement>>,\n) {\n  let {\n    ref: overlayRef,\n    transitionRef,\n    arrowProps,\n    state,\n    overlayProps,\n    minOffset,\n    minScale,\n    isMaterial: isMaterialContext,\n    isLight: isLightContext,\n    phase,\n    isShown,\n    updatePosition,\n    ...tooltipProviderProps\n  } = useContext(TooltipContext);\n\n  const defaultRef = useRef<HTMLDivElement>(null);\n  const combinedRef = mergeRefs(transitionRef, overlayRef ?? defaultRef);\n  const finalOverlayRef = overlayRef ?? defaultRef;\n\n  props = mergeProps(props, tooltipProviderProps);\n\n  let {\n    placement = 'top',\n    isOpen,\n    tipStyles,\n    showIcon,\n    isMaterial = isMaterialContext,\n    isLight = isLightContext,\n    ...otherProps\n  } = props;\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  let { tooltipProps } = useTooltip({ ...props, isDismissable: false }, state);\n\n  // Sync ref with overlayRef from context.\n  useImperativeHandle(ref, () => createDOMRef(finalOverlayRef));\n\n  if (typeof minOffset === 'number') {\n    minOffset = `${minOffset}px`;\n  }\n\n  if (typeof minScale === 'number') {\n    minScale = String(minScale);\n  }\n\n  // Extract primary placement direction for consistent styling\n  const placementDirection = placement?.split(' ')[0] || placement || 'top';\n\n  const mods = useMemo(() => {\n    return {\n      material: isMaterial,\n      light: isLight,\n      open: isShown ?? isOpen,\n    };\n  }, [isMaterial, isShown, isOpen, isLight]);\n\n  // Update position when tooltip becomes visible\n  useLayoutEffect(() => {\n    updatePosition?.();\n  }, []);\n\n  return (\n    <TooltipElement\n      {...tooltipProps}\n      {...overlayProps}\n      ref={combinedRef}\n      styles={styles}\n      mods={mods}\n      data-min-offset={minOffset}\n      data-min-scale={minScale}\n      data-placement={placementDirection}\n      data-phase={phase}\n    >\n      {props.children}\n      <TooltipTipElement\n        data-placement={placementDirection}\n        styles={tipStyles}\n        mods={mods}\n        {...arrowProps}\n      />\n    </TooltipElement>\n  );\n}\n\n/**\n * Display container for Tooltip content. Has a directional arrow dependent on its placement.\n */\nlet _Tooltip = forwardRef(Tooltip);\n\n_Tooltip.displayName = 'Tooltip';\n\nexport { _Tooltip as Tooltip };\n"],"mappings":";;;;;;;;;;;;AA2BA,MAAM,iBAAiB,MAAM,EAC3B,QAAQ;CACN,SAAS;CACT,MAAM;EACJ,IAAI;EACJ,OAAO;EACR;CACD,OAAO;EACL,IAAI;EACJ,OAAO;EACR;CACD,OAAO;CACP,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,gBAAgB;CAChB,YAAY;CACZ,eAAe;EACb,IAAI;EACJ,UAAU;EACX;CACD,QAAQ;EACN,IAAI;EACJ,OAAO;EACR;CACD,YACE;CACF,WAAW;EACT,IAAI;EACJ,mCAAiC;EACjC,oCAAkC;EAClC,sCAAoC;EACpC,uCAAqC;EACrC,oCAAkC;EAClC,qCAAmC;EACnC,qCAAmC;EACnC,sCAAoC;EACrC;CACD,iBAAiB;EACf,IAAI;EACJ,4BAA0B;EAC1B,6BAA2B;EAC3B,8BAA4B;EAC7B;CACD,OAAO;EACL,IAAI;EACJ,SAAS;EACT,oEAAgE;EACjE;CACD,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACF,EACF,CAAC;AAEF,MAAM,oBAAoB,MAAM,EAC9B,QAAQ;CACN,UAAU;CACV,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,WAAW;EACT,IAAI;EACJ,OAAO;EACR;CACD,cAAc;CACd,KAAK;EACH,IAAI;EACJ,0DAAsD;EACtD,4BAA0B;EAC3B;CACD,MAAM;EACJ,IAAI;EACJ,0DAAsD;EACtD,6BAA2B;EAC5B;CACD,OAAO;EACL,IAAI;EACJ,8BAA4B;EAC7B;CACD,QAAQ;EACN,IAAI;EACJ,+BAA6B;EAC9B;CACD,WAAW;EACT,IAAI;EACJ,+BACE;EACF,6BAA2B;EAC3B,8BAA4B;EAC7B;CACD,YAAY;CACb,EACF,CAAC;AAiBF,SAAS,QACP,OACA,KACA;CACA,IAAI,EACF,KAAK,YACL,eACA,YACA,OACA,cACA,WACA,UACA,YAAY,mBACZ,SAAS,gBACT,OACA,SACA,gBACA,GAAG,yBACD,WAAW,eAAe;CAE9B,MAAM,aAAa,OAAuB,KAAK;CAC/C,MAAM,cAAc,UAAU,eAAe,cAAc,WAAW;CACtE,MAAM,kBAAkB,cAAc;AAEtC,SAAQA,aAAW,OAAO,qBAAqB;CAE/C,IAAI,EACF,YAAY,OACZ,QACA,WACA,UACA,aAAa,mBACb,UAAU,gBACV,GAAG,eACD;CAEJ,MAAM,SAAS,cAAc,YAAY,iBAAiB;CAE1D,IAAI,EAAE,iBAAiB,WAAW;EAAE,GAAG;EAAO,eAAe;EAAO,EAAE,MAAM;AAG5E,qBAAoB,WAAW,aAAa,gBAAgB,CAAC;AAE7D,KAAI,OAAO,cAAc,SACvB,aAAY,GAAG,UAAU;AAG3B,KAAI,OAAO,aAAa,SACtB,YAAW,OAAO,SAAS;CAI7B,MAAM,qBAAqB,WAAW,MAAM,IAAI,CAAC,MAAM,aAAa;CAEpE,MAAM,OAAO,cAAc;AACzB,SAAO;GACL,UAAU;GACV,OAAO;GACP,MAAM,WAAW;GAClB;IACA;EAAC;EAAY;EAAS;EAAQ;EAAQ,CAAC;AAG1C,yBAAsB;AACpB,oBAAkB;IACjB,EAAE,CAAC;AAEN,QACE,qBAAC;EACC,GAAI;EACJ,GAAI;EACJ,KAAK;EACG;EACF;EACN,mBAAiB;EACjB,kBAAgB;EAChB,kBAAgB;EAChB,cAAY;aAEX,MAAM,UACP,oBAAC;GACC,kBAAgB;GAChB,QAAQ;GACF;GACN,GAAI;IACJ;GACa;;;;;AAOrB,IAAI,WAAW,WAAW,QAAQ;AAElC,SAAS,cAAc"}
+{"version":3,"file":"Tooltip.js","names":["mergeProps"],"sources":["../../../../src/components/overlays/Tooltip/Tooltip.tsx"],"sourcesContent":["import { createDOMRef } from '@react-spectrum/utils';\nimport { DOMRefValue } from '@react-types/shared';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  extractStyles,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport { AriaTooltipProps, useTooltip } from 'react-aria';\n\nimport { PlacementAxis } from '../../../shared';\nimport { mergeProps, mergeRefs, useLayoutEffect } from '../../../utils/react';\n\nimport { TooltipContext } from './context';\n\nexport type { AriaTooltipProps };\n\nconst TooltipElement = tasty({\n  styles: {\n    display: 'block',\n    fill: {\n      '': '#dark.85',\n      light: '#white',\n    },\n    color: {\n      '': '#white',\n      light: '#dark-02',\n    },\n    width: 'initial min(36x, (100dvw - 4x)) max-content',\n    radius: true,\n    padding: '.75x 1x',\n    preset: 't4',\n    backdropFilter: 'blur(.5x)',\n    whiteSpace: 'pre-line',\n    pointerEvents: {\n      '': 'none',\n      material: 'auto',\n    },\n    filter: {\n      '': false,\n      light: 'drop-shadow(0 0 1px #dark.2)',\n    },\n    transition:\n      'translate $transition ease-out, scale $transition ease-out, theme $transition ease-out',\n    translate: {\n      '': '0 0',\n      'open & [data-placement=\"top\"]': '0 0',\n      '!open & [data-placement=\"top\"]': '0 1x',\n      'open & [data-placement=\"bottom\"]': '0 0',\n      '!open & [data-placement=\"bottom\"]': '0 -1x',\n      'open & [data-placement=\"left\"]': '0 0',\n      '!open & [data-placement=\"left\"]': '1x 0',\n      'open & [data-placement=\"right\"]': '0 0',\n      '!open & [data-placement=\"right\"]': '-1x 0',\n    },\n    transformOrigin: {\n      '': 'top center',\n      '[data-placement=\"top\"]': 'bottom center',\n      '[data-placement=\"left\"]': 'right center',\n      '[data-placement=\"right\"]': 'left center',\n    },\n    scale: {\n      '': '1 1',\n      '!open': '1 .8',\n      '!open & ([data-placement=\"left\"] | [data-placement=\"right\"])': '.8 1',\n    },\n    opacity: {\n      '': 1,\n      '!open': 0.001,\n    },\n  },\n});\n\nconst TooltipTipElement = tasty({\n  styles: {\n    position: 'absolute',\n    width: '1px',\n    height: '1px',\n    border: '.5x #clear',\n    borderTop: {\n      '': '.5x solid #dark.85',\n      light: '.5x solid #white',\n    },\n    borderBottom: '0',\n    top: {\n      '': 'initial',\n      '[data-placement=\"left\"] | [data-placement=\"right\"]': '50%',\n      '[data-placement=\"top\"]': '100%',\n    },\n    left: {\n      '': 'initial',\n      '[data-placement=\"top\"] | [data-placement=\"bottom\"]': '50%',\n      '[data-placement=\"left\"]': '100%',\n    },\n    right: {\n      '': 'initial',\n      '[data-placement=\"right\"]': '100%',\n    },\n    bottom: {\n      '': 'initial',\n      '[data-placement=\"bottom\"]': '100%',\n    },\n    transform: {\n      '': 'translate((-.375x - 1px), 0)',\n      '[data-placement=\"bottom\"]':\n        'translate((-.375x - 1px), 0) rotate(180deg)',\n      '[data-placement=\"left\"]': 'translate(-.25x, -.25x) rotate(270deg)',\n      '[data-placement=\"right\"]': 'translate(.25x, -.25x) rotate(90deg)',\n    },\n    transition: 'theme',\n  },\n});\n\nexport interface CubeTooltipProps\n  extends BaseProps,\n    ContainerStyleProps,\n    AriaTooltipProps {\n  tipStyles?: Styles;\n  showIcon?: boolean;\n  placement?: PlacementAxis;\n  isMaterial?: boolean;\n  isOpen?: boolean;\n  isLight?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  defaultOpen?: boolean;\n  shouldFlip?: boolean;\n}\n\nfunction Tooltip(\n  props: CubeTooltipProps,\n  ref: ForwardedRef<DOMRefValue<HTMLDivElement>>,\n) {\n  let {\n    ref: overlayRef,\n    transitionRef,\n    arrowProps,\n    state,\n    overlayProps,\n    minOffset,\n    minScale,\n    isMaterial: isMaterialContext,\n    isLight: isLightContext,\n    phase,\n    isShown,\n    updatePosition,\n    ...tooltipProviderProps\n  } = useContext(TooltipContext);\n\n  const defaultRef = useRef<HTMLDivElement>(null);\n  const combinedRef = mergeRefs(transitionRef, overlayRef ?? defaultRef);\n  const finalOverlayRef = overlayRef ?? defaultRef;\n\n  props = mergeProps(props, tooltipProviderProps);\n\n  let {\n    placement = 'top',\n    isOpen,\n    tipStyles,\n    showIcon,\n    isMaterial = isMaterialContext,\n    isLight = isLightContext,\n    ...otherProps\n  } = props;\n\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  let { tooltipProps } = useTooltip({ ...props, isDismissable: false }, state);\n\n  // Sync ref with overlayRef from context.\n  useImperativeHandle(ref, () => createDOMRef(finalOverlayRef));\n\n  if (typeof minOffset === 'number') {\n    minOffset = `${minOffset}px`;\n  }\n\n  if (typeof minScale === 'number') {\n    minScale = String(minScale);\n  }\n\n  // Extract primary placement direction for consistent styling\n  const placementDirection = placement?.split(' ')[0] || placement || 'top';\n\n  const mods = useMemo(() => {\n    return {\n      material: isMaterial,\n      light: isLight,\n      open: isShown ?? isOpen,\n    };\n  }, [isMaterial, isShown, isOpen, isLight]);\n\n  // Update position when tooltip becomes visible\n  useLayoutEffect(() => {\n    updatePosition?.();\n  }, []);\n\n  return (\n    <TooltipElement\n      {...tooltipProps}\n      {...overlayProps}\n      ref={combinedRef}\n      styles={styles}\n      mods={mods}\n      data-min-offset={minOffset}\n      data-min-scale={minScale}\n      data-placement={placementDirection}\n      data-phase={phase}\n    >\n      {props.children}\n      <TooltipTipElement\n        data-placement={placementDirection}\n        styles={tipStyles}\n        mods={mods}\n        {...arrowProps}\n      />\n    </TooltipElement>\n  );\n}\n\n/**\n * Display container for Tooltip content. Has a directional arrow dependent on its placement.\n */\nlet _Tooltip = forwardRef(Tooltip);\n\n_Tooltip.displayName = 'Tooltip';\n\nexport { _Tooltip as Tooltip };\n"],"mappings":";;;;;;;;;;;;AA2BA,MAAM,iBAAiB,MAAM,EAC3B,QAAQ;CACN,SAAS;CACT,MAAM;EACJ,IAAI;EACJ,OAAO;EACR;CACD,OAAO;EACL,IAAI;EACJ,OAAO;EACR;CACD,OAAO;CACP,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,gBAAgB;CAChB,YAAY;CACZ,eAAe;EACb,IAAI;EACJ,UAAU;EACX;CACD,QAAQ;EACN,IAAI;EACJ,OAAO;EACR;CACD,YACE;CACF,WAAW;EACT,IAAI;EACJ,mCAAiC;EACjC,oCAAkC;EAClC,sCAAoC;EACpC,uCAAqC;EACrC,oCAAkC;EAClC,qCAAmC;EACnC,qCAAmC;EACnC,sCAAoC;EACrC;CACD,iBAAiB;EACf,IAAI;EACJ,4BAA0B;EAC1B,6BAA2B;EAC3B,8BAA4B;EAC7B;CACD,OAAO;EACL,IAAI;EACJ,SAAS;EACT,oEAAgE;EACjE;CACD,SAAS;EACP,IAAI;EACJ,SAAS;EACV;CACF,EACF,CAAC;AAEF,MAAM,oBAAoB,MAAM,EAC9B,QAAQ;CACN,UAAU;CACV,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,WAAW;EACT,IAAI;EACJ,OAAO;EACR;CACD,cAAc;CACd,KAAK;EACH,IAAI;EACJ,0DAAsD;EACtD,4BAA0B;EAC3B;CACD,MAAM;EACJ,IAAI;EACJ,0DAAsD;EACtD,6BAA2B;EAC5B;CACD,OAAO;EACL,IAAI;EACJ,8BAA4B;EAC7B;CACD,QAAQ;EACN,IAAI;EACJ,+BAA6B;EAC9B;CACD,WAAW;EACT,IAAI;EACJ,+BACE;EACF,6BAA2B;EAC3B,8BAA4B;EAC7B;CACD,YAAY;CACb,EACF,CAAC;AAiBF,SAAS,QACP,OACA,KACA;CACA,IAAI,EACF,KAAK,YACL,eACA,YACA,OACA,cACA,WACA,UACA,YAAY,mBACZ,SAAS,gBACT,OACA,SACA,gBACA,GAAG,yBACD,WAAW,eAAe;CAE9B,MAAM,aAAa,OAAuB,KAAK;CAC/C,MAAM,cAAc,UAAU,eAAe,cAAc,WAAW;CACtE,MAAM,kBAAkB,cAAc;AAEtC,SAAQA,aAAW,OAAO,qBAAqB;CAE/C,IAAI,EACF,YAAY,OACZ,QACA,WACA,UACA,aAAa,mBACb,UAAU,gBACV,GAAG,eACD;CAEJ,MAAM,SAAS,cAAc,YAAY,iBAAiB;CAE1D,IAAI,EAAE,iBAAiB,WAAW;EAAE,GAAG;EAAO,eAAe;EAAO,EAAE,MAAM;AAG5E,qBAAoB,WAAW,aAAa,gBAAgB,CAAC;AAE7D,KAAI,OAAO,cAAc,SACvB,aAAY,GAAG,UAAU;AAG3B,KAAI,OAAO,aAAa,SACtB,YAAW,OAAO,SAAS;CAI7B,MAAM,qBAAqB,WAAW,MAAM,IAAI,CAAC,MAAM,aAAa;CAEpE,MAAM,OAAO,cAAc;AACzB,SAAO;GACL,UAAU;GACV,OAAO;GACP,MAAM,WAAW;GAClB;IACA;EAAC;EAAY;EAAS;EAAQ;EAAQ,CAAC;AAG1C,yBAAsB;AACpB,oBAAkB;IACjB,EAAE,CAAC;AAEN,QACE,qBAAC;EACC,GAAI;EACJ,GAAI;EACJ,KAAK;EACG;EACF;EACN,mBAAiB;EACjB,kBAAgB;EAChB,kBAAgB;EAChB,cAAY;aAEX,MAAM,UACP,oBAAC;GACC,kBAAgB;GAChB,QAAQ;GACF;GACN,GAAI;IACJ;GACa;;;;;AAOrB,IAAI,WAAW,WAAW,QAAQ;AAElC,SAAS,cAAc"}

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

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

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

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

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

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

package/dist/components/portal/Portal.js

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

package/dist/components/portal/PortalProvider.js

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

package/dist/components/portal/usePortal.js

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

package/dist/components/shared/InvalidIcon.js

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

package/dist/components/shared/ValidIcon.js

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { tasty } from "@tenphi/tasty";
 import { jsx, jsxs } from "react/jsx-runtime";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | Cube Dev Team */
 import { Cube } from "./Cube.js";
 import { SpinsContainer } from "./SpinsContainer.js";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { InternalSpinner } from "./InternalSpinner.js";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { jsx } from "react/jsx-runtime";
 

package/dist/data/item-themes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | Cube Dev Team */
 //#region src/data/item-themes.ts
 const VALIDATION_STYLES = { border: {
 	invalid: "#danger-text",
@@ -54,7 +54,7 @@ const DEFAULT_PRIMARY_STYLES = {
 		focused: "1bw #primary-text"
 	},
 	border: {
-		"": "#clear",
+		"": "#white.2",
 		"pressed | focused": "#primary-text",
 		disabled: "#clear"
 	},
@@ -183,7 +183,7 @@ const DANGER_PRIMARY_STYLES = {
 		focused: "1bw #danger-text"
 	},
 	border: {
-		"": "#clear",
+		"": "#white.2",
 		"pressed | focused": "#danger-text",
 		disabled: "#clear"
 	},
@@ -306,7 +306,7 @@ const SUCCESS_PRIMARY_STYLES = {
 		focused: "1bw #success-text"
 	},
 	border: {
-		"": "#clear",
+		"": "#white.2",
 		"pressed | focused": "#success-text",
 		disabled: "#clear"
 	},
@@ -429,7 +429,7 @@ const WARNING_PRIMARY_STYLES = {
 		focused: "1bw #warning-text"
 	},
 	border: {
-		"": "#clear",
+		"": "#white.2",
 		"pressed | focused": "#warning-text",
 		disabled: "#clear"
 	},
@@ -552,7 +552,7 @@ const NOTE_PRIMARY_STYLES = {
 		focused: "1bw #note-text"
 	},
 	border: {
-		"": "#clear",
+		"": "#white.2",
 		"pressed | focused": "#note-text",
 		disabled: "#clear"
 	},

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    '': '#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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"}
+{"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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"}

package/dist/data/themes.js

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

package/dist/icons/AdjustmentsHorizontalIcon.js

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

package/dist/icons/AdjustmentsIcon.js

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

package/dist/icons/AiIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | 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.0.0-canary-865a375 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-77fc655 | Cube Dev Team */
 import { wrapIcon } from "./wrap-icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";