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

package/dist/atelier/ornament.d.ts

@@ -0,0 +1,4 @@
+import { type OrnamentProps } from "../ornament-parts.js";
+export type AtelierOrnamentProps = OrnamentProps;
+export declare function AtelierOrnament(props: AtelierOrnamentProps): import("react").JSX.Element;
+export default AtelierOrnament;

package/dist/atelier/ornament.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { OrnamentLayer, useOrnamentId, } from "../ornament-parts.js";
+export function AtelierOrnament(props) {
+    const id = useOrnamentId("atelier");
+    const small = props.part === "switch-thumb";
+    return (_jsx(OrnamentLayer, { ...props, skin: "atelier", children: small ? (_jsxs("svg", { className: "dixy-skin-control-art", viewBox: "0 0 20 20", children: [_jsx("path", { d: "m10 3 7 7-7 7-7-7Z", fill: "none", stroke: "currentColor", strokeWidth: "1.1" }), _jsx("path", { d: "M8 10h4m-2-2v4", stroke: "currentColor", strokeWidth: ".8" })] })) : props.part === "theme" ? (_jsxs("svg", { className: "dixy-atelier-linen", width: "100%", height: "100%", children: [_jsx("defs", { children: _jsxs("pattern", { id: id + "-weave", width: "6", height: "6", patternUnits: "userSpaceOnUse", children: [_jsx("path", { d: "M0 1h6M1 0v6", stroke: "#775f43", strokeOpacity: ".1", strokeWidth: ".6" }), _jsx("path", { d: "M0 2h6M2 0v6", stroke: "#fff8df", strokeOpacity: ".4", strokeWidth: ".6" })] }) }), _jsx("rect", { width: "100%", height: "100%", fill: "url(#" + id + "-weave)" })] })) : (_jsxs(_Fragment, { children: [_jsx("svg", { width: "0", height: "0", className: "dixy-skin-definitions", children: _jsxs("defs", { children: [_jsxs("filter", { id: id + "-paper", x: "0", y: "0", width: "100%", height: "100%", children: [_jsx("feTurbulence", { type: "fractalNoise", baseFrequency: ".78", numOctaves: "3", seed: "18", stitchTiles: "stitch" }), _jsx("feColorMatrix", { type: "saturate", values: "0" })] }), _jsxs("linearGradient", { id: id + "-walnut", x2: "0", y2: "1", children: [_jsx("stop", { stopColor: "#ba9670" }), _jsx("stop", { offset: ".15", stopColor: "#715032" }), _jsx("stop", { offset: ".5", stopColor: "#a77d52" }), _jsx("stop", { offset: ".8", stopColor: "#63452c" }), _jsx("stop", { offset: "1", stopColor: "#c3a37b" })] })] }) }), _jsx("svg", { className: "dixy-atelier-paper", width: "100%", height: "100%", children: _jsx("rect", { width: "100%", height: "100%", filter: "url(#" + id + "-paper)", opacity: ".16" }) }), ["top", "bottom", "left", "right"].map((edge, i) => (_jsxs("svg", { className: "dixy-atelier-wood dixy-atelier-wood-" + edge, viewBox: "0 0 1000 12", preserveAspectRatio: "none", children: [_jsx("rect", { width: "1000", height: "12", fill: "url(#" + id + "-walnut)" }), Array.from({ length: 9 }, (_, j) => (_jsx("path", { d: `M-10 ${j * 1.5}C${220 + i * 20} ${j * 1.5 - 2} 340 ${j * 1.5 + 4} 510 ${j * 1.5}S820 ${j * 1.5 - 3} 1010 ${j * 1.5 + 1}`, fill: "none", stroke: j % 2 ? "#332212" : "#e4bf8e", strokeOpacity: j % 2 ? ".35" : ".25", strokeWidth: ".65", vectorEffect: "non-scaling-stroke" }, j)))] }, edge))), _jsx("span", { className: "dixy-atelier-stitch" }), _jsx("span", { className: "dixy-atelier-gilt dixy-skin-motion" })] })) }));
+}
+export default AtelierOrnament;

package/dist/atomic/ornament.d.ts

@@ -0,0 +1,3 @@
+import type { OrnamentProps } from "../ornament-parts.js";
+export declare function AtomicOrnament(props: OrnamentProps): import("react").JSX.Element;
+export default AtomicOrnament;

package/dist/atomic/ornament.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { paintAtomic } from "../organic-paint-launch.js";
+import { OrganicOrnament } from "../organic-ornament.js";
+export function AtomicOrnament(props) {
+    return (_jsx(OrganicOrnament, { ...props, kind: "atomic", skin: "atomic", painter: paintAtomic }));
+}
+export default AtomicOrnament;