@upstart.gg/sdk 0.0.137 → 0.0.139

package/dist/shared/bricks/manifests/timeline.manifest.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"timeline.manifest.js","names":["examples: BrickExample<Manifest>[]"],"sources":["../../../../src/shared/bricks/manifests/timeline.manifest.ts"],"sourcesContent":["import { Type } from \"@sinclair/typebox\";\nimport { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { colorPreset } from \"../props/color-preset\";\nimport { cssLength } from \"../props/css-length\";\nimport { border, rounding } from \"../props/border\";\nimport { shadow } from \"../props/effects\";\nimport { BsListCheck } from \"react-icons/bs\";\nimport { loop } from \"../props/dynamic\";\nimport type { BrickProps } from \"../props/types\";\nimport type { BrickExample } from \"./_types\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\n\nconst timelineItemSchema = Type.Object({\n  id: Type.Optional(Type.String({ title: \"ID\" })),\n  title: Type.String({\n    title: \"Title\",\n    description: \"The main title or headline for this timeline item\",\n  }),\n  subtitle: Type.Optional(\n    Type.String({\n      title: \"Subtitle\",\n      description: \"Optional subtitle or date for this timeline item\",\n    }),\n  ),\n  description: Type.Optional(\n    Type.String({\n      title: \"Description\",\n      description: \"Optional detailed description for this timeline item\",\n    }),\n  ),\n  date: Type.Optional(\n    Type.String({\n      title: \"Date\",\n      description: \"Date or time period for this timeline item\",\n    }),\n  ),\n  icon: Type.Optional(\n    Type.String({\n      title: \"Icon\",\n      description: \"Optional icon name from Iconify for this timeline item\",\n    }),\n  ),\n  status: Type.Optional(\n    StringEnum([\"completed\", \"current\", \"upcoming\"], {\n      enumNames: [\"Completed\", \"Current\", \"Upcoming\"],\n      title: \"Status\",\n      description: \"Timeline item status for visual styling\",\n    }),\n  ),\n});\n\nexport const manifest = defineBrickManifest({\n  type: \"timeline\",\n  category: \"widgets\",\n  name: \"Timeline\",\n  description:\n    \"A vertical timeline component to display chronological events, milestones, or processes with optional content for each item\",\n  icon: BsListCheck,\n  consumesMultipleQueryRows: true,\n  props: defineProps({\n    items: Type.Array(timelineItemSchema, {\n      title: \"Timeline Items\",\n      description: \"List of timeline items to display\",\n      \"ui:field\": \"array\",\n      default: [],\n    }),\n\n    $children: Type.Optional(\n      Type.Array(Type.Array(Type.Any()), {\n        title: \"Content\",\n        description:\n          \"Optional content blocks for each timeline item. Each array corresponds to content for the timeline item at the same index.\",\n        \"ui:field\": \"hidden\",\n        default: [],\n      }),\n    ),\n\n    // Layout options\n    layout: Type.Optional(\n      StringEnum([\"left\", \"right\", \"alternating\"], {\n        enumNames: [\"Left\", \"Right\", \"Alternating\"],\n        title: \"Layout\",\n        description: \"Timeline layout style\",\n        default: \"left\",\n      }),\n    ),\n\n    showConnector: Type.Optional(\n      Type.Boolean({\n        title: \"Show Connector Line\",\n        description: \"Whether to show the connecting line between timeline items\",\n        default: true,\n      }),\n    ),\n\n    connectorColor: Type.Optional(\n      colorPreset({\n        title: \"Connector Color\",\n        description: \"Color of the timeline connector line\",\n      }),\n    ),\n\n    // Timeline item styling\n    itemSpacing: Type.Optional(\n      cssLength({\n        title: \"Item Spacing\",\n        description: \"Vertical spacing between timeline items\",\n        default: \"2rem\",\n      }),\n    ),\n\n    showIcons: Type.Optional(\n      Type.Boolean({\n        title: \"Show Icons\",\n        description: \"Whether to display icons for timeline items\",\n        default: true,\n      }),\n    ),\n    iconSize: Type.Optional(\n      StringEnum([\"sm\", \"md\", \"lg\"], {\n        enumNames: [\"Small\", \"Medium\", \"Large\"],\n        title: \"Icon Size\",\n        description: \"Size of timeline item icons\",\n        default: \"md\",\n      }),\n    ),\n\n    showDates: Type.Optional(\n      Type.Boolean({\n        title: \"Show Dates\",\n        description: \"Whether to display dates for timeline items\",\n        default: true,\n      }),\n    ),\n\n    datePosition: Type.Optional(\n      StringEnum([\"top\", \"bottom\", \"inline\"], {\n        enumNames: [\"Top\", \"Bottom\", \"Inline\"],\n        title: \"Date Position\",\n        description: \"Position of dates relative to content\",\n        default: \"top\",\n      }),\n    ),\n\n    // Styling\n    colorPreset: Type.Optional(\n      colorPreset({\n        title: \"Color Preset\",\n        description: \"Color theme for the timeline\",\n      }),\n    ),\n\n    padding: Type.Optional(\n      cssLength({\n        title: \"Padding\",\n        description: \"Internal padding for the timeline container\",\n      }),\n    ),\n\n    border: Type.Optional(\n      border({\n        title: \"Border\",\n        description: \"Border styling for the timeline container\",\n      }),\n    ),\n\n    shadow: Type.Optional(\n      shadow({\n        title: \"Shadow\",\n        description: \"Shadow effect for the timeline container\",\n      }),\n    ),\n\n    rounding: Type.Optional(\n      rounding({\n        title: \"Rounding\",\n        description: \"Corner rounding for the timeline container\",\n      }),\n    ),\n\n    // Content loop support\n    loop: Type.Optional(loop()),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  {\n    description: \"Basic timeline with milestones\",\n    type: \"timeline\",\n    props: {\n      items: [\n        {\n          id: \"start\",\n          title: \"Project Kickoff\",\n          subtitle: \"Planning Phase\",\n          date: \"January 2024\",\n          description: \"Initial project planning and team assembly\",\n          status: \"completed\",\n        },\n        {\n          id: \"development\",\n          title: \"Development Phase\",\n          subtitle: \"Building the Product\",\n          date: \"February - April 2024\",\n          description: \"Core development and feature implementation\",\n          status: \"completed\",\n        },\n        {\n          id: \"testing\",\n          title: \"Testing & QA\",\n          subtitle: \"Quality Assurance\",\n          date: \"May 2024\",\n          description: \"Comprehensive testing and bug fixes\",\n          status: \"current\",\n        },\n        {\n          id: \"launch\",\n          title: \"Product Launch\",\n          subtitle: \"Go Live\",\n          date: \"June 2024\",\n          description: \"Official product release and marketing campaign\",\n          status: \"upcoming\",\n        },\n      ],\n      layout: \"left\",\n      showConnector: true,\n      showIcons: true,\n      showDates: true,\n    },\n  },\n\n  {\n    description: \"Alternating timeline with custom colors\",\n    type: \"timeline\",\n    props: {\n      items: [\n        {\n          title: \"Company Founded\",\n          date: \"2020\",\n          description: \"Started with a vision to change the industry\",\n        },\n        {\n          title: \"First Product Launch\",\n          date: \"2021\",\n          description: \"Released our flagship product to market\",\n        },\n        {\n          title: \"Series A Funding\",\n          date: \"2022\",\n          description: \"Raised $10M to accelerate growth\",\n        },\n        {\n          title: \"International Expansion\",\n          date: \"2023\",\n          description: \"Opened offices in Europe and Asia\",\n        },\n      ],\n      layout: \"alternating\",\n      colorPreset: { color: \"primary-500\" },\n      connectorColor: { color: \"primary-300\" },\n      itemSpacing: \"3rem\",\n    },\n  },\n\n  {\n    description: \"Timeline with content blocks\",\n    type: \"timeline\",\n    props: {\n      items: [\n        {\n          title: \"Research Phase\",\n          date: \"Q1 2024\",\n          description: \"Market research and user interviews\",\n        },\n        {\n          title: \"Design Phase\",\n          date: \"Q2 2024\",\n          description: \"UI/UX design and prototyping\",\n        },\n      ],\n      $children: [\n        [\n          {\n            id: \"research-chart\",\n            type: \"text\",\n            props: { content: \"Research findings and insights will be displayed here.\" },\n          },\n        ],\n        [\n          {\n            id: \"design-mockups\",\n            type: \"text\",\n            props: { content: \"Design mockups and prototypes will be shown here.\" },\n          },\n        ],\n      ],\n    },\n  },\n\n  {\n    description: \"Compact timeline without dates\",\n    type: \"timeline\",\n    props: {\n      items: [\n        {\n          title: \"Initialize Project\",\n          description: \"Set up repository and development environment\",\n        },\n        {\n          title: \"Implement Core Features\",\n          description: \"Build the main functionality\",\n        },\n        {\n          title: \"Add Tests\",\n          description: \"Write unit and integration tests\",\n        },\n        {\n          title: \"Deploy to Production\",\n          description: \"Release to production environment\",\n        },\n      ],\n      layout: \"left\",\n      showDates: false,\n      showIcons: false,\n      itemSpacing: \"1.5rem\",\n      padding: \"1rem\",\n    },\n  },\n\n  {\n    description: \"Timeline with custom icons\",\n    type: \"timeline\",\n    props: {\n      items: [\n        {\n          title: \"Planning\",\n          icon: \"mdi:calendar-check\",\n          date: \"Week 1\",\n          status: \"completed\",\n        },\n        {\n          title: \"Development\",\n          icon: \"mdi:code-braces\",\n          date: \"Week 2-4\",\n          status: \"completed\",\n        },\n        {\n          title: \"Testing\",\n          icon: \"mdi:test-tube\",\n          date: \"Week 5\",\n          status: \"current\",\n        },\n        {\n          title: \"Deployment\",\n          icon: \"mdi:rocket-launch\",\n          date: \"Week 6\",\n          status: \"upcoming\",\n        },\n      ],\n      iconSize: \"lg\",\n      datePosition: \"bottom\",\n    },\n  },\n\n  {\n    description: \"Right-aligned timeline\",\n    type: \"timeline\",\n    props: {\n      items: [\n        {\n          title: \"User Registration Opens\",\n          date: \"March 1st\",\n          description: \"Early bird registration begins\",\n        },\n        {\n          title: \"Speaker Announcements\",\n          date: \"March 15th\",\n          description: \"Keynote speakers revealed\",\n        },\n        {\n          title: \"Conference Day\",\n          date: \"April 1st\",\n          description: \"The main event begins\",\n        },\n      ],\n      layout: \"right\",\n      colorPreset: { color: \"secondary-500\" },\n      border: { width: \"border\", color: \"secondary-200\" },\n      rounding: \"rounded-lg\",\n      padding: \"2rem\",\n    },\n  },\n\n  {\n    description: \"Timeline with loop data\",\n    type: \"timeline\",\n    props: {\n      items: [],\n      loop: {\n        over: \"milestones\",\n      },\n      layout: \"alternating\",\n      showConnector: true,\n    },\n  },\n\n  {\n    description: \"Styled timeline with shadows\",\n    type: \"timeline\",\n    props: {\n      items: [\n        {\n          title: \"Design System\",\n          subtitle: \"Foundation\",\n          date: \"Phase 1\",\n          description: \"Establish design tokens and component library\",\n        },\n        {\n          title: \"Component Development\",\n          subtitle: \"Implementation\",\n          date: \"Phase 2\",\n          description: \"Build reusable React components\",\n        },\n        {\n          title: \"Documentation\",\n          subtitle: \"Guidelines\",\n          date: \"Phase 3\",\n          description: \"Create comprehensive usage documentation\",\n        },\n      ],\n      colorPreset: { color: \"secondary-500\" },\n      shadow: \"shadow-lg\",\n      border: { width: \"border\", color: \"purple-200\" },\n      rounding: \"rounded-xl\",\n      padding: \"2.5rem\",\n      itemSpacing: \"2.5rem\",\n      connectorColor: { color: \"secondary-300\" },\n    },\n  },\n];\n"],"mappings":"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AM;KACN,aAAa;KACd;IACD;KACE,OAAO;KACP,MAAM;KACN,aAAa;KACd;IACD;KACE,OAAO;KACP,MAAM;KACN,aAAa;KACd;IACD;KACE,OAAO;KACP,MAAM;KACN,aAAa;KACd;IACF;GACD,QAAQ;GACR,aAAa,EAAE,OAAO,eAAe;GACrC,gBAAgB,EAAE,OAAO,eAAe;GACxC,aAAa;GACd;EACF;CAED;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO,CACL;IACE,OAAO;IACP,MAAM;IACN,aAAa;IACd,EACD;IACE,OAAO;IACP,MAAM;IACN,aAAa;IACd,CACF;GACD,WAAW,CACT,CACE;IACE,IAAI;IACJ,MAAM;IACN,OAAO,EAAE,SAAS,0DAA0D;IAC7E,CACF,EACD,CACE;IACE,IAAI;IACJ,MAAM;IACN,OAAO,EAAE,SAAS,qDAAqD;IACxE,CACF,CACF;GACF;EACF;CAED;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL;KACE,OAAO;KACP,aAAa;KACd;IACD;KACE,OAAO;KACP,aAAa;KACd;IACD;KACE,OAAO;KACP,aAAa;KACd;IACD;KACE,OAAO;KACP,aAAa;KACd;IACF;GACD,QAAQ;GACR,WAAW;GACX,WAAW;GACX,aAAa;GACb,SAAS;GACV;EACF;CAED;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL;KACE,OAAO;KACP,MAAM;KACN,MAAM;KACN,QAAQ;KACT;IACD;KACE,OAAO;KACP,MAAM;KACN,MAAM;KACN,QAAQ;KACT;IACD;KACE,OAAO;KACP,MAAM;KACN,MAAM;KACN,QAAQ;KACT;IACD;KACE,OAAO;KACP,MAAM;KACN,MAAM;KACN,QAAQ;KACT;IACF;GACD,UAAU;GACV,cAAc;GACf;EACF;CAED;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL;KACE,OAAO;KACP,MAAM;KACN,aAAa;KACd;IACD;KACE,OAAO;KACP,MAAM;KACN,aAAa;KACd;IACD;KACE,OAAO;KACP,MAAM;KACN,aAAa;KACd;IACF;GACD,QAAQ;GACR,aAAa,EAAE,OAAO,iBAAiB;GACvC,QAAQ;IAAE,OAAO;IAAU,OAAO;IAAiB;GACnD,UAAU;GACV,SAAS;GACV;EACF;CAED;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO,EAAE;GACT,MAAM,EACJ,MAAM,cACP;GACD,QAAQ;GACR,eAAe;GAChB;EACF;CAED;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,OAAO;IACL;KACE,OAAO;KACP,UAAU;KACV,MAAM;KACN,aAAa;KACd;IACD;KACE,OAAO;KACP,UAAU;KACV,MAAM;KACN,aAAa;KACd;IACD;KACE,OAAO;KACP,UAAU;KACV,MAAM;KACN,aAAa;KACd;IACF;GACD,aAAa,EAAE,OAAO,iBAAiB;GACvC,QAAQ;GACR,QAAQ;IAAE,OAAO;IAAU,OAAO;IAAc;GAChD,UAAU;GACV,SAAS;GACT,aAAa;GACb,gBAAgB,EAAE,OAAO,iBAAiB;GAC3C;EACF;CACF"}

package/dist/shared/bricks/manifests/video.manifest.d.ts

@@ -1,69 +1,76 @@
-import type { BrickExample } from "./_types";
-export declare const manifest: {
-    readonly icon: import("react-icons/lib").IconType;
-    readonly props: import("@sinclair/typebox").TObject<{
-        lastTouched: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
-        hidden: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
-            desktop: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-            mobile: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        }>>;
-        editable: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        width: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        height: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        grow: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        alignSelf: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"self-auto" | "self-start" | "self-center" | "self-end" | "self-stretch">>;
-    } & {
-        url: import("@sinclair/typebox").TString;
-        padding: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        rounding: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"rounded-auto" | "rounded-none" | "rounded-sm" | "rounded-md" | "rounded-lg" | "rounded-xl" | "rounded-2xl" | "rounded-full">>;
-        border: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
-            width: import("@sinclair/typebox").TUnsafe<"border" | "border-0" | "border-2" | "border-4" | "border-8">;
-            color: import("@sinclair/typebox").TString;
-        }>>;
-        shadow: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl" | "shadow-2xl">>;
-    }>;
-    readonly category: import("~/shared/brick-manifest").BrickCategory;
-    readonly defaultInspectorTab: "content" | "style" | "preset";
-    readonly hideInLibrary: boolean;
-    readonly deletable: boolean;
-    readonly movable: boolean;
-    readonly resizable: boolean | "horizontal" | "vertical";
-    readonly duplicatable: boolean;
-    readonly isContainer: boolean;
-    readonly isGlobalBrick: boolean;
-    readonly defaultWidth: {
-        readonly mobile: string;
-        readonly desktop: string;
-    };
-    readonly defaultHeight: {
-        readonly mobile: string;
-        readonly desktop: string;
-    };
-    readonly type: string;
-    readonly name: string;
-    readonly iconClassName?: string;
-    readonly staticClasses?: string;
-    readonly description?: string;
-    readonly minWidth?: {
-        mobile?: number;
-        desktop?: number;
-    };
-    readonly maxWidth?: {
-        mobile?: number;
-        desktop?: number;
-    };
-    readonly minHeight?: {
-        mobile?: number;
-        desktop?: number;
-    };
-    readonly maxHeight?: {
-        mobile?: number;
-        desktop?: number;
-    };
-    readonly consumesMultipleQueryRows?: boolean;
-    readonly inlineDragDisabled?: boolean;
-    readonly aiInstructions?: string;
+import { BrickCategory } from "../../brick-manifest.js";
+import { BrickExample } from "./_types.js";
+import * as _sinclair_typebox5533 from "@sinclair/typebox";
+import * as react_icons_lib20 from "react-icons/lib";
+
+//#region src/shared/bricks/manifests/video.manifest.d.ts
+declare const manifest: {
+  readonly icon: react_icons_lib20.IconType;
+  readonly props: _sinclair_typebox5533.TObject<{
+    lastTouched: _sinclair_typebox5533.TOptional<_sinclair_typebox5533.TNumber>;
+    hidden: _sinclair_typebox5533.TOptional<_sinclair_typebox5533.TObject<{
+      desktop: _sinclair_typebox5533.TOptional<_sinclair_typebox5533.TBoolean>;
+      mobile: _sinclair_typebox5533.TOptional<_sinclair_typebox5533.TBoolean>;
+    }>>;
+    editable: _sinclair_typebox5533.TOptional<_sinclair_typebox5533.TBoolean>;
+    width: _sinclair_typebox5533.TOptional<_sinclair_typebox5533.TString>;
+    height: _sinclair_typebox5533.TOptional<_sinclair_typebox5533.TString>;
+    grow: _sinclair_typebox5533.TOptional<_sinclair_typebox5533.TBoolean>;
+    alignSelf: _sinclair_typebox5533.TOptional<_sinclair_typebox5533.TUnsafe<"self-auto" | "self-start" | "self-center" | "self-end" | "self-stretch">>;
+  } & {
+    url: _sinclair_typebox5533.TString;
+    padding: _sinclair_typebox5533.TOptional<_sinclair_typebox5533.TString>;
+    rounding: _sinclair_typebox5533.TOptional<_sinclair_typebox5533.TUnsafe<"rounded-md" | "rounded-auto" | "rounded-none" | "rounded-sm" | "rounded-lg" | "rounded-xl" | "rounded-2xl" | "rounded-full">>;
+    border: _sinclair_typebox5533.TOptional<_sinclair_typebox5533.TObject<{
+      width: _sinclair_typebox5533.TUnsafe<"border" | "border-0" | "border-2" | "border-4" | "border-8">;
+      color: _sinclair_typebox5533.TString;
+    }>>;
+    shadow: _sinclair_typebox5533.TOptional<_sinclair_typebox5533.TUnsafe<"shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl" | "shadow-2xl">>;
+  }>;
+  readonly category: BrickCategory;
+  readonly defaultInspectorTab: "preset" | "style" | "content";
+  readonly hideInLibrary: boolean;
+  readonly deletable: boolean;
+  readonly movable: boolean;
+  readonly resizable: boolean | "horizontal" | "vertical";
+  readonly duplicatable: boolean;
+  readonly isContainer: boolean;
+  readonly isGlobalBrick: boolean;
+  readonly defaultWidth: {
+    readonly mobile: string;
+    readonly desktop: string;
+  };
+  readonly defaultHeight: {
+    readonly mobile: string;
+    readonly desktop: string;
+  };
+  readonly type: string;
+  readonly name: string;
+  readonly iconClassName?: string;
+  readonly staticClasses?: string;
+  readonly description?: string;
+  readonly minWidth?: {
+    mobile?: number;
+    desktop?: number;
+  };
+  readonly maxWidth?: {
+    mobile?: number;
+    desktop?: number;
+  };
+  readonly minHeight?: {
+    mobile?: number;
+    desktop?: number;
+  };
+  readonly maxHeight?: {
+    mobile?: number;
+    desktop?: number;
+  };
+  readonly consumesMultipleQueryRows?: boolean;
+  readonly inlineDragDisabled?: boolean;
+  readonly aiInstructions?: string;
 };
-export type Manifest = typeof manifest;
-export declare const examples: BrickExample<Manifest>[];
+type Manifest = typeof manifest;
+declare const examples: BrickExample<Manifest>[];
+//#endregion
+export { Manifest, examples, manifest };
 //# sourceMappingURL=video.manifest.d.ts.map

package/dist/shared/bricks/manifests/video.manifest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"video.manifest.d.ts","sourceRoot":"","sources":["../../../../src/shared/bricks/manifests/video.manifest.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAIE,CAAC;eAAqB,CAAC;;;cAE9B,CAAC;eAEb,CAAH;;;cAEK,CAAC;eACE,CAAC;;;cAGF,CAAC;eAEL,CAAJ;;;;;CAmCE,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC;AAEvC,eAAO,MAAM,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EA8C5C,CAAC"}
+{"version":3,"file":"video.manifest.d.ts","names":[],"sources":["../../../../src/shared/bricks/manifests/video.manifest.ts"],"sourcesContent":[],"mappings":";;;;;;cASa;iBAmDX,iBAAA,CAAA;;;;MAnDW,OAmDX,iCAAA,gCAAA;MAAA,MAAA,iCAAA,gCAAA;IAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAEU,SAAA,IAAQ,EAAA,MAAA;EAEP,SAAA,IA8CZ,EAAA,MAAA;EAAA,SAAA,aAAA,CAAA,EAAA,MAAA;WA9CmC,aAAA,CAAA,EAAA,MAAA;WAAb,WAAA,CAAA,EAAA,MAAA;EAAY,SAAA,QAAA,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;KAFvB,QAAA,UAAkB;cAEjB,UAAU,aAAa"}

package/dist/shared/bricks/manifests/video.manifest.js

@@ -1,22 +1,99 @@
-/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+import { defineBrickManifest } from "../../brick-manifest.js";
+import { cssLength } from "../props/css-length.js";
+import { defineProps } from "../props/helpers.js";
+import { shadow } from "../props/effects.js";
+import { border, rounding } from "../props/border.js";
+import { Type } from "@sinclair/typebox";
+import { RxVideo } from "react-icons/rx";
 
-import {
-  examples,
-  manifest
-} from "../../chunk-ZVJNRKT4.js";
-import "../../chunk-SRYBJ6NQ.js";
-import "../../chunk-JSDKK5QN.js";
-import "../../chunk-VTCHJT4O.js";
-import "../../chunk-XXPSM6UA.js";
-import "../../chunk-OJ6KL7FU.js";
-import "../../chunk-5RCC2STG.js";
-import "../../chunk-ZRBTAC3G.js";
-import "../../chunk-J45LSQT6.js";
-import "../../chunk-HY7JOP3J.js";
-import "../../chunk-GDYCCB3B.js";
-import "../../chunk-ZGQ3AQBG.js";
-export {
-  examples,
-  manifest
-};
+//#region src/shared/bricks/manifests/video.manifest.ts
+const manifest = defineBrickManifest({
+	type: "video",
+	name: "Video",
+	category: "media",
+	description: "An embedded video player for YouTube / Vimeo / Wistia links",
+	icon: RxVideo,
+	defaultWidth: {
+		mobile: "auto",
+		desktop: `${360 * 16 / 9}px`
+	},
+	defaultHeight: {
+		mobile: "168px",
+		desktop: "360px"
+	},
+	minWidth: {
+		mobile: 300,
+		desktop: 360 * 16 / 9
+	},
+	minHeight: {
+		mobile: 168,
+		desktop: 360
+	},
+	props: defineProps({
+		url: Type.String({
+			title: "Video URL",
+			description: "URL of the video to embed. It can be a YouTube link or an embed link. It also supports Vimeo and Wistia links.",
+			default: "https://www.youtube.com/watch?v=dQw4w9WgXcQ",
+			metadata: {
+				category: "content",
+				"ui:responsive": "desktop"
+			}
+		}),
+		padding: Type.Optional(cssLength({
+			description: "Padding inside the video player.",
+			"ai:instructions": "Use only a single value like '1rem' or '10px'",
+			title: "Padding",
+			"ui:responsive": true,
+			"ui:placeholder": "Not specified",
+			"ui:styleId": "styles:padding"
+		})),
+		rounding: Type.Optional(rounding({ default: "rounded-md" })),
+		border: Type.Optional(border()),
+		shadow: Type.Optional(shadow())
+	})
+});
+const examples = [
+	{
+		description: "A YouTube video",
+		type: "video",
+		props: { url: "https://www.youtube.com/watch?v=dQw4w9WgXcQ" }
+	},
+	{
+		description: "An embedded YouTube video",
+		type: "video",
+		props: { url: "https://www.youtube.com/embed/dQw4w9WgXcQ" }
+	},
+	{
+		description: "A Vimeo video",
+		type: "video",
+		props: { url: "https://vimeo.com/123456789" }
+	},
+	{
+		description: "Dynamic course video using course query",
+		type: "video",
+		props: {
+			url: "{{course.videoUrl}}",
+			padding: "1rem",
+			rounding: "rounded-lg",
+			shadow: "shadow-md"
+		}
+	},
+	{
+		description: "Dynamic product demo video using product query",
+		type: "video",
+		props: {
+			url: "{{product.demoVideoUrl}}",
+			padding: "0.5rem",
+			rounding: "rounded-xl",
+			shadow: "shadow-lg",
+			border: {
+				width: "border-2",
+				color: "border-primary-300"
+			}
+		}
+	}
+];
+
+//#endregion
+export { examples, manifest };
 //# sourceMappingURL=video.manifest.js.map

package/dist/shared/bricks/manifests/video.manifest.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"video.manifest.js","names":["examples: BrickExample<Manifest>[]"],"sources":["../../../../src/shared/bricks/manifests/video.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { RxVideo } from \"react-icons/rx\";\nimport { border, rounding } from \"../props/border\";\nimport { shadow } from \"../props/effects\";\nimport { Type } from \"@sinclair/typebox\";\nimport { cssLength } from \"../props/css-length\";\nimport type { BrickExample } from \"./_types\";\n\nexport const manifest = defineBrickManifest({\n  type: \"video\",\n  name: \"Video\",\n  category: \"media\",\n  description: \"An embedded video player for YouTube / Vimeo / Wistia links\",\n  icon: RxVideo,\n  defaultWidth: {\n    mobile: \"auto\",\n    desktop: `${(360 * 16) / 9}px`, // 16:9 aspect ratio\n  },\n  defaultHeight: {\n    mobile: \"168px\",\n    desktop: \"360px\", // 16:9 aspect ratio\n  },\n  minWidth: {\n    mobile: 300,\n    desktop: (360 * 16) / 9,\n  },\n  minHeight: {\n    mobile: 168,\n    desktop: 360, // 16:9 aspect ratio\n  },\n  props: defineProps({\n    url: Type.String({\n      title: \"Video URL\",\n      description:\n        \"URL of the video to embed. It can be a YouTube link or an embed link. It also supports Vimeo and Wistia links.\",\n      default: \"https://www.youtube.com/watch?v=dQw4w9WgXcQ\",\n      metadata: {\n        category: \"content\",\n        \"ui:responsive\": \"desktop\",\n      },\n    }),\n    padding: Type.Optional(\n      cssLength({\n        description: \"Padding inside the video player.\",\n        \"ai:instructions\": \"Use only a single value like '1rem' or '10px'\",\n        title: \"Padding\",\n        \"ui:responsive\": true,\n        \"ui:placeholder\": \"Not specified\",\n        \"ui:styleId\": \"styles:padding\",\n      }),\n    ),\n    rounding: Type.Optional(\n      rounding({\n        default: \"rounded-md\",\n      }),\n    ),\n    border: Type.Optional(border()),\n    shadow: Type.Optional(shadow()),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  {\n    description: \"A YouTube video\",\n    type: \"video\",\n    props: {\n      url: \"https://www.youtube.com/watch?v=dQw4w9WgXcQ\",\n    },\n  },\n  {\n    description: \"An embedded YouTube video\",\n    type: \"video\",\n    props: {\n      url: \"https://www.youtube.com/embed/dQw4w9WgXcQ\",\n    },\n  },\n  {\n    description: \"A Vimeo video\",\n    type: \"video\",\n    props: {\n      url: \"https://vimeo.com/123456789\",\n    },\n  },\n  {\n    description: \"Dynamic course video using course query\",\n    type: \"video\",\n    props: {\n      url: \"{{course.videoUrl}}\",\n      padding: \"1rem\",\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\n    },\n  },\n  {\n    description: \"Dynamic product demo video using product query\",\n    type: \"video\",\n    props: {\n      url: \"{{product.demoVideoUrl}}\",\n      padding: \"0.5rem\",\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-lg\",\n      border: {\n        width: \"border-2\",\n        color: \"border-primary-300\",\n      },\n    },\n  },\n];\n"],"mappings":";;;;;;;;;AASA,MAAa,WAAW,oBAAoB;CAC1C,MAAM;CACN,MAAM;CACN,UAAU;CACV,aAAa;CACb,MAAM;CACN,cAAc;EACZ,QAAQ;EACR,SAAS,GAAI,MAAM,KAAM,EAAE;EAC5B;CACD,eAAe;EACb,QAAQ;EACR,SAAS;EACV;CACD,UAAU;EACR,QAAQ;EACR,SAAU,MAAM,KAAM;EACvB;CACD,WAAW;EACT,QAAQ;EACR,SAAS;EACV;CACD,OAAO,YAAY;EACjB,KAAK,KAAK,OAAO;GACf,OAAO;GACP,aACE;GACF,SAAS;GACT,UAAU;IACR,UAAU;IACV,iBAAiB;IAClB;GACF,CAAC;EACF,SAAS,KAAK,SACZ,UAAU;GACR,aAAa;GACb,mBAAmB;GACnB,OAAO;GACP,iBAAiB;GACjB,kBAAkB;GAClB,cAAc;GACf,CAAC,CACH;EACD,UAAU,KAAK,SACb,SAAS,EACP,SAAS,cACV,CAAC,CACH;EACD,QAAQ,KAAK,SAAS,QAAQ,CAAC;EAC/B,QAAQ,KAAK,SAAS,QAAQ,CAAC;EAChC,CAAC;CACH,CAAC;AAIF,MAAaA,WAAqC;CAChD;EACE,aAAa;EACb,MAAM;EACN,OAAO,EACL,KAAK,+CACN;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO,EACL,KAAK,6CACN;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO,EACL,KAAK,+BACN;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,KAAK;GACL,SAAS;GACT,UAAU;GACV,QAAQ;GACT;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,KAAK;GACL,SAAS;GACT,UAAU;GACV,QAAQ;GACR,QAAQ;IACN,OAAO;IACP,OAAO;IACR;GACF;EACF;CACF"}

package/dist/shared/bricks/props/align.d.ts

@@ -1,8 +1,13 @@
-import type { Static, StringOptions } from "@sinclair/typebox";
-export declare function justifyContent(options?: StringOptions): import("@sinclair/typebox").TUnsafe<"justify-start" | "justify-center" | "justify-end" | "justify-between" | "justify-around" | "justify-evenly">;
-export type JustifyContentSettings = Static<ReturnType<typeof justifyContent>>;
-export declare function alignItems(options?: StringOptions): import("@sinclair/typebox").TUnsafe<"items-start" | "items-center" | "items-end" | "items-stretch">;
-export type AlignItemsSettings = Static<ReturnType<typeof alignItems>>;
-export declare function alignSelf(options?: StringOptions): import("@sinclair/typebox").TUnsafe<"self-auto" | "self-start" | "self-center" | "self-end" | "self-stretch">;
-export type AlignSelfSettings = Static<ReturnType<typeof alignSelf>>;
+import * as _sinclair_typebox5641 from "@sinclair/typebox";
+import { Static, StringOptions } from "@sinclair/typebox";
+
+//#region src/shared/bricks/props/align.d.ts
+declare function justifyContent(options?: StringOptions): _sinclair_typebox5641.TUnsafe<"justify-center" | "justify-start" | "justify-end" | "justify-between" | "justify-around" | "justify-evenly">;
+type JustifyContentSettings = Static<ReturnType<typeof justifyContent>>;
+declare function alignItems(options?: StringOptions): _sinclair_typebox5641.TUnsafe<"items-center" | "items-start" | "items-end" | "items-stretch">;
+type AlignItemsSettings = Static<ReturnType<typeof alignItems>>;
+declare function alignSelf(options?: StringOptions): _sinclair_typebox5641.TUnsafe<"self-auto" | "self-start" | "self-center" | "self-end" | "self-stretch">;
+type AlignSelfSettings = Static<ReturnType<typeof alignSelf>>;
+//#endregion
+export { AlignItemsSettings, AlignSelfSettings, JustifyContentSettings, alignItems, alignSelf, justifyContent };
 //# sourceMappingURL=align.d.ts.map

package/dist/shared/bricks/props/align.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"align.d.ts","sourceRoot":"","sources":["../../../../src/shared/bricks/props/align.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG/D,wBAAgB,cAAc,CAAC,OAAO,GAAE,aAAkB,qJAczD;AAED,MAAM,MAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC;AAE/E,wBAAgB,UAAU,CAAC,OAAO,GAAE,aAAkB,uGAWrD;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC;AAEvE,wBAAgB,SAAS,CAAC,OAAO,GAAE,aAAkB,iHAWpD;AAED,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC"}
+{"version":3,"file":"align.d.ts","names":[],"sources":["../../../../src/shared/bricks/props/align.ts"],"sourcesContent":[],"mappings":";;;;iBAGgB,cAAA,WAAwB,gBAAkB,qBAAA,CAAA;KAgB9C,sBAAA,GAAyB,OAAO,kBAAkB;iBAE9C,UAAA,WAAoB,gBAAkB,qBAAA,CAAA;AAlBtC,KA+BJ,kBAAA,GAAqB,MA/BH,CA+BU,UA/BV,CAAA,OA+B4B,UA/B5B,CAAA,CAAA;AAAA,iBAiCd,SAAA,CAjCc,OAAA,CAAA,EAiCK,aAjCL,CAAA,EAiCuB,qBAAA,CAAA,OAjCvB,CAAA,WAAA,GAAA,YAAA,GAAA,aAAA,GAAA,UAAA,GAAA,cAAA,CAAA;AAAU,KA8C5B,iBAAA,GAAoB,MA9CQ,CA8CD,UA9CC,CAAA,OA8CiB,SA9CjB,CAAA,CAAA"}

package/dist/shared/bricks/props/align.js

@@ -1,15 +1,76 @@
-/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+import { StringEnum } from "../../utils/string-enum.js";
 
-import {
-  alignItems,
-  alignSelf,
-  justifyContent
-} from "../../chunk-ZRBTAC3G.js";
-import "../../chunk-GDYCCB3B.js";
-import "../../chunk-ZGQ3AQBG.js";
-export {
-  alignItems,
-  alignSelf,
-  justifyContent
-};
+//#region src/shared/bricks/props/align.ts
+function justifyContent(options = {}) {
+	return StringEnum([
+		"justify-start",
+		"justify-center",
+		"justify-end",
+		"justify-between",
+		"justify-around",
+		"justify-evenly"
+	], {
+		enumNames: [
+			"Start",
+			"Center",
+			"End",
+			"Between",
+			"Around",
+			"Evenly"
+		],
+		title: "Justify bricks",
+		"ui:field": "justify-content",
+		"ui:responsive": true,
+		"ui:styleId": "styles:justifyContent",
+		examples: ["justify-center", "justify-evenly"],
+		...options
+	});
+}
+function alignItems(options = {}) {
+	return StringEnum([
+		"items-start",
+		"items-center",
+		"items-end",
+		"items-stretch"
+	], {
+		enumNames: [
+			"Start",
+			"Center",
+			"End",
+			"Stretch"
+		],
+		title: "Align bricks",
+		"ui:field": "align-items",
+		"ui:responsive": true,
+		"ui:styleId": "styles:alignItems",
+		examples: ["items-center", "items-stretch"],
+		...options
+	});
+}
+function alignSelf(options = {}) {
+	return StringEnum([
+		"self-auto",
+		"self-start",
+		"self-center",
+		"self-end",
+		"self-stretch"
+	], {
+		enumNames: [
+			"Auto",
+			"Start",
+			"Center",
+			"End",
+			"Stretch"
+		],
+		default: "self-auto",
+		title: "Align self",
+		"ui:field": "align-self",
+		"ui:responsive": true,
+		"ui:styleId": "styles:alignSelf",
+		...options
+	});
+}
+
+//#endregion
+export { alignItems, alignSelf, justifyContent };
 //# sourceMappingURL=align.js.map

package/dist/shared/bricks/props/align.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"align.js","names":[],"sources":["../../../../src/shared/bricks/props/align.ts"],"sourcesContent":["import type { Static, StringOptions } from \"@sinclair/typebox\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\n\nexport function justifyContent(options: StringOptions = {}) {\n  return StringEnum(\n    [\"justify-start\", \"justify-center\", \"justify-end\", \"justify-between\", \"justify-around\", \"justify-evenly\"],\n    {\n      enumNames: [\"Start\", \"Center\", \"End\", \"Between\", \"Around\", \"Evenly\"],\n      // $id: \"styles:justifyContent\",\n      title: \"Justify bricks\",\n      \"ui:field\": \"justify-content\",\n      \"ui:responsive\": true,\n      \"ui:styleId\": \"styles:justifyContent\",\n      examples: [\"justify-center\", \"justify-evenly\"],\n      ...options,\n    },\n  );\n}\n\nexport type JustifyContentSettings = Static<ReturnType<typeof justifyContent>>;\n\nexport function alignItems(options: StringOptions = {}) {\n  return StringEnum([\"items-start\", \"items-center\", \"items-end\", \"items-stretch\"], {\n    enumNames: [\"Start\", \"Center\", \"End\", \"Stretch\"],\n    // $id: \"styles:alignItems\",\n    title: \"Align bricks\",\n    \"ui:field\": \"align-items\",\n    \"ui:responsive\": true,\n    \"ui:styleId\": \"styles:alignItems\",\n    examples: [\"items-center\", \"items-stretch\"],\n    ...options,\n  });\n}\n\nexport type AlignItemsSettings = Static<ReturnType<typeof alignItems>>;\n\nexport function alignSelf(options: StringOptions = {}) {\n  return StringEnum([\"self-auto\", \"self-start\", \"self-center\", \"self-end\", \"self-stretch\"], {\n    enumNames: [\"Auto\", \"Start\", \"Center\", \"End\", \"Stretch\"],\n    default: \"self-auto\",\n    // $id: \"styles:alignSelf\",\n    title: \"Align self\",\n    \"ui:field\": \"align-self\",\n    \"ui:responsive\": true,\n    \"ui:styleId\": \"styles:alignSelf\",\n    ...options,\n  });\n}\n\nexport type AlignSelfSettings = Static<ReturnType<typeof alignSelf>>;\n"],"mappings":";;;AAGA,SAAgB,eAAe,UAAyB,EAAE,EAAE;AAC1D,QAAO,WACL;EAAC;EAAiB;EAAkB;EAAe;EAAmB;EAAkB;EAAiB,EACzG;EACE,WAAW;GAAC;GAAS;GAAU;GAAO;GAAW;GAAU;GAAS;EAEpE,OAAO;EACP,YAAY;EACZ,iBAAiB;EACjB,cAAc;EACd,UAAU,CAAC,kBAAkB,iBAAiB;EAC9C,GAAG;EACJ,CACF;;AAKH,SAAgB,WAAW,UAAyB,EAAE,EAAE;AACtD,QAAO,WAAW;EAAC;EAAe;EAAgB;EAAa;EAAgB,EAAE;EAC/E,WAAW;GAAC;GAAS;GAAU;GAAO;GAAU;EAEhD,OAAO;EACP,YAAY;EACZ,iBAAiB;EACjB,cAAc;EACd,UAAU,CAAC,gBAAgB,gBAAgB;EAC3C,GAAG;EACJ,CAAC;;AAKJ,SAAgB,UAAU,UAAyB,EAAE,EAAE;AACrD,QAAO,WAAW;EAAC;EAAa;EAAc;EAAe;EAAY;EAAe,EAAE;EACxF,WAAW;GAAC;GAAQ;GAAS;GAAU;GAAO;GAAU;EACxD,SAAS;EAET,OAAO;EACP,YAAY;EACZ,iBAAiB;EACjB,cAAc;EACd,GAAG;EACJ,CAAC"}

package/dist/shared/bricks/props/background.d.ts

@@ -1,21 +1,25 @@
-import { type SchemaOptions, type Static } from "@sinclair/typebox";
-import type { ElementColorType } from "~/shared/themes/color-system";
+import { ElementColorType } from "../../themes/color-system.js";
+import * as _sinclair_typebox5644 from "@sinclair/typebox";
+import { SchemaOptions, Static } from "@sinclair/typebox";
+
+//#region src/shared/bricks/props/background.d.ts
 type BackgroundOptions = {
-    title?: string;
-    default?: {
-        image?: string;
-        size?: string;
-        repeat?: string;
-    };
-    colorType?: ElementColorType;
+  title?: string;
+  default?: {
+    image?: string;
+    size?: string;
+    repeat?: string;
+  };
+  colorType?: ElementColorType;
 };
-export declare function background(opts?: BackgroundOptions): import("@sinclair/typebox").TObject<{
-    image: import("@sinclair/typebox").TString;
-    size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"contain" | "auto" | "cover">>;
-    repeat: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"no-repeat" | "repeat" | "repeat-x" | "repeat-y" | "round" | "space">>;
+declare function background(opts?: BackgroundOptions): _sinclair_typebox5644.TObject<{
+  image: _sinclair_typebox5644.TString;
+  size: _sinclair_typebox5644.TOptional<_sinclair_typebox5644.TUnsafe<"auto" | "cover" | "contain">>;
+  repeat: _sinclair_typebox5644.TOptional<_sinclair_typebox5644.TUnsafe<"repeat" | "no-repeat" | "repeat-x" | "repeat-y" | "space" | "round">>;
 }>;
-export type BackgroundSettings = Static<ReturnType<typeof background>>;
-export declare function backgroundColor(options?: SchemaOptions): import("@sinclair/typebox").TString;
-export type BackgroundColorSettings = Static<ReturnType<typeof backgroundColor>>;
-export {};
+type BackgroundSettings = Static<ReturnType<typeof background>>;
+declare function backgroundColor(options?: SchemaOptions): _sinclair_typebox5644.TString;
+type BackgroundColorSettings = Static<ReturnType<typeof backgroundColor>>;
+//#endregion
+export { BackgroundColorSettings, BackgroundSettings, background, backgroundColor };
 //# sourceMappingURL=background.d.ts.map

package/dist/shared/bricks/props/background.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"background.d.ts","sourceRoot":"","sources":["../../../../src/shared/bricks/props/background.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAQ,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAGrE,KAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAC9B,CAAC;AAEF,wBAAgB,UAAU,CAAC,IAAI,GAAE,iBAAsB;;;;GAgCtD;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC;AAEvE,wBAAgB,eAAe,CAAC,OAAO,GAAE,aAAkB,uCAa1D;AAED,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC,CAAC"}
+{"version":3,"file":"background.d.ts","names":[],"sources":["../../../../src/shared/bricks/props/background.ts"],"sourcesContent":[],"mappings":";;;;;KAIK,iBAAA;;;IAAA,KAAA,CAAA,EAAA,MAAA;IAUW,IAAA,CAAA,EAAA,MAAU;IAAA,MAAA,CAAA,EAAA,MAAA;;WAA6B,CAAA,EAHzC,gBAGyC;;iBAAvC,UAAA,QAAiB,0CAAsB;SAAA,qBAAA,CAAA;;yCAAA,8BAAA,CAAA,QAAA,GAAA,WAAA,GAAA,UAAA,GAAA,UAAA,GAAA,OAAA,GAAA,OAAA,CAAA,CAAA;CAAA,CAAA;AAkC3C,KAAA,kBAAA,GAAqB,MAAH,CAAU,UAAV,CAAA,OAA4B,UAA5B,CAAA,CAAA;AAAA,iBAEd,eAAA,CAFc,OAAA,CAAA,EAEW,aAFX,CAAA,EAE6B,qBAAA,CAAA,OAF7B;AAA4B,KAkB9C,uBAAA,GAA0B,MAlBoB,CAkBb,UAlBa,CAAA,OAkBK,eAlBL,CAAA,CAAA"}

package/dist/shared/bricks/props/background.js

@@ -1,13 +1,65 @@
-/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+import { StringEnum } from "../../utils/string-enum.js";
+import { Type } from "@sinclair/typebox";
 
-import {
-  background,
-  backgroundColor
-} from "../../chunk-KKWT3OXF.js";
-import "../../chunk-GDYCCB3B.js";
-import "../../chunk-ZGQ3AQBG.js";
-export {
-  background,
-  backgroundColor
-};
+//#region src/shared/bricks/props/background.ts
+function background(opts = {}) {
+	return Type.Object({
+		image: Type.String({
+			title: "Image",
+			description: "The background image. Can be a URL or a data URI",
+			format: "image",
+			examples: ["https://example.com/image.png"]
+		}),
+		size: Type.Optional(StringEnum([
+			"auto",
+			"cover",
+			"contain"
+		], {
+			enumNames: [
+				"Auto",
+				"Cover",
+				"Contain"
+			],
+			"ai:instructions": "Only use this when the image is set."
+		})),
+		repeat: Type.Optional(StringEnum([
+			"no-repeat",
+			"repeat",
+			"repeat-x",
+			"repeat-y",
+			"space",
+			"round"
+		], {
+			enumNames: [
+				"No repeat",
+				"Repeat",
+				"Repeat horizontally",
+				"Repeat vertically",
+				"Space",
+				"Round"
+			],
+			"ai:instructions": "Only use this when the image is set."
+		}))
+	}, {
+		"ui:styleId": "styles:background",
+		"ui:field": "background",
+		title: "Background image",
+		...opts
+	});
+}
+function backgroundColor(options = {}) {
+	return Type.String({
+		title: "Background color",
+		"ai:instructions": "Must be formated like `bg-<variant>-<shade>`, variants being primary, secondary, accent and neutral, or base and shades between 100 and 900, except the base with takes shades betwen 100 and 300 only.",
+		pattern: "^bg-(primary|secondary|accent|neutral|base)-?(50|100|200|300|400|500|600|700|800|900)?$",
+		"ui:field": "color",
+		"ui:color-type": "background",
+		"ui:styleId": "styles:backgroundColor",
+		"ui:responsive": "desktop",
+		...options
+	});
+}
+
+//#endregion
+export { background, backgroundColor };
 //# sourceMappingURL=background.js.map

package/dist/shared/bricks/props/background.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"background.js","names":[],"sources":["../../../../src/shared/bricks/props/background.ts"],"sourcesContent":["import { type SchemaOptions, Type, type Static } from \"@sinclair/typebox\";\nimport type { ElementColorType } from \"~/shared/themes/color-system\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\n\ntype BackgroundOptions = {\n  title?: string;\n  default?: {\n    image?: string;\n    size?: string;\n    repeat?: string;\n  };\n  colorType?: ElementColorType;\n};\n\nexport function background(opts: BackgroundOptions = {}) {\n  return Type.Object(\n    {\n      image: Type.String({\n        title: \"Image\",\n        description: \"The background image. Can be a URL or a data URI\",\n        format: \"image\",\n        examples: [\"https://example.com/image.png\"],\n      }),\n      size: Type.Optional(\n        StringEnum([\"auto\", \"cover\", \"contain\"], {\n          enumNames: [\"Auto\", \"Cover\", \"Contain\"],\n          \"ai:instructions\": \"Only use this when the image is set.\",\n        }),\n      ),\n      repeat: Type.Optional(\n        StringEnum([\"no-repeat\", \"repeat\", \"repeat-x\", \"repeat-y\", \"space\", \"round\"], {\n          enumNames: [\"No repeat\", \"Repeat\", \"Repeat horizontally\", \"Repeat vertically\", \"Space\", \"Round\"],\n          \"ai:instructions\": \"Only use this when the image is set.\",\n        }),\n      ),\n    },\n    {\n      // $id: \"styles:background\",\n      \"ui:styleId\": \"styles:background\",\n      \"ui:field\": \"background\",\n      title: \"Background image\",\n      // disable for now\n      // \"ui:show-img-search\": true,\n      ...opts,\n    },\n  );\n}\n\nexport type BackgroundSettings = Static<ReturnType<typeof background>>;\n\nexport function backgroundColor(options: SchemaOptions = {}) {\n  return Type.String({\n    title: \"Background color\",\n    // $id: \"styles:backgroundColor\",\n    \"ai:instructions\":\n      \"Must be formated like `bg-<variant>-<shade>`, variants being primary, secondary, accent and neutral, or base and shades between 100 and 900, except the base with takes shades betwen 100 and 300 only.\",\n    pattern: \"^bg-(primary|secondary|accent|neutral|base)-?(50|100|200|300|400|500|600|700|800|900)?$\",\n    \"ui:field\": \"color\",\n    \"ui:color-type\": \"background\",\n    // \"ui:advanced\": true,\n    \"ui:styleId\": \"styles:backgroundColor\",\n    \"ui:responsive\": \"desktop\",\n    ...options,\n  });\n}\n\nexport type BackgroundColorSettings = Static<ReturnType<typeof backgroundColor>>;\n"],"mappings":";;;;AAcA,SAAgB,WAAW,OAA0B,EAAE,EAAE;AACvD,QAAO,KAAK,OACV;EACE,OAAO,KAAK,OAAO;GACjB,OAAO;GACP,aAAa;GACb,QAAQ;GACR,UAAU,CAAC,gCAAgC;GAC5C,CAAC;EACF,MAAM,KAAK,SACT,WAAW;GAAC;GAAQ;GAAS;GAAU,EAAE;GACvC,WAAW;IAAC;IAAQ;IAAS;IAAU;GACvC,mBAAmB;GACpB,CAAC,CACH;EACD,QAAQ,KAAK,SACX,WAAW;GAAC;GAAa;GAAU;GAAY;GAAY;GAAS;GAAQ,EAAE;GAC5E,WAAW;IAAC;IAAa;IAAU;IAAuB;IAAqB;IAAS;IAAQ;GAChG,mBAAmB;GACpB,CAAC,CACH;EACF,EACD;EAEE,cAAc;EACd,YAAY;EACZ,OAAO;EAGP,GAAG;EACJ,CACF;;AAKH,SAAgB,gBAAgB,UAAyB,EAAE,EAAE;AAC3D,QAAO,KAAK,OAAO;EACjB,OAAO;EAEP,mBACE;EACF,SAAS;EACT,YAAY;EACZ,iBAAiB;EAEjB,cAAc;EACd,iBAAiB;EACjB,GAAG;EACJ,CAAC"}

package/dist/shared/bricks/props/boolean.d.ts

@@ -1,4 +1,8 @@
+import * as _sinclair_typebox5656 from "@sinclair/typebox";
+
+//#region src/shared/bricks/props/boolean.d.ts
 type BooleanOptions = Record<string, unknown>;
-export declare function boolean(title: string, defaultValue?: boolean, options?: BooleanOptions): import("@sinclair/typebox").TBoolean;
-export {};
+declare function boolean(title: string, defaultValue?: boolean, options?: BooleanOptions): _sinclair_typebox5656.TBoolean;
+//#endregion
+export { boolean };
 //# sourceMappingURL=boolean.d.ts.map