@brumaombra/ui-vintage 0.2.1 → 0.3.0

package/README.md

@@ -14,7 +14,7 @@
 </p>
 
 <p>
-	🧩 UI primitives • 🪟 dialogs and overlays • 🧱 dashboard helpers • 🎨 shared styles
+	🧩 UI primitives • 🎭 dialogs and overlays • 🧱 dashboard helpers • 🎨 shared styles
 </p>
 
 <p>
@@ -47,24 +47,24 @@ npm install @brumaombra/ui-vintage
 Import the shared stylesheet once in your app:
 
 ```ts
-import "@brumaombra/ui-vintage/style.css"
+import "@brumaombra/ui-vintage/style.css";
 ```
 
 Import each component from its dedicated entrypoint:
 
 ```ts
-import { Button } from "@brumaombra/ui-vintage/button"
-import { Card, CardContent, CardHeader, CardTitle } from "@brumaombra/ui-vintage/card"
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@brumaombra/ui-vintage/dialog"
+import { Button } from "@brumaombra/ui-vintage/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@brumaombra/ui-vintage/card";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@brumaombra/ui-vintage/dialog";
 ```
 
 Import helpers and higher-level components from their own paths:
 
 ```ts
-import { DashboardShell } from "@brumaombra/ui-vintage/dashboard-shell"
-import { setBusy } from "@brumaombra/ui-vintage/busy-indicator"
-import { showConfirmDialog } from "@brumaombra/ui-vintage/confirm-dialog"
-import { showMessageDialog } from "@brumaombra/ui-vintage/message-dialog"
+import { DashboardShell } from "@brumaombra/ui-vintage/dashboard-shell";
+import { setBusy } from "@brumaombra/ui-vintage/busy-indicator";
+import { showConfirmDialog } from "@brumaombra/ui-vintage/confirm-dialog";
+import { showMessageDialog } from "@brumaombra/ui-vintage/message-dialog";
 ```
 
 There is no global barrel export. Use the dedicated subpath entrypoints for each component or helper.

package/dist/{Busy-DSyPtpVD.js → Busy-1BeD2TRH.js}

@@ -1,16 +1,7 @@
 import { defineComponent, openBlock, createBlock, Transition, withCtx, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createVNode, toDisplayString, createCommentVNode } from "vue";
+import { H as HugeiconsIcon, S as SK } from "./HugeiconsIcon.vue-BJ-_Wtmk.js";
 import { c as cn } from "./utils-Bz4m9VPB.js";
-import { c as createLucideIcon } from "./createLucideIcon-CCMB2vDW.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
-/**
- * @license lucide-vue-next v1.0.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const LoaderCircle = createLucideIcon("loader-circle", [
-  ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
-]);
 const _hoisted_1 = {
   key: 0,
   "data-slot": "busy-label",
@@ -42,10 +33,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass(unref(cn)("bg-card text-card-foreground flex w-72 flex-col items-center justify-center gap-4 rounded border border-border px-8 py-7 text-center shadow-2xl", props.class))
             }, [
               renderSlot(_ctx.$slots, "default", {}, () => [
-                createVNode(unref(LoaderCircle), {
+                createVNode(unref(HugeiconsIcon), {
                   "data-slot": "busy-spinner",
+                  icon: unref(SK),
                   class: "size-10 animate-spin text-primary"
-                }),
+                }, null, 8, ["icon"]),
                 props.label ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(props.label), 1)) : createCommentVNode("", true)
               ], true)
             ], 2)
@@ -56,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Busy = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5db6b0a1"]]);
+const Busy = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-17fe0986"]]);
 export {
   Busy as B
 };

package/dist/{CalendarPrevButton.vue_vue_type_script_setup_true_lang-Dqz6DIGp.js → CalendarPrevButton.vue_vue_type_script_setup_true_lang-BklOxtD-.js}

@@ -2,33 +2,15 @@ import { ref, computed, watch, defineComponent, toRefs, onMounted, openBlock, cr
 import { u as useVModel, i as createReusableTemplate } from "./index-Cq9Ekgtb.js";
 import { c as createContext, u as useForwardPropsEmits, a as useForwardProps } from "./useForwardPropsEmits-DmumnZO5.js";
 import { c as cn } from "./utils-Bz4m9VPB.js";
-import { _ as _sfc_main$c, a as _sfc_main$d } from "./NativeSelectOption.vue_vue_type_script_setup_true_lang-CWhL2Lw8.js";
+import { _ as _sfc_main$c, a as _sfc_main$d } from "./NativeSelectOption.vue_vue_type_script_setup_true_lang-Ce5VmA0n.js";
 import { r as reactiveOmit } from "./index-qGMU40e1.js";
 import { buttonVariants } from "./button.js";
+import { H as HugeiconsIcon, N as Nn, m as mn } from "./HugeiconsIcon.vue-BJ-_Wtmk.js";
 import { P as Primitive } from "./Primitive-D3IcFg81.js";
 import { u as useKbd } from "./useKbd-JjFOu4f7.js";
 import { u as usePrimitiveElement } from "./usePrimitiveElement-Bk3ZOslv.js";
-import { c as createLucideIcon } from "./createLucideIcon-CCMB2vDW.js";
 import { u as useDirection } from "./useDirection-SIyEYNxv.js";
 import { i as injectConfigProviderContext } from "./ConfigProvider-D2O0Jles.js";
-/**
- * @license lucide-vue-next v1.0.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ChevronLeft = createLucideIcon("chevron-left", [
-  ["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]
-]);
-/**
- * @license lucide-vue-next v1.0.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ChevronRight = createLucideIcon("chevron-right", [
-  ["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]
-]);
 function $2b4dce13dd5a17fa$export$842a2cf37af977e1(amount, numerator) {
   return amount - numerator * Math.floor(amount / numerator);
 }
@@ -3249,10 +3231,10 @@ var CalendarPrev_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 });
 var CalendarPrev_default = CalendarPrev_vue_vue_type_script_setup_true_lang_default;
 const _hoisted_1 = { class: "**:data-[slot=native-select-icon]:right-1" };
-const _hoisted_2 = { class: "relative rounded border border-(--border-light) bg-(--button-secondary-light) transition-all duration-300 ease-in-out dark:border-(--border-dark) dark:bg-(--button-secondary-dark)" };
+const _hoisted_2 = { class: "relative h-10 rounded border border-(--border-light) bg-(--button-secondary-light) transition-all duration-300 ease-in-out hover:border-(--border-hover-light) focus-within:border-(--border-hover-light) dark:border-(--border-dark) dark:bg-(--button-secondary-dark) dark:hover:border-(--border-hover-dark) dark:focus-within:border-(--border-hover-dark)" };
 const _hoisted_3 = { class: "absolute inset-0 z-10 flex h-full items-center text-sm pl-2 pointer-events-none" };
 const _hoisted_4 = { class: "**:data-[slot=native-select-icon]:right-1" };
-const _hoisted_5 = { class: "relative rounded border border-(--border-light) bg-(--button-secondary-light) transition-all duration-300 ease-in-out dark:border-(--border-dark) dark:bg-(--button-secondary-dark)" };
+const _hoisted_5 = { class: "relative h-10 rounded border border-(--border-light) bg-(--button-secondary-light) transition-all duration-300 ease-in-out hover:border-(--border-hover-light) focus-within:border-(--border-hover-light) dark:border-(--border-dark) dark:bg-(--button-secondary-dark) dark:hover:border-(--border-hover-dark) dark:focus-within:border-(--border-hover-dark)" };
 const _hoisted_6 = { class: "absolute inset-0 z-10 flex h-full items-center text-sm pl-2 pointer-events-none" };
 const _hoisted_7 = { class: "flex items-center gap-1 absolute top-0 inset-x-0 justify-between" };
 const _hoisted_8 = {
@@ -3328,7 +3310,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_2, [
                 createElementVNode("div", _hoisted_3, toDisplayString(unref(formatter).custom(unref(toDate)(date), { month: "short" })), 1),
                 createVNode(unref(_sfc_main$c), {
-                  class: "relative z-20 h-8 w-[92px] rounded-none border-0 bg-transparent pl-2 pr-6 text-xs font-medium text-transparent shadow-none transition-all duration-300 ease-in-out outline-none ring-0 focus-visible:border-0 focus-visible:ring-0 dark:bg-transparent sm:text-sm",
+                  class: "relative z-20 h-full min-h-0 w-[92px] rounded-none border-0 bg-transparent pl-2 pr-6 text-xs font-medium text-transparent shadow-none transition-all duration-300 ease-in-out outline-none ring-0 focus-visible:border-0 focus-visible:ring-0 dark:bg-transparent sm:text-sm",
                   "model-value": date.month,
                   onChange: _cache[0] || (_cache[0] = (e) => {
                     var _a;
@@ -3364,7 +3346,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_5, [
                 createElementVNode("div", _hoisted_6, toDisplayString(unref(formatter).custom(unref(toDate)(date), { year: "numeric" })), 1),
                 createVNode(unref(_sfc_main$c), {
-                  class: "relative z-20 h-8 w-[96px] rounded-none border-0 bg-transparent pl-2 pr-6 text-xs font-medium text-transparent shadow-none transition-all duration-300 ease-in-out outline-none ring-0 focus-visible:border-0 focus-visible:ring-0 dark:bg-transparent sm:text-sm",
+                  class: "relative z-20 h-full min-h-0 w-[96px] rounded-none border-0 bg-transparent pl-2 pr-6 text-xs font-medium text-transparent shadow-none transition-all duration-300 ease-in-out outline-none ring-0 focus-visible:border-0 focus-visible:ring-0 dark:bg-transparent sm:text-sm",
                   "model-value": date.year,
                   onChange: _cache[1] || (_cache[1] = (e) => {
                     var _a;
@@ -3516,7 +3498,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(CalendarCell_default), mergeProps({
         "data-slot": "calendar-cell",
-        class: unref(cn)("relative p-0 text-center text-sm focus-within:relative focus-within:z-20 flex-1 [&:has([data-selected])]:rounded-md [&:has([data-selected])]:bg-accent", props.class)
+        class: unref(cn)("relative p-0 text-center text-sm focus-within:relative focus-within:z-20 flex-1 [&:has([data-selected])]:rounded-md", props.class)
       }, unref(forwardedProps)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
@@ -3741,13 +3723,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         "data-slot": "calendar-next-button",
         class: unref(cn)(
           unref(buttonVariants)({ variant: "outline" }),
-          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+          "size-7 min-h-10 bg-transparent p-0 text-(--text-secondary-light) hover:text-(--text-primary-light) dark:text-(--text-secondary-dark) dark:hover:text-(--text-primary-dark)",
           props.class
         )
       }, unref(forwardedProps)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            createVNode(unref(ChevronRight), { class: "size-4" })
+            createVNode(unref(HugeiconsIcon), {
+              icon: unref(Nn),
+              class: "size-4"
+            }, null, 8, ["icon"])
           ])
         ]),
         _: 3
@@ -3772,13 +3757,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "data-slot": "calendar-prev-button",
         class: unref(cn)(
           unref(buttonVariants)({ variant: "outline" }),
-          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+          "size-7 min-h-10 bg-transparent p-0 text-(--text-secondary-light) hover:text-(--text-primary-light) dark:text-(--text-secondary-dark) dark:hover:text-(--text-primary-dark)",
           props.class
         )
       }, unref(forwardedProps)), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            createVNode(unref(ChevronLeft), { class: "size-4" })
+            createVNode(unref(HugeiconsIcon), {
+              icon: unref(mn),
+              class: "size-4"
+            }, null, 8, ["icon"])
           ])
         ]),
         _: 3

package/dist/CardFooter.vue_vue_type_script_setup_true_lang-B1eS9wge.js

@@ -0,0 +1,40 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "CardContent",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "card-content",
+        class: normalizeClass(unref(cn)("flex flex-col gap-4 px-6", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CardFooter",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "card-footer",
+        class: normalizeClass(unref(cn)("flex items-center px-6 [.border-t]:pt-6", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main$1 as _,
+  _sfc_main as a
+};

package/dist/{DialogPortal-BTVR2QvT.js → DialogPortal-D81oXsCY.js}

@@ -1,16 +1,5 @@
-import { c as createLucideIcon } from "./createLucideIcon-CCMB2vDW.js";
 import { T as Teleport_default } from "./Teleport-CV0tKbq5.js";
 import { defineComponent, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from "vue";
-/**
- * @license lucide-vue-next v1.0.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const X = createLucideIcon("x", [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-]);
 var DialogPortal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
   __name: "DialogPortal",
   props: {
@@ -43,6 +32,5 @@ var DialogPortal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 });
 var DialogPortal_default = DialogPortal_vue_vue_type_script_setup_true_lang_default;
 export {
-  DialogPortal_default as D,
-  X
+  DialogPortal_default as D
 };

package/dist/{DialogTitle.vue_vue_type_script_setup_true_lang-83YQbiAn.js → DialogTitle.vue_vue_type_script_setup_true_lang-BMXrxvBF.js}

@@ -1,8 +1,9 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode, createElementVNode, createCommentVNode, createElementBlock, normalizeClass } from "vue";
 import { u as useForwardPropsEmits, a as useForwardProps } from "./useForwardPropsEmits-DmumnZO5.js";
 import { b as DialogRoot_default, D as DialogOverlay_default, a as DialogContent_default, c as DialogDescription_default, d as DialogTitle_default } from "./DialogTitle-CLuntLBB.js";
+import { H as HugeiconsIcon, a as dp } from "./HugeiconsIcon.vue-BJ-_Wtmk.js";
 import { D as DialogClose_default } from "./DialogClose-DDtZ0Em0.js";
-import { D as DialogPortal_default, X } from "./DialogPortal-BTVR2QvT.js";
+import { D as DialogPortal_default } from "./DialogPortal-D81oXsCY.js";
 import { c as cn } from "./utils-Bz4m9VPB.js";
 import { r as reactiveOmit } from "./index-qGMU40e1.js";
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
@@ -87,7 +88,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 class: "ring-offset-background focus:ring-ring absolute top-4 right-4 rounded border border-border bg-card p-1 text-muted-foreground opacity-80 transition-all duration-200 hover:bg-accent hover:text-foreground hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(X)),
+                  createVNode(unref(HugeiconsIcon), { icon: unref(dp) }, null, 8, ["icon"]),
                   _cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Close", -1))
                 ]),
                 _: 1

package/dist/HugeiconsIcon.vue-BJ-_Wtmk.js

@@ -0,0 +1,124 @@
+import { defineComponent, computed, openBlock, createElementBlock, mergeProps, Fragment, renderList, createBlock, resolveDynamicComponent } from "vue";
+const $o = [["circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }], ["path", { d: "M12 8V12", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "1" }], ["path", { d: "M12.125 15.75H12M12.25 15.75C12.25 15.8881 12.1381 16 12 16C11.8619 16 11.75 15.8881 11.75 15.75C11.75 15.6119 11.8619 15.5 12 15.5C12.1381 15.5 12.25 15.6119 12.25 15.75Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "2" }]], dn = [["path", { d: "M18 9.00005C18 9.00005 13.5811 15 12 15C10.4188 15 6 9 6 9", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }]], mn = [["path", { d: "M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }]], Nn = [["path", { d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }]], CC = [["path", { d: "M17.9998 15C17.9998 15 13.5809 9.00001 11.9998 9C10.4187 8.99999 5.99985 15 5.99985 15", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }]], cL = [["path", { d: "M16 2V6M8 2V6", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }], ["path", { d: "M13 4H11C7.22876 4 5.34315 4 4.17157 5.17157C3 6.34315 3 8.22876 3 12V14C3 17.7712 3 19.6569 4.17157 20.8284C5.34315 22 7.22876 22 11 22H13C16.7712 22 18.6569 22 19.8284 20.8284C21 19.6569 21 17.7712 21 14V12C21 8.22876 21 6.34315 19.8284 5.17157C18.6569 4 16.7712 4 13 4Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "1" }], ["path", { d: "M3 10H21", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "2" }], ["path", { d: "M12.1258 14H12.0008M12.1258 18H12.0008M7.625 14H7.5M7.625 18H7.5M16.625 14H16.5M12.2508 14C12.2508 14.1381 12.1389 14.25 12.0008 14.25C11.8628 14.25 11.7508 14.1381 11.7508 14C11.7508 13.8619 11.8628 13.75 12.0008 13.75C12.1389 13.75 12.2508 13.8619 12.2508 14ZM12.2508 18C12.2508 18.1381 12.1389 18.25 12.0008 18.25C11.8628 18.25 11.7508 18.1381 11.7508 18C11.7508 17.8619 11.8628 17.75 12.0008 17.75C12.1389 17.75 12.2508 17.8619 12.2508 18ZM7.75 14C7.75 14.1381 7.63807 14.25 7.5 14.25C7.36193 14.25 7.25 14.1381 7.25 14C7.25 13.8619 7.36193 13.75 7.5 13.75C7.63807 13.75 7.75 13.8619 7.75 14ZM7.75 18C7.75 18.1381 7.63807 18.25 7.5 18.25C7.36193 18.25 7.25 18.1381 7.25 18C7.25 17.8619 7.36193 17.75 7.5 17.75C7.63807 17.75 7.75 17.8619 7.75 18ZM16.75 14C16.75 14.1381 16.6381 14.25 16.5 14.25C16.3619 14.25 16.25 14.1381 16.25 14C16.25 13.8619 16.3619 13.75 16.5 13.75C16.6381 13.75 16.75 13.8619 16.75 14Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "3" }]], dp = [["path", { d: "M18 6L6.00081 17.9992M17.9992 18L6 6.00085", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }]], AE = [["circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }], ["path", { d: "M12 16V12", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "1" }], ["path", { d: "M12.125 8.25H12M12.25 8.25C12.25 8.11193 12.1381 8 12 8C11.8619 8 11.75 8.11193 11.75 8.25C11.75 8.38807 11.8619 8.5 12 8.5C12.1381 8.5 12.25 8.38807 12.25 8.25Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "2" }]], SK = [["path", { d: "M12 3V6", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.5", key: "0" }], ["path", { d: "M12 18V21", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.5", key: "1" }], ["path", { d: "M21 12L18 12", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.5", key: "2" }], ["path", { d: "M6 12L3 12", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.5", key: "3" }], ["path", { d: "M18.3635 5.63672L16.2422 7.75804", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.5", key: "4" }], ["path", { d: "M7.75804 16.2422L5.63672 18.3635", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.5", key: "5" }], ["path", { d: "M18.3635 18.3635L16.2422 16.2422", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.5", key: "6" }], ["path", { d: "M7.75804 7.75804L5.63672 5.63672", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "1.5", key: "7" }]], m7 = [["path", { d: "M13 3H11C7.22876 3 5.34315 3 4.17157 4.17157C3 5.34315 3 7.22876 3 11V13C3 16.7712 3 18.6569 4.17157 19.8284C5.34315 21 7.22876 21 11 21H13C16.7712 21 18.6569 21 19.8284 19.8284C21 18.6569 21 16.7712 21 13V11C21 7.22876 21 5.34315 19.8284 4.17157C18.6569 3 16.7712 3 13 3Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }], ["path", { d: "M9 3V21", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "1" }]], pkr = [["path", { d: "M17 17L21 21", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }], ["path", { d: "M19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19C15.4183 19 19 15.4183 19 11Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "1" }]], TWr = [["path", { d: "M5 14L8.5 17.5L19 6.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", key: "0" }]];
+var _sfc_main = defineComponent({
+  name: "HugeiconsIcon",
+  inheritAttrs: false,
+  props: {
+    icon: {
+      type: Array,
+      required: true
+    },
+    size: {
+      type: [Number, String],
+      default: 24,
+      validator(value) {
+        const size = typeof value === "string" ? parseInt(value, 10) : value;
+        return !isNaN(size) && size > 0;
+      }
+    },
+    strokeWidth: {
+      type: Number,
+      default: void 0
+    },
+    absoluteStrokeWidth: {
+      type: Boolean,
+      default: false
+    },
+    altIcon: {
+      type: Array,
+      default: void 0
+    },
+    showAlt: {
+      type: Boolean,
+      default: false
+    },
+    color: {
+      type: String,
+      default: "currentColor"
+    }
+  },
+  setup(props) {
+    const computedSize = computed(() => {
+      const size = typeof props.size === "string" ? parseInt(props.size, 10) : props.size;
+      return !isNaN(size) && size > 0 ? size : 24;
+    });
+    const calculatedStrokeWidth = computed(() => {
+      if (props.strokeWidth === void 0) return void 0;
+      return props.absoluteStrokeWidth ? props.strokeWidth * 24 / computedSize.value : props.strokeWidth;
+    });
+    const currentIcon = computed(() => {
+      return props.altIcon && props.showAlt ? props.altIcon : props.icon;
+    });
+    const transformAttrs = (attrs, strokeWidth) => {
+      const result = {};
+      for (const [key, value] of Object.entries(attrs)) {
+        const kebabKey = key.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+        result[kebabKey] = value;
+      }
+      if (strokeWidth !== void 0) {
+        result["stroke-width"] = strokeWidth;
+        result["stroke"] = "currentColor";
+      }
+      return result;
+    };
+    return {
+      computedSize,
+      calculatedStrokeWidth,
+      transformAttrs,
+      currentIcon
+    };
+  }
+});
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = ["width", "height", "color"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", mergeProps({
+    width: _ctx.computedSize,
+    height: _ctx.computedSize,
+    viewBox: `0 0 24 24`,
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    color: _ctx.color
+  }, _ctx.$attrs), [
+    (openBlock(true), createElementBlock(
+      Fragment,
+      null,
+      renderList(_ctx.currentIcon, (element, index) => {
+        return openBlock(), createBlock(
+          resolveDynamicComponent(element[0]),
+          mergeProps({
+            key: index,
+            ref_for: true
+          }, _ctx.transformAttrs(element[1], _ctx.calculatedStrokeWidth)),
+          null,
+          16
+          /* FULL_PROPS */
+        );
+      }),
+      128
+      /* KEYED_FRAGMENT */
+    ))
+  ], 16, _hoisted_1);
+}
+var HugeiconsIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/mahmudulhasan/Desktop/Projects/Hugeicons/packages/vue/src/components/HugeiconsIcon.vue"]]);
+export {
+  $o as $,
+  AE as A,
+  CC as C,
+  HugeiconsIcon as H,
+  Nn as N,
+  SK as S,
+  TWr as T,
+  dp as a,
+  m7 as b,
+  cL as c,
+  dn as d,
+  mn as m,
+  pkr as p
+};

package/dist/{NativeSelectOption.vue_vue_type_script_setup_true_lang-CWhL2Lw8.js → NativeSelectOption.vue_vue_type_script_setup_true_lang-Ce5VmA0n.js}

@@ -1,8 +1,8 @@
 import { defineComponent, openBlock, createElementBlock, withDirectives, createElementVNode, mergeProps, unref, isRef, renderSlot, vModelSelect, createVNode, normalizeClass } from "vue";
 import { u as useVModel } from "./index-Cq9Ekgtb.js";
+import { H as HugeiconsIcon, d as dn } from "./HugeiconsIcon.vue-BJ-_Wtmk.js";
 import { c as cn } from "./utils-Bz4m9VPB.js";
 import { r as reactiveOmit } from "./index-qGMU40e1.js";
-import { C as ChevronDown } from "./chevron-down-DP-oz-sL.js";
 const _hoisted_1 = {
   class: "group/native-select relative w-fit has-[select:disabled]:opacity-50",
   "data-slot": "native-select-wrapper"
@@ -41,11 +41,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         ], 16), [
           [vModelSelect, unref(modelValue)]
         ]),
-        createVNode(unref(ChevronDown), {
+        createVNode(unref(HugeiconsIcon), {
+          icon: unref(dn),
           class: "text-muted-foreground pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 opacity-50 select-none",
           "aria-hidden": "true",
           "data-slot": "native-select-icon"
-        })
+        }, null, 8, ["icon"])
       ]);
     };
   }

package/dist/{SheetTitle.vue_vue_type_script_setup_true_lang-fx9jbBwT.js → SheetTitle.vue_vue_type_script_setup_true_lang-Csr3nKnG.js}

@@ -1,8 +1,9 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode, createElementVNode, createElementBlock, normalizeClass } from "vue";
 import { u as useForwardPropsEmits } from "./useForwardPropsEmits-DmumnZO5.js";
 import { b as DialogRoot_default, D as DialogOverlay_default, a as DialogContent_default, c as DialogDescription_default, d as DialogTitle_default } from "./DialogTitle-CLuntLBB.js";
+import { H as HugeiconsIcon, a as dp } from "./HugeiconsIcon.vue-BJ-_Wtmk.js";
 import { D as DialogClose_default } from "./DialogClose-DDtZ0Em0.js";
-import { D as DialogPortal_default, X } from "./DialogPortal-BTVR2QvT.js";
+import { D as DialogPortal_default } from "./DialogPortal-D81oXsCY.js";
 import { c as cn } from "./utils-Bz4m9VPB.js";
 import { r as reactiveOmit } from "./index-qGMU40e1.js";
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
@@ -89,7 +90,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "default"),
               createVNode(unref(DialogClose_default), { class: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none" }, {
                 default: withCtx(() => [
-                  createVNode(unref(X), { class: "size-4" }),
+                  createVNode(unref(HugeiconsIcon), {
+                    icon: unref(dp),
+                    class: "size-4"
+                  }, null, 8, ["icon"]),
                   _cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Close", -1))
                 ]),
                 _: 1

package/dist/badge.js

@@ -0,0 +1,50 @@
+import { c as cva } from "./index-FpH8cK6B.js";
+import { defineComponent, openBlock, createBlock, unref, normalizeClass, withCtx, renderSlot } from "vue";
+import { P as Primitive } from "./Primitive-D3IcFg81.js";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Badge",
+  props: {
+    variant: {},
+    class: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        "data-slot": "badge",
+        "data-variant": _ctx.variant,
+        as: _ctx.as,
+        "as-child": _ctx.asChild,
+        class: normalizeClass(unref(cn)(unref(badgeVariants)({ variant: _ctx.variant }), props.class))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["data-variant", "as", "as-child", "class"]);
+    };
+  }
+});
+const badgeVariants = cva(
+  "inline-flex items-center justify-center rounded border px-2 py-1 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border-border text-muted-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+export {
+  _sfc_main as Badge,
+  badgeVariants
+};

package/dist/busy-indicator.js

@@ -1,5 +1,5 @@
 import { reactive, render, h, defineComponent, openBlock, createBlock, unref, normalizeClass } from "vue";
-import { B as Busy } from "./Busy-DSyPtpVD.js";
+import { B as Busy } from "./Busy-1BeD2TRH.js";
 const BUSY_INDICATOR_ROOT_ID = "ui-vintage-busy-indicator-root";
 let busyIndicatorMountPromise = null;
 const busyIndicatorState = reactive({

package/dist/busy.js

@@ -1,4 +1,4 @@
-import { B } from "./Busy-DSyPtpVD.js";
+import { B } from "./Busy-1BeD2TRH.js";
 export {
   B as Busy
 };

package/dist/calendar.js

@@ -1,4 +1,4 @@
-import { _, a, b, c, d, e, f, g, h, i, j, k } from "./CalendarPrevButton.vue_vue_type_script_setup_true_lang-Dqz6DIGp.js";
+import { _, a, b, c, d, e, f, g, h, i, j, k } from "./CalendarPrevButton.vue_vue_type_script_setup_true_lang-BklOxtD-.js";
 export {
   _ as Calendar,
   a as CalendarCell,

package/dist/card.js

@@ -1,7 +1,8 @@
 import { _ } from "./Card.vue_vue_type_script_setup_true_lang-6ol3rxy1.js";
 import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
 import { c as cn } from "./utils-Bz4m9VPB.js";
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+import { _ as _2, a } from "./CardFooter.vue_vue_type_script_setup_true_lang-B1eS9wge.js";
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "CardAction",
   props: {
     class: {}
@@ -18,24 +19,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "CardContent",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        "data-slot": "card-content",
-        class: normalizeClass(unref(cn)("px-6", props.class))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "CardDescription",
   props: {
     class: {}
@@ -52,23 +36,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "CardFooter",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        "data-slot": "card-footer",
-        class: normalizeClass(unref(cn)("flex items-center px-6 [.border-t]:pt-6", props.class))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "CardHeader",
   props: {
@@ -105,10 +72,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 export {
   _ as Card,
-  _sfc_main$5 as CardAction,
-  _sfc_main$4 as CardContent,
-  _sfc_main$3 as CardDescription,
-  _sfc_main$2 as CardFooter,
+  _sfc_main$3 as CardAction,
+  _2 as CardContent,
+  _sfc_main$2 as CardDescription,
+  a as CardFooter,
   _sfc_main$1 as CardHeader,
   _sfc_main as CardTitle
 };