@nyuccl/smile 0.2.0-beta.4 → 0.2.0-beta.41

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">
@@ -204,7 +206,10 @@ watch(
             </TooltipContent>
           </Tooltip>
           <Tooltip>
-            <TooltipTrigger class="ml-1 text-teal-500">
+            <TooltipTrigger
+              class="ml-1"
+              style="color: var(--step-label-color)"
+            >
               ({{ api.blockIndex }}/{{ api.blockLength }})
             </TooltipTrigger>
             <TooltipContent side="bottom">
@@ -263,7 +268,7 @@ watch(
           data-tooltip="Delete Global Variables"
           @click="api.clearPersist()"
         >
-          <i-fa6-solid-trash />
+          <Trash2 />
         </Button>
       </div>
       <div class="global-data-display">
@@ -295,7 +300,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
@@ -314,5 +319,5 @@ watch(
 </template>
 
 <style scoped>
-.tree-viewer-container{background-color:var(--background);border-top:1px solid var(--border);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.tree-viewer-container-empty{color:var(--muted-foreground);flex:1;font-family:monospace;font-size:.75rem;font-style:italic;font-weight:200;height:100%;padding-left:10px;padding-right:10px;padding-top:5px;text-align:left}.path-display-container{align-items:center;background-color:var(--background);display:flex;flex-shrink:0;height:32px;justify-content:space-between;padding:0 5px}.path-info{align-items:baseline;color:#389e95;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:800;line-height:1}.path-display{color:#246761;font-family:monospace;font-size:clamp(.5rem,.8rem,.8rem);font-weight:500;line-height:1;margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-buttons{align-items:center;display:flex;justify-content:space-between}.nav-button{border-left:1px solid #e4e4e4;font-size:.6rem}.nav-button-small{border-left:1px solid #e4e4e4;font-size:.5rem}.smaller{padding-bottom:11px;padding-top:10px}.topbar{background-color:#f8f8f8;padding-left:10px}.topbar-border{border-top:1px solid #e4e4e4;padding-top:4px}.index-display{color:#e49310;font-weight:500;line-height:1;padding-right:4px;padding-top:3px;position:absolute;right:0;text-align:right;top:4px;z-index:50}.content-display,.index-display{font-family:monospace;font-size:.7rem}.content-display{color:#6a6a6a;font-weight:800;line-height:1.4;white-space:pre-wrap}.state-tree-viewer{font-family:monospace;padding:1rem}.tree-container{flex:0 1 auto;font-family:monospace;max-height:300px;min-height:50px;overflow:auto;position:relative;scroll-behavior:smooth}.data-container-global,.tree-container{background-color:var(--background);border-top:1px solid var(--border)}.data-container-global{min-height:120px}.data-container,.data-container-global{display:flex;flex:0 0 auto;flex-direction:column;overflow:visible;text-align:left}.data-container{background-color:var(--background);border-bottom:1px solid var(--border);border-top:1px solid var(--border)}.data-container-global.disabled,.data-container.disabled,.disabled{opacity:.5;pointer-events:none}.tree-root{font-family:monospace;list-style-type:none;margin:0;padding-left:0}.tree-node{font-family:monospace;font-size:.75rem;margin:3px 0;position:relative}.tree-root>li.tree-node{padding-left:0}.global-data-display{font-weight:200}.data-display,.global-data-display{color:var(--muted-foreground);flex:1;font-family:monospace;font-size:.8rem;overflow:auto;padding:10px}.data-display{font-weight:500;min-height:180px}.data-label{color:#10a8a2;font-family:monospace;font-size:.7rem;font-weight:500;padding-right:6px}.section-title{align-items:center;background-color:var(--muted);border-bottom:1px solid var(--border);border-top:1px solid var(--border);color:var(--muted-foreground);display:flex;font-family:monospace;font-size:.75rem;justify-content:space-between;margin:0;padding:.375rem .5rem;text-align:left}
+.tree-viewer-container{background-color:var(--background);display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.tree-viewer-container-empty{color:var(--muted-foreground);flex:1;font-family:monospace;font-size:.75rem;font-style:italic;font-weight:200;height:100%;padding-left:10px;padding-right:10px;padding-top:5px;text-align:left}.path-display-container{align-items:center;background-color:var(--background);border-top:1px solid var(--dev-lines);display:flex;flex-shrink:0;height:32px;justify-content:space-between;padding:0 5px}.path-info{align-items:baseline;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:800}.path-display,.path-info{color:var(--step-path-color);line-height:1}.path-display{font-family:monospace;font-size:clamp(.5rem,.8rem,.8rem);font-weight:500;margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-buttons{align-items:center;display:flex;justify-content:space-between}.nav-button{font-size:.6rem}.nav-button,.nav-button-small{border-left:1px solid var(--dev-lines)}.nav-button-small{font-size:.5rem}.smaller{padding-bottom:11px;padding-top:10px}.topbar{background-color:var(--muted);padding-left:10px}.topbar-border{border-top:1px solid var(--dev-lines);padding-top:4px}.index-display{color:var(--step-index-color);font-weight:500;line-height:1;padding-right:4px;padding-top:3px;position:absolute;right:0;text-align:right;top:4px;z-index:50}.content-display,.index-display{font-family:monospace;font-size:.7rem}.content-display{color:var(--muted-foreground);font-weight:800;line-height:1.4;white-space:pre-wrap}.state-tree-viewer{font-family:monospace;padding:1rem}.tree-container{background-color:var(--background);border-top:1px solid var(--dev-lines);flex:0 1 auto;font-family:monospace;max-height:300px;min-height:50px;overflow:auto;position:relative;scroll-behavior:smooth}.data-container-global{min-height:120px}.data-container,.data-container-global{background-color:var(--background);display:flex;flex:0 0 auto;flex-direction:column;overflow:visible;text-align:left}.data-container-global.disabled,.data-container.disabled,.disabled{opacity:.5;pointer-events:none}.tree-root{font-family:monospace;list-style-type:none;margin:0;padding-left:0}.tree-node{font-family:monospace;font-size:.75rem;margin:3px 0;position:relative}.tree-root>li.tree-node{padding-left:0}.global-data-display{font-weight:200}.data-display,.global-data-display{color:var(--muted-foreground);flex:1;font-family:monospace;font-size:.8rem;overflow:auto;padding:10px}.data-display{font-weight:500;min-height:180px}.data-label{color:var(--step-label-color);font-family:monospace;font-size:.7rem;font-weight:500;padding-right:6px}.section-title{align-items:center;background-color:var(--muted);border-bottom:1px solid var(--dev-lines);border-top:1px solid var(--dev-lines);color:var(--muted-foreground);display:flex;font-family:monospace;font-size:.75rem;justify-content:space-between;margin:0;padding:.375rem .5rem;text-align:left}
 </style>

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,13 +58,14 @@ 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"
+        class="home-icon inline size-3.5"
       />
-        <i-fa6-solid-leaf
+        <Leaf
           v-else-if="state.isLeaf"
-          class="text-green-400 dark:text-green-500 inline"
+          class="inline size-3.5"
+          style="color: var(--step-leaf-color)"
         />
       </span>
     </div>
@@ -91,5 +93,5 @@ const getChildVerticalLines = (verticalLines, index, total) => {
 </template>
 
 <style scoped>
-.tree-node{list-style:none;margin:0;padding:0}.tree-line{align-items:center;cursor:pointer;display:flex;margin-left:10px;margin-right:10px;padding:2px 0;white-space:pre}.tree-line:hover{background-color:rgba(0,0,0,.03)}.node-selected,.tree-line:hover{border-radius:10px;margin-right:70px}.node-selected{background-color:#92f9e0;color:#000}.node-selected:hover{background-color:rgba(146,249,224,.5)}.tree-branch,.vertical-lines{font-family:monospace}.node-path{font-weight:400;margin-left:4px}.node-data{color:#666;font-family:monospace;margin-left:8px}.children{list-style:none;margin:0;padding:0}.end-state{color:#f10e0e;opacity:.4}.leaf-state{opacity:.5}.leaf-icon{color:#04a004;opacity:.35}.dark.leaf-icon{color:#c7fbb7}.home-icon{color:#0eb6e0;opacity:.65}
+.tree-node{list-style:none;margin:0;padding:0}.tree-line{align-items:center;cursor:pointer;display:flex;margin-left:10px;margin-right:10px;padding:2px 0;white-space:pre}.tree-line:hover{background-color:rgba(0,0,0,.03)}.node-selected,.tree-line:hover{border-radius:10px;margin-right:70px}.node-selected{background-color:var(--step-selected-bg);color:var(--foreground)}.node-selected:hover{background-color:var(--step-selected-bg-hover)}.tree-branch,.vertical-lines{font-family:monospace}.node-path{font-weight:400;margin-left:4px}.node-data{color:var(--muted-foreground);font-family:monospace;margin-left:8px}.children{list-style:none;margin:0;padding:0}.end-state{color:var(--status-red-text);opacity:.4}.leaf-state{opacity:.5}.leaf-icon{color:var(--step-leaf-color);opacity:.35}.home-icon{color:var(--step-home-color);opacity:.65}
 </style>

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

@@ -1,5 +1,6 @@
 <script setup>
 import { computed } from "vue";
+import useAPI from "../../../composables/useAPI";
 const api = useAPI();
 const studyinfo = computed(() => {
   return `<b>Study:</b> ${api.store.config.codeName}<br /><b>Version:</b> ${api.store.config.github.lastCommitHash}${import.meta.dev ? "-" + api.store.config.mode : ""}<br />${api.store.getShortId != "N/A" ? `<b>User ID:</b> ${api.store.getShortId}` : ""}`;
@@ -8,9 +9,9 @@ const studyinfo = computed(() => {
 
 <template>
   <!-- Study info panel -->
-  <div class="w-full bg-muted border-b border-border">
+  <div class="w-full bg-muted">
     <p
-      class="text-xs font-mono py-2 px-3 border-t border-border"
+      class="text-xs font-mono py-2 px-3"
       v-html="studyinfo"
     />
   </div>

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

@@ -31,7 +31,7 @@ const containerClasses = computed(() => {
   const variantClasses = {
     default: "",
     ghost: "bg-muted",
-    game: "bg-green-100",
+    game: "bg-status-green-bg",
     outline: "border-1 border-muted-foreground"
   };
   return [baseClasses, variantClasses[props.variant], props.class].filter(Boolean).join(" ");

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

@@ -1,4 +1,4 @@
 export { default as Badge } from "./Badge.vue.js";
 export const badgeVariants: (props?: ({
-    variant?: "default" | "outline" | "secondary" | "destructive" | null | undefined;
+    variant?: "default" | "secondary" | "outline" | "destructive" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

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;
-    size?: "default" | "menu" | "xs" | "sm" | "icon" | "lg" | "xl" | null | undefined;
+    variant?: "success" | "default" | "link" | "ghost" | "secondary" | "outline" | "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" | "lg" | "sm" | "xs" | "icon" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/runtime/components/ui/card/Card.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/card/CardAction.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/card/CardContent.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/card/CardDescription.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/card/CardFooter.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/card/CardHeader.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/card/CardTitle.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/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: {
@@ -111,11 +111,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    variant: string;
-    required: boolean;
     size: string;
     disabled: boolean;
+    required: boolean;
     asChild: boolean;
+    variant: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
     default?: ((props: {}) => any) | undefined;

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

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

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: {
@@ -111,11 +111,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    variant: string;
-    required: boolean;
     size: string;
     disabled: boolean;
+    required: boolean;
     asChild: boolean;
+    variant: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
     default?: ((props: {}) => any) | undefined;

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;
-    size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
+    variant?: "success" | "default" | "info" | "primary" | "warning" | "danger" | null | undefined;
+    size?: "default" | "lg" | "sm" | "xs" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;