@shoppexio/builder-contracts 0.1.0 → 0.1.1

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;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,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

@@ -32,7 +32,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 +58,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);