@nyuccl/smile 0.2.0-beta.0 → 0.2.0-beta.10

package/dist/module.json

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

package/dist/module.mjs

@@ -1,4 +1,4 @@
-import { defineNuxtModule, createResolver, addServerScanDir, addServerImportsDir, addPlugin, addRouteMiddleware, addLayout, extendPages, addComponentsDir, addImports } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addServerScanDir, addServerImportsDir, addVitePlugin, addPlugin, addRouteMiddleware, addLayout, extendPages, addComponentsDir, addImports } from '@nuxt/kit';
 import { fileURLToPath } from 'node:url';
 import tailwindcss from '@tailwindcss/vite';
 import Icons from 'unplugin-icons/vite';
@@ -7,7 +7,7 @@ import IconsResolver from 'unplugin-icons/resolver';
 
 const module$1 = defineNuxtModule({
   meta: {
-    name: "@gureckislab/smile",
+    name: "@nyuccl/smile",
     configKey: "smile"
   },
   // Default configuration options of the Nuxt module
@@ -33,12 +33,24 @@ const module$1 = defineNuxtModule({
     _nuxt.options.alias["#smile-dev"] = resolver.resolve("./runtime/components/dev");
     _nuxt.options.vite.plugins = _nuxt.options.vite.plugins || [];
     _nuxt.options.vite.plugins.push(tailwindcss());
-    _nuxt.options.vite.plugins.push(Components({
+    addVitePlugin(Components({
       resolvers: [IconsResolver()]
     }));
-    _nuxt.options.vite.plugins.push(Icons({
-      compiler: "vue3"
+    addVitePlugin(Icons({
+      compiler: "vue3",
+      autoInstall: true
     }));
+    _nuxt.options.vite.optimizeDeps = _nuxt.options.vite.optimizeDeps || {};
+    _nuxt.options.vite.optimizeDeps.include = _nuxt.options.vite.optimizeDeps.include || [];
+    _nuxt.options.vite.optimizeDeps.include.push(
+      "@nyuccl/smile > seedrandom",
+      "@nyuccl/smile > lodash",
+      "@nyuccl/smile > clipboard",
+      "@nyuccl/smile > crypto-js/sha256",
+      "@nyuccl/smile > crypto-js/enc-base64",
+      "@nyuccl/smile > json-stable-stringify",
+      "@nyuccl/smile > qrcode-svg"
+    );
     _nuxt.options.css.push(resolver.resolve("./runtime/css/main.css"));
     addPlugin(resolver.resolve("./runtime/plugins/store-sync.client"));
     addPlugin(resolver.resolve("./runtime/plugins/seed.client"));

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,8 @@
 <script setup>
 import { reactive, computed, ref } from "vue";
+import { cn } from "../../lib/utils";
 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.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/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 | ObjectConstructor | StringConstructor | NumberConstructor | 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 | ObjectConstructor | StringConstructor | NumberConstructor | 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 | ObjectConstructor | StringConstructor | NumberConstructor | 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 | ObjectConstructor | StringConstructor | NumberConstructor | 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/forms/MonthYearDayPicker.vue

@@ -3,6 +3,7 @@ import { CalendarRoot, useDateFormatter } from "reka-ui";
 import { createDecade, createYear, toDate } from "reka-ui/date";
 import { getLocalTimeZone, today, CalendarDate } from "@internationalized/date";
 import { computed, ref, watch } from "vue";
+import { cn } from "../../lib/utils";
 const props = defineProps({
   defaultValue: { type: null, required: false },
   defaultPlaceholder: { type: null, required: false },

package/dist/runtime/components/layouts/ConstrainedPage.d.vue.ts

@@ -45,10 +45,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         description: string;
     };
 }>> & Readonly<{}>, {
-    class: string;
     width: number;
     height: number;
     responsiveUI: boolean;
+    class: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
     default?: ((props: {}) => any) | undefined;

package/dist/runtime/components/layouts/ConstrainedPage.vue.d.ts

@@ -45,10 +45,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         description: string;
     };
 }>> & Readonly<{}>, {
-    class: string;
     width: number;
     height: number;
     responsiveUI: boolean;
+    class: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
     default?: ((props: {}) => any) | undefined;

package/dist/runtime/components/layouts/ConstrainedTaskWindow.d.vue.ts

@@ -55,11 +55,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         description: string;
     };
 }>> & Readonly<{}>, {
-    class: string;
     width: number;
-    variant: string;
     height: number;
     responsiveUI: boolean;
+    class: string;
+    variant: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
     default?: ((props: {}) => any) | undefined;

package/dist/runtime/components/layouts/ConstrainedTaskWindow.vue.d.ts

@@ -55,11 +55,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         description: string;
     };
 }>> & Readonly<{}>, {
-    class: string;
     width: number;
-    variant: string;
     height: number;
     responsiveUI: boolean;
+    class: string;
+    variant: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
     default?: ((props: {}) => any) | undefined;

package/dist/runtime/components/layouts/TitleTwoCol.d.vue.ts

@@ -47,8 +47,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         description: string;
     };
 }>> & Readonly<{}>, {
-    class: string;
     responsiveUI: boolean;
+    class: string;
     leftFirst: boolean;
     leftWidth: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/layouts/TitleTwoCol.vue.d.ts

@@ -47,8 +47,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         description: string;
     };
 }>> & Readonly<{}>, {
-    class: string;
     responsiveUI: boolean;
+    class: string;
     leftFirst: boolean;
     leftWidth: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/layouts/TwoCol.d.vue.ts

@@ -47,8 +47,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         description: string;
     };
 }>> & Readonly<{}>, {
-    class: string;
     responsiveUI: boolean;
+    class: string;
     leftFirst: boolean;
     leftWidth: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/layouts/TwoCol.vue.d.ts

@@ -47,8 +47,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         description: string;
     };
 }>> & Readonly<{}>, {
-    class: string;
     responsiveUI: boolean;
+    class: string;
     leftFirst: boolean;
     leftWidth: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/ui/avatar/Avatar.vue

@@ -1,4 +1,5 @@
 <script setup>
+import { cn } from "../../../lib/utils";
 import { AvatarRoot } from "reka-ui";
 const props = defineProps({
   class: { type: null, required: false }

package/dist/runtime/components/ui/avatar/AvatarFallback.vue

@@ -1,4 +1,5 @@
 <script setup>
+import { cn } from "../../../lib/utils";
 import { reactiveOmit } from "@vueuse/core";
 import { AvatarFallback } from "reka-ui";
 const props = defineProps({