@profitliga/ui 1.2.90 → 2.0.1

package/dist/components/Dialog/DialogContent.vue2.js

@@ -0,0 +1,84 @@
+import { defineComponent as C, useCssVars as x, computed as u, watch as B, nextTick as D, openBlock as s, createBlock as c, unref as a, mergeProps as f, withCtx as o, createElementVNode as m, createVNode as n, createTextVNode as d, createElementBlock as h, Fragment as b, toDisplayString as k, renderSlot as r, createCommentVNode as V } from "vue";
+import { useForwardPropsEmits as E, injectDialogRootContext as O, DialogContent as $, VisuallyHidden as A } from "reka-ui";
+import F from "./DialogClose.vue.js";
+import N from "./DialogDescription.vue.js";
+import p from "./DialogTitle.vue.js";
+const S = { class: "dialog-content__header" }, P = { class: "dialog-content__wrapper" }, q = /* @__PURE__ */ C({
+  __name: "DialogContent",
+  props: {
+    title: { default: void 0 },
+    closeButton: { default: () => ({
+      enabled: !0
+    }) },
+    width: { default: 500 },
+    class: { type: [Boolean, null, String, Object, Array], default: void 0 },
+    forceMount: { type: Boolean },
+    disableOutsidePointerEvents: { type: Boolean, default: !1 },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(t, { emit: g }) {
+    x((e) => ({
+      v31a3755e: w.value
+    }));
+    const l = t, v = E(l, g), y = O(), _ = u(() => l.title && l.title.text ? "h2" : "div"), w = u(() => `${l.width}px`);
+    return B(
+      () => y.open,
+      (e) => {
+        e.value && D(() => {
+          document.body.style.pointerEvents = "all";
+        });
+      },
+      { deep: !0 }
+    ), (e, i) => (s(), c(a($), f({
+      class: "dialog-content",
+      "aria-describedby": "undefined"
+    }, a(v)), {
+      default: o(() => [
+        m("div", S, [
+          n(a(A), null, {
+            default: o(() => [
+              n(p, null, {
+                default: o(() => [...i[0] || (i[0] = [
+                  d("title", -1)
+                ])]),
+                _: 1
+              }),
+              n(N, null, {
+                default: o(() => [...i[1] || (i[1] = [
+                  d("description", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          n(p, f(t.title, {
+            as: _.value,
+            class: "dialog-content__title"
+          }), {
+            default: o(() => [
+              t.title?.text ? (s(), h(b, { key: 0 }, [
+                d(k(t.title.text), 1)
+              ], 64)) : r(e.$slots, "title", { key: 1 }, void 0, !0)
+            ]),
+            _: 3
+          }, 16, ["as"]),
+          t.closeButton?.enabled ? (s(), c(F, {
+            key: 0,
+            class: "dialog-content__header-close"
+          })) : V("", !0)
+        ]),
+        m("div", P, [
+          r(e.$slots, "default", {}, void 0, !0)
+        ]),
+        r(e.$slots, "actions", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  q as default
+};

package/dist/components/Dialog/DialogDescription.css

@@ -0,0 +1 @@
+.dialog-description[data-v-c8eb962b]{color:var(--theme-neutral-text-body);font-size:1rem;line-height:160%}

package/dist/components/Dialog/DialogDescription.vue.d.ts

@@ -1,14 +1,18 @@
 import { DialogDescriptionProps } from 'reka-ui';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
 };
-declare const __VLS_base: DefineComponent<DialogDescriptionProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DialogDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<DialogDescriptionProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DialogDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/Dialog/DialogDescription.vue.js

@@ -0,0 +1,8 @@
+import './DialogDescription.css';
+import o from "./DialogDescription.vue2.js";
+/* empty css                       */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c8eb962b"]]);
+export {
+  a as default
+};

package/dist/components/Dialog/DialogDescription.vue2.js

@@ -0,0 +1,21 @@
+import { defineComponent as s, openBlock as p, createBlock as a, unref as o, mergeProps as n, withCtx as i, renderSlot as c } from "vue";
+import { useForwardProps as l, DialogDescription as d } from "reka-ui";
+const g = /* @__PURE__ */ s({
+  __name: "DialogDescription",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(e) {
+    const r = l(e);
+    return (t, u) => (p(), a(o(d), n(o(r), { class: "dialog-description" }), {
+      default: i(() => [
+        c(t.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  g as default
+};

package/dist/components/Dialog/DialogOverlay.vue.d.ts

@@ -1,5 +1,4 @@
 import { DialogOverlayProps } from 'reka-ui';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const __VLS_export: DefineComponent<DialogOverlayProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DialogOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: DefineComponent<DialogOverlayProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DialogOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/Dialog/DialogOverlay.vue.js

@@ -0,0 +1,17 @@
+import { defineComponent as a, openBlock as l, createBlock as n, unref as o, mergeProps as p } from "vue";
+import { useForwardProps as s, DialogOverlay as t } from "reka-ui";
+const d = /* @__PURE__ */ a({
+  __name: "DialogOverlay",
+  props: {
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(e) {
+    const r = s(e);
+    return (f, i) => (l(), n(o(t), p({ class: "overlay dialog-overlay" }, o(r)), null, 16));
+  }
+});
+export {
+  d as default
+};

package/dist/components/Dialog/DialogOverlay.vue2.js

@@ -0,0 +1,4 @@
+import f from "./DialogOverlay.vue.js";
+export {
+  f as default
+};

package/dist/components/Dialog/DialogTitle.vue.d.ts

@@ -1,14 +1,18 @@
 import { DialogTitleProps } from 'reka-ui';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
 };
-declare const __VLS_base: DefineComponent<DialogTitleProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DialogTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<DialogTitleProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DialogTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/Dialog/DialogTitle.vue.js

@@ -0,0 +1,21 @@
+import { defineComponent as a, openBlock as s, createBlock as p, unref as o, normalizeProps as n, guardReactiveProps as l, withCtx as i, renderSlot as c } from "vue";
+import { useForwardProps as d, DialogTitle as f } from "reka-ui";
+const h = /* @__PURE__ */ a({
+  __name: "DialogTitle",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(e) {
+    const r = d(e);
+    return (t, m) => (s(), p(o(f), n(l(o(r))), {
+      default: i(() => [
+        c(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  h as default
+};

package/dist/components/Dialog/DialogTitle.vue2.js

@@ -0,0 +1,4 @@
+import f from "./DialogTitle.vue.js";
+export {
+  f as default
+};

package/dist/components/Divider/Divider.css

@@ -0,0 +1 @@
+.divider{align-items:center;width:100%;height:1px;display:flex;position:relative}.divider:before{content:"";position:absolute}.divider__content{width:max-content;color:var(--theme-neutral-text-body);background-color:var(--theme-neutral-0);z-index:1;padding:4px 8px;font-size:14px;line-height:120%}.divider.divider--center{justify-content:center}.divider.divider--left{justify-content:flex-start}.divider.divider--left .divider__content{margin-left:30px}.divider.divider--right{justify-content:flex-end}.divider.divider--right .divider__content{margin-right:30px}.divider.divider--horizontal:before{border-block-start:var(--sizePx) solid var(--theme-secondary-250);border-radius:2px;width:100%;height:auto}.divider.divider--horizontal.divider--solid:before{border-block-start-style:solid}.divider.divider--horizontal.divider--dashed:before{border-block-start-style:dashed}.divider.divider--horizontal.divider--dotted:before{border-block-start-style:dotted}.divider.divider--vertical{width:1px;min-height:100%}.divider.divider--vertical:before{content:"";border-inline-start:var(--sizePx) solid var(--theme-secondary-250);border-radius:2px;height:100%;inset-block-start:0;inset-inline-start:50%}.divider.divider--vertical.divider--solid:before{border-inline-start-style:solid}.divider.divider--vertical.divider--dashed:before{border-inline-start-style:dashed}.divider.divider--vertical.divider--dotted:before{border-inline-start-style:dotted}

package/dist/components/Divider/Divider.vue.d.ts

@@ -5,15 +5,19 @@ type __VLS_Props = {
     align?: 'left' | 'right' | 'center';
     size?: number;
 };
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
 };
-declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/Divider/Divider.vue.js

@@ -0,0 +1,35 @@
+import './Divider.css';
+import { defineComponent as o, computed as l, openBlock as s, createElementBlock as a, normalizeStyle as n, normalizeClass as r, renderSlot as c, createCommentVNode as u } from "vue";
+const m = {
+  key: 0,
+  class: "divider__content"
+}, y = /* @__PURE__ */ o({
+  __name: "Divider",
+  props: {
+    layouts: { default: "horizontal" },
+    type: { default: "solid" },
+    align: { default: "center" },
+    size: { default: 1 }
+  },
+  setup(e) {
+    const i = l(() => [
+      "divider",
+      `divider--${e.layouts}`,
+      `divider--${e.type}`,
+      `divider--${e.align}`
+    ]), d = l(() => ({
+      "--sizePx": `${e.size}px`
+    }));
+    return (t, f) => (s(), a("div", {
+      class: r(i.value),
+      style: n(d.value)
+    }, [
+      t.$slots.default ? (s(), a("div", m, [
+        c(t.$slots, "default")
+      ])) : u("", !0)
+    ], 6));
+  }
+});
+export {
+  y as default
+};

package/dist/components/Divider/Divider.vue3.js

@@ -0,0 +1,5 @@
+import o from "./Divider.vue.js";
+/* empty css             */
+export {
+  o as default
+};

package/dist/components/Drawer/Drawer.vue.d.ts

@@ -10,27 +10,23 @@ export interface DrawerProps {
     breakpointMobile?: TBreakpoints;
 }
 type __VLS_Props = DrawerProps;
-type __VLS_ModelProps = {
+type __VLS_PublicProps = {
     'open'?: boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {}): any;
+        trigger?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
+        header?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
 };
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_15: {}, __VLS_30: {}, __VLS_50: {}, __VLS_52: {};
-type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_9) => any;
-} & {
-    header?: (props: typeof __VLS_11) => any;
-} & {
-    default?: (props: typeof __VLS_13) => any;
-} & {
-    actions?: (props: typeof __VLS_15) => any;
-} & {
-    trigger?: (props: typeof __VLS_30) => any;
-} & {
-    header?: (props: typeof __VLS_50) => any;
-} & {
-    default?: (props: typeof __VLS_52) => any;
-};
-declare const __VLS_base: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
@@ -42,10 +38,9 @@ declare const __VLS_base: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, Com
     contentClass: string | string[];
     breakpointMobile: TBreakpoints;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/Drawer/Drawer.vue.js

@@ -0,0 +1,89 @@
+import { defineComponent as c, useModel as g, toRef as b, unref as f, openBlock as a, createBlock as s, createSlots as k, withCtx as o, renderSlot as n, createCommentVNode as $, createVNode as d, createElementVNode as v, normalizeStyle as w, normalizeClass as z, mergeModels as h } from "vue";
+import { breakpoints as y } from "../../utils/breakpoints.util.js";
+import C from "../BottomSheet/BottomSheet.vue.js";
+import M from "./DrawerContent.vue.js";
+import B from "./DrawerOverlay.vue.js";
+import I from "./DrawerPortal.vue.js";
+import S from "./DrawerRoot.vue.js";
+import D from "./DrawerTrigger.vue.js";
+const q = /* @__PURE__ */ c({
+  __name: "Drawer",
+  props: /* @__PURE__ */ h({
+    position: { default: "right" },
+    width: { default: 500 },
+    closeButton: { default: () => ({ enabled: !0 }) },
+    zIndex: { default: 1003 },
+    contentClass: { default: void 0 },
+    breakpointMobile: { default: "sm" }
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {}
+  }),
+  emits: ["update:open"],
+  setup(e) {
+    const m = e, l = g(e, "open"), u = b(m, "breakpointMobile"), p = y.smaller(u.value);
+    return (t, i) => f(p) ? (a(), s(f(C), {
+      key: 0,
+      open: l.value,
+      "onUpdate:open": i[0] || (i[0] = (r) => l.value = r),
+      "z-index": e.zIndex
+    }, k({
+      default: o(() => [
+        n(t.$slots, "default")
+      ]),
+      _: 2
+    }, [
+      t.$slots.trigger ? {
+        name: "trigger",
+        fn: o(() => [
+          n(t.$slots, "trigger")
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["open", "z-index"])) : (a(), s(S, {
+      key: 1,
+      open: l.value,
+      "onUpdate:open": i[1] || (i[1] = (r) => l.value = r)
+    }, {
+      default: o(() => [
+        t.$slots.trigger ? (a(), s(D, {
+          key: 0,
+          "as-child": ""
+        }, {
+          default: o(() => [
+            n(t.$slots, "trigger")
+          ]),
+          _: 3
+        })) : $("", !0),
+        d(I, null, {
+          default: o(() => [
+            v("div", {
+              style: w({ position: "relative", zIndex: e.zIndex })
+            }, [
+              d(B),
+              d(M, {
+                position: e.position,
+                width: e.width,
+                "close-button": e.closeButton,
+                class: z(e.contentClass)
+              }, {
+                header: o(() => [
+                  n(t.$slots, "header")
+                ]),
+                default: o(() => [
+                  n(t.$slots, "default")
+                ]),
+                _: 3
+              }, 8, ["position", "width", "close-button", "class"])
+            ], 4)
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["open"]));
+  }
+});
+export {
+  q as default
+};

package/dist/components/Drawer/Drawer.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Drawer.vue.js";
+export {
+  f as default
+};

package/dist/components/Drawer/DrawerContent.css

@@ -0,0 +1 @@
+.drawer-content[data-v-36e70f38]{background-color:var(--theme-neutral-0);z-index:1002;position:fixed;box-shadow:0 2px 5px #3a3a3a40}.drawer-content__content[data-v-36e70f38]{flex-direction:column;justify-content:flex-start;align-items:flex-start;height:100%;padding:24px;display:flex}.drawer-content--left[data-v-36e70f38]{max-width:90vw;width:var(--v38c47531);border-radius:0 12px 12px 0;height:100%;top:0;bottom:0;left:0}.drawer-content--left[data-state=open][data-v-36e70f38]{animation:slideLeftIn var(--animation-duration) ease-in-out}.drawer-content--left[data-state=closed][data-v-36e70f38]{animation:slideLeftOut var(--animation-duration) ease-in-out}.drawer-content--left .drawer-content__close[data-v-36e70f38]{right:-44px;transform:rotateY(180deg)}.drawer-content--right[data-v-36e70f38]{max-width:90vw;width:var(--v38c47531);border-radius:12px 0 0 12px;height:100%;top:0;bottom:0;right:0}.drawer-content--right[data-state=open][data-v-36e70f38]{animation:slideRightIn var(--animation-duration) ease-in-out}.drawer-content--right[data-state=closed][data-v-36e70f38]{animation:slideRightOut var(--animation-duration) ease-in-out}.drawer-content--right .drawer-content__close[data-v-36e70f38]{left:-44px}.drawer-content--top[data-v-36e70f38]{width:100%;max-height:90vw;height:var(--v38c47531);border-radius:0 0 12px 12px;top:0;left:0;right:0}.drawer-content--top[data-state=open][data-v-36e70f38]{animation:slideTopIn var(--animation-duration) ease-in-out}.drawer-content--top[data-state=closed][data-v-36e70f38]{animation:slideTopOut var(--animation-duration) ease-in-out}.drawer-content--bottom[data-v-36e70f38]{width:100%;max-height:90vw;height:var(--v38c47531);border-radius:12px 12px 0 0;bottom:0;left:0;right:0}.drawer-content--bottom[data-state=open][data-v-36e70f38]{animation:slideBottomIn var(--animation-duration) ease-in-out}.drawer-content--bottom[data-state=closed][data-v-36e70f38]{animation:slideBottomOut var(--animation-duration) ease-in-out}.drawer-content__header[data-v-36e70f38]{justify-content:space-between;align-items:center;width:100%;height:auto;margin-bottom:16px;display:flex}.drawer-content__close[data-v-36e70f38]{color:var(--theme-neutral-400);justify-content:center;align-items:center;display:flex}.drawer-content__close[data-v-36e70f38]:hover{color:var(--theme-primary-500)}.drawer-content__close--icon[data-v-36e70f38]{border:1px solid #6666661a;border-radius:100%}.drawer-content__close.out[data-v-36e70f38]{background-color:#fff;border-radius:20px 0 0 20px;width:48px;height:44px;position:absolute}.drawer-content__wrapper[data-v-36e70f38]{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;width:100%;height:100%;display:flex;overflow:auto}.drawer-content__actions[data-v-36e70f38]{justify-content:flex-end;align-items:center;width:100%;margin-top:32px;display:flex}

package/dist/components/Drawer/DrawerContent.vue.d.ts

@@ -8,37 +8,39 @@ export interface IDialogContentProps extends DialogContentProps {
     width?: number;
     position?: 'right' | 'top' | 'left' | 'bottom';
 }
-declare var __VLS_30: {}, __VLS_43: {}, __VLS_45: {};
-type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_30) => any;
-} & {
-    default?: (props: typeof __VLS_43) => any;
-} & {
-    actions?: (props: typeof __VLS_45) => any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        actions?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
 };
-declare const __VLS_base: DefineComponent<IDialogContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<IDialogContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     escapeKeyDown: (event: KeyboardEvent) => any;
+    openAutoFocus: (event: Event) => any;
     pointerDownOutside: (event: PointerDownOutsideEvent) => any;
     focusOutside: (event: FocusOutsideEvent) => any;
     interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
-    openAutoFocus: (event: Event) => any;
     closeAutoFocus: (event: Event) => any;
 }, string, PublicProps, Readonly<IDialogContentProps> & Readonly<{
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
     onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
-    onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
     width: number;
     closeButton: IDrawerCloseProps;
     position: "right" | "top" | "left" | "bottom";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/Drawer/DrawerContent.vue.js

@@ -0,0 +1,8 @@
+import './DrawerContent.css';
+import o from "./DrawerContent.vue2.js";
+/* empty css                   */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-36e70f38"]]);
+export {
+  f as default
+};

package/dist/components/Drawer/DrawerContent.vue2.js

@@ -0,0 +1,67 @@
+import { defineComponent as B, useCssVars as C, computed as w, openBlock as n, createBlock as c, unref as e, mergeProps as l, withCtx as r, createElementVNode as i, createVNode as a, createCommentVNode as d, renderSlot as u, createElementBlock as y } from "vue";
+import { useForwardPropsEmits as b, DialogContent as g, DialogClose as _, VisuallyHidden as k, DialogTitle as D } from "reka-ui";
+import m from "../../icons/monochrome/CloseIcon.vue.js";
+const $ = { class: "drawer-content__content" }, V = { class: "drawer-content__header" }, E = { class: "drawer-content__wrapper" }, O = {
+  key: 1,
+  class: "drawer-content__actions"
+}, x = /* @__PURE__ */ B({
+  __name: "DrawerContent",
+  props: {
+    closeButton: { default: () => ({
+      enabled: !0
+    }) },
+    width: { default: 500 },
+    position: { default: "right" },
+    forceMount: { type: Boolean },
+    disableOutsidePointerEvents: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(t, { emit: p }) {
+    C((o) => ({
+      v38c47531: v.value
+    }));
+    const s = t, h = b(s, p), v = w(() => `${s.width}px`), f = w(() => s.position === "left" || s.position === "right");
+    return (o, F) => (n(), c(e(g), l(e(h), {
+      "aria-describedby": "",
+      class: ["drawer-content", `drawer-content--${t.position}`]
+    }), {
+      default: r(() => [
+        i("div", $, [
+          f.value && t.closeButton.enabled ? (n(), c(e(_), l({ key: 0 }, t.closeButton, { class: "drawer-content__close out" }), {
+            default: r(() => [
+              a(e(m), { class: "drawer-content__close--icon" })
+            ]),
+            _: 1
+          }, 16)) : d("", !0),
+          i("div", V, [
+            a(e(k), null, {
+              default: r(() => [
+                a(e(D))
+              ]),
+              _: 1
+            }),
+            u(o.$slots, "header", {}, void 0, !0),
+            !f.value && t.closeButton.enabled ? (n(), c(e(_), l({ key: 0 }, t.closeButton, { class: "drawer-content__close" }), {
+              default: r(() => [
+                a(e(m), { class: "drawer-content__close--icon" })
+              ]),
+              _: 1
+            }, 16)) : d("", !0)
+          ]),
+          i("div", E, [
+            u(o.$slots, "default", {}, void 0, !0)
+          ]),
+          o.$slots.actions ? (n(), y("div", O, [
+            u(o.$slots, "actions", {}, void 0, !0)
+          ])) : d("", !0)
+        ])
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  x as default
+};

package/dist/components/Drawer/DrawerOverlay.vue.d.ts

@@ -1,13 +1,17 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
 };
-declare const __VLS_base: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/Drawer/DrawerOverlay.vue.js

@@ -0,0 +1,16 @@
+import { defineComponent as r, openBlock as o, createBlock as a, unref as t, withCtx as l, renderSlot as n } from "vue";
+import { DialogOverlay as s } from "reka-ui";
+const m = /* @__PURE__ */ r({
+  __name: "DrawerOverlay",
+  setup(c) {
+    return (e, f) => (o(), a(t(s), { class: "overlay drawer-overlay" }, {
+      default: l(() => [
+        n(e.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  m as default
+};

package/dist/components/Drawer/DrawerOverlay.vue2.js

@@ -0,0 +1,4 @@
+import f from "./DrawerOverlay.vue.js";
+export {
+  f as default
+};