@superblocksteam/vite-plugin-file-sync 2.0.8-next.0 → 2.0.8-next.1

package/dist/ai-service/app-interface/linter.js

@@ -12,7 +12,7 @@ const options = (cwd) => ({
     // NOTE: we are only applying this single rule for now
     // add more rules as they are validated
     ruleFilter: ({ ruleId }) => {
-        if (ruleId === "superblocks/no-sbcomputed-jsx-child") {
+        if (ruleId === "superblocks/no-computed-jsx-child") {
             return true;
         }
         return false;

package/dist/ai-service/app-interface/linter.js.map

@@ -1 +1 @@
-{"version":3,"file":"linter.js","sourceRoot":"","sources":["../../../src/ai-service/app-interface/linter.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"linter.js","sourceRoot":"","sources":["../../../src/ai-service/app-interface/linter.ts"],"names":[],"mappings":"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"}

package/dist/ai-service/prompts/draft-subprompts/superblocks-api-draft.d.ts

@@ -1,2 +1,2 @@
-export declare const superblocksApiPrompt = "\n#### Example of creating and then registering a Superblocks API:\n\nCreating the API by adding the myApi.ts file:\n\n```ts\n// Path to this api: /pages/Page1/apis/myApi.ts\n\nimport {\n  Conditional,\n  Condition,\n  PostgreSQL,\n  JavaScript,\n  Api,\n} from \"@superblocksteam/library\";\n\nexport default new Api(\"myApi\", [\n  new Conditional(\"my_conditional\", {\n    if: Condition(true, [\n      new PostgreSQL(\"retrieve_orders\", \"integration_goes_here\", {\n        statement: \"SELECT * FROM orders\",\n      }),\n    ]),\n    else: [\n      new JavaScript(\"fallthrough\", () => \"we did not execute the sql query\"),\n    ],\n  }),\n]);\n```\n\nThen registering the myApi API inside the registerPage call, and executing it when an SbButton is clicked:\n\n```tsx\n// /pages/Page1/index.tsx\n\nimport { SbPage, SbApi, SbTable } from \"@superblocksteam/library\";\nimport { registerPage, showAlert } from \"@superblocksteam/library\";\n\nimport MyExampleAPI from \"./apis/example\";\n\nconst Page1 = () => (\n  <SbPage>\n    <SbButton\n      // APIs can be invoked with the SBEventFlow API.\n      onClick={SbEventFlow.runApis([\"myApi\"])}\n    />\n    <SbTable\n      // APIs are part of the state object just like components\n      tableData={(state) => state.myApi.response}\n    />\n  </SbPage>\n);\n\nexport default registerPage(\n  Page1,\n  {\n    name: \"MyPage\",\n    // You register APIs just like you would SbVariables\n    myApi: SbApi(MyExampleAPI),\n  },\n);\n```\n\n#### The Superblocks API TypeScript Type\n\nBelow is the full TypeScript spec for the APIs you create:\n\n```ts\n// @superblocksteam/types\n\nexport type JsonValue = undefined | null | number | string | boolean | JsonValue[] | object;\n\nclass Block {\n    constructor(name: string) {}\n    public run(): { output: JsonValue } { /* ... */ }\n}\n\ntype State = Record<string, JsonValue>\n\nclass JavaScript extends Block {\n    constructor(name: string, config: { fn: ({ /* ... */ }) => JsonValue }) { /* ... */ }\n}\n\ntype Integration = string\ntype Integrations = Record<Integration, JsonValue>;\n\nclass PostgreSQL extends Block {\n    static integrations: Integrations = {\n        \"eacaad74-192a-4a55-bbfd-3bdd3a6dfd53\": {\n            \"schema\": {\n                \"tables\": [\n                    {\n                        \"type\": \"TABLE\",\n                        \"name\": \"orders\",\n                        \"columns\": [\n                            {\n                                \"name\": \"id\",\n                                \"type\": \"int4\",\n                            },\n                            {\n                                \"name\": \"user_id\",\n                                \"type\": \"int8\",\n                            },\n                            {\n                                \"name\": \"product\",\n                                \"type\": \"varchar\",\n                            },\n                            {\n                                \"name\": \"date_purchased\",\n                                \"type\": \"date\",\n                            },\n                            {\n                                \"name\": \"user_email\",\n                                \"type\": \"varchar\",\n                            },\n                            {\n                                \"name\": \"price\",\n                                \"type\": \"float8\",\n                            },\n                        ],\n                        \"schema\": \"public\",\n                    }\n                ],\n            }\n        }\n    }\n\n    /**\n     * @param {string} name        The name of the block.\n     * @param {string} integration The name of the integration.\n     * @param {object} config      The config object.\n     * @returns {void}\n     */\n    constructor(name: string, integration: Integration, config: {\n        statement: string\n    }) { super(name) }\n}\n\nclass RestApi extends Block {\n  constructor(\n    name: string,\n    config: {\n      method: \"GET\" | \"POST\" | \"PUT\" | \"DELETE\" | \"PATCH\" | \"OPTIONS\" | \"HEAD\" | \"TRACE\" | \"CONNECT\";\n      url: string | (({ /* ... */ }) => string);\n    },\n  ) { super(name) }\n}\n\nclass Email extends Block {\n    constructor(name: string, config: {\n        from: string\n        to: string\n        subject: string\n        cc?: string[]\n        bcc?: string[]\n        body?: string | JsonValue | (({ /* ... */ }) => string | JsonValue)\n    }) { super(name) }\n}\n\nexport type Condition = {\n  when: boolean | ((state: State) => boolean);\n  then: Block[];\n};\n\nexport type Conditions = {\n  if: Condition;\n  elif?: Condition[];\n  else?: Block[];\n};\n\nclass Conditional extends Block {\n    constructor(name: string, config: Conditions) { super(name) }\n}\n\nclass TryCatch extends Block {\n    constructor(name: string, config: { try: Block[]; catch: Block[]; finally?: Block[] }) { super(name) }\n}\n\n/**\n * A Superblocks variable has the following access pattern:\n *\n * How to retrieve the value of a variable:\n * ```ts\n * CORRECT\n * my_variable.value\n *\n * // INCORRECT\n * my_variable\n * ```\n *\n * How to set the value of a variable:\n * ```ts\n * CORRECT\n * my_variable.set(value)\n *\n * // INCORRECT\n * my_variable = value\n * ```\n */\nclass Variables extends Block {\n    constructor(name: string, variables: {\n        // The key is the name of the variable.\n        // The value is the value of the variable.\n        [key: string]: JsonValue | (({ /* ... */ }) => JsonValue)\n    }) { super(name) }\n}\n\nclass Loop extends Block {\n    constructor(\n        name: string,\n        // You can either loop over a certain number or times, over an array, or forever until the condition is false.\n        over: number | (({ /* ... */ }) => number) | JsonValue[] | (({ /* ... */ }) => JsonValue[]) | boolean | (({ /* ... */ }) => boolean),\n        variables: {\n            // What the variable name for the current item is.\n            item: string,\n            // What the variable name for the current index is.\n            index: number,\n        },\n        blocks: Block[]\n    ) { super(name) }\n}\n\nclass Parallel extends Block {\n    constructor(\n        name: string,\n        over: JsonValue[] | (({ /* ... */ }) => JsonValue[]),\n        variables: {\n            // What the variable name for the current item is.\n            item: string,\n        },\n        blocks: Block[],\n    ) { super(name) }\n}\n\nclass Api {\n    constructor(name: string, steps: Block[]) {}\n    public get response(): JsonValue { /* ... */ }\n    public get error(): string | undefined { /* ... */ }\n    public run(): void { /* ... */ }\n    public cancel(): void { /* ... */ }\n}\n```\n\n#### Example Usage\n\nBelow are examples of how you create Superblocks APIs, along with annotations to describe different pieces of functinality and expectations.\n\n##### Example 1: Simple API with conditional\n\n```ts\n// Path to this api would be: /pages/Page1/apis/getOrders.ts\n\nimport {\n  Conditional,\n  Condition,\n  PostgreSQL,\n  JavaScript,\n  Api,\n} from \"@superblocksteam/library\";\n\nexport default new Api(\n    \"getOrders\",\n    [\n        new Conditional(\"my_conditional\", {\n            if: {\n                when: true,\n                then: [\n                    new PostgreSQL(\"retrieve_orders\", \"integration_goes_here\", {\n                        statement: 'SELECT * FROM orders'\n                    })\n                ]\n            },\n            else: [\n                new JavaScript(\"fallthrough\", { fn: () => \"we did not execute the sql query\" })\n            ]\n        })\n    ]\n)\n```\n\nTo run register and run the API we defined above:\n\n```tsx\n// /pages/Page1/index.tsx\n\nimport { SbPage, SbApi, SbTable, SbButton } from \"@superblocksteam/library\";\nimport { registerPage, showAlert } from \"@superblocksteam/library\";\n\nimport getOrders from \"./apis/getOrders\";\n\nconst Page1 = () => (\n  <SbPage>\n    <SbButton\n      // APIs can be invoked with the SBEventFlow API.\n      onClick={SbEventFlow.runApis([\"getOrders\"])}\n    />\n    // ...\n    <SbTable>\n      // APIs are part of the state object just like components. tableData=\n      {(state) => state.getOrders.response}\n    </SbTable>\n  </SbPage>\n);\n\nexport default registerPage(\n  Page1,\n  {\n    name: \"MyPage\",\n    // You register APIs just like you would SbVariables.\n    getOrders: SbApi(getOrders),\n  },\n);\n```\n\n##### Example 2: API where steps reference outputs of previous steps\n\nThink hard about how you access the output of previous steps. You MUST use the output property of the previous step variable. There is no other way to access the output of a previous step (other than using a Variable block, but that is not what you want in this case and should only be used in very specific cases).\n\n```ts\n// Path to this api would be: /pages/Page1/apis/getOrders.ts\n\nimport {\n  PostgreSQL,\n  JavaScript,\n  Api,\n} from \"@superblocksteam/library\";\n\nexport default new Api(\n    \"getOrders\",\n    [\n        new PostgreSQL(\"retrieve_orders\", \"integration_goes_here\", {\n            statement: 'SELECT * FROM orders'\n        }),\n        new JavaScript(\"format_orders\", ({ retrieve_orders }) => {\n            // Format the orders data with dates\n            // we access the output of the retrieve_orders block using the output property of the retrieve_orders variable\n            return retrieve_orders.output.map(order => ({\n                ...order,\n                date: new Date(order.date).toLocaleDateString()\n            }));\n        })\n    ]\n)\n```\n\nThen you would register the api as normal in the page file inside the registerPage function call, same as the first example.\n\n#### Control Flow blocks\n\nThe API blocks that are considered \"Control Flow\" blocks are:\n\n- Conditional\n- Loop\n- TryCatch\n- Parallel\n\n#### Rules for using Superblocks APIs\n\nThink hard about the following important rules for correctly using Superblocks APIs:\n\n- You must use a deconstructed state object as the function parameter for dynamic block fields. The valid keys are (1) Superblocks entities (components, variables, etc) and (2) previous block outputs that are in the lexial scope. Example below:\n\n```ts\n// CORRECT: uses deconstructed state\n({ Dropdown1, TextInput1 }) => Dropdown1.selectedOptionsValue + TextInput1.value\n\n// INCORRECT: uses state object directly\n(state) => state.Dropdown1.selectedOptionsValue + state.TextInput1.value\n```\n\n- APIs have lexical scope. For example, blocks in the if-statement of a conditional block will not have access to the state of the else-block.\n\n- Block outputs are immutable. Do not mutate the output of a block.\n\n- The output for a control flow block is the output of the last child block inside of that control flow block.\n\n- Favor the defined control flow blocks (conditional, loop, try-catch) over using the JavaScript block to try and control the flow of your API. This allows you to use Superblocks integrations more easily and allows the user to more easily maintain the API.\n\n- Backend APIs CANNOT mutate frontend state inside of the API.\n\n- You will not always be told which integrations to use in your API; you will have to determine that yourself based on the data you need to fetch.\n\n- Never add comments to code you generate.\n";
+export declare const superblocksApiPrompt = "\n#### Example of creating and then registering a Superblocks API:\n\nCreating the API by adding the myApi.ts file:\n\n```ts\n// Path to this api: /pages/Page1/apis/myApi.ts\n\nimport {\n  Conditional,\n  Condition,\n  PostgreSQL,\n  JavaScript,\n  Api,\n} from \"@superblocksteam/library\";\n\nexport default new Api(\"myApi\", [\n  new Conditional(\"my_conditional\", {\n    if: Condition(true, [\n      new PostgreSQL(\"retrieve_orders\", \"integration_goes_here\", {\n        statement: \"SELECT * FROM orders\",\n      }),\n    ]),\n    else: [\n      new JavaScript(\"fallthrough\", () => \"we did not execute the sql query\"),\n    ],\n  }),\n]);\n```\n\nThen registering the myApi API inside the registerPage call, and executing it when an Button is clicked:\n\n```tsx\n// /pages/Page1/index.tsx\n\nimport { Page, SbApi, Table } from \"@superblocksteam/library\";\nimport { registerPage, showAlert } from \"@superblocksteam/library\";\n\nimport MyExampleAPI from \"./apis/example\";\n\nconst Page1 = () => (\n  <Page>\n    <Button\n      // APIs can be invoked with the EventFlow API.\n      onClick={EventFlow.runApis([\"myApi\"])}\n    />\n    <Table\n      // APIs are part of the state object just like components\n      tableData={(state) => state.myApi.response}\n    />\n  </Page>\n);\n\nexport default registerPage(\n  Page1,\n  {\n    name: \"MyPage\",\n    // You register APIs just like you would SbVariables\n    myApi: SbApi(MyExampleAPI),\n  },\n);\n```\n\n#### The Superblocks API TypeScript Type\n\nBelow is the full TypeScript spec for the APIs you create:\n\n```ts\n// @superblocksteam/types\n\nexport type JsonValue = undefined | null | number | string | boolean | JsonValue[] | object;\n\nclass Block {\n    constructor(name: string) {}\n    public run(): { output: JsonValue } { /* ... */ }\n}\n\ntype State = Record<string, JsonValue>\n\nclass JavaScript extends Block {\n    constructor(name: string, config: { fn: ({ /* ... */ }) => JsonValue }) { /* ... */ }\n}\n\ntype Integration = string\ntype Integrations = Record<Integration, JsonValue>;\n\nclass PostgreSQL extends Block {\n    static integrations: Integrations = {\n        \"eacaad74-192a-4a55-bbfd-3bdd3a6dfd53\": {\n            \"schema\": {\n                \"tables\": [\n                    {\n                        \"type\": \"TABLE\",\n                        \"name\": \"orders\",\n                        \"columns\": [\n                            {\n                                \"name\": \"id\",\n                                \"type\": \"int4\",\n                            },\n                            {\n                                \"name\": \"user_id\",\n                                \"type\": \"int8\",\n                            },\n                            {\n                                \"name\": \"product\",\n                                \"type\": \"varchar\",\n                            },\n                            {\n                                \"name\": \"date_purchased\",\n                                \"type\": \"date\",\n                            },\n                            {\n                                \"name\": \"user_email\",\n                                \"type\": \"varchar\",\n                            },\n                            {\n                                \"name\": \"price\",\n                                \"type\": \"float8\",\n                            },\n                        ],\n                        \"schema\": \"public\",\n                    }\n                ],\n            }\n        }\n    }\n\n    /**\n     * @param {string} name        The name of the block.\n     * @param {string} integration The name of the integration.\n     * @param {object} config      The config object.\n     * @returns {void}\n     */\n    constructor(name: string, integration: Integration, config: {\n        statement: string\n    }) { super(name) }\n}\n\nclass RestApi extends Block {\n  constructor(\n    name: string,\n    config: {\n      method: \"GET\" | \"POST\" | \"PUT\" | \"DELETE\" | \"PATCH\" | \"OPTIONS\" | \"HEAD\" | \"TRACE\" | \"CONNECT\";\n      url: string | (({ /* ... */ }) => string);\n    },\n  ) { super(name) }\n}\n\nclass Email extends Block {\n    constructor(name: string, config: {\n        from: string\n        to: string\n        subject: string\n        cc?: string[]\n        bcc?: string[]\n        body?: string | JsonValue | (({ /* ... */ }) => string | JsonValue)\n    }) { super(name) }\n}\n\nexport type Condition = {\n  when: boolean | ((state: State) => boolean);\n  then: Block[];\n};\n\nexport type Conditions = {\n  if: Condition;\n  elif?: Condition[];\n  else?: Block[];\n};\n\nclass Conditional extends Block {\n    constructor(name: string, config: Conditions) { super(name) }\n}\n\nclass TryCatch extends Block {\n    constructor(name: string, config: { try: Block[]; catch: Block[]; finally?: Block[] }) { super(name) }\n}\n\n/**\n * A Superblocks variable has the following access pattern:\n *\n * How to retrieve the value of a variable:\n * ```ts\n * CORRECT\n * my_variable.value\n *\n * // INCORRECT\n * my_variable\n * ```\n *\n * How to set the value of a variable:\n * ```ts\n * CORRECT\n * my_variable.set(value)\n *\n * // INCORRECT\n * my_variable = value\n * ```\n */\nclass Variables extends Block {\n    constructor(name: string, variables: {\n        // The key is the name of the variable.\n        // The value is the value of the variable.\n        [key: string]: JsonValue | (({ /* ... */ }) => JsonValue)\n    }) { super(name) }\n}\n\nclass Loop extends Block {\n    constructor(\n        name: string,\n        // You can either loop over a certain number or times, over an array, or forever until the condition is false.\n        over: number | (({ /* ... */ }) => number) | JsonValue[] | (({ /* ... */ }) => JsonValue[]) | boolean | (({ /* ... */ }) => boolean),\n        variables: {\n            // What the variable name for the current item is.\n            item: string,\n            // What the variable name for the current index is.\n            index: number,\n        },\n        blocks: Block[]\n    ) { super(name) }\n}\n\nclass Parallel extends Block {\n    constructor(\n        name: string,\n        over: JsonValue[] | (({ /* ... */ }) => JsonValue[]),\n        variables: {\n            // What the variable name for the current item is.\n            item: string,\n        },\n        blocks: Block[],\n    ) { super(name) }\n}\n\nclass Api {\n    constructor(name: string, steps: Block[]) {}\n    public get response(): JsonValue { /* ... */ }\n    public get error(): string | undefined { /* ... */ }\n    public run(): void { /* ... */ }\n    public cancel(): void { /* ... */ }\n}\n```\n\n#### Example Usage\n\nBelow are examples of how you create Superblocks APIs, along with annotations to describe different pieces of functinality and expectations.\n\n##### Example 1: Simple API with conditional\n\n```ts\n// Path to this api would be: /pages/Page1/apis/getOrders.ts\n\nimport {\n  Conditional,\n  Condition,\n  PostgreSQL,\n  JavaScript,\n  Api,\n} from \"@superblocksteam/library\";\n\nexport default new Api(\n    \"getOrders\",\n    [\n        new Conditional(\"my_conditional\", {\n            if: {\n                when: true,\n                then: [\n                    new PostgreSQL(\"retrieve_orders\", \"integration_goes_here\", {\n                        statement: 'SELECT * FROM orders'\n                    })\n                ]\n            },\n            else: [\n                new JavaScript(\"fallthrough\", { fn: () => \"we did not execute the sql query\" })\n            ]\n        })\n    ]\n)\n```\n\nTo run register and run the API we defined above:\n\n```tsx\n// /pages/Page1/index.tsx\n\nimport { Page, SbApi, Table, Button } from \"@superblocksteam/library\";\nimport { registerPage, showAlert } from \"@superblocksteam/library\";\n\nimport getOrders from \"./apis/getOrders\";\n\nconst Page1 = () => (\n  <Page>\n    <Button\n      // APIs can be invoked with the EventFlow API.\n      onClick={EventFlow.runApis([\"getOrders\"])}\n    />\n    // ...\n    <Table>\n      // APIs are part of the state object just like components. tableData=\n      {(state) => state.getOrders.response}\n    </Table>\n  </Page>\n);\n\nexport default registerPage(\n  Page1,\n  {\n    name: \"MyPage\",\n    // You register APIs just like you would SbVariables.\n    getOrders: SbApi(getOrders),\n  },\n);\n```\n\n##### Example 2: API where steps reference outputs of previous steps\n\nThink hard about how you access the output of previous steps. You MUST use the output property of the previous step variable. There is no other way to access the output of a previous step (other than using a Variable block, but that is not what you want in this case and should only be used in very specific cases).\n\n```ts\n// Path to this api would be: /pages/Page1/apis/getOrders.ts\n\nimport {\n  PostgreSQL,\n  JavaScript,\n  Api,\n} from \"@superblocksteam/library\";\n\nexport default new Api(\n    \"getOrders\",\n    [\n        new PostgreSQL(\"retrieve_orders\", \"integration_goes_here\", {\n            statement: 'SELECT * FROM orders'\n        }),\n        new JavaScript(\"format_orders\", ({ retrieve_orders }) => {\n            // Format the orders data with dates\n            // we access the output of the retrieve_orders block using the output property of the retrieve_orders variable\n            return retrieve_orders.output.map(order => ({\n                ...order,\n                date: new Date(order.date).toLocaleDateString()\n            }));\n        })\n    ]\n)\n```\n\nThen you would register the api as normal in the page file inside the registerPage function call, same as the first example.\n\n#### Control Flow blocks\n\nThe API blocks that are considered \"Control Flow\" blocks are:\n\n- Conditional\n- Loop\n- TryCatch\n- Parallel\n\n#### Rules for using Superblocks APIs\n\nThink hard about the following important rules for correctly using Superblocks APIs:\n\n- You must use a deconstructed state object as the function parameter for dynamic block fields. The valid keys are (1) Superblocks entities (components, variables, etc) and (2) previous block outputs that are in the lexial scope. Example below:\n\n```ts\n// CORRECT: uses deconstructed state\n({ Dropdown1, TextInput1 }) => Dropdown1.selectedOptionsValue + TextInput1.value\n\n// INCORRECT: uses state object directly\n(state) => state.Dropdown1.selectedOptionsValue + state.TextInput1.value\n```\n\n- APIs have lexical scope. For example, blocks in the if-statement of a conditional block will not have access to the state of the else-block.\n\n- Block outputs are immutable. Do not mutate the output of a block.\n\n- The output for a control flow block is the output of the last child block inside of that control flow block.\n\n- Favor the defined control flow blocks (conditional, loop, try-catch) over using the JavaScript block to try and control the flow of your API. This allows you to use Superblocks integrations more easily and allows the user to more easily maintain the API.\n\n- Backend APIs CANNOT mutate frontend state inside of the API.\n\n- You will not always be told which integrations to use in your API; you will have to determine that yourself based on the data you need to fetch.\n\n- Never add comments to code you generate.\n";
 //# sourceMappingURL=superblocks-api-draft.d.ts.map

package/dist/ai-service/prompts/draft-subprompts/superblocks-api-draft.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"superblocks-api-draft.d.ts","sourceRoot":"","sources":["../../../../src/ai-service/prompts/draft-subprompts/superblocks-api-draft.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,0vWA+XhC,CAAC"}
+{"version":3,"file":"superblocks-api-draft.d.ts","sourceRoot":"","sources":["../../../../src/ai-service/prompts/draft-subprompts/superblocks-api-draft.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,otWA+XhC,CAAC"}

package/dist/ai-service/prompts/draft-subprompts/superblocks-api-draft.js

@@ -29,27 +29,27 @@ export default new Api("myApi", [
 ]);
 \`\`\`
 
-Then registering the myApi API inside the registerPage call, and executing it when an SbButton is clicked:
+Then registering the myApi API inside the registerPage call, and executing it when an Button is clicked:
 
 \`\`\`tsx
 // /pages/Page1/index.tsx
 
-import { SbPage, SbApi, SbTable } from "@superblocksteam/library";
+import { Page, SbApi, Table } from "@superblocksteam/library";
 import { registerPage, showAlert } from "@superblocksteam/library";
 
 import MyExampleAPI from "./apis/example";
 
 const Page1 = () => (
-  <SbPage>
-    <SbButton
-      // APIs can be invoked with the SBEventFlow API.
-      onClick={SbEventFlow.runApis(["myApi"])}
+  <Page>
+    <Button
+      // APIs can be invoked with the EventFlow API.
+      onClick={EventFlow.runApis(["myApi"])}
     />
-    <SbTable
+    <Table
       // APIs are part of the state object just like components
       tableData={(state) => state.myApi.response}
     />
-  </SbPage>
+  </Page>
 );
 
 export default registerPage(
@@ -284,23 +284,23 @@ To run register and run the API we defined above:
 \`\`\`tsx
 // /pages/Page1/index.tsx
 
-import { SbPage, SbApi, SbTable, SbButton } from "@superblocksteam/library";
+import { Page, SbApi, Table, Button } from "@superblocksteam/library";
 import { registerPage, showAlert } from "@superblocksteam/library";
 
 import getOrders from "./apis/getOrders";
 
 const Page1 = () => (
-  <SbPage>
-    <SbButton
-      // APIs can be invoked with the SBEventFlow API.
-      onClick={SbEventFlow.runApis(["getOrders"])}
+  <Page>
+    <Button
+      // APIs can be invoked with the EventFlow API.
+      onClick={EventFlow.runApis(["getOrders"])}
     />
     // ...
-    <SbTable>
+    <Table>
       // APIs are part of the state object just like components. tableData=
       {(state) => state.getOrders.response}
-    </SbTable>
-  </SbPage>
+    </Table>
+  </Page>
 );
 
 export default registerPage(

package/dist/ai-service/prompts/draft-subprompts/superblocks-layouts-with-grid-examples.d.ts

@@ -1,2 +1,2 @@
-export declare const superblocksLayoutsPrompt = "\n### Layout and Sizing in Superblocks\n\nAll layouts in Superblocks are configured through the `SbContainer` component.  \n`SbContainer` provides both layout and optional visual styling.\n\n```jsx\n<SbContainer\n  variant=\"card\" | \"none\" // default is \"none\"\n  layout=\"vertical\" | \"horizontal\" | \"freeform\" // default is \"vertical\"\n>\n  {/* Children here */}\n</SbContainer>\n```\n\nWe have three main layout options in Superblocks:\n\n- Vertical Stack (`vertical`)\n- Horizontal Stack (`horizontal`)\n- Free form (`freeform`)\n\nFor new designs, we recommend using Stacks for most use cases.\n\nThe `variant` prop is optional and can be set to `\"card\"` or `\"none\"`. Default is `\"none\"`.\n`\"card\"` applies a card-like visual style to the container, such as rounded corners, white background, and padding.\n\n---\n\n### Height and Width Options\n\nAll Superblocks components support width and height. They take in a `Dim` object, which has 3 main options:\n\n- `Dim.fit()`: Fit to content size, this is the default behavior and can be omitted.\n- `Dim.px(100)`: Fixed pixel size.\n- `Dim.fill()` or `Dim.fill(2)`: Fill available space with an optional weight.\n\n> IMPORTANT: Prefer using `Dim.fit()` over `Dim.px()` for height and width unless you have a specific reason to use fixed pixel sizes. This is extra true for containers\n> IMPORTANT: Prefer using `Dim.fill()` or `Dim.fit()` over `Dim.px()` for width unless you have a specific reason to use fixed pixel sizes.\n\n**Examples**:\n\n```jsx\n<SbText name=\"Text1\" width={Dim.px(2)}>Hello</SbText>   // 2 pixels\n<SbText name=\"Text1\" width={Dim.fit()}>Hello</SbText>   // Fit to content (default)\n<SbText name=\"Text1\" width={Dim.fill()}>Hello</SbText>  // Fill available space, no weight (aka 1)\n<SbText name=\"Text1\" width={Dim.fill(2)}>Hello</SbText> // Fill available space, with weight of 2\n```\n\n---\n\n### 2. **Grid-Specific Width (Columns)**\n\nWhen using `layout=\"freeform\"`, width is based on columns.\n\n- `Dim.columns(10)` specifies the number of columns.\n- Note: `fill`, `fit`, and `px` are not supported for width in grid layouts.\n\n**Example**:\n\n```jsx\n<SbContainer layout=\"freeform\" columns={12}>\n  <SbText name=\"Text1\" width={Dim.columns(2)}>\n    Hello\n  </SbText>\n</SbContainer>\n```\n\n---\n\n### 3. **Height Options with Rows**\n\nWhen using `layout=\"freeform\"`, height can be configured with rows.\n\n- `Dim.rows(2)` specifies the number of rows.\n- `Dim.px(100)` specifies a fixed pixel size.\n- `Dim.fit()` fits to content size (default).\n- `Dim.fill()` is **not supported** for height inside grid layouts.\n\nYou can specify height using rows to override the default `\"fit\"` behavior, similar to pixel-based height.\n\n**Example**:\n\n```jsx\n<SbContainer layout=\"freeform\" columns={12}>\n  <SbText name=\"Text1\" height={Dim.rows(2)} width={Dim.columns(2)}>\n    Hello\n  </SbText>{' '}\n  // 2 rows in height, 2 columns in width\n</SbContainer>\n```\n\n---\n\n### 4. **Grid Layout Setup**\n\nA container with `layout=\"freeform\"` can be configured with columns and rows.  \nIndividual children inside the container can have margins, constraints, and dynamic sizing options.\n\n```\nSbContainer (layout=\"freeform\") -\n  columns: number\n  rows: \"auto\" | number // defaults to auto\n  row-size: Dim<px> // defaults to 12px\nGridChild (components inside the container) -\n  margin-top: Dim<row | px>\n  margin-left: Dim<column>\n  height: Dim<row | px | fit>\n  width: Dim<column>\n  constraintTop: GridChild | [GridChild]\n```\n\n---\n\n#### **Grid Example 1: Items Stacked with a Gap**\n\nTwo items stacked vertically, both full width, with a gap of 1.\n\n```\n[ Text1 ]\n[ Text2 ]\n```\n\n```jsx\n<SbContainer layout=\"freeform\" columns={3}>\n  <SbText name=\"Text1\" width={Dim.columns(3)}>\n    Hello\n  </SbText>\n  <SbText name=\"Text2\" constraintTop=\"Text1\" width={Dim.columns(3)}>\n    World\n  </SbText>\n</SbContainer>\n```\n\n---\n\n#### **Grid Example 2: Items Side by Side**\n\nThree items side by side, each taking part of the grid.\n\n```\n[ Text1 ][ Text2 ][ Text3 ]\n```\n\n```jsx\n<SbContainer layout=\"freeform\" columns={4}>\n  <SbText name=\"Text1\" width={Dim.columns(2)}>\n    Hello\n  </SbText>\n  <SbText name=\"Text2\" width={Dim.columns(2)} marginLeft={Dim.columns(2)}>\n    World\n  </SbText>\n  <SbText name=\"Text3\" width={Dim.columns(2)} marginLeft={Dim.columns(4)}>\n    World\n  </SbText>\n</SbContainer>\n```\n\n---\n\n#### **Grid Example 3: Staggered Items**\n\nA staggered layout using constraints and margins.\n\n```\n[ Text1 ]\n[ Text2 ][ Text3 ]\n```\n\n```jsx\n<SbContainer layout=\"freeform\" columns={2}>\n  <SbText name=\"Text1\" width={Dim.columns(1)}>\n    Hello\n  </SbText>\n  <SbText name=\"Text2\" width={Dim.columns(1)} constraintTop=\"Text1\">\n    World\n  </SbText>\n  <SbText name=\"Text3\" width={Dim.columns(1)} marginLeft={Dim.columns(1)} marginTop={Dim.rows(1)}>\n    World Again\n  </SbText>\n</SbContainer>\n```\n\nIn this example:\n\n- `Text2` is constrained to `Text1`.\n- `Text3` is **not constrained** to `Text2`, but uses a margin of 1 row and 1 column.\n- If `Text1` grows in size, `Text2` moves down, but `Text3` stays in place.\n\n#### **Grid Example 4: Key Value Pairs**\n\n[ Key 1 ][ Value 1 ]\n[ Key 2 ][ Value 2 ]\n\n```jsx\n<SbContainer layout=\"freeform\" columns={12}>\n  <SbText name=\"Key1\" width={Dim.columns(4)}>\n    Key 1\n  </SbText>\n  <SbText name=\"Value1\" width={Dim.columns(8)} marginLeft={Dim.columns(4)}>\n    Value 1\n  </SbText>\n  <SbText name=\"Key2\" width={Dim.columns(4)} constraintTop=\"Key1\">\n    Key 2\n  </SbText>\n  <SbText name=\"Value2\" width={Dim.columns(8)} marginLeft={Dim.columns(4)} constraintTop=\"Value1\">\n    Value 2\n  </SbText>\n</SbContainer>\n\nIMPORTANT: The `constraintTop` prop is used to specify the component that this component should be constrained to. You must use and supply names to all components that you want to reference in the `constraintTop` prop.\n```\n\n### Import Location\n\n```ts\nimport { Dim } from '@superblocksteam/library';\n```\n";
+export declare const superblocksLayoutsPrompt = "\n### Layout and Sizing in Superblocks\n\nAll layouts in Superblocks are configured through the `Container` component.  \n`Container` provides both layout and optional visual styling.\n\n```jsx\n<Container\n  variant=\"card\" | \"none\" // default is \"none\"\n  layout=\"vertical\" | \"horizontal\" | \"freeform\" // default is \"vertical\"\n>\n  {/* Children here */}\n</Container>\n```\n\nWe have three main layout options in Superblocks:\n\n- Vertical Stack (`vertical`)\n- Horizontal Stack (`horizontal`)\n- Free form (`freeform`)\n\nFor new designs, we recommend using Stacks for most use cases.\n\nThe `variant` prop is optional and can be set to `\"card\"` or `\"none\"`. Default is `\"none\"`.\n`\"card\"` applies a card-like visual style to the container, such as rounded corners, white background, and padding.\n\n---\n\n### Height and Width Options\n\nAll Superblocks components support width and height. They take in a `Dim` object, which has 3 main options:\n\n- `Dim.fit()`: Fit to content size, this is the default behavior and can be omitted.\n- `Dim.px(100)`: Fixed pixel size.\n- `Dim.fill()` or `Dim.fill(2)`: Fill available space with an optional weight.\n\n> IMPORTANT: Prefer using `Dim.fit()` over `Dim.px()` for height and width unless you have a specific reason to use fixed pixel sizes. This is extra true for containers\n> IMPORTANT: Prefer using `Dim.fill()` or `Dim.fit()` over `Dim.px()` for width unless you have a specific reason to use fixed pixel sizes.\n\n**Examples**:\n\n```jsx\n<Text name=\"Text1\" width={Dim.px(2)}>Hello</Text>   // 2 pixels\n<Text name=\"Text1\" width={Dim.fit()}>Hello</Text>   // Fit to content (default)\n<Text name=\"Text1\" width={Dim.fill()}>Hello</Text>  // Fill available space, no weight (aka 1)\n<Text name=\"Text1\" width={Dim.fill(2)}>Hello</Text> // Fill available space, with weight of 2\n```\n\n---\n\n### 2. **Grid-Specific Width (Columns)**\n\nWhen using `layout=\"freeform\"`, width is based on columns.\n\n- `Dim.columns(10)` specifies the number of columns.\n- Note: `fill`, `fit`, and `px` are not supported for width in grid layouts.\n\n**Example**:\n\n```jsx\n<Container layout=\"freeform\" columns={12}>\n  <Text name=\"Text1\" width={Dim.columns(2)}>\n    Hello\n  </Text>\n</Container>\n```\n\n---\n\n### 3. **Height Options with Rows**\n\nWhen using `layout=\"freeform\"`, height can be configured with rows.\n\n- `Dim.rows(2)` specifies the number of rows.\n- `Dim.px(100)` specifies a fixed pixel size.\n- `Dim.fit()` fits to content size (default).\n- `Dim.fill()` is **not supported** for height inside grid layouts.\n\nYou can specify height using rows to override the default `\"fit\"` behavior, similar to pixel-based height.\n\n**Example**:\n\n```jsx\n<Container layout=\"freeform\" columns={12}>\n  <Text name=\"Text1\" height={Dim.rows(2)} width={Dim.columns(2)}>\n    Hello\n  </Text>{' '}\n  // 2 rows in height, 2 columns in width\n</Container>\n```\n\n---\n\n### 4. **Grid Layout Setup**\n\nA container with `layout=\"freeform\"` can be configured with columns and rows.  \nIndividual children inside the container can have margins, constraints, and dynamic sizing options.\n\n```\nContainer (layout=\"freeform\") -\n  columns: number\n  rows: \"auto\" | number // defaults to auto\n  row-size: Dim<px> // defaults to 12px\nGridChild (components inside the container) -\n  margin-top: Dim<row | px>\n  margin-left: Dim<column>\n  height: Dim<row | px | fit>\n  width: Dim<column>\n  constraintTop: GridChild | [GridChild]\n```\n\n---\n\n#### **Grid Example 1: Items Stacked with a Gap**\n\nTwo items stacked vertically, both full width, with a gap of 1.\n\n```\n[ Text1 ]\n[ Text2 ]\n```\n\n```jsx\n<Container layout=\"freeform\" columns={3}>\n  <Text name=\"Text1\" width={Dim.columns(3)}>\n    Hello\n  </Text>\n  <Text name=\"Text2\" constraintTop=\"Text1\" width={Dim.columns(3)}>\n    World\n  </Text>\n</Container>\n```\n\n---\n\n#### **Grid Example 2: Items Side by Side**\n\nThree items side by side, each taking part of the grid.\n\n```\n[ Text1 ][ Text2 ][ Text3 ]\n```\n\n```jsx\n<Container layout=\"freeform\" columns={4}>\n  <Text name=\"Text1\" width={Dim.columns(2)}>\n    Hello\n  </Text>\n  <Text name=\"Text2\" width={Dim.columns(2)} marginLeft={Dim.columns(2)}>\n    World\n  </Text>\n  <Text name=\"Text3\" width={Dim.columns(2)} marginLeft={Dim.columns(4)}>\n    World\n  </Text>\n</Container>\n```\n\n---\n\n#### **Grid Example 3: Staggered Items**\n\nA staggered layout using constraints and margins.\n\n```\n[ Text1 ]\n[ Text2 ][ Text3 ]\n```\n\n```jsx\n<Container layout=\"freeform\" columns={2}>\n  <Text name=\"Text1\" width={Dim.columns(1)}>\n    Hello\n  </Text>\n  <Text name=\"Text2\" width={Dim.columns(1)} constraintTop=\"Text1\">\n    World\n  </Text>\n  <Text name=\"Text3\" width={Dim.columns(1)} marginLeft={Dim.columns(1)} marginTop={Dim.rows(1)}>\n    World Again\n  </Text>\n</Container>\n```\n\nIn this example:\n\n- `Text2` is constrained to `Text1`.\n- `Text3` is **not constrained** to `Text2`, but uses a margin of 1 row and 1 column.\n- If `Text1` grows in size, `Text2` moves down, but `Text3` stays in place.\n\n#### **Grid Example 4: Key Value Pairs**\n\n[ Key 1 ][ Value 1 ]\n[ Key 2 ][ Value 2 ]\n\n```jsx\n<Container layout=\"freeform\" columns={12}>\n  <Text name=\"Key1\" width={Dim.columns(4)}>\n    Key 1\n  </Text>\n  <Text name=\"Value1\" width={Dim.columns(8)} marginLeft={Dim.columns(4)}>\n    Value 1\n  </Text>\n  <Text name=\"Key2\" width={Dim.columns(4)} constraintTop=\"Key1\">\n    Key 2\n  </Text>\n  <Text name=\"Value2\" width={Dim.columns(8)} marginLeft={Dim.columns(4)} constraintTop=\"Value1\">\n    Value 2\n  </Text>\n</Container>\n\nIMPORTANT: The `constraintTop` prop is used to specify the component that this component should be constrained to. You must use and supply names to all components that you want to reference in the `constraintTop` prop.\n```\n\n### Import Location\n\n```ts\nimport { Dim } from '@superblocksteam/library';\n```\n";
 //# sourceMappingURL=superblocks-layouts-with-grid-examples.d.ts.map

package/dist/ai-service/prompts/draft-subprompts/superblocks-layouts-with-grid-examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"superblocks-layouts-with-grid-examples.d.ts","sourceRoot":"","sources":["../../../../src/ai-service/prompts/draft-subprompts/superblocks-layouts-with-grid-examples.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,k/LAyNpC,CAAC"}
+{"version":3,"file":"superblocks-layouts-with-grid-examples.d.ts","sourceRoot":"","sources":["../../../../src/ai-service/prompts/draft-subprompts/superblocks-layouts-with-grid-examples.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB,w4LAyNpC,CAAC"}

package/dist/ai-service/prompts/draft-subprompts/superblocks-layouts-with-grid-examples.js

@@ -1,16 +1,16 @@
 export const superblocksLayoutsPrompt = /*md*/ `
 ### Layout and Sizing in Superblocks
 
-All layouts in Superblocks are configured through the \`SbContainer\` component.  
-\`SbContainer\` provides both layout and optional visual styling.
+All layouts in Superblocks are configured through the \`Container\` component.  
+\`Container\` provides both layout and optional visual styling.
 
 \`\`\`jsx
-<SbContainer
+<Container
   variant="card" | "none" // default is "none"
   layout="vertical" | "horizontal" | "freeform" // default is "vertical"
 >
   {/* Children here */}
-</SbContainer>
+</Container>
 \`\`\`
 
 We have three main layout options in Superblocks:
@@ -40,10 +40,10 @@ All Superblocks components support width and height. They take in a \`Dim\` obje
 **Examples**:
 
 \`\`\`jsx
-<SbText name="Text1" width={Dim.px(2)}>Hello</SbText>   // 2 pixels
-<SbText name="Text1" width={Dim.fit()}>Hello</SbText>   // Fit to content (default)
-<SbText name="Text1" width={Dim.fill()}>Hello</SbText>  // Fill available space, no weight (aka 1)
-<SbText name="Text1" width={Dim.fill(2)}>Hello</SbText> // Fill available space, with weight of 2
+<Text name="Text1" width={Dim.px(2)}>Hello</Text>   // 2 pixels
+<Text name="Text1" width={Dim.fit()}>Hello</Text>   // Fit to content (default)
+<Text name="Text1" width={Dim.fill()}>Hello</Text>  // Fill available space, no weight (aka 1)
+<Text name="Text1" width={Dim.fill(2)}>Hello</Text> // Fill available space, with weight of 2
 \`\`\`
 
 ---
@@ -58,11 +58,11 @@ When using \`layout="freeform"\`, width is based on columns.
 **Example**:
 
 \`\`\`jsx
-<SbContainer layout="freeform" columns={12}>
-  <SbText name="Text1" width={Dim.columns(2)}>
+<Container layout="freeform" columns={12}>
+  <Text name="Text1" width={Dim.columns(2)}>
     Hello
-  </SbText>
-</SbContainer>
+  </Text>
+</Container>
 \`\`\`
 
 ---
@@ -81,12 +81,12 @@ You can specify height using rows to override the default \`"fit"\` behavior, si
 **Example**:
 
 \`\`\`jsx
-<SbContainer layout="freeform" columns={12}>
-  <SbText name="Text1" height={Dim.rows(2)} width={Dim.columns(2)}>
+<Container layout="freeform" columns={12}>
+  <Text name="Text1" height={Dim.rows(2)} width={Dim.columns(2)}>
     Hello
-  </SbText>{' '}
+  </Text>{' '}
   // 2 rows in height, 2 columns in width
-</SbContainer>
+</Container>
 \`\`\`
 
 ---
@@ -97,7 +97,7 @@ A container with \`layout="freeform"\` can be configured with columns and rows.
 Individual children inside the container can have margins, constraints, and dynamic sizing options.
 
 \`\`\`
-SbContainer (layout="freeform") -
+Container (layout="freeform") -
   columns: number
   rows: "auto" | number // defaults to auto
   row-size: Dim<px> // defaults to 12px
@@ -121,14 +121,14 @@ Two items stacked vertically, both full width, with a gap of 1.
 \`\`\`
 
 \`\`\`jsx
-<SbContainer layout="freeform" columns={3}>
-  <SbText name="Text1" width={Dim.columns(3)}>
+<Container layout="freeform" columns={3}>
+  <Text name="Text1" width={Dim.columns(3)}>
     Hello
-  </SbText>
-  <SbText name="Text2" constraintTop="Text1" width={Dim.columns(3)}>
+  </Text>
+  <Text name="Text2" constraintTop="Text1" width={Dim.columns(3)}>
     World
-  </SbText>
-</SbContainer>
+  </Text>
+</Container>
 \`\`\`
 
 ---
@@ -142,17 +142,17 @@ Three items side by side, each taking part of the grid.
 \`\`\`
 
 \`\`\`jsx
-<SbContainer layout="freeform" columns={4}>
-  <SbText name="Text1" width={Dim.columns(2)}>
+<Container layout="freeform" columns={4}>
+  <Text name="Text1" width={Dim.columns(2)}>
     Hello
-  </SbText>
-  <SbText name="Text2" width={Dim.columns(2)} marginLeft={Dim.columns(2)}>
+  </Text>
+  <Text name="Text2" width={Dim.columns(2)} marginLeft={Dim.columns(2)}>
     World
-  </SbText>
-  <SbText name="Text3" width={Dim.columns(2)} marginLeft={Dim.columns(4)}>
+  </Text>
+  <Text name="Text3" width={Dim.columns(2)} marginLeft={Dim.columns(4)}>
     World
-  </SbText>
-</SbContainer>
+  </Text>
+</Container>
 \`\`\`
 
 ---
@@ -167,17 +167,17 @@ A staggered layout using constraints and margins.
 \`\`\`
 
 \`\`\`jsx
-<SbContainer layout="freeform" columns={2}>
-  <SbText name="Text1" width={Dim.columns(1)}>
+<Container layout="freeform" columns={2}>
+  <Text name="Text1" width={Dim.columns(1)}>
     Hello
-  </SbText>
-  <SbText name="Text2" width={Dim.columns(1)} constraintTop="Text1">
+  </Text>
+  <Text name="Text2" width={Dim.columns(1)} constraintTop="Text1">
     World
-  </SbText>
-  <SbText name="Text3" width={Dim.columns(1)} marginLeft={Dim.columns(1)} marginTop={Dim.rows(1)}>
+  </Text>
+  <Text name="Text3" width={Dim.columns(1)} marginLeft={Dim.columns(1)} marginTop={Dim.rows(1)}>
     World Again
-  </SbText>
-</SbContainer>
+  </Text>
+</Container>
 \`\`\`
 
 In this example:
@@ -192,20 +192,20 @@ In this example:
 [ Key 2 ][ Value 2 ]
 
 \`\`\`jsx
-<SbContainer layout="freeform" columns={12}>
-  <SbText name="Key1" width={Dim.columns(4)}>
+<Container layout="freeform" columns={12}>
+  <Text name="Key1" width={Dim.columns(4)}>
     Key 1
-  </SbText>
-  <SbText name="Value1" width={Dim.columns(8)} marginLeft={Dim.columns(4)}>
+  </Text>
+  <Text name="Value1" width={Dim.columns(8)} marginLeft={Dim.columns(4)}>
     Value 1
-  </SbText>
-  <SbText name="Key2" width={Dim.columns(4)} constraintTop="Key1">
+  </Text>
+  <Text name="Key2" width={Dim.columns(4)} constraintTop="Key1">
     Key 2
-  </SbText>
-  <SbText name="Value2" width={Dim.columns(8)} marginLeft={Dim.columns(4)} constraintTop="Value1">
+  </Text>
+  <Text name="Value2" width={Dim.columns(8)} marginLeft={Dim.columns(4)} constraintTop="Value1">
     Value 2
-  </SbText>
-</SbContainer>
+  </Text>
+</Container>
 
 IMPORTANT: The \`constraintTop\` prop is used to specify the component that this component should be constrained to. You must use and supply names to all components that you want to reference in the \`constraintTop\` prop.
 \`\`\`

package/dist/ai-service/prompts/generated/library-components/ButtonPropsDocs.d.ts

@@ -0,0 +1,2 @@
+export declare const content = "## Button\n\nThe following is the type definition for the Button component.\n\n```typescript\ninterface ButtonProps {\n  label?: string;\n  /** @default {\"left\":{\"mode\":\"px\",\"value\":10},\"right\":{\"mode\":\"px\",\"value\":10},\"top\":{\"mode\":\"px\",\"value\":8},\"bottom\":{\"mode\":\"px\",\"value\":8}} */\n  padding?: { left: Dim; right: Dim; top: Dim; bottom: Dim };\n  width?: Dim;\n  height?: Dim;\n  minWidth?: Dim;\n  maxWidth?: Dim;\n  minHeight?: Dim;\n  maxHeight?: Dim;\n  /** @default {\"top\":{\"mode\":\"px\",\"value\":0},\"bottom\":{\"mode\":\"px\",\"value\":0},\"left\":{\"mode\":\"px\",\"value\":0},\"right\":{\"mode\":\"px\",\"value\":0}} */\n  margin?: { left: Dim; right: Dim; top: Dim; bottom: Dim };\n  /** @default true */\n  isVisible?: boolean;\n  /** @default \"primary\" */\n  variant?: \"primary\" | \"secondary\" | \"tertiary\";\n  icon?: string;\n  /** @default \"left\" */\n  iconPosition?: \"left\" | \"right\";\n  /** @default \"Computed at runtime\" */\n  textStyle?: TextStyleWithVariant;\n  /** @default \"Computed at runtime\" */\n  backgroundColor?: string;\n  /** @default {\"left\":{\"width\":{\"mode\":\"px\",\"value\":1},\"style\":\"solid\",\"color\":\"transparent\"},\"right\":{\"width\":{\"mode\":\"px\",\"value\":1},\"style\":\"solid\",\"color\":\"transparent\"},\"top\":{\"width\":{\"mode\":\"px\",\"value\":1},\"style\":\"solid\",\"color\":\"transparent\"},\"bottom\":{\"width\":{\"mode\":\"px\",\"value\":1},\"style\":\"solid\",\"color\":\"transparent\"}} */\n  border?: { left: Border; right: Border; top: Border; bottom: Border };\n  /** @default \"Computed at runtime\" */\n  borderRadius?: {\n    topLeft: Dim;\n    topRight: Dim;\n    bottomLeft: Dim;\n    bottomRight: Dim;\n  };\n  /** @default \"center\" */\n  horizontalAlign?: \"left\" | \"center\" | \"right\";\n  loading?: boolean;\n  /** @default false */\n  isDisabled?: boolean;\n  onClick?: EventFlow;\n}\n```\n";
+//# sourceMappingURL=ButtonPropsDocs.d.ts.map

package/dist/ai-service/prompts/generated/library-components/ButtonPropsDocs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonPropsDocs.d.ts","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/library-components/ButtonPropsDocs.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO,q5DAAq5D,CAAC"}

package/dist/ai-service/prompts/generated/library-components/ButtonPropsDocs.js

@@ -0,0 +1,6 @@
+/* eslint-disable */
+// Auto-generated from ButtonPropsDocs.md
+// Do not edit this file directly
+// Generated at: 2025-07-03T15:08:51.451Z
+export const content = "## Button\n\nThe following is the type definition for the Button component.\n\n```typescript\ninterface ButtonProps {\n  label?: string;\n  /** @default {\"left\":{\"mode\":\"px\",\"value\":10},\"right\":{\"mode\":\"px\",\"value\":10},\"top\":{\"mode\":\"px\",\"value\":8},\"bottom\":{\"mode\":\"px\",\"value\":8}} */\n  padding?: { left: Dim; right: Dim; top: Dim; bottom: Dim };\n  width?: Dim;\n  height?: Dim;\n  minWidth?: Dim;\n  maxWidth?: Dim;\n  minHeight?: Dim;\n  maxHeight?: Dim;\n  /** @default {\"top\":{\"mode\":\"px\",\"value\":0},\"bottom\":{\"mode\":\"px\",\"value\":0},\"left\":{\"mode\":\"px\",\"value\":0},\"right\":{\"mode\":\"px\",\"value\":0}} */\n  margin?: { left: Dim; right: Dim; top: Dim; bottom: Dim };\n  /** @default true */\n  isVisible?: boolean;\n  /** @default \"primary\" */\n  variant?: \"primary\" | \"secondary\" | \"tertiary\";\n  icon?: string;\n  /** @default \"left\" */\n  iconPosition?: \"left\" | \"right\";\n  /** @default \"Computed at runtime\" */\n  textStyle?: TextStyleWithVariant;\n  /** @default \"Computed at runtime\" */\n  backgroundColor?: string;\n  /** @default {\"left\":{\"width\":{\"mode\":\"px\",\"value\":1},\"style\":\"solid\",\"color\":\"transparent\"},\"right\":{\"width\":{\"mode\":\"px\",\"value\":1},\"style\":\"solid\",\"color\":\"transparent\"},\"top\":{\"width\":{\"mode\":\"px\",\"value\":1},\"style\":\"solid\",\"color\":\"transparent\"},\"bottom\":{\"width\":{\"mode\":\"px\",\"value\":1},\"style\":\"solid\",\"color\":\"transparent\"}} */\n  border?: { left: Border; right: Border; top: Border; bottom: Border };\n  /** @default \"Computed at runtime\" */\n  borderRadius?: {\n    topLeft: Dim;\n    topRight: Dim;\n    bottomLeft: Dim;\n    bottomRight: Dim;\n  };\n  /** @default \"center\" */\n  horizontalAlign?: \"left\" | \"center\" | \"right\";\n  loading?: boolean;\n  /** @default false */\n  isDisabled?: boolean;\n  onClick?: EventFlow;\n}\n```\n";
+//# sourceMappingURL=ButtonPropsDocs.js.map

package/dist/ai-service/prompts/generated/library-components/ButtonPropsDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonPropsDocs.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/library-components/ButtonPropsDocs.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,yCAAyC;AACzC,iCAAiC;AACjC,yCAAyC;AAEzC,MAAM,CAAC,MAAM,OAAO,GAAG,k5DAAk5D,CAAC"}

package/dist/ai-service/prompts/generated/library-components/CheckboxPropsDocs.d.ts

@@ -0,0 +1,2 @@
+export declare const content = "## Checkbox\n\nThe following is the type definition for the Checkbox component.\n\n```typescript\ninterface CheckboxProps {\n  /** @default \"\" */\n  label?: string;\n  /** @default true */\n  defaultChecked?: boolean;\n  /** @default {\"variant\":\"inputLabel\"} */\n  labelStyle?: TextStyleWithVariant;\n  loading?: boolean;\n  width?: Dim;\n  height?: Dim;\n  minWidth?: Dim;\n  maxWidth?: Dim;\n  minHeight?: Dim;\n  maxHeight?: Dim;\n  /** @default {\"top\":{\"mode\":\"px\",\"value\":0},\"bottom\":{\"mode\":\"px\",\"value\":0},\"left\":{\"mode\":\"px\",\"value\":0},\"right\":{\"mode\":\"px\",\"value\":0}} */\n  margin?: { left: Dim; right: Dim; top: Dim; bottom: Dim };\n  /** @default true */\n  isVisible?: boolean;\n  isRequired?: boolean;\n  /** @default false */\n  isDisabled?: boolean;\n  /** @default \"tooltip\" */\n  errorMessagePlacement?: \"tooltip\" | \"inline\";\n  /** @default \"\" */\n  customValidationRule?: string;\n  /** @default \"\" */\n  customErrorMessage?: string;\n  onCheckChange?: EventFlow;\n}\n```\n\nAnd the following properties can be referenced on this component in the Superblocks state object:\n\n```typescript\ninterface CheckboxComponentState {\n  value?: boolean;\n  /** @default {} */\n  validationErrors?: any;\n  /** @default true */\n  isValid?: boolean;\n  showError?: boolean;\n}\n```\n\nAnd the following properties are settable via BindEntity.{propertyName} = newValue;\n\n```typescript\ninterface CheckboxMetaProperties {\n  /** @default false */\n  isTouched?: boolean;\n  isChecked?: boolean;\n}\n```\n";
+//# sourceMappingURL=CheckboxPropsDocs.d.ts.map

package/dist/ai-service/prompts/generated/library-components/CheckboxPropsDocs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxPropsDocs.d.ts","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/library-components/CheckboxPropsDocs.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO,+hDAA+hD,CAAC"}

package/dist/ai-service/prompts/generated/library-components/CheckboxPropsDocs.js

@@ -0,0 +1,6 @@
+/* eslint-disable */
+// Auto-generated from CheckboxPropsDocs.md
+// Do not edit this file directly
+// Generated at: 2025-07-03T15:08:51.451Z
+export const content = "## Checkbox\n\nThe following is the type definition for the Checkbox component.\n\n```typescript\ninterface CheckboxProps {\n  /** @default \"\" */\n  label?: string;\n  /** @default true */\n  defaultChecked?: boolean;\n  /** @default {\"variant\":\"inputLabel\"} */\n  labelStyle?: TextStyleWithVariant;\n  loading?: boolean;\n  width?: Dim;\n  height?: Dim;\n  minWidth?: Dim;\n  maxWidth?: Dim;\n  minHeight?: Dim;\n  maxHeight?: Dim;\n  /** @default {\"top\":{\"mode\":\"px\",\"value\":0},\"bottom\":{\"mode\":\"px\",\"value\":0},\"left\":{\"mode\":\"px\",\"value\":0},\"right\":{\"mode\":\"px\",\"value\":0}} */\n  margin?: { left: Dim; right: Dim; top: Dim; bottom: Dim };\n  /** @default true */\n  isVisible?: boolean;\n  isRequired?: boolean;\n  /** @default false */\n  isDisabled?: boolean;\n  /** @default \"tooltip\" */\n  errorMessagePlacement?: \"tooltip\" | \"inline\";\n  /** @default \"\" */\n  customValidationRule?: string;\n  /** @default \"\" */\n  customErrorMessage?: string;\n  onCheckChange?: EventFlow;\n}\n```\n\nAnd the following properties can be referenced on this component in the Superblocks state object:\n\n```typescript\ninterface CheckboxComponentState {\n  value?: boolean;\n  /** @default {} */\n  validationErrors?: any;\n  /** @default true */\n  isValid?: boolean;\n  showError?: boolean;\n}\n```\n\nAnd the following properties are settable via BindEntity.{propertyName} = newValue;\n\n```typescript\ninterface CheckboxMetaProperties {\n  /** @default false */\n  isTouched?: boolean;\n  isChecked?: boolean;\n}\n```\n";
+//# sourceMappingURL=CheckboxPropsDocs.js.map

package/dist/ai-service/prompts/generated/library-components/CheckboxPropsDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxPropsDocs.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/library-components/CheckboxPropsDocs.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,2CAA2C;AAC3C,iCAAiC;AACjC,yCAAyC;AAEzC,MAAM,CAAC,MAAM,OAAO,GAAG,4hDAA4hD,CAAC"}

package/dist/ai-service/prompts/generated/library-components/ColumnPropsDocs.d.ts

@@ -0,0 +1,2 @@
+export declare const content = "## Column\n\nThe following is the type definition for the Column component.\n\n```typescript\ninterface ColumnProps {\n  /** @default \"vertical\" */\n  layout?: \"freeform\" | \"vertical\" | \"horizontal\";\n  /** @default \"top\" */\n  verticalAlign?:\n    | \"top\"\n    | \"center\"\n    | \"bottom\"\n    | \"space-between\"\n    | \"space-around\";\n  /** @default \"left\" */\n  horizontalAlign?:\n    | \"left\"\n    | \"center\"\n    | \"right\"\n    | \"space-between\"\n    | \"space-around\";\n  /** @default {\"mode\":\"px\",\"value\":12} */\n  spacing?: Dim;\n  /** @default {\"top\":{\"mode\":\"px\",\"value\":12},\"bottom\":{\"mode\":\"px\",\"value\":12},\"left\":{\"mode\":\"px\",\"value\":12},\"right\":{\"mode\":\"px\",\"value\":12}} */\n  padding?: { left: Dim; right: Dim; top: Dim; bottom: Dim };\n  /** @default {\"mode\":\"fill\",\"value\":1} */\n  width?: Dim;\n  /** @default {\"mode\":\"fill\",\"value\":1} */\n  height?: Dim;\n  minWidth?: Dim;\n  maxWidth?: Dim;\n  /** @default 12 */\n  columns?: number;\n  /** @default 12 */\n  rowHeight?: Dim;\n  /** @default true */\n  shouldScrollContents?: boolean;\n  /** @default true */\n  isVisible?: boolean;\n  backgroundColor?: string;\n  border?: { left: Border; right: Border; top: Border; bottom: Border };\n  loading?: boolean;\n}\n```\n";
+//# sourceMappingURL=ColumnPropsDocs.d.ts.map

package/dist/ai-service/prompts/generated/library-components/ColumnPropsDocs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnPropsDocs.d.ts","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/library-components/ColumnPropsDocs.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO,2yCAA2yC,CAAC"}

package/dist/ai-service/prompts/generated/library-components/ColumnPropsDocs.js

@@ -0,0 +1,6 @@
+/* eslint-disable */
+// Auto-generated from ColumnPropsDocs.md
+// Do not edit this file directly
+// Generated at: 2025-07-03T15:08:51.451Z
+export const content = "## Column\n\nThe following is the type definition for the Column component.\n\n```typescript\ninterface ColumnProps {\n  /** @default \"vertical\" */\n  layout?: \"freeform\" | \"vertical\" | \"horizontal\";\n  /** @default \"top\" */\n  verticalAlign?:\n    | \"top\"\n    | \"center\"\n    | \"bottom\"\n    | \"space-between\"\n    | \"space-around\";\n  /** @default \"left\" */\n  horizontalAlign?:\n    | \"left\"\n    | \"center\"\n    | \"right\"\n    | \"space-between\"\n    | \"space-around\";\n  /** @default {\"mode\":\"px\",\"value\":12} */\n  spacing?: Dim;\n  /** @default {\"top\":{\"mode\":\"px\",\"value\":12},\"bottom\":{\"mode\":\"px\",\"value\":12},\"left\":{\"mode\":\"px\",\"value\":12},\"right\":{\"mode\":\"px\",\"value\":12}} */\n  padding?: { left: Dim; right: Dim; top: Dim; bottom: Dim };\n  /** @default {\"mode\":\"fill\",\"value\":1} */\n  width?: Dim;\n  /** @default {\"mode\":\"fill\",\"value\":1} */\n  height?: Dim;\n  minWidth?: Dim;\n  maxWidth?: Dim;\n  /** @default 12 */\n  columns?: number;\n  /** @default 12 */\n  rowHeight?: Dim;\n  /** @default true */\n  shouldScrollContents?: boolean;\n  /** @default true */\n  isVisible?: boolean;\n  backgroundColor?: string;\n  border?: { left: Border; right: Border; top: Border; bottom: Border };\n  loading?: boolean;\n}\n```\n";
+//# sourceMappingURL=ColumnPropsDocs.js.map

package/dist/ai-service/prompts/generated/library-components/ColumnPropsDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnPropsDocs.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/library-components/ColumnPropsDocs.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,yCAAyC;AACzC,iCAAiC;AACjC,yCAAyC;AAEzC,MAAM,CAAC,MAAM,OAAO,GAAG,wyCAAwyC,CAAC"}

package/dist/ai-service/prompts/generated/library-components/ContainerPropsDocs.d.ts

@@ -0,0 +1,2 @@
+export declare const content = "## Container\n\nThe following is the type definition for the Container component.\n\n```typescript\ninterface ContainerProps {\n  /** @default \"vertical\" */\n  layout?: \"freeform\" | \"vertical\" | \"horizontal\";\n  /** @default \"top\" */\n  verticalAlign?:\n    | \"top\"\n    | \"center\"\n    | \"bottom\"\n    | \"space-between\"\n    | \"space-around\";\n  /** @default \"left\" */\n  horizontalAlign?:\n    | \"left\"\n    | \"center\"\n    | \"right\"\n    | \"space-between\"\n    | \"space-around\";\n  /** @default {\"mode\":\"px\",\"value\":12} */\n  spacing?: Dim;\n  /** @default {\"top\":{\"mode\":\"px\",\"value\":0},\"bottom\":{\"mode\":\"px\",\"value\":0},\"left\":{\"mode\":\"px\",\"value\":0},\"right\":{\"mode\":\"px\",\"value\":0}} */\n  padding?: { left: Dim; right: Dim; top: Dim; bottom: Dim };\n  /** @default {\"top\":{\"mode\":\"px\",\"value\":0},\"bottom\":{\"mode\":\"px\",\"value\":0},\"left\":{\"mode\":\"px\",\"value\":0},\"right\":{\"mode\":\"px\",\"value\":0}} */\n  margin?: { left: Dim; right: Dim; top: Dim; bottom: Dim };\n  width?: Dim;\n  height?: Dim;\n  minWidth?: Dim;\n  maxWidth?: Dim;\n  minHeight?: Dim;\n  maxHeight?: Dim;\n  /** @default 12 */\n  columns?: number;\n  /** @default 12 */\n  rowHeight?: Dim;\n  /** @default true */\n  shouldScrollContents?: boolean;\n  /** @default true */\n  isVisible?: boolean;\n  /** @default \"none\" */\n  variant?: \"none\" | \"card\";\n  backgroundColor?: string;\n  border?: { left: Border; right: Border; top: Border; bottom: Border };\n  borderRadius?: {\n    topLeft: Dim;\n    topRight: Dim;\n    bottomLeft: Dim;\n    bottomRight: Dim;\n  };\n  loading?: boolean;\n}\n```\n";
+//# sourceMappingURL=ContainerPropsDocs.d.ts.map

package/dist/ai-service/prompts/generated/library-components/ContainerPropsDocs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerPropsDocs.d.ts","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/library-components/ContainerPropsDocs.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO,+oDAA+oD,CAAC"}

package/dist/ai-service/prompts/generated/library-components/ContainerPropsDocs.js

@@ -0,0 +1,6 @@
+/* eslint-disable */
+// Auto-generated from ContainerPropsDocs.md
+// Do not edit this file directly
+// Generated at: 2025-07-03T15:08:51.450Z
+export const content = "## Container\n\nThe following is the type definition for the Container component.\n\n```typescript\ninterface ContainerProps {\n  /** @default \"vertical\" */\n  layout?: \"freeform\" | \"vertical\" | \"horizontal\";\n  /** @default \"top\" */\n  verticalAlign?:\n    | \"top\"\n    | \"center\"\n    | \"bottom\"\n    | \"space-between\"\n    | \"space-around\";\n  /** @default \"left\" */\n  horizontalAlign?:\n    | \"left\"\n    | \"center\"\n    | \"right\"\n    | \"space-between\"\n    | \"space-around\";\n  /** @default {\"mode\":\"px\",\"value\":12} */\n  spacing?: Dim;\n  /** @default {\"top\":{\"mode\":\"px\",\"value\":0},\"bottom\":{\"mode\":\"px\",\"value\":0},\"left\":{\"mode\":\"px\",\"value\":0},\"right\":{\"mode\":\"px\",\"value\":0}} */\n  padding?: { left: Dim; right: Dim; top: Dim; bottom: Dim };\n  /** @default {\"top\":{\"mode\":\"px\",\"value\":0},\"bottom\":{\"mode\":\"px\",\"value\":0},\"left\":{\"mode\":\"px\",\"value\":0},\"right\":{\"mode\":\"px\",\"value\":0}} */\n  margin?: { left: Dim; right: Dim; top: Dim; bottom: Dim };\n  width?: Dim;\n  height?: Dim;\n  minWidth?: Dim;\n  maxWidth?: Dim;\n  minHeight?: Dim;\n  maxHeight?: Dim;\n  /** @default 12 */\n  columns?: number;\n  /** @default 12 */\n  rowHeight?: Dim;\n  /** @default true */\n  shouldScrollContents?: boolean;\n  /** @default true */\n  isVisible?: boolean;\n  /** @default \"none\" */\n  variant?: \"none\" | \"card\";\n  backgroundColor?: string;\n  border?: { left: Border; right: Border; top: Border; bottom: Border };\n  borderRadius?: {\n    topLeft: Dim;\n    topRight: Dim;\n    bottomLeft: Dim;\n    bottomRight: Dim;\n  };\n  loading?: boolean;\n}\n```\n";
+//# sourceMappingURL=ContainerPropsDocs.js.map

package/dist/ai-service/prompts/generated/library-components/ContainerPropsDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerPropsDocs.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/library-components/ContainerPropsDocs.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,4CAA4C;AAC5C,iCAAiC;AACjC,yCAAyC;AAEzC,MAAM,CAAC,MAAM,OAAO,GAAG,4oDAA4oD,CAAC"}