@xtyle/core 0.5.0 → 0.6.0

package/dist/css/components/image.js

@@ -1,4 +1,28 @@
-export const imageCss = `
+/**
+ * The shared chrome for the two round corner controls: the frame's zoom button (in `imageFrameCss`)
+ * and the dialog's close button (in `imageLightboxCss`). They live in different bundles because the
+ * dialog is portalled out of the shadow root, so the common shape is shared as a declaration block
+ * rather than a grouped selector.
+ */
+const cornerButton = `
+	position: absolute;
+	top: var(--space-2);
+	right: var(--space-2);
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: var(--space-7);
+	height: var(--space-7);
+	padding: 0;
+	border: 0;
+	border-radius: var(--radius-full);
+	background: var(--bg-1);
+	color: var(--fg-1);
+	/* A ring plus a lift so the chip keeps its silhouette over any image: the chip fill can match a
+	   dark photo (dissolving it), but the overlay-border ring stays legible on both light and dark. */
+	box-shadow: 0 0 0 var(--border-thin) var(--surface-overlay-border), var(--elevation-3);
+`.trim();
+const imageFrameCss = `
 [data-image] { display: contents; }
 .xtyle-image {
 	display: block;
@@ -52,67 +76,112 @@ export const imageCss = `
 	color: var(--fg-2);
 }
 .xtyle-image__frame[role="button"] { cursor: zoom-in; }
-.xtyle-image__frame[role="button"]:focus-visible {
+.xtyle-image__zoom {
+	${cornerButton}
+	cursor: zoom-in;
+	opacity: 0;
+	transform: scale(0.9);
+	transition: opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);
+}
+.xtyle-image__frame:hover .xtyle-image__zoom,
+.xtyle-image__zoom:focus-visible {
+	opacity: 1;
+	transform: none;
+}
+.xtyle-image__frame[role="button"]:focus-visible,
+.xtyle-image__zoom:focus-visible {
 	outline: var(--border-thick) solid var(--ring);
 	outline-offset: 2px;
 }
+/* No hover to reveal on (touch): the button would never show, so keep it visible. */
+@media (hover: none) {
+	.xtyle-image__zoom { opacity: 1; transform: none; }
+}
 .xtyle-image__caption {
 	margin-top: var(--space-2);
 	color: var(--fg-2);
 	font-size: var(--text-sm);
 	line-height: var(--leading-normal);
 }
-.xtyle-image__lightbox {
-	padding: 0;
-	border: 0;
-	background: transparent;
+@keyframes xtyle-image-shimmer {
+	from { background-position: 100% 0; }
+	to { background-position: -100% 0; }
+}
+@media (prefers-reduced-motion: reduce) {
+	.xtyle-image__placeholder { animation: none; }
+	.xtyle-image__img { transition: none; }
+	.xtyle-image__zoom { transition: none; }
+}
+`.trim();
+/**
+ * The lightbox variant of `<xtyle-dialog>`. The shared lightbox controller (`elements/lightbox.ts`)
+ * mounts an `<xtyle-dialog class="xtyle-lightbox">` on `document.body` and slots the image into the
+ * body and the caption into the footer; the dialog supplies the close button, scrim, focus trap,
+ * Escape, backdrop-click-to-close, and its own body-portal. These rules re-skin that dialog into an
+ * immersive viewer through the `.xtyle-lightbox` host class and `::part`-adjacent slot styling — the
+ * same override surface any app can use — so the lightbox is no longer a closed, hand-rolled box.
+ * They live in the shared component sheet the dialog's shadow adopts, so `:host()` and `::slotted()`
+ * resolve inside it; composed into `imageCss` below so the coverage lint still sees every token.
+ */
+export const imageLightboxCss = `
+:host(.xtyle-lightbox) .xtyle-dialog {
 	/* A definite viewport-relative size, not a max: a shrink-to-fit modal collapses to 0 around an
 	   image with only an intrinsic ratio and no intrinsic size (an SVG with a viewBox but no
 	   width/height), so the frame fills the capped area and the image is contained within it. */
 	width: 92vw;
 	height: 92vh;
+	max-width: none;
+	max-height: none;
+	background: transparent;
+	border: 0;
+	box-shadow: none;
 	overflow: visible;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-.xtyle-image__lightbox::backdrop { background: var(--scrim); }
-.xtyle-image__full {
-	display: block;
-	width: 100%;
-	height: 100%;
-	object-fit: contain;
-	/* The image is letterboxed inside the full-size frame, so a click on the empty area falls
-	   through to the dialog (which closes on a self-click), keeping click-outside-to-dismiss. */
-	pointer-events: none;
 }
-.xtyle-image__close {
+:host(.xtyle-lightbox) .xtyle-dialog__header {
 	position: absolute;
 	top: var(--space-2);
 	right: var(--space-2);
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	width: var(--space-6);
-	height: var(--space-6);
+	z-index: 1;
 	padding: 0;
 	border: 0;
-	border-radius: var(--radius-full);
-	background: var(--bg-1);
-	color: var(--fg-1);
+}
+:host(.xtyle-lightbox) .xtyle-dialog__close {
+	${cornerButton}
+	position: static;
 	cursor: pointer;
 }
-.xtyle-image__close:focus-visible {
-	outline: var(--border-thick) solid var(--ring);
-	outline-offset: 2px;
+:host(.xtyle-lightbox) .xtyle-dialog__body {
+	padding: 0;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	/* The image is letterboxed inside the full-size frame, so a click on the empty area falls through
+	   to the dialog (which closes on a self-click), keeping click-outside-to-dismiss. */
+	pointer-events: none;
 }
-@keyframes xtyle-image-shimmer {
-	from { background-position: 100% 0; }
-	to { background-position: -100% 0; }
+:host(.xtyle-lightbox) .xtyle-dialog__footer {
+	justify-content: center;
+	padding: var(--space-3) 0 0;
+	border: 0;
+	pointer-events: none;
 }
-@media (prefers-reduced-motion: reduce) {
-	.xtyle-image__placeholder { animation: none; }
-	.xtyle-image__img { transition: none; }
+:host(.xtyle-lightbox) ::slotted(.xtyle-image__full) {
+	display: block;
+	max-width: 100%;
+	max-height: 100%;
+	object-fit: contain;
+	pointer-events: none;
+}
+:host(.xtyle-lightbox) ::slotted(.xtyle-image__lightbox-caption) {
+	max-width: 72ch;
+	margin: 0;
+	color: var(--fg-1);
+	font-size: var(--text-sm);
+	line-height: var(--leading-normal);
+	text-align: center;
+	/* Re-enable selection on the caption; the footer around it stays click-through. */
+	pointer-events: auto;
 }
 `.trim();
+export const imageCss = `${imageFrameCss}\n${imageLightboxCss}`.trim();
 //# sourceMappingURL=image.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/css/components/image.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoHvB,CAAC,IAAI,EAAE,CAAC"}
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/css/components/image.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;CAiBpB,CAAC,IAAI,EAAE,CAAC;AAET,MAAM,aAAa,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDnB,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCd,CAAC,IAAI,EAAE,CAAC;AAET;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;GAuB7B,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCd,CAAC,IAAI,EAAE,CAAC;AAET,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,aAAa,KAAK,gBAAgB,EAAE,CAAC,IAAI,EAAE,CAAC"}

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

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

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

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

package/dist/css/components/rating.js

@@ -0,0 +1,42 @@
+export const ratingCss = `
+.xtyle-rating {
+	--rating-track: var(--neutral-bg);
+	--rating-fill: var(--accent);
+	display: inline-flex;
+	width: max-content;
+	position: relative;
+	font-size: var(--text-lg);
+	line-height: 1;
+	color: var(--rating-track);
+}
+.xtyle-rating__row {
+	display: inline-flex;
+	gap: 0.1em;
+}
+.xtyle-rating__row > svg {
+	flex: none;
+}
+.xtyle-rating__row--filled {
+	position: absolute;
+	inset: 0 auto 0 0;
+	overflow: hidden;
+	white-space: nowrap;
+	color: var(--rating-fill);
+}
+.xtyle-rating--sm {
+	font-size: var(--text-sm);
+}
+.xtyle-rating--lg {
+	font-size: var(--text-2xl);
+}
+.xtyle-rating--interactive {
+	cursor: pointer;
+	touch-action: none;
+}
+.xtyle-rating--interactive:focus-visible {
+	outline: none;
+	border-radius: var(--radius-sm);
+	box-shadow: 0 0 0 var(--border-thick) var(--ring);
+}
+`.trim();
+//# sourceMappingURL=rating.js.map

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

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

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

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

package/dist/css/components/skeleton.js

@@ -52,5 +52,8 @@ export const skeletonCss = `
 	width: var(--space-8);
 	height: var(--space-8);
 }
+@media (prefers-reduced-motion: reduce) {
+	.xtyle-skeleton { animation: none; }
+}
 `.trim();
 //# sourceMappingURL=skeleton.js.map

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

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

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

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

package/dist/css/components/sparkline.js

@@ -34,6 +34,13 @@ export const sparklineCss = `
 .xtyle-sparkline__bar {
 	fill: var(--spark-color);
 }
+.xtyle-sparkline__track {
+	fill: var(--line);
+	opacity: 0.4;
+}
+.xtyle-sparkline__block {
+	fill: var(--spark-color);
+}
 .xtyle-sparkline__end {
 	fill: var(--spark-color);
 	stroke: var(--bg-0);

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

@@ -1 +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"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgF1B,QAAQ;CACT,CAAC,IAAI,EAAE,CAAC"}

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

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

package/dist/css/components/spinner.js

@@ -29,5 +29,8 @@ ${toneRules}
 @keyframes xtyle-spinner-spin {
 	to { transform: rotate(360deg); }
 }
+@media (prefers-reduced-motion: reduce) {
+	.xtyle-spinner { animation: none; }
+}
 `.trim();
 //# sourceMappingURL=spinner.js.map

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

@@ -1 +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"}
+{"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;;;;;;;CAOV,CAAC,IAAI,EAAE,CAAC"}

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

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

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

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

package/dist/css/components/steps.js

@@ -0,0 +1,75 @@
+export const stepsCss = `
+.xtyle-steps {
+	display: block;
+	font-family: var(--font-sans);
+}
+.xtyle-steps__list {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	display: flex;
+	counter-reset: xtyle-step;
+}
+.xtyle-steps__step {
+	flex: 1;
+	min-width: 0;
+	position: relative;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	text-align: center;
+	gap: var(--space-2);
+	counter-increment: xtyle-step;
+	font-size: var(--text-sm);
+	color: var(--fg-1);
+}
+.xtyle-steps__step::before {
+	content: counter(xtyle-step);
+	z-index: 1;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 1.8rem;
+	height: 1.8rem;
+	border-radius: var(--radius-full);
+	font-size: var(--text-sm);
+	font-weight: var(--weight-semibold);
+	background: var(--bg-1);
+	color: var(--fg-2);
+	border: var(--border-thick) solid var(--line);
+	box-sizing: border-box;
+}
+.xtyle-steps__step::after {
+	content: "";
+	position: absolute;
+	top: 0.9rem;
+	left: -50%;
+	width: 100%;
+	height: var(--border-thick);
+	background: var(--line);
+	z-index: 0;
+}
+.xtyle-steps__step:first-child::after {
+	display: none;
+}
+.xtyle-steps__step--done::before {
+	content: "\\2713";
+	background: var(--accent);
+	color: var(--accent-fg);
+	border-color: var(--accent);
+}
+.xtyle-steps__step--current::before {
+	background: var(--bg-0);
+	color: var(--accent-text);
+	border-color: var(--accent);
+}
+.xtyle-steps__step--current {
+	color: var(--fg-0);
+	font-weight: var(--weight-medium);
+}
+.xtyle-steps__step--done::after,
+.xtyle-steps__step--current::after {
+	background: var(--accent);
+}
+`.trim();
+//# sourceMappingURL=steps.js.map

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

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

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

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

package/dist/css/components/swatch.js

@@ -51,6 +51,17 @@ export const swatchCss = `
 		0 0 0 var(--border-thin) var(--bg-1),
 		0 0 0 calc(var(--border-thin) + var(--border-thick)) var(--accent);
 }
+@container style(--selection-cue: marker) {
+	.xtyle-swatch--selected .xtyle-swatch__dot { position: relative; }
+	.xtyle-swatch--selected .xtyle-swatch__dot::after {
+		content: "";
+		position: absolute;
+		inset: calc(-1 * var(--space-1) - var(--border-thick));
+		border-radius: var(--radius-md);
+		box-shadow: 0 0 0 var(--border-normal) var(--fg-0);
+		pointer-events: none;
+	}
+}
 .xtyle-swatch__details {
 	position: absolute;
 	z-index: 1;

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

@@ -1 +1 @@
-{"version":3,"file":"swatch.js","sourceRoot":"","sources":["../../../src/css/components/swatch.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoGxB,CAAC,IAAI,EAAE,CAAC"}
+{"version":3,"file":"swatch.js","sourceRoot":"","sources":["../../../src/css/components/swatch.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+GxB,CAAC,IAAI,EAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/css/components/table.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,QA4Ib,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/css/components/table.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,QAkJb,CAAC"}

package/dist/css/components/table.js

@@ -7,6 +7,12 @@ export const tableCss = `
 	overflow: auto;
 	border-radius: var(--radius-lg);
 }
+/* The wrap becomes a tabbable scroll region only when it overflows (see the element's scroll
+   affordance); an outline sits outside the border box, so the scrolled table can't cover it. */
+.xtyle-table-wrap:focus-visible {
+	outline: var(--border-thick) solid var(--ring);
+	outline-offset: 2px;
+}
 .xtyle-table {
 	width: 100%;
 	border-collapse: separate;

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

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

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

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

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

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

package/dist/css/components/timeline.js

@@ -0,0 +1,64 @@
+export const timelineCss = `
+.xtyle-timeline {
+	display: block;
+	font-family: var(--font-sans);
+}
+.xtyle-timeline__list {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+.xtyle-timeline__item {
+	position: relative;
+	padding-left: var(--space-5);
+	padding-bottom: var(--space-4);
+}
+.xtyle-timeline__item::before {
+	content: "";
+	position: absolute;
+	left: 0;
+	top: 0.2rem;
+	width: 0.7rem;
+	height: 0.7rem;
+	border-radius: var(--radius-full);
+	background: var(--accent);
+	border: var(--border-thick) solid var(--bg-0);
+	box-sizing: border-box;
+	z-index: 1;
+}
+.xtyle-timeline__item::after {
+	content: "";
+	position: absolute;
+	left: 0.3rem;
+	top: 0.6rem;
+	bottom: 0;
+	width: var(--border-thin);
+	background: var(--line);
+}
+.xtyle-timeline__item:last-child {
+	padding-bottom: 0;
+}
+.xtyle-timeline__item:last-child::after {
+	display: none;
+}
+.xtyle-timeline__item > :is(strong, .xtyle-timeline__title) {
+	display: block;
+	margin: 0;
+	font-size: var(--text-sm);
+	font-weight: var(--weight-semibold);
+	color: var(--fg-0);
+	line-height: var(--leading-tight);
+}
+.xtyle-timeline__item > :is(time, .xtyle-timeline__meta) {
+	display: block;
+	font-size: var(--text-xs);
+	color: var(--fg-2);
+}
+.xtyle-timeline__item > :is(p, .xtyle-timeline__body) {
+	margin: var(--space-1) 0 0;
+	font-size: var(--text-sm);
+	color: var(--fg-1);
+	line-height: var(--leading-normal);
+}
+`.trim();
+//# sourceMappingURL=timeline.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/css/components/toast.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,QAAQ,QAkJb,CAAC"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/css/components/toast.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,QAAQ,QAiJb,CAAC"}

package/dist/css/components/toast.js

@@ -72,7 +72,6 @@ ${solidRules}
 	font-size: var(--text-lg);
 }
 .xtyle-toast--noicon .xtyle-toast__icon { display: none; }
-:host(:has([slot="icon"])) .xtyle-toast__icon { display: inline-flex; }
 .xtyle-toast__body {
 	display: flex;
 	flex-direction: column;

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

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/css/components/toast.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,mCAAmC,CAAC;;;uBAGrB,CAAC;;kCAEU,CAAC,sCAAsC,CAAC,MAAM,CAC/E,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,UAAU,GAAG,KAAK,CAAC,GAAG,CAC3B,CAAC,CAAC,EAAE,EAAE,CAAC,oCAAoC,CAAC;qBACxB,CAAC;gBACN,CAAC;;;mCAGkB,CAAC,sCAAsC,CAAC,SAAS,CACnF,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyCtB,SAAS;EACT,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwGX,CAAC,IAAI,EAAE,CAAC"}
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/css/components/toast.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,mCAAmC,CAAC;;;uBAGrB,CAAC;;kCAEU,CAAC,sCAAsC,CAAC,MAAM,CAC/E,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,UAAU,GAAG,KAAK,CAAC,GAAG,CAC3B,CAAC,CAAC,EAAE,EAAE,CAAC,oCAAoC,CAAC;qBACxB,CAAC;gBACN,CAAC;;;mCAGkB,CAAC,sCAAsC,CAAC,SAAS,CACnF,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyCtB,SAAS;EACT,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuGX,CAAC,IAAI,EAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/css/components.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAuIH,oDAAoD;AACpD,eAAO,MAAM,aAAa,EAAE,MAgEhB,CAAC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/css/components.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AA0IH,oDAAoD;AACpD,eAAO,MAAM,aAAa,EAAE,MAmEhB,CAAC"}

package/dist/css/components.js

@@ -44,6 +44,10 @@ import { skeletonCss } from "./components/skeleton.js";
 import { dialogCss } from "./components/dialog.js";
 import { toastCss } from "./components/toast.js";
 import { tableCss } from "./components/table.js";
+import { timelineCss } from "./components/timeline.js";
+import { stepsCss } from "./components/steps.js";
+import { ratingCss } from "./components/rating.js";
+import { emptyCss } from "./components/empty.js";
 import { dockZoneCss } from "./components/dock-zone.js";
 import { progressCss } from "./components/progress.js";
 import { sliderCss } from "./components/slider.js";
@@ -178,6 +182,9 @@ export const componentsCss = [
     dialogCss,
     toastCss,
     tableCss,
+    timelineCss,
+    stepsCss,
+    ratingCss, emptyCss,
     dockZoneCss,
     progressCss,
     sliderCss,

package/dist/css/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/css/components.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/css/components.ts"],"names":[],"mappings":"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"}

package/dist/css/index.d.ts

@@ -8,6 +8,10 @@ export { kbdCss } from "./components/kbd.js";
 export { iconCss } from "./components/icon.js";
 export { imageCss } from "./components/image.js";
 export { carouselCss } from "./components/carousel.js";
+export { timelineCss } from "./components/timeline.js";
+export { stepsCss } from "./components/steps.js";
+export { ratingCss } from "./components/rating.js";
+export { emptyCss } from "./components/empty.js";
 export { parallaxCss } from "./components/parallax.js";
 export { heroCss } from "./components/hero.js";
 export { barCss } from "./components/bar.js";

package/dist/css/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/css/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D,OAAO,EAAgB,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD;;;;GAIG;AACH,wBAAgB,OAAO,CACtB,MAAM,EAAE,MAAM,EAAE,EAChB,UAAU,EAAE,eAAe,EAC3B,OAAO,CAAC,EAAE,cAAc,GACtB,MAAM,CAER;AAID;;;;GAIG;AACH,wBAAgB,mBAAmB,IAAI,aAAa,GAAG,IAAI,CAO1D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/css/index.ts"],"names":[],"mappings":"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"}

package/dist/css/index.js

@@ -7,6 +7,10 @@ export { kbdCss } from "./components/kbd.js";
 export { iconCss } from "./components/icon.js";
 export { imageCss } from "./components/image.js";
 export { carouselCss } from "./components/carousel.js";
+export { timelineCss } from "./components/timeline.js";
+export { stepsCss } from "./components/steps.js";
+export { ratingCss } from "./components/rating.js";
+export { emptyCss } from "./components/empty.js";
 export { parallaxCss } from "./components/parallax.js";
 export { heroCss } from "./components/hero.js";
 export { barCss } from "./components/bar.js";