fix: type exports

Author: bennypowers

.changeset/ninety-bars-sit.md

@@ -0,0 +1,5 @@
+---
+"@rhds/tokens": patch
+---
+Fix typescript type exports
+

lib/actions/write-es-map-declaration.ts

@@ -7,24 +7,18 @@ const rel = (path: string) => new URL(path, import.meta.url);
 const files = new Map([
   [
     rel('../../js/tokens.d.ts'),
-    'export declare const tokens: Map<`--rh-${string}`, string|number>;',
+    /* ts */`\
+import { ValuesMap } from './types.js';
+export type * from './types.js';
+export declare const tokens: ValuesMap;
+`,
   ],
   [
     rel('../../js/meta.d.ts'),
-    `interface DesignToken {
-    value?: any;
-    $value?: any;
-    type?: string;
-    $type?: string;
-    $description?: string;
-    name?: string;
-    comment?: string;
-    themeable?: boolean;
-    attributes?: Record<string, unknown>;
-    [key: string]: any;
-}
-
-export declare const tokens: Map<\`--rh-\${string}\`, DesignToken>;
+    /* ts */`\
+import { ValuesMap } from './types.js';
+export type * from './types.js';
+export declare const tokens: DesignTokensMap;
 `,
   ],
 ]);
@@ -45,5 +39,3 @@ export const writeEsMapDeclaration: Action = {
     }
   },
 };
-
-

lib/types.ts

@@ -20,3 +20,22 @@ export interface Color {
     a: number;
   };
 }
+
+// copied from style-dictionary
+/* eslint-disable @typescript-eslint/no-explicit-any */
+export interface DesignToken {
+  value?: any;
+  $value?: any;
+  type?: string;
+  $type?: string;
+  $description?: string;
+  name?: string;
+  comment?: string;
+  themeable?: boolean;
+  attributes?: Record<string, unknown>;
+  [key: string]: any;
+}
+/* eslint-enable @typescript-eslint/no-explicit-any */
+
+export type DesignTokensMap = Map<`--rh-${string}`, DesignToken>;
+export type ValuesMap = Map<`--rh-${string}`, string | number>;

package.json

@@ -15,6 +15,7 @@
   "type": "module",
   "main": "js/tokens.cjs",
   "module": "js/tokens.js",
+  "types": "js/types.d.ts",
   "exports": {
     ".": {
       "import": "./js/tokens.js",