@upstart.gg/sdk 0.0.136 → 0.0.138

package/dist/shared/chunk-YWOTQWIQ.js

@@ -1,572 +0,0 @@
-/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
-
-import {
-  defineProps
-} from "./chunk-BHC2A43S.js";
-import {
-  defineBrickManifest
-} from "./chunk-EVLRH6VG.js";
-import {
-  loopRef
-} from "./chunk-IQIISR22.js";
-import {
-  shadowRef
-} from "./chunk-TNMNMYOB.js";
-import {
-  borderRef,
-  roundingRef
-} from "./chunk-NTLAKMMQ.js";
-import {
-  colorPresetRef
-} from "./chunk-TFGGYU6Y.js";
-import {
-  cssLengthRef
-} from "./chunk-BPBKHEQ5.js";
-import {
-  StringEnum
-} from "./chunk-JK2FWFJU.js";
-
-// src/shared/bricks/manifests/tabs.manifest.ts
-import { Type } from "@sinclair/typebox";
-import { HiOutlineViewColumns } from "react-icons/hi2";
-var tabRef = Type.Object({
-  label: Type.String({
-    title: "Tab Label",
-    description: "The text shown on the tab button",
-    "ai:instructions": "Use a short, descriptive label for the tab"
-  }),
-  id: Type.Optional(
-    Type.String({
-      title: "Tab ID",
-      description: "Unique identifier for the tab (auto-generated if not provided)"
-    })
-  )
-});
-var manifest = defineBrickManifest({
-  type: "tabs",
-  category: "container",
-  name: "Tabs",
-  description: "A tabbed container that displays different content panels based on the selected tab.",
-  aiInstructions: "Tabs are containers for organizing content into multiple panels. Each tab has a label and contains child bricks. Users can click tab buttons to switch between different content panels. Ideal for organizing related content, settings panels, or product information.",
-  isContainer: true,
-  defaultWidth: {
-    desktop: "100%",
-    mobile: "100%"
-  },
-  defaultHeight: {
-    desktop: "auto"
-  },
-  icon: HiOutlineViewColumns,
-  props: defineProps({
-    colorPreset: Type.Optional(
-      colorPresetRef({
-        title: "Color"
-      })
-    ),
-    tabs: Type.Array(tabRef, {
-      title: "Tabs",
-      description: "List of tab configurations",
-      default: [{ label: "Tab 1" }, { label: "Tab 2" }],
-      "ai:instructions": "Each tab should have a descriptive label. Content for each tab is defined in the $children array.",
-      examples: [
-        [{ label: "Overview" }, { label: "Features" }, { label: "Pricing" }],
-        [{ label: "About" }, { label: "Services" }, { label: "Contact" }]
-      ]
-    }),
-    defaultTab: Type.Optional(
-      Type.Number({
-        title: "Default Tab",
-        description: "Index of the tab to show by default (0-based)",
-        default: 0,
-        minimum: 0,
-        "ai:instructions": "Use 0 for the first tab, 1 for the second tab, etc."
-      })
-    ),
-    tabPosition: Type.Optional(
-      StringEnum(["top", "bottom"], {
-        title: "Tab Position",
-        description: "Position of the tab buttons relative to content",
-        default: "top",
-        "ai:instructions": "Use 'top' for tabs above content (most common) or 'bottom' for tabs below content"
-      })
-    ),
-    tabStyle: Type.Optional(
-      StringEnum(["pills", "underline", "bordered"], {
-        title: "Tab Style",
-        description: "Visual style of the tab buttons",
-        default: "underline",
-        "ai:instructions": "Pills are rounded buttons, underline shows a line under active tab, bordered shows tabs with borders"
-      })
-    ),
-    fullWidth: Type.Optional(
-      Type.Boolean({
-        title: "Full Width Tabs",
-        description: "Make tab buttons span the full width of the container",
-        default: false,
-        "ai:instructions": "Enable this to make tab buttons evenly distribute across the full width"
-      })
-    ),
-    padding: Type.Optional(
-      cssLengthRef({
-        default: "1.5rem",
-        description: "Padding inside each tab panel.",
-        "ai:instructions": "Use values like '1rem', '1.5rem', or '2rem' for tab content padding",
-        title: "Content Padding",
-        "ui:placeholder": "Not specified",
-        "ui:styleId": "styles:padding"
-      })
-    ),
-    gap: Type.Optional(
-      cssLengthRef({
-        title: "Tab Gap",
-        default: "0.5rem",
-        description: "Gap between tab buttons.",
-        "ai:instructions": "Small values like '0.25rem' or '0.5rem' work best for tab spacing",
-        "ui:placeholder": "Not specified",
-        "ui:styleId": "styles:gap"
-      })
-    ),
-    rounding: Type.Optional(
-      roundingRef({
-        default: "rounded-md"
-      })
-    ),
-    border: Type.Optional(borderRef()),
-    shadow: Type.Optional(shadowRef()),
-    loop: Type.Optional(loopRef()),
-    $children: Type.Array(Type.Array(Type.Any()), {
-      "ui:field": "hidden",
-      description: "Array of child brick arrays - each sub-array represents the content for one tab",
-      default: [[], []],
-      examples: [
-        [
-          // Tab 1 content
-          [
-            {
-              type: "text",
-              props: {
-                content: "<h3>Overview</h3><p>This is the overview tab content.</p>"
-              }
-            }
-          ],
-          // Tab 2 content
-          [
-            {
-              type: "text",
-              props: {
-                content: "<h3>Features</h3><p>Here are our key features.</p>"
-              }
-            },
-            {
-              type: "button",
-              props: {
-                text: "Learn More",
-                link: "/features"
-              }
-            }
-          ]
-        ]
-      ]
-    })
-  })
-});
-var examples = [
-  {
-    description: "Simple tabs with basic content in each panel",
-    type: "tabs",
-    props: {
-      tabs: [{ label: "About" }, { label: "Services" }, { label: "Contact" }],
-      defaultTab: 0,
-      tabStyle: "underline",
-      $children: [
-        [
-          {
-            type: "text",
-            props: {
-              content: "<h3>About Us</h3><p>We are a company focused on delivering exceptional results.</p>"
-            }
-          }
-        ],
-        [
-          {
-            type: "text",
-            props: {
-              content: "<h3>Our Services</h3><p>We offer a wide range of professional services.</p>"
-            }
-          },
-          {
-            type: "button",
-            props: {
-              text: "View All Services",
-              link: "/services"
-            }
-          }
-        ],
-        [
-          {
-            type: "text",
-            props: {
-              content: "<h3>Contact Information</h3><p>Email: hello@company.com</p><p>Phone: (555) 123-4567</p>"
-            }
-          }
-        ]
-      ]
-    }
-  },
-  {
-    description: "Product information tabs with pills style and custom styling",
-    type: "tabs",
-    props: {
-      tabs: [{ label: "Overview" }, { label: "Specifications" }, { label: "Reviews" }, { label: "Support" }],
-      defaultTab: 0,
-      tabStyle: "pills",
-      fullWidth: true,
-      colorPreset: {
-        color: "primary-50"
-      },
-      border: {
-        width: "border",
-        color: "border-primary-200"
-      },
-      rounding: "rounded-lg",
-      padding: "2rem",
-      $children: [
-        [
-          {
-            type: "text",
-            props: {
-              content: "<h3>Product Overview</h3><p>This product revolutionizes the way you work.</p>"
-            }
-          },
-          {
-            type: "image",
-            props: {
-              src: "https://via.placeholder.com/400x200",
-              alt: "Product image"
-            }
-          }
-        ],
-        [
-          {
-            type: "text",
-            props: {
-              content: '<h3>Technical Specifications</h3><ul><li>Weight: 2.5 lbs</li><li>Dimensions: 12" x 8" x 2"</li><li>Battery: 8 hours</li></ul>'
-            }
-          }
-        ],
-        [
-          {
-            type: "text",
-            props: {
-              content: '<h3>Customer Reviews</h3><p>\u2605\u2605\u2605\u2605\u2605 "Amazing product, highly recommend!"</p><p>\u2605\u2605\u2605\u2605\u2606 "Great value for money."</p>'
-            }
-          }
-        ],
-        [
-          {
-            type: "text",
-            props: {
-              content: "<h3>Support</h3><p>Need help? Contact our support team.</p>"
-            }
-          },
-          {
-            type: "button",
-            props: {
-              text: "Contact Support",
-              link: "/support"
-            }
-          }
-        ]
-      ]
-    }
-  },
-  {
-    description: "Portfolio sections with bordered tabs",
-    type: "tabs",
-    props: {
-      tabs: [{ label: "Web Design" }, { label: "Mobile Apps" }, { label: "Branding" }],
-      defaultTab: 0,
-      tabStyle: "bordered",
-      shadow: "shadow-md",
-      rounding: "rounded-xl",
-      $children: [
-        [
-          {
-            type: "text",
-            props: {
-              content: "<h3>Web Design Projects</h3><p>Beautiful, responsive websites that convert.</p>"
-            }
-          },
-          {
-            type: "image",
-            props: {
-              src: "https://via.placeholder.com/600x300",
-              alt: "Web design portfolio"
-            }
-          }
-        ],
-        [
-          {
-            type: "text",
-            props: {
-              content: "<h3>Mobile Applications</h3><p>Native and cross-platform mobile solutions.</p>"
-            }
-          },
-          {
-            type: "image",
-            props: {
-              src: "https://via.placeholder.com/300x500",
-              alt: "Mobile app portfolio"
-            }
-          }
-        ],
-        [
-          {
-            type: "text",
-            props: {
-              content: "<h3>Brand Identity</h3><p>Comprehensive branding solutions for modern businesses.</p>"
-            }
-          },
-          {
-            type: "image",
-            props: {
-              src: "https://via.placeholder.com/500x400",
-              alt: "Branding portfolio"
-            }
-          }
-        ]
-      ]
-    }
-  },
-  {
-    description: "FAQ sections with bottom-positioned tabs",
-    type: "tabs",
-    props: {
-      tabs: [{ label: "General" }, { label: "Billing" }, { label: "Technical" }],
-      defaultTab: 0,
-      tabPosition: "bottom",
-      tabStyle: "underline",
-      padding: "1.5rem",
-      $children: [
-        [
-          {
-            type: "text",
-            props: {
-              content: "<h3>General Questions</h3><p><strong>What is your company about?</strong></p><p>We provide excellent services to our customers.</p><p><strong>Where are you located?</strong></p><p>We have offices worldwide.</p>"
-            }
-          }
-        ],
-        [
-          {
-            type: "text",
-            props: {
-              content: "<h3>Billing Questions</h3><p><strong>How does billing work?</strong></p><p>We bill monthly based on usage.</p><p><strong>Can I change my plan?</strong></p><p>Yes, you can upgrade or downgrade anytime.</p>"
-            }
-          }
-        ],
-        [
-          {
-            type: "text",
-            props: {
-              content: "<h3>Technical Support</h3><p><strong>How do I reset my password?</strong></p><p>Use the forgot password link on the login page.</p><p><strong>Is there an API?</strong></p><p>Yes, we have a comprehensive REST API.</p>"
-            }
-          }
-        ]
-      ]
-    }
-  },
-  {
-    description: "Team member profiles using teamMembers query with dynamic tabs",
-    type: "tabs",
-    props: {
-      loop: {
-        over: "teamMembers"
-      },
-      tabs: [{ label: "{{teamMembers.name}}" }],
-      tabStyle: "pills",
-      fullWidth: false,
-      colorPreset: {
-        color: "secondary-100"
-      },
-      padding: "2rem",
-      $children: [
-        [
-          {
-            type: "image",
-            props: {
-              src: "{{teamMembers.photo}}",
-              alt: "{{teamMembers.name}}"
-            }
-          },
-          {
-            type: "text",
-            props: {
-              content: "<h3>{{teamMembers.name}}</h3><p><strong>{{teamMembers.position}}</strong></p><p>{{teamMembers.bio}}</p><p>Email: {{teamMembers.email}}</p>"
-            }
-          }
-        ]
-      ]
-    }
-  },
-  {
-    description: "Product categories using productCategories query",
-    type: "tabs",
-    props: {
-      loop: {
-        over: "productCategories"
-      },
-      tabs: [{ label: "{{productCategories.categoryName}}" }],
-      tabStyle: "bordered",
-      fullWidth: true,
-      border: {
-        width: "border-2",
-        color: "border-primary-300"
-      },
-      rounding: "rounded-lg",
-      shadow: "shadow-lg",
-      $children: [
-        [
-          {
-            type: "text",
-            props: {
-              content: "<h3>{{productCategories.categoryName}}</h3><p>{{productCategories.description}}</p><p>{{productCategories.productCount}} products available</p>"
-            }
-          },
-          {
-            type: "button",
-            props: {
-              text: "Browse {{productCategories.categoryName}}",
-              link: "/products/{{productCategories.slug}}"
-            }
-          }
-        ]
-      ]
-    }
-  },
-  {
-    description: "Service packages with pricing information",
-    type: "tabs",
-    props: {
-      tabs: [{ label: "Basic" }, { label: "Professional" }, { label: "Enterprise" }],
-      defaultTab: 1,
-      tabStyle: "pills",
-      fullWidth: true,
-      colorPreset: {
-        color: "accent-50"
-      },
-      border: {
-        width: "border",
-        color: "border-accent-200"
-      },
-      rounding: "rounded-xl",
-      shadow: "shadow-md",
-      padding: "2.5rem",
-      $children: [
-        [
-          {
-            type: "text",
-            props: {
-              content: "<h3>Basic Package</h3><p><strong>$99/month</strong></p><ul><li>5 Projects</li><li>10GB Storage</li><li>Email Support</li></ul>"
-            }
-          },
-          {
-            type: "button",
-            props: {
-              text: "Choose Basic",
-              link: "/pricing/basic"
-            }
-          }
-        ],
-        [
-          {
-            type: "text",
-            props: {
-              content: "<h3>Professional Package</h3><p><strong>$199/month</strong></p><ul><li>25 Projects</li><li>100GB Storage</li><li>Priority Support</li><li>Advanced Analytics</li></ul>"
-            }
-          },
-          {
-            type: "button",
-            props: {
-              text: "Choose Professional",
-              link: "/pricing/professional"
-            }
-          }
-        ],
-        [
-          {
-            type: "text",
-            props: {
-              content: "<h3>Enterprise Package</h3><p><strong>$499/month</strong></p><ul><li>Unlimited Projects</li><li>1TB Storage</li><li>24/7 Phone Support</li><li>Custom Integrations</li><li>Dedicated Account Manager</li></ul>"
-            }
-          },
-          {
-            type: "button",
-            props: {
-              text: "Contact Sales",
-              link: "/contact/enterprise"
-            }
-          }
-        ]
-      ]
-    }
-  },
-  {
-    description: "Documentation sections with technical content",
-    type: "tabs",
-    props: {
-      tabs: [
-        { label: "Getting Started" },
-        { label: "API Reference" },
-        { label: "Examples" },
-        { label: "Troubleshooting" }
-      ],
-      defaultTab: 0,
-      tabStyle: "underline",
-      tabPosition: "top",
-      padding: "1.5rem",
-      colorPreset: {
-        color: "neutral-50"
-      },
-      $children: [
-        [
-          {
-            type: "text",
-            props: {
-              content: "<h3>Getting Started</h3><p>Welcome to our platform! Here's how to get started:</p><ol><li>Create an account</li><li>Set up your first project</li><li>Invite team members</li></ol>"
-            }
-          }
-        ],
-        [
-          {
-            type: "text",
-            props: {
-              content: "<h3>API Reference</h3><p>Our REST API provides programmatic access to all features:</p><pre>GET /api/v1/projects</pre><pre>POST /api/v1/projects</pre>"
-            }
-          }
-        ],
-        [
-          {
-            type: "text",
-            props: {
-              content: "<h3>Code Examples</h3><p>Here are some common use cases:</p><pre>curl -X GET https://api.example.com/projects</pre>"
-            }
-          }
-        ],
-        [
-          {
-            type: "text",
-            props: {
-              content: "<h3>Troubleshooting</h3><p><strong>Issue:</strong> Cannot connect to API</p><p><strong>Solution:</strong> Check your API key and network connection.</p>"
-            }
-          }
-        ]
-      ]
-    }
-  }
-];
-
-export {
-  manifest,
-  examples
-};
-//# sourceMappingURL=chunk-YWOTQWIQ.js.map

package/dist/shared/chunk-YWOTQWIQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/shared/bricks/manifests/tabs.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { Type } from \"@sinclair/typebox\";\nimport { borderRef, roundingRef } from \"../props/border\";\nimport { shadowRef } from \"../props/effects\";\nimport type { BrickProps } from \"../props/types\";\nimport { cssLengthRef } from \"../props/css-length\";\nimport { HiOutlineViewColumns } from \"react-icons/hi2\";\nimport { colorPresetRef } from \"../props/color-preset\";\nimport { loopRef } from \"../props/dynamic\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\nimport type { BrickExample } from \"./_types\";\n\n// Tab configuration schema\nconst tabRef = Type.Object({\n  label: Type.String({\n    title: \"Tab Label\",\n    description: \"The text shown on the tab button\",\n    \"ai:instructions\": \"Use a short, descriptive label for the tab\",\n  }),\n  id: Type.Optional(\n    Type.String({\n      title: \"Tab ID\",\n      description: \"Unique identifier for the tab (auto-generated if not provided)\",\n    }),\n  ),\n});\n\nexport const manifest = defineBrickManifest({\n  type: \"tabs\",\n  category: \"container\",\n  name: \"Tabs\",\n  description: \"A tabbed container that displays different content panels based on the selected tab.\",\n  aiInstructions:\n    \"Tabs are containers for organizing content into multiple panels. Each tab has a label and contains child bricks. Users can click tab buttons to switch between different content panels. Ideal for organizing related content, settings panels, or product information.\",\n  isContainer: true,\n  defaultWidth: {\n    desktop: \"100%\",\n    mobile: \"100%\",\n  },\n  defaultHeight: {\n    desktop: \"auto\",\n  },\n  icon: HiOutlineViewColumns,\n  props: defineProps({\n    colorPreset: Type.Optional(\n      colorPresetRef({\n        title: \"Color\",\n      }),\n    ),\n    tabs: Type.Array(tabRef, {\n      title: \"Tabs\",\n      description: \"List of tab configurations\",\n      default: [{ label: \"Tab 1\" }, { label: \"Tab 2\" }],\n      \"ai:instructions\":\n        \"Each tab should have a descriptive label. Content for each tab is defined in the $children array.\",\n      examples: [\n        [{ label: \"Overview\" }, { label: \"Features\" }, { label: \"Pricing\" }],\n        [{ label: \"About\" }, { label: \"Services\" }, { label: \"Contact\" }],\n      ],\n    }),\n    defaultTab: Type.Optional(\n      Type.Number({\n        title: \"Default Tab\",\n        description: \"Index of the tab to show by default (0-based)\",\n        default: 0,\n        minimum: 0,\n        \"ai:instructions\": \"Use 0 for the first tab, 1 for the second tab, etc.\",\n      }),\n    ),\n    tabPosition: Type.Optional(\n      StringEnum([\"top\", \"bottom\"], {\n        title: \"Tab Position\",\n        description: \"Position of the tab buttons relative to content\",\n        default: \"top\",\n        \"ai:instructions\":\n          \"Use 'top' for tabs above content (most common) or 'bottom' for tabs below content\",\n      }),\n    ),\n    tabStyle: Type.Optional(\n      StringEnum([\"pills\", \"underline\", \"bordered\"], {\n        title: \"Tab Style\",\n        description: \"Visual style of the tab buttons\",\n        default: \"underline\",\n        \"ai:instructions\":\n          \"Pills are rounded buttons, underline shows a line under active tab, bordered shows tabs with borders\",\n      }),\n    ),\n    fullWidth: Type.Optional(\n      Type.Boolean({\n        title: \"Full Width Tabs\",\n        description: \"Make tab buttons span the full width of the container\",\n        default: false,\n        \"ai:instructions\": \"Enable this to make tab buttons evenly distribute across the full width\",\n      }),\n    ),\n    padding: Type.Optional(\n      cssLengthRef({\n        default: \"1.5rem\",\n        description: \"Padding inside each tab panel.\",\n        \"ai:instructions\": \"Use values like '1rem', '1.5rem', or '2rem' for tab content padding\",\n        title: \"Content Padding\",\n        \"ui:placeholder\": \"Not specified\",\n        \"ui:styleId\": \"styles:padding\",\n      }),\n    ),\n    gap: Type.Optional(\n      cssLengthRef({\n        title: \"Tab Gap\",\n        default: \"0.5rem\",\n        description: \"Gap between tab buttons.\",\n        \"ai:instructions\": \"Small values like '0.25rem' or '0.5rem' work best for tab spacing\",\n        \"ui:placeholder\": \"Not specified\",\n        \"ui:styleId\": \"styles:gap\",\n      }),\n    ),\n    rounding: Type.Optional(\n      roundingRef({\n        default: \"rounded-md\",\n      }),\n    ),\n    border: Type.Optional(borderRef()),\n    shadow: Type.Optional(shadowRef()),\n    loop: Type.Optional(loopRef()),\n    $children: Type.Array(Type.Array(Type.Any()), {\n      \"ui:field\": \"hidden\",\n      description: \"Array of child brick arrays - each sub-array represents the content for one tab\",\n      default: [[], []],\n      examples: [\n        [\n          // Tab 1 content\n          [\n            {\n              type: \"text\",\n              props: {\n                content: \"<h3>Overview</h3><p>This is the overview tab content.</p>\",\n              },\n            },\n          ],\n          // Tab 2 content\n          [\n            {\n              type: \"text\",\n              props: {\n                content: \"<h3>Features</h3><p>Here are our key features.</p>\",\n              },\n            },\n            {\n              type: \"button\",\n              props: {\n                text: \"Learn More\",\n                link: \"/features\",\n              },\n            },\n          ],\n        ],\n      ],\n    }),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  {\n    description: \"Simple tabs with basic content in each panel\",\n    type: \"tabs\",\n    props: {\n      tabs: [{ label: \"About\" }, { label: \"Services\" }, { label: \"Contact\" }],\n      defaultTab: 0,\n      tabStyle: \"underline\",\n      $children: [\n        [\n          {\n            type: \"text\",\n            props: {\n              content: \"<h3>About Us</h3><p>We are a company focused on delivering exceptional results.</p>\",\n            },\n          },\n        ],\n        [\n          {\n            type: \"text\",\n            props: {\n              content: \"<h3>Our Services</h3><p>We offer a wide range of professional services.</p>\",\n            },\n          },\n          {\n            type: \"button\",\n            props: {\n              text: \"View All Services\",\n              link: \"/services\",\n            },\n          },\n        ],\n        [\n          {\n            type: \"text\",\n            props: {\n              content:\n                \"<h3>Contact Information</h3><p>Email: hello@company.com</p><p>Phone: (555) 123-4567</p>\",\n            },\n          },\n        ],\n      ],\n    },\n  },\n  {\n    description: \"Product information tabs with pills style and custom styling\",\n    type: \"tabs\",\n    props: {\n      tabs: [{ label: \"Overview\" }, { label: \"Specifications\" }, { label: \"Reviews\" }, { label: \"Support\" }],\n      defaultTab: 0,\n      tabStyle: \"pills\",\n      fullWidth: true,\n      colorPreset: {\n        color: \"primary-50\",\n      },\n      border: {\n        width: \"border\",\n        color: \"border-primary-200\",\n      },\n      rounding: \"rounded-lg\",\n      padding: \"2rem\",\n      $children: [\n        [\n          {\n            type: \"text\",\n            props: {\n              content: \"<h3>Product Overview</h3><p>This product revolutionizes the way you work.</p>\",\n            },\n          },\n          {\n            type: \"image\",\n            props: {\n              src: \"https://via.placeholder.com/400x200\",\n              alt: \"Product image\",\n            },\n          },\n        ],\n        [\n          {\n            type: \"text\",\n            props: {\n              content:\n                '<h3>Technical Specifications</h3><ul><li>Weight: 2.5 lbs</li><li>Dimensions: 12\" x 8\" x 2\"</li><li>Battery: 8 hours</li></ul>',\n            },\n          },\n        ],\n        [\n          {\n            type: \"text\",\n            props: {\n              content:\n                '<h3>Customer Reviews</h3><p>★★★★★ \"Amazing product, highly recommend!\"</p><p>★★★★☆ \"Great value for money.\"</p>',\n            },\n          },\n        ],\n        [\n          {\n            type: \"text\",\n            props: {\n              content: \"<h3>Support</h3><p>Need help? Contact our support team.</p>\",\n            },\n          },\n          {\n            type: \"button\",\n            props: {\n              text: \"Contact Support\",\n              link: \"/support\",\n            },\n          },\n        ],\n      ],\n    },\n  },\n  {\n    description: \"Portfolio sections with bordered tabs\",\n    type: \"tabs\",\n    props: {\n      tabs: [{ label: \"Web Design\" }, { label: \"Mobile Apps\" }, { label: \"Branding\" }],\n      defaultTab: 0,\n      tabStyle: \"bordered\",\n      shadow: \"shadow-md\",\n      rounding: \"rounded-xl\",\n      $children: [\n        [\n          {\n            type: \"text\",\n            props: {\n              content: \"<h3>Web Design Projects</h3><p>Beautiful, responsive websites that convert.</p>\",\n            },\n          },\n          {\n            type: \"image\",\n            props: {\n              src: \"https://via.placeholder.com/600x300\",\n              alt: \"Web design portfolio\",\n            },\n          },\n        ],\n        [\n          {\n            type: \"text\",\n            props: {\n              content: \"<h3>Mobile Applications</h3><p>Native and cross-platform mobile solutions.</p>\",\n            },\n          },\n          {\n            type: \"image\",\n            props: {\n              src: \"https://via.placeholder.com/300x500\",\n              alt: \"Mobile app portfolio\",\n            },\n          },\n        ],\n        [\n          {\n            type: \"text\",\n            props: {\n              content:\n                \"<h3>Brand Identity</h3><p>Comprehensive branding solutions for modern businesses.</p>\",\n            },\n          },\n          {\n            type: \"image\",\n            props: {\n              src: \"https://via.placeholder.com/500x400\",\n              alt: \"Branding portfolio\",\n            },\n          },\n        ],\n      ],\n    },\n  },\n  {\n    description: \"FAQ sections with bottom-positioned tabs\",\n    type: \"tabs\",\n    props: {\n      tabs: [{ label: \"General\" }, { label: \"Billing\" }, { label: \"Technical\" }],\n      defaultTab: 0,\n      tabPosition: \"bottom\",\n      tabStyle: \"underline\",\n      padding: \"1.5rem\",\n      $children: [\n        [\n          {\n            type: \"text\",\n            props: {\n              content:\n                \"<h3>General Questions</h3><p><strong>What is your company about?</strong></p><p>We provide excellent services to our customers.</p><p><strong>Where are you located?</strong></p><p>We have offices worldwide.</p>\",\n            },\n          },\n        ],\n        [\n          {\n            type: \"text\",\n            props: {\n              content:\n                \"<h3>Billing Questions</h3><p><strong>How does billing work?</strong></p><p>We bill monthly based on usage.</p><p><strong>Can I change my plan?</strong></p><p>Yes, you can upgrade or downgrade anytime.</p>\",\n            },\n          },\n        ],\n        [\n          {\n            type: \"text\",\n            props: {\n              content:\n                \"<h3>Technical Support</h3><p><strong>How do I reset my password?</strong></p><p>Use the forgot password link on the login page.</p><p><strong>Is there an API?</strong></p><p>Yes, we have a comprehensive REST API.</p>\",\n            },\n          },\n        ],\n      ],\n    },\n  },\n  {\n    description: \"Team member profiles using teamMembers query with dynamic tabs\",\n    type: \"tabs\",\n    props: {\n      loop: {\n        over: \"teamMembers\",\n      },\n      tabs: [{ label: \"{{teamMembers.name}}\" }],\n      tabStyle: \"pills\",\n      fullWidth: false,\n      colorPreset: {\n        color: \"secondary-100\",\n      },\n      padding: \"2rem\",\n      $children: [\n        [\n          {\n            type: \"image\",\n            props: {\n              src: \"{{teamMembers.photo}}\",\n              alt: \"{{teamMembers.name}}\",\n            },\n          },\n          {\n            type: \"text\",\n            props: {\n              content:\n                \"<h3>{{teamMembers.name}}</h3><p><strong>{{teamMembers.position}}</strong></p><p>{{teamMembers.bio}}</p><p>Email: {{teamMembers.email}}</p>\",\n            },\n          },\n        ],\n      ],\n    },\n  },\n  {\n    description: \"Product categories using productCategories query\",\n    type: \"tabs\",\n    props: {\n      loop: {\n        over: \"productCategories\",\n      },\n      tabs: [{ label: \"{{productCategories.categoryName}}\" }],\n      tabStyle: \"bordered\",\n      fullWidth: true,\n      border: {\n        width: \"border-2\",\n        color: \"border-primary-300\",\n      },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-lg\",\n      $children: [\n        [\n          {\n            type: \"text\",\n            props: {\n              content:\n                \"<h3>{{productCategories.categoryName}}</h3><p>{{productCategories.description}}</p><p>{{productCategories.productCount}} products available</p>\",\n            },\n          },\n          {\n            type: \"button\",\n            props: {\n              text: \"Browse {{productCategories.categoryName}}\",\n              link: \"/products/{{productCategories.slug}}\",\n            },\n          },\n        ],\n      ],\n    },\n  },\n  {\n    description: \"Service packages with pricing information\",\n    type: \"tabs\",\n    props: {\n      tabs: [{ label: \"Basic\" }, { label: \"Professional\" }, { label: \"Enterprise\" }],\n      defaultTab: 1,\n      tabStyle: \"pills\",\n      fullWidth: true,\n      colorPreset: {\n        color: \"accent-50\",\n      },\n      border: {\n        width: \"border\",\n        color: \"border-accent-200\",\n      },\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-md\",\n      padding: \"2.5rem\",\n      $children: [\n        [\n          {\n            type: \"text\",\n            props: {\n              content:\n                \"<h3>Basic Package</h3><p><strong>$99/month</strong></p><ul><li>5 Projects</li><li>10GB Storage</li><li>Email Support</li></ul>\",\n            },\n          },\n          {\n            type: \"button\",\n            props: {\n              text: \"Choose Basic\",\n              link: \"/pricing/basic\",\n            },\n          },\n        ],\n        [\n          {\n            type: \"text\",\n            props: {\n              content:\n                \"<h3>Professional Package</h3><p><strong>$199/month</strong></p><ul><li>25 Projects</li><li>100GB Storage</li><li>Priority Support</li><li>Advanced Analytics</li></ul>\",\n            },\n          },\n          {\n            type: \"button\",\n            props: {\n              text: \"Choose Professional\",\n              link: \"/pricing/professional\",\n            },\n          },\n        ],\n        [\n          {\n            type: \"text\",\n            props: {\n              content:\n                \"<h3>Enterprise Package</h3><p><strong>$499/month</strong></p><ul><li>Unlimited Projects</li><li>1TB Storage</li><li>24/7 Phone Support</li><li>Custom Integrations</li><li>Dedicated Account Manager</li></ul>\",\n            },\n          },\n          {\n            type: \"button\",\n            props: {\n              text: \"Contact Sales\",\n              link: \"/contact/enterprise\",\n            },\n          },\n        ],\n      ],\n    },\n  },\n  {\n    description: \"Documentation sections with technical content\",\n    type: \"tabs\",\n    props: {\n      tabs: [\n        { label: \"Getting Started\" },\n        { label: \"API Reference\" },\n        { label: \"Examples\" },\n        { label: \"Troubleshooting\" },\n      ],\n      defaultTab: 0,\n      tabStyle: \"underline\",\n      tabPosition: \"top\",\n      padding: \"1.5rem\",\n      colorPreset: {\n        color: \"neutral-50\",\n      },\n      $children: [\n        [\n          {\n            type: \"text\",\n            props: {\n              content:\n                \"<h3>Getting Started</h3><p>Welcome to our platform! Here's how to get started:</p><ol><li>Create an account</li><li>Set up your first project</li><li>Invite team members</li></ol>\",\n            },\n          },\n        ],\n        [\n          {\n            type: \"text\",\n            props: {\n              content:\n                \"<h3>API Reference</h3><p>Our REST API provides programmatic access to all features:</p><pre>GET /api/v1/projects</pre><pre>POST /api/v1/projects</pre>\",\n            },\n          },\n        ],\n        [\n          {\n            type: \"text\",\n            props: {\n              content:\n                \"<h3>Code Examples</h3><p>Here are some common use cases:</p><pre>curl -X GET https://api.example.com/projects</pre>\",\n            },\n          },\n        ],\n        [\n          {\n            type: \"text\",\n            props: {\n              content:\n                \"<h3>Troubleshooting</h3><p><strong>Issue:</strong> Cannot connect to API</p><p><strong>Solution:</strong> Check your API key and network connection.</p>\",\n            },\n          },\n        ],\n      ],\n    },\n  },\n];\n"],"mappings":"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","names":[]}

package/dist/shared/chunk-ZLYIRH2B.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/shared/bricks/props/align.ts"],"sourcesContent":["import type { Static, StringOptions } from \"@sinclair/typebox\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\nimport { typedRef } from \"~/shared/utils/typed-ref\";\n\nexport function justifyContent(options: StringOptions = {}) {\n  return StringEnum(\n    [\"justify-start\", \"justify-center\", \"justify-end\", \"justify-between\", \"justify-around\", \"justify-evenly\"],\n    {\n      enumNames: [\"Start\", \"Center\", \"End\", \"Between\", \"Around\", \"Evenly\"],\n      // $id: \"styles:justifyContent\",\n      title: \"Justify bricks\",\n      \"ui:field\": \"justify-content\",\n      \"ui:responsive\": true,\n      \"ui:styleId\": \"styles:justifyContent\",\n      examples: [\"justify-center\", \"justify-evenly\"],\n      ...options,\n    },\n  );\n}\n\nexport type JustifyContentSettings = Static<ReturnType<typeof justifyContent>>;\n\nexport function justifyContentRef(options: StringOptions = {}) {\n  return typedRef(\"styles:justifyContent\", options);\n}\n\nexport function alignItems(options: StringOptions = {}) {\n  return StringEnum([\"items-start\", \"items-center\", \"items-end\", \"items-stretch\"], {\n    enumNames: [\"Start\", \"Center\", \"End\", \"Stretch\"],\n    // $id: \"styles:alignItems\",\n    title: \"Align bricks\",\n    \"ui:field\": \"align-items\",\n    \"ui:responsive\": true,\n    \"ui:styleId\": \"styles:alignItems\",\n    examples: [\"items-center\", \"items-stretch\"],\n    ...options,\n  });\n}\n\nexport type AlignItemsSettings = Static<ReturnType<typeof alignItems>>;\n\nexport function alignItemsRef(options: StringOptions = {}) {\n  return typedRef(\"styles:alignItems\", options);\n}\n\nexport function alignSelf(options: StringOptions = {}) {\n  return StringEnum([\"self-auto\", \"self-start\", \"self-center\", \"self-end\", \"self-stretch\"], {\n    enumNames: [\"Auto\", \"Start\", \"Center\", \"End\", \"Stretch\"],\n    default: \"self-auto\",\n    // $id: \"styles:alignSelf\",\n    title: \"Align self\",\n    \"ui:field\": \"align-self\",\n    \"ui:responsive\": true,\n    \"ui:styleId\": \"styles:alignSelf\",\n    ...options,\n  });\n}\n\nexport type AlignSelfSettings = Static<ReturnType<typeof alignSelf>>;\n\nexport function alignSelfRef(options: StringOptions = {}) {\n  return typedRef(\"styles:alignSelf\", options);\n}\n"],"mappings":";;;;;;;;;;AAIO,SAAS,eAAe,UAAyB,CAAC,GAAG;AAC1D,SAAO;AAAA,IACL,CAAC,iBAAiB,kBAAkB,eAAe,mBAAmB,kBAAkB,gBAAgB;AAAA,IACxG;AAAA,MACE,WAAW,CAAC,SAAS,UAAU,OAAO,WAAW,UAAU,QAAQ;AAAA;AAAA,MAEnE,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,cAAc;AAAA,MACd,UAAU,CAAC,kBAAkB,gBAAgB;AAAA,MAC7C,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAIO,SAAS,kBAAkB,UAAyB,CAAC,GAAG;AAC7D,SAAO,SAAS,yBAAyB,OAAO;AAClD;AAEO,SAAS,WAAW,UAAyB,CAAC,GAAG;AACtD,SAAO,WAAW,CAAC,eAAe,gBAAgB,aAAa,eAAe,GAAG;AAAA,IAC/E,WAAW,CAAC,SAAS,UAAU,OAAO,SAAS;AAAA;AAAA,IAE/C,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,UAAU,CAAC,gBAAgB,eAAe;AAAA,IAC1C,GAAG;AAAA,EACL,CAAC;AACH;AAIO,SAAS,cAAc,UAAyB,CAAC,GAAG;AACzD,SAAO,SAAS,qBAAqB,OAAO;AAC9C;AAEO,SAAS,UAAU,UAAyB,CAAC,GAAG;AACrD,SAAO,WAAW,CAAC,aAAa,cAAc,eAAe,YAAY,cAAc,GAAG;AAAA,IACxF,WAAW,CAAC,QAAQ,SAAS,UAAU,OAAO,SAAS;AAAA,IACvD,SAAS;AAAA;AAAA,IAET,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,GAAG;AAAA,EACL,CAAC;AACH;AAIO,SAAS,aAAa,UAAyB,CAAC,GAAG;AACxD,SAAO,SAAS,oBAAoB,OAAO;AAC7C;","names":[]}