veloce-vue 0.20.0 → 0.22.0

package/components/Chip.vue2.js

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

package/components/Drawer.vue.js

@@ -0,0 +1,94 @@
+import { defineComponent as v, mergeModels as h, useModel as g, computed as n, createElementBlock as d, openBlock as u, Fragment as w, createElementVNode as o, renderSlot as i, normalizeClass as f, createCommentVNode as x, createVNode as k, toDisplayString as c, unref as m } from "vue";
+/* empty css           */
+import y from "../icons/Close.vue.js";
+import "motion-v";
+import C from "./Button.vue.js";
+import "@vueuse/core";
+/* empty css              */
+const V = { class: "border-b p-2" }, $ = { class: "flex items-center justify-between gap-2" }, B = { class: "text-[0.95em] font-medium" }, S = { class: "text-muted text-sm" }, z = { class: "size-full overflow-auto p-2" }, F = {
+  key: 0,
+  class: "border-t p-2"
+}, q = /* @__PURE__ */ v({
+  __name: "Drawer",
+  props: /* @__PURE__ */ h({
+    direction: { type: String, default: "bottom", options: ["left", "bottom", "right"] },
+    title: { type: String, default: "" },
+    description: { type: String, default: "" },
+    showFooter: { type: Boolean, default: !1 },
+    show: { type: Boolean, default: !1 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(s) {
+    const r = s, t = g(s, "modelValue"), p = n(() => {
+      let e = "";
+      switch (r.direction) {
+        case "left":
+          e = t.value ? "fixed top-0 left-0 bottom-0" : "fixed top-0 -left-full bottom-0";
+          break;
+        case "bottom":
+          e = t.value ? "fixed left-0 bottom-0 right-0" : "fixed left-0 right-0 -bottom-full";
+          break;
+        case "right":
+          e = t.value ? "fixed top-0 right-0 bottom-0" : "fixed top-0 -right-full bottom-0";
+          break;
+        default:
+          alert("Invalid direction");
+      }
+      return e;
+    }), b = n(() => {
+      let e = "";
+      switch (r.direction) {
+        case "left":
+          e = "w-full max-w-[22.5rem]";
+          break;
+        case "bottom":
+          e = "w-full h-full max-h-[90dvh]";
+          break;
+        case "right":
+          e = "w-full max-w-[22.5rem]";
+          break;
+      }
+      return e;
+    });
+    return (e, l) => (u(), d(w, null, [
+      o("div", {
+        onClick: l[0] || (l[0] = (a) => t.value = !t.value)
+      }, [
+        i(e.$slots, "default")
+      ]),
+      o("div", {
+        class: f([[p.value, b.value], "bg-background z-51 flex flex-col justify-between duration-300"])
+      }, [
+        o("div", V, [
+          o("div", $, [
+            o("h4", B, c(s.title), 1),
+            k(m(C), {
+              icon: m(y),
+              class: "p-1!",
+              circle: "",
+              variant: "ghost",
+              onClick: l[1] || (l[1] = (a) => t.value = !1)
+            }, null, 8, ["icon"])
+          ]),
+          o("p", S, c(s.description), 1)
+        ]),
+        o("div", z, [
+          i(e.$slots, "content")
+        ]),
+        s.showFooter ? (u(), d("div", F, [
+          i(e.$slots, "footer")
+        ])) : x("", !0)
+      ], 2),
+      o("div", {
+        class: f([t.value ? "opacity-100" : "pointer-events-none", "fixed inset-0 z-50 bg-black/40 opacity-0 duration-200"]),
+        onClick: l[2] || (l[2] = (a) => t.value = !1)
+      }, null, 2)
+    ], 64));
+  }
+});
+export {
+  q as default
+};

package/components/Drawer.vue2.js

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

package/components/Fieldset.vue.d.ts

@@ -1,5 +1,4 @@
-import { Icons } from '../exports/icons';
-import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { Component, DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -15,8 +14,8 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         default: string;
     };
     icon: {
-        type: () => Icons;
-        default: string;
+        type: () => Component;
+        default: () => null;
     };
     toggleable: {
         type: BooleanConstructor;
@@ -34,8 +33,8 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
         default: string;
     };
     icon: {
-        type: () => Icons;
-        default: string;
+        type: () => Component;
+        default: () => null;
     };
     toggleable: {
         type: BooleanConstructor;
@@ -49,7 +48,7 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
 }>, {
     legend: string;
-    icon: "filter" | "code" | "link" | "menu" | "video" | "circle" | "image" | "stop" | "square" | "x" | "alert" | "alert-circle" | "archive" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "at-sign" | "bell" | "bookmark" | "camera" | "check" | "check-circle" | "check-square" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clock" | "close" | "cloud" | "cloud-download" | "cloud-upload" | "command" | "copy" | "credit-card" | "database" | "download" | "edit" | "external-link" | "eye" | "eye-off" | "fast-forward" | "file" | "file-audio" | "file-image" | "file-pdf" | "file-text" | "file-video" | "file-zip" | "folder" | "folder-open" | "folder-plus" | "grid" | "hamburger" | "hash" | "heart" | "help-circle" | "home" | "inbox" | "info" | "key" | "layout" | "link-2" | "list" | "loading" | "lock" | "log-in" | "log-out" | "mail" | "maximize" | "message-circle" | "message-square" | "mic" | "mic-off" | "minimize" | "minus" | "moon" | "more-horizontal" | "more-vertical" | "move" | "package" | "paperclip" | "pause" | "phone" | "play" | "plus" | "printer" | "radio-button" | "refresh-cw" | "repeat" | "rewind" | "rotate-ccw" | "rotate-cw" | "save" | "scissors" | "search" | "send" | "server" | "settings" | "share" | "shield" | "shuffle" | "sidebar" | "skip-back" | "skip-forward" | "slider" | "sliders" | "sort-asc" | "sort-desc" | "star" | "sun" | "tag" | "tags" | "terminal" | "thumbs-down" | "thumbs-up" | "toggle-left" | "toggle-right" | "trash" | "trash-2" | "unlink" | "unlock" | "upload" | "user" | "users" | "video-off" | "volume" | "volume-1" | "volume-2" | "volume-mute" | "volume-x" | "x-circle" | "zap" | "zoom-in" | "zoom-out";
+    icon: Component;
     toggleable: boolean;
     collapsed: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLFieldSetElement>;

package/components/Fieldset.vue.js

@@ -0,0 +1,49 @@
+import { defineComponent as p, mergeModels as f, useModel as g, createElementBlock as a, openBlock as l, createCommentVNode as t, normalizeClass as r, createBlock as c, createElementVNode as m, unref as s, toDisplayString as b, renderSlot as y } from "vue";
+import k from "../icons/ChevronDown.vue.js";
+import d from "./icon/Icon.vue.js";
+const _ = { class: "border-border bg-background w-full rounded border p-4" }, C = {
+  key: 1,
+  class: "mt-2"
+}, z = /* @__PURE__ */ p({
+  __name: "Fieldset",
+  props: /* @__PURE__ */ f({
+    legend: { type: String, default: "" },
+    icon: { type: Object, default: () => null },
+    toggleable: { type: Boolean, default: !1 },
+    collapsed: { type: Boolean, default: !1 }
+  }, {
+    collapsed: { type: Boolean, default: !1 },
+    collapsedModifiers: {}
+  }),
+  emits: ["update:collapsed"],
+  setup(n) {
+    const e = n, o = g(n, "collapsed"), i = () => {
+      e.toggleable && (o.value = !o.value);
+    };
+    return (u, v) => (l(), a("fieldset", _, [
+      e.legend || e.icon || e.toggleable ? (l(), a("legend", {
+        key: 0,
+        class: r([{ "cursor-pointer": e.toggleable }, "flex items-center gap-2 px-2 text-sm font-semibold"]),
+        onClick: i
+      }, [
+        e.icon ? (l(), c(s(d), {
+          key: 0,
+          icon: e.icon,
+          class: "size-4"
+        }, null, 8, ["icon"])) : t("", !0),
+        m("span", null, b(e.legend), 1),
+        e.toggleable ? (l(), c(s(d), {
+          key: 1,
+          icon: s(k),
+          class: r([{ "rotate-180": !o.value }, "size-4 transition-transform duration-200"])
+        }, null, 8, ["icon", "class"])) : t("", !0)
+      ], 2)) : t("", !0),
+      !o.value || !e.toggleable ? (l(), a("div", C, [
+        y(u.$slots, "default")
+      ])) : t("", !0)
+    ]));
+  }
+});
+export {
+  z as default
+};

package/components/Fieldset.vue2.js

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

package/components/Input.vue.d.ts

@@ -1,14 +1,13 @@
-import { Icons } from '../exports/icons';
+import { Component, DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { Size } from '../exports/types';
-import { DefineComponent, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const _default: DefineComponent<ExtractPropTypes<{
     leadingIcon: {
-        type: () => Icons;
-        default: string;
+        type: () => Component;
+        default: () => null;
     };
     trailingIcon: {
-        type: () => Icons;
-        default: string;
+        type: () => Component;
+        default: () => null;
     };
     placeholder: {
         type: StringConstructor;
@@ -45,12 +44,12 @@ declare const _default: DefineComponent<ExtractPropTypes<{
     "update:modelValue": (value: any) => any;
 }, string, PublicProps, Readonly< ExtractPropTypes<{
     leadingIcon: {
-        type: () => Icons;
-        default: string;
+        type: () => Component;
+        default: () => null;
     };
     trailingIcon: {
-        type: () => Icons;
-        default: string;
+        type: () => Component;
+        default: () => null;
     };
     placeholder: {
         type: StringConstructor;
@@ -91,8 +90,8 @@ declare const _default: DefineComponent<ExtractPropTypes<{
     size: Size;
     placeholder: string;
     iconClass: string;
-    leadingIcon: "filter" | "code" | "link" | "menu" | "video" | "circle" | "image" | "stop" | "square" | "x" | "alert" | "alert-circle" | "archive" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "at-sign" | "bell" | "bookmark" | "camera" | "check" | "check-circle" | "check-square" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clock" | "close" | "cloud" | "cloud-download" | "cloud-upload" | "command" | "copy" | "credit-card" | "database" | "download" | "edit" | "external-link" | "eye" | "eye-off" | "fast-forward" | "file" | "file-audio" | "file-image" | "file-pdf" | "file-text" | "file-video" | "file-zip" | "folder" | "folder-open" | "folder-plus" | "grid" | "hamburger" | "hash" | "heart" | "help-circle" | "home" | "inbox" | "info" | "key" | "layout" | "link-2" | "list" | "loading" | "lock" | "log-in" | "log-out" | "mail" | "maximize" | "message-circle" | "message-square" | "mic" | "mic-off" | "minimize" | "minus" | "moon" | "more-horizontal" | "more-vertical" | "move" | "package" | "paperclip" | "pause" | "phone" | "play" | "plus" | "printer" | "radio-button" | "refresh-cw" | "repeat" | "rewind" | "rotate-ccw" | "rotate-cw" | "save" | "scissors" | "search" | "send" | "server" | "settings" | "share" | "shield" | "shuffle" | "sidebar" | "skip-back" | "skip-forward" | "slider" | "sliders" | "sort-asc" | "sort-desc" | "star" | "sun" | "tag" | "tags" | "terminal" | "thumbs-down" | "thumbs-up" | "toggle-left" | "toggle-right" | "trash" | "trash-2" | "unlink" | "unlock" | "upload" | "user" | "users" | "video-off" | "volume" | "volume-1" | "volume-2" | "volume-mute" | "volume-x" | "x-circle" | "zap" | "zoom-in" | "zoom-out";
-    trailingIcon: "filter" | "code" | "link" | "menu" | "video" | "circle" | "image" | "stop" | "square" | "x" | "alert" | "alert-circle" | "archive" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "at-sign" | "bell" | "bookmark" | "camera" | "check" | "check-circle" | "check-square" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "clock" | "close" | "cloud" | "cloud-download" | "cloud-upload" | "command" | "copy" | "credit-card" | "database" | "download" | "edit" | "external-link" | "eye" | "eye-off" | "fast-forward" | "file" | "file-audio" | "file-image" | "file-pdf" | "file-text" | "file-video" | "file-zip" | "folder" | "folder-open" | "folder-plus" | "grid" | "hamburger" | "hash" | "heart" | "help-circle" | "home" | "inbox" | "info" | "key" | "layout" | "link-2" | "list" | "loading" | "lock" | "log-in" | "log-out" | "mail" | "maximize" | "message-circle" | "message-square" | "mic" | "mic-off" | "minimize" | "minus" | "moon" | "more-horizontal" | "more-vertical" | "move" | "package" | "paperclip" | "pause" | "phone" | "play" | "plus" | "printer" | "radio-button" | "refresh-cw" | "repeat" | "rewind" | "rotate-ccw" | "rotate-cw" | "save" | "scissors" | "search" | "send" | "server" | "settings" | "share" | "shield" | "shuffle" | "sidebar" | "skip-back" | "skip-forward" | "slider" | "sliders" | "sort-asc" | "sort-desc" | "star" | "sun" | "tag" | "tags" | "terminal" | "thumbs-down" | "thumbs-up" | "toggle-left" | "toggle-right" | "trash" | "trash-2" | "unlink" | "unlock" | "upload" | "user" | "users" | "video-off" | "volume" | "volume-1" | "volume-2" | "volume-mute" | "volume-x" | "x-circle" | "zap" | "zoom-in" | "zoom-out";
+    leadingIcon: Component;
+    trailingIcon: Component;
     helpText: string;
     labelStyle: "float" | "static";
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;

package/components/Input.vue.js

@@ -0,0 +1,106 @@
+import { defineComponent as h, mergeModels as z, useModel as I, ref as b, computed as k, createElementBlock as u, openBlock as a, createCommentVNode as o, createElementVNode as x, unref as n, toDisplayString as f, normalizeClass as s, createBlock as g, withDirectives as w, vModelDynamic as S, createVNode as V } from "vue";
+import { useRandomId as C } from "../utils/useRandomId.js";
+import L from "../icons/Eye.vue.js";
+import $ from "../icons/EyeOff.vue.js";
+import y from "./icon/Icon.vue.js";
+const B = {
+  key: 0,
+  class: "mb-2 pl-0.5"
+}, E = ["for"], M = ["type", "id", "placeholder"], T = {
+  key: 1,
+  class: "text-muted ml-1 pt-1 text-xs"
+}, R = /* @__PURE__ */ h({
+  __name: "Input",
+  props: /* @__PURE__ */ z({
+    leadingIcon: { type: Object, default: () => null },
+    trailingIcon: { type: Object, default: () => null },
+    placeholder: { type: String, default: "" },
+    iconClass: { type: String, default: "" },
+    helpText: { type: String, default: "" },
+    type: { type: String, default: "text" },
+    labelStyle: { type: String, default: "static" },
+    label: { type: String, default: "" },
+    size: { type: String, default: "md" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const p = C(), t = e, d = I(e, "modelValue"), c = b(!1), r = b(!1), v = () => c.value = !c.value, l = k(() => {
+      switch (t.size) {
+        case "sm":
+          return { container: "h-[30px]", input: "px-2 py-1 text-sm", icon: "size-4", text: "text-sm", floatLabel: { focus: "text-xs", base: "text-sm" } };
+        case "md":
+          return { container: "h-[34px]", input: "px-2.5 py-1.5 text-sm", icon: "size-4", text: "text-sm", floatLabel: { focus: "text-xs", base: "text-sm" } };
+        case "lg":
+          return { container: "h-[42px]", input: "px-3 py-2 text-base", icon: "size-5", text: "text-base", floatLabel: { focus: "text-sm", base: "text-base" } };
+        case "xl":
+          return { container: "h-[50px]", input: "px-3.5 py-2.5 text-lg", icon: "size-6", text: "text-lg", floatLabel: { focus: "text-sm", base: "text-lg" } };
+      }
+    });
+    return (D, i) => (a(), u("div", null, [
+      e.labelStyle === "static" && e.label ? (a(), u("div", B, [
+        x("label", {
+          class: "text-sm font-medium duration-100",
+          for: n(p)
+        }, f(e.label), 9, E)
+      ])) : o("", !0),
+      x("div", {
+        class: s([[{ "mb-6": e.helpText }, l.value.container], "relative"])
+      }, [
+        e.leadingIcon ? (a(), g(n(y), {
+          key: 0,
+          icon: e.leadingIcon,
+          class: s([[l.value.icon, e.iconClass], "text-muted absolute left-3 top-1/2 -translate-y-1/2"])
+        }, null, 8, ["icon", "class"])) : o("", !0),
+        e.trailingIcon ? (a(), g(n(y), {
+          key: 1,
+          icon: e.trailingIcon,
+          class: s([[l.value.icon, e.iconClass], "text-muted absolute right-3 top-1/2 -translate-y-1/2"])
+        }, null, 8, ["icon", "class"])) : o("", !0),
+        w(x("input", {
+          type: e.type === "password" && c.value ? "text" : e.type,
+          "onUpdate:modelValue": i[0] || (i[0] = (m) => d.value = m),
+          class: s([[
+            l.value.input,
+            l.value.text,
+            { "pr-12": t.type === "password" },
+            { "pl-10": e.leadingIcon && t.size === "md" },
+            { "pl-9": e.leadingIcon && t.size === "sm" },
+            { "pl-11": e.leadingIcon && t.size === "lg" },
+            { "pl-12": e.leadingIcon && t.size === "xl" },
+            { "pr-10": e.trailingIcon && t.type !== "password" && t.size === "md" },
+            { "pr-9": e.trailingIcon && t.type !== "password" && t.size === "sm" },
+            { "pr-11": e.trailingIcon && t.type !== "password" && t.size === "lg" },
+            { "pr-12": e.trailingIcon && t.type !== "password" && t.size === "xl" }
+          ], "outline-primary dark:placeholder:text-muted focus:border-primary/75 peer h-full w-full rounded border outline-none duration-200"]),
+          id: n(p),
+          placeholder: e.labelStyle === "float" ? " " : e.placeholder,
+          onFocus: i[1] || (i[1] = (m) => r.value = !0),
+          onBlur: i[2] || (i[2] = (m) => r.value = !1)
+        }, null, 42, M), [
+          [S, d.value]
+        ]),
+        e.labelStyle === "float" ? (a(), u("div", {
+          key: 2,
+          class: s([[d.value || r.value ? `-top-1.5 px-0.5 ${l.value.floatLabel.focus}` : `bottom-0 top-0 my-auto ${l.value.floatLabel.base}`], "bg-background dark:text-muted absolute left-2.5 h-fit rounded leading-none text-neutral-400 duration-100"])
+        }, f(e.placeholder), 3)) : o("", !0),
+        e.type === "password" ? (a(), u("div", {
+          key: 3,
+          class: "absolute right-4 top-1/2 -translate-y-1/2 cursor-pointer",
+          onClick: v
+        }, [
+          V(n(y), {
+            icon: c.value ? n($) : n(L),
+            class: s([l.value.icon, "text-muted"])
+          }, null, 8, ["icon", "class"])
+        ])) : o("", !0)
+      ], 2),
+      e.helpText ? (a(), u("div", T, f(e.helpText), 1)) : o("", !0)
+    ]));
+  }
+});
+export {
+  R as default
+};

package/components/Input.vue2.js

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

package/components/JsonRenderer.vue.d.ts

@@ -0,0 +1,14 @@
+import { JsonRendererItem } from '../exports/types';
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    json: {
+        type: () => JsonRendererItem[];
+        required: true;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    json: {
+        type: () => JsonRendererItem[];
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/components/JsonRenderer.vue.js

@@ -0,0 +1,63 @@
+import { defineComponent as _, createElementBlock as m, openBlock as r, Fragment as e, renderList as f, createBlock as n, resolveDynamicComponent as p, mergeProps as s, withCtx as c, createTextVNode as a, toDisplayString as l } from "vue";
+import u from "./typography/Blockquote.vue.js";
+import $ from "./typography/Code.vue.js";
+import d from "./typography/H1.vue.js";
+import h from "./typography/H2.vue.js";
+import k from "./typography/H3.vue.js";
+import y from "./typography/H4.vue.js";
+import g from "./typography/H5.vue.js";
+import x from "./typography/H6.vue.js";
+import b from "./typography/Label.vue.js";
+import B from "./typography/List.vue.js";
+import C from "./typography/P.vue.js";
+import j from "./typography/Span.vue.js";
+/* empty css           */
+import "motion-v";
+/* empty css            */
+import "@vueuse/core";
+import q from "./Message.vue.js";
+/* empty css              */
+const v = { class: "*:first:mt-0 *:last:mb-0" }, U = /* @__PURE__ */ _({
+  __name: "JsonRenderer",
+  props: {
+    json: { type: Array, required: !0 }
+  },
+  setup(i) {
+    const t = {
+      h1: d,
+      h2: h,
+      h3: k,
+      h4: y,
+      h5: g,
+      h6: x,
+      p: C,
+      span: j,
+      blockquote: u,
+      code: $,
+      label: b,
+      list: B,
+      message: q
+    };
+    return (D, w) => (r(), m("div", v, [
+      (r(!0), m(e, null, f(i.json, (o) => (r(), m(e, {
+        key: o.id
+      }, [
+        o.component === "message" ? (r(), n(p(t[o.component]), s({
+          key: 0,
+          ref_for: !0
+        }, o.props), {
+          default: c(() => [
+            a(l(o.props?.text), 1)
+          ]),
+          _: 2
+        }, 1040)) : (r(), n(p(t[o.component]), s({
+          key: 1,
+          ref_for: !0
+        }, o.props), null, 16))
+      ], 64))), 128))
+    ]));
+  }
+});
+export {
+  U as default
+};

package/components/JsonRenderer.vue2.js

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

package/components/Layout.vue.js

@@ -0,0 +1,83 @@
+import { defineComponent as v, ref as g, onMounted as x, resolveComponent as d, createElementBlock as w, openBlock as a, Fragment as k, createElementVNode as o, createVNode as r, createBlock as m, createCommentVNode as u, unref as e, withCtx as n, toDisplayString as C, renderSlot as f, normalizeClass as S } from "vue";
+/* empty css           */
+import y from "../icons/Hamburger.vue.js";
+import { AnimatePresence as N, motion as V } from "motion-v";
+import B from "./Button.vue.js";
+import { useStorage as z } from "@vueuse/core";
+/* empty css              */
+const E = { class: "flex h-14 items-center justify-between gap-4 border-b px-4" }, L = { class: "flex items-center gap-2" }, $ = { class: "text-base font-medium" }, j = { class: "header-actions flex items-center gap-2" }, A = { class: "relative h-[calc(100dvh-3.5rem)] overflow-hidden" }, G = /* @__PURE__ */ v({
+  __name: "Layout",
+  props: {
+    brandName: { type: String, default: "VeloceVue" }
+  },
+  emits: ["sidebar"],
+  setup(i, { emit: p }) {
+    const h = p, t = z("showSidebar", !1), s = g(!0);
+    x(() => setTimeout(() => s.value = !1, 100));
+    const l = () => {
+      t.value = !t.value, h("sidebar", t.value);
+    };
+    return (c, D) => {
+      const _ = d("router-link"), b = d("router-view");
+      return a(), w(k, null, [
+        o("header", E, [
+          o("div", L, [
+            r(e(B), {
+              icon: e(y),
+              iconClass: "size-6",
+              class: "p-1!",
+              variant: "soft",
+              onClick: l
+            }, null, 8, ["icon"]),
+            i.brandName ? (a(), m(_, {
+              key: 0,
+              to: "/"
+            }, {
+              default: n(() => [
+                o("h1", $, C(i.brandName), 1)
+              ]),
+              _: 1
+            })) : u("", !0)
+          ]),
+          o("div", j, [
+            f(c.$slots, "header-actions")
+          ])
+        ]),
+        o("main", A, [
+          r(e(N), null, {
+            default: n(() => [
+              e(t) ? (a(), m(e(V).div, {
+                key: 0,
+                class: "bg-background absolute bottom-0 left-0 top-0 z-50 w-[240px] shrink-0 overflow-hidden border-r",
+                initial: s.value && e(t) ? { x: 0 } : { x: -240 },
+                animate: { x: 0 },
+                exit: { x: -240 },
+                transition: {
+                  duration: 0.3,
+                  ease: [0.4, 0, 0.2, 1]
+                }
+              }, {
+                default: n(() => [
+                  f(c.$slots, "sidebar", {
+                    showSidebar: e(t),
+                    onClose: l
+                  })
+                ]),
+                _: 3
+              }, 8, ["initial"])) : u("", !0)
+            ]),
+            _: 3
+          }),
+          o("div", {
+            class: S([{ "lg:ml-[240px]": e(t) }, "h-full overflow-auto p-2 transition-[margin-left] duration-300 ease-in-out"])
+          }, [
+            r(b)
+          ], 2)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  G as default
+};

package/components/Layout.vue2.js

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