@mieweb/ui 0.2.4 → 0.3.0-dev.101

package/dist/components/Avatar/index.cjs

@@ -1,25 +1,25 @@
 'use strict';
 
-var chunk2J2V4TMJ_cjs = require('../../chunk-2J2V4TMJ.cjs');
+var chunkFQ3UCZUX_cjs = require('../../chunk-FQ3UCZUX.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Avatar", {
   enumerable: true,
-  get: function () { return chunk2J2V4TMJ_cjs.Avatar; }
+  get: function () { return chunkFQ3UCZUX_cjs.Avatar; }
 });
 Object.defineProperty(exports, "AvatarGroup", {
   enumerable: true,
-  get: function () { return chunk2J2V4TMJ_cjs.AvatarGroup; }
+  get: function () { return chunkFQ3UCZUX_cjs.AvatarGroup; }
 });
 Object.defineProperty(exports, "avatarVariants", {
   enumerable: true,
-  get: function () { return chunk2J2V4TMJ_cjs.avatarVariants; }
+  get: function () { return chunkFQ3UCZUX_cjs.avatarVariants; }
 });
 Object.defineProperty(exports, "getInitials", {
   enumerable: true,
-  get: function () { return chunk2J2V4TMJ_cjs.getInitials; }
+  get: function () { return chunkFQ3UCZUX_cjs.getInitials; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Avatar/index.js

@@ -1,4 +1,4 @@
-export { Avatar, AvatarGroup, avatarVariants, getInitials } from '../../chunk-NIHESA7O.js';
+export { Avatar, AvatarGroup, avatarVariants, getInitials } from '../../chunk-WO5CAOAN.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Badge/index.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkEKIQE524_cjs = require('../../chunk-EKIQE524.cjs');
+var chunk4FALCEJI_cjs = require('../../chunk-4FALCEJI.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function () { return chunkEKIQE524_cjs.Badge; }
+  get: function () { return chunk4FALCEJI_cjs.Badge; }
 });
 Object.defineProperty(exports, "badgeVariants", {
   enumerable: true,
-  get: function () { return chunkEKIQE524_cjs.badgeVariants; }
+  get: function () { return chunk4FALCEJI_cjs.badgeVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Badge/index.js

@@ -1,4 +1,4 @@
-export { Badge, badgeVariants } from '../../chunk-3NJ72QU6.js';
+export { Badge, badgeVariants } from '../../chunk-DCER2QQB.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Breadcrumb/index.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkPEFJAWNR_cjs = require('../../chunk-PEFJAWNR.cjs');
+var chunkBWYYA3LQ_cjs = require('../../chunk-BWYYA3LQ.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Breadcrumb", {
   enumerable: true,
-  get: function () { return chunkPEFJAWNR_cjs.Breadcrumb; }
+  get: function () { return chunkBWYYA3LQ_cjs.Breadcrumb; }
 });
 Object.defineProperty(exports, "BreadcrumbSlash", {
   enumerable: true,
-  get: function () { return chunkPEFJAWNR_cjs.BreadcrumbSlash; }
+  get: function () { return chunkBWYYA3LQ_cjs.BreadcrumbSlash; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Breadcrumb/index.js

@@ -1,4 +1,4 @@
-export { Breadcrumb, BreadcrumbSlash } from '../../chunk-B3L43JGH.js';
+export { Breadcrumb, BreadcrumbSlash } from '../../chunk-HEH3QXOQ.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Button/index.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkPEH4ZOEM_cjs = require('../../chunk-PEH4ZOEM.cjs');
+var chunkA2QVQF54_cjs = require('../../chunk-A2QVQF54.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkPEH4ZOEM_cjs.Button; }
+  get: function () { return chunkA2QVQF54_cjs.Button; }
 });
 Object.defineProperty(exports, "buttonVariants", {
   enumerable: true,
-  get: function () { return chunkPEH4ZOEM_cjs.buttonVariants; }
+  get: function () { return chunkA2QVQF54_cjs.buttonVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Button/index.js

@@ -1,4 +1,4 @@
-export { Button, buttonVariants } from '../../chunk-VBHPXSCV.js';
+export { Button, buttonVariants } from '../../chunk-ZVSW2KS6.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Card/index.cjs

@@ -1,65 +1,65 @@
 'use strict';
 
-var chunkHRA4FUO6_cjs = require('../../chunk-HRA4FUO6.cjs');
+var chunkYDWWG4A2_cjs = require('../../chunk-YDWWG4A2.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.Card; }
+  get: function () { return chunkYDWWG4A2_cjs.Card; }
 });
 Object.defineProperty(exports, "CardActions", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardActions; }
+  get: function () { return chunkYDWWG4A2_cjs.CardActions; }
 });
 Object.defineProperty(exports, "CardBadge", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardBadge; }
+  get: function () { return chunkYDWWG4A2_cjs.CardBadge; }
 });
 Object.defineProperty(exports, "CardCollapsible", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardCollapsible; }
+  get: function () { return chunkYDWWG4A2_cjs.CardCollapsible; }
 });
 Object.defineProperty(exports, "CardContent", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardContent; }
+  get: function () { return chunkYDWWG4A2_cjs.CardContent; }
 });
 Object.defineProperty(exports, "CardDescription", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardDescription; }
+  get: function () { return chunkYDWWG4A2_cjs.CardDescription; }
 });
 Object.defineProperty(exports, "CardDivider", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardDivider; }
+  get: function () { return chunkYDWWG4A2_cjs.CardDivider; }
 });
 Object.defineProperty(exports, "CardFooter", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardFooter; }
+  get: function () { return chunkYDWWG4A2_cjs.CardFooter; }
 });
 Object.defineProperty(exports, "CardHeader", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardHeader; }
+  get: function () { return chunkYDWWG4A2_cjs.CardHeader; }
 });
 Object.defineProperty(exports, "CardMedia", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardMedia; }
+  get: function () { return chunkYDWWG4A2_cjs.CardMedia; }
 });
 Object.defineProperty(exports, "CardStat", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardStat; }
+  get: function () { return chunkYDWWG4A2_cjs.CardStat; }
 });
 Object.defineProperty(exports, "CardTitle", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardTitle; }
+  get: function () { return chunkYDWWG4A2_cjs.CardTitle; }
 });
 Object.defineProperty(exports, "cardAccentVariants", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.cardAccentVariants; }
+  get: function () { return chunkYDWWG4A2_cjs.cardAccentVariants; }
 });
 Object.defineProperty(exports, "cardVariants", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.cardVariants; }
+  get: function () { return chunkYDWWG4A2_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-RGTM53RS.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 chunkNINI4WVS_cjs = require('../../chunk-NINI4WVS.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 chunkNINI4WVS_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-HYEJLKXI.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 chunkCV4CVGLO_cjs = require('../../chunk-CV4CVGLO.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 chunkCV4CVGLO_cjs.Dropdown; }
 });
 Object.defineProperty(exports, "DropdownContent", {
   enumerable: true,
-  get: function () { return chunkFIXAVBUA_cjs.DropdownContent; }
+  get: function () { return chunkCV4CVGLO_cjs.DropdownContent; }
 });
 Object.defineProperty(exports, "DropdownHeader", {
   enumerable: true,
-  get: function () { return chunkFIXAVBUA_cjs.DropdownHeader; }
+  get: function () { return chunkCV4CVGLO_cjs.DropdownHeader; }
 });
 Object.defineProperty(exports, "DropdownItem", {
   enumerable: true,
-  get: function () { return chunkFIXAVBUA_cjs.DropdownItem; }
+  get: function () { return chunkCV4CVGLO_cjs.DropdownItem; }
 });
 Object.defineProperty(exports, "DropdownLabel", {
   enumerable: true,
-  get: function () { return chunkFIXAVBUA_cjs.DropdownLabel; }
+  get: function () { return chunkCV4CVGLO_cjs.DropdownLabel; }
 });
 Object.defineProperty(exports, "DropdownSeparator", {
   enumerable: true,
-  get: function () { return chunkFIXAVBUA_cjs.DropdownSeparator; }
+  get: function () { return chunkCV4CVGLO_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.