@cwellt_software/cwellt-reactjs-lib 1.5.4 → 1.6.0

package/dist/src/components/display/graphics/loading/CwLoading.stories.d.ts

@@ -0,0 +1,44 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { CwLoading } from "./CwLoading";
+declare const meta: {
+    title: string;
+    component: typeof CwLoading;
+    args: {
+        isLoading: true;
+        text: string;
+        size: "regular";
+        iconPosition: "outside";
+        animation: string;
+    };
+    argTypes: {
+        size: {
+            control: "inline-radio";
+            options: string[];
+        };
+        iconPosition: {
+            control: "inline-radio";
+            options: string[];
+        };
+        children: {
+            control: false;
+        };
+    };
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        isLoading?: boolean | undefined;
+        text?: string | undefined;
+        size?: ("small" | "large" | "regular") | undefined;
+        iconPosition?: ("inside" | "outside") | undefined;
+        iconName?: string | undefined;
+        animation?: string | undefined;
+        children?: import("react").ReactNode;
+    }>) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Wrapping content: the block dims and the spinner sits over it while `isLoading` is true. Toggle it off to see the content. */
+export declare const Default: Story;
+/** With a text next to the spinner. */
+export declare const WithText: Story;
+/** No children: the spinner alone, for an inline loading slot. */
+export declare const Standalone: Story;
+//# sourceMappingURL=CwLoading.stories.d.ts.map

package/dist/src/components/display/graphics/loading/CwLoading.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwLoading.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/display/graphics/loading/CwLoading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAYxC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,iIAAiI;AACjI,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,uCAAuC;AACvC,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,kEAAkE;AAClE,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC"}

package/dist/src/components/display/graphics/progress/CwProgress.stories.d.ts

@@ -0,0 +1,61 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { CwProgress } from "./CwProgress";
+declare const meta: {
+    title: string;
+    component: typeof CwProgress;
+    args: {
+        value: number;
+        label: string;
+        indeterminate: false;
+        size: "regular";
+        layout: "row";
+        color: "primary";
+        monoValue: false;
+        prominent: false;
+    };
+    argTypes: {
+        value: {
+            control: {
+                type: "range";
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+        size: {
+            control: "inline-radio";
+            options: string[];
+        };
+        layout: {
+            control: "inline-radio";
+            options: string[];
+        };
+        color: {
+            control: "inline-radio";
+            options: readonly ["primary", "success", "warning", "danger", "info"];
+        };
+    };
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        value?: number | undefined;
+        indeterminate?: boolean | undefined;
+        label?: string | undefined;
+        rightLabel?: string | undefined;
+        size?: ("small" | "large" | "regular") | undefined;
+        layout?: "row" | "column" | undefined;
+        color?: ("primary" | "danger" | "success" | "warning" | "info") | undefined;
+        monoValue?: boolean | undefined;
+        prominent?: boolean | undefined;
+        className?: string | undefined;
+    }>) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** A measured operation: `value` 0-100 with the percent on the right. Drag the value control. */
+export declare const Default: Story;
+/** `indeterminate` sweeps when the total is unknown; reduced-motion users get a static partial fill. */
+export declare const Indeterminate: Story;
+/** `rightLabel` replaces the percent; `monoValue` keeps digits from jumping; `prominent` enlarges the value. */
+export declare const ValueLabels: Story;
+/** Every color at the selected value. */
+export declare const Colors: Story;
+//# sourceMappingURL=CwProgress.stories.d.ts.map

package/dist/src/components/display/graphics/progress/CwProgress.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwProgress.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/display/graphics/progress/CwProgress.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,iGAAiG;AACjG,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,wGAAwG;AACxG,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,gHAAgH;AAChH,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF,yCAAyC;AACzC,eAAO,MAAM,MAAM,EAAE,KASpB,CAAC"}

package/dist/src/components/display/graphics/skeleton/CwSkeleton.stories.d.ts

@@ -0,0 +1,52 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { CwSkeleton } from "./CwSkeleton";
+declare const meta: {
+    title: string;
+    component: typeof CwSkeleton;
+    args: {
+        variant: "text";
+        count: number;
+    };
+    argTypes: {
+        variant: {
+            control: "inline-radio";
+            options: string[];
+        };
+        count: {
+            control: {
+                type: "number";
+                min: number;
+                max: number;
+            };
+        };
+        width: {
+            control: "text";
+        };
+        height: {
+            control: "text";
+        };
+        radius: {
+            control: "text";
+        };
+        gap: {
+            control: "text";
+        };
+    };
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        variant?: ("text" | "circle" | "rect") | undefined;
+        width?: string | undefined;
+        height?: string | undefined;
+        count?: number | undefined;
+        radius?: string | undefined;
+        gap?: string | undefined;
+    }>) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Text lines while content loads; with `count` above 1 the last line is shorter, like real text. */
+export declare const Default: Story;
+/** The three shapes side by side. */
+export declare const Variants: Story;
+/** Composed into the shape of the content it stands in for: an avatar and two lines. */
+export declare const Composed: Story;
+//# sourceMappingURL=CwSkeleton.stories.d.ts.map

package/dist/src/components/display/graphics/skeleton/CwSkeleton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwSkeleton.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/display/graphics/skeleton/CwSkeleton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,qGAAqG;AACrG,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,qCAAqC;AACrC,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAC;AAEF,wFAAwF;AACxF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC"}

package/dist/src/components/display/text/badge/CwBadge.stories.d.ts

@@ -0,0 +1,36 @@
+import type { StoryObj } from "@storybook/react-vite";
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./CwBadge").CwBadgeProps>;
+    args: {
+        count: number;
+        color: "danger";
+        variant: "solid";
+        size: "medium";
+        max: number;
+        showZero: false;
+        loading: false;
+    };
+    argTypes: {
+        size: {
+            control: "inline-radio";
+            options: string[];
+        };
+        content: {
+            control: false;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** A count in a circle; two digits make it a pill, `max` caps it as `99+`. */
+export declare const Default: Story;
+/** No `count` and no `content`: an attention dot. `label` names it for assistive technology. */
+export declare const Dot: Story;
+/** `loading` swaps the circle for a spinner while the count is being fetched. */
+export declare const Loading: Story;
+/** The real use: overlaid on a `CwButton` through its `badge` prop, mixing both variants. */
+export declare const OnButton: Story;
+/** Every color crossed with every variant. */
+export declare const Matrix: Story;
+//# sourceMappingURL=CwBadge.stories.d.ts.map

package/dist/src/components/display/text/badge/CwBadge.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwBadge.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/display/text/badge/CwBadge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAO5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAgBsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,8EAA8E;AAC9E,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,gGAAgG;AAChG,eAAO,MAAM,GAAG,EAAE,KAGjB,CAAC;AAEF,iFAAiF;AACjF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,6FAA6F;AAC7F,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,8CAA8C;AAC9C,eAAO,MAAM,MAAM,EAAE,KAapB,CAAC"}

package/dist/src/components/display/text/heading/CwHeading.stories.d.ts

@@ -0,0 +1,23 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { CwHeadingMain } from "./CwHeadingMain";
+declare const meta: {
+    title: string;
+    component: typeof CwHeadingMain;
+    args: {
+        children: string;
+    };
+    argTypes: {
+        children: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** `CwHeadingMain` renders an `h2` in the heading wrapper. Any heading attribute passes through. */
+export declare const Main: Story;
+/** `CwHeadingSecond` is the same wrapper around an `h3`, for a section inside the page. */
+export declare const Second: Story;
+/** Both levels as they sit on a page. */
+export declare const Hierarchy: Story;
+//# sourceMappingURL=CwHeading.stories.d.ts.map

package/dist/src/components/display/text/heading/CwHeading.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwHeading.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/display/text/heading/CwHeading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,QAAA,MAAM,IAAI;;;;;;;;;;;CAS4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,oGAAoG;AACpG,eAAO,MAAM,IAAI,EAAE,KAAU,CAAC;AAE9B,2FAA2F;AAC3F,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,yCAAyC;AACzC,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC"}

package/dist/src/components/display/text/label/CwLabel.stories.d.ts

@@ -0,0 +1,31 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { CwLabel } from "./CwLabel";
+declare const meta: {
+    title: string;
+    component: typeof CwLabel;
+    args: {
+        text: string;
+        labelWidth: "8rem";
+        justify: "left";
+    };
+    argTypes: {
+        labelWidth: {
+            control: "select";
+            options: string[];
+        };
+        justify: {
+            control: "inline-radio";
+            options: string[];
+        };
+        children: {
+            control: false;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** The label every input renders through `labelProps`; `labelWidth` reserves a column so fields line up. */
+export declare const Default: Story;
+/** How it is normally reached: as `labelProps` on an input, with the width shared by the form. */
+export declare const OnAnInput: Story;
+//# sourceMappingURL=CwLabel.stories.d.ts.map

package/dist/src/components/display/text/label/CwLabel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwLabel.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/display/text/label/CwLabel.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAasB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,4GAA4G;AAC5G,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,kGAAkG;AAClG,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC"}

package/dist/src/components/display/text/message/CwMessage.stories.d.ts

@@ -0,0 +1,38 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { CwMessageType } from "./CwMessage";
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("./CwMessage").CwMessageProps>;
+    args: {
+        message: string;
+        messageType: CwMessageType.SUCCESS;
+        duration: number;
+        onClose: import("storybook/test").Mock<(...args: any[]) => any>;
+    };
+    argTypes: {
+        messageType: {
+            control: "select";
+            options: CwMessageType[];
+            labels: {
+                "check-circle": string;
+                "info-bubble": string;
+                warning: string;
+                "close-circle": string;
+            };
+        };
+        onClick: {
+            control: false;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** The message element itself. It calls `onClose` after `duration`; consumers rarely render it directly. */
+export declare const Default: Story;
+/** The four types side by side. */
+export declare const Types: Story;
+/** `CwDisplayMessage(message, type)`: the global toast, fire and forget, for outcomes the user does not act on. */
+export declare const Toast: Story;
+/** `useCwMessage()`: the same element placed inline, for a message the user must act on, next to what it concerns. */
+export declare const Inline: Story;
+//# sourceMappingURL=CwMessage.stories.d.ts.map

package/dist/src/components/display/text/message/CwMessage.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwMessage.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/display/text/message/CwMessage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAA+B,aAAa,EAAgB,MAAM,aAAa,CAAC;AAIvF,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;CAcwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,4GAA4G;AAC5G,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,mCAAmC;AACnC,eAAO,MAAM,KAAK,EAAE,KASnB,CAAC;AAEF,mHAAmH;AACnH,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAYF,sHAAsH;AACtH,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC"}

package/dist/src/components/display/text/tag/CwChip.d.ts

@@ -3,28 +3,28 @@ import './cw-chip.css';
 export type ChipColorScheme = 'primary' | 'danger' | 'warning' | 'success' | 'info' | 'neutral' | 'custom';
 export type ChipVariant = 'soft' | 'solid' | 'outline' | 'ghost';
 export interface CwChipProps {
-    /*** Text content of the chip **/
+    /**Text content of the chip */
     label?: string;
-    /*** Predefined color of the chip **/
+    /**Predefined color of the chip */
     color?: ChipColorScheme;
     /**
      * Predefined color scheme of the chip
      * @deprecated Use `color` instead. Still honoured, but `color` wins when both are passed.
      */
     colorScheme?: ChipColorScheme;
-    /*** Custom color (only used when the color is 'custom') **/
+    /**Custom color (only used when the color is 'custom') */
     customColor?: string;
-    /*** Visual variant of the chip **/
+    /**Visual variant of the chip */
     variant?: ChipVariant;
-    /*** Additional CSS class name **/
+    /**Additional CSS class name */
     className?: string;
-    /*** Whether to show a close icon **/
+    /**Whether to show a close icon */
     closable?: boolean;
-    /*** Handler for close icon click, required if closable is true **/
+    /**Handler for close icon click, required if closable is true */
     onClose?: () => void;
-    /*** Optional icon **/
+    /**Optional icon */
     icon?: string;
-    /*** Additional inline styles **/
+    /**Additional inline styles */
     style?: React.CSSProperties;
 }
 /**

package/dist/src/components/display/text/tag/CwChip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CwChip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/display/text/tag/CwChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC3G,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjE,MAAM,WAAW,WAAW;IAC3B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsExC,CAAC"}
+{"version":3,"file":"CwChip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/display/text/tag/CwChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC3G,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjE,MAAM,WAAW,WAAW;IAC3B,8BAA8B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACd,kCAAkC;IACnC,KAAK,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,yDAAyD;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;IACpB,gCAAgC;IACjC,OAAO,CAAC,EAAE,WAAW,CAAC;IACrB,+BAA+B;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IAClB,kCAAkC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IACjE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,mBAAmB;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC3B;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsExC,CAAC"}