@scalar/components 0.13.49 → 0.13.51

package/dist/components/ScalarToggle/ScalarToggle.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as u, openBlock as t, createElementBlock as l, normalizeClass as o, unref as n, createElementVNode as m, toDisplayString as p, createCommentVNode as b } from "vue";
-import { cva as f, cx as h } from "../../cva.js";
+import { cva as f, cx as h } from "@scalar/use-hooks/useBindCx";
 const V = ["aria-checked", "aria-disabled"], g = {
   key: 0,
   class: "sr-only"

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

@@ -13,6 +13,7 @@ declare const meta: {
             resize?: boolean;
             as?: string;
             disabled?: boolean;
+            textSize?: "xs" | "sm" | "base";
         }> & Readonly<{
             onClick?: (() => any) | undefined;
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -21,6 +22,7 @@ declare const meta: {
             disabled: boolean;
             align: "start" | "center" | "end";
             side: "top" | "right" | "bottom" | "left";
+            textSize: "xs" | "sm" | "base";
             skipDelay: number;
         }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -41,12 +43,14 @@ declare const meta: {
             resize?: boolean;
             as?: string;
             disabled?: boolean;
+            textSize?: "xs" | "sm" | "base";
         }> & Readonly<{
             onClick?: (() => any) | undefined;
         }>, {}, {}, {}, {}, {
             disabled: boolean;
             align: "start" | "center" | "end";
             side: "top" | "right" | "bottom" | "left";
+            textSize: "xs" | "sm" | "base";
             skipDelay: number;
         }>;
         __isFragment?: never;
@@ -64,6 +68,7 @@ declare const meta: {
         resize?: boolean;
         as?: string;
         disabled?: boolean;
+        textSize?: "xs" | "sm" | "base";
     }> & Readonly<{
         onClick?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -72,6 +77,7 @@ declare const meta: {
         disabled: boolean;
         align: "start" | "center" | "end";
         side: "top" | "right" | "bottom" | "left";
+        textSize: "xs" | "sm" | "base";
         skipDelay: number;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -111,6 +117,7 @@ declare const meta: {
             resize?: boolean;
             as?: string;
             disabled?: boolean;
+            textSize?: "xs" | "sm" | "base";
         }> & Readonly<{
             onClick?: (() => any) | undefined;
         }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -119,6 +126,7 @@ declare const meta: {
             disabled: boolean;
             align: "start" | "center" | "end";
             side: "top" | "right" | "bottom" | "left";
+            textSize: "xs" | "sm" | "base";
             skipDelay: number;
         }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
@@ -139,12 +147,14 @@ declare const meta: {
             resize?: boolean;
             as?: string;
             disabled?: boolean;
+            textSize?: "xs" | "sm" | "base";
         }> & Readonly<{
             onClick?: (() => any) | undefined;
         }>, {}, {}, {}, {}, {
             disabled: boolean;
             align: "start" | "center" | "end";
             side: "top" | "right" | "bottom" | "left";
+            textSize: "xs" | "sm" | "base";
             skipDelay: number;
         }>;
         __isFragment?: never;
@@ -162,6 +172,7 @@ declare const meta: {
         resize?: boolean;
         as?: string;
         disabled?: boolean;
+        textSize?: "xs" | "sm" | "base";
     }> & Readonly<{
         onClick?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -170,6 +181,7 @@ declare const meta: {
         disabled: boolean;
         align: "start" | "center" | "end";
         side: "top" | "right" | "bottom" | "left";
+        textSize: "xs" | "sm" | "base";
         skipDelay: number;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -191,6 +203,7 @@ declare const meta: {
                     resize?: boolean;
                     as?: string;
                     disabled?: boolean;
+                    textSize?: "xs" | "sm" | "base";
                 }> & Readonly<{
                     onClick?: (() => any) | undefined;
                 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -199,6 +212,7 @@ declare const meta: {
                     disabled: boolean;
                     align: "start" | "center" | "end";
                     side: "top" | "right" | "bottom" | "left";
+                    textSize: "xs" | "sm" | "base";
                     skipDelay: number;
                 }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
@@ -219,12 +233,14 @@ declare const meta: {
                     resize?: boolean;
                     as?: string;
                     disabled?: boolean;
+                    textSize?: "xs" | "sm" | "base";
                 }> & Readonly<{
                     onClick?: (() => any) | undefined;
                 }>, {}, {}, {}, {}, {
                     disabled: boolean;
                     align: "start" | "center" | "end";
                     side: "top" | "right" | "bottom" | "left";
+                    textSize: "xs" | "sm" | "base";
                     skipDelay: number;
                 }>;
                 __isFragment?: never;
@@ -242,6 +258,7 @@ declare const meta: {
                 resize?: boolean;
                 as?: string;
                 disabled?: boolean;
+                textSize?: "xs" | "sm" | "base";
             }> & Readonly<{
                 onClick?: (() => any) | undefined;
             }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -250,6 +267,7 @@ declare const meta: {
                 disabled: boolean;
                 align: "start" | "center" | "end";
                 side: "top" | "right" | "bottom" | "left";
+                textSize: "xs" | "sm" | "base";
                 skipDelay: number;
             }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {
@@ -327,6 +345,7 @@ declare const meta: {
                     resize?: boolean;
                     as?: string;
                     disabled?: boolean;
+                    textSize?: "xs" | "sm" | "base";
                 }> & Readonly<{
                     onClick?: (() => any) | undefined;
                 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -335,6 +354,7 @@ declare const meta: {
                     disabled: boolean;
                     align: "start" | "center" | "end";
                     side: "top" | "right" | "bottom" | "left";
+                    textSize: "xs" | "sm" | "base";
                     skipDelay: number;
                 }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
@@ -355,12 +375,14 @@ declare const meta: {
                     resize?: boolean;
                     as?: string;
                     disabled?: boolean;
+                    textSize?: "xs" | "sm" | "base";
                 }> & Readonly<{
                     onClick?: (() => any) | undefined;
                 }>, {}, {}, {}, {}, {
                     disabled: boolean;
                     align: "start" | "center" | "end";
                     side: "top" | "right" | "bottom" | "left";
+                    textSize: "xs" | "sm" | "base";
                     skipDelay: number;
                 }>;
                 __isFragment?: never;
@@ -378,6 +400,7 @@ declare const meta: {
                 resize?: boolean;
                 as?: string;
                 disabled?: boolean;
+                textSize?: "xs" | "sm" | "base";
             }> & Readonly<{
                 onClick?: (() => any) | undefined;
             }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -386,6 +409,7 @@ declare const meta: {
                 disabled: boolean;
                 align: "start" | "center" | "end";
                 side: "top" | "right" | "bottom" | "left";
+                textSize: "xs" | "sm" | "base";
                 skipDelay: number;
             }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarTooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/ScalarTooltip.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0C4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA"}
+{"version":3,"file":"ScalarTooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/ScalarTooltip.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0C4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA"}

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

@@ -10,6 +10,7 @@ type __VLS_Props = {
     resize?: boolean;
     as?: string;
     disabled?: boolean;
+    textSize?: 'xs' | 'sm' | 'base';
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -29,6 +30,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     disabled: boolean;
     align: "start" | "center" | "end";
     side: "top" | "right" | "bottom" | "left";
+    textSize: "xs" | "sm" | "base";
     skipDelay: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -1 +1 @@
-{"version":3,"file":"ScalarTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/ScalarTooltip.vue"],"names":[],"mappings":"AA4EA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AA4BJ,iBAAS,cAAc;WAkGT,OAAO,IAA6B;;yBATpB,GAAG;yBACH,GAAG;;;;EAahC;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;cApJN,OAAO;WAPV,OAAO,GAAG,QAAQ,GAAG,KAAK;UAC3B,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;eAF9B,MAAM;6EAqKpB,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":"ScalarTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTooltip/ScalarTooltip.vue"],"names":[],"mappings":"AAqGA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,IAAI,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;CAChC,CAAC;AA8BJ,iBAAS,cAAc;WAgGT,OAAO,IAA6B;;yBATpB,GAAG;yBACH,GAAG;;;;EAahC;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;cAvJN,OAAO;WAPV,OAAO,GAAG,QAAQ,GAAG,KAAK;UAC3B,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM;cAO/B,IAAI,GAAG,IAAI,GAAG,MAAM;eATnB,MAAM;6EAwKpB,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/ScalarTooltip/ScalarTooltip.vue.js

@@ -1,7 +1,8 @@
-import { defineComponent as d, openBlock as o, createBlock as i, unref as t, withCtx as l, createVNode as s, normalizeClass as r, renderSlot as n, createCommentVNode as f } from "vue";
-import { TooltipProvider as p, TooltipRoot as u, TooltipTrigger as m, TooltipContent as g } from "radix-vue";
-import k from "../ScalarTeleport/ScalarTeleport.vue.js";
-const T = /* @__PURE__ */ d({
+import { defineComponent as f, openBlock as i, createBlock as o, unref as t, withCtx as s, createVNode as a, normalizeClass as r, renderSlot as n, createCommentVNode as p } from "vue";
+import { cva as u, cx as m } from "@scalar/use-hooks/useBindCx";
+import { TooltipProvider as x, TooltipRoot as y, TooltipTrigger as g, TooltipContent as k } from "radix-vue";
+import _ from "../ScalarTeleport/ScalarTeleport.vue.js";
+const T = /* @__PURE__ */ f({
   __name: "ScalarTooltip",
   props: {
     click: {},
@@ -14,39 +15,49 @@ const T = /* @__PURE__ */ d({
     triggerClass: {},
     resize: { type: Boolean },
     as: {},
-    disabled: { type: Boolean, default: !1 }
+    disabled: { type: Boolean, default: !1 },
+    textSize: { default: "xs" }
   },
   emits: ["click"],
   setup(c) {
-    const e = c;
-    return (a, y) => (o(), i(t(p), {
+    const d = u({
+      base: "scalar-app z-overlay",
+      variants: {
+        textSize: {
+          xs: "text-xs",
+          sm: "text-sm",
+          base: "text-base"
+        }
+      }
+    }), e = c;
+    return (l, C) => (i(), o(t(x), {
       delayDuration: e.delay,
       skipDelayDuration: e.skipDelay
     }, {
-      default: l(() => [
-        s(t(u), null, {
-          default: l(() => [
-            s(t(m), {
+      default: s(() => [
+        a(t(y), null, {
+          default: s(() => [
+            a(t(g), {
               as: e.as || "button",
               class: r(["flex items-center justify-center", [e.resize ? "w-full" : "", e.triggerClass]]),
               onClick: e.click
             }, {
-              default: l(() => [
-                n(a.$slots, "trigger")
+              default: s(() => [
+                n(l.$slots, "trigger")
               ]),
               _: 3
             }, 8, ["as", "class", "onClick"]),
-            s(t(k), null, {
-              default: l(() => [
-                e.disabled ? f("", !0) : (o(), i(t(g), {
+            a(t(_), null, {
+              default: s(() => [
+                e.disabled ? p("", !0) : (i(), o(t(k), {
                   key: 0,
                   align: e.align,
-                  class: r(["scalar-app z-context", e.class]),
+                  class: r(t(m)(t(d)({ textSize: e.textSize }), e.class)),
                   side: e.side,
                   sideOffset: e.sideOffset
                 }, {
-                  default: l(() => [
-                    n(a.$slots, "content")
+                  default: s(() => [
+                    n(l.$slots, "content")
                   ]),
                   _: 3
                 }, 8, ["align", "class", "side", "sideOffset"]))

package/dist/docs/icons/ScalarIcons.stories.d.ts

@@ -0,0 +1,63 @@
+import type { StoryObj } from '@storybook/vue3';
+import * as icons from '@scalar/icons';
+declare const meta: {
+    title: string;
+    tags: string[];
+    args: {
+        icon: string;
+    };
+    argTypes: {
+        icon: {
+            control: "select";
+            options: string[];
+            description: string;
+            table: {
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        weight: {
+            control: "select";
+            options: string[];
+            description: string;
+            table: {
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        class: {
+            control: "text";
+            description: string;
+            table: {
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    render: (args: import("@storybook/vue3").Args) => {
+        components: typeof icons;
+        setup(this: void): {
+            args: import("@storybook/vue3").Args;
+        };
+        template: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+//# sourceMappingURL=ScalarIcons.stories.d.ts.map

package/dist/docs/icons/ScalarIcons.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScalarIcons.stories.d.ts","sourceRoot":"","sources":["../../../src/docs/icons/ScalarIcons.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,KAAK,MAAM,eAAe,CAAA;AAEtC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4CM,CAAA;AAEhB,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,UAAU,EAAE,KAExB,CAAA"}

package/dist/docs/useBindCx/MockComponent.d.ts

@@ -0,0 +1,76 @@
+export declare const MockComponent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    cx: (...args: import("cva").CXOptions) => {
+        class: string;
+        [key: string]: any;
+    };
+    variants: (props?: ({
+        active?: boolean | 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;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    active: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=MockComponent.d.ts.map

package/dist/docs/useBindCx/MockComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MockComponent.d.ts","sourceRoot":"","sources":["../../../src/docs/useBindCx/MockComponent.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAUxB,CAAA"}

package/dist/{hooks → docs/useBindCx}/useBindCx.stories.d.ts

@@ -1,50 +1,46 @@
 import type { StoryObj } from '@storybook/vue3';
-/**
- * Provides a wrapper around the `cx` function that merges the
- * component's class attribute with the provided classes.
- *
- * This allows you to override tailwind classes from the parent component and `cx`
- * will intelligently merge them while passing through other attributes.
- *
- * ### Example
- *
- * Scroll down for a working playground which mounts `MockComponent`.
- *
- * ```html
- * <script setup>
- * import { useBindCx, cva } from '@scalar/components'
- *
- * defineProps<{ active?: boolean }>()
- *
- * // Important: disable inheritance of attributes
- * defineOptions({ inheritAttrs: false })
- *
- * const { cx } = useBindCx()
- *
- * const variants = cva({
- *   base: 'border rounded p-2 bg-b-1',
- *   variants: { active: { true: 'bg-b-2' } },
- * })
- * </script>
- * <template>
- *   <div v-bind="cx(variants({ active }))">MockComponent</div>
- * </template>
- * ```
- */
 declare const meta: {
+    title: string;
     tags: string[];
     argTypes: {
         active: {
             control: "boolean";
             description: string;
+            table: {
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
         };
         class: {
             control: "text";
             description: string;
+            table: {
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
         };
         attrs: {
             control: "object";
             description: string;
+            table: {
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
         };
     };
     render: (args: import("@storybook/vue3").Args) => {
@@ -426,5 +422,5 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const Base: Story;
+export declare const Playground: Story;
 //# sourceMappingURL=useBindCx.stories.d.ts.map

package/dist/{hooks → docs/useBindCx}/useBindCx.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBindCx.stories.d.ts","sourceRoot":"","sources":["../../src/hooks/useBindCx.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AA4BrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDM,CAAA;AAEhB,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAA"}
+{"version":3,"file":"useBindCx.stories.d.ts","sourceRoot":"","sources":["../../../src/docs/useBindCx/useBindCx.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AASrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4EM,CAAA;AAEhB,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,UAAU,EAAE,KAAU,CAAA"}

package/dist/index.d.ts

@@ -26,7 +26,6 @@ export * from './components/ScalarTextInput';
 export * from './components/ScalarToggle';
 export * from './components/ScalarTooltip';
 export * from './components/ScalarVirtualText';
-export * from './hooks/useBindCx.js';
-export * from './cva.js';
+export { useBindCx, cva, cx, compose, tw } from '@scalar/use-hooks/useBindCx';
 export * from './helpers';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAA;AAEhC,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oCAAoC,CAAA;AAClD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kCAAkC,CAAA;AAChD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAE9C,cAAc,mBAAmB,CAAA;AACjC,cAAc,OAAO,CAAA;AACrB,cAAc,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAA;AAEhC,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oCAAoC,CAAA;AAClD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kCAAkC,CAAA;AAChD,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAE9C,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,6BAA6B,CAAA;AAC7E,cAAc,WAAW,CAAA"}