@xtyle/core 0.5.0

package/dist/css/components/tree.js

@@ -0,0 +1,135 @@
+export const treeCss = `
+.xtyle-tree,
+.xtyle-tree__group {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+.xtyle-tree {
+	font-family: var(--font-sans);
+	font-size: var(--text-sm);
+	color: var(--fg-1);
+}
+.xtyle-tree__group[hidden] { display: none; }
+.xtyle-tree__row {
+	--tree-level: 1;
+	display: flex;
+	align-items: center;
+	gap: var(--space-1);
+	padding-block: var(--space-1);
+	padding-inline-end: var(--space-2);
+	padding-inline-start: calc((var(--tree-level) - 1) * var(--space-4) + var(--space-2));
+	border-radius: var(--radius-sm);
+	color: var(--fg-2);
+	text-decoration: none;
+	cursor: pointer;
+	transition:
+		color var(--duration-fast) var(--ease-standard),
+		background-color var(--duration-fast) var(--ease-standard);
+}
+.xtyle-tree__row:hover {
+	background: var(--state-hover);
+	color: var(--fg-0);
+}
+.xtyle-tree__row--static {
+	cursor: default;
+}
+.xtyle-tree__row--static:hover {
+	background: transparent;
+	color: var(--fg-2);
+}
+.xtyle-tree__item:focus { outline: none; }
+.xtyle-tree__item:focus-visible > .xtyle-tree__row {
+	outline: var(--border-normal) solid transparent;
+	box-shadow: inset 0 0 0 var(--border-thick) var(--ring);
+}
+.xtyle-tree__item[aria-selected="true"] > .xtyle-tree__row {
+	background: var(--accent-bg);
+	color: var(--accent-text);
+	font-weight: var(--weight-medium);
+}
+.xtyle-tree__item[aria-disabled="true"] > .xtyle-tree__row {
+	color: var(--fg-disabled);
+	cursor: not-allowed;
+}
+.xtyle-tree__twisty {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: 1em;
+	height: 1em;
+	flex: none;
+	color: var(--fg-3);
+	transition: transform var(--duration-fast) var(--ease-standard);
+}
+.xtyle-tree__twisty svg {
+	width: 0.7em;
+	height: 0.7em;
+}
+.xtyle-tree__item[aria-expanded="true"] > .xtyle-tree__row > .xtyle-tree__twisty {
+	transform: rotate(90deg);
+}
+.xtyle-tree__twisty--leaf { visibility: hidden; }
+.xtyle-tree__label {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.xtyle-tree__trailing {
+	margin-inline-start: auto;
+	display: inline-flex;
+	align-items: center;
+	gap: var(--space-1);
+	flex: none;
+	padding-inline-start: var(--space-2);
+}
+.xtyle-tree__badge {
+	font-size: var(--text-xs);
+	color: var(--fg-3);
+	font-variant-numeric: tabular-nums;
+}
+.xtyle-tree__actions {
+	display: inline-flex;
+	align-items: center;
+	gap: var(--space-0);
+	opacity: 0;
+	transition: opacity var(--duration-fast) var(--ease-standard);
+}
+.xtyle-tree__row:hover .xtyle-tree__actions,
+.xtyle-tree__item:focus-visible > .xtyle-tree__row .xtyle-tree__actions,
+.xtyle-tree__actions:focus-within {
+	opacity: 1;
+}
+.xtyle-tree__action {
+	appearance: none;
+	border: none;
+	background: transparent;
+	color: var(--fg-2);
+	font: inherit;
+	font-size: var(--text-xs);
+	line-height: 1;
+	display: grid;
+	place-items: center;
+	width: var(--space-4);
+	height: var(--space-4);
+	border-radius: var(--radius-sm);
+	cursor: pointer;
+}
+.xtyle-tree__action:hover { color: var(--fg-0); background: var(--state-hover); }
+.xtyle-tree__action:focus-visible {
+	outline: var(--border-normal) solid transparent;
+	box-shadow: inset 0 0 0 var(--border-normal) var(--ring);
+	opacity: 1;
+}
+.xtyle-tree--lg { font-size: var(--text-body); }
+.xtyle-tree--lg .xtyle-tree__row { padding-block: var(--space-2); }
+@container style(--selection-cue: marker) {
+	.xtyle-tree__item[aria-selected="true"] > .xtyle-tree__row::after {
+		content: "✓";
+		margin-inline-start: auto;
+		padding-inline-start: var(--space-2);
+		flex: none;
+	}
+}
+`.trim();
+//# sourceMappingURL=tree.js.map

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

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

package/dist/css/components.d.ts

@@ -0,0 +1,15 @@
+/**
+ * The component class layer — the visual half of the component contract,
+ * authored once here as `:host`-free, token-consuming classes so every binding
+ * shares one source: `@xtyle/core/elements` adopts this sheet into its shadow roots,
+ * `@xtyle/astro` emits the same classes into light DOM, and an app is composed
+ * from them.
+ *
+ * Each component's classes live in its own module under `./components/`;
+ * `componentsCss` concatenates them. Controls and app-shell chrome (toolbar,
+ * dock, panel, statusbar) are the same kind of thing — token-class components —
+ * so building the app is just composition.
+ */
+/** The full component class layer, concatenated. */
+export declare const componentsCss: string;
+//# sourceMappingURL=components.d.ts.map

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

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

package/dist/css/components.js

@@ -0,0 +1,210 @@
+/**
+ * The component class layer — the visual half of the component contract,
+ * authored once here as `:host`-free, token-consuming classes so every binding
+ * shares one source: `@xtyle/core/elements` adopts this sheet into its shadow roots,
+ * `@xtyle/astro` emits the same classes into light DOM, and an app is composed
+ * from them.
+ *
+ * Each component's classes live in its own module under `./components/`;
+ * `componentsCss` concatenates them. Controls and app-shell chrome (toolbar,
+ * dock, panel, statusbar) are the same kind of thing — token-class components —
+ * so building the app is just composition.
+ */
+import { baseCss } from "./components/base.js";
+import { buttonCss } from "./components/button.js";
+import { cardCss } from "./components/card.js";
+import { fieldCss } from "./components/field.js";
+import { badgeCss } from "./components/badge.js";
+import { switchCss } from "./components/switch.js";
+import { alertCss } from "./components/alert.js";
+import { linkCss } from "./components/link.js";
+import { appShellCss } from "./components/app-shell.js";
+import { toolbarCss } from "./components/toolbar.js";
+import { dockCss } from "./components/dock.js";
+import { panelCss } from "./components/panel.js";
+import { statusbarCss } from "./components/statusbar.js";
+import { checkboxCss } from "./components/checkbox.js";
+import { radioCss } from "./components/radio.js";
+import { selectCss } from "./components/select.js";
+import { textareaCss } from "./components/textarea.js";
+import { formGroupCss } from "./components/form-group.js";
+import { headingCss } from "./components/heading.js";
+import { textCss } from "./components/text.js";
+import { separatorCss } from "./components/separator.js";
+import { stackCss } from "./components/stack.js";
+import { clusterCss } from "./components/cluster.js";
+import { gridCss } from "./components/grid.js";
+import { spinnerCss } from "./components/spinner.js";
+import { avatarCss } from "./components/avatar.js";
+import { avatarGroupCss } from "./components/avatar-group.js";
+import { tooltipCss } from "./components/tooltip.js";
+import { tabsCss } from "./components/tabs.js";
+import { breadcrumbCss } from "./components/breadcrumb.js";
+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 { dockZoneCss } from "./components/dock-zone.js";
+import { progressCss } from "./components/progress.js";
+import { sliderCss } from "./components/slider.js";
+import { colorPickerCss } from "./components/color-picker.js";
+import { numberInputCss } from "./components/number-input.js";
+import { segmentedCss } from "./components/segmented.js";
+import { accordionCss } from "./components/accordion.js";
+import { treeCss } from "./components/tree.js";
+import { splitterCss } from "./components/splitter.js";
+import { statCss } from "./components/stat.js";
+import { sectionCss } from "./components/section.js";
+import { eyebrowCss } from "./components/eyebrow.js";
+import { cardLinkCss } from "./components/card-link.js";
+import { tocCss } from "./components/toc.js";
+import { kbdCss } from "./components/kbd.js";
+import { iconCss } from "./components/icon.js";
+import { imageCss } from "./components/image.js";
+import { carouselCss } from "./components/carousel.js";
+import { parallaxCss } from "./components/parallax.js";
+import { heroCss } from "./components/hero.js";
+import { barCss } from "./components/bar.js";
+import { sparklineCss } from "./components/sparkline.js";
+import { heatmapCss } from "./components/heatmap.js";
+import { pieCss } from "./components/pie.js";
+import { swatchCss } from "./components/swatch.js";
+import { menuCss } from "./components/menu.js";
+import { codeCss } from "./components/code.js";
+import { paginationCss } from "./components/pagination.js";
+/** Host-layout rules for elements that render to light DOM (host slot `style: "inherit"`).
+ * Their `:host { display: … }` rule can't apply with no shadow, so it lives here as an
+ * element selector instead. One line per migrated component; grows as elements move off the
+ * shadow path, and the per-element `*HostCss` (still used by the shadow build) retires with the
+ * last `isolated` consumer. */
+const hostDisplayCss = [
+    "xtyle-badge { display: inline-flex; }",
+    "xtyle-form-group { display: block; }",
+    "xtyle-cluster { display: block; } xtyle-cluster[inline] { display: inline-block; }",
+    "xtyle-stack { display: block; } xtyle-stack[inline] { display: inline-block; }",
+    "xtyle-grid { display: block; } xtyle-grid[inline] { display: inline-block; }",
+    "xtyle-card { display: block; }",
+    "xtyle-heading { display: block; }",
+    "xtyle-eyebrow { display: block; } xtyle-eyebrow[as=\"span\"] { display: inline; }",
+    "xtyle-stat { display: block; }",
+    'xtyle-separator { display: block; } xtyle-separator[orientation="vertical"] { display: inline-flex; height: 100%; }',
+    "xtyle-panel { display: block; }",
+    "xtyle-section { display: block; }",
+    "xtyle-kbd { display: inline-block; }",
+    "xtyle-icon { display: inline-flex; }",
+    "xtyle-image { display: block; }",
+    "xtyle-bar { display: block; }",
+    "xtyle-sparkline { display: inline-block; }",
+    "xtyle-heatmap { display: block; }",
+    "xtyle-pie { display: block; }",
+    "xtyle-spinner { display: inline-flex; }",
+    "xtyle-skeleton { display: block; }",
+    "xtyle-link { display: inline; }",
+    "xtyle-card-link { display: block; }",
+    "xtyle-avatar { display: inline-flex; }",
+    "xtyle-avatar-group { display: inline-flex; }",
+    "xtyle-button { display: inline-flex; } xtyle-button[block] { display: flex; }",
+    "xtyle-alert { display: block; }",
+    'xtyle-text { display: block; } xtyle-text[as="span"] { display: inline; }',
+    'xtyle-progress { display: inline-flex; vertical-align: middle; } xtyle-progress[variant="linear"] { display: flex; width: 100%; } xtyle-progress threshold { display: none; }',
+    "xtyle-toast { display: block; }",
+    "xtyle-breadcrumb { display: block; }",
+    "xtyle-code { display: block; position: relative; }",
+    "xtyle-switch { display: inline-flex; }",
+    "xtyle-pagination { display: block; }",
+    "xtyle-segmented { display: inline-block; }",
+    "xtyle-swatch { display: inline-flex; }",
+    "xtyle-toc { display: block; }",
+    "xtyle-statusbar { display: block; }",
+    "xtyle-checkbox { display: inline-block; }",
+    "xtyle-radio { display: inline-flex; } xtyle-radio[hidden] { display: none; }",
+    "xtyle-textarea { display: block; }",
+    "xtyle-number-input { display: inline-block; }",
+    "xtyle-slider { display: block; }",
+    "xtyle-menu { display: inline-block; }",
+    "xtyle-tree { display: block; }",
+    "xtyle-tooltip { display: inline-flex; }",
+    // `> option`/`> optgroup` are the consumer's config children, kept in light DOM (hidden) for the
+    // element to read on a rebuild; the visible options live inside the chrome's `<select>`.
+    "xtyle-select { display: block; } xtyle-select > option, xtyle-select > optgroup { display: none; }",
+    "xtyle-dialog { display: contents; }",
+    'xtyle-dock { display: block; min-height: 0; height: 100%; width: 18rem; } xtyle-dock[size="sm"] { width: 14rem; } xtyle-dock[size="lg"] { width: 22rem; }',
+    "xtyle-field { display: block; }",
+    "xtyle-splitter { display: block; flex: none; } xtyle-splitter[line] { position: relative; z-index: 1; }",
+    "xtyle-color-picker { display: inline-block; }",
+    "xtyle-tabs { display: block; }",
+    "xtyle-accordion { display: block; }",
+    'xtyle-toolbar { display: block; } xtyle-toolbar[sticky] { position: sticky; top: 0; z-index: var(--elevation-3); }',
+    "xtyle-app-shell { display: contents; }",
+    // Layout-transparent region wrapper for a slot that sits inline among chrome (e.g. panel
+    // actions), so light DOM has a clean `[data-slot]` to relocate into without it becoming a
+    // box of its own.
+    ".xtyle-slot { display: contents; }",
+].join("\n");
+/** The full component class layer, concatenated. */
+export const componentsCss = [
+    hostDisplayCss,
+    baseCss,
+    buttonCss,
+    cardCss,
+    fieldCss,
+    badgeCss,
+    switchCss,
+    alertCss,
+    linkCss,
+    appShellCss,
+    toolbarCss,
+    dockCss,
+    panelCss,
+    statusbarCss,
+    checkboxCss,
+    radioCss,
+    selectCss,
+    textareaCss,
+    formGroupCss,
+    headingCss,
+    textCss,
+    separatorCss,
+    stackCss,
+    clusterCss,
+    gridCss,
+    spinnerCss,
+    avatarCss,
+    avatarGroupCss,
+    tooltipCss,
+    tabsCss,
+    breadcrumbCss,
+    skeletonCss,
+    dialogCss,
+    toastCss,
+    tableCss,
+    dockZoneCss,
+    progressCss,
+    sliderCss,
+    colorPickerCss,
+    numberInputCss,
+    segmentedCss,
+    accordionCss,
+    treeCss,
+    splitterCss,
+    statCss,
+    sectionCss,
+    eyebrowCss,
+    cardLinkCss,
+    tocCss,
+    kbdCss,
+    iconCss,
+    imageCss,
+    carouselCss,
+    parallaxCss,
+    heroCss,
+    barCss,
+    sparklineCss,
+    heatmapCss,
+    pieCss,
+    swatchCss,
+    menuCss,
+    codeCss,
+    paginationCss,
+].join("\n");
+//# sourceMappingURL=components.js.map

package/dist/css/components.js.map

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

package/dist/css/index.d.ts

@@ -0,0 +1,77 @@
+export { utilitiesCss } from "./utilities.js";
+export type { UtilityOptions } from "./utilities.js";
+export { componentsCss } from "./components.js";
+export { cardCss } from "./components/card.js";
+export { badgeCss } from "./components/badge.js";
+export { eyebrowCss } from "./components/eyebrow.js";
+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 { parallaxCss } from "./components/parallax.js";
+export { heroCss } from "./components/hero.js";
+export { barCss } from "./components/bar.js";
+export { sparklineCss } from "./components/sparkline.js";
+export { heatmapCss } from "./components/heatmap.js";
+export { pieCss } from "./components/pie.js";
+export { statCss } from "./components/stat.js";
+export { textCss } from "./components/text.js";
+export { headingCss } from "./components/heading.js";
+export { linkCss } from "./components/link.js";
+export { separatorCss } from "./components/separator.js";
+export { spinnerCss } from "./components/spinner.js";
+export { skeletonCss } from "./components/skeleton.js";
+export { avatarCss } from "./components/avatar.js";
+export { avatarGroupCss } from "./components/avatar-group.js";
+export { panelCss } from "./components/panel.js";
+export { stackCss } from "./components/stack.js";
+export { clusterCss } from "./components/cluster.js";
+export { gridCss } from "./components/grid.js";
+export { sectionCss } from "./components/section.js";
+export { progressCss } from "./components/progress.js";
+export { alertCss } from "./components/alert.js";
+export { buttonCss } from "./components/button.js";
+export { appShellCss } from "./components/app-shell.js";
+export { cardLinkCss } from "./components/card-link.js";
+export { checkboxCss } from "./components/checkbox.js";
+export { dockCss } from "./components/dock.js";
+export { fieldCss } from "./components/field.js";
+export { formGroupCss } from "./components/form-group.js";
+export { selectCss } from "./components/select.js";
+export { switchCss } from "./components/switch.js";
+export { textareaCss } from "./components/textarea.js";
+export { toolbarCss } from "./components/toolbar.js";
+export { tooltipCss } from "./components/tooltip.js";
+export { swatchCss } from "./components/swatch.js";
+export { radioCss } from "./components/radio.js";
+export { toastCss } from "./components/toast.js";
+export { tabsCss } from "./components/tabs.js";
+export { accordionCss } from "./components/accordion.js";
+export { breadcrumbCss } from "./components/breadcrumb.js";
+export { colorPickerCss } from "./components/color-picker.js";
+export { dialogCss } from "./components/dialog.js";
+export { menuCss } from "./components/menu.js";
+export { numberInputCss } from "./components/number-input.js";
+export { segmentedCss } from "./components/segmented.js";
+export { sliderCss } from "./components/slider.js";
+export { statusbarCss } from "./components/statusbar.js";
+export { tocCss } from "./components/toc.js";
+export { treeCss } from "./components/tree.js";
+export { splitterCss } from "./components/splitter.js";
+export { codeCss } from "./components/code.js";
+export { paginationCss } from "./components/pagination.js";
+import { type UtilityOptions } from "./utilities.js";
+import type { TokenCategories } from "../types.js";
+/**
+ * The full base stylesheet: utilities generated from the given token register
+ * keys, followed by the component class layer. Hand this to any consumer that
+ * wants the whole vocabulary as one sheet.
+ */
+export declare function baseCss(tokens: string[], categories: TokenCategories, options?: UtilityOptions): string;
+/**
+ * A shared constructable stylesheet of the component layer, for adoption into
+ * shadow roots (`@xtyle/core/elements`). Returns the same instance across calls so every
+ * element shares one sheet; returns null outside a DOM (SSR / Node).
+ */
+export declare function componentStyleSheet(): CSSStyleSheet | null;
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/css/index.js

@@ -0,0 +1,87 @@
+export { utilitiesCss } from "./utilities.js";
+export { componentsCss } from "./components.js";
+export { cardCss } from "./components/card.js";
+export { badgeCss } from "./components/badge.js";
+export { eyebrowCss } from "./components/eyebrow.js";
+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 { parallaxCss } from "./components/parallax.js";
+export { heroCss } from "./components/hero.js";
+export { barCss } from "./components/bar.js";
+export { sparklineCss } from "./components/sparkline.js";
+export { heatmapCss } from "./components/heatmap.js";
+export { pieCss } from "./components/pie.js";
+export { statCss } from "./components/stat.js";
+export { textCss } from "./components/text.js";
+export { headingCss } from "./components/heading.js";
+export { linkCss } from "./components/link.js";
+export { separatorCss } from "./components/separator.js";
+export { spinnerCss } from "./components/spinner.js";
+export { skeletonCss } from "./components/skeleton.js";
+export { avatarCss } from "./components/avatar.js";
+export { avatarGroupCss } from "./components/avatar-group.js";
+export { panelCss } from "./components/panel.js";
+export { stackCss } from "./components/stack.js";
+export { clusterCss } from "./components/cluster.js";
+export { gridCss } from "./components/grid.js";
+export { sectionCss } from "./components/section.js";
+export { progressCss } from "./components/progress.js";
+export { alertCss } from "./components/alert.js";
+export { buttonCss } from "./components/button.js";
+export { appShellCss } from "./components/app-shell.js";
+export { cardLinkCss } from "./components/card-link.js";
+export { checkboxCss } from "./components/checkbox.js";
+export { dockCss } from "./components/dock.js";
+export { fieldCss } from "./components/field.js";
+export { formGroupCss } from "./components/form-group.js";
+export { selectCss } from "./components/select.js";
+export { switchCss } from "./components/switch.js";
+export { textareaCss } from "./components/textarea.js";
+export { toolbarCss } from "./components/toolbar.js";
+export { tooltipCss } from "./components/tooltip.js";
+export { swatchCss } from "./components/swatch.js";
+export { radioCss } from "./components/radio.js";
+export { toastCss } from "./components/toast.js";
+export { tabsCss } from "./components/tabs.js";
+export { accordionCss } from "./components/accordion.js";
+export { breadcrumbCss } from "./components/breadcrumb.js";
+export { colorPickerCss } from "./components/color-picker.js";
+export { dialogCss } from "./components/dialog.js";
+export { menuCss } from "./components/menu.js";
+export { numberInputCss } from "./components/number-input.js";
+export { segmentedCss } from "./components/segmented.js";
+export { sliderCss } from "./components/slider.js";
+export { statusbarCss } from "./components/statusbar.js";
+export { tocCss } from "./components/toc.js";
+export { treeCss } from "./components/tree.js";
+export { splitterCss } from "./components/splitter.js";
+export { codeCss } from "./components/code.js";
+export { paginationCss } from "./components/pagination.js";
+import { componentsCss } from "./components.js";
+import { utilitiesCss } from "./utilities.js";
+/**
+ * The full base stylesheet: utilities generated from the given token register
+ * keys, followed by the component class layer. Hand this to any consumer that
+ * wants the whole vocabulary as one sheet.
+ */
+export function baseCss(tokens, categories, options) {
+    return `${utilitiesCss(tokens, categories, options)}\n${componentsCss}`;
+}
+let sheet = null;
+/**
+ * A shared constructable stylesheet of the component layer, for adoption into
+ * shadow roots (`@xtyle/core/elements`). Returns the same instance across calls so every
+ * element shares one sheet; returns null outside a DOM (SSR / Node).
+ */
+export function componentStyleSheet() {
+    if (typeof CSSStyleSheet === "undefined")
+        return null;
+    if (!sheet) {
+        sheet = new CSSStyleSheet();
+        sheet.replaceSync(componentsCss);
+    }
+    return sheet;
+}
+//# sourceMappingURL=index.js.map

package/dist/css/index.js.map

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

package/dist/css/utilities.d.ts

@@ -0,0 +1,16 @@
+import type { TokenCategories } from "../types.js";
+export interface UtilityOptions {
+    /** Class-name prefix. Defaults to `xtyle-`. */
+    prefix?: string;
+}
+/**
+ * Generate the Tailwind-like utility layer from a token register's keys. Every
+ * utility resolves to `var(--token)` rather than a baked value, so one emitted
+ * sheet stays correct across every theme — swap the `:root` register and all
+ * utilities (and components) restyle live.
+ *
+ * Pure: pass the token names and their categories (an algorithm's `produces` /
+ * `categories`) and get a stylesheet string back — no derivation runs.
+ */
+export declare function utilitiesCss(tokens: string[], categories: TokenCategories, options?: UtilityOptions): string;
+//# sourceMappingURL=utilities.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../src/css/utilities.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,MAAM,WAAW,cAAc;IAC9B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAiCD;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAC3B,MAAM,EAAE,MAAM,EAAE,EAChB,UAAU,EAAE,eAAe,EAC3B,OAAO,GAAE,cAAmB,GAC1B,MAAM,CA0ER"}