@xtyle/core 0.5.0

package/dist/elements/fragments/bar/source.generated.js

@@ -0,0 +1,4 @@
+// generated by scripts/build-fragments.mjs: do not edit
+export const manifest = { "$schema": "https://xript.dev/schema/mod/v0.7.json", "xript": "0.7", "name": "xtyle-bar-default", "version": "0.0.1", "title": "Xtyle Bar (default)", "description": "The built-in fill for the xtyle Bar chart: the mod-zero SVG markup every app inherits and may override.", "capabilities": ["xtyle.component.bar"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.bar": [{ "id": "bar", "format": "text/html+jsml", "source": "bar.html", "meta": { "tokens": ["--font-sans", "--text-xs", "--text-sm", "--fg-0", "--fg-1", "--fg-2", "--fg-3", "--line", "--line-2", "--space-1", "--space-2", "--space-3", "--radius-sm", "--radius-md", "--surface-overlay", "--surface-overlay-border", "--elevation-3", "--duration-fast", "--ease-standard", "--ring", "--border-thin", "--border-thick", "--weight-semibold", "--leading-normal"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/bar/mod.ts\n  var AMP = /&/g;\n  var LT = /</g;\n  var GT = />/g;\n  var QUOT = /\"/g;\n  function esc(value) {\n    return value.replace(AMP, \"&amp;\").replace(LT, \"&lt;\").replace(GT, \"&gt;\").replace(QUOT, \"&quot;\");\n  }\n  var IW = 640;\n  function niceMax(raw) {\n    if (raw <= 0) return 1;\n    const pow = 10 ** Math.floor(Math.log10(raw));\n    const n = raw / pow;\n    const step = n <= 1 ? 1 : n <= 2 ? 2 : n <= 2.5 ? 2.5 : n <= 5 ? 5 : 10;\n    return step * pow;\n  }\n  function ticks(max, count) {\n    return Array.from({ length: count + 1 }, (_, i) => max * i / count);\n  }\n  function formatTick(value) {\n    if (value >= 1e3) return `${(value / 1e3).toFixed(value % 1e3 === 0 ? 0 : 1)}k`;\n    return Number.isInteger(value) ? String(value) : String(Math.round(value * 100) / 100);\n  }\n  function seriesOf(b) {\n    return (b.series ?? []).map((s) => ({ name: s.name ?? \"\", values: Array.isArray(s.values) ? s.values : [] }));\n  }\n  function colorAt(colors, colorBy, si, ci) {\n    return (colorBy === \"category\" ? colors[ci] : colors[si]) ?? \"currentColor\";\n  }\n  function barClass(b) {\n    const horizontal = b.orientation === \"horizontal\";\n    return [\"xtyle-bar\", horizontal && \"xtyle-bar--horizontal\", b.stacked && \"xtyle-bar--stacked\", b.selectable && \"xtyle-bar--selectable\"].filter(Boolean).join(\" \");\n  }\n  function rect(x, y, w, h, fill, si, ci, label, selectable) {\n    const role = selectable ? \"button\" : \"img\";\n    return `<rect class=\"xtyle-bar__bar\" part=\"bar\" x=\"${x.toFixed(1)}\" y=\"${y.toFixed(1)}\" width=\"${Math.max(0, w).toFixed(1)}\" height=\"${Math.max(0, h).toFixed(1)}\" fill=\"${esc(fill)}\" data-si=\"${si}\" data-ci=\"${ci}\" tabindex=\"0\" role=\"${role}\" aria-label=\"${esc(label)}\"></rect>`;\n  }\n  function legendHtml(series, colors) {\n    const items = series.map(\n      (s, i) => `<span class=\"xtyle-bar__legend-item\" part=\"legend-item\"><span class=\"xtyle-bar__legend-dot\" style=\"background:${esc(colors[i] ?? \"currentColor\")}\"></span>${esc(s.name)}</span>`\n    ).join(\"\");\n    return `<div class=\"xtyle-bar__legend\" part=\"legend\">${items}</div>`;\n  }\n  function tableHtml(series, categories, caption) {\n    const head = `<tr><th scope=\"col\">Category</th>${series.map((s) => `<th scope=\"col\">${esc(s.name)}</th>`).join(\"\")}</tr>`;\n    const rows = categories.map(\n      (cat, ci) => `<tr><th scope=\"row\">${esc(cat)}</th>${series.map((s) => `<td>${esc(String(s.values[ci] ?? 0))}</td>`).join(\"\")}</tr>`\n    ).join(\"\");\n    const cap = caption ? `<caption>${esc(caption)}</caption>` : \"\";\n    return `<table class=\"xtyle-bar__a11y\">${cap}<thead>${head}</thead><tbody>${rows}</tbody></table>`;\n  }\n  function verticalPlot(b, series, colors, height) {\n    const categories = b.categories ?? [];\n    const stacked = !!b.stacked;\n    const selectable = !!b.selectable;\n    const pad = { top: 12, right: 12, bottom: 30, left: 44 };\n    const plotX0 = pad.left;\n    const plotX1 = IW - pad.right;\n    const plotY0 = pad.top;\n    const plotY1 = height - pad.bottom;\n    const plotW = plotX1 - plotX0;\n    const plotH = plotY1 - plotY0;\n    const n = categories.length;\n    const m = series.length;\n    const rawMax = stacked ? Math.max(0, ...categories.map((_, ci) => series.reduce((sum, s) => sum + Math.max(0, s.values[ci] ?? 0), 0))) : Math.max(0, ...series.flatMap((s) => s.values.map((v) => Math.max(0, v ?? 0))));\n    const max = niceMax(rawMax);\n    const yOf = (v) => plotY1 - Math.max(0, v) / max * plotH;\n    const grid = ticks(max, 4).map((t) => {\n      const y = yOf(t).toFixed(1);\n      return `<line class=\"xtyle-bar__grid\" x1=\"${plotX0}\" y1=\"${y}\" x2=\"${plotX1}\" y2=\"${y}\"></line><text class=\"xtyle-bar__ytick\" x=\"${plotX0 - 6}\" y=\"${y}\" dy=\"0.32em\" text-anchor=\"end\">${esc(formatTick(t))}</text>`;\n    }).join(\"\");\n    const bandW = n > 0 ? plotW / n : plotW;\n    const rects = [];\n    const xLabels = [];\n    const valueLabels = [];\n    for (let ci = 0; ci < n; ci++) {\n      const bandX = plotX0 + ci * bandW;\n      const centerX = bandX + bandW / 2;\n      xLabels.push(\n        `<text class=\"xtyle-bar__xtick\" x=\"${centerX.toFixed(1)}\" y=\"${(plotY1 + 18).toFixed(1)}\" text-anchor=\"middle\">${esc(categories[ci] ?? \"\")}</text>`\n      );\n      if (stacked) {\n        const barW = bandW * 0.6;\n        const x = bandX + (bandW - barW) / 2;\n        let acc = 0;\n        for (let si = 0; si < m; si++) {\n          const v = Math.max(0, series[si]?.values[ci] ?? 0);\n          if (v <= 0) continue;\n          const yTop = yOf(acc + v);\n          rects.push(rect(x, yTop, barW, yOf(acc) - yTop, colorAt(colors, b.colorBy, si, ci), si, ci, `${series[si]?.name ?? \"\"}, ${categories[ci] ?? \"\"}: ${v}`, selectable));\n          acc += v;\n        }\n      } else {\n        const groupW = bandW * 0.74;\n        const barW = m > 0 ? groupW / m : groupW;\n        const groupX0 = bandX + (bandW - groupW) / 2;\n        for (let si = 0; si < m; si++) {\n          const v = Math.max(0, series[si]?.values[ci] ?? 0);\n          const x = groupX0 + si * barW;\n          const yTop = yOf(v);\n          rects.push(rect(x + barW * 0.08, yTop, barW * 0.84, plotY1 - yTop, colorAt(colors, b.colorBy, si, ci), si, ci, `${series[si]?.name ?? \"\"}, ${categories[ci] ?? \"\"}: ${v}`, selectable));\n          if (b.showValues && v > 0) {\n            valueLabels.push(\n              `<text class=\"xtyle-bar__value\" x=\"${(x + barW / 2).toFixed(1)}\" y=\"${(yTop - 4).toFixed(1)}\" text-anchor=\"middle\">${esc(formatTick(v))}</text>`\n            );\n          }\n        }\n      }\n    }\n    const baseline = `<line class=\"xtyle-bar__axis\" x1=\"${plotX0}\" y1=\"${plotY1}\" x2=\"${plotX1}\" y2=\"${plotY1}\"></line>`;\n    return `<g class=\"xtyle-bar__grid-layer\">${grid}</g>${baseline}<g class=\"xtyle-bar__bars\">${rects.join(\"\")}</g><g class=\"xtyle-bar__values\">${valueLabels.join(\"\")}</g><g class=\"xtyle-bar__xlabels\">${xLabels.join(\"\")}</g>`;\n  }\n  function horizontalPlot(b, series, colors, height) {\n    const categories = b.categories ?? [];\n    const stacked = !!b.stacked;\n    const selectable = !!b.selectable;\n    const pad = { top: 12, right: 16, bottom: 28, left: 76 };\n    const plotX0 = pad.left;\n    const plotX1 = IW - pad.right;\n    const plotY0 = pad.top;\n    const plotY1 = height - pad.bottom;\n    const plotW = plotX1 - plotX0;\n    const plotH = plotY1 - plotY0;\n    const n = categories.length;\n    const m = series.length;\n    const rawMax = stacked ? Math.max(0, ...categories.map((_, ci) => series.reduce((sum, s) => sum + Math.max(0, s.values[ci] ?? 0), 0))) : Math.max(0, ...series.flatMap((s) => s.values.map((v) => Math.max(0, v ?? 0))));\n    const max = niceMax(rawMax);\n    const xOf = (v) => plotX0 + Math.max(0, v) / max * plotW;\n    const grid = ticks(max, 4).map((t) => {\n      const x = xOf(t).toFixed(1);\n      return `<line class=\"xtyle-bar__grid\" x1=\"${x}\" y1=\"${plotY0}\" x2=\"${x}\" y2=\"${plotY1}\"></line><text class=\"xtyle-bar__xtick\" x=\"${x}\" y=\"${(plotY1 + 18).toFixed(1)}\" text-anchor=\"middle\">${esc(formatTick(t))}</text>`;\n    }).join(\"\");\n    const bandH = n > 0 ? plotH / n : plotH;\n    const rects = [];\n    const catLabels = [];\n    const valueLabels = [];\n    for (let ci = 0; ci < n; ci++) {\n      const bandY = plotY0 + ci * bandH;\n      const centerY = bandY + bandH / 2;\n      catLabels.push(\n        `<text class=\"xtyle-bar__ytick\" x=\"${(plotX0 - 8).toFixed(1)}\" y=\"${centerY.toFixed(1)}\" dy=\"0.32em\" text-anchor=\"end\">${esc(categories[ci] ?? \"\")}</text>`\n      );\n      if (stacked) {\n        const barH = bandH * 0.6;\n        const y = bandY + (bandH - barH) / 2;\n        let acc = 0;\n        for (let si = 0; si < m; si++) {\n          const v = Math.max(0, series[si]?.values[ci] ?? 0);\n          if (v <= 0) continue;\n          const xStart = xOf(acc);\n          rects.push(rect(xStart, y, xOf(acc + v) - xStart, barH, colorAt(colors, b.colorBy, si, ci), si, ci, `${series[si]?.name ?? \"\"}, ${categories[ci] ?? \"\"}: ${v}`, selectable));\n          acc += v;\n        }\n      } else {\n        const groupH = bandH * 0.74;\n        const barH = m > 0 ? groupH / m : groupH;\n        const groupY0 = bandY + (bandH - groupH) / 2;\n        for (let si = 0; si < m; si++) {\n          const v = Math.max(0, series[si]?.values[ci] ?? 0);\n          const y = groupY0 + si * barH;\n          const w = xOf(v) - plotX0;\n          rects.push(rect(plotX0, y + barH * 0.08, w, barH * 0.84, colorAt(colors, b.colorBy, si, ci), si, ci, `${series[si]?.name ?? \"\"}, ${categories[ci] ?? \"\"}: ${v}`, selectable));\n          if (b.showValues && v > 0) {\n            valueLabels.push(\n              `<text class=\"xtyle-bar__value\" x=\"${(plotX0 + w + 4).toFixed(1)}\" y=\"${(y + barH / 2).toFixed(1)}\" dy=\"0.32em\" text-anchor=\"start\">${esc(formatTick(v))}</text>`\n            );\n          }\n        }\n      }\n    }\n    const baseline = `<line class=\"xtyle-bar__axis\" x1=\"${plotX0}\" y1=\"${plotY0}\" x2=\"${plotX0}\" y2=\"${plotY1}\"></line>`;\n    return `<g class=\"xtyle-bar__grid-layer\">${grid}</g>${baseline}<g class=\"xtyle-bar__bars\">${rects.join(\"\")}</g><g class=\"xtyle-bar__values\">${valueLabels.join(\"\")}</g><g class=\"xtyle-bar__ylabels\">${catLabels.join(\"\")}</g>`;\n  }\n  function barHtml(b) {\n    const series = seriesOf(b);\n    const categories = b.categories ?? [];\n    const colors = b.colors ?? [];\n    const height = Math.max(160, b.height ?? 320);\n    const horizontal = b.orientation === \"horizontal\";\n    if (categories.length === 0 || series.length === 0) {\n      const label = b.title ?? b.ariaLabel ?? \"\";\n      const emptySvg = `<svg class=\"xtyle-bar__svg\" viewBox=\"0 0 ${IW} ${height}\" preserveAspectRatio=\"xMidYMid meet\" role=\"img\" aria-label=\"${label ? esc(label) : \"No data\"}\"><text class=\"xtyle-bar__empty\" x=\"${IW / 2}\" y=\"${height / 2}\" text-anchor=\"middle\" dy=\"0.32em\">No data</text></svg>`;\n      return `<figure part=\"chart\" class=\"${barClass(b)}\" style=\"--bar-height:${height}px\">${emptySvg}</figure>`;\n    }\n    const plot = horizontal ? horizontalPlot(b, series, colors, height) : verticalPlot(b, series, colors, height);\n    const svg = `<svg class=\"xtyle-bar__svg\" viewBox=\"0 0 ${IW} ${height}\" preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\">${plot}</svg>`;\n    const legend = b.legend !== false && series.length > 1 ? legendHtml(series, colors) : \"\";\n    const tooltip = `<div class=\"xtyle-bar__tooltip\" part=\"tooltip\" role=\"status\" aria-hidden=\"true\" hidden></div>`;\n    const table = tableHtml(series, categories, b.title ?? b.ariaLabel ?? \"\");\n    return `<figure part=\"chart\" class=\"${barClass(b)}\" style=\"--bar-height:${height}px\">${svg}${legend}${tooltip}${table}</figure>`;\n  }\n  hooks.fragment.mount(\"bar\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-bar]\", barHtml(bindings));\n  });\n  hooks.fragment.update(\"bar\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-bar]\", barHtml(bindings));\n  });\n})();\n", "bar.html": "<div data-root data-bar></div>" };
+//# sourceMappingURL=source.generated.js.map

package/dist/elements/fragments/bar/source.generated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/bar/source.generated.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAC,SAAS,EAAC,wCAAwC,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,mBAAmB,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,qBAAqB,EAAC,aAAa,EAAC,yGAAyG,EAAC,cAAc,EAAC,CAAC,qBAAqB,CAAC,EAAC,OAAO,EAAC,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,EAAC,OAAO,EAAC,EAAC,eAAe,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,QAAQ,EAAC,gBAAgB,EAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,EAAC,EAAC,QAAQ,EAAC,CAAC,aAAa,EAAC,WAAW,EAAC,WAAW,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,aAAa,EAAC,aAAa,EAAC,mBAAmB,EAAC,0BAA0B,EAAC,eAAe,EAAC,iBAAiB,EAAC,iBAAiB,EAAC,QAAQ,EAAC,eAAe,EAAC,gBAAgB,EAAC,mBAAmB,EAAC,kBAAkB,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AAChzB,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,4jWAA4jW,EAAC,UAAU,EAAC,gCAAgC,EAAC,CAAC"}

package/dist/elements/fragments/breadcrumb/source.generated.d.ts

@@ -0,0 +1,30 @@
+export declare const manifest: {
+    $schema: string;
+    xript: string;
+    name: string;
+    version: string;
+    title: string;
+    description: string;
+    capabilities: string[];
+    entry: {
+        script: string;
+        format: string;
+    };
+    fills: {
+        "component.breadcrumb": {
+            id: string;
+            format: string;
+            source: string;
+            handlers: {
+                selector: string;
+                on: string;
+                handler: string;
+            }[];
+            meta: {
+                tokens: string[];
+            };
+        }[];
+    };
+};
+export declare const fragmentSources: Record<string, string>;
+//# sourceMappingURL=source.generated.d.ts.map

package/dist/elements/fragments/breadcrumb/source.generated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.d.ts","sourceRoot":"","sources":["../../../../src/elements/fragments/breadcrumb/source.generated.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA60B,CAAC;AACn2B,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAA4iG,CAAC"}

package/dist/elements/fragments/breadcrumb/source.generated.js

@@ -0,0 +1,4 @@
+// generated by scripts/build-fragments.mjs: do not edit
+export const manifest = { "$schema": "https://xript.dev/schema/mod/v0.7.json", "xript": "0.7", "name": "xtyle-breadcrumb-default", "version": "0.0.1", "title": "Xtyle Breadcrumb (default)", "description": "The built-in fill for the xtyle Breadcrumb component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.breadcrumb"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.breadcrumb": [{ "id": "breadcrumb", "format": "text/html+jsml", "source": "breadcrumb.html", "handlers": [{ "selector": "[data-value]", "on": "click", "handler": "breadcrumb__selectCrumb" }], "meta": { "tokens": ["--accent-text", "--border-normal", "--border-thick", "--duration-fast", "--ease-standard", "--fg-0", "--fg-2", "--fg-3", "--font-sans", "--leading-normal", "--radius-sm", "--ring", "--space-0", "--space-1", "--text-body", "--text-sm", "--text-xs", "--weight-medium"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/breadcrumb/mod.ts\n  function escapeHtml(value) {\n    return value.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\").replace(/\"/g, \"&quot;\").replace(/'/g, \"&#39;\");\n  }\n  function escapeAttr(value) {\n    return value.replace(/&/g, \"&amp;\").replace(/\"/g, \"&quot;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\");\n  }\n  function breadcrumbClass(bindings) {\n    const tone = bindings.tone ?? \"accent\";\n    const size = bindings.size ?? \"md\";\n    return [\"xtyle-breadcrumb\", `xtyle-breadcrumb--${tone}`, size !== \"md\" && `xtyle-breadcrumb--${size}`].filter(Boolean).join(\" \");\n  }\n  function separatorMarkup(separator) {\n    return `<li class=\"xtyle-breadcrumb__separator\" part=\"separator\" aria-hidden=\"true\">${escapeHtml(separator)}</li>`;\n  }\n  function crumbCell(item, isCurrent, label) {\n    const title = item.title ? ` title=\"${escapeAttr(item.title)}\"` : \"\";\n    if (isCurrent) return `<span class=\"xtyle-breadcrumb__current\" part=\"item\" aria-current=\"page\"${title}>${label}</span>`;\n    if (item.href) return `<a class=\"xtyle-breadcrumb__link\" part=\"item\" href=\"${escapeAttr(item.href)}\"${title}>${label}</a>`;\n    if (item.value !== void 0)\n      return `<button type=\"button\" class=\"xtyle-breadcrumb__link\" part=\"item\" data-value=\"${escapeAttr(item.value)}\"${title}>${label}</button>`;\n    return `<span class=\"xtyle-breadcrumb__current\" part=\"item\"${title}>${label}</span>`;\n  }\n  function list(bindings) {\n    const items = bindings.items ?? [];\n    if (items.length === 0) return \"<slot></slot>\";\n    const separator = bindings.separator ?? \"/\";\n    const lastIndex = items.length - 1;\n    return items.map((item, index) => {\n      const isCurrent = item.current === true || item.current === void 0 && index === lastIndex;\n      const label = escapeHtml(item.label ?? \"\");\n      const cell = crumbCell(item, isCurrent, label);\n      const row = `<li class=\"xtyle-breadcrumb__item\" part=\"item-wrap\">${cell}</li>`;\n      return index < lastIndex ? `${row}${separatorMarkup(separator)}` : row;\n    }).join(\"\");\n  }\n  hooks.fragment.mount(\"breadcrumb\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", breadcrumbClass(bindings));\n    ops.setAttr(\"[data-root]\", \"aria-label\", bindings.label ?? \"Breadcrumb\");\n    ops.replaceChildren(\"[data-list]\", list(bindings));\n  });\n  hooks.fragment.update(\"breadcrumb\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", breadcrumbClass(bindings));\n    ops.setAttr(\"[data-root]\", \"aria-label\", bindings.label ?? \"Breadcrumb\");\n  });\n  xript.exports.register(\"breadcrumb__selectCrumb\", (payload) => {\n    const value = payload.dataset?.value;\n    return value !== void 0 ? { select: value } : {};\n  });\n})();\n", "breadcrumb.html": "<nav part=\"breadcrumb\" class=\"xtyle-breadcrumb\" aria-label=\"Breadcrumb\" data-root>\n\t<ol class=\"xtyle-breadcrumb__list\" part=\"list\" data-list></ol>\n</nav>\n" };
+//# sourceMappingURL=source.generated.js.map

package/dist/elements/fragments/breadcrumb/source.generated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/breadcrumb/source.generated.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAC,SAAS,EAAC,wCAAwC,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,0BAA0B,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,4BAA4B,EAAC,aAAa,EAAC,gHAAgH,EAAC,cAAc,EAAC,CAAC,4BAA4B,CAAC,EAAC,OAAO,EAAC,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,EAAC,OAAO,EAAC,EAAC,sBAAsB,EAAC,CAAC,EAAC,IAAI,EAAC,YAAY,EAAC,QAAQ,EAAC,gBAAgB,EAAC,QAAQ,EAAC,iBAAiB,EAAC,UAAU,EAAC,CAAC,EAAC,UAAU,EAAC,cAAc,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,yBAAyB,EAAC,CAAC,EAAC,MAAM,EAAC,EAAC,QAAQ,EAAC,CAAC,eAAe,EAAC,iBAAiB,EAAC,gBAAgB,EAAC,iBAAiB,EAAC,iBAAiB,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,aAAa,EAAC,kBAAkB,EAAC,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAC,WAAW,EAAC,aAAa,EAAC,WAAW,EAAC,WAAW,EAAC,iBAAiB,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AACn2B,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,g2FAAg2F,EAAC,iBAAiB,EAAC,0KAA0K,EAAC,CAAC"}

package/dist/elements/fragments/button/source.generated.d.ts

@@ -0,0 +1,22 @@
+export declare const manifest: {
+    $schema: string;
+    xript: string;
+    name: string;
+    version: string;
+    title: string;
+    description: string;
+    capabilities: string[];
+    entry: {
+        script: string;
+        format: string;
+    };
+    fills: {
+        "component.button": {
+            id: string;
+            format: string;
+            source: string;
+        }[];
+    };
+};
+export declare const fragmentSources: Record<string, string>;
+//# sourceMappingURL=source.generated.d.ts.map

package/dist/elements/fragments/button/source.generated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.d.ts","sourceRoot":"","sources":["../../../../src/elements/fragments/button/source.generated.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;CAAyc,CAAC;AAC/d,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAs3F,CAAC"}

package/dist/elements/fragments/button/source.generated.js

@@ -0,0 +1,4 @@
+// generated by scripts/build-fragments.mjs: do not edit
+export const manifest = { "$schema": "https://xript.dev/schema/mod/v0.7.json", "xript": "0.7", "name": "xtyle-button-default", "version": "0.0.1", "title": "Xtyle Button (default)", "description": "The built-in fill for the xtyle Button component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.button"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.button": [{ "id": "button", "format": "text/html+jsml", "source": "button.html" }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/button/mod.ts\n  function buttonClass(b) {\n    const variant = b.variant ?? \"solid\";\n    const tone = b.tone ?? \"accent\";\n    const size = b.size ?? \"md\";\n    const align = b.align ?? \"center\";\n    return [\n      \"xtyle-button\",\n      `xtyle-button--${variant}`,\n      `xtyle-button--${tone}`,\n      size !== \"md\" && `xtyle-button--${size}`,\n      align !== \"center\" && `xtyle-button--align-${align}`,\n      b.block && \"xtyle-button--block\",\n      b.iconOnly && \"xtyle-button--icon\",\n      b.loading && \"xtyle-button--loading\"\n    ].filter(Boolean).join(\" \");\n  }\n  function inner(b) {\n    const spinner = b.loading ? '<span class=\"xtyle-button__spinner\" part=\"spinner\" aria-hidden=\"true\"></span>' : \"\";\n    return '<span class=\"xtyle-button__icon\" part=\"icon-start\"><slot name=\"icon-start\"></slot></span><span class=\"xtyle-button__label\" part=\"label\"><slot></slot></span><span class=\"xtyle-button__icon\" part=\"icon-end\"><slot name=\"icon-end\"></slot></span>' + spinner;\n  }\n  function buttonHtml(b) {\n    const blocked = (b.disabled ?? false) || (b.loading ?? false);\n    const pressed = b.pressed ?? null;\n    const ariaPressed = pressed === null ? \"\" : ` aria-pressed=\"${String(pressed)}\"`;\n    const selected = b.selected ?? null;\n    const ariaCurrent = selected ? ' aria-current=\"true\"' : \"\";\n    const name = b.ariaLabelledby ? ` aria-labelledby=\"${b.ariaLabelledby}\"` : b.ariaLabel ? ` aria-label=\"${b.ariaLabel}\"` : \"\";\n    const body = inner(b);\n    if (b.href != null) {\n      const hrefAttr = blocked ? \"\" : ` href=\"${b.href}\"`;\n      const ariaDisabled = blocked ? ' aria-disabled=\"true\"' : \"\";\n      const ariaBusy2 = b.loading ? ' aria-busy=\"true\"' : \"\";\n      return `<a part=\"button\" class=\"${buttonClass(b)}\"${hrefAttr}${ariaDisabled}${ariaBusy2}${ariaPressed}${ariaCurrent}${name} role=\"button\">${body}</a>`;\n    }\n    const disabledAttr = blocked ? \" disabled\" : \"\";\n    const ariaBusy = b.loading ? ' aria-busy=\"true\"' : \"\";\n    const type = b.type ?? \"button\";\n    return `<button part=\"button\" class=\"${buttonClass(b)}\" type=\"${type}\"${disabledAttr}${ariaBusy}${ariaPressed}${ariaCurrent}${name}>${body}</button>`;\n  }\n  hooks.fragment.mount(\"button\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-button]\", buttonHtml(bindings));\n  });\n  hooks.fragment.update(\"button\", (bindings, ops) => {\n    ops.setAttr('[part=\"button\"]', \"class\", buttonClass(bindings));\n    if (bindings.pressed != null) ops.setAttr('[part=\"button\"]', \"aria-pressed\", String(bindings.pressed));\n    if (bindings.selected != null) ops.setAttr('[part=\"button\"]', \"aria-current\", bindings.selected ? \"true\" : \"false\");\n  });\n})();\n", "button.html": "<span data-root data-button></span>\n" };
+//# sourceMappingURL=source.generated.js.map

package/dist/elements/fragments/button/source.generated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/button/source.generated.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAC,SAAS,EAAC,wCAAwC,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,sBAAsB,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,wBAAwB,EAAC,aAAa,EAAC,4GAA4G,EAAC,cAAc,EAAC,CAAC,wBAAwB,CAAC,EAAC,OAAO,EAAC,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,EAAC,OAAO,EAAC,EAAC,kBAAkB,EAAC,CAAC,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,gBAAgB,EAAC,QAAQ,EAAC,aAAa,EAAC,CAAC,EAAC,EAAC,CAAC;AAC/d,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,izFAAizF,EAAC,aAAa,EAAC,uCAAuC,EAAC,CAAC"}

package/dist/elements/fragments/card/source.generated.d.ts

@@ -0,0 +1,22 @@
+export declare const manifest: {
+    $schema: string;
+    xript: string;
+    name: string;
+    version: string;
+    title: string;
+    description: string;
+    capabilities: string[];
+    entry: {
+        script: string;
+        format: string;
+    };
+    fills: {
+        "component.card": {
+            id: string;
+            format: string;
+            source: string;
+        }[];
+    };
+};
+export declare const fragmentSources: Record<string, string>;
+//# sourceMappingURL=source.generated.d.ts.map

package/dist/elements/fragments/card/source.generated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.d.ts","sourceRoot":"","sources":["../../../../src/elements/fragments/card/source.generated.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;CAA2b,CAAC;AACjd,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAA6mC,CAAC"}

package/dist/elements/fragments/card/source.generated.js

@@ -0,0 +1,4 @@
+// generated by scripts/build-fragments.mjs: do not edit
+export const manifest = { "$schema": "https://xript.dev/schema/mod/v0.7.json", "xript": "0.7", "name": "xtyle-card-default", "version": "0.0.1", "title": "Xtyle Card (default)", "description": "The built-in fill for the xtyle Card component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.card"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.card": [{ "id": "card", "format": "text/html+jsml", "source": "card.html" }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/card/mod.ts\n  function cardClass(b) {\n    return [\n      \"xtyle-card\",\n      b.overlay && \"xtyle-card--overlay\",\n      (b.interactive || b.action) && \"xtyle-card--interactive\",\n      b.action && \"xtyle-card--action\",\n      b.compact && \"xtyle-card--compact\",\n      b.tone && `xtyle-card--${b.tone}`,\n      b.tone && \"xtyle-card--toned\"\n    ].filter(Boolean).join(\" \");\n  }\n  function cardHtml(b) {\n    return `<div part=\"card\" class=\"${cardClass(b)}\"><div class=\"xtyle-card__header\" part=\"header\"><slot name=\"header\"></slot></div><div class=\"xtyle-card__body\" part=\"body\"><slot></slot></div><div class=\"xtyle-card__footer\" part=\"footer\"><slot name=\"footer\"></slot></div></div>`;\n  }\n  hooks.fragment.mount(\"card\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-card]\", cardHtml(bindings));\n  });\n  hooks.fragment.update(\"card\", (bindings, ops) => {\n    ops.setAttr('[part=\"card\"]', \"class\", cardClass(bindings));\n  });\n})();\n", "card.html": "<span data-root data-card></span>\n" };
+//# sourceMappingURL=source.generated.js.map

package/dist/elements/fragments/card/source.generated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/card/source.generated.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAC,SAAS,EAAC,wCAAwC,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,oBAAoB,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,sBAAsB,EAAC,aAAa,EAAC,0GAA0G,EAAC,cAAc,EAAC,CAAC,sBAAsB,CAAC,EAAC,OAAO,EAAC,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,EAAC,OAAO,EAAC,EAAC,gBAAgB,EAAC,CAAC,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,gBAAgB,EAAC,QAAQ,EAAC,WAAW,EAAC,CAAC,EAAC,EAAC,CAAC;AACjd,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,4iCAA4iC,EAAC,WAAW,EAAC,qCAAqC,EAAC,CAAC"}

package/dist/elements/fragments/card-link/source.generated.d.ts

@@ -0,0 +1,22 @@
+export declare const manifest: {
+    $schema: string;
+    xript: string;
+    name: string;
+    version: string;
+    title: string;
+    description: string;
+    capabilities: string[];
+    entry: {
+        script: string;
+        format: string;
+    };
+    fills: {
+        "component.card-link": {
+            id: string;
+            format: string;
+            source: string;
+        }[];
+    };
+};
+export declare const fragmentSources: Record<string, string>;
+//# sourceMappingURL=source.generated.d.ts.map

package/dist/elements/fragments/card-link/source.generated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.d.ts","sourceRoot":"","sources":["../../../../src/elements/fragments/card-link/source.generated.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;CAA8d,CAAC;AACpf,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAi3C,CAAC"}

package/dist/elements/fragments/card-link/source.generated.js

@@ -0,0 +1,4 @@
+// generated by scripts/build-fragments.mjs: do not edit
+export const manifest = { "$schema": "https://xript.dev/schema/mod/v0.7.json", "xript": "0.7", "name": "xtyle-card-link-default", "version": "0.0.1", "title": "Xtyle Card Link (default)", "description": "The built-in fill for the xtyle Card Link component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.card-link"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.card-link": [{ "id": "card-link", "format": "text/html+jsml", "source": "card-link.html" }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/card-link/mod.ts\n  function cardLinkClass(b) {\n    return [\n      \"xtyle-card\",\n      \"xtyle-card-link\",\n      b.overlay && \"xtyle-card--overlay\",\n      b.interactive && \"xtyle-card--interactive\",\n      b.compact && \"xtyle-card--compact\"\n    ].filter(Boolean).join(\" \");\n  }\n  function cardLinkHtml(b) {\n    const href = b.href ?? \"#\";\n    const target = b.target ?? null;\n    const rel = b.rel ?? null;\n    const attrs = [`href=\"${href}\"`, target ? `target=\"${target}\"` : \"\", rel ? `rel=\"${rel}\"` : \"\"].filter(Boolean).join(\" \");\n    return `<a part=\"card\" class=\"${cardLinkClass(b)}\" ${attrs}><div class=\"xtyle-card__header\" part=\"header\"><slot name=\"header\"></slot></div><div class=\"xtyle-card__body\" part=\"body\"><slot></slot></div><div class=\"xtyle-card__footer\" part=\"footer\"><slot name=\"footer\"></slot></div></a>`;\n  }\n  hooks.fragment.mount(\"card-link\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-card-link]\", cardLinkHtml(bindings));\n  });\n  hooks.fragment.update(\"card-link\", (bindings, ops) => {\n    ops.setAttr('[part=\"card\"]', \"class\", cardLinkClass(bindings));\n    ops.setAttr('[part=\"card\"]', \"href\", bindings.href ?? \"#\");\n  });\n})();\n", "card-link.html": "<span data-root data-card-link></span>\n" };
+//# sourceMappingURL=source.generated.js.map

package/dist/elements/fragments/card-link/source.generated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/card-link/source.generated.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAC,SAAS,EAAC,wCAAwC,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,yBAAyB,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,2BAA2B,EAAC,aAAa,EAAC,+GAA+G,EAAC,cAAc,EAAC,CAAC,2BAA2B,CAAC,EAAC,OAAO,EAAC,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,EAAC,OAAO,EAAC,EAAC,qBAAqB,EAAC,CAAC,EAAC,IAAI,EAAC,WAAW,EAAC,QAAQ,EAAC,gBAAgB,EAAC,QAAQ,EAAC,gBAAgB,EAAC,CAAC,EAAC,EAAC,CAAC;AACpf,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,syCAAsyC,EAAC,gBAAgB,EAAC,0CAA0C,EAAC,CAAC"}

package/dist/elements/fragments/checkbox/source.generated.d.ts

@@ -0,0 +1,27 @@
+export declare const manifest: {
+    $schema: string;
+    xript: string;
+    name: string;
+    version: string;
+    title: string;
+    description: string;
+    capabilities: string[];
+    entry: {
+        script: string;
+        format: string;
+    };
+    fills: {
+        "component.checkbox": {
+            id: string;
+            format: string;
+            source: string;
+            handlers: {
+                selector: string;
+                on: string;
+                handler: string;
+            }[];
+        }[];
+    };
+};
+export declare const fragmentSources: Record<string, string>;
+//# sourceMappingURL=source.generated.d.ts.map

package/dist/elements/fragments/checkbox/source.generated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.d.ts","sourceRoot":"","sources":["../../../../src/elements/fragments/checkbox/source.generated.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;CAAokB,CAAC;AAC1lB,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAmvE,CAAC"}

package/dist/elements/fragments/checkbox/source.generated.js

@@ -0,0 +1,4 @@
+// generated by scripts/build-fragments.mjs: do not edit
+export const manifest = { "$schema": "https://xript.dev/schema/mod/v0.7.json", "xript": "0.7", "name": "xtyle-checkbox-default", "version": "0.0.1", "title": "Xtyle Checkbox (default)", "description": "The built-in fill for the xtyle Checkbox component: the mod-zero markup and behavior every app inherits and may override.", "capabilities": ["xtyle.component.checkbox"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.checkbox": [{ "id": "checkbox", "format": "text/html+jsml", "source": "checkbox.html", "handlers": [{ "selector": ".xtyle-checkbox__control", "on": "change", "handler": "checkbox__toggle" }] }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/checkbox/mod.ts\n  var INDICATOR = `<span class=\"xtyle-checkbox__indicator\" part=\"indicator\" aria-hidden=\"true\"><svg viewBox=\"0 0 16 16\" width=\"16\" height=\"16\"><path class=\"xtyle-checkbox__check\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m4 8 3 3 5-6\" /><path class=\"xtyle-checkbox__dash\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" d=\"M4 8h8\" /></svg></span>`;\n  function checkboxClass(b) {\n    const size = b.size ?? \"md\";\n    const tone = b.tone ?? \"accent\";\n    return [\n      \"xtyle-checkbox\",\n      `xtyle-checkbox--${tone}`,\n      size !== \"md\" && `xtyle-checkbox--${size}`,\n      b.indeterminate && \"xtyle-checkbox--indeterminate\"\n    ].filter(Boolean).join(\" \");\n  }\n  function inner(b) {\n    const label = b.label ?? null;\n    const labelledby = b.labelledby ?? null;\n    const checkedAttr = b.checked ? \" checked\" : \"\";\n    const disabledAttr = b.disabled ? \" disabled\" : \"\";\n    const ariaLabel = label && !labelledby ? ` aria-label=\"${label}\"` : \"\";\n    const ariaLabelledby = labelledby ? ` aria-labelledby=\"${labelledby}\"` : \"\";\n    const box = `<span class=\"xtyle-checkbox__box\" part=\"box\"><input part=\"control\" class=\"xtyle-checkbox__control\" type=\"checkbox\"${checkedAttr}${disabledAttr}${ariaLabel}${ariaLabelledby} />` + INDICATOR + `</span>`;\n    const labelPart = `<span class=\"xtyle-checkbox__label\" part=\"label\"><slot></slot></span>`;\n    return box + labelPart;\n  }\n  hooks.fragment.mount(\"checkbox\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", checkboxClass(bindings));\n    ops.replaceChildren(\"[data-checkbox]\", inner(bindings));\n  });\n  hooks.fragment.update(\"checkbox\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", checkboxClass(bindings));\n  });\n  xript.exports.register(\"checkbox__toggle\", (payload) => {\n    const e = payload;\n    if (e.disabled) return {};\n    return { setChecked: e.checked === true };\n  });\n})();\n", "checkbox.html": "<label part=\"checkbox\" class=\"xtyle-checkbox\" data-root data-checkbox></label>\n" };
+//# sourceMappingURL=source.generated.js.map

package/dist/elements/fragments/checkbox/source.generated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/checkbox/source.generated.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAC,SAAS,EAAC,wCAAwC,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,wBAAwB,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,0BAA0B,EAAC,aAAa,EAAC,2HAA2H,EAAC,cAAc,EAAC,CAAC,0BAA0B,CAAC,EAAC,OAAO,EAAC,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,EAAC,OAAO,EAAC,EAAC,oBAAoB,EAAC,CAAC,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAC,gBAAgB,EAAC,QAAQ,EAAC,eAAe,EAAC,UAAU,EAAC,CAAC,EAAC,UAAU,EAAC,0BAA0B,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,kBAAkB,EAAC,CAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AAC1lB,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,6nEAA6nE,EAAC,eAAe,EAAC,sFAAsF,EAAC,CAAC"}

package/dist/elements/fragments/cluster/source.generated.d.ts

@@ -0,0 +1,25 @@
+export declare const manifest: {
+    $schema: string;
+    xript: string;
+    name: string;
+    version: string;
+    title: string;
+    description: string;
+    capabilities: string[];
+    entry: {
+        script: string;
+        format: string;
+    };
+    fills: {
+        "component.cluster": {
+            id: string;
+            format: string;
+            source: string;
+            meta: {
+                tokens: string[];
+            };
+        }[];
+    };
+};
+export declare const fragmentSources: Record<string, string>;
+//# sourceMappingURL=source.generated.d.ts.map

package/dist/elements/fragments/cluster/source.generated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.d.ts","sourceRoot":"","sources":["../../../../src/elements/fragments/cluster/source.generated.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;CAAglB,CAAC;AACtmB,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAk9B,CAAC"}

package/dist/elements/fragments/cluster/source.generated.js

@@ -0,0 +1,4 @@
+// generated by scripts/build-fragments.mjs: do not edit
+export const manifest = { "$schema": "https://xript.dev/schema/mod/v0.7.json", "xript": "0.7", "name": "xtyle-cluster-default", "version": "0.0.1", "title": "Xtyle Cluster (default)", "description": "The built-in fill for the xtyle Cluster component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.cluster"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.cluster": [{ "id": "cluster", "format": "text/html+jsml", "source": "cluster.html", "meta": { "tokens": ["--space-0", "--space-1", "--space-2", "--space-3", "--space-4", "--space-5", "--space-6", "--space-7", "--space-8"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/cluster/mod.ts\n  function clusterClass(b) {\n    const gap = Math.min(Math.max(Math.trunc(b.gap ?? 2), 0), 8);\n    return [\n      \"xtyle-cluster\",\n      `xtyle-cluster--gap-${gap}`,\n      b.align && `xtyle-cluster--align-${b.align}`,\n      b.justify && `xtyle-cluster--justify-${b.justify}`,\n      b.nowrap && \"xtyle-cluster--nowrap\",\n      b.inline && \"xtyle-cluster--inline\"\n    ].filter(Boolean).join(\" \");\n  }\n  function clusterHtml(b) {\n    return `<div part=\"cluster\" class=\"${clusterClass(b)}\"><slot></slot></div>`;\n  }\n  hooks.fragment.mount(\"cluster\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-cluster]\", clusterHtml(bindings));\n  });\n  hooks.fragment.update(\"cluster\", (bindings, ops) => {\n    ops.setAttr('[part=\"cluster\"]', \"class\", clusterClass(bindings));\n  });\n})();\n", "cluster.html": "<span data-root data-cluster></span>\n" };
+//# sourceMappingURL=source.generated.js.map

package/dist/elements/fragments/cluster/source.generated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/cluster/source.generated.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAC,SAAS,EAAC,wCAAwC,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,uBAAuB,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,yBAAyB,EAAC,aAAa,EAAC,6GAA6G,EAAC,cAAc,EAAC,CAAC,yBAAyB,CAAC,EAAC,OAAO,EAAC,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,EAAC,OAAO,EAAC,EAAC,mBAAmB,EAAC,CAAC,EAAC,IAAI,EAAC,SAAS,EAAC,QAAQ,EAAC,gBAAgB,EAAC,QAAQ,EAAC,cAAc,EAAC,MAAM,EAAC,EAAC,QAAQ,EAAC,CAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AACtmB,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,24BAA24B,EAAC,cAAc,EAAC,wCAAwC,EAAC,CAAC"}

package/dist/elements/fragments/code/source.generated.d.ts

@@ -0,0 +1,30 @@
+export declare const manifest: {
+    $schema: string;
+    xript: string;
+    name: string;
+    version: string;
+    title: string;
+    description: string;
+    capabilities: string[];
+    entry: {
+        script: string;
+        format: string;
+    };
+    fills: {
+        "component.code": {
+            id: string;
+            format: string;
+            source: string;
+            meta: {
+                tokens: string[];
+            };
+            hostControls: {
+                marker: string;
+                capability: string;
+                behavior: string;
+            }[];
+        }[];
+    };
+};
+export declare const fragmentSources: Record<string, string>;
+//# sourceMappingURL=source.generated.d.ts.map

package/dist/elements/fragments/code/source.generated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.d.ts","sourceRoot":"","sources":["../../../../src/elements/fragments/code/source.generated.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAghC,CAAC;AACtiC,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAgzD,CAAC"}

package/dist/elements/fragments/code/source.generated.js

@@ -0,0 +1,4 @@
+// generated by scripts/build-fragments.mjs: do not edit
+export const manifest = { "$schema": "https://xript.dev/schema/mod/v0.7.json", "xript": "0.7", "name": "xtyle-code-default", "version": "0.0.1", "title": "Xtyle Code (default)", "description": "The built-in fill for the xtyle Code component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.code"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.code": [{ "id": "code", "format": "text/html+jsml", "source": "code.html", "meta": { "tokens": ["--code-fg", "--code-bg", "--code-selection", "--code-line-highlight", "--code-comment", "--code-punctuation", "--code-tag", "--code-number", "--code-string", "--code-attr", "--code-operator", "--code-keyword", "--code-function", "--code-type", "--code-regexp", "--code-variable", "--neutral", "--neutral-bg", "--neutral-fg", "--neutral-text", "--field-border", "--border-thin", "--radius-sm", "--font-sans", "--text-xs", "--space-1", "--space-2", "--duration-fast", "--ease-standard", "--success", "--success-vivid"] }, "hostControls": [{ "marker": "data-copy", "capability": "clipboard", "behavior": "copy-source" }] }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/code/mod.ts\n  function escapeCaption(value) {\n    return value.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\");\n  }\n  function codeClass(b) {\n    const lang = b.language ?? \"none\";\n    return `language-${lang}`;\n  }\n  function preClass(b) {\n    return `xtyle-code ${codeClass(b)}`;\n  }\n  function preLabel(b) {\n    const lang = b.language ?? \"none\";\n    return lang !== \"none\" ? `${lang} code` : \"Code\";\n  }\n  hooks.fragment.mount(\"code\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", preClass(bindings));\n    ops.setAttr(\"[data-root]\", \"tabindex\", \"0\");\n    ops.setAttr(\"[data-root]\", \"aria-label\", preLabel(bindings));\n    ops.setAttr(\"[data-code]\", \"class\", codeClass(bindings));\n    ops.replaceChildren(\"[data-code]\", bindings.html ?? \"\");\n    ops.replaceChildren(\"[data-caption]\", bindings.caption ? escapeCaption(bindings.caption) : \"\");\n  });\n  hooks.fragment.update(\"code\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", preClass(bindings));\n    ops.setAttr(\"[data-root]\", \"aria-label\", preLabel(bindings));\n    ops.setAttr(\"[data-code]\", \"class\", codeClass(bindings));\n    ops.replaceChildren(\"[data-code]\", bindings.html ?? \"\");\n    ops.replaceChildren(\"[data-caption]\", bindings.caption ? escapeCaption(bindings.caption) : \"\");\n  });\n})();\n", "code.html": "<div part=\"caption\" class=\"xtyle-code-caption\" data-caption></div><pre part=\"pre\" class=\"xtyle-code\" data-root><code part=\"code\" data-code></code></pre><button part=\"copy\" class=\"xtyle-code-copy\" type=\"button\" data-copy aria-label=\"Copy code\" hidden><span class=\"xtyle-code-copy-label\" data-copy-label>Copy</span></button>\n" };
+//# sourceMappingURL=source.generated.js.map

package/dist/elements/fragments/code/source.generated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/code/source.generated.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAC,SAAS,EAAC,wCAAwC,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,oBAAoB,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,sBAAsB,EAAC,aAAa,EAAC,0GAA0G,EAAC,cAAc,EAAC,CAAC,sBAAsB,CAAC,EAAC,OAAO,EAAC,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,EAAC,OAAO,EAAC,EAAC,gBAAgB,EAAC,CAAC,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,gBAAgB,EAAC,QAAQ,EAAC,WAAW,EAAC,MAAM,EAAC,EAAC,QAAQ,EAAC,CAAC,WAAW,EAAC,WAAW,EAAC,kBAAkB,EAAC,uBAAuB,EAAC,gBAAgB,EAAC,oBAAoB,EAAC,YAAY,EAAC,eAAe,EAAC,eAAe,EAAC,aAAa,EAAC,iBAAiB,EAAC,gBAAgB,EAAC,iBAAiB,EAAC,aAAa,EAAC,eAAe,EAAC,iBAAiB,EAAC,WAAW,EAAC,cAAc,EAAC,cAAc,EAAC,gBAAgB,EAAC,gBAAgB,EAAC,eAAe,EAAC,aAAa,EAAC,aAAa,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,iBAAiB,EAAC,iBAAiB,EAAC,WAAW,EAAC,iBAAiB,CAAC,EAAC,EAAC,cAAc,EAAC,CAAC,EAAC,QAAQ,EAAC,WAAW,EAAC,YAAY,EAAC,WAAW,EAAC,UAAU,EAAC,aAAa,EAAC,CAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AACtiC,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,07CAA07C,EAAC,WAAW,EAAC,0VAA0V,EAAC,CAAC"}

package/dist/elements/fragments/color-picker/source.generated.d.ts

@@ -0,0 +1,25 @@
+export declare const manifest: {
+    $schema: string;
+    xript: string;
+    name: string;
+    version: string;
+    title: string;
+    description: string;
+    capabilities: string[];
+    entry: {
+        script: string;
+        format: string;
+    };
+    fills: {
+        "component.color-picker": {
+            id: string;
+            format: string;
+            source: string;
+            meta: {
+                tokens: string[];
+            };
+        }[];
+    };
+};
+export declare const fragmentSources: Record<string, string>;
+//# sourceMappingURL=source.generated.d.ts.map

package/dist/elements/fragments/color-picker/source.generated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.d.ts","sourceRoot":"","sources":["../../../../src/elements/fragments/color-picker/source.generated.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;CAAo6B,CAAC;AAC17B,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAo9Q,CAAC"}

package/dist/elements/fragments/color-picker/source.generated.js

@@ -0,0 +1,4 @@
+// generated by scripts/build-fragments.mjs: do not edit
+export const manifest = { "$schema": "https://xript.dev/schema/mod/v0.7.json", "xript": "0.7", "name": "xtyle-color-picker-default", "version": "0.0.1", "title": "Xtyle Color Picker (default)", "description": "The built-in fill for the xtyle Color Picker component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.color-picker"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.color-picker": [{ "id": "color-picker", "format": "text/html+jsml", "source": "color-picker.html", "meta": { "tokens": ["--accent", "--bg-0", "--bg-2", "--border-normal", "--border-thick", "--border-thin", "--danger-text", "--duration-fast", "--ease-standard", "--elevation-1", "--elevation-3", "--fg-0", "--fg-1", "--fg-disabled", "--font-mono", "--font-sans", "--line-2", "--radius-full", "--radius-md", "--radius-sm", "--ring", "--space-1", "--space-2", "--space-4", "--space-6", "--state-hover", "--success-text", "--text-sm", "--text-xs", "--weight-medium"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/color-picker/mod.ts\n  var EYEDROPPER_ICON = '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m18 3 3 3-9 9-4 1 1-4 9-9ZM5 21l3-3\" /></svg>';\n  var TRIGGER_CARET = '<svg class=\"xtyle-color-picker__trigger-caret\" viewBox=\"0 0 12 12\" aria-hidden=\"true\"><path d=\"M3 5l3 3 3-3\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" /></svg>';\n  function rootClass(b) {\n    const parts = [\"xtyle-color-picker\"];\n    if (b.disabled) parts.push(\"xtyle-color-picker--disabled\");\n    if (b.triggerEnabled) parts.push(\"xtyle-color-picker--trigger\");\n    return parts.join(\" \");\n  }\n  function tabindex(b) {\n    return b.disabled ? \"-1\" : \"0\";\n  }\n  function labelSpan(b) {\n    const labelId = `${b.elementId ?? \"xtyle-color-picker\"}-label`;\n    return b.label ? `<span class=\"xtyle-color-picker__label\" part=\"label\" id=\"${labelId}\">${b.label}</span>` : \"\";\n  }\n  function rootLabelledby(b) {\n    if (b.labelledby) return b.labelledby;\n    if (b.label) return `${b.elementId ?? \"xtyle-color-picker\"}-label`;\n    return null;\n  }\n  function presets(b) {\n    const swatches = b.swatches ?? [];\n    if (!swatches.length) return \"\";\n    const disabledAttr = b.disabled ? \" disabled\" : \"\";\n    const chips = swatches.map(\n      (s) => `<button class=\"xtyle-color-picker__preset\" part=\"preset\" type=\"button\" data-color=\"${s.entry}\" data-hex=\"${s.hex}\" style=\"--cp-chip: ${s.hex}\" aria-label=\"${s.entry}\" aria-pressed=\"${String(s.pressed)}\"${disabledAttr}></button>`\n    ).join(\"\");\n    return `<div class=\"xtyle-color-picker__presets\" part=\"presets\" role=\"group\" aria-label=\"Preset colors\">${chips}</div>`;\n  }\n  function contrastPanel(b) {\n    if (!b.hasContrast) return \"\";\n    return `<div class=\"xtyle-color-picker__contrast\" part=\"contrast\"><div class=\"xtyle-color-picker__contrast-sample\" aria-hidden=\"true\">Aa</div><div class=\"xtyle-color-picker__contrast-readout\"><span class=\"xtyle-color-picker__contrast-ratio\">1.00</span><span class=\"xtyle-color-picker__contrast-badges\"><span class=\"xtyle-color-picker__contrast-badge\" data-level=\"aa\">AA</span><span class=\"xtyle-color-picker__contrast-badge\" data-level=\"aaa\">AAA</span></span></div></div>`;\n  }\n  function alphaTrack(b) {\n    if (!b.alphaEnabled) return \"\";\n    return `<div class=\"xtyle-color-picker__alpha\" part=\"alpha\"><div class=\"xtyle-color-picker__alpha-handle\" part=\"alpha-handle\" role=\"slider\" tabindex=\"${tabindex(b)}\" aria-label=\"Opacity\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"100\"></div></div>`;\n  }\n  function harmonyRow(b) {\n    if (!b.harmonyScheme) return \"\";\n    return `<div class=\"xtyle-color-picker__presets xtyle-color-picker__harmony\" part=\"harmony\" role=\"group\" aria-label=\"${b.harmonyScheme} harmony\"></div>`;\n  }\n  function channelRows(b) {\n    const model = b.channelModelLabel;\n    if (!model) return \"\";\n    const disabledAttr = b.disabled ? \" disabled\" : \"\";\n    const sliders = (b.channels ?? []).map(\n      (c) => `<label class=\"xtyle-color-picker__channel\" part=\"channel\"><span class=\"xtyle-color-picker__channel-label\" aria-hidden=\"true\">${c.label}</span><input class=\"xtyle-color-picker__channel-input\" part=\"channel-input\" type=\"range\" min=\"${c.min}\" max=\"${c.max}\" step=\"${c.step}\" value=\"${c.value}\" aria-label=\"${c.name}\" aria-valuetext=\"${c.formatted}\"${disabledAttr} /><span class=\"xtyle-color-picker__channel-value\" part=\"channel-value\" aria-hidden=\"true\">${c.formatted}</span></label>`\n    ).join(\"\");\n    return `<div class=\"xtyle-color-picker__channels\" part=\"channels\" role=\"group\" aria-label=\"${model} channels\">${sliders}</div>`;\n  }\n  function planeBlock(b) {\n    if (!b.planeEnabled) return \"\";\n    const w = b.planeWidth ?? 160;\n    const h = b.planeHeight ?? 120;\n    return `<div class=\"xtyle-color-picker__plane-field\" part=\"plane-field\"><div class=\"xtyle-color-picker__plane-wrap\" part=\"plane-wrap\"><canvas class=\"xtyle-color-picker__plane\" part=\"plane\" width=\"${w}\" height=\"${h}\"></canvas><div class=\"xtyle-color-picker__plane-handle\" part=\"plane-handle\" role=\"slider\" tabindex=\"${tabindex(b)}\" aria-label=\"OKLCH lightness and chroma\" aria-valuetext=\"\" aria-valuenow=\"0\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div></div><div class=\"xtyle-color-picker__plane-readout\" part=\"plane-readout\" aria-hidden=\"true\"></div></div>`;\n  }\n  function snapsRow(b) {\n    const targets = b.snapTargets ?? [];\n    if (!targets.length) return \"\";\n    const disabledAttr = b.disabled ? \" disabled\" : \"\";\n    const buttons = targets.map((target) => {\n      if (target === \"named\") {\n        const labels = b.namedSnap ?? { text: \"\", aria: \"Snap to the nearest named color\" };\n        return `<button class=\"xtyle-color-picker__snap xtyle-color-picker__snap--named\" part=\"snap\" type=\"button\" data-snap=\"named\" aria-label=\"${labels.aria}\"${disabledAttr}>${labels.text}</button>`;\n      }\n      return `<button class=\"xtyle-color-picker__snap\" part=\"snap\" type=\"button\" data-snap=\"web-safe\" aria-label=\"Snap to the nearest web-safe color\"${disabledAttr}>Web-safe</button>`;\n    }).join(\"\");\n    return `<div class=\"xtyle-color-picker__snaps\" part=\"snaps\" role=\"group\" aria-label=\"Snap to palette\">${buttons}</div>`;\n  }\n  function field(b) {\n    const disabledAttr = b.disabled ? \" disabled\" : \"\";\n    const formatLabel = b.formatLabel ?? \"HEX\";\n    const eyedropper = b.hasEyeDropper ? `<button class=\"xtyle-color-picker__eyedropper\" part=\"eyedropper\" type=\"button\" aria-label=\"Pick a color from the screen\"${disabledAttr}>${EYEDROPPER_ICON}</button>` : \"\";\n    return `<div class=\"xtyle-color-picker__field\" part=\"field\"><button class=\"xtyle-color-picker__format\" part=\"format\" type=\"button\" aria-label=\"Cycle color format\"${disabledAttr}>${formatLabel}</button><input class=\"xtyle-color-picker__value\" part=\"value\" type=\"text\" inputmode=\"text\" spellcheck=\"false\" autocomplete=\"off\" aria-label=\"Color value\"${disabledAttr} />${eyedropper}</div>`;\n  }\n  function body(b) {\n    return `<div class=\"xtyle-color-picker__area\" part=\"area\"><div class=\"xtyle-color-picker__sv-handle\" part=\"sv-handle\" role=\"slider\" tabindex=\"${tabindex(b)}\" aria-label=\"Saturation and brightness\" aria-valuetext=\"\" aria-valuenow=\"0\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div></div>` + planeBlock(b) + `<div class=\"xtyle-color-picker__controls\" part=\"controls\"><div class=\"xtyle-color-picker__swatch\" part=\"swatch\" aria-hidden=\"true\"></div><div class=\"xtyle-color-picker__sliders\"><div class=\"xtyle-color-picker__hue\" part=\"hue\"><div class=\"xtyle-color-picker__hue-handle\" part=\"hue-handle\" role=\"slider\" tabindex=\"${tabindex(b)}\" aria-label=\"Hue\" aria-valuemin=\"0\" aria-valuemax=\"360\" aria-valuenow=\"0\"></div></div>` + alphaTrack(b) + field(b) + `</div></div>` + channelRows(b) + snapsRow(b) + presets(b) + harmonyRow(b) + contrastPanel(b);\n  }\n  function shell(b) {\n    if (!b.triggerEnabled) return body(b);\n    const disabledAttr = b.disabled ? \" disabled\" : \"\";\n    const popoverId = `${b.elementId ?? \"xtyle-color-picker\"}-popover`;\n    return `<button class=\"xtyle-color-picker__trigger\" part=\"trigger\" type=\"button\" popovertarget=\"${popoverId}\" aria-haspopup=\"dialog\" aria-expanded=\"false\" aria-label=\"Open color picker\"${disabledAttr}>${TRIGGER_CARET}</button><div class=\"xtyle-color-picker__popover\" part=\"popover\" id=\"${popoverId}\" popover>${body(b)}</div>`;\n  }\n  function inner(b) {\n    return labelSpan(b) + shell(b);\n  }\n  hooks.fragment.mount(\"color-picker\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", rootClass(bindings));\n    ops.setAttr(\"[data-root]\", \"role\", \"group\");\n    const labelledby = rootLabelledby(bindings);\n    if (labelledby) ops.setAttr(\"[data-root]\", \"aria-labelledby\", labelledby);\n    ops.replaceChildren(\"[data-root]\", inner(bindings));\n  });\n  hooks.fragment.update(\"color-picker\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", rootClass(bindings));\n  });\n})();\n", "color-picker.html": "<div class=\"xtyle-color-picker\" part=\"picker\" role=\"group\" data-root></div>\n" };
+//# sourceMappingURL=source.generated.js.map

package/dist/elements/fragments/color-picker/source.generated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/color-picker/source.generated.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAC,SAAS,EAAC,wCAAwC,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,4BAA4B,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,8BAA8B,EAAC,aAAa,EAAC,kHAAkH,EAAC,cAAc,EAAC,CAAC,8BAA8B,CAAC,EAAC,OAAO,EAAC,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,EAAC,OAAO,EAAC,EAAC,wBAAwB,EAAC,CAAC,EAAC,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAC,gBAAgB,EAAC,QAAQ,EAAC,mBAAmB,EAAC,MAAM,EAAC,EAAC,QAAQ,EAAC,CAAC,UAAU,EAAC,QAAQ,EAAC,QAAQ,EAAC,iBAAiB,EAAC,gBAAgB,EAAC,eAAe,EAAC,eAAe,EAAC,iBAAiB,EAAC,iBAAiB,EAAC,eAAe,EAAC,eAAe,EAAC,QAAQ,EAAC,QAAQ,EAAC,eAAe,EAAC,aAAa,EAAC,aAAa,EAAC,UAAU,EAAC,eAAe,EAAC,aAAa,EAAC,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,eAAe,EAAC,gBAAgB,EAAC,WAAW,EAAC,WAAW,EAAC,iBAAiB,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AAC17B,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,21QAA21Q,EAAC,mBAAmB,EAAC,qFAAqF,EAAC,CAAC"}