@scalar/components 0.14.7 → 0.14.9

package/README.md

@@ -50,35 +50,29 @@ Then, you can use the components in your Vue components. For example:
 <script
   setup
   lang="ts">
-  import { ScalarIcon } from '@scalar/components'
+  import { ScalarButton } from '@scalar/components'
 </script>
 <template>
-  <ScalarIcon
-    icon="Logo"
-    size="lg" />
+  <ScalarButton />
 </template>
 ```
 
 ## Customizing Components
 
-Most components can be customized using props. For example, the `ScalarIcon` component can be customized with the `size` prop to change the size of the icon.
+Most components can be customized using props. For example, the `ScalarButton` component can be customized with the `variant` prop to change the variant of the button.
 
 ```html
-<ScalarIcon
-  icon="Logo"
-  size="lg" />
+<ScalarButton variant="ghost" />
 ```
 
 However, sometimes you need to override the default styles. Most components (soon to be all) use the `useBindCx` function to apply the Tailwind classes to the component. The function intelligently merges the component's classes with the provided classes allowing you to override preset classes.
 
 ```html
-<!-- An icon you need to be really big -->
-<ScalarIcon
-  icon="Logo"
-  class="size-24" />
+<!-- A button you need to be really big -->
+<ScalarButton class="h-24 w-48" />
 ```
 
-This will apply the `size-24` class to the icon and remove the `size-full` class that would normally be applied by default. For more information see the [useBindCx](https://github.com/scalar/scalar/blob/main/packages/use-hooks/src/useBindCx/useBindCx.ts) function.
+This will apply the `h-24 w-48` classes to the button and remove the sizing classes that would normally be applied by default. For more information see the [useBindCx](https://github.com/scalar/scalar/blob/main/packages/use-hooks/src/useBindCx/useBindCx.ts) function.
 
 ## Floating Components
 

package/dist/components/ScalarButton/ScalarButton.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/ScalarButton.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAMrD;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsB2B,CAAA;AAErC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA;AAE7B,eAAO,MAAM,SAAS,EAAE,KAAqC,CAAA;AAE7D,eAAO,MAAM,KAAK,EAAE,KAAsC,CAAA;AAE1D,eAAO,MAAM,MAAM,EAAE,KAUpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAoC,CAAA;AAE3D,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAA"}
+{"version":3,"file":"ScalarButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/ScalarButton.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD;;;GAGG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsB2B,CAAA;AAErC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA;AAE7B,eAAO,MAAM,SAAS,EAAE,KAAqC,CAAA;AAE7D,eAAO,MAAM,KAAK,EAAE,KAAsC,CAAA;AAE1D,eAAO,MAAM,MAAM,EAAE,KAUpB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAoC,CAAA;AAE3D,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAS9B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCheckbox/ScalarCheckbox.vue"],"names":[],"mappings":"AA8EA,KAAK,WAAW,GAAG;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAmCJ,iBAAS,cAAc;WA4ET,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;UApIV,IAAI,GAAG,IAAI,GAAG,IAAI;QACpB,MAAM;wFA4Ib,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCheckbox/ScalarCheckbox.vue"],"names":[],"mappings":"AA0EA,KAAK,WAAW,GAAG;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAmCJ,iBAAS,cAAc;WA6ET,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;UArIV,IAAI,GAAG,IAAI,GAAG,IAAI;QACpB,MAAM;wFA6Ib,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarCodeBlock.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCodeBlock/ScalarCodeBlock.vue"],"names":[],"mappings":"AAkJA;;GAEG;AACH,KAAK,WAAW,GAAG;IACf,OAAO,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACnC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAC;;UAJO,MAAM;iBACC,OAAO;UAEd,OAAO;;AA2HlB,wBAQG"}
+{"version":3,"file":"ScalarCodeBlock.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCodeBlock/ScalarCodeBlock.vue"],"names":[],"mappings":"AAkJA;;GAEG;AACH,KAAK,WAAW,GAAG;IACf,OAAO,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACnC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAC;;UAJO,MAAM;iBACC,OAAO;UAEd,OAAO;;AA4HlB,wBAQG"}

package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue.js

@@ -1,15 +1,15 @@
-import { defineComponent as f, computed as s, createElementBlock as o, openBlock as n, createCommentVNode as a, createElementVNode as c, unref as l, createVNode as y } from "vue";
-import { syntaxHighlight as b, standardLanguages as C } from "@scalar/code-highlight";
+import { defineComponent as y, computed as r, createElementBlock as o, openBlock as n, createCommentVNode as a, createElementVNode as c, unref as l, createVNode as f } from "vue";
+import { syntaxHighlight as C, standardLanguages as b } from "@scalar/code-highlight";
+import { ScalarIconCopy as g } from "@scalar/icons";
 import { prettyPrintJson as i } from "@scalar/oas-utils/helpers";
-import { useClipboard as g } from "@scalar/use-hooks/useClipboard";
-import h from "../ScalarIcon/ScalarIcon.vue.js";
+import { useClipboard as h } from "@scalar/use-hooks/useClipboard";
 const k = {
   class: "scalar-code-block custom-scroll min-h-12 focus-visible:outline",
   tabindex: "0"
 }, N = {
   key: 0,
   class: "scalar-code-copy"
-}, _ = ["innerHTML"], T = /* @__PURE__ */ f({
+}, _ = ["innerHTML"], T = /* @__PURE__ */ y({
   __name: "ScalarCodeBlock",
   props: {
     content: {},
@@ -19,14 +19,14 @@ const k = {
     copy: { type: Boolean, default: !0 }
   },
   setup(d) {
-    const e = d, u = s(() => b(i(e.content), {
+    const e = d, u = r(() => C(i(e.content), {
       lang: e.lang.trim(),
-      languages: C,
+      languages: b,
       lineNumbers: e.lineNumbers,
       maskCredentials: e.hideCredentials
-    }).slice(5, -6)), { copyToClipboard: p } = g(), m = s(() => e.content !== null && e.content !== "null" && e.content !== "404 Not Found");
-    return (r, t) => (n(), o("div", k, [
-      r.copy ? (n(), o("div", N, [
+    }).slice(5, -6)), { copyToClipboard: p } = h(), m = r(() => e.content !== null && e.content !== "null" && e.content !== "404 Not Found");
+    return (s, t) => (n(), o("div", k, [
+      s.copy ? (n(), o("div", N, [
         m.value ? (n(), o("button", {
           key: 0,
           class: "copy-button",
@@ -34,10 +34,7 @@ const k = {
           onClick: t[0] || (t[0] = (v) => l(p)(l(i)(e.content)))
         }, [
           t[1] || (t[1] = c("span", { class: "sr-only" }, "Copy content", -1)),
-          y(l(h), {
-            icon: "Clipboard",
-            size: "md"
-          })
+          f(l(g), { class: "size-4" })
         ])) : a("", !0)
       ])) : a("", !0),
       c("pre", {

package/dist/components/ScalarCombobox/ScalarComboboxOption.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarComboboxOption.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOption.vue"],"names":[],"mappings":"AA8DA,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,kBAAkB,CAAA;AAIzB,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,wBAAwB,CAAA;IAChC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;AA+BF,iBAAS,cAAc;WA2ET,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;4FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarComboboxOption.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOption.vue"],"names":[],"mappings":"AA6DA,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,kBAAkB,CAAA;AAIzB,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,wBAAwB,CAAA;IAChC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;AA+BF,iBAAS,cAAc;WA4ET,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;4FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarCombobox/ScalarComboboxOption.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as s, createElementBlock as r, openBlock as l, normalizeClass as n, unref as t, createVNode as i, createElementVNode as c, createBlock as p, createCommentVNode as m, normalizeStyle as d, renderSlot as u, withModifiers as f } from "vue";
-import { cva as b, cx as y } from "@scalar/use-hooks/useBindCx";
-import v from "../ScalarListbox/ScalarListboxCheckbox.vue.js";
-import k from "../ScalarIcon/ScalarIcon.vue.js";
-const g = ["aria-selected"], B = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, $ = /* @__PURE__ */ s({
+import { defineComponent as r, createElementBlock as s, openBlock as l, normalizeClass as n, unref as t, createVNode as i, createElementVNode as c, createBlock as p, createCommentVNode as m, normalizeStyle as d, renderSlot as u, withModifiers as f } from "vue";
+import { ScalarIconTrash as b } from "@scalar/icons";
+import { cva as y, cx as v } from "@scalar/use-hooks/useBindCx";
+import g from "../ScalarListbox/ScalarListboxCheckbox.vue.js";
+const k = ["aria-selected"], B = { class: "inline-block min-w-0 flex-1 truncate text-c-1" }, w = /* @__PURE__ */ r({
   __name: "ScalarComboboxOption",
   props: {
     active: { type: Boolean },
@@ -12,7 +12,7 @@ const g = ["aria-selected"], B = { class: "inline-block min-w-0 flex-1 truncate
   },
   emits: ["delete"],
   setup(h) {
-    const a = b({
+    const a = y({
       base: [
         // Group
         "group/item",
@@ -28,31 +28,28 @@ const g = ["aria-selected"], B = { class: "inline-block min-w-0 flex-1 truncate
         active: { true: "bg-b-2" }
       }
     });
-    return (e, o) => (l(), r("li", {
+    return (e, o) => (l(), s("li", {
       "aria-selected": e.selected,
-      class: n(t(y)(t(a)({ active: e.active, selected: e.selected }))),
+      class: n(t(v)(t(a)({ active: e.active, selected: e.selected }))),
       role: "option",
       tabindex: "-1"
     }, [
-      i(t(v), {
+      i(t(g), {
         selected: e.selected,
         style: d(e.style)
       }, null, 8, ["selected", "style"]),
       c("span", B, [
         u(e.$slots, "default")
       ]),
-      e.isDeletable ? (l(), p(t(k), {
+      e.isDeletable ? (l(), p(t(b), {
         key: 0,
         "aria-label": "Delete",
-        class: "text-c-2 opacity-0 group-hover/item:opacity-100",
-        icon: "Delete",
-        size: "md",
-        thickness: "1.5",
+        class: "text-c-2 opacity-0 group-hover/item:opacity-100 size-4",
         onClick: o[0] || (o[0] = f((x) => e.$emit("delete"), ["stop"]))
       })) : m("", !0)
-    ], 10, g));
+    ], 10, k));
   }
 });
 export {
-  $ as default
+  w as default
 };

package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarComboboxOptions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOptions.vue"],"names":[],"mappings":"AAyMA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,MAAM,EACX,KAAK,WAAW,EAEjB,MAAM,SAAS,CAAA;AAIhB,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;AAwHF,iBAAS,cAAc;WAsKT,OAAO,IAA6B;;;;EAKjD;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;kFAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarComboboxOptions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxOptions.vue"],"names":[],"mappings":"AAuMA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,MAAM,EACX,KAAK,WAAW,EAEjB,MAAM,SAAS,CAAA;AAIhB,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;AAwHF,iBAAS,cAAc;WAuKT,OAAO,IAA6B;;;;EAKjD;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;kFAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as O, useId as q, computed as b, ref as D, onMounted as F, watch as G, createElementBlock as y, openBlock as c, Fragment as $, createElementVNode as w, withDirectives as C, createVNode as U, unref as j, withKeys as x, withModifiers as h, vModelText as H, renderSlot as S, renderList as B, createBlock as M, withCtx as V, createCommentVNode as J, normalizeStyle as P, createTextVNode as E, toDisplayString as N, vShow as Q } from "vue";
-import R from "./ScalarComboboxOption.vue.js";
-import W from "./ScalarComboboxOptionGroup.vue.js";
+import { defineComponent as K, useId as O, computed as b, ref as D, onMounted as q, watch as F, createElementBlock as y, openBlock as v, Fragment as $, createElementVNode as h, withDirectives as C, createVNode as U, unref as j, withKeys as w, withModifiers as g, vModelText as H, renderSlot as M, renderList as B, createBlock as S, withCtx as x, createCommentVNode as J, normalizeStyle as P, createTextVNode as E, toDisplayString as N, vShow as Q } from "vue";
+import { ScalarIconMagnifyingGlass as R } from "@scalar/icons";
+import W from "./ScalarComboboxOption.vue.js";
+import X from "./ScalarComboboxOptionGroup.vue.js";
 import { isGroups as L } from "./types.js";
-import X from "../ScalarIcon/ScalarIcon.vue.js";
-const Y = { class: "relative flex" }, Z = ["aria-activedescendant", "placeholder"], _ = ["aria-multiselectable"], ne = /* @__PURE__ */ O({
+const Y = { class: "relative flex" }, Z = ["aria-activedescendant", "placeholder"], _ = ["aria-multiselectable"], ne = /* @__PURE__ */ K({
   inheritAttrs: !1,
   __name: "ScalarComboboxOptions",
   props: {
@@ -16,39 +16,39 @@ const Y = { class: "relative flex" }, Z = ["aria-activedescendant", "placeholder
   emits: ["update:modelValue", "delete"],
   setup(T, { emit: z }) {
     var I;
-    const a = T, A = z, m = `scalar-combobox-items-${q()}`;
+    const a = T, A = z, m = `scalar-combobox-items-${O()}`;
     function p(e) {
       return `${m}-${e.id}`;
     }
     const f = b(
       () => L(a.options) ? a.options.flatMap((e) => e.options) : a.options
-    ), K = b(
+    ), G = b(
       () => L(a.options) ? a.options : [{ label: "", options: a.options }]
     ), r = D(""), o = D(
       ((I = a.modelValue) == null ? void 0 : I[0]) ?? f.value[0]
     );
-    F(async () => {
+    q(async () => {
       var e;
       r.value = "", o.value = ((e = a.modelValue) == null ? void 0 : e[0]) ?? f.value[0], s.value.length !== 0 && setTimeout(() => {
         var t;
         (t = document == null ? void 0 : document.getElementById(p(s.value[0]))) == null || t.scrollIntoView({ block: "nearest" });
       }, 10);
-    }), G(
+    }), F(
       () => r.value,
-      () => o.value = v.value[0]
+      () => o.value = c.value[0]
     );
-    const v = b(
+    const c = b(
       () => r.value === "" ? f.value : f.value.filter((e) => e.label.toLowerCase().includes(r.value.toLowerCase()))
     ), s = b({
       get: () => a.modelValue ?? [],
       set: (e) => e && A("update:modelValue", e)
     });
-    function g(e) {
+    function V(e) {
       a.multiselect ? s.value.some((t) => t.id === e.id) ? s.value = s.value.filter((t) => t.id !== e.id) : s.value = [...s.value, e] : s.value = [e];
     }
     function k(e) {
       var l;
-      const t = v.value, d = t.findIndex((u) => {
+      const t = c.value, d = t.findIndex((u) => {
         var i;
         return u.id === ((i = o.value) == null ? void 0 : i.id);
       }) + e;
@@ -57,14 +57,10 @@ const Y = { class: "relative flex" }, Z = ["aria-activedescendant", "placeholder
         block: "nearest"
       }));
     }
-    return (e, t) => (c(), y($, null, [
-      w("div", Y, [
-        U(j(X), {
-          class: "pointer-events-none absolute left-2.5 top-1/2 -translate-y-1/2 text-c-3",
-          icon: "Search",
-          size: "md"
-        }),
-        C(w("input", {
+    return (e, t) => (v(), y($, null, [
+      h("div", Y, [
+        U(j(R), { class: "pointer-events-none absolute left-2.5 top-1/2 -translate-y-1/2 text-c-3 size-4" }),
+        C(h("input", {
           "onUpdate:modelValue": t[0] || (t[0] = (n) => r.value = n),
           "aria-activedescendant": o.value ? p(o.value) : void 0,
           "aria-autocomplete": "list",
@@ -76,54 +72,54 @@ const Y = { class: "relative flex" }, Z = ["aria-activedescendant", "placeholder
           tabindex: "0",
           type: "text",
           onKeydown: [
-            t[1] || (t[1] = x(h((n) => k(1), ["prevent"]), ["down"])),
-            t[2] || (t[2] = x(h((n) => o.value && g(o.value), ["prevent"]), ["enter"])),
-            t[3] || (t[3] = x(h((n) => k(-1), ["prevent"]), ["up"]))
+            t[1] || (t[1] = w(g((n) => k(1), ["prevent"]), ["down"])),
+            t[2] || (t[2] = w(g((n) => o.value && V(o.value), ["prevent"]), ["enter"])),
+            t[3] || (t[3] = w(g((n) => k(-1), ["prevent"]), ["up"]))
           ]
         }, null, 40, Z), [
           [H, r.value]
         ])
       ]),
-      C(w("ul", {
+      C(h("ul", {
         id: m,
         "aria-multiselectable": e.multiselect,
         class: "border-t p-0.75 custom-scroll overscroll-contain flex-1 min-h-0",
         role: "listbox",
         tabindex: "-1"
       }, [
-        S(e.$slots, "before"),
-        (c(!0), y($, null, B(K.value, (n, d) => (c(), M(W, {
+        M(e.$slots, "before"),
+        (v(!0), y($, null, B(G.value, (n, d) => (v(), S(X, {
           id: `${m}-group-${d}`,
           key: d,
           hidden: (
             // Only show the group label if there are some results
-            !n.options.some((l) => v.value.some((u) => u.id === l.id)) || // And it has a label
+            !n.options.some((l) => c.value.some((u) => u.id === l.id)) || // And it has a label
             !n.label
           )
         }, {
-          label: V(() => [
+          label: x(() => [
             E(N(n.label), 1)
           ]),
-          default: V(() => [
-            (c(!0), y($, null, B(v.value, (l) => {
+          default: x(() => [
+            (v(!0), y($, null, B(c.value, (l) => {
               var u;
-              return c(), y($, {
+              return v(), y($, {
                 key: l.id
               }, [
-                n.options.some((i) => i.id === l.id) ? (c(), M(R, {
+                n.options.some((i) => i.id === l.id) ? (v(), S(W, {
                   key: 0,
                   id: p(l),
                   active: ((u = o.value) == null ? void 0 : u.id) === l.id,
                   isDeletable: l.isDeletable ?? e.isDeletable,
                   selected: s.value.some((i) => i.id === l.id),
                   style: P(e.multiselect ? "checkbox" : "radio"),
-                  onClick: (i) => g(l),
+                  onClick: (i) => V(l),
                   onDelete: (i) => e.$emit("delete", l),
-                  onMousedown: t[4] || (t[4] = h(() => {
+                  onMousedown: t[4] || (t[4] = g(() => {
                   }, ["prevent"])),
                   onMouseenter: (i) => o.value = l
                 }, {
-                  default: V(() => [
+                  default: x(() => [
                     E(N(l.label), 1)
                   ]),
                   _: 2
@@ -133,9 +129,9 @@ const Y = { class: "relative flex" }, Z = ["aria-activedescendant", "placeholder
           ]),
           _: 2
         }, 1032, ["id", "hidden"]))), 128)),
-        S(e.$slots, "after")
+        M(e.$slots, "after")
       ], 8, _), [
-        [Q, v.value.length || e.$slots.before || e.$slots.after]
+        [Q, c.value.length || e.$slots.before || e.$slots.after]
       ])
     ], 64));
   }

package/dist/components/ScalarFileUpload/ScalarFileUploadDropTarget.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadDropTarget.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadDropTarget.vue"],"names":[],"mappings":"AA4CA;;;;;;;;GAQG;;qBA4D0B,GAAG;;AA3DhC,wBA0FC;AAKD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarFileUploadDropTarget.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadDropTarget.vue"],"names":[],"mappings":"AAwCA;;;;;;;;GAQG;;qBA4D0B,GAAG;;AA3DhC,wBA0FC;AAKD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarFileUpload/ScalarFileUploadDropTarget.vue.js

@@ -1,24 +1,21 @@
-import { defineComponent as s, createElementBlock as a, openBlock as l, normalizeProps as i, guardReactiveProps as c, unref as t, createElementVNode as o, createVNode as d, renderSlot as p, createTextVNode as u } from "vue";
+import { defineComponent as n, createElementBlock as l, openBlock as a, normalizeProps as i, guardReactiveProps as c, unref as t, createElementVNode as o, createVNode as d, renderSlot as p, createTextVNode as u } from "vue";
+import { ScalarIconUploadSimple as m } from "@scalar/icons";
 import { useBindCx as f } from "@scalar/use-hooks/useBindCx";
-import m from "../ScalarIcon/ScalarIcon.vue.js";
-const _ = { class: "pointer-events-none flex size-full items-center justify-center gap-1 rounded-md p-1 text-c-2" }, x = { class: "font-medium" }, z = {}, B = /* @__PURE__ */ s({
+const _ = { class: "pointer-events-none flex size-full items-center justify-center gap-1 rounded-md p-1 text-c-2" }, x = { class: "font-medium" }, z = {}, k = /* @__PURE__ */ n({
   ...z,
   inheritAttrs: !1,
   __name: "ScalarFileUploadDropTarget",
   setup(v) {
     const { cx: r } = f();
-    return (n, e) => (l(), a("div", i(c(
+    return (s, e) => (a(), l("div", i(c(
       t(r)(
         " size-full flex items-center justify-center absolute inset-0 z-1 rounded p-1 backdrop-blur"
       )
     )), [
       o("div", _, [
-        d(t(m), {
-          class: "size-4",
-          icon: "Upload"
-        }),
+        d(t(m), { class: "size-4" }),
         o("span", x, [
-          p(n.$slots, "default", {}, () => [
+          p(s.$slots, "default", {}, () => [
             e[0] || (e[0] = u("Drop to upload"))
           ])
         ])
@@ -27,5 +24,5 @@ const _ = { class: "pointer-events-none flex size-full items-center justify-cent
   }
 });
 export {
-  B as default
+  k as default
 };

package/dist/components/ScalarFileUpload/ScalarFileUploadError.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadError.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadError.vue"],"names":[],"mappings":"AAqCA;;;;;;;;;GASG;;qBA2C0B,GAAG;;AA1ChC,wBAyEC;AAKD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarFileUploadError.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadError.vue"],"names":[],"mappings":"AAiCA;;;;;;;;;GASG;;qBA4C0B,GAAG;;AA3ChC,wBA0EC;AAKD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarFileUpload/ScalarFileUploadError.vue.js

@@ -1,18 +1,15 @@
-import { defineComponent as t, createElementBlock as n, openBlock as a, normalizeProps as c, guardReactiveProps as s, unref as e, createVNode as i, renderSlot as l } from "vue";
+import { defineComponent as o, createElementBlock as a, openBlock as n, normalizeProps as c, guardReactiveProps as s, unref as e, createVNode as l, renderSlot as i } from "vue";
+import { ScalarIconWarningCircle as p } from "@scalar/icons";
 import { useBindCx as m } from "@scalar/use-hooks/useBindCx";
-import p from "../ScalarIcon/ScalarIcon.vue.js";
-const d = {}, B = /* @__PURE__ */ t({
+const d = {}, B = /* @__PURE__ */ o({
   ...d,
   inheritAttrs: !1,
   __name: "ScalarFileUploadError",
   setup(f) {
     const { cx: r } = m();
-    return (o, _) => (a(), n("div", c(s(e(r)("flex items-center gap-1 text-c-danger"))), [
-      i(e(p), {
-        icon: "Error",
-        size: "sm"
-      }),
-      l(o.$slots, "default")
+    return (t, _) => (n(), a("div", c(s(e(r)("flex items-center gap-1 text-c-danger"))), [
+      l(e(p), { class: "size-3.5" }),
+      i(t.$slots, "default")
     ], 16));
   }
 });

package/dist/components/ScalarFileUpload/ScalarFileUploadInputCompact.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadInputCompact.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadInputCompact.vue"],"names":[],"mappings":"AA2DA,OAAO,KAAK,EAEV,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAIhB;;;;;;;GAOG;;;;;;AACH,wBAuGC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarFileUploadInputCompact.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadInputCompact.vue"],"names":[],"mappings":"AA2DA,OAAO,KAAK,EAEV,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAIhB;;;;;;;GAOG;;;;;;AACH,wBAwGC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarFileUpload/ScalarFileUploadInputCompact.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as c, createElementBlock as o, openBlock as n, mergeProps as m, unref as s, createElementVNode as l, renderSlot as i, createVNode as d, toDisplayString as r, createCommentVNode as u } from "vue";
-import { useBindCx as f } from "@scalar/use-hooks/useBindCx";
-import x from "../ScalarIcon/ScalarIcon.vue.js";
+import { defineComponent as c, createElementBlock as o, openBlock as s, mergeProps as m, unref as n, createElementVNode as l, renderSlot as i, createVNode as d, toDisplayString as r, createCommentVNode as u } from "vue";
+import { ScalarIconUploadSimple as f } from "@scalar/icons";
+import { useBindCx as x } from "@scalar/use-hooks/useBindCx";
 const _ = { class: "flex items-center gap-1 whitespace-nowrap text-c-2" }, b = {
   key: 0,
   class: "text-c-3 text-xs"
-}, k = {}, B = /* @__PURE__ */ c({
+}, k = {}, h = /* @__PURE__ */ c({
   ...k,
   inheritAttrs: !1,
   __name: "ScalarFileUploadInputCompact",
@@ -14,10 +14,10 @@ const _ = { class: "flex items-center gap-1 whitespace-nowrap text-c-2" }, b = {
   },
   emits: ["click"],
   setup(y) {
-    const { cx: p } = f();
-    return (e, t) => (n(), o("button", m(
+    const { cx: p } = x();
+    return (e, t) => (s(), o("button", m(
       { type: "button" },
-      s(p)(
+      n(p)(
         "flex items-center justify-center gap-1 rounded flex-col px-4 py-3 hover:bg-b-2"
       ),
       {
@@ -26,19 +26,16 @@ const _ = { class: "flex items-center gap-1 whitespace-nowrap text-c-2" }, b = {
     ), [
       l("div", _, [
         i(e.$slots, "default", {}, () => [
-          d(s(x), {
-            icon: "Upload",
-            size: "sm"
-          }),
+          d(n(f), { class: "size-3.5" }),
           l("span", null, " Upload " + r(e.multiple ? "files" : "file"), 1)
         ])
       ]),
       i(e.$slots, "sublabel", {}, () => [
-        e.extensions ? (n(), o("div", b, r(e.extensions.join(", ")), 1)) : u("", !0)
+        e.extensions ? (s(), o("div", b, r(e.extensions.join(", ")), 1)) : u("", !0)
       ])
     ], 16));
   }
 });
 export {
-  B as default
+  h as default
 };

package/dist/components/ScalarIcon/ScalarIcon.stories.d.ts

@@ -1,18 +1,6 @@
 import type { StoryObj } from '@storybook/vue3';
 declare const meta: {
-    component: import("vue").DefineComponent<{
-        icon?: import("./index.js").Icon;
-        logo?: import("./utils/index.js").Logo;
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
-        thickness?: string;
-        label?: string;
-    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-        icon?: import("./index.js").Icon;
-        logo?: import("./utils/index.js").Logo;
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
-        thickness?: string;
-        label?: string;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    component: import("vue").DefineComponent<import("./types.js").ScalarIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./types.js").ScalarIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     tags: string[];
     argTypes: {
         icon: {
@@ -45,48 +33,12 @@ declare const meta: {
             };
         };
     };
-    render: (args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
-        icon?: import("./index.js").Icon;
-        logo?: import("./utils/index.js").Logo;
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
-        thickness?: string;
-        label?: string;
-    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-        icon?: import("./index.js").Icon;
-        logo?: import("./utils/index.js").Logo;
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
-        thickness?: string;
-        label?: string;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>) => {
+    render: (args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<import("./types.js").ScalarIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./types.js").ScalarIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>) => {
         components: {
-            ScalarIcon: import("vue").DefineComponent<{
-                icon?: import("./index.js").Icon;
-                logo?: import("./utils/index.js").Logo;
-                size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
-                thickness?: string;
-                label?: string;
-            }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-                icon?: import("./index.js").Icon;
-                logo?: import("./utils/index.js").Logo;
-                size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
-                thickness?: string;
-                label?: string;
-            }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+            ScalarIcon: import("vue").DefineComponent<import("./types.js").ScalarIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./types.js").ScalarIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
         };
         setup(this: void): {
-            args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
-                icon?: import("./index.js").Icon;
-                logo?: import("./utils/index.js").Logo;
-                size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
-                thickness?: string;
-                label?: string;
-            }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-                icon?: import("./index.js").Icon;
-                logo?: import("./utils/index.js").Logo;
-                size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
-                thickness?: string;
-                label?: string;
-            }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
+            args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<import("./types.js").ScalarIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./types.js").ScalarIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
         };
         template: string;
     };

package/dist/components/ScalarIcon/ScalarIcon.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIcon/ScalarIcon.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAMrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4ByB,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAElB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,QAQtB,CAAA"}
+{"version":3,"file":"ScalarIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIcon/ScalarIcon.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAMrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4ByB,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAElB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,QAQtB,CAAA"}