@matthiesenxyz/astrolace/src/schemas/index.ts

An easy way to use Shoelace.style within your Astro Project!

import { z } from "zod";

type OptionsSchema = z.ZodDefault<z.ZodOptional<z.ZodObject<{
    verbose: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
    injectCss: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
    injectDarkTheme: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
}, "strip" | "passthrough">>>;

// Options for the main Integration
export const optionsSchema: OptionsSchema = z.object({
    /**
     * Enable verbose logging
     * 
     * @default false
     */
	verbose: z.boolean().optional().default(false),
    /**
     * Inject Shoelace CSS
     * 
     * Can also be disabled if you want to handle the CSS yourself
     * 
     * `import "@matthiesenxyz/astrolace/base.css";`
     * 
     * @default true
     */
    injectCss: z.boolean().optional().default(true),
    /**
     * Inject Shoelace Dark Theme CSS
     * 
     * **Note:** This option requires `injectCss` to be enabled
     * 
     * Can also be disabled if you want to handle the CSS yourself
     * 
     * `import "@matthiesenxyz/astrolace/dark.css";`
     * 
     * @default true
     */
    injectDarkTheme: z.boolean().optional().default(true),
}).optional().default({});

export type Options = z.infer<typeof optionsSchema>;