@brumaombra/ui-vintage 0.4.0 → 0.5.0

package/dist/{AlertDialogTitle.vue_vue_type_script_setup_true_lang-Ca0g2mVz.js → AlertDialogTitle.vue_vue_type_script_setup_true_lang-_UW48pv7.js}

@@ -1,10 +1,11 @@
 import { defineComponent, ref, openBlock, createBlock, unref, mergeProps, nextTick, withModifiers, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode, createElementBlock, normalizeClass } from "vue";
-import { b as useEmitAsProps, c as createContext, u as useForwardPropsEmits } from "./useForwardPropsEmits-DmumnZO5.js";
-import { u as useForwardExpose } from "./useForwardExpose-BiRQH8eO.js";
-import { a as DialogContent_default, c as DialogDescription_default, D as DialogOverlay_default, b as DialogRoot_default, d as DialogTitle_default } from "./DialogTitle-CLuntLBB.js";
-import { T as Teleport_default } from "./Teleport-CV0tKbq5.js";
+import { b as useEmitAsProps, u as useForwardPropsEmits } from "./useForwardPropsEmits-GlUGKcIz.js";
+import { u as useForwardExpose } from "./useForwardExpose-BcX3VRdS.js";
+import { a as DialogContent_default, c as DialogDescription_default, D as DialogOverlay_default, b as DialogRoot_default, d as DialogTitle_default } from "./DialogTitle-jKgSCoXM.js";
+import { c as createContext } from "./createContext-BabAT1K8.js";
+import { T as Teleport_default } from "./Teleport-DTOwRCqx.js";
 import { c as cn } from "./utils-Bz4m9VPB.js";
-import { r as reactiveOmit } from "./index-qGMU40e1.js";
+import { r as reactiveOmit } from "./index-DDJjWaIl.js";
 const [injectAlertDialogContentContext, provideAlertDialogContentContext] = createContext("AlertDialogContent");
 var AlertDialogContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
   __name: "AlertDialogContent",

package/dist/{Busy-D1u_LUYu.js → Busy-BaCc_Jo8.js}

@@ -1,5 +1,6 @@
 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-CurGbgrJ.js";
+import { b as SK } from "./index.min-CZ9FIOXr.js";
+import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.js";
 import { c as cn } from "./utils-Bz4m9VPB.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1 = {

package/dist/{CalendarPrevButton.vue_vue_type_script_setup_true_lang-BA4Aw_Sl.js → CalendarPrevButton.vue_vue_type_script_setup_true_lang-DdzS6YGM.js}

@@ -1,16 +1,18 @@
 import { ref, computed, watch, defineComponent, toRefs, onMounted, openBlock, createBlock, unref, withCtx, renderSlot, createElementVNode, toDisplayString, withKeys, withModifiers, createTextVNode, nextTick, mergeProps, normalizeProps, guardReactiveProps, toRaw, createElementBlock, Fragment, createVNode, renderList, isRef } from "vue";
-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 { a as useVModel, i as createReusableTemplate } from "./index-Dw56kNV0.js";
+import { u as useForwardPropsEmits, a as useForwardProps } from "./useForwardPropsEmits-GlUGKcIz.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-COnFRt8g.js";
-import { r as reactiveOmit } from "./index-qGMU40e1.js";
+import { _ as _sfc_main$c, a as _sfc_main$d } from "./NativeSelectOption.vue_vue_type_script_setup_true_lang-CNcUI9Yh.js";
+import { r as reactiveOmit } from "./index-DDJjWaIl.js";
 import { buttonVariants } from "./button.js";
-import { H as HugeiconsIcon, N as Nn, m as mn } from "./HugeiconsIcon.vue-CurGbgrJ.js";
+import { N as Nn, m as mn } from "./index.min-CZ9FIOXr.js";
+import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.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 { u as useDirection } from "./useDirection-SIyEYNxv.js";
-import { i as injectConfigProviderContext } from "./ConfigProvider-D2O0Jles.js";
+import { u as usePrimitiveElement } from "./usePrimitiveElement-BCpwlakH.js";
+import { c as createContext } from "./createContext-BabAT1K8.js";
+import { u as useDirection } from "./useDirection-B2bMgzzV.js";
+import { i as injectConfigProviderContext } from "./ConfigProvider-DYO65bNW.js";
 function $2b4dce13dd5a17fa$export$842a2cf37af977e1(amount, numerator) {
   return amount - numerator * Math.floor(amount / numerator);
 }
@@ -472,6 +474,9 @@ function $11d87f3f76e88657$export$1b96692a1ba042ac(ms, timeZone) {
   let millisecond = date.getUTCMilliseconds();
   return new $35ea8db9cb2ccb90$export$d3b7288e7994edea(year < 1 ? "BC" : "AD", year < 1 ? -year + 1 : year, month, day, timeZone, offset, hour, minute, second, millisecond);
 }
+function $11d87f3f76e88657$export$e57ff100d91bd4b9(date, timeZone) {
+  return $11d87f3f76e88657$export$1b96692a1ba042ac(date.getTime(), timeZone);
+}
 function $11d87f3f76e88657$export$93522d1a439f3617(dateTime) {
   return new $35ea8db9cb2ccb90$export$99faa760c7908e4f(dateTime.calendar, dateTime.era, dateTime.year, dateTime.month, dateTime.day);
 }
@@ -3722,7 +3727,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(CalendarNext_default), mergeProps({
         "data-slot": "calendar-next-button",
         class: unref(cn)(
-          unref(buttonVariants)({ variant: "outline" }),
+          unref(buttonVariants)({ variant: "secondary" }),
           "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
         )
@@ -3756,7 +3761,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(CalendarPrev_default), mergeProps({
         "data-slot": "calendar-prev-button",
         class: unref(cn)(
-          unref(buttonVariants)({ variant: "outline" }),
+          unref(buttonVariants)({ variant: "secondary" }),
           "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
         )
@@ -3789,5 +3794,7 @@ export {
   _sfc_main$1 as j,
   _sfc_main as k,
   $14e0f24ef4ac5c92$export$aa8b41735afcabd2 as l,
-  $fb18d541ea1ad717$export$ad991b66133851cf as m
+  $fb18d541ea1ad717$export$ad991b66133851cf as m,
+  $11d87f3f76e88657$export$93522d1a439f3617 as n,
+  $11d87f3f76e88657$export$e57ff100d91bd4b9 as o
 };

package/dist/Card.vue_vue_type_script_setup_true_lang-D0pFVflK.js

@@ -0,0 +1,30 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
+import { g as getSurfaceToneClasses } from "./color-tokens-D9BviGPK.js";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Card",
+  props: {
+    color: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const colorClasses = computed(() => {
+      if (!props.color || props.color === "default") {
+        return "border border-border bg-card text-card-foreground";
+      }
+      return getSurfaceToneClasses(props.color);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "card",
+        class: normalizeClass(unref(cn)("flex flex-col gap-6 rounded py-6 transition-colors duration-300 ease-in-out", colorClasses.value, props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/{Card.vue_vue_type_script_setup_true_lang-6ol3rxy1.js → CardContent.vue_vue_type_script_setup_true_lang-dBzO0q1t.js}

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
 import { c as cn } from "./utils-Bz4m9VPB.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Card",
+  __name: "CardContent",
   props: {
     class: {}
   },
@@ -9,13 +9,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        "data-slot": "card",
-        class: normalizeClass(
-          unref(cn)(
-            "bg-card text-card-foreground flex flex-col gap-6 rounded border border-border py-6 transition-colors duration-300 ease-in-out",
-            props.class
-          )
-        )
+        "data-slot": "card-content",
+        class: normalizeClass(unref(cn)("flex flex-col gap-4 px-6", props.class))
       }, [
         renderSlot(_ctx.$slots, "default")
       ], 2);

package/dist/{CardFooter.vue_vue_type_script_setup_true_lang-B1eS9wge.js → CardFooter.vue_vue_type_script_setup_true_lang-B5EqgrgN.js}

@@ -1,22 +1,5 @@
 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: {
@@ -35,6 +18,5 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  _sfc_main$1 as _,
-  _sfc_main as a
+  _sfc_main as _
 };

package/dist/CardText.vue_vue_type_script_setup_true_lang-DbDhSd3h.js

@@ -0,0 +1,22 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CardText",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("p", {
+        "data-slot": "card-text",
+        class: normalizeClass(unref(cn)("text-sm text-[var(--text-secondary-light)] dark:text-[var(--text-secondary-dark)]", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/{Collection-Coi6nyvb.js → Collection-4P3HQ4uU.js}

@@ -1,5 +1,5 @@
 import { S as Slot } from "./Primitive-D3IcFg81.js";
-import { u as usePrimitiveElement } from "./usePrimitiveElement-Bk3ZOslv.js";
+import { u as usePrimitiveElement } from "./usePrimitiveElement-BCpwlakH.js";
 import { ref, provide, inject, defineComponent, watch, h, watchEffect, markRaw, computed } from "vue";
 const ITEM_DATA_ATTR = "data-reka-collection-item";
 function useCollection(options = {}) {

package/dist/{ConfigProvider-D2O0Jles.js → ConfigProvider-DYO65bNW.js}

@@ -1,4 +1,4 @@
-import { c as createContext } from "./useForwardPropsEmits-DmumnZO5.js";
+import { c as createContext } from "./createContext-BabAT1K8.js";
 import "vue";
 const [injectConfigProviderContext] = createContext("ConfigProvider");
 export {

package/dist/DatePicker.vue_vue_type_script_setup_true_lang-C2Ug81pX.js

@@ -0,0 +1,88 @@
+import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createTextVNode, toDisplayString } from "vue";
+import { $ as $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3, l as $14e0f24ef4ac5c92$export$aa8b41735afcabd2, m as $fb18d541ea1ad717$export$ad991b66133851cf, _ as _sfc_main$5 } from "./CalendarPrevButton.vue_vue_type_script_setup_true_lang-DdzS6YGM.js";
+import { f as cL } from "./index.min-CZ9FIOXr.js";
+import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.js";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+import { Button as _sfc_main$3 } from "./button.js";
+import { _ as _sfc_main$1, a as _sfc_main$2, b as _sfc_main$4 } from "./PopoverTrigger.vue_vue_type_script_setup_true_lang-Cf33q_yT.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DatePicker",
+  props: {
+    defaultValue: {},
+    modelValue: {},
+    minValue: {},
+    maxValue: {},
+    placeholder: { default: "Pick a date" },
+    disabled: { type: Boolean, default: false },
+    class: {},
+    contentClass: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const internalDate = ref(props.defaultValue);
+    const isControlled = computed(() => props.modelValue !== void 0);
+    const date = computed({
+      get: () => isControlled.value ? props.modelValue : internalDate.value,
+      set: (value) => {
+        if (!isControlled.value)
+          internalDate.value = value;
+        emits("update:modelValue", value);
+      }
+    });
+    const defaultPlaceholder = computed(() => date.value ?? $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3($14e0f24ef4ac5c92$export$aa8b41735afcabd2()));
+    const formatter = new $fb18d541ea1ad717$export$ad991b66133851cf("en-US", {
+      dateStyle: "long"
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), null, {
+        default: withCtx(({ close }) => [
+          createVNode(unref(_sfc_main$2), { "as-child": "" }, {
+            default: withCtx(() => [
+              createVNode(unref(_sfc_main$3), {
+                variant: "secondary",
+                disabled: _ctx.disabled,
+                class: normalizeClass(unref(cn)("h-[52px] w-[240px] justify-start text-left font-normal enabled:active:scale-100", !date.value && "text-muted-foreground", props.class))
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(HugeiconsIcon), {
+                    icon: unref(cL),
+                    class: "size-4"
+                  }, null, 8, ["icon"]),
+                  createTextVNode(" " + toDisplayString(date.value ? unref(formatter).format(date.value.toDate(unref($14e0f24ef4ac5c92$export$aa8b41735afcabd2)())) : _ctx.placeholder), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled", "class"])
+            ]),
+            _: 1
+          }),
+          createVNode(unref(_sfc_main$4), {
+            class: normalizeClass(unref(cn)("w-auto p-0", props.contentClass)),
+            align: "start"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(_sfc_main$5), {
+                modelValue: date.value,
+                "onUpdate:modelValue": [
+                  _cache[0] || (_cache[0] = ($event) => date.value = $event),
+                  close
+                ],
+                "default-placeholder": defaultPlaceholder.value,
+                "min-value": props.minValue,
+                "max-value": props.maxValue,
+                layout: "month-and-year",
+                "initial-focus": ""
+              }, null, 8, ["modelValue", "default-placeholder", "min-value", "max-value", "onUpdate:modelValue"])
+            ]),
+            _: 2
+          }, 1032, ["class"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/DialogClose-DxCTEp0d.js

@@ -0,0 +1,36 @@
+import { u as useForwardExpose } from "./useForwardExpose-BcX3VRdS.js";
+import { P as Primitive } from "./Primitive-D3IcFg81.js";
+import { i as injectDialogRootContext } from "./DialogTitle-jKgSCoXM.js";
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
+var DialogClose_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "DialogClose",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false,
+      default: "button"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    useForwardExpose();
+    const rootContext = injectDialogRootContext();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
+        type: _ctx.as === "button" ? "button" : void 0,
+        onClick: _cache[0] || (_cache[0] = ($event) => unref(rootContext).onOpenChange(false))
+      }), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16, ["type"]);
+    };
+  }
+});
+var DialogClose_default = DialogClose_vue_vue_type_script_setup_true_lang_default;
+export {
+  DialogClose_default as D
+};

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

@@ -1,4 +1,4 @@
-import { T as Teleport_default } from "./Teleport-CV0tKbq5.js";
+import { T as Teleport_default } from "./Teleport-DTOwRCqx.js";
 import { defineComponent, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot } from "vue";
 var DialogPortal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
   __name: "DialogPortal",

package/dist/{DialogTitle-CLuntLBB.js → DialogTitle-jKgSCoXM.js}

@@ -1,11 +1,15 @@
-import { c as createContext, b as useEmitAsProps } from "./useForwardPropsEmits-DmumnZO5.js";
-import { u as useForwardExpose } from "./useForwardExpose-BiRQH8eO.js";
-import { u as useId, D as DismissableLayer_default, P as Presence_default } from "./Teleport-CV0tKbq5.js";
-import { g as getActiveElement, F as FocusScope_default, a as useHideOthers, u as useBodyScrollLock } from "./FocusScope-DYbCtSNc.js";
-import { g as getOpenState } from "./utils-BXBXPGDA.js";
+import { b as useEmitAsProps } from "./useForwardPropsEmits-GlUGKcIz.js";
+import { u as useForwardExpose } from "./useForwardExpose-BcX3VRdS.js";
+import { P as Presence_default } from "./Presence-CTmUEdMR.js";
+import { F as FocusScope_default, u as useHideOthers, a as useBodyScrollLock } from "./FocusScope-mzbqk6Y_.js";
+import { g as getActiveElement } from "./getActiveElement-Bmy6QsUb.js";
+import { u as useId } from "./useId-CF6wz41D.js";
+import { D as DismissableLayer_default } from "./Teleport-DTOwRCqx.js";
+import { g as getOpenState } from "./utils-DbR1EZn-.js";
 import { defineComponent, ref, toRefs, renderSlot, unref, onMounted, openBlock, createBlock, withCtx, createVNode, mergeProps, createCommentVNode } from "vue";
 import { P as Primitive } from "./Primitive-D3IcFg81.js";
-import { u as useVModel } from "./index-Cq9Ekgtb.js";
+import { c as createContext } from "./createContext-BabAT1K8.js";
+import { a as useVModel } from "./index-Dw56kNV0.js";
 const [injectDialogRootContext, provideDialogRootContext] = createContext("DialogRoot");
 var DialogRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
   inheritAttrs: false,

package/dist/{DialogTitle.vue_vue_type_script_setup_true_lang-BG4dvMRo.js → DialogTitle.vue_vue_type_script_setup_true_lang-CycrzAMT.js}

@@ -1,9 +1,11 @@
-import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode, 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 { D as DialogPortal_default } from "./DialogPortal-D81oXsCY.js";
+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-GlUGKcIz.js";
+import { b as DialogRoot_default, D as DialogOverlay_default, a as DialogContent_default, c as DialogDescription_default, d as DialogTitle_default } from "./DialogTitle-jKgSCoXM.js";
+import { D as DialogClose_default } from "./DialogClose-DxCTEp0d.js";
+import { D as DialogPortal_default } from "./DialogPortal-BiMJAKLg.js";
 import { c as cn } from "./utils-Bz4m9VPB.js";
-import { r as reactiveOmit } from "./index-qGMU40e1.js";
+import { Button as _sfc_main$6 } from "./button.js";
+import { r as reactiveOmit } from "./index-DDJjWaIl.js";
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "Dialog",
   props: {
@@ -39,7 +41,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const delegatedProps = reactiveOmit(props, "class");
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DialogOverlay_default), mergeProps({ "data-slot": "dialog-overlay" }, unref(delegatedProps), {
-        class: unref(cn)("fixed inset-0 z-50 bg-black/45 backdrop-blur-[2px] transition-[opacity,backdrop-filter] ease-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", props.class)
+        class: unref(cn)("fixed inset-0 isolate z-50 bg-black/45 backdrop-blur-[2px] transition-[opacity,backdrop-filter] ease-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", props.class)
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
@@ -59,7 +61,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     disableOutsidePointerEvents: { type: Boolean },
     asChild: { type: Boolean },
     as: {},
-    class: {}
+    class: {},
+    showCloseButton: { type: Boolean, default: false }
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
   setup(__props, { emit: __emit }) {
@@ -73,12 +76,32 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           createVNode(_sfc_main$4),
           createVNode(unref(DialogContent_default), mergeProps({ "data-slot": "dialog-content" }, { ..._ctx.$attrs, ...unref(forwarded) }, {
             class: unref(cn)(
-              "bg-card text-card-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-[95%] max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 overflow-hidden rounded border border-border p-6 shadow-2xl duration-200 sm:max-w-lg",
+              "bg-card text-card-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded border border-border p-6 outline-none duration-200 sm:max-w-[425px]",
               props.class
             )
           }), {
             default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
+              renderSlot(_ctx.$slots, "default"),
+              props.showCloseButton ? (openBlock(), createBlock(unref(DialogClose_default), {
+                key: 0,
+                "data-slot": "dialog-close",
+                "as-child": ""
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(_sfc_main$6), {
+                    variant: "ghost",
+                    size: "icon-sm",
+                    class: "absolute top-4 right-4 p-0.5"
+                  }, {
+                    default: withCtx(() => _cache[0] || (_cache[0] = [
+                      createElementVNode("span", { "aria-hidden": "true" }, "X", -1),
+                      createElementVNode("span", { class: "sr-only" }, "Close", -1)
+                    ])),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
             ]),
             _: 3
           }, 16, ["class"])
@@ -121,7 +144,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         "data-slot": "dialog-header",
-        class: normalizeClass(unref(cn)("flex flex-col gap-1.5 text-center sm:text-left", props.class))
+        class: normalizeClass(unref(cn)("flex flex-col gap-1.5", props.class))
       }, [
         renderSlot(_ctx.$slots, "default")
       ], 2);

package/dist/{DialogTrigger-BQbSAHMb.js → DialogTrigger-Cb3rLcid.js}

@@ -1,37 +1,8 @@
-import { u as useForwardExpose } from "./useForwardExpose-BiRQH8eO.js";
+import { u as useForwardExpose } from "./useForwardExpose-BcX3VRdS.js";
+import { u as useId } from "./useId-CF6wz41D.js";
 import { P as Primitive } from "./Primitive-D3IcFg81.js";
-import { i as injectDialogRootContext } from "./DialogTitle-CLuntLBB.js";
-import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, onMounted } from "vue";
-import { u as useId } from "./Teleport-CV0tKbq5.js";
-var DialogClose_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "DialogClose",
-  props: {
-    asChild: {
-      type: Boolean,
-      required: false
-    },
-    as: {
-      type: null,
-      required: false,
-      default: "button"
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    useForwardExpose();
-    const rootContext = injectDialogRootContext();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
-        type: _ctx.as === "button" ? "button" : void 0,
-        onClick: _cache[0] || (_cache[0] = ($event) => unref(rootContext).onOpenChange(false))
-      }), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16, ["type"]);
-    };
-  }
-});
-var DialogClose_default = DialogClose_vue_vue_type_script_setup_true_lang_default;
+import { i as injectDialogRootContext } from "./DialogTitle-jKgSCoXM.js";
+import { defineComponent, onMounted, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
 var DialogTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
   __name: "DialogTrigger",
   props: {
@@ -77,6 +48,5 @@ var DialogTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 });
 var DialogTrigger_default = DialogTrigger_vue_vue_type_script_setup_true_lang_default;
 export {
-  DialogClose_default as D,
-  DialogTrigger_default as a
+  DialogTrigger_default as D
 };

package/dist/EmptyStateCard.vue_vue_type_script_setup_true_lang-BYKX6WRQ.js

@@ -0,0 +1,59 @@
+import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, createElementBlock, toDisplayString, createCommentVNode, renderSlot } from "vue";
+import { useI18n } from "vue-i18n";
+import { u as u7 } from "./index.min-CZ9FIOXr.js";
+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 items-center justify-center text-4xl text-[var(--text-secondary-light)] opacity-40 dark:text-[var(--text-secondary-dark)]" };
+const _hoisted_2 = {
+  key: 0,
+  class: "text-sm font-bold text-[var(--text-primary-light)] dark:text-[var(--text-primary-dark)] md:text-lg"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "max-w-md text-xs text-[var(--text-secondary-light)] dark:text-[var(--text-secondary-dark)] md:text-sm"
+};
+const _hoisted_4 = { key: 2 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EmptyStateCard",
+  props: {
+    icon: { type: [Object, Array], default: () => u7 },
+    title: { type: String, default: "" },
+    description: { type: String, default: "" },
+    titleKey: { type: String, default: "" },
+    descriptionKey: { type: String, default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = useI18n();
+    const hasCustomCopy = computed(() => Boolean(props.title || props.description || props.titleKey || props.descriptionKey));
+    const resolvedTitle = computed(() => props.title || (props.titleKey ? t(props.titleKey) : "") || (!hasCustomCopy.value ? t("ui.common.empty.title") : "") || (!hasCustomCopy.value ? "Nothing here yet" : ""));
+    const resolvedDescription = computed(() => props.description || (props.descriptionKey ? t(props.descriptionKey) : "") || (!hasCustomCopy.value ? t("ui.common.empty.description") : "") || (!hasCustomCopy.value ? "There is no content to show right now." : ""));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), { class: "flex flex-col items-center justify-center px-4 py-8 text-center md:py-12" }, {
+        default: withCtx(() => [
+          createVNode(unref(_sfc_main$2), { class: "flex flex-col items-center justify-center !p-0 text-center" }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_1, [
+                createVNode(unref(HugeiconsIcon), {
+                  icon: props.icon,
+                  class: "size-10"
+                }, null, 8, ["icon"])
+              ]),
+              resolvedTitle.value ? (openBlock(), createElementBlock("h3", _hoisted_2, toDisplayString(resolvedTitle.value), 1)) : createCommentVNode("", true),
+              resolvedDescription.value ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(resolvedDescription.value), 1)) : createCommentVNode("", true),
+              _ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                renderSlot(_ctx.$slots, "action")
+              ])) : createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/{FocusScope-DYbCtSNc.js → FocusScope-mzbqk6Y_.js}

@@ -1,16 +1,11 @@
-import { i as injectConfigProviderContext } from "./ConfigProvider-D2O0Jles.js";
+import { i as injectConfigProviderContext } from "./ConfigProvider-DYO65bNW.js";
 import { computed, ref, watch, nextTick, onUnmounted, defineComponent, reactive, watchEffect, openBlock, createBlock, unref, withCtx, renderSlot } from "vue";
-import { b as useEventListener, a as unrefElement } from "./index-Cq9Ekgtb.js";
-import { h as tryOnBeforeUnmount, j as createSharedComposable, i as isClient, k as isIOS, l as createGlobalState } from "./index-qGMU40e1.js";
-import { d as defu } from "./Teleport-CV0tKbq5.js";
-import { u as useForwardExpose } from "./useForwardExpose-BiRQH8eO.js";
+import { c as useEventListener, u as unrefElement } from "./index-Dw56kNV0.js";
+import { h as tryOnBeforeUnmount, j as createSharedComposable, i as isClient, k as isIOS, l as createGlobalState } from "./index-DDJjWaIl.js";
+import { d as defu } from "./Teleport-DTOwRCqx.js";
+import { g as getActiveElement } from "./getActiveElement-Bmy6QsUb.js";
+import { u as useForwardExpose } from "./useForwardExpose-BcX3VRdS.js";
 import { P as Primitive } from "./Primitive-D3IcFg81.js";
-function getActiveElement() {
-  let activeElement = document.activeElement;
-  if (activeElement == null) return null;
-  while (activeElement != null && activeElement.shadowRoot != null && activeElement.shadowRoot.activeElement != null) activeElement = activeElement.shadowRoot.activeElement;
-  return activeElement;
-}
 const useBodyLockStackCount = createSharedComposable(() => {
   const map = ref(/* @__PURE__ */ new Map());
   const initialOverflow = ref();
@@ -448,7 +443,6 @@ var FocusScope_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 var FocusScope_default = FocusScope_vue_vue_type_script_setup_true_lang_default;
 export {
   FocusScope_default as F,
-  useHideOthers as a,
-  getActiveElement as g,
-  useBodyScrollLock as u
+  useBodyScrollLock as a,
+  useHideOthers as u
 };