@e280/shiny 0.1.0-1

package/x/demo/demo.css

@@ -0,0 +1,120 @@
+
+@layer vars, core, page;
+
+@layer vars {
+	:root {
+		--bg: #333;
+		--color: #fff;
+		--prime: #d068ff;
+		--link: cyan;
+
+		--selection: white;
+		--selection-bg: #f70;
+	}
+}
+
+@layer core {
+	* {
+		margin: 0;
+		padding: 0;
+		box-sizing: border-box;
+
+		scrollbar-width: thin;
+		scrollbar-color: #444 transparent;
+	}
+
+	:not(:defined) {
+		display: none;
+	}
+
+	::selection {
+		color: var(--selection);
+		background-color: var(--selection-bg);
+	}
+
+	::-webkit-scrollbar { width: 8px; }
+	::-webkit-scrollbar-track { background: transparent; }
+	::-webkit-scrollbar-thumb { background: #444; border-radius: 1em; }
+	::-webkit-scrollbar-thumb:hover { background: #666; }
+
+	a {
+		color: var(--link);
+		text-decoration: none;
+
+		&:visited {
+			color: color-mix(in srgb, purple, var(--link) 70%);
+		}
+
+		&:hover {
+			color: color-mix(in srgb, white, var(--link) 90%);
+			text-decoration: underline;
+		}
+
+		&:active {
+			color: color-mix(in srgb, white, var(--link) 50%);
+		}
+	}
+}
+
+@layer page {
+	:root {
+		height: 100%;
+		font-size: 16px;
+		font-family: sans-serif;
+
+		color-scheme: dark;
+		scrollbar-gutter: stable;
+
+		color: var(--color);
+		background: var(--bg);
+
+		--tint: #070429aa;
+		background:
+			linear-gradient(0deg, var(--tint), var(--tint)),
+			#141519 url("/assets/bg.webp") center 60% / cover no-repeat;
+
+		background-attachment: fixed, fixed;
+
+		text-shadow: 0.1em 0.1em 0.2em #0008;
+	}
+
+	body {
+		width: 100%;
+		min-height: 100%;
+		max-width: 60em;
+		margin: auto;
+		padding: 1em;
+		padding-bottom: 6em;
+
+		display: flex;
+		flex-direction: column;
+		gap: 1em;
+	}
+
+	h1 {
+		font-size: 1.5em;
+		display: flex;
+		flex-direction: column;
+		text-align: center;
+
+		strong {
+			font-size: 1.5em;
+			color: var(--prime);
+		}
+
+		small {
+			opacity: 0.6;
+			font-size: 0.7em;
+			font-weight: normal;
+		}
+	}
+
+	body > section {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		margin-bottom: 1em;
+	}
+}
+

package/x/demo/views/demonstration/style.css.d.ts

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

package/x/demo/views/demonstration/style.css.js

@@ -0,0 +1,107 @@
+import { css } from "lit";
+export default css `
+
+:host {
+	position: relative;
+
+	display: flex;
+	flex-wrap: wrap;
+
+	padding: 1em;
+	border-radius: 0.5em;
+	gap: 1em;
+
+	background: linear-gradient(to right top, #252dd985, #aa6affbd);
+	backdrop-filter: blur(0.5em);
+
+	box-shadow: 0 0 5em #5d1fadaa;
+	border-top: 2px solid #fff4;
+
+	&::before {
+		content: "";
+		display: block;
+		position: absolute;
+		inset: 0;
+		border-radius: 0.5em;
+		background: #0007;
+		width: calc(100% - 0.3em);
+		height: calc(100% - 0.3em);
+		margin: auto;
+		z-index: 0;
+	}
+
+	> * {
+		position: relative;
+		z-index: 1;
+	}
+}
+
+.meta {
+	flex: 1 1 10em;
+	display: flex;
+	flex-direction: column;
+	gap: 0.5em;
+
+	h2 {
+		color: var(--prime);
+	}
+
+	.codes {
+		display: flex;
+		flex-direction: column;
+		gap: 0.2em;
+	}
+
+	.codeblock {
+		display: flex;
+		background: #0002;
+		border-radius: 0.3em;
+		border-bottom: 1px solid #fff2;
+		box-shadow: inset 0.2em 0.3em 2em #0004;
+
+		.zone {
+			flex: 1 1 auto;
+			display: flex;
+			flex-direction: column;
+			padding: 0.5em;
+
+			h3 {
+				opacity: 0.4;
+				font-size: 0.7em;
+				font-weight: normal;
+				font-style: italic;
+			}
+
+			code {
+				display: block;
+				white-space: pre;
+				text-wrap: wrap;
+				tab-size: 2;
+
+				font-size: 0.8em;
+				font-family: monospace;
+				color: #8f8;
+			}
+		}
+
+		[view="shiny-copy"] {
+			flex: 0 0 0;
+			padding: 0.2em;
+		}
+	}
+}
+
+.content {
+	flex: 1 1 10rem;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+
+	padding: 1rem;
+	border-radius: 0.5rem;
+	border: 1px dashed #fff4;
+}
+
+`;
+//# sourceMappingURL=style.css.js.map

package/x/demo/views/demonstration/style.css.js.map

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

package/x/demo/views/demonstration/view.d.ts

@@ -0,0 +1,10 @@
+import { Content } from "@e280/sly";
+import { ShinyViews } from "../../../ui/themers.js";
+export declare const Demonstration: import("@e280/sly").View<[options: {
+    name: string;
+    explain: Content;
+    views: ShinyViews;
+    exampleView: string;
+    exampleComponent: string;
+    content: Content;
+}]>;

package/x/demo/views/demonstration/view.js

@@ -0,0 +1,36 @@
+import { html } from "lit";
+import { view } from "@e280/sly";
+import styleCss from "./style.css.js";
+import { untab } from "../../../tools/untab.js";
+import { basic } from "../../../themes/basic.css.js";
+export const Demonstration = view(use => (options) => {
+    use.name(options.name);
+    use.styles(basic, styleCss);
+    function codeblock(heading, code) {
+        const cleanCode = untab(code).trim();
+        return html `
+			<div class=codeblock>
+				<div class=zone>
+					<h3>${heading}</h3>
+					<code>${cleanCode}</code>
+				</div>
+				${options.views.ShinyCopy(cleanCode)}
+			</div>
+		`;
+    }
+    return html `
+		<div class=meta>
+			<h2>✨ ${options.name}</h2>
+			<div class=explain>${options.explain}</div>
+			<div class=codes>
+				${codeblock("sly view", options.exampleView)}
+				${codeblock("html web component", options.exampleComponent)}
+			</div>
+		</div>
+
+		<div class=content part=content>
+			${options.content}
+		</div>
+	`;
+});
+//# sourceMappingURL=view.js.map

package/x/demo/views/demonstration/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../../s/demo/views/demonstration/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAU,IAAI,EAAC,MAAM,WAAW,CAAA;AACvC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,KAAK,EAAC,MAAM,yBAAyB,CAAA;AAE7C,OAAO,EAAC,KAAK,EAAC,MAAM,8BAA8B,CAAA;AAElD,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,OAOxC,EAAE,EAAE;IAEL,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IACtB,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IAE3B,SAAS,SAAS,CAAC,OAAe,EAAE,IAAY;QAC/C,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAA;QACpC,OAAO,IAAI,CAAA;;;WAGF,OAAO;aACL,SAAS;;MAEhB,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC;;GAErC,CAAA;IACF,CAAC;IAED,OAAO,IAAI,CAAA;;WAED,OAAO,CAAC,IAAI;wBACC,OAAO,CAAC,OAAO;;MAEjC,SAAS,CAAC,UAAU,EAAE,OAAO,CAAC,WAAW,CAAC;MAC1C,SAAS,CAAC,oBAAoB,EAAE,OAAO,CAAC,gBAAgB,CAAC;;;;;KAK1D,OAAO,CAAC,OAAO;;EAElB,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/icons/tabler/clipboard-check-filled.svg.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit-html").TemplateResult<2>;
+export default _default;

package/x/icons/tabler/clipboard-check-filled.svg.js

@@ -0,0 +1,3 @@
+import { svg } from "lit";
+export default svg `<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="currentColor"  class="icon icon-tabler icons-tabler-filled icon-tabler-clipboard-check"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.997 4.17a3 3 0 0 1 2.003 2.83v12a3 3 0 0 1 -3 3h-10a3 3 0 0 1 -3 -3v-12a3 3 0 0 1 2.003 -2.83a4 4 0 0 0 3.997 3.83h4a4 4 0 0 0 3.98 -3.597zm-3.704 7.123l-3.293 3.292l-1.293 -1.292a1 1 0 1 0 -1.414 1.414l2 2a1 1 0 0 0 1.414 0l4 -4a1 1 0 0 0 -1.414 -1.414m-.293 -9.293a2 2 0 1 1 0 4h-4a2 2 0 1 1 0 -4z" /></svg>`;
+//# sourceMappingURL=clipboard-check-filled.svg.js.map

package/x/icons/tabler/clipboard-check-filled.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-check-filled.svg.js","sourceRoot":"","sources":["../../../s/icons/tabler/clipboard-check-filled.svg.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA,6iBAA6iB,CAAA"}

package/x/icons/tabler/clipboard-x-filled.svg.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit-html").TemplateResult<2>;
+export default _default;

package/x/icons/tabler/clipboard-x-filled.svg.js

@@ -0,0 +1,3 @@
+import { svg } from "lit";
+export default svg `<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="currentColor"  class="icon icon-tabler icons-tabler-filled icon-tabler-clipboard-x"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17.997 4.17a3 3 0 0 1 2.003 2.83v12a3 3 0 0 1 -3 3h-10a3 3 0 0 1 -3 -3v-12a3 3 0 0 1 2.003 -2.83a4 4 0 0 0 3.997 3.83h4a4 4 0 0 0 3.98 -3.597zm-7.29 7.123a1 1 0 0 0 -1.414 0l-.083 .094a1 1 0 0 0 .083 1.32l1.292 1.293l-1.292 1.293a1 1 0 0 0 0 1.414l.094 .083a1 1 0 0 0 1.32 -.083l1.293 -1.293l1.293 1.293a1 1 0 0 0 1.414 0l.083 -.094a1 1 0 0 0 -.083 -1.32l-1.293 -1.293l1.293 -1.293a1 1 0 0 0 0 -1.414l-.094 -.083a1 1 0 0 0 -1.32 .083l-1.293 1.292zm3.293 -9.293a2 2 0 1 1 0 4h-4a2 2 0 1 1 0 -4z" /></svg>`;
+//# sourceMappingURL=clipboard-x-filled.svg.js.map

package/x/icons/tabler/clipboard-x-filled.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-x-filled.svg.js","sourceRoot":"","sources":["../../../s/icons/tabler/clipboard-x-filled.svg.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA,wuBAAwuB,CAAA"}

package/x/icons/tabler/clipboard.svg.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit-html").TemplateResult<2>;
+export default _default;

package/x/icons/tabler/clipboard.svg.js

@@ -0,0 +1,3 @@
+import { svg } from "lit";
+export default svg `<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-clipboard"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /><path d="M9 3m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /></svg>`;
+//# sourceMappingURL=clipboard.svg.js.map

package/x/icons/tabler/clipboard.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard.svg.js","sourceRoot":"","sources":["../../../s/icons/tabler/clipboard.svg.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA,ofAAof,CAAA"}

package/x/icons/tabler/copy.svg.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit-html").TemplateResult<2>;
+export default _default;

package/x/icons/tabler/copy.svg.js

@@ -0,0 +1,3 @@
+import { svg } from "lit";
+export default svg `<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-copy"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z" /><path d="M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1" /></svg>`;
+//# sourceMappingURL=copy.svg.js.map

package/x/icons/tabler/copy.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy.svg.js","sourceRoot":"","sources":["../../../s/icons/tabler/copy.svg.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA,4kBAA4kB,CAAA"}

package/x/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./themes/index.js";
+export * from "./ui/example/component.js";
+export * from "./ui/copy/component.js";
+export * from "./ui/themers.js";
+export * from "./ui/components.js";

package/x/index.html

@@ -0,0 +1,157 @@
+<!doctype html>
+			<html>
+				<head>
+					<meta charset="utf-8"/>
+					<meta name="viewport" content="width=device-width,initial-scale=1"/>
+					<meta name="darkreader-lock"/>
+					<title>shiny</title>
+					<style>
+@layer vars, core, page;
+
+@layer vars {
+:root {
+	--bg: #333;
+	--color: #fff;
+	--prime: #d068ff;
+	--link: cyan;
+
+	--selection: white;
+	--selection-bg: #f70;
+}
+}
+
+@layer core {
+* {
+	margin: 0;
+	padding: 0;
+	box-sizing: border-box;
+
+	scrollbar-width: thin;
+	scrollbar-color: #444 transparent;
+}
+
+:not(:defined) {
+	display: none;
+}
+
+::selection {
+	color: var(--selection);
+	background-color: var(--selection-bg);
+}
+
+::-webkit-scrollbar { width: 8px; }
+::-webkit-scrollbar-track { background: transparent; }
+::-webkit-scrollbar-thumb { background: #444; border-radius: 1em; }
+::-webkit-scrollbar-thumb:hover { background: #666; }
+
+a {
+	color: var(--link);
+	text-decoration: none;
+
+	&:visited {
+		color: color-mix(in srgb, purple, var(--link) 70%);
+	}
+
+	&:hover {
+		color: color-mix(in srgb, white, var(--link) 90%);
+		text-decoration: underline;
+	}
+
+	&:active {
+		color: color-mix(in srgb, white, var(--link) 50%);
+	}
+}
+}
+
+@layer page {
+:root {
+	height: 100%;
+	font-size: 16px;
+	font-family: sans-serif;
+
+	color-scheme: dark;
+	scrollbar-gutter: stable;
+
+	color: var(--color);
+	background: var(--bg);
+
+	--tint: #070429aa;
+	background:
+		linear-gradient(0deg, var(--tint), var(--tint)),
+		#141519 url("/assets/bg.webp") center 60% / cover no-repeat;
+
+	background-attachment: fixed, fixed;
+
+	text-shadow: 0.1em 0.1em 0.2em #0008;
+}
+
+body {
+	width: 100%;
+	min-height: 100%;
+	max-width: 60em;
+	margin: auto;
+	padding: 1em;
+	padding-bottom: 6em;
+
+	display: flex;
+	flex-direction: column;
+	gap: 1em;
+}
+
+h1 {
+	font-size: 1.5em;
+	display: flex;
+	flex-direction: column;
+	text-align: center;
+
+	strong {
+		font-size: 1.5em;
+		color: var(--prime);
+	}
+
+	small {
+		opacity: 0.6;
+		font-size: 0.7em;
+		font-weight: normal;
+	}
+}
+
+body > section {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	margin-bottom: 1em;
+}
+}
+
+</style>
+					<script type=module src="demo/demo.bundle.min.js?v=f73045209960"></script>
+					<link rel="icon" href="assets/favicon.png?v=0414eeb5fcc2"/>
+
+		<meta name="theme-color" content="#d068ff">
+		<meta property="og:type" content="website">
+		<meta property="og:site_name" content="@e280/shiny">
+		<meta property="og:title" content="shiny">
+		<meta property="og:description" content="✨ web ui components">
+		<meta property="og:image" content="https://shiny.e280.org/assets/favicon.png">
+
+
+
+				</head>
+				<body>
+
+	<h1>
+		<strong>✨ @e280/shiny</strong>
+		<small>v0.1.0-1</small>
+	</h1>
+
+	<section>
+		<p>web ui components</p>
+		<p><a href="https://github.com/e280/shiny#readme">readme</a></p>
+	</section>
+
+	<shiny-demo></shiny-demo>
+
+				</body>
+			</html>

package/x/index.html.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@e280/scute").TemplateFn;
+export default _default;

package/x/index.html.js

@@ -0,0 +1,33 @@
+import { ssg, html } from "@e280/scute";
+const title = "shiny";
+const description = "✨ web ui components";
+const domain = "shiny.e280.org";
+const favicon = "/assets/favicon.png";
+export default ssg.page(import.meta.url, async (orb) => ({
+    title,
+    js: "demo/demo.bundle.min.js",
+    css: "demo/demo.css",
+    favicon,
+    dark: true,
+    socialCard: {
+        themeColor: "#d068ff",
+        title,
+        description,
+        siteName: "@e280/shiny",
+        image: "https://" + domain + favicon,
+    },
+    body: html `
+		<h1>
+			<strong>✨ @e280/shiny</strong>
+			<small>v${orb.packageVersion()}</small>
+		</h1>
+
+		<section>
+			<p>web ui components</p>
+			<p><a href="https://github.com/e280/shiny#readme">readme</a></p>
+		</section>
+
+		<shiny-demo></shiny-demo>
+	`,
+}));
+//# sourceMappingURL=index.html.js.map

package/x/index.html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.html.js","sourceRoot":"","sources":["../s/index.html.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAE,IAAI,EAAC,MAAM,aAAa,CAAA;AAErC,MAAM,KAAK,GAAG,OAAO,CAAA;AACrB,MAAM,WAAW,GAAG,qBAAqB,CAAA;AACzC,MAAM,MAAM,GAAG,gBAAgB,CAAA;AAC/B,MAAM,OAAO,GAAG,qBAAqB,CAAA;AAErC,eAAe,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,GAAG,EAAC,EAAE,CAAC,CAAC;IACtD,KAAK;IACL,EAAE,EAAE,yBAAyB;IAC7B,GAAG,EAAE,eAAe;IACpB,OAAO;IACP,IAAI,EAAE,IAAI;IACV,UAAU,EAAE;QACX,UAAU,EAAE,SAAS;QACrB,KAAK;QACL,WAAW;QACX,QAAQ,EAAE,aAAa;QACvB,KAAK,EAAE,UAAU,GAAG,MAAM,GAAG,OAAO;KACpC;IAED,IAAI,EAAE,IAAI,CAAA;;;aAGE,GAAG,CAAC,cAAc,EAAE;;;;;;;;;EAS/B;CACD,CAAC,CAAC,CAAA"}

package/x/index.js

@@ -0,0 +1,6 @@
+export * from "./themes/index.js";
+export * from "./ui/example/component.js";
+export * from "./ui/copy/component.js";
+export * from "./ui/themers.js";
+export * from "./ui/components.js";
+//# sourceMappingURL=index.js.map

package/x/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../s/index.ts"],"names":[],"mappings":"AACA,cAAc,mBAAmB,CAAA;AACjC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA"}

package/x/tests.test.d.ts

@@ -0,0 +1 @@
+export {};

package/x/tests.test.js

@@ -0,0 +1,3 @@
+import { Science } from "@e280/science";
+await Science.run({});
+//# sourceMappingURL=tests.test.js.map

package/x/tests.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tests.test.js","sourceRoot":"","sources":["../s/tests.test.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAA;AAErC,MAAM,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA"}

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

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

package/x/themes/basic.css.js

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1 @@
+{"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/themes/index.barrel.d.ts

@@ -0,0 +1 @@
+export * from "./basic.css.js";

package/x/themes/index.barrel.js

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

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

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

package/x/themes/index.d.ts

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

package/x/themes/index.js

@@ -0,0 +1,2 @@
+export * as themes from "./index.barrel.js";
+//# sourceMappingURL=index.js.map

package/x/themes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/themes/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAA"}

package/x/tools/untab.d.ts

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

package/x/tools/untab.js

@@ -0,0 +1,26 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,6 @@
+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

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