@xtyle/core 0.5.0

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

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

package/dist/elements/fragments/dialog/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-dialog-default", "version": "0.0.1", "title": "Xtyle Dialog (default)", "description": "The built-in fill for the xtyle Dialog component: the mod-zero markup and behavior every app inherits and may override.", "capabilities": ["xtyle.component.dialog"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.dialog": [{ "id": "dialog", "format": "text/html+jsml", "source": "dialog.html", "handlers": [{ "selector": ".xtyle-dialog__close", "on": "click", "handler": "dialog__requestClose" }], "meta": { "tokens": ["--fg-0", "--fg-1", "--fg-2", "--font-sans", "--text-body", "--text-lg", "--leading-normal", "--leading-tight", "--weight-semibold", "--surface-overlay", "--surface-overlay-border", "--scrim", "--line", "--border-thin", "--border-normal", "--border-thick", "--radius-lg", "--radius-sm", "--elevation-5", "--ring", "--state-hover", "--state-press", "--duration-fast", "--ease-standard", "--space-2", "--space-3", "--space-4", "--space-5", "--space-6"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/dialog/mod.ts\n  var CLOSE_ICON = '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" d=\"M6 6l12 12M18 6L6 18\" /></svg>';\n  function dialogClass(b) {\n    const size = b.size ?? \"md\";\n    return [\"xtyle-dialog\", size !== \"md\" && `xtyle-dialog--${size}`].filter(Boolean).join(\" \");\n  }\n  function titleId(b) {\n    return `${b.elementId ?? \"xtyle-dialog\"}-title`;\n  }\n  function inner(b) {\n    const heading = b.heading ?? null;\n    const label = b.label ?? null;\n    const labelledby = b.labelledby ?? null;\n    const closeLabel = b.closeLabel ?? \"Close\";\n    const showCloseButton = !b.noCloseButton;\n    const labelAttr = labelledby ? ` aria-labelledby=\"${labelledby}\"` : heading ? ` aria-labelledby=\"${titleId(b)}\"` : label ? ` aria-label=\"${label}\"` : \"\";\n    const closeButton = showCloseButton ? `<button type=\"button\" class=\"xtyle-dialog__close\" part=\"close\" aria-label=\"${closeLabel}\">${CLOSE_ICON}</button>` : \"\";\n    const titleMarkup = heading ? `<h2 class=\"xtyle-dialog__title\" id=\"${titleId(b)}\">${heading}</h2>` : \"\";\n    const header = `<header class=\"xtyle-dialog__header\" part=\"header\"><slot name=\"header\">${titleMarkup}</slot>${closeButton}</header>`;\n    return `<dialog class=\"${dialogClass(b)}\" part=\"dialog\"${labelAttr}>` + header + `<div class=\"xtyle-dialog__body\" part=\"body\"><slot></slot></div><footer class=\"xtyle-dialog__footer\" part=\"footer\"><slot name=\"footer\"></slot></footer></dialog>`;\n  }\n  hooks.fragment.mount(\"dialog\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-dialog]\", inner(bindings));\n  });\n  hooks.fragment.update(\"dialog\", (bindings, ops) => {\n    ops.setAttr(\".xtyle-dialog\", \"class\", dialogClass(bindings));\n    if (bindings.heading) ops.setText(\".xtyle-dialog__title\", bindings.heading);\n  });\n  xript.exports.register(\"dialog__requestClose\", (payload) => {\n    const e = payload;\n    if (e.disabled || e.ariaDisabled === \"true\") return {};\n    return { requestClose: true };\n  });\n})();\n", "dialog.html": "<div class=\"xtyle-dialog-host\" data-root data-dialog></div>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/dialog/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,sBAAsB,EAAC,CAAC,EAAC,MAAM,EAAC,EAAC,QAAQ,EAAC,CAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,aAAa,EAAC,aAAa,EAAC,WAAW,EAAC,kBAAkB,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,mBAAmB,EAAC,0BAA0B,EAAC,SAAS,EAAC,QAAQ,EAAC,eAAe,EAAC,iBAAiB,EAAC,gBAAgB,EAAC,aAAa,EAAC,aAAa,EAAC,eAAe,EAAC,QAAQ,EAAC,eAAe,EAAC,eAAe,EAAC,iBAAiB,EAAC,iBAAiB,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AACrgC,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,6pEAA6pE,EAAC,aAAa,EAAC,iEAAiE,EAAC,CAAC"}

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

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

package/dist/elements/fragments/dock/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-dock-default", "version": "0.0.1", "title": "Xtyle Dock (default)", "description": "The built-in fill for the xtyle Dock component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.dock"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.dock": [{ "id": "dock", "format": "text/html+jsml", "source": "dock.html", "meta": { "tokens": ["--font-sans", "--text-body", "--text-xs", "--weight-semibold", "--leading-normal", "--leading-tight", "--fg-1", "--fg-2", "--bg-1", "--line", "--border-thin", "--space-0", "--space-1", "--space-2", "--space-3", "--space-4"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/dock/mod.ts\n  function dockClass(b) {\n    const size = b.size ?? \"md\";\n    return [\n      \"xtyle-dock\",\n      b.side === \"right\" && \"xtyle-dock--right\",\n      size !== \"md\" && `xtyle-dock--${size}`,\n      b.tone && `xtyle-dock--${b.tone}`,\n      b.reverseEdge && \"xtyle-dock--edge-out\",\n      b.edgeWidth && `xtyle-dock--edge-${b.edgeWidth}`\n    ].filter(Boolean).join(\" \");\n  }\n  function dockInner(b) {\n    const header = b.label && !b.hideHeader ? `<div class=\"xtyle-dock__header\" part=\"header\"><slot name=\"header\">${b.label}</slot></div>` : `<slot name=\"header\"></slot>`;\n    return `${header}<div class=\"xtyle-dock__body\" part=\"body\"><slot></slot></div><slot name=\"footer\"></slot>`;\n  }\n  function dockHtml(b) {\n    const tag = b.nav ? \"nav\" : \"aside\";\n    const label = b.label ?? null;\n    const labelAttr = label && !b.hasAriaLabel ? ` aria-label=\"${label}\"` : \"\";\n    return `<${tag} part=\"dock\" class=\"${dockClass(b)}\"${labelAttr}>${dockInner(b)}</${tag}>`;\n  }\n  hooks.fragment.mount(\"dock\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-dock]\", dockHtml(bindings));\n  });\n  hooks.fragment.update(\"dock\", (bindings, ops) => {\n    ops.setAttr('[part=\"dock\"]', \"class\", dockClass(bindings));\n    const label = bindings.label ?? null;\n    if (label && !bindings.hideHeader) {\n      ops.setText('slot[name=\"header\"]', label);\n    }\n    if (label && !bindings.hasAriaLabel) {\n      ops.setAttr('[part=\"dock\"]', \"aria-label\", label);\n    }\n  });\n})();\n", "dock.html": "<span data-root data-dock></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

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

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

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

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

package/dist/elements/fragments/eyebrow/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-eyebrow-default", "version": "0.0.1", "title": "Xtyle Eyebrow (default)", "description": "The built-in fill for the xtyle Eyebrow component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.eyebrow"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.eyebrow": [{ "id": "eyebrow", "format": "text/html+jsml", "source": "eyebrow.html" }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/eyebrow/mod.ts\n  function eyebrowClass(b) {\n    const tone = b.tone ?? \"accent\";\n    const tracking = b.tracking ?? \"normal\";\n    return [\"xtyle-eyebrow\", tone !== \"accent\" && `xtyle-eyebrow--${tone}`, tracking === \"wide\" && \"xtyle-eyebrow--wide\"].filter(Boolean).join(\" \");\n  }\n  function eyebrowHtml(b) {\n    const as = b.as ?? \"p\";\n    const tag = as === \"span\" ? \"span\" : as === \"div\" ? \"div\" : \"p\";\n    return `<${tag} part=\"eyebrow\" class=\"${eyebrowClass(b)}\"><slot></slot></${tag}>`;\n  }\n  hooks.fragment.mount(\"eyebrow\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-eyebrow]\", eyebrowHtml(bindings));\n  });\n  hooks.fragment.update(\"eyebrow\", (bindings, ops) => {\n    ops.setAttr('[part=\"eyebrow\"]', \"class\", eyebrowClass(bindings));\n  });\n})();\n", "eyebrow.html": "<span data-root data-eyebrow></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/eyebrow/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,03BAA03B,EAAC,cAAc,EAAC,wCAAwC,EAAC,CAAC"}

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

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

package/dist/elements/fragments/field/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-field-default", "version": "0.0.1", "title": "Xtyle Field (default)", "description": "The built-in fill for the xtyle Field component: the mod-zero markup and behavior every app inherits and may override.", "capabilities": ["xtyle.component.field"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.field": [{ "id": "field", "format": "text/html+jsml", "source": "field.html", "handlers": [{ "selector": ".xtyle-field__input", "on": "input", "handler": "field__onInput" }, { "selector": ".xtyle-field__input", "on": "change", "handler": "field__onChange" }, { "selector": "[data-action=\"clear\"]", "on": "click", "handler": "field__clear" }, { "selector": "[data-action=\"reveal\"]", "on": "click", "handler": "field__reveal" }] }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/field/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 fieldClass(b) {\n    const size = b.size ?? \"md\";\n    return [\n      \"xtyle-field\",\n      b.invalid && \"xtyle-field--invalid\",\n      b.disabled && \"xtyle-field--disabled\",\n      b.readonly && \"xtyle-field--readonly\",\n      b.mono && \"xtyle-field--mono\",\n      size !== \"md\" && `xtyle-field--${size}`\n    ].filter(Boolean).join(\" \");\n  }\n  function describedBy(b) {\n    const description = b.description ?? \"\";\n    const error = b.error ?? \"\";\n    return [\n      description.length > 0 ? b.descriptionId : null,\n      b.invalid && error.length > 0 ? b.errorId : null\n    ].filter(Boolean).join(\" \");\n  }\n  function isInteractive(b) {\n    return !(b.disabled === true) && !(b.readonly === true);\n  }\n  function showClear(b) {\n    return b.clearable === true && isInteractive(b) && (b.value ?? \"\").length > 0;\n  }\n  function showReveal(b) {\n    return (b.type ?? \"text\") === \"password\" && isInteractive(b);\n  }\n  function inner(b) {\n    const label = b.label ?? \"\";\n    const placeholder = b.placeholder ?? \"\";\n    const type = b.type ?? \"text\";\n    const value = b.value;\n    const name = b.name;\n    const disabled = b.disabled === true;\n    const readonly = b.readonly === true;\n    const invalid = b.invalid === true;\n    const required = b.required === true;\n    const description = b.description ?? \"\";\n    const error = b.error ?? \"\";\n    const inputId = b.inputId ?? \"xtyle-field\";\n    const descriptionId = b.descriptionId ?? `${inputId}-desc`;\n    const errorId = b.errorId ?? `${inputId}-error`;\n    const clearShown = showClear(b);\n    const revealShown = showReveal(b);\n    const describes = describedBy(b);\n    const fallbackAriaLabel = label.length === 0 && !b.ariaLabel;\n    const inputAttrs = [\n      `class=\"xtyle-control xtyle-field__input\"`,\n      `part=\"input\"`,\n      `id=\"${escapeAttr(inputId)}\"`,\n      `placeholder=\"${escapeAttr(placeholder)}\"`,\n      `type=\"${escapeAttr(type)}\"`,\n      disabled ? \"disabled\" : null,\n      readonly ? \"readonly\" : null,\n      name != null ? `name=\"${escapeAttr(name)}\"` : null,\n      value != null ? `value=\"${escapeAttr(value)}\"` : null,\n      `aria-invalid=\"${invalid}\"`,\n      fallbackAriaLabel ? `aria-label=\"${escapeAttr(placeholder)}\"` : null,\n      required ? \"required\" : null,\n      required ? `aria-required=\"true\"` : null,\n      describes.length > 0 ? `aria-describedby=\"${escapeAttr(describes)}\"` : null\n    ].filter(Boolean).join(\" \");\n    const star = required ? `<span class=\"xtyle-field__required\" part=\"required\" aria-hidden=\"true\">*</span>` : \"\";\n    const labelHidden = label.length === 0 ? \" hidden\" : \"\";\n    const revealHidden = revealShown ? \"\" : \" hidden\";\n    const typeIsText = type === \"text\";\n    const revealPressed = String(typeIsText);\n    const revealLabel = typeIsText ? \"Hide value\" : \"Show value\";\n    const clearHidden = clearShown ? \"\" : \" hidden\";\n    const descriptionHidden = description.length === 0 ? \" hidden\" : \"\";\n    const errorHidden = !invalid || error.length === 0 ? \" hidden\" : \"\";\n    return `<label class=\"xtyle-field__label\" part=\"label\" for=\"${escapeAttr(inputId)}\"${labelHidden}>${escapeHtml(label)}${star}</label><div class=\"xtyle-field__control\" part=\"control\"><span class=\"xtyle-field__adornment\" part=\"adornment\"><slot name=\"prefix\"></slot></span><input ${inputAttrs} /><button type=\"button\" class=\"xtyle-field__action\" part=\"action-reveal\" data-action=\"reveal\"${revealHidden} aria-pressed=\"${revealPressed}\" aria-label=\"${escapeAttr(revealLabel)}\"><slot name=\"reveal-icon\"><span aria-hidden=\"true\">&#128065;</span></slot></button><button type=\"button\" class=\"xtyle-field__action\" part=\"action-clear\" data-action=\"clear\"${clearHidden} aria-label=\"Clear\"><slot name=\"clear-icon\"><span aria-hidden=\"true\">&times;</span></slot></button><span class=\"xtyle-field__adornment\" part=\"adornment\"><slot name=\"suffix\"></slot></span></div><span class=\"xtyle-field__description\" part=\"description\" id=\"${escapeAttr(descriptionId)}\"${descriptionHidden}>${escapeHtml(description)}</span><span class=\"xtyle-field__error\" part=\"error\" id=\"${escapeAttr(errorId)}\"${errorHidden}>${escapeHtml(error)}</span>`;\n  }\n  hooks.fragment.mount(\"field\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", fieldClass(bindings));\n    ops.replaceChildren(\"[data-field]\", inner(bindings));\n  });\n  hooks.fragment.update(\"field\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", fieldClass(bindings));\n    const labelText = bindings.label ?? \"\";\n    const star = bindings.required ? `<span class=\"xtyle-field__required\" part=\"required\" aria-hidden=\"true\">*</span>` : \"\";\n    ops.replaceChildren(\".xtyle-field__label\", `${escapeHtml(labelText)}${star}`);\n    ops.toggle(\".xtyle-field__label\", labelText.length === 0 ? false : true);\n    ops.setAttr(\".xtyle-field__input\", \"aria-invalid\", String(bindings.invalid === true));\n    const descText = bindings.description ?? \"\";\n    ops.setText(\".xtyle-field__description\", descText);\n    ops.toggle(\".xtyle-field__description\", descText.length > 0);\n    const errorText = bindings.error ?? \"\";\n    ops.setText(\".xtyle-field__error\", errorText);\n    ops.toggle(\".xtyle-field__error\", bindings.invalid === true && errorText.length > 0);\n    ops.toggle('[data-action=\"clear\"]', showClear(bindings));\n    ops.toggle('[data-action=\"reveal\"]', showReveal(bindings));\n  });\n  xript.exports.register(\"field__onInput\", (payload) => {\n    const e = payload;\n    return { inputValue: e.value ?? \"\", emit: { type: \"input\" } };\n  });\n  xript.exports.register(\"field__onChange\", () => {\n    return { emit: { type: \"change\" } };\n  });\n  xript.exports.register(\"field__clear\", (payload) => {\n    const e = payload;\n    if (e.disabled) return {};\n    return { clearValue: true, focusInput: true, emit: { type: \"input\" } };\n  });\n  xript.exports.register(\"field__reveal\", () => {\n    return { toggleReveal: true };\n  });\n})();\n", "field.html": "<div class=\"xtyle-field\" part=\"field\" data-root data-field></div>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/field/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,qBAAqB,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,gBAAgB,EAAC,EAAC,EAAC,UAAU,EAAC,qBAAqB,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,iBAAiB,EAAC,EAAC,EAAC,UAAU,EAAC,yBAAyB,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,cAAc,EAAC,EAAC,EAAC,UAAU,EAAC,0BAA0B,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,eAAe,EAAC,CAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AACtyB,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,u3MAAu3M,EAAC,YAAY,EAAC,yEAAyE,EAAC,CAAC"}

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

package/dist/elements/fragments/form-group/source.generated.d.ts.map

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

package/dist/elements/fragments/form-group/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-form-group-default", "version": "0.0.1", "title": "Xtyle Form Group (default)", "description": "The built-in fill for the xtyle Form Group component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.form-group"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.form-group": [{ "id": "form-group", "format": "text/html+jsml", "source": "form-group.html" }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/form-group/mod.ts\n  function escape(text) {\n    return text.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\");\n  }\n  function groupClass(b) {\n    const size = b.size ?? \"md\";\n    return [\"xtyle-form-group\", b.invalid && \"xtyle-form-group--invalid\", size !== \"md\" && `xtyle-form-group--${size}`].filter(Boolean).join(\" \");\n  }\n  function inner(b) {\n    const label = b.label ?? \"\";\n    const description = b.description ?? \"\";\n    const error = b.error ?? \"\";\n    const invalid = b.invalid === true;\n    const required = b.required === true;\n    const labelFor = b.hasFor ? ` for=\"${b.controlTarget ?? \"\"}\"` : \"\";\n    const labelHidden = label.length === 0 ? \" hidden\" : \"\";\n    const requiredHidden = required ? \"\" : \" hidden\";\n    const descriptionHidden = description.length === 0 ? \" hidden\" : \"\";\n    const errorHidden = !invalid || error.length === 0 ? \" hidden\" : \"\";\n    return `<label class=\"xtyle-form-group__label\" part=\"label\" data-label id=\"${b.labelId ?? \"\"}\"${labelFor}${labelHidden}><span data-label-text>${escape(label)}</span><span class=\"xtyle-form-group__required\" part=\"required-indicator\" data-required aria-hidden=\"true\"${requiredHidden}>*</span></label><span class=\"xtyle-form-group__description\" part=\"description\" data-description id=\"${b.descriptionId ?? \"\"}\"${descriptionHidden}>${escape(description)}</span><div class=\"xtyle-form-group__control\" part=\"control\"><slot></slot></div><span class=\"xtyle-form-group__error\" part=\"error\" data-error id=\"${b.errorId ?? \"\"}\" role=\"alert\"${errorHidden}>${escape(error)}</span>`;\n  }\n  hooks.fragment.mount(\"form-group\", (bindings, ops) => {\n    ops.setAttr(\"[data-group]\", \"class\", groupClass(bindings));\n    ops.replaceChildren(\"[data-group]\", inner(bindings));\n  });\n  hooks.fragment.update(\"form-group\", (bindings, ops) => {\n    const label = bindings.label ?? \"\";\n    const description = bindings.description ?? \"\";\n    const error = bindings.error ?? \"\";\n    const invalid = bindings.invalid === true;\n    const required = bindings.required === true;\n    ops.setAttr(\"[data-group]\", \"class\", groupClass(bindings));\n    ops.setText(\"[data-label-text]\", label);\n    ops.toggle(\"[data-label]\", label.length > 0);\n    ops.toggle(\"[data-required]\", required);\n    if (bindings.hasFor) ops.setAttr(\"[data-label]\", \"for\", bindings.controlTarget ?? \"\");\n    ops.setText(\"[data-description]\", description);\n    ops.toggle(\"[data-description]\", description.length > 0);\n    ops.setText(\"[data-error]\", error);\n    ops.toggle(\"[data-error]\", invalid && error.length > 0);\n  });\n})();\n", "form-group.html": "<div part=\"group\" data-root data-group></div>\n" };
+//# sourceMappingURL=source.generated.js.map

package/dist/elements/fragments/form-group/source.generated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/form-group/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,CAAC,EAAC,EAAC,CAAC;AAC3f,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,6uFAA6uF,EAAC,iBAAiB,EAAC,mDAAmD,EAAC,CAAC"}

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

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

package/dist/elements/fragments/grid/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-grid-default", "version": "0.0.1", "title": "Xtyle Grid (default)", "description": "The built-in fill for the xtyle Grid component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.grid"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.grid": [{ "id": "grid", "format": "text/html+jsml", "source": "grid.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/grid/mod.ts\n  function clampGap(value) {\n    if (value === null || value === void 0) return 4;\n    const n = Math.trunc(value);\n    if (!Number.isFinite(n) || n < 0 || n > 8) return 4;\n    return n;\n  }\n  function clampColumns(value) {\n    if (value === null || value === void 0) return null;\n    const n = Math.trunc(value);\n    if (!Number.isFinite(n) || n < 1 || n > 12) return null;\n    return n;\n  }\n  function gridClass(b) {\n    const gap = clampGap(b.gap);\n    const columns = clampColumns(b.columns);\n    const min = b.minColWidth ?? null;\n    const usesColumns = min === null && columns !== null;\n    return [\n      \"xtyle-grid\",\n      `xtyle-grid--gap-${gap}`,\n      usesColumns && `xtyle-grid--cols-${columns}`,\n      b.align && `xtyle-grid--align-${b.align}`,\n      b.justify && `xtyle-grid--justify-${b.justify}`,\n      b.inline && \"xtyle-grid--inline\"\n    ].filter(Boolean).join(\" \");\n  }\n  function gridStyle(b) {\n    const min = b.minColWidth ?? null;\n    return min === null ? \"\" : `grid-template-columns: repeat(auto-fit, minmax(${min}, 1fr))`;\n  }\n  function gridHtml(b) {\n    const style = gridStyle(b);\n    const styleAttr = style === \"\" ? \"\" : ` style=\"${style}\"`;\n    return `<div part=\"grid\" class=\"${gridClass(b)}\"${styleAttr}><slot></slot></div>`;\n  }\n  hooks.fragment.mount(\"grid\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-grid]\", gridHtml(bindings));\n  });\n  hooks.fragment.update(\"grid\", (bindings, ops) => {\n    ops.setAttr('[part=\"grid\"]', \"class\", gridClass(bindings));\n    ops.setAttr('[part=\"grid\"]', \"style\", gridStyle(bindings));\n  });\n})();\n", "grid.html": "<span data-root data-grid></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

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

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

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

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

package/dist/elements/fragments/heading/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-heading-default", "version": "0.0.1", "title": "Xtyle Heading (default)", "description": "The built-in fill for the xtyle Heading component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.heading"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.heading": [{ "id": "heading", "format": "text/html+jsml", "source": "heading.html" }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/heading/mod.ts\n  function headingClass(b) {\n    const size = b.size ?? \"body\";\n    const tone = b.tone ?? \"default\";\n    return [\n      \"xtyle-heading\",\n      size !== \"body\" && `xtyle-heading--${size}`,\n      tone !== \"default\" && `xtyle-heading--${tone}`\n    ].filter(Boolean).join(\" \");\n  }\n  function headingHtml(b) {\n    const raw = b.level ?? 2;\n    const level = raw >= 1 && raw <= 6 ? raw : 2;\n    const tag = `h${level}`;\n    return `<${tag} part=\"heading\" class=\"${headingClass(b)}\"><slot></slot></${tag}>`;\n  }\n  hooks.fragment.mount(\"heading\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-heading]\", headingHtml(bindings));\n  });\n  hooks.fragment.update(\"heading\", (bindings, ops) => {\n    ops.setAttr('[part=\"heading\"]', \"class\", headingClass(bindings));\n  });\n})();\n", "heading.html": "<span data-root data-heading></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/heading/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,44BAA44B,EAAC,cAAc,EAAC,wCAAwC,EAAC,CAAC"}

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

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

package/dist/elements/fragments/heatmap/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-heatmap-default", "version": "0.0.1", "title": "Xtyle Heatmap (default)", "description": "The built-in fill for the xtyle Heatmap: the mod-zero SVG grid markup every app inherits and may override.", "capabilities": ["xtyle.component.heatmap"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.heatmap": [{ "id": "heatmap", "format": "text/html+jsml", "source": "heatmap.html", "meta": { "tokens": ["--font-sans", "--text-xs", "--text-sm", "--fg-0", "--fg-2", "--fg-3", "--bg-0", "--space-1", "--space-2", "--radius-md", "--surface-overlay", "--surface-overlay-border", "--elevation-3", "--duration-fast", "--ease-standard", "--ring", "--border-thin", "--border-thick", "--weight-semibold", "--leading-normal", "--accent", "--success", "--danger", "--warn", "--info", "--neutral"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/heatmap/mod.ts\n  var CURRENT_TONES = /* @__PURE__ */ new Set([\"success\", \"danger\", \"warn\", \"info\", \"neutral\"]);\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 CELL = 34;\n  var GAP = 2;\n  function matrix(b) {\n    return (b.values ?? []).map((row) => Array.isArray(row) ? row.map((v) => Number.isFinite(v) ? v : 0) : []);\n  }\n  function formatValue(value) {\n    if (value >= 1e3) return `${(value / 1e3).toFixed(value % 1e3 === 0 ? 0 : 1)}k`;\n    return Number.isInteger(value) ? String(value) : String(Math.round(value * 100) / 100);\n  }\n  function tableHtml(values, rows, cols, caption) {\n    const head = `<tr><th scope=\"col\"></th>${cols.map((c) => `<th scope=\"col\">${esc(c)}</th>`).join(\"\")}</tr>`;\n    const body = values.map(\n      (row, r) => `<tr><th scope=\"row\">${esc(rows[r] ?? String(r))}</th>${row.map((v) => `<td>${esc(formatValue(v))}</td>`).join(\"\")}</tr>`\n    ).join(\"\");\n    const cap = caption ? `<caption>${esc(caption)}</caption>` : \"\";\n    return `<table class=\"xtyle-heatmap__a11y\">${cap}<thead>${head}</thead><tbody>${body}</tbody></table>`;\n  }\n  function heatmapHtml(b) {\n    const values = matrix(b);\n    const rows = b.rows ?? [];\n    const cols = b.cols ?? [];\n    const colors = b.cellColors ?? [];\n    const glows = b.cellGlows ?? [];\n    const glowValues = b.glowValues ?? [];\n    const glowLabel = b.glowLabel ?? null;\n    const titles = b.titles ?? [];\n    const currentSet = new Set((b.current ?? []).map(([r, c]) => `${r},${c}`));\n    const currentPulse = !!b.currentPulse;\n    const selectable = !!b.selectable;\n    const nRows = values.length;\n    const nCols = values.reduce((max, row) => Math.max(max, row.length), 0);\n    if (nRows === 0 || nCols === 0) {\n      const label = b.title ?? b.ariaLabel ?? \"\";\n      return `<figure part=\"chart\" class=\"xtyle-heatmap\"><div class=\"xtyle-heatmap__empty\" part=\"empty\" role=\"img\" aria-label=\"${label ? esc(label) : \"No data\"}\">No data</div></figure>`;\n    }\n    const hasRowLabels = rows.some(Boolean);\n    const hasColLabels = cols.some(Boolean);\n    const leftPad = hasRowLabels ? 64 : 2;\n    const bottomPad = hasColLabels ? 22 : 2;\n    const topPad = 2;\n    const rightPad = 2;\n    const gridW = nCols * CELL;\n    const gridH = nRows * CELL;\n    const width = leftPad + gridW + rightPad;\n    const height = topPad + gridH + bottomPad;\n    const role = selectable ? \"button\" : \"img\";\n    const cells = [];\n    const valueLabels = [];\n    for (let r = 0; r < nRows; r++) {\n      for (let c = 0; c < (values[r]?.length ?? 0); c++) {\n        const v = values[r]?.[c] ?? 0;\n        const x = leftPad + c * CELL;\n        const y = topPad + r * CELL;\n        const fill = colors[r]?.[c] ?? \"currentColor\";\n        const glow = glows[r]?.[c] ?? null;\n        const style = glow ? ` style=\"filter:${esc(glow)}\"` : \"\";\n        const gv = glowValues[r]?.[c];\n        const glowText = glowLabel && Number.isFinite(gv) ? `, ${glowLabel} ${gv}` : \"\";\n        const title = titles[r]?.[c];\n        const label = title || `${rows[r] ?? String(r)}, ${cols[c] ?? String(c)}: ${v}${glowText}`;\n        const isCurrent = currentSet.has(`${r},${c}`);\n        const cellCls = \"xtyle-heatmap__cell\" + (isCurrent ? \" xtyle-heatmap__cell--current\" : \"\") + (isCurrent && currentPulse ? \" xtyle-heatmap__cell--pulse\" : \"\");\n        cells.push(\n          `<rect class=\"${cellCls}\" part=\"cell\" x=\"${(x + GAP / 2).toFixed(1)}\" y=\"${(y + GAP / 2).toFixed(1)}\" width=\"${(CELL - GAP).toFixed(1)}\" height=\"${(CELL - GAP).toFixed(1)}\" rx=\"2\" fill=\"${esc(fill)}\"${style} data-r=\"${r}\" data-c=\"${c}\" tabindex=\"0\" role=\"${role}\" aria-label=\"${esc(label)}\"></rect>`\n        );\n        if (b.showValues) {\n          valueLabels.push(\n            `<text class=\"xtyle-heatmap__value\" x=\"${(x + CELL / 2).toFixed(1)}\" y=\"${(y + CELL / 2).toFixed(1)}\" dy=\"0.32em\" text-anchor=\"middle\">${esc(formatValue(v))}</text>`\n          );\n        }\n      }\n    }\n    const rowLabels = hasRowLabels ? rows.slice(0, nRows).map(\n      (labelText, r) => `<text class=\"xtyle-heatmap__rowlabel\" x=\"${(leftPad - 8).toFixed(1)}\" y=\"${(topPad + r * CELL + CELL / 2).toFixed(1)}\" dy=\"0.32em\" text-anchor=\"end\">${esc(labelText ?? \"\")}</text>`\n    ).join(\"\") : \"\";\n    const colLabels = hasColLabels ? cols.slice(0, nCols).map(\n      (labelText, c) => `<text class=\"xtyle-heatmap__collabel\" x=\"${(leftPad + c * CELL + CELL / 2).toFixed(1)}\" y=\"${(topPad + gridH + 15).toFixed(1)}\" text-anchor=\"middle\">${esc(labelText ?? \"\")}</text>`\n    ).join(\"\") : \"\";\n    const toneMod = b.currentTone && CURRENT_TONES.has(b.currentTone) ? `xtyle-heatmap--now-${b.currentTone}` : \"\";\n    const cls = [\"xtyle-heatmap\", selectable && \"xtyle-heatmap--selectable\", toneMod].filter(Boolean).join(\" \");\n    const svg = `<svg class=\"xtyle-heatmap__svg\" viewBox=\"0 0 ${width} ${height}\" style=\"max-width:${width}px\" preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\"><g class=\"xtyle-heatmap__cells\">${cells.join(\"\")}</g><g class=\"xtyle-heatmap__values\">${valueLabels.join(\"\")}</g><g class=\"xtyle-heatmap__rowlabels\">${rowLabels}</g><g class=\"xtyle-heatmap__collabels\">${colLabels}</g></svg>`;\n    const tooltip = `<div class=\"xtyle-heatmap__tooltip\" part=\"tooltip\" role=\"status\" aria-hidden=\"true\" hidden></div>`;\n    const table = tableHtml(values, rows, cols, b.title ?? b.ariaLabel ?? \"\");\n    const scaleColors = b.scaleColors ?? [];\n    const scaleHtml = b.scale && scaleColors.length ? `<div class=\"xtyle-heatmap__scale\" part=\"scale\" aria-hidden=\"true\"><span class=\"xtyle-heatmap__scale-end\">${esc(formatValue(b.scaleLow ?? 0))}</span><span class=\"xtyle-heatmap__scale-ramp\">${scaleColors.map((color) => `<span class=\"xtyle-heatmap__scale-swatch\" style=\"background:${esc(color)}\"></span>`).join(\"\")}</span><span class=\"xtyle-heatmap__scale-end\">${esc(formatValue(b.scaleHigh ?? 0))}</span></div>` : \"\";\n    return `<figure part=\"chart\" class=\"${cls}\">${svg}${scaleHtml}${tooltip}${table}</figure>`;\n  }\n  hooks.fragment.mount(\"heatmap\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-heatmap]\", heatmapHtml(bindings));\n  });\n  hooks.fragment.update(\"heatmap\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-heatmap]\", heatmapHtml(bindings));\n  });\n})();\n", "heatmap.html": "<span data-root data-heatmap></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/heatmap/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,4GAA4G,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,aAAa,EAAC,WAAW,EAAC,WAAW,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,WAAW,EAAC,WAAW,EAAC,aAAa,EAAC,mBAAmB,EAAC,0BAA0B,EAAC,eAAe,EAAC,iBAAiB,EAAC,iBAAiB,EAAC,QAAQ,EAAC,eAAe,EAAC,gBAAgB,EAAC,mBAAmB,EAAC,kBAAkB,EAAC,UAAU,EAAC,WAAW,EAAC,UAAU,EAAC,QAAQ,EAAC,QAAQ,EAAC,WAAW,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AAC71B,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,8jNAA8jN,EAAC,cAAc,EAAC,wCAAwC,EAAC,CAAC"}

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

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

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

package/dist/elements/fragments/icon/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-icon-default", "version": "0.0.1", "title": "Xtyle Icon (default)", "description": "The built-in fill for the xtyle Icon component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.icon"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.icon": [{ "id": "icon", "format": "text/html+jsml", "source": "icon.html", "meta": { "tokens": [] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/icons.ts\n  var stroke = (d) => `<path d=\"${d}\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>`;\n  var dot = (cx, cy) => `<circle cx=\"${cx}\" cy=\"${cy}\" r=\"1.8\" fill=\"currentColor\"/>`;\n  var fill = (d) => `<path d=\"${d}\" fill=\"currentColor\"/>`;\n  var bar = (x, w) => `<rect x=\"${x}\" y=\"5\" width=\"${w}\" height=\"14\" rx=\"1\" fill=\"currentColor\"/>`;\n  var circle = stroke(\"M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18z\");\n  var ICONS = {\n    \"chevron-up\": stroke(\"M18 15l-6-6-6 6\"),\n    \"chevron-down\": stroke(\"M6 9l6 6 6-6\"),\n    \"chevron-left\": stroke(\"M15 18l-6-6 6-6\"),\n    \"chevron-right\": stroke(\"M9 6l6 6-6 6\"),\n    \"chevron-expand\": stroke(\"M8 9l4-4 4 4\") + stroke(\"M16 15l-4 4-4-4\"),\n    \"arrow-up\": stroke(\"M12 19V5\") + stroke(\"M6 11l6-6 6 6\"),\n    \"arrow-down\": stroke(\"M12 5v14\") + stroke(\"M6 13l6 6 6-6\"),\n    \"arrow-left\": stroke(\"M19 12H5\") + stroke(\"M11 6l-6 6 6 6\"),\n    \"arrow-right\": stroke(\"M5 12h14\") + stroke(\"M13 6l6 6-6 6\"),\n    close: stroke(\"M18 6L6 18\") + stroke(\"M6 6l12 12\"),\n    check: stroke(\"M20 6L9 17l-5-5\"),\n    plus: stroke(\"M12 5v14\") + stroke(\"M5 12h14\"),\n    minus: stroke(\"M5 12h14\"),\n    menu: stroke(\"M4 6h16\") + stroke(\"M4 12h16\") + stroke(\"M4 18h16\"),\n    \"more-vertical\": dot(12, 5) + dot(12, 12) + dot(12, 19),\n    \"more-horizontal\": dot(5, 12) + dot(12, 12) + dot(19, 12),\n    search: stroke(\"M11 4a7 7 0 1 0 0 14 7 7 0 0 0 0-14z\") + stroke(\"M20 20l-3.6-3.6\"),\n    info: circle + stroke(\"M12 11v5\") + stroke(\"M12 8h.01\"),\n    warning: stroke(\"M12 3L2 20h20L12 3z\") + stroke(\"M12 10v4\") + stroke(\"M12 17h.01\"),\n    error: circle + stroke(\"M15 9l-6 6\") + stroke(\"M9 9l6 6\"),\n    success: circle + stroke(\"M8.5 12l2.5 2.5L16 9\"),\n    \"external-link\": stroke(\"M14 4h6v6\") + stroke(\"M20 4l-9 9\") + stroke(\"M18 14v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4\"),\n    dot: `<circle cx=\"12\" cy=\"12\" r=\"4\" fill=\"currentColor\"/>`,\n    loader: stroke(\"M12 3a9 9 0 1 0 9 9\"),\n    play: fill(\"M8 5v14l11-7z\"),\n    pause: bar(7, 3.2) + bar(13.8, 3.2),\n    stop: `<rect x=\"6\" y=\"6\" width=\"12\" height=\"12\" rx=\"2\" fill=\"currentColor\"/>`,\n    \"skip-forward\": fill(\"M6 5l9 7-9 7z\") + bar(16, 2.6),\n    \"skip-back\": fill(\"M18 5l-9 7 9 7z\") + bar(5.4, 2.6),\n    gear: stroke(\"M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6z\") + stroke(\n      \"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.6 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.6a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"\n    ),\n    folder: stroke(\"M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z\"),\n    pencil: stroke(\"M17 3a2.83 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z\"),\n    trash: stroke(\"M3 6h18\") + stroke(\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6\") + stroke(\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"),\n    eye: stroke(\"M2 12s4-7 10-7 10 7 10 7-4 7-10 7-10-7-10-7z\") + stroke(\"M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6z\"),\n    copy: stroke(\"M10 8h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2z\") + stroke(\"M6 16H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"),\n    palette: stroke(\n      \"M12 3a9 9 0 1 0 0 18c.9 0 1.5-.7 1.5-1.5 0-.4-.15-.72-.4-1-.24-.27-.35-.6-.35-1 0-.8.7-1.5 1.5-1.5H16a5 5 0 0 0 5-5c0-4.4-4-8-9-8z\"\n    ) + dot(8.5, 10.5) + dot(12, 8) + dot(15.5, 10.5),\n    bookmark: stroke(\"M6 3h12a1 1 0 0 1 1 1v17l-7-4-7 4V4a1 1 0 0 1 1-1z\"),\n    download: stroke(\"M12 3v12\") + stroke(\"M7 10l5 5 5-5\") + stroke(\"M4 20h16\")\n  };\n  var ICON_NAMES = Object.keys(ICONS);\n  function hasIcon(name) {\n    return Object.prototype.hasOwnProperty.call(ICONS, name);\n  }\n  function escapeAttr(value) {\n    return value.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\").replace(/\"/g, \"&quot;\");\n  }\n  function iconClass(opts) {\n    const size = opts.size ?? \"md\";\n    return [\n      \"xtyle-icon\",\n      size !== \"md\" && `xtyle-icon--${size}`,\n      opts.tone && `xtyle-icon--${opts.tone}`,\n      opts.spin && \"xtyle-icon--spin\",\n      opts.class\n    ].filter(Boolean).join(\" \");\n  }\n  var MISSING = stroke(\"M5 5h14v14H5z\");\n  function renderIcon(name, opts = {}) {\n    const body = hasIcon(name) ? ICONS[name] : MISSING;\n    const part = opts.part ? ` part=\"${escapeAttr(opts.part)}\"` : \"\";\n    const a11y = opts.label ? `role=\"img\" aria-label=\"${escapeAttr(opts.label)}\"` : `aria-hidden=\"true\"`;\n    const title = opts.label ? `<title>${escapeAttr(opts.label)}</title>` : \"\";\n    return `<svg${part} class=\"${iconClass(opts)}\" viewBox=\"0 0 24 24\" width=\"1em\" height=\"1em\" focusable=\"false\" ${a11y}>${title}${body}</svg>`;\n  }\n\n  // packages/xtyle/src/elements/fragments/icon/mod.ts\n  function iconHtml(b) {\n    return renderIcon(b.name ?? \"\", {\n      size: b.size ?? \"md\",\n      tone: b.tone,\n      label: b.label,\n      spin: !!b.spin,\n      part: \"icon\"\n    });\n  }\n  function render(bindings, ops) {\n    ops.replaceChildren(\"[data-icon]\", iconHtml(bindings));\n  }\n  hooks.fragment.mount(\"icon\", render);\n  hooks.fragment.update(\"icon\", render);\n})();\n", "icon.html": "<span data-root data-icon></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

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

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

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

package/dist/elements/fragments/image/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-image-default", "version": "0.0.1", "title": "Xtyle Image (default)", "description": "The built-in fill for the xtyle Image component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.image"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.image": [{ "id": "image", "format": "text/html+jsml", "source": "image.html", "meta": { "tokens": ["--bg-2", "--bg-3", "--fg-2", "--radius-sm", "--radius-md", "--radius-lg", "--duration-slow", "--ease-standard", "--text-sm", "--leading-normal", "--space-2"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/image/mod.ts\n  function esc(value) {\n    return value.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\").replace(/\"/g, \"&quot;\");\n  }\n  function imageClass(b) {\n    const radius = b.radius ?? \"md\";\n    return [\n      \"xtyle-image\",\n      b.fit === \"contain\" && \"xtyle-image--contain\",\n      radius !== \"md\" && `xtyle-image--radius-${radius}`\n    ].filter(Boolean).join(\" \");\n  }\n  function imageHtml(b) {\n    const src = esc(b.src ?? \"\");\n    const alt = esc(b.alt ?? \"\");\n    const ratioStyle = b.ratio ? ` style=\"aspect-ratio: ${esc(b.ratio)}\"` : \"\";\n    const loading = b.loading === \"eager\" ? \"eager\" : \"lazy\";\n    const img = src ? `<img class=\"xtyle-image__img\" part=\"image\" src=\"${src}\" alt=\"${alt}\" loading=\"${loading}\" decoding=\"async\" />` : \"\";\n    const placeholder = `<span class=\"xtyle-image__placeholder\" part=\"placeholder\" aria-hidden=\"true\"></span>`;\n    const frame = `<span class=\"xtyle-image__frame\" part=\"frame\"${ratioStyle}>${placeholder}${img}</span>`;\n    const caption = b.caption ? `<figcaption class=\"xtyle-image__caption\" part=\"caption\">${esc(b.caption)}</figcaption>` : \"\";\n    return `<figure class=\"${imageClass(b)}\" part=\"figure\">${frame}${caption}</figure>`;\n  }\n  function render(bindings, ops) {\n    ops.replaceChildren(\"[data-image]\", imageHtml(bindings));\n  }\n  hooks.fragment.mount(\"image\", render);\n  hooks.fragment.update(\"image\", render);\n})();\n", "image.html": "<span data-root data-image></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

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

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

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

package/dist/elements/fragments/kbd/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-kbd-default", "version": "0.0.1", "title": "Xtyle Kbd (default)", "description": "The built-in fill for the xtyle Kbd component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.kbd"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.kbd": [{ "id": "kbd", "format": "text/html+jsml", "source": "kbd.html", "meta": { "tokens": ["--border-thin", "--border-thick", "--line-2", "--radius-sm", "--bg-2", "--fg-1", "--font-mono", "--text-xs", "--text-sm", "--text-lg", "--weight-medium", "--leading-tight"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/kbd/mod.ts\n  function kbdClass(b) {\n    const size = b.size ?? \"md\";\n    const tone = b.tone ?? \"\";\n    return [\"xtyle-kbd\", size !== \"md\" && `xtyle-kbd--${size}`, tone && `xtyle-kbd--${tone}`].filter(Boolean).join(\" \");\n  }\n  function kbdHtml(b) {\n    return `<kbd part=\"kbd\" class=\"${kbdClass(b)}\"><slot></slot></kbd>`;\n  }\n  hooks.fragment.mount(\"kbd\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-kbd]\", kbdHtml(bindings));\n  });\n  hooks.fragment.update(\"kbd\", (bindings, ops) => {\n    ops.setAttr('[part=\"kbd\"]', \"class\", kbdClass(bindings));\n  });\n})();\n", "kbd.html": "<span data-root data-kbd></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/kbd/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,eAAe,EAAC,gBAAgB,EAAC,UAAU,EAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAC,aAAa,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,iBAAiB,EAAC,iBAAiB,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AAChoB,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,uqBAAuqB,EAAC,UAAU,EAAC,oCAAoC,EAAC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,4 @@
+// generated by scripts/build-fragments.mjs: do not edit
+export const manifest = { "$schema": "https://xript.dev/schema/mod/v0.7.json", "xript": "0.7", "name": "xtyle-link-default", "version": "0.0.1", "title": "Xtyle Link (default)", "description": "The built-in fill for the xtyle Link component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.link"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.link": [{ "id": "link", "format": "text/html+jsml", "source": "link.html" }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/link/mod.ts\n  var EXTERNAL_ICON = '<svg class=\"xtyle-link__external-icon\" part=\"external-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M14 3h7v7\"/><path d=\"M10 14 21 3\"/><path d=\"M19 14v6a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h6\"/></svg>';\n  function linkClass(b) {\n    const variant = b.variant ?? \"default\";\n    return [\"xtyle-link\", variant !== \"default\" && `xtyle-link--${variant}`].filter(Boolean).join(\" \");\n  }\n  function linkHtml(b) {\n    const href = b.href ?? null;\n    const target = b.target ?? null;\n    const external = target === \"_blank\";\n    const icon = b.showExternalIcon ? EXTERNAL_ICON : \"\";\n    const newTabHint = external ? '<span class=\"xtyle-link__sr-only\" part=\"sr-hint\"> (opens in a new tab)</span>' : \"\";\n    if (href === null) {\n      return `<span part=\"link\" class=\"${linkClass(b)}\"><span class=\"xtyle-slot\"><slot></slot></span>${newTabHint}${icon}</span>`;\n    }\n    const targetAttr = target ? ` target=\"${target}\"` : \"\";\n    const explicitRel = b.rel ?? null;\n    const rel = explicitRel ?? (external ? \"noopener noreferrer\" : null);\n    const relAttr = rel ? ` rel=\"${rel}\"` : \"\";\n    return `<a part=\"link\" class=\"${linkClass(b)}\" href=\"${href}\"${targetAttr}${relAttr}><span class=\"xtyle-slot\"><slot></slot></span>${newTabHint}${icon}</a>`;\n  }\n  hooks.fragment.mount(\"link\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-link]\", linkHtml(bindings));\n  });\n  hooks.fragment.update(\"link\", (bindings, ops) => {\n    ops.setAttr('[part=\"link\"]', \"class\", linkClass(bindings));\n    if (bindings.href != null) {\n      ops.setAttr('[part=\"link\"]', \"href\", bindings.href);\n      if (bindings.target != null) ops.setAttr('[part=\"link\"]', \"target\", bindings.target);\n      const rel = bindings.rel ?? (bindings.target === \"_blank\" ? \"noopener noreferrer\" : null);\n      if (rel) ops.setAttr('[part=\"link\"]', \"rel\", rel);\n    }\n  });\n})();\n", "link.html": "<span data-root data-link></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

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