@brumaombra/ui-vintage 0.3.0 → 0.5.0

package/dist/data-list.js

@@ -0,0 +1,97 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot } from "vue";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+const _hoisted_1 = { class: "border-y border-border" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "DataList",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("table", {
+        "data-slot": "data-list",
+        class: normalizeClass(unref(cn)("w-full text-left text-xs md:text-sm", props.class))
+      }, [
+        createElementVNode("tbody", _hoisted_1, [
+          renderSlot(_ctx.$slots, "default")
+        ])
+      ], 2);
+    };
+  }
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "DataListItem",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("tr", {
+        "data-slot": "data-list-item",
+        class: normalizeClass(unref(cn)("border-b border-border last:border-b-0", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "DataListLabel",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("td", {
+        "data-slot": "data-list-label",
+        class: normalizeClass(unref(cn)("py-3 align-top text-muted-foreground", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "DataListText",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "data-list-text",
+        class: normalizeClass(unref(cn)("line-clamp-3", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DataListValue",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("td", {
+        "data-slot": "data-list-value",
+        class: normalizeClass(unref(cn)("py-3 pl-2 align-top text-right font-medium text-foreground", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main$4 as DataList,
+  _sfc_main$3 as DataListItem,
+  _sfc_main$2 as DataListLabel,
+  _sfc_main$1 as DataListText,
+  _sfc_main as DataListValue
+};

package/dist/date-picker.js

@@ -1,84 +1,5 @@
-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-BklOxtD-.js";
-import { H as HugeiconsIcon, c as cL } from "./HugeiconsIcon.vue-BJ-_Wtmk.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-DFZJvU_P.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "DatePicker",
-  props: {
-    defaultValue: {},
-    modelValue: {},
-    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: "outline",
-                disabled: _ctx.disabled,
-                class: normalizeClass(unref(cn)("w-[240px] justify-start text-left font-normal", !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,
-                layout: "month-and-year",
-                "initial-focus": ""
-              }, null, 8, ["modelValue", "default-placeholder", "onUpdate:modelValue"])
-            ]),
-            _: 2
-          }, 1032, ["class"])
-        ]),
-        _: 1
-      });
-    };
-  }
-});
+import { _, _ as _2 } from "./DatePicker.vue_vue_type_script_setup_true_lang-C2Ug81pX.js";
 export {
-  _sfc_main as DatePicker,
-  _sfc_main as default
+  _ as DatePicker,
+  _2 as default
 };

package/dist/date-time-picker.js

@@ -0,0 +1,140 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode } from "vue";
+import { l as $14e0f24ef4ac5c92$export$aa8b41735afcabd2, n as $11d87f3f76e88657$export$93522d1a439f3617, o as $11d87f3f76e88657$export$e57ff100d91bd4b9 } from "./CalendarPrevButton.vue_vue_type_script_setup_true_lang-DdzS6YGM.js";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+import { _ as _sfc_main$1 } from "./DatePicker.vue_vue_type_script_setup_true_lang-C2Ug81pX.js";
+import { _ as _sfc_main$2 } from "./TimePicker.vue_vue_type_script_setup_true_lang-tbOoMfZu.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DateTimePicker",
+  props: {
+    defaultValue: { default: null },
+    modelValue: {},
+    minDate: { default: null },
+    maxDate: { default: null },
+    step: { default: 60 },
+    disabled: { type: Boolean, default: false },
+    datePlaceholder: { default: "Pick a date" },
+    class: {},
+    datePickerClass: {},
+    timePickerClass: {},
+    datePickerContentClass: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const localTimeZone = $14e0f24ef4ac5c92$export$aa8b41735afcabd2();
+    const internalValue = ref(props.defaultValue);
+    const isControlled = computed(() => props.modelValue !== void 0);
+    const value = computed({
+      get: () => (isControlled.value ? props.modelValue : internalValue.value) ?? null,
+      set: (nextValue) => {
+        const resolvedValue = clampDate(nextValue);
+        if (!isControlled.value)
+          internalValue.value = resolvedValue;
+        emits("update:modelValue", resolvedValue);
+      }
+    });
+    const toPickerDateValue = (date) => {
+      if (!(date instanceof Date) || Number.isNaN(date.getTime()))
+        return void 0;
+      return $11d87f3f76e88657$export$93522d1a439f3617($11d87f3f76e88657$export$e57ff100d91bd4b9(date, localTimeZone));
+    };
+    const toTimeString = (date) => {
+      if (!(date instanceof Date) || Number.isNaN(date.getTime()))
+        return "";
+      return `${String(date.getHours()).padStart(2, "0")}:${String(date.getMinutes()).padStart(2, "0")}`;
+    };
+    const buildDate = (dateValue2, timeValue2) => {
+      if (!dateValue2)
+        return null;
+      const [hours = "0", minutes = "0"] = (timeValue2 || "00:00").split(":");
+      const nextDate = new Date(
+        dateValue2.year,
+        dateValue2.month - 1,
+        dateValue2.day,
+        Number(hours),
+        Number(minutes),
+        0,
+        0
+      );
+      return Number.isNaN(nextDate.getTime()) ? null : nextDate;
+    };
+    const areSameCalendarDay = (left, right) => {
+      if (!left || !right)
+        return false;
+      return left.year === right.year && left.month === right.month && left.day === right.day;
+    };
+    const clampDate = (date) => {
+      if (!date)
+        return null;
+      if (props.minDate && date.getTime() < props.minDate.getTime())
+        return new Date(props.minDate);
+      if (props.maxDate && date.getTime() > props.maxDate.getTime())
+        return new Date(props.maxDate);
+      return date;
+    };
+    const getFallbackDate = () => value.value ?? props.minDate ?? props.maxDate ?? /* @__PURE__ */ new Date();
+    const dateValue = computed({
+      get: () => toPickerDateValue(value.value),
+      set: (nextDateValue) => {
+        if (!nextDateValue) {
+          value.value = null;
+          return;
+        }
+        const fallbackTime = toTimeString(value.value ?? props.minDate ?? props.maxDate);
+        value.value = buildDate(nextDateValue, fallbackTime);
+      }
+    });
+    const timeValue = computed({
+      get: () => toTimeString(value.value),
+      set: (nextTimeValue) => {
+        value.value = buildDate(toPickerDateValue(getFallbackDate()), nextTimeValue || toTimeString(getFallbackDate()));
+      }
+    });
+    const minDateValue = computed(() => toPickerDateValue(props.minDate));
+    const maxDateValue = computed(() => toPickerDateValue(props.maxDate));
+    const minTimeValue = computed(() => {
+      const selectedDate = dateValue.value;
+      const minimumDate = minDateValue.value;
+      return areSameCalendarDay(selectedDate, minimumDate) ? toTimeString(props.minDate) : void 0;
+    });
+    const maxTimeValue = computed(() => {
+      const selectedDate = dateValue.value;
+      const maximumDate = maxDateValue.value;
+      return areSameCalendarDay(selectedDate, maximumDate) ? toTimeString(props.maxDate) : void 0;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cn)("grid grid-cols-1 gap-3 md:grid-cols-[minmax(0,1.35fr)_minmax(0,1fr)]", props.class))
+      }, [
+        createElementVNode("div", null, [
+          createVNode(unref(_sfc_main$1), {
+            modelValue: dateValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dateValue.value = $event),
+            disabled: props.disabled,
+            placeholder: props.datePlaceholder,
+            "min-value": minDateValue.value,
+            "max-value": maxDateValue.value,
+            class: normalizeClass(unref(cn)("w-full", props.datePickerClass)),
+            "content-class": props.datePickerContentClass
+          }, null, 8, ["modelValue", "disabled", "placeholder", "min-value", "max-value", "class", "content-class"])
+        ]),
+        createElementVNode("div", null, [
+          createVNode(unref(_sfc_main$2), {
+            modelValue: timeValue.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => timeValue.value = $event),
+            disabled: props.disabled,
+            step: props.step,
+            min: minTimeValue.value,
+            max: maxTimeValue.value,
+            class: normalizeClass(unref(cn)("w-full", props.timePickerClass))
+          }, null, 8, ["modelValue", "disabled", "step", "min", "max", "class"])
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as DateTimePicker,
+  _sfc_main as default
+};

package/dist/dialog.js

@@ -1,14 +1,13 @@
-import { _, a, b, c, d, e } from "./DialogTitle.vue_vue_type_script_setup_true_lang-BMXrxvBF.js";
-import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, normalizeClass, createVNode, createTextVNode, createCommentVNode, createElementVNode } from "vue";
-import { D as DialogClose_default } from "./DialogClose-DDtZ0Em0.js";
+import { _, a, b, c, d, e } from "./DialogTitle.vue_vue_type_script_setup_true_lang-CycrzAMT.js";
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, normalizeClass, createVNode, createElementVNode, createCommentVNode } from "vue";
+import { D as DialogClose_default } from "./DialogClose-DxCTEp0d.js";
 import { c as cn } from "./utils-Bz4m9VPB.js";
+import { u as useForwardPropsEmits } from "./useForwardPropsEmits-GlUGKcIz.js";
+import { D as DialogOverlay_default, a as DialogContent_default } from "./DialogTitle-jKgSCoXM.js";
+import { D as DialogPortal_default } from "./DialogPortal-BiMJAKLg.js";
 import { Button as _sfc_main$4 } from "./button.js";
-import { H as HugeiconsIcon, a as dp } from "./HugeiconsIcon.vue-BJ-_Wtmk.js";
-import { u as useForwardPropsEmits } from "./useForwardPropsEmits-DmumnZO5.js";
-import { D as DialogOverlay_default, a as DialogContent_default } from "./DialogTitle-CLuntLBB.js";
-import { D as DialogPortal_default } from "./DialogPortal-D81oXsCY.js";
-import { r as reactiveOmit } from "./index-qGMU40e1.js";
-import { D as DialogTrigger_default } from "./DialogTrigger-CjJ8QNL_.js";
+import { r as reactiveOmit } from "./index-DDJjWaIl.js";
+import { D as DialogTrigger_default } from "./DialogTrigger-Cb3rLcid.js";
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "DialogClose",
   props: {
@@ -30,31 +29,16 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "DialogFooter",
   props: {
-    class: {},
-    showCloseButton: { type: Boolean, default: false }
+    class: {}
   },
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         "data-slot": "dialog-footer",
-        class: normalizeClass(unref(cn)("flex flex-col-reverse gap-3 border-t border-border px-5 py-4 sm:flex-row-reverse sm:px-6", props.class))
+        class: normalizeClass(unref(cn)("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", props.class))
       }, [
-        renderSlot(_ctx.$slots, "default"),
-        _ctx.showCloseButton ? (openBlock(), createBlock(unref(DialogClose_default), {
-          key: 0,
-          "as-child": ""
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(_sfc_main$4), { variant: "outline" }, {
-              default: withCtx(() => _cache[0] || (_cache[0] = [
-                createTextVNode(" Close ")
-              ])),
-              _: 1
-            })
-          ]),
-          _: 1
-        })) : createCommentVNode("", true)
+        renderSlot(_ctx.$slots, "default")
       ], 2);
     };
   }
@@ -69,7 +53,8 @@ const _sfc_main$1 = /* @__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 }) {
@@ -80,11 +65,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DialogPortal_default), null, {
         default: withCtx(() => [
-          createVNode(unref(DialogOverlay_default), { class: "fixed inset-0 z-50 grid place-items-center overflow-y-auto 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" }, {
+          createVNode(unref(DialogOverlay_default), { class: "fixed inset-0 isolate z-50 grid place-items-center overflow-y-auto 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" }, {
             default: withCtx(() => [
               createVNode(unref(DialogContent_default), mergeProps({
                 class: unref(cn)(
-                  "relative z-50 my-8 grid w-[95%] max-w-lg gap-0 overflow-hidden rounded border border-border bg-card text-card-foreground shadow-2xl duration-200 md:w-full",
+                  "relative z-50 my-6 grid w-full max-w-[calc(100%-2rem)] gap-4 rounded border border-border bg-card p-6 text-card-foreground outline-none duration-200 sm:max-w-[425px]",
                   props.class
                 )
               }, { ..._ctx.$attrs, ...unref(forwarded) }, {
@@ -98,16 +83,26 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               }), {
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, "default"),
-                  createVNode(unref(DialogClose_default), { class: "absolute top-4 right-4 rounded border border-border bg-card p-1 text-muted-foreground transition-all duration-200 hover:bg-accent hover:text-foreground" }, {
+                  props.showCloseButton ? (openBlock(), createBlock(unref(DialogClose_default), {
+                    key: 0,
+                    "data-slot": "dialog-close",
+                    "as-child": ""
+                  }, {
                     default: withCtx(() => [
-                      createVNode(unref(HugeiconsIcon), {
-                        icon: unref(dp),
-                        class: "size-4"
-                      }, null, 8, ["icon"]),
-                      _cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, "Close", -1))
+                      createVNode(unref(_sfc_main$4), {
+                        variant: "ghost",
+                        size: "icon-sm",
+                        class: "absolute top-4 right-4 p-0.5"
+                      }, {
+                        default: withCtx(() => _cache[1] || (_cache[1] = [
+                          createElementVNode("span", { "aria-hidden": "true" }, "X", -1),
+                          createElementVNode("span", { class: "sr-only" }, "Close", -1)
+                        ])),
+                        _: 1
+                      })
                     ]),
                     _: 1
-                  })
+                  })) : createCommentVNode("", true)
                 ]),
                 _: 3
               }, 16, ["class"])

package/dist/empty-state-card.js

@@ -0,0 +1,5 @@
+import { _, _ as _2 } from "./EmptyStateCard.vue_vue_type_script_setup_true_lang-BYKX6WRQ.js";
+export {
+  _ as EmptyStateCard,
+  _2 as default
+};

package/dist/error-page.js

@@ -1,9 +1,11 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createBlock, createCommentVNode, createElementVNode, renderSlot, createVNode, withCtx, toDisplayString, createTextVNode } from "vue";
-import { H as HugeiconsIcon, m as mn } from "./HugeiconsIcon.vue-BJ-_Wtmk.js";
-import { B as BackgroundGrid } from "./BackgroundGrid-Cxvbtefm.js";
+import { m as mn } from "./index.min-CZ9FIOXr.js";
+import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.js";
+import { B as BackgroundGrid } from "./BackgroundGrid-BJDDcLzF.js";
 import { Button as _sfc_main$4 } from "./button.js";
-import { _ as _sfc_main$1 } from "./Card.vue_vue_type_script_setup_true_lang-6ol3rxy1.js";
-import { _ as _sfc_main$2, a as _sfc_main$3 } from "./CardFooter.vue_vue_type_script_setup_true_lang-B1eS9wge.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";
+import { _ as _sfc_main$3 } from "./CardFooter.vue_vue_type_script_setup_true_lang-B5EqgrgN.js";
 import { c as cn } from "./utils-Bz4m9VPB.js";
 const _hoisted_1 = { class: "relative z-10 mx-auto flex min-h-screen w-full max-w-6xl items-center justify-center px-4 py-10 sm:px-6 lg:px-8" };
 const _hoisted_2 = { class: "w-full max-w-xl" };
@@ -12,8 +14,8 @@ const _hoisted_3 = {
   class: "mb-4 flex justify-end gap-3"
 };
 const _hoisted_4 = { class: "text-sm font-semibold uppercase tracking-[0.24em] text-[var(--button-primary-light)] dark:text-[var(--button-primary-dark)]" };
-const _hoisted_5 = { class: "mt-3 text-2xl font-bold" };
-const _hoisted_6 = { class: "mt-4 text-sm leading-7 text-[var(--text-secondary-light)] dark:text-[var(--text-secondary-dark)] sm:text-base" };
+const _hoisted_5 = { class: "text-2xl font-bold mt-3" };
+const _hoisted_6 = { class: "text-sm leading-7 text-[var(--text-secondary-light)] dark:text-[var(--text-secondary-dark)] sm:text-base mt-4" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ErrorPage",
   props: {
@@ -81,7 +83,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     renderSlot(_ctx.$slots, "actions", { onAction: handleAction }, () => [
                       props.showDefaultAction ? (openBlock(), createBlock(unref(_sfc_main$4), {
                         key: 0,
-                        variant: "default",
+                        variant: "primary",
                         onClick: handleAction
                       }, {
                         default: withCtx(() => [

package/dist/field.js

@@ -1,8 +1,8 @@
 import { c as cva } from "./index-FpH8cK6B.js";
 import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot, computed, Fragment, createTextVNode, toDisplayString, renderList, createCommentVNode, createBlock, withCtx, createVNode } from "vue";
 import { c as cn } from "./utils-Bz4m9VPB.js";
-import { _ as _sfc_main$a } from "./Label.vue_vue_type_script_setup_true_lang-pMIzCHzV.js";
-import { _ as _sfc_main$b } from "./Separator.vue_vue_type_script_setup_true_lang-CMRkdntA.js";
+import { _ as _sfc_main$a } from "./Label.vue_vue_type_script_setup_true_lang-CdLIMAdF.js";
+import { _ as _sfc_main$b } from "./Separator.vue_vue_type_script_setup_true_lang-D9BozdWD.js";
 const _hoisted_1$3 = ["data-orientation"];
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "Field",

package/dist/getActiveElement-Bmy6QsUb.js

@@ -0,0 +1,9 @@
+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;
+}
+export {
+  getActiveElement as g
+};

package/dist/i18n/en.json.d.ts

@@ -0,0 +1,57 @@
+declare const _default: {
+    "ui": {
+        "common": {
+            "empty": {
+                "title": "Nothing here yet",
+                "description": "There is no content to show right now."
+            },
+            "loading": {
+                "title": "Loading...",
+                "description": "Please wait a moment while we load the content."
+            }
+        },
+        "buttons": {
+            "all": "All",
+            "close": "Close",
+            "cancel": "Cancel",
+            "delete": "Delete",
+            "confirm": "Confirm",
+            "filter": "Filter",
+            "search": "Search",
+            "apply": "Apply",
+            "clear": "Clear",
+            "loading": "Loading",
+            "loadMore": "Load more",
+            "save": "Save",
+            "update": "Update",
+            "goBack": "Go back"
+        },
+        "theme": {
+            "light": "Light",
+            "dark": "Dark",
+            "auto": "Auto",
+            "title": "Choose theme",
+            "ariaLabel": "Toggle theme selector"
+        },
+        "language": {
+            "title": "Choose language",
+            "ariaLabel": "Language selector"
+        },
+        "footer": {
+            "madeWith": "Made with",
+            "by": "by",
+            "allRightsReserved": "All rights reserved."
+        },
+        "select": {
+            "defaultPlaceholder": "Select an option"
+        },
+        "messageDialog": {
+            "error": "Error",
+            "success": "Success",
+            "info": "Information",
+            "warning": "Warning"
+        }
+    }
+};
+
+export default _default;

package/dist/i18n/it.json.d.ts

@@ -0,0 +1,57 @@
+declare const _default: {
+    "ui": {
+        "common": {
+            "empty": {
+                "title": "Non c'è ancora niente qui",
+                "description": "Al momento non c'è alcun contenuto da mostrare."
+            },
+            "loading": {
+                "title": "Caricamento...",
+                "description": "Attendi un momento mentre carichiamo il contenuto."
+            }
+        },
+        "buttons": {
+            "all": "Tutti",
+            "close": "Chiudi",
+            "cancel": "Annulla",
+            "delete": "Elimina",
+            "confirm": "Conferma",
+            "filter": "Filtra",
+            "search": "Cerca",
+            "apply": "Applica",
+            "clear": "Pulisci",
+            "loading": "Caricamento",
+            "loadMore": "Carica altro",
+            "save": "Salva",
+            "update": "Aggiorna",
+            "goBack": "Torna indietro"
+        },
+        "theme": {
+            "light": "Chiaro",
+            "dark": "Scuro",
+            "auto": "Automatico",
+            "title": "Scegli tema",
+            "ariaLabel": "Selettore tema"
+        },
+        "language": {
+            "title": "Scegli lingua",
+            "ariaLabel": "Selettore lingua"
+        },
+        "footer": {
+            "madeWith": "Fatto con",
+            "by": "da",
+            "allRightsReserved": "Tutti i diritti riservati."
+        },
+        "select": {
+            "defaultPlaceholder": "Seleziona un'opzione"
+        },
+        "messageDialog": {
+            "error": "Errore",
+            "success": "Successo",
+            "info": "Informazione",
+            "warning": "Attenzione"
+        }
+    }
+};
+
+export default _default;