@xtyle/core 0.5.0

package/dist/css/components/radio.js

@@ -0,0 +1,134 @@
+import { FULL_TONES as TONES } from "../../vocab.js";
+const checkedRules = TONES.map((t) => `.xtyle-radio--${t} .xtyle-radio__control:checked ~ .xtyle-radio__indicator {
+	border-color: var(--${t});
+	background: var(--${t});
+}
+.xtyle-radio--${t} .xtyle-radio__control:checked ~ .xtyle-radio__indicator::after {
+	background: var(--${t}-fg);
+}`).join("\n");
+export const radioCss = `
+.xtyle-radio {
+	display: inline-flex;
+	align-items: center;
+	gap: var(--space-2);
+	font-family: var(--font-sans);
+	font-size: var(--text-body);
+	line-height: var(--leading-normal);
+	color: var(--fg-0);
+	cursor: pointer;
+	position: relative;
+	isolation: isolate;
+}
+.xtyle-radio__control {
+	position: absolute;
+	width: 1em;
+	height: 1em;
+	margin: 0;
+	inset: 0;
+	opacity: 0;
+	cursor: inherit;
+}
+.xtyle-radio__indicator {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	flex: none;
+	width: 1.15em;
+	height: 1.15em;
+	border: var(--border-normal) solid var(--field-border);
+	border-radius: var(--radius-full);
+	background: var(--field-bg);
+	transition:
+		background-color var(--duration-fast) var(--ease-standard),
+		border-color var(--duration-fast) var(--ease-standard),
+		box-shadow var(--duration-fast) var(--ease-standard);
+}
+.xtyle-radio__indicator::after {
+	content: "";
+	width: 0.5em;
+	height: 0.5em;
+	border-radius: var(--radius-full);
+	background: transparent;
+	transform: scale(0);
+	transition:
+		transform var(--duration-fast) var(--ease-emphasized),
+		background-color var(--duration-fast) var(--ease-standard);
+}
+.xtyle-radio__label {
+	display: inline-flex;
+	align-items: center;
+}
+.xtyle-radio--sm {
+	font-size: var(--text-sm);
+	gap: var(--space-1);
+}
+.xtyle-radio--lg {
+	font-size: var(--text-lg);
+	gap: var(--space-3);
+}
+${checkedRules}
+.xtyle-radio__control:checked ~ .xtyle-radio__indicator::after {
+	transform: scale(1);
+}
+.xtyle-radio:hover .xtyle-radio__indicator {
+	border-color: var(--line-2);
+	background: var(--state-hover);
+}
+.xtyle-radio__control:checked ~ .xtyle-radio__indicator {
+	background: var(--accent);
+	border-color: var(--accent);
+}
+.xtyle-radio__control:checked ~ .xtyle-radio__indicator::after {
+	background: var(--accent-fg);
+}
+.xtyle-radio__control:focus-visible ~ .xtyle-radio__indicator {
+	outline: var(--border-normal) solid transparent;
+	box-shadow: 0 0 0 var(--border-thick) var(--ring);
+}
+.xtyle-radio--invalid .xtyle-radio__indicator {
+	border-color: var(--danger);
+}
+.xtyle-radio__control:disabled ~ .xtyle-radio__indicator {
+	background: var(--state-disabled);
+	border-color: var(--line);
+}
+.xtyle-radio:has(.xtyle-radio__control:disabled),
+.xtyle-radio[aria-disabled="true"] {
+	cursor: not-allowed;
+	color: var(--fg-disabled);
+}
+.xtyle-radio__control:disabled:checked ~ .xtyle-radio__indicator {
+	background: var(--state-disabled);
+	border-color: var(--line);
+}
+.xtyle-radio__control:disabled:checked ~ .xtyle-radio__indicator::after {
+	background: var(--fg-disabled);
+}
+.xtyle-radio-group {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-2);
+	font-family: var(--font-sans);
+	border: 0;
+	margin: 0;
+	padding: 0;
+	min-width: 0;
+}
+.xtyle-radio-group--horizontal {
+	flex-direction: row;
+	flex-wrap: wrap;
+	gap: var(--space-4);
+	align-items: center;
+}
+.xtyle-radio-group__label {
+	font-size: var(--text-sm);
+	font-weight: var(--weight-medium);
+	color: var(--fg-1);
+	line-height: var(--leading-normal);
+	padding: 0;
+}
+.xtyle-radio-group--horizontal .xtyle-radio-group__label {
+	flex: none;
+}
+`.trim();
+//# sourceMappingURL=radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/css/components/radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,YAAY,GAAG,KAAK,CAAC,GAAG,CAC7B,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC;uBACH,CAAC;qBACH,CAAC;;gBAEN,CAAC;qBACI,CAAC;EACpB,CACD,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DtB,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEb,CAAC,IAAI,EAAE,CAAC"}

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

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

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

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

package/dist/css/components/section.js

@@ -0,0 +1,45 @@
+import { FULL_TONES } from "../../vocab.js";
+const toneSurfaces = FULL_TONES.map((t) => `.xtyle-section--${t} { background: var(--${t}-bg); }`).join("\n");
+const toneBorders = FULL_TONES.map((t) => `.xtyle-section--bordered.xtyle-section--${t} { border-block: var(--border-thin) solid var(--${t}); }`).join("\n");
+export const sectionCss = `
+[data-section] { display: contents; }
+.xtyle-section {
+	padding: var(--space-8) var(--space-5);
+}
+.xtyle-section--none { padding: 0; }
+.xtyle-section--sm { padding: var(--space-5) var(--space-5); }
+.xtyle-section--md { padding: var(--space-6) var(--space-5); }
+.xtyle-section--quiet { background: var(--bg-1); }
+${toneSurfaces}
+.xtyle-section--bordered.xtyle-section--plain { border-block: var(--border-thin) solid var(--line); }
+.xtyle-section--bordered.xtyle-section--quiet { border-block: var(--border-thin) solid var(--line); }
+${toneBorders}
+.xtyle-section--stage {
+	position: relative;
+	background:
+		linear-gradient(var(--accent-bg), var(--accent-bg)) padding-box,
+		var(--bg-2);
+	border: var(--border-thin) solid var(--accent);
+	border-radius: var(--radius-lg);
+	box-shadow:
+		var(--elevation-3),
+		0 0 0 var(--border-thin) var(--ring-bg);
+	padding: var(--space-6);
+}
+.xtyle-section__label {
+	position: absolute;
+	top: var(--space-2);
+	right: var(--space-3);
+	font-family: var(--font-mono);
+	font-size: var(--text-xs);
+	color: var(--accent-text);
+	letter-spacing: 0.04em;
+	text-transform: uppercase;
+}
+@media (max-width: 40rem) {
+	.xtyle-section:not(.xtyle-section--stage) { padding: var(--space-6) var(--space-4); }
+	.xtyle-section--sm:not(.xtyle-section--stage) { padding: var(--space-4) var(--space-4); }
+	.xtyle-section--md:not(.xtyle-section--stage) { padding: var(--space-5) var(--space-4); }
+}
+`.trim();
+//# sourceMappingURL=section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"section.js","sourceRoot":"","sources":["../../../src/css/components/section.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,CAClC,CAAC,CAAC,EAAE,EAAE,CAAC,mBAAmB,CAAC,wBAAwB,CAAC,SAAS,CAC7D,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,WAAW,GAAG,UAAU,CAAC,GAAG,CACjC,CAAC,CAAC,EAAE,EAAE,CAAC,2CAA2C,CAAC,mDAAmD,CAAC,MAAM,CAC7G,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,CAAC,MAAM,UAAU,GAAG;;;;;;;;;EASxB,YAAY;;;EAGZ,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BZ,CAAC,IAAI,EAAE,CAAC"}

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

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

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

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

package/dist/css/components/segmented.js

@@ -0,0 +1,129 @@
+import { FULL_TONES } from "../../vocab.js";
+const segmentedToneVars = FULL_TONES.map((t) => `.xtyle-segmented--${t} { --seg-fill: var(--${t}); --seg-ink: var(--${t}-fg); }`).join("\n");
+export const segmentedCss = `
+.xtyle-segmented-field {
+	display: inline-flex;
+	flex-direction: column;
+	gap: var(--space-2);
+	font-family: var(--font-sans);
+}
+.xtyle-segmented__label {
+	color: var(--fg-1);
+	font-size: var(--text-sm);
+}
+.xtyle-segmented {
+	--seg-fill: var(--accent);
+	--seg-ink: var(--accent-fg);
+	display: inline-flex;
+	gap: var(--space-1);
+	padding: var(--space-1);
+	background: var(--bg-1);
+	border: var(--border-thin) solid var(--line-2);
+	border-radius: var(--radius-md);
+}
+.xtyle-segmented__option {
+	appearance: none;
+	border: none;
+	background: transparent;
+	color: var(--fg-1);
+	font: inherit;
+	font-size: var(--text-sm);
+	font-weight: var(--weight-medium);
+	padding: var(--space-1) var(--space-3);
+	border-radius: var(--radius-sm);
+	cursor: pointer;
+	position: relative;
+	isolation: isolate;
+	white-space: nowrap;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	transition:
+		color var(--duration-fast) var(--ease-standard),
+		background-color var(--duration-fast) var(--ease-standard);
+}
+.xtyle-segmented__option::after {
+	content: "";
+	position: absolute;
+	inset: 0;
+	border-radius: inherit;
+	background: transparent;
+	z-index: -1;
+	transition: background-color var(--duration-fast) var(--ease-standard);
+}
+.xtyle-segmented__option:hover {
+	color: var(--fg-0);
+}
+.xtyle-segmented__option:hover::after {
+	background: var(--state-hover);
+}
+.xtyle-segmented__option:active::after {
+	background: var(--state-press);
+}
+.xtyle-segmented__option[aria-checked="true"] {
+	color: var(--seg-ink);
+	background: var(--seg-fill);
+}
+.xtyle-segmented__option:focus-visible {
+	outline: var(--border-normal) solid transparent;
+	box-shadow: 0 0 0 var(--border-thick) var(--ring);
+}
+.xtyle-segmented__option:disabled {
+	cursor: not-allowed;
+	color: var(--fg-disabled);
+}
+.xtyle-segmented__option:disabled:hover::after { background: transparent; }
+.xtyle-segmented__badge {
+	margin-inline-start: var(--space-1);
+	font-size: 0.85em;
+	opacity: 0.7;
+	font-variant-numeric: tabular-nums;
+}
+.xtyle-segmented--sm .xtyle-segmented__option {
+	padding: var(--space-1) var(--space-2);
+}
+.xtyle-segmented--lg .xtyle-segmented__option {
+	padding: var(--space-2) var(--space-4);
+	font-size: var(--text-body);
+}
+/* Icon segments carry no text, so grow the glyph and square the padding: a prominent mark in a
+   snug box, rather than a tiny icon lost in text-sized padding. */
+.xtyle-segmented__option--icon {
+	font-size: 1.35em;
+	padding: var(--space-2);
+}
+.xtyle-segmented--sm .xtyle-segmented__option--icon {
+	padding: var(--space-1);
+}
+.xtyle-segmented--lg .xtyle-segmented__option--icon {
+	font-size: 1.5em;
+	padding: var(--space-2);
+}
+/* Collapse the projected segment's own line box so an icon's inline baseline can't leave it sitting
+   a pixel high inside the flex-centered option. ::slotted reaches the light-DOM child from the
+   shadow sheet, which a document-level selector on the host's children can't. */
+.xtyle-segmented__option ::slotted(*) {
+	display: inline-flex;
+	align-items: center;
+}
+.xtyle-segmented--disabled {
+	opacity: 0.6;
+}
+.xtyle-segmented--disabled .xtyle-segmented__option {
+	cursor: not-allowed;
+	color: var(--fg-disabled);
+}
+.xtyle-segmented--disabled .xtyle-segmented__option[aria-checked="true"] {
+	background: var(--state-disabled);
+	color: var(--fg-disabled);
+}
+@container style(--selection-cue: marker) {
+	.xtyle-segmented__option[aria-checked="true"]::before {
+		content: "✓";
+		margin-inline-end: var(--space-1);
+		font-size: 0.85em;
+	}
+}
+${segmentedToneVars}
+`.trim();
+//# sourceMappingURL=segmented.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"segmented.js","sourceRoot":"","sources":["../../../src/css/components/segmented.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,iBAAiB,GAAG,UAAU,CAAC,GAAG,CACvC,CAAC,CAAC,EAAE,EAAE,CAAC,qBAAqB,CAAC,wBAAwB,CAAC,uBAAuB,CAAC,SAAS,CACvF,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4H1B,iBAAiB;CAClB,CAAC,IAAI,EAAE,CAAC"}

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

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

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

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

package/dist/css/components/select.js

@@ -0,0 +1,75 @@
+export const selectCss = `
+.xtyle-select {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-1);
+	font-family: var(--font-sans);
+}
+.xtyle-select__label {
+	font-size: var(--text-sm);
+	font-weight: var(--weight-medium);
+	color: var(--fg-1);
+	line-height: var(--leading-normal);
+}
+.xtyle-select__label[hidden] { display: none; }
+.xtyle-select__control {
+	display: flex;
+	align-items: center;
+	position: relative;
+}
+.xtyle-select__field {
+	appearance: none;
+	width: 100%;
+	font-family: inherit;
+	cursor: pointer;
+	padding-right: var(--space-7);
+}
+.xtyle-select__field::-ms-expand { display: none; }
+.xtyle-select__chevron {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	position: absolute;
+	inset: 0 var(--space-3) 0 auto;
+	width: 1em;
+	color: var(--fg-2);
+	pointer-events: none;
+	transition: color var(--duration-fast) var(--ease-standard);
+}
+.xtyle-select__field:focus-visible + .xtyle-select__chevron {
+	color: var(--accent);
+}
+.xtyle-select--sm .xtyle-select__field {
+	font-size: var(--text-sm);
+	padding-top: var(--space-1);
+	padding-bottom: var(--space-1);
+}
+.xtyle-select--lg .xtyle-select__field {
+	font-size: var(--text-lg);
+	padding-top: var(--space-3);
+	padding-bottom: var(--space-3);
+}
+.xtyle-select--invalid .xtyle-select__field {
+	border-color: var(--danger);
+}
+.xtyle-select--invalid .xtyle-select__field:focus-visible {
+	border-color: var(--danger);
+	box-shadow: 0 0 0 var(--border-normal) var(--danger-bg);
+}
+.xtyle-select--invalid .xtyle-select__chevron {
+	color: var(--danger);
+}
+.xtyle-select__field:disabled {
+	cursor: not-allowed;
+}
+.xtyle-select__field:disabled + .xtyle-select__chevron {
+	color: var(--fg-disabled);
+}
+.xtyle-select__error {
+	font-size: var(--text-sm);
+	line-height: var(--leading-normal);
+	color: var(--danger-text);
+}
+.xtyle-select__error[hidden] { display: none; }
+`.trim();
+//# sourceMappingURL=select.js.map

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

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

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

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

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

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

package/dist/css/components/separator.js

@@ -0,0 +1,60 @@
+export const separatorCss = `
+[data-separator] { display: contents; }
+.xtyle-separator {
+	display: flex;
+	align-items: center;
+	border: 0;
+	color: var(--fg-2);
+	font-family: var(--font-sans);
+	font-size: var(--text-xs);
+	font-weight: var(--weight-medium);
+	line-height: var(--leading-tight);
+}
+.xtyle-separator:not(.xtyle-separator--with-label) {
+	background: var(--line);
+	width: 100%;
+	height: var(--border-thin);
+}
+.xtyle-separator--thin:not(.xtyle-separator--with-label) {
+	background: var(--line-2);
+}
+.xtyle-separator--vertical:not(.xtyle-separator--with-label) {
+	width: var(--border-thin);
+	height: 100%;
+	min-height: 1em;
+}
+.xtyle-separator--with-label {
+	gap: var(--space-3);
+	width: 100%;
+}
+.xtyle-separator--with-label::before,
+.xtyle-separator--with-label::after {
+	content: "";
+	flex: 1;
+	height: var(--border-thin);
+	background: var(--line);
+}
+.xtyle-separator--with-label.xtyle-separator--thin::before,
+.xtyle-separator--with-label.xtyle-separator--thin::after {
+	background: var(--line-2);
+}
+.xtyle-separator--with-label.xtyle-separator--vertical {
+	flex-direction: column;
+	gap: var(--space-2);
+	width: auto;
+	height: 100%;
+	min-height: 1em;
+}
+.xtyle-separator--with-label.xtyle-separator--vertical::before,
+.xtyle-separator--with-label.xtyle-separator--vertical::after {
+	width: var(--border-thin);
+	height: auto;
+}
+.xtyle-separator__label {
+	display: inline-flex;
+	align-items: center;
+	flex: none;
+	white-space: nowrap;
+}
+`.trim();
+//# sourceMappingURL=separator.js.map

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

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

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

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

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

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

package/dist/css/components/skeleton.js

@@ -0,0 +1,56 @@
+export const skeletonCss = `
+[data-skeleton] { display: contents; }
+.xtyle-skeleton {
+	display: block;
+	position: relative;
+	overflow: hidden;
+	background: var(--bg-2);
+	border-radius: var(--radius-md);
+	background-image: linear-gradient(
+		90deg,
+		var(--bg-2) 0%,
+		var(--bg-3) 50%,
+		var(--bg-2) 100%
+	);
+	background-size: 200% 100%;
+	background-repeat: no-repeat;
+	animation: xtyle-skeleton-shimmer var(--duration-slow) var(--ease-standard) infinite;
+}
+@keyframes xtyle-skeleton-shimmer {
+	from { background-position: 100% 0; }
+	to { background-position: -100% 0; }
+}
+.xtyle-skeleton--text {
+	height: var(--text-body);
+	border-radius: var(--radius-sm);
+}
+.xtyle-skeleton--text.xtyle-skeleton--sm { height: var(--text-sm); }
+.xtyle-skeleton--text.xtyle-skeleton--lg { height: var(--text-lg); }
+.xtyle-skeleton--line {
+	height: var(--border-thick);
+	border-radius: var(--radius-full);
+}
+.xtyle-skeleton--line.xtyle-skeleton--sm { height: var(--border-normal); }
+.xtyle-skeleton--line.xtyle-skeleton--lg { height: var(--space-1); }
+.xtyle-skeleton--block {
+	height: var(--space-7);
+	border-radius: var(--radius-md);
+}
+.xtyle-skeleton--block.xtyle-skeleton--sm { height: var(--space-6); }
+.xtyle-skeleton--block.xtyle-skeleton--lg { height: var(--space-8); }
+.xtyle-skeleton--circle {
+	width: var(--space-7);
+	height: var(--space-7);
+	aspect-ratio: 1;
+	border-radius: var(--radius-full);
+}
+.xtyle-skeleton--circle.xtyle-skeleton--sm {
+	width: var(--space-6);
+	height: var(--space-6);
+}
+.xtyle-skeleton--circle.xtyle-skeleton--lg {
+	width: var(--space-8);
+	height: var(--space-8);
+}
+`.trim();
+//# sourceMappingURL=skeleton.js.map

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

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

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

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

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

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