@zentauri-ui/zentauri-components 1.9.2 → 2.1.0

package/dist/{chunk-LLNK24MM.js → chunk-SK24YZIC.js}

@@ -1,36 +1,36 @@
 'use strict';
 
-var chunkFNNIH7R2_js = require('./chunk-FNNIH7R2.js');
+var chunk22FJROCI_js = require('./chunk-22FJROCI.js');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
 
-var radioGroupRootVariants = classVarianceAuthority.cva(chunkFNNIH7R2_js.zuiRadioGroupRootBase, {
+var radioGroupRootVariants = classVarianceAuthority.cva(chunk22FJROCI_js.zuiRadioGroupRootBase, {
   variants: {
-    orientation: chunkFNNIH7R2_js.zuiRadioGroupOrientations
+    orientation: chunk22FJROCI_js.zuiRadioGroupOrientations
   },
   defaultVariants: {
     orientation: "vertical"
   }
 });
-var radioGroupItemVariants = classVarianceAuthority.cva(chunkFNNIH7R2_js.zuiRadioGroupItemBase, {
+var radioGroupItemVariants = classVarianceAuthority.cva(chunk22FJROCI_js.zuiRadioGroupItemBase, {
   variants: {
     size: {
-      sm: chunkFNNIH7R2_js.zuiRadioGroupSizes.sm.item,
-      md: chunkFNNIH7R2_js.zuiRadioGroupSizes.md.item,
-      lg: chunkFNNIH7R2_js.zuiRadioGroupSizes.lg.item
+      sm: chunk22FJROCI_js.zuiRadioGroupSizes.sm.item,
+      md: chunk22FJROCI_js.zuiRadioGroupSizes.md.item,
+      lg: chunk22FJROCI_js.zuiRadioGroupSizes.lg.item
     }
   },
   defaultVariants: {
     size: "md"
   }
 });
-var radioGroupControlVariants = classVarianceAuthority.cva(chunkFNNIH7R2_js.zuiRadioGroupControlBase, {
+var radioGroupControlVariants = classVarianceAuthority.cva(chunk22FJROCI_js.zuiRadioGroupControlBase, {
   variants: {
-    appearance: chunkFNNIH7R2_js.zuiRadioGroupAppearances,
+    appearance: chunk22FJROCI_js.zuiRadioGroupAppearances,
     size: {
-      sm: chunkFNNIH7R2_js.zuiRadioGroupSizes.sm.control,
-      md: chunkFNNIH7R2_js.zuiRadioGroupSizes.md.control,
-      lg: chunkFNNIH7R2_js.zuiRadioGroupSizes.lg.control
+      sm: chunk22FJROCI_js.zuiRadioGroupSizes.sm.control,
+      md: chunk22FJROCI_js.zuiRadioGroupSizes.md.control,
+      lg: chunk22FJROCI_js.zuiRadioGroupSizes.lg.control
     }
   },
   defaultVariants: {
@@ -38,12 +38,12 @@ var radioGroupControlVariants = classVarianceAuthority.cva(chunkFNNIH7R2_js.zuiR
     size: "md"
   }
 });
-var radioGroupIndicatorVariants = classVarianceAuthority.cva(chunkFNNIH7R2_js.zuiRadioGroupIndicatorBase, {
+var radioGroupIndicatorVariants = classVarianceAuthority.cva(chunk22FJROCI_js.zuiRadioGroupIndicatorBase, {
   variants: {
     size: {
-      sm: chunkFNNIH7R2_js.zuiRadioGroupSizes.sm.indicator,
-      md: chunkFNNIH7R2_js.zuiRadioGroupSizes.md.indicator,
-      lg: chunkFNNIH7R2_js.zuiRadioGroupSizes.lg.indicator
+      sm: chunk22FJROCI_js.zuiRadioGroupSizes.sm.indicator,
+      md: chunk22FJROCI_js.zuiRadioGroupSizes.md.indicator,
+      lg: chunk22FJROCI_js.zuiRadioGroupSizes.lg.indicator
     }
   },
   defaultVariants: {
@@ -63,5 +63,5 @@ exports.radioGroupIndicatorVariants = radioGroupIndicatorVariants;
 exports.radioGroupItemVariants = radioGroupItemVariants;
 exports.radioGroupRootVariants = radioGroupRootVariants;
 exports.useRadioGroupContext = useRadioGroupContext;
-//# sourceMappingURL=chunk-LLNK24MM.js.map
-//# sourceMappingURL=chunk-LLNK24MM.js.map
+//# sourceMappingURL=chunk-SK24YZIC.js.map
+//# sourceMappingURL=chunk-SK24YZIC.js.map

package/dist/{chunk-LLNK24MM.js.map → chunk-SK24YZIC.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/radio-group/variants.ts","../src/ui/radio-group/radio-group-context.ts"],"names":["cva","zuiRadioGroupRootBase","zuiRadioGroupOrientations","zuiRadioGroupItemBase","zuiRadioGroupSizes","zuiRadioGroupControlBase","zuiRadioGroupAppearances","zuiRadioGroupIndicatorBase","createContext","useContext"],"mappings":";;;;;;AAYO,IAAM,sBAAA,GAAyBA,2BAAIC,sCAAA,EAAuB;AAAA,EAC/D,QAAA,EAAU;AAAA,IACR,WAAA,EAAaC;AAAA,GACf;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa;AAAA;AAEjB,CAAC;AAEM,IAAM,sBAAA,GAAyBF,2BAAIG,sCAAA,EAAuB;AAAA,EAC/D,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAIC,oCAAmB,EAAA,CAAG,IAAA;AAAA,MAC1B,EAAA,EAAIA,oCAAmB,EAAA,CAAG,IAAA;AAAA,MAC1B,EAAA,EAAIA,oCAAmB,EAAA,CAAG;AAAA;AAC5B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,yBAAA,GAA4BJ,2BAAIK,yCAAA,EAA0B;AAAA,EACrE,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC,yCAAA;AAAA,IACZ,IAAA,EAAM;AAAA,MACJ,EAAA,EAAIF,oCAAmB,EAAA,CAAG,OAAA;AAAA,MAC1B,EAAA,EAAIA,oCAAmB,EAAA,CAAG,OAAA;AAAA,MAC1B,EAAA,EAAIA,oCAAmB,EAAA,CAAG;AAAA;AAC5B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,2BAAA,GAA8BJ,2BAAIO,2CAAA,EAA4B;AAAA,EACzE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAIH,oCAAmB,EAAA,CAAG,SAAA;AAAA,MAC1B,EAAA,EAAIA,oCAAmB,EAAA,CAAG,SAAA;AAAA,MAC1B,EAAA,EAAIA,oCAAmB,EAAA,CAAG;AAAA;AAC5B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AC5CM,IAAM,iBAAA,GAAoBI,mBAAA;AAAA,EAC/B;AACF;AAEO,SAAS,oBAAA,GAAuB;AACrC,EAAA,OAAOC,iBAAW,iBAAiB,CAAA;AACrC","file":"chunk-LLNK24MM.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiRadioGroupAppearances,\n  zuiRadioGroupControlBase,\n  zuiRadioGroupIndicatorBase,\n  zuiRadioGroupItemBase,\n  zuiRadioGroupOrientations,\n  zuiRadioGroupRootBase,\n  zuiRadioGroupSizes,\n} from \"../../design-system/radio-group\";\n\nexport const radioGroupRootVariants = cva(zuiRadioGroupRootBase, {\n  variants: {\n    orientation: zuiRadioGroupOrientations,\n  },\n  defaultVariants: {\n    orientation: \"vertical\",\n  },\n});\n\nexport const radioGroupItemVariants = cva(zuiRadioGroupItemBase, {\n  variants: {\n    size: {\n      sm: zuiRadioGroupSizes.sm.item,\n      md: zuiRadioGroupSizes.md.item,\n      lg: zuiRadioGroupSizes.lg.item,\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const radioGroupControlVariants = cva(zuiRadioGroupControlBase, {\n  variants: {\n    appearance: zuiRadioGroupAppearances,\n    size: {\n      sm: zuiRadioGroupSizes.sm.control,\n      md: zuiRadioGroupSizes.md.control,\n      lg: zuiRadioGroupSizes.lg.control,\n    },\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const radioGroupIndicatorVariants = cva(zuiRadioGroupIndicatorBase, {\n  variants: {\n    size: {\n      sm: zuiRadioGroupSizes.sm.indicator,\n      md: zuiRadioGroupSizes.md.indicator,\n      lg: zuiRadioGroupSizes.lg.indicator,\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nimport type { RadioGroupAppearance, RadioGroupSize } from \"./types\";\n\nexport type RadioGroupContextValue = {\n  value: string | undefined;\n  name: string;\n  disabled?: boolean;\n  required?: boolean;\n  appearance?: RadioGroupAppearance;\n  size?: RadioGroupSize;\n  onValueChange: (value: string) => void;\n};\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue | null>(\n  null,\n);\n\nexport function useRadioGroupContext() {\n  return useContext(RadioGroupContext);\n}\n"]}
+{"version":3,"sources":["../src/ui/radio-group/variants.ts","../src/ui/radio-group/radio-group-context.ts"],"names":["cva","zuiRadioGroupRootBase","zuiRadioGroupOrientations","zuiRadioGroupItemBase","zuiRadioGroupSizes","zuiRadioGroupControlBase","zuiRadioGroupAppearances","zuiRadioGroupIndicatorBase","createContext","useContext"],"mappings":";;;;;;AAYO,IAAM,sBAAA,GAAyBA,2BAAIC,sCAAA,EAAuB;AAAA,EAC/D,QAAA,EAAU;AAAA,IACR,WAAA,EAAaC;AAAA,GACf;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa;AAAA;AAEjB,CAAC;AAEM,IAAM,sBAAA,GAAyBF,2BAAIG,sCAAA,EAAuB;AAAA,EAC/D,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAIC,oCAAmB,EAAA,CAAG,IAAA;AAAA,MAC1B,EAAA,EAAIA,oCAAmB,EAAA,CAAG,IAAA;AAAA,MAC1B,EAAA,EAAIA,oCAAmB,EAAA,CAAG;AAAA;AAC5B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,yBAAA,GAA4BJ,2BAAIK,yCAAA,EAA0B;AAAA,EACrE,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC,yCAAA;AAAA,IACZ,IAAA,EAAM;AAAA,MACJ,EAAA,EAAIF,oCAAmB,EAAA,CAAG,OAAA;AAAA,MAC1B,EAAA,EAAIA,oCAAmB,EAAA,CAAG,OAAA;AAAA,MAC1B,EAAA,EAAIA,oCAAmB,EAAA,CAAG;AAAA;AAC5B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,2BAAA,GAA8BJ,2BAAIO,2CAAA,EAA4B;AAAA,EACzE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAIH,oCAAmB,EAAA,CAAG,SAAA;AAAA,MAC1B,EAAA,EAAIA,oCAAmB,EAAA,CAAG,SAAA;AAAA,MAC1B,EAAA,EAAIA,oCAAmB,EAAA,CAAG;AAAA;AAC5B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AC5CM,IAAM,iBAAA,GAAoBI,mBAAA;AAAA,EAC/B;AACF;AAEO,SAAS,oBAAA,GAAuB;AACrC,EAAA,OAAOC,iBAAW,iBAAiB,CAAA;AACrC","file":"chunk-SK24YZIC.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiRadioGroupAppearances,\n  zuiRadioGroupControlBase,\n  zuiRadioGroupIndicatorBase,\n  zuiRadioGroupItemBase,\n  zuiRadioGroupOrientations,\n  zuiRadioGroupRootBase,\n  zuiRadioGroupSizes,\n} from \"../../design-system/radio-group\";\n\nexport const radioGroupRootVariants = cva(zuiRadioGroupRootBase, {\n  variants: {\n    orientation: zuiRadioGroupOrientations,\n  },\n  defaultVariants: {\n    orientation: \"vertical\",\n  },\n});\n\nexport const radioGroupItemVariants = cva(zuiRadioGroupItemBase, {\n  variants: {\n    size: {\n      sm: zuiRadioGroupSizes.sm.item,\n      md: zuiRadioGroupSizes.md.item,\n      lg: zuiRadioGroupSizes.lg.item,\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const radioGroupControlVariants = cva(zuiRadioGroupControlBase, {\n  variants: {\n    appearance: zuiRadioGroupAppearances,\n    size: {\n      sm: zuiRadioGroupSizes.sm.control,\n      md: zuiRadioGroupSizes.md.control,\n      lg: zuiRadioGroupSizes.lg.control,\n    },\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const radioGroupIndicatorVariants = cva(zuiRadioGroupIndicatorBase, {\n  variants: {\n    size: {\n      sm: zuiRadioGroupSizes.sm.indicator,\n      md: zuiRadioGroupSizes.md.indicator,\n      lg: zuiRadioGroupSizes.lg.indicator,\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nimport type { RadioGroupAppearance, RadioGroupSize } from \"./types\";\n\nexport type RadioGroupContextValue = {\n  value: string | undefined;\n  name: string;\n  disabled?: boolean;\n  required?: boolean;\n  appearance?: RadioGroupAppearance;\n  size?: RadioGroupSize;\n  onValueChange: (value: string) => void;\n};\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue | null>(\n  null,\n);\n\nexport function useRadioGroupContext() {\n  return useContext(RadioGroupContext);\n}\n"]}

package/dist/chunk-SRJCGSNX.js

@@ -0,0 +1,74 @@
+'use strict';
+
+// src/design-system/toast.ts
+var zuiToastViewportBase = "fixed z-[60] flex max-h-screen flex-col gap-2 p-4";
+var zuiToastViewportPositions = {
+  "top-left": "left-0 top-0 items-start",
+  "top-center": "left-1/2 top-0 -translate-x-1/2 items-center",
+  "top-right": "right-0 top-0 items-end",
+  "bottom-left": "bottom-0 left-0 items-start",
+  "bottom-center": "bottom-0 left-1/2 -translate-x-1/2 items-center",
+  "bottom-right": "bottom-0 right-0 items-end"
+};
+var zuiToastRootBase = "pointer-events-auto w-[min(100vw-2rem,380px)] rounded-xl border bg-[var(--zui-toast-root-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-toast-root-bg-dark,var(--zui-surface-muted-dark,oklch(98.4%_0.003_247.858)))] p-4 text-[color:var(--zui-toast-root-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-toast-root-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] shadow-[var(--zui-toast-root-shadow,var(--zui-shadow,0_8px_24px_rgba(15,23,42,0.12)))] dark:shadow-[var(--zui-toast-root-shadow-dark,var(--zui-shadow-dark,0_18px_48px_rgba(15,23,42,0.45)))]";
+var zuiToastRootAppearances = {
+  default: "bg-[var(--zui-toast-root-default-bg,var(--zui-surface-muted,oklch(12.9%_0.042_264.695)))] dark:bg-[var(--zui-toast-root-default-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-toast-root-default-fg,var(--zui-fg,oklch(98.4%_0.003_247.858)))] dark:text-[color:var(--zui-toast-root-default-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]",
+  success: "border-[color:var(--zui-toast-root-success-border,var(--zui-status-success,oklch(69.6%_0.17_162.48_/_0.4)))] dark:border-[color:var(--zui-toast-root-success-border-dark,var(--zui-status-success-dark,oklch(69.6%_0.17_162.48_/_0.4)))] bg-[var(--zui-toast-root-success-bg,var(--zui-status-success,oklch(26.2%_0.051_172.552)))] dark:bg-[var(--zui-toast-root-success-bg-dark,var(--zui-status-success-dark,oklch(26.2%_0.051_172.552)))] text-[color:var(--zui-toast-root-success-fg,var(--zui-fg,oklch(97.9%_0.021_166.113)))] dark:text-[color:var(--zui-toast-root-success-fg-dark,var(--zui-fg-dark,oklch(97.9%_0.021_166.113)))]",
+  warning: "border-[color:var(--zui-toast-root-warning-border,var(--zui-status-warning,oklch(76.9%_0.188_70.08_/_0.4)))] dark:border-[color:var(--zui-toast-root-warning-border-dark,var(--zui-status-warning-dark,oklch(76.9%_0.188_70.08_/_0.4)))] bg-[var(--zui-toast-root-warning-bg,var(--zui-status-warning,oklch(27.9%_0.077_45.635)))] dark:bg-[var(--zui-toast-root-warning-bg-dark,var(--zui-status-warning-dark,oklch(27.9%_0.077_45.635)))] text-[color:var(--zui-toast-root-warning-fg,var(--zui-fg,oklch(98.7%_0.022_95.277)))] dark:text-[color:var(--zui-toast-root-warning-fg-dark,var(--zui-fg-dark,oklch(98.7%_0.022_95.277)))]",
+  error: "border-[color:var(--zui-toast-root-error-border,var(--zui-status-error,oklch(64.5%_0.246_16.439_/_0.5)))] dark:border-[color:var(--zui-toast-root-error-border-dark,var(--zui-status-error-dark,oklch(64.5%_0.246_16.439_/_0.5)))] bg-[var(--zui-toast-root-error-bg,var(--zui-status-error,oklch(27.1%_0.105_12.094)))] dark:bg-[var(--zui-toast-root-error-bg-dark,var(--zui-status-error-dark,oklch(27.1%_0.105_12.094)))] text-[color:var(--zui-toast-root-error-fg,var(--zui-fg,oklch(96.9%_0.015_12.422)))] dark:text-[color:var(--zui-toast-root-error-fg-dark,var(--zui-fg-dark,oklch(96.9%_0.015_12.422)))]",
+  info: "border-[color:var(--zui-toast-root-info-border,var(--zui-status-info,oklch(68.5%_0.169_237.323_/_0.4)))] dark:border-[color:var(--zui-toast-root-info-border-dark,var(--zui-status-info-dark,oklch(68.5%_0.169_237.323_/_0.4)))] bg-[var(--zui-toast-root-info-bg,var(--zui-status-info,oklch(29.3%_0.066_243.157)))] dark:bg-[var(--zui-toast-root-info-bg-dark,var(--zui-status-info-dark,oklch(29.3%_0.066_243.157)))] text-[color:var(--zui-toast-root-info-fg,var(--zui-brand-fg,oklch(97.7%_0.013_236.62)))] dark:text-[color:var(--zui-toast-root-info-fg-dark,var(--zui-brand-fg-dark,oklch(97.7%_0.013_236.62)))]",
+  ghost: "border-[color:var(--zui-toast-root-ghost-border,transparent)] dark:border-[color:var(--zui-toast-root-ghost-border-dark,transparent)] bg-[var(--zui-toast-root-ghost-bg,transparent)] dark:bg-[var(--zui-toast-root-ghost-bg-dark,transparent)] text-[color:var(--zui-toast-root-ghost-fg,var(--zui-fg-muted,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-toast-root-ghost-fg-dark,var(--zui-fg-muted-dark,oklch(20.8%_0.042_265.755)))]",
+  purple: "border-[color:var(--zui-toast-root-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-toast-root-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-[var(--zui-toast-root-purple-bg,var(--zui-color-purple,oklch(29.1%_0.149_302.717)))] dark:bg-[var(--zui-toast-root-purple-bg-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717)))] backdrop-blur-xl text-[color:var(--zui-toast-root-purple-fg,var(--zui-fg,oklch(97.7%_0.014_308.299)))] dark:text-[color:var(--zui-toast-root-purple-fg-dark,var(--zui-fg-dark,oklch(97.7%_0.014_308.299)))]",
+  pink: "border-[color:var(--zui-toast-root-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-toast-root-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-[var(--zui-toast-root-pink-bg,var(--zui-color-pink,oklch(28.4%_0.109_3.907)))] dark:bg-[var(--zui-toast-root-pink-bg-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907)))] backdrop-blur-xl text-[color:var(--zui-toast-root-pink-fg,var(--zui-fg,oklch(97.1%_0.014_343.198)))] dark:text-[color:var(--zui-toast-root-pink-fg-dark,var(--zui-fg-dark,oklch(97.1%_0.014_343.198)))]",
+  orange: "border-[color:var(--zui-toast-root-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-toast-root-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-[var(--zui-toast-root-orange-bg,var(--zui-color-orange,oklch(26.6%_0.079_36.259)))] dark:bg-[var(--zui-toast-root-orange-bg-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259)))] backdrop-blur-xl text-[color:var(--zui-toast-root-orange-fg,var(--zui-fg,oklch(98%_0.016_73.684)))] dark:text-[color:var(--zui-toast-root-orange-fg-dark,var(--zui-fg-dark,oklch(98%_0.016_73.684)))]",
+  yellow: "border-[color:var(--zui-toast-root-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-toast-root-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-[var(--zui-toast-root-yellow-bg,var(--zui-color-yellow,oklch(28.6%_0.066_53.813)))] dark:bg-[var(--zui-toast-root-yellow-bg-dark,var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813)))] backdrop-blur-xl text-[color:var(--zui-toast-root-yellow-fg,var(--zui-fg,oklch(98.7%_0.026_102.212)))] dark:text-[color:var(--zui-toast-root-yellow-fg-dark,var(--zui-fg-dark,oklch(98.7%_0.026_102.212)))]",
+  teal: "border-[color:var(--zui-toast-root-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-toast-root-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-[var(--zui-toast-root-teal-bg,var(--zui-color-teal,oklch(27.7%_0.046_192.524)))] dark:bg-[var(--zui-toast-root-teal-bg-dark,var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524)))] backdrop-blur-xl text-[color:var(--zui-toast-root-teal-fg,var(--zui-fg,oklch(98.4%_0.014_180.72)))] dark:text-[color:var(--zui-toast-root-teal-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.014_180.72)))]",
+  indigo: "border-[color:var(--zui-toast-root-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-toast-root-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-[var(--zui-toast-root-indigo-bg,var(--zui-color-indigo,oklch(25.7%_0.09_281.288)))] dark:bg-[var(--zui-toast-root-indigo-bg-dark,var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288)))] backdrop-blur-xl text-[color:var(--zui-toast-root-indigo-fg,var(--zui-fg,oklch(96.2%_0.018_272.314)))] dark:text-[color:var(--zui-toast-root-indigo-fg-dark,var(--zui-fg-dark,oklch(96.2%_0.018_272.314)))]",
+  emerald: "border-[color:var(--zui-toast-root-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-toast-root-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))] bg-[var(--zui-toast-root-emerald-bg,var(--zui-color-emerald,oklch(26.2%_0.051_172.552)))] dark:bg-[var(--zui-toast-root-emerald-bg-dark,var(--zui-color-emerald-dark,oklch(26.2%_0.051_172.552)))] backdrop-blur-xl text-[color:var(--zui-toast-root-emerald-fg,var(--zui-fg,oklch(97.9%_0.021_166.113)))] dark:text-[color:var(--zui-toast-root-emerald-fg-dark,var(--zui-fg-dark,oklch(97.9%_0.021_166.113)))]",
+  gray: "border-[color:var(--zui-toast-root-gray-border,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:border-[color:var(--zui-toast-root-gray-border-dark,var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)))] bg-[var(--zui-toast-root-gray-bg,var(--zui-color-gray,oklch(13%_0.028_261.692)))] dark:bg-[var(--zui-toast-root-gray-bg-dark,var(--zui-color-gray-dark,oklch(13%_0.028_261.692)))] backdrop-blur-xl text-[color:var(--zui-toast-root-gray-fg,var(--zui-fg,oklch(98.5%_0.002_247.839)))] dark:text-[color:var(--zui-toast-root-gray-fg-dark,var(--zui-fg-dark,oklch(98.5%_0.002_247.839)))]",
+  amber: "border-[color:var(--zui-toast-root-amber-border,var(--zui-color-amber,oklch(47.3%_0.137_46.201)))] dark:border-[color:var(--zui-toast-root-amber-border-dark,var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)))] bg-[var(--zui-toast-root-amber-bg,var(--zui-color-amber,oklch(27.9%_0.077_45.635)))] dark:bg-[var(--zui-toast-root-amber-bg-dark,var(--zui-color-amber-dark,oklch(27.9%_0.077_45.635)))] backdrop-blur-xl text-[color:var(--zui-toast-root-amber-fg,var(--zui-fg,oklch(98.7%_0.022_95.277)))] dark:text-[color:var(--zui-toast-root-amber-fg-dark,var(--zui-fg-dark,oklch(98.7%_0.022_95.277)))]",
+  violet: "border-[color:var(--zui-toast-root-violet-border,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:border-[color:var(--zui-toast-root-violet-border-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))] bg-[var(--zui-toast-root-violet-bg,var(--zui-color-violet,oklch(28.3%_0.141_291.089)))] dark:bg-[var(--zui-toast-root-violet-bg-dark,var(--zui-color-violet-dark,oklch(28.3%_0.141_291.089)))] backdrop-blur-xl text-[color:var(--zui-toast-root-violet-fg,var(--zui-fg,oklch(96.9%_0.016_293.756)))] dark:text-[color:var(--zui-toast-root-violet-fg-dark,var(--zui-fg-dark,oklch(96.9%_0.016_293.756)))]",
+  "gradient-blue": "border-[color:var(--zui-toast-root-gradient-blue-border,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:border-[color:var(--zui-toast-root-gradient-blue-border-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-blue-from,var(--zui-color-blue,oklch(97%_0.014_254.604)))] dark:from-[var(--zui-toast-root-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(28.2%_0.091_267.935_/_0.7)))] to-[var(--zui-toast-root-gradient-blue-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-toast-root-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] backdrop-blur-xl",
+  "gradient-green": "border-[color:var(--zui-toast-root-gradient-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:border-[color:var(--zui-toast-root-gradient-green-border-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-green-from,var(--zui-color-green,oklch(98.2%_0.018_155.826)))] dark:from-[var(--zui-toast-root-gradient-green-from-dark,var(--zui-color-green-dark,oklch(26.6%_0.065_152.934_/_0.7)))] to-[var(--zui-toast-root-gradient-green-to,var(--zui-color-lime,oklch(98.6%_0.031_120.757)))] dark:to-[var(--zui-toast-root-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(27.4%_0.072_132.109_/_0.7)))] backdrop-blur-xl",
+  "gradient-red": "border-[color:var(--zui-toast-root-gradient-red-border,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:border-[color:var(--zui-toast-root-gradient-red-border-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-red-from,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:from-[var(--zui-toast-root-gradient-red-from-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.7)))] to-[var(--zui-toast-root-gradient-red-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-toast-root-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] backdrop-blur-xl",
+  "gradient-yellow": "border-[color:var(--zui-toast-root-gradient-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-toast-root-gradient-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-yellow-from,var(--zui-color-yellow,oklch(98.7%_0.026_102.212)))] dark:from-[var(--zui-toast-root-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813_/_0.7)))] to-[var(--zui-toast-root-gradient-yellow-to,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:to-[var(--zui-toast-root-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.7)))] backdrop-blur-xl",
+  "gradient-purple": "border-[color:var(--zui-toast-root-gradient-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-toast-root-gradient-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-purple-from,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:from-[var(--zui-toast-root-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] to-[var(--zui-toast-root-gradient-purple-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-toast-root-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] backdrop-blur-xl",
+  "gradient-teal": "border-[color:var(--zui-toast-root-gradient-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-toast-root-gradient-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-teal-from,var(--zui-color-teal,oklch(98.4%_0.014_180.72)))] dark:from-[var(--zui-toast-root-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524_/_0.7)))] to-[var(--zui-toast-root-gradient-teal-to,var(--zui-color-cyan,oklch(98.4%_0.019_200.873)))] dark:to-[var(--zui-toast-root-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(30.2%_0.056_229.695_/_0.7)))] backdrop-blur-xl",
+  "gradient-indigo": "border-[color:var(--zui-toast-root-gradient-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-toast-root-gradient-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-indigo-from,var(--zui-color-indigo,oklch(96.2%_0.018_272.314)))] dark:from-[var(--zui-toast-root-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288_/_0.7)))] to-[var(--zui-toast-root-gradient-indigo-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-toast-root-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] backdrop-blur-xl",
+  "gradient-pink": "border-[color:var(--zui-toast-root-gradient-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-toast-root-gradient-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-pink-from,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:from-[var(--zui-toast-root-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] to-[var(--zui-toast-root-gradient-pink-to,var(--zui-color-rose,oklch(96.9%_0.015_12.422)))] dark:to-[var(--zui-toast-root-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094_/_0.7)))] backdrop-blur-xl",
+  "gradient-orange": "border-[color:var(--zui-toast-root-gradient-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-toast-root-gradient-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-orange-from,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:from-[var(--zui-toast-root-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.7)))] to-[var(--zui-toast-root-gradient-orange-to,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:to-[var(--zui-toast-root-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.7)))] backdrop-blur-xl",
+  blue: "border border-[color:var(--zui-toast-root-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-toast-root-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-toast-root-blue-bg,var(--zui-color-blue,#2563eb14))] dark:bg-[var(--zui-toast-root-blue-bg-dark,var(--zui-color-blue-dark,#3b82f624))] text-[color:var(--zui-toast-root-blue-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-blue-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  cyan: "border border-[color:var(--zui-toast-root-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-toast-root-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-toast-root-cyan-bg,var(--zui-color-cyan,#0891b214))] dark:bg-[var(--zui-toast-root-cyan-bg-dark,var(--zui-color-cyan-dark,#22d3ee24))] text-[color:var(--zui-toast-root-cyan-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-cyan-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  green: "border border-[color:var(--zui-toast-root-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-toast-root-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-toast-root-green-bg,var(--zui-color-green,#16a34a14))] dark:bg-[var(--zui-toast-root-green-bg-dark,var(--zui-color-green-dark,#22c55e24))] text-[color:var(--zui-toast-root-green-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-green-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  lime: "border border-[color:var(--zui-toast-root-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-toast-root-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-toast-root-lime-bg,var(--zui-color-lime,#65a30d14))] dark:bg-[var(--zui-toast-root-lime-bg-dark,var(--zui-color-lime-dark,#a3e63524))] text-[color:var(--zui-toast-root-lime-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-lime-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  mint: "border border-[color:var(--zui-toast-root-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-toast-root-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-toast-root-mint-bg,var(--zui-color-mint,#10b98114))] dark:bg-[var(--zui-toast-root-mint-bg-dark,var(--zui-color-mint-dark,#6ee7b724))] text-[color:var(--zui-toast-root-mint-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-mint-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  ocean: "border border-[color:var(--zui-toast-root-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-toast-root-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-toast-root-ocean-bg,var(--zui-color-ocean,#0284c714))] dark:bg-[var(--zui-toast-root-ocean-bg-dark,var(--zui-color-ocean-dark,#38bdf824))] text-[color:var(--zui-toast-root-ocean-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-ocean-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  sapphire: "border border-[color:var(--zui-toast-root-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-toast-root-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-toast-root-sapphire-bg,var(--zui-color-sapphire,#1d4ed814))] dark:bg-[var(--zui-toast-root-sapphire-bg-dark,var(--zui-color-sapphire-dark,#60a5fa24))] text-[color:var(--zui-toast-root-sapphire-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-sapphire-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  lavender: "border border-[color:var(--zui-toast-root-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-toast-root-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-toast-root-lavender-bg,var(--zui-color-lavender,#8b5cf614))] dark:bg-[var(--zui-toast-root-lavender-bg-dark,var(--zui-color-lavender-dark,#a78bfa24))] text-[color:var(--zui-toast-root-lavender-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-lavender-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  ruby: "border border-[color:var(--zui-toast-root-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-toast-root-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-toast-root-ruby-bg,var(--zui-color-ruby,#be123c14))] dark:bg-[var(--zui-toast-root-ruby-bg-dark,var(--zui-color-ruby-dark,#fb718524))] text-[color:var(--zui-toast-root-ruby-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-ruby-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  red: "border border-[color:var(--zui-toast-root-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-toast-root-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-toast-root-red-bg,var(--zui-color-red,#dc262614))] dark:bg-[var(--zui-toast-root-red-bg-dark,var(--zui-color-red-dark,#ef444424))] text-[color:var(--zui-toast-root-red-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-red-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  slate: "border border-[color:var(--zui-toast-root-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-toast-root-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-toast-root-slate-bg,var(--zui-color-slate,#47556914))] dark:bg-[var(--zui-toast-root-slate-bg-dark,var(--zui-color-slate-dark,#64748b24))] text-[color:var(--zui-toast-root-slate-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-slate-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  zinc: "border border-[color:var(--zui-toast-root-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-toast-root-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-toast-root-zinc-bg,var(--zui-color-zinc,#52525b14))] dark:bg-[var(--zui-toast-root-zinc-bg-dark,var(--zui-color-zinc-dark,#71717a24))] text-[color:var(--zui-toast-root-zinc-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-zinc-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  stone: "border border-[color:var(--zui-toast-root-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-toast-root-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-toast-root-stone-bg,var(--zui-color-stone,#57534e14))] dark:bg-[var(--zui-toast-root-stone-bg-dark,var(--zui-color-stone-dark,#78716c24))] text-[color:var(--zui-toast-root-stone-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-stone-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  royal: "border border-[color:var(--zui-toast-root-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-toast-root-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-toast-root-royal-bg,var(--zui-color-royal,#4338ca14))] dark:bg-[var(--zui-toast-root-royal-bg-dark,var(--zui-color-royal-dark,#818cf824))] text-[color:var(--zui-toast-root-royal-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-royal-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  electric: "border border-[color:var(--zui-toast-root-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-toast-root-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-toast-root-electric-bg,var(--zui-color-electric,#0ea5e914))] dark:bg-[var(--zui-toast-root-electric-bg-dark,var(--zui-color-electric-dark,#38bdf824))] text-[color:var(--zui-toast-root-electric-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-electric-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  forest: "border border-[color:var(--zui-toast-root-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-toast-root-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-toast-root-forest-bg,var(--zui-color-forest,#16653414))] dark:bg-[var(--zui-toast-root-forest-bg-dark,var(--zui-color-forest-dark,#4ade8024))] text-[color:var(--zui-toast-root-forest-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-forest-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  sunset: "border border-[color:var(--zui-toast-root-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-toast-root-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-toast-root-sunset-bg,var(--zui-color-sunset,#ea580c14))] dark:bg-[var(--zui-toast-root-sunset-bg-dark,var(--zui-color-sunset-dark,#fb923c24))] text-[color:var(--zui-toast-root-sunset-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-sunset-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  magenta: "border border-[color:var(--zui-toast-root-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-toast-root-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-toast-root-magenta-bg,var(--zui-color-magenta,#c026d314))] dark:bg-[var(--zui-toast-root-magenta-bg-dark,var(--zui-color-magenta-dark,#e879f924))] text-[color:var(--zui-toast-root-magenta-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-magenta-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  crimson: "border border-[color:var(--zui-toast-root-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-toast-root-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-toast-root-crimson-bg,var(--zui-color-crimson,#b91c1c14))] dark:bg-[var(--zui-toast-root-crimson-bg-dark,var(--zui-color-crimson-dark,#f8717124))] text-[color:var(--zui-toast-root-crimson-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-crimson-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  aqua: "border border-[color:var(--zui-toast-root-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-toast-root-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-toast-root-aqua-bg,var(--zui-color-aqua,#0f766e14))] dark:bg-[var(--zui-toast-root-aqua-bg-dark,var(--zui-color-aqua-dark,#2dd4bf24))] text-[color:var(--zui-toast-root-aqua-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-aqua-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  plum: "border border-[color:var(--zui-toast-root-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-toast-root-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-toast-root-plum-bg,var(--zui-color-plum,#7e22ce14))] dark:bg-[var(--zui-toast-root-plum-bg-dark,var(--zui-color-plum-dark,#c084fc24))] text-[color:var(--zui-toast-root-plum-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-plum-fg-dark,var(--zui-fg-dark,#f8fafc))]"
+};
+var zuiToastRootSizes = {
+  sm: "p-3 text-xs",
+  md: "p-4 text-sm",
+  lg: "p-5 text-base"
+};
+
+exports.zuiToastRootAppearances = zuiToastRootAppearances;
+exports.zuiToastRootBase = zuiToastRootBase;
+exports.zuiToastRootSizes = zuiToastRootSizes;
+exports.zuiToastViewportBase = zuiToastViewportBase;
+exports.zuiToastViewportPositions = zuiToastViewportPositions;
+//# sourceMappingURL=chunk-SRJCGSNX.js.map
+//# sourceMappingURL=chunk-SRJCGSNX.js.map

package/dist/chunk-SRJCGSNX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/toast.ts"],"names":[],"mappings":";;;AAAO,IAAM,oBAAA,GACX;AAEK,IAAM,yBAAA,GAA4B;AAAA,EACvC,UAAA,EAAY,0BAAA;AAAA,EACZ,YAAA,EAAc,8CAAA;AAAA,EACd,WAAA,EAAa,yBAAA;AAAA,EACb,aAAA,EAAe,6BAAA;AAAA,EACf,eAAA,EAAiB,iDAAA;AAAA,EACjB,cAAA,EAAgB;AAClB;AAEO,IAAM,gBAAA,GACX;AAEK,IAAM,uBAAA,GAA0B;AAAA,EACrC,OAAA,EACE,iYAAA;AAAA,EACF,OAAA,EACE,4mBAAA;AAAA,EACF,OAAA,EACE,wmBAAA;AAAA,EACF,KAAA,EACE,slBAAA;AAAA,EACF,IAAA,EAAM,4lBAAA;AAAA,EACN,KAAA,EACE,sbAAA;AAAA,EACF,MAAA,EACE,umBAAA;AAAA,EACF,IAAA,EAAM,2kBAAA;AAAA,EACN,MAAA,EACE,2lBAAA;AAAA,EACF,MAAA,EACE,mmBAAA;AAAA,EACF,IAAA,EAAM,+kBAAA;AAAA,EACN,MAAA,EACE,qmBAAA;AAAA,EACF,OAAA,EACE,inBAAA;AAAA,EACF,IAAA,EAAM,8kBAAA;AAAA,EACN,KAAA,EACE,ulBAAA;AAAA,EACF,MAAA,EACE,umBAAA;AAAA,EACF,eAAA,EACE,8qBAAA;AAAA,EACF,gBAAA,EACE,srBAAA;AAAA,EACF,cAAA,EACE,2pBAAA;AAAA,EACF,iBAAA,EACE,6rBAAA;AAAA,EACF,iBAAA,EACE,8rBAAA;AAAA,EACF,eAAA,EACE,yqBAAA;AAAA,EACF,iBAAA,EACE,msBAAA;AAAA,EACF,eAAA,EACE,oqBAAA;AAAA,EACF,iBAAA,EACE,mrBAAA;AAAA,EACF,IAAA,EAAM,2dAAA;AAAA,EACN,IAAA,EAAM,2dAAA;AAAA,EACN,KAAA,EACE,qeAAA;AAAA,EACF,IAAA,EAAM,2dAAA;AAAA,EACN,IAAA,EAAM,2dAAA;AAAA,EACN,KAAA,EACE,qeAAA;AAAA,EACF,QAAA,EACE,mgBAAA;AAAA,EACF,QAAA,EACE,mgBAAA;AAAA,EACF,IAAA,EAAM,2dAAA;AAAA,EACN,GAAA,EAAK,idAAA;AAAA,EACL,KAAA,EACE,qeAAA;AAAA,EACF,IAAA,EAAM,2dAAA;AAAA,EACN,KAAA,EACE,qeAAA;AAAA,EACF,KAAA,EACE,qeAAA;AAAA,EACF,QAAA,EACE,mgBAAA;AAAA,EACF,MAAA,EACE,+eAAA;AAAA,EACF,MAAA,EACE,+eAAA;AAAA,EACF,OAAA,EACE,yfAAA;AAAA,EACF,OAAA,EACE,yfAAA;AAAA,EACF,IAAA,EAAM,2dAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,iBAAA,GAAoB;AAAA,EAC/B,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI;AACN","file":"chunk-SRJCGSNX.js","sourcesContent":["export const zuiToastViewportBase =\n  \"fixed z-[60] flex max-h-screen flex-col gap-2 p-4\";\n\nexport const zuiToastViewportPositions = {\n  \"top-left\": \"left-0 top-0 items-start\",\n  \"top-center\": \"left-1/2 top-0 -translate-x-1/2 items-center\",\n  \"top-right\": \"right-0 top-0 items-end\",\n  \"bottom-left\": \"bottom-0 left-0 items-start\",\n  \"bottom-center\": \"bottom-0 left-1/2 -translate-x-1/2 items-center\",\n  \"bottom-right\": \"bottom-0 right-0 items-end\",\n} as const;\n\nexport const zuiToastRootBase =\n  \"pointer-events-auto w-[min(100vw-2rem,380px)] rounded-xl border bg-[var(--zui-toast-root-bg,var(--zui-surface-muted,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-toast-root-bg-dark,var(--zui-surface-muted-dark,oklch(98.4%_0.003_247.858)))] p-4 text-[color:var(--zui-toast-root-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-toast-root-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] shadow-[var(--zui-toast-root-shadow,var(--zui-shadow,0_8px_24px_rgba(15,23,42,0.12)))] dark:shadow-[var(--zui-toast-root-shadow-dark,var(--zui-shadow-dark,0_18px_48px_rgba(15,23,42,0.45)))]\";\n\nexport const zuiToastRootAppearances = {\n  default:\n    \"bg-[var(--zui-toast-root-default-bg,var(--zui-surface-muted,oklch(12.9%_0.042_264.695)))] dark:bg-[var(--zui-toast-root-default-bg-dark,var(--zui-surface-muted-dark,oklch(12.9%_0.042_264.695)))] text-[color:var(--zui-toast-root-default-fg,var(--zui-fg,oklch(98.4%_0.003_247.858)))] dark:text-[color:var(--zui-toast-root-default-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]\",\n  success:\n    \"border-[color:var(--zui-toast-root-success-border,var(--zui-status-success,oklch(69.6%_0.17_162.48_/_0.4)))] dark:border-[color:var(--zui-toast-root-success-border-dark,var(--zui-status-success-dark,oklch(69.6%_0.17_162.48_/_0.4)))] bg-[var(--zui-toast-root-success-bg,var(--zui-status-success,oklch(26.2%_0.051_172.552)))] dark:bg-[var(--zui-toast-root-success-bg-dark,var(--zui-status-success-dark,oklch(26.2%_0.051_172.552)))] text-[color:var(--zui-toast-root-success-fg,var(--zui-fg,oklch(97.9%_0.021_166.113)))] dark:text-[color:var(--zui-toast-root-success-fg-dark,var(--zui-fg-dark,oklch(97.9%_0.021_166.113)))]\",\n  warning:\n    \"border-[color:var(--zui-toast-root-warning-border,var(--zui-status-warning,oklch(76.9%_0.188_70.08_/_0.4)))] dark:border-[color:var(--zui-toast-root-warning-border-dark,var(--zui-status-warning-dark,oklch(76.9%_0.188_70.08_/_0.4)))] bg-[var(--zui-toast-root-warning-bg,var(--zui-status-warning,oklch(27.9%_0.077_45.635)))] dark:bg-[var(--zui-toast-root-warning-bg-dark,var(--zui-status-warning-dark,oklch(27.9%_0.077_45.635)))] text-[color:var(--zui-toast-root-warning-fg,var(--zui-fg,oklch(98.7%_0.022_95.277)))] dark:text-[color:var(--zui-toast-root-warning-fg-dark,var(--zui-fg-dark,oklch(98.7%_0.022_95.277)))]\",\n  error:\n    \"border-[color:var(--zui-toast-root-error-border,var(--zui-status-error,oklch(64.5%_0.246_16.439_/_0.5)))] dark:border-[color:var(--zui-toast-root-error-border-dark,var(--zui-status-error-dark,oklch(64.5%_0.246_16.439_/_0.5)))] bg-[var(--zui-toast-root-error-bg,var(--zui-status-error,oklch(27.1%_0.105_12.094)))] dark:bg-[var(--zui-toast-root-error-bg-dark,var(--zui-status-error-dark,oklch(27.1%_0.105_12.094)))] text-[color:var(--zui-toast-root-error-fg,var(--zui-fg,oklch(96.9%_0.015_12.422)))] dark:text-[color:var(--zui-toast-root-error-fg-dark,var(--zui-fg-dark,oklch(96.9%_0.015_12.422)))]\",\n  info: \"border-[color:var(--zui-toast-root-info-border,var(--zui-status-info,oklch(68.5%_0.169_237.323_/_0.4)))] dark:border-[color:var(--zui-toast-root-info-border-dark,var(--zui-status-info-dark,oklch(68.5%_0.169_237.323_/_0.4)))] bg-[var(--zui-toast-root-info-bg,var(--zui-status-info,oklch(29.3%_0.066_243.157)))] dark:bg-[var(--zui-toast-root-info-bg-dark,var(--zui-status-info-dark,oklch(29.3%_0.066_243.157)))] text-[color:var(--zui-toast-root-info-fg,var(--zui-brand-fg,oklch(97.7%_0.013_236.62)))] dark:text-[color:var(--zui-toast-root-info-fg-dark,var(--zui-brand-fg-dark,oklch(97.7%_0.013_236.62)))]\",\n  ghost:\n    \"border-[color:var(--zui-toast-root-ghost-border,transparent)] dark:border-[color:var(--zui-toast-root-ghost-border-dark,transparent)] bg-[var(--zui-toast-root-ghost-bg,transparent)] dark:bg-[var(--zui-toast-root-ghost-bg-dark,transparent)] text-[color:var(--zui-toast-root-ghost-fg,var(--zui-fg-muted,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-toast-root-ghost-fg-dark,var(--zui-fg-muted-dark,oklch(20.8%_0.042_265.755)))]\",\n  purple:\n    \"border-[color:var(--zui-toast-root-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-toast-root-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-[var(--zui-toast-root-purple-bg,var(--zui-color-purple,oklch(29.1%_0.149_302.717)))] dark:bg-[var(--zui-toast-root-purple-bg-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717)))] backdrop-blur-xl text-[color:var(--zui-toast-root-purple-fg,var(--zui-fg,oklch(97.7%_0.014_308.299)))] dark:text-[color:var(--zui-toast-root-purple-fg-dark,var(--zui-fg-dark,oklch(97.7%_0.014_308.299)))]\",\n  pink: \"border-[color:var(--zui-toast-root-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-toast-root-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-[var(--zui-toast-root-pink-bg,var(--zui-color-pink,oklch(28.4%_0.109_3.907)))] dark:bg-[var(--zui-toast-root-pink-bg-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907)))] backdrop-blur-xl text-[color:var(--zui-toast-root-pink-fg,var(--zui-fg,oklch(97.1%_0.014_343.198)))] dark:text-[color:var(--zui-toast-root-pink-fg-dark,var(--zui-fg-dark,oklch(97.1%_0.014_343.198)))]\",\n  orange:\n    \"border-[color:var(--zui-toast-root-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-toast-root-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-[var(--zui-toast-root-orange-bg,var(--zui-color-orange,oklch(26.6%_0.079_36.259)))] dark:bg-[var(--zui-toast-root-orange-bg-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259)))] backdrop-blur-xl text-[color:var(--zui-toast-root-orange-fg,var(--zui-fg,oklch(98%_0.016_73.684)))] dark:text-[color:var(--zui-toast-root-orange-fg-dark,var(--zui-fg-dark,oklch(98%_0.016_73.684)))]\",\n  yellow:\n    \"border-[color:var(--zui-toast-root-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-toast-root-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-[var(--zui-toast-root-yellow-bg,var(--zui-color-yellow,oklch(28.6%_0.066_53.813)))] dark:bg-[var(--zui-toast-root-yellow-bg-dark,var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813)))] backdrop-blur-xl text-[color:var(--zui-toast-root-yellow-fg,var(--zui-fg,oklch(98.7%_0.026_102.212)))] dark:text-[color:var(--zui-toast-root-yellow-fg-dark,var(--zui-fg-dark,oklch(98.7%_0.026_102.212)))]\",\n  teal: \"border-[color:var(--zui-toast-root-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-toast-root-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-[var(--zui-toast-root-teal-bg,var(--zui-color-teal,oklch(27.7%_0.046_192.524)))] dark:bg-[var(--zui-toast-root-teal-bg-dark,var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524)))] backdrop-blur-xl text-[color:var(--zui-toast-root-teal-fg,var(--zui-fg,oklch(98.4%_0.014_180.72)))] dark:text-[color:var(--zui-toast-root-teal-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.014_180.72)))]\",\n  indigo:\n    \"border-[color:var(--zui-toast-root-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-toast-root-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-[var(--zui-toast-root-indigo-bg,var(--zui-color-indigo,oklch(25.7%_0.09_281.288)))] dark:bg-[var(--zui-toast-root-indigo-bg-dark,var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288)))] backdrop-blur-xl text-[color:var(--zui-toast-root-indigo-fg,var(--zui-fg,oklch(96.2%_0.018_272.314)))] dark:text-[color:var(--zui-toast-root-indigo-fg-dark,var(--zui-fg-dark,oklch(96.2%_0.018_272.314)))]\",\n  emerald:\n    \"border-[color:var(--zui-toast-root-emerald-border,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:border-[color:var(--zui-toast-root-emerald-border-dark,var(--zui-color-emerald-dark,oklch(59.6%_0.145_163.225)))] bg-[var(--zui-toast-root-emerald-bg,var(--zui-color-emerald,oklch(26.2%_0.051_172.552)))] dark:bg-[var(--zui-toast-root-emerald-bg-dark,var(--zui-color-emerald-dark,oklch(26.2%_0.051_172.552)))] backdrop-blur-xl text-[color:var(--zui-toast-root-emerald-fg,var(--zui-fg,oklch(97.9%_0.021_166.113)))] dark:text-[color:var(--zui-toast-root-emerald-fg-dark,var(--zui-fg-dark,oklch(97.9%_0.021_166.113)))]\",\n  gray: \"border-[color:var(--zui-toast-root-gray-border,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:border-[color:var(--zui-toast-root-gray-border-dark,var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)))] bg-[var(--zui-toast-root-gray-bg,var(--zui-color-gray,oklch(13%_0.028_261.692)))] dark:bg-[var(--zui-toast-root-gray-bg-dark,var(--zui-color-gray-dark,oklch(13%_0.028_261.692)))] backdrop-blur-xl text-[color:var(--zui-toast-root-gray-fg,var(--zui-fg,oklch(98.5%_0.002_247.839)))] dark:text-[color:var(--zui-toast-root-gray-fg-dark,var(--zui-fg-dark,oklch(98.5%_0.002_247.839)))]\",\n  amber:\n    \"border-[color:var(--zui-toast-root-amber-border,var(--zui-color-amber,oklch(47.3%_0.137_46.201)))] dark:border-[color:var(--zui-toast-root-amber-border-dark,var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)))] bg-[var(--zui-toast-root-amber-bg,var(--zui-color-amber,oklch(27.9%_0.077_45.635)))] dark:bg-[var(--zui-toast-root-amber-bg-dark,var(--zui-color-amber-dark,oklch(27.9%_0.077_45.635)))] backdrop-blur-xl text-[color:var(--zui-toast-root-amber-fg,var(--zui-fg,oklch(98.7%_0.022_95.277)))] dark:text-[color:var(--zui-toast-root-amber-fg-dark,var(--zui-fg-dark,oklch(98.7%_0.022_95.277)))]\",\n  violet:\n    \"border-[color:var(--zui-toast-root-violet-border,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:border-[color:var(--zui-toast-root-violet-border-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))] bg-[var(--zui-toast-root-violet-bg,var(--zui-color-violet,oklch(28.3%_0.141_291.089)))] dark:bg-[var(--zui-toast-root-violet-bg-dark,var(--zui-color-violet-dark,oklch(28.3%_0.141_291.089)))] backdrop-blur-xl text-[color:var(--zui-toast-root-violet-fg,var(--zui-fg,oklch(96.9%_0.016_293.756)))] dark:text-[color:var(--zui-toast-root-violet-fg-dark,var(--zui-fg-dark,oklch(96.9%_0.016_293.756)))]\",\n  \"gradient-blue\":\n    \"border-[color:var(--zui-toast-root-gradient-blue-border,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:border-[color:var(--zui-toast-root-gradient-blue-border-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-blue-from,var(--zui-color-blue,oklch(97%_0.014_254.604)))] dark:from-[var(--zui-toast-root-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(28.2%_0.091_267.935_/_0.7)))] to-[var(--zui-toast-root-gradient-blue-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-toast-root-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] backdrop-blur-xl\",\n  \"gradient-green\":\n    \"border-[color:var(--zui-toast-root-gradient-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:border-[color:var(--zui-toast-root-gradient-green-border-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-green-from,var(--zui-color-green,oklch(98.2%_0.018_155.826)))] dark:from-[var(--zui-toast-root-gradient-green-from-dark,var(--zui-color-green-dark,oklch(26.6%_0.065_152.934_/_0.7)))] to-[var(--zui-toast-root-gradient-green-to,var(--zui-color-lime,oklch(98.6%_0.031_120.757)))] dark:to-[var(--zui-toast-root-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(27.4%_0.072_132.109_/_0.7)))] backdrop-blur-xl\",\n  \"gradient-red\":\n    \"border-[color:var(--zui-toast-root-gradient-red-border,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:border-[color:var(--zui-toast-root-gradient-red-border-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-red-from,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:from-[var(--zui-toast-root-gradient-red-from-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.7)))] to-[var(--zui-toast-root-gradient-red-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-toast-root-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] backdrop-blur-xl\",\n  \"gradient-yellow\":\n    \"border-[color:var(--zui-toast-root-gradient-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-toast-root-gradient-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-yellow-from,var(--zui-color-yellow,oklch(98.7%_0.026_102.212)))] dark:from-[var(--zui-toast-root-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813_/_0.7)))] to-[var(--zui-toast-root-gradient-yellow-to,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:to-[var(--zui-toast-root-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.7)))] backdrop-blur-xl\",\n  \"gradient-purple\":\n    \"border-[color:var(--zui-toast-root-gradient-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-toast-root-gradient-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-purple-from,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:from-[var(--zui-toast-root-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] to-[var(--zui-toast-root-gradient-purple-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-toast-root-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] backdrop-blur-xl\",\n  \"gradient-teal\":\n    \"border-[color:var(--zui-toast-root-gradient-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-toast-root-gradient-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-teal-from,var(--zui-color-teal,oklch(98.4%_0.014_180.72)))] dark:from-[var(--zui-toast-root-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524_/_0.7)))] to-[var(--zui-toast-root-gradient-teal-to,var(--zui-color-cyan,oklch(98.4%_0.019_200.873)))] dark:to-[var(--zui-toast-root-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(30.2%_0.056_229.695_/_0.7)))] backdrop-blur-xl\",\n  \"gradient-indigo\":\n    \"border-[color:var(--zui-toast-root-gradient-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-toast-root-gradient-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-indigo-from,var(--zui-color-indigo,oklch(96.2%_0.018_272.314)))] dark:from-[var(--zui-toast-root-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288_/_0.7)))] to-[var(--zui-toast-root-gradient-indigo-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-toast-root-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] backdrop-blur-xl\",\n  \"gradient-pink\":\n    \"border-[color:var(--zui-toast-root-gradient-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-toast-root-gradient-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-pink-from,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:from-[var(--zui-toast-root-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] to-[var(--zui-toast-root-gradient-pink-to,var(--zui-color-rose,oklch(96.9%_0.015_12.422)))] dark:to-[var(--zui-toast-root-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094_/_0.7)))] backdrop-blur-xl\",\n  \"gradient-orange\":\n    \"border-[color:var(--zui-toast-root-gradient-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-toast-root-gradient-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-linear-to-r from-[var(--zui-toast-root-gradient-orange-from,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:from-[var(--zui-toast-root-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.7)))] to-[var(--zui-toast-root-gradient-orange-to,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:to-[var(--zui-toast-root-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.7)))] backdrop-blur-xl\",\n  blue: \"border border-[color:var(--zui-toast-root-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-toast-root-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-toast-root-blue-bg,var(--zui-color-blue,#2563eb14))] dark:bg-[var(--zui-toast-root-blue-bg-dark,var(--zui-color-blue-dark,#3b82f624))] text-[color:var(--zui-toast-root-blue-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-blue-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  cyan: \"border border-[color:var(--zui-toast-root-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-toast-root-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-toast-root-cyan-bg,var(--zui-color-cyan,#0891b214))] dark:bg-[var(--zui-toast-root-cyan-bg-dark,var(--zui-color-cyan-dark,#22d3ee24))] text-[color:var(--zui-toast-root-cyan-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-cyan-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  green:\n    \"border border-[color:var(--zui-toast-root-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-toast-root-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-toast-root-green-bg,var(--zui-color-green,#16a34a14))] dark:bg-[var(--zui-toast-root-green-bg-dark,var(--zui-color-green-dark,#22c55e24))] text-[color:var(--zui-toast-root-green-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-green-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  lime: \"border border-[color:var(--zui-toast-root-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-toast-root-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-toast-root-lime-bg,var(--zui-color-lime,#65a30d14))] dark:bg-[var(--zui-toast-root-lime-bg-dark,var(--zui-color-lime-dark,#a3e63524))] text-[color:var(--zui-toast-root-lime-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-lime-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  mint: \"border border-[color:var(--zui-toast-root-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-toast-root-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-toast-root-mint-bg,var(--zui-color-mint,#10b98114))] dark:bg-[var(--zui-toast-root-mint-bg-dark,var(--zui-color-mint-dark,#6ee7b724))] text-[color:var(--zui-toast-root-mint-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-mint-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  ocean:\n    \"border border-[color:var(--zui-toast-root-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-toast-root-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-toast-root-ocean-bg,var(--zui-color-ocean,#0284c714))] dark:bg-[var(--zui-toast-root-ocean-bg-dark,var(--zui-color-ocean-dark,#38bdf824))] text-[color:var(--zui-toast-root-ocean-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-ocean-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  sapphire:\n    \"border border-[color:var(--zui-toast-root-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-toast-root-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-toast-root-sapphire-bg,var(--zui-color-sapphire,#1d4ed814))] dark:bg-[var(--zui-toast-root-sapphire-bg-dark,var(--zui-color-sapphire-dark,#60a5fa24))] text-[color:var(--zui-toast-root-sapphire-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-sapphire-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  lavender:\n    \"border border-[color:var(--zui-toast-root-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-toast-root-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-toast-root-lavender-bg,var(--zui-color-lavender,#8b5cf614))] dark:bg-[var(--zui-toast-root-lavender-bg-dark,var(--zui-color-lavender-dark,#a78bfa24))] text-[color:var(--zui-toast-root-lavender-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-lavender-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  ruby: \"border border-[color:var(--zui-toast-root-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-toast-root-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-toast-root-ruby-bg,var(--zui-color-ruby,#be123c14))] dark:bg-[var(--zui-toast-root-ruby-bg-dark,var(--zui-color-ruby-dark,#fb718524))] text-[color:var(--zui-toast-root-ruby-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-ruby-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  red: \"border border-[color:var(--zui-toast-root-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-toast-root-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-toast-root-red-bg,var(--zui-color-red,#dc262614))] dark:bg-[var(--zui-toast-root-red-bg-dark,var(--zui-color-red-dark,#ef444424))] text-[color:var(--zui-toast-root-red-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-red-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  slate:\n    \"border border-[color:var(--zui-toast-root-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-toast-root-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-toast-root-slate-bg,var(--zui-color-slate,#47556914))] dark:bg-[var(--zui-toast-root-slate-bg-dark,var(--zui-color-slate-dark,#64748b24))] text-[color:var(--zui-toast-root-slate-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-slate-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  zinc: \"border border-[color:var(--zui-toast-root-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-toast-root-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-toast-root-zinc-bg,var(--zui-color-zinc,#52525b14))] dark:bg-[var(--zui-toast-root-zinc-bg-dark,var(--zui-color-zinc-dark,#71717a24))] text-[color:var(--zui-toast-root-zinc-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-zinc-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  stone:\n    \"border border-[color:var(--zui-toast-root-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-toast-root-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-toast-root-stone-bg,var(--zui-color-stone,#57534e14))] dark:bg-[var(--zui-toast-root-stone-bg-dark,var(--zui-color-stone-dark,#78716c24))] text-[color:var(--zui-toast-root-stone-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-stone-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  royal:\n    \"border border-[color:var(--zui-toast-root-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-toast-root-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-toast-root-royal-bg,var(--zui-color-royal,#4338ca14))] dark:bg-[var(--zui-toast-root-royal-bg-dark,var(--zui-color-royal-dark,#818cf824))] text-[color:var(--zui-toast-root-royal-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-royal-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  electric:\n    \"border border-[color:var(--zui-toast-root-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-toast-root-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-toast-root-electric-bg,var(--zui-color-electric,#0ea5e914))] dark:bg-[var(--zui-toast-root-electric-bg-dark,var(--zui-color-electric-dark,#38bdf824))] text-[color:var(--zui-toast-root-electric-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-electric-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  forest:\n    \"border border-[color:var(--zui-toast-root-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-toast-root-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-toast-root-forest-bg,var(--zui-color-forest,#16653414))] dark:bg-[var(--zui-toast-root-forest-bg-dark,var(--zui-color-forest-dark,#4ade8024))] text-[color:var(--zui-toast-root-forest-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-forest-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  sunset:\n    \"border border-[color:var(--zui-toast-root-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-toast-root-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-toast-root-sunset-bg,var(--zui-color-sunset,#ea580c14))] dark:bg-[var(--zui-toast-root-sunset-bg-dark,var(--zui-color-sunset-dark,#fb923c24))] text-[color:var(--zui-toast-root-sunset-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-sunset-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  magenta:\n    \"border border-[color:var(--zui-toast-root-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-toast-root-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-toast-root-magenta-bg,var(--zui-color-magenta,#c026d314))] dark:bg-[var(--zui-toast-root-magenta-bg-dark,var(--zui-color-magenta-dark,#e879f924))] text-[color:var(--zui-toast-root-magenta-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-magenta-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  crimson:\n    \"border border-[color:var(--zui-toast-root-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-toast-root-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-toast-root-crimson-bg,var(--zui-color-crimson,#b91c1c14))] dark:bg-[var(--zui-toast-root-crimson-bg-dark,var(--zui-color-crimson-dark,#f8717124))] text-[color:var(--zui-toast-root-crimson-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-crimson-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  aqua: \"border border-[color:var(--zui-toast-root-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-toast-root-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-toast-root-aqua-bg,var(--zui-color-aqua,#0f766e14))] dark:bg-[var(--zui-toast-root-aqua-bg-dark,var(--zui-color-aqua-dark,#2dd4bf24))] text-[color:var(--zui-toast-root-aqua-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-aqua-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  plum: \"border border-[color:var(--zui-toast-root-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-toast-root-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-toast-root-plum-bg,var(--zui-color-plum,#7e22ce14))] dark:bg-[var(--zui-toast-root-plum-bg-dark,var(--zui-color-plum-dark,#c084fc24))] text-[color:var(--zui-toast-root-plum-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-toast-root-plum-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n} as const;\n\nexport const zuiToastRootSizes = {\n  sm: \"p-3 text-xs\",\n  md: \"p-4 text-sm\",\n  lg: \"p-5 text-base\",\n} as const;\n"]}

package/dist/chunk-SRSRY5K2.js

@@ -0,0 +1,71 @@
+'use strict';
+
+// 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,var(--zui-surface-soft,transparent))] text-[color:var(--zui-marquee-fg,var(--zui-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,var(--zui-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,var(--zui-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,var(--zui-border,oklch(92.9%_0.013_255.508)))] bg-[var(--zui-marquee-card-bg,var(--zui-surface-soft,#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,var(--zui-border-dark,oklch(37.2%_0.044_257.287)))] dark:bg-[var(--zui-marquee-card-bg-dark,var(--zui-surface-soft-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,var(--zui-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,var(--zui-border-dark,oklch(37.2%_0.044_257.287)))] dark:[--zui-marquee-fg:#ffffff]",
+  sky: "border-[color:var(--zui-marquee-sky-border,var(--zui-color-sky,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,var(--zui-color-sky-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,var(--zui-color-rose,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,var(--zui-color-rose-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,var(--zui-color-purple,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,var(--zui-color-purple-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,var(--zui-color-pink,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,var(--zui-color-pink-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,var(--zui-color-orange,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,var(--zui-color-orange-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,var(--zui-color-yellow,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,var(--zui-color-yellow-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,var(--zui-color-teal,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,var(--zui-color-teal-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,var(--zui-color-indigo,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,var(--zui-color-indigo-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,var(--zui-color-emerald,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,var(--zui-color-emerald-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,var(--zui-color-blue,oklch(62.3%_0.214_259.815)))] dark:from-[var(--zui-marquee-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(42.4%_0.199_265.638)))] to-[var(--zui-marquee-gradient-blue-to,var(--zui-color-purple,oklch(54.6%_0.245_262.881)))] dark:to-[var(--zui-marquee-gradient-blue-to-dark,var(--zui-color-purple-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,var(--zui-color-green,oklch(72.3%_0.219_149.579)))] dark:from-[var(--zui-marquee-gradient-green-from-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328)))] to-[var(--zui-marquee-gradient-green-to,var(--zui-color-lime,oklch(62.7%_0.194_149.214)))] dark:to-[var(--zui-marquee-gradient-green-to-dark,var(--zui-color-lime-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,var(--zui-color-red,oklch(63.7%_0.237_25.331)))] dark:from-[var(--zui-marquee-gradient-red-from-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] to-[var(--zui-marquee-gradient-red-to,var(--zui-color-pink,oklch(57.7%_0.245_27.325)))] dark:to-[var(--zui-marquee-gradient-red-to-dark,var(--zui-color-pink-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,var(--zui-color-yellow,oklch(85.2%_0.199_91.936)))] dark:from-[var(--zui-marquee-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907)))] to-[var(--zui-marquee-gradient-yellow-to,var(--zui-color-orange,oklch(79.5%_0.184_86.047)))] dark:to-[var(--zui-marquee-gradient-yellow-to-dark,var(--zui-color-orange-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,var(--zui-color-purple,oklch(71.4%_0.203_305.504)))] dark:from-[var(--zui-marquee-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] to-[var(--zui-marquee-gradient-purple-to,var(--zui-color-pink,oklch(62.7%_0.265_303.9)))] dark:to-[var(--zui-marquee-gradient-purple-to-dark,var(--zui-color-pink-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,var(--zui-color-teal,oklch(77.7%_0.152_181.912)))] dark:from-[var(--zui-marquee-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216)))] to-[var(--zui-marquee-gradient-teal-to,var(--zui-color-cyan,oklch(70.4%_0.14_182.503)))] dark:to-[var(--zui-marquee-gradient-teal-to-dark,var(--zui-color-cyan-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,var(--zui-color-indigo,oklch(67.3%_0.182_276.935)))] dark:from-[var(--zui-marquee-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366)))] to-[var(--zui-marquee-gradient-indigo-to,var(--zui-color-purple,oklch(58.5%_0.233_277.117)))] dark:to-[var(--zui-marquee-gradient-indigo-to-dark,var(--zui-color-purple-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,var(--zui-color-pink,oklch(71.8%_0.202_349.761)))] dark:from-[var(--zui-marquee-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] to-[var(--zui-marquee-gradient-pink-to,var(--zui-color-rose,oklch(65.6%_0.241_354.308)))] dark:to-[var(--zui-marquee-gradient-pink-to-dark,var(--zui-color-rose-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,var(--zui-color-orange,oklch(75%_0.183_55.934)))] dark:from-[var(--zui-marquee-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] to-[var(--zui-marquee-gradient-orange-to,var(--zui-color-red,oklch(70.5%_0.213_47.604)))] dark:to-[var(--zui-marquee-gradient-orange-to-dark,var(--zui-color-red-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,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-marquee-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-marquee-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb14) 10%, transparent))] dark:bg-[var(--zui-marquee-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f624) 18%, transparent))] text-[color:var(--zui-marquee-blue-fg,var(--zui-color-blue,#0f172a))] dark:text-[color:var(--zui-marquee-blue-fg-dark,var(--zui-color-blue-dark,#f8fafc))]",
+  cyan: "border border-[color:var(--zui-marquee-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-marquee-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-marquee-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b214) 10%, transparent))] dark:bg-[var(--zui-marquee-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee24) 18%, transparent))] text-[color:var(--zui-marquee-cyan-fg,var(--zui-color-cyan,#0f172a))] dark:text-[color:var(--zui-marquee-cyan-fg-dark,var(--zui-color-cyan-dark,#f8fafc))]",
+  green: "border border-[color:var(--zui-marquee-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-marquee-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-marquee-green-bg,color-mix(in oklch, var(--zui-color-green,#16a34a14) 10%, transparent))] dark:bg-[var(--zui-marquee-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e24) 18%, transparent))] text-[color:var(--zui-marquee-green-fg,var(--zui-color-green,#0f172a))] dark:text-[color:var(--zui-marquee-green-fg-dark,var(--zui-color-green-dark,#f8fafc))]",
+  lime: "border border-[color:var(--zui-marquee-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-marquee-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-marquee-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d14) 10%, transparent))] dark:bg-[var(--zui-marquee-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e63524) 18%, transparent))] text-[color:var(--zui-marquee-lime-fg,var(--zui-color-lime,#0f172a))] dark:text-[color:var(--zui-marquee-lime-fg-dark,var(--zui-color-lime-dark,#f8fafc))]",
+  mint: "border border-[color:var(--zui-marquee-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-marquee-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-marquee-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b98114) 10%, transparent))] dark:bg-[var(--zui-marquee-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b724) 18%, transparent))] text-[color:var(--zui-marquee-mint-fg,var(--zui-color-mint,#0f172a))] dark:text-[color:var(--zui-marquee-mint-fg-dark,var(--zui-color-mint-dark,#f8fafc))]",
+  ocean: "border border-[color:var(--zui-marquee-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-marquee-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-marquee-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c714) 10%, transparent))] dark:bg-[var(--zui-marquee-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf824) 18%, transparent))] text-[color:var(--zui-marquee-ocean-fg,var(--zui-color-ocean,#0f172a))] dark:text-[color:var(--zui-marquee-ocean-fg-dark,var(--zui-color-ocean-dark,#f8fafc))]",
+  sapphire: "border border-[color:var(--zui-marquee-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-marquee-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-marquee-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed814) 10%, transparent))] dark:bg-[var(--zui-marquee-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa24) 18%, transparent))] text-[color:var(--zui-marquee-sapphire-fg,var(--zui-color-sapphire,#0f172a))] dark:text-[color:var(--zui-marquee-sapphire-fg-dark,var(--zui-color-sapphire-dark,#f8fafc))]",
+  lavender: "border border-[color:var(--zui-marquee-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-marquee-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-marquee-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf614) 10%, transparent))] dark:bg-[var(--zui-marquee-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa24) 18%, transparent))] text-[color:var(--zui-marquee-lavender-fg,var(--zui-color-lavender,#0f172a))] dark:text-[color:var(--zui-marquee-lavender-fg-dark,var(--zui-color-lavender-dark,#f8fafc))]",
+  ruby: "border border-[color:var(--zui-marquee-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-marquee-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-marquee-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c14) 10%, transparent))] dark:bg-[var(--zui-marquee-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb718524) 18%, transparent))] text-[color:var(--zui-marquee-ruby-fg,var(--zui-color-ruby,#0f172a))] dark:text-[color:var(--zui-marquee-ruby-fg-dark,var(--zui-color-ruby-dark,#f8fafc))]",
+  red: "border border-[color:var(--zui-marquee-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-marquee-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-marquee-red-bg,color-mix(in oklch, var(--zui-color-red,#dc262614) 10%, transparent))] dark:bg-[var(--zui-marquee-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef444424) 18%, transparent))] text-[color:var(--zui-marquee-red-fg,var(--zui-color-red,#0f172a))] dark:text-[color:var(--zui-marquee-red-fg-dark,var(--zui-color-red-dark,#f8fafc))]",
+  slate: "border border-[color:var(--zui-marquee-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-marquee-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-marquee-slate-bg,color-mix(in oklch, var(--zui-color-slate,#47556914) 10%, transparent))] dark:bg-[var(--zui-marquee-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b24) 18%, transparent))] text-[color:var(--zui-marquee-slate-fg,var(--zui-color-slate,#0f172a))] dark:text-[color:var(--zui-marquee-slate-fg-dark,var(--zui-color-slate-dark,#f8fafc))]",
+  zinc: "border border-[color:var(--zui-marquee-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-marquee-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-marquee-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b14) 10%, transparent))] dark:bg-[var(--zui-marquee-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a24) 18%, transparent))] text-[color:var(--zui-marquee-zinc-fg,var(--zui-color-zinc,#0f172a))] dark:text-[color:var(--zui-marquee-zinc-fg-dark,var(--zui-color-zinc-dark,#f8fafc))]",
+  stone: "border border-[color:var(--zui-marquee-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-marquee-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-marquee-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e14) 10%, transparent))] dark:bg-[var(--zui-marquee-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c24) 18%, transparent))] text-[color:var(--zui-marquee-stone-fg,var(--zui-color-stone,#0f172a))] dark:text-[color:var(--zui-marquee-stone-fg-dark,var(--zui-color-stone-dark,#f8fafc))]",
+  royal: "border border-[color:var(--zui-marquee-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-marquee-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-marquee-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca14) 10%, transparent))] dark:bg-[var(--zui-marquee-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf824) 18%, transparent))] text-[color:var(--zui-marquee-royal-fg,var(--zui-color-royal,#0f172a))] dark:text-[color:var(--zui-marquee-royal-fg-dark,var(--zui-color-royal-dark,#f8fafc))]",
+  electric: "border border-[color:var(--zui-marquee-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-marquee-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-marquee-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e914) 10%, transparent))] dark:bg-[var(--zui-marquee-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf824) 18%, transparent))] text-[color:var(--zui-marquee-electric-fg,var(--zui-color-electric,#0f172a))] dark:text-[color:var(--zui-marquee-electric-fg-dark,var(--zui-color-electric-dark,#f8fafc))]",
+  forest: "border border-[color:var(--zui-marquee-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-marquee-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-marquee-forest-bg,color-mix(in oklch, var(--zui-color-forest,#16653414) 10%, transparent))] dark:bg-[var(--zui-marquee-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade8024) 18%, transparent))] text-[color:var(--zui-marquee-forest-fg,var(--zui-color-forest,#0f172a))] dark:text-[color:var(--zui-marquee-forest-fg-dark,var(--zui-color-forest-dark,#f8fafc))]",
+  sunset: "border border-[color:var(--zui-marquee-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-marquee-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-marquee-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c14) 10%, transparent))] dark:bg-[var(--zui-marquee-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c24) 18%, transparent))] text-[color:var(--zui-marquee-sunset-fg,var(--zui-color-sunset,#0f172a))] dark:text-[color:var(--zui-marquee-sunset-fg-dark,var(--zui-color-sunset-dark,#f8fafc))]",
+  magenta: "border border-[color:var(--zui-marquee-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-marquee-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-marquee-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d314) 10%, transparent))] dark:bg-[var(--zui-marquee-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f924) 18%, transparent))] text-[color:var(--zui-marquee-magenta-fg,var(--zui-color-magenta,#0f172a))] dark:text-[color:var(--zui-marquee-magenta-fg-dark,var(--zui-color-magenta-dark,#f8fafc))]",
+  crimson: "border border-[color:var(--zui-marquee-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-marquee-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-marquee-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c14) 10%, transparent))] dark:bg-[var(--zui-marquee-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f8717124) 18%, transparent))] text-[color:var(--zui-marquee-crimson-fg,var(--zui-color-crimson,#0f172a))] dark:text-[color:var(--zui-marquee-crimson-fg-dark,var(--zui-color-crimson-dark,#f8fafc))]",
+  aqua: "border border-[color:var(--zui-marquee-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-marquee-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-marquee-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e14) 10%, transparent))] dark:bg-[var(--zui-marquee-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf24) 18%, transparent))] text-[color:var(--zui-marquee-aqua-fg,var(--zui-color-aqua,#0f172a))] dark:text-[color:var(--zui-marquee-aqua-fg-dark,var(--zui-color-aqua-dark,#f8fafc))]",
+  plum: "border border-[color:var(--zui-marquee-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-marquee-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-marquee-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce14) 10%, transparent))] dark:bg-[var(--zui-marquee-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc24) 18%, transparent))] text-[color:var(--zui-marquee-plum-fg,var(--zui-color-plum,#0f172a))] dark:text-[color:var(--zui-marquee-plum-fg-dark,var(--zui-color-plum-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)]"
+};
+
+exports.zuiMarqueeAppearances = zuiMarqueeAppearances;
+exports.zuiMarqueeBase = zuiMarqueeBase;
+exports.zuiMarqueeFade = zuiMarqueeFade;
+exports.zuiMarqueeOrientations = zuiMarqueeOrientations;
+exports.zuiMarqueeSizes = zuiMarqueeSizes;
+//# sourceMappingURL=chunk-SRSRY5K2.js.map
+//# sourceMappingURL=chunk-SRSRY5K2.js.map

package/dist/chunk-SRSRY5K2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/marquee.ts"],"names":[],"mappings":";;;AAAO,IAAM,cAAA,GACX;AAEK,IAAM,qBAAA,GAAwB;AAAA,EACnC,OAAA,EACE,8GAAA;AAAA,EACF,OAAA,EACE,wWAAA;AAAA,EACF,KAAA,EACE,iIAAA;AAAA,EACF,IAAA,EAAM,8eAAA;AAAA,EACN,SAAA,EACE,8VAAA;AAAA,EACF,GAAA,EAAK,6ZAAA;AAAA,EACL,IAAA,EAAM,wZAAA;AAAA,EACN,MAAA,EACE,0aAAA;AAAA,EACF,IAAA,EAAM,gaAAA;AAAA,EACN,MAAA,EACE,maAAA;AAAA,EACF,MAAA,EACE,waAAA;AAAA,EACF,IAAA,EAAM,maAAA;AAAA,EACN,MAAA,EACE,2aAAA;AAAA,EACF,OAAA,EACE,2aAAA;AAAA,EACF,eAAA,EACE,gfAAA;AAAA,EACF,gBAAA,EACE,kfAAA;AAAA,EACF,cAAA,EACE,keAAA;AAAA,EACF,iBAAA,EACE,0gBAAA;AAAA,EACF,iBAAA,EACE,sfAAA;AAAA,EACF,eAAA,EACE,2eAAA;AAAA,EACF,iBAAA,EACE,4fAAA;AAAA,EACF,eAAA,EACE,weAAA;AAAA,EACF,iBAAA,EACE,8eAAA;AAAA,EACF,IAAA,EAAM,qiBAAA;AAAA,EACN,IAAA,EAAM,qiBAAA;AAAA,EACN,KAAA,EACE,ijBAAA;AAAA,EACF,IAAA,EAAM,qiBAAA;AAAA,EACN,IAAA,EAAM,qiBAAA;AAAA,EACN,KAAA,EACE,ijBAAA;AAAA,EACF,QAAA,EACE,qlBAAA;AAAA,EACF,QAAA,EACE,qlBAAA;AAAA,EACF,IAAA,EAAM,qiBAAA;AAAA,EACN,GAAA,EAAK,yhBAAA;AAAA,EACL,KAAA,EACE,ijBAAA;AAAA,EACF,IAAA,EAAM,qiBAAA;AAAA,EACN,KAAA,EACE,ijBAAA;AAAA,EACF,KAAA,EACE,ijBAAA;AAAA,EACF,QAAA,EACE,qlBAAA;AAAA,EACF,MAAA,EACE,6jBAAA;AAAA,EACF,MAAA,EACE,6jBAAA;AAAA,EACF,OAAA,EACE,ykBAAA;AAAA,EACF,OAAA,EACE,ykBAAA;AAAA,EACF,IAAA,EAAM,qiBAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,sBAAA,GAAyB;AAAA,EACpC,UAAA,EAAY,iBAAA;AAAA,EACZ,QAAA,EAAU;AACZ;AAEO,IAAM,eAAA,GAAkB;AAAA,EAC7B,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,cAAA,GAAiB;AAAA,EAC5B,KAAA,EAAO,EAAA;AAAA,EACP,IAAA,EAAM;AACR","file":"chunk-SRSRY5K2.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,var(--zui-surface-soft,transparent))] text-[color:var(--zui-marquee-fg,var(--zui-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,var(--zui-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,var(--zui-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,var(--zui-border,oklch(92.9%_0.013_255.508)))] bg-[var(--zui-marquee-card-bg,var(--zui-surface-soft,#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,var(--zui-border-dark,oklch(37.2%_0.044_257.287)))] dark:bg-[var(--zui-marquee-card-bg-dark,var(--zui-surface-soft-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,var(--zui-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,var(--zui-border-dark,oklch(37.2%_0.044_257.287)))] dark:[--zui-marquee-fg:#ffffff]\",\n  sky: \"border-[color:var(--zui-marquee-sky-border,var(--zui-color-sky,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,var(--zui-color-sky-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,var(--zui-color-rose,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,var(--zui-color-rose-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,var(--zui-color-purple,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,var(--zui-color-purple-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,var(--zui-color-pink,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,var(--zui-color-pink-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,var(--zui-color-orange,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,var(--zui-color-orange-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,var(--zui-color-yellow,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,var(--zui-color-yellow-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,var(--zui-color-teal,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,var(--zui-color-teal-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,var(--zui-color-indigo,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,var(--zui-color-indigo-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,var(--zui-color-emerald,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,var(--zui-color-emerald-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,var(--zui-color-blue,oklch(62.3%_0.214_259.815)))] dark:from-[var(--zui-marquee-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(42.4%_0.199_265.638)))] to-[var(--zui-marquee-gradient-blue-to,var(--zui-color-purple,oklch(54.6%_0.245_262.881)))] dark:to-[var(--zui-marquee-gradient-blue-to-dark,var(--zui-color-purple-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,var(--zui-color-green,oklch(72.3%_0.219_149.579)))] dark:from-[var(--zui-marquee-gradient-green-from-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328)))] to-[var(--zui-marquee-gradient-green-to,var(--zui-color-lime,oklch(62.7%_0.194_149.214)))] dark:to-[var(--zui-marquee-gradient-green-to-dark,var(--zui-color-lime-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,var(--zui-color-red,oklch(63.7%_0.237_25.331)))] dark:from-[var(--zui-marquee-gradient-red-from-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] to-[var(--zui-marquee-gradient-red-to,var(--zui-color-pink,oklch(57.7%_0.245_27.325)))] dark:to-[var(--zui-marquee-gradient-red-to-dark,var(--zui-color-pink-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,var(--zui-color-yellow,oklch(85.2%_0.199_91.936)))] dark:from-[var(--zui-marquee-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907)))] to-[var(--zui-marquee-gradient-yellow-to,var(--zui-color-orange,oklch(79.5%_0.184_86.047)))] dark:to-[var(--zui-marquee-gradient-yellow-to-dark,var(--zui-color-orange-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,var(--zui-color-purple,oklch(71.4%_0.203_305.504)))] dark:from-[var(--zui-marquee-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] to-[var(--zui-marquee-gradient-purple-to,var(--zui-color-pink,oklch(62.7%_0.265_303.9)))] dark:to-[var(--zui-marquee-gradient-purple-to-dark,var(--zui-color-pink-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,var(--zui-color-teal,oklch(77.7%_0.152_181.912)))] dark:from-[var(--zui-marquee-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216)))] to-[var(--zui-marquee-gradient-teal-to,var(--zui-color-cyan,oklch(70.4%_0.14_182.503)))] dark:to-[var(--zui-marquee-gradient-teal-to-dark,var(--zui-color-cyan-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,var(--zui-color-indigo,oklch(67.3%_0.182_276.935)))] dark:from-[var(--zui-marquee-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366)))] to-[var(--zui-marquee-gradient-indigo-to,var(--zui-color-purple,oklch(58.5%_0.233_277.117)))] dark:to-[var(--zui-marquee-gradient-indigo-to-dark,var(--zui-color-purple-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,var(--zui-color-pink,oklch(71.8%_0.202_349.761)))] dark:from-[var(--zui-marquee-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] to-[var(--zui-marquee-gradient-pink-to,var(--zui-color-rose,oklch(65.6%_0.241_354.308)))] dark:to-[var(--zui-marquee-gradient-pink-to-dark,var(--zui-color-rose-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,var(--zui-color-orange,oklch(75%_0.183_55.934)))] dark:from-[var(--zui-marquee-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] to-[var(--zui-marquee-gradient-orange-to,var(--zui-color-red,oklch(70.5%_0.213_47.604)))] dark:to-[var(--zui-marquee-gradient-orange-to-dark,var(--zui-color-red-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,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-marquee-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-marquee-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb14) 10%, transparent))] dark:bg-[var(--zui-marquee-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f624) 18%, transparent))] text-[color:var(--zui-marquee-blue-fg,var(--zui-color-blue,#0f172a))] dark:text-[color:var(--zui-marquee-blue-fg-dark,var(--zui-color-blue-dark,#f8fafc))]\",\n  cyan: \"border border-[color:var(--zui-marquee-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-marquee-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-marquee-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b214) 10%, transparent))] dark:bg-[var(--zui-marquee-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee24) 18%, transparent))] text-[color:var(--zui-marquee-cyan-fg,var(--zui-color-cyan,#0f172a))] dark:text-[color:var(--zui-marquee-cyan-fg-dark,var(--zui-color-cyan-dark,#f8fafc))]\",\n  green:\n    \"border border-[color:var(--zui-marquee-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-marquee-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-marquee-green-bg,color-mix(in oklch, var(--zui-color-green,#16a34a14) 10%, transparent))] dark:bg-[var(--zui-marquee-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e24) 18%, transparent))] text-[color:var(--zui-marquee-green-fg,var(--zui-color-green,#0f172a))] dark:text-[color:var(--zui-marquee-green-fg-dark,var(--zui-color-green-dark,#f8fafc))]\",\n  lime: \"border border-[color:var(--zui-marquee-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-marquee-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-marquee-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d14) 10%, transparent))] dark:bg-[var(--zui-marquee-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e63524) 18%, transparent))] text-[color:var(--zui-marquee-lime-fg,var(--zui-color-lime,#0f172a))] dark:text-[color:var(--zui-marquee-lime-fg-dark,var(--zui-color-lime-dark,#f8fafc))]\",\n  mint: \"border border-[color:var(--zui-marquee-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-marquee-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-marquee-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b98114) 10%, transparent))] dark:bg-[var(--zui-marquee-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b724) 18%, transparent))] text-[color:var(--zui-marquee-mint-fg,var(--zui-color-mint,#0f172a))] dark:text-[color:var(--zui-marquee-mint-fg-dark,var(--zui-color-mint-dark,#f8fafc))]\",\n  ocean:\n    \"border border-[color:var(--zui-marquee-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-marquee-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-marquee-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c714) 10%, transparent))] dark:bg-[var(--zui-marquee-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf824) 18%, transparent))] text-[color:var(--zui-marquee-ocean-fg,var(--zui-color-ocean,#0f172a))] dark:text-[color:var(--zui-marquee-ocean-fg-dark,var(--zui-color-ocean-dark,#f8fafc))]\",\n  sapphire:\n    \"border border-[color:var(--zui-marquee-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-marquee-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-marquee-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed814) 10%, transparent))] dark:bg-[var(--zui-marquee-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa24) 18%, transparent))] text-[color:var(--zui-marquee-sapphire-fg,var(--zui-color-sapphire,#0f172a))] dark:text-[color:var(--zui-marquee-sapphire-fg-dark,var(--zui-color-sapphire-dark,#f8fafc))]\",\n  lavender:\n    \"border border-[color:var(--zui-marquee-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-marquee-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-marquee-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf614) 10%, transparent))] dark:bg-[var(--zui-marquee-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa24) 18%, transparent))] text-[color:var(--zui-marquee-lavender-fg,var(--zui-color-lavender,#0f172a))] dark:text-[color:var(--zui-marquee-lavender-fg-dark,var(--zui-color-lavender-dark,#f8fafc))]\",\n  ruby: \"border border-[color:var(--zui-marquee-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-marquee-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-marquee-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c14) 10%, transparent))] dark:bg-[var(--zui-marquee-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb718524) 18%, transparent))] text-[color:var(--zui-marquee-ruby-fg,var(--zui-color-ruby,#0f172a))] dark:text-[color:var(--zui-marquee-ruby-fg-dark,var(--zui-color-ruby-dark,#f8fafc))]\",\n  red: \"border border-[color:var(--zui-marquee-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-marquee-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-marquee-red-bg,color-mix(in oklch, var(--zui-color-red,#dc262614) 10%, transparent))] dark:bg-[var(--zui-marquee-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef444424) 18%, transparent))] text-[color:var(--zui-marquee-red-fg,var(--zui-color-red,#0f172a))] dark:text-[color:var(--zui-marquee-red-fg-dark,var(--zui-color-red-dark,#f8fafc))]\",\n  slate:\n    \"border border-[color:var(--zui-marquee-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-marquee-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-marquee-slate-bg,color-mix(in oklch, var(--zui-color-slate,#47556914) 10%, transparent))] dark:bg-[var(--zui-marquee-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b24) 18%, transparent))] text-[color:var(--zui-marquee-slate-fg,var(--zui-color-slate,#0f172a))] dark:text-[color:var(--zui-marquee-slate-fg-dark,var(--zui-color-slate-dark,#f8fafc))]\",\n  zinc: \"border border-[color:var(--zui-marquee-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-marquee-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-marquee-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b14) 10%, transparent))] dark:bg-[var(--zui-marquee-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a24) 18%, transparent))] text-[color:var(--zui-marquee-zinc-fg,var(--zui-color-zinc,#0f172a))] dark:text-[color:var(--zui-marquee-zinc-fg-dark,var(--zui-color-zinc-dark,#f8fafc))]\",\n  stone:\n    \"border border-[color:var(--zui-marquee-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-marquee-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-marquee-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e14) 10%, transparent))] dark:bg-[var(--zui-marquee-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c24) 18%, transparent))] text-[color:var(--zui-marquee-stone-fg,var(--zui-color-stone,#0f172a))] dark:text-[color:var(--zui-marquee-stone-fg-dark,var(--zui-color-stone-dark,#f8fafc))]\",\n  royal:\n    \"border border-[color:var(--zui-marquee-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-marquee-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-marquee-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca14) 10%, transparent))] dark:bg-[var(--zui-marquee-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf824) 18%, transparent))] text-[color:var(--zui-marquee-royal-fg,var(--zui-color-royal,#0f172a))] dark:text-[color:var(--zui-marquee-royal-fg-dark,var(--zui-color-royal-dark,#f8fafc))]\",\n  electric:\n    \"border border-[color:var(--zui-marquee-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-marquee-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-marquee-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e914) 10%, transparent))] dark:bg-[var(--zui-marquee-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf824) 18%, transparent))] text-[color:var(--zui-marquee-electric-fg,var(--zui-color-electric,#0f172a))] dark:text-[color:var(--zui-marquee-electric-fg-dark,var(--zui-color-electric-dark,#f8fafc))]\",\n  forest:\n    \"border border-[color:var(--zui-marquee-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-marquee-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-marquee-forest-bg,color-mix(in oklch, var(--zui-color-forest,#16653414) 10%, transparent))] dark:bg-[var(--zui-marquee-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade8024) 18%, transparent))] text-[color:var(--zui-marquee-forest-fg,var(--zui-color-forest,#0f172a))] dark:text-[color:var(--zui-marquee-forest-fg-dark,var(--zui-color-forest-dark,#f8fafc))]\",\n  sunset:\n    \"border border-[color:var(--zui-marquee-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-marquee-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-marquee-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c14) 10%, transparent))] dark:bg-[var(--zui-marquee-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c24) 18%, transparent))] text-[color:var(--zui-marquee-sunset-fg,var(--zui-color-sunset,#0f172a))] dark:text-[color:var(--zui-marquee-sunset-fg-dark,var(--zui-color-sunset-dark,#f8fafc))]\",\n  magenta:\n    \"border border-[color:var(--zui-marquee-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-marquee-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-marquee-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d314) 10%, transparent))] dark:bg-[var(--zui-marquee-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f924) 18%, transparent))] text-[color:var(--zui-marquee-magenta-fg,var(--zui-color-magenta,#0f172a))] dark:text-[color:var(--zui-marquee-magenta-fg-dark,var(--zui-color-magenta-dark,#f8fafc))]\",\n  crimson:\n    \"border border-[color:var(--zui-marquee-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-marquee-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-marquee-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c14) 10%, transparent))] dark:bg-[var(--zui-marquee-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f8717124) 18%, transparent))] text-[color:var(--zui-marquee-crimson-fg,var(--zui-color-crimson,#0f172a))] dark:text-[color:var(--zui-marquee-crimson-fg-dark,var(--zui-color-crimson-dark,#f8fafc))]\",\n  aqua: \"border border-[color:var(--zui-marquee-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-marquee-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-marquee-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e14) 10%, transparent))] dark:bg-[var(--zui-marquee-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf24) 18%, transparent))] text-[color:var(--zui-marquee-aqua-fg,var(--zui-color-aqua,#0f172a))] dark:text-[color:var(--zui-marquee-aqua-fg-dark,var(--zui-color-aqua-dark,#f8fafc))]\",\n  plum: \"border border-[color:var(--zui-marquee-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-marquee-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-marquee-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce14) 10%, transparent))] dark:bg-[var(--zui-marquee-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc24) 18%, transparent))] text-[color:var(--zui-marquee-plum-fg,var(--zui-color-plum,#0f172a))] dark:text-[color:var(--zui-marquee-plum-fg-dark,var(--zui-color-plum-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"]}

package/dist/chunk-SS3T3BUL.mjs

@@ -0,0 +1,70 @@
+// src/design-system/divider.ts
+var zuiDividerAppearances = {
+  default: "text-[color:var(--zui-divider-default-fg,var(--zui-fg,oklch(37.2%_0.044_257.287)))] dark:text-[color:var(--zui-divider-default-fg-dark,var(--zui-fg-dark,oklch(92.9%_0.013_255.508)))]",
+  muted: "text-[color:var(--zui-divider-muted-fg,var(--zui-fg-muted,oklch(55.4%_0.046_257.417)))] dark:text-[color:var(--zui-divider-muted-fg-dark,var(--zui-fg-muted-dark,oklch(55.4%_0.046_257.417)))]",
+  primary: "text-[color:var(--zui-divider-primary-fg,var(--zui-brand,oklch(52%_0.105_223.128)))] dark:text-[color:var(--zui-divider-primary-fg-dark,var(--zui-brand-dark,oklch(86.5%_0.127_207.078)))]",
+  destructive: "text-[color:var(--zui-divider-destructive-fg,var(--zui-status-error,oklch(58.6%_0.253_17.585)))] dark:text-[color:var(--zui-divider-destructive-fg-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428)))]",
+  ghost: "text-[color:var(--zui-divider-ghost-fg,var(--zui-fg-muted,oklch(70.4%_0.04_256.788)))] dark:text-[color:var(--zui-divider-ghost-fg-dark,var(--zui-fg-muted-dark,oklch(44.6%_0.043_257.281)))]",
+  sky: "text-[color:var(--zui-divider-sky-fg,var(--zui-color-sky,oklch(58.8%_0.158_241.966)))] dark:text-[color:var(--zui-divider-sky-fg-dark,var(--zui-color-sky-dark,oklch(74.6%_0.16_232.661)))]",
+  rose: "text-[color:var(--zui-divider-rose-fg,var(--zui-color-rose,oklch(58.6%_0.253_17.585)))] dark:text-[color:var(--zui-divider-rose-fg-dark,var(--zui-color-rose-dark,oklch(71.2%_0.194_13.428)))]",
+  purple: "text-[color:var(--zui-divider-purple-fg,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:text-[color:var(--zui-divider-purple-fg-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504)))]",
+  pink: "text-[color:var(--zui-divider-pink-fg,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:text-[color:var(--zui-divider-pink-fg-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))]",
+  orange: "text-[color:var(--zui-divider-orange-fg,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] dark:text-[color:var(--zui-divider-orange-fg-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))]",
+  yellow: "text-[color:var(--zui-divider-yellow-fg,var(--zui-color-yellow,oklch(68.1%_0.162_75.834)))] dark:text-[color:var(--zui-divider-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936)))]",
+  teal: "text-[color:var(--zui-divider-teal-fg,var(--zui-color-teal,oklch(60%_0.118_184.704)))] dark:text-[color:var(--zui-divider-teal-fg-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912)))]",
+  indigo: "text-[color:var(--zui-divider-indigo-fg,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] dark:text-[color:var(--zui-divider-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))]",
+  emerald: "text-[color:var(--zui-divider-emerald-fg,var(--zui-color-emerald,oklch(59.6%_0.145_163.225)))] dark:text-[color:var(--zui-divider-emerald-fg-dark,var(--zui-color-emerald-dark,oklch(76.5%_0.177_163.223)))]",
+  gray: "text-[color:var(--zui-divider-gray-fg,var(--zui-color-gray,oklch(44.6%_0.03_256.802)))] dark:text-[color:var(--zui-divider-gray-fg-dark,var(--zui-color-gray-dark,oklch(70.7%_0.022_261.325)))]",
+  amber: "text-[color:var(--zui-divider-amber-fg,var(--zui-color-amber,oklch(66.6%_0.179_58.318)))] dark:text-[color:var(--zui-divider-amber-fg-dark,var(--zui-color-amber-dark,oklch(82.8%_0.189_84.429)))]",
+  violet: "text-[color:var(--zui-divider-violet-fg,var(--zui-color-violet,oklch(54.1%_0.281_293.009)))] dark:text-[color:var(--zui-divider-violet-fg-dark,var(--zui-color-violet-dark,oklch(70.2%_0.183_293.541)))]",
+  "gradient-blue": "text-[color:var(--zui-divider-gradient-blue-fg,var(--zui-color-blue,oklch(54.6%_0.245_262.881)))] dark:text-[color:var(--zui-divider-gradient-blue-fg-dark,var(--zui-color-blue-dark,oklch(70.7%_0.165_254.624)))]",
+  "gradient-green": "text-[color:var(--zui-divider-gradient-green-fg,var(--zui-color-green,oklch(62.7%_0.194_149.214)))] dark:text-[color:var(--zui-divider-gradient-green-fg-dark,var(--zui-color-green-dark,oklch(79.2%_0.209_151.711)))]",
+  "gradient-red": "text-[color:var(--zui-divider-gradient-red-fg,var(--zui-color-red,oklch(57.7%_0.245_27.325)))] dark:text-[color:var(--zui-divider-gradient-red-fg-dark,var(--zui-color-red-dark,oklch(70.4%_0.191_22.216)))]",
+  "gradient-yellow": "text-[color:var(--zui-divider-gradient-yellow-fg,var(--zui-color-yellow,oklch(68.1%_0.162_75.834)))] dark:text-[color:var(--zui-divider-gradient-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936)))]",
+  "gradient-purple": "text-[color:var(--zui-divider-gradient-purple-fg,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:text-[color:var(--zui-divider-gradient-purple-fg-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504)))]",
+  "gradient-teal": "text-[color:var(--zui-divider-gradient-teal-fg,var(--zui-color-teal,oklch(60%_0.118_184.704)))] dark:text-[color:var(--zui-divider-gradient-teal-fg-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912)))]",
+  "gradient-indigo": "text-[color:var(--zui-divider-gradient-indigo-fg,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] dark:text-[color:var(--zui-divider-gradient-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))]",
+  "gradient-pink": "text-[color:var(--zui-divider-gradient-pink-fg,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:text-[color:var(--zui-divider-gradient-pink-fg-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))]",
+  "gradient-orange": "text-[color:var(--zui-divider-gradient-orange-fg,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] dark:text-[color:var(--zui-divider-gradient-orange-fg-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))]",
+  blue: "text-[color:var(--zui-divider-blue-fg,var(--zui-color-blue,#2563eb))] dark:text-[color:var(--zui-divider-blue-fg-dark,var(--zui-color-blue-dark,#3b82f6))]",
+  cyan: "text-[color:var(--zui-divider-cyan-fg,var(--zui-color-cyan,#0891b2))] dark:text-[color:var(--zui-divider-cyan-fg-dark,var(--zui-color-cyan-dark,#22d3ee))]",
+  green: "text-[color:var(--zui-divider-green-fg,var(--zui-color-green,#16a34a))] dark:text-[color:var(--zui-divider-green-fg-dark,var(--zui-color-green-dark,#22c55e))]",
+  lime: "text-[color:var(--zui-divider-lime-fg,var(--zui-color-lime,#65a30d))] dark:text-[color:var(--zui-divider-lime-fg-dark,var(--zui-color-lime-dark,#a3e635))]",
+  mint: "text-[color:var(--zui-divider-mint-fg,var(--zui-color-mint,#10b981))] dark:text-[color:var(--zui-divider-mint-fg-dark,var(--zui-color-mint-dark,#6ee7b7))]",
+  ocean: "text-[color:var(--zui-divider-ocean-fg,var(--zui-color-ocean,#0284c7))] dark:text-[color:var(--zui-divider-ocean-fg-dark,var(--zui-color-ocean-dark,#38bdf8))]",
+  sapphire: "text-[color:var(--zui-divider-sapphire-fg,var(--zui-color-sapphire,#1d4ed8))] dark:text-[color:var(--zui-divider-sapphire-fg-dark,var(--zui-color-sapphire-dark,#60a5fa))]",
+  lavender: "text-[color:var(--zui-divider-lavender-fg,var(--zui-color-lavender,#8b5cf6))] dark:text-[color:var(--zui-divider-lavender-fg-dark,var(--zui-color-lavender-dark,#a78bfa))]",
+  ruby: "text-[color:var(--zui-divider-ruby-fg,var(--zui-color-ruby,#be123c))] dark:text-[color:var(--zui-divider-ruby-fg-dark,var(--zui-color-ruby-dark,#fb7185))]",
+  red: "text-[color:var(--zui-divider-red-fg,var(--zui-color-red,#dc2626))] dark:text-[color:var(--zui-divider-red-fg-dark,var(--zui-color-red-dark,#ef4444))]",
+  slate: "text-[color:var(--zui-divider-slate-fg,var(--zui-color-slate,#475569))] dark:text-[color:var(--zui-divider-slate-fg-dark,var(--zui-color-slate-dark,#64748b))]",
+  zinc: "text-[color:var(--zui-divider-zinc-fg,var(--zui-color-zinc,#52525b))] dark:text-[color:var(--zui-divider-zinc-fg-dark,var(--zui-color-zinc-dark,#71717a))]",
+  stone: "text-[color:var(--zui-divider-stone-fg,var(--zui-color-stone,#57534e))] dark:text-[color:var(--zui-divider-stone-fg-dark,var(--zui-color-stone-dark,#78716c))]",
+  royal: "text-[color:var(--zui-divider-royal-fg,var(--zui-color-royal,#4338ca))] dark:text-[color:var(--zui-divider-royal-fg-dark,var(--zui-color-royal-dark,#818cf8))]",
+  electric: "text-[color:var(--zui-divider-electric-fg,var(--zui-color-electric,#0ea5e9))] dark:text-[color:var(--zui-divider-electric-fg-dark,var(--zui-color-electric-dark,#38bdf8))]",
+  forest: "text-[color:var(--zui-divider-forest-fg,var(--zui-color-forest,#166534))] dark:text-[color:var(--zui-divider-forest-fg-dark,var(--zui-color-forest-dark,#4ade80))]",
+  sunset: "text-[color:var(--zui-divider-sunset-fg,var(--zui-color-sunset,#ea580c))] dark:text-[color:var(--zui-divider-sunset-fg-dark,var(--zui-color-sunset-dark,#fb923c))]",
+  magenta: "text-[color:var(--zui-divider-magenta-fg,var(--zui-color-magenta,#c026d3))] dark:text-[color:var(--zui-divider-magenta-fg-dark,var(--zui-color-magenta-dark,#e879f9))]",
+  crimson: "text-[color:var(--zui-divider-crimson-fg,var(--zui-color-crimson,#b91c1c))] dark:text-[color:var(--zui-divider-crimson-fg-dark,var(--zui-color-crimson-dark,#f87171))]",
+  aqua: "text-[color:var(--zui-divider-aqua-fg,var(--zui-color-aqua,#0f766e))] dark:text-[color:var(--zui-divider-aqua-fg-dark,var(--zui-color-aqua-dark,#2dd4bf))]",
+  plum: "text-[color:var(--zui-divider-plum-fg,var(--zui-color-plum,#7e22ce))] dark:text-[color:var(--zui-divider-plum-fg-dark,var(--zui-color-plum-dark,#c084fc))]"
+};
+var zuiDividerBase = "flex w-full items-center gap-3";
+var zuiDividerOrientations = {
+  horizontal: "w-full flex-row",
+  vertical: "h-full min-h-[2rem] w-auto flex-col self-stretch"
+};
+var zuiDividerSizes = {
+  sm: "",
+  md: "",
+  lg: ""
+};
+var zuiDividerLineBase = "shrink grow rounded-full bg-current opacity-80";
+var zuiDividerLineOrientations = {
+  horizontal: "h-px",
+  vertical: "w-px flex-1"
+};
+var zuiDividerLabelBase = "shrink-0 text-xs font-medium uppercase tracking-wide text-current";
+
+export { zuiDividerAppearances, zuiDividerBase, zuiDividerLabelBase, zuiDividerLineBase, zuiDividerLineOrientations, zuiDividerOrientations, zuiDividerSizes };
+//# sourceMappingURL=chunk-SS3T3BUL.mjs.map
+//# sourceMappingURL=chunk-SS3T3BUL.mjs.map

package/dist/chunk-SS3T3BUL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/divider.ts"],"names":[],"mappings":";AAAO,IAAM,qBAAA,GAAwB;AAAA,EACnC,OAAA,EACE,wLAAA;AAAA,EACF,KAAA,EACE,gMAAA;AAAA,EACF,OAAA,EACE,4LAAA;AAAA,EACF,WAAA,EACE,kNAAA;AAAA,EACF,KAAA,EACE,+LAAA;AAAA,EACF,GAAA,EAAK,6LAAA;AAAA,EACL,IAAA,EAAM,gMAAA;AAAA,EACN,MAAA,EACE,0MAAA;AAAA,EACF,IAAA,EAAM,gMAAA;AAAA,EACN,MAAA,EACE,sMAAA;AAAA,EACF,MAAA,EACE,wMAAA;AAAA,EACF,IAAA,EAAM,gMAAA;AAAA,EACN,MAAA,EACE,0MAAA;AAAA,EACF,OAAA,EACE,8MAAA;AAAA,EACF,IAAA,EAAM,iMAAA;AAAA,EACN,KAAA,EACE,oMAAA;AAAA,EACF,MAAA,EACE,0MAAA;AAAA,EACF,eAAA,EACE,oNAAA;AAAA,EACF,gBAAA,EACE,wNAAA;AAAA,EACF,cAAA,EACE,8MAAA;AAAA,EACF,iBAAA,EACE,0NAAA;AAAA,EACF,iBAAA,EACE,4NAAA;AAAA,EACF,eAAA,EACE,kNAAA;AAAA,EACF,iBAAA,EACE,4NAAA;AAAA,EACF,eAAA,EACE,kNAAA;AAAA,EACF,iBAAA,EACE,wNAAA;AAAA,EACF,IAAA,EAAM,4JAAA;AAAA,EACN,IAAA,EAAM,4JAAA;AAAA,EACN,KAAA,EACE,gKAAA;AAAA,EACF,IAAA,EAAM,4JAAA;AAAA,EACN,IAAA,EAAM,4JAAA;AAAA,EACN,KAAA,EACE,gKAAA;AAAA,EACF,QAAA,EACE,4KAAA;AAAA,EACF,QAAA,EACE,4KAAA;AAAA,EACF,IAAA,EAAM,4JAAA;AAAA,EACN,GAAA,EAAK,wJAAA;AAAA,EACL,KAAA,EACE,gKAAA;AAAA,EACF,IAAA,EAAM,4JAAA;AAAA,EACN,KAAA,EACE,gKAAA;AAAA,EACF,KAAA,EACE,gKAAA;AAAA,EACF,QAAA,EACE,4KAAA;AAAA,EACF,MAAA,EACE,oKAAA;AAAA,EACF,MAAA,EACE,oKAAA;AAAA,EACF,OAAA,EACE,wKAAA;AAAA,EACF,OAAA,EACE,wKAAA;AAAA,EACF,IAAA,EAAM,4JAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,cAAA,GAAiB;AAEvB,IAAM,sBAAA,GAAyB;AAAA,EACpC,UAAA,EAAY,iBAAA;AAAA,EACZ,QAAA,EAAU;AACZ;AAEO,IAAM,eAAA,GAAkB;AAAA,EAC7B,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,kBAAA,GACX;AAEK,IAAM,0BAAA,GAA6B;AAAA,EACxC,UAAA,EAAY,MAAA;AAAA,EACZ,QAAA,EAAU;AACZ;AAEO,IAAM,mBAAA,GACX","file":"chunk-SS3T3BUL.mjs","sourcesContent":["export const zuiDividerAppearances = {\n  default:\n    \"text-[color:var(--zui-divider-default-fg,var(--zui-fg,oklch(37.2%_0.044_257.287)))] dark:text-[color:var(--zui-divider-default-fg-dark,var(--zui-fg-dark,oklch(92.9%_0.013_255.508)))]\",\n  muted:\n    \"text-[color:var(--zui-divider-muted-fg,var(--zui-fg-muted,oklch(55.4%_0.046_257.417)))] dark:text-[color:var(--zui-divider-muted-fg-dark,var(--zui-fg-muted-dark,oklch(55.4%_0.046_257.417)))]\",\n  primary:\n    \"text-[color:var(--zui-divider-primary-fg,var(--zui-brand,oklch(52%_0.105_223.128)))] dark:text-[color:var(--zui-divider-primary-fg-dark,var(--zui-brand-dark,oklch(86.5%_0.127_207.078)))]\",\n  destructive:\n    \"text-[color:var(--zui-divider-destructive-fg,var(--zui-status-error,oklch(58.6%_0.253_17.585)))] dark:text-[color:var(--zui-divider-destructive-fg-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428)))]\",\n  ghost:\n    \"text-[color:var(--zui-divider-ghost-fg,var(--zui-fg-muted,oklch(70.4%_0.04_256.788)))] dark:text-[color:var(--zui-divider-ghost-fg-dark,var(--zui-fg-muted-dark,oklch(44.6%_0.043_257.281)))]\",\n  sky: \"text-[color:var(--zui-divider-sky-fg,var(--zui-color-sky,oklch(58.8%_0.158_241.966)))] dark:text-[color:var(--zui-divider-sky-fg-dark,var(--zui-color-sky-dark,oklch(74.6%_0.16_232.661)))]\",\n  rose: \"text-[color:var(--zui-divider-rose-fg,var(--zui-color-rose,oklch(58.6%_0.253_17.585)))] dark:text-[color:var(--zui-divider-rose-fg-dark,var(--zui-color-rose-dark,oklch(71.2%_0.194_13.428)))]\",\n  purple:\n    \"text-[color:var(--zui-divider-purple-fg,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:text-[color:var(--zui-divider-purple-fg-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504)))]\",\n  pink: \"text-[color:var(--zui-divider-pink-fg,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:text-[color:var(--zui-divider-pink-fg-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))]\",\n  orange:\n    \"text-[color:var(--zui-divider-orange-fg,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] dark:text-[color:var(--zui-divider-orange-fg-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))]\",\n  yellow:\n    \"text-[color:var(--zui-divider-yellow-fg,var(--zui-color-yellow,oklch(68.1%_0.162_75.834)))] dark:text-[color:var(--zui-divider-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936)))]\",\n  teal: \"text-[color:var(--zui-divider-teal-fg,var(--zui-color-teal,oklch(60%_0.118_184.704)))] dark:text-[color:var(--zui-divider-teal-fg-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912)))]\",\n  indigo:\n    \"text-[color:var(--zui-divider-indigo-fg,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] dark:text-[color:var(--zui-divider-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))]\",\n  emerald:\n    \"text-[color:var(--zui-divider-emerald-fg,var(--zui-color-emerald,oklch(59.6%_0.145_163.225)))] dark:text-[color:var(--zui-divider-emerald-fg-dark,var(--zui-color-emerald-dark,oklch(76.5%_0.177_163.223)))]\",\n  gray: \"text-[color:var(--zui-divider-gray-fg,var(--zui-color-gray,oklch(44.6%_0.03_256.802)))] dark:text-[color:var(--zui-divider-gray-fg-dark,var(--zui-color-gray-dark,oklch(70.7%_0.022_261.325)))]\",\n  amber:\n    \"text-[color:var(--zui-divider-amber-fg,var(--zui-color-amber,oklch(66.6%_0.179_58.318)))] dark:text-[color:var(--zui-divider-amber-fg-dark,var(--zui-color-amber-dark,oklch(82.8%_0.189_84.429)))]\",\n  violet:\n    \"text-[color:var(--zui-divider-violet-fg,var(--zui-color-violet,oklch(54.1%_0.281_293.009)))] dark:text-[color:var(--zui-divider-violet-fg-dark,var(--zui-color-violet-dark,oklch(70.2%_0.183_293.541)))]\",\n  \"gradient-blue\":\n    \"text-[color:var(--zui-divider-gradient-blue-fg,var(--zui-color-blue,oklch(54.6%_0.245_262.881)))] dark:text-[color:var(--zui-divider-gradient-blue-fg-dark,var(--zui-color-blue-dark,oklch(70.7%_0.165_254.624)))]\",\n  \"gradient-green\":\n    \"text-[color:var(--zui-divider-gradient-green-fg,var(--zui-color-green,oklch(62.7%_0.194_149.214)))] dark:text-[color:var(--zui-divider-gradient-green-fg-dark,var(--zui-color-green-dark,oklch(79.2%_0.209_151.711)))]\",\n  \"gradient-red\":\n    \"text-[color:var(--zui-divider-gradient-red-fg,var(--zui-color-red,oklch(57.7%_0.245_27.325)))] dark:text-[color:var(--zui-divider-gradient-red-fg-dark,var(--zui-color-red-dark,oklch(70.4%_0.191_22.216)))]\",\n  \"gradient-yellow\":\n    \"text-[color:var(--zui-divider-gradient-yellow-fg,var(--zui-color-yellow,oklch(68.1%_0.162_75.834)))] dark:text-[color:var(--zui-divider-gradient-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936)))]\",\n  \"gradient-purple\":\n    \"text-[color:var(--zui-divider-gradient-purple-fg,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:text-[color:var(--zui-divider-gradient-purple-fg-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504)))]\",\n  \"gradient-teal\":\n    \"text-[color:var(--zui-divider-gradient-teal-fg,var(--zui-color-teal,oklch(60%_0.118_184.704)))] dark:text-[color:var(--zui-divider-gradient-teal-fg-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912)))]\",\n  \"gradient-indigo\":\n    \"text-[color:var(--zui-divider-gradient-indigo-fg,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] dark:text-[color:var(--zui-divider-gradient-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))]\",\n  \"gradient-pink\":\n    \"text-[color:var(--zui-divider-gradient-pink-fg,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:text-[color:var(--zui-divider-gradient-pink-fg-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))]\",\n  \"gradient-orange\":\n    \"text-[color:var(--zui-divider-gradient-orange-fg,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] dark:text-[color:var(--zui-divider-gradient-orange-fg-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))]\",\n  blue: \"text-[color:var(--zui-divider-blue-fg,var(--zui-color-blue,#2563eb))] dark:text-[color:var(--zui-divider-blue-fg-dark,var(--zui-color-blue-dark,#3b82f6))]\",\n  cyan: \"text-[color:var(--zui-divider-cyan-fg,var(--zui-color-cyan,#0891b2))] dark:text-[color:var(--zui-divider-cyan-fg-dark,var(--zui-color-cyan-dark,#22d3ee))]\",\n  green:\n    \"text-[color:var(--zui-divider-green-fg,var(--zui-color-green,#16a34a))] dark:text-[color:var(--zui-divider-green-fg-dark,var(--zui-color-green-dark,#22c55e))]\",\n  lime: \"text-[color:var(--zui-divider-lime-fg,var(--zui-color-lime,#65a30d))] dark:text-[color:var(--zui-divider-lime-fg-dark,var(--zui-color-lime-dark,#a3e635))]\",\n  mint: \"text-[color:var(--zui-divider-mint-fg,var(--zui-color-mint,#10b981))] dark:text-[color:var(--zui-divider-mint-fg-dark,var(--zui-color-mint-dark,#6ee7b7))]\",\n  ocean:\n    \"text-[color:var(--zui-divider-ocean-fg,var(--zui-color-ocean,#0284c7))] dark:text-[color:var(--zui-divider-ocean-fg-dark,var(--zui-color-ocean-dark,#38bdf8))]\",\n  sapphire:\n    \"text-[color:var(--zui-divider-sapphire-fg,var(--zui-color-sapphire,#1d4ed8))] dark:text-[color:var(--zui-divider-sapphire-fg-dark,var(--zui-color-sapphire-dark,#60a5fa))]\",\n  lavender:\n    \"text-[color:var(--zui-divider-lavender-fg,var(--zui-color-lavender,#8b5cf6))] dark:text-[color:var(--zui-divider-lavender-fg-dark,var(--zui-color-lavender-dark,#a78bfa))]\",\n  ruby: \"text-[color:var(--zui-divider-ruby-fg,var(--zui-color-ruby,#be123c))] dark:text-[color:var(--zui-divider-ruby-fg-dark,var(--zui-color-ruby-dark,#fb7185))]\",\n  red: \"text-[color:var(--zui-divider-red-fg,var(--zui-color-red,#dc2626))] dark:text-[color:var(--zui-divider-red-fg-dark,var(--zui-color-red-dark,#ef4444))]\",\n  slate:\n    \"text-[color:var(--zui-divider-slate-fg,var(--zui-color-slate,#475569))] dark:text-[color:var(--zui-divider-slate-fg-dark,var(--zui-color-slate-dark,#64748b))]\",\n  zinc: \"text-[color:var(--zui-divider-zinc-fg,var(--zui-color-zinc,#52525b))] dark:text-[color:var(--zui-divider-zinc-fg-dark,var(--zui-color-zinc-dark,#71717a))]\",\n  stone:\n    \"text-[color:var(--zui-divider-stone-fg,var(--zui-color-stone,#57534e))] dark:text-[color:var(--zui-divider-stone-fg-dark,var(--zui-color-stone-dark,#78716c))]\",\n  royal:\n    \"text-[color:var(--zui-divider-royal-fg,var(--zui-color-royal,#4338ca))] dark:text-[color:var(--zui-divider-royal-fg-dark,var(--zui-color-royal-dark,#818cf8))]\",\n  electric:\n    \"text-[color:var(--zui-divider-electric-fg,var(--zui-color-electric,#0ea5e9))] dark:text-[color:var(--zui-divider-electric-fg-dark,var(--zui-color-electric-dark,#38bdf8))]\",\n  forest:\n    \"text-[color:var(--zui-divider-forest-fg,var(--zui-color-forest,#166534))] dark:text-[color:var(--zui-divider-forest-fg-dark,var(--zui-color-forest-dark,#4ade80))]\",\n  sunset:\n    \"text-[color:var(--zui-divider-sunset-fg,var(--zui-color-sunset,#ea580c))] dark:text-[color:var(--zui-divider-sunset-fg-dark,var(--zui-color-sunset-dark,#fb923c))]\",\n  magenta:\n    \"text-[color:var(--zui-divider-magenta-fg,var(--zui-color-magenta,#c026d3))] dark:text-[color:var(--zui-divider-magenta-fg-dark,var(--zui-color-magenta-dark,#e879f9))]\",\n  crimson:\n    \"text-[color:var(--zui-divider-crimson-fg,var(--zui-color-crimson,#b91c1c))] dark:text-[color:var(--zui-divider-crimson-fg-dark,var(--zui-color-crimson-dark,#f87171))]\",\n  aqua: \"text-[color:var(--zui-divider-aqua-fg,var(--zui-color-aqua,#0f766e))] dark:text-[color:var(--zui-divider-aqua-fg-dark,var(--zui-color-aqua-dark,#2dd4bf))]\",\n  plum: \"text-[color:var(--zui-divider-plum-fg,var(--zui-color-plum,#7e22ce))] dark:text-[color:var(--zui-divider-plum-fg-dark,var(--zui-color-plum-dark,#c084fc))]\",\n} as const;\n\nexport const zuiDividerBase = \"flex w-full items-center gap-3\";\n\nexport const zuiDividerOrientations = {\n  horizontal: \"w-full flex-row\",\n  vertical: \"h-full min-h-[2rem] w-auto flex-col self-stretch\",\n} as const;\n\nexport const zuiDividerSizes = {\n  sm: \"\",\n  md: \"\",\n  lg: \"\",\n} as const;\n\nexport const zuiDividerLineBase =\n  \"shrink grow rounded-full bg-current opacity-80\";\n\nexport const zuiDividerLineOrientations = {\n  horizontal: \"h-px\",\n  vertical: \"w-px flex-1\",\n} as const;\n\nexport const zuiDividerLabelBase =\n  \"shrink-0 text-xs font-medium uppercase tracking-wide text-current\";\n"]}

package/dist/{chunk-L6PSW7JE.mjs → chunk-SUTFW53Y.mjs}

@@ -1,4 +1,4 @@
-import { zuiAccordionBase, zuiAccordionSizes, zuiAccordionAppearances, zuiAccordionItemBase, zuiAccordionItemAppearances, zuiAccordionTriggerBase, zuiAccordionTriggerSizes, zuiAccordionContentBase, zuiAccordionContentSizes } from './chunk-SWU5U5BB.mjs';
+import { zuiAccordionBase, zuiAccordionSizes, zuiAccordionAppearances, zuiAccordionItemBase, zuiAccordionItemAppearances, zuiAccordionTriggerBase, zuiAccordionTriggerSizes, zuiAccordionContentBase, zuiAccordionContentSizes } from './chunk-HFQJRAG7.mjs';
 import { cn } from './chunk-4D54YOL6.mjs';
 import { cva } from 'class-variance-authority';
 import { createContext, useContext, useState, useMemo, useCallback, useId } from 'react';
@@ -202,5 +202,5 @@ function AccordionContent({
 AccordionContent.displayName = "AccordionContent";
 
 export { AccordionBase, AccordionContent, AccordionItem, AccordionTrigger, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, accordionVariants, useAccordionContext, useAccordionItemValue };
-//# sourceMappingURL=chunk-L6PSW7JE.mjs.map
-//# sourceMappingURL=chunk-L6PSW7JE.mjs.map
+//# sourceMappingURL=chunk-SUTFW53Y.mjs.map
+//# sourceMappingURL=chunk-SUTFW53Y.mjs.map