@xtyle/core 0.5.0

package/dist/elements/fragments/tabs/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-tabs-default", "version": "0.0.1", "title": "Xtyle Tabs (default)", "description": "The built-in fill for the xtyle Tabs component: the mod-zero markup and behavior every app inherits and may override.", "capabilities": ["xtyle.component.tabs"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.tabs": [{ "id": "tabs", "format": "text/html+jsml", "source": "tabs.html", "handlers": [{ "selector": "[role=\"tab\"]", "on": "click", "handler": "tabs__selectTab" }, { "selector": "[role=\"tab\"]", "on": "keydown", "handler": "tabs__navKeydown" }] }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/tabs/mod.ts\n  function selectedKey(bindings) {\n    const tabs = bindings.tabs ?? [];\n    const keys = tabs.map((t, i) => t.key ?? String(i));\n    const requested = bindings.activeId ?? null;\n    if (requested !== null) {\n      const idx = keys.indexOf(requested);\n      if (idx !== -1 && !tabs[idx]?.disabled) return requested;\n    }\n    const firstEnabled = tabs.findIndex((t) => !t.disabled);\n    return keys[firstEnabled] ?? null;\n  }\n  function rootClass(bindings) {\n    const variant = bindings.variant ?? \"underline\";\n    const size = bindings.size ?? \"md\";\n    const parts = [\"xtyle-tabs\", `xtyle-tabs--${variant}`];\n    if (size !== \"md\") parts.push(`xtyle-tabs--${size}`);\n    if (bindings.sticky) parts.push(\"xtyle-tabs--sticky\");\n    return parts.join(\" \");\n  }\n  function tabButtons(bindings, selected) {\n    const tabs = bindings.tabs ?? [];\n    const uid = bindings.uid ?? \"xtyle-tabs\";\n    return tabs.map((tab, i) => {\n      const key = tab.key ?? String(i);\n      const isSelected = key === selected;\n      const tabindex = isSelected && !tab.disabled ? \"0\" : \"-1\";\n      const disabledAttr = tab.disabled ? ' disabled aria-disabled=\"true\"' : \"\";\n      const controls = bindings.tablist ? \"\" : ` aria-controls=\"${uid}-panel-${i}\"`;\n      return `<button class=\"xtyle-tabs__tab\" part=\"tab\" type=\"button\" role=\"tab\" id=\"${uid}-tab-${i}\" data-key=\"${key}\" aria-selected=\"${String(isSelected)}\"${controls} tabindex=\"${tabindex}\"${disabledAttr}>${tab.label}</button>`;\n    }).join(\"\");\n  }\n  function panels(bindings, selected) {\n    const tabs = bindings.tabs ?? [];\n    const uid = bindings.uid ?? \"xtyle-tabs\";\n    return tabs.map((tab, i) => {\n      const key = tab.key ?? String(i);\n      const isSelected = key === selected;\n      const hidden = isSelected ? \"\" : \" hidden\";\n      const body = tab.panelSlot ? `<slot name=\"${tab.panelSlot}\"></slot>` : tab.panel ?? \"\";\n      return `<div class=\"xtyle-tabs__panel\" part=\"panel\" role=\"tabpanel\" id=\"${uid}-panel-${i}\" data-key=\"${key}\" aria-labelledby=\"${uid}-tab-${i}\" tabindex=\"0\"${hidden}>${body}</div>`;\n    }).join(\"\");\n  }\n  hooks.fragment.mount(\"tabs\", (bindings, ops) => {\n    const selected = selectedKey(bindings);\n    ops.setAttr(\"[data-root]\", \"class\", rootClass(bindings));\n    const tablistLabel = bindings.labelledby ?? bindings.label ?? \"\";\n    const tablistAttr = bindings.labelledby ? \"aria-labelledby\" : \"aria-label\";\n    if (tablistLabel) ops.setAttr(\"[data-tablist]\", tablistAttr, tablistLabel);\n    ops.replaceChildren(\"[data-tablist]\", tabButtons(bindings, selected));\n    ops.replaceChildren(\"[data-panels]\", bindings.tablist ? \"\" : panels(bindings, selected));\n  });\n  hooks.fragment.update(\"tabs\", (bindings, ops) => {\n    const selected = selectedKey(bindings);\n    ops.setAttr(\"[data-root]\", \"class\", rootClass(bindings));\n    const tabs = bindings.tabs ?? [];\n    tabs.forEach((tab, i) => {\n      const key = tab.key ?? String(i);\n      const isSelected = key === selected;\n      ops.setAttr(`[role=\"tab\"][data-key=\"${key}\"]`, \"aria-selected\", String(isSelected));\n      ops.setAttr(`[role=\"tab\"][data-key=\"${key}\"]`, \"tabindex\", isSelected && !tab.disabled ? \"0\" : \"-1\");\n      ops.toggle(`[role=\"tabpanel\"][data-key=\"${key}\"]`, isSelected);\n    });\n  });\n  xript.exports.register(\"tabs__selectTab\", (payload) => {\n    const e = payload;\n    if (e.disabled || e.ariaDisabled === \"true\") return {};\n    const key = e.dataset?.key;\n    return key ? { select: key, focus: key } : {};\n  });\n  xript.exports.register(\"tabs__navKeydown\", (payload, context) => {\n    const e = payload;\n    const ctx = context;\n    const key = e.key ?? \"\";\n    const current = e.dataset?.key ?? \"\";\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 if (key === \"Enter\" || key === \" \" || key === \"Spacebar\") {\n      if (ctx.activation === \"manual\" && current) return { select: current, focus: current, preventDefault: true };\n      return {};\n    } else return {};\n    if (target === void 0) return {};\n    if (ctx.activation === \"automatic\") return { select: target, focus: target, preventDefault: true };\n    return { focus: target, preventDefault: true };\n  });\n})();\n", "tabs.html": "<div class=\"xtyle-tabs\" part=\"tabs\" data-root>\n\t<div class=\"xtyle-tabs__tablist\" part=\"tablist\" role=\"tablist\" data-tablist></div>\n\t<div class=\"xtyle-tabs__panels\" data-panels></div>\n</div>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/tabs/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,gBAAgB,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,iBAAiB,EAAC,EAAC,EAAC,UAAU,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,kBAAkB,EAAC,CAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AAC5nB,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,2uJAA2uJ,EAAC,WAAW,EAAC,kNAAkN,EAAC,CAAC"}

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

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

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

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

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

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

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

package/dist/elements/fragments/textarea/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-textarea-default", "version": "0.0.1", "title": "Xtyle Textarea (default)", "description": "The built-in fill for the xtyle Textarea component: the mod-zero markup and behavior every app inherits and may override.", "capabilities": ["xtyle.component.textarea"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.textarea": [{ "id": "textarea", "format": "text/html+jsml", "source": "textarea.html", "handlers": [{ "selector": ".xtyle-textarea__control", "on": "input", "handler": "textarea__onInput" }, { "selector": ".xtyle-textarea__control", "on": "change", "handler": "textarea__onChange" }], "meta": { "tokens": ["--accent", "--border-normal", "--border-thin", "--danger", "--danger-bg", "--duration-fast", "--ease-standard", "--field-bg", "--field-border", "--fg-0", "--fg-1", "--fg-disabled", "--font-sans", "--leading-normal", "--placeholder", "--radius-md", "--ring", "--space-1", "--space-2", "--space-3", "--space-4", "--space-6", "--space-7", "--space-8", "--state-disabled", "--text-body", "--text-lg", "--text-sm", "--weight-medium"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/textarea/mod.ts\n  var RESIZE_CLASS = {\n    none: \"xtyle-textarea--resize-none\",\n    horizontal: \"xtyle-textarea--resize-horizontal\",\n    both: \"xtyle-textarea--resize-both\"\n  };\n  function escapeHtml(value) {\n    return value.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\");\n  }\n  function rootClass(b) {\n    const size = b.size ?? \"md\";\n    const resize = b.resize ?? \"vertical\";\n    return [\n      \"xtyle-textarea\",\n      b.invalid && \"xtyle-textarea--invalid\",\n      b.mono && \"xtyle-textarea--mono\",\n      size === \"sm\" && \"xtyle-textarea--sm\",\n      size === \"lg\" && \"xtyle-textarea--lg\",\n      RESIZE_CLASS[resize]\n    ].filter(Boolean).join(\" \");\n  }\n  function inner(b) {\n    const fieldId = b.fieldId ?? \"xtyle-textarea\";\n    const errorId = b.errorId ?? `${fieldId}-error`;\n    const labelText = b.label ?? \"\";\n    const errorText = b.error ?? \"\";\n    const labelHidden = labelText.length === 0 ? \" hidden\" : \"\";\n    const errorHidden = errorText.length === 0 ? \" hidden\" : \"\";\n    const ariaInvalid = b.invalid ? \"true\" : \"false\";\n    const describedBy = errorText.length > 0 ? ` aria-describedby=\"${errorId}\"` : \"\";\n    return `<label class=\"xtyle-textarea__label\" part=\"label\" for=\"${fieldId}\" data-label${labelHidden}>${escapeHtml(labelText)}</label><textarea class=\"xtyle-control xtyle-textarea__control\" part=\"textarea control\" id=\"${fieldId}\" data-field aria-invalid=\"${ariaInvalid}\"${describedBy}></textarea><span class=\"xtyle-textarea__error\" part=\"error\" id=\"${errorId}\" data-error${errorHidden}>${escapeHtml(errorText)}</span>`;\n  }\n  hooks.fragment.mount(\"textarea\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", rootClass(bindings));\n    ops.replaceChildren(\"[data-textarea]\", inner(bindings));\n  });\n  hooks.fragment.update(\"textarea\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", rootClass(bindings));\n    ops.setAttr(\"[data-field]\", \"aria-invalid\", String(bindings.invalid ?? false));\n    const labelText = bindings.label ?? \"\";\n    ops.setText(\"[data-label]\", labelText);\n    ops.toggle(\"[data-label]\", labelText.length > 0);\n    const errorText = bindings.error ?? \"\";\n    ops.setText(\"[data-error]\", errorText);\n    ops.toggle(\"[data-error]\", errorText.length > 0);\n    const errorId = bindings.errorId ?? `${bindings.fieldId ?? \"xtyle-textarea\"}-error`;\n    ops.setAttr(\"[data-field]\", \"aria-describedby\", errorText.length > 0 ? errorId : \"\");\n  });\n  xript.exports.register(\"textarea__onInput\", (payload) => {\n    const e = payload;\n    return { value: e.value ?? \"\" };\n  });\n  xript.exports.register(\"textarea__onChange\", (payload) => {\n    const e = payload;\n    return { value: e.value ?? \"\", commitValue: true, emit: { type: \"change\" } };\n  });\n})();\n", "textarea.html": "<div class=\"xtyle-textarea\" part=\"root\" data-root data-textarea></div>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/textarea/source.generated.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAC,SAAS,EAAC,wCAAwC,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,wBAAwB,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,0BAA0B,EAAC,aAAa,EAAC,2HAA2H,EAAC,cAAc,EAAC,CAAC,0BAA0B,CAAC,EAAC,OAAO,EAAC,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,EAAC,OAAO,EAAC,EAAC,oBAAoB,EAAC,CAAC,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,EAAC,gBAAgB,EAAC,QAAQ,EAAC,eAAe,EAAC,UAAU,EAAC,CAAC,EAAC,UAAU,EAAC,0BAA0B,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,mBAAmB,EAAC,EAAC,EAAC,UAAU,EAAC,0BAA0B,EAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,oBAAoB,EAAC,CAAC,EAAC,MAAM,EAAC,EAAC,QAAQ,EAAC,CAAC,UAAU,EAAC,iBAAiB,EAAC,eAAe,EAAC,UAAU,EAAC,aAAa,EAAC,iBAAiB,EAAC,iBAAiB,EAAC,YAAY,EAAC,gBAAgB,EAAC,QAAQ,EAAC,QAAQ,EAAC,eAAe,EAAC,aAAa,EAAC,kBAAkB,EAAC,eAAe,EAAC,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,kBAAkB,EAAC,aAAa,EAAC,WAAW,EAAC,WAAW,EAAC,iBAAiB,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AACplC,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,26FAA26F,EAAC,eAAe,EAAC,8EAA8E,EAAC,CAAC"}

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

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

package/dist/elements/fragments/toast/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-toast-default", "version": "0.0.1", "title": "Xtyle Toast (default)", "description": "The built-in fill for the xtyle Toast component: the mod-zero markup and behavior every app inherits and may override.", "capabilities": ["xtyle.component.toast"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.toast": [{ "id": "toast", "format": "text/html+jsml", "source": "toast.html", "handlers": [{ "selector": ".xtyle-toast__close", "on": "click", "handler": "toast__dismiss" }, { "selector": ".xtyle-toast__action", "on": "click", "handler": "toast__action" }], "meta": { "tokens": ["--success", "--success-fg", "--warn", "--warn-fg", "--danger", "--danger-fg", "--info", "--info-fg", "--fg-0", "--font-sans", "--text-body", "--text-sm", "--text-lg", "--leading-normal", "--leading-tight", "--weight-medium", "--weight-semibold", "--surface-overlay", "--surface-overlay-border", "--border-thin", "--border-normal", "--border-thick", "--radius-md", "--radius-sm", "--shadow", "--ring", "--state-hover", "--state-press", "--duration-fast", "--duration-base", "--ease-standard", "--ease-emphasized", "--space-0", "--space-1", "--space-3", "--space-4"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/toast/mod.ts\n  var TONE_ICONS = {\n    success: '<path fill=\"currentColor\" d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1.1 14.2-4.1-4.1 1.4-1.4 2.7 2.7 5.6-5.6 1.4 1.4-7 7Z\"/>',\n    warn: '<path fill=\"currentColor\" d=\"M12 2 1 21h22L12 2Zm0 5 .5 8h-1L11 7h2Zm-1 10h2v2h-2v-2Z\"/>',\n    danger: '<path fill=\"currentColor\" d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1 4h2v8h-2V6Zm0 10h2v2h-2v-2Z\"/>',\n    info: '<path fill=\"currentColor\" d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-1 5h2v2h-2V7Zm0 4h2v6h-2v-6Z\"/>'\n  };\n  var ASSERTIVE = { danger: true, warn: true };\n  function severityOf(b) {\n    if (b.severity) return b.severity;\n    if (b.tone) return TONE_ICONS[b.tone] ? b.tone : \"\";\n    return \"info\";\n  }\n  function toastClass(b) {\n    const variant = b.variant ?? \"soft\";\n    const color = b.tone ?? severityOf(b) ?? \"info\";\n    const noIcon = severityOf(b) ? \"\" : \" xtyle-toast--noicon\";\n    return `xtyle-toast xtyle-toast--${variant} xtyle-toast--${color || \"info\"}${noIcon}`;\n  }\n  function iconSvg(b) {\n    const path = TONE_ICONS[severityOf(b)];\n    return path ? `<svg viewBox=\"0 0 24 24\" width=\"1em\" height=\"1em\">${path}</svg>` : \"\";\n  }\n  function role(b) {\n    return ASSERTIVE[severityOf(b)] ? \"alert\" : \"status\";\n  }\n  function live(b) {\n    return ASSERTIVE[severityOf(b)] ? \"assertive\" : \"polite\";\n  }\n  function actionButton(b) {\n    const label = b.actionLabel ?? null;\n    if (!label) return \"\";\n    return `<button class=\"xtyle-toast__action\" part=\"action\" type=\"button\">${label}</button>`;\n  }\n  function closeButton(b) {\n    if (!(b.closable ?? true)) return \"\";\n    const label = b.closeLabel ?? \"Dismiss\";\n    return `<button class=\"xtyle-toast__close\" part=\"close\" type=\"button\" aria-label=\"${label}\"><svg viewBox=\"0 0 24 24\" width=\"1em\" height=\"1em\" aria-hidden=\"true\"><path fill=\"currentColor\" d=\"m12 10.6 5-5 1.4 1.4-5 5 5 5L17 18.4l-5-5-5 5L5.6 17l5-5-5-5L7 5.6l5 5Z\"/></svg></button>`;\n  }\n  hooks.fragment.mount(\"toast\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", toastClass(bindings));\n    ops.setAttr(\"[data-root]\", \"role\", role(bindings));\n    ops.setAttr(\"[data-root]\", \"aria-live\", live(bindings));\n    ops.replaceChildren(\"[data-icon]\", iconSvg(bindings));\n    ops.replaceChildren(\"[data-action]\", actionButton(bindings));\n    ops.replaceChildren(\"[data-close]\", closeButton(bindings));\n  });\n  hooks.fragment.update(\"toast\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", toastClass(bindings));\n    ops.setAttr(\"[data-root]\", \"role\", role(bindings));\n    ops.setAttr(\"[data-root]\", \"aria-live\", live(bindings));\n    ops.replaceChildren(\"[data-icon]\", iconSvg(bindings));\n  });\n  xript.exports.register(\"toast__dismiss\", () => {\n    return { dismiss: true };\n  });\n  xript.exports.register(\"toast__action\", () => {\n    return { emit: { type: \"action\" } };\n  });\n})();\n", "toast.html": "<div class=\"xtyle-toast\" part=\"toast\" role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" data-root data-toast>\n\t<span class=\"xtyle-toast__icon\" part=\"icon\" aria-hidden=\"true\"><slot name=\"icon\"><span data-icon></span></slot></span>\n\t<div class=\"xtyle-toast__body\" part=\"body\">\n\t\t<span class=\"xtyle-toast__message\" part=\"message\"><slot></slot></span>\n\t\t<span class=\"xtyle-toast__action-slot\" data-action></span>\n\t</div>\n\t<span class=\"xtyle-toast__close-slot\" data-close></span>\n</div>\n" };
+//# sourceMappingURL=source.generated.js.map

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

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

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

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

package/dist/elements/fragments/toc/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-toc-default", "version": "0.0.1", "title": "Xtyle Toc (default)", "description": "The built-in fill for the xtyle Toc component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.toc"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.toc": [{ "id": "toc", "format": "text/html+jsml", "source": "toc.html", "meta": { "tokens": ["--accent", "--accent-bg", "--accent-text", "--bg-1", "--border-normal", "--border-thick", "--border-thin", "--duration-fast", "--ease-standard", "--fg-0", "--fg-2", "--font-sans", "--line", "--radius-md", "--radius-sm", "--ring", "--space-1", "--space-2", "--space-3", "--space-5", "--text-sm", "--text-xs", "--weight-medium", "--weight-semibold"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/toc/mod.ts\n  function escapeHtml(value) {\n    return value.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\").replace(/\"/g, \"&quot;\").replace(/'/g, \"&#39;\");\n  }\n  function escapeAttr(value) {\n    return value.replace(/&/g, \"&amp;\").replace(/\"/g, \"&quot;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\");\n  }\n  function tocClass(bindings) {\n    return [\"xtyle-toc\", bindings.sticky && \"xtyle-toc--sticky\"].filter(Boolean).join(\" \");\n  }\n  function links(bindings) {\n    const items = bindings.items ?? [];\n    return items.map(\n      (item) => `<li><a class=\"xtyle-toc__link\" part=\"link\" href=\"#${escapeAttr(item.id)}\" data-toc-link=\"${escapeAttr(item.id)}\">${escapeHtml(item.label)}</a></li>`\n    ).join(\"\");\n  }\n  hooks.fragment.mount(\"toc\", (bindings, ops) => {\n    const label = bindings.label ?? \"On this page\";\n    ops.setAttr(\"[data-root]\", \"class\", tocClass(bindings));\n    ops.setAttr(\"[data-root]\", \"aria-label\", label);\n    ops.setText(\"[data-label]\", label);\n    ops.replaceChildren(\"[data-list]\", links(bindings));\n  });\n  hooks.fragment.update(\"toc\", (bindings, ops) => {\n    const label = bindings.label ?? \"On this page\";\n    ops.setAttr(\"[data-root]\", \"class\", tocClass(bindings));\n    ops.setAttr(\"[data-root]\", \"aria-label\", label);\n    ops.setText(\"[data-label]\", label);\n  });\n})();\n", "toc.html": "<nav part=\"toc\" class=\"xtyle-toc\" aria-label=\"On this page\" data-root>\n\t<span class=\"xtyle-toc__label\" part=\"label\" data-label></span>\n\t<ul class=\"xtyle-toc__list\" part=\"list\" role=\"list\" data-list></ul>\n</nav>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/toc/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,UAAU,EAAC,aAAa,EAAC,eAAe,EAAC,QAAQ,EAAC,iBAAiB,EAAC,gBAAgB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iBAAiB,EAAC,QAAQ,EAAC,QAAQ,EAAC,aAAa,EAAC,QAAQ,EAAC,aAAa,EAAC,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,iBAAiB,EAAC,mBAAmB,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AACnyB,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,68CAA68C,EAAC,UAAU,EAAC,2OAA2O,EAAC,CAAC"}

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

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

package/dist/elements/fragments/toolbar/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-toolbar-default", "version": "0.0.1", "title": "Xtyle Toolbar (default)", "description": "The built-in fill for the xtyle Toolbar component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.toolbar"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.toolbar": [{ "id": "toolbar", "format": "text/html+jsml", "source": "toolbar.html", "meta": { "tokens": ["--bg-1", "--border-normal", "--border-thick", "--border-thin", "--elevation-3", "--fg-0", "--fg-1", "--font-display", "--font-sans", "--leading-tight", "--line", "--link-hover", "--radius-sm", "--ring", "--space-1", "--space-2", "--space-3", "--space-4", "--space-5", "--space-7", "--space-8", "--text-lg", "--weight-bold"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/toolbar/mod.ts\n  function toolbarClass(b) {\n    const size = b.size ?? \"md\";\n    return [\"xtyle-toolbar\", size !== \"md\" && `xtyle-toolbar--${size}`, b.sticky && \"xtyle-toolbar--sticky\", b.bare && \"xtyle-toolbar--bare\"].filter(Boolean).join(\" \");\n  }\n  function titleMarkup(b) {\n    const heading = b.heading ?? null;\n    if (heading === null) return \"\";\n    const href = b.href ?? null;\n    if (href !== null) {\n      return `<a class=\"xtyle-toolbar__title\" part=\"title\" href=\"${href}\">${heading}</a>`;\n    }\n    return `<span class=\"xtyle-toolbar__title\" part=\"title\">${heading}</span>`;\n  }\n  function inner(b) {\n    return '<div class=\"xtyle-toolbar__group xtyle-toolbar__group--start\" part=\"group\"><slot name=\"start\"></slot></div>' + titleMarkup(b) + '<slot></slot><div class=\"xtyle-toolbar__group xtyle-toolbar__group--center\" part=\"group\"><slot name=\"center\"></slot></div><div class=\"xtyle-toolbar__group xtyle-toolbar__group--end\" part=\"group\"><slot name=\"end\"></slot></div>';\n  }\n  function toolbarHtml(b) {\n    const tag = b.landmark ? \"header\" : \"div\";\n    const nameAttr = b.landmark && b.heading ? ` aria-label=\"${b.heading}\"` : \"\";\n    return `<${tag} part=\"toolbar\" class=\"${toolbarClass(b)}\"${nameAttr}>${inner(b)}</${tag}>`;\n  }\n  hooks.fragment.mount(\"toolbar\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-toolbar]\", toolbarHtml(bindings));\n  });\n  hooks.fragment.update(\"toolbar\", (bindings, ops) => {\n    ops.setAttr('[part=\"toolbar\"]', \"class\", toolbarClass(bindings));\n    const heading = bindings.heading ?? null;\n    if (heading !== null) {\n      ops.setText('[part=\"title\"]', heading);\n      const href = bindings.href ?? null;\n      if (href !== null) ops.setAttr('[part=\"title\"]', \"href\", href);\n    }\n    if (bindings.landmark) ops.setAttr('[part=\"toolbar\"]', \"aria-label\", heading ?? \"\");\n  });\n})();\n", "toolbar.html": "<span data-root data-toolbar></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

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

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

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

package/dist/elements/fragments/tooltip/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-tooltip-default", "version": "0.0.1", "title": "Xtyle Tooltip (default)", "description": "The built-in fill for the xtyle Tooltip component: the mod-zero markup and behavior every app inherits and may override.", "capabilities": ["xtyle.component.tooltip"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.tooltip": [{ "id": "tooltip", "format": "text/html+jsml", "source": "tooltip.html", "meta": { "tokens": ["--fg-0", "--font-sans", "--text-sm", "--weight-normal", "--leading-tight", "--surface-overlay", "--surface-overlay-border", "--border-thin", "--radius-sm", "--elevation-2", "--duration-fast", "--ease-standard", "--space-1", "--space-2", "--space-8"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/tooltip/mod.ts\n  function tooltipClass(b) {\n    const cls = [\"xtyle-tooltip\", `xtyle-tooltip--${b.placement ?? \"top\"}`];\n    if (b.tone) cls.push(`xtyle-tooltip--${b.tone}`);\n    if (b.variant === \"soft\" || b.variant === \"solid\") cls.push(`xtyle-tooltip--${b.variant}`);\n    if (b.mode === \"rich\") cls.push(\"xtyle-tooltip--rich\");\n    if (b.size === \"md\") cls.push(\"xtyle-tooltip--md\");\n    return cls.join(\" \");\n  }\n  function textValue(b) {\n    return b.text ?? \"\";\n  }\n  hooks.fragment.mount(\"tooltip\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", tooltipClass(bindings));\n    ops.setAttr(\"[data-content]\", \"id\", bindings.contentId ?? \"\");\n    ops.setAttr(\"[data-content]\", \"data-open\", String(bindings.open ?? false));\n    ops.setText(\"[data-text]\", textValue(bindings));\n  });\n  hooks.fragment.update(\"tooltip\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", tooltipClass(bindings));\n    ops.setAttr(\"[data-content]\", \"data-open\", String(bindings.open ?? false));\n    ops.setText(\"[data-text]\", textValue(bindings));\n  });\n})();\n", "tooltip.html": "<span class=\"xtyle-tooltip xtyle-tooltip--top\" part=\"tooltip\" data-root><slot></slot><span class=\"xtyle-tooltip__content\" part=\"content\" role=\"tooltip\" data-content data-open=\"false\"><span class=\"xtyle-tooltip__arrow\" part=\"arrow\" aria-hidden=\"true\"></span><span class=\"xtyle-tooltip__text\" data-text></span><slot name=\"content\"></slot></span></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/tooltip/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,0HAA0H,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,QAAQ,EAAC,aAAa,EAAC,WAAW,EAAC,iBAAiB,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,0BAA0B,EAAC,eAAe,EAAC,aAAa,EAAC,eAAe,EAAC,iBAAiB,EAAC,iBAAiB,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AACnvB,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,0rCAA0rC,EAAC,cAAc,EAAC,wXAAwX,EAAC,CAAC"}

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

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

package/dist/elements/fragments/tree/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-tree-default", "version": "0.0.1", "title": "Xtyle Tree (default)", "description": "The built-in fill for the xtyle Tree component: the mod-zero markup and behavior every app inherits and may override.", "capabilities": ["xtyle.component.tree"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.tree": [{ "id": "tree", "format": "text/html+jsml", "source": "tree.html", "handlers": [{ "selector": ".xtyle-tree__action", "on": "click", "handler": "tree__rowAction" }, { "selector": ".xtyle-tree__twisty:not(.xtyle-tree__twisty--leaf)", "on": "click", "handler": "tree__toggleTwisty" }, { "selector": ".xtyle-tree__row", "on": "click", "handler": "tree__selectRow" }, { "selector": "[role=\"treeitem\"]", "on": "keydown", "handler": "tree__navKeydown" }], "meta": { "tokens": ["--font-sans", "--text-sm", "--text-body", "--fg-0", "--fg-1", "--fg-2", "--fg-3", "--fg-disabled", "--space-0", "--space-1", "--space-2", "--space-4", "--text-xs", "--radius-sm", "--duration-fast", "--ease-standard", "--state-hover", "--border-normal", "--border-thick", "--ring", "--accent-bg", "--accent-text", "--weight-medium", "--selection-cue"] } }] } };
+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/tree/mod.ts\n  var AMP = /&/g;\n  var LT = /</g;\n  var GT = />/g;\n  var QUOT = /\"/g;\n  function escapeHtml(value) {\n    return value.replace(AMP, \"&amp;\").replace(LT, \"&lt;\").replace(GT, \"&gt;\");\n  }\n  function escapeAttr(value) {\n    return value.replace(AMP, \"&amp;\").replace(LT, \"&lt;\").replace(GT, \"&gt;\").replace(QUOT, \"&quot;\");\n  }\n  function treeClass(bindings) {\n    const size = bindings.size ?? \"md\";\n    return size === \"md\" ? \"xtyle-tree\" : `xtyle-tree xtyle-tree--${size}`;\n  }\n  function nodeKey(node) {\n    return node.value ?? node.label;\n  }\n  function isExpanded(node, hasChildren, expanded) {\n    const locked = (node.locked ?? false) && hasChildren;\n    if (locked) return true;\n    return expanded.has(nodeKey(node));\n  }\n  function isStaticNode(node) {\n    const hasChildren = !!(node.children && node.children.length);\n    const locked = (node.locked ?? false) && hasChildren;\n    return locked && !node.href;\n  }\n  function firstFocusableKey(nodes) {\n    for (const node of nodes) {\n      if (!isStaticNode(node)) return nodeKey(node);\n      if (node.children && node.children.length) {\n        const child = firstFocusableKey(node.children);\n        if (child) return child;\n      }\n    }\n    return null;\n  }\n  function rovingTarget(bindings) {\n    if (bindings.rovingValue) return bindings.rovingValue;\n    if (bindings.selectedValue) return bindings.selectedValue;\n    return firstFocusableKey(bindings.items ?? []);\n  }\n  function treeTrailing(node, value, isLink) {\n    const badge = node.badge ? `<span class=\"xtyle-tree__badge\" part=\"badge\" aria-hidden=\"true\">${escapeHtml(node.badge)}</span>` : \"\";\n    const actionItems = !isLink && node.actions ? node.actions : [];\n    const actions = actionItems.length ? `<span class=\"xtyle-tree__actions\" part=\"actions\">${actionItems.map(\n      (a) => `<button type=\"button\" class=\"xtyle-tree__action\" part=\"row-action\" data-action=\"${escapeAttr(a.id)}\" data-value=\"${escapeAttr(value)}\" aria-label=\"${escapeAttr(a.label)}\" title=\"${escapeAttr(a.label)}\" tabindex=\"-1\">${escapeHtml(a.icon ?? a.label)}</button>`\n    ).join(\"\")}</span>` : \"\";\n    return badge || actions ? `<span class=\"xtyle-tree__trailing\">${badge}${actions}</span>` : \"\";\n  }\n  function buildNodes(nodes, level, selectedValue, expanded, roving) {\n    return nodes.map((node) => {\n      const hasChildren = !!(node.children && node.children.length);\n      const value = nodeKey(node);\n      const locked = (node.locked ?? false) && hasChildren;\n      const open = isExpanded(node, hasChildren, expanded);\n      const selected = value === selectedValue;\n      const disabled = node.disabled ?? false;\n      const disabledData = disabled ? ` data-disabled=\"true\"` : \"\";\n      const twisty = hasChildren && !locked ? `<span class=\"xtyle-tree__twisty\" aria-hidden=\"true\" data-value=\"${escapeAttr(value)}\"${disabledData}><svg viewBox=\"0 0 24 24\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 6l6 6-6 6\" /></svg></span>` : `<span class=\"xtyle-tree__twisty xtyle-tree__twisty--leaf\" aria-hidden=\"true\"></span>`;\n      const label = `<span class=\"xtyle-tree__label\">${escapeHtml(node.label)}</span>`;\n      const isLink = !!node.href;\n      const isStatic = locked && !isLink;\n      const staticData = isStatic ? ` data-static=\"true\"` : \"\";\n      const rowClass = isStatic ? \"xtyle-tree__row xtyle-tree__row--static\" : \"xtyle-tree__row\";\n      const rowOpen = isLink ? `<a class=\"xtyle-tree__row\" part=\"row\" href=\"${escapeAttr(node.href)}\" tabindex=\"-1\" data-value=\"${escapeAttr(value)}\"${disabledData} style=\"--tree-level: ${level}\">` : `<div class=\"${rowClass}\" part=\"row\" data-value=\"${escapeAttr(value)}\"${disabledData}${staticData} style=\"--tree-level: ${level}\">`;\n      const rowClose = isLink ? \"</a>\" : \"</div>\";\n      const trailing = treeTrailing(node, value, isLink);\n      const group = hasChildren ? `<ul class=\"xtyle-tree__group\" role=\"group\"${open ? \"\" : \" hidden\"}>${buildNodes(node.children, level + 1, selectedValue, expanded, roving)}</ul>` : \"\";\n      const expandedAttr = hasChildren ? ` aria-expanded=\"${String(open)}\"` : \"\";\n      const disabledAttr = disabled ? ` aria-disabled=\"true\"` : \"\";\n      const lockedAttr = locked ? ` data-locked=\"true\"` : \"\";\n      const itemClass = locked ? \"xtyle-tree__item xtyle-tree__item--locked\" : \"xtyle-tree__item\";\n      const tabindex = !isStatic && value === roving ? \"0\" : \"-1\";\n      return `<li class=\"${itemClass}\" role=\"treeitem\"${expandedAttr} aria-selected=\"${String(selected)}\"${disabledAttr}${lockedAttr} aria-level=\"${level}\" data-value=\"${escapeAttr(value)}\" tabindex=\"${tabindex}\">${rowOpen}${twisty}${label}${trailing}${rowClose}${group}</li>`;\n    }).join(\"\");\n  }\n  function tree(bindings) {\n    const items = bindings.items ?? [];\n    const expanded = new Set(bindings.expandedKeys ?? []);\n    const selected = bindings.selectedValue ?? null;\n    const roving = rovingTarget(bindings);\n    return buildNodes(items, 1, selected, expanded, roving);\n  }\n  hooks.fragment.mount(\"tree\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", treeClass(bindings));\n    if (bindings.labelledby) ops.setAttr(\"[data-root]\", \"aria-labelledby\", bindings.labelledby);\n    else if (bindings.label) ops.setAttr(\"[data-root]\", \"aria-label\", bindings.label);\n    ops.replaceChildren(\"[data-root]\", tree(bindings));\n  });\n  hooks.fragment.update(\"tree\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", treeClass(bindings));\n    const expanded = new Set(bindings.expandedKeys ?? []);\n    const selected = bindings.selectedValue ?? null;\n    const roving = rovingTarget(bindings);\n    const walk = (nodes) => {\n      for (const node of nodes) {\n        const hasChildren = !!(node.children && node.children.length);\n        const value = nodeKey(node);\n        const sel = `[role=\"treeitem\"][data-value=\"${escapeSelectorValue(value)}\"]`;\n        ops.setAttr(sel, \"aria-selected\", String(value === selected));\n        ops.setAttr(sel, \"tabindex\", value === roving ? \"0\" : \"-1\");\n        if (hasChildren) {\n          const open = isExpanded(node, hasChildren, expanded);\n          const locked = (node.locked ?? false) && hasChildren;\n          if (!locked) ops.setAttr(sel, \"aria-expanded\", String(open));\n          ops.toggle(`${sel} > .xtyle-tree__group`, open);\n          walk(node.children);\n        }\n      }\n    };\n    walk(bindings.items ?? []);\n  });\n  xript.exports.register(\"tree__selectRow\", (payload) => {\n    const e = payload;\n    if (e.dataset?.disabled === \"true\" || e.dataset?.static === \"true\") return {};\n    const key = e.dataset?.value;\n    if (!key) return {};\n    const isLink = e.tagName === \"A\";\n    if (isLink) return { select: key, focus: key };\n    return { select: key, focus: key, expandKey: key };\n  });\n  xript.exports.register(\"tree__rowAction\", (payload) => {\n    const e = payload;\n    const action = e.dataset?.action;\n    const value = e.dataset?.value;\n    if (!action || value === void 0) return { stopPropagation: true };\n    return { emit: { type: \"tree-action\", detail: { value, action } }, stopPropagation: true, preventDefault: true };\n  });\n  xript.exports.register(\"tree__toggleTwisty\", (payload) => {\n    const e = payload;\n    if (e.dataset?.disabled === \"true\") return {};\n    const key = e.dataset?.value;\n    if (!key) return {};\n    return { focus: key, expandKey: key, preventDefault: true, stopPropagation: true };\n  });\n  xript.exports.register(\"tree__navKeydown\", (payload, context) => {\n    const e = payload;\n    const ctx = context;\n    const k = e.key ?? \"\";\n    const current = e.dataset?.value ?? \"\";\n    const rows = ctx.rows ?? [];\n    const here = rows.findIndex((r) => r.key === current);\n    const row = here >= 0 ? rows[here] : void 0;\n    if (!row) return {};\n    const isStatic = (r) => r.locked && !r.isLink;\n    const step = (from, dir) => {\n      for (let i = from + dir; i >= 0 && i < rows.length; i += dir) {\n        if (!isStatic(rows[i])) return rows[i];\n      }\n      return void 0;\n    };\n    switch (k) {\n      case \"ArrowDown\": {\n        const next = step(here, 1);\n        return next ? { focus: next.key, preventDefault: true, stopPropagation: true } : { preventDefault: true, stopPropagation: true };\n      }\n      case \"ArrowUp\": {\n        const prev = step(here, -1);\n        return prev ? { focus: prev.key, preventDefault: true, stopPropagation: true } : { preventDefault: true, stopPropagation: true };\n      }\n      case \"ArrowRight\": {\n        if (row.expandable && !row.expanded)\n          return { expandKey: row.key, expand: true, focus: row.key, preventDefault: true, stopPropagation: true };\n        if (row.expandable && row.expanded) {\n          const child = rows.find((r) => r.parent === row.key && !isStatic(r));\n          return child ? { focus: child.key, preventDefault: true, stopPropagation: true } : { preventDefault: true, stopPropagation: true };\n        }\n        return { preventDefault: true, stopPropagation: true };\n      }\n      case \"ArrowLeft\": {\n        if (row.expandable && row.expanded && !row.locked)\n          return { expandKey: row.key, expand: false, focus: row.key, preventDefault: true, stopPropagation: true };\n        if (row.parent !== null) {\n          const parent = rows.find((r) => r.key === row.parent);\n          if (parent && !isStatic(parent)) return { focus: row.parent, preventDefault: true, stopPropagation: true };\n          const parentIdx = rows.findIndex((r) => r.key === row.parent);\n          const above = parentIdx >= 0 ? step(parentIdx, -1) : void 0;\n          if (above) return { focus: above.key, preventDefault: true, stopPropagation: true };\n        }\n        return { preventDefault: true, stopPropagation: true };\n      }\n      case \"Home\": {\n        const first = rows.find((r) => !isStatic(r));\n        return first ? { focus: first.key, preventDefault: true, stopPropagation: true } : { preventDefault: true, stopPropagation: true };\n      }\n      case \"End\": {\n        const last = step(rows.length, -1);\n        return last ? { focus: last.key, preventDefault: true, stopPropagation: true } : { preventDefault: true, stopPropagation: true };\n      }\n      case \"Enter\":\n      case \" \":\n      case \"Spacebar\": {\n        if (row.disabled || isStatic(row)) return { preventDefault: true, stopPropagation: true };\n        if (row.isLink) return { select: row.key, activate: row.key, preventDefault: true, stopPropagation: true };\n        if (row.expandable) return { select: row.key, expandKey: row.key, preventDefault: true, stopPropagation: true };\n        return { select: row.key, preventDefault: true, stopPropagation: true };\n      }\n      default:\n        return { stopPropagation: true };\n    }\n  });\n})();\n", "tree.html": "<ul class=\"xtyle-tree\" part=\"tree\" role=\"tree\" data-root></ul>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/tree/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,qBAAqB,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,iBAAiB,EAAC,EAAC,EAAC,UAAU,EAAC,oDAAoD,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,oBAAoB,EAAC,EAAC,EAAC,UAAU,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,iBAAiB,EAAC,EAAC,EAAC,UAAU,EAAC,qBAAqB,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,kBAAkB,EAAC,CAAC,EAAC,MAAM,EAAC,EAAC,QAAQ,EAAC,CAAC,aAAa,EAAC,WAAW,EAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,eAAe,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,aAAa,EAAC,iBAAiB,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,gBAAgB,EAAC,QAAQ,EAAC,aAAa,EAAC,eAAe,EAAC,iBAAiB,EAAC,iBAAiB,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AACzpC,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,i1WAAi1W,EAAC,WAAW,EAAC,wEAAwE,EAAC,CAAC"}

package/dist/elements/grid.d.ts

@@ -0,0 +1,24 @@
+import { XtyleElement, type StyleMode } from "./base.js";
+import { type GridAlign } from "../markup/index.js";
+export declare class XtyleGrid extends XtyleElement {
+    private fragment;
+    protected get styleMode(): StyleMode;
+    static get observedAttributes(): string[];
+    get gap(): number;
+    set gap(value: number);
+    get columns(): number | null;
+    set columns(value: number);
+    get minColWidth(): string | null;
+    set minColWidth(value: string | null | undefined);
+    get align(): GridAlign | null;
+    set align(value: GridAlign);
+    get justify(): GridAlign | null;
+    set justify(value: GridAlign);
+    get inline(): boolean;
+    set inline(value: boolean);
+    attributeChangedCallback(): void;
+    private get bindings();
+    protected template(): string;
+    protected render(): void;
+}
+//# sourceMappingURL=grid.d.ts.map

package/dist/elements/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/elements/grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACjE,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAoBjE,qBAAa,SAAU,SAAQ,YAAY;IAC1C,OAAO,CAAC,QAAQ,CAEb;IAEH,cAAuB,SAAS,IAAI,SAAS,CAE5C;IAED,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,IAAI,GAAG,IAAI,MAAM,CAEhB;IACD,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,EAEpB;IAED,IAAI,OAAO,IAAI,MAAM,GAAG,IAAI,CAE3B;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAExB;IAED,IAAI,WAAW,IAAI,MAAM,GAAG,IAAI,CAE/B;IACD,IAAI,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAE/C;IAED,IAAI,KAAK,IAAI,SAAS,GAAG,IAAI,CAG5B;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,SAAS,EAEzB;IAED,IAAI,OAAO,IAAI,SAAS,GAAG,IAAI,CAG9B;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,SAAS,EAE3B;IAED,IAAI,MAAM,IAAI,OAAO,CAEpB;IACD,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,EAExB;IAED,wBAAwB,IAAI,IAAI;IAIhC,OAAO,KAAK,QAAQ,GASnB;IAED,SAAS,CAAC,QAAQ,IAAI,MAAM;cAIT,MAAM,IAAI,IAAI;CAKjC"}

package/dist/elements/grid.js

@@ -0,0 +1,94 @@
+import { XtyleElement, define } from "./base.js";
+import { gridHostCss } from "../markup/index.js";
+import { FragmentHost } from "./fragment-host.js";
+import { manifest, fragmentSources } from "./fragments/grid/source.generated.js";
+const ALIGNS = ["start", "center", "end", "stretch"];
+function clampGap(raw) {
+    if (raw === null)
+        return null;
+    const n = Math.trunc(Number(raw));
+    if (!Number.isFinite(n) || n < 0 || n > 8)
+        return null;
+    return n;
+}
+function clampColumns(raw) {
+    if (raw === null)
+        return null;
+    const n = Math.trunc(Number(raw));
+    if (!Number.isFinite(n) || n < 1 || n > 12)
+        return null;
+    return n;
+}
+export class XtyleGrid extends XtyleElement {
+    fragment = new FragmentHost(this.root, manifest, fragmentSources, "grid", {
+        applyIntent: () => { },
+    });
+    get styleMode() {
+        return "auto";
+    }
+    static get observedAttributes() {
+        return ["gap", "columns", "min-col-width", "align", "justify", "inline"];
+    }
+    get gap() {
+        return clampGap(this.getAttribute("gap")) ?? 4;
+    }
+    set gap(value) {
+        this.setAttribute("gap", String(value));
+    }
+    get columns() {
+        return clampColumns(this.getAttribute("columns"));
+    }
+    set columns(value) {
+        this.setAttribute("columns", String(value));
+    }
+    get minColWidth() {
+        return this.getAttribute("min-col-width");
+    }
+    set minColWidth(value) {
+        this.reflectString("min-col-width", value);
+    }
+    get align() {
+        const raw = this.getAttribute("align");
+        return raw && ALIGNS.includes(raw) ? raw : null;
+    }
+    set align(value) {
+        this.setAttribute("align", value);
+    }
+    get justify() {
+        const raw = this.getAttribute("justify");
+        return raw && ALIGNS.includes(raw) ? raw : null;
+    }
+    set justify(value) {
+        this.setAttribute("justify", value);
+    }
+    get inline() {
+        return this.hasAttribute("inline");
+    }
+    set inline(value) {
+        this.reflectBoolean("inline", value);
+    }
+    attributeChangedCallback() {
+        if (this.root.firstChild)
+            this.render();
+    }
+    get bindings() {
+        return {
+            gap: this.gap,
+            columns: this.columns,
+            minColWidth: this.minColWidth,
+            align: this.align,
+            justify: this.justify,
+            inline: this.inline,
+        };
+    }
+    template() {
+        return "";
+    }
+    render() {
+        this.adoptComponentSheet();
+        this.fragment.ensureScaffold(gridHostCss);
+        this.fragment.update(this.bindings);
+    }
+}
+define("xtyle-grid", XtyleGrid);
+//# sourceMappingURL=grid.js.map

package/dist/elements/grid.js.map

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

package/dist/elements/heading.d.ts

@@ -0,0 +1,21 @@
+import { XtyleElement, type StyleMode } from "./base.js";
+import type { HeadingLevel, HeadingSize, HeadingTone } from "../index.js";
+export declare class XtyleHeading extends XtyleElement {
+    private fragment;
+    protected get styleMode(): StyleMode;
+    static get observedAttributes(): string[];
+    get level(): HeadingLevel;
+    set level(value: HeadingLevel);
+    get size(): HeadingSize;
+    set size(value: HeadingSize);
+    get tone(): HeadingTone;
+    set tone(value: HeadingTone);
+    attributeChangedCallback(): void;
+    private get bindings();
+    /** A signature of the state ops can't express incrementally — the heading's level switches the
+     * tag (`<h1>`–`<h6>`), which no `setAttr` can do. When it changes, the structure is rebuilt. */
+    private shapeSignature;
+    protected template(): string;
+    protected render(): void;
+}
+//# sourceMappingURL=heading.d.ts.map

package/dist/elements/heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../src/elements/heading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAU,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAEjE,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK1E,qBAAa,YAAa,SAAQ,YAAY;IAC7C,OAAO,CAAC,QAAQ,CAEb;IAEH,cAAuB,SAAS,IAAI,SAAS,CAE5C;IAED,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,IAAI,KAAK,IAAI,YAAY,CAGxB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,YAAY,EAE5B;IAED,IAAI,IAAI,IAAI,WAAW,CAEtB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,WAAW,EAE1B;IAED,IAAI,IAAI,IAAI,WAAW,CAEtB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,WAAW,EAE1B;IAED,wBAAwB,IAAI,IAAI;IAIhC,OAAO,KAAK,QAAQ,GAMnB;IAED;oGACgG;IAChG,OAAO,CAAC,cAAc;IAItB,SAAS,CAAC,QAAQ,IAAI,MAAM;cAIT,MAAM,IAAI,IAAI;CAMjC"}