@upstart.gg/sdk 0.0.137 → 0.0.139

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

@@ -1,90 +1,99 @@
-import { type TObject } from "@sinclair/typebox";
-import type { BrickExample } from "./_types";
-export declare const manifest: {
-    readonly icon: import("react-icons/lib").IconType;
-    readonly props: TObject<{
-        lastTouched: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
-        hidden: import("@sinclair/typebox").TOptional<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">>;
-    } & {
-        colorPreset: import("@sinclair/typebox").TOptional<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">>;
-        }>>;
-        border: import("@sinclair/typebox").TOptional<TObject<{
-            width: import("@sinclair/typebox").TUnsafe<"border" | "border-0" | "border-2" | "border-4" | "border-8">;
-            color: import("@sinclair/typebox").TString;
-        }>>;
-        fontSize: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"inherit" | "text-xs" | "text-sm" | "text-base" | "text-lg" | "text-xl">>;
-        padding: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        gap: import("@sinclair/typebox").TOptional<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">>;
-        loop: import("@sinclair/typebox").TOptional<TObject<{
-            over: import("@sinclair/typebox").TString;
-            overrideLimit: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
-        }>>;
-        testimonials: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<TObject<{
-            text: import("@sinclair/typebox").TString;
-            author: import("@sinclair/typebox").TString;
-            company: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-            avatar: import("@sinclair/typebox").TOptional<TObject<{
-                src: import("@sinclair/typebox").TString;
-                alt: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-                fit: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"object-none" | "object-contain" | "object-cover" | "object-fill" | "object-scale-down">>;
-                position: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"object-top" | "object-center" | "object-bottom" | "object-left" | "object-right" | "object-top-left" | "object-top-right" | "object-bottom-left" | "object-bottom-right">>;
-            }>>;
-            socialIcon: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        }>>>;
-    }>;
-    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_typebox5401 from "@sinclair/typebox";
+import { TObject } from "@sinclair/typebox";
+import * as react_icons_lib17 from "react-icons/lib";
+
+//#region src/shared/bricks/manifests/testimonials.manifest.d.ts
+declare const manifest: {
+  readonly icon: react_icons_lib17.IconType;
+  readonly props: TObject<{
+    lastTouched: _sinclair_typebox5401.TOptional<_sinclair_typebox5401.TNumber>;
+    hidden: _sinclair_typebox5401.TOptional<TObject<{
+      desktop: _sinclair_typebox5401.TOptional<_sinclair_typebox5401.TBoolean>;
+      mobile: _sinclair_typebox5401.TOptional<_sinclair_typebox5401.TBoolean>;
+    }>>;
+    editable: _sinclair_typebox5401.TOptional<_sinclair_typebox5401.TBoolean>;
+    width: _sinclair_typebox5401.TOptional<_sinclair_typebox5401.TString>;
+    height: _sinclair_typebox5401.TOptional<_sinclair_typebox5401.TString>;
+    grow: _sinclair_typebox5401.TOptional<_sinclair_typebox5401.TBoolean>;
+    alignSelf: _sinclair_typebox5401.TOptional<_sinclair_typebox5401.TUnsafe<"self-auto" | "self-start" | "self-center" | "self-end" | "self-stretch">>;
+  } & {
+    colorPreset: _sinclair_typebox5401.TOptional<TObject<{
+      color: _sinclair_typebox5401.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_typebox5401.TOptional<_sinclair_typebox5401.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">>;
+    }>>;
+    border: _sinclair_typebox5401.TOptional<TObject<{
+      width: _sinclair_typebox5401.TUnsafe<"border" | "border-0" | "border-2" | "border-4" | "border-8">;
+      color: _sinclair_typebox5401.TString;
+    }>>;
+    fontSize: _sinclair_typebox5401.TOptional<_sinclair_typebox5401.TUnsafe<"text-sm" | "inherit" | "text-xs" | "text-base" | "text-lg" | "text-xl">>;
+    padding: _sinclair_typebox5401.TOptional<_sinclair_typebox5401.TString>;
+    gap: _sinclair_typebox5401.TOptional<_sinclair_typebox5401.TString>;
+    shadow: _sinclair_typebox5401.TOptional<_sinclair_typebox5401.TUnsafe<"shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl" | "shadow-2xl">>;
+    loop: _sinclair_typebox5401.TOptional<TObject<{
+      over: _sinclair_typebox5401.TString;
+      overrideLimit: _sinclair_typebox5401.TOptional<_sinclair_typebox5401.TNumber>;
+    }>>;
+    grow: _sinclair_typebox5401.TOptional<_sinclair_typebox5401.TBoolean>;
+    testimonials: _sinclair_typebox5401.TOptional<_sinclair_typebox5401.TArray<TObject<{
+      text: _sinclair_typebox5401.TString;
+      author: _sinclair_typebox5401.TString;
+      subtitle: _sinclair_typebox5401.TOptional<_sinclair_typebox5401.TString>;
+      avatar: _sinclair_typebox5401.TOptional<TObject<{
+        src: _sinclair_typebox5401.TString;
+        alt: _sinclair_typebox5401.TOptional<_sinclair_typebox5401.TString>;
+        aspectRatio: _sinclair_typebox5401.TOptional<_sinclair_typebox5401.TUnsafe<"auto" | "1:1" | "4:3" | "3:4" | "16:9" | "9:16" | "2:3" | "3:2" | "5:4" | "4:5" | "21:9" | "9:21" | "original">>;
+        fit: _sinclair_typebox5401.TOptional<_sinclair_typebox5401.TUnsafe<"object-none" | "object-contain" | "object-cover" | "object-fill" | "object-scale-down">>;
+        position: _sinclair_typebox5401.TOptional<_sinclair_typebox5401.TUnsafe<"object-top" | "object-center" | "object-bottom" | "object-left" | "object-right" | "object-top-left" | "object-top-right" | "object-bottom-left" | "object-bottom-right">>;
+      }>>;
+      socialIcon: _sinclair_typebox5401.TOptional<_sinclair_typebox5401.TString>;
+    }>>>;
+  }>;
+  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=testimonials.manifest.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"testimonials.manifest.d.ts","sourceRoot":"","sources":["../../../../src/shared/bricks/manifests/testimonials.manifest.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,OAAO,EAAQ,MAAM,mBAAmB,CAAC;AAapE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cANiB,CAAC;eAC5B,CAAC;;;cACwB,CAAC;eACrB,CAAC;;;cACwB,CAAC;eAE1B,CAAC;;;cAEH,CAAC;eACH,CAAC;;;;;CAoHX,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC;AAEvC,eAAO,MAAM,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAmV5C,CAAC"}
+{"version":3,"file":"testimonials.manifest.d.ts","names":[],"sources":["../../../../src/shared/bricks/manifests/testimonials.manifest.ts"],"sourcesContent":[],"mappings":";;;;;;;cAgBa;iBAuIX,iBAAA,CAAA;;;;MAvIW,OAuIX,iCAAA,gCAAA;MAAA,MAAA,iCAAA,gCAAA;IAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEU,OAAQ,CAAA,EAAA,MAAA;EAEP,CAAA;EA4HZ,SAAA,SAAA,CAAA,EAAA;IA5HmC,MAAA,CAAA,EAAA,MAAA;IAAb,OAAA,CAAA,EAAA,MAAA;EAAY,CAAA;;;;;;;;;KAFvB,QAAA,UAAkB;cAEjB,UAAU,aAAa"}

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

@@ -1,29 +1,225 @@
-/*! 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 { grow } from "../props/grow.js";
+import { defineProps } from "../props/helpers.js";
+import { icon } from "../props/string.js";
+import { image } from "../props/image.js";
+import { fontSize } from "../props/text.js";
+import { shadow } from "../props/effects.js";
+import { colorPreset } from "../props/color-preset.js";
+import { loop } from "../props/dynamic.js";
+import { border } from "../props/border.js";
+import { Type } from "@sinclair/typebox";
+import { HiOutlineChatBubbleBottomCenter } from "react-icons/hi2";
 
-import {
-  examples,
-  manifest
-} from "../../chunk-O24RDXZS.js";
-import "../../chunk-SRYBJ6NQ.js";
-import "../../chunk-JSDKK5QN.js";
-import "../../chunk-VTCHJT4O.js";
-import "../../chunk-2U5U3CCJ.js";
-import "../../chunk-DRQKKPTX.js";
-import "../../chunk-SQXZNGQF.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/testimonials.manifest.ts
+const manifest = defineBrickManifest({
+	type: "testimonials",
+	name: "Testimonials",
+	description: "Display a list of testimonials from users",
+	defaultWidth: { desktop: "100%" },
+	icon: HiOutlineChatBubbleBottomCenter,
+	consumesMultipleQueryRows: true,
+	aiInstructions: `This brick displays a list of testimonials with optional avatars and social icons.
+It is typically used to showcase customer feedback or endorsements.
+It can directly consume data from a page query to populate the testimonials dynamically.
+Optionally either use an avatar or a social icon but not both at the same time.`,
+	props: defineProps({
+		colorPreset: Type.Optional(colorPreset({
+			title: "Color",
+			default: "base-100"
+		})),
+		border: Type.Optional(border({
+			title: "Border",
+			description: "Customize the border of the testimonial cards.",
+			default: {
+				width: "border",
+				color: "border-accent-500"
+			}
+		})),
+		fontSize: Type.Optional(fontSize({ "ui:no-extra-large-sizes": true })),
+		padding: Type.Optional(cssLength({
+			default: "1rem",
+			description: "Padding inside the main container.",
+			"ai:instructions": "Use only a single value like '1rem' or '10px'",
+			title: "Padding",
+			"ui:responsive": true,
+			"ui:placeholder": "Not specified",
+			"ui:styleId": "styles:padding"
+		})),
+		gap: Type.Optional(cssLength({
+			title: "Gap",
+			default: "26px",
+			description: "Space between bricks.",
+			"ai:instructions": "Can be a tailwind gap class like 'gap-1' or 'gap-2', or a custom value like '10px'",
+			"ui:placeholder": "Not specified",
+			"ui:styleId": "styles:gap"
+		})),
+		shadow: Type.Optional(shadow()),
+		loop: Type.Optional(loop({
+			description: "If enabled, each row from the query result will be used to create a testimonial. Otherwise, the testimonials will be static.",
+			"ui:placeholder": "Not specified (static)"
+		})),
+		grow: Type.Optional(grow({ default: true })),
+		testimonials: Type.Optional(Type.Array(Type.Object({
+			text: Type.String({
+				title: "Text",
+				default: "Amazing product!",
+				description: "The testimonial text",
+				"ui:multiline": true,
+				"ui:textarea-class": "h-20"
+			}),
+			author: Type.String({
+				title: "Author",
+				description: "Name of the person giving the testimonial",
+				default: "John Doe"
+			}),
+			subtitle: Type.Optional(Type.String({
+				title: "Subtitle",
+				description: "Subtitle, can be a company, social handle, job title, etc"
+			})),
+			avatar: Type.Optional(image({
+				title: "Avatar",
+				"ui:placeholder": "https://via.placeholder.com/80x80.png?text=JD",
+				noObjectOptions: true
+			})),
+			socialIcon: Type.Optional(icon())
+		}), {
+			title: "Testimonials",
+			default: [],
+			"ui:displayField": "author",
+			"ui:options": {
+				orderable: true,
+				removable: true,
+				addable: true
+			},
+			metadata: {
+				category: "content",
+				consumeQuery: true
+			},
+			examples: [{
+				text: "This is a great product! It has changed my life.",
+				author: "John Doe",
+				company: "Acme Inc.",
+				avatar: {
+					src: "https://via.placeholder.com/80x80.png?text=JD",
+					alt: "John Doe profile photo"
+				},
+				socialIcon: "mdi:linkedin"
+			}]
+		}))
+	}, { default: { orientation: "horizontal" } })
+});
+const examples = [
+	{
+		description: "SaaS platform testimonials with avatars (static content)",
+		type: "testimonials",
+		props: { testimonials: [
+			{
+				author: "Sarah Johnson",
+				subtitle: "TechCorp Solutions",
+				text: "This platform has completely transformed how we manage our projects. The intuitive interface and powerful automation features have saved us countless hours.",
+				avatar: {
+					src: "https://via.placeholder.com/80x80.png?text=SJ",
+					alt: "Sarah Johnson profile photo"
+				},
+				socialIcon: "mdi:linkedin"
+			},
+			{
+				author: "Mike Chen",
+				subtitle: "StartupFlow",
+				text: "Outstanding customer support and regular feature updates. We've been using this for over a year and it keeps getting better. Highly recommend!",
+				avatar: {
+					src: "https://via.placeholder.com/80x80.png?text=MC",
+					alt: "Mike Chen profile photo"
+				},
+				socialIcon: "mdi:twitter"
+			},
+			{
+				author: "Emily Rodriguez",
+				subtitle: "Digital Agency Pro",
+				text: "The automation capabilities are game-changing. What used to take us days now happens automatically. It's like having an extra team member.",
+				avatar: {
+					src: "https://via.placeholder.com/80x80.png?text=ER",
+					alt: "Emily Rodriguez profile photo"
+				},
+				socialIcon: "mdi:linkedin"
+			}
+		] }
+	},
+	{
+		description: "Simple testimonials without avatars (static content)",
+		type: "testimonials",
+		props: { testimonials: [
+			{
+				author: "Anonymous User",
+				text: "Great service and excellent value for money. Would definitely recommend to others looking for a reliable solution.",
+				socialIcon: "mdi:account-circle"
+			},
+			{
+				author: "Verified Customer",
+				text: "Quick delivery and exactly as described. Very satisfied with my purchase and the overall experience.",
+				socialIcon: "mdi:check-circle"
+			},
+			{
+				author: "Beta Tester",
+				text: "Been using the beta version and it's already impressive. Looking forward to the full release with even more features.",
+				socialIcon: "mdi:beta"
+			}
+		] }
+	},
+	{
+		description: "Dynamic customer testimonials using customerReviews query",
+		type: "testimonials",
+		props: {
+			testimonials: [{
+				author: "{{customerReviews.customerName}}",
+				subtitle: "{{customerReviews.company}}",
+				text: "{{customerReviews.reviewText}}",
+				avatar: {
+					src: "{{customerReviews.customerPhoto}}",
+					alt: "{{customerReviews.customerName}} photo"
+				},
+				socialIcon: "{{customerReviews.socialPlatform}}"
+			}],
+			loop: { over: "customerReviews" }
+		}
+	},
+	{
+		description: "Dynamic client testimonials using clientFeedback query",
+		type: "testimonials",
+		props: {
+			testimonials: [{
+				author: "{{clientFeedback.clientName}}",
+				subtitle: "{{clientFeedback.companyName}} - {{clientFeedback.position}}",
+				text: "{{clientFeedback.testimonial}}",
+				avatar: {
+					src: "{{clientFeedback.headshot}}",
+					alt: "{{clientFeedback.clientName}} headshot"
+				},
+				socialIcon: "{{clientFeedback.preferredIcon}}"
+			}],
+			loop: { over: "clientFeedback" }
+		}
+	},
+	{
+		description: "Dynamic product reviews using productReviews query",
+		type: "testimonials",
+		props: {
+			testimonials: [{
+				author: "{{productReviews.reviewerName}}",
+				text: "{{productReviews.review}} - {{productReviews.rating}}/5 stars",
+				avatar: {
+					src: "{{productReviews.userAvatar}}",
+					alt: "{{productReviews.reviewerName}} profile"
+				},
+				socialIcon: "mdi:star"
+			}],
+			loop: { over: "productReviews" }
+		}
+	}
+];
+
+//#endregion
+export { examples, manifest };
 //# sourceMappingURL=testimonials.manifest.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"testimonials.manifest.js","names":["examples: BrickExample<Manifest>[]"],"sources":["../../../../src/shared/bricks/manifests/testimonials.manifest.ts"],"sourcesContent":["import { type Static, type TObject, Type } from \"@sinclair/typebox\";\nimport { HiOutlineChatBubbleBottomCenter } from \"react-icons/hi2\";\nimport { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { image } from \"../props/image\";\nimport { icon } from \"../props/string\";\nimport type { BrickProps } from \"../props/types\";\nimport { fontSize } from \"../props/text\";\nimport { colorPreset } from \"../props/color-preset\";\nimport { cssLength } from \"../props/css-length\";\nimport { loop } from \"../props/dynamic\";\nimport { border } from \"../props/border\";\nimport { shadow } from \"../props/effects\";\nimport type { BrickExample } from \"./_types\";\nimport { grow } from \"../props/grow\";\n\nexport const manifest = defineBrickManifest({\n  type: \"testimonials\",\n  name: \"Testimonials\",\n  description: \"Display a list of testimonials from users\",\n  defaultWidth: { desktop: \"100%\" },\n  icon: HiOutlineChatBubbleBottomCenter,\n  consumesMultipleQueryRows: true,\n  aiInstructions: `This brick displays a list of testimonials with optional avatars and social icons.\nIt is typically used to showcase customer feedback or endorsements.\nIt can directly consume data from a page query to populate the testimonials dynamically.\nOptionally either use an avatar or a social icon but not both at the same time.`,\n  props: defineProps(\n    {\n      colorPreset: Type.Optional(\n        colorPreset({\n          title: \"Color\",\n          default: \"base-100\",\n        }),\n      ),\n      border: Type.Optional(\n        border({\n          title: \"Border\",\n          description: \"Customize the border of the testimonial cards.\",\n          default: {\n            width: \"border\",\n            color: \"border-accent-500\",\n          },\n        }),\n      ),\n      fontSize: Type.Optional(\n        fontSize({\n          \"ui:no-extra-large-sizes\": true,\n        }),\n      ),\n      padding: Type.Optional(\n        cssLength({\n          default: \"1rem\",\n          description: \"Padding inside the main container.\",\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      gap: Type.Optional(\n        cssLength({\n          title: \"Gap\",\n          default: \"26px\",\n          description: \"Space between bricks.\",\n          \"ai:instructions\":\n            \"Can be a tailwind gap class like 'gap-1' or 'gap-2', or a custom value like '10px'\",\n          \"ui:placeholder\": \"Not specified\",\n          \"ui:styleId\": \"styles:gap\",\n        }),\n      ),\n      shadow: Type.Optional(shadow()),\n      loop: Type.Optional(\n        loop({\n          // title: \"Use dynamic content\",\n          description:\n            \"If enabled, each row from the query result will be used to create a testimonial. Otherwise, the testimonials will be static.\",\n          \"ui:placeholder\": \"Not specified (static)\",\n        }),\n      ),\n      grow: Type.Optional(\n        grow({\n          default: true,\n        }),\n      ),\n      testimonials: Type.Optional(\n        Type.Array(\n          Type.Object({\n            text: Type.String({\n              title: \"Text\",\n              default: \"Amazing product!\",\n              description: \"The testimonial text\",\n              \"ui:multiline\": true,\n              \"ui:textarea-class\": \"h-20\",\n            }),\n            author: Type.String({\n              title: \"Author\",\n              description: \"Name of the person giving the testimonial\",\n              default: \"John Doe\",\n            }),\n            subtitle: Type.Optional(\n              Type.String({\n                title: \"Subtitle\",\n                description: \"Subtitle, can be a company, social handle, job title, etc\",\n              }),\n            ),\n            avatar: Type.Optional(\n              image({\n                title: \"Avatar\",\n                \"ui:placeholder\": \"https://via.placeholder.com/80x80.png?text=JD\",\n                noObjectOptions: true,\n              }),\n            ),\n            socialIcon: Type.Optional(icon()),\n          }),\n          {\n            title: \"Testimonials\",\n            default: [], // Empty array by default\n            \"ui:displayField\": \"author\", // Affiche le nom de l'auteur dans la vue compacte\n            \"ui:options\": {\n              orderable: true, // Enable drag & drop reordering\n              removable: true, // Enable delete button\n              addable: true, // Enable add button\n            },\n            metadata: {\n              category: \"content\",\n              consumeQuery: true,\n            },\n            examples: [\n              {\n                text: \"This is a great product! It has changed my life.\",\n                author: \"John Doe\",\n                company: \"Acme Inc.\",\n                avatar: {\n                  src: \"https://via.placeholder.com/80x80.png?text=JD\",\n                  alt: \"John Doe profile photo\",\n                },\n                socialIcon: \"mdi:linkedin\",\n              },\n            ],\n          },\n        ),\n      ),\n    },\n    {\n      default: {\n        orientation: \"horizontal\",\n      },\n    },\n  ),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  {\n    description: \"SaaS platform testimonials with avatars (static content)\",\n    type: \"testimonials\",\n    props: {\n      testimonials: [\n        {\n          author: \"Sarah Johnson\",\n          subtitle: \"TechCorp Solutions\",\n          text: \"This platform has completely transformed how we manage our projects. The intuitive interface and powerful automation features have saved us countless hours.\",\n          avatar: {\n            src: \"https://via.placeholder.com/80x80.png?text=SJ\",\n            alt: \"Sarah Johnson profile photo\",\n          },\n          socialIcon: \"mdi:linkedin\",\n        },\n        {\n          author: \"Mike Chen\",\n          subtitle: \"StartupFlow\",\n          text: \"Outstanding customer support and regular feature updates. We've been using this for over a year and it keeps getting better. Highly recommend!\",\n          avatar: {\n            src: \"https://via.placeholder.com/80x80.png?text=MC\",\n            alt: \"Mike Chen profile photo\",\n          },\n          socialIcon: \"mdi:twitter\",\n        },\n        {\n          author: \"Emily Rodriguez\",\n          subtitle: \"Digital Agency Pro\",\n          text: \"The automation capabilities are game-changing. What used to take us days now happens automatically. It's like having an extra team member.\",\n          avatar: {\n            src: \"https://via.placeholder.com/80x80.png?text=ER\",\n            alt: \"Emily Rodriguez profile photo\",\n          },\n          socialIcon: \"mdi:linkedin\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Simple testimonials without avatars (static content)\",\n    type: \"testimonials\",\n    props: {\n      testimonials: [\n        {\n          author: \"Anonymous User\",\n          text: \"Great service and excellent value for money. Would definitely recommend to others looking for a reliable solution.\",\n          socialIcon: \"mdi:account-circle\",\n        },\n        {\n          author: \"Verified Customer\",\n          text: \"Quick delivery and exactly as described. Very satisfied with my purchase and the overall experience.\",\n          socialIcon: \"mdi:check-circle\",\n        },\n        {\n          author: \"Beta Tester\",\n          text: \"Been using the beta version and it's already impressive. Looking forward to the full release with even more features.\",\n          socialIcon: \"mdi:beta\",\n        },\n      ],\n    },\n  },\n  {\n    description: \"Dynamic customer testimonials using customerReviews query\",\n    type: \"testimonials\",\n    props: {\n      testimonials: [\n        {\n          author: \"{{customerReviews.customerName}}\",\n          subtitle: \"{{customerReviews.company}}\",\n          text: \"{{customerReviews.reviewText}}\",\n          avatar: {\n            src: \"{{customerReviews.customerPhoto}}\",\n            alt: \"{{customerReviews.customerName}} photo\",\n          },\n          socialIcon: \"{{customerReviews.socialPlatform}}\",\n        },\n      ],\n      loop: {\n        over: \"customerReviews\",\n      },\n    },\n  },\n  {\n    description: \"Dynamic client testimonials using clientFeedback query\",\n    type: \"testimonials\",\n    props: {\n      testimonials: [\n        {\n          author: \"{{clientFeedback.clientName}}\",\n          subtitle: \"{{clientFeedback.companyName}} - {{clientFeedback.position}}\",\n          text: \"{{clientFeedback.testimonial}}\",\n          avatar: {\n            src: \"{{clientFeedback.headshot}}\",\n            alt: \"{{clientFeedback.clientName}} headshot\",\n          },\n          socialIcon: \"{{clientFeedback.preferredIcon}}\",\n        },\n      ],\n      loop: {\n        over: \"clientFeedback\",\n      },\n    },\n  },\n  {\n    description: \"Dynamic product reviews using productReviews query\",\n    type: \"testimonials\",\n    props: {\n      testimonials: [\n        {\n          author: \"{{productReviews.reviewerName}}\",\n          text: \"{{productReviews.review}} - {{productReviews.rating}}/5 stars\",\n          avatar: {\n            src: \"{{productReviews.userAvatar}}\",\n            alt: \"{{productReviews.reviewerName}} profile\",\n          },\n          socialIcon: \"mdi:star\",\n        },\n      ],\n      loop: {\n        over: \"productReviews\",\n      },\n    },\n  },\n];\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAa,WAAW,oBAAoB;CAC1C,MAAM;CACN,MAAM;CACN,aAAa;CACb,cAAc,EAAE,SAAS,QAAQ;CACjC,MAAM;CACN,2BAA2B;CAC3B,gBAAgB;;;;CAIhB,OAAO,YACL;EACE,aAAa,KAAK,SAChB,YAAY;GACV,OAAO;GACP,SAAS;GACV,CAAC,CACH;EACD,QAAQ,KAAK,SACX,OAAO;GACL,OAAO;GACP,aAAa;GACb,SAAS;IACP,OAAO;IACP,OAAO;IACR;GACF,CAAC,CACH;EACD,UAAU,KAAK,SACb,SAAS,EACP,2BAA2B,MAC5B,CAAC,CACH;EACD,SAAS,KAAK,SACZ,UAAU;GACR,SAAS;GACT,aAAa;GACb,mBAAmB;GACnB,OAAO;GACP,iBAAiB;GACjB,kBAAkB;GAClB,cAAc;GACf,CAAC,CACH;EACD,KAAK,KAAK,SACR,UAAU;GACR,OAAO;GACP,SAAS;GACT,aAAa;GACb,mBACE;GACF,kBAAkB;GAClB,cAAc;GACf,CAAC,CACH;EACD,QAAQ,KAAK,SAAS,QAAQ,CAAC;EAC/B,MAAM,KAAK,SACT,KAAK;GAEH,aACE;GACF,kBAAkB;GACnB,CAAC,CACH;EACD,MAAM,KAAK,SACT,KAAK,EACH,SAAS,MACV,CAAC,CACH;EACD,cAAc,KAAK,SACjB,KAAK,MACH,KAAK,OAAO;GACV,MAAM,KAAK,OAAO;IAChB,OAAO;IACP,SAAS;IACT,aAAa;IACb,gBAAgB;IAChB,qBAAqB;IACtB,CAAC;GACF,QAAQ,KAAK,OAAO;IAClB,OAAO;IACP,aAAa;IACb,SAAS;IACV,CAAC;GACF,UAAU,KAAK,SACb,KAAK,OAAO;IACV,OAAO;IACP,aAAa;IACd,CAAC,CACH;GACD,QAAQ,KAAK,SACX,MAAM;IACJ,OAAO;IACP,kBAAkB;IAClB,iBAAiB;IAClB,CAAC,CACH;GACD,YAAY,KAAK,SAAS,MAAM,CAAC;GAClC,CAAC,EACF;GACE,OAAO;GACP,SAAS,EAAE;GACX,mBAAmB;GACnB,cAAc;IACZ,WAAW;IACX,WAAW;IACX,SAAS;IACV;GACD,UAAU;IACR,UAAU;IACV,cAAc;IACf;GACD,UAAU,CACR;IACE,MAAM;IACN,QAAQ;IACR,SAAS;IACT,QAAQ;KACN,KAAK;KACL,KAAK;KACN;IACD,YAAY;IACb,CACF;GACF,CACF,CACF;EACF,EACD,EACE,SAAS,EACP,aAAa,cACd,EACF,CACF;CACF,CAAC;AAIF,MAAaA,WAAqC;CAChD;EACE,aAAa;EACb,MAAM;EACN,OAAO,EACL,cAAc;GACZ;IACE,QAAQ;IACR,UAAU;IACV,MAAM;IACN,QAAQ;KACN,KAAK;KACL,KAAK;KACN;IACD,YAAY;IACb;GACD;IACE,QAAQ;IACR,UAAU;IACV,MAAM;IACN,QAAQ;KACN,KAAK;KACL,KAAK;KACN;IACD,YAAY;IACb;GACD;IACE,QAAQ;IACR,UAAU;IACV,MAAM;IACN,QAAQ;KACN,KAAK;KACL,KAAK;KACN;IACD,YAAY;IACb;GACF,EACF;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO,EACL,cAAc;GACZ;IACE,QAAQ;IACR,MAAM;IACN,YAAY;IACb;GACD;IACE,QAAQ;IACR,MAAM;IACN,YAAY;IACb;GACD;IACE,QAAQ;IACR,MAAM;IACN,YAAY;IACb;GACF,EACF;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,cAAc,CACZ;IACE,QAAQ;IACR,UAAU;IACV,MAAM;IACN,QAAQ;KACN,KAAK;KACL,KAAK;KACN;IACD,YAAY;IACb,CACF;GACD,MAAM,EACJ,MAAM,mBACP;GACF;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,cAAc,CACZ;IACE,QAAQ;IACR,UAAU;IACV,MAAM;IACN,QAAQ;KACN,KAAK;KACL,KAAK;KACN;IACD,YAAY;IACb,CACF;GACD,MAAM,EACJ,MAAM,kBACP;GACF;EACF;CACD;EACE,aAAa;EACb,MAAM;EACN,OAAO;GACL,cAAc,CACZ;IACE,QAAQ;IACR,MAAM;IACN,QAAQ;KACN,KAAK;KACL,KAAK;KACN;IACD,YAAY;IACb,CACF;GACD,MAAM,EACJ,MAAM,kBACP;GACF;EACF;CACF"}