@zentauri-ui/zentauri-components 2.2.1 → 2.2.2

package/dist/ui/secret-reveal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/secret-reveal/secret-reveal-base.tsx"],"names":["useState","useCallback","jsxs","cn","secretRevealVariants","jsx","secretRevealLabelVariants","secretRevealValueVariants","secretRevealToggleVariants"],"mappings":"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","file":"secret-reveal.js","sourcesContent":["\"use client\";\n\nimport { useCallback, useState } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { SecretRevealBaseProps } from \"./types\";\nimport {\n  secretRevealLabelVariants,\n  secretRevealToggleVariants,\n  secretRevealValueVariants,\n  secretRevealVariants,\n} from \"./variants\";\n\nexport function SecretRevealBase({\n  appearance,\n  size,\n  value,\n  children,\n  label,\n  labelPosition = \"top\",\n  initiallyRevealed = false,\n  onVisibilityChange,\n  muteChar = \"•\",\n  className,\n  ref,\n  ...rest\n}: SecretRevealBaseProps) {\n  const [revealed, setRevealed] = useState(initiallyRevealed);\n\n  const toggle = useCallback(() => {\n    const next = !revealed;\n    setRevealed(next);\n    onVisibilityChange?.(next);\n  }, [onVisibilityChange, revealed]);\n\n  const displayText = value ?? (typeof children === \"string\" ? children : \"\");\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"secret-reveal\"\n      className={cn(secretRevealVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      {label && labelPosition === \"top\" && (\n        <span\n          data-slot=\"secret-reveal-label\"\n          className={secretRevealLabelVariants({ size })}\n        >\n          {label}\n        </span>\n      )}\n      <span className=\"flex items-center gap-2 flex-1 min-w-0\">\n        {label && labelPosition === \"side\" && (\n          <span\n            data-slot=\"secret-reveal-label\"\n            className={secretRevealLabelVariants({ size })}\n          >\n            {label}\n          </span>\n        )}\n        <span\n          data-slot=\"secret-reveal-value\"\n          className={cn(secretRevealValueVariants({ size }), \"flex-1 truncate\")}\n        >\n          {revealed\n            ? (value ?? children)\n            : muteChar.repeat(displayText.length || 8)}\n        </span>\n        <button\n          type=\"button\"\n          data-slot=\"secret-reveal-toggle\"\n          className={secretRevealToggleVariants({ size, appearance })}\n          onClick={toggle}\n          aria-label={revealed ? \"Hide secret\" : \"Reveal secret\"}\n        >\n          {revealed ? (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" />\n              <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" />\n              <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\" />\n            </svg>\n          ) : (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n              <circle cx=\"12\" cy=\"12\" r=\"3\" />\n            </svg>\n          )}\n        </button>\n      </span>\n    </div>\n  );\n}\n\nSecretRevealBase.displayName = \"SecretReveal\";\n"]}

package/dist/ui/secret-reveal.mjs

@@ -0,0 +1,119 @@
+"use client";
+import { secretRevealLabelVariants, secretRevealValueVariants, secretRevealToggleVariants, secretRevealVariants } from '../chunk-ATE5SCTR.mjs';
+export { secretRevealLabelVariants, secretRevealToggleVariants, secretRevealValueVariants, secretRevealVariants } from '../chunk-ATE5SCTR.mjs';
+import '../chunk-DIAA5VH4.mjs';
+import { cn } from '../chunk-4D54YOL6.mjs';
+import '../chunk-J5LGTIGS.mjs';
+import { useState, useCallback } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function SecretRevealBase({
+  appearance,
+  size,
+  value,
+  children,
+  label,
+  labelPosition = "top",
+  initiallyRevealed = false,
+  onVisibilityChange,
+  muteChar = "\u2022",
+  className,
+  ref,
+  ...rest
+}) {
+  const [revealed, setRevealed] = useState(initiallyRevealed);
+  const toggle = useCallback(() => {
+    const next = !revealed;
+    setRevealed(next);
+    onVisibilityChange?.(next);
+  }, [onVisibilityChange, revealed]);
+  const displayText = value ?? (typeof children === "string" ? children : "");
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "secret-reveal",
+      className: cn(secretRevealVariants({ appearance, size }), className),
+      ...rest,
+      children: [
+        label && labelPosition === "top" && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-slot": "secret-reveal-label",
+            className: secretRevealLabelVariants({ size }),
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+          label && labelPosition === "side" && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-slot": "secret-reveal-label",
+              className: secretRevealLabelVariants({ size }),
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-slot": "secret-reveal-value",
+              className: cn(secretRevealValueVariants({ size }), "flex-1 truncate"),
+              children: revealed ? value ?? children : muteChar.repeat(displayText.length || 8)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "data-slot": "secret-reveal-toggle",
+              className: secretRevealToggleVariants({ size, appearance }),
+              onClick: toggle,
+              "aria-label": revealed ? "Hide secret" : "Reveal secret",
+              children: revealed ? /* @__PURE__ */ jsxs(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: [
+                    /* @__PURE__ */ jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94" }),
+                    /* @__PURE__ */ jsx("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" }),
+                    /* @__PURE__ */ jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+                  ]
+                }
+              ) : /* @__PURE__ */ jsxs(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: [
+                    /* @__PURE__ */ jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+                    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" })
+                  ]
+                }
+              )
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+SecretRevealBase.displayName = "SecretReveal";
+
+export { SecretRevealBase as SecretReveal };
+//# sourceMappingURL=secret-reveal.mjs.map
+//# sourceMappingURL=secret-reveal.mjs.map

package/dist/ui/secret-reveal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/secret-reveal/secret-reveal-base.tsx"],"names":[],"mappings":"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","file":"secret-reveal.mjs","sourcesContent":["\"use client\";\n\nimport { useCallback, useState } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { SecretRevealBaseProps } from \"./types\";\nimport {\n  secretRevealLabelVariants,\n  secretRevealToggleVariants,\n  secretRevealValueVariants,\n  secretRevealVariants,\n} from \"./variants\";\n\nexport function SecretRevealBase({\n  appearance,\n  size,\n  value,\n  children,\n  label,\n  labelPosition = \"top\",\n  initiallyRevealed = false,\n  onVisibilityChange,\n  muteChar = \"•\",\n  className,\n  ref,\n  ...rest\n}: SecretRevealBaseProps) {\n  const [revealed, setRevealed] = useState(initiallyRevealed);\n\n  const toggle = useCallback(() => {\n    const next = !revealed;\n    setRevealed(next);\n    onVisibilityChange?.(next);\n  }, [onVisibilityChange, revealed]);\n\n  const displayText = value ?? (typeof children === \"string\" ? children : \"\");\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"secret-reveal\"\n      className={cn(secretRevealVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      {label && labelPosition === \"top\" && (\n        <span\n          data-slot=\"secret-reveal-label\"\n          className={secretRevealLabelVariants({ size })}\n        >\n          {label}\n        </span>\n      )}\n      <span className=\"flex items-center gap-2 flex-1 min-w-0\">\n        {label && labelPosition === \"side\" && (\n          <span\n            data-slot=\"secret-reveal-label\"\n            className={secretRevealLabelVariants({ size })}\n          >\n            {label}\n          </span>\n        )}\n        <span\n          data-slot=\"secret-reveal-value\"\n          className={cn(secretRevealValueVariants({ size }), \"flex-1 truncate\")}\n        >\n          {revealed\n            ? (value ?? children)\n            : muteChar.repeat(displayText.length || 8)}\n        </span>\n        <button\n          type=\"button\"\n          data-slot=\"secret-reveal-toggle\"\n          className={secretRevealToggleVariants({ size, appearance })}\n          onClick={toggle}\n          aria-label={revealed ? \"Hide secret\" : \"Reveal secret\"}\n        >\n          {revealed ? (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" />\n              <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" />\n              <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\" />\n            </svg>\n          ) : (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"2\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            >\n              <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n              <circle cx=\"12\" cy=\"12\" r=\"3\" />\n            </svg>\n          )}\n        </button>\n      </span>\n    </div>\n  );\n}\n\nSecretRevealBase.displayName = \"SecretReveal\";\n"]}

package/dist/ui/split-button.js

@@ -4,10 +4,11 @@
 var chunk4SLVTSHM_js = require('../chunk-4SLVTSHM.js');
 require('../chunk-7DCFVPWN.js');
 require('../chunk-XR3J46TZ.js');
-require('../chunk-NW5BSLR2.js');
-var chunkYBKNXDZU_js = require('../chunk-YBKNXDZU.js');
-var chunkUJZ7JQBQ_js = require('../chunk-UJZ7JQBQ.js');
+require('../chunk-5I4GAURE.js');
+var chunkILPPXWR3_js = require('../chunk-ILPPXWR3.js');
+var chunkUZ6Y5CSV_js = require('../chunk-UZ6Y5CSV.js');
 require('../chunk-FBUY6K6S.js');
+require('../chunk-IEHY6KNM.js');
 require('../chunk-HNPGWFVY.js');
 require('../chunk-3MK7CWEX.js');
 require('../chunk-L7W4NRK6.js');
@@ -17,11 +18,11 @@ require('../chunk-Y7BU5RC4.js');
 require('../chunk-NDF3HORF.js');
 require('../chunk-USLNTKVQ.js');
 require('../chunk-D7ATXPVI.js');
-require('../chunk-IEHY6KNM.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-A7MU6SFI.js');
@@ -58,38 +59,38 @@ var fi = require('react-icons/fi');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
-var splitButtonRootVariants = classVarianceAuthority.cva(chunkUJZ7JQBQ_js.zuiSplitButtonRoot, {
+var splitButtonRootVariants = classVarianceAuthority.cva(chunkUZ6Y5CSV_js.zuiSplitButtonRoot, {
   variants: {
     fullWidth: {
-      true: chunkUJZ7JQBQ_js.zuiSplitButtonFullWidth
+      true: chunkUZ6Y5CSV_js.zuiSplitButtonFullWidth
     }
   }
 });
-var splitButtonDropdownVariants = classVarianceAuthority.cva(chunkUJZ7JQBQ_js.zuiSplitButtonDropdown, {
+var splitButtonDropdownVariants = classVarianceAuthority.cva(chunkUZ6Y5CSV_js.zuiSplitButtonDropdown, {
   variants: {
     fullWidth: {
-      true: chunkUJZ7JQBQ_js.zuiSplitButtonFullWidth
+      true: chunkUZ6Y5CSV_js.zuiSplitButtonFullWidth
     }
   }
 });
-var splitButtonGroupVariants = classVarianceAuthority.cva(chunkUJZ7JQBQ_js.zuiSplitButtonGroup, {
+var splitButtonGroupVariants = classVarianceAuthority.cva(chunkUZ6Y5CSV_js.zuiSplitButtonGroup, {
   variants: {
     fullWidth: {
-      true: chunkUJZ7JQBQ_js.zuiSplitButtonFullWidth
+      true: chunkUZ6Y5CSV_js.zuiSplitButtonFullWidth
     }
   }
 });
-var splitButtonPrimaryVariants = classVarianceAuthority.cva(chunkUJZ7JQBQ_js.zuiSplitButtonPrimary);
-var splitButtonTriggerVariants = classVarianceAuthority.cva(chunkUJZ7JQBQ_js.zuiSplitButtonTrigger, {
+var splitButtonPrimaryVariants = classVarianceAuthority.cva(chunkUZ6Y5CSV_js.zuiSplitButtonPrimary);
+var splitButtonTriggerVariants = classVarianceAuthority.cva(chunkUZ6Y5CSV_js.zuiSplitButtonTrigger, {
   variants: {
-    size: chunkUJZ7JQBQ_js.zuiSplitButtonTriggerSizes
+    size: chunkUZ6Y5CSV_js.zuiSplitButtonTriggerSizes
   },
   defaultVariants: {
     size: "md"
   }
 });
-var splitButtonContentVariants = classVarianceAuthority.cva(chunkUJZ7JQBQ_js.zuiSplitButtonContent);
-var splitButtonItemDisabledVariants = classVarianceAuthority.cva(chunkUJZ7JQBQ_js.zuiSplitButtonItemDisabled);
+var splitButtonContentVariants = classVarianceAuthority.cva(chunkUZ6Y5CSV_js.zuiSplitButtonContent);
+var splitButtonItemDisabledVariants = classVarianceAuthority.cva(chunkUZ6Y5CSV_js.zuiSplitButtonItemDisabled);
 var variantAppearanceMap = {
   primary: "default",
   secondary: "secondary",
@@ -200,7 +201,7 @@ function SplitButtonBase({
                       disabled: isUnavailable,
                       onClick,
                       className: chunkZS5756ZC_js.cn(
-                        chunkYBKNXDZU_js.buttonVariants({ appearance: resolvedAppearance, size }),
+                        chunkILPPXWR3_js.buttonVariants({ appearance: resolvedAppearance, size }),
                         splitButtonPrimaryVariants()
                       ),
                       children: [
@@ -223,7 +224,7 @@ function SplitButtonBase({
                       "aria-label": menuLabel,
                       disabled: isUnavailable,
                       className: chunkZS5756ZC_js.cn(
-                        chunkYBKNXDZU_js.buttonVariants({ appearance: resolvedAppearance, size }),
+                        chunkILPPXWR3_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,10 +2,11 @@
 import { Dropdown, DropdownTrigger, DropdownContent, DropdownItem } from '../chunk-IHDM7AHY.mjs';
 import '../chunk-VXDEPZKH.mjs';
 import '../chunk-VBNW2B4D.mjs';
-import '../chunk-45ZHGDT2.mjs';
-import { buttonVariants } from '../chunk-Z4Y5IPR3.mjs';
-import { zuiSplitButtonRoot, zuiSplitButtonFullWidth, zuiSplitButtonDropdown, zuiSplitButtonGroup, zuiSplitButtonPrimary, zuiSplitButtonTrigger, zuiSplitButtonTriggerSizes, zuiSplitButtonContent, zuiSplitButtonItemDisabled } from '../chunk-5HLEHSPM.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-2NQKFH26.mjs';
+import '../chunk-T4ZLTKV2.mjs';
 import '../chunk-EMZC6ICD.mjs';
 import '../chunk-PUSCPBT2.mjs';
 import '../chunk-4WG3VNVL.mjs';
@@ -15,11 +16,11 @@ import '../chunk-FX5KR2GP.mjs';
 import '../chunk-ZBAKTM2R.mjs';
 import '../chunk-4ZBMDWWY.mjs';
 import '../chunk-YH6MOKHR.mjs';
-import '../chunk-T4ZLTKV2.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-34LHS26H.mjs';

package/dist/ui/split-button.mjs.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":["jsx"],"mappings":"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","file":"split-button.mjs","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":["jsx"],"mappings":"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","file":"split-button.mjs","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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zentauri-ui/zentauri-components",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "React + Tailwind UI kit with charts, ESM/CJS builds, per-entry exports, and a zentauri-components / zentauri-ui CLI to vendor UI or hook source into your app",
   "keywords": [
     "react",

package/src/design-system/index.ts

@@ -32,6 +32,7 @@ export * from "./progress";
 export * from "./rating";
 export * from "./radio-group";
 export * from "./scroll-area";
+export * from "./secret-reveal";
 export * from "./select";
 export * from "./skeleton";
 export * from "./split-button";

package/src/design-system/secret-reveal.ts

@@ -0,0 +1,75 @@
+export const zuiSecretRevealContainerBase =
+  "inline-flex items-center gap-2 rounded-xl border px-3 py-2";
+
+export const zuiSecretRevealLabelBase = "font-medium";
+
+export const zuiSecretRevealValueBase = "font-mono tracking-wider select-all";
+
+export const zuiSecretRevealToggleBase =
+  "inline-flex items-center justify-center rounded-lg transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-sky-500";
+
+const zuiSecretRevealFg =
+  "text-[color:var(--zui-secret-reveal-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-secret-reveal-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]";
+
+const zuiSecretRevealInvertedFg =
+  "text-[color:var(--zui-secret-reveal-fg,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] dark:text-[color:var(--zui-secret-reveal-fg-dark,var(--zui-fg,oklch(20.8%_0.042_265.755)))]";
+
+const zuiSecretRevealGradientFg =
+  "text-[color:var(--zui-secret-reveal-fg,var(--zui-brand-fg,oklch(96.8%_0.007_247.896)))] dark:text-[color:var(--zui-secret-reveal-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.003_247.858)))]";
+
+export const zuiSecretRevealAppearances = {
+  default: `border-[var(--zui-secret-reveal-default-border,var(--zui-border,oklch(87.5%_0.01_258.338)))] dark:border-[var(--zui-secret-reveal-default-border-dark,var(--zui-border-dark,oklch(27.9%_0.041_260.031)))] bg-[var(--zui-secret-reveal-default-bg,var(--zui-surface,oklch(96.8%_0.003_264.542)))] dark:bg-[var(--zui-secret-reveal-default-bg-dark,var(--zui-surface-dark,oklch(21.6%_0.036_260.031)))] ${zuiSecretRevealFg}`,
+  subtle: `border-transparent bg-[var(--zui-secret-reveal-subtle-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:bg-[var(--zui-secret-reveal-subtle-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))] ${zuiSecretRevealFg}`,
+  muted: `border-transparent bg-[var(--zui-secret-reveal-muted-bg,var(--zui-fg-muted,oklch(44.6%_0.043_257.281)))] dark:bg-[var(--zui-secret-reveal-muted-bg-dark,var(--zui-fg-muted-dark,oklch(86.9%_0.022_252.894)))] ${zuiSecretRevealInvertedFg}`,
+  primary: `border-[var(--zui-secret-reveal-primary-border,var(--zui-brand,oklch(20.8%_0.042_265.755)))] dark:border-[var(--zui-secret-reveal-primary-border-dark,var(--zui-brand-dark,oklch(98.4%_0.003_247.858)))] bg-[var(--zui-secret-reveal-primary-bg,var(--zui-brand,oklch(20.8%_0.042_265.755)))] dark:bg-[var(--zui-secret-reveal-primary-bg-dark,var(--zui-brand-dark,oklch(98.4%_0.003_247.858)))] ${zuiSecretRevealInvertedFg}`,
+  blue: `border-[var(--zui-secret-reveal-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[var(--zui-secret-reveal-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-secret-reveal-blue-bg,oklch(93.5%_0.055_262.881))] dark:bg-[var(--zui-secret-reveal-blue-bg-dark,oklch(30.6%_0.126_262.881))] ${zuiSecretRevealFg}`,
+  cyan: `border-[var(--zui-secret-reveal-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[var(--zui-secret-reveal-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-secret-reveal-cyan-bg,oklch(95%_0.025_236.42))] dark:bg-[var(--zui-secret-reveal-cyan-bg-dark,oklch(31.1%_0.085_231.74))] ${zuiSecretRevealFg}`,
+  green: `border-[var(--zui-secret-reveal-green-border,var(--zui-color-green,#16a34a))] dark:border-[var(--zui-secret-reveal-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-secret-reveal-green-bg,oklch(94.2%_0.053_146.17))] dark:bg-[var(--zui-secret-reveal-green-bg-dark,oklch(30.8%_0.085_149.21))] ${zuiSecretRevealFg}`,
+  lime: `border-[var(--zui-secret-reveal-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[var(--zui-secret-reveal-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-secret-reveal-lime-bg,oklch(93.9%_0.077_125.02))] dark:bg-[var(--zui-secret-reveal-lime-bg-dark,oklch(33.1%_0.098_131.68))] ${zuiSecretRevealFg}`,
+  emerald: `border-[var(--zui-secret-reveal-emerald-border,var(--zui-color-emerald,oklch(69.6%_0.17_162.48)))] dark:border-[var(--zui-secret-reveal-emerald-border-dark,var(--zui-color-emerald-dark,oklch(43.2%_0.095_166.913)))] bg-[var(--zui-secret-reveal-emerald-bg,oklch(93.5%_0.062_163.17))] dark:bg-[var(--zui-secret-reveal-emerald-bg-dark,oklch(25.4%_0.065_166.91))] ${zuiSecretRevealFg}`,
+  indigo: `border-[var(--zui-secret-reveal-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[var(--zui-secret-reveal-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-[var(--zui-secret-reveal-indigo-bg,oklch(92.8%_0.067_276.37))] dark:bg-[var(--zui-secret-reveal-indigo-bg-dark,oklch(27.5%_0.153_276.97))] ${zuiSecretRevealFg}`,
+  purple: `border-[var(--zui-secret-reveal-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[var(--zui-secret-reveal-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-[var(--zui-secret-reveal-purple-bg,oklch(92.4%_0.075_302.32))] dark:bg-[var(--zui-secret-reveal-purple-bg-dark,oklch(27.8%_0.171_302.32))] ${zuiSecretRevealFg}`,
+  pink: `border-[var(--zui-secret-reveal-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[var(--zui-secret-reveal-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-[var(--zui-secret-reveal-pink-bg,oklch(93.5%_0.048_3.82))] dark:bg-[var(--zui-secret-reveal-pink-bg-dark,oklch(29.1%_0.134_0.58))] ${zuiSecretRevealFg}`,
+  rose: `border-[var(--zui-secret-reveal-rose-border,var(--zui-color-rose,oklch(64.5%_0.246_16.439)))] dark:border-[var(--zui-secret-reveal-rose-border-dark,var(--zui-color-rose-dark,oklch(51.4%_0.222_16.935)))] bg-[var(--zui-secret-reveal-rose-bg,oklch(93.2%_0.065_16.44))] dark:bg-[var(--zui-secret-reveal-rose-bg-dark,oklch(30.2%_0.157_16.94))] ${zuiSecretRevealFg}`,
+  sky: `border-[var(--zui-secret-reveal-sky-border,var(--zui-color-sky,oklch(68.5%_0.169_237.323)))] dark:border-[var(--zui-secret-reveal-sky-border-dark,var(--zui-color-sky-dark,oklch(50%_0.134_242.749)))] bg-[var(--zui-secret-reveal-sky-bg,oklch(94.5%_0.041_237.32))] dark:bg-[var(--zui-secret-reveal-sky-bg-dark,oklch(29.4%_0.108_242.75))] ${zuiSecretRevealFg}`,
+  teal: `border-[var(--zui-secret-reveal-teal-border,var(--zui-color-teal,oklch(70.4%_0.14_182.503)))] dark:border-[var(--zui-secret-reveal-teal-border-dark,var(--zui-color-teal-dark,oklch(51.1%_0.096_186.391)))] bg-[var(--zui-secret-reveal-teal-bg,oklch(94.1%_0.046_182.5))] dark:bg-[var(--zui-secret-reveal-teal-bg-dark,oklch(30.2%_0.075_186.4))] ${zuiSecretRevealFg}`,
+  yellow: `border-[var(--zui-secret-reveal-yellow-border,var(--zui-color-yellow,oklch(79.5%_0.184_86.047)))] dark:border-[var(--zui-secret-reveal-yellow-border-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907)))] bg-[var(--zui-secret-reveal-yellow-bg,oklch(94.1%_0.06_86.05))] dark:bg-[var(--zui-secret-reveal-yellow-bg-dark,oklch(31.5%_0.084_61.91))] ${zuiSecretRevealFg}`,
+  orange: `border-[var(--zui-secret-reveal-orange-border,var(--zui-color-orange,oklch(70.5%_0.213_47.604)))] dark:border-[var(--zui-secret-reveal-orange-border-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] bg-[var(--zui-secret-reveal-orange-bg,oklch(93.5%_0.076_47.6))] dark:bg-[var(--zui-secret-reveal-orange-bg-dark,oklch(30.1%_0.129_37.3))] ${zuiSecretRevealFg}`,
+  red: `border-[var(--zui-secret-reveal-red-border,var(--zui-color-red,#dc2626))] dark:border-[var(--zui-secret-reveal-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-secret-reveal-red-bg,oklch(93.9%_0.053_19.85))] dark:bg-[var(--zui-secret-reveal-red-bg-dark,oklch(32.1%_0.111_19.85))] ${zuiSecretRevealFg}`,
+  slate: `border-[var(--zui-secret-reveal-slate-border,var(--zui-color-slate,#475569))] dark:border-[var(--zui-secret-reveal-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-secret-reveal-slate-bg,oklch(92.8%_0.011_262.88))] dark:bg-[var(--zui-secret-reveal-slate-bg-dark,oklch(29.6%_0.036_262.88))] ${zuiSecretRevealFg}`,
+  gray: `border-[var(--zui-secret-reveal-gray-border,var(--zui-color-gray,oklch(55.1%_0.027_264.364)))] dark:border-[var(--zui-secret-reveal-gray-border-dark,var(--zui-color-gray-dark,oklch(55.1%_0.027_264.364)))] bg-[var(--zui-secret-reveal-gray-bg,oklch(92.8%_0.007_264.36))] dark:bg-[var(--zui-secret-reveal-gray-bg-dark,oklch(29.4%_0.018_264.36))] ${zuiSecretRevealFg}`,
+  zinc: `border-[var(--zui-secret-reveal-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[var(--zui-secret-reveal-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-secret-reveal-zinc-bg,oklch(92.9%_0.004_262.88))] dark:bg-[var(--zui-secret-reveal-zinc-bg-dark,oklch(29.4%_0.014_262.88))] ${zuiSecretRevealFg}`,
+  "gradient-blue": `border-transparent bg-linear-to-r from-[var(--zui-secret-reveal-gradient-blue-from,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:from-[var(--zui-secret-reveal-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] to-[var(--zui-secret-reveal-gradient-blue-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-secret-reveal-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] ${zuiSecretRevealGradientFg}`,
+  "gradient-green": `border-transparent bg-linear-to-r from-[var(--zui-secret-reveal-gradient-green-from,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:from-[var(--zui-secret-reveal-gradient-green-from-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] to-[var(--zui-secret-reveal-gradient-green-to,var(--zui-color-lime,oklch(45.3%_0.124_130.933)))] dark:to-[var(--zui-secret-reveal-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(64.8%_0.2_131.684)))] ${zuiSecretRevealGradientFg}`,
+  "gradient-red": `border-transparent bg-linear-to-r from-[var(--zui-secret-reveal-gradient-red-from,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:from-[var(--zui-secret-reveal-gradient-red-from-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] to-[var(--zui-secret-reveal-gradient-red-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-secret-reveal-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] ${zuiSecretRevealGradientFg}`,
+  "gradient-yellow": `border-transparent bg-linear-to-r from-[var(--zui-secret-reveal-gradient-yellow-from,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:from-[var(--zui-secret-reveal-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] to-[var(--zui-secret-reveal-gradient-yellow-to,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:to-[var(--zui-secret-reveal-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] ${zuiSecretRevealGradientFg}`,
+  "gradient-purple": `border-transparent bg-linear-to-r from-[var(--zui-secret-reveal-gradient-purple-from,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:from-[var(--zui-secret-reveal-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] to-[var(--zui-secret-reveal-gradient-purple-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-secret-reveal-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] ${zuiSecretRevealGradientFg}`,
+  "gradient-teal": `border-transparent bg-linear-to-r from-[var(--zui-secret-reveal-gradient-teal-from,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:from-[var(--zui-secret-reveal-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] to-[var(--zui-secret-reveal-gradient-teal-to,var(--zui-color-cyan,oklch(45%_0.085_224.283)))] dark:to-[var(--zui-secret-reveal-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(60.9%_0.126_221.723)))] ${zuiSecretRevealGradientFg}`,
+  "gradient-indigo": `border-transparent bg-linear-to-r from-[var(--zui-secret-reveal-gradient-indigo-from,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:from-[var(--zui-secret-reveal-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] to-[var(--zui-secret-reveal-gradient-indigo-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-secret-reveal-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] ${zuiSecretRevealGradientFg}`,
+  "gradient-pink": `border-transparent bg-linear-to-r from-[var(--zui-secret-reveal-gradient-pink-from,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:from-[var(--zui-secret-reveal-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] to-[var(--zui-secret-reveal-gradient-pink-to,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:to-[var(--zui-secret-reveal-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] ${zuiSecretRevealGradientFg}`,
+  "gradient-orange": `border-transparent bg-linear-to-r from-[var(--zui-secret-reveal-gradient-orange-from,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:from-[var(--zui-secret-reveal-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] to-[var(--zui-secret-reveal-gradient-orange-to,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:to-[var(--zui-secret-reveal-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] ${zuiSecretRevealGradientFg}`,
+} as const;
+
+export const zuiSecretRevealSizes = {
+  sm: "gap-1.5 px-2 py-1.5 text-xs",
+  md: "gap-2 px-3 py-2 text-sm",
+  lg: "gap-2.5 px-4 py-2.5 text-base",
+} as const;
+
+export const zuiSecretRevealLabelSizes = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base",
+} as const;
+
+export const zuiSecretRevealValueSizes = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base",
+} as const;
+
+export const zuiSecretRevealToggleSizes = {
+  sm: "size-6 [&_svg]:size-3.5",
+  md: "size-7 [&_svg]:size-4",
+  lg: "size-8 [&_svg]:size-5",
+} as const;

package/src/ui/secret-reveal/animated/animations.ts

@@ -0,0 +1,74 @@
+import type { Transition, Variants } from "framer-motion";
+
+export type SecretRevealAnimation =
+  | "none"
+  | "fade"
+  | "slide-up"
+  | "scale"
+  | "flip";
+
+export type SecretRevealAnimationPresets = Record<
+  SecretRevealAnimation,
+  {
+    transition: Transition;
+    variants: Variants;
+  }
+>;
+
+export const secretRevealAnimationPresets: SecretRevealAnimationPresets = {
+  none: {
+    transition: { duration: 0 },
+    variants: {
+      initial: { opacity: 1 },
+      animate: { opacity: 1 },
+      exit: { opacity: 1 },
+    },
+  },
+  fade: {
+    transition: { duration: 0.25, ease: "easeInOut" },
+    variants: {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 },
+    },
+  },
+  "slide-up": {
+    transition: {
+      type: "spring",
+      stiffness: 300,
+      damping: 25,
+      mass: 0.5,
+    },
+    variants: {
+      initial: { opacity: 0, y: 8 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -8 },
+    },
+  },
+  scale: {
+    transition: {
+      type: "spring",
+      stiffness: 400,
+      damping: 20,
+      mass: 0.4,
+    },
+    variants: {
+      initial: { opacity: 0, scale: 0.9 },
+      animate: { opacity: 1, scale: 1 },
+      exit: { opacity: 0, scale: 0.9 },
+    },
+  },
+  flip: {
+    transition: {
+      type: "spring",
+      stiffness: 200,
+      damping: 18,
+      mass: 0.6,
+    },
+    variants: {
+      initial: { opacity: 0, rotateX: 90 },
+      animate: { opacity: 1, rotateX: 0 },
+      exit: { opacity: 0, rotateX: -90 },
+    },
+  },
+};

package/src/ui/secret-reveal/animated/index.ts

@@ -0,0 +1,5 @@
+"use client";
+
+export { SecretRevealAnimated } from "./secret-reveal-animated";
+export type { SecretRevealAnimation, SecretRevealAnimatedProps } from "./types";
+export { secretRevealAnimationPresets } from "./animations";