@memori.ai/ui 1.1.0 → 1.3.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 
 
+## [1.3.0](https://github.com/memori-ai/ui/compare/v1.2.0...v1.3.0) (2026-02-04)
+
+
+### Features
+
+* add size prop to Drawer component ([21c7e2f](https://github.com/memori-ai/ui/commit/21c7e2f95eacac6142577c3a5a4bb6c91b411153))
+* enhance SelectBox component with improved positioning and styling ([2246a34](https://github.com/memori-ai/ui/commit/2246a348b9d9dda19aa1834252f89b0ea0a640a5))
+
+## [1.2.0](https://github.com/memori-ai/ui/compare/v1.1.0...v1.2.0) (2026-02-03)
+
+
+### Features
+
+* add Dropdown component with stories and styles ([bd96aac](https://github.com/memori-ai/ui/commit/bd96aaccfc35e0928c4de931ee91cabcc2e839d3))
+* enhance Button, Modal, and Slider components with new props ([f0f9f46](https://github.com/memori-ai/ui/commit/f0f9f46d443b87ecf8fd4c76a7a80fed0104b8f2))
+
 ## [1.1.0](https://github.com/memori-ai/ui/compare/v1.0.5-alpha...v1.1.0) (2026-02-03)
 
 

package/dist/index.d.ts

@@ -8,6 +8,8 @@ import { InputProps as InputProps_2 } from '@base-ui/react/input';
 import { InteractionType } from '@base-ui/utils/useEnhancedClickHandler';
 import { JSX } from 'react/jsx-runtime';
 import { JSX as JSX_2 } from 'react';
+import { Menu } from '@base-ui/react/menu';
+import { MenuRootProps } from '@base-ui/react/menu';
 import * as React_2 from 'react';
 import { UseToastManagerReturnValue } from '@base-ui/react';
 
@@ -150,7 +152,7 @@ export declare interface AlertViewportProps {
 
 export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
 
-declare interface ButtonProps extends Omit<ButtonProps_2, 'className'> {
+declare interface ButtonProps extends Omit<ButtonProps_2, 'className'>, Pick<default_2.ButtonHTMLAttributes<HTMLButtonElement>, 'title' | 'name' | 'form' | 'formAction' | 'formEncType' | 'formMethod' | 'formNoValidate' | 'formTarget' | 'autoFocus'> {
     /**
      * Button variant
      * @default 'primary'
@@ -461,6 +463,11 @@ declare interface DrawerProps {
      * @default 'right'
      */
     anchor?: 'left' | 'right' | 'top' | 'bottom';
+    /**
+     * Size of the drawer (width for left/right, height for top/bottom).
+     * @default 'sm'
+     */
+    size?: 'sm' | 'md' | 'lg';
     /**
      * The contents of the drawer.
      */
@@ -502,6 +509,155 @@ declare interface DrawerProps {
     closable?: boolean;
 }
 
+export declare const Dropdown: default_2.ForwardRefExoticComponent<DropdownProps & default_2.RefAttributes<HTMLDivElement>> & {
+    Trigger: default_2.ForwardRefExoticComponent<DropdownTriggerProps & default_2.RefAttributes<HTMLButtonElement>>;
+    Menu: typeof DropdownMenu;
+    Item: default_2.ForwardRefExoticComponent<DropdownItemProps & default_2.RefAttributes<HTMLDivElement>>;
+    Separator: default_2.ForwardRefExoticComponent<DropdownSeparatorProps & default_2.RefAttributes<HTMLDivElement>>;
+    Group: default_2.ForwardRefExoticComponent<DropdownGroupProps & default_2.RefAttributes<HTMLDivElement>>;
+    GroupLabel: default_2.ForwardRefExoticComponent<DropdownGroupLabelProps & default_2.RefAttributes<HTMLDivElement>>;
+};
+
+declare interface DropdownGroupLabelProps extends Omit<default_2.ComponentPropsWithoutRef<typeof Menu.GroupLabel>, 'className' | 'style'> {
+    children?: default_2.ReactNode;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+declare interface DropdownGroupProps extends Omit<default_2.ComponentPropsWithoutRef<typeof Menu.Group>, 'className' | 'style'> {
+    children?: default_2.ReactNode;
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+declare interface DropdownItemProps extends Omit<default_2.ComponentPropsWithoutRef<typeof Menu.Item>, 'className' | 'style'> {
+    /**
+     * Content of the item.
+     */
+    children?: default_2.ReactNode;
+    /**
+     * If true, the item is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If true, the menu closes when this item is clicked.
+     * @default true
+     */
+    closeOnClick?: boolean;
+    /**
+     * Overrides the accessible name for type-ahead.
+     */
+    label?: string;
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+    /**
+     * Inline styles.
+     */
+    style?: default_2.CSSProperties;
+}
+
+declare function DropdownMenu({ children, sideOffset, placement, align, container, className, style, }: DropdownMenuProps): JSX.Element;
+
+declare namespace DropdownMenu {
+    var displayName: string;
+}
+
+declare interface DropdownMenuProps {
+    /**
+     * Menu content (DropdownItem, DropdownSeparator, etc.).
+     */
+    children?: default_2.ReactNode;
+    /**
+     * Offset in pixels between trigger and popup.
+     * @default 8
+     */
+    sideOffset?: number;
+    /**
+     * Preferred placement: which side of the trigger.
+     * @default 'bottom'
+     */
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    /**
+     * Alignment relative to the trigger.
+     * @default 'start'
+     */
+    align?: 'start' | 'center' | 'end';
+    /**
+     * Container element for the portal. Defaults to document.body.
+     */
+    container?: HTMLElement | null;
+    /**
+     * Additional CSS class name for the popup.
+     */
+    className?: string;
+    /**
+     * Inline styles for the popup.
+     */
+    style?: default_2.CSSProperties;
+}
+
+declare interface DropdownProps extends Omit<MenuRootProps, 'className' | 'style'> {
+    /**
+     * Whether the dropdown is open (controlled).
+     */
+    open?: boolean;
+    /**
+     * Whether the dropdown is initially open (uncontrolled).
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Callback fired when the open state changes.
+     * @param open - The new open state
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * If true, the dropdown trigger and menu are disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Additional CSS class name for the root wrapper.
+     */
+    className?: string;
+    /**
+     * Inline styles for the root.
+     */
+    style?: default_2.CSSProperties;
+    /**
+     * Content: DropdownTrigger and DropdownMenu.
+     */
+    children?: default_2.ReactNode;
+}
+
+declare interface DropdownSeparatorProps extends Omit<default_2.ComponentPropsWithoutRef<typeof Menu.Separator>, 'className' | 'style'> {
+    className?: string;
+    style?: default_2.CSSProperties;
+}
+
+declare interface DropdownTriggerProps extends Omit<default_2.ComponentPropsWithoutRef<typeof Menu.Trigger>, 'className' | 'style'> {
+    /**
+     * Content of the trigger (e.g. button text or icon).
+     */
+    children?: default_2.ReactNode;
+    /**
+     * Whether to show the chevron icon.
+     * @default true
+     */
+    showChevron?: boolean;
+    /**
+     * Additional CSS class name for the trigger button.
+     */
+    className?: string;
+    /**
+     * Inline styles for the trigger button.
+     */
+    style?: default_2.CSSProperties;
+}
+
 export declare const Expandable: ({ rows, className, innerClassName, btnClassName, lineHeightMultiplier, defaultExpanded, expandSymbol, collapseSymbol, children, mode, }: Props) => JSX.Element;
 
 export declare const Input: default_2.ForwardRefExoticComponent<InputProps & default_2.RefAttributes<HTMLInputElement>>;
@@ -565,6 +721,10 @@ declare interface ModalProps extends Omit<DialogRootProps, 'className' | 'style'
      * @param open - The new open state
      */
     onOpenChange?: (open: boolean) => void;
+    /**
+     * Callback fired when the modal is closed (convenience prop, matches Drawer).
+     */
+    onClose?: () => void;
     /**
      * Modal title displayed at the top
      */
@@ -778,12 +938,17 @@ declare interface SelectBoxProps {
     style?: default_2.CSSProperties;
 }
 
-export declare const Slider: ({ min, max, step, defaultValue, label, onChange, disabled, }: SliderProps) => JSX.Element;
+export declare const Slider: ({ min, max, step, value: valueProp, defaultValue, label, onChange, disabled, }: SliderProps) => JSX.Element;
 
 declare interface SliderProps {
     min?: number;
     max?: number;
     step?: number;
+    /**
+     * Controlled value. When provided, the thumb position is driven by this prop
+     * (e.g. for presets). Omit to use uncontrolled mode with defaultValue.
+     */
+    value?: number;
     defaultValue?: number;
     label?: string | default_2.ReactNode;
     onChange?: (value: number) => void;