@upstart.gg/sdk 0.0.136 → 0.0.138

package/dist/shared/chunk-J6R3GSKS.js

@@ -0,0 +1,386 @@
+/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+
+import {
+  defaultProps,
+  manifests
+} from "./chunk-IPWYNE6Y.js";
+import {
+  mergeIgnoringArrays
+} from "./chunk-3ZDN5BWN.js";
+import {
+  direction
+} from "./chunk-WPZV3LYL.js";
+import {
+  background
+} from "./chunk-5OVOXUFX.js";
+import {
+  colorPreset
+} from "./chunk-IEMCCHM4.js";
+import {
+  cssLength
+} from "./chunk-OJ6KL7FU.js";
+import {
+  alignItems,
+  justifyContent
+} from "./chunk-ZRBTAC3G.js";
+import {
+  toLLMSchema
+} from "./chunk-MO6CRLQA.js";
+import {
+  getSchemaDefaults
+} from "./chunk-TZ6X7ZM5.js";
+import {
+  StringEnum
+} from "./chunk-GDYCCB3B.js";
+
+// src/shared/bricks.ts
+import { Type } from "@sinclair/typebox";
+import { customAlphabet } from "nanoid";
+var generateId = customAlphabet("azertyuiopqsdfghjklmwxcvbnAZERTYUIOPQSDFGHJKLMWXCVBN", 7);
+var brickAbsolutePositionSchema = Type.Object({
+  left: Type.Optional(
+    Type.String({
+      title: "top",
+      description: "The left position in css unit."
+    })
+  ),
+  top: Type.Optional(
+    Type.String({
+      title: "top",
+      description: "The top position in css unit."
+    })
+  ),
+  right: Type.Optional(
+    Type.String({
+      title: "right",
+      description: "The right position in css unit."
+    })
+  ),
+  bottom: Type.Optional(
+    Type.String({
+      title: "bottom",
+      description: "The bottom position in css unit."
+    })
+  ),
+  inset: Type.Optional(
+    Type.String({
+      title: "inset",
+      description: "The inset position in css unit."
+    })
+  ),
+  translateX: Type.Optional(
+    Type.String({
+      title: "translateX",
+      description: "The translateX position in css unit."
+    })
+  ),
+  translateY: Type.Optional(
+    Type.String({
+      title: "translateY",
+      description: "The translateY position in css unit."
+    })
+  ),
+  rotate: Type.Optional(
+    Type.String({
+      title: "rotate",
+      description: "The rotate position in css unit."
+    })
+  )
+});
+var brickTypeSchema = StringEnum(Object.keys(defaultProps), {
+  title: "Brick type"
+});
+var brickSchema = Type.Object({
+  id: Type.String({
+    title: "ID",
+    description: "A unique identifier for the brick."
+  }),
+  type: brickTypeSchema,
+  label: Type.Optional(
+    Type.String({
+      title: "Label",
+      description: "A human-readable label for the brick. Used for organization and identification."
+    })
+  ),
+  props: Type.Any({
+    title: "Props",
+    description: "The static props of the brick. The available props depends on the brick type."
+  }),
+  mobileProps: Type.Optional(
+    Type.Any({
+      title: "Props",
+      description: "The overriden props for mobile, merged with desktop props. Same type as props but partial."
+    })
+  )
+});
+function makeFullBrickSchemaForLLM(type, otherTypes) {
+  if (!otherTypes || !otherTypes.length) {
+    return toLLMSchema(
+      Type.Object(
+        {
+          id: Type.String({
+            title: "ID",
+            description: "A unique identifier for the brick."
+          }),
+          type: Type.Literal(type),
+          props: manifests[type].props,
+          mobileProps: Type.Optional(Type.Partial(manifests[type].props))
+        }
+        // IMPORTANT: DO NOT set "additionalProperties" to `false` because it would break validation with Cabidela library
+        // { additionalProperties: false },
+      )
+    );
+  }
+  return toLLMSchema(
+    Type.Object(
+      {
+        id: Type.String({
+          title: "ID",
+          description: "A unique identifier for the brick."
+        }),
+        type: Type.Literal(type),
+        props: Type.Composite([
+          brickSchema.properties.props,
+          Type.Object({
+            $children: Type.Array(
+              Type.Union(
+                otherTypes.map(
+                  (t) => Type.Object({
+                    id: Type.String({
+                      title: "ID",
+                      description: "A unique identifier for the brick."
+                    }),
+                    type: Type.Literal(t),
+                    props: manifests[t].props,
+                    mobileProps: Type.Optional(Type.Partial(manifests[t].props))
+                  })
+                )
+              )
+            )
+          })
+        ]),
+        mobileProps: Type.Optional(Type.Partial(manifests[type].props))
+      }
+      // IMPORTANT: DO NOT set "additionalProperties" to `false` because it would break validation with Cabidela library
+      // { additionalProperties: false },
+    )
+  );
+}
+var sectionProps = Type.Object({
+  colorPreset: Type.Optional(
+    colorPreset({
+      title: "Color"
+    })
+  ),
+  backgroundImage: Type.Optional(
+    background({
+      title: "Background"
+    })
+  ),
+  direction: Type.Optional(
+    direction({
+      default: "flex-row",
+      title: "Direction",
+      description: "The direction of the section. Only apply to desktop. On mobile, it is always vertical. By default, horizontal (row), which is the most common.",
+      "ui:responsive": "desktop"
+    })
+  ),
+  minHeight: Type.Optional(
+    cssLength({
+      title: "Min height",
+      default: "fit-content",
+      description: "The min height of the section. default is 'fit-content'. You can also use  the keyword 'full' to make it full viewport height. Lastly, you can use any valid CSS length unit.",
+      "ui:field": "hidden"
+    })
+  ),
+  variant: Type.Optional(
+    StringEnum(["navbar", "footer", "sidebar"], {
+      title: "Custom section variant",
+      description: "Used for custom styling and layout.",
+      enumNames: ["Navbar", "Footer", "Sidebar"],
+      "ui:field": "hidden",
+      "ai:hidden": true
+    })
+  ),
+  maxWidth: Type.Optional(
+    StringEnum(["max-w-screen-lg", "max-w-screen-xl", "max-w-screen-2xl", "max-w-full"], {
+      title: "Max width",
+      default: "max-w-full",
+      enumNames: ["M", "L", "XL", "Full"],
+      description: "The maximum width of the section. Desktop only",
+      "ai:instructions": "Choose the most appropriate max width for the section. The value 'max-w-full' is the most common and the default. Use the same value for all sections on the same page unless there is a good reason to do otherwise.",
+      displayAs: "button-group",
+      "ui:responsive": "desktop"
+    })
+  ),
+  verticalMargin: Type.Optional(
+    cssLength({
+      title: "Vertical Margin",
+      description: "The vertical margin of the section. By default, all sections touch each other with no space in between. If you want to add space between sections, set this value to e.g. '2rem' or '32px'. Adding a vertical margin will reveal the background color of the page.",
+      default: "0",
+      "ui:styleId": "styles:verticalMargin"
+    })
+  ),
+  justifyContent: Type.Optional(
+    justifyContent({
+      default: "justify-center"
+    })
+  ),
+  alignItems: Type.Optional(
+    alignItems({
+      default: "items-center"
+    })
+  ),
+  padding: Type.Optional(
+    cssLength({
+      default: "2rem",
+      description: "Padding inside the section.",
+      title: "Padding",
+      "ui:responsive": true,
+      "ui:placeholder": "Not specified",
+      "ui:styleId": "styles:padding"
+    })
+  ),
+  gap: Type.Optional(
+    cssLength({
+      title: "Gap",
+      description: "The gap between the bricks in the section.",
+      default: "2rem",
+      "ui:styleId": "styles:gap"
+    })
+  ),
+  wrap: Type.Optional(
+    Type.Boolean({
+      title: "Wrap",
+      description: "Wrap bricks if they overflow the section.",
+      default: true,
+      "ui:styleId": "styles:wrap"
+    })
+  ),
+  lastTouched: Type.Optional(
+    Type.Number({
+      description: "Do not use this field. It is used internally by the editor.",
+      "ui:field": "hidden",
+      "ai:hidden": true
+    })
+  )
+});
+var sectionSchema = Type.Object(
+  {
+    id: Type.String({
+      description: "The unique ID of the section. Use a human readable url-safe slug",
+      examples: ["content-section", "contact-section"]
+    }),
+    label: Type.String({
+      description: "The label of the section. Shown only to the website owner, not public.",
+      examples: ["Content", "Contact"]
+    }),
+    order: Type.Number({
+      description: "Determines section order in the page (lower numbers appear first). 0-based"
+    }),
+    props: sectionProps,
+    mobileProps: Type.Optional(Type.Partial(sectionProps)),
+    bricks: Type.Array(brickSchema)
+  },
+  {
+    description: "Sections are direct children of the page that are stacked vertically."
+  }
+);
+var sectionSchemaNoBricks = Type.Omit(sectionSchema, ["bricks"]);
+var sectionDefaultprops = getSchemaDefaults(sectionSchema.properties.props, "desktop");
+var sectionMobileDefaultprops = getSchemaDefaults(
+  sectionSchema.properties.mobileProps,
+  "mobile"
+);
+function processSections(sections, siteAttributes, pageAttributes) {
+  const processSection = (section) => {
+    return {
+      ...section,
+      props: mergeIgnoringArrays({}, sectionDefaultprops, section.props),
+      mobileProps: mergeIgnoringArrays({}, sectionMobileDefaultprops, section.mobileProps || {}),
+      bricks: section.bricks.map(processBrick).filter(Boolean)
+    };
+  };
+  const finalSections = sections.map(processSection);
+  if (siteAttributes.navbar && !pageAttributes.noNavbar) {
+    finalSections.unshift(
+      processSection({
+        order: -1,
+        id: "navbar-section",
+        label: "Navbar",
+        props: {
+          variant: "navbar",
+          direction: "flex-row"
+        },
+        mobileProps: {},
+        bricks: [
+          {
+            id: "navbar",
+            type: "navbar",
+            props: siteAttributes.navbar
+          }
+        ]
+      })
+    );
+  }
+  if (siteAttributes.footer && !pageAttributes.noFooter) {
+    finalSections.push(
+      processSection({
+        order: 1e3,
+        id: "footer-section",
+        label: "Footer",
+        props: {
+          variant: "footer",
+          direction: "flex-row"
+        },
+        mobileProps: {},
+        bricks: [
+          {
+            id: "footer",
+            type: "footer",
+            props: siteAttributes.footer
+          }
+        ]
+      })
+    );
+  }
+  return finalSections;
+}
+function processBrick(brick) {
+  const defProps = defaultProps[brick.type];
+  const result = {
+    ...brick,
+    props: mergeIgnoringArrays({}, defProps.props, {
+      ...brick.props,
+      ...brick.props.$children ? { $children: brick.props.$children.map(processBrick).filter(Boolean) } : {}
+    })
+  };
+  return result;
+}
+function getDefaultPropsForBrick(type) {
+  return defaultProps[type].props;
+}
+function createEmptyBrick(type, ghost = false) {
+  const props = { ...defaultProps[type].props, ghost };
+  const newBrick = {
+    id: `b-${generateId()}`,
+    type,
+    props
+  };
+  return newBrick;
+}
+
+export {
+  generateId,
+  brickTypeSchema,
+  brickSchema,
+  makeFullBrickSchemaForLLM,
+  sectionProps,
+  sectionSchema,
+  sectionSchemaNoBricks,
+  processSections,
+  processBrick,
+  getDefaultPropsForBrick,
+  createEmptyBrick
+};
+//# sourceMappingURL=chunk-J6R3GSKS.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks.ts"],"sourcesContent":["import { Type, type Static } from \"@sinclair/typebox\";\nimport { customAlphabet } from \"nanoid\";\nimport { defaultProps, manifests } from \"./bricks/manifests/all-manifests\";\nimport { cssLength } from \"./bricks/props/css-length\";\nimport { colorPreset } from \"./bricks/props/color-preset\";\nimport { mergeIgnoringArrays } from \"./utils/merge\";\nimport { getSchemaDefaults } from \"./utils/schema\";\nimport { StringEnum } from \"./utils/string-enum\";\nimport { alignItems, justifyContent } from \"./bricks/props/align\";\nimport type { CommonBrickProps } from \"./bricks/props/common\";\nimport { direction } from \"./bricks/props/direction\";\nimport type { PageAttributes, SiteAttributes } from \"./attributes\";\nimport { toLLMSchema } from \"./utils/llm\";\nimport { background } from \"./bricks/props/background\";\n\n/**\n * Generates a unique identifier for bricks.\n */\nexport const generateId = customAlphabet(\"azertyuiopqsdfghjklmwxcvbnAZERTYUIOPQSDFGHJKLMWXCVBN\", 7);\n\nconst brickAbsolutePositionSchema = Type.Object({\n  left: Type.Optional(\n    Type.String({\n      title: \"top\",\n      description: \"The left position in css unit.\",\n    }),\n  ),\n  top: Type.Optional(\n    Type.String({\n      title: \"top\",\n      description: \"The top position in css unit.\",\n    }),\n  ),\n  right: Type.Optional(\n    Type.String({\n      title: \"right\",\n      description: \"The right position in css unit.\",\n    }),\n  ),\n  bottom: Type.Optional(\n    Type.String({\n      title: \"bottom\",\n      description: \"The bottom position in css unit.\",\n    }),\n  ),\n  inset: Type.Optional(\n    Type.String({\n      title: \"inset\",\n      description: \"The inset position in css unit.\",\n    }),\n  ),\n  translateX: Type.Optional(\n    Type.String({\n      title: \"translateX\",\n      description: \"The translateX position in css unit.\",\n    }),\n  ),\n  translateY: Type.Optional(\n    Type.String({\n      title: \"translateY\",\n      description: \"The translateY position in css unit.\",\n    }),\n  ),\n  rotate: Type.Optional(\n    Type.String({\n      title: \"rotate\",\n      description: \"The rotate position in css unit.\",\n    }),\n  ),\n});\n\nexport type BrickAbsolutePosition = Static<typeof brickAbsolutePositionSchema>;\n\nexport const brickTypeSchema = StringEnum(Object.keys(defaultProps), {\n  title: \"Brick type\",\n});\n\nexport const brickSchema = Type.Object({\n  id: Type.String({\n    title: \"ID\",\n    description: \"A unique identifier for the brick.\",\n  }),\n  type: brickTypeSchema,\n  label: Type.Optional(\n    Type.String({\n      title: \"Label\",\n      description: \"A human-readable label for the brick. Used for organization and identification.\",\n    }),\n  ),\n  props: Type.Any({\n    title: \"Props\",\n    description: \"The static props of the brick. The available props depends on the brick type.\",\n  }),\n  mobileProps: Type.Optional(\n    Type.Any({\n      title: \"Props\",\n      description:\n        \"The overriden props for mobile, merged with desktop props. Same type as props but partial.\",\n    }),\n  ),\n});\n\nexport function makeFullBrickSchemaForLLM(type: string, otherTypes?: string[]) {\n  if (!otherTypes || !otherTypes.length) {\n    return toLLMSchema(\n      Type.Object(\n        {\n          id: Type.String({\n            title: \"ID\",\n            description: \"A unique identifier for the brick.\",\n          }),\n          type: Type.Literal(type),\n          props: manifests[type].props,\n          mobileProps: Type.Optional(Type.Partial(manifests[type].props)),\n        },\n        // IMPORTANT: DO NOT set \"additionalProperties\" to `false` because it would break validation with Cabidela library\n        // { additionalProperties: false },\n      ),\n    );\n  }\n  return toLLMSchema(\n    Type.Object(\n      {\n        id: Type.String({\n          title: \"ID\",\n          description: \"A unique identifier for the brick.\",\n        }),\n        type: Type.Literal(type),\n        props: Type.Composite([\n          brickSchema.properties.props,\n          Type.Object({\n            $children: Type.Array(\n              Type.Union(\n                otherTypes.map((t) =>\n                  Type.Object({\n                    id: Type.String({\n                      title: \"ID\",\n                      description: \"A unique identifier for the brick.\",\n                    }),\n                    type: Type.Literal(t),\n                    props: manifests[t].props,\n                    mobileProps: Type.Optional(Type.Partial(manifests[t].props)),\n                  }),\n                ),\n              ),\n            ),\n          }),\n        ]),\n        mobileProps: Type.Optional(Type.Partial(manifests[type].props)),\n      },\n      // IMPORTANT: DO NOT set \"additionalProperties\" to `false` because it would break validation with Cabidela library\n      // { additionalProperties: false },\n    ),\n  );\n}\n\nexport type Brick = Omit<Static<typeof brickSchema>, \"props\" | \"mobileProps\"> & {\n  props: CommonBrickProps & Record<string, unknown>;\n  mobileProps?: Partial<CommonBrickProps & Record<string, unknown>>;\n};\n\nexport const sectionProps = Type.Object({\n  colorPreset: Type.Optional(\n    colorPreset({\n      title: \"Color\",\n    }),\n  ),\n  backgroundImage: Type.Optional(\n    background({\n      title: \"Background\",\n    }),\n  ),\n  direction: Type.Optional(\n    direction({\n      default: \"flex-row\",\n      title: \"Direction\",\n      description:\n        \"The direction of the section. Only apply to desktop. On mobile, it is always vertical. By default, horizontal (row), which is the most common.\",\n      \"ui:responsive\": \"desktop\",\n    }),\n  ),\n  minHeight: Type.Optional(\n    cssLength({\n      title: \"Min height\",\n      default: \"fit-content\",\n      description:\n        \"The min height of the section. default is 'fit-content'. You can also use  the keyword 'full' to make it full viewport height. Lastly, you can use any valid CSS length unit.\",\n      \"ui:field\": \"hidden\",\n    }),\n  ),\n  variant: Type.Optional(\n    StringEnum([\"navbar\", \"footer\", \"sidebar\"], {\n      title: \"Custom section variant\",\n      description: \"Used for custom styling and layout.\",\n      enumNames: [\"Navbar\", \"Footer\", \"Sidebar\"],\n      \"ui:field\": \"hidden\",\n      \"ai:hidden\": true,\n    }),\n  ),\n  maxWidth: Type.Optional(\n    StringEnum([\"max-w-screen-lg\", \"max-w-screen-xl\", \"max-w-screen-2xl\", \"max-w-full\"], {\n      title: \"Max width\",\n      default: \"max-w-full\",\n      enumNames: [\"M\", \"L\", \"XL\", \"Full\"],\n      description: \"The maximum width of the section. Desktop only\",\n      \"ai:instructions\":\n        \"Choose the most appropriate max width for the section. The value 'max-w-full' is the most common and the default. Use the same value for all sections on the same page unless there is a good reason to do otherwise.\",\n      displayAs: \"button-group\",\n      \"ui:responsive\": \"desktop\",\n    }),\n  ),\n  verticalMargin: Type.Optional(\n    cssLength({\n      title: \"Vertical Margin\",\n      description:\n        \"The vertical margin of the section. By default, all sections touch each other with no space in between. If you want to add space between sections, set this value to e.g. '2rem' or '32px'. Adding a vertical margin will reveal the background color of the page.\",\n      default: \"0\",\n      \"ui:styleId\": \"styles:verticalMargin\",\n    }),\n  ),\n  justifyContent: Type.Optional(\n    justifyContent({\n      default: \"justify-center\",\n    }),\n  ),\n  alignItems: Type.Optional(\n    alignItems({\n      default: \"items-center\",\n    }),\n  ),\n  padding: Type.Optional(\n    cssLength({\n      default: \"2rem\",\n      description: \"Padding inside the section.\",\n      title: \"Padding\",\n      \"ui:responsive\": true,\n      \"ui:placeholder\": \"Not specified\",\n      \"ui:styleId\": \"styles:padding\",\n    }),\n  ),\n  gap: Type.Optional(\n    cssLength({\n      title: \"Gap\",\n      description: \"The gap between the bricks in the section.\",\n      default: \"2rem\",\n      \"ui:styleId\": \"styles:gap\",\n    }),\n  ),\n  wrap: Type.Optional(\n    Type.Boolean({\n      title: \"Wrap\",\n      description: \"Wrap bricks if they overflow the section.\",\n      default: true,\n      \"ui:styleId\": \"styles:wrap\",\n    }),\n  ),\n  lastTouched: Type.Optional(\n    Type.Number({\n      description: \"Do not use this field. It is used internally by the editor.\",\n      \"ui:field\": \"hidden\",\n      \"ai:hidden\": true,\n    }),\n  ),\n});\n\nexport const sectionSchema = Type.Object(\n  {\n    id: Type.String({\n      description: \"The unique ID of the section. Use a human readable url-safe slug\",\n      examples: [\"content-section\", \"contact-section\"],\n    }),\n    label: Type.String({\n      description: \"The label of the section. Shown only to the website owner, not public.\",\n      examples: [\"Content\", \"Contact\"],\n    }),\n    order: Type.Number({\n      description: \"Determines section order in the page (lower numbers appear first). 0-based\",\n    }),\n    props: sectionProps,\n    mobileProps: Type.Optional(Type.Partial(sectionProps)),\n    bricks: Type.Array(brickSchema),\n  },\n  {\n    description: \"Sections are direct children of the page that are stacked vertically.\",\n  },\n);\n\nexport const sectionSchemaNoBricks = Type.Omit(sectionSchema, [\"bricks\"]);\nexport type SectionSchemaNoBricks = Static<typeof sectionSchemaNoBricks>;\n\nconst sectionDefaultprops = getSchemaDefaults(sectionSchema.properties.props, \"desktop\") as Section[\"props\"];\nconst sectionMobileDefaultprops = getSchemaDefaults(\n  sectionSchema.properties.mobileProps,\n  \"mobile\",\n) as Section[\"mobileProps\"];\n\nexport type Section = Static<typeof sectionSchema>;\n\nexport function processSections(\n  sections: Section[],\n  siteAttributes: SiteAttributes,\n  pageAttributes: PageAttributes,\n): Section[] {\n  const processSection = (section: Section) => {\n    return {\n      ...section,\n      props: mergeIgnoringArrays({} as Section[\"props\"], sectionDefaultprops, section.props),\n      mobileProps: mergeIgnoringArrays({}, sectionMobileDefaultprops, section.mobileProps || {}),\n      bricks: section.bricks.map(processBrick).filter(Boolean) as Brick[],\n    } as const;\n  };\n\n  const finalSections = sections.map(processSection);\n\n  if (siteAttributes.navbar && !pageAttributes.noNavbar) {\n    finalSections.unshift(\n      processSection({\n        order: -1,\n        id: \"navbar-section\",\n        label: \"Navbar\",\n        props: {\n          variant: \"navbar\",\n          direction: \"flex-row\",\n        },\n        mobileProps: {},\n        bricks: [\n          {\n            id: \"navbar\",\n            type: \"navbar\",\n            props: siteAttributes.navbar,\n          },\n        ],\n      }),\n    );\n  }\n  if (siteAttributes.footer && !pageAttributes.noFooter) {\n    finalSections.push(\n      processSection({\n        order: 1000,\n        id: \"footer-section\",\n        label: \"Footer\",\n        props: {\n          variant: \"footer\",\n          direction: \"flex-row\",\n        },\n        mobileProps: {},\n        bricks: [\n          {\n            id: \"footer\",\n            type: \"footer\",\n            props: siteAttributes.footer,\n          },\n        ],\n      }),\n    );\n  }\n\n  return finalSections satisfies Section[];\n}\n\n/**\n *  process a brick and add default props\n */\nexport function processBrick<T extends Brick>(brick: T): T {\n  const defProps = defaultProps[brick.type];\n  // if (!defProps) {\n  //   console.warn(`No default props found for brick type: ${brick.type}`);\n  //   return false; // or throw an error if you prefer\n  // }\n  const result = {\n    ...brick,\n    props: mergeIgnoringArrays({} as Brick[\"props\"], defProps.props, {\n      ...brick.props,\n      ...(brick.props.$children\n        ? { $children: (brick.props.$children as T[]).map(processBrick).filter(Boolean) }\n        : {}),\n    }),\n  };\n\n  return result;\n}\n\nexport function getDefaultPropsForBrick(type: string) {\n  return defaultProps[type].props;\n}\n\nexport function createEmptyBrick(type: string, ghost = false): Brick {\n  const props = { ...defaultProps[type].props, ghost };\n  const newBrick = {\n    id: `b-${generateId()}`,\n    type,\n    props,\n  };\n  return newBrick;\n}\n"],"mappings":"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","names":[]}

package/dist/shared/{chunk-ZRRAK5NS.js → chunk-KRODRZNS.js}

@@ -1,27 +1,30 @@
 /*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
 
+import {
+  border,
+  rounding
+} from "./chunk-VYA2FCTY.js";
 import {
   defineProps
-} from "./chunk-BHC2A43S.js";
+} from "./chunk-UC75KRLX.js";
 import {
-  defineBrickManifest
-} from "./chunk-EVLRH6VG.js";
+  shadow
+} from "./chunk-5RCC2STG.js";
 import {
-  loopRef
-} from "./chunk-IQIISR22.js";
+  loop
+} from "./chunk-XFZQGRRL.js";
 import {
-  shadowRef
-} from "./chunk-TNMNMYOB.js";
+  colorPreset
+} from "./chunk-IEMCCHM4.js";
 import {
-  borderRef,
-  roundingRef
-} from "./chunk-NTLAKMMQ.js";
+  cssLength
+} from "./chunk-OJ6KL7FU.js";
 import {
-  colorPresetRef
-} from "./chunk-TFGGYU6Y.js";
+  defineBrickManifest
+} from "./chunk-GNTJT7MR.js";
 import {
-  cssLengthRef
-} from "./chunk-BPBKHEQ5.js";
+  StringEnum
+} from "./chunk-GDYCCB3B.js";
 
 // src/shared/bricks/manifests/timeline.manifest.ts
 import { Type } from "@sinclair/typebox";
@@ -57,7 +60,8 @@ var timelineItemSchema = Type.Object({
     })
   ),
   status: Type.Optional(
-    Type.Union([Type.Literal("completed"), Type.Literal("current"), Type.Literal("upcoming")], {
+    StringEnum(["completed", "current", "upcoming"], {
+      enumNames: ["Completed", "Current", "Upcoming"],
       title: "Status",
       description: "Timeline item status for visual styling"
     })
@@ -69,6 +73,7 @@ var manifest = defineBrickManifest({
   name: "Timeline",
   description: "A vertical timeline component to display chronological events, milestones, or processes with optional content for each item",
   icon: BsListCheck,
+  consumesMultipleQueryRows: true,
   props: defineProps({
     items: Type.Array(timelineItemSchema, {
       title: "Timeline Items",
@@ -86,7 +91,8 @@ var manifest = defineBrickManifest({
     ),
     // Layout options
     layout: Type.Optional(
-      Type.Union([Type.Literal("left"), Type.Literal("right"), Type.Literal("alternating")], {
+      StringEnum(["left", "right", "alternating"], {
+        enumNames: ["Left", "Right", "Alternating"],
         title: "Layout",
         description: "Timeline layout style",
         default: "left"
@@ -100,14 +106,14 @@ var manifest = defineBrickManifest({
       })
     ),
     connectorColor: Type.Optional(
-      colorPresetRef({
+      colorPreset({
         title: "Connector Color",
         description: "Color of the timeline connector line"
       })
     ),
     // Timeline item styling
     itemSpacing: Type.Optional(
-      cssLengthRef({
+      cssLength({
         title: "Item Spacing",
         description: "Vertical spacing between timeline items",
         default: "2rem"
@@ -121,7 +127,8 @@ var manifest = defineBrickManifest({
       })
     ),
     iconSize: Type.Optional(
-      Type.Union([Type.Literal("sm"), Type.Literal("md"), Type.Literal("lg")], {
+      StringEnum(["sm", "md", "lg"], {
+        enumNames: ["Small", "Medium", "Large"],
         title: "Icon Size",
         description: "Size of timeline item icons",
         default: "md"
@@ -135,7 +142,8 @@ var manifest = defineBrickManifest({
       })
     ),
     datePosition: Type.Optional(
-      Type.Union([Type.Literal("top"), Type.Literal("bottom"), Type.Literal("inline")], {
+      StringEnum(["top", "bottom", "inline"], {
+        enumNames: ["Top", "Bottom", "Inline"],
         title: "Date Position",
         description: "Position of dates relative to content",
         default: "top"
@@ -143,37 +151,37 @@ var manifest = defineBrickManifest({
     ),
     // Styling
     colorPreset: Type.Optional(
-      colorPresetRef({
+      colorPreset({
         title: "Color Preset",
         description: "Color theme for the timeline"
       })
     ),
     padding: Type.Optional(
-      cssLengthRef({
+      cssLength({
         title: "Padding",
         description: "Internal padding for the timeline container"
       })
     ),
     border: Type.Optional(
-      borderRef({
+      border({
         title: "Border",
         description: "Border styling for the timeline container"
       })
     ),
     shadow: Type.Optional(
-      shadowRef({
+      shadow({
         title: "Shadow",
         description: "Shadow effect for the timeline container"
       })
     ),
     rounding: Type.Optional(
-      roundingRef({
+      rounding({
         title: "Rounding",
         description: "Corner rounding for the timeline container"
       })
     ),
     // Content loop support
-    loop: Type.Optional(loopRef())
+    loop: Type.Optional(loop())
   })
 });
 var examples = [
@@ -248,8 +256,8 @@ var examples = [
         }
       ],
       layout: "alternating",
-      colorPreset: { color: "blue-500" },
-      connectorColor: { color: "blue-300" },
+      colorPreset: { color: "primary-500" },
+      connectorColor: { color: "primary-300" },
       itemSpacing: "3rem"
     }
   },
@@ -372,8 +380,8 @@ var examples = [
         }
       ],
       layout: "right",
-      colorPreset: { color: "green-500" },
-      border: { width: "border", color: "gray-200" },
+      colorPreset: { color: "secondary-500" },
+      border: { width: "border", color: "secondary-200" },
       rounding: "rounded-lg",
       padding: "2rem"
     }
@@ -414,13 +422,13 @@ var examples = [
           description: "Create comprehensive usage documentation"
         }
       ],
-      colorPreset: { color: "purple-500" },
+      colorPreset: { color: "secondary-500" },
       shadow: "shadow-lg",
       border: { width: "border", color: "purple-200" },
       rounding: "rounded-xl",
       padding: "2.5rem",
       itemSpacing: "2.5rem",
-      connectorColor: { color: "purple-300" }
+      connectorColor: { color: "secondary-300" }
     }
   }
 ];
@@ -429,4 +437,4 @@ export {
   manifest,
   examples
 };
-//# sourceMappingURL=chunk-ZRRAK5NS.js.map
+//# sourceMappingURL=chunk-KRODRZNS.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/manifests/timeline.manifest.ts"],"sourcesContent":["import { Type } from \"@sinclair/typebox\";\nimport { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { colorPreset } from \"../props/color-preset\";\nimport { cssLength } from \"../props/css-length\";\nimport { border, rounding } from \"../props/border\";\nimport { shadow } from \"../props/effects\";\nimport { BsListCheck } from \"react-icons/bs\";\nimport { loop } from \"../props/dynamic\";\nimport type { BrickProps } from \"../props/types\";\nimport type { BrickExample } from \"./_types\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\n\nconst timelineItemSchema = Type.Object({\n  id: Type.Optional(Type.String({ title: \"ID\" })),\n  title: Type.String({\n    title: \"Title\",\n    description: \"The main title or headline for this timeline item\",\n  }),\n  subtitle: Type.Optional(\n    Type.String({\n      title: \"Subtitle\",\n      description: \"Optional subtitle or date for this timeline item\",\n    }),\n  ),\n  description: Type.Optional(\n    Type.String({\n      title: \"Description\",\n      description: \"Optional detailed description for this timeline item\",\n    }),\n  ),\n  date: Type.Optional(\n    Type.String({\n      title: \"Date\",\n      description: \"Date or time period for this timeline item\",\n    }),\n  ),\n  icon: Type.Optional(\n    Type.String({\n      title: \"Icon\",\n      description: \"Optional icon name from Iconify for this timeline item\",\n    }),\n  ),\n  status: Type.Optional(\n    StringEnum([\"completed\", \"current\", \"upcoming\"], {\n      enumNames: [\"Completed\", \"Current\", \"Upcoming\"],\n      title: \"Status\",\n      description: \"Timeline item status for visual styling\",\n    }),\n  ),\n});\n\nexport const manifest = defineBrickManifest({\n  type: \"timeline\",\n  category: \"widgets\",\n  name: \"Timeline\",\n  description:\n    \"A vertical timeline component to display chronological events, milestones, or processes with optional content for each item\",\n  icon: BsListCheck,\n  consumesMultipleQueryRows: true,\n  props: defineProps({\n    items: Type.Array(timelineItemSchema, {\n      title: \"Timeline Items\",\n      description: \"List of timeline items to display\",\n      \"ui:field\": \"array\",\n      default: [],\n    }),\n\n    $children: Type.Optional(\n      Type.Array(Type.Array(Type.Any()), {\n        title: \"Content\",\n        description:\n          \"Optional content blocks for each timeline item. Each array corresponds to content for the timeline item at the same index.\",\n        \"ui:field\": \"hidden\",\n        default: [],\n      }),\n    ),\n\n    // Layout options\n    layout: Type.Optional(\n      StringEnum([\"left\", \"right\", \"alternating\"], {\n        enumNames: [\"Left\", \"Right\", \"Alternating\"],\n        title: \"Layout\",\n        description: \"Timeline layout style\",\n        default: \"left\",\n      }),\n    ),\n\n    showConnector: Type.Optional(\n      Type.Boolean({\n        title: \"Show Connector Line\",\n        description: \"Whether to show the connecting line between timeline items\",\n        default: true,\n      }),\n    ),\n\n    connectorColor: Type.Optional(\n      colorPreset({\n        title: \"Connector Color\",\n        description: \"Color of the timeline connector line\",\n      }),\n    ),\n\n    // Timeline item styling\n    itemSpacing: Type.Optional(\n      cssLength({\n        title: \"Item Spacing\",\n        description: \"Vertical spacing between timeline items\",\n        default: \"2rem\",\n      }),\n    ),\n\n    showIcons: Type.Optional(\n      Type.Boolean({\n        title: \"Show Icons\",\n        description: \"Whether to display icons for timeline items\",\n        default: true,\n      }),\n    ),\n    iconSize: Type.Optional(\n      StringEnum([\"sm\", \"md\", \"lg\"], {\n        enumNames: [\"Small\", \"Medium\", \"Large\"],\n        title: \"Icon Size\",\n        description: \"Size of timeline item icons\",\n        default: \"md\",\n      }),\n    ),\n\n    showDates: Type.Optional(\n      Type.Boolean({\n        title: \"Show Dates\",\n        description: \"Whether to display dates for timeline items\",\n        default: true,\n      }),\n    ),\n\n    datePosition: Type.Optional(\n      StringEnum([\"top\", \"bottom\", \"inline\"], {\n        enumNames: [\"Top\", \"Bottom\", \"Inline\"],\n        title: \"Date Position\",\n        description: \"Position of dates relative to content\",\n        default: \"top\",\n      }),\n    ),\n\n    // Styling\n    colorPreset: Type.Optional(\n      colorPreset({\n        title: \"Color Preset\",\n        description: \"Color theme for the timeline\",\n      }),\n    ),\n\n    padding: Type.Optional(\n      cssLength({\n        title: \"Padding\",\n        description: \"Internal padding for the timeline container\",\n      }),\n    ),\n\n    border: Type.Optional(\n      border({\n        title: \"Border\",\n        description: \"Border styling for the timeline container\",\n      }),\n    ),\n\n    shadow: Type.Optional(\n      shadow({\n        title: \"Shadow\",\n        description: \"Shadow effect for the timeline container\",\n      }),\n    ),\n\n    rounding: Type.Optional(\n      rounding({\n        title: \"Rounding\",\n        description: \"Corner rounding for the timeline container\",\n      }),\n    ),\n\n    // Content loop support\n    loop: Type.Optional(loop()),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  {\n    description: \"Basic timeline with milestones\",\n    type: \"timeline\",\n    props: {\n      items: [\n        {\n          id: \"start\",\n          title: \"Project Kickoff\",\n          subtitle: \"Planning Phase\",\n          date: \"January 2024\",\n          description: \"Initial project planning and team assembly\",\n          status: \"completed\",\n        },\n        {\n          id: \"development\",\n          title: \"Development Phase\",\n          subtitle: \"Building the Product\",\n          date: \"February - April 2024\",\n          description: \"Core development and feature implementation\",\n          status: \"completed\",\n        },\n        {\n          id: \"testing\",\n          title: \"Testing & QA\",\n          subtitle: \"Quality Assurance\",\n          date: \"May 2024\",\n          description: \"Comprehensive testing and bug fixes\",\n          status: \"current\",\n        },\n        {\n          id: \"launch\",\n          title: \"Product Launch\",\n          subtitle: \"Go Live\",\n          date: \"June 2024\",\n          description: \"Official product release and marketing campaign\",\n          status: \"upcoming\",\n        },\n      ],\n      layout: \"left\",\n      showConnector: true,\n      showIcons: true,\n      showDates: true,\n    },\n  },\n\n  {\n    description: \"Alternating timeline with custom colors\",\n    type: \"timeline\",\n    props: {\n      items: [\n        {\n          title: \"Company Founded\",\n          date: \"2020\",\n          description: \"Started with a vision to change the industry\",\n        },\n        {\n          title: \"First Product Launch\",\n          date: \"2021\",\n          description: \"Released our flagship product to market\",\n        },\n        {\n          title: \"Series A Funding\",\n          date: \"2022\",\n          description: \"Raised $10M to accelerate growth\",\n        },\n        {\n          title: \"International Expansion\",\n          date: \"2023\",\n          description: \"Opened offices in Europe and Asia\",\n        },\n      ],\n      layout: \"alternating\",\n      colorPreset: { color: \"primary-500\" },\n      connectorColor: { color: \"primary-300\" },\n      itemSpacing: \"3rem\",\n    },\n  },\n\n  {\n    description: \"Timeline with content blocks\",\n    type: \"timeline\",\n    props: {\n      items: [\n        {\n          title: \"Research Phase\",\n          date: \"Q1 2024\",\n          description: \"Market research and user interviews\",\n        },\n        {\n          title: \"Design Phase\",\n          date: \"Q2 2024\",\n          description: \"UI/UX design and prototyping\",\n        },\n      ],\n      $children: [\n        [\n          {\n            id: \"research-chart\",\n            type: \"text\",\n            props: { content: \"Research findings and insights will be displayed here.\" },\n          },\n        ],\n        [\n          {\n            id: \"design-mockups\",\n            type: \"text\",\n            props: { content: \"Design mockups and prototypes will be shown here.\" },\n          },\n        ],\n      ],\n    },\n  },\n\n  {\n    description: \"Compact timeline without dates\",\n    type: \"timeline\",\n    props: {\n      items: [\n        {\n          title: \"Initialize Project\",\n          description: \"Set up repository and development environment\",\n        },\n        {\n          title: \"Implement Core Features\",\n          description: \"Build the main functionality\",\n        },\n        {\n          title: \"Add Tests\",\n          description: \"Write unit and integration tests\",\n        },\n        {\n          title: \"Deploy to Production\",\n          description: \"Release to production environment\",\n        },\n      ],\n      layout: \"left\",\n      showDates: false,\n      showIcons: false,\n      itemSpacing: \"1.5rem\",\n      padding: \"1rem\",\n    },\n  },\n\n  {\n    description: \"Timeline with custom icons\",\n    type: \"timeline\",\n    props: {\n      items: [\n        {\n          title: \"Planning\",\n          icon: \"mdi:calendar-check\",\n          date: \"Week 1\",\n          status: \"completed\",\n        },\n        {\n          title: \"Development\",\n          icon: \"mdi:code-braces\",\n          date: \"Week 2-4\",\n          status: \"completed\",\n        },\n        {\n          title: \"Testing\",\n          icon: \"mdi:test-tube\",\n          date: \"Week 5\",\n          status: \"current\",\n        },\n        {\n          title: \"Deployment\",\n          icon: \"mdi:rocket-launch\",\n          date: \"Week 6\",\n          status: \"upcoming\",\n        },\n      ],\n      iconSize: \"lg\",\n      datePosition: \"bottom\",\n    },\n  },\n\n  {\n    description: \"Right-aligned timeline\",\n    type: \"timeline\",\n    props: {\n      items: [\n        {\n          title: \"User Registration Opens\",\n          date: \"March 1st\",\n          description: \"Early bird registration begins\",\n        },\n        {\n          title: \"Speaker Announcements\",\n          date: \"March 15th\",\n          description: \"Keynote speakers revealed\",\n        },\n        {\n          title: \"Conference Day\",\n          date: \"April 1st\",\n          description: \"The main event begins\",\n        },\n      ],\n      layout: \"right\",\n      colorPreset: { color: \"secondary-500\" },\n      border: { width: \"border\", color: \"secondary-200\" },\n      rounding: \"rounded-lg\",\n      padding: \"2rem\",\n    },\n  },\n\n  {\n    description: \"Timeline with loop data\",\n    type: \"timeline\",\n    props: {\n      items: [],\n      loop: {\n        over: \"milestones\",\n      },\n      layout: \"alternating\",\n      showConnector: true,\n    },\n  },\n\n  {\n    description: \"Styled timeline with shadows\",\n    type: \"timeline\",\n    props: {\n      items: [\n        {\n          title: \"Design System\",\n          subtitle: \"Foundation\",\n          date: \"Phase 1\",\n          description: \"Establish design tokens and component library\",\n        },\n        {\n          title: \"Component Development\",\n          subtitle: \"Implementation\",\n          date: \"Phase 2\",\n          description: \"Build reusable React components\",\n        },\n        {\n          title: \"Documentation\",\n          subtitle: \"Guidelines\",\n          date: \"Phase 3\",\n          description: \"Create comprehensive usage documentation\",\n        },\n      ],\n      colorPreset: { color: \"secondary-500\" },\n      shadow: \"shadow-lg\",\n      border: { width: \"border\", color: \"purple-200\" },\n      rounding: \"rounded-xl\",\n      padding: \"2.5rem\",\n      itemSpacing: \"2.5rem\",\n      connectorColor: { color: \"secondary-300\" },\n    },\n  },\n];\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,YAAY;AAOrB,SAAS,mBAAmB;AAM5B,IAAM,qBAAqB,KAAK,OAAO;AAAA,EACrC,IAAI,KAAK,SAAS,KAAK,OAAO,EAAE,OAAO,KAAK,CAAC,CAAC;AAAA,EAC9C,OAAO,KAAK,OAAO;AAAA,IACjB,OAAO;AAAA,IACP,aAAa;AAAA,EACf,CAAC;AAAA,EACD,UAAU,KAAK;AAAA,IACb,KAAK,OAAO;AAAA,MACV,OAAO;AAAA,MACP,aAAa;AAAA,IACf,CAAC;AAAA,EACH;AAAA,EACA,aAAa,KAAK;AAAA,IAChB,KAAK,OAAO;AAAA,MACV,OAAO;AAAA,MACP,aAAa;AAAA,IACf,CAAC;AAAA,EACH;AAAA,EACA,MAAM,KAAK;AAAA,IACT,KAAK,OAAO;AAAA,MACV,OAAO;AAAA,MACP,aAAa;AAAA,IACf,CAAC;AAAA,EACH;AAAA,EACA,MAAM,KAAK;AAAA,IACT,KAAK,OAAO;AAAA,MACV,OAAO;AAAA,MACP,aAAa;AAAA,IACf,CAAC;AAAA,EACH;AAAA,EACA,QAAQ,KAAK;AAAA,IACX,WAAW,CAAC,aAAa,WAAW,UAAU,GAAG;AAAA,MAC/C,WAAW,CAAC,aAAa,WAAW,UAAU;AAAA,MAC9C,OAAO;AAAA,MACP,aAAa;AAAA,IACf,CAAC;AAAA,EACH;AACF,CAAC;AAEM,IAAM,WAAW,oBAAoB;AAAA,EAC1C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,aACE;AAAA,EACF,MAAM;AAAA,EACN,2BAA2B;AAAA,EAC3B,OAAO,YAAY;AAAA,IACjB,OAAO,KAAK,MAAM,oBAAoB;AAAA,MACpC,OAAO;AAAA,MACP,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,SAAS,CAAC;AAAA,IACZ,CAAC;AAAA,IAED,WAAW,KAAK;AAAA,MACd,KAAK,MAAM,KAAK,MAAM,KAAK,IAAI,CAAC,GAAG;AAAA,QACjC,OAAO;AAAA,QACP,aACE;AAAA,QACF,YAAY;AAAA,QACZ,SAAS,CAAC;AAAA,MACZ,CAAC;AAAA,IACH;AAAA;AAAA,IAGA,QAAQ,KAAK;AAAA,MACX,WAAW,CAAC,QAAQ,SAAS,aAAa,GAAG;AAAA,QAC3C,WAAW,CAAC,QAAQ,SAAS,aAAa;AAAA,QAC1C,OAAO;AAAA,QACP,aAAa;AAAA,QACb,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,IAEA,eAAe,KAAK;AAAA,MAClB,KAAK,QAAQ;AAAA,QACX,OAAO;AAAA,QACP,aAAa;AAAA,QACb,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,IAEA,gBAAgB,KAAK;AAAA,MACnB,YAAY;AAAA,QACV,OAAO;AAAA,QACP,aAAa;AAAA,MACf,CAAC;AAAA,IACH;AAAA;AAAA,IAGA,aAAa,KAAK;AAAA,MAChB,UAAU;AAAA,QACR,OAAO;AAAA,QACP,aAAa;AAAA,QACb,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,IAEA,WAAW,KAAK;AAAA,MACd,KAAK,QAAQ;AAAA,QACX,OAAO;AAAA,QACP,aAAa;AAAA,QACb,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,IACA,UAAU,KAAK;AAAA,MACb,WAAW,CAAC,MAAM,MAAM,IAAI,GAAG;AAAA,QAC7B,WAAW,CAAC,SAAS,UAAU,OAAO;AAAA,QACtC,OAAO;AAAA,QACP,aAAa;AAAA,QACb,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,IAEA,WAAW,KAAK;AAAA,MACd,KAAK,QAAQ;AAAA,QACX,OAAO;AAAA,QACP,aAAa;AAAA,QACb,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,IAEA,cAAc,KAAK;AAAA,MACjB,WAAW,CAAC,OAAO,UAAU,QAAQ,GAAG;AAAA,QACtC,WAAW,CAAC,OAAO,UAAU,QAAQ;AAAA,QACrC,OAAO;AAAA,QACP,aAAa;AAAA,QACb,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA;AAAA,IAGA,aAAa,KAAK;AAAA,MAChB,YAAY;AAAA,QACV,OAAO;AAAA,QACP,aAAa;AAAA,MACf,CAAC;AAAA,IACH;AAAA,IAEA,SAAS,KAAK;AAAA,MACZ,UAAU;AAAA,QACR,OAAO;AAAA,QACP,aAAa;AAAA,MACf,CAAC;AAAA,IACH;AAAA,IAEA,QAAQ,KAAK;AAAA,MACX,OAAO;AAAA,QACL,OAAO;AAAA,QACP,aAAa;AAAA,MACf,CAAC;AAAA,IACH;AAAA,IAEA,QAAQ,KAAK;AAAA,MACX,OAAO;AAAA,QACL,OAAO;AAAA,QACP,aAAa;AAAA,MACf,CAAC;AAAA,IACH;AAAA,IAEA,UAAU,KAAK;AAAA,MACb,SAAS;AAAA,QACP,OAAO;AAAA,QACP,aAAa;AAAA,MACf,CAAC;AAAA,IACH;AAAA;AAAA,IAGA,MAAM,KAAK,SAAS,KAAK,CAAC;AAAA,EAC5B,CAAC;AACH,CAAC;AAIM,IAAM,WAAqC;AAAA,EAChD;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,OAAO;AAAA,QACL;AAAA,UACE,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,MAAM;AAAA,UACN,aAAa;AAAA,UACb,QAAQ;AAAA,QACV;AAAA,QACA;AAAA,UACE,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,MAAM;AAAA,UACN,aAAa;AAAA,UACb,QAAQ;AAAA,QACV;AAAA,QACA;AAAA,UACE,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,MAAM;AAAA,UACN,aAAa;AAAA,UACb,QAAQ;AAAA,QACV;AAAA,QACA;AAAA,UACE,IAAI;AAAA,UACJ,OAAO;AAAA,UACP,UAAU;AAAA,UACV,MAAM;AAAA,UACN,aAAa;AAAA,UACb,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MACA,QAAQ;AAAA,MACR,eAAe;AAAA,MACf,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,OAAO;AAAA,QACL;AAAA,UACE,OAAO;AAAA,UACP,MAAM;AAAA,UACN,aAAa;AAAA,QACf;AAAA,QACA;AAAA,UACE,OAAO;AAAA,UACP,MAAM;AAAA,UACN,aAAa;AAAA,QACf;AAAA,QACA;AAAA,UACE,OAAO;AAAA,UACP,MAAM;AAAA,UACN,aAAa;AAAA,QACf;AAAA,QACA;AAAA,UACE,OAAO;AAAA,UACP,MAAM;AAAA,UACN,aAAa;AAAA,QACf;AAAA,MACF;AAAA,MACA,QAAQ;AAAA,MACR,aAAa,EAAE,OAAO,cAAc;AAAA,MACpC,gBAAgB,EAAE,OAAO,cAAc;AAAA,MACvC,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EAEA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,OAAO;AAAA,QACL;AAAA,UACE,OAAO;AAAA,UACP,MAAM;AAAA,UACN,aAAa;AAAA,QACf;AAAA,QACA;AAAA,UACE,OAAO;AAAA,UACP,MAAM;AAAA,UACN,aAAa;AAAA,QACf;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT;AAAA,UACE;AAAA,YACE,IAAI;AAAA,YACJ,MAAM;AAAA,YACN,OAAO,EAAE,SAAS,yDAAyD;AAAA,UAC7E;AAAA,QACF;AAAA,QACA;AAAA,UACE;AAAA,YACE,IAAI;AAAA,YACJ,MAAM;AAAA,YACN,OAAO,EAAE,SAAS,oDAAoD;AAAA,UACxE;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,OAAO;AAAA,QACL;AAAA,UACE,OAAO;AAAA,UACP,aAAa;AAAA,QACf;AAAA,QACA;AAAA,UACE,OAAO;AAAA,UACP,aAAa;AAAA,QACf;AAAA,QACA;AAAA,UACE,OAAO;AAAA,UACP,aAAa;AAAA,QACf;AAAA,QACA;AAAA,UACE,OAAO;AAAA,UACP,aAAa;AAAA,QACf;AAAA,MACF;AAAA,MACA,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,WAAW;AAAA,MACX,aAAa;AAAA,MACb,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,OAAO;AAAA,QACL;AAAA,UACE,OAAO;AAAA,UACP,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACV;AAAA,QACA;AAAA,UACE,OAAO;AAAA,UACP,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACV;AAAA,QACA;AAAA,UACE,OAAO;AAAA,UACP,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACV;AAAA,QACA;AAAA,UACE,OAAO;AAAA,UACP,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MACA,UAAU;AAAA,MACV,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EAEA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,OAAO;AAAA,QACL;AAAA,UACE,OAAO;AAAA,UACP,MAAM;AAAA,UACN,aAAa;AAAA,QACf;AAAA,QACA;AAAA,UACE,OAAO;AAAA,UACP,MAAM;AAAA,UACN,aAAa;AAAA,QACf;AAAA,QACA;AAAA,UACE,OAAO;AAAA,UACP,MAAM;AAAA,UACN,aAAa;AAAA,QACf;AAAA,MACF;AAAA,MACA,QAAQ;AAAA,MACR,aAAa,EAAE,OAAO,gBAAgB;AAAA,MACtC,QAAQ,EAAE,OAAO,UAAU,OAAO,gBAAgB;AAAA,MAClD,UAAU;AAAA,MACV,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,OAAO,CAAC;AAAA,MACR,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,MACR,eAAe;AAAA,IACjB;AAAA,EACF;AAAA,EAEA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,OAAO;AAAA,QACL;AAAA,UACE,OAAO;AAAA,UACP,UAAU;AAAA,UACV,MAAM;AAAA,UACN,aAAa;AAAA,QACf;AAAA,QACA;AAAA,UACE,OAAO;AAAA,UACP,UAAU;AAAA,UACV,MAAM;AAAA,UACN,aAAa;AAAA,QACf;AAAA,QACA;AAAA,UACE,OAAO;AAAA,UACP,UAAU;AAAA,UACV,MAAM;AAAA,UACN,aAAa;AAAA,QACf;AAAA,MACF;AAAA,MACA,aAAa,EAAE,OAAO,gBAAgB;AAAA,MACtC,QAAQ;AAAA,MACR,QAAQ,EAAE,OAAO,UAAU,OAAO,aAAa;AAAA,MAC/C,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,MACb,gBAAgB,EAAE,OAAO,gBAAgB;AAAA,IAC3C;AAAA,EACF;AACF;","names":[]}