@xtyle/core 0.5.0

package/dist/css/components/slider.js

@@ -0,0 +1,131 @@
+import { FULL_TONES } from "../../vocab.js";
+const sliderToneVars = FULL_TONES.map((t) => `.xtyle-slider--${t} { --slider-accent: var(--${t}); }`).join("\n");
+export const sliderCss = `
+.xtyle-slider {
+	--slider-accent: var(--accent);
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-2);
+	font-family: var(--font-sans);
+	font-size: var(--text-body);
+	line-height: var(--leading-tight);
+	color: var(--fg-0);
+}
+.xtyle-slider__rail {
+	--rail-h: var(--space-2);
+	--thumb: var(--space-5);
+	position: relative;
+	display: flex;
+	align-items: center;
+	height: var(--thumb);
+	cursor: pointer;
+	touch-action: none;
+}
+.xtyle-slider__rail::before {
+	content: "";
+	position: absolute;
+	inset-inline: 0;
+	height: var(--rail-h);
+	border-radius: var(--radius-full);
+	background: var(--neutral-bg);
+	border: var(--border-thin) solid var(--line-2);
+}
+.xtyle-slider__fill {
+	position: absolute;
+	inset-inline-start: 0;
+	width: 0%;
+	height: var(--rail-h);
+	border-radius: var(--radius-full);
+	background: var(--slider-accent);
+}
+.xtyle-slider__thumb {
+	position: absolute;
+	inset-inline-start: 0%;
+	transform: translateX(-50%);
+	width: var(--thumb);
+	height: var(--thumb);
+	border-radius: var(--radius-full);
+	background: var(--bg-0);
+	border: var(--border-normal) solid var(--slider-accent);
+	box-shadow: var(--elevation-1);
+	isolation: isolate;
+	transition: box-shadow var(--duration-fast) var(--ease-standard);
+}
+.xtyle-slider__thumb::after {
+	content: "";
+	position: absolute;
+	inset: 0;
+	border-radius: inherit;
+	background: transparent;
+	transition: background-color var(--duration-fast) var(--ease-standard);
+}
+.xtyle-slider__thumb:hover::after { background: var(--state-hover); }
+.xtyle-slider__thumb:active::after { background: var(--state-press); }
+.xtyle-slider__thumb:focus-visible {
+	outline: var(--border-normal) solid transparent;
+	box-shadow: 0 0 0 var(--border-thick) var(--ring);
+}
+.xtyle-slider--sm .xtyle-slider__rail { --thumb: var(--space-4); --rail-h: var(--space-1); }
+.xtyle-slider--lg .xtyle-slider__rail { --thumb: var(--space-6); --rail-h: var(--space-2); }
+.xtyle-slider__header {
+	display: flex;
+	align-items: baseline;
+	justify-content: space-between;
+	gap: var(--space-2);
+}
+.xtyle-slider__label {
+	color: var(--fg-1);
+	font-size: var(--text-sm);
+}
+.xtyle-slider__label--hidden {
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	margin: -1px;
+	padding: 0;
+	overflow: hidden;
+	clip: rect(0 0 0 0);
+	clip-path: inset(50%);
+	white-space: nowrap;
+	border: 0;
+}
+.xtyle-slider__value {
+	color: var(--fg-1);
+	font-size: var(--text-sm);
+	font-variant-numeric: tabular-nums;
+}
+.xtyle-slider--value-editable .xtyle-slider__value {
+	cursor: text;
+	text-decoration: underline dotted;
+	text-underline-offset: 0.2em;
+	text-decoration-color: var(--line-2);
+}
+.xtyle-slider__value-input {
+	box-sizing: content-box;
+	width: 4ch;
+	font: inherit;
+	color: var(--fg-0);
+	text-align: right;
+	background: var(--field-bg);
+	border: var(--border-thin) solid var(--field-border);
+	border-radius: var(--radius-sm);
+	padding: 0 var(--space-1);
+}
+.xtyle-slider__value-input:focus-visible {
+	outline: var(--border-normal) solid transparent;
+	border-color: var(--slider-accent);
+	box-shadow: 0 0 0 var(--border-normal) var(--ring);
+}
+.xtyle-slider--disabled {
+	color: var(--fg-disabled);
+}
+.xtyle-slider--disabled .xtyle-slider__rail { cursor: not-allowed; }
+.xtyle-slider--disabled .xtyle-slider__fill { background: var(--state-disabled); }
+.xtyle-slider--disabled .xtyle-slider__thumb {
+	background: var(--state-disabled);
+	border-color: var(--line-2);
+	box-shadow: none;
+}
+${sliderToneVars}
+`.trim();
+//# sourceMappingURL=slider.js.map

package/dist/css/components/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/css/components/slider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,cAAc,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,6BAA6B,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEjH,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8HvB,cAAc;CACf,CAAC,IAAI,EAAE,CAAC"}

package/dist/css/components/sparkline.d.ts

@@ -0,0 +1,2 @@
+export declare const sparklineCss: string;
+//# sourceMappingURL=sparkline.d.ts.map

package/dist/css/components/sparkline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline.d.ts","sourceRoot":"","sources":["../../../src/css/components/sparkline.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,QA0EjB,CAAC"}

package/dist/css/components/sparkline.js

@@ -0,0 +1,78 @@
+import { FULL_TONES as TONES } from "../../vocab.js";
+const toneVars = TONES.map((t) => `.xtyle-sparkline--${t} { --spark-color: var(--${t}); }`).join("\n");
+export const sparklineCss = `
+[data-sparkline] { display: inline-block; }
+.xtyle-sparkline {
+	--spark-color: var(--accent);
+	--spark-width: 8rem;
+	--spark-height: 2rem;
+	display: inline-block;
+	position: relative;
+	width: var(--spark-width);
+	height: var(--spark-height);
+	vertical-align: middle;
+	line-height: 0;
+}
+.xtyle-sparkline__svg {
+	display: block;
+	width: 100%;
+	height: 100%;
+	overflow: visible;
+}
+.xtyle-sparkline__line {
+	fill: none;
+	stroke: var(--spark-color);
+	stroke-width: 1.5;
+	stroke-linejoin: round;
+	stroke-linecap: round;
+}
+.xtyle-sparkline__area {
+	fill: var(--spark-color);
+	opacity: 0.16;
+	stroke: none;
+}
+.xtyle-sparkline__bar {
+	fill: var(--spark-color);
+}
+.xtyle-sparkline__end {
+	fill: var(--spark-color);
+	stroke: var(--bg-0);
+	stroke-width: 1;
+}
+.xtyle-sparkline__marker[hidden] { display: none; }
+.xtyle-sparkline__guide {
+	stroke: var(--line-2);
+	stroke-width: 1;
+	stroke-dasharray: 2 2;
+}
+.xtyle-sparkline__dot {
+	fill: var(--spark-color);
+	stroke: var(--bg-0);
+	stroke-width: 1;
+}
+.xtyle-sparkline__tooltip {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 1;
+	pointer-events: none;
+	transform: translate(-50%, calc(-100% - 6px));
+	padding: var(--space-1) var(--space-2);
+	font-family: var(--font-sans);
+	font-size: var(--text-xs);
+	line-height: var(--leading-normal);
+	color: var(--fg-0);
+	background: var(--surface-overlay);
+	border: var(--border-thin) solid var(--surface-overlay-border);
+	border-radius: var(--radius-md);
+	box-shadow: var(--elevation-3);
+	white-space: nowrap;
+}
+.xtyle-sparkline__tooltip[hidden] { display: none; }
+.xtyle-sparkline__empty {
+	color: var(--fg-2);
+	font-size: var(--text-xs);
+}
+${toneVars}
+`.trim();
+//# sourceMappingURL=sparkline.js.map

package/dist/css/components/sparkline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline.js","sourceRoot":"","sources":["../../../src/css/components/sparkline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,qBAAqB,CAAC,2BAA2B,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEvG,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyE1B,QAAQ;CACT,CAAC,IAAI,EAAE,CAAC"}

package/dist/css/components/spinner.d.ts

@@ -0,0 +1,2 @@
+export declare const spinnerCss: string;
+//# sourceMappingURL=spinner.d.ts.map

package/dist/css/components/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/css/components/spinner.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,UAAU,QA2Bf,CAAC"}

package/dist/css/components/spinner.js

@@ -0,0 +1,33 @@
+import { FULL_TONES as TONES } from "../../vocab.js";
+const toneRules = TONES.map((t) => `.xtyle-spinner--${t} {
+	color: var(--${t});
+}`).join("\n");
+export const spinnerCss = `
+[data-spinner] { display: contents; }
+.xtyle-spinner {
+	display: inline-flex;
+	width: 1.5em;
+	height: 1.5em;
+	flex: none;
+	box-sizing: border-box;
+	color: var(--accent);
+	border: var(--border-thick) solid currentColor;
+	border-top-color: transparent;
+	border-radius: var(--radius-full);
+	animation: xtyle-spinner-spin var(--duration-slow) linear infinite;
+}
+.xtyle-spinner--sm {
+	width: 1em;
+	height: 1em;
+	border-width: var(--border-normal);
+}
+.xtyle-spinner--lg {
+	width: 2.25em;
+	height: 2.25em;
+}
+${toneRules}
+@keyframes xtyle-spinner-spin {
+	to { transform: rotate(360deg); }
+}
+`.trim();
+//# sourceMappingURL=spinner.js.map

package/dist/css/components/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../../src/css/components/spinner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,SAAS,GAAG,KAAK,CAAC,GAAG,CAC1B,CAAC,CAAC,EAAE,EAAE,CAAC,mBAAmB,CAAC;gBACZ,CAAC;EACf,CACD,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,CAAC,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;EAuBxB,SAAS;;;;CAIV,CAAC,IAAI,EAAE,CAAC"}

package/dist/css/components/splitter.d.ts

@@ -0,0 +1,2 @@
+export declare const splitterCss: string;
+//# sourceMappingURL=splitter.d.ts.map

package/dist/css/components/splitter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitter.d.ts","sourceRoot":"","sources":["../../../src/css/components/splitter.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,QAwFhB,CAAC"}

package/dist/css/components/splitter.js

@@ -0,0 +1,90 @@
+export const splitterCss = `
+[data-splitter] { display: contents; }
+.xtyle-splitter {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex: none;
+	background: transparent;
+	user-select: none;
+	touch-action: none;
+}
+.xtyle-splitter--vertical {
+	width: var(--space-3);
+	height: 100%;
+	cursor: col-resize;
+}
+.xtyle-splitter--horizontal {
+	width: 100%;
+	height: var(--space-3);
+	cursor: row-resize;
+}
+.xtyle-splitter--vertical.xtyle-splitter--sm { width: var(--space-2); }
+.xtyle-splitter--vertical.xtyle-splitter--lg { width: var(--space-5); }
+.xtyle-splitter--horizontal.xtyle-splitter--sm { height: var(--space-2); }
+.xtyle-splitter--horizontal.xtyle-splitter--lg { height: var(--space-5); }
+.xtyle-splitter__grip {
+	display: block;
+	background: var(--line);
+	border-radius: var(--radius-sm);
+	transition: background var(--duration-fast) var(--ease-standard);
+}
+.xtyle-splitter--vertical .xtyle-splitter__grip {
+	width: var(--border-thick);
+	height: var(--space-6);
+}
+.xtyle-splitter--horizontal .xtyle-splitter__grip {
+	height: var(--border-thick);
+	width: var(--space-6);
+}
+.xtyle-splitter--vertical.xtyle-splitter--sm .xtyle-splitter__grip { height: var(--space-5); }
+.xtyle-splitter--vertical.xtyle-splitter--lg .xtyle-splitter__grip { height: var(--space-8); }
+.xtyle-splitter--horizontal.xtyle-splitter--sm .xtyle-splitter__grip { width: var(--space-5); }
+.xtyle-splitter--horizontal.xtyle-splitter--lg .xtyle-splitter__grip { width: var(--space-8); }
+.xtyle-splitter--line.xtyle-splitter--vertical {
+	width: var(--border-thin);
+	position: relative;
+}
+.xtyle-splitter--line.xtyle-splitter--horizontal {
+	height: var(--border-thin);
+	position: relative;
+}
+.xtyle-splitter--line.xtyle-splitter--vertical::before {
+	content: "";
+	position: absolute;
+	inset-block: 0;
+	inset-inline: calc(-1 * var(--space-2));
+}
+.xtyle-splitter--line.xtyle-splitter--horizontal::before {
+	content: "";
+	position: absolute;
+	inset-inline: 0;
+	inset-block: calc(-1 * var(--space-2));
+}
+.xtyle-splitter--line.xtyle-splitter--vertical .xtyle-splitter__grip {
+	height: 100%;
+	width: var(--border-thin);
+	border-radius: 0;
+}
+.xtyle-splitter--line.xtyle-splitter--horizontal .xtyle-splitter__grip {
+	width: 100%;
+	height: var(--border-thin);
+	border-radius: 0;
+}
+.xtyle-splitter:hover .xtyle-splitter__grip,
+.xtyle-splitter[data-focus-ring] .xtyle-splitter__grip {
+	background: var(--accent);
+}
+.xtyle-splitter[data-focus-ring] {
+	outline: var(--border-normal) solid transparent;
+	box-shadow: 0 0 0 var(--border-thick) var(--ring);
+	border-radius: var(--radius-sm);
+}
+.xtyle-splitter--disabled {
+	cursor: default;
+}
+.xtyle-splitter--disabled .xtyle-splitter__grip {
+	opacity: 0.4;
+}
+`.trim();
+//# sourceMappingURL=splitter.js.map

package/dist/css/components/splitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitter.js","sourceRoot":"","sources":["../../../src/css/components/splitter.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwF1B,CAAC,IAAI,EAAE,CAAC"}

package/dist/css/components/stack.d.ts

@@ -0,0 +1,2 @@
+export declare const stackCss: string;
+//# sourceMappingURL=stack.d.ts.map

package/dist/css/components/stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../src/css/components/stack.ts"],"names":[],"mappings":"AAwBA,eAAO,MAAM,QAAQ,QAab,CAAC"}

package/dist/css/components/stack.js

@@ -0,0 +1,36 @@
+const GAPS = [0, 1, 2, 3, 4, 5, 6, 7, 8];
+const ALIGN = ["start", "center", "end", "stretch", "baseline"];
+const JUSTIFY = ["start", "center", "end", "between", "around", "evenly"];
+const ALIGN_VALUE = {
+    start: "flex-start",
+    center: "center",
+    end: "flex-end",
+    stretch: "stretch",
+    baseline: "baseline",
+};
+const JUSTIFY_VALUE = {
+    start: "flex-start",
+    center: "center",
+    end: "flex-end",
+    between: "space-between",
+    around: "space-around",
+    evenly: "space-evenly",
+};
+const gapRules = GAPS.map((g) => `.xtyle-stack--gap-${g} { gap: var(--space-${g}); }`).join("\n");
+const alignRules = ALIGN.map((a) => `.xtyle-stack--align-${a} { align-items: ${ALIGN_VALUE[a]}; }`).join("\n");
+const justifyRules = JUSTIFY.map((j) => `.xtyle-stack--justify-${j} { justify-content: ${JUSTIFY_VALUE[j]}; }`).join("\n");
+export const stackCss = `
+[data-stack] { display: contents; }
+.xtyle-stack {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-4);
+}
+.xtyle-stack--inline {
+	display: inline-flex;
+}
+${gapRules}
+${alignRules}
+${justifyRules}
+`.trim();
+//# sourceMappingURL=stack.js.map

package/dist/css/components/stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../../src/css/components/stack.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAU,CAAC;AAClD,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAU,CAAC;AACzE,MAAM,OAAO,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAC;AAEnF,MAAM,WAAW,GAA2C;IAC3D,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,UAAU;IACf,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;CACpB,CAAC;AACF,MAAM,aAAa,GAA6C;IAC/D,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,UAAU;IACf,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,cAAc;IACtB,MAAM,EAAE,cAAc;CACtB,CAAC;AAEF,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,qBAAqB,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAClG,MAAM,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,uBAAuB,CAAC,mBAAmB,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC/G,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,yBAAyB,CAAC,uBAAuB,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAE3H,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;EAUtB,QAAQ;EACR,UAAU;EACV,YAAY;CACb,CAAC,IAAI,EAAE,CAAC"}

package/dist/css/components/stat.d.ts

@@ -0,0 +1,2 @@
+export declare const statCss: string;
+//# sourceMappingURL=stat.d.ts.map

package/dist/css/components/stat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat.d.ts","sourceRoot":"","sources":["../../../src/css/components/stat.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,OAAO,QAsEZ,CAAC"}

package/dist/css/components/stat.js

@@ -0,0 +1,78 @@
+const SENTIMENTS = [
+    ["positive", "--success-vivid"],
+    ["negative", "--danger-vivid"],
+    ["neutral", "--neutral-vivid"],
+];
+const sentimentRules = SENTIMENTS.map(([name, token]) => `.xtyle-stat__delta--${name} { color: var(${token}); }`).join("\n");
+export const statCss = `
+[data-stat] { display: contents; }
+.xtyle-stat {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-1);
+	font-family: var(--font-sans);
+	align-items: flex-start;
+	text-align: start;
+}
+.xtyle-stat--center {
+	align-items: center;
+	text-align: center;
+}
+.xtyle-stat--inline {
+	flex-direction: row;
+	align-items: center;
+	gap: var(--space-2);
+}
+.xtyle-stat--inline .xtyle-stat__value {
+	font-family: var(--font-sans);
+	font-size: var(--text-sm);
+}
+.xtyle-stat--inline .xtyle-stat__delta {
+	font-size: var(--text-xs);
+	gap: 0;
+	margin-inline-start: calc(-1 * var(--space-2));
+}
+.xtyle-stat--inline .xtyle-stat__delta svg {
+	width: 1.44em;
+	height: 1.44em;
+}
+.xtyle-stat__label {
+	order: -1;
+	font-size: var(--text-xs);
+	font-weight: var(--weight-semibold);
+	line-height: var(--leading-normal);
+	letter-spacing: 0.06em;
+	text-transform: uppercase;
+	color: var(--fg-2);
+}
+.xtyle-stat__value {
+	font-family: var(--font-display);
+	font-size: var(--text-2xl);
+	font-weight: var(--weight-bold);
+	line-height: var(--leading-tight);
+	color: var(--fg-0);
+	font-variant-numeric: tabular-nums;
+}
+.xtyle-stat--sm .xtyle-stat__value { font-size: var(--text-xl); }
+.xtyle-stat--lg .xtyle-stat__value { font-size: var(--text-3xl); }
+.xtyle-stat__delta {
+	display: inline-flex;
+	align-items: center;
+	gap: var(--space-1);
+	font-size: var(--text-sm);
+	font-weight: var(--weight-semibold);
+	font-variant-numeric: tabular-nums;
+	color: var(--neutral-text);
+}
+.xtyle-stat__delta svg {
+	width: 0.85em;
+	height: 0.85em;
+}
+${sentimentRules}
+.xtyle-stat__caption {
+	font-size: var(--text-xs);
+	line-height: var(--leading-normal);
+	color: var(--fg-3);
+}
+`.trim();
+//# sourceMappingURL=stat.js.map

package/dist/css/components/stat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat.js","sourceRoot":"","sources":["../../../src/css/components/stat.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,GAAG;IAClB,CAAC,UAAU,EAAE,iBAAiB,CAAC;IAC/B,CAAC,UAAU,EAAE,gBAAgB,CAAC;IAC9B,CAAC,SAAS,EAAE,iBAAiB,CAAC;CACrB,CAAC;AAEX,MAAM,cAAc,GAAG,UAAU,CAAC,GAAG,CACpC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,uBAAuB,IAAI,iBAAiB,KAAK,MAAM,CAC1E,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,CAAC,MAAM,OAAO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgErB,cAAc;;;;;;CAMf,CAAC,IAAI,EAAE,CAAC"}

package/dist/css/components/statusbar.d.ts

@@ -0,0 +1,2 @@
+export declare const statusbarCss: string;
+//# sourceMappingURL=statusbar.d.ts.map

package/dist/css/components/statusbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"statusbar.d.ts","sourceRoot":"","sources":["../../../src/css/components/statusbar.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,QAsHjB,CAAC"}

package/dist/css/components/statusbar.js

@@ -0,0 +1,120 @@
+export const statusbarCss = `
+[data-statusbar] { display: contents; }
+.xtyle-statusbar {
+	display: flex;
+	align-items: center;
+	gap: var(--space-4);
+	padding: var(--space-1) var(--space-4);
+	background: var(--bg-1);
+	border-top: var(--border-thin) solid var(--line);
+	font-family: var(--font-mono);
+	font-size: var(--text-xs);
+	color: var(--fg-2);
+	min-height: var(--space-6);
+	overflow: hidden;
+	min-width: 0;
+}
+.xtyle-statusbar--wrap {
+	flex-wrap: wrap;
+	overflow: visible;
+}
+.xtyle-statusbar--scroll {
+	overflow-x: auto;
+	overflow-y: hidden;
+}
+.xtyle-statusbar--collapse {
+	flex-wrap: nowrap;
+}
+xtyle-statusbar[overflow="collapse"] .xtyle-statusbar__item {
+	flex-shrink: 0;
+}
+xtyle-statusbar[separated] .xtyle-statusbar__item {
+	position: relative;
+}
+xtyle-statusbar[separated] .xtyle-statusbar__item::before {
+	content: "";
+	position: absolute;
+	inset-inline-start: calc(-0.5 * var(--space-4));
+	top: 50%;
+	width: var(--border-thin);
+	height: 1.1em;
+	background: var(--line);
+	transform: translateY(-50%);
+	pointer-events: none;
+}
+xtyle-statusbar[separated] .xtyle-statusbar__item:first-child::before,
+xtyle-statusbar[separated] .xtyle-statusbar__spacer + .xtyle-statusbar__item::before,
+xtyle-statusbar[separated] .xtyle-statusbar__item[data-rule-start]::before {
+	display: none;
+}
+.xtyle-statusbar__overflow {
+	display: inline-flex;
+	align-items: center;
+	flex: 0 0 auto;
+}
+.xtyle-statusbar__overflow-trigger {
+	cursor: pointer;
+	border: var(--border-thin) solid var(--surface-overlay-border);
+	border-radius: var(--radius-sm);
+	background: var(--bg-2);
+	color: var(--fg-1);
+	font-family: var(--font-mono);
+	font-size: var(--text-xs);
+	padding: 0 var(--space-1);
+}
+.xtyle-statusbar__overflow-trigger:hover {
+	color: var(--fg-0);
+}
+.xtyle-statusbar__overflow-popover {
+	position: fixed;
+	margin: 0;
+	inset: auto;
+	box-sizing: border-box;
+	flex-direction: column;
+	gap: var(--space-2);
+	min-width: var(--space-8);
+	padding: var(--space-2);
+	background: var(--surface-overlay);
+	border: var(--border-thin) solid var(--surface-overlay-border);
+	border-radius: var(--radius-md);
+	box-shadow: var(--elevation-3);
+	font-family: var(--font-mono);
+	font-size: var(--text-xs);
+	color: var(--fg-2);
+}
+.xtyle-statusbar__overflow-popover:popover-open {
+	display: flex;
+}
+.xtyle-statusbar__overflow-item {
+	display: inline-flex;
+	align-items: center;
+	gap: var(--space-1);
+	white-space: nowrap;
+}
+.xtyle-statusbar__item {
+	display: inline-flex;
+	align-items: center;
+	gap: var(--space-1);
+	white-space: nowrap;
+	margin: 0;
+	padding: 0;
+	background: none;
+	border: 0;
+	font: inherit;
+	color: inherit;
+}
+.xtyle-statusbar__item--strong {
+	color: var(--fg-0);
+	font-weight: var(--weight-medium);
+}
+.xtyle-statusbar__item:focus-visible {
+	outline: var(--border-normal) solid transparent;
+	box-shadow: 0 0 0 var(--border-thick) var(--ring);
+	border-radius: var(--radius-sm);
+}
+.xtyle-statusbar__spacer {
+	flex: 1;
+	min-width: var(--space-2);
+}
+`.trim();
+//# sourceMappingURL=statusbar.js.map

package/dist/css/components/statusbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"statusbar.js","sourceRoot":"","sources":["../../../src/css/components/statusbar.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsH3B,CAAC,IAAI,EAAE,CAAC"}

package/dist/css/components/swatch.d.ts

@@ -0,0 +1,2 @@
+export declare const swatchCss: string;
+//# sourceMappingURL=swatch.d.ts.map

package/dist/css/components/swatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"swatch.d.ts","sourceRoot":"","sources":["../../../src/css/components/swatch.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,QAoGd,CAAC"}