@scalar/components 0.14.6 → 0.14.8

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

@@ -1,73 +1,9 @@
-import type { VariantProps } from 'cva';
-import { type Icon, type Logo } from './utils/index.js';
+import type { ScalarIconProps } from './types';
 /**
- * Icon wrapper for all icons and logos
+ * Scalar Icon Wrapper
+ *
+ * @deprecated Use the icons from the `@scalar/icons` package instead.
  */
-type IconVariants = VariantProps<typeof iconProps>;
-type __VLS_Props = {
-    icon?: Icon;
-    logo?: Logo;
-    size?: IconVariants['size'];
-    thickness?: string;
-    label?: string;
-};
-declare const iconProps: (props?: ({
-    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;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined;
-    className?: never;
-} | {
-    class?: never;
-    className?: 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;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | null | undefined)[] | {
-        [x: string]: any;
-    } | 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<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<ScalarIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ScalarIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=ScalarIcon.vue.d.ts.map

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":"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"}
+{"version":3,"file":"ScalarIcon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIcon/ScalarIcon.vue"],"names":[],"mappings":"AA8DA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAM9C;;;;GAIG;;AACH,wBA2GC"}

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 f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-5c682fd5"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b651bb23"]]);
 export {
-  f as default
+  m as default
 };

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

@@ -1,7 +1,9 @@
-import { defineComponent as u, useCssVars as p, computed as s, createBlock as m, openBlock as f, resolveDynamicComponent as z, normalizeProps as d, guardReactiveProps as g, unref as i } from "vue";
-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({
+import { defineComponent as l, useCssVars as u, computed as o, createBlock as p, openBlock as m, resolveDynamicComponent as f, normalizeProps as _, guardReactiveProps as d, unref as t } from "vue";
+import { useBindCx as g } from "@scalar/use-hooks/useBindCx";
+import { getIcon as v, getLogo as b } from "./utils/index.js";
+import { variants as h } from "./variants.js";
+const k = {}, A = /* @__PURE__ */ l({
+  ...k,
   inheritAttrs: !1,
   __name: "ScalarIcon",
   props: {
@@ -11,43 +13,27 @@ const P = /* @__PURE__ */ u({
     thickness: {},
     label: {}
   },
-  setup(r) {
-    p((o) => ({
-      "29d737c3": l.value
+  setup(n) {
+    u((r) => ({
+      c07589c2: a.value
     }));
-    const e = r, { cx: t } = v(), n = x({
-      variants: {
-        size: {
-          xs: "size-3",
-          sm: "size-3.5",
-          md: "size-4",
-          lg: "size-5",
-          xl: "size-6",
-          "2xl": "size-8",
-          "3xl": "size-10",
-          full: "size-full"
-        }
-      },
-      defaultVariants: {
-        size: "full"
-      }
-    }), l = s(() => e.thickness ?? "2"), a = s(
-      () => e.label ? { ariaLabel: e.label } : {
-        ariaHidden: !0,
+    const e = n, { cx: s } = g(), a = o(() => e.thickness ?? "2"), c = o(
+      () => e.label ? { "aria-label": e.label } : {
+        "aria-hidden": !0,
         role: "presentation"
       }
-    ), c = s(() => {
+    ), i = o(() => {
       if (e.icon)
-        return _(e.icon);
+        return v(e.icon);
       if (e.logo)
         return b(e.logo);
     });
-    return (o, k) => (f(), m(z(c.value), d(g({
-      ...i(t)("scalar-icon", i(n)({ size: o.size })),
-      ...a.value
+    return (r, x) => (m(), p(f(i.value), _(d({
+      ...t(s)("scalar-icon", t(h)({ size: r.size })),
+      ...c.value
     })), null, 16));
   }
 });
 export {
-  P as default
+  A as default
 };

package/dist/components/ScalarIcon/ScalarIconLegacyAdapter.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ScalarIconLegacyAdapter.test.d.ts.map

package/dist/components/ScalarIcon/ScalarIconLegacyAdapter.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarIconLegacyAdapter.test.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIcon/ScalarIconLegacyAdapter.test.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,18 @@
+import type { ScalarIconProps } from '@scalar/icons/types';
+import type { Component } from 'vue';
+import type { ScalarIconProps as LegacyScalarIconProps } from './types';
+import type { Icon } from './utils/index.js';
+/**
+ * Scalar Icon Legacy Adapter
+ *
+ * This component is used to help components that accept a ScalarIcon name
+ * as a prop to accept a component instead to be compatible with `@scalar/icons`
+ * while staying backwards compatible with the legacy ScalarIcon component
+ */
+declare const _default: import("vue").DefineComponent<{
+    icon: Icon | Component;
+} & ScalarIconProps & Omit<LegacyScalarIconProps, "icon">, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    icon: Icon | Component;
+} & ScalarIconProps & Omit<LegacyScalarIconProps, "icon">> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ScalarIconLegacyAdapter.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarIconLegacyAdapter.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIcon/ScalarIconLegacyAdapter.vue"],"names":[],"mappings":"AAgDA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAE1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAGpC,OAAO,KAAK,EAAE,eAAe,IAAI,qBAAqB,EAAE,MAAM,SAAS,CAAA;AACvE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAKnC;;;;;;GAMG;;UAQO,IAAI,GAAG,SAAS;;UAAhB,IAAI,GAAG,SAAS;;AAP1B,wBA2FC"}

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

@@ -0,0 +1,28 @@
+import { defineComponent as a, createBlock as o, openBlock as n, mergeProps as r, resolveDynamicComponent as s, unref as i } from "vue";
+import { useBindCx as l } from "@scalar/use-hooks/useBindCx";
+import p from "./ScalarIcon.vue.js";
+import { variants as c } from "./variants.js";
+const m = {}, y = /* @__PURE__ */ a({
+  ...m,
+  inheritAttrs: !1,
+  __name: "ScalarIconLegacyAdapter",
+  props: {
+    icon: {},
+    label: {},
+    weight: {},
+    logo: {},
+    size: {},
+    thickness: {}
+  },
+  setup(f) {
+    const { cx: t } = l();
+    return (e, u) => typeof e.icon == "string" ? (n(), o(p, r({ key: 0 }, { ...e.$props, ...e.$attrs }, { icon: e.icon }), null, 16, ["icon"])) : (n(), o(s(e.icon), r({
+      key: 1,
+      label: e.label,
+      weight: e.weight
+    }, i(t)(i(c)({ size: e.size }))), null, 16, ["label", "weight"]));
+  }
+});
+export {
+  y as default
+};

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

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

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

@@ -1,3 +1,4 @@
 export { default as ScalarIcon } from './ScalarIcon.vue.js';
+export { default as ScalarIconLegacyAdapter } from './ScalarIconLegacyAdapter.vue.js';
 export type { Icon } from './utils/index.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,YAAY,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AAClF,YAAY,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA"}

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

@@ -0,0 +1,19 @@
+import type { VariantProps } from 'cva';
+import type { variants } from './variants.js';
+import type { Icon, Logo } from '../../components/ScalarIcon/utils/index.js';
+/**
+ * Variants types for the ScalarIcon component
+ */
+type IconVariants = VariantProps<typeof variants>;
+/**
+ * Props for the ScalarIcon component
+ */
+export type ScalarIconProps = {
+    icon?: Icon;
+    logo?: Logo;
+    size?: IconVariants['size'];
+    thickness?: string;
+    label?: string;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIcon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAA;AAE/D;;GAEG;AACH,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEjD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,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,CAAA"}

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

@@ -0,0 +1,61 @@
+/**
+ * Variants for the ScalarIcon component
+ */
+export declare const variants: (props?: ({
+    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;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: 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;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+//# sourceMappingURL=variants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIcon/variants.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAgBnB,CAAA"}

package/dist/components/ScalarIcon/variants.js

@@ -0,0 +1,21 @@
+import { cva as s } from "@scalar/use-hooks/useBindCx";
+const e = s({
+  variants: {
+    size: {
+      xs: "size-3",
+      sm: "size-3.5",
+      md: "size-4",
+      lg: "size-5",
+      xl: "size-6",
+      "2xl": "size-8",
+      "3xl": "size-10",
+      full: "size-full"
+    }
+  },
+  defaultVariants: {
+    size: "full"
+  }
+});
+export {
+  e as variants
+};

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

@@ -10,6 +10,7 @@ declare const meta: {
         variant?: string | undefined;
         size?: "xs" | "sm" | "md" | "full" | "xxs" | undefined;
         thickness?: string;
+        weight?: import("@scalar/icons/types").ScalarIconWeight;
     }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
         label: string;
         icon: import("../ScalarIcon").Icon;
@@ -17,6 +18,7 @@ declare const meta: {
         variant?: string | undefined;
         size?: "xs" | "sm" | "md" | "full" | "xxs" | undefined;
         thickness?: string;
+        weight?: import("@scalar/icons/types").ScalarIconWeight;
     }> & Readonly<{}>, {
         size: "xs" | "sm" | "md" | "full" | "xxs";
         variant: string;

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarIconButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIconButton/ScalarIconButton.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD;;GAEG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAc+B,CAAA;AAEzC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAElB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAA"}
+{"version":3,"file":"ScalarIconButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIconButton/ScalarIconButton.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD;;GAEG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAc+B,CAAA;AAEzC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAElB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAA"}

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

@@ -1,3 +1,4 @@
+import type { ScalarIconWeight } from '@scalar/icons/types';
 import type { VariantProps } from 'cva';
 import { type Icon } from '../ScalarIcon';
 type Variants = VariantProps<typeof variants>;
@@ -8,6 +9,7 @@ type __VLS_Props = {
     variant?: Variants['variant'];
     size?: Variants['size'];
     thickness?: string;
+    weight?: ScalarIconWeight;
 };
 declare const variants: (props?: ({
     size?: "xs" | "sm" | "md" | "full" | "xxs" | undefined;

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":"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"}
+{"version":3,"file":"ScalarIconButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarIconButton/ScalarIconButton.vue"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAG3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AAGvC,OAAO,EAAE,KAAK,IAAI,EAA2B,MAAM,eAAe,CAAA;AAIlE,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;IAClB,MAAM,CAAC,EAAE,gBAAgB,CAAA;CAC1B,CAAC;AAYJ,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAeZ,CACD;;;;;AAoED,wBAOG"}

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

@@ -1,8 +1,8 @@
-import { defineComponent as n, createElementBlock as t, openBlock as i, mergeProps as r, unref as s, createVNode as l, createElementVNode as d, toDisplayString as c } from "vue";
+import { defineComponent as a, createElementBlock as o, openBlock as n, 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" }, g = /* @__PURE__ */ n({
+import f from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
+const h = ["ariaDisabled"], b = { class: "sr-only" }, y = /* @__PURE__ */ a({
   inheritAttrs: !1,
   __name: "ScalarIconButton",
   props: {
@@ -11,10 +11,11 @@ const b = ["ariaDisabled"], h = { class: "sr-only" }, g = /* @__PURE__ */ n({
     disabled: { type: Boolean },
     variant: { default: "ghost" },
     size: { default: "md" },
-    thickness: {}
+    thickness: {},
+    weight: {}
   },
-  setup(v) {
-    const { cx: a } = p(), o = u({
+  setup(g) {
+    const { cx: i } = p(), t = u({
       base: "scalar-icon-button grid aspect-square cursor-pointer rounded",
       variants: {
         size: {
@@ -30,18 +31,19 @@ const b = ["ariaDisabled"], h = { class: "sr-only" }, g = /* @__PURE__ */ n({
         variant: m
       }
     });
-    return (e, z) => (i(), t("button", r({
+    return (e, v) => (n(), o("button", r({
       ariaDisabled: e.disabled || void 0,
       type: "button"
-    }, s(a)(s(o)({ size: e.size, variant: e.variant, disabled: e.disabled }))), [
+    }, s(i)(s(t)({ size: e.size, variant: e.variant, disabled: e.disabled }))), [
       l(s(f), {
         icon: e.icon,
-        thickness: e.thickness
-      }, null, 8, ["icon", "thickness"]),
-      d("span", h, c(e.label), 1)
-    ], 16, b));
+        thickness: e.thickness,
+        weight: e.weight
+      }, null, 8, ["icon", "thickness", "weight"]),
+      d("span", b, c(e.label), 1)
+    ], 16, h));
   }
 });
 export {
-  g as default
+  y as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarListbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListbox.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAErC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQ4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAkClB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAkCzB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAkC3B,CAAA"}
+{"version":3,"file":"ScalarListbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListbox.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAGrC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQ4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAkClB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAkCzB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAkC3B,CAAA"}

package/dist/components/ScalarListbox/ScalarListboxCheckbox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarListboxCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListboxCheckbox.vue"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB,CAAC;;AAyEF,wBAOG"}
+{"version":3,"file":"ScalarListboxCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarListbox/ScalarListboxCheckbox.vue"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI1C,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB,CAAC;;AAuEF,wBAOG"}

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

@@ -1,13 +1,13 @@
 import { defineComponent as o, createElementBlock as r, openBlock as t, normalizeClass as c, createBlock as s, createCommentVNode as n, unref as a } from "vue";
-import l from "../ScalarIcon/ScalarIcon.vue.js";
+import { ScalarIconCheck as l } from "@scalar/icons";
 const u = /* @__PURE__ */ o({
   __name: "ScalarListboxCheckbox",
   props: {
     selected: { type: Boolean },
     style: {}
   },
-  setup(p) {
-    return (e, i) => (t(), r("div", {
+  setup(d) {
+    return (e, p) => (t(), r("div", {
       class: c(["flex size-4 items-center justify-center p-0.75", [
         e.selected ? "bg-c-accent text-b-1" : "text-transparent shadow-border",
         e.style === "checkbox" ? "rounded" : "rounded-full"
@@ -15,9 +15,8 @@ const u = /* @__PURE__ */ o({
     }, [
       e.selected ? (t(), s(a(l), {
         key: 0,
-        class: "relative top-[0.5px] size-3",
-        icon: "Checkmark",
-        thickness: "3"
+        class: "size-3",
+        weight: "bold"
       })) : n("", !0)
     ], 2));
   }

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenu.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAcrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcyB,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA;AAE7B,eAAO,MAAM,UAAU,EAAE,KAiDxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAqB1B,CAAA"}
+{"version":3,"file":"ScalarMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenu.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAerD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcyB,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA;AAE7B,eAAO,MAAM,UAAU,EAAE,KAiDxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAqB1B,CAAA"}

package/dist/components/ScalarMenu/ScalarMenuButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuButton.vue"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,+BAA+B,CAAA;AAiBtC,iBAAS,cAAc;WAiET,OAAO,IAA6B;;;;EAKjD;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,sTAOnB,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":"ScalarMenuButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuButton.vue"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,+BAA+B,CAAA;AAkBtC,iBAAS,cAAc;WAmET,OAAO,IAA6B;;;;EAKjD;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,sTAOnB,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/ScalarMenu/ScalarMenuButton.vue.js

@@ -1,34 +1,34 @@
-import { defineComponent as a, createBlock as l, openBlock as c, unref as e, withCtx as p, createElementVNode as n, createVNode as t, renderSlot as r, createTextVNode as i, toDisplayString as u } from "vue";
-import m from "../ScalarHeader/ScalarHeaderButton.vue.js";
-import s from "../ScalarIcon/ScalarIcon.vue.js";
-const d = { class: "h-5 w-auto" }, _ = { class: "sr-only" }, B = /* @__PURE__ */ a({
+import { defineComponent as s, createBlock as a, openBlock as l, unref as e, withCtx as c, createElementVNode as t, createVNode as n, renderSlot as r, createTextVNode as p, toDisplayString as i, normalizeClass as m } from "vue";
+import { ScalarIconCaretDown as u } from "@scalar/icons";
+import d from "../ScalarHeader/ScalarHeaderButton.vue.js";
+import _ from "../ScalarIcon/ScalarIcon.vue.js";
+const f = { class: "h-5 w-auto" }, h = { class: "sr-only" }, k = /* @__PURE__ */ s({
   __name: "ScalarMenuButton",
   props: {
     open: { type: Boolean }
   },
-  setup(f) {
-    return (o, h) => (c(), l(e(m), { class: "gap-0.5 px-2" }, {
-      default: p(() => [
-        n("div", d, [
+  setup(g) {
+    return (o, C) => (l(), a(e(d), { class: "gap-0.75 px-2" }, {
+      default: c(() => [
+        t("div", f, [
           r(o.$slots, "logo", {}, () => [
-            t(e(s), { icon: "Logo" })
+            n(e(_), { icon: "Logo" })
           ])
         ]),
-        n("span", _, [
+        t("span", h, [
           r(o.$slots, "label", {}, () => [
-            i(u(o.open ? "Close Menu" : "Open Menu"), 1)
+            p(i(o.open ? "Close Menu" : "Open Menu"), 1)
           ])
         ]),
-        t(e(s), {
-          class: "shrink-0 text-c-3 group-hover/button:text-c-1",
-          icon: o.open ? "ChevronUp" : "ChevronDown",
-          size: "md"
-        }, null, 8, ["icon"])
+        n(e(u), {
+          class: m(["shrink-0 text-c-3 group-hover/button:text-c-1 size-3.5", o.open ? "rotate-180" : ""]),
+          weight: "bold"
+        }, null, 8, ["class"])
       ]),
       _: 3
     }));
   }
 });
 export {
-  B as default
+  k as default
 };

package/dist/components/ScalarMenu/ScalarMenuLink.vue.d.ts

@@ -2,7 +2,7 @@ import type { Component } from 'vue';
 import { type Icon } from '../ScalarIcon';
 type __VLS_Props = {
     is?: string | Component;
-    icon?: Icon;
+    icon?: Icon | Component;
     strong?: boolean;
 };
 declare function __VLS_template(): {

package/dist/components/ScalarMenu/ScalarMenuLink.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScalarMenuLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAGpC,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,eAAe,CAAA;AAIrD,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AASF,iBAAS,cAAc;WA0DT,OAAO,IAA6B;;yBARpB,GAAG;;;;EAahC;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,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":"ScalarMenuLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarMenu/ScalarMenuLink.vue"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAGpC,OAAO,EAAE,KAAK,IAAI,EAA2B,MAAM,eAAe,CAAA;AAIlE,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AASF,iBAAS,cAAc;WAgET,OAAO,IAA6B;;yBARpB,GAAG;;;;EAahC;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,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/ScalarMenu/ScalarMenuLink.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as r, createBlock as n, openBlock as o, unref as s, withCtx as a, createElementBlock as i, createElementVNode as l, normalizeClass as t, renderSlot as c } from "vue";
+import { defineComponent as r, createBlock as n, openBlock as o, unref as s, withCtx as i, createElementBlock as a, createElementVNode as l, normalizeClass as t, renderSlot as c } from "vue";
 import { DropdownMenu as m } from "radix-vue/namespaced";
 import f from "../ScalarDropdown/ScalarDropdownButton.vue.js";
-import p from "../ScalarIcon/ScalarIcon.vue.js";
+import p from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
 const d = {
   key: 1,
   class: "size-3"
-}, _ = /* @__PURE__ */ r({
+}, y = /* @__PURE__ */ r({
   __name: "ScalarMenuLink",
   props: {
     is: { default: () => m.Item },
@@ -13,18 +13,21 @@ const d = {
     strong: { type: Boolean }
   },
   setup(u) {
-    return (e, k) => (o(), n(s(f), {
+    return (e, g) => (o(), n(s(f), {
       is: e.is,
       as: "a"
     }, {
-      default: a(() => [
+      default: i(() => [
         e.icon ? (o(), n(s(p), {
           key: 0,
-          class: t(e.strong ? "text-c-1" : "text-c-2"),
+          class: t([
+            e.strong ? "text-c-1" : "text-c-2",
+            typeof e.icon == "string" ? "size-3" : "size-3.5 -mx-0.25"
+          ]),
           icon: e.icon,
-          size: "xs",
-          thickness: e.strong ? "2.5" : "2"
-        }, null, 8, ["class", "icon", "thickness"])) : (o(), i("div", d)),
+          thickness: e.strong ? "2.5" : "2",
+          weight: e.strong ? "bold" : "regular"
+        }, null, 8, ["class", "icon", "thickness", "weight"])) : (o(), a("div", d)),
         l("div", {
           class: t(["flex items-center flex-1", e.strong ? "font-medium" : "font-normal"])
         }, [
@@ -36,5 +39,5 @@ const d = {
   }
 });
 export {
-  _ as default
+  y as default
 };