@brumaombra/ui-vintage 0.3.0 → 0.5.0

package/dist/HugeiconsIcon.vue-By2RXWWz.js

@@ -0,0 +1,111 @@
+import { defineComponent, computed, openBlock, createElementBlock, mergeProps, Fragment, renderList, createBlock, resolveDynamicComponent } from "vue";
+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 {
+  HugeiconsIcon as H
+};

package/dist/{Input.vue_vue_type_script_setup_true_lang-6SfPeT8d.js → Input.vue_vue_type_script_setup_true_lang-BdjbS5s7.js}

@@ -1,5 +1,5 @@
 import { defineComponent, withDirectives, openBlock, createElementBlock, normalizeClass, unref, isRef, vModelText } from "vue";
-import { u as useVModel } from "./index-Cq9Ekgtb.js";
+import { a as useVModel } from "./index-Dw56kNV0.js";
 import { c as cn } from "./utils-Bz4m9VPB.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Input",

package/dist/{Label.vue_vue_type_script_setup_true_lang-pMIzCHzV.js → Label.vue_vue_type_script_setup_true_lang-CdLIMAdF.js}

@@ -1,8 +1,8 @@
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { u as useForwardExpose } from "./useForwardExpose-BiRQH8eO.js";
+import { u as useForwardExpose } from "./useForwardExpose-BcX3VRdS.js";
 import { P as Primitive } from "./Primitive-D3IcFg81.js";
 import { c as cn } from "./utils-Bz4m9VPB.js";
-import { r as reactiveOmit } from "./index-qGMU40e1.js";
+import { r as reactiveOmit } from "./index-DDJjWaIl.js";
 var Label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
   __name: "Label",
   props: {

package/dist/LandingContent.vue_vue_type_script_setup_true_lang-Wgtl_yeD.js

@@ -0,0 +1,21 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LandingContent",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cn)("mx-auto w-full max-w-6xl px-3 py-6 sm:px-6 lg:px-8 lg:py-14", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/LandingFooter.vue_vue_type_script_setup_true_lang-CDy30mYg.js

@@ -0,0 +1,159 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createCommentVNode, toDisplayString, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, withCtx, createTextVNode, createVNode } from "vue";
+import { D as DB } from "./index.min-CZ9FIOXr.js";
+import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.js";
+import { useI18n } from "vue-i18n";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+const _hoisted_1 = { class: "mb-4 inline-flex items-center gap-2 text-lg font-semibold tracking-tight text-foreground" };
+const _hoisted_2 = ["src", "alt"];
+const _hoisted_3 = {
+  key: 0,
+  class: "max-w-sm text-xs md:text-sm leading-relaxed text-muted-foreground"
+};
+const _hoisted_4 = { class: "md:text-right" };
+const _hoisted_5 = { class: "mb-4 font-semibold text-foreground" };
+const _hoisted_6 = { class: "space-y-3 text-xs sm:text-sm" };
+const _hoisted_7 = {
+  key: 1,
+  class: "flex flex-col gap-8 md:max-w-[60%] md:flex-row md:flex-wrap md:justify-end md:gap-16"
+};
+const _hoisted_8 = { class: "mb-4 font-semibold text-foreground" };
+const _hoisted_9 = { class: "space-y-3 text-xs sm:text-sm" };
+const _hoisted_10 = {
+  key: 0,
+  class: "flex flex-wrap items-center justify-center gap-1.5 md:justify-end"
+};
+const _hoisted_11 = ["href"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LandingFooter",
+  props: {
+    appName: {},
+    appLogo: {},
+    appDescription: { default: "" },
+    sections: { default: () => [] },
+    linkComponent: { default: "a" },
+    authorName: { default: "" },
+    authorLink: { default: "" },
+    year: { default: () => (/* @__PURE__ */ new Date()).getFullYear() },
+    showBottomBar: { type: Boolean, default: true },
+    class: {},
+    containerClass: {},
+    brandClass: {},
+    sectionsClass: {},
+    bottomBarClass: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = useI18n();
+    const hasSingleSection = computed(() => props.sections.length === 1);
+    const getLinkProps = (link) => {
+      const sharedProps = link.newTab ? { target: "_blank", rel: "noopener noreferrer" } : {};
+      if (props.linkComponent === "a") {
+        return {
+          href: link.href ?? "#",
+          ...sharedProps
+        };
+      }
+      return {
+        to: link.to ?? link.href ?? "/",
+        ...sharedProps
+      };
+    };
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("footer", {
+        class: normalizeClass(unref(cn)("relative z-10 border-t border-border bg-card", props.class))
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(cn)("mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8", props.containerClass))
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(unref(cn)("flex flex-col gap-8", !hasSingleSection.value && "md:flex-row md:items-start md:justify-between"))
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(unref(cn)("max-w-md flex-1", props.brandClass))
+            }, [
+              createElementVNode("div", _hoisted_1, [
+                props.appLogo ? (openBlock(), createElementBlock("img", {
+                  key: 0,
+                  src: props.appLogo,
+                  alt: `${props.appName} logo`,
+                  class: "size-8 shrink-0 object-contain"
+                }, null, 8, _hoisted_2)) : createCommentVNode("", true),
+                createElementVNode("span", null, toDisplayString(props.appName), 1)
+              ]),
+              props.appDescription ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(props.appDescription), 1)) : createCommentVNode("", true)
+            ], 2),
+            hasSingleSection.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(unref(cn)("min-w-0 md:flex md:justify-end", props.sectionsClass))
+            }, [
+              createElementVNode("div", _hoisted_4, [
+                createElementVNode("h3", _hoisted_5, toDisplayString((_a = props.sections[0]) == null ? void 0 : _a.title), 1),
+                createElementVNode("ul", _hoisted_6, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList((_b = props.sections[0]) == null ? void 0 : _b.links, (link) => {
+                    return openBlock(), createElementBlock("li", {
+                      key: link.id
+                    }, [
+                      (openBlock(), createBlock(resolveDynamicComponent(props.linkComponent), mergeProps({ ref_for: true }, getLinkProps(link), { class: "text-muted-foreground transition-colors duration-200 hover:text-foreground" }), {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(link.label), 1)
+                        ]),
+                        _: 2
+                      }, 1040))
+                    ]);
+                  }), 128))
+                ])
+              ])
+            ], 2)) : (openBlock(), createElementBlock("div", _hoisted_7, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(props.sections, (section) => {
+                return openBlock(), createElementBlock("div", {
+                  key: section.id,
+                  class: normalizeClass(unref(cn)("min-w-28", props.sectionsClass))
+                }, [
+                  createElementVNode("h3", _hoisted_8, toDisplayString(section.title), 1),
+                  createElementVNode("ul", _hoisted_9, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(section.links, (link) => {
+                      return openBlock(), createElementBlock("li", {
+                        key: link.id
+                      }, [
+                        (openBlock(), createBlock(resolveDynamicComponent(props.linkComponent), mergeProps({ ref_for: true }, getLinkProps(link), { class: "text-muted-foreground transition-colors duration-200 hover:text-foreground" }), {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(link.label), 1)
+                          ]),
+                          _: 2
+                        }, 1040))
+                      ]);
+                    }), 128))
+                  ])
+                ], 2);
+              }), 128))
+            ]))
+          ], 2),
+          props.showBottomBar ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(cn)("mt-12 flex flex-col items-center justify-between gap-4 border-t border-border pt-8 text-xs md:text-sm text-muted-foreground md:flex-row", props.bottomBarClass))
+          }, [
+            createElementVNode("div", null, " © " + toDisplayString(props.year) + " " + toDisplayString(props.appName) + ". " + toDisplayString(unref(t)("ui.footer.allRightsReserved")), 1),
+            props.authorName && props.authorLink ? (openBlock(), createElementBlock("div", _hoisted_10, [
+              createElementVNode("span", null, toDisplayString(unref(t)("ui.footer.madeWith")), 1),
+              createVNode(unref(HugeiconsIcon), {
+                icon: unref(DB),
+                class: "size-4 shrink-0 text-red-700 dark:text-red-400"
+              }, null, 8, ["icon"]),
+              createElementVNode("span", null, toDisplayString(unref(t)("ui.footer.by")), 1),
+              createElementVNode("a", {
+                href: props.authorLink,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                class: "font-medium text-foreground hover:underline"
+              }, toDisplayString(props.authorName), 9, _hoisted_11)
+            ])) : createCommentVNode("", true)
+          ], 2)) : createCommentVNode("", true)
+        ], 2)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/LandingNavbar.vue_vue_type_script_setup_true_lang-0jX2tmdb.js

@@ -0,0 +1,59 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createCommentVNode, toDisplayString } from "vue";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+const _hoisted_1 = ["href"];
+const _hoisted_2 = ["src", "alt"];
+const _hoisted_3 = {
+  key: 1,
+  class: "hidden sm:inline text-xl font-bold tracking-tight text-foreground"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LandingNavbar",
+  props: {
+    appName: { default: "" },
+    appLogo: { default: "" },
+    appLinkTo: { default: "/" },
+    class: {},
+    containerClass: {},
+    leftClass: {},
+    rightClass: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("header", {
+        class: normalizeClass(unref(cn)("z-30 flex h-20 w-full flex-wrap sm:flex-nowrap sm:justify-start", props.class))
+      }, [
+        createElementVNode("nav", {
+          class: normalizeClass(unref(cn)("mx-auto flex max-w-6xl basis-full items-center justify-between px-3 sm:px-6 lg:px-8", props.containerClass))
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(unref(cn)("flex items-center", props.leftClass))
+          }, [
+            renderSlot(_ctx.$slots, "left", {}, () => [
+              createElementVNode("a", {
+                href: props.appLinkTo,
+                class: "inline-flex items-center gap-2 transition-opacity hover:opacity-80"
+              }, [
+                props.appLogo ? (openBlock(), createElementBlock("img", {
+                  key: 0,
+                  src: props.appLogo,
+                  alt: `${props.appName} logo`,
+                  class: "size-11 sm:size-9 shrink-0 object-contain"
+                }, null, 8, _hoisted_2)) : createCommentVNode("", true),
+                props.appName ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(props.appName), 1)) : createCommentVNode("", true)
+              ], 8, _hoisted_1)
+            ])
+          ], 2),
+          createElementVNode("div", {
+            class: normalizeClass(unref(cn)("flex items-center justify-end gap-2 sm:gap-3", props.rightClass))
+          }, [
+            renderSlot(_ctx.$slots, "right")
+          ], 2)
+        ], 2)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/LandingShell.vue_vue_type_script_setup_true_lang-BXwdQR24.js

@@ -0,0 +1,49 @@
+import { defineComponent, useSlots, computed, openBlock, createElementBlock, normalizeClass, unref, createBlock, createCommentVNode, Fragment, createElementVNode, renderSlot } from "vue";
+import { B as BackgroundGrid } from "./BackgroundGrid-BJDDcLzF.js";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LandingShell",
+  props: {
+    showBackground: { type: Boolean, default: true },
+    rootClass: {},
+    navbarClass: {},
+    mainClass: {},
+    footerClass: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const hasStructuredSlots = computed(() => {
+      return Boolean(slots.navbar || slots.content || slots.footer);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cn)("relative flex min-h-screen flex-col bg-background text-foreground", props.rootClass))
+      }, [
+        props.showBackground ? (openBlock(), createBlock(BackgroundGrid, { key: 0 })) : createCommentVNode("", true),
+        hasStructuredSlots.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createElementVNode("header", {
+            class: normalizeClass(unref(cn)("relative z-10", props.navbarClass))
+          }, [
+            renderSlot(_ctx.$slots, "navbar")
+          ], 2),
+          createElementVNode("main", {
+            class: normalizeClass(unref(cn)("relative z-10", props.mainClass))
+          }, [
+            renderSlot(_ctx.$slots, "content", {}, () => [
+              renderSlot(_ctx.$slots, "default")
+            ])
+          ], 2),
+          createElementVNode("footer", {
+            class: normalizeClass(unref(cn)("relative z-10", props.footerClass))
+          }, [
+            renderSlot(_ctx.$slots, "footer")
+          ], 2)
+        ], 64)) : renderSlot(_ctx.$slots, "default", { key: 2 })
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/LanguageFlag.vue_vue_type_script_setup_true_lang-CgszKeNv.js

@@ -0,0 +1,68 @@
+import { openBlock, createElementBlock, createStaticVNode, createElementVNode, defineComponent, computed, createBlock, resolveDynamicComponent, normalizeProps, guardReactiveProps } from "vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main$2 = {};
+const _hoisted_1$1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 640 480",
+  "aria-hidden": "true",
+  focusable: "false"
+};
+function _sfc_render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1, _cache[0] || (_cache[0] = [
+    createStaticVNode('<path fill="#012169" d="M0 0h640v480H0z"></path><path fill="#FFF" d="m75 0 244 181L562 0h78v62L400 241l240 178v61h-80L320 301 81 480H0v-60l239-178L0 64V0z"></path><path fill="#C8102E" d="m424 281 216 159v40L369 281zm-184 20 6 35L54 480H0zM640 0v3L391 191l2-44L590 0zM0 0l239 176h-60L0 42z"></path><path fill="#FFF" d="M241 0v480h160V0zM0 160v160h640V160z"></path><path fill="#C8102E" d="M0 193v96h640v-96zM273 0v480h96V0z"></path>', 5)
+  ]));
+}
+const EnglishFlag = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1]]);
+const _sfc_main$1 = {};
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 640 480",
+  "aria-hidden": "true",
+  focusable: "false"
+};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    createElementVNode("g", {
+      "fill-rule": "evenodd",
+      "stroke-width": "1pt"
+    }, [
+      createElementVNode("path", {
+        fill: "#fff",
+        d: "M0 0h640v480H0z"
+      }),
+      createElementVNode("path", {
+        fill: "#009246",
+        d: "M0 0h213.3v480H0z"
+      }),
+      createElementVNode("path", {
+        fill: "#ce2b37",
+        d: "M426.7 0H640v480H426.7z"
+      })
+    ], -1)
+  ]));
+}
+const ItalianFlag = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LanguageFlag",
+  props: {
+    code: { type: String, default: "en" }
+  },
+  setup(__props) {
+    const props = __props;
+    const flagComponentMap = {
+      en: EnglishFlag,
+      it: ItalianFlag
+    };
+    const flagComponent = computed(() => {
+      return flagComponentMap[props.code] || EnglishFlag;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(flagComponent.value), normalizeProps(guardReactiveProps(_ctx.$attrs)), null, 16);
+    };
+  }
+});
+export {
+  EnglishFlag as E,
+  ItalianFlag as I,
+  _sfc_main as _
+};

package/dist/LoadMoreButton.vue_vue_type_script_setup_true_lang-CGhFcsF-.js

@@ -0,0 +1,61 @@
+import { defineComponent, computed, openBlock, createElementBlock, createBlock, unref, withCtx, createVNode, createTextVNode, toDisplayString } from "vue";
+import { useI18n } from "vue-i18n";
+import { S as Ser, a as dn } from "./index.min-CZ9FIOXr.js";
+import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.js";
+import { Button as _sfc_main$1 } from "./button.js";
+const _hoisted_1 = { class: "flex justify-center" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LoadMoreButton",
+  props: {
+    busy: { type: Boolean, default: false },
+    text: { type: String, default: "" },
+    loadingText: { type: String, default: "" }
+  },
+  emits: ["load-more"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { t } = useI18n();
+    const resolvedText = computed(() => props.text || t("ui.buttons.loadMore") || "Load more");
+    const resolvedLoadingText = computed(() => props.loadingText || t("ui.buttons.loading") || "Loading");
+    const handleClick = () => {
+      emits("load-more");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        props.busy ? (openBlock(), createBlock(unref(_sfc_main$1), {
+          key: 0,
+          variant: "secondary",
+          class: "w-full md:w-auto",
+          disabled: true
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(HugeiconsIcon), {
+              icon: unref(Ser),
+              class: "size-4 animate-spin"
+            }, null, 8, ["icon"]),
+            createTextVNode(" " + toDisplayString(resolvedLoadingText.value), 1)
+          ]),
+          _: 1
+        })) : (openBlock(), createBlock(unref(_sfc_main$1), {
+          key: 1,
+          variant: "secondary",
+          class: "w-full md:w-auto",
+          onClick: handleClick
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(HugeiconsIcon), {
+              icon: unref(dn),
+              class: "size-4"
+            }, null, 8, ["icon"]),
+            createTextVNode(" " + toDisplayString(resolvedText.value), 1)
+          ]),
+          _: 1
+        }))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/LoadingStateCard.vue_vue_type_script_setup_true_lang-DwyQjtZ3.js

@@ -0,0 +1,53 @@
+import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, createElementBlock, toDisplayString, createCommentVNode, renderSlot } from "vue";
+import { useI18n } from "vue-i18n";
+import { b as SK } 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-60 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 _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LoadingStateCard",
+  props: {
+    icon: { type: [Object, Array], default: () => SK },
+    title: { type: String, default: "" },
+    description: { type: String, default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = useI18n();
+    const resolvedTitle = computed(() => props.title || t("ui.common.loading.title") || "Loading...");
+    const resolvedDescription = computed(() => props.description || t("ui.common.loading.description") || "Please wait a moment while we load the content.");
+    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 animate-spin"
+                }, 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),
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  _sfc_main as _
+};