@fileverse/ui 5.1.9 → 5.1.10-menubar-2

package/dist/index.css

@@ -2019,6 +2019,9 @@ video {
 .min-w-\[129px\] {
   min-width: 129px;
 }
+.min-w-\[12rem\] {
+  min-width: 12rem;
+}
 .min-w-\[145px\] {
   min-width: 145px;
 }
@@ -3837,6 +3840,12 @@ textarea:is(:-webkit-autofill, :autofill) {
 .data-\[highlighted\]\:hover\:\!outline-transparent:hover[data-highlighted] {
   outline-color: transparent !important;
 }
+.data-\[highlighted\]\:focus-visible\:outline:focus-visible[data-highlighted] {
+  outline-style: solid;
+}
+.data-\[highlighted\]\:focus-visible\:outline-2:focus-visible[data-highlighted] {
+  outline-width: 2px;
+}
 .data-\[highlighted\]\:focus-visible\:outline-\[hsl\(var\(--color-border-focused\)\)\]:focus-visible[data-highlighted] {
   outline-color: hsl(var(--color-border-focused));
 }

package/dist/index.es.d.ts

@@ -17,12 +17,14 @@ import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import { InputHTMLAttributes } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import * as LabelPrimitive from '@radix-ui/react-label';
+import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { Portal } from 'vaul';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
+import { Scope } from '@radix-ui/react-context';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { SetStateAction } from 'react';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
@@ -359,15 +361,9 @@ export declare const DrawerTrigger: React_2.ForwardRefExoticComponent<DialogPrim
  * forwards its `ref` and spreads props onto the underlying Radix primitive, so
  * any Radix prop works without extra wiring.
  *
- * Parts: {@link DropdownMenuTrigger}, {@link DropdownMenuContent},
- * {@link DropdownMenuItem}, {@link DropdownMenuCheckboxItem},
- * {@link DropdownMenuRadioGroup}/{@link DropdownMenuRadioItem},
- * {@link DropdownMenuLabel}, {@link DropdownMenuSeparator},
- * {@link DropdownMenuShortcut}, {@link DropdownMenuGroup},
- * {@link DropdownMenuSub}/{@link DropdownMenuSubTrigger}/{@link DropdownMenuSubContent},
- * {@link DropdownMenuPortal}, {@link DropdownMenuArrow}.
+ * @example
  *
- * @example Basic menu
+ * Basic menu
  * ```tsx
  * <DropdownMenu>
  *   <DropdownMenuTrigger asChild>
@@ -384,7 +380,9 @@ export declare const DrawerTrigger: React_2.ForwardRefExoticComponent<DialogPrim
  * </DropdownMenu>
  * ```
  *
- * @example Checkbox items, a radio group, and a nested sub-menu
+ * @example
+ *
+ * Checkbox items, a radio group, and a nested sub-menu
  * ```tsx
  * <DropdownMenuContent>
  *   <DropdownMenuCheckboxItem checked={show} onCheckedChange={setShow}>
@@ -769,6 +767,63 @@ export declare interface LucideIconProps extends Omit<SvgProps, "name">, Variant
     strokeWidth?: number;
 }
 
+/**
+ * `Menubar` — a horizontal, Google-Docs-style menu bar. Built on Radix UI's
+ * Menubar primitive and styled with the Fileverse design system.
+ *
+ * Composition-first: same part structure as `DropdownMenu`, plus a
+ * `MenubarMenu` wrapper per top-level menu.
+ *
+ * @see Radix primitive — https://www.radix-ui.com/primitives/docs/components/menubar
+ */
+export declare const Menubar: React_2.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const MenubarCheckboxItem: React_2.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const MenubarContent: React_2.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const MenubarGroup: React_2.ForwardRefExoticComponent<MenubarPrimitive.MenubarGroupProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const MenubarItem: React_2.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const MenubarLabel: React_2.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>>;
+
+/** One top-level menu (trigger + content). Direct child of {@link Menubar}. */
+export declare const MenubarMenu: {
+    (props: MenubarPrimitive.MenubarMenuProps & {
+        __scopeMenubar?: Scope;
+    }): JSX_2.Element;
+    displayName: string;
+};
+
+export declare const MenubarPortal: React_2.FC<MenubarPrimitive.MenubarPortalProps>;
+
+export declare const MenubarRadioGroup: React_2.ForwardRefExoticComponent<MenubarPrimitive.MenubarRadioGroupProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const MenubarRadioItem: React_2.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const MenubarSeparator: React_2.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const MenubarShortcut: {
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement>): JSX_2.Element;
+    displayName: string;
+};
+
+export declare const MenubarSub: React_2.FC<MenubarPrimitive.MenubarSubProps>;
+
+export declare const MenubarSubContent: React_2.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const MenubarSubTrigger: React_2.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React_2.RefAttributes<HTMLDivElement>>;
+
+/** Top-level menu button ("File", "Edit", …). Highlights while its menu is open. */
+export declare const MenubarTrigger: React_2.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
 declare type Period = "AM" | "PM";
 
 declare interface PeriodSelectorProps {
@@ -1088,7 +1143,12 @@ declare type ThemeProviderProps = {
     defaultTheme?: Theme;
 };
 
-export declare const ThemeToggle: () => JSX_2.Element;
+export declare const ThemeToggle: ({ defaultOpen }?: ThemeToggleProps) => JSX_2.Element;
+
+declare interface ThemeToggleProps {
+    /** Opens the "More themes" dropdown on first mount (uncontrolled). */
+    defaultOpen?: boolean;
+}
 
 export declare const TimePeriodSelect: React_2.ForwardRefExoticComponent<PeriodSelectorProps & React_2.RefAttributes<HTMLButtonElement>>;