@scalar/components 0.13.49 → 0.13.51

package/README.md

@@ -78,7 +78,7 @@ However, sometimes you need to override the default styles. Most components (soo
   class="size-24" />
 ```
 
-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/components/src/hooks/useBindCx.ts) function.
+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.
 
 ## Floating Components
 

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/ScalarButton.vue"],"names":[],"mappings":"AA6DA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,KAAK,QAAQ,EAAY,MAAM,YAAY,CAAA;AAIpD;;GAEG;AACH,KAAK,WAAW,GAAG;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;IAClC,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACvB,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;IAC7B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC,CAAC;AAyBJ,iBAAS,cAAc;WAoET,OAAO,IAA6B;;sBAVxB,GAAG;yBACA,GAAG;yBACH,GAAG;;;;EAa/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;eApHL,OAAO;UAIZ,QAAQ,GAAG,QAAQ,GAAG,OAAO;6EAuHtC,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":"ScalarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarButton/ScalarButton.vue"],"names":[],"mappings":"AA+DA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,KAAK,QAAQ,EAAY,MAAM,YAAY,CAAA;AAIpD;;GAEG;AACH,KAAK,WAAW,GAAG;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;IAClC,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACvB,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;IAC7B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC,CAAC;AAyBJ,iBAAS,cAAc;WAoET,OAAO,IAA6B;;sBAVxB,GAAG;yBACA,GAAG;yBACH,GAAG;;;;EAa/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;eApHL,OAAO;UAIZ,QAAQ,GAAG,QAAQ,GAAG,OAAO;6EAuHtC,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/ScalarButton/ScalarButton.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as f, openBlock as a, createElementBlock as i, mergeProps as m, unref as o, normalizeClass as r, renderSlot as l, createCommentVNode as u, createVNode as g } from "vue";
-import { useBindCx as b } from "../../hooks/useBindCx.js";
+import { useBindCx as b } from "@scalar/use-hooks/useBindCx";
 import { variants as v } from "./variants.js";
 import y from "../ScalarLoading/ScalarLoading.vue.js";
 const h = ["ariaDisabled", "type"], c = {

package/dist/components/ScalarButton/variants.js

@@ -1,4 +1,4 @@
-import { cva as t } from "../../cva.js";
+import { cva as t } from "@scalar/use-hooks/useBindCx";
 const e = {
   solid: [
     "scalar-button-solid",

package/dist/components/ScalarColorModeToggle/ScalarColorModeToggleButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarColorModeToggleButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarColorModeToggle/ScalarColorModeToggleButton.vue"],"names":[],"mappings":"AA2DA;;;;;;;;;;GAUG;;iBAiBU,OAAO;;;;iBAAP,OAAO;;;;AAhBpB,wBAoHC"}
+{"version":3,"file":"ScalarColorModeToggleButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarColorModeToggle/ScalarColorModeToggleButton.vue"],"names":[],"mappings":"AA6DA;;;;;;;;;;GAUG;;iBAiBU,OAAO;;;;iBAAP,OAAO;;;;AAhBpB,wBAoHC"}

package/dist/components/ScalarColorModeToggle/ScalarColorModeToggleButton.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as n, useModel as s, openBlock as i, createElementBlock as u, mergeProps as a, unref as d, createElementVNode as t, normalizeClass as m, createVNode as f } from "vue";
-import { useBindCx as p } from "../../hooks/useBindCx.js";
+import { useBindCx as p } from "@scalar/use-hooks/useBindCx";
 import c from "./ScalarColorModeToggleIcon.vue.js";
 const g = ["aria-pressed"], x = {}, B = /* @__PURE__ */ n({
   ...x,

package/dist/components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarColorModeToggleIcon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue"],"names":[],"mappings":"AAoHA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,KAAK,CAAA;AAM9C;;;;;;;;;;GAUG;;IAID,gEAAgE;SAC3D,MAAM,GAAG,SAAS;IACvB,+CAA+C;WACxC,OAAO,GAAG,MAAM;;IAHvB,gEAAgE;SAC3D,MAAM,GAAG,SAAS;IACvB,+CAA+C;WACxC,OAAO,GAAG,MAAM;;AANzB,wBA6GC"}
+{"version":3,"file":"ScalarColorModeToggleIcon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue"],"names":[],"mappings":"AAqHA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,KAAK,CAAA;AAK9C;;;;;;;;;;GAUG;;IAID,gEAAgE;SAC3D,MAAM,GAAG,SAAS;IACvB,+CAA+C;WACxC,OAAO,GAAG,MAAM;;IAHvB,gEAAgE;SAC3D,MAAM,GAAG,SAAS;IACvB,+CAA+C;WACxC,OAAO,GAAG,MAAM;;AANzB,wBA6GC"}

package/dist/components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue.js

@@ -1,7 +1,7 @@
 import o from "./ScalarColorModeToggleIcon.vue2.js";
 /* empty css                               */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c62615cd"]]);
+const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-60be8692"]]);
 export {
-  e as default
+  c as default
 };

package/dist/components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue2.js

@@ -1,5 +1,5 @@
 import { defineComponent as a, computed as r, openBlock as i, createBlock as c, resolveDynamicComponent as u, mergeProps as m, unref as p, withCtx as g, createElementVNode as e } from "vue";
-import { useBindCx as d } from "../../hooks/useBindCx.js";
+import { useBindCx as d } from "@scalar/use-hooks/useBindCx";
 const f = {}, _ = /* @__PURE__ */ a({
   ...f,
   inheritAttrs: !1,

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":"AA4DA,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":"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"}

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

@@ -1,5 +1,5 @@
 import { defineComponent as s, openBlock as l, createElementBlock as r, normalizeClass as n, unref as t, createVNode as i, normalizeStyle as c, createElementVNode as p, renderSlot as m, createBlock as d, withModifiers as u, createCommentVNode as f } from "vue";
-import { cva as b, cx as y } from "../../cva.js";
+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({

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarComboboxPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxPopover.vue"],"names":[],"mappings":"AAsEA,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,mBAAmB,CAAA;AAC1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAgC1D,iBAAS,cAAc;WA0GT,OAAO,IAA6B;;;;;;;;;;;;;;;;0BAnJlD,KA5BS,eA4BT,KA3BQ,uBA2BR,KA1BK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkLJ;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;oBAzKrB,KA5BS,eA4BT,KA3BQ,uBA2BR,KA1BK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8PA0MH,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":"ScalarComboboxPopover.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarCombobox/ScalarComboboxPopover.vue"],"names":[],"mappings":"AAsEA,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,mBAAmB,CAAA;AAC1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAgC1D,iBAAS,cAAc;WA0GT,OAAO,IAA6B;;;;;;;;;;;;;;;;0BAnJlD,KA5BG,eA4BH,KA3BE,uBA2BF,KA3B8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmL7B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;oBAzKrB,KA5BG,eA4BH,KA3BE,uBA2BF,KA3B8B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8PA2M5B,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/ScalarComboboxPopover.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as u, ref as c, openBlock as _, createBlock as v, unref as o, withCtx as t, createVNode as r, normalizeProps as y, guardReactiveProps as w, createSlots as x, renderSlot as l, mergeProps as B } from "vue";
 import { Popover as P, PopoverButton as h, PopoverPanel as k } from "@headlessui/vue";
-import { useBindCx as g } from "../../hooks/useBindCx.js";
+import { useBindCx as g } from "@scalar/use-hooks/useBindCx";
 import $ from "../ScalarFloating/ScalarFloating.vue.js";
 import C from "../ScalarFloating/ScalarFloatingBackdrop.vue.js";
 const z = /* @__PURE__ */ u({

package/dist/components/ScalarDropdown/ScalarDropdown.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as p, openBlock as i, createBlock as f, unref as e, withCtx as t, createVNode as r, mergeProps as n, renderSlot as s } from "vue";
 import { Menu as u, MenuItems as _, MenuButton as c } from "@headlessui/vue";
-import { useBindCx as d } from "../../hooks/useBindCx.js";
+import { useBindCx as d } from "@scalar/use-hooks/useBindCx";
 import B from "./ScalarDropdownMenu.vue.js";
 import h from "../ScalarFloating/ScalarFloating.vue.js";
 const $ = {}, x = /* @__PURE__ */ p({

package/dist/components/ScalarDropdown/ScalarDropdownButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarDropdownButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarDropdown/ScalarDropdownButton.vue"],"names":[],"mappings":"AA4DA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAMpC;;;;;;;;;;;;;;GAcG;;SAII,MAAM,GAAG,SAAS;aACd,OAAO;eACL,OAAO;;SAFb,MAAM,GAAG,SAAS;aACd,OAAO;eACL,OAAO;;qBA8DS,GAAG;;AAnEhC,wBAqGC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarDropdownButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarDropdown/ScalarDropdownButton.vue"],"names":[],"mappings":"AA4DA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAIpC;;;;;;;;;;;;;;GAcG;;SAII,MAAM,GAAG,SAAS;aACd,OAAO;eACL,OAAO;;SAFb,MAAM,GAAG,SAAS;aACd,OAAO;eACL,OAAO;;qBA8DS,GAAG;;AAnEhC,wBAqGC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarDropdown/ScalarDropdownButton.vue.js

@@ -1,7 +1,7 @@
 import o from "./ScalarDropdownButton.vue2.js";
 /* empty css                          */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-942bce7e"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cc5bd05e"]]);
 export {
-  c as default
+  p as default
 };

package/dist/components/ScalarDropdown/ScalarDropdownButton.vue2.js

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as a, createBlock as r, resolveDynamicComponent as s, normalizeClass as i, unref as t, withCtx as l, renderSlot as c } from "vue";
-import { cva as d, cx as p } from "../../cva.js";
+import { cva as d, cx as p } from "@scalar/use-hooks/useBindCx";
 const u = {}, _ = /* @__PURE__ */ n({
   ...u,
   __name: "ScalarDropdownButton",

package/dist/components/ScalarDropdown/ScalarDropdownMenu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarDropdown/ScalarDropdownMenu.vue"],"names":[],"mappings":"AA4DA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAOpC;;;;;;;;;;;;;;GAcG;;IAID,8BAA8B;SACzB,MAAM,GAAG,SAAS;;IADvB,8BAA8B;SACzB,MAAM,GAAG,SAAS;;IAKvB,wBAAwB;eACb,GAAG;IACd,8CAA8C;iBACjC,GAAG;;IAHhB,wBAAwB;eACb,GAAG;IACd,8CAA8C;iBACjC,GAAG;;AAZlB,wBAqGC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarDropdown/ScalarDropdownMenu.vue"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAMpC;;;;;;;;;;;;;;GAcG;;IAID,8BAA8B;SACzB,MAAM,GAAG,SAAS;;IADvB,8BAA8B;SACzB,MAAM,GAAG,SAAS;;IAKvB,wBAAwB;eACb,GAAG;IACd,8CAA8C;iBACjC,GAAG;;IAHhB,wBAAwB;eACb,GAAG;IACd,8CAA8C;iBACjC,GAAG;;AAZlB,wBAqGC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarDropdown/ScalarDropdownMenu.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as l, createBlock as a, resolveDynamicComponent as c, mergeProps as i, unref as o, withCtx as d, createElementVNode as t, renderSlot as r, createVNode as m } from "vue";
-import { useBindCx as f } from "../../hooks/useBindCx.js";
+import { useBindCx as f } from "@scalar/use-hooks/useBindCx";
 import p from "../ScalarFloating/ScalarFloatingBackdrop.vue.js";
 const _ = { class: "custom-scroll min-h-0 flex-1" }, u = { class: "flex flex-col p-0.75" }, x = {}, B = /* @__PURE__ */ n({
   ...x,

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":"AA0CA;;;;;;;;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":"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"}

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":"AAmCA;;;;;;;;;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":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadInput.vue"],"names":[],"mappings":"AAwDA,OAAO,KAAK,EAEV,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAIhB;;;;;;;GAOG;;;;;;AACH,wBAuHC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarFileUploadInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadInput.vue"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAEV,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAIhB;;;;;;;GAOG;;;;;;AACH,wBAuHC;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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadInputCompact.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadInputCompact.vue"],"names":[],"mappings":"AAyDA,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,wBAuGC;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/ScalarFileUploadLoading.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarFileUploadLoading.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadLoading.vue"],"names":[],"mappings":"AAqCA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AAInE;;;;;;;GAOG;;YAIO,YAAY;;YAAZ,YAAY;;AAHtB,wBAgFC"}
+{"version":3,"file":"ScalarFileUploadLoading.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarFileUpload/ScalarFileUploadLoading.vue"],"names":[],"mappings":"AAuCA,OAAO,EAAE,KAAK,YAAY,EAAiB,MAAM,kBAAkB,CAAA;AAInE;;;;;;;GAOG;;YAIO,YAAY;;YAAZ,YAAY;;AAHtB,wBAgFC"}

package/dist/components/ScalarFloating/ScalarFloatingBackdrop.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as o, openBlock as r, createElementBlock as n, normalizeProps as s, guardReactiveProps as a, unref as l, renderSlot as i } from "vue";
-import { useBindCx as c } from "../../hooks/useBindCx.js";
+import { useBindCx as c } from "@scalar/use-hooks/useBindCx";
 const d = {}, m = /* @__PURE__ */ o({
   ...d,
   inheritAttrs: !1,

package/dist/components/ScalarForm/ScalarForm.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as s, createElementBlock as m, mergeProps as i, unref as f, withModifiers as l, renderSlot as u } from "vue";
-import { useBindCx as p } from "../../hooks/useBindCx.js";
+import { useBindCx as p } from "@scalar/use-hooks/useBindCx";
 const a = {}, x = /* @__PURE__ */ n({
   ...a,
   inheritAttrs: !1,

package/dist/components/ScalarForm/ScalarFormField.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarFormField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarForm/ScalarFormField.vue"],"names":[],"mappings":"AA6CA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAMpC;;;;;;;;;;GAUG;;SAII,MAAM,GAAG,SAAS;;SAAlB,MAAM,GAAG,SAAS;;mBA+DE,GAAG;qBACD,GAAG;mBACL,GAAG;;AApE9B,wBAoGC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarFormField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarForm/ScalarFormField.vue"],"names":[],"mappings":"AA6CA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAIpC;;;;;;;;;;GAUG;;SAII,MAAM,GAAG,SAAS;;SAAlB,MAAM,GAAG,SAAS;;mBA+DE,GAAG;qBACD,GAAG;mBACL,GAAG;;AApE9B,wBAoGC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarForm/ScalarFormField.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as t, createBlock as i, resolveDynamicComponent as m, normalizeProps as p, guardReactiveProps as c, unref as l, withCtx as d, createElementBlock as a, renderSlot as o, createCommentVNode as r, normalizeClass as f } from "vue";
-import { useBindCx as u } from "../../hooks/useBindCx.js";
+import { useBindCx as u } from "@scalar/use-hooks/useBindCx";
 const _ = {
   key: 0,
   class: "flex items-start justify-between gap-2 text-sm leading-none text-c-1 whitespace-nowrap font-medium"

package/dist/components/ScalarHeader/ScalarHeader.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as n, openBlock as o, createElementBlock as a, normalizeProps as i, guardReactiveProps as c, unref as d, createElementVNode as t, renderSlot as s } from "vue";
-import { useBindCx as l } from "../../hooks/useBindCx.js";
+import { useBindCx as l } from "@scalar/use-hooks/useBindCx";
 const m = { class: "justify-start" }, f = { class: "justify-center" }, _ = { class: "justify-end" }, p = {}, g = /* @__PURE__ */ n({
   ...p,
   __name: "ScalarHeader",

package/dist/components/ScalarHeader/ScalarHeaderButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarHeaderButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarHeader/ScalarHeaderButton.vue"],"names":[],"mappings":"AAsDA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAOpC;;;;;;;;;;;GAWG;;SAII,MAAM,GAAG,SAAS;aACd,OAAO;;SADX,MAAM,GAAG,SAAS;aACd,OAAO;;IAMhB,iCAAiC;cACvB,MAAM,GAAG;;IADnB,iCAAiC;cACvB,MAAM,GAAG;;AAXrB,wBA6FC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ScalarHeaderButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarHeader/ScalarHeaderButton.vue"],"names":[],"mappings":"AAuDA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAIpC;;;;;;;;;;;GAWG;;SAII,MAAM,GAAG,SAAS;aACd,OAAO;;SADX,MAAM,GAAG,SAAS;aACd,OAAO;;IAMhB,iCAAiC;cACvB,MAAM,GAAG;;IADnB,iCAAiC;cACvB,MAAM,GAAG;;AAXrB,wBA6FC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ScalarHeader/ScalarHeaderButton.vue.js

@@ -1,7 +1,6 @@
-import { defineComponent as n, openBlock as a, createBlock as s, resolveDynamicComponent as i, mergeProps as u, unref as t, withCtx as p, renderSlot as c } from "vue";
-import { cva as l } from "../../cva.js";
-import { useBindCx as d } from "../../hooks/useBindCx.js";
-const f = {}, y = /* @__PURE__ */ n({
+import { defineComponent as r, openBlock as a, createBlock as s, resolveDynamicComponent as i, mergeProps as u, unref as t, withCtx as p, renderSlot as c } from "vue";
+import { cva as l, useBindCx as d } from "@scalar/use-hooks/useBindCx";
+const f = {}, g = /* @__PURE__ */ r({
   ...f,
   inheritAttrs: !1,
   __name: "ScalarHeaderButton",
@@ -18,10 +17,10 @@ const f = {}, y = /* @__PURE__ */ n({
           false: "bg-transparent hover:bg-b-3 cursor-pointer"
         }
       }
-    }), { cx: r } = d();
+    }), { cx: n } = d();
     return (e, b) => (a(), s(i(e.is), u({
       type: e.is === "button" ? "button" : void 0
-    }, t(r)(t(o)({ active: e.active }))), {
+    }, t(n)(t(o)({ active: e.active }))), {
       default: p(() => [
         c(e.$slots, "default")
       ]),
@@ -30,5 +29,5 @@ const f = {}, y = /* @__PURE__ */ n({
   }
 });
 export {
-  y as default
+  g as default
 };

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

@@ -3,13 +3,13 @@ declare const meta: {
     component: import("vue").DefineComponent<{
         icon?: import("./index.js").Icon;
         logo?: import("./utils/index.js").Logo;
-        size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
+        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?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
         thickness?: string;
         label?: string;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -48,13 +48,13 @@ declare const meta: {
     render: (args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
         icon?: import("./index.js").Icon;
         logo?: import("./utils/index.js").Logo;
-        size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
+        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?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
         thickness?: string;
         label?: string;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>) => {
@@ -62,13 +62,13 @@ declare const meta: {
             ScalarIcon: import("vue").DefineComponent<{
                 icon?: import("./index.js").Icon;
                 logo?: import("./utils/index.js").Logo;
-                size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
+                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?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
+                size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
                 thickness?: string;
                 label?: string;
             }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -77,13 +77,13 @@ declare const meta: {
             args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
                 icon?: import("./index.js").Icon;
                 logo?: import("./utils/index.js").Logo;
-                size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
+                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?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
+                size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
                 thickness?: string;
                 label?: string;
             }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;

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

@@ -12,7 +12,7 @@ type __VLS_Props = {
     label?: string;
 };
 declare const iconProps: (props?: ({
-    size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
 } & ({
     class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
         [x: string]: any;

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarIcon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIcon/ScalarIcon.vue"],"names":[],"mappings":"AAiFA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AAKvC,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,IAAI,EAAoB,MAAM,SAAS,CAAA;AAIhE;;GAEG;AAEH,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAA;AAElD,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,IAAI,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAMF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAgBb,CAAA;;AA6FF,wBAMG"}
+{"version":3,"file":"ScalarIcon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIcon/ScalarIcon.vue"],"names":[],"mappings":"AAmFA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AAGvC,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,IAAI,EAAoB,MAAM,SAAS,CAAA;AAIhE;;GAEG;AAEH,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAA;AAElD,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,IAAI,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAMF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAgBb,CAAA;;AA6FF,wBAMG"}

package/dist/components/ScalarIcon/ScalarIcon.vue.js

@@ -1,7 +1,7 @@
 import o from "./ScalarIcon.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-641c8411"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-5c682fd5"]]);
 export {
-  m as default
+  f as default
 };

package/dist/components/ScalarIcon/ScalarIcon.vue2.js

@@ -1,8 +1,7 @@
 import { defineComponent as u, useCssVars as p, computed as s, openBlock as m, createBlock as f, resolveDynamicComponent as z, normalizeProps as d, guardReactiveProps as g, unref as i } from "vue";
-import { cva as v } from "../../cva.js";
-import { useBindCx as x } from "../../hooks/useBindCx.js";
-import { getIcon as b, getLogo as _ } from "./utils/index.js";
-const y = /* @__PURE__ */ u({
+import { useBindCx as v, cva as x } from "@scalar/use-hooks/useBindCx";
+import { getIcon as _, getLogo as b } from "./utils/index.js";
+const P = /* @__PURE__ */ u({
   inheritAttrs: !1,
   __name: "ScalarIcon",
   props: {
@@ -14,9 +13,9 @@ const y = /* @__PURE__ */ u({
   },
   setup(r) {
     p((o) => ({
-      "5c7eb65a": a.value
+      "29d737c3": l.value
     }));
-    const e = r, { cx: t } = x(), n = v({
+    const e = r, { cx: t } = v(), n = x({
       variants: {
         size: {
           xs: "size-3",
@@ -32,23 +31,23 @@ const y = /* @__PURE__ */ u({
       defaultVariants: {
         size: "full"
       }
-    }), a = s(() => e.thickness ?? "2"), l = s(
+    }), l = s(() => e.thickness ?? "2"), a = s(
       () => e.label ? { ariaLabel: e.label } : {
         ariaHidden: !0,
         role: "presentation"
       }
     ), c = s(() => {
       if (e.icon)
-        return b(e.icon);
+        return _(e.icon);
       if (e.logo)
-        return _(e.logo);
+        return b(e.logo);
     });
     return (o, k) => (m(), f(z(c.value), d(g({
       ...i(t)("scalar-icon", i(n)({ size: o.size })),
-      ...l.value
+      ...a.value
     })), null, 16));
   }
 });
 export {
-  y as default
+  P as default
 };

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

@@ -8,17 +8,17 @@ declare const meta: {
         icon: import("../ScalarIcon").Icon;
         disabled?: boolean;
         variant?: string | undefined;
-        size?: "sm" | "xs" | "md" | "full" | "xxs" | undefined;
+        size?: "xs" | "sm" | "md" | "full" | "xxs" | undefined;
         thickness?: string;
     }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
         label: string;
         icon: import("../ScalarIcon").Icon;
         disabled?: boolean;
         variant?: string | undefined;
-        size?: "sm" | "xs" | "md" | "full" | "xxs" | undefined;
+        size?: "xs" | "sm" | "md" | "full" | "xxs" | undefined;
         thickness?: string;
     }> & Readonly<{}>, {
-        size: "sm" | "xs" | "md" | "full" | "xxs";
+        size: "xs" | "sm" | "md" | "full" | "xxs";
         variant: string;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     tags: string[];

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

@@ -10,7 +10,7 @@ type __VLS_Props = {
     thickness?: string;
 };
 declare const variants: (props?: ({
-    size?: "sm" | "xs" | "md" | "full" | "xxs" | undefined;
+    size?: "xs" | "sm" | "md" | "full" | "xxs" | undefined;
     disabled?: boolean | undefined;
     variant?: string | undefined;
 } & ({
@@ -69,7 +69,7 @@ declare const variants: (props?: ({
     } | null | undefined;
 })) | undefined) => string;
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: "sm" | "xs" | "md" | "full" | "xxs";
+    size: "xs" | "sm" | "md" | "full" | "xxs";
     variant: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarIconButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIconButton/ScalarIconButton.vue"],"names":[],"mappings":"AA0DA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AAKvC,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,eAAe,CAAA;AAIrD,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAA;AAE7C,KAAK,WAAW,GAAG;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;IAC7B,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;AAYJ,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAeZ,CACD;;;;;AAoED,wBAOG"}
+{"version":3,"file":"ScalarIconButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIconButton/ScalarIconButton.vue"],"names":[],"mappings":"AA4DA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AAGvC,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,eAAe,CAAA;AAIrD,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAA;AAE7C,KAAK,WAAW,GAAG;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;IAC7B,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;AAYJ,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAeZ,CACD;;;;;AAoED,wBAOG"}

package/dist/components/ScalarIconButton/ScalarIconButton.vue.js

@@ -1,9 +1,8 @@
-import { defineComponent as t, openBlock as i, createElementBlock as n, mergeProps as r, unref as s, createVNode as l, createElementVNode as d, toDisplayString as c } from "vue";
-import { cva as p } from "../../cva.js";
-import { useBindCx as u } from "../../hooks/useBindCx.js";
+import { defineComponent as n, openBlock as t, createElementBlock as i, mergeProps as r, unref as s, createVNode as l, createElementVNode as d, toDisplayString as c } from "vue";
+import { useBindCx as p, cva as u } from "@scalar/use-hooks/useBindCx";
 import { styles as m } from "../ScalarButton/variants.js";
 import f from "../ScalarIcon/ScalarIcon.vue.js";
-const b = ["ariaDisabled"], h = { class: "sr-only" }, w = /* @__PURE__ */ t({
+const b = ["ariaDisabled"], h = { class: "sr-only" }, g = /* @__PURE__ */ n({
   inheritAttrs: !1,
   __name: "ScalarIconButton",
   props: {
@@ -15,7 +14,7 @@ const b = ["ariaDisabled"], h = { class: "sr-only" }, w = /* @__PURE__ */ t({
     thickness: {}
   },
   setup(v) {
-    const { cx: o } = u(), a = p({
+    const { cx: a } = p(), o = u({
       base: "scalar-icon-button grid aspect-square cursor-pointer rounded",
       variants: {
         size: {
@@ -31,10 +30,10 @@ const b = ["ariaDisabled"], h = { class: "sr-only" }, w = /* @__PURE__ */ t({
         variant: m
       }
     });
-    return (e, z) => (i(), n("button", r({
+    return (e, z) => (t(), i("button", r({
       ariaDisabled: e.disabled || void 0,
       type: "button"
-    }, s(o)(s(a)({ size: e.size, variant: e.variant, disabled: e.disabled }))), [
+    }, s(a)(s(o)({ size: e.size, variant: e.variant, disabled: e.disabled }))), [
       l(s(f), {
         icon: e.icon,
         thickness: e.thickness
@@ -44,5 +43,5 @@ const b = ["ariaDisabled"], h = { class: "sr-only" }, w = /* @__PURE__ */ t({
   }
 });
 export {
-  w as default
+  g as default
 };

package/dist/components/ScalarListbox/ScalarListbox.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as c, openBlock as o, createBlock as r, unref as t, withCtx as l, createTextVNode as b, toDisplayString as y, createCommentVNode as m, createVNode as i, mergeProps as u, createElementBlock as p, createElementVNode as V, Fragment as g, renderList as B, normalizeStyle as _, renderSlot as k } from "vue";
 import { Listbox as x, ListboxLabel as L, ListboxOptions as h, ListboxButton as $ } from "@headlessui/vue";
-import { useBindCx as v } from "../../hooks/useBindCx.js";
+import { useBindCx as v } from "@scalar/use-hooks/useBindCx";
 import S from "./ScalarListboxItem.vue.js";
 import C from "../ScalarFloating/ScalarFloating.vue.js";
 import N from "../ScalarFloating/ScalarFloatingBackdrop.vue.js";

package/dist/components/ScalarListbox/ScalarListboxItem.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as l, openBlock as s, createBlock as p, unref as t, withCtx as c, createElementVNode as a, normalizeClass as n, createVNode as m, normalizeStyle as d, toDisplayString as u } from "vue";
 import { ListboxOption as b } from "@headlessui/vue";
-import { cva as f, cx as v } from "../../cva.js";
+import { cva as f, cx as v } from "@scalar/use-hooks/useBindCx";
 import y from "./ScalarListboxCheckbox.vue.js";
 const C = /* @__PURE__ */ l({
   __name: "ScalarListboxItem",

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

@@ -5,10 +5,10 @@ import type { StoryObj } from '@storybook/vue3';
 declare const meta: {
     component: import("vue").DefineComponent<{
         loadingState?: import("./ScalarLoading.vue.js").LoadingState;
-        size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
     }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
         loadingState?: import("./ScalarLoading.vue.js").LoadingState;
-        size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
     tags: string[];
     argTypes: {
@@ -22,10 +22,10 @@ declare const meta: {
     };
     render: (args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
         loadingState?: import("./ScalarLoading.vue.js").LoadingState;
-        size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
     }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
         loadingState?: import("./ScalarLoading.vue.js").LoadingState;
-        size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>) => {
         components: {
             ScalarButton: {
@@ -85,19 +85,19 @@ declare const meta: {
             });
             ScalarLoading: import("vue").DefineComponent<{
                 loadingState?: import("./ScalarLoading.vue.js").LoadingState;
-                size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
+                size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
             }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
                 loadingState?: import("./ScalarLoading.vue.js").LoadingState;
-                size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
+                size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
             }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
         };
         setup(this: void): {
             args: import("@storybook/vue3").ComponentPropsAndSlots<import("vue").DefineComponent<{
                 loadingState?: import("./ScalarLoading.vue.js").LoadingState;
-                size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
+                size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
             }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
                 loadingState?: import("./ScalarLoading.vue.js").LoadingState;
-                size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
+                size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
             }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
             loadingState: {
                 isValid: boolean;

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

@@ -16,10 +16,10 @@ export declare function useLoadingState(): {
 };
 declare const _default: import("vue").DefineComponent<{
     loadingState?: LoadingState;
-    size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     loadingState?: LoadingState;
-    size?: "sm" | "lg" | "xs" | "md" | "xl" | "2xl" | "3xl" | "full" | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | undefined;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=ScalarLoading.vue.d.ts.map