@nyuccl/smile 0.2.0-beta.6 → 0.2.0-beta.8

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@nyuccl/smile",
   "configKey": "smile",
-  "version": "0.2.0-beta.6",
+  "version": "0.2.0-beta.8",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/builtins/AdvertisementView.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { onMounted, ref, onBeforeUnmount } from "vue";
 import { animate } from "motion";
+import useViewAPI from "../../composables/useViewAPI";
 const api = useViewAPI();
 let timer;
 let clicked = false;
@@ -35,7 +36,7 @@ onBeforeUnmount(() => {
   >
     <img
       ref="logo"
-      src="/brain.svg"
+      :src="'/brain.svg'"
       width="220"
       class="dark-aware-img"
     >

package/dist/runtime/components/builtins/DemographicSurveyView.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { reactive, computed, ref } from "vue";
 import { CalendarIcon } from "lucide-vue-next";
+import useViewAPI from "../../composables/useViewAPI";
 const api = useViewAPI();
 api.steps.append([{ id: "survey_page1" }, { id: "survey_page2" }, { id: "survey_page3" }]);
 const isPopoverOpen = ref(false);

package/dist/runtime/components/builtins/DeviceSurveyView.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { reactive, computed } from "vue";
+import useViewAPI from "../../composables/useViewAPI";
 const api = useViewAPI();
 api.steps.append([{ id: "device_page1" }, { id: "device_page2" }]);
 if (!api.persist.isDefined("forminfo")) {

package/dist/runtime/components/builtins/ExpView.vue

@@ -1,4 +1,5 @@
 <script setup>
+import useViewAPI from "../../composables/useViewAPI";
 const api = useViewAPI();
 function finish() {
   api.goNextView();

package/dist/runtime/components/builtins/ExperimentStatusBar.vue

@@ -1,4 +1,7 @@
 <script setup>
+import { computed } from "vue";
+import { useRoute } from "#imports";
+import useAPI from "../../composables/useAPI";
 const api = useAPI();
 const route = useRoute();
 const showStatusBar = computed(() => {

package/dist/runtime/components/builtins/FavoriteColor.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { ref } from "vue";
+import useViewAPI from "../../composables/useViewAPI";
 const api = useViewAPI();
 const faveColor = ref("");
 function finish() {

package/dist/runtime/components/builtins/FavoriteNumber.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { ref } from "vue";
+import useViewAPI from "../../composables/useViewAPI";
 const api = useViewAPI();
 const faveNumber = ref("1");
 function finish() {

package/dist/runtime/components/builtins/InformedConsentModal.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { watch, onUnmounted } from "vue";
+import useAPI from "../../composables/useAPI";
 const props = defineProps({
   show: {
     type: Boolean,

package/dist/runtime/components/builtins/InformedConsentView.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { ref, watch, onBeforeUnmount } from "vue";
 import { animate } from "motion";
+import useViewAPI from "../../composables/useViewAPI";
 const _props = defineProps({
   informedConsentText: {
     type: Object,

package/dist/runtime/components/builtins/InstructionsQuiz.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { computed } from "vue";
+import useViewAPI from "../../composables/useViewAPI";
 const api = useViewAPI();
 const props = defineProps({
   questions: {

package/dist/runtime/components/builtins/InstructionsView.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { computed } from "vue";
+import useViewAPI from "../../composables/useViewAPI";
 const api = useViewAPI();
 const cond = api.getConditionByName("instructionsVersion");
 const instText = computed(() => {

package/dist/runtime/components/builtins/MTurkRecruitView.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { onMounted, ref } from "vue";
+import useAPI from "../../composables/useAPI";
 const api = useAPI();
 const props = defineProps({
   estimated_time: {

package/dist/runtime/components/builtins/PresentationModeView.d.vue.ts

@@ -84,10 +84,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
 }>> & Readonly<{}>, {
     title: string;
-    description: string | unknown[];
     subtitle: string;
     siteAuthor: Record<string, any>;
     projectAuthors: unknown[];
     info: unknown[];
+    description: string | unknown[];
     sections: unknown[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/builtins/PresentationModeView.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { computed } from "vue";
 import { ArrowRight } from "lucide-vue-next";
+import useAPI from "../../composables/useAPI";
 const api = useAPI();
 const props = defineProps({
   title: {

package/dist/runtime/components/builtins/PresentationModeView.vue.d.ts

@@ -84,10 +84,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     };
 }>> & Readonly<{}>, {
     title: string;
-    description: string | unknown[];
     subtitle: string;
     siteAuthor: Record<string, any>;
     projectAuthors: unknown[];
     info: unknown[];
+    description: string | unknown[];
     sections: unknown[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/builtins/StatusBar.vue

@@ -1,5 +1,7 @@
 <script setup>
 import { ref } from "vue";
+import useSmileStore from "../../stores/smilestore";
+import useAPI from "../../composables/useAPI";
 const smilestore = useSmileStore();
 const api = useAPI();
 const email = ref("");

package/dist/runtime/components/builtins/StudyPreviewText.vue

@@ -1,4 +1,5 @@
 <script setup>
+import useAPI from "../../composables/useAPI";
 const api = useAPI();
 const _props = defineProps({
   estimated_time: {
@@ -50,7 +51,7 @@ const _props = defineProps({
     <template #right>
       <!-- Lab logo (hidden on smaller screens) -->
       <img
-        src="@/user/assets/brain.svg"
+        :src="'/brain.svg'"
         width="220"
         class="mb-4 hidden @xl:block"
       >

package/dist/runtime/components/builtins/TaskFeedbackSurveyView.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { reactive, computed } from "vue";
+import useViewAPI from "../../composables/useViewAPI";
 const api = useViewAPI();
 if (!api.persist.isDefined("forminfo")) {
   api.persist.forminfo = reactive({

package/dist/runtime/components/builtins/ThanksView.vue

@@ -1,6 +1,7 @@
 <script setup>
 import Clipboard from "clipboard";
 import { onMounted, ref } from "vue";
+import useAPI from "../../composables/useAPI";
 const api = useAPI();
 const alreadyCompleted = !!api.store.cookieState.completionCode;
 const isUploading = ref(!alreadyCompleted);

package/dist/runtime/components/builtins/WindowSizerView.vue

@@ -1,4 +1,5 @@
 <script setup>
+import useViewAPI from "../../composables/useViewAPI";
 const api = useViewAPI();
 const props = defineProps(["triggered"]);
 function finish() {

package/dist/runtime/components/builtins/WithdrawModal.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { reactive, watch, onUnmounted } from "vue";
+import useAPI from "../../composables/useAPI";
 const props = defineProps({
   show: {
     type: Boolean,

package/dist/runtime/components/builtins/WithdrawView.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { computed } from "vue";
+import useAPI from "../../composables/useAPI";
 const api = useAPI();
 api.saveData(true);
 const cardContent = {

package/dist/runtime/components/dev/RecruitmentChooserView.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { computed } from "vue";
+import useViewAPI from "../../composables/useViewAPI";
 const api = useViewAPI();
 const devUrls = computed(() => {
   const urls = {};

package/dist/runtime/components/dev/ResponsiveDeviceContainer.vue

@@ -3,6 +3,7 @@ import { ref, computed } from "vue";
 import ResponsiveDeviceSelect from "./menu/ResponsiveDeviceSelect.vue";
 import { useElementSize } from "@vueuse/core";
 import { devicePresets } from "./devicePresets.js";
+import useAPI from "../../composables/useAPI";
 const api = useAPI();
 const fullScreenDiv = ref(null);
 const { width: _fullScreenWidth, height: _fullScreenHeight } = useElementSize(fullScreenDiv);

package/dist/runtime/components/dev/console/ConfigList.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { computed } from "vue";
+import useAPI from "../../../composables/useAPI";
 const props = defineProps(["data", "selected"]);
 const api = useAPI();
 const emit = defineEmits(["selected"]);

package/dist/runtime/components/dev/console/ConsoleConfigPanel.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { reactive, computed, onMounted } from "vue";
 import ConfigList from "./ConfigList.vue";
+import useAPI from "../../../composables/useAPI";
 const api = useAPI();
 const browse_panels = reactive({ path: ["/", null, null] });
 onMounted(() => {

package/dist/runtime/components/dev/console/ConsoleDatabaseBrowsePanel.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { reactive, computed, onMounted } from "vue";
 import DatabaseList from "./DatabaseList.vue";
+import useAPI from "../../../composables/useAPI";
 const api = useAPI();
 const browse_panels = reactive({ path: ["/", null, null] });
 onMounted(() => {

package/dist/runtime/components/dev/console/ConsoleLogPanel.vue

@@ -1,5 +1,7 @@
 <script setup>
 import { computed } from "vue";
+import useLog from "../../../stores/log";
+import useAPI from "../../../composables/useAPI";
 const api = useAPI();
 const log = useLog();
 const height_pct = computed(() => `${api.store.dev.consoleBarHeight - 55}px`);
@@ -158,7 +160,7 @@ function getBgClass(msg) {
                   <i-fa6-regular-clock v-else-if="msg.message.includes('TRIAL STEPPER')" />
                   <img
                     v-else-if="msg.message.includes('FIRESTORE')"
-                    src="/src/assets/dev/firebase-bw.svg"
+                    :src="'/firebase-bw.svg'"
                     width="15"
                   >
                   <i-fa6-solid-angle-right v-else />
@@ -199,7 +201,7 @@ function getBgClass(msg) {
                   <i-fa6-regular-clock v-else-if="msg.message.includes('TRIAL STEPPER')" />
                   <img
                     v-else-if="msg.message.includes('FIRESTORE')"
-                    src="/src/assets/dev/firebase-bw.svg"
+                    :src="'/firebase-bw.svg'"
                     width="15"
                   >
                   <i-fa6-solid-angle-right v-else />

package/dist/runtime/components/dev/console/DatabaseList.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { computed } from "vue";
+import useAPI from "../../../composables/useAPI";
 const props = defineProps(["data", "selected"]);
 const api = useAPI();
 const emit = defineEmits(["selected"]);

package/dist/runtime/components/dev/console/SmileDevConsole.vue

@@ -2,6 +2,7 @@
 import ConsoleDatabaseBrowsePanel from "./ConsoleDatabaseBrowsePanel.vue";
 import ConsoleLogPanel from "./ConsoleLogPanel.vue";
 import ConsoleConfigPanel from "./ConsoleConfigPanel.vue";
+import useAPI from "../../../composables/useAPI";
 const api = useAPI();
 </script>
 

package/dist/runtime/components/dev/menu/DevConfigPanel.vue

@@ -1,6 +1,7 @@
 <script setup>
 import ResponsiveDeviceSelect from "./ResponsiveDeviceSelect.vue";
 import { devicePresets } from "../devicePresets.js";
+import useAPI from "../../../composables/useAPI";
 const api = useAPI();
 const checkForMatchingPreset = () => {
   for (const [key, preset] of Object.entries(devicePresets)) {

package/dist/runtime/components/dev/menu/ResponsiveDeviceSelect.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { devicePresets } from "../devicePresets.js";
+import useAPI from "../../../composables/useAPI";
 const api = useAPI();
 const handleDeviceChange = (value) => {
   console.log("handleDeviceChange called with:", value);

package/dist/runtime/components/dev/menu/SmileDevAppMenu.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { computed } from "vue";
 import DevConfigPanel from "./DevConfigPanel.vue";
+import useAPI from "../../../composables/useAPI";
 const props = defineProps({
   side: { type: String, required: false },
   variant: { type: String, required: false },

package/dist/runtime/components/dev/navbar/DatabaseButtonGroup.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { computed } from "vue";
 import CircleProgress from "./CircleProgress.vue";
+import useAPI from "../../../composables/useAPI";
 const api = useAPI();
 const database_tooltip = computed(() => {
   let msg = "";

package/dist/runtime/components/dev/navbar/FullScreenButton.vue

@@ -1,4 +1,5 @@
 <script setup>
+import useAPI from "../../../composables/useAPI";
 const api = useAPI();
 </script>
 

package/dist/runtime/components/dev/navbar/ReloadButton.vue

@@ -1,4 +1,5 @@
 <script setup>
+import useAPI from "../../../composables/useAPI";
 const api = useAPI();
 </script>
 

package/dist/runtime/components/dev/navbar/ResetButton.vue

@@ -1,4 +1,5 @@
 <script setup>
+import useAPI from "../../../composables/useAPI";
 const api = useAPI();
 </script>
 

package/dist/runtime/components/dev/navbar/RouteJumper.vue

@@ -1,5 +1,7 @@
 <script setup>
 import { watch, ref, computed } from "vue";
+import useLog from "../../../stores/log";
+import useAPI from "../../../composables/useAPI";
 const api = useAPI();
 const _props = defineProps(["routeName"]);
 const log = useLog();

package/dist/runtime/components/dev/navbar/SmileDevNavBar.vue

@@ -11,6 +11,7 @@ import KeyCommandNotification from "./KeyCommandNotification.vue";
 import LogoutButton from "../presentation/LogoutButton.vue";
 import { ref } from "vue";
 import { onKeyDown } from "@vueuse/core";
+import useAPI from "../../../composables/useAPI";
 const api = useAPI();
 const showNotification = ref(false);
 const notificationCommand = ref("");

package/dist/runtime/components/dev/navbar/StepInfoButtonGroup.vue

@@ -1,4 +1,5 @@
 <script setup>
+import useViewAPI from "../../../composables/useViewAPI";
 const api = useViewAPI();
 </script>
 

package/dist/runtime/components/dev/navbar/ViewButton.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { computed } from "vue";
+import useAPI from "../../../composables/useAPI";
 const api = useAPI();
 const currentState = computed(() => {
   const sideBar = api.store.dev.showSideBar;

package/dist/runtime/components/dev/navbar/ViewInfoButtonGroup.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { computed } from "vue";
 import RouteJumper from "./RouteJumper.vue";
+import useAPI from "../../../composables/useAPI";
 const api = useAPI();
 const route = useRoute();
 const isDevMode = computed(() => route.path.startsWith("/dev/") || route.path === "/dev");

package/dist/runtime/components/dev/presentation/QRCodeButton.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { computed } from "vue";
+import useAPI from "../../../composables/useAPI";
 const api = useAPI();
 const qrUrl = computed(() => {
   const deployUrl = api.config.deployURL || (import.meta.client ? window.location.origin : "");

package/dist/runtime/components/dev/sidebar/DatabaseStatusInfoPanel.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { computed, ref, onMounted, onBeforeUnmount } from "vue";
+import useAPI from "../../../composables/useAPI";
 const api = useAPI();
 const timer = ref(null);
 const _sync_state = computed(() => {

package/dist/runtime/components/dev/sidebar/RandomizationSidebarPanel.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { ref, watch } from "vue";
+import useSmileStore from "../../../stores/smilestore";
 const api = useAPI();
 const smilestore = useSmileStore();
 const seed = ref(smilestore.getSeedID);

package/dist/runtime/components/dev/sidebar/SmileDevSideBar.vue

@@ -5,6 +5,7 @@ import DatabaseStatusInfoPanel from "./DatabaseStatusInfoPanel.vue";
 import RandomizationSidebarPanel from "./RandomizationSidebarPanel.vue";
 import StudyInfoPanel from "./StudyInfoPanel.vue";
 import AppProgressPanel from "./AppProgressPanel.vue";
+import useAPI from "../../../composables/useAPI";
 const api = useAPI();
 </script>
 

package/dist/runtime/components/dev/sidebar/StepDataViewer.d.vue.ts

@@ -11,12 +11,12 @@ export type Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     data: {
-        type: (BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor | ArrayConstructor | null)[];
+        type: (NumberConstructor | StringConstructor | ObjectConstructor | ArrayConstructor | BooleanConstructor | null)[];
         required: true;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
-        type: (BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor | ArrayConstructor | null)[];
+        type: (NumberConstructor | StringConstructor | ObjectConstructor | ArrayConstructor | BooleanConstructor | null)[];
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/dev/sidebar/StepDataViewer.vue.d.ts

@@ -11,12 +11,12 @@ export type Props = {
 };
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     data: {
-        type: (BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor | ArrayConstructor | null)[];
+        type: (NumberConstructor | StringConstructor | ObjectConstructor | ArrayConstructor | BooleanConstructor | null)[];
         required: true;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
-        type: (BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor | ArrayConstructor | null)[];
+        type: (NumberConstructor | StringConstructor | ObjectConstructor | ArrayConstructor | BooleanConstructor | null)[];
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/dev/sidebar/StepExplorerPanel.vue

@@ -2,6 +2,7 @@
 import { ref, computed, watch } from "vue";
 import StepNode from "./StepNode.vue";
 import StepDataViewer from "./StepDataViewer.vue";
+import useViewAPI from "../../../composables/useViewAPI";
 const api = useViewAPI();
 const stateMachine = computed(() => api.steps.visualize());
 const _pathToString = (pathArray) => {

package/dist/runtime/components/ui/button/index.d.ts

@@ -1,5 +1,5 @@
 export { default as Button } from "./Button.vue.js";
 export const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "success" | "outline" | "ghost" | "secondary" | "info" | "warning-light" | "danger-light" | "destructive" | "primary" | "primary-light" | "button-link" | "button-link-light" | "info-light" | "success-light" | "warning" | "danger" | null | undefined;
+    variant?: "success" | "default" | "link" | "outline" | "ghost" | "secondary" | "warning-light" | "info" | "danger-light" | "destructive" | "primary" | "primary-light" | "button-link" | "button-link-light" | "info-light" | "success-light" | "warning" | "danger" | null | undefined;
     size?: "default" | "menu" | "xs" | "sm" | "icon" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/runtime/components/ui/button-group/ButtonGroup.d.vue.ts

@@ -76,9 +76,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     };
 }>> & Readonly<{}>, {
     disabled: boolean;
+    orientation: string;
     asChild: boolean;
     as: any;
-    orientation: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
     default?: ((props: {}) => any) | undefined;

package/dist/runtime/components/ui/button-group/ButtonGroup.vue.d.ts

@@ -76,9 +76,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     };
 }>> & Readonly<{}>, {
     disabled: boolean;
+    orientation: string;
     asChild: boolean;
     as: any;
-    orientation: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
     default?: ((props: {}) => any) | undefined;

package/dist/runtime/components/ui/checkbox/Checkbox.d.vue.ts

@@ -6,11 +6,11 @@ type __VLS_WithSlots<T, S> = T & (new () => {
 });
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     defaultValue: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         required: false;
     };
     modelValue: {
-        type: (BooleanConstructor | StringConstructor | null)[];
+        type: (StringConstructor | BooleanConstructor | null)[];
         required: false;
     };
     disabled: {
@@ -59,11 +59,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     defaultValue: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         required: false;
     };
     modelValue: {
-        type: (BooleanConstructor | StringConstructor | null)[];
+        type: (StringConstructor | BooleanConstructor | null)[];
         required: false;
     };
     disabled: {
@@ -112,9 +112,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: string;
-    disabled: boolean;
     variant: string;
     required: boolean;
+    disabled: boolean;
     asChild: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {

package/dist/runtime/components/ui/checkbox/Checkbox.vue.d.ts

@@ -6,11 +6,11 @@ type __VLS_WithSlots<T, S> = T & (new () => {
 });
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     defaultValue: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         required: false;
     };
     modelValue: {
-        type: (BooleanConstructor | StringConstructor | null)[];
+        type: (StringConstructor | BooleanConstructor | null)[];
         required: false;
     };
     disabled: {
@@ -59,11 +59,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     defaultValue: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         required: false;
     };
     modelValue: {
-        type: (BooleanConstructor | StringConstructor | null)[];
+        type: (StringConstructor | BooleanConstructor | null)[];
         required: false;
     };
     disabled: {
@@ -112,9 +112,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: string;
-    disabled: boolean;
     variant: string;
     required: boolean;
+    disabled: boolean;
     asChild: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {

package/dist/runtime/components/ui/checkbox/index.d.ts

@@ -1,5 +1,5 @@
 export { default as Checkbox } from "./Checkbox.vue.js";
 export const checkboxVariants: (props?: ({
-    variant?: "default" | "success" | "info" | "primary" | "warning" | "danger" | null | undefined;
+    variant?: "success" | "default" | "info" | "primary" | "warning" | "danger" | null | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuCheckboxItem.d.vue.ts

@@ -6,7 +6,7 @@ type __VLS_WithSlots<T, S> = T & (new () => {
 });
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         required: false;
     };
     disabled: {
@@ -34,7 +34,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         required: false;
     };
     disabled: {

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue.d.ts

@@ -6,7 +6,7 @@ type __VLS_WithSlots<T, S> = T & (new () => {
 });
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         required: false;
     };
     disabled: {
@@ -34,7 +34,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (BooleanConstructor | StringConstructor)[];
+        type: (StringConstructor | BooleanConstructor)[];
         required: false;
     };
     disabled: {

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuItem.d.vue.ts

@@ -65,10 +65,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: string;
     };
 }>> & Readonly<{}>, {
-    disabled: boolean;
     variant: string;
-    asChild: boolean;
+    disabled: boolean;
     inset: boolean;
+    asChild: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
     default?: ((props: {}) => any) | undefined;

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuItem.vue.d.ts

@@ -65,10 +65,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         default: string;
     };
 }>> & Readonly<{}>, {
-    disabled: boolean;
     variant: string;
-    asChild: boolean;
+    disabled: boolean;
     inset: boolean;
+    asChild: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
     default?: ((props: {}) => any) | undefined;

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuLabel.d.vue.ts

@@ -39,8 +39,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         required: false;
     };
 }>> & Readonly<{}>, {
-    asChild: boolean;
     inset: boolean;
+    asChild: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
     default?: ((props: {}) => any) | undefined;

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuLabel.vue.d.ts

@@ -39,8 +39,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         required: false;
     };
 }>> & Readonly<{}>, {
-    asChild: boolean;
     inset: boolean;
+    asChild: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
     default?: ((props: {}) => any) | undefined;

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuSubTrigger.d.vue.ts

@@ -56,8 +56,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     };
 }>> & Readonly<{}>, {
     disabled: boolean;
-    asChild: boolean;
     inset: boolean;
+    asChild: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
     default?: ((props: {}) => any) | undefined;

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue.d.ts

@@ -56,8 +56,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     };
 }>> & Readonly<{}>, {
     disabled: boolean;
-    asChild: boolean;
     inset: boolean;
+    asChild: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
     default?: ((props: {}) => any) | undefined;

package/dist/runtime/components/ui/multiselect/MultiSelect.d.vue.ts

@@ -74,7 +74,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: string;
-    disabled: boolean;
     variant: string;
+    disabled: boolean;
     modelValue: unknown[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/ui/multiselect/MultiSelect.vue.d.ts

@@ -74,7 +74,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: string;
-    disabled: boolean;
     variant: string;
+    disabled: boolean;
     modelValue: unknown[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/ui/select/Select.d.vue.ts

@@ -101,8 +101,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
 }>, {
-    disabled: boolean;
     required: boolean;
+    disabled: boolean;
     multiple: boolean;
     defaultOpen: boolean;
     open: boolean;

package/dist/runtime/components/ui/select/Select.vue.d.ts

@@ -101,8 +101,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
 }>, {
-    disabled: boolean;
     required: boolean;
+    disabled: boolean;
     multiple: boolean;
     defaultOpen: boolean;
     open: boolean;

package/dist/runtime/components/ui/separator/Separator.d.vue.ts

@@ -47,7 +47,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         required: false;
     };
 }>> & Readonly<{}>, {
-    asChild: boolean;
     orientation: string;
+    asChild: boolean;
     decorative: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/ui/separator/Separator.vue.d.ts

@@ -47,7 +47,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         required: false;
     };
 }>> & Readonly<{}>, {
-    asChild: boolean;
     orientation: string;
+    asChild: boolean;
     decorative: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/ui/switch/Switch.d.vue.ts

@@ -112,9 +112,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: string;
-    disabled: boolean;
     variant: string;
     required: boolean;
+    disabled: boolean;
     defaultValue: boolean;
     asChild: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/ui/switch/Switch.vue.d.ts

@@ -112,9 +112,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: string;
-    disabled: boolean;
     variant: string;
     required: boolean;
+    disabled: boolean;
     defaultValue: boolean;
     asChild: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/ui/switch/index.d.ts

@@ -1,5 +1,5 @@
 export { default as Switch } from "./Switch.vue.js";
 export const switchVariants: (props?: ({
-    variant?: "default" | "success" | "info" | "primary" | "warning" | "danger" | null | undefined;
+    variant?: "success" | "default" | "info" | "primary" | "warning" | "danger" | null | undefined;
     size?: "default" | "sm" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/runtime/components/ui/tags-input/TagsInput.d.vue.ts

@@ -161,8 +161,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onAddTag?: ((...args: any[]) => any) | undefined;
     onRemoveTag?: ((...args: any[]) => any) | undefined;
 }>, {
-    disabled: boolean;
     required: boolean;
+    disabled: boolean;
     asChild: boolean;
     addOnPaste: boolean;
     addOnTab: boolean;

package/dist/runtime/components/ui/tags-input/TagsInput.vue.d.ts

@@ -161,8 +161,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onAddTag?: ((...args: any[]) => any) | undefined;
     onRemoveTag?: ((...args: any[]) => any) | undefined;
 }>, {
-    disabled: boolean;
     required: boolean;
+    disabled: boolean;
     asChild: boolean;
     addOnPaste: boolean;
     addOnTab: boolean;

package/dist/runtime/components/ui/toggle/Toggle.d.vue.ts

@@ -98,9 +98,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: any;
-    disabled: boolean;
     variant: any;
     required: boolean;
+    disabled: boolean;
     defaultValue: boolean;
     asChild: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/ui/toggle/Toggle.vue.d.ts

@@ -98,9 +98,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     size: any;
-    disabled: boolean;
     variant: any;
     required: boolean;
+    disabled: boolean;
     defaultValue: boolean;
     asChild: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/ui/toggle-group/ToggleGroup.d.vue.ts

@@ -132,8 +132,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     loop: boolean;
-    disabled: boolean;
     required: boolean;
+    disabled: boolean;
     asChild: boolean;
     rovingFocus: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/ui/toggle-group/ToggleGroup.vue.d.ts

@@ -132,8 +132,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     loop: boolean;
-    disabled: boolean;
     required: boolean;
+    disabled: boolean;
     asChild: boolean;
     rovingFocus: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/layouts/development.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { ref, computed, onMounted } from "vue";
+import useAPI from "../composables/useAPI";
 import { Toaster } from "vue-sonner";
 import "vue-sonner/style.css";
 import SmileDevAppMenu from "#smile-dev/menu/SmileDevAppMenu.vue";

package/dist/runtime/layouts/presentation.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { computed } from "vue";
+import useAPI from "../composables/useAPI";
 import PresentationNavBar from "#smile-dev/presentation/PresentationNavBar.vue";
 const api = useAPI();
 const isLoading = computed(() => {

package/dist/runtime/pages/[...slug].vue

@@ -13,6 +13,8 @@
 </template>
 
 <script setup>
+import { ref, computed, onMounted, watch } from "vue";
+import { useRoute, useNuxtApp, navigateTo } from "#imports";
 const route = useRoute();
 const nuxtApp = useNuxtApp();
 const timelineReady = ref(false);

package/dist/runtime/pages/dev/[...slug].vue

@@ -17,6 +17,8 @@
 </template>
 
 <script setup>
+import { ref, computed, onMounted, watch } from "vue";
+import { useRoute, useNuxtApp, navigateTo } from "#imports";
 import RecruitmentChooserView from "#smile-dev/RecruitmentChooserView.vue";
 const route = useRoute();
 const nuxtApp = useNuxtApp();

package/dist/runtime/pages/info.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { ref, computed } from "vue";
+import useSmileStore from "../stores/smilestore";
 const store = useSmileStore();
 const config = store.config;
 const baseUrl = computed(() => {

package/dist/runtime/pages/presentation/[...slug].vue

@@ -20,6 +20,8 @@
 </template>
 
 <script setup>
+import { ref, computed, onMounted, watch } from "vue";
+import { useRoute, useNuxtApp, navigateTo } from "#imports";
 import PresentationModeView from "../../components/builtins/PresentationModeView.vue";
 import useSmileStore from "../../stores/smilestore";
 const route = useRoute();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nyuccl/smile",
-  "version": "0.2.0-beta.6",
+  "version": "0.2.0-beta.8",
   "description": "SMILE experiment framework as a Nuxt module",
   "author": "Todd Gureckis <gureckis@gmail.com>",
   "license": "MIT",