@zentauri-ui/zentauri-components 1.9.2 → 2.1.0

package/dist/{chunk-OPUO55TO.mjs.map → chunk-BJRS5RXR.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/buttons/button-base.tsx","../src/ui/buttons/button.tsx"],"names":["className","appearance","size","children","rest","ref","jsx"],"mappings":"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","file":"chunk-OPUO55TO.mjs","sourcesContent":["\"use client\";\n\nimport { cloneElement, isValidElement, type MouseEventHandler } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ButtonProps } from \"./types\";\nimport { buttonVariants } from \"./variants\";\n\nexport const ButtonBase = (props: ButtonProps) => {\n  if (\"asChild\" in props && props.asChild) {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      asChild: _asChild,\n      disabled,\n      onClick,\n      ...rest\n    } = props;\n\n    if (!isValidElement<{ className?: string }>(children)) {\n      return null;\n    }\n\n    const isNativeButton = children.type === \"button\";\n    const childOnClick = children.props.onClick as\n      | MouseEventHandler<HTMLElement>\n      | undefined;\n    const handleClick: MouseEventHandler<HTMLElement> = (event) => {\n      if (disabled) {\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n\n      onClick?.(event);\n      if (!event.defaultPrevented) {\n        childOnClick?.(event);\n      }\n    };\n\n    return cloneElement(children, {\n      ...rest,\n      ...children.props,\n      ...(disabled\n        ? isNativeButton\n          ? { disabled: true }\n          : { \"aria-disabled\": true, tabIndex: -1 }\n        : null),\n      \"data-slot\": \"button\",\n      onClick: handleClick,\n      className: cn(\n        buttonVariants({ appearance, size }),\n        children.props.className,\n        className,\n      ),\n    });\n  }\n\n  if (props.as === \"link\") {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      ref,\n      href,\n      target,\n      ...rest\n    } = props;\n\n    return (\n      <a\n        ref={ref}\n        href={href}\n        target={target}\n        rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n        data-slot=\"button\"\n        className={cn(buttonVariants({ appearance, size }), className)}\n        {...rest}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    type = \"button\",\n    children,\n    ref,\n    ...rest\n  } = props;\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      data-slot=\"button\"\n      className={cn(buttonVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n\nButtonBase.displayName = \"Button\";\n","// button.tsx — default static entry (no framer-motion)\nimport { ButtonBase } from \"./button-base\";\nimport type { ButtonProps } from \"./types\";\n\nexport const Button = (props: ButtonProps) => {\n  return <ButtonBase {...props} />;\n};\n\nButton.displayName = \"Button\";\n"]}
+{"version":3,"sources":["../src/ui/buttons/button-base.tsx","../src/ui/buttons/button.tsx"],"names":["className","appearance","size","children","rest","ref","jsx"],"mappings":"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","file":"chunk-BJRS5RXR.mjs","sourcesContent":["\"use client\";\n\nimport { cloneElement, isValidElement, type MouseEventHandler } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ButtonProps } from \"./types\";\nimport { buttonVariants } from \"./variants\";\n\nexport const ButtonBase = (props: ButtonProps) => {\n  if (\"asChild\" in props && props.asChild) {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      asChild: _asChild,\n      disabled,\n      onClick,\n      ...rest\n    } = props;\n\n    if (!isValidElement<{ className?: string }>(children)) {\n      return null;\n    }\n\n    const isNativeButton = children.type === \"button\";\n    const childOnClick = children.props.onClick as\n      | MouseEventHandler<HTMLElement>\n      | undefined;\n    const handleClick: MouseEventHandler<HTMLElement> = (event) => {\n      if (disabled) {\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n\n      onClick?.(event);\n      if (!event.defaultPrevented) {\n        childOnClick?.(event);\n      }\n    };\n\n    return cloneElement(children, {\n      ...rest,\n      ...children.props,\n      ...(disabled\n        ? isNativeButton\n          ? { disabled: true }\n          : { \"aria-disabled\": true, tabIndex: -1 }\n        : null),\n      \"data-slot\": \"button\",\n      onClick: handleClick,\n      className: cn(\n        buttonVariants({ appearance, size }),\n        children.props.className,\n        className,\n      ),\n    });\n  }\n\n  if (props.as === \"link\") {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      ref,\n      href,\n      target,\n      ...rest\n    } = props;\n\n    return (\n      <a\n        ref={ref}\n        href={href}\n        target={target}\n        rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n        data-slot=\"button\"\n        className={cn(buttonVariants({ appearance, size }), className)}\n        {...rest}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    type = \"button\",\n    children,\n    ref,\n    ...rest\n  } = props;\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      data-slot=\"button\"\n      className={cn(buttonVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n\nButtonBase.displayName = \"Button\";\n","// button.tsx — default static entry (no framer-motion)\nimport { ButtonBase } from \"./button-base\";\nimport type { ButtonProps } from \"./types\";\n\nexport const Button = (props: ButtonProps) => {\n  return <ButtonBase {...props} />;\n};\n\nButton.displayName = \"Button\";\n"]}

package/dist/{chunk-RYJ5WEE3.js → chunk-BUBIH4LS.js}

@@ -1,25 +1,25 @@
 'use strict';
 
 var chunkCQMV7BB6_js = require('./chunk-CQMV7BB6.js');
-var chunkOGMIKRLJ_js = require('./chunk-OGMIKRLJ.js');
+var chunk7DVECOO7_js = require('./chunk-7DVECOO7.js');
 var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
 var classVarianceAuthority = require('class-variance-authority');
 var fi = require('react-icons/fi');
 var jsxRuntime = require('react/jsx-runtime');
 
-var copyButtonVariants = classVarianceAuthority.cva(chunkOGMIKRLJ_js.zuiCopyButtonBase, {
+var copyButtonVariants = classVarianceAuthority.cva(chunk7DVECOO7_js.zuiCopyButtonBase, {
   variants: {
-    appearance: chunkOGMIKRLJ_js.zuiCopyButtonAppearances,
-    size: chunkOGMIKRLJ_js.zuiCopyButtonSizes,
+    appearance: chunk7DVECOO7_js.zuiCopyButtonAppearances,
+    size: chunk7DVECOO7_js.zuiCopyButtonSizes,
     iconOnly: {
       true: "",
       false: ""
     }
   },
   compoundVariants: [
-    { iconOnly: true, size: "sm", class: chunkOGMIKRLJ_js.zuiCopyButtonIconOnlySizes.sm },
-    { iconOnly: true, size: "md", class: chunkOGMIKRLJ_js.zuiCopyButtonIconOnlySizes.md },
-    { iconOnly: true, size: "lg", class: chunkOGMIKRLJ_js.zuiCopyButtonIconOnlySizes.lg }
+    { iconOnly: true, size: "sm", class: chunk7DVECOO7_js.zuiCopyButtonIconOnlySizes.sm },
+    { iconOnly: true, size: "md", class: chunk7DVECOO7_js.zuiCopyButtonIconOnlySizes.md },
+    { iconOnly: true, size: "lg", class: chunk7DVECOO7_js.zuiCopyButtonIconOnlySizes.lg }
   ],
   defaultVariants: {
     appearance: "default",
@@ -97,5 +97,5 @@ CopyButtonBase.displayName = "CopyButton";
 
 exports.CopyButtonBase = CopyButtonBase;
 exports.copyButtonVariants = copyButtonVariants;
-//# sourceMappingURL=chunk-RYJ5WEE3.js.map
-//# sourceMappingURL=chunk-RYJ5WEE3.js.map
+//# sourceMappingURL=chunk-BUBIH4LS.js.map
+//# sourceMappingURL=chunk-BUBIH4LS.js.map

package/dist/{chunk-RYJ5WEE3.js.map → chunk-BUBIH4LS.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/copy-button/variants.ts","../src/ui/copy-button/copy-button-base.tsx"],"names":["cva","zuiCopyButtonBase","zuiCopyButtonAppearances","zuiCopyButtonSizes","zuiCopyButtonIconOnlySizes","jsx","FiCopy","FiCheck","useClipboard","jsxs","cn"],"mappings":"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","file":"chunk-RYJ5WEE3.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiCopyButtonAppearances,\n  zuiCopyButtonBase,\n  zuiCopyButtonIconOnlySizes,\n  zuiCopyButtonSizes,\n} from \"../../design-system/copy-button\";\n\nexport const copyButtonVariants = cva(zuiCopyButtonBase, {\n  variants: {\n    appearance: zuiCopyButtonAppearances,\n    size: zuiCopyButtonSizes,\n    iconOnly: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  compoundVariants: [\n    { iconOnly: true, size: \"sm\", class: zuiCopyButtonIconOnlySizes.sm },\n    { iconOnly: true, size: \"md\", class: zuiCopyButtonIconOnlySizes.md },\n    { iconOnly: true, size: \"lg\", class: zuiCopyButtonIconOnlySizes.lg },\n  ],\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    iconOnly: true,\n  },\n});\n","\"use client\";\n\nimport { FiCheck, FiCopy } from \"react-icons/fi\";\n\nimport { useClipboard } from \"../../hooks/useClipboard/useClipboard\";\nimport { cn } from \"../../lib/utils\";\n\nimport type { CopyButtonBaseProps, CopyButtonIconRenderer } from \"./types\";\nimport { copyButtonVariants } from \"./variants\";\n\nconst defaultRenderIcon: CopyButtonIconRenderer = ({\n  copied,\n  copyIcon,\n  copiedIcon,\n}) => (copied ? copiedIcon : copyIcon);\n\nexport function CopyButtonBase({\n  value,\n  timeout = 2000,\n  appearance,\n  size,\n  iconOnly = true,\n  label = \"Copy\",\n  copiedLabel = \"Copied\",\n  copyIcon = <FiCopy aria-hidden />,\n  copiedIcon = <FiCheck aria-hidden />,\n  onCopy,\n  renderIcon = defaultRenderIcon,\n  className,\n  type = \"button\",\n  disabled,\n  onClick,\n  \"aria-label\": ariaLabel,\n  ref,\n  ...rest\n}: CopyButtonBaseProps) {\n  const { copied, copy } = useClipboard(timeout);\n\n  const handleClick: NonNullable<CopyButtonBaseProps[\"onClick\"]> = async (\n    event,\n  ) => {\n    onClick?.(event);\n    if (event.defaultPrevented) {\n      return;\n    }\n    const ok = await copy(value);\n    if (ok) {\n      onCopy?.(value);\n    }\n  };\n\n  const text = copied ? copiedLabel : label;\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      data-slot=\"copy-button\"\n      data-copied={copied ? \"true\" : undefined}\n      disabled={disabled}\n      aria-label={ariaLabel ?? (iconOnly ? text : undefined)}\n      onClick={handleClick}\n      className={cn(\n        copyButtonVariants({ appearance, size, iconOnly }),\n        className,\n      )}\n      {...rest}\n    >\n      <span\n        data-slot=\"copy-button-icon\"\n        className=\"relative inline-flex items-center justify-center\"\n      >\n        {renderIcon({ copied, copyIcon, copiedIcon })}\n      </span>\n      {!iconOnly ? (\n        <span data-slot=\"copy-button-label\" aria-live=\"polite\">\n          {text}\n        </span>\n      ) : (\n        <span className=\"sr-only\" aria-live=\"polite\">\n          {text}\n        </span>\n      )}\n    </button>\n  );\n}\n\nCopyButtonBase.displayName = \"CopyButton\";\n"]}
+{"version":3,"sources":["../src/ui/copy-button/variants.ts","../src/ui/copy-button/copy-button-base.tsx"],"names":["cva","zuiCopyButtonBase","zuiCopyButtonAppearances","zuiCopyButtonSizes","zuiCopyButtonIconOnlySizes","jsx","FiCopy","FiCheck","useClipboard","jsxs","cn"],"mappings":"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","file":"chunk-BUBIH4LS.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiCopyButtonAppearances,\n  zuiCopyButtonBase,\n  zuiCopyButtonIconOnlySizes,\n  zuiCopyButtonSizes,\n} from \"../../design-system/copy-button\";\n\nexport const copyButtonVariants = cva(zuiCopyButtonBase, {\n  variants: {\n    appearance: zuiCopyButtonAppearances,\n    size: zuiCopyButtonSizes,\n    iconOnly: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  compoundVariants: [\n    { iconOnly: true, size: \"sm\", class: zuiCopyButtonIconOnlySizes.sm },\n    { iconOnly: true, size: \"md\", class: zuiCopyButtonIconOnlySizes.md },\n    { iconOnly: true, size: \"lg\", class: zuiCopyButtonIconOnlySizes.lg },\n  ],\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    iconOnly: true,\n  },\n});\n","\"use client\";\n\nimport { FiCheck, FiCopy } from \"react-icons/fi\";\n\nimport { useClipboard } from \"../../hooks/useClipboard/useClipboard\";\nimport { cn } from \"../../lib/utils\";\n\nimport type { CopyButtonBaseProps, CopyButtonIconRenderer } from \"./types\";\nimport { copyButtonVariants } from \"./variants\";\n\nconst defaultRenderIcon: CopyButtonIconRenderer = ({\n  copied,\n  copyIcon,\n  copiedIcon,\n}) => (copied ? copiedIcon : copyIcon);\n\nexport function CopyButtonBase({\n  value,\n  timeout = 2000,\n  appearance,\n  size,\n  iconOnly = true,\n  label = \"Copy\",\n  copiedLabel = \"Copied\",\n  copyIcon = <FiCopy aria-hidden />,\n  copiedIcon = <FiCheck aria-hidden />,\n  onCopy,\n  renderIcon = defaultRenderIcon,\n  className,\n  type = \"button\",\n  disabled,\n  onClick,\n  \"aria-label\": ariaLabel,\n  ref,\n  ...rest\n}: CopyButtonBaseProps) {\n  const { copied, copy } = useClipboard(timeout);\n\n  const handleClick: NonNullable<CopyButtonBaseProps[\"onClick\"]> = async (\n    event,\n  ) => {\n    onClick?.(event);\n    if (event.defaultPrevented) {\n      return;\n    }\n    const ok = await copy(value);\n    if (ok) {\n      onCopy?.(value);\n    }\n  };\n\n  const text = copied ? copiedLabel : label;\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      data-slot=\"copy-button\"\n      data-copied={copied ? \"true\" : undefined}\n      disabled={disabled}\n      aria-label={ariaLabel ?? (iconOnly ? text : undefined)}\n      onClick={handleClick}\n      className={cn(\n        copyButtonVariants({ appearance, size, iconOnly }),\n        className,\n      )}\n      {...rest}\n    >\n      <span\n        data-slot=\"copy-button-icon\"\n        className=\"relative inline-flex items-center justify-center\"\n      >\n        {renderIcon({ copied, copyIcon, copiedIcon })}\n      </span>\n      {!iconOnly ? (\n        <span data-slot=\"copy-button-label\" aria-live=\"polite\">\n          {text}\n        </span>\n      ) : (\n        <span className=\"sr-only\" aria-live=\"polite\">\n          {text}\n        </span>\n      )}\n    </button>\n  );\n}\n\nCopyButtonBase.displayName = \"CopyButton\";\n"]}

package/dist/chunk-BUEI4RMR.mjs

@@ -0,0 +1,82 @@
+// src/design-system/progress.ts
+var zuiProgressBase = "w-full text-[color:var(--zui-progress-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-progress-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]";
+var zuiProgressAppearances = {
+  default: "[--progress-fill:var(--zui-progress-default-fill,var(--zui-brand,oklch(20.8%_0.042_265.755)))] dark:[--progress-fill:var(--zui-progress-default-fill-dark,var(--zui-brand-dark,oklch(98.4%_0.003_247.858)))]",
+  secondary: "[--progress-fill:var(--zui-progress-secondary-fill,var(--zui-fg,oklch(44.6%_0.043_257.281)))] dark:[--progress-fill:var(--zui-progress-secondary-fill-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))]",
+  destructive: "[--progress-fill:var(--zui-progress-destructive-fill,var(--zui-status-error,oklch(45.5%_0.188_13.697)))] dark:[--progress-fill:var(--zui-progress-destructive-fill-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428)))]",
+  emerald: "[--progress-fill:var(--zui-progress-emerald-fill,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:[--progress-fill:var(--zui-progress-emerald-fill-dark,var(--zui-color-emerald-dark,oklch(76.5%_0.177_163.223)))]",
+  indigo: "[--progress-fill:var(--zui-progress-indigo-fill,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:[--progress-fill:var(--zui-progress-indigo-fill-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))]",
+  purple: "[--progress-fill:var(--zui-progress-purple-fill,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:[--progress-fill:var(--zui-progress-purple-fill-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504)))]",
+  pink: "[--progress-fill:var(--zui-progress-pink-fill,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:[--progress-fill:var(--zui-progress-pink-fill-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))]",
+  rose: "[--progress-fill:var(--zui-progress-rose-fill,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:[--progress-fill:var(--zui-progress-rose-fill-dark,var(--zui-color-rose-dark,oklch(71.2%_0.194_13.428)))]",
+  sky: "[--progress-fill:var(--zui-progress-sky-fill,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:[--progress-fill:var(--zui-progress-sky-fill-dark,var(--zui-color-sky-dark,oklch(74.6%_0.16_232.661)))]",
+  teal: "[--progress-fill:var(--zui-progress-teal-fill,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:[--progress-fill:var(--zui-progress-teal-fill-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912)))]",
+  yellow: "[--progress-fill:var(--zui-progress-yellow-fill,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:[--progress-fill:var(--zui-progress-yellow-fill-dark,var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936)))]",
+  orange: "[--progress-fill:var(--zui-progress-orange-fill,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:[--progress-fill:var(--zui-progress-orange-fill-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))]",
+  outline: "[--progress-fill:var(--zui-progress-outline-fill,var(--zui-fg,oklch(52%_0.105_223.128)))] dark:[--progress-fill:var(--zui-progress-outline-fill-dark,var(--zui-fg-dark,oklch(86.5%_0.127_207.078)))]",
+  ghost: "[--progress-fill:var(--zui-progress-ghost-fill,var(--zui-fg,oklch(27.9%_0.041_260.031)))] dark:[--progress-fill:var(--zui-progress-ghost-fill-dark,var(--zui-fg-dark,oklch(92.9%_0.013_255.508)))]",
+  glass: "[--progress-fill:var(--zui-progress-glass-fill,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:[--progress-fill:var(--zui-progress-glass-fill-dark,var(--zui-fg-dark,#ffffff))]",
+  "gradient-blue": "[--progress-fill:var(--zui-progress-gradient-blue-fill,var(--zui-color-blue,linear-gradient(90deg,oklch(62.3%_0.214_259.815)),oklch(62.7%_0.265_303.9)))] dark:[--progress-fill:var(--zui-progress-gradient-blue-fill-dark,var(--zui-color-blue-dark,linear-gradient(90deg,oklch(62.3%_0.214_259.815)),oklch(62.7%_0.265_303.9)))]",
+  "gradient-green": "[--progress-fill:var(--zui-progress-gradient-green-fill,var(--zui-color-green,linear-gradient(90deg,oklch(72.3%_0.219_149.579)),oklch(76.8%_0.233_130.85)))] dark:[--progress-fill:var(--zui-progress-gradient-green-fill-dark,var(--zui-color-green-dark,linear-gradient(90deg,oklch(72.3%_0.219_149.579)),oklch(76.8%_0.233_130.85)))]",
+  "gradient-red": "[--progress-fill:var(--zui-progress-gradient-red-fill,var(--zui-color-red,linear-gradient(90deg,oklch(63.7%_0.237_25.331)),oklch(65.6%_0.241_354.308)))] dark:[--progress-fill:var(--zui-progress-gradient-red-fill-dark,var(--zui-color-red-dark,linear-gradient(90deg,oklch(63.7%_0.237_25.331)),oklch(65.6%_0.241_354.308)))]",
+  "gradient-yellow": "[--progress-fill:var(--zui-progress-gradient-yellow-fill,var(--zui-color-yellow,linear-gradient(90deg,oklch(79.5%_0.184_86.047)),oklch(70.5%_0.213_47.604)))] dark:[--progress-fill:var(--zui-progress-gradient-yellow-fill-dark,var(--zui-color-yellow-dark,linear-gradient(90deg,oklch(79.5%_0.184_86.047)),oklch(70.5%_0.213_47.604)))]",
+  "gradient-purple": "[--progress-fill:var(--zui-progress-gradient-purple-fill,var(--zui-color-purple,linear-gradient(90deg,oklch(62.7%_0.265_303.9)),oklch(65.6%_0.241_354.308)))] dark:[--progress-fill:var(--zui-progress-gradient-purple-fill-dark,var(--zui-color-purple-dark,linear-gradient(90deg,oklch(62.7%_0.265_303.9)),oklch(65.6%_0.241_354.308)))]",
+  "gradient-teal": "[--progress-fill:var(--zui-progress-gradient-teal-fill,var(--zui-color-teal,linear-gradient(90deg,oklch(70.4%_0.14_182.503)),oklch(71.5%_0.143_215.221)))] dark:[--progress-fill:var(--zui-progress-gradient-teal-fill-dark,var(--zui-color-teal-dark,linear-gradient(90deg,oklch(70.4%_0.14_182.503)),oklch(71.5%_0.143_215.221)))]",
+  "gradient-indigo": "[--progress-fill:var(--zui-progress-gradient-indigo-fill,var(--zui-color-indigo,linear-gradient(90deg,oklch(58.5%_0.233_277.117)),oklch(62.7%_0.265_303.9)))] dark:[--progress-fill:var(--zui-progress-gradient-indigo-fill-dark,var(--zui-color-indigo-dark,linear-gradient(90deg,oklch(58.5%_0.233_277.117)),oklch(62.7%_0.265_303.9)))]",
+  "gradient-pink": "[--progress-fill:var(--zui-progress-gradient-pink-fill,var(--zui-color-pink,linear-gradient(90deg,oklch(65.6%_0.241_354.308)),oklch(64.5%_0.246_16.439)))] dark:[--progress-fill:var(--zui-progress-gradient-pink-fill-dark,var(--zui-color-pink-dark,linear-gradient(90deg,oklch(65.6%_0.241_354.308)),oklch(64.5%_0.246_16.439)))]",
+  "gradient-orange": "[--progress-fill:var(--zui-progress-gradient-orange-fill,var(--zui-color-orange,linear-gradient(90deg,oklch(70.5%_0.213_47.604)),oklch(63.7%_0.237_25.331)))] dark:[--progress-fill:var(--zui-progress-gradient-orange-fill-dark,var(--zui-color-orange-dark,linear-gradient(90deg,oklch(70.5%_0.213_47.604)),oklch(63.7%_0.237_25.331)))]",
+  blue: "[--progress-fill:var(--zui-progress-blue-fill,var(--zui-color-blue,#2563eb))] dark:[--progress-fill:var(--zui-progress-blue-fill-dark,var(--zui-color-blue-dark,#3b82f6))]",
+  cyan: "[--progress-fill:var(--zui-progress-cyan-fill,var(--zui-color-cyan,#0891b2))] dark:[--progress-fill:var(--zui-progress-cyan-fill-dark,var(--zui-color-cyan-dark,#22d3ee))]",
+  green: "[--progress-fill:var(--zui-progress-green-fill,var(--zui-color-green,#16a34a))] dark:[--progress-fill:var(--zui-progress-green-fill-dark,var(--zui-color-green-dark,#22c55e))]",
+  lime: "[--progress-fill:var(--zui-progress-lime-fill,var(--zui-color-lime,#65a30d))] dark:[--progress-fill:var(--zui-progress-lime-fill-dark,var(--zui-color-lime-dark,#a3e635))]",
+  mint: "[--progress-fill:var(--zui-progress-mint-fill,var(--zui-color-mint,#10b981))] dark:[--progress-fill:var(--zui-progress-mint-fill-dark,var(--zui-color-mint-dark,#6ee7b7))]",
+  ocean: "[--progress-fill:var(--zui-progress-ocean-fill,var(--zui-color-ocean,#0284c7))] dark:[--progress-fill:var(--zui-progress-ocean-fill-dark,var(--zui-color-ocean-dark,#38bdf8))]",
+  sapphire: "[--progress-fill:var(--zui-progress-sapphire-fill,var(--zui-color-sapphire,#1d4ed8))] dark:[--progress-fill:var(--zui-progress-sapphire-fill-dark,var(--zui-color-sapphire-dark,#60a5fa))]",
+  lavender: "[--progress-fill:var(--zui-progress-lavender-fill,var(--zui-color-lavender,#8b5cf6))] dark:[--progress-fill:var(--zui-progress-lavender-fill-dark,var(--zui-color-lavender-dark,#a78bfa))]",
+  ruby: "[--progress-fill:var(--zui-progress-ruby-fill,var(--zui-color-ruby,#be123c))] dark:[--progress-fill:var(--zui-progress-ruby-fill-dark,var(--zui-color-ruby-dark,#fb7185))]",
+  red: "[--progress-fill:var(--zui-progress-red-fill,var(--zui-color-red,#dc2626))] dark:[--progress-fill:var(--zui-progress-red-fill-dark,var(--zui-color-red-dark,#ef4444))]",
+  slate: "[--progress-fill:var(--zui-progress-slate-fill,var(--zui-color-slate,#475569))] dark:[--progress-fill:var(--zui-progress-slate-fill-dark,var(--zui-color-slate-dark,#64748b))]",
+  zinc: "[--progress-fill:var(--zui-progress-zinc-fill,var(--zui-color-zinc,#52525b))] dark:[--progress-fill:var(--zui-progress-zinc-fill-dark,var(--zui-color-zinc-dark,#71717a))]",
+  stone: "[--progress-fill:var(--zui-progress-stone-fill,var(--zui-color-stone,#57534e))] dark:[--progress-fill:var(--zui-progress-stone-fill-dark,var(--zui-color-stone-dark,#78716c))]",
+  royal: "[--progress-fill:var(--zui-progress-royal-fill,var(--zui-color-royal,#4338ca))] dark:[--progress-fill:var(--zui-progress-royal-fill-dark,var(--zui-color-royal-dark,#818cf8))]",
+  electric: "[--progress-fill:var(--zui-progress-electric-fill,var(--zui-color-electric,#0ea5e9))] dark:[--progress-fill:var(--zui-progress-electric-fill-dark,var(--zui-color-electric-dark,#38bdf8))]",
+  forest: "[--progress-fill:var(--zui-progress-forest-fill,var(--zui-color-forest,#166534))] dark:[--progress-fill:var(--zui-progress-forest-fill-dark,var(--zui-color-forest-dark,#4ade80))]",
+  sunset: "[--progress-fill:var(--zui-progress-sunset-fill,var(--zui-color-sunset,#ea580c))] dark:[--progress-fill:var(--zui-progress-sunset-fill-dark,var(--zui-color-sunset-dark,#fb923c))]",
+  magenta: "[--progress-fill:var(--zui-progress-magenta-fill,var(--zui-color-magenta,#c026d3))] dark:[--progress-fill:var(--zui-progress-magenta-fill-dark,var(--zui-color-magenta-dark,#e879f9))]",
+  crimson: "[--progress-fill:var(--zui-progress-crimson-fill,var(--zui-color-crimson,#b91c1c))] dark:[--progress-fill:var(--zui-progress-crimson-fill-dark,var(--zui-color-crimson-dark,#f87171))]",
+  aqua: "[--progress-fill:var(--zui-progress-aqua-fill,var(--zui-color-aqua,#0f766e))] dark:[--progress-fill:var(--zui-progress-aqua-fill-dark,var(--zui-color-aqua-dark,#2dd4bf))]",
+  plum: "[--progress-fill:var(--zui-progress-plum-fill,var(--zui-color-plum,#7e22ce))] dark:[--progress-fill:var(--zui-progress-plum-fill-dark,var(--zui-color-plum-dark,#c084fc))]"
+};
+var zuiProgressSizes = {
+  xs: "text-[0.65rem]",
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base",
+  xl: "text-lg"
+};
+var zuiProgressShapes = {
+  flat: "rounded-none",
+  rounded: "rounded-md",
+  pill: "rounded-full"
+};
+var zuiProgressBoolean = {
+  true: "",
+  false: ""
+};
+var zuiProgressTrackBase = "relative w-full overflow-hidden bg-[var(--zui-progress-track-bg,var(--zui-surface-muted,#0000001a))] dark:bg-[var(--zui-progress-track-bg-dark,var(--zui-surface-muted-dark,#ffffff1a))]";
+var zuiProgressTrackSizes = {
+  xs: "h-1",
+  sm: "h-1.5",
+  md: "h-2",
+  lg: "h-3",
+  xl: "h-4"
+};
+var zuiProgressBarBase = "h-full w-full origin-left rounded-[inherit]";
+var zuiProgressBarStriped = {
+  true: "[background:var(--zui-progress-bar-bg-striped,repeating-linear-gradient(135deg,rgba(255,255,255,0.28)_0,rgba(255,255,255,0.28)_10px,transparent_10px,transparent_20px)),var(--progress-fill)] dark:[background:var(--zui-progress-bar-bg-striped-dark,repeating-linear-gradient(135deg,rgba(255,255,255,0.18)_0,rgba(255,255,255,0.18)_10px,transparent_10px,transparent_20px)),var(--progress-fill)]",
+  false: "[background:var(--progress-fill)]"
+};
+
+export { zuiProgressAppearances, zuiProgressBarBase, zuiProgressBarStriped, zuiProgressBase, zuiProgressBoolean, zuiProgressShapes, zuiProgressSizes, zuiProgressTrackBase, zuiProgressTrackSizes };
+//# sourceMappingURL=chunk-BUEI4RMR.mjs.map
+//# sourceMappingURL=chunk-BUEI4RMR.mjs.map

package/dist/chunk-BUEI4RMR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/progress.ts"],"names":[],"mappings":";AAAO,IAAM,eAAA,GACX;AAEK,IAAM,sBAAA,GAAyB;AAAA,EACpC,OAAA,EACE,8MAAA;AAAA,EACF,SAAA,EACE,4MAAA;AAAA,EACF,WAAA,EACE,kOAAA;AAAA,EACF,OAAA,EACE,8NAAA;AAAA,EACF,MAAA,EACE,0NAAA;AAAA,EACF,MAAA,EACE,0NAAA;AAAA,EACF,IAAA,EAAM,gNAAA;AAAA,EACN,IAAA,EAAM,gNAAA;AAAA,EACN,GAAA,EAAK,2MAAA;AAAA,EACL,IAAA,EAAM,kNAAA;AAAA,EACN,MAAA,EACE,wNAAA;AAAA,EACF,MAAA,EACE,oNAAA;AAAA,EACF,OAAA,EACE,sMAAA;AAAA,EACF,KAAA,EACE,oMAAA;AAAA,EACF,KAAA,EACE,iLAAA;AAAA,EACF,eAAA,EACE,oUAAA;AAAA,EACF,gBAAA,EACE,0UAAA;AAAA,EACF,cAAA,EACE,kUAAA;AAAA,EACF,iBAAA,EACE,4UAAA;AAAA,EACF,iBAAA,EACE,4UAAA;AAAA,EACF,eAAA,EACE,sUAAA;AAAA,EACF,iBAAA,EACE,4UAAA;AAAA,EACF,eAAA,EACE,sUAAA;AAAA,EACF,iBAAA,EACE,4UAAA;AAAA,EACF,IAAA,EAAM,4KAAA;AAAA,EACN,IAAA,EAAM,4KAAA;AAAA,EACN,KAAA,EACE,gLAAA;AAAA,EACF,IAAA,EAAM,4KAAA;AAAA,EACN,IAAA,EAAM,4KAAA;AAAA,EACN,KAAA,EACE,gLAAA;AAAA,EACF,QAAA,EACE,4LAAA;AAAA,EACF,QAAA,EACE,4LAAA;AAAA,EACF,IAAA,EAAM,4KAAA;AAAA,EACN,GAAA,EAAK,wKAAA;AAAA,EACL,KAAA,EACE,gLAAA;AAAA,EACF,IAAA,EAAM,4KAAA;AAAA,EACN,KAAA,EACE,gLAAA;AAAA,EACF,KAAA,EACE,gLAAA;AAAA,EACF,QAAA,EACE,4LAAA;AAAA,EACF,MAAA,EACE,oLAAA;AAAA,EACF,MAAA,EACE,oLAAA;AAAA,EACF,OAAA,EACE,wLAAA;AAAA,EACF,OAAA,EACE,wLAAA;AAAA,EACF,IAAA,EAAM,4KAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,gBAAA,GAAmB;AAAA,EAC9B,EAAA,EAAI,gBAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,iBAAA,GAAoB;AAAA,EAC/B,IAAA,EAAM,cAAA;AAAA,EACN,OAAA,EAAS,YAAA;AAAA,EACT,IAAA,EAAM;AACR;AAEO,IAAM,kBAAA,GAAqB;AAAA,EAChC,IAAA,EAAM,EAAA;AAAA,EACN,KAAA,EAAO;AACT;AAEO,IAAM,oBAAA,GACX;AAEK,IAAM,qBAAA,GAAwB;AAAA,EACnC,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,kBAAA,GAAqB;AAE3B,IAAM,qBAAA,GAAwB;AAAA,EACnC,IAAA,EAAM,uYAAA;AAAA,EACN,KAAA,EAAO;AACT","file":"chunk-BUEI4RMR.mjs","sourcesContent":["export const zuiProgressBase =\n  \"w-full text-[color:var(--zui-progress-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-progress-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]\";\n\nexport const zuiProgressAppearances = {\n  default:\n    \"[--progress-fill:var(--zui-progress-default-fill,var(--zui-brand,oklch(20.8%_0.042_265.755)))] dark:[--progress-fill:var(--zui-progress-default-fill-dark,var(--zui-brand-dark,oklch(98.4%_0.003_247.858)))]\",\n  secondary:\n    \"[--progress-fill:var(--zui-progress-secondary-fill,var(--zui-fg,oklch(44.6%_0.043_257.281)))] dark:[--progress-fill:var(--zui-progress-secondary-fill-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))]\",\n  destructive:\n    \"[--progress-fill:var(--zui-progress-destructive-fill,var(--zui-status-error,oklch(45.5%_0.188_13.697)))] dark:[--progress-fill:var(--zui-progress-destructive-fill-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428)))]\",\n  emerald:\n    \"[--progress-fill:var(--zui-progress-emerald-fill,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:[--progress-fill:var(--zui-progress-emerald-fill-dark,var(--zui-color-emerald-dark,oklch(76.5%_0.177_163.223)))]\",\n  indigo:\n    \"[--progress-fill:var(--zui-progress-indigo-fill,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:[--progress-fill:var(--zui-progress-indigo-fill-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))]\",\n  purple:\n    \"[--progress-fill:var(--zui-progress-purple-fill,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:[--progress-fill:var(--zui-progress-purple-fill-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504)))]\",\n  pink: \"[--progress-fill:var(--zui-progress-pink-fill,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:[--progress-fill:var(--zui-progress-pink-fill-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))]\",\n  rose: \"[--progress-fill:var(--zui-progress-rose-fill,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:[--progress-fill:var(--zui-progress-rose-fill-dark,var(--zui-color-rose-dark,oklch(71.2%_0.194_13.428)))]\",\n  sky: \"[--progress-fill:var(--zui-progress-sky-fill,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:[--progress-fill:var(--zui-progress-sky-fill-dark,var(--zui-color-sky-dark,oklch(74.6%_0.16_232.661)))]\",\n  teal: \"[--progress-fill:var(--zui-progress-teal-fill,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:[--progress-fill:var(--zui-progress-teal-fill-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912)))]\",\n  yellow:\n    \"[--progress-fill:var(--zui-progress-yellow-fill,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:[--progress-fill:var(--zui-progress-yellow-fill-dark,var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936)))]\",\n  orange:\n    \"[--progress-fill:var(--zui-progress-orange-fill,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:[--progress-fill:var(--zui-progress-orange-fill-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))]\",\n  outline:\n    \"[--progress-fill:var(--zui-progress-outline-fill,var(--zui-fg,oklch(52%_0.105_223.128)))] dark:[--progress-fill:var(--zui-progress-outline-fill-dark,var(--zui-fg-dark,oklch(86.5%_0.127_207.078)))]\",\n  ghost:\n    \"[--progress-fill:var(--zui-progress-ghost-fill,var(--zui-fg,oklch(27.9%_0.041_260.031)))] dark:[--progress-fill:var(--zui-progress-ghost-fill-dark,var(--zui-fg-dark,oklch(92.9%_0.013_255.508)))]\",\n  glass:\n    \"[--progress-fill:var(--zui-progress-glass-fill,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:[--progress-fill:var(--zui-progress-glass-fill-dark,var(--zui-fg-dark,#ffffff))]\",\n  \"gradient-blue\":\n    \"[--progress-fill:var(--zui-progress-gradient-blue-fill,var(--zui-color-blue,linear-gradient(90deg,oklch(62.3%_0.214_259.815)),oklch(62.7%_0.265_303.9)))] dark:[--progress-fill:var(--zui-progress-gradient-blue-fill-dark,var(--zui-color-blue-dark,linear-gradient(90deg,oklch(62.3%_0.214_259.815)),oklch(62.7%_0.265_303.9)))]\",\n  \"gradient-green\":\n    \"[--progress-fill:var(--zui-progress-gradient-green-fill,var(--zui-color-green,linear-gradient(90deg,oklch(72.3%_0.219_149.579)),oklch(76.8%_0.233_130.85)))] dark:[--progress-fill:var(--zui-progress-gradient-green-fill-dark,var(--zui-color-green-dark,linear-gradient(90deg,oklch(72.3%_0.219_149.579)),oklch(76.8%_0.233_130.85)))]\",\n  \"gradient-red\":\n    \"[--progress-fill:var(--zui-progress-gradient-red-fill,var(--zui-color-red,linear-gradient(90deg,oklch(63.7%_0.237_25.331)),oklch(65.6%_0.241_354.308)))] dark:[--progress-fill:var(--zui-progress-gradient-red-fill-dark,var(--zui-color-red-dark,linear-gradient(90deg,oklch(63.7%_0.237_25.331)),oklch(65.6%_0.241_354.308)))]\",\n  \"gradient-yellow\":\n    \"[--progress-fill:var(--zui-progress-gradient-yellow-fill,var(--zui-color-yellow,linear-gradient(90deg,oklch(79.5%_0.184_86.047)),oklch(70.5%_0.213_47.604)))] dark:[--progress-fill:var(--zui-progress-gradient-yellow-fill-dark,var(--zui-color-yellow-dark,linear-gradient(90deg,oklch(79.5%_0.184_86.047)),oklch(70.5%_0.213_47.604)))]\",\n  \"gradient-purple\":\n    \"[--progress-fill:var(--zui-progress-gradient-purple-fill,var(--zui-color-purple,linear-gradient(90deg,oklch(62.7%_0.265_303.9)),oklch(65.6%_0.241_354.308)))] dark:[--progress-fill:var(--zui-progress-gradient-purple-fill-dark,var(--zui-color-purple-dark,linear-gradient(90deg,oklch(62.7%_0.265_303.9)),oklch(65.6%_0.241_354.308)))]\",\n  \"gradient-teal\":\n    \"[--progress-fill:var(--zui-progress-gradient-teal-fill,var(--zui-color-teal,linear-gradient(90deg,oklch(70.4%_0.14_182.503)),oklch(71.5%_0.143_215.221)))] dark:[--progress-fill:var(--zui-progress-gradient-teal-fill-dark,var(--zui-color-teal-dark,linear-gradient(90deg,oklch(70.4%_0.14_182.503)),oklch(71.5%_0.143_215.221)))]\",\n  \"gradient-indigo\":\n    \"[--progress-fill:var(--zui-progress-gradient-indigo-fill,var(--zui-color-indigo,linear-gradient(90deg,oklch(58.5%_0.233_277.117)),oklch(62.7%_0.265_303.9)))] dark:[--progress-fill:var(--zui-progress-gradient-indigo-fill-dark,var(--zui-color-indigo-dark,linear-gradient(90deg,oklch(58.5%_0.233_277.117)),oklch(62.7%_0.265_303.9)))]\",\n  \"gradient-pink\":\n    \"[--progress-fill:var(--zui-progress-gradient-pink-fill,var(--zui-color-pink,linear-gradient(90deg,oklch(65.6%_0.241_354.308)),oklch(64.5%_0.246_16.439)))] dark:[--progress-fill:var(--zui-progress-gradient-pink-fill-dark,var(--zui-color-pink-dark,linear-gradient(90deg,oklch(65.6%_0.241_354.308)),oklch(64.5%_0.246_16.439)))]\",\n  \"gradient-orange\":\n    \"[--progress-fill:var(--zui-progress-gradient-orange-fill,var(--zui-color-orange,linear-gradient(90deg,oklch(70.5%_0.213_47.604)),oklch(63.7%_0.237_25.331)))] dark:[--progress-fill:var(--zui-progress-gradient-orange-fill-dark,var(--zui-color-orange-dark,linear-gradient(90deg,oklch(70.5%_0.213_47.604)),oklch(63.7%_0.237_25.331)))]\",\n  blue: \"[--progress-fill:var(--zui-progress-blue-fill,var(--zui-color-blue,#2563eb))] dark:[--progress-fill:var(--zui-progress-blue-fill-dark,var(--zui-color-blue-dark,#3b82f6))]\",\n  cyan: \"[--progress-fill:var(--zui-progress-cyan-fill,var(--zui-color-cyan,#0891b2))] dark:[--progress-fill:var(--zui-progress-cyan-fill-dark,var(--zui-color-cyan-dark,#22d3ee))]\",\n  green:\n    \"[--progress-fill:var(--zui-progress-green-fill,var(--zui-color-green,#16a34a))] dark:[--progress-fill:var(--zui-progress-green-fill-dark,var(--zui-color-green-dark,#22c55e))]\",\n  lime: \"[--progress-fill:var(--zui-progress-lime-fill,var(--zui-color-lime,#65a30d))] dark:[--progress-fill:var(--zui-progress-lime-fill-dark,var(--zui-color-lime-dark,#a3e635))]\",\n  mint: \"[--progress-fill:var(--zui-progress-mint-fill,var(--zui-color-mint,#10b981))] dark:[--progress-fill:var(--zui-progress-mint-fill-dark,var(--zui-color-mint-dark,#6ee7b7))]\",\n  ocean:\n    \"[--progress-fill:var(--zui-progress-ocean-fill,var(--zui-color-ocean,#0284c7))] dark:[--progress-fill:var(--zui-progress-ocean-fill-dark,var(--zui-color-ocean-dark,#38bdf8))]\",\n  sapphire:\n    \"[--progress-fill:var(--zui-progress-sapphire-fill,var(--zui-color-sapphire,#1d4ed8))] dark:[--progress-fill:var(--zui-progress-sapphire-fill-dark,var(--zui-color-sapphire-dark,#60a5fa))]\",\n  lavender:\n    \"[--progress-fill:var(--zui-progress-lavender-fill,var(--zui-color-lavender,#8b5cf6))] dark:[--progress-fill:var(--zui-progress-lavender-fill-dark,var(--zui-color-lavender-dark,#a78bfa))]\",\n  ruby: \"[--progress-fill:var(--zui-progress-ruby-fill,var(--zui-color-ruby,#be123c))] dark:[--progress-fill:var(--zui-progress-ruby-fill-dark,var(--zui-color-ruby-dark,#fb7185))]\",\n  red: \"[--progress-fill:var(--zui-progress-red-fill,var(--zui-color-red,#dc2626))] dark:[--progress-fill:var(--zui-progress-red-fill-dark,var(--zui-color-red-dark,#ef4444))]\",\n  slate:\n    \"[--progress-fill:var(--zui-progress-slate-fill,var(--zui-color-slate,#475569))] dark:[--progress-fill:var(--zui-progress-slate-fill-dark,var(--zui-color-slate-dark,#64748b))]\",\n  zinc: \"[--progress-fill:var(--zui-progress-zinc-fill,var(--zui-color-zinc,#52525b))] dark:[--progress-fill:var(--zui-progress-zinc-fill-dark,var(--zui-color-zinc-dark,#71717a))]\",\n  stone:\n    \"[--progress-fill:var(--zui-progress-stone-fill,var(--zui-color-stone,#57534e))] dark:[--progress-fill:var(--zui-progress-stone-fill-dark,var(--zui-color-stone-dark,#78716c))]\",\n  royal:\n    \"[--progress-fill:var(--zui-progress-royal-fill,var(--zui-color-royal,#4338ca))] dark:[--progress-fill:var(--zui-progress-royal-fill-dark,var(--zui-color-royal-dark,#818cf8))]\",\n  electric:\n    \"[--progress-fill:var(--zui-progress-electric-fill,var(--zui-color-electric,#0ea5e9))] dark:[--progress-fill:var(--zui-progress-electric-fill-dark,var(--zui-color-electric-dark,#38bdf8))]\",\n  forest:\n    \"[--progress-fill:var(--zui-progress-forest-fill,var(--zui-color-forest,#166534))] dark:[--progress-fill:var(--zui-progress-forest-fill-dark,var(--zui-color-forest-dark,#4ade80))]\",\n  sunset:\n    \"[--progress-fill:var(--zui-progress-sunset-fill,var(--zui-color-sunset,#ea580c))] dark:[--progress-fill:var(--zui-progress-sunset-fill-dark,var(--zui-color-sunset-dark,#fb923c))]\",\n  magenta:\n    \"[--progress-fill:var(--zui-progress-magenta-fill,var(--zui-color-magenta,#c026d3))] dark:[--progress-fill:var(--zui-progress-magenta-fill-dark,var(--zui-color-magenta-dark,#e879f9))]\",\n  crimson:\n    \"[--progress-fill:var(--zui-progress-crimson-fill,var(--zui-color-crimson,#b91c1c))] dark:[--progress-fill:var(--zui-progress-crimson-fill-dark,var(--zui-color-crimson-dark,#f87171))]\",\n  aqua: \"[--progress-fill:var(--zui-progress-aqua-fill,var(--zui-color-aqua,#0f766e))] dark:[--progress-fill:var(--zui-progress-aqua-fill-dark,var(--zui-color-aqua-dark,#2dd4bf))]\",\n  plum: \"[--progress-fill:var(--zui-progress-plum-fill,var(--zui-color-plum,#7e22ce))] dark:[--progress-fill:var(--zui-progress-plum-fill-dark,var(--zui-color-plum-dark,#c084fc))]\",\n} as const;\n\nexport const zuiProgressSizes = {\n  xs: \"text-[0.65rem]\",\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n  xl: \"text-lg\",\n} as const;\n\nexport const zuiProgressShapes = {\n  flat: \"rounded-none\",\n  rounded: \"rounded-md\",\n  pill: \"rounded-full\",\n} as const;\n\nexport const zuiProgressBoolean = {\n  true: \"\",\n  false: \"\",\n} as const;\n\nexport const zuiProgressTrackBase =\n  \"relative w-full overflow-hidden bg-[var(--zui-progress-track-bg,var(--zui-surface-muted,#0000001a))] dark:bg-[var(--zui-progress-track-bg-dark,var(--zui-surface-muted-dark,#ffffff1a))]\";\n\nexport const zuiProgressTrackSizes = {\n  xs: \"h-1\",\n  sm: \"h-1.5\",\n  md: \"h-2\",\n  lg: \"h-3\",\n  xl: \"h-4\",\n} as const;\n\nexport const zuiProgressBarBase = \"h-full w-full origin-left rounded-[inherit]\";\n\nexport const zuiProgressBarStriped = {\n  true: \"[background:var(--zui-progress-bar-bg-striped,repeating-linear-gradient(135deg,rgba(255,255,255,0.28)_0,rgba(255,255,255,0.28)_10px,transparent_10px,transparent_20px)),var(--progress-fill)] dark:[background:var(--zui-progress-bar-bg-striped-dark,repeating-linear-gradient(135deg,rgba(255,255,255,0.18)_0,rgba(255,255,255,0.18)_10px,transparent_10px,transparent_20px)),var(--progress-fill)]\",\n  false: \"[background:var(--progress-fill)]\",\n} as const;\n"]}

package/dist/chunk-BVTYDGLM.mjs

@@ -0,0 +1,68 @@
+// 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"
+};
+
+export { zuiToastRootAppearances, zuiToastRootBase, zuiToastRootSizes, zuiToastViewportBase, zuiToastViewportPositions };
+//# sourceMappingURL=chunk-BVTYDGLM.mjs.map
+//# sourceMappingURL=chunk-BVTYDGLM.mjs.map

package/dist/chunk-BVTYDGLM.mjs.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-BVTYDGLM.mjs","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-7JBQ3ZJN.mjs → chunk-BYXFSXNG.mjs}

@@ -1,4 +1,4 @@
-import { zuiTableBase, zuiTableStickyHeader, zuiTableSizes, zuiTableAppearances, zuiTableRowBase, zuiTableRowAppearances, zuiTableCellBase, zuiTableTextAlignments, zuiTableCellSizes, zuiTableCellAppearances } from './chunk-3R6PQUG2.mjs';
+import { zuiTableBase, zuiTableStickyHeader, zuiTableSizes, zuiTableAppearances, zuiTableRowBase, zuiTableRowAppearances, zuiTableCellBase, zuiTableTextAlignments, zuiTableCellSizes, zuiTableCellAppearances } from './chunk-YPTHTFVF.mjs';
 import { cn } from './chunk-4D54YOL6.mjs';
 import { cva } from 'class-variance-authority';
 import { createContext, useContext, useMemo, useCallback } from 'react';
@@ -246,5 +246,5 @@ function TableCaption({ className, children }) {
 TableCaption.displayName = "TableCaption";
 
 export { TableBase, TableBody, TableCaption, TableCell, TableContext, TableFooter, TableHead, TableHeader, TableRow, tableCellVariants, tableRowVariants, tableVariants, useTableContext };
-//# sourceMappingURL=chunk-7JBQ3ZJN.mjs.map
-//# sourceMappingURL=chunk-7JBQ3ZJN.mjs.map
+//# sourceMappingURL=chunk-BYXFSXNG.mjs.map
+//# sourceMappingURL=chunk-BYXFSXNG.mjs.map

package/dist/{chunk-7JBQ3ZJN.mjs.map → chunk-BYXFSXNG.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/table/variants.ts","../src/ui/table/table-base.tsx"],"names":[],"mappings":"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","file":"chunk-7JBQ3ZJN.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiTableAppearances,\n  zuiTableBase,\n  zuiTableCellAppearances,\n  zuiTableCellBase,\n  zuiTableCellSizes,\n  zuiTableRowAppearances,\n  zuiTableRowBase,\n  zuiTableSizes,\n  zuiTableStickyHeader,\n  zuiTableTextAlignments,\n} from \"../../design-system/table\";\n\nexport const tableVariants = cva(zuiTableBase, {\n  variants: {\n    appearance: zuiTableAppearances,\n    size: zuiTableSizes,\n    stickyHeader: zuiTableStickyHeader,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    stickyHeader: false,\n  },\n});\n\nexport const tableRowVariants = cva(zuiTableRowBase, {\n  variants: {\n    appearance: zuiTableRowAppearances,\n  },\n  defaultVariants: { appearance: \"default\" },\n});\n\nexport const tableCellVariants = cva(zuiTableCellBase, {\n  variants: {\n    appearance: zuiTableCellAppearances,\n    size: zuiTableCellSizes,\n    textAlign: zuiTableTextAlignments,\n  },\n  defaultVariants: { appearance: \"default\", size: \"md\" },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  type KeyboardEvent,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  TableCtx,\n  TableCellProps,\n  TableHeadCellProps,\n  TableProps,\n  TableSectionProps,\n  TableSortDirection,\n} from \"./types\";\nimport { tableCellVariants, tableRowVariants, tableVariants } from \"./variants\";\n\nexport const TableContext = createContext<TableCtx | null>(null);\n\nexport function useTableContext(component: string): TableCtx {\n  const ctx = useContext(TableContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Table>`);\n  }\n  return ctx;\n}\n\nexport function TableBase(props: TableProps) {\n  const {\n    className,\n    appearance = \"default\",\n    size = \"md\",\n    textAlign = \"left\",\n    stickyHeader = false,\n    scrollAreaAriaLabel,\n    children,\n    ref,\n    ...rest\n  } = props;\n  const ctx = useMemo(\n    () => ({\n      appearance: appearance ?? \"default\",\n      size: size ?? \"md\",\n      stickyHeader: Boolean(stickyHeader),\n      rowAnimation: \"none\" as const,\n      textAlign,\n    }),\n    [appearance, size, stickyHeader, textAlign],\n  );\n\n  return (\n    <TableContext.Provider value={ctx}>\n      <div\n        data-slot=\"table-scroll\"\n        tabIndex={0}\n        role=\"region\"\n        aria-label={scrollAreaAriaLabel ?? \"Scrollable table\"}\n        className={cn(\n          \"relative w-full overflow-auto\",\n          \"outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n        )}\n      >\n        <table\n          ref={ref}\n          data-slot=\"table\"\n          className={cn(\n            tableVariants({ appearance, size, stickyHeader }),\n            \"w-full min-w-0 table\",\n            className,\n          )}\n          {...rest}\n        >\n          {children}\n        </table>\n      </div>\n    </TableContext.Provider>\n  );\n}\n\nTableBase.displayName = \"Table\";\n\nexport function TableHeader({ className, children }: TableSectionProps) {\n  const { stickyHeader } = useTableContext(\"TableHeader\");\n  const stickyClass = stickyHeader\n    ? \"sticky top-0 z-10 dark:bg-slate-950/95 bg-slate-50/95 backdrop-blur\"\n    : \"\";\n  return (\n    <thead data-slot=\"table-header\" className={cn(stickyClass, className)}>\n      {children}\n    </thead>\n  );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport function TableBody({ className, children }: TableSectionProps) {\n  return (\n    <tbody data-slot=\"table-body\" className={cn(className)}>\n      {children}\n    </tbody>\n  );\n}\n\nTableBody.displayName = \"TableBody\";\n\nexport function TableFooter({ className, children }: TableSectionProps) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"border-t border-white/10 bg-white/3 font-medium\",\n        className,\n      )}\n    >\n      {children}\n    </tfoot>\n  );\n}\n\nTableFooter.displayName = \"TableFooter\";\n\nexport function TableRow({\n  className,\n  children,\n  ref,\n  as: Wrapper = \"tr\",\n  rowAnimation: _rowAnimation,\n  ...rest\n}: TableSectionProps & { ref?: React.Ref<HTMLTableRowElement> }) {\n  const { appearance } = useTableContext(\"TableRow\");\n\n  return (\n    <Wrapper\n      ref={ref}\n      data-slot=\"table-row\"\n      className={cn(tableRowVariants({ appearance }), className)}\n      {...rest}\n    >\n      {children}\n    </Wrapper>\n  );\n}\n\nTableRow.displayName = \"TableRow\";\n\nexport function TableHead({\n  className,\n  children,\n  scope = \"col\",\n  sortKey,\n  sortDirection,\n  onSortChange,\n  onClick,\n  onKeyDown,\n  tabIndex,\n  ref,\n  ...rest\n}: TableHeadCellProps) {\n  const { appearance, size, textAlign } = useTableContext(\"TableHead\");\n  const isSortable = Boolean(sortKey && onSortChange);\n  const sortableDirection: TableSortDirection = sortDirection ?? \"none\";\n\n  const handleSort = useCallback(() => {\n    if (!sortKey || !onSortChange) {\n      return;\n    }\n\n    const nextDirection: TableSortDirection =\n      sortableDirection === \"ascending\"\n        ? \"descending\"\n        : sortableDirection === \"descending\"\n          ? \"none\"\n          : \"ascending\";\n\n    onSortChange({\n      sortKey,\n      sortDirection: nextDirection,\n    });\n  }, [onSortChange, sortKey, sortableDirection]);\n\n  const handleClick = useCallback<NonNullable<TableHeadCellProps[\"onClick\"]>>(\n    (event) => {\n      onClick?.(event);\n      if (!event.defaultPrevented) {\n        handleSort();\n      }\n    },\n    [handleSort, onClick],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLTableCellElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented || !isSortable) {\n        return;\n      }\n      if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault();\n        handleSort();\n      }\n    },\n    [handleSort, isSortable, onKeyDown],\n  );\n\n  return (\n    <th\n      ref={ref}\n      data-slot=\"table-head\"\n      scope={scope}\n      aria-sort={isSortable ? sortableDirection : sortDirection}\n      data-sort-key={sortKey}\n      data-sort-direction={sortDirection}\n      tabIndex={isSortable ? (tabIndex ?? 0) : tabIndex}\n      className={cn(\n        tableCellVariants({ appearance, size, textAlign }),\n        isSortable &&\n          \"cursor-pointer select-none outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n        className,\n      )}\n      onClick={isSortable ? handleClick : onClick}\n      onKeyDown={isSortable ? handleKeyDown : onKeyDown}\n      {...rest}\n    >\n      {children}\n    </th>\n  );\n}\n\nTableHead.displayName = \"TableHead\";\n\nexport function TableCell({\n  className,\n  children,\n  ref,\n  scope,\n  ...rest\n}: TableCellProps) {\n  const { appearance, size, textAlign } = useTableContext(\"TableCell\");\n  const cellClassName = cn(\n    tableCellVariants({ appearance, size, textAlign }),\n    className,\n  );\n\n  if (scope !== undefined) {\n    return (\n      <th\n        ref={ref}\n        data-slot=\"table-cell\"\n        scope={scope}\n        className={cellClassName}\n        {...rest}\n      >\n        {children}\n      </th>\n    );\n  }\n\n  return (\n    <td ref={ref} data-slot=\"table-cell\" className={cellClassName} {...rest}>\n      {children}\n    </td>\n  );\n}\n\nTableCell.displayName = \"TableCell\";\n\nexport function TableCaption({ className, children }: TableSectionProps) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"mt-3 text-left text-xs text-slate-500\", className)}\n    >\n      {children}\n    </caption>\n  );\n}\n\nTableCaption.displayName = \"TableCaption\";\n"]}
+{"version":3,"sources":["../src/ui/table/variants.ts","../src/ui/table/table-base.tsx"],"names":[],"mappings":"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","file":"chunk-BYXFSXNG.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiTableAppearances,\n  zuiTableBase,\n  zuiTableCellAppearances,\n  zuiTableCellBase,\n  zuiTableCellSizes,\n  zuiTableRowAppearances,\n  zuiTableRowBase,\n  zuiTableSizes,\n  zuiTableStickyHeader,\n  zuiTableTextAlignments,\n} from \"../../design-system/table\";\n\nexport const tableVariants = cva(zuiTableBase, {\n  variants: {\n    appearance: zuiTableAppearances,\n    size: zuiTableSizes,\n    stickyHeader: zuiTableStickyHeader,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    stickyHeader: false,\n  },\n});\n\nexport const tableRowVariants = cva(zuiTableRowBase, {\n  variants: {\n    appearance: zuiTableRowAppearances,\n  },\n  defaultVariants: { appearance: \"default\" },\n});\n\nexport const tableCellVariants = cva(zuiTableCellBase, {\n  variants: {\n    appearance: zuiTableCellAppearances,\n    size: zuiTableCellSizes,\n    textAlign: zuiTableTextAlignments,\n  },\n  defaultVariants: { appearance: \"default\", size: \"md\" },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  type KeyboardEvent,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  TableCtx,\n  TableCellProps,\n  TableHeadCellProps,\n  TableProps,\n  TableSectionProps,\n  TableSortDirection,\n} from \"./types\";\nimport { tableCellVariants, tableRowVariants, tableVariants } from \"./variants\";\n\nexport const TableContext = createContext<TableCtx | null>(null);\n\nexport function useTableContext(component: string): TableCtx {\n  const ctx = useContext(TableContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Table>`);\n  }\n  return ctx;\n}\n\nexport function TableBase(props: TableProps) {\n  const {\n    className,\n    appearance = \"default\",\n    size = \"md\",\n    textAlign = \"left\",\n    stickyHeader = false,\n    scrollAreaAriaLabel,\n    children,\n    ref,\n    ...rest\n  } = props;\n  const ctx = useMemo(\n    () => ({\n      appearance: appearance ?? \"default\",\n      size: size ?? \"md\",\n      stickyHeader: Boolean(stickyHeader),\n      rowAnimation: \"none\" as const,\n      textAlign,\n    }),\n    [appearance, size, stickyHeader, textAlign],\n  );\n\n  return (\n    <TableContext.Provider value={ctx}>\n      <div\n        data-slot=\"table-scroll\"\n        tabIndex={0}\n        role=\"region\"\n        aria-label={scrollAreaAriaLabel ?? \"Scrollable table\"}\n        className={cn(\n          \"relative w-full overflow-auto\",\n          \"outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n        )}\n      >\n        <table\n          ref={ref}\n          data-slot=\"table\"\n          className={cn(\n            tableVariants({ appearance, size, stickyHeader }),\n            \"w-full min-w-0 table\",\n            className,\n          )}\n          {...rest}\n        >\n          {children}\n        </table>\n      </div>\n    </TableContext.Provider>\n  );\n}\n\nTableBase.displayName = \"Table\";\n\nexport function TableHeader({ className, children }: TableSectionProps) {\n  const { stickyHeader } = useTableContext(\"TableHeader\");\n  const stickyClass = stickyHeader\n    ? \"sticky top-0 z-10 dark:bg-slate-950/95 bg-slate-50/95 backdrop-blur\"\n    : \"\";\n  return (\n    <thead data-slot=\"table-header\" className={cn(stickyClass, className)}>\n      {children}\n    </thead>\n  );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport function TableBody({ className, children }: TableSectionProps) {\n  return (\n    <tbody data-slot=\"table-body\" className={cn(className)}>\n      {children}\n    </tbody>\n  );\n}\n\nTableBody.displayName = \"TableBody\";\n\nexport function TableFooter({ className, children }: TableSectionProps) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"border-t border-white/10 bg-white/3 font-medium\",\n        className,\n      )}\n    >\n      {children}\n    </tfoot>\n  );\n}\n\nTableFooter.displayName = \"TableFooter\";\n\nexport function TableRow({\n  className,\n  children,\n  ref,\n  as: Wrapper = \"tr\",\n  rowAnimation: _rowAnimation,\n  ...rest\n}: TableSectionProps & { ref?: React.Ref<HTMLTableRowElement> }) {\n  const { appearance } = useTableContext(\"TableRow\");\n\n  return (\n    <Wrapper\n      ref={ref}\n      data-slot=\"table-row\"\n      className={cn(tableRowVariants({ appearance }), className)}\n      {...rest}\n    >\n      {children}\n    </Wrapper>\n  );\n}\n\nTableRow.displayName = \"TableRow\";\n\nexport function TableHead({\n  className,\n  children,\n  scope = \"col\",\n  sortKey,\n  sortDirection,\n  onSortChange,\n  onClick,\n  onKeyDown,\n  tabIndex,\n  ref,\n  ...rest\n}: TableHeadCellProps) {\n  const { appearance, size, textAlign } = useTableContext(\"TableHead\");\n  const isSortable = Boolean(sortKey && onSortChange);\n  const sortableDirection: TableSortDirection = sortDirection ?? \"none\";\n\n  const handleSort = useCallback(() => {\n    if (!sortKey || !onSortChange) {\n      return;\n    }\n\n    const nextDirection: TableSortDirection =\n      sortableDirection === \"ascending\"\n        ? \"descending\"\n        : sortableDirection === \"descending\"\n          ? \"none\"\n          : \"ascending\";\n\n    onSortChange({\n      sortKey,\n      sortDirection: nextDirection,\n    });\n  }, [onSortChange, sortKey, sortableDirection]);\n\n  const handleClick = useCallback<NonNullable<TableHeadCellProps[\"onClick\"]>>(\n    (event) => {\n      onClick?.(event);\n      if (!event.defaultPrevented) {\n        handleSort();\n      }\n    },\n    [handleSort, onClick],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLTableCellElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented || !isSortable) {\n        return;\n      }\n      if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault();\n        handleSort();\n      }\n    },\n    [handleSort, isSortable, onKeyDown],\n  );\n\n  return (\n    <th\n      ref={ref}\n      data-slot=\"table-head\"\n      scope={scope}\n      aria-sort={isSortable ? sortableDirection : sortDirection}\n      data-sort-key={sortKey}\n      data-sort-direction={sortDirection}\n      tabIndex={isSortable ? (tabIndex ?? 0) : tabIndex}\n      className={cn(\n        tableCellVariants({ appearance, size, textAlign }),\n        isSortable &&\n          \"cursor-pointer select-none outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n        className,\n      )}\n      onClick={isSortable ? handleClick : onClick}\n      onKeyDown={isSortable ? handleKeyDown : onKeyDown}\n      {...rest}\n    >\n      {children}\n    </th>\n  );\n}\n\nTableHead.displayName = \"TableHead\";\n\nexport function TableCell({\n  className,\n  children,\n  ref,\n  scope,\n  ...rest\n}: TableCellProps) {\n  const { appearance, size, textAlign } = useTableContext(\"TableCell\");\n  const cellClassName = cn(\n    tableCellVariants({ appearance, size, textAlign }),\n    className,\n  );\n\n  if (scope !== undefined) {\n    return (\n      <th\n        ref={ref}\n        data-slot=\"table-cell\"\n        scope={scope}\n        className={cellClassName}\n        {...rest}\n      >\n        {children}\n      </th>\n    );\n  }\n\n  return (\n    <td ref={ref} data-slot=\"table-cell\" className={cellClassName} {...rest}>\n      {children}\n    </td>\n  );\n}\n\nTableCell.displayName = \"TableCell\";\n\nexport function TableCaption({ className, children }: TableSectionProps) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"mt-3 text-left text-xs text-slate-500\", className)}\n    >\n      {children}\n    </caption>\n  );\n}\n\nTableCaption.displayName = \"TableCaption\";\n"]}