@zentauri-ui/zentauri-components 2.2.2 → 2.3.0

package/dist/ui/hash-generator.js

@@ -0,0 +1,126 @@
+"use client";
+'use strict';
+
+var chunkEZNR7VLJ_js = require('../chunk-EZNR7VLJ.js');
+var chunkYRQN3AV4_js = require('../chunk-YRQN3AV4.js');
+var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
+require('../chunk-PZ5AY32C.js');
+var react = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/hash-generator/types.ts
+var ALGORITHM_LABELS = {
+  sha1: "SHA-1",
+  sha256: "SHA-256",
+  sha384: "SHA-384",
+  sha512: "SHA-512"
+};
+var hashGeneratorVariants = classVarianceAuthority.cva(chunkYRQN3AV4_js.zuiHashGeneratorBase, {
+  variants: {
+    appearance: chunkYRQN3AV4_js.zuiHashGeneratorAppearances,
+    size: chunkYRQN3AV4_js.zuiHashGeneratorSizes
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md"
+  }
+});
+var hashGeneratorHeaderVariants = classVarianceAuthority.cva(chunkYRQN3AV4_js.zuiHashGeneratorHeaderBase);
+var hashGeneratorLabelVariants = classVarianceAuthority.cva(chunkYRQN3AV4_js.zuiHashGeneratorLabelBase);
+var hashGeneratorInputVariants = classVarianceAuthority.cva(chunkYRQN3AV4_js.zuiHashGeneratorInputBase);
+var hashGeneratorOutputVariants = classVarianceAuthority.cva(chunkYRQN3AV4_js.zuiHashGeneratorOutputBase);
+var hashGeneratorOutputTextVariants = classVarianceAuthority.cva(
+  chunkYRQN3AV4_js.zuiHashGeneratorOutputTextBase
+);
+function HashGeneratorBase({
+  className,
+  appearance,
+  size,
+  algorithm = "sha256",
+  value,
+  onValueChange,
+  readOnly = false,
+  showCopyButton = true,
+  ref,
+  ...rest
+}) {
+  const [internalValue, setInternalValue] = react.useState("");
+  const [copied, setCopied] = react.useState(false);
+  const inputValue = value ?? internalValue;
+  const handleChange = onValueChange ?? setInternalValue;
+  const { hash, error } = chunkEZNR7VLJ_js.useHash(inputValue, algorithm);
+  react.useEffect(() => {
+    if (!copied) return;
+    const timeout = setTimeout(() => setCopied(false), 2e3);
+    return () => clearTimeout(timeout);
+  }, [copied]);
+  const handleCopy = react.useCallback(async () => {
+    if (!hash) return;
+    try {
+      await navigator.clipboard.writeText(hash);
+      setCopied(true);
+    } catch {
+    }
+  }, [hash]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "hash-generator",
+      className: chunkZS5756ZC_js.cn(hashGeneratorVariants({ appearance, size }), className),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: hashGeneratorHeaderVariants(), children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: hashGeneratorLabelVariants(), children: ALGORITHM_LABELS[algorithm] }),
+          showCopyButton && hash ? /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleCopy,
+              className: "rounded px-2 py-0.5 text-xs font-medium transition-colors text-[color:var(--zui-hash-generator-label-fg,var(--zui-fg-muted,oklch(55.2%_0.046_257.417)))] dark:text-[color:var(--zui-hash-generator-label-fg-dark,var(--zui-fg-muted-dark,oklch(70.8%_0.015_256.243)))] hover:bg-[var(--zui-hash-generator-header-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:hover:bg-[var(--zui-hash-generator-header-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))]",
+              children: copied ? "Copied!" : "Copy"
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "textarea",
+          {
+            "data-slot": "hash-generator-input",
+            value: inputValue,
+            onChange: (e) => handleChange(e.target.value),
+            readOnly,
+            placeholder: "Enter text to hash...",
+            rows: 3,
+            "aria-label": `Input text to hash using ${ALGORITHM_LABELS[algorithm]}`,
+            className: chunkZS5756ZC_js.cn(hashGeneratorInputVariants(), "resize-y min-h-[5rem]")
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: hashGeneratorOutputVariants(), children: /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            role: "status",
+            "data-slot": "hash-generator-output",
+            className: chunkZS5756ZC_js.cn(
+              hashGeneratorOutputTextVariants(),
+              !hash && !error && "opacity-40"
+            ),
+            children: error ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500", children: error.message }) : hash || "Hash output"
+          }
+        ) })
+      ]
+    }
+  );
+}
+HashGeneratorBase.displayName = "HashGenerator";
+
+exports.ALGORITHM_LABELS = ALGORITHM_LABELS;
+exports.HashGenerator = HashGeneratorBase;
+exports.hashGeneratorHeaderVariants = hashGeneratorHeaderVariants;
+exports.hashGeneratorInputVariants = hashGeneratorInputVariants;
+exports.hashGeneratorLabelVariants = hashGeneratorLabelVariants;
+exports.hashGeneratorOutputTextVariants = hashGeneratorOutputTextVariants;
+exports.hashGeneratorOutputVariants = hashGeneratorOutputVariants;
+exports.hashGeneratorVariants = hashGeneratorVariants;
+//# sourceMappingURL=hash-generator.js.map
+//# sourceMappingURL=hash-generator.js.map

package/dist/ui/hash-generator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/hash-generator/types.ts","../../src/ui/hash-generator/variants.ts","../../src/ui/hash-generator/hash-generator-base.tsx"],"names":["cva","zuiHashGeneratorBase","zuiHashGeneratorAppearances","zuiHashGeneratorSizes","zuiHashGeneratorHeaderBase","zuiHashGeneratorLabelBase","zuiHashGeneratorInputBase","zuiHashGeneratorOutputBase","zuiHashGeneratorOutputTextBase","useState","useHash","useEffect","useCallback","jsxs","cn","jsx"],"mappings":"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","file":"hash-generator.js","sourcesContent":["import type { VariantProps } from \"class-variance-authority\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport type { hashGeneratorVariants } from \"./variants\";\n\nexport type HashGeneratorAlgorithm = \"sha1\" | \"sha256\" | \"sha384\" | \"sha512\";\n\nexport type HashGeneratorVariantProps = VariantProps<\n  typeof hashGeneratorVariants\n>;\n\nexport interface HashGeneratorBaseProps extends ComponentPropsWithRef<\"div\"> {\n  algorithm?: HashGeneratorAlgorithm;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  readOnly?: boolean;\n  showCopyButton?: boolean;\n  appearance?: HashGeneratorVariantProps[\"appearance\"];\n  size?: HashGeneratorVariantProps[\"size\"];\n}\n\nexport type HashGeneratorProps = HashGeneratorBaseProps;\n\nexport const ALGORITHM_LABELS: Record<HashGeneratorAlgorithm, string> = {\n  sha1: \"SHA-1\",\n  sha256: \"SHA-256\",\n  sha384: \"SHA-384\",\n  sha512: \"SHA-512\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiHashGeneratorAppearances,\n  zuiHashGeneratorBase,\n  zuiHashGeneratorHeaderBase,\n  zuiHashGeneratorInputBase,\n  zuiHashGeneratorLabelBase,\n  zuiHashGeneratorOutputBase,\n  zuiHashGeneratorOutputTextBase,\n  zuiHashGeneratorSizes,\n} from \"../../design-system/hash-generator\";\n\nexport const hashGeneratorVariants = cva(zuiHashGeneratorBase, {\n  variants: {\n    appearance: zuiHashGeneratorAppearances,\n    size: zuiHashGeneratorSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const hashGeneratorHeaderVariants = cva(zuiHashGeneratorHeaderBase);\nexport const hashGeneratorLabelVariants = cva(zuiHashGeneratorLabelBase);\nexport const hashGeneratorInputVariants = cva(zuiHashGeneratorInputBase);\nexport const hashGeneratorOutputVariants = cva(zuiHashGeneratorOutputBase);\nexport const hashGeneratorOutputTextVariants = cva(\n  zuiHashGeneratorOutputTextBase,\n);\n","\"use client\";\n\nimport { useCallback, useEffect, useState } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { useHash } from \"../../hooks/useHash\";\n\nimport type { HashGeneratorBaseProps } from \"./types\";\nimport { ALGORITHM_LABELS } from \"./types\";\nimport {\n  hashGeneratorHeaderVariants,\n  hashGeneratorInputVariants,\n  hashGeneratorLabelVariants,\n  hashGeneratorOutputTextVariants,\n  hashGeneratorOutputVariants,\n  hashGeneratorVariants,\n} from \"./variants\";\n\nexport function HashGeneratorBase({\n  className,\n  appearance,\n  size,\n  algorithm = \"sha256\",\n  value,\n  onValueChange,\n  readOnly = false,\n  showCopyButton = true,\n  ref,\n  ...rest\n}: HashGeneratorBaseProps) {\n  const [internalValue, setInternalValue] = useState(\"\");\n  const [copied, setCopied] = useState(false);\n\n  const inputValue = value ?? internalValue;\n  const handleChange = onValueChange ?? setInternalValue;\n\n  const { hash, error } = useHash(inputValue, algorithm);\n\n  useEffect(() => {\n    if (!copied) return;\n    const timeout = setTimeout(() => setCopied(false), 2000);\n    return () => clearTimeout(timeout);\n  }, [copied]);\n\n  const handleCopy = useCallback(async () => {\n    if (!hash) return;\n    try {\n      await navigator.clipboard.writeText(hash);\n      setCopied(true);\n    } catch {\n      // Clipboard API not available\n    }\n  }, [hash]);\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"hash-generator\"\n      className={cn(hashGeneratorVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      <div className={hashGeneratorHeaderVariants()}>\n        <span className={hashGeneratorLabelVariants()}>\n          {ALGORITHM_LABELS[algorithm]}\n        </span>\n        {showCopyButton && hash ? (\n          <button\n            type=\"button\"\n            onClick={handleCopy}\n            className=\"rounded px-2 py-0.5 text-xs font-medium transition-colors text-[color:var(--zui-hash-generator-label-fg,var(--zui-fg-muted,oklch(55.2%_0.046_257.417)))] dark:text-[color:var(--zui-hash-generator-label-fg-dark,var(--zui-fg-muted-dark,oklch(70.8%_0.015_256.243)))] hover:bg-[var(--zui-hash-generator-header-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:hover:bg-[var(--zui-hash-generator-header-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))]\"\n          >\n            {copied ? \"Copied!\" : \"Copy\"}\n          </button>\n        ) : null}\n      </div>\n      <textarea\n        data-slot=\"hash-generator-input\"\n        value={inputValue}\n        onChange={(e) => handleChange(e.target.value)}\n        readOnly={readOnly}\n        placeholder=\"Enter text to hash...\"\n        rows={3}\n        aria-label={`Input text to hash using ${ALGORITHM_LABELS[algorithm]}`}\n        className={cn(hashGeneratorInputVariants(), \"resize-y min-h-[5rem]\")}\n      />\n      <div className={hashGeneratorOutputVariants()}>\n        <span\n          role=\"status\"\n          data-slot=\"hash-generator-output\"\n          className={cn(\n            hashGeneratorOutputTextVariants(),\n            !hash && !error && \"opacity-40\",\n          )}\n        >\n          {error ? (\n            <span className=\"text-red-500\">{error.message}</span>\n          ) : (\n            hash || \"Hash output\"\n          )}\n        </span>\n      </div>\n    </div>\n  );\n}\n\nHashGeneratorBase.displayName = \"HashGenerator\";\n"]}

package/dist/ui/hash-generator.mjs

@@ -0,0 +1,117 @@
+"use client";
+import { useHash } from '../chunk-RDYR4DHG.mjs';
+import { zuiHashGeneratorBase, zuiHashGeneratorSizes, zuiHashGeneratorAppearances, zuiHashGeneratorHeaderBase, zuiHashGeneratorLabelBase, zuiHashGeneratorInputBase, zuiHashGeneratorOutputBase, zuiHashGeneratorOutputTextBase } from '../chunk-RWF3NVZP.mjs';
+import { cn } from '../chunk-4D54YOL6.mjs';
+import '../chunk-J5LGTIGS.mjs';
+import { useState, useEffect, useCallback } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/ui/hash-generator/types.ts
+var ALGORITHM_LABELS = {
+  sha1: "SHA-1",
+  sha256: "SHA-256",
+  sha384: "SHA-384",
+  sha512: "SHA-512"
+};
+var hashGeneratorVariants = cva(zuiHashGeneratorBase, {
+  variants: {
+    appearance: zuiHashGeneratorAppearances,
+    size: zuiHashGeneratorSizes
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md"
+  }
+});
+var hashGeneratorHeaderVariants = cva(zuiHashGeneratorHeaderBase);
+var hashGeneratorLabelVariants = cva(zuiHashGeneratorLabelBase);
+var hashGeneratorInputVariants = cva(zuiHashGeneratorInputBase);
+var hashGeneratorOutputVariants = cva(zuiHashGeneratorOutputBase);
+var hashGeneratorOutputTextVariants = cva(
+  zuiHashGeneratorOutputTextBase
+);
+function HashGeneratorBase({
+  className,
+  appearance,
+  size,
+  algorithm = "sha256",
+  value,
+  onValueChange,
+  readOnly = false,
+  showCopyButton = true,
+  ref,
+  ...rest
+}) {
+  const [internalValue, setInternalValue] = useState("");
+  const [copied, setCopied] = useState(false);
+  const inputValue = value ?? internalValue;
+  const handleChange = onValueChange ?? setInternalValue;
+  const { hash, error } = useHash(inputValue, algorithm);
+  useEffect(() => {
+    if (!copied) return;
+    const timeout = setTimeout(() => setCopied(false), 2e3);
+    return () => clearTimeout(timeout);
+  }, [copied]);
+  const handleCopy = useCallback(async () => {
+    if (!hash) return;
+    try {
+      await navigator.clipboard.writeText(hash);
+      setCopied(true);
+    } catch {
+    }
+  }, [hash]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "hash-generator",
+      className: cn(hashGeneratorVariants({ appearance, size }), className),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: hashGeneratorHeaderVariants(), children: [
+          /* @__PURE__ */ jsx("span", { className: hashGeneratorLabelVariants(), children: ALGORITHM_LABELS[algorithm] }),
+          showCopyButton && hash ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleCopy,
+              className: "rounded px-2 py-0.5 text-xs font-medium transition-colors text-[color:var(--zui-hash-generator-label-fg,var(--zui-fg-muted,oklch(55.2%_0.046_257.417)))] dark:text-[color:var(--zui-hash-generator-label-fg-dark,var(--zui-fg-muted-dark,oklch(70.8%_0.015_256.243)))] hover:bg-[var(--zui-hash-generator-header-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:hover:bg-[var(--zui-hash-generator-header-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))]",
+              children: copied ? "Copied!" : "Copy"
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            "data-slot": "hash-generator-input",
+            value: inputValue,
+            onChange: (e) => handleChange(e.target.value),
+            readOnly,
+            placeholder: "Enter text to hash...",
+            rows: 3,
+            "aria-label": `Input text to hash using ${ALGORITHM_LABELS[algorithm]}`,
+            className: cn(hashGeneratorInputVariants(), "resize-y min-h-[5rem]")
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: hashGeneratorOutputVariants(), children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            role: "status",
+            "data-slot": "hash-generator-output",
+            className: cn(
+              hashGeneratorOutputTextVariants(),
+              !hash && !error && "opacity-40"
+            ),
+            children: error ? /* @__PURE__ */ jsx("span", { className: "text-red-500", children: error.message }) : hash || "Hash output"
+          }
+        ) })
+      ]
+    }
+  );
+}
+HashGeneratorBase.displayName = "HashGenerator";
+
+export { ALGORITHM_LABELS, HashGeneratorBase as HashGenerator, hashGeneratorHeaderVariants, hashGeneratorInputVariants, hashGeneratorLabelVariants, hashGeneratorOutputTextVariants, hashGeneratorOutputVariants, hashGeneratorVariants };
+//# sourceMappingURL=hash-generator.mjs.map
+//# sourceMappingURL=hash-generator.mjs.map

package/dist/ui/hash-generator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/hash-generator/types.ts","../../src/ui/hash-generator/variants.ts","../../src/ui/hash-generator/hash-generator-base.tsx"],"names":[],"mappings":"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","file":"hash-generator.mjs","sourcesContent":["import type { VariantProps } from \"class-variance-authority\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport type { hashGeneratorVariants } from \"./variants\";\n\nexport type HashGeneratorAlgorithm = \"sha1\" | \"sha256\" | \"sha384\" | \"sha512\";\n\nexport type HashGeneratorVariantProps = VariantProps<\n  typeof hashGeneratorVariants\n>;\n\nexport interface HashGeneratorBaseProps extends ComponentPropsWithRef<\"div\"> {\n  algorithm?: HashGeneratorAlgorithm;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  readOnly?: boolean;\n  showCopyButton?: boolean;\n  appearance?: HashGeneratorVariantProps[\"appearance\"];\n  size?: HashGeneratorVariantProps[\"size\"];\n}\n\nexport type HashGeneratorProps = HashGeneratorBaseProps;\n\nexport const ALGORITHM_LABELS: Record<HashGeneratorAlgorithm, string> = {\n  sha1: \"SHA-1\",\n  sha256: \"SHA-256\",\n  sha384: \"SHA-384\",\n  sha512: \"SHA-512\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiHashGeneratorAppearances,\n  zuiHashGeneratorBase,\n  zuiHashGeneratorHeaderBase,\n  zuiHashGeneratorInputBase,\n  zuiHashGeneratorLabelBase,\n  zuiHashGeneratorOutputBase,\n  zuiHashGeneratorOutputTextBase,\n  zuiHashGeneratorSizes,\n} from \"../../design-system/hash-generator\";\n\nexport const hashGeneratorVariants = cva(zuiHashGeneratorBase, {\n  variants: {\n    appearance: zuiHashGeneratorAppearances,\n    size: zuiHashGeneratorSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const hashGeneratorHeaderVariants = cva(zuiHashGeneratorHeaderBase);\nexport const hashGeneratorLabelVariants = cva(zuiHashGeneratorLabelBase);\nexport const hashGeneratorInputVariants = cva(zuiHashGeneratorInputBase);\nexport const hashGeneratorOutputVariants = cva(zuiHashGeneratorOutputBase);\nexport const hashGeneratorOutputTextVariants = cva(\n  zuiHashGeneratorOutputTextBase,\n);\n","\"use client\";\n\nimport { useCallback, useEffect, useState } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport { useHash } from \"../../hooks/useHash\";\n\nimport type { HashGeneratorBaseProps } from \"./types\";\nimport { ALGORITHM_LABELS } from \"./types\";\nimport {\n  hashGeneratorHeaderVariants,\n  hashGeneratorInputVariants,\n  hashGeneratorLabelVariants,\n  hashGeneratorOutputTextVariants,\n  hashGeneratorOutputVariants,\n  hashGeneratorVariants,\n} from \"./variants\";\n\nexport function HashGeneratorBase({\n  className,\n  appearance,\n  size,\n  algorithm = \"sha256\",\n  value,\n  onValueChange,\n  readOnly = false,\n  showCopyButton = true,\n  ref,\n  ...rest\n}: HashGeneratorBaseProps) {\n  const [internalValue, setInternalValue] = useState(\"\");\n  const [copied, setCopied] = useState(false);\n\n  const inputValue = value ?? internalValue;\n  const handleChange = onValueChange ?? setInternalValue;\n\n  const { hash, error } = useHash(inputValue, algorithm);\n\n  useEffect(() => {\n    if (!copied) return;\n    const timeout = setTimeout(() => setCopied(false), 2000);\n    return () => clearTimeout(timeout);\n  }, [copied]);\n\n  const handleCopy = useCallback(async () => {\n    if (!hash) return;\n    try {\n      await navigator.clipboard.writeText(hash);\n      setCopied(true);\n    } catch {\n      // Clipboard API not available\n    }\n  }, [hash]);\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"hash-generator\"\n      className={cn(hashGeneratorVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      <div className={hashGeneratorHeaderVariants()}>\n        <span className={hashGeneratorLabelVariants()}>\n          {ALGORITHM_LABELS[algorithm]}\n        </span>\n        {showCopyButton && hash ? (\n          <button\n            type=\"button\"\n            onClick={handleCopy}\n            className=\"rounded px-2 py-0.5 text-xs font-medium transition-colors text-[color:var(--zui-hash-generator-label-fg,var(--zui-fg-muted,oklch(55.2%_0.046_257.417)))] dark:text-[color:var(--zui-hash-generator-label-fg-dark,var(--zui-fg-muted-dark,oklch(70.8%_0.015_256.243)))] hover:bg-[var(--zui-hash-generator-header-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:hover:bg-[var(--zui-hash-generator-header-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))]\"\n          >\n            {copied ? \"Copied!\" : \"Copy\"}\n          </button>\n        ) : null}\n      </div>\n      <textarea\n        data-slot=\"hash-generator-input\"\n        value={inputValue}\n        onChange={(e) => handleChange(e.target.value)}\n        readOnly={readOnly}\n        placeholder=\"Enter text to hash...\"\n        rows={3}\n        aria-label={`Input text to hash using ${ALGORITHM_LABELS[algorithm]}`}\n        className={cn(hashGeneratorInputVariants(), \"resize-y min-h-[5rem]\")}\n      />\n      <div className={hashGeneratorOutputVariants()}>\n        <span\n          role=\"status\"\n          data-slot=\"hash-generator-output\"\n          className={cn(\n            hashGeneratorOutputTextVariants(),\n            !hash && !error && \"opacity-40\",\n          )}\n        >\n          {error ? (\n            <span className=\"text-red-500\">{error.message}</span>\n          ) : (\n            hash || \"Hash output\"\n          )}\n        </span>\n      </div>\n    </div>\n  );\n}\n\nHashGeneratorBase.displayName = \"HashGenerator\";\n"]}

package/dist/ui/pagination.js

@@ -1,35 +1,36 @@
 "use client";
 'use strict';
 
-var chunkIY72Z65Z_js = require('../chunk-IY72Z65Z.js');
+var chunkDSX6RUYI_js = require('../chunk-DSX6RUYI.js');
 var chunk2VUMVDR3_js = require('../chunk-2VUMVDR3.js');
-require('../chunk-ILPPXWR3.js');
-require('../chunk-UZ6Y5CSV.js');
+require('../chunk-ENKXB2BA.js');
+require('../chunk-YY7G4NV3.js');
 require('../chunk-FBUY6K6S.js');
+require('../chunk-D7ATXPVI.js');
 require('../chunk-IEHY6KNM.js');
 require('../chunk-HNPGWFVY.js');
 require('../chunk-3MK7CWEX.js');
+require('../chunk-6KVTKYTB.js');
 require('../chunk-L7W4NRK6.js');
 require('../chunk-KWBGLH7G.js');
 require('../chunk-OH5VOGNW.js');
 require('../chunk-Y7BU5RC4.js');
 require('../chunk-NDF3HORF.js');
 require('../chunk-USLNTKVQ.js');
-require('../chunk-D7ATXPVI.js');
+require('../chunk-PZ25OHJE.js');
 require('../chunk-HOOZYA4N.js');
 require('../chunk-CJCOURVM.js');
 require('../chunk-22FJROCI.js');
 require('../chunk-UJXFD4SK.js');
 require('../chunk-H3BJOK22.js');
 require('../chunk-3EJCQXGV.js');
-require('../chunk-6KVTKYTB.js');
+require('../chunk-YRQN3AV4.js');
 require('../chunk-A7MU6SFI.js');
 require('../chunk-WGN2CBG6.js');
 require('../chunk-SRSRY5K2.js');
 require('../chunk-UG3GF2BD.js');
 require('../chunk-BZTAA3MK.js');
 require('../chunk-46HJFCP7.js');
-require('../chunk-PZ25OHJE.js');
 require('../chunk-7DVECOO7.js');
 require('../chunk-KJMW7S5X.js');
 require('../chunk-3CYJQ6KF.js');
@@ -57,15 +58,15 @@ require('../chunk-PZ5AY32C.js');
 
 Object.defineProperty(exports, "Pagination", {
   enumerable: true,
-  get: function () { return chunkIY72Z65Z_js.Pagination; }
+  get: function () { return chunkDSX6RUYI_js.Pagination; }
 });
 Object.defineProperty(exports, "paginationEllipsisVariants", {
   enumerable: true,
-  get: function () { return chunkIY72Z65Z_js.paginationEllipsisVariants; }
+  get: function () { return chunkDSX6RUYI_js.paginationEllipsisVariants; }
 });
 Object.defineProperty(exports, "paginationListVariants", {
   enumerable: true,
-  get: function () { return chunkIY72Z65Z_js.paginationListVariants; }
+  get: function () { return chunkDSX6RUYI_js.paginationListVariants; }
 });
 Object.defineProperty(exports, "usePagination", {
   enumerable: true,

package/dist/ui/pagination.mjs

@@ -1,33 +1,34 @@
 "use client";
-export { Pagination, paginationEllipsisVariants, paginationListVariants } from '../chunk-N2G7IWHS.mjs';
+export { Pagination, paginationEllipsisVariants, paginationListVariants } from '../chunk-BFHJF4MV.mjs';
 export { usePagination } from '../chunk-YNBJAFI2.mjs';
-import '../chunk-NUV2I337.mjs';
-import '../chunk-GFE6ZX5Y.mjs';
+import '../chunk-WZY32L6K.mjs';
+import '../chunk-ZB6C6CJQ.mjs';
 import '../chunk-2NQKFH26.mjs';
+import '../chunk-YH6MOKHR.mjs';
 import '../chunk-T4ZLTKV2.mjs';
 import '../chunk-EMZC6ICD.mjs';
 import '../chunk-PUSCPBT2.mjs';
+import '../chunk-XFJIX2YP.mjs';
 import '../chunk-4WG3VNVL.mjs';
 import '../chunk-YPTHTFVF.mjs';
 import '../chunk-XY3TKIIH.mjs';
 import '../chunk-FX5KR2GP.mjs';
 import '../chunk-ZBAKTM2R.mjs';
 import '../chunk-4ZBMDWWY.mjs';
-import '../chunk-YH6MOKHR.mjs';
+import '../chunk-3IE4IELX.mjs';
 import '../chunk-BUEI4RMR.mjs';
 import '../chunk-5AOVTY2X.mjs';
 import '../chunk-523VQLCW.mjs';
 import '../chunk-3VW4HMJT.mjs';
 import '../chunk-DIAA5VH4.mjs';
 import '../chunk-LRYKMXKI.mjs';
-import '../chunk-XFJIX2YP.mjs';
+import '../chunk-RWF3NVZP.mjs';
 import '../chunk-34LHS26H.mjs';
 import '../chunk-JEDMUBYI.mjs';
 import '../chunk-EJ3UMMCS.mjs';
 import '../chunk-EE53BIXR.mjs';
 import '../chunk-YXU2MJMT.mjs';
 import '../chunk-LOEKM3FL.mjs';
-import '../chunk-3IE4IELX.mjs';
 import '../chunk-U64ISRUX.mjs';
 import '../chunk-SS3T3BUL.mjs';
 import '../chunk-SCWQSQBJ.mjs';

package/dist/ui/split-button.js

@@ -4,34 +4,35 @@
 var chunk4SLVTSHM_js = require('../chunk-4SLVTSHM.js');
 require('../chunk-7DCFVPWN.js');
 require('../chunk-XR3J46TZ.js');
-require('../chunk-5I4GAURE.js');
-var chunkILPPXWR3_js = require('../chunk-ILPPXWR3.js');
-var chunkUZ6Y5CSV_js = require('../chunk-UZ6Y5CSV.js');
+require('../chunk-AARJLZXP.js');
+var chunkENKXB2BA_js = require('../chunk-ENKXB2BA.js');
+var chunkYY7G4NV3_js = require('../chunk-YY7G4NV3.js');
 require('../chunk-FBUY6K6S.js');
+require('../chunk-D7ATXPVI.js');
 require('../chunk-IEHY6KNM.js');
 require('../chunk-HNPGWFVY.js');
 require('../chunk-3MK7CWEX.js');
+require('../chunk-6KVTKYTB.js');
 require('../chunk-L7W4NRK6.js');
 require('../chunk-KWBGLH7G.js');
 require('../chunk-OH5VOGNW.js');
 require('../chunk-Y7BU5RC4.js');
 require('../chunk-NDF3HORF.js');
 require('../chunk-USLNTKVQ.js');
-require('../chunk-D7ATXPVI.js');
+require('../chunk-PZ25OHJE.js');
 require('../chunk-HOOZYA4N.js');
 require('../chunk-CJCOURVM.js');
 require('../chunk-22FJROCI.js');
 require('../chunk-UJXFD4SK.js');
 require('../chunk-H3BJOK22.js');
 require('../chunk-3EJCQXGV.js');
-require('../chunk-6KVTKYTB.js');
+require('../chunk-YRQN3AV4.js');
 require('../chunk-A7MU6SFI.js');
 require('../chunk-WGN2CBG6.js');
 require('../chunk-SRSRY5K2.js');
 require('../chunk-UG3GF2BD.js');
 require('../chunk-BZTAA3MK.js');
 require('../chunk-46HJFCP7.js');
-require('../chunk-PZ25OHJE.js');
 require('../chunk-7DVECOO7.js');
 require('../chunk-KJMW7S5X.js');
 require('../chunk-3CYJQ6KF.js');
@@ -59,38 +60,38 @@ var fi = require('react-icons/fi');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
-var splitButtonRootVariants = classVarianceAuthority.cva(chunkUZ6Y5CSV_js.zuiSplitButtonRoot, {
+var splitButtonRootVariants = classVarianceAuthority.cva(chunkYY7G4NV3_js.zuiSplitButtonRoot, {
   variants: {
     fullWidth: {
-      true: chunkUZ6Y5CSV_js.zuiSplitButtonFullWidth
+      true: chunkYY7G4NV3_js.zuiSplitButtonFullWidth
     }
   }
 });
-var splitButtonDropdownVariants = classVarianceAuthority.cva(chunkUZ6Y5CSV_js.zuiSplitButtonDropdown, {
+var splitButtonDropdownVariants = classVarianceAuthority.cva(chunkYY7G4NV3_js.zuiSplitButtonDropdown, {
   variants: {
     fullWidth: {
-      true: chunkUZ6Y5CSV_js.zuiSplitButtonFullWidth
+      true: chunkYY7G4NV3_js.zuiSplitButtonFullWidth
     }
   }
 });
-var splitButtonGroupVariants = classVarianceAuthority.cva(chunkUZ6Y5CSV_js.zuiSplitButtonGroup, {
+var splitButtonGroupVariants = classVarianceAuthority.cva(chunkYY7G4NV3_js.zuiSplitButtonGroup, {
   variants: {
     fullWidth: {
-      true: chunkUZ6Y5CSV_js.zuiSplitButtonFullWidth
+      true: chunkYY7G4NV3_js.zuiSplitButtonFullWidth
     }
   }
 });
-var splitButtonPrimaryVariants = classVarianceAuthority.cva(chunkUZ6Y5CSV_js.zuiSplitButtonPrimary);
-var splitButtonTriggerVariants = classVarianceAuthority.cva(chunkUZ6Y5CSV_js.zuiSplitButtonTrigger, {
+var splitButtonPrimaryVariants = classVarianceAuthority.cva(chunkYY7G4NV3_js.zuiSplitButtonPrimary);
+var splitButtonTriggerVariants = classVarianceAuthority.cva(chunkYY7G4NV3_js.zuiSplitButtonTrigger, {
   variants: {
-    size: chunkUZ6Y5CSV_js.zuiSplitButtonTriggerSizes
+    size: chunkYY7G4NV3_js.zuiSplitButtonTriggerSizes
   },
   defaultVariants: {
     size: "md"
   }
 });
-var splitButtonContentVariants = classVarianceAuthority.cva(chunkUZ6Y5CSV_js.zuiSplitButtonContent);
-var splitButtonItemDisabledVariants = classVarianceAuthority.cva(chunkUZ6Y5CSV_js.zuiSplitButtonItemDisabled);
+var splitButtonContentVariants = classVarianceAuthority.cva(chunkYY7G4NV3_js.zuiSplitButtonContent);
+var splitButtonItemDisabledVariants = classVarianceAuthority.cva(chunkYY7G4NV3_js.zuiSplitButtonItemDisabled);
 var variantAppearanceMap = {
   primary: "default",
   secondary: "secondary",
@@ -201,7 +202,7 @@ function SplitButtonBase({
                       disabled: isUnavailable,
                       onClick,
                       className: chunkZS5756ZC_js.cn(
-                        chunkILPPXWR3_js.buttonVariants({ appearance: resolvedAppearance, size }),
+                        chunkENKXB2BA_js.buttonVariants({ appearance: resolvedAppearance, size }),
                         splitButtonPrimaryVariants()
                       ),
                       children: [
@@ -224,7 +225,7 @@ function SplitButtonBase({
                       "aria-label": menuLabel,
                       disabled: isUnavailable,
                       className: chunkZS5756ZC_js.cn(
-                        chunkILPPXWR3_js.buttonVariants({ appearance: resolvedAppearance, size }),
+                        chunkENKXB2BA_js.buttonVariants({ appearance: resolvedAppearance, size }),
                         splitButtonTriggerVariants({ size })
                       ),
                       children: /* @__PURE__ */ jsxRuntime.jsx(fi.FiChevronDown, { "aria-hidden": true })

package/dist/ui/split-button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/split-button/variants.ts","../../src/ui/split-button/split-button-base.tsx","../../src/ui/split-button/split-button.tsx"],"names":["cva","zuiSplitButtonRoot","zuiSplitButtonFullWidth","zuiSplitButtonDropdown","zuiSplitButtonGroup","zuiSplitButtonPrimary","zuiSplitButtonTrigger","zuiSplitButtonTriggerSizes","zuiSplitButtonContent","zuiSplitButtonItemDisabled","useState","useRef","useEffect","jsx","cn","jsxs","Dropdown","buttonVariants","FiLoader","DropdownTrigger","FiChevronDown","DropdownContent","DropdownItem"],"mappings":"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","file":"split-button.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiSplitButtonContent,\n  zuiSplitButtonDropdown,\n  zuiSplitButtonFullWidth,\n  zuiSplitButtonGroup,\n  zuiSplitButtonItemDisabled,\n  zuiSplitButtonPrimary,\n  zuiSplitButtonRoot,\n  zuiSplitButtonTrigger,\n  zuiSplitButtonTriggerSizes,\n} from \"../../design-system\";\n\nexport const splitButtonRootVariants = cva(zuiSplitButtonRoot, {\n  variants: {\n    fullWidth: {\n      true: zuiSplitButtonFullWidth,\n    },\n  },\n});\nexport const splitButtonDropdownVariants = cva(zuiSplitButtonDropdown, {\n  variants: {\n    fullWidth: {\n      true: zuiSplitButtonFullWidth,\n    },\n  },\n});\nexport const splitButtonGroupVariants = cva(zuiSplitButtonGroup, {\n  variants: {\n    fullWidth: {\n      true: zuiSplitButtonFullWidth,\n    },\n  },\n});\nexport const splitButtonPrimaryVariants = cva(zuiSplitButtonPrimary);\nexport const splitButtonTriggerVariants = cva(zuiSplitButtonTrigger, {\n  variants: {\n    size: zuiSplitButtonTriggerSizes,\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\nexport const splitButtonContentVariants = cva(zuiSplitButtonContent);\nexport const splitButtonItemDisabledVariants = cva(zuiSplitButtonItemDisabled);\n","\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { FiChevronDown, FiLoader } from \"react-icons/fi\";\n\nimport {\n  Dropdown,\n  DropdownContent,\n  DropdownItem,\n  DropdownTrigger,\n} from \"../dropdown\";\nimport { buttonVariants } from \"../buttons\";\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  SplitButtonAppearance,\n  SplitButtonProps,\n  SplitButtonVariant,\n} from \"./types\";\nimport {\n  splitButtonContentVariants,\n  splitButtonDropdownVariants,\n  splitButtonGroupVariants,\n  splitButtonItemDisabledVariants,\n  splitButtonPrimaryVariants,\n  splitButtonRootVariants,\n  splitButtonTriggerVariants,\n} from \"./variants\";\n\nconst variantAppearanceMap = {\n  primary: \"default\",\n  secondary: \"secondary\",\n  outline: \"outline\",\n  ghost: \"ghost\",\n  danger: \"destructive\",\n  success: \"green\",\n} as const satisfies Record<SplitButtonVariant, SplitButtonAppearance>;\n\nfunction resolveAppearance({\n  appearance,\n  variant,\n}: {\n  appearance?: SplitButtonAppearance;\n  variant?: SplitButtonVariant;\n}) {\n  return appearance ?? (variant ? variantAppearanceMap[variant] : \"default\");\n}\n\nexport function SplitButtonBase({\n  label,\n  onClick,\n  items,\n  disabled = false,\n  loading = false,\n  appearance,\n  variant,\n  size = \"md\",\n  startIcon,\n  fullWidth = false,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  triggerLabel,\n  triggerOn = \"click\",\n  className,\n  ref,\n  ...rest\n}: SplitButtonProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const isUnavailable = disabled || loading;\n  const resolvedAppearance = resolveAppearance({ appearance, variant });\n  const isControlled = controlledOpen !== undefined;\n  const open = isUnavailable\n    ? false\n    : isControlled\n      ? controlledOpen\n      : uncontrolledOpen;\n\n  const setOpen = (nextOpen: boolean) => {\n    if (isUnavailable && nextOpen) {\n      return;\n    }\n    if (!isControlled) {\n      setUncontrolledOpen(nextOpen);\n    }\n    onOpenChange?.(nextOpen);\n  };\n\n  const fullWidthFlag = fullWidth ? \"true\" : undefined;\n  const menuLabel = triggerLabel ?? `More ${label} actions`;\n\n  // Shared timeout ref for hover mode: delays close so the cursor can\n  // travel through the mt-2 gap between the button and the menu panel\n  // without dismissing the menu.\n  const hoverCloseRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const scheduleClose = () => {\n    cancelClose();\n    hoverCloseRef.current = setTimeout(() => setOpen(false), 120);\n  };\n\n  const cancelClose = () => {\n    if (hoverCloseRef.current !== null) {\n      clearTimeout(hoverCloseRef.current);\n      hoverCloseRef.current = null;\n    }\n  };\n\n  useEffect(() => cancelClose, []);\n\n  useEffect(() => {\n    if (isUnavailable && !isControlled) {\n      setUncontrolledOpen(false);\n      onOpenChange?.(false);\n    }\n  }, [isUnavailable, onOpenChange, isControlled]);\n\n  const dropdownHoverHandlers =\n    triggerOn === \"hover\"\n      ? {\n          onMouseEnter: () => {\n            cancelClose();\n            setOpen(true);\n          },\n          onMouseLeave: scheduleClose,\n        }\n      : undefined;\n\n  const contentHoverHandlers =\n    triggerOn === \"hover\"\n      ? { onMouseEnter: cancelClose, onMouseLeave: scheduleClose }\n      : undefined;\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"split-button\"\n      data-full-width={fullWidthFlag}\n      className={cn(splitButtonRootVariants({ fullWidth }), className)}\n      {...rest}\n    >\n      <Dropdown\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={setOpen}\n        data-full-width={fullWidthFlag}\n        className={splitButtonDropdownVariants({ fullWidth })}\n        {...dropdownHoverHandlers}\n      >\n        <div\n          data-slot=\"split-button-group\"\n          data-full-width={fullWidthFlag}\n          className={splitButtonGroupVariants({ fullWidth })}\n        >\n          <button\n            type=\"button\"\n            data-slot=\"split-button-primary\"\n            data-full-width={fullWidthFlag}\n            disabled={isUnavailable}\n            onClick={onClick}\n            className={cn(\n              buttonVariants({ appearance: resolvedAppearance, size }),\n              splitButtonPrimaryVariants(),\n            )}\n          >\n            {loading ? (\n              <FiLoader\n                aria-hidden\n                className=\"animate-spin\"\n                data-slot=\"split-button-spinner-icon\"\n              />\n            ) : (\n              startIcon\n            )}\n            <span>{label}</span>\n            {loading ? (\n              <span className=\"sr-only\" role=\"status\" aria-label=\"Loading\" />\n            ) : null}\n          </button>\n\n          <DropdownTrigger\n            aria-label={menuLabel}\n            disabled={isUnavailable}\n            className={cn(\n              buttonVariants({ appearance: resolvedAppearance, size }),\n              splitButtonTriggerVariants({ size }),\n            )}\n          >\n            <FiChevronDown aria-hidden />\n          </DropdownTrigger>\n        </div>\n\n        <DropdownContent\n          className={splitButtonContentVariants()}\n          placement=\"bottom\"\n          {...contentHoverHandlers}\n        >\n          {items.map((item) => (\n            <DropdownItem\n              key={item.id}\n              leftIcon={item.icon}\n              aria-disabled={item.disabled ? \"true\" : undefined}\n              className={\n                item.disabled ? splitButtonItemDisabledVariants() : undefined\n              }\n              onClick={(event) => {\n                if (item.disabled) {\n                  event.preventDefault();\n                  event.stopPropagation();\n                }\n              }}\n              onKeyDown={(event) => {\n                if (item.disabled) {\n                  event.preventDefault();\n                  event.stopPropagation();\n                }\n              }}\n              onSelect={() => {\n                setOpen(false);\n                item.onSelect?.();\n              }}\n            >\n              {item.label}\n            </DropdownItem>\n          ))}\n        </DropdownContent>\n      </Dropdown>\n    </div>\n  );\n}\n\nSplitButtonBase.displayName = \"SplitButton\";\n","// split-button.tsx — default static entry (no framer-motion)\nimport { SplitButtonBase } from \"./split-button-base\";\nimport type { SplitButtonProps } from \"./types\";\n\nexport const SplitButton = (props: SplitButtonProps) => {\n  return <SplitButtonBase {...props} />;\n};\n\nSplitButton.displayName = \"SplitButton\";\n"]}
+{"version":3,"sources":["../../src/ui/split-button/variants.ts","../../src/ui/split-button/split-button-base.tsx","../../src/ui/split-button/split-button.tsx"],"names":["cva","zuiSplitButtonRoot","zuiSplitButtonFullWidth","zuiSplitButtonDropdown","zuiSplitButtonGroup","zuiSplitButtonPrimary","zuiSplitButtonTrigger","zuiSplitButtonTriggerSizes","zuiSplitButtonContent","zuiSplitButtonItemDisabled","useState","useRef","useEffect","jsx","cn","jsxs","Dropdown","buttonVariants","FiLoader","DropdownTrigger","FiChevronDown","DropdownContent","DropdownItem"],"mappings":"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","file":"split-button.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiSplitButtonContent,\n  zuiSplitButtonDropdown,\n  zuiSplitButtonFullWidth,\n  zuiSplitButtonGroup,\n  zuiSplitButtonItemDisabled,\n  zuiSplitButtonPrimary,\n  zuiSplitButtonRoot,\n  zuiSplitButtonTrigger,\n  zuiSplitButtonTriggerSizes,\n} from \"../../design-system\";\n\nexport const splitButtonRootVariants = cva(zuiSplitButtonRoot, {\n  variants: {\n    fullWidth: {\n      true: zuiSplitButtonFullWidth,\n    },\n  },\n});\nexport const splitButtonDropdownVariants = cva(zuiSplitButtonDropdown, {\n  variants: {\n    fullWidth: {\n      true: zuiSplitButtonFullWidth,\n    },\n  },\n});\nexport const splitButtonGroupVariants = cva(zuiSplitButtonGroup, {\n  variants: {\n    fullWidth: {\n      true: zuiSplitButtonFullWidth,\n    },\n  },\n});\nexport const splitButtonPrimaryVariants = cva(zuiSplitButtonPrimary);\nexport const splitButtonTriggerVariants = cva(zuiSplitButtonTrigger, {\n  variants: {\n    size: zuiSplitButtonTriggerSizes,\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\nexport const splitButtonContentVariants = cva(zuiSplitButtonContent);\nexport const splitButtonItemDisabledVariants = cva(zuiSplitButtonItemDisabled);\n","\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { FiChevronDown, FiLoader } from \"react-icons/fi\";\n\nimport {\n  Dropdown,\n  DropdownContent,\n  DropdownItem,\n  DropdownTrigger,\n} from \"../dropdown\";\nimport { buttonVariants } from \"../buttons\";\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  SplitButtonAppearance,\n  SplitButtonProps,\n  SplitButtonVariant,\n} from \"./types\";\nimport {\n  splitButtonContentVariants,\n  splitButtonDropdownVariants,\n  splitButtonGroupVariants,\n  splitButtonItemDisabledVariants,\n  splitButtonPrimaryVariants,\n  splitButtonRootVariants,\n  splitButtonTriggerVariants,\n} from \"./variants\";\n\nconst variantAppearanceMap = {\n  primary: \"default\",\n  secondary: \"secondary\",\n  outline: \"outline\",\n  ghost: \"ghost\",\n  danger: \"destructive\",\n  success: \"green\",\n} as const satisfies Record<SplitButtonVariant, SplitButtonAppearance>;\n\nfunction resolveAppearance({\n  appearance,\n  variant,\n}: {\n  appearance?: SplitButtonAppearance;\n  variant?: SplitButtonVariant;\n}) {\n  return appearance ?? (variant ? variantAppearanceMap[variant] : \"default\");\n}\n\nexport function SplitButtonBase({\n  label,\n  onClick,\n  items,\n  disabled = false,\n  loading = false,\n  appearance,\n  variant,\n  size = \"md\",\n  startIcon,\n  fullWidth = false,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  triggerLabel,\n  triggerOn = \"click\",\n  className,\n  ref,\n  ...rest\n}: SplitButtonProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const isUnavailable = disabled || loading;\n  const resolvedAppearance = resolveAppearance({ appearance, variant });\n  const isControlled = controlledOpen !== undefined;\n  const open = isUnavailable\n    ? false\n    : isControlled\n      ? controlledOpen\n      : uncontrolledOpen;\n\n  const setOpen = (nextOpen: boolean) => {\n    if (isUnavailable && nextOpen) {\n      return;\n    }\n    if (!isControlled) {\n      setUncontrolledOpen(nextOpen);\n    }\n    onOpenChange?.(nextOpen);\n  };\n\n  const fullWidthFlag = fullWidth ? \"true\" : undefined;\n  const menuLabel = triggerLabel ?? `More ${label} actions`;\n\n  // Shared timeout ref for hover mode: delays close so the cursor can\n  // travel through the mt-2 gap between the button and the menu panel\n  // without dismissing the menu.\n  const hoverCloseRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const scheduleClose = () => {\n    cancelClose();\n    hoverCloseRef.current = setTimeout(() => setOpen(false), 120);\n  };\n\n  const cancelClose = () => {\n    if (hoverCloseRef.current !== null) {\n      clearTimeout(hoverCloseRef.current);\n      hoverCloseRef.current = null;\n    }\n  };\n\n  useEffect(() => cancelClose, []);\n\n  useEffect(() => {\n    if (isUnavailable && !isControlled) {\n      setUncontrolledOpen(false);\n      onOpenChange?.(false);\n    }\n  }, [isUnavailable, onOpenChange, isControlled]);\n\n  const dropdownHoverHandlers =\n    triggerOn === \"hover\"\n      ? {\n          onMouseEnter: () => {\n            cancelClose();\n            setOpen(true);\n          },\n          onMouseLeave: scheduleClose,\n        }\n      : undefined;\n\n  const contentHoverHandlers =\n    triggerOn === \"hover\"\n      ? { onMouseEnter: cancelClose, onMouseLeave: scheduleClose }\n      : undefined;\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"split-button\"\n      data-full-width={fullWidthFlag}\n      className={cn(splitButtonRootVariants({ fullWidth }), className)}\n      {...rest}\n    >\n      <Dropdown\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={setOpen}\n        data-full-width={fullWidthFlag}\n        className={splitButtonDropdownVariants({ fullWidth })}\n        {...dropdownHoverHandlers}\n      >\n        <div\n          data-slot=\"split-button-group\"\n          data-full-width={fullWidthFlag}\n          className={splitButtonGroupVariants({ fullWidth })}\n        >\n          <button\n            type=\"button\"\n            data-slot=\"split-button-primary\"\n            data-full-width={fullWidthFlag}\n            disabled={isUnavailable}\n            onClick={onClick}\n            className={cn(\n              buttonVariants({ appearance: resolvedAppearance, size }),\n              splitButtonPrimaryVariants(),\n            )}\n          >\n            {loading ? (\n              <FiLoader\n                aria-hidden\n                className=\"animate-spin\"\n                data-slot=\"split-button-spinner-icon\"\n              />\n            ) : (\n              startIcon\n            )}\n            <span>{label}</span>\n            {loading ? (\n              <span className=\"sr-only\" role=\"status\" aria-label=\"Loading\" />\n            ) : null}\n          </button>\n\n          <DropdownTrigger\n            aria-label={menuLabel}\n            disabled={isUnavailable}\n            className={cn(\n              buttonVariants({ appearance: resolvedAppearance, size }),\n              splitButtonTriggerVariants({ size }),\n            )}\n          >\n            <FiChevronDown aria-hidden />\n          </DropdownTrigger>\n        </div>\n\n        <DropdownContent\n          className={splitButtonContentVariants()}\n          placement=\"bottom\"\n          {...contentHoverHandlers}\n        >\n          {items.map((item) => (\n            <DropdownItem\n              key={item.id}\n              leftIcon={item.icon}\n              aria-disabled={item.disabled ? \"true\" : undefined}\n              className={\n                item.disabled ? splitButtonItemDisabledVariants() : undefined\n              }\n              onClick={(event) => {\n                if (item.disabled) {\n                  event.preventDefault();\n                  event.stopPropagation();\n                }\n              }}\n              onKeyDown={(event) => {\n                if (item.disabled) {\n                  event.preventDefault();\n                  event.stopPropagation();\n                }\n              }}\n              onSelect={() => {\n                setOpen(false);\n                item.onSelect?.();\n              }}\n            >\n              {item.label}\n            </DropdownItem>\n          ))}\n        </DropdownContent>\n      </Dropdown>\n    </div>\n  );\n}\n\nSplitButtonBase.displayName = \"SplitButton\";\n","// split-button.tsx — default static entry (no framer-motion)\nimport { SplitButtonBase } from \"./split-button-base\";\nimport type { SplitButtonProps } from \"./types\";\n\nexport const SplitButton = (props: SplitButtonProps) => {\n  return <SplitButtonBase {...props} />;\n};\n\nSplitButton.displayName = \"SplitButton\";\n"]}

package/dist/ui/split-button.mjs

@@ -2,34 +2,35 @@
 import { Dropdown, DropdownTrigger, DropdownContent, DropdownItem } from '../chunk-IHDM7AHY.mjs';
 import '../chunk-VXDEPZKH.mjs';
 import '../chunk-VBNW2B4D.mjs';
-import '../chunk-W5MTZJPE.mjs';
-import { buttonVariants } from '../chunk-NUV2I337.mjs';
-import { zuiSplitButtonRoot, zuiSplitButtonFullWidth, zuiSplitButtonDropdown, zuiSplitButtonGroup, zuiSplitButtonPrimary, zuiSplitButtonTrigger, zuiSplitButtonTriggerSizes, zuiSplitButtonContent, zuiSplitButtonItemDisabled } from '../chunk-GFE6ZX5Y.mjs';
+import '../chunk-JKKF5DCF.mjs';
+import { buttonVariants } from '../chunk-WZY32L6K.mjs';
+import { zuiSplitButtonRoot, zuiSplitButtonFullWidth, zuiSplitButtonDropdown, zuiSplitButtonGroup, zuiSplitButtonPrimary, zuiSplitButtonTrigger, zuiSplitButtonTriggerSizes, zuiSplitButtonContent, zuiSplitButtonItemDisabled } from '../chunk-ZB6C6CJQ.mjs';
 import '../chunk-2NQKFH26.mjs';
+import '../chunk-YH6MOKHR.mjs';
 import '../chunk-T4ZLTKV2.mjs';
 import '../chunk-EMZC6ICD.mjs';
 import '../chunk-PUSCPBT2.mjs';
+import '../chunk-XFJIX2YP.mjs';
 import '../chunk-4WG3VNVL.mjs';
 import '../chunk-YPTHTFVF.mjs';
 import '../chunk-XY3TKIIH.mjs';
 import '../chunk-FX5KR2GP.mjs';
 import '../chunk-ZBAKTM2R.mjs';
 import '../chunk-4ZBMDWWY.mjs';
-import '../chunk-YH6MOKHR.mjs';
+import '../chunk-3IE4IELX.mjs';
 import '../chunk-BUEI4RMR.mjs';
 import '../chunk-5AOVTY2X.mjs';
 import '../chunk-523VQLCW.mjs';
 import '../chunk-3VW4HMJT.mjs';
 import '../chunk-DIAA5VH4.mjs';
 import '../chunk-LRYKMXKI.mjs';
-import '../chunk-XFJIX2YP.mjs';
+import '../chunk-RWF3NVZP.mjs';
 import '../chunk-34LHS26H.mjs';
 import '../chunk-JEDMUBYI.mjs';
 import '../chunk-EJ3UMMCS.mjs';
 import '../chunk-EE53BIXR.mjs';
 import '../chunk-YXU2MJMT.mjs';
 import '../chunk-LOEKM3FL.mjs';
-import '../chunk-3IE4IELX.mjs';
 import '../chunk-U64ISRUX.mjs';
 import '../chunk-SS3T3BUL.mjs';
 import '../chunk-SCWQSQBJ.mjs';