@scalar/use-hooks 0.2.1 → 0.2.3

package/dist/useBindCx/cva.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cva.d.ts","sourceRoot":"","sources":["../../src/useBindCx/cva.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,QAAA,MAAM,EAAE,sEAMN,CAAA;AAEF;;;;GAIG;AACH,QAAA,MAAQ,GAAG,qBAAE,EAAE,oBAAE,OAAO,uBAItB,CAAA;AAEF,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAA"}
+{"version":3,"file":"cva.d.ts","sourceRoot":"","sources":["../../src/useBindCx/cva.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,QAAA,MAAM,EAAE,sEAON,CAAA;AAEF;;;;GAIG;AACH,QAAA,MAAQ,GAAG,qBAAE,EAAE,oBAAE,OAAO,uBAItB,CAAA;AAEF,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAA"}

package/dist/useBindCx/cva.js

@@ -3,7 +3,8 @@ import { extendTailwindMerge } from "tailwind-merge";
 const tw = extendTailwindMerge({
   extend: {
     classGroups: {
-      "font-size": ["text-3xs", "text-xxs"]
+      "font-size": ["text-3xs", "text-xxs"],
+      "font-weight": ["font-sidebar", "font-sidebar-active"]
     }
   }
 });

package/dist/useBindCx/cva.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/useBindCx/cva.ts"],
-  "sourcesContent": ["import { defineConfig } from 'cva'\nimport { extendTailwindMerge } from 'tailwind-merge'\n\n/**\n * Tailwind Merge Config\n *\n * By default tailwind merge only knows about the default tailwind classes\n * this is because it does not load in the tailwind config at runtime (perf reasons)\n * we must specify any custom classes if they are getting overwritten\n *\n * https://github.com/dcastil/tailwind-merge/blob/v2.0.0/docs/configuration.md#class-groups\n */\nconst tw = extendTailwindMerge({\n  extend: {\n    classGroups: {\n      'font-size': ['text-3xs', 'text-xxs'],\n    },\n  },\n})\n\n/**\n * CVA Config\n *\n * https://beta.cva.style/api-reference/#defineconfig\n */\nconst { cva, cx, compose } = defineConfig({\n  hooks: {\n    onComplete: (className) => tw(className),\n  },\n})\n\nexport { cva, cx, compose, tw }\n"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B;AAWpC,MAAM,KAAK,oBAAoB;AAAA,EAC7B,QAAQ;AAAA,IACN,aAAa;AAAA,MACX,aAAa,CAAC,YAAY,UAAU;AAAA,IACtC;AAAA,EACF;AACF,CAAC;AAOD,MAAM,EAAE,KAAK,IAAI,QAAQ,IAAI,aAAa;AAAA,EACxC,OAAO;AAAA,IACL,YAAY,CAAC,cAAc,GAAG,SAAS;AAAA,EACzC;AACF,CAAC;",
+  "sourcesContent": ["import { defineConfig } from 'cva'\nimport { extendTailwindMerge } from 'tailwind-merge'\n\n/**\n * Tailwind Merge Config\n *\n * By default tailwind merge only knows about the default tailwind classes\n * this is because it does not load in the tailwind config at runtime (perf reasons)\n * we must specify any custom classes if they are getting overwritten\n *\n * https://github.com/dcastil/tailwind-merge/blob/v2.0.0/docs/configuration.md#class-groups\n */\nconst tw = extendTailwindMerge({\n  extend: {\n    classGroups: {\n      'font-size': ['text-3xs', 'text-xxs'],\n      'font-weight': ['font-sidebar', 'font-sidebar-active'],\n    },\n  },\n})\n\n/**\n * CVA Config\n *\n * https://beta.cva.style/api-reference/#defineconfig\n */\nconst { cva, cx, compose } = defineConfig({\n  hooks: {\n    onComplete: (className) => tw(className),\n  },\n})\n\nexport { cva, cx, compose, tw }\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B;AAWpC,MAAM,KAAK,oBAAoB;AAAA,EAC7B,QAAQ;AAAA,IACN,aAAa;AAAA,MACX,aAAa,CAAC,YAAY,UAAU;AAAA,MACpC,eAAe,CAAC,gBAAgB,qBAAqB;AAAA,IACvD;AAAA,EACF;AACF,CAAC;AAOD,MAAM,EAAE,KAAK,IAAI,QAAQ,IAAI,aAAa;AAAA,EACxC,OAAO;AAAA,IACL,YAAY,CAAC,cAAc,GAAG,SAAS;AAAA,EACzC;AACF,CAAC;",
   "names": []
 }

package/dist/useBreakpoints/constants.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Breakpoints for useBreakpoints hook
+ *
+ * Should match the tailwind breakpoints in \@scalar/themes
+ */
+export declare const screens: {
+    /** Mobile */
+    xs: string;
+    /** Large Mobile */
+    sm: string;
+    /** Tablet */
+    md: string;
+    /** Desktop */
+    lg: string;
+    /** Ultrawide and larger */
+    xl: string;
+    /** Custom breakpoint for zoomed in screens (should trigger at about 200% zoom) */
+    zoomed: string;
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/useBreakpoints/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/useBreakpoints/constants.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,OAAO;IAClB,aAAa;;IAEb,mBAAmB;;IAEnB,aAAa;;IAEb,cAAc;;IAEd,2BAA2B;;IAE3B,kFAAkF;;CAEnF,CAAA"}

package/dist/useBreakpoints/constants.js

@@ -0,0 +1,18 @@
+const screens = {
+  /** Mobile */
+  xs: "(min-width: 400px)",
+  /** Large Mobile */
+  sm: "(min-width: 600px)",
+  /** Tablet */
+  md: "(min-width: 800px)",
+  /** Desktop */
+  lg: "(min-width: 1000px)",
+  /** Ultrawide and larger */
+  xl: "(min-width: 1200px)",
+  /** Custom breakpoint for zoomed in screens (should trigger at about 200% zoom) */
+  zoomed: "(max-width: 720px) and (max-height: 480px)"
+};
+export {
+  screens
+};
+//# sourceMappingURL=constants.js.map

package/dist/useBreakpoints/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/useBreakpoints/constants.ts"],
+  "sourcesContent": ["/**\n * Breakpoints for useBreakpoints hook\n *\n * Should match the tailwind breakpoints in \\@scalar/themes\n */\nexport const screens = {\n  /** Mobile */\n  xs: '(min-width: 400px)',\n  /** Large Mobile */\n  sm: '(min-width: 600px)',\n  /** Tablet */\n  md: '(min-width: 800px)',\n  /** Desktop */\n  lg: '(min-width: 1000px)',\n  /** Ultrawide and larger */\n  xl: '(min-width: 1200px)',\n  /** Custom breakpoint for zoomed in screens (should trigger at about 200% zoom) */\n  zoomed: '(max-width: 720px) and (max-height: 480px)',\n}\n"],
+  "mappings": "AAKO,MAAM,UAAU;AAAA;AAAA,EAErB,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,QAAQ;AACV;",
+  "names": []
+}

package/dist/useBreakpoints/index.d.ts

@@ -1,2 +1,3 @@
-export * from './useBreakpoints.js';
+export { useBreakpoints } from './useBreakpoints.js';
+export { screens } from './constants.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/useBreakpoints/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useBreakpoints/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/useBreakpoints/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA"}

package/dist/useBreakpoints/index.js

@@ -1,2 +1,7 @@
-export * from "./useBreakpoints.js";
+import { useBreakpoints } from "./useBreakpoints.js";
+import { screens } from "./constants.js";
+export {
+  screens,
+  useBreakpoints
+};
 //# sourceMappingURL=index.js.map

package/dist/useBreakpoints/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/useBreakpoints/index.ts"],
-  "sourcesContent": ["export * from './useBreakpoints'\n"],
-  "mappings": "AAAA,cAAc;",
+  "sourcesContent": ["export { useBreakpoints } from './useBreakpoints'\nexport { screens } from './constants'\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;AAC/B,SAAS,eAAe;",
   "names": []
 }

package/dist/useBreakpoints/useBreakpoints.d.ts

@@ -12,9 +12,7 @@ export declare function useBreakpoints(): {
         md: string;
         lg: string;
         xl: string;
-        zoomed: {
-            raw: string;
-        };
+        zoomed: string;
     };
     /** Reactive media queries for each of the screen sizes */
     mediaQueries: Record<"xs" | "sm" | "md" | "lg" | "xl" | "zoomed", Ref<boolean, boolean>>;

package/dist/useBreakpoints/useBreakpoints.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoints.d.ts","sourceRoot":"","sources":["../../src/useBreakpoints/useBreakpoints.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,GAAG,EAAmB,MAAM,KAAK,CAAA;AAI/C;;;;GAIG;AACH,wBAAgB,cAAc;IAmB1B,6CAA6C;;;;;;;;;;;IAE7C,0DAA0D;;IAE1D,gDAAgD;;EAGnD"}
+{"version":3,"file":"useBreakpoints.d.ts","sourceRoot":"","sources":["../../src/useBreakpoints/useBreakpoints.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,GAAG,EAAmB,MAAM,KAAK,CAAA;AAI/C;;;;GAIG;AACH,wBAAgB,cAAc;IAc1B,6CAA6C;;;;;;;;;IAE7C,0DAA0D;;IAE1D,gDAAgD;;EAGnD"}

package/dist/useBreakpoints/useBreakpoints.js

@@ -1,13 +1,9 @@
-import preset from "@scalar/themes/tailwind";
+import { screens } from "./constants.js";
 import { useMediaQuery } from "@vueuse/core";
 import { computed, unref } from "vue";
 function useBreakpoints() {
-  const screens = preset.theme.screens;
   const mediaQueries = Object.fromEntries(
-    Object.entries(screens).map(([breakpoint, value]) => [
-      breakpoint,
-      useMediaQuery(typeof value === "string" ? `(min-width: ${value})` : value.raw)
-    ])
+    Object.entries(screens).map(([breakpoint, value]) => [breakpoint, useMediaQuery(value)])
   );
   const breakpoints = computed(
     () => Object.fromEntries(

package/dist/useBreakpoints/useBreakpoints.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/useBreakpoints/useBreakpoints.ts"],
-  "sourcesContent": ["import preset from '@scalar/themes/tailwind'\nimport { useMediaQuery } from '@vueuse/core'\nimport { type Ref, computed, unref } from 'vue'\n\ntype Screen = keyof typeof preset.theme.screens\n\n/**\n * Exposes Tailwind CSS breakpoints as reactive media queries\n *\n * **Warning:** This hook is not a replacement for Tailwind CSS breakpoints. Using breakpoints in Javascript can cause issues with Server Side Rendering (SSR) and the Tailwind CSS breakpoints should be used when possible.\n */\nexport function useBreakpoints() {\n  const screens = preset.theme.screens\n\n  const mediaQueries = Object.fromEntries(\n    Object.entries(screens).map(([breakpoint, value]) => [\n      breakpoint,\n      useMediaQuery(typeof value === 'string' ? `(min-width: ${value})` : value.raw),\n    ]),\n  ) as Record<Screen, Ref<boolean>>\n\n  // We make the breakpoints a computed object so that we can use them in templates as `breakpoints.x` instead of `breakpoints.x.value`\n  const breakpoints = computed(\n    () =>\n      Object.fromEntries(\n        Object.entries(mediaQueries).map(([breakpoint, queryRef]) => [breakpoint, unref(queryRef)]),\n      ) as Record<Screen, boolean>,\n  )\n\n  return {\n    /** The screen sizes defined in the preset */\n    screens,\n    /** Reactive media queries for each of the screen sizes */\n    mediaQueries,\n    /** The breakpoints as reactive media queries */\n    breakpoints,\n  }\n}\n"],
-  "mappings": "AAAA,OAAO,YAAY;AACnB,SAAS,qBAAqB;AAC9B,SAAmB,UAAU,aAAa;AASnC,SAAS,iBAAiB;AAC/B,QAAM,UAAU,OAAO,MAAM;AAE7B,QAAM,eAAe,OAAO;AAAA,IAC1B,OAAO,QAAQ,OAAO,EAAE,IAAI,CAAC,CAAC,YAAY,KAAK,MAAM;AAAA,MACnD;AAAA,MACA,cAAc,OAAO,UAAU,WAAW,eAAe,KAAK,MAAM,MAAM,GAAG;AAAA,IAC/E,CAAC;AAAA,EACH;AAGA,QAAM,cAAc;AAAA,IAClB,MACE,OAAO;AAAA,MACL,OAAO,QAAQ,YAAY,EAAE,IAAI,CAAC,CAAC,YAAY,QAAQ,MAAM,CAAC,YAAY,MAAM,QAAQ,CAAC,CAAC;AAAA,IAC5F;AAAA,EACJ;AAEA,SAAO;AAAA;AAAA,IAEL;AAAA;AAAA,IAEA;AAAA;AAAA,IAEA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { screens } from './constants'\nimport { useMediaQuery } from '@vueuse/core'\nimport { type Ref, computed, unref } from 'vue'\n\ntype Screen = keyof typeof screens\n\n/**\n * Exposes Tailwind CSS breakpoints as reactive media queries\n *\n * **Warning:** This hook is not a replacement for Tailwind CSS breakpoints. Using breakpoints in Javascript can cause issues with Server Side Rendering (SSR) and the Tailwind CSS breakpoints should be used when possible.\n */\nexport function useBreakpoints() {\n  const mediaQueries = Object.fromEntries(\n    Object.entries(screens).map(([breakpoint, value]) => [breakpoint, useMediaQuery(value)]),\n  ) as Record<Screen, Ref<boolean>>\n\n  // We make the breakpoints a computed object so that we can use them in templates as `breakpoints.x` instead of `breakpoints.x.value`\n  const breakpoints = computed(\n    () =>\n      Object.fromEntries(\n        Object.entries(mediaQueries).map(([breakpoint, queryRef]) => [breakpoint, unref(queryRef)]),\n      ) as Record<Screen, boolean>,\n  )\n\n  return {\n    /** The screen sizes defined in the preset */\n    screens,\n    /** Reactive media queries for each of the screen sizes */\n    mediaQueries,\n    /** The breakpoints as reactive media queries */\n    breakpoints,\n  }\n}\n"],
+  "mappings": "AAAA,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAC9B,SAAmB,UAAU,aAAa;AASnC,SAAS,iBAAiB;AAC/B,QAAM,eAAe,OAAO;AAAA,IAC1B,OAAO,QAAQ,OAAO,EAAE,IAAI,CAAC,CAAC,YAAY,KAAK,MAAM,CAAC,YAAY,cAAc,KAAK,CAAC,CAAC;AAAA,EACzF;AAGA,QAAM,cAAc;AAAA,IAClB,MACE,OAAO;AAAA,MACL,OAAO,QAAQ,YAAY,EAAE,IAAI,CAAC,CAAC,YAAY,QAAQ,MAAM,CAAC,YAAY,MAAM,QAAQ,CAAC,CAAC;AAAA,IAC5F;AAAA,EACJ;AAEA,SAAO;AAAA;AAAA,IAEL;AAAA;AAAA,IAEA;AAAA;AAAA,IAEA;AAAA,EACF;AACF;",
   "names": []
 }

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/use-hooks"
   },
-  "version": "0.2.1",
+  "version": "0.2.3",
   "engines": {
     "node": ">=20"
   },
@@ -54,7 +54,6 @@
     "tailwind-merge": "^2.5.5",
     "vue": "^3.5.12",
     "zod": "3.24.1",
-    "@scalar/themes": "0.12.1",
     "@scalar/use-toasts": "0.8.0"
   },
   "devDependencies": {
@@ -62,7 +61,7 @@
     "@vue/test-utils": "^2.4.1",
     "vite": "5.4.19",
     "zod-to-ts": "^1.2.0",
-    "@scalar/build-tooling": "0.2.0"
+    "@scalar/build-tooling": "0.2.3"
   },
   "scripts": {
     "build": "scalar-build-esbuild",

package/dist/useBindCx/cva.test.js

@@ -1,92 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { cva, cx } from "./cva.js";
-describe("cx utility", () => {
-  it("should merge classnames correctly", () => {
-    expect(cx("foo", "bar")).toBe("foo bar");
-    expect(cx("foo", void 0, "bar")).toBe("foo bar");
-    expect(cx("foo", null, "bar")).toBe("foo bar");
-    expect(cx("foo", false, "bar")).toBe("foo bar");
-    expect(cx("foo", "bar")).toBe("foo bar");
-    expect(cx("foo", false)).toBe("foo");
-  });
-  it("should de-dupe classses", () => {
-    expect(cx("mt-1", "mt-2")).toBe("mt-2");
-    expect(cx("bg-b-1 bg-b-1 bg-b-2 bg-b-1")).toBe("bg-b-1");
-    expect(cx("text-xxs text-3xs")).toBe("text-3xs");
-  });
-  it("should handle conditional classes", () => {
-    const isActive = true;
-    const isDisabled = false;
-    expect(cx("base", isActive && "active", isDisabled && "disabled")).toBe("base active");
-  });
-  it("should handle tailwind conflicts", () => {
-    expect(cx("p-4 px-6", "px-2")).toBe("p-4 px-2");
-    expect(cx("text-blue text-xl", "text-red")).toBe("text-xl text-red");
-  });
-  it("should handle arrays of classes", () => {
-    expect(cx(["foo", "bar"], "baz")).toBe("foo bar baz");
-    expect(cx(["foo", null, void 0], ["bar", false])).toBe("foo bar");
-  });
-});
-describe("cva utility", () => {
-  it("should create variant classes correctly", () => {
-    const button = cva({
-      base: "px-4 py-2 rounded",
-      variants: {
-        intent: {
-          primary: "bg-blue text-white",
-          secondary: "bg-gray text-black"
-        },
-        size: {
-          sm: "text-sm",
-          lg: "text-lg"
-        }
-      },
-      defaultVariants: {
-        intent: "primary",
-        size: "sm"
-      }
-    });
-    expect(button()).toBe("px-4 py-2 rounded bg-blue text-white text-sm");
-    expect(button({ intent: "secondary" })).toBe("px-4 py-2 rounded bg-gray text-black text-sm");
-    expect(button({ size: "lg" })).toBe("px-4 py-2 rounded bg-blue text-white text-lg");
-  });
-  it("should handle compound variants", () => {
-    const button = cva({
-      base: "base-style",
-      variants: {
-        intent: {
-          primary: "primary-style",
-          secondary: "secondary-style"
-        },
-        size: {
-          small: "small-style",
-          large: "large-style"
-        }
-      },
-      compoundVariants: [
-        {
-          intent: "primary",
-          size: "small",
-          class: "primary-small-style"
-        }
-      ]
-    });
-    expect(button({ intent: "primary", size: "small" })).toBe(
-      "base-style primary-style small-style primary-small-style"
-    );
-  });
-  it("should handle undefined variant values", () => {
-    const button = cva({
-      base: "base-style",
-      variants: {
-        intent: {
-          primary: "primary-style",
-          secondary: "secondary-style"
-        }
-      }
-    });
-    expect(button({ intent: void 0 })).toBe("base-style");
-  });
-});
-//# sourceMappingURL=cva.test.js.map

package/dist/useBindCx/cva.test.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/useBindCx/cva.test.ts"],
-  "sourcesContent": ["import { describe, expect, it } from 'vitest'\n\nimport { cva, cx } from './cva'\n\ndescribe('cx utility', () => {\n  it('should merge classnames correctly', () => {\n    expect(cx('foo', 'bar')).toBe('foo bar')\n    expect(cx('foo', undefined, 'bar')).toBe('foo bar')\n    expect(cx('foo', null, 'bar')).toBe('foo bar')\n    expect(cx('foo', false, 'bar')).toBe('foo bar')\n    expect(cx('foo', true && 'bar')).toBe('foo bar')\n    expect(cx('foo', false && 'bar')).toBe('foo')\n  })\n\n  it('should de-dupe classses', () => {\n    expect(cx('mt-1', 'mt-2')).toBe('mt-2')\n    expect(cx('bg-b-1 bg-b-1 bg-b-2 bg-b-1')).toBe('bg-b-1')\n    expect(cx('text-xxs text-3xs')).toBe('text-3xs')\n  })\n\n  it('should handle conditional classes', () => {\n    const isActive = true\n    const isDisabled = false\n    expect(cx('base', isActive && 'active', isDisabled && 'disabled')).toBe('base active')\n  })\n\n  it('should handle tailwind conflicts', () => {\n    expect(cx('p-4 px-6', 'px-2')).toBe('p-4 px-2')\n    expect(cx('text-blue text-xl', 'text-red')).toBe('text-xl text-red')\n  })\n\n  it('should handle arrays of classes', () => {\n    expect(cx(['foo', 'bar'], 'baz')).toBe('foo bar baz')\n    expect(cx(['foo', null, undefined], ['bar', false])).toBe('foo bar')\n  })\n})\n\ndescribe('cva utility', () => {\n  it('should create variant classes correctly', () => {\n    const button = cva({\n      base: 'px-4 py-2 rounded',\n      variants: {\n        intent: {\n          primary: 'bg-blue text-white',\n          secondary: 'bg-gray text-black',\n        },\n        size: {\n          sm: 'text-sm',\n          lg: 'text-lg',\n        },\n      },\n      defaultVariants: {\n        intent: 'primary',\n        size: 'sm',\n      },\n    })\n\n    expect(button()).toBe('px-4 py-2 rounded bg-blue text-white text-sm')\n    expect(button({ intent: 'secondary' })).toBe('px-4 py-2 rounded bg-gray text-black text-sm')\n    expect(button({ size: 'lg' })).toBe('px-4 py-2 rounded bg-blue text-white text-lg')\n  })\n\n  it('should handle compound variants', () => {\n    const button = cva({\n      base: 'base-style',\n      variants: {\n        intent: {\n          primary: 'primary-style',\n          secondary: 'secondary-style',\n        },\n        size: {\n          small: 'small-style',\n          large: 'large-style',\n        },\n      },\n      compoundVariants: [\n        {\n          intent: 'primary',\n          size: 'small',\n          class: 'primary-small-style',\n        },\n      ],\n    })\n\n    expect(button({ intent: 'primary', size: 'small' })).toBe(\n      'base-style primary-style small-style primary-small-style',\n    )\n  })\n\n  it('should handle undefined variant values', () => {\n    const button = cva({\n      base: 'base-style',\n      variants: {\n        intent: {\n          primary: 'primary-style',\n          secondary: 'secondary-style',\n        },\n      },\n    })\n\n    expect(button({ intent: undefined })).toBe('base-style')\n  })\n})\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/useBindCx/useBindCx.test.js

@@ -1,173 +0,0 @@
-import { mount } from "@vue/test-utils";
-import { describe, expect, it } from "vitest";
-import { defineComponent } from "vue";
-import { cva } from "./cva.js";
-import { useBindCx } from "./useBindCx.js";
-describe("useBindCx", () => {
-  const variants = cva({
-    base: "bg-base",
-    variants: {
-      active: { true: "bg-active" }
-    }
-  });
-  const TestComponent = defineComponent({
-    props: {
-      active: Boolean
-    },
-    inheritAttrs: false,
-    setup() {
-      const { cx } = useBindCx();
-      return { cx, variants };
-    },
-    template: '<div v-bind="cx(variants({ active }))">Test</div>'
-  });
-  it("should merge base classes correctly", () => {
-    const wrapper = mount(TestComponent);
-    expect(wrapper.attributes("class")).toBe("bg-base");
-  });
-  it("should apply variant tailwind classes", () => {
-    const wrapper = mount(TestComponent, {
-      props: { active: true }
-    });
-    expect(wrapper.attributes("class")).toBe("bg-active");
-  });
-  it("should merge external classes with internal classes", () => {
-    const wrapper = mount(TestComponent, {
-      attrs: { class: "external-class" }
-    });
-    expect(wrapper.attributes("class")).toBe("bg-base external-class");
-  });
-  it("should be reactive to prop changes", async () => {
-    const wrapper = mount(TestComponent, {
-      props: { active: false },
-      attrs: { class: "external-class" }
-    });
-    expect(wrapper.attributes("class")).toBe("bg-base external-class");
-    await wrapper.setProps({ active: true });
-    expect(wrapper.attributes("class")).toBe("bg-active external-class");
-  });
-  it("should be reactive to attribute changes", async () => {
-    const WrapperComponent = defineComponent({
-      props: { c: { type: String, default: "" } },
-      components: { TestComponent },
-      template: '<TestComponent :class="c" />'
-    });
-    const wrapper = mount(WrapperComponent, {
-      props: { c: "external-class" }
-    });
-    expect(wrapper.attributes("class")).toBe("bg-base external-class");
-    await wrapper.setProps({ c: "updated-class" });
-    expect(wrapper.attributes("class")).toBe("bg-base updated-class");
-  });
-  it("should handle multiple class combinations", () => {
-    const wrapper = mount(TestComponent, {
-      props: { active: true },
-      attrs: { class: "external-class another-class" }
-    });
-    expect(wrapper.attributes("class")).toBe("bg-active external-class another-class");
-  });
-  it("should apply external tailwind classes", () => {
-    const wrapper = mount(TestComponent, {
-      attrs: { class: "bg-external" }
-    });
-    expect(wrapper.attributes("class")).toBe("bg-external");
-  });
-  it("should apply classes in arrays", () => {
-    const wrapper = mount(TestComponent, {
-      attrs: { class: ["external-class", "another-class"] }
-    });
-    expect(wrapper.attributes("class")).toBe("bg-base external-class another-class");
-  });
-  it("should apply classes in objects", () => {
-    const wrapper = mount(TestComponent, {
-      attrs: { class: { "truthy-class": true, "falsy-class": false } }
-    });
-    expect(wrapper.attributes("class")).toBe("bg-base truthy-class");
-  });
-  it("should pass through other attributes", () => {
-    const wrapper = mount(TestComponent, {
-      attrs: { "data-testid": "test", "aria-label": "test label" }
-    });
-    expect(wrapper.attributes("class")).toBe("bg-base");
-    expect(wrapper.attributes("data-testid")).toBe("test");
-    expect(wrapper.attributes("aria-label")).toBe("test label");
-  });
-  it("should merge classes with classCx without other attributes", () => {
-    const ClassCxComponent = defineComponent({
-      props: { active: Boolean },
-      inheritAttrs: false,
-      setup() {
-        const { classCx } = useBindCx();
-        return { classCx };
-      },
-      template: `<div v-bind="classCx('internal-class')">Test</div>`
-    });
-    const wrapper = mount(ClassCxComponent, {
-      props: { active: true },
-      attrs: { "data-testid": "test", class: "external-class" }
-    });
-    expect(wrapper.attributes("class")).toBe("internal-class external-class");
-    expect(wrapper.attributes("data-testid")).toBeUndefined();
-  });
-  it("should provide other attributes via otherAttrs", () => {
-    const OtherAttrsComponent = defineComponent({
-      inheritAttrs: false,
-      setup() {
-        const { otherAttrs } = useBindCx();
-        return { otherAttrs };
-      },
-      template: '<div v-bind="otherAttrs">Test</div>'
-    });
-    const wrapper = mount(OtherAttrsComponent, {
-      attrs: {
-        class: "should-not-appear",
-        "data-testid": "test",
-        "aria-label": "test label"
-      }
-    });
-    expect(wrapper.attributes("class")).toBeUndefined();
-    expect(wrapper.attributes("data-testid")).toBe("test");
-    expect(wrapper.attributes("aria-label")).toBe("test label");
-  });
-  it("should handle reactive attribute changes with classCx and otherAttrs", async () => {
-    const WrapperComponent = defineComponent({
-      props: {
-        className: { type: String, default: "" },
-        testId: { type: String, default: "" }
-      },
-      components: {
-        InnerComponent: defineComponent({
-          inheritAttrs: false,
-          setup() {
-            const { classCx, otherAttrs } = useBindCx();
-            return { classCx, otherAttrs, variants };
-          },
-          template: `
-            <div>
-              <div data-test="class" v-bind="classCx(variants({}))">Class</div>
-              <div data-test="attrs" v-bind="otherAttrs">Attrs</div>
-            </div>
-          `
-        })
-      },
-      template: '<InnerComponent :class="className" :data-testid="testId" />'
-    });
-    const wrapper = mount(WrapperComponent, {
-      props: {
-        className: "initial-class",
-        testId: "initial-id"
-      }
-    });
-    const classDiv = wrapper.find('[data-test="class"]');
-    const attrsDiv = wrapper.find('[data-test="attrs"]');
-    expect(classDiv.attributes("class")).toBe("bg-base initial-class");
-    expect(attrsDiv.attributes("data-testid")).toBe("initial-id");
-    await wrapper.setProps({
-      className: "updated-class",
-      testId: "updated-id"
-    });
-    expect(classDiv.attributes("class")).toBe("bg-base updated-class");
-    expect(attrsDiv.attributes("data-testid")).toBe("updated-id");
-  });
-});
-//# sourceMappingURL=useBindCx.test.js.map

package/dist/useBindCx/useBindCx.test.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/useBindCx/useBindCx.test.ts"],
-  "sourcesContent": ["import { mount } from '@vue/test-utils'\nimport { describe, expect, it } from 'vitest'\nimport { defineComponent } from 'vue'\n\nimport { cva } from './cva'\nimport { useBindCx } from './useBindCx'\n\ndescribe('useBindCx', () => {\n  const variants = cva({\n    base: 'bg-base',\n    variants: {\n      active: { true: 'bg-active' },\n    },\n  })\n\n  const TestComponent = defineComponent({\n    props: {\n      active: Boolean,\n    },\n    inheritAttrs: false,\n    setup() {\n      const { cx } = useBindCx()\n      return { cx, variants }\n    },\n    template: '<div v-bind=\"cx(variants({ active }))\">Test</div>',\n  })\n\n  it('should merge base classes correctly', () => {\n    const wrapper = mount(TestComponent)\n    expect(wrapper.attributes('class')).toBe('bg-base')\n  })\n\n  it('should apply variant tailwind classes', () => {\n    const wrapper = mount(TestComponent, {\n      props: { active: true },\n    })\n    expect(wrapper.attributes('class')).toBe('bg-active')\n  })\n\n  it('should merge external classes with internal classes', () => {\n    const wrapper = mount(TestComponent, {\n      attrs: { class: 'external-class' },\n    })\n    expect(wrapper.attributes('class')).toBe('bg-base external-class')\n  })\n\n  it('should be reactive to prop changes', async () => {\n    const wrapper = mount(TestComponent, {\n      props: { active: false },\n      attrs: { class: 'external-class' },\n    })\n    expect(wrapper.attributes('class')).toBe('bg-base external-class')\n\n    await wrapper.setProps({ active: true })\n    expect(wrapper.attributes('class')).toBe('bg-active external-class')\n  })\n\n  it('should be reactive to attribute changes', async () => {\n    const WrapperComponent = defineComponent({\n      props: { c: { type: String, default: '' } },\n      components: { TestComponent },\n      template: '<TestComponent :class=\"c\" />',\n    })\n\n    const wrapper = mount(WrapperComponent, {\n      props: { c: 'external-class' },\n    })\n    expect(wrapper.attributes('class')).toBe('bg-base external-class')\n\n    await wrapper.setProps({ c: 'updated-class' })\n    expect(wrapper.attributes('class')).toBe('bg-base updated-class')\n  })\n\n  it('should handle multiple class combinations', () => {\n    const wrapper = mount(TestComponent, {\n      props: { active: true },\n      attrs: { class: 'external-class another-class' },\n    })\n    expect(wrapper.attributes('class')).toBe('bg-active external-class another-class')\n  })\n\n  it('should apply external tailwind classes', () => {\n    const wrapper = mount(TestComponent, {\n      attrs: { class: 'bg-external' },\n    })\n    expect(wrapper.attributes('class')).toBe('bg-external')\n  })\n\n  it('should apply classes in arrays', () => {\n    const wrapper = mount(TestComponent, {\n      attrs: { class: ['external-class', 'another-class'] },\n    })\n    expect(wrapper.attributes('class')).toBe('bg-base external-class another-class')\n  })\n\n  it('should apply classes in objects', () => {\n    const wrapper = mount(TestComponent, {\n      attrs: { class: { 'truthy-class': true, 'falsy-class': false } },\n    })\n    expect(wrapper.attributes('class')).toBe('bg-base truthy-class')\n  })\n\n  it('should pass through other attributes', () => {\n    const wrapper = mount(TestComponent, {\n      attrs: { 'data-testid': 'test', 'aria-label': 'test label' },\n    })\n    expect(wrapper.attributes('class')).toBe('bg-base')\n    expect(wrapper.attributes('data-testid')).toBe('test')\n    expect(wrapper.attributes('aria-label')).toBe('test label')\n  })\n\n  it('should merge classes with classCx without other attributes', () => {\n    const ClassCxComponent = defineComponent({\n      props: { active: Boolean },\n      inheritAttrs: false,\n      setup() {\n        const { classCx } = useBindCx()\n        return { classCx }\n      },\n      template: '<div v-bind=\"classCx(\\'internal-class\\')\">Test</div>',\n    })\n\n    const wrapper = mount(ClassCxComponent, {\n      props: { active: true },\n      attrs: { 'data-testid': 'test', class: 'external-class' },\n    })\n\n    expect(wrapper.attributes('class')).toBe('internal-class external-class')\n    expect(wrapper.attributes('data-testid')).toBeUndefined()\n  })\n\n  it('should provide other attributes via otherAttrs', () => {\n    const OtherAttrsComponent = defineComponent({\n      inheritAttrs: false,\n      setup() {\n        const { otherAttrs } = useBindCx()\n        return { otherAttrs }\n      },\n      template: '<div v-bind=\"otherAttrs\">Test</div>',\n    })\n\n    const wrapper = mount(OtherAttrsComponent, {\n      attrs: {\n        class: 'should-not-appear',\n        'data-testid': 'test',\n        'aria-label': 'test label',\n      },\n    })\n\n    expect(wrapper.attributes('class')).toBeUndefined()\n    expect(wrapper.attributes('data-testid')).toBe('test')\n    expect(wrapper.attributes('aria-label')).toBe('test label')\n  })\n\n  it('should handle reactive attribute changes with classCx and otherAttrs', async () => {\n    const WrapperComponent = defineComponent({\n      props: {\n        className: { type: String, default: '' },\n        testId: { type: String, default: '' },\n      },\n      components: {\n        InnerComponent: defineComponent({\n          inheritAttrs: false,\n          setup() {\n            const { classCx, otherAttrs } = useBindCx()\n            return { classCx, otherAttrs, variants }\n          },\n          template: `\n            <div>\n              <div data-test=\"class\" v-bind=\"classCx(variants({}))\">Class</div>\n              <div data-test=\"attrs\" v-bind=\"otherAttrs\">Attrs</div>\n            </div>\n          `,\n        }),\n      },\n      template: '<InnerComponent :class=\"className\" :data-testid=\"testId\" />',\n    })\n\n    const wrapper = mount(WrapperComponent, {\n      props: {\n        className: 'initial-class',\n        testId: 'initial-id',\n      },\n    })\n\n    const classDiv = wrapper.find('[data-test=\"class\"]')\n    const attrsDiv = wrapper.find('[data-test=\"attrs\"]')\n\n    expect(classDiv.attributes('class')).toBe('bg-base initial-class')\n    expect(attrsDiv.attributes('data-testid')).toBe('initial-id')\n\n    await wrapper.setProps({\n      className: 'updated-class',\n      testId: 'updated-id',\n    })\n\n    expect(classDiv.attributes('class')).toBe('bg-base updated-class')\n    expect(attrsDiv.attributes('data-testid')).toBe('updated-id')\n  })\n})\n"],
-  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,UAAU,QAAQ,UAAU;AACrC,SAAS,uBAAuB;AAEhC,SAAS,WAAW;AACpB,SAAS,iBAAiB;AAE1B,SAAS,aAAa,MAAM;AAC1B,QAAM,WAAW,IAAI;AAAA,IACnB,MAAM;AAAA,IACN,UAAU;AAAA,MACR,QAAQ,EAAE,MAAM,YAAY;AAAA,IAC9B;AAAA,EACF,CAAC;AAED,QAAM,gBAAgB,gBAAgB;AAAA,IACpC,OAAO;AAAA,MACL,QAAQ;AAAA,IACV;AAAA,IACA,cAAc;AAAA,IACd,QAAQ;AACN,YAAM,EAAE,GAAG,IAAI,UAAU;AACzB,aAAO,EAAE,IAAI,SAAS;AAAA,IACxB;AAAA,IACA,UAAU;AAAA,EACZ,CAAC;AAED,KAAG,uCAAuC,MAAM;AAC9C,UAAM,UAAU,MAAM,aAAa;AACnC,WAAO,QAAQ,WAAW,OAAO,CAAC,EAAE,KAAK,SAAS;AAAA,EACpD,CAAC;AAED,KAAG,yCAAyC,MAAM;AAChD,UAAM,UAAU,MAAM,eAAe;AAAA,MACnC,OAAO,EAAE,QAAQ,KAAK;AAAA,IACxB,CAAC;AACD,WAAO,QAAQ,WAAW,OAAO,CAAC,EAAE,KAAK,WAAW;AAAA,EACtD,CAAC;AAED,KAAG,uDAAuD,MAAM;AAC9D,UAAM,UAAU,MAAM,eAAe;AAAA,MACnC,OAAO,EAAE,OAAO,iBAAiB;AAAA,IACnC,CAAC;AACD,WAAO,QAAQ,WAAW,OAAO,CAAC,EAAE,KAAK,wBAAwB;AAAA,EACnE,CAAC;AAED,KAAG,sCAAsC,YAAY;AACnD,UAAM,UAAU,MAAM,eAAe;AAAA,MACnC,OAAO,EAAE,QAAQ,MAAM;AAAA,MACvB,OAAO,EAAE,OAAO,iBAAiB;AAAA,IACnC,CAAC;AACD,WAAO,QAAQ,WAAW,OAAO,CAAC,EAAE,KAAK,wBAAwB;AAEjE,UAAM,QAAQ,SAAS,EAAE,QAAQ,KAAK,CAAC;AACvC,WAAO,QAAQ,WAAW,OAAO,CAAC,EAAE,KAAK,0BAA0B;AAAA,EACrE,CAAC;AAED,KAAG,2CAA2C,YAAY;AACxD,UAAM,mBAAmB,gBAAgB;AAAA,MACvC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,SAAS,GAAG,EAAE;AAAA,MAC1C,YAAY,EAAE,cAAc;AAAA,MAC5B,UAAU;AAAA,IACZ,CAAC;AAED,UAAM,UAAU,MAAM,kBAAkB;AAAA,MACtC,OAAO,EAAE,GAAG,iBAAiB;AAAA,IAC/B,CAAC;AACD,WAAO,QAAQ,WAAW,OAAO,CAAC,EAAE,KAAK,wBAAwB;AAEjE,UAAM,QAAQ,SAAS,EAAE,GAAG,gBAAgB,CAAC;AAC7C,WAAO,QAAQ,WAAW,OAAO,CAAC,EAAE,KAAK,uBAAuB;AAAA,EAClE,CAAC;AAED,KAAG,6CAA6C,MAAM;AACpD,UAAM,UAAU,MAAM,eAAe;AAAA,MACnC,OAAO,EAAE,QAAQ,KAAK;AAAA,MACtB,OAAO,EAAE,OAAO,+BAA+B;AAAA,IACjD,CAAC;AACD,WAAO,QAAQ,WAAW,OAAO,CAAC,EAAE,KAAK,wCAAwC;AAAA,EACnF,CAAC;AAED,KAAG,0CAA0C,MAAM;AACjD,UAAM,UAAU,MAAM,eAAe;AAAA,MACnC,OAAO,EAAE,OAAO,cAAc;AAAA,IAChC,CAAC;AACD,WAAO,QAAQ,WAAW,OAAO,CAAC,EAAE,KAAK,aAAa;AAAA,EACxD,CAAC;AAED,KAAG,kCAAkC,MAAM;AACzC,UAAM,UAAU,MAAM,eAAe;AAAA,MACnC,OAAO,EAAE,OAAO,CAAC,kBAAkB,eAAe,EAAE;AAAA,IACtD,CAAC;AACD,WAAO,QAAQ,WAAW,OAAO,CAAC,EAAE,KAAK,sCAAsC;AAAA,EACjF,CAAC;AAED,KAAG,mCAAmC,MAAM;AAC1C,UAAM,UAAU,MAAM,eAAe;AAAA,MACnC,OAAO,EAAE,OAAO,EAAE,gBAAgB,MAAM,eAAe,MAAM,EAAE;AAAA,IACjE,CAAC;AACD,WAAO,QAAQ,WAAW,OAAO,CAAC,EAAE,KAAK,sBAAsB;AAAA,EACjE,CAAC;AAED,KAAG,wCAAwC,MAAM;AAC/C,UAAM,UAAU,MAAM,eAAe;AAAA,MACnC,OAAO,EAAE,eAAe,QAAQ,cAAc,aAAa;AAAA,IAC7D,CAAC;AACD,WAAO,QAAQ,WAAW,OAAO,CAAC,EAAE,KAAK,SAAS;AAClD,WAAO,QAAQ,WAAW,aAAa,CAAC,EAAE,KAAK,MAAM;AACrD,WAAO,QAAQ,WAAW,YAAY,CAAC,EAAE,KAAK,YAAY;AAAA,EAC5D,CAAC;AAED,KAAG,8DAA8D,MAAM;AACrE,UAAM,mBAAmB,gBAAgB;AAAA,MACvC,OAAO,EAAE,QAAQ,QAAQ;AAAA,MACzB,cAAc;AAAA,MACd,QAAQ;AACN,cAAM,EAAE,QAAQ,IAAI,UAAU;AAC9B,eAAO,EAAE,QAAQ;AAAA,MACnB;AAAA,MACA,UAAU;AAAA,IACZ,CAAC;AAED,UAAM,UAAU,MAAM,kBAAkB;AAAA,MACtC,OAAO,EAAE,QAAQ,KAAK;AAAA,MACtB,OAAO,EAAE,eAAe,QAAQ,OAAO,iBAAiB;AAAA,IAC1D,CAAC;AAED,WAAO,QAAQ,WAAW,OAAO,CAAC,EAAE,KAAK,+BAA+B;AACxE,WAAO,QAAQ,WAAW,aAAa,CAAC,EAAE,cAAc;AAAA,EAC1D,CAAC;AAED,KAAG,kDAAkD,MAAM;AACzD,UAAM,sBAAsB,gBAAgB;AAAA,MAC1C,cAAc;AAAA,MACd,QAAQ;AACN,cAAM,EAAE,WAAW,IAAI,UAAU;AACjC,eAAO,EAAE,WAAW;AAAA,MACtB;AAAA,MACA,UAAU;AAAA,IACZ,CAAC;AAED,UAAM,UAAU,MAAM,qBAAqB;AAAA,MACzC,OAAO;AAAA,QACL,OAAO;AAAA,QACP,eAAe;AAAA,QACf,cAAc;AAAA,MAChB;AAAA,IACF,CAAC;AAED,WAAO,QAAQ,WAAW,OAAO,CAAC,EAAE,cAAc;AAClD,WAAO,QAAQ,WAAW,aAAa,CAAC,EAAE,KAAK,MAAM;AACrD,WAAO,QAAQ,WAAW,YAAY,CAAC,EAAE,KAAK,YAAY;AAAA,EAC5D,CAAC;AAED,KAAG,wEAAwE,YAAY;AACrF,UAAM,mBAAmB,gBAAgB;AAAA,MACvC,OAAO;AAAA,QACL,WAAW,EAAE,MAAM,QAAQ,SAAS,GAAG;AAAA,QACvC,QAAQ,EAAE,MAAM,QAAQ,SAAS,GAAG;AAAA,MACtC;AAAA,MACA,YAAY;AAAA,QACV,gBAAgB,gBAAgB;AAAA,UAC9B,cAAc;AAAA,UACd,QAAQ;AACN,kBAAM,EAAE,SAAS,WAAW,IAAI,UAAU;AAC1C,mBAAO,EAAE,SAAS,YAAY,SAAS;AAAA,UACzC;AAAA,UACA,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMZ,CAAC;AAAA,MACH;AAAA,MACA,UAAU;AAAA,IACZ,CAAC;AAED,UAAM,UAAU,MAAM,kBAAkB;AAAA,MACtC,OAAO;AAAA,QACL,WAAW;AAAA,QACX,QAAQ;AAAA,MACV;AAAA,IACF,CAAC;AAED,UAAM,WAAW,QAAQ,KAAK,qBAAqB;AACnD,UAAM,WAAW,QAAQ,KAAK,qBAAqB;AAEnD,WAAO,SAAS,WAAW,OAAO,CAAC,EAAE,KAAK,uBAAuB;AACjE,WAAO,SAAS,WAAW,aAAa,CAAC,EAAE,KAAK,YAAY;AAE5D,UAAM,QAAQ,SAAS;AAAA,MACrB,WAAW;AAAA,MACX,QAAQ;AAAA,IACV,CAAC;AAED,WAAO,SAAS,WAAW,OAAO,CAAC,EAAE,KAAK,uBAAuB;AACjE,WAAO,SAAS,WAAW,aAAa,CAAC,EAAE,KAAK,YAAY;AAAA,EAC9D,CAAC;AACH,CAAC;",
-  "names": []
-}

package/dist/useBreakpoints/useBreakpoints.test.js

@@ -1,49 +0,0 @@
-import preset from "@scalar/themes/tailwind";
-import { useMediaQuery } from "@vueuse/core";
-import { beforeEach, describe, expect, it, vi } from "vitest";
-import { ref } from "vue";
-import { useBreakpoints } from "./useBreakpoints.js";
-const screens = preset.theme.screens;
-vi.mock("@vueuse/core", () => ({
-  useMediaQuery: vi.fn()
-}));
-describe("useBreakpoints", () => {
-  beforeEach(() => {
-    vi.resetAllMocks();
-  });
-  it("should expose the screen sizes", () => {
-    const { screens: exposedScreens } = useBreakpoints();
-    expect(exposedScreens).toEqual(screens);
-  });
-  it("should expose media queries for a given screen size", () => {
-    vi.mocked(useMediaQuery).mockImplementation((query) => ref(query === `(min-width: ${screens.md})`));
-    const { mediaQueries } = useBreakpoints();
-    expect(mediaQueries.sm.value).toEqual(false);
-    expect(mediaQueries.md.value).toEqual(true);
-  });
-  it("should update breakpoints when the media query changes", () => {
-    const mdQuery = ref(false);
-    vi.mocked(useMediaQuery).mockImplementation(
-      (query) => query === `(min-width: ${screens.md})` ? mdQuery : ref(false)
-    );
-    const { breakpoints } = useBreakpoints();
-    expect(breakpoints.value.md).toEqual(false);
-    mdQuery.value = true;
-    expect(breakpoints.value.md).toEqual(true);
-  });
-  it("works in SSG environment without window", () => {
-    const originalWindow = global.window;
-    delete global.window;
-    vi.mocked(useMediaQuery).mockImplementation(() => ref(false));
-    const { screens: exposedScreens, mediaQueries, breakpoints } = useBreakpoints();
-    expect(exposedScreens).toEqual(screens);
-    Object.values(mediaQueries).forEach((query) => {
-      expect(query.value).toBe(false);
-    });
-    Object.values(breakpoints.value).forEach((value) => {
-      expect(value).toBe(false);
-    });
-    global.window = originalWindow;
-  });
-});
-//# sourceMappingURL=useBreakpoints.test.js.map

package/dist/useBreakpoints/useBreakpoints.test.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/useBreakpoints/useBreakpoints.test.ts"],
-  "sourcesContent": ["import preset from '@scalar/themes/tailwind'\nimport { useMediaQuery } from '@vueuse/core'\nimport { beforeEach, describe, expect, it, vi } from 'vitest'\nimport { ref } from 'vue'\n\nimport { useBreakpoints } from './useBreakpoints'\n\nconst screens = preset.theme.screens\n\nvi.mock('@vueuse/core', () => ({\n  useMediaQuery: vi.fn(),\n}))\n\ndescribe('useBreakpoints', () => {\n  beforeEach(() => {\n    vi.resetAllMocks()\n  })\n\n  it('should expose the screen sizes', () => {\n    const { screens: exposedScreens } = useBreakpoints()\n    expect(exposedScreens).toEqual(screens)\n  })\n\n  it('should expose media queries for a given screen size', () => {\n    vi.mocked(useMediaQuery).mockImplementation((query) => ref(query === `(min-width: ${screens.md})`))\n\n    const { mediaQueries } = useBreakpoints()\n    expect(mediaQueries.sm.value).toEqual(false)\n    expect(mediaQueries.md.value).toEqual(true)\n  })\n\n  it('should update breakpoints when the media query changes', () => {\n    const mdQuery = ref(false)\n    vi.mocked(useMediaQuery).mockImplementation((query) =>\n      query === `(min-width: ${screens.md})` ? mdQuery : ref(false),\n    )\n\n    const { breakpoints } = useBreakpoints()\n\n    expect(breakpoints.value.md).toEqual(false)\n\n    mdQuery.value = true\n\n    expect(breakpoints.value.md).toEqual(true)\n  })\n\n  it('works in SSG environment without window', () => {\n    const originalWindow = global.window\n\n    // Mock SSG environment by removing window\n    // @ts-expect-error\n    delete global.window\n\n    // Mock useMediaQuery to return false since there\u2019s no window\n    vi.mocked(useMediaQuery).mockImplementation(() => ref(false))\n\n    const { screens: exposedScreens, mediaQueries, breakpoints } = useBreakpoints()\n\n    // Screens should still be exposed since they\u2019re static\n    expect(exposedScreens).toEqual(screens)\n\n    // Media queries should all be false without window\n    Object.values(mediaQueries).forEach((query) => {\n      expect(query.value).toBe(false)\n    })\n\n    // Breakpoints should all be false without window\n    Object.values(breakpoints.value).forEach((value) => {\n      expect(value).toBe(false)\n    })\n\n    // Restore window\n    global.window = originalWindow\n  })\n})\n"],
-  "mappings": "AAAA,OAAO,YAAY;AACnB,SAAS,qBAAqB;AAC9B,SAAS,YAAY,UAAU,QAAQ,IAAI,UAAU;AACrD,SAAS,WAAW;AAEpB,SAAS,sBAAsB;AAE/B,MAAM,UAAU,OAAO,MAAM;AAE7B,GAAG,KAAK,gBAAgB,OAAO;AAAA,EAC7B,eAAe,GAAG,GAAG;AACvB,EAAE;AAEF,SAAS,kBAAkB,MAAM;AAC/B,aAAW,MAAM;AACf,OAAG,cAAc;AAAA,EACnB,CAAC;AAED,KAAG,kCAAkC,MAAM;AACzC,UAAM,EAAE,SAAS,eAAe,IAAI,eAAe;AACnD,WAAO,cAAc,EAAE,QAAQ,OAAO;AAAA,EACxC,CAAC;AAED,KAAG,uDAAuD,MAAM;AAC9D,OAAG,OAAO,aAAa,EAAE,mBAAmB,CAAC,UAAU,IAAI,UAAU,eAAe,QAAQ,EAAE,GAAG,CAAC;AAElG,UAAM,EAAE,aAAa,IAAI,eAAe;AACxC,WAAO,aAAa,GAAG,KAAK,EAAE,QAAQ,KAAK;AAC3C,WAAO,aAAa,GAAG,KAAK,EAAE,QAAQ,IAAI;AAAA,EAC5C,CAAC;AAED,KAAG,0DAA0D,MAAM;AACjE,UAAM,UAAU,IAAI,KAAK;AACzB,OAAG,OAAO,aAAa,EAAE;AAAA,MAAmB,CAAC,UAC3C,UAAU,eAAe,QAAQ,EAAE,MAAM,UAAU,IAAI,KAAK;AAAA,IAC9D;AAEA,UAAM,EAAE,YAAY,IAAI,eAAe;AAEvC,WAAO,YAAY,MAAM,EAAE,EAAE,QAAQ,KAAK;AAE1C,YAAQ,QAAQ;AAEhB,WAAO,YAAY,MAAM,EAAE,EAAE,QAAQ,IAAI;AAAA,EAC3C,CAAC;AAED,KAAG,2CAA2C,MAAM;AAClD,UAAM,iBAAiB,OAAO;AAI9B,WAAO,OAAO;AAGd,OAAG,OAAO,aAAa,EAAE,mBAAmB,MAAM,IAAI,KAAK,CAAC;AAE5D,UAAM,EAAE,SAAS,gBAAgB,cAAc,YAAY,IAAI,eAAe;AAG9E,WAAO,cAAc,EAAE,QAAQ,OAAO;AAGtC,WAAO,OAAO,YAAY,EAAE,QAAQ,CAAC,UAAU;AAC7C,aAAO,MAAM,KAAK,EAAE,KAAK,KAAK;AAAA,IAChC,CAAC;AAGD,WAAO,OAAO,YAAY,KAAK,EAAE,QAAQ,CAAC,UAAU;AAClD,aAAO,KAAK,EAAE,KAAK,KAAK;AAAA,IAC1B,CAAC;AAGD,WAAO,SAAS;AAAA,EAClB,CAAC;AACH,CAAC;",
-  "names": []
-}

package/dist/useClipboard/useClipboard.test.js

@@ -1,70 +0,0 @@
-import { useToasts } from "@scalar/use-toasts";
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import { useClipboard } from "./useClipboard.js";
-vi.mock("@scalar/use-toasts", () => ({
-  useToasts: vi.fn().mockReturnValue({
-    toast: vi.fn(),
-    initializeToasts: vi.fn()
-  })
-}));
-describe("useClipboard", () => {
-  beforeEach(() => {
-    Object.defineProperty(navigator, "clipboard", {
-      value: {
-        writeText: vi.fn().mockResolvedValue(void 0)
-      },
-      writable: true
-    });
-  });
-  afterEach(() => {
-    vi.clearAllMocks();
-    vi.unstubAllGlobals();
-  });
-  it("copies text to clipboard", async () => {
-    const { copyToClipboard } = useClipboard();
-    await copyToClipboard("test text");
-    expect(navigator.clipboard.writeText).toHaveBeenCalledWith("test text");
-  });
-  it("shows a toast notification when text is copied", async () => {
-    const mockToast = vi.fn();
-    vi.mocked(useToasts).mockReturnValue({
-      toast: mockToast,
-      initializeToasts: vi.fn()
-    });
-    const { copyToClipboard } = useClipboard();
-    await copyToClipboard("test text");
-    expect(mockToast).toHaveBeenCalledWith("Copied to the clipboard", "info");
-  });
-  it("calls custom notify function when provided", async () => {
-    const customNotify = vi.fn();
-    const { copyToClipboard } = useClipboard({ notify: customNotify });
-    await copyToClipboard("test text");
-    expect(navigator.clipboard.writeText).toHaveBeenCalledWith("test text");
-    expect(customNotify).toHaveBeenCalledWith("Copied to the clipboard");
-  });
-  it("handles clipboard errors gracefully", async () => {
-    const mockConsole = vi.fn();
-    vi.stubGlobal("console", { error: mockConsole });
-    Object.defineProperty(navigator, "clipboard", {
-      value: {
-        writeText: vi.fn().mockRejectedValue(new Error("Clipboard error"))
-      },
-      writable: true
-    });
-    const notify = vi.fn();
-    const { copyToClipboard } = useClipboard({ notify });
-    await copyToClipboard("test text");
-    expect(notify).toHaveBeenCalledWith("Failed to copy to clipboard");
-    expect(mockConsole).toHaveBeenCalledWith("Clipboard error");
-  });
-  it("works in SSG environment without navigator", async () => {
-    const originalNavigator = global.navigator;
-    delete global.navigator;
-    const notify = vi.fn();
-    const { copyToClipboard } = useClipboard({ notify });
-    await copyToClipboard("test text");
-    expect(notify).toHaveBeenCalledWith("Failed to copy to clipboard");
-    global.navigator = originalNavigator;
-  });
-});
-//# sourceMappingURL=useClipboard.test.js.map

package/dist/useClipboard/useClipboard.test.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/useClipboard/useClipboard.test.ts"],
-  "sourcesContent": ["import { useToasts } from '@scalar/use-toasts'\nimport { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'\n\nimport { useClipboard } from './useClipboard'\n\nvi.mock('@scalar/use-toasts', () => ({\n  useToasts: vi.fn().mockReturnValue({\n    toast: vi.fn(),\n    initializeToasts: vi.fn(),\n  }),\n}))\n\ndescribe('useClipboard', () => {\n  beforeEach(() => {\n    // Mock clipboard API\n    Object.defineProperty(navigator, 'clipboard', {\n      value: {\n        writeText: vi.fn().mockResolvedValue(undefined),\n      },\n      writable: true,\n    })\n  })\n\n  afterEach(() => {\n    vi.clearAllMocks()\n    vi.unstubAllGlobals()\n  })\n\n  it('copies text to clipboard', async () => {\n    const { copyToClipboard } = useClipboard()\n\n    await copyToClipboard('test text')\n\n    expect(navigator.clipboard.writeText).toHaveBeenCalledWith('test text')\n  })\n\n  it('shows a toast notification when text is copied', async () => {\n    const mockToast = vi.fn()\n    vi.mocked(useToasts).mockReturnValue({\n      toast: mockToast,\n      initializeToasts: vi.fn(),\n    })\n\n    const { copyToClipboard } = useClipboard()\n    await copyToClipboard('test text')\n\n    expect(mockToast).toHaveBeenCalledWith('Copied to the clipboard', 'info')\n  })\n\n  it('calls custom notify function when provided', async () => {\n    const customNotify = vi.fn()\n    const { copyToClipboard } = useClipboard({ notify: customNotify })\n\n    await copyToClipboard('test text')\n\n    expect(navigator.clipboard.writeText).toHaveBeenCalledWith('test text')\n    expect(customNotify).toHaveBeenCalledWith('Copied to the clipboard')\n  })\n\n  it('handles clipboard errors gracefully', async () => {\n    const mockConsole = vi.fn()\n    vi.stubGlobal('console', { error: mockConsole })\n\n    // Mock clipboard failure\n    Object.defineProperty(navigator, 'clipboard', {\n      value: {\n        writeText: vi.fn().mockRejectedValue(new Error('Clipboard error')),\n      },\n      writable: true,\n    })\n\n    const notify = vi.fn()\n    const { copyToClipboard } = useClipboard({ notify })\n\n    await copyToClipboard('test text')\n\n    expect(notify).toHaveBeenCalledWith('Failed to copy to clipboard')\n    expect(mockConsole).toHaveBeenCalledWith('Clipboard error')\n  })\n\n  it('works in SSG environment without navigator', async () => {\n    const originalNavigator = global.navigator\n\n    // Mock SSG environment by removing navigator\n    // @ts-expect-error\n    delete global.navigator\n\n    const notify = vi.fn()\n    const { copyToClipboard } = useClipboard({ notify })\n\n    await copyToClipboard('test text')\n\n    // Should show error notification since clipboard is not available\n    expect(notify).toHaveBeenCalledWith('Failed to copy to clipboard')\n\n    // Restore navigator\n    global.navigator = originalNavigator\n  })\n})\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAC1B,SAAS,WAAW,YAAY,UAAU,QAAQ,IAAI,UAAU;AAEhE,SAAS,oBAAoB;AAE7B,GAAG,KAAK,sBAAsB,OAAO;AAAA,EACnC,WAAW,GAAG,GAAG,EAAE,gBAAgB;AAAA,IACjC,OAAO,GAAG,GAAG;AAAA,IACb,kBAAkB,GAAG,GAAG;AAAA,EAC1B,CAAC;AACH,EAAE;AAEF,SAAS,gBAAgB,MAAM;AAC7B,aAAW,MAAM;AAEf,WAAO,eAAe,WAAW,aAAa;AAAA,MAC5C,OAAO;AAAA,QACL,WAAW,GAAG,GAAG,EAAE,kBAAkB,MAAS;AAAA,MAChD;AAAA,MACA,UAAU;AAAA,IACZ,CAAC;AAAA,EACH,CAAC;AAED,YAAU,MAAM;AACd,OAAG,cAAc;AACjB,OAAG,iBAAiB;AAAA,EACtB,CAAC;AAED,KAAG,4BAA4B,YAAY;AACzC,UAAM,EAAE,gBAAgB,IAAI,aAAa;AAEzC,UAAM,gBAAgB,WAAW;AAEjC,WAAO,UAAU,UAAU,SAAS,EAAE,qBAAqB,WAAW;AAAA,EACxE,CAAC;AAED,KAAG,kDAAkD,YAAY;AAC/D,UAAM,YAAY,GAAG,GAAG;AACxB,OAAG,OAAO,SAAS,EAAE,gBAAgB;AAAA,MACnC,OAAO;AAAA,MACP,kBAAkB,GAAG,GAAG;AAAA,IAC1B,CAAC;AAED,UAAM,EAAE,gBAAgB,IAAI,aAAa;AACzC,UAAM,gBAAgB,WAAW;AAEjC,WAAO,SAAS,EAAE,qBAAqB,2BAA2B,MAAM;AAAA,EAC1E,CAAC;AAED,KAAG,8CAA8C,YAAY;AAC3D,UAAM,eAAe,GAAG,GAAG;AAC3B,UAAM,EAAE,gBAAgB,IAAI,aAAa,EAAE,QAAQ,aAAa,CAAC;AAEjE,UAAM,gBAAgB,WAAW;AAEjC,WAAO,UAAU,UAAU,SAAS,EAAE,qBAAqB,WAAW;AACtE,WAAO,YAAY,EAAE,qBAAqB,yBAAyB;AAAA,EACrE,CAAC;AAED,KAAG,uCAAuC,YAAY;AACpD,UAAM,cAAc,GAAG,GAAG;AAC1B,OAAG,WAAW,WAAW,EAAE,OAAO,YAAY,CAAC;AAG/C,WAAO,eAAe,WAAW,aAAa;AAAA,MAC5C,OAAO;AAAA,QACL,WAAW,GAAG,GAAG,EAAE,kBAAkB,IAAI,MAAM,iBAAiB,CAAC;AAAA,MACnE;AAAA,MACA,UAAU;AAAA,IACZ,CAAC;AAED,UAAM,SAAS,GAAG,GAAG;AACrB,UAAM,EAAE,gBAAgB,IAAI,aAAa,EAAE,OAAO,CAAC;AAEnD,UAAM,gBAAgB,WAAW;AAEjC,WAAO,MAAM,EAAE,qBAAqB,6BAA6B;AACjE,WAAO,WAAW,EAAE,qBAAqB,iBAAiB;AAAA,EAC5D,CAAC;AAED,KAAG,8CAA8C,YAAY;AAC3D,UAAM,oBAAoB,OAAO;AAIjC,WAAO,OAAO;AAEd,UAAM,SAAS,GAAG,GAAG;AACrB,UAAM,EAAE,gBAAgB,IAAI,aAAa,EAAE,OAAO,CAAC;AAEnD,UAAM,gBAAgB,WAAW;AAGjC,WAAO,MAAM,EAAE,qBAAqB,6BAA6B;AAGjE,WAAO,YAAY;AAAA,EACrB,CAAC;AACH,CAAC;",
-  "names": []
-}

package/dist/useColorMode/useColorMode.test.js

@@ -1,171 +0,0 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import { nextTick } from "vue";
-import { useColorMode } from "./useColorMode.js";
-vi.mock("vue", async () => {
-  const actual = await vi.importActual("vue");
-  return { ...actual, onMounted: vi.fn((fn) => fn()), onUnmounted: vi.fn() };
-});
-const actualMatchMedia = window.matchMedia;
-describe("useColorMode", () => {
-  beforeEach(() => {
-    document.body.classList.remove("dark-mode", "light-mode");
-    localStorage.clear();
-  });
-  afterEach(() => {
-    vi.restoreAllMocks();
-    window.matchMedia = actualMatchMedia;
-  });
-  it("defaults to system mode preference", () => {
-    const { colorMode } = useColorMode();
-    expect(colorMode.value).toBe("system");
-  });
-  it.each(["light", "dark"])("respects localStorage value: %s", (mode) => {
-    localStorage.setItem("colorMode", mode);
-    const { colorMode } = useColorMode();
-    expect(colorMode.value).toBe(mode);
-  });
-  it("handles unknown localStorage values", () => {
-    localStorage.setItem("colorMode", "foobar");
-    expect(() => useColorMode()).not.toThrow();
-  });
-  it.each(["light", "dark"])("toggles between light and dark mode when system is %s", (mode) => {
-    window.matchMedia = vi.fn().mockImplementation((query) => ({
-      matches: query === `(prefers-color-scheme: ${mode})`,
-      addEventListener: vi.fn(),
-      removeEventListener: vi.fn()
-    }));
-    const { colorMode, darkLightMode, toggleColorMode } = useColorMode();
-    expect(colorMode.value).toBe("system");
-    expect(darkLightMode.value).toBe(mode);
-    toggleColorMode();
-    const inverted = mode === "light" ? "dark" : "light";
-    expect(colorMode.value).toBe(inverted);
-    expect(darkLightMode.value).toBe(inverted);
-    expect(localStorage.getItem("colorMode")).toBe(inverted);
-    toggleColorMode();
-    expect(colorMode.value).toBe(mode);
-    expect(darkLightMode.value).toBe(mode);
-    expect(localStorage.getItem("colorMode")).toBe(mode);
-  });
-  it("sets specific color mode", () => {
-    const { colorMode, darkLightMode, setColorMode } = useColorMode();
-    setColorMode("light");
-    expect(colorMode.value).toBe("light");
-    expect(darkLightMode.value).toBe("light");
-    expect(localStorage.getItem("colorMode")).toBe("light");
-    setColorMode("dark");
-    expect(colorMode.value).toBe("dark");
-    expect(darkLightMode.value).toBe("dark");
-    expect(localStorage.getItem("colorMode")).toBe("dark");
-  });
-  it("allows setting colorMode via the computed ref", () => {
-    const { colorMode } = useColorMode();
-    colorMode.value = "dark";
-    expect(colorMode.value).toBe("dark");
-    colorMode.value = "light";
-    expect(colorMode.value).toBe("light");
-  });
-  it.each(["light", "dark"])("isDarkMode is computed correctly when colorMode is %s", (mode) => {
-    const { isDarkMode, setColorMode } = useColorMode();
-    setColorMode(mode);
-    expect(isDarkMode.value).toBe(mode === "dark");
-  });
-  it("allows setting isDarkMode via the computed ref", () => {
-    const { isDarkMode } = useColorMode();
-    isDarkMode.value = true;
-    expect(isDarkMode.value).toBe(true);
-    isDarkMode.value = false;
-    expect(isDarkMode.value).toBe(false);
-  });
-  it.each(["light", "dark"])("detects system %s mode preference", (mode) => {
-    window.matchMedia = vi.fn().mockImplementation((query) => ({
-      matches: query === `(prefers-color-scheme: ${mode})`,
-      addEventListener: vi.fn(),
-      removeEventListener: vi.fn()
-    }));
-    const { getSystemModePreference, darkLightMode } = useColorMode();
-    expect(getSystemModePreference()).toBe(mode);
-    expect(darkLightMode.value).toBe(mode);
-  });
-  it("applies correct classes to body", async () => {
-    const { setColorMode } = useColorMode();
-    setColorMode("dark");
-    await nextTick();
-    expect(document.body.classList.contains("dark-mode")).toBe(true);
-    expect(document.body.classList.contains("light-mode")).toBe(false);
-    setColorMode("light");
-    await nextTick();
-    expect(document.body.classList.contains("light-mode")).toBe(true);
-    expect(document.body.classList.contains("dark-mode")).toBe(false);
-  });
-  it("listens to system preference changes", async () => {
-    let mediaQueryCallback = () => {
-    };
-    const mockMediaQuery = (matches) => ({
-      matches,
-      addEventListener: vi.fn((_, callback) => mediaQueryCallback = callback),
-      removeEventListener: vi.fn()
-    });
-    const mocked = mockMediaQuery(false);
-    window.matchMedia = vi.fn().mockReturnValue(mocked);
-    const { setColorMode } = useColorMode();
-    setColorMode("system");
-    expect(mocked.addEventListener).toHaveBeenCalledWith("change", expect.any(Function));
-    await nextTick();
-    expect(document.body.classList.contains("light-mode")).toBe(true);
-    expect(document.body.classList.contains("dark-mode")).toBe(false);
-    if (mediaQueryCallback) {
-      window.matchMedia = vi.fn().mockReturnValue(mockMediaQuery(true));
-      mediaQueryCallback();
-      await nextTick();
-      expect(document.body.classList.contains("light-mode")).toBe(false);
-      expect(document.body.classList.contains("dark-mode")).toBe(true);
-    }
-  });
-  it.each(["light", "dark", "system"])("respects initialColorMode option: %s", (initialColorMode) => {
-    const { colorMode } = useColorMode({ initialColorMode });
-    expect(colorMode.value).toBe(initialColorMode);
-  });
-  it("initialColorMode is overridden by localStorage value", () => {
-    localStorage.setItem("colorMode", "dark");
-    const { colorMode } = useColorMode({ initialColorMode: "light" });
-    expect(colorMode.value).toBe("dark");
-  });
-  it("respects overrideColorMode option", async () => {
-    const { setColorMode } = useColorMode({ overrideColorMode: "dark" });
-    setColorMode("light");
-    await nextTick();
-    expect(document.body.classList.contains("dark-mode")).toBe(true);
-    expect(document.body.classList.contains("light-mode")).toBe(false);
-    window.matchMedia = vi.fn().mockImplementation((query) => ({
-      matches: query === "(prefers-color-scheme: light)",
-      addEventListener: vi.fn(),
-      removeEventListener: vi.fn()
-    }));
-    setColorMode("system");
-    await nextTick();
-    expect(document.body.classList.contains("dark-mode")).toBe(true);
-    expect(document.body.classList.contains("light-mode")).toBe(false);
-  });
-  it("works in SSG environment without window/document", () => {
-    const originalWindow = global.window;
-    const originalDocument = global.document;
-    delete global.window;
-    delete global.document;
-    const { colorMode, darkLightMode, setColorMode, toggleColorMode } = useColorMode();
-    expect(colorMode.value).toBe("system");
-    expect(darkLightMode.value).toBe("light");
-    expect(() => setColorMode("dark")).not.toThrow();
-    expect(() => toggleColorMode()).not.toThrow();
-    global.window = originalWindow;
-    global.document = originalDocument;
-  });
-  it("handles missing matchMedia gracefully", () => {
-    const originalMatchMedia = window.matchMedia;
-    delete window.matchMedia;
-    const { darkLightMode } = useColorMode();
-    expect(darkLightMode.value).toBe("dark");
-    window.matchMedia = originalMatchMedia;
-  });
-});
-//# sourceMappingURL=useColorMode.test.js.map

package/dist/useColorMode/useColorMode.test.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/useColorMode/useColorMode.test.ts"],
-  "sourcesContent": ["import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'\nimport { nextTick } from 'vue'\n\nimport { useColorMode } from './useColorMode'\n\n// Mock only onMounted, keep real nextTick\nvi.mock('vue', async () => {\n  const actual = await vi.importActual('vue')\n  return { ...actual, onMounted: vi.fn((fn) => fn()), onUnmounted: vi.fn() }\n})\n\nconst actualMatchMedia = window.matchMedia\n\ndescribe('useColorMode', () => {\n  beforeEach(() => {\n    // Reset the DOM\n    document.body.classList.remove('dark-mode', 'light-mode')\n\n    // Clear localStorage\n    localStorage.clear()\n  })\n\n  afterEach(() => {\n    // Restore all mocks\n    vi.restoreAllMocks()\n\n    // Restore the original matchMedia\n    window.matchMedia = actualMatchMedia\n  })\n\n  it('defaults to system mode preference', () => {\n    const { colorMode } = useColorMode()\n    expect(colorMode.value).toBe('system')\n  })\n\n  it.each(['light', 'dark'] as const)('respects localStorage value: %s', (mode) => {\n    localStorage.setItem('colorMode', mode)\n    const { colorMode } = useColorMode()\n    expect(colorMode.value).toBe(mode)\n  })\n\n  it('handles unknown localStorage values', () => {\n    localStorage.setItem('colorMode', 'foobar')\n    expect(() => useColorMode()).not.toThrow()\n  })\n\n  it.each(['light', 'dark'] as const)('toggles between light and dark mode when system is %s', (mode) => {\n    // Mock the matchMedia to simulate system dark mode\n    window.matchMedia = vi.fn().mockImplementation((query) => ({\n      matches: query === `(prefers-color-scheme: ${mode})`,\n      addEventListener: vi.fn(),\n      removeEventListener: vi.fn(),\n    }))\n\n    const { colorMode, darkLightMode, toggleColorMode } = useColorMode()\n    expect(colorMode.value).toBe('system')\n    expect(darkLightMode.value).toBe(mode)\n\n    toggleColorMode()\n    const inverted = mode === 'light' ? 'dark' : 'light'\n    expect(colorMode.value).toBe(inverted)\n    expect(darkLightMode.value).toBe(inverted)\n    expect(localStorage.getItem('colorMode')).toBe(inverted)\n\n    toggleColorMode()\n    expect(colorMode.value).toBe(mode)\n    expect(darkLightMode.value).toBe(mode)\n    expect(localStorage.getItem('colorMode')).toBe(mode)\n  })\n\n  it('sets specific color mode', () => {\n    const { colorMode, darkLightMode, setColorMode } = useColorMode()\n\n    setColorMode('light')\n    expect(colorMode.value).toBe('light')\n    expect(darkLightMode.value).toBe('light')\n    expect(localStorage.getItem('colorMode')).toBe('light')\n\n    setColorMode('dark')\n    expect(colorMode.value).toBe('dark')\n    expect(darkLightMode.value).toBe('dark')\n    expect(localStorage.getItem('colorMode')).toBe('dark')\n  })\n\n  it('allows setting colorMode via the computed ref', () => {\n    const { colorMode } = useColorMode()\n\n    colorMode.value = 'dark'\n    expect(colorMode.value).toBe('dark')\n\n    colorMode.value = 'light'\n    expect(colorMode.value).toBe('light')\n  })\n\n  it.each(['light', 'dark'] as const)('isDarkMode is computed correctly when colorMode is %s', (mode) => {\n    const { isDarkMode, setColorMode } = useColorMode()\n\n    setColorMode(mode)\n    expect(isDarkMode.value).toBe(mode === 'dark')\n  })\n\n  it('allows setting isDarkMode via the computed ref', () => {\n    const { isDarkMode } = useColorMode()\n\n    isDarkMode.value = true\n    expect(isDarkMode.value).toBe(true)\n\n    isDarkMode.value = false\n    expect(isDarkMode.value).toBe(false)\n  })\n\n  it.each(['light', 'dark'] as const)('detects system %s mode preference', (mode) => {\n    window.matchMedia = vi.fn().mockImplementation((query) => ({\n      matches: query === `(prefers-color-scheme: ${mode})`,\n      addEventListener: vi.fn(),\n      removeEventListener: vi.fn(),\n    }))\n\n    const { getSystemModePreference, darkLightMode } = useColorMode()\n    expect(getSystemModePreference()).toBe(mode)\n    expect(darkLightMode.value).toBe(mode)\n  })\n\n  it('applies correct classes to body', async () => {\n    const { setColorMode } = useColorMode()\n\n    setColorMode('dark')\n    await nextTick()\n    expect(document.body.classList.contains('dark-mode')).toBe(true)\n    expect(document.body.classList.contains('light-mode')).toBe(false)\n\n    setColorMode('light')\n    await nextTick()\n    expect(document.body.classList.contains('light-mode')).toBe(true)\n    expect(document.body.classList.contains('dark-mode')).toBe(false)\n  })\n\n  it('listens to system preference changes', async () => {\n    let mediaQueryCallback: () => void = () => {}\n\n    const mockMediaQuery = (matches: boolean) => ({\n      matches,\n      addEventListener: vi.fn((_, callback) => (mediaQueryCallback = callback)),\n      removeEventListener: vi.fn(),\n    })\n\n    // Set the mock to return false for '(prefers-color-scheme: dark)'\n    const mocked = mockMediaQuery(false)\n    window.matchMedia = vi.fn().mockReturnValue(mocked)\n\n    const { setColorMode } = useColorMode()\n    setColorMode('system')\n\n    expect(mocked.addEventListener).toHaveBeenCalledWith('change', expect.any(Function))\n\n    await nextTick()\n\n    expect(document.body.classList.contains('light-mode')).toBe(true)\n    expect(document.body.classList.contains('dark-mode')).toBe(false)\n\n    // Simulate system preference change\n    if (mediaQueryCallback) {\n      window.matchMedia = vi.fn().mockReturnValue(mockMediaQuery(true))\n      mediaQueryCallback()\n      await nextTick()\n      expect(document.body.classList.contains('light-mode')).toBe(false)\n      expect(document.body.classList.contains('dark-mode')).toBe(true)\n    }\n  })\n\n  it.each(['light', 'dark', 'system'] as const)('respects initialColorMode option: %s', (initialColorMode) => {\n    const { colorMode } = useColorMode({ initialColorMode })\n    expect(colorMode.value).toBe(initialColorMode)\n  })\n\n  it('initialColorMode is overridden by localStorage value', () => {\n    localStorage.setItem('colorMode', 'dark')\n    const { colorMode } = useColorMode({ initialColorMode: 'light' })\n    expect(colorMode.value).toBe('dark')\n  })\n\n  it('respects overrideColorMode option', async () => {\n    const { setColorMode } = useColorMode({ overrideColorMode: 'dark' })\n\n    // Even when setting to light mode, it should stay dark due to override\n    setColorMode('light')\n    await nextTick()\n    expect(document.body.classList.contains('dark-mode')).toBe(true)\n    expect(document.body.classList.contains('light-mode')).toBe(false)\n\n    // Should stay dark even when system preference is light\n    window.matchMedia = vi.fn().mockImplementation((query) => ({\n      matches: query === '(prefers-color-scheme: light)',\n      addEventListener: vi.fn(),\n      removeEventListener: vi.fn(),\n    }))\n\n    setColorMode('system')\n    await nextTick()\n    expect(document.body.classList.contains('dark-mode')).toBe(true)\n    expect(document.body.classList.contains('light-mode')).toBe(false)\n  })\n\n  it('works in SSG environment without window/document', () => {\n    const originalWindow = global.window\n    const originalDocument = global.document\n\n    // Mock SSG environment by removing window/document\n    // @ts-expect-error\n    delete global.window\n    // @ts-expect-error\n    delete global.document\n\n    const { colorMode, darkLightMode, setColorMode, toggleColorMode } = useColorMode()\n\n    // Should default to light mode in SSG\n    expect(colorMode.value).toBe('system')\n    expect(darkLightMode.value).toBe('light')\n\n    // Methods should not throw without window/document\n    expect(() => setColorMode('dark')).not.toThrow()\n    expect(() => toggleColorMode()).not.toThrow()\n\n    // Restore window/document/localStorage\n    global.window = originalWindow\n    global.document = originalDocument\n  })\n\n  it('handles missing matchMedia gracefully', () => {\n    const originalMatchMedia = window.matchMedia\n    // @ts-expect-error - Intentionally removing matchMedia\n    delete window.matchMedia\n\n    const { darkLightMode } = useColorMode()\n    expect(darkLightMode.value).toBe('dark') // Should default to dark when matchMedia is unavailable\n\n    window.matchMedia = originalMatchMedia\n  })\n})\n"],
-  "mappings": "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",
-  "names": []
-}