@meistrari/chat-ui-lang 0.3.0 → 0.4.0

package/dist/nuxt/runtime/components/widgets/col.d.vue.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    props: {
+        label: string;
+        values: Array<string | number>;
+        align?: 'left' | 'right';
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/col.vue

@@ -0,0 +1,16 @@
+<script setup>
+const props = defineProps({
+  props: { type: Object, required: true }
+});
+</script>
+
+<template>
+    <dl flex flex-col gap-4px data-openui="col">
+        <dt body-12-medium text-secondary>
+            {{ props.props.label }}
+        </dt>
+        <dd v-for="(value, index) in props.props.values" :key="index" body-14-regular text-primary>
+            {{ value }}
+        </dd>
+    </dl>
+</template>

package/dist/nuxt/runtime/components/widgets/col.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    props: {
+        label: string;
+        values: Array<string | number>;
+        align?: 'left' | 'right';
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/file-card.d.vue.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    props: {
+        vaultRef: string;
+        name: string;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/file-card.vue

@@ -0,0 +1,9 @@
+<script setup>
+const props = defineProps({
+  props: { type: Object, required: true }
+});
+</script>
+
+<template>
+    <span body-14-regular text-secondary data-openui="file-card">{{ props.props.name }}</span>
+</template>

package/dist/nuxt/runtime/components/widgets/file-card.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    props: {
+        vaultRef: string;
+        name: string;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/form.d.vue.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    props: {
+        name: string;
+        fields: unknown[];
+        submitLabel?: string;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/form.vue

@@ -0,0 +1,60 @@
+<script setup>
+import { OPENUI_ERROR_REPORTER_KEY, OPENUI_FORM_KEY } from "../../context";
+import { collectFormFields } from "../../form-fields";
+import { useOpenuiContext } from "../../use-openui-context";
+const props = defineProps({
+  props: { type: Object, required: true }
+});
+const { renderNode, interactive, triggerAction } = useOpenuiContext();
+const reportErrors = inject(OPENUI_ERROR_REPORTER_KEY, null);
+const values = reactive(/* @__PURE__ */ Object.create(null));
+const sending = ref(false);
+const refused = ref(false);
+provide(OPENUI_FORM_KEY, {
+  get: (name) => values[name],
+  set: (name, value) => {
+    values[name] = value;
+  }
+});
+const collected = computed(() => collectFormFields(props.props.fields));
+const fields = computed(() => collected.value.fields);
+watch(() => collected.value.duplicates.join(","), (duplicates) => {
+  if (duplicates)
+    reportErrors?.([{ source: "runtime", code: "runtime-error", component: "Form", message: `Form ${props.props.name} repeats field names: ${duplicates}` }], "");
+}, { immediate: true });
+const Fields = () => renderNode(props.props.fields);
+function formatValue(field, value) {
+  if (field.type === "Checkbox")
+    return value === true ? "sim" : "n\xE3o";
+  const text = typeof value === "string" ? value.trim() : "";
+  return text || "n\xE3o informado";
+}
+async function submit() {
+  if (!interactive.value || sending.value)
+    return;
+  sending.value = true;
+  refused.value = false;
+  try {
+    const lines = fields.value.map((field) => `${field.label}: ${formatValue(field, values[field.name])}`);
+    const accepted = await triggerAction(props.props.submitLabel ?? "Enviar", {
+      steps: [{ type: "continue_conversation", message: `Dados (${props.props.name}):
+${lines.join("\n")}` }]
+    });
+    refused.value = !accepted && interactive.value;
+  } finally {
+    sending.value = false;
+  }
+}
+</script>
+
+<template>
+    <form flex flex-col gap-12px rounded-12px border-0.5px border p-16px data-openui="form" @submit.prevent="submit">
+        <Fields />
+        <div flex items-center justify-end gap-12px>
+            <span v-if="refused" body-12-regular text-error role="alert">Não foi possível enviar. Tente novamente.</span>
+            <TelaButton type="submit" :disabled="!interactive" :loading="sending">
+                {{ props.props.submitLabel ?? "Enviar" }}
+            </TelaButton>
+        </div>
+    </form>
+</template>

package/dist/nuxt/runtime/components/widgets/form.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    props: {
+        name: string;
+        fields: unknown[];
+        submitLabel?: string;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/image.d.vue.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    props: {
+        src: string;
+        alt: string;
+        caption?: string;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/image.vue

@@ -0,0 +1,34 @@
+<script setup>
+const props = defineProps({
+  props: { type: Object, required: true }
+});
+const src = computed(() => String(props.props.src ?? ""));
+const httpsHost = computed(() => {
+  if (!/^https:\/\/[^\s<>"']+$/.test(src.value))
+    return "";
+  try {
+    return new URL(src.value).host;
+  } catch {
+    return "";
+  }
+});
+</script>
+
+<template>
+    <figure flex flex-col gap-8px m-0 data-openui="image">
+        <a
+            v-if="httpsHost"
+            :href="src"
+            target="_blank"
+            rel="noopener noreferrer"
+            inline-flex items-center gap-6px body-14-regular text-primary underline
+        >
+            <TelaIcon name="i-ph-image" size="14px" shrink-0 />
+            {{ props.props.alt || "Imagem" }} ({{ httpsHost }})
+        </a>
+        <span v-else body-14-regular text-secondary>{{ props.props.alt }}</span>
+        <figcaption v-if="props.props.caption" body-12-regular text-secondary>
+            {{ props.props.caption }}
+        </figcaption>
+    </figure>
+</template>

package/dist/nuxt/runtime/components/widgets/image.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    props: {
+        src: string;
+        alt: string;
+        caption?: string;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/input.d.vue.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    props: {
+        name: string;
+        label: string;
+        placeholder?: string;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/input.vue

@@ -0,0 +1,23 @@
+<script setup>
+import { OPENUI_FORM_KEY } from "../../context";
+import { useOpenuiContext } from "../../use-openui-context";
+const props = defineProps({
+  props: { type: Object, required: true }
+});
+const form = inject(OPENUI_FORM_KEY, null);
+const local = ref("");
+const { interactive } = useOpenuiContext();
+const value = computed({
+  get: () => String((form ? form.get(props.props.name) : local.value) ?? ""),
+  set: (next) => {
+    if (form)
+      form.set(props.props.name, next);
+    else
+      local.value = next;
+  }
+});
+</script>
+
+<template>
+    <TelaInput v-model="value" :label="props.props.label" :placeholder="props.props.placeholder" :disabled="!interactive" w-full data-openui="input" />
+</template>

package/dist/nuxt/runtime/components/widgets/input.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    props: {
+        name: string;
+        label: string;
+        placeholder?: string;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/markdown.d.vue.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    props: {
+        text: string;
+    };
+    partial?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/markdown.vue

@@ -0,0 +1,14 @@
+<script setup>
+import { OPENUI_HOST_KEY } from "../../context";
+import OpenuiPlainProse from "../plain-prose.vue";
+const props = defineProps({
+  props: { type: Object, required: true },
+  partial: { type: Boolean, required: false }
+});
+const host = inject(OPENUI_HOST_KEY, ref({}));
+const prose = computed(() => host.value.prose ?? OpenuiPlainProse);
+</script>
+
+<template>
+    <component :is="prose" :text="props.props.text" :partial="partial" data-openui="markdown" />
+</template>

package/dist/nuxt/runtime/components/widgets/markdown.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    props: {
+        text: string;
+    };
+    partial?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/metric.d.vue.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    props: {
+        label: string;
+        value: string;
+        delta?: string;
+        tone?: 'neutral' | 'positive' | 'negative';
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/metric.vue

@@ -0,0 +1,20 @@
+<script setup>
+const props = defineProps({
+  props: { type: Object, required: true }
+});
+const deltaClass = computed(() => ({
+  neutral: "text-secondary",
+  positive: "text-success",
+  negative: "text-error"
+})[props.props.tone ?? "neutral"]);
+</script>
+
+<template>
+    <div flex flex-col gap-12px rounded-12px border-0.5px border p-16px bg-subtle data-openui="metric">
+        <span body-12-medium text-secondary>{{ props.props.label }}</span>
+        <div flex items-baseline gap-8px>
+            <span heading-h3-semibold text-contrast>{{ props.props.value }}</span>
+            <span v-if="props.props.delta" body-12-medium :class="deltaClass">{{ props.props.delta }}</span>
+        </div>
+    </div>
+</template>

package/dist/nuxt/runtime/components/widgets/metric.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    props: {
+        label: string;
+        value: string;
+        delta?: string;
+        tone?: 'neutral' | 'positive' | 'negative';
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/option.d.vue.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    props: {
+        id: string;
+        label: string;
+        description?: string;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/option.vue

@@ -0,0 +1,12 @@
+<script setup>
+const props = defineProps({
+  props: { type: Object, required: true }
+});
+</script>
+
+<template>
+    <div flex flex-col data-openui="option">
+        <span body-14-regular text-primary>{{ props.props.label }}</span>
+        <span v-if="props.props.description" body-12-regular text-secondary>{{ props.props.description }}</span>
+    </div>
+</template>

package/dist/nuxt/runtime/components/widgets/option.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    props: {
+        id: string;
+        label: string;
+        description?: string;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/question.d.vue.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    props: {
+        id: string;
+        title: string;
+        options: unknown[];
+        multiple?: boolean;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/question.vue

@@ -0,0 +1,15 @@
+<script setup>
+import { useOpenuiContext } from "../../use-openui-context";
+const props = defineProps({
+  props: { type: Object, required: true }
+});
+const { renderNode } = useOpenuiContext();
+const Options = () => renderNode(props.props.options);
+</script>
+
+<template>
+    <div flex flex-col gap-8px data-openui="question">
+        <span body-14-medium text-primary>{{ props.props.title }}</span>
+        <Options />
+    </div>
+</template>

package/dist/nuxt/runtime/components/widgets/question.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    props: {
+        id: string;
+        title: string;
+        options: unknown[];
+        multiple?: boolean;
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/questions.d.vue.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    props: {
+        requestId: string;
+        questions: unknown[];
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/questions.vue

@@ -0,0 +1,91 @@
+<script setup>
+import { formatQuestionAnswers } from "@meistrari/chat-ui-lang";
+import { OPENUI_ERROR_REPORTER_KEY } from "../../context";
+import { useOpenuiContext } from "../../use-openui-context";
+const props = defineProps({
+  props: { type: Object, required: true }
+});
+const { interactive, triggerAction } = useOpenuiContext();
+const reportErrors = inject(OPENUI_ERROR_REPORTER_KEY, null);
+function toQuestion(node) {
+  const question = node;
+  if (question?.typeName !== "Question" || !question.props || typeof question.props.id !== "string" || typeof question.props.title !== "string")
+    return null;
+  const options = (Array.isArray(question.props.options) ? question.props.options : []).map((option) => option).filter((option) => option?.typeName === "Option" && typeof option.props?.id === "string" && typeof option.props.label === "string").map((option) => ({
+    id: option.props.id,
+    label: option.props.label,
+    ...typeof option.props.description === "string" ? { description: option.props.description } : {}
+  }));
+  if (options.length === 0)
+    return null;
+  return {
+    id: question.props.id,
+    title: question.props.title,
+    type: question.props.multiple === true ? "multiple" : "single",
+    options
+  };
+}
+const parsedQuestions = computed(() => (Array.isArray(props.props.questions) ? props.props.questions : []).map(toQuestion).filter((question) => question !== null));
+const hasRepeatedIds = computed(() => new Set(parsedQuestions.value.map((question) => question.id)).size !== parsedQuestions.value.length || parsedQuestions.value.some((question) => new Set(question.options.map((option) => option.id)).size !== question.options.length));
+const questions = computed(() => hasRepeatedIds.value ? [] : parsedQuestions.value);
+watch(hasRepeatedIds, (repeated) => {
+  if (repeated)
+    reportErrors?.([{ source: "runtime", code: "runtime-error", component: "Questions", message: `Questions ${props.props.requestId} repeats question or option IDs` }], "");
+}, { immediate: true });
+const answers = reactive(/* @__PURE__ */ new Map());
+const sending = ref(false);
+watch(questions, (list) => {
+  for (const question of list) {
+    if (!answers.has(question.id))
+      answers.set(question.id, { selected: [] });
+  }
+}, { immediate: true });
+function toggle(question, optionId) {
+  if (!interactive.value)
+    return;
+  if (!answers.has(question.id))
+    answers.set(question.id, { selected: [] });
+  const answer = answers.get(question.id);
+  if (question.type === "single") {
+    answer.selected = [optionId];
+    return;
+  }
+  answer.selected = answer.selected.includes(optionId) ? answer.selected.filter((id) => id !== optionId) : [...answer.selected, optionId];
+}
+const message = computed(() => formatQuestionAnswers(props.props.requestId, questions.value, Object.fromEntries(answers)));
+async function submit() {
+  if (!interactive.value || !message.value || sending.value)
+    return;
+  sending.value = true;
+  try {
+    await triggerAction("Enviar respostas", { steps: [{ type: "continue_conversation", message: message.value }] });
+  } finally {
+    sending.value = false;
+  }
+}
+</script>
+
+<template>
+    <div v-if="questions.length" flex flex-col gap-16px rounded-12px border-0.5px border p-16px data-openui="questions">
+        <div v-for="question in questions" :key="question.id" flex flex-col gap-8px>
+            <span body-14-medium text-primary>{{ question.title }}</span>
+            <div flex flex-wrap gap-8px>
+                <TelaButton
+                    v-for="option in question.options"
+                    :key="option.id"
+                    :variant="answers.get(question.id)?.selected.includes(option.id) ? 'primary' : 'secondary'"
+                    :disabled="!interactive"
+                    :title="option.description"
+                    @click="toggle(question, option.id)"
+                >
+                    {{ option.label }}
+                </TelaButton>
+            </div>
+        </div>
+        <div flex justify-end>
+            <TelaButton :disabled="!interactive || !message" :loading="sending" @click="submit">
+                Enviar respostas
+            </TelaButton>
+        </div>
+    </div>
+</template>

package/dist/nuxt/runtime/components/widgets/questions.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    props: {
+        requestId: string;
+        questions: unknown[];
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/select.d.vue.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    props: {
+        name: string;
+        label: string;
+        options: string[];
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/select.vue

@@ -0,0 +1,27 @@
+<script setup>
+import { OPENUI_FORM_KEY } from "../../context";
+import { useOpenuiContext } from "../../use-openui-context";
+const props = defineProps({
+  props: { type: Object, required: true }
+});
+const form = inject(OPENUI_FORM_KEY, null);
+const local = ref("");
+const { interactive } = useOpenuiContext();
+const options = computed(() => (Array.isArray(props.props.options) ? props.props.options : []).filter((option) => typeof option === "string").map((option) => ({ value: option, label: option })));
+const value = computed({
+  get: () => String((form ? form.get(props.props.name) : local.value) ?? ""),
+  set: (next) => {
+    if (form)
+      form.set(props.props.name, next);
+    else
+      local.value = next;
+  }
+});
+</script>
+
+<template>
+    <div flex flex-col gap-4px data-openui="select">
+        <span body-12-medium text-secondary>{{ props.props.label }}</span>
+        <TelaSelectMenu v-model="value" :options="options" :disabled="!interactive" trigger-class="w-full" />
+    </div>
+</template>

package/dist/nuxt/runtime/components/widgets/select.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    props: {
+        name: string;
+        label: string;
+        options: string[];
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/stack.d.vue.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    props: {
+        children: unknown[];
+        direction?: 'column' | 'row';
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/nuxt/runtime/components/widgets/stack.vue

@@ -0,0 +1,18 @@
+<script setup>
+import { useOpenuiContext } from "../../use-openui-context";
+const props = defineProps({
+  props: { type: Object, required: true }
+});
+const { renderNode } = useOpenuiContext();
+const Children = () => renderNode(props.props.children);
+</script>
+
+<template>
+    <div
+        flex gap-12px w-full
+        :class="props.props.direction === 'row' ? 'flex-row flex-wrap items-stretch [&>*]:flex-1 [&>*]:min-w-160px' : 'flex-col'"
+        data-openui="stack"
+    >
+        <Children />
+    </div>
+</template>

package/dist/nuxt/runtime/components/widgets/stack.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    props: {
+        children: unknown[];
+        direction?: 'column' | 'row';
+    };
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;