@cube-dev/ui-kit 0.197.0 → 0.198.0

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

@@ -1 +1 @@
-{"version":3,"file":"Cube.js","names":["tasty","memo","SpinCubeProps","CubeElement","role","styles","boxSizing","position","top","left","width","height","border","overflow","contain","pointerEvents","userSelect","animationName","animationDuration","animationIterationCount","animationTimingFunction","animationPlayState","content","display","radius","fill","transform","Cube","t0","$","_c","$position","t1"],"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 #clear',\n    overflow: 'hidden',\n    contain: 'size layout style paint',\n    pointerEvents: 'none',\n    userSelect: 'none',\n\n    animationName: {\n      '': 'none',\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,MAAMG,cAAcH,MAAM;CACxBI,MAAM;CACNC,QAAQ;EACN,sBAAsB;EACtB,6BAA6B;EAC7B,cAAc;EAEdC,WAAW;EACXC,UAAU;EACVC,KAAK;EACLC,MAAM;EACNC,OAAO;EACPC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACVC,SAAS;EACTC,eAAe;EACfC,YAAY;EAEZC,eAAe;GACb,IAAI;GACJ,gBAAgB;GAChB,kBAAkB;GAClB,mBAAmB;GACpB;EACDC,mBAAmB;EACnBC,yBAAyB;EACzBC,yBAAyB;EACzBC,oBAAoB;GAClB,IAAI;GACJ,kCAAkC;GACnC;EAED,aAAa;GACX,sBAAsB;GACtBC,SAAS;GACTC,SAAS;GACTb,OAAO;GACPC,QAAQ;GACRa,QAAQ;GACRC,MAAM;IACJ,gBAAgB;IAChB,kBAAkB;IAClB,mBAAmB;IACrB;GACD;EAED,cAAc;GACZ,iBAAiB;IACf,MAAM,EAAEC,WAAW,oBAAoB;IACvC,MAAM,EAAEA,WAAW,sBAAsB;IACzC,OAAO,EAAEA,WAAW,sBAAsB;IAC1C,OAAO,EAAEA,WAAW,sBAAsB;IAC1C,OAAO,EAAEA,WAAW,yBAAyB;IAC7C,OAAO,EAAEA,WAAW,yBAAyB;IAC7C,OAAO,EAAEA,WAAW,yBAAyB;IAC7C,OAAO,EAAEA,WAAW,sBAAsB;IAC1C,OAAO,EAAEA,WAAW,sBAAsB;IAC1C,OAAO,EAAEA,WAAW,sBAAsB;IAC1C,OAAO,EAAEA,WAAW,mBAAmB;IACvC,OAAO,EAAEA,WAAW,mBAAmB;IACvC,QAAQ,EAAEA,WAAW,mBAAkB;IACxC;GACD,mBAAmB;IACjB,MAAM,EAAEA,WAAW,yBAAyB;IAC5C,MAAM,EAAEA,WAAW,yBAAyB;IAC5C,OAAO,EAAEA,WAAW,yBAAyB;IAC7C,OAAO,EAAEA,WAAW,sBAAsB;IAC1C,OAAO,EAAEA,WAAW,sBAAsB;IAC1C,OAAO,EAAEA,WAAW,sBAAsB;IAC1C,OAAO,EAAEA,WAAW,mBAAmB;IACvC,OAAO,EAAEA,WAAW,mBAAmB;IACvC,OAAO,EAAEA,WAAW,mBAAmB;IACvC,OAAO,EAAEA,WAAW,sBAAsB;IAC1C,OAAO,EAAEA,WAAW,sBAAsB;IAC1C,OAAO,EAAEA,WAAW,sBAAsB;IAC1C,QAAQ,EAAEA,WAAW,yBAAwB;IAC9C;GACD,oBAAoB;IAClB,MAAM,EAAEA,WAAW,sBAAsB;IACzC,MAAM,EAAEA,WAAW,sBAAsB;IACzC,OAAO,EAAEA,WAAW,mBAAmB;IACvC,OAAO,EAAEA,WAAW,mBAAmB;IACvC,OAAO,EAAEA,WAAW,mBAAmB;IACvC,OAAO,EAAEA,WAAW,sBAAsB;IAC1C,OAAO,EAAEA,WAAW,sBAAsB;IAC1C,OAAO,EAAEA,WAAW,sBAAsB;IAC1C,OAAO,EAAEA,WAAW,yBAAyB;IAC7C,OAAO,EAAEA,WAAW,yBAAyB;IAC7C,OAAO,EAAEA,WAAW,yBAAyB;IAC7C,OAAO,EAAEA,WAAW,sBAAsB;IAC1C,QAAQ,EAAEA,WAAW,sBAAqB;IAC5C;GACF;EACF;CACD,CAAC;AAEF,MAAaC,OAAO1B,KAAK,SAAA0B,KAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAc,MAAA,EAAAC,cAAAH;CAA4B,IAAAI;AAAA,KAAAH,EAAA,OAAAE,WAAA;AAC1DC,OAAA,oBAAC,eAAkB,MAAA,EAAAzB,UAAYwB,WAAU,GAAK;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;AAAA,QAA9CG;EACP"}
+{"version":3,"file":"Cube.js","names":["tasty","memo","SpinCubeProps","CubeElement","role","styles","boxSizing","position","top","left","width","height","border","overflow","contain","pointerEvents","userSelect","animationName","animationDuration","animationIterationCount","animationTimingFunction","animationPlayState","content","display","radius","fill","transform","Cube","t0","$","_c","$position","t1","_c"],"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 #clear',\n    overflow: 'hidden',\n    contain: 'size layout style paint',\n    pointerEvents: 'none',\n    userSelect: 'none',\n\n    animationName: {\n      '': 'none',\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,MAAMG,cAAcH,MAAM;CACxBI,MAAM;CACNC,QAAQ;EACN,sBAAsB;EACtB,6BAA6B;EAC7B,cAAc;EAEdC,WAAW;EACXC,UAAU;EACVC,KAAK;EACLC,MAAM;EACNC,OAAO;EACPC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACVC,SAAS;EACTC,eAAe;EACfC,YAAY;EAEZC,eAAe;GACb,IAAI;GACJ,gBAAgB;GAChB,kBAAkB;GAClB,mBAAmB;EACrB;EACAC,mBAAmB;EACnBC,yBAAyB;EACzBC,yBAAyB;EACzBC,oBAAoB;GAClB,IAAI;GACJ,kCAAkC;EACpC;EAEA,aAAa;GACX,sBAAsB;GACtBC,SAAS;GACTC,SAAS;GACTb,OAAO;GACPC,QAAQ;GACRa,QAAQ;GACRC,MAAM;IACJ,gBAAgB;IAChB,kBAAkB;IAClB,mBAAmB;GACrB;EACF;EAEA,cAAc;GACZ,iBAAiB;IACf,MAAM,EAAEC,WAAW,mBAAmB;IACtC,MAAM,EAAEA,WAAW,qBAAqB;IACxC,OAAO,EAAEA,WAAW,qBAAqB;IACzC,OAAO,EAAEA,WAAW,qBAAqB;IACzC,OAAO,EAAEA,WAAW,wBAAwB;IAC5C,OAAO,EAAEA,WAAW,wBAAwB;IAC5C,OAAO,EAAEA,WAAW,wBAAwB;IAC5C,OAAO,EAAEA,WAAW,qBAAqB;IACzC,OAAO,EAAEA,WAAW,qBAAqB;IACzC,OAAO,EAAEA,WAAW,qBAAqB;IACzC,OAAO,EAAEA,WAAW,kBAAkB;IACtC,OAAO,EAAEA,WAAW,kBAAkB;IACtC,QAAQ,EAAEA,WAAW,kBAAkB;GACzC;GACA,mBAAmB;IACjB,MAAM,EAAEA,WAAW,wBAAwB;IAC3C,MAAM,EAAEA,WAAW,wBAAwB;IAC3C,OAAO,EAAEA,WAAW,wBAAwB;IAC5C,OAAO,EAAEA,WAAW,qBAAqB;IACzC,OAAO,EAAEA,WAAW,qBAAqB;IACzC,OAAO,EAAEA,WAAW,qBAAqB;IACzC,OAAO,EAAEA,WAAW,kBAAkB;IACtC,OAAO,EAAEA,WAAW,kBAAkB;IACtC,OAAO,EAAEA,WAAW,kBAAkB;IACtC,OAAO,EAAEA,WAAW,qBAAqB;IACzC,OAAO,EAAEA,WAAW,qBAAqB;IACzC,OAAO,EAAEA,WAAW,qBAAqB;IACzC,QAAQ,EAAEA,WAAW,wBAAwB;GAC/C;GACA,oBAAoB;IAClB,MAAM,EAAEA,WAAW,qBAAqB;IACxC,MAAM,EAAEA,WAAW,qBAAqB;IACxC,OAAO,EAAEA,WAAW,kBAAkB;IACtC,OAAO,EAAEA,WAAW,kBAAkB;IACtC,OAAO,EAAEA,WAAW,kBAAkB;IACtC,OAAO,EAAEA,WAAW,qBAAqB;IACzC,OAAO,EAAEA,WAAW,qBAAqB;IACzC,OAAO,EAAEA,WAAW,qBAAqB;IACzC,OAAO,EAAEA,WAAW,wBAAwB;IAC5C,OAAO,EAAEA,WAAW,wBAAwB;IAC5C,OAAO,EAAEA,WAAW,wBAAwB;IAC5C,OAAO,EAAEA,WAAW,qBAAqB;IACzC,QAAQ,EAAEA,WAAW,qBAAqB;GAC5C;EACF;CACF;AACF,CAAC;AAED,MAAaC,OAAO1B,KAAK,SAAA0B,KAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAc,MAAA,EAAAC,cAAAH;CAA4B,IAAAI;CAAA,IAAAH,EAAA,OAAAE,WAAA;EAC1DC,KAAA,oBAAC,aAAD,EAAmB,MAAA,EAAAzB,UAAYwB,UAAU,EAAC,CAAA;EAAIF,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,OAA9CG;AAA8C,CACtD"}

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

@@ -1,11 +1,10 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { Cube } from "./Cube.js";
 import { SpinsContainer } from "./SpinsContainer.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/components/status/Spin/InternalSpinner.tsx
 const SpinsBox = tasty({ styles: {
 	position: "relative",
@@ -41,7 +40,7 @@ const CUBE_SIZE_MAP = {
 	default: 32,
 	large: 48
 };
-
 //#endregion
 export { InternalSpinner };
+
 //# sourceMappingURL=InternalSpinner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InternalSpinner.js","names":["tasty","memo","Cube","SpinsContainer","InternalSpinnerProps","SpinSize","SpinsBox","styles","position","blockSize","InternalSpinner","props","$","_c","size","t0","CUBE_SIZE_MAP","t1","Symbol","for","t2","Record","small","default","large"],"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,MAAMM,WAAWN,MAAM,EAAEO,QAAQ;CAAEC,UAAU;CAAYC,WAAW;CAAO,EAAG,CAAC;AAE/E,MAAaC,kBAAkBT,KAAK,SAAAS,gBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAGlC,MAAA,EAAAC,SAAiBH;CAIqB,MAAAI,KAAAC,cAAcF;CAAK,IAAAG;AAAA,KAAAL,EAAA,OAAAM,OAAAC,IAAA,4BAAA,EAAA;AACrDF,OAAA,qBAAC;GACC,oBAAC,QAAe,WAAA,QAChB;uBAAC,QAAe,WAAA,UAChB;uBAAC,QAAe,WAAA,WAClB;MAAW;AAAAL,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAQ;AAAA,KAAAR,EAAA,OAAAE,QAAAF,EAAA,OAAAG,IAAA;AALbK,OAAA,oBAAC;GAAmC,SAAAL;aAClCE;KADmBH,KAMJ;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;AAAA,QANjBQ;EAQF;AAEF,MAAMJ,gBAA0C;CAC9CM,OAAO;CACPC,SAAS;CACTC,OAAO;CACR"}
+{"version":3,"file":"InternalSpinner.js","names":["tasty","memo","Cube","SpinsContainer","InternalSpinnerProps","SpinSize","SpinsBox","styles","position","blockSize","InternalSpinner","props","$","_c","size","t0","CUBE_SIZE_MAP","t1","Symbol","for","t2","Record","small","default","large","_c"],"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,MAAMM,WAAWN,MAAM,EAAEO,QAAQ;CAAEC,UAAU;CAAYC,WAAW;AAAO,EAAE,CAAC;AAE9E,MAAaC,kBAAkBT,KAAK,SAAAS,gBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAGlC,MAAA,EAAAC,SAAiBH;CAIqB,MAAAI,KAAAC,cAAcF;CAAK,IAAAG;CAAA,IAAAL,EAAA,OAAAM,OAAAC,IAAA,2BAAA,GAAA;EACrDF,KAAA,qBAAC,UAAD,EAAA,UAAA;GACE,oBAAC,MAAD,EAAgB,WAAA,MAAK,CAAA;GACrB,oBAAC,MAAD,EAAgB,WAAA,QAAO,CAAA;GACvB,oBAAC,MAAD,EAAgB,WAAA,SAAQ,CAAA;EAHjB,EAAA,CAAA;EAIEL,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,IAAAQ;CAAA,IAAAR,EAAA,OAAAE,QAAAF,EAAA,OAAAG,IAAA;EALbK,KAAA,oBAAC,gBAAD;GAAoC,SAAAL;GAClCE,UAAAA;EADa,GAAMH,IAAN;EAMEF,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,OANjBQ;AAMiB,CAEpB;AAED,MAAMJ,gBAA0C;CAC9CM,OAAO;CACPC,SAAS;CACTC,OAAO;AACT"}

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

@@ -1,9 +1,6 @@
 
 import { CubeSpinProps } from "./types.js";
-import * as react from "react";
-
 //#region src/components/status/Spin/Spin.d.ts
-declare function Spin(props: CubeSpinProps): react.JSX.Element;
+export declare function Spin(props: CubeSpinProps): import("react").JSX.Element;
 //#endregion
-export { Spin };
 //# sourceMappingURL=Spin.d.ts.map

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

@@ -1,10 +1,9 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { Block } from "../../Block.js";
 import { InternalSpinner } from "./InternalSpinner.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { Fragment, jsx } from "react/jsx-runtime";
-
 //#region src/components/status/Spin/Spin.tsx
 const SpinContainer = tasty(Block, { styles: { lineHeight: "0" } });
 function Spin(props) {
@@ -38,7 +37,7 @@ function Spin(props) {
 	} else t3 = $[6];
 	return t3;
 }
-
 //#endregion
 export { Spin };
+
 //# sourceMappingURL=Spin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Spin.js","names":["tasty","Block","InternalSpinner","CubeSpinProps","SpinContainer","styles","lineHeight","Spin","props","$","_c","size","t0","spinning","t1","children","undefined","t2","t3"],"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,MAAMI,gBAAgBJ,MAAMC,OAAO,EAAEI,QAAQ,EAAEC,YAAY,KAAI,EAAG,CAAC;AAEnE,SAAOC,KAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,EAAAC,MAAAC,IAAAC,UAAAC,IAAAC,UAAAV,WAAgEG;CAAxD,MAAAG,OAAAC,OAAAI,SAAA,YAAAJ;AAER,KAAI,EAFsBE,OAAAE,SAAA,OAAAF,KAEb;EAAA,IAAAG;AAAA,MAAAR,EAAA,OAAAM,UAAA;AACJE,QAAA,gCAAGF,WAAY;AAAAN,KAAA,KAAAM;AAAAN,KAAA,KAAAQ;QAAAA,MAAAR,EAAA;AAAA,SAAfQ;;CACR,IAAAA;AAAA,KAAAR,EAAA,OAAAE,MAAA;AAIGM,OAAA,oBAAC,mBAAsBN,OAAQ;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,OAAAJ,UAAAI,EAAA,OAAAQ,IAAA;AADjCC,OAAA,oBAAC;GAAsBb;aACrBY;IACc;AAAAR,IAAA,KAAAJ;AAAAI,IAAA,KAAAQ;AAAAR,IAAA,KAAAS;OAAAA,MAAAT,EAAA;AAAA,QAFhBS"}
+{"version":3,"file":"Spin.js","names":["tasty","Block","InternalSpinner","CubeSpinProps","SpinContainer","styles","lineHeight","Spin","props","$","_c","size","t0","spinning","t1","children","undefined","t2","t3","_c"],"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,MAAMI,gBAAgBJ,MAAMC,OAAO,EAAEI,QAAQ,EAAEC,YAAY,IAAI,EAAE,CAAC;AAElE,SAAOC,KAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CACL,MAAA,EAAAC,MAAAC,IAAAC,UAAAC,IAAAC,UAAAV,WAAgEG;CAAxD,MAAAG,OAAAC,OAAAI,KAAAA,IAAA,YAAAJ;CAER,IAAI,EAFsBE,OAAAE,KAAAA,IAAA,OAAAF,KAEb;EAAA,IAAAG;EAAA,IAAAR,EAAA,OAAAM,UAAA;GACJE,KAAA,oBAAA,UAAA,EAAGF,SAAQ,CAAA;GAAIN,EAAA,KAAAM;GAAAN,EAAA,KAAAQ;EAAA,OAAAA,KAAAR,EAAA;EAAA,OAAfQ;CAAe;CACvB,IAAAA;CAAA,IAAAR,EAAA,OAAAE,MAAA;EAIGM,KAAA,oBAAC,iBAAD,EAAuBN,KAAI,CAAA;EAAIF,EAAA,KAAAE;EAAAF,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,IAAAS;CAAA,IAAAT,EAAA,OAAAJ,UAAAI,EAAA,OAAAQ,IAAA;EADjCC,KAAA,oBAAC,eAAD;GAAuBb;GACrBY,UAAAA;EADY,CAAA;EAEER,EAAA,KAAAJ;EAAAI,EAAA,KAAAQ;EAAAR,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,OAFhBS;AAEgB"}

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

@@ -1,8 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/status/Spin/SpinsContainer.tsx
 const SpinsContainerElement = tasty({
 	role: "presentation",
@@ -43,7 +42,7 @@ function SpinsContainer(t0) {
 	} else t3 = $[4];
 	return t3;
 }
-
 //#endregion
 export { SpinsContainer };
+
 //# sourceMappingURL=SpinsContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SpinsContainer.js","names":["tasty","ReactNode","SpinsContainerElement","role","styles","boxSizing","display","padding","width","height","opacity","contain","SpinsContainerProps","ownSize","children","SpinsContainer","t0","$","_c","t1","t2","t3"],"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,MAAME,wBAAwBF,MAAM;CAClCG,MAAM;CACNC,QAAQ;EACNC,WAAW;EACXC,SAAS;EACTC,SAAS;EACTC,OAAO;EACPC,QAAQ;EACRC,SAAS;EACTC,SAAS;EAMT,cAAc,EACZ,4BAA4B;GAC1B,MAAM;GACN,OAAO;GACP,QAAQ;GACV,EACF;EACF;CACD,CAAC;AAOF,SAAOI,eAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAwB,MAAA,EAAAL,SAAAC,aAAAE;CAEyB,MAAAG,KAAA,GAAGN,QAAO;CAAI,IAAAO;AAAA,KAAAH,EAAA,OAAAE,IAAA;AAAnCC,OAAA,EAAA,mBAAqBD,IAAgB;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAAA,IAAAI;AAAA,KAAAJ,EAAA,OAAAH,YAAAG,EAAA,OAAAG,IAAA;AAApEC,OAAA,oBAAC;GAA8B,QAAAD;GAC5BN;IACqB;AAAAG,IAAA,KAAAH;AAAAG,IAAA,KAAAG;AAAAH,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;AAAA,QAFxBI"}
+{"version":3,"file":"SpinsContainer.js","names":["tasty","ReactNode","SpinsContainerElement","role","styles","boxSizing","display","padding","width","height","opacity","contain","SpinsContainerProps","ownSize","children","SpinsContainer","t0","$","_c","t1","t2","t3","_c"],"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,MAAME,wBAAwBF,MAAM;CAClCG,MAAM;CACNC,QAAQ;EACNC,WAAW;EACXC,SAAS;EACTC,SAAS;EACTC,OAAO;EACPC,QAAQ;EACRC,SAAS;EACTC,SAAS;EAMT,cAAc,EACZ,4BAA4B;GAC1B,MAAM;GACN,OAAO;GACP,QAAQ;EACV,EACF;CACF;AACF,CAAC;AAOD,SAAOI,eAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAwB,MAAA,EAAAL,SAAAC,aAAAE;CAEyB,MAAAG,KAAA,GAAGN,QAAO;CAAI,IAAAO;CAAA,IAAAH,EAAA,OAAAE,IAAA;EAAnCC,KAAA,EAAA,mBAAqBD,GAAe;EAACF,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAAA,KAAAH,EAAA;CAAA,IAAAI;CAAA,IAAAJ,EAAA,OAAAH,YAAAG,EAAA,OAAAG,IAAA;EAApEC,KAAA,oBAAC,uBAAD;GAA+B,QAAAD;GAC5BN;EADmB,CAAA;EAEEG,EAAA,KAAAH;EAAAG,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,OAFxBI;AAEwB"}

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

@@ -1,3 +1,4 @@
 
 import { CubeSpinProps } from "./types.js";
-import { Spin } from "./Spin.js";
+import { Spin } from "./Spin.js";
+export { type CubeSpinProps, Spin };

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

@@ -1,10 +1,9 @@
 
 import { Styles } from "@tenphi/tasty";
 import { ReactNode } from "react";
-
 //#region src/components/status/Spin/types.d.ts
-type SpinSize = 'small' | 'default' | 'large';
-type CubeSpinProps = {
+export type SpinSize = 'small' | 'default' | 'large';
+export type CubeSpinProps = {
   /**
    * Size of the spin.
    * @default 'default'
@@ -19,5 +18,4 @@ type CubeSpinProps = {
   styles?: Styles;
 };
 //#endregion
-export { CubeSpinProps };
 //# sourceMappingURL=types.d.ts.map

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

@@ -3,4 +3,5 @@ import { CubeSpinProps } from "./Spin/types.js";
 import { Spin } from "./Spin/Spin.js";
 import "./Spin/index.js";
 import { CubeLoadingAnimationProps, LoadingAnimation } from "./LoadingAnimation/LoadingAnimation.js";
-import "./LoadingAnimation/index.js";
+import "./LoadingAnimation/index.js";
+export { type CubeLoadingAnimationProps, type CubeSpinProps, LoadingAnimation, Spin };

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

@@ -1,8 +1,6 @@
 
 import { Styles } from "@tenphi/tasty";
-
 //#region src/data/item-themes.d.ts
-type ItemVariant = 'current.item' | 'current.primary' | 'current.outline' | 'current.outline-2' | 'current.clear' | 'current.link' | 'current.card' | 'default.primary' | 'default.outline' | 'default.outline-2' | 'default.clear' | 'default.link' | 'default.item' | 'default.card' | 'primary.card' | 'danger.primary' | 'danger.outline' | 'danger.outline-2' | 'danger.clear' | 'danger.link' | 'danger.item' | 'danger.card' | 'success.primary' | 'success.outline' | 'success.outline-2' | 'success.clear' | 'success.link' | 'success.item' | 'success.card' | 'warning.primary' | 'warning.outline' | 'warning.outline-2' | 'warning.clear' | 'warning.link' | 'warning.item' | 'warning.card' | 'note.primary' | 'note.outline' | 'note.outline-2' | 'note.clear' | 'note.link' | 'note.item' | 'note.card' | 'special.primary' | 'special.outline' | 'special.clear' | 'special.link' | 'special.item';
+export type ItemVariant = 'current.item' | 'current.primary' | 'current.outline' | 'current.outline-2' | 'current.clear' | 'current.link' | 'current.card' | 'default.primary' | 'default.outline' | 'default.outline-2' | 'default.clear' | 'default.link' | 'default.item' | 'default.card' | 'primary.card' | 'danger.primary' | 'danger.outline' | 'danger.outline-2' | 'danger.clear' | 'danger.link' | 'danger.item' | 'danger.card' | 'success.primary' | 'success.outline' | 'success.outline-2' | 'success.clear' | 'success.link' | 'success.item' | 'success.card' | 'warning.primary' | 'warning.outline' | 'warning.outline-2' | 'warning.clear' | 'warning.link' | 'warning.item' | 'warning.card' | 'note.primary' | 'note.outline' | 'note.outline-2' | 'note.clear' | 'note.link' | 'note.item' | 'note.card' | 'special.primary' | 'special.outline' | 'special.clear' | 'special.link' | 'special.item';
 //#endregion
-export { ItemVariant };
 //# sourceMappingURL=item-themes.d.ts.map

package/dist/data/item-themes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 //#region src/data/item-themes.ts
 const VALIDATION_STYLES = { border: {
 	invalid: "#danger-accent-text",
@@ -989,7 +989,7 @@ const ITEM_RESTING_COLOR_VARIANTS = Object.fromEntries(Object.entries(ITEM_VARIA
 		}
 	}];
 }));
-
 //#endregion
-export { CURRENT_CLEAR_STYLES, CURRENT_LINK_STYLES, CURRENT_OUTLINE_2_STYLES, CURRENT_OUTLINE_STYLES, CURRENT_PRIMARY_STYLES, DANGER_CLEAR_STYLES, DANGER_LINK_STYLES, DANGER_OUTLINE_2_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_LINK_STYLES, DEFAULT_OUTLINE_2_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, ITEM_ACTION_BASE_STYLES, ITEM_RESTING_COLOR_VARIANTS, ITEM_VARIANTS, NOTE_CLEAR_STYLES, NOTE_LINK_STYLES, NOTE_OUTLINE_2_STYLES, NOTE_OUTLINE_STYLES, NOTE_PRIMARY_STYLES, ROW_STATE_ALIASES, SPECIAL_CLEAR_STYLES, SPECIAL_LINK_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_LINK_STYLES, SUCCESS_OUTLINE_2_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, WARNING_CLEAR_STYLES, WARNING_LINK_STYLES, WARNING_OUTLINE_2_STYLES, WARNING_OUTLINE_STYLES, WARNING_PRIMARY_STYLES, resolveItemVariant };
+export { CURRENT_CARD_STYLES, CURRENT_CLEAR_STYLES, CURRENT_ITEM_STYLES, CURRENT_LINK_STYLES, CURRENT_OUTLINE_2_STYLES, CURRENT_OUTLINE_STYLES, CURRENT_PRIMARY_STYLES, DANGER_CARD_STYLES, DANGER_CLEAR_STYLES, DANGER_ITEM_STYLES, DANGER_LINK_STYLES, DANGER_OUTLINE_2_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DEFAULT_CARD_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_ITEM_STYLES, DEFAULT_LINK_STYLES, DEFAULT_OUTLINE_2_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, ITEM_ACTION_BASE_STYLES, ITEM_RESTING_COLOR_VARIANTS, ITEM_VARIANTS, NOTE_CARD_STYLES, NOTE_CLEAR_STYLES, NOTE_ITEM_STYLES, NOTE_LINK_STYLES, NOTE_OUTLINE_2_STYLES, NOTE_OUTLINE_STYLES, NOTE_PRIMARY_STYLES, PRIMARY_CARD_STYLES, ROW_STATE_ALIASES, SPECIAL_CLEAR_STYLES, SPECIAL_ITEM_STYLES, SPECIAL_LINK_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SUCCESS_CARD_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_ITEM_STYLES, SUCCESS_LINK_STYLES, SUCCESS_OUTLINE_2_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, VALIDATION_STYLES, WARNING_CARD_STYLES, WARNING_CLEAR_STYLES, WARNING_ITEM_STYLES, WARNING_LINK_STYLES, WARNING_OUTLINE_2_STYLES, WARNING_OUTLINE_STYLES, WARNING_PRIMARY_STYLES, resolveItemVariant };
+
 //# sourceMappingURL=item-themes.js.map