@xtyle/core 0.5.0

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

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

package/dist/elements/fragments/menu/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-menu-default", "version": "0.0.1", "title": "Xtyle Menu (default)", "description": "The built-in fill for the xtyle Menu component: the mod-zero markup and behavior every app inherits and may override.", "capabilities": ["xtyle.component.menu"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.menu": [{ "id": "menu", "format": "text/html+jsml", "source": "menu.html", "handlers": [{ "selector": ".xtyle-menu__trigger", "on": "keydown", "handler": "menu__triggerKeydown" }, { "selector": ".xtyle-menu__item", "on": "click", "handler": "menu__itemClick" }, { "selector": ".xtyle-menu__item", "on": "keydown", "handler": "menu__itemKeydown" }], "meta": { "tokens": ["--accent-bg", "--accent-text", "--bg-1", "--border-thick", "--border-thin", "--duration-fast", "--ease-standard", "--elevation-3", "--fg-0", "--fg-1", "--fg-disabled", "--font-sans", "--line", "--radius-md", "--radius-sm", "--ring", "--space-1", "--space-2", "--space-3", "--state-hover", "--state-selected", "--surface-overlay", "--surface-overlay-border", "--text-sm"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/menu/mod.ts\n  function escapeHtml(value) {\n    return value.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\");\n  }\n  function escapeAttr(value) {\n    return escapeHtml(value).replace(/\"/g, \"&quot;\");\n  }\n  function triggerLabel(bindings) {\n    return bindings.label ?? \"Menu\";\n  }\n  function action(item) {\n    const label = item.label ?? \"\";\n    const value = item.value ?? label;\n    const disabledAttr = item.disabled ? ` aria-disabled=\"true\"` : \"\";\n    const intentAttr = item.intent === \"danger\" ? ` data-intent=\"danger\"` : \"\";\n    const hint = item.hint ? `<span class=\"xtyle-menu__item-hint\" part=\"item-hint\" aria-hidden=\"true\">${escapeHtml(item.hint)}</span>` : \"\";\n    return `<button type=\"button\" class=\"xtyle-menu__item\" part=\"item\" role=\"menuitem\" tabindex=\"-1\"${disabledAttr}${intentAttr} data-value=\"${escapeAttr(value)}\" data-label=\"${escapeAttr(label)}\"><span class=\"xtyle-menu__item-label\">${escapeHtml(label)}</span>${hint}</button>`;\n  }\n  function items(bindings) {\n    let out = \"\";\n    let groupOpen = false;\n    const closeGroup = () => {\n      if (groupOpen) {\n        out += \"</div>\";\n        groupOpen = false;\n      }\n    };\n    for (const item of bindings.items ?? []) {\n      if (item.heading !== void 0) {\n        closeGroup();\n        out += `<div class=\"xtyle-menu__group\" role=\"group\" aria-label=\"${escapeAttr(item.heading)}\"><div class=\"xtyle-menu__heading\" aria-hidden=\"true\">${escapeHtml(item.heading)}</div>`;\n        groupOpen = true;\n        continue;\n      }\n      if (item.separator) {\n        out += `<div class=\"xtyle-menu__separator\" role=\"separator\"></div>`;\n        continue;\n      }\n      out += action(item);\n    }\n    closeGroup();\n    return out;\n  }\n  hooks.fragment.mount(\"menu\", (bindings, ops) => {\n    const label = triggerLabel(bindings);\n    const popupId = bindings.popupId ?? \"xtyle-menu-popup\";\n    const open = bindings.open ?? false;\n    ops.setAttr(\"[data-trigger]\", \"aria-controls\", popupId);\n    ops.setAttr(\"[data-trigger]\", \"popovertarget\", popupId);\n    ops.setAttr(\"[data-trigger]\", \"aria-expanded\", String(open));\n    ops.setText(\"[data-trigger]\", label);\n    ops.setAttr(\"[data-popup]\", \"id\", popupId);\n    ops.setAttr(\"[data-popup]\", \"aria-label\", label);\n    ops.replaceChildren(\"[data-items]\", items(bindings));\n  });\n  hooks.fragment.update(\"menu\", (bindings, ops) => {\n    ops.setAttr(\"[data-trigger]\", \"aria-expanded\", String(bindings.open ?? false));\n  });\n  xript.exports.register(\"menu__triggerKeydown\", (payload) => {\n    const e = payload;\n    switch (e.key) {\n      case \"Enter\":\n      case \" \":\n      case \"Spacebar\":\n      case \"ArrowDown\":\n        return { openMenu: \"first\", preventDefault: true };\n      case \"ArrowUp\":\n        return { openMenu: \"last\", preventDefault: true };\n      default:\n        return {};\n    }\n  });\n  xript.exports.register(\"menu__itemClick\", (payload, context) => {\n    const e = payload;\n    if (e.disabled || e.ariaDisabled === \"true\") return {};\n    const value = e.dataset?.value;\n    if (value === void 0) return {};\n    const ctx = context;\n    const index = (ctx?.enabledValues ?? []).indexOf(value);\n    return { activateValue: value, activateLabel: e.dataset?.label, activateIndex: index };\n  });\n  xript.exports.register(\"menu__itemKeydown\", (payload, context) => {\n    const e = payload;\n    const ctx = context;\n    const enabled = ctx?.enabledValues ?? [];\n    const current = e.dataset?.value ?? \"\";\n    const here = enabled.indexOf(current);\n    const k = e.key ?? \"\";\n    switch (k) {\n      case \"ArrowDown\":\n        return enabled.length ? { focusValue: enabled[(here + 1) % enabled.length], preventDefault: true } : {};\n      case \"ArrowUp\":\n        return enabled.length ? { focusValue: enabled[(here - 1 + enabled.length) % enabled.length], preventDefault: true } : {};\n      case \"Home\":\n        return enabled.length ? { focusValue: enabled[0], preventDefault: true } : {};\n      case \"End\":\n        return enabled.length ? { focusValue: enabled[enabled.length - 1], preventDefault: true } : {};\n      case \"Enter\":\n      case \" \":\n      case \"Spacebar\": {\n        if (e.disabled || e.ariaDisabled === \"true\") return { preventDefault: true };\n        const value = e.dataset?.value;\n        if (value === void 0) return { preventDefault: true };\n        return {\n          activateValue: value,\n          activateLabel: e.dataset?.label,\n          activateIndex: enabled.indexOf(value),\n          preventDefault: true\n        };\n      }\n      case \"Escape\":\n        return { closeMenu: true, returnFocus: true, preventDefault: true, stopPropagation: true };\n      case \"Tab\":\n        return { closeMenu: true, returnFocus: false };\n      default:\n        return {};\n    }\n  });\n})();\n", "menu.html": "<span class=\"xtyle-menu\" part=\"menu\" data-root>\n\t<button class=\"xtyle-menu__trigger\" part=\"trigger\" type=\"button\" aria-haspopup=\"menu\" aria-expanded=\"false\" data-trigger></button>\n\t<div class=\"xtyle-menu__popup\" part=\"popup\" popover role=\"menu\" data-popup data-items></div>\n</span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/menu/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,uHAAuH,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,UAAU,EAAC,CAAC,EAAC,UAAU,EAAC,sBAAsB,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,sBAAsB,EAAC,EAAC,EAAC,UAAU,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,iBAAiB,EAAC,EAAC,EAAC,UAAU,EAAC,mBAAmB,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,mBAAmB,EAAC,CAAC,EAAC,MAAM,EAAC,EAAC,QAAQ,EAAC,CAAC,aAAa,EAAC,eAAe,EAAC,QAAQ,EAAC,gBAAgB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iBAAiB,EAAC,eAAe,EAAC,QAAQ,EAAC,QAAQ,EAAC,eAAe,EAAC,aAAa,EAAC,QAAQ,EAAC,aAAa,EAAC,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,eAAe,EAAC,kBAAkB,EAAC,mBAAmB,EAAC,0BAA0B,EAAC,WAAW,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AACvkC,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,m9JAAm9J,EAAC,WAAW,EAAC,sTAAsT,EAAC,CAAC"}

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

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

package/dist/elements/fragments/number-input/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-number-input-default", "version": "0.0.1", "title": "Xtyle Number Input (default)", "description": "The built-in fill for the xtyle Number Input component: the mod-zero markup and behavior every app inherits and may override.", "capabilities": ["xtyle.component.number-input"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.number-input": [{ "id": "number-input", "format": "text/html+jsml", "source": "number-input.html", "handlers": [{ "selector": ".xtyle-number__step--dec", "on": "click", "handler": "number-input__dec" }, { "selector": ".xtyle-number__step--inc", "on": "click", "handler": "number-input__inc" }, { "selector": ".xtyle-number__input", "on": "change", "handler": "number-input__commit" }, { "selector": ".xtyle-number__input", "on": "keydown", "handler": "number-input__keydown" }], "meta": { "tokens": ["--accent", "--bg-0", "--border-thick", "--border-thin", "--duration-fast", "--ease-standard", "--fg-0", "--fg-1", "--fg-disabled", "--font-sans", "--line-2", "--neutral-bg", "--radius-md", "--ring", "--space-1", "--space-2", "--space-3", "--space-5", "--space-6", "--space-7", "--state-disabled", "--state-hover", "--state-press", "--text-body", "--text-sm"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/number-input/mod.ts\n  function numberClass(b) {\n    const size = b.size ?? \"md\";\n    return [\"xtyle-number\", size !== \"md\" && `xtyle-number--${size}`, b.disabled && \"xtyle-number--disabled\"].filter(Boolean).join(\" \");\n  }\n  function inner(b) {\n    const value = b.value ?? \"\";\n    const labelText = b.label ?? null;\n    const labelledby = b.labelledby ?? null;\n    const uid = b.elementId ?? \"xtyle-number\";\n    const labelId = `${uid}-label`;\n    const placeholder = b.placeholder ?? null;\n    const nameAttr = labelledby ? ` aria-labelledby=\"${labelledby}\"` : labelText ? ` aria-labelledby=\"${labelId}\"` : \"\";\n    const disabledAttr = b.disabled ? \" disabled\" : \"\";\n    const minAttr = b.min !== void 0 ? ` aria-valuemin=\"${b.min}\"` : \"\";\n    const maxAttr = b.max !== void 0 ? ` aria-valuemax=\"${b.max}\"` : \"\";\n    const placeholderAttr = placeholder ? ` placeholder=\"${placeholder}\"` : \"\";\n    const decDisabled = b.disabled || b.canDec === false ? \" disabled\" : \"\";\n    const incDisabled = b.disabled || b.canInc === false ? \" disabled\" : \"\";\n    const label = labelText ? `<span class=\"xtyle-number__label\" part=\"label\" id=\"${labelId}\">${labelText}</span>` : \"\";\n    return `${label}<div class=\"xtyle-number__control\" part=\"control\"><button class=\"xtyle-number__step xtyle-number__step--dec\" part=\"step-down\" type=\"button\" tabindex=\"-1\" aria-label=\"Decrease\"${decDisabled}>&#8722;</button><input class=\"xtyle-number__input\" part=\"input\" type=\"text\" inputmode=\"decimal\" role=\"spinbutton\" autocomplete=\"off\" spellcheck=\"false\" value=\"${value}\"${placeholderAttr}${nameAttr}${minAttr}${maxAttr} aria-valuenow=\"${value}\"${disabledAttr} /><button class=\"xtyle-number__step xtyle-number__step--inc\" part=\"step-up\" type=\"button\" tabindex=\"-1\" aria-label=\"Increase\"${incDisabled}>&#43;</button></div>`;\n  }\n  hooks.fragment.mount(\"number-input\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", numberClass(bindings));\n    ops.replaceChildren(\"[data-number]\", inner(bindings));\n  });\n  hooks.fragment.update(\"number-input\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", numberClass(bindings));\n    const value = bindings.value ?? \"\";\n    ops.setAttr(\".xtyle-number__input\", \"value\", value);\n    ops.setAttr(\".xtyle-number__input\", \"aria-valuenow\", value);\n  });\n  xript.exports.register(\"number-input__dec\", (payload) => {\n    const e = payload;\n    if (e.disabled) return {};\n    return { nudge: -1 };\n  });\n  xript.exports.register(\"number-input__inc\", (payload) => {\n    const e = payload;\n    if (e.disabled) return {};\n    return { nudge: 1 };\n  });\n  xript.exports.register(\"number-input__commit\", (payload) => {\n    const e = payload;\n    if (e.disabled) return {};\n    return { commit: e.value ?? \"\" };\n  });\n  xript.exports.register(\"number-input__keydown\", (payload) => {\n    const e = payload;\n    if (e.disabled) return {};\n    switch (e.key) {\n      case \"ArrowUp\":\n        return { nudge: 1, preventDefault: true };\n      case \"ArrowDown\":\n        return { nudge: -1, preventDefault: true };\n      case \"PageUp\":\n        return { nudge: 1, forceAlt: true, preventDefault: true };\n      case \"PageDown\":\n        return { nudge: -1, forceAlt: true, preventDefault: true };\n      case \"Enter\":\n        return { commit: e.value ?? \"\" };\n      default:\n        return {};\n    }\n  });\n})();\n", "number-input.html": "<div class=\"xtyle-number\" part=\"number\" data-root data-number></div>\n" };
+//# sourceMappingURL=source.generated.js.map

package/dist/elements/fragments/number-input/source.generated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/number-input/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,+HAA+H,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,UAAU,EAAC,CAAC,EAAC,UAAU,EAAC,0BAA0B,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,mBAAmB,EAAC,EAAC,EAAC,UAAU,EAAC,0BAA0B,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,mBAAmB,EAAC,EAAC,EAAC,UAAU,EAAC,sBAAsB,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,sBAAsB,EAAC,EAAC,EAAC,UAAU,EAAC,sBAAsB,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,uBAAuB,EAAC,CAAC,EAAC,MAAM,EAAC,EAAC,QAAQ,EAAC,CAAC,UAAU,EAAC,QAAQ,EAAC,gBAAgB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iBAAiB,EAAC,QAAQ,EAAC,QAAQ,EAAC,eAAe,EAAC,aAAa,EAAC,UAAU,EAAC,cAAc,EAAC,aAAa,EAAC,QAAQ,EAAC,WAAW,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;AACptC,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,ihHAAihH,EAAC,mBAAmB,EAAC,4EAA4E,EAAC,CAAC"}

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

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

package/dist/elements/fragments/pagination/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-pagination-default", "version": "0.0.1", "title": "Xtyle Pagination (default)", "description": "The built-in fill for the xtyle Pagination component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.pagination"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.pagination": [{ "id": "pagination", "format": "text/html+jsml", "source": "pagination.html", "meta": { "tokens": ["--accent", "--accent-fg", "--bg-2", "--border-normal", "--border-thick", "--border-thin", "--danger", "--danger-fg", "--duration-fast", "--ease-standard", "--fg-1", "--fg-2", "--fg-3", "--font-sans", "--info", "--info-fg", "--leading-normal", "--neutral", "--neutral-fg", "--radius-sm", "--ring", "--space-0", "--space-1", "--success", "--success-fg", "--text-body", "--text-sm", "--text-xs", "--warn", "--warn-fg", "--weight-medium"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/pagination/mod.ts\n  function escapeAttr(value) {\n    return value.replace(/&/g, \"&amp;\").replace(/\"/g, \"&quot;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\");\n  }\n  function span(lo, hi) {\n    const out = [];\n    for (let n = lo; n <= hi; n++) out.push(n);\n    return out;\n  }\n  function range(page, total, siblings, boundaries) {\n    const safeTotal = Math.max(1, Math.floor(total));\n    const current = Math.min(Math.max(1, Math.floor(page)), safeTotal);\n    const sib = Math.max(0, Math.floor(siblings));\n    const bound = Math.max(1, Math.floor(boundaries));\n    const slots = bound * 2 + sib * 2 + 3;\n    if (slots >= safeTotal) return span(1, safeTotal);\n    const leftSibling = Math.max(current - sib, bound + 2);\n    const rightSibling = Math.min(current + sib, safeTotal - bound - 1);\n    const showLeftGap = leftSibling > bound + 2;\n    const showRightGap = rightSibling < safeTotal - bound - 1;\n    const edgeRun = bound + sib * 2 + 2;\n    if (!showLeftGap && showRightGap) {\n      return [...span(1, edgeRun), \"ellipsis\", ...span(safeTotal - bound + 1, safeTotal)];\n    }\n    if (showLeftGap && !showRightGap) {\n      return [...span(1, bound), \"ellipsis\", ...span(safeTotal - edgeRun + 1, safeTotal)];\n    }\n    return [\n      ...span(1, bound),\n      \"ellipsis\",\n      ...span(leftSibling, rightSibling),\n      \"ellipsis\",\n      ...span(safeTotal - bound + 1, safeTotal)\n    ];\n  }\n  function href(template, page) {\n    return template.includes(\"{page}\") ? template.replace(/\\{page\\}/g, String(page)) : `${template}${page}`;\n  }\n  function paginationClass(bindings) {\n    const tone = bindings.tone ?? \"accent\";\n    const size = bindings.size ?? \"md\";\n    return [\"xtyle-pagination\", `xtyle-pagination--${tone}`, size !== \"md\" && `xtyle-pagination--${size}`].filter(Boolean).join(\" \");\n  }\n  var ARROW_PREV = `<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M10 3.5 5.5 8l4.5 4.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`;\n  var ARROW_NEXT = `<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M6 3.5 10.5 8 6 12.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>`;\n  function control(rel, target, disabled, link, ariaLabel) {\n    const glyph = rel === \"prev\" ? ARROW_PREV : ARROW_NEXT;\n    const cls = `xtyle-pagination__control xtyle-pagination__control--${rel}`;\n    if (link && !disabled) {\n      return `<a class=\"${cls}\" part=\"control\" href=\"${escapeAttr(href(link, target))}\" rel=\"${rel}\" aria-label=\"${escapeAttr(ariaLabel)}\" data-page=\"${target}\">${glyph}</a>`;\n    }\n    const dis = disabled ? ' aria-disabled=\"true\"' : \"\";\n    const dataPage = disabled ? \"\" : ` data-page=\"${target}\"`;\n    return `<button type=\"button\" class=\"${cls}\" part=\"control\" aria-label=\"${escapeAttr(ariaLabel)}\"${dis}${dataPage}>${glyph}</button>`;\n  }\n  function pageItem(n, current, link) {\n    if (n === current) {\n      return `<li class=\"xtyle-pagination__item\" part=\"item-wrap\"><span class=\"xtyle-pagination__page xtyle-pagination__page--current\" part=\"page\" aria-current=\"page\">${n}</span></li>`;\n    }\n    const label = `Go to page ${n}`;\n    const cell = link !== void 0 ? `<a class=\"xtyle-pagination__page\" part=\"page\" href=\"${escapeAttr(href(link, n))}\" aria-label=\"${escapeAttr(label)}\" data-page=\"${n}\">${n}</a>` : `<button type=\"button\" class=\"xtyle-pagination__page\" part=\"page\" aria-label=\"${escapeAttr(label)}\" data-page=\"${n}\">${n}</button>`;\n    return `<li class=\"xtyle-pagination__item\" part=\"item-wrap\">${cell}</li>`;\n  }\n  function body(bindings) {\n    const total = Math.max(1, Math.floor(bindings.total ?? 1));\n    const page = Math.min(Math.max(1, Math.floor(bindings.page ?? 1)), total);\n    const link = bindings.href;\n    const items = range(page, total, bindings.siblings ?? 1, bindings.boundaries ?? 1).map(\n      (entry) => entry === \"ellipsis\" ? `<li class=\"xtyle-pagination__item\" part=\"item-wrap\"><span class=\"xtyle-pagination__ellipsis\" part=\"ellipsis\" aria-hidden=\"true\">\\u2026</span></li>` : pageItem(entry, page, link)\n    ).join(\"\");\n    const prev = control(\"prev\", page - 1, page <= 1, link, bindings.prevLabel ?? \"Previous page\");\n    const next = control(\"next\", page + 1, page >= total, link, bindings.nextLabel ?? \"Next page\");\n    return `${prev}<ol class=\"xtyle-pagination__list\" part=\"list\">${items}</ol>${next}`;\n  }\n  hooks.fragment.mount(\"pagination\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", paginationClass(bindings));\n    ops.setAttr(\"[data-root]\", \"aria-label\", bindings.label ?? \"Pagination\");\n    ops.replaceChildren(\"[data-root]\", body(bindings));\n  });\n  hooks.fragment.update(\"pagination\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", paginationClass(bindings));\n    ops.setAttr(\"[data-root]\", \"aria-label\", bindings.label ?? \"Pagination\");\n  });\n})();\n", "pagination.html": "<nav part=\"pagination\" class=\"xtyle-pagination\" aria-label=\"Pagination\" data-root></nav>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/pagination/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,MAAM,EAAC,EAAC,QAAQ,EAAC,CAAC,UAAU,EAAC,aAAa,EAAC,QAAQ,EAAC,iBAAiB,EAAC,gBAAgB,EAAC,eAAe,EAAC,UAAU,EAAC,aAAa,EAAC,iBAAiB,EAAC,iBAAiB,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAC,kBAAkB,EAAC,WAAW,EAAC,cAAc,EAAC,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,cAAc,EAAC,aAAa,EAAC,WAAW,EAAC,WAAW,EAAC,QAAQ,EAAC,WAAW,EAAC,iBAAiB,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AACp6B,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,6oKAA6oK,EAAC,iBAAiB,EAAC,kGAAkG,EAAC,CAAC"}

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

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

package/dist/elements/fragments/panel/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-panel-default", "version": "0.0.1", "title": "Xtyle Panel (default)", "description": "The built-in fill for the xtyle Panel component: the mod-zero markup and behavior every app inherits and may override.", "capabilities": ["xtyle.component.panel"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.panel": [{ "id": "panel", "format": "text/html+jsml", "source": "panel.html", "handlers": [{ "selector": ".xtyle-panel__toggle", "on": "click", "handler": "panel__togglePanel" }], "meta": { "tokens": ["--bg-0", "--bg-1", "--border-thin", "--border-normal", "--border-thick", "--line", "--line-2", "--radius-lg", "--space-2", "--space-3", "--space-4", "--space-8", "--font-display", "--weight-semibold", "--text-sm", "--fg-1", "--fg-2", "--ring", "--state-hover", "--state-press", "--duration-fast", "--ease-standard", "--ease-emphasized"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/panel/mod.ts\n  var MARKER = '<span class=\"xtyle-panel__marker\" part=\"marker\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" width=\"1em\" height=\"1em\"><path fill=\"currentColor\" d=\"M9 6l6 6-6 6V6Z\" /></svg></span>';\n  function level(b) {\n    const raw = Number(b.level);\n    return raw >= 1 && raw <= 6 ? Math.trunc(raw) : 2;\n  }\n  function isCollapsible(b) {\n    return (b.variant ?? \"default\") === \"collapsible\";\n  }\n  var ACTIONS_SLOT = `<span class=\"xtyle-slot\" data-slot=\"actions\"><slot name=\"actions\"></slot></span>`;\n  function hasHeader(b) {\n    return (b.title ?? \"\") !== \"\" || b.hasActions === true;\n  }\n  function panelClass(b) {\n    const variant = b.variant ?? \"default\";\n    return [\"xtyle-panel\", variant !== \"default\" && `xtyle-panel--${variant}`, b.scrollable && \"xtyle-panel--scroll\"].filter(Boolean).join(\" \");\n  }\n  function body(b) {\n    const bodyAttrs = b.scrollable ? ` tabindex=\"0\" role=\"region\" aria-label=\"${b.title || b.label || \"Scrollable content\"}\"` : \"\";\n    return `<div class=\"xtyle-panel__body\" part=\"body\"${bodyAttrs}><slot></slot></div><div class=\"xtyle-panel__footer\" part=\"footer\"><slot name=\"footer\"></slot></div>`;\n  }\n  function inner(b) {\n    const uid = b.titleId ?? \"xtyle-panel\";\n    if (isCollapsible(b)) {\n      const expanded = b.open ? \"true\" : \"false\";\n      return `<div class=\"xtyle-panel__header xtyle-panel__header--toggle\" part=\"header\"><button class=\"xtyle-panel__toggle\" part=\"toggle\" type=\"button\" aria-expanded=\"${expanded}\" aria-controls=\"${uid}-region\">${MARKER}<span class=\"xtyle-panel__title\" part=\"title\" id=\"${uid}\">${b.title ?? \"\"}</span></button>${ACTIONS_SLOT}</div><div class=\"xtyle-panel__collapse\" part=\"collapse\" id=\"${uid}-region\" role=\"region\" aria-labelledby=\"${uid}\"${b.open ? \"\" : \" hidden\"}>${body(b)}</div>`;\n    }\n    const tag = `h${level(b)}`;\n    const heading = b.title ? `<${tag} class=\"xtyle-panel__title\" part=\"title\" id=\"${uid}\">${b.title}</${tag}>` : \"\";\n    const header = hasHeader(b) ? `<header class=\"xtyle-panel__header\" part=\"header\">${heading}<span class=\"xtyle-panel__spacer\" part=\"spacer\"></span>${ACTIONS_SLOT}</header>` : \"\";\n    return `${header}${body(b)}`;\n  }\n  function applyName(bindings, ops) {\n    const uid = bindings.titleId ?? \"xtyle-panel\";\n    const named = !isCollapsible(bindings) && !!bindings.title;\n    const labelled = !isCollapsible(bindings) && !bindings.title && !!bindings.label;\n    ops.setAttr(\"[data-root]\", \"aria-labelledby\", named ? uid : \"\");\n    ops.setAttr(\"[data-root]\", \"aria-label\", labelled ? bindings.label ?? \"\" : \"\");\n  }\n  hooks.fragment.mount(\"panel\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", panelClass(bindings));\n    applyName(bindings, ops);\n    ops.replaceChildren(\"[data-panel]\", inner(bindings));\n  });\n  hooks.fragment.update(\"panel\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", panelClass(bindings));\n    applyName(bindings, ops);\n    if (isCollapsible(bindings)) {\n      const open = bindings.open === true;\n      ops.setAttr(\".xtyle-panel__toggle\", \"aria-expanded\", String(open));\n      ops.toggle(\".xtyle-panel__collapse\", open);\n    }\n  });\n  xript.exports.register(\"panel__togglePanel\", () => {\n    return { toggleOpen: true };\n  });\n})();\n", "panel.html": "<section class=\"xtyle-panel\" part=\"panel\" data-root data-panel></section>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/panel/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,wHAAwH,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,UAAU,EAAC,CAAC,EAAC,UAAU,EAAC,sBAAsB,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,oBAAoB,EAAC,CAAC,EAAC,MAAM,EAAC,EAAC,QAAQ,EAAC,CAAC,QAAQ,EAAC,QAAQ,EAAC,eAAe,EAAC,iBAAiB,EAAC,gBAAgB,EAAC,QAAQ,EAAC,UAAU,EAAC,aAAa,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,gBAAgB,EAAC,mBAAmB,EAAC,WAAW,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,eAAe,EAAC,eAAe,EAAC,iBAAiB,EAAC,iBAAiB,EAAC,mBAAmB,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AACj5B,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,y7GAAy7G,EAAC,YAAY,EAAC,iFAAiF,EAAC,CAAC"}

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

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

package/dist/elements/fragments/pie/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-pie-default", "version": "0.0.1", "title": "Xtyle Pie (default)", "description": "The built-in fill for the xtyle Pie chart: the mod-zero SVG markup every app inherits and may override.", "capabilities": ["xtyle.component.pie"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.pie": [{ "id": "pie", "format": "text/html+jsml", "source": "pie.html", "meta": { "tokens": ["--font-sans", "--bg-0", "--bg-1", "--fg-0", "--fg-1", "--fg-2", "--text-xs", "--text-sm", "--text-lg", "--weight-semibold", "--weight-bold", "--duration-fast", "--ease-standard", "--ring", "--border-thick", "--border-thin", "--leading-normal", "--space-1", "--space-2", "--space-3", "--radius-sm", "--radius-md", "--surface-overlay", "--surface-overlay-border", "--elevation-3"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/pie/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 SZ = 200;\n  var PAD = 4;\n  var CX = SZ / 2;\n  var CY = SZ / 2;\n  var R_OUT = SZ / 2 - PAD;\n  var R_IN_RATIO = 0.58;\n  function dataOf(b) {\n    return (b.data ?? []).map((d) => ({ label: d.label ?? \"\", value: Math.max(0, Number.isFinite(d.value) ? d.value : 0) })).filter((d) => d.value > 0);\n  }\n  function polar(r, angle) {\n    const a = (angle - 90) * Math.PI / 180;\n    return { x: CX + r * Math.cos(a), y: CY + r * Math.sin(a) };\n  }\n  function slicePath(rOut, rIn, start, end) {\n    const large = end - start > 180 ? 1 : 0;\n    const oS = polar(rOut, start);\n    const oE = polar(rOut, end);\n    if (rIn <= 0) {\n      return `M ${CX} ${CY} L ${oS.x.toFixed(2)} ${oS.y.toFixed(2)} A ${rOut} ${rOut} 0 ${large} 1 ${oE.x.toFixed(2)} ${oE.y.toFixed(2)} Z`;\n    }\n    const iS = polar(rIn, start);\n    const iE = polar(rIn, end);\n    return `M ${oS.x.toFixed(2)} ${oS.y.toFixed(2)} A ${rOut} ${rOut} 0 ${large} 1 ${oE.x.toFixed(2)} ${oE.y.toFixed(2)} L ${iE.x.toFixed(2)} ${iE.y.toFixed(2)} A ${rIn} ${rIn} 0 ${large} 0 ${iS.x.toFixed(2)} ${iS.y.toFixed(2)} Z`;\n  }\n  function pieClass(b) {\n    return [\"xtyle-pie\", b.variant === \"donut\" && \"xtyle-pie--donut\"].filter(Boolean).join(\" \");\n  }\n  function legendHtml(data, colors) {\n    const items = data.map(\n      (d, i) => `<span class=\"xtyle-pie__legend-item\" part=\"legend-item\"><span class=\"xtyle-pie__legend-dot\" style=\"background:${esc(colors[i] ?? \"currentColor\")}\"></span>${esc(d.label)}</span>`\n    ).join(\"\");\n    return `<div class=\"xtyle-pie__legend\" part=\"legend\">${items}</div>`;\n  }\n  function tableHtml(data, total, caption) {\n    const rows = data.map(\n      (d) => `<tr><th scope=\"row\">${esc(d.label)}</th><td>${esc(String(d.value))}</td><td>${esc(`${Math.round(d.value / total * 100)}%`)}</td></tr>`\n    ).join(\"\");\n    const cap = caption ? `<caption>${esc(caption)}</caption>` : \"\";\n    return `<table class=\"xtyle-pie__a11y\">${cap}<thead><tr><th scope=\"col\">Slice</th><th scope=\"col\">Value</th><th scope=\"col\">Share</th></tr></thead><tbody>${rows}</tbody></table>`;\n  }\n  function pieHtml(b) {\n    const data = dataOf(b);\n    const colors = b.colors ?? [];\n    const donut = b.variant === \"donut\";\n    const rIn = donut ? R_OUT * R_IN_RATIO : 0;\n    const total = data.reduce((sum, d) => sum + d.value, 0);\n    const label = b.title ?? b.ariaLabel ?? \"\";\n    let slices = \"\";\n    let labels = \"\";\n    if (total > 0) {\n      let acc = 0;\n      for (let i = 0; i < data.length; i++) {\n        const d = data[i];\n        const sweep = d.value / total * 360;\n        const start = acc;\n        const end = acc + sweep;\n        acc = end;\n        const percent = Math.round(d.value / total * 100);\n        const fill = colors[i] ?? \"currentColor\";\n        if (sweep >= 359.999) {\n          slices += donut ? `<circle class=\"xtyle-pie__slice\" part=\"slice\" cx=\"${CX}\" cy=\"${CY}\" r=\"${((R_OUT + rIn) / 2).toFixed(2)}\" fill=\"none\" stroke=\"${esc(fill)}\" stroke-width=\"${(R_OUT - rIn).toFixed(2)}\" data-i=\"${i}\" tabindex=\"0\" role=\"img\" aria-label=\"${esc(`${d.label}: ${d.value} (${percent}%)`)}\"></circle>` : `<circle class=\"xtyle-pie__slice\" part=\"slice\" cx=\"${CX}\" cy=\"${CY}\" r=\"${R_OUT}\" fill=\"${esc(fill)}\" data-i=\"${i}\" tabindex=\"0\" role=\"img\" aria-label=\"${esc(`${d.label}: ${d.value} (${percent}%)`)}\"></circle>`;\n        } else {\n          slices += `<path class=\"xtyle-pie__slice\" part=\"slice\" d=\"${slicePath(R_OUT, rIn, start, end)}\" fill=\"${esc(fill)}\" data-i=\"${i}\" tabindex=\"0\" role=\"img\" aria-label=\"${esc(`${d.label}: ${d.value} (${percent}%)`)}\"></path>`;\n        }\n        if (b.showValues && percent >= 5) {\n          const mid = polar((R_OUT + rIn) / 2 || R_OUT * 0.6, (start + end) / 2);\n          labels += `<text class=\"xtyle-pie__value\" x=\"${mid.x.toFixed(2)}\" y=\"${mid.y.toFixed(2)}\" text-anchor=\"middle\" dy=\"0.32em\">${percent}%</text>`;\n        }\n      }\n    }\n    const center = donut && total > 0 ? `<text class=\"xtyle-pie__center\" x=\"${CX}\" y=\"${CY}\" text-anchor=\"middle\" dy=\"0.32em\">${esc(formatTotal(total))}</text>` : \"\";\n    const a11y = label ? ` aria-label=\"${esc(label)}\"` : ` aria-label=\"${total > 0 ? `Pie chart of ${data.length} slices` : \"No data\"}\"`;\n    const empty = total > 0 ? \"\" : `<text class=\"xtyle-pie__empty\" x=\"${CX}\" y=\"${CY}\" text-anchor=\"middle\" dy=\"0.32em\">No data</text>`;\n    const svg = `<svg class=\"xtyle-pie__svg\" viewBox=\"0 0 ${SZ} ${SZ}\" role=\"img\"${a11y}><g class=\"xtyle-pie__slices\">${slices}</g><g class=\"xtyle-pie__labels\">${labels}</g>${empty}${center}</svg>`;\n    const legend = b.legend !== false ? legendHtml(data, colors) : \"\";\n    const tooltip = `<div class=\"xtyle-pie__tooltip\" part=\"tooltip\" role=\"status\" aria-hidden=\"true\" hidden></div>`;\n    const table = tableHtml(data, total || 1, label);\n    return `<figure part=\"chart\" class=\"${pieClass(b)}\" style=\"--pie-size:${Math.max(80, b.size ?? 200)}px\">${svg}${legend}${tooltip}${table}</figure>`;\n  }\n  function formatTotal(value) {\n    if (value >= 1e3) return `${(value / 1e3).toFixed(value % 1e3 === 0 ? 0 : 1)}k`;\n    return String(Math.round(value * 100) / 100);\n  }\n  hooks.fragment.mount(\"pie\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-pie]\", pieHtml(bindings));\n  });\n  hooks.fragment.update(\"pie\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-pie]\", pieHtml(bindings));\n  });\n})();\n", "pie.html": "<div data-root data-pie></div>" };
+//# sourceMappingURL=source.generated.js.map

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

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

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

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

package/dist/elements/fragments/progress/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-progress-default", "version": "0.0.1", "title": "Xtyle Progress (default)", "description": "The built-in fill for the xtyle Progress component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.progress"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.progress": [{ "id": "progress", "format": "text/html+jsml", "source": "progress.html", "meta": { "tokens": ["--font-sans", "--fg-1", "--fg-2", "--neutral-bg", "--accent", "--neutral", "--danger", "--success", "--warn", "--info", "--space-1", "--space-2", "--space-6", "--space-8", "--radius-full", "--radius-sm", "--duration-base", "--duration-slow", "--ease-emphasized", "--ease-standard", "--text-sm", "--text-xs", "--border-normal", "--border-thick", "--ring"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/progress/mod.ts\n  var RADIUS = 16;\n  var CIRCUMFERENCE = 2 * Math.PI * RADIUS;\n  function progressClass(b) {\n    const variant = b.variant ?? \"linear\";\n    const tone = b.tone ?? \"accent\";\n    const size = b.size ?? \"md\";\n    const pulse = b.pulse === \"fast\" || b.pulse === \"slow\" ? b.pulse : null;\n    return [\n      \"xtyle-progress\",\n      `xtyle-progress--${variant}`,\n      `xtyle-progress--${tone}`,\n      size !== \"md\" && `xtyle-progress--${size}`,\n      b.indeterminate && \"xtyle-progress--indeterminate\",\n      b.colorizeValue && \"xtyle-progress--colorize-value\",\n      b.valuePosition === \"inset\" && \"xtyle-progress--value-inset\",\n      pulse && `xtyle-progress--pulse-${pulse}`\n    ].filter(Boolean).join(\" \");\n  }\n  function fraction(b) {\n    const min = b.min ?? 0;\n    const max = b.max ?? 100;\n    const value = b.value ?? 0;\n    const span = max - min;\n    if (!Number.isFinite(span) || span <= 0) return 0;\n    const clamped = Math.min(Math.max(value, min), max);\n    return (clamped - min) / span;\n  }\n  function ariaAttrs(b) {\n    const min = ` aria-valuemin=\"${b.min ?? 0}\"`;\n    const max = ` aria-valuemax=\"${b.max ?? 100}\"`;\n    const now = b.indeterminate ? \"\" : ` aria-valuenow=\"${b.value ?? 0}\"`;\n    const label = b.ariaLabel ?? null;\n    const labelledby = b.ariaLabelledby ?? null;\n    const name = label !== null ? ` aria-label=\"${label}\"` : labelledby !== null ? ` aria-labelledby=\"${labelledby}\"` : \"\";\n    return `${min}${max}${now}${name}`;\n  }\n  function valueText(b) {\n    if (b.indeterminate) return \"\\u2026\";\n    const min = b.min ?? 0;\n    const max = b.max ?? 100;\n    const value = Math.min(Math.max(b.value ?? 0, min), max);\n    switch (b.valueFormat ?? \"percent\") {\n      case \"value\":\n        return `${value}`;\n      case \"value-max\":\n        return `${value}/${max}`;\n      default:\n        return `${Math.round(fraction(b) * 100)}%`;\n    }\n  }\n  function valueReadout(b) {\n    return `<span class=\"xtyle-progress__value\" part=\"value\"><slot name=\"value\"><span data-progress-value>${valueText(b)}</span></slot></span>`;\n  }\n  function linearHtml(b) {\n    const percent = Math.round(fraction(b) * 100);\n    const width = b.indeterminate ? \"\" : ` style=\"width:${percent}%\"`;\n    const readout = b.showValue ? valueReadout(b) : \"\";\n    return `<div part=\"progress\" class=\"${progressClass(b)}\" role=\"${b.role ?? \"progressbar\"}\"${ariaAttrs(b)}><div class=\"xtyle-progress__track\" part=\"track\"><div class=\"xtyle-progress__indicator\" part=\"indicator\"${width}></div></div>${readout}</div>`;\n  }\n  function circularHtml(b) {\n    const dasharray = CIRCUMFERENCE.toFixed(3);\n    const offset = b.indeterminate ? (CIRCUMFERENCE * 0.7).toFixed(3) : (CIRCUMFERENCE * (1 - fraction(b))).toFixed(3);\n    const dashStyle = ` style=\"stroke-dasharray:${dasharray};stroke-dashoffset:${offset}\"`;\n    const readout = b.showValue && !b.indeterminate ? valueReadout(b) : \"\";\n    const size = b.size ?? \"md\";\n    const sw = size === \"sm\" ? 3 : size === \"lg\" ? 5 : 4;\n    return `<div part=\"progress\" class=\"${progressClass(b)}\" role=\"${b.role ?? \"progressbar\"}\"${ariaAttrs(b)}><svg class=\"xtyle-progress__svg\" viewBox=\"0 0 40 40\" aria-hidden=\"true\"><circle class=\"xtyle-progress__track-ring\" cx=\"20\" cy=\"20\" r=\"${RADIUS}\" stroke-width=\"${sw}\"></circle><circle class=\"xtyle-progress__indicator\" part=\"indicator\" cx=\"20\" cy=\"20\" r=\"${RADIUS}\" stroke-width=\"${sw}\"${dashStyle}></circle></svg>${readout}</div>`;\n  }\n  function progressHtml(b) {\n    return (b.variant ?? \"linear\") === \"circular\" ? circularHtml(b) : linearHtml(b);\n  }\n  hooks.fragment.mount(\"progress\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-progress]\", progressHtml(bindings));\n  });\n  hooks.fragment.update(\"progress\", (bindings, ops) => {\n    ops.setAttr('[part=\"progress\"]', \"class\", progressClass(bindings));\n    ops.setAttr('[part=\"progress\"]', \"role\", bindings.role ?? \"progressbar\");\n    ops.setAttr('[part=\"progress\"]', \"aria-valuemin\", String(bindings.min ?? 0));\n    ops.setAttr('[part=\"progress\"]', \"aria-valuemax\", String(bindings.max ?? 100));\n    if (!bindings.indeterminate) ops.setAttr('[part=\"progress\"]', \"aria-valuenow\", String(bindings.value ?? 0));\n    if ((bindings.variant ?? \"linear\") === \"circular\") {\n      const offset = bindings.indeterminate ? (CIRCUMFERENCE * 0.7).toFixed(3) : (CIRCUMFERENCE * (1 - fraction(bindings))).toFixed(3);\n      const dasharray = CIRCUMFERENCE.toFixed(3);\n      ops.setAttr('[part=\"indicator\"]', \"style\", `stroke-dasharray:${dasharray};stroke-dashoffset:${offset}`);\n    } else if (!bindings.indeterminate) {\n      ops.setAttr('[part=\"indicator\"]', \"style\", `width:${Math.round(fraction(bindings) * 100)}%`);\n    }\n    if (bindings.showValue) ops.setText(\"[data-progress-value]\", valueText(bindings));\n  });\n})();\n", "progress.html": "<span data-root data-progress></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/progress/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,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,UAAU,EAAC,WAAW,EAAC,UAAU,EAAC,WAAW,EAAC,QAAQ,EAAC,QAAQ,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,eAAe,EAAC,aAAa,EAAC,iBAAiB,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,iBAAiB,EAAC,WAAW,EAAC,WAAW,EAAC,iBAAiB,EAAC,gBAAgB,EAAC,QAAQ,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AAC50B,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,w+JAAw+J,EAAC,eAAe,EAAC,yCAAyC,EAAC,CAAC"}

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

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

package/dist/elements/fragments/radio/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-radio-default", "version": "0.0.1", "title": "Xtyle Radio (default)", "description": "The built-in fill for the xtyle Radio component: the mod-zero markup and behavior every app inherits and may override.", "capabilities": ["xtyle.component.radio"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.radio": [{ "id": "radio", "format": "text/html+jsml", "source": "radio.html", "handlers": [{ "selector": ".xtyle-radio__control", "on": "change", "handler": "radio__select" }], "meta": { "tokens": ["--accent", "--accent-fg", "--border-normal", "--border-thick", "--danger", "--danger-fg", "--duration-fast", "--ease-emphasized", "--ease-standard", "--fg-0", "--fg-disabled", "--field-bg", "--field-border", "--font-sans", "--info", "--info-fg", "--leading-normal", "--line", "--line-2", "--neutral", "--neutral-fg", "--radius-full", "--ring", "--space-1", "--space-2", "--space-3", "--state-disabled", "--state-hover", "--success", "--success-fg", "--text-body", "--text-lg", "--text-sm", "--warn", "--warn-fg"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/radio/mod.ts\n  function radioClass(b) {\n    const tone = b.tone ?? \"accent\";\n    const size = b.size ?? \"md\";\n    return [\n      \"xtyle-radio\",\n      `xtyle-radio--${tone}`,\n      size !== \"md\" && `xtyle-radio--${size}`,\n      b.invalid && \"xtyle-radio--invalid\"\n    ].filter(Boolean).join(\" \");\n  }\n  function inner(b) {\n    const name = b.name ?? null;\n    const value = b.value ?? \"on\";\n    const label = b.label ?? null;\n    const labelledby = b.labelledby ?? null;\n    const nameAttr = name !== null ? ` name=\"${name}\"` : \"\";\n    const valueAttr = ` value=\"${value}\"`;\n    const checkedAttr = b.checked ? \" checked\" : \"\";\n    const disabledAttr = b.disabled ? \" disabled\" : \"\";\n    const ariaInvalid = b.invalid ? ` aria-invalid=\"true\"` : \"\";\n    const ariaLabel = label && !labelledby ? ` aria-label=\"${label}\"` : \"\";\n    const ariaLabelledby = labelledby ? ` aria-labelledby=\"${labelledby}\"` : \"\";\n    const labelText = label !== null ? label : \"\";\n    return `<input part=\"control\" class=\"xtyle-radio__control\" type=\"radio\"${nameAttr}${valueAttr}${checkedAttr}${disabledAttr}${ariaInvalid}${ariaLabel}${ariaLabelledby} /><span part=\"indicator\" class=\"xtyle-radio__indicator\" aria-hidden=\"true\"></span><span part=\"label\" class=\"xtyle-radio__label\"><slot>${labelText}</slot></span>`;\n  }\n  hooks.fragment.mount(\"radio\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", radioClass(bindings));\n    ops.replaceChildren(\"[data-radio]\", inner(bindings));\n  });\n  hooks.fragment.update(\"radio\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", radioClass(bindings));\n    ops.setAttr(\".xtyle-radio__control\", \"value\", bindings.value ?? \"on\");\n  });\n  xript.exports.register(\"radio__select\", (payload) => {\n    const e = payload;\n    if (e.disabled || e.ariaDisabled === \"true\") return {};\n    if (e.checked === false) return {};\n    return { selectRadio: true };\n  });\n})();\n", "radio.html": "<label part=\"radio\" class=\"xtyle-radio\" data-root data-radio></label>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/radio/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,wHAAwH,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,UAAU,EAAC,CAAC,EAAC,UAAU,EAAC,uBAAuB,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,eAAe,EAAC,CAAC,EAAC,MAAM,EAAC,EAAC,QAAQ,EAAC,CAAC,UAAU,EAAC,aAAa,EAAC,iBAAiB,EAAC,gBAAgB,EAAC,UAAU,EAAC,aAAa,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,iBAAiB,EAAC,QAAQ,EAAC,eAAe,EAAC,YAAY,EAAC,gBAAgB,EAAC,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAC,kBAAkB,EAAC,QAAQ,EAAC,UAAU,EAAC,WAAW,EAAC,cAAc,EAAC,eAAe,EAAC,QAAQ,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,kBAAkB,EAAC,eAAe,EAAC,WAAW,EAAC,cAAc,EAAC,aAAa,EAAC,WAAW,EAAC,WAAW,EAAC,QAAQ,EAAC,WAAW,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AACljC,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,6iEAA6iE,EAAC,YAAY,EAAC,6EAA6E,EAAC,CAAC"}

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

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

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

package/dist/elements/fragments/section/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-section-default", "version": "0.0.1", "title": "Xtyle Section (default)", "description": "The built-in fill for the xtyle Section component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.section"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.section": [{ "id": "section", "format": "text/html+jsml", "source": "section.html" }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/section/mod.ts\n  function sectionClass(b) {\n    const variant = b.variant ?? \"band\";\n    const tone = b.tone ?? \"plain\";\n    const padding = b.padding ?? \"lg\";\n    const classes = [\"xtyle-section\"];\n    if (variant === \"stage\") {\n      classes.push(\"xtyle-section--stage\");\n      return classes.join(\" \");\n    }\n    if (tone !== \"plain\") classes.push(`xtyle-section--${tone}`);\n    if (b.bordered) {\n      classes.push(\"xtyle-section--bordered\");\n      if (tone === \"plain\") classes.push(\"xtyle-section--plain\");\n    }\n    if (padding !== \"lg\") classes.push(`xtyle-section--${padding}`);\n    return classes.join(\" \");\n  }\n  function escapeAttr(value) {\n    return value.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\").replace(/\"/g, \"&quot;\");\n  }\n  function hasStageLabel(b) {\n    return (b.variant ?? \"band\") === \"stage\" && b.label != null && b.label !== \"\";\n  }\n  function isLandmarkTag(tag) {\n    return tag === \"section\" || tag === \"header\" || tag === \"footer\";\n  }\n  function sectionHtml(b) {\n    const tag = b.as ?? \"section\";\n    const label = hasStageLabel(b) ? `<span part=\"label\" class=\"xtyle-section__label\">${String(b.label)}</span>` : \"\";\n    const named = isLandmarkTag(tag) && b.label != null && b.label !== \"\";\n    const nameAttr = named ? ` aria-label=\"${escapeAttr(String(b.label))}\"` : \"\";\n    return `<${tag} part=\"section\" class=\"${sectionClass(b)}\"${nameAttr}>${label}<span class=\"xtyle-slot\"><slot></slot></span></${tag}>`;\n  }\n  hooks.fragment.mount(\"section\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-section]\", sectionHtml(bindings));\n  });\n  hooks.fragment.update(\"section\", (bindings, ops) => {\n    ops.setAttr('[part=\"section\"]', \"class\", sectionClass(bindings));\n    if (hasStageLabel(bindings)) ops.setText('[part=\"label\"]', String(bindings.label));\n    const tag = bindings.as ?? \"section\";\n    const named = isLandmarkTag(tag) && bindings.label != null && bindings.label !== \"\";\n    ops.setAttr('[part=\"section\"]', \"aria-label\", named ? String(bindings.label) : \"\");\n  });\n})();\n", "section.html": "<span data-root data-section></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/section/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,CAAC,EAAC,EAAC,CAAC;AACte,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,wsEAAwsE,EAAC,cAAc,EAAC,wCAAwC,EAAC,CAAC"}

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

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

package/dist/elements/fragments/segmented/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-segmented-default", "version": "0.0.1", "title": "Xtyle Segmented (default)", "description": "The built-in fill for the xtyle Segmented component: the mod-zero markup and behavior every app inherits and may override.", "capabilities": ["xtyle.component.segmented"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.segmented": [{ "id": "segmented", "format": "text/html+jsml", "source": "segmented.html", "handlers": [{ "selector": "[role=\"radio\"]", "on": "click", "handler": "segmented__selectOption" }, { "selector": "[role=\"radio\"]", "on": "keydown", "handler": "segmented__navKeydown" }], "meta": { "tokens": ["--accent", "--accent-fg", "--bg-1", "--border-normal", "--border-thick", "--border-thin", "--duration-fast", "--ease-standard", "--fg-0", "--fg-1", "--fg-disabled", "--font-sans", "--line-2", "--radius-md", "--radius-sm", "--ring", "--space-1", "--space-2", "--space-3", "--space-4", "--state-disabled", "--state-hover", "--state-press", "--text-body", "--text-sm", "--weight-medium"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/selector-escape.ts\n  var BACKSLASH = /\\\\/g;\n  var DQUOTE = /\"/g;\n  var NEWLINE = /\\n/g;\n  var CR = /\\r/g;\n  function escapeSelectorValue(value) {\n    return value.replace(BACKSLASH, \"\\\\\\\\\").replace(DQUOTE, '\\\\\"').replace(NEWLINE, \"\\\\A \").replace(CR, \"\\\\D \");\n  }\n\n  // packages/xtyle/src/elements/fragments/segmented/mod.ts\n  function selectedValue(bindings) {\n    const segments = bindings.segments ?? [];\n    const requested = bindings.value ?? null;\n    if (requested != null && segments.some((s) => s.value === requested && !s.disabled)) return requested;\n    const firstEnabled = segments.find((s) => !s.disabled) ?? segments[0];\n    return firstEnabled?.value ?? \"\";\n  }\n  function rootClass(bindings) {\n    const size = bindings.size ?? \"md\";\n    const tone = bindings.tone ?? \"accent\";\n    return [\n      \"xtyle-segmented\",\n      `xtyle-segmented--${tone}`,\n      size !== \"md\" && `xtyle-segmented--${size}`,\n      bindings.disabled && \"xtyle-segmented--disabled\"\n    ].filter(Boolean).join(\" \");\n  }\n  function escapeHtml(value) {\n    return value.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\");\n  }\n  function escapeAttr(value) {\n    return escapeHtml(value).replace(/\"/g, \"&quot;\");\n  }\n  function options(bindings, selected) {\n    const segments = bindings.segments ?? [];\n    const groupDisabled = bindings.disabled ?? false;\n    return segments.map((seg) => {\n      const segDisabled = groupDisabled || !!seg.disabled;\n      const isOn = seg.value === selected;\n      const tabindex = segDisabled ? \"-1\" : isOn ? \"0\" : \"-1\";\n      const disabledAttr = segDisabled ? \" disabled\" : \"\";\n      const badge = seg.badge ? `<span class=\"xtyle-segmented__badge\" part=\"badge\">${escapeHtml(seg.badge)}</span>` : \"\";\n      const named = seg.slot ? ` aria-label=\"${escapeAttr(seg.label)}\" title=\"${escapeAttr(seg.label)}\"` : \"\";\n      const body = seg.slot ? `<slot name=\"${escapeAttr(seg.slot)}\"></slot>` : escapeHtml(seg.label);\n      const optionClass = seg.slot ? \"xtyle-segmented__option xtyle-segmented__option--icon\" : \"xtyle-segmented__option\";\n      return `<button class=\"${optionClass}\" part=\"option\" type=\"button\" role=\"radio\" aria-checked=\"${String(isOn)}\" tabindex=\"${tabindex}\" data-value=\"${escapeAttr(seg.value)}\"${named}${disabledAttr}>${body}${badge}</button>`;\n    }).join(\"\");\n  }\n  function fieldInner(bindings, selected) {\n    const labelText = bindings.label ?? null;\n    const labelledby = bindings.labelledby ?? null;\n    const ariaLabel = bindings.ariaLabel ?? null;\n    const labelId = `${bindings.elementId ?? \"xtyle-segmented\"}-label`;\n    const groupName = labelledby ? ` aria-labelledby=\"${labelledby}\"` : labelText ? ` aria-labelledby=\"${labelId}\"` : ariaLabel ? ` aria-label=\"${escapeAttr(ariaLabel)}\"` : \"\";\n    const label = labelText ? `<span class=\"xtyle-segmented__label\" part=\"label\" id=\"${labelId}\">${labelText}</span>` : \"\";\n    return `${label}<div class=\"${rootClass(bindings)}\" part=\"segmented\" role=\"radiogroup\"${groupName}>${options(bindings, selected)}</div>`;\n  }\n  hooks.fragment.mount(\"segmented\", (bindings, ops) => {\n    const selected = selectedValue(bindings);\n    ops.replaceChildren(\"[data-field]\", fieldInner(bindings, selected));\n  });\n  hooks.fragment.update(\"segmented\", (bindings, ops) => {\n    const selected = selectedValue(bindings);\n    const groupDisabled = bindings.disabled ?? false;\n    ops.setAttr('[role=\"radiogroup\"]', \"class\", rootClass(bindings));\n    for (const seg of bindings.segments ?? []) {\n      const segDisabled = groupDisabled || !!seg.disabled;\n      const isOn = seg.value === selected;\n      const sel = `[role=\"radio\"][data-value=\"${escapeSelectorValue(seg.value)}\"]`;\n      ops.setAttr(sel, \"aria-checked\", String(isOn));\n      ops.setAttr(sel, \"tabindex\", segDisabled ? \"-1\" : isOn ? \"0\" : \"-1\");\n    }\n  });\n  xript.exports.register(\"segmented__selectOption\", (payload) => {\n    const e = payload;\n    if (e.disabled || e.ariaDisabled === \"true\") return {};\n    const value = e.dataset?.value;\n    return value ? { select: value, focus: value } : {};\n  });\n  xript.exports.register(\"segmented__navKeydown\", (payload, context) => {\n    const e = payload;\n    if (e.disabled || e.ariaDisabled === \"true\") return {};\n    const ctx = context;\n    const key = e.key ?? \"\";\n    const current = e.dataset?.value ?? \"\";\n    const enabled = ctx.enabledKeys;\n    const here = enabled.indexOf(current);\n    let target;\n    if (key === \"ArrowRight\" || key === \"ArrowDown\") target = enabled[(here + 1) % enabled.length];\n    else if (key === \"ArrowLeft\" || key === \"ArrowUp\") target = enabled[(here - 1 + enabled.length) % enabled.length];\n    else if (key === \"Home\") target = enabled[0];\n    else if (key === \"End\") target = enabled[enabled.length - 1];\n    else return {};\n    if (target === void 0) return {};\n    return { select: target, focus: target, preventDefault: true };\n  });\n})();\n", "segmented.html": "<div class=\"xtyle-segmented-field\" part=\"field\" data-root data-field></div>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/segmented/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,4HAA4H,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,UAAU,EAAC,CAAC,EAAC,UAAU,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,yBAAyB,EAAC,EAAC,EAAC,UAAU,EAAC,kBAAkB,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,uBAAuB,EAAC,CAAC,EAAC,MAAM,EAAC,EAAC,QAAQ,EAAC,CAAC,UAAU,EAAC,aAAa,EAAC,QAAQ,EAAC,iBAAiB,EAAC,gBAAgB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iBAAiB,EAAC,QAAQ,EAAC,QAAQ,EAAC,eAAe,EAAC,aAAa,EAAC,UAAU,EAAC,aAAa,EAAC,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,kBAAkB,EAAC,eAAe,EAAC,eAAe,EAAC,aAAa,EAAC,WAAW,EAAC,iBAAiB,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AAC5iC,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,ymKAAymK,EAAC,gBAAgB,EAAC,mFAAmF,EAAC,CAAC"}

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

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

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

package/dist/elements/fragments/select/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-select-default", "version": "0.0.1", "title": "Xtyle Select (default)", "description": "The built-in fill for the xtyle Select component: the mod-zero markup and behavior every app inherits and may override.", "capabilities": ["xtyle.component.select"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.select": [{ "id": "select", "format": "text/html+jsml", "source": "select.html" }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/select/mod.ts\n  function selectClass(b) {\n    const size = b.size ?? \"md\";\n    return [\n      \"xtyle-select\",\n      size === \"sm\" && \"xtyle-select--sm\",\n      size === \"lg\" && \"xtyle-select--lg\",\n      b.invalid && \"xtyle-select--invalid\"\n    ].filter(Boolean).join(\" \");\n  }\n  function labelText(b) {\n    return b.label ?? \"\";\n  }\n  function errorText(b) {\n    return b.error ?? \"\";\n  }\n  hooks.fragment.mount(\"select\", (bindings, ops) => {\n    const fieldId = bindings.fieldId ?? \"xtyle-select\";\n    const errorId = bindings.errorId ?? `${fieldId}-error`;\n    const label = labelText(bindings);\n    const error = errorText(bindings);\n    const invalid = bindings.invalid === true;\n    ops.setAttr(\"[data-root]\", \"class\", selectClass(bindings));\n    ops.setAttr(\"[data-label]\", \"for\", fieldId);\n    ops.setText(\"[data-label]\", label);\n    if (label.length === 0) ops.setAttr(\"[data-label]\", \"hidden\", \"hidden\");\n    ops.setAttr(\"[data-field]\", \"id\", fieldId);\n    if (bindings.name != null) ops.setAttr(\"[data-field]\", \"name\", bindings.name);\n    if (bindings.disabled) ops.setAttr(\"[data-field]\", \"disabled\", \"disabled\");\n    if (bindings.required) {\n      ops.setAttr(\"[data-field]\", \"required\", \"required\");\n      ops.setAttr(\"[data-field]\", \"aria-required\", \"true\");\n    }\n    ops.setAttr(\"[data-field]\", \"aria-invalid\", String(invalid));\n    if (bindings.value != null) ops.setAttr(\"[data-field]\", \"value\", bindings.value);\n    if (invalid && error.length > 0) ops.setAttr(\"[data-field]\", \"aria-describedby\", errorId);\n    ops.replaceChildren(\"[data-field]\", bindings.optionsHtml ?? \"\");\n    ops.setAttr(\"[data-error]\", \"id\", errorId);\n    ops.setText(\"[data-error]\", error);\n    if (error.length === 0) ops.setAttr(\"[data-error]\", \"hidden\", \"hidden\");\n  });\n  hooks.fragment.update(\"select\", (bindings, ops) => {\n    const label = labelText(bindings);\n    const error = errorText(bindings);\n    const invalid = bindings.invalid === true;\n    ops.setAttr(\"[data-root]\", \"class\", selectClass(bindings));\n    ops.setText(\"[data-label]\", label);\n    ops.toggle(\"[data-label]\", label.length > 0);\n    ops.setAttr(\"[data-field]\", \"aria-invalid\", String(invalid));\n    const fieldId = bindings.fieldId ?? \"xtyle-select\";\n    const errorId = bindings.errorId ?? `${fieldId}-error`;\n    ops.setAttr(\"[data-field]\", \"aria-describedby\", invalid && error.length > 0 ? errorId : \"\");\n    ops.setText(\"[data-error]\", error);\n    ops.toggle(\"[data-error]\", error.length > 0);\n  });\n})();\n", "select.html": "<div class=\"xtyle-select\" part=\"root\" data-root>\n\t<label class=\"xtyle-select__label\" part=\"label\" data-label></label>\n\t<div class=\"xtyle-select__control\" part=\"control\">\n\t\t<select class=\"xtyle-control xtyle-select__field\" part=\"select\" data-field></select>\n\t\t<span class=\"xtyle-select__chevron\" part=\"chevron\" aria-hidden=\"true\">\n\t\t\t<svg viewBox=\"0 0 24 24\" width=\"1em\" height=\"1em\" focusable=\"false\">\n\t\t\t\t<path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"m6 9 6 6 6-6\" />\n\t\t\t</svg>\n\t\t</span>\n\t</div>\n\t<span class=\"xtyle-select__error\" part=\"error\" data-error></span>\n</div>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/select/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,CAAC,EAAC,EAAC,CAAC;AAC5e,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,wqFAAwqF,EAAC,aAAa,EAAC,wsBAAwsB,EAAC,CAAC"}

package/dist/elements/fragments/selector-escape.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Escape a value for interpolation inside a double-quoted CSS attribute selector,
+ * e.g. `[data-value="${escapeSelectorValue(value)}"]`. Runs in the xript sandbox
+ * (no DOM `CSS.escape`), so a value carrying a `"` (or `\`) no longer produces an
+ * invalid selector that throws when the fragment's update hook re-queries a node.
+ */
+export declare function escapeSelectorValue(value: string): string;
+//# sourceMappingURL=selector-escape.d.ts.map

package/dist/elements/fragments/selector-escape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selector-escape.d.ts","sourceRoot":"","sources":["../../../src/elements/fragments/selector-escape.ts"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEzD"}

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

@@ -0,0 +1,14 @@
+const BACKSLASH = /\\/g;
+const DQUOTE = /"/g;
+const NEWLINE = /\n/g;
+const CR = /\r/g;
+/**
+ * Escape a value for interpolation inside a double-quoted CSS attribute selector,
+ * e.g. `[data-value="${escapeSelectorValue(value)}"]`. Runs in the xript sandbox
+ * (no DOM `CSS.escape`), so a value carrying a `"` (or `\`) no longer produces an
+ * invalid selector that throws when the fragment's update hook re-queries a node.
+ */
+export function escapeSelectorValue(value) {
+    return value.replace(BACKSLASH, "\\\\").replace(DQUOTE, '\\"').replace(NEWLINE, "\\A ").replace(CR, "\\D ");
+}
+//# sourceMappingURL=selector-escape.js.map