@voxel51/voodo 0.0.1

package/dist/theme/mui/theme-config.d.ts

@@ -0,0 +1,31 @@
+import { ThemeOptions, PaletteMode } from '@mui/material';
+/**
+ * Create a theme configuration object compatible with Material UI's createTheme.
+ * This is a plain object, not a Theme instance.
+ *
+ * @param mode Light or dark mode
+ * @param overrides Optional theme overrides
+ *
+ * @returns ThemeOptions configuration object
+ */
+export declare const createMUIThemeConfig: ({ mode, overrides, }?: {
+    mode?: PaletteMode;
+    overrides?: ThemeOptions;
+}) => ThemeOptions;
+/**
+ * Default theme configuration (dark mode)
+ *
+ * Usage:
+ * ```tsx
+ * import { createTheme } from '@mui/material/styles';
+ * import { defaultMUIThemeConfig } from '@voxel51/design-system';
+ *
+ * const theme = createTheme(defaultMUIThemeConfig);
+ * ```
+ */
+export declare const defaultMUIThemeConfig: ThemeOptions;
+/**
+ * Light mode theme configuration
+ */
+export declare const lightMUIThemeConfig: ThemeOptions;
+//# sourceMappingURL=theme-config.d.ts.map

package/dist/theme/mui/theme-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-config.d.ts","sourceRoot":"","sources":["../../../src/theme/mui/theme-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK/D;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB,GAAI,uBAGlC;IACD,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,YAAY,CAAC;CACrB,KAAG,YA0ER,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,qBAAqB,cAAyC,CAAC;AAE5E;;GAEG;AACH,eAAO,MAAM,mBAAmB,cAA0C,CAAC"}

package/dist/theme/tokens/colors.d.ts

@@ -0,0 +1,127 @@
+export declare const colors: {
+    common: {
+        brand: {
+            primary: string;
+            accent: string;
+        };
+        semantic: {
+            success: string;
+            destructive: string;
+            info: string;
+            warning: string;
+        };
+    };
+    dark: {
+        content: {
+            bg: {
+                background: string;
+                card: {
+                    1: string;
+                    2: string;
+                    elevated: string;
+                };
+                muted: string;
+                popover: string;
+                secondary: string;
+            };
+            text: {
+                fg: string;
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                muted: string;
+            };
+            border: {
+                secondary: {
+                    primary: string;
+                    secondary: string;
+                    tertiary: string;
+                    disabled: string;
+                };
+            };
+        };
+        action: {
+            primary: {
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                text: string;
+            };
+            secondary: {
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                text: string;
+            };
+            success: {
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                text: string;
+            };
+            danger: {
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                text: string;
+            };
+        };
+    };
+    light: {
+        content: {
+            bg: {
+                background: string;
+                card: {
+                    1: string;
+                    2: string;
+                    elevated: string;
+                };
+                muted: string;
+                popover: string;
+                secondary: string;
+            };
+            text: {
+                fg: string;
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                muted: string;
+            };
+            border: {
+                secondary: {
+                    primary: string;
+                    secondary: string;
+                    tertiary: string;
+                    disabled: string;
+                };
+            };
+        };
+        action: {
+            primary: {
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                text: string;
+            };
+            secondary: {
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                text: string;
+            };
+            success: {
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                text: string;
+            };
+            danger: {
+                primary: string;
+                secondary: string;
+                tertiary: string;
+                text: string;
+            };
+        };
+    };
+};
+//# sourceMappingURL=colors.d.ts.map

package/dist/theme/tokens/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/theme/tokens/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6HlB,CAAC"}

package/dist/theme/tokens/index.d.ts

@@ -0,0 +1,158 @@
+declare const _default: {
+    colors: {
+        common: {
+            brand: {
+                primary: string;
+                accent: string;
+            };
+            semantic: {
+                success: string;
+                destructive: string;
+                info: string;
+                warning: string;
+            };
+        };
+        dark: {
+            content: {
+                bg: {
+                    background: string;
+                    card: {
+                        1: string;
+                        2: string;
+                        elevated: string;
+                    };
+                    muted: string;
+                    popover: string;
+                    secondary: string;
+                };
+                text: {
+                    fg: string;
+                    primary: string;
+                    secondary: string;
+                    tertiary: string;
+                    muted: string;
+                };
+                border: {
+                    secondary: {
+                        primary: string;
+                        secondary: string;
+                        tertiary: string;
+                        disabled: string;
+                    };
+                };
+            };
+            action: {
+                primary: {
+                    primary: string;
+                    secondary: string;
+                    tertiary: string;
+                    text: string;
+                };
+                secondary: {
+                    primary: string;
+                    secondary: string;
+                    tertiary: string;
+                    text: string;
+                };
+                success: {
+                    primary: string;
+                    secondary: string;
+                    tertiary: string;
+                    text: string;
+                };
+                danger: {
+                    primary: string;
+                    secondary: string;
+                    tertiary: string;
+                    text: string;
+                };
+            };
+        };
+        light: {
+            content: {
+                bg: {
+                    background: string;
+                    card: {
+                        1: string;
+                        2: string;
+                        elevated: string;
+                    };
+                    muted: string;
+                    popover: string;
+                    secondary: string;
+                };
+                text: {
+                    fg: string;
+                    primary: string;
+                    secondary: string;
+                    tertiary: string;
+                    muted: string;
+                };
+                border: {
+                    secondary: {
+                        primary: string;
+                        secondary: string;
+                        tertiary: string;
+                        disabled: string;
+                    };
+                };
+            };
+            action: {
+                primary: {
+                    primary: string;
+                    secondary: string;
+                    tertiary: string;
+                    text: string;
+                };
+                secondary: {
+                    primary: string;
+                    secondary: string;
+                    tertiary: string;
+                    text: string;
+                };
+                success: {
+                    primary: string;
+                    secondary: string;
+                    tertiary: string;
+                    text: string;
+                };
+                danger: {
+                    primary: string;
+                    secondary: string;
+                    tertiary: string;
+                    text: string;
+                };
+            };
+        };
+    };
+    spacing: {
+        readonly xs: "0.25rem";
+        readonly sm: "0.5rem";
+        readonly md: "1rem";
+        readonly lg: "1.5rem";
+        readonly xl: "2rem";
+    };
+    typography: {
+        readonly fontFamily: {
+            readonly sans: readonly ["Palanquin", "sans-serif"];
+            readonly mono: readonly ["monospace"];
+        };
+        readonly fontSize: {
+            readonly xxs: "0.5625rem";
+            readonly xs: "0.6875rem";
+            readonly sm: "0.75rem";
+            readonly md: "0.8125rem";
+            readonly lg: "0.9375rem";
+            readonly xl: "1.125rem";
+            readonly xxl: "1.4375rem";
+        };
+        readonly fontWeight: {
+            readonly light: 300;
+            readonly normal: 400;
+            readonly semibold: 500;
+            readonly bold: 600;
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/tokens/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/tokens/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,wBAIE"}

package/dist/theme/tokens/spacing.d.ts

@@ -0,0 +1,8 @@
+export declare const spacing: {
+    readonly xs: "0.25rem";
+    readonly sm: "0.5rem";
+    readonly md: "1rem";
+    readonly lg: "1.5rem";
+    readonly xl: "2rem";
+};
+//# sourceMappingURL=spacing.d.ts.map

package/dist/theme/tokens/spacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../../src/theme/tokens/spacing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMV,CAAC"}

package/dist/theme/tokens/typography.d.ts

@@ -0,0 +1,22 @@
+export declare const typography: {
+    readonly fontFamily: {
+        readonly sans: readonly ["Palanquin", "sans-serif"];
+        readonly mono: readonly ["monospace"];
+    };
+    readonly fontSize: {
+        readonly xxs: "0.5625rem";
+        readonly xs: "0.6875rem";
+        readonly sm: "0.75rem";
+        readonly md: "0.8125rem";
+        readonly lg: "0.9375rem";
+        readonly xl: "1.125rem";
+        readonly xxl: "1.4375rem";
+    };
+    readonly fontWeight: {
+        readonly light: 300;
+        readonly normal: 400;
+        readonly semibold: 500;
+        readonly bold: 600;
+    };
+};
+//# sourceMappingURL=typography.d.ts.map

package/dist/theme/tokens/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/theme/tokens/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;CAoBb,CAAC"}

package/dist/types/color.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Tailwind classes for text colors
+ */
+export declare enum TextColor {
+    Fg = "text-content-text-fg",
+    Primary = "text-content-text-primary",
+    Secondary = "text-content-text-secondary",
+    Tertiary = "text-content-text-tertiary",
+    Muted = "text-content-text-muted"
+}
+export type TextColorProp = TextColor | string;
+/**
+ * Tailwind classes for background colors
+ */
+export declare enum BackgroundColor {
+    Background = "bg-content-bg-background",
+    Card1 = "bg-content-bg-card-1",
+    Card2 = "bg-content-bg-card-2",
+    CardElevated = "bg-content-bg-card-elevated",
+    Muted = "bg-content-bg-muted",
+    Popover = "bg-content-bg-popover",
+    Secondary = "bg-content-bg-secondary"
+}
+export type BackgroundColorProp = BackgroundColor | string;
+//# sourceMappingURL=color.d.ts.map

package/dist/types/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/types/color.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,oBAAY,SAAS;IACnB,EAAE,yBAAyB;IAC3B,OAAO,8BAA8B;IACrC,SAAS,gCAAgC;IACzC,QAAQ,+BAA+B;IACvC,KAAK,4BAA4B;CAClC;AAGD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,CAAC;AAE/C;;GAEG;AACH,oBAAY,eAAe;IACzB,UAAU,6BAA6B;IACvC,KAAK,yBAAyB;IAC9B,KAAK,yBAAyB;IAC9B,YAAY,gCAAgC;IAC5C,KAAK,wBAAwB;IAC7B,OAAO,0BAA0B;IACjC,SAAS,4BAA4B;CACtC;AAGD,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAAG,MAAM,CAAC"}

package/dist/types/heading.d.ts

@@ -0,0 +1,8 @@
+export declare enum HeadingLevel {
+    H1 = "h1",
+    H2 = "h2",
+    H3 = "h3",
+    H4 = "h4"
+}
+export default HeadingLevel;
+//# sourceMappingURL=heading.d.ts.map

package/dist/types/heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../src/types/heading.ts"],"names":[],"mappings":"AAAA,oBAAY,YAAY;IACtB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED,eAAe,YAAY,CAAC"}

package/dist/types/index.d.ts

@@ -0,0 +1,8 @@
+export * from './color';
+export * from './heading';
+export * from './radius';
+export * from './shadow';
+export * from './size';
+export * from './text';
+export * from './variant';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}

package/dist/types/radius.d.ts

@@ -0,0 +1,11 @@
+export declare enum Radius {
+    Full = "full",
+    Xl = "xl",
+    Lg = "lg",
+    Md = "md",
+    Sm = "sm",
+    Xs = "xs",
+    None = "none"
+}
+export default Radius;
+//# sourceMappingURL=radius.d.ts.map

package/dist/types/radius.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../src/types/radius.ts"],"names":[],"mappings":"AAAA,oBAAY,MAAM;IAChB,IAAI,SAAS;IACb,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,IAAI,SAAS;CACd;AAED,eAAe,MAAM,CAAC"}

package/dist/types/shadow.d.ts

@@ -0,0 +1,9 @@
+export declare enum Shadow {
+    Xl = "xl",
+    Lg = "lg",
+    Md = "md",
+    Sm = "sm",
+    Xs = "xs"
+}
+export default Shadow;
+//# sourceMappingURL=shadow.d.ts.map

package/dist/types/shadow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadow.d.ts","sourceRoot":"","sources":["../../src/types/shadow.ts"],"names":[],"mappings":"AAAA,oBAAY,MAAM;IAChB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED,eAAe,MAAM,CAAC"}

package/dist/types/size.d.ts

@@ -0,0 +1,7 @@
+export declare enum Size {
+    Xs = "xs",
+    Sm = "sm",
+    Md = "md"
+}
+export default Size;
+//# sourceMappingURL=size.d.ts.map

package/dist/types/size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../src/types/size.ts"],"names":[],"mappings":"AAAA,oBAAY,IAAI;IACd,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED,eAAe,IAAI,CAAC"}

package/dist/types/text.d.ts

@@ -0,0 +1,13 @@
+export declare enum TextVariant {
+    Xxs = "xxs",
+    Xs = "xs",
+    Sm = "sm",
+    Md = "md",
+    Lg = "lg",
+    Xl = "xl",
+    Xxl = "xxl",
+    Label = "label",
+    Caption = "caption"
+}
+export default TextVariant;
+//# sourceMappingURL=text.d.ts.map

package/dist/types/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../src/types/text.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACrB,GAAG,QAAQ;IACX,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,eAAe,WAAW,CAAC"}

package/dist/types/variant.d.ts

@@ -0,0 +1,8 @@
+export declare enum Variant {
+    Primary = "primary",
+    Secondary = "secondary",
+    Success = "success",
+    Danger = "danger"
+}
+export default Variant;
+//# sourceMappingURL=variant.d.ts.map

package/dist/types/variant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variant.d.ts","sourceRoot":"","sources":["../../src/types/variant.ts"],"names":[],"mappings":"AAAA,oBAAY,OAAO;IACjB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,OAAO,YAAY;IACnB,MAAM,WAAW;CAClB;AAED,eAAe,OAAO,CAAC"}

package/dist/util/classes.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Helper function which aggregates and deduplicates class names.
+ *
+ * This method supports the same syntax as {@link clsx}; each
+ * argument can be a single class or a space-delimited list of classes.
+ *
+ * Deduplication is handled left-to-right, so later entries will always
+ * take precedence over earlier entries. TL;DR - put your overrides at the end.
+ *
+ * @example
+ * ```typescript jsx
+ *   <Button className={cn("border-1 rounded-sm", "border-0 bg-red")}>
+ *       Click me
+ *   </Button>
+ *   // resolves to className="rounded-sm border-0 bg-red"
+ * ```
+ *
+ * @param classes Classes to apply
+ */
+export declare const cn: (...classes: (string | boolean | null | undefined)[]) => string;
+//# sourceMappingURL=classes.d.ts.map

package/dist/util/classes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.d.ts","sourceRoot":"","sources":["../../src/util/classes.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,EAAE,GACb,GAAG,SAAS,CAAC,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,KAClD,MAEF,CAAC"}

package/dist/voodo.css

@@ -0,0 +1 @@
+@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:Palanquin,sans-serif;--font-mono:monospace;--spacing:.25rem;--text-xs:.6875rem;--text-sm:.75rem;--text-lg:.9375rem;--text-xl:1.125rem;--font-weight-medium:500;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-content-bg-background:#f8f8f8;--color-content-bg-card-1:#fff;--color-content-bg-card-2:#f5f5f5;--color-content-bg-card-elevated:#fafafa;--color-content-bg-muted:#f0f0f0;--color-content-bg-popover:#fff;--color-content-bg-secondary:#f0f0f0;--color-content-text-fg:#000;--color-content-text-primary:#111;--color-content-text-secondary:#555;--color-content-text-tertiary:#777;--color-content-text-muted:#999;--color-content-border-secondary-primary:#333;--color-content-border-secondary-secondary:#555;--color-content-border-secondary-tertiary:#333;--color-content-border-secondary-disabled:#444;--color-action-primary-primary:#ff6d05;--color-action-primary-secondary:#d05700;--color-action-primary-tertiary:#9c4100;--color-action-primary-text:#fff;--color-action-secondary-primary:#fff;--color-action-secondary-secondary:#ff6d05;--color-action-secondary-tertiary:#9c4100;--color-action-secondary-text:#000;--color-action-success-primary:#047a48;--color-action-success-secondary:#276749;--color-action-success-tertiary:#1f563b;--color-action-success-text:#fff;--color-action-danger-primary:#c53030;--color-action-danger-secondary:#9b2c2c;--color-action-danger-tertiary:#822727;--color-action-danger-text:#fff;--color-brand-primary:#ff6d04;--color-brand-accent:#ff9950;--color-semantic-success:#047a48;--color-semantic-destructive:#c53030;--color-semantic-info:#2f5df5;--color-semantic-warning:#c27803;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--text-xxs:.5625rem;--text-md:.8125rem;--text-xxl:1.4375rem}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.mb-2{margin-bottom:calc(var(--spacing)*2)}.contents{display:contents}.flex{display:flex}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-x-sm{-moz-column-gap:var(--spacing-sm);column-gap:var(--spacing-sm)}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-content-border-secondary-primary{border-color:var(--color-content-border-secondary-primary)}.bg-\[\#000000\]{background-color:#000}.bg-\[\#ffffff\]{background-color:#fff}.bg-\[red\]{background-color:red}.bg-\[var\(--color-primary\)\]{background-color:var(--color-primary)}.bg-action-danger-primary{background-color:var(--color-action-danger-primary)}.bg-action-primary-primary{background-color:var(--color-action-primary-primary)}.bg-action-secondary-primary{background-color:var(--color-action-secondary-primary)}.bg-action-success-primary{background-color:var(--color-action-success-primary)}.bg-content-bg-background{background-color:var(--color-content-bg-background)}.bg-content-bg-card-1{background-color:var(--color-content-bg-card-1)}.bg-content-bg-card-2{background-color:var(--color-content-bg-card-2)}.bg-content-bg-card-elevated{background-color:var(--color-content-bg-card-elevated)}.bg-content-bg-muted{background-color:var(--color-content-bg-muted)}.bg-content-bg-popover{background-color:var(--color-content-bg-popover)}.bg-content-bg-secondary{background-color:var(--color-content-bg-secondary)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.py-0\.75{padding-block:calc(var(--spacing)*.75)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-5{padding-block:calc(var(--spacing)*5)}.text-lg\/9{font-size:var(--text-lg);line-height:calc(var(--spacing)*9)}.text-md\/5{font-size:var(--text-md);line-height:calc(var(--spacing)*5)}.text-md\/7{font-size:var(--text-md);line-height:calc(var(--spacing)*7)}.text-sm\/5{font-size:var(--text-sm);line-height:calc(var(--spacing)*5)}.text-sm\/6{font-size:var(--text-sm);line-height:calc(var(--spacing)*6)}.text-xl\/11{font-size:var(--text-xl);line-height:calc(var(--spacing)*11)}.text-xs\/5{font-size:var(--text-xs);line-height:calc(var(--spacing)*5)}.text-xxl\/13{font-size:var(--text-xxl);line-height:calc(var(--spacing)*13)}.text-xxs\/4{font-size:var(--text-xxs);line-height:calc(var(--spacing)*4)}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-\[\#ffffff\]{color:#fff}.text-\[red\]{color:red}.text-\[var\(--color-primary\)\]{color:var(--color-primary)}.text-action-danger-text{color:var(--color-action-danger-text)}.text-action-primary-text{color:var(--color-action-primary-text)}.text-action-secondary-text{color:var(--color-action-secondary-text)}.text-action-success-text{color:var(--color-action-success-text)}.text-content-text-fg{color:var(--color-content-text-fg)}.text-content-text-muted{color:var(--color-content-text-muted)}.text-content-text-primary{color:var(--color-content-text-primary)}.text-content-text-secondary{color:var(--color-content-text-secondary)}.text-content-text-tertiary{color:var(--color-content-text-tertiary)}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-content-border-secondary-secondary:hover{border-color:var(--color-content-border-secondary-secondary)}.hover\:bg-action-danger-secondary:hover{background-color:var(--color-action-danger-secondary)}.hover\:bg-action-primary-secondary:hover{background-color:var(--color-action-primary-secondary)}.hover\:bg-action-secondary-secondary:hover{background-color:var(--color-action-secondary-secondary)}.hover\:bg-action-success-secondary:hover{background-color:var(--color-action-success-secondary)}}.active\:border-content-border-secondary-tertiary:active{border-color:var(--color-content-border-secondary-tertiary)}.active\:bg-action-danger-tertiary:active{background-color:var(--color-action-danger-tertiary)}.active\:bg-action-primary-tertiary:active{background-color:var(--color-action-primary-tertiary)}.active\:bg-action-secondary-tertiary:active{background-color:var(--color-action-secondary-tertiary)}.active\:bg-action-success-tertiary:active{background-color:var(--color-action-success-tertiary)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-content-border-secondary-disabled:disabled{border-color:var(--color-content-border-secondary-disabled)}.disabled\:opacity-50:disabled{opacity:.5}}.dark{--color-content-bg-background:#1a1a1a;--color-content-bg-card-1:#1e1e1e;--color-content-bg-card-2:#232323;--color-content-bg-card-elevated:#2d2d2d;--color-content-bg-muted:#2a2a2a;--color-content-bg-popover:#181818;--color-content-bg-secondary:#2c2c2c;--color-content-text-fg:#fff;--color-content-text-primary:#fff;--color-content-text-secondary:#bbb;--color-content-text-tertiary:#888;--color-content-text-muted:#6e6e6e;--color-content-border-secondary-primary:#333;--color-content-border-secondary-secondary:#555;--color-content-border-secondary-tertiary:#333;--color-content-border-secondary-disabled:#444;--color-action-primary-primary:#ff6d05;--color-action-primary-secondary:#d05700;--color-action-primary-tertiary:#9c4100;--color-action-primary-text:#fff;--color-action-secondary-primary:transparent;--color-action-secondary-secondary:transparent;--color-action-secondary-tertiary:#222;--color-action-secondary-text:#ccc;--color-action-success-primary:#047a48;--color-action-success-secondary:#276749;--color-action-success-tertiary:#1f563b;--color-action-success-text:#fff;--color-action-danger-primary:#c53030;--color-action-danger-secondary:#9b2c2c;--color-action-danger-tertiary:#822727;--color-action-danger-text:#fff}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@voxel51/voodo",
+  "version": "0.0.1",
+  "description": "Voxel51's official design ontology (VOODO) system",
+  "type": "module",
+  "author": "Voxel Engineering <engineering@voxel51.com>",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/voxel51/design-system.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./theme.css": "./dist/voodo.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "tsc && vite build",
+    "build:lib": "npm run prepublish && mkdir -p build/lib && npm pack --pack-destination build/lib/",
+    "format": "prettier --write '**/*.{ts,tsx}'",
+    "generate-tailwind-theme": "tsx utils/generate-tailwind-theme.ts",
+    "patch": "npm version --commit-hooks false --git-tag-version false patch",
+    "prebuild": "npm run generate-tailwind-theme",
+    "prepublishOnly": "npm run build",
+    "test": "jest"
+  },
+  "dependencies": {
+    "@headlessui/react": "^2.2.9",
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^3.4.0"
+  },
+  "devDependencies": {
+    "@mui/material": "^5.0.0",
+    "@mui/utils": "^5.0.0",
+    "@tailwindcss/postcss": "^4.1.17",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@tsconfig/recommended": "^1.0.7",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^22.7.4",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "autoprefixer": "^10.4.22",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^30.2.0",
+    "postcss": "^8.5.6",
+    "prettier": "^3.6.2",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-is": "^18.0.0",
+    "tailwindcss": "^4.1.17",
+    "ts-jest": "^29.2.5",
+    "ts-node": "^10.9.2",
+    "tsx": "^4.20.6",
+    "typescript": "^5.6.2",
+    "vite": "^7.1.7",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.0.0",
+    "@emotion/styled": "^11.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-is": "^18.0.0"
+  }
+}