@codefast/ui 0.0.66 → 0.0.67

package/src/react/input-otp.tsx

@@ -1,120 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { DotFilledIcon } from '@radix-ui/react-icons';
-import {
-  OTPInput,
-  OTPInputContext,
-  REGEXP_ONLY_CHARS,
-  REGEXP_ONLY_DIGITS,
-  REGEXP_ONLY_DIGITS_AND_CHARS,
-} from 'input-otp';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: InputOtp
- * -------------------------------------------------------------------------- */
-
-type InputOTPElement = React.ElementRef<typeof OTPInput>;
-type InputOTPProps = React.ComponentPropsWithoutRef<typeof OTPInput>;
-
-const InputOTP = React.forwardRef<InputOTPElement, InputOTPProps>(
-  ({ className, containerClassName, ...props }, forwardedRef) => (
-    <OTPInput
-      ref={forwardedRef}
-      className={cn('disabled:cursor-default', className)}
-      containerClassName={cn('flex items-center gap-2 has-[:disabled]:opacity-50', containerClassName)}
-      {...props}
-    />
-  ),
-);
-
-InputOTP.displayName = 'InputOTP';
-
-/* -----------------------------------------------------------------------------
- * Component: InputOTPGroup
- * -------------------------------------------------------------------------- */
-
-type InputOTPGroupElement = HTMLDivElement;
-type InputOTPGroupProps = React.HTMLAttributes<HTMLDivElement>;
-
-const InputOTPGroup = React.forwardRef<InputOTPGroupElement, InputOTPGroupProps>(
-  ({ className, ...props }, forwardedRef) => (
-    <div ref={forwardedRef} className={cn('flex items-center', className)} {...props} />
-  ),
-);
-
-InputOTPGroup.displayName = 'InputOTPGroup';
-
-/* -----------------------------------------------------------------------------
- * Component: InputOTPSlot
- * -------------------------------------------------------------------------- */
-
-type InputOTPSlotElement = HTMLDivElement;
-
-interface InputOTPSlotProps extends React.HTMLAttributes<HTMLDivElement> {
-  index: number;
-}
-
-const InputOTPSlot = React.forwardRef<InputOTPSlotElement, InputOTPSlotProps>(
-  ({ index, className, ...props }, forwardedRef) => {
-    const inputOTPContext = React.useContext(OTPInputContext);
-    const slot = inputOTPContext.slots[index];
-
-    return (
-      <div
-        ref={forwardedRef}
-        className={cn(
-          'border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md',
-          slot?.isActive && 'z-10 outline outline-2',
-          className,
-        )}
-        {...props}
-      >
-        {slot?.char}
-        {slot?.hasFakeCaret ? (
-          <div className="pointer-events-none absolute inset-0 flex items-center justify-center">
-            <div className="animate-caret-blink bg-foreground animate-duration-1000 h-4 w-px" />
-          </div>
-        ) : null}
-      </div>
-    );
-  },
-);
-
-InputOTPSlot.displayName = 'InputOTPSlot';
-
-/* -----------------------------------------------------------------------------
- * Component: InputOTPSeparator
- * -------------------------------------------------------------------------- */
-
-type InputOTPSeparatorElement = HTMLDivElement;
-type InputOTPSeparatorProps = React.HTMLAttributes<HTMLDivElement>;
-
-const InputOTPSeparator = React.forwardRef<InputOTPSeparatorElement, InputOTPSeparatorProps>(
-  ({ ...props }, forwardedRef) => (
-    <div ref={forwardedRef} role="separator" {...props}>
-      <DotFilledIcon />
-    </div>
-  ),
-);
-
-InputOTPSeparator.displayName = 'InputOTPSeparator';
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export {
-  InputOTP,
-  InputOTPGroup,
-  InputOTPSlot,
-  InputOTPSeparator,
-  type InputOTPProps,
-  type InputOTPGroupProps,
-  type InputOTPSlotProps,
-  type InputOTPSeparatorProps,
-  REGEXP_ONLY_DIGITS_AND_CHARS,
-  REGEXP_ONLY_CHARS,
-  REGEXP_ONLY_DIGITS,
-};

package/src/react/input.tsx

@@ -1,145 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { tv, type VariantProps } from 'tailwind-variants';
-import { createContextScope, type Scope } from '@radix-ui/react-context';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import { Spinner } from './spinner';
-
-/* -----------------------------------------------------------------------------
- * Variant: Input
- * -------------------------------------------------------------------------- */
-
-const inputVariants = tv({
-  slots: {
-    root: 'border-input inline-flex w-full cursor-text items-center gap-3 rounded-md border bg-transparent px-3 shadow-sm transition focus-within:outline focus-within:outline-2 focus-within:outline-offset-2 has-[input[disabled]]:cursor-default has-[input[disabled]]:opacity-50 [&_svg]:size-4',
-    slot: 'placeholder:text-muted-foreground size-full flex-1 bg-transparent text-sm outline-none file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:cursor-default',
-  },
-  variants: {
-    inputSize: {
-      default: {
-        root: 'h-10',
-      },
-      xs: {
-        root: 'h-8',
-      },
-      sm: {
-        root: 'h-9',
-      },
-      lg: {
-        root: 'h-11',
-      },
-    },
-  },
-  defaultVariants: {
-    inputSize: 'default',
-  },
-});
-
-type InputVariantsProps = VariantProps<typeof inputVariants>;
-
-const { root, slot } = inputVariants();
-
-/* -----------------------------------------------------------------------------
- * Context: Input
- * -------------------------------------------------------------------------- */
-
-const INPUT_NAME = 'Input';
-
-type ScopedProps<P> = P & { __scopeInput?: Scope };
-const [createInputContext, createInputScope] = createContextScope(INPUT_NAME);
-
-interface InputContextValue {
-  inputRef: React.RefObject<HTMLInputElement>;
-  disabled?: boolean;
-}
-
-const [InputProvider, useInputContext] = createInputContext<InputContextValue>(INPUT_NAME);
-
-/* -----------------------------------------------------------------------------
- * Component: Input
- * -------------------------------------------------------------------------- */
-
-interface InputProps extends React.PropsWithChildren, InputVariantsProps {
-  className?: string | undefined;
-  loaderPosition?: 'prefix' | 'suffix';
-  loading?: boolean;
-  prefix?: React.ReactNode;
-  suffix?: React.ReactNode;
-}
-
-function Input({
-  __scopeInput,
-  className,
-  prefix,
-  suffix,
-  loading,
-  loaderPosition,
-  inputSize,
-  children,
-  ...props
-}: ScopedProps<InputProps>): React.JSX.Element {
-  const inputRef = React.useRef<HTMLInputElement>(null);
-
-  const handlePointerDown: React.PointerEventHandler<HTMLDivElement> = (event) => {
-    const target = event.target as HTMLElement;
-
-    if (target.closest('input, a, button')) {
-      return;
-    }
-
-    const inputElement = inputRef.current;
-
-    if (!inputElement) {
-      return;
-    }
-
-    requestAnimationFrame(() => {
-      inputElement.focus();
-    });
-  };
-
-  return (
-    <InputProvider inputRef={inputRef} scope={__scopeInput}>
-      <div className={root({ inputSize, className })} {...props} role="presentation" onPointerDown={handlePointerDown}>
-        {loading && loaderPosition === 'prefix' ? <Spinner /> : prefix}
-        {children}
-        {loading && loaderPosition === 'suffix' ? <Spinner /> : suffix}
-      </div>
-    </InputProvider>
-  );
-}
-
-/* -----------------------------------------------------------------------------
- * Component: InputSlot
- * -------------------------------------------------------------------------- */
-
-const INPUT_SLOT_NAME = 'InputSlot';
-
-type InputSlotElement = HTMLInputElement;
-type InputSlotProps = React.InputHTMLAttributes<HTMLInputElement>;
-
-const InputSlot = React.forwardRef<InputSlotElement, InputSlotProps>(
-  ({ __scopeInput, className, ...props }: ScopedProps<InputSlotProps>, forwardedRef) => {
-    const context = useInputContext(INPUT_SLOT_NAME, __scopeInput);
-    const composedInputRef = useComposedRefs(forwardedRef, context.inputRef);
-
-    return <input ref={composedInputRef} className={slot({ className })} type="text" {...props} />;
-  },
-);
-
-InputSlot.displayName = 'Input';
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export {
-  createInputScope,
-  Input,
-  InputSlot,
-  inputVariants,
-  type InputProps,
-  type InputSlotProps,
-  type InputVariantsProps,
-};

package/src/react/kbd.tsx

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import { Slot } from '@radix-ui/react-slot';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Kbd
- * -------------------------------------------------------------------------- */
-
-type KbdElement = HTMLElement;
-
-interface KbdProps extends React.HTMLAttributes<HTMLElement> {
-  asChild?: boolean;
-}
-
-const Kbd = React.forwardRef<KbdElement, KbdProps>(({ asChild, className, ...props }, forwardedRef) => {
-  const Component = asChild ? Slot : 'kbd';
-
-  return (
-    <Component
-      ref={forwardedRef}
-      className={cn(
-        'bg-muted text-muted-foreground inline-flex h-5 select-none items-center gap-1 rounded border px-1.5 font-mono text-xs font-medium',
-        className,
-      )}
-      {...props}
-    />
-  );
-});
-
-Kbd.displayName = 'Kbd';
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Kbd, type KbdProps };

package/src/react/label.tsx

@@ -1,31 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import * as LabelPrimitive from '@radix-ui/react-label';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: Label
- * -------------------------------------------------------------------------- */
-
-type LabelElement = React.ElementRef<typeof LabelPrimitive.Root>;
-type LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>;
-
-const Label = React.forwardRef<LabelElement, LabelProps>(({ className, ...props }, forwardedRef) => (
-  <LabelPrimitive.Root
-    ref={forwardedRef}
-    className={cn(
-      'text-sm font-medium leading-none peer-disabled:pointer-events-none peer-disabled:opacity-70',
-      className,
-    )}
-    {...props}
-  />
-));
-
-Label.displayName = LabelPrimitive.Root.displayName;
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export { Label, type LabelProps };

package/src/react/menubar.tsx

@@ -1,322 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { CheckIcon, ChevronRightIcon, DotFilledIcon } from '@radix-ui/react-icons';
-import * as MenubarPrimitive from '@radix-ui/react-menubar';
-import { cn } from '../lib/utils';
-
-/* -----------------------------------------------------------------------------
- * Component: MenubarMenu
- * -------------------------------------------------------------------------- */
-
-type MenubarMenuProps = React.ComponentProps<typeof MenubarPrimitive.Menu>;
-const MenubarMenu = MenubarPrimitive.Menu;
-
-/* -----------------------------------------------------------------------------
- * Component: MenubarGroup
- * -------------------------------------------------------------------------- */
-
-type MenubarGroupProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Group>;
-const MenubarGroup = MenubarPrimitive.Group;
-
-/* -----------------------------------------------------------------------------
- * Component: MenubarSub
- * -------------------------------------------------------------------------- */
-
-type MenubarSubProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Sub>;
-const MenubarSub = MenubarPrimitive.Sub;
-
-/* -----------------------------------------------------------------------------
- * Component: MenubarRadioGroup
- * -------------------------------------------------------------------------- */
-
-type MenubarRadioGroupProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioGroup>;
-const MenubarRadioGroup = MenubarPrimitive.RadioGroup;
-
-/* -----------------------------------------------------------------------------
- * Component: Menubar
- * -------------------------------------------------------------------------- */
-
-type MenubarElement = React.ElementRef<typeof MenubarPrimitive.Root>;
-type MenubarProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>;
-
-const Menubar = React.forwardRef<MenubarElement, MenubarProps>(({ className, ...props }, forwardedRef) => (
-  <MenubarPrimitive.Root
-    ref={forwardedRef}
-    className={cn('bg-background flex h-10 items-center space-x-1 rounded-md border p-1 shadow-sm', className)}
-    {...props}
-  />
-));
-
-Menubar.displayName = MenubarPrimitive.Root.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: MenubarTrigger
- * -------------------------------------------------------------------------- */
-
-type MenubarTriggerElement = React.ElementRef<typeof MenubarPrimitive.Trigger>;
-type MenubarTriggerProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>;
-
-const MenubarTrigger = React.forwardRef<MenubarTriggerElement, MenubarTriggerProps>(
-  ({ className, ...props }, forwardedRef) => (
-    <MenubarPrimitive.Trigger
-      ref={forwardedRef}
-      className={cn(
-        'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-pointer select-none items-center rounded-sm px-3 py-1 text-sm font-medium focus:outline-none',
-        className,
-      )}
-      {...props}
-    />
-  ),
-);
-
-MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: MenubarSubTrigger
- * -------------------------------------------------------------------------- */
-
-type MenubarSubTriggerElement = React.ElementRef<typeof MenubarPrimitive.SubTrigger>;
-
-interface MenubarSubTriggerProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> {
-  inset?: boolean;
-}
-
-const MenubarSubTrigger = React.forwardRef<MenubarSubTriggerElement, MenubarSubTriggerProps>(
-  ({ children, className, inset, ...props }, forwardedRef) => (
-    <MenubarPrimitive.SubTrigger
-      ref={forwardedRef}
-      className={cn(
-        'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none',
-        inset && 'pl-8',
-        className,
-      )}
-      {...props}
-    >
-      {children}
-      <ChevronRightIcon className="ml-auto size-4" />
-    </MenubarPrimitive.SubTrigger>
-  ),
-);
-
-MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: MenubarSubContent
- * -------------------------------------------------------------------------- */
-
-type MenubarSubContentElement = React.ElementRef<typeof MenubarPrimitive.SubContent>;
-type MenubarSubContentProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>;
-
-const MenubarSubContent = React.forwardRef<MenubarSubContentElement, MenubarSubContentProps>(
-  ({ className, ...props }, forwardedRef) => (
-    <MenubarPrimitive.Portal>
-      <MenubarPrimitive.SubContent
-        ref={forwardedRef}
-        className={cn(
-          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-1 shadow-md',
-          className,
-        )}
-        {...props}
-      />
-    </MenubarPrimitive.Portal>
-  ),
-);
-
-MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: MenubarContent
- * -------------------------------------------------------------------------- */
-
-type MenubarContentElement = React.ElementRef<typeof MenubarPrimitive.Content>;
-type MenubarContentProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>;
-
-const MenubarContent = React.forwardRef<MenubarContentElement, MenubarContentProps>(
-  ({ className, align = 'start', alignOffset = -4, sideOffset = 8, ...props }, forwardedRef) => (
-    <MenubarPrimitive.Portal>
-      <MenubarPrimitive.Content
-        ref={forwardedRef}
-        align={align}
-        alignOffset={alignOffset}
-        className={cn(
-          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 z-50 min-w-32 rounded-md border p-1 shadow-md',
-          className,
-        )}
-        sideOffset={sideOffset}
-        {...props}
-      />
-    </MenubarPrimitive.Portal>
-  ),
-);
-
-MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: MenubarItem
- * -------------------------------------------------------------------------- */
-
-type MenubarItemElement = React.ElementRef<typeof MenubarPrimitive.Item>;
-
-interface MenubarItemProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> {
-  inset?: boolean;
-}
-
-const MenubarItem = React.forwardRef<MenubarItemElement, MenubarItemProps>(
-  ({ className, inset, ...props }, forwardedRef) => (
-    <MenubarPrimitive.Item
-      ref={forwardedRef}
-      className={cn(
-        'focus:bg-accent focus:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50',
-        inset && 'pl-8',
-        className,
-      )}
-      {...props}
-    />
-  ),
-);
-
-MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: MenubarCheckboxItem
- * -------------------------------------------------------------------------- */
-
-type MenubarCheckboxItemElement = React.ElementRef<typeof MenubarPrimitive.CheckboxItem>;
-type MenubarCheckboxItemProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>;
-
-const MenubarCheckboxItem = React.forwardRef<MenubarCheckboxItemElement, MenubarCheckboxItemProps>(
-  ({ children, className, checked, ...props }, forwardedRef) => (
-    <MenubarPrimitive.CheckboxItem
-      ref={forwardedRef}
-      checked={checked}
-      className={cn(
-        'focus:bg-accent focus:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50',
-        className,
-      )}
-      {...props}
-    >
-      <span className="absolute left-2 flex size-3.5 items-center justify-center">
-        <MenubarPrimitive.ItemIndicator>
-          <CheckIcon className="size-4" />
-        </MenubarPrimitive.ItemIndicator>
-      </span>
-      {children}
-    </MenubarPrimitive.CheckboxItem>
-  ),
-);
-
-MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: MenubarRadioItem
- * -------------------------------------------------------------------------- */
-
-type MenubarRadioItemElement = React.ElementRef<typeof MenubarPrimitive.RadioItem>;
-type MenubarRadioItemProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>;
-
-const MenubarRadioItem = React.forwardRef<MenubarRadioItemElement, MenubarRadioItemProps>(
-  ({ children, className, ...props }, forwardedRef) => (
-    <MenubarPrimitive.RadioItem
-      ref={forwardedRef}
-      className={cn(
-        'focus:bg-accent focus:text-accent-foreground relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50',
-        className,
-      )}
-      {...props}
-    >
-      <span className="absolute left-2 flex size-3.5 items-center justify-center">
-        <MenubarPrimitive.ItemIndicator>
-          <DotFilledIcon className="size-4 fill-current" />
-        </MenubarPrimitive.ItemIndicator>
-      </span>
-      {children}
-    </MenubarPrimitive.RadioItem>
-  ),
-);
-
-MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: MenubarLabel
- * -------------------------------------------------------------------------- */
-
-type MenubarLabelElement = React.ElementRef<typeof MenubarPrimitive.Label>;
-
-interface MenubarLabelProps extends React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> {
-  inset?: boolean;
-}
-
-const MenubarLabel = React.forwardRef<MenubarLabelElement, MenubarLabelProps>(
-  ({ className, inset, ...props }, forwardedRef) => (
-    <MenubarPrimitive.Label
-      ref={forwardedRef}
-      className={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}
-      {...props}
-    />
-  ),
-);
-
-MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: MenubarSeparator
- * -------------------------------------------------------------------------- */
-
-type MenubarSeparatorElement = React.ElementRef<typeof MenubarPrimitive.Separator>;
-type MenubarSeparatorProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>;
-
-const MenubarSeparator = React.forwardRef<MenubarSeparatorElement, MenubarSeparatorProps>(
-  ({ className, ...props }, forwardedRef) => (
-    <MenubarPrimitive.Separator ref={forwardedRef} className={cn('bg-muted -mx-1 my-1 h-px', className)} {...props} />
-  ),
-);
-
-MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
-
-/* -----------------------------------------------------------------------------
- * Component: MenubarShortcut
- * -------------------------------------------------------------------------- */
-
-type MenubarShortcutProps = React.HTMLAttributes<HTMLSpanElement>;
-
-function MenubarShortcut({ className, ...props }: MenubarShortcutProps): React.JSX.Element {
-  return <span className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)} {...props} />;
-}
-
-/* -----------------------------------------------------------------------------
- * Exports
- * -------------------------------------------------------------------------- */
-
-export {
-  Menubar,
-  MenubarMenu,
-  MenubarTrigger,
-  MenubarContent,
-  MenubarItem,
-  MenubarSeparator,
-  MenubarLabel,
-  MenubarCheckboxItem,
-  MenubarRadioGroup,
-  MenubarRadioItem,
-  MenubarSubContent,
-  MenubarSubTrigger,
-  MenubarGroup,
-  MenubarSub,
-  MenubarShortcut,
-  type MenubarProps,
-  type MenubarMenuProps,
-  type MenubarTriggerProps,
-  type MenubarContentProps,
-  type MenubarItemProps,
-  type MenubarSeparatorProps,
-  type MenubarLabelProps,
-  type MenubarCheckboxItemProps,
-  type MenubarRadioGroupProps,
-  type MenubarRadioItemProps,
-  type MenubarSubContentProps,
-  type MenubarSubTriggerProps,
-  type MenubarGroupProps,
-  type MenubarSubProps,
-  type MenubarShortcutProps,
-};