@kamod-ch/ui 0.2.1

package/dist/chunk-R565SY7K.js

@@ -0,0 +1,69 @@
+import { signal } from '@preact/signals';
+import { createContext } from 'preact';
+import { useContext, useMemo } from 'preact/hooks';
+import { jsx } from 'preact/jsx-runtime';
+
+// src/components/sidebar/SidebarProvider.tsx
+var SidebarContext = createContext(null);
+var useSidebar = () => {
+  const context = useContext(SidebarContext);
+  if (!context) throw new Error("Sidebar components must be used within SidebarProvider");
+  return context;
+};
+var SidebarProvider = ({ defaultOpen = true, children }) => {
+  const open = useMemo(() => signal(defaultOpen), []);
+  return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: { open, setOpen: (next) => open.value = next }, children });
+};
+var Sidebar = ({ children, ...rest }) => {
+  const sidebar = useSidebar();
+  return /* @__PURE__ */ jsx(
+    "aside",
+    {
+      "data-slot": "sidebar",
+      "data-state": sidebar.open.value ? "open" : "closed",
+      hidden: !sidebar.open.value,
+      ...rest,
+      children
+    }
+  );
+};
+var SidebarContent = ({ children, ...rest }) => /* @__PURE__ */ jsx("div", { "data-slot": "sidebar-content", ...rest, children });
+var SidebarFooter = ({ children, ...rest }) => /* @__PURE__ */ jsx("div", { "data-slot": "sidebar-footer", ...rest, children });
+var SidebarHeader = ({ children, ...rest }) => /* @__PURE__ */ jsx("div", { "data-slot": "sidebar-header", ...rest, children });
+var SidebarInset = ({ children, ...rest }) => /* @__PURE__ */ jsx("div", { "data-slot": "sidebar-inset", ...rest, children });
+var SidebarTrigger = ({
+  children = "Toggle Sidebar",
+  onClick,
+  ...rest
+}) => {
+  const sidebar = useSidebar();
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": "sidebar-trigger",
+      "aria-expanded": sidebar.open.value,
+      onClick: (event) => {
+        sidebar.setOpen(!sidebar.open.value);
+        onClick?.(event);
+      },
+      ...rest,
+      children
+    }
+  );
+};
+
+// src/components/sidebar/index.ts
+var sidebar_default = {
+  Provider: SidebarProvider,
+  Root: Sidebar,
+  Trigger: SidebarTrigger,
+  Header: SidebarHeader,
+  Content: SidebarContent,
+  Footer: SidebarFooter,
+  Inset: SidebarInset
+};
+
+export { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarInset, SidebarProvider, SidebarTrigger, sidebar_default, useSidebar };
+//# sourceMappingURL=chunk-R565SY7K.js.map
+//# sourceMappingURL=chunk-R565SY7K.js.map

package/dist/chunk-R565SY7K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sidebar/SidebarProvider.tsx","../src/components/sidebar/Sidebar.tsx","../src/components/sidebar/SidebarContent.tsx","../src/components/sidebar/SidebarFooter.tsx","../src/components/sidebar/SidebarHeader.tsx","../src/components/sidebar/SidebarInset.tsx","../src/components/sidebar/SidebarTrigger.tsx","../src/components/sidebar/index.ts"],"names":["jsx"],"mappings":";;;;;;AAUA,IAAM,cAAA,GAAiB,cAA0C,IAAI,CAAA;AAE9D,IAAM,aAAa,MAAM;AAC9B,EAAA,MAAM,OAAA,GAAU,WAAW,cAAc,CAAA;AACzC,EAAA,IAAI,CAAC,OAAA,EAAS,MAAM,IAAI,MAAM,wDAAwD,CAAA;AACtF,EAAA,OAAO,OAAA;AACT;AAOO,IAAM,kBAAkB,CAAC,EAAE,WAAA,GAAc,IAAA,EAAM,UAAS,KAA4B;AACzF,EAAA,MAAM,OAAO,OAAA,CAAQ,MAAM,OAAO,WAAW,CAAA,EAAG,EAAE,CAAA;AAClD,EAAA,uBACE,GAAA,CAAC,cAAA,CAAe,QAAA,EAAf,EAAwB,OAAO,EAAE,IAAA,EAAM,OAAA,EAAS,CAAC,IAAA,KAAU,IAAA,CAAK,KAAA,GAAQ,IAAA,IACtE,QAAA,EACH,CAAA;AAEJ;ACzBO,IAAM,UAAU,CAAC,EAAE,QAAA,EAAU,GAAG,MAAK,KAAoB;AAC9D,EAAA,MAAM,UAAU,UAAA,EAAW;AAC3B,EAAA,uBACEA,GAAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,SAAA;AAAA,MACV,YAAA,EAAY,OAAA,CAAQ,IAAA,CAAK,KAAA,GAAQ,MAAA,GAAS,QAAA;AAAA,MAC1C,MAAA,EAAQ,CAAC,OAAA,CAAQ,IAAA,CAAK,KAAA;AAAA,MACrB,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;ACXO,IAAM,cAAA,GAAiB,CAAC,EAAE,QAAA,EAAU,GAAG,IAAA,EAAK,qBACjDA,GAAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,iBAAA,EAAmB,GAAG,MAClC,QAAA,EACH;ACHK,IAAM,aAAA,GAAgB,CAAC,EAAE,QAAA,EAAU,GAAG,IAAA,EAAK,qBAChDA,GAAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,gBAAA,EAAkB,GAAG,MACjC,QAAA,EACH;ACHK,IAAM,aAAA,GAAgB,CAAC,EAAE,QAAA,EAAU,GAAG,IAAA,EAAK,qBAChDA,GAAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,gBAAA,EAAkB,GAAG,MACjC,QAAA,EACH;ACHK,IAAM,YAAA,GAAe,CAAC,EAAE,QAAA,EAAU,GAAG,IAAA,EAAK,qBAC/CA,GAAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,eAAA,EAAiB,GAAG,MAChC,QAAA,EACH;ACFK,IAAM,iBAAiB,CAAC;AAAA,EAC7B,QAAA,GAAW,gBAAA;AAAA,EACX,OAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA2B;AACzB,EAAA,MAAM,UAAU,UAAA,EAAW;AAC3B,EAAA,uBACEA,GAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,iBAAA;AAAA,MACV,eAAA,EAAe,QAAQ,IAAA,CAAK,KAAA;AAAA,MAC5B,OAAA,EAAS,CAAC,KAAA,KAAU;AAClB,QAAA,OAAA,CAAQ,OAAA,CAAQ,CAAC,OAAA,CAAQ,IAAA,CAAK,KAAK,CAAA;AACnC,QAAA,OAAA,GAAU,KAAK,CAAA;AAAA,MACjB,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;;;ACRA,IAAO,eAAA,GAAQ;AAAA,EACb,QAAA,EAAU,eAAA;AAAA,EACV,IAAA,EAAM,OAAA;AAAA,EACN,OAAA,EAAS,cAAA;AAAA,EACT,MAAA,EAAQ,aAAA;AAAA,EACR,OAAA,EAAS,cAAA;AAAA,EACT,MAAA,EAAQ,aAAA;AAAA,EACR,KAAA,EAAO;AACT","file":"chunk-R565SY7K.js","sourcesContent":["import { signal } from \"@preact/signals\";\nimport type { ComponentChildren } from \"preact\";\nimport { createContext } from \"preact\";\nimport { useContext, useMemo } from \"preact/hooks\";\n\ntype SidebarContextValue = {\n  open: ReturnType<typeof signal<boolean>>;\n  setOpen: (next: boolean) => void;\n};\n\nconst SidebarContext = createContext<SidebarContextValue | null>(null);\n\nexport const useSidebar = () => {\n  const context = useContext(SidebarContext);\n  if (!context) throw new Error(\"Sidebar components must be used within SidebarProvider\");\n  return context;\n};\n\nexport type SidebarProviderProps = {\n  defaultOpen?: boolean;\n  children?: ComponentChildren;\n};\n\nexport const SidebarProvider = ({ defaultOpen = true, children }: SidebarProviderProps) => {\n  const open = useMemo(() => signal(defaultOpen), []);\n  return (\n    <SidebarContext.Provider value={{ open, setOpen: (next) => (open.value = next) }}>\n      {children}\n    </SidebarContext.Provider>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { useSidebar } from \"./SidebarProvider\";\n\nexport type SidebarProps = JSX.HTMLAttributes<HTMLElement> & { children?: ComponentChildren };\n\nexport const Sidebar = ({ children, ...rest }: SidebarProps) => {\n  const sidebar = useSidebar();\n  return (\n    <aside\n      data-slot=\"sidebar\"\n      data-state={sidebar.open.value ? \"open\" : \"closed\"}\n      hidden={!sidebar.open.value}\n      {...rest}\n    >\n      {children}\n    </aside>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\n\nexport type SidebarContentProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const SidebarContent = ({ children, ...rest }: SidebarContentProps) => (\n  <div data-slot=\"sidebar-content\" {...rest}>\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\n\nexport type SidebarFooterProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const SidebarFooter = ({ children, ...rest }: SidebarFooterProps) => (\n  <div data-slot=\"sidebar-footer\" {...rest}>\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\n\nexport type SidebarHeaderProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const SidebarHeader = ({ children, ...rest }: SidebarHeaderProps) => (\n  <div data-slot=\"sidebar-header\" {...rest}>\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\n\nexport type SidebarInsetProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const SidebarInset = ({ children, ...rest }: SidebarInsetProps) => (\n  <div data-slot=\"sidebar-inset\" {...rest}>\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { useSidebar } from \"./SidebarProvider\";\n\nexport type SidebarTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children?: ComponentChildren;\n};\n\nexport const SidebarTrigger = ({\n  children = \"Toggle Sidebar\",\n  onClick,\n  ...rest\n}: SidebarTriggerProps) => {\n  const sidebar = useSidebar();\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"sidebar-trigger\"\n      aria-expanded={sidebar.open.value}\n      onClick={(event) => {\n        sidebar.setOpen(!sidebar.open.value);\n        onClick?.(event);\n      }}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n","import { Sidebar } from \"./Sidebar\";\nimport { SidebarContent } from \"./SidebarContent\";\nimport { SidebarFooter } from \"./SidebarFooter\";\nimport { SidebarHeader } from \"./SidebarHeader\";\nimport { SidebarInset } from \"./SidebarInset\";\nimport { SidebarProvider, useSidebar } from \"./SidebarProvider\";\nimport { SidebarTrigger } from \"./SidebarTrigger\";\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarHeader,\n  SidebarInset,\n  SidebarProvider,\n  SidebarTrigger,\n  useSidebar,\n};\n\nexport default {\n  Provider: SidebarProvider,\n  Root: Sidebar,\n  Trigger: SidebarTrigger,\n  Header: SidebarHeader,\n  Content: SidebarContent,\n  Footer: SidebarFooter,\n  Inset: SidebarInset,\n};\n"]}

package/dist/chunk-RHNI5UQO.js

@@ -0,0 +1,455 @@
+import { createIdFactory, createDismissableLayer } from './chunk-PPYJQNE5.js';
+import { cn } from './chunk-MS2ZNYCJ.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-RHNI5UQO.js.map
+//# sourceMappingURL=chunk-RHNI5UQO.js.map

package/dist/chunk-RHNI5UQO.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":"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","file":"chunk-RHNI5UQO.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 type { ComponentChildren, JSX } from \"preact\";\nimport { useEffect, useMemo, useRef } from \"preact/hooks\";\nimport { createDismissableLayer } from \"../../lib/interactive\";\nimport { cn } from \"../../lib/utils\";\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 { signal } from \"@preact/signals\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { useMemo } from \"preact/hooks\";\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\" &&\n          \"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\n    data-slot=\"menubar-label\"\n    class={cn(\"px-2 py-1.5 text-sm font-medium text-muted-foreground\", className)}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { useMemo } from \"preact/hooks\";\nimport { createIdFactory } from \"../../lib/interactive\";\nimport { cn } from \"../../lib/utils\";\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 = ({\n  class: className,\n  children,\n  value: valueProp,\n  ...rest\n}: 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 { signal } from \"@preact/signals\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { useEffect, useMemo } from \"preact/hooks\";\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 =\n    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 type { ComponentChildren, JSX } from \"preact\";\nimport { useMemo } from \"preact/hooks\";\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 = ({\n  class: className,\n  children,\n  onPointerEnter,\n  ...rest\n}: 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 = ({\n  class: className,\n  children,\n  onClick,\n  onPointerEnter,\n  ...rest\n}: 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 = ({\n  class: className,\n  children,\n  onClick,\n  ...rest\n}: 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 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\";\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 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"]}