@cwellt_software/cwellt-reactjs-lib 1.5.4 → 1.6.0

package/dist/src/components/layout/align/CwAlign.stories.d.ts

@@ -0,0 +1,439 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { CwAlign } from "./CwAlign";
+declare const meta: {
+    title: string;
+    component: typeof CwAlign;
+    args: {
+        flexDirection: "row";
+        justifyContent: "flex-start";
+        alignItems: "center";
+        flexWrap: "nowrap";
+        gap: "1rem";
+        padding: "1rem";
+        children: import("react").JSX.Element;
+    };
+    argTypes: {
+        flexDirection: {
+            control: "inline-radio";
+            options: string[];
+        };
+        justifyContent: {
+            control: "select";
+            options: string[];
+        };
+        alignItems: {
+            control: "select";
+            options: string[];
+        };
+        flexWrap: {
+            control: "inline-radio";
+            options: string[];
+        };
+        gap: {
+            control: "text";
+        };
+        padding: {
+            control: "text";
+        };
+        children: {
+            control: false;
+        };
+    };
+    decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
+        alignContent?: import("csstype").Property.AlignContent | undefined;
+        alignItems?: import("csstype").Property.AlignItems | undefined;
+        alignSelf?: import("csstype").Property.AlignSelf | undefined;
+        bottom?: import("csstype").Property.Bottom | undefined;
+        display?: import("csstype").Property.Display | undefined;
+        flexBasis?: import("csstype").Property.FlexBasis | undefined;
+        flexDirection?: import("csstype").Property.FlexDirection | undefined;
+        flexGrow?: import("csstype").Property.FlexGrow | undefined;
+        flexShrink?: import("csstype").Property.FlexShrink | undefined;
+        flexWrap?: import("csstype").Property.FlexWrap | undefined;
+        cssHeight?: import("csstype").Property.Height | undefined;
+        justifyContent?: import("csstype").Property.JustifyContent | undefined;
+        left?: import("csstype").Property.Left | undefined;
+        margin?: import("csstype").Property.Margin | undefined;
+        order?: import("csstype").Property.Order | undefined;
+        padding?: import("csstype").Property.Padding | undefined;
+        position?: import("csstype").Property.Position | undefined;
+        right?: import("csstype").Property.Right | undefined;
+        top?: import("csstype").Property.Top | undefined;
+        cssWidth?: import("csstype").Property.Width | undefined;
+        gap?: import("csstype").Property.Gap | undefined;
+        start?: number | undefined | undefined;
+        children?: import("react").ReactNode;
+        accept?: string | undefined | undefined;
+        acceptCharset?: string | undefined | undefined;
+        action?: string | undefined;
+        allowFullScreen?: boolean | undefined | undefined;
+        allowTransparency?: boolean | undefined | undefined;
+        alt?: string | undefined | undefined;
+        as?: string | undefined | undefined;
+        async?: boolean | undefined | undefined;
+        autoComplete?: string | undefined | undefined;
+        autoPlay?: boolean | undefined | undefined;
+        capture?: boolean | "user" | "environment" | undefined | undefined;
+        cellPadding?: number | string | undefined | undefined;
+        cellSpacing?: number | string | undefined | undefined;
+        charSet?: string | undefined | undefined;
+        challenge?: string | undefined | undefined;
+        checked?: boolean | undefined | undefined;
+        cite?: string | undefined | undefined;
+        classID?: string | undefined | undefined;
+        cols?: number | undefined | undefined;
+        colSpan?: number | undefined | undefined;
+        controls?: boolean | undefined | undefined;
+        coords?: string | undefined | undefined;
+        crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
+        data?: string | undefined | undefined;
+        dateTime?: string | undefined | undefined;
+        default?: boolean | undefined | undefined;
+        defer?: boolean | undefined | undefined;
+        disabled?: boolean | undefined | undefined;
+        download?: any;
+        encType?: string | undefined | undefined;
+        form?: string | undefined | undefined;
+        formAction?: string | undefined;
+        formEncType?: string | undefined | undefined;
+        formMethod?: string | undefined | undefined;
+        formNoValidate?: boolean | undefined | undefined;
+        formTarget?: string | undefined | undefined;
+        frameBorder?: number | string | undefined | undefined;
+        headers?: string | undefined | undefined;
+        height?: number | string | undefined | undefined;
+        high?: number | undefined | undefined;
+        href?: string | undefined | undefined;
+        hrefLang?: string | undefined | undefined;
+        htmlFor?: string | undefined | undefined;
+        httpEquiv?: string | undefined | undefined;
+        integrity?: string | undefined | undefined;
+        keyParams?: string | undefined | undefined;
+        keyType?: string | undefined | undefined;
+        kind?: string | undefined | undefined;
+        label?: string | undefined | undefined;
+        list?: string | undefined | undefined;
+        loop?: boolean | undefined | undefined;
+        low?: number | undefined | undefined;
+        manifest?: string | undefined | undefined;
+        marginHeight?: number | undefined | undefined;
+        marginWidth?: number | undefined | undefined;
+        max?: number | string | undefined | undefined;
+        maxLength?: number | undefined | undefined;
+        media?: string | undefined | undefined;
+        mediaGroup?: string | undefined | undefined;
+        method?: string | undefined | undefined;
+        min?: number | string | undefined | undefined;
+        minLength?: number | undefined | undefined;
+        multiple?: boolean | undefined | undefined;
+        muted?: boolean | undefined | undefined;
+        name?: string | undefined | undefined;
+        noValidate?: boolean | undefined | undefined;
+        open?: boolean | undefined | undefined;
+        optimum?: number | undefined | undefined;
+        pattern?: string | undefined | undefined;
+        placeholder?: string | undefined | undefined;
+        playsInline?: boolean | undefined | undefined;
+        poster?: string | undefined | undefined;
+        preload?: string | undefined | undefined;
+        readOnly?: boolean | undefined | undefined;
+        required?: boolean | undefined | undefined;
+        reversed?: boolean | undefined | undefined;
+        rows?: number | undefined | undefined;
+        rowSpan?: number | undefined | undefined;
+        sandbox?: string | undefined | undefined;
+        scope?: string | undefined | undefined;
+        scoped?: boolean | undefined | undefined;
+        scrolling?: string | undefined | undefined;
+        seamless?: boolean | undefined | undefined;
+        selected?: boolean | undefined | undefined;
+        shape?: string | undefined | undefined;
+        size?: number | undefined | undefined;
+        sizes?: string | undefined | undefined;
+        span?: number | undefined | undefined;
+        src?: string | undefined | undefined;
+        srcDoc?: string | undefined | undefined;
+        srcLang?: string | undefined | undefined;
+        srcSet?: string | undefined | undefined;
+        step?: number | string | undefined | undefined;
+        summary?: string | undefined | undefined;
+        target?: string | undefined | undefined;
+        type?: string | undefined | undefined;
+        useMap?: string | undefined | undefined;
+        value?: string | number | readonly string[] | undefined;
+        width?: number | string | undefined | undefined;
+        wmode?: string | undefined | undefined;
+        wrap?: string | undefined | undefined;
+        defaultChecked?: boolean | undefined | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
+        accessKey?: string | undefined | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+        autoFocus?: boolean | undefined | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contextMenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        hidden?: boolean | undefined | undefined;
+        id?: string | undefined | undefined;
+        lang?: string | undefined | undefined;
+        nonce?: string | undefined | undefined;
+        slot?: string | undefined | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        tabIndex?: number | undefined | undefined;
+        title?: string | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        radioGroup?: string | undefined | undefined;
+        role?: import("react").AriaRole | undefined;
+        about?: string | undefined | undefined;
+        content?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
+        inlist?: any;
+        prefix?: string | undefined | undefined;
+        property?: string | undefined | undefined;
+        rel?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        rev?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        color?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        results?: number | undefined | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        is?: string | undefined | undefined;
+        exportparts?: string | undefined | undefined;
+        part?: string | undefined | undefined;
+        "aria-activedescendant"?: string | undefined | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        "aria-braillelabel"?: string | undefined | undefined;
+        "aria-brailleroledescription"?: string | undefined | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-colcount"?: number | undefined | undefined;
+        "aria-colindex"?: number | undefined | undefined;
+        "aria-colindextext"?: string | undefined | undefined;
+        "aria-colspan"?: number | undefined | undefined;
+        "aria-controls"?: string | undefined | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+        "aria-describedby"?: string | undefined | undefined;
+        "aria-description"?: string | undefined | undefined;
+        "aria-details"?: string | undefined | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+        "aria-errormessage"?: string | undefined | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
+        "aria-flowto"?: string | undefined | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+        "aria-keyshortcuts"?: string | undefined | undefined;
+        "aria-label"?: string | undefined | undefined;
+        "aria-labelledby"?: string | undefined | undefined;
+        "aria-level"?: number | undefined | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+        "aria-owns"?: string | undefined | undefined;
+        "aria-placeholder"?: string | undefined | undefined;
+        "aria-posinset"?: number | undefined | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
+        "aria-roledescription"?: string | undefined | undefined;
+        "aria-rowcount"?: number | undefined | undefined;
+        "aria-rowindex"?: number | undefined | undefined;
+        "aria-rowindextext"?: string | undefined | undefined;
+        "aria-rowspan"?: number | undefined | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
+        "aria-setsize"?: number | undefined | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+        "aria-valuemax"?: number | undefined | undefined;
+        "aria-valuemin"?: number | undefined | undefined;
+        "aria-valuenow"?: number | undefined | undefined;
+        "aria-valuetext"?: string | undefined | undefined;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined | undefined;
+        onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+        onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+        onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+        onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
+        onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
+        onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+        onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+        onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+        onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+        onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+        onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+        onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+        onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+        onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+        onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+        ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
+        key?: import("react").Key | null | undefined;
+    }>) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** A flex box driven by props: every flex and positioning property maps to the same-named CSS property, `cssWidth`/`cssHeight` to width and height. */
+export declare const Default: Story;
+export declare const Centered: Story;
+//# sourceMappingURL=CwAlign.stories.d.ts.map

package/dist/src/components/layout/align/CwAlign.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CwAlign.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/align/CwAlign.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAC;AAEvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,uJAAuJ;AACvJ,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}

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

@@ -3,17 +3,17 @@ import { CwChipProps } from '../../display/text/tag/CwChip';
 import { CwLayoutProps } from '../../../common/interfaces/CwLayoutProps';
 export type CardChip = Omit<CwChipProps, 'closable' | 'onClose' | 'className' | 'style'>;
 export interface CwCardProps {
-    /*** Unique identifier for the card **/
+    /** Unique identifier for the card */
     id?: string;
-    /*** Card title content **/
+    /** Card title content */
     title?: ReactNode;
-    /*** Card subtitle content **/
+    /** Card subtitle content */
     subtitle?: ReactNode;
-    /** @deprecated Use layout.align instead ("left" → "start", "center" → "center") **/
+    /** @deprecated Use layout.align instead ("left" → "start", "center" → "center") */
     alignment?: "center" | "left";
-    /*** Main content of the card **/
+    /** Main content of the card */
     children: ReactNode;
-    /*** Footer content of the card **/
+    /** Footer content of the card */
     footer?: ReactNode;
     /** Optional callback for edit action - displays edit button when provided */
     onEdit?: () => void;
@@ -21,27 +21,27 @@ export interface CwCardProps {
     onDelete?: () => void;
     /** Additional actions beyond edit/delete (for edge cases) */
     extraActions?: ReactNode;
-    /*** Additional CSS class name to apply **/
+    /** Additional CSS class name to apply */
     className?: string;
-    /*** Whether the card is clickable **/
+    /** Whether the card is clickable */
     clickable?: boolean;
-    /*** Click handler when clickable is true **/
+    /** Click handler when clickable is true */
     onClick?: () => void;
-    /*** Whether the card is in a loading state - the content zone renders skeleton lines instead of children **/
+    /** Whether the card is in a loading state - the content zone renders skeleton lines instead of children */
     isLoading?: boolean;
-    /*** Number of skeleton text lines shown in the content while isLoading. Default 3 **/
+    /** Number of skeleton text lines shown in the content while isLoading. Default 3 */
     skeletonLines?: number;
-    /*** Whether the card is disabled **/
+    /** Whether the card is disabled */
     disabled?: boolean;
-    /*** Custom style object for additional inline styles **/
+    /** Custom style object for additional inline styles */
     style?: React.CSSProperties;
-    /*** Tags or chips to be displayed in the card **/
+    /** Tags or chips to be displayed in the card */
     chips?: CardChip[];
-    /*** Variant design **/
+    /** Variant design */
     variant?: "border" | "shadow";
-    /** @deprecated Use layout.direction instead **/
+    /** @deprecated Use layout.direction instead */
     direction?: "column" | "row";
-    /** Card layout: direction controls card flex direction; align controls header content alignment **/
+    /** Card layout: direction controls card flex direction; align controls header content alignment */
     layout?: CwLayoutProps;
 }
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"CwCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/card/CwCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAU,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AAIzE,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;AAEzF,MAAM,WAAW,WAAW;IAC3B,uCAAuC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2BAA2B;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oFAAoF;IACpF,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC9B,iCAAiC;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,mCAAmC;IACnC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6GAA6G;IAC7G,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sFAAsF;IACtF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,kDAAkD;IAClD,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,uBAAuB;IACvB,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B,gDAAgD;IAChD,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC7B,oGAAoG;IACpG,MAAM,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoJxC,CAAC"}
+{"version":3,"file":"CwCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/card/CwCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAU,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AAIzE,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;AAEzF,MAAM,WAAW,WAAW;IAC3B,qCAAqC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yBAAyB;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mFAAmF;IACnF,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC9B,+BAA+B;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,iCAAiC;IACjC,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2GAA2G;IAC3G,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oFAAoF;IACpF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,gDAAgD;IAChD,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,qBAAqB;IACrB,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC7B,mGAAmG;IACnG,MAAM,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoJxC,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"}