@e280/shiny 0.1.0-1 → 0.1.0-11

package/x/shiny.d.ts

@@ -0,0 +1,47 @@
+import { ShinyContext } from "./components/framework.js";
+export declare function shiny(context: ShinyContext): {
+    components: {
+        ShinyButton: {
+            new (): import("./components/button/component.js").ShinyButton;
+            view: import("@e280/sly").View<[]>;
+        } & typeof import("./components/button/component.js").ShinyButton;
+        ShinyCopy: {
+            new (): import("./index.js").ShinyCopy;
+            view: import("@e280/sly").View<[text: string | undefined, ms?: any]>;
+        } & typeof import("./index.js").ShinyCopy;
+        ShinyDrawer: {
+            new (): import("./index.js").ShinyDrawer;
+            view: import("@e280/sly").View<[options: {
+                button: boolean;
+                side?: "left" | "right";
+                control?: import("./index.js").DrawerControl;
+            }]>;
+        } & typeof import("./index.js").ShinyDrawer;
+        ShinyExample: {
+            new (): import("./index.js").ShinyExample;
+            view: import("@e280/sly").View<[start: number]>;
+        } & typeof import("./index.js").ShinyExample;
+        ShinyTabs: {
+            new (): import("./index.js").ShinyTabs;
+            view: import("@e280/sly").View<[controlOption?: import("./index.js").TabControl | undefined]>;
+        } & typeof import("./index.js").ShinyTabs;
+    };
+    views: {
+        ShinyButton: import("@e280/sly").View<[]> & import("@e280/sly").View<[context: ShinyContext]>;
+        ShinyCopy: import("@e280/sly").View<[text: string | undefined, ms?: any]> & import("@e280/sly").View<[context: ShinyContext, text: string | undefined, ms?: any]>;
+        ShinyDrawer: import("@e280/sly").View<[options: {
+            button: boolean;
+            side?: "left" | "right";
+            control?: import("./index.js").DrawerControl;
+        }]> & import("@e280/sly").View<[context: ShinyContext, options: {
+            button: boolean;
+            side?: "left" | "right";
+            control?: import("./index.js").DrawerControl;
+        }]>;
+        ShinyExample: import("@e280/sly").View<[start: number]> & import("@e280/sly").View<[context: ShinyContext, start: number]>;
+        ShinyTabs: import("@e280/sly").View<[controlOption?: import("./index.js").TabControl | undefined]> & import("@e280/sly").View<[context: ShinyContext, controlOption?: import("./index.js").TabControl | undefined]>;
+    };
+};
+export type Shiny = ReturnType<typeof shiny>;
+export type ShinyViews = Shiny["views"];
+export type ShinyComponents = Shiny["components"];

package/x/shiny.js

@@ -0,0 +1,8 @@
+import { contextualizeComponents, getViews } from "@e280/sly";
+import { rawComponents } from "./components/raw-components.js";
+export function shiny(context) {
+    const components = contextualizeComponents(context, rawComponents);
+    const views = getViews(components);
+    return { components, views };
+}
+//# sourceMappingURL=shiny.js.map

package/x/shiny.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shiny.js","sourceRoot":"","sources":["../s/shiny.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,uBAAuB,EAAE,QAAQ,EAAC,MAAM,WAAW,CAAA;AAE3D,OAAO,EAAC,aAAa,EAAC,MAAM,gCAAgC,CAAA;AAE5D,MAAM,UAAU,KAAK,CAAC,OAAqB;IAC1C,MAAM,UAAU,GAAG,uBAAuB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;IAClE,MAAM,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAA;IAClC,OAAO,EAAC,UAAU,EAAE,KAAK,EAAC,CAAA;AAC3B,CAAC"}

package/x/themes/aura.css.d.ts

@@ -0,0 +1 @@
+export declare const aura: import("lit").CSSResult;

package/x/themes/aura.css.js

@@ -0,0 +1,85 @@
+import { css } from "lit";
+import { defaultCssVars, renderCssVars } from "./infra/css-vars.js";
+export const aura = css `@layer overlay {
+
+:host {
+	${renderCssVars({
+    ...defaultCssVars(),
+})}
+}
+
+:host([view="shiny-button"]:not([plain])) {
+	position: relative;
+
+	--buttoncolor: var(--calm);
+	--padding: 0.3em 0.7em;
+
+	color: white;
+	border-radius: 2em;
+	background: var(--buttoncolor);
+	border: none;
+
+	font-weight: medium;
+	text-shadow: 0.1em 0.1em 0.1em #0004;
+	box-shadow: 0.1em 0.2em 0.3em #0002;
+}
+
+:host([view="shiny-button"][lame]) { --buttoncolor: var(--lame); }
+:host([view="shiny-button"][angry]) { --buttoncolor: var(--angry); }
+:host([view="shiny-button"][zesty]) { --buttoncolor: var(--zesty); }
+:host([view="shiny-button"][happy]) { --buttoncolor: var(--happy); }
+:host([view="shiny-button"][calm]) { --buttoncolor: var(--calm); }
+:host([view="shiny-button"][sad]) { --buttoncolor: var(--sad); }
+:host([view="shiny-button"][quirky]) { --buttoncolor: var(--quirky); }
+
+:host([view="shiny-button"][gradient]:not([plain])) {
+	border: none;
+	background: linear-gradient(
+		to bottom right,
+		color-mix(in oklab, var(--buttoncolor), white 40%),
+		color-mix(in oklab, var(--buttoncolor), black 20%)
+	);
+
+	&::before {
+		content: "";
+		display: block;
+		position: absolute;
+		z-index: 0;
+		inset: 0.15em;
+		border-radius: inherit;
+		background: color-mix(in oklab, var(--buttoncolor), #0004 50%);
+	}
+
+	> * {
+		position: relative;
+		z-index: 1;
+	}
+}
+
+:host([view="shiny-drawer"]) {
+	display: block;
+
+	&::part(tray) {
+		padding: 1em;
+		background: linear-gradient(
+			to top right,
+			#00a9dd69,
+			#70ffd77a
+		);
+	}
+}
+
+:host([view="shiny-drawer"]:state(left)) {
+	&::part(tray) {
+		border-bottom-right-radius: 0.5em;
+	}
+}
+
+:host([view="shiny-drawer"]:state(right)) {
+	&::part(tray) {
+		border-bottom-left-radius: 0.5em;
+	}
+}
+
+}`;
+//# sourceMappingURL=aura.css.js.map

package/x/themes/aura.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aura.css.js","sourceRoot":"","sources":["../../s/themes/aura.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,OAAO,EAAC,cAAc,EAAE,aAAa,EAAC,MAAM,qBAAqB,CAAA;AACjE,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAA;;;GAGpB,aAAa,CAAC;IACf,GAAG,cAAc,EAAE;CACnB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4ED,CAAA"}

package/x/themes/index.barrel.d.ts

@@ -1 +1,2 @@
-export * from "./basic.css.js";
+export * from "./plain.css.js";
+export * from "./aura.css.js";

package/x/themes/index.barrel.js

@@ -1,2 +1,3 @@
-export * from "./basic.css.js";
+export * from "./plain.css.js";
+export * from "./aura.css.js";
 //# sourceMappingURL=index.barrel.js.map

package/x/themes/index.barrel.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.barrel.js","sourceRoot":"","sources":["../../s/themes/index.barrel.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAA"}
+{"version":3,"file":"index.barrel.js","sourceRoot":"","sources":["../../s/themes/index.barrel.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA"}

package/x/themes/index.d.ts

@@ -1 +1,2 @@
 export * as themes from "./index.barrel.js";
+export type * from "./index.barrel.js";

package/x/themes/infra/css-vars.d.ts

@@ -0,0 +1,14 @@
+export type CssVars = {
+    "bg": string;
+    "alpha": string;
+    "lame": string;
+    "inactive-opacity": string;
+    "angry": string;
+    "zesty": string;
+    "happy": string;
+    "calm": string;
+    "sad": string;
+    "quirky": string;
+};
+export declare function defaultCssVars(): CssVars;
+export declare function renderCssVars(vars: CssVars): import("lit").CSSResult;

package/x/themes/infra/css-vars.js

@@ -0,0 +1,21 @@
+import { unsafeCSS } from "lit";
+export function defaultCssVars() {
+    return {
+        "bg": "#111",
+        "alpha": "#def",
+        "inactive-opacity": "0.5",
+        "lame": "#8888",
+        "angry": "#f50",
+        "zesty": "#cf0",
+        "happy": "#0fa",
+        "calm": "#0af",
+        "sad": "#74f",
+        "quirky": "#f49",
+    };
+}
+export function renderCssVars(vars) {
+    return unsafeCSS(Object.entries(vars)
+        .map(([key, value]) => `--${key}: var(--shiny-${key}, ${value});`)
+        .join("\n"));
+}
+//# sourceMappingURL=css-vars.js.map

package/x/themes/infra/css-vars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-vars.js","sourceRoot":"","sources":["../../../s/themes/infra/css-vars.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,KAAK,CAAA;AAiB7B,MAAM,UAAU,cAAc;IAC7B,OAAO;QACN,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,MAAM;QACf,kBAAkB,EAAE,KAAK;QACzB,MAAM,EAAE,OAAO;QACf,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,MAAM;KAChB,CAAA;AACF,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,IAAa;IAC1C,OAAO,SAAS,CACf,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;SAClB,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,GAAG,iBAAiB,GAAG,KAAK,KAAK,IAAI,CAAC;SACjE,IAAI,CAAC,IAAI,CAAC,CACZ,CAAA;AACF,CAAC"}

package/x/themes/plain.css.d.ts

@@ -0,0 +1 @@
+export declare const plain: import("lit").CSSResult;

package/x/themes/plain.css.js

@@ -0,0 +1,10 @@
+import { css } from "lit";
+import { defaultCssVars, renderCssVars } from "./infra/css-vars.js";
+export const plain = css `@layer overlay {
+
+:host {
+	${renderCssVars(defaultCssVars())}
+}
+
+}`;
+//# sourceMappingURL=plain.css.js.map

package/x/themes/plain.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plain.css.js","sourceRoot":"","sources":["../../s/themes/plain.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,OAAO,EAAC,cAAc,EAAE,aAAa,EAAC,MAAM,qBAAqB,CAAA;AACjE,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;GAGrB,aAAa,CAAC,cAAc,EAAE,CAAC;;;EAGhC,CAAA"}

package/x/utils/states.d.ts

@@ -0,0 +1,5 @@
+export declare class States {
+    #private;
+    constructor(element: HTMLElement);
+    assign(...states: string[]): this;
+}

package/x/utils/states.js

@@ -0,0 +1,13 @@
+export class States {
+    #states;
+    constructor(element) {
+        this.#states = element.attachInternals().states;
+    }
+    assign(...states) {
+        this.#states.forEach(s => this.#states.delete(s));
+        for (const s of states)
+            this.#states.add(s);
+        return this;
+    }
+}
+//# sourceMappingURL=states.js.map

package/x/utils/states.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"states.js","sourceRoot":"","sources":["../../s/utils/states.ts"],"names":[],"mappings":"AACA,MAAM,OAAO,MAAM;IAClB,OAAO,CAAa;IAEpB,YAAY,OAAoB;QAC/B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,eAAe,EAAE,CAAC,MAAa,CAAA;IACvD,CAAC;IAED,MAAM,CAAC,GAAG,MAAgB;QACzB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;QACjD,KAAK,MAAM,CAAC,IAAI,MAAM;YAAE,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;QAC3C,OAAO,IAAI,CAAA;IACZ,CAAC;CACD"}

package/s/themes/basic.css.ts

@@ -1,18 +0,0 @@
-
-import {css} from "lit"
-import {cssReset} from "@e280/sly"
-export const basic = css`
-
-${cssReset}
-
-:host {
-	display: block;
-	--bg: var(--shiny-bg, #111);
-	--alpha: var(--shiny-alpha, #afa);
-	--good: var(--shiny-good, #0f4);
-	--bad: var(--shiny-bad, #f40);
-	--invalid: var(--shiny-invalid, #8888);
-}
-
-`
-

package/s/tools/untab.ts

@@ -1,30 +0,0 @@
-
-export function untab(code: string) {
-	const lines = code.split(/\r|\n/)
-	let baseTabLevel: number | undefined
-
-	for (const line of lines) {
-		const isOnlyWhitespace = /^\s+$/.test(line)
-		if (!isOnlyWhitespace) {
-			const tabMatch = line.match(/^(\t+).+/)
-			if (tabMatch) {
-				const tabCount = tabMatch[1].length
-				baseTabLevel = baseTabLevel === undefined
-					? tabCount
-					: tabCount < baseTabLevel
-						? tabCount
-						: baseTabLevel
-				if (baseTabLevel === 0)
-					break
-			}
-		}
-	}
-
-	const rebaseTabRegex = new RegExp(`^\\t{${baseTabLevel}}`)
-
-	return lines
-		.map(line => /^\s+$/.test(line) ? "" : line)
-		.map(line => line.replace(rebaseTabRegex, ""))
-		.join("\n")
-}
-

package/s/ui/components.ts

@@ -1,9 +0,0 @@
-
-import {ShinyCopy} from "./copy/component.js"
-import {ShinyExample} from "./example/component.js"
-
-export const components = {
-	ShinyCopy,
-	ShinyExample,
-}
-

package/s/ui/framework.ts

@@ -1,8 +0,0 @@
-
-import {BaseElement} from "@e280/sly"
-import {basic} from "../themes/basic.css.js"
-
-export class ShinyElement extends BaseElement {
-	theme = basic
-}
-

package/s/ui/themers.ts

@@ -1,28 +0,0 @@
-
-import {CSSResult} from "lit"
-import {DropFirst, ob} from "@e280/stz"
-import {ComponentClass, View, ViewProps} from "@e280/sly"
-
-import {components} from "./components.js"
-import {ShinyElement} from "./framework.js"
-
-export function themeComponents(theme: CSSResult) {
-	return ob(components).map(C => class extends C {
-		theme = theme
-		static view = super.view.transmute((...props: any[]) => [theme, ...props] as any) as any
-	}) as {
-		[K in keyof typeof components]: ComponentClass<
-			typeof ShinyElement,
-			DropFirst<ViewProps<(typeof components)[K]["view"]>>
-		>
-	}
-}
-
-export function themeViews(theme: CSSResult) {
-	return ob(themeComponents(theme)).map(C => C.view) as {
-		[K in keyof typeof components]: View<DropFirst<ViewProps<(typeof components)[K]["view"]>>>
-	}
-}
-
-export type ShinyViews = ReturnType<typeof themeViews>
-

package/x/themes/basic.css.d.ts

@@ -1 +0,0 @@
-export declare const basic: import("lit").CSSResult;

package/x/themes/basic.css.js

@@ -1,17 +0,0 @@
-import { css } from "lit";
-import { cssReset } from "@e280/sly";
-export const basic = css `
-
-${cssReset}
-
-:host {
-	display: block;
-	--bg: var(--shiny-bg, #111);
-	--alpha: var(--shiny-alpha, #afa);
-	--good: var(--shiny-good, #0f4);
-	--bad: var(--shiny-bad, #f40);
-	--invalid: var(--shiny-invalid, #8888);
-}
-
-`;
-//# sourceMappingURL=basic.css.js.map

package/x/themes/basic.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"basic.css.js","sourceRoot":"","sources":["../../s/themes/basic.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,OAAO,EAAC,QAAQ,EAAC,MAAM,WAAW,CAAA;AAClC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;EAEtB,QAAQ;;;;;;;;;;;CAWT,CAAA"}

package/x/tools/untab.d.ts

@@ -1 +0,0 @@
-export declare function untab(code: string): string;

package/x/tools/untab.js

@@ -1,26 +0,0 @@
-export function untab(code) {
-    const lines = code.split(/\r|\n/);
-    let baseTabLevel;
-    for (const line of lines) {
-        const isOnlyWhitespace = /^\s+$/.test(line);
-        if (!isOnlyWhitespace) {
-            const tabMatch = line.match(/^(\t+).+/);
-            if (tabMatch) {
-                const tabCount = tabMatch[1].length;
-                baseTabLevel = baseTabLevel === undefined
-                    ? tabCount
-                    : tabCount < baseTabLevel
-                        ? tabCount
-                        : baseTabLevel;
-                if (baseTabLevel === 0)
-                    break;
-            }
-        }
-    }
-    const rebaseTabRegex = new RegExp(`^\\t{${baseTabLevel}}`);
-    return lines
-        .map(line => /^\s+$/.test(line) ? "" : line)
-        .map(line => line.replace(rebaseTabRegex, ""))
-        .join("\n");
-}
-//# sourceMappingURL=untab.js.map

package/x/tools/untab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"untab.js","sourceRoot":"","sources":["../../s/tools/untab.ts"],"names":[],"mappings":"AACA,MAAM,UAAU,KAAK,CAAC,IAAY;IACjC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IACjC,IAAI,YAAgC,CAAA;IAEpC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QAC1B,MAAM,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAC3C,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;YACvC,IAAI,QAAQ,EAAE,CAAC;gBACd,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;gBACnC,YAAY,GAAG,YAAY,KAAK,SAAS;oBACxC,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,QAAQ,GAAG,YAAY;wBACxB,CAAC,CAAC,QAAQ;wBACV,CAAC,CAAC,YAAY,CAAA;gBAChB,IAAI,YAAY,KAAK,CAAC;oBACrB,MAAK;YACP,CAAC;QACF,CAAC;IACF,CAAC;IAED,MAAM,cAAc,GAAG,IAAI,MAAM,CAAC,QAAQ,YAAY,GAAG,CAAC,CAAA;IAE1D,OAAO,KAAK;SACV,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;SAC3C,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;SAC7C,IAAI,CAAC,IAAI,CAAC,CAAA;AACb,CAAC"}

package/x/ui/components.d.ts

@@ -1,6 +0,0 @@
-import { ShinyCopy } from "./copy/component.js";
-import { ShinyExample } from "./example/component.js";
-export declare const components: {
-    ShinyCopy: typeof ShinyCopy;
-    ShinyExample: typeof ShinyExample;
-};

package/x/ui/components.js

@@ -1,7 +0,0 @@
-import { ShinyCopy } from "./copy/component.js";
-import { ShinyExample } from "./example/component.js";
-export const components = {
-    ShinyCopy,
-    ShinyExample,
-};
-//# sourceMappingURL=components.js.map

package/x/ui/components.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../../s/ui/components.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,qBAAqB,CAAA;AAC7C,OAAO,EAAC,YAAY,EAAC,MAAM,wBAAwB,CAAA;AAEnD,MAAM,CAAC,MAAM,UAAU,GAAG;IACzB,SAAS;IACT,YAAY;CACZ,CAAA"}

package/x/ui/copy/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../s/ui/copy/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAC,MAAM,WAAW,CAAA;AAClC,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,WAAW,CAAA;AAEnC,OAAO,EAAY,IAAI,EAAC,MAAM,KAAK,CAAA;AACnC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAC5C,OAAO,YAAY,MAAM,qCAAqC,CAAA;AAC9D,OAAO,mBAAmB,MAAM,8CAA8C,CAAA;AAC9E,OAAO,uBAAuB,MAAM,kDAAkD,CAAA;AAEtF,MAAM,OAAO,SAAU,SAAQ,CAC9B,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,KAAgB,EAAE,IAAwB,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE;IACrE,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IACtB,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IAI3B,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CACxB,IAAI,KAAK,SAAS;QACjB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,SAAS,CACZ,CAAA;IAED,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAS,UAAU,EAAE,CAAC,CAAA;IAChD,MAAM,WAAW,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAA;IACjF,MAAM,WAAW,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,EAAC,MAAc,EAAE,EAAE;QAC1D,MAAM,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QACzB,MAAM,WAAW,EAAE,CAAA;IACpB,CAAC,CAAC,CAAA;IAEF,KAAK,UAAU,KAAK;QACnB,IAAI,IAAI,KAAK,SAAS;YAAE,OAAM;QAC9B,IAAI,CAAC;YACJ,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;YACzC,MAAM,WAAW,CAAC,MAAM,CAAC,CAAA;QAC1B,CAAC;QACD,OAAO,KAAK,EAAE,CAAC;YACd,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;YACpB,MAAM,WAAW,CAAC,KAAK,CAAC,CAAA;QACzB,CAAC;IACF,CAAC;IAED,MAAM,IAAI,GAAG,CAAC,GAAG,EAAE;QAAE,QAAQ,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC;YAC5C,KAAK,SAAS,CAAC,CAAC,OAAO,YAAY,CAAA;YACnC,KAAK,SAAS,CAAC,CAAC,OAAO,YAAY,CAAA;YACnC,KAAK,MAAM,CAAC,CAAC,OAAO,uBAAuB,CAAA;YAC3C,KAAK,KAAK,CAAC,CAAC,OAAO,mBAAmB,CAAA;YACtC,OAAO,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAA;QAChD,CAAC;IAAA,CAAC,CAAC,EAAE,CAAA;IAEL,OAAO,IAAI,CAAA;0BACa,OAAO,CAAC,GAAG,EAAE,aAAa,KAAK;MACnD,IAAI;;GAEP,CAAA;AACF,CAAC,CAAC;KACD,SAAS,CAAC,KAAM,SAAQ,YAAY;IACpC,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;QAC5B,IAAI,EAAE,MAAM;QACZ,EAAE,EAAE,MAAM;KACV,CAAC,CAAA;CACF,CAAC;KACD,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CACpD;CAAG"}

package/x/ui/copy/style.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../s/ui/copy/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CjB,CAAA"}

package/x/ui/example/component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../s/ui/example/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,WAAW,CAAA;AACnC,OAAO,EAAY,IAAI,EAAC,MAAM,KAAK,CAAA;AACnC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAA;AAE5C,MAAM,OAAO,YAAa,SAAQ,CACjC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,KAAgB,EAAE,KAAa,EAAE,EAAE;IAC/C,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IAE3B,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAChC,MAAM,SAAS,GAAG,GAAG,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,CAAA,CAAC,CAAC,CAAA;IAE1C,OAAO,IAAI,CAAA;qBACQ,SAAS;MACxB,MAAM,EAAE;;GAEX,CAAA;AACF,CAAC,CAAC;KACD,SAAS,CAAC,KAAM,SAAQ,YAAY;IACpC,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,MAAM,EAAC,CAAC,CAAA;CAC7C,CAAC;KACD,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,CAAU,CAAC,CACtD;CAAG"}

package/x/ui/example/style.css.js

@@ -1,10 +0,0 @@
-import { css } from "lit";
-export default css `
-
-button {
-	padding: 1em;
-	min-width: 4em;
-}
-
-`;
-//# sourceMappingURL=style.css.js.map

package/x/ui/example/style.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../s/ui/example/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;CAOjB,CAAA"}

package/x/ui/framework.d.ts

@@ -1,4 +0,0 @@
-import { BaseElement } from "@e280/sly";
-export declare class ShinyElement extends BaseElement {
-    theme: import("lit").CSSResult;
-}

package/x/ui/framework.js

@@ -1,6 +0,0 @@
-import { BaseElement } from "@e280/sly";
-import { basic } from "../themes/basic.css.js";
-export class ShinyElement extends BaseElement {
-    theme = basic;
-}
-//# sourceMappingURL=framework.js.map

package/x/ui/framework.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"framework.js","sourceRoot":"","sources":["../../s/ui/framework.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAC,MAAM,WAAW,CAAA;AACrC,OAAO,EAAC,KAAK,EAAC,MAAM,wBAAwB,CAAA;AAE5C,MAAM,OAAO,YAAa,SAAQ,WAAW;IAC5C,KAAK,GAAG,KAAK,CAAA;CACb"}

package/x/ui/themers.d.ts

@@ -1,8 +0,0 @@
-import { CSSResult } from "lit";
-import { DropFirst } from "@e280/stz";
-import { ComponentClass, View, ViewProps } from "@e280/sly";
-import { components } from "./components.js";
-import { ShinyElement } from "./framework.js";
-export declare function themeComponents(theme: CSSResult): { [K in keyof typeof components]: ComponentClass<typeof ShinyElement, DropFirst<ViewProps<(typeof components)[K]["view"]>>>; };
-export declare function themeViews(theme: CSSResult): { [K in keyof typeof components]: View<DropFirst<ViewProps<(typeof components)[K]["view"]>>>; };
-export type ShinyViews = ReturnType<typeof themeViews>;

package/x/ui/themers.js

@@ -1,12 +0,0 @@
-import { ob } from "@e280/stz";
-import { components } from "./components.js";
-export function themeComponents(theme) {
-    return ob(components).map(C => class extends C {
-        theme = theme;
-        static view = super.view.transmute((...props) => [theme, ...props]);
-    });
-}
-export function themeViews(theme) {
-    return ob(themeComponents(theme)).map(C => C.view);
-}
-//# sourceMappingURL=themers.js.map

package/x/ui/themers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"themers.js","sourceRoot":"","sources":["../../s/ui/themers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,EAAE,EAAC,MAAM,WAAW,CAAA;AAGvC,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAA;AAG1C,MAAM,UAAU,eAAe,CAAC,KAAgB;IAC/C,OAAO,EAAE,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAM,SAAQ,CAAC;QAC7C,KAAK,GAAG,KAAK,CAAA;QACb,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,KAAY,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK,CAAQ,CAAQ,CAAA;KACxF,CAKA,CAAA;AACF,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,KAAgB;IAC1C,OAAO,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAEhD,CAAA;AACF,CAAC"}