@zimyo/ui 1.0.0

package/dist/components/ui/dropdown-menu.js

@@ -0,0 +1,160 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { CheckIcon, CircleIcon, ChevronRightIcon } from 'lucide-react';
+import { DropdownMenu as DropdownMenu$1 } from 'radix-ui';
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+
+function DropdownMenu(_a) {
+  var props = __rest(_a, []);
+  return /*#__PURE__*/React.createElement(DropdownMenu$1.Root, _extends({
+    "data-slot": "dropdown-menu"
+  }, props));
+}
+function DropdownMenuPortal(_a) {
+  var props = __rest(_a, []);
+  return /*#__PURE__*/React.createElement(DropdownMenu$1.Portal, _extends({
+    "data-slot": "dropdown-menu-portal"
+  }, props));
+}
+function DropdownMenuTrigger(_a) {
+  var props = __rest(_a, []);
+  return /*#__PURE__*/React.createElement(DropdownMenu$1.Trigger, _extends({
+    "data-slot": "dropdown-menu-trigger"
+  }, props));
+}
+function DropdownMenuContent(_a) {
+  var {
+      className,
+      sideOffset = 4
+    } = _a,
+    props = __rest(_a, ["className", "sideOffset"]);
+  return /*#__PURE__*/React.createElement(DropdownMenu$1.Portal, null, /*#__PURE__*/React.createElement(DropdownMenu$1.Content, _extends({
+    "data-slot": "dropdown-menu-content",
+    sideOffset: sideOffset,
+    className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", className)
+  }, props)));
+}
+function DropdownMenuGroup(_a) {
+  var props = __rest(_a, []);
+  return /*#__PURE__*/React.createElement(DropdownMenu$1.Group, _extends({
+    "data-slot": "dropdown-menu-group"
+  }, props));
+}
+function DropdownMenuItem(_a) {
+  var {
+      className,
+      inset,
+      variant = "default"
+    } = _a,
+    props = __rest(_a, ["className", "inset", "variant"]);
+  return /*#__PURE__*/React.createElement(DropdownMenu$1.Item, _extends({
+    "data-slot": "dropdown-menu-item",
+    "data-inset": inset,
+    "data-variant": variant,
+    className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className)
+  }, props));
+}
+function DropdownMenuCheckboxItem(_a) {
+  var {
+      className,
+      children,
+      checked
+    } = _a,
+    props = __rest(_a, ["className", "children", "checked"]);
+  return /*#__PURE__*/React.createElement(DropdownMenu$1.CheckboxItem, _extends({
+    "data-slot": "dropdown-menu-checkbox-item",
+    className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    checked: checked
+  }, props), /*#__PURE__*/React.createElement("span", {
+    className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"
+  }, /*#__PURE__*/React.createElement(DropdownMenu$1.ItemIndicator, null, /*#__PURE__*/React.createElement(CheckIcon, {
+    className: "size-4"
+  }))), children);
+}
+function DropdownMenuRadioGroup(_a) {
+  var props = __rest(_a, []);
+  return /*#__PURE__*/React.createElement(DropdownMenu$1.RadioGroup, _extends({
+    "data-slot": "dropdown-menu-radio-group"
+  }, props));
+}
+function DropdownMenuRadioItem(_a) {
+  var {
+      className,
+      children
+    } = _a,
+    props = __rest(_a, ["className", "children"]);
+  return /*#__PURE__*/React.createElement(DropdownMenu$1.RadioItem, _extends({
+    "data-slot": "dropdown-menu-radio-item",
+    className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className)
+  }, props), /*#__PURE__*/React.createElement("span", {
+    className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"
+  }, /*#__PURE__*/React.createElement(DropdownMenu$1.ItemIndicator, null, /*#__PURE__*/React.createElement(CircleIcon, {
+    className: "size-2 fill-current"
+  }))), children);
+}
+function DropdownMenuLabel(_a) {
+  var {
+      className,
+      inset
+    } = _a,
+    props = __rest(_a, ["className", "inset"]);
+  return /*#__PURE__*/React.createElement(DropdownMenu$1.Label, _extends({
+    "data-slot": "dropdown-menu-label",
+    "data-inset": inset,
+    className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className)
+  }, props));
+}
+function DropdownMenuSeparator(_a) {
+  var {
+      className
+    } = _a,
+    props = __rest(_a, ["className"]);
+  return /*#__PURE__*/React.createElement(DropdownMenu$1.Separator, _extends({
+    "data-slot": "dropdown-menu-separator",
+    className: cn("bg-border -mx-1 my-1 h-px", className)
+  }, props));
+}
+function DropdownMenuShortcut(_a) {
+  var {
+      className
+    } = _a,
+    props = __rest(_a, ["className"]);
+  return /*#__PURE__*/React.createElement("span", _extends({
+    "data-slot": "dropdown-menu-shortcut",
+    className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className)
+  }, props));
+}
+function DropdownMenuSub(_a) {
+  var props = __rest(_a, []);
+  return /*#__PURE__*/React.createElement(DropdownMenu$1.Sub, _extends({
+    "data-slot": "dropdown-menu-sub"
+  }, props));
+}
+function DropdownMenuSubTrigger(_a) {
+  var {
+      className,
+      inset,
+      children
+    } = _a,
+    props = __rest(_a, ["className", "inset", "children"]);
+  return /*#__PURE__*/React.createElement(DropdownMenu$1.SubTrigger, _extends({
+    "data-slot": "dropdown-menu-sub-trigger",
+    "data-inset": inset,
+    className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8", className)
+  }, props), children, /*#__PURE__*/React.createElement(ChevronRightIcon, {
+    className: "ml-auto size-4"
+  }));
+}
+function DropdownMenuSubContent(_a) {
+  var {
+      className
+    } = _a,
+    props = __rest(_a, ["className"]);
+  return /*#__PURE__*/React.createElement(DropdownMenu$1.SubContent, _extends({
+    "data-slot": "dropdown-menu-sub-content",
+    className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", className)
+  }, props));
+}
+
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/components/ui/form.d.ts

@@ -0,0 +1,26 @@
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import { Slot, Label } from 'radix-ui';
+import * as React from 'react';
+
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => React.JSX.Element;
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: react_hook_form.FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+declare function FormItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FormLabel({ className, ...props }: React.ComponentProps<typeof Label.Root>): React.JSX.Element;
+declare function FormControl({ ...props }: React.ComponentProps<typeof Slot.Slot>): React.JSX.Element;
+declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function FormMessage({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element | null;
+
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };

package/dist/components/ui/form.js

@@ -0,0 +1,125 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { Slot } from 'radix-ui';
+import * as React from 'react';
+import { FormProvider, Controller, useFormContext, useFormState } from '../../node_modules/react-hook-form/dist/index.esm.js';
+import { Label } from './label.js';
+import { cn } from '../../lib/utils.js';
+
+const Form = FormProvider;
+const FormFieldContext = /*#__PURE__*/React.createContext({});
+const FormField = _a => {
+  var props = __rest(_a, []);
+  return /*#__PURE__*/React.createElement(FormFieldContext.Provider, {
+    value: {
+      name: props.name
+    }
+  }, /*#__PURE__*/React.createElement(Controller, props));
+};
+const useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext);
+  const itemContext = React.useContext(FormItemContext);
+  const {
+    getFieldState
+  } = useFormContext();
+  const formState = useFormState({
+    name: fieldContext.name
+  });
+  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+  const {
+    id
+  } = itemContext;
+  return Object.assign({
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`
+  }, fieldState);
+};
+const FormItemContext = /*#__PURE__*/React.createContext({});
+function FormItem(_a) {
+  var {
+      className
+    } = _a,
+    props = __rest(_a, ["className"]);
+  const id = React.useId();
+  return /*#__PURE__*/React.createElement(FormItemContext.Provider, {
+    value: {
+      id
+    }
+  }, /*#__PURE__*/React.createElement("div", _extends({
+    "data-slot": "form-item",
+    className: cn("grid gap-2", className)
+  }, props)));
+}
+function FormLabel(_a) {
+  var {
+      className
+    } = _a,
+    props = __rest(_a, ["className"]);
+  const {
+    error,
+    formItemId
+  } = useFormField();
+  return /*#__PURE__*/React.createElement(Label, _extends({
+    "data-slot": "form-label",
+    "data-error": !!error,
+    className: cn("data-[error=true]:text-destructive", className),
+    htmlFor: formItemId
+  }, props));
+}
+function FormControl(_a) {
+  var props = __rest(_a, []);
+  const {
+    error,
+    formItemId,
+    formDescriptionId,
+    formMessageId
+  } = useFormField();
+  return /*#__PURE__*/React.createElement(Slot.Slot, _extends({
+    "data-slot": "form-control",
+    id: formItemId,
+    "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+    "aria-invalid": !!error
+  }, props));
+}
+function FormDescription(_a) {
+  var {
+      className
+    } = _a,
+    props = __rest(_a, ["className"]);
+  const {
+    formDescriptionId
+  } = useFormField();
+  return /*#__PURE__*/React.createElement("p", _extends({
+    "data-slot": "form-description",
+    id: formDescriptionId,
+    className: cn("text-muted-foreground text-sm", className)
+  }, props));
+}
+function FormMessage(_a) {
+  var _b;
+  var {
+      className
+    } = _a,
+    props = __rest(_a, ["className"]);
+  const {
+    error,
+    formMessageId
+  } = useFormField();
+  const body = error ? String((_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : "") : props.children;
+  if (!body) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("p", _extends({
+    "data-slot": "form-message",
+    id: formMessageId,
+    className: cn("text-destructive text-sm", className)
+  }, props), body);
+}
+
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };

package/dist/components/ui/hover-card.d.ts

@@ -0,0 +1,8 @@
+import { HoverCard as HoverCard$1 } from 'radix-ui';
+import * as React from 'react';
+
+declare function HoverCard({ ...props }: React.ComponentProps<typeof HoverCard$1.Root>): React.JSX.Element;
+declare function HoverCardTrigger({ ...props }: React.ComponentProps<typeof HoverCard$1.Trigger>): React.JSX.Element;
+declare function HoverCardContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof HoverCard$1.Content>): React.JSX.Element;
+
+export { HoverCard, HoverCardContent, HoverCardTrigger };

package/dist/components/ui/hover-card.js

@@ -0,0 +1,36 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { HoverCard as HoverCard$1 } from 'radix-ui';
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+
+function HoverCard(_a) {
+  var props = __rest(_a, []);
+  return /*#__PURE__*/React.createElement(HoverCard$1.Root, _extends({
+    "data-slot": "hover-card"
+  }, props));
+}
+function HoverCardTrigger(_a) {
+  var props = __rest(_a, []);
+  return /*#__PURE__*/React.createElement(HoverCard$1.Trigger, _extends({
+    "data-slot": "hover-card-trigger"
+  }, props));
+}
+function HoverCardContent(_a) {
+  var {
+      className,
+      align = "center",
+      sideOffset = 4
+    } = _a,
+    props = __rest(_a, ["className", "align", "sideOffset"]);
+  return /*#__PURE__*/React.createElement(HoverCard$1.Portal, {
+    "data-slot": "hover-card-portal"
+  }, /*#__PURE__*/React.createElement(HoverCard$1.Content, _extends({
+    "data-slot": "hover-card-content",
+    align: align,
+    sideOffset: sideOffset,
+    className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className)
+  }, props)));
+}
+
+export { HoverCard, HoverCardContent, HoverCardTrigger };

package/dist/components/ui/input-otp.d.ts

@@ -0,0 +1,13 @@
+import { OTPInput } from 'input-otp';
+import * as React from 'react';
+
+declare function InputOTP({ className, containerClassName, ...props }: React.ComponentProps<typeof OTPInput> & {
+    containerClassName?: string;
+}): React.JSX.Element;
+declare function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function InputOTPSlot({ index, className, ...props }: React.ComponentProps<"div"> & {
+    index: number;
+}): React.JSX.Element;
+declare function InputOTPSeparator({ ...props }: React.ComponentProps<"div">): React.JSX.Element;
+
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };

package/dist/components/ui/input-otp.js

@@ -0,0 +1,61 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { OTPInput as Lt, OTPInputContext as jt } from '../../node_modules/input-otp/dist/index.js';
+import { MinusIcon } from 'lucide-react';
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+
+function InputOTP(_a) {
+  var {
+      className,
+      containerClassName
+    } = _a,
+    props = __rest(_a, ["className", "containerClassName"]);
+  return /*#__PURE__*/React.createElement(Lt, _extends({
+    "data-slot": "input-otp",
+    containerClassName: cn("flex items-center gap-2 has-disabled:opacity-50", containerClassName),
+    className: cn("disabled:cursor-not-allowed", className)
+  }, props));
+}
+function InputOTPGroup(_a) {
+  var {
+      className
+    } = _a,
+    props = __rest(_a, ["className"]);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    "data-slot": "input-otp-group",
+    className: cn("flex items-center", className)
+  }, props));
+}
+function InputOTPSlot(_a) {
+  var _b;
+  var {
+      index,
+      className
+    } = _a,
+    props = __rest(_a, ["index", "className"]);
+  const inputOTPContext = React.useContext(jt);
+  const {
+    char,
+    hasFakeCaret,
+    isActive
+  } = (_b = inputOTPContext === null || inputOTPContext === void 0 ? void 0 : inputOTPContext.slots[index]) !== null && _b !== void 0 ? _b : {};
+  return /*#__PURE__*/React.createElement("div", _extends({
+    "data-slot": "input-otp-slot",
+    "data-active": isActive,
+    className: cn("data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]", className)
+  }, props), char, hasFakeCaret && /*#__PURE__*/React.createElement("div", {
+    className: "pointer-events-none absolute inset-0 flex items-center justify-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "animate-caret-blink bg-foreground h-4 w-px duration-1000"
+  })));
+}
+function InputOTPSeparator(_a) {
+  var props = __rest(_a, []);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    "data-slot": "input-otp-separator",
+    role: "separator"
+  }, props), /*#__PURE__*/React.createElement(MinusIcon, null));
+}
+
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };

package/dist/components/ui/input.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
+
+export { Input };

package/dist/components/ui/input.js

@@ -0,0 +1,19 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+
+function Input(_a) {
+  var {
+      className,
+      type
+    } = _a,
+    props = __rest(_a, ["className", "type"]);
+  return /*#__PURE__*/React.createElement("input", _extends({
+    type: type,
+    "data-slot": "input",
+    className: cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className)
+  }, props));
+}
+
+export { Input };

package/dist/components/ui/label.d.ts

@@ -0,0 +1,6 @@
+import { Label as Label$1 } from 'radix-ui';
+import * as React from 'react';
+
+declare function Label({ className, ...props }: React.ComponentProps<typeof Label$1.Root>): React.JSX.Element;
+
+export { Label };

package/dist/components/ui/label.js

@@ -0,0 +1,18 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { Label as Label$1 } from 'radix-ui';
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+
+function Label(_a) {
+  var {
+      className
+    } = _a,
+    props = __rest(_a, ["className"]);
+  return /*#__PURE__*/React.createElement(Label$1.Root, _extends({
+    "data-slot": "label",
+    className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className)
+  }, props));
+}
+
+export { Label };

package/dist/components/ui/menubar.d.ts

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