@brumaombra/ui-vintage 0.6.8 → 0.7.3

package/src/styles.css

@@ -0,0 +1,224 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+@custom-variant dark (&:where(.dark, .dark *));
+@source "./**/*.{ts,vue}";
+
+html {
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+}
+
+:root {
+    /*********************** Core custom colors ***********************/
+
+    --bg-main-light: #fafafa;
+    --bg-main-dark: #0f1318;
+    --bg-card-light: #ffffff;
+    --bg-card-dark: #171c23;
+    --bg-surface-light: #f6f8fa;
+    --bg-surface-dark: #1c222b;
+    --bg-selected-light: #edf1f5;
+    --bg-selected-dark: #202733;
+
+    --text-primary-light: #1b222d;
+    --text-primary-dark: #eef3f8;
+    --text-secondary-light: #66707d;
+    --text-secondary-dark: #97a2b2;
+
+    --button-primary-light: #f7931a;
+    --button-primary-hover-light: #df8112;
+    --button-primary-dark: #f7a23c;
+    --button-primary-hover-dark: #ffb55b;
+    --button-primary-foreground-light: #ffffff;
+    --button-primary-foreground-dark: #1b1307;
+    --button-secondary-light: #ffffff;
+    --button-secondary-dark: #171c23;
+
+    --border-light: #d8dee7;
+    --border-dark: #313948;
+    --border-hover-light: #a7b0bd;
+    --border-hover-dark: #5d6878;
+
+    /*********************** Shadcn UI variables ***********************/
+
+    --radius: 0.625rem;
+    --background: var(--bg-main-light);
+    --foreground: var(--text-primary-light);
+    --card: var(--bg-card-light);
+    --card-foreground: var(--text-primary-light);
+    --popover: var(--bg-card-light);
+    --popover-foreground: var(--text-primary-light);
+    --primary: var(--button-primary-light);
+    --primary-foreground: var(--button-primary-foreground-light);
+    --secondary: var(--button-secondary-light);
+    --secondary-foreground: var(--text-primary-light);
+    --muted: var(--bg-selected-light);
+    --muted-foreground: var(--text-secondary-light);
+    --accent: var(--bg-selected-light);
+    --accent-foreground: var(--text-primary-light);
+    --destructive: oklch(0.577 0.245 27.325);
+    --border: var(--border-light);
+    --input: var(--border-light);
+    --ring: var(--button-primary-light);
+    --chart-1: oklch(0.646 0.222 41.116);
+    --chart-2: oklch(0.6 0.118 184.704);
+    --chart-3: oklch(0.398 0.07 227.392);
+    --chart-4: oklch(0.828 0.189 84.429);
+    --chart-5: oklch(0.769 0.188 70.08);
+    --sidebar: var(--bg-card-light);
+    --sidebar-foreground: var(--text-primary-light);
+    --sidebar-primary: var(--button-primary-light);
+    --sidebar-primary-foreground: var(--button-primary-foreground-light);
+    --sidebar-accent: var(--bg-selected-light);
+    --sidebar-accent-foreground: var(--text-primary-light);
+    --sidebar-border: var(--border-light);
+    --sidebar-ring: var(--button-primary-light);
+}
+
+@theme inline {
+    --radius-sm: calc(var(--radius) - 4px);
+    --radius-md: calc(var(--radius) - 2px);
+    --radius-lg: var(--radius);
+    --radius-xl: calc(var(--radius) + 4px);
+    --color-background: var(--background);
+    --color-foreground: var(--foreground);
+    --color-card: var(--card);
+    --color-card-foreground: var(--card-foreground);
+    --color-popover: var(--popover);
+    --color-popover-foreground: var(--popover-foreground);
+    --color-primary: var(--primary);
+    --color-primary-foreground: var(--primary-foreground);
+    --color-secondary: var(--secondary);
+    --color-secondary-foreground: var(--secondary-foreground);
+    --color-muted: var(--muted);
+    --color-muted-foreground: var(--muted-foreground);
+    --color-accent: var(--accent);
+    --color-accent-foreground: var(--accent-foreground);
+    --color-destructive: var(--destructive);
+    --color-border: var(--border);
+    --color-input: var(--input);
+    --color-ring: var(--ring);
+    --color-chart-1: var(--chart-1);
+    --color-chart-2: var(--chart-2);
+    --color-chart-3: var(--chart-3);
+    --color-chart-4: var(--chart-4);
+    --color-chart-5: var(--chart-5);
+    --color-sidebar: var(--sidebar);
+    --color-sidebar-foreground: var(--sidebar-foreground);
+    --color-sidebar-primary: var(--sidebar-primary);
+    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+    --color-sidebar-accent: var(--sidebar-accent);
+    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+    --color-sidebar-border: var(--sidebar-border);
+    --color-sidebar-ring: var(--sidebar-ring);
+}
+
+.dark {
+    --background: var(--bg-main-dark);
+    --foreground: var(--text-primary-dark);
+    --card: var(--bg-card-dark);
+    --card-foreground: var(--text-primary-dark);
+    --popover: var(--bg-card-dark);
+    --popover-foreground: var(--text-primary-dark);
+    --primary: var(--button-primary-dark);
+    --primary-foreground: var(--button-primary-foreground-dark);
+    --secondary: var(--button-secondary-dark);
+    --secondary-foreground: var(--text-primary-dark);
+    --muted: var(--bg-selected-dark);
+    --muted-foreground: var(--text-secondary-dark);
+    --accent: var(--bg-selected-dark);
+    --accent-foreground: var(--text-primary-dark);
+    --destructive: oklch(0.704 0.191 22.216);
+    --border: var(--border-dark);
+    --input: var(--border-dark);
+    --ring: var(--button-primary-dark);
+    --chart-1: oklch(0.488 0.243 264.376);
+    --chart-2: oklch(0.696 0.17 162.48);
+    --chart-3: oklch(0.769 0.188 70.08);
+    --chart-4: oklch(0.627 0.265 303.9);
+    --chart-5: oklch(0.645 0.246 16.439);
+    --sidebar: var(--bg-card-dark);
+    --sidebar-foreground: var(--text-primary-dark);
+    --sidebar-primary: var(--button-primary-dark);
+    --sidebar-primary-foreground: var(--button-primary-foreground-dark);
+    --sidebar-accent: var(--bg-selected-dark);
+    --sidebar-accent-foreground: var(--text-primary-dark);
+    --sidebar-border: var(--border-dark);
+    --sidebar-ring: var(--button-primary-dark);
+}
+
+@layer base {
+    * {
+        @apply border-border outline-ring/50;
+    }
+
+    body {
+        @apply bg-background text-foreground;
+    }
+}
+
+body {
+    background: var(--bg-main-light);
+    color: var(--text-primary-light);
+}
+
+.dark body {
+    background: var(--bg-main-dark);
+    color: var(--text-primary-dark);
+}
+
+/*********************** Page transition animations ***********************/
+
+.page-enter-active,
+.page-leave-active {
+    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
+}
+
+.page-enter-from {
+    opacity: 0;
+    transform: translateY(4px);
+}
+
+.page-leave-to {
+    opacity: 0;
+    transform: translateY(-4px);
+}
+
+
+/*********************** Custom scrollbar ***********************/
+
+/* Webkit browsers */
+::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+}
+
+::-webkit-scrollbar-track {
+    background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+    background-color: var(--border-light);
+    border-radius: 0px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background-color: var(--text-secondary-light);
+}
+
+.dark ::-webkit-scrollbar-thumb {
+    background-color: var(--border-dark);
+}
+
+.dark ::-webkit-scrollbar-thumb:hover {
+    background-color: var(--text-secondary-dark);
+}
+
+/* Firefox */
+* {
+    scrollbar-width: thin;
+    scrollbar-color: var(--border-light) transparent;
+}
+
+.dark * {
+    scrollbar-color: var(--border-dark) transparent;
+}

package/dist/AlertDialogTitle.vue_vue_type_script_setup_true_lang-DhRDOi2d.js

@@ -1,361 +0,0 @@
-import { defineComponent, ref, openBlock, createBlock, unref, mergeProps, nextTick, withModifiers, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode, createElementBlock, normalizeClass } from "vue";
-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-DbYZ4xaD.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",
-  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$1 as b,
-  _sfc_main as c,
-  _sfc_main$3 as d,
-  _sfc_main$2 as e,
-  injectAlertDialogContentContext as i
-};

package/dist/BackgroundGrid-BJDDcLzF.js

@@ -1,13 +0,0 @@
-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:20px_20px] 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/Badge.vue_vue_type_script_setup_true_lang-DH_klSVA.js

@@ -1,33 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createBlock, createCommentVNode, createTextVNode, toDisplayString } from "vue";
-import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.js";
-import { g as getSurfaceToneClasses } from "./color-tokens-D9BviGPK.js";
-import { c as cn } from "./utils-DbYZ4xaD.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Badge",
-  props: {
-    text: {},
-    icon: { default: null },
-    color: { default: "gray" },
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        "data-slot": "badge",
-        class: normalizeClass(unref(cn)("inline-flex w-fit items-center justify-center gap-1.5 whitespace-nowrap rounded border px-2 py-0.5 text-xs font-semibold transition-colors duration-300 ease-in-out", unref(getSurfaceToneClasses)(props.color), props.class))
-      }, [
-        props.icon ? (openBlock(), createBlock(unref(HugeiconsIcon), {
-          key: 0,
-          icon: props.icon,
-          class: "size-3.5 shrink-0",
-          "stroke-width": 1.8
-        }, null, 8, ["icon"])) : createCommentVNode("", true),
-        createTextVNode(" " + toDisplayString(props.text), 1)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/Busy-BOXgYrox.js

@@ -1,55 +0,0 @@
-import { defineComponent, openBlock, createBlock, Transition, withCtx, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createVNode, toDisplayString, createCommentVNode } from "vue";
-import { b as SK } from "./index.min-CUZWqaEQ.js";
-import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.js";
-import { c as cn } from "./utils-DbYZ4xaD.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = {
-  key: 0,
-  "data-slot": "busy-label",
-  class: "text-xs font-semibold 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(HugeiconsIcon), {
-                  "data-slot": "busy-spinner",
-                  icon: unref(SK),
-                  class: "size-10 animate-spin text-primary"
-                }, null, 8, ["icon"]),
-                props.label ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(props.label), 1)) : createCommentVNode("", true)
-              ], true)
-            ], 2)
-          ], 2)) : createCommentVNode("", true)
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-const Busy = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-642423ef"]]);
-export {
-  Busy as B
-};

package/dist/BusyIndicator-D-4YHN2L.js

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