@scalar/api-client 2.0.24 → 2.0.26

package/dist/components/CommandPalette/CommandPaletteRequest.vue.js

@@ -1,119 +1,126 @@
-import { defineComponent as y, ref as u, computed as v, onMounted as M, openBlock as V, createElementBlock as N, Fragment as R, createElementVNode as l, toDisplayString as h, withModifiers as I, withDirectives as k, vModelText as E, createVNode as s, unref as n, withCtx as c, normalizeClass as F, createTextVNode as U } from "vue";
-import B from "../HttpMethod/HttpMethod.vue.js";
-import { useWorkspace as D } from "../../store/workspace.js";
-import { ScalarListbox as T, ScalarButton as x, ScalarIcon as j } from "@scalar/components";
-import { useRouter as z } from "vue-router";
-const $ = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, G = /* @__PURE__ */ l("label", {
+import { defineComponent as y, ref as n, computed as h, onMounted as V, openBlock as N, createElementBlock as R, withModifiers as I, createElementVNode as o, withDirectives as U, vModelText as E, createVNode as u, unref as r, withCtx as d, normalizeClass as B, toDisplayString as D, createTextVNode as F } from "vue";
+import T from "../HttpMethod/HttpMethod.vue.js";
+import { useWorkspace as W } from "../../store/workspace.js";
+import { ScalarListbox as $, ScalarButton as x, ScalarIcon as z } from "@scalar/components";
+import { useRouter as j } from "vue-router";
+const G = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, L = /* @__PURE__ */ o("label", {
   class: "absolute w-full h-full opacity-0 cursor-text",
   for: "requestname"
-}, null, -1), L = { class: "flex" }, O = { class: "flex flex-1 gap-2 max-h-8" }, Q = /* @__PURE__ */ y({
+}, null, -1), P = { class: "flex" }, A = { class: "flex flex-1 gap-2 max-h-8" }, Y = /* @__PURE__ */ y({
   __name: "CommandPaletteRequest",
-  props: {
-    title: {}
-  },
   emits: ["close"],
-  setup(P, { emit: b }) {
-    const _ = b, { push: q } = z(), { requestMutators: g, activeCollection: r, folders: w } = D(), a = u(""), i = u("GET"), m = u(""), f = v(() => r.value ? Object.values(r.value.childUids).flatMap((e) => {
-      const t = w[e];
-      return t ? [
-        {
-          id: t.uid,
-          label: t.name
-        }
-      ] : [];
-    }) : []), o = v({
+  setup(H, { emit: b }) {
+    const _ = b, { push: q } = j(), {
+      activeCollection: c,
+      activeWorkspace: w,
+      activeWorkspaceCollections: g,
+      requestMutators: C,
+      folders: M
+    } = W(), s = n(""), i = n("GET"), m = n(""), f = h(
+      () => g.value.flatMap(
+        (e) => e.childUids.flatMap((l) => {
+          const t = M[l];
+          return t ? [
+            {
+              id: t.uid,
+              label: t.name
+            }
+          ] : [];
+        })
+      )
+    ), a = h({
       get: () => f.value.find(({ id: e }) => e === m.value),
       set: (e) => {
         e != null && e.id && (m.value = e.id);
       }
     });
-    function C(e) {
+    function S(e) {
       i.value = e;
     }
-    function S() {
-      if (!r.value) return;
-      const e = g.add({
-        path: "",
-        method: i.value.toUpperCase(),
-        description: a.value,
-        operationId: a.value,
-        summary: a.value,
-        tags: ["default"]
-      });
-      q(`/request/${e.uid}`), _("close");
-    }
-    const p = u(null);
-    return M(() => {
+    const k = () => {
+      var t, v;
+      if (!c.value) return;
+      const e = ((t = a.value) == null ? void 0 : t.id) ?? ((v = c.value) == null ? void 0 : v.uid), l = C.add(
+        {
+          path: "",
+          method: i.value.toUpperCase(),
+          description: s.value,
+          operationId: s.value,
+          summary: s.value,
+          tags: ["default"]
+        },
+        e
+      );
+      q(`/workspace/${w.value.uid}/request/${l.uid}`), _("close");
+    }, p = n(null);
+    return V(() => {
       var e;
       (e = p.value) == null || e.focus();
-    }), (e, t) => (V(), N(R, null, [
-      l("h2", null, h(e.title), 1),
-      l("form", {
-        class: "flex w-full flex-col gap-3",
-        onSubmit: I(S, ["prevent"])
-      }, [
-        l("div", $, [
-          G,
-          k(l("input", {
-            id: "requestname",
-            ref_key: "requestInput",
-            ref: p,
-            "onUpdate:modelValue": t[0] || (t[0] = (d) => a.value = d),
-            class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
-            label: "Request Name",
-            placeholder: "Request Name"
-          }, null, 512), [
-            [E, a.value]
-          ])
-        ]),
-        l("div", L, [
-          l("div", O, [
-            s(B, {
-              isEditable: !0,
-              isSquare: "",
-              method: i.value,
-              onChange: C
-            }, null, 8, ["method"]),
-            s(n(T), {
-              modelValue: o.value,
-              "onUpdate:modelValue": t[1] || (t[1] = (d) => o.value = d),
-              options: f.value
-            }, {
-              default: c(() => [
-                s(n(x), {
-                  class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
-                  variant: "outlined"
-                }, {
-                  default: c(() => [
-                    l("span", {
-                      class: F(o.value ? "text-c-1" : "text-c-3")
-                    }, h(o.value ? o.value.label : "Select Folder"), 3),
-                    s(n(j), {
-                      class: "text-c-3",
-                      icon: "ChevronDown",
-                      size: "xs"
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["modelValue", "options"])
-          ]),
-          s(n(x), {
-            class: "max-h-8 text-xs p-0 px-3",
-            type: "submit"
+    }), (e, l) => (N(), R("form", {
+      class: "flex w-full flex-col gap-3",
+      onSubmit: I(k, ["prevent"])
+    }, [
+      o("div", G, [
+        L,
+        U(o("input", {
+          id: "requestname",
+          ref_key: "requestInput",
+          ref: p,
+          "onUpdate:modelValue": l[0] || (l[0] = (t) => s.value = t),
+          class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
+          label: "Request Name",
+          placeholder: "Request Name"
+        }, null, 512), [
+          [E, s.value]
+        ])
+      ]),
+      o("div", P, [
+        o("div", A, [
+          u(T, {
+            isEditable: !0,
+            isSquare: "",
+            method: i.value,
+            onChange: S
+          }, null, 8, ["method"]),
+          u(r($), {
+            modelValue: a.value,
+            "onUpdate:modelValue": l[1] || (l[1] = (t) => a.value = t),
+            options: f.value
           }, {
-            default: c(() => [
-              U(" Create Request ")
+            default: d(() => [
+              u(r(x), {
+                class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
+                variant: "outlined"
+              }, {
+                default: d(() => [
+                  o("span", {
+                    class: B(a.value ? "text-c-1" : "text-c-3")
+                  }, D(a.value ? a.value.label : "Select Folder"), 3),
+                  u(r(z), {
+                    class: "text-c-3",
+                    icon: "ChevronDown",
+                    size: "xs"
+                  })
+                ]),
+                _: 1
+              })
             ]),
             _: 1
-          })
-        ])
-      ], 32)
-    ], 64));
+          }, 8, ["modelValue", "options"])
+        ]),
+        u(r(x), {
+          class: "max-h-8 text-xs p-0 px-3",
+          type: "submit"
+        }, {
+          default: d(() => [
+            F(" Create Request ")
+          ]),
+          _: 1
+        })
+      ])
+    ], 32));
   }
 });
 export {
-  Q as default
+  Y as default
 };

package/dist/components/CommandPalette/CommandPaletteWorkspace.vue.d.ts

@@ -0,0 +1,7 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onClose?: (() => any) | undefined;
+}, {}, {}>;
+export default _default;
+//# sourceMappingURL=CommandPaletteWorkspace.vue.d.ts.map

package/dist/components/CommandPalette/CommandPaletteWorkspace.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteWorkspace.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteWorkspace.vue"],"names":[],"mappings":";;;;;AAqLA,wBAMG"}

package/dist/components/CommandPalette/CommandPaletteWorkspace.vue.js

@@ -0,0 +1,57 @@
+import { defineComponent as m, ref as l, onMounted as d, openBlock as f, createElementBlock as h, withModifiers as w, createElementVNode as o, withDirectives as x, vModelText as _, createVNode as k, unref as b, withCtx as v, createTextVNode as N } from "vue";
+import { useWorkspace as g } from "../../store/workspace.js";
+import { ScalarButton as y } from "@scalar/components";
+import { useRouter as C } from "vue-router";
+const M = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, V = /* @__PURE__ */ o("label", {
+  class: "absolute w-full h-full opacity-0 cursor-text",
+  for: "workspacename"
+}, null, -1), W = { class: "flex" }, B = /* @__PURE__ */ o("div", { class: "flex flex-1 gap-2 max-h-8" }, null, -1), P = /* @__PURE__ */ m({
+  __name: "CommandPaletteWorkspace",
+  emits: ["close"],
+  setup(S, { emit: n }) {
+    const r = n, { push: c } = C(), { workspaceMutators: u } = g(), t = l(""), i = () => {
+      const e = u.add({
+        name: t.value
+      });
+      c(`/workspace/${e.uid}`), r("close");
+    }, s = l(null);
+    return d(() => {
+      var e;
+      (e = s.value) == null || e.focus();
+    }), (e, a) => (f(), h("form", {
+      class: "flex w-full flex-col gap-3",
+      onSubmit: w(i, ["prevent"])
+    }, [
+      o("div", M, [
+        V,
+        x(o("input", {
+          id: "workspacename",
+          ref_key: "workspaceInput",
+          ref: s,
+          "onUpdate:modelValue": a[0] || (a[0] = (p) => t.value = p),
+          autofocus: "",
+          class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
+          label: "Workspace Name",
+          placeholder: "Workspace Name"
+        }, null, 512), [
+          [_, t.value]
+        ])
+      ]),
+      o("div", W, [
+        B,
+        k(b(y), {
+          class: "max-h-8 text-xs p-0 px-3",
+          type: "submit"
+        }, {
+          default: v(() => [
+            N(" Continue ")
+          ]),
+          _: 1
+        })
+      ])
+    ], 32));
+  }
+});
+export {
+  P as default
+};

package/dist/components/CommandPalette/CommandPaletteWorkspace.vue2.js

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

package/dist/components/CommandPalette/TheCommandPalette.vue.d.ts

@@ -0,0 +1,50 @@
+/**
+ * The Command Palette
+ *
+ * This component is a singleton so should only exist in our app once we will use the event bus to trigger it
+ */
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;
+export declare const PaletteComponents: {
+    readonly 'Import Collection': import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: () => void;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+        onClose?: (() => any) | undefined;
+    }, {}, {}>;
+    readonly 'Create Request': import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: () => void;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+        onClose?: (() => any) | undefined;
+    }, {}, {}>;
+    readonly 'Create Workspace': import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: () => void;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+        onClose?: (() => any) | undefined;
+    }, {}, {}>;
+    readonly 'Add Folder': import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: () => void;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+        onClose?: (() => any) | undefined;
+    }, {}, {}>;
+    readonly 'Create Collection': import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: () => void;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+        onClose?: (() => any) | undefined;
+    }, {}, {}>;
+    readonly 'Add Example': import("vue").DefineComponent<{
+        metaData: {
+            type: import("vue").PropType<string>;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: () => void;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        metaData: {
+            type: import("vue").PropType<string>;
+        };
+    }>> & {
+        onClose?: (() => any) | undefined;
+    }, {}, {}>;
+};
+/** Infer the types from the commands  */
+export type CommandNames = keyof typeof PaletteComponents;
+//# sourceMappingURL=TheCommandPalette.vue.d.ts.map

package/dist/components/CommandPalette/TheCommandPalette.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AAqWA;;;;GAIG;;AACH,wBA8XI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpB,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CACxD"}

package/dist/components/CommandPalette/TheCommandPalette.vue.js

@@ -0,0 +1,9 @@
+import o from "./TheCommandPalette.vue2.js";
+import { PaletteComponents as f } from "./TheCommandPalette.vue2.js";
+/* empty css                       */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-caaeb4c4"]]);
+export {
+  f as PaletteComponents,
+  r as default
+};

package/dist/components/CommandPalette/TheCommandPalette.vue2.js

@@ -0,0 +1,198 @@
+import { defineComponent as z, ref as d, computed as I, onMounted as M, onBeforeUnmount as P, openBlock as r, createElementBlock as s, Fragment as u, withDirectives as h, createElementVNode as m, vShow as A, unref as v, createVNode as $, vModelText as F, renderList as R, toDisplayString as E, normalizeClass as q, createTextVNode as N, createBlock as T, resolveDynamicComponent as U } from "vue";
+import { useModal as G, ScalarIcon as S } from "@scalar/components";
+import { useMagicKeys as H, whenever as C } from "@vueuse/core";
+import { useRouter as K } from "vue-router";
+import { commandPaletteBus as B } from "../../libs/eventBusses/command-palette.js";
+import { useWorkspace as Q } from "../../store/workspace.js";
+import j from "./CommandPaletteCollection.vue.js";
+import J from "./CommandPaletteExample.vue.js";
+import O from "./CommandPaletteFolder.vue.js";
+import X from "./CommandPaletteImport.vue.js";
+import Y from "./CommandPaletteRequest.vue.js";
+import Z from "./CommandPaletteWorkspace.vue.js";
+const ee = { class: "commandmenu" }, oe = { class: "bg-b-2 flex items-center rounded mb-2 pl-2 focus-within:bg-b-1 focus-within:shadow-border" }, te = { for: "commandmenu" }, ne = ["onClick"], ae = {
+  name: "TheCommandPalette"
+}, le = {
+  "Import Collection": X,
+  "Create Request": Y,
+  "Create Workspace": Z,
+  "Add Folder": O,
+  "Create Collection": j,
+  "Add Example": J
+}, ke = /* @__PURE__ */ z({
+  ...ae,
+  setup(re) {
+    const b = [
+      {
+        label: "Add to Request Sidebar",
+        commands: [
+          {
+            name: "Create Request",
+            icon: "ExternalLink"
+          },
+          {
+            name: "Import Collection",
+            icon: "Import"
+          },
+          {
+            name: "Add Folder",
+            icon: "Folder"
+          },
+          {
+            name: "Create Collection",
+            icon: "Collection"
+          },
+          {
+            name: "Add Example",
+            icon: "Example"
+          }
+        ]
+      },
+      {
+        label: "More Actions",
+        commands: [
+          {
+            name: "Create Workspace",
+            icon: "Workspace"
+          },
+          {
+            name: "Add Server",
+            icon: "Brackets",
+            path: "/servers"
+          },
+          {
+            name: "Add Environment",
+            icon: "Server",
+            path: "/environment"
+          },
+          {
+            name: "Add Cookie",
+            icon: "Cookie",
+            path: "/cookies"
+          }
+        ]
+      }
+    ], p = H(), a = G(), { push: V } = K(), { activeWorkspace: W } = Q(), g = d(), c = d(""), i = d(null), o = d(0), k = d([]), _ = I(
+      () => b.reduce((e, t) => {
+        const n = t.commands.filter(
+          (f) => f.name.toLowerCase().includes(c.value.toLowerCase())
+        );
+        return [...e, ...n];
+      }, [])
+    ), w = () => {
+      a.hide(), c.value = "", i.value = null;
+    };
+    C(p.escape, () => {
+      a.open && a.hide();
+    }), C(p.enter, () => {
+      if (!a.open) return;
+      const e = _.value[o.value];
+      L(e);
+    }), C(p.ArrowDown, () => {
+      var e;
+      a.open && (o.value < _.value.length - 1 ? o.value++ : o.value = 0, (e = k.value[o.value]) == null || e.scrollIntoView({
+        behavior: "smooth",
+        block: "center"
+      }));
+    }), C(p.ArrowUp, () => {
+      var e;
+      a.open && (o.value > 0 ? o.value-- : o.value = _.value.length - 1, (e = k.value[o.value]) == null || e.scrollIntoView({
+        behavior: "smooth",
+        block: "center"
+      }));
+    });
+    const L = (e) => {
+      "path" in e ? (V(`/workspace/${W.value.uid}${e.path}`), w()) : i.value = e.name;
+    }, D = ({
+      commandName: e,
+      metaData: t
+    } = {}) => {
+      i.value = e ?? null, g.value = t, a.show();
+    };
+    return M(() => B.on(D)), P(() => B.off(D)), (e, t) => (r(), s(u, null, [
+      h(m("div", {
+        class: "commandmenu-clickout",
+        onClick: t[0] || (t[0] = (n) => w())
+      }, null, 512), [
+        [A, v(a).open]
+      ]),
+      h(m("div", ee, [
+        i.value ? (r(), s(u, { key: 1 }, [
+          m("button", {
+            class: "absolute p-1 hover:bg-b-3 rounded text-c-3 active:text-c-1 m-1.5 z-10",
+            type: "button",
+            onClick: t[2] || (t[2] = (n) => i.value = null)
+          }, [
+            $(v(S), {
+              icon: "ChevronLeft",
+              size: "sm"
+            })
+          ]),
+          (r(), T(U(le[i.value]), {
+            metaData: g.value,
+            onClose: w
+          }, null, 40, ["metaData"]))
+        ], 64)) : (r(), s(u, { key: 0 }, [
+          m("div", oe, [
+            m("label", te, [
+              $(v(S), {
+                class: "text-c-1 mr-2.5",
+                icon: "Search",
+                size: "sm",
+                thickness: "1.5"
+              })
+            ]),
+            h(m("input", {
+              id: "commandmenu",
+              "onUpdate:modelValue": t[1] || (t[1] = (n) => c.value = n),
+              class: "w-full rounded bg-none border-none py-1.5 text-sm focus:outline-none",
+              placeholder: "Search commands...",
+              type: "text"
+            }, null, 512), [
+              [F, c.value]
+            ])
+          ]),
+          (r(), s(u, null, R(b, (n, f) => (r(), s(u, {
+            key: n.label
+          }, [
+            h(m("div", { class: "text-c-3 font-medium text-xs mt-2" }, E(n.label), 513), [
+              [
+                A,
+                n.commands.filter(
+                  (l) => l.name.toLowerCase().includes(c.value.toLowerCase())
+                ).length > 0
+              ]
+            ]),
+            (r(!0), s(u, null, R(n.commands.filter(
+              (l) => l.name.toLowerCase().includes(c.value.toLowerCase())
+            ), (l, x) => (r(), s("div", {
+              key: l.name,
+              ref_for: !0,
+              ref: (y) => {
+                y && (k.value[x] = y);
+              },
+              class: q(["commandmenu-item text-sm flex items-center py-1.5 px-2 rounded hover:bg-b-2 cursor-pointer", {
+                "bg-b-2": f > 0 ? o.value === x + b[f - 1].commands.length : o.value === x
+              }]),
+              onClick: (y) => L(l)
+            }, [
+              $(v(S), {
+                class: "text-c-1 mr-2.5",
+                icon: l.icon,
+                size: "md",
+                thickness: "1.5"
+              }, null, 8, ["icon"]),
+              N(" " + E(l.name), 1)
+            ], 10, ne))), 128))
+          ], 64))), 64))
+        ], 64))
+      ], 512), [
+        [A, v(a).open]
+      ])
+    ], 64));
+  }
+});
+export {
+  le as PaletteComponents,
+  ke as default
+};

package/dist/components/CommandPalette/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TheCommandPalette } from './TheCommandPalette.vue.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/CommandPalette/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/components/CommandPalette/index.js

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

package/dist/components/ContextBar.vue.js

@@ -1,17 +1,17 @@
 import { defineComponent as r, openBlock as n, createElementBlock as o, Fragment as i, renderList as s, normalizeClass as c, toDisplayString as a } from "vue";
-const b = { class: "request-section-content request-section-content-filter bg-b-2 text-c-3 bg-b-1 sticky top-0 z-10 mb-2.5 hidden xl:flex justify-center rounded p-[2.25px] text-xs gap-0.5" }, l = ["isActive", "onClick"], v = /* @__PURE__ */ r({
+const p = { class: "request-section-content request-section-content-filter bg-b-2 text-c-3 bg-b-1 sticky top-0 z-10 mb-2.5 hidden xl:flex justify-center rounded p-[2.25px] text-xs gap-0.5" }, l = ["isActive", "onClick"], v = /* @__PURE__ */ r({
   __name: "ContextBar",
   props: {
     sections: {},
     activeSection: {}
   },
   emits: ["setActiveSection"],
-  setup(p) {
-    return (t, d) => (n(), o("div", b, [
+  setup(d) {
+    return (t, b) => (n(), o("div", p, [
       (n(!0), o(i, null, s(t.sections, (e) => (n(), o("button", {
         key: e,
         class: c(["hover:bg-b-3 w-full rounded px-1 py-1 text-center font-medium", [
-          t.activeSection === e ? "!bg-b-1 text-c-1 dark:bg-b-3 border hover:bg-b-1" : "border border-transparent"
+          t.activeSection === e ? "bg-b-1 text-c-1 dark:bg-b-3 border pointer-events-none" : "border border-transparent"
         ]]),
         isActive: t.activeSection === e,
         type: "button",

package/dist/components/DataTable/DataTableInput.vue.d.ts

@@ -42,8 +42,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     onInputFocus?: (() => any) | undefined;
     onInputBlur?: (() => any) | undefined;
 }, {
-    readOnly: boolean;
     required: boolean;
+    readOnly: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/components/DataTable/DataTableInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInput.vue"],"names":[],"mappings":"AAyNA,iBAAS,cAAc;qBA0MM,GAAG;qBACF,GAAG;kBACN,GAAG;EA4B7B;AACD,QAAA,MAAM,eAAe;SA5SZ,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;eAChB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;SATP,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;eAChB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;cAHD,OAAO;cAFP,OAAO;MA+SpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"DataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableInput.vue"],"names":[],"mappings":"AAkNA,iBAAS,cAAc;qBAgKM,GAAG;qBACF,GAAG;kBACN,GAAG;EAuB7B;AACD,QAAA,MAAM,eAAe;SA7PZ,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;eAChB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;SATP,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;eAChB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;cALD,OAAO;cAEP,OAAO;MA8PpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/DataTable/DataTableInput.vue.js

@@ -1,7 +1,7 @@
 import t from "./DataTableInput.vue2.js";
 /* empty css                    */
-import o from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-266b624d"]]);
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ a(t, [["__scopeId", "data-v-7949fbac"]]);
 export {
-  m as default
+  f as default
 };