@usememos/ui 26.11.1 → 26.11.2

package/dist/types/components/menu/classes.d.ts

@@ -13,6 +13,10 @@ export interface MenuClasses {
     dangerItem: string;
     /** The text of a row, which truncates. */
     label: string;
+    /** Stacks a row's label over its description. */
+    text: string;
+    /** A line of `ink-muted` text under the label. */
+    description: string;
     /** A keyboard shortcut at the end of a row. */
     shortcut: string;
     /** A line between groups of rows. */

package/dist/types/components/menu/index.d.ts

@@ -23,6 +23,8 @@ interface RowProps {
     icon?: IconElement;
     /** A keyboard shortcut at the end of the row, such as "⌘ D". */
     shortcut?: ReactNode;
+    /** A line of `ink-muted` text under the label, which makes the row two lines tall. Screen readers read it as the item's description. */
+    description?: ReactNode;
     children?: ReactNode;
 }
 export interface ItemProps extends BaseMenu.Item.Props, RowProps {

package/dist/types/components/popover/classes.d.ts

@@ -1,3 +1,8 @@
+export type PopoverVariant = 'panel' | 'list';
+export interface PopoverClassesOptions {
+    /** `panel` pads its content and stacks it `space-3` apart; `list` holds rows with a Menu's `space-1` padding and no gap. */
+    variant?: PopoverVariant;
+}
 /** The classes of each part of a Popover. */
 export interface PopoverClasses {
     /** The panel: a surface with `shadow-pop`, `popover-width` wide. */
@@ -11,4 +16,4 @@ export interface PopoverClasses {
  * The classes that make an app's own floating panel look like a Popover, such
  * as an emoji picker. See docs/custom-components.md.
  */
-export declare function popoverClasses(): PopoverClasses;
+export declare function popoverClasses({ variant }?: PopoverClassesOptions): PopoverClasses;

package/dist/types/components/popover/index.d.ts

@@ -1,4 +1,5 @@
 import { Popover as BasePopover } from '@base-ui/react/popover';
+import { type PopoverVariant } from './classes.js';
 export type RootProps = BasePopover.Root.Props;
 /** Groups a trigger and its popover. */
 export declare const Root: typeof BasePopover.Root;
@@ -10,6 +11,12 @@ type PositionerProps = Pick<BasePopover.Positioner.Props, 'side' | 'align' | 'co
 export interface PopupProps extends BasePopover.Popup.Props, PositionerProps {
     /** Where the popover is portaled to. Default `document.body`. */
     container?: BasePopover.Portal.Props['container'];
+    /**
+     * `panel` (default) pads its content `space-4` and stacks it `space-3` apart.
+     * `list` holds rows, such as an account menu with a header: a Menu's
+     * `space-1` padding and no gap, for rows with `menuClasses().item`.
+     */
+    variant?: PopoverVariant;
 }
 /** The panel: a surface with `shadow-pop`, `popover-width` wide. */
 export declare const Popup: import("react").ForwardRefExoticComponent<Omit<PopupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/select/index.d.ts

@@ -7,6 +7,11 @@ export type RootProps<Value, Multiple extends boolean | undefined = false> = Bas
 /** Groups the trigger and the list, and holds the value. Pass `items` so `Value` shows labels, not raw values. */
 export declare function Root<Value, Multiple extends boolean | undefined = false>({ size, ...props }: RootProps<Value, Multiple>): import("react/jsx-runtime").JSX.Element;
 export interface TriggerProps extends BaseSelect.Trigger.Props {
+    /**
+     * `neutral` (default) is a raised key, for a value in a form. `ghost` is a
+     * flat row that fills with `hover`, for a switcher in a sidebar or toolbar.
+     */
+    variant?: 'neutral' | 'ghost';
 }
 /** A neutral key that shows the value, with a chevron at the end. Holds `Value`. */
 export declare const Trigger: import("react").ForwardRefExoticComponent<Omit<TriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/table/index.d.ts

@@ -3,6 +3,8 @@ import type { Size } from '../../types.js';
 export interface RootProps extends ComponentPropsWithoutRef<'table'> {
     /** `sm` for dense admin lists. Sets row height and cell text. */
     size?: Exclude<Size, 'xs'>;
+    /** Draws the table in a box: a `line` edge, `radius-lg` corners and a `surface` fill, as a List. */
+    bordered?: boolean;
 }
 /**
  * A `<table>` with rows separated by `line`. It sits in a box that scrolls

package/dist/types/components/toast/index.d.ts

@@ -15,5 +15,5 @@ export interface ViewportProps extends BaseToast.Viewport.Props {
     /** The accessible name of each toast's X button. Default "Close". */
     closeLabel?: string;
 }
-/** Shows the toasts: bottom-right, or bottom-center below `breakpoint-sm`. Render it once, inside Provider. */
+/** Shows the toasts: top-right, or across the top below `breakpoint-sm`. Render it once, inside Provider. */
 export declare const Viewport: import("react").ForwardRefExoticComponent<Omit<ViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/index.d.ts

@@ -8,15 +8,18 @@ export { Checkbox, type CheckboxProps } from './components/checkbox/index.js';
 export * as Collapsible from './components/collapsible/index.js';
 export * as Combobox from './components/combobox/index.js';
 export * as Dialog from './components/dialog/index.js';
+export * as Drawer from './components/drawer/index.js';
+export type { DrawerSide } from './components/drawer/index.js';
 export * as Field from './components/field/index.js';
 export * as Fieldset from './components/field/fieldset.js';
 export { Input, inputClasses, type InputClassesOptions, type InputProps } from './components/input/index.js';
 export { Kbd, type KbdProps } from './components/kbd/index.js';
 export { Link, type LinkProps } from './components/link/index.js';
+export * as List from './components/list/index.js';
 export * as Menu from './components/menu/index.js';
 export { menuClasses, type MenuClasses, type MenuClassesOptions } from './components/menu/classes.js';
 export * as Popover from './components/popover/index.js';
-export { popoverClasses, type PopoverClasses } from './components/popover/classes.js';
+export { popoverClasses, type PopoverClasses, type PopoverClassesOptions, type PopoverVariant } from './components/popover/classes.js';
 export { Prose, type ProseProps } from './components/prose/index.js';
 export { Radio, RadioGroup, type RadioGroupProps, type RadioProps } from './components/radio-group/index.js';
 export * as Select from './components/select/index.js';