@upstart.gg/sdk 0.0.135 → 0.0.137

package/dist/shared/{chunk-GPCI2N2A.js → chunk-JLDAS3VE.js}

@@ -1,33 +1,30 @@
 /*! 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-TB3X4LRQ.js";
+  border,
+  rounding
+} from "./chunk-SRYBJ6NQ.js";
 import {
-  loopRef
-} from "./chunk-BW6EFRSF.js";
+  defineProps
+} from "./chunk-VTCHJT4O.js";
 import {
-  shadowRef
-} from "./chunk-TNMNMYOB.js";
+  image
+} from "./chunk-DRQKKPTX.js";
 import {
-  string
-} from "./chunk-UQF52PWK.js";
+  cssLength
+} from "./chunk-OJ6KL7FU.js";
 import {
-  imageRef
-} from "./chunk-W6MRYRGJ.js";
+  loop
+} from "./chunk-XFZQGRRL.js";
 import {
-  borderRef,
-  roundingRef
-} from "./chunk-NTLAKMMQ.js";
+  shadow
+} from "./chunk-5RCC2STG.js";
 import {
-  colorPresetRef
-} from "./chunk-TFGGYU6Y.js";
+  colorPreset
+} from "./chunk-IEMCCHM4.js";
 import {
-  cssLengthRef
-} from "./chunk-BPBKHEQ5.js";
+  defineBrickManifest
+} from "./chunk-J45LSQT6.js";
 
 // src/shared/bricks/manifests/image.manifest.ts
 import { RxImage } from "react-icons/rx";
@@ -37,18 +34,53 @@ var manifest = defineBrickManifest({
   name: "Image",
   category: "media",
   description: "An image brick",
-  aiInstructions: "An image brick that can display an image with optional styling such as padding, border radius, and shadow. It supports giving credit to the image author and specifying the image provider.",
+  aiInstructions: `PURPOSE
+Display a single image with optional framing (padding, rounding, border, shadow, colorPreset) and attribution (author/provider). Can also loop over a dataset showing one image per item.
+
+REQUIRED
+\u2022 'image.src' and 'image.alt' (alt must be meaningful, not empty; may interpolate page queries fields).
+
+COLOR & BACKGROUND
+\u2022 colorPreset is optional \u2013 use when you need a frame or tone behind the image (neutral / accent / primary / secondary / base or gradient variants). Omit to keep a transparent/inherited background.
+\u2022 Only use gradientDirection when the preset is a gradient token (e.g. primary-gradient-400).
+
+STYLING
+\u2022 padding should be a single css length value (like '1rem' or '0.75rem').
+\u2022 rounding defaults to a modest radius; override for circular avatars (rounded-full) or strong accent (rounded-xl).
+\u2022 border optional: keep subtle (border / border-2) unless emphasis required.
+\u2022 Use shadow sparingly (shadow-sm / shadow-md); large (shadow-xl) for hero or banner impact.
+
+ATTRIBUTION
+\u2022 If using external photography include author { name, url } and provider (e.g. 'unsplash'). Omit provider if internal asset.
+
+DYNAMIC DATA
+\u2022 Interpolate dataset fields with {{dataset.field}} in src and alt.
+\u2022 For lists: use loop.over = "datasetName". Provide exactly one example object (this component itself) when looping (do not replicate multiple objects).
+
+RESPONSIVE
+\u2022 mobileProps may reduce padding or alter rounding only if it materially improves mobile layout. Always repeat required fields (image.src, image.alt) if providing mobileProps.
+
+DON'TS
+\u2717 Don't add unrelated props.
+\u2717 Don't fabricate color tokens (no success-, warning-, danger- etc.).
+\u2717 Don't use HTML markup inside alt.
+
+DO
+\u2713 Provide descriptive alt text (<125 chars) describing content or function.
+\u2713 Use semantic color presets consistently.
+\u2713 Add author/provider when you have them.
+`,
   defaultWidth: { desktop: "auto", mobile: "100%" },
   icon: RxImage,
   props: defineProps({
-    image: imageRef({
+    image: image({
       metadata: {
         category: "content"
       }
     }),
-    colorPreset: Type.Optional(colorPresetRef()),
+    colorPreset: Type.Optional(colorPreset()),
     padding: Type.Optional(
-      cssLengthRef({
+      cssLength({
         description: "Padding inside the image.",
         title: "Padding",
         "ai:instructions": "Use only a single value like '1rem' or '10px'",
@@ -58,14 +90,15 @@ var manifest = defineBrickManifest({
       })
     ),
     rounding: Type.Optional(
-      roundingRef({
+      rounding({
         default: "rounded-md"
       })
     ),
-    border: Type.Optional(borderRef()),
-    shadow: Type.Optional(shadowRef()),
+    border: Type.Optional(border()),
+    shadow: Type.Optional(shadow()),
     blurHash: Type.Optional(
-      string("Blur Hash", {
+      Type.String({
+        title: "Blur hash",
         "ui:field": "hidden",
         description: "A placeholder for the image while it is loading. Use a blur hash string."
       })
@@ -73,10 +106,13 @@ var manifest = defineBrickManifest({
     author: Type.Optional(
       Type.Object(
         {
-          name: string("Image Author", {
+          name: Type.String({
+            title: "Image Author",
             description: "Image author. Use this to give credit to the author"
           }),
-          url: string("Image Author URL", {
+          url: Type.String({
+            title: "Image Author URL",
+            format: "uri",
             description: "Image author URL. Use this to give credit to the author"
           })
         },
@@ -86,12 +122,13 @@ var manifest = defineBrickManifest({
       )
     ),
     provider: Type.Optional(
-      string("Image Provider", {
+      Type.String({
+        title: "Image Provider",
         "ui:field": "hidden",
         "ai:instructions": "The provider of the image, e.g. 'unsplash', 'pexels', etc."
       })
     ),
-    loop: Type.Optional(loopRef())
+    loop: Type.Optional(loop())
   })
 });
 var examples = [
@@ -106,6 +143,20 @@ var examples = [
       shadow: "shadow-lg"
     }
   },
+  {
+    description: "Framed image with accent gradient background and padding",
+    type: "image",
+    props: {
+      image: {
+        src: "https://via.placeholder.com/640x360.png?text=Showcase",
+        alt: "Showcase screenshot inside accent gradient frame"
+      },
+      colorPreset: { color: "accent-gradient-400", gradientDirection: "bg-gradient-to-br" },
+      padding: "1rem",
+      rounding: "rounded-xl",
+      shadow: "shadow-md"
+    }
+  },
   {
     description: "Team member profile photo, full rounded",
     type: "image",
@@ -157,6 +208,21 @@ var examples = [
       shadow: "shadow-sm"
     }
   },
+  {
+    description: "Dark framed image with neutral-800 background and subtle border",
+    type: "image",
+    props: {
+      image: {
+        src: "https://via.placeholder.com/500x300.png?text=Dark+Mode",
+        alt: "Interface preview in dark mode"
+      },
+      colorPreset: { color: "neutral-800" },
+      padding: "1rem",
+      border: { width: "border", color: "border-neutral-700" },
+      rounding: "rounded-lg",
+      shadow: "shadow-md"
+    }
+  },
   {
     description: "Testimonial customer photo with large shadow and small padding",
     type: "image",
@@ -210,6 +276,29 @@ var examples = [
       blurHash: "L6PZfSi_.AyE_3t7t7R**0o#DgR4"
     }
   },
+  {
+    description: "Responsive image with reduced mobile padding",
+    type: "image",
+    props: {
+      image: {
+        src: "https://via.placeholder.com/640x360.png?text=Responsive",
+        alt: "Responsive framed screenshot"
+      },
+      padding: "2rem",
+      colorPreset: { color: "primary-50" },
+      rounding: "rounded-xl",
+      shadow: "shadow-sm"
+    },
+    mobileProps: {
+      image: {
+        src: "https://via.placeholder.com/640x360.png?text=Responsive",
+        alt: "Responsive framed screenshot"
+      },
+      padding: "1rem",
+      colorPreset: { color: "primary-50" },
+      rounding: "rounded-lg"
+    }
+  },
   {
     description: "Dynamic employee photo using employee query",
     type: "image",
@@ -270,6 +359,20 @@ var examples = [
       provider: "event-photography"
     }
   },
+  {
+    description: "Loop template: product gallery (one definition, repeated by loop.over)",
+    type: "image",
+    props: {
+      image: {
+        src: "{{products.mainImage}}",
+        alt: "{{products.name}} \u2013 {{products.category}}"
+      },
+      rounding: "rounded-md",
+      padding: "0.5rem",
+      shadow: "shadow-sm",
+      loop: { over: "products" }
+    }
+  },
   {
     description: "Dynamic article featured image using article query",
     type: "image",
@@ -392,4 +495,4 @@ export {
   manifest,
   examples
 };
-//# sourceMappingURL=chunk-GPCI2N2A.js.map
+//# sourceMappingURL=chunk-JLDAS3VE.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/manifests/image.manifest.ts"],"sourcesContent":["import { defineBrickManifest } from \"~/shared/brick-manifest\";\nimport { defineProps } from \"../props/helpers\";\nimport { image } from \"../props/image\";\nimport { shadow } from \"../props/effects\";\nimport { RxImage } from \"react-icons/rx\";\nimport { Type } from \"@sinclair/typebox\";\nimport type { BrickProps } from \"../props/types\";\nimport { border, rounding } from \"../props/border\";\nimport { loop } from \"../props/dynamic\";\nimport { cssLength } from \"../props/css-length\";\nimport { colorPreset } from \"../props/color-preset\";\n\nexport const manifest = defineBrickManifest({\n  type: \"image\",\n  name: \"Image\",\n  category: \"media\",\n  description: \"An image brick\",\n  aiInstructions: `PURPOSE\nDisplay a single image with optional framing (padding, rounding, border, shadow, colorPreset) and attribution (author/provider). Can also loop over a dataset showing one image per item.\n\nREQUIRED\n• 'image.src' and 'image.alt' (alt must be meaningful, not empty; may interpolate page queries fields).\n\nCOLOR & BACKGROUND\n• colorPreset is optional – use when you need a frame or tone behind the image (neutral / accent / primary / secondary / base or gradient variants). Omit to keep a transparent/inherited background.\n• Only use gradientDirection when the preset is a gradient token (e.g. primary-gradient-400).\n\nSTYLING\n• padding should be a single css length value (like '1rem' or '0.75rem').\n• rounding defaults to a modest radius; override for circular avatars (rounded-full) or strong accent (rounded-xl).\n• border optional: keep subtle (border / border-2) unless emphasis required.\n• Use shadow sparingly (shadow-sm / shadow-md); large (shadow-xl) for hero or banner impact.\n\nATTRIBUTION\n• If using external photography include author { name, url } and provider (e.g. 'unsplash'). Omit provider if internal asset.\n\nDYNAMIC DATA\n• Interpolate dataset fields with {{dataset.field}} in src and alt.\n• For lists: use loop.over = \"datasetName\". Provide exactly one example object (this component itself) when looping (do not replicate multiple objects).\n\nRESPONSIVE\n• mobileProps may reduce padding or alter rounding only if it materially improves mobile layout. Always repeat required fields (image.src, image.alt) if providing mobileProps.\n\nDON'TS\n✗ Don't add unrelated props.\n✗ Don't fabricate color tokens (no success-, warning-, danger- etc.).\n✗ Don't use HTML markup inside alt.\n\nDO\n✓ Provide descriptive alt text (<125 chars) describing content or function.\n✓ Use semantic color presets consistently.\n✓ Add author/provider when you have them.\n`,\n  defaultWidth: { desktop: \"auto\", mobile: \"100%\" },\n  icon: RxImage,\n  props: defineProps({\n    image: image({\n      metadata: {\n        category: \"content\",\n      },\n    }),\n    colorPreset: Type.Optional(colorPreset()),\n    padding: Type.Optional(\n      cssLength({\n        description: \"Padding inside the image.\",\n        title: \"Padding\",\n        \"ai:instructions\": \"Use only a single value like '1rem' or '10px'\",\n        \"ui:responsive\": true,\n        \"ui:placeholder\": \"Not specified\",\n        \"ui:styleId\": \"styles:padding\",\n      }),\n    ),\n    rounding: Type.Optional(\n      rounding({\n        default: \"rounded-md\",\n      }),\n    ),\n    border: Type.Optional(border()),\n    shadow: Type.Optional(shadow()),\n    blurHash: Type.Optional(\n      Type.String({\n        title: \"Blur hash\",\n        \"ui:field\": \"hidden\",\n        description: \"A placeholder for the image while it is loading. Use a blur hash string.\",\n      }),\n    ),\n    author: Type.Optional(\n      Type.Object(\n        {\n          name: Type.String({\n            title: \"Image Author\",\n            description: \"Image author. Use this to give credit to the author\",\n          }),\n          url: Type.String({\n            title: \"Image Author URL\",\n            format: \"uri\",\n            description: \"Image author URL. Use this to give credit to the author\",\n          }),\n        },\n        {\n          \"ui:field\": \"hidden\",\n        },\n      ),\n    ),\n    provider: Type.Optional(\n      Type.String({\n        title: \"Image Provider\",\n        \"ui:field\": \"hidden\",\n        \"ai:instructions\": \"The provider of the image, e.g. 'unsplash', 'pexels', etc.\",\n      }),\n    ),\n    loop: Type.Optional(loop()),\n  }),\n});\n\nexport type Manifest = typeof manifest;\n\nexport const examples: {\n  description: string;\n  type: string;\n  props: BrickProps<Manifest>[\"brick\"][\"props\"];\n  mobileProps?: BrickProps<Manifest>[\"brick\"][\"props\"];\n}[] = [\n  {\n    description: \"Hero landscape image with large shadow\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/800x400.png?text=Hero+Landscape\",\n        alt: \"Beautiful landscape view for hero section\",\n      },\n      shadow: \"shadow-lg\",\n    },\n  },\n  {\n    description: \"Framed image with accent gradient background and padding\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/640x360.png?text=Showcase\",\n        alt: \"Showcase screenshot inside accent gradient frame\",\n      },\n      colorPreset: { color: \"accent-gradient-400\", gradientDirection: \"bg-gradient-to-br\" },\n      padding: \"1rem\",\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-md\",\n    },\n  },\n  {\n    description: \"Team member profile photo, full rounded\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/300x300.png?text=Profile+Photo\",\n        alt: \"Team member profile photo\",\n      },\n      shadow: \"shadow-md\",\n      rounding: \"rounded-full\",\n    },\n  },\n  {\n    description: \"Product showcase image\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/400x400.png?text=Product+Image\",\n        alt: \"Premium product showcase\",\n      },\n      shadow: \"shadow-sm\",\n    },\n  },\n  {\n    description: \"Blog article featured image with medium shadow and full author info\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/600x300.png?text=Article+Featured\",\n        alt: \"Featured image for blog article\",\n      },\n      author: {\n        name: \"John Photographer\",\n        url: \"https://example.com/john\",\n      },\n      provider: \"unsplash\",\n      shadow: \"shadow-md\",\n    },\n  },\n\n  {\n    description: \"Logo image with padding and small shadow\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/200x80.png?text=Company+Logo\",\n        alt: \"Company logo\",\n      },\n      padding: \"p-8\",\n      shadow: \"shadow-sm\",\n    },\n  },\n  {\n    description: \"Dark framed image with neutral-800 background and subtle border\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/500x300.png?text=Dark+Mode\",\n        alt: \"Interface preview in dark mode\",\n      },\n      colorPreset: { color: \"neutral-800\" },\n      padding: \"1rem\",\n      border: { width: \"border\", color: \"border-neutral-700\" },\n      rounding: \"rounded-lg\",\n      shadow: \"shadow-md\",\n    },\n  },\n  {\n    description: \"Testimonial customer photo with large shadow and small padding\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/120x120.png?text=Customer\",\n        alt: \"Happy customer testimonial photo\",\n      },\n      shadow: \"shadow-lg\",\n      padding: \"p-2\",\n    },\n  },\n  {\n    description: \"Event banner image with neutral-500 background\",\n    type: \"image\",\n    props: {\n      colorPreset: { color: \"neutral-500\" },\n      image: {\n        src: \"https://via.placeholder.com/800x200.png?text=Event+Banner\",\n        alt: \"Annual conference event banner\",\n      },\n      shadow: \"shadow-xl\",\n      author: {\n        name: \"Event Photographer\",\n        url: \"https://example.com/photographer\",\n      },\n      provider: \"pexels\",\n    },\n  },\n  {\n    description: \"Illustration with background and padding\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/150x150.png?text=Blabla+Feature\",\n        alt: \"Feature illustration\",\n      },\n      padding: \"p-8\",\n      shadow: \"shadow-sm\",\n    },\n  },\n  {\n    description: \"Image with blurHash\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/300x200.png?text=Card+Image\",\n        alt: \"My image\",\n      },\n      shadow: \"shadow-md\",\n      blurHash: \"L6PZfSi_.AyE_3t7t7R**0o#DgR4\",\n    },\n  },\n  {\n    description: \"Responsive image with reduced mobile padding\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"https://via.placeholder.com/640x360.png?text=Responsive\",\n        alt: \"Responsive framed screenshot\",\n      },\n      padding: \"2rem\",\n      colorPreset: { color: \"primary-50\" },\n      rounding: \"rounded-xl\",\n      shadow: \"shadow-sm\",\n    },\n    mobileProps: {\n      image: {\n        src: \"https://via.placeholder.com/640x360.png?text=Responsive\",\n        alt: \"Responsive framed screenshot\",\n      },\n      padding: \"1rem\",\n      colorPreset: { color: \"primary-50\" },\n      rounding: \"rounded-lg\",\n    },\n  },\n  {\n    description: \"Dynamic employee photo using employee query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{employee.photo}}\",\n        alt: \"Photo of {{employee.fullName}}\",\n      },\n      rounding: \"rounded-full\",\n      shadow: \"shadow-lg\",\n      padding: \"1rem\",\n    },\n  },\n  {\n    description: \"Dynamic product image using product query with author attribution\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{product.featuredImage}}\",\n        alt: \"{{product.name}} - {{product.category}}\",\n      },\n      author: {\n        name: \"{{product.photographer}}\",\n        url: \"{{product.photographerUrl}}\",\n      },\n      provider: \"company-assets\",\n      shadow: \"shadow-md\",\n      rounding: \"rounded-lg\",\n    },\n  },\n  {\n    description: \"Dynamic company logo using company query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{company.logo}}\",\n        alt: \"{{company.name}} logo\",\n      },\n      padding: \"2rem\",\n      shadow: \"shadow-sm\",\n      colorPreset: { color: \"neutral-100\" },\n    },\n  },\n  {\n    description: \"Dynamic event banner using event query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{event.bannerImage}}\",\n        alt: \"{{event.title}} event banner\",\n      },\n      shadow: \"shadow-xl\",\n      rounding: \"rounded-xl\",\n      author: {\n        name: \"{{event.photographer}}\",\n        url: \"{{event.photographerProfile}}\",\n      },\n      provider: \"event-photography\",\n    },\n  },\n  {\n    description: \"Loop template: product gallery (one definition, repeated by loop.over)\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{products.mainImage}}\",\n        alt: \"{{products.name}} – {{products.category}}\",\n      },\n      rounding: \"rounded-md\",\n      padding: \"0.5rem\",\n      shadow: \"shadow-sm\",\n      loop: { over: \"products\" },\n    },\n  },\n  {\n    description: \"Dynamic article featured image using article query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{article.featuredImage}}\",\n        alt: \"Featured image for {{article.title}}\",\n      },\n      author: {\n        name: \"{{article.imageCredit}}\",\n        url: \"{{article.imageCreditUrl}}\",\n      },\n      provider: \"{{article.imageProvider}}\",\n      shadow: \"shadow-md\",\n      rounding: \"rounded-lg\",\n    },\n  },\n  {\n    description: \"Dynamic property photo using property query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{property.mainPhoto}}\",\n        alt: \"{{property.address}} - {{property.propertyType}}\",\n      },\n      shadow: \"shadow-lg\",\n      rounding: \"rounded-xl\",\n      colorPreset: { color: \"primary-50\" },\n      padding: \"1rem\",\n    },\n  },\n  {\n    description: \"Dynamic portfolio piece using portfolio query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{portfolio.imageUrl}}\",\n        alt: \"{{portfolio.projectName}} for {{portfolio.clientName}}\",\n      },\n      author: {\n        name: \"{{portfolio.photographer}}\",\n        url: \"{{portfolio.photographerWebsite}}\",\n      },\n      provider: \"portfolio-assets\",\n      shadow: \"shadow-md\",\n      rounding: \"rounded-lg\",\n      padding: \"0.5rem\",\n    },\n  },\n  {\n    description: \"Dynamic service illustration using service query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{service.illustration}}\",\n        alt: \"{{service.name}} service illustration\",\n      },\n      colorPreset: { color: \"secondary-100\" },\n      padding: \"2rem\",\n      shadow: \"shadow-sm\",\n      rounding: \"rounded-full\",\n    },\n  },\n  {\n    description: \"Dynamic testimonial customer photo using testimonial query\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{testimonial.customerPhoto}}\",\n        alt: \"{{testimonial.customerName}} from {{testimonial.company}}\",\n      },\n      rounding: \"rounded-full\",\n      shadow: \"shadow-lg\",\n      padding: \"0.25rem\",\n      colorPreset: { color: \"accent-50\" },\n    },\n  },\n  {\n    description: \"Product gallery using products query with loop\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{products.mainImage}}\",\n        alt: \"{{products.name}} - {{products.category}}\",\n      },\n      author: {\n        name: \"{{products.photographer}}\",\n        url: \"{{products.photographerUrl}}\",\n      },\n      provider: \"product-catalog\",\n      shadow: \"shadow-md\",\n      rounding: \"rounded-lg\",\n      padding: \"0.5rem\",\n      colorPreset: { color: \"primary-50\" },\n      loop: {\n        over: \"products\",\n      },\n    },\n  },\n  {\n    description: \"Team member photos using teamMembers query with loop\",\n    type: \"image\",\n    props: {\n      image: {\n        src: \"{{teamMembers.profilePhoto}}\",\n        alt: \"{{teamMembers.fullName}} - {{teamMembers.position}}\",\n      },\n      rounding: \"rounded-full\",\n      shadow: \"shadow-lg\",\n      padding: \"0.75rem\",\n      colorPreset: { color: \"secondary-100\" },\n      loop: {\n        over: \"teamMembers\",\n      },\n    },\n  },\n];\n"],"mappings":"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","names":[]}

package/dist/shared/{chunk-SE6O65HC.js → chunk-JSDKK5QN.js}

@@ -1,44 +1,31 @@
 /*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/upstart-gg/upstart/blob/main/LICENSE */
 
-import {
-  typedRef
-} from "./chunk-A2QPY54H.js";
 
 // src/shared/bricks/props/color.ts
 import { Type } from "@sinclair/typebox";
-function color(defaultValue, title = "Text color") {
+function color(options = {}) {
   return Type.String({
-    title,
-    // $id: "styles:color",
+    title: "Text color",
     "ai:instructions": "hex/rgb/rgba color or classes like `text-<variant>-<shade>`, variants being `primary`, `secondary`, `accent` and `neutral`, and shades between 50 and 900",
-    default: defaultValue,
     "ui:styleId": "styles:color",
     "ui:field": "color",
-    "ui:color-type": "text"
+    "ui:color-type": "text",
+    ...options
   });
 }
-function colorRef(options = {}) {
-  return typedRef("styles:color", { ...options, "ui:styleId": "styles:color" });
-}
-function borderColor(defaultValue, title = "Border color") {
+function borderColor(options = {}) {
   return Type.String({
-    title,
-    // $id: "styles:borderColor",
+    title: "Border color",
     "ai:instructions": "hex/rgb/rgba color or classes like `border-<variant>-<shade>`, variants being `primary`, `secondary`, `accent` and `neutral`, and shades between 50 and 900",
-    default: defaultValue,
     "ui:styleId": "styles:borderColor",
     "ui:field": "color",
-    "ui:color-type": "border"
+    "ui:color-type": "border",
+    ...options
   });
 }
-function borderColorRef(options = {}) {
-  return typedRef("styles:borderColor", { ...options, "ui:styleId": "styles:borderColor" });
-}
 
 export {
   color,
-  colorRef,
-  borderColor,
-  borderColorRef
+  borderColor
 };
-//# sourceMappingURL=chunk-SE6O65HC.js.map
+//# sourceMappingURL=chunk-JSDKK5QN.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/shared/bricks/props/color.ts"],"sourcesContent":["import { type Static, type StringOptions, Type } from \"@sinclair/typebox\";\n\nexport function color(options: StringOptions = {}) {\n  return Type.String({\n    title: \"Text color\",\n    \"ai:instructions\":\n      \"hex/rgb/rgba color or classes like `text-<variant>-<shade>`, variants being `primary`, `secondary`, `accent` and `neutral`, and shades between 50 and 900\",\n    \"ui:styleId\": \"styles:color\",\n    \"ui:field\": \"color\",\n    \"ui:color-type\": \"text\",\n    ...options,\n  });\n}\n\nexport type ColorSettings = Static<ReturnType<typeof color>>;\n\nexport function borderColor(options: StringOptions = {}) {\n  return Type.String({\n    title: \"Border color\",\n    \"ai:instructions\":\n      \"hex/rgb/rgba color or classes like `border-<variant>-<shade>`, variants being `primary`, `secondary`, `accent` and `neutral`, and shades between 50 and 900\",\n    \"ui:styleId\": \"styles:borderColor\",\n    \"ui:field\": \"color\",\n    \"ui:color-type\": \"border\",\n    ...options,\n  });\n}\n\nexport type BorderColorSettings = Static<ReturnType<typeof borderColor>>;\n"],"mappings":";;;;AAAA,SAA0C,YAAY;AAE/C,SAAS,MAAM,UAAyB,CAAC,GAAG;AACjD,SAAO,KAAK,OAAO;AAAA,IACjB,OAAO;AAAA,IACP,mBACE;AAAA,IACF,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,GAAG;AAAA,EACL,CAAC;AACH;AAIO,SAAS,YAAY,UAAyB,CAAC,GAAG;AACvD,SAAO,KAAK,OAAO;AAAA,IACjB,OAAO;AAAA,IACP,mBACE;AAAA,IACF,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,GAAG;AAAA,EACL,CAAC;AACH;","names":[]}