@cwellt_software/cwellt-reactjs-lib 1.5.4 → 1.6.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"CwSelect.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/select/CwSelect.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAMN,KAAK,cAAc,EACnB,MAAM,sCAAsC,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAE1D,KAAK,IAAI,GAAG,aAAa,GAAG,cAAc,CAAC;AAkB3C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuBY,CAAC;AAEvB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,2GAA2G;AAC3G,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,+HAA+H;AAC/H,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,oHAAoH;AACpH,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAC"}

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

@@ -0,0 +1,132 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { type InputStoryArgs } from "../../../../storybook/inputStoryArgs";
+import { CwTagSelector, type CwTagSelectorOption, type CwTagSelectorProps } from "./CwTagSelector";
+type Args = CwTagSelectorProps & InputStoryArgs;
+declare const meta: {
+    title: string;
+    component: typeof CwTagSelector;
+    args: {
+        labelText: string;
+        options: CwTagSelectorOption[];
+        value: string[];
+        placeholder: string;
+        showSelectAll: false;
+        disabled: false;
+        onChange: import("storybook/test").Mock<(...args: any[]) => any>;
+        direction: "row" | "column";
+        alignItems: "center" | "stretch" | "flex-end" | "flex-start";
+        labelWidth: typeof import("../../../../storybook/inputStoryArgs").LABEL_WIDTHS[number];
+        feedbackType: "none" | "danger" | "success" | "neutral" | "warning" | "info";
+        feedbackMessage: string;
+        button: "none" | "text" | "icon";
+        buttonVariant: "solid" | "outline" | "ghost";
+        buttonColor: "primary" | "danger" | "neutral";
+    };
+    argTypes: {
+        iconProps: {
+            control: false;
+        };
+        button: {
+            readonly table: {
+                readonly disable: true;
+            };
+            readonly control: false;
+        };
+        buttonVariant: {
+            readonly table: {
+                readonly disable: true;
+            };
+            readonly control: false;
+        };
+        buttonColor: {
+            readonly table: {
+                readonly disable: true;
+            };
+            readonly control: false;
+        };
+        alignProps: {
+            control: false;
+        };
+        labelProps: {
+            control: false;
+        };
+        feedback: {
+            control: false;
+        };
+        buttonProps: {
+            control: false;
+        };
+        direction: import("storybook/internal/csf").InputType;
+        alignItems: import("storybook/internal/csf").InputType;
+        labelText: import("storybook/internal/csf").InputType;
+        labelWidth: import("storybook/internal/csf").InputType;
+        feedbackType: import("storybook/internal/csf").InputType;
+        feedbackMessage: import("storybook/internal/csf").InputType;
+    };
+    parameters: {
+        docs: {
+            source: {
+                transform: (_code: string, storyContext: {
+                    args: Record<string, unknown>;
+                }) => string;
+            };
+        };
+    };
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        id?: string | undefined;
+        options: CwTagSelectorOption[];
+        value: string[];
+        onChange: (selectedValues: string[]) => void;
+        labelProps?: import("../../../..").CwLabelProps | undefined;
+        iconProps?: import("../../../display/graphics/icon/CwIcon").CwIconProps | undefined;
+        alignProps?: import("../../../..").CwAlignProps | undefined;
+        placeholder?: string | undefined;
+        disabled?: boolean | undefined;
+        showSelectAll?: boolean | undefined;
+        feedback?: (import("../../../../common/interfaces/CwFormTypes").CwInputFeedback | import("../../../../common/interfaces/CwFormTypes").CwInputFeedback[]) | undefined;
+        className?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        direction: "row" | "column";
+        alignItems: "center" | "stretch" | "flex-end" | "flex-start";
+        labelText: string;
+        labelWidth: typeof import("../../../../storybook/inputStoryArgs").LABEL_WIDTHS[number];
+        feedbackType: "none" | "danger" | "success" | "neutral" | "warning" | "info";
+        feedbackMessage: string;
+        button: "none" | "text" | "icon";
+        buttonVariant: "solid" | "outline" | "ghost";
+        buttonColor: "primary" | "danger" | "neutral";
+    }>, { args }: import("storybook/internal/csf").StoryContext<import("@storybook/react").ReactRenderer, {
+        id?: string | undefined;
+        options: CwTagSelectorOption[];
+        value: string[];
+        onChange: (selectedValues: string[]) => void;
+        labelProps?: import("../../../..").CwLabelProps | undefined;
+        iconProps?: import("../../../display/graphics/icon/CwIcon").CwIconProps | undefined;
+        alignProps?: import("../../../..").CwAlignProps | undefined;
+        placeholder?: string | undefined;
+        disabled?: boolean | undefined;
+        showSelectAll?: boolean | undefined;
+        feedback?: (import("../../../../common/interfaces/CwFormTypes").CwInputFeedback | import("../../../../common/interfaces/CwFormTypes").CwInputFeedback[]) | undefined;
+        className?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        direction: "row" | "column";
+        alignItems: "center" | "stretch" | "flex-end" | "flex-start";
+        labelText: string;
+        labelWidth: typeof import("../../../../storybook/inputStoryArgs").LABEL_WIDTHS[number];
+        feedbackType: "none" | "danger" | "success" | "neutral" | "warning" | "info";
+        feedbackMessage: string;
+        button: "none" | "text" | "icon";
+        buttonVariant: "solid" | "outline" | "ghost";
+        buttonColor: "primary" | "danger" | "neutral";
+    }>) => import("react").JSX.Element)[];
+    render: (args: Args) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Selected options render as removable chips inside the field; the list filters as you type. */
+export declare const Default: Story;
+export declare const Column: Story;
+/** `showSelectAll` adds a toggle at the top of the list. */
+export declare const WithSelectAll: Story;
+export declare const WithFeedback: Story;
+//# sourceMappingURL=CwTagSelector.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CwTagSelector.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/tag-selector/CwTagSelector.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAMN,KAAK,cAAc,EACnB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,KAAK,mBAAmB,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEnG,KAAK,IAAI,GAAG,kBAAkB,GAAG,cAAc,CAAC;AAoChD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BY,CAAC;AAEvB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,iGAAiG;AACjG,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC"}

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

@@ -0,0 +1,47 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { CwToggle, type CwToggleProps } from "./CwToggle";
+interface Args extends CwToggleProps {
+    /** Story-only: labelProps.text */
+    label: string;
+}
+declare const meta: {
+    title: string;
+    component: typeof CwToggle;
+    args: {
+        label: string;
+        checked: true;
+        direction: "row";
+        disabled: false;
+    };
+    argTypes: {
+        label: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        labelProps: {
+            control: false;
+        };
+        direction: {
+            control: "inline-radio";
+            options: string[];
+        };
+    };
+    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>;
+/** Row is the default and the WinOps convention: the label sits beside the switch. */
+export declare const Default: Story;
+//# sourceMappingURL=CwToggle.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CwToggle.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/toggle/CwToggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAE1D,UAAU,IAAK,SAAQ,aAAa;IACnC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;CACd;AAWD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBY,CAAC;AAEvB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,sFAAsF;AACtF,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/src/components/control/choice/tree-view/CwTreeView.stories.d.ts

@@ -0,0 +1,41 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { type CwTreeNode } from "./CwTreeView";
+type Folder = {
+    path: string;
+};
+declare const meta: {
+    title: string;
+    component: ({ data, onSelect, allowParentSelection, selectedId: initialSelectedId }: {
+        data: CwTreeNode<Folder>[];
+        onSelect: (node: CwTreeNode<Folder>) => void;
+        allowParentSelection?: boolean;
+        selectedId?: string | number | null;
+    }) => import("react").JSX.Element;
+    args: {
+        data: CwTreeNode<Folder>[];
+        allowParentSelection: false;
+        selectedId: null;
+        onSelect: import("storybook/test").Mock<(...args: any[]) => any>;
+    };
+    argTypes: {
+        data: {
+            control: false;
+        };
+        selectedId: {
+            control: false;
+        };
+    };
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        data: CwTreeNode<Folder>[];
+        onSelect: (node: CwTreeNode<Folder>) => void;
+        allowParentSelection?: boolean | undefined;
+        selectedId?: string | number | null | undefined;
+    }>) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Only leaves select by default; clicking a parent expands it. The search box filters the tree. */
+export declare const Default: Story;
+/** `selectedId` selects a node on mount and expands the path to it. */
+export declare const Preselected: Story;
+//# sourceMappingURL=CwTreeView.stories.d.ts.map

package/dist/src/components/control/choice/tree-view/CwTreeView.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwTreeView.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/choice/tree-view/CwTreeView.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAc,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE3D,KAAK,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAgC/B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBiC,CAAC;AAE5C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,oGAAoG;AACpG,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,uEAAuE;AACvE,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC"}

package/dist/src/components/control/input/any/CwInput.d.ts

@@ -13,5 +13,9 @@ export interface CwInputProps {
     required?: boolean;
     error?: boolean;
 }
+/**
+ * Legacy text input with its own label markup, predating the design system.
+ * @deprecated Use {@link CwInputText} instead.
+ */
 export declare function CwInput(CwInputProps: React.PropsWithChildren<CwInputProps>): React.JSX.Element;
 //# sourceMappingURL=CwInput.d.ts.map

package/dist/src/components/control/input/any/CwInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CwInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/any/CwInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,YAAY;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAAC,qBA6C1E"}
+{"version":3,"file":"CwInput.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/any/CwInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,YAAY;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAAC,qBA6C1E"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-interface ColorPickerProps {
+export interface CwColorPickerProps {
     initialColor: string;
     onChange: (color: string, rgb?: {
         r: number;
@@ -12,6 +12,5 @@ interface ColorPickerProps {
     }) => void;
     previewText?: string;
 }
-export declare const CwColorPicker: React.FC<ColorPickerProps>;
-export {};
+export declare const CwColorPicker: React.FC<CwColorPickerProps>;
 //# sourceMappingURL=CwColorPicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CwColorPicker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/color/CwColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,UAAU,gBAAgB;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,GAAG,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxH,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmTpD,CAAC"}
+{"version":3,"file":"CwColorPicker.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/color/CwColorPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,MAAM,WAAW,kBAAkB;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,GAAG,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxH,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmTtD,CAAC"}

package/dist/src/components/control/input/color/CwColorPicker.stories.d.ts

@@ -0,0 +1,31 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { type CwColorPickerProps } from "./CwColorPicker";
+declare const meta: {
+    title: string;
+    component: import("react").FC<CwColorPickerProps>;
+    args: {
+        initialColor: string;
+        previewText: string;
+        onChange: import("storybook/test").Mock<(...args: any[]) => any>;
+    };
+    argTypes: {
+        initialColor: {
+            control: "color";
+        };
+    };
+    parameters: {
+        docs: {
+            source: {
+                transform: (_code: string, storyContext: {
+                    args: Record<string, unknown>;
+                }) => string;
+            };
+        };
+    };
+    render: (args: CwColorPickerProps) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** The panel `CwInputColor` opens: saturation area, hue slider, hex field and preview. The lines below show the three values `onChange` emits. */
+export declare const Default: Story;
+//# sourceMappingURL=CwColorPicker.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CwColorPicker.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/color/CwColorPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAyBzE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;CAa4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,kJAAkJ;AAClJ,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

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

@@ -26,7 +26,7 @@ export interface CwInputLayoutProps {
  *   layoutProps={{ direction: "row", align: "center" }}
  * />
  */
-interface CwInputColorProps {
+export interface CwInputColorProps {
     value: string;
     onChange: (color: string) => void;
     previewText?: string;
@@ -40,5 +40,4 @@ interface CwInputColorProps {
     style?: React.CSSProperties;
 }
 export declare const CwInputColor: React.FC<CwInputColorProps>;
-export {};
 //# sourceMappingURL=CwInputColor.d.ts.map

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;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;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsNpD,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,MAAM,WAAW,iBAAiB;IACjC,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;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsNpD,CAAC"}

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

@@ -0,0 +1,91 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { type CwInputColorProps } from "./CwInputColor";
+interface Args extends CwInputColorProps {
+    /** Story-only: labelProps.text */
+    label: string;
+    /** Story-only: layoutProps.direction */
+    direction: "row" | "column";
+    /** Story-only: layoutProps.align */
+    align: "start" | "center" | "end";
+}
+declare const meta: {
+    title: string;
+    component: import("react").FC<CwInputColorProps>;
+    args: {
+        label: string;
+        direction: "row";
+        align: "center";
+        value: string;
+        previewText: string;
+        disabled: false;
+        readOnly: false;
+        onChange: import("storybook/test").Mock<(...args: any[]) => any>;
+    };
+    argTypes: {
+        label: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        direction: {
+            control: "inline-radio";
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        align: {
+            control: "inline-radio";
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+            };
+        };
+        labelProps: {
+            control: false;
+        };
+        layoutProps: {
+            control: false;
+        };
+        value: {
+            control: "color";
+        };
+    };
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        label: string;
+        direction: "row" | "column";
+        align: "start" | "center" | "end";
+        value: string;
+        onChange: (color: string) => void;
+        previewText?: string | undefined;
+        disabled?: boolean | undefined;
+        readOnly?: boolean | undefined;
+        width?: string | undefined;
+        height?: string | undefined;
+        labelProps?: import("../../../..").CwLabelProps | undefined;
+        layoutProps?: import("./CwInputColor").CwInputLayoutProps | undefined;
+        className?: string | undefined;
+        style?: React.CSSProperties | 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>;
+/** A swatch that opens the color picker in a portal; `onChange` receives the hex string. */
+export declare const Default: Story;
+/** `readOnly` keeps the swatch visible and focusable but never opens the picker. */
+export declare const ReadOnly: Story;
+//# sourceMappingURL=CwInputColor.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CwInputColor.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/color/CwInputColor.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEtE,UAAU,IAAK,SAAQ,iBAAiB;IACvC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,SAAS,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,oCAAoC;IACpC,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CAClC;AAwBD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA7BF,MAAM;mBAEF,KAAK,GAAG,QAAQ;eAEpB,OAAO,GAAG,QAAQ,GAAG,KAAK;;;;;;;;;;;;;;;;;;;;;;;CAuDZ,CAAC;AAEvB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,4FAA4F;AAC5F,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,oFAAoF;AACpF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}

package/dist/src/components/control/input/date-text/CwInputDateText.d.ts

@@ -34,5 +34,9 @@ export interface CwInputDateTextProps extends Omit<React.HTMLProps<HTMLInputElem
  * />
  * ```
  */
+/**
+ * Text date input with a native picker fallback, predating the calendar pickers.
+ * @deprecated Use {@link CwDatePickerTemporal} (or {@link CwDatePicker} at a JS Date boundary) instead.
+ */
 export declare function CwInputDateText(props: CwInputDateTextProps): React.JSX.Element;
 //# sourceMappingURL=CwInputDateText.d.ts.map

package/dist/src/components/control/input/date-text/CwInputDateText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CwInputDateText.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/date-text/CwInputDateText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAY,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAU,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAW,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAW,YAAY,EAAE,MAAM,+BAA+B,CAAC;AA+CtE,MAAM,WAAW,oBAChB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,aAAa,GAAG,cAAc,GAAG,UAAU,CAAC;IACnH,8BAA8B;IAC9B,UAAU,CAAC,EAAE,YAAY,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,CAAC;IACvE,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBA2H1D"}
+{"version":3,"file":"CwInputDateText.d.ts","sourceRoot":"","sources":["../../../../../../src/components/control/input/date-text/CwInputDateText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAY,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAU,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAW,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAW,YAAY,EAAE,MAAM,+BAA+B,CAAC;AA+CtE,MAAM,WAAW,oBAChB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,aAAa,GAAG,cAAc,GAAG,UAAU,CAAC;IACnH,8BAA8B;IAC9B,UAAU,CAAC,EAAE,YAAY,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,CAAC;IACvE,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBA2H1D"}