@schemavaults/theme 0.22.14

package/README.md

@@ -0,0 +1,106 @@
+# @schemavaults/theme
+
+## About
+
+Package containing code for building TailwindCSS themes that contain SchemaVaults branding colors and shared styles.
+
+## Usage
+
+### Ensure that globals.css is imported
+
+The generated TailwindCSS config sets colors based on CSS variables. It's important that `globals.css` is imported, so that these colors can be resolved. E.g. `var(--foreground)` and `var(--card)` become functional after this CSS import.
+
+```javascript
+import "@schemavaults/theme/globals.css"
+```
+
+### Import and run the TailwindCSS Config Factory from your `tailwind.config.mjs` or `tailwind.config.ts`
+
+#### Simple Example
+```typescript
+import { SchemaVaultsTailwindConfigFactory } from "@schemavaults/theme";
+const config = new SchemaVaultsTailwindConfigFactory().createConfig({
+  content: [
+    "./src/**/*.tsx|jsx|js|ts",
+    "@schemavaults/ui", // resolved and converted to an absolute path to the schemavaults package in the node_modules folder
+  ],
+});
+export default config;
+```
+
+#### More complex example
+```typescript
+// Import the config factory
+import { SchemaVaultsTailwindConfigFactory } from "@schemavaults/theme";
+import { join } from "path";
+import { lstatSync, exists, type Stats } from "fs";
+
+function node_modules(): string {
+  const currentDirectory: string = import.meta.dirname;
+
+  let node_modules_path: string;
+  if (currentDirectory.endsWith("/src") || currentDirectory.endsWith("/dist")) {
+    node_modules_path = join(currentDirectory, "..", "node_modules");
+  } else {
+    node_modules_path = join(currentDirectory, "node_modules");
+  }
+
+  return node_modules_path;
+}
+
+function isdir(path: string): boolean {
+  if (!existsSync(path)) return false;
+
+  let lstatResult: Stats;
+  try {
+    lstatResult = lstatSync(path);
+  } catch (e: unknown) {
+    throw new Error(
+      "Error running lstatSync for tailwind.config.ts isdir() function!",
+    );
+  }
+  return lstatResult.isDirectory();
+}
+
+if (!isdir(node_modules())) {
+  throw new Error("Failed to resolve node_modules/ directory for test!");
+}
+
+// Initialize the config factory
+const configFactory = new SchemaVaultsTailwindConfigFactory({
+  node_modules,
+  isdir,
+  join,
+  scope: 'schemavaults'
+});
+
+// Generate and export the config
+const config = configFactory.createConfig({
+  content: [
+    "./src/**/*.tsx|jsx|js|ts",
+    "./app/**/*.tsx|jsx|js|ts",
+    "@schemavaults/ui", // resolved and converted to an absolute path to the schemavaults package in the node_modules folder
+    "@schemavaults/schema-ui",
+  ],
+});
+export default config;
+```
+
+You may wish to also dig deeper on the options passed to the factory / `createConfig` in order to customize the final Tailwind configuration generated. Notably, the `content` parameter to `createConfig`, if the code for styles to be generated from is not found within `./src/**/*.ts|tsx|js|jsx`!
+
+```javascript
+// ... initialize the factory somewhere
+
+// An example demonstrating customization of where Tailwind searches for classnames
+const config = configFactory.createConfig({
+  content: ["./src/**/*.ts|tsx|js|jsx", "@schemavaults/ui", "@schemavaults/schema-ui"]
+});
+export default config;
+```
+
+In the above example, local `.js`/`.ts`/`.jsx`/`.tsx` paths will be resolved in the app that `@schemavaults/theme` config factory is running in. Also, `@schemavaults/*` scoped packages will be resolved from `node_modules`.
+
+
+### CommonJS
+
+Note that currently CommonJS is not supported. I believe that I was struggling to get `tailwindcss-animate` working from CJS, then decided not to support it. Change your `tailwind.config.cjs` files to `tailwind.config.ts` or `tailwind.config.mjs` to use TypeScript or ES modules instead.

package/dist/DefaultOrgScope.d.ts

@@ -0,0 +1,2 @@
+export declare const DefaultOrgScope: "schemavaults";
+export default DefaultOrgScope;

package/dist/DefaultOrgScope.js

@@ -0,0 +1,3 @@
+export const DefaultOrgScope = "schemavaults";
+export default DefaultOrgScope;
+//# sourceMappingURL=DefaultOrgScope.js.map

package/dist/DefaultOrgScope.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultOrgScope.js","sourceRoot":"","sources":["../src/DefaultOrgScope.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,cAAwC,CAAC;AAExE,eAAe,eAAe,CAAC"}

package/dist/ScreenBreakpoints.d.ts

@@ -0,0 +1,6 @@
+declare const screenBreakpointIds: readonly ["xs", "sm", "md", "lg", "xl", "2xl"];
+export type ScreenBreakpointID = (typeof screenBreakpointIds)[number];
+export declare function isValidScreenBreakpoint(maybeBreakpoint: string): maybeBreakpoint is ScreenBreakpointID;
+export declare function getScreenBreakpoint(breakpoint: ScreenBreakpointID): number;
+export declare function listScreenBreakpoints(): readonly ScreenBreakpointID[];
+export {};

package/dist/ScreenBreakpoints.js

@@ -0,0 +1,37 @@
+const screenBreakpointIds = [
+    "xs",
+    "sm",
+    "md",
+    "lg",
+    "xl",
+    "2xl",
+];
+const validScreenBreakpointIds = new Set(screenBreakpointIds);
+const screenBreakpointPixelWidths = {
+    xs: 480,
+    sm: 640,
+    md: 768,
+    lg: 1024,
+    xl: 1280,
+    "2xl": 1536,
+};
+export function isValidScreenBreakpoint(maybeBreakpoint) {
+    if (typeof maybeBreakpoint === "string") {
+        const validBreakpoints = validScreenBreakpointIds;
+        if (validBreakpoints.has(maybeBreakpoint)) {
+            return true;
+        }
+    }
+    return false;
+}
+export function getScreenBreakpoint(breakpoint) {
+    if (!isValidScreenBreakpoint(breakpoint)) {
+        throw new Error(`Invalid screen breakpoint to return minimum width for! Valid screen breakpoints: ${screenBreakpointIds.map((id) => `'${id}'`).join(", ")}`);
+    }
+    const screenWidth = screenBreakpointPixelWidths[breakpoint];
+    return screenWidth;
+}
+export function listScreenBreakpoints() {
+    return screenBreakpointIds;
+}
+//# sourceMappingURL=ScreenBreakpoints.js.map

package/dist/ScreenBreakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenBreakpoints.js","sourceRoot":"","sources":["../src/ScreenBreakpoints.ts"],"names":[],"mappings":"AAAA,MAAM,mBAAmB,GAAG;IAC1B,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,KAAK;CAC+B,CAAC;AAIvC,MAAM,wBAAwB,GAA4B,IAAI,GAAG,CAC/D,mBAAmB,CACpB,CAAC;AAEF,MAAM,2BAA2B,GAAuC;IACtE,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,MAAM,UAAU,uBAAuB,CACrC,eAAuB;IAEvB,IAAI,OAAO,eAAe,KAAK,QAAQ,EAAE,CAAC;QACxC,MAAM,gBAAgB,GAAgB,wBAAwB,CAAC;QAC/D,IAAI,gBAAgB,CAAC,GAAG,CAAC,eAAgC,CAAC,EAAE,CAAC;YAC3D,OAAO,IAAI,CAAC;QACd,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,UAA8B;IAChE,IAAI,CAAC,uBAAuB,CAAC,UAAU,CAAC,EAAE,CAAC;QACzC,MAAM,IAAI,KAAK,CACb,oFAAoF,mBAAmB,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAC5I,CAAC;IACJ,CAAC;IACD,MAAM,WAAW,GAAW,2BAA2B,CAAC,UAAU,CAAC,CAAC;IACpE,OAAO,WAAW,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,qBAAqB;IACnC,OAAO,mBAAmB,CAAC;AAC7B,CAAC"}

package/dist/TailwindConfigFactory.d.ts

@@ -0,0 +1,50 @@
+import type { Config as TailwindConfig } from "tailwindcss";
+import { type ScreenBreakpointID } from "./ScreenBreakpoints";
+import type { TailwindTheme } from "./TailwindTheme";
+type OsJoinFn = (path_segment: string, ...remaining_path_segments: string[]) => string;
+export interface ISchemaVaultsTailwindConfigFactoryInitOptions {
+    debug?: boolean;
+    join?: OsJoinFn;
+    node_modules?: string | (() => string);
+    isdir?: (path: string) => boolean;
+    scope?: string;
+    fileExtensions?: readonly string[];
+}
+export interface ISchemaVaultsTailwindConfigCreationOptions {
+    content: readonly string[];
+}
+export interface ISchemaVaultsTailwindConfigFactory {
+    createConfig: (opts: ISchemaVaultsTailwindConfigCreationOptions) => TailwindConfig;
+}
+type TailwindConfigTheme = TailwindTheme;
+type ThemeExtension = NonNullable<TailwindConfigTheme["extend"]>;
+type ThemeValue = ThemeExtension[string];
+export declare class SchemaVaultsTailwindConfigFactory implements ISchemaVaultsTailwindConfigFactory {
+    protected readonly debug: boolean;
+    protected readonly join: OsJoinFn;
+    protected readonly node_modules_path: string | undefined;
+    protected readonly isdir: (path: string) => boolean;
+    protected readonly scope: string;
+    protected static readonly defaultFileExtensionsToSearch: readonly ["js", "jsx", "ts", "tsx"];
+    protected readonly fileExtensionsToIncludeInTailwindClassNamesSearch: readonly string[];
+    private static defaultJoinImplementation;
+    private static defaultIsDirImplementation;
+    private static getDefaultResolveNodeModulesDirectoryPathImplementation;
+    constructor(opts?: ISchemaVaultsTailwindConfigFactoryInitOptions);
+    /**
+     * @description Load TailwindCSS plugins to use in theme configuration
+     * @returns Array of TailwindCSS plugins
+     * @see /plugins directory
+     */
+    protected get plugins(): TailwindConfig["plugins"];
+    protected get shadcnColors(): ThemeValue;
+    protected get brandColors(): ThemeValue;
+    protected get screenSizes(): Record<ScreenBreakpointID, `${number}px`>;
+    protected get themeExtension(): ThemeExtension;
+    protected resolveNodeModulesDirectoryPath(): string;
+    get node_modules(): string;
+    protected resolveSchemaVaultsPackagePath(pkg_blob_string: string): string;
+    private static possibleBuildDirectories;
+    createConfig(opts?: ISchemaVaultsTailwindConfigCreationOptions): TailwindConfig;
+}
+export default SchemaVaultsTailwindConfigFactory;

package/dist/TailwindConfigFactory.js

@@ -0,0 +1,228 @@
+import { componentColors } from "./component_colors";
+import { brandColors } from "./brand_colors";
+import DefaultOrgScope from "./DefaultOrgScope"; // @schemavaults organization is default
+import { getScreenBreakpoint, listScreenBreakpoints, } from "./ScreenBreakpoints";
+import { existsSync, lstatSync } from "fs";
+// TailwindCSS Plugins:
+import tailwindAnimatePlugin from "./plugins/tailwindcss-animate";
+export class SchemaVaultsTailwindConfigFactory {
+    debug;
+    join;
+    node_modules_path;
+    isdir;
+    scope;
+    static defaultFileExtensionsToSearch = [
+        "js",
+        "jsx",
+        "ts",
+        "tsx",
+    ];
+    fileExtensionsToIncludeInTailwindClassNamesSearch;
+    static defaultJoinImplementation(path_segment, ...remaining_path_segments) {
+        const path_segments = [
+            path_segment,
+            ...remaining_path_segments,
+        ];
+        return path_segments.join("/");
+    }
+    static defaultIsDirImplementation(maybeDirPath) {
+        if (!existsSync(maybeDirPath)) {
+            return false;
+        }
+        return lstatSync(maybeDirPath).isDirectory();
+    }
+    static getDefaultResolveNodeModulesDirectoryPathImplementation(join, isdir) {
+        const cwd = process.cwd();
+        if (isdir(join(cwd, "node_modules"))) {
+            return () => join(cwd, "node_modules");
+        }
+        else if (isdir(join(cwd, "..", "node_modules"))) {
+            return () => join(cwd, "..", "node_modules");
+        }
+        else if (isdir(join(cwd, "..", "..", "node_modules"))) {
+            return () => join(cwd, "..", "..", "node_modules");
+        }
+        else {
+            console.error("Failed to resolve path to 'node_modules' directory from SchemaVaultsTailwindConfigFactory!");
+            console.error("You can pass a custom resolver function to the config factory constructor to fix this!");
+            process.exit(1);
+        }
+    }
+    constructor(opts) {
+        this.debug = opts?.debug ?? false;
+        if (this.debug) {
+            console.log("[SchemaVaultsTailwindConfigFactory] constructor()");
+        }
+        this.join =
+            typeof opts?.join === "function"
+                ? opts.join
+                : SchemaVaultsTailwindConfigFactory.defaultJoinImplementation;
+        this.isdir =
+            typeof opts?.isdir === "function"
+                ? opts.isdir
+                : SchemaVaultsTailwindConfigFactory.defaultIsDirImplementation;
+        this.node_modules_path =
+            typeof opts?.node_modules === "string"
+                ? opts.node_modules
+                : typeof opts?.node_modules === "function"
+                    ? opts.node_modules()
+                    : SchemaVaultsTailwindConfigFactory.getDefaultResolveNodeModulesDirectoryPathImplementation(this.join, this.isdir)();
+        this.scope = opts?.scope ?? DefaultOrgScope;
+        if (this.scope.startsWith("@")) {
+            throw new Error("Don't pass the @ in the scope, we'll handle adding passing that!");
+        }
+        this.fileExtensionsToIncludeInTailwindClassNamesSearch = Array.isArray(opts?.fileExtensions)
+            ? opts.fileExtensions
+            : SchemaVaultsTailwindConfigFactory.defaultFileExtensionsToSearch;
+        if (this.debug) {
+            console.log(`[SchemaVaultsTailwindConfigFactory] Initialized '@${this.scope}' config factory`);
+        }
+    }
+    /**
+     * @description Load TailwindCSS plugins to use in theme configuration
+     * @returns Array of TailwindCSS plugins
+     * @see /plugins directory
+     */
+    get plugins() {
+        return [tailwindAnimatePlugin];
+    }
+    get shadcnColors() {
+        return componentColors;
+    }
+    get brandColors() {
+        return brandColors;
+    }
+    get screenSizes() {
+        const breakpointIds = listScreenBreakpoints();
+        const screenSizes = new Map();
+        for (const breakpoint of breakpointIds) {
+            const screenSize = getScreenBreakpoint(breakpoint);
+            screenSizes.set(breakpoint, `${screenSize}px`);
+        }
+        const output = Object.fromEntries(screenSizes.entries());
+        return output;
+    }
+    get themeExtension() {
+        const screens = this.screenSizes;
+        const extend = {
+            colors: {
+                ...this.shadcnColors,
+                ...this.brandColors,
+            },
+            borderRadius: {
+                lg: "var(--radius)",
+                md: "calc(var(--radius) - 2px)",
+                sm: "calc(var(--radius) - 4px)",
+            },
+            screens,
+        };
+        return extend;
+    }
+    resolveNodeModulesDirectoryPath() {
+        if (typeof this.node_modules_path === "string") {
+            return this.node_modules_path;
+        }
+        throw new Error("Failed to resolve path to node_modules/ directory!");
+    }
+    // Get the path to the node_modules/ directory
+    get node_modules() {
+        const path = this.resolveNodeModulesDirectoryPath();
+        if (!this.isdir(path)) {
+            throw new Error("Expected result of node_modules getter to be the path to a directory!");
+        }
+        return path;
+    }
+    resolveSchemaVaultsPackagePath(pkg_blob_string) {
+        const scope = this.scope;
+        if (!pkg_blob_string.startsWith(`@${scope}/`)) {
+            throw new Error(`This method should only be called if content path starts with @${scope}/...`);
+        }
+        const pkg_blob_parts = pkg_blob_string.split("/");
+        if (pkg_blob_parts.length < 2 ||
+            !pkg_blob_parts[1] ||
+            typeof pkg_blob_parts[1] !== "string") {
+            throw new TypeError("Failed to resolve package name from package blob string");
+        }
+        const package_name = pkg_blob_parts[1];
+        const join = this.join;
+        const node_modules_dir = this.resolveNodeModulesDirectoryPath();
+        const packagePath = join(node_modules_dir, `@${scope}`, package_name);
+        if (!this.isdir(packagePath)) {
+            throw new Error(`Failed to resolve path to package: '@${scope}/${package_name}'!`);
+        }
+        return packagePath;
+    }
+    static possibleBuildDirectories = [
+        "dist",
+        "src",
+        "build",
+        "out",
+        "export",
+    ];
+    createConfig(opts) {
+        if (this.debug) {
+            console.log("[SchemaVaultsTailwindConfigFactory] createConfig()");
+        }
+        const scope = this.scope;
+        const defaultContentSearchPath = `./src/**/*.{${this.fileExtensionsToIncludeInTailwindClassNamesSearch.join(",")}}`;
+        const content_input = Array.isArray(opts?.content)
+            ? opts.content
+            : [defaultContentSearchPath];
+        if (content_input.length < 1) {
+            throw new Error("Expected at least one content path to resolve TailwindCSS classnames at!");
+        }
+        const content = [];
+        content_input.forEach((content_path_input) => {
+            const content_length_at_start = content.length;
+            if (content_path_input.startsWith(`@${scope}/`)) {
+                const package_path = this.resolveSchemaVaultsPackagePath(content_path_input);
+                SchemaVaultsTailwindConfigFactory.possibleBuildDirectories.forEach((possible_build_dir) => {
+                    const buildSubdirPath = this.join(package_path, possible_build_dir);
+                    let hasBuildSubdirectory;
+                    try {
+                        hasBuildSubdirectory = this.isdir(buildSubdirPath);
+                    }
+                    catch (e) {
+                        console.error("There was an error thrown by the isdir() function supplied to the SchemaVaultsTailwindConfigFactory instance:", e);
+                        console.error("The error occurred while checking if directory exists at path: ", buildSubdirPath);
+                        throw new Error("Error using isdir() to check if there is a directory at path");
+                    }
+                    if (hasBuildSubdirectory) {
+                        content.push(`${package_path}/${possible_build_dir}/**/*.{${this.fileExtensionsToIncludeInTailwindClassNamesSearch.join(",")}}`);
+                    }
+                });
+            }
+            else {
+                // does not start with @${scope}/* (probably @schemavaults/*, if opts.scope was not passed to config factory constructor)
+                content.push(content_path_input);
+            }
+            const content_length_at_end = content.length;
+            const content_added_this_iteration = content_length_at_end - content_length_at_start;
+            if (content_added_this_iteration < 1 &&
+                content_path_input.startsWith(`@${scope}/`)) {
+                console.warn(`Did not find any known build directories (${SchemaVaultsTailwindConfigFactory.possibleBuildDirectories
+                    .map((d) => `"${d}"`)
+                    .join(", ")})!`);
+            }
+        });
+        if (content.length === 0) {
+            throw new Error("Did not receive any search blobs for files to initialize Tailwind classes from!");
+        }
+        const plugins = this.plugins;
+        const extend = this.themeExtension;
+        const config = {
+            content: [...content],
+            theme: { extend },
+            plugins,
+            darkMode: "class",
+        };
+        console.assert(config.content.length >= 1, "Failed to load any 'content' search blobs to generate TailwindCSS classes for!");
+        console.assert(config.content.every((blob) => typeof blob === "string"), "Received a non-string search blob for the 'content' field of the Tailwind configuration!");
+        if (this.debug) {
+            console.log("[SchemaVaultsTailwindConfigFactory] Generated TailwindCSS config:\n", config);
+        }
+        return config;
+    }
+}
+export default SchemaVaultsTailwindConfigFactory;
+//# sourceMappingURL=TailwindConfigFactory.js.map

package/dist/TailwindConfigFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TailwindConfigFactory.js","sourceRoot":"","sources":["../src/TailwindConfigFactory.ts"],"names":[],"mappings":"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"}

package/dist/TailwindTheme.d.ts

@@ -0,0 +1,2 @@
+import type { Config as TailwindConfig } from "tailwindcss";
+export type TailwindTheme = NonNullable<TailwindConfig["theme"]>;

package/dist/TailwindTheme.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TailwindTheme.js.map

package/dist/TailwindTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TailwindTheme.js","sourceRoot":"","sources":["../src/TailwindTheme.ts"],"names":[],"mappings":""}

package/dist/brand_colors.d.ts

@@ -0,0 +1,5 @@
+declare const SCHEMAVAULTS_COLOR_KEYS: readonly ["schemavaults-brand-blue", "schemavaults-brand-red"];
+export type SchemaVaultsBrandColor = (typeof SCHEMAVAULTS_COLOR_KEYS)[number];
+export declare const brandColors: Record<SchemaVaultsBrandColor, string>;
+export declare function getSchemaVaultsBrandColor(colorName: SchemaVaultsBrandColor): string;
+export {};

package/dist/brand_colors.js

@@ -0,0 +1,12 @@
+const SCHEMAVAULTS_COLOR_KEYS = [
+    "schemavaults-brand-blue",
+    "schemavaults-brand-red",
+];
+export const brandColors = {
+    "schemavaults-brand-blue": "var(--schemavaults-brand-blue)",
+    "schemavaults-brand-red": "var(--schemavaults-brand-red)",
+};
+export function getSchemaVaultsBrandColor(colorName) {
+    return brandColors[colorName];
+}
+//# sourceMappingURL=brand_colors.js.map

package/dist/brand_colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand_colors.js","sourceRoot":"","sources":["../src/brand_colors.ts"],"names":[],"mappings":"AAAA,MAAM,uBAAuB,GAAG;IAC9B,yBAAyB;IACzB,wBAAwB;CACY,CAAC;AAIvC,MAAM,CAAC,MAAM,WAAW,GAA2C;IACjE,yBAAyB,EAAE,gCAAgC;IAC3D,wBAAwB,EAAE,+BAA+B;CAC1D,CAAC;AAEF,MAAM,UAAU,yBAAyB,CACvC,SAAiC;IAEjC,OAAO,WAAW,CAAC,SAAS,CAAC,CAAC;AAChC,CAAC"}

package/dist/component_colors.d.ts

@@ -0,0 +1,6 @@
+import type { Config as TailwindConfig } from "tailwindcss";
+type TailwindConfigTheme = NonNullable<TailwindConfig["theme"]>;
+type ThemeExtension = NonNullable<TailwindConfigTheme["extend"]>;
+type ThemeValue = ThemeExtension[string];
+export declare const componentColors: ThemeValue;
+export {};

package/dist/component_colors.js

@@ -0,0 +1,40 @@
+export const componentColors = {
+    border: "hsl(var(--border))",
+    input: "hsl(var(--input))",
+    ring: "hsl(var(--ring))",
+    background: "hsl(var(--background))",
+    foreground: "hsl(var(--foreground))",
+    primary: {
+        DEFAULT: "hsl(var(--primary))",
+        foreground: "hsl(var(--primary-foreground))",
+    },
+    secondary: {
+        DEFAULT: "hsl(var(--secondary))",
+        foreground: "hsl(var(--secondary-foreground))",
+    },
+    destructive: {
+        DEFAULT: "hsl(var(--destructive))",
+        foreground: "hsl(var(--destructive-foreground))",
+    },
+    warning: {
+        DEFAULT: "var(--warning)",
+        foreground: "var(--destructive-foreground)",
+    },
+    muted: {
+        DEFAULT: "hsl(var(--muted))",
+        foreground: "hsl(var(--muted-foreground))",
+    },
+    accent: {
+        DEFAULT: "hsl(var(--accent))",
+        foreground: "hsl(var(--accent-foreground))",
+    },
+    popover: {
+        DEFAULT: "hsl(var(--popover))",
+        foreground: "hsl(var(--popover-foreground))",
+    },
+    card: {
+        DEFAULT: "hsl(var(--card))",
+        foreground: "hsl(var(--card-foreground))",
+    },
+};
+//# sourceMappingURL=component_colors.js.map

package/dist/component_colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component_colors.js","sourceRoot":"","sources":["../src/component_colors.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,eAAe,GAAe;IACzC,MAAM,EAAE,oBAAoB;IAC5B,KAAK,EAAE,mBAAmB;IAC1B,IAAI,EAAE,kBAAkB;IACxB,UAAU,EAAE,wBAAwB;IACpC,UAAU,EAAE,wBAAwB;IACpC,OAAO,EAAE;QACP,OAAO,EAAE,qBAAqB;QAC9B,UAAU,EAAE,gCAAgC;KAC7C;IACD,SAAS,EAAE;QACT,OAAO,EAAE,uBAAuB;QAChC,UAAU,EAAE,kCAAkC;KAC/C;IACD,WAAW,EAAE;QACX,OAAO,EAAE,yBAAyB;QAClC,UAAU,EAAE,oCAAoC;KACjD;IACD,OAAO,EAAE;QACP,OAAO,EAAE,gBAAgB;QACzB,UAAU,EAAE,+BAA+B;KAC5C;IACD,KAAK,EAAE;QACL,OAAO,EAAE,mBAAmB;QAC5B,UAAU,EAAE,8BAA8B;KAC3C;IACD,MAAM,EAAE;QACN,OAAO,EAAE,oBAAoB;QAC7B,UAAU,EAAE,+BAA+B;KAC5C;IACD,OAAO,EAAE;QACP,OAAO,EAAE,qBAAqB;QAC9B,UAAU,EAAE,gCAAgC;KAC7C;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,kBAAkB;QAC3B,UAAU,EAAE,6BAA6B;KAC1C;CACF,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { SchemaVaultsTailwindConfigFactory, SchemaVaultsTailwindConfigFactory as default, } from "./TailwindConfigFactory";
+export type { SchemaVaultsBrandColor } from "./brand_colors";
+export { getSchemaVaultsBrandColor, brandColors } from "./brand_colors";
+export { getScreenBreakpoint, listScreenBreakpoints, isValidScreenBreakpoint, } from "./ScreenBreakpoints";
+export type { ScreenBreakpointID } from "./ScreenBreakpoints";

package/dist/index.js

@@ -0,0 +1,4 @@
+export { SchemaVaultsTailwindConfigFactory, SchemaVaultsTailwindConfigFactory as default, } from "./TailwindConfigFactory";
+export { getSchemaVaultsBrandColor, brandColors } from "./brand_colors";
+export { getScreenBreakpoint, listScreenBreakpoints, isValidScreenBreakpoint, } from "./ScreenBreakpoints";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iCAAiC,EACjC,iCAAiC,IAAI,OAAO,GAC7C,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,yBAAyB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAExE,OAAO,EACL,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,qBAAqB,CAAC"}

package/dist/plugins/tailwindcss-animate.d.ts

@@ -0,0 +1,2 @@
+import * as tailwindAnimatePlugin from "tailwindcss-animate";
+export default tailwindAnimatePlugin;

package/dist/plugins/tailwindcss-animate.js

@@ -0,0 +1,3 @@
+import * as tailwindAnimatePlugin from "tailwindcss-animate";
+export default tailwindAnimatePlugin;
+//# sourceMappingURL=tailwindcss-animate.js.map

package/dist/plugins/tailwindcss-animate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwindcss-animate.js","sourceRoot":"","sources":["../../src/plugins/tailwindcss-animate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,qBAAqB,CAAC;AAC7D,eAAe,qBAAqB,CAAC"}

package/globals.css

@@ -0,0 +1,120 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+    :root {
+        --schemavaults-brand-blue: #60a5fa;
+        --schemavaults-brand-red: #dc2626;
+
+        --background: 0 0% 100%;
+        --foreground: 222.2 84% 4.9%;
+
+        --card: 0 0% 100%;
+        --card-foreground: 222.2 84% 4.9%;
+
+        --popover: 0 0% 100%;
+        --popover-foreground: 222.2 84% 4.9%;
+
+        --primary: 222.2 47.4% 11.2%;
+        --primary-foreground: 210 40% 98%;
+
+        --secondary: 210 40% 96.1%;
+        --secondary-foreground: 222.2 47.4% 11.2%;
+
+        --muted: 210 40% 96.1%;
+        --muted-foreground: 215.4 16.3% 46.9%;
+
+        --accent: 210 40% 96.1%;
+        --accent-foreground: 222.2 47.4% 11.2%;
+
+        --destructive: 0 84.2% 60.2%;
+        --destructive-foreground: 210 40% 98%;
+
+        --warning: oklch(82% 0.189 84.429);
+        --warning-foreground: oklch(41% 0.112 45.904);
+
+        --border: 214.3 31.8% 91.4%;
+        --input: 214.3 31.8% 91.4%;
+        --ring: 222.2 84% 4.9%;
+
+        --radius: 0.5rem;
+
+        --sidebar: oklch(0.985 0 0);
+        --sidebar-foreground: oklch(0.145 0 0);
+        --sidebar-primary: oklch(0.205 0 0);
+        --sidebar-primary-foreground: oklch(0.985 0 0);
+        --sidebar-accent: oklch(0.97 0 0);
+        --sidebar-accent-foreground: oklch(0.205 0 0);
+        --sidebar-border: oklch(0.922 0 0);
+        --sidebar-ring: oklch(0.708 0 0);
+    }
+
+    .dark {
+        --schemavaults-brand-blue: #60a5fa;
+        --schemavaults-brand-red: #dc2626;
+
+        --background: 222.2 84% 4.9%;
+        --foreground: 210 40% 98%;
+
+        --card: 222.2 84% 4.9%;
+        --card-foreground: 210 40% 98%;
+
+        --popover: 222.2 84% 4.9%;
+        --popover-foreground: 210 40% 98%;
+
+        --primary: 210 40% 98%;
+        --primary-foreground: 222.2 47.4% 11.2%;
+
+        --secondary: 217.2 32.6% 17.5%;
+        --secondary-foreground: 210 40% 98%;
+
+        --muted: 217.2 32.6% 17.5%;
+        --muted-foreground: 215 20.2% 65.1%;
+
+        --accent: 217.2 32.6% 17.5%;
+        --accent-foreground: 210 40% 98%;
+
+        --destructive: 0 62.8% 30.6%;
+        --destructive-foreground: 210 40% 98%;
+
+        --warning: oklch(82% 0.189 84.429);
+        --warning-foreground: oklch(41% 0.112 45.904);
+
+        --border: 217.2 32.6% 17.5%;
+        --input: 217.2 32.6% 17.5%;
+        --ring: 212.7 26.8% 83.9%;
+
+        --sidebar: oklch(0.205 0 0);
+        --sidebar-foreground: oklch(0.985 0 0);
+        --sidebar-primary: oklch(0.488 0.243 264.376);
+        --sidebar-primary-foreground: oklch(0.985 0 0);
+        --sidebar-accent: oklch(0.269 0 0);
+        --sidebar-accent-foreground: oklch(0.985 0 0);
+        --sidebar-border: oklch(1 0 0 / 10%);
+        --sidebar-ring: oklch(0.439 0 0);
+    }
+}
+
+@layer base {
+    * {
+        @apply border-border;
+    }
+    body {
+        @apply bg-background text-foreground;
+    }
+}
+
+/* Adds a no-scrollbar class */
+@layer utilities {
+    /* Hide scrollbar for Chrome, Safari and Opera */
+    .no-scrollbar::-webkit-scrollbar {
+        display: none;
+    }
+
+    /* Hide scrollbar for IE, Edge and Firefox */
+    .no-scrollbar {
+        -ms-overflow-style: none; /* IE and Edge */
+        scrollbar-width: none; /* Firefox */
+    }
+}

package/package.json

@@ -0,0 +1,85 @@
+{
+  "name": "@schemavaults/theme",
+  "description": "TailwindCSS theme shared by different SchemaVaults applications",
+  "version": "0.22.14",
+  "private": false,
+  "license": "UNLICENSED",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/schemavaults/theme.git"
+  },
+  "peerDependencies": {
+    "react-dom": "19.0.0",
+    "react": "19.0.0"
+  },
+  "dependencies": {
+    "tailwindcss-animate": "1.0.7"
+  },
+  "devDependencies": {
+    "@types/react": "19.0.0",
+    "@types/react-dom": "19.0.0",
+    "tsc-alias": "1.8.16",
+    "bun-types": "1.2.22",
+    "typescript": "5.9.3",
+    "ignore-loader": "0.1.2",
+    "tailwindcss": "3.4.17"
+  },
+  "scripts": {
+    "build:js": "tsc --project tsconfig.json && tsc-alias --project tsconfig.json",
+    "build:clean_test_map_files": "find ./dist -name \"*.test.js.map\" -type f -delete",
+    "build:clean_test_js_files": "find ./dist -name \"*.test.js\" -type f -delete",
+    "build:clean_test_declarations_files": "find ./dist -name \"*.test.d.ts\" -type f -delete",
+    "build:cleanup": "bun run build:clean_test_map_files && bun run build:clean_test_js_files && bun run build:clean_test_declarations_files",
+    "prebuild": "bun run clean",
+    "build": "bun run build:js",
+    "postbuild": "bun run build:cleanup",
+    "clean": "rm -rf ./dist",
+    "test": "NODE_ENV=test bun test"
+  },
+  "exports": {
+    "./globals.css": {
+      "import": "./globals.css",
+      "require": "./globals.css",
+      "node": "./globals.css",
+      "default": "./globals.css"
+    },
+    "./dist/globals.css": {
+      "import": "./globals.css",
+      "require": "./globals.css",
+      "node": "./globals.css",
+      "default": "./globals.css"
+    },
+    "./ScreenBreakpoints": {
+      "types": "./dist/ScreenBreakpoints.d.ts",
+      "require": "./dist/ScreenBreakpoints.js",
+      "node": "./dist/ScreenBreakpoints.js",
+      "import": "./dist/ScreenBreakpoints.js"
+    },
+    ".": {
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.js",
+      "node": "./dist/index.js",
+      "import": "./dist/index.js"
+    },
+    "./*": {
+      "types": "./dist/*",
+      "require": "./dist/*",
+      "import": "./dist/*",
+      "default": "./dist/*"
+    },
+    "./dist/*": {
+      "types": "./dist/*",
+      "require": "./dist/*",
+      "import": "./dist/*",
+      "default": "./dist/*"
+    }
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "packageManager": "bun@1.2.22"
+}