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

package/dist/resolve.d.ts

@@ -0,0 +1,40 @@
+import { materialRecipes } from "./recipes.ts";
+import type { FrameRecipeId } from "./recipes.ts";
+import type { ThemeDocument, ThemeFoundations } from "./theme-schema.ts";
+import type { ThemeCharacter } from "./character.ts";
+export interface ResolvedThemeRecipe {
+    id: string;
+    slug: string;
+    frame: FrameRecipeId;
+    material: keyof typeof materialRecipes;
+    grain: string;
+    thumb: string;
+    tintActions: boolean;
+    sheen: number;
+    cushion: number;
+    inkTint: number;
+    textureScale: number;
+    lightAngle: number;
+    backdropBlur: number;
+    backdropSaturate: number;
+    finish: string;
+    edge: string;
+    darkEdge: string;
+    shadow: string;
+    inset: string;
+    canvas: string;
+    /** Optional ground image for dark appearance; light canvas is used when absent. */
+    darkCanvas?: string;
+    tint: readonly string[];
+    parameters: ThemeDocument["recipes"]["frame"]["parameters"];
+    ornament: ThemeDocument["recipes"]["frame"]["ornament"];
+    surfaceMix: number;
+    darkSurfaceMix: number;
+    foundations: ThemeFoundations;
+    character: ThemeCharacter;
+}
+export declare function resolveThemeRecipe(document: ThemeDocument): ResolvedThemeRecipe;
+export declare function themeRenderer(document: ThemeDocument): Readonly<{
+    symbol: "ForestOrnament" | "RetroOrnament" | "SignalOrnament" | "HardwareOrnament" | "PrismOrnament" | "AtelierOrnament" | "OceanOrnament" | "ClayOrnament" | "DecoOrnament" | "TitaniumOrnament" | "LightOrnament" | "BlueprintOrnament" | "RisoOrnament" | "NeonOrnament" | "SumiOrnament" | "TransitOrnament" | "PhosphorOrnament" | "AnsiOrnament" | "SwissOrnament" | "AzulejoOrnament" | "BrutalistOrnament" | "AtomicOrnament" | "HudOrnament" | "FreighterOrnament" | "SailOrnament" | "DiwaliOrnament" | "LunarOrnament" | "PicadoOrnament" | "HoliOrnament" | "YuleOrnament" | "GlassOrnament";
+    entry: "@dixy-ui/themes/living-forest/react" | "@dixy-ui/themes/retro-os/react" | "@dixy-ui/themes/winamp-signal/react" | "@dixy-ui/themes/studio-hardware/react" | "@dixy-ui/themes/prism-glass/react" | "@dixy-ui/themes/tactile-atelier/react" | "@dixy-ui/themes/ocean-depths/react" | "@dixy-ui/themes/candy-clay/react" | "@dixy-ui/themes/art-deco/react" | "@dixy-ui/themes/y2k-titanium/react" | "@dixy-ui/themes/material-light/react" | "@dixy-ui/themes/blueprint/react" | "@dixy-ui/themes/riso-zine/react" | "@dixy-ui/themes/neon-night-market/react" | "@dixy-ui/themes/sumi-ink/react" | "@dixy-ui/themes/tokyo-transit/react" | "@dixy-ui/themes/phosphor-terminal/react" | "@dixy-ui/themes/ansi-panes/react" | "@dixy-ui/themes/swiss-poster/react" | "@dixy-ui/themes/azulejo-tile/react" | "@dixy-ui/themes/brutalist-concrete/react" | "@dixy-ui/themes/atomic-lounge/react" | "@dixy-ui/themes/orbital-hud/react" | "@dixy-ui/themes/freighter/react" | "@dixy-ui/themes/solar-sail/react" | "@dixy-ui/themes/diwali-lights/react" | "@dixy-ui/themes/lunar-new-year/react" | "@dixy-ui/themes/papel-picado/react" | "@dixy-ui/themes/holi-colours/react" | "@dixy-ui/themes/yule-knit/react" | "@dixy-ui/themes/glass-ui/react";
+}> | null;

package/dist/resolve.js

@@ -0,0 +1,24 @@
+import { frameRecipes, materialRecipes } from "./recipes.js";
+export function resolveThemeRecipe(document) {
+    return {
+        ...materialRecipes[document.recipes.material.id],
+        ...document.recipes.material.parameters,
+        id: document.id,
+        slug: document.id.split("/")[1],
+        frame: document.recipes.frame.id,
+        material: document.recipes.material.id,
+        parameters: document.recipes.frame.parameters,
+        ornament: document.recipes.frame.ornament,
+        foundations: document.foundations,
+        character: document.character,
+    };
+}
+export function themeRenderer(document) {
+    const recipe = frameRecipes[document.recipes.frame.id];
+    if (!recipe.rendererEntry)
+        return null;
+    return Object.freeze({
+        symbol: recipe.renderer,
+        entry: `@dixy-ui/themes/${recipe.rendererEntry}`,
+    });
+}

package/dist/retro/ornament.d.ts

@@ -0,0 +1,5 @@
+import { type OrnamentProps } from "../ornament-parts.js";
+export type RetroOrnamentProps = OrnamentProps;
+/** A pixel bevel on the existing frame, without simulated window actions. */
+export declare function RetroOrnament(props: RetroOrnamentProps): import("react").JSX.Element | null;
+export default RetroOrnament;

package/dist/retro/ornament.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { OrnamentLayer } from "../ornament-parts.js";
+/** A pixel bevel on the existing frame, without simulated window actions. */
+export function RetroOrnament(props) {
+    if (props.part !== "card" && props.part !== "dialog")
+        return null;
+    return (_jsx(OrnamentLayer, { ...props, skin: "retro", children: _jsx("span", { className: "dixy-retro-inlay dixy-skin-motion" }) }));
+}
+export default RetroOrnament;