@bigbinary/neeto-atoms 1.0.133-beta1 → 1.0.133-beta2

package/dist/components/DatePicker/DatePickerTrigger.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+interface DatePickerTriggerProps {
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    inputRef: React.RefObject<HTMLInputElement | null>;
+    disabled: boolean;
+    error: React.ReactNode | undefined;
+    hasField: boolean;
+    className?: string;
+    triggerSizeClass: string;
+    inputSizeClass: string;
+    iconSizeClass: string;
+    label?: React.ReactNode;
+    ariaDescribedBy?: string;
+    inputTestId?: string;
+    placeholder: string;
+    inputText: string;
+    allowClear: boolean;
+    timezone?: string;
+    onInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onInputKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onInputFocus: () => void;
+    onInputBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onClear: (e: React.MouseEvent) => void;
+}
+export declare const DatePickerTrigger: React.ForwardRefExoticComponent<DatePickerTriggerProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/DatePicker/MonthPicker.d.ts

@@ -0,0 +1,16 @@
+interface MonthPickerProps {
+    /** Currently selected date (used to highlight the active month). */
+    value: Date | null;
+    /** Year currently shown in the grid. */
+    displayedYear: number;
+    /** Callback when the user navigates to a different year. */
+    onYearChange: (year: number) => void;
+    /** Callback when a month is picked. */
+    onSelect: (date: Date) => void;
+    /** Predicate to disable an entire month (any day in it returning true disables the month). */
+    isDisabled?: (date: Date) => boolean;
+    /** Locale code for month-name formatting. */
+    locale?: string;
+}
+declare const MonthPicker: ({ value, displayedYear, onYearChange, onSelect, isDisabled, locale, }: MonthPickerProps) => import("react/jsx-runtime").JSX.Element;
+export { MonthPicker };

package/dist/components/DatePicker/RangeCalendar.d.ts

@@ -0,0 +1,18 @@
+import type React from "react";
+import type { DateRange } from "react-day-picker";
+interface RangeCalendarProps {
+    todayDate: Date;
+    weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    month: Date;
+    onMonthChange: (date: Date) => void;
+    selected: DateRange | undefined;
+    onSelect: (range: DateRange | undefined, triggerDate: Date) => void;
+    disabled: (date: Date) => boolean;
+    fromDate?: Date;
+    toDate?: Date;
+    onHoverIn: (e: React.MouseEvent<HTMLElement>) => void;
+    onHoverOut: () => void;
+    numberOfMonths?: number;
+}
+export declare const RangeCalendar: ({ todayDate, weekStartsOn, month, onMonthChange, selected, onSelect, disabled, fromDate, toDate, onHoverIn, onHoverOut, numberOfMonths, }: RangeCalendarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DatePicker/TimezoneSelect.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface TimezoneSelectProps {
+    value?: string;
+    onChange: (tz: string | undefined) => void;
+    className?: string;
+}
+declare const TimezoneSelect: React.FC<TimezoneSelectProps>;
+export { TimezoneSelect };

package/dist/components/DatePicker/YearPicker.d.ts

@@ -0,0 +1,14 @@
+interface YearPickerProps {
+    /** Currently selected date (used to highlight the active year). */
+    value: Date | null;
+    /** A year inside the decade currently shown in the grid. */
+    displayedYear: number;
+    /** Callback when the user navigates to a different decade (receives any year inside it). */
+    onYearChange: (year: number) => void;
+    /** Callback when a year is picked. */
+    onSelect: (date: Date) => void;
+    /** Predicate to disable an entire year (e.g. when out of min/max range). */
+    isDisabled?: (date: Date) => boolean;
+}
+declare const YearPicker: ({ value, displayedYear, onYearChange, onSelect, isDisabled, }: YearPickerProps) => import("react/jsx-runtime").JSX.Element;
+export { YearPicker };

package/dist/components/DatePicker/constants.d.ts

@@ -0,0 +1,21 @@
+import type { TimeValue } from "../TimePicker/types";
+export declare const DEFAULT_DATE_FORMAT = "dd/MM/yyyy";
+export declare const DEFAULT_TIME_FORMAT = "HH:mm:ss";
+export declare const INITIAL_TIME_VALUE: TimeValue;
+export declare const SIZE_CONFIG: {
+    readonly small: {
+        readonly trigger: "h-8 md:h-7";
+        readonly input: "text-base md:text-xs";
+        readonly icon: "size-3.5";
+    };
+    readonly medium: {
+        readonly trigger: "h-8";
+        readonly input: "text-base md:text-sm";
+        readonly icon: "size-4";
+    };
+    readonly large: {
+        readonly trigger: "h-10";
+        readonly input: "text-base md:text-sm";
+        readonly icon: "size-5";
+    };
+};

package/dist/components/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { DatePicker } from "./DatePicker";
+export type { DatePickerProps, DatePickerType } from "./types";

package/dist/components/DatePicker/types.d.ts

@@ -0,0 +1,80 @@
+import type { Dayjs } from "dayjs";
+import type React from "react";
+import type { TimePickerFormat } from "../TimePicker/types";
+export type DateValue = Date | Dayjs;
+export type DatePickerType = "date" | "range";
+export type DatePickerMode = "date" | "day" | "week" | "month" | "year";
+export type PopoverSide = "top" | "right" | "bottom" | "left";
+export type PopoverAlign = "start" | "center" | "end";
+export interface DatePickerProps {
+    /** Current value. Date/Dayjs for single, [Date, Date] for range. */
+    value?: DateValue | [DateValue | null, DateValue | null] | null;
+    /** Default value (uncontrolled). */
+    defaultValue?: DateValue | [DateValue | null, DateValue | null];
+    /** Callback on date change. Returns Dayjs objects for neeto ecosystem compatibility. */
+    onChange?: (value: Dayjs | [Dayjs | null, Dayjs | null] | null, formatted: string | [string, string]) => void;
+    /** Callback when the trigger input loses focus. */
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    /** Single date or range selection. */
+    type?: DatePickerType;
+    /** Display format string (date-fns compatible, e.g. "dd/MM/yyyy"). */
+    dateFormat?: string;
+    /** Time format string (date-fns compatible, e.g. "HH:mm:ss"). */
+    timeFormat?: string;
+    /** Show time picker alongside calendar. */
+    showTime?: boolean;
+    /** Time picker format (12 or 24 hour). */
+    timePickerFormat?: TimePickerFormat;
+    /** Show seconds in time picker. */
+    showSeconds?: boolean;
+    /** Minimum selectable date. */
+    minDate?: DateValue;
+    /** Maximum selectable date. */
+    maxDate?: DateValue;
+    /** Predicate to disable arbitrary dates beyond minDate/maxDate. */
+    disabledDate?: (date: Date) => boolean;
+    /** Placeholder text for the trigger input. */
+    placeholder?: string;
+    /** Label displayed above the picker. */
+    label?: string;
+    /** Error message displayed below the picker. */
+    error?: string;
+    /** Help text displayed below the picker. */
+    helpText?: React.ReactNode;
+    /** Size of the trigger. */
+    size?: "small" | "medium" | "large";
+    /** Disabled state. */
+    disabled?: boolean;
+    /** Show clear button. */
+    allowClear?: boolean;
+    /** Required field indicator. */
+    required?: boolean;
+    /** Timezone value (e.g. "utc" or undefined for local). */
+    timezone?: string;
+    /** Callback when timezone changes. */
+    onTimezoneChange?: (tz: string | undefined) => void;
+    /** Callback when OK is clicked (showTime mode). */
+    onOk?: (value: Date | [Date, Date] | null) => void;
+    /** Whether OK button is needed to confirm selection. */
+    needConfirm?: boolean;
+    /** Controlled popover open state. Omit for uncontrolled. */
+    open?: boolean;
+    /** Callback when popover opens/closes (fires for both controlled and uncontrolled). */
+    onOpenChange?: (open: boolean) => void;
+    /** Additional CSS class names. */
+    className?: string;
+    /** Props forwarded to the label element. */
+    labelProps?: Record<string, unknown>;
+    /** Picker granularity. "date"/"day" shows day calendar; "week"/"month"/"year" show grid pickers. Only honored when type="date". */
+    picker?: DatePickerMode;
+    /** Side of the trigger to render the popover. */
+    side?: PopoverSide;
+    /** Alignment of the popover relative to the trigger. */
+    align?: PopoverAlign;
+    /** Custom trigger element. When provided, replaces the built-in input UI and the popover anchors to this element. */
+    trigger?: React.ReactNode;
+    /** First day of the week. 0 = Sunday (default), 1 = Monday, etc. */
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /** Prefix for the field's testid family(input, error). Falls back to the hyphenized label. */
+    dataTestId?: string;
+}

package/dist/components/DatePicker/useRangePicker.d.ts

@@ -0,0 +1,28 @@
+import type { DateRange } from "react-day-picker";
+type RangeTuple = [Date | null, Date | null];
+interface UseRangePickerOptions {
+    currentValue: unknown;
+    showTime: boolean;
+    needConfirm: boolean;
+    commitValue: (value: Date | [Date, Date] | null) => void;
+    setOpen: (open: boolean) => void;
+}
+export declare const useRangePicker: ({ currentValue, showTime, needConfirm, commitValue, setOpen, }: UseRangePickerOptions) => {
+    pendingRange: RangeTuple | null;
+    rangeSelectionStep: "from" | "to";
+    setRangeSelectionStep: import("react").Dispatch<import("react").SetStateAction<"from" | "to">>;
+    hoveredDate: Date | null;
+    handleRangeSelect: (_range: {
+        from?: Date;
+        to?: Date;
+    } | undefined, triggerDate: Date) => void;
+    handleHoverIn: (e: React.MouseEvent<HTMLElement>) => void;
+    handleHoverOut: () => void;
+    memoizedRangeSelected: DateRange | undefined;
+    getPreviewParts: () => {
+        from: Date | null;
+        to: Date | null;
+    };
+    resetTransientState: () => void;
+};
+export {};

package/dist/components/DatePicker/utils.d.ts

@@ -0,0 +1,54 @@
+import type { Dayjs } from "dayjs";
+import type { TimeValue } from "../TimePicker/types";
+/**
+ * Reverse timezone conversion: extract date/time values from a timezone-aware
+ * dayjs and create a browser-local Date. This undoes applyTimezone so that
+ * Calendar and input display the correct date after a controlled round-trip.
+ */
+export declare const toBrowserLocalDate: (date: Date) => Date;
+export declare const toNativeDate: (value: unknown) => Date | null;
+export declare const coerceDateValue: (value: unknown, type: "date" | "range") => Date | [Date | null, Date | null] | null;
+export declare const getInitialCalendarMonth: (value: unknown, defaultValue: unknown, type: "date" | "range") => Date;
+/**
+ * Format a date for display using browser-local time.
+ * Calendar and input always show browser-local dates.
+ */
+export declare const formatDate: (date: Date | null, formatStr: string) => string;
+/**
+ * Parse a date string using browser-local pureDayjs (not timezone-aware).
+ * The user types in browser-local time; timezone conversion happens
+ * later in commitValue via applyTimezone.
+ */
+export declare const parseDate: (str: string, formatStr: string) => Date | null;
+export declare const applyTimeToDate: (date: Date, time: TimeValue) => Date;
+/**
+ * Reinterpret a native Date's browser-local time values in the user's configured timezone.
+ * Formats in browser-local time (pureDayjs), then reparses through timezone-aware dayjs.
+ * Matches neetoUI's getTimezoneAppliedDateTime behavior.
+ */
+export declare const applyTimezone: (date: Date) => Date;
+export declare const toUserTzDayjs: (date: Date) => Dayjs;
+export declare const toDayjs: (date: Date) => Dayjs;
+export declare const getDisplayFormat: (dateFormat: string, timeFormat: string, showTime: boolean) => string;
+export declare const getDatePlaceholder: (dateFormat: string, timeFormat: string, showTime: boolean, type: "date" | "range") => string;
+export declare const isDatePartComplete: (part: string, maskEnabled: boolean, singleDateLen: number) => boolean;
+export declare const parseRangeText: (text: string, displayFormat: string, maskEnabled: boolean, singleDateLen: number) => [Date, Date] | null;
+export declare const startOfWeek: (date: Date, weekStartsOn?: number) => Date;
+export declare const weekDaysFrom: (start: Date) => Date[];
+export declare const isMonthDisabled: (monthDate: Date, minDate?: Date, maxDate?: Date) => boolean;
+export declare const isYearDisabled: (yearDate: Date, minDate?: Date, maxDate?: Date) => boolean;
+export declare const buildMonth: (year: number, month: number) => Date;
+export declare const isSameMonth: (a: Date | null, b: Date) => boolean;
+export declare const isSameDay: (a: Date | null, b: Date | null) => boolean;
+export declare const orderRange: (from: Date | null, to: Date | null) => [Date | null, Date | null];
+export declare const parseGridcellDay: (target: EventTarget | null) => Date | null;
+export declare const computeRangePreview: ({ pendingRange, committed, hoveredDate, rangeStep, }: {
+    pendingRange: [Date | null, Date | null] | null;
+    committed: [Date | null, Date | null] | null;
+    hoveredDate: Date | null;
+    rangeStep: "from" | "to";
+}) => {
+    from: Date | null;
+    to: Date | null;
+};
+export declare const decadeStartFor: (year: number) => number;

package/dist/components/DatePicker.js

@@ -0,0 +1,58 @@
+export { D as DatePicker } from '../DatePicker-B3kUEuKH.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../primitives/Calendar.js';
+import '../utils-BJnb9o5c.js';
+import '../button-DTkEk06V.js';
+import '../index-Bo3AAQJp.js';
+import '../index-CfriMyrd.js';
+import '../index-BtkPdosV.js';
+import '../chevron-left-BDoT8E2-.js';
+import '../createLucideIcon-C8ycilSN.js';
+import '../chevron-right-DQnrO-ek.js';
+import '../chevron-down-BNi0ntys.js';
+import '../primitives/Popover.js';
+import '../index-DNzunGHb.js';
+import '../index-CiyxEyB0.js';
+import '../index-BNPynZWM.js';
+import '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-CSUSJzOJ.js';
+import '../index-Jr4soqx3.js';
+import '../index-zW4GjM5L.js';
+import '../index-DOzu5J1s.js';
+import '../index-XvwNqU74.js';
+import '../floating-ui.react-dom-BtFUJRfb.js';
+import '../floating-ui.utils.dom-Bw_Rc4bg.js';
+import '../index-BYZaLNq1.js';
+import '../index-fV_U4ZJM.js';
+import '../index-yFgkK_AM.js';
+import '../index-Cor698lu.js';
+import '../TimePickerPanel-n-Dz1p5N.js';
+import '../primitives/Button.js';
+import '../primitives/ScrollArea.js';
+import '../index-d0BBQf5t.js';
+import '../index-BfAAoDv6.js';
+import 'dayjs';
+import 'dayjs/plugin/customParseFormat';
+import '@bigbinary/neeto-commons-frontend/utils';
+import '../fieldIds-VpluAAMl.js';
+import '../hyphenize-TRhMI0tl.js';
+import '../primitives/Field.js';
+import '../HelpIcon-CB6wsVSF.js';
+import '../primitives/Tooltip.js';
+import '../tooltip-BUYRFmEv.js';
+import '../index-CSggBaQF.js';
+import '../renderIcon-C6twJSqH.js';
+import '../Popover-BHGvcdV2.js';
+import '../primitives/HoverCard.js';
+import '../Typography-CmILccNh.js';
+import '../Button-ZssOVkG0.js';
+import 'react-router-dom';
+import '../primitives/Spinner.js';
+import 'react-i18next';
+import '../loader-circle-DycHUAWN.js';
+import '../label-YEsizr2c.js';
+import '../separator-ByRsc-y-.js';
+import '../x-_o2T3n6D.js';
+//# sourceMappingURL=DatePicker.js.map

package/dist/components/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,56 @@
+import React, { type ReactNode, type RefObject } from "react";
+import { DialogContent as PrimitiveDialogContent } from "src/primitives/Dialog";
+export type DialogSize = "small" | "medium" | "large" | "fullScreen";
+/** Radix Dialog.Content props we forward via ...otherProps. */
+type DialogContentProps = React.ComponentProps<typeof PrimitiveDialogContent>;
+export interface DialogProps extends Omit<DialogContentProps, "children" | "className" | "showCloseButton" | "onEscapeKeyDown" | "onInteractOutside"> {
+    /** Size of the dialog. */
+    size?: DialogSize;
+    /** Whether the dialog is open. */
+    isOpen?: boolean;
+    /** Callback invoked when the dialog is closed. */
+    onClose?: () => void;
+    /** Content rendered inside the dialog. */
+    children?: ReactNode;
+    /** Additional CSS class names applied to the dialog content. */
+    className?: string;
+    /** Close on pressing the Esc key. */
+    closeOnEsc?: boolean;
+    /** Show the close button. */
+    closeButton?: boolean;
+    /** Additional CSS class names applied to the backdrop/overlay. */
+    backdropClassName?: string;
+    /** Close on clicking outside the dialog. */
+    closeOnOutsideClick?: boolean;
+    /** Ref of the element to receive focus when the dialog opens. */
+    initialFocusRef?: RefObject<HTMLElement | null>;
+    /** Ref of the element to receive focus when the dialog closes. */
+    finalFocusRef?: RefObject<HTMLElement | null>;
+    /** Whether to block body scroll when the dialog is mounted. Maps to Radix `modal` prop. */
+    blockScrollOnMount?: boolean;
+    /** Force children to re-render even when the dialog is closed. */
+    forceRender?: boolean;
+    /** Radix Dialog `modal` prop — takes precedence over blockScrollOnMount. */
+    modal?: boolean;
+    /** Radix Dialog `defaultOpen` prop. */
+    defaultOpen?: boolean;
+}
+interface DialogSubcomponentProps extends React.ComponentProps<"div"> {
+    children?: ReactNode;
+    className?: string;
+    /** Custom data-testid attribute. */
+    dataTestid?: string;
+}
+declare const DialogHeader: React.ForwardRefExoticComponent<Omit<DialogSubcomponentProps & {
+    description?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogBody: React.ForwardRefExoticComponent<Omit<DialogSubcomponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogFooter: React.ForwardRefExoticComponent<Omit<DialogSubcomponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const Dialog: React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLDivElement>> & {
+    Header: typeof DialogHeader;
+    Body: typeof DialogBody;
+    Footer: typeof DialogFooter;
+    Title: typeof DialogTitle;
+};
+export { Dialog };

package/dist/components/Dialog/constants.d.ts

@@ -0,0 +1,2 @@
+import type { DialogSize } from "./Dialog";
+export declare const SIZE_CLASS_MAP: Record<DialogSize, string>;

package/dist/components/Dialog/index.d.ts

@@ -0,0 +1,2 @@
+export { Dialog } from "./Dialog";
+export type { DialogProps } from "./Dialog";

package/dist/components/Dialog.js

@@ -0,0 +1,22 @@
+export { D as Dialog } from '../Dialog-Yw34WDqY.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../utils-BJnb9o5c.js';
+import '../primitives/Dialog.js';
+import 'react-i18next';
+import '../button-DTkEk06V.js';
+import '../index-Bo3AAQJp.js';
+import '../index-CfriMyrd.js';
+import '../index-BtkPdosV.js';
+import '../useAriaHiddenCleanup-BIUbPJ6V.js';
+import '../dialog-BG8Tjl78.js';
+import '../x-_o2T3n6D.js';
+import '../createLucideIcon-C8ycilSN.js';
+import '../DialogTrigger-a3diAOif.js';
+import '../useOpenInteractionType-CVfxIsuz.js';
+import '../floating-ui.utils.dom-Bw_Rc4bg.js';
+import 'react-dom';
+import '../index-DZXbzIgC.js';
+import '../index-CSMSzzKM.js';
+import '../with-selector-Dv0G_V_o.js';
+//# sourceMappingURL=Dialog.js.map

package/dist/components/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DirectionProvider/DirectionProvider.d.ts

@@ -0,0 +1,6 @@
+import type { DirectionProviderProps } from "./types";
+declare const DirectionProvider: {
+    ({ children, dir }: DirectionProviderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DirectionProvider };

package/dist/components/DirectionProvider/index.d.ts

@@ -0,0 +1,2 @@
+export { DirectionProvider } from "./DirectionProvider";
+export type { DirectionProviderProps } from "./types";

package/dist/components/DirectionProvider/types.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+export interface DirectionProviderProps {
+    /** The content to wrap with the direction provider. */
+    children: ReactNode;
+    /** The text direction. */
+    dir: "ltr" | "rtl";
+}

package/dist/components/DirectionProvider.js

@@ -0,0 +1,5 @@
+export { D as DirectionProvider } from '../DirectionProvider-weqLz_BJ.js';
+import 'react/jsx-runtime';
+import '../index-d0BBQf5t.js';
+import 'react';
+//# sourceMappingURL=DirectionProvider.js.map

package/dist/components/DirectionProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DirectionProvider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/DropdownMenu/Divider.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Divider: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Divider };

package/dist/components/DropdownMenu/DropdownBase.d.ts

@@ -0,0 +1,3 @@
+import { type DropdownProps } from "./types";
+declare const DropdownBase: ({ label, icon, buttonProps, customTarget, disabled, children, position, closeOnEsc, closeOnSelect, closeOnOutsideClick, modal, isOpen: isOpenProp, onClose, onClick, className, triggerRef, dropdownProps, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export { DropdownBase };

package/dist/components/DropdownMenu/Label.d.ts

@@ -0,0 +1,13 @@
+import React, { type ReactNode } from "react";
+import { type DropdownMenuItemSize } from "src/primitives/DropdownMenu";
+interface MenuLabelProps extends React.ComponentProps<"div"> {
+    children?: ReactNode;
+    className?: string;
+    /**
+     * Density of the section label. Match the `size` used on the menu's items
+     * (default `"default"`) so the label stays aligned with them.
+     */
+    size?: DropdownMenuItemSize;
+}
+declare const Label: React.ForwardRefExoticComponent<Omit<MenuLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Label };

package/dist/components/DropdownMenu/Menu.d.ts

@@ -0,0 +1,7 @@
+import React, { type ReactNode } from "react";
+interface MenuProps extends React.ComponentProps<"div"> {
+    children?: ReactNode;
+    className?: string;
+}
+declare const Menu: React.ForwardRefExoticComponent<Omit<MenuProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Menu };

package/dist/components/DropdownMenu/MenuItem.d.ts

@@ -0,0 +1,3 @@
+import { type MenuItemProps } from "./types";
+declare const MenuItem: import("react").ForwardRefExoticComponent<Omit<MenuItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { MenuItem };

package/dist/components/DropdownMenu/SplitTrigger.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import type { BaseTriggerProps } from "./types";
+interface SplitTriggerOwnProps extends BaseTriggerProps {
+    /** Ref forwarded to the action button (left side). */
+    actionButtonRef?: React.Ref<HTMLButtonElement>;
+}
+/**
+ * Radix injects extra props (aria-expanded, data-state, …) via Slot on the
+ * DropdownMenuTrigger child.  We capture them with a rest-spread.
+ */
+type SplitTriggerProps = SplitTriggerOwnProps & Omit<React.ComponentProps<"div">, keyof SplitTriggerOwnProps>;
+declare const SplitTrigger: React.ForwardRefExoticComponent<Omit<SplitTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { SplitTrigger };

package/dist/components/DropdownMenu/SubMenu.d.ts

@@ -0,0 +1,13 @@
+import React, { type ReactNode } from "react";
+import { type IconProp } from "src/shared/renderIcon";
+import { DropdownMenuSubContent, DropdownMenuSubTrigger } from "src/primitives/DropdownMenu";
+interface SubMenuProps {
+    label?: string;
+    icon?: IconProp;
+    children?: ReactNode;
+    className?: string;
+    triggerProps?: Omit<React.ComponentProps<typeof DropdownMenuSubTrigger>, "ref" | "className" | "children">;
+    contentProps?: Omit<React.ComponentProps<typeof DropdownMenuSubContent>, "children">;
+}
+declare const SubMenu: React.ForwardRefExoticComponent<SubMenuProps & React.RefAttributes<HTMLDivElement>>;
+export { SubMenu };

package/dist/components/DropdownMenu/TriggerButton.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { BaseTriggerProps } from "./types";
+/**
+ * Extra props that Radix's Slot injects when the parent Trigger uses
+ * `asChild` (aria-expanded, aria-haspopup, data-state, id, …).
+ * We capture them with a rest-spread so they reach the DOM button.
+ */
+type TriggerButtonProps = BaseTriggerProps & Omit<React.ComponentProps<"button">, keyof BaseTriggerProps>;
+declare const TriggerButton: React.ForwardRefExoticComponent<Omit<TriggerButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { TriggerButton };

package/dist/components/DropdownMenu/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const SIDE_MAP: Record<string, "top" | "right" | "bottom" | "left">;
+export declare const ALIGN_MAP: Record<string, "start" | "center" | "end">;

package/dist/components/DropdownMenu/index.d.ts

@@ -0,0 +1,17 @@
+import { DropdownBase } from "./DropdownBase";
+import { Divider } from "./Divider";
+import { Label } from "./Label";
+import { Menu } from "./Menu";
+import { MenuItem } from "./MenuItem";
+import { SubMenu } from "./SubMenu";
+export type { DropdownProps, DropdownPosition } from "./types";
+type DropdownComponent = typeof DropdownBase & {
+    displayName?: string;
+    Menu: typeof Menu;
+    MenuItem: typeof MenuItem;
+    Divider: typeof Divider;
+    Label: typeof Label;
+    SubMenu: typeof SubMenu;
+};
+declare const DropdownMenu: DropdownComponent;
+export { DropdownMenu };