@cwellt_software/cwellt-reactjs-lib 1.5.4 → 1.5.5

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/layout/card/CwCard.stories.d.ts

@@ -0,0 +1,75 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { type LayoutStoryArgs } from "../../../storybook/layoutStoryArgs";
+import { type CwCardProps } from "./CwCard";
+type Args = CwCardProps & LayoutStoryArgs;
+declare const meta: {
+    title: string;
+    component: import("react").FC<CwCardProps>;
+    args: {
+        title: string;
+        subtitle: string;
+        children: string;
+        footer: string;
+        chips: ({
+            label: string;
+            colorScheme: "info";
+        } | {
+            label: string;
+            colorScheme: "neutral";
+        })[];
+        variant: "border";
+        clickable: false;
+        disabled: false;
+        isLoading: false;
+        skeletonLines: number;
+        onEdit: import("storybook/test").Mock<(...args: any[]) => any>;
+        onDelete: import("storybook/test").Mock<(...args: any[]) => any>;
+        layoutDirection: "row" | "column" | "default";
+        layoutAlign: "start" | "center" | "end" | "stretch" | "default";
+        layoutJustify: "start" | "center" | "end" | "between" | "around" | "default";
+        layoutGap: "none" | "small" | "medium" | "large" | "default";
+    };
+    argTypes: {
+        children: {
+            control: "text";
+        };
+        footer: {
+            control: "text";
+        };
+        chips: {
+            control: false;
+        };
+        extraActions: {
+            control: false;
+        };
+        layout: {
+            control: false;
+        };
+        layoutDirection: import("storybook/internal/csf").InputType;
+        layoutAlign: import("storybook/internal/csf").InputType;
+        layoutJustify: import("storybook/internal/csf").InputType;
+        layoutGap: import("storybook/internal/csf").InputType;
+    };
+    render: (args: Args) => import("react").JSX.Element;
+    parameters: {
+        docs: {
+            source: {
+                transform: (_code: string, storyContext: {
+                    args: Record<string, unknown>;
+                }) => string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Header with title and subtitle, edit and delete actions, chips and a footer line. `isLoading` ghosts the whole anatomy. */
+export declare const Default: Story;
+/** `variant="shadow"` lifts the card on the low shadow tier and only shows its outline on hover. */
+export declare const Shadow: Story;
+/** `layout.direction="row"`: header on the left, content in the middle, footer and actions on the right. */
+export declare const Row: Story;
+/** `clickable` makes the whole card the target; the actions are left out so there is one thing to click. */
+export declare const Clickable: Story;
+export declare const Loading: Story;
+//# sourceMappingURL=CwCard.stories.d.ts.map

package/dist/src/components/layout/card/CwCard.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwCard.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/card/CwCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAMN,KAAK,eAAe,EACpB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEpD,KAAK,IAAI,GAAG,WAAW,GAAG,eAAe,CAAC;AAE1C,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCY,CAAC;AAEvB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,8HAA8H;AAC9H,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,oGAAoG;AACpG,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,4GAA4G;AAC5G,eAAO,MAAM,GAAG,EAAE,KAEjB,CAAC;AAEF,4GAA4G;AAC5G,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/dist/src/components/layout/card/CwCardList.stories.d.ts

@@ -0,0 +1,52 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { type ProjectRow } from "../../../storybook/sampleRows";
+import { type CwCardListProps } from "./CwCardList";
+declare const meta: {
+    title: string;
+    component: (props: CwCardListProps<ProjectRow>) => React.JSX.Element;
+    args: {
+        items: ProjectRow[];
+        renderCard: (row: ProjectRow) => import("react").JSX.Element;
+        keyExtractor: (row: ProjectRow) => string;
+        pageSize: number;
+        layout: "grid";
+        defaultCardWidth: number;
+        cardGap: number;
+        isLoading: false;
+        skeletonCards: number;
+        sortOptions: {
+            key: string;
+            label: string;
+            sortFn: (a: ProjectRow, b: ProjectRow) => number;
+        }[];
+        defaultSortKey: string;
+    };
+    argTypes: {
+        items: {
+            control: false;
+        };
+        renderCard: {
+            control: false;
+        };
+        keyExtractor: {
+            control: false;
+        };
+        sortOptions: {
+            control: false;
+        };
+        emptyState: {
+            control: false;
+        };
+    };
+    render: (args: CwCardListProps<ProjectRow>) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** A responsive grid of CwCards with a sort selector and pagination. `defaultCardWidth` sets the column minimum. */
+export declare const Default: Story;
+/** `layout="list"` stacks the cards in one column. */
+export declare const List: Story;
+/** Ghost cards in the same grid, so nothing shifts when the items arrive. */
+export declare const Loading: Story;
+export declare const Empty: Story;
+//# sourceMappingURL=CwCardList.stories.d.ts.map

package/dist/src/components/layout/card/CwCardList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwCardList.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/card/CwCardList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAA8B,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE5F,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAUhE,QAAA,MAAM,IAAI;;eAGgB,CAAC,KAAK,EAAE,eAAe,CAAC,UAAU,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO;;;0BATnD,UAAU;4BAapB,UAAU;;;;;;;;;;wBAQa,UAAU,KAAK,UAAU;;;;;;;;;;;;;;;;;;;;;;CAczB,CAAC;AAE9C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,oHAAoH;AACpH,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,sDAAsD;AACtD,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC"}

package/dist/src/components/layout/confirmation-popup/CwConfirmationPopup.stories.d.ts

@@ -0,0 +1,55 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { CwConfirmationPopup, type ConfirmationPopupProps } from "./CwConfirmationPopup";
+declare const meta: {
+    title: string;
+    component: typeof CwConfirmationPopup;
+    args: {
+        message: string;
+        confirmText: string;
+        cancelText: string;
+        placement: "bottom";
+        isOpen: false;
+        onConfirm: import("storybook/test").Mock<(...args: any[]) => any>;
+        onCancel: import("storybook/test").Mock<(...args: any[]) => any>;
+        children: null;
+    };
+    argTypes: {
+        placement: {
+            control: "inline-radio";
+            options: string[];
+        };
+        isOpen: {
+            control: false;
+        };
+        children: {
+            control: false;
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+            story: {
+                inline: boolean;
+                height: string;
+            };
+        };
+    };
+    decorators: (import("@storybook/react").Decorator | ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        isOpen: boolean;
+        onConfirm: () => void;
+        onCancel: () => void;
+        message?: string | undefined;
+        confirmText?: string | undefined;
+        cancelText?: string | undefined;
+        placement?: "top" | "right" | "bottom" | "left" | undefined;
+        children: import("react").ReactNode;
+    }>) => import("react").JSX.Element))[];
+    render: (args: ConfirmationPopupProps) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Click the button: the popup anchors to it on the chosen `placement`; clicking outside cancels. */
+export declare const Default: Story;
+//# sourceMappingURL=CwConfirmationPopup.stories.d.ts.map

package/dist/src/components/layout/confirmation-popup/CwConfirmationPopup.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwConfirmationPopup.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/confirmation-popup/CwConfirmationPopup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D,OAAO,EAAE,mBAAmB,EAAE,KAAK,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAmBzF,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCkC,CAAC;AAE7C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,qGAAqG;AACrG,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/src/components/layout/dialog/CwDialog.stories.d.ts

@@ -0,0 +1,62 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { type CwDialogProps } from "./CwDialog";
+declare const meta: {
+    title: string;
+    component: import("react").FC<CwDialogProps>;
+    args: {
+        headline: string;
+        width: string;
+        scrim: true;
+        hideFooter: false;
+        disableSave: false;
+        autoReposition: false;
+        onClose: import("storybook/test").Mock<(...args: any[]) => any>;
+        onSave: import("storybook/test").Mock<(...args: any[]) => any>;
+        children: import("react").JSX.Element;
+    };
+    argTypes: {
+        width: {
+            control: "text";
+        };
+        height: {
+            control: "text";
+        };
+        children: {
+            control: false;
+        };
+        customFooter: {
+            control: false;
+        };
+        customHeader: {
+            control: false;
+        };
+        dialogSize: {
+            control: false;
+        };
+    };
+    parameters: {
+        docs: {
+            source: {
+                transform: (_code: string, storyContext: {
+                    args: Record<string, unknown>;
+                }) => string;
+            };
+            story: {
+                inline: boolean;
+                height: string;
+            };
+        };
+    };
+    render: (args: CwDialogProps) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Header with headline and close button, scrollable section, footer with the save button. Movable and resizable. */
+export declare const Default: Story;
+/** `customFooter` replaces the save icon with the caller's own buttons. */
+export declare const CustomFooter: Story;
+/** A fixed `height` adds the vertical resize handles and scrolls the section when the content overflows. */
+export declare const FixedHeight: Story;
+/** `scrim={false}` leaves the page behind fully visible and clickable. */
+export declare const NoScrim: Story;
+//# sourceMappingURL=CwDialog.stories.d.ts.map

package/dist/src/components/layout/dialog/CwDialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwDialog.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/dialog/CwDialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAqB1D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,qHAAqH;AACrH,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,2EAA2E;AAC3E,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,4GAA4G;AAC5G,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/dist/src/components/layout/list/details/CwExpandable.stories.d.ts

@@ -0,0 +1,35 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { type CwExpandableProps } from "./CwExpandable";
+declare const meta: {
+    title: string;
+    component: import("react").FC<CwExpandableProps>;
+    args: {
+        briefing: string;
+        open: false;
+        onToggle: import("storybook/test").Mock<(...args: any[]) => any>;
+        children: import("react").JSX.Element;
+    };
+    argTypes: {
+        briefing: {
+            control: "text";
+        };
+        children: {
+            control: false;
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    decorators: import("@storybook/react").Decorator[];
+    render: (args: CwExpandableProps) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** A native `details` with the chevron on the summary; the section shows under it when open. */
+export declare const Default: Story;
+export declare const Open: Story;
+//# sourceMappingURL=CwExpandable.stories.d.ts.map

package/dist/src/components/layout/list/details/CwExpandable.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwExpandable.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/list/details/CwExpandable.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEtE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CAqByB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,gGAAgG;AAChG,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC"}

package/dist/src/components/layout/list/key-value/CwKeyValueList.stories.d.ts

@@ -0,0 +1,84 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { type GroupStoryArgs } from "../../../../storybook/groupLayoutStoryArgs";
+import { type CwKeyValueListProps } from "./CwKeyValueList";
+type Args = CwKeyValueListProps & GroupStoryArgs;
+declare const meta: {
+    title: string;
+    component: import("react").FC<CwKeyValueListProps>;
+    args: {
+        labelText: string;
+        items: {
+            key: string;
+            label: string;
+            value: any;
+            suffix?: string;
+        }[];
+        emptyValue: string;
+        loading: false;
+        skeletonRows: number;
+        groupDirection: "default" | ("row" | "column");
+        groupAlign: "default" | ("start" | "center" | "end" | "stretch");
+        groupGap: "default" | ("none" | "small" | "medium" | "large");
+        itemDirection: "default" | ("row" | "column");
+        itemGap: "default" | ("none" | "small" | "medium" | "large");
+        feedbackType: "none" | "danger" | "success" | "neutral" | "warning" | "info";
+        feedbackMessage: string;
+    };
+    argTypes: {
+        labelText: {
+            table: {
+                disable: boolean;
+            };
+            control: false;
+        };
+        feedbackType: {
+            table: {
+                disable: boolean;
+            };
+            control: false;
+        };
+        feedbackMessage: {
+            table: {
+                disable: boolean;
+            };
+            control: false;
+        };
+        groupLayout: {
+            control: false;
+        };
+        itemLayout: {
+            control: false;
+        };
+        items: {
+            control: false;
+        };
+        emptyValue: {
+            control: "text";
+        };
+        groupDirection: import("storybook/internal/csf").InputType;
+        groupAlign: import("storybook/internal/csf").InputType;
+        groupGap: import("storybook/internal/csf").InputType;
+        itemDirection: import("storybook/internal/csf").InputType;
+        itemGap: import("storybook/internal/csf").InputType;
+    };
+    render: (args: Args) => import("react").JSX.Element;
+    parameters: {
+        docs: {
+            source: {
+                transform: (_code: string, storyContext: {
+                    args: Record<string, unknown>;
+                }) => string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Label and value per row; an empty value shows `emptyValue`, a `suffix` follows the value. The list stacks its rows under 300px. */
+export declare const Default: Story;
+/** `groupLayout.direction="row"` flows the pairs into an auto-fit grid. */
+export declare const Grid: Story;
+/** `itemLayout.direction="column"` puts each label above its value. */
+export declare const StackedItems: Story;
+export declare const Loading: Story;
+//# sourceMappingURL=CwKeyValueList.stories.d.ts.map

package/dist/src/components/layout/list/key-value/CwKeyValueList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwKeyValueList.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/list/key-value/CwKeyValueList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAA6E,KAAK,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAE5J,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,KAAK,IAAI,GAAG,mBAAmB,GAAG,cAAc,CAAC;AAcjD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BY,CAAC;AAEvB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,sIAAsI;AACtI,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,2EAA2E;AAC3E,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,uEAAuE;AACvE,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/dist/src/components/layout/list/sortable/CwSortableList.stories.d.ts

@@ -0,0 +1,49 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { type ProjectRow } from "../../../../storybook/sampleRows";
+import { type CwSortableListProps } from "./CwSortableList";
+type SortableProject = ProjectRow & {
+    id: string;
+};
+declare const meta: {
+    title: string;
+    component: (props: CwSortableListProps<SortableProject>) => React.JSX.Element;
+    args: {
+        items: SortableProject[];
+        renderItem: (item: SortableProject) => {
+            title: string;
+            extraContent: import("react").JSX.Element;
+            actions: import("react").JSX.Element;
+            expandedContent: import("react").JSX.Element | undefined;
+        };
+        onReorder: import("storybook/test").Mock<(...args: any[]) => any>;
+        readOnly: false;
+        maxHeight: string;
+        emptyMessage: string;
+    };
+    argTypes: {
+        items: {
+            control: false;
+        };
+        renderItem: {
+            control: false;
+        };
+        movedItems: {
+            control: false;
+        };
+        emptyMessage: {
+            control: "text";
+        };
+        maxHeight: {
+            control: "text";
+        };
+    };
+    render: (args: CwSortableListProps<SortableProject>) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Drag a row by its handle. A moved row gets the primary accent; a row with `expandedContent` shows a chevron instead of the handle. */
+export declare const Default: Story;
+/** `readOnly` hides the handles and disables dragging; the rows keep their actions. */
+export declare const ReadOnly: Story;
+export declare const Empty: Story;
+//# sourceMappingURL=CwSortableList.stories.d.ts.map

package/dist/src/components/layout/list/sortable/CwSortableList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwSortableList.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/list/sortable/CwSortableList.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAIjF,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAG5E,KAAK,eAAe,GAAG,UAAU,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAiCnD,QAAA,MAAM,IAAI;;eAGoB,CAAC,KAAK,EAAE,mBAAmB,CAAC,eAAe,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO;;;2BAhCnE,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDU,CAAC;AAEvD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,yIAAyI;AACzI,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,uFAAuF;AACvF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC"}