@rosettadash/vue 0.1.1

package/README.md

@@ -0,0 +1,72 @@
+# `@rosettadash/vue`
+
+RosettaDash **Vue 3** runtime. Import paths match `@rosettadash/web-components`.
+
+Peer dependency: `vue` ^3.5.  
+Depends on `@rosettadash/web-components` for media custom-element hosts.
+
+## Accordion (`v-model:open`)
+
+```vue
+<script setup lang="ts">
+import { ref } from 'vue';
+import { Accordion } from '@rosettadash/vue/layout/accordion';
+
+const open = ref(false);
+</script>
+
+<template>
+  <Accordion v-model:open="open" title="Resources">
+    <p>Panel body</p>
+  </Accordion>
+</template>
+```
+
+Uncontrolled mode still works via `default-open`.
+
+## Recipes (DAS-94)
+
+```vue
+<script setup lang="ts">
+import { ref } from 'vue';
+import { Accordion } from '@rosettadash/vue/layout/accordion';
+import { LinkList } from '@rosettadash/vue/visual/link-list';
+import { AccordionLinkList } from '@rosettadash/vue/layout/accordion-link-list';
+
+const open = ref(false);
+const items = [
+  { label: 'Docs', href: '/docs' },
+  { label: 'API', href: '/api' },
+];
+</script>
+
+<template>
+  <Accordion title="Resources">
+    <LinkList :items="items" />
+  </Accordion>
+
+  <AccordionLinkList v-model:open="open" title="Resources" :items="items" />
+</template>
+```
+
+## Media wrappers
+
+Thin Vue hosts over the WC runtime — same paths as `@rosettadash/web-components`:
+
+```vue
+<script setup lang="ts">
+import { VideoSource } from '@rosettadash/vue/visual/media/video-source';
+import { EquirectViewport } from '@rosettadash/vue/visual/media/equirect-viewport';
+</script>
+
+<template>
+  <VideoSource label="Clip" :source-width="3840" :source-height="1920" @video-file="console.log" />
+  <EquirectViewport label="Viewport" preview-mode="flat-crop" :yaw="10" @crop-region="console.log" />
+</template>
+```
+
+Pair with `@rosettadash/web-components/styles.css` / `tokens.css` for opt-in `--rd-*` chrome.
+
+## Storybook
+
+Clone the [RosettaDash repo](https://github.com/KevinEverywhere/rosettadash) and run `npm run storybook:vue` (port **6008**). See [GitHub — Storybook](https://github.com/KevinEverywhere/rosettadash#component-examples-storybook).

package/package.json

@@ -0,0 +1,383 @@
+{
+  "name": "@rosettadash/vue",
+  "version": "0.1.1",
+  "description": "RosettaDash Vue 3 runtime — same import paths as @rosettadash/web-components. Storybook: github.com/KevinEverywhere/rosettadash (port 6008).",
+  "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": {
+    "vue": "^3.5.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "module": "./src/index.js"
+}

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

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

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

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

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

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

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

@@ -0,0 +1,34 @@
+import { type PropType, type SlotsType, type VNode } from 'vue';
+export interface PersonInviteProps {
+    emailPlaceholder?: string;
+    onInvite?: (email: string) => void;
+    className?: string;
+}
+/** @rosettadash/vue/domain/person-invite — domain.person-invite */
+export declare const PersonInvite: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    emailPlaceholder: {
+        type: PropType<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;
+    };
+    emailPlaceholder: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string | undefined;
+    emailPlaceholder: string | undefined;
+}, SlotsType<{
+    default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type PersonInviteComponent = typeof PersonInvite;

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

@@ -0,0 +1,23 @@
+import { defineComponent, h } from 'vue';
+/** @rosettadash/vue/domain/person-invite — domain.person-invite */
+export const PersonInvite = defineComponent({
+    name: 'RdPersonInvite',
+    props: {
+        className: { type: String, default: undefined },
+        emailPlaceholder: { type: String, default: undefined },
+    },
+    slots: Object,
+    setup(props, { slots, attrs }) {
+        return () => {
+            var _a, _b;
+            const rootClass = ['rd-person-invite', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
+            return h('section', { class: rootClass, 'data-testid': 'rd-person-invite' }, [
+                h('span', { class: 'rd-field__label' }, 'Invite team member'),
+                h('input', { type: 'email', class: 'rd-input', placeholder: (_a = props.emailPlaceholder) !== null && _a !== void 0 ? _a : 'name@company.com' }),
+                h('button', { type: 'button', class: 'rd-button' }, 'Send invite'),
+                (_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=person-invite.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"person-invite.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/domain/person-invite/person-invite.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAA6C,MAAM,KAAK,CAAC;AAQpF,mEAAmE;AACnE,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC;IAC1C,IAAI,EAAE,gBAAgB;IACtB,KAAK,EAAE;QACL,SAAS,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/E,gBAAgB,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;KACvF;IACD,KAAK,EAAE,MAAgD;IACvD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE;;YACV,MAAM,SAAS,GAAG,CAAC,kBAAkB,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;YACtI,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,kBAAkB,EAAE,EAAE;gBAC7E,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,oBAAoB,CAAC;gBAC7D,CAAC,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAA,KAAK,CAAC,gBAAgB,mCAAI,kBAAkB,EAAE,CAAC;gBAC3G,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,aAAa,CAAC;gBAClE,MAAA,KAAK,CAAC,OAAO,qDAAI;aAClB,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1,56 @@
+import { type PropType, type SlotsType, type VNode } from 'vue';
+export interface RoleAssignProps {
+    summary?: string;
+    roleOptions?: {
+        value: string;
+        label: string;
+    }[];
+    onConfirm?: (role: string) => void;
+    className?: string;
+}
+/** @rosettadash/vue/domain/role-assign — domain.role-assign */
+export declare const RoleAssign: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    className: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    summary: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    roleOptions: {
+        type: PropType<{
+            value: string;
+            label: 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;
+    };
+    summary: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+    roleOptions: {
+        type: PropType<{
+            value: string;
+            label: string;
+        }[] | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    className: string | undefined;
+    summary: string | undefined;
+    roleOptions: {
+        value: string;
+        label: string;
+    }[] | undefined;
+}, SlotsType<{
+    default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type RoleAssignComponent = typeof RoleAssign;

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

@@ -0,0 +1,25 @@
+import { defineComponent, h } from 'vue';
+/** @rosettadash/vue/domain/role-assign — domain.role-assign */
+export const RoleAssign = defineComponent({
+    name: 'RdRoleAssign',
+    props: {
+        className: { type: String, default: undefined },
+        summary: { type: String, default: undefined },
+        roleOptions: { type: Array, default: undefined },
+    },
+    slots: Object,
+    setup(props, { slots, attrs }) {
+        return () => {
+            var _a, _b;
+            const rootClass = ['rd-role-assign', props.className, typeof attrs.class === 'string' ? attrs.class : ''].filter(Boolean).join(' ');
+            return h('section', { class: rootClass, 'data-testid': 'rd-role-assign' }, [
+                h('span', { class: 'rd-field__label' }, 'Assign role'),
+                props.summary ? h('p', { class: 'rd-onboarding__summary' }, props.summary) : null,
+                h('select', { class: 'rd-select' }, ((_a = props.roleOptions) !== null && _a !== void 0 ? _a : []).map((o) => h('option', { key: o.value, value: o.value }, o.label))),
+                h('button', { type: 'button', class: 'rd-button' }, 'Confirm access'),
+                (_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=role-assign.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"role-assign.js","sourceRoot":"","sources":["../../../../../../packages/vue/src/domain/role-assign/role-assign.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAA6C,MAAM,KAAK,CAAC;AASpF,+DAA+D;AAC/D,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,OAAO,EAAE,EAAE,IAAI,EAAE,MAAsC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC7E,WAAW,EAAE,EAAE,IAAI,EAAE,KAAiE,EAAE,OAAO,EAAE,SAAS,EAAE;KAC7G;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,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,aAAa,CAAC;gBACtD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;gBACjF,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,CAAC,MAAA,KAAK,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;gBACjI,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,gBAAgB,CAAC;gBACrE,MAAA,KAAK,CAAC,OAAO,qDAAI;aAClB,CAAC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

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

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

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

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