@cube-dev/ui-kit 0.118.0 → 0.119.0

package/dist/components/portal/PortalProvider.js

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

package/dist/components/portal/index.d.ts

@@ -1,3 +1,4 @@
 
+import "./PortalProvider.js";
 import { PortalProps } from "./types.js";
 import { Portal } from "./Portal.js";

package/dist/components/portal/usePortal.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | 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.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { WarningIcon } from "../../icons/WarningIcon.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/shared/ValidIcon.js

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

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

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { tasty } from "../../../tasty/tasty.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { Block } from "../../Block.js";
+import { tasty } from "@tenphi/tasty";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/status/LoadingAnimation/LoadingAnimation.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingAnimation.js","names":[],"sources":["../../../../src/components/status/LoadingAnimation/LoadingAnimation.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\n\nimport { tasty } from '../../../tasty';\nimport { Block, CubeBlockProps } from '../../Block';\n\nconst CUBE_IMAGE =\n  \"data:image/svg+xml,%3Csvg width='36' height='41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.899 10.351l-18 10.25L.1 10.25l18-10.25L35.9 10.351z' fill='%23FAFAFF'/%3E%3Cpath d='M18 41L0 30.75l.101-20.5L18 20.5' fill='%23E5E5F6'/%3E%3Cpath d='M36 30.75L18 41V20.6l17.899-10.25L36 30.75z' fill='%23C0C0EA'/%3E%3C/svg%3E\";\n\nconst CubeElement = tasty({\n  as: 'img',\n  role: 'presentation',\n  src: CUBE_IMAGE,\n  alt: '',\n  styles: {\n    display: 'block',\n    position: 'absolute',\n    width: '50%',\n    height: '50%',\n\n    animationName: {\n      'index=0': 'dice0',\n      'index=1': 'dice1',\n      'index=2': 'dice2',\n    },\n    animationDuration: {\n      'index=0 | index=1 | index=2': '2s',\n    },\n    animationIterationCount: {\n      'index=0 | index=1 | index=2': 'infinite',\n    },\n    animationTimingFunction: {\n      'index=0 | index=1 | index=2': 'ease',\n    },\n    zIndex: {\n      'index=0 | index=1 | index=2': 0,\n    },\n\n    '@keyframes': {\n      dice0: {\n        from: { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        '25%': { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        '50%': { transform: 'translate(0%, 25%)', zIndex: 0 },\n        '51%': { zIndex: 1 },\n        '75%': { zIndex: 1 },\n        to: { transform: 'translate(0%, 25%)', zIndex: 1 },\n      },\n      dice1: {\n        from: { transform: 'translate(0%, 25%)', zIndex: 3 },\n        '25%': { transform: 'translate(49%, 49%)', zIndex: 3 },\n        '75%': { transform: 'translate(49%, 49%)', zIndex: 2 },\n        to: { transform: 'translate(98%, 25%)', zIndex: 1 },\n      },\n      dice2: {\n        from: { transform: 'translate(98%, 25%)', zIndex: 1 },\n        '50%': { transform: 'translate(98%, 25%)', zIndex: 0 },\n        '75%': { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        to: { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n      },\n    },\n  },\n});\n\ninterface CubeProps {\n  index?: 0 | 1 | 2;\n  style?: CSSProperties;\n}\n\nfunction Cube({ index, style }: CubeProps) {\n  return (\n    <CubeElement mods={index != null ? { index } : undefined} style={style} />\n  );\n}\n\nconst SIZE_MAP = {\n  small: 32,\n  medium: 64,\n  large: 96,\n};\n\nexport interface CubeLoadingAnimationProps extends CubeBlockProps {\n  size?: 'small' | 'medium' | 'large' | number;\n}\n\nexport function LoadingAnimation({\n  size = 'medium',\n  ...props\n}: CubeLoadingAnimationProps) {\n  const numSize: number = SIZE_MAP[size] || size || SIZE_MAP.medium;\n\n  return (\n    <Block\n      role=\"img\"\n      aria-label=\"Loading animation\"\n      width={numSize}\n      height={numSize * 1.1388888889}\n      style={{ position: 'relative' }}\n      {...props}\n    >\n      <Cube style={{ transform: 'translate(0%, 72.5%)' }} />\n      <Cube style={{ transform: 'translate(98%, 72.5%)' }} />\n      <Cube style={{ transform: 'translate(49%, 96.5%)' }} />\n      <Cube index={0} />\n      <Cube index={1} />\n      <Cube index={2} />\n    </Block>\n  );\n}\n"],"mappings":";;;;;;AAQA,MAAM,cAAc,MAAM;CACxB,IAAI;CACJ,MAAM;CACN,KALA;CAMA,KAAK;CACL,QAAQ;EACN,SAAS;EACT,UAAU;EACV,OAAO;EACP,QAAQ;EAER,eAAe;GACb,WAAW;GACX,WAAW;GACX,WAAW;GACZ;EACD,mBAAmB,EACjB,+BAA+B,MAChC;EACD,yBAAyB,EACvB,+BAA+B,YAChC;EACD,yBAAyB,EACvB,+BAA+B,QAChC;EACD,QAAQ,EACN,+BAA+B,GAChC;EAED,cAAc;GACZ,OAAO;IACL,MAAM;KAAE,WAAW;KAAwB,QAAQ;KAAG;IACtD,OAAO;KAAE,WAAW;KAAwB,QAAQ;KAAG;IACvD,OAAO;KAAE,WAAW;KAAsB,QAAQ;KAAG;IACrD,OAAO,EAAE,QAAQ,GAAG;IACpB,OAAO,EAAE,QAAQ,GAAG;IACpB,IAAI;KAAE,WAAW;KAAsB,QAAQ;KAAG;IACnD;GACD,OAAO;IACL,MAAM;KAAE,WAAW;KAAsB,QAAQ;KAAG;IACpD,OAAO;KAAE,WAAW;KAAuB,QAAQ;KAAG;IACtD,OAAO;KAAE,WAAW;KAAuB,QAAQ;KAAG;IACtD,IAAI;KAAE,WAAW;KAAuB,QAAQ;KAAG;IACpD;GACD,OAAO;IACL,MAAM;KAAE,WAAW;KAAuB,QAAQ;KAAG;IACrD,OAAO;KAAE,WAAW;KAAuB,QAAQ;KAAG;IACtD,OAAO;KAAE,WAAW;KAAwB,QAAQ;KAAG;IACvD,IAAI;KAAE,WAAW;KAAwB,QAAQ;KAAG;IACrD;GACF;EACF;CACF,CAAC;AAOF,SAAS,KAAK,EAAE,OAAO,SAAoB;AACzC,QACE,oBAAC;EAAY,MAAM,SAAS,OAAO,EAAE,OAAO,GAAG;EAAkB;GAAS;;AAI9E,MAAM,WAAW;CACf,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAMD,SAAgB,iBAAiB,EAC/B,OAAO,UACP,GAAG,SACyB;CAC5B,MAAM,UAAkB,SAAS,SAAS,QAAQ,SAAS;AAE3D,QACE,qBAAC;EACC,MAAK;EACL,cAAW;EACX,OAAO;EACP,QAAQ,UAAU;EAClB,OAAO,EAAE,UAAU,YAAY;EAC/B,GAAI;;GAEJ,oBAAC,QAAK,OAAO,EAAE,WAAW,wBAAwB,GAAI;GACtD,oBAAC,QAAK,OAAO,EAAE,WAAW,yBAAyB,GAAI;GACvD,oBAAC,QAAK,OAAO,EAAE,WAAW,yBAAyB,GAAI;GACvD,oBAAC,QAAK,OAAO,IAAK;GAClB,oBAAC,QAAK,OAAO,IAAK;GAClB,oBAAC,QAAK,OAAO,IAAK;;GACZ"}
+{"version":3,"file":"LoadingAnimation.js","names":[],"sources":["../../../../src/components/status/LoadingAnimation/LoadingAnimation.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { CSSProperties } from 'react';\n\nimport { Block, CubeBlockProps } from '../../Block';\n\nconst CUBE_IMAGE =\n  \"data:image/svg+xml,%3Csvg width='36' height='41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.899 10.351l-18 10.25L.1 10.25l18-10.25L35.9 10.351z' fill='%23FAFAFF'/%3E%3Cpath d='M18 41L0 30.75l.101-20.5L18 20.5' fill='%23E5E5F6'/%3E%3Cpath d='M36 30.75L18 41V20.6l17.899-10.25L36 30.75z' fill='%23C0C0EA'/%3E%3C/svg%3E\";\n\nconst CubeElement = tasty({\n  as: 'img',\n  role: 'presentation',\n  src: CUBE_IMAGE,\n  alt: '',\n  styles: {\n    display: 'block',\n    position: 'absolute',\n    width: '50%',\n    height: '50%',\n\n    animationName: {\n      'index=0': 'dice0',\n      'index=1': 'dice1',\n      'index=2': 'dice2',\n    },\n    animationDuration: {\n      'index=0 | index=1 | index=2': '2s',\n    },\n    animationIterationCount: {\n      'index=0 | index=1 | index=2': 'infinite',\n    },\n    animationTimingFunction: {\n      'index=0 | index=1 | index=2': 'ease',\n    },\n    zIndex: {\n      'index=0 | index=1 | index=2': 0,\n    },\n\n    '@keyframes': {\n      dice0: {\n        from: { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        '25%': { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        '50%': { transform: 'translate(0%, 25%)', zIndex: 0 },\n        '51%': { zIndex: 1 },\n        '75%': { zIndex: 1 },\n        to: { transform: 'translate(0%, 25%)', zIndex: 1 },\n      },\n      dice1: {\n        from: { transform: 'translate(0%, 25%)', zIndex: 3 },\n        '25%': { transform: 'translate(49%, 49%)', zIndex: 3 },\n        '75%': { transform: 'translate(49%, 49%)', zIndex: 2 },\n        to: { transform: 'translate(98%, 25%)', zIndex: 1 },\n      },\n      dice2: {\n        from: { transform: 'translate(98%, 25%)', zIndex: 1 },\n        '50%': { transform: 'translate(98%, 25%)', zIndex: 0 },\n        '75%': { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n        to: { transform: 'translate(49%, 0.5%)', zIndex: 0 },\n      },\n    },\n  },\n});\n\ninterface CubeProps {\n  index?: 0 | 1 | 2;\n  style?: CSSProperties;\n}\n\nfunction Cube({ index, style }: CubeProps) {\n  return (\n    <CubeElement mods={index != null ? { index } : undefined} style={style} />\n  );\n}\n\nconst SIZE_MAP = {\n  small: 32,\n  medium: 64,\n  large: 96,\n};\n\nexport interface CubeLoadingAnimationProps extends CubeBlockProps {\n  size?: 'small' | 'medium' | 'large' | number;\n}\n\nexport function LoadingAnimation({\n  size = 'medium',\n  ...props\n}: CubeLoadingAnimationProps) {\n  const numSize: number = SIZE_MAP[size] || size || SIZE_MAP.medium;\n\n  return (\n    <Block\n      role=\"img\"\n      aria-label=\"Loading animation\"\n      width={numSize}\n      height={numSize * 1.1388888889}\n      style={{ position: 'relative' }}\n      {...props}\n    >\n      <Cube style={{ transform: 'translate(0%, 72.5%)' }} />\n      <Cube style={{ transform: 'translate(98%, 72.5%)' }} />\n      <Cube style={{ transform: 'translate(49%, 96.5%)' }} />\n      <Cube index={0} />\n      <Cube index={1} />\n      <Cube index={2} />\n    </Block>\n  );\n}\n"],"mappings":";;;;;;AAQA,MAAM,cAAc,MAAM;CACxB,IAAI;CACJ,MAAM;CACN,KALA;CAMA,KAAK;CACL,QAAQ;EACN,SAAS;EACT,UAAU;EACV,OAAO;EACP,QAAQ;EAER,eAAe;GACb,WAAW;GACX,WAAW;GACX,WAAW;GACZ;EACD,mBAAmB,EACjB,+BAA+B,MAChC;EACD,yBAAyB,EACvB,+BAA+B,YAChC;EACD,yBAAyB,EACvB,+BAA+B,QAChC;EACD,QAAQ,EACN,+BAA+B,GAChC;EAED,cAAc;GACZ,OAAO;IACL,MAAM;KAAE,WAAW;KAAwB,QAAQ;KAAG;IACtD,OAAO;KAAE,WAAW;KAAwB,QAAQ;KAAG;IACvD,OAAO;KAAE,WAAW;KAAsB,QAAQ;KAAG;IACrD,OAAO,EAAE,QAAQ,GAAG;IACpB,OAAO,EAAE,QAAQ,GAAG;IACpB,IAAI;KAAE,WAAW;KAAsB,QAAQ;KAAG;IACnD;GACD,OAAO;IACL,MAAM;KAAE,WAAW;KAAsB,QAAQ;KAAG;IACpD,OAAO;KAAE,WAAW;KAAuB,QAAQ;KAAG;IACtD,OAAO;KAAE,WAAW;KAAuB,QAAQ;KAAG;IACtD,IAAI;KAAE,WAAW;KAAuB,QAAQ;KAAG;IACpD;GACD,OAAO;IACL,MAAM;KAAE,WAAW;KAAuB,QAAQ;KAAG;IACrD,OAAO;KAAE,WAAW;KAAuB,QAAQ;KAAG;IACtD,OAAO;KAAE,WAAW;KAAwB,QAAQ;KAAG;IACvD,IAAI;KAAE,WAAW;KAAwB,QAAQ;KAAG;IACrD;GACF;EACF;CACF,CAAC;AAOF,SAAS,KAAK,EAAE,OAAO,SAAoB;AACzC,QACE,oBAAC;EAAY,MAAM,SAAS,OAAO,EAAE,OAAO,GAAG;EAAkB;GAAS;;AAI9E,MAAM,WAAW;CACf,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAMD,SAAgB,iBAAiB,EAC/B,OAAO,UACP,GAAG,SACyB;CAC5B,MAAM,UAAkB,SAAS,SAAS,QAAQ,SAAS;AAE3D,QACE,qBAAC;EACC,MAAK;EACL,cAAW;EACX,OAAO;EACP,QAAQ,UAAU;EAClB,OAAO,EAAE,UAAU,YAAY;EAC/B,GAAI;;GAEJ,oBAAC,QAAK,OAAO,EAAE,WAAW,wBAAwB,GAAI;GACtD,oBAAC,QAAK,OAAO,EAAE,WAAW,yBAAyB,GAAI;GACvD,oBAAC,QAAK,OAAO,EAAE,WAAW,yBAAyB,GAAI;GACvD,oBAAC,QAAK,OAAO,IAAK;GAClB,oBAAC,QAAK,OAAO,IAAK;GAClB,oBAAC,QAAK,OAAO,IAAK;;GACZ"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Cube.js","names":[],"sources":["../../../../src/components/status/Spin/Cube.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { tasty } from '../../../tasty';\n\nimport { SpinCubeProps } from './types';\n\nconst CubeElement = tasty({\n  role: 'presentation',\n  styles: {\n    '$cube-border-width': '(4 / 100 * $cube-spin-size)',\n    '$cube-border-compensation': '(-1 * $cube-border-width)',\n    '$cube-size': '((100% - 2 * $cube-border-width) / 2)',\n\n    boxSizing: 'content-box',\n    position: 'absolute',\n    top: '$cube-border-compensation',\n    left: '$cube-border-compensation',\n    width: '$cube-size',\n    height: '$cube-size',\n    border: '$cube-border-width solid transparent',\n    overflow: 'hidden',\n    contain: 'size layout style paint',\n    pointerEvents: 'none',\n    userSelect: 'none',\n\n    animationName: {\n      'position=top': 'cube-spin-top',\n      'position=right': 'cube-spin-right',\n      'position=bottom': 'cube-spin-bottom',\n    },\n    animationDuration: '2.2s',\n    animationIterationCount: 'infinite',\n    animationTimingFunction: 'cubic-bezier(0.5, 0.05, 0.3, 0.95)',\n    animationPlayState: {\n      '': 'running',\n      '@media(prefers-reduced-motion)': 'paused',\n    },\n\n    '&::before': {\n      '$cube-round-radius': '(4 / 100 * $cube-spin-size)',\n      content: '\"\"',\n      display: 'block',\n      width: '100%',\n      height: '100%',\n      radius: '$cube-round-radius',\n      fill: {\n        'position=top': '#7a77ff',\n        'position=right': '#727290',\n        'position=bottom': '#ff6492',\n      },\n    },\n\n    '@keyframes': {\n      'cube-spin-top': {\n        '0%': { transform: 'translate(0%, 0)' },\n        '8%': { transform: 'translate(100%, 0)' },\n        '17%': { transform: 'translate(100%, 0)' },\n        '25%': { transform: 'translate(100%, 0)' },\n        '33%': { transform: 'translate(100%, 100%)' },\n        '42%': { transform: 'translate(100%, 100%)' },\n        '50%': { transform: 'translate(100%, 100%)' },\n        '58%': { transform: 'translate(0, 100%)' },\n        '67%': { transform: 'translate(0, 100%)' },\n        '75%': { transform: 'translate(0, 100%)' },\n        '83%': { transform: 'translate(0, 0)' },\n        '92%': { transform: 'translate(0, 0)' },\n        '100%': { transform: 'translate(0, 0)' },\n      },\n      'cube-spin-right': {\n        '0%': { transform: 'translate(100%, 100%)' },\n        '8%': { transform: 'translate(100%, 100%)' },\n        '17%': { transform: 'translate(100%, 100%)' },\n        '25%': { transform: 'translate(0, 100%)' },\n        '33%': { transform: 'translate(0, 100%)' },\n        '42%': { transform: 'translate(0, 100%)' },\n        '50%': { transform: 'translate(0, 0)' },\n        '58%': { transform: 'translate(0, 0)' },\n        '67%': { transform: 'translate(0, 0)' },\n        '75%': { transform: 'translate(100%, 0)' },\n        '83%': { transform: 'translate(100%, 0)' },\n        '92%': { transform: 'translate(100%, 0)' },\n        '100%': { transform: 'translate(100%, 100%)' },\n      },\n      'cube-spin-bottom': {\n        '0%': { transform: 'translate(0, 100%)' },\n        '8%': { transform: 'translate(0, 100%)' },\n        '17%': { transform: 'translate(0, 0)' },\n        '25%': { transform: 'translate(0, 0)' },\n        '33%': { transform: 'translate(0, 0)' },\n        '42%': { transform: 'translate(100%, 0)' },\n        '50%': { transform: 'translate(100%, 0)' },\n        '58%': { transform: 'translate(100%, 0)' },\n        '67%': { transform: 'translate(100%, 100%)' },\n        '75%': { transform: 'translate(100%, 100%)' },\n        '83%': { transform: 'translate(100%, 100%)' },\n        '92%': { transform: 'translate(0, 100%)' },\n        '100%': { transform: 'translate(0, 100%)' },\n      },\n    },\n  },\n});\n\nexport const Cube = memo(function Cube({ $position }: SpinCubeProps) {\n  return <CubeElement mods={{ position: $position }} />;\n});\n"],"mappings":";;;;;;AAMA,MAAM,cAAc,MAAM;CACxB,MAAM;CACN,QAAQ;EACN,sBAAsB;EACtB,6BAA6B;EAC7B,cAAc;EAEd,WAAW;EACX,UAAU;EACV,KAAK;EACL,MAAM;EACN,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,UAAU;EACV,SAAS;EACT,eAAe;EACf,YAAY;EAEZ,eAAe;GACb,gBAAgB;GAChB,kBAAkB;GAClB,mBAAmB;GACpB;EACD,mBAAmB;EACnB,yBAAyB;EACzB,yBAAyB;EACzB,oBAAoB;GAClB,IAAI;GACJ,kCAAkC;GACnC;EAED,aAAa;GACX,sBAAsB;GACtB,SAAS;GACT,SAAS;GACT,OAAO;GACP,QAAQ;GACR,QAAQ;GACR,MAAM;IACJ,gBAAgB;IAChB,kBAAkB;IAClB,mBAAmB;IACpB;GACF;EAED,cAAc;GACZ,iBAAiB;IACf,MAAM,EAAE,WAAW,oBAAoB;IACvC,MAAM,EAAE,WAAW,sBAAsB;IACzC,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,mBAAmB;IACvC,QAAQ,EAAE,WAAW,mBAAmB;IACzC;GACD,mBAAmB;IACjB,MAAM,EAAE,WAAW,yBAAyB;IAC5C,MAAM,EAAE,WAAW,yBAAyB;IAC5C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,QAAQ,EAAE,WAAW,yBAAyB;IAC/C;GACD,oBAAoB;IAClB,MAAM,EAAE,WAAW,sBAAsB;IACzC,MAAM,EAAE,WAAW,sBAAsB;IACzC,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,QAAQ,EAAE,WAAW,sBAAsB;IAC5C;GACF;EACF;CACF,CAAC;AAEF,MAAa,OAAO,KAAK,SAAS,KAAK,EAAE,aAA4B;AACnE,QAAO,oBAAC,eAAY,MAAM,EAAE,UAAU,WAAW,GAAI;EACrD"}
+{"version":3,"file":"Cube.js","names":[],"sources":["../../../../src/components/status/Spin/Cube.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { memo } from 'react';\n\nimport { SpinCubeProps } from './types';\n\nconst CubeElement = tasty({\n  role: 'presentation',\n  styles: {\n    '$cube-border-width': '(4 / 100 * $cube-spin-size)',\n    '$cube-border-compensation': '(-1 * $cube-border-width)',\n    '$cube-size': '((100% - 2 * $cube-border-width) / 2)',\n\n    boxSizing: 'content-box',\n    position: 'absolute',\n    top: '$cube-border-compensation',\n    left: '$cube-border-compensation',\n    width: '$cube-size',\n    height: '$cube-size',\n    border: '$cube-border-width solid transparent',\n    overflow: 'hidden',\n    contain: 'size layout style paint',\n    pointerEvents: 'none',\n    userSelect: 'none',\n\n    animationName: {\n      'position=top': 'cube-spin-top',\n      'position=right': 'cube-spin-right',\n      'position=bottom': 'cube-spin-bottom',\n    },\n    animationDuration: '2.2s',\n    animationIterationCount: 'infinite',\n    animationTimingFunction: 'cubic-bezier(0.5, 0.05, 0.3, 0.95)',\n    animationPlayState: {\n      '': 'running',\n      '@media(prefers-reduced-motion)': 'paused',\n    },\n\n    '&::before': {\n      '$cube-round-radius': '(4 / 100 * $cube-spin-size)',\n      content: '\"\"',\n      display: 'block',\n      width: '100%',\n      height: '100%',\n      radius: '$cube-round-radius',\n      fill: {\n        'position=top': '#7a77ff',\n        'position=right': '#727290',\n        'position=bottom': '#ff6492',\n      },\n    },\n\n    '@keyframes': {\n      'cube-spin-top': {\n        '0%': { transform: 'translate(0%, 0)' },\n        '8%': { transform: 'translate(100%, 0)' },\n        '17%': { transform: 'translate(100%, 0)' },\n        '25%': { transform: 'translate(100%, 0)' },\n        '33%': { transform: 'translate(100%, 100%)' },\n        '42%': { transform: 'translate(100%, 100%)' },\n        '50%': { transform: 'translate(100%, 100%)' },\n        '58%': { transform: 'translate(0, 100%)' },\n        '67%': { transform: 'translate(0, 100%)' },\n        '75%': { transform: 'translate(0, 100%)' },\n        '83%': { transform: 'translate(0, 0)' },\n        '92%': { transform: 'translate(0, 0)' },\n        '100%': { transform: 'translate(0, 0)' },\n      },\n      'cube-spin-right': {\n        '0%': { transform: 'translate(100%, 100%)' },\n        '8%': { transform: 'translate(100%, 100%)' },\n        '17%': { transform: 'translate(100%, 100%)' },\n        '25%': { transform: 'translate(0, 100%)' },\n        '33%': { transform: 'translate(0, 100%)' },\n        '42%': { transform: 'translate(0, 100%)' },\n        '50%': { transform: 'translate(0, 0)' },\n        '58%': { transform: 'translate(0, 0)' },\n        '67%': { transform: 'translate(0, 0)' },\n        '75%': { transform: 'translate(100%, 0)' },\n        '83%': { transform: 'translate(100%, 0)' },\n        '92%': { transform: 'translate(100%, 0)' },\n        '100%': { transform: 'translate(100%, 100%)' },\n      },\n      'cube-spin-bottom': {\n        '0%': { transform: 'translate(0, 100%)' },\n        '8%': { transform: 'translate(0, 100%)' },\n        '17%': { transform: 'translate(0, 0)' },\n        '25%': { transform: 'translate(0, 0)' },\n        '33%': { transform: 'translate(0, 0)' },\n        '42%': { transform: 'translate(100%, 0)' },\n        '50%': { transform: 'translate(100%, 0)' },\n        '58%': { transform: 'translate(100%, 0)' },\n        '67%': { transform: 'translate(100%, 100%)' },\n        '75%': { transform: 'translate(100%, 100%)' },\n        '83%': { transform: 'translate(100%, 100%)' },\n        '92%': { transform: 'translate(0, 100%)' },\n        '100%': { transform: 'translate(0, 100%)' },\n      },\n    },\n  },\n});\n\nexport const Cube = memo(function Cube({ $position }: SpinCubeProps) {\n  return <CubeElement mods={{ position: $position }} />;\n});\n"],"mappings":";;;;;;AAKA,MAAM,cAAc,MAAM;CACxB,MAAM;CACN,QAAQ;EACN,sBAAsB;EACtB,6BAA6B;EAC7B,cAAc;EAEd,WAAW;EACX,UAAU;EACV,KAAK;EACL,MAAM;EACN,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,UAAU;EACV,SAAS;EACT,eAAe;EACf,YAAY;EAEZ,eAAe;GACb,gBAAgB;GAChB,kBAAkB;GAClB,mBAAmB;GACpB;EACD,mBAAmB;EACnB,yBAAyB;EACzB,yBAAyB;EACzB,oBAAoB;GAClB,IAAI;GACJ,kCAAkC;GACnC;EAED,aAAa;GACX,sBAAsB;GACtB,SAAS;GACT,SAAS;GACT,OAAO;GACP,QAAQ;GACR,QAAQ;GACR,MAAM;IACJ,gBAAgB;IAChB,kBAAkB;IAClB,mBAAmB;IACpB;GACF;EAED,cAAc;GACZ,iBAAiB;IACf,MAAM,EAAE,WAAW,oBAAoB;IACvC,MAAM,EAAE,WAAW,sBAAsB;IACzC,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,mBAAmB;IACvC,QAAQ,EAAE,WAAW,mBAAmB;IACzC;GACD,mBAAmB;IACjB,MAAM,EAAE,WAAW,yBAAyB;IAC5C,MAAM,EAAE,WAAW,yBAAyB;IAC5C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,QAAQ,EAAE,WAAW,yBAAyB;IAC/C;GACD,oBAAoB;IAClB,MAAM,EAAE,WAAW,sBAAsB;IACzC,MAAM,EAAE,WAAW,sBAAsB;IACzC,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,mBAAmB;IACvC,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,yBAAyB;IAC7C,OAAO,EAAE,WAAW,sBAAsB;IAC1C,QAAQ,EAAE,WAAW,sBAAsB;IAC5C;GACF;EACF;CACF,CAAC;AAEF,MAAa,OAAO,KAAK,SAAS,KAAK,EAAE,aAA4B;AACnE,QAAO,oBAAC,eAAY,MAAM,EAAE,UAAU,WAAW,GAAI;EACrD"}

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

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { tasty } from "../../../tasty/tasty.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { Cube } from "./Cube.js";
 import { SpinsContainer } from "./SpinsContainer.js";
+import { tasty } from "@tenphi/tasty";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 

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

@@ -1 +1 @@
-{"version":3,"file":"InternalSpinner.js","names":[],"sources":["../../../../src/components/status/Spin/InternalSpinner.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { tasty } from '../../../tasty';\n\nimport { Cube } from './Cube';\nimport { SpinsContainer } from './SpinsContainer';\nimport { InternalSpinnerProps, SpinSize } from './types';\n\nconst SpinsBox = tasty({ styles: { position: 'relative', blockSize: '100%' } });\n\nexport const InternalSpinner = memo(function InternalSpinner(\n  props: InternalSpinnerProps,\n) {\n  const { size } = props;\n\n  return (\n    // Even though using size as a key resets the animation, it helps safari to resize the cubes.\n    <SpinsContainer key={size} ownSize={CUBE_SIZE_MAP[size]}>\n      <SpinsBox>\n        <Cube $position=\"top\" />\n        <Cube $position=\"right\" />\n        <Cube $position=\"bottom\" />\n      </SpinsBox>\n    </SpinsContainer>\n  );\n});\n\nconst CUBE_SIZE_MAP: Record<SpinSize, number> = {\n  small: 24,\n  default: 32,\n  large: 48,\n};\n"],"mappings":";;;;;;;;AAQA,MAAM,WAAW,MAAM,EAAE,QAAQ;CAAE,UAAU;CAAY,WAAW;CAAQ,EAAE,CAAC;AAE/E,MAAa,kBAAkB,KAAK,SAAS,gBAC3C,OACA;CACA,MAAM,EAAE,SAAS;AAEjB,QAEE,oBAAC;EAA0B,SAAS,cAAc;YAChD,qBAAC;GACC,oBAAC,QAAK,WAAU,QAAQ;GACxB,oBAAC,QAAK,WAAU,UAAU;GAC1B,oBAAC,QAAK,WAAU,WAAW;MAClB;IALQ,KAMJ;EAEnB;AAEF,MAAM,gBAA0C;CAC9C,OAAO;CACP,SAAS;CACT,OAAO;CACR"}
+{"version":3,"file":"InternalSpinner.js","names":[],"sources":["../../../../src/components/status/Spin/InternalSpinner.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { memo } from 'react';\n\nimport { Cube } from './Cube';\nimport { SpinsContainer } from './SpinsContainer';\nimport { InternalSpinnerProps, SpinSize } from './types';\n\nconst SpinsBox = tasty({ styles: { position: 'relative', blockSize: '100%' } });\n\nexport const InternalSpinner = memo(function InternalSpinner(\n  props: InternalSpinnerProps,\n) {\n  const { size } = props;\n\n  return (\n    // Even though using size as a key resets the animation, it helps safari to resize the cubes.\n    <SpinsContainer key={size} ownSize={CUBE_SIZE_MAP[size]}>\n      <SpinsBox>\n        <Cube $position=\"top\" />\n        <Cube $position=\"right\" />\n        <Cube $position=\"bottom\" />\n      </SpinsBox>\n    </SpinsContainer>\n  );\n});\n\nconst CUBE_SIZE_MAP: Record<SpinSize, number> = {\n  small: 24,\n  default: 32,\n  large: 48,\n};\n"],"mappings":";;;;;;;;AAOA,MAAM,WAAW,MAAM,EAAE,QAAQ;CAAE,UAAU;CAAY,WAAW;CAAQ,EAAE,CAAC;AAE/E,MAAa,kBAAkB,KAAK,SAAS,gBAC3C,OACA;CACA,MAAM,EAAE,SAAS;AAEjB,QAEE,oBAAC;EAA0B,SAAS,cAAc;YAChD,qBAAC;GACC,oBAAC,QAAK,WAAU,QAAQ;GACxB,oBAAC,QAAK,WAAU,UAAU;GAC1B,oBAAC,QAAK,WAAU,WAAW;MAClB;IALQ,KAMJ;EAEnB;AAEF,MAAM,gBAA0C;CAC9C,OAAO;CACP,SAAS;CACT,OAAO;CACR"}

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

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { tasty } from "../../../tasty/tasty.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { InternalSpinner } from "./InternalSpinner.js";
+import { tasty } from "@tenphi/tasty";
 import { Fragment, jsx } from "react/jsx-runtime";
 
 //#region src/components/status/Spin/Spin.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"Spin.js","names":[],"sources":["../../../../src/components/status/Spin/Spin.tsx"],"sourcesContent":["import { tasty } from '../../../tasty';\nimport { Block } from '../../Block';\n\nimport { InternalSpinner } from './InternalSpinner';\nimport { CubeSpinProps } from './types';\n\nconst SpinContainer = tasty(Block, { styles: { lineHeight: '0' } });\n\nexport function Spin(props: CubeSpinProps) {\n  const { size = 'default', spinning = true, children, styles } = props;\n\n  if (!spinning) {\n    return <>{children}</>;\n  }\n\n  return (\n    <SpinContainer styles={styles}>\n      <InternalSpinner size={size} />\n    </SpinContainer>\n  );\n}\n"],"mappings":";;;;;;;AAMA,MAAM,gBAAgB,MAAM,OAAO,EAAE,QAAQ,EAAE,YAAY,KAAK,EAAE,CAAC;AAEnE,SAAgB,KAAK,OAAsB;CACzC,MAAM,EAAE,OAAO,WAAW,WAAW,MAAM,UAAU,WAAW;AAEhE,KAAI,CAAC,SACH,QAAO,gCAAG,WAAY;AAGxB,QACE,oBAAC;EAAsB;YACrB,oBAAC,mBAAsB,OAAQ;GACjB"}
+{"version":3,"file":"Spin.js","names":[],"sources":["../../../../src/components/status/Spin/Spin.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nimport { Block } from '../../Block';\n\nimport { InternalSpinner } from './InternalSpinner';\nimport { CubeSpinProps } from './types';\n\nconst SpinContainer = tasty(Block, { styles: { lineHeight: '0' } });\n\nexport function Spin(props: CubeSpinProps) {\n  const { size = 'default', spinning = true, children, styles } = props;\n\n  if (!spinning) {\n    return <>{children}</>;\n  }\n\n  return (\n    <SpinContainer styles={styles}>\n      <InternalSpinner size={size} />\n    </SpinContainer>\n  );\n}\n"],"mappings":";;;;;;;AAOA,MAAM,gBAAgB,MAAM,OAAO,EAAE,QAAQ,EAAE,YAAY,KAAK,EAAE,CAAC;AAEnE,SAAgB,KAAK,OAAsB;CACzC,MAAM,EAAE,OAAO,WAAW,WAAW,MAAM,UAAU,WAAW;AAEhE,KAAI,CAAC,SACH,QAAO,gCAAG,WAAY;AAGxB,QACE,oBAAC;EAAsB;YACrB,oBAAC,mBAAsB,OAAQ;GACjB"}

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

@@ -1,5 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { tasty } from "../../../tasty/tasty.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
+import { tasty } from "@tenphi/tasty";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/status/Spin/SpinsContainer.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"SpinsContainer.js","names":[],"sources":["../../../../src/components/status/Spin/SpinsContainer.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { tasty } from '../../../tasty';\n\nconst SpinsContainerElement = tasty({\n  role: 'presentation',\n  styles: {\n    boxSizing: 'border-box',\n    display: 'inline-block',\n    padding: '(1 / 10 * $cube-spin-size)',\n    width: '$cube-spin-size',\n    height: '$cube-spin-size',\n    opacity: 0.8,\n    contain: 'size layout style paint',\n    // animation: {\n    //   '': 'cube-spin-reduced-motion 2s infinite ease-in-out',\n    //   '@media(prefers-reduced-motion)': 'none',\n    // },\n\n    '@keyframes': {\n      'cube-spin-reduced-motion': {\n        '0%': 'opacity: 0.4;',\n        '50%': 'opacity: 0.8;',\n        '100%': 'opacity: 0.4;',\n      },\n    },\n  },\n});\n\nexport interface SpinsContainerProps {\n  ownSize: number;\n  children?: ReactNode;\n}\n\nexport function SpinsContainer({ ownSize, children }: SpinsContainerProps) {\n  return (\n    <SpinsContainerElement tokens={{ '$cube-spin-size': `${ownSize}px` }}>\n      {children}\n    </SpinsContainerElement>\n  );\n}\n"],"mappings":";;;;;AAIA,MAAM,wBAAwB,MAAM;CAClC,MAAM;CACN,QAAQ;EACN,WAAW;EACX,SAAS;EACT,SAAS;EACT,OAAO;EACP,QAAQ;EACR,SAAS;EACT,SAAS;EAMT,cAAc,EACZ,4BAA4B;GAC1B,MAAM;GACN,OAAO;GACP,QAAQ;GACT,EACF;EACF;CACF,CAAC;AAOF,SAAgB,eAAe,EAAE,SAAS,YAAiC;AACzE,QACE,oBAAC;EAAsB,QAAQ,EAAE,mBAAmB,GAAG,QAAQ,KAAK;EACjE;GACqB"}
+{"version":3,"file":"SpinsContainer.js","names":[],"sources":["../../../../src/components/status/Spin/SpinsContainer.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ReactNode } from 'react';\n\nconst SpinsContainerElement = tasty({\n  role: 'presentation',\n  styles: {\n    boxSizing: 'border-box',\n    display: 'inline-block',\n    padding: '(1 / 10 * $cube-spin-size)',\n    width: '$cube-spin-size',\n    height: '$cube-spin-size',\n    opacity: 0.8,\n    contain: 'size layout style paint',\n    // animation: {\n    //   '': 'cube-spin-reduced-motion 2s infinite ease-in-out',\n    //   '@media(prefers-reduced-motion)': 'none',\n    // },\n\n    '@keyframes': {\n      'cube-spin-reduced-motion': {\n        '0%': 'opacity: 0.4;',\n        '50%': 'opacity: 0.8;',\n        '100%': 'opacity: 0.4;',\n      },\n    },\n  },\n});\n\nexport interface SpinsContainerProps {\n  ownSize: number;\n  children?: ReactNode;\n}\n\nexport function SpinsContainer({ ownSize, children }: SpinsContainerProps) {\n  return (\n    <SpinsContainerElement tokens={{ '$cube-spin-size': `${ownSize}px` }}>\n      {children}\n    </SpinsContainerElement>\n  );\n}\n"],"mappings":";;;;;AAGA,MAAM,wBAAwB,MAAM;CAClC,MAAM;CACN,QAAQ;EACN,WAAW;EACX,SAAS;EACT,SAAS;EACT,OAAO;EACP,QAAQ;EACR,SAAS;EACT,SAAS;EAMT,cAAc,EACZ,4BAA4B;GAC1B,MAAM;GACN,OAAO;GACP,QAAQ;GACT,EACF;EACF;CACF,CAAC;AAOF,SAAgB,eAAe,EAAE,SAAS,YAAiC;AACzE,QACE,oBAAC;EAAsB,QAAQ,EAAE,mBAAmB,GAAG,QAAQ,KAAK;EACjE;GACqB"}

package/dist/components/status/Spin/types.d.ts

@@ -1,6 +1,5 @@
 
-import { Styles } from "../../../tasty/styles/types.js";
-import "../../../tasty/index.js";
+import { Styles } from "@tenphi/tasty";
 import { ReactNode } from "react";
 
 //#region src/components/status/Spin/types.d.ts

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

@@ -1,5 +1,5 @@
 
-import "../tasty/index.js";
+import { Styles } from "@tenphi/tasty";
 
 //#region src/data/item-themes.d.ts
 type ItemVariant = 'default.primary' | 'default.secondary' | 'default.outline' | 'default.neutral' | 'default.clear' | 'default.link' | 'default.item' | 'default.card' | 'danger.primary' | 'danger.secondary' | 'danger.outline' | 'danger.neutral' | 'danger.clear' | 'danger.link' | 'danger.item' | 'danger.card' | 'success.primary' | 'success.secondary' | 'success.outline' | 'success.neutral' | 'success.clear' | 'success.link' | 'success.item' | 'success.card' | 'warning.primary' | 'warning.secondary' | 'warning.outline' | 'warning.neutral' | 'warning.clear' | 'warning.link' | 'warning.item' | 'warning.card' | 'note.primary' | 'note.secondary' | 'note.outline' | 'note.neutral' | 'note.clear' | 'note.link' | 'note.item' | 'note.card' | 'special.primary' | 'special.secondary' | 'special.outline' | 'special.neutral' | 'special.clear' | 'special.link' | 'special.item';

package/dist/data/item-themes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 //#region src/data/item-themes.ts
 const VALIDATION_STYLES = { border: {
 	invalid: "#danger-text",

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

@@ -1 +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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"}
+{"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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"}

package/dist/data/themes.js

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

package/dist/icons/AdjustmentsIcon.js

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

package/dist/icons/AiIcon.js

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

package/dist/icons/AreaChartIcon.js

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

package/dist/icons/BackwardIcon.js

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

package/dist/icons/BarChartIcon.js

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

package/dist/icons/BellFilledIcon.js

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

package/dist/icons/BellIcon.js

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

package/dist/icons/BooleanIcon.js

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

package/dist/icons/CalendarEditIcon.js

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

package/dist/icons/CalendarIcon.js

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

package/dist/icons/CaretDownIcon.js

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

package/dist/icons/CaretUpIcon.js

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

package/dist/icons/ChartAreaStackedIcon.js

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

package/dist/icons/ChartAreaStackedPercentageIcon.js

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

package/dist/icons/ChartBarGroupedHorizontalIcon.js

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

package/dist/icons/ChartBarGroupedIcon.js

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

package/dist/icons/ChartBarHorizontalIcon.js

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

package/dist/icons/ChartBarLineIcon.js

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

package/dist/icons/ChartBarStackedHorizontalIcon.js

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

package/dist/icons/ChartBarStackedIcon.js

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

package/dist/icons/ChartBarStackedPercentageHorizontalIcon.js

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

package/dist/icons/ChartBarStackedPercentageIcon.js

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

package/dist/icons/ChartBoxPlot2Icon.js

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

package/dist/icons/ChartBoxPlotIcon.js

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

package/dist/icons/ChartBubbleIcon.js

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

package/dist/icons/ChartDonut2Icon.js

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

package/dist/icons/ChartFunnelIcon.js

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