@upstart.gg/sdk 0.0.134 → 0.0.136

package/dist/shared/chunk-DV3G7X34.js

@@ -0,0 +1,244 @@
+/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+
+import {
+  toLLMSchema
+} from "./chunk-IQIISR22.js";
+import {
+  StringEnum
+} from "./chunk-JK2FWFJU.js";
+
+// src/shared/theme.ts
+import { Type } from "@sinclair/typebox";
+import chroma from "chroma-js";
+import { colorPalette } from "@upstart.gg/style-system/colors";
+var fontStacks = [
+  { value: "system-ui", label: "System UI" },
+  { value: "transitional", label: "Transitional" },
+  { value: "old-style", label: "Old style" },
+  { value: "humanist", label: "Humanist" },
+  { value: "geometric-humanist", label: "Geometric humanist" },
+  { value: "classical-humanist", label: "Classical humanist" },
+  { value: "neo-grotesque", label: "Neo-grotesque" },
+  { value: "monospace-slab-serif", label: "Monospace slab serif" },
+  { value: "monospace-code", label: "Monospace code" },
+  { value: "industrial", label: "Industrial" },
+  { value: "rounded-sans", label: "Rounded sans" },
+  { value: "slab-serif", label: "Slab serif" },
+  { value: "antique", label: "Antique" },
+  { value: "didone", label: "Didone" },
+  { value: "handwritten", label: "Handwritten" }
+];
+var headingFont = Type.Object(
+  {
+    type: StringEnum(["stack", "theme", "google"], {
+      title: "Type of font",
+      description: "The type of font. Can be a font stack, a theme font or a Google font"
+    }),
+    family: Type.String({
+      title: "Family",
+      description: "The font family (eg. the name of the font)"
+    })
+  },
+  {
+    title: "Headings font",
+    description: "Used for titles and headings",
+    additionalProperties: false
+  }
+);
+var bodyFont = Type.Object(
+  {
+    type: StringEnum(["stack", "theme", "google"], {
+      title: "Type of font",
+      description: "The type of font. Can be a font stack, a theme font or a Google font"
+    }),
+    family: Type.String({
+      title: "Family",
+      description: "The font family (eg. the name of the font)"
+    })
+  },
+  {
+    title: "Body font",
+    description: "Used for paragraphs and body text",
+    additionalProperties: false
+  }
+);
+var themeSchema = Type.Object(
+  {
+    id: Type.String({ title: "ID", description: "The unique identifier of the theme" }),
+    name: Type.String({ title: "Name", description: "The name of the theme" }),
+    description: Type.String({ title: "Description", description: "The description of the theme" }),
+    tags: Type.Array(Type.String({ title: "Tag" }), { title: "Tags", description: "The tags of the theme" }),
+    browserColorScheme: StringEnum(["light", "dark"], {
+      title: "Browser scheme",
+      description: "Color of browser-provided UI. Either 'light' or 'dark'"
+    }),
+    // Define the theme colors
+    colors: Type.Object(
+      {
+        primary: Type.String({
+          title: "Primary",
+          description: "The brand's primary color.",
+          "ai:instructions": "Use oklch() css notation.",
+          examples: ["oklch(0.62 0.241 354.308)"]
+        }),
+        secondary: Type.String({
+          title: "Secondary",
+          description: "The brand's second most used color",
+          "ai:instructions": "Use oklch() css notation.",
+          examples: ["oklch(0.65 0.22 185)"]
+        }),
+        accent: Type.String({
+          title: "Accent",
+          description: "The brand's least used color",
+          "ai:instructions": "Use oklch() css notation.",
+          examples: ["oklch(0.82 0.18 85)"]
+        }),
+        neutral: Type.String({
+          title: "Neutral",
+          description: "The base neutral color",
+          "ai:instructions": "Use oklch() css notation.",
+          examples: ["oklch(0.38 0.08 280)"]
+        }),
+        base100: Type.String({
+          title: "Base",
+          description: "Base surface color of page, used for blank backgrounds. Should be white or near-white for light color-schemes, and black or near-black for dark color-schemes.",
+          "ai:instructions": "Use oklab() css notation.",
+          examples: ["oklch(0.99 0.008 92)"]
+        }),
+        base200: Type.String({
+          title: "Base 2",
+          description: "Should be darker than base 100 but still light for light color-schemes, and lighter but still dark for dark color-schemes.",
+          "ai:instructions": "Use oklab() css notation.",
+          examples: ["oklch(0.97 0.01 85)"]
+        }),
+        base300: Type.String({
+          title: "Base 3",
+          description: "3rd base color, should be darker than base 200 for light color-schemes, and lighter than base 200 for dark color-schemes.",
+          "ai:instructions": "Use oklab() css notation.",
+          examples: ["oklch(0.95 0.02 80)"]
+        })
+      },
+      {
+        title: "Theme base colors",
+        description: "The base colors of the theme. Each theme must declare all these colors",
+        additionalProperties: false
+      }
+    ),
+    // Define the theme typography
+    typography: Type.Object(
+      {
+        base: Type.Number({
+          title: "Base font size",
+          description: "The base font size in pixels. It is safe to keep it as is.",
+          "ai:instructions": "A safe value is 16."
+        }),
+        heading: headingFont,
+        body: bodyFont,
+        alternatives: Type.Array(
+          Type.Object(
+            {
+              body: bodyFont,
+              heading: headingFont
+            },
+            { additionalProperties: false }
+          ),
+          {
+            title: "Alternative fonts",
+            description: "Alternative fonts that can be suggested to the user. Takes the same shape"
+          }
+        )
+      },
+      { additionalProperties: false }
+    )
+  },
+  {
+    additionalProperties: false
+  }
+);
+var themesArray = Type.Array(themeSchema);
+var themesArrayLLM = toLLMSchema(themesArray);
+var defaultTheme = {
+  id: "_default_",
+  name: "default",
+  description: "Default Upstart theme",
+  tags: ["gradient", "vibrant", "modern", "creative", "dynamic", "artistic", "bold"],
+  browserColorScheme: "light",
+  colors: {
+    base100: "#FFF",
+    // Warm white background
+    base200: "#F5F0E1",
+    // Soft cream in hex
+    base300: "#F0E3D2",
+    // Light warm gray in hex
+    primary: "#FF6F20",
+    // A vibrant orange in hex
+    secondary: "#00BFFF",
+    // A bright cyan in hex
+    accent: "#A4D65E",
+    // A lively lime green in hex
+    neutral: "#B0B0B0"
+    // A balanced gray in hex
+  },
+  typography: {
+    base: 16,
+    heading: { type: "stack", family: "system-ui" },
+    body: { type: "stack", family: "system-ui" },
+    alternatives: []
+  }
+};
+function isDefaultTheme(theme) {
+  return theme.id === defaultTheme.id;
+}
+function processTheme(theme) {
+  return {
+    ...theme,
+    typography: {
+      ...theme.typography,
+      base: 16
+      // override any base size
+    },
+    colors: Object.entries(theme.colors).reduce(
+      (acc, [key, value]) => {
+        const fixedColor = fixOklchColor(value);
+        return {
+          // biome-ignore lint/performance/noAccumulatingSpread: <explanation>
+          ...acc,
+          [key]: fixedColor
+        };
+      },
+      {}
+    )
+  };
+}
+function fixOklchColor(color) {
+  const valid = chroma.valid(color);
+  if (valid) {
+    return color;
+  }
+  const oklchRegex = /ok(lch|lab)\(([^)]+)\)/;
+  if (oklchRegex.test(color)) {
+    const withoutComma = color.replace(/,/g, " ");
+    if (chroma.valid(withoutComma)) {
+      return withoutComma;
+    }
+  }
+  if (/^([a-z]+)-([0-9]+)$/.test(color)) {
+    const [name, shade] = color.split("-");
+    const twColor = colorPalette[name]?.[shade];
+    if (twColor) {
+      return twColor;
+    }
+  }
+  return color;
+}
+
+export {
+  fontStacks,
+  themeSchema,
+  themesArray,
+  themesArrayLLM,
+  defaultTheme,
+  isDefaultTheme,
+  processTheme
+};
+//# sourceMappingURL=chunk-DV3G7X34.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/theme.ts"],"sourcesContent":["import { Type, type Static } from \"@sinclair/typebox\";\nimport chroma from \"chroma-js\";\nimport { colorPalette } from \"@upstart.gg/style-system/colors\";\nimport { StringEnum } from \"./utils/string-enum\";\nimport { toLLMSchema } from \"./utils/llm\";\n\nexport const fontStacks = [\n  { value: \"system-ui\", label: \"System UI\" },\n  { value: \"transitional\", label: \"Transitional\" },\n  { value: \"old-style\", label: \"Old style\" },\n  { value: \"humanist\", label: \"Humanist\" },\n  { value: \"geometric-humanist\", label: \"Geometric humanist\" },\n  { value: \"classical-humanist\", label: \"Classical humanist\" },\n  { value: \"neo-grotesque\", label: \"Neo-grotesque\" },\n  { value: \"monospace-slab-serif\", label: \"Monospace slab serif\" },\n  { value: \"monospace-code\", label: \"Monospace code\" },\n  { value: \"industrial\", label: \"Industrial\" },\n  { value: \"rounded-sans\", label: \"Rounded sans\" },\n  { value: \"slab-serif\", label: \"Slab serif\" },\n  { value: \"antique\", label: \"Antique\" },\n  { value: \"didone\", label: \"Didone\" },\n  { value: \"handwritten\", label: \"Handwritten\" },\n];\n\nconst headingFont = Type.Object(\n  {\n    type: StringEnum([\"stack\", \"theme\", \"google\"], {\n      title: \"Type of font\",\n      description: \"The type of font. Can be a font stack, a theme font or a Google font\",\n    }),\n    family: Type.String({\n      title: \"Family\",\n      description: \"The font family (eg. the name of the font)\",\n    }),\n  },\n  {\n    title: \"Headings font\",\n    description: \"Used for titles and headings\",\n    additionalProperties: false,\n  },\n);\n\nconst bodyFont = Type.Object(\n  {\n    type: StringEnum([\"stack\", \"theme\", \"google\"], {\n      title: \"Type of font\",\n      description: \"The type of font. Can be a font stack, a theme font or a Google font\",\n    }),\n    family: Type.String({\n      title: \"Family\",\n      description: \"The font family (eg. the name of the font)\",\n    }),\n  },\n  {\n    title: \"Body font\",\n    description: \"Used for paragraphs and body text\",\n    additionalProperties: false,\n  },\n);\n\nexport const themeSchema = Type.Object(\n  {\n    id: Type.String({ title: \"ID\", description: \"The unique identifier of the theme\" }),\n    name: Type.String({ title: \"Name\", description: \"The name of the theme\" }),\n    description: Type.String({ title: \"Description\", description: \"The description of the theme\" }),\n    tags: Type.Array(Type.String({ title: \"Tag\" }), { title: \"Tags\", description: \"The tags of the theme\" }),\n    browserColorScheme: StringEnum([\"light\", \"dark\"], {\n      title: \"Browser scheme\",\n      description: \"Color of browser-provided UI. Either 'light' or 'dark'\",\n    }),\n    // Define the theme colors\n    colors: Type.Object(\n      {\n        primary: Type.String({\n          title: \"Primary\",\n          description: \"The brand's primary color.\",\n          \"ai:instructions\": \"Use oklch() css notation.\",\n          examples: [\"oklch(0.62 0.241 354.308)\"],\n        }),\n        secondary: Type.String({\n          title: \"Secondary\",\n          description: \"The brand's second most used color\",\n          \"ai:instructions\": \"Use oklch() css notation.\",\n          examples: [\"oklch(0.65 0.22 185)\"],\n        }),\n        accent: Type.String({\n          title: \"Accent\",\n          description: \"The brand's least used color\",\n          \"ai:instructions\": \"Use oklch() css notation.\",\n          examples: [\"oklch(0.82 0.18 85)\"],\n        }),\n        neutral: Type.String({\n          title: \"Neutral\",\n          description: \"The base neutral color\",\n          \"ai:instructions\": \"Use oklch() css notation.\",\n          examples: [\"oklch(0.38 0.08 280)\"],\n        }),\n        base100: Type.String({\n          title: \"Base\",\n          description:\n            \"Base surface color of page, used for blank backgrounds. Should be white or near-white for light color-schemes, and black or near-black for dark color-schemes.\",\n          \"ai:instructions\": \"Use oklab() css notation.\",\n          examples: [\"oklch(0.99 0.008 92)\"],\n        }),\n        base200: Type.String({\n          title: \"Base 2\",\n          description:\n            \"Should be darker than base 100 but still light for light color-schemes, and lighter but still dark for dark color-schemes.\",\n          \"ai:instructions\": \"Use oklab() css notation.\",\n          examples: [\"oklch(0.97 0.01 85)\"],\n        }),\n        base300: Type.String({\n          title: \"Base 3\",\n          description:\n            \"3rd base color, should be darker than base 200 for light color-schemes, and lighter than base 200 for dark color-schemes.\",\n          \"ai:instructions\": \"Use oklab() css notation.\",\n          examples: [\"oklch(0.95 0.02 80)\"],\n        }),\n      },\n      {\n        title: \"Theme base colors\",\n        description: \"The base colors of the theme. Each theme must declare all these colors\",\n        additionalProperties: false,\n      },\n    ),\n\n    // Define the theme typography\n    typography: Type.Object(\n      {\n        base: Type.Number({\n          title: \"Base font size\",\n          description: \"The base font size in pixels. It is safe to keep it as is.\",\n          \"ai:instructions\": \"A safe value is 16.\",\n        }),\n        heading: headingFont,\n        body: bodyFont,\n        alternatives: Type.Array(\n          Type.Object(\n            {\n              body: bodyFont,\n              heading: headingFont,\n            },\n            { additionalProperties: false },\n          ),\n          {\n            title: \"Alternative fonts\",\n            description: \"Alternative fonts that can be suggested to the user. Takes the same shape\",\n          },\n        ),\n      },\n      { additionalProperties: false },\n    ),\n  },\n  {\n    additionalProperties: false,\n  },\n);\n\nexport type Theme = Static<typeof themeSchema>;\nexport const themesArray = Type.Array(themeSchema);\nexport const themesArrayLLM = toLLMSchema(themesArray);\n\nexport type ThemesArray = Static<typeof themesArray>;\nexport type FontType = Theme[\"typography\"][\"body\"];\n\nexport const defaultTheme: Theme = {\n  id: \"_default_\",\n  name: \"default\",\n  description: \"Default Upstart theme\",\n  tags: [\"gradient\", \"vibrant\", \"modern\", \"creative\", \"dynamic\", \"artistic\", \"bold\"],\n  browserColorScheme: \"light\",\n  colors: {\n    base100: \"#FFF\", // Warm white background\n    base200: \"#F5F0E1\", // Soft cream in hex\n    base300: \"#F0E3D2\", // Light warm gray in hex\n    primary: \"#FF6F20\", // A vibrant orange in hex\n    secondary: \"#00BFFF\", // A bright cyan in hex\n    accent: \"#A4D65E\", // A lively lime green in hex\n    neutral: \"#B0B0B0\", // A balanced gray in hex\n  },\n  typography: {\n    base: 16,\n    heading: { type: \"stack\", family: \"system-ui\" },\n    body: { type: \"stack\", family: \"system-ui\" },\n    alternatives: [],\n  },\n};\n\nexport function isDefaultTheme(theme: Theme): boolean {\n  return theme.id === defaultTheme.id;\n}\n\n/**\n * Process a theme, eventually fixing colors and translating them to oklch notations\n * @param theme\n */\nexport function processTheme(theme: Theme): Theme {\n  return {\n    ...theme,\n    typography: {\n      ...theme.typography,\n      base: 16, // override any base size\n    },\n    colors: Object.entries(theme.colors).reduce(\n      (acc, [key, value]) => {\n        const fixedColor = fixOklchColor(value);\n        return {\n          // biome-ignore lint/performance/noAccumulatingSpread: <explanation>\n          ...acc,\n          [key]: fixedColor,\n        };\n      },\n      {} as typeof theme.colors,\n    ),\n  };\n}\n\nfunction fixOklchColor(color: string) {\n  const valid = chroma.valid(color);\n  if (valid) {\n    return color;\n  }\n  // Try to fix the color if it looks like oklch\n  const oklchRegex = /ok(lch|lab)\\(([^)]+)\\)/;\n  if (oklchRegex.test(color)) {\n    const withoutComma = color.replace(/,/g, \" \");\n    if (chroma.valid(withoutComma)) {\n      return withoutComma;\n    }\n  }\n  // tailwind colors\n  if (/^([a-z]+)-([0-9]+)$/.test(color)) {\n    const [name, shade] = color.split(\"-\");\n    // @ts-ignore\n    const twColor = colorPalette[name]?.[shade] as string | undefined;\n    if (twColor) {\n      return twColor;\n    }\n  }\n  return color;\n}\n"],"mappings":"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","names":[]}

package/dist/shared/chunk-EVLRH6VG.js

@@ -0,0 +1,56 @@
+/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+
+import {
+  getSchemaDefaults
+} from "./chunk-HTUSL2U7.js";
+
+// src/shared/brick-manifest.ts
+function defineBrickManifest({
+  props,
+  defaultHeight,
+  defaultWidth,
+  category = "widgets",
+  isContainer = false,
+  hideInLibrary = false,
+  isGlobalBrick = false,
+  deletable = true,
+  movable = true,
+  resizable = true,
+  duplicatable = true,
+  defaultInspectorTab = "preset",
+  icon,
+  ...rest
+}) {
+  return {
+    ...rest,
+    icon,
+    props,
+    category,
+    defaultInspectorTab,
+    hideInLibrary,
+    deletable,
+    movable,
+    resizable,
+    duplicatable,
+    isContainer,
+    isGlobalBrick,
+    defaultWidth: { mobile: defaultWidth?.mobile ?? "auto", desktop: defaultWidth?.desktop ?? "auto" },
+    defaultHeight: {
+      mobile: defaultHeight?.mobile ?? "auto",
+      desktop: defaultHeight?.desktop ?? "auto"
+    }
+  };
+}
+function getBrickManifestDefaults(manifest) {
+  return {
+    manifest,
+    props: getSchemaDefaults(manifest.props),
+    mobileProps: {}
+  };
+}
+
+export {
+  defineBrickManifest,
+  getBrickManifestDefaults
+};
+//# sourceMappingURL=chunk-EVLRH6VG.js.map

package/dist/shared/{chunk-RJYZ5FAR.js.map → chunk-EVLRH6VG.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shared/brick-manifest.ts"],"sourcesContent":["import type { TObject, TProperties, TArray } from \"@sinclair/typebox\";\nimport type { IconBase, IconType } from \"react-icons/lib\";\nimport { getSchemaDefaults } from \"./utils/schema\";\nimport type { ReactNode } from \"react\";\n\nexport type BrickCategory = \"layout\" | \"basic\" | \"media\" | \"widgets\" | \"container\";\n\ntype BrickManifestProps<BProps extends TProperties, DSSchema extends TObject | TArray<TObject>> = {\n  type: string;\n  category?: BrickCategory;\n  name: string;\n  icon: IconType;\n  iconClassName?: string;\n  staticClasses?: string;\n  description?: string;\n  // Min width in pixels\n  minWidth?: {\n    mobile?: number;\n    desktop?: number;\n  };\n  // Max width in pixels\n  maxWidth?: {\n    mobile?: number;\n    desktop?: number;\n  };\n  // Min height in pixels\n  minHeight?: {\n    mobile?: number;\n    desktop?: number;\n  };\n  // Max height in pixels\n  maxHeight?: {\n    mobile?: number;\n    desktop?: number;\n  };\n  // default width can be in various css units, but should be a number\n  defaultWidth?: {\n    mobile?: string;\n    desktop?: string;\n  };\n  defaultHeight?: {\n    mobile?: string;\n    desktop?: string;\n  };\n  props: TObject<BProps>;\n  hideInLibrary?: boolean;\n\n  isGlobalBrick?: boolean;\n  /**\n   * If true, the brick can consume multiple rows of data from a data source.\n   * This is useful for bricks that display lists or collections of items.\n   */\n  consumesMultipleQueryRows?: boolean;\n  defaultInspectorTab?: \"preset\" | \"style\" | \"content\";\n  deletable?: boolean;\n  movable?: boolean;\n  resizable?: boolean | \"horizontal\" | \"vertical\";\n  duplicatable?: boolean;\n  /**\n   * Some specific bricks like sidebar or header may not be draggable inline, as we want to place them manually in the layout.\n   */\n  inlineDragDisabled?: boolean;\n  isContainer?: boolean;\n  aiInstructions?: string;\n};\n\nexport function defineBrickManifest<BProps extends TProperties, DSSchema extends TObject | TArray<TObject>>({\n  props,\n  defaultHeight,\n  defaultWidth,\n  category = \"widgets\",\n  isContainer = false,\n  hideInLibrary = false,\n  isGlobalBrick = false,\n  deletable = true,\n  movable = true,\n  resizable = true,\n  duplicatable = true,\n  defaultInspectorTab = \"preset\",\n  icon,\n  ...rest\n}: BrickManifestProps<BProps, DSSchema>) {\n  return {\n    ...rest,\n    icon,\n    props,\n    category,\n    defaultInspectorTab,\n    hideInLibrary,\n    deletable,\n    movable,\n    resizable,\n    duplicatable,\n    isContainer,\n    isGlobalBrick,\n    defaultWidth: { mobile: defaultWidth?.mobile ?? \"auto\", desktop: defaultWidth?.desktop ?? \"auto\" },\n    defaultHeight: {\n      mobile: defaultHeight?.mobile ?? \"auto\",\n      desktop: defaultHeight?.desktop ?? \"auto\",\n    },\n  } as const;\n}\n\nexport type BrickManifest = ReturnType<typeof defineBrickManifest>;\n\nexport function getBrickManifestDefaults<M extends BrickManifest>(manifest: M) {\n  return {\n    manifest,\n    props: getSchemaDefaults(manifest.props),\n    mobileProps: {},\n  };\n}\n\nexport type BrickDefaults = ReturnType<typeof getBrickManifestDefaults>;\n\nexport type BrickConstraints = Pick<\n  BrickManifest,\n  \"defaultWidth\" | \"defaultHeight\" | \"minWidth\" | \"minHeight\" | \"maxWidth\" | \"resizable\" | \"movable\"\n>;\n"],"mappings":";;wCAkEO,SAASA,EAA4F,CAC1G,MAAAC,EACA,cAAAC,EACA,aAAAC,EACA,SAAAC,EAAW,UACX,YAAAC,EAAc,GACd,cAAAC,EAAgB,GAChB,cAAAC,EAAgB,GAChB,UAAAC,EAAY,GACZ,QAAAC,EAAU,GACV,UAAAC,EAAY,GACZ,aAAAC,EAAe,GACf,oBAAAC,EAAsB,SACtB,KAAAC,EACA,GAAGC,CACL,EAAyC,CACvC,MAAO,CACL,GAAGA,EACH,KAAAD,EACA,MAAAZ,EACA,SAAAG,EACA,oBAAAQ,EACA,cAAAN,EACA,UAAAE,EACA,QAAAC,EACA,UAAAC,EACA,aAAAC,EACA,YAAAN,EACA,cAAAE,EACA,aAAc,CAAE,OAAQJ,GAAc,QAAU,OAAQ,QAASA,GAAc,SAAW,MAAO,EACjG,cAAe,CACb,OAAQD,GAAe,QAAU,OACjC,QAASA,GAAe,SAAW,MACrC,CACF,CACF,CAIO,SAASa,EAAkDC,EAAa,CAC7E,MAAO,CACL,SAAAA,EACA,MAAOC,EAAkBD,EAAS,KAAK,EACvC,YAAa,CAAC,CAChB,CACF","names":["defineBrickManifest","props","defaultHeight","defaultWidth","category","isContainer","hideInLibrary","isGlobalBrick","deletable","movable","resizable","duplicatable","defaultInspectorTab","icon","rest","getBrickManifestDefaults","manifest","getSchemaDefaults"]}
+{"version":3,"sources":["../../src/shared/brick-manifest.ts"],"sourcesContent":["import type { TObject, TProperties, TArray } from \"@sinclair/typebox\";\nimport type { IconBase, IconType } from \"react-icons/lib\";\nimport { getSchemaDefaults } from \"./utils/schema\";\nimport type { ReactNode } from \"react\";\n\nexport type BrickCategory = \"layout\" | \"basic\" | \"media\" | \"widgets\" | \"container\";\n\ntype BrickManifestProps<BProps extends TProperties, DSSchema extends TObject | TArray<TObject>> = {\n  type: string;\n  category?: BrickCategory;\n  name: string;\n  icon: IconType;\n  iconClassName?: string;\n  staticClasses?: string;\n  description?: string;\n  // Min width in pixels\n  minWidth?: {\n    mobile?: number;\n    desktop?: number;\n  };\n  // Max width in pixels\n  maxWidth?: {\n    mobile?: number;\n    desktop?: number;\n  };\n  // Min height in pixels\n  minHeight?: {\n    mobile?: number;\n    desktop?: number;\n  };\n  // Max height in pixels\n  maxHeight?: {\n    mobile?: number;\n    desktop?: number;\n  };\n  // default width can be in various css units, but should be a number\n  defaultWidth?: {\n    mobile?: string;\n    desktop?: string;\n  };\n  defaultHeight?: {\n    mobile?: string;\n    desktop?: string;\n  };\n  props: TObject<BProps>;\n  hideInLibrary?: boolean;\n\n  isGlobalBrick?: boolean;\n  /**\n   * If true, the brick can consume multiple rows of data from a data source.\n   * This is useful for bricks that display lists or collections of items.\n   */\n  consumesMultipleQueryRows?: boolean;\n  defaultInspectorTab?: \"preset\" | \"style\" | \"content\";\n  deletable?: boolean;\n  movable?: boolean;\n  resizable?: boolean | \"horizontal\" | \"vertical\";\n  duplicatable?: boolean;\n  /**\n   * Some specific bricks like sidebar or header may not be draggable inline, as we want to place them manually in the layout.\n   */\n  inlineDragDisabled?: boolean;\n  isContainer?: boolean;\n  aiInstructions?: string;\n};\n\nexport function defineBrickManifest<BProps extends TProperties, DSSchema extends TObject | TArray<TObject>>({\n  props,\n  defaultHeight,\n  defaultWidth,\n  category = \"widgets\",\n  isContainer = false,\n  hideInLibrary = false,\n  isGlobalBrick = false,\n  deletable = true,\n  movable = true,\n  resizable = true,\n  duplicatable = true,\n  defaultInspectorTab = \"preset\",\n  icon,\n  ...rest\n}: BrickManifestProps<BProps, DSSchema>) {\n  return {\n    ...rest,\n    icon,\n    props,\n    category,\n    defaultInspectorTab,\n    hideInLibrary,\n    deletable,\n    movable,\n    resizable,\n    duplicatable,\n    isContainer,\n    isGlobalBrick,\n    defaultWidth: { mobile: defaultWidth?.mobile ?? \"auto\", desktop: defaultWidth?.desktop ?? \"auto\" },\n    defaultHeight: {\n      mobile: defaultHeight?.mobile ?? \"auto\",\n      desktop: defaultHeight?.desktop ?? \"auto\",\n    },\n  } as const;\n}\n\nexport type BrickManifest = ReturnType<typeof defineBrickManifest>;\n\nexport function getBrickManifestDefaults<M extends BrickManifest>(manifest: M) {\n  return {\n    manifest,\n    props: getSchemaDefaults(manifest.props),\n    mobileProps: {},\n  };\n}\n\nexport type BrickDefaults = ReturnType<typeof getBrickManifestDefaults>;\n\nexport type BrickConstraints = Pick<\n  BrickManifest,\n  \"defaultWidth\" | \"defaultHeight\" | \"minWidth\" | \"minHeight\" | \"maxWidth\" | \"resizable\" | \"movable\"\n>;\n"],"mappings":";;;;;;;AAkEO,SAAS,oBAA4F;AAAA,EAC1G;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,sBAAsB;AAAA,EACtB;AAAA,EACA,GAAG;AACL,GAAyC;AACvC,SAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,EAAE,QAAQ,cAAc,UAAU,QAAQ,SAAS,cAAc,WAAW,OAAO;AAAA,IACjG,eAAe;AAAA,MACb,QAAQ,eAAe,UAAU;AAAA,MACjC,SAAS,eAAe,WAAW;AAAA,IACrC;AAAA,EACF;AACF;AAIO,SAAS,yBAAkD,UAAa;AAC7E,SAAO;AAAA,IACL;AAAA,IACA,OAAO,kBAAkB,SAAS,KAAK;AAAA,IACvC,aAAa,CAAC;AAAA,EAChB;AACF;","names":[]}

package/dist/shared/chunk-F22LDHEO.js

@@ -0,0 +1,105 @@
+/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+
+import {
+  typedRef
+} from "./chunk-A2QPY54H.js";
+import {
+  StringEnum
+} from "./chunk-JK2FWFJU.js";
+
+// src/shared/bricks/props/text.ts
+import { Type } from "@sinclair/typebox";
+function fontSize(options = {}) {
+  return StringEnum(["inherit", "text-xs", "text-sm", "text-base", "text-lg", "text-xl"], {
+    enumNames: ["Same as parent", "Extra small", "Small", "Medium", "Large", "Extra large"],
+    default: "inherit",
+    title: "Font size",
+    // $id: "styles:fontSize",
+    "ui:styleId": "styles:fontSize",
+    "ui:field": "enum",
+    "ui:display": "select",
+    ...options
+  });
+}
+function fontSizeRef(options = {}) {
+  return typedRef("styles:fontSize", options);
+}
+function fontSizeXL(options = {}) {
+  return StringEnum(
+    [
+      "inherit",
+      "text-xs",
+      "text-sm",
+      "text-base",
+      "text-lg",
+      "text-xl",
+      "text-2xl",
+      "text-3xl",
+      "text-4xl",
+      "text-5xl",
+      "text-6xl",
+      "text-7xl"
+    ],
+    {
+      enumNames: [
+        "Same as parent",
+        "Extra small",
+        "Small",
+        "Medium",
+        "Large",
+        "Extra large",
+        "Extra large (2x)",
+        "Extra large (3x)",
+        "Extra large (4x)",
+        "Extra large (5x)",
+        "Extra large (6x)",
+        "Extra large (7x)"
+      ],
+      default: "inherit",
+      title: "Font size",
+      // $id: "styles:fontSize",
+      "ui:styleId": "styles:fontSize",
+      "ui:field": "enum",
+      "ui:display": "select",
+      ...options
+    }
+  );
+}
+function fontSizeXLRef(options = {}) {
+  return typedRef("styles:fontSizeXL", options);
+}
+function textContent({
+  title = "Text",
+  default: defaults,
+  showInSettings,
+  disableSizing = false,
+  disableAlignment = false,
+  ...rest
+} = {}) {
+  return Type.String({
+    title,
+    description: "Text content. Can contain basic HTML tags like `<strong>`, `<em>`, `<br>` and `<a>` as well as `<p>` and `<span>` and lists <ul> <ol> <li>.",
+    // $id: "content:text",
+    default: defaults ?? "My text",
+    "ui:disable-sizing": disableSizing,
+    "ui:disable-alignment": disableAlignment,
+    // metadata: {
+    //   category: "content",
+    // },
+    ...rest,
+    "ui:field": showInSettings ? "string" : "hidden"
+  });
+}
+function textContentRef(options = {}) {
+  return typedRef("content:text", options);
+}
+
+export {
+  fontSize,
+  fontSizeRef,
+  fontSizeXL,
+  fontSizeXLRef,
+  textContent,
+  textContentRef
+};
+//# sourceMappingURL=chunk-F22LDHEO.js.map

package/dist/shared/{chunk-5YRC3IT3.js.map → chunk-F22LDHEO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shared/bricks/props/text.ts"],"sourcesContent":["import { type StringOptions, Type, type Static } from \"@sinclair/typebox\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\nimport { typedRef } from \"~/shared/utils/typed-ref\";\n\ntype Options = StringOptions & {\n  \"ui:no-extra-large-sizes\"?: boolean;\n};\n\nexport function fontSize(options: Options = {}) {\n  return StringEnum([\"inherit\", \"text-xs\", \"text-sm\", \"text-base\", \"text-lg\", \"text-xl\"], {\n    enumNames: [\"Same as parent\", \"Extra small\", \"Small\", \"Medium\", \"Large\", \"Extra large\"],\n    default: \"inherit\",\n    title: \"Font size\",\n    // $id: \"styles:fontSize\",\n    \"ui:styleId\": \"styles:fontSize\",\n    \"ui:field\": \"enum\",\n    \"ui:display\": \"select\",\n    ...options,\n  });\n}\n\nexport type FontSizeSettings = Static<ReturnType<typeof fontSize>>;\n\nexport function fontSizeRef(options: Options = {}) {\n  return typedRef(\"styles:fontSize\", options);\n}\n\nexport function fontSizeXL(options: Options = {}) {\n  return StringEnum(\n    [\n      \"inherit\",\n      \"text-xs\",\n      \"text-sm\",\n      \"text-base\",\n      \"text-lg\",\n      \"text-xl\",\n      \"text-2xl\",\n      \"text-3xl\",\n      \"text-4xl\",\n      \"text-5xl\",\n      \"text-6xl\",\n      \"text-7xl\",\n    ],\n    {\n      enumNames: [\n        \"Same as parent\",\n        \"Extra small\",\n        \"Small\",\n        \"Medium\",\n        \"Large\",\n        \"Extra large\",\n        \"Extra large (2x)\",\n        \"Extra large (3x)\",\n        \"Extra large (4x)\",\n        \"Extra large (5x)\",\n        \"Extra large (6x)\",\n        \"Extra large (7x)\",\n      ],\n      default: \"inherit\",\n      title: \"Font size\",\n      // $id: \"styles:fontSize\",\n      \"ui:styleId\": \"styles:fontSize\",\n      \"ui:field\": \"enum\",\n      \"ui:display\": \"select\",\n      ...options,\n    },\n  );\n}\nexport function fontSizeXLRef(options: Options = {}) {\n  return typedRef(\"styles:fontSizeXL\", options);\n}\n\ntype TextContentOptions = {\n  showInSettings?: boolean;\n  disableSizing?: boolean;\n  disableAlignment?: boolean;\n};\n\nexport function textContent({\n  title = \"Text\",\n  default: defaults,\n  showInSettings,\n  disableSizing = false,\n  disableAlignment = false,\n  ...rest\n}: TextContentOptions & StringOptions = {}) {\n  return Type.String({\n    title,\n    description:\n      \"Text content. Can contain basic HTML tags like `<strong>`, `<em>`, `<br>` and `<a>` as well as `<p>` and `<span>` and lists <ul> <ol> <li>.\",\n    // $id: \"content:text\",\n    default: defaults ?? \"My text\",\n    \"ui:disable-sizing\": disableSizing,\n    \"ui:disable-alignment\": disableAlignment,\n    // metadata: {\n    //   category: \"content\",\n    // },\n    ...rest,\n    \"ui:field\": showInSettings ? \"string\" : \"hidden\",\n  });\n}\n\nexport type TextContentSettings = Static<ReturnType<typeof textContent>>;\n\nexport function textContentRef(options: TextContentOptions & StringOptions = {}) {\n  return typedRef(\"content:text\", options);\n}\n"],"mappings":";;gFAAA,OAA6B,QAAAA,MAAyB,oBAQ/C,SAASC,EAASC,EAAmB,CAAC,EAAG,CAC9C,OAAOC,EAAW,CAAC,UAAW,UAAW,UAAW,YAAa,UAAW,SAAS,EAAG,CACtF,UAAW,CAAC,iBAAkB,cAAe,QAAS,SAAU,QAAS,aAAa,EACtF,QAAS,UACT,MAAO,YAEP,aAAc,kBACd,WAAY,OACZ,aAAc,SACd,GAAGD,CACL,CAAC,CACH,CAIO,SAASE,EAAYF,EAAmB,CAAC,EAAG,CACjD,OAAOG,EAAS,kBAAmBH,CAAO,CAC5C,CAEO,SAASI,EAAWJ,EAAmB,CAAC,EAAG,CAChD,OAAOC,EACL,CACE,UACA,UACA,UACA,YACA,UACA,UACA,WACA,WACA,WACA,WACA,WACA,UACF,EACA,CACE,UAAW,CACT,iBACA,cACA,QACA,SACA,QACA,cACA,mBACA,mBACA,mBACA,mBACA,mBACA,kBACF,EACA,QAAS,UACT,MAAO,YAEP,aAAc,kBACd,WAAY,OACZ,aAAc,SACd,GAAGD,CACL,CACF,CACF,CACO,SAASK,EAAcL,EAAmB,CAAC,EAAG,CACnD,OAAOG,EAAS,oBAAqBH,CAAO,CAC9C,CAQO,SAASM,EAAY,CAC1B,MAAAC,EAAQ,OACR,QAASC,EACT,eAAAC,EACA,cAAAC,EAAgB,GAChB,iBAAAC,EAAmB,GACnB,GAAGC,CACL,EAAwC,CAAC,EAAG,CAC1C,OAAOC,EAAK,OAAO,CACjB,MAAAN,EACA,YACE,8IAEF,QAASC,GAAY,UACrB,oBAAqBE,EACrB,uBAAwBC,EAIxB,GAAGC,EACH,WAAYH,EAAiB,SAAW,QAC1C,CAAC,CACH,CAIO,SAASK,EAAed,EAA8C,CAAC,EAAG,CAC/E,OAAOG,EAAS,eAAgBH,CAAO,CACzC","names":["Type","fontSize","options","StringEnum","fontSizeRef","typedRef","fontSizeXL","fontSizeXLRef","textContent","title","defaults","showInSettings","disableSizing","disableAlignment","rest","Type","textContentRef"]}
+{"version":3,"sources":["../../src/shared/bricks/props/text.ts"],"sourcesContent":["import { type StringOptions, Type, type Static } from \"@sinclair/typebox\";\nimport { StringEnum } from \"~/shared/utils/string-enum\";\nimport { typedRef } from \"~/shared/utils/typed-ref\";\n\ntype Options = StringOptions & {\n  \"ui:no-extra-large-sizes\"?: boolean;\n};\n\nexport function fontSize(options: Options = {}) {\n  return StringEnum([\"inherit\", \"text-xs\", \"text-sm\", \"text-base\", \"text-lg\", \"text-xl\"], {\n    enumNames: [\"Same as parent\", \"Extra small\", \"Small\", \"Medium\", \"Large\", \"Extra large\"],\n    default: \"inherit\",\n    title: \"Font size\",\n    // $id: \"styles:fontSize\",\n    \"ui:styleId\": \"styles:fontSize\",\n    \"ui:field\": \"enum\",\n    \"ui:display\": \"select\",\n    ...options,\n  });\n}\n\nexport type FontSizeSettings = Static<ReturnType<typeof fontSize>>;\n\nexport function fontSizeRef(options: Options = {}) {\n  return typedRef(\"styles:fontSize\", options);\n}\n\nexport function fontSizeXL(options: Options = {}) {\n  return StringEnum(\n    [\n      \"inherit\",\n      \"text-xs\",\n      \"text-sm\",\n      \"text-base\",\n      \"text-lg\",\n      \"text-xl\",\n      \"text-2xl\",\n      \"text-3xl\",\n      \"text-4xl\",\n      \"text-5xl\",\n      \"text-6xl\",\n      \"text-7xl\",\n    ],\n    {\n      enumNames: [\n        \"Same as parent\",\n        \"Extra small\",\n        \"Small\",\n        \"Medium\",\n        \"Large\",\n        \"Extra large\",\n        \"Extra large (2x)\",\n        \"Extra large (3x)\",\n        \"Extra large (4x)\",\n        \"Extra large (5x)\",\n        \"Extra large (6x)\",\n        \"Extra large (7x)\",\n      ],\n      default: \"inherit\",\n      title: \"Font size\",\n      // $id: \"styles:fontSize\",\n      \"ui:styleId\": \"styles:fontSize\",\n      \"ui:field\": \"enum\",\n      \"ui:display\": \"select\",\n      ...options,\n    },\n  );\n}\nexport function fontSizeXLRef(options: Options = {}) {\n  return typedRef(\"styles:fontSizeXL\", options);\n}\n\ntype TextContentOptions = {\n  showInSettings?: boolean;\n  disableSizing?: boolean;\n  disableAlignment?: boolean;\n};\n\nexport function textContent({\n  title = \"Text\",\n  default: defaults,\n  showInSettings,\n  disableSizing = false,\n  disableAlignment = false,\n  ...rest\n}: TextContentOptions & StringOptions = {}) {\n  return Type.String({\n    title,\n    description:\n      \"Text content. Can contain basic HTML tags like `<strong>`, `<em>`, `<br>` and `<a>` as well as `<p>` and `<span>` and lists <ul> <ol> <li>.\",\n    // $id: \"content:text\",\n    default: defaults ?? \"My text\",\n    \"ui:disable-sizing\": disableSizing,\n    \"ui:disable-alignment\": disableAlignment,\n    // metadata: {\n    //   category: \"content\",\n    // },\n    ...rest,\n    \"ui:field\": showInSettings ? \"string\" : \"hidden\",\n  });\n}\n\nexport type TextContentSettings = Static<ReturnType<typeof textContent>>;\n\nexport function textContentRef(options: TextContentOptions & StringOptions = {}) {\n  return typedRef(\"content:text\", options);\n}\n"],"mappings":";;;;;;;;;;AAAA,SAA6B,YAAyB;AAQ/C,SAAS,SAAS,UAAmB,CAAC,GAAG;AAC9C,SAAO,WAAW,CAAC,WAAW,WAAW,WAAW,aAAa,WAAW,SAAS,GAAG;AAAA,IACtF,WAAW,CAAC,kBAAkB,eAAe,SAAS,UAAU,SAAS,aAAa;AAAA,IACtF,SAAS;AAAA,IACT,OAAO;AAAA;AAAA,IAEP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,GAAG;AAAA,EACL,CAAC;AACH;AAIO,SAAS,YAAY,UAAmB,CAAC,GAAG;AACjD,SAAO,SAAS,mBAAmB,OAAO;AAC5C;AAEO,SAAS,WAAW,UAAmB,CAAC,GAAG;AAChD,SAAO;AAAA,IACL;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,SAAS;AAAA,MACT,OAAO;AAAA;AAAA,MAEP,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,GAAG;AAAA,IACL;AAAA,EACF;AACF;AACO,SAAS,cAAc,UAAmB,CAAC,GAAG;AACnD,SAAO,SAAS,qBAAqB,OAAO;AAC9C;AAQO,SAAS,YAAY;AAAA,EAC1B,QAAQ;AAAA,EACR,SAAS;AAAA,EACT;AAAA,EACA,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,GAAG;AACL,IAAwC,CAAC,GAAG;AAC1C,SAAO,KAAK,OAAO;AAAA,IACjB;AAAA,IACA,aACE;AAAA;AAAA,IAEF,SAAS,YAAY;AAAA,IACrB,qBAAqB;AAAA,IACrB,wBAAwB;AAAA;AAAA;AAAA;AAAA,IAIxB,GAAG;AAAA,IACH,YAAY,iBAAiB,WAAW;AAAA,EAC1C,CAAC;AACH;AAIO,SAAS,eAAe,UAA8C,CAAC,GAAG;AAC/E,SAAO,SAAS,gBAAgB,OAAO;AACzC;","names":[]}

package/dist/shared/chunk-F247VKAE.js

@@ -0,0 +1,131 @@
+/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
+
+import {
+  defineProps
+} from "./chunk-BHC2A43S.js";
+import {
+  defineBrickManifest
+} from "./chunk-EVLRH6VG.js";
+import {
+  shadowRef
+} from "./chunk-TNMNMYOB.js";
+import {
+  string
+} from "./chunk-N3ZTQD5I.js";
+import {
+  borderRef,
+  roundingRef
+} from "./chunk-NTLAKMMQ.js";
+import {
+  cssLengthRef
+} from "./chunk-BPBKHEQ5.js";
+
+// src/shared/bricks/manifests/video.manifest.ts
+import { RxVideo } from "react-icons/rx";
+import { Type } from "@sinclair/typebox";
+var manifest = defineBrickManifest({
+  type: "video",
+  name: "Video",
+  category: "media",
+  description: "An embedded video player for YouTube / Vimeo / Wistia links",
+  icon: RxVideo,
+  defaultWidth: {
+    mobile: "auto",
+    desktop: `${360 * 16 / 9}px`
+    // 16:9 aspect ratio
+  },
+  defaultHeight: {
+    mobile: "168px",
+    desktop: "360px"
+    // 16:9 aspect ratio
+  },
+  minWidth: {
+    mobile: 300,
+    desktop: 360 * 16 / 9
+  },
+  minHeight: {
+    mobile: 168,
+    desktop: 360
+    // 16:9 aspect ratio
+  },
+  props: defineProps({
+    url: string("Video URL", {
+      description: "URL of the video to embed. It can be a YouTube link or an embed link. It also supports Vimeo and Wistia links.",
+      default: "https://www.youtube.com/watch?v=dQw4w9WgXcQ",
+      metadata: {
+        category: "content",
+        "ui:responsive": "desktop"
+      }
+    }),
+    padding: Type.Optional(
+      cssLengthRef({
+        description: "Padding inside the video player.",
+        "ai:instructions": "Use only a single value like '1rem' or '10px'",
+        title: "Padding",
+        "ui:responsive": true,
+        "ui:placeholder": "Not specified",
+        "ui:styleId": "styles:padding"
+      })
+    ),
+    rounding: Type.Optional(
+      roundingRef({
+        default: "rounded-md"
+      })
+    ),
+    border: Type.Optional(borderRef()),
+    shadow: Type.Optional(shadowRef())
+  })
+});
+var examples = [
+  {
+    description: "A YouTube video",
+    type: "video",
+    props: {
+      url: "https://www.youtube.com/watch?v=dQw4w9WgXcQ"
+    }
+  },
+  {
+    description: "An embedded YouTube video",
+    type: "video",
+    props: {
+      url: "https://www.youtube.com/embed/dQw4w9WgXcQ"
+    }
+  },
+  {
+    description: "A Vimeo video",
+    type: "video",
+    props: {
+      url: "https://vimeo.com/123456789"
+    }
+  },
+  {
+    description: "Dynamic course video using course query",
+    type: "video",
+    props: {
+      url: "{{course.videoUrl}}",
+      padding: "1rem",
+      rounding: "rounded-lg",
+      shadow: "shadow-md"
+    }
+  },
+  {
+    description: "Dynamic product demo video using product query",
+    type: "video",
+    props: {
+      url: "{{product.demoVideoUrl}}",
+      padding: "0.5rem",
+      rounding: "rounded-xl",
+      shadow: "shadow-lg",
+      border: {
+        width: "border-2",
+        color: "border-primary-300"
+      }
+    }
+  }
+];
+
+export {
+  manifest,
+  examples
+};
+//# sourceMappingURL=chunk-F247VKAE.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/manifests/video.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { RxVideo } from \"react-icons/rx\";\nimport { string } from \"../props/string\";\nimport type { BrickProps } from \"../props/types\";\nimport { borderRef, roundingRef } from \"../props/border\";\nimport { shadowRef } from \"../props/effects\";\nimport { Type } from \"@sinclair/typebox\";\nimport { cssLengthRef } from \"../props/css-length\";\nimport type { BrickExample } from \"./_types\";\n\nexport const manifest = defineBrickManifest({\n  type: \"video\",\n  name: \"Video\",\n  category: \"media\",\n  description: \"An embedded video player for YouTube / Vimeo / Wistia links\",\n  icon: RxVideo,\n  defaultWidth: {\n    mobile: \"auto\",\n    desktop: `${(360 * 16) / 9}px`, // 16:9 aspect ratio\n  },\n  defaultHeight: {\n    mobile: \"168px\",\n    desktop: \"360px\", // 16:9 aspect ratio\n  },\n  minWidth: {\n    mobile: 300,\n    desktop: (360 * 16) / 9,\n  },\n  minHeight: {\n    mobile: 168,\n    desktop: 360, // 16:9 aspect ratio\n  },\n  props: defineProps({\n    url: string(\"Video URL\", {\n      description:\n        \"URL of the video to embed. It can be a YouTube link or an embed link. It also supports Vimeo and Wistia links.\",\n      default: \"https://www.youtube.com/watch?v=dQw4w9WgXcQ\",\n      metadata: {\n        category: \"content\",\n        \"ui:responsive\": \"desktop\",\n      },\n    }),\n    padding: Type.Optional(\n      cssLengthRef({\n        description: \"Padding inside the video player.\",\n        \"ai:instructions\": \"Use only a single value like '1rem' or '10px'\",\n        title: \"Padding\",\n        \"ui:responsive\": true,\n        \"ui:placeholder\": \"Not specified\",\n        \"ui:styleId\": \"styles:padding\",\n      }),\n    ),\n    rounding: Type.Optional(\n      roundingRef({\n        default: \"rounded-md\",\n      }),\n    ),\n    border: Type.Optional(borderRef()),\n    shadow: Type.Optional(shadowRef()),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: BrickExample<Manifest>[] = [\n  {\n    description: \"A YouTube video\",\n    type: \"video\",\n    props: {\n      url: \"https://www.youtube.com/watch?v=dQw4w9WgXcQ\",\n    },\n  },\n  {\n    description: \"An embedded YouTube video\",\n    type: \"video\",\n    props: {\n      url: \"https://www.youtube.com/embed/dQw4w9WgXcQ\",\n    },\n  },\n  {\n    description: \"A Vimeo video\",\n    type: \"video\",\n    props: {\n      url: \"https://vimeo.com/123456789\",\n    },\n  },\n  {\n    description: \"Dynamic course video using course query\",\n    type: \"video\",\n    props: {\n      url: \"{{course.videoUrl}}\",\n      padding: \"1rem\",\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\n    },\n  },\n  {\n    description: \"Dynamic product demo video using product query\",\n    type: \"video\",\n    props: {\n      url: \"{{product.demoVideoUrl}}\",\n      padding: \"0.5rem\",\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-lg\",\n      border: {\n        width: \"border-2\",\n        color: \"border-primary-300\",\n      },\n    },\n  },\n];\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA,SAAS,eAAe;AAKxB,SAAS,YAAY;AAId,IAAM,WAAW,oBAAoB;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM;AAAA,EACN,UAAU;AAAA,EACV,aAAa;AAAA,EACb,MAAM;AAAA,EACN,cAAc;AAAA,IACZ,QAAQ;AAAA,IACR,SAAS,GAAI,MAAM,KAAM,CAAC;AAAA;AAAA,EAC5B;AAAA,EACA,eAAe;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,SAAU,MAAM,KAAM;AAAA,EACxB;AAAA,EACA,WAAW;AAAA,IACT,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EACX;AAAA,EACA,OAAO,YAAY;AAAA,IACjB,KAAK,OAAO,aAAa;AAAA,MACvB,aACE;AAAA,MACF,SAAS;AAAA,MACT,UAAU;AAAA,QACR,UAAU;AAAA,QACV,iBAAiB;AAAA,MACnB;AAAA,IACF,CAAC;AAAA,IACD,SAAS,KAAK;AAAA,MACZ,aAAa;AAAA,QACX,aAAa;AAAA,QACb,mBAAmB;AAAA,QACnB,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,kBAAkB;AAAA,QAClB,cAAc;AAAA,MAChB,CAAC;AAAA,IACH;AAAA,IACA,UAAU,KAAK;AAAA,MACb,YAAY;AAAA,QACV,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAAA,IACA,QAAQ,KAAK,SAAS,UAAU,CAAC;AAAA,IACjC,QAAQ,KAAK,SAAS,UAAU,CAAC;AAAA,EACnC,CAAC;AACH,CAAC;AAIM,IAAM,WAAqC;AAAA,EAChD;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,KAAK;AAAA,IACP;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,KAAK;AAAA,IACP;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,KAAK;AAAA,IACP;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,KAAK;AAAA,MACL,SAAS;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA;AAAA,IACE,aAAa;AAAA,IACb,MAAM;AAAA,IACN,OAAO;AAAA,MACL,KAAK;AAAA,MACL,SAAS;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF;","names":[]}