@rosettadash/react 0.1.1

package/README.md

@@ -0,0 +1,72 @@
+# `@rosettadash/react`
+
+RosettaDash **React** runtime. Import paths match `@rosettadash/web-components`.
+
+Peer dependency: `react` >= 18 (`react-dom` recommended for apps).
+
+**Docs:** [React runtime integration](../../docs/40-react-runtime-integration.md) · [Stack styling guides](../../docs/41-stack-styling-guides.md)
+
+## Styling modes
+
+| Mode | Import |
+|------|--------|
+| Minimal | (none) — structure + `rd-*` classnames |
+| Tokens | `@rosettadash/web-components/tokens.css` |
+| Themed default | `@rosettadash/web-components/styles.css` |
+
+Native React components (accordion, link-list) inherit your stack CSS. CE hosts (media, wasm) accept `className` / `style` and `--rd-*` variables on the host.
+
+## Storybook
+
+Clone the [RosettaDash repo](https://github.com/KevinEverywhere/rosettadash) and run `npm run storybook:react` (port **6007**). Same sidebar as the web-components catalog: **Getting Started → Styling modes**, **Catalog / Components**, **Catalog / Meta components**. See [GitHub — Storybook](https://github.com/KevinEverywhere/rosettadash#component-examples-storybook).
+
+## Accordion
+
+```tsx
+import { useState } from 'react';
+import { Accordion } from '@rosettadash/react/layout/accordion';
+
+export function Example() {
+  const [open, setOpen] = useState(false);
+  return (
+    <Accordion title="Resources" open={open} onOpenChange={setOpen}>
+      <p>Panel body</p>
+    </Accordion>
+  );
+}
+```
+
+Panel content stays mounted when closed; pair with `styles.css` or your own `.rd-accordion__panel { display: none }` rules.
+
+## Recipes
+
+```tsx
+import { LinkList } from '@rosettadash/react/visual/link-list';
+import { AccordionLinkList } from '@rosettadash/react/layout/accordion-link-list';
+
+const items = [
+  { label: 'Docs', href: '/docs' },
+  { label: 'API', href: '/api' },
+];
+
+export function ResourcesNav() {
+  return (
+    <>
+      <Accordion title="Resources">
+        <LinkList items={items} />
+      </Accordion>
+      <AccordionLinkList title="Resources" items={items} />
+    </>
+  );
+}
+```
+
+## Media & WASM wrappers
+
+```tsx
+import { VideoSource } from '@rosettadash/react/visual/media/video-source';
+import { EquirectViewport } from '@rosettadash/react/visual/media/equirect-viewport';
+import { WasmMedia } from '@rosettadash/react/wasm/wasm-media';
+```
+
+Thin hosts over the WC runtime (same paths as `@rosettadash/web-components`). All components support `forwardRef`.

package/package.json

@@ -0,0 +1,389 @@
+{
+  "name": "@rosettadash/react",
+  "version": "0.1.1",
+  "description": "RosettaDash React runtime — same import paths as @rosettadash/web-components. Storybook: github.com/KevinEverywhere/rosettadash (port 6007).",
+  "author": "Kevin Ready <kevin@planetkevin.com>",
+  "type": "module",
+  "license": "MIT",
+  "private": false,
+  "main": "./src/index.js",
+  "types": "./src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./src/index.d.ts",
+      "import": "./src/index.js",
+      "default": "./src/index.js"
+    },
+    "./domain/person-invite": {
+      "types": "./src/domain/person-invite/index.d.ts",
+      "import": "./src/domain/person-invite/index.js",
+      "default": "./src/domain/person-invite/index.js"
+    },
+    "./domain/role-assign": {
+      "types": "./src/domain/role-assign/index.d.ts",
+      "import": "./src/domain/role-assign/index.js",
+      "default": "./src/domain/role-assign/index.js"
+    },
+    "./domain/role-gate": {
+      "types": "./src/domain/role-gate/index.d.ts",
+      "import": "./src/domain/role-gate/index.js",
+      "default": "./src/domain/role-gate/index.js"
+    },
+    "./domain/time-preset": {
+      "types": "./src/domain/time-preset/index.d.ts",
+      "import": "./src/domain/time-preset/index.js",
+      "default": "./src/domain/time-preset/index.js"
+    },
+    "./infra/env": {
+      "types": "./src/infra/env/index.d.ts",
+      "import": "./src/infra/env/index.js",
+      "default": "./src/infra/env/index.js"
+    },
+    "./infra/mongodb": {
+      "types": "./src/infra/mongodb/index.d.ts",
+      "import": "./src/infra/mongodb/index.js",
+      "default": "./src/infra/mongodb/index.js"
+    },
+    "./infra/mysql": {
+      "types": "./src/infra/mysql/index.d.ts",
+      "import": "./src/infra/mysql/index.js",
+      "default": "./src/infra/mysql/index.js"
+    },
+    "./infra/postgresql": {
+      "types": "./src/infra/postgresql/index.d.ts",
+      "import": "./src/infra/postgresql/index.js",
+      "default": "./src/infra/postgresql/index.js"
+    },
+    "./infra/server/express": {
+      "types": "./src/infra/server/express/index.d.ts",
+      "import": "./src/infra/server/express/index.js",
+      "default": "./src/infra/server/express/index.js"
+    },
+    "./infra/server/nest": {
+      "types": "./src/infra/server/nest/index.d.ts",
+      "import": "./src/infra/server/nest/index.js",
+      "default": "./src/infra/server/nest/index.js"
+    },
+    "./infra/server/next": {
+      "types": "./src/infra/server/next/index.d.ts",
+      "import": "./src/infra/server/next/index.js",
+      "default": "./src/infra/server/next/index.js"
+    },
+    "./infra/server/nuxt": {
+      "types": "./src/infra/server/nuxt/index.d.ts",
+      "import": "./src/infra/server/nuxt/index.js",
+      "default": "./src/infra/server/nuxt/index.js"
+    },
+    "./infra/supabase": {
+      "types": "./src/infra/supabase/index.d.ts",
+      "import": "./src/infra/supabase/index.js",
+      "default": "./src/infra/supabase/index.js"
+    },
+    "./infra/wasm/asset": {
+      "types": "./src/infra/wasm/asset/index.d.ts",
+      "import": "./src/infra/wasm/asset/index.js",
+      "default": "./src/infra/wasm/asset/index.js"
+    },
+    "./layout/accordion": {
+      "types": "./src/layout/accordion/index.d.ts",
+      "import": "./src/layout/accordion/index.js",
+      "default": "./src/layout/accordion/index.js"
+    },
+    "./layout/accordion-link-list": {
+      "types": "./src/layout/accordion-link-list/index.d.ts",
+      "import": "./src/layout/accordion-link-list/index.js",
+      "default": "./src/layout/accordion-link-list/index.js"
+    },
+    "./layout/collapsible": {
+      "types": "./src/layout/collapsible/index.d.ts",
+      "import": "./src/layout/collapsible/index.js",
+      "default": "./src/layout/collapsible/index.js"
+    },
+    "./layout/flex": {
+      "types": "./src/layout/flex/index.d.ts",
+      "import": "./src/layout/flex/index.js",
+      "default": "./src/layout/flex/index.js"
+    },
+    "./layout/grid": {
+      "types": "./src/layout/grid/index.d.ts",
+      "import": "./src/layout/grid/index.js",
+      "default": "./src/layout/grid/index.js"
+    },
+    "./layout/modal": {
+      "types": "./src/layout/modal/index.d.ts",
+      "import": "./src/layout/modal/index.js",
+      "default": "./src/layout/modal/index.js"
+    },
+    "./layout/tabs": {
+      "types": "./src/layout/tabs/index.d.ts",
+      "import": "./src/layout/tabs/index.js",
+      "default": "./src/layout/tabs/index.js"
+    },
+    "./logic/timer": {
+      "types": "./src/logic/timer/index.d.ts",
+      "import": "./src/logic/timer/index.js",
+      "default": "./src/logic/timer/index.js"
+    },
+    "./visual/chart/bar": {
+      "types": "./src/visual/chart/bar/index.d.ts",
+      "import": "./src/visual/chart/bar/index.js",
+      "default": "./src/visual/chart/bar/index.js"
+    },
+    "./visual/chart/line": {
+      "types": "./src/visual/chart/line/index.d.ts",
+      "import": "./src/visual/chart/line/index.js",
+      "default": "./src/visual/chart/line/index.js"
+    },
+    "./visual/chart/pie": {
+      "types": "./src/visual/chart/pie/index.d.ts",
+      "import": "./src/visual/chart/pie/index.js",
+      "default": "./src/visual/chart/pie/index.js"
+    },
+    "./visual/detail": {
+      "types": "./src/visual/detail/index.d.ts",
+      "import": "./src/visual/detail/index.js",
+      "default": "./src/visual/detail/index.js"
+    },
+    "./visual/display/3d-bar-chart": {
+      "types": "./src/visual/display/3d-bar-chart/index.d.ts",
+      "import": "./src/visual/display/3d-bar-chart/index.js",
+      "default": "./src/visual/display/3d-bar-chart/index.js"
+    },
+    "./visual/display/3d-geo-globe": {
+      "types": "./src/visual/display/3d-geo-globe/index.d.ts",
+      "import": "./src/visual/display/3d-geo-globe/index.js",
+      "default": "./src/visual/display/3d-geo-globe/index.js"
+    },
+    "./visual/display/3d-gltf-model": {
+      "types": "./src/visual/display/3d-gltf-model/index.d.ts",
+      "import": "./src/visual/display/3d-gltf-model/index.js",
+      "default": "./src/visual/display/3d-gltf-model/index.js"
+    },
+    "./visual/display/3d-scatter": {
+      "types": "./src/visual/display/3d-scatter/index.d.ts",
+      "import": "./src/visual/display/3d-scatter/index.js",
+      "default": "./src/visual/display/3d-scatter/index.js"
+    },
+    "./visual/display/3d-scene": {
+      "types": "./src/visual/display/3d-scene/index.d.ts",
+      "import": "./src/visual/display/3d-scene/index.js",
+      "default": "./src/visual/display/3d-scene/index.js"
+    },
+    "./visual/input/checkbox": {
+      "types": "./src/visual/input/checkbox/index.d.ts",
+      "import": "./src/visual/input/checkbox/index.js",
+      "default": "./src/visual/input/checkbox/index.js"
+    },
+    "./visual/input/date-range": {
+      "types": "./src/visual/input/date-range/index.d.ts",
+      "import": "./src/visual/input/date-range/index.js",
+      "default": "./src/visual/input/date-range/index.js"
+    },
+    "./visual/input/number": {
+      "types": "./src/visual/input/number/index.d.ts",
+      "import": "./src/visual/input/number/index.js",
+      "default": "./src/visual/input/number/index.js"
+    },
+    "./visual/input/select": {
+      "types": "./src/visual/input/select/index.d.ts",
+      "import": "./src/visual/input/select/index.js",
+      "default": "./src/visual/input/select/index.js"
+    },
+    "./visual/input/text": {
+      "types": "./src/visual/input/text/index.d.ts",
+      "import": "./src/visual/input/text/index.js",
+      "default": "./src/visual/input/text/index.js"
+    },
+    "./visual/input/textarea": {
+      "types": "./src/visual/input/textarea/index.d.ts",
+      "import": "./src/visual/input/textarea/index.js",
+      "default": "./src/visual/input/textarea/index.js"
+    },
+    "./visual/kpi": {
+      "types": "./src/visual/kpi/index.d.ts",
+      "import": "./src/visual/kpi/index.js",
+      "default": "./src/visual/kpi/index.js"
+    },
+    "./visual/link-list": {
+      "types": "./src/visual/link-list/index.d.ts",
+      "import": "./src/visual/link-list/index.js",
+      "default": "./src/visual/link-list/index.js"
+    },
+    "./visual/media/equirect-viewport": {
+      "types": "./src/visual/media/equirect-viewport/index.d.ts",
+      "import": "./src/visual/media/equirect-viewport/index.js",
+      "default": "./src/visual/media/equirect-viewport/index.js"
+    },
+    "./visual/media/live-capture": {
+      "types": "./src/visual/media/live-capture/index.d.ts",
+      "import": "./src/visual/media/live-capture/index.js",
+      "default": "./src/visual/media/live-capture/index.js"
+    },
+    "./visual/media/video-source": {
+      "types": "./src/visual/media/video-source/index.d.ts",
+      "import": "./src/visual/media/video-source/index.js",
+      "default": "./src/visual/media/video-source/index.js"
+    },
+    "./visual/news/article-detail": {
+      "types": "./src/visual/news/article-detail/index.d.ts",
+      "import": "./src/visual/news/article-detail/index.js",
+      "default": "./src/visual/news/article-detail/index.js"
+    },
+    "./visual/news/language-select": {
+      "types": "./src/visual/news/language-select/index.d.ts",
+      "import": "./src/visual/news/language-select/index.js",
+      "default": "./src/visual/news/language-select/index.js"
+    },
+    "./visual/news/region-select": {
+      "types": "./src/visual/news/region-select/index.d.ts",
+      "import": "./src/visual/news/region-select/index.js",
+      "default": "./src/visual/news/region-select/index.js"
+    },
+    "./visual/news/results-table": {
+      "types": "./src/visual/news/results-table/index.d.ts",
+      "import": "./src/visual/news/results-table/index.js",
+      "default": "./src/visual/news/results-table/index.js"
+    },
+    "./visual/news/search-box": {
+      "types": "./src/visual/news/search-box/index.d.ts",
+      "import": "./src/visual/news/search-box/index.js",
+      "default": "./src/visual/news/search-box/index.js"
+    },
+    "./visual/news/type-select": {
+      "types": "./src/visual/news/type-select/index.d.ts",
+      "import": "./src/visual/news/type-select/index.js",
+      "default": "./src/visual/news/type-select/index.js"
+    },
+    "./visual/plugin/metric-chip": {
+      "types": "./src/visual/plugin/metric-chip/index.d.ts",
+      "import": "./src/visual/plugin/metric-chip/index.js",
+      "default": "./src/visual/plugin/metric-chip/index.js"
+    },
+    "./visual/plugin/status-badge": {
+      "types": "./src/visual/plugin/status-badge/index.d.ts",
+      "import": "./src/visual/plugin/status-badge/index.js",
+      "default": "./src/visual/plugin/status-badge/index.js"
+    },
+    "./visual/skeleton": {
+      "types": "./src/visual/skeleton/index.d.ts",
+      "import": "./src/visual/skeleton/index.js",
+      "default": "./src/visual/skeleton/index.js"
+    },
+    "./visual/svg/icon": {
+      "types": "./src/visual/svg/icon/index.d.ts",
+      "import": "./src/visual/svg/icon/index.js",
+      "default": "./src/visual/svg/icon/index.js"
+    },
+    "./visual/svg/inline": {
+      "types": "./src/visual/svg/inline/index.d.ts",
+      "import": "./src/visual/svg/inline/index.js",
+      "default": "./src/visual/svg/inline/index.js"
+    },
+    "./visual/table": {
+      "types": "./src/visual/table/index.d.ts",
+      "import": "./src/visual/table/index.js",
+      "default": "./src/visual/table/index.js"
+    },
+    "./visual/wasm/media": {
+      "types": "./src/visual/wasm/media/index.d.ts",
+      "import": "./src/visual/wasm/media/index.js",
+      "default": "./src/visual/wasm/media/index.js"
+    },
+    "./visual/wasm/module": {
+      "types": "./src/visual/wasm/module/index.d.ts",
+      "import": "./src/visual/wasm/module/index.js",
+      "default": "./src/visual/wasm/module/index.js"
+    },
+    "./visual/wasm/worker-host": {
+      "types": "./src/visual/wasm/worker-host/index.d.ts",
+      "import": "./src/visual/wasm/worker-host/index.js",
+      "default": "./src/visual/wasm/worker-host/index.js"
+    },
+    "./wasm/wasm-media": {
+      "types": "./src/wasm/wasm-media/index.d.ts",
+      "import": "./src/wasm/wasm-media/index.js",
+      "default": "./src/wasm/wasm-media/index.js"
+    },
+    "./package.json": "./package.json",
+    "./domain/person-invite/index": "./src/domain/person-invite/index.js",
+    "./domain/role-assign/index": "./src/domain/role-assign/index.js",
+    "./domain/role-gate/index": "./src/domain/role-gate/index.js",
+    "./domain/time-preset/index": "./src/domain/time-preset/index.js",
+    "./infra/env/index": "./src/infra/env/index.js",
+    "./infra/mongodb/index": "./src/infra/mongodb/index.js",
+    "./infra/mysql/index": "./src/infra/mysql/index.js",
+    "./infra/postgresql/index": "./src/infra/postgresql/index.js",
+    "./infra/server/express/index": "./src/infra/server/express/index.js",
+    "./infra/server/nest/index": "./src/infra/server/nest/index.js",
+    "./infra/server/next/index": "./src/infra/server/next/index.js",
+    "./infra/server/nuxt/index": "./src/infra/server/nuxt/index.js",
+    "./infra/supabase/index": "./src/infra/supabase/index.js",
+    "./infra/wasm/asset/index": "./src/infra/wasm/asset/index.js",
+    "./layout/accordion/index": "./src/layout/accordion/index.js",
+    "./layout/accordion-link-list/index": "./src/layout/accordion-link-list/index.js",
+    "./layout/collapsible/index": "./src/layout/collapsible/index.js",
+    "./layout/flex/index": "./src/layout/flex/index.js",
+    "./layout/grid/index": "./src/layout/grid/index.js",
+    "./layout/modal/index": "./src/layout/modal/index.js",
+    "./layout/tabs/index": "./src/layout/tabs/index.js",
+    "./logic/timer/index": "./src/logic/timer/index.js",
+    "./visual/chart/bar/index": "./src/visual/chart/bar/index.js",
+    "./visual/chart/line/index": "./src/visual/chart/line/index.js",
+    "./visual/chart/pie/index": "./src/visual/chart/pie/index.js",
+    "./visual/detail/index": "./src/visual/detail/index.js",
+    "./visual/display/3d-bar-chart/index": "./src/visual/display/3d-bar-chart/index.js",
+    "./visual/display/3d-geo-globe/index": "./src/visual/display/3d-geo-globe/index.js",
+    "./visual/display/3d-gltf-model/index": "./src/visual/display/3d-gltf-model/index.js",
+    "./visual/display/3d-scatter/index": "./src/visual/display/3d-scatter/index.js",
+    "./visual/display/3d-scene/index": "./src/visual/display/3d-scene/index.js",
+    "./visual/input/checkbox/index": "./src/visual/input/checkbox/index.js",
+    "./visual/input/date-range/index": "./src/visual/input/date-range/index.js",
+    "./visual/input/number/index": "./src/visual/input/number/index.js",
+    "./visual/input/select/index": "./src/visual/input/select/index.js",
+    "./visual/input/text/index": "./src/visual/input/text/index.js",
+    "./visual/input/textarea/index": "./src/visual/input/textarea/index.js",
+    "./visual/kpi/index": "./src/visual/kpi/index.js",
+    "./visual/link-list/index": "./src/visual/link-list/index.js",
+    "./visual/media/equirect-viewport/index": "./src/visual/media/equirect-viewport/index.js",
+    "./visual/media/live-capture/index": "./src/visual/media/live-capture/index.js",
+    "./visual/media/video-source/index": "./src/visual/media/video-source/index.js",
+    "./visual/news/article-detail/index": "./src/visual/news/article-detail/index.js",
+    "./visual/news/language-select/index": "./src/visual/news/language-select/index.js",
+    "./visual/news/region-select/index": "./src/visual/news/region-select/index.js",
+    "./visual/news/results-table/index": "./src/visual/news/results-table/index.js",
+    "./visual/news/search-box/index": "./src/visual/news/search-box/index.js",
+    "./visual/news/type-select/index": "./src/visual/news/type-select/index.js",
+    "./visual/plugin/metric-chip/index": "./src/visual/plugin/metric-chip/index.js",
+    "./visual/plugin/status-badge/index": "./src/visual/plugin/status-badge/index.js",
+    "./visual/skeleton/index": "./src/visual/skeleton/index.js",
+    "./visual/svg/icon/index": "./src/visual/svg/icon/index.js",
+    "./visual/svg/inline/index": "./src/visual/svg/inline/index.js",
+    "./visual/table/index": "./src/visual/table/index.js",
+    "./visual/wasm/media/index": "./src/visual/wasm/media/index.js",
+    "./visual/wasm/module/index": "./src/visual/wasm/module/index.js",
+    "./visual/wasm/worker-host/index": "./src/visual/wasm/worker-host/index.js",
+    "./wasm/wasm-media/index": "./src/wasm/wasm-media/index.js"
+  },
+  "files": [
+    "src",
+    "README.md",
+    "LICENSE"
+  ],
+  "dependencies": {
+    "@rosettadash/web-components": "0.1.1",
+    "tslib": "^2.3.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "module": "./src/index.js"
+}

package/src/domain/person-invite/PersonInvite.d.ts

@@ -0,0 +1,10 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export interface PersonInviteProps {
+    emailPlaceholder?: string;
+    onInvite?: (email: string) => void;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** @rosettadash/react/domain/person-invite — domain.person-invite */
+export declare const PersonInvite: import("react").ForwardRefExoticComponent<PersonInviteProps & import("react").RefAttributes<HTMLElement>>;

package/src/domain/person-invite/PersonInvite.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/** @rosettadash/react/domain/person-invite — domain.person-invite */
+export const PersonInvite = forwardRef(function PersonInvite(props, ref) {
+    var _a;
+    const { className, style, children } = props;
+    const rootClass = ['rd-person-invite', className].filter(Boolean).join(' ');
+    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-person-invite", children: [_jsx("span", { className: "rd-field__label", children: "Invite team member" }), _jsx("input", { type: "email", className: "rd-input", placeholder: (_a = props.emailPlaceholder) !== null && _a !== void 0 ? _a : 'name@company.com' }), _jsx("button", { type: "button", className: "rd-button", onClick: () => { var _a; return (_a = props.onInvite) === null || _a === void 0 ? void 0 : _a.call(props, ''); }, children: "Send invite" }), children] }));
+});
+//# sourceMappingURL=PersonInvite.js.map

package/src/domain/person-invite/PersonInvite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonInvite.js","sourceRoot":"","sources":["../../../../../../packages/react/src/domain/person-invite/PersonInvite.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAUvE,qEAAqE;AACrE,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAAiC,SAAS,YAAY,CAC1F,KAAK,EACL,GAAG;;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5E,OAAO,CACL,mBAAS,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,kBAAkB,aACnH,eAAM,SAAS,EAAC,iBAAiB,mCAA0B,EAC3D,gBAAO,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,UAAU,EAAC,WAAW,EAAE,MAAA,KAAK,CAAC,gBAAgB,mCAAI,kBAAkB,GAAI,EACtG,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,QAAQ,sDAAG,EAAE,CAAC,CAAA,EAAA,4BAAsB,EACpG,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/src/domain/person-invite/index.d.ts

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

package/src/domain/person-invite/index.js

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

package/src/domain/person-invite/index.js.map

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

package/src/domain/role-assign/RoleAssign.d.ts

@@ -0,0 +1,14 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export interface RoleAssignProps {
+    summary?: string;
+    roleOptions?: {
+        value: string;
+        label: string;
+    }[];
+    onConfirm?: (role: string) => void;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** @rosettadash/react/domain/role-assign — domain.role-assign */
+export declare const RoleAssign: import("react").ForwardRefExoticComponent<RoleAssignProps & import("react").RefAttributes<HTMLElement>>;

package/src/domain/role-assign/RoleAssign.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/** @rosettadash/react/domain/role-assign — domain.role-assign */
+export const RoleAssign = forwardRef(function RoleAssign(props, ref) {
+    var _a;
+    const { className, style, children } = props;
+    const rootClass = ['rd-role-assign', className].filter(Boolean).join(' ');
+    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-role-assign", children: [_jsx("span", { className: "rd-field__label", children: "Assign role" }), props.summary ? _jsx("p", { className: "rd-onboarding__summary", children: props.summary }) : null, _jsx("select", { className: "rd-select", children: ((_a = props.roleOptions) !== null && _a !== void 0 ? _a : []).map((o) => _jsx("option", { value: o.value, children: o.label }, o.value)) }), _jsx("button", { type: "button", className: "rd-button", onClick: () => { var _a; return (_a = props.onConfirm) === null || _a === void 0 ? void 0 : _a.call(props, ''); }, children: "Confirm access" }), children] }));
+});
+//# sourceMappingURL=RoleAssign.js.map

package/src/domain/role-assign/RoleAssign.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoleAssign.js","sourceRoot":"","sources":["../../../../../../packages/react/src/domain/role-assign/RoleAssign.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAWvE,iEAAiE;AACjE,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,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,eAAM,SAAS,EAAC,iBAAiB,4BAAmB,EACnD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,wBAAwB,YAAE,KAAK,CAAC,OAAO,GAAK,CAAC,CAAC,CAAC,IAAI,EACjF,iBAAQ,SAAS,EAAC,WAAW,YAAE,CAAC,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAsB,KAAK,EAAE,CAAC,CAAC,KAAK,YAAG,CAAC,CAAC,KAAK,IAAjC,CAAC,CAAC,KAAK,CAAoC,CAAC,GAAU,EACvI,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,SAAS,sDAAG,EAAE,CAAC,CAAA,EAAA,+BAAyB,EACxG,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/src/domain/role-assign/index.d.ts

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

package/src/domain/role-assign/index.js

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

package/src/domain/role-assign/index.js.map

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

package/src/domain/role-gate/RoleGate.d.ts

@@ -0,0 +1,11 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export interface RoleGateProps {
+    label?: string;
+    allowedRoles?: string[];
+    statusText?: string;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** @rosettadash/react/domain/role-gate — domain.role-gate */
+export declare const RoleGate: import("react").ForwardRefExoticComponent<RoleGateProps & import("react").RefAttributes<HTMLElement>>;

package/src/domain/role-gate/RoleGate.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/** @rosettadash/react/domain/role-gate — domain.role-gate */
+export const RoleGate = forwardRef(function RoleGate(props, ref) {
+    var _a, _b;
+    const { className, style, children } = props;
+    const rootClass = ['rd-role-gate', className].filter(Boolean).join(' ');
+    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-role-gate", children: [props.label ? _jsx("span", { className: "rd-field__label", children: props.label }) : null, _jsx("p", { className: "rd-role-gate__status", children: (_a = props.statusText) !== null && _a !== void 0 ? _a : 'Visible' }), ((_b = props.allowedRoles) === null || _b === void 0 ? void 0 : _b.length) ? _jsx("code", { children: JSON.stringify(props.allowedRoles) }) : null, children] }));
+});
+//# sourceMappingURL=RoleGate.js.map

package/src/domain/role-gate/RoleGate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoleGate.js","sourceRoot":"","sources":["../../../../../../packages/react/src/domain/role-gate/RoleGate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAWvE,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,aAC9G,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,iBAAiB,YAAE,KAAK,CAAC,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC5E,YAAG,SAAS,EAAC,sBAAsB,YAAE,MAAA,KAAK,CAAC,UAAU,mCAAI,SAAS,GAAK,EACtE,CAAA,MAAA,KAAK,CAAC,YAAY,0CAAE,MAAM,EAAC,CAAC,CAAC,yBAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,GAAQ,CAAC,CAAC,CAAC,IAAI,EACrF,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/src/domain/role-gate/index.d.ts

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

package/src/domain/role-gate/index.js

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

package/src/domain/role-gate/index.js.map

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

package/src/domain/time-preset/TimePreset.d.ts

@@ -0,0 +1,16 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export interface TimePresetPreset {
+    id: string;
+    label: string;
+}
+export interface TimePresetProps {
+    label?: string;
+    presets?: TimePresetPreset[];
+    activePresetId?: string;
+    onPresetChange?: (presetId: string) => void;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** @rosettadash/react/domain/time-preset — domain.time-preset */
+export declare const TimePreset: import("react").ForwardRefExoticComponent<TimePresetProps & import("react").RefAttributes<HTMLElement>>;

package/src/domain/time-preset/TimePreset.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/** @rosettadash/react/domain/time-preset — domain.time-preset */
+export const TimePreset = forwardRef(function TimePreset(props, ref) {
+    var _a;
+    const { className, style, children } = props;
+    const rootClass = ['rd-time-preset', className].filter(Boolean).join(' ');
+    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-time-preset", children: [props.label ? _jsx("span", { className: "rd-field__label", children: props.label }) : null, _jsx("div", { className: "rd-time-preset__buttons", role: "group", children: ((_a = props.presets) !== null && _a !== void 0 ? _a : []).map((p) => (_jsx("button", { type: "button", className: ['rd-time-preset__button', props.activePresetId === p.id ? 'rd-time-preset__button--active' : ''].filter(Boolean).join(' '), onClick: () => { var _a; return (_a = props.onPresetChange) === null || _a === void 0 ? void 0 : _a.call(props, p.id); }, children: p.label }, p.id))) }), children] }));
+});
+//# sourceMappingURL=TimePreset.js.map

package/src/domain/time-preset/TimePreset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePreset.js","sourceRoot":"","sources":["../../../../../../packages/react/src/domain/time-preset/TimePreset.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAiBvE,iEAAiE;AACjE,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,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,aAChH,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,iBAAiB,YAAE,KAAK,CAAC,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC5E,cAAK,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAC,OAAO,YAClD,CAAC,MAAA,KAAK,CAAC,OAAO,mCAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAChC,iBAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,wBAAwB,EAAE,KAAK,CAAC,cAAc,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACtI,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,cAAc,sDAAG,CAAC,CAAC,EAAE,CAAC,CAAA,EAAA,YAE1C,CAAC,CAAC,KAAK,IALH,CAAC,CAAC,EAAE,CAMF,CACV,CAAC,GACE,EACL,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/src/domain/time-preset/index.d.ts

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