@tomny-dev/uzi 0.6.3 → 0.7.0-pr.78.214.1.87d1ede

package/dist/components/conversation/Conversation.d.ts

@@ -0,0 +1,18 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export type ConversationRole = "assistant" | "user" | "system";
+export interface ConversationProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare function Conversation({ children, className, ...props }: ConversationProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationHeader({ children, className, ...props }: ConversationProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationMessages({ children, className, role, ...props }: ConversationProps): import("react/jsx-runtime").JSX.Element;
+export interface ConversationMessageProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    role: ConversationRole;
+    label?: ReactNode;
+}
+export declare function ConversationMessage({ children, role, label, className, ...props }: ConversationMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationStatus({ children, className, ...props }: ConversationProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationAttachments({ children, className, ...props }: ConversationProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConversationComposer({ children, className, ...props }: ConversationProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Conversation.d.ts.map

package/dist/components/conversation/Conversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Conversation.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/Conversation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE/D,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAEhF;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAEtF;AAED,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAY,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAEtG;AAED,MAAM,WAAW,wBAAyB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,gBAAgB,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,2CAO3G;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAEtF;AAED,wBAAgB,uBAAuB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAE3F;AAED,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAExF"}

package/dist/components/conversation/Conversation.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Conversation.test.d.ts.map

package/dist/components/conversation/Conversation.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Conversation.test.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/Conversation.test.tsx"],"names":[],"mappings":""}

package/dist/components/multi-select/MultiSelect.d.ts

@@ -3,6 +3,8 @@ export type MultiSelectOption = {
     label: string;
     value: string;
     disabled?: boolean;
+    /** Optional decorative leading visual. The label remains the accessible option name. */
+    icon?: React.ReactElement;
 };
 export type MultiSelectProps = {
     options: MultiSelectOption[];
@@ -11,6 +13,13 @@ export type MultiSelectProps = {
     placeholder?: string;
     fullWidth?: boolean;
     maxVisibleValues?: number;
+    /** Formats the closed trigger text from the selected options, including an empty selection. */
+    formatValue?: (selected: MultiSelectOption[]) => string;
+    /** Shows Select all and Clear all actions. Bulk actions modify enabled options only. */
+    bulkActions?: boolean;
+    selectAllLabel?: string;
+    /** Label for clearing all enabled selections. Disabled selected options remain selected. */
+    clearAllLabel?: string;
     className?: string;
     disabled?: boolean;
     name?: string;

package/dist/components/multi-select/MultiSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/MultiSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,WAAW,4FAuKvB,CAAC"}
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/MultiSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wFAAwF;IACxF,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+FAA+F;IAC/F,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,iBAAiB,EAAE,KAAK,MAAM,CAAC;IACxD,wFAAwF;IACxF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,WAAW,4FAuNvB,CAAC"}

package/dist/components/multi-select/MultiSelect.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MultiSelect.test.d.ts.map

package/dist/components/multi-select/MultiSelect.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.test.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/MultiSelect.test.tsx"],"names":[],"mappings":""}

package/dist/index.cjs

@@ -27,17 +27,18 @@ const require_PageHeader = require("./index47.cjs");
 const require_SectionHeader = require("./index49.cjs");
 const require_EmptyState = require("./index51.cjs");
 const require_LayoutPrimitives = require("./index53.cjs");
-const require_Stat = require("./index55.cjs");
-const require_Toolbar = require("./index57.cjs");
-const require_Skeleton = require("./index59.cjs");
-const require_Progress = require("./index61.cjs");
-const require_SegmentedToggle = require("./index63.cjs");
-const require_AuthCard = require("./index65.cjs");
-const require_AuthPages = require("./index67.cjs");
-const require_DataTable = require("./index69.cjs");
-const require_SettingsPage = require("./index71.cjs");
-const require_ErrorPage = require("./index73.cjs");
-const require_EmptyStatePage = require("./index75.cjs");
+const require_Conversation = require("./index55.cjs");
+const require_Stat = require("./index57.cjs");
+const require_Toolbar = require("./index59.cjs");
+const require_Skeleton = require("./index61.cjs");
+const require_Progress = require("./index63.cjs");
+const require_SegmentedToggle = require("./index65.cjs");
+const require_AuthCard = require("./index67.cjs");
+const require_AuthPages = require("./index69.cjs");
+const require_DataTable = require("./index71.cjs");
+const require_SettingsPage = require("./index73.cjs");
+const require_ErrorPage = require("./index75.cjs");
+const require_EmptyStatePage = require("./index77.cjs");
 exports.Alert = require_Alert.Alert;
 exports.AppShell = require_AppShell.AppShell;
 exports.AuthCard = require_AuthCard.AuthCard;
@@ -47,6 +48,13 @@ exports.AvatarImage = require_Avatar.AvatarImage;
 exports.Button = require_Button.Button;
 exports.Card = require_Card.Card;
 exports.Checkbox = require_Checkbox.Checkbox;
+exports.Conversation = require_Conversation.Conversation;
+exports.ConversationAttachments = require_Conversation.ConversationAttachments;
+exports.ConversationComposer = require_Conversation.ConversationComposer;
+exports.ConversationHeader = require_Conversation.ConversationHeader;
+exports.ConversationMessage = require_Conversation.ConversationMessage;
+exports.ConversationMessages = require_Conversation.ConversationMessages;
+exports.ConversationStatus = require_Conversation.ConversationStatus;
 exports.DataTable = require_DataTable.DataTable;
 exports.Dropdown = require_Dropdown.Dropdown;
 exports.DropdownMenu = require_DropdownMenu.DropdownMenu;

package/dist/index.d.ts

@@ -42,6 +42,8 @@ export type { EmptyStateHeadingLevel, EmptyStateProps, EmptyStateSize, } from ".
 export { EmptyState } from "./components/empty-state/EmptyState";
 export type { InlineAlign, InlineJustify, InlineProps, LayoutGap, StackProps, } from "./components/layout-primitives/LayoutPrimitives";
 export { Inline, Stack } from "./components/layout-primitives/LayoutPrimitives";
+export type { ConversationMessageProps, ConversationProps, ConversationRole, } from "./components/conversation/Conversation";
+export { Conversation, ConversationAttachments, ConversationComposer, ConversationHeader, ConversationMessage, ConversationMessages, ConversationStatus, } from "./components/conversation/Conversation";
 export type { StatGroupProps, StatProps } from "./components/stat/Stat";
 export { Stat, StatGroup } from "./components/stat/Stat";
 export type { ToolbarDensity, ToolbarGroupProps, ToolbarProps } from "./components/toolbar/Toolbar";

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -26,15 +26,16 @@ import { PageHeader } from "./index46.js";
 import { SectionHeader } from "./index48.js";
 import { EmptyState } from "./index50.js";
 import { Inline, Stack } from "./index52.js";
-import { Stat, StatGroup } from "./index54.js";
-import { Toolbar, ToolbarGroup } from "./index56.js";
-import { Skeleton } from "./index58.js";
-import { Progress } from "./index60.js";
-import { SegmentedToggle } from "./index62.js";
-import { AuthCard } from "./index64.js";
-import { ForgotPasswordPage, SignInPage, SignUpPage } from "./index66.js";
-import { DataTable } from "./index68.js";
-import { SettingsPage } from "./index70.js";
-import { ErrorPage, MaintenancePage, NotFoundPage } from "./index72.js";
-import { EmptyStatePage } from "./index74.js";
-export { Alert, AppShell, AuthCard, Avatar, AvatarFallback, AvatarImage, Button, Card, Checkbox, DataTable, Dropdown, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStatePage, ErrorPage, ForgotPasswordPage, Inline, Input, Label, MaintenancePage, Modal, ModalOverlay, MultiSelect, NotFoundPage, PageContainer, PageHeader, Pill, Progress, SectionHeader, SegmentedToggle, Select, SettingsPage, SidebarNav, SignInPage, SignUpPage, Skeleton, Stack, Stat, StatGroup, Surface, ThemeProvider, ThemeToggleButton, ToastProvider, Toolbar, ToolbarGroup, TopBar, cx, useTheme, useToast };
+import { Conversation, ConversationAttachments, ConversationComposer, ConversationHeader, ConversationMessage, ConversationMessages, ConversationStatus } from "./index54.js";
+import { Stat, StatGroup } from "./index56.js";
+import { Toolbar, ToolbarGroup } from "./index58.js";
+import { Skeleton } from "./index60.js";
+import { Progress } from "./index62.js";
+import { SegmentedToggle } from "./index64.js";
+import { AuthCard } from "./index66.js";
+import { ForgotPasswordPage, SignInPage, SignUpPage } from "./index68.js";
+import { DataTable } from "./index70.js";
+import { SettingsPage } from "./index72.js";
+import { ErrorPage, MaintenancePage, NotFoundPage } from "./index74.js";
+import { EmptyStatePage } from "./index76.js";
+export { Alert, AppShell, AuthCard, Avatar, AvatarFallback, AvatarImage, Button, Card, Checkbox, Conversation, ConversationAttachments, ConversationComposer, ConversationHeader, ConversationMessage, ConversationMessages, ConversationStatus, DataTable, Dropdown, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStatePage, ErrorPage, ForgotPasswordPage, Inline, Input, Label, MaintenancePage, Modal, ModalOverlay, MultiSelect, NotFoundPage, PageContainer, PageHeader, Pill, Progress, SectionHeader, SegmentedToggle, Select, SettingsPage, SidebarNav, SignInPage, SignUpPage, Skeleton, Stack, Stat, StatGroup, Surface, ThemeProvider, ThemeToggleButton, ToastProvider, Toolbar, ToolbarGroup, TopBar, cx, useTheme, useToast };

package/dist/index26.js

@@ -4,11 +4,14 @@ var wrapperFullWidth = "uzi-multi-select-module__wrapperFullWidth__eH8pf";
 var trigger = "uzi-multi-select-module__trigger__r3816";
 var value = "uzi-multi-select-module__value__PuUmG";
 var placeholder = "uzi-multi-select-module__placeholder__dJIU-";
+var summary = "uzi-multi-select-module__summary__tu-Me";
 var chip = "uzi-multi-select-module__chip__46Ms-";
 var chipSummary = "uzi-multi-select-module__chipSummary__zLwi8";
 var chevron = "uzi-multi-select-module__chevron__SWK5l";
 var menu = "uzi-multi-select-module__menu__q8auA";
 var menuFadeIn = "uzi-multi-select-module__menuFadeIn__Plo7-";
+var bulkAction = "uzi-multi-select-module__bulkAction__CTqPY";
+var separator = "uzi-multi-select-module__separator__UOVk4";
 var option = "uzi-multi-select-module__option__-Ioqk";
 var optionDisabled = "uzi-multi-select-module__optionDisabled__qtCi8";
 var optionSelected = "uzi-multi-select-module__optionSelected__74IO8";
@@ -16,26 +19,31 @@ var optionLabel = "uzi-multi-select-module__optionLabel__cVoN7";
 var indicator = "uzi-multi-select-module__indicator__NO-WE";
 var indicatorSelected = "uzi-multi-select-module__indicatorSelected__9sEAy";
 var indicatorDisabled = "uzi-multi-select-module__indicatorDisabled__vqdiH";
+var optionIcon = "uzi-multi-select-module__optionIcon__TQddK";
 var multi_select_module_default = {
 	wrapper,
 	wrapperFullWidth,
 	trigger,
 	value,
 	placeholder,
+	summary,
 	chip,
 	chipSummary,
 	chevron,
 	menu,
 	menuFadeIn,
+	bulkAction,
+	separator,
 	option,
 	optionDisabled,
 	optionSelected,
 	optionLabel,
 	indicator,
 	indicatorSelected,
-	indicatorDisabled
+	indicatorDisabled,
+	optionIcon
 };
 //#endregion
-export { chevron, chip, chipSummary, multi_select_module_default as default, indicator, indicatorDisabled, indicatorSelected, menu, menuFadeIn, option, optionDisabled, optionLabel, optionSelected, placeholder, trigger, value, wrapper, wrapperFullWidth };
+export { bulkAction, chevron, chip, chipSummary, multi_select_module_default as default, indicator, indicatorDisabled, indicatorSelected, menu, menuFadeIn, option, optionDisabled, optionIcon, optionLabel, optionSelected, placeholder, separator, summary, trigger, value, wrapper, wrapperFullWidth };
 
 //# sourceMappingURL=index26.js.map

package/dist/index26.js.map

@@ -1 +1 @@
-{"version":3,"file":"index26.js","names":[],"sources":["../src/components/multi-select/multi-select.module.css"],"sourcesContent":[".wrapper {\n  position: relative;\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.wrapperFullWidth {\n  width: 100%;\n}\n\n.trigger {\n  width: 100%;\n  min-width: 0;\n  min-height: var(--uzi-control-min-height);\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.625rem;\n  border-radius: var(--uzi-control-radius);\n  border: 1px solid var(--ts-dropdown-border, var(--border));\n  background: var(--ts-dropdown-bg, var(--panel));\n  color: var(--ts-dropdown-text, var(--foreground));\n  padding:\n    var(--uzi-control-padding-y)\n    var(--uzi-control-padding-x-compact)\n    var(--uzi-control-padding-y)\n    var(--uzi-control-padding-x);\n  font-size: var(--uzi-control-font-size);\n  line-height: var(--uzi-control-line-height);\n  font-family: inherit;\n  box-shadow: var(--uzi-control-shadow);\n  transition:\n    border-color 0.15s ease,\n    background 0.15s ease,\n    color 0.15s ease,\n    box-shadow 0.15s ease;\n  cursor: pointer;\n  text-align: left;\n}\n\n.trigger:hover:not(:disabled) {\n  border-color: var(--ts-dropdown-accent, var(--accent));\n  box-shadow: var(--uzi-control-shadow-hover);\n}\n\n.trigger:focus-visible,\n.trigger[data-state=\"open\"] {\n  border-color: var(--ts-dropdown-accent, var(--primary));\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary) 30%, transparent);\n}\n\n.trigger:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n  box-shadow: none;\n}\n\n.value {\n  min-width: 0;\n  display: flex;\n  flex: 1;\n  flex-wrap: wrap;\n  gap: 0.375rem;\n  align-items: center;\n}\n\n.placeholder {\n  color: var(--muted-foreground);\n}\n\n.chip {\n  display: inline-flex;\n  align-items: center;\n  max-width: 100%;\n  padding: 2px 8px;\n  border-radius: 999px;\n  border: 1px solid color-mix(in srgb, var(--primary) 32%, transparent);\n  background: color-mix(in srgb, var(--primary) 10%, transparent);\n  color: var(--ts-dropdown-text, var(--foreground));\n  font-size: 0.75rem;\n  font-weight: 600;\n  line-height: 1.2;\n  white-space: nowrap;\n}\n\n.chipSummary {\n  color: var(--primary);\n}\n\n.chevron {\n  width: 10px;\n  height: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--muted-foreground);\n  flex-shrink: 0;\n  transition: transform 0.15s ease, color 0.15s ease;\n}\n\n.trigger:hover:not(:disabled) .chevron,\n.trigger[data-state=\"open\"] .chevron {\n  color: var(--ts-dropdown-text, var(--foreground));\n}\n\n.trigger[data-state=\"open\"] .chevron {\n  transform: rotate(180deg);\n}\n\n.menu {\n  position: absolute;\n  top: calc(100% + 6px);\n  left: 0;\n  z-index: var(--uzi-popover-z-index, 1100);\n  min-width: 100%;\n  max-height: 16rem;\n  overflow-y: auto;\n  border: 1px solid var(--ts-menu-border, var(--border));\n  border-radius: var(--uzi-menu-radius);\n  background: var(--ts-menu-bg, var(--popover));\n  color: var(--ts-menu-fg, var(--popover-foreground));\n  padding: var(--uzi-menu-padding);\n  box-shadow: var(--uzi-menu-shadow);\n  animation: menuFadeIn 140ms ease;\n}\n\n.option {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: var(--uzi-menu-item-gap);\n  border: none;\n  border-radius: var(--uzi-menu-item-radius);\n  background: transparent;\n  color: inherit;\n  padding: var(--uzi-menu-item-padding-y) var(--uzi-menu-item-padding-x);\n  font: inherit;\n  cursor: pointer;\n  text-align: left;\n  transition: background 0.12s ease, color 0.12s ease;\n}\n\n.option:hover:not(:disabled),\n.option:focus-visible,\n.option[data-highlighted] {\n  background: var(--ts-menu-hover-bg, var(--accent));\n  color: var(--ts-menu-hover-fg, var(--accent-foreground));\n  outline: none;\n}\n\n.optionDisabled,\n.option[data-disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.optionSelected .optionLabel {\n  color: var(--primary);\n}\n\n.indicator {\n  width: 1rem;\n  height: 1rem;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 0.3125rem;\n  border: 1px solid var(--border);\n  color: transparent;\n  background: transparent;\n  transition: border-color 0.12s ease, background 0.12s ease, color 0.12s ease;\n}\n\n.indicatorSelected {\n  border-color: color-mix(in srgb, var(--primary) 55%, transparent);\n  background: color-mix(in srgb, var(--primary) 12%, transparent);\n  color: var(--primary);\n}\n\n.indicatorDisabled {\n  opacity: 0.65;\n}\n\n.optionLabel {\n  min-width: 0;\n  flex: 1;\n}\n\n@keyframes menuFadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(-4px) scale(0.98);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"index26.js","names":[],"sources":["../src/components/multi-select/multi-select.module.css"],"sourcesContent":[".wrapper {\n  position: relative;\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.wrapperFullWidth {\n  width: 100%;\n}\n\n.trigger {\n  width: 100%;\n  min-width: 0;\n  min-height: var(--uzi-control-min-height);\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.625rem;\n  border-radius: var(--uzi-control-radius);\n  border: 1px solid var(--ts-dropdown-border, var(--border));\n  background: var(--ts-dropdown-bg, var(--panel));\n  color: var(--ts-dropdown-text, var(--foreground));\n  padding:\n    var(--uzi-control-padding-y)\n    var(--uzi-control-padding-x-compact)\n    var(--uzi-control-padding-y)\n    var(--uzi-control-padding-x);\n  font-size: var(--uzi-control-font-size);\n  line-height: var(--uzi-control-line-height);\n  font-family: inherit;\n  box-shadow: var(--uzi-control-shadow);\n  transition:\n    border-color 0.15s ease,\n    background 0.15s ease,\n    color 0.15s ease,\n    box-shadow 0.15s ease;\n  cursor: pointer;\n  text-align: left;\n}\n\n.trigger:hover:not(:disabled) {\n  border-color: var(--ts-dropdown-accent, var(--accent));\n  box-shadow: var(--uzi-control-shadow-hover);\n}\n\n.trigger:focus-visible,\n.trigger[data-state=\"open\"] {\n  border-color: var(--ts-dropdown-accent, var(--primary));\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary) 30%, transparent);\n}\n\n.trigger:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n  box-shadow: none;\n}\n\n.value {\n  min-width: 0;\n  display: flex;\n  flex: 1;\n  flex-wrap: wrap;\n  gap: 0.375rem;\n  align-items: center;\n}\n\n.placeholder {\n  color: var(--muted-foreground);\n}\n\n.summary {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-weight: 500;\n}\n\n.chip {\n  display: inline-flex;\n  align-items: center;\n  max-width: 100%;\n  padding: 2px 8px;\n  border-radius: 999px;\n  border: 1px solid color-mix(in srgb, var(--primary) 32%, transparent);\n  background: color-mix(in srgb, var(--primary) 10%, transparent);\n  color: var(--ts-dropdown-text, var(--foreground));\n  font-size: 0.75rem;\n  font-weight: 600;\n  line-height: 1.2;\n  white-space: nowrap;\n}\n\n.chipSummary {\n  color: var(--primary);\n}\n\n.chevron {\n  width: 10px;\n  height: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--muted-foreground);\n  flex-shrink: 0;\n  transition: transform 0.15s ease, color 0.15s ease;\n}\n\n.trigger:hover:not(:disabled) .chevron,\n.trigger[data-state=\"open\"] .chevron {\n  color: var(--ts-dropdown-text, var(--foreground));\n}\n\n.trigger[data-state=\"open\"] .chevron {\n  transform: rotate(180deg);\n}\n\n.menu {\n  position: absolute;\n  top: calc(100% + 6px);\n  left: 0;\n  z-index: var(--uzi-popover-z-index, 1100);\n  min-width: 100%;\n  max-height: 16rem;\n  overflow-y: auto;\n  border: 1px solid var(--ts-menu-border, var(--border));\n  border-radius: var(--uzi-menu-radius);\n  background: var(--ts-menu-bg, var(--popover));\n  color: var(--ts-menu-fg, var(--popover-foreground));\n  padding: var(--uzi-menu-padding);\n  box-shadow: var(--uzi-menu-shadow);\n  animation: menuFadeIn 140ms ease;\n}\n\n.bulkAction {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  border: none;\n  border-radius: var(--uzi-menu-item-radius);\n  background: transparent;\n  color: inherit;\n  padding: var(--uzi-menu-item-padding-y) var(--uzi-menu-item-padding-x);\n  font: inherit;\n  font-weight: 600;\n  cursor: pointer;\n  outline: none;\n}\n\n.bulkAction[data-highlighted] {\n  background: var(--ts-menu-hover-bg, var(--accent));\n  color: var(--ts-menu-hover-fg, var(--accent-foreground));\n}\n\n.bulkAction[data-disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.separator {\n  height: 1px;\n  margin: var(--uzi-menu-padding) 0;\n  background: var(--ts-menu-border, var(--border));\n}\n\n.option {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: var(--uzi-menu-item-gap);\n  border: none;\n  border-radius: var(--uzi-menu-item-radius);\n  background: transparent;\n  color: inherit;\n  padding: var(--uzi-menu-item-padding-y) var(--uzi-menu-item-padding-x);\n  font: inherit;\n  cursor: pointer;\n  text-align: left;\n  transition: background 0.12s ease, color 0.12s ease;\n}\n\n.option:hover:not(:disabled),\n.option:focus-visible,\n.option[data-highlighted] {\n  background: var(--ts-menu-hover-bg, var(--accent));\n  color: var(--ts-menu-hover-fg, var(--accent-foreground));\n  outline: none;\n}\n\n.optionDisabled,\n.option[data-disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.optionSelected .optionLabel {\n  color: var(--primary);\n}\n\n.indicator {\n  width: 1rem;\n  height: 1rem;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 0.3125rem;\n  border: 1px solid var(--border);\n  color: transparent;\n  background: transparent;\n  transition: border-color 0.12s ease, background 0.12s ease, color 0.12s ease;\n}\n\n.indicatorSelected {\n  border-color: color-mix(in srgb, var(--primary) 55%, transparent);\n  background: color-mix(in srgb, var(--primary) 12%, transparent);\n  color: var(--primary);\n}\n\n.indicatorDisabled {\n  opacity: 0.65;\n}\n\n.optionLabel {\n  min-width: 0;\n  flex: 1;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--uzi-menu-item-gap);\n}\n\n.optionIcon {\n  width: 1rem;\n  height: 1rem;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.optionIcon > * {\n  max-width: 100%;\n  max-height: 100%;\n}\n\n@keyframes menuFadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(-4px) scale(0.98);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n"],"mappings":""}

package/dist/index27.cjs

@@ -4,11 +4,14 @@ var wrapperFullWidth = "uzi-multi-select-module__wrapperFullWidth__eH8pf";
 var trigger = "uzi-multi-select-module__trigger__r3816";
 var value = "uzi-multi-select-module__value__PuUmG";
 var placeholder = "uzi-multi-select-module__placeholder__dJIU-";
+var summary = "uzi-multi-select-module__summary__tu-Me";
 var chip = "uzi-multi-select-module__chip__46Ms-";
 var chipSummary = "uzi-multi-select-module__chipSummary__zLwi8";
 var chevron = "uzi-multi-select-module__chevron__SWK5l";
 var menu = "uzi-multi-select-module__menu__q8auA";
 var menuFadeIn = "uzi-multi-select-module__menuFadeIn__Plo7-";
+var bulkAction = "uzi-multi-select-module__bulkAction__CTqPY";
+var separator = "uzi-multi-select-module__separator__UOVk4";
 var option = "uzi-multi-select-module__option__-Ioqk";
 var optionDisabled = "uzi-multi-select-module__optionDisabled__qtCi8";
 var optionSelected = "uzi-multi-select-module__optionSelected__74IO8";
@@ -16,26 +19,32 @@ var optionLabel = "uzi-multi-select-module__optionLabel__cVoN7";
 var indicator = "uzi-multi-select-module__indicator__NO-WE";
 var indicatorSelected = "uzi-multi-select-module__indicatorSelected__9sEAy";
 var indicatorDisabled = "uzi-multi-select-module__indicatorDisabled__vqdiH";
+var optionIcon = "uzi-multi-select-module__optionIcon__TQddK";
 var multi_select_module_default = {
 	wrapper,
 	wrapperFullWidth,
 	trigger,
 	value,
 	placeholder,
+	summary,
 	chip,
 	chipSummary,
 	chevron,
 	menu,
 	menuFadeIn,
+	bulkAction,
+	separator,
 	option,
 	optionDisabled,
 	optionSelected,
 	optionLabel,
 	indicator,
 	indicatorSelected,
-	indicatorDisabled
+	indicatorDisabled,
+	optionIcon
 };
 //#endregion
+exports.bulkAction = bulkAction;
 exports.chevron = chevron;
 exports.chip = chip;
 exports.chipSummary = chipSummary;
@@ -47,9 +56,12 @@ exports.menu = menu;
 exports.menuFadeIn = menuFadeIn;
 exports.option = option;
 exports.optionDisabled = optionDisabled;
+exports.optionIcon = optionIcon;
 exports.optionLabel = optionLabel;
 exports.optionSelected = optionSelected;
 exports.placeholder = placeholder;
+exports.separator = separator;
+exports.summary = summary;
 exports.trigger = trigger;
 exports.value = value;
 exports.wrapper = wrapper;

package/dist/index27.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index27.cjs","names":[],"sources":["../src/components/multi-select/multi-select.module.css"],"sourcesContent":[".wrapper {\n  position: relative;\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.wrapperFullWidth {\n  width: 100%;\n}\n\n.trigger {\n  width: 100%;\n  min-width: 0;\n  min-height: var(--uzi-control-min-height);\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.625rem;\n  border-radius: var(--uzi-control-radius);\n  border: 1px solid var(--ts-dropdown-border, var(--border));\n  background: var(--ts-dropdown-bg, var(--panel));\n  color: var(--ts-dropdown-text, var(--foreground));\n  padding:\n    var(--uzi-control-padding-y)\n    var(--uzi-control-padding-x-compact)\n    var(--uzi-control-padding-y)\n    var(--uzi-control-padding-x);\n  font-size: var(--uzi-control-font-size);\n  line-height: var(--uzi-control-line-height);\n  font-family: inherit;\n  box-shadow: var(--uzi-control-shadow);\n  transition:\n    border-color 0.15s ease,\n    background 0.15s ease,\n    color 0.15s ease,\n    box-shadow 0.15s ease;\n  cursor: pointer;\n  text-align: left;\n}\n\n.trigger:hover:not(:disabled) {\n  border-color: var(--ts-dropdown-accent, var(--accent));\n  box-shadow: var(--uzi-control-shadow-hover);\n}\n\n.trigger:focus-visible,\n.trigger[data-state=\"open\"] {\n  border-color: var(--ts-dropdown-accent, var(--primary));\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary) 30%, transparent);\n}\n\n.trigger:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n  box-shadow: none;\n}\n\n.value {\n  min-width: 0;\n  display: flex;\n  flex: 1;\n  flex-wrap: wrap;\n  gap: 0.375rem;\n  align-items: center;\n}\n\n.placeholder {\n  color: var(--muted-foreground);\n}\n\n.chip {\n  display: inline-flex;\n  align-items: center;\n  max-width: 100%;\n  padding: 2px 8px;\n  border-radius: 999px;\n  border: 1px solid color-mix(in srgb, var(--primary) 32%, transparent);\n  background: color-mix(in srgb, var(--primary) 10%, transparent);\n  color: var(--ts-dropdown-text, var(--foreground));\n  font-size: 0.75rem;\n  font-weight: 600;\n  line-height: 1.2;\n  white-space: nowrap;\n}\n\n.chipSummary {\n  color: var(--primary);\n}\n\n.chevron {\n  width: 10px;\n  height: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--muted-foreground);\n  flex-shrink: 0;\n  transition: transform 0.15s ease, color 0.15s ease;\n}\n\n.trigger:hover:not(:disabled) .chevron,\n.trigger[data-state=\"open\"] .chevron {\n  color: var(--ts-dropdown-text, var(--foreground));\n}\n\n.trigger[data-state=\"open\"] .chevron {\n  transform: rotate(180deg);\n}\n\n.menu {\n  position: absolute;\n  top: calc(100% + 6px);\n  left: 0;\n  z-index: var(--uzi-popover-z-index, 1100);\n  min-width: 100%;\n  max-height: 16rem;\n  overflow-y: auto;\n  border: 1px solid var(--ts-menu-border, var(--border));\n  border-radius: var(--uzi-menu-radius);\n  background: var(--ts-menu-bg, var(--popover));\n  color: var(--ts-menu-fg, var(--popover-foreground));\n  padding: var(--uzi-menu-padding);\n  box-shadow: var(--uzi-menu-shadow);\n  animation: menuFadeIn 140ms ease;\n}\n\n.option {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: var(--uzi-menu-item-gap);\n  border: none;\n  border-radius: var(--uzi-menu-item-radius);\n  background: transparent;\n  color: inherit;\n  padding: var(--uzi-menu-item-padding-y) var(--uzi-menu-item-padding-x);\n  font: inherit;\n  cursor: pointer;\n  text-align: left;\n  transition: background 0.12s ease, color 0.12s ease;\n}\n\n.option:hover:not(:disabled),\n.option:focus-visible,\n.option[data-highlighted] {\n  background: var(--ts-menu-hover-bg, var(--accent));\n  color: var(--ts-menu-hover-fg, var(--accent-foreground));\n  outline: none;\n}\n\n.optionDisabled,\n.option[data-disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.optionSelected .optionLabel {\n  color: var(--primary);\n}\n\n.indicator {\n  width: 1rem;\n  height: 1rem;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 0.3125rem;\n  border: 1px solid var(--border);\n  color: transparent;\n  background: transparent;\n  transition: border-color 0.12s ease, background 0.12s ease, color 0.12s ease;\n}\n\n.indicatorSelected {\n  border-color: color-mix(in srgb, var(--primary) 55%, transparent);\n  background: color-mix(in srgb, var(--primary) 12%, transparent);\n  color: var(--primary);\n}\n\n.indicatorDisabled {\n  opacity: 0.65;\n}\n\n.optionLabel {\n  min-width: 0;\n  flex: 1;\n}\n\n@keyframes menuFadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(-4px) scale(0.98);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"index27.cjs","names":[],"sources":["../src/components/multi-select/multi-select.module.css"],"sourcesContent":[".wrapper {\n  position: relative;\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.wrapperFullWidth {\n  width: 100%;\n}\n\n.trigger {\n  width: 100%;\n  min-width: 0;\n  min-height: var(--uzi-control-min-height);\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.625rem;\n  border-radius: var(--uzi-control-radius);\n  border: 1px solid var(--ts-dropdown-border, var(--border));\n  background: var(--ts-dropdown-bg, var(--panel));\n  color: var(--ts-dropdown-text, var(--foreground));\n  padding:\n    var(--uzi-control-padding-y)\n    var(--uzi-control-padding-x-compact)\n    var(--uzi-control-padding-y)\n    var(--uzi-control-padding-x);\n  font-size: var(--uzi-control-font-size);\n  line-height: var(--uzi-control-line-height);\n  font-family: inherit;\n  box-shadow: var(--uzi-control-shadow);\n  transition:\n    border-color 0.15s ease,\n    background 0.15s ease,\n    color 0.15s ease,\n    box-shadow 0.15s ease;\n  cursor: pointer;\n  text-align: left;\n}\n\n.trigger:hover:not(:disabled) {\n  border-color: var(--ts-dropdown-accent, var(--accent));\n  box-shadow: var(--uzi-control-shadow-hover);\n}\n\n.trigger:focus-visible,\n.trigger[data-state=\"open\"] {\n  border-color: var(--ts-dropdown-accent, var(--primary));\n  outline: var(--focus-ring);\n  outline-offset: var(--focus-ring-offset);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary) 30%, transparent);\n}\n\n.trigger:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n  box-shadow: none;\n}\n\n.value {\n  min-width: 0;\n  display: flex;\n  flex: 1;\n  flex-wrap: wrap;\n  gap: 0.375rem;\n  align-items: center;\n}\n\n.placeholder {\n  color: var(--muted-foreground);\n}\n\n.summary {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-weight: 500;\n}\n\n.chip {\n  display: inline-flex;\n  align-items: center;\n  max-width: 100%;\n  padding: 2px 8px;\n  border-radius: 999px;\n  border: 1px solid color-mix(in srgb, var(--primary) 32%, transparent);\n  background: color-mix(in srgb, var(--primary) 10%, transparent);\n  color: var(--ts-dropdown-text, var(--foreground));\n  font-size: 0.75rem;\n  font-weight: 600;\n  line-height: 1.2;\n  white-space: nowrap;\n}\n\n.chipSummary {\n  color: var(--primary);\n}\n\n.chevron {\n  width: 10px;\n  height: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--muted-foreground);\n  flex-shrink: 0;\n  transition: transform 0.15s ease, color 0.15s ease;\n}\n\n.trigger:hover:not(:disabled) .chevron,\n.trigger[data-state=\"open\"] .chevron {\n  color: var(--ts-dropdown-text, var(--foreground));\n}\n\n.trigger[data-state=\"open\"] .chevron {\n  transform: rotate(180deg);\n}\n\n.menu {\n  position: absolute;\n  top: calc(100% + 6px);\n  left: 0;\n  z-index: var(--uzi-popover-z-index, 1100);\n  min-width: 100%;\n  max-height: 16rem;\n  overflow-y: auto;\n  border: 1px solid var(--ts-menu-border, var(--border));\n  border-radius: var(--uzi-menu-radius);\n  background: var(--ts-menu-bg, var(--popover));\n  color: var(--ts-menu-fg, var(--popover-foreground));\n  padding: var(--uzi-menu-padding);\n  box-shadow: var(--uzi-menu-shadow);\n  animation: menuFadeIn 140ms ease;\n}\n\n.bulkAction {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  border: none;\n  border-radius: var(--uzi-menu-item-radius);\n  background: transparent;\n  color: inherit;\n  padding: var(--uzi-menu-item-padding-y) var(--uzi-menu-item-padding-x);\n  font: inherit;\n  font-weight: 600;\n  cursor: pointer;\n  outline: none;\n}\n\n.bulkAction[data-highlighted] {\n  background: var(--ts-menu-hover-bg, var(--accent));\n  color: var(--ts-menu-hover-fg, var(--accent-foreground));\n}\n\n.bulkAction[data-disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.separator {\n  height: 1px;\n  margin: var(--uzi-menu-padding) 0;\n  background: var(--ts-menu-border, var(--border));\n}\n\n.option {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: var(--uzi-menu-item-gap);\n  border: none;\n  border-radius: var(--uzi-menu-item-radius);\n  background: transparent;\n  color: inherit;\n  padding: var(--uzi-menu-item-padding-y) var(--uzi-menu-item-padding-x);\n  font: inherit;\n  cursor: pointer;\n  text-align: left;\n  transition: background 0.12s ease, color 0.12s ease;\n}\n\n.option:hover:not(:disabled),\n.option:focus-visible,\n.option[data-highlighted] {\n  background: var(--ts-menu-hover-bg, var(--accent));\n  color: var(--ts-menu-hover-fg, var(--accent-foreground));\n  outline: none;\n}\n\n.optionDisabled,\n.option[data-disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.optionSelected .optionLabel {\n  color: var(--primary);\n}\n\n.indicator {\n  width: 1rem;\n  height: 1rem;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  border-radius: 0.3125rem;\n  border: 1px solid var(--border);\n  color: transparent;\n  background: transparent;\n  transition: border-color 0.12s ease, background 0.12s ease, color 0.12s ease;\n}\n\n.indicatorSelected {\n  border-color: color-mix(in srgb, var(--primary) 55%, transparent);\n  background: color-mix(in srgb, var(--primary) 12%, transparent);\n  color: var(--primary);\n}\n\n.indicatorDisabled {\n  opacity: 0.65;\n}\n\n.optionLabel {\n  min-width: 0;\n  flex: 1;\n  display: inline-flex;\n  align-items: center;\n  gap: var(--uzi-menu-item-gap);\n}\n\n.optionIcon {\n  width: 1rem;\n  height: 1rem;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.optionIcon > * {\n  max-width: 100%;\n  max-height: 100%;\n}\n\n@keyframes menuFadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(-4px) scale(0.98);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n"],"mappings":""}

package/dist/index27.js

@@ -5,9 +5,14 @@ import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 //#region src/components/multi-select/MultiSelect.tsx
-var MultiSelect = React.forwardRef(({ options, value, onChange, placeholder = "Select options", fullWidth = true, maxVisibleValues = 2, className, disabled = false, name, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, ref) => {
+var MultiSelect = React.forwardRef(({ options, value, onChange, placeholder = "Select options", fullWidth = true, maxVisibleValues = 2, formatValue, bulkActions = false, selectAllLabel = "Select all", clearAllLabel, className, disabled = false, name, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }, ref) => {
 	const selectedSet = React.useMemo(() => new Set(value), [value]);
 	const selectedOptions = React.useMemo(() => options.filter((opt) => selectedSet.has(opt.value)), [options, selectedSet]);
+	const enabledValues = React.useMemo(() => options.filter((option) => !option.disabled).map((option) => option.value), [options]);
+	const allEnabledSelected = enabledValues.length > 0 && enabledValues.every((entry) => selectedSet.has(entry));
+	const hasDisabledOptions = options.some((option) => option.disabled);
+	const resolvedClearAllLabel = clearAllLabel ?? (hasDisabledOptions ? "Clear enabled" : "Clear all");
+	const formattedValue = React.useMemo(() => formatValue?.(selectedOptions), [formatValue, selectedOptions]);
 	const toggleValue = React.useCallback((nextValue) => {
 		if (selectedSet.has(nextValue)) {
 			onChange(value.filter((entry) => entry !== nextValue));
@@ -38,12 +43,19 @@ var MultiSelect = React.forwardRef(({ options, value, onChange, placeholder = "S
 						disabled,
 						children: [/* @__PURE__ */ jsx("span", {
 							className: multi_select_module_default.value,
-							children: selectedOptions.length === 0 ? /* @__PURE__ */ jsx("span", {
+							children: formatValue ? /* @__PURE__ */ jsx("span", {
+								className: multi_select_module_default.summary,
+								children: formattedValue
+							}) : selectedOptions.length === 0 ? /* @__PURE__ */ jsx("span", {
 								className: multi_select_module_default.placeholder,
 								children: placeholder
-							}) : /* @__PURE__ */ jsxs(Fragment, { children: [visibleOptions.map((option) => /* @__PURE__ */ jsx("span", {
+							}) : /* @__PURE__ */ jsxs(Fragment, { children: [visibleOptions.map((option) => /* @__PURE__ */ jsxs("span", {
 								className: multi_select_module_default.chip,
-								children: option.label
+								children: [option.icon ? /* @__PURE__ */ jsx("span", {
+									className: multi_select_module_default.optionIcon,
+									"aria-hidden": "true",
+									children: option.icon
+								}) : null, option.label]
 							}, option.value)), overflowCount > 0 ? /* @__PURE__ */ jsxs("span", {
 								className: cx(multi_select_module_default.chip, multi_select_module_default.chipSummary),
 								children: ["+", overflowCount]
@@ -73,44 +85,69 @@ var MultiSelect = React.forwardRef(({ options, value, onChange, placeholder = "S
 					name,
 					value: entry
 				}, entry)) : null,
-				/* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+				/* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsxs(DropdownMenuPrimitive.Content, {
 					className: multi_select_module_default.menu,
 					sideOffset: 4,
 					align: "start",
-					children: options.map((option) => {
-						const selected = selectedSet.has(option.value);
-						return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
-							className: cx(multi_select_module_default.option, selected && multi_select_module_default.optionSelected, option.disabled && multi_select_module_default.optionDisabled),
-							checked: selected,
-							disabled: option.disabled,
-							onCheckedChange: () => toggleValue(option.value),
-							onSelect: (event) => event.preventDefault(),
-							children: [/* @__PURE__ */ jsx("span", {
-								className: cx(multi_select_module_default.indicator, selected && multi_select_module_default.indicatorSelected, option.disabled && multi_select_module_default.indicatorDisabled),
-								"aria-hidden": "true",
-								children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, {
-									forceMount: true,
-									children: /* @__PURE__ */ jsx("svg", {
-										viewBox: "0 0 16 16",
-										width: "16",
-										height: "16",
-										fill: "none",
-										xmlns: "http://www.w3.org/2000/svg",
-										children: /* @__PURE__ */ jsx("path", {
-											d: "M3.5 8.5 6.5 11.5 12.5 4.5",
-											stroke: "currentColor",
-											strokeWidth: "1.8",
-											strokeLinecap: "round",
-											strokeLinejoin: "round"
+					children: [
+						bulkActions && enabledValues.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
+							className: multi_select_module_default.bulkAction,
+							disabled: allEnabledSelected,
+							onSelect: (event) => {
+								event.preventDefault();
+								onChange([...value, ...enabledValues.filter((entry) => !selectedSet.has(entry))]);
+							},
+							children: selectAllLabel
+						}), /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
+							className: multi_select_module_default.bulkAction,
+							disabled: !enabledValues.some((entry) => selectedSet.has(entry)),
+							onSelect: (event) => {
+								event.preventDefault();
+								const enabledSet = new Set(enabledValues);
+								onChange(value.filter((entry) => !enabledSet.has(entry)));
+							},
+							children: resolvedClearAllLabel
+						})] }) : null,
+						bulkActions && enabledValues.length > 0 ? /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, { className: multi_select_module_default.separator }) : null,
+						options.map((option) => {
+							const selected = selectedSet.has(option.value);
+							return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
+								className: cx(multi_select_module_default.option, selected && multi_select_module_default.optionSelected, option.disabled && multi_select_module_default.optionDisabled),
+								checked: selected,
+								disabled: option.disabled,
+								onCheckedChange: () => toggleValue(option.value),
+								onSelect: (event) => event.preventDefault(),
+								children: [/* @__PURE__ */ jsx("span", {
+									className: cx(multi_select_module_default.indicator, selected && multi_select_module_default.indicatorSelected, option.disabled && multi_select_module_default.indicatorDisabled),
+									"aria-hidden": "true",
+									children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, {
+										forceMount: true,
+										children: /* @__PURE__ */ jsx("svg", {
+											viewBox: "0 0 16 16",
+											width: "16",
+											height: "16",
+											fill: "none",
+											xmlns: "http://www.w3.org/2000/svg",
+											children: /* @__PURE__ */ jsx("path", {
+												d: "M3.5 8.5 6.5 11.5 12.5 4.5",
+												stroke: "currentColor",
+												strokeWidth: "1.8",
+												strokeLinecap: "round",
+												strokeLinejoin: "round"
+											})
 										})
 									})
-								})
-							}), /* @__PURE__ */ jsx("span", {
-								className: multi_select_module_default.optionLabel,
-								children: option.label
-							})]
-						}, option.value);
-					})
+								}), /* @__PURE__ */ jsxs("span", {
+									className: multi_select_module_default.optionLabel,
+									children: [option.icon ? /* @__PURE__ */ jsx("span", {
+										className: multi_select_module_default.optionIcon,
+										"aria-hidden": "true",
+										children: option.icon
+									}) : null, option.label]
+								})]
+							}, option.value);
+						})
+					]
 				}) })
 			]
 		})

package/dist/index27.js.map

@@ -1 +1 @@
-{"version":3,"file":"index27.js","names":[],"sources":["../src/components/multi-select/MultiSelect.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./multi-select.module.css\";\n\nexport type MultiSelectOption = {\n  label: string;\n  value: string;\n  disabled?: boolean;\n};\n\nexport type MultiSelectProps = {\n  options: MultiSelectOption[];\n  value: string[];\n  onChange: (value: string[]) => void;\n  placeholder?: string;\n  fullWidth?: boolean;\n  maxVisibleValues?: number;\n  className?: string;\n  disabled?: boolean;\n  name?: string;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n};\n\nexport const MultiSelect = React.forwardRef<HTMLButtonElement, MultiSelectProps>(\n  (\n    {\n      options,\n      value,\n      onChange,\n      placeholder = \"Select options\",\n      fullWidth = true,\n      maxVisibleValues = 2,\n      className,\n      disabled = false,\n      name,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n    },\n    ref,\n  ) => {\n    const selectedSet = React.useMemo(() => new Set(value), [value]);\n    const selectedOptions = React.useMemo(\n      () => options.filter((opt) => selectedSet.has(opt.value)),\n      [options, selectedSet],\n    );\n\n    const toggleValue = React.useCallback(\n      (nextValue: string) => {\n        if (selectedSet.has(nextValue)) {\n          onChange(value.filter((entry) => entry !== nextValue));\n          return;\n        }\n\n        onChange([...value, nextValue]);\n      },\n      [onChange, selectedSet, value],\n    );\n\n    const visibleCount = Math.max(1, maxVisibleValues);\n    const visibleOptions = selectedOptions.slice(0, visibleCount);\n    const overflowCount = Math.max(\n      0,\n      selectedOptions.length - visibleOptions.length,\n    );\n\n    return (\n      <DropdownMenuPrimitive.Root modal={false}>\n        <div\n          className={cx(\n            styles.wrapper,\n            fullWidth && styles.wrapperFullWidth,\n            className,\n          )}\n        >\n          <DropdownMenuPrimitive.Trigger asChild>\n            <button\n              ref={ref}\n              type=\"button\"\n              className={styles.trigger}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledBy}\n              disabled={disabled}\n            >\n              <span className={styles.value}>\n                {selectedOptions.length === 0 ? (\n                  <span className={styles.placeholder}>{placeholder}</span>\n                ) : (\n                  <>\n                    {visibleOptions.map((option) => (\n                      <span key={option.value} className={styles.chip}>\n                        {option.label}\n                      </span>\n                    ))}\n                    {overflowCount > 0 ? (\n                      <span\n                        className={cx(\n                          styles.chip,\n                          styles.chipSummary,\n                        )}\n                      >\n                        +{overflowCount}\n                      </span>\n                    ) : null}\n                  </>\n                )}\n              </span>\n              <span className={styles.chevron} aria-hidden=\"true\">\n                <svg\n                  viewBox=\"0 0 10 10\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  width=\"10\"\n                  height=\"10\"\n                >\n                  <path\n                    d=\"M2 3.5L5 6.5L8 3.5\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"1.5\"\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                  />\n                </svg>\n              </span>\n            </button>\n          </DropdownMenuPrimitive.Trigger>\n\n          {name\n            ? value.map((entry) => (\n                <input key={entry} type=\"hidden\" name={name} value={entry} />\n              ))\n            : null}\n\n          <DropdownMenuPrimitive.Portal>\n            <DropdownMenuPrimitive.Content\n              className={styles.menu}\n              sideOffset={4}\n              align=\"start\"\n            >\n              {options.map((option) => {\n                const selected = selectedSet.has(option.value);\n\n                return (\n                  <DropdownMenuPrimitive.CheckboxItem\n                    key={option.value}\n                    className={cx(\n                      styles.option,\n                      selected && styles.optionSelected,\n                      option.disabled && styles.optionDisabled,\n                    )}\n                    checked={selected}\n                    disabled={option.disabled}\n                    onCheckedChange={() => toggleValue(option.value)}\n                    onSelect={(event) => event.preventDefault()}\n                  >\n                    <span\n                      className={cx(\n                        styles.indicator,\n                        selected && styles.indicatorSelected,\n                        option.disabled && styles.indicatorDisabled,\n                      )}\n                      aria-hidden=\"true\"\n                    >\n                      <DropdownMenuPrimitive.ItemIndicator forceMount>\n                        <svg\n                          viewBox=\"0 0 16 16\"\n                          width=\"16\"\n                          height=\"16\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            d=\"M3.5 8.5 6.5 11.5 12.5 4.5\"\n                            stroke=\"currentColor\"\n                            strokeWidth=\"1.8\"\n                            strokeLinecap=\"round\"\n                            strokeLinejoin=\"round\"\n                          />\n                        </svg>\n                      </DropdownMenuPrimitive.ItemIndicator>\n                    </span>\n                    <span className={styles.optionLabel}>{option.label}</span>\n                  </DropdownMenuPrimitive.CheckboxItem>\n                );\n              })}\n            </DropdownMenuPrimitive.Content>\n          </DropdownMenuPrimitive.Portal>\n        </div>\n      </DropdownMenuPrimitive.Root>\n    );\n  },\n);\n\nMultiSelect.displayName = \"MultiSelect\";\n"],"mappings":"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"}
+{"version":3,"file":"index27.js","names":[],"sources":["../src/components/multi-select/MultiSelect.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./multi-select.module.css\";\n\nexport type MultiSelectOption = {\n  label: string;\n  value: string;\n  disabled?: boolean;\n  /** Optional decorative leading visual. The label remains the accessible option name. */\n  icon?: React.ReactElement;\n};\n\nexport type MultiSelectProps = {\n  options: MultiSelectOption[];\n  value: string[];\n  onChange: (value: string[]) => void;\n  placeholder?: string;\n  fullWidth?: boolean;\n  maxVisibleValues?: number;\n  /** Formats the closed trigger text from the selected options, including an empty selection. */\n  formatValue?: (selected: MultiSelectOption[]) => string;\n  /** Shows Select all and Clear all actions. Bulk actions modify enabled options only. */\n  bulkActions?: boolean;\n  selectAllLabel?: string;\n  /** Label for clearing all enabled selections. Disabled selected options remain selected. */\n  clearAllLabel?: string;\n  className?: string;\n  disabled?: boolean;\n  name?: string;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n};\n\nexport const MultiSelect = React.forwardRef<HTMLButtonElement, MultiSelectProps>(\n  (\n    {\n      options,\n      value,\n      onChange,\n      placeholder = \"Select options\",\n      fullWidth = true,\n      maxVisibleValues = 2,\n      formatValue,\n      bulkActions = false,\n      selectAllLabel = \"Select all\",\n      clearAllLabel,\n      className,\n      disabled = false,\n      name,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n    },\n    ref,\n  ) => {\n    const selectedSet = React.useMemo(() => new Set(value), [value]);\n    const selectedOptions = React.useMemo(\n      () => options.filter((opt) => selectedSet.has(opt.value)),\n      [options, selectedSet],\n    );\n\n    const enabledValues = React.useMemo(\n      () => options.filter((option) => !option.disabled).map((option) => option.value),\n      [options],\n    );\n    const allEnabledSelected =\n      enabledValues.length > 0 && enabledValues.every((entry) => selectedSet.has(entry));\n    const hasDisabledOptions = options.some((option) => option.disabled);\n    const resolvedClearAllLabel =\n      clearAllLabel ?? (hasDisabledOptions ? \"Clear enabled\" : \"Clear all\");\n\n    const formattedValue = React.useMemo(\n      () => formatValue?.(selectedOptions),\n      [formatValue, selectedOptions],\n    );\n\n    const toggleValue = React.useCallback(\n      (nextValue: string) => {\n        if (selectedSet.has(nextValue)) {\n          onChange(value.filter((entry) => entry !== nextValue));\n          return;\n        }\n\n        onChange([...value, nextValue]);\n      },\n      [onChange, selectedSet, value],\n    );\n\n    const visibleCount = Math.max(1, maxVisibleValues);\n    const visibleOptions = selectedOptions.slice(0, visibleCount);\n    const overflowCount = Math.max(\n      0,\n      selectedOptions.length - visibleOptions.length,\n    );\n\n    return (\n      <DropdownMenuPrimitive.Root modal={false}>\n        <div\n          className={cx(\n            styles.wrapper,\n            fullWidth && styles.wrapperFullWidth,\n            className,\n          )}\n        >\n          <DropdownMenuPrimitive.Trigger asChild>\n            <button\n              ref={ref}\n              type=\"button\"\n              className={styles.trigger}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledBy}\n              disabled={disabled}\n            >\n              <span className={styles.value}>\n                {formatValue ? (\n                  <span className={styles.summary}>{formattedValue}</span>\n                ) : selectedOptions.length === 0 ? (\n                  <span className={styles.placeholder}>{placeholder}</span>\n                ) : (\n                  <>\n                    {visibleOptions.map((option) => (\n                      <span key={option.value} className={styles.chip}>\n                        {option.icon ? <span className={styles.optionIcon} aria-hidden=\"true\">{option.icon}</span> : null}\n                        {option.label}\n                      </span>\n                    ))}\n                    {overflowCount > 0 ? (\n                      <span className={cx(styles.chip, styles.chipSummary)}>\n                        +{overflowCount}\n                      </span>\n                    ) : null}\n                  </>\n                )}\n              </span>\n              <span className={styles.chevron} aria-hidden=\"true\">\n                <svg\n                  viewBox=\"0 0 10 10\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  width=\"10\"\n                  height=\"10\"\n                >\n                  <path\n                    d=\"M2 3.5L5 6.5L8 3.5\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"1.5\"\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                  />\n                </svg>\n              </span>\n            </button>\n          </DropdownMenuPrimitive.Trigger>\n\n          {name\n            ? value.map((entry) => (\n                <input key={entry} type=\"hidden\" name={name} value={entry} />\n              ))\n            : null}\n\n          <DropdownMenuPrimitive.Portal>\n            <DropdownMenuPrimitive.Content\n              className={styles.menu}\n              sideOffset={4}\n              align=\"start\"\n            >\n              {bulkActions && enabledValues.length > 0 ? (\n                <>\n                  <DropdownMenuPrimitive.Item\n                    className={styles.bulkAction}\n                    disabled={allEnabledSelected}\n                    onSelect={(event) => {\n                      event.preventDefault();\n                      onChange([...value, ...enabledValues.filter((entry) => !selectedSet.has(entry))]);\n                    }}\n                  >\n                    {selectAllLabel}\n                  </DropdownMenuPrimitive.Item>\n                  <DropdownMenuPrimitive.Item\n                    className={styles.bulkAction}\n                    disabled={!enabledValues.some((entry) => selectedSet.has(entry))}\n                    onSelect={(event) => {\n                      event.preventDefault();\n                      const enabledSet = new Set(enabledValues);\n                      onChange(value.filter((entry) => !enabledSet.has(entry)));\n                    }}\n                  >\n                    {resolvedClearAllLabel}\n                  </DropdownMenuPrimitive.Item>\n                </>\n              ) : null}\n              {bulkActions && enabledValues.length > 0 ? (\n                <DropdownMenuPrimitive.Separator className={styles.separator} />\n              ) : null}\n              {options.map((option) => {\n                const selected = selectedSet.has(option.value);\n\n                return (\n                  <DropdownMenuPrimitive.CheckboxItem\n                    key={option.value}\n                    className={cx(\n                      styles.option,\n                      selected && styles.optionSelected,\n                      option.disabled && styles.optionDisabled,\n                    )}\n                    checked={selected}\n                    disabled={option.disabled}\n                    onCheckedChange={() => toggleValue(option.value)}\n                    onSelect={(event) => event.preventDefault()}\n                  >\n                    <span\n                      className={cx(\n                        styles.indicator,\n                        selected && styles.indicatorSelected,\n                        option.disabled && styles.indicatorDisabled,\n                      )}\n                      aria-hidden=\"true\"\n                    >\n                      <DropdownMenuPrimitive.ItemIndicator forceMount>\n                        <svg\n                          viewBox=\"0 0 16 16\"\n                          width=\"16\"\n                          height=\"16\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                          <path\n                            d=\"M3.5 8.5 6.5 11.5 12.5 4.5\"\n                            stroke=\"currentColor\"\n                            strokeWidth=\"1.8\"\n                            strokeLinecap=\"round\"\n                            strokeLinejoin=\"round\"\n                          />\n                        </svg>\n                      </DropdownMenuPrimitive.ItemIndicator>\n                    </span>\n                    <span className={styles.optionLabel}>\n                          {option.icon ? <span className={styles.optionIcon} aria-hidden=\"true\">{option.icon}</span> : null}\n                          {option.label}\n                        </span>\n                  </DropdownMenuPrimitive.CheckboxItem>\n                );\n              })}\n            </DropdownMenuPrimitive.Content>\n          </DropdownMenuPrimitive.Portal>\n        </div>\n      </DropdownMenuPrimitive.Root>\n    );\n  },\n);\n\nMultiSelect.displayName = \"MultiSelect\";\n"],"mappings":"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"}