@brumaombra/ui-vintage 0.1.0

package/dist/Separator-CFm_M4pb.js

@@ -0,0 +1,87 @@
+import { P as Primitive } from "./Primitive-D3IcFg81.js";
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+var BaseSeparator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "BaseSeparator",
+  props: {
+    orientation: {
+      type: String,
+      required: false,
+      default: "horizontal"
+    },
+    decorative: {
+      type: Boolean,
+      required: false
+    },
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const ORIENTATIONS = ["horizontal", "vertical"];
+    function isValidOrientation(orientation) {
+      return ORIENTATIONS.includes(orientation);
+    }
+    const computedOrientation = computed(() => isValidOrientation(props.orientation) ? props.orientation : "horizontal");
+    const ariaOrientation = computed(() => computedOrientation.value === "vertical" ? props.orientation : void 0);
+    const semanticProps = computed(() => props.decorative ? { role: "none" } : {
+      "aria-orientation": ariaOrientation.value,
+      "role": "separator"
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), mergeProps({
+        as: _ctx.as,
+        "as-child": _ctx.asChild,
+        "data-orientation": computedOrientation.value
+      }, semanticProps.value), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16, [
+        "as",
+        "as-child",
+        "data-orientation"
+      ]);
+    };
+  }
+});
+var BaseSeparator_default = BaseSeparator_vue_vue_type_script_setup_true_lang_default;
+var Separator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "Separator",
+  props: {
+    orientation: {
+      type: String,
+      required: false,
+      default: "horizontal"
+    },
+    decorative: {
+      type: Boolean,
+      required: false
+    },
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(BaseSeparator_default, normalizeProps(guardReactiveProps(props)), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+var Separator_default = Separator_vue_vue_type_script_setup_true_lang_default;
+export {
+  Separator_default as S
+};

package/dist/Separator.vue_vue_type_script_setup_true_lang-COrZ60NR.js

@@ -0,0 +1,29 @@
+import { defineComponent, openBlock, createBlock, unref, mergeProps } from "vue";
+import { S as Separator_default } from "./Separator-CFm_M4pb.js";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+import { r as reactiveOmit } from "./index-Dfi5ESP2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Separator",
+  props: {
+    orientation: { default: "horizontal" },
+    decorative: { type: Boolean, default: true },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Separator_default), mergeProps({ "data-slot": "separator" }, unref(delegatedProps), {
+        class: unref(cn)(
+          "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+          props.class
+        )
+      }), null, 16, ["class"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/SheetTitle.vue_vue_type_script_setup_true_lang-DLoXGMbx.js

@@ -0,0 +1,175 @@
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode, createElementVNode, createElementBlock, normalizeClass } from "vue";
+import { u as useForwardPropsEmits } from "./useForwardPropsEmits-DmumnZO5.js";
+import { b as DialogRoot_default, D as DialogOverlay_default, a as DialogContent_default, c as DialogDescription_default, d as DialogTitle_default } from "./DialogTitle-DXj0nkXn.js";
+import { D as DialogClose_default } from "./DialogClose-BNlqG4G2.js";
+import { D as DialogPortal_default, X } from "./x-2_VzbDS9.js";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+import { r as reactiveOmit } from "./index-Dfi5ESP2.js";
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "Sheet",
+  props: {
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean },
+    modal: { 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(DialogRoot_default), mergeProps({ "data-slot": "sheet" }, unref(forwarded)), {
+        default: withCtx((slotProps) => [
+          renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "SheetOverlay",
+  props: {
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogOverlay_default), mergeProps({
+        "data-slot": "sheet-overlay",
+        class: unref(cn)("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", props.class)
+      }, unref(delegatedProps)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "SheetContent",
+  props: {
+    class: {},
+    side: { default: "right" },
+    forceMount: { type: Boolean },
+    disableOutsidePointerEvents: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = reactiveOmit(props, "class", "side");
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogPortal_default), null, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$4),
+          createVNode(unref(DialogContent_default), mergeProps({
+            "data-slot": "sheet-content",
+            class: unref(cn)(
+              "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+              _ctx.side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+              _ctx.side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+              _ctx.side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+              _ctx.side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+              props.class
+            )
+          }, { ..._ctx.$attrs, ...unref(forwarded) }), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default"),
+              createVNode(unref(DialogClose_default), { class: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none" }, {
+                default: withCtx(() => [
+                  createVNode(unref(X), { class: "size-4" }),
+                  _cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Close", -1))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 3
+          }, 16, ["class"])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "SheetDescription",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogDescription_default), mergeProps({
+        "data-slot": "sheet-description",
+        class: unref(cn)("text-muted-foreground text-sm", props.class)
+      }, unref(delegatedProps)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "SheetHeader",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "sheet-header",
+        class: normalizeClass(unref(cn)("flex flex-col gap-1.5 p-4", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SheetTitle",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogTitle_default), mergeProps({
+        "data-slot": "sheet-title",
+        class: unref(cn)("text-foreground font-semibold", props.class)
+      }, unref(delegatedProps)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+export {
+  _sfc_main$5 as _,
+  _sfc_main$3 as a,
+  _sfc_main$2 as b,
+  _sfc_main$1 as c,
+  _sfc_main as d
+};

package/dist/SheetTrigger.vue_vue_type_script_setup_true_lang-CE2XJNHy.js

@@ -0,0 +1,62 @@
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, normalizeClass } from "vue";
+import { D as DialogClose_default } from "./DialogClose-BNlqG4G2.js";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+import { D as DialogTrigger_default } from "./DialogTrigger-CpyKnu11.js";
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "SheetClose",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogClose_default), mergeProps({ "data-slot": "sheet-close" }, props), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "SheetFooter",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "sheet-footer",
+        class: normalizeClass(unref(cn)("mt-auto flex flex-col gap-2 p-4", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SheetTrigger",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogTrigger_default), mergeProps({ "data-slot": "sheet-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/Skeleton.vue_vue_type_script_setup_true_lang-BSbVyZz7.js

@@ -0,0 +1,20 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref } from "vue";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Skeleton",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "skeleton",
+        class: normalizeClass(unref(cn)(props.class, "animate-pulse rounded border border-(--border-light) bg-(--bg-surface-light) transition-colors duration-300 ease-in-out dark:border-(--border-dark) dark:bg-(--bg-surface-dark)"))
+      }, null, 2);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};