@rosettadash/react 0.1.1

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

@@ -0,0 +1,2 @@
+export type { AccordionProps } 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/react/src/layout/accordion/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,9 @@
+import { type AccordionProps } from '../accordion/Accordion';
+import { type LinkListProps } from '../../visual/link-list/LinkList';
+/** Public props for the accordion + link-list recipe. */
+export interface AccordionLinkListProps extends Omit<AccordionProps, 'children'>, Pick<LinkListProps, 'items' | 'dense'> {
+}
+/**
+ * Recipe: collapsible nav / TOC composed from Accordion + LinkList.
+ */
+export declare const AccordionLinkList: import("react").ForwardRefExoticComponent<AccordionLinkListProps & import("react").RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Accordion } from '../accordion/Accordion';
+import { LinkList } from '../../visual/link-list/LinkList';
+/**
+ * Recipe: collapsible nav / TOC composed from Accordion + LinkList.
+ */
+export const AccordionLinkList = forwardRef(function AccordionLinkList({ title, open, defaultOpen = false, className, style, onOpenChange, onToggle, items = [], dense = false, }, ref) {
+    const recipeClass = ['rd-accordion-link-list', className]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsx(Accordion, { ref: ref, title: title, open: open, defaultOpen: defaultOpen, className: recipeClass, style: style, onOpenChange: onOpenChange, onToggle: onToggle, children: _jsx(LinkList, { items: items, dense: dense }) }));
+});
+//# sourceMappingURL=AccordionLinkList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionLinkList.js","sourceRoot":"","sources":["../../../../../../packages/react/src/layout/accordion-link-list/AccordionLinkList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,SAAS,EAAuB,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAsB,MAAM,iCAAiC,CAAC;AAO/E;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CACzC,SAAS,iBAAiB,CACxB,EACE,KAAK,EACL,IAAI,EACJ,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,KAAK,GACd,EACD,GAAG;IAEH,MAAM,WAAW,GAAG,CAAC,wBAAwB,EAAE,SAAS,CAAC;SACtD,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,YAElB,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,GAC9B,CACb,CAAC;AACJ,CAAC,CACF,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export interface CollapsibleProps {
+    title?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** @rosettadash/react/layout/collapsible — layout.collapsible */
+export declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsibleProps & import("react").RefAttributes<HTMLElement>>;

package/src/layout/collapsible/Collapsible.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/** @rosettadash/react/layout/collapsible — layout.collapsible */
+export const Collapsible = forwardRef(function Collapsible(props, ref) {
+    var _a, _b, _c;
+    const { className, style, children } = props;
+    const rootClass = ['rd-collapsible', className].filter(Boolean).join(' ');
+    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-collapsible", children: [_jsx("button", { type: "button", className: "rd-collapsible__header", "aria-expanded": (_b = (_a = props.open) !== null && _a !== void 0 ? _a : props.defaultOpen) !== null && _b !== void 0 ? _b : false, children: _jsx("span", { children: (_c = props.title) !== null && _c !== void 0 ? _c : 'Section' }) }), _jsx("div", { className: "rd-collapsible__panel", children: children })] }));
+});
+//# sourceMappingURL=Collapsible.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../../../packages/react/src/layout/collapsible/Collapsible.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAYvE,iEAAiE;AACjE,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAgC,SAAS,WAAW,CACvF,KAAK,EACL,GAAG;;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE1E,OAAO,CACL,mBAAS,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,gBAAgB,aACjH,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,wBAAwB,mBAAgB,MAAA,MAAA,KAAK,CAAC,IAAI,mCAAI,KAAK,CAAC,WAAW,mCAAI,KAAK,YAC9G,yBAAO,MAAA,KAAK,CAAC,KAAK,mCAAI,SAAS,GAAQ,GAChC,EACT,cAAK,SAAS,EAAC,uBAAuB,YAAE,QAAQ,GAAO,IAC/C,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

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

package/src/layout/collapsible/index.js

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

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

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

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

@@ -0,0 +1,11 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export interface FlexLayoutProps {
+    title?: string;
+    direction?: 'row' | 'column';
+    gap?: number | string;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** @rosettadash/react/layout/flex — layout.flex */
+export declare const FlexLayout: import("react").ForwardRefExoticComponent<FlexLayoutProps & import("react").RefAttributes<HTMLElement>>;

package/src/layout/flex/FlexLayout.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/** @rosettadash/react/layout/flex — layout.flex */
+export const FlexLayout = forwardRef(function FlexLayout(props, ref) {
+    var _a, _b;
+    const { className, style, children } = props;
+    const rootClass = ['rd-flex', className].filter(Boolean).join(' ');
+    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-flex", children: [props.title ? _jsx("span", { className: "rd-flex__title", children: props.title }) : null, _jsx("div", { className: "rd-flex__flex", style: { flexDirection: (_a = props.direction) !== null && _a !== void 0 ? _a : 'row', gap: (_b = props.gap) !== null && _b !== void 0 ? _b : 12 }, children: children })] }));
+});
+//# sourceMappingURL=FlexLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlexLayout.js","sourceRoot":"","sources":["../../../../../../packages/react/src/layout/flex/FlexLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAWvE,mDAAmD;AACnD,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAA+B,SAAS,UAAU,CACpF,KAAK,EACL,GAAG;;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEnE,OAAO,CACL,mBAAS,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,SAAS,aACzG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,gBAAgB,YAAE,KAAK,CAAC,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC3E,cAAK,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,aAAa,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,KAAK,EAAE,GAAG,EAAE,MAAA,KAAK,CAAC,GAAG,mCAAI,EAAE,EAAE,YAAG,QAAQ,GAAO,IACjH,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

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

package/src/layout/flex/index.js

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

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

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

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

@@ -0,0 +1,11 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export interface GridLayoutProps {
+    title?: string;
+    columns?: number;
+    gap?: number | string;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** @rosettadash/react/layout/grid — layout.grid */
+export declare const GridLayout: import("react").ForwardRefExoticComponent<GridLayoutProps & import("react").RefAttributes<HTMLElement>>;

package/src/layout/grid/GridLayout.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/** @rosettadash/react/layout/grid — layout.grid */
+export const GridLayout = forwardRef(function GridLayout(props, ref) {
+    var _a, _b;
+    const { className, style, children } = props;
+    const rootClass = ['rd-grid', className].filter(Boolean).join(' ');
+    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-grid", children: [props.title ? _jsx("span", { className: "rd-grid__title", children: props.title }) : null, _jsx("div", { className: "rd-grid__grid", style: { gridTemplateColumns: `repeat(${(_a = props.columns) !== null && _a !== void 0 ? _a : 3}, 1fr)`, gap: (_b = props.gap) !== null && _b !== void 0 ? _b : 12 }, children: children })] }));
+});
+//# sourceMappingURL=GridLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridLayout.js","sourceRoot":"","sources":["../../../../../../packages/react/src/layout/grid/GridLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAWvE,mDAAmD;AACnD,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAA+B,SAAS,UAAU,CACpF,KAAK,EACL,GAAG;;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEnE,OAAO,CACL,mBAAS,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,SAAS,aACzG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,gBAAgB,YAAE,KAAK,CAAC,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC3E,cAAK,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,MAAA,KAAK,CAAC,OAAO,mCAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,MAAA,KAAK,CAAC,GAAG,mCAAI,EAAE,EAAE,YAAG,QAAQ,GAAO,IACnI,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

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

package/src/layout/grid/index.js

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

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

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

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

@@ -0,0 +1,13 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export interface ModalLayoutProps {
+    title?: string;
+    body?: string;
+    confirmLabel?: string;
+    open?: boolean;
+    onConfirm?: () => void;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** @rosettadash/react/layout/modal — layout.modal */
+export declare const ModalLayout: import("react").ForwardRefExoticComponent<ModalLayoutProps & import("react").RefAttributes<HTMLElement>>;

package/src/layout/modal/ModalLayout.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/** @rosettadash/react/layout/modal — layout.modal */
+export const ModalLayout = forwardRef(function ModalLayout(props, ref) {
+    var _a, _b;
+    const { className, style, children } = props;
+    const rootClass = ['rd-modal', className].filter(Boolean).join(' ');
+    return (_jsx("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-modal", role: "dialog", "aria-modal": "true", children: _jsxs("div", { className: "rd-modal__dialog", children: [_jsx("span", { className: "rd-modal__title", children: (_a = props.title) !== null && _a !== void 0 ? _a : 'Dialog' }), props.body ? _jsx("p", { className: "rd-modal__body", children: props.body }) : null, _jsx("button", { type: "button", className: "rd-modal__confirm", onClick: () => { var _a; return (_a = props.onConfirm) === null || _a === void 0 ? void 0 : _a.call(props); }, children: (_b = props.confirmLabel) !== null && _b !== void 0 ? _b : 'Confirm' }), children] }) }));
+});
+//# sourceMappingURL=ModalLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalLayout.js","sourceRoot":"","sources":["../../../../../../packages/react/src/layout/modal/ModalLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAavE,qDAAqD;AACrD,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAgC,SAAS,WAAW,CACvF,KAAK,EACL,GAAG;;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEpE,OAAO,CACL,kBAAS,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,UAAU,EAAC,IAAI,EAAC,QAAQ,gBAAY,MAAM,YAC3I,eAAK,SAAS,EAAC,kBAAkB,aAC/B,eAAM,SAAS,EAAC,iBAAiB,YAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,QAAQ,GAAQ,EACjE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,gBAAgB,YAAE,KAAK,CAAC,IAAI,GAAK,CAAC,CAAC,CAAC,IAAI,EACnE,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,SAAS,qDAAI,CAAA,EAAA,YAAG,MAAA,KAAK,CAAC,YAAY,mCAAI,SAAS,GAAU,EACjI,QAAQ,IACL,GACE,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

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

package/src/layout/modal/index.js

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

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

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

package/src/layout/tabs/TabsLayout.d.ts

@@ -0,0 +1,16 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export interface TabsLayoutTab {
+    id: string;
+    label: string;
+}
+export interface TabsLayoutProps {
+    title?: string;
+    tabs?: TabsLayoutTab[];
+    activeTabId?: string;
+    onTabChange?: (tabId: string) => void;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** @rosettadash/react/layout/tabs — layout.tabs */
+export declare const TabsLayout: import("react").ForwardRefExoticComponent<TabsLayoutProps & import("react").RefAttributes<HTMLElement>>;

package/src/layout/tabs/TabsLayout.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/** @rosettadash/react/layout/tabs — layout.tabs */
+export const TabsLayout = forwardRef(function TabsLayout(props, ref) {
+    var _a;
+    const { className, style, children } = props;
+    const rootClass = ['rd-tabs', className].filter(Boolean).join(' ');
+    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-tabs", children: [props.title ? _jsx("span", { className: "rd-tabs__title", children: props.title }) : null, _jsx("div", { className: "rd-tabs__tabs", role: "tablist", children: ((_a = props.tabs) !== null && _a !== void 0 ? _a : []).map((tab) => (_jsx("button", { type: "button", role: "tab", className: ['rd-tabs__tab', props.activeTabId === tab.id ? 'rd-tabs__tab--active' : ''].filter(Boolean).join(' '), onClick: () => { var _a; return (_a = props.onTabChange) === null || _a === void 0 ? void 0 : _a.call(props, tab.id); }, children: tab.label }, tab.id))) }), _jsx("div", { className: "rd-tabs__panel", children: children })] }));
+});
+//# sourceMappingURL=TabsLayout.js.map

package/src/layout/tabs/TabsLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsLayout.js","sourceRoot":"","sources":["../../../../../../packages/react/src/layout/tabs/TabsLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAiBvE,mDAAmD;AACnD,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAA+B,SAAS,UAAU,CACpF,KAAK,EACL,GAAG;;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEnE,OAAO,CACL,mBAAS,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,SAAS,aACzG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,gBAAgB,YAAE,KAAK,CAAC,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC3E,cAAK,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,YAC1C,CAAC,MAAA,KAAK,CAAC,IAAI,mCAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAC/B,iBAAqB,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,WAAW,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,WAAW,sDAAG,GAAG,CAAC,EAAE,CAAC,CAAA,EAAA,YAAG,GAAG,CAAC,KAAK,IAA1M,GAAG,CAAC,EAAE,CAA8M,CAClO,CAAC,GACE,EACN,cAAK,SAAS,EAAC,gBAAgB,YAAE,QAAQ,GAAO,IACxC,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export type { TabsLayoutProps } from './TabsLayout.js';
+export { TabsLayout } from './TabsLayout.js';

package/src/layout/tabs/index.js

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

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

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

package/src/lib/custom-element-host.d.ts

@@ -0,0 +1,11 @@
+import { type Ref, type RefCallback } from 'react';
+type AttrValue = string | number | boolean | undefined | null;
+export interface CustomElementHostOptions {
+    register: () => void;
+    attrs?: Record<string, string>;
+    /** Prop keys synced via `element.setProperty(name, value)` when available. */
+    properties?: string[];
+    events?: Record<string, string>;
+}
+export declare function useCustomElementHost(options: CustomElementHostOptions, values: Record<string, AttrValue>, handlers?: Record<string, ((detail: unknown) => void) | undefined>, forwardedRef?: Ref<HTMLElement | null>, propertyValues?: Record<string, unknown>): RefCallback<HTMLElement | null>;
+export {};

package/src/lib/custom-element-host.js

@@ -0,0 +1,79 @@
+import { useCallback, useEffect, useRef, } from 'react';
+import { mergeRef } from './merge-ref.js';
+function toKebab(name) {
+    return name.replace(/[A-Z]/g, (ch) => `-${ch.toLowerCase()}`);
+}
+function syncAttributes(el, values, attrMap) {
+    var _a;
+    for (const [key, value] of Object.entries(values)) {
+        const attr = (_a = attrMap[key]) !== null && _a !== void 0 ? _a : toKebab(key);
+        if (value === undefined || value === null || value === false) {
+            el.removeAttribute(attr);
+        }
+        else if (value === true) {
+            el.setAttribute(attr, '');
+        }
+        else {
+            el.setAttribute(attr, String(value));
+        }
+    }
+}
+/**
+ * Thin React host around a registered custom element.
+ * Attributes use setAttribute only (WC getters often have no setters).
+ */
+function syncProperties(el, propertyValues, propertyKeys) {
+    const setProperty = el
+        .setProperty;
+    if (typeof setProperty !== 'function') {
+        return;
+    }
+    for (const key of propertyKeys) {
+        setProperty.call(el, key, propertyValues[key]);
+    }
+}
+export function useCustomElementHost(options, values, handlers = {}, forwardedRef, propertyValues = {}) {
+    var _a, _b, _c;
+    const host = useRef(null);
+    const attrMap = (_a = options.attrs) !== null && _a !== void 0 ? _a : {};
+    const eventMap = (_b = options.events) !== null && _b !== void 0 ? _b : {};
+    const registerRef = useRef(options.register);
+    registerRef.current = options.register;
+    useEffect(() => {
+        registerRef.current();
+    }, []);
+    const propertyKeys = (_c = options.properties) !== null && _c !== void 0 ? _c : [];
+    useEffect(() => {
+        const el = host.current;
+        if (!el) {
+            return;
+        }
+        syncAttributes(el, values, attrMap);
+        syncProperties(el, propertyValues, propertyKeys);
+    });
+    useEffect(() => {
+        const el = host.current;
+        if (!el) {
+            return;
+        }
+        const listeners = [];
+        for (const [domEvent, handlerKey] of Object.entries(eventMap)) {
+            const handler = handlers[handlerKey];
+            if (!handler) {
+                continue;
+            }
+            const listener = (event) => {
+                handler(event.detail);
+            };
+            el.addEventListener(domEvent, listener);
+            listeners.push([domEvent, listener]);
+        }
+        return () => {
+            for (const [domEvent, listener] of listeners) {
+                el.removeEventListener(domEvent, listener);
+            }
+        };
+    });
+    return useCallback(mergeRef(host, forwardedRef), [forwardedRef]);
+}
+//# sourceMappingURL=custom-element-host.js.map

package/src/lib/custom-element-host.js.map

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

package/src/lib/merge-ref.d.ts

@@ -0,0 +1,3 @@
+import { type Ref, type RefCallback } from 'react';
+/** Assign a node to the host ref and an optional forwarded ref. */
+export declare function mergeRef<T>(hostRef: Ref<T>, forwardedRef?: Ref<T | null>): RefCallback<T>;

package/src/lib/merge-ref.js

@@ -0,0 +1,18 @@
+/** Assign a node to the host ref and an optional forwarded ref. */
+export function mergeRef(hostRef, forwardedRef) {
+    return (node) => {
+        if (typeof hostRef === 'function') {
+            hostRef(node);
+        }
+        else if (hostRef && typeof hostRef === 'object') {
+            hostRef.current = node;
+        }
+        if (typeof forwardedRef === 'function') {
+            forwardedRef(node);
+        }
+        else if (forwardedRef && typeof forwardedRef === 'object') {
+            forwardedRef.current = node;
+        }
+    };
+}
+//# sourceMappingURL=merge-ref.js.map

package/src/lib/merge-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-ref.js","sourceRoot":"","sources":["../../../../../packages/react/src/lib/merge-ref.ts"],"names":[],"mappings":"AAEA,mEAAmE;AACnE,MAAM,UAAU,QAAQ,CACtB,OAAe,EACf,YAA4B;IAE5B,OAAO,CAAC,IAAI,EAAE,EAAE;QACd,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,CAAC;YAClC,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC;aAAM,IAAI,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;YAClD,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACzB,CAAC;QAED,IAAI,OAAO,YAAY,KAAK,UAAU,EAAE,CAAC;YACvC,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;aAAM,IAAI,YAAY,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE,CAAC;YAC5D,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;QAC9B,CAAC;IACH,CAAC,CAAC;AACJ,CAAC"}

package/src/logic/timer/Timer.d.ts

@@ -0,0 +1,12 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export interface TimerProps {
+    label?: string;
+    mode?: 'interval' | 'countdown';
+    intervalMs?: number;
+    tickCount?: number;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** @rosettadash/react/logic/timer — logic.timer */
+export declare const Timer: import("react").ForwardRefExoticComponent<TimerProps & import("react").RefAttributes<HTMLElement>>;

package/src/logic/timer/Timer.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/** @rosettadash/react/logic/timer — logic.timer */
+export const Timer = forwardRef(function Timer(props, ref) {
+    var _a;
+    const { className, style, children } = props;
+    const rootClass = ['rd-timer', className].filter(Boolean).join(' ');
+    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-timer", children: [props.label ? _jsx("span", { className: "rd-timer__label", children: props.label }) : null, _jsxs("span", { className: "rd-timer__value", children: [(_a = props.tickCount) !== null && _a !== void 0 ? _a : 0, " ticks"] }), children] }));
+});
+//# sourceMappingURL=Timer.js.map

package/src/logic/timer/Timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timer.js","sourceRoot":"","sources":["../../../../../../packages/react/src/logic/timer/Timer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAYvE,mDAAmD;AACnD,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA0B,SAAS,KAAK,CACrE,KAAK,EACL,GAAG;;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEpE,OAAO,CACL,mBAAS,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,UAAU,aAC1G,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,iBAAiB,YAAE,KAAK,CAAC,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC5E,gBAAM,SAAS,EAAC,iBAAiB,aAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,CAAC,cAAc,EACpE,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/src/logic/timer/index.d.ts

@@ -0,0 +1,2 @@
+export type { TimerProps } from './Timer.js';
+export { Timer } from './Timer.js';

package/src/logic/timer/index.js

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

package/src/logic/timer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/react/src/logic/timer/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC"}

package/src/visual/chart/bar/BarChart.d.ts

@@ -0,0 +1,9 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export interface BarChartProps {
+    title?: string;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** @rosettadash/react/visual/chart/bar — visual.chart.bar */
+export declare const BarChart: import("react").ForwardRefExoticComponent<BarChartProps & import("react").RefAttributes<HTMLElement>>;

package/src/visual/chart/bar/BarChart.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/** @rosettadash/react/visual/chart/bar — visual.chart.bar */
+export const BarChart = forwardRef(function BarChart(props, ref) {
+    var _a;
+    const { className, style, children } = props;
+    const rootClass = ['rd-chart-bar', className].filter(Boolean).join(' ');
+    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-chart-bar", children: [_jsx("header", { className: "rd-chart-bar__header", children: _jsx("span", { children: (_a = props.title) !== null && _a !== void 0 ? _a : 'Bar chart' }) }), _jsx("div", { className: "rd-chart-bar__bars", "aria-hidden": "true", children: [40, 65, 55, 80, 48].map((h, i) => (_jsx("div", { className: "rd-chart-bar__bar-wrap", children: _jsx("div", { className: "rd-chart-bar__bar", style: { height: `${h}%` } }) }, i))) }), children] }));
+});
+//# sourceMappingURL=BarChart.js.map

package/src/visual/chart/bar/BarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/chart/bar/BarChart.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AASvE,6DAA6D;AAC7D,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAA6B,SAAS,QAAQ,CAC9E,KAAK,EACL,GAAG;;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAExE,OAAO,CACL,mBAAS,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,cAAc,aAC/G,iBAAQ,SAAS,EAAC,sBAAsB,YAAC,yBAAO,MAAA,KAAK,CAAC,KAAK,mCAAI,WAAW,GAAQ,GAAS,EAC3F,cAAK,SAAS,EAAC,oBAAoB,iBAAa,MAAM,YACnD,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,cAAa,SAAS,EAAC,wBAAwB,YAAC,cAAK,SAAS,EAAC,mBAAmB,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,GAAI,IAAvG,CAAC,CAA4G,CACxH,CAAC,GACE,EACL,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/src/visual/chart/bar/index.d.ts

@@ -0,0 +1,2 @@
+export type { BarChartProps } from './BarChart.js';
+export { BarChart } from './BarChart.js';

package/src/visual/chart/bar/index.js

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

package/src/visual/chart/bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/chart/bar/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}

package/src/visual/chart/line/LineChart.d.ts

@@ -0,0 +1,9 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export interface LineChartProps {
+    title?: string;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** @rosettadash/react/visual/chart/line — visual.chart.line */
+export declare const LineChart: import("react").ForwardRefExoticComponent<LineChartProps & import("react").RefAttributes<HTMLElement>>;

package/src/visual/chart/line/LineChart.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/** @rosettadash/react/visual/chart/line — visual.chart.line */
+export const LineChart = forwardRef(function LineChart(props, ref) {
+    var _a;
+    const { className, style, children } = props;
+    const rootClass = ['rd-chart-line', className].filter(Boolean).join(' ');
+    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-chart-line", children: [_jsx("header", { className: "rd-chart-line__header", children: _jsx("span", { children: (_a = props.title) !== null && _a !== void 0 ? _a : 'Line chart' }) }), _jsx("svg", { viewBox: "0 0 240 96", className: "rd-chart-line__svg", "aria-hidden": "true", children: _jsx("polyline", { className: "rd-chart-line__line", points: "0,80 40,60 80,65 120,40 160,45 200,20 240,30" }) }), children] }));
+});
+//# sourceMappingURL=LineChart.js.map

package/src/visual/chart/line/LineChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/chart/line/LineChart.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AASvE,+DAA+D;AAC/D,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAA8B,SAAS,SAAS,CACjF,KAAK,EACL,GAAG;;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEzE,OAAO,CACL,mBAAS,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,eAAe,aAChH,iBAAQ,SAAS,EAAC,uBAAuB,YAAC,yBAAO,MAAA,KAAK,CAAC,KAAK,mCAAI,YAAY,GAAQ,GAAS,EAC7F,cAAK,OAAO,EAAC,YAAY,EAAC,SAAS,EAAC,oBAAoB,iBAAa,MAAM,YACzE,mBAAU,SAAS,EAAC,qBAAqB,EAAC,MAAM,EAAC,8CAA8C,GAAG,GAC9F,EACL,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/src/visual/chart/line/index.d.ts

@@ -0,0 +1,2 @@
+export type { LineChartProps } from './LineChart.js';
+export { LineChart } from './LineChart.js';

package/src/visual/chart/line/index.js

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

package/src/visual/chart/line/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/chart/line/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/src/visual/chart/pie/PieChart.d.ts

@@ -0,0 +1,9 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export interface PieChartProps {
+    title?: string;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** @rosettadash/react/visual/chart/pie — visual.chart.pie */
+export declare const PieChart: import("react").ForwardRefExoticComponent<PieChartProps & import("react").RefAttributes<HTMLElement>>;

package/src/visual/chart/pie/PieChart.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/** @rosettadash/react/visual/chart/pie — visual.chart.pie */
+export const PieChart = forwardRef(function PieChart(props, ref) {
+    var _a;
+    const { className, style, children } = props;
+    const rootClass = ['rd-chart-pie', className].filter(Boolean).join(' ');
+    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-chart-pie", children: [_jsx("header", { className: "rd-chart-pie__header", children: _jsx("span", { children: (_a = props.title) !== null && _a !== void 0 ? _a : 'Pie chart' }) }), _jsx("div", { className: "rd-chart-pie__pie", "aria-hidden": "true" }), children] }));
+});
+//# sourceMappingURL=PieChart.js.map

package/src/visual/chart/pie/PieChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieChart.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/chart/pie/PieChart.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AASvE,6DAA6D;AAC7D,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAA6B,SAAS,QAAQ,CAC9E,KAAK,EACL,GAAG;;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAExE,OAAO,CACL,mBAAS,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,cAAc,aAC/G,iBAAQ,SAAS,EAAC,sBAAsB,YAAC,yBAAO,MAAA,KAAK,CAAC,KAAK,mCAAI,WAAW,GAAQ,GAAS,EAC3F,cAAK,SAAS,EAAC,mBAAmB,iBAAa,MAAM,GAAG,EACvD,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/src/visual/chart/pie/index.d.ts

@@ -0,0 +1,2 @@
+export type { PieChartProps } from './PieChart.js';
+export { PieChart } from './PieChart.js';

package/src/visual/chart/pie/index.js

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

package/src/visual/chart/pie/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/chart/pie/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC"}

package/src/visual/detail/DetailPanel.d.ts

@@ -0,0 +1,10 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export interface DetailPanelProps {
+    title?: string;
+    emptyMessage?: string;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** @rosettadash/react/visual/detail — visual.detail */
+export declare const DetailPanel: import("react").ForwardRefExoticComponent<DetailPanelProps & import("react").RefAttributes<HTMLElement>>;

package/src/visual/detail/DetailPanel.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/** @rosettadash/react/visual/detail — visual.detail */
+export const DetailPanel = forwardRef(function DetailPanel(props, ref) {
+    var _a, _b;
+    const { className, style, children } = props;
+    const rootClass = ['rd-detail', className].filter(Boolean).join(' ');
+    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-detail", children: [_jsx("header", { className: "rd-detail__header", children: _jsx("span", { children: (_a = props.title) !== null && _a !== void 0 ? _a : 'Details' }) }), _jsx("p", { className: "rd-detail__empty", children: (_b = props.emptyMessage) !== null && _b !== void 0 ? _b : 'Select a row to view details' }), children] }));
+});
+//# sourceMappingURL=DetailPanel.js.map

package/src/visual/detail/DetailPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailPanel.js","sourceRoot":"","sources":["../../../../../../packages/react/src/visual/detail/DetailPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAUvE,uDAAuD;AACvD,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAgC,SAAS,WAAW,CACvF,KAAK,EACL,GAAG;;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAErE,OAAO,CACL,mBAAS,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,WAAW,aAC5G,iBAAQ,SAAS,EAAC,mBAAmB,YAAC,yBAAO,MAAA,KAAK,CAAC,KAAK,mCAAI,SAAS,GAAQ,GAAS,EACtF,YAAG,SAAS,EAAC,kBAAkB,YAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,8BAA8B,GAAK,EACzF,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}