@brumaombra/ui-vintage 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Mauro Brambilla
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,78 @@
+# @brumaombra/ui-vintage
+
+A reusable Nuxt component library scaffold aligned with the Bitcoin Ticker web UI.
+
+## What This Is
+
+- A publishable package for shared UI components.
+- A single root barrel file at `src/index.ts`.
+- The same base CSS tokens and Tailwind setup used by Bitcoin Ticker.
+- A folder layout that stays compatible with `shadcn-vue` additions.
+
+## Development
+
+```bash
+npm install
+npm run build
+```
+
+## Local Showcase
+
+The repository includes a minimal Nuxt demo app in `demo-app/` that hosts a local showcase page built from the library components.
+
+```bash
+npm install
+npm --prefix demo-app install
+npm run demo:dev
+```
+
+Other useful commands:
+
+```bash
+npm run demo:build
+npm run demo:preview
+```
+
+## Usage
+
+```ts
+import { Busy } from "@brumaombra/ui-vintage"
+```
+
+If you prefer explicit CSS loading, you can also import:
+
+```ts
+import "@brumaombra/ui-vintage/style.css"
+```
+
+## Adding Components
+
+- Keep shared components under `src/components/`.
+- Export every public component from `src/index.ts`.
+- Keep `src/lib/utils.ts` as the shared utility entry used by shadcn components.
+- Use `components.json` with `shadcn-vue` to scaffold new primitives into this package.
+
+Example:
+
+```bash
+npx shadcn-vue@latest add button
+```
+
+## Adding Shadcn Vue Components
+
+This repo is already configured for the shadcn-vue CLI through [components.json](components.json). New components generated by the CLI will be added under [src/components/ui](src/components/ui).
+
+Use the CLI directly:
+
+```bash
+npx shadcn-vue@latest add button
+npx shadcn-vue@latest add accordion
+```
+
+If you ever need to re-run the interactive setup:
+
+```bash
+npx shadcn-vue@latest init
+```
+
+The current aliases map `ui` to `@/components/ui`, so generated imports and files stay inside the library source tree.

package/dist/AlertDialogTitle.vue_vue_type_script_setup_true_lang-CWCr2erD.js

@@ -0,0 +1,360 @@
+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-CNVHwdF2.js";
+import { a as DialogContent_default, c as DialogDescription_default, D as DialogOverlay_default, b as DialogRoot_default, d as DialogTitle_default } from "./DialogTitle-DXj0nkXn.js";
+import { T as Teleport_default } from "./Teleport-CuUn4UkG.js";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+import { r as reactiveOmit } from "./index-Dfi5ESP2.js";
+const [injectAlertDialogContentContext, provideAlertDialogContentContext] = createContext("AlertDialogContent");
+var AlertDialogContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialogContent",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: false
+    },
+    disableOutsidePointerEvents: {
+      type: Boolean,
+      required: false
+    },
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false
+    }
+  },
+  emits: [
+    "escapeKeyDown",
+    "pointerDownOutside",
+    "focusOutside",
+    "interactOutside",
+    "openAutoFocus",
+    "closeAutoFocus"
+  ],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const emitsAsProps = useEmitAsProps(emits);
+    useForwardExpose();
+    const cancelElement = ref();
+    provideAlertDialogContentContext({ onCancelElementChange: (el) => {
+      cancelElement.value = el;
+    } });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogContent_default), mergeProps({
+        ...props,
+        ...unref(emitsAsProps)
+      }, {
+        role: "alertdialog",
+        onPointerDownOutside: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["prevent"])),
+        onInteractOutside: _cache[1] || (_cache[1] = withModifiers(() => {
+        }, ["prevent"])),
+        onOpenAutoFocus: _cache[2] || (_cache[2] = () => {
+          nextTick(() => {
+            var _a;
+            (_a = cancelElement.value) == null ? void 0 : _a.focus({ preventScroll: true });
+          });
+        })
+      }), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+var AlertDialogContent_default = AlertDialogContent_vue_vue_type_script_setup_true_lang_default;
+var AlertDialogDescription_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialogDescription",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false,
+      default: "p"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogDescription_default), normalizeProps(guardReactiveProps(props)), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+var AlertDialogDescription_default = AlertDialogDescription_vue_vue_type_script_setup_true_lang_default;
+var AlertDialogOverlay_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialogOverlay",
+  props: {
+    forceMount: {
+      type: Boolean,
+      required: false
+    },
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogOverlay_default), normalizeProps(guardReactiveProps(props)), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+var AlertDialogOverlay_default = AlertDialogOverlay_vue_vue_type_script_setup_true_lang_default;
+var AlertDialogPortal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialogPortal",
+  props: {
+    to: {
+      type: null,
+      required: false
+    },
+    disabled: {
+      type: Boolean,
+      required: false
+    },
+    defer: {
+      type: Boolean,
+      required: false
+    },
+    forceMount: {
+      type: Boolean,
+      required: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Teleport_default), normalizeProps(guardReactiveProps(props)), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+var AlertDialogPortal_default = AlertDialogPortal_vue_vue_type_script_setup_true_lang_default;
+var AlertDialogRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialogRoot",
+  props: {
+    open: {
+      type: Boolean,
+      required: false
+    },
+    defaultOpen: {
+      type: Boolean,
+      required: false
+    }
+  },
+  emits: ["update:open"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const forwarded = useForwardPropsEmits(props, emits);
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogRoot_default), mergeProps(unref(forwarded), { modal: true }), {
+        default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+var AlertDialogRoot_default = AlertDialogRoot_vue_vue_type_script_setup_true_lang_default;
+var AlertDialogTitle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialogTitle",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false,
+      default: "h2"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogTitle_default), normalizeProps(guardReactiveProps(props)), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+var AlertDialogTitle_default = AlertDialogTitle_vue_vue_type_script_setup_true_lang_default;
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialog",
+  props: {
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean }
+  },
+  emits: ["update:open"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const forwarded = useForwardPropsEmits(props, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(AlertDialogRoot_default), mergeProps({ "data-slot": "alert-dialog" }, unref(forwarded)), {
+        default: withCtx((slotProps) => [
+          renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "AlertDialogContent",
+  props: {
+    forceMount: { type: Boolean },
+    disableOutsidePointerEvents: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = reactiveOmit(props, "class");
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(AlertDialogPortal_default), null, {
+        default: withCtx(() => [
+          createVNode(unref(AlertDialogOverlay_default), {
+            "data-slot": "alert-dialog-overlay",
+            class: "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"
+          }),
+          createVNode(unref(AlertDialogContent_default), mergeProps({ "data-slot": "alert-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-0 overflow-hidden rounded border border-border shadow-2xl duration-200 sm:max-w-lg",
+              props.class
+            )
+          }), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 16, ["class"])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialogDescription",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(AlertDialogDescription_default), mergeProps({ "data-slot": "alert-dialog-description" }, unref(delegatedProps), {
+        class: unref(cn)("text-xs leading-6 text-muted-foreground sm:text-sm", props.class)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialogFooter",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "alert-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
+          )
+        )
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialogHeader",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "alert-dialog-header",
+        class: normalizeClass(unref(cn)("flex flex-col gap-1.5 text-center sm:text-left", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialogTitle",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(AlertDialogTitle_default), mergeProps({ "data-slot": "alert-dialog-title" }, unref(delegatedProps), {
+        class: unref(cn)("text-base font-semibold", props.class)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+export {
+  _sfc_main$5 as _,
+  _sfc_main$4 as a,
+  _sfc_main$3 as b,
+  _sfc_main$2 as c,
+  _sfc_main$1 as d,
+  _sfc_main as e,
+  injectAlertDialogContentContext as i
+};

package/dist/AlertDialogTrigger.vue_vue_type_script_setup_true_lang-vNwxOYhM.js

@@ -0,0 +1,158 @@
+import { defineComponent, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot, onMounted, mergeProps } from "vue";
+import { u as useForwardExpose } from "./useForwardExpose-CNVHwdF2.js";
+import { D as DialogClose_default } from "./DialogClose-BNlqG4G2.js";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+import { buttonVariants } from "./button.js";
+import { r as reactiveOmit } from "./index-Dfi5ESP2.js";
+import { i as injectAlertDialogContentContext } from "./AlertDialogTitle.vue_vue_type_script_setup_true_lang-CWCr2erD.js";
+import { D as DialogTrigger_default } from "./DialogTrigger-CpyKnu11.js";
+var AlertDialogAction_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialogAction",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false,
+      default: "button"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogClose_default), normalizeProps(guardReactiveProps(props)), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+var AlertDialogAction_default = AlertDialogAction_vue_vue_type_script_setup_true_lang_default;
+var AlertDialogCancel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialogCancel",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false,
+      default: "button"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const contentContext = injectAlertDialogContentContext();
+    const { forwardRef, currentElement } = useForwardExpose();
+    onMounted(() => {
+      contentContext.onCancelElementChange(currentElement.value);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogClose_default), mergeProps(props, { ref: unref(forwardRef) }), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+var AlertDialogCancel_default = AlertDialogCancel_vue_vue_type_script_setup_true_lang_default;
+var AlertDialogTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialogTrigger",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false,
+      default: "button"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogTrigger_default), normalizeProps(guardReactiveProps(props)), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+var AlertDialogTrigger_default = AlertDialogTrigger_vue_vue_type_script_setup_true_lang_default;
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialogAction",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(AlertDialogAction_default), mergeProps(unref(delegatedProps), {
+        class: unref(cn)(unref(buttonVariants)(), props.class)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialogCancel",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(AlertDialogCancel_default), mergeProps(unref(delegatedProps), {
+        class: unref(cn)(
+          unref(buttonVariants)({ variant: "outline" }),
+          "mt-2 sm:mt-0",
+          props.class
+        )
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AlertDialogTrigger",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(AlertDialogTrigger_default), mergeProps({ "data-slot": "alert-dialog-trigger" }, props), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main$2 as _,
+  _sfc_main$1 as a,
+  _sfc_main as b
+};

package/dist/BackgroundGrid-Cxvbtefm.js

@@ -0,0 +1,13 @@
+import { openBlock, createElementBlock, createElementVNode } from "vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = {};
+const _hoisted_1 = { class: "pointer-events-none absolute inset-0 z-0 overflow-hidden" };
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1, _cache[0] || (_cache[0] = [
+    createElementVNode("div", { class: "absolute inset-0 bg-[linear-gradient(to_right,#80808012_1px,transparent_1px),linear-gradient(to_bottom,#80808012_1px,transparent_1px)] bg-[size:18px_18px] dark:bg-[linear-gradient(to_right,#ffffff0d_1px,transparent_1px),linear-gradient(to_bottom,#ffffff0d_1px,transparent_1px)]" }, null, -1)
+  ]));
+}
+const BackgroundGrid = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  BackgroundGrid as B
+};

package/dist/Busy-B65Nd9ec.js

@@ -0,0 +1,62 @@
+import { defineComponent, openBlock, createBlock, Transition, withCtx, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createVNode, toDisplayString, createCommentVNode } from "vue";
+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",
+  class: "text-xs font-medium text-foreground sm:text-sm"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Busy",
+  props: {
+    show: { type: Boolean, default: false },
+    label: { default: "Loading..." },
+    class: {},
+    overlayClass: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, { name: "busy-fade" }, {
+        default: withCtx(() => [
+          props.show ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            "data-slot": "busy-overlay",
+            class: normalizeClass(unref(cn)("fixed inset-0 z-50 flex items-center justify-center bg-black/45 backdrop-blur-[2px] transition-[opacity,backdrop-filter] duration-300 ease-out", props.overlayClass))
+          }, [
+            createElementVNode("div", {
+              "data-slot": "busy-content",
+              role: "status",
+              "aria-live": "polite",
+              "aria-busy": "true",
+              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), {
+                  "data-slot": "busy-spinner",
+                  class: "size-10 animate-spin text-primary"
+                }),
+                props.label ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(props.label), 1)) : createCommentVNode("", true)
+              ], true)
+            ], 2)
+          ], 2)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const Busy = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b43114a4"]]);
+export {
+  Busy as B
+};

package/dist/BusyIndicator-CnWzSMDb.js

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "./BusyIndicator.vue_vue_type_script_setup_true_lang-CYeXMI_V.js";
+export {
+  _sfc_main as default
+};