@scalar/api-client 2.1.6 → 2.1.8

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @scalar/api-client
 
+## 2.1.8
+
+### Patch Changes
+
+- dc20180: feat(api-client): custom icons for collections
+- 70857ed: fix: favors button over context menu in workspace dropdown
+- Updated dependencies [f961940]
+- Updated dependencies [f961940]
+- Updated dependencies [dc20180]
+- Updated dependencies [dc20180]
+  - @scalar/types@0.0.11
+  - @scalar/themes@0.9.32
+  - @scalar/components@0.12.48
+  - @scalar/oas-utils@0.2.48
+  - @scalar/icons@0.1.0
+  - @scalar/use-codemirror@0.11.14
+
+## 2.1.7
+
+### Patch Changes
+
+- Updated dependencies [96c921c]
+  - @scalar/openapi-parser@0.8.4
+  - @scalar/oas-utils@0.2.47
+
 ## 2.1.6
 
 ### Patch Changes

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

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

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

@@ -1,39 +1,66 @@
-import { defineComponent as s, ref as u, openBlock as d, createBlock as p, withCtx as t, createTextVNode as f, createVNode as _ } from "vue";
-import { useToasts as v } from "@scalar/use-toasts";
-import C from "./CommandActionForm.vue.js";
-import b from "./CommandActionInput.vue.js";
-import { useWorkspace as N } from "../../store/store.js";
-const T = /* @__PURE__ */ s({
+import { defineComponent as f, ref as n, openBlock as v, createBlock as _, withCtx as o, createVNode as l, unref as i, createTextVNode as b } from "vue";
+import C from "../IconSelector.vue.js";
+import { ScalarButton as V } from "@scalar/components";
+import { LibraryIcon as x } from "@scalar/icons";
+import { useToasts as N } from "@scalar/use-toasts";
+import k from "./CommandActionForm.vue.js";
+import B from "./CommandActionInput.vue.js";
+import { useWorkspace as S } from "../../store/store.js";
+const y = /* @__PURE__ */ f({
   __name: "CommandPaletteCollection",
   emits: ["close"],
-  setup(V, { emit: l }) {
-    const a = l, { activeWorkspace: n, collectionMutators: r } = N(), e = u(""), { toast: i } = v(), m = () => {
+  setup($, { emit: c }) {
+    const m = c, { activeWorkspace: s, collectionMutators: u } = S(), e = n(""), t = n("interface-content-folder"), { toast: d } = N(), p = () => {
       if (!e.value) {
-        i("Please enter a name before creating a collection.", "error");
+        d("Please enter a name before creating a collection.", "error");
         return;
       }
-      r.add(
+      u.add(
         {
           openapi: "3.1.0",
           info: {
             title: e.value,
             version: "0.0.1"
-          }
+          },
+          "x-scalar-icon": t.value
         },
-        n.value.uid
-      ), a("close");
+        s.value.uid
+      ), m("close");
     };
-    return (k, o) => (d(), p(C, {
+    return (I, a) => (v(), _(k, {
       disabled: !e.value.trim(),
-      onSubmit: m
+      onSubmit: p
     }, {
-      submit: t(() => [
-        f("Create Collection")
+      options: o(() => [
+        l(C, {
+          modelValue: t.value,
+          "onUpdate:modelValue": a[1] || (a[1] = (r) => t.value = r),
+          placement: "bottom-start"
+        }, {
+          default: o(() => [
+            l(i(V), {
+              class: "aspect-square px-0 h-auto",
+              variant: "outlined"
+            }, {
+              default: o(() => [
+                l(i(x), {
+                  class: "size-4 text-c-2",
+                  src: t.value
+                }, null, 8, ["src"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
       ]),
-      default: t(() => [
-        _(b, {
+      submit: o(() => [
+        b("Create Collection")
+      ]),
+      default: o(() => [
+        l(B, {
           modelValue: e.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (c) => e.value = c),
+          "onUpdate:modelValue": a[0] || (a[0] = (r) => e.value = r),
           label: "Collection Name",
           placeholder: "Collection Name"
         }, null, 8, ["modelValue"])
@@ -43,5 +70,5 @@ const T = /* @__PURE__ */ s({
   }
 });
 export {
-  T as default
+  y as default
 };

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

@@ -49,8 +49,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     onSelectVariable?: ((value: string) => any) | undefined;
 }, {
     required: boolean;
-    readOnly: boolean;
     canAddCustomEnumValue: 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":"AAwNA,iBAAS,cAAc;qBAkKM,GAAG;qBACF,GAAG;kBACN,GAAG;EAuB7B;AACD,QAAA,MAAM,eAAe;SAlQZ,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;IAC3B,0EAA0E;4BAClD,OAAO;eACpB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;;SAXP,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;IAC3B,0EAA0E;4BAClD,OAAO;eACpB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;;cAPD,OAAO;cAIP,OAAO;2BADM,OAAO;MAkQjC,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":"AAwNA,iBAAS,cAAc;qBAkKM,GAAG;qBACF,GAAG;kBACN,GAAG;EAuB7B;AACD,QAAA,MAAM,eAAe;SAlQZ,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;IAC3B,0EAA0E;4BAClD,OAAO;eACpB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;;SAXP,MAAM;WACJ,MAAM;IACb,sEAAsE;qBACrD,MAAM;eACZ,OAAO;gBACN,MAAM,GAAG,MAAM;IAC3B,0EAA0E;4BAClD,OAAO;eACpB,OAAO;WACX,MAAM,EAAE;UACT,MAAM;UACN,MAAM;;;;;;;;;;;cAPD,OAAO;2BAGM,OAAO;cACpB,OAAO;MAiQpB,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/HttpMethod/HttpMethod.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     isDisable: boolean;
     isEditable: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (value: "head" | "get" | "delete" | "connect" | "options" | "patch" | "post" | "put" | "trace") => void;
+    change: (value: "head" | "get" | "delete" | "options" | "connect" | "patch" | "post" | "put" | "trace") => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     isSquare?: boolean;
     method: string;
@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     isDisable: boolean;
     isEditable: boolean;
 }>>> & {
-    onChange?: ((value: "head" | "get" | "delete" | "connect" | "options" | "patch" | "post" | "put" | "trace") => any) | undefined;
+    onChange?: ((value: "head" | "get" | "delete" | "options" | "connect" | "patch" | "post" | "put" | "trace") => any) | undefined;
 }, {
     isSquare: boolean;
     isEditable: boolean;

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

@@ -0,0 +1,35 @@
+type Side = 'top' | 'bottom';
+type Alignment = 'start' | 'end';
+type AlignedPlacement = `${Side}-${Alignment}`;
+declare function __VLS_template(): {
+    default?(_: {}): any;
+    title?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    modelValue: string;
+    placement?: AlignedPlacement;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (icon: string) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    modelValue: string;
+    placement?: AlignedPlacement;
+}>>> & {
+    "onUpdate:modelValue"?: ((icon: string) => any) | undefined;
+}, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+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=IconSelector.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconSelector.vue.d.ts","sourceRoot":"","sources":["../../src/components/IconSelector.vue"],"names":[],"mappings":"AA4EA,KAAK,IAAI,GAAG,KAAK,GAAG,QAAQ,CAAA;AAC5B,KAAK,SAAS,GAAG,OAAO,GAAG,KAAK,CAAA;AAChC,KAAK,gBAAgB,GAAG,GAAG,IAAI,IAAI,SAAS,EAAE,CAAA;AAa9C,iBAAS,cAAc;qBAmKM,GAAG;mBACJ,GAAG;EAsB9B;AACD,QAAA,MAAM,eAAe;gBAnNP,MAAM;gBACN,gBAAgB;;;;gBADhB,MAAM;gBACN,gBAAgB;;;UAyN5B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,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/IconSelector.vue.js

@@ -0,0 +1,73 @@
+import { defineComponent as g, computed as V, openBlock as a, createBlock as n, unref as e, withCtx as o, createVNode as r, createElementVNode as u, renderSlot as d, createTextVNode as p, createElementBlock as _, Fragment as y, renderList as k, toDisplayString as w } from "vue";
+import { RadioGroup as h, RadioGroupLabel as m, RadioGroupOption as S } from "@headlessui/vue";
+import { ScalarPopover as C } from "@scalar/components";
+import { libraryIcons as I, LibraryIcon as B } from "@scalar/icons";
+const G = { class: "flex text-sm" }, L = { class: "grid grid-cols-[repeat(auto-fill,minmax(32px,1fr))] auto-rows-[32px] justify-between content-between rounded bg-b-1 border p-1 max-w-[420px] w-dvw custom-scroll" }, $ = /* @__PURE__ */ g({
+  __name: "IconSelector",
+  props: {
+    modelValue: {},
+    placement: {}
+  },
+  emits: ["update:modelValue"],
+  setup(i, { emit: f }) {
+    const b = i, x = f, s = V({
+      get: () => b.modelValue,
+      set: (l) => x("update:modelValue", l)
+    });
+    return (l, c) => (a(), n(e(C), {
+      class: "bg-b-2 rounded",
+      placement: l.placement ?? "bottom"
+    }, {
+      popover: o(({ close: v }) => [
+        r(e(h), {
+          modelValue: s.value,
+          "onUpdate:modelValue": c[0] || (c[0] = (t) => s.value = t),
+          class: "flex flex-col"
+        }, {
+          default: o(() => [
+            u("div", G, [
+              r(e(m), { class: "text-c-2 py-1 px-1" }, {
+                default: o(() => [
+                  d(l.$slots, "title", {}, () => [
+                    p("Select an icon...")
+                  ])
+                ]),
+                _: 3
+              })
+            ]),
+            u("ul", L, [
+              (a(!0), _(y, null, k(e(I), (t) => (a(), n(e(S), {
+                key: t.src,
+                as: "li",
+                class: "p-2.25 rounded flex items-center justify-center text-c-3 cursor-pointer hover:text-c-2 hover:bg-b-2 ui-checked:bg-b-3 ui-active:bg-b-2",
+                value: t.src,
+                onClick: v
+              }, {
+                default: o(() => [
+                  r(e(m), { class: "sr-only" }, {
+                    default: o(() => [
+                      p(w(t.src.replaceAll("-", " ")) + " Icon ", 1)
+                    ]),
+                    _: 2
+                  }, 1024),
+                  r(e(B), {
+                    src: t.src
+                  }, null, 8, ["src"])
+                ]),
+                _: 2
+              }, 1032, ["value", "onClick"]))), 128))
+            ])
+          ]),
+          _: 2
+        }, 1032, ["modelValue"])
+      ]),
+      default: o(() => [
+        d(l.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["placement"]));
+  }
+});
+export {
+  $ as default
+};

package/dist/components/IconSelector.vue2.js

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

package/dist/components/Sidebar/Actions/EditSidebarListCollection.vue.d.ts

@@ -0,0 +1,24 @@
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    name: string;
+    icon: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => void;
+    edit: (newName: string, newIcon: string) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    name: string;
+    icon: string;
+}>>> & {
+    onClose?: (() => any) | undefined;
+    onEdit?: ((newName: string, newIcon: string) => 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=EditSidebarListCollection.vue.d.ts.map

package/dist/components/Sidebar/Actions/EditSidebarListCollection.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditSidebarListCollection.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/Actions/EditSidebarListCollection.vue"],"names":[],"mappings":";UAwDQ,MAAM;UACN,MAAM;;;;;UADN,MAAM;UACN,MAAM;;;;;AA+Jd,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/Actions/EditSidebarListCollection.vue.js

@@ -0,0 +1,58 @@
+import { defineComponent as p, ref as m, openBlock as f, createBlock as v, withCtx as n, createElementVNode as u, createVNode as l, unref as s } from "vue";
+import x from "../../IconSelector.vue.js";
+import V from "./SidebarListElementForm.vue.js";
+import { ScalarButton as _, ScalarTextField as b } from "@scalar/components";
+import { LibraryIcon as S } from "@scalar/icons";
+const C = { class: "grid gap-2 grid-cols-[auto,1fr]" }, g = { class: "flex aspect-square" }, k = /* @__PURE__ */ p({
+  __name: "EditSidebarListCollection",
+  props: {
+    name: {},
+    icon: {}
+  },
+  emits: ["close", "edit"],
+  setup(d, { emit: c }) {
+    const r = d, i = c, a = m(r.name), o = m(r.icon);
+    return (w, e) => (f(), v(V, {
+      onCancel: e[2] || (e[2] = (t) => i("close")),
+      onSubmit: e[3] || (e[3] = (t) => i("edit", a.value, o.value))
+    }, {
+      default: n(() => [
+        u("div", C, [
+          u("div", g, [
+            l(x, {
+              modelValue: o.value,
+              "onUpdate:modelValue": e[0] || (e[0] = (t) => o.value = t),
+              placement: "bottom-start"
+            }, {
+              default: n(() => [
+                l(s(_), {
+                  class: "aspect-square px-0 h-auto",
+                  variant: "outlined"
+                }, {
+                  default: n(() => [
+                    l(s(S), {
+                      class: "size-4 text-c-2",
+                      src: o.value
+                    }, null, 8, ["src"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          l(s(b), {
+            modelValue: a.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (t) => a.value = t),
+            autofocus: "",
+            class: "flex-1"
+          }, null, 8, ["modelValue"])
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  k as default
+};

package/dist/components/Sidebar/Actions/EditSidebarListCollection.vue2.js

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

package/dist/components/Sidebar/Actions/{RenameSidebarListElement.vue.d.ts → EditSidebarListElement.vue.d.ts}

@@ -2,12 +2,12 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     name: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
-    rename: (newName: string) => void;
+    edit: (newName: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     name: string;
 }>>> & {
     onClose?: (() => any) | undefined;
-    onRename?: ((newName: string) => any) | undefined;
+    onEdit?: ((newName: string) => any) | undefined;
 }, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -19,4 +19,4 @@ type __VLS_TypePropsToOption<T> = {
         required: true;
     };
 };
-//# sourceMappingURL=RenameSidebarListElement.vue.d.ts.map
+//# sourceMappingURL=EditSidebarListElement.vue.d.ts.map

package/dist/components/Sidebar/Actions/EditSidebarListElement.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditSidebarListElement.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/Actions/EditSidebarListElement.vue"],"names":[],"mappings":";UAkCQ,MAAM;;;;;UAAN,MAAM;;;;;AAyGd,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/Actions/{RenameSidebarListElement.vue.js → EditSidebarListElement.vue.js}

@@ -1,20 +1,20 @@
-import { defineComponent as a, ref as u, openBlock as i, createBlock as s, withCtx as p, createVNode as d, unref as f } from "vue";
+import { defineComponent as a, ref as i, openBlock as u, createBlock as s, withCtx as d, createVNode as p, unref as f } from "vue";
 import c from "./SidebarListElementForm.vue.js";
 import { ScalarTextField as v } from "@scalar/components";
 const C = /* @__PURE__ */ a({
-  __name: "RenameSidebarListElement",
+  __name: "EditSidebarListElement",
   props: {
     name: {}
   },
-  emits: ["close", "rename"],
-  setup(m, { emit: r }) {
-    const l = m, n = r, t = u(l.name);
-    return (x, e) => (i(), s(c, {
+  emits: ["close", "edit"],
+  setup(l, { emit: m }) {
+    const r = l, n = m, t = i(r.name);
+    return (x, e) => (u(), s(c, {
       onCancel: e[1] || (e[1] = (o) => n("close")),
-      onSubmit: e[2] || (e[2] = (o) => n("rename", t.value))
+      onSubmit: e[2] || (e[2] = (o) => n("edit", t.value))
     }, {
-      default: p(() => [
-        d(f(v), {
+      default: d(() => [
+        p(f(v), {
           modelValue: t.value,
           "onUpdate:modelValue": e[0] || (e[0] = (o) => t.value = o),
           autofocus: ""

package/dist/components/Sidebar/Actions/EditSidebarListElement.vue2.js

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