@cwellt_software/cwellt-reactjs-lib 1.5.4 → 1.6.0

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.d.ts

@@ -13,6 +13,11 @@ export interface ConfirmationPopupProps {
     placement?: 'top' | 'right' | 'bottom' | 'left';
     children: ReactNode;
 }
+/**
+ * Small anchored confirmation for a destructive action.
+ *
+ * Preferably avoid using it, it needs a refactor.
+ */
 export declare function CwConfirmationPopup(props: ConfirmationPopupProps): React.JSX.Element;
 export default CwConfirmationPopup;
 //# sourceMappingURL=CwConfirmationPopup.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CwConfirmationPopup.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/confirmation-popup/CwConfirmationPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAA+B,MAAM,OAAO,CAAC;AAGlF,MAAM,WAAW,QAAQ;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,sBAAsB;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChD,QAAQ,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,sBAAsB,qBA6HhE;AAED,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"CwConfirmationPopup.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/confirmation-popup/CwConfirmationPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAA+B,MAAM,OAAO,CAAC;AAGlF,MAAM,WAAW,QAAQ;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,sBAAsB;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChD,QAAQ,EAAE,SAAS,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,sBAAsB,qBA6HhE;AAED,eAAe,mBAAmB,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.d.ts

@@ -23,7 +23,7 @@ export interface CwDialogProps extends HTMLProps<PropsWithChildren<HTMLDialogEle
     onClose?: () => void;
     /** If true, the footer will not be displayed */
     hideFooter?: boolean;
-    /*** Reposition the dialog when content size changes after opening. For modals with slow loading content. Default: false **/
+    /** Reposition the dialog when content size changes after opening. For modals with slow loading content. Default: false */
     autoReposition?: boolean;
     /** If true, the save button will be disabled */
     disableSave?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"CwDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/dialog/CwDialog.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,YAAY,EAAsE,KAAK,SAAS,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AA4C5J,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrF,2DAA2D;IAC3D,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IACnC,2DAA2D;IAC3D,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IACnC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kIAAkI;IAClI,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,uEAAuE;IACvE,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACnE,uFAAuF;IACvF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4HAA4H;IAC5H,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAWD,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAuYtC,CAAC"}
+{"version":3,"file":"CwDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/dialog/CwDialog.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,YAAY,EAAsE,KAAK,SAAS,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AA4C5J,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrF,2DAA2D;IAC3D,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IACnC,2DAA2D;IAC3D,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IACnC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qFAAqF;IACrF,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kIAAkI;IAClI,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,uEAAuE;IACvE,UAAU,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACnE,uFAAuF;IACvF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sDAAsD;IACtD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0HAA0H;IAC1H,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAWD,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAuYtC,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.d.ts

@@ -10,7 +10,8 @@ export interface CwExpandableProps extends Omit<HTMLProps<PropsWithChildren<HTML
     onClose?: (ev: MouseEvent) => void;
 }
 /**
- * An expandable element with briefing and children displayed when clicked
+ * An expandable element with briefing and children displayed when clicked.
+ * Preferably avoid using it, it needs a refactor.
  * @param briefing Title of the expandable
  * @param onToggle Function to run when expandable is toggled open/closed
  * @param onClose Function to run when expandable is closed

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

@@ -1 +1 @@
-{"version":3,"file":"CwExpandable.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/list/details/CwExpandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAEnF,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,EAAE,WAAW,CAAC;IAC7G,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,8CAA8C;IAC9C,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,gDAAgD;IAChD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,KAAK,IAAI,CAAC;CACnC;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA2B9C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAE/B,CAAC"}
+{"version":3,"file":"CwExpandable.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/list/details/CwExpandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAEnF,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,EAAE,WAAW,CAAC;IAC7G,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,8CAA8C;IAC9C,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,gDAAgD;IAChD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,KAAK,IAAI,CAAC;CACnC;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA2B9C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAE/B,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"}

package/dist/src/components/layout/master-detail/CwMasterDetail.stories.d.ts

@@ -0,0 +1,71 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { type CwMasterDetailItem, type CwMasterDetailProps } from "./CwMasterDetail";
+declare const meta: {
+    title: string;
+    component: import("react").FC<CwMasterDetailProps>;
+    args: {
+        items: CwMasterDetailItem[];
+        selectedKey: string;
+        onSelect: import("storybook/test").Mock<(...args: any[]) => any>;
+        onSearch: import("storybook/test").Mock<(...args: any[]) => any>;
+        searchPlaceholder: string;
+        masterFooter: string;
+        masterWidth: number;
+        minMasterWidth: number;
+        maxMasterWidth: number;
+        resizable: true;
+        showSearch: true;
+        loading: false;
+        skeletonRows: number;
+        emptyDetail: string;
+    };
+    argTypes: {
+        items: {
+            control: false;
+        };
+        detailContent: {
+            control: false;
+        };
+        masterHeader: {
+            control: false;
+        };
+        masterFooter: {
+            control: "text";
+        };
+        emptyDetail: {
+            control: "text";
+        };
+    };
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        id?: string | undefined;
+        className?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        items: CwMasterDetailItem[];
+        selectedKey?: string | undefined;
+        onSelect?: ((key: string) => void) | undefined;
+        detailContent?: import("react").ReactNode;
+        emptyDetail?: import("react").ReactNode;
+        searchPlaceholder?: string | undefined;
+        onSearch?: ((value: string) => void) | undefined;
+        masterHeader?: import("react").ReactNode;
+        masterFooter?: import("react").ReactNode;
+        masterWidth?: number | undefined;
+        minMasterWidth?: number | undefined;
+        maxMasterWidth?: number | undefined;
+        resizable?: boolean | undefined;
+        showSearch?: boolean | undefined;
+        loading?: boolean | undefined;
+        skeletonRows?: number | undefined;
+    }>) => import("react").JSX.Element)[];
+    render: (args: CwMasterDetailProps) => import("react").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Search, list and footer on the left, detail on the right; drag the divider to resize the master panel. A disabled item is dimmed. */
+export declare const Default: Story;
+/** No selection yet: the detail panel shows `emptyDetail`. */
+export declare const NothingSelected: Story;
+/** `showSearch={false}` and `resizable={false}` for a fixed list without filtering. */
+export declare const Plain: Story;
+export declare const Loading: Story;
+//# sourceMappingURL=CwMasterDetail.stories.d.ts.map

package/dist/src/components/layout/master-detail/CwMasterDetail.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwMasterDetail.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/master-detail/CwMasterDetail.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM5D,OAAO,EAAkB,KAAK,kBAAkB,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AA+CrG,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmC2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,wIAAwI;AACxI,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,8DAA8D;AAC9D,eAAO,MAAM,eAAe,EAAE,KAE7B,CAAC;AAEF,uFAAuF;AACvF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/dist/src/components/layout/modal/hover/CwModalHover.d.ts

@@ -6,7 +6,8 @@ export interface CwModalHoverProps extends Omit<HTMLProps<HTMLDialogElement>, "c
     hovereable: JSX.Element;
 }
 /**
- * A modal that appears when an element is hovered
+ * A modal that appears when an element is hovered.
+ * Preferably avoid using it, it needs a refactor.
  * @param children Contents of the modal
  * @param hovereable Element to hover to display the modal
  * @param onFirstOpened Function to run only once when the modal opens for the first time

package/dist/src/components/layout/modal/hover/CwModalHover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CwModalHover.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/modal/hover/CwModalHover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAEzD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IACzF,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,6CAA6C;IAC7C,UAAU,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAsE9C,CAAC"}
+{"version":3,"file":"CwModalHover.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/modal/hover/CwModalHover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAEzD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IACzF,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,6CAA6C;IAC7C,UAAU,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAsE9C,CAAC"}