@scalar/use-hooks 0.3.5 → 0.3.7

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @scalar/use-hooks
 
+## 0.3.7
+
+### Patch Changes
+
+- [#7977](https://github.com/scalar/scalar/pull/7977): chore(use-hooks): update tailwind merge to v3.4.0
+
+## 0.3.6
+
+### Patch Changes
+
+- [#7678](https://github.com/scalar/scalar/pull/7678): feat: added object stringification to useClipboard
+
 ## 0.3.5
 
 ### Patch Changes

package/dist/useBindCx/cva.d.ts

@@ -5,7 +5,7 @@
  * this is because it does not load in the tailwind config at runtime (perf reasons)
  * we must specify any custom classes if they are getting overwritten
  *
- * https://github.com/dcastil/tailwind-merge/blob/v2.0.0/docs/configuration.md#class-groups
+ * https://github.com/dcastil/tailwind-merge/blob/v3.4.0/docs/configuration.md#class-groups
  */
 declare const tw: (...classLists: import("tailwind-merge").ClassNameValue[]) => string;
 /**

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      '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"],
+  "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/v3.4.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/useClipboard/useClipboard.d.ts

@@ -3,6 +3,6 @@ import type { UseClipboardOptions } from './types.js';
  * A hook for interacting with the clipboard
  */
 export declare function useClipboard(opts?: UseClipboardOptions): {
-    copyToClipboard: (value: string) => Promise<void>;
+    copyToClipboard: (value: unknown) => Promise<void>;
 };
 //# sourceMappingURL=useClipboard.d.ts.map

package/dist/useClipboard/useClipboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useClipboard.d.ts","sourceRoot":"","sources":["../../src/useClipboard/useClipboard.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,GAAE,mBAAwB;6BAInB,MAAM;EAY7C"}
+{"version":3,"file":"useClipboard.d.ts","sourceRoot":"","sources":["../../src/useClipboard/useClipboard.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAalD;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,GAAE,mBAAwB;6BAInB,OAAO;EAa9C"}

package/dist/useClipboard/useClipboard.js

@@ -1,10 +1,20 @@
 import { useToasts } from "@scalar/use-toasts";
+const serializeValue = (value) => {
+  if (value === void 0) {
+    return "undefined";
+  }
+  if (typeof value === "string") {
+    return value;
+  }
+  return JSON.stringify(value);
+};
 function useClipboard(opts = {}) {
   const { notify = (m) => toast(m, "info") } = opts;
   const { toast } = useToasts();
   async function copyToClipboard(value) {
     try {
-      await navigator.clipboard.writeText(value);
+      const serialized = serializeValue(value);
+      await navigator.clipboard.writeText(serialized);
       notify("Copied to the clipboard");
     } catch (e) {
       const error = e;

package/dist/useClipboard/useClipboard.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/useClipboard/useClipboard.ts"],
-  "sourcesContent": ["import { useToasts } from '@scalar/use-toasts'\n\nimport type { UseClipboardOptions } from './types'\n\n/**\n * A hook for interacting with the clipboard\n */\nexport function useClipboard(opts: UseClipboardOptions = {}) {\n  const { notify = (m) => toast(m, 'info') } = opts\n  const { toast } = useToasts()\n\n  async function copyToClipboard(value: string) {\n    try {\n      await navigator.clipboard.writeText(value)\n      notify('Copied to the clipboard')\n    } catch (e) {\n      const error = e as Error\n      console.error(error.message)\n      notify('Failed to copy to clipboard')\n    }\n  }\n\n  return { copyToClipboard }\n}\n"],
-  "mappings": "AAAA,SAAS,iBAAiB;AAOnB,SAAS,aAAa,OAA4B,CAAC,GAAG;AAC3D,QAAM,EAAE,SAAS,CAAC,MAAM,MAAM,GAAG,MAAM,EAAE,IAAI;AAC7C,QAAM,EAAE,MAAM,IAAI,UAAU;AAE5B,iBAAe,gBAAgB,OAAe;AAC5C,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,KAAK;AACzC,aAAO,yBAAyB;AAAA,IAClC,SAAS,GAAG;AACV,YAAM,QAAQ;AACd,cAAQ,MAAM,MAAM,OAAO;AAC3B,aAAO,6BAA6B;AAAA,IACtC;AAAA,EACF;AAEA,SAAO,EAAE,gBAAgB;AAC3B;",
+  "sourcesContent": ["import { useToasts } from '@scalar/use-toasts'\n\nimport type { UseClipboardOptions } from './types'\n\n/** Safely serialize a value to a string */\nconst serializeValue = (value: unknown) => {\n  if (value === undefined) {\n    return 'undefined'\n  }\n  if (typeof value === 'string') {\n    return value\n  }\n  return JSON.stringify(value)\n}\n\n/**\n * A hook for interacting with the clipboard\n */\nexport function useClipboard(opts: UseClipboardOptions = {}) {\n  const { notify = (m) => toast(m, 'info') } = opts\n  const { toast } = useToasts()\n\n  async function copyToClipboard(value: unknown) {\n    try {\n      const serialized = serializeValue(value)\n      await navigator.clipboard.writeText(serialized)\n      notify('Copied to the clipboard')\n    } catch (e) {\n      const error = e as Error\n      console.error(error.message)\n      notify('Failed to copy to clipboard')\n    }\n  }\n\n  return { copyToClipboard }\n}\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;AAK1B,MAAM,iBAAiB,CAAC,UAAmB;AACzC,MAAI,UAAU,QAAW;AACvB,WAAO;AAAA,EACT;AACA,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA,EACT;AACA,SAAO,KAAK,UAAU,KAAK;AAC7B;AAKO,SAAS,aAAa,OAA4B,CAAC,GAAG;AAC3D,QAAM,EAAE,SAAS,CAAC,MAAM,MAAM,GAAG,MAAM,EAAE,IAAI;AAC7C,QAAM,EAAE,MAAM,IAAI,UAAU;AAE5B,iBAAe,gBAAgB,OAAgB;AAC7C,QAAI;AACF,YAAM,aAAa,eAAe,KAAK;AACvC,YAAM,UAAU,UAAU,UAAU,UAAU;AAC9C,aAAO,yBAAyB;AAAA,IAClC,SAAS,GAAG;AACV,YAAM,QAAQ;AACd,cAAQ,MAAM,MAAM,OAAO;AAC3B,aAAO,6BAA6B;AAAA,IACtC;AAAA,EACF;AAEA,SAAO,EAAE,gBAAgB;AAC3B;",
   "names": []
 }

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/use-hooks"
   },
-  "version": "0.3.5",
+  "version": "0.3.7",
   "engines": {
     "node": ">=20"
   },
@@ -44,15 +44,15 @@
   "dependencies": {
     "@vueuse/core": "13.9.0",
     "cva": "1.0.0-beta.2",
-    "tailwind-merge": "^2.5.5",
-    "vue": "^3.5.21",
-    "zod": "^4.1.11",
+    "tailwind-merge": "3.4.0",
+    "vue": "^3.5.26",
+    "zod": "^4.3.5",
     "@scalar/use-toasts": "0.9.1"
   },
   "devDependencies": {
     "@vue/test-utils": "2.4.6",
-    "jsdom": "26.1.0",
-    "vite": "7.1.11",
+    "jsdom": "27.4.0",
+    "vite": "^7.3.1",
     "@scalar/build-tooling": "0.4.1"
   },
   "scripts": {