@brumaombra/ui-vintage 0.6.8 → 0.7.1

package/dist/breadcrumb.js

@@ -1,159 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, renderSlot, unref, createVNode, createElementVNode, createBlock, withCtx } from "vue";
-import { K as K1, N as Nn } from "./index.min-CUZWqaEQ.js";
-import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.js";
-import { c as cn } from "./utils-DbYZ4xaD.js";
-import { P as Primitive } from "./Primitive-D3IcFg81.js";
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "Breadcrumb",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("nav", {
-        "aria-label": "breadcrumb",
-        "data-slot": "breadcrumb",
-        class: normalizeClass(props.class)
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "BreadcrumbEllipsis",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        "data-slot": "breadcrumb-ellipsis",
-        role: "presentation",
-        "aria-hidden": "true",
-        class: normalizeClass(unref(cn)("flex size-9 items-center justify-center", props.class))
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          createVNode(unref(HugeiconsIcon), {
-            icon: unref(K1),
-            class: "size-4"
-          }, null, 8, ["icon"])
-        ]),
-        _cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "More", -1))
-      ], 2);
-    };
-  }
-});
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "BreadcrumbItem",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("li", {
-        "data-slot": "breadcrumb-item",
-        class: normalizeClass(unref(cn)("inline-flex items-center gap-1.5", props.class))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "BreadcrumbLink",
-  props: {
-    asChild: { type: Boolean },
-    as: { default: "a" },
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        "data-slot": "breadcrumb-link",
-        as: _ctx.as,
-        "as-child": _ctx.asChild,
-        class: normalizeClass(unref(cn)("hover:text-foreground transition-colors", props.class))
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["as", "as-child", "class"]);
-    };
-  }
-});
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "BreadcrumbList",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("ol", {
-        "data-slot": "breadcrumb-list",
-        class: normalizeClass(unref(cn)("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", props.class))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "BreadcrumbPage",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        "data-slot": "breadcrumb-page",
-        role: "link",
-        "aria-disabled": "true",
-        "aria-current": "page",
-        class: normalizeClass(unref(cn)("text-foreground font-normal", props.class))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "BreadcrumbSeparator",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("li", {
-        "data-slot": "breadcrumb-separator",
-        role: "presentation",
-        "aria-hidden": "true",
-        class: normalizeClass(unref(cn)("[&>svg]:size-3.5", props.class))
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          createVNode(unref(HugeiconsIcon), {
-            icon: unref(Nn),
-            class: "size-3.5"
-          }, null, 8, ["icon"])
-        ])
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main$6 as Breadcrumb,
-  _sfc_main$5 as BreadcrumbEllipsis,
-  _sfc_main$4 as BreadcrumbItem,
-  _sfc_main$3 as BreadcrumbLink,
-  _sfc_main$2 as BreadcrumbList,
-  _sfc_main$1 as BreadcrumbPage,
-  _sfc_main as BreadcrumbSeparator
-};

package/dist/busy-indicator.js

@@ -1,66 +0,0 @@
-import { reactive, render, h, defineComponent, openBlock, createBlock, unref, normalizeClass } from "vue";
-import { B as Busy } from "./Busy-BOXgYrox.js";
-const BUSY_INDICATOR_ROOT_ID = "ui-vintage-busy-indicator-root";
-let busyIndicatorMountPromise = null;
-const busyIndicatorState = reactive({
-  show: false,
-  label: "Loading...",
-  class: void 0,
-  overlayClass: void 0
-});
-const ensureBusyIndicatorMounted = () => {
-  if (typeof document === "undefined") {
-    return Promise.resolve();
-  }
-  const existingRoot = document.getElementById(BUSY_INDICATOR_ROOT_ID);
-  if (existingRoot) {
-    return Promise.resolve();
-  }
-  if (busyIndicatorMountPromise) {
-    return busyIndicatorMountPromise;
-  }
-  busyIndicatorMountPromise = (async () => {
-    const { default: BusyIndicator } = await import("./BusyIndicator-D-4YHN2L.js");
-    if (document.getElementById(BUSY_INDICATOR_ROOT_ID)) {
-      return;
-    }
-    const container = document.createElement("div");
-    container.id = BUSY_INDICATOR_ROOT_ID;
-    document.body.appendChild(container);
-    render(h(BusyIndicator), container);
-  })().finally(() => {
-    busyIndicatorMountPromise = null;
-  });
-  return busyIndicatorMountPromise;
-};
-const setBusy = (show, options = {}) => {
-  if (show) {
-    busyIndicatorState.label = options.label ?? busyIndicatorState.label ?? "Loading...";
-    busyIndicatorState.class = options.class;
-    busyIndicatorState.overlayClass = options.overlayClass;
-    void ensureBusyIndicatorMounted();
-  }
-  busyIndicatorState.show = show;
-  if (!show) {
-    busyIndicatorState.class = void 0;
-    busyIndicatorState.overlayClass = void 0;
-  }
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "BusyIndicator",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Busy), {
-        show: unref(busyIndicatorState).show,
-        label: unref(busyIndicatorState).label,
-        class: normalizeClass(unref(busyIndicatorState).class),
-        "overlay-class": unref(busyIndicatorState).overlayClass
-      }, null, 8, ["show", "label", "class", "overlay-class"]);
-    };
-  }
-});
-export {
-  _sfc_main as BusyIndicator,
-  busyIndicatorState,
-  setBusy
-};

package/dist/busy.js

@@ -1,4 +0,0 @@
-import { B } from "./Busy-BOXgYrox.js";
-export {
-  B as Busy
-};

package/dist/button.js

@@ -1,67 +0,0 @@
-import { c as cva } from "./index-DDurQzrB.js";
-import { a as getButtonVariantClasses } from "./color-tokens-D9BviGPK.js";
-import { defineComponent, openBlock, createBlock, unref, normalizeClass, withCtx, renderSlot } from "vue";
-import { P as Primitive } from "./Primitive-D3IcFg81.js";
-import { c as cn } from "./utils-DbYZ4xaD.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Button",
-  props: {
-    variant: {},
-    size: {},
-    class: {},
-    asChild: { type: Boolean },
-    as: { default: "button" }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Primitive), {
-        "data-slot": "button",
-        "data-variant": _ctx.variant,
-        "data-size": _ctx.size,
-        as: _ctx.as,
-        "as-child": _ctx.asChild,
-        class: normalizeClass(unref(cn)(unref(buttonVariants)({ variant: _ctx.variant, size: _ctx.size }), props.class))
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["data-variant", "data-size", "as", "as-child", "class"]);
-    };
-  }
-});
-const buttonVariants = cva(
-  "inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded text-xs font-semibold transition-all duration-300 ease-in-out disabled:pointer-events-none disabled:opacity-50 enabled:active:scale-[0.98] sm:text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-  {
-    variants: {
-      variant: {
-        primary: getButtonVariantClasses("primary"),
-        secondary: getButtonVariantClasses("secondary"),
-        ghost: getButtonVariantClasses("ghost"),
-        link: getButtonVariantClasses("link"),
-        gray: getButtonVariantClasses("gray"),
-        green: getButtonVariantClasses("green"),
-        red: getButtonVariantClasses("red"),
-        blue: getButtonVariantClasses("blue"),
-        yellow: getButtonVariantClasses("yellow")
-      },
-      size: {
-        "default": "min-h-12 px-4 py-3 has-[>svg]:px-3",
-        "sm": "min-h-10 gap-1.5 px-3 py-2 has-[>svg]:px-2.5",
-        "lg": "min-h-12 px-6 py-3 has-[>svg]:px-4",
-        "icon": "size-12",
-        "icon-sm": "size-10",
-        "icon-lg": "size-12"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "default"
-    }
-  }
-);
-export {
-  _sfc_main as Button,
-  buttonVariants
-};

package/dist/calendar.js

@@ -1,15 +0,0 @@
-import { _, a, b, c, d, e, f, g, h, i, j, k } from "./CalendarPrevButton.vue_vue_type_script_setup_true_lang-C6OtvF0h.js";
-export {
-  _ as Calendar,
-  a as CalendarCell,
-  b as CalendarCellTrigger,
-  c as CalendarGrid,
-  d as CalendarGridBody,
-  e as CalendarGridHead,
-  f as CalendarGridRow,
-  g as CalendarHeadCell,
-  h as CalendarHeader,
-  i as CalendarHeading,
-  j as CalendarNextButton,
-  k as CalendarPrevButton
-};

package/dist/card-grid.js

@@ -1,58 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, createBlock, unref, Fragment, renderList, renderSlot, createVNode, createCommentVNode } from "vue";
-import { u as u7 } from "./index.min-CUZWqaEQ.js";
-import { _ as _sfc_main$2 } from "./EmptyStateCard.vue_vue_type_script_setup_true_lang-CH3ODMDF.js";
-import { _ as _sfc_main$3 } from "./LoadMoreButton.vue_vue_type_script_setup_true_lang-Be0obsa3.js";
-import { _ as _sfc_main$1 } from "./LoadingStateCard.vue_vue_type_script_setup_true_lang-CwCrRir_.js";
-const _hoisted_1 = {
-  key: 2,
-  class: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 md:gap-6 xl:gap-4"
-};
-const _hoisted_2 = {
-  key: 3,
-  class: "flex justify-center mt-6"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "CardGrid",
-  props: {
-    items: { type: Array, default: () => [] },
-    busy: { type: Boolean, default: false },
-    loadMoreBusy: { type: Boolean, default: false },
-    hasMore: { type: Boolean, default: false },
-    emptyMessage: { type: String, required: true },
-    emptyIcon: { type: Object, default: () => u7 }
-  },
-  emits: ["load-more"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const handleLoadMore = () => {
-      emits("load-more");
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        props.busy ? (openBlock(), createBlock(unref(_sfc_main$1), { key: 0 })) : !props.items || props.items.length === 0 ? (openBlock(), createBlock(unref(_sfc_main$2), {
-          key: 1,
-          description: props.emptyMessage,
-          icon: props.emptyIcon
-        }, null, 8, ["description", "icon"])) : (openBlock(), createElementBlock("div", _hoisted_1, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(props.items, (item) => {
-            return renderSlot(_ctx.$slots, "card", {
-              item,
-              key: item.id
-            });
-          }), 128))
-        ])),
-        props.hasMore || props.loadMoreBusy && props.items.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createVNode(unref(_sfc_main$3), {
-            busy: props.loadMoreBusy,
-            onLoadMore: handleLoadMore
-          }, null, 8, ["busy"])
-        ])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as CardGrid,
-  _sfc_main as default
-};

package/dist/card.js

@@ -1,84 +0,0 @@
-import { _ } from "./Card.vue_vue_type_script_setup_true_lang-CZhFtxSD.js";
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
-import { c as cn } from "./utils-DbYZ4xaD.js";
-import { _ as _2 } from "./CardContent.vue_vue_type_script_setup_true_lang-BxI0-dse.js";
-import { _ as _3 } from "./CardText.vue_vue_type_script_setup_true_lang-zUPNe9HY.js";
-import { _ as _4 } from "./CardFooter.vue_vue_type_script_setup_true_lang-LFjBZHcl.js";
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "CardAction",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        "data-slot": "card-action",
-        class: normalizeClass(unref(cn)("col-start-2 row-span-2 row-start-1 self-start justify-self-end", props.class))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "CardDescription",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("p", {
-        "data-slot": "card-description",
-        class: normalizeClass(unref(cn)("text-muted-foreground text-xs sm:text-sm leading-5", props.class))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "CardHeader",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        "data-slot": "card-header",
-        class: normalizeClass(unref(cn)("@container/card-header grid auto-rows-min items-start px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 gap-2", props.class))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "CardTitle",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("h3", {
-        "data-slot": "card-title",
-        class: normalizeClass(unref(cn)("leading-none font-semibold text-sm sm:text-base", props.class))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-export {
-  _ as Card,
-  _sfc_main$3 as CardAction,
-  _2 as CardContent,
-  _sfc_main$2 as CardDescription,
-  _4 as CardFooter,
-  _sfc_main$1 as CardHeader,
-  _3 as CardText,
-  _sfc_main as CardTitle
-};

package/dist/chip.js

@@ -1,47 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createVNode } from "vue";
-import { d as dp } from "./index.min-CUZWqaEQ.js";
-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 _hoisted_1 = { class: "leading-none" };
-const _hoisted_2 = ["aria-label"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Chip",
-  props: {
-    text: {},
-    color: { default: "gray" },
-    removeLabel: { default: "Remove" },
-    class: {}
-  },
-  emits: ["remove"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const handleRemove = () => {
-      emits("remove");
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        "data-slot": "chip",
-        class: normalizeClass(unref(cn)("inline-flex items-center gap-2 rounded border px-3 py-2 text-sm font-semibold transition-colors duration-300 ease-in-out", unref(getSurfaceToneClasses)(props.color), props.class))
-      }, [
-        createElementVNode("span", _hoisted_1, toDisplayString(props.text), 1),
-        createElementVNode("button", {
-          type: "button",
-          "aria-label": props.removeLabel,
-          class: "inline-flex size-4 items-center justify-center rounded-sm opacity-70 transition-all duration-200 ease-in-out hover:bg-black/5 hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-current/20 dark:hover:bg-white/10",
-          onClick: handleRemove
-        }, [
-          createVNode(unref(HugeiconsIcon), {
-            icon: unref(dp),
-            class: "size-3"
-          }, null, 8, ["icon"])
-        ], 8, _hoisted_2)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as Chip,
-  _sfc_main as default
-};

package/dist/clamp-D5Ye0kJT.js

@@ -1,6 +0,0 @@
-function clamp(value, min = Number.NEGATIVE_INFINITY, max = Number.POSITIVE_INFINITY) {
-  return Math.min(max, Math.max(min, value));
-}
-export {
-  clamp as c
-};

package/dist/color-tokens-D9BviGPK.js

@@ -1,40 +0,0 @@
-const surfaceToneClasses = {
-  gray: "border border-[var(--border-light)] bg-gray-50 text-[var(--text-primary-light)] dark:!border-[var(--border-dark)] dark:!bg-[var(--bg-card-dark)] dark:!text-[var(--text-primary-dark)]",
-  green: "border border-green-200 bg-green-50 text-green-700 dark:!border-green-800/50 dark:!bg-green-900/10 dark:!text-green-400",
-  red: "border border-red-200 bg-red-50 text-red-700 dark:!border-red-800/50 dark:!bg-red-900/10 dark:!text-red-400",
-  blue: "border border-blue-200 bg-blue-50 text-blue-700 dark:!border-blue-800/50 dark:!bg-blue-900/10 dark:!text-blue-400",
-  yellow: "border border-yellow-200 bg-yellow-50 text-yellow-700 dark:!border-yellow-800/50 dark:!bg-yellow-900/10 dark:!text-yellow-400"
-};
-const getSurfaceToneClasses = (color) => {
-  return surfaceToneClasses[color];
-};
-const interactiveSurfaceToneClasses = {
-  gray: `${surfaceToneClasses.gray} hover:bg-gray-100 dark:hover:!bg-[var(--bg-selected-dark)]`,
-  green: `${surfaceToneClasses.green} hover:bg-green-100 dark:hover:!bg-green-900/20`,
-  red: `${surfaceToneClasses.red} hover:bg-red-100 dark:hover:!bg-red-900/20`,
-  blue: `${surfaceToneClasses.blue} hover:bg-blue-100 dark:hover:!bg-blue-900/20`,
-  yellow: `${surfaceToneClasses.yellow} hover:bg-yellow-100 dark:hover:!bg-yellow-900/20`
-};
-const getInteractiveSurfaceToneClasses = (color) => {
-  return interactiveSurfaceToneClasses[color];
-};
-const buttonVariantClasses = {
-  // Custom button variants
-  primary: "bg-(--button-primary-light) text-(--button-primary-foreground-light) hover:bg-(--button-primary-hover-light) dark:!bg-(--button-primary-dark) dark:!text-(--button-primary-foreground-dark) dark:hover:!bg-(--button-primary-hover-dark)",
-  secondary: "border border-(--border-light) bg-(--button-secondary-light) text-(--text-primary-light) hover:border-(--border-hover-light) hover:bg-(--bg-selected-light) dark:!border-(--border-dark) dark:!bg-(--button-secondary-dark) dark:!text-(--text-primary-dark) dark:hover:!border-(--border-hover-dark) dark:hover:!bg-(--bg-selected-dark)",
-  ghost: "text-(--text-secondary-light) hover:bg-(--bg-selected-light) hover:text-(--text-primary-light) dark:!text-(--text-secondary-dark) dark:hover:!bg-(--bg-selected-dark) dark:hover:!text-(--text-primary-dark)",
-  link: "text-primary underline-offset-4 hover:underline",
-  // Tone-based button variants
-  gray: getInteractiveSurfaceToneClasses("gray"),
-  green: getInteractiveSurfaceToneClasses("green"),
-  red: getInteractiveSurfaceToneClasses("red"),
-  blue: getInteractiveSurfaceToneClasses("blue"),
-  yellow: getInteractiveSurfaceToneClasses("yellow")
-};
-const getButtonVariantClasses = (variant) => {
-  return buttonVariantClasses[variant];
-};
-export {
-  getButtonVariantClasses as a,
-  getSurfaceToneClasses as g
-};