@figma/code-connect 1.1.1 → 1.1.3

package/dist/connect/api.d.ts

@@ -103,7 +103,7 @@ export interface FigmaConnectLink {
     name: string;
     url: string;
 }
-export interface FigmaConnectMeta<T = {}, ExampleFnReturnT = unknown> {
+export interface FigmaConnectMeta<T = {}, ExampleFnReturnT = unknown, ExtraExampleT = never> {
     /**
      * Restricts this figma connect to any variants that fullfill the given filter.
      * The filter is a map of Figma variant names to values. Example:
@@ -115,7 +115,7 @@ export interface FigmaConnectMeta<T = {}, ExampleFnReturnT = unknown> {
     variant?: Record<string, string | boolean | number>;
     /**
      * Prop mappings for the connected component. This is used to map the values of the component's props
-     * to the values that are used in Figma, using helper functions like `Figma.boolean`. For example:
+     * to the values that are used in Figma, using helper functions like `figma.boolean`. For example:
      * ```ts
      * props: {
      *   disabled: figma.boolean('Disabled'),
@@ -134,7 +134,7 @@ export interface FigmaConnectMeta<T = {}, ExampleFnReturnT = unknown> {
      * @param props
      * @returns
      */
-    example?: (props: T) => ExampleFnReturnT;
+    example?: ((props: T) => ExampleFnReturnT) | ExtraExampleT;
     /**
      * A list of links that will display in Figma along with the examples
      */

package/dist/connect/api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../src/connect/api.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,SAAS,GACT,GAAG,CAAC,OAAO,GACX,QAAQ,GACR,MAAM,CAAA;AASV,MAAM,WAAW,eAAe,CAAC,iBAAiB;IAChD;;;;;;;;;;;;;;;OAeG;IACH,IAAI,CAAC,CAAC,SAAS,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAA;IAEpF;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,CAAA;IAErC;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,aAAa,EAAE,MAAM,GAAG,iBAAiB,CAAA;IAElD;;;;;;;;;;;;;;;;;;;OAmBG;IACH,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,iBAAiB,CAAA;IAE1D;;;;;;;;;;;;;;OAcG;IACH,SAAS,CAAC,SAAS,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,GAAG,MAAM,CAAA;IAEpD;;;;;;;;;;;OAWG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CACnC;AAED,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AAEnC,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAC1B,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;CACzB,CAAA;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,EAAE,EAAE,gBAAgB,GAAG,OAAO;IAClE;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC,CAAA;IAEnD;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,CAAC,CAAA;IAET;;;;;OAKG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,gBAAgB,CAAA;IAExC;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAA;CAC3B"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../src/connect/api.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,SAAS,GACT,GAAG,CAAC,OAAO,GACX,QAAQ,GACR,MAAM,CAAA;AASV,MAAM,WAAW,eAAe,CAAC,iBAAiB;IAChD;;;;;;;;;;;;;;;OAeG;IACH,IAAI,CAAC,CAAC,SAAS,SAAS,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAA;IAEpF;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,aAAa,EAAE,MAAM,GAAG,MAAM,CAAA;IAErC;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,aAAa,EAAE,MAAM,GAAG,iBAAiB,CAAA;IAElD;;;;;;;;;;;;;;;;;;;OAmBG;IACH,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,iBAAiB,CAAA;IAE1D;;;;;;;;;;;;;;OAcG;IACH,SAAS,CAAC,SAAS,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,GAAG,MAAM,CAAA;IAEpD;;;;;;;;;;;OAWG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CACnC;AAED,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AAEnC,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAC1B,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;CACzB,CAAA;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;CACZ;AAKD,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,EAAE,EAAE,gBAAgB,GAAG,OAAO,EAAE,aAAa,GAAG,KAAK;IACzF;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC,CAAA;IAEnD;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,CAAC,CAAA;IAET;;;;;OAKG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,gBAAgB,CAAC,GAAG,aAAa,CAAA;IAE1D;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAA;CAC3B"}

package/dist/connect/index_common.js

@@ -15,7 +15,7 @@ exports.getClient = void 0;
 function getClient() {
     let client = {};
     if (typeof process !== 'undefined' && process.versions && process.versions.node) {
-        client = require('./client/external');
+        client = require('../client/external');
     }
     return client;
 }

package/dist/connect/index_common.js.map

@@ -1 +1 @@
-{"version":3,"file":"index_common.js","sourceRoot":"","sources":["../../src/connect/index_common.ts"],"names":[],"mappings":";;;AAEA,gFAAgF;AAChF,0EAA0E;AAC1E,gFAAgF;AAChF,2CAA2C;AAC3C,EAAE;AACF,4EAA4E;AAC5E,gFAAgF;AAChF,kCAAkC;AAClC,EAAE;AACF,+EAA+E;AAC/E,0CAA0C;AAE1C,SAAgB,SAAS;IACvB,IAAI,MAAM,GAAuB,EAAS,CAAA;IAC1C,IAAI,OAAO,OAAO,KAAK,WAAW,IAAI,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QAChF,MAAM,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACvC,CAAC;IACD,OAAO,MAAM,CAAA;AACf,CAAC;AAND,8BAMC"}
+{"version":3,"file":"index_common.js","sourceRoot":"","sources":["../../src/connect/index_common.ts"],"names":[],"mappings":";;;AAEA,gFAAgF;AAChF,0EAA0E;AAC1E,gFAAgF;AAChF,2CAA2C;AAC3C,EAAE;AACF,4EAA4E;AAC5E,gFAAgF;AAChF,kCAAkC;AAClC,EAAE;AACF,+EAA+E;AAC/E,0CAA0C;AAE1C,SAAgB,SAAS;IACvB,IAAI,MAAM,GAAuB,EAAS,CAAA;IAC1C,IAAI,OAAO,OAAO,KAAK,WAAW,IAAI,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QAChF,MAAM,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAA;IACxC,CAAC;IACD,OAAO,MAAM,CAAA;AACf,CAAC;AAND,8BAMC"}

package/dist/html/external.d.ts

@@ -1,7 +1,7 @@
-import { FigmaConnectMeta } from '../connect/api';
 import { booleanType, enumType, stringType, nestedPropsType, classNameType, textContentType } from '../connect/external_types';
 import { HtmlTemplateString } from './template_literal';
-declare function connectType<P = {}>(_figmaNodeUrl: string, _meta?: FigmaConnectMeta<P, HtmlTemplateString>): void;
+import { HtmlMeta } from './types';
+declare function connectType<P = {}>(_figmaNodeUrl: string, _meta?: HtmlMeta<P>): void;
 declare function instanceType(_figmaPropName: string): HtmlTemplateString;
 declare function childrenType(_layers: string | string[]): HtmlTemplateString;
 export { booleanType as boolean, enumType as enum, stringType as string, nestedPropsType as nestedProps, classNameType as className, textContentType as textContent, connectType as connect, instanceType as instance, childrenType as children, };

package/dist/html/external.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"external.d.ts","sourceRoot":"","sources":["../../src/html/external.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,eAAe,EACf,aAAa,EACb,eAAe,EAChB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAEvD,iBAAS,WAAW,CAAC,CAAC,GAAG,EAAE,EACzB,aAAa,EAAE,MAAM,EACrB,KAAK,CAAC,EAAE,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,GAC9C,IAAI,CAAG;AAEV,iBAAS,YAAY,CAAC,cAAc,EAAE,MAAM,GAAG,kBAAkB,CAIhE;AAED,iBAAS,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,kBAAkB,CAIpE;AAED,OAAO,EACL,WAAW,IAAI,OAAO,EACtB,QAAQ,IAAI,IAAI,EAChB,UAAU,IAAI,MAAM,EACpB,eAAe,IAAI,WAAW,EAC9B,aAAa,IAAI,SAAS,EAC1B,eAAe,IAAI,WAAW,EAC9B,WAAW,IAAI,OAAO,EACtB,YAAY,IAAI,QAAQ,EACxB,YAAY,IAAI,QAAQ,GACzB,CAAA"}
+{"version":3,"file":"external.d.ts","sourceRoot":"","sources":["../../src/html/external.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,eAAe,EACf,aAAa,EACb,eAAe,EAChB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAElC,iBAAS,WAAW,CAAC,CAAC,GAAG,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAAG;AAEjF,iBAAS,YAAY,CAAC,cAAc,EAAE,MAAM,GAAG,kBAAkB,CAIhE;AAED,iBAAS,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,kBAAkB,CAIpE;AAED,OAAO,EACL,WAAW,IAAI,OAAO,EACtB,QAAQ,IAAI,IAAI,EAChB,UAAU,IAAI,MAAM,EACpB,eAAe,IAAI,WAAW,EAC9B,aAAa,IAAI,SAAS,EAC1B,eAAe,IAAI,WAAW,EAC9B,WAAW,IAAI,OAAO,EACtB,YAAY,IAAI,QAAQ,EACxB,YAAY,IAAI,QAAQ,GACzB,CAAA"}

package/dist/html/external.js.map

@@ -1 +1 @@
-{"version":3,"file":"external.js","sourceRoot":"","sources":["../../src/html/external.ts"],"names":[],"mappings":";;;AACA,8DAOkC;AAqBjB,wFA3Bf,4BAAW,OA2BW;AACV,qFA3BZ,yBAAQ,OA2BQ;AACF,uFA3Bd,2BAAU,OA2BU;AACD,4FA3BnB,gCAAe,OA2Be;AACb,0FA3BjB,8BAAa,OA2Ba;AACP,4FA3BnB,gCAAe,OA2Be;AAvBhC,SAAS,WAAW,CAClB,aAAqB,EACrB,KAA+C,IACxC,CAAC;AAqBO,8BAAO;AAnBxB,SAAS,YAAY,CAAC,cAAsB;IAC1C,OAAO;QACL,KAAK,EAAE,oBAAoB;KAC5B,CAAA;AACH,CAAC;AAgBiB,gCAAQ;AAd1B,SAAS,YAAY,CAAC,OAA0B;IAC9C,OAAO;QACL,KAAK,EAAE,oBAAoB;KAC5B,CAAA;AACH,CAAC;AAWiB,gCAAQ"}
+{"version":3,"file":"external.js","sourceRoot":"","sources":["../../src/html/external.ts"],"names":[],"mappings":";;;AAAA,8DAOkC;AAmBjB,wFAzBf,4BAAW,OAyBW;AACV,qFAzBZ,yBAAQ,OAyBQ;AACF,uFAzBd,2BAAU,OAyBU;AACD,4FAzBnB,gCAAe,OAyBe;AACb,0FAzBjB,8BAAa,OAyBa;AACP,4FAzBnB,gCAAe,OAyBe;AApBhC,SAAS,WAAW,CAAS,aAAqB,EAAE,KAAmB,IAAS,CAAC;AAqBhE,8BAAO;AAnBxB,SAAS,YAAY,CAAC,cAAsB;IAC1C,OAAO;QACL,KAAK,EAAE,oBAAoB;KAC5B,CAAA;AACH,CAAC;AAgBiB,gCAAQ;AAd1B,SAAS,YAAY,CAAC,OAA0B;IAC9C,OAAO;QACL,KAAK,EAAE,oBAAoB;KAC5B,CAAA;AACH,CAAC;AAWiB,gCAAQ"}

package/dist/html/index_html.d.ts

@@ -1,6 +1,7 @@
-import { EnumValue, FigmaConnectAPI, FigmaConnectMeta, ValueOf } from '../connect/api';
+import { EnumValue, FigmaConnectAPI, ValueOf } from '../connect/api';
 import { FigmaConnectClient } from '../client/figma_client';
 import { html, HtmlTemplateString } from './template_literal';
+import { HtmlMeta } from './types';
 declare const _client: FigmaConnectClient;
 declare const _figma: FigmaConnectAPI<HtmlTemplateString> & {
     /**
@@ -9,7 +10,7 @@ declare const _figma: FigmaConnectAPI<HtmlTemplateString> & {
      * @param figmaNodeUrl A link to the node in Figma, for example:`https://www.figma.com/file/123abc/My-Component?node-id=123:456`
      * @param meta {@link FigmaConnectMeta}
      */
-    connect<P = {}>(figmaNodeUrl: string, meta: Required<Pick<FigmaConnectMeta<P, HtmlTemplateString>, 'example'>> & FigmaConnectMeta<P, HtmlTemplateString>): void;
+    connect<P = {}>(figmaNodeUrl: string, meta: HtmlMeta<P>): void;
     /**
      * Maps a Figma property to a boolean value for the connected component. This prop is replaced
      * with values from the Figma instance when viewed in Dev Mode. For example:

package/dist/html/index_html.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index_html.d.ts","sourceRoot":"","sources":["../../src/html/index_html.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAEtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAC3D,OAAO,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAG7D,QAAA,MAAM,OAAO,EAAE,kBAAgC,CAAA;AAC/C,QAAA,MAAM,MAAM,EAAE,eAAe,CAAC,kBAAkB,CAAC,GAAG;IAClD;;;;;OAKG;IACH,OAAO,CAAC,CAAC,GAAG,EAAE,EACZ,YAAY,EAAE,MAAM,EACpB,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,EAAE,SAAS,CAAC,CAAC,GACtE,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,GACxC,IAAI,CAAA;IAEP;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAA;IAEvC;;;;;;;;;;;;;;;;;;OAkBG;IACH,OAAO,CAAC,KAAK,SAAS,SAAS,EAAE,MAAM,SAAS,SAAS,EACvD,aAAa,EAAE,MAAM,EACrB,YAAY,CAAC,EAAE;QACb,IAAI,CAAC,EAAE,KAAK,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,GACA,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,OAAO,EAAE,KAAK,GAAG,MAAM,CAAC,CAAC,CAAA;IAEpD;;;;;;;;;;;;;;;;;;OAkBG;IACH,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAAA;IAE1C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;CACX,CAAA;AACT,QAAA,MAAM,KAAK,aAAO,CAAA;AAElB,OAAO,EAAE,MAAM,IAAI,KAAK,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,IAAI,IAAI,EAAE,CAAA;AAC5D,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index_html.d.ts","sourceRoot":"","sources":["../../src/html/index_html.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAoB,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAEtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAC3D,OAAO,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAElC,QAAA,MAAM,OAAO,EAAE,kBAAgC,CAAA;AAC/C,QAAA,MAAM,MAAM,EAAE,eAAe,CAAC,kBAAkB,CAAC,GAAG;IAClD;;;;;OAKG;IACH,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;IAE9D;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAA;IAEvC;;;;;;;;;;;;;;;;;;OAkBG;IACH,OAAO,CAAC,KAAK,SAAS,SAAS,EAAE,MAAM,SAAS,SAAS,EACvD,aAAa,EAAE,MAAM,EACrB,YAAY,CAAC,EAAE;QACb,IAAI,CAAC,EAAE,KAAK,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,GACA,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,OAAO,EAAE,KAAK,GAAG,MAAM,CAAC,CAAC,CAAA;IAEpD;;;;;;;;;;;;;;;;;;OAkBG;IACH,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAAA;IAE1C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;CACX,CAAA;AACT,QAAA,MAAM,KAAK,aAAO,CAAA;AAElB,OAAO,EAAE,MAAM,IAAI,KAAK,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,IAAI,IAAI,EAAE,CAAA;AAC5D,eAAe,MAAM,CAAA"}

package/dist/html/index_html.js.map

@@ -1 +1 @@
-{"version":3,"file":"index_html.js","sourceRoot":"","sources":["../../src/html/index_html.ts"],"names":[],"mappings":";AAAA,8EAA8E;AAC9E,uEAAuE;AACvE,yEAAyE;AACzE,qEAAqE;AACrE,uCAAuC;;;;;;;;;;;;;;;;;;;;;;;;;;AAGvC,kDAAmC;AAEnC,yDAA6D;AAC7D,0DAAmD;AAEnD,MAAM,OAAO,GAAuB,IAAA,wBAAS,GAAE,CAAA;AAmFV,yBAAM;AAlF3C,MAAM,MAAM,GA+ER,KAAK,CAAA;AAGU,uBAAK;AAFxB,MAAM,KAAK,GAAG,uBAAI,CAAA;AAEoC,qBAAI;AAC1D,kBAAe,MAAM,CAAA"}
+{"version":3,"file":"index_html.js","sourceRoot":"","sources":["../../src/html/index_html.ts"],"names":[],"mappings":";AAAA,8EAA8E;AAC9E,uEAAuE;AACvE,yEAAyE;AACzE,qEAAqE;AACrE,uCAAuC;;;;;;;;;;;;;;;;;;;;;;;;;;AAGvC,kDAAmC;AAEnC,yDAA6D;AAC7D,0DAAmD;AAGnD,MAAM,OAAO,GAAuB,IAAA,wBAAS,GAAE,CAAA;AA+EV,yBAAM;AA9E3C,MAAM,MAAM,GA2ER,KAAK,CAAA;AAGU,uBAAK;AAFxB,MAAM,KAAK,GAAG,uBAAI,CAAA;AAEoC,qBAAI;AAC1D,kBAAe,MAAM,CAAA"}

package/dist/html/parser.js

@@ -433,7 +433,7 @@ function parseConfigObjectArg(configArg, parserContext) {
 }
 async function parseHtmlDoc(node, parserContext, { repoUrl, silent }) {
     const { checker, sourceFile, config } = parserContext;
-    // Parse the arguments to the `Figma.connect()` call
+    // Parse the arguments to the `figma.connect()` call
     const { figmaNodeUrlArg, configObjArg } = parseFigmaConnectArgs(node, parserContext);
     const { propsArg, exampleArg, variantArg, linksArg, importsArg } = parseConfigObjectArg(configObjArg, parserContext);
     let figmaNode = (0, compiler_1.stripQuotesFromNode)(figmaNodeUrlArg);

package/dist/html/types.d.ts

@@ -0,0 +1,9 @@
+import { FigmaConnectMeta } from '../connect/api';
+import { HtmlTemplateString } from './template_literal';
+export type HtmlMeta<P> = Required<Pick<FigmaConnectMeta<P, HtmlTemplateString>, 'example'>> & FigmaConnectMeta<P, HtmlTemplateString> & {
+    /**
+     * A list of import statements that will render in the Code Snippet in Figma.
+     */
+    imports?: string[];
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/html/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/html/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAEvD,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,EAAE,SAAS,CAAC,CAAC,GAC1F,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,GAAG;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;CACnB,CAAA"}

package/dist/html/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/html/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/html/types.ts"],"names":[],"mappings":""}

package/dist/react/external.d.ts

@@ -1,8 +1,8 @@
-import { FigmaConnectMeta } from '../connect/api';
 import * as React from 'react';
 import { booleanType, enumType, stringType, nestedPropsType, classNameType, textContentType } from '../connect/external_types';
-declare function connectType<P = {}>(_figmaNodeUrl: string, _meta?: FigmaConnectMeta<P>): void;
-declare function connectType<P = {}>(_component: any, _figmaNodeUrl: string, _meta?: FigmaConnectMeta<P>): void;
+import { ReactMeta } from './types';
+declare function connectType<P = {}>(_figmaNodeUrl: string, _meta?: ReactMeta<P>): void;
+declare function connectType<P = {}>(_component: any, _figmaNodeUrl: string, _meta?: ReactMeta<P>): void;
 declare function instanceType(_figmaPropName: string): React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLElement>, HTMLElement>;
 declare function childrenType(_layers: string | string[]): React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLElement>, HTMLElement>;
 export { booleanType as boolean, enumType as enum, stringType as string, nestedPropsType as nestedProps, classNameType as className, textContentType as textContent, connectType as connect, instanceType as instance, childrenType as children, };

package/dist/react/external.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"external.d.ts","sourceRoot":"","sources":["../../src/react/external.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAmC,MAAM,gBAAgB,CAAA;AAClF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,eAAe,EACf,aAAa,EACb,eAAe,EAChB,MAAM,2BAA2B,CAAA;AAElC,iBAAS,WAAW,CAAC,CAAC,GAAG,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;AACtF,iBAAS,WAAW,CAAC,CAAC,GAAG,EAAE,EACzB,UAAU,EAAE,GAAG,EACf,aAAa,EAAE,MAAM,EACrB,KAAK,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAC1B,IAAI,CAAA;AAGP,iBAAS,YAAY,CAAC,cAAc,EAAE,MAAM,kFAE3C;AAED,iBAAS,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,kFAE/C;AAED,OAAO,EACL,WAAW,IAAI,OAAO,EACtB,QAAQ,IAAI,IAAI,EAChB,UAAU,IAAI,MAAM,EACpB,eAAe,IAAI,WAAW,EAC9B,aAAa,IAAI,SAAS,EAC1B,eAAe,IAAI,WAAW,EAC9B,WAAW,IAAI,OAAO,EACtB,YAAY,IAAI,QAAQ,EACxB,YAAY,IAAI,QAAQ,GACzB,CAAA"}
+{"version":3,"file":"external.d.ts","sourceRoot":"","sources":["../../src/react/external.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,eAAe,EACf,aAAa,EACb,eAAe,EAChB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,iBAAS,WAAW,CAAC,CAAC,GAAG,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;AAC/E,iBAAS,WAAW,CAAC,CAAC,GAAG,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;AAGhG,iBAAS,YAAY,CAAC,cAAc,EAAE,MAAM,kFAE3C;AAED,iBAAS,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,kFAE/C;AAED,OAAO,EACL,WAAW,IAAI,OAAO,EACtB,QAAQ,IAAI,IAAI,EAChB,UAAU,IAAI,MAAM,EACpB,eAAe,IAAI,WAAW,EAC9B,aAAa,IAAI,SAAS,EAC1B,eAAe,IAAI,WAAW,EAC9B,WAAW,IAAI,OAAO,EACtB,YAAY,IAAI,QAAQ,EACxB,YAAY,IAAI,QAAQ,GACzB,CAAA"}

package/dist/react/external.js.map

@@ -1 +1 @@
-{"version":3,"file":"external.js","sourceRoot":"","sources":["../../src/react/external.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,6CAA8B;AAC9B,8DAOkC;AAmBjB,wFAzBf,4BAAW,OAyBW;AACV,qFAzBZ,yBAAQ,OAyBQ;AACF,uFAzBd,2BAAU,OAyBU;AACD,4FAzBnB,gCAAe,OAyBe;AACb,0FAzBjB,8BAAa,OAyBa;AACP,4FAzBnB,gCAAe,OAyBe;AAhBhC,SAAS,WAAW,CAAC,UAAmB,EAAE,aAAsB,EAAE,KAAe,IAAS,CAAC;AAiB1E,8BAAO;AAfxB,SAAS,YAAY,CAAC,cAAsB;IAC1C,OAAO,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;AACnC,CAAC;AAciB,gCAAQ;AAZ1B,SAAS,YAAY,CAAC,OAA0B;IAC9C,OAAO,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;AACnC,CAAC;AAWiB,gCAAQ"}
+{"version":3,"file":"external.js","sourceRoot":"","sources":["../../src/react/external.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8B;AAC9B,8DAOkC;AAgBjB,wFAtBf,4BAAW,OAsBW;AACV,qFAtBZ,yBAAQ,OAsBQ;AACF,uFAtBd,2BAAU,OAsBU;AACD,4FAtBnB,gCAAe,OAsBe;AACb,0FAtBjB,8BAAa,OAsBa;AACP,4FAtBnB,gCAAe,OAsBe;AAhBhC,SAAS,WAAW,CAAC,UAAmB,EAAE,aAAsB,EAAE,KAAe,IAAS,CAAC;AAiB1E,8BAAO;AAfxB,SAAS,YAAY,CAAC,cAAsB;IAC1C,OAAO,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;AACnC,CAAC;AAciB,gCAAQ;AAZ1B,SAAS,YAAY,CAAC,OAA0B;IAC9C,OAAO,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;AACnC,CAAC;AAWiB,gCAAQ"}

package/dist/react/index_react.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import { EnumValue, FigmaConnectAPI, FigmaConnectMeta, ValueOf } from '../connect/api';
+import { EnumValue, FigmaConnectAPI, ValueOf } from '../connect/api';
 import * as StorybookTypes from '../storybook/external';
 import { FigmaConnectClient } from '../client/figma_client';
+import { ReactMeta } from './types';
 declare const _client: FigmaConnectClient;
 declare const _figma: FigmaConnectAPI<JSX.Element> & {
     /**
@@ -15,7 +16,7 @@ declare const _figma: FigmaConnectAPI<JSX.Element> & {
      * @param figmaNodeUrl A link to the node in Figma, for example:`https://www.figma.com/file/123abc/My-Component?node-id=123:456`
      * @param meta {@link FigmaConnectMeta}
      */
-    connect<P = {}>(component: any, figmaNodeUrl: string, meta?: FigmaConnectMeta<P, React.Component | JSX.Element>): void;
+    connect<P = {}>(component: any, figmaNodeUrl: string, meta?: ReactMeta<P>): void;
     /**
      * Defines a code snippet that displays in Figma when a component is selected. This function has two signatures:
      * - When called with a component reference as the first argument, it will infer metadata such as the import statement
@@ -26,7 +27,7 @@ declare const _figma: FigmaConnectAPI<JSX.Element> & {
      * @param figmaNodeUrl A link to the node in Figma, for example:`https://www.figma.com/file/123abc/My-Component?node-id=123:456`
      * @param meta {@link FigmaConnectMeta}
      */
-    connect<P = {}>(figmaNodeUrl: string, meta?: FigmaConnectMeta<P, React.Component | JSX.Element>): void;
+    connect<P = {}>(figmaNodeUrl: string, meta?: ReactMeta<P>): void;
     /**
      * Maps a Figma property to a boolean value for the connected component. This prop is replaced
      * with values from the Figma instance when viewed in Dev Mode. For example:
@@ -81,12 +82,6 @@ declare const _figma: FigmaConnectAPI<JSX.Element> & {
      * ```
      */
     nestedProps<V>(layer: string, input: V): V;
-    /**
-     * A list of import statements that will render in the Code Snippet in Figma.
-     * This overrides the auto-generated imports for the component. When this is specified,
-     * the `importPaths` option in the config file is also ignored.
-     */
-    imports?: string[];
 };
 export { _figma as figma, _client as client };
 export default _figma;

package/dist/react/index_react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index_react.d.ts","sourceRoot":"","sources":["../../src/react/index_react.ts"],"names":[],"mappings":";AAMA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAEtF,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAG3D,QAAA,MAAM,OAAO,EAAE,kBAAgC,CAAA;AAC/C,QAAA,MAAM,MAAM,EAAE,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG;IAC3C;;;;;;;;;;OAUG;IACH,OAAO,CAAC,CAAC,GAAG,EAAE,EACZ,SAAS,EAAE,GAAG,EACd,YAAY,EAAE,MAAM,EACpB,IAAI,CAAC,EAAE,gBAAgB,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,GACxD,IAAI,CAAA;IAEP;;;;;;;;;OASG;IACH,OAAO,CAAC,CAAC,GAAG,EAAE,EACZ,YAAY,EAAE,MAAM,EACpB,IAAI,CAAC,EAAE,gBAAgB,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,GACxD,IAAI,CAAA;IAEP;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAA;IAEvC;;;;;;;;;;;;;;;;OAgBG;IACH,OAAO,CAAC,KAAK,SAAS,SAAS,EAAE,MAAM,SAAS,SAAS,EACvD,aAAa,EAAE,MAAM,EACrB,YAAY,CAAC,EAAE;QACb,IAAI,CAAC,EAAE,KAAK,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,GACA,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,OAAO,EAAE,KAAK,GAAG,MAAM,CAAC,CAAC,CAAA;IAEpD;;;;;;;;;;;;;;;;;;OAkBG;IACH,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAAA;IAE1C;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;CACX,CAAA;AAET,OAAO,EAAE,MAAM,IAAI,KAAK,EAAE,OAAO,IAAI,MAAM,EAAE,CAAA;AAC7C,eAAe,MAAM,CAAA;AAErB,MAAM,MAAM,eAAe,CAAC,CAAC,GAAG,EAAE,IAAI,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,CAAA"}
+{"version":3,"file":"index_react.d.ts","sourceRoot":"","sources":["../../src/react/index_react.ts"],"names":[],"mappings":";AAMA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAoB,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAEtF,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,QAAA,MAAM,OAAO,EAAE,kBAAgC,CAAA;AAC/C,QAAA,MAAM,MAAM,EAAE,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG;IAC3C;;;;;;;;;;OAUG;IACH,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;IAEhF;;;;;;;;;OASG;IACH,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;IAEhE;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAA;IAEvC;;;;;;;;;;;;;;;;OAgBG;IACH,OAAO,CAAC,KAAK,SAAS,SAAS,EAAE,MAAM,SAAS,SAAS,EACvD,aAAa,EAAE,MAAM,EACrB,YAAY,CAAC,EAAE;QACb,IAAI,CAAC,EAAE,KAAK,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,GACA,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,OAAO,EAAE,KAAK,GAAG,MAAM,CAAC,CAAC,CAAA;IAEpD;;;;;;;;;;;;;;;;;;OAkBG;IACH,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAAA;CACnC,CAAA;AAET,OAAO,EAAE,MAAM,IAAI,KAAK,EAAE,OAAO,IAAI,MAAM,EAAE,CAAA;AAC7C,eAAe,MAAM,CAAA;AAErB,MAAM,MAAM,eAAe,CAAC,CAAC,GAAG,EAAE,IAAI,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,CAAA"}

package/dist/react/index_react.js.map

@@ -1 +1 @@
-{"version":3,"file":"index_react.js","sourceRoot":"","sources":["../../src/react/index_react.ts"],"names":[],"mappings":";AAAA,8EAA8E;AAC9E,uEAAuE;AACvE,yEAAyE;AACzE,qEAAqE;AACrE,uCAAuC;;;;;;;;;;;;;;;;;;;;;;;;;;AAGvC,kDAAmC;AAGnC,0DAAmD;AAEnD,MAAM,OAAO,GAAuB,IAAA,wBAAS,GAAE,CAAA;AAsGV,yBAAM;AArG3C,MAAM,MAAM,GAmGR,KAAK,CAAA;AAEU,uBAAK;AACxB,kBAAe,MAAM,CAAA"}
+{"version":3,"file":"index_react.js","sourceRoot":"","sources":["../../src/react/index_react.ts"],"names":[],"mappings":";AAAA,8EAA8E;AAC9E,uEAAuE;AACvE,yEAAyE;AACzE,qEAAqE;AACrE,uCAAuC;;;;;;;;;;;;;;;;;;;;;;;;;;AAGvC,kDAAmC;AAGnC,0DAAmD;AAGnD,MAAM,OAAO,GAAuB,IAAA,wBAAS,GAAE,CAAA;AAwFV,yBAAM;AAvF3C,MAAM,MAAM,GAqFR,KAAK,CAAA;AAEU,uBAAK;AACxB,kBAAe,MAAM,CAAA"}

package/dist/react/parser.js

@@ -731,7 +731,7 @@ function getDefaultTemplate(componentMetadata) {
 exports.getDefaultTemplate = getDefaultTemplate;
 async function parseReactDoc(node, parserContext, { repoUrl, silent }) {
     const { checker, sourceFile, config } = parserContext;
-    // Parse the arguments to the `Figma.connect()` call
+    // Parse the arguments to the `figma.connect()` call
     const { componentArg, figmaNodeUrlArg, configObjArg } = parseFigmaConnectArgs(node, parserContext);
     const { propsArg, exampleArg, variantArg, linksArg, importsArg } = parseConfigObjectArg(configObjArg, parserContext);
     let figmaNode = (0, compiler_1.stripQuotesFromNode)(figmaNodeUrlArg);

package/dist/react/types.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { FigmaConnectMeta } from '../connect/api';
+export type ReactMeta<P> = FigmaConnectMeta<P, React.Component | JSX.Element> & {
+    /**
+     * A list of import statements that will render in the Code Snippet in Figma.
+     * This overrides the auto-generated imports for the component. When this is specified,
+     * the `importPaths` option in the config file is also ignored.
+     */
+    imports?: string[];
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/react/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/react/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEjD,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI,gBAAgB,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG;IAC9E;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;CACnB,CAAA"}

package/dist/react/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/react/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/react/types.ts"],"names":[],"mappings":""}

package/dist/storybook/external.d.ts

@@ -10,7 +10,7 @@ import { FigmaConnectMeta } from '../connect/api';
  *   } satisfies StoryParameters,
  * }
  */
-export type StoryParameters<T = {}> = {
+export type StoryParameters<T> = {
     design: {
         type: 'figma';
         /**
@@ -24,7 +24,7 @@ export type StoryParameters<T = {}> = {
         examples?: (FigmaConnectMeta<T>['example'] | string | ExampleObject<T>)[];
     } & Pick<FigmaConnectMeta, 'props' | 'links'>;
 };
-type ExampleObject<T> = FigmaConnectMeta<T, string> & {
+type ExampleObject<T> = FigmaConnectMeta<T, unknown, string> & {
     variant?: FigmaConnectMeta['variant'];
     links?: FigmaConnectMeta['links'];
 };

package/dist/storybook/external.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"external.d.ts","sourceRoot":"","sources":["../../src/storybook/external.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEjD;;;;;;;;;;GAUG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,GAAG,EAAE,IAAI;IACpC,MAAM,EAAE;QACN,IAAI,EAAE,OAAO,CAAA;QACb;;WAEG;QACH,GAAG,EAAE,MAAM,CAAA;QACX;;;WAGG;QACH,QAAQ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,MAAM,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;KAC1E,GAAG,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,OAAO,CAAC,CAAA;CAC9C,CAAA;AAED,KAAK,aAAa,CAAC,CAAC,IAAI,gBAAgB,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG;IACpD,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAA;IACrC,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;CAClC,CAAA"}
+{"version":3,"file":"external.d.ts","sourceRoot":"","sources":["../../src/storybook/external.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEjD;;;;;;;;;;GAUG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAC/B,MAAM,EAAE;QACN,IAAI,EAAE,OAAO,CAAA;QACb;;WAEG;QACH,GAAG,EAAE,MAAM,CAAA;QACX;;;WAGG;QACH,QAAQ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,MAAM,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;KAC1E,GAAG,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,OAAO,CAAC,CAAA;CAC9C,CAAA;AAED,KAAK,aAAa,CAAC,CAAC,IAAI,gBAAgB,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,CAAC,GAAG;IAC7D,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAA;IACrC,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAA;CAClC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@figma/code-connect",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "A tool for connecting your design system components in code with your design system in Figma",
   "keywords": [],
   "author": "Figma",
@@ -36,7 +36,7 @@
   },
   "scripts": {
     "dev": "tsx src/cli.ts",
-    "build": "tsc",
+    "build": "rm -rf dist && npm run typecheck && tsc",
     "build:web": "pnpm build",
     "build:webpack": "webpack --mode production",
     "test": "npm run test:no-coverage -- --coverage",
@@ -47,7 +47,7 @@
     "test:swift": "npm run test -- --runInBand --testPathPattern=e2e_parse_command_swift.test.ts --testPathPattern=e2e_wizard_swift.test.ts --testPathPattern=e2e_parse_command_swift_xcodeproj.test.ts",
     "test:non-mac": "npm run test -- --testPathIgnorePatterns=e2e_parse_command_swift.test.ts --testPathIgnorePatterns=e2e_wizard_swift.test.ts --testPathIgnorePatterns=e2e_parse_command_swift_xcodeproj.test.ts",
     "bundle": "npm run build && npm pack && mkdir -p bundle && mv figma-code-connect*.tgz bundle",
-    "bundle:local": "cp package.json package.json.bak && grep -v 'workspace:' package.json > package.json && npm run build && npm pack && mkdir -p bundle-local && mv figma-code-connect*.tgz bundle-local; mv package.json.bak package.json",
+    "bundle:local": "cp package.json package.json.bak && grep -v 'workspace:' package.json > package.json.tmp && mv package.json.tmp package.json && npm run build && npm pack && mkdir -p bundle-local && mv figma-code-connect*.tgz bundle-local; mv package.json.bak package.json",
     "bundle:npm-readme:prepare": "mv README.md ../cli-README.md.bak && cp ../README.md . && npx ts-node ../scripts/make_readme_links_absolute.ts",
     "bundle:npm-readme:restore": "mv ../cli-README.md.bak README.md",
     "bundle:npm": "npm run build && npm run bundle:npm-readme:prepare && npm pack && mkdir -p bundle-npm && mv figma-code-connect*.tgz bundle-npm; npm run bundle:npm-readme:restore",
@@ -57,7 +57,7 @@
     "bundle:cli:mac:arm64": "npm run bundle:cli -- -o bundle-cli/figma-mac-arm64 --target node18-mac-arm64",
     "bundle:cli:win": "npm run bundle:cli -- -o bundle-cli/figma-win --target node18-win-x64",
     "publish:npm": "npm install && npm run build && npm run bundle:npm-readme:prepare && npm publish --access public; npm run bundle:npm-readme:restore",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit -p tsconfig-typecheck.json"
   },
   "devDependencies": {
     "@types/cross-spawn": "^6.0.6",
@@ -83,6 +83,7 @@
     "@babel/generator": "^7.24.7",
     "@babel/parser": "^7.24.7",
     "@babel/types": "^7.24.7",
+    
     "@storybook/csf-tools": "^7.6.7",
     "axios": "^1.7.4",
     "boxen": "5.1.1",

package/dist/html/__test__/parser/examples/NoConfigObject.figma.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=NoConfigObject.figma.d.ts.map

package/dist/html/__test__/parser/examples/NoConfigObject.figma.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NoConfigObject.figma.d.ts","sourceRoot":"","sources":["../../../../../src/html/__test__/parser/examples/NoConfigObject.figma.ts"],"names":[],"mappings":""}

package/dist/html/__test__/parser/examples/NoConfigObject.figma.js

@@ -1,9 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const index_html_1 = __importDefault(require("../../../index_html"));
-// @ts-expect-error
-index_html_1.default.connect('');
-//# sourceMappingURL=NoConfigObject.figma.js.map

package/dist/html/__test__/parser/examples/NoConfigObject.figma.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NoConfigObject.figma.js","sourceRoot":"","sources":["../../../../../src/html/__test__/parser/examples/NoConfigObject.figma.ts"],"names":[],"mappings":";;;;;AAAA,qEAAiD;AAEjD,mBAAmB;AACnB,oBAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA"}

package/dist/html/__test__/parser/examples/NoExample.figma.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=NoExample.figma.d.ts.map

package/dist/html/__test__/parser/examples/NoExample.figma.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NoExample.figma.d.ts","sourceRoot":"","sources":["../../../../../src/html/__test__/parser/examples/NoExample.figma.ts"],"names":[],"mappings":""}

package/dist/html/__test__/parser/examples/NoExample.figma.js

@@ -1,9 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const index_html_1 = __importDefault(require("../../../index_html"));
-// @ts-expect-error
-index_html_1.default.connect('', {});
-//# sourceMappingURL=NoExample.figma.js.map

package/dist/html/__test__/parser/examples/NoExample.figma.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NoExample.figma.js","sourceRoot":"","sources":["../../../../../src/html/__test__/parser/examples/NoExample.figma.ts"],"names":[],"mappings":";;;;;AAAA,qEAAiD;AAEjD,mBAAmB;AACnB,oBAAK,CAAC,OAAO,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA"}

package/dist/html/__test__/parser/examples/RegularFunctionExampleWithExtraCode.figma.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=RegularFunctionExampleWithExtraCode.figma.d.ts.map

package/dist/html/__test__/parser/examples/RegularFunctionExampleWithExtraCode.figma.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RegularFunctionExampleWithExtraCode.figma.d.ts","sourceRoot":"","sources":["../../../../../src/html/__test__/parser/examples/RegularFunctionExampleWithExtraCode.figma.ts"],"names":[],"mappings":""}

package/dist/html/__test__/parser/examples/RegularFunctionExampleWithExtraCode.figma.js

@@ -1,33 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const index_html_1 = __importStar(require("../../../index_html"));
-index_html_1.default.connect('', {
-    example: () => {
-        const x = 1;
-        return (0, index_html_1.html) `<div></div>`;
-    },
-});
-//# sourceMappingURL=RegularFunctionExampleWithExtraCode.figma.js.map

package/dist/html/__test__/parser/examples/RegularFunctionExampleWithExtraCode.figma.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RegularFunctionExampleWithExtraCode.figma.js","sourceRoot":"","sources":["../../../../../src/html/__test__/parser/examples/RegularFunctionExampleWithExtraCode.figma.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kEAAiD;AAEjD,oBAAK,CAAC,OAAO,CAAC,EAAE,EAAE;IAChB,OAAO,EAAE,GAAG,EAAE;QACZ,MAAM,CAAC,GAAG,CAAC,CAAA;QACX,OAAO,IAAA,iBAAI,EAAA,aAAa,CAAA;IAC1B,CAAC;CACF,CAAC,CAAA"}

package/dist/html/__test__/parser/examples/WrongSignatureJsx.figma.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=WrongSignatureJsx.figma.d.ts.map

package/dist/html/__test__/parser/examples/WrongSignatureJsx.figma.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WrongSignatureJsx.figma.d.ts","sourceRoot":"","sources":["../../../../../src/html/__test__/parser/examples/WrongSignatureJsx.figma.tsx"],"names":[],"mappings":""}

package/dist/html/__test__/parser/examples/WrongSignatureJsx.figma.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const index_html_1 = __importDefault(require("../../../index_html"));
-index_html_1.default.connect('', {
-    props: {
-        visible: index_html_1.default.boolean('Visible'),
-        label: index_html_1.default.string('Label'),
-    },
-    // @ts-expect-error
-    example: (props) => React.createElement("div", null),
-});
-//# sourceMappingURL=WrongSignatureJsx.figma.js.map

package/dist/html/__test__/parser/examples/WrongSignatureJsx.figma.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WrongSignatureJsx.figma.js","sourceRoot":"","sources":["../../../../../src/html/__test__/parser/examples/WrongSignatureJsx.figma.tsx"],"names":[],"mappings":";;;;;AAAA,qEAAiD;AAEjD,oBAAK,CAAC,OAAO,CAAC,EAAE,EAAE;IAChB,KAAK,EAAE;QACL,OAAO,EAAE,oBAAK,CAAC,OAAO,CAAC,SAAS,CAAC;QACjC,KAAK,EAAE,oBAAK,CAAC,MAAM,CAAC,OAAO,CAAC;KAC7B;IACD,mBAAmB;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gCAAO;CAC5B,CAAC,CAAA"}

package/dist/html/__test__/parser/examples/WrongSignatureNoHtmlTag.figma.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=WrongSignatureNoHtmlTag.figma.d.ts.map

package/dist/html/__test__/parser/examples/WrongSignatureNoHtmlTag.figma.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WrongSignatureNoHtmlTag.figma.d.ts","sourceRoot":"","sources":["../../../../../src/html/__test__/parser/examples/WrongSignatureNoHtmlTag.figma.ts"],"names":[],"mappings":""}

package/dist/html/__test__/parser/examples/WrongSignatureNoHtmlTag.figma.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const index_html_1 = __importDefault(require("../../../index_html"));
-index_html_1.default.connect('', {
-    props: {
-        visible: index_html_1.default.boolean('Visible'),
-        label: index_html_1.default.string('Label'),
-    },
-    // @ts-expect-error
-    example: (props) => `<my-component visible=${props.visible}>${props.label}</my-component>`,
-});
-//# sourceMappingURL=WrongSignatureNoHtmlTag.figma.js.map

package/dist/html/__test__/parser/examples/WrongSignatureNoHtmlTag.figma.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WrongSignatureNoHtmlTag.figma.js","sourceRoot":"","sources":["../../../../../src/html/__test__/parser/examples/WrongSignatureNoHtmlTag.figma.ts"],"names":[],"mappings":";;;;;AAAA,qEAAiD;AAEjD,oBAAK,CAAC,OAAO,CAAC,EAAE,EAAE;IAChB,KAAK,EAAE;QACL,OAAO,EAAE,oBAAK,CAAC,OAAO,CAAC,SAAS,CAAC;QACjC,KAAK,EAAE,oBAAK,CAAC,MAAM,CAAC,OAAO,CAAC;KAC7B;IACD,mBAAmB;IACnB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,yBAAyB,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK,iBAAiB;CAC3F,CAAC,CAAA"}

package/dist/html/__test__/parser/parser.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=parser.test.d.ts.map

package/dist/html/__test__/parser/parser.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"parser.test.d.ts","sourceRoot":"","sources":["../../../../src/html/__test__/parser/parser.test.ts"],"names":[],"mappings":""}

package/dist/html/__test__/parser/parser.test.js

@@ -1,50 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const typescript_1 = __importDefault(require("typescript"));
-const path_1 = __importDefault(require("path"));
-const parser_common_1 = require("../../../connect/parser_common");
-const parser_1 = require("../../parser");
-async function testParse(file, extraFiles = [], config) {
-    const program = typescript_1.default.createProgram([
-        path_1.default.join(__dirname, 'examples', file),
-        ...extraFiles.map((file) => path_1.default.join(__dirname, file)),
-    ], {});
-    return await (0, parser_common_1.parseCodeConnect)({
-        program,
-        file: path_1.default.join(__dirname, 'examples', file),
-        config: { ...config, parser: 'html' },
-        parseFn: parser_1.parseHtmlDoc,
-        absPath: __dirname,
-        parseOptions: {
-            repoUrl: 'git@github.com:figma/code-connect.git',
-            debug: false,
-        },
-    });
-}
-describe('HTML Parser', () => {
-    it('throws an error if there is no config object', async () => {
-        expect(async () => await testParse('NoConfigObject.figma.ts')).rejects.toThrow(`The second argument to figma.connect() must be an object literal. Example usage:
-\`figma.connect('https://www.figma.com/file/123?node-id=1-1', {
-  example: () => html\`<button />\`
-})\``);
-    });
-    it('throws an error if there is no example', async () => {
-        expect(async () => await testParse('NoExample.figma.ts')).rejects.toThrow(`The 'example' property must be an arrow function which returns a html tagged template string. Example usage:
-\`figma.connect('https://www.figma.com/file/123?node-id=1-1', {
-  example: (props) => html\`<my-button />\`
-})\``);
-    });
-    it('throws an error if the example function returns a plain tagged template', async () => {
-        expect(async () => await testParse('WrongSignatureNoHtmlTag.figma.ts')).rejects.toThrow('Expected only a tagged template literal as the body of the render function');
-    });
-    it('throws an error if the example function returns JSX', async () => {
-        expect(async () => await testParse('WrongSignatureJsx.figma.tsx')).rejects.toThrow('Expected only a tagged template literal as the body of the render function');
-    });
-    it('throws an error if the example function is a regular function with extra code', async () => {
-        expect(async () => await testParse('RegularFunctionExampleWithExtraCode.figma.ts')).rejects.toThrow('Expected only a tagged template literal as the body of the render function');
-    });
-});
-//# sourceMappingURL=parser.test.js.map

package/dist/html/__test__/parser/parser.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"parser.test.js","sourceRoot":"","sources":["../../../../src/html/__test__/parser/parser.test.ts"],"names":[],"mappings":";;;;;AACA,4DAA2B;AAC3B,gDAAuB;AACvB,kEAAiE;AACjE,yCAA2C;AAE3C,KAAK,UAAU,SAAS,CACtB,IAAY,EACZ,aAAuB,EAAE,EACzB,MAA8C;IAE9C,MAAM,OAAO,GAAG,oBAAE,CAAC,aAAa,CAC9B;QACE,cAAI,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,EAAE,IAAI,CAAC;QACtC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,cAAI,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;KACxD,EACD,EAAE,CACH,CAAA;IACD,OAAO,MAAM,IAAA,gCAAgB,EAAC;QAC5B,OAAO;QACP,IAAI,EAAE,cAAI,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,EAAE,IAAI,CAAC;QAC5C,MAAM,EAAE,EAAE,GAAG,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;QACrC,OAAO,EAAE,qBAAY;QACrB,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE;YACZ,OAAO,EAAE,uCAAuC;YAChD,KAAK,EAAE,KAAK;SACb;KACF,CAAC,CAAA;AACJ,CAAC;AAED,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,MAAM,SAAS,CAAC,yBAAyB,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAC5E;;;KAGD,CACA,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,MAAM,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CACvE;;;KAGD,CACA,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,yEAAyE,EAAE,KAAK,IAAI,EAAE;QACvF,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,MAAM,SAAS,CAAC,kCAAkC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CACrF,4EAA4E,CAC7E,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACnE,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,MAAM,SAAS,CAAC,6BAA6B,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAChF,4EAA4E,CAC7E,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,+EAA+E,EAAE,KAAK,IAAI,EAAE;QAC7F,MAAM,CACJ,KAAK,IAAI,EAAE,CAAC,MAAM,SAAS,CAAC,8CAA8C,CAAC,CAC5E,CAAC,OAAO,CAAC,OAAO,CAAC,4EAA4E,CAAC,CAAA;IACjG,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}