@gntik-ai/ui 0.0.0-stage → 0.5.0

package/dist/theme-bootstrap.js

@@ -0,0 +1 @@
+(function(){try{var m=localStorage.getItem("gntik-theme")||"dark";if(m==='system'){var q=function(s){return window.matchMedia(s).matches};m=q('(prefers-contrast: more)')?'high_contrast':q('(prefers-color-scheme: light)')?'light':'dark'}var e=document.documentElement;e.classList.remove('dark','high_contrast');if(m!=='light')e.classList.add(m);e.style.colorScheme=m==='light'?'light':'dark'}catch(_){}})();

package/dist/theme-script-DReryl-n.d.ts

@@ -0,0 +1,16 @@
+
+//#region src/theme/theme-script.d.ts
+/**
+ * Server-safe theme helpers: no React, no 'use client'. Import from `@gntik-ai/ui/theme-script`
+ * in a React Server Component (e.g. a Next.js root layout); the main entry re-exports them.
+ */
+type ThemeMode = 'dark' | 'light' | 'high_contrast' | 'system';
+type ResolvedTheme = Exclude<ThemeMode, 'system'>;
+/**
+ * Inline script for <head> that applies the stored theme before first paint.
+ * Usage: `<script dangerouslySetInnerHTML={{ __html: themeScript() }} />`.
+ */
+declare function themeScript(storageKey?: string, defaultMode?: ThemeMode): string;
+//#endregion
+export { ThemeMode as n, themeScript as r, ResolvedTheme as t };
+//# sourceMappingURL=theme-script-DReryl-n.d.ts.map

package/dist/theme-script.d.ts

@@ -0,0 +1,3 @@
+
+import { n as ThemeMode, r as themeScript, t as ResolvedTheme } from "./theme-script-DReryl-n.js";
+export { ResolvedTheme, ThemeMode, themeScript };

package/dist/theme-script.js

@@ -0,0 +1,13 @@
+
+//#region src/theme/theme-script.ts
+/**
+* Inline script for <head> that applies the stored theme before first paint.
+* Usage: `<script dangerouslySetInnerHTML={{ __html: themeScript() }} />`.
+*/
+function themeScript(storageKey = "gntik-theme", defaultMode = "dark") {
+	return `(function(){try{var m=localStorage.getItem(${JSON.stringify(storageKey)})||${JSON.stringify(defaultMode)};if(m==='system'){var q=function(s){return window.matchMedia(s).matches};m=q('(prefers-contrast: more)')?'high_contrast':q('(prefers-color-scheme: light)')?'light':'dark'}var e=document.documentElement;e.classList.remove('dark','high_contrast');if(m!=='light')e.classList.add(m);e.style.colorScheme=m==='light'?'light':'dark'}catch(_){}})();`;
+}
+//#endregion
+export { themeScript };
+
+//# sourceMappingURL=theme-script.js.map

package/dist/theme-script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-script.js","names":[],"sources":["../src/theme/theme-script.ts"],"sourcesContent":["/**\n * Server-safe theme helpers: no React, no 'use client'. Import from `@gntik-ai/ui/theme-script`\n * in a React Server Component (e.g. a Next.js root layout); the main entry re-exports them.\n */\n\nexport type ThemeMode = 'dark' | 'light' | 'high_contrast' | 'system';\nexport type ResolvedTheme = Exclude<ThemeMode, 'system'>;\n\n/**\n * Inline script for <head> that applies the stored theme before first paint.\n * Usage: `<script dangerouslySetInnerHTML={{ __html: themeScript() }} />`.\n */\nexport function themeScript(storageKey = 'gntik-theme', defaultMode: ThemeMode = 'dark') {\n  return `(function(){try{var m=localStorage.getItem(${JSON.stringify(storageKey)})||${JSON.stringify(defaultMode)};if(m==='system'){var q=function(s){return window.matchMedia(s).matches};m=q('(prefers-contrast: more)')?'high_contrast':q('(prefers-color-scheme: light)')?'light':'dark'}var e=document.documentElement;e.classList.remove('dark','high_contrast');if(m!=='light')e.classList.add(m);e.style.colorScheme=m==='light'?'light':'dark'}catch(_){}})();`;\n}\n"],"mappings":";;;;;;AAYA,SAAgB,YAAY,aAAa,eAAe,cAAyB,QAAQ;CACvF,OAAO,8CAA8C,KAAK,UAAU,UAAU,EAAE,KAAK,KAAK,UAAU,WAAW,EAAE;AACnH"}

package/package.json

@@ -1,6 +1,85 @@
 {
   "name": "@gntik-ai/ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.5.0",
+  "description": "gntik-ui React components and layouts on Base UI, styled with the brand tokens.",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "files": [
+    "dist",
+    "src/styles.css"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./theme-script": {
+      "types": "./dist/theme-script.d.ts",
+      "default": "./dist/theme-script.js"
+    },
+    "./theme-bootstrap.js": "./dist/theme-bootstrap.js",
+    "./forms": {
+      "types": "./dist/forms.d.ts",
+      "default": "./dist/forms.js"
+    },
+    "./styles.css": "./src/styles.css",
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/gntik-ai/gntik-ui.git",
+    "directory": "packages/ui"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-hook-form": "^7.55.0",
+    "zod": "^3.25.0 || ^4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react-hook-form": {
+      "optional": true
+    },
+    "zod": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.8.0",
+    "@gntik-ai/tokens": "0.2.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^1.48.0",
+    "tailwind-merge": "^3.7.0",
+    "tailwind-variants": "^3.3.1"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "axe-core": "^4.13.0",
+    "jsdom": "^30.1.1",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "react-hook-form": "^7.89.0",
+    "tsdown": "^0.23.0",
+    "typescript": "~6.0.3",
+    "vitest": "^5.0.2",
+    "zod": "^4.6.5"
+  },
+  "scripts": {
+    "build": "tsdown && node scripts/build-theme-bootstrap.mjs",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run"
+  }
 }

package/src/styles.css

@@ -0,0 +1,7 @@
+/* @gntik-ai/ui — import after Tailwind:
+     @import "tailwindcss";
+     @import "@gntik-ai/ui/styles.css";
+   Brings the brand tokens and tells Tailwind v4 to scan the package's
+   compiled output, so component classes are generated in the app's CSS. */
+@import "@gntik-ai/tokens/tailwind.css";
+@source "../dist";

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.