@nyuccl/smile 0.2.0-beta.5 → 0.2.0-beta.7

package/dist/module.json

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

package/dist/module.mjs

@@ -42,13 +42,13 @@ const module$1 = defineNuxtModule({
     _nuxt.options.vite.optimizeDeps = _nuxt.options.vite.optimizeDeps || {};
     _nuxt.options.vite.optimizeDeps.include = _nuxt.options.vite.optimizeDeps.include || [];
     _nuxt.options.vite.optimizeDeps.include.push(
-      "seedrandom",
-      "lodash",
-      "clipboard",
-      "crypto-js/sha256",
-      "crypto-js/enc-base64",
-      "json-stable-stringify",
-      "qrcode-svg"
+      "@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"));

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;

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: {

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`);

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/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/button/index.d.ts

@@ -1,5 +1,5 @@
 export { default as Button } from "./Button.vue.js";
 export const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "outline" | "success" | "ghost" | "secondary" | "warning-light" | "info" | "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;