@ktnpm_devops/react-component 0.6.0 → 0.7.0

package/dist/composites/MultiSelectDropdown/MultiSelectDropdown.d.ts

@@ -24,6 +24,10 @@ export interface MultiSelectDropdownProps {
     customTriggerLabel?: string;
     /** Explicit selection mode override. */
     selectionMode?: 'all' | 'custom';
+    /** Treat an empty `selected` array as "all selected" (opt-in, legacy behavior). */
+    emptyMeansAll?: boolean;
+    /** What the trigger shows as a summary: the value label ('text') or just the count badge ('count'). */
+    triggerSummary?: 'text' | 'count';
 }
-export declare const MultiSelectDropdown: ({ label, options, selected, onApply, isLoading, error, allowCustomValues, customTriggerLabel, selectionMode, }: MultiSelectDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MultiSelectDropdown: ({ label, options, selected, onApply, isLoading, error, allowCustomValues, customTriggerLabel, selectionMode, emptyMeansAll, triggerSummary, }: MultiSelectDropdownProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MultiSelectDropdown.d.ts.map

package/dist/composites/MultiSelectDropdown/MultiSelectDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectDropdown.d.ts","sourceRoot":"","sources":["../../../src/composites/MultiSelectDropdown/MultiSelectDropdown.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,wBAAwB;IACvC,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,oDAAoD;IACpD,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE;QAAE,aAAa,EAAE,KAAK,GAAG,QAAQ,CAAA;KAAE,KAAK,IAAI,CAAC;IACnF,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wCAAwC;IACxC,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAClC;AAQD,eAAO,MAAM,mBAAmB,GAAI,gHAUjC,wBAAwB,4CAwP1B,CAAC"}
+{"version":3,"file":"MultiSelectDropdown.d.ts","sourceRoot":"","sources":["../../../src/composites/MultiSelectDropdown/MultiSelectDropdown.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,wBAAwB;IACvC,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,oDAAoD;IACpD,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE;QAAE,aAAa,EAAE,KAAK,GAAG,QAAQ,CAAA;KAAE,KAAK,IAAI,CAAC;IACnF,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wCAAwC;IACxC,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACjC,mFAAmF;IACnF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uGAAuG;IACvG,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACnC;AAQD,eAAO,MAAM,mBAAmB,GAAI,+IAYjC,wBAAwB,4CA0P1B,CAAC"}

package/dist/index10.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("./index48.cjs");
-const AuthLayout_module = require("./index60.cjs");
+const AuthLayout_module = require("./index77.cjs");
 const AuthLayout = ({
   children,
   logo,

package/dist/index10.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { clsx } from "./index48.js";
-import styles from "./index60.js";
+import styles from "./index77.js";
 const AuthLayout = ({
   children,
   logo,

package/dist/index11.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("./index48.cjs");
-const Avatar_module = require("./index62.cjs");
+const Avatar_module = require("./index65.cjs");
 const Avatar = ({ label, size = "md", className, ...props }) => {
   const initials = label.split(" ").filter(Boolean).map((part) => part[0]).join("").slice(0, 2).toUpperCase();
   return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/index11.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "./index48.js";
-import styles from "./index62.js";
+import styles from "./index65.js";
 const Avatar = ({ label, size = "md", className, ...props }) => {
   const initials = label.split(" ").filter(Boolean).map((part) => part[0]).join("").slice(0, 2).toUpperCase();
   return /* @__PURE__ */ jsx(

package/dist/index12.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("./index48.cjs");
-const Badge_module = require("./index52.cjs");
+const Badge_module = require("./index61.cjs");
 const Badge = ({ className, variant = "info", ...props }) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx.clsx(Badge_module.default.root, Badge_module.default[variant], className), ...props });
 exports.Badge = Badge;
 //# sourceMappingURL=index12.cjs.map

package/dist/index12.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "./index48.js";
-import styles from "./index52.js";
+import styles from "./index61.js";
 const Badge = ({ className, variant = "info", ...props }) => /* @__PURE__ */ jsx("span", { className: clsx(styles.root, styles[variant], className), ...props });
 export {
   Badge

package/dist/index13.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const clsx = require("./index48.cjs");
-const Button_module = require("./index55.cjs");
+const Button_module = require("./index50.cjs");
 const Button = react.forwardRef(
   ({ className, variant = "primary", size = "md", type = "button", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "button",

package/dist/index13.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { clsx } from "./index48.js";
-import styles from "./index55.js";
+import styles from "./index50.js";
 const Button = forwardRef(
   ({ className, variant = "primary", size = "md", type = "button", ...props }, ref) => /* @__PURE__ */ jsx(
     "button",

package/dist/index14.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("./index48.cjs");
-const Card_module = require("./index59.cjs");
+const Card_module = require("./index67.cjs");
 const Card = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Card_module.default.root, className), ...props });
 const CardHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Card_module.default.header, className), ...props });
 const CardContent = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Card_module.default.content, className), ...props });

package/dist/index14.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { clsx } from "./index48.js";
-import styles from "./index59.js";
+import styles from "./index67.js";
 const Card = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.root, className), ...props });
 const CardHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.header, className), ...props });
 const CardContent = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.content, className), ...props });

package/dist/index15.cjs

@@ -4,9 +4,9 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const reactDom = require("react-dom");
 const useEscapeKey = require("./index5.cjs");
-const constants = require("./index51.cjs");
+const constants = require("./index54.cjs");
 const clsx = require("./index48.cjs");
-const ChartExpandModal_module = require("./index67.cjs");
+const ChartExpandModal_module = require("./index68.cjs");
 const getInitialSize = (override) => {
   if (typeof window === "undefined") {
     return {

package/dist/index15.js

@@ -2,9 +2,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback } from "react";
 import { createPortal } from "react-dom";
 import { useEscapeKey } from "./index5.js";
-import { SVG_STROKE_WIDTH, SVG_VIEWBOX, ICON_SIZE, CHART_MODAL, VIEWPORT_MARGIN } from "./index51.js";
+import { SVG_STROKE_WIDTH, SVG_VIEWBOX, ICON_SIZE, CHART_MODAL, VIEWPORT_MARGIN } from "./index54.js";
 import { clsx } from "./index48.js";
-import styles from "./index67.js";
+import styles from "./index68.js";
 const getInitialSize = (override) => {
   if (typeof window === "undefined") {
     return {

package/dist/index16.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("./index48.cjs");
-const ChatLayout_module = require("./index84.cjs");
+const ChatLayout_module = require("./index76.cjs");
 const ChatLayout = ({
   sidebar,
   conversationList,

package/dist/index16.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { clsx } from "./index48.js";
-import styles from "./index84.js";
+import styles from "./index76.js";
 const ChatLayout = ({
   sidebar,
   conversationList,

package/dist/index17.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const clsx = require("./index48.cjs");
-const Col_module = require("./index76.cjs");
+const Col_module = require("./index49.cjs");
 const GRID_COLUMNS = 12;
 function toFlexValue(value) {
   if (value === true) return 1;

package/dist/index17.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { clsx } from "./index48.js";
-import styles from "./index76.js";
+import styles from "./index49.js";
 const GRID_COLUMNS = 12;
 function toFlexValue(value) {
   if (value === true) return 1;

package/dist/index18.cjs

@@ -4,9 +4,9 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const reactDom = require("react-dom");
 const useEscapeKey = require("./index5.cjs");
-const constants = require("./index51.cjs");
+const constants = require("./index54.cjs");
 const clsx = require("./index48.cjs");
-const ContextMenu_module = require("./index70.cjs");
+const ContextMenu_module = require("./index82.cjs");
 const ContextMenu = ({ x, y, items, onClose }) => {
   const menuRef = react.useRef(null);
   const [focusedIndex, setFocusedIndex] = react.useState(-1);

package/dist/index18.js

@@ -2,9 +2,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useState, useCallback, useEffect } from "react";
 import { createPortal } from "react-dom";
 import { useEscapeKey } from "./index5.js";
-import { CONTEXT_MENU_MARGIN } from "./index51.js";
+import { CONTEXT_MENU_MARGIN } from "./index54.js";
 import { clsx } from "./index48.js";
-import styles from "./index70.js";
+import styles from "./index82.js";
 const ContextMenu = ({ x, y, items, onClose }) => {
   const menuRef = useRef(null);
   const [focusedIndex, setFocusedIndex] = useState(-1);

package/dist/index19.cjs

@@ -4,8 +4,8 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const ReactECharts = require("echarts-for-react");
 const clsx = require("./index48.cjs");
-const constants = require("./index51.cjs");
-const CounterTimeseriesChart_module = require("./index88.cjs");
+const constants = require("./index54.cjs");
+const CounterTimeseriesChart_module = require("./index66.cjs");
 const DEFAULT_TIME_RANGE_OPTIONS = ["auto", "1h", "6h", "24h", "7d", "30d"];
 const buildMarkAreas = (annotations) => annotations.filter((a) => a.end).map((a) => [
   { name: a.label, xAxis: a.start, itemStyle: { color: a.color ?? "rgba(255,107,90,0.12)" } },

package/dist/index19.js

@@ -2,8 +2,8 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import ReactECharts from "echarts-for-react";
 import { clsx } from "./index48.js";
-import { CHART_COLORS } from "./index51.js";
-import styles from "./index88.js";
+import { CHART_COLORS } from "./index54.js";
+import styles from "./index66.js";
 const DEFAULT_TIME_RANGE_OPTIONS = ["auto", "1h", "6h", "24h", "7d", "30d"];
 const buildMarkAreas = (annotations) => annotations.filter((a) => a.end).map((a) => [
   { name: a.label, xAxis: a.start, itemStyle: { color: a.color ?? "rgba(255,107,90,0.12)" } },

package/dist/index20.cjs

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const clsx = require("./index48.cjs");
-const constants = require("./index51.cjs");
-const CountersAnalysisCard_module = require("./index77.cjs");
+const constants = require("./index54.cjs");
+const CountersAnalysisCard_module = require("./index74.cjs");
 const CounterTimeseriesChart = require("./index19.cjs");
 const COLUMN_HEADERS = [
   { key: "counter", label: "Counter" },

package/dist/index20.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useMemo } from "react";
 import { clsx } from "./index48.js";
-import { COUNTERS_PAGE_SIZE } from "./index51.js";
-import styles from "./index77.js";
+import { COUNTERS_PAGE_SIZE } from "./index54.js";
+import styles from "./index74.js";
 import { CounterTimeseriesChart } from "./index19.js";
 const COLUMN_HEADERS = [
   { key: "counter", label: "Counter" },

package/dist/index21.cjs

@@ -6,7 +6,7 @@ const clsx = require("./index48.cjs");
 const useClickOutside = require("./index4.cjs");
 const useEscapeKey = require("./index5.cjs");
 const format = require("./index7.cjs");
-const CustomRangePicker_module = require("./index64.cjs");
+const CustomRangePicker_module = require("./index83.cjs");
 const formatInputValue = (iso) => {
   if (!iso) return "";
   const date = new Date(iso);

package/dist/index21.js

@@ -4,7 +4,7 @@ import { clsx } from "./index48.js";
 import { useClickOutside } from "./index4.js";
 import { useEscapeKey } from "./index5.js";
 import { formatLocalISOString } from "./index7.js";
-import styles from "./index64.js";
+import styles from "./index83.js";
 const formatInputValue = (iso) => {
   if (!iso) return "";
   const date = new Date(iso);

package/dist/index22.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const clsx = require("./index48.cjs");
-const DashboardLayout_module = require("./index82.cjs");
+const DashboardLayout_module = require("./index85.cjs");
 const DashboardLayout = ({
   sidebar,
   filterBar,

package/dist/index22.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { clsx } from "./index48.js";
-import styles from "./index82.js";
+import styles from "./index85.js";
 const DashboardLayout = ({
   sidebar,
   filterBar,

package/dist/index23.cjs

@@ -5,7 +5,7 @@ const react = require("react");
 const clsx = require("./index48.cjs");
 const useClickOutside = require("./index4.cjs");
 const useEscapeKey = require("./index5.cjs");
-const DatePickerDropdown_module = require("./index80.cjs");
+const DatePickerDropdown_module = require("./index64.cjs");
 const MONTHS = [
   "January",
   "February",

package/dist/index23.js

@@ -3,7 +3,7 @@ import { useState, useRef, useCallback, useEffect, useMemo } from "react";
 import { clsx } from "./index48.js";
 import { useClickOutside } from "./index4.js";
 import { useEscapeKey } from "./index5.js";
-import styles from "./index80.js";
+import styles from "./index64.js";
 const MONTHS = [
   "January",
   "February",

package/dist/index24.cjs

@@ -5,7 +5,7 @@ const react = require("react");
 const clsx = require("./index48.cjs");
 const useClickOutside = require("./index4.cjs");
 const useEscapeKey = require("./index5.cjs");
-const FilterDropdown_module = require("./index81.cjs");
+const FilterDropdown_module = require("./index59.cjs");
 const FilterDropdown = ({
   label,
   mode,

package/dist/index24.js

@@ -3,7 +3,7 @@ import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 import { clsx } from "./index48.js";
 import { useClickOutside } from "./index4.js";
 import { useEscapeKey } from "./index5.js";
-import styles from "./index81.js";
+import styles from "./index59.js";
 const FilterDropdown = ({
   label,
   mode,

package/dist/index25.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const clsx = require("./index48.cjs");
-const HeatmapMatrix_module = require("./index78.cjs");
+const HeatmapMatrix_module = require("./index86.cjs");
 function activateOnKey(event, action) {
   if (event.key === "Enter" || event.key === " ") {
     event.preventDefault();

package/dist/index25.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { clsx } from "./index48.js";
-import styles from "./index78.js";
+import styles from "./index86.js";
 function activateOnKey(event, action) {
   if (event.key === "Enter" || event.key === " ") {
     event.preventDefault();

package/dist/index26.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const clsx = require("./index48.cjs");
-const Input_module = require("./index56.cjs");
+const Input_module = require("./index63.cjs");
 const Input = react.forwardRef(
   ({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("input", { ref, type, className: clsx.clsx(Input_module.default.root, className), ...props })
 );

package/dist/index26.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { clsx } from "./index48.js";
-import styles from "./index56.js";
+import styles from "./index63.js";
 const Input = forwardRef(
   ({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsx("input", { ref, type, className: clsx(styles.root, className), ...props })
 );

package/dist/index27.cjs

@@ -3,8 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const clsx = require("./index48.cjs");
-const constants = require("./index51.cjs");
-const LiveExplorerTable_module = require("./index79.cjs");
+const constants = require("./index54.cjs");
+const LiveExplorerTable_module = require("./index72.cjs");
 const SKELETON_ROWS = 5;
 const FULL_PERCENT = 100;
 const LiveExplorerTable = ({

package/dist/index27.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useEffect, useCallback } from "react";
 import { clsx } from "./index48.js";
-import { MIN_COLUMN_WIDTH } from "./index51.js";
-import styles from "./index79.js";
+import { MIN_COLUMN_WIDTH } from "./index54.js";
+import styles from "./index72.js";
 const SKELETON_ROWS = 5;
 const FULL_PERCENT = 100;
 const LiveExplorerTable = ({

package/dist/index28.cjs

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const reactDom = require("react-dom");
 const clsx = require("./index48.cjs");
 const useEscapeKey = require("./index5.cjs");
-const Modal_module = require("./index69.cjs");
+const Modal_module = require("./index53.cjs");
 const Modal = ({
   open,
   title,

package/dist/index28.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
 import { clsx } from "./index48.js";
 import { useEscapeKey } from "./index5.js";
-import styles from "./index69.js";
+import styles from "./index53.js";
 const Modal = ({
   open,
   title,

package/dist/index29.cjs

@@ -4,8 +4,8 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const clsx = require("./index48.cjs");
 const useClickOutside = require("./index4.cjs");
-const constants = require("./index51.cjs");
-const MultiSelectDropdown_module = require("./index85.cjs");
+const constants = require("./index54.cjs");
+const MultiSelectDropdown_module = require("./index75.cjs");
 const arraysMatch = (a, b) => {
   if (a.length !== b.length) return false;
   const set = new Set(b);
@@ -20,7 +20,9 @@ const MultiSelectDropdown = ({
   error = null,
   allowCustomValues = false,
   customTriggerLabel,
-  selectionMode
+  selectionMode,
+  emptyMeansAll = false,
+  triggerSummary = "text"
 }) => {
   const [isOpen, setIsOpen] = react.useState(false);
   const [searchTerm, setSearchTerm] = react.useState("");
@@ -44,10 +46,10 @@ const MultiSelectDropdown = ({
     });
   }, [normalizedOptions, searchTerm]);
   const allOptionValues = react.useMemo(() => normalizedOptions.map((o) => o.value), [normalizedOptions]);
-  const initialSelection = react.useMemo(
-    () => Array.isArray(selected) && selected.length ? Array.from(new Set(selected)) : allOptionValues,
-    [selected, allOptionValues]
-  );
+  const initialSelection = react.useMemo(() => {
+    if (Array.isArray(selected) && selected.length) return Array.from(new Set(selected));
+    return emptyMeansAll ? allOptionValues : [];
+  }, [selected, allOptionValues, emptyMeansAll]);
   const [pendingSelection, setPendingSelection] = react.useState(initialSelection);
   const closeAndReset = react.useCallback(() => {
     setIsOpen(false);
@@ -134,8 +136,8 @@ const MultiSelectDropdown = ({
           /* @__PURE__ */ jsxRuntime.jsx("svg", { className: MultiSelectDropdown_module.default.chevron, width: constants.ICON_SIZE.MD, height: constants.ICON_SIZE.MD, viewBox: constants.SVG_VIEWBOX, fill: "none", stroke: "currentColor", strokeWidth: constants.SVG_STROKE_WIDTH, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "6 9 12 15 18 9" }) }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: MultiSelectDropdown_module.default.label, children: label }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: MultiSelectDropdown_module.default.valueGroup, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: MultiSelectDropdown_module.default.value, children: customTriggerLabel || getSelectedLabel() }),
-            isActiveFilter && /* @__PURE__ */ jsxRuntime.jsx("span", { className: MultiSelectDropdown_module.default.badge, children: selectedCountValue }),
+            triggerSummary === "text" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: MultiSelectDropdown_module.default.value, children: customTriggerLabel || getSelectedLabel() }),
+            (triggerSummary === "count" ? selectedSize > 0 : isActiveFilter) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: MultiSelectDropdown_module.default.badge, children: selectedCountValue }),
             isActiveFilter && /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {

package/dist/index29.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index29.cjs","sources":["../src/composites/MultiSelectDropdown/MultiSelectDropdown.tsx"],"sourcesContent":["import { useState, useRef, useEffect, useMemo, useCallback } from 'react';\nimport clsx from 'clsx';\nimport { useClickOutside } from '../../hooks/useClickOutside';\nimport { ICON_SIZE, SVG_VIEWBOX, SVG_STROKE_WIDTH } from '../../constants';\nimport styles from './MultiSelectDropdown.module.css';\n\nexport interface MultiSelectOption {\n  value: string;\n  label?: string;\n  count?: number;\n}\n\nexport interface MultiSelectDropdownProps {\n  /** Label displayed on the trigger button. */\n  label: string;\n  /** Available options. */\n  options: MultiSelectOption[];\n  /** Currently selected values (controlled). */\n  selected: string[];\n  /** Called when the user applies a new selection. */\n  onApply: (values: string[], metadata: { selectionMode: 'all' | 'custom' }) => void;\n  /** Show loading indicator and disable controls. */\n  isLoading?: boolean;\n  /** Error message to display in the option list. */\n  error?: string | null;\n  /** Allow creating options from the search term. */\n  allowCustomValues?: boolean;\n  /** Override the trigger value label. */\n  customTriggerLabel?: string;\n  /** Explicit selection mode override. */\n  selectionMode?: 'all' | 'custom';\n}\n\nconst arraysMatch = (a: string[], b: string[]): boolean => {\n  if (a.length !== b.length) return false;\n  const set = new Set(b);\n  return a.every((v) => set.has(v));\n};\n\nexport const MultiSelectDropdown = ({\n  label,\n  options,\n  selected,\n  onApply,\n  isLoading = false,\n  error = null,\n  allowCustomValues = false,\n  customTriggerLabel,\n  selectionMode,\n}: MultiSelectDropdownProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [searchTerm, setSearchTerm] = useState('');\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const normalizedOptions = useMemo<MultiSelectOption[]>(() => {\n    const map = new Map<string, MultiSelectOption>();\n    options.forEach((opt) => map.set(opt.value, opt));\n    if (Array.isArray(selected)) {\n      selected.forEach((v) => {\n        if (v && !map.has(v)) map.set(v, { value: v });\n      });\n    }\n    return Array.from(map.values());\n  }, [options, selected]);\n\n  const filteredOptions = useMemo<MultiSelectOption[]>(() => {\n    if (!searchTerm.trim()) return normalizedOptions;\n    const term = searchTerm.trim().toLowerCase();\n    return normalizedOptions.filter((opt) => {\n      const lbl = opt.label ?? opt.value;\n      return lbl.toLowerCase().includes(term) || opt.value.toLowerCase().includes(term);\n    });\n  }, [normalizedOptions, searchTerm]);\n\n  const allOptionValues = useMemo(() => normalizedOptions.map((o) => o.value), [normalizedOptions]);\n\n  const initialSelection = useMemo(\n    () => (Array.isArray(selected) && selected.length ? Array.from(new Set(selected)) : allOptionValues),\n    [selected, allOptionValues],\n  );\n\n  const [pendingSelection, setPendingSelection] = useState<string[]>(initialSelection);\n\n  const closeAndReset = useCallback(() => {\n    setIsOpen(false);\n    setPendingSelection(initialSelection);\n    setSearchTerm('');\n  }, [initialSelection]);\n\n  useClickOutside(containerRef, closeAndReset);\n\n  useEffect(() => {\n    if (isOpen) {\n      setPendingSelection(initialSelection);\n      setSearchTerm('');\n    }\n  }, [isOpen, initialSelection]);\n\n  useEffect(() => {\n    if (!isOpen) setPendingSelection(initialSelection);\n  }, [initialSelection, isOpen]);\n\n  const handleToggleOption = (value: string) => {\n    setPendingSelection((prev) => {\n      const unique = Array.from(new Set(prev));\n      return unique.includes(value) ? unique.filter((v) => v !== value) : [...unique, value];\n    });\n  };\n\n  const handleSelectAll = () => {\n    if (filteredOptions.length === 0) {\n      setPendingSelection([]);\n      return;\n    }\n    setPendingSelection(filteredOptions.map((o) => o.value));\n  };\n\n  const handleClearAll = () => setPendingSelection([]);\n\n  const handleApply = () => {\n    const unique = Array.from(new Set(pendingSelection));\n    const mode: 'all' | 'custom' =\n      unique.length === 0 || unique.length === normalizedOptions.length ? 'all' : 'custom';\n    onApply(unique, { selectionMode: mode });\n    setIsOpen(false);\n  };\n\n  const handleCancel = () => {\n    setPendingSelection(Array.from(new Set(Array.isArray(selected) ? selected : [])));\n    setIsOpen(false);\n  };\n\n  const pendingSet = useMemo(() => new Set(pendingSelection), [pendingSelection]);\n  const selectedSet = useMemo(() => new Set(Array.isArray(selected) ? selected : []), [selected]);\n  const hasChanges = !arraysMatch(Array.from(pendingSet), Array.from(selectedSet));\n\n  const totalOptions = normalizedOptions.length;\n  const selectedSize = selectedSet.size;\n  const pendingSize = pendingSet.size;\n  const isSelectedAll = selectedSize === 0 || selectedSize === totalOptions;\n  const isPendingAll = pendingSize === 0 || pendingSize === totalOptions;\n  const selectedCountValue = isSelectedAll ? totalOptions : selectedSize;\n  const pendingCountValue = isPendingAll ? totalOptions : pendingSize;\n\n  const isActiveFilter = selectionMode !== undefined ? selectionMode === 'custom' : !isSelectedAll;\n\n  const getSelectedLabel = (): string => {\n    if (isSelectedAll) return 'All';\n    if (selectedSize === 1) {\n      const val = Array.from(selectedSet)[0];\n      const opt = normalizedOptions.find((o) => o.value === val);\n      return opt?.label || opt?.value || String(selectedCountValue);\n    }\n    return String(selectedCountValue);\n  };\n\n  const shouldDisableControls = isLoading || options.length === 0;\n\n  const normalizedSearch = searchTerm.trim();\n  const canCreateCustom =\n    allowCustomValues &&\n    normalizedSearch.length > 0 &&\n    !normalizedOptions.some((o) => o.value.toLowerCase() === normalizedSearch.toLowerCase());\n\n  const handleCreateCustom = () => {\n    if (!normalizedSearch) return;\n    setPendingSelection((prev) => Array.from(new Set([...prev, normalizedSearch])));\n    setSearchTerm('');\n  };\n\n  const handleClearFilter = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    onApply([], { selectionMode: 'all' });\n  };\n\n  return (\n    <div className={styles.root} ref={containerRef}>\n      <button\n        type=\"button\"\n        className={clsx(styles.trigger, { [styles.active]: isOpen })}\n        onClick={() => setIsOpen((prev) => !prev)}\n        aria-expanded={isOpen}\n        aria-haspopup=\"listbox\"\n      >\n        <div className={styles.triggerContent}>\n          <svg className={styles.chevron} width={ICON_SIZE.MD} height={ICON_SIZE.MD} viewBox={SVG_VIEWBOX} fill=\"none\" stroke=\"currentColor\" strokeWidth={SVG_STROKE_WIDTH} strokeLinecap=\"round\" strokeLinejoin=\"round\">\n            <polyline points=\"6 9 12 15 18 9\" />\n          </svg>\n          <span className={styles.label}>{label}</span>\n          <div className={styles.valueGroup}>\n            <span className={styles.value}>{customTriggerLabel || getSelectedLabel()}</span>\n            {isActiveFilter && (\n              <span className={styles.badge}>{selectedCountValue}</span>\n            )}\n            {isActiveFilter && (\n              <div\n                role=\"button\"\n                tabIndex={0}\n                className={styles.clear}\n                onClick={handleClearFilter}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault();\n                    handleClearFilter(e as unknown as React.MouseEvent);\n                  }\n                }}\n                aria-label={`Clear ${label} filter`}\n              >\n                <svg width={ICON_SIZE.SM} height={ICON_SIZE.SM} viewBox={SVG_VIEWBOX} fill=\"none\" stroke=\"currentColor\" strokeWidth={SVG_STROKE_WIDTH} strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                  <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n                  <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n                </svg>\n              </div>\n            )}\n          </div>\n        </div>\n      </button>\n\n      {isOpen && (\n        <div className={styles.panel} role=\"dialog\" aria-label={`${label} filter`}>\n          <div className={styles.header}>\n            <input\n              type=\"search\"\n              className={styles.search}\n              placeholder={`Search ${label.toLowerCase()}`}\n              value={searchTerm}\n              onChange={(e) => setSearchTerm(e.target.value)}\n              disabled={shouldDisableControls}\n            />\n            <div className={styles.headerActions}>\n              <button type=\"button\" className={styles.chip} onClick={handleSelectAll} disabled={shouldDisableControls}>\n                Select all\n              </button>\n              <button type=\"button\" className={clsx(styles.chip, styles.chipGhost)} onClick={handleClearAll} disabled={pendingSize === 0}>\n                Deselect all\n              </button>\n            </div>\n          </div>\n\n          <div className={styles.list} role=\"listbox\">\n            {isLoading && <p className={styles.status}>Loading options...</p>}\n            {!isLoading && error && <p className={clsx(styles.status, styles.statusError)}>{error}</p>}\n            {!isLoading && !error && filteredOptions.length === 0 && (\n              <p className={styles.status}>No matches</p>\n            )}\n            {!isLoading &&\n              !error &&\n              filteredOptions.map((opt) => {\n                const checked = pendingSet.has(opt.value);\n                return (\n                  <label key={opt.value} className={styles.option}>\n                    <input\n                      type=\"checkbox\"\n                      checked={checked}\n                      onChange={() => handleToggleOption(opt.value)}\n                      aria-checked={checked}\n                    />\n                    <span className={styles.optionLabel}>\n                      {opt.label ?? opt.value}\n                      {opt.count !== undefined && (\n                        <span className={styles.optionCount}>{opt.count}</span>\n                      )}\n                    </span>\n                  </label>\n                );\n              })}\n            {!isLoading && !error && canCreateCustom && (\n              <button type=\"button\" className={styles.create} onClick={handleCreateCustom}>\n                Use &quot;{normalizedSearch}&quot;\n              </button>\n            )}\n          </div>\n\n          <div className={styles.footer}>\n            <span className={styles.selection}>\n              {isPendingAll ? 'All selected' : `${pendingCountValue} selected`}\n              {hasChanges && (\n                <span className={styles.selectionDelta}>\n                  ({pendingCountValue - selectedCountValue >= 0 ? '+' : ''}\n                  {pendingCountValue - selectedCountValue})\n                </span>\n              )}\n            </span>\n            <div className={styles.footerActions}>\n              <button type=\"button\" className={clsx(styles.chip, styles.chipGhost)} onClick={handleCancel}>\n                Cancel\n              </button>\n              <button type=\"button\" className={styles.chip} onClick={handleApply} disabled={!hasChanges}>\n                Apply\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["useState","useRef","useMemo","useCallback","useClickOutside","useEffect","styles","jsx","clsx","jsxs","ICON_SIZE","SVG_VIEWBOX","SVG_STROKE_WIDTH"],"mappings":"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"}
+{"version":3,"file":"index29.cjs","sources":["../src/composites/MultiSelectDropdown/MultiSelectDropdown.tsx"],"sourcesContent":["import { useState, useRef, useEffect, useMemo, useCallback } from 'react';\nimport clsx from 'clsx';\nimport { useClickOutside } from '../../hooks/useClickOutside';\nimport { ICON_SIZE, SVG_VIEWBOX, SVG_STROKE_WIDTH } from '../../constants';\nimport styles from './MultiSelectDropdown.module.css';\n\nexport interface MultiSelectOption {\n  value: string;\n  label?: string;\n  count?: number;\n}\n\nexport interface MultiSelectDropdownProps {\n  /** Label displayed on the trigger button. */\n  label: string;\n  /** Available options. */\n  options: MultiSelectOption[];\n  /** Currently selected values (controlled). */\n  selected: string[];\n  /** Called when the user applies a new selection. */\n  onApply: (values: string[], metadata: { selectionMode: 'all' | 'custom' }) => void;\n  /** Show loading indicator and disable controls. */\n  isLoading?: boolean;\n  /** Error message to display in the option list. */\n  error?: string | null;\n  /** Allow creating options from the search term. */\n  allowCustomValues?: boolean;\n  /** Override the trigger value label. */\n  customTriggerLabel?: string;\n  /** Explicit selection mode override. */\n  selectionMode?: 'all' | 'custom';\n  /** Treat an empty `selected` array as \"all selected\" (opt-in, legacy behavior). */\n  emptyMeansAll?: boolean;\n  /** What the trigger shows as a summary: the value label ('text') or just the count badge ('count'). */\n  triggerSummary?: 'text' | 'count';\n}\n\nconst arraysMatch = (a: string[], b: string[]): boolean => {\n  if (a.length !== b.length) return false;\n  const set = new Set(b);\n  return a.every((v) => set.has(v));\n};\n\nexport const MultiSelectDropdown = ({\n  label,\n  options,\n  selected,\n  onApply,\n  isLoading = false,\n  error = null,\n  allowCustomValues = false,\n  customTriggerLabel,\n  selectionMode,\n  emptyMeansAll = false,\n  triggerSummary = 'text',\n}: MultiSelectDropdownProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [searchTerm, setSearchTerm] = useState('');\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const normalizedOptions = useMemo<MultiSelectOption[]>(() => {\n    const map = new Map<string, MultiSelectOption>();\n    options.forEach((opt) => map.set(opt.value, opt));\n    if (Array.isArray(selected)) {\n      selected.forEach((v) => {\n        if (v && !map.has(v)) map.set(v, { value: v });\n      });\n    }\n    return Array.from(map.values());\n  }, [options, selected]);\n\n  const filteredOptions = useMemo<MultiSelectOption[]>(() => {\n    if (!searchTerm.trim()) return normalizedOptions;\n    const term = searchTerm.trim().toLowerCase();\n    return normalizedOptions.filter((opt) => {\n      const lbl = opt.label ?? opt.value;\n      return lbl.toLowerCase().includes(term) || opt.value.toLowerCase().includes(term);\n    });\n  }, [normalizedOptions, searchTerm]);\n\n  const allOptionValues = useMemo(() => normalizedOptions.map((o) => o.value), [normalizedOptions]);\n\n  const initialSelection = useMemo(() => {\n    if (Array.isArray(selected) && selected.length) return Array.from(new Set(selected));\n    return emptyMeansAll ? allOptionValues : [];\n  }, [selected, allOptionValues, emptyMeansAll]);\n\n  const [pendingSelection, setPendingSelection] = useState<string[]>(initialSelection);\n\n  const closeAndReset = useCallback(() => {\n    setIsOpen(false);\n    setPendingSelection(initialSelection);\n    setSearchTerm('');\n  }, [initialSelection]);\n\n  useClickOutside(containerRef, closeAndReset);\n\n  useEffect(() => {\n    if (isOpen) {\n      setPendingSelection(initialSelection);\n      setSearchTerm('');\n    }\n  }, [isOpen, initialSelection]);\n\n  useEffect(() => {\n    if (!isOpen) setPendingSelection(initialSelection);\n  }, [initialSelection, isOpen]);\n\n  const handleToggleOption = (value: string) => {\n    setPendingSelection((prev) => {\n      const unique = Array.from(new Set(prev));\n      return unique.includes(value) ? unique.filter((v) => v !== value) : [...unique, value];\n    });\n  };\n\n  const handleSelectAll = () => {\n    if (filteredOptions.length === 0) {\n      setPendingSelection([]);\n      return;\n    }\n    setPendingSelection(filteredOptions.map((o) => o.value));\n  };\n\n  const handleClearAll = () => setPendingSelection([]);\n\n  const handleApply = () => {\n    const unique = Array.from(new Set(pendingSelection));\n    const mode: 'all' | 'custom' =\n      unique.length === 0 || unique.length === normalizedOptions.length ? 'all' : 'custom';\n    onApply(unique, { selectionMode: mode });\n    setIsOpen(false);\n  };\n\n  const handleCancel = () => {\n    setPendingSelection(Array.from(new Set(Array.isArray(selected) ? selected : [])));\n    setIsOpen(false);\n  };\n\n  const pendingSet = useMemo(() => new Set(pendingSelection), [pendingSelection]);\n  const selectedSet = useMemo(() => new Set(Array.isArray(selected) ? selected : []), [selected]);\n  const hasChanges = !arraysMatch(Array.from(pendingSet), Array.from(selectedSet));\n\n  const totalOptions = normalizedOptions.length;\n  const selectedSize = selectedSet.size;\n  const pendingSize = pendingSet.size;\n  const isSelectedAll = selectedSize === 0 || selectedSize === totalOptions;\n  const isPendingAll = pendingSize === 0 || pendingSize === totalOptions;\n  const selectedCountValue = isSelectedAll ? totalOptions : selectedSize;\n  const pendingCountValue = isPendingAll ? totalOptions : pendingSize;\n\n  const isActiveFilter = selectionMode !== undefined ? selectionMode === 'custom' : !isSelectedAll;\n\n  const getSelectedLabel = (): string => {\n    if (isSelectedAll) return 'All';\n    if (selectedSize === 1) {\n      const val = Array.from(selectedSet)[0];\n      const opt = normalizedOptions.find((o) => o.value === val);\n      return opt?.label || opt?.value || String(selectedCountValue);\n    }\n    return String(selectedCountValue);\n  };\n\n  const shouldDisableControls = isLoading || options.length === 0;\n\n  const normalizedSearch = searchTerm.trim();\n  const canCreateCustom =\n    allowCustomValues &&\n    normalizedSearch.length > 0 &&\n    !normalizedOptions.some((o) => o.value.toLowerCase() === normalizedSearch.toLowerCase());\n\n  const handleCreateCustom = () => {\n    if (!normalizedSearch) return;\n    setPendingSelection((prev) => Array.from(new Set([...prev, normalizedSearch])));\n    setSearchTerm('');\n  };\n\n  const handleClearFilter = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    onApply([], { selectionMode: 'all' });\n  };\n\n  return (\n    <div className={styles.root} ref={containerRef}>\n      <button\n        type=\"button\"\n        className={clsx(styles.trigger, { [styles.active]: isOpen })}\n        onClick={() => setIsOpen((prev) => !prev)}\n        aria-expanded={isOpen}\n        aria-haspopup=\"listbox\"\n      >\n        <div className={styles.triggerContent}>\n          <svg className={styles.chevron} width={ICON_SIZE.MD} height={ICON_SIZE.MD} viewBox={SVG_VIEWBOX} fill=\"none\" stroke=\"currentColor\" strokeWidth={SVG_STROKE_WIDTH} strokeLinecap=\"round\" strokeLinejoin=\"round\">\n            <polyline points=\"6 9 12 15 18 9\" />\n          </svg>\n          <span className={styles.label}>{label}</span>\n          <div className={styles.valueGroup}>\n            {triggerSummary === 'text' && (\n              <span className={styles.value}>{customTriggerLabel || getSelectedLabel()}</span>\n            )}\n            {(triggerSummary === 'count' ? selectedSize > 0 : isActiveFilter) && (\n              <span className={styles.badge}>{selectedCountValue}</span>\n            )}\n            {isActiveFilter && (\n              <div\n                role=\"button\"\n                tabIndex={0}\n                className={styles.clear}\n                onClick={handleClearFilter}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault();\n                    handleClearFilter(e as unknown as React.MouseEvent);\n                  }\n                }}\n                aria-label={`Clear ${label} filter`}\n              >\n                <svg width={ICON_SIZE.SM} height={ICON_SIZE.SM} viewBox={SVG_VIEWBOX} fill=\"none\" stroke=\"currentColor\" strokeWidth={SVG_STROKE_WIDTH} strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                  <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n                  <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n                </svg>\n              </div>\n            )}\n          </div>\n        </div>\n      </button>\n\n      {isOpen && (\n        <div className={styles.panel} role=\"dialog\" aria-label={`${label} filter`}>\n          <div className={styles.header}>\n            <input\n              type=\"search\"\n              className={styles.search}\n              placeholder={`Search ${label.toLowerCase()}`}\n              value={searchTerm}\n              onChange={(e) => setSearchTerm(e.target.value)}\n              disabled={shouldDisableControls}\n            />\n            <div className={styles.headerActions}>\n              <button type=\"button\" className={styles.chip} onClick={handleSelectAll} disabled={shouldDisableControls}>\n                Select all\n              </button>\n              <button type=\"button\" className={clsx(styles.chip, styles.chipGhost)} onClick={handleClearAll} disabled={pendingSize === 0}>\n                Deselect all\n              </button>\n            </div>\n          </div>\n\n          <div className={styles.list} role=\"listbox\">\n            {isLoading && <p className={styles.status}>Loading options...</p>}\n            {!isLoading && error && <p className={clsx(styles.status, styles.statusError)}>{error}</p>}\n            {!isLoading && !error && filteredOptions.length === 0 && (\n              <p className={styles.status}>No matches</p>\n            )}\n            {!isLoading &&\n              !error &&\n              filteredOptions.map((opt) => {\n                const checked = pendingSet.has(opt.value);\n                return (\n                  <label key={opt.value} className={styles.option}>\n                    <input\n                      type=\"checkbox\"\n                      checked={checked}\n                      onChange={() => handleToggleOption(opt.value)}\n                      aria-checked={checked}\n                    />\n                    <span className={styles.optionLabel}>\n                      {opt.label ?? opt.value}\n                      {opt.count !== undefined && (\n                        <span className={styles.optionCount}>{opt.count}</span>\n                      )}\n                    </span>\n                  </label>\n                );\n              })}\n            {!isLoading && !error && canCreateCustom && (\n              <button type=\"button\" className={styles.create} onClick={handleCreateCustom}>\n                Use &quot;{normalizedSearch}&quot;\n              </button>\n            )}\n          </div>\n\n          <div className={styles.footer}>\n            <span className={styles.selection}>\n              {isPendingAll ? 'All selected' : `${pendingCountValue} selected`}\n              {hasChanges && (\n                <span className={styles.selectionDelta}>\n                  ({pendingCountValue - selectedCountValue >= 0 ? '+' : ''}\n                  {pendingCountValue - selectedCountValue})\n                </span>\n              )}\n            </span>\n            <div className={styles.footerActions}>\n              <button type=\"button\" className={clsx(styles.chip, styles.chipGhost)} onClick={handleCancel}>\n                Cancel\n              </button>\n              <button type=\"button\" className={styles.chip} onClick={handleApply} disabled={!hasChanges}>\n                Apply\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["useState","useRef","useMemo","useCallback","useClickOutside","useEffect","styles","jsx","clsx","jsxs","ICON_SIZE","SVG_VIEWBOX","SVG_STROKE_WIDTH"],"mappings":"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"}