@xtyle/core 0.5.0

package/dist/elements/fragments/selector-escape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selector-escape.js","sourceRoot":"","sources":["../../../src/elements/fragments/selector-escape.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG,KAAK,CAAC;AACxB,MAAM,MAAM,GAAG,IAAI,CAAC;AACpB,MAAM,OAAO,GAAG,KAAK,CAAC;AACtB,MAAM,EAAE,GAAG,KAAK,CAAC;AAEjB;;;;;GAKG;AACH,MAAM,UAAU,mBAAmB,CAAC,KAAa;IAChD,OAAO,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;AAC7G,CAAC"}

package/dist/elements/fragments/separator/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.separator": {
+            id: string;
+            format: string;
+            source: string;
+        }[];
+    };
+};
+export declare const fragmentSources: Record<string, string>;
+//# sourceMappingURL=source.generated.d.ts.map

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

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

package/dist/elements/fragments/separator/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-separator-default", "version": "0.0.1", "title": "Xtyle Separator (default)", "description": "The built-in fill for the xtyle Separator component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.separator"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.separator": [{ "id": "separator", "format": "text/html+jsml", "source": "separator.html" }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/separator/mod.ts\n  function separatorClass(b) {\n    return [\n      \"xtyle-separator\",\n      b.variant === \"with-label\" && \"xtyle-separator--with-label\",\n      b.orientation === \"vertical\" && \"xtyle-separator--vertical\",\n      b.size === \"thin\" && \"xtyle-separator--thin\"\n    ].filter(Boolean).join(\" \");\n  }\n  function separatorHtml(b) {\n    const ariaOrientation = b.orientation === \"vertical\" ? ' aria-orientation=\"vertical\"' : \"\";\n    if (b.variant === \"with-label\") {\n      return `<div part=\"separator\" class=\"${separatorClass(b)}\" role=\"separator\"${ariaOrientation}><span class=\"xtyle-separator__label\" part=\"label\"><slot></slot></span></div>`;\n    }\n    return `<div part=\"separator\" class=\"${separatorClass(b)}\" aria-hidden=\"true\"></div>`;\n  }\n  hooks.fragment.mount(\"separator\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-separator]\", separatorHtml(bindings));\n  });\n  hooks.fragment.update(\"separator\", (bindings, ops) => {\n    ops.setAttr('[part=\"separator\"]', \"class\", separatorClass(bindings));\n  });\n})();\n", "separator.html": "<span data-root data-separator></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/separator/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,spCAAspC,EAAC,gBAAgB,EAAC,0CAA0C,EAAC,CAAC"}

package/dist/elements/fragments/skeleton/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.skeleton": {
+            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/skeleton/source.generated.d.ts.map

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

package/dist/elements/fragments/skeleton/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-skeleton-default", "version": "0.0.1", "title": "Xtyle Skeleton (default)", "description": "The built-in fill for the xtyle Skeleton component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.skeleton"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.skeleton": [{ "id": "skeleton", "format": "text/html+jsml", "source": "skeleton.html", "meta": { "tokens": ["--bg-2", "--bg-3", "--radius-sm", "--radius-md", "--radius-full", "--duration-slow", "--ease-standard", "--text-body", "--text-sm", "--text-lg", "--border-normal", "--border-thick", "--space-1", "--space-6", "--space-7", "--space-8"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/skeleton/mod.ts\n  function skeletonClass(b) {\n    const shape = b.shape ?? \"text\";\n    const size = b.size ?? \"md\";\n    return [\"xtyle-skeleton\", `xtyle-skeleton--${shape}`, size !== \"md\" && `xtyle-skeleton--${size}`].filter(Boolean).join(\" \");\n  }\n  function skeletonHtml(b) {\n    return `<div part=\"skeleton\" class=\"${skeletonClass(b)}\" aria-hidden=\"true\"></div>`;\n  }\n  hooks.fragment.mount(\"skeleton\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-skeleton]\", skeletonHtml(bindings));\n  });\n  hooks.fragment.update(\"skeleton\", (bindings, ops) => {\n    ops.setAttr('[part=\"skeleton\"]', \"class\", skeletonClass(bindings));\n  });\n})();\n", "skeleton.html": "<span data-root data-skeleton></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/skeleton/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,8GAA8G,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,MAAM,EAAC,EAAC,QAAQ,EAAC,CAAC,QAAQ,EAAC,QAAQ,EAAC,aAAa,EAAC,aAAa,EAAC,eAAe,EAAC,iBAAiB,EAAC,iBAAiB,EAAC,aAAa,EAAC,WAAW,EAAC,WAAW,EAAC,iBAAiB,EAAC,gBAAgB,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AAC5tB,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,ovBAAovB,EAAC,eAAe,EAAC,yCAAyC,EAAC,CAAC"}

package/dist/elements/fragments/slider/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.slider": {
+            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/slider/source.generated.d.ts.map

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

package/dist/elements/fragments/slider/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-slider-default", "version": "0.0.1", "title": "Xtyle Slider (default)", "description": "The built-in fill for the xtyle Slider component: the mod-zero markup and behavior every app inherits and may override.", "capabilities": ["xtyle.component.slider"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.slider": [{ "id": "slider", "format": "text/html+jsml", "source": "slider.html", "handlers": [{ "selector": ".xtyle-slider__thumb", "on": "keydown", "handler": "slider__keyAdjust" }], "meta": { "tokens": ["--accent", "--bg-0", "--border-normal", "--border-thin", "--border-thick", "--duration-fast", "--ease-standard", "--elevation-1", "--fg-0", "--fg-1", "--fg-disabled", "--font-sans", "--leading-tight", "--line-2", "--neutral-bg", "--radius-full", "--ring", "--space-1", "--space-2", "--space-4", "--space-5", "--space-6", "--state-disabled", "--state-hover", "--state-press", "--text-body", "--text-sm"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/slider/mod.ts\n  function sliderClass(b) {\n    const size = b.size ?? \"md\";\n    const tone = b.tone ?? \"accent\";\n    return [\n      \"xtyle-slider\",\n      `xtyle-slider--${tone}`,\n      size !== \"md\" && `xtyle-slider--${size}`,\n      b.disabled && \"xtyle-slider--disabled\",\n      b.showValue && b.editableValue && \"xtyle-slider--value-editable\"\n    ].filter(Boolean).join(\" \");\n  }\n  function clampValue(b) {\n    const min = b.min ?? 0;\n    const max = b.max ?? 100;\n    const step = (b.step ?? 1) > 0 ? b.step ?? 1 : 1;\n    const value = b.value ?? min;\n    if (Number.isNaN(value)) return min;\n    const snapped = Math.round((value - min) / step) * step + min;\n    return Math.min(max, Math.max(min, Number(snapped.toFixed(6))));\n  }\n  function fraction(value, min, max) {\n    return max === min ? 0 : (value - min) / (max - min);\n  }\n  function readout(b, value) {\n    return b.valueText ?? String(value);\n  }\n  function inner(b) {\n    const min = b.min ?? 0;\n    const max = b.max ?? 100;\n    const value = clampValue(b);\n    const uid = b.elementId ?? \"xtyle-slider\";\n    const labelId = `${uid}-label`;\n    const pct = `${(fraction(value, min, max) * 100).toFixed(3)}%`;\n    const nameAttr = b.labelledby ? ` aria-labelledby=\"${b.labelledby}\"` : b.label ? ` aria-labelledby=\"${labelId}\"` : \"\";\n    const disabledAttr = b.disabled ? ' aria-disabled=\"true\"' : \"\";\n    const tabindex = b.disabled ? \"-1\" : \"0\";\n    const valueText = readout(b, value);\n    const valueTextAttr = valueText !== String(value) ? ` aria-valuetext=\"${valueText}\"` : \"\";\n    const labelClass = b.hideLabel ? \"xtyle-slider__label xtyle-slider__label--hidden\" : \"xtyle-slider__label\";\n    const label = b.label ? `<span class=\"${labelClass}\" part=\"label\" id=\"${labelId}\">${b.label}</span>` : \"\";\n    const valueMarkup = b.showValue ? `<span class=\"xtyle-slider__value\" part=\"value\" aria-hidden=\"true\">${readout(b, value)}</span>` : \"\";\n    const headerLabel = b.hideLabel ? \"\" : label;\n    const header = valueMarkup ? `<span class=\"xtyle-slider__header\" part=\"header\">${headerLabel}${valueMarkup}</span>${b.hideLabel ? label : \"\"}` : label;\n    return `${header}<span class=\"xtyle-slider__rail\" part=\"rail\"><span class=\"xtyle-slider__fill\" part=\"fill\" style=\"width: ${pct}\"></span><span class=\"xtyle-slider__thumb\" part=\"thumb\" role=\"slider\" tabindex=\"${tabindex}\" aria-valuemin=\"${min}\" aria-valuemax=\"${max}\" aria-valuenow=\"${value}\"${valueTextAttr} aria-orientation=\"horizontal\"${nameAttr}${disabledAttr} style=\"inset-inline-start: ${pct}\"></span></span>`;\n  }\n  hooks.fragment.mount(\"slider\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", sliderClass(bindings));\n    ops.replaceChildren(\"[data-slider]\", inner(bindings));\n  });\n  hooks.fragment.update(\"slider\", (bindings, ops) => {\n    const min = bindings.min ?? 0;\n    const max = bindings.max ?? 100;\n    const value = clampValue(bindings);\n    const pct = `${(fraction(value, min, max) * 100).toFixed(3)}%`;\n    ops.setAttr(\"[data-root]\", \"class\", sliderClass(bindings));\n    ops.setAttr(\".xtyle-slider__thumb\", \"aria-valuenow\", String(value));\n    const valueText = readout(bindings, value);\n    ops.setAttr(\".xtyle-slider__thumb\", \"aria-valuetext\", valueText !== String(value) ? valueText : \"\");\n    ops.setAttr(\".xtyle-slider__thumb\", \"tabindex\", bindings.disabled ? \"-1\" : \"0\");\n    ops.setAttr(\".xtyle-slider__thumb\", \"style\", `inset-inline-start: ${pct}`);\n    ops.setAttr(\".xtyle-slider__fill\", \"style\", `width: ${pct}`);\n    if (bindings.showValue) ops.setText(\".xtyle-slider__value\", readout(bindings, value));\n  });\n  function clamp(next, ctx) {\n    const step = ctx.step > 0 ? ctx.step : 1;\n    if (Number.isNaN(next)) return ctx.min;\n    const snapped = Math.round((next - ctx.min) / step) * step + ctx.min;\n    return Math.min(ctx.max, Math.max(ctx.min, Number(snapped.toFixed(6))));\n  }\n  xript.exports.register(\"slider__keyAdjust\", (payload, context) => {\n    const e = payload;\n    if (e.disabled || e.ariaDisabled === \"true\") return {};\n    const ctx = context;\n    const big = (ctx.step > 0 ? ctx.step : 1) * 10;\n    let next = null;\n    switch (e.key) {\n      case \"ArrowRight\":\n      case \"ArrowUp\":\n        next = ctx.value + ctx.step;\n        break;\n      case \"ArrowLeft\":\n      case \"ArrowDown\":\n        next = ctx.value - ctx.step;\n        break;\n      case \"PageUp\":\n        next = ctx.value + big;\n        break;\n      case \"PageDown\":\n        next = ctx.value - big;\n        break;\n      case \"Home\":\n        next = ctx.min;\n        break;\n      case \"End\":\n        next = ctx.max;\n        break;\n    }\n    if (next === null) return {};\n    return { setValue: clamp(next, ctx), commit: \"change\", preventDefault: true };\n  });\n})();\n", "slider.html": "<span class=\"xtyle-slider\" part=\"slider\" data-root data-slider></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/slider/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,yHAAyH,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,UAAU,EAAC,CAAC,EAAC,UAAU,EAAC,sBAAsB,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,mBAAmB,EAAC,CAAC,EAAC,MAAM,EAAC,EAAC,QAAQ,EAAC,CAAC,UAAU,EAAC,QAAQ,EAAC,iBAAiB,EAAC,eAAe,EAAC,gBAAgB,EAAC,iBAAiB,EAAC,iBAAiB,EAAC,eAAe,EAAC,QAAQ,EAAC,QAAQ,EAAC,eAAe,EAAC,aAAa,EAAC,iBAAiB,EAAC,UAAU,EAAC,cAAc,EAAC,eAAe,EAAC,QAAQ,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,kBAAkB,EAAC,eAAe,EAAC,eAAe,EAAC,aAAa,EAAC,WAAW,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AACv9B,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,86JAA86J,EAAC,aAAa,EAAC,8EAA8E,EAAC,CAAC"}

package/dist/elements/fragments/sparkline/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.sparkline": {
+            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/sparkline/source.generated.d.ts.map

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

package/dist/elements/fragments/sparkline/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-sparkline-default", "version": "0.0.1", "title": "Xtyle Sparkline (default)", "description": "The built-in fill for the xtyle Sparkline: the mod-zero inline SVG markup every app inherits and may override.", "capabilities": ["xtyle.component.sparkline"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.sparkline": [{ "id": "sparkline", "format": "text/html+jsml", "source": "sparkline.html", "meta": { "tokens": ["--accent", "--bg-0", "--line-2", "--font-sans", "--text-xs", "--leading-normal", "--fg-0", "--fg-2", "--space-1", "--space-2", "--radius-md", "--surface-overlay", "--surface-overlay-border", "--elevation-3", "--border-thin"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/sparkline/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 VW = 100;\n  var VH = 32;\n  var PAD = 3;\n  function valuesOf(b) {\n    return (b.values ?? []).map((v) => Number.isFinite(v) ? v : 0);\n  }\n  function sparkClass(b) {\n    const variant = b.variant ?? \"line\";\n    const tone = b.tone ?? \"accent\";\n    return [\"xtyle-sparkline\", `xtyle-sparkline--${variant}`, `xtyle-sparkline--${tone}`].join(\" \");\n  }\n  function points(values, lo, hi, xs) {\n    const n = values.length;\n    const span = hi - lo || 1;\n    const innerW = VW - PAD * 2;\n    const innerH = VH - PAD * 2;\n    return values.map((v, i) => {\n      const nx = xs ? xs[i] ?? 0 : n <= 1 ? 0.5 : i / (n - 1);\n      return {\n        x: PAD + nx * innerW,\n        y: PAD + (1 - (v - lo) / span) * innerH\n      };\n    });\n  }\n  function stepCoords(pts) {\n    const out = [];\n    pts.forEach((p, i) => {\n      if (i > 0) out.push(`${p.x.toFixed(2)},${pts[i - 1].y.toFixed(2)}`);\n      out.push(`${p.x.toFixed(2)},${p.y.toFixed(2)}`);\n    });\n    return out.join(\" \");\n  }\n  function sparkHtml(b) {\n    const plot = b.plot;\n    const values = plot ? plot.map((p) => Number.isFinite(p.value) ? p.value : 0) : valuesOf(b);\n    const xs = plot ? plot.map((p) => p.x) : void 0;\n    const variant = b.variant ?? \"line\";\n    const label = b.label ?? \"\";\n    if (values.length === 0) {\n      return `<span class=\"${sparkClass(b)}\" role=\"img\" aria-label=\"${label ? esc(label) : \"No data\"}\"><span class=\"xtyle-sparkline__empty\">No data</span></span>`;\n    }\n    const a11y = label ? ` role=\"img\" aria-label=\"${esc(label)}\"` : ` role=\"img\" aria-label=\"Sparkline of ${values.length} values\"`;\n    const lo = b.min ?? Math.min(...values);\n    const hi = b.max ?? Math.max(...values);\n    const pts = points(values, lo, hi, xs);\n    const lineCoords = b.step === true ? stepCoords(pts) : pts.map((p) => `${p.x.toFixed(2)},${p.y.toFixed(2)}`).join(\" \");\n    let shape = \"\";\n    if (variant === \"bar\") {\n      const bandW = (VW - PAD * 2) / values.length;\n      const barW = bandW * 0.7;\n      const span = hi - lo || 1;\n      const base = VH - PAD;\n      shape = values.map((v, i) => {\n        const x = pts[i].x - barW / 2;\n        const h = (v - lo) / span * (VH - PAD * 2);\n        const y = base - h;\n        return `<rect class=\"xtyle-sparkline__bar\" x=\"${x.toFixed(2)}\" y=\"${y.toFixed(2)}\" width=\"${barW.toFixed(2)}\" height=\"${Math.max(0.5, h).toFixed(2)}\"></rect>`;\n      }).join(\"\");\n    } else if (variant === \"area\") {\n      const base = VH - PAD;\n      const first = pts[0];\n      const last = pts[pts.length - 1];\n      const path = `M ${first.x.toFixed(2)},${base} L ${lineCoords.replace(/ /g, \" L \")} L ${last.x.toFixed(2)},${base} Z`;\n      shape = `<path class=\"xtyle-sparkline__area\" d=\"${path}\"></path><polyline class=\"xtyle-sparkline__line\" points=\"${lineCoords}\" vector-effect=\"non-scaling-stroke\"></polyline>`;\n    } else {\n      shape = `<polyline class=\"xtyle-sparkline__line\" points=\"${lineCoords}\" vector-effect=\"non-scaling-stroke\"></polyline>`;\n    }\n    const end = b.showEnd !== false && variant !== \"bar\" && pts.length > 0 ? `<circle class=\"xtyle-sparkline__end\" cx=\"${pts[pts.length - 1].x.toFixed(2)}\" cy=\"${pts[pts.length - 1].y.toFixed(2)}\" r=\"2\" vector-effect=\"non-scaling-stroke\"></circle>` : \"\";\n    const marker = `<g class=\"xtyle-sparkline__marker\" hidden><line class=\"xtyle-sparkline__guide\" y1=\"0\" y2=\"${VH}\" vector-effect=\"non-scaling-stroke\"></line><circle class=\"xtyle-sparkline__dot\" r=\"2.5\" vector-effect=\"non-scaling-stroke\"></circle></g>`;\n    const tooltip = `<span class=\"xtyle-sparkline__tooltip\" role=\"status\" aria-hidden=\"true\" hidden></span>`;\n    return `<span class=\"${sparkClass(b)}\"><svg class=\"xtyle-sparkline__svg\" viewBox=\"0 0 ${VW} ${VH}\" preserveAspectRatio=\"none\"${a11y}>${shape}${end}${marker}</svg>${tooltip}</span>`;\n  }\n  hooks.fragment.mount(\"sparkline\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-sparkline]\", sparkHtml(bindings));\n  });\n  hooks.fragment.update(\"sparkline\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-sparkline]\", sparkHtml(bindings));\n  });\n})();\n", "sparkline.html": "<span data-root data-sparkline></span>" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/sparkline/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,gHAAgH,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,MAAM,EAAC,EAAC,QAAQ,EAAC,CAAC,UAAU,EAAC,QAAQ,EAAC,UAAU,EAAC,aAAa,EAAC,WAAW,EAAC,kBAAkB,EAAC,QAAQ,EAAC,QAAQ,EAAC,WAAW,EAAC,WAAW,EAAC,aAAa,EAAC,mBAAmB,EAAC,0BAA0B,EAAC,eAAe,EAAC,eAAe,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AAC5tB,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,u8IAAu8I,EAAC,gBAAgB,EAAC,wCAAwC,EAAC,CAAC"}

package/dist/elements/fragments/spinner/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.spinner": {
+            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/spinner/source.generated.d.ts.map

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

package/dist/elements/fragments/spinner/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-spinner-default", "version": "0.0.1", "title": "Xtyle Spinner (default)", "description": "The built-in fill for the xtyle Spinner component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.spinner"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.spinner": [{ "id": "spinner", "format": "text/html+jsml", "source": "spinner.html", "meta": { "tokens": ["--accent", "--neutral", "--danger", "--success", "--warn", "--info", "--border-thick", "--border-normal", "--radius-full", "--duration-slow"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/spinner/mod.ts\n  function spinnerClass(b) {\n    const tone = b.tone ?? \"accent\";\n    const size = b.size ?? \"md\";\n    return [\"xtyle-spinner\", `xtyle-spinner--${tone}`, size !== \"md\" && `xtyle-spinner--${size}`].filter(Boolean).join(\" \");\n  }\n  function spinnerHtml(b) {\n    const label = b.label ?? \"Loading\";\n    return `<span part=\"spinner\" class=\"${spinnerClass(b)}\" role=\"status\" aria-label=\"${label}\"></span>`;\n  }\n  hooks.fragment.mount(\"spinner\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-spinner]\", spinnerHtml(bindings));\n  });\n  hooks.fragment.update(\"spinner\", (bindings, ops) => {\n    ops.setAttr('[part=\"spinner\"]', \"class\", spinnerClass(bindings));\n    ops.setAttr('[part=\"spinner\"]', \"aria-label\", bindings.label ?? \"Loading\");\n  });\n})();\n", "spinner.html": "<span data-root data-spinner></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/spinner/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,UAAU,EAAC,WAAW,EAAC,UAAU,EAAC,WAAW,EAAC,QAAQ,EAAC,QAAQ,EAAC,gBAAgB,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AAC/nB,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,43BAA43B,EAAC,cAAc,EAAC,wCAAwC,EAAC,CAAC"}

package/dist/elements/fragments/splitter/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.splitter": {
+            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/splitter/source.generated.d.ts.map

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

package/dist/elements/fragments/splitter/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-splitter-default", "version": "0.0.1", "title": "Xtyle Splitter (default)", "description": "The built-in fill for the xtyle Splitter component: the mod-zero markup and behavior every app inherits and may override.", "capabilities": ["xtyle.component.splitter"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.splitter": [{ "id": "splitter", "format": "text/html+jsml", "source": "splitter.html", "handlers": [{ "selector": ".xtyle-splitter", "on": "keydown", "handler": "splitter__keydown" }, { "selector": ".xtyle-splitter", "on": "dblclick", "handler": "splitter__reset" }], "meta": { "tokens": ["--accent", "--border-normal", "--border-thick", "--border-thin", "--duration-fast", "--ease-standard", "--line", "--radius-sm", "--ring", "--space-2", "--space-3", "--space-5", "--space-6", "--space-8"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/splitter/mod.ts\n  function splitterClass(b) {\n    const orientation = b.orientation === \"horizontal\" ? \"horizontal\" : \"vertical\";\n    const size = b.size ?? \"md\";\n    return [\n      \"xtyle-splitter\",\n      `xtyle-splitter--${orientation}`,\n      size !== \"md\" && `xtyle-splitter--${size}`,\n      b.line && \"xtyle-splitter--line\",\n      b.disabled && \"xtyle-splitter--disabled\"\n    ].filter(Boolean).join(\" \");\n  }\n  function inner(b) {\n    const orientation = b.orientation === \"horizontal\" ? \"horizontal\" : \"vertical\";\n    const name = b.labelledby ? ` aria-labelledby=\"${b.labelledby}\"` : b.label ? ` aria-label=\"${b.label}\"` : \"\";\n    const disabled = b.disabled ? ` aria-disabled=\"true\"` : \"\";\n    const tabindex = b.disabled ? \"\" : ` tabindex=\"0\"`;\n    return `<div part=\"splitter\" class=\"${splitterClass(b)}\" role=\"separator\" aria-orientation=\"${orientation}\" aria-valuenow=\"${b.value ?? 0}\" aria-valuemin=\"${b.min ?? 0}\" aria-valuemax=\"${b.max ?? 0}\"${name}${disabled}${tabindex}><span class=\"xtyle-splitter__grip\" part=\"grip\" aria-hidden=\"true\"></span></div>`;\n  }\n  hooks.fragment.mount(\"splitter\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-splitter]\", inner(bindings));\n  });\n  hooks.fragment.update(\"splitter\", (bindings, ops) => {\n    const orientation = bindings.orientation === \"horizontal\" ? \"horizontal\" : \"vertical\";\n    ops.setAttr(\".xtyle-splitter\", \"class\", splitterClass(bindings));\n    ops.setAttr(\".xtyle-splitter\", \"aria-orientation\", orientation);\n    ops.setAttr(\".xtyle-splitter\", \"aria-valuenow\", String(bindings.value ?? 0));\n    ops.setAttr(\".xtyle-splitter\", \"aria-valuemin\", String(bindings.min ?? 0));\n    ops.setAttr(\".xtyle-splitter\", \"aria-valuemax\", String(bindings.max ?? 0));\n  });\n  xript.exports.register(\"splitter__keydown\", (payload, context) => {\n    const e = payload;\n    const ctx = context;\n    if (e.disabled || e.ariaDisabled === \"true\") return {};\n    const sign = ctx.reversed ? -1 : 1;\n    const grow = ctx.axisIsX ? \"ArrowRight\" : \"ArrowDown\";\n    const shrink = ctx.axisIsX ? \"ArrowLeft\" : \"ArrowUp\";\n    switch (e.key) {\n      case grow:\n        return { nudge: sign, preventDefault: true };\n      case shrink:\n        return { nudge: -sign, preventDefault: true };\n      case \"PageUp\":\n        return { nudge: sign, forceAlt: true, preventDefault: true };\n      case \"PageDown\":\n        return { nudge: -sign, forceAlt: true, preventDefault: true };\n      case \"Home\":\n        return { jump: \"min\", preventDefault: true };\n      case \"End\":\n        return { jump: \"max\", preventDefault: true };\n      default:\n        return {};\n    }\n  });\n  xript.exports.register(\"splitter__reset\", (payload) => {\n    const e = payload;\n    if (e.disabled || e.ariaDisabled === \"true\") return {};\n    return { reset: true };\n  });\n})();\n", "splitter.html": "<div part=\"host\" data-root data-splitter></div>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/splitter/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,iBAAiB,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,mBAAmB,EAAC,EAAC,EAAC,UAAU,EAAC,iBAAiB,EAAC,IAAI,EAAC,UAAU,EAAC,SAAS,EAAC,iBAAiB,EAAC,CAAC,EAAC,MAAM,EAAC,EAAC,QAAQ,EAAC,CAAC,UAAU,EAAC,iBAAiB,EAAC,gBAAgB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iBAAiB,EAAC,QAAQ,EAAC,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AACh3B,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,g+FAAg+F,EAAC,eAAe,EAAC,qDAAqD,EAAC,CAAC"}

package/dist/elements/fragments/stack/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.stack": {
+            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/stack/source.generated.d.ts.map

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

package/dist/elements/fragments/stack/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-stack-default", "version": "0.0.1", "title": "Xtyle Stack (default)", "description": "The built-in fill for the xtyle Stack component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.stack"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.stack": [{ "id": "stack", "format": "text/html+jsml", "source": "stack.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/stack/mod.ts\n  function stackClass(b) {\n    const gap = Math.min(Math.max(Math.trunc(b.gap ?? 4), 0), 8);\n    return [\n      \"xtyle-stack\",\n      `xtyle-stack--gap-${gap}`,\n      b.align && `xtyle-stack--align-${b.align}`,\n      b.justify && `xtyle-stack--justify-${b.justify}`,\n      b.inline && \"xtyle-stack--inline\"\n    ].filter(Boolean).join(\" \");\n  }\n  function stackHtml(b) {\n    return `<div part=\"stack\" class=\"${stackClass(b)}\"><slot></slot></div>`;\n  }\n  hooks.fragment.mount(\"stack\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-stack]\", stackHtml(bindings));\n  });\n  hooks.fragment.update(\"stack\", (bindings, ops) => {\n    ops.setAttr('[part=\"stack\"]', \"class\", stackClass(bindings));\n  });\n})();\n", "stack.html": "<span data-root data-stack></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/stack/source.generated.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAC,SAAS,EAAC,wCAAwC,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,qBAAqB,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,uBAAuB,EAAC,aAAa,EAAC,2GAA2G,EAAC,cAAc,EAAC,CAAC,uBAAuB,CAAC,EAAC,OAAO,EAAC,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,EAAC,OAAO,EAAC,EAAC,iBAAiB,EAAC,CAAC,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,gBAAgB,EAAC,QAAQ,EAAC,YAAY,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;AACxlB,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,6zBAA6zB,EAAC,YAAY,EAAC,sCAAsC,EAAC,CAAC"}

package/dist/elements/fragments/stat/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.stat": {
+            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/stat/source.generated.d.ts.map

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

package/dist/elements/fragments/stat/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-stat-default", "version": "0.0.1", "title": "Xtyle Stat (default)", "description": "The built-in fill for the xtyle Stat component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.stat"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.stat": [{ "id": "stat", "format": "text/html+jsml", "source": "stat.html", "meta": { "tokens": ["--font-sans", "--font-display", "--text-xs", "--text-sm", "--text-xl", "--text-2xl", "--text-3xl", "--weight-semibold", "--weight-bold", "--leading-normal", "--leading-tight", "--fg-0", "--fg-2", "--fg-3", "--neutral-text", "--success-vivid", "--danger-vivid", "--neutral-vivid", "--space-1", "--space-2"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/stat/mod.ts\n  var SENTIMENT_FOR_TREND = { up: \"positive\", down: \"negative\", flat: \"neutral\" };\n  var TREND_ICON = {\n    up: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M12 5l7 12H5z\" /></svg>',\n    down: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"M12 19L5 7h14z\" /></svg>',\n    flat: '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" d=\"M5 12h14\" /></svg>'\n  };\n  function statClass(b) {\n    const size = b.size ?? \"md\";\n    return [\n      \"xtyle-stat\",\n      size !== \"md\" && `xtyle-stat--${size}`,\n      b.align === \"center\" && \"xtyle-stat--center\",\n      b.inline && \"xtyle-stat--inline\"\n    ].filter(Boolean).join(\" \");\n  }\n  function statHtml(b) {\n    const trend = b.trend ?? \"flat\";\n    const sentiment = b.sentiment ?? SENTIMENT_FOR_TREND[trend] ?? \"neutral\";\n    const label = b.label ? `<span part=\"label\" class=\"xtyle-stat__label\">${b.label}</span>` : \"\";\n    const delta = b.delta ? `<span part=\"delta\" class=\"xtyle-stat__delta xtyle-stat__delta--${sentiment}\">${TREND_ICON[trend] ?? TREND_ICON.flat}<span>${b.delta}</span></span>` : \"\";\n    const caption = b.caption ? `<span part=\"caption\" class=\"xtyle-stat__caption\">${b.caption}</span>` : \"\";\n    return `<div part=\"stat\" class=\"${statClass(b)}\"><span part=\"value\" class=\"xtyle-stat__value\"><slot></slot></span>${label}${delta}${caption}</div>`;\n  }\n  hooks.fragment.mount(\"stat\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-stat]\", statHtml(bindings));\n  });\n  hooks.fragment.update(\"stat\", (bindings, ops) => {\n    ops.setAttr('[part=\"stat\"]', \"class\", statClass(bindings));\n  });\n})();\n", "stat.html": "<span data-root data-stat></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/stat/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,aAAa,EAAC,gBAAgB,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,YAAY,EAAC,YAAY,EAAC,mBAAmB,EAAC,eAAe,EAAC,kBAAkB,EAAC,iBAAiB,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,gBAAgB,EAAC,iBAAiB,EAAC,gBAAgB,EAAC,iBAAiB,EAAC,WAAW,EAAC,WAAW,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AACpwB,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,s2DAAs2D,EAAC,WAAW,EAAC,qCAAqC,EAAC,CAAC"}

package/dist/elements/fragments/statusbar/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.statusbar": {
+            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/statusbar/source.generated.d.ts.map

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

package/dist/elements/fragments/statusbar/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-statusbar-default", "version": "0.0.1", "title": "Xtyle Statusbar (default)", "description": "The built-in fill for the xtyle Statusbar component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.statusbar"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.statusbar": [{ "id": "statusbar", "format": "text/html+jsml", "source": "statusbar.html", "meta": { "tokens": ["--font-mono", "--text-xs", "--weight-medium", "--fg-0", "--fg-1", "--fg-2", "--bg-1", "--bg-2", "--line", "--ring", "--border-thin", "--border-normal", "--border-thick", "--radius-sm", "--radius-md", "--surface-overlay", "--surface-overlay-border", "--elevation-3", "--space-1", "--space-2", "--space-4", "--space-6", "--space-8"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/statusbar/mod.ts\n  function statusbarClass(b) {\n    const overflow = b.overflow ?? \"clip\";\n    return [\n      \"xtyle-statusbar\",\n      overflow !== \"clip\" && `xtyle-statusbar--${overflow}`,\n      b.separated && \"xtyle-statusbar--separated\"\n    ].filter(Boolean).join(\" \");\n  }\n  function overflowMenu(b) {\n    const overflow = b.overflow ?? \"clip\";\n    if (overflow !== \"collapse\" || b.manualOverflow) return \"\";\n    const popoverId = `${b.elementId ?? \"xtyle-statusbar\"}-overflow`;\n    return `<span class=\"xtyle-statusbar__overflow\" part=\"overflow\" style=\"display:none\"><button class=\"xtyle-statusbar__item xtyle-statusbar__overflow-trigger\" part=\"overflow-trigger\" type=\"button\" popovertarget=\"${popoverId}\" aria-label=\"Show hidden status items\">+0</button><div class=\"xtyle-statusbar__overflow-popover\" part=\"overflow-popover\" id=\"${popoverId}\" popover role=\"group\" aria-label=\"Hidden status items\"></div></span>`;\n  }\n  function statusbarHtml(b) {\n    const live = b.live ? ` role=\"status\" aria-live=\"polite\"` : \"\";\n    const label = b.label ? ` aria-label=\"${b.label}\"` : \"\";\n    const scrollable = (b.overflow ?? \"clip\") === \"scroll\" ? ` tabindex=\"0\"` : \"\";\n    return `<footer part=\"statusbar\" class=\"${statusbarClass(b)}\"${live}${label}${scrollable}><slot></slot>${overflowMenu(b)}</footer>`;\n  }\n  hooks.fragment.mount(\"statusbar\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-statusbar]\", statusbarHtml(bindings));\n  });\n  hooks.fragment.update(\"statusbar\", (bindings, ops) => {\n    ops.setAttr('[part=\"statusbar\"]', \"class\", statusbarClass(bindings));\n    ops.setAttr('[part=\"statusbar\"]', \"tabindex\", (bindings.overflow ?? \"clip\") === \"scroll\" ? \"0\" : \"\");\n  });\n})();\n", "statusbar.html": "<span data-root data-statusbar></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/statusbar/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,MAAM,EAAC,EAAC,QAAQ,EAAC,CAAC,aAAa,EAAC,WAAW,EAAC,iBAAiB,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,eAAe,EAAC,iBAAiB,EAAC,gBAAgB,EAAC,aAAa,EAAC,aAAa,EAAC,mBAAmB,EAAC,0BAA0B,EAAC,eAAe,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AAC7zB,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,s1DAAs1D,EAAC,gBAAgB,EAAC,0CAA0C,EAAC,CAAC"}

package/dist/elements/fragments/swatch/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.swatch": {
+            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/swatch/source.generated.d.ts.map

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

package/dist/elements/fragments/swatch/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-swatch-default", "version": "0.0.1", "title": "Xtyle Swatch (default)", "description": "The built-in fill for the xtyle Swatch component: the mod-zero markup and behavior every app inherits and may override.", "capabilities": ["xtyle.component.swatch"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.swatch": [{ "id": "swatch", "format": "text/html+jsml", "source": "swatch.html", "handlers": [{ "selector": ".xtyle-swatch--interactive", "on": "click", "handler": "swatch__select" }], "meta": { "tokens": ["--border-thin", "--line-2", "--radius-sm", "--radius-md", "--fg-1", "--fg-2", "--text-sm", "--text-xs", "--text-lg", "--leading-tight", "--font-mono", "--font-sans", "--border-normal", "--border-thick", "--ring", "--bg-1", "--accent", "--space-1", "--space-2", "--space-8", "--surface-overlay", "--surface-overlay-border", "--elevation-2", "--duration-fast", "--ease-standard"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/swatch/mod.ts\n  function esc(value) {\n    return value.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\").replace(/\"/g, \"&quot;\");\n  }\n  function swatchClass(b) {\n    const size = b.size ?? \"md\";\n    return [\n      \"xtyle-swatch\",\n      size !== \"md\" && `xtyle-swatch--${size}`,\n      b.interactive && \"xtyle-swatch--interactive\",\n      b.selected && \"xtyle-swatch--selected\"\n    ].filter(Boolean).join(\" \");\n  }\n  function detailsMarkup(b) {\n    if (!b.showsDetails) return \"\";\n    const rows = (b.detailRows ?? []).map(\n      (row) => `<span class=\"xtyle-swatch__detail-model\" part=\"detail-model\">${esc(row.model)}</span><span class=\"xtyle-swatch__detail-value\" part=\"detail-value\">${esc(row.value)}</span>`\n    ).join(\"\");\n    const id = b.detailsId ?? \"xtyle-swatch-details\";\n    return `<span class=\"xtyle-swatch__details\" part=\"details\" id=\"${id}\" role=\"tooltip\">${rows}</span>`;\n  }\n  function bodyMarkup(b) {\n    const color = esc(b.color ?? \"transparent\");\n    const dot = `<span class=\"xtyle-swatch__dot\" part=\"dot\" style=\"background:${color}\" aria-hidden=\"true\"></span>`;\n    const label = b.label ? `<span class=\"xtyle-swatch__label\" part=\"label\">${esc(b.label)}</span>` : \"\";\n    const value = b.value ? `<span class=\"xtyle-swatch__value\" part=\"value\">${esc(b.value)}</span>` : \"\";\n    return `${dot}${label}${value}${detailsMarkup(b)}`;\n  }\n  function describedBy(b) {\n    return b.showsDetails ? ` aria-describedby=\"${b.detailsId ?? \"xtyle-swatch-details\"}\"` : \"\";\n  }\n  function accessibleName(b) {\n    return b.label ?? b.value ?? b.color;\n  }\n  function inner(b) {\n    const body = bodyMarkup(b);\n    if (!b.interactive) {\n      const focusable = b.showsDetails ? ` tabindex=\"0\"` : \"\";\n      return `<span part=\"swatch\" class=\"${swatchClass(b)}\"${focusable}${describedBy(b)}>${body}</span>`;\n    }\n    const ariaPressed = ` aria-pressed=\"${String(!!b.selected)}\"`;\n    const name = accessibleName(b);\n    const ariaLabel = !b.label && name ? ` aria-label=\"${esc(name)}\"` : \"\";\n    return `<button part=\"swatch\" type=\"button\" class=\"${swatchClass(b)}\"${ariaPressed}${ariaLabel}${describedBy(b)}>${body}</button>`;\n  }\n  hooks.fragment.mount(\"swatch\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-swatch]\", inner(bindings));\n  });\n  hooks.fragment.update(\"swatch\", (bindings, ops) => {\n    ops.setAttr('[part=\"swatch\"]', \"class\", swatchClass(bindings));\n    if (bindings.interactive) ops.setAttr('[part=\"swatch\"]', \"aria-pressed\", String(!!bindings.selected));\n    ops.setAttr('[part=\"dot\"]', \"style\", `background:${bindings.color ?? \"transparent\"}`);\n    if (bindings.label) ops.setText('[part=\"label\"]', bindings.label);\n    if (bindings.value) ops.setText('[part=\"value\"]', bindings.value);\n    if (bindings.interactive && !bindings.label) {\n      const name = accessibleName(bindings);\n      if (name) ops.setAttr('[part=\"swatch\"]', \"aria-label\", name);\n    }\n  });\n  xript.exports.register(\"swatch__select\", (payload, context) => {\n    const e = payload;\n    if (e.disabled || e.ariaDisabled === \"true\") return {};\n    const ctx = context ?? {};\n    return {\n      emit: {\n        type: \"select\",\n        detail: { color: ctx.color ?? null, label: ctx.label ?? null, value: ctx.value ?? null }\n      }\n    };\n  });\n})();\n", "swatch.html": "<span data-root data-swatch></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/swatch/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,yHAAyH,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,UAAU,EAAC,CAAC,EAAC,UAAU,EAAC,4BAA4B,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,gBAAgB,EAAC,CAAC,EAAC,MAAM,EAAC,EAAC,QAAQ,EAAC,CAAC,eAAe,EAAC,UAAU,EAAC,aAAa,EAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,iBAAiB,EAAC,aAAa,EAAC,aAAa,EAAC,iBAAiB,EAAC,gBAAgB,EAAC,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,mBAAmB,EAAC,0BAA0B,EAAC,eAAe,EAAC,iBAAiB,EAAC,iBAAiB,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AACj8B,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,68GAA68G,EAAC,aAAa,EAAC,uCAAuC,EAAC,CAAC"}

package/dist/elements/fragments/switch/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.switch": {
+            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/switch/source.generated.d.ts.map

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

package/dist/elements/fragments/switch/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-switch-default", "version": "0.0.1", "title": "Xtyle Switch (default)", "description": "The built-in fill for the xtyle Switch component: the mod-zero markup and behavior every app inherits and may override.", "capabilities": ["xtyle.component.switch"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.switch": [{ "id": "switch", "format": "text/html+jsml", "source": "switch.html", "handlers": [{ "selector": ".xtyle-switch__track", "on": "click", "handler": "switch__toggle" }, { "selector": ".xtyle-switch__track", "on": "keydown", "handler": "switch__keyToggle" }] }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/switch/mod.ts\n  function switchClass(b) {\n    const size = b.size ?? \"md\";\n    const tone = b.tone ?? \"accent\";\n    return [\n      \"xtyle-switch\",\n      `xtyle-switch--${tone}`,\n      size !== \"md\" && `xtyle-switch--${size}`,\n      b.shape === \"square\" && \"xtyle-switch--square\",\n      b.orientation === \"vertical\" && \"xtyle-switch--vertical\",\n      b.reverse && \"xtyle-switch--reverse\",\n      b.labelSide === \"end\" && \"xtyle-switch--label-end\",\n      b.disabled && \"xtyle-switch--disabled\"\n    ].filter(Boolean).join(\" \");\n  }\n  function stateLabel(b) {\n    const text = (b.checked ? b.onLabel : b.offLabel) ?? null;\n    return text;\n  }\n  function inner(b) {\n    const checked = b.checked ?? false;\n    const disabled = b.disabled ?? false;\n    const uid = b.elementId ?? \"xtyle-switch\";\n    const labelId = `${uid}-label`;\n    const stateId = `${uid}-state`;\n    const stateText = stateLabel(b);\n    const hasState = stateText !== null;\n    let nameAttr = \"\";\n    if (b.labelledby) nameAttr = ` aria-labelledby=\"${b.labelledby}\"`;\n    else if (b.label) nameAttr = ` aria-labelledby=\"${labelId}\"`;\n    else if (hasState) nameAttr = ` aria-labelledby=\"${stateId}\"`;\n    const disabledAttr = disabled ? ' disabled aria-disabled=\"true\"' : \"\";\n    const leadingLabel = b.label ? `<span class=\"xtyle-switch__label\" part=\"label\" id=\"${labelId}\">${b.label}</span>` : \"\";\n    const trailingState = hasState ? `<span class=\"xtyle-switch__state\" part=\"state\" id=\"${stateId}\">${stateText}</span>` : \"\";\n    return leadingLabel + `<button class=\"xtyle-switch__track\" part=\"track\" type=\"button\" role=\"switch\" aria-checked=\"${String(checked)}\"${nameAttr}${disabledAttr}><span class=\"xtyle-switch__thumb\" part=\"thumb\" aria-hidden=\"true\"></span></button>` + trailingState;\n  }\n  hooks.fragment.mount(\"switch\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", switchClass(bindings));\n    ops.replaceChildren(\"[data-switch]\", inner(bindings));\n  });\n  hooks.fragment.update(\"switch\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", switchClass(bindings));\n    ops.setAttr('[role=\"switch\"]', \"aria-checked\", String(bindings.checked ?? false));\n    const text = stateLabel(bindings);\n    if (text !== null) ops.setText('[part=\"state\"]', text);\n  });\n  xript.exports.register(\"switch__toggle\", (payload) => {\n    const e = payload;\n    if (e.disabled || e.ariaDisabled === \"true\") return {};\n    return { toggleChecked: true };\n  });\n  xript.exports.register(\"switch__keyToggle\", (payload) => {\n    const e = payload;\n    if (e.disabled || e.ariaDisabled === \"true\") return {};\n    if (e.key === \" \" || e.key === \"Spacebar\" || e.key === \"Enter\") return { toggleChecked: true, preventDefault: true };\n    return {};\n  });\n})();\n", "switch.html": "<span class=\"xtyle-switch\" part=\"switch\" data-root data-switch></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/switch/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,yHAAyH,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,UAAU,EAAC,CAAC,EAAC,UAAU,EAAC,sBAAsB,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,gBAAgB,EAAC,EAAC,EAAC,UAAU,EAAC,sBAAsB,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,mBAAmB,EAAC,CAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AACtpB,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,y5FAAy5F,EAAC,aAAa,EAAC,8EAA8E,EAAC,CAAC"}

package/dist/elements/fragments/tabs/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.tabs": {
+            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/tabs/source.generated.d.ts.map

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