@demokit-ui/demokit 0.1.0

package/dist/kit/components/layout/resizable/resizable.js

@@ -0,0 +1,32 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cn as i } from "../../../../lib/utils.js";
+import { GripVertical as n } from "lucide-react";
+import * as t from "react-resizable-panels";
+const d = ({ className: a, ...r }) => /* @__PURE__ */ e(
+  t.PanelGroup,
+  {
+    "data-slot": "resizable-panel-group",
+    className: i("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", a),
+    ...r
+  }
+), f = t.Panel, p = ({
+  withHandle: a,
+  className: r,
+  ...l
+}) => /* @__PURE__ */ e(
+  t.PanelResizeHandle,
+  {
+    "data-slot": "resizable-handle",
+    className: i(
+      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+      r
+    ),
+    ...l,
+    children: a && /* @__PURE__ */ e("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ e(n, { className: "h-2.5 w-2.5" }) })
+  }
+);
+export {
+  p as ResizableHandle,
+  f as ResizablePanel,
+  d as ResizablePanelGroup
+};

package/dist/kit/components/layout/scroll-area/scroll-area.d.ts

@@ -0,0 +1,8 @@
+import { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare function ScrollArea({ className, viewportClassName, children, viewportRef, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root> & {
+    viewportRef?: React.Ref<HTMLDivElement>;
+    viewportClassName?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
+export { ScrollArea, ScrollBar };

package/dist/kit/components/layout/scroll-area/scroll-area.js

@@ -0,0 +1,48 @@
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { cn as t } from "../../../../lib/utils.js";
+import { ScrollArea as e } from "radix-ui";
+function m({
+  className: o,
+  viewportClassName: r,
+  children: a,
+  viewportRef: c,
+  ...s
+}) {
+  return /* @__PURE__ */ n(e.Root, { "data-slot": "scroll-area", className: t("relative overflow-hidden", o), ...s, children: [
+    /* @__PURE__ */ l(
+      e.Viewport,
+      {
+        ref: c,
+        className: t("h-full w-full rounded-[inherit]", r),
+        children: a
+      }
+    ),
+    /* @__PURE__ */ l(d, {}),
+    /* @__PURE__ */ l(e.Corner, {})
+  ] });
+}
+function d({
+  className: o,
+  orientation: r = "vertical",
+  ...a
+}) {
+  return /* @__PURE__ */ l(
+    e.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation: r,
+      className: t(
+        "flex touch-none select-none transition-colors",
+        r === "vertical" && "h-full w-2 border-l border-l-transparent p-[1px]",
+        r === "horizontal" && "h-2 flex-col border-t border-t-transparent p-[1px]",
+        o
+      ),
+      ...a,
+      children: /* @__PURE__ */ l(e.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    }
+  );
+}
+export {
+  m as ScrollArea,
+  d as ScrollBar
+};

package/dist/kit/components/layout/separator/separator.d.ts

@@ -0,0 +1,4 @@
+import { Separator as SeparatorPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Separator };

package/dist/kit/components/layout/separator/separator.js

@@ -0,0 +1,23 @@
+import { jsx as p } from "react/jsx-runtime";
+import { cn as e } from "../../../../lib/utils.js";
+import { Separator as l } from "radix-ui";
+function h({
+  className: o,
+  orientation: r = "horizontal",
+  decorative: a = !0,
+  ...t
+}) {
+  return /* @__PURE__ */ p(
+    l.Root,
+    {
+      "data-slot": "separator",
+      decorative: a,
+      orientation: r,
+      className: e("shrink-0 bg-border", r === "horizontal" ? "h-px w-full" : "h-full w-px", o),
+      ...t
+    }
+  );
+}
+export {
+  h as Separator
+};

package/dist/kit/components/navigation/accordion-menu/accordion-menu.d.ts

@@ -0,0 +1,51 @@
+import { VariantProps } from 'class-variance-authority';
+import { Accordion as AccordionPrimitive } from 'radix-ui';
+import * as React from 'react';
+interface AccordionMenuClassNames {
+    root?: string;
+    group?: string;
+    label?: string;
+    separator?: string;
+    item?: string;
+    sub?: string;
+    subTrigger?: string;
+    subContent?: string;
+    subWrapper?: string;
+    indicator?: string;
+}
+interface AccordionMenuProps {
+    selectedValue?: string;
+    matchPath?: (href: string) => boolean;
+    classNames?: AccordionMenuClassNames;
+    onItemClick?: (value: string, event: React.MouseEvent) => void;
+}
+declare function AccordionMenu({ className, matchPath, classNames, children, selectedValue, onItemClick, ...props }: React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root> & AccordionMenuProps): import("react/jsx-runtime").JSX.Element;
+type AccordionMenuGroupProps = React.ComponentPropsWithoutRef<'div'>;
+declare function AccordionMenuGroup({ children, className, ...props }: AccordionMenuGroupProps): import("react/jsx-runtime").JSX.Element;
+type AccordionMenuLabelProps = React.ComponentPropsWithoutRef<'div'>;
+declare function AccordionMenuLabel({ children, className, ...props }: AccordionMenuLabelProps): import("react/jsx-runtime").JSX.Element;
+type AccordionMenuSeparatorProps = React.ComponentPropsWithoutRef<'div'>;
+declare function AccordionMenuSeparator({ className, ...props }: AccordionMenuSeparatorProps): import("react/jsx-runtime").JSX.Element;
+declare const itemVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function AccordionMenuItem({ className, children, variant, asChild, onClick, ...props }: React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> & VariantProps<typeof itemVariants> & {
+    onClick?: React.MouseEventHandler<HTMLElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function AccordionMenuSub({ className, children, ...props }: React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionMenuSubTrigger({ className, children, }: React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+type AccordionMenuSubContentProps = ((React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> & {
+    type: 'single';
+    collapsible: boolean;
+    defaultValue?: string;
+}) | (React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> & {
+    type: 'multiple';
+    collapsible?: boolean;
+    defaultValue?: string | string[];
+})) & {
+    parentValue: string;
+};
+declare function AccordionMenuSubContent({ className, children, type, collapsible, defaultValue, parentValue, ...props }: AccordionMenuSubContentProps): import("react/jsx-runtime").JSX.Element;
+type AccordionMenuIndicatorProps = React.ComponentPropsWithoutRef<'span'>;
+declare function AccordionMenuIndicator({ className, ...props }: AccordionMenuIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export { AccordionMenu, AccordionMenuGroup, AccordionMenuIndicator, AccordionMenuItem, AccordionMenuLabel, AccordionMenuSeparator, AccordionMenuSub, AccordionMenuSubContent, AccordionMenuSubTrigger, type AccordionMenuClassNames, };

package/dist/kit/components/navigation/accordion-menu/accordion-menu.js

@@ -0,0 +1,290 @@
+import { jsx as a, jsxs as z, Fragment as E } from "react/jsx-runtime";
+import * as s from "react";
+import { cva as R } from "class-variance-authority";
+import { ChevronDown as T } from "lucide-react";
+import { Accordion as d } from "radix-ui";
+import { cn as l } from "../../../../lib/utils.js";
+const f = s.createContext({
+  matchPath: () => !1,
+  selectedValue: "",
+  setSelectedValue: () => {
+  },
+  nestedStates: {},
+  setNestedStates: () => {
+  }
+});
+function K({
+  className: n,
+  matchPath: t = () => !1,
+  classNames: o,
+  children: c,
+  selectedValue: i,
+  onItemClick: u,
+  ...m
+}) {
+  const [h, x] = s.useState(i);
+  s.useEffect(() => {
+    x(i);
+  }, [i]);
+  const g = s.useMemo(() => {
+    const b = (C, M = []) => {
+      let w = [];
+      return s.Children.forEach(C, (_) => {
+        if (s.isValidElement(_)) {
+          const { value: N, children: V } = _.props, k = N ? [...M, N] : M;
+          if (N && (N === i || t(N)))
+            w = k;
+          else if (V) {
+            const I = b(V, k);
+            I.length > 0 && (w = I);
+          }
+        }
+      }), w;
+    }, p = b(c), y = p.length > 1 ? p.slice(0, p.length - 1) : p, A = {};
+    if (y.length > 0)
+      if (m.type === "multiple")
+        A.root = y;
+      else {
+        A.root = y[0];
+        for (let C = 0; C < y.length - 1; C++)
+          A[y[C]] = y[C + 1];
+      }
+    return A;
+  }, [c, t, i, m.type]), [e, r] = s.useState(g), v = Array.isArray(e.root) ? e.root : typeof e.root == "string" ? [e.root] : [], S = e.root ?? "";
+  return /* @__PURE__ */ a(
+    f.Provider,
+    {
+      value: {
+        matchPath: t,
+        selectedValue: h,
+        setSelectedValue: x,
+        classNames: o,
+        onItemClick: u,
+        nestedStates: e,
+        setNestedStates: r
+      },
+      children: m.type === "single" ? /* @__PURE__ */ a(
+        d.Root,
+        {
+          "data-slot": "accordion-menu",
+          value: S,
+          className: l("w-full", o?.root, n),
+          onValueChange: (b) => r((p) => ({ ...p, root: b })),
+          ...m,
+          role: "menu",
+          children: c
+        }
+      ) : /* @__PURE__ */ a(
+        d.Root,
+        {
+          "data-slot": "accordion-menu",
+          value: v,
+          className: l("w-full", o?.root, n),
+          onValueChange: (b) => r((p) => ({ ...p, root: b })),
+          ...m,
+          role: "menu",
+          children: c
+        }
+      )
+    }
+  );
+}
+function L({ children: n, className: t, ...o }) {
+  const { classNames: c } = s.useContext(f);
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "accordion-menu-group",
+      role: "group",
+      className: l("space-y-0.5", c?.group, t),
+      ...o,
+      children: n
+    }
+  );
+}
+function P({ children: n, className: t, ...o }) {
+  const { classNames: c } = s.useContext(f);
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "accordion-menu-label",
+      role: "presentation",
+      className: l("px-2 py-1.5 text-xs font-medium text-muted-foreground", c?.label, t),
+      ...o,
+      children: n
+    }
+  );
+}
+function q({ className: n, ...t }) {
+  const { classNames: o } = s.useContext(f);
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "accordion-menu-separator",
+      role: "separator",
+      className: l("my-1 h-px bg-border", o?.separator, n),
+      ...t
+    }
+  );
+}
+const D = R(
+  "relative cursor-pointer select-none flex w-full text-start items-center text-foreground rounded-lg gap-2 px-2 py-1.5 text-sm outline-hidden transition-colors hover:bg-accent hover:text-accent-foreground data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground disabled:opacity-50 disabled:bg-transparent focus-visible:bg-accent focus-visible:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:opacity-60 [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0 [&_a]:flex [&>a]:w-full [&>a]:items-center [&>a]:gap-2",
+  {
+    variants: {
+      variant: {
+        default: "",
+        destructive: "text-destructive hover:text-destructive focus:text-destructive hover:bg-destructive/5 focus:bg-destructive/5 data-[active=true]:bg-destructive/5"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function B({
+  className: n,
+  children: t,
+  variant: o,
+  asChild: c,
+  onClick: i,
+  ...u
+}) {
+  const { classNames: m, selectedValue: h, matchPath: x, onItemClick: g } = s.useContext(f);
+  return /* @__PURE__ */ a(d.Item, { className: "flex", ...u, children: /* @__PURE__ */ a(d.Header, { className: "flex w-full", children: /* @__PURE__ */ a(
+    d.Trigger,
+    {
+      asChild: c,
+      "data-slot": "accordion-menu-item",
+      className: l(D({ variant: o }), m?.item, n),
+      onClick: (e) => {
+        g && g(u.value, e), i && i(e), e.preventDefault();
+      },
+      onKeyDown: (e) => {
+        if (e.key === "Enter") {
+          e.preventDefault();
+          const v = e.currentTarget.firstElementChild;
+          v && v.click();
+        }
+      },
+      "data-selected": x(u.value) || h === u.value ? "true" : void 0,
+      children: t
+    }
+  ) }) });
+}
+function J({
+  className: n,
+  children: t,
+  ...o
+}) {
+  const { classNames: c } = s.useContext(f);
+  return /* @__PURE__ */ a(d.Item, { "data-slot": "accordion-menu-sub", className: l(c?.sub, n), ...o, children: t });
+}
+function O({
+  className: n,
+  children: t
+}) {
+  const { classNames: o } = s.useContext(f);
+  return /* @__PURE__ */ a(d.Header, { className: "flex", children: /* @__PURE__ */ a(
+    d.Trigger,
+    {
+      "data-slot": "accordion-menu-sub-trigger",
+      className: l(
+        "w-full relative flex items-center cursor-pointer select-none text-start rounded-lg gap-2 px-2 py-1.5 text-sm outline-hidden text-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([role=img]):not([class*=text-])]:opacity-60 [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0",
+        o?.subTrigger,
+        n
+      ),
+      children: /* @__PURE__ */ z(E, { children: [
+        t,
+        /* @__PURE__ */ a(
+          T,
+          {
+            "data-slot": "accordion-menu-sub-indicator",
+            className: l(
+              "ms-auto size-3.5! shrink-0 text-muted-foreground transition-transform duration-200 [[data-state=open]>&]:-rotate-180"
+            )
+          }
+        )
+      ] })
+    }
+  ) });
+}
+function Q({
+  className: n,
+  children: t,
+  type: o,
+  collapsible: c,
+  defaultValue: i,
+  parentValue: u,
+  ...m
+}) {
+  const { nestedStates: h, setNestedStates: x, classNames: g } = s.useContext(f);
+  let e;
+  if (o === "multiple") {
+    const r = h[u];
+    Array.isArray(r) ? e = r : typeof r == "string" ? e = [r] : i ? e = Array.isArray(i) ? i : [i] : e = [];
+  } else
+    e = h[u] ?? i ?? "";
+  return /* @__PURE__ */ a(
+    d.Content,
+    {
+      "data-slot": "accordion-menu-sub-content",
+      className: l(
+        "ps-5",
+        "overflow-hidden transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+        g?.subContent,
+        n
+      ),
+      ...m,
+      children: o === "multiple" ? /* @__PURE__ */ a(
+        d.Root,
+        {
+          className: l("w-full py-0.5", g?.subWrapper),
+          type: "multiple",
+          value: e,
+          role: "menu",
+          "data-slot": "accordion-menu-sub-wrapper",
+          onValueChange: (r) => {
+            const v = Array.isArray(r) ? r : [r];
+            x((S) => ({ ...S, [u]: v }));
+          },
+          children: t
+        }
+      ) : /* @__PURE__ */ a(
+        d.Root,
+        {
+          className: l("w-full py-0.5", g?.subWrapper),
+          type: "single",
+          collapsible: c,
+          value: e,
+          role: "menu",
+          "data-slot": "accordion-menu-sub-wrapper",
+          onValueChange: (r) => x((v) => ({ ...v, [u]: r })),
+          children: t
+        }
+      )
+    }
+  );
+}
+function U({ className: n, ...t }) {
+  const { classNames: o } = s.useContext(f);
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-slot": "accordion-menu-indicator",
+      className: l("ms-auto flex items-center font-medium", o?.indicator, n),
+      ...t
+    }
+  );
+}
+export {
+  K as AccordionMenu,
+  L as AccordionMenuGroup,
+  U as AccordionMenuIndicator,
+  B as AccordionMenuItem,
+  P as AccordionMenuLabel,
+  q as AccordionMenuSeparator,
+  J as AccordionMenuSub,
+  Q as AccordionMenuSubContent,
+  O as AccordionMenuSubTrigger
+};

package/dist/kit/components/navigation/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+declare function Breadcrumb({ ...props }: React.ComponentProps<'nav'> & {
+    separator?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<'a'> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+declare const BreadcrumbSeparator: ({ children, className, ...props }: React.ComponentProps<"li">) => import("react/jsx-runtime").JSX.Element;
+declare const BreadcrumbEllipsis: ({ className, ...props }: React.ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element;
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, };

package/dist/kit/components/navigation/breadcrumb/breadcrumb.js

@@ -0,0 +1,76 @@
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { cn as t } from "../../../../lib/utils.js";
+import { MoreHorizontal as l, ChevronRight as i } from "lucide-react";
+import { Slot as c } from "radix-ui";
+function p({
+  ...r
+}) {
+  return /* @__PURE__ */ a("nav", { "data-slot": "breadcrumb", "aria-label": "breadcrumb", ...r });
+}
+function f({ className: r, ...e }) {
+  return /* @__PURE__ */ a(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: t("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground", r),
+      ...e
+    }
+  );
+}
+function g({ className: r, ...e }) {
+  return /* @__PURE__ */ a("li", { "data-slot": "breadcrumb-item", className: t("inline-flex items-center gap-1.5", r), ...e });
+}
+function h({
+  asChild: r,
+  className: e,
+  ...o
+}) {
+  const s = r ? c.Slot : "a";
+  return /* @__PURE__ */ a(s, { "data-slot": "breadcrumb-link", className: t("transition-colors hover:text-foreground", e), ...o });
+}
+function x({ className: r, ...e }) {
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: t("font-normal text-foreground", r),
+      ...e
+    }
+  );
+}
+const N = ({ children: r, className: e, ...o }) => /* @__PURE__ */ a(
+  "li",
+  {
+    "data-slot": "breadcrumb-separator",
+    role: "presentation",
+    "aria-hidden": "true",
+    className: t("[&>svg]:w-3.5 [&>svg]:h-3.5", e),
+    ...o,
+    children: r ?? /* @__PURE__ */ a(i, { className: "rtl:rotate-180" })
+  }
+), B = ({ className: r, ...e }) => /* @__PURE__ */ n(
+  "span",
+  {
+    "data-slot": "breadcrumb-ellipsis",
+    role: "presentation",
+    "aria-hidden": "true",
+    className: t("flex h-9 w-9 items-center justify-center", r),
+    ...e,
+    children: [
+      /* @__PURE__ */ a(l, { className: "h-4 w-4" }),
+      /* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
+    ]
+  }
+);
+export {
+  p as Breadcrumb,
+  B as BreadcrumbEllipsis,
+  g as BreadcrumbItem,
+  h as BreadcrumbLink,
+  f as BreadcrumbList,
+  x as BreadcrumbPage,
+  N as BreadcrumbSeparator
+};

package/dist/kit/components/navigation/menubar/menubar.d.ts

@@ -0,0 +1,25 @@
+import { Menubar as MenubarPrimitive } from 'radix-ui';
+import * as React from 'react';
+declare function MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarPortal({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarTrigger({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSubContent({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarItem({ className, inset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Item> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarRadioItem({ className, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarLabel({ className, inset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Label> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSeparator({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare const MenubarShortcut: ({ className, ...props }: React.ComponentProps<"span">) => import("react/jsx-runtime").JSX.Element;
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, };