@ucdjs-internal/shared-ui 0.1.5 → 0.1.6

package/dist/components/index.d.mts

@@ -0,0 +1,3 @@
+import { ShikiCode, ShikiCodeProps } from "./shiki-code.mjs";
+import { ThemeToggle, ThemeToggleFallback } from "./theme-toggle.mjs";
+export { ShikiCode, ShikiCodeProps, ThemeToggle, ThemeToggleFallback };

package/dist/components/index.mjs

@@ -0,0 +1,4 @@
+import { ShikiCode } from "./shiki-code.mjs";
+import { ThemeToggle, ThemeToggleFallback } from "./theme-toggle.mjs";
+
+export { ShikiCode, ThemeToggle, ThemeToggleFallback };

package/dist/components/shiki-code.d.mts

@@ -11,7 +11,7 @@ interface ShikiCodeProps {
    * The language to use for syntax highlighting
    * @default "typescript"
    */
-  language?: BundledLanguage;
+  language?: BundledLanguage | "ucd";
   /**
    * Additional CSS class names
    */

package/dist/components/shiki-code.mjs

@@ -1,3 +1,4 @@
+import ucd_tmLanguage_default from "../vscode/syntaxes/ucd.tmLanguage.mjs";
 import { use, useMemo } from "react";
 import { createJavaScriptRegexEngine } from "shiki";
 import { createCssVariablesTheme, createHighlighterCore } from "shiki/core";
@@ -12,7 +13,8 @@ const highlighterPromise = createHighlighterCore({
 	langs: [
 		import("shiki/langs/javascript.mjs"),
 		import("shiki/langs/typescript.mjs"),
-		import("shiki/langs/json.mjs")
+		import("shiki/langs/json.mjs"),
+		ucd_tmLanguage_default
 	],
 	engine: createJavaScriptRegexEngine()
 });

package/dist/components/theme-toggle.d.mts

@@ -2,5 +2,6 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/theme-toggle.d.ts
 declare function ThemeToggle(): react_jsx_runtime0.JSX.Element;
+declare function ThemeToggleFallback(): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { ThemeToggle };
+export { ThemeToggle, ThemeToggleFallback };

package/dist/components/theme-toggle.mjs

@@ -22,7 +22,10 @@ function ThemeToggle() {
 			size: "icon",
 			className: "h-7 w-7",
 			...props,
-			children: [/* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
+			children: [/* @__PURE__ */ jsx(Icon, {
+				className: "h-4 w-4",
+				suppressHydrationWarning: true
+			}), /* @__PURE__ */ jsx("span", {
 				className: "sr-only",
 				children: "Toggle theme"
 			})]
@@ -70,6 +73,24 @@ function ThemeToggle() {
 	} else t3 = $[8];
 	return t3;
 }
+function ThemeToggleFallback() {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "icon",
+			className: "h-7 w-7",
+			disabled: true,
+			children: /* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: "Toggle theme"
+			})
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+}
 
 //#endregion
-export { ThemeToggle };
+export { ThemeToggle, ThemeToggleFallback };

package/dist/hooks/index.d.mts

@@ -1,3 +1,4 @@
+import { useClipboard } from "./use-clipboard.mjs";
 import { useIsMobile } from "./use-mobile.mjs";
 import { ThemeMode, UseThemeReturn, useTheme } from "./use-theme.mjs";
-export { type ThemeMode, type UseThemeReturn, useIsMobile, useTheme };
+export { type ThemeMode, type UseThemeReturn, useClipboard, useIsMobile, useTheme };

package/dist/hooks/index.mjs

@@ -1,4 +1,5 @@
 import { useTheme } from "./use-theme.mjs";
+import { useClipboard } from "./use-clipboard.mjs";
 import { useIsMobile } from "./use-mobile.mjs";
 
-export { useIsMobile, useTheme };
+export { useClipboard, useIsMobile, useTheme };

package/dist/hooks/use-clipboard.d.mts

@@ -0,0 +1,28 @@
+//#region src/hooks/use-clipboard.d.ts
+interface UseClipboardOptions {
+  /**
+   * Time in ms after which the copied state will reset, `2000` by default
+   */
+  timeout?: number;
+}
+interface UseClipboardReturnValue {
+  /**
+   * Function to copy value to clipboard
+   */
+  copy: (value: unknown) => void;
+  /**
+   * Function to reset copied state and error
+   */
+  reset: () => void;
+  /**
+   * Error if copying failed
+   */
+  error: Error | null;
+  /**
+   * Boolean indicating if the value was copied successfully
+   */
+  copied: boolean;
+}
+declare function useClipboard(options?: UseClipboardOptions): UseClipboardReturnValue;
+//#endregion
+export { useClipboard };

package/dist/hooks/use-clipboard.mjs

@@ -0,0 +1,62 @@
+import { useState } from "react";
+import { c } from "react/compiler-runtime";
+
+//#region src/hooks/use-clipboard.ts
+function useClipboard(t0) {
+	const $ = c(12);
+	let t1;
+	if ($[0] !== t0) {
+		t1 = t0 === void 0 ? { timeout: 2e3 } : t0;
+		$[0] = t0;
+		$[1] = t1;
+	} else t1 = $[1];
+	const options = t1;
+	const [error, setError] = useState(null);
+	const [copied, setCopied] = useState(false);
+	const [copyTimeout, setCopyTimeout] = useState(null);
+	let t2;
+	if ($[2] !== copyTimeout || $[3] !== options) {
+		const handleCopyResult = (value) => {
+			window.clearTimeout(copyTimeout);
+			setCopyTimeout(window.setTimeout(() => setCopied(false), options.timeout));
+			setCopied(value);
+		};
+		t2 = (value_0) => {
+			if ("clipboard" in navigator) navigator.clipboard.writeText(value_0).then(() => handleCopyResult(true)).catch((err) => setError(err));
+			else setError(/* @__PURE__ */ new Error("useClipboard: navigator.clipboard is not supported"));
+		};
+		$[2] = copyTimeout;
+		$[3] = options;
+		$[4] = t2;
+	} else t2 = $[4];
+	const copy = t2;
+	let t3;
+	if ($[5] !== copyTimeout) {
+		t3 = () => {
+			setCopied(false);
+			setError(null);
+			window.clearTimeout(copyTimeout);
+		};
+		$[5] = copyTimeout;
+		$[6] = t3;
+	} else t3 = $[6];
+	const reset = t3;
+	let t4;
+	if ($[7] !== copied || $[8] !== copy || $[9] !== error || $[10] !== reset) {
+		t4 = {
+			copy,
+			reset,
+			error,
+			copied
+		};
+		$[7] = copied;
+		$[8] = copy;
+		$[9] = error;
+		$[10] = reset;
+		$[11] = t4;
+	} else t4 = $[11];
+	return t4;
+}
+
+//#endregion
+export { useClipboard };

package/dist/hooks/use-theme.mjs

@@ -21,7 +21,7 @@ function syncTheme(resolved) {
 }
 function useTheme() {
 	const $ = c(11);
-	const [theme, setThemeState] = useState(_temp);
+	const [theme, setTheme] = useState(_temp);
 	const [systemTheme, setSystemTheme] = useState(_temp2);
 	const resolvedTheme = theme === "system" ? systemTheme : theme;
 	let t0;
@@ -62,15 +62,15 @@ function useTheme() {
 	let t4;
 	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
 		t4 = (nextTheme) => {
-			setThemeState(nextTheme);
+			setTheme(nextTheme);
 		};
 		$[6] = t4;
 	} else t4 = $[6];
-	const setTheme = t4;
+	const setThemeCb = t4;
 	let t5;
 	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
 		t5 = () => {
-			setThemeState(_temp3);
+			setTheme(_temp3);
 		};
 		$[7] = t5;
 	} else t5 = $[7];
@@ -80,7 +80,7 @@ function useTheme() {
 		t6 = {
 			theme,
 			resolvedTheme,
-			setTheme,
+			setTheme: setThemeCb,
 			toggleTheme
 		};
 		$[8] = resolvedTheme;

package/dist/ui/alert-dialog.mjs

@@ -1,6 +1,5 @@
 import { cn } from "../lib/utils.mjs";
 import { Button } from "./button.mjs";
-import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";

package/dist/ui/avatar.mjs

@@ -1,5 +1,4 @@
 import { cn } from "../lib/utils.mjs";
-import "react";
 import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import { Avatar as Avatar$1 } from "@base-ui/react/avatar";

package/dist/ui/badge.d.mts

@@ -5,7 +5,7 @@ import * as class_variance_authority_types0 from "class-variance-authority/types
 
 //#region src/ui/badge.d.ts
 declare const badgeVariants: (props?: ({
-  variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+  variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function Badge({
   className,

package/dist/ui/breadcrumb.mjs

@@ -1,5 +1,4 @@
 import { cn } from "../lib/utils.mjs";
-import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import { ChevronRight, MoreHorizontal } from "lucide-react";

package/dist/ui/button.d.mts

@@ -5,7 +5,7 @@ import * as class_variance_authority_types0 from "class-variance-authority/types
 
 //#region src/ui/button.d.ts
 declare const buttonVariants: (props?: ({
-  variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+  variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
   size?: "xs" | "sm" | "icon-xs" | "icon-sm" | "default" | "lg" | "icon" | "icon-lg" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function Button({

package/dist/ui/card.mjs

@@ -1,5 +1,4 @@
 import { cn } from "../lib/utils.mjs";
-import "react";
 import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 

package/dist/ui/command.mjs

@@ -2,7 +2,6 @@ import { cn } from "../lib/utils.mjs";
 import { InputGroup, InputGroupAddon } from "./input-group.mjs";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "./dialog.mjs";
 import { pkg } from "../vendor/cmdk/index.mjs";
-import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import { CheckIcon, SearchIcon } from "lucide-react";

package/dist/ui/context-menu.mjs

@@ -1,5 +1,4 @@
 import { cn } from "../lib/utils.mjs";
-import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import { CheckIcon, ChevronRightIcon } from "lucide-react";

package/dist/ui/dialog.mjs

@@ -1,6 +1,5 @@
 import { cn } from "../lib/utils.mjs";
 import { Button } from "./button.mjs";
-import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import { XIcon } from "lucide-react";

package/dist/ui/dropdown-menu.mjs

@@ -1,5 +1,4 @@
 import { cn } from "../lib/utils.mjs";
-import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import { Check, ChevronRight } from "lucide-react";

package/dist/ui/field.d.mts

@@ -20,7 +20,7 @@ declare function FieldGroup({
   ...props
 }: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
 declare const fieldVariants: (props?: ({
-  orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+  orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function Field({
   className,

package/dist/ui/input-group.mjs

@@ -2,7 +2,6 @@ import { cn } from "../lib/utils.mjs";
 import { Button } from "./button.mjs";
 import { Input } from "./input.mjs";
 import { Textarea } from "./textarea.mjs";
-import "react";
 import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import { cva } from "class-variance-authority";

package/dist/ui/input.mjs

@@ -1,5 +1,4 @@
 import { cn } from "../lib/utils.mjs";
-import "react";
 import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import { Input as Input$1 } from "@base-ui/react/input";

package/dist/ui/label.mjs

@@ -1,5 +1,4 @@
 import { cn } from "../lib/utils.mjs";
-import "react";
 import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 

package/dist/ui/scroll-area.mjs

@@ -1,5 +1,4 @@
 import { cn } from "../lib/utils.mjs";
-import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";

package/dist/ui/select.mjs

@@ -1,5 +1,4 @@
 import { cn } from "../lib/utils.mjs";
-import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import { Check, ChevronDown, ChevronUp } from "lucide-react";

package/dist/ui/sheet.mjs

@@ -1,6 +1,5 @@
 import { cn } from "../lib/utils.mjs";
 import { Button } from "./button.mjs";
-import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import { X } from "lucide-react";

package/dist/ui/table.mjs

@@ -1,5 +1,4 @@
 import { cn } from "../lib/utils.mjs";
-import "react";
 import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 

package/dist/ui/textarea.mjs

@@ -1,5 +1,4 @@
 import { cn } from "../lib/utils.mjs";
-import "react";
 import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 

package/dist/vscode/syntaxes/ucd.tmLanguage.mjs

@@ -0,0 +1,43 @@
+//#region ../../vscode/syntaxes/ucd.tmLanguage.json
+var ucd_tmLanguage_default = {
+	$schema: "https://raw.githubusercontent.com/martinring/tmlanguage/master/tmlanguage.json",
+	name: "ucd",
+	displayName: "Unicode Character Database",
+	scopeName: "source.ucd",
+	patterns: [{ "include": "#comment" }, { "include": "#entry" }],
+	repository: {
+		"comment": {
+			"name": "comment.line.number-sign.ucd",
+			"match": "#.*$"
+		},
+		"entry": { "patterns": [
+			{ "include": "#range" },
+			{ "include": "#codepoint" },
+			{ "include": "#separator" },
+			{ "include": "#field" }
+		] },
+		"range": {
+			"name": "constant.numeric.range.ucd",
+			"match": "\\b([0-9A-Fa-f]{4,6})\\.\\.([0-9A-Fa-f]{4,6})\\b",
+			"captures": {
+				"1": { "name": "constant.numeric.codepoint.ucd" },
+				"2": { "name": "constant.numeric.codepoint.ucd" }
+			}
+		},
+		"codepoint": {
+			"name": "constant.numeric.codepoint.ucd",
+			"match": "^[0-9A-Fa-f]{4,6}\\b"
+		},
+		"separator": {
+			"name": "punctuation.separator.ucd",
+			"match": ";"
+		},
+		"field": {
+			"name": "string.unquoted.field.ucd",
+			"match": "[^;#\\n]+"
+		}
+	}
+};
+
+//#endregion
+export { ucd_tmLanguage_default as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ucdjs-internal/shared-ui",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "type": "module",
   "author": {
     "name": "Lucas Nørgård",
@@ -26,8 +26,7 @@
   },
   "exports": {
     ".": "./dist/index.mjs",
-    "./components/shiki-code": "./dist/components/shiki-code.mjs",
-    "./components/theme-toggle": "./dist/components/theme-toggle.mjs",
+    "./components": "./dist/components/index.mjs",
     "./hooks": "./dist/hooks/index.mjs",
     "./lib/theme-script": "./dist/lib/theme-script.mjs",
     "./lib/utils": "./dist/lib/utils.mjs",
@@ -73,26 +72,26 @@
     "@fontsource-variable/inter": "5.2.8",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
-    "lucide-react": "0.574.0",
+    "lucide-react": "0.575.0",
     "react": "19.2.4",
     "react-dom": "19.2.4",
-    "shiki": "3.22.0",
-    "tailwind-merge": "3.4.1",
-    "tailwindcss": "4.2.0",
+    "shiki": "3.23.0",
+    "tailwind-merge": "3.5.0",
+    "tailwindcss": "4.2.1",
     "tw-animate-css": "1.4.0",
     "zod": "4.3.6"
   },
   "devDependencies": {
     "@eslint-react/eslint-plugin": "2.13.0",
-    "@luxass/eslint-config": "7.2.0",
+    "@luxass/eslint-config": "7.2.1",
     "@rollup/plugin-babel": "6.1.0",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "babel-plugin-react-compiler": "1.0.0",
-    "eslint": "10.0.0",
-    "eslint-plugin-format": "1.4.0",
+    "eslint": "10.0.2",
+    "eslint-plugin-format": "2.0.1",
     "eslint-plugin-react-hooks": "7.0.1",
-    "eslint-plugin-react-refresh": "0.5.0",
+    "eslint-plugin-react-refresh": "0.5.2",
     "publint": "0.3.17",
     "tsdown": "0.20.3",
     "typescript": "5.9.3",