@cwellt_software/cwellt-reactjs-lib 1.4.4 → 1.4.5

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

@@ -1 +1 @@
-{"version":3,"file":"collections.d.ts","sourceRoot":"","sources":["../../../../src/common/functions/collections.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8EAA8E,CAAC;AAEtH,eAAO,MAAM,SAAS,UAAW,MAAM,EAAE,aAAqD,CAAC;AAE/F,eAAO,MAAM,UAAU,UAAW,MAAM,EAAE,KAAG,MAAM,EAAuD,CAAC;AAE3G,eAAO,MAAM,WAAW,cAAe,MAAM,WAAqD,CAAC;AAEnG,eAAO,MAAM,qBAAqB,QAAS,MAAM,EAAE,WAA+C,CAAC;AAEnG,wBAAgB,sBAAsB,CACrC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,EACjB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACjD,cAAc,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,0BAcnD"}
+{"version":3,"file":"collections.d.ts","sourceRoot":"","sources":["../../../../src/common/functions/collections.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8EAA8E,CAAC;AAEtH,eAAO,MAAM,SAAS,GAAI,OAAO,MAAM,EAAE,aAAqD,CAAC;AAE/F,eAAO,MAAM,UAAU,GAAI,OAAO,MAAM,EAAE,KAAG,MAAM,EAAuD,CAAC;AAE3G,eAAO,MAAM,WAAW,GAAI,WAAW,MAAM,WAAqD,CAAC;AAEnG,eAAO,MAAM,qBAAqB,GAAI,KAAK,MAAM,EAAE,WAA+C,CAAC;AAEnG,wBAAgB,sBAAsB,CACrC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,EACjB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EACjD,cAAc,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,0BAcnD"}

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;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAoC1D"}
+{"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"}

package/dist/src/common/functions/dsl/UiEventDSL.d.ts

@@ -2,7 +2,7 @@ export declare class UiEvent {
 }
 export type ConstructorOf<T> = new (...args: any[]) => T;
 export declare function when(event: UiEvent): {
-    case<T extends UiEvent>(eventType: ConstructorOf<T>, action: (event: T) => void): any;
+    case<T extends UiEvent>(eventType: ConstructorOf<T>, action: (event: T) => void): /*elided*/ any;
     else(action: (event: UiEvent) => void): void;
 };
 export type OnEvent = (event: UiEvent) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"useSingleAndDoubleClicks.d.ts","sourceRoot":"","sources":["../../../../src/common/functions/useSingleAndDoubleClicks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,UAAU,EAAC,MAAM,OAAO,CAAC;AAE3D,iBAAS,wBAAwB,CAChC,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,EACvE,aAAa,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI;qBAUzC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,UAAU,CAAC;2BAY3C,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,UAAU,CAAC;EAQ3F;AAED,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"useSingleAndDoubleClicks.d.ts","sourceRoot":"","sources":["../../../../src/common/functions/useSingleAndDoubleClicks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,UAAU,EAAC,MAAM,OAAO,CAAC;AAOnD,iBAAS,wBAAwB,CAChC,OAAO,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI,EACvE,aAAa,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,IAAI;qBAEzC,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,UAAU,CAAC;2BAO3C,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,UAAU,CAAC;EAO3F;AAED,eAAe,wBAAwB,CAAC"}

package/dist/src/common/hooks/useDropdownPortal.d.ts

@@ -0,0 +1,86 @@
+import React from "react";
+export interface DropdownPanelStyle {
+    position: "fixed";
+    top: number;
+    left: number;
+    width: number | "auto";
+    zIndex: number;
+    right: "auto";
+    marginLeft: 0;
+}
+/**
+ * Custom position calculator. Receives the anchor's bounding rect and the
+ * panel's bounding rect (null on the first render before the panel has been
+ * measured). Must return `top`, `left`, and optionally `width`.
+ *
+ * When omitted, the default strategy positions the panel directly below the
+ * anchor, matching its width, and flips above when there is not enough space.
+ */
+export type DropdownPositionStrategy = (anchorRect: DOMRect, panelRect: DOMRect | null) => {
+    top: number;
+    left: number;
+    width?: number;
+};
+interface UseDropdownPortalOptions {
+    /** Ref to the element the panel should anchor to (e.g. the input wrapper). */
+    anchorRef: React.RefObject<HTMLElement | null>;
+    /** Whether the panel is currently open. */
+    isOpen: boolean;
+    /** Called when the user clicks outside both the anchor and the panel. */
+    onClose: () => void;
+    /**
+     * Override the default below-anchor positioning strategy.
+     * Used by {@link usePickerPopup} for directional calendar placement.
+     */
+    positionStrategy?: DropdownPositionStrategy;
+}
+interface UseDropdownPortalReturn {
+    /** Attach to the root element of the rendered panel. */
+    panelRef: React.RefObject<HTMLDivElement>;
+    /** Apply as `style` on the panel root element. */
+    panelStyle: DropdownPanelStyle;
+    /**
+     * Wraps the panel JSX in a `createPortal` call.
+     * Returns `null` when `isOpen` is `false`.
+     */
+    renderPanel: (children: React.ReactNode) => React.ReactNode | null;
+}
+/**
+ * Generic portal-based dropdown panel hook.
+ *
+ * Renders the panel as a direct child of `<body>` via `createPortal` so it
+ * escapes any `overflow: hidden/auto` ancestor (dialogs, tabs, cards, etc.).
+ * Positions the panel with `position: fixed` computed from the anchor element's
+ * `getBoundingClientRect()`, and repositions on scroll and resize.
+ *
+ * The fix pattern is the same as {@link usePickerPopup} used by `CwDatePicker`.
+ *
+ * > **Future migration note:** Once the project's minimum browser baseline
+ * > reaches Firefox 147 / Safari 26 (CSS Anchor Positioning — Baseline 2026),
+ * > this hook can be replaced with `popover="manual"` + CSS `anchor()` with
+ * > zero JS positioning.
+ *
+ * @example
+ * ```tsx
+ * const wrapperRef = useRef<HTMLDivElement>(null);
+ * const { panelRef, panelStyle, renderPanel } = useDropdownPortal({
+ *   anchorRef: wrapperRef,
+ *   isOpen,
+ *   onClose: () => setIsOpen(false),
+ * });
+ *
+ * return (
+ *   <div ref={wrapperRef}>
+ *     <input ... />
+ *     {renderPanel(
+ *       <div ref={panelRef} style={panelStyle} className={styles.dropdown}>
+ *         {options}
+ *       </div>
+ *     )}
+ *   </div>
+ * );
+ * ```
+ */
+export declare function useDropdownPortal({ anchorRef, isOpen, onClose, positionStrategy, }: UseDropdownPortalOptions): UseDropdownPortalReturn;
+export {};
+//# sourceMappingURL=useDropdownPortal.d.ts.map

package/dist/src/common/hooks/useDropdownPortal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdownPortal.d.ts","sourceRoot":"","sources":["../../../../src/common/hooks/useDropdownPortal.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,kBAAkB;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,CAAC,CAAC;CACd;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,wBAAwB,GAAG,CACtC,UAAU,EAAE,OAAO,EACnB,SAAS,EAAE,OAAO,GAAG,IAAI,KACrB;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnD,UAAU,wBAAwB;IACjC,8EAA8E;IAC9E,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC/C,2CAA2C;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,yEAAyE;IACzE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,wBAAwB,CAAC;CAC5C;AAED,UAAU,uBAAuB;IAChC,wDAAwD;IACxD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,kDAAkD;IAClD,UAAU,EAAE,kBAAkB,CAAC;IAC/B;;;OAGG;IACH,WAAW,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;CACnE;AAmBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,iBAAiB,CAAC,EACjC,SAAS,EACT,MAAM,EACN,OAAO,EACP,gBAA0C,GAC1C,EAAE,wBAAwB,GAAG,uBAAuB,CAsFpD"}

package/dist/src/common/interfaces/CwFormTypes.d.ts

@@ -0,0 +1,5 @@
+export interface CwInputFeedback {
+    type: "danger" | "warning" | "success" | "info" | "neutral";
+    message: string;
+}
+//# sourceMappingURL=CwFormTypes.d.ts.map

package/dist/src/common/interfaces/CwFormTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwFormTypes.d.ts","sourceRoot":"","sources":["../../../../src/common/interfaces/CwFormTypes.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC/B,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAC5D,OAAO,EAAE,MAAM,CAAC;CAChB"}

package/dist/src/components/control/action/search/CwSearch.d.ts

@@ -3,18 +3,40 @@ import { CwSelectList } from "../../../../common/classes/CwSelectList";
 import { type CwIconProps } from "../../../../components/display/graphics/icon/CwIcon";
 import { CwLabelProps } from "../../../../components/display/text/label/CwLabel";
 import { CwAlignProps } from "../../../../components/layout/align/CwAlign";
+/** Props for {@link CwSearchInput}. */
 export interface CwSearchInputProps extends HTMLProps<HTMLDivElement> {
+    /** List of items to search through. Each item must be a `CwSelectList` instance. */
     selectList: Array<CwSelectList>;
+    /** Props forwarded to the internal `CwLabel`. */
     labelProps?: CwLabelProps;
+    /** Props forwarded to the optional leading icon. */
     iconProps?: CwIconProps;
+    /** Props forwarded to the `CwAlign` layout wrapper. */
     alignProps?: CwAlignProps;
+    /** Called with the `id` of the selected `CwSelectList` item. */
     handleChange?: (value: any) => void;
+    /** Input placeholder text. Defaults to `"Search…"`. */
     placeholder?: string;
     className?: string;
     style?: React.CSSProperties;
+    /** Disables the input when `true`. */
     disabled?: boolean;
+    /** Renders the input in error state when `true`. */
     error?: boolean;
+    /** Custom renderer for each suggestion item. Receives the matching `CwSelectList` entry. */
     renderOption?: (option: CwSelectList) => React.ReactNode;
 }
+/**
+ * Text input with a live-filtered suggestion dropdown backed by a local `CwSelectList` array.
+ * Use `CwFindAirport` or `CwFindCrewmember` for API-backed search inputs.
+ *
+ * @example
+ * <CwSearchInput
+ *   selectList={myItems}
+ *   handleChange={(id) => console.log('selected', id)}
+ *   labelProps={{ text: 'Employee' }}
+ *   placeholder="Search by name…"
+ * />
+ */
 export declare function CwSearchInput(optionsProps: React.PropsWithChildren<CwSearchInputProps>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CwSearch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CwSearch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/action/search/CwSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAEvE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qDAAqD,CAAC;AAC/F,OAAO,EAAW,YAAY,EAAE,MAAM,mDAAmD,CAAC;AAC1F,OAAO,EAAW,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAEpF,MAAM,WAAW,kBAAmB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACpE,UAAU,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAEhC,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,UAAU,CAAC,EAAE,YAAY,CAAC;IAE1B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;CACzD;AAED,wBAAgB,aAAa,CAAC,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,2CAgKtF"}
+{"version":3,"file":"CwSearch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/action/search/CwSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAIvE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qDAAqD,CAAC;AAC/F,OAAO,EAAW,YAAY,EAAE,MAAM,mDAAmD,CAAC;AAC1F,OAAO,EAAW,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAEpF,uCAAuC;AACvC,MAAM,WAAW,kBAAmB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACpE,oFAAoF;IACpF,UAAU,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAChC,iDAAiD;IACjD,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,oDAAoD;IACpD,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,uDAAuD;IACvD,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,gEAAgE;IAChE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4FAA4F;IAC5F,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;CACzD;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,2CAuKtF"}

package/dist/src/components/control/choice/checkbox/CwCheck.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { CwIconProps } from "../../../../components/display/graphics/icon/CwIcon";
+import { CwLabelProps } from "../../../../components/display/text/label/CwLabel";
+export interface CwCheckProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "type"> {
+    /** Props for the label component */
+    labelProps?: CwLabelProps;
+    /** Text content for the checkbox label */
+    labelText?: string;
+    /** Props for the icon component - iconId is required */
+    iconProps?: CwIconProps;
+    /** Layout alignment: "row" (side by side) | "column" (label above) @default "row" */
+    alignment?: "row" | "column";
+}
+export declare function CwCheck(props: CwCheckProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CwCheck.d.ts.map

package/dist/src/components/control/choice/checkbox/CwCheck.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwCheck.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/checkbox/CwCheck.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,WAAW,EAAE,MAAM,qDAAqD,CAAC;AAC1F,OAAO,EAAE,YAAY,EAAE,MAAM,mDAAmD,CAAC;AAGjF,MAAM,WAAW,YAChB,SAAQ,IAAI,CACX,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EACtF,MAAM,CACN;IACD,oCAAoC;IACpC,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,qFAAqF;IACrF,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC7B;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CA4B1C"}

package/dist/src/components/control/choice/checkbox/CwCheckbox.d.ts

@@ -1,4 +1,8 @@
 import React from "react";
+/**
+ * @deprecated Use {@link CwCheck} for single checkboxes or {@link CwCheckboxGroup} for multiple options.
+ * This component will be removed in a future version.
+ */
 export interface CwCheckboxProps {
     id?: string;
     labelName?: string;

package/dist/src/components/control/choice/checkbox/CwCheckbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CwCheckbox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/checkbox/CwCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,2CA+CnF"}
+{"version":3,"file":"CwCheckbox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/checkbox/CwCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,2CA+CnF"}

package/dist/src/components/control/choice/checkbox/CwCheckboxGroup.d.ts

@@ -0,0 +1,35 @@
+import type { CwInputFeedback } from "../../../../common/interfaces/CwFormTypes";
+import { CwLabelProps } from "../../../../components/display/text/label/CwLabel";
+import { CwAlignProps } from "../../../../components/layout/align/CwAlign";
+export interface CheckboxOption {
+    /** Value sent to onChange */
+    value: string;
+    /** Text displayed next to the checkbox */
+    label: string;
+    /** Disables this specific option */
+    disabled?: boolean;
+}
+export interface CwCheckboxGroupProps {
+    /** List of options to display */
+    options: CheckboxOption[];
+    /** Currently selected values */
+    value?: string[];
+    /** Callback when selection changes - returns full array of selected values */
+    onChange: (selected: string[]) => void;
+    /** Props for the label component */
+    labelProps?: CwLabelProps;
+    /** Props for alignment */
+    alignProps?: CwAlignProps;
+    /** Marks the group as required */
+    required?: boolean;
+    /** Disables all options */
+    disabled?: boolean;
+    /** Layout alignment of each individual checkbox: "row" (default) | "column" */
+    optionsAlignment?: "row" | "column";
+    /** Additional CSS class for the container */
+    className?: string;
+    /** Error or info messages below the group */
+    feedback?: CwInputFeedback | CwInputFeedback[];
+}
+export declare function CwCheckboxGroup({ options, value, onChange, labelProps, alignProps, required, disabled, optionsAlignment, className, feedback, }: CwCheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CwCheckboxGroup.d.ts.map

package/dist/src/components/control/choice/checkbox/CwCheckboxGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwCheckboxGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/checkbox/CwCheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAW,YAAY,EAAE,MAAM,mDAAmD,CAAC;AAC1F,OAAO,EAAW,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAIpF,MAAM,WAAW,cAAc;IAC9B,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACpC,iCAAiC;IACjC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,8EAA8E;IAC9E,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACvC,oCAAoC;IACpC,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACpC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;CAC/C;AAED,wBAAgB,eAAe,CAAC,EAC/B,OAAO,EACP,KAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,gBAAwB,EACxB,SAAS,EACT,QAAQ,GACR,EAAE,oBAAoB,2CA+CtB"}

package/dist/src/components/control/choice/dropdown/CwPopoverButton.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+import { type CwButtonProps } from "../../action/button/CwButton";
+export interface CwPopoverButtonProps extends Omit<CwButtonProps, "onClick" | "children"> {
+    /** Content rendered inside the floating panel */
+    children: React.ReactNode;
+    /** Panel width — CSS value (e.g. "auto", "16rem"). @default "auto" */
+    panelWidth?: string;
+    /** Horizontal alignment relative to the button. @default "bottom-start" */
+    placement?: "bottom-start" | "bottom-end";
+    /** Additional CSS class for the panel */
+    panelClassName?: string;
+}
+/**
+ * Button that toggles a floating panel with arbitrary children.
+ * Uses the native Popover API — panel renders in the browser's top layer,
+ * escaping all overflow/stacking contexts. Light dismiss (click outside)
+ * and Escape key are handled natively by the browser.
+ *
+ * Designed as a composable primitive:
+ * - Column picker: put `<CwCheckboxGroup>` inside
+ * - Options menu: put toggles / links inside
+ * - Future CwTable integration: use internally for column visibility
+ *
+ * @example
+ * <CwPopoverButton text="Columns" icon="table" variant="outline">
+ *     <CwCheckboxGroup options={opts} value={val} onChange={setVal} />
+ * </CwPopoverButton>
+ *
+ * @example
+ * <CwPopoverButton text="Options" icon="options" variant="outline" placement="bottom-end">
+ *     <CwToggle labelText="Show assigned" checked={v} onChange={setV} />
+ * </CwPopoverButton>
+ */
+export declare function CwPopoverButton({ children, panelWidth, placement, panelClassName, ...buttonProps }: CwPopoverButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CwPopoverButton.d.ts.map

package/dist/src/components/control/choice/dropdown/CwPopoverButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwPopoverButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/dropdown/CwPopoverButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG5E,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,UAAU,CAAC;IACxF,iDAAiD;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sEAAsE;IACtE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,cAAc,GAAG,YAAY,CAAC;IAC1C,yCAAyC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,eAAe,CAAC,EAC/B,QAAQ,EACR,UAAmB,EACnB,SAA0B,EAC1B,cAAc,EACd,GAAG,WAAW,EACd,EAAE,oBAAoB,2CA2CtB"}

package/dist/src/components/control/choice/multi-filter/CwMultiFilter.d.ts

@@ -9,6 +9,12 @@ export interface CwMultiFilterProps {
     allTags: Set<ICwMultiFilterTag>;
     /** Selected tags/filters passed as props */
     selectedTags: Set<CwMultiFilterTagProps>;
+    /** Placeholder text for the search input */
+    placeholder?: string;
+    /** Label for the "All categories" button */
+    allCategoriesLabel?: string;
+    /** Additional CSS class for the container */
+    className?: string;
     style?: React.CSSProperties;
 }
 /**

package/dist/src/components/control/choice/multi-filter/CwMultiFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CwMultiFilter.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/multi-filter/CwMultiFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAoB,qBAAqB,EAAE,KAAK,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAGpH,MAAM,WAAW,kBAAkB;IAClC,qDAAqD;IACrD,EAAE,EAAE,MAAM,CAAC;IACX,sGAAsG;IACtG,oBAAoB,EAAE,CAAC,YAAY,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrE,uCAAuC;IACvC,OAAO,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAChC,4CAA4C;IAC5C,YAAY,EAAE,GAAG,CAAC,qBAAqB,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0IG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAqQhD,CAAC"}
+{"version":3,"file":"CwMultiFilter.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/multi-filter/CwMultiFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAoB,qBAAqB,EAAE,KAAK,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAGpH,MAAM,WAAW,kBAAkB;IAClC,qDAAqD;IACrD,EAAE,EAAE,MAAM,CAAC;IACX,sGAAsG;IACtG,oBAAoB,EAAE,CAAC,YAAY,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACrE,uCAAuC;IACvC,OAAO,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAChC,4CAA4C;IAC5C,YAAY,EAAE,GAAG,CAAC,qBAAqB,CAAC,CAAC;IACzC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0IG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA4PhD,CAAC"}

package/dist/src/components/control/choice/multi-filter/components/tag/CwMultiFilterTag.d.ts

@@ -25,6 +25,7 @@ export interface CwMultiFilterTagProps {
     Selected?: boolean;
     OnSelect?: (props: Omit<CwMultiFilterTagProps, "OnClick">) => void;
     OnRemove?: (props: Omit<CwMultiFilterTagProps, "OnRemove">) => void;
+    tooltip?: string;
 }
 /** @inheritdoc */
 export interface ICwMultiFilterTag extends Omit<CwMultiFilterTagProps, "Removable" | "Selectable" | "Selected" | "OnSelect" | "OnRemove"> {

package/dist/src/components/control/choice/multi-filter/components/tag/CwMultiFilterTag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CwMultiFilterTag.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/control/choice/multi-filter/components/tag/CwMultiFilterTag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,MAAM,WAAW,qBAAqB;IACrC,kCAAkC;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,kGAAkG;IAClG,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,QAAQ,EAAE,MAAM,CAAC;IACjB,wFAAwF;IACxF,YAAY,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClD,iHAAiH;IACjH,cAAc,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAAK,IAAI,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACpE;AAED,kBAAkB;AAClB,MAAM,WAAW,iBAChB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;CACtG;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA+BtD,CAAC"}
+{"version":3,"file":"CwMultiFilterTag.d.ts","sourceRoot":"","sources":["../../../../../../../../src/components/control/choice/multi-filter/components/tag/CwMultiFilterTag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,MAAM,WAAW,qBAAqB;IACrC,kCAAkC;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,kGAAkG;IAClG,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,QAAQ,EAAE,MAAM,CAAC;IACjB,wFAAwF;IACxF,YAAY,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClD,iHAAiH;IACjH,cAAc,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAAK,IAAI,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,kBAAkB;AAClB,MAAM,WAAW,iBAChB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,WAAW,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;CACtG;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA+BtD,CAAC"}

package/dist/src/components/control/choice/option/CwOption.d.ts

@@ -1,6 +1,8 @@
 import { HTMLProps, PropsWithChildren } from "react";
 export interface CwOptionProps extends Omit<HTMLProps<PropsWithChildren<HTMLOptionElement>>, "className"> {
     text?: string;
+    /** Background color for the option (hex or CSS color). Renders as a colored bar on the left of the option text. */
+    color?: string;
 }
 /**
  * Option to display in the CwSelect
@@ -9,7 +11,7 @@ export interface CwOptionProps extends Omit<HTMLProps<PropsWithChildren<HTMLOpti
  * @example
  * <CwSelect>
  *   <CwOption>A</CwOption>
- *   <CwOption>B</CwOption>
+ *   <CwOption color="#4a90d9">Blue option</CwOption>
  *   <CwOption>C</CwOption>
  * </CwSelect>
  */

package/dist/src/components/control/choice/option/CwOption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CwOption.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/option/CwOption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC,EAAE,WAAW,CAAC;IACxG,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAO5C"}
+{"version":3,"file":"CwOption.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/option/CwOption.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGrD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC,EAAE,WAAW,CAAC;IACxG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mHAAmH;IACnH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAU5C"}

package/dist/src/components/control/choice/select/CwDropdown.d.ts

@@ -0,0 +1,56 @@
+import React from "react";
+import type { CwInputFeedback } from "../../../../common/interfaces/CwFormTypes";
+import { CwLabelProps } from "../../../../components/display/text/label/CwLabel";
+import { CwAlignProps } from "../../../../components/layout/align/CwAlign";
+import "./cw-dropdown.css";
+/** A single selectable option in a {@link CwDropdown}. */
+export interface CwDropdownOption {
+    /** Unique option identifier passed to `onChange`. */
+    value: string | number;
+    /** Display text shown in the trigger and option list. */
+    label: string;
+    /** Optional background color (any valid CSS value). Shown as a small dot next to the label. */
+    color?: string;
+    /** When `true` the option is rendered but cannot be selected. */
+    disabled?: boolean;
+}
+/** Props for {@link CwDropdown}. */
+export interface CwDropdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /** Array of options to display */
+    options: CwDropdownOption[];
+    /** Current selected value */
+    value?: string | number;
+    /** Callback when value changes */
+    onChange?: (value: string | number | undefined) => void;
+    /** Props for label component */
+    labelProps?: CwLabelProps;
+    /** Props for alignment */
+    alignProps?: CwAlignProps;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Show search input (optional) */
+    allowSearch?: boolean;
+    /** Is disabled */
+    disabled?: boolean;
+    /** Is required */
+    required?: boolean;
+    /** Feedback messages */
+    feedback?: CwInputFeedback | CwInputFeedback[];
+}
+/**
+ * Custom dropdown component with colour-coded options, optional search filter, and full
+ * keyboard navigation (↑ ↓ Enter Esc Tab).
+ *
+ * Use `CwDropdown` instead of the native `<select>` when options need colour indicators or
+ * when inline search filtering is required.
+ *
+ * @example
+ * <CwDropdown
+ *   options={[{ value: 'a', label: 'Option A', color: '#1976D2' }]}
+ *   value={selected}
+ *   onChange={setSelected}
+ *   labelProps={{ text: 'My Label' }}
+ * />
+ */
+export declare function CwDropdown({ options, value, onChange, labelProps, alignProps, placeholder, allowSearch, disabled, required, feedback, className, style, ...otherProps }: CwDropdownProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CwDropdown.d.ts.map

package/dist/src/components/control/choice/select/CwDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwDropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/select/CwDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAGjF,OAAO,EAAW,YAAY,EAAE,MAAM,mDAAmD,CAAC;AAC1F,OAAO,EAAW,YAAY,EAAE,MAAM,6CAA6C,CAAC;AACpF,OAAO,mBAAmB,CAAC;AAE3B,0DAA0D;AAC1D,MAAM,WAAW,gBAAgB;IAChC,qDAAqD;IACrD,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,yDAAyD;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,+FAA+F;IAC/F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,oCAAoC;AACpC,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9F,kCAAkC;IAClC,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,gCAAgC;IAChC,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;CAC/C;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,UAAU,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAyB,EACzB,WAAmB,EACnB,QAAgB,EAChB,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,UAAU,EACb,EAAE,eAAe,2CAuOjB"}

package/dist/src/components/control/choice/select/CwSelect.d.ts

@@ -1,9 +1,10 @@
 import { DetailedHTMLProps, SelectHTMLAttributes } from "react";
+import type { CwInputFeedback } from "../../../../common/interfaces/CwFormTypes";
 import { CwButtonProps } from "../../../../components/control/action/button/CwButton";
 import { CwIconProps } from "../../../../components/display/graphics/icon/CwIcon";
 import { CwLabelProps } from "../../../../components/display/text/label/CwLabel";
 import { CwAlignProps } from "../../../../components/layout/align/CwAlign";
-export interface CwSelectProps extends Omit<DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "className"> {
+export interface CwSelectProps extends DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> {
     /** Props to define alignment and size; undefined == column
      * @example alignProps={{_direction:"row"}} */
     alignProps?: CwAlignProps;
@@ -19,6 +20,11 @@ export interface CwSelectProps extends Omit<DetailedHTMLProps<SelectHTMLAttribut
     /** Default item
      * @example placeholder="Select something" */
     placeholder?: string;
+    /** Feedback messages shown below the select; accepts a single message or an array for multiple
+    * @example feedback={{ type: "neutral", message: "Select the cat breed that best matches your preference" }}
+    * @example feedback={[{ type: "neutral", message: "Select a breed" }, { type: "danger", message: "This field is required" }]}
+    */
+    feedback?: CwInputFeedback | CwInputFeedback[];
 }
 /**
  * Input for selecting an option from a list

package/dist/src/components/control/choice/select/CwSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CwSelect.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/select/CwSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAY,aAAa,EAAE,MAAM,uDAAuD,CAAC;AAChG,OAAO,EAAU,WAAW,EAAE,MAAM,qDAAqD,CAAC;AAC1F,OAAO,EAAW,YAAY,EAAE,MAAM,mDAAmD,CAAC;AAC1F,OAAO,EAAW,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAGpF,MAAM,WAAW,aAChB,SAAQ,IAAI,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,EAAE,WAAW,CAAC;IACxG;kDAC8C;IAC9C,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;6CACyC;IACzC,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B;2DACuD;IACvD,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;4CACwC;IACxC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB;iDAC6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAuB5C"}
+{"version":3,"file":"CwSelect.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/select/CwSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAY,aAAa,EAAE,MAAM,uDAAuD,CAAC;AAChG,OAAO,EAAU,WAAW,EAAE,MAAM,qDAAqD,CAAC;AAC1F,OAAO,EAAW,YAAY,EAAE,MAAM,mDAAmD,CAAC;AAC1F,OAAO,EAAW,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAGpF,MAAM,WAAW,aAChB,SAAQ,iBAAiB,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACrF;kDAC8C;IAC9C,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;6CACyC;IACzC,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B;2DACuD;IACvD,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;4CACwC;IACxC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB;iDAC6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;MAGE;IACF,QAAQ,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;CAC/C;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAoC5C"}

package/dist/src/components/control/choice/tag-selector/CwTagSelector.d.ts

@@ -0,0 +1,68 @@
+import React from "react";
+import type { CwInputFeedback } from "../../../../common/interfaces/CwFormTypes";
+import type { CwIconProps } from "../../../../components/display/graphics/icon/CwIcon";
+import type { CwLabelProps } from "../../../../components/display/text/label/CwLabel";
+import type { CwAlignProps } from "../../../../components/layout/align/CwAlign";
+export interface CwTagSelectorOption {
+    /** Unique value identifying this option */
+    value: string;
+    /** Display text */
+    label: string;
+    /** Background color for the chip tag (any valid CSS color) */
+    color?: string;
+    /** Tooltip text shown on hover */
+    tooltip?: string;
+}
+export interface CwTagSelectorProps {
+    /** HTML id */
+    id?: string;
+    /** All available options */
+    options: CwTagSelectorOption[];
+    /** Currently selected values */
+    value: string[];
+    /** Called when selection changes */
+    onChange: (selectedValues: string[]) => void;
+    /** Label */
+    labelProps?: CwLabelProps;
+    /** Icon */
+    iconProps?: CwIconProps;
+    /** Layout */
+    alignProps?: CwAlignProps;
+    /** Placeholder when nothing is selected */
+    placeholder?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Show a "Select all" toggle at the top of the dropdown */
+    showSelectAll?: boolean;
+    /** Feedback messages */
+    feedback?: CwInputFeedback | CwInputFeedback[];
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+/**
+ * Multi-select input with chip tags and searchable dropdown.
+ * Works like a Kendo MultiSelect: selected items appear as removable chips
+ * inside the input area, and a filtered dropdown lets the user pick more.
+ *
+ * @example
+ * ```tsx
+ * const options = [
+ *   { value: "1", label: "Alpha" },
+ *   { value: "2", label: "Bravo" },
+ *   { value: "3", label: "Charlie" },
+ * ];
+ * const [selected, setSelected] = useState<string[]>([]);
+ *
+ * <CwTagSelector
+ *   labelProps={{ text: "Tags" }}
+ *   options={options}
+ *   value={selected}
+ *   onChange={setSelected}
+ *   placeholder="Select items…"
+ * />
+ * ```
+ */
+export declare function CwTagSelector({ id, options, value, onChange, labelProps, iconProps, alignProps, placeholder, disabled, showSelectAll, feedback, className, style, }: CwTagSelectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CwTagSelector.d.ts.map

package/dist/src/components/control/choice/tag-selector/CwTagSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwTagSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/tag-selector/CwTagSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qDAAqD,CAAC;AAEvF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mDAAmD,CAAC;AAEtF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAMhF,MAAM,WAAW,mBAAmB;IACnC,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,kBAAkB;IAClC,cAAc;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,4BAA4B;IAC5B,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,gCAAgC;IAChC,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,oCAAoC;IACpC,QAAQ,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,YAAY;IACZ,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,WAAW;IACX,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,aAAa;IACb,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;IAC/C,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,aAAa,CAAC,EAC7B,EAAE,EACF,OAAO,EACP,KAAK,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,WAAuB,EACvB,QAAgB,EAChB,aAAqB,EACrB,QAAQ,EACR,SAAS,EACT,KAAK,GACL,EAAE,kBAAkB,2CAsNpB"}

package/dist/src/components/control/choice/toggle/CwToggle.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { CwIconProps } from "../../../../components/display/graphics/icon/CwIcon";
 import { CwLabelProps } from "../../../../components/display/text/label/CwLabel";
 export interface CwToggleProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "type"> {
-    /** Props for the label component @deprecated Use labelText instead */
+    /** Props for the label component */
     labelProps?: CwLabelProps;
     /** Text content for the toggle label */
     labelText?: string;

package/dist/src/components/control/choice/toggle/CwToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CwToggle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/toggle/CwToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,WAAW,EAAE,MAAM,qDAAqD,CAAC;AAC1F,OAAO,EAAE,YAAY,EAAE,MAAM,mDAAmD,CAAC;AAEjF,MAAM,WAAW,aAChB,SAAQ,IAAI,CACX,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EACtF,MAAM,CACN;IAED,sEAAsE;IACtE,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,qFAAqF;IACrF,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAE7B;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA+B5C"}
+{"version":3,"file":"CwToggle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/toggle/CwToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,WAAW,EAAE,MAAM,qDAAqD,CAAC;AAC1F,OAAO,EAAE,YAAY,EAAE,MAAM,mDAAmD,CAAC;AAEjF,MAAM,WAAW,aAChB,SAAQ,IAAI,CACX,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EACtF,MAAM,CACN;IAED,oCAAoC;IACpC,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,qFAAqF;IACrF,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAE7B;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA+B5C"}

package/dist/src/components/control/input/color/CwInputColor.d.ts

@@ -1,11 +1,41 @@
 import React from 'react';
+import { type CwLabelProps } from '../../../../components/display/text/label/CwLabel';
+export interface CwInputLayoutProps {
+    direction?: "row" | "column";
+    align?: "start" | "center" | "end";
+}
+/**
+ * Color input that displays a swatch trigger and opens a color picker dropdown via portal.
+ *
+ * @param value - Current color value (hex, rgb, etc.)
+ * @param onChange - Callback fired when the color changes
+ * @param previewText - Text shown inside the color picker preview
+ * @param disabled - Disables the trigger and prevents opening the picker
+ * @param readOnly - Makes the input read-only: focusable and visible, but cannot open the picker
+ * @param width - Width of the color swatch trigger (default: '4rem')
+ * @param height - Height of the color swatch trigger (default: '2rem')
+ * @param labelProps - Props for the optional label rendered above or beside the input (default: no label)
+ * @param layoutProps - Controls label/input layout direction and alignment (default: row direction with center alignment)
+ *
+ * @example
+ * // With label on the left
+ * <CwInputColor
+ *   value={color}
+ *   onChange={setColor}
+ *   labelProps={{ text: "Background", labelWidth: "10rem" }}
+ *   layoutProps={{ direction: "row", align: "center" }}
+ * />
+ */
 interface CwInputColorProps {
     value: string;
     onChange: (color: string) => void;
     previewText?: string;
     disabled?: boolean;
+    readOnly?: boolean;
     width?: string;
     height?: string;
+    labelProps?: CwLabelProps;
+    layoutProps?: CwInputLayoutProps;
 }
 export declare const CwInputColor: React.FC<CwInputColorProps>;
 export {};

package/dist/src/components/control/input/color/CwInputColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CwInputColor.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/color/CwInputColor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAKpE,UAAU,iBAAiB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwMpD,CAAC"}
+{"version":3,"file":"CwInputColor.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/color/CwInputColor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,mDAAmD,CAAC;AAI/F,MAAM,WAAW,kBAAkB;IAClC,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACnC;AACD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,UAAU,iBAAiB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,WAAW,CAAC,EAAE,kBAAkB,CAAC;CACjC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmNpD,CAAC"}

package/dist/src/components/control/input/date-picker/CwInputDatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CwInputDatePicker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/date-picker/CwInputDatePicker.tsx"],"names":[],"mappings":"AACA,OAAc,EAA+B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGpE,MAAM,WAAW,sBAAsB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAkKxD,CAAC"}
+{"version":3,"file":"CwInputDatePicker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/date-picker/CwInputDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA+B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAapE,MAAM,WAAW,sBAAsB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAuJxD,CAAC"}