@codelitdev/design-system 0.1.0-alpha.4 → 0.1.0-alpha.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codelitdev/design-system",
-  "version": "0.1.0-alpha.4",
+  "version": "0.1.0-alpha.6",
   "description": "Shared CodeLit design tokens, Tailwind preset, and React primitives for CourseLit, MediaLit, SendLit, and FrontLit.",
   "license": "Apache-2.0",
   "author": "CodeLit",
@@ -15,7 +15,8 @@
   "main": "src/index.ts",
   "types": "src/index.ts",
   "scripts": {
-    "release:alpha": "npm publish --tag alpha",
+    "check": "tsc --noEmit && esbuild src/index.ts --bundle --platform=browser --format=esm --jsx=automatic --external:react --external:react-dom --outfile=/tmp/design-system-check.js",
+    "release:alpha": "npm run check && npm publish --tag alpha",
     "registry:build": "shadcn build"
   },
   "exports": {
@@ -40,7 +41,12 @@
   ],
   "devDependencies": {
     "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.7",
+    "esbuild": "^0.28.1",
     "lucide-react": "^0.544.0",
-    "shadcn": "^4.14.0"
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "shadcn": "^4.14.0",
+    "typescript": "^5.9.3"
   }
 }

package/src/components/actions/Button.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 
 export interface ButtonProps {

package/src/components/actions/IconButton.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 
 export interface IconButtonProps {

package/src/components/display/Tabs.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 
 export interface TabsProps {
@@ -15,7 +17,7 @@ export interface TabsProps {
 export function Tabs({ tabs = [], value, defaultValue, onChange, variant = "segmented", style }: TabsProps) {
   const [internal, setInternal] = React.useState(defaultValue ?? tabs[0]);
   const active = value ?? internal;
-  const pick = (t) => {
+  const pick = (t: string) => {
     setInternal(t);
     if (onChange) onChange(t);
   };

package/src/components/feedback/Dialog.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 
 export interface DialogProps {
@@ -10,7 +12,7 @@ export interface DialogProps {
   style?: React.CSSProperties;
   children?: React.ReactNode;
 }
-import { Button } from "../actions/Button.jsx";
+import { Button } from "../actions/Button";
 
 /** Modal dialog with scrim. Controlled: open + onClose. */
 export function Dialog({ open, onClose, title, description, footer, children, style }: DialogProps) {

package/src/components/feedback/Tooltip.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 
 export interface TooltipProps {

package/src/components/forms/Checkbox.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 
 export interface CheckboxProps {

package/src/components/forms/Input.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 
 export interface InputProps {

package/src/components/forms/Radio.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 
 export interface RadioProps {

package/src/components/forms/Select.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 
 export interface SelectProps {

package/src/components/forms/Switch.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 
 export interface SwitchProps {