@shoppexio/builder-contracts 0.1.0 → 0.1.2

package/dist/style-slots.d.ts

@@ -23,11 +23,11 @@ export declare const ResponsiveStringSchema: z.ZodObject<{
     xl: z.ZodOptional<z.ZodString>;
 }, z.core.$strict>;
 export type ResponsiveString = z.infer<typeof ResponsiveStringSchema>;
-export declare const ColorSchema: z.ZodString;
+export declare const ColorSchema: z.ZodUnion<readonly [z.ZodLiteral<"transparent">, z.ZodString]>;
 export type Color = z.infer<typeof ColorSchema>;
 export declare const FontWeightSchema: z.ZodUnion<readonly [z.ZodLiteral<100>, z.ZodLiteral<200>, z.ZodLiteral<300>, z.ZodLiteral<400>, z.ZodLiteral<500>, z.ZodLiteral<600>, z.ZodLiteral<700>, z.ZodLiteral<800>, z.ZodLiteral<900>]>;
 export type FontWeight = z.infer<typeof FontWeightSchema>;
-export declare const StyleSlotIdSchema: z.ZodEnum<{
+export declare const CoreStyleSlotIdSchema: z.ZodEnum<{
     "button.radius": "button.radius";
     "button.background": "button.background";
     "button.foreground": "button.foreground";
@@ -53,157 +53,55 @@ export declare const StyleSlotIdSchema: z.ZodEnum<{
     "typography.heading.weight": "typography.heading.weight";
     "typography.body.size": "typography.body.size";
 }>;
-export type StyleSlotId = z.infer<typeof StyleSlotIdSchema>;
+export type CoreStyleSlotId = z.infer<typeof CoreStyleSlotIdSchema>;
+export declare const ThemeStyleSlotIdSchema: z.ZodString;
+export type ThemeStyleSlotId = `theme.${string}`;
+export declare const StyleSlotIdSchema: z.ZodUnion<readonly [z.ZodEnum<{
+    "button.radius": "button.radius";
+    "button.background": "button.background";
+    "button.foreground": "button.foreground";
+    "button.border": "button.border";
+    "button.font.weight": "button.font.weight";
+    "input.radius": "input.radius";
+    "input.height": "input.height";
+    "input.border": "input.border";
+    "input.background": "input.background";
+    "input.foreground": "input.foreground";
+    "card.radius": "card.radius";
+    "card.background": "card.background";
+    "card.border": "card.border";
+    "section.padding.y": "section.padding.y";
+    "section.padding.x": "section.padding.x";
+    "container.width": "container.width";
+    "color.primary": "color.primary";
+    "color.accent": "color.accent";
+    "color.background": "color.background";
+    "color.foreground": "color.foreground";
+    "color.muted": "color.muted";
+    "link.color": "link.color";
+    "typography.heading.weight": "typography.heading.weight";
+    "typography.body.size": "typography.body.size";
+}>, z.ZodString]>;
+export type StyleSlotId = CoreStyleSlotId | ThemeStyleSlotId;
 export declare const CORE_STYLE_SLOT_IDS: ("button.radius" | "button.background" | "button.foreground" | "button.border" | "button.font.weight" | "input.radius" | "input.height" | "input.border" | "input.background" | "input.foreground" | "card.radius" | "card.background" | "card.border" | "section.padding.y" | "section.padding.x" | "container.width" | "color.primary" | "color.accent" | "color.background" | "color.foreground" | "color.muted" | "link.color" | "typography.heading.weight" | "typography.body.size")[];
-export declare const StyleSlotsSchema: z.ZodObject<{
-    'button.radius': z.ZodOptional<z.ZodObject<{
-        base: z.ZodNumber;
-        sm: z.ZodOptional<z.ZodNumber>;
-        md: z.ZodOptional<z.ZodNumber>;
-        lg: z.ZodOptional<z.ZodNumber>;
-        xl: z.ZodOptional<z.ZodNumber>;
-    }, z.core.$strict>>;
-    'button.background': z.ZodOptional<z.ZodString>;
-    'button.foreground': z.ZodOptional<z.ZodString>;
-    'button.border': z.ZodOptional<z.ZodString>;
-    'button.font.weight': z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<100>, z.ZodLiteral<200>, z.ZodLiteral<300>, z.ZodLiteral<400>, z.ZodLiteral<500>, z.ZodLiteral<600>, z.ZodLiteral<700>, z.ZodLiteral<800>, z.ZodLiteral<900>]>>;
-    'input.radius': z.ZodOptional<z.ZodObject<{
-        base: z.ZodNumber;
-        sm: z.ZodOptional<z.ZodNumber>;
-        md: z.ZodOptional<z.ZodNumber>;
-        lg: z.ZodOptional<z.ZodNumber>;
-        xl: z.ZodOptional<z.ZodNumber>;
-    }, z.core.$strict>>;
-    'input.height': z.ZodOptional<z.ZodObject<{
-        base: z.ZodNumber;
-        sm: z.ZodOptional<z.ZodNumber>;
-        md: z.ZodOptional<z.ZodNumber>;
-        lg: z.ZodOptional<z.ZodNumber>;
-        xl: z.ZodOptional<z.ZodNumber>;
-    }, z.core.$strict>>;
-    'input.border': z.ZodOptional<z.ZodString>;
-    'input.background': z.ZodOptional<z.ZodString>;
-    'input.foreground': z.ZodOptional<z.ZodString>;
-    'card.radius': z.ZodOptional<z.ZodObject<{
-        base: z.ZodNumber;
-        sm: z.ZodOptional<z.ZodNumber>;
-        md: z.ZodOptional<z.ZodNumber>;
-        lg: z.ZodOptional<z.ZodNumber>;
-        xl: z.ZodOptional<z.ZodNumber>;
-    }, z.core.$strict>>;
-    'card.background': z.ZodOptional<z.ZodString>;
-    'card.border': z.ZodOptional<z.ZodString>;
-    'section.padding.y': z.ZodOptional<z.ZodObject<{
-        base: z.ZodNumber;
-        sm: z.ZodOptional<z.ZodNumber>;
-        md: z.ZodOptional<z.ZodNumber>;
-        lg: z.ZodOptional<z.ZodNumber>;
-        xl: z.ZodOptional<z.ZodNumber>;
-    }, z.core.$strict>>;
-    'section.padding.x': z.ZodOptional<z.ZodObject<{
-        base: z.ZodNumber;
-        sm: z.ZodOptional<z.ZodNumber>;
-        md: z.ZodOptional<z.ZodNumber>;
-        lg: z.ZodOptional<z.ZodNumber>;
-        xl: z.ZodOptional<z.ZodNumber>;
-    }, z.core.$strict>>;
-    'container.width': z.ZodOptional<z.ZodObject<{
-        base: z.ZodNumber;
-        sm: z.ZodOptional<z.ZodNumber>;
-        md: z.ZodOptional<z.ZodNumber>;
-        lg: z.ZodOptional<z.ZodNumber>;
-        xl: z.ZodOptional<z.ZodNumber>;
-    }, z.core.$strict>>;
-    'color.primary': z.ZodOptional<z.ZodString>;
-    'color.accent': z.ZodOptional<z.ZodString>;
-    'color.background': z.ZodOptional<z.ZodString>;
-    'color.foreground': z.ZodOptional<z.ZodString>;
-    'color.muted': z.ZodOptional<z.ZodString>;
-    'link.color': z.ZodOptional<z.ZodString>;
-    'typography.heading.weight': z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<100>, z.ZodLiteral<200>, z.ZodLiteral<300>, z.ZodLiteral<400>, z.ZodLiteral<500>, z.ZodLiteral<600>, z.ZodLiteral<700>, z.ZodLiteral<800>, z.ZodLiteral<900>]>>;
-    'typography.body.size': z.ZodOptional<z.ZodObject<{
-        base: z.ZodNumber;
-        sm: z.ZodOptional<z.ZodNumber>;
-        md: z.ZodOptional<z.ZodNumber>;
-        lg: z.ZodOptional<z.ZodNumber>;
-        xl: z.ZodOptional<z.ZodNumber>;
-    }, z.core.$strict>>;
-}, z.core.$strict>;
-export type StyleSlots = z.infer<typeof StyleSlotsSchema>;
-export declare const StyleSlotDefaultsSchema: z.ZodObject<{
-    'button.radius': z.ZodOptional<z.ZodObject<{
-        base: z.ZodNumber;
-        sm: z.ZodOptional<z.ZodNumber>;
-        md: z.ZodOptional<z.ZodNumber>;
-        lg: z.ZodOptional<z.ZodNumber>;
-        xl: z.ZodOptional<z.ZodNumber>;
-    }, z.core.$strict>>;
-    'button.background': z.ZodOptional<z.ZodString>;
-    'button.foreground': z.ZodOptional<z.ZodString>;
-    'button.border': z.ZodOptional<z.ZodString>;
-    'button.font.weight': z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<100>, z.ZodLiteral<200>, z.ZodLiteral<300>, z.ZodLiteral<400>, z.ZodLiteral<500>, z.ZodLiteral<600>, z.ZodLiteral<700>, z.ZodLiteral<800>, z.ZodLiteral<900>]>>;
-    'input.radius': z.ZodOptional<z.ZodObject<{
-        base: z.ZodNumber;
-        sm: z.ZodOptional<z.ZodNumber>;
-        md: z.ZodOptional<z.ZodNumber>;
-        lg: z.ZodOptional<z.ZodNumber>;
-        xl: z.ZodOptional<z.ZodNumber>;
-    }, z.core.$strict>>;
-    'input.height': z.ZodOptional<z.ZodObject<{
-        base: z.ZodNumber;
-        sm: z.ZodOptional<z.ZodNumber>;
-        md: z.ZodOptional<z.ZodNumber>;
-        lg: z.ZodOptional<z.ZodNumber>;
-        xl: z.ZodOptional<z.ZodNumber>;
-    }, z.core.$strict>>;
-    'input.border': z.ZodOptional<z.ZodString>;
-    'input.background': z.ZodOptional<z.ZodString>;
-    'input.foreground': z.ZodOptional<z.ZodString>;
-    'card.radius': z.ZodOptional<z.ZodObject<{
-        base: z.ZodNumber;
-        sm: z.ZodOptional<z.ZodNumber>;
-        md: z.ZodOptional<z.ZodNumber>;
-        lg: z.ZodOptional<z.ZodNumber>;
-        xl: z.ZodOptional<z.ZodNumber>;
-    }, z.core.$strict>>;
-    'card.background': z.ZodOptional<z.ZodString>;
-    'card.border': z.ZodOptional<z.ZodString>;
-    'section.padding.y': z.ZodOptional<z.ZodObject<{
-        base: z.ZodNumber;
-        sm: z.ZodOptional<z.ZodNumber>;
-        md: z.ZodOptional<z.ZodNumber>;
-        lg: z.ZodOptional<z.ZodNumber>;
-        xl: z.ZodOptional<z.ZodNumber>;
-    }, z.core.$strict>>;
-    'section.padding.x': z.ZodOptional<z.ZodObject<{
-        base: z.ZodNumber;
-        sm: z.ZodOptional<z.ZodNumber>;
-        md: z.ZodOptional<z.ZodNumber>;
-        lg: z.ZodOptional<z.ZodNumber>;
-        xl: z.ZodOptional<z.ZodNumber>;
-    }, z.core.$strict>>;
-    'container.width': z.ZodOptional<z.ZodObject<{
-        base: z.ZodNumber;
-        sm: z.ZodOptional<z.ZodNumber>;
-        md: z.ZodOptional<z.ZodNumber>;
-        lg: z.ZodOptional<z.ZodNumber>;
-        xl: z.ZodOptional<z.ZodNumber>;
-    }, z.core.$strict>>;
-    'color.primary': z.ZodOptional<z.ZodString>;
-    'color.accent': z.ZodOptional<z.ZodString>;
-    'color.background': z.ZodOptional<z.ZodString>;
-    'color.foreground': z.ZodOptional<z.ZodString>;
-    'color.muted': z.ZodOptional<z.ZodString>;
-    'link.color': z.ZodOptional<z.ZodString>;
-    'typography.heading.weight': z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<100>, z.ZodLiteral<200>, z.ZodLiteral<300>, z.ZodLiteral<400>, z.ZodLiteral<500>, z.ZodLiteral<600>, z.ZodLiteral<700>, z.ZodLiteral<800>, z.ZodLiteral<900>]>>;
-    'typography.body.size': z.ZodOptional<z.ZodObject<{
-        base: z.ZodNumber;
-        sm: z.ZodOptional<z.ZodNumber>;
-        md: z.ZodOptional<z.ZodNumber>;
-        lg: z.ZodOptional<z.ZodNumber>;
-        xl: z.ZodOptional<z.ZodNumber>;
-    }, z.core.$strict>>;
-}, z.core.$strict>;
+export declare const ThemeStyleSlotValueSchema: z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodLiteral<"transparent">, z.ZodString]>, z.ZodObject<{
+    base: z.ZodNumber;
+    sm: z.ZodOptional<z.ZodNumber>;
+    md: z.ZodOptional<z.ZodNumber>;
+    lg: z.ZodOptional<z.ZodNumber>;
+    xl: z.ZodOptional<z.ZodNumber>;
+}, z.core.$strict>, z.ZodObject<{
+    base: z.ZodString;
+    sm: z.ZodOptional<z.ZodString>;
+    md: z.ZodOptional<z.ZodString>;
+    lg: z.ZodOptional<z.ZodString>;
+    xl: z.ZodOptional<z.ZodString>;
+}, z.core.$strict>, z.ZodUnion<readonly [z.ZodLiteral<100>, z.ZodLiteral<200>, z.ZodLiteral<300>, z.ZodLiteral<400>, z.ZodLiteral<500>, z.ZodLiteral<600>, z.ZodLiteral<700>, z.ZodLiteral<800>, z.ZodLiteral<900>]>, z.ZodString, z.ZodNumber, z.ZodBoolean]>;
+export type ThemeStyleSlotValue = z.infer<typeof ThemeStyleSlotValueSchema>;
+export type StyleSlotValue = Color | ResponsiveNumber | ResponsiveString | FontWeight | string | number | boolean;
+export type StyleSlots = Partial<Record<StyleSlotId, StyleSlotValue>>;
+export declare const StyleSlotsSchema: z.ZodType<StyleSlots>;
+export declare const StyleSlotDefaultsSchema: z.ZodType<Partial<Record<StyleSlotId, StyleSlotValue>>, unknown, z.core.$ZodTypeInternals<Partial<Record<StyleSlotId, StyleSlotValue>>, unknown>>;
 export type StyleSlotDefaults = StyleSlots;
 export declare function parseStyleSlots(input: unknown): StyleSlots;
 //# sourceMappingURL=style-slots.d.ts.map

package/dist/style-slots.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style-slots.d.ts","sourceRoot":"","sources":["../src/style-slots.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,QAAQ,CAAC;AAE5B,eAAO,MAAM,gBAAgB;;;;;;EAA2C,CAAC;AACzE,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE1D,eAAO,MAAM,sBAAsB;;;;;;kBAQxB,CAAC;AACZ,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAEtE,eAAO,MAAM,sBAAsB;;;;;;kBAQxB,CAAC;AACZ,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAEtE,eAAO,MAAM,WAAW,aAE+D,CAAC;AACxF,MAAM,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,WAAW,CAAC,CAAC;AAEhD,eAAO,MAAM,gBAAgB,kMAU3B,CAAC;AACH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE1D,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;EAyB5B,CAAC;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,mBAAmB,8dAA4B,CAAC;AAE7D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBA2BlB,CAAC;AACZ,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE1D,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAmB,CAAC;AACxD,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC;AAE3C,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,UAAU,CAE1D"}
+{"version":3,"file":"style-slots.d.ts","sourceRoot":"","sources":["../src/style-slots.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,QAAQ,CAAC;AAE5B,eAAO,MAAM,gBAAgB;;;;;;EAA2C,CAAC;AACzE,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE1D,eAAO,MAAM,sBAAsB;;;;;;kBAQxB,CAAC;AACZ,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAEtE,eAAO,MAAM,sBAAsB;;;;;;kBAQxB,CAAC;AACZ,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAItE,eAAO,MAAM,WAAW,iEAGtB,CAAC;AACH,MAAM,MAAM,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,WAAW,CAAC,CAAC;AAEhD,eAAO,MAAM,gBAAgB,kMAU3B,CAAC;AACH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE1D,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;EAyBhC,CAAC;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpE,eAAO,MAAM,sBAAsB,aAE+C,CAAC;AACnF,MAAM,MAAM,gBAAgB,GAAG,SAAS,MAAM,EAAE,CAAC;AAEjD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;iBAA2D,CAAC;AAC1F,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,gBAAgB,CAAC;AAE7D,eAAO,MAAM,mBAAmB,8dAAgC,CAAC;AAEjE,eAAO,MAAM,yBAAyB;;;;;;;;;;;;8PAQpC,CAAC;AACH,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAE5E,MAAM,MAAM,cAAc,GACtB,KAAK,GACL,gBAAgB,GAChB,gBAAgB,GAChB,UAAU,GACV,MAAM,GACN,MAAM,GACN,OAAO,CAAC;AA6BZ,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;AAEtE,eAAO,MAAM,gBAAgB,EAoCrB,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;AAE9B,eAAO,MAAM,uBAAuB,mJAAmB,CAAC;AACxD,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC;AAE3C,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,UAAU,CAE1D"}

package/dist/style-slots.js

@@ -18,9 +18,11 @@ export const ResponsiveStringSchema = z
     xl: z.string().min(1).optional(),
 })
     .strict();
-export const ColorSchema = z
-    .string()
-    .regex(/^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/, 'Expected a hex color');
+const HEX_COLOR_PATTERN = /^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;
+export const ColorSchema = z.union([
+    z.literal('transparent'),
+    z.string().regex(HEX_COLOR_PATTERN, 'Expected a hex color'),
+]);
 export const FontWeightSchema = z.union([
     z.literal(100),
     z.literal(200),
@@ -32,7 +34,7 @@ export const FontWeightSchema = z.union([
     z.literal(800),
     z.literal(900),
 ]);
-export const StyleSlotIdSchema = z.enum([
+export const CoreStyleSlotIdSchema = z.enum([
     'button.radius',
     'button.background',
     'button.foreground',
@@ -58,35 +60,81 @@ export const StyleSlotIdSchema = z.enum([
     'typography.heading.weight',
     'typography.body.size',
 ]);
-export const CORE_STYLE_SLOT_IDS = StyleSlotIdSchema.options;
+export const ThemeStyleSlotIdSchema = z
+    .string()
+    .regex(/^theme\.[a-z0-9][a-z0-9._-]*$/, 'Expected a theme-scoped style slot id');
+export const StyleSlotIdSchema = z.union([CoreStyleSlotIdSchema, ThemeStyleSlotIdSchema]);
+export const CORE_STYLE_SLOT_IDS = CoreStyleSlotIdSchema.options;
+export const ThemeStyleSlotValueSchema = z.union([
+    ColorSchema,
+    ResponsiveNumberSchema,
+    ResponsiveStringSchema,
+    FontWeightSchema,
+    z.string().min(1),
+    z.number().finite(),
+    z.boolean(),
+]);
+const CORE_STYLE_SLOT_SCHEMAS = {
+    'button.radius': ResponsiveNumberSchema,
+    'button.background': ColorSchema,
+    'button.foreground': ColorSchema,
+    'button.border': ColorSchema,
+    'button.font.weight': FontWeightSchema,
+    'input.radius': ResponsiveNumberSchema,
+    'input.height': ResponsiveNumberSchema,
+    'input.border': ColorSchema,
+    'input.background': ColorSchema,
+    'input.foreground': ColorSchema,
+    'card.radius': ResponsiveNumberSchema,
+    'card.background': ColorSchema,
+    'card.border': ColorSchema,
+    'section.padding.y': ResponsiveNumberSchema,
+    'section.padding.x': ResponsiveNumberSchema,
+    'container.width': ResponsiveNumberSchema,
+    'color.primary': ColorSchema,
+    'color.accent': ColorSchema,
+    'color.background': ColorSchema,
+    'color.foreground': ColorSchema,
+    'color.muted': ColorSchema,
+    'link.color': ColorSchema,
+    'typography.heading.weight': FontWeightSchema,
+    'typography.body.size': ResponsiveNumberSchema,
+};
 export const StyleSlotsSchema = z
-    .object({
-    'button.radius': ResponsiveNumberSchema.optional(),
-    'button.background': ColorSchema.optional(),
-    'button.foreground': ColorSchema.optional(),
-    'button.border': ColorSchema.optional(),
-    'button.font.weight': FontWeightSchema.optional(),
-    'input.radius': ResponsiveNumberSchema.optional(),
-    'input.height': ResponsiveNumberSchema.optional(),
-    'input.border': ColorSchema.optional(),
-    'input.background': ColorSchema.optional(),
-    'input.foreground': ColorSchema.optional(),
-    'card.radius': ResponsiveNumberSchema.optional(),
-    'card.background': ColorSchema.optional(),
-    'card.border': ColorSchema.optional(),
-    'section.padding.y': ResponsiveNumberSchema.optional(),
-    'section.padding.x': ResponsiveNumberSchema.optional(),
-    'container.width': ResponsiveNumberSchema.optional(),
-    'color.primary': ColorSchema.optional(),
-    'color.accent': ColorSchema.optional(),
-    'color.background': ColorSchema.optional(),
-    'color.foreground': ColorSchema.optional(),
-    'color.muted': ColorSchema.optional(),
-    'link.color': ColorSchema.optional(),
-    'typography.heading.weight': FontWeightSchema.optional(),
-    'typography.body.size': ResponsiveNumberSchema.optional(),
-})
-    .strict();
+    .record(z.string().min(1), z.unknown())
+    .superRefine((slots, ctx) => {
+    for (const [slotId, value] of Object.entries(slots)) {
+        const coreSlotId = CoreStyleSlotIdSchema.safeParse(slotId);
+        if (coreSlotId.success) {
+            const parsedValue = CORE_STYLE_SLOT_SCHEMAS[coreSlotId.data].safeParse(value);
+            if (!parsedValue.success) {
+                ctx.addIssue({
+                    code: 'custom',
+                    path: [slotId],
+                    message: `Invalid value for core style slot "${slotId}"`,
+                });
+            }
+            continue;
+        }
+        const themeSlotId = ThemeStyleSlotIdSchema.safeParse(slotId);
+        if (!themeSlotId.success) {
+            ctx.addIssue({
+                code: 'custom',
+                path: [slotId],
+                message: `Unknown style slot "${slotId}"`,
+            });
+            continue;
+        }
+        const parsedThemeValue = ThemeStyleSlotValueSchema.safeParse(value);
+        if (!parsedThemeValue.success) {
+            ctx.addIssue({
+                code: 'custom',
+                path: [slotId],
+                message: `Invalid value for theme style slot "${slotId}"`,
+            });
+        }
+    }
+});
 export const StyleSlotDefaultsSchema = StyleSlotsSchema;
 export function parseStyleSlots(input) {
     return StyleSlotsSchema.parse(input);