@brumaombra/ui-vintage 0.4.0 → 0.5.0

package/dist/select.js

@@ -1,30 +1,29 @@
-import { ref, computed, defineComponent, toRefs, openBlock, createBlock, unref, withCtx, renderSlot, createElementBlock, createCommentVNode, Fragment, renderList, mergeProps, watch, createElementVNode, watchEffect, createVNode, withModifiers, resolveDynamicComponent, onMounted, nextTick, normalizeStyle, normalizeProps, guardReactiveProps, Teleport, createTextVNode, onUnmounted, onBeforeUnmount, toDisplayString, normalizeClass } from "vue";
-import { c as createContext, a as useForwardProps, u as useForwardPropsEmits } from "./useForwardPropsEmits-DmumnZO5.js";
-import { i as isNullish, D as DismissableLayer_default, P as Presence_default, u as useId, h as handleAndDispatchCustomEvent, T as Teleport_default } from "./Teleport-CV0tKbq5.js";
-import { u as useDirection } from "./useDirection-SIyEYNxv.js";
-import { u as useFormControl } from "./useFormControl-CyoJwp9r.js";
-import { u as useCollection } from "./Collection-Coi6nyvb.js";
-import { a as PopperRoot_default, b as PopperContent_default, P as PopperAnchor_default } from "./PopperContent-h-thLTz8.js";
+import { defineComponent, toRefs, ref, computed, openBlock, createBlock, unref, withCtx, renderSlot, createElementBlock, createCommentVNode, Fragment, renderList, mergeProps, watch, createElementVNode, watchEffect, createVNode, withModifiers, resolveDynamicComponent, onMounted, nextTick, normalizeStyle, normalizeProps, guardReactiveProps, Teleport, createTextVNode, onUnmounted, onBeforeUnmount, toDisplayString, normalizeClass } from "vue";
+import { a as useForwardProps, u as useForwardPropsEmits } from "./useForwardPropsEmits-GlUGKcIz.js";
+import { c as createContext } from "./createContext-BabAT1K8.js";
+import { i as isNullish } from "./nullish-D3tMkl6i.js";
+import { u as useDirection } from "./useDirection-B2bMgzzV.js";
+import { u as useFormControl } from "./useFormControl-DZ4LnB9F.js";
+import { u as useCollection } from "./Collection-4P3HQ4uU.js";
+import { a as PopperRoot_default, b as PopperContent_default, P as PopperAnchor_default } from "./PopperContent-DUJ8a4i0.js";
 import { V as VisuallyHidden_default } from "./VisuallyHidden-udQT2Fmo.js";
-import { i as isEqual, u as useTypeahead } from "./useTypeahead-KTl4-oeq.js";
-import { u as useVModel, a as unrefElement, h as useResizeObserver } from "./index-Cq9Ekgtb.js";
-import { u as useBodyScrollLock, a as useHideOthers, F as FocusScope_default, g as getActiveElement } from "./FocusScope-DYbCtSNc.js";
-import { u as useFocusGuards } from "./useFocusGuards-WYWvpJy2.js";
-import { f as focusFirst } from "./utils-BXBXPGDA.js";
+import { i as isEqual, u as useTypeahead } from "./useTypeahead-4RK0Emcv.js";
+import { a as useVModel, u as unrefElement, e as useResizeObserver } from "./index-Dw56kNV0.js";
+import { P as Presence_default } from "./Presence-CTmUEdMR.js";
+import { a as useBodyScrollLock, u as useHideOthers, F as FocusScope_default } from "./FocusScope-mzbqk6Y_.js";
+import { u as useFocusGuards } from "./useFocusGuards-2C1jyYW5.js";
+import { D as DismissableLayer_default, h as handleAndDispatchCustomEvent, T as Teleport_default } from "./Teleport-DTOwRCqx.js";
+import { f as focusFirst } from "./utils-DbR1EZn-.js";
 import { c as clamp } from "./clamp-D5Ye0kJT.js";
-import { u as useForwardExpose } from "./useForwardExpose-BiRQH8eO.js";
+import { u as useForwardExpose } from "./useForwardExpose-BcX3VRdS.js";
 import { P as Primitive } from "./Primitive-D3IcFg81.js";
-import { i as injectConfigProviderContext } from "./ConfigProvider-D2O0Jles.js";
+import { u as useNonce } from "./useNonce-CWj1JlPB.js";
 import { c as cn } from "./utils-Bz4m9VPB.js";
-import { H as HugeiconsIcon, T as TWr, d as dn, C as CC } from "./HugeiconsIcon.vue-CurGbgrJ.js";
-import { r as reactiveOmit } from "./index-qGMU40e1.js";
-function useNonce(nonce) {
-  const context = injectConfigProviderContext({ nonce: ref() });
-  return computed(() => {
-    var _a;
-    return (nonce == null ? void 0 : nonce.value) || ((_a = context.nonce) == null ? void 0 : _a.value);
-  });
-}
+import { T as TWr, a as dn, C as CC } from "./index.min-CZ9FIOXr.js";
+import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.js";
+import { g as getActiveElement } from "./getActiveElement-Bmy6QsUb.js";
+import { r as reactiveOmit } from "./index-DDJjWaIl.js";
+import { u as useId } from "./useId-CF6wz41D.js";
 const OPEN_KEYS = [
   " ",
   "Enter",
@@ -48,7 +47,7 @@ function compare(value, currentValue, comparator) {
 function shouldShowPlaceholder(value) {
   return value === void 0 || value === null || value === "" || Array.isArray(value) && value.length === 0;
 }
-const _hoisted_1$2 = {
+const _hoisted_1$4 = {
   key: 0,
   value: ""
 };
@@ -197,7 +196,7 @@ var SelectRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
           disabled: unref(disabled),
           value: unref(modelValue)
         }, {
-          default: withCtx(() => [unref(isNullish)(unref(modelValue)) ? (openBlock(), createElementBlock("option", _hoisted_1$2)) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(Array.from(optionsSet.value), (option) => {
+          default: withCtx(() => [unref(isNullish)(unref(modelValue)) ? (openBlock(), createElementBlock("option", _hoisted_1$4)) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(Array.from(optionsSet.value), (option) => {
             return openBlock(), createElementBlock("option", mergeProps({ key: option.value ?? "" }, { ref_for: true }, option), null, 16);
           }), 128))]),
           _: 1
@@ -845,7 +844,7 @@ var SelectProvider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
   }
 });
 var SelectProvider_default = SelectProvider_vue_vue_type_script_setup_true_lang_default;
-const _hoisted_1$1 = { key: 1 };
+const _hoisted_1$3 = { key: 1 };
 var SelectContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
   inheritAttrs: false,
   __name: "SelectContent",
@@ -983,7 +982,7 @@ var SelectContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
           _: 3
         }, 16)]),
         _: 3
-      }, 8, ["present"])) : fragment.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [(openBlock(), createBlock(Teleport, { to: fragment.value }, [createVNode(SelectProvider_default, { context: unref(rootContext) }, {
+      }, 8, ["present"])) : fragment.value ? (openBlock(), createElementBlock("div", _hoisted_1$3, [(openBlock(), createBlock(Teleport, { to: fragment.value }, [createVNode(SelectProvider_default, { context: unref(rootContext) }, {
         default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
         _: 3
       }, 8, ["context"])], 8, ["to"]))])) : createCommentVNode("v-if", true);
@@ -1758,7 +1757,7 @@ var SelectViewport_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
   }
 });
 var SelectViewport_default = SelectViewport_vue_vue_type_script_setup_true_lang_default;
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "Select",
   props: {
     open: { type: Boolean },
@@ -1788,7 +1787,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -1837,7 +1836,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             )
           }), {
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$3)),
+              createVNode(unref(_sfc_main$4)),
               createVNode(unref(SelectViewport_default), {
                 class: normalizeClass(unref(cn)("p-1", _ctx.position === "popper" && "h-(--reka-select-trigger-height) w-full min-w-(--reka-select-trigger-width) scroll-my-1"))
               }, {
@@ -1846,7 +1845,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 3
               }, 8, ["class"]),
-              createVNode(unref(_sfc_main$4))
+              createVNode(unref(_sfc_main$5))
             ]),
             _: 3
           }, 16, ["class"])
@@ -1856,7 +1855,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "SelectGroup",
   props: {
     asChild: { type: Boolean },
@@ -1874,10 +1873,10 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = { class: "absolute right-2 flex size-3.5 items-center justify-center" };
+const _hoisted_1$2 = { class: "absolute right-2 flex size-3.5 items-center justify-center" };
 const _hoisted_2 = { class: "sr-only" };
 const _hoisted_3 = { class: "flex min-w-0 flex-1 flex-col" };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "SelectItem",
   props: {
     value: {},
@@ -1899,7 +1898,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         )
       }), {
         default: withCtx(() => [
-          createElementVNode("span", _hoisted_1, [
+          createElementVNode("span", _hoisted_1$2, [
             createVNode(unref(SelectItemIndicator_default), null, {
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "indicator-icon", {}, () => [
@@ -1934,7 +1933,51 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1 = { class: "flex min-w-0 flex-1 flex-col" };
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "SelectItemContent",
+  props: {
+    class: {},
+    icon: {},
+    label: {},
+    description: {},
+    iconClass: {},
+    textClass: {},
+    descriptionClass: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "select-item-content",
+        class: normalizeClass(unref(cn)("flex min-w-0 flex-1 items-start gap-2", props.class))
+      }, [
+        props.icon ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          "data-slot": "select-item-content-icon",
+          class: normalizeClass(unref(cn)("mt-0.5 shrink-0", props.iconClass))
+        }, [
+          createVNode(unref(HugeiconsIcon), {
+            icon: props.icon,
+            "stroke-width": 1.8
+          }, null, 8, ["icon"])
+        ], 2)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_1$1, [
+          createElementVNode("span", {
+            "data-slot": "select-item-content-text",
+            class: normalizeClass(unref(cn)("min-w-0 truncate", props.textClass))
+          }, toDisplayString(props.label), 3),
+          props.description ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            "data-slot": "select-item-content-description",
+            class: normalizeClass(unref(cn)("text-xs text-(--text-secondary-light) dark:text-(--text-secondary-dark)", props.descriptionClass))
+          }, toDisplayString(props.description), 3)) : createCommentVNode("", true)
+        ])
+      ], 2);
+    };
+  }
+});
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "SelectItemText",
   props: {
     asChild: { type: Boolean },
@@ -1952,7 +1995,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "SelectLabel",
   props: {
     for: {},
@@ -1975,7 +2018,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "SelectScrollDownButton",
   props: {
     asChild: { type: Boolean },
@@ -2003,7 +2046,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "SelectScrollUpButton",
   props: {
     asChild: { type: Boolean },
@@ -2031,7 +2074,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "SelectSeparator",
   props: {
     asChild: { type: Boolean },
@@ -2048,7 +2091,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "SelectTrigger",
   props: {
     disabled: { type: Boolean },
@@ -2091,7 +2134,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "SelectValue",
   props: {
     placeholder: {},
@@ -2110,16 +2153,69 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1 = { class: "flex min-w-0 flex-1 flex-col" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SelectValueContent",
+  props: {
+    placeholder: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    icon: {},
+    label: {},
+    description: {},
+    iconClass: {},
+    textClass: {},
+    descriptionClass: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(SelectValue_default), {
+        "data-slot": "select-value-content",
+        placeholder: props.placeholder,
+        class: normalizeClass(unref(cn)("flex min-w-0 flex-1 gap-2 text-left", props.description ? "items-start" : "items-center", props.class))
+      }, {
+        default: withCtx(() => [
+          props.icon ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            "data-slot": "select-value-content-icon",
+            class: normalizeClass(unref(cn)("shrink-0", props.iconClass))
+          }, [
+            createVNode(unref(HugeiconsIcon), {
+              icon: props.icon,
+              "stroke-width": 1.8
+            }, null, 8, ["icon"])
+          ], 2)) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("span", {
+              "data-slot": "select-value-content-text",
+              class: normalizeClass(unref(cn)("min-w-0 truncate", props.textClass))
+            }, toDisplayString(props.label), 3),
+            props.description ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              "data-slot": "select-value-content-description",
+              class: normalizeClass(unref(cn)("text-xs text-(--text-secondary-light) dark:text-(--text-secondary-dark)", props.descriptionClass))
+            }, toDisplayString(props.description), 3)) : createCommentVNode("", true)
+          ])
+        ]),
+        _: 1
+      }, 8, ["placeholder", "class"]);
+    };
+  }
+});
 export {
-  _sfc_main$a as Select,
-  _sfc_main$9 as SelectContent,
-  _sfc_main$8 as SelectGroup,
-  _sfc_main$7 as SelectItem,
-  _sfc_main$6 as SelectItemText,
-  _sfc_main$5 as SelectLabel,
-  _sfc_main$4 as SelectScrollDownButton,
-  _sfc_main$3 as SelectScrollUpButton,
-  _sfc_main$2 as SelectSeparator,
-  _sfc_main$1 as SelectTrigger,
-  _sfc_main as SelectValue
+  _sfc_main$c as Select,
+  _sfc_main$b as SelectContent,
+  _sfc_main$a as SelectGroup,
+  _sfc_main$9 as SelectItem,
+  _sfc_main$8 as SelectItemContent,
+  _sfc_main$7 as SelectItemText,
+  _sfc_main$6 as SelectLabel,
+  _sfc_main$5 as SelectScrollDownButton,
+  _sfc_main$4 as SelectScrollUpButton,
+  _sfc_main$3 as SelectSeparator,
+  _sfc_main$2 as SelectTrigger,
+  _sfc_main$1 as SelectValue,
+  _sfc_main as SelectValueContent
 };

package/dist/separator.js

@@ -1,4 +1,4 @@
-import { _ } from "./Separator.vue_vue_type_script_setup_true_lang-CMRkdntA.js";
+import { _ } from "./Separator.vue_vue_type_script_setup_true_lang-D9BozdWD.js";
 export {
   _ as Separator
 };

package/dist/sheet.js

@@ -1,7 +1,8 @@
-import { _, a, b, c, d } from "./SheetTitle.vue_vue_type_script_setup_true_lang-BQbpsE2c.js";
+import { _, a, b, c, d } from "./SheetTitle.vue_vue_type_script_setup_true_lang-Ja7-gmXd.js";
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, normalizeClass } from "vue";
-import { D as DialogClose_default, a as DialogTrigger_default } from "./DialogTrigger-BQbSAHMb.js";
+import { D as DialogClose_default } from "./DialogClose-DxCTEp0d.js";
 import { c as cn } from "./utils-Bz4m9VPB.js";
+import { D as DialogTrigger_default } from "./DialogTrigger-Cb3rLcid.js";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "SheetClose",
   props: {

package/dist/sidebar.js

@@ -2,17 +2,18 @@ var _a;
 import { c as cva } from "./index-FpH8cK6B.js";
 import { defineComponent, openBlock, createElementBlock, mergeProps, unref, renderSlot, createBlock, withCtx, createVNode, normalizeStyle, createTextVNode, createElementVNode, normalizeClass, normalizeProps, guardReactiveProps, Fragment, toDisplayString, resolveDynamicComponent, computed, createCommentVNode, ref } from "vue";
 import { c as cn } from "./utils-Bz4m9VPB.js";
-import { _ as _sfc_main$o, a as _sfc_main$p, c as _sfc_main$q, d as _sfc_main$r, b as _sfc_main$s } from "./SheetTitle.vue_vue_type_script_setup_true_lang-BQbpsE2c.js";
-import { c as createContext } from "./useForwardPropsEmits-DmumnZO5.js";
+import { _ as _sfc_main$o, a as _sfc_main$p, c as _sfc_main$q, d as _sfc_main$r, b as _sfc_main$s } from "./SheetTitle.vue_vue_type_script_setup_true_lang-Ja7-gmXd.js";
+import { c as createContext } from "./createContext-BabAT1K8.js";
 import { P as Primitive } from "./Primitive-D3IcFg81.js";
-import { _ as _sfc_main$t } from "./Input.vue_vue_type_script_setup_true_lang-6SfPeT8d.js";
-import { _ as _sfc_main$u, b as _sfc_main$v, a as _sfc_main$w, T as TooltipProvider_default } from "./TooltipTrigger.vue_vue_type_script_setup_true_lang-DEPKysA_.js";
+import { _ as _sfc_main$t } from "./Input.vue_vue_type_script_setup_true_lang-BdjbS5s7.js";
+import { _ as _sfc_main$u, b as _sfc_main$v, a as _sfc_main$w, T as TooltipProvider_default } from "./TooltipTrigger.vue_vue_type_script_setup_true_lang-BMdZRPa3.js";
 import { _ as _sfc_main$x } from "./Skeleton.vue_vue_type_script_setup_true_lang-BSbVyZz7.js";
-import { f as useMediaQuery, u as useVModel, b as useEventListener, g as defaultDocument } from "./index-Cq9Ekgtb.js";
-import { _ as _sfc_main$y } from "./Separator.vue_vue_type_script_setup_true_lang-CMRkdntA.js";
-import { H as HugeiconsIcon, e as m7 } from "./HugeiconsIcon.vue-CurGbgrJ.js";
+import { g as useMediaQuery, a as useVModel, c as useEventListener, h as defaultDocument } from "./index-Dw56kNV0.js";
+import { _ as _sfc_main$y } from "./Separator.vue_vue_type_script_setup_true_lang-D9BozdWD.js";
+import { h as m7 } from "./index.min-CZ9FIOXr.js";
+import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.js";
 import { Button as _sfc_main$z } from "./button.js";
-import { r as reactiveOmit } from "./index-qGMU40e1.js";
+import { r as reactiveOmit } from "./index-DDJjWaIl.js";
 const SIDEBAR_COOKIE_NAME = "sidebar_state";
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 const SIDEBAR_WIDTH = "16rem";
@@ -740,7 +741,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(_sfc_main$z), {
         "data-sidebar": "trigger",
         "data-slot": "sidebar-trigger",
-        variant: "outline",
+        variant: "secondary",
         size: "icon",
         class: normalizeClass(unref(cn)(props.class)),
         onClick: unref(toggleSidebar)

package/dist/single-value-card.js

@@ -0,0 +1,64 @@
+import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, toDisplayString, normalizeClass } from "vue";
+import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.js";
+import { _ as _sfc_main$1 } from "./Card.vue_vue_type_script_setup_true_lang-D0pFVflK.js";
+import { _ as _sfc_main$2 } from "./CardContent.vue_vue_type_script_setup_true_lang-dBzO0q1t.js";
+const _hoisted_1 = { class: "flex flex-col" };
+const _hoisted_2 = { class: "mb-1 text-xs font-medium text-[var(--text-secondary-light)] dark:text-[var(--text-secondary-dark)]" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SingleValueCard",
+  props: {
+    value: { type: [String, Number], required: true },
+    label: { type: String, required: true },
+    icon: { type: Object, required: true },
+    valueColor: { type: String, default: "default", validator: (value) => ["default", "green", "red", "gray"].includes(String(value)) }
+  },
+  setup(__props) {
+    const props = __props;
+    const valueClass = computed(() => {
+      switch (props.valueColor) {
+        case "green":
+          return "text-green-600 dark:text-green-400";
+        case "red":
+          return "text-red-600 dark:text-red-400";
+        case "gray":
+          return "text-gray-600 dark:text-gray-400";
+        default:
+          return "text-[var(--text-primary-light)] dark:text-[var(--text-primary-dark)]";
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), { class: "flex-row items-center !p-4" }, {
+        default: withCtx(() => [
+          createVNode(unref(_sfc_main$2), { class: "!p-0 gap-0 flex-row items-center" }, {
+            default: withCtx(() => [
+              createVNode(unref(_sfc_main$1), {
+                color: "gray",
+                class: "mr-4 flex h-12 w-12 flex-shrink-0 items-center justify-center !p-0"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(HugeiconsIcon), {
+                    icon: props.icon,
+                    class: "size-5"
+                  }, null, 8, ["icon"])
+                ]),
+                _: 1
+              }),
+              createElementVNode("div", _hoisted_1, [
+                createElementVNode("span", _hoisted_2, toDisplayString(props.label), 1),
+                createElementVNode("span", {
+                  class: normalizeClass(["text-2xl md:text-xl font-bold", valueClass.value])
+                }, toDisplayString(props.value), 3)
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as SingleValueCard,
+  _sfc_main as default
+};

package/dist/slider-form-component.js

@@ -1,6 +1,6 @@
 import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, toDisplayString, createElementBlock, createCommentVNode, createVNode } from "vue";
-import { _ as _sfc_main$1 } from "./Card.vue_vue_type_script_setup_true_lang-6ol3rxy1.js";
-import { _ as _sfc_main$2 } from "./Slider.vue_vue_type_script_setup_true_lang-C_CsSGAt.js";
+import { _ as _sfc_main$1 } from "./Card.vue_vue_type_script_setup_true_lang-D0pFVflK.js";
+import { _ as _sfc_main$2 } from "./Slider.vue_vue_type_script_setup_true_lang-CSOSwGGr.js";
 const _hoisted_1 = { class: "flex items-center justify-between gap-3" };
 const _hoisted_2 = { class: "space-y-2" };
 const _hoisted_3 = { class: "text-sm font-medium" };

package/dist/slider.js

@@ -1,4 +1,4 @@
-import { _ } from "./Slider.vue_vue_type_script_setup_true_lang-C_CsSGAt.js";
+import { _ } from "./Slider.vue_vue_type_script_setup_true_lang-CSOSwGGr.js";
 export {
   _ as Slider
 };