@rosettadash/vue 0.1.1

package/src/layout/accordion/accordion.d.ts

@@ -0,0 +1,59 @@
+import { type PropType, type SlotsType, type VNode } from 'vue';
+/** Public props contract for layout/accordion (parity with web-components). */
+export interface AccordionProps {
+    title: string;
+    /** Controlled open state — use with `v-model:open`. */
+    open?: boolean;
+    defaultOpen?: boolean;
+    className?: string;
+}
+export declare const Accordion: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    open: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:open': (_open: boolean) => true;
+    toggle: (_open: boolean) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    open: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onToggle?: ((_open: boolean) => any) | undefined;
+    "onUpdate:open"?: ((_open: boolean) => any) | undefined;
+}>, {
+    className: string | undefined;
+    open: boolean | undefined;
+    defaultOpen: boolean;
+}, SlotsType<{
+    default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type AccordionComponent = typeof Accordion;

package/src/layout/accordion/accordion.js

@@ -0,0 +1,72 @@
+import { computed, defineComponent, h, ref, watch, } from 'vue';
+export const Accordion = defineComponent({
+    name: 'RdAccordion',
+    props: {
+        title: { type: String, required: true },
+        // default undefined so absent ≠ false (Vue Boolean casting)
+        open: {
+            type: Boolean,
+            default: undefined,
+        },
+        defaultOpen: { type: Boolean, default: false },
+        className: { type: String, default: undefined },
+    },
+    emits: {
+        'update:open': (_open) => true,
+        toggle: (_open) => true,
+    },
+    slots: Object,
+    setup(props, { emit, slots, attrs }) {
+        const uncontrolledOpen = ref(props.defaultOpen);
+        watch(() => props.defaultOpen, (next) => {
+            if (props.open === undefined) {
+                uncontrolledOpen.value = next;
+            }
+        });
+        const isOpen = computed(() => props.open !== undefined ? props.open : uncontrolledOpen.value);
+        function setOpen(next) {
+            if (props.open === undefined) {
+                uncontrolledOpen.value = next;
+            }
+            emit('update:open', next);
+            emit('toggle', next);
+        }
+        function onToggle() {
+            setOpen(!isOpen.value);
+        }
+        return () => {
+            var _a, _b;
+            const rootClass = [
+                'rd-accordion',
+                isOpen.value ? 'rd-accordion--open' : '',
+                (_a = props.className) !== null && _a !== void 0 ? _a : '',
+                typeof attrs.class === 'string' ? attrs.class : '',
+            ]
+                .filter(Boolean)
+                .join(' ');
+            return h('section', {
+                class: rootClass,
+                'data-testid': 'rd-accordion',
+            }, [
+                h('button', {
+                    type: 'button',
+                    class: 'rd-accordion__header',
+                    'aria-expanded': isOpen.value ? 'true' : 'false',
+                    'aria-controls': 'rd-accordion-panel',
+                    onClick: onToggle,
+                }, [
+                    h('span', { class: 'rd-accordion__title' }, props.title),
+                    h('span', { class: 'rd-accordion__chevron', 'aria-hidden': 'true' }, '›'),
+                ]),
+                isOpen.value
+                    ? h('div', {
+                        class: 'rd-accordion__panel',
+                        id: 'rd-accordion-panel',
+                        role: 'region',
+                    }, (_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots))
+                    : null,
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=accordion.js.map

package/src/layout/accordion/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/layout/accordion/accordion.ts"],"names":[],"mappings":"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"}

package/src/layout/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export type { AccordionProps, AccordionComponent } from './accordion';
+export { Accordion } from './accordion';

package/src/layout/accordion/index.js

@@ -0,0 +1,2 @@
+export { Accordion } from './accordion';
+//# sourceMappingURL=index.js.map

package/src/layout/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/layout/accordion/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/src/layout/accordion-link-list/accordion-link-list.d.ts

@@ -0,0 +1,82 @@
+import { type PropType } from 'vue';
+import { type LinkListItem } from '../../visual/link-list/link-list';
+/** Public props for the accordion + link-list recipe. */
+export interface AccordionLinkListProps {
+    title: string;
+    /** Controlled open state — use with `v-model:open`. */
+    open?: boolean;
+    defaultOpen?: boolean;
+    className?: string;
+    items?: LinkListItem[];
+    dense?: boolean;
+}
+/**
+ * Recipe: collapsible nav / TOC composed from Accordion + LinkList.
+ * Prefer this helper when the accordion only wraps a link list.
+ */
+export declare const AccordionLinkList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    open: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    items: {
+        type: PropType<LinkListItem[]>;
+        default: () => never[];
+    };
+    dense: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:open': (_open: boolean) => true;
+    toggle: (_open: boolean) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    open: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    items: {
+        type: PropType<LinkListItem[]>;
+        default: () => never[];
+    };
+    dense: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onToggle?: ((_open: boolean) => any) | undefined;
+    "onUpdate:open"?: ((_open: boolean) => any) | undefined;
+}>, {
+    className: string | undefined;
+    open: boolean | undefined;
+    defaultOpen: boolean;
+    items: LinkListItem[];
+    dense: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type AccordionLinkListComponent = typeof AccordionLinkList;

package/src/layout/accordion-link-list/accordion-link-list.js

@@ -0,0 +1,46 @@
+import { defineComponent, h } from 'vue';
+import { Accordion } from '../accordion/accordion';
+import { LinkList, } from '../../visual/link-list/link-list';
+/**
+ * Recipe: collapsible nav / TOC composed from Accordion + LinkList.
+ * Prefer this helper when the accordion only wraps a link list.
+ */
+export const AccordionLinkList = defineComponent({
+    name: 'RdAccordionLinkList',
+    props: {
+        title: { type: String, required: true },
+        open: {
+            type: Boolean,
+            default: undefined,
+        },
+        defaultOpen: { type: Boolean, default: false },
+        className: { type: String, default: undefined },
+        items: {
+            type: Array,
+            default: () => [],
+        },
+        dense: { type: Boolean, default: false },
+    },
+    emits: {
+        'update:open': (_open) => true,
+        toggle: (_open) => true,
+    },
+    setup(props, { emit }) {
+        return () => h(Accordion, {
+            title: props.title,
+            open: props.open,
+            defaultOpen: props.defaultOpen,
+            className: ['rd-accordion-link-list', props.className]
+                .filter(Boolean)
+                .join(' '),
+            'onUpdate:open': (next) => emit('update:open', next),
+            onToggle: (next) => emit('toggle', next),
+        }, {
+            default: () => h(LinkList, {
+                items: props.items,
+                dense: props.dense,
+            }),
+        });
+    },
+});
+//# sourceMappingURL=accordion-link-list.js.map

package/src/layout/accordion-link-list/accordion-link-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-link-list.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/layout/accordion-link-list/accordion-link-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAiB,MAAM,KAAK,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EACL,QAAQ,GAET,MAAM,kCAAkC,CAAC;AAa1C;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC;IAC/C,IAAI,EAAE,qBAAqB;IAC3B,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;QACvC,IAAI,EAAE;YACJ,IAAI,EAAE,OAAwC;YAC9C,OAAO,EAAE,SAAS;SACnB;QACD,WAAW,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC9C,SAAS,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/E,KAAK,EAAE;YACL,IAAI,EAAE,KAAiC;YACvC,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE;SAClB;QACD,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;KACzC;IACD,KAAK,EAAE;QACL,aAAa,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI;QACvC,MAAM,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,IAAI;KACjC;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE;QACnB,OAAO,GAAG,EAAE,CACV,CAAC,CACC,SAAS,EACT;YACE,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,SAAS,EAAE,CAAC,wBAAwB,EAAE,KAAK,CAAC,SAAS,CAAC;iBACnD,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,GAAG,CAAC;YACZ,eAAe,EAAE,CAAC,IAAa,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC;YAC7D,QAAQ,EAAE,CAAC,IAAa,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;SAClD,EACD;YACE,OAAO,EAAE,GAAG,EAAE,CACZ,CAAC,CAAC,QAAQ,EAAE;gBACV,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,KAAK,EAAE,KAAK,CAAC,KAAK;aACnB,CAAC;SACL,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}

package/src/layout/accordion-link-list/index.d.ts

@@ -0,0 +1,2 @@
+export type { AccordionLinkListProps, AccordionLinkListComponent, } from './accordion-link-list';
+export { AccordionLinkList } from './accordion-link-list';

package/src/layout/accordion-link-list/index.js

@@ -0,0 +1,2 @@
+export { AccordionLinkList } from './accordion-link-list';
+//# sourceMappingURL=index.js.map

package/src/layout/accordion-link-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/layout/accordion-link-list/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}

package/src/layout/collapsible/collapsible.d.ts

@@ -0,0 +1,54 @@
+import { type PropType, type SlotsType, type VNode } from 'vue';
+export interface CollapsibleProps {
+    title?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+}
+/** @rosettadash/vue/layout/collapsible — layout.collapsible */
+export declare const Collapsible: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    title: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    open: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    title: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    open: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string | undefined;
+    title: string | undefined;
+    open: boolean | undefined;
+    defaultOpen: boolean | undefined;
+}, SlotsType<{
+    default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type CollapsibleComponent = typeof Collapsible;

package/src/layout/collapsible/collapsible.js

@@ -0,0 +1,25 @@
+import { defineComponent, h } from 'vue';
+/** @rosettadash/vue/layout/collapsible — layout.collapsible */
+export const Collapsible = defineComponent({
+    name: 'RdCollapsible',
+    props: {
+        className: { type: String, default: undefined },
+        title: { type: String, default: undefined },
+        open: { type: Boolean, default: undefined },
+        defaultOpen: { type: Boolean, default: undefined },
+    },
+    slots: Object,
+    setup(props, { slots, attrs }) {
+        return () => {
+            var _a, _b, _c, _d;
+            const rootClass = ['rd-collapsible', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
+            return h('section', { class: rootClass, 'data-testid': 'rd-collapsible' }, [
+                h('button', { type: 'button', class: 'rd-collapsible__header', 'aria-expanded': ((_b = (_a = props.open) !== null && _a !== void 0 ? _a : props.defaultOpen) !== null && _b !== void 0 ? _b : false) ? 'true' : 'false' }, [
+                    h('span', null, (_c = props.title) !== null && _c !== void 0 ? _c : 'Section'),
+                ]),
+                h('div', { class: 'rd-collapsible__panel' }, (_d = slots.default) === null || _d === void 0 ? void 0 : _d.call(slots)),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=collapsible.js.map

package/src/layout/collapsible/collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/layout/collapsible/collapsible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAA6C,MAAM,KAAK,CAAC;AAUpF,+DAA+D;AAC/D,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE;QACL,SAAS,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/E,KAAK,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3E,IAAI,EAAE,EAAE,IAAI,EAAE,OAAwC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC5E,WAAW,EAAE,EAAE,IAAI,EAAE,OAAwC,EAAE,OAAO,EAAE,SAAS,EAAE;KACpF;IACD,KAAK,EAAE,MAAgD;IACvD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;;YACV,MAAM,SAAS,GAAG,CAAC,gBAAgB,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACpI,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,EAAE;gBAC3E,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,wBAAwB,EAAE,eAAe,EAAE,CAAA,MAAA,MAAA,KAAK,CAAC,IAAI,mCAAI,KAAK,CAAC,WAAW,mCAAI,KAAK,EAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE;oBAC7I,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,SAAS,CAAC;iBAC1C,CAAC;gBACF,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE,MAAA,KAAK,CAAC,OAAO,qDAAI,CAAC;aAChE,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/src/layout/collapsible/index.d.ts

@@ -0,0 +1,2 @@
+export type { CollapsibleProps, CollapsibleComponent } from './collapsible';
+export { Collapsible } from './collapsible';

package/src/layout/collapsible/index.js

@@ -0,0 +1,2 @@
+export { Collapsible } from './collapsible';
+//# sourceMappingURL=index.js.map

package/src/layout/collapsible/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/layout/collapsible/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/src/layout/flex/flex-layout.d.ts

@@ -0,0 +1,53 @@
+import { type PropType, type SlotsType, type VNode } from 'vue';
+export interface FlexLayoutProps {
+    title?: string;
+    direction?: 'row' | 'column';
+    gap?: number | string;
+    className?: string;
+}
+/** @rosettadash/vue/layout/flex — layout.flex */
+export declare const FlexLayout: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    title: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    direction: {
+        type: PropType<"row" | "column" | undefined>;
+        default: undefined;
+    };
+    gap: {
+        type: PropType<number | string | undefined>;
+        default: undefined;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    title: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    direction: {
+        type: PropType<"row" | "column" | undefined>;
+        default: undefined;
+    };
+    gap: {
+        type: PropType<number | string | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string | undefined;
+    title: string | undefined;
+    direction: "row" | "column" | undefined;
+    gap: string | number | undefined;
+}, SlotsType<{
+    default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type FlexLayoutComponent = typeof FlexLayout;

package/src/layout/flex/flex-layout.js

@@ -0,0 +1,26 @@
+import { defineComponent, h } from 'vue';
+/** @rosettadash/vue/layout/flex — layout.flex */
+export const FlexLayout = defineComponent({
+    name: 'RdFlexLayout',
+    props: {
+        className: { type: String, default: undefined },
+        title: { type: String, default: undefined },
+        direction: { type: String, default: undefined },
+        gap: { type: String, default: undefined },
+    },
+    slots: Object,
+    setup(props, { slots, attrs }) {
+        function flexGap() {
+            return typeof props.gap === 'number' ? props.gap : 12;
+        }
+        return () => {
+            var _a, _b;
+            const rootClass = ['rd-flex', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
+            return h('section', { class: rootClass, 'data-testid': 'rd-flex' }, [
+                props.title ? h('span', { class: 'rd-flex__title' }, props.title) : null,
+                h('div', { class: 'rd-flex__flex', style: { flexDirection: (_a = props.direction) !== null && _a !== void 0 ? _a : 'row', gap: `${flexGap()}px` } }, (_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots)),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=flex-layout.js.map

package/src/layout/flex/flex-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex-layout.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/layout/flex/flex-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAA6C,MAAM,KAAK,CAAC;AASpF,iDAAiD;AACjD,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE;QACL,SAAS,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/E,KAAK,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3E,SAAS,EAAE,EAAE,IAAI,EAAE,MAAgD,EAAE,OAAO,EAAE,SAAS,EAAE;QACzF,GAAG,EAAE,EAAE,IAAI,EAAE,MAA+C,EAAE,OAAO,EAAE,SAAS,EAAE;KACnF;IACD,KAAK,EAAE,MAAgD;IACvD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,SAAS,OAAO;YACd,OAAO,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QACxD,CAAC;QACD,OAAO,GAAG,EAAE;;YACV,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC7H,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE;gBACpE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;gBACxE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,aAAa,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,KAAK,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,MAAA,KAAK,CAAC,OAAO,qDAAI,CAAC;aACnI,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/src/layout/flex/index.d.ts

@@ -0,0 +1,2 @@
+export type { FlexLayoutProps, FlexLayoutComponent } from './flex-layout';
+export { FlexLayout } from './flex-layout';

package/src/layout/flex/index.js

@@ -0,0 +1,2 @@
+export { FlexLayout } from './flex-layout';
+//# sourceMappingURL=index.js.map

package/src/layout/flex/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/layout/flex/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/src/layout/grid/grid-layout.d.ts

@@ -0,0 +1,53 @@
+import { type PropType, type SlotsType, type VNode } from 'vue';
+export interface GridLayoutProps {
+    title?: string;
+    columns?: number;
+    gap?: number | string;
+    className?: string;
+}
+/** @rosettadash/vue/layout/grid — layout.grid */
+export declare const GridLayout: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    title: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    columns: {
+        type: PropType<number | undefined>;
+        default: undefined;
+    };
+    gap: {
+        type: PropType<number | string | undefined>;
+        default: undefined;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    title: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    columns: {
+        type: PropType<number | undefined>;
+        default: undefined;
+    };
+    gap: {
+        type: PropType<number | string | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string | undefined;
+    title: string | undefined;
+    gap: string | number | undefined;
+    columns: number | undefined;
+}, SlotsType<{
+    default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type GridLayoutComponent = typeof GridLayout;

package/src/layout/grid/grid-layout.js

@@ -0,0 +1,30 @@
+import { defineComponent, h } from 'vue';
+/** @rosettadash/vue/layout/grid — layout.grid */
+export const GridLayout = defineComponent({
+    name: 'RdGridLayout',
+    props: {
+        className: { type: String, default: undefined },
+        title: { type: String, default: undefined },
+        columns: { type: Number, default: undefined },
+        gap: { type: String, default: undefined },
+    },
+    slots: Object,
+    setup(props, { slots, attrs }) {
+        function gridColumns() {
+            var _a;
+            return `repeat(${(_a = props.columns) !== null && _a !== void 0 ? _a : 3}, 1fr)`;
+        }
+        function gridGap() {
+            return typeof props.gap === 'number' ? props.gap : 12;
+        }
+        return () => {
+            var _a;
+            const rootClass = ['rd-grid', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
+            return h('section', { class: rootClass, 'data-testid': 'rd-grid' }, [
+                props.title ? h('span', { class: 'rd-grid__title' }, props.title) : null,
+                h('div', { class: 'rd-grid__grid', style: { gridTemplateColumns: gridColumns(), gap: `${gridGap()}px` } }, (_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=grid-layout.js.map

package/src/layout/grid/grid-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-layout.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/layout/grid/grid-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAA6C,MAAM,KAAK,CAAC;AASpF,iDAAiD;AACjD,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE;QACL,SAAS,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/E,KAAK,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3E,OAAO,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC7E,GAAG,EAAE,EAAE,IAAI,EAAE,MAA+C,EAAE,OAAO,EAAE,SAAS,EAAE;KACnF;IACD,KAAK,EAAE,MAAgD;IACvD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,SAAS,WAAW;;YAClB,OAAO,UAAU,MAAA,KAAK,CAAC,OAAO,mCAAI,CAAC,QAAQ,CAAC;QAC9C,CAAC;QACD,SAAS,OAAO;YACd,OAAO,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QACxD,CAAC;QACD,OAAO,GAAG,EAAE;;YACV,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC7H,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE;gBACpE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;gBACxE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,WAAW,EAAE,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,EAAE,EAAE,MAAA,KAAK,CAAC,OAAO,qDAAI,CAAC;aAC9H,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/src/layout/grid/index.d.ts

@@ -0,0 +1,2 @@
+export type { GridLayoutProps, GridLayoutComponent } from './grid-layout';
+export { GridLayout } from './grid-layout';

package/src/layout/grid/index.js

@@ -0,0 +1,2 @@
+export { GridLayout } from './grid-layout';
+//# sourceMappingURL=index.js.map

package/src/layout/grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/layout/grid/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/src/layout/modal/index.d.ts

@@ -0,0 +1,2 @@
+export type { ModalLayoutProps, ModalLayoutComponent } from './modal-layout';
+export { ModalLayout } from './modal-layout';

package/src/layout/modal/index.js

@@ -0,0 +1,2 @@
+export { ModalLayout } from './modal-layout';
+//# sourceMappingURL=index.js.map

package/src/layout/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/layout/modal/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}