@chan.run/design 0.2.1 → 0.3.0

package/README.md

@@ -34,11 +34,11 @@ import { ThemeProvider } from "next-themes";
 </ChakraProvider>
 ```
 
-Tokens live in the `chan.*` namespace (`chan.bg`, `chan.text`, `chan.orange`, …) — see [`src/theme.ts`](./src/theme.ts) and `lat.md/design-system.md` for the full taxonomy.
+Tokens live in the `chan.*` namespace (`chan.bg`, `chan.text`, `chan.orange`, …) — see [`src/theme.ts`](./src/theme.ts) and `docs/design-system.md` for the full taxonomy.
 
 ## Brand marks
 
-Two flavors: the **chan.run umbrella brand** (`CHAN[•]RUN`, dot accent) and **per-product marks** (`SEA[M]`, `ENTROP[Y]`, …, last-letter accent). Rules locked per `lat.md/brand-marks.md`.
+Two flavors: the **chan.run umbrella brand** (`CHAN[•]RUN`, dot accent) and **per-product marks** (`SEA[M]`, `ENTROP[Y]`, …, last-letter accent). Rules locked per `docs/brand-marks.md`.
 
 ### React components
 
@@ -158,7 +158,7 @@ See `products/seam/seam-extension/wxt.config.ts` for the working example.
 4. Run `pnpm gen-brand` to produce the `assets/` outputs.
 5. Run `pnpm typecheck && pnpm exec biome check .` to confirm.
 
-See `lat.md/brand-marks.md` for the full hard-rules reference.
+See `docs/brand-marks.md` for the full hard-rules reference.
 
 ## Repo layout
 

package/dist/index.d.mts

@@ -1,6 +1,4 @@
-import * as _$_chakra_ui_react0 from "@chakra-ui/react";
 import { FlexProps, TextProps } from "@chakra-ui/react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentType, ReactNode } from "react";
 
 //#region src/brand/Wordmark.d.ts
@@ -15,10 +13,10 @@ declare function Wordmark({
   color,
   pulseDot,
   ...rest
-}: WordmarkProps): _$react_jsx_runtime0.JSX.Element;
+}: WordmarkProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ColorModeButton.d.ts
-declare function ColorModeButton(props: FlexProps): _$react_jsx_runtime0.JSX.Element;
+declare function ColorModeButton(props: FlexProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/Splash.d.ts
 interface SplashProps {
@@ -42,7 +40,7 @@ declare function Splash({
   size,
   holdMs,
   revealMs
-}: SplashProps): _$react_jsx_runtime0.JSX.Element | null;
+}: SplashProps): import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 //#region src/components/slides/types.d.ts
 /** Supported slide layout templates */
@@ -112,7 +110,7 @@ declare function DeckCard({
   tags,
   slideCount,
   onClick
-}: DeckCardProps): _$react_jsx_runtime0.JSX.Element;
+}: DeckCardProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/slides/SlideComponents.d.ts
 type ComponentMap = Record<string, React.ComponentType<Record<string, unknown>>>;
@@ -135,13 +133,13 @@ declare function SlideControls({
   onSlideChange,
   onTogglePresent,
   isPresenting
-}: SlideControlsProps): _$react_jsx_runtime0.JSX.Element;
+}: SlideControlsProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/slides/SlideLayout.d.ts
 declare function SlideLayoutComponent({
   layout,
   children
-}: SlideProps): _$react_jsx_runtime0.JSX.Element;
+}: SlideProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/slides/SlideViewer.d.ts
 declare function SlideViewer({
@@ -150,7 +148,7 @@ declare function SlideViewer({
   onSlideChange,
   isPresenting,
   onTogglePresent
-}: SlideViewerProps): _$react_jsx_runtime0.JSX.Element | null;
+}: SlideViewerProps): import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 //#region src/components/Topbar.d.ts
 interface TopbarProps {
@@ -159,7 +157,7 @@ interface TopbarProps {
 }
 declare function Topbar({
   onMenuOpen
-}: TopbarProps): _$react_jsx_runtime0.JSX.Element;
+}: TopbarProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/favicons/index.d.ts
 interface MarkAssets {
@@ -181,15 +179,15 @@ declare const entropyFaviconAssets: MarkAssets;
 declare const restunnelFaviconAssets: MarkAssets;
 declare const seamFaviconAssets: MarkAssets;
 declare const slidesFaviconAssets: MarkAssets;
-declare function ChanFaviconHead(props?: FaviconHeadProps): _$react_jsx_runtime0.JSX.Element;
-declare function EnsureFaviconHead(props?: FaviconHeadProps): _$react_jsx_runtime0.JSX.Element;
-declare function EntropyFaviconHead(props?: FaviconHeadProps): _$react_jsx_runtime0.JSX.Element;
-declare function RestunnelFaviconHead(props?: FaviconHeadProps): _$react_jsx_runtime0.JSX.Element;
-declare function SeamFaviconHead(props?: FaviconHeadProps): _$react_jsx_runtime0.JSX.Element;
-declare function SlidesFaviconHead(props?: FaviconHeadProps): _$react_jsx_runtime0.JSX.Element;
+declare function ChanFaviconHead(props?: FaviconHeadProps): import("react/jsx-runtime").JSX.Element;
+declare function EnsureFaviconHead(props?: FaviconHeadProps): import("react/jsx-runtime").JSX.Element;
+declare function EntropyFaviconHead(props?: FaviconHeadProps): import("react/jsx-runtime").JSX.Element;
+declare function RestunnelFaviconHead(props?: FaviconHeadProps): import("react/jsx-runtime").JSX.Element;
+declare function SeamFaviconHead(props?: FaviconHeadProps): import("react/jsx-runtime").JSX.Element;
+declare function SlidesFaviconHead(props?: FaviconHeadProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/products/ensure/EnsureIcon.d.ts
-declare function EnsureIcon(): _$react_jsx_runtime0.JSX.Element;
+declare function EnsureIcon(): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/products/_internal.d.ts
 interface ProductWordmarkProps extends Omit<TextProps, "children"> {
@@ -203,44 +201,44 @@ interface ProductWordmarkProps extends Omit<TextProps, "children"> {
 //#endregion
 //#region src/products/ensure/EnsureWordmark.d.ts
 interface EnsureWordmarkProps extends Omit<ProductWordmarkProps, "prefix" | "terminal"> {}
-declare function EnsureWordmark(props: EnsureWordmarkProps): _$react_jsx_runtime0.JSX.Element;
+declare function EnsureWordmark(props: EnsureWordmarkProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/products/entropy/EntropyIcon.d.ts
-declare function EntropyIcon(): _$react_jsx_runtime0.JSX.Element;
+declare function EntropyIcon(): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/products/entropy/EntropyWordmark.d.ts
 interface EntropyWordmarkProps extends Omit<ProductWordmarkProps, "prefix" | "terminal"> {}
-declare function EntropyWordmark(props: EntropyWordmarkProps): _$react_jsx_runtime0.JSX.Element;
+declare function EntropyWordmark(props: EntropyWordmarkProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/products/restunnel/RestunnelIcon.d.ts
-declare function RestunnelIcon(): _$react_jsx_runtime0.JSX.Element;
+declare function RestunnelIcon(): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/products/restunnel/RestunnelWordmark.d.ts
 interface RestunnelWordmarkProps extends Omit<ProductWordmarkProps, "prefix" | "terminal"> {}
-declare function RestunnelWordmark(props: RestunnelWordmarkProps): _$react_jsx_runtime0.JSX.Element;
+declare function RestunnelWordmark(props: RestunnelWordmarkProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/products/seam/SeamIcon.d.ts
-declare function SeamIcon(): _$react_jsx_runtime0.JSX.Element;
+declare function SeamIcon(): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/products/seam/SeamWordmark.d.ts
 interface SeamWordmarkProps extends Omit<ProductWordmarkProps, "prefix" | "terminal"> {}
-declare function SeamWordmark(props: SeamWordmarkProps): _$react_jsx_runtime0.JSX.Element;
+declare function SeamWordmark(props: SeamWordmarkProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/products/slides/SlidesIcon.d.ts
-declare function SlidesIcon(): _$react_jsx_runtime0.JSX.Element;
+declare function SlidesIcon(): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/products/slides/SlidesWordmark.d.ts
 interface SlidesWordmarkProps extends Omit<ProductWordmarkProps, "prefix" | "terminal"> {}
-declare function SlidesWordmark(props: SlidesWordmarkProps): _$react_jsx_runtime0.JSX.Element;
+declare function SlidesWordmark(props: SlidesWordmarkProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/products/index.d.ts
 declare const PRODUCT_ICONS: Record<string, ComponentType>;
 declare const PRODUCT_WORDMARKS: Record<string, ComponentType>;
 //#endregion
 //#region src/TokenShowcase.d.ts
-declare function TokenShowcase(): _$react_jsx_runtime0.JSX.Element;
+declare function TokenShowcase(): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/theme.d.ts
-declare const system: _$_chakra_ui_react0.SystemContext;
+declare const system: import("@chakra-ui/react").SystemContext;
 //#endregion
 export { ChanFaviconHead, ColorModeButton, DeckCard, type DeckCardProps, EnsureFaviconHead, EnsureIcon, EnsureWordmark, type EnsureWordmarkProps, EntropyFaviconHead, EntropyIcon, EntropyWordmark, type EntropyWordmarkProps, PRODUCT_ICONS, PRODUCT_WORDMARKS, RestunnelFaviconHead, RestunnelIcon, RestunnelWordmark, type RestunnelWordmarkProps, SeamFaviconHead, SeamIcon, SeamWordmark, type SeamWordmarkProps, SlideControls, type SlideControlsProps, type SlideEntry, SlideLayoutComponent as SlideLayout, type SlideLayout as SlideLayoutType, type SlideProps, SlideViewer, type SlideViewerProps, SlidesFaviconHead, SlidesIcon, SlidesWordmark, type SlidesWordmarkProps, Splash, type SplashProps, TokenShowcase, Topbar, type TopbarProps, Wordmark, type WordmarkProps, chanFaviconAssets, ensureFaviconAssets, entropyFaviconAssets, getSlideComponents, restunnelFaviconAssets, seamFaviconAssets, slidesFaviconAssets, system };

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { Badge, Box, Card, Center, Code, Flex, Grid, HStack, Heading, IconButton, Text, createSystem, defaultConfig, defineConfig, defineSlotRecipe, useSlotRecipe } from "@chakra-ui/react";
+import { Badge, Box, Card, Center, Code, Flex, Grid, HStack, Heading, IconButton, Text, createSystem, defaultConfig, defineConfig, defineRecipe, defineSlotRecipe, useSlotRecipe } from "@chakra-ui/react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useTheme } from "next-themes";
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -1985,6 +1985,322 @@ function TokenShowcase() {
 		]
 	});
 }
+const adminChromeSlotRecipe = defineSlotRecipe({
+	className: "chan-admin-chrome",
+	slots: [
+		"rail",
+		"frame",
+		"tick",
+		"tag"
+	],
+	base: {
+		rail: {
+			position: "sticky",
+			top: "52px",
+			zIndex: 54,
+			display: "flex",
+			alignItems: "center",
+			gap: "9px",
+			height: "26px",
+			px: "22px",
+			fontFamily: "body",
+			fontSize: "9px",
+			letterSpacing: "0.18em",
+			textTransform: "uppercase",
+			color: "chan.orange",
+			bg: "chan.bg",
+			borderBottom: "1px solid",
+			borderColor: "chan.orange.border",
+			backgroundImage: "repeating-linear-gradient(135deg, transparent, transparent 9px, rgba(255,77,0,.06) 9px, rgba(255,77,0,.06) 18px)"
+		},
+		frame: {
+			position: "fixed",
+			inset: 0,
+			zIndex: 80,
+			pointerEvents: "none",
+			border: "1.5px solid",
+			borderColor: "chan.orange.border"
+		},
+		tick: {
+			position: "absolute",
+			width: "16px",
+			height: "16px",
+			border: "2px solid",
+			borderColor: "chan.orange"
+		},
+		tag: {
+			position: "absolute",
+			left: "50%",
+			bottom: 0,
+			transform: "translateX(-50%)",
+			fontFamily: "body",
+			fontSize: "8px",
+			letterSpacing: "0.2em",
+			textTransform: "uppercase",
+			color: "chan.orange",
+			whiteSpace: "nowrap",
+			bg: "chan.bg",
+			border: "1px solid",
+			borderColor: "chan.orange.border",
+			borderBottom: 0,
+			borderTopRadius: "4px",
+			px: "12px",
+			pt: "4px",
+			pb: "5px"
+		}
+	}
+});
+//#endregion
+//#region src/components/dataTable.recipe.ts
+const dataTableSlotRecipe = defineSlotRecipe({
+	className: "chan-data-table",
+	slots: [
+		"root",
+		"header",
+		"columnHeader",
+		"row",
+		"cell"
+	],
+	base: {
+		root: {
+			border: "1px solid",
+			borderColor: "chan.border",
+			borderRadius: "md",
+			bg: "chan.bg",
+			overflow: "hidden",
+			fontFamily: "body"
+		},
+		header: { bg: "chan.bg.code" },
+		columnHeader: {
+			fontSize: "8px",
+			letterSpacing: "0.22em",
+			textTransform: "uppercase",
+			color: "chan.text.faint",
+			borderColor: "chan.border",
+			py: "11px"
+		},
+		row: { cursor: "default" },
+		cell: {
+			fontSize: "11px",
+			borderColor: "chan.border",
+			borderBottomStyle: "dashed"
+		}
+	},
+	variants: {
+		archived: { true: { row: { opacity: .5 } } },
+		clickable: { true: { row: { cursor: "pointer" } } }
+	}
+});
+//#endregion
+//#region src/components/lbl.recipe.ts
+const toneColor = (color) => ({ color });
+const lblRecipe = defineRecipe({
+	className: "chan-lbl",
+	base: {
+		display: "inline-flex",
+		alignItems: "center",
+		fontFamily: "body",
+		fontSize: "9.5px",
+		letterSpacing: "0.18em",
+		textTransform: "uppercase"
+	},
+	variants: {
+		tone: {
+			orange: toneColor("chan.orange"),
+			dim: toneColor("chan.text.dim"),
+			faint: toneColor("chan.text.faint"),
+			ok: toneColor("chan.green"),
+			warn: toneColor("chan.yellow"),
+			danger: toneColor("chan.danger"),
+			info: toneColor("#6a9eda"),
+			neutral: toneColor("chan.text.dim"),
+			owner: toneColor("chan.orange"),
+			admin: toneColor("#6a9eda"),
+			member: toneColor("chan.text.dim"),
+			off: toneColor("chan.text.faint")
+		},
+		variant: {
+			plain: {},
+			chip: {
+				fontSize: "8.5px",
+				letterSpacing: "0.14em",
+				border: "1px solid",
+				borderColor: "color-mix(in srgb, currentColor 38%, transparent)",
+				bg: "color-mix(in srgb, currentColor 12%, transparent)",
+				borderRadius: "3px",
+				px: "7px",
+				py: "2px"
+			}
+		}
+	},
+	compoundVariants: [{
+		tone: "off",
+		variant: "chip",
+		css: {
+			borderStyle: "dashed",
+			bg: "transparent"
+		}
+	}],
+	defaultVariants: {
+		tone: "neutral",
+		variant: "plain"
+	}
+});
+//#endregion
+//#region src/components/panel.recipe.ts
+const panelSlotRecipe = defineSlotRecipe({
+	className: "chan-panel",
+	slots: [
+		"root",
+		"head",
+		"label",
+		"body"
+	],
+	base: {
+		root: {
+			border: "1px solid",
+			borderColor: "chan.border",
+			borderRadius: "md",
+			bg: "chan.bg",
+			overflow: "hidden"
+		},
+		head: {
+			display: "flex",
+			alignItems: "center",
+			gap: "8px",
+			px: "16px",
+			py: "11px",
+			borderBottom: "1px solid",
+			borderColor: "chan.border"
+		},
+		label: {
+			fontFamily: "body",
+			fontSize: "8.5px",
+			letterSpacing: "0.18em",
+			textTransform: "uppercase",
+			color: "chan.text.dim"
+		},
+		body: {
+			px: "16px",
+			py: "14px"
+		}
+	},
+	variants: { state: {
+		default: {},
+		live: { label: { color: "chan.orange" } },
+		degraded: { root: { borderColor: "chan.danger.border" } },
+		placeholder: { root: {
+			borderStyle: "dashed",
+			opacity: .6
+		} }
+	} },
+	defaultVariants: { state: "default" }
+});
+//#endregion
+//#region src/components/splash.recipe.ts
+const splashSlotRecipe = defineSlotRecipe({
+	className: "chan-splash",
+	slots: [
+		"root",
+		"panelStart",
+		"panelEnd",
+		"hub"
+	],
+	base: {
+		root: {
+			position: "fixed",
+			inset: 0,
+			display: "flex",
+			zIndex: 1e4
+		},
+		panelStart: {
+			flex: 1,
+			position: "relative",
+			bg: "chan.bg.soft",
+			transitionProperty: "top, left",
+			transitionTimingFunction: "ease-in-out"
+		},
+		panelEnd: {
+			flex: 1,
+			position: "relative",
+			bg: "chan.bg.soft",
+			transitionProperty: "bottom, right",
+			transitionTimingFunction: "ease-in-out"
+		},
+		hub: {
+			position: "absolute",
+			bg: "chan.bg.card",
+			border: "1px solid",
+			borderColor: "chan.border",
+			borderRadius: "md",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			zIndex: 1,
+			width: "var(--splash-hub-w)"
+		}
+	},
+	variants: {
+		orientation: {
+			vertical: {
+				root: { flexDirection: "column" },
+				panelStart: {
+					borderBottom: "2px solid",
+					borderColor: "chan.border"
+				},
+				panelEnd: {
+					borderTop: "2px solid",
+					borderColor: "chan.border"
+				},
+				hub: {
+					bottom: 0,
+					left: "50%",
+					transform: "translate(-50%, 50%)"
+				}
+			},
+			horizontal: {
+				root: { flexDirection: "row" },
+				panelStart: {
+					borderRight: "2px solid",
+					borderColor: "chan.border"
+				},
+				panelEnd: {
+					borderLeft: "2px solid",
+					borderColor: "chan.border"
+				},
+				hub: {
+					right: 0,
+					top: "50%",
+					transform: "translate(50%, -50%)"
+				}
+			}
+		},
+		size: {
+			sm: { hub: {
+				"--splash-hub-w": "180px",
+				px: 4,
+				py: 3
+			} },
+			md: { hub: {
+				"--splash-hub-w": "240px",
+				px: 5,
+				py: 4
+			} },
+			lg: { hub: {
+				"--splash-hub-w": "320px",
+				px: 6,
+				py: 5
+			} }
+		}
+	},
+	defaultVariants: {
+		orientation: "vertical",
+		size: "md"
+	}
+});
+//#endregion
+//#region src/components/statusDot.recipe.ts
+const dot = (color) => ({ bg: color });
 const system = createSystem(defaultConfig, defineConfig({
 	globalCss: { body: {
 		bg: "{colors.chan.bg}",
@@ -2126,106 +2442,37 @@ const system = createSystem(defaultConfig, defineConfig({
 				textTransform: "uppercase"
 			} }
 		},
-		slotRecipes: { splash: defineSlotRecipe({
-			className: "chan-splash",
-			slots: [
-				"root",
-				"panelStart",
-				"panelEnd",
-				"hub"
-			],
-			base: {
-				root: {
-					position: "fixed",
-					inset: 0,
-					display: "flex",
-					zIndex: 1e4
+		recipes: {
+			lbl: lblRecipe,
+			statusDot: defineRecipe({
+				className: "chan-status-dot",
+				base: {
+					display: "inline-block",
+					width: "6px",
+					height: "6px",
+					borderRadius: "full",
+					flexShrink: 0
 				},
-				panelStart: {
-					flex: 1,
-					position: "relative",
-					bg: "chan.bg.soft",
-					transitionProperty: "top, left",
-					transitionTimingFunction: "ease-in-out"
-				},
-				panelEnd: {
-					flex: 1,
-					position: "relative",
-					bg: "chan.bg.soft",
-					transitionProperty: "bottom, right",
-					transitionTimingFunction: "ease-in-out"
-				},
-				hub: {
-					position: "absolute",
-					bg: "chan.bg.card",
-					border: "1px solid",
-					borderColor: "chan.border",
-					borderRadius: "md",
-					display: "flex",
-					alignItems: "center",
-					justifyContent: "center",
-					zIndex: 1,
-					width: "var(--splash-hub-w)"
-				}
-			},
-			variants: {
-				orientation: {
-					vertical: {
-						root: { flexDirection: "column" },
-						panelStart: {
-							borderBottom: "2px solid",
-							borderColor: "chan.border"
-						},
-						panelEnd: {
-							borderTop: "2px solid",
-							borderColor: "chan.border"
-						},
-						hub: {
-							bottom: 0,
-							left: "50%",
-							transform: "translate(-50%, 50%)"
-						}
+				variants: {
+					tone: {
+						ok: dot("chan.green"),
+						warn: dot("chan.yellow"),
+						danger: dot("chan.danger"),
+						info: dot("#6a9eda"),
+						neutral: dot("chan.text.faint"),
+						off: dot("chan.text.faint")
 					},
-					horizontal: {
-						root: { flexDirection: "row" },
-						panelStart: {
-							borderRight: "2px solid",
-							borderColor: "chan.border"
-						},
-						panelEnd: {
-							borderLeft: "2px solid",
-							borderColor: "chan.border"
-						},
-						hub: {
-							right: 0,
-							top: "50%",
-							transform: "translate(50%, -50%)"
-						}
-					}
+					live: { true: { animation: "chan-pulse" } }
 				},
-				size: {
-					sm: { hub: {
-						"--splash-hub-w": "180px",
-						px: 4,
-						py: 3
-					} },
-					md: { hub: {
-						"--splash-hub-w": "240px",
-						px: 5,
-						py: 4
-					} },
-					lg: { hub: {
-						"--splash-hub-w": "320px",
-						px: 6,
-						py: 5
-					} }
-				}
-			},
-			defaultVariants: {
-				orientation: "vertical",
-				size: "md"
-			}
-		}) },
+				defaultVariants: { tone: "neutral" }
+			})
+		},
+		slotRecipes: {
+			splash: splashSlotRecipe,
+			panel: panelSlotRecipe,
+			dataTable: dataTableSlotRecipe,
+			adminChrome: adminChromeSlotRecipe
+		},
 		semanticTokens: { colors: {
 			"chan.bg": { value: {
 				_light: "{colors.chan.palette.light.bg}",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chan.run/design",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "Shared Chakra UI v3 theme and component library for chan.run",
   "license": "MIT",
   "type": "module",
@@ -29,9 +29,9 @@
     "@types/react": "19.2.14",
     "favicons": "^7.2.0",
     "opentype.js": "^1.3.4",
-    "tsdown": "^0.21.7",
+    "tsdown": "^0.22.3",
     "tsx": "^4.21.0",
-    "typescript": "5.9.3"
+    "typescript": "6.0.3"
   },
   "repository": {
     "type": "git",