@kamod-ui/core 0.1.0

package/dist/chunk-D5W5YHJZ.js

@@ -0,0 +1,426 @@
+import { createIdFactory, createDismissableLayer } from './chunk-HEQRODRF.js';
+import { cn } from './chunk-OMXWBB67.js';
+import { signal } from '@preact/signals';
+import { useMemo, useRef, useEffect, useContext } from 'preact/hooks';
+import { createContext } from 'preact';
+import { jsx, jsxs } from 'preact/jsx-runtime';
+
+var MenubarRootContext = createContext(null);
+var useMenubarRoot = () => {
+  const ctx = useContext(MenubarRootContext);
+  if (!ctx) throw new Error("Menubar components must be used within Menubar");
+  return ctx;
+};
+var MenubarMenuContext = createContext(null);
+var useMenubarMenu = () => {
+  const ctx = useContext(MenubarMenuContext);
+  if (!ctx) throw new Error("MenubarTrigger and MenubarContent must be inside MenubarMenu");
+  return ctx;
+};
+var MenubarRadioContext = createContext(null);
+var useMenubarRadio = () => {
+  const ctx = useContext(MenubarRadioContext);
+  if (!ctx) throw new Error("MenubarRadioItem must be inside MenubarRadioGroup");
+  return ctx;
+};
+var MenubarSubContext = createContext(null);
+var useMenubarSub = () => {
+  const ctx = useContext(MenubarSubContext);
+  if (!ctx) throw new Error("MenubarSub parts must be inside MenubarSub");
+  return ctx;
+};
+var Menubar = ({ class: className, children, dir, ...rest }) => {
+  const openMenuId = useMemo(() => signal(null), []);
+  const rootRef = useRef(null);
+  const ctx = useMemo(
+    () => ({
+      openMenuId,
+      setOpenMenuId: (id) => {
+        openMenuId.value = id;
+      },
+      rootRef
+    }),
+    [openMenuId]
+  );
+  useEffect(() => {
+    const layer = createDismissableLayer({
+      root: () => rootRef.current,
+      open: () => openMenuId.value != null,
+      onDismiss: () => {
+        openMenuId.value = null;
+      }
+    });
+    return () => layer.dispose();
+  }, [openMenuId]);
+  return /* @__PURE__ */ jsx(MenubarRootContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: rootRef,
+      "data-slot": "menubar",
+      role: "menubar",
+      dir,
+      class: cn(
+        "flex h-9 items-center gap-0 rounded-md border border-border bg-background p-1 shadow-xs",
+        className
+      ),
+      ...rest,
+      children
+    }
+  ) });
+};
+var CheckIcon = () => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    class: "size-4",
+    "aria-hidden": true,
+    children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
+  }
+);
+var MenubarCheckboxItem = ({
+  class: className,
+  children,
+  checked: controlledChecked,
+  defaultChecked = false,
+  onCheckedChange,
+  disabled,
+  onClick,
+  ...rest
+}) => {
+  const internal = useMemo(() => signal(defaultChecked), []);
+  const checked = controlledChecked !== void 0 ? controlledChecked : internal.value;
+  const setChecked = (next) => {
+    if (controlledChecked === void 0) internal.value = next;
+    onCheckedChange?.(next);
+  };
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      role: "menuitemcheckbox",
+      "data-slot": "menubar-checkbox-item",
+      "aria-checked": checked,
+      disabled,
+      class: cn(
+        "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 ps-8 pe-2 text-start text-sm outline-none",
+        "focus:bg-accent focus:text-accent-foreground",
+        "disabled:pointer-events-none disabled:opacity-50",
+        className
+      ),
+      onClick: (e) => {
+        onClick?.(e);
+        if (e.defaultPrevented) return;
+        setChecked(!checked);
+      },
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx("span", { class: "absolute start-2 flex size-3.5 items-center justify-center", children: checked ? /* @__PURE__ */ jsx(CheckIcon, {}) : null }),
+        children
+      ]
+    }
+  );
+};
+var MenubarContent = ({ class: className, children, ...rest }) => {
+  const root = useMenubarRoot();
+  const { menuId } = useMenubarMenu();
+  const open = root.openMenuId.value === menuId;
+  if (!open) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "menu",
+      "data-slot": "menubar-content",
+      "data-state": "open",
+      class: cn(
+        "absolute start-0 top-full z-50 mt-1 min-w-48 rounded-md border border-border bg-popover p-0 text-popover-foreground shadow-md outline-none",
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+};
+var MenubarGroup = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("div", { role: "group", "data-slot": "menubar-group", class: cn("p-1", className), ...rest, children });
+var MenubarItem = ({
+  class: className,
+  inset = false,
+  variant = "default",
+  children,
+  disabled,
+  onClick,
+  ...rest
+}) => {
+  const root = useMenubarRoot();
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      role: "menuitem",
+      "data-slot": "menubar-item",
+      "data-inset": inset ? "true" : void 0,
+      "data-variant": variant,
+      disabled,
+      class: cn(
+        "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-start text-sm outline-none",
+        "focus:bg-accent focus:text-accent-foreground",
+        "disabled:pointer-events-none disabled:opacity-50",
+        inset && "ps-8",
+        variant === "destructive" && "text-destructive focus:bg-destructive/10 focus:text-destructive",
+        className
+      ),
+      onClick: (e) => {
+        onClick?.(e);
+        if (e.defaultPrevented) return;
+        root.setOpenMenuId(null);
+      },
+      ...rest,
+      children
+    }
+  );
+};
+var MenubarLabel = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("div", { "data-slot": "menubar-label", class: cn("px-2 py-1.5 text-sm font-medium text-muted-foreground", className), ...rest, children });
+var nextMenuId = createIdFactory("menubar-menu");
+var MenubarMenu = ({ class: className, children, value: valueProp, ...rest }) => {
+  const menuId = useMemo(() => nextMenuId(valueProp), [valueProp]);
+  return /* @__PURE__ */ jsx(MenubarMenuContext.Provider, { value: { menuId }, children: /* @__PURE__ */ jsx("div", { "data-slot": "menubar-menu", class: cn("relative flex", className), ...rest, children }) });
+};
+var MenubarRadioGroup = ({
+  class: className,
+  children,
+  value: controlledValue,
+  defaultValue = "",
+  onValueChange,
+  ...rest
+}) => {
+  const selected = useMemo(() => signal(controlledValue ?? defaultValue), []);
+  useEffect(() => {
+    if (controlledValue !== void 0) selected.value = controlledValue;
+  }, [controlledValue, selected]);
+  const ctx = useMemo(
+    () => ({
+      selected,
+      controlledValue,
+      setValue: (next) => {
+        if (controlledValue === void 0) selected.value = next;
+        onValueChange?.(next);
+      }
+    }),
+    [controlledValue, onValueChange, selected]
+  );
+  return /* @__PURE__ */ jsx(MenubarRadioContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx("div", { role: "group", "data-slot": "menubar-radio-group", class: cn("p-1", className), ...rest, children }) });
+};
+var CircleIcon = ({ filled }) => /* @__PURE__ */ jsx("span", { class: "flex size-3.5 items-center justify-center", "aria-hidden": true, children: filled ? /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", class: "size-2 fill-current", children: /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "6" }) }) : /* @__PURE__ */ jsx("span", { class: "size-2 rounded-full border border-current opacity-60" }) });
+var MenubarRadioItem = ({
+  class: className,
+  value,
+  children,
+  disabled,
+  onClick,
+  ...rest
+}) => {
+  const radio = useMenubarRadio();
+  const current = radio.controlledValue !== void 0 ? radio.controlledValue : radio.selected.value;
+  const checked = current === value;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      role: "menuitemradio",
+      "data-slot": "menubar-radio-item",
+      "aria-checked": checked,
+      disabled,
+      class: cn(
+        "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 ps-8 pe-2 text-start text-sm outline-none",
+        "focus:bg-accent focus:text-accent-foreground",
+        "disabled:pointer-events-none disabled:opacity-50",
+        className
+      ),
+      onClick: (e) => {
+        onClick?.(e);
+        if (e.defaultPrevented) return;
+        radio.setValue(value);
+      },
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx("span", { class: "absolute start-2 flex size-3.5 items-center justify-center text-foreground", children: /* @__PURE__ */ jsx(CircleIcon, { filled: checked }) }),
+        children
+      ]
+    }
+  );
+};
+var MenubarSeparator = ({ class: className, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    role: "separator",
+    "data-slot": "menubar-separator",
+    class: cn("mx-1 my-1 h-px bg-border", className),
+    ...rest
+  }
+);
+var MenubarShortcut = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    "data-slot": "menubar-shortcut",
+    class: cn("ms-auto text-xs tracking-widest text-muted-foreground", className),
+    ...rest,
+    children
+  }
+);
+var MenubarSub = ({ class: className, children, ...rest }) => {
+  const open = useMemo(() => signal(false), []);
+  const ctx = useMemo(
+    () => ({
+      open,
+      setOpen: (next) => {
+        open.value = next;
+      }
+    }),
+    [open]
+  );
+  return /* @__PURE__ */ jsx(MenubarSubContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "menubar-sub",
+      class: cn("relative", className),
+      onPointerLeave: () => {
+        open.value = false;
+      },
+      ...rest,
+      children
+    }
+  ) });
+};
+var MenubarSubContent = ({ class: className, children, onPointerEnter, ...rest }) => {
+  const sub = useMenubarSub();
+  if (!sub.open.value) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "menu",
+      "data-slot": "menubar-sub-content",
+      "data-state": "open",
+      class: cn(
+        "absolute start-full top-0 z-50 min-w-40 rounded-md border border-border bg-popover p-0 text-popover-foreground shadow-md outline-none ms-1 rtl:me-1 rtl:ms-0",
+        className
+      ),
+      onPointerEnter: (e) => {
+        onPointerEnter?.(e);
+        sub.setOpen(true);
+      },
+      ...rest,
+      children
+    }
+  );
+};
+var ChevronRight = ({ class: className }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    class: cn("size-4 shrink-0 rtl:rotate-180", className),
+    "aria-hidden": true,
+    children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
+  }
+);
+var MenubarSubTrigger = ({ class: className, children, onClick, onPointerEnter, ...rest }) => {
+  const sub = useMenubarSub();
+  const open = sub.open.value;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      role: "menuitem",
+      "data-slot": "menubar-sub-trigger",
+      "data-state": open ? "open" : "closed",
+      "aria-expanded": open,
+      "aria-haspopup": "menu",
+      class: cn(
+        "flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-start text-sm outline-none",
+        "focus:bg-accent focus:text-accent-foreground",
+        "data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+        className
+      ),
+      onPointerEnter: (e) => {
+        onPointerEnter?.(e);
+        if (e.defaultPrevented) return;
+        sub.setOpen(true);
+      },
+      onClick: (e) => {
+        onClick?.(e);
+        if (e.defaultPrevented) return;
+        sub.setOpen(!open);
+      },
+      ...rest,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRight, { class: "ms-auto" })
+      ]
+    }
+  );
+};
+var MenubarTrigger = ({ class: className, children, onClick, ...rest }) => {
+  const root = useMenubarRoot();
+  const { menuId } = useMenubarMenu();
+  const open = root.openMenuId.value === menuId;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": "menubar-trigger",
+      "data-state": open ? "open" : "closed",
+      "aria-expanded": open,
+      "aria-haspopup": "menu",
+      class: cn(
+        "flex cursor-default select-none items-center rounded-sm px-2 py-1 text-sm font-medium outline-none",
+        "focus:bg-accent focus:text-accent-foreground",
+        "data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+        className
+      ),
+      onClick: (e) => {
+        onClick?.(e);
+        if (e.defaultPrevented) return;
+        root.setOpenMenuId(open ? null : menuId);
+      },
+      ...rest,
+      children
+    }
+  );
+};
+
+// src/components/menubar/index.ts
+var menubar_default = {
+  Root: Menubar,
+  Menu: MenubarMenu,
+  Trigger: MenubarTrigger,
+  Content: MenubarContent,
+  Group: MenubarGroup,
+  Item: MenubarItem,
+  Label: MenubarLabel,
+  Separator: MenubarSeparator,
+  Shortcut: MenubarShortcut,
+  CheckboxItem: MenubarCheckboxItem,
+  RadioGroup: MenubarRadioGroup,
+  RadioItem: MenubarRadioItem,
+  Sub: MenubarSub,
+  SubTrigger: MenubarSubTrigger,
+  SubContent: MenubarSubContent
+};
+
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, menubar_default };
+//# sourceMappingURL=chunk-D5W5YHJZ.js.map
+//# sourceMappingURL=chunk-D5W5YHJZ.js.map

package/dist/chunk-D5W5YHJZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/menubar/menubar-context.tsx","../src/components/menubar/Menubar.tsx","../src/components/menubar/MenubarCheckboxItem.tsx","../src/components/menubar/MenubarContent.tsx","../src/components/menubar/MenubarGroup.tsx","../src/components/menubar/MenubarItem.tsx","../src/components/menubar/MenubarLabel.tsx","../src/components/menubar/MenubarMenu.tsx","../src/components/menubar/MenubarRadioGroup.tsx","../src/components/menubar/MenubarRadioItem.tsx","../src/components/menubar/MenubarSeparator.tsx","../src/components/menubar/MenubarShortcut.tsx","../src/components/menubar/MenubarSub.tsx","../src/components/menubar/MenubarSubContent.tsx","../src/components/menubar/MenubarSubTrigger.tsx","../src/components/menubar/MenubarTrigger.tsx","../src/components/menubar/index.ts"],"names":["jsx","useMemo","signal","useEffect","jsxs"],"mappings":";;;;;;;AAUO,IAAM,kBAAA,GAAqB,cAA8C,IAAI,CAAA;AAE7E,IAAM,iBAAiB,MAAM;AAClC,EAAA,MAAM,GAAA,GAAM,WAAW,kBAAkB,CAAA;AACzC,EAAA,IAAI,CAAC,GAAA,EAAK,MAAM,IAAI,MAAM,gDAAgD,CAAA;AAC1E,EAAA,OAAO,GAAA;AACT,CAAA;AAMO,IAAM,kBAAA,GAAqB,cAA8C,IAAI,CAAA;AAE7E,IAAM,iBAAiB,MAAM;AAClC,EAAA,MAAM,GAAA,GAAM,WAAW,kBAAkB,CAAA;AACzC,EAAA,IAAI,CAAC,GAAA,EAAK,MAAM,IAAI,MAAM,8DAA8D,CAAA;AACxF,EAAA,OAAO,GAAA;AACT,CAAA;AAQO,IAAM,mBAAA,GAAsB,cAA+C,IAAI,CAAA;AAE/E,IAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,GAAA,GAAM,WAAW,mBAAmB,CAAA;AAC1C,EAAA,IAAI,CAAC,GAAA,EAAK,MAAM,IAAI,MAAM,mDAAmD,CAAA;AAC7E,EAAA,OAAO,GAAA;AACT,CAAA;AAOO,IAAM,iBAAA,GAAoB,cAA6C,IAAI,CAAA;AAE3E,IAAM,gBAAgB,MAAM;AACjC,EAAA,MAAM,GAAA,GAAM,WAAW,iBAAiB,CAAA;AACxC,EAAA,IAAI,CAAC,GAAA,EAAK,MAAM,IAAI,MAAM,4CAA4C,CAAA;AACtE,EAAA,OAAO,GAAA;AACT,CAAA;AC3CO,IAAM,OAAA,GAAU,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAA,EAAK,GAAG,IAAA,EAAK,KAAoB;AACrF,EAAA,MAAM,aAAa,OAAA,CAAQ,MAAM,OAAsB,IAAI,CAAA,EAAG,EAAE,CAAA;AAChE,EAAA,MAAM,OAAA,GAAU,OAA8B,IAAI,CAAA;AAElD,EAAA,MAAM,GAAA,GAAM,OAAA;AAAA,IACV,OAAO;AAAA,MACL,UAAA;AAAA,MACA,aAAA,EAAe,CAAC,EAAA,KAAsB;AACpC,QAAA,UAAA,CAAW,KAAA,GAAQ,EAAA;AAAA,MACrB,CAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,QAAQ,sBAAA,CAAuB;AAAA,MACnC,IAAA,EAAM,MAAM,OAAA,CAAQ,OAAA;AAAA,MACpB,IAAA,EAAM,MAAM,UAAA,CAAW,KAAA,IAAS,IAAA;AAAA,MAChC,WAAW,MAAM;AACf,QAAA,UAAA,CAAW,KAAA,GAAQ,IAAA;AAAA,MACrB;AAAA,KACD,CAAA;AACD,IAAA,OAAO,MAAM,MAAM,OAAA,EAAQ;AAAA,EAC7B,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,uBACE,GAAA,CAAC,kBAAA,CAAmB,QAAA,EAAnB,EAA4B,OAAO,GAAA,EAClC,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,OAAA;AAAA,MACL,WAAA,EAAU,SAAA;AAAA,MACV,IAAA,EAAK,SAAA;AAAA,MACL,GAAA;AAAA,MACA,KAAA,EAAO,EAAA;AAAA,QACL,yFAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AC3CA,IAAM,SAAA,GAAY,sBAChBA,GAAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,KAAA,EAAM,4BAAA;AAAA,IACN,KAAA,EAAM,IAAA;AAAA,IACN,MAAA,EAAO,IAAA;AAAA,IACP,OAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAK,MAAA;AAAA,IACL,MAAA,EAAO,cAAA;AAAA,IACP,cAAA,EAAa,GAAA;AAAA,IACb,gBAAA,EAAe,OAAA;AAAA,IACf,iBAAA,EAAgB,OAAA;AAAA,IAChB,KAAA,EAAM,QAAA;AAAA,IACN,aAAA,EAAW,IAAA;AAAA,IAEX,QAAA,kBAAAA,GAAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iBAAA,EAAkB;AAAA;AAC5B,CAAA;AAGK,IAAM,sBAAsB,CAAC;AAAA,EAClC,KAAA,EAAO,SAAA;AAAA,EACP,QAAA;AAAA,EACA,OAAA,EAAS,iBAAA;AAAA,EACT,cAAA,GAAiB,KAAA;AAAA,EACjB,eAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAgC;AAC9B,EAAA,MAAM,WAAWC,OAAAA,CAAQ,MAAMC,OAAO,cAAc,CAAA,EAAG,EAAE,CAAA;AACzD,EAAA,MAAM,OAAA,GAAU,iBAAA,KAAsB,MAAA,GAAY,iBAAA,GAAoB,QAAA,CAAS,KAAA;AAE/E,EAAA,MAAM,UAAA,GAAa,CAAC,IAAA,KAAkB;AACpC,IAAA,IAAI,iBAAA,KAAsB,MAAA,EAAW,QAAA,CAAS,KAAA,GAAQ,IAAA;AACtD,IAAA,eAAA,GAAkB,IAAI,CAAA;AAAA,EACxB,CAAA;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,IAAA,EAAK,kBAAA;AAAA,MACL,WAAA,EAAU,uBAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACd,QAAA;AAAA,MACA,KAAA,EAAO,EAAA;AAAA,QACL,gIAAA;AAAA,QACA,8CAAA;AAAA,QACA,kDAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,QAAA,OAAA,GAAU,CAAC,CAAA;AACX,QAAA,IAAI,EAAE,gBAAA,EAAkB;AACxB,QAAA,UAAA,CAAW,CAAC,OAAO,CAAA;AAAA,MACrB,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAF,GAAAA,CAAC,UAAK,KAAA,EAAM,4DAAA,EACT,oCAAUA,GAAAA,CAAC,SAAA,EAAA,EAAU,CAAA,GAAK,IAAA,EAC7B,CAAA;AAAA,QACC;AAAA;AAAA;AAAA,GACH;AAEJ;AClEO,IAAM,cAAA,GAAiB,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAG,MAAK,KAA2B;AAC9F,EAAA,MAAM,OAAO,cAAA,EAAe;AAC5B,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,cAAA,EAAe;AAClC,EAAA,MAAM,IAAA,GAAO,IAAA,CAAK,UAAA,CAAW,KAAA,KAAU,MAAA;AAEvC,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAElB,EAAA,uBACEA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,MAAA;AAAA,MACL,WAAA,EAAU,iBAAA;AAAA,MACV,YAAA,EAAW,MAAA;AAAA,MACX,KAAA,EAAO,EAAA;AAAA,QACL,4IAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;ACtBO,IAAM,YAAA,GAAe,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAG,IAAA,EAAK,qBACjEA,GAAAA,CAAC,SAAI,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAU,eAAA,EAAgB,KAAA,EAAO,EAAA,CAAG,OAAO,SAAS,CAAA,EAAI,GAAG,IAAA,EAC1E,QAAA,EACH;ACAK,IAAM,cAAc,CAAC;AAAA,EAC1B,KAAA,EAAO,SAAA;AAAA,EACP,KAAA,GAAQ,KAAA;AAAA,EACR,OAAA,GAAU,SAAA;AAAA,EACV,QAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAwB;AACtB,EAAA,MAAM,OAAO,cAAA,EAAe;AAE5B,EAAA,uBACEA,GAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,IAAA,EAAK,UAAA;AAAA,MACL,WAAA,EAAU,cAAA;AAAA,MACV,YAAA,EAAY,QAAQ,MAAA,GAAS,MAAA;AAAA,MAC7B,cAAA,EAAc,OAAA;AAAA,MACd,QAAA;AAAA,MACA,KAAA,EAAO,EAAA;AAAA,QACL,2HAAA;AAAA,QACA,8CAAA;AAAA,QACA,kDAAA;AAAA,QACA,KAAA,IAAS,MAAA;AAAA,QACT,YAAY,aAAA,IAAiB,iEAAA;AAAA,QAC7B;AAAA,OACF;AAAA,MACA,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,QAAA,OAAA,GAAU,CAAC,CAAA;AACX,QAAA,IAAI,EAAE,gBAAA,EAAkB;AACxB,QAAA,IAAA,CAAK,cAAc,IAAI,CAAA;AAAA,MACzB,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;ACxCO,IAAM,YAAA,GAAe,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAG,MAAK,qBACjEA,IAAC,KAAA,EAAA,EAAI,WAAA,EAAU,iBAAgB,KAAA,EAAO,EAAA,CAAG,yDAAyD,SAAS,CAAA,EAAI,GAAG,IAAA,EAC/G,QAAA,EACH;ACJF,IAAM,UAAA,GAAa,gBAAgB,cAAc,CAAA;AAQ1C,IAAM,WAAA,GAAc,CAAC,EAAE,KAAA,EAAO,SAAA,EAAW,UAAU,KAAA,EAAO,SAAA,EAAW,GAAG,IAAA,EAAK,KAAwB;AAC1G,EAAA,MAAM,MAAA,GAASC,QAAQ,MAAM,UAAA,CAAW,SAAS,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAE/D,EAAA,uBACED,IAAC,kBAAA,CAAmB,QAAA,EAAnB,EAA4B,KAAA,EAAO,EAAE,MAAA,EAAO,EAC3C,QAAA,kBAAAA,GAAAA,CAAC,SAAI,WAAA,EAAU,cAAA,EAAe,OAAO,EAAA,CAAG,eAAA,EAAiB,SAAS,CAAA,EAAI,GAAG,IAAA,EACtE,QAAA,EACH,CAAA,EACF,CAAA;AAEJ;ACXO,IAAM,oBAAoB,CAAC;AAAA,EAChC,KAAA,EAAO,SAAA;AAAA,EACP,QAAA;AAAA,EACA,KAAA,EAAO,eAAA;AAAA,EACP,YAAA,GAAe,EAAA;AAAA,EACf,aAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA8B;AAC5B,EAAA,MAAM,QAAA,GAAWC,QAAQ,MAAMC,MAAAA,CAAO,mBAAmB,YAAY,CAAA,EAAG,EAAE,CAAA;AAE1E,EAAAC,UAAU,MAAM;AACd,IAAA,IAAI,eAAA,KAAoB,MAAA,EAAW,QAAA,CAAS,KAAA,GAAQ,eAAA;AAAA,EACtD,CAAA,EAAG,CAAC,eAAA,EAAiB,QAAQ,CAAC,CAAA;AAE9B,EAAA,MAAM,GAAA,GAAMF,OAAAA;AAAA,IACV,OAAO;AAAA,MACL,QAAA;AAAA,MACA,eAAA;AAAA,MACA,QAAA,EAAU,CAAC,IAAA,KAAiB;AAC1B,QAAA,IAAI,eAAA,KAAoB,MAAA,EAAW,QAAA,CAAS,KAAA,GAAQ,IAAA;AACpD,QAAA,aAAA,GAAgB,IAAI,CAAA;AAAA,MACtB;AAAA,KACF,CAAA;AAAA,IACA,CAAC,eAAA,EAAiB,aAAA,EAAe,QAAQ;AAAA,GAC3C;AAEA,EAAA,uBACED,IAAC,mBAAA,CAAoB,QAAA,EAApB,EAA6B,KAAA,EAAO,GAAA,EACnC,QAAA,kBAAAA,GAAAA,CAAC,KAAA,EAAA,EAAI,IAAA,EAAK,SAAQ,WAAA,EAAU,qBAAA,EAAsB,OAAO,EAAA,CAAG,KAAA,EAAO,SAAS,CAAA,EAAI,GAAG,IAAA,EAChF,QAAA,EACH,CAAA,EACF,CAAA;AAEJ;ACrCA,IAAM,aAAa,CAAC,EAAE,MAAA,EAAO,qBAC3BA,GAAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAM,2CAAA,EAA4C,eAAW,IAAA,EAChE,QAAA,EAAA,MAAA,mBACCA,GAAAA,CAAC,KAAA,EAAA,EAAI,OAAM,4BAAA,EAA6B,OAAA,EAAQ,WAAA,EAAY,KAAA,EAAM,uBAChE,QAAA,kBAAAA,GAAAA,CAAC,QAAA,EAAA,EAAO,EAAA,EAAG,MAAK,EAAA,EAAG,IAAA,EAAK,CAAA,EAAE,GAAA,EAAI,GAChC,CAAA,mBAEAA,IAAC,MAAA,EAAA,EAAK,KAAA,EAAM,wDAAuD,CAAA,EAEvE,CAAA;AAGK,IAAM,mBAAmB,CAAC;AAAA,EAC/B,KAAA,EAAO,SAAA;AAAA,EACP,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA6B;AAC3B,EAAA,MAAM,QAAQ,eAAA,EAAgB;AAC9B,EAAA,MAAM,UAAU,KAAA,CAAM,eAAA,KAAoB,SAAY,KAAA,CAAM,eAAA,GAAkB,MAAM,QAAA,CAAS,KAAA;AAC7F,EAAA,MAAM,UAAU,OAAA,KAAY,KAAA;AAE5B,EAAA,uBACEI,IAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,IAAA,EAAK,eAAA;AAAA,MACL,WAAA,EAAU,oBAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACd,QAAA;AAAA,MACA,KAAA,EAAO,EAAA;AAAA,QACL,gIAAA;AAAA,QACA,8CAAA;AAAA,QACA,kDAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,QAAA,OAAA,GAAU,CAAC,CAAA;AACX,QAAA,IAAI,EAAE,gBAAA,EAAkB;AACxB,QAAA,KAAA,CAAM,SAAS,KAAK,CAAA;AAAA,MACtB,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAAJ,GAAAA,CAAC,UAAK,KAAA,EAAM,4EAAA,EACV,0BAAAA,GAAAA,CAAC,UAAA,EAAA,EAAW,MAAA,EAAQ,OAAA,EAAS,CAAA,EAC/B,CAAA;AAAA,QACC;AAAA;AAAA;AAAA,GACH;AAEJ;ACtDO,IAAM,gBAAA,GAAmB,CAAC,EAAE,KAAA,EAAO,WAAW,GAAG,IAAA,uBACtDA,GAAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,IAAA,EAAK,WAAA;AAAA,IACL,WAAA,EAAU,mBAAA;AAAA,IACV,KAAA,EAAO,EAAA,CAAG,0BAAA,EAA4B,SAAS,CAAA;AAAA,IAC9C,GAAG;AAAA;AACN;ACJK,IAAM,eAAA,GAAkB,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAG,IAAA,EAAK,qBACpEA,GAAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAU,kBAAA;AAAA,IACV,KAAA,EAAO,EAAA,CAAG,uDAAA,EAAyD,SAAS,CAAA;AAAA,IAC3E,GAAG,IAAA;AAAA,IAEH;AAAA;AACH;ACJK,IAAM,UAAA,GAAa,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAG,MAAK,KAAuB;AACtF,EAAA,MAAM,OAAOC,OAAAA,CAAQ,MAAMC,OAAO,KAAK,CAAA,EAAG,EAAE,CAAA;AAE5C,EAAA,MAAM,GAAA,GAAMD,OAAAA;AAAA,IACV,OAAO;AAAA,MACL,IAAA;AAAA,MACA,OAAA,EAAS,CAAC,IAAA,KAAkB;AAC1B,QAAA,IAAA,CAAK,KAAA,GAAQ,IAAA;AAAA,MACf;AAAA,KACF,CAAA;AAAA,IACA,CAAC,IAAI;AAAA,GACP;AAEA,EAAA,uBACED,GAAAA,CAAC,iBAAA,CAAkB,UAAlB,EAA2B,KAAA,EAAO,KACjC,QAAA,kBAAAA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,KAAA,EAAO,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA;AAAA,MAC/B,gBAAgB,MAAM;AACpB,QAAA,IAAA,CAAK,KAAA,GAAQ,KAAA;AAAA,MACf,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AC7BO,IAAM,iBAAA,GAAoB,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,cAAA,EAAgB,GAAG,IAAA,EAAK,KAA8B;AACpH,EAAA,MAAM,MAAM,aAAA,EAAc;AAE1B,EAAA,IAAI,CAAC,GAAA,CAAI,IAAA,CAAK,KAAA,EAAO,OAAO,IAAA;AAE5B,EAAA,uBACEA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,MAAA;AAAA,MACL,WAAA,EAAU,qBAAA;AAAA,MACV,YAAA,EAAW,MAAA;AAAA,MACX,KAAA,EAAO,EAAA;AAAA,QACL,8JAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,cAAA,EAAgB,CAAC,CAAA,KAAM;AACrB,QAAA,cAAA,GAAiB,CAAC,CAAA;AAClB,QAAA,GAAA,CAAI,QAAQ,IAAI,CAAA;AAAA,MAClB,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AC3BA,IAAM,eAAe,CAAC,EAAE,KAAA,EAAO,SAAA,uBAC7BA,GAAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,KAAA,EAAM,4BAAA;AAAA,IACN,KAAA,EAAM,IAAA;AAAA,IACN,MAAA,EAAO,IAAA;AAAA,IACP,OAAA,EAAQ,WAAA;AAAA,IACR,IAAA,EAAK,MAAA;AAAA,IACL,MAAA,EAAO,cAAA;AAAA,IACP,cAAA,EAAa,GAAA;AAAA,IACb,gBAAA,EAAe,OAAA;AAAA,IACf,iBAAA,EAAgB,OAAA;AAAA,IAChB,KAAA,EAAO,EAAA,CAAG,gCAAA,EAAkC,SAAS,CAAA;AAAA,IACrD,aAAA,EAAW,IAAA;AAAA,IAEX,QAAA,kBAAAA,GAAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,eAAA,EAAgB;AAAA;AAC1B,CAAA;AAOK,IAAM,iBAAA,GAAoB,CAAC,EAAE,KAAA,EAAO,SAAA,EAAW,UAAU,OAAA,EAAS,cAAA,EAAgB,GAAG,IAAA,EAAK,KAA8B;AAC7H,EAAA,MAAM,MAAM,aAAA,EAAc;AAC1B,EAAA,MAAM,IAAA,GAAO,IAAI,IAAA,CAAK,KAAA;AAEtB,EAAA,uBACEI,IAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,IAAA,EAAK,UAAA;AAAA,MACL,WAAA,EAAU,qBAAA;AAAA,MACV,YAAA,EAAY,OAAO,MAAA,GAAS,QAAA;AAAA,MAC5B,eAAA,EAAe,IAAA;AAAA,MACf,eAAA,EAAc,MAAA;AAAA,MACd,KAAA,EAAO,EAAA;AAAA,QACL,kHAAA;AAAA,QACA,8CAAA;AAAA,QACA,sEAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,cAAA,EAAgB,CAAC,CAAA,KAAM;AACrB,QAAA,cAAA,GAAiB,CAAC,CAAA;AAClB,QAAA,IAAI,EAAE,gBAAA,EAAkB;AACxB,QAAA,GAAA,CAAI,QAAQ,IAAI,CAAA;AAAA,MAClB,CAAA;AAAA,MACA,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,QAAA,OAAA,GAAU,CAAC,CAAA;AACX,QAAA,IAAI,EAAE,gBAAA,EAAkB;AACxB,QAAA,GAAA,CAAI,OAAA,CAAQ,CAAC,IAAI,CAAA;AAAA,MACnB,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACDJ,GAAAA,CAAC,YAAA,EAAA,EAAa,KAAA,EAAM,SAAA,EAAU;AAAA;AAAA;AAAA,GAChC;AAEJ;ACpDO,IAAM,cAAA,GAAiB,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,OAAA,EAAS,GAAG,IAAA,EAAK,KAA2B;AACvG,EAAA,MAAM,OAAO,cAAA,EAAe;AAC5B,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,cAAA,EAAe;AAClC,EAAA,MAAM,IAAA,GAAO,IAAA,CAAK,UAAA,CAAW,KAAA,KAAU,MAAA;AAEvC,EAAA,uBACEA,GAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,iBAAA;AAAA,MACV,YAAA,EAAY,OAAO,MAAA,GAAS,QAAA;AAAA,MAC5B,eAAA,EAAe,IAAA;AAAA,MACf,eAAA,EAAc,MAAA;AAAA,MACd,KAAA,EAAO,EAAA;AAAA,QACL,oGAAA;AAAA,QACA,8CAAA;AAAA,QACA,sEAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,QAAA,OAAA,GAAU,CAAC,CAAA;AACX,QAAA,IAAI,EAAE,gBAAA,EAAkB;AACxB,QAAA,IAAA,CAAK,aAAA,CAAc,IAAA,GAAO,IAAA,GAAO,MAAM,CAAA;AAAA,MACzC,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;;;ACcA,IAAO,eAAA,GAAQ;AAAA,EACb,IAAA,EAAM,OAAA;AAAA,EACN,IAAA,EAAM,WAAA;AAAA,EACN,OAAA,EAAS,cAAA;AAAA,EACT,OAAA,EAAS,cAAA;AAAA,EACT,KAAA,EAAO,YAAA;AAAA,EACP,IAAA,EAAM,WAAA;AAAA,EACN,KAAA,EAAO,YAAA;AAAA,EACP,SAAA,EAAW,gBAAA;AAAA,EACX,QAAA,EAAU,eAAA;AAAA,EACV,YAAA,EAAc,mBAAA;AAAA,EACd,UAAA,EAAY,iBAAA;AAAA,EACZ,SAAA,EAAW,gBAAA;AAAA,EACX,GAAA,EAAK,UAAA;AAAA,EACL,UAAA,EAAY,iBAAA;AAAA,EACZ,UAAA,EAAY;AACd","file":"chunk-D5W5YHJZ.js","sourcesContent":["import { type signal } from \"@preact/signals\";\nimport { createContext } from \"preact\";\nimport { useContext } from \"preact/hooks\";\n\nexport type MenubarRootContextValue = {\n  openMenuId: ReturnType<typeof signal<string | null>>;\n  setOpenMenuId: (id: string | null) => void;\n  rootRef: { current: HTMLDivElement | null };\n};\n\nexport const MenubarRootContext = createContext<MenubarRootContextValue | null>(null);\n\nexport const useMenubarRoot = () => {\n  const ctx = useContext(MenubarRootContext);\n  if (!ctx) throw new Error(\"Menubar components must be used within Menubar\");\n  return ctx;\n};\n\nexport type MenubarMenuContextValue = {\n  menuId: string;\n};\n\nexport const MenubarMenuContext = createContext<MenubarMenuContextValue | null>(null);\n\nexport const useMenubarMenu = () => {\n  const ctx = useContext(MenubarMenuContext);\n  if (!ctx) throw new Error(\"MenubarTrigger and MenubarContent must be inside MenubarMenu\");\n  return ctx;\n};\n\nexport type MenubarRadioContextValue = {\n  selected: ReturnType<typeof signal<string>>;\n  controlledValue: string | undefined;\n  setValue: (next: string) => void;\n};\n\nexport const MenubarRadioContext = createContext<MenubarRadioContextValue | null>(null);\n\nexport const useMenubarRadio = () => {\n  const ctx = useContext(MenubarRadioContext);\n  if (!ctx) throw new Error(\"MenubarRadioItem must be inside MenubarRadioGroup\");\n  return ctx;\n};\n\nexport type MenubarSubContextValue = {\n  open: ReturnType<typeof signal<boolean>>;\n  setOpen: (next: boolean) => void;\n};\n\nexport const MenubarSubContext = createContext<MenubarSubContextValue | null>(null);\n\nexport const useMenubarSub = () => {\n  const ctx = useContext(MenubarSubContext);\n  if (!ctx) throw new Error(\"MenubarSub parts must be inside MenubarSub\");\n  return ctx;\n};\n","import { signal } from \"@preact/signals\";\nimport { useEffect, useMemo, useRef } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { createDismissableLayer } from \"../../lib/interactive\";\nimport { MenubarRootContext } from \"./menubar-context\";\n\nexport type MenubarProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n  dir?: \"ltr\" | \"rtl\";\n};\n\nexport const Menubar = ({ class: className, children, dir, ...rest }: MenubarProps) => {\n  const openMenuId = useMemo(() => signal<string | null>(null), []);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n\n  const ctx = useMemo(\n    () => ({\n      openMenuId,\n      setOpenMenuId: (id: string | null) => {\n        openMenuId.value = id;\n      },\n      rootRef\n    }),\n    [openMenuId]\n  );\n\n  useEffect(() => {\n    const layer = createDismissableLayer({\n      root: () => rootRef.current,\n      open: () => openMenuId.value != null,\n      onDismiss: () => {\n        openMenuId.value = null;\n      }\n    });\n    return () => layer.dispose();\n  }, [openMenuId]);\n\n  return (\n    <MenubarRootContext.Provider value={ctx}>\n      <div\n        ref={rootRef}\n        data-slot=\"menubar\"\n        role=\"menubar\"\n        dir={dir}\n        class={cn(\n          \"flex h-9 items-center gap-0 rounded-md border border-border bg-background p-1 shadow-xs\",\n          className\n        )}\n        {...rest}\n      >\n        {children}\n      </div>\n    </MenubarRootContext.Provider>\n  );\n};\n","import { useMemo } from \"preact/hooks\";\nimport { signal } from \"@preact/signals\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type MenubarCheckboxItemProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children?: ComponentChildren;\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n};\n\nconst CheckIcon = () => (\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    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    class=\"size-4\"\n    aria-hidden\n  >\n    <path d=\"M20 6 9 17l-5-5\" />\n  </svg>\n);\n\nexport const MenubarCheckboxItem = ({\n  class: className,\n  children,\n  checked: controlledChecked,\n  defaultChecked = false,\n  onCheckedChange,\n  disabled,\n  onClick,\n  ...rest\n}: MenubarCheckboxItemProps) => {\n  const internal = useMemo(() => signal(defaultChecked), []);\n  const checked = controlledChecked !== undefined ? controlledChecked : internal.value;\n\n  const setChecked = (next: boolean) => {\n    if (controlledChecked === undefined) internal.value = next;\n    onCheckedChange?.(next);\n  };\n\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitemcheckbox\"\n      data-slot=\"menubar-checkbox-item\"\n      aria-checked={checked}\n      disabled={disabled}\n      class={cn(\n        \"relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 ps-8 pe-2 text-start text-sm outline-none\",\n        \"focus:bg-accent focus:text-accent-foreground\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        className\n      )}\n      onClick={(e) => {\n        onClick?.(e);\n        if (e.defaultPrevented) return;\n        setChecked(!checked);\n      }}\n      {...rest}\n    >\n      <span class=\"absolute start-2 flex size-3.5 items-center justify-center\">\n        {checked ? <CheckIcon /> : null}\n      </span>\n      {children}\n    </button>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useMenubarMenu, useMenubarRoot } from \"./menubar-context\";\n\nexport type MenubarContentProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const MenubarContent = ({ class: className, children, ...rest }: MenubarContentProps) => {\n  const root = useMenubarRoot();\n  const { menuId } = useMenubarMenu();\n  const open = root.openMenuId.value === menuId;\n\n  if (!open) return null;\n\n  return (\n    <div\n      role=\"menu\"\n      data-slot=\"menubar-content\"\n      data-state=\"open\"\n      class={cn(\n        \"absolute start-0 top-full z-50 mt-1 min-w-48 rounded-md border border-border bg-popover p-0 text-popover-foreground shadow-md outline-none\",\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type MenubarGroupProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const MenubarGroup = ({ class: className, children, ...rest }: MenubarGroupProps) => (\n  <div role=\"group\" data-slot=\"menubar-group\" class={cn(\"p-1\", className)} {...rest}>\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useMenubarRoot } from \"./menubar-context\";\n\nexport type MenubarItemProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children?: ComponentChildren;\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n};\n\nexport const MenubarItem = ({\n  class: className,\n  inset = false,\n  variant = \"default\",\n  children,\n  disabled,\n  onClick,\n  ...rest\n}: MenubarItemProps) => {\n  const root = useMenubarRoot();\n\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitem\"\n      data-slot=\"menubar-item\"\n      data-inset={inset ? \"true\" : undefined}\n      data-variant={variant}\n      disabled={disabled}\n      class={cn(\n        \"relative flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-start text-sm outline-none\",\n        \"focus:bg-accent focus:text-accent-foreground\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        inset && \"ps-8\",\n        variant === \"destructive\" && \"text-destructive focus:bg-destructive/10 focus:text-destructive\",\n        className\n      )}\n      onClick={(e) => {\n        onClick?.(e);\n        if (e.defaultPrevented) return;\n        root.setOpenMenuId(null);\n      }}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type MenubarLabelProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const MenubarLabel = ({ class: className, children, ...rest }: MenubarLabelProps) => (\n  <div data-slot=\"menubar-label\" class={cn(\"px-2 py-1.5 text-sm font-medium text-muted-foreground\", className)} {...rest}>\n    {children}\n  </div>\n);\n","import { useMemo } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { createIdFactory } from \"../../lib/interactive\";\nimport { MenubarMenuContext } from \"./menubar-context\";\n\nconst nextMenuId = createIdFactory(\"menubar-menu\");\n\nexport type MenubarMenuProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n  /** Optional stable id; auto-generated when omitted. */\n  value?: string;\n};\n\nexport const MenubarMenu = ({ class: className, children, value: valueProp, ...rest }: MenubarMenuProps) => {\n  const menuId = useMemo(() => nextMenuId(valueProp), [valueProp]);\n\n  return (\n    <MenubarMenuContext.Provider value={{ menuId }}>\n      <div data-slot=\"menubar-menu\" class={cn(\"relative flex\", className)} {...rest}>\n        {children}\n      </div>\n    </MenubarMenuContext.Provider>\n  );\n};\n","import { useEffect, useMemo } from \"preact/hooks\";\nimport { signal } from \"@preact/signals\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { MenubarRadioContext } from \"./menubar-context\";\n\nexport type MenubarRadioGroupProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n};\n\nexport const MenubarRadioGroup = ({\n  class: className,\n  children,\n  value: controlledValue,\n  defaultValue = \"\",\n  onValueChange,\n  ...rest\n}: MenubarRadioGroupProps) => {\n  const selected = useMemo(() => signal(controlledValue ?? defaultValue), []);\n\n  useEffect(() => {\n    if (controlledValue !== undefined) selected.value = controlledValue;\n  }, [controlledValue, selected]);\n\n  const ctx = useMemo(\n    () => ({\n      selected,\n      controlledValue,\n      setValue: (next: string) => {\n        if (controlledValue === undefined) selected.value = next;\n        onValueChange?.(next);\n      }\n    }),\n    [controlledValue, onValueChange, selected]\n  );\n\n  return (\n    <MenubarRadioContext.Provider value={ctx}>\n      <div role=\"group\" data-slot=\"menubar-radio-group\" class={cn(\"p-1\", className)} {...rest}>\n        {children}\n      </div>\n    </MenubarRadioContext.Provider>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useMenubarRadio } from \"./menubar-context\";\n\nexport type MenubarRadioItemProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children?: ComponentChildren;\n  value: string;\n};\n\nconst CircleIcon = ({ filled }: { filled: boolean }) => (\n  <span class=\"flex size-3.5 items-center justify-center\" aria-hidden>\n    {filled ? (\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" class=\"size-2 fill-current\">\n        <circle cx=\"12\" cy=\"12\" r=\"6\" />\n      </svg>\n    ) : (\n      <span class=\"size-2 rounded-full border border-current opacity-60\" />\n    )}\n  </span>\n);\n\nexport const MenubarRadioItem = ({\n  class: className,\n  value,\n  children,\n  disabled,\n  onClick,\n  ...rest\n}: MenubarRadioItemProps) => {\n  const radio = useMenubarRadio();\n  const current = radio.controlledValue !== undefined ? radio.controlledValue : radio.selected.value;\n  const checked = current === value;\n\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitemradio\"\n      data-slot=\"menubar-radio-item\"\n      aria-checked={checked}\n      disabled={disabled}\n      class={cn(\n        \"relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 ps-8 pe-2 text-start text-sm outline-none\",\n        \"focus:bg-accent focus:text-accent-foreground\",\n        \"disabled:pointer-events-none disabled:opacity-50\",\n        className\n      )}\n      onClick={(e) => {\n        onClick?.(e);\n        if (e.defaultPrevented) return;\n        radio.setValue(value);\n      }}\n      {...rest}\n    >\n      <span class=\"absolute start-2 flex size-3.5 items-center justify-center text-foreground\">\n        <CircleIcon filled={checked} />\n      </span>\n      {children}\n    </button>\n  );\n};\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type MenubarSeparatorProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport const MenubarSeparator = ({ class: className, ...rest }: MenubarSeparatorProps) => (\n  <div\n    role=\"separator\"\n    data-slot=\"menubar-separator\"\n    class={cn(\"mx-1 my-1 h-px bg-border\", className)}\n    {...rest}\n  />\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type MenubarShortcutProps = JSX.HTMLAttributes<HTMLSpanElement> & {\n  children?: ComponentChildren;\n};\n\nexport const MenubarShortcut = ({ class: className, children, ...rest }: MenubarShortcutProps) => (\n  <span\n    data-slot=\"menubar-shortcut\"\n    class={cn(\"ms-auto text-xs tracking-widest text-muted-foreground\", className)}\n    {...rest}\n  >\n    {children}\n  </span>\n);\n","import { signal } from \"@preact/signals\";\nimport { useMemo } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { MenubarSubContext } from \"./menubar-context\";\n\nexport type MenubarSubProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const MenubarSub = ({ class: className, children, ...rest }: MenubarSubProps) => {\n  const open = useMemo(() => signal(false), []);\n\n  const ctx = useMemo(\n    () => ({\n      open,\n      setOpen: (next: boolean) => {\n        open.value = next;\n      }\n    }),\n    [open]\n  );\n\n  return (\n    <MenubarSubContext.Provider value={ctx}>\n      <div\n        data-slot=\"menubar-sub\"\n        class={cn(\"relative\", className)}\n        onPointerLeave={() => {\n          open.value = false;\n        }}\n        {...rest}\n      >\n        {children}\n      </div>\n    </MenubarSubContext.Provider>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useMenubarSub } from \"./menubar-context\";\n\nexport type MenubarSubContentProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const MenubarSubContent = ({ class: className, children, onPointerEnter, ...rest }: MenubarSubContentProps) => {\n  const sub = useMenubarSub();\n\n  if (!sub.open.value) return null;\n\n  return (\n    <div\n      role=\"menu\"\n      data-slot=\"menubar-sub-content\"\n      data-state=\"open\"\n      class={cn(\n        \"absolute start-full top-0 z-50 min-w-40 rounded-md border border-border bg-popover p-0 text-popover-foreground shadow-md outline-none ms-1 rtl:me-1 rtl:ms-0\",\n        className\n      )}\n      onPointerEnter={(e) => {\n        onPointerEnter?.(e);\n        sub.setOpen(true);\n      }}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useMenubarSub } from \"./menubar-context\";\n\nconst ChevronRight = ({ class: className }: { class?: string }) => (\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    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n    class={cn(\"size-4 shrink-0 rtl:rotate-180\", className)}\n    aria-hidden\n  >\n    <path d=\"m9 18 6-6-6-6\" />\n  </svg>\n);\n\nexport type MenubarSubTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children?: ComponentChildren;\n};\n\nexport const MenubarSubTrigger = ({ class: className, children, onClick, onPointerEnter, ...rest }: MenubarSubTriggerProps) => {\n  const sub = useMenubarSub();\n  const open = sub.open.value;\n\n  return (\n    <button\n      type=\"button\"\n      role=\"menuitem\"\n      data-slot=\"menubar-sub-trigger\"\n      data-state={open ? \"open\" : \"closed\"}\n      aria-expanded={open}\n      aria-haspopup=\"menu\"\n      class={cn(\n        \"flex w-full cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-start text-sm outline-none\",\n        \"focus:bg-accent focus:text-accent-foreground\",\n        \"data-[state=open]:bg-accent data-[state=open]:text-accent-foreground\",\n        className\n      )}\n      onPointerEnter={(e) => {\n        onPointerEnter?.(e);\n        if (e.defaultPrevented) return;\n        sub.setOpen(true);\n      }}\n      onClick={(e) => {\n        onClick?.(e);\n        if (e.defaultPrevented) return;\n        sub.setOpen(!open);\n      }}\n      {...rest}\n    >\n      {children}\n      <ChevronRight class=\"ms-auto\" />\n    </button>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useMenubarMenu, useMenubarRoot } from \"./menubar-context\";\n\nexport type MenubarTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children?: ComponentChildren;\n};\n\nexport const MenubarTrigger = ({ class: className, children, onClick, ...rest }: MenubarTriggerProps) => {\n  const root = useMenubarRoot();\n  const { menuId } = useMenubarMenu();\n  const open = root.openMenuId.value === menuId;\n\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"menubar-trigger\"\n      data-state={open ? \"open\" : \"closed\"}\n      aria-expanded={open}\n      aria-haspopup=\"menu\"\n      class={cn(\n        \"flex cursor-default select-none items-center rounded-sm px-2 py-1 text-sm font-medium outline-none\",\n        \"focus:bg-accent focus:text-accent-foreground\",\n        \"data-[state=open]:bg-accent data-[state=open]:text-accent-foreground\",\n        className\n      )}\n      onClick={(e) => {\n        onClick?.(e);\n        if (e.defaultPrevented) return;\n        root.setOpenMenuId(open ? null : menuId);\n      }}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n","import { Menubar } from \"./Menubar\";\nimport { MenubarCheckboxItem } from \"./MenubarCheckboxItem\";\nimport { MenubarContent } from \"./MenubarContent\";\nimport { MenubarGroup } from \"./MenubarGroup\";\nimport { MenubarItem } from \"./MenubarItem\";\nimport { MenubarLabel } from \"./MenubarLabel\";\nimport { MenubarMenu } from \"./MenubarMenu\";\nimport { MenubarRadioGroup } from \"./MenubarRadioGroup\";\nimport { MenubarRadioItem } from \"./MenubarRadioItem\";\nimport { MenubarSeparator } from \"./MenubarSeparator\";\nimport { MenubarShortcut } from \"./MenubarShortcut\";\nimport { MenubarSub } from \"./MenubarSub\";\nimport { MenubarSubContent } from \"./MenubarSubContent\";\nimport { MenubarSubTrigger } from \"./MenubarSubTrigger\";\nimport { MenubarTrigger } from \"./MenubarTrigger\";\n\nexport {\n  Menubar,\n  MenubarCheckboxItem,\n  MenubarContent,\n  MenubarGroup,\n  MenubarItem,\n  MenubarLabel,\n  MenubarMenu,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSeparator,\n  MenubarShortcut,\n  MenubarSub,\n  MenubarSubContent,\n  MenubarSubTrigger,\n  MenubarTrigger\n};\n\nexport type { MenubarProps } from \"./Menubar\";\nexport type { MenubarCheckboxItemProps } from \"./MenubarCheckboxItem\";\nexport type { MenubarContentProps } from \"./MenubarContent\";\nexport type { MenubarGroupProps } from \"./MenubarGroup\";\nexport type { MenubarItemProps } from \"./MenubarItem\";\nexport type { MenubarLabelProps } from \"./MenubarLabel\";\nexport type { MenubarMenuProps } from \"./MenubarMenu\";\nexport type { MenubarRadioGroupProps } from \"./MenubarRadioGroup\";\nexport type { MenubarRadioItemProps } from \"./MenubarRadioItem\";\nexport type { MenubarSeparatorProps } from \"./MenubarSeparator\";\nexport type { MenubarShortcutProps } from \"./MenubarShortcut\";\nexport type { MenubarSubProps } from \"./MenubarSub\";\nexport type { MenubarSubContentProps } from \"./MenubarSubContent\";\nexport type { MenubarSubTriggerProps } from \"./MenubarSubTrigger\";\nexport type { MenubarTriggerProps } from \"./MenubarTrigger\";\n\nexport default {\n  Root: Menubar,\n  Menu: MenubarMenu,\n  Trigger: MenubarTrigger,\n  Content: MenubarContent,\n  Group: MenubarGroup,\n  Item: MenubarItem,\n  Label: MenubarLabel,\n  Separator: MenubarSeparator,\n  Shortcut: MenubarShortcut,\n  CheckboxItem: MenubarCheckboxItem,\n  RadioGroup: MenubarRadioGroup,\n  RadioItem: MenubarRadioItem,\n  Sub: MenubarSub,\n  SubTrigger: MenubarSubTrigger,\n  SubContent: MenubarSubContent\n};\n"]}

package/dist/chunk-DHBILREV.js

@@ -0,0 +1,70 @@
+import { cn } from './chunk-OMXWBB67.js';
+import { jsx, jsxs } from 'preact/jsx-runtime';
+import { isValidElement, cloneElement } from 'preact';
+
+var Breadcrumb = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", class: cn(className), ...rest, children });
+var BreadcrumbList = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "ol",
+  {
+    "data-slot": "breadcrumb-list",
+    class: cn("text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm", className),
+    ...rest,
+    children
+  }
+);
+var BreadcrumbItem = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("li", { "data-slot": "breadcrumb-item", class: cn("inline-flex items-center gap-1.5", className), ...rest, children });
+var linkClass = "hover:text-foreground transition-colors";
+var BreadcrumbLink = ({ asChild = false, class: className, children, ...rest }) => {
+  const mergedClass = cn(linkClass, className);
+  if (asChild) {
+    if (!isValidElement(children)) {
+      return null;
+    }
+    const childProps = children.props ?? {};
+    return cloneElement(children, {
+      ...rest,
+      ...childProps ?? {},
+      class: cn(mergedClass, childProps.class, childProps.className),
+      "data-slot": "breadcrumb-link"
+    });
+  }
+  return /* @__PURE__ */ jsx("a", { "data-slot": "breadcrumb-link", class: mergedClass, ...rest, children });
+};
+var BreadcrumbPage = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    "data-slot": "breadcrumb-page",
+    class: cn("text-foreground font-medium", className),
+    ...rest,
+    children
+  }
+);
+var BreadcrumbSeparator = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("li", { "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", class: cn("[&>svg]:size-3.5", className), ...rest, children: children ?? /* @__PURE__ */ jsx(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": "2",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    class: "shrink-0 rtl:rotate-180",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
+  }
+) });
+var BreadcrumbEllipsis = ({ class: className, ...rest }) => /* @__PURE__ */ jsxs("span", { "data-slot": "breadcrumb-ellipsis", class: cn("flex size-9 items-center justify-center", className), ...rest, children: [
+  /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", class: "size-4", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "2" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2" }),
+    /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "2" })
+  ] }),
+  /* @__PURE__ */ jsx("span", { class: "sr-only", children: "More" })
+] });
+
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+//# sourceMappingURL=chunk-DHBILREV.js.map
+//# sourceMappingURL=chunk-DHBILREV.js.map

package/dist/chunk-DHBILREV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/breadcrumb/Breadcrumb.tsx","../src/components/breadcrumb/BreadcrumbList.tsx","../src/components/breadcrumb/BreadcrumbItem.tsx","../src/components/breadcrumb/BreadcrumbLink.tsx","../src/components/breadcrumb/BreadcrumbPage.tsx","../src/components/breadcrumb/BreadcrumbSeparator.tsx","../src/components/breadcrumb/BreadcrumbEllipsis.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-DHBILREV.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type BreadcrumbProps = JSX.HTMLAttributes<HTMLElement> & {\n  children?: ComponentChildren;\n};\n\nexport const Breadcrumb = ({ class: className, children, ...rest }: BreadcrumbProps) => (\n  <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" class={cn(className)} {...rest}>\n    {children}\n  </nav>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type BreadcrumbListProps = JSX.HTMLAttributes<HTMLOListElement> & {\n  children?: ComponentChildren;\n};\n\nexport const BreadcrumbList = ({ class: className, children, ...rest }: BreadcrumbListProps) => (\n  <ol\n    data-slot=\"breadcrumb-list\"\n    class={cn(\"text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm\", className)}\n    {...rest}\n  >\n    {children}\n  </ol>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type BreadcrumbItemProps = JSX.HTMLAttributes<HTMLLIElement> & {\n  children?: ComponentChildren;\n};\n\nexport const BreadcrumbItem = ({ class: className, children, ...rest }: BreadcrumbItemProps) => (\n  <li data-slot=\"breadcrumb-item\" class={cn(\"inline-flex items-center gap-1.5\", className)} {...rest}>\n    {children}\n  </li>\n);\n","import { cloneElement, isValidElement, type ComponentChildren, type JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type BreadcrumbLinkProps = JSX.AnchorHTMLAttributes<HTMLAnchorElement> & {\n  children?: ComponentChildren;\n  asChild?: boolean;\n};\n\nconst linkClass = \"hover:text-foreground transition-colors\";\n\nexport const BreadcrumbLink = ({ asChild = false, class: className, children, ...rest }: BreadcrumbLinkProps) => {\n  const mergedClass = cn(linkClass, className);\n\n  if (asChild) {\n    if (!isValidElement(children)) {\n      return null;\n    }\n\n    const childProps = (children.props ?? {}) as JSX.HTMLAttributes<HTMLElement> & {\n      class?: string;\n      className?: string;\n    };\n\n    return cloneElement(children, {\n      ...(rest as JSX.HTMLAttributes<HTMLElement>),\n      ...(childProps ?? {}),\n      class: cn(mergedClass, childProps.class, childProps.className),\n      \"data-slot\": \"breadcrumb-link\"\n    });\n  }\n\n  return (\n    <a data-slot=\"breadcrumb-link\" class={mergedClass} {...rest}>\n      {children}\n    </a>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type BreadcrumbPageProps = JSX.HTMLAttributes<HTMLSpanElement> & {\n  children?: ComponentChildren;\n};\n\nexport const BreadcrumbPage = ({ class: className, children, ...rest }: BreadcrumbPageProps) => (\n  <span\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    data-slot=\"breadcrumb-page\"\n    class={cn(\"text-foreground font-medium\", className)}\n    {...rest}\n  >\n    {children}\n  </span>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type BreadcrumbSeparatorProps = JSX.HTMLAttributes<HTMLLIElement> & {\n  children?: ComponentChildren;\n};\n\nexport const BreadcrumbSeparator = ({ class: className, children, ...rest }: BreadcrumbSeparatorProps) => (\n  <li data-slot=\"breadcrumb-separator\" role=\"presentation\" aria-hidden=\"true\" class={cn(\"[&>svg]:size-3.5\", className)} {...rest}>\n    {children ?? (\n      <svg\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        class=\"shrink-0 rtl:rotate-180\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"m9 18 6-6-6-6\" />\n      </svg>\n    )}\n  </li>\n);\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type BreadcrumbEllipsisProps = JSX.HTMLAttributes<HTMLSpanElement>;\n\nexport const BreadcrumbEllipsis = ({ class: className, ...rest }: BreadcrumbEllipsisProps) => (\n  <span data-slot=\"breadcrumb-ellipsis\" class={cn(\"flex size-9 items-center justify-center\", className)} {...rest}>\n    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"size-4\" aria-hidden=\"true\">\n      <circle cx=\"5\" cy=\"12\" r=\"2\" />\n      <circle cx=\"12\" cy=\"12\" r=\"2\" />\n      <circle cx=\"19\" cy=\"12\" r=\"2\" />\n    </svg>\n    <span class=\"sr-only\">More</span>\n  </span>\n);\n"]}

package/dist/chunk-DJ4PFETN.js

@@ -0,0 +1,17 @@
+import { Table } from './chunk-IGGEBO7K.js';
+import { cn } from './chunk-OMXWBB67.js';
+import { jsx } from 'preact/jsx-runtime';
+
+var DataTable = ({
+  chrome = true,
+  class: className,
+  children,
+  ...rest
+}) => /* @__PURE__ */ jsx("div", { "data-slot": "data-table", class: cn("w-full", className), ...rest, children: chrome ? /* @__PURE__ */ jsx("div", { class: "overflow-hidden rounded-md border bg-card text-card-foreground", children: /* @__PURE__ */ jsx(Table, { class: "rounded-none border-0 shadow-none", children }) }) : /* @__PURE__ */ jsx(Table, { children }) });
+
+// src/components/data-table/index.ts
+var data_table_default = DataTable;
+
+export { DataTable, data_table_default };
+//# sourceMappingURL=chunk-DJ4PFETN.js.map
+//# sourceMappingURL=chunk-DJ4PFETN.js.map

package/dist/chunk-DJ4PFETN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-table/DataTable.tsx","../src/components/data-table/index.ts"],"names":[],"mappings":";;;;AAaO,IAAM,YAAY,CAAC;AAAA,EACxB,MAAA,GAAS,IAAA;AAAA,EACT,KAAA,EAAO,SAAA;AAAA,EACP,QAAA;AAAA,EACA,GAAG;AACL,CAAA,qBACE,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,YAAA,EAAa,KAAA,EAAO,EAAA,CAAG,QAAA,EAAU,SAAS,CAAA,EAAI,GAAG,IAAA,EAC7D,QAAA,EAAA,MAAA,mBACC,GAAA,CAAC,SAAI,KAAA,EAAM,gEAAA,EACT,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAM,KAAA,EAAM,mCAAA,EAAqC,QAAA,EAAS,CAAA,EAC7D,CAAA,mBAEA,GAAA,CAAC,KAAA,EAAA,EAAO,QAAA,EAAS,CAAA,EAErB;;;ACvBF,IAAO,kBAAA,GAAQ","file":"chunk-DJ4PFETN.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { Table } from \"../table/Table\";\n\nexport type DataTableProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n  /**\n   * When true (default), wraps the table in `overflow-hidden rounded-md border` like shadcn data tables.\n   * Set false if you already provide an outer chrome or use a bare `<Table>`.\n   */\n  chrome?: boolean;\n};\n\nexport const DataTable = ({\n  chrome = true,\n  class: className,\n  children,\n  ...rest\n}: DataTableProps) => (\n  <div data-slot=\"data-table\" class={cn(\"w-full\", className)} {...rest}>\n    {chrome ? (\n      <div class=\"overflow-hidden rounded-md border bg-card text-card-foreground\">\n        <Table class=\"rounded-none border-0 shadow-none\">{children}</Table>\n      </div>\n    ) : (\n      <Table>{children}</Table>\n    )}\n  </div>\n);\n","import { DataTable } from \"./DataTable\";\n\nexport { DataTable };\n\nexport default DataTable;\n\n"]}