@upstart.gg/sdk 0.0.76 → 0.0.78

package/dist/shared/bricks/props/common.d.ts

@@ -1,32 +1,37 @@
 import { type Static } from "@sinclair/typebox";
+export declare const stylePreset: import("@sinclair/typebox").TObject<{
+    style: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"ghost">, import("@sinclair/typebox").TLiteral<"plain">, import("@sinclair/typebox").TLiteral<"plain2">, import("@sinclair/typebox").TLiteral<"plain3">, import("@sinclair/typebox").TLiteral<"modern">, import("@sinclair/typebox").TLiteral<"modern2">, import("@sinclair/typebox").TLiteral<"soft">, import("@sinclair/typebox").TLiteral<"glass">, import("@sinclair/typebox").TLiteral<"elevated">, import("@sinclair/typebox").TLiteral<"outlined">, import("@sinclair/typebox").TLiteral<"paper">, import("@sinclair/typebox").TLiteral<"gradient">, import("@sinclair/typebox").TLiteral<"gradient2">, import("@sinclair/typebox").TLiteral<"gradient3">, import("@sinclair/typebox").TLiteral<"gradient4">, import("@sinclair/typebox").TLiteral<"gradient5">, import("@sinclair/typebox").TLiteral<"gradient6">, import("@sinclair/typebox").TLiteral<"callout">]>;
+    variant: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"primary">, import("@sinclair/typebox").TLiteral<"secondary">, import("@sinclair/typebox").TLiteral<"accent">, import("@sinclair/typebox").TLiteral<"neutral">]>;
+}>;
+export type StylePreset = Static<typeof stylePreset>;
 export declare const commonProps: import("@sinclair/typebox").TObject<{
+    id: import("@sinclair/typebox").TString;
     className: import("@sinclair/typebox").TString;
     lastTouched: import("@sinclair/typebox").TNumber;
     editable: import("@sinclair/typebox").TBoolean;
+    stylePreset: import("@sinclair/typebox").TObject<{
+        style: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"ghost">, import("@sinclair/typebox").TLiteral<"plain">, import("@sinclair/typebox").TLiteral<"plain2">, import("@sinclair/typebox").TLiteral<"plain3">, import("@sinclair/typebox").TLiteral<"modern">, import("@sinclair/typebox").TLiteral<"modern2">, import("@sinclair/typebox").TLiteral<"soft">, import("@sinclair/typebox").TLiteral<"glass">, import("@sinclair/typebox").TLiteral<"elevated">, import("@sinclair/typebox").TLiteral<"outlined">, import("@sinclair/typebox").TLiteral<"paper">, import("@sinclair/typebox").TLiteral<"gradient">, import("@sinclair/typebox").TLiteral<"gradient2">, import("@sinclair/typebox").TLiteral<"gradient3">, import("@sinclair/typebox").TLiteral<"gradient4">, import("@sinclair/typebox").TLiteral<"gradient5">, import("@sinclair/typebox").TLiteral<"gradient6">, import("@sinclair/typebox").TLiteral<"callout">]>;
+        variant: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"primary">, import("@sinclair/typebox").TLiteral<"secondary">, import("@sinclair/typebox").TLiteral<"accent">, import("@sinclair/typebox").TLiteral<"neutral">]>;
+    }>;
 }>;
-export declare const richText: import("@sinclair/typebox").TBoolean;
-export declare const mixedContent: import("@sinclair/typebox").TObject<{
-    text: import("@sinclair/typebox").TString;
-    richText: import("@sinclair/typebox").TBoolean;
-}>;
-export type MixedContent = Static<typeof mixedContent>;
+export declare const richText: import("@sinclair/typebox").TString;
+export declare const richTextHero: import("@sinclair/typebox").TString;
+export type RichText = Static<typeof richText>;
 declare const imageProps: import("@sinclair/typebox").TObject<{
     src: import("@sinclair/typebox").TString;
     alt: import("@sinclair/typebox").TString;
 }>;
 export type ImageProps = Static<typeof imageProps>;
 export declare const imageSettings: import("@sinclair/typebox").TObject<{
-    image: import("@sinclair/typebox").TObject<{
-        src: import("@sinclair/typebox").TString;
-        alt: import("@sinclair/typebox").TString;
-    }>;
+    src: import("@sinclair/typebox").TString;
+    alt: import("@sinclair/typebox").TString;
 }>;
 export type ImageSettings = Static<typeof imageSettings>;
 export declare const contentAwareProps: import("@sinclair/typebox").TObject<{
-    content: import("@sinclair/typebox").TObject<{
-        text: import("@sinclair/typebox").TString;
-        richText: import("@sinclair/typebox").TBoolean;
-    }>;
+    content: import("@sinclair/typebox").TString;
+}>;
+export declare const contentAwareHeroProps: import("@sinclair/typebox").TObject<{
+    content: import("@sinclair/typebox").TString;
 }>;
 export declare const container: import("@sinclair/typebox").TObject<{
     container: import("@sinclair/typebox").TBoolean;

package/dist/shared/bricks/props/common.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/shared/bricks/props/common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEtD,eAAO,MAAM,WAAW;;;;EAkBtB,CAAC;AAEH,eAAO,MAAM,QAAQ,sCAKnB,CAAC;AAEH,eAAO,MAAM,YAAY;;;EAWxB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,YAAY,CAAC,CAAC;AAEvD,QAAA,MAAM,UAAU;;;EAqBf,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,UAAU,CAAC,CAAC;AAEnD,eAAO,MAAM,aAAa;;;;;EAYzB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,aAAa,CAAC,CAAC;AAEzD,eAAO,MAAM,iBAAiB;;;;;EAW7B,CAAC;AAEF,eAAO,MAAM,SAAS;;EAMpB,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/shared/bricks/props/common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEtD,eAAO,MAAM,WAAW;;;EAkGvB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,WAAW,CAAC,CAAC;AAErD,eAAO,MAAM,WAAW;;;;;;;;;EAmBtB,CAAC;AAEH,eAAO,MAAM,QAAQ,qCAOnB,CAAC;AAEH,eAAO,MAAM,YAAY,qCAQvB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,QAAQ,CAAC,CAAC;AAE/C,QAAA,MAAM,UAAU;;;EAqBf,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,UAAU,CAAC,CAAC;AAEnD,eAAO,MAAM,aAAa;;;EAKxB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,aAAa,CAAC,CAAC;AAEzD,eAAO,MAAM,iBAAiB;;EAW7B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;EAEhC,CAAC;AAEH,eAAO,MAAM,SAAS;;EAMpB,CAAC"}

package/dist/shared/bricks/props/common.js

@@ -1,3 +1,3 @@
 /*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/enpage/enpage/blob/main/LICENSE */
 
-import{a,b,c,d,e,f}from"../../chunk-JSOZWQRQ.js";export{a as commonProps,f as container,e as contentAwareProps,d as imageSettings,c as mixedContent,b as richText};
+import{a,b,c,d,e,f,g,h}from"../../chunk-PZCWP77P.js";export{b as commonProps,h as container,g as contentAwareHeroProps,f as contentAwareProps,e as imageSettings,c as richText,d as richTextHero,a as stylePreset};

package/dist/shared/bricks/props/style-presets.d.ts

@@ -0,0 +1,10 @@
+import type { StylePreset } from "./common";
+import type { EffectsSettings, BackgroundSettings, BorderSettings } from "./style-props";
+export type StyleProperties = {
+    text?: string;
+    background: BackgroundSettings;
+    border?: Partial<BorderSettings>;
+    effects?: EffectsSettings;
+};
+export declare function getPresetStyles({ style, variant }: StylePreset): StyleProperties;
+//# sourceMappingURL=style-presets.d.ts.map

package/dist/shared/bricks/props/style-presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../../src/shared/bricks/props/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEzF,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,kBAAkB,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,WAAW,GAAG,eAAe,CA2QhF"}

package/dist/shared/bricks/props/style-presets.js

@@ -0,0 +1,3 @@
+/*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/enpage/enpage/blob/main/LICENSE */
+
+function l({style:d,variant:r}){let t={primary:{bg:"bg-primary-50",border:"border-primary-200",text:"text-primary-900",shadow:"shadow-primary-200/50"},secondary:{bg:"bg-secondary-50",border:"border-secondary-200",text:"text-secondary-900",shadow:"shadow-secondary-200/50"},accent:{bg:"bg-accent-50",border:"border-accent-200",hover:"hover:border-accent-300",text:"text-accent-900",shadow:"shadow-accent-200/50"},neutral:{bg:"bg-neutral-50",border:"border-neutral-200",hover:"hover:border-neutral-300",text:"text-neutral-900",shadow:"shadow-neutral-200/50"}};function e(s,o=!1){switch(s){case"primary":return o?"accent":"secondary";case"secondary":return o?"primary":"accent";case"accent":return o?"secondary":"primary";case"neutral":return o?"primary":"accent"}}return{ghost:{background:{color:"transparent"},border:{width:"border-0"},text:`text-${r}-900`},plain:{background:{color:`bg-${r}-600`},border:{color:`border-${r}-900`,style:"border-solid",width:"border",radius:"rounded-sm"},effects:{shadow:"shadow-sm"},text:r==="neutral"?"text-neutral-800":`text-${r}-50`},plain2:{background:{color:`bg-${r}-400`},border:{color:`border-${r}-700`,style:"border-solid",width:"border",radius:"rounded-sm"},effects:{shadow:"shadow-sm"},text:r==="neutral"?"text-neutral-800":`text-${r}-900`},plain3:{background:{color:`bg-${r}-200`},border:{color:`border-${r}-500`,style:"border-solid",width:"border",radius:"rounded-sm"},effects:{shadow:"shadow-sm"},text:r==="neutral"?"text-neutral-800":`text-${r}-900`},callout:{background:{color:`bg-${r}-100`},border:{color:`border-${r}-400`,style:"border-solid",width:"border",radius:"rounded-lg"},text:`text-${r}-900`},elevated:{background:{color:`bg-${r}-100`},effects:{shadow:"shadow-lg"},text:`text-${r}-900`},glass:{background:{color:`bg-${r}-50`},border:{color:t[r].border,style:"border-solid",width:"border",radius:"rounded-lg"},effects:{shadow:"shadow-sm"},text:`text-${r}-900`},modern:{background:{color:`bg-${r}-100`},border:{color:`border-${r}-700`,style:"border-solid",width:"border",radius:"rounded-lg"},text:`text-${r}-900`},modern2:{background:{color:`bg-${r}-300`},border:{color:`border-${r}-700`,style:"border-solid",width:"border",radius:"rounded-lg"},text:`text-${r}-900`},soft:{background:{color:`bg-${r}-50`},border:{color:`border-${r}-300`,style:"border-solid",width:"border",radius:"rounded-lg"},text:`text-${r}-800`},gradient:{background:{color:`bg-gradient-to-tr from-${r}-200 to-${r}-50`},border:{color:`border-${r}-200`,style:"border-solid",width:"border",radius:"rounded-md"},text:"text-neutral-900"},gradient2:{background:{color:`bg-gradient-to-tr from-${r}-200 ${r==="neutral"?"to-neutral-100":`to-${e(r)}-200`}`},border:{color:`border-${r}-200`,style:"border-solid",width:"border",radius:"rounded-md"},text:"text-neutral-900"},gradient3:{background:{color:`bg-gradient-to-tr from-${r}-200 ${r==="neutral"?"to-neutral-100":`to-${e(r,!0)}-200`}`},border:{color:`border-${r}-200`,style:"border-solid",width:"border",radius:"rounded-md"},text:"text-neutral-900"},gradient4:{background:{color:`bg-gradient-to-tr from-${r}-400 to-${r}-100`},border:{color:`border-${r}-200`,style:"border-solid",width:"border",radius:"rounded-md"},text:"text-neutral-900"},gradient5:{background:{color:`bg-gradient-to-tr from-${r}-400 ${r==="neutral"?"to-neutral-200":`to-${e(r)}-400`}`},border:{color:`border-${r}-200`,style:"border-solid",width:"border",radius:"rounded-md"},text:"text-neutral-900"},gradient6:{background:{color:`bg-gradient-to-tr from-${r}-400 ${r==="neutral"?"to-neutral-200":`to-${e(r,!0)}-400`}`},border:{color:`border-${r}-200`,style:"border-solid",width:"border",radius:"rounded-md"},text:"text-neutral-900"},paper:{background:{color:`bg-${r}-50`},text:`text-${r}-800`,effects:{shadow:"shadow-md"}},outlined:{background:{color:"bg-transparent"},border:{color:`border-${r}-600`,style:"border-solid",width:"border-2",radius:"rounded-none"},text:`text-${r}-800`}}[d]}export{l as getPresetStyles};

package/dist/shared/bricks/props/style-props.d.ts

@@ -3,34 +3,63 @@ export declare const borderWidth: import("@sinclair/typebox").TUnion<[import("@s
 export declare const borderColor: import("@sinclair/typebox").TString;
 export declare const borderStyle: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"border-solid">, import("@sinclair/typebox").TLiteral<"border-dashed">, import("@sinclair/typebox").TLiteral<"border-dotted">]>;
 export declare const borderRadius: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"rounded-none">, import("@sinclair/typebox").TLiteral<"rounded-sm">, import("@sinclair/typebox").TLiteral<"rounded-md">, import("@sinclair/typebox").TLiteral<"rounded-lg">, import("@sinclair/typebox").TLiteral<"rounded-xl">, import("@sinclair/typebox").TLiteral<"rounded-full">]>;
-export declare const borders: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
+export declare const border: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
     radius: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"rounded-none">, import("@sinclair/typebox").TLiteral<"rounded-sm">, import("@sinclair/typebox").TLiteral<"rounded-md">, import("@sinclair/typebox").TLiteral<"rounded-lg">, import("@sinclair/typebox").TLiteral<"rounded-xl">, import("@sinclair/typebox").TLiteral<"rounded-full">]>;
     style: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"border-solid">, import("@sinclair/typebox").TLiteral<"border-dashed">, import("@sinclair/typebox").TLiteral<"border-dotted">]>;
     color: import("@sinclair/typebox").TString;
     width: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"border-0">, import("@sinclair/typebox").TLiteral<"border">, import("@sinclair/typebox").TLiteral<"border-2">, import("@sinclair/typebox").TLiteral<"border-4">, import("@sinclair/typebox").TLiteral<"border-8">]>;
 }>>;
-export type BorderSettings = Static<typeof borders>;
-export declare const padding: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"p-0">, import("@sinclair/typebox").TLiteral<"p-2">, import("@sinclair/typebox").TLiteral<"p-4">, import("@sinclair/typebox").TLiteral<"p-8">, import("@sinclair/typebox").TLiteral<"p-16">]>;
+export type BorderSettings = Static<typeof border>;
+export declare const padding: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"p-0">, import("@sinclair/typebox").TLiteral<"p-1">, import("@sinclair/typebox").TLiteral<"p-2">, import("@sinclair/typebox").TLiteral<"p-4">, import("@sinclair/typebox").TLiteral<"p-8">, import("@sinclair/typebox").TLiteral<"p-16">]>;
 export declare const dimensions: import("@sinclair/typebox").TObject<{
     height: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"fixed">, import("@sinclair/typebox").TLiteral<"auto">]>>;
-    padding: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"p-0">, import("@sinclair/typebox").TLiteral<"p-2">, import("@sinclair/typebox").TLiteral<"p-4">, import("@sinclair/typebox").TLiteral<"p-8">, import("@sinclair/typebox").TLiteral<"p-16">]>>;
+    padding: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"p-0">, import("@sinclair/typebox").TLiteral<"p-1">, import("@sinclair/typebox").TLiteral<"p-2">, import("@sinclair/typebox").TLiteral<"p-4">, import("@sinclair/typebox").TLiteral<"p-8">, import("@sinclair/typebox").TLiteral<"p-16">]>>;
 }>;
 export type DimensionsSettings = Static<typeof dimensions>;
 export declare const backgroundColor: import("@sinclair/typebox").TString;
+export declare const background: import("@sinclair/typebox").TObject<{
+    color: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    image: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"auto">, import("@sinclair/typebox").TLiteral<"cover">, import("@sinclair/typebox").TLiteral<"contain">]>>;
+    repeat: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"no-repeat">, import("@sinclair/typebox").TLiteral<"repeat">, import("@sinclair/typebox").TLiteral<"repeat-x">, import("@sinclair/typebox").TLiteral<"repeat-y">, import("@sinclair/typebox").TLiteral<"space">, import("@sinclair/typebox").TLiteral<"round">]>>;
+}>;
+export type BackgroundSettings = Static<typeof background>;
 export declare const effects: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
     shadow: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"shadow-none">, import("@sinclair/typebox").TLiteral<"shadow-sm">, import("@sinclair/typebox").TLiteral<"shadow-md">, import("@sinclair/typebox").TLiteral<"shadow-lg">, import("@sinclair/typebox").TLiteral<"shadow-xl">, import("@sinclair/typebox").TLiteral<"shadow-2xl">]>;
     opacity: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
 }>>;
 export type EffectsSettings = Static<typeof effects>;
+export declare const flex: import("@sinclair/typebox").TObject<{
+    direction: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"flex-row">, import("@sinclair/typebox").TLiteral<"flex-col">]>;
+    wrap: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"flex-wrap">, import("@sinclair/typebox").TLiteral<"flex-nowrap">]>;
+    justify: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"justify-start">, import("@sinclair/typebox").TLiteral<"justify-center">, import("@sinclair/typebox").TLiteral<"justify-end">, import("@sinclair/typebox").TLiteral<"justify-between">, import("@sinclair/typebox").TLiteral<"justify-around">, import("@sinclair/typebox").TLiteral<"justify-evenly">]>;
+    align: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"items-start">, import("@sinclair/typebox").TLiteral<"items-center">, import("@sinclair/typebox").TLiteral<"items-end">, import("@sinclair/typebox").TLiteral<"items-baseline">, import("@sinclair/typebox").TLiteral<"items-stretch">]>;
+    gap: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"gap-0">, import("@sinclair/typebox").TLiteral<"gap-1">, import("@sinclair/typebox").TLiteral<"gap-2">, import("@sinclair/typebox").TLiteral<"gap-4">, import("@sinclair/typebox").TLiteral<"gap-8">, import("@sinclair/typebox").TLiteral<"gap-16">]>;
+}>;
+export type FlexSettings = Static<typeof flex>;
+export declare const flexProps: import("@sinclair/typebox").TObject<{
+    flex: import("@sinclair/typebox").TObject<{
+        direction: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"flex-row">, import("@sinclair/typebox").TLiteral<"flex-col">]>;
+        wrap: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"flex-wrap">, import("@sinclair/typebox").TLiteral<"flex-nowrap">]>;
+        justify: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"justify-start">, import("@sinclair/typebox").TLiteral<"justify-center">, import("@sinclair/typebox").TLiteral<"justify-end">, import("@sinclair/typebox").TLiteral<"justify-between">, import("@sinclair/typebox").TLiteral<"justify-around">, import("@sinclair/typebox").TLiteral<"justify-evenly">]>;
+        align: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"items-start">, import("@sinclair/typebox").TLiteral<"items-center">, import("@sinclair/typebox").TLiteral<"items-end">, import("@sinclair/typebox").TLiteral<"items-baseline">, import("@sinclair/typebox").TLiteral<"items-stretch">]>;
+        gap: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"gap-0">, import("@sinclair/typebox").TLiteral<"gap-1">, import("@sinclair/typebox").TLiteral<"gap-2">, import("@sinclair/typebox").TLiteral<"gap-4">, import("@sinclair/typebox").TLiteral<"gap-8">, import("@sinclair/typebox").TLiteral<"gap-16">]>;
+    }>;
+    children: import("@sinclair/typebox").TArray<import("@sinclair/typebox").TAny>;
+}>;
+export declare const text: import("@sinclair/typebox").TObject<{
+    size: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"inherit">, import("@sinclair/typebox").TLiteral<"text-xs">, import("@sinclair/typebox").TLiteral<"text-sm">, import("@sinclair/typebox").TLiteral<"text-base">, import("@sinclair/typebox").TLiteral<"text-lg">, import("@sinclair/typebox").TLiteral<"text-xl">, import("@sinclair/typebox").TLiteral<"text-2xl">, import("@sinclair/typebox").TLiteral<"text-3xl">, import("@sinclair/typebox").TLiteral<"text-4xl">, import("@sinclair/typebox").TLiteral<"text-5xl">, import("@sinclair/typebox").TLiteral<"text-6xl">, import("@sinclair/typebox").TLiteral<"text-7xl">]>;
+    color: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+}>;
 /**
  * No margin in common style props as bricks are usually placed in a grid
  */
 export declare const commonStyleProps: import("@sinclair/typebox").TObject<{
     dimensions: import("@sinclair/typebox").TObject<{
         height: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"fixed">, import("@sinclair/typebox").TLiteral<"auto">]>>;
-        padding: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"p-0">, import("@sinclair/typebox").TLiteral<"p-2">, import("@sinclair/typebox").TLiteral<"p-4">, import("@sinclair/typebox").TLiteral<"p-8">, import("@sinclair/typebox").TLiteral<"p-16">]>>;
+        padding: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"p-0">, import("@sinclair/typebox").TLiteral<"p-1">, import("@sinclair/typebox").TLiteral<"p-2">, import("@sinclair/typebox").TLiteral<"p-4">, import("@sinclair/typebox").TLiteral<"p-8">, import("@sinclair/typebox").TLiteral<"p-16">]>>;
     }>;
-    borders: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
+    border: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TObject<{
         radius: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"rounded-none">, import("@sinclair/typebox").TLiteral<"rounded-sm">, import("@sinclair/typebox").TLiteral<"rounded-md">, import("@sinclair/typebox").TLiteral<"rounded-lg">, import("@sinclair/typebox").TLiteral<"rounded-xl">, import("@sinclair/typebox").TLiteral<"rounded-full">]>;
         style: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"border-solid">, import("@sinclair/typebox").TLiteral<"border-dashed">, import("@sinclair/typebox").TLiteral<"border-dotted">]>;
         color: import("@sinclair/typebox").TString;
@@ -40,13 +69,22 @@ export declare const commonStyleProps: import("@sinclair/typebox").TObject<{
         shadow: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"shadow-none">, import("@sinclair/typebox").TLiteral<"shadow-sm">, import("@sinclair/typebox").TLiteral<"shadow-md">, import("@sinclair/typebox").TLiteral<"shadow-lg">, import("@sinclair/typebox").TLiteral<"shadow-xl">, import("@sinclair/typebox").TLiteral<"shadow-2xl">]>;
         opacity: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TNumber>;
     }>>;
-    backgroundColor: import("@sinclair/typebox").TString;
+    background: import("@sinclair/typebox").TObject<{
+        color: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        image: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+        size: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"auto">, import("@sinclair/typebox").TLiteral<"cover">, import("@sinclair/typebox").TLiteral<"contain">]>>;
+        repeat: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"no-repeat">, import("@sinclair/typebox").TLiteral<"repeat">, import("@sinclair/typebox").TLiteral<"repeat-x">, import("@sinclair/typebox").TLiteral<"repeat-y">, import("@sinclair/typebox").TLiteral<"space">, import("@sinclair/typebox").TLiteral<"round">]>>;
+    }>;
+    text: import("@sinclair/typebox").TObject<{
+        size: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"inherit">, import("@sinclair/typebox").TLiteral<"text-xs">, import("@sinclair/typebox").TLiteral<"text-sm">, import("@sinclair/typebox").TLiteral<"text-base">, import("@sinclair/typebox").TLiteral<"text-lg">, import("@sinclair/typebox").TLiteral<"text-xl">, import("@sinclair/typebox").TLiteral<"text-2xl">, import("@sinclair/typebox").TLiteral<"text-3xl">, import("@sinclair/typebox").TLiteral<"text-4xl">, import("@sinclair/typebox").TLiteral<"text-5xl">, import("@sinclair/typebox").TLiteral<"text-6xl">, import("@sinclair/typebox").TLiteral<"text-7xl">]>;
+        color: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TString>;
+    }>;
 }>;
 export declare const color: import("@sinclair/typebox").TString;
 export declare const textStyleProps: import("@sinclair/typebox").TObject<{
     color: import("@sinclair/typebox").TString;
     textAlign: import("@sinclair/typebox").TOptional<import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"text-left">, import("@sinclair/typebox").TLiteral<"text-center">, import("@sinclair/typebox").TLiteral<"text-right">, import("@sinclair/typebox").TLiteral<"text-justify">]>>;
-    fontSize: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"text-xs">, import("@sinclair/typebox").TLiteral<"text-sm">, import("@sinclair/typebox").TLiteral<"text-base">, import("@sinclair/typebox").TLiteral<"text-lg">, import("@sinclair/typebox").TLiteral<"text-xl">, import("@sinclair/typebox").TLiteral<"text-2xl">, import("@sinclair/typebox").TLiteral<"text-3xl">, import("@sinclair/typebox").TLiteral<"text-4xl">, import("@sinclair/typebox").TLiteral<"text-5xl">, import("@sinclair/typebox").TLiteral<"text-6xl">, import("@sinclair/typebox").TLiteral<"text-7xl">]>;
+    fontSize: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"inherit">, import("@sinclair/typebox").TLiteral<"text-xs">, import("@sinclair/typebox").TLiteral<"text-sm">, import("@sinclair/typebox").TLiteral<"text-base">, import("@sinclair/typebox").TLiteral<"text-lg">, import("@sinclair/typebox").TLiteral<"text-xl">, import("@sinclair/typebox").TLiteral<"text-2xl">, import("@sinclair/typebox").TLiteral<"text-3xl">, import("@sinclair/typebox").TLiteral<"text-4xl">, import("@sinclair/typebox").TLiteral<"text-5xl">, import("@sinclair/typebox").TLiteral<"text-6xl">, import("@sinclair/typebox").TLiteral<"text-7xl">]>;
     fontWeight: import("@sinclair/typebox").TUnion<[import("@sinclair/typebox").TLiteral<"font-normal">, import("@sinclair/typebox").TLiteral<"font-medium">, import("@sinclair/typebox").TLiteral<"font-semibold">, import("@sinclair/typebox").TLiteral<"font-bold">, import("@sinclair/typebox").TLiteral<"font-extrabold">]>;
 }>;
 //# sourceMappingURL=style-props.d.ts.map

package/dist/shared/bricks/props/style-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style-props.d.ts","sourceRoot":"","sources":["../../../../src/shared/bricks/props/style-props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AA6BtD,eAAO,MAAM,WAAW,8RAgBvB,CAAC;AAEF,eAAO,MAAM,WAAW,qCAOtB,CAAC;AAEH,eAAO,MAAM,WAAW,0MAevB,CAAC;AAEF,eAAO,MAAM,YAAY,kWAkBxB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;GAqBnB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,OAAO,CAAC,CAAC;AAEpD,eAAO,MAAM,OAAO,wQAiBnB,CAAC;AAEF,eAAO,MAAM,UAAU;;;EAgBtB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,OAAO,UAAU,CAAC,CAAC;AA0B3D,eAAO,MAAM,eAAe,qCAO1B,CAAC;AAoCH,eAAO,MAAM,OAAO;;;GAiBnB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,OAAO,CAAC,CAAC;AAErD;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;EAU3B,CAAC;AAgEH,eAAO,MAAM,KAAK,qCAOhB,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;EAKzB,CAAC"}
+{"version":3,"file":"style-props.d.ts","sourceRoot":"","sources":["../../../../src/shared/bricks/props/style-props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AA6BtD,eAAO,MAAM,WAAW,8RAgBvB,CAAC;AAEF,eAAO,MAAM,WAAW,qCAOtB,CAAC;AAEH,eAAO,MAAM,WAAW,0MAevB,CAAC;AAEF,eAAO,MAAM,YAAY,kWAkBxB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;GAqBlB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,MAAM,CAAC,CAAC;AAEnD,eAAO,MAAM,OAAO,qTAkBnB,CAAC;AAEF,eAAO,MAAM,UAAU;;;EAgBtB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,OAAO,UAAU,CAAC,CAAC;AA0B3D,eAAO,MAAM,eAAe,qCAO1B,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;EAqDtB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,OAAO,UAAU,CAAC,CAAC;AAoC3D,eAAO,MAAM,OAAO;;;GAiBnB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,OAAO,CAAC,CAAC;AAErD,eAAO,MAAM,IAAI;;;;;;EAkFhB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,IAAI,CAAC,CAAC;AAE/C,eAAO,MAAM,SAAS;;;;;;;;;EAKpB,CAAC;AA0BH,eAAO,MAAM,IAAI;;;EAuBhB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;EAW3B,CAAC;AAwCH,eAAO,MAAM,KAAK,qCAOhB,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;EAKzB,CAAC"}

package/dist/shared/bricks/props/style-props.js

@@ -1,3 +1,3 @@
 /*! Upstart.gg - Copyright (C) 2024 Flippable - https://github.com/enpage/enpage/blob/main/LICENSE */
 
-import{a,b,c,d,e,f,g,h,i,j,k,l}from"../../chunk-4H4VCOKB.js";export{h as backgroundColor,b as borderColor,d as borderRadius,c as borderStyle,a as borderWidth,e as borders,k as color,j as commonStyleProps,g as dimensions,i as effects,f as padding,l as textStyleProps};
+import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p}from"../../chunk-MEMG6QPT.js";export{i as background,h as backgroundColor,e as border,b as borderColor,d as borderRadius,c as borderStyle,a as borderWidth,o as color,n as commonStyleProps,g as dimensions,j as effects,k as flex,l as flexProps,f as padding,m as text,p as textStyleProps};