@upstart.gg/sdk 0.0.138 → 0.0.139

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

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"table.manifest.js","names":["examples: BrickExample<Manifest>[]"],"sources":["../../../../src/shared/bricks/manifests/table.manifest.ts"],"sourcesContent":["import { Type } from \"@sinclair/typebox\";\nimport { RiTable2 } from \"react-icons/ri\";\nimport { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { colorPreset } from \"../props/color-preset\";\nimport { border, rounding } from \"../props/border\";\nimport { loop } from \"../props/dynamic\";\nimport { cssLength } from \"../props/css-length\";\nimport { fontSize } from \"../props/text\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\nimport type { BrickExample } from \"./_types\";\nimport { grow } from \"../props/grow\";\n\nexport const manifest = defineBrickManifest({\n  type: \"table\",\n  name: \"Table\",\n  category: \"widgets\",\n  description: \"Displays data in a structured table format with customizable columns and rows.\",\n  aiInstructions:\n    \"Use this brick to display structured data like product listings, pricing tables, user lists, or any tabular data. Can consume dynamic data from queries or use static data. Each column can be customized for content type and alignment.\",\n  consumesMultipleQueryRows: true,\n  defaultInspectorTab: \"content\",\n  isContainer: false,\n  minHeight: {\n    desktop: 200,\n  },\n  minWidth: {\n    desktop: 400,\n  },\n  defaultWidth: {\n    desktop: \"100%\",\n    mobile: \"100%\",\n  },\n  icon: RiTable2,\n  props: defineProps({\n    colorPreset: Type.Optional(\n      colorPreset({\n        title: \"Color\",\n      }),\n    ),\n    loop: Type.Optional(loop()),\n    columns: Type.Array(\n      Type.Object({\n        header: Type.String({\n          title: \"Header\",\n          default: \"Column Header\",\n          metadata: { category: \"content\" },\n        }),\n        field: Type.String({\n          title: \"Field\",\n          default: \"fieldName\",\n          description: \"The field name from the data source or static content\",\n          metadata: { category: \"content\" },\n        }),\n        width: Type.Optional(\n          StringEnum([\"auto\", \"min\", \"1fr\", \"2fr\", \"3fr\"], {\n            title: \"Width\",\n            description: \"Column width behavior\",\n            enumNames: [\"Auto\", \"Minimum\", \"1 fraction\", \"2 fractions\", \"3 fractions\"],\n            default: \"auto\",\n          }),\n        ),\n        align: Type.Optional(\n          StringEnum([\"left\", \"center\", \"right\"], {\n            title: \"Alignment\",\n            description: \"Text alignment in this column\",\n            enumNames: [\"Left\", \"Center\", \"Right\"],\n            default: \"left\",\n          }),\n        ),\n        type: Type.Optional(\n          StringEnum([\"text\", \"image\", \"link\", \"currency\", \"date\"], {\n            title: \"Content Type\",\n            description: \"How to render the content in this column\",\n            enumNames: [\"Text\", \"Image\", \"Link\", \"Currency\", \"Date\"],\n            default: \"text\",\n          }),\n        ),\n      }),\n      {\n        title: \"Columns\",\n        default: [\n          { header: \"Name\", field: \"name\", width: \"2fr\", align: \"left\", type: \"text\" },\n          { header: \"Email\", field: \"email\", width: \"2fr\", align: \"left\", type: \"text\" },\n          { header: \"Role\", field: \"role\", width: \"1fr\", align: \"left\", type: \"text\" },\n        ],\n        metadata: {\n          category: \"content\",\n        },\n      },\n    ),\n    rows: Type.Optional(\n      Type.Array(Type.Record(Type.String(), Type.Any()), {\n        title: \"Static Data\",\n        description: \"Static table data when not using dynamic queries\",\n        default: [\n          { name: \"John Doe\", email: \"john@example.com\", role: \"Manager\" },\n          { name: \"Jane Smith\", email: \"jane@example.com\", role: \"Developer\" },\n          { name: \"Mike Johnson\", email: \"mike@example.com\", role: \"Designer\" },\n        ],\n        metadata: {\n          category: \"content\",\n          consumeQuery: true,\n        },\n      }),\n    ),\n    showHeader: Type.Optional(\n      Type.Boolean({\n        title: \"Show Header\",\n        description: \"Display the table header row\",\n        default: true,\n      }),\n    ),\n    striped: Type.Optional(\n      Type.Boolean({\n        title: \"Striped Rows\",\n        description: \"Alternate row colors for better readability\",\n        default: true,\n      }),\n    ),\n    hover: Type.Optional(\n      Type.Boolean({\n        title: \"Hover Effect\",\n        description: \"Highlight rows on hover\",\n        default: true,\n      }),\n    ),\n    fontSize: Type.Optional(\n      fontSize({\n        title: \"Font Size\",\n        description: \"Text size for table content\",\n        default: \"text-sm\",\n      }),\n    ),\n    padding: Type.Optional(\n      cssLength({\n        default: \"1rem\",\n        description: \"Padding inside table cells\",\n        title: \"Cell Padding\",\n        \"ui:responsive\": true,\n        \"ui:placeholder\": \"Not specified\",\n        \"ui:styleId\": \"styles:padding\",\n      }),\n    ),\n    rounding: Type.Optional(\n      rounding({\n        default: \"rounded-lg\",\n      }),\n    ),\n    border: Type.Optional(\n      border({\n        default: { width: \"border\", color: \"border-gray-200\" },\n      }),\n    ),\n    grow: Type.Optional(\n      grow({\n        default: true,\n      }),\n    ),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  {\n    description: \"Team members table with basic information\",\n    type: \"table\",\n    props: {\n      showHeader: true,\n      striped: true,\n      hover: true,\n      columns: [\n        { header: \"Name\", field: \"name\", width: \"2fr\", align: \"left\", type: \"text\" },\n        { header: \"Email\", field: \"email\", width: \"2fr\", align: \"left\", type: \"text\" },\n        { header: \"Department\", field: \"department\", width: \"1fr\", align: \"left\", type: \"text\" },\n        { header: \"Role\", field: \"role\", width: \"1fr\", align: \"left\", type: \"text\" },\n      ],\n      rows: [\n        {\n          name: \"Sarah Johnson\",\n          email: \"sarah@company.com\",\n          department: \"Engineering\",\n          role: \"Senior Developer\",\n        },\n        { name: \"Mike Chen\", email: \"mike@company.com\", department: \"Design\", role: \"UX Designer\" },\n        {\n          name: \"Emily Rodriguez\",\n          email: \"emily@company.com\",\n          department: \"Marketing\",\n          role: \"Content Manager\",\n        },\n        { name: \"David Park\", email: \"david@company.com\", department: \"Sales\", role: \"Account Executive\" },\n      ],\n      colorPreset: { color: \"neutral-50\" },\n      fontSize: \"text-sm\",\n      padding: \"0.75rem\",\n    },\n  },\n  {\n    description: \"Product pricing table with currency formatting\",\n    type: \"table\",\n    props: {\n      showHeader: true,\n      striped: false,\n      hover: true,\n      columns: [\n        { header: \"Product\", field: \"product\", width: \"2fr\", align: \"left\", type: \"text\" },\n        { header: \"Category\", field: \"category\", width: \"1fr\", align: \"center\", type: \"text\" },\n        { header: \"Price\", field: \"price\", width: \"1fr\", align: \"right\", type: \"currency\" },\n        { header: \"Stock\", field: \"stock\", width: \"1fr\", align: \"center\", type: \"text\" },\n      ],\n      rows: [\n        { product: \"Wireless Headphones\", category: \"Audio\", price: \"299.99\", stock: \"In Stock\" },\n        { product: \"Bluetooth Speaker\", category: \"Audio\", price: \"149.99\", stock: \"Low Stock\" },\n        { product: \"Smartphone\", category: \"Mobile\", price: \"699.99\", stock: \"In Stock\" },\n        { product: \"Laptop Stand\", category: \"Accessories\", price: \"79.99\", stock: \"Out of Stock\" },\n      ],\n      colorPreset: { color: \"primary-50\" },\n      fontSize: \"text-base\",\n      border: { width: \"border-2\", color: \"border-primary-300\" },\n      rounding: \"rounded-xl\",\n    },\n  },\n  {\n    description: \"Event schedule table with dates and links\",\n    type: \"table\",\n    props: {\n      showHeader: true,\n      striped: true,\n      hover: false,\n      columns: [\n        { header: \"Event\", field: \"event\", width: \"2fr\", align: \"left\", type: \"text\" },\n        { header: \"Date\", field: \"date\", width: \"1fr\", align: \"center\", type: \"date\" },\n        { header: \"Location\", field: \"location\", width: \"1fr\", align: \"center\", type: \"text\" },\n        { header: \"Register\", field: \"link\", width: \"1fr\", align: \"center\", type: \"link\" },\n      ],\n      rows: [\n        {\n          event: \"Web Development Workshop\",\n          date: \"2024-03-15\",\n          location: \"Room A\",\n          link: \"/events/workshop\",\n        },\n        { event: \"Design Thinking Seminar\", date: \"2024-03-22\", location: \"Room B\", link: \"/events/seminar\" },\n        { event: \"Networking Event\", date: \"2024-03-29\", location: \"Main Hall\", link: \"/events/networking\" },\n      ],\n      colorPreset: { color: \"secondary-100\" },\n      fontSize: \"text-sm\",\n      padding: \"1rem\",\n    },\n  },\n  {\n    description: \"Comparison table with centered alignment\",\n    type: \"table\",\n    props: {\n      showHeader: true,\n      striped: false,\n      hover: false,\n      columns: [\n        { header: \"Feature\", field: \"feature\", width: \"2fr\", align: \"left\", type: \"text\" },\n        { header: \"Basic\", field: \"basic\", width: \"1fr\", align: \"center\", type: \"text\" },\n        { header: \"Pro\", field: \"pro\", width: \"1fr\", align: \"center\", type: \"text\" },\n        { header: \"Enterprise\", field: \"enterprise\", width: \"1fr\", align: \"center\", type: \"text\" },\n      ],\n      rows: [\n        { feature: \"Storage Space\", basic: \"10GB\", pro: \"100GB\", enterprise: \"Unlimited\" },\n        { feature: \"Users\", basic: \"5\", pro: \"25\", enterprise: \"Unlimited\" },\n        { feature: \"Support\", basic: \"Email\", pro: \"Priority\", enterprise: \"Dedicated\" },\n        { feature: \"API Access\", basic: \"❌\", pro: \"✅\", enterprise: \"✅\" },\n      ],\n      colorPreset: { color: \"accent-50\" },\n      border: { width: \"border\", color: \"border-accent-300\" },\n      fontSize: \"text-base\",\n      padding: \"1.25rem\",\n      rounding: \"rounded-lg\",\n    },\n  },\n  {\n    description: \"Simple data table without header\",\n    type: \"table\",\n    props: {\n      showHeader: false,\n      striped: true,\n      hover: true,\n      columns: [\n        { header: \"\", field: \"label\", width: \"1fr\", align: \"left\", type: \"text\" },\n        { header: \"\", field: \"value\", width: \"1fr\", align: \"right\", type: \"text\" },\n      ],\n      rows: [\n        { label: \"Founded\", value: \"2010\" },\n        { label: \"Employees\", value: \"250+\" },\n        { label: \"Locations\", value: \"15 cities\" },\n        { label: \"Revenue\", value: \"$50M+\" },\n      ],\n      colorPreset: { color: \"neutral-100\" },\n      fontSize: \"text-sm\",\n      padding: \"0.5rem\",\n      border: { width: \"border-0\", color: \"\" },\n    },\n  },\n  {\n    description: \"Dynamic employee table using employees query\",\n    type: \"table\",\n    props: {\n      showHeader: true,\n      striped: true,\n      hover: true,\n      columns: [\n        { header: \"Full Name\", field: \"fullName\", width: \"2fr\", align: \"left\", type: \"text\" },\n        { header: \"Position\", field: \"position\", width: \"2fr\", align: \"left\", type: \"text\" },\n        { header: \"Department\", field: \"department\", width: \"1fr\", align: \"center\", type: \"text\" },\n        { header: \"Start Date\", field: \"startDate\", width: \"1fr\", align: \"center\", type: \"date\" },\n      ],\n      rows: [\n        {\n          fullName: \"{{employees.fullName}}\",\n          position: \"{{employees.position}}\",\n          department: \"{{employees.department}}\",\n          startDate: \"{{employees.startDate}}\",\n        },\n      ],\n      loop: { over: \"employees\" },\n      colorPreset: { color: \"primary-50\" },\n      fontSize: \"text-sm\",\n      padding: \"0.75rem\",\n    },\n  },\n  {\n    description: \"Product catalog using products query with pricing\",\n    type: \"table\",\n    props: {\n      showHeader: true,\n      striped: false,\n      hover: true,\n      columns: [\n        { header: \"Product\", field: \"name\", width: \"2fr\", align: \"left\", type: \"text\" },\n        { header: \"Category\", field: \"category\", width: \"1fr\", align: \"center\", type: \"text\" },\n        { header: \"Price\", field: \"price\", width: \"1fr\", align: \"right\", type: \"currency\" },\n        { header: \"Status\", field: \"status\", width: \"1fr\", align: \"center\", type: \"text\" },\n      ],\n      rows: [\n        {\n          name: \"{{products.name}}\",\n          category: \"{{products.category}}\",\n          price: \"{{products.price}}\",\n          status: \"{{products.availability}}\",\n        },\n      ],\n      loop: { over: \"products\" },\n      colorPreset: { color: \"secondary-100\" },\n      border: { width: \"border-2\", color: \"border-secondary-300\" },\n      rounding: \"rounded-xl\",\n    },\n  },\n  {\n    description: \"Orders dashboard using orders query with links\",\n    type: \"table\",\n    props: {\n      showHeader: true,\n      striped: true,\n      hover: true,\n      columns: [\n        { header: \"Order ID\", field: \"orderId\", width: \"1fr\", align: \"left\", type: \"text\" },\n        { header: \"Customer\", field: \"customerName\", width: \"2fr\", align: \"left\", type: \"text\" },\n        { header: \"Total\", field: \"total\", width: \"1fr\", align: \"right\", type: \"currency\" },\n        { header: \"Status\", field: \"status\", width: \"1fr\", align: \"center\", type: \"text\" },\n        { header: \"View\", field: \"viewLink\", width: \"1fr\", align: \"center\", type: \"link\" },\n      ],\n      rows: [\n        {\n          orderId: \"{{orders.id}}\",\n          customerName: \"{{orders.customerName}}\",\n          total: \"{{orders.total}}\",\n          status: \"{{orders.status}}\",\n          viewLink: \"/orders/{{orders.id}}\",\n        },\n      ],\n      loop: { over: \"orders\" },\n      colorPreset: { color: \"accent-50\" },\n      fontSize: \"text-sm\",\n    },\n  },\n  {\n    description: \"Event attendees using attendees query\",\n    type: \"table\",\n    props: {\n      showHeader: true,\n      striped: true,\n      hover: false,\n      columns: [\n        { header: \"Name\", field: \"name\", width: \"2fr\", align: \"left\", type: \"text\" },\n        { header: \"Email\", field: \"email\", width: \"2fr\", align: \"left\", type: \"text\" },\n        { header: \"Company\", field: \"company\", width: \"1fr\", align: \"left\", type: \"text\" },\n        {\n          header: \"Registration Date\",\n          field: \"registrationDate\",\n          width: \"1fr\",\n          align: \"center\",\n          type: \"date\",\n        },\n      ],\n      rows: [\n        {\n          name: \"{{attendees.fullName}}\",\n          email: \"{{attendees.email}}\",\n          company: \"{{attendees.company}}\",\n          registrationDate: \"{{attendees.registrationDate}}\",\n        },\n      ],\n      loop: { over: \"attendees\" },\n      colorPreset: { color: \"neutral-100\" },\n      border: { width: \"border\", color: \"border-neutral-300\" },\n      padding: \"1rem\",\n    },\n  },\n  {\n    description: \"Invoice items using invoiceItems query with detailed pricing\",\n    type: \"table\",\n    props: {\n      showHeader: true,\n      striped: false,\n      hover: false,\n      columns: [\n        { header: \"Description\", field: \"description\", width: \"3fr\", align: \"left\", type: \"text\" },\n        { header: \"Quantity\", field: \"quantity\", width: \"1fr\", align: \"center\", type: \"text\" },\n        { header: \"Unit Price\", field: \"unitPrice\", width: \"1fr\", align: \"right\", type: \"currency\" },\n        { header: \"Total\", field: \"total\", width: \"1fr\", align: \"right\", type: \"currency\" },\n      ],\n      rows: [\n        {\n          description: \"{{invoiceItems.description}}\",\n          quantity: \"{{invoiceItems.quantity}}\",\n          unitPrice: \"{{invoiceItems.unitPrice}}\",\n          total: \"{{invoiceItems.lineTotal}}\",\n        },\n      ],\n      loop: { over: \"invoiceItems\" },\n      colorPreset: { color: \"primary-100\" },\n      border: { width: \"border-2\", color: \"border-primary-400\" },\n      fontSize: \"text-base\",\n      padding: \"1rem\",\n      rounding: \"rounded-lg\",\n    },\n  },\n];\n"],"mappings":"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"}

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

@@ -1,86 +1,93 @@
-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">>;
-    } & {
-        colorPreset: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
-            color: import("@sinclair/typebox").TUnsafe<"none" | "primary-50" | "primary-100" | "primary-200" | "primary-300" | "primary-400" | "primary-500" | "primary-600" | "primary-700" | "primary-800" | "primary-900" | "secondary-50" | "secondary-100" | "secondary-200" | "secondary-300" | "secondary-400" | "secondary-500" | "secondary-600" | "secondary-700" | "secondary-800" | "secondary-900" | "accent-50" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "base-100" | "base-200" | "base-300" | "primary-gradient-100" | "primary-gradient-200" | "primary-gradient-300" | "primary-gradient-400" | "primary-gradient-500" | "primary-gradient-600" | "primary-gradient-700" | "primary-gradient-800" | "secondary-gradient-100" | "secondary-gradient-200" | "secondary-gradient-300" | "secondary-gradient-400" | "secondary-gradient-500" | "secondary-gradient-600" | "secondary-gradient-700" | "secondary-gradient-800" | "accent-gradient-100" | "accent-gradient-200" | "accent-gradient-300" | "accent-gradient-400" | "accent-gradient-500" | "accent-gradient-600" | "accent-gradient-700" | "accent-gradient-800" | "neutral-gradient-100" | "neutral-gradient-200" | "neutral-gradient-300" | "neutral-gradient-400" | "neutral-gradient-500" | "neutral-gradient-600" | "neutral-gradient-700" | "neutral-gradient-800" | "base-gradient-100" | "base-gradient-200">;
-            gradientDirection: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"bg-gradient-to-t" | "bg-gradient-to-r" | "bg-gradient-to-b" | "bg-gradient-to-l" | "bg-gradient-to-tl" | "bg-gradient-to-tr" | "bg-gradient-to-br" | "bg-gradient-to-bl">>;
-        }>>;
-        tabs: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TObject<{
-            label: import("@sinclair/typebox").TString;
-            id: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        }>>;
-        defaultTab: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
-        tabPosition: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"bottom" | "top">>;
-        tabStyle: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"underline" | "pills" | "bordered">>;
-        fullWidth: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TBoolean>;
-        padding: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        gap: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
-        rounding: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"rounded-auto" | "rounded-none" | "rounded-sm" | "rounded-md" | "rounded-lg" | "rounded-xl" | "rounded-2xl" | "rounded-full">>;
-        border: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
-            width: import("@sinclair/typebox").TUnsafe<"border" | "border-0" | "border-2" | "border-4" | "border-8">;
-            color: import("@sinclair/typebox").TString;
-        }>>;
-        shadow: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnsafe<"shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl" | "shadow-2xl">>;
-        loop: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
-            over: import("@sinclair/typebox").TString;
-            overrideLimit: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
-        }>>;
-        $children: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TAny>;
-    }>;
-    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_typebox5298 from "@sinclair/typebox";
+import * as react_icons_lib15 from "react-icons/lib";
+
+//#region src/shared/bricks/manifests/tabs.manifest.d.ts
+declare const manifest: {
+  readonly icon: react_icons_lib15.IconType;
+  readonly props: _sinclair_typebox5298.TObject<{
+    lastTouched: _sinclair_typebox5298.TOptional<_sinclair_typebox5298.TNumber>;
+    hidden: _sinclair_typebox5298.TOptional<_sinclair_typebox5298.TObject<{
+      desktop: _sinclair_typebox5298.TOptional<_sinclair_typebox5298.TBoolean>;
+      mobile: _sinclair_typebox5298.TOptional<_sinclair_typebox5298.TBoolean>;
+    }>>;
+    editable: _sinclair_typebox5298.TOptional<_sinclair_typebox5298.TBoolean>;
+    width: _sinclair_typebox5298.TOptional<_sinclair_typebox5298.TString>;
+    height: _sinclair_typebox5298.TOptional<_sinclair_typebox5298.TString>;
+    grow: _sinclair_typebox5298.TOptional<_sinclair_typebox5298.TBoolean>;
+    alignSelf: _sinclair_typebox5298.TOptional<_sinclair_typebox5298.TUnsafe<"self-auto" | "self-start" | "self-center" | "self-end" | "self-stretch">>;
+  } & {
+    colorPreset: _sinclair_typebox5298.TOptional<_sinclair_typebox5298.TObject<{
+      color: _sinclair_typebox5298.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_typebox5298.TOptional<_sinclair_typebox5298.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">>;
+    }>>;
+    tabs: _sinclair_typebox5298.TArray<_sinclair_typebox5298.TObject<{
+      label: _sinclair_typebox5298.TString;
+      id: _sinclair_typebox5298.TOptional<_sinclair_typebox5298.TString>;
+    }>>;
+    defaultTab: _sinclair_typebox5298.TOptional<_sinclair_typebox5298.TNumber>;
+    tabPosition: _sinclair_typebox5298.TOptional<_sinclair_typebox5298.TUnsafe<"bottom" | "top">>;
+    tabStyle: _sinclair_typebox5298.TOptional<_sinclair_typebox5298.TUnsafe<"underline" | "pills" | "bordered">>;
+    fullWidth: _sinclair_typebox5298.TOptional<_sinclair_typebox5298.TBoolean>;
+    padding: _sinclair_typebox5298.TOptional<_sinclair_typebox5298.TString>;
+    gap: _sinclair_typebox5298.TOptional<_sinclair_typebox5298.TString>;
+    rounding: _sinclair_typebox5298.TOptional<_sinclair_typebox5298.TUnsafe<"rounded-md" | "rounded-auto" | "rounded-none" | "rounded-sm" | "rounded-lg" | "rounded-xl" | "rounded-2xl" | "rounded-full">>;
+    border: _sinclair_typebox5298.TOptional<_sinclair_typebox5298.TObject<{
+      width: _sinclair_typebox5298.TUnsafe<"border" | "border-0" | "border-2" | "border-4" | "border-8">;
+      color: _sinclair_typebox5298.TString;
+    }>>;
+    shadow: _sinclair_typebox5298.TOptional<_sinclair_typebox5298.TUnsafe<"shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl" | "shadow-2xl">>;
+    loop: _sinclair_typebox5298.TOptional<_sinclair_typebox5298.TObject<{
+      over: _sinclair_typebox5298.TString;
+      overrideLimit: _sinclair_typebox5298.TOptional<_sinclair_typebox5298.TNumber>;
+    }>>;
+    $children: _sinclair_typebox5298.TArray<_sinclair_typebox5298.TAny>;
+  }>;
+  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=tabs.manifest.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.manifest.d.ts","sourceRoot":"","sources":["../../../../src/shared/bricks/manifests/tabs.manifest.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAkB7C,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAlBd,CAAA;eAAsB,CAAA;;;cACmB,CAAC;eAElC,CAAC;;;cAGZ,CAAA;eACA,CAAF;;;cACc,CAAC;eAAqB,CAAC;;;;;CAmIrC,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC;AAEvC,eAAO,MAAM,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,EAAO,CAAC"}
+{"version":3,"file":"tabs.manifest.d.ts","names":[],"sources":["../../../../src/shared/bricks/manifests/tabs.manifest.ts"],"sourcesContent":[],"mappings":";;;;;;cA4Ba;iBAyHX,iBAAA,CAAA;;;;MAzHW,OAyHX,iCAAA,gCAAA;MAAA,MAAA,iCAAA,gCAAA;IAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAEU,SAAA,QAAQ,CAAA,EAAA;IAEP,MAAA,CAAuC,EAAA,MAAA;IAAA,OAAA,CAAA,EAAA,MAAA;;WAA7B,SAAA,CAAA,EAAA;IAAY,MAAA,CAAA,EAAA,MAAA;;;;;;;;;;;KAFvB,QAAA,UAAkB;cAEjB,UAAU,aAAa"}

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

@@ -1,27 +1,121 @@
-/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+import { StringEnum } from "../../utils/string-enum.js";
+import { defineBrickManifest } from "../../brick-manifest.js";
+import { cssLength } from "../props/css-length.js";
+import { defineProps } from "../props/helpers.js";
+import { shadow } from "../props/effects.js";
+import { colorPreset } from "../props/color-preset.js";
+import { loop } from "../props/dynamic.js";
+import { border, rounding } from "../props/border.js";
+import { Type } from "@sinclair/typebox";
+import { TfiLayoutTabWindow } from "react-icons/tfi";
 
-import {
-  examples,
-  manifest
-} from "../../chunk-KTA7XES3.js";
-import "../../chunk-VYA2FCTY.js";
-import "../../chunk-EUFVTHAG.js";
-import "../../chunk-UC75KRLX.js";
-import "../../chunk-5RCC2STG.js";
-import "../../chunk-XFZQGRRL.js";
-import "../../chunk-IEMCCHM4.js";
-import "../../chunk-2UEPTT5J.js";
-import "../../chunk-2EOCK66Z.js";
-import "../../chunk-OJ6KL7FU.js";
-import "../../chunk-ZRBTAC3G.js";
-import "../../chunk-EMF5TCPX.js";
-import "../../chunk-MO6CRLQA.js";
-import "../../chunk-GNTJT7MR.js";
-import "../../chunk-TZ6X7ZM5.js";
-import "../../chunk-GDYCCB3B.js";
-import "../../chunk-ZGQ3AQBG.js";
-export {
-  examples,
-  manifest
-};
+//#region src/shared/bricks/manifests/tabs.manifest.ts
+const 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)"
+	}))
+});
+const 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,
+	consumesMultipleQueryRows: true,
+	defaultWidth: {
+		desktop: "100%",
+		mobile: "100%"
+	},
+	defaultHeight: { desktop: "auto" },
+	icon: TfiLayoutTabWindow,
+	props: defineProps({
+		colorPreset: Type.Optional(colorPreset({ 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(cssLength({
+			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(cssLength({
+			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: rounding({ default: "rounded-md" }),
+		border: Type.Optional(border()),
+		shadow: Type.Optional(shadow()),
+		loop: Type.Optional(loop()),
+		$children: Type.Array(Type.Any(), {
+			"ui:field": "hidden",
+			description: "Array of child bricks - each item represents the content for one tab. If you want multiple bricks in one tab, use a 'box' brick as the single child for that tab.",
+			examples: [[{
+				type: "text",
+				props: { content: "<h3>Overview</h3><p>This is the overview tab content.</p>" }
+			}, [{
+				type: "text",
+				props: { content: "<h3>Features</h3><p>Here are our key features.</p>" }
+			}]]]
+		})
+	})
+});
+const examples = [];
+
+//#endregion
+export { examples, manifest };
 //# sourceMappingURL=tabs.manifest.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"tabs.manifest.js","names":["examples: BrickExample<Manifest>[]"],"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 { border, rounding } from \"../props/border\";\nimport { shadow } from \"../props/effects\";\nimport { cssLength } from \"../props/css-length\";\nimport { HiOutlineViewColumns } from \"react-icons/hi2\";\nimport { colorPreset } from \"../props/color-preset\";\nimport { loop } from \"../props/dynamic\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\nimport type { BrickExample } from \"./_types\";\nimport { TfiLayoutTabWindow } from \"react-icons/tfi\";\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  consumesMultipleQueryRows: true,\n  defaultWidth: {\n    desktop: \"100%\",\n    mobile: \"100%\",\n  },\n  defaultHeight: {\n    desktop: \"auto\",\n  },\n  icon: TfiLayoutTabWindow,\n  props: defineProps({\n    colorPreset: Type.Optional(\n      colorPreset({\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      cssLength({\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      cssLength({\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: rounding({\n      default: \"rounded-md\",\n    }),\n    border: Type.Optional(border()),\n    shadow: Type.Optional(shadow()),\n    loop: Type.Optional(loop()),\n    $children: Type.Array(Type.Any(), {\n      \"ui:field\": \"hidden\",\n      description:\n        \"Array of child bricks - each item represents the content for one tab. If you want multiple bricks in one tab, use a 'box' brick as the single child for that tab.\",\n      examples: [\n        [\n          // Tab 1 content\n          {\n            type: \"text\",\n            props: {\n              content: \"<h3>Overview</h3><p>This is the overview tab content.</p>\",\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        ],\n      ],\n    }),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [];\n"],"mappings":";;;;;;;;;;;;AAcA,MAAM,SAAS,KAAK,OAAO;CACzB,OAAO,KAAK,OAAO;EACjB,OAAO;EACP,aAAa;EACb,mBAAmB;EACpB,CAAC;CACF,IAAI,KAAK,SACP,KAAK,OAAO;EACV,OAAO;EACP,aAAa;EACd,CAAC,CACH;CACF,CAAC;AAEF,MAAa,WAAW,oBAAoB;CAC1C,MAAM;CACN,UAAU;CACV,MAAM;CACN,aAAa;CACb,gBACE;CACF,aAAa;CACb,2BAA2B;CAC3B,cAAc;EACZ,SAAS;EACT,QAAQ;EACT;CACD,eAAe,EACb,SAAS,QACV;CACD,MAAM;CACN,OAAO,YAAY;EACjB,aAAa,KAAK,SAChB,YAAY,EACV,OAAO,SACR,CAAC,CACH;EACD,MAAM,KAAK,MAAM,QAAQ;GACvB,OAAO;GACP,aAAa;GACb,SAAS,CAAC,EAAE,OAAO,SAAS,EAAE,EAAE,OAAO,SAAS,CAAC;GACjD,mBACE;GACF,UAAU,CACR;IAAC,EAAE,OAAO,YAAY;IAAE,EAAE,OAAO,YAAY;IAAE,EAAE,OAAO,WAAW;IAAC,EACpE;IAAC,EAAE,OAAO,SAAS;IAAE,EAAE,OAAO,YAAY;IAAE,EAAE,OAAO,WAAW;IAAC,CAClE;GACF,CAAC;EACF,YAAY,KAAK,SACf,KAAK,OAAO;GACV,OAAO;GACP,aAAa;GACb,SAAS;GACT,SAAS;GACT,mBAAmB;GACpB,CAAC,CACH;EACD,aAAa,KAAK,SAChB,WAAW,CAAC,OAAO,SAAS,EAAE;GAC5B,OAAO;GACP,aAAa;GACb,SAAS;GACT,mBACE;GACH,CAAC,CACH;EACD,UAAU,KAAK,SACb,WAAW;GAAC;GAAS;GAAa;GAAW,EAAE;GAC7C,OAAO;GACP,aAAa;GACb,SAAS;GACT,mBACE;GACH,CAAC,CACH;EACD,WAAW,KAAK,SACd,KAAK,QAAQ;GACX,OAAO;GACP,aAAa;GACb,SAAS;GACT,mBAAmB;GACpB,CAAC,CACH;EACD,SAAS,KAAK,SACZ,UAAU;GACR,SAAS;GACT,aAAa;GACb,mBAAmB;GACnB,OAAO;GACP,kBAAkB;GAClB,cAAc;GACf,CAAC,CACH;EACD,KAAK,KAAK,SACR,UAAU;GACR,OAAO;GACP,SAAS;GACT,aAAa;GACb,mBAAmB;GACnB,kBAAkB;GAClB,cAAc;GACf,CAAC,CACH;EACD,UAAU,SAAS,EACjB,SAAS,cACV,CAAC;EACF,QAAQ,KAAK,SAAS,QAAQ,CAAC;EAC/B,QAAQ,KAAK,SAAS,QAAQ,CAAC;EAC/B,MAAM,KAAK,SAAS,MAAM,CAAC;EAC3B,WAAW,KAAK,MAAM,KAAK,KAAK,EAAE;GAChC,YAAY;GACZ,aACE;GACF,UAAU,CACR,CAEE;IACE,MAAM;IACN,OAAO,EACL,SAAS,6DACV;IACF,EAED,CACE;IACE,MAAM;IACN,OAAO,EACL,SAAS,sDACV;IACF,CACF,CACF,CACF;GACF,CAAC;EACH,CAAC;CACH,CAAC;AAIF,MAAaA,WAAqC,EAAE"}