@cwellt_software/cwellt-reactjs-lib 1.5.3 → 1.5.5

package/dist/index.es.js

@@ -93,13 +93,27 @@ function colorToHSL(color) {
         l: Math.round(l * 100)
     };
 }
+const HEX_CACHE_LIMIT = 500;
+const hexCache = new Map();
+let canvasContext = null;
 function colorToHEX(color) {
-    const canvas = document.createElement('canvas');
-    const context = canvas.getContext('2d');
-    if (!context)
-        throw new Error('Could not create canvas context');
-    context.fillStyle = color;
-    return context.fillStyle;
+    const cached = hexCache.get(color);
+    if (cached !== undefined)
+        return cached;
+    if (!canvasContext) {
+        canvasContext = document.createElement('canvas').getContext('2d');
+        if (!canvasContext)
+            throw new Error('Could not create canvas context');
+    }
+    // A reused context keeps its previous fillStyle when the new color is invalid; reset it to the
+    // fresh-canvas default so an invalid color still gives black instead of the last valid color.
+    canvasContext.fillStyle = '#000000';
+    canvasContext.fillStyle = color;
+    const hex = canvasContext.fillStyle;
+    if (hexCache.size >= HEX_CACHE_LIMIT)
+        hexCache.clear();
+    hexCache.set(color, hex);
+    return hex;
 }
 function getHSLColor(color, alpha = 1) {
     const hsl = colorToHSL(color);
@@ -4966,21 +4980,29 @@ var styles$b = {"cw-multi-filter-catalog-container":"cw-multi-filter-module__cw-
  * @param {CwMultiFilterProps} props
  * @returns Set the `onChange` callback to a function to check for changes in the selected filters
  */
-const CwMultiFilter = ({ allTags, id, onChangeSelectedTags, selectedTags, placeholder = "Write to filter", allCategoriesLabel = "ALL CATEGORIES", className, style }) => {
+const CwMultiFilter = ({ allTags, id, onChangeSelectedTags, selectedTags, placeholder = "Write to filter", allCategoriesLabel = "ALL CATEGORIES", className, style, testId, initialTagVisibility = "all" }) => {
     const [inputTextValue, setInputTextValue] = useState("");
     const [isPanelOpen, setIsPanelOpen] = useState(false);
     const [selectedCategory, setSelectedCategory] = useState("All");
+    // True once the user touches the current opening (any category click or a search); gates the cascade.
+    const [hasInteracted, setHasInteracted] = useState(false);
     const componentRef = useRef(null);
     const inputRef = useRef(null);
     const wrapperRef = useRef(null);
     const { panelRef, panelStyle, renderPanel } = useDropdownPortal({
         anchorRef: wrapperRef,
         isOpen: isPanelOpen,
-        onClose: () => { setIsPanelOpen(false); setSelectedCategory("All"); setInputTextValue(""); },
+        onClose: () => setIsPanelOpen(false),
     });
+    // Single reset point for all transient panel state on close, whatever closed it - the clear-all
+    // button closes the panel directly and bypasses onClose, so resetting here covers every path.
     useEffect(() => {
-        // Outside-click is now handled by useDropdownPortal
-    }, []);
+        if (!isPanelOpen) {
+            setHasInteracted(false);
+            setSelectedCategory("All");
+            setInputTextValue("");
+        }
+    }, [isPanelOpen]);
     const categoriesMappedToTags = () => {
         const categoriesMap = new Map();
         allTags.forEach(tag => {
@@ -4991,6 +5013,9 @@ const CwMultiFilter = ({ allTags, id, onChangeSelectedTags, selectedTags, placeh
         return categoriesMap;
     };
     const displayTags = useMemo(() => {
+        if (initialTagVisibility === "afterCategoryOrSearch" && !hasInteracted) {
+            return [];
+        }
         let tags = Array.from(allTags);
         if (selectedCategory !== "All") {
             tags = tags.filter(t => t.Category === selectedCategory);
@@ -5000,8 +5025,9 @@ const CwMultiFilter = ({ allTags, id, onChangeSelectedTags, selectedTags, placeh
             tags = tags.filter(t => t.Name.replaceAll(" ", "").toLowerCase().includes(input));
         }
         return tags;
-    }, [allTags, selectedCategory, inputTextValue]);
+    }, [allTags, selectedCategory, inputTextValue, initialTagVisibility, hasInteracted]);
     const handleClickCategory = (category) => {
+        setHasInteracted(true);
         setSelectedCategory(category);
     };
     const rgbAString = (r, g, b) => {
@@ -5026,6 +5052,8 @@ const CwMultiFilter = ({ allTags, id, onChangeSelectedTags, selectedTags, placeh
     const handleInputText = (input) => {
         if (selectedCategory !== "All")
             setSelectedCategory("All");
+        if (input.trim() !== "")
+            setHasInteracted(true);
         setInputTextValue(input.trimStart());
     };
     const addTag = (newTag) => {
@@ -5052,7 +5080,7 @@ const CwMultiFilter = ({ allTags, id, onChangeSelectedTags, selectedTags, placeh
             inputRef.current?.focus();
         }
     };
-    return (jsxs("form", { ref: componentRef, id: id, className: `${styles$b["cw-multi-filter"]}${className ? ` ${className}` : ""}`, style: style, onSubmit: (e) => {
+    return (jsxs("form", { ref: componentRef, id: id, "data-testid": testId, className: `${styles$b["cw-multi-filter"]}${className ? ` ${className}` : ""}`, style: style, onSubmit: (e) => {
             e.preventDefault();
         }, children: [jsxs("div", { onClick: handleDivClick, ref: wrapperRef, className: styles$b["cw-multi-filter-search"], style: isPanelOpen ? { outline: "1px solid var(--cw-color-outline-variant)" } : {}, children: [jsxs("ul", { id: id + "_selected_filters", children: [Array.from(selectedTags).map(tag => (createElement(CwMultiFilterTag, { ...tag, key: tag.ID, Selectable: false, Removable: true, OnRemove: () => removeTag(tag.ID) }))), jsx("input", { type: "text", id: id + "_input", ref: inputRef, value: inputTextValue, spellCheck: false, onFocus: () => setIsPanelOpen(true), onChange: e => handleInputText(e.currentTarget.value), autoComplete: "off", placeholder: selectedTags.size === 0 ? placeholder : "", onKeyDown: e => {
                                     switch (e.key) {
@@ -8983,18 +9011,16 @@ const getNow$1 = (isUtc) => {
     return now;
 };
 const TimeLine = ({ left, top = "0px", height, color, width = "2px", zIndexNumber = 0, isHeader, isUtc = false }) => {
-    const [currentTime, setCurrentTime] = useState(getNow$1(isUtc));
+    const [currentTime, setCurrentTime] = useState(() => getNow$1(isUtc));
     useEffect(() => {
+        if (!isHeader) {
+            return;
+        }
         const interval = setInterval(() => {
             setCurrentTime(getNow$1(isUtc));
-        }, 60000); // Actualiza cada minuto
+        }, 60000);
         return () => clearInterval(interval);
-    }, [isUtc]);
-    const timeString = currentTime.toLocaleTimeString([], {
-        hour: '2-digit',
-        minute: '2-digit',
-        hour12: false
-    });
+    }, [isUtc, isHeader]);
     return (jsx("div", { style: {
             position: "absolute",
             top: top,
@@ -9006,7 +9032,11 @@ const TimeLine = ({ left, top = "0px", height, color, width = "2px", zIndexNumbe
             zIndex: zIndexNumber,
         }, className: styles$3["scheduler-timeline-now"], children: isHeader && (jsx("span", { style: {
                 color: color,
-            }, className: styles$3["scheduler-timeline-label"], children: timeString })) }));
+            }, className: styles$3["scheduler-timeline-label"], children: currentTime.toLocaleTimeString([], {
+                hour: '2-digit',
+                minute: '2-digit',
+                hour12: false
+            }) })) }));
 };
 
 function isToday(startDate, endDate) {
@@ -9201,7 +9231,7 @@ const eventsCollide = (event1, event2) => {
     return eventInsideOther || eventCollideStart || eventCollideEnd;
 };
 // Function to separate events into non-colliding rows
-const separateEventsToInnerRows = (events) => {
+const computeInnerRows = (events) => {
     const sortedEvents = [...events].sort((a, b) => {
         const aOrder = a.order ?? Number.MAX_SAFE_INTEGER;
         const bOrder = b.order ?? Number.MAX_SAFE_INTEGER;
@@ -9226,15 +9256,44 @@ const separateEventsToInnerRows = (events) => {
     }
     return rows;
 };
+// The scheduler asks for the same row's lanes several times per repaint (total height, virtual-list
+// item size, row render). Row event arrays keep their identity until their events change, so the
+// array itself is the cache key.
+const innerRowsCache = new WeakMap();
+const separateEventsToInnerRows = (events) => {
+    const cached = innerRowsCache.get(events);
+    if (cached) {
+        return cached;
+    }
+    const rows = computeInnerRows(events);
+    innerRowsCache.set(events, rows);
+    return rows;
+};
 
 const DivisionLine = ({ left, top = "0px", height, isDayBoundary }) => {
-    const color = isDayBoundary ? "rgba(255,255,255,1)" : "rgba(255,255,255,0.8)";
-    const width = isDayBoundary ? "2px" : "1px";
-    return (jsx(TimeLine, { color: color, left: left + "%", height: height, width: width, top: top }));
+    return (jsx("div", { style: {
+            position: "absolute",
+            top: top,
+            height: height,
+            left: left + "%",
+            width: isDayBoundary ? "2px" : "1px",
+            background: isDayBoundary ? "rgba(255,255,255,1)" : "rgba(255,255,255,0.8)",
+            pointerEvents: "none",
+            zIndex: 0,
+        } }));
 };
 
 const WeekEndLine = ({ left, top = "0px", height, widthPercentage }) => {
-    return (jsx(TimeLine, { color: "rgba(0,0,0,0.05)", left: left + "%", height: height, width: widthPercentage + "%", top: top }));
+    return (jsx("div", { style: {
+            position: "absolute",
+            top: top,
+            height: height,
+            left: left + "%",
+            width: widthPercentage + "%",
+            background: "rgba(0,0,0,0.05)",
+            pointerEvents: "none",
+            zIndex: 0,
+        } }));
 };
 
 var styles$1 = {"scheduler-row-header":"scheduler-row-module__scheduler-row-header__S-iv4"};

package/dist/src/common/functions/colorManipulation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colorManipulation.d.ts","sourceRoot":"","sources":["../../../../src/common/functions/colorManipulation.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,MAAM,CAAC;AAwCzB,wBAAgB,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAOpD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,GAAE,MAAU,GAAG,MAAM,CAGxE;AA0BD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CA2C1D"}
+{"version":3,"file":"colorManipulation.d.ts","sourceRoot":"","sources":["../../../../src/common/functions/colorManipulation.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,MAAM,CAAC;AA4CzB,wBAAgB,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAkBpD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,GAAE,MAAU,GAAG,MAAM,CAGxE;AA0BD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CA2C1D"}

package/dist/src/common/functions/lazy.d.ts

@@ -0,0 +1,13 @@
+/**
+ * A value the caller can either hand over directly or describe as a thunk to build on demand.
+ *
+ * Building React content for every item of a large collection costs memory and CPU even when
+ * most of it is never seen: a virtualised scheduler paints a few dozen of its hundreds of rows,
+ * and a tooltip only matters while the pointer rests on it. Accepting a thunk lets the caller
+ * defer that work to the component that knows whether it is needed, without forcing every
+ * existing caller to change - a plain value still works.
+ */
+export type Lazy<T> = T | (() => T);
+/** Calls `value` when it is a thunk, otherwise returns it unchanged. */
+export declare function resolveLazy<T>(value: Lazy<T> | undefined): T | undefined;
+//# sourceMappingURL=lazy.d.ts.map

package/dist/src/common/functions/lazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy.d.ts","sourceRoot":"","sources":["../../../../src/common/functions/lazy.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;AAEpC,wEAAwE;AACxE,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,CAAC,GAAG,SAAS,CAExE"}

package/dist/src/common/styles/tokens/ColorContrast.stories.d.ts

@@ -0,0 +1,11 @@
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Contrast: Story;
+//# sourceMappingURL=ColorContrast.stories.d.ts.map

package/dist/src/common/styles/tokens/ColorContrast.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorContrast.stories.d.ts","sourceRoot":"","sources":["../../../../../src/common/styles/tokens/ColorContrast.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAoW5D,QAAA,MAAM,IAAI;;;;;CAGM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAGtB,CAAC"}

package/dist/src/common/styles/tokens/ColorPalette.stories.d.ts

@@ -0,0 +1,22 @@
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** The old cw-colors.css tokens - now bridge aliases, several changing resolved value on purpose. */
+export declare const OldTokens: Story;
+export declare const Primitives: Story;
+/** themes/cw-theme.css - theme + component-assignment tokens. Light values only; each routes
+ * through the old token above it when one exists, so a customer's runtime override still reaches
+ * these new consumers. Dark values are stored as comments in the CSS, not shown here. */
+export declare const ThemeTokens: Story;
+/** Also defined in cw-theme.css, alongside the theme tokens above - its own story because it is a
+ * distinct layer (3), not a subsection of layer 2. Already shipped in this branch, not a future task. */
+export declare const ComponentAssignments: Story;
+/** Also defined in cw-theme.css. Own story because it renders a shadow, not a color swatch. */
+export declare const ShadowTokens: Story;
+//# sourceMappingURL=ColorPalette.stories.d.ts.map

package/dist/src/common/styles/tokens/ColorPalette.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPalette.stories.d.ts","sourceRoot":"","sources":["../../../../../src/common/styles/tokens/ColorPalette.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA8Y5D,QAAA,MAAM,IAAI;;;;;CAGM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAcnC,qGAAqG;AACrG,eAAO,MAAM,SAAS,EAAE,KAYvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAC;AAEF;;yFAEyF;AACzF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAEF;yGACyG;AACzG,eAAO,MAAM,oBAAoB,EAAE,KAYlC,CAAC;AAOF,+FAA+F;AAC/F,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC"}

package/dist/src/common/styles/tokens/DarkModePreview.stories.d.ts

@@ -0,0 +1,12 @@
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const CwButtonPreview: Story;
+//# sourceMappingURL=DarkModePreview.stories.d.ts.map

package/dist/src/common/styles/tokens/DarkModePreview.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DarkModePreview.stories.d.ts","sourceRoot":"","sources":["../../../../../src/common/styles/tokens/DarkModePreview.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA6N5D,QAAA,MAAM,IAAI;;;;;;CAQM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,eAAe,EAAE,KAG7B,CAAC"}

package/dist/src/components/control/action/button/CwButton.stories.d.ts

@@ -0,0 +1,28 @@
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./CwButton").CwButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+    args: {
+        text: string;
+        variant: "solid";
+        color: "primary";
+        size: "medium";
+        icon: string;
+        disabled: false;
+    };
+    argTypes: {
+        onClick: {
+            action: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+/** Square button with the icon alone; the tooltip carries the label. Shown at rest and pressed. */
+export declare const IconOnly: Story;
+/** The badge overlays the top-right corner of any variant. */
+export declare const WithBadge: Story;
+/** Every variant crossed with every color, at the selected size. */
+export declare const Matrix: Story;
+//# sourceMappingURL=CwButton.stories.d.ts.map

package/dist/src/components/control/action/button/CwButton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwButton.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/action/button/CwButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;CAcuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,mGAAmG;AACnG,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,8DAA8D;AAC9D,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,oEAAoE;AACpE,eAAO,MAAM,MAAM,EAAE,KAoBpB,CAAC"}

package/dist/src/components/control/action/button/CwButtonSplit.stories.d.ts

@@ -0,0 +1,24 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { CwButtonSplit, type CwButtonSplitAction } from "./CwButtonSplit";
+declare const meta: {
+    title: string;
+    component: typeof CwButtonSplit;
+    args: {
+        text: string;
+        icon: string;
+        actions: CwButtonSplitAction[];
+        variant: "solid";
+        color: "primary";
+        size: "medium";
+        disabled: false;
+        placement: "bottom-end";
+        onClick: import("storybook/test").Mock<(...args: any[]) => any>;
+        onSelect: import("storybook/test").Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+/** Every variant crossed with every color; open a menu to see the ghost rows take the same color. */
+export declare const Matrix: Story;
+//# sourceMappingURL=CwButtonSplit.stories.d.ts.map

package/dist/src/components/control/action/button/CwButtonSplit.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwButtonSplit.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/action/button/CwButtonSplit.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,aAAa,EAAE,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAW1E,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAe4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,qGAAqG;AACrG,eAAO,MAAM,MAAM,EAAE,KAapB,CAAC"}

package/dist/src/components/control/action/button/CwButtonSwitch.stories.d.ts

@@ -0,0 +1,39 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { CwButtonSwitch, type CwButtonSwitchProps } from "./CwButtonSwitch";
+declare const meta: {
+    title: string;
+    component: typeof CwButtonSwitch;
+    args: {
+        options: {
+            value: string;
+            label: string;
+            icon: string;
+        }[];
+        value: string;
+        size: "medium";
+        color: "primary";
+        iconOnly: false;
+        direction: "row";
+        disabled: false;
+        "aria-label": string;
+        onChange: import("storybook/test").Mock<(...args: any[]) => any>;
+    };
+    parameters: {
+        docs: {
+            source: {
+                transform: (_code: string, storyContext: {
+                    args: Record<string, unknown>;
+                }) => string;
+            };
+        };
+    };
+    render: (args: CwButtonSwitchProps) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+/** Icons only; each option's label becomes the tooltip and the accessible name. */
+export declare const IconOnly: Story;
+/** One segment disabled on its own, independent of the whole control. */
+export declare const DisabledSegment: Story;
+//# sourceMappingURL=CwButtonSwitch.stories.d.ts.map

package/dist/src/components/control/action/button/CwButtonSwitch.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwButtonSwitch.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/action/button/CwButtonSwitch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAsB5E,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgB6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,mFAAmF;AACnF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,eAAe,EAAE,KAS7B,CAAC"}

package/dist/src/components/control/action/contextmenu/CwAnchoredMenu.stories.d.ts

@@ -0,0 +1,29 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { type MenuOption } from "./CwAnchoredMenu";
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./CwAnchoredMenu").CwAnchoredMenuProps>;
+    args: {
+        options: MenuOption[];
+        placement: "bottom";
+        onSelect: import("storybook/test").Mock<(...args: any[]) => any>;
+        onOpenChange: import("storybook/test").Mock<(...args: any[]) => any>;
+        onContextMenu: import("storybook/test").Mock<(...args: any[]) => any>;
+    };
+    argTypes: {
+        open: {
+            control: false;
+        };
+        children: {
+            control: false;
+        };
+    };
+    render: (args: import("./CwAnchoredMenu").CwAnchoredMenuProps) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Anchored to the trigger with an arrow; flips to the opposite side when the viewport runs out. */
+export declare const Default: Story;
+/** Plain strings work too; the string is both label and key. */
+export declare const StringOptions: Story;
+//# sourceMappingURL=CwAnchoredMenu.stories.d.ts.map

package/dist/src/components/control/action/contextmenu/CwAnchoredMenu.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwAnchoredMenu.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/action/contextmenu/CwAnchoredMenu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAQnE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;CAuB6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,oGAAoG;AACpG,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,gEAAgE;AAChE,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC"}

package/dist/src/components/control/action/contextmenu/CwContextMenu.stories.d.ts

@@ -0,0 +1,24 @@
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./CwContextMenu").CwContextMenuProps>;
+    args: {
+        options: string[];
+        offset: {
+            x: number;
+            y: number;
+        };
+        onSelect: import("storybook/test").Mock<(...args: any[]) => any>;
+    };
+    argTypes: {
+        children: {
+            control: false;
+        };
+    };
+    render: (args: import("./CwContextMenu").CwContextMenuProps) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Opens at the pointer on right-click; closes on selection, outside click or Escape. */
+export declare const Default: Story;
+//# sourceMappingURL=CwContextMenu.stories.d.ts.map

package/dist/src/components/control/action/contextmenu/CwContextMenu.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwContextMenu.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/action/contextmenu/CwContextMenu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAkB4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,yFAAyF;AACzF,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/src/components/control/action/search/CwSearchAsync.stories.d.ts

@@ -0,0 +1,103 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { type CwSearchAsyncOption, type CwSearchAsyncProps } from "./CwSearchAsync";
+interface Args extends CwSearchAsyncProps {
+    /** Story-only: labelProps.text */
+    label: string;
+    /** Story-only: alignProps.flexDirection */
+    direction: "row" | "column";
+}
+declare const meta: {
+    title: string;
+    component: import("react").FC<CwSearchAsyncProps>;
+    args: {
+        label: string;
+        direction: "row";
+        onSearch: (text: string, signal: AbortSignal) => Promise<CwSearchAsyncOption[]>;
+        onChange: import("storybook/test").Mock<(...args: any[]) => any>;
+        placeholder: string;
+        minChars: number;
+        debounceMs: number;
+        disabled: false;
+        required: false;
+        width: string;
+    };
+    argTypes: {
+        label: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        direction: {
+            control: "inline-radio";
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        labelProps: {
+            control: false;
+        };
+        alignProps: {
+            control: false;
+        };
+        icon: {
+            control: false;
+        };
+        onSearch: {
+            control: false;
+        };
+        onResolveInitial: {
+            control: false;
+        };
+        onResolveSelection: {
+            control: false;
+        };
+        value: {
+            control: false;
+        };
+        searchTrigger: {
+            control: false;
+        };
+    };
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        label: string;
+        direction: "row" | "column";
+        onSearch: (text: string, signal: AbortSignal) => Promise<CwSearchAsyncOption[]>;
+        onChange: (id: CwSearchAsyncOption["id"] | null) => void;
+        value?: CwSearchAsyncOption["id"] | undefined;
+        onResolveInitial?: ((id: CwSearchAsyncOption["id"], signal: AbortSignal) => Promise<CwSearchAsyncOption>) | undefined;
+        onResolveSelection?: ((option: CwSearchAsyncOption, signal: AbortSignal) => Promise<CwSearchAsyncOption>) | undefined;
+        icon?: import("../../../display/graphics/icon/CwIcon").CwIconProps | undefined;
+        placeholder?: string | undefined;
+        minChars?: number | undefined;
+        debounceMs?: number | undefined;
+        disabled?: boolean | undefined;
+        required?: boolean | undefined;
+        initialDisplayText?: string | undefined;
+        searchTrigger?: number | undefined;
+        labelProps?: import("../../../..").CwLabelProps | undefined;
+        alignProps?: import("../../../..").CwAlignProps | undefined;
+        width?: string | undefined;
+        className?: string | undefined;
+    }>) => import("react").JSX.Element)[];
+    parameters: {
+        docs: {
+            source: {
+                transform: (_code: string, storyContext: {
+                    args: Record<string, unknown>;
+                }) => string;
+            };
+        };
+    };
+    render: (args: Args) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Debounced `onSearch` with an AbortSignal; two-line rows when an option has a `subLabel`, and `inputLabel` in the field once chosen. */
+export declare const Default: Story;
+/** A preselected `value` is resolved to its display text through `onResolveInitial`. */
+export declare const Preselected: Story;
+//# sourceMappingURL=CwSearchAsync.stories.d.ts.map

package/dist/src/components/control/action/search/CwSearchAsync.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwSearchAsync.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/action/search/CwSearchAsync.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAiB,KAAK,mBAAmB,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAwBnG,UAAU,IAAK,SAAQ,kBAAkB;IACxC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,SAAS,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC5B;AAUD,QAAA,MAAM,IAAI;;;;;;yBA3BkB,MAAM,UAAU,WAAW,KAAG,OAAO,CAAC,mBAAmB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAchF,MAAM;mBAEF,KAAK,GAAG,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CN,CAAC;AAEvB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,0IAA0I;AAC1I,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,wFAAwF;AACxF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC"}