@zentauri-ui/zentauri-components 2.1.7 → 2.1.9

package/dist/chunk-4SLVTSHM.js

@@ -0,0 +1,241 @@
+'use strict';
+
+var chunk7DCFVPWN_js = require('./chunk-7DCFVPWN.js');
+var chunkY5JAQEBF_js = require('./chunk-Y5JAQEBF.js');
+var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
+var react = require('react');
+var fi = require('react-icons/fi');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+var triggerVariants = classVarianceAuthority.cva(chunkY5JAQEBF_js.zuiDropdownTriggerBase, {
+  variants: {
+    variant: chunkY5JAQEBF_js.zuiDropdownTriggerVariants,
+    size: chunkY5JAQEBF_js.zuiDropdownTriggerSizes
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md"
+  }
+});
+var contentVariants = classVarianceAuthority.cva(chunkY5JAQEBF_js.zuiDropdownContentBase, {
+  variants: {
+    placement: chunkY5JAQEBF_js.zuiDropdownPlacements,
+    spacing: chunkY5JAQEBF_js.zuiDropdownSpacing
+  },
+  defaultVariants: {
+    placement: "bottom",
+    spacing: "default"
+  }
+});
+var itemVariants = classVarianceAuthority.cva(chunkY5JAQEBF_js.zuiDropdownItemBase, {
+  variants: {
+    variant: chunkY5JAQEBF_js.zuiDropdownItemVariants
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var DropdownContext = react.createContext(null);
+var useDropdown = () => {
+  const ctx = react.useContext(DropdownContext);
+  if (!ctx) throw new Error("Use inside Dropdown");
+  return ctx;
+};
+var Dropdown = ({
+  children,
+  className,
+  defaultOpen = false,
+  open: controlledOpen,
+  onOpenChange,
+  multiSelect = false,
+  ...props
+}) => {
+  const menuId = `${react.useId()}-menu`;
+  const [uncontrolledOpen, setUncontrolledOpen] = react.useState(defaultOpen);
+  const [selectedValues, setSelectedValues] = react.useState([]);
+  const open = controlledOpen ?? uncontrolledOpen;
+  const setOpen = (val) => {
+    if (controlledOpen !== void 0) {
+      onOpenChange?.(val);
+    } else {
+      setUncontrolledOpen(val);
+    }
+  };
+  const toggle = () => setOpen(!open);
+  const toggleSelect = (value) => {
+    if (!multiSelect) {
+      setSelectedValues([value]);
+      setOpen(false);
+      return;
+    }
+    setSelectedValues(
+      (prev) => prev.includes(value) ? prev.filter((v) => v !== value) : [...prev, value]
+    );
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownContext.Provider,
+    {
+      value: {
+        open,
+        setOpen,
+        toggle,
+        selectedValues,
+        toggleSelect,
+        multiSelect,
+        menuId
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkZS5756ZC_js.cn("relative inline-block", className), ...props, children })
+    }
+  );
+};
+var DropdownTrigger = ({
+  children,
+  className,
+  variant,
+  size,
+  onClick,
+  ...props
+}) => {
+  const { toggle, open, menuId } = useDropdown();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      "aria-expanded": open,
+      "aria-haspopup": "menu",
+      "aria-controls": menuId,
+      className: chunkZS5756ZC_js.cn(triggerVariants({ variant, size }), className),
+      ...props,
+      onClick: (event) => {
+        onClick?.(event);
+        if (!event.defaultPrevented) {
+          toggle();
+        }
+      },
+      children
+    }
+  );
+};
+var DropdownContent = ({
+  children,
+  className,
+  placement = "bottom",
+  spacing = "default",
+  divider,
+  ...props
+}) => {
+  const { open, setOpen, menuId } = useDropdown();
+  const ref = react.useRef(null);
+  chunk7DCFVPWN_js.useClickOutside({ ref, setOpen });
+  react.useEffect(() => {
+    if (!open) {
+      return;
+    }
+    ref.current?.querySelector('[role="menuitem"]')?.focus();
+  }, [open]);
+  if (!open) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      id: menuId,
+      role: "menu",
+      className: chunkZS5756ZC_js.cn(
+        contentVariants({ placement, spacing }),
+        className,
+        divider && "divide-y divide-current"
+      ),
+      ...props,
+      children
+    }
+  );
+};
+var DropdownItem = ({
+  children,
+  value,
+  className,
+  variant,
+  onClick,
+  onKeyDown,
+  onSelect,
+  leftIcon,
+  rightIcon,
+  ...props
+}) => {
+  const { toggleSelect, selectedValues } = useDropdown();
+  const isSelected = value !== void 0 && selectedValues.includes(value);
+  const handleClick = () => {
+    if (value !== void 0) toggleSelect(value);
+    onSelect?.();
+  };
+  const focusSiblingItem = (event, direction) => {
+    const menu = event.currentTarget.closest('[role="menu"]');
+    const items = Array.from(
+      menu?.querySelectorAll('[role="menuitem"]') ?? []
+    );
+    const currentIndex = items.indexOf(event.currentTarget);
+    if (currentIndex === -1 || items.length === 0) {
+      return;
+    }
+    const nextIndex = direction === "first" ? 0 : direction === "last" ? items.length - 1 : (currentIndex + (direction === "next" ? 1 : -1) + items.length) % items.length;
+    items[nextIndex]?.focus();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "menuitem",
+      tabIndex: -1,
+      onClick: (event) => {
+        onClick?.(event);
+        if (!event.defaultPrevented) {
+          handleClick();
+        }
+      },
+      onKeyDown: (e) => {
+        onKeyDown?.(e);
+        if (e.defaultPrevented) {
+          return;
+        }
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          handleClick();
+        } else if (e.key === "ArrowDown") {
+          e.preventDefault();
+          focusSiblingItem(e, "next");
+        } else if (e.key === "ArrowUp") {
+          e.preventDefault();
+          focusSiblingItem(e, "previous");
+        } else if (e.key === "Home") {
+          e.preventDefault();
+          focusSiblingItem(e, "first");
+        } else if (e.key === "End") {
+          e.preventDefault();
+          focusSiblingItem(e, "last");
+        }
+      },
+      className: chunkZS5756ZC_js.cn(itemVariants({ variant }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          leftIcon,
+          children
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          isSelected && /* @__PURE__ */ jsxRuntime.jsx(fi.FiCheck, {}),
+          rightIcon
+        ] })
+      ]
+    }
+  );
+};
+
+exports.Dropdown = Dropdown;
+exports.DropdownContent = DropdownContent;
+exports.DropdownItem = DropdownItem;
+exports.DropdownTrigger = DropdownTrigger;
+exports.contentVariants = contentVariants;
+exports.itemVariants = itemVariants;
+exports.triggerVariants = triggerVariants;
+//# sourceMappingURL=chunk-4SLVTSHM.js.map
+//# sourceMappingURL=chunk-4SLVTSHM.js.map

package/dist/chunk-4SLVTSHM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/dropdown/variants.ts","../src/ui/dropdown/dropdown.tsx"],"names":["cva","zuiDropdownTriggerBase","zuiDropdownTriggerVariants","zuiDropdownTriggerSizes","zuiDropdownContentBase","zuiDropdownPlacements","zuiDropdownSpacing","zuiDropdownItemBase","zuiDropdownItemVariants","createContext","useContext","useId","useState","jsx","cn","useRef","useClickOutside","useEffect","jsxs","FiCheck"],"mappings":"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","file":"chunk-4SLVTSHM.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiDropdownContentBase,\n  zuiDropdownItemBase,\n  zuiDropdownItemVariants,\n  zuiDropdownPlacements,\n  zuiDropdownSpacing,\n  zuiDropdownTriggerBase,\n  zuiDropdownTriggerSizes,\n  zuiDropdownTriggerVariants,\n} from \"../../design-system/dropdown\";\n\nexport const triggerVariants = cva(zuiDropdownTriggerBase, {\n  variants: {\n    variant: zuiDropdownTriggerVariants,\n    size: zuiDropdownTriggerSizes,\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const contentVariants = cva(zuiDropdownContentBase, {\n  variants: {\n    placement: zuiDropdownPlacements,\n    spacing: zuiDropdownSpacing,\n  },\n  defaultVariants: {\n    placement: \"bottom\",\n    spacing: \"default\",\n  },\n});\n\nexport const itemVariants = cva(zuiDropdownItemBase, {\n  variants: {\n    variant: zuiDropdownItemVariants,\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  useContext,\n  useState,\n  useRef,\n  useEffect,\n  useId,\n  type KeyboardEvent,\n} from \"react\";\nimport { FiCheck } from \"react-icons/fi\";\nimport { cn } from \"../../lib/utils\";\nimport type {\n  DropdownContextType,\n  DropdownProps,\n  DropdownTriggerProps,\n  DropdownContentProps,\n  DropdownItemProps,\n} from \"./types\";\nimport { triggerVariants, contentVariants, itemVariants } from \"./variants\";\nimport { useClickOutside } from \"../../hooks/useClickOutside\";\n\n/* =========================\n   Context\n========================= */\nconst DropdownContext = createContext<DropdownContextType | null>(null);\n\nconst useDropdown = () => {\n  const ctx = useContext(DropdownContext);\n  if (!ctx) throw new Error(\"Use inside Dropdown\");\n  return ctx;\n};\n\n/* =========================\n   Root\n========================= */\nexport const Dropdown = ({\n  children,\n  className,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  multiSelect = false,\n  ...props\n}: DropdownProps) => {\n  const menuId = `${useId()}-menu`;\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const [selectedValues, setSelectedValues] = useState<string[]>([]);\n\n  const open = controlledOpen ?? uncontrolledOpen;\n\n  const setOpen = (val: boolean) => {\n    if (controlledOpen !== undefined) {\n      onOpenChange?.(val);\n    } else {\n      setUncontrolledOpen(val);\n    }\n  };\n\n  const toggle = () => setOpen(!open);\n\n  const toggleSelect = (value: string) => {\n    if (!multiSelect) {\n      setSelectedValues([value]);\n      setOpen(false);\n      return;\n    }\n\n    setSelectedValues((prev) =>\n      prev.includes(value) ? prev.filter((v) => v !== value) : [...prev, value],\n    );\n  };\n\n  return (\n    <DropdownContext.Provider\n      value={{\n        open,\n        setOpen,\n        toggle,\n        selectedValues,\n        toggleSelect,\n        multiSelect,\n        menuId,\n      }}\n    >\n      <div className={cn(\"relative inline-block\", className)} {...props}>\n        {children}\n      </div>\n    </DropdownContext.Provider>\n  );\n};\n\n/* =========================\n   Trigger\n========================= */\nexport const DropdownTrigger = ({\n  children,\n  className,\n  variant,\n  size,\n  onClick,\n  ...props\n}: DropdownTriggerProps) => {\n  const { toggle, open, menuId } = useDropdown();\n\n  return (\n    <button\n      type=\"button\"\n      aria-expanded={open}\n      aria-haspopup=\"menu\"\n      aria-controls={menuId}\n      className={cn(triggerVariants({ variant, size }), className)}\n      {...props}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) {\n          toggle();\n        }\n      }}\n    >\n      {children}\n    </button>\n  );\n};\n\n/* =========================\n   Content\n========================= */\nexport const DropdownContent = ({\n  children,\n  className,\n  placement = \"bottom\",\n  spacing = \"default\",\n  divider,\n  ...props\n}: DropdownContentProps) => {\n  const { open, setOpen, menuId } = useDropdown();\n  const ref = useRef<HTMLDivElement>(null);\n\n  // click outside\n  useClickOutside({ ref, setOpen });\n\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n\n    ref.current?.querySelector<HTMLElement>('[role=\"menuitem\"]')?.focus();\n  }, [open]);\n\n  if (!open) return null;\n\n  return (\n    <div\n      ref={ref}\n      id={menuId}\n      role=\"menu\"\n      className={cn(\n        contentVariants({ placement, spacing }),\n        className,\n        divider && \"divide-y divide-current\",\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\n/* =========================\n   Item\n========================= */\nexport const DropdownItem = ({\n  children,\n  value,\n  className,\n  variant,\n  onClick,\n  onKeyDown,\n  onSelect,\n  leftIcon,\n  rightIcon,\n  ...props\n}: DropdownItemProps) => {\n  const { toggleSelect, selectedValues } = useDropdown();\n  const isSelected = value !== undefined && selectedValues.includes(value);\n\n  const handleClick = () => {\n    if (value !== undefined) toggleSelect(value);\n    onSelect?.();\n  };\n\n  const focusSiblingItem = (\n    event: KeyboardEvent<HTMLDivElement>,\n    direction: \"next\" | \"previous\" | \"first\" | \"last\",\n  ) => {\n    const menu = event.currentTarget.closest('[role=\"menu\"]');\n    const items = Array.from(\n      menu?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]') ?? [],\n    );\n    const currentIndex = items.indexOf(event.currentTarget);\n\n    if (currentIndex === -1 || items.length === 0) {\n      return;\n    }\n\n    const nextIndex =\n      direction === \"first\"\n        ? 0\n        : direction === \"last\"\n          ? items.length - 1\n          : (currentIndex + (direction === \"next\" ? 1 : -1) + items.length) %\n            items.length;\n\n    items[nextIndex]?.focus();\n  };\n\n  return (\n    <div\n      role=\"menuitem\"\n      tabIndex={-1}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) {\n          handleClick();\n        }\n      }}\n      onKeyDown={(e) => {\n        onKeyDown?.(e);\n        if (e.defaultPrevented) {\n          return;\n        }\n        if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          handleClick();\n        } else if (e.key === \"ArrowDown\") {\n          e.preventDefault();\n          focusSiblingItem(e, \"next\");\n        } else if (e.key === \"ArrowUp\") {\n          e.preventDefault();\n          focusSiblingItem(e, \"previous\");\n        } else if (e.key === \"Home\") {\n          e.preventDefault();\n          focusSiblingItem(e, \"first\");\n        } else if (e.key === \"End\") {\n          e.preventDefault();\n          focusSiblingItem(e, \"last\");\n        }\n      }}\n      className={cn(itemVariants({ variant }), className)}\n      {...props}\n    >\n      <div className=\"flex items-center gap-2\">\n        {leftIcon}\n        {children}\n      </div>\n\n      <div className=\"flex items-center gap-2\">\n        {isSelected && <FiCheck />}\n        {rightIcon}\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/{chunk-TJ2EWPER.js → chunk-4TPE5DEG.js}

@@ -1,31 +1,33 @@
 'use strict';
 
 var chunkFBUY6K6S_js = require('./chunk-FBUY6K6S.js');
+var chunkKWBGLH7G_js = require('./chunk-KWBGLH7G.js');
+var chunkOH5VOGNW_js = require('./chunk-OH5VOGNW.js');
 var chunkY7BU5RC4_js = require('./chunk-Y7BU5RC4.js');
 var chunkNDF3HORF_js = require('./chunk-NDF3HORF.js');
 var chunkUSLNTKVQ_js = require('./chunk-USLNTKVQ.js');
 var chunkD7ATXPVI_js = require('./chunk-D7ATXPVI.js');
 var chunkIEHY6KNM_js = require('./chunk-IEHY6KNM.js');
 var chunk3MK7CWEX_js = require('./chunk-3MK7CWEX.js');
+var chunkCJCOURVM_js = require('./chunk-CJCOURVM.js');
 var chunk22FJROCI_js = require('./chunk-22FJROCI.js');
 var chunkUJXFD4SK_js = require('./chunk-UJXFD4SK.js');
 var chunk3EJCQXGV_js = require('./chunk-3EJCQXGV.js');
 var chunk6KVTKYTB_js = require('./chunk-6KVTKYTB.js');
 var chunkL7W4NRK6_js = require('./chunk-L7W4NRK6.js');
-var chunkKWBGLH7G_js = require('./chunk-KWBGLH7G.js');
-var chunkOH5VOGNW_js = require('./chunk-OH5VOGNW.js');
+var chunkA7MU6SFI_js = require('./chunk-A7MU6SFI.js');
 var chunkWGN2CBG6_js = require('./chunk-WGN2CBG6.js');
 var chunkSRSRY5K2_js = require('./chunk-SRSRY5K2.js');
 var chunkUG3GF2BD_js = require('./chunk-UG3GF2BD.js');
 var chunkBZTAA3MK_js = require('./chunk-BZTAA3MK.js');
 var chunkPZ25OHJE_js = require('./chunk-PZ25OHJE.js');
 var chunkHOOZYA4N_js = require('./chunk-HOOZYA4N.js');
-var chunkCJCOURVM_js = require('./chunk-CJCOURVM.js');
+var chunk7DVECOO7_js = require('./chunk-7DVECOO7.js');
 var chunkKJMW7S5X_js = require('./chunk-KJMW7S5X.js');
 var chunk3CYJQ6KF_js = require('./chunk-3CYJQ6KF.js');
 var chunk3453DQNL_js = require('./chunk-3453DQNL.js');
 var chunkDYSXCJGL_js = require('./chunk-DYSXCJGL.js');
-var chunkA7MU6SFI_js = require('./chunk-A7MU6SFI.js');
+var chunkPAISX7YL_js = require('./chunk-PAISX7YL.js');
 var chunkNYO3W5GY_js = require('./chunk-NYO3W5GY.js');
 var chunkHNRCPZCK_js = require('./chunk-HNRCPZCK.js');
 var chunkJ2SUGU3X_js = require('./chunk-J2SUGU3X.js');
@@ -33,7 +35,6 @@ var chunkJ5NTJVKX_js = require('./chunk-J5NTJVKX.js');
 var chunkUQQHB3OI_js = require('./chunk-UQQHB3OI.js');
 var chunkBBM4BKSN_js = require('./chunk-BBM4BKSN.js');
 var chunkY5JAQEBF_js = require('./chunk-Y5JAQEBF.js');
-var chunk7DVECOO7_js = require('./chunk-7DVECOO7.js');
 var chunkYPYPWALR_js = require('./chunk-YPYPWALR.js');
 var chunkPP3L6M62_js = require('./chunk-PP3L6M62.js');
 var chunkBJDT7P2I_js = require('./chunk-BJDT7P2I.js');
@@ -113,6 +114,17 @@ chunkPZ5AY32C_js.__export(design_system_exports, {
   zuiCheckboxIndicatorBase: () => chunkJ2SUGU3X_js.zuiCheckboxIndicatorBase,
   zuiCheckboxRootBase: () => chunkJ2SUGU3X_js.zuiCheckboxRootBase,
   zuiCheckboxSizes: () => chunkJ2SUGU3X_js.zuiCheckboxSizes,
+  zuiCodeDiffAppearances: () => chunkPAISX7YL_js.zuiCodeDiffAppearances,
+  zuiCodeDiffBase: () => chunkPAISX7YL_js.zuiCodeDiffBase,
+  zuiCodeDiffGutterMarker: () => chunkPAISX7YL_js.zuiCodeDiffGutterMarker,
+  zuiCodeDiffHeaderBase: () => chunkPAISX7YL_js.zuiCodeDiffHeaderBase,
+  zuiCodeDiffLineAdded: () => chunkPAISX7YL_js.zuiCodeDiffLineAdded,
+  zuiCodeDiffLineContentBase: () => chunkPAISX7YL_js.zuiCodeDiffLineContentBase,
+  zuiCodeDiffLineNumberBase: () => chunkPAISX7YL_js.zuiCodeDiffLineNumberBase,
+  zuiCodeDiffLineRemoved: () => chunkPAISX7YL_js.zuiCodeDiffLineRemoved,
+  zuiCodeDiffLineUnchanged: () => chunkPAISX7YL_js.zuiCodeDiffLineUnchanged,
+  zuiCodeDiffSizes: () => chunkPAISX7YL_js.zuiCodeDiffSizes,
+  zuiCodeDiffTableBase: () => chunkPAISX7YL_js.zuiCodeDiffTableBase,
   zuiComboboxContentAppearances: () => chunkJ5NTJVKX_js.zuiComboboxContentAppearances,
   zuiComboboxContentBase: () => chunkJ5NTJVKX_js.zuiComboboxContentBase,
   zuiComboboxDisabled: () => chunkJ5NTJVKX_js.zuiComboboxDisabled,
@@ -322,6 +334,15 @@ chunkPZ5AY32C_js.__export(design_system_exports, {
   zuiSpinnerBase: () => chunkFBUY6K6S_js.zuiSpinnerBase,
   zuiSpinnerSizes: () => chunkFBUY6K6S_js.zuiSpinnerSizes,
   zuiSpinnerVariants: () => chunkFBUY6K6S_js.zuiSpinnerVariants,
+  zuiSplitButtonContent: () => zuiSplitButtonContent,
+  zuiSplitButtonDropdown: () => zuiSplitButtonDropdown,
+  zuiSplitButtonFullWidth: () => zuiSplitButtonFullWidth,
+  zuiSplitButtonGroup: () => zuiSplitButtonGroup,
+  zuiSplitButtonItemDisabled: () => zuiSplitButtonItemDisabled,
+  zuiSplitButtonPrimary: () => zuiSplitButtonPrimary,
+  zuiSplitButtonRoot: () => zuiSplitButtonRoot,
+  zuiSplitButtonTrigger: () => zuiSplitButtonTrigger,
+  zuiSplitButtonTriggerSizes: () => zuiSplitButtonTriggerSizes,
   zuiTableAppearances: () => chunkKWBGLH7G_js.zuiTableAppearances,
   zuiTableBase: () => chunkKWBGLH7G_js.zuiTableBase,
   zuiTableCellAppearances: () => chunkKWBGLH7G_js.zuiTableCellAppearances,
@@ -677,6 +698,32 @@ var zuiPaginationEllipsisSizes = {
   icon: "text-sm"
 };
 
+// src/design-system/split-button.ts
+var zuiSplitButtonRoot = "inline-flex align-middle data-[full-width=true]:w-full";
+var zuiSplitButtonFullWidth = "w-full";
+var zuiSplitButtonDropdown = "data-[full-width=true]:block data-[full-width=true]:w-full";
+var zuiSplitButtonGroup = "inline-flex items-stretch data-[full-width=true]:w-full";
+var zuiSplitButtonPrimary = "rounded-r-none data-[full-width=true]:min-w-0 data-[full-width=true]:flex-1";
+var zuiSplitButtonTrigger = "rounded-l-none border-l border-[color:var(--zui-split-button-separator,var(--zui-border,#ffffff33))] dark:border-[color:var(--zui-split-button-separator-dark,var(--zui-border-dark,#00000033))] px-2.5";
+var zuiSplitButtonTriggerSizes = {
+  sm: "min-w-8 px-2",
+  md: "min-w-10 px-2.5",
+  lg: "min-w-11 px-3",
+  xl: "min-w-12 px-3.5",
+  "2xl": "min-w-14 px-4",
+  "3xl": "min-w-16 px-4",
+  "4xl": "min-w-18 px-5",
+  "5xl": "min-w-20 px-5",
+  "6xl": "min-w-22 px-6",
+  "7xl": "min-w-24 px-6",
+  "8xl": "min-w-26 px-7",
+  "9xl": "min-w-28 px-7",
+  "10xl": "min-w-30 px-8",
+  icon: "min-w-10 px-0"
+};
+var zuiSplitButtonContent = "min-w-[var(--zui-split-button-menu-min-width,12rem)]";
+var zuiSplitButtonItemDisabled = "pointer-events-none opacity-50";
+
 exports.design_system_exports = design_system_exports;
 exports.zuiButtonAppearances = zuiButtonAppearances;
 exports.zuiButtonBase = zuiButtonBase;
@@ -702,5 +749,14 @@ exports.zuiPaginationEllipsisSizes = zuiPaginationEllipsisSizes;
 exports.zuiPaginationListAppearances = zuiPaginationListAppearances;
 exports.zuiPaginationListBase = zuiPaginationListBase;
 exports.zuiPaginationListSizes = zuiPaginationListSizes;
-//# sourceMappingURL=chunk-TJ2EWPER.js.map
-//# sourceMappingURL=chunk-TJ2EWPER.js.map
+exports.zuiSplitButtonContent = zuiSplitButtonContent;
+exports.zuiSplitButtonDropdown = zuiSplitButtonDropdown;
+exports.zuiSplitButtonFullWidth = zuiSplitButtonFullWidth;
+exports.zuiSplitButtonGroup = zuiSplitButtonGroup;
+exports.zuiSplitButtonItemDisabled = zuiSplitButtonItemDisabled;
+exports.zuiSplitButtonPrimary = zuiSplitButtonPrimary;
+exports.zuiSplitButtonRoot = zuiSplitButtonRoot;
+exports.zuiSplitButtonTrigger = zuiSplitButtonTrigger;
+exports.zuiSplitButtonTriggerSizes = zuiSplitButtonTriggerSizes;
+//# sourceMappingURL=chunk-4TPE5DEG.js.map
+//# sourceMappingURL=chunk-4TPE5DEG.js.map