@scalar/api-client 2.0.26 → 2.0.27

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @scalar/api-client
 
+## 2.0.27
+
+### Patch Changes
+
+- 19d8b6a: feat: animate sidebar icon
+- c112f24: fix: remove ScalarCodeBlock that freezes browser in response preview
+- 83fc241: fix: constantly adding empty header
+- 2e1ef12: fix: set content type on body change and add proper header
+- Updated dependencies [19d8b6a]
+- Updated dependencies [c112f24]
+  - @scalar/components@0.12.18
+  - @scalar/use-codemirror@0.11.8
+
 ## 2.0.26
 
 ### Patch Changes

package/dist/components/CodeInput/CodeInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAAA,OAuRO,EAGL,KAAK,kBAAkB,EAExB,MAAM,wBAAwB,CAAA;;kBAeb,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;kBACT,OAAO;;;;;;;;;;;;;;kBAlBP,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;kBACT,OAAO;;;;;;;;;;;;;;cAFV,OAAO;iBAEJ,OAAO;iBAlBP,OAAO;gBAGR,OAAO;sBAGD,OAAO;kBAMX,OAAO;0BACC,OAAO;mBAId,OAAO;;qBA2PG,GAAG;kBACN,GAAG;;AAhR9B,wBAmTC;AAMD,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":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAAA,OA0RO,EAGL,KAAK,kBAAkB,EAExB,MAAM,wBAAwB,CAAA;;kBAeb,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;kBACT,OAAO;;;;;;;;;;;;;;kBAlBP,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;kBACT,OAAO;;;;;;;;;;;;;;cAFV,OAAO;iBAEJ,OAAO;iBAlBP,OAAO;gBAGR,OAAO;sBAGD,OAAO;kBAMX,OAAO;0BACC,OAAO;mBAId,OAAO;;qBA2PG,GAAG;kBACN,GAAG;;AAhR9B,wBAmTC;AAMD,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/CodeInput/CodeInput.vue.js

@@ -2,7 +2,7 @@ import o from "./CodeInput.vue2.js";
 /* empty css               */
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ee1f4723"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5c9fc64f"]]);
 export {
-  f as default
+  c as default
 };

package/dist/components/CodeInput/codeVariableWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"codeVariableWidget.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/codeVariableWidget.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,UAAU,EACV,KAAK,aAAa,EAClB,UAAU,EAEV,UAAU,EACV,KAAK,UAAU,EAEhB,MAAM,wBAAwB,CAAA;AA+F/B,eAAO,MAAM,UAAU;iBAEN,aAAa;mBAMX,UAAU;2BAMF,UAAU;EA6BpC,CAAA;AAED,eAAO,MAAM,gBAAgB,uCAmB3B,CAAA"}
+{"version":3,"file":"codeVariableWidget.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/codeVariableWidget.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,UAAU,EACV,KAAK,aAAa,EAClB,UAAU,EAEV,UAAU,EACV,KAAK,UAAU,EAEhB,MAAM,wBAAwB,CAAA;AAqH/B,eAAO,MAAM,UAAU;iBAEN,aAAa;mBAMX,UAAU;2BAMF,UAAU;EA6BpC,CAAA;AAED,eAAO,MAAM,gBAAgB,uCAmB3B,CAAA"}

package/dist/components/CodeInput/codeVariableWidget.js

@@ -1,30 +1,32 @@
 var u = Object.defineProperty;
-var f = (t, a, e) => a in t ? u(t, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[a] = e;
-var c = (t, a, e) => f(t, typeof a != "symbol" ? a + "" : a, e);
+var f = (e, n, t) => n in e ? u(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
+var c = (e, n, t) => f(e, typeof n != "symbol" ? n + "" : n, t);
 import { useWorkspace as v } from "../../store/workspace.js";
-import { ScalarButton as h, ScalarIcon as b, ScalarTooltip as g } from "@scalar/components";
+import { ScalarButton as g, ScalarIcon as b, ScalarTooltip as h } from "@scalar/components";
 import { ViewPlugin as x, RangeSetBuilder as w, Decoration as N, EditorView as y, WidgetType as C } from "@scalar/use-codemirror";
-import { defineComponent as k, h as o, createApp as D } from "vue";
-const { activeParsedEnvironments: S, isReadOnly: E } = v();
+import { defineComponent as E, h as s, createApp as k } from "vue";
+const { activeParsedEnvironments: D, isReadOnly: S, environments: $ } = v(), A = (e) => "_scalarEnvId" in e ? `bg-${$[e._scalarEnvId].color}` : "bg-grey";
 class l extends C {
-  constructor(e) {
+  constructor(t) {
     super();
     c(this, "app");
-    this.variableName = e;
+    this.variableName = t;
   }
   toDOM() {
-    const e = document.createElement("span");
-    e.className = "cm-pill", e.textContent = `${this.variableName}`;
-    const n = k({
+    const t = document.createElement("span");
+    t.className = "cm-pill", t.textContent = `${this.variableName}`;
+    const a = E({
       props: ["variableName"],
       render() {
-        const s = S.value.find(
+        const o = D.value.find(
           (i) => i.key === this.variableName
-        ), r = s ? o("div", { class: "p-2" }, s.value) : o("div", { class: "divide-y divide-1/2 grid" }, [
-          o("span", { class: "p-2" }, "Variable not found"),
-          !E.value && o("div", { class: "p-1" }, [
-            o(
-              h,
+        );
+        o && (t.className += ` ${A(o)}`);
+        const r = o ? s("div", { class: "p-2" }, o.value) : s("div", { class: "divide-y divide-1/2 grid" }, [
+          s("span", { class: "p-2" }, "Variable not found"),
+          !S.value && s("div", { class: "p-1" }, [
+            s(
+              g,
               {
                 class: "gap-1.5 justify-start font-normal px-1 py-1.5 h-auto transition-colors rounded no-underline text-xxs w-full hover:bg-b-2",
                 variant: "ghost",
@@ -33,14 +35,14 @@ class l extends C {
                 }
               },
               [
-                o(b, { class: "w-2", icon: "Add", size: "xs" }),
+                s(b, { class: "w-2", icon: "Add", size: "xs" }),
                 "Add variable"
               ]
             )
           ])
         ]);
-        return o(
-          g,
+        return s(
+          h,
           {
             align: "start",
             class: "bg-b-1 w-full",
@@ -49,8 +51,8 @@ class l extends C {
             sideOffset: 6
           },
           {
-            trigger: () => o("span", `${this.variableName}`),
-            content: () => o(
+            trigger: () => s("span", `${this.variableName}`),
+            content: () => s(
               "div",
               {
                 class: "w-content shadow-lg rounded bg-b-1 text-xxs leading-5 text-c-1"
@@ -61,35 +63,35 @@ class l extends C {
         );
       }
     });
-    return this.app = D(n, { variableName: this.variableName }), this.app.mount(e), e;
+    return this.app = k(a, { variableName: this.variableName }), this.app.mount(t), t;
   }
   destroy() {
     this.app && this.app.unmount();
   }
-  eq(e) {
-    return e instanceof l && e.variableName === this.variableName;
+  eq(t) {
+    return t instanceof l && t.variableName === this.variableName;
   }
-  ignoreEvent(e) {
+  ignoreEvent(t) {
     return !1;
   }
 }
 const V = x.fromClass(
   class {
-    constructor(t) {
+    constructor(e) {
       c(this, "decorations");
-      this.decorations = this.buildDecorations(t);
+      this.decorations = this.buildDecorations(e);
     }
-    update(t) {
-      (t.docChanged || t.viewportChanged) && (this.decorations = this.buildDecorations(t.view));
+    update(e) {
+      (e.docChanged || e.viewportChanged) && (this.decorations = this.buildDecorations(e.view));
     }
-    buildDecorations(t) {
-      const a = new w();
-      for (const { from: e, to: n } of t.visibleRanges) {
-        const s = t.state.doc.sliceString(e, n), r = /{{(.*?)}}/g;
+    buildDecorations(e) {
+      const n = new w();
+      for (const { from: t, to: a } of e.visibleRanges) {
+        const o = e.state.doc.sliceString(t, a), r = /{{(.*?)}}/g;
         let i;
-        for (; (i = r.exec(s)) !== null; ) {
-          const d = e + i.index, p = d + i[0].length, m = i[1];
-          a.add(
+        for (; (i = r.exec(o)) !== null; ) {
+          const d = t + i.index, p = d + i[0].length, m = i[1];
+          n.add(
             d,
             p,
             N.widget({
@@ -99,21 +101,21 @@ const V = x.fromClass(
           );
         }
       }
-      return a.finish();
+      return n.finish();
     }
   },
   {
-    decorations: (t) => t.decorations
+    decorations: (e) => e.decorations
   }
 ), T = y.domEventHandlers({
-  keydown(t, a) {
-    if (t.key === "Backspace") {
-      const { state: e } = a, { from: n, to: s } = e.selection.main;
-      if (n === s && n > 0 && e.doc.sliceString(n - 2, n) === "}}")
-        return a.dispatch({
-          changes: { from: n - 2, to: s },
-          selection: { anchor: n - 2 }
-        }), t.preventDefault(), !0;
+  keydown(e, n) {
+    if (e.key === "Backspace") {
+      const { state: t } = n, { from: a, to: o } = t.selection.main;
+      if (a === o && a > 0 && t.doc.sliceString(a - 2, a) === "}}")
+        return n.dispatch({
+          changes: { from: a - 2, to: o },
+          selection: { anchor: a - 2 }
+        }), e.preventDefault(), !0;
     }
     return !1;
   }

package/dist/components/HttpMethod/HttpMethod.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HttpMethod.vue.d.ts","sourceRoot":"","sources":["../../../src/components/HttpMethod/HttpMethod.vue"],"names":[],"mappings":";eA0Ge,OAAO;YACV,MAAM;iBACD,OAAO;;;;;;;;eAFT,OAAO;YACV,MAAM;iBACD,OAAO;;;;;;;;cAFT,OAAO;gBAEL,OAAO;;AA8JxB,wBAOG;AAOH,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,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":"HttpMethod.vue.d.ts","sourceRoot":"","sources":["../../../src/components/HttpMethod/HttpMethod.vue"],"names":[],"mappings":";eAoGe,OAAO;YACV,MAAM;iBACD,OAAO;;;;;;;;eAFT,OAAO;YACV,MAAM;iBACD,OAAO;;;;;;;;cAFT,OAAO;gBAEL,OAAO;;AAkJxB,wBAOG;AAOH,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,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/HttpMethod/HttpMethod.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as S, computed as s, openBlock as i, createBlock as c, unref as a, withCtx as k, createElementVNode as r, normalizeClass as l, toDisplayString as p, createCommentVNode as q, createElementBlock as y } from "vue";
-import { ScalarListbox as x, ScalarIcon as C } from "@scalar/components";
+import { defineComponent as g, computed as s, openBlock as i, createBlock as m, unref as t, withCtx as y, createElementVNode as r, normalizeClass as l, toDisplayString as p, createCommentVNode as q, createElementBlock as k } from "vue";
+import { ScalarListbox as C, ScalarIcon as x } from "@scalar/components";
 import { getRequest as B, REQUEST_METHODS as V } from "@scalar/oas-utils/helpers";
-import { cva as D, cx as b } from "cva";
-const z = /* @__PURE__ */ S({
+import { cva as w, cx as f } from "cva";
+const z = /* @__PURE__ */ g({
   __name: "HttpMethod",
   props: {
     isSquare: { type: Boolean, default: !1 },
@@ -10,17 +10,17 @@ const z = /* @__PURE__ */ S({
     isEditable: { type: Boolean, default: !1 }
   },
   emits: ["change"],
-  setup(f, { emit: v }) {
-    const n = f, h = v, t = s(() => B(n.method)), u = Object.entries(V).map(
-      ([e, { short: o }]) => ({ id: e, label: o })
+  setup(b, { emit: v }) {
+    const n = b, h = v, o = s(() => B(n.method)), u = Object.entries(V).map(
+      ([e, { short: a }]) => ({ id: e, label: a })
     ), d = s({
       get: () => u.find(({ id: e }) => e === n.method),
       set: (e) => (e == null ? void 0 : e.id) && h("change", e.id)
-    }), m = D({
+    }), c = w({
       base: "text-center font-code text-3xs justify-center items-center flex",
       variants: {
         isSquare: {
-          true: "px-2.5 rounded-md bg-mix-transparent bg-mix-amount-90 dark:bg-mix-amount-80",
+          true: "px-2.5 rounded-md shadow-border",
           false: "rounded-full"
         },
         isEditable: {
@@ -28,32 +28,25 @@ const z = /* @__PURE__ */ S({
           false: "cusor-pointer"
         }
       }
-    }), E = s(() => t.value.short);
-    return (e, o) => e.isEditable ? (i(), c(a(x), {
+    }), E = s(() => o.value.short);
+    return (e, a) => e.isEditable ? (i(), m(t(C), {
       key: 0,
       modelValue: d.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (g) => d.value = g),
-      options: a(u)
+      "onUpdate:modelValue": a[0] || (a[0] = (S) => d.value = S),
+      options: t(u)
     }, {
-      default: k(() => [
+      default: y(() => [
         r("div", {
           class: l(["h-full", { "pointer-events-none": !e.isEditable }])
         }, [
           r("button", {
-            class: l([
-              "relative h-full gap-1",
-              a(b)(
-                a(m)({ isSquare: e.isSquare, isEditable: e.isEditable }),
-                t.value.color,
-                e.isSquare && t.value.backgroundColor
-              )
-            ]),
+            class: l(["relative h-full gap-1", t(f)(t(c)({ isSquare: e.isSquare, isEditable: e.isEditable }), o.value.color)]),
             type: "button"
           }, [
             r("span", null, p(E.value), 1),
-            e.isEditable ? (i(), c(a(C), {
+            e.isEditable ? (i(), m(t(x), {
               key: 0,
-              class: l(t.value.color),
+              class: l(o.value.color),
               icon: "ChevronDown",
               size: "xs"
             }, null, 8, ["class"])) : q("", !0)
@@ -61,18 +54,18 @@ const z = /* @__PURE__ */ S({
         ], 2)
       ]),
       _: 1
-    }, 8, ["modelValue", "options"])) : (i(), y("div", {
+    }, 8, ["modelValue", "options"])) : (i(), k("div", {
       key: 1,
       class: l([
         "relative gap-1",
-        a(b)(
-          a(m)({ isSquare: e.isSquare, isEditable: e.isEditable }),
-          t.value.color,
-          e.isSquare && t.value.backgroundColor
+        t(f)(
+          t(c)({ isSquare: e.isSquare, isEditable: e.isEditable }),
+          o.value.color,
+          e.isSquare && o.value.backgroundColor
         )
       ]),
       type: "button"
-    }, p(t.value.short), 3));
+    }, p(o.value.short), 3));
   }
 });
 export {

package/dist/components/Sidebar/SidebarToggle.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    modelValue: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (v: boolean) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    modelValue: boolean;
+}>>> & {
+    "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+//# sourceMappingURL=SidebarToggle.vue.d.ts.map

package/dist/components/Sidebar/SidebarToggle.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarToggle.vue"],"names":[],"mappings":";gBA+Cc,OAAO;;;;gBAAP,OAAO;;;;AAiErB,wBAOG;AAOH,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/Sidebar/SidebarToggle.vue.js

@@ -0,0 +1,48 @@
+import { defineComponent as s, openBlock as l, createElementBlock as n, createElementVNode as e, normalizeClass as r } from "vue";
+const a = {
+  class: "size-3.5",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+}, d = /* @__PURE__ */ e("defs", null, [
+  /* @__PURE__ */ e("clipPath", { id: "mask" }, [
+    /* @__PURE__ */ e("path", {
+      "clip-rule": "evenodd",
+      d: "M9 3.2H4c-1.7 0-3 1.3-3 3v11.5c0 1.7 1.3 3 3 3h5V3.2z"
+    })
+  ])
+], -1), i = { "clip-path": "url(#mask)" }, c = /* @__PURE__ */ e("path", {
+  d: "M20 20.8H4c-1.7 0-3-1.3-3-3V6.2c0-1.7 1.3-3 3-3h16c1.7 0 3 1.3 3 3v11.5c0 1.7-1.3 3-3 3zM9 3.2v17.5",
+  stroke: "currentColor",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": "2"
+}, null, -1), h = /* @__PURE__ */ s({
+  __name: "SidebarToggle",
+  props: {
+    modelValue: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(u) {
+    return (t, o) => (l(), n("button", {
+      class: "text-c-3 hover:bg-b-3 active:text-c-1 p-2 rounded",
+      type: "button",
+      onClick: o[0] || (o[0] = (p) => t.$emit("update:modelValue", !t.modelValue))
+    }, [
+      (l(), n("svg", a, [
+        d,
+        e("g", i, [
+          e("path", {
+            class: r(["transition-transform duration-300", t.modelValue ? "translate-x-0" : "-translate-x-1/2"]),
+            d: "M1 3.2h8v17.5H1z",
+            fill: "currentColor"
+          }, null, 2)
+        ]),
+        c
+      ]))
+    ]));
+  }
+});
+export {
+  h as default
+};

package/dist/components/Sidebar/SidebarToggle.vue2.js

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