@superblocksteam/vite-plugin-file-sync 2.0.3-next.46

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

@@ -0,0 +1,2 @@
+export declare const content = "## SbSlideout\n\nThe following is the type definition for the SbSlideout component.\n\n```typescript\ninterface SbSlideoutProps {\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  collapseWhenInvisible?: boolean;\n}\n```\n";
+//# sourceMappingURL=SbSlideoutPropsDocs.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+/* eslint-disable */
+// Auto-generated from SbSlideoutPropsDocs.md
+// Do not edit this file directly
+// Generated at: 2025-06-02T18:49:25.305Z
+export const content = "## SbSlideout\n\nThe following is the type definition for the SbSlideout component.\n\n```typescript\ninterface SbSlideoutProps {\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  collapseWhenInvisible?: boolean;\n}\n```\n";
+//# sourceMappingURL=SbSlideoutPropsDocs.js.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const content = "## SbSwitch\n\nThe following is the type definition for the SbSwitch component.\n\n```typescript\ninterface SbSwitchProps {\n  /** @default \"\" */\n  label?: string;\n  /** @default true */\n  defaultChecked?: boolean;\n  /** @default \"right\" */\n  labelPosition?: string;\n  labelStyle?: any;\n  loadingAnimation?: 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  collapseWhenInvisible?: boolean;\n  isRequired?: boolean;\n  /** @default false */\n  isDisabled?: boolean;\n  /** @default \"tooltip\" */\n  errorMessagePlacement?: string;\n  /** @default \"\" */\n  customValidationRule?: string;\n  /** @default \"\" */\n  customErrorMessage?: string;\n  onSwitchChange?: SbEventFlow;\n}\n```\n\nAnd the following properties can be referenced on this component in the Superblocks state object:\n\n```typescript\ninterface SbSwitchComponentState {\n  value?: boolean;\n  /** @default {} */\n  validationErrors?: any;\n  /** @default true */\n  isValid?: boolean;\n  showError?: boolean;\n}\n```\n";
+//# sourceMappingURL=SbSwitchPropsDocs.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+/* eslint-disable */
+// Auto-generated from SbSwitchPropsDocs.md
+// Do not edit this file directly
+// Generated at: 2025-06-02T18:49:25.305Z
+export const content = "## SbSwitch\n\nThe following is the type definition for the SbSwitch component.\n\n```typescript\ninterface SbSwitchProps {\n  /** @default \"\" */\n  label?: string;\n  /** @default true */\n  defaultChecked?: boolean;\n  /** @default \"right\" */\n  labelPosition?: string;\n  labelStyle?: any;\n  loadingAnimation?: 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  collapseWhenInvisible?: boolean;\n  isRequired?: boolean;\n  /** @default false */\n  isDisabled?: boolean;\n  /** @default \"tooltip\" */\n  errorMessagePlacement?: string;\n  /** @default \"\" */\n  customValidationRule?: string;\n  /** @default \"\" */\n  customErrorMessage?: string;\n  onSwitchChange?: SbEventFlow;\n}\n```\n\nAnd the following properties can be referenced on this component in the Superblocks state object:\n\n```typescript\ninterface SbSwitchComponentState {\n  value?: boolean;\n  /** @default {} */\n  validationErrors?: any;\n  /** @default true */\n  isValid?: boolean;\n  showError?: boolean;\n}\n```\n";
+//# sourceMappingURL=SbSwitchPropsDocs.js.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const content = "## SbTable\n\nThe following is the type definition for the SbTable component.\n\n```typescript\ninterface SbTableProps {\n  /** @default \"\" */\n  tableHeader?: string;\n  tableData?: any;\n  columns?: any;\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  collapseWhenInvisible?: boolean;\n  /** @default true */\n  isFilterable?: boolean;\n  defaultFilters?: any;\n  /** @default false */\n  enableRowInsertion?: boolean;\n  /** @default false */\n  enableRowDeletion?: boolean;\n  /** @default false */\n  multiRowSelection?: boolean;\n  /** @default true */\n  isSearchable?: boolean;\n  /** @default true */\n  isDownloadable?: boolean;\n  /** @default \"NONE\" */\n  pageType?: string;\n  configuredPageSize?: number;\n  defaultSort?: Record<string, any>;\n  defaultSearchText?: string;\n  searchPlaceholder?: string;\n  defaultSelectedRow?: number;\n  showColumnBorders?: boolean;\n  headerProps.textStyle?: any;\n  columnHeaderProps.textStyle?: any;\n  cellProps.textStyle?: any;\n  backgroundColor?: string;\n  selectedRowBackgroundColor?: string;\n  border?: { left: Border; right: Border; top: Border; bottom: Border };\n  /** @default {\"topLeft\":{\"mode\":\"px\",\"value\":4},\"topRight\":{\"mode\":\"px\",\"value\":4},\"bottomRight\":{\"mode\":\"px\",\"value\":4},\"bottomLeft\":{\"mode\":\"px\",\"value\":4}} */\n  borderRadius?: { topLeft: Dim; topRight: Dim; bottomLeft: Dim; bottomRight: Dim };\n  compactMode?: string;\n  maxLinesPerRow?: number;\n  animateLoading?: boolean;\n  isVisible?: boolean;\n  collapseWhenHidden?: boolean;\n  searchProps.textStyle?: any;\n  searchProps.backgroundColor?: string;\n  searchProps.border?: Record<string, any>;\n  /** @default {\"topLeft\":{\"mode\":\"px\",\"value\":4},\"topRight\":{\"mode\":\"px\",\"value\":4},\"bottomRight\":{\"mode\":\"px\",\"value\":4},\"bottomLeft\":{\"mode\":\"px\",\"value\":4}} */\n  searchProps.borderRadius?: Record<string, any>;\n  onRowClick?: SbEventFlow;\n  onSaveChanges?: SbEventFlow;\n  onCancelChanges?: SbEventFlow;\n  onRowSelected?: SbEventFlow;\n  onRowInserted?: SbEventFlow;\n  onRowDeleted?: SbEventFlow;\n  onPageChange?: SbEventFlow;\n  onFiltersChanged?: SbEventFlow;\n  onSearchTextChanged?: SbEventFlow;\n}\n```\n\nAnd the following properties can be referenced on this component in the Superblocks state object:\n\n```typescript\ninterface SbTableComponentState {\n  /** @default [] */\n  tableDataWithInserts?: any;\n  /** @default [] */\n  tableDataWithInsertsOrderMap?: any;\n  /** @default null */\n  selectedRow?: any;\n  selectedRowSchema?: any;\n  /** @default [] */\n  selectedRows?: any;\n  /** @default 1 */\n  pageSize?: number;\n  filteredTableData?: any;\n  filteredOrderMap?: any;\n  /** @default {\"insertedRows\":[],\"updatedRows\":[],\"deletedRows\":[],\"originalRows\":[]} */\n  editedRows?: any;\n  /** @default [] */\n  allEdits?: any;\n  /** @default [] */\n  validationErrors?: any;\n  /** @default {\"deletedRows\":{\"absolute\":[],\"relative\":[]}} */\n  editedRowIndices?: any;\n}\n```\n";
+//# sourceMappingURL=SbTablePropsDocs.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+/* eslint-disable */
+// Auto-generated from SbTablePropsDocs.md
+// Do not edit this file directly
+// Generated at: 2025-06-02T18:49:25.304Z
+export const content = "## SbTable\n\nThe following is the type definition for the SbTable component.\n\n```typescript\ninterface SbTableProps {\n  /** @default \"\" */\n  tableHeader?: string;\n  tableData?: any;\n  columns?: any;\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  collapseWhenInvisible?: boolean;\n  /** @default true */\n  isFilterable?: boolean;\n  defaultFilters?: any;\n  /** @default false */\n  enableRowInsertion?: boolean;\n  /** @default false */\n  enableRowDeletion?: boolean;\n  /** @default false */\n  multiRowSelection?: boolean;\n  /** @default true */\n  isSearchable?: boolean;\n  /** @default true */\n  isDownloadable?: boolean;\n  /** @default \"NONE\" */\n  pageType?: string;\n  configuredPageSize?: number;\n  defaultSort?: Record<string, any>;\n  defaultSearchText?: string;\n  searchPlaceholder?: string;\n  defaultSelectedRow?: number;\n  showColumnBorders?: boolean;\n  headerProps.textStyle?: any;\n  columnHeaderProps.textStyle?: any;\n  cellProps.textStyle?: any;\n  backgroundColor?: string;\n  selectedRowBackgroundColor?: string;\n  border?: { left: Border; right: Border; top: Border; bottom: Border };\n  /** @default {\"topLeft\":{\"mode\":\"px\",\"value\":4},\"topRight\":{\"mode\":\"px\",\"value\":4},\"bottomRight\":{\"mode\":\"px\",\"value\":4},\"bottomLeft\":{\"mode\":\"px\",\"value\":4}} */\n  borderRadius?: { topLeft: Dim; topRight: Dim; bottomLeft: Dim; bottomRight: Dim };\n  compactMode?: string;\n  maxLinesPerRow?: number;\n  animateLoading?: boolean;\n  isVisible?: boolean;\n  collapseWhenHidden?: boolean;\n  searchProps.textStyle?: any;\n  searchProps.backgroundColor?: string;\n  searchProps.border?: Record<string, any>;\n  /** @default {\"topLeft\":{\"mode\":\"px\",\"value\":4},\"topRight\":{\"mode\":\"px\",\"value\":4},\"bottomRight\":{\"mode\":\"px\",\"value\":4},\"bottomLeft\":{\"mode\":\"px\",\"value\":4}} */\n  searchProps.borderRadius?: Record<string, any>;\n  onRowClick?: SbEventFlow;\n  onSaveChanges?: SbEventFlow;\n  onCancelChanges?: SbEventFlow;\n  onRowSelected?: SbEventFlow;\n  onRowInserted?: SbEventFlow;\n  onRowDeleted?: SbEventFlow;\n  onPageChange?: SbEventFlow;\n  onFiltersChanged?: SbEventFlow;\n  onSearchTextChanged?: SbEventFlow;\n}\n```\n\nAnd the following properties can be referenced on this component in the Superblocks state object:\n\n```typescript\ninterface SbTableComponentState {\n  /** @default [] */\n  tableDataWithInserts?: any;\n  /** @default [] */\n  tableDataWithInsertsOrderMap?: any;\n  /** @default null */\n  selectedRow?: any;\n  selectedRowSchema?: any;\n  /** @default [] */\n  selectedRows?: any;\n  /** @default 1 */\n  pageSize?: number;\n  filteredTableData?: any;\n  filteredOrderMap?: any;\n  /** @default {\"insertedRows\":[],\"updatedRows\":[],\"deletedRows\":[],\"originalRows\":[]} */\n  editedRows?: any;\n  /** @default [] */\n  allEdits?: any;\n  /** @default [] */\n  validationErrors?: any;\n  /** @default {\"deletedRows\":{\"absolute\":[],\"relative\":[]}} */\n  editedRowIndices?: any;\n}\n```\n";
+//# sourceMappingURL=SbTablePropsDocs.js.map

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

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

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

@@ -0,0 +1,2 @@
+export declare const content = "## SbText\n\nThe following is the type definition for the SbText component.\n\n```typescript\ninterface SbTextProps {\n  text?: string;\n  /** @default \"text\" */\n  textType?: string;\n  /** @default {\"variant\":\"label\",\"textColor\":{\"default\":\"#454D5F\"}} */\n  textStyle?: Record<string, any>;\n  /** @default \"left\" */\n  textAlign?: string;\n  /** @default \"center\" */\n  verticalAlign?: string;\n  /** @default true */\n  wrapText?: boolean;\n  animateLoading?: boolean;\n  shouldScroll?: boolean;\n  icon?: string;\n  /** @default \"LEFT\" */\n  iconPosition?: string;\n  textType?: string;\n  /** @default \"USD\" */\n  currency?: string;\n  /** @default \"standard\" */\n  notation?: string;\n  /** @default 1 */\n  minimumFractionDigits?: number;\n  /** @default 2 */\n  maximumFractionDigits?: number;\n  dateInputFormat?: string;\n  dateOutputFormat?: string;\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  collapseWhenInvisible?: boolean;\n  shouldScroll?: boolean;\n}\n```\n";
+//# sourceMappingURL=SbTextPropsDocs.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+/* eslint-disable */
+// Auto-generated from SbTextPropsDocs.md
+// Do not edit this file directly
+// Generated at: 2025-06-02T18:49:25.304Z
+export const content = "## SbText\n\nThe following is the type definition for the SbText component.\n\n```typescript\ninterface SbTextProps {\n  text?: string;\n  /** @default \"text\" */\n  textType?: string;\n  /** @default {\"variant\":\"label\",\"textColor\":{\"default\":\"#454D5F\"}} */\n  textStyle?: Record<string, any>;\n  /** @default \"left\" */\n  textAlign?: string;\n  /** @default \"center\" */\n  verticalAlign?: string;\n  /** @default true */\n  wrapText?: boolean;\n  animateLoading?: boolean;\n  shouldScroll?: boolean;\n  icon?: string;\n  /** @default \"LEFT\" */\n  iconPosition?: string;\n  textType?: string;\n  /** @default \"USD\" */\n  currency?: string;\n  /** @default \"standard\" */\n  notation?: string;\n  /** @default 1 */\n  minimumFractionDigits?: number;\n  /** @default 2 */\n  maximumFractionDigits?: number;\n  dateInputFormat?: string;\n  dateOutputFormat?: string;\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  collapseWhenInvisible?: boolean;\n  shouldScroll?: boolean;\n}\n```\n";
+//# sourceMappingURL=SbTextPropsDocs.js.map

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

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

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

@@ -0,0 +1,18 @@
+export { content as SbButtonPropsDocs } from "./SbButtonPropsDocs.js";
+export { content as SbCheckboxPropsDocs } from "./SbCheckboxPropsDocs.js";
+export { content as SbColumnPropsDocs } from "./SbColumnPropsDocs.js";
+export { content as SbContainerPropsDocs } from "./SbContainerPropsDocs.js";
+export { content as SbDatePickerPropsDocs } from "./SbDatePickerPropsDocs.js";
+export { content as SbDropdownPropsDocs } from "./SbDropdownPropsDocs.js";
+export { content as SbIconPropsDocs } from "./SbIconPropsDocs.js";
+export { content as SbImagePropsDocs } from "./SbImagePropsDocs.js";
+export { content as SbInputPropsDocs } from "./SbInputPropsDocs.js";
+export { content as SbKeyValuePropsDocs } from "./SbKeyValuePropsDocs.js";
+export { content as SbModalPropsDocs } from "./SbModalPropsDocs.js";
+export { content as SbPagePropsDocs } from "./SbPagePropsDocs.js";
+export { content as SbSectionPropsDocs } from "./SbSectionPropsDocs.js";
+export { content as SbSlideoutPropsDocs } from "./SbSlideoutPropsDocs.js";
+export { content as SbSwitchPropsDocs } from "./SbSwitchPropsDocs.js";
+export { content as SbTablePropsDocs } from "./SbTablePropsDocs.js";
+export { content as SbTextPropsDocs } from "./SbTextPropsDocs.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/library-components/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC"}

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

@@ -0,0 +1,20 @@
+// Auto-generated sub-index
+// Do not edit this file directly
+export { content as SbButtonPropsDocs } from "./SbButtonPropsDocs.js";
+export { content as SbCheckboxPropsDocs } from "./SbCheckboxPropsDocs.js";
+export { content as SbColumnPropsDocs } from "./SbColumnPropsDocs.js";
+export { content as SbContainerPropsDocs } from "./SbContainerPropsDocs.js";
+export { content as SbDatePickerPropsDocs } from "./SbDatePickerPropsDocs.js";
+export { content as SbDropdownPropsDocs } from "./SbDropdownPropsDocs.js";
+export { content as SbIconPropsDocs } from "./SbIconPropsDocs.js";
+export { content as SbImagePropsDocs } from "./SbImagePropsDocs.js";
+export { content as SbInputPropsDocs } from "./SbInputPropsDocs.js";
+export { content as SbKeyValuePropsDocs } from "./SbKeyValuePropsDocs.js";
+export { content as SbModalPropsDocs } from "./SbModalPropsDocs.js";
+export { content as SbPagePropsDocs } from "./SbPagePropsDocs.js";
+export { content as SbSectionPropsDocs } from "./SbSectionPropsDocs.js";
+export { content as SbSlideoutPropsDocs } from "./SbSlideoutPropsDocs.js";
+export { content as SbSwitchPropsDocs } from "./SbSwitchPropsDocs.js";
+export { content as SbTablePropsDocs } from "./SbTablePropsDocs.js";
+export { content as SbTextPropsDocs } from "./SbTextPropsDocs.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/library-components/index.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,iCAAiC;AAEjC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/ai-service/prompts/generated/library-typedefs/Dim.d.ts

@@ -0,0 +1,2 @@
+export declare const content = "## Dim\n\nThe `Dim` class is used to define dimensions for size properties in Superblocks (especially width and height). It has three main modes: `px`, `fit`, and `fill`.\n\n```typescript\nclass Dim {\n  mode: \"px\" | \"fit\" | \"fill\";\n  value?: number;\n}\n```\n";
+//# sourceMappingURL=Dim.d.ts.map

package/dist/ai-service/prompts/generated/library-typedefs/Dim.d.ts.map

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

package/dist/ai-service/prompts/generated/library-typedefs/Dim.js

@@ -0,0 +1,6 @@
+/* eslint-disable */
+// Auto-generated from Dim.md
+// Do not edit this file directly
+// Generated at: 2025-06-02T18:49:25.313Z
+export const content = "## Dim\n\nThe `Dim` class is used to define dimensions for size properties in Superblocks (especially width and height). It has three main modes: `px`, `fit`, and `fill`.\n\n```typescript\nclass Dim {\n  mode: \"px\" | \"fit\" | \"fill\";\n  value?: number;\n}\n```\n";
+//# sourceMappingURL=Dim.js.map

package/dist/ai-service/prompts/generated/library-typedefs/Dim.js.map

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

package/dist/ai-service/prompts/generated/library-typedefs/SbEventFlow.d.ts

@@ -0,0 +1,2 @@
+export declare const content = "## SbEventFlow\n\nThe `SbEventFlow` class is used to define responses to events triggered on components (like onClick) in Superblocks. It has a number of methods that can be chained together.\n\n```typescript\nclass SbEventFlow {\n  // Run custom JavaScript code\n  static runJS(\n    handler: (s: ScopedState, additionalProps?: Record<string, any>) => void,\n  ): SbEventFlow;\n  runJS(\n    handler: (s: ScopedState, additionalProps?: Record<string, any>) => void,\n  ): this;\n\n  // Navigation methods\n  static navigateTo(props: { url: string; newWindow?: boolean }): SbEventFlow;\n  navigateTo(props: { url: string; newWindow?: boolean }): this;\n\n  static navigateToApp(appId: string): SbEventFlow;\n  navigateToApp(appId: string): this;\n\n  static navigateToRoute(route: string): SbEventFlow;\n  navigateToRoute(route: string): this;\n\n  static setQueryParams(\n    params: Record<string, string>,\n    keepQueryParams?: boolean,\n  ): SbEventFlow;\n  setQueryParams(\n    params: Record<string, string>,\n    keepQueryParams?: boolean,\n  ): this;\n\n  // Control UI components\n  static controlSlideout(\n    slideoutId: string,\n    action: \"open\" | \"close\",\n  ): SbEventFlow;\n  controlSlideout(slideoutId: string, action: \"open\" | \"close\"): this;\n\n  static controlModal(modalId: string, action: \"open\" | \"close\"): SbEventFlow;\n  controlModal(modalId: string, action: \"open\" | \"close\"): this;\n\n  static controlTimer(\n    timerId: string,\n    action: \"start\" | \"stop\" | \"toggle\",\n  ): SbEventFlow;\n  controlTimer(timerId: string, action: \"start\" | \"stop\" | \"toggle\"): this;\n\n  // API methods\n  static runApis(\n    apiNames: string[],\n    onSuccess?: SbEventFlow,\n    onError?: SbEventFlow,\n  ): SbEventFlow;\n  runApis(\n    apiNames: string[],\n    onSuccess?: SbEventFlow,\n    onError?: SbEventFlow,\n  ): this;\n\n  static cancelApis(apiNames: string[], onCancel?: SbEventFlow): SbEventFlow;\n  cancelApis(apiNames: string[], onCancel?: SbEventFlow): this;\n\n  // Component and state manipulation\n  static resetComponent(\n    widget: { id: string },\n    propertyName: string,\n    resetChildren: boolean,\n  ): SbEventFlow;\n  resetComponent(\n    widget: { id: string },\n    propertyName: string,\n    resetChildren: boolean,\n  ): this;\n\n  static resetStateVar(state: { name: string }): SbEventFlow;\n  resetStateVar(state: { name: string }): this;\n\n  static setStateVar(name: string, value: any): SbEventFlow;\n  setStateVar(name: string, value: any): this;\n\n  static setComponentProperty(\n    widget: { id: string },\n    propertyName: string,\n    value: any,\n  ): SbEventFlow;\n  setComponentProperty(\n    widget: { id: string },\n    propertyName: string,\n    value: any,\n  ): this;\n\n  // Utility methods\n  static showAlert(\n    message: string,\n    alertType: \"info\" | \"success\" | \"warning\" | \"error\",\n  ): SbEventFlow;\n  showAlert(\n    message: string,\n    alertType: \"info\" | \"success\" | \"warning\" | \"error\",\n  ): this;\n\n  static setProfile(\n    profileId: string,\n    profileAction: \"set\" | \"unset\",\n  ): SbEventFlow;\n  setProfile(profileId: string, profileAction: \"set\" | \"unset\"): this;\n\n  static triggerEvent(\n    eventName: string,\n    eventData: Record<string, string>,\n  ): SbEventFlow;\n  triggerEvent(eventName: string, eventData: Record<string, string>): this;\n}\n```\n";
+//# sourceMappingURL=SbEventFlow.d.ts.map

package/dist/ai-service/prompts/generated/library-typedefs/SbEventFlow.d.ts.map

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

package/dist/ai-service/prompts/generated/library-typedefs/SbEventFlow.js

@@ -0,0 +1,6 @@
+/* eslint-disable */
+// Auto-generated from SbEventFlow.md
+// Do not edit this file directly
+// Generated at: 2025-06-02T18:49:25.310Z
+export const content = "## SbEventFlow\n\nThe `SbEventFlow` class is used to define responses to events triggered on components (like onClick) in Superblocks. It has a number of methods that can be chained together.\n\n```typescript\nclass SbEventFlow {\n  // Run custom JavaScript code\n  static runJS(\n    handler: (s: ScopedState, additionalProps?: Record<string, any>) => void,\n  ): SbEventFlow;\n  runJS(\n    handler: (s: ScopedState, additionalProps?: Record<string, any>) => void,\n  ): this;\n\n  // Navigation methods\n  static navigateTo(props: { url: string; newWindow?: boolean }): SbEventFlow;\n  navigateTo(props: { url: string; newWindow?: boolean }): this;\n\n  static navigateToApp(appId: string): SbEventFlow;\n  navigateToApp(appId: string): this;\n\n  static navigateToRoute(route: string): SbEventFlow;\n  navigateToRoute(route: string): this;\n\n  static setQueryParams(\n    params: Record<string, string>,\n    keepQueryParams?: boolean,\n  ): SbEventFlow;\n  setQueryParams(\n    params: Record<string, string>,\n    keepQueryParams?: boolean,\n  ): this;\n\n  // Control UI components\n  static controlSlideout(\n    slideoutId: string,\n    action: \"open\" | \"close\",\n  ): SbEventFlow;\n  controlSlideout(slideoutId: string, action: \"open\" | \"close\"): this;\n\n  static controlModal(modalId: string, action: \"open\" | \"close\"): SbEventFlow;\n  controlModal(modalId: string, action: \"open\" | \"close\"): this;\n\n  static controlTimer(\n    timerId: string,\n    action: \"start\" | \"stop\" | \"toggle\",\n  ): SbEventFlow;\n  controlTimer(timerId: string, action: \"start\" | \"stop\" | \"toggle\"): this;\n\n  // API methods\n  static runApis(\n    apiNames: string[],\n    onSuccess?: SbEventFlow,\n    onError?: SbEventFlow,\n  ): SbEventFlow;\n  runApis(\n    apiNames: string[],\n    onSuccess?: SbEventFlow,\n    onError?: SbEventFlow,\n  ): this;\n\n  static cancelApis(apiNames: string[], onCancel?: SbEventFlow): SbEventFlow;\n  cancelApis(apiNames: string[], onCancel?: SbEventFlow): this;\n\n  // Component and state manipulation\n  static resetComponent(\n    widget: { id: string },\n    propertyName: string,\n    resetChildren: boolean,\n  ): SbEventFlow;\n  resetComponent(\n    widget: { id: string },\n    propertyName: string,\n    resetChildren: boolean,\n  ): this;\n\n  static resetStateVar(state: { name: string }): SbEventFlow;\n  resetStateVar(state: { name: string }): this;\n\n  static setStateVar(name: string, value: any): SbEventFlow;\n  setStateVar(name: string, value: any): this;\n\n  static setComponentProperty(\n    widget: { id: string },\n    propertyName: string,\n    value: any,\n  ): SbEventFlow;\n  setComponentProperty(\n    widget: { id: string },\n    propertyName: string,\n    value: any,\n  ): this;\n\n  // Utility methods\n  static showAlert(\n    message: string,\n    alertType: \"info\" | \"success\" | \"warning\" | \"error\",\n  ): SbEventFlow;\n  showAlert(\n    message: string,\n    alertType: \"info\" | \"success\" | \"warning\" | \"error\",\n  ): this;\n\n  static setProfile(\n    profileId: string,\n    profileAction: \"set\" | \"unset\",\n  ): SbEventFlow;\n  setProfile(profileId: string, profileAction: \"set\" | \"unset\"): this;\n\n  static triggerEvent(\n    eventName: string,\n    eventData: Record<string, string>,\n  ): SbEventFlow;\n  triggerEvent(eventName: string, eventData: Record<string, string>): this;\n}\n```\n";
+//# sourceMappingURL=SbEventFlow.js.map

package/dist/ai-service/prompts/generated/library-typedefs/SbEventFlow.js.map

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

package/dist/ai-service/prompts/generated/library-typedefs/index.d.ts

@@ -0,0 +1,3 @@
+export { content as Dim } from "./Dim.js";
+export { content as SbEventFlow } from "./SbEventFlow.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/ai-service/prompts/generated/library-typedefs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/library-typedefs/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/ai-service/prompts/generated/library-typedefs/index.js

@@ -0,0 +1,5 @@
+// Auto-generated sub-index
+// Do not edit this file directly
+export { content as Dim } from "./Dim.js";
+export { content as SbEventFlow } from "./SbEventFlow.js";
+//# sourceMappingURL=index.js.map

package/dist/ai-service/prompts/generated/library-typedefs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/library-typedefs/index.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,iCAAiC;AAEjC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/ai-service/prompts/generated/subprompts/index.d.ts

@@ -0,0 +1,12 @@
+export { content as superblocks_api } from "./superblocks-api.js";
+export { content as superblocks_components_rules } from "./superblocks-components-rules.js";
+export { content as superblocks_custom_components } from "./superblocks-custom-components.js";
+export { content as superblocks_event_flow } from "./superblocks-event-flow.js";
+export { content as superblocks_layouts } from "./superblocks-layouts.js";
+export { content as superblocks_page } from "./superblocks-page.js";
+export { content as superblocks_routes } from "./superblocks-routes.js";
+export { content as superblocks_state } from "./superblocks-state.js";
+export { content as superblocks_theming } from "./superblocks-theming.js";
+export { content as superblocks_timers } from "./superblocks-timers.js";
+export { content as system } from "./system.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/ai-service/prompts/generated/subprompts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/subprompts/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC"}

package/dist/ai-service/prompts/generated/subprompts/index.js

@@ -0,0 +1,14 @@
+// Auto-generated sub-index
+// Do not edit this file directly
+export { content as superblocks_api } from "./superblocks-api.js";
+export { content as superblocks_components_rules } from "./superblocks-components-rules.js";
+export { content as superblocks_custom_components } from "./superblocks-custom-components.js";
+export { content as superblocks_event_flow } from "./superblocks-event-flow.js";
+export { content as superblocks_layouts } from "./superblocks-layouts.js";
+export { content as superblocks_page } from "./superblocks-page.js";
+export { content as superblocks_routes } from "./superblocks-routes.js";
+export { content as superblocks_state } from "./superblocks-state.js";
+export { content as superblocks_theming } from "./superblocks-theming.js";
+export { content as superblocks_timers } from "./superblocks-timers.js";
+export { content as system } from "./system.js";
+//# sourceMappingURL=index.js.map

package/dist/ai-service/prompts/generated/subprompts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/subprompts/index.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,iCAAiC;AAEjC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare const content = "### APIs\n\nThe Superblocks framework allows you to create backend APIs. The high level structure for creating APIs is as follows:\n\n1. APIs are defined using TypeScript files that live inside the apis directory inside the page they are scoped to. Example: /pages/Page1/apis/myApi.ts\n2. This pattern is a declarative workflow builder, where you define each API step, its configuration, and its execution order within the API workflow.\n3. To make the API available for use, you must import it into the page file where it is used and use the registerPage function along with SbApi to register the API with the application. An example follows in the next section.\n\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 { Api, JavaScript } from \"@superblocksteam/library\";\n\nexport default new Api(\"myApi\", [\n  new JavaScript(\"retrieve_orders\", {\n    fn: () => {\n      return [\n        {\n          id: \"ORD-001\",\n          customerName: \"John Smith\",\n          total: 149.99,\n        },\n        {\n          id: \"ORD-002\",\n          customerName: \"Sarah Jones\",\n          total: 89.5,\n        },\n      ];\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 } from \"@superblocksteam/library\";\n\nimport MyExampleAPI from \"./apis/example\";\n\n// APIs are part of the state object just like components. Example inside the table component's tableData below.\n\nconst Page1 = () => (\n  <SbPage>\n    <SbButton\n      // APIs can be invoked with the SBEventFlow API.\n      onClick={SbEventFlow.runApis([\"myApi\"])}\n    />\n    <SbTable tableData={(state) => state.myApi.response} />\n  </SbPage>\n);\n\nexport default registerPage(Page1, {\n  name: \"Page1\",\n  // You register APIs just like you would SbVariables\n  myApi: SbApi(MyExampleAPI),\n});\n```\n\n#### Example 2: API where a step references the output of a previous step\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 { JavaScript, Api } from \"@superblocksteam/library\";\n\nexport default new Api(\"getOrders\", [\n  new JavaScript(\"retrieve_orders\", {\n    fn: () => {\n      return [\n        {\n          id: 1,\n          customer: \"John Smith\",\n          date: \"2024-01-15\",\n          total: 199.99,\n          status: \"Pending\",\n        },\n        {\n          id: 2,\n          customer: \"Jane Doe\",\n          date: \"2024-01-14\",\n          total: 149.99,\n          status: \"Shipped\",\n        },\n        {\n          id: 3,\n          customer: \"Bob Wilson\",\n          date: \"2024-01-13\",\n          total: 299.99,\n          status: \"Delivered\",\n        },\n      ];\n    },\n  }),\n  new JavaScript(\"format_orders\", {\n    fn: ({ retrieve_orders }) => {\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#### Rules for using Superblocks APIs\n\nThink hard about the following important rules for correctly using Superblocks APIs:\n\n- You must use a destructured 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 lexical scope. Example below:\n\n```ts\n// CORRECT: uses destructured 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- Block outputs are immutable. Do not mutate the output of a block.\n\n- Do not reference variables that are not in scope. The ONLY things in scope in an API block are the outputs of previous steps and the state object.\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 (the ai) generate. User added comments are fine - leave those!\n";
+//# sourceMappingURL=superblocks-api.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+/* eslint-disable */
+// Auto-generated from superblocks-api.md
+// Do not edit this file directly
+// Generated at: 2025-06-02T18:49:25.303Z
+export const content = "### APIs\n\nThe Superblocks framework allows you to create backend APIs. The high level structure for creating APIs is as follows:\n\n1. APIs are defined using TypeScript files that live inside the apis directory inside the page they are scoped to. Example: /pages/Page1/apis/myApi.ts\n2. This pattern is a declarative workflow builder, where you define each API step, its configuration, and its execution order within the API workflow.\n3. To make the API available for use, you must import it into the page file where it is used and use the registerPage function along with SbApi to register the API with the application. An example follows in the next section.\n\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 { Api, JavaScript } from \"@superblocksteam/library\";\n\nexport default new Api(\"myApi\", [\n  new JavaScript(\"retrieve_orders\", {\n    fn: () => {\n      return [\n        {\n          id: \"ORD-001\",\n          customerName: \"John Smith\",\n          total: 149.99,\n        },\n        {\n          id: \"ORD-002\",\n          customerName: \"Sarah Jones\",\n          total: 89.5,\n        },\n      ];\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 } from \"@superblocksteam/library\";\n\nimport MyExampleAPI from \"./apis/example\";\n\n// APIs are part of the state object just like components. Example inside the table component's tableData below.\n\nconst Page1 = () => (\n  <SbPage>\n    <SbButton\n      // APIs can be invoked with the SBEventFlow API.\n      onClick={SbEventFlow.runApis([\"myApi\"])}\n    />\n    <SbTable tableData={(state) => state.myApi.response} />\n  </SbPage>\n);\n\nexport default registerPage(Page1, {\n  name: \"Page1\",\n  // You register APIs just like you would SbVariables\n  myApi: SbApi(MyExampleAPI),\n});\n```\n\n#### Example 2: API where a step references the output of a previous step\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 { JavaScript, Api } from \"@superblocksteam/library\";\n\nexport default new Api(\"getOrders\", [\n  new JavaScript(\"retrieve_orders\", {\n    fn: () => {\n      return [\n        {\n          id: 1,\n          customer: \"John Smith\",\n          date: \"2024-01-15\",\n          total: 199.99,\n          status: \"Pending\",\n        },\n        {\n          id: 2,\n          customer: \"Jane Doe\",\n          date: \"2024-01-14\",\n          total: 149.99,\n          status: \"Shipped\",\n        },\n        {\n          id: 3,\n          customer: \"Bob Wilson\",\n          date: \"2024-01-13\",\n          total: 299.99,\n          status: \"Delivered\",\n        },\n      ];\n    },\n  }),\n  new JavaScript(\"format_orders\", {\n    fn: ({ retrieve_orders }) => {\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#### Rules for using Superblocks APIs\n\nThink hard about the following important rules for correctly using Superblocks APIs:\n\n- You must use a destructured 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 lexical scope. Example below:\n\n```ts\n// CORRECT: uses destructured 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- Block outputs are immutable. Do not mutate the output of a block.\n\n- Do not reference variables that are not in scope. The ONLY things in scope in an API block are the outputs of previous steps and the state object.\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 (the ai) generate. User added comments are fine - leave those!\n";
+//# sourceMappingURL=superblocks-api.js.map

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

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

package/dist/ai-service/prompts/generated/subprompts/superblocks-components-rules.d.ts

@@ -0,0 +1,2 @@
+export declare const content = "### Rules for using Superblocks components:\n\n- ENSURE THAT ALL PROPERTY VALUES COMPLY WITH THE SUPPLIED TYPES FOR EACH PROPERTY\n- NEVER use a component in this section in a custom component\n- SbModal components DO NOT need to have their own close button. The modal component comes with a close button by default.\n\nNOTES:\n\n- When you see _Border_, it's {width: Dim, style: string, color: string}\n- When you see _TextStyle_, it's a plain JS object with the following properties:\n  - variant: \"heading1\" | \"heading2\" | \"heading3\" | \"heading4\" | \"heading5\" | \"body1\" | \"body2\" | \"body3\" | \"label\" | \"inputLabel\" | \"code\"\n  - textColor: a object with only the following properties:\n    - default: string // the text color to use. A color value from the theme, or a hex code if necessary. ALWAYS wrap this property in a SB binding. Example: SB`{{ theme.colors.neutral900 }}`, but also remember any time you use SB bindings to import SB from the library, example: import { SB } from '@superblocksteam/library;\n- When you see _SbEventFlow_, use the SbEventFlow builder\n- Import all components you use from '@superblocksteam/library'; Example: `import { SbContainer, SbButton, ... } from '@superblocksteam/library';` If you don't import all components you use, the app will crash!\n- Don't add props to the Page component other than onLoad\n- SbContainer has a default style of \"card\" if you want to remove the style, set the style to \"none\"\n";
+//# sourceMappingURL=superblocks-components-rules.d.ts.map

package/dist/ai-service/prompts/generated/subprompts/superblocks-components-rules.d.ts.map

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

package/dist/ai-service/prompts/generated/subprompts/superblocks-components-rules.js

@@ -0,0 +1,6 @@
+/* eslint-disable */
+// Auto-generated from superblocks-components-rules.md
+// Do not edit this file directly
+// Generated at: 2025-06-02T18:49:25.303Z
+export const content = "### Rules for using Superblocks components:\n\n- ENSURE THAT ALL PROPERTY VALUES COMPLY WITH THE SUPPLIED TYPES FOR EACH PROPERTY\n- NEVER use a component in this section in a custom component\n- SbModal components DO NOT need to have their own close button. The modal component comes with a close button by default.\n\nNOTES:\n\n- When you see _Border_, it's {width: Dim, style: string, color: string}\n- When you see _TextStyle_, it's a plain JS object with the following properties:\n  - variant: \"heading1\" | \"heading2\" | \"heading3\" | \"heading4\" | \"heading5\" | \"body1\" | \"body2\" | \"body3\" | \"label\" | \"inputLabel\" | \"code\"\n  - textColor: a object with only the following properties:\n    - default: string // the text color to use. A color value from the theme, or a hex code if necessary. ALWAYS wrap this property in a SB binding. Example: SB`{{ theme.colors.neutral900 }}`, but also remember any time you use SB bindings to import SB from the library, example: import { SB } from '@superblocksteam/library;\n- When you see _SbEventFlow_, use the SbEventFlow builder\n- Import all components you use from '@superblocksteam/library'; Example: `import { SbContainer, SbButton, ... } from '@superblocksteam/library';` If you don't import all components you use, the app will crash!\n- Don't add props to the Page component other than onLoad\n- SbContainer has a default style of \"card\" if you want to remove the style, set the style to \"none\"\n";
+//# sourceMappingURL=superblocks-components-rules.js.map

package/dist/ai-service/prompts/generated/subprompts/superblocks-components-rules.js.map

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

package/dist/ai-service/prompts/generated/subprompts/superblocks-custom-components.d.ts

@@ -0,0 +1,2 @@
+export declare const content = "# Custom Components\n\n- ULTRA CRITICAL: NEVER use Superblocks components in a custom component.\n\n- CRITICAL: Use custom components sparingly.\n\n- CRITICAL: ONLY when all else fails and a component is not available in the Superblocks library, you may construct it out of external component libraries by installing them.\n\nIn order to hook it up correctly, the platform needs to know what props the component exposes, their types, default values, and how they should be displayed to users.\n\nTo do this, you use the **`Prop` API** and **`registerComponent`** function.\n\n## Key Concepts\n\n- All custom components should live within the `components/` folder.\n- **`Prop`**: Defines a single editable property for your component.\n  - Can specify the data type (`string`, `number`, `boolean`, `event`, etc.).\n  - Can define a **default value**, **label** for the properties panel, and other validations.\n- **`registerComponent`**: Connects your React component with its editable schema (`properties`) so it appears correctly in the visual editor.\n- **`useUpdateProperties`**: A hook that lets your component programmatically update its properties during runtime (e.g., when a user interacts with it).\n\n---\n\n## Basic Example\n\n```tsx\nimport { Rate } from \"antd\";\nimport {\n  CustomComponentProps,\n  Prop,\n  registerComponent,\n  useUpdateProperties,\n} from \"@superblocksteam/library\";\n\n// 1. Define editable properties\nconst properties = {\n  value: Prop.number()\n    .default(3) // Default to 3 stars\n    .propertiesPanel({ label: \"Default value\" }), // Editor label\n  onChange: Prop.event().propertiesPanel({ label: \"On change\" }), // Editor label for event\n};\n\n// 2. Create typed props for your component\ntype ComponentProps = CustomComponentProps<typeof properties>;\n\n// 3. Build your React component\nconst Rating = ({ value, onChange }: ComponentProps) => {\n  const updateProperties = useUpdateProperties(); // Hook to update properties dynamically\n\n  return (\n    <div style={{ display: \"flex\" }}>\n      <Rate\n        value={value}\n        defaultValue={value}\n        onChange={(newValue) => {\n          updateProperties({ value: newValue }); // Update visual editor\n          onChange?.(); // Trigger custom event\n        }}\n      />\n    </div>\n  );\n};\n\n// 4. Register your component to make it available in the visual editor\nexport default registerComponent(\"Rating\", properties, Rating);\n```\n\n---\n\n## How `Prop` Works\n\nYou can define different types of props:\n\n- **`string`**: `Prop.string()`\n- **`number`**: `Prop.number()`\n- **`boolean`**: `Prop.boolean()`\n- **`event`**: `Prop.event()` (for user interactions like clicks)\n- **`any`**: `Prop.any()` (for any type)\n- **`composite`**: `Prop.composite({ x: Prop.number(), y: Prop.number() })` (for nested objects)\n- **`record`**: `Prop.record({...})` (for key-value maps)\n- **`union`**: `Prop.union({...})` (for multiple variants)\n\nYou can chain additional methods:\n\n- `.default(value)` \u2014 Sets a default value.\n- `.propertiesPanel({ label: \"Your Label\" })` \u2014 Controls how the prop appears in the editor.\n- `.validate(fn)` \u2014 Adds custom validation logic.\n- `.readable()`, `.writable()` \u2014 Control read/write capabilities.\n\n---\n\n## Typical Flow\n\n1. **Define** the **editable schema** (`properties`) with `Prop`.\n2. **Type** your component's props using `CustomComponentProps`.\n3. **Use** `useUpdateProperties` to sync UI interactions back to the editor.\n4. **Register** the component using `registerComponent`.\n\n---# Tips\n\n- All `registeredComponent`s automatically support width and height using the `Dim` object.\n  ```\n  <CustomSlider\n    width={Dim.fill(2)} // Fill available space with a weight of 2\n    height={Dim.px(100)} // Fixed height of 100 pixels\n  />\n  ```\n\n## When not to use custom components\n\n- If a user asks for something by name, like showing \"metrics\", and you do not find a \"metrics\" component in the Superblocks library, do not immediately assume you need to use a custom component. Instead consider using one of the pre-dedsigned templates built from existing Superblocks components.\n\n## Pre-designed templates to use instead of custom components\n\n### Rules for using pre-designed templates\n\n- Use the pre-designed templates as a base to work from. You can make changes to the content, but generally you do not need to change the layout or styling. Example: below there are width and height properties set on the icons and you shold NOT change these or you will break the layout.\n\n### Metrics template\n\nThis template is a row of three large numerical metrics with icons and annotation text.\n\nTemplate code below and a few notes to help explain usage:\n\n- We use the SBContainer component to layout the metrics in a row\n- We use the SBText component to show the numerical values and how we use the textStyle prop variant to make the text a big heading\n- We use the SBIcon component to show nice icons that make sense for the metric\n- We create a little \"badge\" using the SBContainer component to show smaqll annotation text. Prefer this over using brackets in the main heading text. Example: Rather than \"32 (2m)\" we use \"32\" in the main heading text and then a badge with the \"2m\" text\n- Keep the icon sizing you see in this template unless you are explicitly asked to change it\n\n```tsx\nimport { SBIcon, SBText, SBContainer, SB } from \"@superblocksteam/library\";\n\n<SbContainer\n  layout=\"horizontal\"\n  name=\"HeroStatSection\"\n  width={Dim.fill()}\n  height={Dim.fit()}\n  variant=\"none\"\n  spacing={Dim.px(12)}\n>\n  {/* First card */}\n  <SbContainer\n    layout=\"vertical\"\n    width={Dim.fill()}\n    height={Dim.fit()}\n    variant=\"card\"\n    spacing={Dim.px(6)}\n  >\n    <SbContainer\n      layout=\"horizontal\"\n      width={Dim.fill()}\n      height={Dim.fit()}\n      variant=\"none\"\n      horizontalAlign=\"space-between\"\n      spacing={Dim.px(6)}\n    >\n      <SbText\n        text=\"Avg delivery time (min)\"\n        textStyle={{\n          variant: \"body2\",\n          textColor: {\n            default: SB`{{ theme.colors.neutral500 }}`,\n          },\n        }}\n      />\n      <SbIcon icon=\"route\" height={Dim.px(24)} width={Dim.fit()} />\n    </SbContainer>\n    <SbContainer\n      layout=\"horizontal\"\n      width={Dim.fill()}\n      height={Dim.fit()}\n      variant=\"none\"\n      horizontalAlign=\"left\"\n      spacing={Dim.px(6)}\n    >\n      <SbText\n        text=\"32\"\n        textStyle={{\n          variant: \"heading1\",\n        }}\n      />\n      {/* Smaller annotation badge, showing change. Container background color is green because the value change is considered \"good\" (lower delivery time is better) */}\n      <SbContainer\n        layout=\"horizontal\"\n        width={Dim.fit()}\n        height={Dim.fit()}\n        variant=\"none\"\n        spacing={Dim.px(2)}\n        horizontalAlign=\"center\"\n        verticalAlign=\"center\"\n        backgroundColor=\"#c4e1af\"\n        padding={{\n          top: Dim.px(3),\n          right: Dim.px(6),\n          bottom: Dim.px(3),\n          left: Dim.px(6),\n        }}\n        borderRadius={{\n          topLeft: Dim.px(20),\n          topRight: Dim.px(20),\n          bottomRight: Dim.px(20),\n          bottomLeft: Dim.px(20),\n        }}\n      >\n        <SbIcon\n          icon=\"arrow_downward_alt\"\n          height={Dim.px(24)}\n          width={Dim.fit()}\n        />\n        <SbText\n          text=\"2m\"\n          width={Dim.fit()}\n          textStyle={{\n            variant: \"body2\",\n          }}\n        />\n      </SbContainer>\n    </SbContainer>\n  </SbContainer>\n</SbContainer>;\n```\n";
+//# sourceMappingURL=superblocks-custom-components.d.ts.map

package/dist/ai-service/prompts/generated/subprompts/superblocks-custom-components.d.ts.map

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

package/dist/ai-service/prompts/generated/subprompts/superblocks-custom-components.js

@@ -0,0 +1,6 @@
+/* eslint-disable */
+// Auto-generated from superblocks-custom-components.md
+// Do not edit this file directly
+// Generated at: 2025-06-02T18:49:25.303Z
+export const content = "# Custom Components\n\n- ULTRA CRITICAL: NEVER use Superblocks components in a custom component.\n\n- CRITICAL: Use custom components sparingly.\n\n- CRITICAL: ONLY when all else fails and a component is not available in the Superblocks library, you may construct it out of external component libraries by installing them.\n\nIn order to hook it up correctly, the platform needs to know what props the component exposes, their types, default values, and how they should be displayed to users.\n\nTo do this, you use the **`Prop` API** and **`registerComponent`** function.\n\n## Key Concepts\n\n- All custom components should live within the `components/` folder.\n- **`Prop`**: Defines a single editable property for your component.\n  - Can specify the data type (`string`, `number`, `boolean`, `event`, etc.).\n  - Can define a **default value**, **label** for the properties panel, and other validations.\n- **`registerComponent`**: Connects your React component with its editable schema (`properties`) so it appears correctly in the visual editor.\n- **`useUpdateProperties`**: A hook that lets your component programmatically update its properties during runtime (e.g., when a user interacts with it).\n\n---\n\n## Basic Example\n\n```tsx\nimport { Rate } from \"antd\";\nimport {\n  CustomComponentProps,\n  Prop,\n  registerComponent,\n  useUpdateProperties,\n} from \"@superblocksteam/library\";\n\n// 1. Define editable properties\nconst properties = {\n  value: Prop.number()\n    .default(3) // Default to 3 stars\n    .propertiesPanel({ label: \"Default value\" }), // Editor label\n  onChange: Prop.event().propertiesPanel({ label: \"On change\" }), // Editor label for event\n};\n\n// 2. Create typed props for your component\ntype ComponentProps = CustomComponentProps<typeof properties>;\n\n// 3. Build your React component\nconst Rating = ({ value, onChange }: ComponentProps) => {\n  const updateProperties = useUpdateProperties(); // Hook to update properties dynamically\n\n  return (\n    <div style={{ display: \"flex\" }}>\n      <Rate\n        value={value}\n        defaultValue={value}\n        onChange={(newValue) => {\n          updateProperties({ value: newValue }); // Update visual editor\n          onChange?.(); // Trigger custom event\n        }}\n      />\n    </div>\n  );\n};\n\n// 4. Register your component to make it available in the visual editor\nexport default registerComponent(\"Rating\", properties, Rating);\n```\n\n---\n\n## How `Prop` Works\n\nYou can define different types of props:\n\n- **`string`**: `Prop.string()`\n- **`number`**: `Prop.number()`\n- **`boolean`**: `Prop.boolean()`\n- **`event`**: `Prop.event()` (for user interactions like clicks)\n- **`any`**: `Prop.any()` (for any type)\n- **`composite`**: `Prop.composite({ x: Prop.number(), y: Prop.number() })` (for nested objects)\n- **`record`**: `Prop.record({...})` (for key-value maps)\n- **`union`**: `Prop.union({...})` (for multiple variants)\n\nYou can chain additional methods:\n\n- `.default(value)` — Sets a default value.\n- `.propertiesPanel({ label: \"Your Label\" })` — Controls how the prop appears in the editor.\n- `.validate(fn)` — Adds custom validation logic.\n- `.readable()`, `.writable()` — Control read/write capabilities.\n\n---\n\n## Typical Flow\n\n1. **Define** the **editable schema** (`properties`) with `Prop`.\n2. **Type** your component's props using `CustomComponentProps`.\n3. **Use** `useUpdateProperties` to sync UI interactions back to the editor.\n4. **Register** the component using `registerComponent`.\n\n---# Tips\n\n- All `registeredComponent`s automatically support width and height using the `Dim` object.\n  ```\n  <CustomSlider\n    width={Dim.fill(2)} // Fill available space with a weight of 2\n    height={Dim.px(100)} // Fixed height of 100 pixels\n  />\n  ```\n\n## When not to use custom components\n\n- If a user asks for something by name, like showing \"metrics\", and you do not find a \"metrics\" component in the Superblocks library, do not immediately assume you need to use a custom component. Instead consider using one of the pre-dedsigned templates built from existing Superblocks components.\n\n## Pre-designed templates to use instead of custom components\n\n### Rules for using pre-designed templates\n\n- Use the pre-designed templates as a base to work from. You can make changes to the content, but generally you do not need to change the layout or styling. Example: below there are width and height properties set on the icons and you shold NOT change these or you will break the layout.\n\n### Metrics template\n\nThis template is a row of three large numerical metrics with icons and annotation text.\n\nTemplate code below and a few notes to help explain usage:\n\n- We use the SBContainer component to layout the metrics in a row\n- We use the SBText component to show the numerical values and how we use the textStyle prop variant to make the text a big heading\n- We use the SBIcon component to show nice icons that make sense for the metric\n- We create a little \"badge\" using the SBContainer component to show smaqll annotation text. Prefer this over using brackets in the main heading text. Example: Rather than \"32 (2m)\" we use \"32\" in the main heading text and then a badge with the \"2m\" text\n- Keep the icon sizing you see in this template unless you are explicitly asked to change it\n\n```tsx\nimport { SBIcon, SBText, SBContainer, SB } from \"@superblocksteam/library\";\n\n<SbContainer\n  layout=\"horizontal\"\n  name=\"HeroStatSection\"\n  width={Dim.fill()}\n  height={Dim.fit()}\n  variant=\"none\"\n  spacing={Dim.px(12)}\n>\n  {/* First card */}\n  <SbContainer\n    layout=\"vertical\"\n    width={Dim.fill()}\n    height={Dim.fit()}\n    variant=\"card\"\n    spacing={Dim.px(6)}\n  >\n    <SbContainer\n      layout=\"horizontal\"\n      width={Dim.fill()}\n      height={Dim.fit()}\n      variant=\"none\"\n      horizontalAlign=\"space-between\"\n      spacing={Dim.px(6)}\n    >\n      <SbText\n        text=\"Avg delivery time (min)\"\n        textStyle={{\n          variant: \"body2\",\n          textColor: {\n            default: SB`{{ theme.colors.neutral500 }}`,\n          },\n        }}\n      />\n      <SbIcon icon=\"route\" height={Dim.px(24)} width={Dim.fit()} />\n    </SbContainer>\n    <SbContainer\n      layout=\"horizontal\"\n      width={Dim.fill()}\n      height={Dim.fit()}\n      variant=\"none\"\n      horizontalAlign=\"left\"\n      spacing={Dim.px(6)}\n    >\n      <SbText\n        text=\"32\"\n        textStyle={{\n          variant: \"heading1\",\n        }}\n      />\n      {/* Smaller annotation badge, showing change. Container background color is green because the value change is considered \"good\" (lower delivery time is better) */}\n      <SbContainer\n        layout=\"horizontal\"\n        width={Dim.fit()}\n        height={Dim.fit()}\n        variant=\"none\"\n        spacing={Dim.px(2)}\n        horizontalAlign=\"center\"\n        verticalAlign=\"center\"\n        backgroundColor=\"#c4e1af\"\n        padding={{\n          top: Dim.px(3),\n          right: Dim.px(6),\n          bottom: Dim.px(3),\n          left: Dim.px(6),\n        }}\n        borderRadius={{\n          topLeft: Dim.px(20),\n          topRight: Dim.px(20),\n          bottomRight: Dim.px(20),\n          bottomLeft: Dim.px(20),\n        }}\n      >\n        <SbIcon\n          icon=\"arrow_downward_alt\"\n          height={Dim.px(24)}\n          width={Dim.fit()}\n        />\n        <SbText\n          text=\"2m\"\n          width={Dim.fit()}\n          textStyle={{\n            variant: \"body2\",\n          }}\n        />\n      </SbContainer>\n    </SbContainer>\n  </SbContainer>\n</SbContainer>;\n```\n";
+//# sourceMappingURL=superblocks-custom-components.js.map

package/dist/ai-service/prompts/generated/subprompts/superblocks-custom-components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"superblocks-custom-components.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/subprompts/superblocks-custom-components.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,uDAAuD;AACvD,iCAAiC;AACjC,yCAAyC;AAEzC,MAAM,CAAC,MAAM,OAAO,GAAG,+kPAA+kP,CAAC"}

package/dist/ai-service/prompts/generated/subprompts/superblocks-event-flow.d.ts

@@ -0,0 +1,2 @@
+export declare const content = "# Event handlers with SbEventFlow\n\nRather than using standard browser event handlers, Superblocks provides a structured event handler action flow that allows you to run a series of events within the Superblocks system.\n\nImporting SbEventFlow:\n\n```jsx\nimport { SbEventFlow } from \"@superblocksteam/library\";\n```\n\nAll event handlers MUST be written using the `SbEventFlow` object.\n\nFor example, here we set the `isReady` state variable to `true` when the button is clicked:\n\n```jsx\n<SbButton onClick={SbEventFlow.setStateVar(\"isReady\", true)} />\n```\n\n## SbEventFlow builder pattern\n\n`SbEventFlow` provides a number of functions that can be chained together using `SbEventFlow` which correspond to actions in the Superblocks system.\n\nYou should always use these dedicated functions for individual and sequential actions.\n\nImportant: DO NOT use .run() at the end of a chain of SbEventFlow functions, it is not needed and it will throw an error.\n\n```jsx\n<SbButton\n  onClick={SbEventFlow.setQueryParams({ filter: \"active\" }, true)\n    .setStateVar(\"isReady\", true)\n    .controlModal(\"loginModal\", \"close\")\n\n    // run APIs allows you to run Superblocks APIs by name\n    // Each runAPIs call executes the list of APIs supplied in parallel\n    .runApis([\"getUserData\", \"getPermissions\"])\n\n    // set a state variable's value\n    .showAlert(\"Workflow complete\", \"success\")\n    .navigateTo({ url: \"/dashboard\", newWindow: false })}\n/>\n```\n\n#### Using RunJS (only when neeeded)\n\n`SbEventFlow` also has a special `runJS` event type that allows you to run any JavaScript in the browser.\n\nThis allows you to write more complex logic such as control flow.\n\nImportant:\n\n- The only things you can do in runJS is set state variables or set the public state of components, like modal.isOpen.\n- You CANNOT use SbEventFlow inside of a SbEventFlow.runJS function. If you do this, it won't work!\n\nExample:\n\n```jsx\n<SbButton\n  label=\"Enable\"\n  buttonStyle={\"SECONDARY_BUTTON\"}\n  onClick={SbEventFlow.runJS((s) => {\n    if (s.App.isUserAdmin) {\n      s.myStateVar.enabled = true;\n      s.myModal.isOpen = false;\n    } else {\n      console.log(\"This user was not an admin\");\n    }\n  })}\n/>\n```\n\nAs mentioned above, you should only use `runJS` when the flow is too complex to represent using only chained event flow actions.\n\n### SbEvent Flow Usage Examples\n\n```typescript\n// Navigation example\nSbEventFlow.navigateTo({ url: \"https://example.com\", newWindow: true });\n\n// Control UI components example\nSbEventFlow.controlModal(\"myModal\", \"open\");\n\n// State management example\nSbEventFlow.setStateVar(\"userProfile\", { name: \"John\", role: \"Admin\" });\n\n// Chaining multiple actions\nSbEventFlow.runApis([\"fetchUserData\"])\n  .setComponentProperty(\n    { id: \"userTable\" },\n    \"tableData\",\n    \"{{fetchUserData.data}}\",\n  )\n  .showAlert(\"Data loaded successfully\", \"success\");\n\n// Conditional flow with success/error handlers\nconst successFlow = SbEventFlow.showAlert(\"Success!\", \"success\");\n\nconst errorFlow = SbEventFlow.showAlert(\"An error occurred\", \"error\");\n\nSbEventFlow.runApis([\"saveUserData\"], successFlow, errorFlow);\n```\n";
+//# sourceMappingURL=superblocks-event-flow.d.ts.map

package/dist/ai-service/prompts/generated/subprompts/superblocks-event-flow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"superblocks-event-flow.d.ts","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/subprompts/superblocks-event-flow.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO,msGAAmsG,CAAC"}

package/dist/ai-service/prompts/generated/subprompts/superblocks-event-flow.js

@@ -0,0 +1,6 @@
+/* eslint-disable */
+// Auto-generated from superblocks-event-flow.md
+// Do not edit this file directly
+// Generated at: 2025-06-02T18:49:25.302Z
+export const content = "# Event handlers with SbEventFlow\n\nRather than using standard browser event handlers, Superblocks provides a structured event handler action flow that allows you to run a series of events within the Superblocks system.\n\nImporting SbEventFlow:\n\n```jsx\nimport { SbEventFlow } from \"@superblocksteam/library\";\n```\n\nAll event handlers MUST be written using the `SbEventFlow` object.\n\nFor example, here we set the `isReady` state variable to `true` when the button is clicked:\n\n```jsx\n<SbButton onClick={SbEventFlow.setStateVar(\"isReady\", true)} />\n```\n\n## SbEventFlow builder pattern\n\n`SbEventFlow` provides a number of functions that can be chained together using `SbEventFlow` which correspond to actions in the Superblocks system.\n\nYou should always use these dedicated functions for individual and sequential actions.\n\nImportant: DO NOT use .run() at the end of a chain of SbEventFlow functions, it is not needed and it will throw an error.\n\n```jsx\n<SbButton\n  onClick={SbEventFlow.setQueryParams({ filter: \"active\" }, true)\n    .setStateVar(\"isReady\", true)\n    .controlModal(\"loginModal\", \"close\")\n\n    // run APIs allows you to run Superblocks APIs by name\n    // Each runAPIs call executes the list of APIs supplied in parallel\n    .runApis([\"getUserData\", \"getPermissions\"])\n\n    // set a state variable's value\n    .showAlert(\"Workflow complete\", \"success\")\n    .navigateTo({ url: \"/dashboard\", newWindow: false })}\n/>\n```\n\n#### Using RunJS (only when neeeded)\n\n`SbEventFlow` also has a special `runJS` event type that allows you to run any JavaScript in the browser.\n\nThis allows you to write more complex logic such as control flow.\n\nImportant:\n\n- The only things you can do in runJS is set state variables or set the public state of components, like modal.isOpen.\n- You CANNOT use SbEventFlow inside of a SbEventFlow.runJS function. If you do this, it won't work!\n\nExample:\n\n```jsx\n<SbButton\n  label=\"Enable\"\n  buttonStyle={\"SECONDARY_BUTTON\"}\n  onClick={SbEventFlow.runJS((s) => {\n    if (s.App.isUserAdmin) {\n      s.myStateVar.enabled = true;\n      s.myModal.isOpen = false;\n    } else {\n      console.log(\"This user was not an admin\");\n    }\n  })}\n/>\n```\n\nAs mentioned above, you should only use `runJS` when the flow is too complex to represent using only chained event flow actions.\n\n### SbEvent Flow Usage Examples\n\n```typescript\n// Navigation example\nSbEventFlow.navigateTo({ url: \"https://example.com\", newWindow: true });\n\n// Control UI components example\nSbEventFlow.controlModal(\"myModal\", \"open\");\n\n// State management example\nSbEventFlow.setStateVar(\"userProfile\", { name: \"John\", role: \"Admin\" });\n\n// Chaining multiple actions\nSbEventFlow.runApis([\"fetchUserData\"])\n  .setComponentProperty(\n    { id: \"userTable\" },\n    \"tableData\",\n    \"{{fetchUserData.data}}\",\n  )\n  .showAlert(\"Data loaded successfully\", \"success\");\n\n// Conditional flow with success/error handlers\nconst successFlow = SbEventFlow.showAlert(\"Success!\", \"success\");\n\nconst errorFlow = SbEventFlow.showAlert(\"An error occurred\", \"error\");\n\nSbEventFlow.runApis([\"saveUserData\"], successFlow, errorFlow);\n```\n";
+//# sourceMappingURL=superblocks-event-flow.js.map

package/dist/ai-service/prompts/generated/subprompts/superblocks-event-flow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"superblocks-event-flow.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/subprompts/superblocks-event-flow.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,gDAAgD;AAChD,iCAAiC;AACjC,yCAAyC;AAEzC,MAAM,CAAC,MAAM,OAAO,GAAG,gsGAAgsG,CAAC"}

package/dist/ai-service/prompts/generated/subprompts/superblocks-layouts.d.ts

@@ -0,0 +1,2 @@
+export declare const content = "### 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- Freeform (`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### Import Location\n\n```ts\nimport { Dim } from \"@superblocksteam/library\";\n```\n";
+//# sourceMappingURL=superblocks-layouts.d.ts.map

package/dist/ai-service/prompts/generated/subprompts/superblocks-layouts.d.ts.map

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

package/dist/ai-service/prompts/generated/subprompts/superblocks-layouts.js

@@ -0,0 +1,6 @@
+/* eslint-disable */
+// Auto-generated from superblocks-layouts.md
+// Do not edit this file directly
+// Generated at: 2025-06-02T18:49:25.302Z
+export const content = "### 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- Freeform (`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### Import Location\n\n```ts\nimport { Dim } from \"@superblocksteam/library\";\n```\n";
+//# sourceMappingURL=superblocks-layouts.js.map

package/dist/ai-service/prompts/generated/subprompts/superblocks-layouts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"superblocks-layouts.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/subprompts/superblocks-layouts.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,6CAA6C;AAC7C,iCAAiC;AACjC,yCAAyC;AAEzC,MAAM,CAAC,MAAM,OAAO,GAAG,i8DAAi8D,CAAC"}

package/dist/ai-service/prompts/generated/subprompts/superblocks-page.d.ts

@@ -0,0 +1,2 @@
+export declare const content = "### How to use SbPage\n\n- A page is a file that exports a default React component through the `registerPage` function.\n- For `export default registerPage(Page1, {})`, Page1 is a function that returns a React component.\n- A project consists of one or more pages. Each page is a directory in the `pages` directory.\n- Pages are registered in the `routes.json` file.\n\n### Page load events\n\nYou can fire callbacks when a page is loaded using the onLoad property of the Page component. You must use the SbEventFlow API for any actions you want to run inside onLoad.\n\nExample:\n\n```tsx\nimport { registerPage, SbEventFlow, SbPage } from \"@superblocks/library\";\n\nconst Page1 = () => {\n  return (\n    <SbPage onLoad={SbEventFlow.runJS(() => console.log(\"Page loaded\"))}>\n      ...\n    </SbPage>\n  );\n};\n\nexport default registerPage(Page1, {\n  name: \"Page1\",\n});\n```\n\nA very common and helpful usage of this callback is to run APIs using SbEventFlow (covered in another section of this document) to fetch data. Example:\n\n```tsx\nimport { SbPage, registerPage, SbEventFlow, SbApi } from \"@superblocks/library\";\n\nimport getOrders from \"./apis/getOrders\";\n\nconst Page1 = () => {\n  return <SbPage onLoad={SbEventFlow.runApis([\"getOrders\"])}>...</SbPage>;\n};\n\nexport default registerPage(Page1, {\n  name: \"Page1\",\n  getOrders: SbApi(getOrders),\n});\n```\n";
+//# sourceMappingURL=superblocks-page.d.ts.map

package/dist/ai-service/prompts/generated/subprompts/superblocks-page.d.ts.map

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

package/dist/ai-service/prompts/generated/subprompts/superblocks-page.js

@@ -0,0 +1,6 @@
+/* eslint-disable */
+// Auto-generated from superblocks-page.md
+// Do not edit this file directly
+// Generated at: 2025-06-02T18:49:25.302Z
+export const content = "### How to use SbPage\n\n- A page is a file that exports a default React component through the `registerPage` function.\n- For `export default registerPage(Page1, {})`, Page1 is a function that returns a React component.\n- A project consists of one or more pages. Each page is a directory in the `pages` directory.\n- Pages are registered in the `routes.json` file.\n\n### Page load events\n\nYou can fire callbacks when a page is loaded using the onLoad property of the Page component. You must use the SbEventFlow API for any actions you want to run inside onLoad.\n\nExample:\n\n```tsx\nimport { registerPage, SbEventFlow, SbPage } from \"@superblocks/library\";\n\nconst Page1 = () => {\n  return (\n    <SbPage onLoad={SbEventFlow.runJS(() => console.log(\"Page loaded\"))}>\n      ...\n    </SbPage>\n  );\n};\n\nexport default registerPage(Page1, {\n  name: \"Page1\",\n});\n```\n\nA very common and helpful usage of this callback is to run APIs using SbEventFlow (covered in another section of this document) to fetch data. Example:\n\n```tsx\nimport { SbPage, registerPage, SbEventFlow, SbApi } from \"@superblocks/library\";\n\nimport getOrders from \"./apis/getOrders\";\n\nconst Page1 = () => {\n  return <SbPage onLoad={SbEventFlow.runApis([\"getOrders\"])}>...</SbPage>;\n};\n\nexport default registerPage(Page1, {\n  name: \"Page1\",\n  getOrders: SbApi(getOrders),\n});\n```\n";
+//# sourceMappingURL=superblocks-page.js.map

package/dist/ai-service/prompts/generated/subprompts/superblocks-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"superblocks-page.js","sourceRoot":"","sources":["../../../../../src/ai-service/prompts/generated/subprompts/superblocks-page.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,0CAA0C;AAC1C,iCAAiC;AACjC,yCAAyC;AAEzC,MAAM,CAAC,MAAM,OAAO,GAAG,m3CAAm3C,CAAC"}

package/dist/ai-service/prompts/generated/subprompts/superblocks-routes.d.ts

@@ -0,0 +1,2 @@
+export declare const content = "- The `routes.json` file maps URLs to pages.\n  Example routes.json file content:\n\n```json\n{\n  \"/\": {\n    \"file\": \"Page1/index.tsx\"\n  },\n  \"/projects\": {\n    \"file\": \"Page2/index.tsx\"\n  }\n}\n```\n\nIn the above example, the '/' route maps to Page1 and '/projects' route maps to Page2.\n";
+//# sourceMappingURL=superblocks-routes.d.ts.map

package/dist/ai-service/prompts/generated/subprompts/superblocks-routes.d.ts.map

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

package/dist/ai-service/prompts/generated/subprompts/superblocks-routes.js

@@ -0,0 +1,6 @@
+/* eslint-disable */
+// Auto-generated from superblocks-routes.md
+// Do not edit this file directly
+// Generated at: 2025-06-02T18:49:25.302Z
+export const content = "- The `routes.json` file maps URLs to pages.\n  Example routes.json file content:\n\n```json\n{\n  \"/\": {\n    \"file\": \"Page1/index.tsx\"\n  },\n  \"/projects\": {\n    \"file\": \"Page2/index.tsx\"\n  }\n}\n```\n\nIn the above example, the '/' route maps to Page1 and '/projects' route maps to Page2.\n";
+//# sourceMappingURL=superblocks-routes.js.map

package/dist/ai-service/prompts/generated/subprompts/superblocks-routes.js.map

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

package/dist/ai-service/prompts/generated/subprompts/superblocks-state.d.ts

@@ -0,0 +1,2 @@
+export declare const content = "**Superblocks State System**\n\nThe following is how the Superblocks state system works:\n\n### 1. Scopes\n\n- **Page (default)**\n\n  - Visible only within the current page\n  - Access entities with `s.[entity]`\n\n- **App**\n  - Shared across pages\n  - Access entities with `s.App.[entity]`\n\n> **Parent \u2192 child rule**: Child scopes can read & write parent entities, but parents cannot reach into children.\n\nA scope:\n\n- is a container for state variables, timers, and APIs. In the code below, counter and doubleCounter are part of the page scope for Page1\n\n```jsx\nexport default registerPage(\n  Page1,\n  {\n    counter: SbVariable({ defaultValue: 0 }),\n    doubledCounter: SbVariable({ defaultValue: (s) => s.counter.value * 2 }),\n  },\n  { name: \"App\" },\n);\n```\n\n_You should NOT create any extra scopes other than pages_\n\n### 2. Entity Types\n\n- **Component state**\n\n  - Declare by giving the component a `name` prop\n  - Read with `s.Component.prop`\n  - Writable if the prop is marked writable in the schema\n\n- **State variable**\n\n  - Declare with `SbVariable({ defaultValue })`\n  - `defaultValue` is ONLY used to set the initial value for the state variable at the time the application loads. It does not get updated.\n  - You cannot store functions inside `defaultValue`, only JSON parsable data structures.\n  - Do not try to call `defaultValue` like a function. You can ONLY set the value with `SbEventFlow.setStateVar()` or read with `s.yourStateVarName.value`\n  - Read with `s.var.value` \u2014 **always include `.value`**\n  - Writable\n\n- **API**\n  - Read with `s.myApi.response` or `s.myApi.error`\n  - Read\u2011only\n\n### 3. Reading state\n\n```jsx\n<SbText text={(s) => `Search: ${s.UserSearchInput.value}`} />\n```\n\n### 4. Writing state\n\nPreferred:\n\n```jsx\nSbEventFlow.setStateVar(\"pageSize\", 50);\n```\n\nFallback:\n\n```jsx\nSbEventFlow.runJS((s) => (s.pageSize.value = 50));\n```\n\n### 5. CRITICAL Rules\n\n1. **Use component state directly**; NEVER create a state variable for a value that is available directly from a component property.\n2. Give components semantic `name` props (e.g., `name=\"UserSearchInput\"`).\n3. Keep logic declarative \u2014 derive UI from state instead of mutating props at runtime.\n4. Always complete implement all features, don't stub out or skip anything\n\n**\u2705 Example**\n\n```jsx\n<SbDropdown name=\"ApplicantSelector\" options={/* ... */} />\n<SbTable tableData={(s) => s.applicants[s.ApplicantSelector.selectedOptionValue]} />\n```\n\n```jsx\n<SbInput name=\"Country\" options={['USA', 'Canada']} />\n<SbTable tableData={(s) => s.applicants.filter((a) => a.country.includes(s.Country.value))} />\n```\n\n```jsx\n{/* The user types in the search input, and the value is displayed */}\n<SbInput name=\"searchTerm\" />\n<SbText text={(s) => { s.searchTerm.value }} />\n```\n\n```jsx\n{/* Switch to change into admin mode */}\n<SbSwitch name=\"isAdmin\" label=\"Use Admin Mode\" defaultChecked={false}/>\n{/* Only enable the delete button when switched into Admin mode */}\n<SbButton disabled={(s) => s.isAdmin.isChecked} label=\"Delete profile\">\n```\n\n\u2705 ALWAYS USE DIRECT COMPONENT STATE ACCESS:\n\n```jsx\n// GOOD - DO THIS\n// Here we use the value directly from the input component\n<SbTextInput name=\"UserNameInput\" />\n<SbText text={(s) => `Hello, ${s.UserNameInput.value}!`} />\n```\n\n\u274C NEVER CREATE REDUNDANT STATE VARIABLES:\n\n```jsx\n// WRONG - DON'T DO THIS\n// Do not create a new state variable when you can just reference the value of input directly\n<SbTextInput name=\"UserNameInput\" onChange={SBEventFlow.setStateVar('userNameVar', 'myValue')} />\n<SbText text={(s) => `Hello, ${s.userNameVar.value}!`} />\n...\nregisterPage(\n  Page,\n  {\n    userNameVar: SbVariable({ defaultValue: \"\" }),\n  },\n);\n```\n\nIn order to refrence a property of a component like we did above for the input component,\nthe component must have a name.\n\nThat's why you should ALWAYS supply a name property for the following component types:\n\n- SbInput\n- SbDropdown\n- SbDatePicker\n- SbCheckbox\n- SbSwitch\n- SbForm\n- SbRadio\n- SbRichText\n- SbFilePicker\n- SbCodeEditor\n- SbChat\n\n\u274C DO NOT USE STATE VARIALBES AS FUNCTIONS:\n\n- Think hard about this!\n- It's tempting to try to use a state variable as a function. THIS IS WRONG.\n- You cannot do this. The default value is only used to set the initial state variable value.\n- You CANNOT call state variables as functions like this.\n\n```jsx\nfunction Page1() {\n  return (\n    <SbPage width={Dim.fill()}>\n      <SbInput\n        name=\"customerNameFilter\"\n        label=\"Customer Name\"\n        placeholder=\"Filter by customer name\"\n        width={Dim.fill()}\n        onTextChanged={SbEventFlow.runJS((s) => {\n          s.filterOrders();\n        })}\n      />\n    </SBpage>\n  );\n}\nexport default registerPage(Page1, {\n  name: \"Page1\",\n  filterOrders: SbVariable({\n    defaultValue: (s) => {\n      const customerNameFilter = s.customerNameFilter.value.toLowerCase();\n      const orderTypeFilter = s.orderTypeFilter.selectedOptionValue;\n      const locationFilter = s.locationFilter.selectedOptionValue;\n\n      const filtered = s.orders.value.filter(order => {\n        const matchesName = !customerNameFilter || order.customerName.toLowerCase().includes(customerNameFilter);\n        const matchesType = !orderTypeFilter || order.orderType === orderTypeFilter;\n        const matchesLocation = !locationFilter || order.location === locationFilter;\n\n        return matchesName && matchesType && matchesLocation;\n      });\n\n      s.filteredOrders.value = filtered;\n    }\n  })\n});\n```\n\nInstead do the following:\n\n\u2705 SET STATE VARIABLES DIRECTLY INSIDE SUPERBLOCKS EVENTS:\n\n- Here we set the filteredOrders state var using SBEventFlow with the filtered data we want to store\n- We compute the new value for filteredOrders inside a helper fucntion that is OUTSIDE the scope of the\n\n```jsx\nfunction Page1() {\n  return (\n    <SbPage width={Dim.fill()}>\n      <SbInput\n        name=\"customerNameFilter\"\n        label=\"Customer Name\"\n        placeholder=\"Filter by customer name\"\n        width={Dim.fill()}\n        onTextChanged={SbEventFlow.runJS((s) => {\n          filterOrders(s);\n        })}\n      />\n    </SBpage>\n  );\n}\n\n// Create a function that does the computation and then set the state variable with the result\n\nconst filterOrders = (s) => {\n  const filteredOrders = s.orders.value.filter((order) => {\n    return !s.customerNameFilter || order.customerName.toLowerCase().includes(s.customerNameFilter.value);\n  })\n\n  // You can set the value of a state variable directly using the equals operator\n  s.filteredOrders.value = filteredOrders;\n}\n\nexport default registerPage(Page1, {\n  name: \"Page1\",\n  filteredOrders: SbVariable({\n    defaultValue: (s) => {\n      return [\n        {\n          id: \"ORD-1001\",\n          customerName: \"John Smith\",\n          orderType: \"Grocery Delivery\"\n        },\n        {\n          id: \"ORD-1002\",\n          customerName: \"Emily Johnson\",\n          orderType: \"Express Delivery\",\n        }\n      ];\n    }\n  }),\n  filteredOrders: SbVariable({\n    defaultValue: (s) => {\n      return s.orders.value;\n    }\n  })\n```\n";
+//# sourceMappingURL=superblocks-state.d.ts.map

package/dist/ai-service/prompts/generated/subprompts/superblocks-state.d.ts.map

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