@zentauri-ui/zentauri-components 1.9.1 → 1.9.2

package/dist/ui/inputs.mjs

@@ -1,7 +1,9 @@
 "use client";
-import { inputVariants } from '../chunk-4WRCXG5E.mjs';
-export { inputVariants } from '../chunk-4WRCXG5E.mjs';
+import { inputVariants } from '../chunk-ZFNVFMWG.mjs';
+export { inputVariants } from '../chunk-ZFNVFMWG.mjs';
+import '../chunk-X3N4EVF7.mjs';
 import { cn } from '../chunk-4D54YOL6.mjs';
+import '../chunk-J5LGTIGS.mjs';
 import { useId } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 

package/dist/ui/inputs.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/inputs/input-base.tsx","../../src/ui/inputs/input.tsx"],"names":["className","appearance","size","ring","ref","ariaInvalidProp","errorMessage","hint","label","id","as","ariaDescribedByUser","rest","controlId","errorId","hintId","ariaInvalid","describedBy","jsx"],"mappings":"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","file":"inputs.mjs","sourcesContent":["\"use client\";\n\nimport { useId } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { InputProps } from \"./types\";\nimport { inputVariants } from \"./variants\";\n\nfunction mergeDescribedByIds(\n  user: string | undefined,\n  ...generated: (string | undefined)[]\n): string | undefined {\n  const ids = [\n    ...(user ?? \"\").split(/\\s+/).filter(Boolean),\n    ...generated.filter((id): id is string => Boolean(id)),\n  ];\n  const unique = [...new Set(ids)];\n  return unique.length > 0 ? unique.join(\" \") : undefined;\n}\n\nexport const InputBase = (props: InputProps) => {\n  const generatedId = useId();\n\n  if (props.as === \"textarea\") {\n    const {\n      className,\n      appearance,\n      size,\n      ring = true,\n      ref,\n      \"aria-invalid\": ariaInvalidProp,\n      errorMessage,\n      hint,\n      label,\n      id,\n      as,\n      \"aria-describedby\": ariaDescribedByUser,\n      ...rest\n    } = props;\n\n    const controlId = id ?? generatedId;\n    const errorId = `${controlId}-error`;\n    const hintId = `${controlId}-hint`;\n    const ariaInvalid =\n      ariaInvalidProp !== undefined\n        ? ariaInvalidProp\n        : appearance === \"error\"\n          ? true\n          : undefined;\n\n    const describedBy = mergeDescribedByIds(\n      ariaDescribedByUser,\n      hint !== undefined ? hintId : undefined,\n      errorMessage && appearance === \"error\" ? errorId : undefined,\n    );\n\n    return (\n      <>\n        {label !== undefined && (\n          <label\n            htmlFor={controlId}\n            className=\"mb-1 block text-sm font-medium text-slate-200\"\n          >\n            {label}\n          </label>\n        )}\n        {hint !== undefined && (\n          <p id={hintId} className=\"mb-1 text-xs text-slate-400\">\n            {hint}\n          </p>\n        )}\n        <textarea\n          ref={ref}\n          id={controlId}\n          data-slot=\"input\"\n          className={cn(\n            inputVariants({ appearance, size, ring, as }),\n            className,\n          )}\n          aria-invalid={ariaInvalid}\n          aria-describedby={describedBy}\n          {...rest}\n        />\n        {errorMessage && appearance === \"error\" && (\n          <p\n            id={errorId}\n            className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n          >\n            {errorMessage}\n          </p>\n        )}\n      </>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    ring = true,\n    ref,\n    \"aria-invalid\": ariaInvalidProp,\n    errorMessage,\n    hint,\n    label,\n    id,\n    as,\n    \"aria-describedby\": ariaDescribedByUser,\n    ...rest\n  } = props;\n\n  const controlId = id ?? generatedId;\n  const errorId = `${controlId}-error`;\n  const hintId = `${controlId}-hint`;\n  const ariaInvalid =\n    ariaInvalidProp !== undefined\n      ? ariaInvalidProp\n      : appearance === \"error\"\n        ? true\n        : undefined;\n\n  const describedBy = mergeDescribedByIds(\n    ariaDescribedByUser,\n    hint !== undefined ? hintId : undefined,\n    errorMessage && appearance === \"error\" ? errorId : undefined,\n  );\n\n  return (\n    <>\n      {label !== undefined && (\n        <label\n          htmlFor={controlId}\n          className=\"mb-1 block text-sm font-medium text-slate-200\"\n        >\n          {label}\n        </label>\n      )}\n      {hint !== undefined && (\n        <p id={hintId} className=\"mb-1 text-xs text-slate-400\">\n          {hint}\n        </p>\n      )}\n      <input\n        ref={ref}\n        id={controlId}\n        data-slot=\"input\"\n        className={cn(\n          inputVariants({ appearance, size, ring, as: as ?? \"input\" }),\n          className,\n        )}\n        aria-invalid={ariaInvalid}\n        aria-describedby={describedBy}\n        {...rest}\n      />\n      {errorMessage && appearance === \"error\" && (\n        <p\n          id={errorId}\n          className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n        >\n          {errorMessage}\n        </p>\n      )}\n    </>\n  );\n};\n\nInputBase.displayName = \"Input\";\n","import { InputBase } from \"./input-base\";\nimport type { InputProps } from \"./types\";\n\nexport const Input = (props: InputProps) => {\n  return <InputBase {...props} />;\n};\n\nInput.displayName = \"Input\";\n"]}
+{"version":3,"sources":["../../src/ui/inputs/input-base.tsx","../../src/ui/inputs/input.tsx"],"names":["className","appearance","size","ring","ref","ariaInvalidProp","errorMessage","hint","label","id","as","ariaDescribedByUser","rest","controlId","errorId","hintId","ariaInvalid","describedBy","jsx"],"mappings":"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","file":"inputs.mjs","sourcesContent":["\"use client\";\n\nimport { useId } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { InputProps } from \"./types\";\nimport { inputVariants } from \"./variants\";\n\nfunction mergeDescribedByIds(\n  user: string | undefined,\n  ...generated: (string | undefined)[]\n): string | undefined {\n  const ids = [\n    ...(user ?? \"\").split(/\\s+/).filter(Boolean),\n    ...generated.filter((id): id is string => Boolean(id)),\n  ];\n  const unique = [...new Set(ids)];\n  return unique.length > 0 ? unique.join(\" \") : undefined;\n}\n\nexport const InputBase = (props: InputProps) => {\n  const generatedId = useId();\n\n  if (props.as === \"textarea\") {\n    const {\n      className,\n      appearance,\n      size,\n      ring = true,\n      ref,\n      \"aria-invalid\": ariaInvalidProp,\n      errorMessage,\n      hint,\n      label,\n      id,\n      as,\n      \"aria-describedby\": ariaDescribedByUser,\n      ...rest\n    } = props;\n\n    const controlId = id ?? generatedId;\n    const errorId = `${controlId}-error`;\n    const hintId = `${controlId}-hint`;\n    const ariaInvalid =\n      ariaInvalidProp !== undefined\n        ? ariaInvalidProp\n        : appearance === \"error\"\n          ? true\n          : undefined;\n\n    const describedBy = mergeDescribedByIds(\n      ariaDescribedByUser,\n      hint !== undefined ? hintId : undefined,\n      errorMessage && appearance === \"error\" ? errorId : undefined,\n    );\n\n    return (\n      <>\n        {label !== undefined && (\n          <label\n            htmlFor={controlId}\n            className=\"mb-1 block text-sm font-medium text-slate-200\"\n          >\n            {label}\n          </label>\n        )}\n        {hint !== undefined && (\n          <p id={hintId} className=\"mb-1 text-xs text-slate-400\">\n            {hint}\n          </p>\n        )}\n        <textarea\n          ref={ref}\n          id={controlId}\n          data-slot=\"input\"\n          className={cn(\n            inputVariants({ appearance, size, ring, as }),\n            className,\n          )}\n          aria-invalid={ariaInvalid}\n          aria-describedby={describedBy}\n          {...rest}\n        />\n        {errorMessage && appearance === \"error\" && (\n          <p\n            id={errorId}\n            className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n          >\n            {errorMessage}\n          </p>\n        )}\n      </>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    ring = true,\n    ref,\n    \"aria-invalid\": ariaInvalidProp,\n    errorMessage,\n    hint,\n    label,\n    id,\n    as,\n    \"aria-describedby\": ariaDescribedByUser,\n    ...rest\n  } = props;\n\n  const controlId = id ?? generatedId;\n  const errorId = `${controlId}-error`;\n  const hintId = `${controlId}-hint`;\n  const ariaInvalid =\n    ariaInvalidProp !== undefined\n      ? ariaInvalidProp\n      : appearance === \"error\"\n        ? true\n        : undefined;\n\n  const describedBy = mergeDescribedByIds(\n    ariaDescribedByUser,\n    hint !== undefined ? hintId : undefined,\n    errorMessage && appearance === \"error\" ? errorId : undefined,\n  );\n\n  return (\n    <>\n      {label !== undefined && (\n        <label\n          htmlFor={controlId}\n          className=\"mb-1 block text-sm font-medium text-slate-200\"\n        >\n          {label}\n        </label>\n      )}\n      {hint !== undefined && (\n        <p id={hintId} className=\"mb-1 text-xs text-slate-400\">\n          {hint}\n        </p>\n      )}\n      <input\n        ref={ref}\n        id={controlId}\n        data-slot=\"input\"\n        className={cn(\n          inputVariants({ appearance, size, ring, as: as ?? \"input\" }),\n          className,\n        )}\n        aria-invalid={ariaInvalid}\n        aria-describedby={describedBy}\n        {...rest}\n      />\n      {errorMessage && appearance === \"error\" && (\n        <p\n          id={errorId}\n          className=\"mt-2 pl-4 text-sm text-rose-500 wrap-break-word\"\n        >\n          {errorMessage}\n        </p>\n      )}\n    </>\n  );\n};\n\nInputBase.displayName = \"Input\";\n","import { InputBase } from \"./input-base\";\nimport type { InputProps } from \"./types\";\n\nexport const Input = (props: InputProps) => {\n  return <InputBase {...props} />;\n};\n\nInput.displayName = \"Input\";\n"]}

package/dist/ui/kbd/animated.js

@@ -1,8 +1,10 @@
 "use client";
 'use strict';
 
-var chunkXIG2QDVN_js = require('../../chunk-XIG2QDVN.js');
+var chunkEIX26RKN_js = require('../../chunk-EIX26RKN.js');
+require('../../chunk-L67EJJFN.js');
 require('../../chunk-ZS5756ZC.js');
+require('../../chunk-PZ5AY32C.js');
 var framerMotion = require('framer-motion');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -26,7 +28,7 @@ function KbdAnimated({
 }) {
   const motionProps = kbdAnimationPresets[animation];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkXIG2QDVN_js.KbdBase,
+    chunkEIX26RKN_js.KbdBase,
     {
       ...{
         as: framerMotion.motion.span,

package/dist/ui/kbd/animated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/kbd/animated/animations.ts","../../../src/ui/kbd/animated/kbd-animated.tsx"],"names":["jsx","KbdBase","motion"],"mappings":";;;;;;;;AAEO,IAAM,mBAAA,GAA2C;AAAA,EACtD,MAAM,EAAC;AAAA,EACP,KAAA,EAAO;AAAA,IACL,UAAA,EAAY,EAAE,CAAA,EAAG,EAAA,EAAG;AAAA,IACpB,QAAA,EAAU,EAAE,CAAA,EAAG,CAAA,EAAG,OAAO,IAAA,EAAK;AAAA,IAC9B,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG,GAC5D;AAAA,EACA,GAAA,EAAK;AAAA,IACH,OAAA,EAAS,EAAE,KAAA,EAAO,IAAA,EAAM,SAAS,CAAA,EAAE;AAAA,IACnC,OAAA,EAAS,EAAE,KAAA,EAAO,CAAA,EAAG,SAAS,CAAA,EAAE;AAAA,IAChC,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG;AAE9D;ACJO,SAAS,WAAA,CAAY;AAAA,EAC1B,SAAA,GAAY,MAAA;AAAA,EACZ,GAAG;AACL,CAAA,EAAqB;AACnB,EAAA,MAAM,WAAA,GAAc,oBAAoB,SAAS,CAAA;AAEjD,EAAA,uBACEA,cAAA;AAAA,IAACC,wBAAA;AAAA,IAAA;AAAA,MACE,GAAI;AAAA,QACH,IAAIC,mBAAA,CAAO,IAAA;AAAA,QACX,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,KAAA,GAAQ,MAAA;AAAA,QACxC,GAAG,WAAA;AAAA,QACH,GAAG;AAAA;AACL;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"animated.js","sourcesContent":["import type { KbdAnimationPresets } from \"./types\";\n\nexport const kbdAnimationPresets: KbdAnimationPresets = {\n  none: {},\n  press: {\n    whileHover: { y: -1 },\n    whileTap: { y: 1, scale: 0.96 },\n    transition: { type: \"spring\", stiffness: 600, damping: 22 },\n  },\n  pop: {\n    initial: { scale: 0.85, opacity: 0 },\n    animate: { scale: 1, opacity: 1 },\n    transition: { type: \"spring\", stiffness: 520, damping: 26 },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { KbdBase } from \"../kbd-base\";\nimport type { KbdBaseProps } from \"../types\";\n\nimport { kbdAnimationPresets } from \"./animations\";\nimport type { KbdAnimatedProps } from \"./types\";\n\nexport function KbdAnimated({\n  animation = \"none\",\n  ...props\n}: KbdAnimatedProps) {\n  const motionProps = kbdAnimationPresets[animation];\n\n  return (\n    <KbdBase\n      {...({\n        as: motion.span,\n        initial: animation === \"none\" ? false : undefined,\n        ...motionProps,\n        ...props,\n      } as KbdBaseProps)}\n    />\n  );\n}\n\nKbdAnimated.displayName = \"KbdAnimated\";\n"]}
+{"version":3,"sources":["../../../src/ui/kbd/animated/animations.ts","../../../src/ui/kbd/animated/kbd-animated.tsx"],"names":["jsx","KbdBase","motion"],"mappings":";;;;;;;;;;AAEO,IAAM,mBAAA,GAA2C;AAAA,EACtD,MAAM,EAAC;AAAA,EACP,KAAA,EAAO;AAAA,IACL,UAAA,EAAY,EAAE,CAAA,EAAG,EAAA,EAAG;AAAA,IACpB,QAAA,EAAU,EAAE,CAAA,EAAG,CAAA,EAAG,OAAO,IAAA,EAAK;AAAA,IAC9B,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG,GAC5D;AAAA,EACA,GAAA,EAAK;AAAA,IACH,OAAA,EAAS,EAAE,KAAA,EAAO,IAAA,EAAM,SAAS,CAAA,EAAE;AAAA,IACnC,OAAA,EAAS,EAAE,KAAA,EAAO,CAAA,EAAG,SAAS,CAAA,EAAE;AAAA,IAChC,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG;AAE9D;ACJO,SAAS,WAAA,CAAY;AAAA,EAC1B,SAAA,GAAY,MAAA;AAAA,EACZ,GAAG;AACL,CAAA,EAAqB;AACnB,EAAA,MAAM,WAAA,GAAc,oBAAoB,SAAS,CAAA;AAEjD,EAAA,uBACEA,cAAA;AAAA,IAACC,wBAAA;AAAA,IAAA;AAAA,MACE,GAAI;AAAA,QACH,IAAIC,mBAAA,CAAO,IAAA;AAAA,QACX,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,KAAA,GAAQ,MAAA;AAAA,QACxC,GAAG,WAAA;AAAA,QACH,GAAG;AAAA;AACL;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"animated.js","sourcesContent":["import type { KbdAnimationPresets } from \"./types\";\n\nexport const kbdAnimationPresets: KbdAnimationPresets = {\n  none: {},\n  press: {\n    whileHover: { y: -1 },\n    whileTap: { y: 1, scale: 0.96 },\n    transition: { type: \"spring\", stiffness: 600, damping: 22 },\n  },\n  pop: {\n    initial: { scale: 0.85, opacity: 0 },\n    animate: { scale: 1, opacity: 1 },\n    transition: { type: \"spring\", stiffness: 520, damping: 26 },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { KbdBase } from \"../kbd-base\";\nimport type { KbdBaseProps } from \"../types\";\n\nimport { kbdAnimationPresets } from \"./animations\";\nimport type { KbdAnimatedProps } from \"./types\";\n\nexport function KbdAnimated({\n  animation = \"none\",\n  ...props\n}: KbdAnimatedProps) {\n  const motionProps = kbdAnimationPresets[animation];\n\n  return (\n    <KbdBase\n      {...({\n        as: motion.span,\n        initial: animation === \"none\" ? false : undefined,\n        ...motionProps,\n        ...props,\n      } as KbdBaseProps)}\n    />\n  );\n}\n\nKbdAnimated.displayName = \"KbdAnimated\";\n"]}

package/dist/ui/kbd/animated.mjs

@@ -1,6 +1,8 @@
 "use client";
-import { KbdBase } from '../../chunk-OEDD43IT.mjs';
+import { KbdBase } from '../../chunk-IQ6QVIZ3.mjs';
+import '../../chunk-5QSYJHWL.mjs';
 import '../../chunk-4D54YOL6.mjs';
+import '../../chunk-J5LGTIGS.mjs';
 import { motion } from 'framer-motion';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/ui/kbd/animated.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/kbd/animated/animations.ts","../../../src/ui/kbd/animated/kbd-animated.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,mBAAA,GAA2C;AAAA,EACtD,MAAM,EAAC;AAAA,EACP,KAAA,EAAO;AAAA,IACL,UAAA,EAAY,EAAE,CAAA,EAAG,EAAA,EAAG;AAAA,IACpB,QAAA,EAAU,EAAE,CAAA,EAAG,CAAA,EAAG,OAAO,IAAA,EAAK;AAAA,IAC9B,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG,GAC5D;AAAA,EACA,GAAA,EAAK;AAAA,IACH,OAAA,EAAS,EAAE,KAAA,EAAO,IAAA,EAAM,SAAS,CAAA,EAAE;AAAA,IACnC,OAAA,EAAS,EAAE,KAAA,EAAO,CAAA,EAAG,SAAS,CAAA,EAAE;AAAA,IAChC,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG;AAE9D;ACJO,SAAS,WAAA,CAAY;AAAA,EAC1B,SAAA,GAAY,MAAA;AAAA,EACZ,GAAG;AACL,CAAA,EAAqB;AACnB,EAAA,MAAM,WAAA,GAAc,oBAAoB,SAAS,CAAA;AAEjD,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACE,GAAI;AAAA,QACH,IAAI,MAAA,CAAO,IAAA;AAAA,QACX,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,KAAA,GAAQ,MAAA;AAAA,QACxC,GAAG,WAAA;AAAA,QACH,GAAG;AAAA;AACL;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"animated.mjs","sourcesContent":["import type { KbdAnimationPresets } from \"./types\";\n\nexport const kbdAnimationPresets: KbdAnimationPresets = {\n  none: {},\n  press: {\n    whileHover: { y: -1 },\n    whileTap: { y: 1, scale: 0.96 },\n    transition: { type: \"spring\", stiffness: 600, damping: 22 },\n  },\n  pop: {\n    initial: { scale: 0.85, opacity: 0 },\n    animate: { scale: 1, opacity: 1 },\n    transition: { type: \"spring\", stiffness: 520, damping: 26 },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { KbdBase } from \"../kbd-base\";\nimport type { KbdBaseProps } from \"../types\";\n\nimport { kbdAnimationPresets } from \"./animations\";\nimport type { KbdAnimatedProps } from \"./types\";\n\nexport function KbdAnimated({\n  animation = \"none\",\n  ...props\n}: KbdAnimatedProps) {\n  const motionProps = kbdAnimationPresets[animation];\n\n  return (\n    <KbdBase\n      {...({\n        as: motion.span,\n        initial: animation === \"none\" ? false : undefined,\n        ...motionProps,\n        ...props,\n      } as KbdBaseProps)}\n    />\n  );\n}\n\nKbdAnimated.displayName = \"KbdAnimated\";\n"]}
+{"version":3,"sources":["../../../src/ui/kbd/animated/animations.ts","../../../src/ui/kbd/animated/kbd-animated.tsx"],"names":[],"mappings":";;;;;;;;AAEO,IAAM,mBAAA,GAA2C;AAAA,EACtD,MAAM,EAAC;AAAA,EACP,KAAA,EAAO;AAAA,IACL,UAAA,EAAY,EAAE,CAAA,EAAG,EAAA,EAAG;AAAA,IACpB,QAAA,EAAU,EAAE,CAAA,EAAG,CAAA,EAAG,OAAO,IAAA,EAAK;AAAA,IAC9B,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG,GAC5D;AAAA,EACA,GAAA,EAAK;AAAA,IACH,OAAA,EAAS,EAAE,KAAA,EAAO,IAAA,EAAM,SAAS,CAAA,EAAE;AAAA,IACnC,OAAA,EAAS,EAAE,KAAA,EAAO,CAAA,EAAG,SAAS,CAAA,EAAE;AAAA,IAChC,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG;AAE9D;ACJO,SAAS,WAAA,CAAY;AAAA,EAC1B,SAAA,GAAY,MAAA;AAAA,EACZ,GAAG;AACL,CAAA,EAAqB;AACnB,EAAA,MAAM,WAAA,GAAc,oBAAoB,SAAS,CAAA;AAEjD,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACE,GAAI;AAAA,QACH,IAAI,MAAA,CAAO,IAAA;AAAA,QACX,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,KAAA,GAAQ,MAAA;AAAA,QACxC,GAAG,WAAA;AAAA,QACH,GAAG;AAAA;AACL;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"animated.mjs","sourcesContent":["import type { KbdAnimationPresets } from \"./types\";\n\nexport const kbdAnimationPresets: KbdAnimationPresets = {\n  none: {},\n  press: {\n    whileHover: { y: -1 },\n    whileTap: { y: 1, scale: 0.96 },\n    transition: { type: \"spring\", stiffness: 600, damping: 22 },\n  },\n  pop: {\n    initial: { scale: 0.85, opacity: 0 },\n    animate: { scale: 1, opacity: 1 },\n    transition: { type: \"spring\", stiffness: 520, damping: 26 },\n  },\n};\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { KbdBase } from \"../kbd-base\";\nimport type { KbdBaseProps } from \"../types\";\n\nimport { kbdAnimationPresets } from \"./animations\";\nimport type { KbdAnimatedProps } from \"./types\";\n\nexport function KbdAnimated({\n  animation = \"none\",\n  ...props\n}: KbdAnimatedProps) {\n  const motionProps = kbdAnimationPresets[animation];\n\n  return (\n    <KbdBase\n      {...({\n        as: motion.span,\n        initial: animation === \"none\" ? false : undefined,\n        ...motionProps,\n        ...props,\n      } as KbdBaseProps)}\n    />\n  );\n}\n\nKbdAnimated.displayName = \"KbdAnimated\";\n"]}

package/dist/ui/kbd.js

@@ -1,22 +1,24 @@
 "use client";
 'use strict';
 
-var chunkXIG2QDVN_js = require('../chunk-XIG2QDVN.js');
+var chunkEIX26RKN_js = require('../chunk-EIX26RKN.js');
+require('../chunk-L67EJJFN.js');
 require('../chunk-ZS5756ZC.js');
+require('../chunk-PZ5AY32C.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function Kbd(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkXIG2QDVN_js.KbdBase, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkEIX26RKN_js.KbdBase, { ...props });
 }
 Kbd.displayName = "Kbd";
 
 Object.defineProperty(exports, "kbdKeyVariants", {
   enumerable: true,
-  get: function () { return chunkXIG2QDVN_js.kbdKeyVariants; }
+  get: function () { return chunkEIX26RKN_js.kbdKeyVariants; }
 });
 Object.defineProperty(exports, "kbdSeparatorVariants", {
   enumerable: true,
-  get: function () { return chunkXIG2QDVN_js.kbdSeparatorVariants; }
+  get: function () { return chunkEIX26RKN_js.kbdSeparatorVariants; }
 });
 exports.Kbd = Kbd;
 //# sourceMappingURL=kbd.js.map

package/dist/ui/kbd.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/kbd/kbd.tsx"],"names":["jsx","KbdBase"],"mappings":";;;;;;AAIO,SAAS,IAAI,KAAA,EAAiB;AACnC,EAAA,uBAAOA,cAAA,CAACC,wBAAA,EAAA,EAAS,GAAG,KAAA,EAAO,CAAA;AAC7B;AAEA,GAAA,CAAI,WAAA,GAAc,KAAA","file":"kbd.js","sourcesContent":["// kbd.tsx — default static entry (no framer-motion)\nimport { KbdBase } from \"./kbd-base\";\nimport type { KbdProps } from \"./types\";\n\nexport function Kbd(props: KbdProps) {\n  return <KbdBase {...props} />;\n}\n\nKbd.displayName = \"Kbd\";\n"]}
+{"version":3,"sources":["../../src/ui/kbd/kbd.tsx"],"names":["jsx","KbdBase"],"mappings":";;;;;;;;AAIO,SAAS,IAAI,KAAA,EAAiB;AACnC,EAAA,uBAAOA,cAAA,CAACC,wBAAA,EAAA,EAAS,GAAG,KAAA,EAAO,CAAA;AAC7B;AAEA,GAAA,CAAI,WAAA,GAAc,KAAA","file":"kbd.js","sourcesContent":["// kbd.tsx — default static entry (no framer-motion)\nimport { KbdBase } from \"./kbd-base\";\nimport type { KbdProps } from \"./types\";\n\nexport function Kbd(props: KbdProps) {\n  return <KbdBase {...props} />;\n}\n\nKbd.displayName = \"Kbd\";\n"]}

package/dist/ui/kbd.mjs

@@ -1,7 +1,9 @@
 "use client";
-import { KbdBase } from '../chunk-OEDD43IT.mjs';
-export { kbdKeyVariants, kbdSeparatorVariants } from '../chunk-OEDD43IT.mjs';
+import { KbdBase } from '../chunk-IQ6QVIZ3.mjs';
+export { kbdKeyVariants, kbdSeparatorVariants } from '../chunk-IQ6QVIZ3.mjs';
+import '../chunk-5QSYJHWL.mjs';
 import '../chunk-4D54YOL6.mjs';
+import '../chunk-J5LGTIGS.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 function Kbd(props) {

package/dist/ui/kbd.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/kbd/kbd.tsx"],"names":[],"mappings":";;;;;AAIO,SAAS,IAAI,KAAA,EAAiB;AACnC,EAAA,uBAAO,GAAA,CAAC,OAAA,EAAA,EAAS,GAAG,KAAA,EAAO,CAAA;AAC7B;AAEA,GAAA,CAAI,WAAA,GAAc,KAAA","file":"kbd.mjs","sourcesContent":["// kbd.tsx — default static entry (no framer-motion)\nimport { KbdBase } from \"./kbd-base\";\nimport type { KbdProps } from \"./types\";\n\nexport function Kbd(props: KbdProps) {\n  return <KbdBase {...props} />;\n}\n\nKbd.displayName = \"Kbd\";\n"]}
+{"version":3,"sources":["../../src/ui/kbd/kbd.tsx"],"names":[],"mappings":";;;;;;;AAIO,SAAS,IAAI,KAAA,EAAiB;AACnC,EAAA,uBAAO,GAAA,CAAC,OAAA,EAAA,EAAS,GAAG,KAAA,EAAO,CAAA;AAC7B;AAEA,GAAA,CAAI,WAAA,GAAc,KAAA","file":"kbd.mjs","sourcesContent":["// kbd.tsx — default static entry (no framer-motion)\nimport { KbdBase } from \"./kbd-base\";\nimport type { KbdProps } from \"./types\";\n\nexport function Kbd(props: KbdProps) {\n  return <KbdBase {...props} />;\n}\n\nKbd.displayName = \"Kbd\";\n"]}

package/dist/ui/marquee.js

@@ -2,80 +2,19 @@
 'use strict';
 
 var chunkXRM7GOIE_js = require('../chunk-XRM7GOIE.js');
+var chunkF6V74YMW_js = require('../chunk-F6V74YMW.js');
 var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
+require('../chunk-PZ5AY32C.js');
 var react = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
-// src/design-system/marquee.ts
-var zuiMarqueeBase = "group/marquee relative isolate flex min-w-0 overflow-hidden rounded-xl border border-transparent bg-[var(--zui-marquee-bg,transparent)] text-[color:var(--zui-marquee-fg,inherit)] [--zui-marquee-gap:1rem]";
-var zuiMarqueeAppearances = {
-  default: "[--zui-marquee-bg:transparent] [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:[--zui-marquee-fg:#ffffff]",
-  outline: "border-[color:var(--zui-marquee-outline-border,oklch(86.9%_0.022_252.894))] [--zui-marquee-bg:#ffffff] [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:border-[color:var(--zui-marquee-outline-border-dark,oklch(37.2%_0.044_257.287))] dark:[--zui-marquee-bg:oklch(20.8%_0.042_265.755)] dark:[--zui-marquee-fg:#ffffff]",
-  ghost: "[--zui-marquee-bg:transparent] [--zui-marquee-fg:oklch(27.9%_0.041_260.031)] dark:[--zui-marquee-fg:oklch(96.8%_0.007_247.896)]",
-  card: "border-[color:var(--zui-marquee-card-border,oklch(92.9%_0.013_255.508))] bg-[var(--zui-marquee-card-bg,#ffffff)] shadow-sm shadow-slate-950/5 [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:border-[color:var(--zui-marquee-card-border-dark,oklch(37.2%_0.044_257.287))] dark:bg-[var(--zui-marquee-card-bg-dark,oklch(20.8%_0.042_265.755_/_0.9))] dark:shadow-black/20 dark:[--zui-marquee-fg:#ffffff]",
-  separated: "border-y border-x-0 rounded-none border-[color:var(--zui-marquee-separated-border,oklch(86.9%_0.022_252.894))] [--zui-marquee-bg:transparent] [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:border-[color:var(--zui-marquee-separated-border-dark,oklch(37.2%_0.044_257.287))] dark:[--zui-marquee-fg:#ffffff]",
-  sky: "border-[color:var(--zui-marquee-sky-border,oklch(62.3%_0.214_259.815_/_0.28))] [--zui-marquee-bg:oklch(97.7%_0.013_236.62)] [--zui-marquee-fg:oklch(39.1%_0.09_240.876)] dark:border-[color:var(--zui-marquee-sky-border-dark,oklch(70.7%_0.165_254.624_/_0.3))] dark:[--zui-marquee-bg:oklch(39.1%_0.09_240.876_/_0.28)] dark:[--zui-marquee-fg:oklch(95.1%_0.026_236.824)]",
-  rose: "border-[color:var(--zui-marquee-rose-border,oklch(58.6%_0.253_17.585_/_0.24))] [--zui-marquee-bg:oklch(96.9%_0.015_12.422)] [--zui-marquee-fg:oklch(41%_0.159_10.272)] dark:border-[color:var(--zui-marquee-rose-border-dark,oklch(71.2%_0.194_13.428_/_0.3))] dark:[--zui-marquee-bg:oklch(41%_0.159_10.272_/_0.28)] dark:[--zui-marquee-fg:oklch(94.1%_0.03_12.58)]",
-  purple: "border-[color:var(--zui-marquee-purple-border,oklch(62.7%_0.265_303.9_/_0.24))] [--zui-marquee-bg:oklch(97.7%_0.014_308.299)] [--zui-marquee-fg:oklch(38.1%_0.176_304.987)] dark:border-[color:var(--zui-marquee-purple-border-dark,oklch(71.4%_0.203_305.504_/_0.3))] dark:[--zui-marquee-bg:oklch(38.1%_0.176_304.987_/_0.28)] dark:[--zui-marquee-fg:oklch(94.6%_0.033_307.174)]",
-  pink: "border-[color:var(--zui-marquee-pink-border,oklch(65.6%_0.241_354.308_/_0.24))] [--zui-marquee-bg:oklch(97.1%_0.014_343.198)] [--zui-marquee-fg:oklch(40.8%_0.153_2.432)] dark:border-[color:var(--zui-marquee-pink-border-dark,oklch(71.8%_0.202_349.761_/_0.3))] dark:[--zui-marquee-bg:oklch(40.8%_0.153_2.432_/_0.28)] dark:[--zui-marquee-fg:oklch(94.8%_0.028_342.258)]",
-  orange: "border-[color:var(--zui-marquee-orange-border,oklch(70.5%_0.213_47.604_/_0.26))] [--zui-marquee-bg:oklch(98%_0.016_73.684)] [--zui-marquee-fg:oklch(40.8%_0.123_38.172)] dark:border-[color:var(--zui-marquee-orange-border-dark,oklch(75%_0.183_55.934_/_0.32))] dark:[--zui-marquee-bg:oklch(40.8%_0.123_38.172_/_0.28)] dark:[--zui-marquee-fg:oklch(95.4%_0.038_75.164)]",
-  yellow: "border-[color:var(--zui-marquee-yellow-border,oklch(79.5%_0.184_86.047_/_0.3))] [--zui-marquee-bg:oklch(98.7%_0.026_102.212)] [--zui-marquee-fg:oklch(42.1%_0.095_57.708)] dark:border-[color:var(--zui-marquee-yellow-border-dark,oklch(85.2%_0.199_91.936_/_0.32))] dark:[--zui-marquee-bg:oklch(42.1%_0.095_57.708_/_0.28)] dark:[--zui-marquee-fg:oklch(97.3%_0.071_103.193)]",
-  teal: "border-[color:var(--zui-marquee-teal-border,oklch(70.4%_0.14_182.503_/_0.28))] [--zui-marquee-bg:oklch(98.4%_0.014_180.72)] [--zui-marquee-fg:oklch(38.6%_0.063_188.416)] dark:border-[color:var(--zui-marquee-teal-border-dark,oklch(77.7%_0.152_181.912_/_0.32))] dark:[--zui-marquee-bg:oklch(38.6%_0.063_188.416_/_0.28)] dark:[--zui-marquee-fg:oklch(95.3%_0.051_180.801)]",
-  indigo: "border-[color:var(--zui-marquee-indigo-border,oklch(58.5%_0.233_277.117_/_0.24))] [--zui-marquee-bg:oklch(96.2%_0.018_272.314)] [--zui-marquee-fg:oklch(35.9%_0.144_278.697)] dark:border-[color:var(--zui-marquee-indigo-border-dark,oklch(67.3%_0.182_276.935_/_0.32))] dark:[--zui-marquee-bg:oklch(35.9%_0.144_278.697_/_0.28)] dark:[--zui-marquee-fg:oklch(93%_0.034_272.788)]",
-  emerald: "border-[color:var(--zui-marquee-emerald-border,oklch(69.6%_0.17_162.48_/_0.28))] [--zui-marquee-bg:oklch(97.9%_0.021_166.113)] [--zui-marquee-fg:oklch(37.8%_0.077_168.94)] dark:border-[color:var(--zui-marquee-emerald-border-dark,oklch(76.5%_0.177_163.223_/_0.32))] dark:[--zui-marquee-bg:oklch(37.8%_0.077_168.94_/_0.28)] dark:[--zui-marquee-fg:oklch(95%_0.052_163.051)]",
-  "gradient-blue": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-blue-from,oklch(62.3%_0.214_259.815))] dark:from-[var(--zui-marquee-gradient-blue-from-dark,oklch(42.4%_0.199_265.638))] to-[var(--zui-marquee-gradient-blue-to,oklch(54.6%_0.245_262.881))] dark:to-[var(--zui-marquee-gradient-blue-to-dark,oklch(37.9%_0.146_265.522))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
-  "gradient-green": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-green-from,oklch(72.3%_0.219_149.579))] dark:from-[var(--zui-marquee-gradient-green-from-dark,oklch(44.8%_0.119_151.328))] to-[var(--zui-marquee-gradient-green-to,oklch(62.7%_0.194_149.214))] dark:to-[var(--zui-marquee-gradient-green-to-dark,oklch(39.3%_0.095_152.535))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
-  "gradient-red": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-red-from,oklch(63.7%_0.237_25.331))] dark:from-[var(--zui-marquee-gradient-red-from-dark,oklch(44.4%_0.177_26.899))] to-[var(--zui-marquee-gradient-red-to,oklch(57.7%_0.245_27.325))] dark:to-[var(--zui-marquee-gradient-red-to-dark,oklch(39.6%_0.141_25.723))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
-  "gradient-yellow": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-yellow-from,oklch(85.2%_0.199_91.936))] dark:from-[var(--zui-marquee-gradient-yellow-from-dark,oklch(47.6%_0.114_61.907))] to-[var(--zui-marquee-gradient-yellow-to,oklch(79.5%_0.184_86.047))] dark:to-[var(--zui-marquee-gradient-yellow-to-dark,oklch(42.1%_0.095_57.708))] [--zui-marquee-fg:oklch(27.9%_0.077_45.635)] dark:[--zui-marquee-fg:#ffffff]",
-  "gradient-purple": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-purple-from,oklch(71.4%_0.203_305.504))] dark:from-[var(--zui-marquee-gradient-purple-from-dark,oklch(43.8%_0.218_303.724))] to-[var(--zui-marquee-gradient-purple-to,oklch(62.7%_0.265_303.9))] dark:to-[var(--zui-marquee-gradient-purple-to-dark,oklch(38.1%_0.176_304.987))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
-  "gradient-teal": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-teal-from,oklch(77.7%_0.152_181.912))] dark:from-[var(--zui-marquee-gradient-teal-from-dark,oklch(43.7%_0.078_188.216))] to-[var(--zui-marquee-gradient-teal-to,oklch(70.4%_0.14_182.503))] dark:to-[var(--zui-marquee-gradient-teal-to-dark,oklch(38.6%_0.063_188.416))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
-  "gradient-indigo": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-indigo-from,oklch(67.3%_0.182_276.935))] dark:from-[var(--zui-marquee-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-marquee-gradient-indigo-to,oklch(58.5%_0.233_277.117))] dark:to-[var(--zui-marquee-gradient-indigo-to-dark,oklch(35.9%_0.144_278.697))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
-  "gradient-pink": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-pink-from,oklch(71.8%_0.202_349.761))] dark:from-[var(--zui-marquee-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-marquee-gradient-pink-to,oklch(65.6%_0.241_354.308))] dark:to-[var(--zui-marquee-gradient-pink-to-dark,oklch(40.8%_0.153_2.432))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
-  "gradient-orange": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-orange-from,oklch(75%_0.183_55.934))] dark:from-[var(--zui-marquee-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-marquee-gradient-orange-to,oklch(70.5%_0.213_47.604))] dark:to-[var(--zui-marquee-gradient-orange-to-dark,oklch(40.8%_0.123_38.172))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
-  blue: "border border-[color:var(--zui-marquee-blue-border,#2563eb)] dark:border-[color:var(--zui-marquee-blue-border-dark,#3b82f6)] bg-[var(--zui-marquee-blue-bg,#2563eb14)] dark:bg-[var(--zui-marquee-blue-bg-dark,#3b82f624)] text-[color:var(--zui-marquee-blue-fg,#0f172a)] dark:text-[color:var(--zui-marquee-blue-fg-dark,#f8fafc)]",
-  cyan: "border border-[color:var(--zui-marquee-cyan-border,#0891b2)] dark:border-[color:var(--zui-marquee-cyan-border-dark,#22d3ee)] bg-[var(--zui-marquee-cyan-bg,#0891b214)] dark:bg-[var(--zui-marquee-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-marquee-cyan-fg,#0f172a)] dark:text-[color:var(--zui-marquee-cyan-fg-dark,#f8fafc)]",
-  green: "border border-[color:var(--zui-marquee-green-border,#16a34a)] dark:border-[color:var(--zui-marquee-green-border-dark,#22c55e)] bg-[var(--zui-marquee-green-bg,#16a34a14)] dark:bg-[var(--zui-marquee-green-bg-dark,#22c55e24)] text-[color:var(--zui-marquee-green-fg,#0f172a)] dark:text-[color:var(--zui-marquee-green-fg-dark,#f8fafc)]",
-  lime: "border border-[color:var(--zui-marquee-lime-border,#65a30d)] dark:border-[color:var(--zui-marquee-lime-border-dark,#a3e635)] bg-[var(--zui-marquee-lime-bg,#65a30d14)] dark:bg-[var(--zui-marquee-lime-bg-dark,#a3e63524)] text-[color:var(--zui-marquee-lime-fg,#0f172a)] dark:text-[color:var(--zui-marquee-lime-fg-dark,#f8fafc)]",
-  mint: "border border-[color:var(--zui-marquee-mint-border,#10b981)] dark:border-[color:var(--zui-marquee-mint-border-dark,#6ee7b7)] bg-[var(--zui-marquee-mint-bg,#10b98114)] dark:bg-[var(--zui-marquee-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-marquee-mint-fg,#0f172a)] dark:text-[color:var(--zui-marquee-mint-fg-dark,#f8fafc)]",
-  ocean: "border border-[color:var(--zui-marquee-ocean-border,#0284c7)] dark:border-[color:var(--zui-marquee-ocean-border-dark,#38bdf8)] bg-[var(--zui-marquee-ocean-bg,#0284c714)] dark:bg-[var(--zui-marquee-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-marquee-ocean-fg,#0f172a)] dark:text-[color:var(--zui-marquee-ocean-fg-dark,#f8fafc)]",
-  sapphire: "border border-[color:var(--zui-marquee-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-marquee-sapphire-border-dark,#60a5fa)] bg-[var(--zui-marquee-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-marquee-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-marquee-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-marquee-sapphire-fg-dark,#f8fafc)]",
-  lavender: "border border-[color:var(--zui-marquee-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-marquee-lavender-border-dark,#a78bfa)] bg-[var(--zui-marquee-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-marquee-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-marquee-lavender-fg,#0f172a)] dark:text-[color:var(--zui-marquee-lavender-fg-dark,#f8fafc)]",
-  ruby: "border border-[color:var(--zui-marquee-ruby-border,#be123c)] dark:border-[color:var(--zui-marquee-ruby-border-dark,#fb7185)] bg-[var(--zui-marquee-ruby-bg,#be123c14)] dark:bg-[var(--zui-marquee-ruby-bg-dark,#fb718524)] text-[color:var(--zui-marquee-ruby-fg,#0f172a)] dark:text-[color:var(--zui-marquee-ruby-fg-dark,#f8fafc)]",
-  red: "border border-[color:var(--zui-marquee-red-border,#dc2626)] dark:border-[color:var(--zui-marquee-red-border-dark,#ef4444)] bg-[var(--zui-marquee-red-bg,#dc262614)] dark:bg-[var(--zui-marquee-red-bg-dark,#ef444424)] text-[color:var(--zui-marquee-red-fg,#0f172a)] dark:text-[color:var(--zui-marquee-red-fg-dark,#f8fafc)]",
-  slate: "border border-[color:var(--zui-marquee-slate-border,#475569)] dark:border-[color:var(--zui-marquee-slate-border-dark,#64748b)] bg-[var(--zui-marquee-slate-bg,#47556914)] dark:bg-[var(--zui-marquee-slate-bg-dark,#64748b24)] text-[color:var(--zui-marquee-slate-fg,#0f172a)] dark:text-[color:var(--zui-marquee-slate-fg-dark,#f8fafc)]",
-  zinc: "border border-[color:var(--zui-marquee-zinc-border,#52525b)] dark:border-[color:var(--zui-marquee-zinc-border-dark,#71717a)] bg-[var(--zui-marquee-zinc-bg,#52525b14)] dark:bg-[var(--zui-marquee-zinc-bg-dark,#71717a24)] text-[color:var(--zui-marquee-zinc-fg,#0f172a)] dark:text-[color:var(--zui-marquee-zinc-fg-dark,#f8fafc)]",
-  stone: "border border-[color:var(--zui-marquee-stone-border,#57534e)] dark:border-[color:var(--zui-marquee-stone-border-dark,#78716c)] bg-[var(--zui-marquee-stone-bg,#57534e14)] dark:bg-[var(--zui-marquee-stone-bg-dark,#78716c24)] text-[color:var(--zui-marquee-stone-fg,#0f172a)] dark:text-[color:var(--zui-marquee-stone-fg-dark,#f8fafc)]",
-  royal: "border border-[color:var(--zui-marquee-royal-border,#4338ca)] dark:border-[color:var(--zui-marquee-royal-border-dark,#818cf8)] bg-[var(--zui-marquee-royal-bg,#4338ca14)] dark:bg-[var(--zui-marquee-royal-bg-dark,#818cf824)] text-[color:var(--zui-marquee-royal-fg,#0f172a)] dark:text-[color:var(--zui-marquee-royal-fg-dark,#f8fafc)]",
-  electric: "border border-[color:var(--zui-marquee-electric-border,#0ea5e9)] dark:border-[color:var(--zui-marquee-electric-border-dark,#38bdf8)] bg-[var(--zui-marquee-electric-bg,#0ea5e914)] dark:bg-[var(--zui-marquee-electric-bg-dark,#38bdf824)] text-[color:var(--zui-marquee-electric-fg,#0f172a)] dark:text-[color:var(--zui-marquee-electric-fg-dark,#f8fafc)]",
-  forest: "border border-[color:var(--zui-marquee-forest-border,#166534)] dark:border-[color:var(--zui-marquee-forest-border-dark,#4ade80)] bg-[var(--zui-marquee-forest-bg,#16653414)] dark:bg-[var(--zui-marquee-forest-bg-dark,#4ade8024)] text-[color:var(--zui-marquee-forest-fg,#0f172a)] dark:text-[color:var(--zui-marquee-forest-fg-dark,#f8fafc)]",
-  sunset: "border border-[color:var(--zui-marquee-sunset-border,#ea580c)] dark:border-[color:var(--zui-marquee-sunset-border-dark,#fb923c)] bg-[var(--zui-marquee-sunset-bg,#ea580c14)] dark:bg-[var(--zui-marquee-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-marquee-sunset-fg,#0f172a)] dark:text-[color:var(--zui-marquee-sunset-fg-dark,#f8fafc)]",
-  magenta: "border border-[color:var(--zui-marquee-magenta-border,#c026d3)] dark:border-[color:var(--zui-marquee-magenta-border-dark,#e879f9)] bg-[var(--zui-marquee-magenta-bg,#c026d314)] dark:bg-[var(--zui-marquee-magenta-bg-dark,#e879f924)] text-[color:var(--zui-marquee-magenta-fg,#0f172a)] dark:text-[color:var(--zui-marquee-magenta-fg-dark,#f8fafc)]",
-  crimson: "border border-[color:var(--zui-marquee-crimson-border,#b91c1c)] dark:border-[color:var(--zui-marquee-crimson-border-dark,#f87171)] bg-[var(--zui-marquee-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-marquee-crimson-bg-dark,#f8717124)] text-[color:var(--zui-marquee-crimson-fg,#0f172a)] dark:text-[color:var(--zui-marquee-crimson-fg-dark,#f8fafc)]",
-  aqua: "border border-[color:var(--zui-marquee-aqua-border,#0f766e)] dark:border-[color:var(--zui-marquee-aqua-border-dark,#2dd4bf)] bg-[var(--zui-marquee-aqua-bg,#0f766e14)] dark:bg-[var(--zui-marquee-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-marquee-aqua-fg,#0f172a)] dark:text-[color:var(--zui-marquee-aqua-fg-dark,#f8fafc)]",
-  plum: "border border-[color:var(--zui-marquee-plum-border,#7e22ce)] dark:border-[color:var(--zui-marquee-plum-border-dark,#c084fc)] bg-[var(--zui-marquee-plum-bg,#7e22ce14)] dark:bg-[var(--zui-marquee-plum-bg-dark,#c084fc24)] text-[color:var(--zui-marquee-plum-fg,#0f172a)] dark:text-[color:var(--zui-marquee-plum-fg-dark,#f8fafc)]"
-};
-var zuiMarqueeOrientations = {
-  horizontal: "w-full flex-row",
-  vertical: "h-64 flex-col"
-};
-var zuiMarqueeSizes = {
-  sm: "p-2 text-xs",
-  md: "p-3 text-sm",
-  lg: "p-4 text-base"
-};
-var zuiMarqueeFade = {
-  false: "",
-  true: "[mask-image:linear-gradient(to_right,transparent,black_12%,black_88%,transparent)] data-[orientation=vertical]:[mask-image:linear-gradient(to_bottom,transparent,black_12%,black_88%,transparent)]"
-};
-
-// src/ui/marquee/variants.ts
-var marqueeVariants = classVarianceAuthority.cva(zuiMarqueeBase, {
+var marqueeVariants = classVarianceAuthority.cva(chunkF6V74YMW_js.zuiMarqueeBase, {
   variants: {
-    appearance: zuiMarqueeAppearances,
-    fade: zuiMarqueeFade,
-    orientation: zuiMarqueeOrientations,
-    size: zuiMarqueeSizes
+    appearance: chunkF6V74YMW_js.zuiMarqueeAppearances,
+    fade: chunkF6V74YMW_js.zuiMarqueeFade,
+    orientation: chunkF6V74YMW_js.zuiMarqueeOrientations,
+    size: chunkF6V74YMW_js.zuiMarqueeSizes
   },
   defaultVariants: {
     appearance: "default",

package/dist/ui/marquee.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/design-system/marquee.ts","../../src/ui/marquee/variants.ts","../../src/ui/marquee/marquee.tsx"],"names":["cva","useRef","useState","useMemo","Children","useCallback","cn","jsx","useIsomorphicLayoutEffect","jsxs"],"mappings":"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","file":"marquee.js","sourcesContent":["export const zuiMarqueeBase =\n  \"group/marquee relative isolate flex min-w-0 overflow-hidden rounded-xl border border-transparent bg-[var(--zui-marquee-bg,transparent)] text-[color:var(--zui-marquee-fg,inherit)] [--zui-marquee-gap:1rem]\";\n\nexport const zuiMarqueeAppearances = {\n  default:\n    \"[--zui-marquee-bg:transparent] [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:[--zui-marquee-fg:#ffffff]\",\n  outline:\n    \"border-[color:var(--zui-marquee-outline-border,oklch(86.9%_0.022_252.894))] [--zui-marquee-bg:#ffffff] [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:border-[color:var(--zui-marquee-outline-border-dark,oklch(37.2%_0.044_257.287))] dark:[--zui-marquee-bg:oklch(20.8%_0.042_265.755)] dark:[--zui-marquee-fg:#ffffff]\",\n  ghost:\n    \"[--zui-marquee-bg:transparent] [--zui-marquee-fg:oklch(27.9%_0.041_260.031)] dark:[--zui-marquee-fg:oklch(96.8%_0.007_247.896)]\",\n  card: \"border-[color:var(--zui-marquee-card-border,oklch(92.9%_0.013_255.508))] bg-[var(--zui-marquee-card-bg,#ffffff)] shadow-sm shadow-slate-950/5 [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:border-[color:var(--zui-marquee-card-border-dark,oklch(37.2%_0.044_257.287))] dark:bg-[var(--zui-marquee-card-bg-dark,oklch(20.8%_0.042_265.755_/_0.9))] dark:shadow-black/20 dark:[--zui-marquee-fg:#ffffff]\",\n  separated:\n    \"border-y border-x-0 rounded-none border-[color:var(--zui-marquee-separated-border,oklch(86.9%_0.022_252.894))] [--zui-marquee-bg:transparent] [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:border-[color:var(--zui-marquee-separated-border-dark,oklch(37.2%_0.044_257.287))] dark:[--zui-marquee-fg:#ffffff]\",\n  sky: \"border-[color:var(--zui-marquee-sky-border,oklch(62.3%_0.214_259.815_/_0.28))] [--zui-marquee-bg:oklch(97.7%_0.013_236.62)] [--zui-marquee-fg:oklch(39.1%_0.09_240.876)] dark:border-[color:var(--zui-marquee-sky-border-dark,oklch(70.7%_0.165_254.624_/_0.3))] dark:[--zui-marquee-bg:oklch(39.1%_0.09_240.876_/_0.28)] dark:[--zui-marquee-fg:oklch(95.1%_0.026_236.824)]\",\n  rose: \"border-[color:var(--zui-marquee-rose-border,oklch(58.6%_0.253_17.585_/_0.24))] [--zui-marquee-bg:oklch(96.9%_0.015_12.422)] [--zui-marquee-fg:oklch(41%_0.159_10.272)] dark:border-[color:var(--zui-marquee-rose-border-dark,oklch(71.2%_0.194_13.428_/_0.3))] dark:[--zui-marquee-bg:oklch(41%_0.159_10.272_/_0.28)] dark:[--zui-marquee-fg:oklch(94.1%_0.03_12.58)]\",\n  purple:\n    \"border-[color:var(--zui-marquee-purple-border,oklch(62.7%_0.265_303.9_/_0.24))] [--zui-marquee-bg:oklch(97.7%_0.014_308.299)] [--zui-marquee-fg:oklch(38.1%_0.176_304.987)] dark:border-[color:var(--zui-marquee-purple-border-dark,oklch(71.4%_0.203_305.504_/_0.3))] dark:[--zui-marquee-bg:oklch(38.1%_0.176_304.987_/_0.28)] dark:[--zui-marquee-fg:oklch(94.6%_0.033_307.174)]\",\n  pink: \"border-[color:var(--zui-marquee-pink-border,oklch(65.6%_0.241_354.308_/_0.24))] [--zui-marquee-bg:oklch(97.1%_0.014_343.198)] [--zui-marquee-fg:oklch(40.8%_0.153_2.432)] dark:border-[color:var(--zui-marquee-pink-border-dark,oklch(71.8%_0.202_349.761_/_0.3))] dark:[--zui-marquee-bg:oklch(40.8%_0.153_2.432_/_0.28)] dark:[--zui-marquee-fg:oklch(94.8%_0.028_342.258)]\",\n  orange:\n    \"border-[color:var(--zui-marquee-orange-border,oklch(70.5%_0.213_47.604_/_0.26))] [--zui-marquee-bg:oklch(98%_0.016_73.684)] [--zui-marquee-fg:oklch(40.8%_0.123_38.172)] dark:border-[color:var(--zui-marquee-orange-border-dark,oklch(75%_0.183_55.934_/_0.32))] dark:[--zui-marquee-bg:oklch(40.8%_0.123_38.172_/_0.28)] dark:[--zui-marquee-fg:oklch(95.4%_0.038_75.164)]\",\n  yellow:\n    \"border-[color:var(--zui-marquee-yellow-border,oklch(79.5%_0.184_86.047_/_0.3))] [--zui-marquee-bg:oklch(98.7%_0.026_102.212)] [--zui-marquee-fg:oklch(42.1%_0.095_57.708)] dark:border-[color:var(--zui-marquee-yellow-border-dark,oklch(85.2%_0.199_91.936_/_0.32))] dark:[--zui-marquee-bg:oklch(42.1%_0.095_57.708_/_0.28)] dark:[--zui-marquee-fg:oklch(97.3%_0.071_103.193)]\",\n  teal: \"border-[color:var(--zui-marquee-teal-border,oklch(70.4%_0.14_182.503_/_0.28))] [--zui-marquee-bg:oklch(98.4%_0.014_180.72)] [--zui-marquee-fg:oklch(38.6%_0.063_188.416)] dark:border-[color:var(--zui-marquee-teal-border-dark,oklch(77.7%_0.152_181.912_/_0.32))] dark:[--zui-marquee-bg:oklch(38.6%_0.063_188.416_/_0.28)] dark:[--zui-marquee-fg:oklch(95.3%_0.051_180.801)]\",\n  indigo:\n    \"border-[color:var(--zui-marquee-indigo-border,oklch(58.5%_0.233_277.117_/_0.24))] [--zui-marquee-bg:oklch(96.2%_0.018_272.314)] [--zui-marquee-fg:oklch(35.9%_0.144_278.697)] dark:border-[color:var(--zui-marquee-indigo-border-dark,oklch(67.3%_0.182_276.935_/_0.32))] dark:[--zui-marquee-bg:oklch(35.9%_0.144_278.697_/_0.28)] dark:[--zui-marquee-fg:oklch(93%_0.034_272.788)]\",\n  emerald:\n    \"border-[color:var(--zui-marquee-emerald-border,oklch(69.6%_0.17_162.48_/_0.28))] [--zui-marquee-bg:oklch(97.9%_0.021_166.113)] [--zui-marquee-fg:oklch(37.8%_0.077_168.94)] dark:border-[color:var(--zui-marquee-emerald-border-dark,oklch(76.5%_0.177_163.223_/_0.32))] dark:[--zui-marquee-bg:oklch(37.8%_0.077_168.94_/_0.28)] dark:[--zui-marquee-fg:oklch(95%_0.052_163.051)]\",\n  \"gradient-blue\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-blue-from,oklch(62.3%_0.214_259.815))] dark:from-[var(--zui-marquee-gradient-blue-from-dark,oklch(42.4%_0.199_265.638))] to-[var(--zui-marquee-gradient-blue-to,oklch(54.6%_0.245_262.881))] dark:to-[var(--zui-marquee-gradient-blue-to-dark,oklch(37.9%_0.146_265.522))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-green\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-green-from,oklch(72.3%_0.219_149.579))] dark:from-[var(--zui-marquee-gradient-green-from-dark,oklch(44.8%_0.119_151.328))] to-[var(--zui-marquee-gradient-green-to,oklch(62.7%_0.194_149.214))] dark:to-[var(--zui-marquee-gradient-green-to-dark,oklch(39.3%_0.095_152.535))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-red\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-red-from,oklch(63.7%_0.237_25.331))] dark:from-[var(--zui-marquee-gradient-red-from-dark,oklch(44.4%_0.177_26.899))] to-[var(--zui-marquee-gradient-red-to,oklch(57.7%_0.245_27.325))] dark:to-[var(--zui-marquee-gradient-red-to-dark,oklch(39.6%_0.141_25.723))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-yellow\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-yellow-from,oklch(85.2%_0.199_91.936))] dark:from-[var(--zui-marquee-gradient-yellow-from-dark,oklch(47.6%_0.114_61.907))] to-[var(--zui-marquee-gradient-yellow-to,oklch(79.5%_0.184_86.047))] dark:to-[var(--zui-marquee-gradient-yellow-to-dark,oklch(42.1%_0.095_57.708))] [--zui-marquee-fg:oklch(27.9%_0.077_45.635)] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-purple\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-purple-from,oklch(71.4%_0.203_305.504))] dark:from-[var(--zui-marquee-gradient-purple-from-dark,oklch(43.8%_0.218_303.724))] to-[var(--zui-marquee-gradient-purple-to,oklch(62.7%_0.265_303.9))] dark:to-[var(--zui-marquee-gradient-purple-to-dark,oklch(38.1%_0.176_304.987))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-teal\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-teal-from,oklch(77.7%_0.152_181.912))] dark:from-[var(--zui-marquee-gradient-teal-from-dark,oklch(43.7%_0.078_188.216))] to-[var(--zui-marquee-gradient-teal-to,oklch(70.4%_0.14_182.503))] dark:to-[var(--zui-marquee-gradient-teal-to-dark,oklch(38.6%_0.063_188.416))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-indigo\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-indigo-from,oklch(67.3%_0.182_276.935))] dark:from-[var(--zui-marquee-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-marquee-gradient-indigo-to,oklch(58.5%_0.233_277.117))] dark:to-[var(--zui-marquee-gradient-indigo-to-dark,oklch(35.9%_0.144_278.697))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-pink\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-pink-from,oklch(71.8%_0.202_349.761))] dark:from-[var(--zui-marquee-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-marquee-gradient-pink-to,oklch(65.6%_0.241_354.308))] dark:to-[var(--zui-marquee-gradient-pink-to-dark,oklch(40.8%_0.153_2.432))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-orange\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-orange-from,oklch(75%_0.183_55.934))] dark:from-[var(--zui-marquee-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-marquee-gradient-orange-to,oklch(70.5%_0.213_47.604))] dark:to-[var(--zui-marquee-gradient-orange-to-dark,oklch(40.8%_0.123_38.172))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  blue: \"border border-[color:var(--zui-marquee-blue-border,#2563eb)] dark:border-[color:var(--zui-marquee-blue-border-dark,#3b82f6)] bg-[var(--zui-marquee-blue-bg,#2563eb14)] dark:bg-[var(--zui-marquee-blue-bg-dark,#3b82f624)] text-[color:var(--zui-marquee-blue-fg,#0f172a)] dark:text-[color:var(--zui-marquee-blue-fg-dark,#f8fafc)]\",\n  cyan: \"border border-[color:var(--zui-marquee-cyan-border,#0891b2)] dark:border-[color:var(--zui-marquee-cyan-border-dark,#22d3ee)] bg-[var(--zui-marquee-cyan-bg,#0891b214)] dark:bg-[var(--zui-marquee-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-marquee-cyan-fg,#0f172a)] dark:text-[color:var(--zui-marquee-cyan-fg-dark,#f8fafc)]\",\n  green:\n    \"border border-[color:var(--zui-marquee-green-border,#16a34a)] dark:border-[color:var(--zui-marquee-green-border-dark,#22c55e)] bg-[var(--zui-marquee-green-bg,#16a34a14)] dark:bg-[var(--zui-marquee-green-bg-dark,#22c55e24)] text-[color:var(--zui-marquee-green-fg,#0f172a)] dark:text-[color:var(--zui-marquee-green-fg-dark,#f8fafc)]\",\n  lime: \"border border-[color:var(--zui-marquee-lime-border,#65a30d)] dark:border-[color:var(--zui-marquee-lime-border-dark,#a3e635)] bg-[var(--zui-marquee-lime-bg,#65a30d14)] dark:bg-[var(--zui-marquee-lime-bg-dark,#a3e63524)] text-[color:var(--zui-marquee-lime-fg,#0f172a)] dark:text-[color:var(--zui-marquee-lime-fg-dark,#f8fafc)]\",\n  mint: \"border border-[color:var(--zui-marquee-mint-border,#10b981)] dark:border-[color:var(--zui-marquee-mint-border-dark,#6ee7b7)] bg-[var(--zui-marquee-mint-bg,#10b98114)] dark:bg-[var(--zui-marquee-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-marquee-mint-fg,#0f172a)] dark:text-[color:var(--zui-marquee-mint-fg-dark,#f8fafc)]\",\n  ocean:\n    \"border border-[color:var(--zui-marquee-ocean-border,#0284c7)] dark:border-[color:var(--zui-marquee-ocean-border-dark,#38bdf8)] bg-[var(--zui-marquee-ocean-bg,#0284c714)] dark:bg-[var(--zui-marquee-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-marquee-ocean-fg,#0f172a)] dark:text-[color:var(--zui-marquee-ocean-fg-dark,#f8fafc)]\",\n  sapphire:\n    \"border border-[color:var(--zui-marquee-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-marquee-sapphire-border-dark,#60a5fa)] bg-[var(--zui-marquee-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-marquee-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-marquee-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-marquee-sapphire-fg-dark,#f8fafc)]\",\n  lavender:\n    \"border border-[color:var(--zui-marquee-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-marquee-lavender-border-dark,#a78bfa)] bg-[var(--zui-marquee-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-marquee-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-marquee-lavender-fg,#0f172a)] dark:text-[color:var(--zui-marquee-lavender-fg-dark,#f8fafc)]\",\n  ruby: \"border border-[color:var(--zui-marquee-ruby-border,#be123c)] dark:border-[color:var(--zui-marquee-ruby-border-dark,#fb7185)] bg-[var(--zui-marquee-ruby-bg,#be123c14)] dark:bg-[var(--zui-marquee-ruby-bg-dark,#fb718524)] text-[color:var(--zui-marquee-ruby-fg,#0f172a)] dark:text-[color:var(--zui-marquee-ruby-fg-dark,#f8fafc)]\",\n  red: \"border border-[color:var(--zui-marquee-red-border,#dc2626)] dark:border-[color:var(--zui-marquee-red-border-dark,#ef4444)] bg-[var(--zui-marquee-red-bg,#dc262614)] dark:bg-[var(--zui-marquee-red-bg-dark,#ef444424)] text-[color:var(--zui-marquee-red-fg,#0f172a)] dark:text-[color:var(--zui-marquee-red-fg-dark,#f8fafc)]\",\n  slate:\n    \"border border-[color:var(--zui-marquee-slate-border,#475569)] dark:border-[color:var(--zui-marquee-slate-border-dark,#64748b)] bg-[var(--zui-marquee-slate-bg,#47556914)] dark:bg-[var(--zui-marquee-slate-bg-dark,#64748b24)] text-[color:var(--zui-marquee-slate-fg,#0f172a)] dark:text-[color:var(--zui-marquee-slate-fg-dark,#f8fafc)]\",\n  zinc: \"border border-[color:var(--zui-marquee-zinc-border,#52525b)] dark:border-[color:var(--zui-marquee-zinc-border-dark,#71717a)] bg-[var(--zui-marquee-zinc-bg,#52525b14)] dark:bg-[var(--zui-marquee-zinc-bg-dark,#71717a24)] text-[color:var(--zui-marquee-zinc-fg,#0f172a)] dark:text-[color:var(--zui-marquee-zinc-fg-dark,#f8fafc)]\",\n  stone:\n    \"border border-[color:var(--zui-marquee-stone-border,#57534e)] dark:border-[color:var(--zui-marquee-stone-border-dark,#78716c)] bg-[var(--zui-marquee-stone-bg,#57534e14)] dark:bg-[var(--zui-marquee-stone-bg-dark,#78716c24)] text-[color:var(--zui-marquee-stone-fg,#0f172a)] dark:text-[color:var(--zui-marquee-stone-fg-dark,#f8fafc)]\",\n  royal:\n    \"border border-[color:var(--zui-marquee-royal-border,#4338ca)] dark:border-[color:var(--zui-marquee-royal-border-dark,#818cf8)] bg-[var(--zui-marquee-royal-bg,#4338ca14)] dark:bg-[var(--zui-marquee-royal-bg-dark,#818cf824)] text-[color:var(--zui-marquee-royal-fg,#0f172a)] dark:text-[color:var(--zui-marquee-royal-fg-dark,#f8fafc)]\",\n  electric:\n    \"border border-[color:var(--zui-marquee-electric-border,#0ea5e9)] dark:border-[color:var(--zui-marquee-electric-border-dark,#38bdf8)] bg-[var(--zui-marquee-electric-bg,#0ea5e914)] dark:bg-[var(--zui-marquee-electric-bg-dark,#38bdf824)] text-[color:var(--zui-marquee-electric-fg,#0f172a)] dark:text-[color:var(--zui-marquee-electric-fg-dark,#f8fafc)]\",\n  forest:\n    \"border border-[color:var(--zui-marquee-forest-border,#166534)] dark:border-[color:var(--zui-marquee-forest-border-dark,#4ade80)] bg-[var(--zui-marquee-forest-bg,#16653414)] dark:bg-[var(--zui-marquee-forest-bg-dark,#4ade8024)] text-[color:var(--zui-marquee-forest-fg,#0f172a)] dark:text-[color:var(--zui-marquee-forest-fg-dark,#f8fafc)]\",\n  sunset:\n    \"border border-[color:var(--zui-marquee-sunset-border,#ea580c)] dark:border-[color:var(--zui-marquee-sunset-border-dark,#fb923c)] bg-[var(--zui-marquee-sunset-bg,#ea580c14)] dark:bg-[var(--zui-marquee-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-marquee-sunset-fg,#0f172a)] dark:text-[color:var(--zui-marquee-sunset-fg-dark,#f8fafc)]\",\n  magenta:\n    \"border border-[color:var(--zui-marquee-magenta-border,#c026d3)] dark:border-[color:var(--zui-marquee-magenta-border-dark,#e879f9)] bg-[var(--zui-marquee-magenta-bg,#c026d314)] dark:bg-[var(--zui-marquee-magenta-bg-dark,#e879f924)] text-[color:var(--zui-marquee-magenta-fg,#0f172a)] dark:text-[color:var(--zui-marquee-magenta-fg-dark,#f8fafc)]\",\n  crimson:\n    \"border border-[color:var(--zui-marquee-crimson-border,#b91c1c)] dark:border-[color:var(--zui-marquee-crimson-border-dark,#f87171)] bg-[var(--zui-marquee-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-marquee-crimson-bg-dark,#f8717124)] text-[color:var(--zui-marquee-crimson-fg,#0f172a)] dark:text-[color:var(--zui-marquee-crimson-fg-dark,#f8fafc)]\",\n  aqua: \"border border-[color:var(--zui-marquee-aqua-border,#0f766e)] dark:border-[color:var(--zui-marquee-aqua-border-dark,#2dd4bf)] bg-[var(--zui-marquee-aqua-bg,#0f766e14)] dark:bg-[var(--zui-marquee-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-marquee-aqua-fg,#0f172a)] dark:text-[color:var(--zui-marquee-aqua-fg-dark,#f8fafc)]\",\n  plum: \"border border-[color:var(--zui-marquee-plum-border,#7e22ce)] dark:border-[color:var(--zui-marquee-plum-border-dark,#c084fc)] bg-[var(--zui-marquee-plum-bg,#7e22ce14)] dark:bg-[var(--zui-marquee-plum-bg-dark,#c084fc24)] text-[color:var(--zui-marquee-plum-fg,#0f172a)] dark:text-[color:var(--zui-marquee-plum-fg-dark,#f8fafc)]\",\n} as const;\n\nexport const zuiMarqueeOrientations = {\n  horizontal: \"w-full flex-row\",\n  vertical: \"h-64 flex-col\",\n} as const;\n\nexport const zuiMarqueeSizes = {\n  sm: \"p-2 text-xs\",\n  md: \"p-3 text-sm\",\n  lg: \"p-4 text-base\",\n} as const;\n\nexport const zuiMarqueeFade = {\n  false: \"\",\n  true: \"[mask-image:linear-gradient(to_right,transparent,black_12%,black_88%,transparent)] data-[orientation=vertical]:[mask-image:linear-gradient(to_bottom,transparent,black_12%,black_88%,transparent)]\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiMarqueeAppearances,\n  zuiMarqueeBase,\n  zuiMarqueeFade,\n  zuiMarqueeOrientations,\n  zuiMarqueeSizes,\n} from \"../../design-system/marquee\";\n\nexport const marqueeVariants = cva(zuiMarqueeBase, {\n  variants: {\n    appearance: zuiMarqueeAppearances,\n    fade: zuiMarqueeFade,\n    orientation: zuiMarqueeOrientations,\n    size: zuiMarqueeSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    fade: true,\n    orientation: \"horizontal\",\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport { Children, useCallback, useMemo, useRef, useState } from \"react\";\nimport type { CSSProperties, Ref } from \"react\";\n\nimport { useIsomorphicLayoutEffect } from \"../../hooks/useIsomorphicLayoutEffect\";\nimport { cn } from \"../../lib/utils\";\n\nimport type { MarqueeProps } from \"./types\";\nimport { marqueeVariants } from \"./variants\";\n\nconst marqueeKeyframes = `@keyframes zui-marquee-x{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - var(--zui-marquee-gap)/2),0,0)}}@keyframes zui-marquee-y{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,calc(-50% - var(--zui-marquee-gap)/2),0)}}`;\n\nfunction toCssLength(value: number | string | undefined) {\n  if (value === undefined) {\n    return undefined;\n  }\n  return typeof value === \"number\" ? `${value}px` : value;\n}\n\nfunction assignRef<TElement>(\n  ref: Ref<TElement> | undefined,\n  value: TElement | null,\n) {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref) {\n    (ref as { current: TElement | null }).current = value;\n  }\n}\n\nexport function Marquee(props: MarqueeProps) {\n  const {\n    appearance,\n    children,\n    className,\n    direction,\n    fade,\n    gap,\n    itemClassName,\n    orientation,\n    pauseOnHover = false,\n    ref,\n    size,\n    speed = 30,\n    style,\n    trackClassName,\n    ...rest\n  } = props;\n\n  const resolvedOrientation =\n    orientation ??\n    (direction === \"up\" || direction === \"down\" ? \"vertical\" : \"horizontal\");\n  const resolvedDirection =\n    direction ?? (resolvedOrientation === \"vertical\" ? \"up\" : \"left\");\n  const isReverse =\n    resolvedDirection === \"right\" || resolvedDirection === \"down\";\n  const animationName =\n    resolvedOrientation === \"vertical\" ? \"zui-marquee-y\" : \"zui-marquee-x\";\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const measureRef = useRef<HTMLDivElement | null>(null);\n  const [copyCount, setCopyCount] = useState(1);\n  const childArray = useMemo(() => Children.toArray(children), [children]);\n  const setRootRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      rootRef.current = node;\n      assignRef(ref, node);\n    },\n    [ref],\n  );\n  const marqueeStyle = {\n    ...(gap !== undefined ? { \"--zui-marquee-gap\": toCssLength(gap) } : null),\n    ...style,\n  } as CSSProperties;\n  const groupClassName = cn(\n    \"flex shrink-0 items-center justify-around gap-(--zui-marquee-gap)\",\n    resolvedOrientation === \"vertical\" ? \"flex-col\" : \"flex-row\",\n    itemClassName,\n  );\n  const fillerChildren = Array.from(\n    { length: Math.max(0, copyCount - 1) },\n    (_, index) => (\n      <div key={index} aria-hidden=\"true\" inert className=\"contents\">\n        {childArray}\n      </div>\n    ),\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    const updateCopyCount = () => {\n      const root = rootRef.current;\n      const measure = measureRef.current;\n\n      if (!root || !measure) {\n        return;\n      }\n\n      const rootSize =\n        resolvedOrientation === \"vertical\"\n          ? root.offsetHeight\n          : root.offsetWidth;\n      const contentSize =\n        resolvedOrientation === \"vertical\"\n          ? measure.scrollHeight\n          : measure.scrollWidth;\n\n      if (!rootSize || !contentSize) {\n        setCopyCount(1);\n        return;\n      }\n\n      setCopyCount(Math.max(1, Math.ceil(rootSize / contentSize)));\n    };\n\n    updateCopyCount();\n\n    if (typeof ResizeObserver === \"undefined\") {\n      return;\n    }\n\n    const observer = new ResizeObserver(updateCopyCount);\n    if (rootRef.current) {\n      observer.observe(rootRef.current);\n    }\n    if (measureRef.current) {\n      observer.observe(measureRef.current);\n    }\n\n    return () => observer.disconnect();\n  }, [childArray, gap, resolvedOrientation]);\n\n  return (\n    <div\n      ref={setRootRef}\n      data-direction={resolvedDirection}\n      data-orientation={resolvedOrientation}\n      data-slot=\"marquee\"\n      className={cn(\n        marqueeVariants({\n          appearance,\n          fade,\n          orientation: resolvedOrientation,\n          size,\n        }),\n        className,\n      )}\n      style={marqueeStyle}\n      {...rest}\n    >\n      <style>{marqueeKeyframes}</style>\n      <div\n        aria-hidden=\"true\"\n        data-slot=\"marquee-measure\"\n        ref={measureRef}\n        className={cn(\n          \"pointer-events-none invisible absolute -z-10\",\n          groupClassName,\n        )}\n      >\n        {childArray}\n      </div>\n      <div\n        data-slot=\"marquee-track\"\n        className={cn(\n          \"flex shrink-0 gap-(--zui-marquee-gap) will-change-transform [animation-iteration-count:infinite] [animation-timing-function:linear] motion-reduce:[animation-play-state:paused]\",\n          resolvedOrientation === \"vertical\" ? \"flex-col\" : \"w-max flex-row\",\n          pauseOnHover && \"group-hover/marquee:[animation-play-state:paused]\",\n          isReverse && \"[animation-direction:reverse]\",\n          trackClassName,\n        )}\n        style={\n          {\n            animationDuration: `${speed}s`,\n            animationName,\n          } as CSSProperties\n        }\n      >\n        <div data-slot=\"marquee-item-group\" className={groupClassName}>\n          {childArray}\n          {fillerChildren}\n        </div>\n        <div\n          aria-hidden=\"true\"\n          inert\n          data-slot=\"marquee-item-group\"\n          className={groupClassName}\n        >\n          {childArray}\n          {fillerChildren}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nMarquee.displayName = \"Marquee\";\n"]}
+{"version":3,"sources":["../../src/ui/marquee/variants.ts","../../src/ui/marquee/marquee.tsx"],"names":["cva","zuiMarqueeBase","zuiMarqueeAppearances","zuiMarqueeFade","zuiMarqueeOrientations","zuiMarqueeSizes","useRef","useState","useMemo","Children","useCallback","cn","jsx","useIsomorphicLayoutEffect","jsxs"],"mappings":";;;;;;;;;;AAUO,IAAM,eAAA,GAAkBA,2BAAIC,+BAAA,EAAgB;AAAA,EACjD,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC,sCAAA;AAAA,IACZ,IAAA,EAAMC,+BAAA;AAAA,IACN,WAAA,EAAaC,uCAAA;AAAA,IACb,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM,IAAA;AAAA,IACN,WAAA,EAAa,YAAA;AAAA,IACb,IAAA,EAAM;AAAA;AAEV,CAAC;ACZD,IAAM,gBAAA,GAAmB,CAAA,gQAAA,CAAA;AAEzB,SAAS,YAAY,KAAA,EAAoC;AACvD,EAAA,IAAI,UAAU,MAAA,EAAW;AACvB,IAAA,OAAO,MAAA;AAAA,EACT;AACA,EAAA,OAAO,OAAO,KAAA,KAAU,QAAA,GAAW,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA,GAAO,KAAA;AACpD;AAEA,SAAS,SAAA,CACP,KACA,KAAA,EACA;AACA,EAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,IAAA,GAAA,CAAI,KAAK,CAAA;AAAA,EACX,WAAW,GAAA,EAAK;AACd,IAAC,IAAqC,OAAA,GAAU,KAAA;AAAA,EAClD;AACF;AAEO,SAAS,QAAQ,KAAA,EAAqB;AAC3C,EAAA,MAAM;AAAA,IACJ,UAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,IACA,GAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA,GAAe,KAAA;AAAA,IACf,GAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA,GAAQ,EAAA;AAAA,IACR,KAAA;AAAA,IACA,cAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,sBACJ,WAAA,KACC,SAAA,KAAc,IAAA,IAAQ,SAAA,KAAc,SAAS,UAAA,GAAa,YAAA,CAAA;AAC7D,EAAA,MAAM,iBAAA,GACJ,SAAA,KAAc,mBAAA,KAAwB,UAAA,GAAa,IAAA,GAAO,MAAA,CAAA;AAC5D,EAAA,MAAM,SAAA,GACJ,iBAAA,KAAsB,OAAA,IAAW,iBAAA,KAAsB,MAAA;AACzD,EAAA,MAAM,aAAA,GACJ,mBAAA,KAAwB,UAAA,GAAa,eAAA,GAAkB,eAAA;AACzD,EAAA,MAAM,OAAA,GAAUC,aAA8B,IAAI,CAAA;AAClD,EAAA,MAAM,UAAA,GAAaA,aAA8B,IAAI,CAAA;AACrD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIC,eAAS,CAAC,CAAA;AAC5C,EAAA,MAAM,UAAA,GAAaC,cAAQ,MAAMC,cAAA,CAAS,QAAQ,QAAQ,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AACvE,EAAA,MAAM,UAAA,GAAaC,iBAAA;AAAA,IACjB,CAAC,IAAA,KAAgC;AAC/B,MAAA,OAAA,CAAQ,OAAA,GAAU,IAAA;AAClB,MAAA,SAAA,CAAU,KAAK,IAAI,CAAA;AAAA,IACrB,CAAA;AAAA,IACA,CAAC,GAAG;AAAA,GACN;AACA,EAAA,MAAM,YAAA,GAAe;AAAA,IACnB,GAAI,QAAQ,MAAA,GAAY,EAAE,qBAAqB,WAAA,CAAY,GAAG,GAAE,GAAI,IAAA;AAAA,IACpE,GAAG;AAAA,GACL;AACA,EAAA,MAAM,cAAA,GAAiBC,mBAAA;AAAA,IACrB,mEAAA;AAAA,IACA,mBAAA,KAAwB,aAAa,UAAA,GAAa,UAAA;AAAA,IAClD;AAAA,GACF;AACA,EAAA,MAAM,iBAAiB,KAAA,CAAM,IAAA;AAAA,IAC3B,EAAE,MAAA,EAAQ,IAAA,CAAK,IAAI,CAAA,EAAG,SAAA,GAAY,CAAC,CAAA,EAAE;AAAA,IACrC,CAAC,CAAA,EAAG,KAAA,qBACFC,cAAA,CAAC,KAAA,EAAA,EAAgB,aAAA,EAAY,MAAA,EAAO,KAAA,EAAK,IAAA,EAAC,SAAA,EAAU,UAAA,EACjD,QAAA,EAAA,UAAA,EAAA,EADO,KAEV;AAAA,GAEJ;AAEA,EAAAC,0CAAA,CAA0B,MAAM;AAC9B,IAAA,MAAM,kBAAkB,MAAM;AAC5B,MAAA,MAAM,OAAO,OAAA,CAAQ,OAAA;AACrB,MAAA,MAAM,UAAU,UAAA,CAAW,OAAA;AAE3B,MAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,OAAA,EAAS;AACrB,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,QAAA,GACJ,mBAAA,KAAwB,UAAA,GACpB,IAAA,CAAK,eACL,IAAA,CAAK,WAAA;AACX,MAAA,MAAM,WAAA,GACJ,mBAAA,KAAwB,UAAA,GACpB,OAAA,CAAQ,eACR,OAAA,CAAQ,WAAA;AAEd,MAAA,IAAI,CAAC,QAAA,IAAY,CAAC,WAAA,EAAa;AAC7B,QAAA,YAAA,CAAa,CAAC,CAAA;AACd,QAAA;AAAA,MACF;AAEA,MAAA,YAAA,CAAa,IAAA,CAAK,IAAI,CAAA,EAAG,IAAA,CAAK,KAAK,QAAA,GAAW,WAAW,CAAC,CAAC,CAAA;AAAA,IAC7D,CAAA;AAEA,IAAA,eAAA,EAAgB;AAEhB,IAAA,IAAI,OAAO,mBAAmB,WAAA,EAAa;AACzC,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,QAAA,GAAW,IAAI,cAAA,CAAe,eAAe,CAAA;AACnD,IAAA,IAAI,QAAQ,OAAA,EAAS;AACnB,MAAA,QAAA,CAAS,OAAA,CAAQ,QAAQ,OAAO,CAAA;AAAA,IAClC;AACA,IAAA,IAAI,WAAW,OAAA,EAAS;AACtB,MAAA,QAAA,CAAS,OAAA,CAAQ,WAAW,OAAO,CAAA;AAAA,IACrC;AAEA,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,CAAC,UAAA,EAAY,GAAA,EAAK,mBAAmB,CAAC,CAAA;AAEzC,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,UAAA;AAAA,MACL,gBAAA,EAAgB,iBAAA;AAAA,MAChB,kBAAA,EAAkB,mBAAA;AAAA,MAClB,WAAA,EAAU,SAAA;AAAA,MACV,SAAA,EAAWH,mBAAA;AAAA,QACT,eAAA,CAAgB;AAAA,UACd,UAAA;AAAA,UACA,IAAA;AAAA,UACA,WAAA,EAAa,mBAAA;AAAA,UACb;AAAA,SACD,CAAA;AAAA,QACD;AAAA,OACF;AAAA,MACA,KAAA,EAAO,YAAA;AAAA,MACN,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,WAAO,QAAA,EAAA,gBAAA,EAAiB,CAAA;AAAA,wBACzBA,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,MAAA;AAAA,YACZ,WAAA,EAAU,iBAAA;AAAA,YACV,GAAA,EAAK,UAAA;AAAA,YACL,SAAA,EAAWD,mBAAA;AAAA,cACT,8CAAA;AAAA,cACA;AAAA,aACF;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,wBACAG,eAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,WAAA,EAAU,eAAA;AAAA,YACV,SAAA,EAAWH,mBAAA;AAAA,cACT,iLAAA;AAAA,cACA,mBAAA,KAAwB,aAAa,UAAA,GAAa,gBAAA;AAAA,cAClD,YAAA,IAAgB,mDAAA;AAAA,cAChB,SAAA,IAAa,+BAAA;AAAA,cACb;AAAA,aACF;AAAA,YACA,KAAA,EACE;AAAA,cACE,iBAAA,EAAmB,GAAG,KAAK,CAAA,CAAA,CAAA;AAAA,cAC3B;AAAA,aACF;AAAA,YAGF,QAAA,EAAA;AAAA,8BAAAG,eAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,oBAAA,EAAqB,SAAA,EAAW,cAAA,EAC5C,QAAA,EAAA;AAAA,gBAAA,UAAA;AAAA,gBACA;AAAA,eAAA,EACH,CAAA;AAAA,8BACAA,eAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,aAAA,EAAY,MAAA;AAAA,kBACZ,KAAA,EAAK,IAAA;AAAA,kBACL,WAAA,EAAU,oBAAA;AAAA,kBACV,SAAA,EAAW,cAAA;AAAA,kBAEV,QAAA,EAAA;AAAA,oBAAA,UAAA;AAAA,oBACA;AAAA;AAAA;AAAA;AACH;AAAA;AAAA;AACF;AAAA;AAAA,GACF;AAEJ;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"marquee.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiMarqueeAppearances,\n  zuiMarqueeBase,\n  zuiMarqueeFade,\n  zuiMarqueeOrientations,\n  zuiMarqueeSizes,\n} from \"../../design-system/marquee\";\n\nexport const marqueeVariants = cva(zuiMarqueeBase, {\n  variants: {\n    appearance: zuiMarqueeAppearances,\n    fade: zuiMarqueeFade,\n    orientation: zuiMarqueeOrientations,\n    size: zuiMarqueeSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    fade: true,\n    orientation: \"horizontal\",\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport { Children, useCallback, useMemo, useRef, useState } from \"react\";\nimport type { CSSProperties, Ref } from \"react\";\n\nimport { useIsomorphicLayoutEffect } from \"../../hooks/useIsomorphicLayoutEffect\";\nimport { cn } from \"../../lib/utils\";\n\nimport type { MarqueeProps } from \"./types\";\nimport { marqueeVariants } from \"./variants\";\n\nconst marqueeKeyframes = `@keyframes zui-marquee-x{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - var(--zui-marquee-gap)/2),0,0)}}@keyframes zui-marquee-y{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,calc(-50% - var(--zui-marquee-gap)/2),0)}}`;\n\nfunction toCssLength(value: number | string | undefined) {\n  if (value === undefined) {\n    return undefined;\n  }\n  return typeof value === \"number\" ? `${value}px` : value;\n}\n\nfunction assignRef<TElement>(\n  ref: Ref<TElement> | undefined,\n  value: TElement | null,\n) {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref) {\n    (ref as { current: TElement | null }).current = value;\n  }\n}\n\nexport function Marquee(props: MarqueeProps) {\n  const {\n    appearance,\n    children,\n    className,\n    direction,\n    fade,\n    gap,\n    itemClassName,\n    orientation,\n    pauseOnHover = false,\n    ref,\n    size,\n    speed = 30,\n    style,\n    trackClassName,\n    ...rest\n  } = props;\n\n  const resolvedOrientation =\n    orientation ??\n    (direction === \"up\" || direction === \"down\" ? \"vertical\" : \"horizontal\");\n  const resolvedDirection =\n    direction ?? (resolvedOrientation === \"vertical\" ? \"up\" : \"left\");\n  const isReverse =\n    resolvedDirection === \"right\" || resolvedDirection === \"down\";\n  const animationName =\n    resolvedOrientation === \"vertical\" ? \"zui-marquee-y\" : \"zui-marquee-x\";\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const measureRef = useRef<HTMLDivElement | null>(null);\n  const [copyCount, setCopyCount] = useState(1);\n  const childArray = useMemo(() => Children.toArray(children), [children]);\n  const setRootRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      rootRef.current = node;\n      assignRef(ref, node);\n    },\n    [ref],\n  );\n  const marqueeStyle = {\n    ...(gap !== undefined ? { \"--zui-marquee-gap\": toCssLength(gap) } : null),\n    ...style,\n  } as CSSProperties;\n  const groupClassName = cn(\n    \"flex shrink-0 items-center justify-around gap-(--zui-marquee-gap)\",\n    resolvedOrientation === \"vertical\" ? \"flex-col\" : \"flex-row\",\n    itemClassName,\n  );\n  const fillerChildren = Array.from(\n    { length: Math.max(0, copyCount - 1) },\n    (_, index) => (\n      <div key={index} aria-hidden=\"true\" inert className=\"contents\">\n        {childArray}\n      </div>\n    ),\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    const updateCopyCount = () => {\n      const root = rootRef.current;\n      const measure = measureRef.current;\n\n      if (!root || !measure) {\n        return;\n      }\n\n      const rootSize =\n        resolvedOrientation === \"vertical\"\n          ? root.offsetHeight\n          : root.offsetWidth;\n      const contentSize =\n        resolvedOrientation === \"vertical\"\n          ? measure.scrollHeight\n          : measure.scrollWidth;\n\n      if (!rootSize || !contentSize) {\n        setCopyCount(1);\n        return;\n      }\n\n      setCopyCount(Math.max(1, Math.ceil(rootSize / contentSize)));\n    };\n\n    updateCopyCount();\n\n    if (typeof ResizeObserver === \"undefined\") {\n      return;\n    }\n\n    const observer = new ResizeObserver(updateCopyCount);\n    if (rootRef.current) {\n      observer.observe(rootRef.current);\n    }\n    if (measureRef.current) {\n      observer.observe(measureRef.current);\n    }\n\n    return () => observer.disconnect();\n  }, [childArray, gap, resolvedOrientation]);\n\n  return (\n    <div\n      ref={setRootRef}\n      data-direction={resolvedDirection}\n      data-orientation={resolvedOrientation}\n      data-slot=\"marquee\"\n      className={cn(\n        marqueeVariants({\n          appearance,\n          fade,\n          orientation: resolvedOrientation,\n          size,\n        }),\n        className,\n      )}\n      style={marqueeStyle}\n      {...rest}\n    >\n      <style>{marqueeKeyframes}</style>\n      <div\n        aria-hidden=\"true\"\n        data-slot=\"marquee-measure\"\n        ref={measureRef}\n        className={cn(\n          \"pointer-events-none invisible absolute -z-10\",\n          groupClassName,\n        )}\n      >\n        {childArray}\n      </div>\n      <div\n        data-slot=\"marquee-track\"\n        className={cn(\n          \"flex shrink-0 gap-(--zui-marquee-gap) will-change-transform [animation-iteration-count:infinite] [animation-timing-function:linear] motion-reduce:[animation-play-state:paused]\",\n          resolvedOrientation === \"vertical\" ? \"flex-col\" : \"w-max flex-row\",\n          pauseOnHover && \"group-hover/marquee:[animation-play-state:paused]\",\n          isReverse && \"[animation-direction:reverse]\",\n          trackClassName,\n        )}\n        style={\n          {\n            animationDuration: `${speed}s`,\n            animationName,\n          } as CSSProperties\n        }\n      >\n        <div data-slot=\"marquee-item-group\" className={groupClassName}>\n          {childArray}\n          {fillerChildren}\n        </div>\n        <div\n          aria-hidden=\"true\"\n          inert\n          data-slot=\"marquee-item-group\"\n          className={groupClassName}\n        >\n          {childArray}\n          {fillerChildren}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nMarquee.displayName = \"Marquee\";\n"]}

package/dist/ui/marquee.mjs

@@ -1,73 +1,12 @@
 "use client";
 import { useIsomorphicLayoutEffect } from '../chunk-F3V4POW3.mjs';
+import { zuiMarqueeBase, zuiMarqueeSizes, zuiMarqueeOrientations, zuiMarqueeFade, zuiMarqueeAppearances } from '../chunk-P54PZ72L.mjs';
 import { cn } from '../chunk-4D54YOL6.mjs';
+import '../chunk-J5LGTIGS.mjs';
 import { useRef, useState, useMemo, Children, useCallback } from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-// src/design-system/marquee.ts
-var zuiMarqueeBase = "group/marquee relative isolate flex min-w-0 overflow-hidden rounded-xl border border-transparent bg-[var(--zui-marquee-bg,transparent)] text-[color:var(--zui-marquee-fg,inherit)] [--zui-marquee-gap:1rem]";
-var zuiMarqueeAppearances = {
-  default: "[--zui-marquee-bg:transparent] [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:[--zui-marquee-fg:#ffffff]",
-  outline: "border-[color:var(--zui-marquee-outline-border,oklch(86.9%_0.022_252.894))] [--zui-marquee-bg:#ffffff] [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:border-[color:var(--zui-marquee-outline-border-dark,oklch(37.2%_0.044_257.287))] dark:[--zui-marquee-bg:oklch(20.8%_0.042_265.755)] dark:[--zui-marquee-fg:#ffffff]",
-  ghost: "[--zui-marquee-bg:transparent] [--zui-marquee-fg:oklch(27.9%_0.041_260.031)] dark:[--zui-marquee-fg:oklch(96.8%_0.007_247.896)]",
-  card: "border-[color:var(--zui-marquee-card-border,oklch(92.9%_0.013_255.508))] bg-[var(--zui-marquee-card-bg,#ffffff)] shadow-sm shadow-slate-950/5 [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:border-[color:var(--zui-marquee-card-border-dark,oklch(37.2%_0.044_257.287))] dark:bg-[var(--zui-marquee-card-bg-dark,oklch(20.8%_0.042_265.755_/_0.9))] dark:shadow-black/20 dark:[--zui-marquee-fg:#ffffff]",
-  separated: "border-y border-x-0 rounded-none border-[color:var(--zui-marquee-separated-border,oklch(86.9%_0.022_252.894))] [--zui-marquee-bg:transparent] [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:border-[color:var(--zui-marquee-separated-border-dark,oklch(37.2%_0.044_257.287))] dark:[--zui-marquee-fg:#ffffff]",
-  sky: "border-[color:var(--zui-marquee-sky-border,oklch(62.3%_0.214_259.815_/_0.28))] [--zui-marquee-bg:oklch(97.7%_0.013_236.62)] [--zui-marquee-fg:oklch(39.1%_0.09_240.876)] dark:border-[color:var(--zui-marquee-sky-border-dark,oklch(70.7%_0.165_254.624_/_0.3))] dark:[--zui-marquee-bg:oklch(39.1%_0.09_240.876_/_0.28)] dark:[--zui-marquee-fg:oklch(95.1%_0.026_236.824)]",
-  rose: "border-[color:var(--zui-marquee-rose-border,oklch(58.6%_0.253_17.585_/_0.24))] [--zui-marquee-bg:oklch(96.9%_0.015_12.422)] [--zui-marquee-fg:oklch(41%_0.159_10.272)] dark:border-[color:var(--zui-marquee-rose-border-dark,oklch(71.2%_0.194_13.428_/_0.3))] dark:[--zui-marquee-bg:oklch(41%_0.159_10.272_/_0.28)] dark:[--zui-marquee-fg:oklch(94.1%_0.03_12.58)]",
-  purple: "border-[color:var(--zui-marquee-purple-border,oklch(62.7%_0.265_303.9_/_0.24))] [--zui-marquee-bg:oklch(97.7%_0.014_308.299)] [--zui-marquee-fg:oklch(38.1%_0.176_304.987)] dark:border-[color:var(--zui-marquee-purple-border-dark,oklch(71.4%_0.203_305.504_/_0.3))] dark:[--zui-marquee-bg:oklch(38.1%_0.176_304.987_/_0.28)] dark:[--zui-marquee-fg:oklch(94.6%_0.033_307.174)]",
-  pink: "border-[color:var(--zui-marquee-pink-border,oklch(65.6%_0.241_354.308_/_0.24))] [--zui-marquee-bg:oklch(97.1%_0.014_343.198)] [--zui-marquee-fg:oklch(40.8%_0.153_2.432)] dark:border-[color:var(--zui-marquee-pink-border-dark,oklch(71.8%_0.202_349.761_/_0.3))] dark:[--zui-marquee-bg:oklch(40.8%_0.153_2.432_/_0.28)] dark:[--zui-marquee-fg:oklch(94.8%_0.028_342.258)]",
-  orange: "border-[color:var(--zui-marquee-orange-border,oklch(70.5%_0.213_47.604_/_0.26))] [--zui-marquee-bg:oklch(98%_0.016_73.684)] [--zui-marquee-fg:oklch(40.8%_0.123_38.172)] dark:border-[color:var(--zui-marquee-orange-border-dark,oklch(75%_0.183_55.934_/_0.32))] dark:[--zui-marquee-bg:oklch(40.8%_0.123_38.172_/_0.28)] dark:[--zui-marquee-fg:oklch(95.4%_0.038_75.164)]",
-  yellow: "border-[color:var(--zui-marquee-yellow-border,oklch(79.5%_0.184_86.047_/_0.3))] [--zui-marquee-bg:oklch(98.7%_0.026_102.212)] [--zui-marquee-fg:oklch(42.1%_0.095_57.708)] dark:border-[color:var(--zui-marquee-yellow-border-dark,oklch(85.2%_0.199_91.936_/_0.32))] dark:[--zui-marquee-bg:oklch(42.1%_0.095_57.708_/_0.28)] dark:[--zui-marquee-fg:oklch(97.3%_0.071_103.193)]",
-  teal: "border-[color:var(--zui-marquee-teal-border,oklch(70.4%_0.14_182.503_/_0.28))] [--zui-marquee-bg:oklch(98.4%_0.014_180.72)] [--zui-marquee-fg:oklch(38.6%_0.063_188.416)] dark:border-[color:var(--zui-marquee-teal-border-dark,oklch(77.7%_0.152_181.912_/_0.32))] dark:[--zui-marquee-bg:oklch(38.6%_0.063_188.416_/_0.28)] dark:[--zui-marquee-fg:oklch(95.3%_0.051_180.801)]",
-  indigo: "border-[color:var(--zui-marquee-indigo-border,oklch(58.5%_0.233_277.117_/_0.24))] [--zui-marquee-bg:oklch(96.2%_0.018_272.314)] [--zui-marquee-fg:oklch(35.9%_0.144_278.697)] dark:border-[color:var(--zui-marquee-indigo-border-dark,oklch(67.3%_0.182_276.935_/_0.32))] dark:[--zui-marquee-bg:oklch(35.9%_0.144_278.697_/_0.28)] dark:[--zui-marquee-fg:oklch(93%_0.034_272.788)]",
-  emerald: "border-[color:var(--zui-marquee-emerald-border,oklch(69.6%_0.17_162.48_/_0.28))] [--zui-marquee-bg:oklch(97.9%_0.021_166.113)] [--zui-marquee-fg:oklch(37.8%_0.077_168.94)] dark:border-[color:var(--zui-marquee-emerald-border-dark,oklch(76.5%_0.177_163.223_/_0.32))] dark:[--zui-marquee-bg:oklch(37.8%_0.077_168.94_/_0.28)] dark:[--zui-marquee-fg:oklch(95%_0.052_163.051)]",
-  "gradient-blue": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-blue-from,oklch(62.3%_0.214_259.815))] dark:from-[var(--zui-marquee-gradient-blue-from-dark,oklch(42.4%_0.199_265.638))] to-[var(--zui-marquee-gradient-blue-to,oklch(54.6%_0.245_262.881))] dark:to-[var(--zui-marquee-gradient-blue-to-dark,oklch(37.9%_0.146_265.522))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
-  "gradient-green": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-green-from,oklch(72.3%_0.219_149.579))] dark:from-[var(--zui-marquee-gradient-green-from-dark,oklch(44.8%_0.119_151.328))] to-[var(--zui-marquee-gradient-green-to,oklch(62.7%_0.194_149.214))] dark:to-[var(--zui-marquee-gradient-green-to-dark,oklch(39.3%_0.095_152.535))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
-  "gradient-red": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-red-from,oklch(63.7%_0.237_25.331))] dark:from-[var(--zui-marquee-gradient-red-from-dark,oklch(44.4%_0.177_26.899))] to-[var(--zui-marquee-gradient-red-to,oklch(57.7%_0.245_27.325))] dark:to-[var(--zui-marquee-gradient-red-to-dark,oklch(39.6%_0.141_25.723))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
-  "gradient-yellow": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-yellow-from,oklch(85.2%_0.199_91.936))] dark:from-[var(--zui-marquee-gradient-yellow-from-dark,oklch(47.6%_0.114_61.907))] to-[var(--zui-marquee-gradient-yellow-to,oklch(79.5%_0.184_86.047))] dark:to-[var(--zui-marquee-gradient-yellow-to-dark,oklch(42.1%_0.095_57.708))] [--zui-marquee-fg:oklch(27.9%_0.077_45.635)] dark:[--zui-marquee-fg:#ffffff]",
-  "gradient-purple": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-purple-from,oklch(71.4%_0.203_305.504))] dark:from-[var(--zui-marquee-gradient-purple-from-dark,oklch(43.8%_0.218_303.724))] to-[var(--zui-marquee-gradient-purple-to,oklch(62.7%_0.265_303.9))] dark:to-[var(--zui-marquee-gradient-purple-to-dark,oklch(38.1%_0.176_304.987))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
-  "gradient-teal": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-teal-from,oklch(77.7%_0.152_181.912))] dark:from-[var(--zui-marquee-gradient-teal-from-dark,oklch(43.7%_0.078_188.216))] to-[var(--zui-marquee-gradient-teal-to,oklch(70.4%_0.14_182.503))] dark:to-[var(--zui-marquee-gradient-teal-to-dark,oklch(38.6%_0.063_188.416))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
-  "gradient-indigo": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-indigo-from,oklch(67.3%_0.182_276.935))] dark:from-[var(--zui-marquee-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-marquee-gradient-indigo-to,oklch(58.5%_0.233_277.117))] dark:to-[var(--zui-marquee-gradient-indigo-to-dark,oklch(35.9%_0.144_278.697))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
-  "gradient-pink": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-pink-from,oklch(71.8%_0.202_349.761))] dark:from-[var(--zui-marquee-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-marquee-gradient-pink-to,oklch(65.6%_0.241_354.308))] dark:to-[var(--zui-marquee-gradient-pink-to-dark,oklch(40.8%_0.153_2.432))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
-  "gradient-orange": "border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-orange-from,oklch(75%_0.183_55.934))] dark:from-[var(--zui-marquee-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-marquee-gradient-orange-to,oklch(70.5%_0.213_47.604))] dark:to-[var(--zui-marquee-gradient-orange-to-dark,oklch(40.8%_0.123_38.172))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]",
-  blue: "border border-[color:var(--zui-marquee-blue-border,#2563eb)] dark:border-[color:var(--zui-marquee-blue-border-dark,#3b82f6)] bg-[var(--zui-marquee-blue-bg,#2563eb14)] dark:bg-[var(--zui-marquee-blue-bg-dark,#3b82f624)] text-[color:var(--zui-marquee-blue-fg,#0f172a)] dark:text-[color:var(--zui-marquee-blue-fg-dark,#f8fafc)]",
-  cyan: "border border-[color:var(--zui-marquee-cyan-border,#0891b2)] dark:border-[color:var(--zui-marquee-cyan-border-dark,#22d3ee)] bg-[var(--zui-marquee-cyan-bg,#0891b214)] dark:bg-[var(--zui-marquee-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-marquee-cyan-fg,#0f172a)] dark:text-[color:var(--zui-marquee-cyan-fg-dark,#f8fafc)]",
-  green: "border border-[color:var(--zui-marquee-green-border,#16a34a)] dark:border-[color:var(--zui-marquee-green-border-dark,#22c55e)] bg-[var(--zui-marquee-green-bg,#16a34a14)] dark:bg-[var(--zui-marquee-green-bg-dark,#22c55e24)] text-[color:var(--zui-marquee-green-fg,#0f172a)] dark:text-[color:var(--zui-marquee-green-fg-dark,#f8fafc)]",
-  lime: "border border-[color:var(--zui-marquee-lime-border,#65a30d)] dark:border-[color:var(--zui-marquee-lime-border-dark,#a3e635)] bg-[var(--zui-marquee-lime-bg,#65a30d14)] dark:bg-[var(--zui-marquee-lime-bg-dark,#a3e63524)] text-[color:var(--zui-marquee-lime-fg,#0f172a)] dark:text-[color:var(--zui-marquee-lime-fg-dark,#f8fafc)]",
-  mint: "border border-[color:var(--zui-marquee-mint-border,#10b981)] dark:border-[color:var(--zui-marquee-mint-border-dark,#6ee7b7)] bg-[var(--zui-marquee-mint-bg,#10b98114)] dark:bg-[var(--zui-marquee-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-marquee-mint-fg,#0f172a)] dark:text-[color:var(--zui-marquee-mint-fg-dark,#f8fafc)]",
-  ocean: "border border-[color:var(--zui-marquee-ocean-border,#0284c7)] dark:border-[color:var(--zui-marquee-ocean-border-dark,#38bdf8)] bg-[var(--zui-marquee-ocean-bg,#0284c714)] dark:bg-[var(--zui-marquee-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-marquee-ocean-fg,#0f172a)] dark:text-[color:var(--zui-marquee-ocean-fg-dark,#f8fafc)]",
-  sapphire: "border border-[color:var(--zui-marquee-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-marquee-sapphire-border-dark,#60a5fa)] bg-[var(--zui-marquee-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-marquee-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-marquee-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-marquee-sapphire-fg-dark,#f8fafc)]",
-  lavender: "border border-[color:var(--zui-marquee-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-marquee-lavender-border-dark,#a78bfa)] bg-[var(--zui-marquee-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-marquee-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-marquee-lavender-fg,#0f172a)] dark:text-[color:var(--zui-marquee-lavender-fg-dark,#f8fafc)]",
-  ruby: "border border-[color:var(--zui-marquee-ruby-border,#be123c)] dark:border-[color:var(--zui-marquee-ruby-border-dark,#fb7185)] bg-[var(--zui-marquee-ruby-bg,#be123c14)] dark:bg-[var(--zui-marquee-ruby-bg-dark,#fb718524)] text-[color:var(--zui-marquee-ruby-fg,#0f172a)] dark:text-[color:var(--zui-marquee-ruby-fg-dark,#f8fafc)]",
-  red: "border border-[color:var(--zui-marquee-red-border,#dc2626)] dark:border-[color:var(--zui-marquee-red-border-dark,#ef4444)] bg-[var(--zui-marquee-red-bg,#dc262614)] dark:bg-[var(--zui-marquee-red-bg-dark,#ef444424)] text-[color:var(--zui-marquee-red-fg,#0f172a)] dark:text-[color:var(--zui-marquee-red-fg-dark,#f8fafc)]",
-  slate: "border border-[color:var(--zui-marquee-slate-border,#475569)] dark:border-[color:var(--zui-marquee-slate-border-dark,#64748b)] bg-[var(--zui-marquee-slate-bg,#47556914)] dark:bg-[var(--zui-marquee-slate-bg-dark,#64748b24)] text-[color:var(--zui-marquee-slate-fg,#0f172a)] dark:text-[color:var(--zui-marquee-slate-fg-dark,#f8fafc)]",
-  zinc: "border border-[color:var(--zui-marquee-zinc-border,#52525b)] dark:border-[color:var(--zui-marquee-zinc-border-dark,#71717a)] bg-[var(--zui-marquee-zinc-bg,#52525b14)] dark:bg-[var(--zui-marquee-zinc-bg-dark,#71717a24)] text-[color:var(--zui-marquee-zinc-fg,#0f172a)] dark:text-[color:var(--zui-marquee-zinc-fg-dark,#f8fafc)]",
-  stone: "border border-[color:var(--zui-marquee-stone-border,#57534e)] dark:border-[color:var(--zui-marquee-stone-border-dark,#78716c)] bg-[var(--zui-marquee-stone-bg,#57534e14)] dark:bg-[var(--zui-marquee-stone-bg-dark,#78716c24)] text-[color:var(--zui-marquee-stone-fg,#0f172a)] dark:text-[color:var(--zui-marquee-stone-fg-dark,#f8fafc)]",
-  royal: "border border-[color:var(--zui-marquee-royal-border,#4338ca)] dark:border-[color:var(--zui-marquee-royal-border-dark,#818cf8)] bg-[var(--zui-marquee-royal-bg,#4338ca14)] dark:bg-[var(--zui-marquee-royal-bg-dark,#818cf824)] text-[color:var(--zui-marquee-royal-fg,#0f172a)] dark:text-[color:var(--zui-marquee-royal-fg-dark,#f8fafc)]",
-  electric: "border border-[color:var(--zui-marquee-electric-border,#0ea5e9)] dark:border-[color:var(--zui-marquee-electric-border-dark,#38bdf8)] bg-[var(--zui-marquee-electric-bg,#0ea5e914)] dark:bg-[var(--zui-marquee-electric-bg-dark,#38bdf824)] text-[color:var(--zui-marquee-electric-fg,#0f172a)] dark:text-[color:var(--zui-marquee-electric-fg-dark,#f8fafc)]",
-  forest: "border border-[color:var(--zui-marquee-forest-border,#166534)] dark:border-[color:var(--zui-marquee-forest-border-dark,#4ade80)] bg-[var(--zui-marquee-forest-bg,#16653414)] dark:bg-[var(--zui-marquee-forest-bg-dark,#4ade8024)] text-[color:var(--zui-marquee-forest-fg,#0f172a)] dark:text-[color:var(--zui-marquee-forest-fg-dark,#f8fafc)]",
-  sunset: "border border-[color:var(--zui-marquee-sunset-border,#ea580c)] dark:border-[color:var(--zui-marquee-sunset-border-dark,#fb923c)] bg-[var(--zui-marquee-sunset-bg,#ea580c14)] dark:bg-[var(--zui-marquee-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-marquee-sunset-fg,#0f172a)] dark:text-[color:var(--zui-marquee-sunset-fg-dark,#f8fafc)]",
-  magenta: "border border-[color:var(--zui-marquee-magenta-border,#c026d3)] dark:border-[color:var(--zui-marquee-magenta-border-dark,#e879f9)] bg-[var(--zui-marquee-magenta-bg,#c026d314)] dark:bg-[var(--zui-marquee-magenta-bg-dark,#e879f924)] text-[color:var(--zui-marquee-magenta-fg,#0f172a)] dark:text-[color:var(--zui-marquee-magenta-fg-dark,#f8fafc)]",
-  crimson: "border border-[color:var(--zui-marquee-crimson-border,#b91c1c)] dark:border-[color:var(--zui-marquee-crimson-border-dark,#f87171)] bg-[var(--zui-marquee-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-marquee-crimson-bg-dark,#f8717124)] text-[color:var(--zui-marquee-crimson-fg,#0f172a)] dark:text-[color:var(--zui-marquee-crimson-fg-dark,#f8fafc)]",
-  aqua: "border border-[color:var(--zui-marquee-aqua-border,#0f766e)] dark:border-[color:var(--zui-marquee-aqua-border-dark,#2dd4bf)] bg-[var(--zui-marquee-aqua-bg,#0f766e14)] dark:bg-[var(--zui-marquee-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-marquee-aqua-fg,#0f172a)] dark:text-[color:var(--zui-marquee-aqua-fg-dark,#f8fafc)]",
-  plum: "border border-[color:var(--zui-marquee-plum-border,#7e22ce)] dark:border-[color:var(--zui-marquee-plum-border-dark,#c084fc)] bg-[var(--zui-marquee-plum-bg,#7e22ce14)] dark:bg-[var(--zui-marquee-plum-bg-dark,#c084fc24)] text-[color:var(--zui-marquee-plum-fg,#0f172a)] dark:text-[color:var(--zui-marquee-plum-fg-dark,#f8fafc)]"
-};
-var zuiMarqueeOrientations = {
-  horizontal: "w-full flex-row",
-  vertical: "h-64 flex-col"
-};
-var zuiMarqueeSizes = {
-  sm: "p-2 text-xs",
-  md: "p-3 text-sm",
-  lg: "p-4 text-base"
-};
-var zuiMarqueeFade = {
-  false: "",
-  true: "[mask-image:linear-gradient(to_right,transparent,black_12%,black_88%,transparent)] data-[orientation=vertical]:[mask-image:linear-gradient(to_bottom,transparent,black_12%,black_88%,transparent)]"
-};
-
-// src/ui/marquee/variants.ts
 var marqueeVariants = cva(zuiMarqueeBase, {
   variants: {
     appearance: zuiMarqueeAppearances,

package/dist/ui/marquee.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/design-system/marquee.ts","../../src/ui/marquee/variants.ts","../../src/ui/marquee/marquee.tsx"],"names":[],"mappings":"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","file":"marquee.mjs","sourcesContent":["export const zuiMarqueeBase =\n  \"group/marquee relative isolate flex min-w-0 overflow-hidden rounded-xl border border-transparent bg-[var(--zui-marquee-bg,transparent)] text-[color:var(--zui-marquee-fg,inherit)] [--zui-marquee-gap:1rem]\";\n\nexport const zuiMarqueeAppearances = {\n  default:\n    \"[--zui-marquee-bg:transparent] [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:[--zui-marquee-fg:#ffffff]\",\n  outline:\n    \"border-[color:var(--zui-marquee-outline-border,oklch(86.9%_0.022_252.894))] [--zui-marquee-bg:#ffffff] [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:border-[color:var(--zui-marquee-outline-border-dark,oklch(37.2%_0.044_257.287))] dark:[--zui-marquee-bg:oklch(20.8%_0.042_265.755)] dark:[--zui-marquee-fg:#ffffff]\",\n  ghost:\n    \"[--zui-marquee-bg:transparent] [--zui-marquee-fg:oklch(27.9%_0.041_260.031)] dark:[--zui-marquee-fg:oklch(96.8%_0.007_247.896)]\",\n  card: \"border-[color:var(--zui-marquee-card-border,oklch(92.9%_0.013_255.508))] bg-[var(--zui-marquee-card-bg,#ffffff)] shadow-sm shadow-slate-950/5 [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:border-[color:var(--zui-marquee-card-border-dark,oklch(37.2%_0.044_257.287))] dark:bg-[var(--zui-marquee-card-bg-dark,oklch(20.8%_0.042_265.755_/_0.9))] dark:shadow-black/20 dark:[--zui-marquee-fg:#ffffff]\",\n  separated:\n    \"border-y border-x-0 rounded-none border-[color:var(--zui-marquee-separated-border,oklch(86.9%_0.022_252.894))] [--zui-marquee-bg:transparent] [--zui-marquee-fg:oklch(20.8%_0.042_265.755)] dark:border-[color:var(--zui-marquee-separated-border-dark,oklch(37.2%_0.044_257.287))] dark:[--zui-marquee-fg:#ffffff]\",\n  sky: \"border-[color:var(--zui-marquee-sky-border,oklch(62.3%_0.214_259.815_/_0.28))] [--zui-marquee-bg:oklch(97.7%_0.013_236.62)] [--zui-marquee-fg:oklch(39.1%_0.09_240.876)] dark:border-[color:var(--zui-marquee-sky-border-dark,oklch(70.7%_0.165_254.624_/_0.3))] dark:[--zui-marquee-bg:oklch(39.1%_0.09_240.876_/_0.28)] dark:[--zui-marquee-fg:oklch(95.1%_0.026_236.824)]\",\n  rose: \"border-[color:var(--zui-marquee-rose-border,oklch(58.6%_0.253_17.585_/_0.24))] [--zui-marquee-bg:oklch(96.9%_0.015_12.422)] [--zui-marquee-fg:oklch(41%_0.159_10.272)] dark:border-[color:var(--zui-marquee-rose-border-dark,oklch(71.2%_0.194_13.428_/_0.3))] dark:[--zui-marquee-bg:oklch(41%_0.159_10.272_/_0.28)] dark:[--zui-marquee-fg:oklch(94.1%_0.03_12.58)]\",\n  purple:\n    \"border-[color:var(--zui-marquee-purple-border,oklch(62.7%_0.265_303.9_/_0.24))] [--zui-marquee-bg:oklch(97.7%_0.014_308.299)] [--zui-marquee-fg:oklch(38.1%_0.176_304.987)] dark:border-[color:var(--zui-marquee-purple-border-dark,oklch(71.4%_0.203_305.504_/_0.3))] dark:[--zui-marquee-bg:oklch(38.1%_0.176_304.987_/_0.28)] dark:[--zui-marquee-fg:oklch(94.6%_0.033_307.174)]\",\n  pink: \"border-[color:var(--zui-marquee-pink-border,oklch(65.6%_0.241_354.308_/_0.24))] [--zui-marquee-bg:oklch(97.1%_0.014_343.198)] [--zui-marquee-fg:oklch(40.8%_0.153_2.432)] dark:border-[color:var(--zui-marquee-pink-border-dark,oklch(71.8%_0.202_349.761_/_0.3))] dark:[--zui-marquee-bg:oklch(40.8%_0.153_2.432_/_0.28)] dark:[--zui-marquee-fg:oklch(94.8%_0.028_342.258)]\",\n  orange:\n    \"border-[color:var(--zui-marquee-orange-border,oklch(70.5%_0.213_47.604_/_0.26))] [--zui-marquee-bg:oklch(98%_0.016_73.684)] [--zui-marquee-fg:oklch(40.8%_0.123_38.172)] dark:border-[color:var(--zui-marquee-orange-border-dark,oklch(75%_0.183_55.934_/_0.32))] dark:[--zui-marquee-bg:oklch(40.8%_0.123_38.172_/_0.28)] dark:[--zui-marquee-fg:oklch(95.4%_0.038_75.164)]\",\n  yellow:\n    \"border-[color:var(--zui-marquee-yellow-border,oklch(79.5%_0.184_86.047_/_0.3))] [--zui-marquee-bg:oklch(98.7%_0.026_102.212)] [--zui-marquee-fg:oklch(42.1%_0.095_57.708)] dark:border-[color:var(--zui-marquee-yellow-border-dark,oklch(85.2%_0.199_91.936_/_0.32))] dark:[--zui-marquee-bg:oklch(42.1%_0.095_57.708_/_0.28)] dark:[--zui-marquee-fg:oklch(97.3%_0.071_103.193)]\",\n  teal: \"border-[color:var(--zui-marquee-teal-border,oklch(70.4%_0.14_182.503_/_0.28))] [--zui-marquee-bg:oklch(98.4%_0.014_180.72)] [--zui-marquee-fg:oklch(38.6%_0.063_188.416)] dark:border-[color:var(--zui-marquee-teal-border-dark,oklch(77.7%_0.152_181.912_/_0.32))] dark:[--zui-marquee-bg:oklch(38.6%_0.063_188.416_/_0.28)] dark:[--zui-marquee-fg:oklch(95.3%_0.051_180.801)]\",\n  indigo:\n    \"border-[color:var(--zui-marquee-indigo-border,oklch(58.5%_0.233_277.117_/_0.24))] [--zui-marquee-bg:oklch(96.2%_0.018_272.314)] [--zui-marquee-fg:oklch(35.9%_0.144_278.697)] dark:border-[color:var(--zui-marquee-indigo-border-dark,oklch(67.3%_0.182_276.935_/_0.32))] dark:[--zui-marquee-bg:oklch(35.9%_0.144_278.697_/_0.28)] dark:[--zui-marquee-fg:oklch(93%_0.034_272.788)]\",\n  emerald:\n    \"border-[color:var(--zui-marquee-emerald-border,oklch(69.6%_0.17_162.48_/_0.28))] [--zui-marquee-bg:oklch(97.9%_0.021_166.113)] [--zui-marquee-fg:oklch(37.8%_0.077_168.94)] dark:border-[color:var(--zui-marquee-emerald-border-dark,oklch(76.5%_0.177_163.223_/_0.32))] dark:[--zui-marquee-bg:oklch(37.8%_0.077_168.94_/_0.28)] dark:[--zui-marquee-fg:oklch(95%_0.052_163.051)]\",\n  \"gradient-blue\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-blue-from,oklch(62.3%_0.214_259.815))] dark:from-[var(--zui-marquee-gradient-blue-from-dark,oklch(42.4%_0.199_265.638))] to-[var(--zui-marquee-gradient-blue-to,oklch(54.6%_0.245_262.881))] dark:to-[var(--zui-marquee-gradient-blue-to-dark,oklch(37.9%_0.146_265.522))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-green\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-green-from,oklch(72.3%_0.219_149.579))] dark:from-[var(--zui-marquee-gradient-green-from-dark,oklch(44.8%_0.119_151.328))] to-[var(--zui-marquee-gradient-green-to,oklch(62.7%_0.194_149.214))] dark:to-[var(--zui-marquee-gradient-green-to-dark,oklch(39.3%_0.095_152.535))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-red\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-red-from,oklch(63.7%_0.237_25.331))] dark:from-[var(--zui-marquee-gradient-red-from-dark,oklch(44.4%_0.177_26.899))] to-[var(--zui-marquee-gradient-red-to,oklch(57.7%_0.245_27.325))] dark:to-[var(--zui-marquee-gradient-red-to-dark,oklch(39.6%_0.141_25.723))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-yellow\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-yellow-from,oklch(85.2%_0.199_91.936))] dark:from-[var(--zui-marquee-gradient-yellow-from-dark,oklch(47.6%_0.114_61.907))] to-[var(--zui-marquee-gradient-yellow-to,oklch(79.5%_0.184_86.047))] dark:to-[var(--zui-marquee-gradient-yellow-to-dark,oklch(42.1%_0.095_57.708))] [--zui-marquee-fg:oklch(27.9%_0.077_45.635)] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-purple\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-purple-from,oklch(71.4%_0.203_305.504))] dark:from-[var(--zui-marquee-gradient-purple-from-dark,oklch(43.8%_0.218_303.724))] to-[var(--zui-marquee-gradient-purple-to,oklch(62.7%_0.265_303.9))] dark:to-[var(--zui-marquee-gradient-purple-to-dark,oklch(38.1%_0.176_304.987))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-teal\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-teal-from,oklch(77.7%_0.152_181.912))] dark:from-[var(--zui-marquee-gradient-teal-from-dark,oklch(43.7%_0.078_188.216))] to-[var(--zui-marquee-gradient-teal-to,oklch(70.4%_0.14_182.503))] dark:to-[var(--zui-marquee-gradient-teal-to-dark,oklch(38.6%_0.063_188.416))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-indigo\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-indigo-from,oklch(67.3%_0.182_276.935))] dark:from-[var(--zui-marquee-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-marquee-gradient-indigo-to,oklch(58.5%_0.233_277.117))] dark:to-[var(--zui-marquee-gradient-indigo-to-dark,oklch(35.9%_0.144_278.697))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-pink\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-pink-from,oklch(71.8%_0.202_349.761))] dark:from-[var(--zui-marquee-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-marquee-gradient-pink-to,oklch(65.6%_0.241_354.308))] dark:to-[var(--zui-marquee-gradient-pink-to-dark,oklch(40.8%_0.153_2.432))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  \"gradient-orange\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-marquee-gradient-orange-from,oklch(75%_0.183_55.934))] dark:from-[var(--zui-marquee-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-marquee-gradient-orange-to,oklch(70.5%_0.213_47.604))] dark:to-[var(--zui-marquee-gradient-orange-to-dark,oklch(40.8%_0.123_38.172))] [--zui-marquee-fg:#ffffff] dark:[--zui-marquee-fg:#ffffff]\",\n  blue: \"border border-[color:var(--zui-marquee-blue-border,#2563eb)] dark:border-[color:var(--zui-marquee-blue-border-dark,#3b82f6)] bg-[var(--zui-marquee-blue-bg,#2563eb14)] dark:bg-[var(--zui-marquee-blue-bg-dark,#3b82f624)] text-[color:var(--zui-marquee-blue-fg,#0f172a)] dark:text-[color:var(--zui-marquee-blue-fg-dark,#f8fafc)]\",\n  cyan: \"border border-[color:var(--zui-marquee-cyan-border,#0891b2)] dark:border-[color:var(--zui-marquee-cyan-border-dark,#22d3ee)] bg-[var(--zui-marquee-cyan-bg,#0891b214)] dark:bg-[var(--zui-marquee-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-marquee-cyan-fg,#0f172a)] dark:text-[color:var(--zui-marquee-cyan-fg-dark,#f8fafc)]\",\n  green:\n    \"border border-[color:var(--zui-marquee-green-border,#16a34a)] dark:border-[color:var(--zui-marquee-green-border-dark,#22c55e)] bg-[var(--zui-marquee-green-bg,#16a34a14)] dark:bg-[var(--zui-marquee-green-bg-dark,#22c55e24)] text-[color:var(--zui-marquee-green-fg,#0f172a)] dark:text-[color:var(--zui-marquee-green-fg-dark,#f8fafc)]\",\n  lime: \"border border-[color:var(--zui-marquee-lime-border,#65a30d)] dark:border-[color:var(--zui-marquee-lime-border-dark,#a3e635)] bg-[var(--zui-marquee-lime-bg,#65a30d14)] dark:bg-[var(--zui-marquee-lime-bg-dark,#a3e63524)] text-[color:var(--zui-marquee-lime-fg,#0f172a)] dark:text-[color:var(--zui-marquee-lime-fg-dark,#f8fafc)]\",\n  mint: \"border border-[color:var(--zui-marquee-mint-border,#10b981)] dark:border-[color:var(--zui-marquee-mint-border-dark,#6ee7b7)] bg-[var(--zui-marquee-mint-bg,#10b98114)] dark:bg-[var(--zui-marquee-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-marquee-mint-fg,#0f172a)] dark:text-[color:var(--zui-marquee-mint-fg-dark,#f8fafc)]\",\n  ocean:\n    \"border border-[color:var(--zui-marquee-ocean-border,#0284c7)] dark:border-[color:var(--zui-marquee-ocean-border-dark,#38bdf8)] bg-[var(--zui-marquee-ocean-bg,#0284c714)] dark:bg-[var(--zui-marquee-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-marquee-ocean-fg,#0f172a)] dark:text-[color:var(--zui-marquee-ocean-fg-dark,#f8fafc)]\",\n  sapphire:\n    \"border border-[color:var(--zui-marquee-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-marquee-sapphire-border-dark,#60a5fa)] bg-[var(--zui-marquee-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-marquee-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-marquee-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-marquee-sapphire-fg-dark,#f8fafc)]\",\n  lavender:\n    \"border border-[color:var(--zui-marquee-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-marquee-lavender-border-dark,#a78bfa)] bg-[var(--zui-marquee-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-marquee-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-marquee-lavender-fg,#0f172a)] dark:text-[color:var(--zui-marquee-lavender-fg-dark,#f8fafc)]\",\n  ruby: \"border border-[color:var(--zui-marquee-ruby-border,#be123c)] dark:border-[color:var(--zui-marquee-ruby-border-dark,#fb7185)] bg-[var(--zui-marquee-ruby-bg,#be123c14)] dark:bg-[var(--zui-marquee-ruby-bg-dark,#fb718524)] text-[color:var(--zui-marquee-ruby-fg,#0f172a)] dark:text-[color:var(--zui-marquee-ruby-fg-dark,#f8fafc)]\",\n  red: \"border border-[color:var(--zui-marquee-red-border,#dc2626)] dark:border-[color:var(--zui-marquee-red-border-dark,#ef4444)] bg-[var(--zui-marquee-red-bg,#dc262614)] dark:bg-[var(--zui-marquee-red-bg-dark,#ef444424)] text-[color:var(--zui-marquee-red-fg,#0f172a)] dark:text-[color:var(--zui-marquee-red-fg-dark,#f8fafc)]\",\n  slate:\n    \"border border-[color:var(--zui-marquee-slate-border,#475569)] dark:border-[color:var(--zui-marquee-slate-border-dark,#64748b)] bg-[var(--zui-marquee-slate-bg,#47556914)] dark:bg-[var(--zui-marquee-slate-bg-dark,#64748b24)] text-[color:var(--zui-marquee-slate-fg,#0f172a)] dark:text-[color:var(--zui-marquee-slate-fg-dark,#f8fafc)]\",\n  zinc: \"border border-[color:var(--zui-marquee-zinc-border,#52525b)] dark:border-[color:var(--zui-marquee-zinc-border-dark,#71717a)] bg-[var(--zui-marquee-zinc-bg,#52525b14)] dark:bg-[var(--zui-marquee-zinc-bg-dark,#71717a24)] text-[color:var(--zui-marquee-zinc-fg,#0f172a)] dark:text-[color:var(--zui-marquee-zinc-fg-dark,#f8fafc)]\",\n  stone:\n    \"border border-[color:var(--zui-marquee-stone-border,#57534e)] dark:border-[color:var(--zui-marquee-stone-border-dark,#78716c)] bg-[var(--zui-marquee-stone-bg,#57534e14)] dark:bg-[var(--zui-marquee-stone-bg-dark,#78716c24)] text-[color:var(--zui-marquee-stone-fg,#0f172a)] dark:text-[color:var(--zui-marquee-stone-fg-dark,#f8fafc)]\",\n  royal:\n    \"border border-[color:var(--zui-marquee-royal-border,#4338ca)] dark:border-[color:var(--zui-marquee-royal-border-dark,#818cf8)] bg-[var(--zui-marquee-royal-bg,#4338ca14)] dark:bg-[var(--zui-marquee-royal-bg-dark,#818cf824)] text-[color:var(--zui-marquee-royal-fg,#0f172a)] dark:text-[color:var(--zui-marquee-royal-fg-dark,#f8fafc)]\",\n  electric:\n    \"border border-[color:var(--zui-marquee-electric-border,#0ea5e9)] dark:border-[color:var(--zui-marquee-electric-border-dark,#38bdf8)] bg-[var(--zui-marquee-electric-bg,#0ea5e914)] dark:bg-[var(--zui-marquee-electric-bg-dark,#38bdf824)] text-[color:var(--zui-marquee-electric-fg,#0f172a)] dark:text-[color:var(--zui-marquee-electric-fg-dark,#f8fafc)]\",\n  forest:\n    \"border border-[color:var(--zui-marquee-forest-border,#166534)] dark:border-[color:var(--zui-marquee-forest-border-dark,#4ade80)] bg-[var(--zui-marquee-forest-bg,#16653414)] dark:bg-[var(--zui-marquee-forest-bg-dark,#4ade8024)] text-[color:var(--zui-marquee-forest-fg,#0f172a)] dark:text-[color:var(--zui-marquee-forest-fg-dark,#f8fafc)]\",\n  sunset:\n    \"border border-[color:var(--zui-marquee-sunset-border,#ea580c)] dark:border-[color:var(--zui-marquee-sunset-border-dark,#fb923c)] bg-[var(--zui-marquee-sunset-bg,#ea580c14)] dark:bg-[var(--zui-marquee-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-marquee-sunset-fg,#0f172a)] dark:text-[color:var(--zui-marquee-sunset-fg-dark,#f8fafc)]\",\n  magenta:\n    \"border border-[color:var(--zui-marquee-magenta-border,#c026d3)] dark:border-[color:var(--zui-marquee-magenta-border-dark,#e879f9)] bg-[var(--zui-marquee-magenta-bg,#c026d314)] dark:bg-[var(--zui-marquee-magenta-bg-dark,#e879f924)] text-[color:var(--zui-marquee-magenta-fg,#0f172a)] dark:text-[color:var(--zui-marquee-magenta-fg-dark,#f8fafc)]\",\n  crimson:\n    \"border border-[color:var(--zui-marquee-crimson-border,#b91c1c)] dark:border-[color:var(--zui-marquee-crimson-border-dark,#f87171)] bg-[var(--zui-marquee-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-marquee-crimson-bg-dark,#f8717124)] text-[color:var(--zui-marquee-crimson-fg,#0f172a)] dark:text-[color:var(--zui-marquee-crimson-fg-dark,#f8fafc)]\",\n  aqua: \"border border-[color:var(--zui-marquee-aqua-border,#0f766e)] dark:border-[color:var(--zui-marquee-aqua-border-dark,#2dd4bf)] bg-[var(--zui-marquee-aqua-bg,#0f766e14)] dark:bg-[var(--zui-marquee-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-marquee-aqua-fg,#0f172a)] dark:text-[color:var(--zui-marquee-aqua-fg-dark,#f8fafc)]\",\n  plum: \"border border-[color:var(--zui-marquee-plum-border,#7e22ce)] dark:border-[color:var(--zui-marquee-plum-border-dark,#c084fc)] bg-[var(--zui-marquee-plum-bg,#7e22ce14)] dark:bg-[var(--zui-marquee-plum-bg-dark,#c084fc24)] text-[color:var(--zui-marquee-plum-fg,#0f172a)] dark:text-[color:var(--zui-marquee-plum-fg-dark,#f8fafc)]\",\n} as const;\n\nexport const zuiMarqueeOrientations = {\n  horizontal: \"w-full flex-row\",\n  vertical: \"h-64 flex-col\",\n} as const;\n\nexport const zuiMarqueeSizes = {\n  sm: \"p-2 text-xs\",\n  md: \"p-3 text-sm\",\n  lg: \"p-4 text-base\",\n} as const;\n\nexport const zuiMarqueeFade = {\n  false: \"\",\n  true: \"[mask-image:linear-gradient(to_right,transparent,black_12%,black_88%,transparent)] data-[orientation=vertical]:[mask-image:linear-gradient(to_bottom,transparent,black_12%,black_88%,transparent)]\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiMarqueeAppearances,\n  zuiMarqueeBase,\n  zuiMarqueeFade,\n  zuiMarqueeOrientations,\n  zuiMarqueeSizes,\n} from \"../../design-system/marquee\";\n\nexport const marqueeVariants = cva(zuiMarqueeBase, {\n  variants: {\n    appearance: zuiMarqueeAppearances,\n    fade: zuiMarqueeFade,\n    orientation: zuiMarqueeOrientations,\n    size: zuiMarqueeSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    fade: true,\n    orientation: \"horizontal\",\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport { Children, useCallback, useMemo, useRef, useState } from \"react\";\nimport type { CSSProperties, Ref } from \"react\";\n\nimport { useIsomorphicLayoutEffect } from \"../../hooks/useIsomorphicLayoutEffect\";\nimport { cn } from \"../../lib/utils\";\n\nimport type { MarqueeProps } from \"./types\";\nimport { marqueeVariants } from \"./variants\";\n\nconst marqueeKeyframes = `@keyframes zui-marquee-x{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - var(--zui-marquee-gap)/2),0,0)}}@keyframes zui-marquee-y{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,calc(-50% - var(--zui-marquee-gap)/2),0)}}`;\n\nfunction toCssLength(value: number | string | undefined) {\n  if (value === undefined) {\n    return undefined;\n  }\n  return typeof value === \"number\" ? `${value}px` : value;\n}\n\nfunction assignRef<TElement>(\n  ref: Ref<TElement> | undefined,\n  value: TElement | null,\n) {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref) {\n    (ref as { current: TElement | null }).current = value;\n  }\n}\n\nexport function Marquee(props: MarqueeProps) {\n  const {\n    appearance,\n    children,\n    className,\n    direction,\n    fade,\n    gap,\n    itemClassName,\n    orientation,\n    pauseOnHover = false,\n    ref,\n    size,\n    speed = 30,\n    style,\n    trackClassName,\n    ...rest\n  } = props;\n\n  const resolvedOrientation =\n    orientation ??\n    (direction === \"up\" || direction === \"down\" ? \"vertical\" : \"horizontal\");\n  const resolvedDirection =\n    direction ?? (resolvedOrientation === \"vertical\" ? \"up\" : \"left\");\n  const isReverse =\n    resolvedDirection === \"right\" || resolvedDirection === \"down\";\n  const animationName =\n    resolvedOrientation === \"vertical\" ? \"zui-marquee-y\" : \"zui-marquee-x\";\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const measureRef = useRef<HTMLDivElement | null>(null);\n  const [copyCount, setCopyCount] = useState(1);\n  const childArray = useMemo(() => Children.toArray(children), [children]);\n  const setRootRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      rootRef.current = node;\n      assignRef(ref, node);\n    },\n    [ref],\n  );\n  const marqueeStyle = {\n    ...(gap !== undefined ? { \"--zui-marquee-gap\": toCssLength(gap) } : null),\n    ...style,\n  } as CSSProperties;\n  const groupClassName = cn(\n    \"flex shrink-0 items-center justify-around gap-(--zui-marquee-gap)\",\n    resolvedOrientation === \"vertical\" ? \"flex-col\" : \"flex-row\",\n    itemClassName,\n  );\n  const fillerChildren = Array.from(\n    { length: Math.max(0, copyCount - 1) },\n    (_, index) => (\n      <div key={index} aria-hidden=\"true\" inert className=\"contents\">\n        {childArray}\n      </div>\n    ),\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    const updateCopyCount = () => {\n      const root = rootRef.current;\n      const measure = measureRef.current;\n\n      if (!root || !measure) {\n        return;\n      }\n\n      const rootSize =\n        resolvedOrientation === \"vertical\"\n          ? root.offsetHeight\n          : root.offsetWidth;\n      const contentSize =\n        resolvedOrientation === \"vertical\"\n          ? measure.scrollHeight\n          : measure.scrollWidth;\n\n      if (!rootSize || !contentSize) {\n        setCopyCount(1);\n        return;\n      }\n\n      setCopyCount(Math.max(1, Math.ceil(rootSize / contentSize)));\n    };\n\n    updateCopyCount();\n\n    if (typeof ResizeObserver === \"undefined\") {\n      return;\n    }\n\n    const observer = new ResizeObserver(updateCopyCount);\n    if (rootRef.current) {\n      observer.observe(rootRef.current);\n    }\n    if (measureRef.current) {\n      observer.observe(measureRef.current);\n    }\n\n    return () => observer.disconnect();\n  }, [childArray, gap, resolvedOrientation]);\n\n  return (\n    <div\n      ref={setRootRef}\n      data-direction={resolvedDirection}\n      data-orientation={resolvedOrientation}\n      data-slot=\"marquee\"\n      className={cn(\n        marqueeVariants({\n          appearance,\n          fade,\n          orientation: resolvedOrientation,\n          size,\n        }),\n        className,\n      )}\n      style={marqueeStyle}\n      {...rest}\n    >\n      <style>{marqueeKeyframes}</style>\n      <div\n        aria-hidden=\"true\"\n        data-slot=\"marquee-measure\"\n        ref={measureRef}\n        className={cn(\n          \"pointer-events-none invisible absolute -z-10\",\n          groupClassName,\n        )}\n      >\n        {childArray}\n      </div>\n      <div\n        data-slot=\"marquee-track\"\n        className={cn(\n          \"flex shrink-0 gap-(--zui-marquee-gap) will-change-transform [animation-iteration-count:infinite] [animation-timing-function:linear] motion-reduce:[animation-play-state:paused]\",\n          resolvedOrientation === \"vertical\" ? \"flex-col\" : \"w-max flex-row\",\n          pauseOnHover && \"group-hover/marquee:[animation-play-state:paused]\",\n          isReverse && \"[animation-direction:reverse]\",\n          trackClassName,\n        )}\n        style={\n          {\n            animationDuration: `${speed}s`,\n            animationName,\n          } as CSSProperties\n        }\n      >\n        <div data-slot=\"marquee-item-group\" className={groupClassName}>\n          {childArray}\n          {fillerChildren}\n        </div>\n        <div\n          aria-hidden=\"true\"\n          inert\n          data-slot=\"marquee-item-group\"\n          className={groupClassName}\n        >\n          {childArray}\n          {fillerChildren}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nMarquee.displayName = \"Marquee\";\n"]}
+{"version":3,"sources":["../../src/ui/marquee/variants.ts","../../src/ui/marquee/marquee.tsx"],"names":[],"mappings":"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","file":"marquee.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiMarqueeAppearances,\n  zuiMarqueeBase,\n  zuiMarqueeFade,\n  zuiMarqueeOrientations,\n  zuiMarqueeSizes,\n} from \"../../design-system/marquee\";\n\nexport const marqueeVariants = cva(zuiMarqueeBase, {\n  variants: {\n    appearance: zuiMarqueeAppearances,\n    fade: zuiMarqueeFade,\n    orientation: zuiMarqueeOrientations,\n    size: zuiMarqueeSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    fade: true,\n    orientation: \"horizontal\",\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport { Children, useCallback, useMemo, useRef, useState } from \"react\";\nimport type { CSSProperties, Ref } from \"react\";\n\nimport { useIsomorphicLayoutEffect } from \"../../hooks/useIsomorphicLayoutEffect\";\nimport { cn } from \"../../lib/utils\";\n\nimport type { MarqueeProps } from \"./types\";\nimport { marqueeVariants } from \"./variants\";\n\nconst marqueeKeyframes = `@keyframes zui-marquee-x{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - var(--zui-marquee-gap)/2),0,0)}}@keyframes zui-marquee-y{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,calc(-50% - var(--zui-marquee-gap)/2),0)}}`;\n\nfunction toCssLength(value: number | string | undefined) {\n  if (value === undefined) {\n    return undefined;\n  }\n  return typeof value === \"number\" ? `${value}px` : value;\n}\n\nfunction assignRef<TElement>(\n  ref: Ref<TElement> | undefined,\n  value: TElement | null,\n) {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref) {\n    (ref as { current: TElement | null }).current = value;\n  }\n}\n\nexport function Marquee(props: MarqueeProps) {\n  const {\n    appearance,\n    children,\n    className,\n    direction,\n    fade,\n    gap,\n    itemClassName,\n    orientation,\n    pauseOnHover = false,\n    ref,\n    size,\n    speed = 30,\n    style,\n    trackClassName,\n    ...rest\n  } = props;\n\n  const resolvedOrientation =\n    orientation ??\n    (direction === \"up\" || direction === \"down\" ? \"vertical\" : \"horizontal\");\n  const resolvedDirection =\n    direction ?? (resolvedOrientation === \"vertical\" ? \"up\" : \"left\");\n  const isReverse =\n    resolvedDirection === \"right\" || resolvedDirection === \"down\";\n  const animationName =\n    resolvedOrientation === \"vertical\" ? \"zui-marquee-y\" : \"zui-marquee-x\";\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const measureRef = useRef<HTMLDivElement | null>(null);\n  const [copyCount, setCopyCount] = useState(1);\n  const childArray = useMemo(() => Children.toArray(children), [children]);\n  const setRootRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      rootRef.current = node;\n      assignRef(ref, node);\n    },\n    [ref],\n  );\n  const marqueeStyle = {\n    ...(gap !== undefined ? { \"--zui-marquee-gap\": toCssLength(gap) } : null),\n    ...style,\n  } as CSSProperties;\n  const groupClassName = cn(\n    \"flex shrink-0 items-center justify-around gap-(--zui-marquee-gap)\",\n    resolvedOrientation === \"vertical\" ? \"flex-col\" : \"flex-row\",\n    itemClassName,\n  );\n  const fillerChildren = Array.from(\n    { length: Math.max(0, copyCount - 1) },\n    (_, index) => (\n      <div key={index} aria-hidden=\"true\" inert className=\"contents\">\n        {childArray}\n      </div>\n    ),\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    const updateCopyCount = () => {\n      const root = rootRef.current;\n      const measure = measureRef.current;\n\n      if (!root || !measure) {\n        return;\n      }\n\n      const rootSize =\n        resolvedOrientation === \"vertical\"\n          ? root.offsetHeight\n          : root.offsetWidth;\n      const contentSize =\n        resolvedOrientation === \"vertical\"\n          ? measure.scrollHeight\n          : measure.scrollWidth;\n\n      if (!rootSize || !contentSize) {\n        setCopyCount(1);\n        return;\n      }\n\n      setCopyCount(Math.max(1, Math.ceil(rootSize / contentSize)));\n    };\n\n    updateCopyCount();\n\n    if (typeof ResizeObserver === \"undefined\") {\n      return;\n    }\n\n    const observer = new ResizeObserver(updateCopyCount);\n    if (rootRef.current) {\n      observer.observe(rootRef.current);\n    }\n    if (measureRef.current) {\n      observer.observe(measureRef.current);\n    }\n\n    return () => observer.disconnect();\n  }, [childArray, gap, resolvedOrientation]);\n\n  return (\n    <div\n      ref={setRootRef}\n      data-direction={resolvedDirection}\n      data-orientation={resolvedOrientation}\n      data-slot=\"marquee\"\n      className={cn(\n        marqueeVariants({\n          appearance,\n          fade,\n          orientation: resolvedOrientation,\n          size,\n        }),\n        className,\n      )}\n      style={marqueeStyle}\n      {...rest}\n    >\n      <style>{marqueeKeyframes}</style>\n      <div\n        aria-hidden=\"true\"\n        data-slot=\"marquee-measure\"\n        ref={measureRef}\n        className={cn(\n          \"pointer-events-none invisible absolute -z-10\",\n          groupClassName,\n        )}\n      >\n        {childArray}\n      </div>\n      <div\n        data-slot=\"marquee-track\"\n        className={cn(\n          \"flex shrink-0 gap-(--zui-marquee-gap) will-change-transform [animation-iteration-count:infinite] [animation-timing-function:linear] motion-reduce:[animation-play-state:paused]\",\n          resolvedOrientation === \"vertical\" ? \"flex-col\" : \"w-max flex-row\",\n          pauseOnHover && \"group-hover/marquee:[animation-play-state:paused]\",\n          isReverse && \"[animation-direction:reverse]\",\n          trackClassName,\n        )}\n        style={\n          {\n            animationDuration: `${speed}s`,\n            animationName,\n          } as CSSProperties\n        }\n      >\n        <div data-slot=\"marquee-item-group\" className={groupClassName}>\n          {childArray}\n          {fillerChildren}\n        </div>\n        <div\n          aria-hidden=\"true\"\n          inert\n          data-slot=\"marquee-item-group\"\n          className={groupClassName}\n        >\n          {childArray}\n          {fillerChildren}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nMarquee.displayName = \"Marquee\";\n"]}