@upstart.gg/sdk 0.0.137 → 0.0.139

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

@@ -1,97 +1,104 @@
-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">>;
-    } & {
-        items: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
-            id: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-            title: import("@sinclair/typebox").TString;
-            subtitle: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-            description: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-            date: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-            icon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-            status: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"upcoming" | "completed" | "current">>;
-        }>>;
-        $children: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TAny>>>;
-        layout: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"left" | "right" | "alternating">>;
-        showConnector: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        connectorColor: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
-            color: import("@sinclair/typebox").TUnsafe<"none" | "primary-50" | "primary-100" | "primary-200" | "primary-300" | "primary-400" | "primary-500" | "primary-600" | "primary-700" | "primary-800" | "primary-900" | "secondary-50" | "secondary-100" | "secondary-200" | "secondary-300" | "secondary-400" | "secondary-500" | "secondary-600" | "secondary-700" | "secondary-800" | "secondary-900" | "accent-50" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "base-100" | "base-200" | "base-300" | "primary-gradient-100" | "primary-gradient-200" | "primary-gradient-300" | "primary-gradient-400" | "primary-gradient-500" | "primary-gradient-600" | "primary-gradient-700" | "primary-gradient-800" | "secondary-gradient-100" | "secondary-gradient-200" | "secondary-gradient-300" | "secondary-gradient-400" | "secondary-gradient-500" | "secondary-gradient-600" | "secondary-gradient-700" | "secondary-gradient-800" | "accent-gradient-100" | "accent-gradient-200" | "accent-gradient-300" | "accent-gradient-400" | "accent-gradient-500" | "accent-gradient-600" | "accent-gradient-700" | "accent-gradient-800" | "neutral-gradient-100" | "neutral-gradient-200" | "neutral-gradient-300" | "neutral-gradient-400" | "neutral-gradient-500" | "neutral-gradient-600" | "neutral-gradient-700" | "neutral-gradient-800" | "base-gradient-100" | "base-gradient-200">;
-            gradientDirection: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"bg-gradient-to-t" | "bg-gradient-to-r" | "bg-gradient-to-b" | "bg-gradient-to-l" | "bg-gradient-to-tl" | "bg-gradient-to-tr" | "bg-gradient-to-br" | "bg-gradient-to-bl">>;
-        }>>;
-        itemSpacing: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        showIcons: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        iconSize: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"sm" | "md" | "lg">>;
-        showDates: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        datePosition: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"bottom" | "top" | "inline">>;
-        colorPreset: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
-            color: import("@sinclair/typebox").TUnsafe<"none" | "primary-50" | "primary-100" | "primary-200" | "primary-300" | "primary-400" | "primary-500" | "primary-600" | "primary-700" | "primary-800" | "primary-900" | "secondary-50" | "secondary-100" | "secondary-200" | "secondary-300" | "secondary-400" | "secondary-500" | "secondary-600" | "secondary-700" | "secondary-800" | "secondary-900" | "accent-50" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "base-100" | "base-200" | "base-300" | "primary-gradient-100" | "primary-gradient-200" | "primary-gradient-300" | "primary-gradient-400" | "primary-gradient-500" | "primary-gradient-600" | "primary-gradient-700" | "primary-gradient-800" | "secondary-gradient-100" | "secondary-gradient-200" | "secondary-gradient-300" | "secondary-gradient-400" | "secondary-gradient-500" | "secondary-gradient-600" | "secondary-gradient-700" | "secondary-gradient-800" | "accent-gradient-100" | "accent-gradient-200" | "accent-gradient-300" | "accent-gradient-400" | "accent-gradient-500" | "accent-gradient-600" | "accent-gradient-700" | "accent-gradient-800" | "neutral-gradient-100" | "neutral-gradient-200" | "neutral-gradient-300" | "neutral-gradient-400" | "neutral-gradient-500" | "neutral-gradient-600" | "neutral-gradient-700" | "neutral-gradient-800" | "base-gradient-100" | "base-gradient-200">;
-            gradientDirection: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"bg-gradient-to-t" | "bg-gradient-to-r" | "bg-gradient-to-b" | "bg-gradient-to-l" | "bg-gradient-to-tl" | "bg-gradient-to-tr" | "bg-gradient-to-br" | "bg-gradient-to-bl">>;
-        }>>;
-        padding: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        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">>;
-        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">>;
-        loop: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
-            over: import("@sinclair/typebox").TString;
-            overrideLimit: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
-        }>>;
-    }>;
-    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_typebox5564 from "@sinclair/typebox";
+import * as react_icons_lib21 from "react-icons/lib";
+
+//#region src/shared/bricks/manifests/timeline.manifest.d.ts
+declare const manifest: {
+  readonly icon: react_icons_lib21.IconType;
+  readonly props: _sinclair_typebox5564.TObject<{
+    lastTouched: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TNumber>;
+    hidden: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TObject<{
+      desktop: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TBoolean>;
+      mobile: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TBoolean>;
+    }>>;
+    editable: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TBoolean>;
+    width: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TString>;
+    height: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TString>;
+    grow: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TBoolean>;
+    alignSelf: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TUnsafe<"self-auto" | "self-start" | "self-center" | "self-end" | "self-stretch">>;
+  } & {
+    items: _sinclair_typebox5564.TArray<_sinclair_typebox5564.TObject<{
+      id: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TString>;
+      title: _sinclair_typebox5564.TString;
+      subtitle: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TString>;
+      description: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TString>;
+      date: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TString>;
+      icon: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TString>;
+      status: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TUnsafe<"completed" | "current" | "upcoming">>;
+    }>>;
+    $children: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TArray<_sinclair_typebox5564.TArray<_sinclair_typebox5564.TAny>>>;
+    layout: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TUnsafe<"left" | "right" | "alternating">>;
+    showConnector: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TBoolean>;
+    connectorColor: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TObject<{
+      color: _sinclair_typebox5564.TUnsafe<"primary-50" | "primary-100" | "primary-200" | "primary-300" | "primary-400" | "primary-500" | "primary-600" | "primary-700" | "primary-800" | "primary-900" | "secondary-50" | "secondary-100" | "secondary-200" | "secondary-300" | "secondary-400" | "secondary-500" | "secondary-600" | "secondary-700" | "secondary-800" | "secondary-900" | "accent-50" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "base-100" | "base-200" | "base-300" | "primary-gradient-100" | "primary-gradient-200" | "primary-gradient-300" | "primary-gradient-400" | "primary-gradient-500" | "primary-gradient-600" | "primary-gradient-700" | "primary-gradient-800" | "secondary-gradient-100" | "secondary-gradient-200" | "secondary-gradient-300" | "secondary-gradient-400" | "secondary-gradient-500" | "secondary-gradient-600" | "secondary-gradient-700" | "secondary-gradient-800" | "accent-gradient-100" | "accent-gradient-200" | "accent-gradient-300" | "accent-gradient-400" | "accent-gradient-500" | "accent-gradient-600" | "accent-gradient-700" | "accent-gradient-800" | "neutral-gradient-100" | "neutral-gradient-200" | "neutral-gradient-300" | "neutral-gradient-400" | "neutral-gradient-500" | "neutral-gradient-600" | "neutral-gradient-700" | "neutral-gradient-800" | "base-gradient-100" | "base-gradient-200" | "none">;
+      gradientDirection: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TUnsafe<"bg-gradient-to-t" | "bg-gradient-to-r" | "bg-gradient-to-b" | "bg-gradient-to-l" | "bg-gradient-to-tl" | "bg-gradient-to-tr" | "bg-gradient-to-br" | "bg-gradient-to-bl">>;
+    }>>;
+    itemSpacing: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TString>;
+    showIcons: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TBoolean>;
+    iconSize: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TUnsafe<"sm" | "md" | "lg">>;
+    showDates: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TBoolean>;
+    datePosition: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TUnsafe<"bottom" | "top" | "inline">>;
+    colorPreset: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TObject<{
+      color: _sinclair_typebox5564.TUnsafe<"primary-50" | "primary-100" | "primary-200" | "primary-300" | "primary-400" | "primary-500" | "primary-600" | "primary-700" | "primary-800" | "primary-900" | "secondary-50" | "secondary-100" | "secondary-200" | "secondary-300" | "secondary-400" | "secondary-500" | "secondary-600" | "secondary-700" | "secondary-800" | "secondary-900" | "accent-50" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "base-100" | "base-200" | "base-300" | "primary-gradient-100" | "primary-gradient-200" | "primary-gradient-300" | "primary-gradient-400" | "primary-gradient-500" | "primary-gradient-600" | "primary-gradient-700" | "primary-gradient-800" | "secondary-gradient-100" | "secondary-gradient-200" | "secondary-gradient-300" | "secondary-gradient-400" | "secondary-gradient-500" | "secondary-gradient-600" | "secondary-gradient-700" | "secondary-gradient-800" | "accent-gradient-100" | "accent-gradient-200" | "accent-gradient-300" | "accent-gradient-400" | "accent-gradient-500" | "accent-gradient-600" | "accent-gradient-700" | "accent-gradient-800" | "neutral-gradient-100" | "neutral-gradient-200" | "neutral-gradient-300" | "neutral-gradient-400" | "neutral-gradient-500" | "neutral-gradient-600" | "neutral-gradient-700" | "neutral-gradient-800" | "base-gradient-100" | "base-gradient-200" | "none">;
+      gradientDirection: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TUnsafe<"bg-gradient-to-t" | "bg-gradient-to-r" | "bg-gradient-to-b" | "bg-gradient-to-l" | "bg-gradient-to-tl" | "bg-gradient-to-tr" | "bg-gradient-to-br" | "bg-gradient-to-bl">>;
+    }>>;
+    padding: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TString>;
+    border: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TObject<{
+      width: _sinclair_typebox5564.TUnsafe<"border" | "border-0" | "border-2" | "border-4" | "border-8">;
+      color: _sinclair_typebox5564.TString;
+    }>>;
+    shadow: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TUnsafe<"shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl" | "shadow-2xl">>;
+    rounding: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TUnsafe<"rounded-md" | "rounded-auto" | "rounded-none" | "rounded-sm" | "rounded-lg" | "rounded-xl" | "rounded-2xl" | "rounded-full">>;
+    loop: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TObject<{
+      over: _sinclair_typebox5564.TString;
+      overrideLimit: _sinclair_typebox5564.TOptional<_sinclair_typebox5564.TNumber>;
+    }>>;
+  }>;
+  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=timeline.manifest.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"timeline.manifest.d.ts","sourceRoot":"","sources":["../../../../src/shared/bricks/manifests/timeline.manifest.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AA0C7C,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA1CE,CAAC;eACxB,CAAA;;;cAEO,CAAC;eAAqB,CAAC;;;cAEzB,CAAC;eACF,CAAC;;;cAC+C,CAAC;eACjD,CAAC;;;;;CAsKH,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC;AAEvC,eAAO,MAAM,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EA8P5C,CAAC"}
+{"version":3,"file":"timeline.manifest.d.ts","names":[],"sources":["../../../../src/shared/bricks/manifests/timeline.manifest.ts"],"sourcesContent":[],"mappings":";;;;;;cAoDa;iBAoIX,iBAAA,CAAA;;;;MApIW,OAoIX,iCAAA,gCAAA;MAAA,MAAA,iCAAA,gCAAA;IAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEU,OAAQ,CAAA,EAAA,MAAA;EAEP,CAAA;EA8PZ,SAAA,yBAAA,CAAA,EAAA,OAAA;WA9PmC,kBAAA,CAAA,EAAA,OAAA;WAAb,cAAA,CAAA,EAAA,MAAA;CAAY;KAFvB,QAAA,UAAkB;cAEjB,UAAU,aAAa"}

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

@@ -1,26 +1,403 @@
-/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+import { StringEnum } from "../../utils/string-enum.js";
+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 { colorPreset } from "../props/color-preset.js";
+import { loop } from "../props/dynamic.js";
+import { border, rounding } from "../props/border.js";
+import { Type } from "@sinclair/typebox";
+import { BsListCheck } from "react-icons/bs";
 
-import {
-  examples,
-  manifest
-} from "../../chunk-TBT2PTGB.js";
-import "../../chunk-SRYBJ6NQ.js";
-import "../../chunk-JSDKK5QN.js";
-import "../../chunk-VTCHJT4O.js";
-import "../../chunk-XXPSM6UA.js";
-import "../../chunk-OJ6KL7FU.js";
-import "../../chunk-XFZQGRRL.js";
-import "../../chunk-5RCC2STG.js";
-import "../../chunk-ZRBTAC3G.js";
-import "../../chunk-IEMCCHM4.js";
-import "../../chunk-EMF5TCPX.js";
-import "../../chunk-MO6CRLQA.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/timeline.manifest.ts
+const timelineItemSchema = Type.Object({
+	id: Type.Optional(Type.String({ title: "ID" })),
+	title: Type.String({
+		title: "Title",
+		description: "The main title or headline for this timeline item"
+	}),
+	subtitle: Type.Optional(Type.String({
+		title: "Subtitle",
+		description: "Optional subtitle or date for this timeline item"
+	})),
+	description: Type.Optional(Type.String({
+		title: "Description",
+		description: "Optional detailed description for this timeline item"
+	})),
+	date: Type.Optional(Type.String({
+		title: "Date",
+		description: "Date or time period for this timeline item"
+	})),
+	icon: Type.Optional(Type.String({
+		title: "Icon",
+		description: "Optional icon name from Iconify for this timeline item"
+	})),
+	status: Type.Optional(StringEnum([
+		"completed",
+		"current",
+		"upcoming"
+	], {
+		enumNames: [
+			"Completed",
+			"Current",
+			"Upcoming"
+		],
+		title: "Status",
+		description: "Timeline item status for visual styling"
+	}))
+});
+const manifest = defineBrickManifest({
+	type: "timeline",
+	category: "widgets",
+	name: "Timeline",
+	description: "A vertical timeline component to display chronological events, milestones, or processes with optional content for each item",
+	icon: BsListCheck,
+	consumesMultipleQueryRows: true,
+	props: defineProps({
+		items: Type.Array(timelineItemSchema, {
+			title: "Timeline Items",
+			description: "List of timeline items to display",
+			"ui:field": "array",
+			default: []
+		}),
+		$children: Type.Optional(Type.Array(Type.Array(Type.Any()), {
+			title: "Content",
+			description: "Optional content blocks for each timeline item. Each array corresponds to content for the timeline item at the same index.",
+			"ui:field": "hidden",
+			default: []
+		})),
+		layout: Type.Optional(StringEnum([
+			"left",
+			"right",
+			"alternating"
+		], {
+			enumNames: [
+				"Left",
+				"Right",
+				"Alternating"
+			],
+			title: "Layout",
+			description: "Timeline layout style",
+			default: "left"
+		})),
+		showConnector: Type.Optional(Type.Boolean({
+			title: "Show Connector Line",
+			description: "Whether to show the connecting line between timeline items",
+			default: true
+		})),
+		connectorColor: Type.Optional(colorPreset({
+			title: "Connector Color",
+			description: "Color of the timeline connector line"
+		})),
+		itemSpacing: Type.Optional(cssLength({
+			title: "Item Spacing",
+			description: "Vertical spacing between timeline items",
+			default: "2rem"
+		})),
+		showIcons: Type.Optional(Type.Boolean({
+			title: "Show Icons",
+			description: "Whether to display icons for timeline items",
+			default: true
+		})),
+		iconSize: Type.Optional(StringEnum([
+			"sm",
+			"md",
+			"lg"
+		], {
+			enumNames: [
+				"Small",
+				"Medium",
+				"Large"
+			],
+			title: "Icon Size",
+			description: "Size of timeline item icons",
+			default: "md"
+		})),
+		showDates: Type.Optional(Type.Boolean({
+			title: "Show Dates",
+			description: "Whether to display dates for timeline items",
+			default: true
+		})),
+		datePosition: Type.Optional(StringEnum([
+			"top",
+			"bottom",
+			"inline"
+		], {
+			enumNames: [
+				"Top",
+				"Bottom",
+				"Inline"
+			],
+			title: "Date Position",
+			description: "Position of dates relative to content",
+			default: "top"
+		})),
+		colorPreset: Type.Optional(colorPreset({
+			title: "Color Preset",
+			description: "Color theme for the timeline"
+		})),
+		padding: Type.Optional(cssLength({
+			title: "Padding",
+			description: "Internal padding for the timeline container"
+		})),
+		border: Type.Optional(border({
+			title: "Border",
+			description: "Border styling for the timeline container"
+		})),
+		shadow: Type.Optional(shadow({
+			title: "Shadow",
+			description: "Shadow effect for the timeline container"
+		})),
+		rounding: Type.Optional(rounding({
+			title: "Rounding",
+			description: "Corner rounding for the timeline container"
+		})),
+		loop: Type.Optional(loop())
+	})
+});
+const examples = [
+	{
+		description: "Basic timeline with milestones",
+		type: "timeline",
+		props: {
+			items: [
+				{
+					id: "start",
+					title: "Project Kickoff",
+					subtitle: "Planning Phase",
+					date: "January 2024",
+					description: "Initial project planning and team assembly",
+					status: "completed"
+				},
+				{
+					id: "development",
+					title: "Development Phase",
+					subtitle: "Building the Product",
+					date: "February - April 2024",
+					description: "Core development and feature implementation",
+					status: "completed"
+				},
+				{
+					id: "testing",
+					title: "Testing & QA",
+					subtitle: "Quality Assurance",
+					date: "May 2024",
+					description: "Comprehensive testing and bug fixes",
+					status: "current"
+				},
+				{
+					id: "launch",
+					title: "Product Launch",
+					subtitle: "Go Live",
+					date: "June 2024",
+					description: "Official product release and marketing campaign",
+					status: "upcoming"
+				}
+			],
+			layout: "left",
+			showConnector: true,
+			showIcons: true,
+			showDates: true
+		}
+	},
+	{
+		description: "Alternating timeline with custom colors",
+		type: "timeline",
+		props: {
+			items: [
+				{
+					title: "Company Founded",
+					date: "2020",
+					description: "Started with a vision to change the industry"
+				},
+				{
+					title: "First Product Launch",
+					date: "2021",
+					description: "Released our flagship product to market"
+				},
+				{
+					title: "Series A Funding",
+					date: "2022",
+					description: "Raised $10M to accelerate growth"
+				},
+				{
+					title: "International Expansion",
+					date: "2023",
+					description: "Opened offices in Europe and Asia"
+				}
+			],
+			layout: "alternating",
+			colorPreset: { color: "primary-500" },
+			connectorColor: { color: "primary-300" },
+			itemSpacing: "3rem"
+		}
+	},
+	{
+		description: "Timeline with content blocks",
+		type: "timeline",
+		props: {
+			items: [{
+				title: "Research Phase",
+				date: "Q1 2024",
+				description: "Market research and user interviews"
+			}, {
+				title: "Design Phase",
+				date: "Q2 2024",
+				description: "UI/UX design and prototyping"
+			}],
+			$children: [[{
+				id: "research-chart",
+				type: "text",
+				props: { content: "Research findings and insights will be displayed here." }
+			}], [{
+				id: "design-mockups",
+				type: "text",
+				props: { content: "Design mockups and prototypes will be shown here." }
+			}]]
+		}
+	},
+	{
+		description: "Compact timeline without dates",
+		type: "timeline",
+		props: {
+			items: [
+				{
+					title: "Initialize Project",
+					description: "Set up repository and development environment"
+				},
+				{
+					title: "Implement Core Features",
+					description: "Build the main functionality"
+				},
+				{
+					title: "Add Tests",
+					description: "Write unit and integration tests"
+				},
+				{
+					title: "Deploy to Production",
+					description: "Release to production environment"
+				}
+			],
+			layout: "left",
+			showDates: false,
+			showIcons: false,
+			itemSpacing: "1.5rem",
+			padding: "1rem"
+		}
+	},
+	{
+		description: "Timeline with custom icons",
+		type: "timeline",
+		props: {
+			items: [
+				{
+					title: "Planning",
+					icon: "mdi:calendar-check",
+					date: "Week 1",
+					status: "completed"
+				},
+				{
+					title: "Development",
+					icon: "mdi:code-braces",
+					date: "Week 2-4",
+					status: "completed"
+				},
+				{
+					title: "Testing",
+					icon: "mdi:test-tube",
+					date: "Week 5",
+					status: "current"
+				},
+				{
+					title: "Deployment",
+					icon: "mdi:rocket-launch",
+					date: "Week 6",
+					status: "upcoming"
+				}
+			],
+			iconSize: "lg",
+			datePosition: "bottom"
+		}
+	},
+	{
+		description: "Right-aligned timeline",
+		type: "timeline",
+		props: {
+			items: [
+				{
+					title: "User Registration Opens",
+					date: "March 1st",
+					description: "Early bird registration begins"
+				},
+				{
+					title: "Speaker Announcements",
+					date: "March 15th",
+					description: "Keynote speakers revealed"
+				},
+				{
+					title: "Conference Day",
+					date: "April 1st",
+					description: "The main event begins"
+				}
+			],
+			layout: "right",
+			colorPreset: { color: "secondary-500" },
+			border: {
+				width: "border",
+				color: "secondary-200"
+			},
+			rounding: "rounded-lg",
+			padding: "2rem"
+		}
+	},
+	{
+		description: "Timeline with loop data",
+		type: "timeline",
+		props: {
+			items: [],
+			loop: { over: "milestones" },
+			layout: "alternating",
+			showConnector: true
+		}
+	},
+	{
+		description: "Styled timeline with shadows",
+		type: "timeline",
+		props: {
+			items: [
+				{
+					title: "Design System",
+					subtitle: "Foundation",
+					date: "Phase 1",
+					description: "Establish design tokens and component library"
+				},
+				{
+					title: "Component Development",
+					subtitle: "Implementation",
+					date: "Phase 2",
+					description: "Build reusable React components"
+				},
+				{
+					title: "Documentation",
+					subtitle: "Guidelines",
+					date: "Phase 3",
+					description: "Create comprehensive usage documentation"
+				}
+			],
+			colorPreset: { color: "secondary-500" },
+			shadow: "shadow-lg",
+			border: {
+				width: "border",
+				color: "purple-200"
+			},
+			rounding: "rounded-xl",
+			padding: "2.5rem",
+			itemSpacing: "2.5rem",
+			connectorColor: { color: "secondary-300" }
+		}
+	}
+];
+
+//#endregion
+export { examples, manifest };
 //# sourceMappingURL=timeline.manifest.js.map