@persona/design-system 0.1.5-pre.4

package/dist/ComboboxMultiSelect-Dn8cRZ6Z.d.cts

@@ -0,0 +1,47 @@
+import { n as ComboboxBaseProps } from "./ComboboxBase-D2wypeXf.cjs";
+
+//#region components/Combobox/ComboboxMultiSelect.d.ts
+interface ComboboxMultiSelectProps<T = string> extends ComboboxBaseProps<T> {
+  /**
+   * Multi-select mode
+   */
+  multiple: true;
+  /**
+   * Selected values
+   */
+  values?: T[];
+  /**
+   * Callback when selection changes
+   */
+  onValuesChange?: (values: T[]) => void;
+  /**
+   * Placeholder for search input in dropdown
+   */
+  searchPlaceholder?: string;
+  /**
+   * If true, the combobox will truncate the selected items to a single line with overflow indicator.
+   */
+  truncate?: boolean;
+  /**
+   * If true, the combobox will show a special option to select or deselect all items in the current list
+   */
+  selectAll?: boolean;
+  /**
+   * When `true`, options keep their given order instead of floating
+   * currently-selected options to the top. Toggling a value no longer
+   * reorders the list under the pointer — important for surfaces like filter
+   * value pickers, where the just-clicked row visibly jumping to another
+   * position reads as "the wrong item toggled". Defaults to `false`
+   * (selected-first).
+   */
+  stableOptionOrder?: boolean;
+  value?: never;
+  onChange?: never;
+  virtualize?: boolean;
+}
+declare const ComboboxMultiSelect: <T = string>(props: ComboboxMultiSelectProps<T> & {
+  ref?: React.Ref<HTMLInputElement>;
+}) => React.ReactElement;
+//#endregion
+export { ComboboxMultiSelectProps as n, ComboboxMultiSelect as t };
+//# sourceMappingURL=ComboboxMultiSelect-Dn8cRZ6Z.d.cts.map

package/dist/ComboboxMultiSelect-Dq9DGH8S.d.mts

@@ -0,0 +1,47 @@
+import { n as ComboboxBaseProps } from "./ComboboxBase-INya0Csa.mjs";
+
+//#region components/Combobox/ComboboxMultiSelect.d.ts
+interface ComboboxMultiSelectProps<T = string> extends ComboboxBaseProps<T> {
+  /**
+   * Multi-select mode
+   */
+  multiple: true;
+  /**
+   * Selected values
+   */
+  values?: T[];
+  /**
+   * Callback when selection changes
+   */
+  onValuesChange?: (values: T[]) => void;
+  /**
+   * Placeholder for search input in dropdown
+   */
+  searchPlaceholder?: string;
+  /**
+   * If true, the combobox will truncate the selected items to a single line with overflow indicator.
+   */
+  truncate?: boolean;
+  /**
+   * If true, the combobox will show a special option to select or deselect all items in the current list
+   */
+  selectAll?: boolean;
+  /**
+   * When `true`, options keep their given order instead of floating
+   * currently-selected options to the top. Toggling a value no longer
+   * reorders the list under the pointer — important for surfaces like filter
+   * value pickers, where the just-clicked row visibly jumping to another
+   * position reads as "the wrong item toggled". Defaults to `false`
+   * (selected-first).
+   */
+  stableOptionOrder?: boolean;
+  value?: never;
+  onChange?: never;
+  virtualize?: boolean;
+}
+declare const ComboboxMultiSelect: <T = string>(props: ComboboxMultiSelectProps<T> & {
+  ref?: React.Ref<HTMLInputElement>;
+}) => React.ReactElement;
+//#endregion
+export { ComboboxMultiSelectProps as n, ComboboxMultiSelect as t };
+//# sourceMappingURL=ComboboxMultiSelect-Dq9DGH8S.d.mts.map

package/dist/ComboboxMultiSelect.d.cts

@@ -0,0 +1,2 @@
+import { n as ComboboxMultiSelectProps, t as ComboboxMultiSelect } from "./ComboboxMultiSelect-Dn8cRZ6Z.cjs";
+export { ComboboxMultiSelect, ComboboxMultiSelect as default, ComboboxMultiSelectProps };

package/dist/ComboboxMultiSelect.d.mts

@@ -0,0 +1,2 @@
+import { n as ComboboxMultiSelectProps, t as ComboboxMultiSelect } from "./ComboboxMultiSelect-Dq9DGH8S.mjs";
+export { ComboboxMultiSelect, ComboboxMultiSelect as default, ComboboxMultiSelectProps };

package/dist/ComboboxSingleSelect-D8YM7GKP.d.cts

@@ -0,0 +1,35 @@
+import { n as InputSizes } from "./input-Bm_anD8X.cjs";
+import { n as ComboboxBaseProps } from "./ComboboxBase-D2wypeXf.cjs";
+import { u as MenuItemType } from "./Menu-DPrNMatb.cjs";
+import * as _$styled_components0 from "styled-components";
+
+//#region components/Combobox/ComboboxSingleSelect.d.ts
+interface ComboboxSingleSelectProps<T = string> extends ComboboxBaseProps<T> {
+  /**
+   * Single-select mode
+   */
+  multiple?: false;
+  /**
+   * Selected value
+   */
+  value?: T | null;
+  /**
+   * Callback when selection changes
+   */
+  onChange?: (value: T | null) => void;
+  values?: never;
+  onValuesChange?: never;
+  searchPlaceholder?: never;
+  truncate?: never;
+  selectAll?: never;
+  stableOptionOrder?: never;
+}
+declare const StyledMenuItem: _$styled_components0.StyledComponent<MenuItemType<"div">, any, {
+  size?: InputSizes;
+}, never>;
+declare const ComboboxSingleSelect: <T = string>(props: ComboboxSingleSelectProps<T> & {
+  ref?: React.Ref<HTMLInputElement>;
+}) => React.ReactElement;
+//#endregion
+export { ComboboxSingleSelectProps as n, StyledMenuItem as r, ComboboxSingleSelect as t };
+//# sourceMappingURL=ComboboxSingleSelect-D8YM7GKP.d.cts.map

package/dist/ComboboxSingleSelect-WwBJRb0e.d.mts

@@ -0,0 +1,35 @@
+import { n as InputSizes } from "./input-BCmP106-.mjs";
+import { n as ComboboxBaseProps } from "./ComboboxBase-INya0Csa.mjs";
+import { u as MenuItemType } from "./Menu-DIFkRQ6x.mjs";
+import * as _$styled_components0 from "styled-components";
+
+//#region components/Combobox/ComboboxSingleSelect.d.ts
+interface ComboboxSingleSelectProps<T = string> extends ComboboxBaseProps<T> {
+  /**
+   * Single-select mode
+   */
+  multiple?: false;
+  /**
+   * Selected value
+   */
+  value?: T | null;
+  /**
+   * Callback when selection changes
+   */
+  onChange?: (value: T | null) => void;
+  values?: never;
+  onValuesChange?: never;
+  searchPlaceholder?: never;
+  truncate?: never;
+  selectAll?: never;
+  stableOptionOrder?: never;
+}
+declare const StyledMenuItem: _$styled_components0.StyledComponent<MenuItemType<"div">, any, {
+  size?: InputSizes;
+}, never>;
+declare const ComboboxSingleSelect: <T = string>(props: ComboboxSingleSelectProps<T> & {
+  ref?: React.Ref<HTMLInputElement>;
+}) => React.ReactElement;
+//#endregion
+export { ComboboxSingleSelectProps as n, StyledMenuItem as r, ComboboxSingleSelect as t };
+//# sourceMappingURL=ComboboxSingleSelect-WwBJRb0e.d.mts.map

package/dist/ComboboxSingleSelect.d.cts

@@ -0,0 +1,2 @@
+import { n as ComboboxSingleSelectProps, r as StyledMenuItem, t as ComboboxSingleSelect } from "./ComboboxSingleSelect-D8YM7GKP.cjs";
+export { ComboboxSingleSelect, ComboboxSingleSelect as default, ComboboxSingleSelectProps, StyledMenuItem };

package/dist/ComboboxSingleSelect.d.mts

@@ -0,0 +1,2 @@
+import { n as ComboboxSingleSelectProps, r as StyledMenuItem, t as ComboboxSingleSelect } from "./ComboboxSingleSelect-WwBJRb0e.mjs";
+export { ComboboxSingleSelect, ComboboxSingleSelect as default, ComboboxSingleSelectProps, StyledMenuItem };

package/dist/ConfigFormGroup.d.cts

@@ -0,0 +1,7 @@
+import * as _$react from "react";
+
+//#region components/ConfigFormGroup/ConfigFormGroup.d.ts
+declare const ConfigFormGroup: _$react.ForwardRefExoticComponent<Omit<_$react.DetailedHTMLProps<_$react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { ConfigFormGroup, ConfigFormGroup as default };
+//# sourceMappingURL=ConfigFormGroup.d.cts.map

package/dist/ConfigFormGroup.d.mts

@@ -0,0 +1,7 @@
+import * as _$react from "react";
+
+//#region components/ConfigFormGroup/ConfigFormGroup.d.ts
+declare const ConfigFormGroup: _$react.ForwardRefExoticComponent<Omit<_$react.DetailedHTMLProps<_$react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { ConfigFormGroup, ConfigFormGroup as default };
+//# sourceMappingURL=ConfigFormGroup.d.mts.map

package/dist/DateField-Bwe_0qm9.d.cts

@@ -0,0 +1,24 @@
+import { n as InputSizes } from "./input-Bm_anD8X.cjs";
+import { t as AriaDateFieldProps } from "./index-CExuKKOI.cjs";
+import * as _$react from "react";
+import React$1, { ElementType, ReactElement, ReactNode } from "react";
+import { DateValue } from "@internationalized/date";
+
+//#region components/DatePicker/DateField.d.ts
+interface DateFieldProps extends AriaDateFieldProps<DateValue> {
+  inputPosition?: 'start' | 'end';
+  focused?: boolean;
+  readOnly?: boolean;
+  value?: DateValue;
+  disabled?: boolean;
+  size?: InputSizes;
+  style?: React.CSSProperties;
+  dateFieldProps?: {
+    style?: React.CSSProperties;
+  };
+  hasError?: boolean;
+}
+declare const DateField: _$react.ForwardRefExoticComponent<DateFieldProps & _$react.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { DateField as t };
+//# sourceMappingURL=DateField-Bwe_0qm9.d.cts.map

package/dist/DateField-Chko9oLb.d.mts

@@ -0,0 +1,24 @@
+import { n as InputSizes } from "./input-BCmP106-.mjs";
+import { t as AriaDateFieldProps } from "./index-8R9vlM2B.mjs";
+import * as _$react from "react";
+import React$1, { ElementType, ReactElement, ReactNode } from "react";
+import { DateFormatter, DateValue } from "@internationalized/date";
+
+//#region components/DatePicker/DateField.d.ts
+interface DateFieldProps extends AriaDateFieldProps<DateValue> {
+  inputPosition?: 'start' | 'end';
+  focused?: boolean;
+  readOnly?: boolean;
+  value?: DateValue;
+  disabled?: boolean;
+  size?: InputSizes;
+  style?: React.CSSProperties;
+  dateFieldProps?: {
+    style?: React.CSSProperties;
+  };
+  hasError?: boolean;
+}
+declare const DateField: _$react.ForwardRefExoticComponent<DateFieldProps & _$react.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { DateField as t };
+//# sourceMappingURL=DateField-Chko9oLb.d.mts.map

package/dist/DateField.d.cts

@@ -0,0 +1,2 @@
+import { t as DateField } from "./DateField-Bwe_0qm9.cjs";
+export { DateField, DateField as default };

package/dist/DateField.d.mts

@@ -0,0 +1,2 @@
+import { t as DateField } from "./DateField-Chko9oLb.mjs";
+export { DateField, DateField as default };

package/dist/DatePicker.d.cts

@@ -0,0 +1,19 @@
+import { n as InputSizes } from "./input-Bm_anD8X.cjs";
+import { n as DatePickerProps$1 } from "./index-CExuKKOI.cjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
+import { DateValue } from "@internationalized/date";
+
+//#region components/DatePicker/DatePicker.d.ts
+interface DatePickerProps extends DatePickerProps$1<DateValue> {
+  id?: string;
+  dateFieldProps?: {
+    style?: React.CSSProperties;
+  };
+  disabled?: boolean;
+  size?: InputSizes;
+  useModalZIndex?: boolean;
+}
+declare const DatePicker: (props: DatePickerProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DatePicker, DatePicker as default, DatePickerProps };
+//# sourceMappingURL=DatePicker.d.cts.map

package/dist/DatePicker.d.mts

@@ -0,0 +1,19 @@
+import { n as InputSizes } from "./input-BCmP106-.mjs";
+import { n as DatePickerProps$1 } from "./index-8R9vlM2B.mjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { DateValue } from "@internationalized/date";
+
+//#region components/DatePicker/DatePicker.d.ts
+interface DatePickerProps extends DatePickerProps$1<DateValue> {
+  id?: string;
+  dateFieldProps?: {
+    style?: React.CSSProperties;
+  };
+  disabled?: boolean;
+  size?: InputSizes;
+  useModalZIndex?: boolean;
+}
+declare const DatePicker: (props: DatePickerProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DatePicker, DatePicker as default, DatePickerProps };
+//# sourceMappingURL=DatePicker.d.mts.map

package/dist/DateRangePicker.d.cts

@@ -0,0 +1,46 @@
+import { n as InputSizes } from "./input-Bm_anD8X.cjs";
+import { a as AriaLabelingProps, i as RangeValue, r as DateRangePickerProps$1 } from "./index-CExuKKOI.cjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
+import { DateValue } from "@internationalized/date";
+import { DateTime } from "luxon";
+
+//#region components/DatePicker/DateRangePicker.d.ts
+type DateRange = {
+  startDate?: DateTime;
+  endDate?: DateTime;
+};
+interface DateRangePickerProps extends DateRangePickerProps$1<DateValue>, AriaLabelingProps {
+  dateRange: DateRange;
+  onChange: (range: RangeValue<DateValue> | null) => void;
+  disabled?: boolean;
+  size?: InputSizes;
+  minDate?: DateValue;
+  maxDate?: DateValue;
+  label?: string | null;
+  dataTest?: string;
+  id?: string;
+  hidePresets?: boolean;
+  className?: string;
+  /**
+   * Whether or not to display clear button
+   */
+  showClear?: boolean;
+  /**
+   * Called when the clear button is clicked/pressed
+   */
+  onClear?: () => void;
+  /**
+   * z-index of the calendar popover
+   */
+  calendarZIndex?: number;
+}
+declare const DateRangePicker: ({
+  granularity,
+  hideTimeZone,
+  className,
+  calendarZIndex,
+  ...props
+}: DateRangePickerProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DateRange, DateRangePickerProps, DateRangePicker as default };
+//# sourceMappingURL=DateRangePicker.d.cts.map

package/dist/DateRangePicker.d.mts

@@ -0,0 +1,47 @@
+import { n as InputSizes } from "./input-BCmP106-.mjs";
+import { l as AriaLabelingProps, o as RangeValue } from "./index-CKu60b9I.mjs";
+import { r as DateRangePickerProps$1 } from "./index-8R9vlM2B.mjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { DateValue } from "@internationalized/date";
+import { DateTime } from "luxon";
+
+//#region components/DatePicker/DateRangePicker.d.ts
+type DateRange = {
+  startDate?: DateTime;
+  endDate?: DateTime;
+};
+interface DateRangePickerProps extends DateRangePickerProps$1<DateValue>, AriaLabelingProps {
+  dateRange: DateRange;
+  onChange: (range: RangeValue<DateValue> | null) => void;
+  disabled?: boolean;
+  size?: InputSizes;
+  minDate?: DateValue;
+  maxDate?: DateValue;
+  label?: string | null;
+  dataTest?: string;
+  id?: string;
+  hidePresets?: boolean;
+  className?: string;
+  /**
+   * Whether or not to display clear button
+   */
+  showClear?: boolean;
+  /**
+   * Called when the clear button is clicked/pressed
+   */
+  onClear?: () => void;
+  /**
+   * z-index of the calendar popover
+   */
+  calendarZIndex?: number;
+}
+declare const DateRangePicker: ({
+  granularity,
+  hideTimeZone,
+  className,
+  calendarZIndex,
+  ...props
+}: DateRangePickerProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DateRange, DateRangePickerProps, DateRangePicker as default };
+//# sourceMappingURL=DateRangePicker.d.mts.map

package/dist/DropdownButton-DO4NqvWR.cjs

@@ -0,0 +1,33 @@
+require("./chunk-CoPdw6nB.cjs");
+const require_IconButton = require("./IconButton-B1ZL8BqW.cjs");
+require("./components/Button/index.cjs");
+const require_DropdownMenu = require("./DropdownMenu-D2fzpkX2.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _persona_icons = require("@persona/icons");
+//#region components/DropdownButton/DropdownButton.tsx
+/**
+* A button that opens a dropdown menu.
+*/
+const DropdownButton = ({ children, menuItems, menuProps, side, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DropdownMenu.DropdownMenu_default, {
+		trigger: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconButton.Button, {
+			variant: "basic",
+			width: "auto",
+			suffixIcon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons.CaretDownIcon, {}),
+			...props,
+			children
+		}),
+		side,
+		...menuProps,
+		children: menuItems
+	});
+};
+//#endregion
+Object.defineProperty(exports, "DropdownButton", {
+	enumerable: true,
+	get: function() {
+		return DropdownButton;
+	}
+});
+
+//# sourceMappingURL=DropdownButton-DO4NqvWR.cjs.map

package/dist/DropdownButton-DO4NqvWR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownButton-DO4NqvWR.cjs","names":["DropdownMenu","Button","CaretDownIcon"],"sources":["../components/DropdownButton/DropdownButton.tsx"],"sourcesContent":["import { CaretDownIcon } from '@persona/icons';\nimport type { FC, ReactNode } from 'react';\n\nimport Button, { type ButtonProps } from 'design-system/components/Button';\nimport DropdownMenu, {\n  type DropdownMenuProps,\n} from 'design-system/components/DropdownMenu/DropdownMenu';\n\nexport interface DropdownButtonProps extends ButtonProps {\n  /**\n   * Use `DropdownMenu.Item` components to render the menu items.\n   */\n  menuItems: ReactNode;\n  /**\n   * Additional props will be spread to the inner `<DropdownMenu>` component.\n   */\n  menuProps?: Partial<Omit<DropdownMenuProps, 'trigger'>>;\n  /**\n   * The side of the dropdown menu.\n   */\n  side?: DropdownMenuProps['side'];\n}\n\n/**\n * A button that opens a dropdown menu.\n */\nexport const DropdownButton: FC<DropdownButtonProps> = ({\n  children,\n  menuItems,\n  menuProps,\n  side,\n  ...props\n}) => {\n  return (\n    <DropdownMenu\n      trigger={\n        <Button variant='basic' width='auto' suffixIcon={<CaretDownIcon />} {...props}>\n          {children}\n        </Button>\n      }\n      side={side}\n      {...menuProps}\n    >\n      {menuItems}\n    </DropdownMenu>\n  );\n};\n\nexport default DropdownButton;\n"],"mappings":";;;;;;;;;;AA0BA,MAAa,kBAA2C,EACtD,UACA,WACA,WACA,MACA,GAAG,YACC;AACJ,QACE,iBAAA,GAAA,kBAAA,KAACA,qBAAAA,sBAAD;EACE,SACE,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,QAAD;GAAQ,SAAQ;GAAQ,OAAM;GAAO,YAAY,iBAAA,GAAA,kBAAA,KAACC,eAAAA,eAAD,EAAiB,CAAA;GAAE,GAAI;GACrE;GACM,CAAA;EAEL;EACN,GAAI;YAEH;EACY,CAAA"}

package/dist/DropdownButton-k9kEcexu.mjs

@@ -0,0 +1,27 @@
+import { n as Button } from "./IconButton-C28qxOdi.mjs";
+import "./components/Button/index.mjs";
+import { n as DropdownMenu_default } from "./DropdownMenu-BTk--LWo.mjs";
+import { jsx } from "react/jsx-runtime";
+import { CaretDownIcon } from "@persona/icons";
+//#region components/DropdownButton/DropdownButton.tsx
+/**
+* A button that opens a dropdown menu.
+*/
+const DropdownButton = ({ children, menuItems, menuProps, side, ...props }) => {
+	return /* @__PURE__ */ jsx(DropdownMenu_default, {
+		trigger: /* @__PURE__ */ jsx(Button, {
+			variant: "basic",
+			width: "auto",
+			suffixIcon: /* @__PURE__ */ jsx(CaretDownIcon, {}),
+			...props,
+			children
+		}),
+		side,
+		...menuProps,
+		children: menuItems
+	});
+};
+//#endregion
+export { DropdownButton as t };
+
+//# sourceMappingURL=DropdownButton-k9kEcexu.mjs.map

package/dist/DropdownButton-k9kEcexu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownButton-k9kEcexu.mjs","names":["DropdownMenu"],"sources":["../components/DropdownButton/DropdownButton.tsx"],"sourcesContent":["import { CaretDownIcon } from '@persona/icons';\nimport type { FC, ReactNode } from 'react';\n\nimport Button, { type ButtonProps } from 'design-system/components/Button';\nimport DropdownMenu, {\n  type DropdownMenuProps,\n} from 'design-system/components/DropdownMenu/DropdownMenu';\n\nexport interface DropdownButtonProps extends ButtonProps {\n  /**\n   * Use `DropdownMenu.Item` components to render the menu items.\n   */\n  menuItems: ReactNode;\n  /**\n   * Additional props will be spread to the inner `<DropdownMenu>` component.\n   */\n  menuProps?: Partial<Omit<DropdownMenuProps, 'trigger'>>;\n  /**\n   * The side of the dropdown menu.\n   */\n  side?: DropdownMenuProps['side'];\n}\n\n/**\n * A button that opens a dropdown menu.\n */\nexport const DropdownButton: FC<DropdownButtonProps> = ({\n  children,\n  menuItems,\n  menuProps,\n  side,\n  ...props\n}) => {\n  return (\n    <DropdownMenu\n      trigger={\n        <Button variant='basic' width='auto' suffixIcon={<CaretDownIcon />} {...props}>\n          {children}\n        </Button>\n      }\n      side={side}\n      {...menuProps}\n    >\n      {menuItems}\n    </DropdownMenu>\n  );\n};\n\nexport default DropdownButton;\n"],"mappings":";;;;;;;;;AA0BA,MAAa,kBAA2C,EACtD,UACA,WACA,WACA,MACA,GAAG,YACC;AACJ,QACE,oBAACA,sBAAD;EACE,SACE,oBAAC,QAAD;GAAQ,SAAQ;GAAQ,OAAM;GAAO,YAAY,oBAAC,eAAD,EAAiB,CAAA;GAAE,GAAI;GACrE;GACM,CAAA;EAEL;EACN,GAAI;YAEH;EACY,CAAA"}

package/dist/DropdownButton.d.cts

@@ -0,0 +1,26 @@
+import { r as ButtonProps } from "./Button-C_3p5Xfi.cjs";
+import { n as DropdownMenuProps } from "./DropdownMenu-Bm2QqLEq.cjs";
+import { FC, ReactNode } from "react";
+
+//#region components/DropdownButton/DropdownButton.d.ts
+interface DropdownButtonProps extends ButtonProps {
+  /**
+   * Use `DropdownMenu.Item` components to render the menu items.
+   */
+  menuItems: ReactNode;
+  /**
+   * Additional props will be spread to the inner `<DropdownMenu>` component.
+   */
+  menuProps?: Partial<Omit<DropdownMenuProps, 'trigger'>>;
+  /**
+   * The side of the dropdown menu.
+   */
+  side?: DropdownMenuProps['side'];
+}
+/**
+ * A button that opens a dropdown menu.
+ */
+declare const DropdownButton: FC<DropdownButtonProps>;
+//#endregion
+export { DropdownButton, DropdownButton as default, DropdownButtonProps };
+//# sourceMappingURL=DropdownButton.d.cts.map

package/dist/DropdownButton.d.mts

@@ -0,0 +1,26 @@
+import { r as ButtonProps } from "./Button-DqDLGURJ.mjs";
+import { n as DropdownMenuProps } from "./DropdownMenu-rWgROxQe.mjs";
+import { FC, ReactNode } from "react";
+
+//#region components/DropdownButton/DropdownButton.d.ts
+interface DropdownButtonProps extends ButtonProps {
+  /**
+   * Use `DropdownMenu.Item` components to render the menu items.
+   */
+  menuItems: ReactNode;
+  /**
+   * Additional props will be spread to the inner `<DropdownMenu>` component.
+   */
+  menuProps?: Partial<Omit<DropdownMenuProps, 'trigger'>>;
+  /**
+   * The side of the dropdown menu.
+   */
+  side?: DropdownMenuProps['side'];
+}
+/**
+ * A button that opens a dropdown menu.
+ */
+declare const DropdownButton: FC<DropdownButtonProps>;
+//#endregion
+export { DropdownButton, DropdownButton as default, DropdownButtonProps };
+//# sourceMappingURL=DropdownButton.d.mts.map

package/dist/DropdownMenu-BTk--LWo.mjs

@@ -0,0 +1,60 @@
+import "./variables/spacing.mjs";
+import { Z_INDICES } from "./lib/zindex.mjs";
+import { a as MenuDivider, i as Menu, o as MenuHeading, s as MenuItem } from "./Menu-DNRHo2i_.mjs";
+import styled from "styled-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Children, forwardRef } from "react";
+import * as Primitive from "@radix-ui/react-dropdown-menu";
+//#region components/DropdownMenu/DropdownMenu.tsx
+const DropdownMenuContent = styled(Primitive.Content)`
+  z-index: ${({ $zIndex }) => $zIndex || Z_INDICES.tooltip};
+`;
+const DropdownMenu = ({ trigger, children, side, align = "end", contentProps, triggerProps, portalProps, className, portal = false, modal = false, disabled = false, zIndex, ...props }) => {
+	if (Children.count(children) === 0) return null;
+	const content = disabled ? null : /* @__PURE__ */ jsx(DropdownMenuContent, {
+		sideOffset: 8,
+		collisionPadding: 8,
+		align,
+		side,
+		$zIndex: zIndex,
+		...contentProps,
+		children: /* @__PURE__ */ jsx(Menu, {
+			className,
+			doNotSetRole: true,
+			children
+		})
+	});
+	return /* @__PURE__ */ jsxs(Primitive.Root, {
+		modal,
+		...props,
+		children: [/* @__PURE__ */ jsx(Primitive.Trigger, {
+			asChild: true,
+			...triggerProps,
+			children: trigger
+		}), portal ? /* @__PURE__ */ jsx(Primitive.Portal, {
+			...portalProps,
+			children: content
+		}) : content]
+	});
+};
+const DropdownMenuItem = forwardRef(function DropdownMenuItem({ children, disabled, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Primitive.Item, {
+		asChild: true,
+		disabled,
+		...props,
+		children: /* @__PURE__ */ jsx(MenuItem, {
+			disabled,
+			ref,
+			children
+		})
+	});
+});
+var DropdownMenu_default = Object.assign(DropdownMenu, {
+	Item: DropdownMenuItem,
+	Heading: MenuHeading,
+	Divider: MenuDivider
+});
+//#endregion
+export { DropdownMenu_default as n, DropdownMenu as t };
+
+//# sourceMappingURL=DropdownMenu-BTk--LWo.mjs.map

package/dist/DropdownMenu-BTk--LWo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu-BTk--LWo.mjs","names":[],"sources":["../components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import * as Primitive from '@radix-ui/react-dropdown-menu';\nimport type { Property } from 'csstype';\nimport {\n  Children,\n  type ComponentPropsWithoutRef,\n  type ComponentPropsWithRef,\n  type ElementType,\n  type FC,\n  forwardRef,\n  type FunctionComponentElement,\n  type Ref,\n} from 'react';\nimport styled from 'styled-components';\n\nimport Menu, {\n  MenuDivider,\n  MenuHeading,\n  MenuItem,\n  type MenuItemProps,\n} from 'design-system/components/Menu/Menu';\nimport { Z_INDICES } from 'design-system/lib/zindex';\nimport { BASE } from 'design-system/variables/spacing';\n\nconst DropdownMenuContent = styled(Primitive.Content)<{ $zIndex?: Property.ZIndex }>`\n  z-index: ${({ $zIndex }) => $zIndex || Z_INDICES.tooltip};\n`;\n\nexport interface DropdownMenuProps\n  extends Primitive.DropdownMenuProps, Pick<Primitive.DropdownMenuContentProps, 'side' | 'align'> {\n  id?: string;\n  className?: string;\n\n  trigger: FunctionComponentElement<any>;\n\n  /**\n   * Props passed to internal DropdownMenu.Content component.\n   */\n  contentProps?: Primitive.DropdownMenuContentProps;\n\n  /**\n   * Props passed to internal DropdownMenu.Trigger component.\n   */\n  triggerProps?: Primitive.DropdownMenuTriggerProps;\n\n  /**\n   * Props passed to internal DropdownMenu.Portal component.\n   */\n  portalProps?: Primitive.DropdownMenuPortalProps;\n\n  /**\n   * Whether or not to wrap menu with DropdownMenu.Portal component.\n   */\n  portal?: boolean;\n\n  /**\n   * Whether or not clicks render menu items.\n   */\n  disabled?: boolean;\n\n  zIndex?: Property.ZIndex;\n}\n\nexport const DropdownMenu = ({\n  trigger,\n  children,\n  side,\n  align = 'end',\n  contentProps,\n  triggerProps,\n  portalProps,\n  className,\n  portal = false, // Default to false for old behavior\n  modal = false,\n  disabled = false,\n  zIndex,\n  ...props\n}: DropdownMenuProps) => {\n  if (Children.count(children) === 0) {\n    return null;\n  }\n\n  const content = disabled ? null : (\n    <DropdownMenuContent\n      sideOffset={BASE}\n      collisionPadding={BASE}\n      align={align}\n      side={side}\n      $zIndex={zIndex}\n      {...contentProps}\n    >\n      <Menu className={className} doNotSetRole>\n        {children}\n      </Menu>\n    </DropdownMenuContent>\n  );\n\n  return (\n    <Primitive.Root modal={modal} {...props}>\n      <Primitive.Trigger asChild {...triggerProps}>\n        {trigger}\n      </Primitive.Trigger>\n\n      {portal ? <Primitive.Portal {...portalProps}>{content}</Primitive.Portal> : content}\n    </Primitive.Root>\n  );\n};\n\ninterface DropdownMenuItemProps<T extends ElementType = 'div'>\n  extends MenuItemProps<T>, Omit<Primitive.DropdownMenuItemProps, 'asChild' | 'children'> {}\n\ninterface DropdownMenuItemType<T extends ElementType = 'div'> extends FC<\n  DropdownMenuItemProps<T> & ComponentPropsWithRef<T>\n> {\n  <T extends ElementType = 'div'>(\n    props: DropdownMenuItemProps<T> & ComponentPropsWithoutRef<T>,\n  ): ReturnType<FC<DropdownMenuItemProps<T> & ComponentPropsWithoutRef<T>>>;\n}\n\n/* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\nconst DropdownMenuItem: DropdownMenuItemType = forwardRef(function DropdownMenuItem(\n  { children, disabled, ...props },\n  ref: Ref<HTMLDivElement>,\n) {\n  return (\n    <Primitive.Item asChild disabled={disabled} {...props}>\n      <MenuItem disabled={disabled} ref={ref}>\n        {children}\n      </MenuItem>\n    </Primitive.Item>\n  );\n});\n\nexport default Object.assign(DropdownMenu, {\n  Item: DropdownMenuItem,\n  Heading: MenuHeading,\n  Divider: MenuDivider,\n});\n"],"mappings":";;;;;;;;AAuBA,MAAM,sBAAsB,OAAO,UAAU,QAAQ;cACvC,EAAE,cAAc,WAAW,UAAU,QAAQ;;AAsC3D,MAAa,gBAAgB,EAC3B,SACA,UACA,MACA,QAAQ,OACR,cACA,cACA,aACA,WACA,SAAS,OACT,QAAQ,OACR,WAAW,OACX,QACA,GAAG,YACoB;AACvB,KAAI,SAAS,MAAM,SAAS,KAAK,EAC/B,QAAO;CAGT,MAAM,UAAU,WAAW,OACzB,oBAAC,qBAAD;EACE,YAAA;EACA,kBAAA;EACO;EACD;EACN,SAAS;EACT,GAAI;YAEJ,oBAAC,MAAD;GAAiB;GAAW,cAAA;GACzB;GACI,CAAA;EACa,CAAA;AAGxB,QACE,qBAAC,UAAU,MAAX;EAAuB;EAAO,GAAI;YAAlC,CACE,oBAAC,UAAU,SAAX;GAAmB,SAAA;GAAQ,GAAI;aAC5B;GACiB,CAAA,EAEnB,SAAS,oBAAC,UAAU,QAAX;GAAkB,GAAI;aAAc;GAA2B,CAAA,GAAG,QAC7D;;;AAgBrB,MAAM,mBAAyC,WAAW,SAAS,iBACjE,EAAE,UAAU,UAAU,GAAG,SACzB,KACA;AACA,QACE,oBAAC,UAAU,MAAX;EAAgB,SAAA;EAAkB;EAAU,GAAI;YAC9C,oBAAC,UAAD;GAAoB;GAAe;GAChC;GACQ,CAAA;EACI,CAAA;EAEnB;AAEF,IAAA,uBAAe,OAAO,OAAO,cAAc;CACzC,MAAM;CACN,SAAS;CACT,SAAS;CACV,CAAC"}