@mieweb/ui 0.2.2 → 0.3.0-dev.100

package/dist/components/Card/index.cjs

@@ -1,65 +1,65 @@
 'use strict';
 
-var chunkHRA4FUO6_cjs = require('../../chunk-HRA4FUO6.cjs');
+var chunkIWU7H3YS_cjs = require('../../chunk-IWU7H3YS.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.Card; }
+  get: function () { return chunkIWU7H3YS_cjs.Card; }
 });
 Object.defineProperty(exports, "CardActions", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardActions; }
+  get: function () { return chunkIWU7H3YS_cjs.CardActions; }
 });
 Object.defineProperty(exports, "CardBadge", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardBadge; }
+  get: function () { return chunkIWU7H3YS_cjs.CardBadge; }
 });
 Object.defineProperty(exports, "CardCollapsible", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardCollapsible; }
+  get: function () { return chunkIWU7H3YS_cjs.CardCollapsible; }
 });
 Object.defineProperty(exports, "CardContent", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardContent; }
+  get: function () { return chunkIWU7H3YS_cjs.CardContent; }
 });
 Object.defineProperty(exports, "CardDescription", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardDescription; }
+  get: function () { return chunkIWU7H3YS_cjs.CardDescription; }
 });
 Object.defineProperty(exports, "CardDivider", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardDivider; }
+  get: function () { return chunkIWU7H3YS_cjs.CardDivider; }
 });
 Object.defineProperty(exports, "CardFooter", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardFooter; }
+  get: function () { return chunkIWU7H3YS_cjs.CardFooter; }
 });
 Object.defineProperty(exports, "CardHeader", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardHeader; }
+  get: function () { return chunkIWU7H3YS_cjs.CardHeader; }
 });
 Object.defineProperty(exports, "CardMedia", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardMedia; }
+  get: function () { return chunkIWU7H3YS_cjs.CardMedia; }
 });
 Object.defineProperty(exports, "CardStat", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardStat; }
+  get: function () { return chunkIWU7H3YS_cjs.CardStat; }
 });
 Object.defineProperty(exports, "CardTitle", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardTitle; }
+  get: function () { return chunkIWU7H3YS_cjs.CardTitle; }
 });
 Object.defineProperty(exports, "cardAccentVariants", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.cardAccentVariants; }
+  get: function () { return chunkIWU7H3YS_cjs.cardAccentVariants; }
 });
 Object.defineProperty(exports, "cardVariants", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.cardVariants; }
+  get: function () { return chunkIWU7H3YS_cjs.cardVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Card/index.d.cts

@@ -41,7 +41,11 @@ declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<H
 /**
  * Title for a Card
  */
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+interface CardTitleProps extends React.HTMLAttributes<globalThis.HTMLHeadingElement> {
+    /** Heading level — defaults to `h3` */
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+}
+declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
 /**
  * Description text for a Card
  */
@@ -116,4 +120,4 @@ interface CardStatProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const CardStat: React.ForwardRefExoticComponent<CardStatProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Card, CardActions, type CardActionsProps, CardBadge, type CardBadgeProps, CardCollapsible, type CardCollapsibleProps, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, type CardMediaProps, type CardProps, CardStat, type CardStatProps, CardTitle, cardAccentVariants, cardVariants };
+export { Card, CardActions, type CardActionsProps, CardBadge, type CardBadgeProps, CardCollapsible, type CardCollapsibleProps, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, type CardMediaProps, type CardProps, CardStat, type CardStatProps, CardTitle, type CardTitleProps, cardAccentVariants, cardVariants };

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

@@ -41,7 +41,11 @@ declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<H
 /**
  * Title for a Card
  */
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+interface CardTitleProps extends React.HTMLAttributes<globalThis.HTMLHeadingElement> {
+    /** Heading level — defaults to `h3` */
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+}
+declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
 /**
  * Description text for a Card
  */
@@ -116,4 +120,4 @@ interface CardStatProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const CardStat: React.ForwardRefExoticComponent<CardStatProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Card, CardActions, type CardActionsProps, CardBadge, type CardBadgeProps, CardCollapsible, type CardCollapsibleProps, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, type CardMediaProps, type CardProps, CardStat, type CardStatProps, CardTitle, cardAccentVariants, cardVariants };
+export { Card, CardActions, type CardActionsProps, CardBadge, type CardBadgeProps, CardCollapsible, type CardCollapsibleProps, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, type CardMediaProps, type CardProps, CardStat, type CardStatProps, CardTitle, type CardTitleProps, cardAccentVariants, cardVariants };

package/dist/components/Card/index.js

@@ -1,4 +1,4 @@
-export { Card, CardActions, CardBadge, CardCollapsible, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, CardStat, CardTitle, cardAccentVariants, cardVariants } from '../../chunk-XXOBTAKA.js';
+export { Card, CardActions, CardBadge, CardCollapsible, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, CardStat, CardTitle, cardAccentVariants, cardVariants } from '../../chunk-JWUVVPKM.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Checkbox/index.cjs

@@ -1,21 +1,21 @@
 'use strict';
 
-var chunkQYJ7RQJ2_cjs = require('../../chunk-QYJ7RQJ2.cjs');
+var chunkDFCZPVG4_cjs = require('../../chunk-DFCZPVG4.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function () { return chunkQYJ7RQJ2_cjs.Checkbox; }
+  get: function () { return chunkDFCZPVG4_cjs.Checkbox; }
 });
 Object.defineProperty(exports, "CheckboxGroup", {
   enumerable: true,
-  get: function () { return chunkQYJ7RQJ2_cjs.CheckboxGroup; }
+  get: function () { return chunkDFCZPVG4_cjs.CheckboxGroup; }
 });
 Object.defineProperty(exports, "checkboxVariants", {
   enumerable: true,
-  get: function () { return chunkQYJ7RQJ2_cjs.checkboxVariants; }
+  get: function () { return chunkDFCZPVG4_cjs.checkboxVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Checkbox/index.js

@@ -1,4 +1,4 @@
-export { Checkbox, CheckboxGroup, checkboxVariants } from '../../chunk-G2DOD34H.js';
+export { Checkbox, CheckboxGroup, checkboxVariants } from '../../chunk-XCLQZ4FV.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/CountryCodeDropdown/index.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var chunk7BARESXI_cjs = require('../../chunk-7BARESXI.cjs');
+require('../../chunk-IKMR2ADM.cjs');
+require('../../chunk-FHY3K6PL.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "CountryCodeDropdown", {
+  enumerable: true,
+  get: function () { return chunk7BARESXI_cjs.CountryCodeDropdown; }
+});
+Object.defineProperty(exports, "formatE164", {
+  enumerable: true,
+  get: function () { return chunk7BARESXI_cjs.formatE164; }
+});
+Object.defineProperty(exports, "validatePhoneNumber", {
+  enumerable: true,
+  get: function () { return chunk7BARESXI_cjs.validatePhoneNumber; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/CountryCodeDropdown/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/CountryCodeDropdown/index.d.cts

@@ -0,0 +1,69 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CountryData {
+    /** ISO 3166-1 alpha-2 country code (e.g. "US") */
+    code: string;
+    /** Country name (e.g. "United States") */
+    name: string;
+    /** Dial code (e.g. "+1") */
+    dialCode: string;
+    /** Emoji flag (e.g. "🇺🇸") */
+    flag: string;
+}
+interface CountryCodeDropdownProps {
+    /** The currently selected country code (ISO alpha-2, e.g. "US") */
+    value?: string;
+    /** Called when a country is selected */
+    onChange?: (country: CountryData) => void;
+    /** Whether the dropdown is disabled */
+    disabled?: boolean;
+    /** Additional class name for the trigger button */
+    className?: string;
+    /** Placement of the dropdown panel */
+    placement?: 'bottom-start' | 'bottom-end';
+    /** Placeholder text for the search field */
+    searchPlaceholder?: string;
+    /** Label for accessibility — visually hidden */
+    'aria-label'?: string;
+}
+/**
+ * Validate a phone number string for a given country code using libphonenumber.
+ *
+ * @param phoneNumber - The phone number (digits, may include formatting)
+ * @param countryCode - ISO alpha-2 code (e.g. "US")
+ * @returns Whether the number is valid for the given region.
+ */
+declare function validatePhoneNumber(phoneNumber: string, countryCode: string): boolean;
+/**
+ * Format a phone number into E.164 international format.
+ *
+ * @param phoneNumber - The phone number (digits, may include formatting)
+ * @param countryCode - ISO alpha-2 code (e.g. "US")
+ * @returns The formatted number (e.g. "+15551234567") or the original string if parsing fails.
+ */
+declare function formatE164(phoneNumber: string, countryCode: string): string;
+/**
+ * A country-code selector dropdown designed to sit beside a phone number input.
+ *
+ * Defaults to United States (+1) with the 🇺🇸 flag. Clicking the trigger opens
+ * a searchable list of all supported countries with their dial codes and flags.
+ *
+ * Uses Google's libphonenumber for the canonical country/code list and provides
+ * a `validatePhoneNumber` helper for phone validation.
+ *
+ * @example
+ * ```tsx
+ * const [country, setCountry] = useState<CountryData>();
+ *
+ * <div className="flex gap-2">
+ *   <CountryCodeDropdown value={country?.code} onChange={setCountry} />
+ *   <Input placeholder="Phone number" />
+ * </div>
+ * ```
+ */
+declare function CountryCodeDropdown({ value, onChange, disabled, className, placement, searchPlaceholder, 'aria-label': ariaLabel, }: CountryCodeDropdownProps): react_jsx_runtime.JSX.Element;
+declare namespace CountryCodeDropdown {
+    var displayName: string;
+}
+
+export { CountryCodeDropdown, type CountryCodeDropdownProps, type CountryData, formatE164, validatePhoneNumber };

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

@@ -0,0 +1,69 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface CountryData {
+    /** ISO 3166-1 alpha-2 country code (e.g. "US") */
+    code: string;
+    /** Country name (e.g. "United States") */
+    name: string;
+    /** Dial code (e.g. "+1") */
+    dialCode: string;
+    /** Emoji flag (e.g. "🇺🇸") */
+    flag: string;
+}
+interface CountryCodeDropdownProps {
+    /** The currently selected country code (ISO alpha-2, e.g. "US") */
+    value?: string;
+    /** Called when a country is selected */
+    onChange?: (country: CountryData) => void;
+    /** Whether the dropdown is disabled */
+    disabled?: boolean;
+    /** Additional class name for the trigger button */
+    className?: string;
+    /** Placement of the dropdown panel */
+    placement?: 'bottom-start' | 'bottom-end';
+    /** Placeholder text for the search field */
+    searchPlaceholder?: string;
+    /** Label for accessibility — visually hidden */
+    'aria-label'?: string;
+}
+/**
+ * Validate a phone number string for a given country code using libphonenumber.
+ *
+ * @param phoneNumber - The phone number (digits, may include formatting)
+ * @param countryCode - ISO alpha-2 code (e.g. "US")
+ * @returns Whether the number is valid for the given region.
+ */
+declare function validatePhoneNumber(phoneNumber: string, countryCode: string): boolean;
+/**
+ * Format a phone number into E.164 international format.
+ *
+ * @param phoneNumber - The phone number (digits, may include formatting)
+ * @param countryCode - ISO alpha-2 code (e.g. "US")
+ * @returns The formatted number (e.g. "+15551234567") or the original string if parsing fails.
+ */
+declare function formatE164(phoneNumber: string, countryCode: string): string;
+/**
+ * A country-code selector dropdown designed to sit beside a phone number input.
+ *
+ * Defaults to United States (+1) with the 🇺🇸 flag. Clicking the trigger opens
+ * a searchable list of all supported countries with their dial codes and flags.
+ *
+ * Uses Google's libphonenumber for the canonical country/code list and provides
+ * a `validatePhoneNumber` helper for phone validation.
+ *
+ * @example
+ * ```tsx
+ * const [country, setCountry] = useState<CountryData>();
+ *
+ * <div className="flex gap-2">
+ *   <CountryCodeDropdown value={country?.code} onChange={setCountry} />
+ *   <Input placeholder="Phone number" />
+ * </div>
+ * ```
+ */
+declare function CountryCodeDropdown({ value, onChange, disabled, className, placement, searchPlaceholder, 'aria-label': ariaLabel, }: CountryCodeDropdownProps): react_jsx_runtime.JSX.Element;
+declare namespace CountryCodeDropdown {
+    var displayName: string;
+}
+
+export { CountryCodeDropdown, type CountryCodeDropdownProps, type CountryData, formatE164, validatePhoneNumber };

package/dist/components/CountryCodeDropdown/index.js

@@ -0,0 +1,6 @@
+export { CountryCodeDropdown, formatE164, validatePhoneNumber } from '../../chunk-WFS6R2F5.js';
+import '../../chunk-OKBR6PX4.js';
+import '../../chunk-T4ME7QCT.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/CountryCodeDropdown/index.js.map

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

package/dist/components/DateInput/index.cjs

@@ -1,15 +1,15 @@
 'use strict';
 
-var chunkVZUVYJFU_cjs = require('../../chunk-VZUVYJFU.cjs');
-require('../../chunk-VV4N4WY6.cjs');
-require('../../chunk-WH6I7CMP.cjs');
+var chunkMXQNNKPX_cjs = require('../../chunk-MXQNNKPX.cjs');
+require('../../chunk-MSRU3XBH.cjs');
+require('../../chunk-CW75IKA6.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "DateInput", {
   enumerable: true,
-  get: function () { return chunkVZUVYJFU_cjs.DateInput; }
+  get: function () { return chunkMXQNNKPX_cjs.DateInput; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/DateInput/index.js

@@ -1,6 +1,6 @@
-export { DateInput } from '../../chunk-KWDTTGH2.js';
-import '../../chunk-NXRLGHEC.js';
-import '../../chunk-TPGT236K.js';
+export { DateInput } from '../../chunk-CVF4HRWL.js';
+import '../../chunk-PVUDXJAI.js';
+import '../../chunk-RC2YMOMS.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Dropdown/index.cjs

@@ -1,7 +1,8 @@
 'use strict';
 
-var chunkFIXAVBUA_cjs = require('../../chunk-FIXAVBUA.cjs');
-require('../../chunk-SWMRCGL4.cjs');
+var chunk4O3WJY4C_cjs = require('../../chunk-4O3WJY4C.cjs');
+require('../../chunk-MSRU3XBH.cjs');
+require('../../chunk-IKMR2ADM.cjs');
 require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
@@ -9,27 +10,27 @@ require('../../chunk-OR5DRJCW.cjs');
 
 Object.defineProperty(exports, "Dropdown", {
   enumerable: true,
-  get: function () { return chunkFIXAVBUA_cjs.Dropdown; }
+  get: function () { return chunk4O3WJY4C_cjs.Dropdown; }
 });
 Object.defineProperty(exports, "DropdownContent", {
   enumerable: true,
-  get: function () { return chunkFIXAVBUA_cjs.DropdownContent; }
+  get: function () { return chunk4O3WJY4C_cjs.DropdownContent; }
 });
 Object.defineProperty(exports, "DropdownHeader", {
   enumerable: true,
-  get: function () { return chunkFIXAVBUA_cjs.DropdownHeader; }
+  get: function () { return chunk4O3WJY4C_cjs.DropdownHeader; }
 });
 Object.defineProperty(exports, "DropdownItem", {
   enumerable: true,
-  get: function () { return chunkFIXAVBUA_cjs.DropdownItem; }
+  get: function () { return chunk4O3WJY4C_cjs.DropdownItem; }
 });
 Object.defineProperty(exports, "DropdownLabel", {
   enumerable: true,
-  get: function () { return chunkFIXAVBUA_cjs.DropdownLabel; }
+  get: function () { return chunk4O3WJY4C_cjs.DropdownLabel; }
 });
 Object.defineProperty(exports, "DropdownSeparator", {
   enumerable: true,
-  get: function () { return chunkFIXAVBUA_cjs.DropdownSeparator; }
+  get: function () { return chunk4O3WJY4C_cjs.DropdownSeparator; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Dropdown/index.d.cts

@@ -25,6 +25,26 @@ interface DropdownProps {
     width?: 'auto' | 'trigger' | number;
     /** Whether the dropdown is disabled */
     disabled?: boolean;
+    /** Whether to render a search field at the top of the dropdown */
+    searchable?: boolean;
+    /** Placeholder text for the search input */
+    searchPlaceholder?: string;
+    /** Accessible label for the search input */
+    searchAriaLabel?: string;
+    /** Content to render when no items match the search query */
+    searchEmptyState?: React.ReactNode;
+    /** Whether dropdown items support multi-select checkboxes */
+    multiSelect?: boolean;
+    /** Selected item values for controlled multi-select dropdowns */
+    selectedValues?: string[];
+    /** Initial selected item values for uncontrolled multi-select dropdowns */
+    defaultSelectedValues?: string[];
+    /** Callback fired when selected values change in multi-select mode */
+    onSelectedValuesChange?: (values: string[]) => void;
+    /** Whether to render a select-all control for multi-select dropdowns */
+    showSelectAll?: boolean;
+    /** Label for the select-all control */
+    selectAllLabel?: React.ReactNode;
 }
 /**
  * An accessible dropdown menu component.
@@ -39,7 +59,7 @@ interface DropdownProps {
  * </Dropdown>
  * ```
  */
-declare function Dropdown({ trigger, children, open: controlledOpen, onOpenChange, placement, className, width, disabled, }: DropdownProps): react_jsx_runtime.JSX.Element;
+declare function Dropdown({ trigger, children, open: controlledOpen, onOpenChange, placement, className, width, disabled, searchable, searchPlaceholder, searchAriaLabel, searchEmptyState, multiSelect, selectedValues: controlledSelectedValues, defaultSelectedValues, onSelectedValuesChange, showSelectAll, selectAllLabel, }: DropdownProps): react_jsx_runtime.JSX.Element;
 declare namespace Dropdown {
     var displayName: string;
 }
@@ -74,6 +94,14 @@ interface DropdownItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement
     icon?: React.ReactNode;
     /** Danger variant for destructive actions */
     variant?: 'default' | 'danger';
+    /** Optional text used when filtering searchable dropdown items */
+    searchText?: string;
+    /** Checked state for multi-select items */
+    checked?: boolean;
+    /** Indeterminate state for multi-select items */
+    indeterminate?: boolean;
+    /** Callback fired when a multi-select item changes */
+    onCheckedChange?: (checked: boolean) => void;
 }
 /**
  * An item within a Dropdown menu.

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

@@ -25,6 +25,26 @@ interface DropdownProps {
     width?: 'auto' | 'trigger' | number;
     /** Whether the dropdown is disabled */
     disabled?: boolean;
+    /** Whether to render a search field at the top of the dropdown */
+    searchable?: boolean;
+    /** Placeholder text for the search input */
+    searchPlaceholder?: string;
+    /** Accessible label for the search input */
+    searchAriaLabel?: string;
+    /** Content to render when no items match the search query */
+    searchEmptyState?: React.ReactNode;
+    /** Whether dropdown items support multi-select checkboxes */
+    multiSelect?: boolean;
+    /** Selected item values for controlled multi-select dropdowns */
+    selectedValues?: string[];
+    /** Initial selected item values for uncontrolled multi-select dropdowns */
+    defaultSelectedValues?: string[];
+    /** Callback fired when selected values change in multi-select mode */
+    onSelectedValuesChange?: (values: string[]) => void;
+    /** Whether to render a select-all control for multi-select dropdowns */
+    showSelectAll?: boolean;
+    /** Label for the select-all control */
+    selectAllLabel?: React.ReactNode;
 }
 /**
  * An accessible dropdown menu component.
@@ -39,7 +59,7 @@ interface DropdownProps {
  * </Dropdown>
  * ```
  */
-declare function Dropdown({ trigger, children, open: controlledOpen, onOpenChange, placement, className, width, disabled, }: DropdownProps): react_jsx_runtime.JSX.Element;
+declare function Dropdown({ trigger, children, open: controlledOpen, onOpenChange, placement, className, width, disabled, searchable, searchPlaceholder, searchAriaLabel, searchEmptyState, multiSelect, selectedValues: controlledSelectedValues, defaultSelectedValues, onSelectedValuesChange, showSelectAll, selectAllLabel, }: DropdownProps): react_jsx_runtime.JSX.Element;
 declare namespace Dropdown {
     var displayName: string;
 }
@@ -74,6 +94,14 @@ interface DropdownItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement
     icon?: React.ReactNode;
     /** Danger variant for destructive actions */
     variant?: 'default' | 'danger';
+    /** Optional text used when filtering searchable dropdown items */
+    searchText?: string;
+    /** Checked state for multi-select items */
+    checked?: boolean;
+    /** Indeterminate state for multi-select items */
+    indeterminate?: boolean;
+    /** Callback fired when a multi-select item changes */
+    onCheckedChange?: (checked: boolean) => void;
 }
 /**
  * An item within a Dropdown menu.

package/dist/components/Dropdown/index.js

@@ -1,5 +1,6 @@
-export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator } from '../../chunk-265CFCCX.js';
-import '../../chunk-OT36EMM5.js';
+export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator } from '../../chunk-C4QQAUYN.js';
+import '../../chunk-PVUDXJAI.js';
+import '../../chunk-OKBR6PX4.js';
 import '../../chunk-T4ME7QCT.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Input/index.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkVV4N4WY6_cjs = require('../../chunk-VV4N4WY6.cjs');
+var chunkMSRU3XBH_cjs = require('../../chunk-MSRU3XBH.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function () { return chunkVV4N4WY6_cjs.Input; }
+  get: function () { return chunkMSRU3XBH_cjs.Input; }
 });
 Object.defineProperty(exports, "inputVariants", {
   enumerable: true,
-  get: function () { return chunkVV4N4WY6_cjs.inputVariants; }
+  get: function () { return chunkMSRU3XBH_cjs.inputVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Input/index.js

@@ -1,4 +1,4 @@
-export { Input, inputVariants } from '../../chunk-NXRLGHEC.js';
+export { Input, inputVariants } from '../../chunk-PVUDXJAI.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Modal/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkI7L6CQXR_cjs = require('../../chunk-I7L6CQXR.cjs');
+var chunkAWUADXYI_cjs = require('../../chunk-AWUADXYI.cjs');
 require('../../chunk-NNEFAUHV.cjs');
 require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-SCV7C55E.cjs');
@@ -10,35 +10,35 @@ require('../../chunk-OR5DRJCW.cjs');
 
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function () { return chunkI7L6CQXR_cjs.Modal; }
+  get: function () { return chunkAWUADXYI_cjs.Modal; }
 });
 Object.defineProperty(exports, "ModalBody", {
   enumerable: true,
-  get: function () { return chunkI7L6CQXR_cjs.ModalBody; }
+  get: function () { return chunkAWUADXYI_cjs.ModalBody; }
 });
 Object.defineProperty(exports, "ModalClose", {
   enumerable: true,
-  get: function () { return chunkI7L6CQXR_cjs.ModalClose; }
+  get: function () { return chunkAWUADXYI_cjs.ModalClose; }
 });
 Object.defineProperty(exports, "ModalFooter", {
   enumerable: true,
-  get: function () { return chunkI7L6CQXR_cjs.ModalFooter; }
+  get: function () { return chunkAWUADXYI_cjs.ModalFooter; }
 });
 Object.defineProperty(exports, "ModalHeader", {
   enumerable: true,
-  get: function () { return chunkI7L6CQXR_cjs.ModalHeader; }
+  get: function () { return chunkAWUADXYI_cjs.ModalHeader; }
 });
 Object.defineProperty(exports, "ModalTitle", {
   enumerable: true,
-  get: function () { return chunkI7L6CQXR_cjs.ModalTitle; }
+  get: function () { return chunkAWUADXYI_cjs.ModalTitle; }
 });
 Object.defineProperty(exports, "modalContentVariants", {
   enumerable: true,
-  get: function () { return chunkI7L6CQXR_cjs.modalContentVariants; }
+  get: function () { return chunkAWUADXYI_cjs.modalContentVariants; }
 });
 Object.defineProperty(exports, "modalOverlayVariants", {
   enumerable: true,
-  get: function () { return chunkI7L6CQXR_cjs.modalOverlayVariants; }
+  get: function () { return chunkAWUADXYI_cjs.modalOverlayVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Modal/index.js

@@ -1,4 +1,4 @@
-export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, modalContentVariants, modalOverlayVariants } from '../../chunk-SD44QJIP.js';
+export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, modalContentVariants, modalOverlayVariants } from '../../chunk-WTDCNXZO.js';
 import '../../chunk-4SMSH4OY.js';
 import '../../chunk-T4ME7QCT.js';
 import '../../chunk-VSQF22GL.js';

package/dist/components/Pagination/index.cjs

@@ -1,21 +1,21 @@
 'use strict';
 
-var chunkPF3XWKE5_cjs = require('../../chunk-PF3XWKE5.cjs');
+var chunkNIEIRA5A_cjs = require('../../chunk-NIEIRA5A.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Pagination", {
   enumerable: true,
-  get: function () { return chunkPF3XWKE5_cjs.Pagination; }
+  get: function () { return chunkNIEIRA5A_cjs.Pagination; }
 });
 Object.defineProperty(exports, "SimplePagination", {
   enumerable: true,
-  get: function () { return chunkPF3XWKE5_cjs.SimplePagination; }
+  get: function () { return chunkNIEIRA5A_cjs.SimplePagination; }
 });
 Object.defineProperty(exports, "paginationButtonVariants", {
   enumerable: true,
-  get: function () { return chunkPF3XWKE5_cjs.paginationButtonVariants; }
+  get: function () { return chunkNIEIRA5A_cjs.paginationButtonVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map