@brumaombra/ui-vintage 0.1.0

package/dist/DialogTitle.vue_vue_type_script_setup_true_lang-Bw40D4AK.js

@@ -0,0 +1,174 @@
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode, createElementVNode, createCommentVNode, createElementBlock, normalizeClass } from "vue";
+import { u as useForwardPropsEmits, a as useForwardProps } 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: "Dialog",
+  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": "dialog" }, unref(forwarded)), {
+        default: withCtx((slotProps) => [
+          renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "DialogOverlay",
+  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": "dialog-overlay" }, unref(delegatedProps), {
+        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)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "DialogContent",
+  props: {
+    forceMount: { type: Boolean },
+    disableOutsidePointerEvents: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {},
+    showCloseButton: { type: Boolean, default: true }
+  },
+  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(DialogPortal_default), null, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$4),
+          createVNode(unref(DialogContent_default), mergeProps({ "data-slot": "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"),
+              _ctx.showCloseButton ? (openBlock(), createBlock(unref(DialogClose_default), {
+                key: 0,
+                "data-slot": "dialog-close",
+                class: "ring-offset-background focus:ring-ring absolute top-4 right-4 rounded border border-border bg-card p-1 text-muted-foreground opacity-80 transition-all duration-200 hover:bg-accent hover:text-foreground hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(X)),
+                  _cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Close", -1))
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
+            ]),
+            _: 3
+          }, 16, ["class"])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "DialogDescription",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    const forwardedProps = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogDescription_default), mergeProps({ "data-slot": "dialog-description" }, unref(forwardedProps), {
+        class: unref(cn)("text-sm leading-6 text-muted-foreground", props.class)
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "DialogHeader",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "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: "DialogTitle",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = reactiveOmit(props, "class");
+    const forwardedProps = useForwardProps(delegatedProps);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogTitle_default), mergeProps({ "data-slot": "dialog-title" }, unref(forwardedProps), {
+        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$3 as a,
+  _sfc_main$2 as b,
+  _sfc_main$1 as c,
+  _sfc_main$4 as d,
+  _sfc_main as e
+};

package/dist/DialogTrigger-CpyKnu11.js

@@ -0,0 +1,52 @@
+import { u as useForwardExpose } from "./useForwardExpose-CNVHwdF2.js";
+import { u as useId } from "./Teleport-CuUn4UkG.js";
+import { P as Primitive } from "./Primitive-D3IcFg81.js";
+import { i as injectDialogRootContext } from "./DialogTitle-DXj0nkXn.js";
+import { defineComponent, onMounted, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
+var DialogTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "DialogTrigger",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false,
+      default: "button"
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const rootContext = injectDialogRootContext();
+    const { forwardRef, currentElement } = useForwardExpose();
+    rootContext.contentId || (rootContext.contentId = useId(void 0, "reka-dialog-content"));
+    onMounted(() => {
+      rootContext.triggerElement.value = currentElement.value;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
+        ref: unref(forwardRef),
+        type: _ctx.as === "button" ? "button" : void 0,
+        "aria-haspopup": "dialog",
+        "aria-expanded": unref(rootContext).open.value || false,
+        "aria-controls": unref(rootContext).open.value ? unref(rootContext).contentId : void 0,
+        "data-state": unref(rootContext).open.value ? "open" : "closed",
+        onClick: unref(rootContext).onOpenToggle
+      }), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16, [
+        "type",
+        "aria-expanded",
+        "aria-controls",
+        "data-state",
+        "onClick"
+      ]);
+    };
+  }
+});
+var DialogTrigger_default = DialogTrigger_vue_vue_type_script_setup_true_lang_default;
+export {
+  DialogTrigger_default as D
+};

package/dist/DialogTrigger.vue_vue_type_script_setup_true_lang-DLrFiCsw.js

@@ -0,0 +1,141 @@
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, normalizeClass, createVNode, createTextVNode, createCommentVNode, createElementVNode } from "vue";
+import { D as DialogClose_default } from "./DialogClose-BNlqG4G2.js";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+import { Button as _sfc_main$4 } from "./button.js";
+import { u as useForwardPropsEmits } from "./useForwardPropsEmits-DmumnZO5.js";
+import { D as DialogOverlay_default, a as DialogContent_default } from "./DialogTitle-DXj0nkXn.js";
+import { D as DialogPortal_default, X } from "./x-2_VzbDS9.js";
+import { r as reactiveOmit } from "./index-Dfi5ESP2.js";
+import { D as DialogTrigger_default } from "./DialogTrigger-CpyKnu11.js";
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "DialogClose",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogClose_default), mergeProps({ "data-slot": "dialog-close" }, props), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "DialogFooter",
+  props: {
+    class: {},
+    showCloseButton: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        "data-slot": "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"),
+        _ctx.showCloseButton ? (openBlock(), createBlock(unref(DialogClose_default), {
+          key: 0,
+          "as-child": ""
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(_sfc_main$4), { variant: "outline" }, {
+              default: withCtx(() => _cache[0] || (_cache[0] = [
+                createTextVNode(" Close ")
+              ])),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "DialogScrollContent",
+  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(DialogPortal_default), null, {
+        default: withCtx(() => [
+          createVNode(unref(DialogOverlay_default), { class: "fixed inset-0 z-50 grid place-items-center overflow-y-auto 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" }, {
+            default: withCtx(() => [
+              createVNode(unref(DialogContent_default), mergeProps({
+                class: unref(cn)(
+                  "relative z-50 my-8 grid w-[95%] max-w-lg gap-0 overflow-hidden rounded border border-border bg-card text-card-foreground shadow-2xl duration-200 md:w-full",
+                  props.class
+                )
+              }, { ..._ctx.$attrs, ...unref(forwarded) }, {
+                onPointerDownOutside: _cache[0] || (_cache[0] = (event) => {
+                  const originalEvent = event.detail.originalEvent;
+                  const target = originalEvent.target;
+                  if (originalEvent.offsetX > target.clientWidth || originalEvent.offsetY > target.clientHeight) {
+                    event.preventDefault();
+                  }
+                })
+              }), {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default"),
+                  createVNode(unref(DialogClose_default), { class: "absolute top-4 right-4 rounded border border-border bg-card p-1 text-muted-foreground transition-all duration-200 hover:bg-accent hover:text-foreground" }, {
+                    default: withCtx(() => [
+                      createVNode(unref(X), { class: "w-4 h-4" }),
+                      _cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, "Close", -1))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 3
+              }, 16, ["class"])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DialogTrigger",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogTrigger_default), mergeProps({ "data-slot": "dialog-trigger" }, props), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main$3 as _,
+  _sfc_main$2 as a,
+  _sfc_main$1 as b,
+  _sfc_main as c
+};