@bacon-pos/ui 0.5.1 → 0.7.0

package/lib/typescript/commonjs/components/Menu/SelectButton.d.ts

@@ -0,0 +1,60 @@
+import { type ButtonSize, type ButtonVariant } from '../Button/Button';
+import type { IconName } from '../Icon/icons.generated';
+import { type MenuOrigin } from './Menu';
+/** A selectable option. Its `icon` shows both in the row and on the trigger when chosen. */
+export interface SelectButtonOption {
+    key: string;
+    label: string;
+    icon?: IconName;
+    disabled?: boolean;
+}
+export interface SelectButtonProps {
+    /** The options to choose from. */
+    options: SelectButtonOption[];
+    /** Selected key (controlled). */
+    value?: string;
+    /** Selected key for the uncontrolled case. */
+    defaultValue?: string;
+    /** Called with the newly selected key. */
+    onChange?: (key: string) => void;
+    /** Trigger label when nothing is selected. */
+    placeholder?: string;
+    /** Trigger leading icon when nothing is selected. */
+    placeholderIcon?: IconName;
+    /** Show the selected option's icon on the trigger. Defaults to true. */
+    showSelectedIcon?: boolean;
+    /** Show a trailing chevron on the trigger. Defaults to false (matches the mockup). */
+    chevron?: boolean;
+    /** Trigger visual. Defaults to `secondary`. */
+    variant?: ButtonVariant;
+    /** Trigger size. Defaults to `sm`. */
+    size?: ButtonSize;
+    /** Stretch the trigger to the parent width. */
+    fullWidth?: boolean;
+    /** Disable the trigger. */
+    disabled?: boolean;
+    /** Point on the trigger the menu latches to. Defaults to `{ bottom, left }`. */
+    anchorOrigin?: MenuOrigin;
+    /** Point on the menu placed at the anchor. Defaults to `{ top, left }`. */
+    menuOrigin?: MenuOrigin;
+    /** Gap between trigger and menu. Defaults to 8. */
+    offset?: number;
+    /** Menu width. Defaults to the `Dropdown` default (350). */
+    menuWidth?: number;
+    /** Draw dividers between rows. Defaults to the `Dropdown` default (true). */
+    showDividers?: boolean;
+    /** Close the menu after selecting. Defaults to true. */
+    closeOnSelect?: boolean;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Notified whenever the open state changes. */
+    onOpenChange?: (open: boolean) => void;
+}
+/**
+ * Select-style button — a `Button` (label + leading icon) that opens an anchored
+ * `Dropdown` to change its value; the current option is marked with a check.
+ * A composed component built from `Button` + `Menu` + `Dropdown`. Controlled via
+ * `value` / `onChange`, or uncontrolled via `defaultValue`.
+ */
+export declare function SelectButton({ options, value: valueProp, defaultValue, onChange, placeholder, placeholderIcon, showSelectedIcon, chevron, variant, size, fullWidth, disabled, anchorOrigin, menuOrigin, offset, menuWidth, showDividers, closeOnSelect, open, onOpenChange, }: SelectButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectButton.d.ts.map

package/lib/typescript/commonjs/components/Menu/SelectButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/SelectButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAG/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAC;AAE/C,4FAA4F;AAC5F,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,kCAAkC;IAClC,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sFAAsF;IACtF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,sCAAsC;IACtC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gFAAgF;IAChF,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,2EAA2E;IAC3E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wDAAwD;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gDAAgD;IAChD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAqBD;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,QAAQ,EACR,WAAsB,EACtB,eAAe,EACf,gBAAuB,EACvB,OAAe,EACf,OAAqB,EACrB,IAAW,EACX,SAAiB,EACjB,QAAgB,EAChB,YAAyD,EACzD,UAAoD,EACpD,MAAU,EACV,SAAS,EACT,YAAY,EACZ,aAAoB,EACpB,IAAI,EACJ,YAAY,GACb,EAAE,iBAAiB,2CAiEnB"}

package/lib/typescript/commonjs/components/Menu/UserMenu.d.ts

@@ -0,0 +1,46 @@
+import type { ImageSourcePropType } from 'react-native';
+import { type DropdownEntry } from '../Dropdown/Dropdown';
+import { type UserChipSize } from '../UserChip/UserChip';
+import { type MenuOrigin } from './Menu';
+export interface UserMenuProps {
+    /** The menu rows (see `Dropdown`). */
+    options: DropdownEntry[];
+    /** Called with the key of the selected row. */
+    onSelect?: (key: string) => void;
+    /** Avatar image for the trigger. */
+    source?: ImageSourcePropType;
+    /** Name for the trigger. With a name the trigger is the `UserChip` pill; without it, just the avatar. */
+    name?: string;
+    /** Explicit avatar initials. */
+    initials?: string;
+    /** Trigger size. Defaults to `md`. */
+    size?: UserChipSize;
+    /** Trigger pill background (when a name is shown). */
+    chipBackgroundColor?: string;
+    /** Trigger text color (when a name is shown). */
+    chipColor?: string;
+    /** Point on the trigger the menu latches to. Defaults to `{ bottom, left }`. */
+    anchorOrigin?: MenuOrigin;
+    /** Point on the menu placed at the anchor. Defaults to `{ top, left }`. */
+    menuOrigin?: MenuOrigin;
+    /** Gap between trigger and menu. Defaults to 8. */
+    offset?: number;
+    /** Menu width. Defaults to the `Dropdown` default (350). */
+    menuWidth?: number;
+    /** Draw dividers between rows. Defaults to the `Dropdown` default (true). */
+    showDividers?: boolean;
+    /** Close the menu after a row is selected. Defaults to true. */
+    closeOnSelect?: boolean;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Notified whenever the open state changes. */
+    onOpenChange?: (open: boolean) => void;
+}
+/**
+ * User menu — an avatar / `UserChip` that opens an anchored `Dropdown` (e.g. an
+ * account menu). A composed component built from `UserChip` + `Menu` +
+ * `Dropdown`. Pass a `name` to use the labelled pill as the trigger, or omit it
+ * for just the avatar. Dismisses on outside press / back button.
+ */
+export declare function UserMenu({ options, onSelect, source, name, initials, size, chipBackgroundColor, chipColor, anchorOrigin, menuOrigin, offset, menuWidth, showDividers, closeOnSelect, open, onOpenChange, }: UserMenuProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UserMenu.d.ts.map

package/lib/typescript/commonjs/components/Menu/UserMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/UserMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAC;AAE/C,MAAM,WAAW,aAAa;IAC5B,sCAAsC;IACtC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC,oCAAoC;IACpC,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,yGAAyG;IACzG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,gFAAgF;IAChF,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,2EAA2E;IAC3E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gEAAgE;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gDAAgD;IAChD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAW,EACX,mBAAmB,EACnB,SAAS,EACT,YAAyD,EACzD,UAAoD,EACpD,MAAU,EACV,SAAS,EACT,YAAY,EACZ,aAAoB,EACpB,IAAI,EACJ,YAAY,GACb,EAAE,aAAa,2CAkCf"}

package/lib/typescript/commonjs/components/Menu/index.d.ts

@@ -0,0 +1,9 @@
+export { Menu } from './Menu';
+export type { MenuProps, MenuOrigin, MenuTriggerState, OriginVertical, OriginHorizontal, } from './Menu';
+export { MenuButton } from './MenuButton';
+export type { MenuButtonProps } from './MenuButton';
+export { SelectButton } from './SelectButton';
+export type { SelectButtonProps, SelectButtonOption } from './SelectButton';
+export { UserMenu } from './UserMenu';
+export type { UserMenuProps } from './UserMenu';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/Menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EACV,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,GACjB,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/lib/typescript/commonjs/components/Select/Select.d.ts

@@ -0,0 +1,73 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { IconName } from '../Icon/icons.generated';
+import { type EdgeInsets, type MenuOrigin } from '../Menu/Menu';
+export type SelectSize = 'md' | 'lg';
+/** An option in a `Select`. */
+export interface SelectOption {
+    key: string;
+    label: string;
+    /** Leading icon shown in the option row. */
+    icon?: IconName;
+    disabled?: boolean;
+}
+export interface SelectProps {
+    /** The options to choose from. */
+    options: SelectOption[];
+    /** Allow choosing several options (checkbox rows; value is an array). */
+    multiple?: boolean;
+    /** Selected key(s) — a string (single) or string[] (multiple). Controlled. */
+    value?: string | string[];
+    /** Initial selection for the uncontrolled case. */
+    defaultValue?: string | string[];
+    /** Called with the new selection (string for single, string[] for multiple). */
+    onChange?: (value: string | string[]) => void;
+    /** Label above the field. */
+    label?: string;
+    /** Helper text below the field. Replaced by the error message when `error` is a string. */
+    helperText?: string;
+    /** Mark invalid. Pass a string to show it as the error message. */
+    error?: boolean | string;
+    /** Text shown when nothing is selected. Defaults to "Select option". */
+    placeholder?: string;
+    /** Fixed leading icon on the field. */
+    leftIcon?: IconName;
+    /** Field height: `md` = 48, `lg` = 58. Defaults to `lg`. */
+    size?: SelectSize;
+    /** Fixed field width. Omit to use `fullWidth` (the Figma default). */
+    width?: number;
+    /** Stretch to the full width of the parent. Defaults to true. Ignored when `width` is set. */
+    fullWidth?: boolean;
+    /** Disable the field. */
+    disabled?: boolean;
+    /** Custom display for the selected value(s). */
+    renderValue?: (selected: SelectOption[]) => string;
+    /** Match the menu width to the field width. Defaults to true. */
+    matchTriggerWidth?: boolean;
+    /** Menu width when `matchTriggerWidth` is false. */
+    menuWidth?: number;
+    /** Max menu height; scrolls beyond it. */
+    maxHeight?: number;
+    /** Point on the field the menu latches to. Defaults to `{ bottom, left }`. */
+    anchorOrigin?: MenuOrigin;
+    /** Point on the menu placed at the anchor. Defaults to `{ top, left }`. */
+    menuOrigin?: MenuOrigin;
+    /** Gap between field and menu. Defaults to 8. */
+    offset?: number;
+    /** Auto-fit the menu height and flip direction near screen edges. Defaults to true. */
+    autoFit?: boolean;
+    /** Safe-area insets to keep clear. */
+    insets?: EdgeInsets;
+    /** Close after selecting. Defaults to `!multiple`. */
+    closeOnSelect?: boolean;
+    /** Container style. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Select — a form field that opens a `Dropdown` of options. The field mirrors
+ * `Input` (pill, label, helper/error, lime focus ring, red error ring); it is
+ * not editable — pressing it opens the menu, which matches the field width. The
+ * current option is marked with a check. With `multiple`, rows become checkboxes,
+ * the value is an array, and the menu stays open while picking.
+ */
+export declare function Select({ options, multiple, value, defaultValue, onChange, label, helperText, error, placeholder, leftIcon, size, width, fullWidth, disabled, renderValue, matchTriggerWidth, menuWidth, maxHeight, anchorOrigin, menuOrigin, offset, autoFit, insets, closeOnSelect, style, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Select.d.ts.map

package/lib/typescript/commonjs/components/Select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAQ,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAiBtE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAUrC,+BAA+B;AAC/B,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,kCAAkC;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,gFAAgF;IAChF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAE9C,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8FAA8F;IAC9F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,MAAM,CAAC;IAEnD,iEAAiE;IACjE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,2EAA2E;IAC3E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,sDAAsD;IACtD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uBAAuB;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,QAAgB,EAChB,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,UAAU,EACV,KAAK,EACL,WAA6B,EAC7B,QAAQ,EACR,IAAW,EACX,KAAK,EACL,SAAgB,EAChB,QAAgB,EAChB,WAAW,EACX,iBAAwB,EACxB,SAAS,EACT,SAAS,EACT,YAAyD,EACzD,UAAoD,EACpD,MAAU,EACV,OAAc,EACd,MAAM,EACN,aAAa,EACb,KAAK,GACN,EAAE,WAAW,2CAyLb"}

package/lib/typescript/commonjs/components/Select/index.d.ts

@@ -0,0 +1,3 @@
+export { Select } from './Select';
+export type { SelectProps, SelectOption, SelectSize } from './Select';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}

package/lib/typescript/commonjs/components/UserChip/UserChip.d.ts

@@ -0,0 +1,33 @@
+import { type ImageSourcePropType, type StyleProp, type ViewStyle } from 'react-native';
+export type UserChipSize = 'sm' | 'md' | 'lg';
+export interface UserChipProps {
+    /** Avatar image; when omitted or it fails to load, initials from `name` show. */
+    source?: ImageSourcePropType;
+    /**
+     * Name shown as the label and used for the avatar initials. When omitted, only
+     * the avatar renders (no pill) — the label's presence is driven by this prop.
+     */
+    name?: string;
+    /** Explicit initials for the avatar fallback (overrides `name`). */
+    initials?: string;
+    /** Size preset — scales the avatar, text and the fixed pill width. Defaults to `md`. */
+    size?: UserChipSize;
+    /** Pill background. Defaults to `action.primary` (lime). */
+    backgroundColor?: string;
+    /** Text color. Defaults to `action.secondaryForeground`. */
+    color?: string;
+    /** Make the chip pressable. */
+    onPress?: () => void;
+    /** Override the container style. */
+    style?: StyleProp<ViewStyle>;
+    /** Accessibility label. Defaults to `name`. */
+    accessibilityLabel?: string;
+}
+/**
+ * User chip — an `Avatar` with an optional name. With a `name` it renders the
+ * lime pill from Figma "User": the avatar flush on the left and the name in a
+ * fixed-width box that is centered when short and truncates with an ellipsis when
+ * long. Without a `name` it is just the avatar. The pill width is fixed per size.
+ */
+export declare function UserChip({ source, name, initials, size, backgroundColor, color, onPress, style, accessibilityLabel, }: UserChipProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UserChip.d.ts.map

package/lib/typescript/commonjs/components/UserChip/UserChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserChip.d.ts","sourceRoot":"","sources":["../../../../../src/components/UserChip/UserChip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,EACxB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAMtB,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,aAAa;IAC5B,iFAAiF;IACjF,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wFAAwF;IACxF,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,4DAA4D;IAC5D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAgBD;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAW,EACX,eAAe,EACf,KAAK,EACL,OAAO,EACP,KAAK,EACL,kBAAkB,GACnB,EAAE,aAAa,2CAqEf"}

package/lib/typescript/commonjs/components/UserChip/index.d.ts

@@ -0,0 +1,3 @@
+export { UserChip } from './UserChip';
+export type { UserChipProps, UserChipSize } from './UserChip';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/UserChip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/UserChip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}

package/lib/typescript/commonjs/components/index.d.ts

@@ -7,18 +7,22 @@ export * from './Chip';
 export * from './CodeField';
 export * from './CodeInput';
 export * from './Dialog';
+export * from './Dropdown';
 export * from './Icon';
 export * from './IconButton';
 export * from './Input';
 export * from './Keypad';
 export * from './LinkButton';
+export * from './Menu';
 export * from './ProductCard';
 export * from './QuantityStepper';
 export * from './Radio';
+export * from './Select';
 export * from './Spinner';
 export * from './Surface';
 export * from './Switch';
 export * from './Text';
 export * from './Toast';
+export * from './UserChip';
 export type { LabelPosition } from './_internal/Labeled';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/commonjs/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AAExB,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAE3B,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/lib/typescript/module/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,105 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { RadiusToken } from '../../theme/spacing';
+import type { IconName } from '../Icon/icons.generated';
+import { type SwitchSize } from '../Switch/Switch';
+/**
+ * A leading/trailing slot on a row. Either a decorative/actionable control from
+ * the design system, or any custom node (avatar, flag, badge…).
+ */
+export type DropdownSlot = {
+    kind: 'icon';
+    name: IconName;
+    color?: string;
+} | {
+    kind: 'iconButton';
+    name: IconName;
+    onPress: () => void;
+    color?: string;
+    accessibilityLabel?: string;
+} | {
+    kind: 'checkbox';
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    indeterminate?: boolean;
+} | {
+    kind: 'switch';
+    value: boolean;
+    onChange: (value: boolean) => void;
+    size?: SwitchSize;
+} | {
+    kind: 'radio';
+    selected: boolean;
+    onChange: () => void;
+} | {
+    kind: 'custom';
+    node: ReactNode;
+};
+export interface DropdownItemProps {
+    /** Primary text. */
+    label: string;
+    /** Optional secondary line under the label. */
+    description?: string;
+    /** Slot before the text (icon / control / custom). */
+    leading?: DropdownSlot;
+    /** Slot after the text (icon / control / custom). */
+    trailing?: DropdownSlot;
+    /** Row press. If omitted, tapping the row toggles the trailing (then leading) control when it is a checkbox / switch / radio. */
+    onPress?: () => void;
+    /** Highlight the row as selected. */
+    selected?: boolean;
+    /** Dim and block the row. */
+    disabled?: boolean;
+    /** Render the label (and icon slots) in the error color — for "Delete" etc. */
+    destructive?: boolean;
+    /** Minimum row height. Defaults to 58 (Figma). */
+    height?: number;
+    /** Horizontal padding. Defaults to 16 (Figma). */
+    paddingHorizontal?: number;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * A single dropdown / menu row: text with optional leading and trailing slots
+ * (icon, icon button, checkbox, switch, radio, or a custom node). Used on its
+ * own or, more commonly, inside `Dropdown`.
+ */
+export declare function DropdownItem({ label, description, leading, trailing, onPress, selected, disabled, destructive, height, paddingHorizontal, style, }: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
+/** An entry in a `Dropdown`: an item, a section header, or a divider. */
+export type DropdownEntry = (DropdownItemProps & {
+    key: string;
+    type?: 'item';
+}) | {
+    key: string;
+    type: 'header';
+    label: string;
+} | {
+    key: string;
+    type: 'divider';
+};
+export interface DropdownProps {
+    /** The rows to render (dynamic length). Mix items, headers and dividers. */
+    options: DropdownEntry[];
+    /** Called with the key of the pressed item (after its own `onPress`). */
+    onSelect?: (key: string) => void;
+    /** Panel width. Defaults to 350 (Figma). Pass a style with `width: '100%'` to fill a parent/trigger instead. */
+    width?: number;
+    /** Minimum panel width. */
+    minWidth?: number;
+    /** Max panel height; content scrolls beyond it. */
+    maxHeight?: number;
+    /** Draw hairline dividers between items. Defaults to true (Figma). */
+    showDividers?: boolean;
+    /** Vertical padding inside the panel. Defaults to 0 (rows meet the rounded edges, Figma). */
+    paddingVertical?: number;
+    /** Corner radius token. Defaults to `xl` (16). */
+    radius?: RadiusToken;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Dropdown / menu panel — an elevated surface listing a dynamic set of options.
+ * Meant to be shown from a trigger (an Input select, an IconButton, …). Each row
+ * is a `DropdownItem`, so options can carry icons, checkboxes, switches, radios
+ * or custom nodes on either side. Supports section headers, dividers and scroll.
+ */
+export declare function Dropdown({ options, onSelect, width, minWidth, maxHeight, showDividers, paddingVertical, radius, style, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Dropdown.d.ts.map

package/lib/typescript/module/components/Dropdown/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/module/components/Dropdown/index.d.ts

@@ -0,0 +1,3 @@
+export { Dropdown, DropdownItem } from './Dropdown';
+export type { DropdownProps, DropdownItemProps, DropdownEntry, DropdownSlot } from './Dropdown';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/components/Dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AACpD,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}

package/lib/typescript/module/components/Menu/Menu.d.ts

@@ -0,0 +1,66 @@
+import { type ReactNode } from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type OriginVertical = 'top' | 'center' | 'bottom';
+export type OriginHorizontal = 'left' | 'center' | 'right';
+/** A point on a box: a vertical and a horizontal edge/center. */
+export interface MenuOrigin {
+    vertical: OriginVertical;
+    horizontal: OriginHorizontal;
+}
+/** State handed to the trigger renderer and (optionally) the content renderer. */
+export interface MenuTriggerState {
+    open: boolean;
+    toggle: () => void;
+    close: () => void;
+}
+export interface MenuProps {
+    /** Renders the trigger. Wire its press to `toggle`. */
+    renderTrigger: (state: MenuTriggerState) => ReactNode;
+    /**
+     * The overlay content (e.g. a `Dropdown`). May be a function receiving
+     * `{ close, triggerWidth, maxHeight }` — `maxHeight` is the auto-fit height
+     * (space available in the chosen direction) so the content can scroll.
+     */
+    children: ReactNode | ((state: {
+        close: () => void;
+        triggerWidth?: number;
+        maxHeight?: number;
+    }) => ReactNode);
+    /** Point on the trigger the menu latches to. Defaults to `{ bottom, left }`. */
+    anchorOrigin?: MenuOrigin;
+    /** Point on the menu placed at the anchor. Defaults to `{ top, left }`. */
+    menuOrigin?: MenuOrigin;
+    /** Gap between trigger and menu along the vertical axis. Defaults to 8. */
+    offset?: number;
+    /**
+     * Fit the menu to the space available and flip its direction when the
+     * preferred side doesn't have room. Provides a `maxHeight` to the content so it
+     * scrolls instead of overflowing the screen. Defaults to true.
+     */
+    autoFit?: boolean;
+    /** Safe-area insets to keep clear (pass from `react-native-safe-area-context` if you use it). */
+    insets?: EdgeInsets;
+    /** Controlled open state. Omit for uncontrolled. */
+    open?: boolean;
+    /** Notified whenever the open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Padding kept from the screen edges when clamping. Defaults to 8. */
+    screenPadding?: number;
+    /** Style for the (measuring) wrapper around the trigger. Defaults to hugging the trigger. */
+    triggerStyle?: StyleProp<ViewStyle>;
+}
+export interface EdgeInsets {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+/**
+ * Anchored overlay menu. Renders a trigger inline and, when open, a floating
+ * panel positioned relative to the trigger via two origins — `anchorOrigin`
+ * (point on the trigger) and `menuOrigin` (matching point on the menu). Tapping
+ * outside (or the hardware back button) dismisses it. Used to compose menu
+ * buttons, select fields, popovers, etc.
+ */
+export declare function Menu({ renderTrigger, children, anchorOrigin, menuOrigin, offset, autoFit, insets, open: openProp, onOpenChange, screenPadding, triggerStyle, }: MenuProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Menu.d.ts.map

package/lib/typescript/module/components/Menu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EASL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACzD,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE3D,iEAAiE;AACjE,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,cAAc,CAAC;IACzB,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAKD,kFAAkF;AAClF,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,SAAS;IACxB,uDAAuD;IACvD,aAAa,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,SAAS,CAAC;IACtD;;;;OAIG;IACH,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC,CAAC;IAC7F,gFAAgF;IAChF,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,2EAA2E;IAC3E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iGAAiG;IACjG,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,oDAAoD;IACpD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gDAAgD;IAChD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,uEAAuE;IACvE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6FAA6F;IAC7F,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAgBD;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,EACnB,aAAa,EACb,QAAQ,EACR,YAAyD,EACzD,UAAoD,EACpD,MAAU,EACV,OAAc,EACd,MAAoB,EACpB,IAAI,EAAE,QAAQ,EACd,YAAY,EACZ,aAAiB,EACjB,YAAY,GACb,EAAE,SAAS,2CA4IX"}

package/lib/typescript/module/components/Menu/MenuButton.d.ts

@@ -0,0 +1,46 @@
+import { type DropdownEntry } from '../Dropdown/Dropdown';
+import { type IconButtonShape, type IconButtonSize, type IconButtonVariant } from '../IconButton/IconButton';
+import type { IconName } from '../Icon/icons.generated';
+import { type MenuOrigin } from './Menu';
+export interface MenuButtonProps {
+    /** The menu rows (see `Dropdown`). */
+    options: DropdownEntry[];
+    /** Called with the key of the selected row. */
+    onSelect?: (key: string) => void;
+    /** Trigger icon. Defaults to `more` (the "More" button). */
+    icon?: IconName;
+    /** Accessibility label for the trigger. Defaults to "More options". */
+    accessibilityLabel?: string;
+    /** Trigger visual. Defaults to `secondary` (white + hairline border). */
+    variant?: IconButtonVariant;
+    /** Trigger size. Defaults to `md`. */
+    size?: IconButtonSize;
+    /** Trigger shape. Defaults to `round`. */
+    shape?: IconButtonShape;
+    /** Disable the trigger. */
+    disabled?: boolean;
+    /** Point on the trigger the menu latches to. Defaults to `{ bottom, right }`. */
+    anchorOrigin?: MenuOrigin;
+    /** Point on the menu placed at the anchor. Defaults to `{ top, right }`. */
+    menuOrigin?: MenuOrigin;
+    /** Gap between trigger and menu. Defaults to 8. */
+    offset?: number;
+    /** Menu width. Defaults to the `Dropdown` default (350). */
+    menuWidth?: number;
+    /** Draw dividers between rows. Defaults to the `Dropdown` default (true). */
+    showDividers?: boolean;
+    /** Close the menu after a row is selected. Defaults to true. */
+    closeOnSelect?: boolean;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Notified whenever the open state changes. */
+    onOpenChange?: (open: boolean) => void;
+}
+/**
+ * A "More"-style menu button — an `IconButton` that opens an anchored `Dropdown`.
+ * The first composed component built from `IconButton` + `Icon` + `Dropdown` +
+ * `Menu`. Placement is controlled by the two-origin model (`anchorOrigin` on the
+ * trigger, `menuOrigin` on the menu). Dismisses on outside press / back button.
+ */
+export declare function MenuButton({ options, onSelect, icon, accessibilityLabel, variant, size, shape, disabled, anchorOrigin, menuOrigin, offset, menuWidth, showDividers, closeOnSelect, open, onOpenChange, }: MenuButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MenuButton.d.ts.map

package/lib/typescript/module/components/Menu/MenuButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAc,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AACzH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAC;AAE/C,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,4DAA4D;IAC5D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yEAAyE;IACzE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,sCAAsC;IACtC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iFAAiF;IACjF,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gEAAgE;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gDAAgD;IAChD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,EACR,IAAa,EACb,kBAAmC,EACnC,OAAqB,EACrB,IAAW,EACX,KAAe,EACf,QAAgB,EAChB,YAA0D,EAC1D,UAAqD,EACrD,MAAU,EACV,SAAS,EACT,YAAY,EACZ,aAAoB,EACpB,IAAI,EACJ,YAAY,GACb,EAAE,eAAe,2CAkCjB"}

package/lib/typescript/module/components/Menu/SelectButton.d.ts

@@ -0,0 +1,60 @@
+import { type ButtonSize, type ButtonVariant } from '../Button/Button';
+import type { IconName } from '../Icon/icons.generated';
+import { type MenuOrigin } from './Menu';
+/** A selectable option. Its `icon` shows both in the row and on the trigger when chosen. */
+export interface SelectButtonOption {
+    key: string;
+    label: string;
+    icon?: IconName;
+    disabled?: boolean;
+}
+export interface SelectButtonProps {
+    /** The options to choose from. */
+    options: SelectButtonOption[];
+    /** Selected key (controlled). */
+    value?: string;
+    /** Selected key for the uncontrolled case. */
+    defaultValue?: string;
+    /** Called with the newly selected key. */
+    onChange?: (key: string) => void;
+    /** Trigger label when nothing is selected. */
+    placeholder?: string;
+    /** Trigger leading icon when nothing is selected. */
+    placeholderIcon?: IconName;
+    /** Show the selected option's icon on the trigger. Defaults to true. */
+    showSelectedIcon?: boolean;
+    /** Show a trailing chevron on the trigger. Defaults to false (matches the mockup). */
+    chevron?: boolean;
+    /** Trigger visual. Defaults to `secondary`. */
+    variant?: ButtonVariant;
+    /** Trigger size. Defaults to `sm`. */
+    size?: ButtonSize;
+    /** Stretch the trigger to the parent width. */
+    fullWidth?: boolean;
+    /** Disable the trigger. */
+    disabled?: boolean;
+    /** Point on the trigger the menu latches to. Defaults to `{ bottom, left }`. */
+    anchorOrigin?: MenuOrigin;
+    /** Point on the menu placed at the anchor. Defaults to `{ top, left }`. */
+    menuOrigin?: MenuOrigin;
+    /** Gap between trigger and menu. Defaults to 8. */
+    offset?: number;
+    /** Menu width. Defaults to the `Dropdown` default (350). */
+    menuWidth?: number;
+    /** Draw dividers between rows. Defaults to the `Dropdown` default (true). */
+    showDividers?: boolean;
+    /** Close the menu after selecting. Defaults to true. */
+    closeOnSelect?: boolean;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Notified whenever the open state changes. */
+    onOpenChange?: (open: boolean) => void;
+}
+/**
+ * Select-style button — a `Button` (label + leading icon) that opens an anchored
+ * `Dropdown` to change its value; the current option is marked with a check.
+ * A composed component built from `Button` + `Menu` + `Dropdown`. Controlled via
+ * `value` / `onChange`, or uncontrolled via `defaultValue`.
+ */
+export declare function SelectButton({ options, value: valueProp, defaultValue, onChange, placeholder, placeholderIcon, showSelectedIcon, chevron, variant, size, fullWidth, disabled, anchorOrigin, menuOrigin, offset, menuWidth, showDividers, closeOnSelect, open, onOpenChange, }: SelectButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectButton.d.ts.map

package/lib/typescript/module/components/Menu/SelectButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/SelectButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAG/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAC;AAE/C,4FAA4F;AAC5F,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,kCAAkC;IAClC,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sFAAsF;IACtF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,sCAAsC;IACtC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gFAAgF;IAChF,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,2EAA2E;IAC3E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wDAAwD;IACxD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gDAAgD;IAChD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAqBD;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,QAAQ,EACR,WAAsB,EACtB,eAAe,EACf,gBAAuB,EACvB,OAAe,EACf,OAAqB,EACrB,IAAW,EACX,SAAiB,EACjB,QAAgB,EAChB,YAAyD,EACzD,UAAoD,EACpD,MAAU,EACV,SAAS,EACT,YAAY,EACZ,aAAoB,EACpB,IAAI,EACJ,YAAY,GACb,EAAE,iBAAiB,2CAiEnB"}