@contractspec/lib.design-system 3.9.0 → 3.11.0

package/dist/theme/tailwind-variables.d.ts

@@ -0,0 +1,19 @@
+import type { ThemeRef, ThemeRegistry, ThemeSpec } from '@contractspec/lib.contracts-spec/themes';
+import { type ThemeResolutionContext } from './contracts';
+export type ThemeCssVariableMap = Record<string, string>;
+export interface ThemeCssVariables {
+    light: ThemeCssVariableMap;
+    dark: ThemeCssVariableMap;
+    modes: Record<string, ThemeCssVariableMap>;
+}
+export interface ThemeTailwindBridgeOptions {
+    context?: ThemeResolutionContext;
+    targets?: string[];
+    modes?: string[];
+    rootSelector?: string;
+    darkSelector?: string;
+    includeTheme?: boolean;
+    includeCustomVariant?: boolean;
+}
+export declare function themeSpecToCssVariables(spec: ThemeSpec, options?: ThemeTailwindBridgeOptions): ThemeCssVariables;
+export declare function themeSpecToCssVariables(registry: ThemeRegistry, ref: ThemeRef, options?: ThemeTailwindBridgeOptions): ThemeCssVariables;

package/dist/theme/tailwind-variables.js

@@ -0,0 +1 @@
+import{resolveThemeModeTokens as T}from"./contracts";const p=["light","dark"];function l(e){return e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/[\s_.]+/g,"-").toLowerCase()}function d(e,t){return{...e?.context,targets:e?.targets??e?.context?.targets,mode:t}}function f(e){return typeof e==="number"?`${e}px`:e}function a(e,t){return Object.fromEntries(Object.entries(t).map(([n,i])=>[`--ds-${e}-${l(n)}`,f(i)]))}function u(e){return{...a("color",e.colors),...a("radius",e.radii),...a("space",e.space),...a("typography",e.typography),...a("icon",e.icons)}}function h(e){return Object.keys(e?.modes??{})}function c(e,t,n=new Set){const i=`${t.key}@${t.version}`;if(n.has(i))return[];n.add(i);const s=e.get(t.key,t.version);return[...b(e,s,n),...h(s)]}function b(e,t,n){if(!t?.meta.extends)return[];return c(e,t.meta.extends,n)}function y(e,t,n){const i="tokens"in e?h(e):c(e,t);return Array.from(new Set([...p,...i,...n?.modes??[],...!("tokens"in e)?[]:t?.modes??[]]))}function g(e,t,n,i){if("tokens"in e){const o=t;return T(e,o,d(n,o))}const s=t,r=n;return T(e,s,r,d(i,r))}export function themeSpecToCssVariables(e,t,n){const i="tokens"in e?t:n,s=y(e,t,i),r=Object.fromEntries(s.map((o)=>{const m="tokens"in e?g(e,o,i):g(e,t,o,i);return[o,u(m)]}));return{light:r.light??{},dark:r.dark??{},modes:r}}

package/dist/theme/tailwind.d.ts

@@ -0,0 +1,3 @@
+export * from './tailwind-config';
+export { themeSpecToTailwindCss } from './tailwind-css';
+export * from './tailwind-variables';

package/dist/theme/tailwind.js

@@ -0,0 +1 @@
+export*from"./tailwind-config";export{themeSpecToTailwindCss}from"./tailwind-css";export*from"./tailwind-variables";

package/dist/theme/tokenBridge.js

@@ -0,0 +1 @@
+import{defaultTokens as y}from"./tokens";export function mapTokensForPlatform(j,b=y){if(j==="web")return b;const{space:q,radii:w,icons:x}=b;return{colors:b.colors,spacing:q,typography:{h1:b.typography.h1,body:b.typography.body},radii:w,icons:x}}

package/dist/theme/tokens.js

@@ -0,0 +1 @@
+export const defaultTokens={colors:{background:"#ffffff",foreground:"#0a0a0a",muted:"#f4f4f5",mutedForeground:"#71717a",primary:"#0f49a0",primaryForeground:"#ffffff",accent:"#16a34a",accentForeground:"#ffffff",destructive:"#ef4444",destructiveForeground:"#ffffff",border:"#e4e4e7",ring:"#2563eb"},radii:{sm:4,md:8,lg:12,xl:16,full:9999},space:{xs:4,sm:8,md:12,lg:16,xl:24},typography:{h1:30,h2:24,h3:20,body:16,small:14},icons:{sm:16,md:20,lg:24}};

package/dist/theme/variants.d.ts

@@ -10,7 +10,7 @@ export type EmphasisVariant = 'default' | 'subtle' | 'strong';
 export declare const dsBaseVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
     density?: "compact" | "comfortable" | null | undefined;
-    tone?: "success" | "neutral" | "danger" | "info" | "warning" | null | undefined;
+    tone?: "success" | "neutral" | "info" | "warning" | "danger" | null | undefined;
     emphasis?: "default" | "strong" | "subtle" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type DSBaseVariantsProps = VariantProps<typeof dsBaseVariants>;

package/dist/theme/variants.js

@@ -0,0 +1 @@
+import{cva as b}from"class-variance-authority";export const dsBaseVariants=b("",{variants:{size:{sm:"",md:"",lg:""},density:{compact:"",comfortable:""},tone:{neutral:"",info:"",success:"",warning:"",danger:""},emphasis:{default:"",subtle:"",strong:""}},defaultVariants:{size:"md",density:"comfortable",tone:"neutral",emphasis:"default"}});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contractspec/lib.design-system",
-  "version": "3.9.0",
+  "version": "3.11.0",
   "description": "Design tokens and theming primitives",
   "keywords": [
     "contractspec",
@@ -19,6 +19,7 @@
     "dev": "contractspec-bun-build dev",
     "registry:build": "bun run scripts/build-registry.ts",
     "test": "bun test --pass-with-no-tests",
+    "test:build-artifacts": "node scripts/check-generated-js.mjs",
     "lint": "bun run lint:fix",
     "lint:fix": "node ../../../scripts/biome.cjs check --write --unsafe --only=nursery/useSortedClasses . && node ../../../scripts/biome.cjs check --write .",
     "lint:check": "node ../../../scripts/biome.cjs check .",
@@ -30,12 +31,12 @@
   "sideEffects": false,
   "tree-shake": true,
   "dependencies": {
-    "@contractspec/lib.ai-agent": "8.0.7",
-    "@contractspec/lib.contracts-spec": "5.3.0",
-    "@contractspec/lib.contracts-runtime-client-react": "3.9.0",
-    "@contractspec/lib.presentation-runtime-react": "36.0.7",
-    "@contractspec/lib.ui-kit": "3.9.0",
-    "@contractspec/lib.ui-kit-web": "3.10.0",
+    "@contractspec/lib.ai-agent": "8.0.9",
+    "@contractspec/lib.contracts-spec": "5.5.0",
+    "@contractspec/lib.contracts-runtime-client-react": "3.10.0",
+    "@contractspec/lib.presentation-runtime-react": "38.0.0",
+    "@contractspec/lib.ui-kit": "3.9.3",
+    "@contractspec/lib.ui-kit-web": "3.10.3",
     "@hookform/resolvers": "5.2.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -55,11 +56,11 @@
     "@types/react-dom": "^19.0.14",
     "postcss": "^8.5.9",
     "postcss-load-config": "^6.0.1",
-    "react-native": "^0.81.6",
+    "react-native": "0.83.4",
     "react-native-css": "^3.0.4",
     "tailwindcss": "4.2.2",
     "typescript": "^5.9.3",
-    "@contractspec/tool.bun": "3.7.14"
+    "@contractspec/tool.bun": "3.7.15"
   },
   "files": [
     "dist",
@@ -71,6 +72,36 @@
       "browser": "./dist/browser/index.js",
       "bun": "./dist/index.js",
       "default": "./dist/index.js"
+    },
+    "./controls": {
+      "types": "./dist/components/forms/controls/index.d.ts",
+      "browser": "./dist/browser/components/forms/controls/index.js",
+      "bun": "./dist/components/forms/controls/index.js",
+      "default": "./dist/components/forms/controls/index.js"
+    },
+    "./forms": {
+      "types": "./dist/components/forms/index.d.ts",
+      "browser": "./dist/browser/components/forms/index.js",
+      "bun": "./dist/components/forms/index.js",
+      "default": "./dist/components/forms/index.js"
+    },
+    "./layout": {
+      "types": "./dist/components/layout/index.d.ts",
+      "browser": "./dist/browser/components/layout/index.js",
+      "bun": "./dist/components/layout/index.js",
+      "default": "./dist/components/layout/index.js"
+    },
+    "./renderers": {
+      "types": "./dist/renderers/index.d.ts",
+      "browser": "./dist/browser/renderers/index.js",
+      "bun": "./dist/renderers/index.js",
+      "default": "./dist/renderers/index.js"
+    },
+    "./theme": {
+      "types": "./dist/theme/index.d.ts",
+      "browser": "./dist/browser/theme/index.js",
+      "bun": "./dist/theme/index.js",
+      "default": "./dist/theme/index.js"
     }
   },
   "publishConfig": {
@@ -81,6 +112,36 @@
         "browser": "./dist/browser/index.js",
         "bun": "./dist/index.js",
         "default": "./dist/index.js"
+      },
+      "./controls": {
+        "types": "./dist/components/forms/controls/index.d.ts",
+        "browser": "./dist/browser/components/forms/controls/index.js",
+        "bun": "./dist/components/forms/controls/index.js",
+        "default": "./dist/components/forms/controls/index.js"
+      },
+      "./forms": {
+        "types": "./dist/components/forms/index.d.ts",
+        "browser": "./dist/browser/components/forms/index.js",
+        "bun": "./dist/components/forms/index.js",
+        "default": "./dist/components/forms/index.js"
+      },
+      "./layout": {
+        "types": "./dist/components/layout/index.d.ts",
+        "browser": "./dist/browser/components/layout/index.js",
+        "bun": "./dist/components/layout/index.js",
+        "default": "./dist/components/layout/index.js"
+      },
+      "./renderers": {
+        "types": "./dist/renderers/index.d.ts",
+        "browser": "./dist/browser/renderers/index.js",
+        "bun": "./dist/renderers/index.js",
+        "default": "./dist/renderers/index.js"
+      },
+      "./theme": {
+        "types": "./dist/theme/index.d.ts",
+        "browser": "./dist/browser/theme/index.js",
+        "bun": "./dist/theme/index.js",
+        "default": "./dist/theme/index.js"
       }
     },
     "registry": "https://registry.npmjs.org/"