@dixy-ui/themes 0.0.0-stage → 0.1.0-beta.0

package/dist/skins/material-light.js

@@ -0,0 +1,57 @@
+export const materialLight = {
+    id: "dixy/material-light",
+    name: "Material Light",
+    version: 1,
+    defaults: {
+        accentColor: "blue",
+        neutralColor: "slate",
+        radius: "lg",
+        density: "default",
+        material: "glossy",
+        shape: "rounded",
+    },
+};
+export const materialLightTheme = {
+    skin: {
+        id: "dixy/material-light",
+        name: "Material Light",
+        version: 1,
+        defaults: {
+            accentColor: "blue",
+            neutralColor: "slate",
+            radius: "lg",
+            density: "default",
+            material: "glossy",
+            shape: "rounded",
+        },
+    },
+    appearance: "light",
+    accentColor: "blue",
+    neutralColor: "slate",
+    radius: "lg",
+    density: "default",
+    shape: "rounded",
+    ornament: "balanced",
+    relief: 1,
+    effects: "static",
+    style: {
+        fontFamily: '"Figtree Variable", "Figtree", ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-sans": '"Figtree Variable", "Figtree", ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-display": '"Figtree Variable", "Figtree", ui-sans-serif, system-ui, sans-serif',
+        "--dixy-skin-cushion-elevation": "var(--dixy-skin-cushion-cast)",
+        "--dixy-card-shadow": "var(--dixy-shadow-raised)",
+        "--dixy-skin-depth-shadow": "var(--dixy-skin-authored-shadow, var(--dixy-shadow-raised))",
+        "--dixy-stroke-width": "1px",
+        "--dixy-card-border-width": "1px",
+        "--dixy-button-border-width": "1px",
+        "--dixy-input-border-width": "1px",
+        "--dixy-dialog-border-width": "1px",
+        "--dixy-font-heading-lg-family": '"Figtree Variable", "Figtree", ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-heading-md-family": '"Figtree Variable", "Figtree", ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-heading-sm-family": '"Figtree Variable", "Figtree", ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-title-lg-family": '"Figtree Variable", "Figtree", ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-title-md-family": '"Figtree Variable", "Figtree", ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-title-sm-family": '"Figtree Variable", "Figtree", ui-sans-serif, system-ui, sans-serif',
+    },
+};
+export default materialLight;

package/dist/skins/neon-night-market.d.ts

@@ -0,0 +1,68 @@
+export declare const neonNightMarket: {
+    readonly id: "dixy/neon-night-market";
+    readonly name: "Neon Night Market";
+    readonly version: 1;
+    readonly defaults: {
+        readonly accentColor: "fuchsia";
+        readonly neutralColor: "mauve";
+        readonly radius: "lg";
+        readonly density: "default";
+        readonly material: "glossy";
+        readonly shape: "pill";
+    };
+};
+export declare const neonNightMarketTheme: {
+    readonly skin: {
+        readonly id: "dixy/neon-night-market";
+        readonly name: "Neon Night Market";
+        readonly version: 1;
+        readonly defaults: {
+            readonly accentColor: "fuchsia";
+            readonly neutralColor: "mauve";
+            readonly radius: "lg";
+            readonly density: "default";
+            readonly material: "glossy";
+            readonly shape: "pill";
+        };
+    };
+    readonly appearance: "dark";
+    readonly accentColor: "fuchsia";
+    readonly neutralColor: "mauve";
+    readonly radius: "lg";
+    readonly density: "default";
+    readonly shape: "pill";
+    readonly ornament: "balanced";
+    readonly relief: 1;
+    readonly effects: "static";
+    readonly style: {
+        readonly fontFamily: "\"Inter Variable\", Inter, ui-sans-serif, system-ui, sans-serif";
+        readonly "--dixy-font-sans": "\"Inter Variable\", Inter, ui-sans-serif, system-ui, sans-serif";
+        readonly "--dixy-font-display": "\"Tilt Neon\", \"Fredoka Variable\", ui-rounded, sans-serif";
+        readonly "--dixy-skin-cushion-elevation": "var(--dixy-skin-cushion-cast)";
+        readonly "--dixy-card-shadow": "var(--dixy-shadow-floating)";
+        readonly "--dixy-skin-depth-shadow": "var(--dixy-skin-authored-shadow, 0 0 0 transparent), var(--dixy-shadow-floating)";
+        readonly "--dixy-stroke-width": "1px";
+        readonly "--dixy-card-border-width": "1px";
+        readonly "--dixy-button-border-width": "1px";
+        readonly "--dixy-input-border-width": "1px";
+        readonly "--dixy-dialog-border-width": "1px";
+        readonly "--dixy-font-heading-lg-family": "\"Tilt Neon\", \"Fredoka Variable\", ui-rounded, sans-serif";
+        readonly "--dixy-font-heading-md-family": "\"Tilt Neon\", \"Fredoka Variable\", ui-rounded, sans-serif";
+        readonly "--dixy-font-heading-sm-family": "\"Tilt Neon\", \"Fredoka Variable\", ui-rounded, sans-serif";
+        readonly "--dixy-font-title-lg-family": "\"Tilt Neon\", \"Fredoka Variable\", ui-rounded, sans-serif";
+        readonly "--dixy-font-title-md-family": "\"Tilt Neon\", \"Fredoka Variable\", ui-rounded, sans-serif";
+        readonly "--dixy-font-title-sm-family": "\"Tilt Neon\", \"Fredoka Variable\", ui-rounded, sans-serif";
+        readonly "--dixy-organic-density": "45";
+        readonly "--dixy-organic-cornerDensity": "60";
+        readonly "--dixy-organic-canopyDepth": "55";
+        readonly "--dixy-organic-variation": "65";
+        readonly "--dixy-organic-scale": "22";
+        readonly "--dixy-organic-stemWeight": "40";
+        readonly "--dixy-organic-motion": "35";
+        readonly "--dixy-organic-seed": "41";
+        readonly "--dixy-organic-style": "0";
+        readonly "--dixy-organic-canopy": "0";
+        readonly "--dixy-organic-stem": "0";
+    };
+};
+export default neonNightMarket;

package/dist/skins/neon-night-market.js

@@ -0,0 +1,68 @@
+export const neonNightMarket = {
+    id: "dixy/neon-night-market",
+    name: "Neon Night Market",
+    version: 1,
+    defaults: {
+        accentColor: "fuchsia",
+        neutralColor: "mauve",
+        radius: "lg",
+        density: "default",
+        material: "glossy",
+        shape: "pill",
+    },
+};
+export const neonNightMarketTheme = {
+    skin: {
+        id: "dixy/neon-night-market",
+        name: "Neon Night Market",
+        version: 1,
+        defaults: {
+            accentColor: "fuchsia",
+            neutralColor: "mauve",
+            radius: "lg",
+            density: "default",
+            material: "glossy",
+            shape: "pill",
+        },
+    },
+    appearance: "dark",
+    accentColor: "fuchsia",
+    neutralColor: "mauve",
+    radius: "lg",
+    density: "default",
+    shape: "pill",
+    ornament: "balanced",
+    relief: 1,
+    effects: "static",
+    style: {
+        fontFamily: '"Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-sans": '"Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-display": '"Tilt Neon", "Fredoka Variable", ui-rounded, sans-serif',
+        "--dixy-skin-cushion-elevation": "var(--dixy-skin-cushion-cast)",
+        "--dixy-card-shadow": "var(--dixy-shadow-floating)",
+        "--dixy-skin-depth-shadow": "var(--dixy-skin-authored-shadow, 0 0 0 transparent), var(--dixy-shadow-floating)",
+        "--dixy-stroke-width": "1px",
+        "--dixy-card-border-width": "1px",
+        "--dixy-button-border-width": "1px",
+        "--dixy-input-border-width": "1px",
+        "--dixy-dialog-border-width": "1px",
+        "--dixy-font-heading-lg-family": '"Tilt Neon", "Fredoka Variable", ui-rounded, sans-serif',
+        "--dixy-font-heading-md-family": '"Tilt Neon", "Fredoka Variable", ui-rounded, sans-serif',
+        "--dixy-font-heading-sm-family": '"Tilt Neon", "Fredoka Variable", ui-rounded, sans-serif',
+        "--dixy-font-title-lg-family": '"Tilt Neon", "Fredoka Variable", ui-rounded, sans-serif',
+        "--dixy-font-title-md-family": '"Tilt Neon", "Fredoka Variable", ui-rounded, sans-serif',
+        "--dixy-font-title-sm-family": '"Tilt Neon", "Fredoka Variable", ui-rounded, sans-serif',
+        "--dixy-organic-density": "45",
+        "--dixy-organic-cornerDensity": "60",
+        "--dixy-organic-canopyDepth": "55",
+        "--dixy-organic-variation": "65",
+        "--dixy-organic-scale": "22",
+        "--dixy-organic-stemWeight": "40",
+        "--dixy-organic-motion": "35",
+        "--dixy-organic-seed": "41",
+        "--dixy-organic-style": "0",
+        "--dixy-organic-canopy": "0",
+        "--dixy-organic-stem": "0",
+    },
+};
+export default neonNightMarket;

package/dist/skins/ocean-depths.d.ts

@@ -0,0 +1,57 @@
+export declare const oceanDepths: {
+    readonly id: "dixy/ocean-depths";
+    readonly name: "Ocean Depths";
+    readonly version: 1;
+    readonly defaults: {
+        readonly accentColor: "teal";
+        readonly neutralColor: "mist";
+        readonly radius: "lg";
+        readonly density: "default";
+        readonly material: "glossy";
+        readonly shape: "rounded";
+    };
+};
+export declare const oceanDepthsTheme: {
+    readonly skin: {
+        readonly id: "dixy/ocean-depths";
+        readonly name: "Ocean Depths";
+        readonly version: 1;
+        readonly defaults: {
+            readonly accentColor: "teal";
+            readonly neutralColor: "mist";
+            readonly radius: "lg";
+            readonly density: "default";
+            readonly material: "glossy";
+            readonly shape: "rounded";
+        };
+    };
+    readonly appearance: "light";
+    readonly accentColor: "teal";
+    readonly neutralColor: "mist";
+    readonly radius: "lg";
+    readonly density: "default";
+    readonly shape: "rounded";
+    readonly ornament: "balanced";
+    readonly relief: 1;
+    readonly effects: "static";
+    readonly style: {
+        readonly fontFamily: "\"Figtree Variable\", \"Figtree\", ui-sans-serif, system-ui, sans-serif";
+        readonly "--dixy-font-sans": "\"Figtree Variable\", \"Figtree\", ui-sans-serif, system-ui, sans-serif";
+        readonly "--dixy-font-display": "\"Fraunces Variable\", \"Fraunces\", ui-serif, Georgia, serif";
+        readonly "--dixy-skin-cushion-elevation": "var(--dixy-skin-cushion-cast)";
+        readonly "--dixy-card-shadow": "var(--dixy-shadow-raised)";
+        readonly "--dixy-skin-depth-shadow": "var(--dixy-skin-authored-shadow, var(--dixy-shadow-raised))";
+        readonly "--dixy-stroke-width": "1px";
+        readonly "--dixy-card-border-width": "1px";
+        readonly "--dixy-button-border-width": "1px";
+        readonly "--dixy-input-border-width": "1px";
+        readonly "--dixy-dialog-border-width": "1px";
+        readonly "--dixy-font-heading-lg-family": "\"Fraunces Variable\", \"Fraunces\", ui-serif, Georgia, serif";
+        readonly "--dixy-font-heading-md-family": "\"Fraunces Variable\", \"Fraunces\", ui-serif, Georgia, serif";
+        readonly "--dixy-font-heading-sm-family": "\"Fraunces Variable\", \"Fraunces\", ui-serif, Georgia, serif";
+        readonly "--dixy-font-title-lg-family": "\"Fraunces Variable\", \"Fraunces\", ui-serif, Georgia, serif";
+        readonly "--dixy-font-title-md-family": "\"Fraunces Variable\", \"Fraunces\", ui-serif, Georgia, serif";
+        readonly "--dixy-font-title-sm-family": "\"Fraunces Variable\", \"Fraunces\", ui-serif, Georgia, serif";
+    };
+};
+export default oceanDepths;

package/dist/skins/ocean-depths.js

@@ -0,0 +1,57 @@
+export const oceanDepths = {
+    id: "dixy/ocean-depths",
+    name: "Ocean Depths",
+    version: 1,
+    defaults: {
+        accentColor: "teal",
+        neutralColor: "mist",
+        radius: "lg",
+        density: "default",
+        material: "glossy",
+        shape: "rounded",
+    },
+};
+export const oceanDepthsTheme = {
+    skin: {
+        id: "dixy/ocean-depths",
+        name: "Ocean Depths",
+        version: 1,
+        defaults: {
+            accentColor: "teal",
+            neutralColor: "mist",
+            radius: "lg",
+            density: "default",
+            material: "glossy",
+            shape: "rounded",
+        },
+    },
+    appearance: "light",
+    accentColor: "teal",
+    neutralColor: "mist",
+    radius: "lg",
+    density: "default",
+    shape: "rounded",
+    ornament: "balanced",
+    relief: 1,
+    effects: "static",
+    style: {
+        fontFamily: '"Figtree Variable", "Figtree", ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-sans": '"Figtree Variable", "Figtree", ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-display": '"Fraunces Variable", "Fraunces", ui-serif, Georgia, serif',
+        "--dixy-skin-cushion-elevation": "var(--dixy-skin-cushion-cast)",
+        "--dixy-card-shadow": "var(--dixy-shadow-raised)",
+        "--dixy-skin-depth-shadow": "var(--dixy-skin-authored-shadow, var(--dixy-shadow-raised))",
+        "--dixy-stroke-width": "1px",
+        "--dixy-card-border-width": "1px",
+        "--dixy-button-border-width": "1px",
+        "--dixy-input-border-width": "1px",
+        "--dixy-dialog-border-width": "1px",
+        "--dixy-font-heading-lg-family": '"Fraunces Variable", "Fraunces", ui-serif, Georgia, serif',
+        "--dixy-font-heading-md-family": '"Fraunces Variable", "Fraunces", ui-serif, Georgia, serif',
+        "--dixy-font-heading-sm-family": '"Fraunces Variable", "Fraunces", ui-serif, Georgia, serif',
+        "--dixy-font-title-lg-family": '"Fraunces Variable", "Fraunces", ui-serif, Georgia, serif',
+        "--dixy-font-title-md-family": '"Fraunces Variable", "Fraunces", ui-serif, Georgia, serif',
+        "--dixy-font-title-sm-family": '"Fraunces Variable", "Fraunces", ui-serif, Georgia, serif',
+    },
+};
+export default oceanDepths;

package/dist/skins/orbital-hud.d.ts

@@ -0,0 +1,68 @@
+export declare const orbitalHud: {
+    readonly id: "dixy/orbital-hud";
+    readonly name: "Orbital HUD";
+    readonly version: 1;
+    readonly defaults: {
+        readonly accentColor: "cyan";
+        readonly neutralColor: "slate";
+        readonly radius: "sm";
+        readonly density: "default";
+        readonly material: "glossy";
+        readonly shape: "square";
+    };
+};
+export declare const orbitalHudTheme: {
+    readonly skin: {
+        readonly id: "dixy/orbital-hud";
+        readonly name: "Orbital HUD";
+        readonly version: 1;
+        readonly defaults: {
+            readonly accentColor: "cyan";
+            readonly neutralColor: "slate";
+            readonly radius: "sm";
+            readonly density: "default";
+            readonly material: "glossy";
+            readonly shape: "square";
+        };
+    };
+    readonly appearance: "dark";
+    readonly accentColor: "cyan";
+    readonly neutralColor: "slate";
+    readonly radius: "sm";
+    readonly density: "default";
+    readonly shape: "square";
+    readonly ornament: "balanced";
+    readonly relief: 1;
+    readonly effects: "static";
+    readonly style: {
+        readonly fontFamily: "\"Space Grotesk Variable\", \"Inter Variable\", ui-sans-serif, system-ui, sans-serif";
+        readonly "--dixy-font-sans": "\"Space Grotesk Variable\", \"Inter Variable\", ui-sans-serif, system-ui, sans-serif";
+        readonly "--dixy-font-display": "\"Orbitron Variable\", \"Orbitron\", \"Eurostile\", \"Bank Gothic\", ui-sans-serif, sans-serif";
+        readonly "--dixy-skin-cushion-elevation": "0 0 0 transparent";
+        readonly "--dixy-card-shadow": "var(--dixy-shadow-none)";
+        readonly "--dixy-skin-depth-shadow": "0 0 0 transparent";
+        readonly "--dixy-stroke-width": "1px";
+        readonly "--dixy-card-border-width": "1px";
+        readonly "--dixy-button-border-width": "1px";
+        readonly "--dixy-input-border-width": "1px";
+        readonly "--dixy-dialog-border-width": "1px";
+        readonly "--dixy-font-heading-lg-family": "\"Orbitron Variable\", \"Orbitron\", \"Eurostile\", \"Bank Gothic\", ui-sans-serif, sans-serif";
+        readonly "--dixy-font-heading-md-family": "\"Orbitron Variable\", \"Orbitron\", \"Eurostile\", \"Bank Gothic\", ui-sans-serif, sans-serif";
+        readonly "--dixy-font-heading-sm-family": "\"Orbitron Variable\", \"Orbitron\", \"Eurostile\", \"Bank Gothic\", ui-sans-serif, sans-serif";
+        readonly "--dixy-font-title-lg-family": "\"Orbitron Variable\", \"Orbitron\", \"Eurostile\", \"Bank Gothic\", ui-sans-serif, sans-serif";
+        readonly "--dixy-font-title-md-family": "\"Orbitron Variable\", \"Orbitron\", \"Eurostile\", \"Bank Gothic\", ui-sans-serif, sans-serif";
+        readonly "--dixy-font-title-sm-family": "\"Orbitron Variable\", \"Orbitron\", \"Eurostile\", \"Bank Gothic\", ui-sans-serif, sans-serif";
+        readonly "--dixy-organic-density": "55";
+        readonly "--dixy-organic-cornerDensity": "80";
+        readonly "--dixy-organic-canopyDepth": "40";
+        readonly "--dixy-organic-variation": "30";
+        readonly "--dixy-organic-scale": "20";
+        readonly "--dixy-organic-stemWeight": "40";
+        readonly "--dixy-organic-motion": "40";
+        readonly "--dixy-organic-seed": "412";
+        readonly "--dixy-organic-style": "0";
+        readonly "--dixy-organic-canopy": "0";
+        readonly "--dixy-organic-stem": "0";
+    };
+};
+export default orbitalHud;

package/dist/skins/orbital-hud.js

@@ -0,0 +1,68 @@
+export const orbitalHud = {
+    id: "dixy/orbital-hud",
+    name: "Orbital HUD",
+    version: 1,
+    defaults: {
+        accentColor: "cyan",
+        neutralColor: "slate",
+        radius: "sm",
+        density: "default",
+        material: "glossy",
+        shape: "square",
+    },
+};
+export const orbitalHudTheme = {
+    skin: {
+        id: "dixy/orbital-hud",
+        name: "Orbital HUD",
+        version: 1,
+        defaults: {
+            accentColor: "cyan",
+            neutralColor: "slate",
+            radius: "sm",
+            density: "default",
+            material: "glossy",
+            shape: "square",
+        },
+    },
+    appearance: "dark",
+    accentColor: "cyan",
+    neutralColor: "slate",
+    radius: "sm",
+    density: "default",
+    shape: "square",
+    ornament: "balanced",
+    relief: 1,
+    effects: "static",
+    style: {
+        fontFamily: '"Space Grotesk Variable", "Inter Variable", ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-sans": '"Space Grotesk Variable", "Inter Variable", ui-sans-serif, system-ui, sans-serif',
+        "--dixy-font-display": '"Orbitron Variable", "Orbitron", "Eurostile", "Bank Gothic", ui-sans-serif, sans-serif',
+        "--dixy-skin-cushion-elevation": "0 0 0 transparent",
+        "--dixy-card-shadow": "var(--dixy-shadow-none)",
+        "--dixy-skin-depth-shadow": "0 0 0 transparent",
+        "--dixy-stroke-width": "1px",
+        "--dixy-card-border-width": "1px",
+        "--dixy-button-border-width": "1px",
+        "--dixy-input-border-width": "1px",
+        "--dixy-dialog-border-width": "1px",
+        "--dixy-font-heading-lg-family": '"Orbitron Variable", "Orbitron", "Eurostile", "Bank Gothic", ui-sans-serif, sans-serif',
+        "--dixy-font-heading-md-family": '"Orbitron Variable", "Orbitron", "Eurostile", "Bank Gothic", ui-sans-serif, sans-serif',
+        "--dixy-font-heading-sm-family": '"Orbitron Variable", "Orbitron", "Eurostile", "Bank Gothic", ui-sans-serif, sans-serif',
+        "--dixy-font-title-lg-family": '"Orbitron Variable", "Orbitron", "Eurostile", "Bank Gothic", ui-sans-serif, sans-serif',
+        "--dixy-font-title-md-family": '"Orbitron Variable", "Orbitron", "Eurostile", "Bank Gothic", ui-sans-serif, sans-serif',
+        "--dixy-font-title-sm-family": '"Orbitron Variable", "Orbitron", "Eurostile", "Bank Gothic", ui-sans-serif, sans-serif',
+        "--dixy-organic-density": "55",
+        "--dixy-organic-cornerDensity": "80",
+        "--dixy-organic-canopyDepth": "40",
+        "--dixy-organic-variation": "30",
+        "--dixy-organic-scale": "20",
+        "--dixy-organic-stemWeight": "40",
+        "--dixy-organic-motion": "40",
+        "--dixy-organic-seed": "412",
+        "--dixy-organic-style": "0",
+        "--dixy-organic-canopy": "0",
+        "--dixy-organic-stem": "0",
+    },
+};
+export default orbitalHud;

package/dist/skins/papel-picado.d.ts

@@ -0,0 +1,68 @@
+export declare const papelPicado: {
+    readonly id: "dixy/papel-picado";
+    readonly name: "Papel Picado";
+    readonly version: 1;
+    readonly defaults: {
+        readonly accentColor: "orange";
+        readonly neutralColor: "sand";
+        readonly radius: "md";
+        readonly density: "default";
+        readonly material: "paper";
+        readonly shape: "rounded";
+    };
+};
+export declare const papelPicadoTheme: {
+    readonly skin: {
+        readonly id: "dixy/papel-picado";
+        readonly name: "Papel Picado";
+        readonly version: 1;
+        readonly defaults: {
+            readonly accentColor: "orange";
+            readonly neutralColor: "sand";
+            readonly radius: "md";
+            readonly density: "default";
+            readonly material: "paper";
+            readonly shape: "rounded";
+        };
+    };
+    readonly appearance: "light";
+    readonly accentColor: "orange";
+    readonly neutralColor: "sand";
+    readonly radius: "md";
+    readonly density: "default";
+    readonly shape: "rounded";
+    readonly ornament: "balanced";
+    readonly relief: 1;
+    readonly effects: "static";
+    readonly style: {
+        readonly fontFamily: "\"Bricolage Grotesque Variable\", \"Bricolage Grotesque\", ui-sans-serif, sans-serif";
+        readonly "--dixy-font-sans": "\"Bricolage Grotesque Variable\", \"Bricolage Grotesque\", ui-sans-serif, sans-serif";
+        readonly "--dixy-font-display": "\"Bricolage Grotesque Variable\", \"Bricolage Grotesque\", ui-sans-serif, sans-serif";
+        readonly "--dixy-skin-cushion-elevation": "var(--dixy-skin-cushion-cast)";
+        readonly "--dixy-card-shadow": "var(--dixy-shadow-raised)";
+        readonly "--dixy-skin-depth-shadow": "var(--dixy-skin-authored-shadow, var(--dixy-shadow-raised))";
+        readonly "--dixy-stroke-width": "1px";
+        readonly "--dixy-card-border-width": "1px";
+        readonly "--dixy-button-border-width": "1px";
+        readonly "--dixy-input-border-width": "1px";
+        readonly "--dixy-dialog-border-width": "1px";
+        readonly "--dixy-font-heading-lg-family": "\"Bricolage Grotesque Variable\", \"Bricolage Grotesque\", ui-sans-serif, sans-serif";
+        readonly "--dixy-font-heading-md-family": "\"Bricolage Grotesque Variable\", \"Bricolage Grotesque\", ui-sans-serif, sans-serif";
+        readonly "--dixy-font-heading-sm-family": "\"Bricolage Grotesque Variable\", \"Bricolage Grotesque\", ui-sans-serif, sans-serif";
+        readonly "--dixy-font-title-lg-family": "\"Bricolage Grotesque Variable\", \"Bricolage Grotesque\", ui-sans-serif, sans-serif";
+        readonly "--dixy-font-title-md-family": "\"Bricolage Grotesque Variable\", \"Bricolage Grotesque\", ui-sans-serif, sans-serif";
+        readonly "--dixy-font-title-sm-family": "\"Bricolage Grotesque Variable\", \"Bricolage Grotesque\", ui-sans-serif, sans-serif";
+        readonly "--dixy-organic-density": "55";
+        readonly "--dixy-organic-cornerDensity": "60";
+        readonly "--dixy-organic-canopyDepth": "45";
+        readonly "--dixy-organic-variation": "50";
+        readonly "--dixy-organic-scale": "20";
+        readonly "--dixy-organic-stemWeight": "40";
+        readonly "--dixy-organic-motion": "35";
+        readonly "--dixy-organic-seed": "31";
+        readonly "--dixy-organic-style": "0";
+        readonly "--dixy-organic-canopy": "0";
+        readonly "--dixy-organic-stem": "0";
+    };
+};
+export default papelPicado;

package/dist/skins/papel-picado.js

@@ -0,0 +1,68 @@
+export const papelPicado = {
+    id: "dixy/papel-picado",
+    name: "Papel Picado",
+    version: 1,
+    defaults: {
+        accentColor: "orange",
+        neutralColor: "sand",
+        radius: "md",
+        density: "default",
+        material: "paper",
+        shape: "rounded",
+    },
+};
+export const papelPicadoTheme = {
+    skin: {
+        id: "dixy/papel-picado",
+        name: "Papel Picado",
+        version: 1,
+        defaults: {
+            accentColor: "orange",
+            neutralColor: "sand",
+            radius: "md",
+            density: "default",
+            material: "paper",
+            shape: "rounded",
+        },
+    },
+    appearance: "light",
+    accentColor: "orange",
+    neutralColor: "sand",
+    radius: "md",
+    density: "default",
+    shape: "rounded",
+    ornament: "balanced",
+    relief: 1,
+    effects: "static",
+    style: {
+        fontFamily: '"Bricolage Grotesque Variable", "Bricolage Grotesque", ui-sans-serif, sans-serif',
+        "--dixy-font-sans": '"Bricolage Grotesque Variable", "Bricolage Grotesque", ui-sans-serif, sans-serif',
+        "--dixy-font-display": '"Bricolage Grotesque Variable", "Bricolage Grotesque", ui-sans-serif, sans-serif',
+        "--dixy-skin-cushion-elevation": "var(--dixy-skin-cushion-cast)",
+        "--dixy-card-shadow": "var(--dixy-shadow-raised)",
+        "--dixy-skin-depth-shadow": "var(--dixy-skin-authored-shadow, var(--dixy-shadow-raised))",
+        "--dixy-stroke-width": "1px",
+        "--dixy-card-border-width": "1px",
+        "--dixy-button-border-width": "1px",
+        "--dixy-input-border-width": "1px",
+        "--dixy-dialog-border-width": "1px",
+        "--dixy-font-heading-lg-family": '"Bricolage Grotesque Variable", "Bricolage Grotesque", ui-sans-serif, sans-serif',
+        "--dixy-font-heading-md-family": '"Bricolage Grotesque Variable", "Bricolage Grotesque", ui-sans-serif, sans-serif',
+        "--dixy-font-heading-sm-family": '"Bricolage Grotesque Variable", "Bricolage Grotesque", ui-sans-serif, sans-serif',
+        "--dixy-font-title-lg-family": '"Bricolage Grotesque Variable", "Bricolage Grotesque", ui-sans-serif, sans-serif',
+        "--dixy-font-title-md-family": '"Bricolage Grotesque Variable", "Bricolage Grotesque", ui-sans-serif, sans-serif',
+        "--dixy-font-title-sm-family": '"Bricolage Grotesque Variable", "Bricolage Grotesque", ui-sans-serif, sans-serif',
+        "--dixy-organic-density": "55",
+        "--dixy-organic-cornerDensity": "60",
+        "--dixy-organic-canopyDepth": "45",
+        "--dixy-organic-variation": "50",
+        "--dixy-organic-scale": "20",
+        "--dixy-organic-stemWeight": "40",
+        "--dixy-organic-motion": "35",
+        "--dixy-organic-seed": "31",
+        "--dixy-organic-style": "0",
+        "--dixy-organic-canopy": "0",
+        "--dixy-organic-stem": "0",
+    },
+};
+export default papelPicado;

package/dist/skins/phosphor-terminal.d.ts

@@ -0,0 +1,68 @@
+export declare const phosphorTerminal: {
+    readonly id: "dixy/phosphor-terminal";
+    readonly name: "Phosphor Terminal";
+    readonly version: 1;
+    readonly defaults: {
+        readonly accentColor: "green";
+        readonly neutralColor: "olive";
+        readonly radius: "none";
+        readonly density: "default";
+        readonly material: "matte";
+        readonly shape: "square";
+    };
+};
+export declare const phosphorTerminalTheme: {
+    readonly skin: {
+        readonly id: "dixy/phosphor-terminal";
+        readonly name: "Phosphor Terminal";
+        readonly version: 1;
+        readonly defaults: {
+            readonly accentColor: "green";
+            readonly neutralColor: "olive";
+            readonly radius: "none";
+            readonly density: "default";
+            readonly material: "matte";
+            readonly shape: "square";
+        };
+    };
+    readonly appearance: "dark";
+    readonly accentColor: "green";
+    readonly neutralColor: "olive";
+    readonly radius: "none";
+    readonly density: "default";
+    readonly shape: "square";
+    readonly ornament: "balanced";
+    readonly relief: 1;
+    readonly effects: "static";
+    readonly style: {
+        readonly fontFamily: "\"VT323\", \"Share Tech Mono\", ui-monospace, monospace";
+        readonly "--dixy-font-sans": "\"VT323\", \"Share Tech Mono\", ui-monospace, monospace";
+        readonly "--dixy-font-display": "\"VT323\", \"Share Tech Mono\", ui-monospace, monospace";
+        readonly "--dixy-skin-cushion-elevation": "0 0 0 transparent";
+        readonly "--dixy-card-shadow": "var(--dixy-shadow-none)";
+        readonly "--dixy-skin-depth-shadow": "0 0 0 transparent";
+        readonly "--dixy-stroke-width": "1px";
+        readonly "--dixy-card-border-width": "1px";
+        readonly "--dixy-button-border-width": "1px";
+        readonly "--dixy-input-border-width": "1px";
+        readonly "--dixy-dialog-border-width": "1px";
+        readonly "--dixy-font-heading-lg-family": "\"VT323\", \"Share Tech Mono\", ui-monospace, monospace";
+        readonly "--dixy-font-heading-md-family": "\"VT323\", \"Share Tech Mono\", ui-monospace, monospace";
+        readonly "--dixy-font-heading-sm-family": "\"VT323\", \"Share Tech Mono\", ui-monospace, monospace";
+        readonly "--dixy-font-title-lg-family": "\"VT323\", \"Share Tech Mono\", ui-monospace, monospace";
+        readonly "--dixy-font-title-md-family": "\"VT323\", \"Share Tech Mono\", ui-monospace, monospace";
+        readonly "--dixy-font-title-sm-family": "\"VT323\", \"Share Tech Mono\", ui-monospace, monospace";
+        readonly "--dixy-organic-density": "55";
+        readonly "--dixy-organic-cornerDensity": "70";
+        readonly "--dixy-organic-canopyDepth": "30";
+        readonly "--dixy-organic-variation": "20";
+        readonly "--dixy-organic-scale": "20";
+        readonly "--dixy-organic-stemWeight": "30";
+        readonly "--dixy-organic-motion": "40";
+        readonly "--dixy-organic-seed": "64";
+        readonly "--dixy-organic-style": "0";
+        readonly "--dixy-organic-canopy": "0";
+        readonly "--dixy-organic-stem": "0";
+    };
+};
+export default phosphorTerminal;