@nyuccl/smile 0.2.0-beta.2 → 0.2.0-beta.21

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

@@ -1,4 +1,6 @@
 <script setup>
+import { ChevronLeft, ChevronRight, SquareMinus } from "lucide-vue-next";
+import useViewAPI from "../../../composables/useViewAPI";
 const api = useViewAPI();
 </script>
 
@@ -16,7 +18,7 @@ const api = useViewAPI();
             :disabled="!api.store.dev.viewProvidesStepper || !api.hasPrevStep()"
             @click="api.goPrevStep()"
           >
-            <i-lucide-chevron-left />
+            <ChevronLeft />
           </ButtonGroupItem>
         </TooltipTrigger>
         <TooltipContent side="bottom">
@@ -32,7 +34,7 @@ const api = useViewAPI();
               v-if="api.pathString"
               class="counter"
             >{{ api.pathString }}</span>
-            <i-iconoir-remove-empty v-else />
+            <SquareMinus v-else />
           </ButtonGroupItem>
         </TooltipTrigger>
         <TooltipContent side="bottom">
@@ -47,7 +49,7 @@ const api = useViewAPI();
             :disabled="!api.store.dev.viewProvidesStepper || !api.hasNextStep()"
             @click="api.goNextStep()"
           >
-            <i-lucide-chevron-right />
+            <ChevronRight />
           </ButtonGroupItem>
         </TooltipTrigger>
         <TooltipContent side="bottom">

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,8 @@
 <script setup>
+import { ArrowDown, ChevronsLeft, ChevronsRight, Diamond, Pin, PinOff, Presentation, WandSparkles } from "lucide-vue-next";
 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");
@@ -41,7 +43,7 @@ const togglePin = () => {
             :disabled="!api.hasAutofill()"
             @click="api.autofill()"
           >
-            <i-mdi-magic />
+            <WandSparkles />
           </ButtonGroupItem>
         </TooltipTrigger>
         <TooltipContent side="bottom">
@@ -57,7 +59,7 @@ const togglePin = () => {
               :disabled="api.store.dev.pinnedRoute !== null"
               @click="api.goToView(api.route?.meta?.prev)"
             >
-              <i-meteor-icons-angles-left />
+              <ChevronsLeft />
             </ButtonGroupItem>
           </TooltipTrigger>
           <TooltipContent side="bottom">
@@ -67,7 +69,7 @@ const togglePin = () => {
       </template>
       <template v-else>
         <ButtonGroupItem disabled>
-          <i-meteor-icons-angles-left />
+          <ChevronsLeft />
         </ButtonGroupItem>
       </template>
 
@@ -79,7 +81,7 @@ const togglePin = () => {
               :disabled="api.store.dev.pinnedRoute !== null"
               @click="api.goNextView()"
             >
-              <i-meteor-icons-angles-right />
+              <ChevronsRight />
             </ButtonGroupItem>
           </TooltipTrigger>
           <TooltipContent side="bottom">
@@ -89,7 +91,7 @@ const togglePin = () => {
       </template>
       <template v-else>
         <ButtonGroupItem disabled>
-          <i-meteor-icons-angles-right />
+          <ChevronsRight />
         </ButtonGroupItem>
       </template>
 
@@ -101,8 +103,8 @@ const togglePin = () => {
               :class="{ pinned: api.store.dev.pinnedRoute !== null }"
               @click="togglePin()"
             >
-              <i-ic-baseline-pin-off v-if="api.store.dev.pinnedRoute !== null" />
-              <i-ic-baseline-push-pin v-else />
+              <PinOff v-if="api.store.dev.pinnedRoute !== null" />
+              <Pin v-else />
             </ButtonGroupItem>
           </TooltipTrigger>
           <TooltipContent side="bottom">
@@ -120,15 +122,15 @@ const togglePin = () => {
           <ButtonGroupItem :class="buttonstyle">
             <div class="font-mono text-[0.65rem] font-medium min-w-[100px]">
               <!-- Route type icons -->
-              <i-lucide-arrow-down
+              <ArrowDown
                 v-if="currentTimelineMeta.sequential"
                 class="inline size-3 mr-1"
               />
-              <i-lucide-presentation
+              <Presentation
                 v-else-if="api.currentRouteName() === 'presentation_home'"
                 class="inline size-3 mr-1"
               />
-              <i-lucide-diamond
+              <Diamond
                 v-else
                 class="inline size-3 mr-1"
               />

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

@@ -1,4 +1,5 @@
 <script setup>
+import { Moon, Sun, SunMoon } from "lucide-vue-next";
 const {
   state: _globalColorMode,
   mode: globalColorModeRaw,
@@ -19,11 +20,11 @@ const {
           @click="toggleColorMode"
         >
           <!-- Light mode icon -->
-          <i-lucide-moon v-if="globalColorModeRaw === 'light'" />
+          <Moon v-if="globalColorModeRaw === 'light'" />
           <!-- Dark mode icon -->
-          <i-lucide-sun-moon v-else-if="globalColorModeRaw === 'dark'" />
+          <SunMoon v-else-if="globalColorModeRaw === 'dark'" />
           <!-- System mode icon -->
-          <i-lucide-sun v-else />
+          <Sun v-else />
         </Button>
       </TooltipTrigger>
       <!-- Tooltip content with dynamic text -->

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

@@ -1,4 +1,5 @@
 <script setup>
+import { LogOut } from "lucide-vue-next";
 import { ref, onMounted } from "vue";
 const isLoggedIn = ref(false);
 onMounted(async () => {
@@ -27,7 +28,7 @@ async function logout() {
           variant="outline"
           @click="logout"
         >
-          <i-lucide-log-out />
+          <LogOut />
         </Button>
       </TooltipTrigger>
       <TooltipContent>

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

@@ -1,4 +1,5 @@
 <script setup>
+import { Home } from "lucide-vue-next";
 const _props = defineProps(["icon"]);
 function goHome() {
   navigateTo("/presentation/");
@@ -14,7 +15,7 @@ function goHome() {
           variant="outline"
           @click="goHome"
         >
-          <i-lucide-home />
+          <Home />
         </Button>
       </TooltipTrigger>
       <TooltipContent>

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

@@ -1,4 +1,5 @@
 <script setup>
+import { Presentation } from "lucide-vue-next";
 import RouteInfoButton from "../navbar/ViewInfoButtonGroup.vue";
 import ResetButton from "./PresentationModeResetButton.vue";
 import QRCodeButton from "./QRCodeButton.vue";
@@ -15,13 +16,13 @@ import LogoutButton from "./LogoutButton.vue";
         <!-- Desktop presentation mode label -->
         <div class="hidden sm:block">
           <div class="flex items-center text-xs font-normal">
-            <i-uil-presentation-line class="size-4 mr-1" /><b>PRESENTATION MODE</b>
+            <Presentation class="size-4 mr-1" /><b>PRESENTATION MODE</b>
           </div>
         </div>
         <!-- Mobile presentation mode label -->
         <div class="block sm:hidden">
           <div class="flex items-center text-xs font-semibold">
-            <i-lucide-presentation class="size-4 mr-1" /><b>PRES</b>
+            <Presentation class="size-4 mr-1" /><b>PRES</b>
           </div>
         </div>
       </div>

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

@@ -1,5 +1,7 @@
 <script setup>
+import { Download, QrCode } from "lucide-vue-next";
 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 : "");
@@ -16,7 +18,7 @@ const qrUrl = computed(() => {
         size="menu"
         variant="outline"
       >
-        <i-lucide-qr-code />
+        <QrCode />
       </Button>
     </DropdownMenuTrigger>
     <!-- Dropdown content -->
@@ -55,7 +57,7 @@ const qrUrl = computed(() => {
               download="qr.svg"
               class="flex items-center gap-2"
             >
-              <i-lucide-download class="size-3" />
+              <Download class="size-3" />
               <span>Download QR</span>
             </a>
           </Button>

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

@@ -1,4 +1,5 @@
 <script setup>
+import { CloudUpload, Database, UserMinus } from "lucide-vue-next";
 const api = useAPI();
 </script>
 
@@ -20,7 +21,7 @@ const api = useAPI();
           class="z-10 rounded-full shrink-0 p-3"
           :class="[api.store.cookieState.knownUser ? 'bg-green-200' : 'bg-muted']"
         >
-          <i-heroicons-user-minus-16-solid
+          <UserMinus
             :class="[api.store.cookieState.knownUser ? 'text-green-500' : 'text-gray-500']"
           />
         </div>
@@ -58,7 +59,7 @@ const api = useAPI();
           :class="[api.store.browserEphemeral.dataLoaded ? 'bg-green-200' : 'bg-muted']"
           @click="api.connectDB()"
         >
-          <i-lucide-database :class="[api.store.browserEphemeral.dataLoaded ? 'text-green-500' : 'text-gray-500']" />
+          <Database :class="[api.store.browserEphemeral.dataLoaded ? 'text-green-500' : 'text-gray-500']" />
         </div>
       </StepperTrigger>
 
@@ -88,7 +89,7 @@ const api = useAPI();
                 : 'bg-muted',
           ]"
         >
-          <i-fluent-cloud-sync-24-filled
+          <CloudUpload
             :class="[
               api.store.browserEphemeral.dataLoaded && !api.store.browserEphemeral.unsavedChanges
                 ? 'text-green-500'

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

@@ -1,7 +1,9 @@
 <script setup>
+import { ChevronLeft, ChevronRight, Home, Trash2 } from "lucide-vue-next";
 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) => {
@@ -135,7 +137,7 @@ watch(
                   :disabled="!api.hasSteps()"
                   @click="api.goPrevStep()"
                 >
-                  <i-lucide-chevron-left />
+                  <ChevronLeft />
                 </ButtonGroupItem>
               </TooltipTrigger>
               <TooltipContent side="bottom">
@@ -149,7 +151,7 @@ watch(
                   :disabled="!api.hasSteps()"
                   @click="api.goNextStep()"
                 >
-                  <i-lucide-chevron-right />
+                  <ChevronRight />
                 </ButtonGroupItem>
               </TooltipTrigger>
               <TooltipContent side="bottom">
@@ -163,7 +165,7 @@ watch(
                   :disabled="!api.hasSteps()"
                   @click="api.goFirstStep()"
                 >
-                  <i-famicons-home />
+                  <Home />
                 </ButtonGroupItem>
               </TooltipTrigger>
               <TooltipContent side="bottom">
@@ -177,7 +179,7 @@ watch(
                   :disabled="!api.hasSteps()"
                   @click="api.clear()"
                 >
-                  <i-mdi-trash />
+                  <Trash2 />
                 </ButtonGroupItem>
               </TooltipTrigger>
               <TooltipContent side="bottom">
@@ -263,7 +265,7 @@ watch(
           data-tooltip="Delete Global Variables"
           @click="api.clearPersist()"
         >
-          <i-fa6-solid-trash />
+          <Trash2 />
         </Button>
       </div>
       <div class="global-data-display">
@@ -295,7 +297,7 @@ watch(
           class="button is-small nav-button-small has-tooltip-arrow has-tooltip-bottom"
           data-tooltip="Delete Nodes"
         >
-          <span><i-fa6-solid-trash" /></span>
+          <span><Trash2 /></span>
         </button>
         -->
         <StepDataViewer

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

@@ -1,4 +1,5 @@
 <script setup>
+import { Flag, Leaf } from "lucide-vue-next";
 const props = defineProps({
   state: Object,
   index: Number,
@@ -57,11 +58,11 @@ const getChildVerticalLines = (verticalLines, index, total) => {
       <span
         class="node-path"
         :class="{ 'leaf-state': !state.isLeaf }"
-      >{{ state.path }} <i-fa6-solid-house-flag
+      >{{ state.path }} <Flag
         v-if="state.isFirstLeaf"
         class="home-icon inline"
       />
-        <i-fa6-solid-leaf
+        <Leaf
           v-else-if="state.isLeaf"
           class="text-green-400 dark:text-green-500 inline"
         />

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

package/dist/runtime/components/ui/badge/Badge.vue

@@ -1,4 +1,5 @@
 <script setup>
+import { cn } from "../../../lib/utils";
 import { reactiveOmit } from "@vueuse/core";
 import { Primitive } from "reka-ui";
 import { badgeVariants } from ".";

package/dist/runtime/components/ui/breadcrumb/BreadcrumbEllipsis.vue

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

package/dist/runtime/components/ui/breadcrumb/BreadcrumbItem.vue

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

package/dist/runtime/components/ui/breadcrumb/BreadcrumbLink.vue

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

package/dist/runtime/components/ui/breadcrumb/BreadcrumbList.vue

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

package/dist/runtime/components/ui/breadcrumb/BreadcrumbPage.vue

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

package/dist/runtime/components/ui/breadcrumb/BreadcrumbSeparator.vue

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

package/dist/runtime/components/ui/button/Button.vue

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

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

@@ -75,10 +75,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         required: false;
     };
 }>> & Readonly<{}>, {
+    orientation: string;
     disabled: boolean;
     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

@@ -1,4 +1,5 @@
 <script setup>
+import { cn } from "../../../lib/utils";
 import { reactiveOmit } from "@vueuse/core";
 import { useForwardProps } from "reka-ui";
 import { provide } from "vue";

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

@@ -75,10 +75,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         required: false;
     };
 }>> & Readonly<{}>, {
+    orientation: string;
     disabled: boolean;
     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/ButtonGroupItem.vue

@@ -1,4 +1,5 @@
 <script setup>
+import { cn } from "../../../lib/utils";
 import { reactiveOmit } from "@vueuse/core";
 import { useForwardProps } from "reka-ui";
 import { inject } from "vue";

package/dist/runtime/components/ui/calendar/Calendar.vue

@@ -1,4 +1,5 @@
 <script setup>
+import { cn } from "../../../lib/utils";
 import { reactiveOmit } from "@vueuse/core";
 import { CalendarRoot, useForwardPropsEmits } from "reka-ui";
 import {