@upstart.gg/sdk 0.0.138 → 0.0.139

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

@@ -1,30 +1,372 @@
-/*! 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 { defineProps } from "../props/helpers.js";
+import { urlOrPageId } from "../props/string.js";
+import { image } from "../props/image.js";
+import { textContent } from "../props/text.js";
+import { shadow } from "../props/effects.js";
+import { boolean } from "../props/boolean.js";
+import { colorPreset } from "../props/color-preset.js";
+import { tags } from "../props/tags.js";
+import { toLLMSchema } from "../../utils/llm.js";
+import { Type } from "@sinclair/typebox";
+import { VscLayoutPanelOff } from "react-icons/vsc";
 
-import {
-  examples,
-  manifest,
-  navbarSchemaPropsLLM
-} from "../../chunk-VMIJ6MG5.js";
-import "../../chunk-KNREHAPN.js";
-import "../../chunk-UC75KRLX.js";
-import "../../chunk-BHARJBEK.js";
-import "../../chunk-2Z5WOCFS.js";
-import "../../chunk-5RCC2STG.js";
-import "../../chunk-FYGFB5U5.js";
-import "../../chunk-2U5U3CCJ.js";
-import "../../chunk-IEMCCHM4.js";
-import "../../chunk-2UEPTT5J.js";
-import "../../chunk-2EOCK66Z.js";
-import "../../chunk-OJ6KL7FU.js";
-import "../../chunk-ZRBTAC3G.js";
-import "../../chunk-MO6CRLQA.js";
-import "../../chunk-GNTJT7MR.js";
-import "../../chunk-TZ6X7ZM5.js";
-import "../../chunk-GDYCCB3B.js";
-import "../../chunk-ZGQ3AQBG.js";
-export {
-  examples,
-  manifest,
-  navbarSchemaPropsLLM
-};
+//#region src/shared/bricks/manifests/navbar.manifest.ts
+const manifest = defineBrickManifest({
+	type: "navbar",
+	name: "Navbar",
+	category: "layout",
+	description: "A navigation bar with logo and navigation",
+	aiInstructions: "This brick should be used on most sites/pages. It must be placed on its own section.",
+	isGlobalBrick: true,
+	duplicatable: false,
+	resizable: false,
+	movable: false,
+	hideInLibrary: true,
+	staticClasses: "flex-grow",
+	defaultWidth: { mobile: "100%" },
+	defaultHeight: {
+		mobile: "60px",
+		desktop: "60px"
+	},
+	icon: VscLayoutPanelOff,
+	iconClassName: "rotate-180",
+	props: defineProps({
+		colorPreset: Type.Optional(colorPreset({
+			title: "Color",
+			default: { color: "primary-500" },
+			examples: [
+				{ color: "primary-500" },
+				{ color: "neutral-900" },
+				{ color: "secondary-200" }
+			]
+		})),
+		brand: Type.Optional(textContent({
+			title: "Brand name",
+			default: "Acme Inc.",
+			disableSizing: true,
+			"ai:instructions": "The brand name of the website, for example the company name. Please provide it even if optional.",
+			metadata: { category: "content" },
+			examples: [
+				"Acme Inc.",
+				"TechCorp Solutions",
+				"ShopEasy",
+				"Bella Vista"
+			]
+		})),
+		logo: Type.Optional(image({
+			title: "Logo",
+			"ui:show-img-search": false,
+			"ui:no-object-options": true,
+			"ui:no-dynamic": true,
+			"ui:placeholder": "https://example.com/logo.png",
+			metadata: { category: "content" },
+			"ai:hidden": true
+		})),
+		hideBrand: Type.Optional(boolean("Hide brand name", void 0, {
+			"ai:hidden": true,
+			metadata: { filter: (manifestProps, formData) => {
+				return !!formData.logo;
+			} }
+		})),
+		linksTagsFilter: Type.Optional(tags({
+			title: "Pages tags",
+			description: "Filter pages links in the navbar by tags. Only pages with these tags will be shown.",
+			default: ["navbar"],
+			metadata: { category: "content" },
+			examples: [
+				["navbar", "main"],
+				["top-menu"],
+				["important-link", "navbar"]
+			]
+		})),
+		staticNavItems: Type.Optional(Type.Array(Type.Object({
+			urlOrPageId: urlOrPageId(),
+			label: Type.Optional(Type.String({ title: "Label" }))
+		}), {
+			title: "Static links",
+			description: "Additional static navigation links to show in the navbar",
+			"ai:instructions": "Don't include pages already included by the tags filter.",
+			default: [],
+			metadata: { category: "content" },
+			examples: [[{
+				urlOrPageId: "http://example.com/",
+				label: "Other site"
+			}, {
+				urlOrPageId: "https://docs.example.com/",
+				label: "External docs"
+			}], [{
+				urlOrPageId: "https://www.amazon.com/our-brand",
+				label: "Buy our brand on Amazon"
+			}]]
+		})),
+		linksPosition: Type.Optional(StringEnum([
+			"left",
+			"center",
+			"right"
+		], {
+			enumNames: [
+				"Left",
+				"Center",
+				"Right"
+			],
+			title: "Links position",
+			default: "right",
+			"ui:responsive": "desktop"
+		})),
+		shadow: Type.Optional(shadow())
+	}, {
+		noAlignSelf: true,
+		noGrow: true
+	})
+});
+const navbarSchemaPropsLLM = toLLMSchema(manifest.props);
+const examples = [
+	{
+		description: "Corporate technology company navbar featuring company logo with right-aligned navigation links filtered by navbar and featured tags",
+		type: "navbar",
+		props: {
+			logo: {
+				src: "https://via.placeholder.com/120x40.png?text=TechCorp",
+				alt: "TechCorp Solutions logo"
+			},
+			linksPosition: "right",
+			linksTagsFilter: ["navbar", "featured"]
+		}
+	},
+	{
+		description: "Dark-themed professional navbar with centered brand text and navigation, including external site link for service companies",
+		type: "navbar",
+		props: {
+			brand: "TechCorp Solutions",
+			linksPosition: "center",
+			linksTagsFilter: ["navbar", "featured"],
+			staticNavItems: [{
+				urlOrPageId: "http://example.com/",
+				label: "Other site"
+			}]
+		}
+	},
+	{
+		description: "E-commerce store navbar with primary blue branding, medium shadow effect, and right-aligned cart/account links for online shopping sites",
+		type: "navbar",
+		props: {
+			brand: "ShopEasy",
+			colorPreset: { color: "primary-500" },
+			linksPosition: "right",
+			linksTagsFilter: ["main", "shop"],
+			shadow: "shadow-md",
+			staticNavItems: [{
+				urlOrPageId: "cart",
+				label: "Cart"
+			}, {
+				urlOrPageId: "account",
+				label: "Account"
+			}]
+		}
+	},
+	{
+		description: "Restaurant navbar with logo and hidden brand text, featuring secondary color scheme and left-aligned navigation with reservation booking and phone contact",
+		type: "navbar",
+		props: {
+			logo: {
+				src: "https://via.placeholder.com/100x50.png?text=Bella+Vista",
+				alt: "Bella Vista Restaurant logo"
+			},
+			brand: "Bella Vista",
+			hideBrand: true,
+			linksPosition: "left",
+			linksTagsFilter: ["navbar"],
+			colorPreset: { color: "secondary-200" },
+			staticNavItems: [{
+				urlOrPageId: "reservations",
+				label: "Reservations"
+			}, {
+				urlOrPageId: "tel:+1234567890",
+				label: "Call Us"
+			}]
+		}
+	},
+	{
+		description: "Clean minimalist design navbar with neutral light background, centered navigation links, and subtle shadow for creative agencies and design studios",
+		type: "navbar",
+		props: {
+			brand: "Minimal Studio",
+			colorPreset: { color: "neutral-100" },
+			linksPosition: "center",
+			linksTagsFilter: ["main"],
+			shadow: "shadow-sm"
+		}
+	},
+	{
+		description: "Creative portfolio navbar with dark neutral background, compact logo, and external social media links to showcase professional work and attract clients",
+		type: "navbar",
+		props: {
+			logo: {
+				src: "https://via.placeholder.com/80x40.png?text=Portfolio",
+				alt: "Creative Portfolio logo"
+			},
+			brand: "Creative Portfolio",
+			colorPreset: { color: "neutral-900" },
+			linksPosition: "right",
+			linksTagsFilter: ["portfolio", "main"],
+			staticNavItems: [
+				{
+					urlOrPageId: "https://dribbble.com/mywork",
+					label: "Dribbble"
+				},
+				{
+					urlOrPageId: "https://behance.net/mywork",
+					label: "Behance"
+				},
+				{
+					urlOrPageId: "contact",
+					label: "Hire Me"
+				}
+			]
+		}
+	},
+	{
+		description: "Digital marketing agency navbar with horizontal gradient background, large shadow, and external consultation booking integration for lead generation",
+		type: "navbar",
+		props: {
+			brand: "Digital Agency",
+			colorPreset: {
+				color: "primary-600",
+				gradientDirection: "bg-gradient-to-r"
+			},
+			linksPosition: "right",
+			linksTagsFilter: ["services", "navbar"],
+			shadow: "shadow-lg",
+			staticNavItems: [{
+				urlOrPageId: "https://calendar.com/book",
+				label: "Book Consultation"
+			}, {
+				urlOrPageId: "case-studies",
+				label: "Case Studies"
+			}]
+		}
+	},
+	{
+		description: "SaaS application navbar with accent color scheme, company logo, and essential user authentication links for software platforms",
+		type: "navbar",
+		props: {
+			logo: {
+				src: "https://via.placeholder.com/120x35.png?text=CloudApp",
+				alt: "CloudApp SaaS logo"
+			},
+			brand: "CloudApp",
+			colorPreset: { color: "accent-500" },
+			linksPosition: "right",
+			linksTagsFilter: ["features", "navbar"],
+			staticNavItems: [
+				{
+					urlOrPageId: "pricing",
+					label: "Pricing"
+				},
+				{
+					urlOrPageId: "login",
+					label: "Login"
+				},
+				{
+					urlOrPageId: "signup",
+					label: "Sign Up"
+				}
+			]
+		}
+	},
+	{
+		description: "Nonprofit organization navbar with warm accent color, centered navigation, and donation call-to-action links for charitable foundations",
+		type: "navbar",
+		props: {
+			brand: "Hope Foundation",
+			colorPreset: { color: "accent-400" },
+			linksPosition: "center",
+			linksTagsFilter: ["about", "programs"],
+			shadow: "shadow-md",
+			staticNavItems: [{
+				urlOrPageId: "donate",
+				label: "Donate Now"
+			}, {
+				urlOrPageId: "volunteer",
+				label: "Volunteer"
+			}]
+		}
+	},
+	{
+		description: "Professional law firm navbar with dark authoritative styling, professional logo, and client consultation contact information for legal services",
+		type: "navbar",
+		props: {
+			logo: {
+				src: "https://via.placeholder.com/110x45.png?text=LawFirm",
+				alt: "Professional Law Firm logo"
+			},
+			brand: "Smith & Associates",
+			colorPreset: { color: "neutral-800" },
+			linksPosition: "right",
+			linksTagsFilter: ["practice-areas", "navbar"],
+			staticNavItems: [{
+				urlOrPageId: "consultation",
+				label: "Free Consultation"
+			}, {
+				urlOrPageId: "tel:+1234567890",
+				label: "(123) 456-7890"
+			}]
+		}
+	},
+	{
+		description: "Event management company navbar with bold primary red gradient background, left-aligned navigation, and ticket purchasing links for entertainment venues",
+		type: "navbar",
+		props: {
+			brand: "Event Masters",
+			colorPreset: {
+				color: "primary-500",
+				gradientDirection: "bg-gradient-to-br"
+			},
+			linksPosition: "left",
+			linksTagsFilter: ["events", "upcoming"],
+			shadow: "shadow-xl",
+			staticNavItems: [{
+				urlOrPageId: "tickets",
+				label: "Buy Tickets"
+			}, {
+				urlOrPageId: "venues",
+				label: "Venues"
+			}]
+		}
+	},
+	{
+		description: "Fitness studio navbar with secondary purple color scheme, visible brand name alongside logo, and centered class booking navigation for health and wellness businesses",
+		type: "navbar",
+		props: {
+			logo: {
+				src: "https://via.placeholder.com/90x50.png?text=FitStudio",
+				alt: "Fitness Studio logo"
+			},
+			brand: "Peak Fitness",
+			hideBrand: false,
+			colorPreset: { color: "secondary-600" },
+			linksPosition: "center",
+			linksTagsFilter: ["classes", "membership"],
+			staticNavItems: [
+				{
+					urlOrPageId: "book-class",
+					label: "Book Class"
+				},
+				{
+					urlOrPageId: "membership",
+					label: "Join Now"
+				},
+				{
+					urlOrPageId: "trainers",
+					label: "Personal Training"
+				}
+			]
+		}
+	}
+];
+
+//#endregion
+export { examples, manifest, navbarSchemaPropsLLM };
 //# sourceMappingURL=navbar.manifest.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"navbar.manifest.js","names":["examples: BrickExample<Manifest>[]"],"sources":["../../../../src/shared/bricks/manifests/navbar.manifest.ts"],"sourcesContent":["import { type Static, type TObject, Type } from \"@sinclair/typebox\";\nimport { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { urlOrPageId } from \"../props/string\";\nimport { image } from \"../props/image\";\nimport { textContent } from \"../props/text\";\nimport { shadow } from \"../props/effects\";\nimport { boolean } from \"../props/boolean\";\nimport { VscLayoutPanelOff } from \"react-icons/vsc\";\nimport type { BrickProps } from \"../props/types\";\nimport { colorPreset } from \"../props/color-preset\";\nimport { tags } from \"../props/tags\";\nimport { toLLMSchema } from \"~/shared/utils/llm\";\nimport type { BrickExample } from \"./_types\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\n\nexport const manifest = defineBrickManifest({\n  type: \"navbar\",\n  name: \"Navbar\",\n  category: \"layout\",\n  description: \"A navigation bar with logo and navigation\",\n  aiInstructions: \"This brick should be used on most sites/pages. It must be placed on its own section.\",\n  isGlobalBrick: true,\n  duplicatable: false,\n  resizable: false,\n  movable: false,\n  hideInLibrary: true,\n  staticClasses: \"flex-grow\",\n  defaultWidth: { mobile: \"100%\" },\n  defaultHeight: { mobile: \"60px\", desktop: \"60px\" },\n  icon: VscLayoutPanelOff,\n  iconClassName: \"rotate-180\",\n  props: defineProps(\n    {\n      colorPreset: Type.Optional(\n        colorPreset({\n          title: \"Color\",\n          default: { color: \"primary-500\" },\n          examples: [{ color: \"primary-500\" }, { color: \"neutral-900\" }, { color: \"secondary-200\" }],\n        }),\n      ),\n      brand: Type.Optional(\n        textContent({\n          title: \"Brand name\",\n          default: \"Acme Inc.\",\n          disableSizing: true,\n          \"ai:instructions\":\n            \"The brand name of the website, for example the company name. Please provide it even if optional.\",\n          metadata: {\n            category: \"content\",\n          },\n          examples: [\"Acme Inc.\", \"TechCorp Solutions\", \"ShopEasy\", \"Bella Vista\"],\n        }),\n      ),\n      logo: Type.Optional(\n        image({\n          title: \"Logo\",\n          \"ui:show-img-search\": false,\n          \"ui:no-object-options\": true,\n          \"ui:no-dynamic\": true,\n          \"ui:placeholder\": \"https://example.com/logo.png\",\n          metadata: {\n            category: \"content\",\n          },\n          \"ai:hidden\": true, // Hide from AI as it should always be provided if available\n        }),\n      ),\n      hideBrand: Type.Optional(\n        boolean(\"Hide brand name\", undefined, {\n          \"ai:hidden\": true,\n          metadata: {\n            filter: (manifestProps: TObject, formData: Static<Manifest[\"props\"]>) => {\n              return !!formData.logo; // Enable this field only if logo is set\n            },\n          },\n        }),\n      ),\n      linksTagsFilter: Type.Optional(\n        tags({\n          title: \"Pages tags\",\n          description: \"Filter pages links in the navbar by tags. Only pages with these tags will be shown.\",\n          default: [\"navbar\"],\n          metadata: {\n            category: \"content\",\n          },\n          examples: [[\"navbar\", \"main\"], [\"top-menu\"], [\"important-link\", \"navbar\"]],\n        }),\n      ),\n      staticNavItems: Type.Optional(\n        Type.Array(\n          Type.Object({\n            urlOrPageId: urlOrPageId(),\n            label: Type.Optional(Type.String({ title: \"Label\" })),\n          }),\n          {\n            title: \"Static links\",\n            description: \"Additional static navigation links to show in the navbar\",\n            \"ai:instructions\": \"Don't include pages already included by the tags filter.\",\n            default: [],\n            metadata: {\n              category: \"content\",\n            },\n            examples: [\n              [\n                { urlOrPageId: \"http://example.com/\", label: \"Other site\" },\n                { urlOrPageId: \"https://docs.example.com/\", label: \"External docs\" },\n              ],\n              [{ urlOrPageId: \"https://www.amazon.com/our-brand\", label: \"Buy our brand on Amazon\" }],\n            ],\n          },\n        ),\n      ),\n      linksPosition: Type.Optional(\n        StringEnum([\"left\", \"center\", \"right\"], {\n          enumNames: [\"Left\", \"Center\", \"Right\"],\n          title: \"Links position\",\n          default: \"right\",\n          \"ui:responsive\": \"desktop\",\n        }),\n      ),\n      shadow: Type.Optional(shadow()),\n    },\n    { noAlignSelf: true, noGrow: true },\n  ),\n});\n\nexport type Manifest = typeof manifest;\nexport type NavbarProps = Static<Manifest[\"props\"]>;\n\nexport const navbarSchemaPropsLLM = toLLMSchema(manifest.props);\n\nexport const examples: BrickExample<Manifest>[] = [\n  {\n    description:\n      \"Corporate technology company navbar featuring company logo with right-aligned navigation links filtered by navbar and featured tags\",\n    type: \"navbar\",\n    props: {\n      logo: {\n        src: \"https://via.placeholder.com/120x40.png?text=TechCorp\",\n        alt: \"TechCorp Solutions logo\",\n      },\n      linksPosition: \"right\",\n      linksTagsFilter: [\"navbar\", \"featured\"],\n    },\n  },\n  {\n    description:\n      \"Dark-themed professional navbar with centered brand text and navigation, including external site link for service companies\",\n    type: \"navbar\",\n    props: {\n      brand: \"TechCorp Solutions\",\n      linksPosition: \"center\",\n      linksTagsFilter: [\"navbar\", \"featured\"],\n      staticNavItems: [{ urlOrPageId: \"http://example.com/\", label: \"Other site\" }],\n    },\n  },\n  {\n    description:\n      \"E-commerce store navbar with primary blue branding, medium shadow effect, and right-aligned cart/account links for online shopping sites\",\n    type: \"navbar\",\n    props: {\n      brand: \"ShopEasy\",\n      colorPreset: {\n        color: \"primary-500\",\n      },\n      linksPosition: \"right\",\n      linksTagsFilter: [\"main\", \"shop\"],\n      shadow: \"shadow-md\",\n      staticNavItems: [\n        { urlOrPageId: \"cart\", label: \"Cart\" },\n        { urlOrPageId: \"account\", label: \"Account\" },\n      ],\n    },\n  },\n  {\n    description:\n      \"Restaurant navbar with logo and hidden brand text, featuring secondary color scheme and left-aligned navigation with reservation booking and phone contact\",\n    type: \"navbar\",\n    props: {\n      logo: {\n        src: \"https://via.placeholder.com/100x50.png?text=Bella+Vista\",\n        alt: \"Bella Vista Restaurant logo\",\n      },\n      brand: \"Bella Vista\",\n      hideBrand: true,\n      linksPosition: \"left\",\n      linksTagsFilter: [\"navbar\"],\n      colorPreset: {\n        color: \"secondary-200\",\n      },\n      staticNavItems: [\n        { urlOrPageId: \"reservations\", label: \"Reservations\" },\n        { urlOrPageId: \"tel:+1234567890\", label: \"Call Us\" },\n      ],\n    },\n  },\n  {\n    description:\n      \"Clean minimalist design navbar with neutral light background, centered navigation links, and subtle shadow for creative agencies and design studios\",\n    type: \"navbar\",\n    props: {\n      brand: \"Minimal Studio\",\n      colorPreset: {\n        color: \"neutral-100\",\n      },\n      linksPosition: \"center\",\n      linksTagsFilter: [\"main\"],\n      shadow: \"shadow-sm\",\n    },\n  },\n  {\n    description:\n      \"Creative portfolio navbar with dark neutral background, compact logo, and external social media links to showcase professional work and attract clients\",\n    type: \"navbar\",\n    props: {\n      logo: {\n        src: \"https://via.placeholder.com/80x40.png?text=Portfolio\",\n        alt: \"Creative Portfolio logo\",\n      },\n      brand: \"Creative Portfolio\",\n      colorPreset: {\n        color: \"neutral-900\",\n      },\n      linksPosition: \"right\",\n      linksTagsFilter: [\"portfolio\", \"main\"],\n      staticNavItems: [\n        { urlOrPageId: \"https://dribbble.com/mywork\", label: \"Dribbble\" },\n        { urlOrPageId: \"https://behance.net/mywork\", label: \"Behance\" },\n        { urlOrPageId: \"contact\", label: \"Hire Me\" },\n      ],\n    },\n  },\n  {\n    description:\n      \"Digital marketing agency navbar with horizontal gradient background, large shadow, and external consultation booking integration for lead generation\",\n    type: \"navbar\",\n    props: {\n      brand: \"Digital Agency\",\n      colorPreset: {\n        color: \"primary-600\",\n        gradientDirection: \"bg-gradient-to-r\",\n      },\n      linksPosition: \"right\",\n      linksTagsFilter: [\"services\", \"navbar\"],\n      shadow: \"shadow-lg\",\n      staticNavItems: [\n        { urlOrPageId: \"https://calendar.com/book\", label: \"Book Consultation\" },\n        { urlOrPageId: \"case-studies\", label: \"Case Studies\" },\n      ],\n    },\n  },\n  {\n    description:\n      \"SaaS application navbar with accent color scheme, company logo, and essential user authentication links for software platforms\",\n    type: \"navbar\",\n    props: {\n      logo: {\n        src: \"https://via.placeholder.com/120x35.png?text=CloudApp\",\n        alt: \"CloudApp SaaS logo\",\n      },\n      brand: \"CloudApp\",\n      colorPreset: {\n        color: \"accent-500\",\n      },\n      linksPosition: \"right\",\n      linksTagsFilter: [\"features\", \"navbar\"],\n      staticNavItems: [\n        { urlOrPageId: \"pricing\", label: \"Pricing\" },\n        { urlOrPageId: \"login\", label: \"Login\" },\n        { urlOrPageId: \"signup\", label: \"Sign Up\" },\n      ],\n    },\n  },\n  {\n    description:\n      \"Nonprofit organization navbar with warm accent color, centered navigation, and donation call-to-action links for charitable foundations\",\n    type: \"navbar\",\n    props: {\n      brand: \"Hope Foundation\",\n      colorPreset: {\n        color: \"accent-400\",\n      },\n      linksPosition: \"center\",\n      linksTagsFilter: [\"about\", \"programs\"],\n      shadow: \"shadow-md\",\n      staticNavItems: [\n        { urlOrPageId: \"donate\", label: \"Donate Now\" },\n        { urlOrPageId: \"volunteer\", label: \"Volunteer\" },\n      ],\n    },\n  },\n  {\n    description:\n      \"Professional law firm navbar with dark authoritative styling, professional logo, and client consultation contact information for legal services\",\n    type: \"navbar\",\n    props: {\n      logo: {\n        src: \"https://via.placeholder.com/110x45.png?text=LawFirm\",\n        alt: \"Professional Law Firm logo\",\n      },\n      brand: \"Smith & Associates\",\n      colorPreset: {\n        color: \"neutral-800\",\n      },\n      linksPosition: \"right\",\n      linksTagsFilter: [\"practice-areas\", \"navbar\"],\n      staticNavItems: [\n        { urlOrPageId: \"consultation\", label: \"Free Consultation\" },\n        { urlOrPageId: \"tel:+1234567890\", label: \"(123) 456-7890\" },\n      ],\n    },\n  },\n  {\n    description:\n      \"Event management company navbar with bold primary red gradient background, left-aligned navigation, and ticket purchasing links for entertainment venues\",\n    type: \"navbar\",\n    props: {\n      brand: \"Event Masters\",\n      colorPreset: {\n        color: \"primary-500\",\n        gradientDirection: \"bg-gradient-to-br\",\n      },\n      linksPosition: \"left\",\n      linksTagsFilter: [\"events\", \"upcoming\"],\n      shadow: \"shadow-xl\",\n      staticNavItems: [\n        { urlOrPageId: \"tickets\", label: \"Buy Tickets\" },\n        { urlOrPageId: \"venues\", label: \"Venues\" },\n      ],\n    },\n  },\n  {\n    description:\n      \"Fitness studio navbar with secondary purple color scheme, visible brand name alongside logo, and centered class booking navigation for health and wellness businesses\",\n    type: \"navbar\",\n    props: {\n      logo: {\n        src: \"https://via.placeholder.com/90x50.png?text=FitStudio\",\n        alt: \"Fitness Studio logo\",\n      },\n      brand: \"Peak Fitness\",\n      hideBrand: false,\n      colorPreset: {\n        color: \"secondary-600\",\n      },\n      linksPosition: \"center\",\n      linksTagsFilter: [\"classes\", \"membership\"],\n      staticNavItems: [\n        { urlOrPageId: \"book-class\", label: \"Book Class\" },\n        { urlOrPageId: \"membership\", label: \"Join Now\" },\n        { urlOrPageId: \"trainers\", label: \"Personal Training\" },\n      ],\n    },\n  },\n];\n"],"mappings":"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"}

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

@@ -1,89 +1,96 @@
-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">>;
-    } & {
-        container: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
-            backgroundColor: 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">>;
-            fixedPositioned: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        }>> | import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
-            shadow: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl" | "shadow-2xl">>;
-            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;
-            }>>;
-            backgroundColor: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-            fixedPositioned: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        }>>;
-        navigation: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
-            navItems: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
-                urlOrPageId: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TString, import("@sinclair/typebox").TString]>;
-                label: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-            }>>>;
-        }>> | import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
-            navItems: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
-                urlOrPageId: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TString, import("@sinclair/typebox").TString]>;
-                label: 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_typebox4940 from "@sinclair/typebox";
+import * as react_icons_lib7 from "react-icons/lib";
+
+//#region src/shared/bricks/manifests/sidebar.manifest.d.ts
+declare const manifest: {
+  readonly icon: react_icons_lib7.IconType;
+  readonly props: _sinclair_typebox4940.TObject<{
+    lastTouched: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TNumber>;
+    hidden: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TObject<{
+      desktop: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TBoolean>;
+      mobile: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TBoolean>;
+    }>>;
+    editable: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TBoolean>;
+    width: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TString>;
+    height: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TString>;
+    grow: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TBoolean>;
+    alignSelf: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TUnsafe<"self-auto" | "self-start" | "self-center" | "self-end" | "self-stretch">>;
+  } & {
+    container: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TObject<{
+      backgroundColor: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TString>;
+      border: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TObject<{
+        width: _sinclair_typebox4940.TUnsafe<"border" | "border-0" | "border-2" | "border-4" | "border-8">;
+        color: _sinclair_typebox4940.TString;
+      }>>;
+      shadow: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TUnsafe<"shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl" | "shadow-2xl">>;
+      fixedPositioned: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TBoolean>;
+    }>> | _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TObject<{
+      shadow: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TUnsafe<"shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl" | "shadow-2xl">>;
+      border: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TObject<{
+        width: _sinclair_typebox4940.TUnsafe<"border" | "border-0" | "border-2" | "border-4" | "border-8">;
+        color: _sinclair_typebox4940.TString;
+      }>>;
+      backgroundColor: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TString>;
+      fixedPositioned: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TBoolean>;
+    }>>;
+    navigation: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TObject<{
+      navItems: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TArray<_sinclair_typebox4940.TObject<{
+        urlOrPageId: _sinclair_typebox4940.TUnion<[_sinclair_typebox4940.TString, _sinclair_typebox4940.TString]>;
+        label: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TString>;
+      }>>>;
+    }>> | _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TObject<{
+      navItems: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.TArray<_sinclair_typebox4940.TObject<{
+        urlOrPageId: _sinclair_typebox4940.TUnion<[_sinclair_typebox4940.TString, _sinclair_typebox4940.TString]>;
+        label: _sinclair_typebox4940.TOptional<_sinclair_typebox4940.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=sidebar.manifest.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar.manifest.d.ts","sourceRoot":"","sources":["../../../../src/shared/bricks/manifests/sidebar.manifest.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAAjB,CAAC;eAAqB,CAAC;;;cAGtB,CAAC;eACE,CAAC;;;cAEG,CAAC;eACF,CAAC;;;cAGM,CAAC;eACC,CAAC;;;;;CAoCnB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC;AAEvC,eAAO,MAAM,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAqB5C,CAAC"}
+{"version":3,"file":"sidebar.manifest.d.ts","names":[],"sources":["../../../../src/shared/bricks/manifests/sidebar.manifest.ts"],"sourcesContent":[],"mappings":";;;;;;cAWa;iBA+CX,gBAAA,CAAA;;;;MA/CW,OA+CX,iCAAA,gCAAA;MAAA,MAAA,iCAAA,gCAAA;IAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAEU,SAAA,SAAQ,CAAA,EAAA;IAEP,MAAA,CAqBZ,EAAA,MAAA;IAAA,OAAA,CAAA,EAAA,MAAA;;WArBsB,SAAA,CAAA,EAAA;IAAY,MAAA,CAAA,EAAA,MAAA;;;;;;;KAFvB,QAAA,UAAkB;cAEjB,UAAU,aAAa"}