@zentauri-ui/zentauri-components 2.1.7 → 2.1.8

package/dist/ui/dropdown.mjs

@@ -1,233 +1,8 @@
 "use client";
-import { useClickOutside } from '../chunk-VXDEPZKH.mjs';
-import { zuiDropdownTriggerBase, zuiDropdownTriggerSizes, zuiDropdownTriggerVariants, zuiDropdownContentBase, zuiDropdownSpacing, zuiDropdownPlacements, zuiDropdownItemBase, zuiDropdownItemVariants } from '../chunk-QX6PPTWL.mjs';
-import { cn } from '../chunk-4D54YOL6.mjs';
+export { Dropdown, DropdownContent, DropdownItem, DropdownTrigger, contentVariants, itemVariants, triggerVariants } from '../chunk-IHDM7AHY.mjs';
+import '../chunk-VXDEPZKH.mjs';
+import '../chunk-QX6PPTWL.mjs';
+import '../chunk-4D54YOL6.mjs';
 import '../chunk-J5LGTIGS.mjs';
-import { createContext, useId, useState, useRef, useEffect, useContext } from 'react';
-import { FiCheck } from 'react-icons/fi';
-import { cva } from 'class-variance-authority';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var triggerVariants = cva(zuiDropdownTriggerBase, {
-  variants: {
-    variant: zuiDropdownTriggerVariants,
-    size: zuiDropdownTriggerSizes
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "md"
-  }
-});
-var contentVariants = cva(zuiDropdownContentBase, {
-  variants: {
-    placement: zuiDropdownPlacements,
-    spacing: zuiDropdownSpacing
-  },
-  defaultVariants: {
-    placement: "bottom",
-    spacing: "default"
-  }
-});
-var itemVariants = cva(zuiDropdownItemBase, {
-  variants: {
-    variant: zuiDropdownItemVariants
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-var DropdownContext = createContext(null);
-var useDropdown = () => {
-  const ctx = useContext(DropdownContext);
-  if (!ctx) throw new Error("Use inside Dropdown");
-  return ctx;
-};
-var Dropdown = ({
-  children,
-  defaultOpen = false,
-  open: controlledOpen,
-  onOpenChange,
-  multiSelect = false
-}) => {
-  const menuId = `${useId()}-menu`;
-  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
-  const [selectedValues, setSelectedValues] = 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__ */ jsx(
-    DropdownContext.Provider,
-    {
-      value: {
-        open,
-        setOpen,
-        toggle,
-        selectedValues,
-        toggleSelect,
-        multiSelect,
-        menuId
-      },
-      children: /* @__PURE__ */ jsx("div", { className: "relative inline-block", children })
-    }
-  );
-};
-var DropdownTrigger = ({
-  children,
-  className,
-  variant,
-  size,
-  onClick,
-  ...props
-}) => {
-  const { toggle, open, menuId } = useDropdown();
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      "aria-expanded": open,
-      "aria-haspopup": "menu",
-      "aria-controls": menuId,
-      className: 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 = useRef(null);
-  useClickOutside({ ref, setOpen });
-  useEffect(() => {
-    if (!open) {
-      return;
-    }
-    ref.current?.querySelector('[role="menuitem"]')?.focus();
-  }, [open]);
-  if (!open) return null;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      id: menuId,
-      role: "menu",
-      className: 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 = selectedValues.includes(value);
-  const handleClick = () => {
-    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__ */ 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: cn(itemVariants({ variant }), className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          leftIcon,
-          children
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          isSelected && /* @__PURE__ */ jsx(FiCheck, {}),
-          rightIcon
-        ] })
-      ]
-    }
-  );
-};
-
-export { Dropdown, DropdownContent, DropdownItem, DropdownTrigger, contentVariants, itemVariants, triggerVariants };
 //# sourceMappingURL=dropdown.mjs.map
 //# sourceMappingURL=dropdown.mjs.map

package/dist/ui/dropdown.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/dropdown/variants.ts","../../src/ui/dropdown/dropdown.tsx"],"names":[],"mappings":";;;;;;;;;AAaO,IAAM,eAAA,GAAkB,IAAI,sBAAA,EAAwB;AAAA,EACzD,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,0BAAA;AAAA,IACT,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,eAAA,GAAkB,IAAI,sBAAA,EAAwB;AAAA,EACzD,QAAA,EAAU;AAAA,IACR,SAAA,EAAW,qBAAA;AAAA,IACX,OAAA,EAAS;AAAA,GACX;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,SAAA,EAAW,QAAA;AAAA,IACX,OAAA,EAAS;AAAA;AAEb,CAAC;AAEM,IAAM,YAAA,GAAe,IAAI,mBAAA,EAAqB;AAAA,EACnD,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA;AAEb,CAAC;AChBD,IAAM,eAAA,GAAkB,cAA0C,IAAI,CAAA;AAEtE,IAAM,cAAc,MAAM;AACxB,EAAA,MAAM,GAAA,GAAM,WAAW,eAAe,CAAA;AACtC,EAAA,IAAI,CAAC,GAAA,EAAK,MAAM,IAAI,MAAM,qBAAqB,CAAA;AAC/C,EAAA,OAAO,GAAA;AACT,CAAA;AAKO,IAAM,WAAW,CAAC;AAAA,EACvB,QAAA;AAAA,EACA,WAAA,GAAc,KAAA;AAAA,EACd,IAAA,EAAM,cAAA;AAAA,EACN,YAAA;AAAA,EACA,WAAA,GAAc;AAChB,CAAA,KAAqB;AACnB,EAAA,MAAM,MAAA,GAAS,CAAA,EAAG,KAAA,EAAO,CAAA,KAAA,CAAA;AACzB,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAS,WAAW,CAAA;AACpE,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,QAAA,CAAmB,EAAE,CAAA;AAEjE,EAAA,MAAM,OAAO,cAAA,IAAkB,gBAAA;AAE/B,EAAA,MAAM,OAAA,GAAU,CAAC,GAAA,KAAiB;AAChC,IAAA,IAAI,mBAAmB,MAAA,EAAW;AAChC,MAAA,YAAA,GAAe,GAAG,CAAA;AAAA,IACpB,CAAA,MAAO;AACL,MAAA,mBAAA,CAAoB,GAAG,CAAA;AAAA,IACzB;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,MAAA,GAAS,MAAM,OAAA,CAAQ,CAAC,IAAI,CAAA;AAElC,EAAA,MAAM,YAAA,GAAe,CAAC,KAAA,KAAkB;AACtC,IAAA,IAAI,CAAC,WAAA,EAAa;AAChB,MAAA,iBAAA,CAAkB,CAAC,KAAK,CAAC,CAAA;AACzB,MAAA,OAAA,CAAQ,KAAK,CAAA;AACb,MAAA;AAAA,IACF;AAEA,IAAA,iBAAA;AAAA,MAAkB,CAAC,IAAA,KACjB,IAAA,CAAK,QAAA,CAAS,KAAK,IAAI,IAAA,CAAK,MAAA,CAAO,CAAC,CAAA,KAAM,MAAM,KAAK,CAAA,GAAI,CAAC,GAAG,MAAM,KAAK;AAAA,KAC1E;AAAA,EACF,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,eAAA,CAAgB,QAAA;AAAA,IAAhB;AAAA,MACC,KAAA,EAAO;AAAA,QACL,IAAA;AAAA,QACA,OAAA;AAAA,QACA,MAAA;AAAA,QACA,cAAA;AAAA,QACA,YAAA;AAAA,QACA,WAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EAAyB,QAAA,EAAS;AAAA;AAAA,GACnD;AAEJ;AAKO,IAAM,kBAAkB,CAAC;AAAA,EAC9B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA4B;AAC1B,EAAA,MAAM,EAAE,MAAA,EAAQ,IAAA,EAAM,MAAA,KAAW,WAAA,EAAY;AAE7C,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,eAAA,EAAe,IAAA;AAAA,MACf,eAAA,EAAc,MAAA;AAAA,MACd,eAAA,EAAe,MAAA;AAAA,MACf,SAAA,EAAW,GAAG,eAAA,CAAgB,EAAE,SAAS,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAC1D,GAAG,KAAA;AAAA,MACJ,OAAA,EAAS,CAAC,KAAA,KAAU;AAClB,QAAA,OAAA,GAAU,KAAK,CAAA;AACf,QAAA,IAAI,CAAC,MAAM,gBAAA,EAAkB;AAC3B,UAAA,MAAA,EAAO;AAAA,QACT;AAAA,MACF,CAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAKO,IAAM,kBAAkB,CAAC;AAAA,EAC9B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA,GAAY,QAAA;AAAA,EACZ,OAAA,GAAU,SAAA;AAAA,EACV,OAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA4B;AAC1B,EAAA,MAAM,EAAE,IAAA,EAAM,OAAA,EAAS,MAAA,KAAW,WAAA,EAAY;AAC9C,EAAA,MAAM,GAAA,GAAM,OAAuB,IAAI,CAAA;AAGvC,EAAA,eAAA,CAAgB,EAAE,GAAA,EAAK,OAAA,EAAS,CAAA;AAEhC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAA,EAAM;AACT,MAAA;AAAA,IACF;AAEA,IAAA,GAAA,CAAI,OAAA,EAAS,aAAA,CAA2B,mBAAmB,CAAA,EAAG,KAAA,EAAM;AAAA,EACtE,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAElB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,EAAA,EAAI,MAAA;AAAA,MACJ,IAAA,EAAK,MAAA;AAAA,MACL,SAAA,EAAW,EAAA;AAAA,QACT,eAAA,CAAgB,EAAE,SAAA,EAAW,OAAA,EAAS,CAAA;AAAA,QACtC,SAAA;AAAA,QACA,OAAA,IAAW;AAAA,OACb;AAAA,MACC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAKO,IAAM,eAAe,CAAC;AAAA,EAC3B,QAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAyB;AACvB,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAe,GAAI,WAAA,EAAY;AACrD,EAAA,MAAM,UAAA,GAAa,cAAA,CAAe,QAAA,CAAS,KAAK,CAAA;AAEhD,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,YAAA,CAAa,KAAK,CAAA;AAClB,IAAA,QAAA,IAAW;AAAA,EACb,CAAA;AAEA,EAAA,MAAM,gBAAA,GAAmB,CACvB,KAAA,EACA,SAAA,KACG;AACH,IAAA,MAAM,IAAA,GAAO,KAAA,CAAM,aAAA,CAAc,OAAA,CAAQ,eAAe,CAAA;AACxD,IAAA,MAAM,QAAQ,KAAA,CAAM,IAAA;AAAA,MAClB,IAAA,EAAM,gBAAA,CAA8B,mBAAmB,CAAA,IAAK;AAAC,KAC/D;AACA,IAAA,MAAM,YAAA,GAAe,KAAA,CAAM,OAAA,CAAQ,KAAA,CAAM,aAAa,CAAA;AAEtD,IAAA,IAAI,YAAA,KAAiB,EAAA,IAAM,KAAA,CAAM,MAAA,KAAW,CAAA,EAAG;AAC7C,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,YACJ,SAAA,KAAc,OAAA,GACV,CAAA,GACA,SAAA,KAAc,SACZ,KAAA,CAAM,MAAA,GAAS,CAAA,GAAA,CACd,YAAA,IAAgB,cAAc,MAAA,GAAS,CAAA,GAAI,EAAA,CAAA,GAAM,KAAA,CAAM,UACxD,KAAA,CAAM,MAAA;AAEd,IAAA,KAAA,CAAM,SAAS,GAAG,KAAA,EAAM;AAAA,EAC1B,CAAA;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,UAAA;AAAA,MACL,QAAA,EAAU,EAAA;AAAA,MACV,OAAA,EAAS,CAAC,KAAA,KAAU;AAClB,QAAA,OAAA,GAAU,KAAK,CAAA;AACf,QAAA,IAAI,CAAC,MAAM,gBAAA,EAAkB;AAC3B,UAAA,WAAA,EAAY;AAAA,QACd;AAAA,MACF,CAAA;AAAA,MACA,SAAA,EAAW,CAAC,CAAA,KAAM;AAChB,QAAA,SAAA,GAAY,CAAC,CAAA;AACb,QAAA,IAAI,EAAE,gBAAA,EAAkB;AACtB,UAAA;AAAA,QACF;AACA,QAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAA,CAAE,QAAQ,GAAA,EAAK;AACtC,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,WAAA,EAAY;AAAA,QACd,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,WAAA,EAAa;AAChC,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,gBAAA,CAAiB,GAAG,MAAM,CAAA;AAAA,QAC5B,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,SAAA,EAAW;AAC9B,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,gBAAA,CAAiB,GAAG,UAAU,CAAA;AAAA,QAChC,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,MAAA,EAAQ;AAC3B,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,gBAAA,CAAiB,GAAG,OAAO,CAAA;AAAA,QAC7B,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,KAAA,EAAO;AAC1B,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,gBAAA,CAAiB,GAAG,MAAM,CAAA;AAAA,QAC5B;AAAA,MACF,CAAA;AAAA,MACA,WAAW,EAAA,CAAG,YAAA,CAAa,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MACjD,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACZ,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA;AAAA,SAAA,EACH,CAAA;AAAA,wBAEA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACZ,QAAA,EAAA;AAAA,UAAA,UAAA,wBAAe,OAAA,EAAA,EAAQ,CAAA;AAAA,UACvB;AAAA,SAAA,EACH;AAAA;AAAA;AAAA,GACF;AAEJ","file":"dropdown.mjs","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  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  multiSelect = false,\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=\"relative inline-block\">{children}</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 = selectedValues.includes(value);\n\n  const handleClick = () => {\n    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"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"dropdown.mjs"}

package/dist/ui/dynamic-stepper.js

@@ -3,10 +3,11 @@
 
 var chunkVMCOX3Z2_js = require('../chunk-VMCOX3Z2.js');
 require('../chunk-HPN7H5ZM.js');
-var chunk5ELR6MIN_js = require('../chunk-5ELR6MIN.js');
-require('../chunk-5FU57ZVQ.js');
-var chunkTJ2EWPER_js = require('../chunk-TJ2EWPER.js');
+var chunkBAAXQPZ7_js = require('../chunk-BAAXQPZ7.js');
+require('../chunk-6OVDBAMI.js');
+var chunkDPNTQ4AK_js = require('../chunk-DPNTQ4AK.js');
 require('../chunk-FBUY6K6S.js');
+require('../chunk-OH5VOGNW.js');
 require('../chunk-Y7BU5RC4.js');
 require('../chunk-NDF3HORF.js');
 require('../chunk-USLNTKVQ.js');
@@ -19,7 +20,6 @@ require('../chunk-3EJCQXGV.js');
 require('../chunk-6KVTKYTB.js');
 require('../chunk-L7W4NRK6.js');
 require('../chunk-KWBGLH7G.js');
-require('../chunk-OH5VOGNW.js');
 require('../chunk-WGN2CBG6.js');
 require('../chunk-SRSRY5K2.js');
 require('../chunk-UG3GF2BD.js');
@@ -54,37 +54,37 @@ var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 
 function dynamicStepperIndicatorToneClass(state, tone) {
-  return chunkTJ2EWPER_js.zuiDynamicStepperIndicatorToneClasses[tone][state];
+  return chunkDPNTQ4AK_js.zuiDynamicStepperIndicatorToneClasses[tone][state];
 }
-var dynamicStepperRootVariants = classVarianceAuthority.cva(chunkTJ2EWPER_js.zuiDynamicStepperRootBase, {
+var dynamicStepperRootVariants = classVarianceAuthority.cva(chunkDPNTQ4AK_js.zuiDynamicStepperRootBase, {
   variants: {
-    orientation: chunkTJ2EWPER_js.zuiDynamicStepperRootOrientations
+    orientation: chunkDPNTQ4AK_js.zuiDynamicStepperRootOrientations
   },
   defaultVariants: {
     orientation: "horizontal"
   }
 });
-var dynamicStepperMapperVariants = classVarianceAuthority.cva(chunkTJ2EWPER_js.zuiDynamicStepperMapperBase, {
+var dynamicStepperMapperVariants = classVarianceAuthority.cva(chunkDPNTQ4AK_js.zuiDynamicStepperMapperBase, {
   variants: {
-    orientation: chunkTJ2EWPER_js.zuiDynamicStepperMapperOrientations
+    orientation: chunkDPNTQ4AK_js.zuiDynamicStepperMapperOrientations
   },
   defaultVariants: {
     orientation: "horizontal"
   }
 });
-var dynamicStepperItemVariants = classVarianceAuthority.cva(chunkTJ2EWPER_js.zuiDynamicStepperItemBase, {
+var dynamicStepperItemVariants = classVarianceAuthority.cva(chunkDPNTQ4AK_js.zuiDynamicStepperItemBase, {
   variants: {
-    orientation: chunkTJ2EWPER_js.zuiDynamicStepperItemOrientations
+    orientation: chunkDPNTQ4AK_js.zuiDynamicStepperItemOrientations
   },
   defaultVariants: {
     orientation: "horizontal"
   }
 });
 var dynamicStepperIndicatorVariants = classVarianceAuthority.cva(
-  chunkTJ2EWPER_js.zuiDynamicStepperIndicatorBase,
+  chunkDPNTQ4AK_js.zuiDynamicStepperIndicatorBase,
   {
     variants: {
-      size: chunkTJ2EWPER_js.zuiDynamicStepperIndicatorSizes
+      size: chunkDPNTQ4AK_js.zuiDynamicStepperIndicatorSizes
     },
     defaultVariants: {
       size: "md"
@@ -137,7 +137,7 @@ var DynamicStepper = ({
       ...rest,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk5ELR6MIN_js.Button,
+          chunkBAAXQPZ7_js.Button,
           {
             id: previousId,
             "data-slot": "dynamic-stepper-previous",
@@ -216,7 +216,7 @@ var DynamicStepper = ({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk5ELR6MIN_js.Button,
+          chunkBAAXQPZ7_js.Button,
           {
             id: nextId,
             "data-slot": "dynamic-stepper-next",

package/dist/ui/dynamic-stepper.mjs

@@ -1,10 +1,11 @@
 "use client";
 import { useDynamicStepper } from '../chunk-4MPNRGUA.mjs';
 import '../chunk-NWOE2TZN.mjs';
-import { Button } from '../chunk-7UXPXCKV.mjs';
-import '../chunk-KVSRUAXP.mjs';
-import { zuiDynamicStepperRootBase, zuiDynamicStepperRootOrientations, zuiDynamicStepperMapperBase, zuiDynamicStepperMapperOrientations, zuiDynamicStepperItemBase, zuiDynamicStepperItemOrientations, zuiDynamicStepperIndicatorBase, zuiDynamicStepperIndicatorSizes, zuiDynamicStepperIndicatorToneClasses } from '../chunk-FUCW5GPE.mjs';
+import { Button } from '../chunk-OWVQVAOY.mjs';
+import '../chunk-4PAHLHYF.mjs';
+import { zuiDynamicStepperRootBase, zuiDynamicStepperRootOrientations, zuiDynamicStepperMapperBase, zuiDynamicStepperMapperOrientations, zuiDynamicStepperItemBase, zuiDynamicStepperItemOrientations, zuiDynamicStepperIndicatorBase, zuiDynamicStepperIndicatorSizes, zuiDynamicStepperIndicatorToneClasses } from '../chunk-UVP3MUBU.mjs';
 import '../chunk-2NQKFH26.mjs';
+import '../chunk-XY3TKIIH.mjs';
 import '../chunk-FX5KR2GP.mjs';
 import '../chunk-ZBAKTM2R.mjs';
 import '../chunk-4ZBMDWWY.mjs';
@@ -17,7 +18,6 @@ import '../chunk-LRYKMXKI.mjs';
 import '../chunk-XFJIX2YP.mjs';
 import '../chunk-4WG3VNVL.mjs';
 import '../chunk-YPTHTFVF.mjs';
-import '../chunk-XY3TKIIH.mjs';
 import '../chunk-JEDMUBYI.mjs';
 import '../chunk-EJ3UMMCS.mjs';
 import '../chunk-EE53BIXR.mjs';

package/dist/ui/pagination.js

@@ -1,11 +1,12 @@
 "use client";
 'use strict';
 
-var chunkG7FVHZRB_js = require('../chunk-G7FVHZRB.js');
+var chunkL5QORCUO_js = require('../chunk-L5QORCUO.js');
 var chunk2VUMVDR3_js = require('../chunk-2VUMVDR3.js');
-require('../chunk-5FU57ZVQ.js');
-require('../chunk-TJ2EWPER.js');
+require('../chunk-6OVDBAMI.js');
+require('../chunk-DPNTQ4AK.js');
 require('../chunk-FBUY6K6S.js');
+require('../chunk-OH5VOGNW.js');
 require('../chunk-Y7BU5RC4.js');
 require('../chunk-NDF3HORF.js');
 require('../chunk-USLNTKVQ.js');
@@ -18,7 +19,6 @@ require('../chunk-3EJCQXGV.js');
 require('../chunk-6KVTKYTB.js');
 require('../chunk-L7W4NRK6.js');
 require('../chunk-KWBGLH7G.js');
-require('../chunk-OH5VOGNW.js');
 require('../chunk-WGN2CBG6.js');
 require('../chunk-SRSRY5K2.js');
 require('../chunk-UG3GF2BD.js');
@@ -53,15 +53,15 @@ require('../chunk-PZ5AY32C.js');
 
 Object.defineProperty(exports, "Pagination", {
   enumerable: true,
-  get: function () { return chunkG7FVHZRB_js.Pagination; }
+  get: function () { return chunkL5QORCUO_js.Pagination; }
 });
 Object.defineProperty(exports, "paginationEllipsisVariants", {
   enumerable: true,
-  get: function () { return chunkG7FVHZRB_js.paginationEllipsisVariants; }
+  get: function () { return chunkL5QORCUO_js.paginationEllipsisVariants; }
 });
 Object.defineProperty(exports, "paginationListVariants", {
   enumerable: true,
-  get: function () { return chunkG7FVHZRB_js.paginationListVariants; }
+  get: function () { return chunkL5QORCUO_js.paginationListVariants; }
 });
 Object.defineProperty(exports, "usePagination", {
   enumerable: true,

package/dist/ui/pagination.mjs

@@ -1,9 +1,10 @@
 "use client";
-export { Pagination, paginationEllipsisVariants, paginationListVariants } from '../chunk-DBNGLT5U.mjs';
+export { Pagination, paginationEllipsisVariants, paginationListVariants } from '../chunk-D7ZTSAA6.mjs';
 export { usePagination } from '../chunk-YNBJAFI2.mjs';
-import '../chunk-KVSRUAXP.mjs';
-import '../chunk-FUCW5GPE.mjs';
+import '../chunk-4PAHLHYF.mjs';
+import '../chunk-UVP3MUBU.mjs';
 import '../chunk-2NQKFH26.mjs';
+import '../chunk-XY3TKIIH.mjs';
 import '../chunk-FX5KR2GP.mjs';
 import '../chunk-ZBAKTM2R.mjs';
 import '../chunk-4ZBMDWWY.mjs';
@@ -16,7 +17,6 @@ import '../chunk-LRYKMXKI.mjs';
 import '../chunk-XFJIX2YP.mjs';
 import '../chunk-4WG3VNVL.mjs';
 import '../chunk-YPTHTFVF.mjs';
-import '../chunk-XY3TKIIH.mjs';
 import '../chunk-JEDMUBYI.mjs';
 import '../chunk-EJ3UMMCS.mjs';
 import '../chunk-EE53BIXR.mjs';

package/dist/ui/split-button/index.d.ts

@@ -0,0 +1,4 @@
+export { SplitButton } from "./split-button";
+export type { SplitButtonAppearance, SplitButtonItem, SplitButtonProps, SplitButtonSize, SplitButtonVariant, } from "./types";
+export { splitButtonContentVariants, splitButtonDropdownVariants, splitButtonGroupVariants, splitButtonItemDisabledVariants, splitButtonPrimaryVariants, splitButtonRootVariants, splitButtonTriggerVariants, } from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/split-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/split-button/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EACV,qBAAqB,EACrB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,0BAA0B,EAC1B,2BAA2B,EAC3B,wBAAwB,EACxB,+BAA+B,EAC/B,0BAA0B,EAC1B,uBAAuB,EACvB,0BAA0B,GAC3B,MAAM,YAAY,CAAC"}

package/dist/ui/split-button/split-button-base.d.ts

@@ -0,0 +1,6 @@
+import type { SplitButtonProps } from "./types";
+export declare function SplitButtonBase({ label, onClick, items, disabled, loading, appearance, variant, size, startIcon, fullWidth, open: controlledOpen, defaultOpen, onOpenChange, triggerLabel, triggerOn, className, ref, ...rest }: SplitButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SplitButtonBase {
+    var displayName: string;
+}
+//# sourceMappingURL=split-button-base.d.ts.map

package/dist/ui/split-button/split-button-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-button-base.d.ts","sourceRoot":"","sources":["../../../src/ui/split-button/split-button-base.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAEV,gBAAgB,EAEjB,MAAM,SAAS,CAAC;AA8BjB,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAgB,EAChB,OAAe,EACf,UAAU,EACV,OAAO,EACP,IAAW,EACX,SAAS,EACT,SAAiB,EACjB,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,SAAmB,EACnB,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAkKlB;yBArLe,eAAe"}

package/dist/ui/split-button/split-button.d.ts

@@ -0,0 +1,6 @@
+import type { SplitButtonProps } from "./types";
+export declare const SplitButton: {
+    (props: SplitButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=split-button.d.ts.map

package/dist/ui/split-button/split-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-button.d.ts","sourceRoot":"","sources":["../../../src/ui/split-button/split-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,WAAW;YAAW,gBAAgB;;CAElD,CAAC"}

package/dist/ui/split-button/types.d.ts

@@ -0,0 +1,30 @@
+import type { ComponentPropsWithRef, MouseEventHandler, ReactNode } from "react";
+import type { ButtonSharedStatic } from "../buttons";
+export type SplitButtonAppearance = ButtonSharedStatic["appearance"];
+export type SplitButtonSize = Extract<ButtonSharedStatic["size"], string>;
+export type SplitButtonVariant = "primary" | "secondary" | "outline" | "ghost" | "danger" | "success";
+export interface SplitButtonItem {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    disabled?: boolean;
+    onSelect?: () => void;
+}
+export interface SplitButtonProps extends Omit<ComponentPropsWithRef<"div">, "children" | "onClick"> {
+    label: string;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    items: SplitButtonItem[];
+    disabled?: boolean;
+    loading?: boolean;
+    appearance?: SplitButtonAppearance;
+    variant?: SplitButtonVariant;
+    size?: SplitButtonSize;
+    startIcon?: ReactNode;
+    fullWidth?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    triggerLabel?: string;
+    triggerOn?: "click" | "hover";
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/split-button/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/split-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAErD,MAAM,MAAM,qBAAqB,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;AACrE,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AAC1E,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,WAAW,GACX,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,CAAC;AAEd,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,qBAAqB,CAAC,KAAK,CAAC,EAC5B,UAAU,GAAG,SAAS,CACvB;IACC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC/B"}

package/dist/ui/split-button/variants.d.ts

@@ -0,0 +1,16 @@
+export declare const splitButtonRootVariants: (props?: ({
+    fullWidth?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const splitButtonDropdownVariants: (props?: ({
+    fullWidth?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const splitButtonGroupVariants: (props?: ({
+    fullWidth?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const splitButtonPrimaryVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const splitButtonTriggerVariants: (props?: ({
+    size?: "icon" | "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const splitButtonContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const splitButtonItemDisabledVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/ui/split-button/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/split-button/variants.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,uBAAuB;;8EAMlC,CAAC;AACH,eAAO,MAAM,2BAA2B;;8EAMtC,CAAC;AACH,eAAO,MAAM,wBAAwB;;8EAMnC,CAAC;AACH,eAAO,MAAM,0BAA0B,oFAA6B,CAAC;AACrE,eAAO,MAAM,0BAA0B;;8EAOrC,CAAC;AACH,eAAO,MAAM,0BAA0B,oFAA6B,CAAC;AACrE,eAAO,MAAM,+BAA+B,oFAAkC,CAAC"}