@xtyle/core 0.5.0

package/dist/elements/fragment-ssr.js

@@ -0,0 +1,234 @@
+import { loadFill, fillSource } from "./fragment-host.js";
+import { manifest as tabsManifest, fragmentSources as tabsSources } from "./fragments/tabs/source.generated.js";
+import { manifest as accordionManifest, fragmentSources as accordionSources, } from "./fragments/accordion/source.generated.js";
+import { manifest as buttonManifest, fragmentSources as buttonSources } from "./fragments/button/source.generated.js";
+import { manifest as switchManifest, fragmentSources as switchSources } from "./fragments/switch/source.generated.js";
+import { manifest as alertManifest, fragmentSources as alertSources } from "./fragments/alert/source.generated.js";
+import { manifest as appShellManifest, fragmentSources as appShellSources } from "./fragments/app-shell/source.generated.js";
+import { manifest as avatarManifest, fragmentSources as avatarSources } from "./fragments/avatar/source.generated.js";
+import { manifest as avatarGroupManifest, fragmentSources as avatarGroupSources } from "./fragments/avatar-group/source.generated.js";
+import { manifest as badgeManifest, fragmentSources as badgeSources } from "./fragments/badge/source.generated.js";
+import { manifest as breadcrumbManifest, fragmentSources as breadcrumbSources } from "./fragments/breadcrumb/source.generated.js";
+import { manifest as cardManifest, fragmentSources as cardSources } from "./fragments/card/source.generated.js";
+import { manifest as cardLinkManifest, fragmentSources as cardLinkSources } from "./fragments/card-link/source.generated.js";
+import { manifest as checkboxManifest, fragmentSources as checkboxSources } from "./fragments/checkbox/source.generated.js";
+import { manifest as clusterManifest, fragmentSources as clusterSources } from "./fragments/cluster/source.generated.js";
+import { manifest as colorPickerManifest, fragmentSources as colorPickerSources } from "./fragments/color-picker/source.generated.js";
+import { manifest as dialogManifest, fragmentSources as dialogSources } from "./fragments/dialog/source.generated.js";
+import { manifest as dockManifest, fragmentSources as dockSources } from "./fragments/dock/source.generated.js";
+import { manifest as eyebrowManifest, fragmentSources as eyebrowSources } from "./fragments/eyebrow/source.generated.js";
+import { manifest as fieldManifest, fragmentSources as fieldSources } from "./fragments/field/source.generated.js";
+import { manifest as formGroupManifest, fragmentSources as formGroupSources } from "./fragments/form-group/source.generated.js";
+import { manifest as gridManifest, fragmentSources as gridSources } from "./fragments/grid/source.generated.js";
+import { manifest as headingManifest, fragmentSources as headingSources } from "./fragments/heading/source.generated.js";
+import { manifest as kbdManifest, fragmentSources as kbdSources } from "./fragments/kbd/source.generated.js";
+import { manifest as iconManifest, fragmentSources as iconSources } from "./fragments/icon/source.generated.js";
+import { manifest as imageManifest, fragmentSources as imageSources } from "./fragments/image/source.generated.js";
+import { manifest as barManifest, fragmentSources as barSources } from "./fragments/bar/source.generated.js";
+import { manifest as sparklineManifest, fragmentSources as sparklineSources } from "./fragments/sparkline/source.generated.js";
+import { manifest as heatmapManifest, fragmentSources as heatmapSources } from "./fragments/heatmap/source.generated.js";
+import { manifest as pieManifest, fragmentSources as pieSources } from "./fragments/pie/source.generated.js";
+import { manifest as linkManifest, fragmentSources as linkSources } from "./fragments/link/source.generated.js";
+import { manifest as menuManifest, fragmentSources as menuSources } from "./fragments/menu/source.generated.js";
+import { manifest as numberInputManifest, fragmentSources as numberInputSources } from "./fragments/number-input/source.generated.js";
+import { manifest as panelManifest, fragmentSources as panelSources } from "./fragments/panel/source.generated.js";
+import { manifest as progressManifest, fragmentSources as progressSources } from "./fragments/progress/source.generated.js";
+import { manifest as radioManifest, fragmentSources as radioSources } from "./fragments/radio/source.generated.js";
+import { manifest as sectionManifest, fragmentSources as sectionSources } from "./fragments/section/source.generated.js";
+import { manifest as segmentedManifest, fragmentSources as segmentedSources } from "./fragments/segmented/source.generated.js";
+import { manifest as selectManifest, fragmentSources as selectSources } from "./fragments/select/source.generated.js";
+import { manifest as separatorManifest, fragmentSources as separatorSources } from "./fragments/separator/source.generated.js";
+import { manifest as skeletonManifest, fragmentSources as skeletonSources } from "./fragments/skeleton/source.generated.js";
+import { manifest as sliderManifest, fragmentSources as sliderSources } from "./fragments/slider/source.generated.js";
+import { manifest as spinnerManifest, fragmentSources as spinnerSources } from "./fragments/spinner/source.generated.js";
+import { manifest as splitterManifest, fragmentSources as splitterSources } from "./fragments/splitter/source.generated.js";
+import { manifest as stackManifest, fragmentSources as stackSources } from "./fragments/stack/source.generated.js";
+import { manifest as statManifest, fragmentSources as statSources } from "./fragments/stat/source.generated.js";
+import { manifest as statusbarManifest, fragmentSources as statusbarSources } from "./fragments/statusbar/source.generated.js";
+import { manifest as swatchManifest, fragmentSources as swatchSources } from "./fragments/swatch/source.generated.js";
+import { manifest as textManifest, fragmentSources as textSources } from "./fragments/text/source.generated.js";
+import { manifest as textareaManifest, fragmentSources as textareaSources } from "./fragments/textarea/source.generated.js";
+import { manifest as toastManifest, fragmentSources as toastSources } from "./fragments/toast/source.generated.js";
+import { manifest as tocManifest, fragmentSources as tocSources } from "./fragments/toc/source.generated.js";
+import { manifest as toolbarManifest, fragmentSources as toolbarSources } from "./fragments/toolbar/source.generated.js";
+import { manifest as tooltipManifest, fragmentSources as tooltipSources } from "./fragments/tooltip/source.generated.js";
+import { manifest as treeManifest, fragmentSources as treeSources } from "./fragments/tree/source.generated.js";
+import { manifest as codeManifest, fragmentSources as codeSources } from "./fragments/code/source.generated.js";
+import { manifest as paginationManifest, fragmentSources as paginationSources } from "./fragments/pagination/source.generated.js";
+/**
+ * The built-in fills, keyed by component, so a binding's SSR import is one stable
+ * subpath (`@xtyle/core/elements/ssr`) rather than a per-component deep path — which a
+ * dev dep-optimizer would not know about until a restart.
+ */
+const fragments = {
+    tabs: { manifest: tabsManifest, fragmentSources: tabsSources },
+    accordion: { manifest: accordionManifest, fragmentSources: accordionSources },
+    button: { manifest: buttonManifest, fragmentSources: buttonSources },
+    switch: { manifest: switchManifest, fragmentSources: switchSources },
+    alert: { manifest: alertManifest, fragmentSources: alertSources },
+    "app-shell": { manifest: appShellManifest, fragmentSources: appShellSources },
+    avatar: { manifest: avatarManifest, fragmentSources: avatarSources },
+    "avatar-group": { manifest: avatarGroupManifest, fragmentSources: avatarGroupSources },
+    badge: { manifest: badgeManifest, fragmentSources: badgeSources },
+    breadcrumb: { manifest: breadcrumbManifest, fragmentSources: breadcrumbSources },
+    card: { manifest: cardManifest, fragmentSources: cardSources },
+    "card-link": { manifest: cardLinkManifest, fragmentSources: cardLinkSources },
+    checkbox: { manifest: checkboxManifest, fragmentSources: checkboxSources },
+    cluster: { manifest: clusterManifest, fragmentSources: clusterSources },
+    "color-picker": { manifest: colorPickerManifest, fragmentSources: colorPickerSources },
+    dialog: { manifest: dialogManifest, fragmentSources: dialogSources },
+    dock: { manifest: dockManifest, fragmentSources: dockSources },
+    eyebrow: { manifest: eyebrowManifest, fragmentSources: eyebrowSources },
+    field: { manifest: fieldManifest, fragmentSources: fieldSources },
+    "form-group": { manifest: formGroupManifest, fragmentSources: formGroupSources },
+    grid: { manifest: gridManifest, fragmentSources: gridSources },
+    heading: { manifest: headingManifest, fragmentSources: headingSources },
+    kbd: { manifest: kbdManifest, fragmentSources: kbdSources },
+    icon: { manifest: iconManifest, fragmentSources: iconSources },
+    image: { manifest: imageManifest, fragmentSources: imageSources },
+    bar: { manifest: barManifest, fragmentSources: barSources },
+    sparkline: { manifest: sparklineManifest, fragmentSources: sparklineSources },
+    heatmap: { manifest: heatmapManifest, fragmentSources: heatmapSources },
+    pie: { manifest: pieManifest, fragmentSources: pieSources },
+    link: { manifest: linkManifest, fragmentSources: linkSources },
+    menu: { manifest: menuManifest, fragmentSources: menuSources },
+    "number-input": { manifest: numberInputManifest, fragmentSources: numberInputSources },
+    panel: { manifest: panelManifest, fragmentSources: panelSources },
+    progress: { manifest: progressManifest, fragmentSources: progressSources },
+    radio: { manifest: radioManifest, fragmentSources: radioSources },
+    section: { manifest: sectionManifest, fragmentSources: sectionSources },
+    segmented: { manifest: segmentedManifest, fragmentSources: segmentedSources },
+    select: { manifest: selectManifest, fragmentSources: selectSources },
+    separator: { manifest: separatorManifest, fragmentSources: separatorSources },
+    skeleton: { manifest: skeletonManifest, fragmentSources: skeletonSources },
+    slider: { manifest: sliderManifest, fragmentSources: sliderSources },
+    spinner: { manifest: spinnerManifest, fragmentSources: spinnerSources },
+    splitter: { manifest: splitterManifest, fragmentSources: splitterSources },
+    stack: { manifest: stackManifest, fragmentSources: stackSources },
+    stat: { manifest: statManifest, fragmentSources: statSources },
+    statusbar: { manifest: statusbarManifest, fragmentSources: statusbarSources },
+    swatch: { manifest: swatchManifest, fragmentSources: swatchSources },
+    text: { manifest: textManifest, fragmentSources: textSources },
+    textarea: { manifest: textareaManifest, fragmentSources: textareaSources },
+    toast: { manifest: toastManifest, fragmentSources: toastSources },
+    toc: { manifest: tocManifest, fragmentSources: tocSources },
+    toolbar: { manifest: toolbarManifest, fragmentSources: toolbarSources },
+    tooltip: { manifest: tooltipManifest, fragmentSources: tooltipSources },
+    tree: { manifest: treeManifest, fragmentSources: treeSources },
+    code: { manifest: codeManifest, fragmentSources: codeSources },
+    pagination: { manifest: paginationManifest, fragmentSources: paginationSources },
+};
+/** The component ids that have a built-in SSR fill registered, so a parity test can guard the set. */
+export function ssrFragments() {
+    return Object.keys(fragments);
+}
+function escapeAttr(value) {
+    return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function marker(selector) {
+    return selector.match(/^\[([a-z-]+)\]$/i)?.[1] ?? null;
+}
+function setAttrInTag(openTag, attr, value) {
+    const existing = new RegExp(`\\s${attr}="[^"]*"`);
+    if (value === "")
+        return openTag.replace(existing, "");
+    const attrStr = ` ${attr}="${escapeAttr(value)}"`;
+    if (existing.test(openTag))
+        return openTag.replace(existing, () => attrStr);
+    return openTag.replace(/\s*\/?>$/, (close) => `${attrStr}${close}`);
+}
+/**
+ * Applies a fill's `FragmentOp` command buffer to its scaffold HTML in Node, where
+ * there is no live DOM — the build-time counterpart of the browser op-applier. It
+ * targets attribute-marker selectors (`[data-x]`) against the inert scaffolds xtyle
+ * authors for its built-in fills; arbitrary app-fill structures are a runtime concern,
+ * served by the live-DOM path.
+ */
+export function applyOpsToHtml(html, ops) {
+    let out = html;
+    for (const op of ops) {
+        const name = marker(op.selector);
+        if (!name)
+            continue;
+        const openRe = new RegExp(`<(\\w+)([^>]*\\b${name}\\b[^>]*)>`);
+        const match = out.match(openRe);
+        const openTag = match?.[0];
+        const tag = match?.[1];
+        if (!openTag || !tag)
+            continue;
+        switch (op.op) {
+            case "setAttr":
+                if (op.attr) {
+                    const next = setAttrInTag(openTag, op.attr, String(op.value ?? ""));
+                    out = out.replace(openTag, () => next);
+                }
+                break;
+            case "replaceChildren": {
+                const empty = new RegExp(`(<${tag}[^>]*\\b${name}\\b[^>]*>)(</${tag}>)`);
+                const value = String(op.value ?? "");
+                out = out.replace(empty, (_m, open, close) => `${open}${value}${close}`);
+                break;
+            }
+            case "setText": {
+                const empty = new RegExp(`(<${tag}[^>]*\\b${name}\\b[^>]*>)(</${tag}>)`);
+                const value = escapeAttr(String(op.value ?? ""));
+                out = out.replace(empty, (_m, open, close) => `${open}${value}${close}`);
+                break;
+            }
+            case "addClass":
+            case "removeClass":
+            case "toggle":
+                break;
+        }
+    }
+    return out;
+}
+/**
+ * Renders a component fill to a declarative-shadow-root string at build time: drives the
+ * runtime in Node, fires the `update` hook, and applies the returned ops to the scaffold.
+ * The output is byte-identical to the browser's first render, so hydration re-applies onto
+ * it without a wipe.
+ */
+export async function renderFragment(component, bindings, styles) {
+    const entry = fragments[component];
+    if (!entry)
+        throw new Error(`xtyle: no SSR fragment registered for "${component}"`);
+    const { runtime } = await loadFill(entry.manifest, entry.fragmentSources);
+    const scaffold = entry.fragmentSources[fillSource(entry.manifest, component)] ?? "";
+    const ops = runtime.fireFragmentHook(component, "mount", bindings);
+    return `<style>${styles}</style>${applyOpsToHtml(scaffold, ops)}`;
+}
+/**
+ * Compose a fallback-bearing slot region in a light-DOM SSR string. A fill marks such a region with
+ * a native `<slot name="…">…</slot>` whose children are the fallback (alert's severity glyph,
+ * progress's computed readout) — the same markup shadow projection uses directly. When the consumer
+ * filled the slot (`rendered` is a string), the whole slot element is replaced by the consumer's
+ * render; when they didn't (`rendered` is `null`), the slot tags are stripped and the fallback
+ * (already populated by the mount hook's ops) stands. Empty-fallback regions keep using a bare
+ * `<slot name="…"></slot>` `.replace`.
+ */
+export function composeFallbackSlot(html, name, rendered) {
+    const slot = new RegExp(`<slot name="${name}">([\\s\\S]*?)</slot>`);
+    if (rendered === null)
+        return html.replace(slot, (_match, fallback) => fallback);
+    return html.replace(slot, () => rendered);
+}
+/**
+ * Light-DOM SSR: emit the resolved scaffold with the mount hook's ops applied, but no
+ * `<style>` — an element rendering into light DOM leans on the already-global component
+ * sheet instead of an inlined-per-instance copy. The result still carries any native
+ * `<slot>` the fill places where consumer content belongs; the binding replaces that slot
+ * with the slot's rendered HTML so the static (zero-JS) render is correct without the
+ * runtime ever loading. The same `<slot>` markup drives shadow projection in the framework
+ * path, so structure stays single-sourced across both modes.
+ */
+export async function renderFragmentLight(component, bindings) {
+    const entry = fragments[component];
+    if (!entry)
+        throw new Error(`xtyle: no SSR fragment registered for "${component}"`);
+    const { runtime } = await loadFill(entry.manifest, entry.fragmentSources);
+    const scaffold = entry.fragmentSources[fillSource(entry.manifest, component)] ?? "";
+    const ops = runtime.fireFragmentHook(component, "mount", bindings);
+    return applyOpsToHtml(scaffold, ops);
+}
+//# sourceMappingURL=fragment-ssr.js.map

package/dist/elements/fragment-ssr.js.map

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

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

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

package/dist/elements/fragments/accordion/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-accordion-default", "version": "0.0.1", "title": "Xtyle Accordion (default)", "description": "The built-in fill for the xtyle Accordion component: the mod-zero markup and behavior every app inherits and may override.", "capabilities": ["xtyle.component.accordion"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.accordion": [{ "id": "accordion", "format": "text/html+jsml", "source": "accordion.html", "handlers": [{ "selector": ".xtyle-accordion__trigger", "on": "click", "handler": "accordion__toggleSection" }, { "selector": ".xtyle-accordion__trigger", "on": "keydown", "handler": "accordion__navKeydown" }] }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/accordion/mod.ts\n  var CHEVRON = '<svg class=\"xtyle-accordion__chevron\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 9l6 6 6-6\" /></svg>';\n  function accordionClass(bindings) {\n    const size = bindings.size ?? \"md\";\n    return size === \"md\" ? \"xtyle-accordion\" : `xtyle-accordion xtyle-accordion--${size}`;\n  }\n  function headingLevel(bindings) {\n    const level = Number(bindings.headingLevel);\n    return level >= 1 && level <= 6 ? Math.floor(level) : 3;\n  }\n  function items(bindings) {\n    const sections = bindings.sections ?? [];\n    const open = new Set(bindings.openKeys ?? []);\n    const uid = bindings.uid ?? \"xtyle-accordion\";\n    const level = headingLevel(bindings);\n    return sections.map((section, i) => {\n      const key = section.value ?? String(i);\n      const isOpen = open.has(key);\n      const triggerId = `${uid}-h-${i}`;\n      const panelId = `${uid}-p-${i}`;\n      const disabledAttr = section.disabled ? ' disabled aria-disabled=\"true\"' : \"\";\n      const body = section.panelSlot ? `<slot name=\"${section.panelSlot}\"></slot>` : section.panel ?? \"\";\n      return `<div class=\"xtyle-accordion__item${isOpen ? \" is-open\" : \"\"}\" part=\"item\" data-key=\"${key}\"><h${level} class=\"xtyle-accordion__heading\" part=\"heading\"><button class=\"xtyle-accordion__trigger\" part=\"trigger\" type=\"button\" id=\"${triggerId}\" data-key=\"${key}\" aria-expanded=\"${String(isOpen)}\" aria-controls=\"${panelId}\"${disabledAttr}><span class=\"xtyle-accordion__label\">${section.header}</span>${CHEVRON}</button></h${level}><div class=\"xtyle-accordion__panel\" part=\"panel\" id=\"${panelId}\" data-key=\"${key}\" role=\"region\" aria-labelledby=\"${triggerId}\"${isOpen ? \"\" : \" hidden\"}><div class=\"xtyle-accordion__content\">${body}</div></div></div>`;\n    }).join(\"\");\n  }\n  hooks.fragment.mount(\"accordion\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", accordionClass(bindings));\n    ops.replaceChildren(\"[data-items]\", items(bindings));\n  });\n  hooks.fragment.update(\"accordion\", (bindings, ops) => {\n    const open = new Set(bindings.openKeys ?? []);\n    (bindings.sections ?? []).forEach((section, i) => {\n      const key = section.value ?? String(i);\n      const isOpen = open.has(key);\n      ops.setAttr(`.xtyle-accordion__trigger[data-key=\"${key}\"]`, \"aria-expanded\", String(isOpen));\n      ops.toggle(`.xtyle-accordion__panel[data-key=\"${key}\"]`, isOpen);\n      if (isOpen) ops.addClass(`.xtyle-accordion__item[data-key=\"${key}\"]`, \"is-open\");\n      else ops.removeClass(`.xtyle-accordion__item[data-key=\"${key}\"]`, \"is-open\");\n    });\n  });\n  xript.exports.register(\"accordion__toggleSection\", (payload, context) => {\n    const e = payload;\n    const ctx = context;\n    if (e.disabled || e.ariaDisabled === \"true\") return {};\n    const key = e.dataset?.key;\n    if (!key) return {};\n    const open = new Set(ctx.openKeys ?? []);\n    const wasOpen = open.has(key);\n    if (ctx.multiple) {\n      if (wasOpen) open.delete(key);\n      else open.add(key);\n    } else {\n      open.clear();\n      if (!wasOpen) open.add(key);\n    }\n    return { open: [...open], toggledKey: key, isOpen: open.has(key) };\n  });\n  xript.exports.register(\"accordion__navKeydown\", (payload, context) => {\n    const e = payload;\n    const ctx = context;\n    const k = e.key ?? \"\";\n    const current = e.dataset?.key ?? \"\";\n    const enabled = ctx.enabledKeys ?? [];\n    const here = enabled.indexOf(current);\n    let target;\n    if (k === \"ArrowDown\") target = enabled[(here + 1) % enabled.length];\n    else if (k === \"ArrowUp\") target = enabled[(here - 1 + enabled.length) % enabled.length];\n    else if (k === \"Home\") target = enabled[0];\n    else if (k === \"End\") target = enabled[enabled.length - 1];\n    else return {};\n    if (target === void 0) return {};\n    return { focus: target, preventDefault: true };\n  });\n})();\n", "accordion.html": "<div class=\"xtyle-accordion\" part=\"accordion\" data-root data-items></div>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/accordion/source.generated.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAC,SAAS,EAAC,wCAAwC,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,yBAAyB,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,2BAA2B,EAAC,aAAa,EAAC,4HAA4H,EAAC,cAAc,EAAC,CAAC,2BAA2B,CAAC,EAAC,OAAO,EAAC,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,EAAC,OAAO,EAAC,EAAC,qBAAqB,EAAC,CAAC,EAAC,IAAI,EAAC,WAAW,EAAC,QAAQ,EAAC,gBAAgB,EAAC,QAAQ,EAAC,gBAAgB,EAAC,UAAU,EAAC,CAAC,EAAC,UAAU,EAAC,2BAA2B,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,0BAA0B,EAAC,EAAC,EAAC,UAAU,EAAC,2BAA2B,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,uBAAuB,EAAC,CAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AACnsB,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,slIAAslI,EAAC,gBAAgB,EAAC,iFAAiF,EAAC,CAAC"}

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

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

package/dist/elements/fragments/alert/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-alert-default", "version": "0.0.1", "title": "Xtyle Alert (default)", "description": "The built-in fill for the xtyle Alert component: the mod-zero markup and behavior every app inherits and may override.", "capabilities": ["xtyle.component.alert"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.alert": [{ "id": "alert", "format": "text/html+jsml", "source": "alert.html", "handlers": [{ "selector": ".xtyle-alert__dismiss", "on": "click", "handler": "alert__dismiss" }, { "selector": ".xtyle-alert", "on": "keydown", "handler": "alert__keyDismiss" }], "meta": { "tokens": ["--success", "--success-bg", "--success-text", "--success-fg", "--warn", "--warn-bg", "--warn-text", "--warn-fg", "--danger", "--danger-bg", "--danger-text", "--danger-fg", "--info", "--info-bg", "--info-text", "--info-fg", "--fg-0", "--ring", "--state-hover", "--state-press"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/alert/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 alertClass(b) {\n    const variant = b.variant ?? \"soft\";\n    const color = b.tone ?? severityOf(b) ?? \"info\";\n    const noIcon = severityOf(b) ? \"\" : \" xtyle-alert--noicon\";\n    return `xtyle-alert xtyle-alert--${variant} xtyle-alert--${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 dismissButton(b) {\n    if (!b.dismissible) return \"\";\n    const label = b.dismissLabel ?? \"Dismiss\";\n    return `<button class=\"xtyle-alert__dismiss\" part=\"dismiss\" 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  function role(b) {\n    return ASSERTIVE[severityOf(b)] ? \"alert\" : \"status\";\n  }\n  function live(b) {\n    return ASSERTIVE[severityOf(b)] ? \"assertive\" : \"polite\";\n  }\n  hooks.fragment.mount(\"alert\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", alertClass(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-dismiss]\", dismissButton(bindings));\n  });\n  hooks.fragment.update(\"alert\", (bindings, ops) => {\n    ops.setAttr(\"[data-root]\", \"class\", alertClass(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(\"alert__dismiss\", () => {\n    return { dismiss: true };\n  });\n  xript.exports.register(\"alert__keyDismiss\", (payload) => {\n    const e = payload;\n    if (e.key === \"Escape\" || e.key === \"Esc\") return { dismiss: true, preventDefault: true };\n    return {};\n  });\n})();\n", "alert.html": "<div class=\"xtyle-alert\" part=\"alert\" role=\"status\" aria-live=\"polite\" tabindex=\"-1\" data-root data-alert>\n\t<span class=\"xtyle-alert__icon\" part=\"icon\" aria-hidden=\"true\"><slot name=\"icon\"><span data-icon></span></slot></span>\n\t<div class=\"xtyle-alert__body\" part=\"body\">\n\t\t<div class=\"xtyle-alert__title\" part=\"title\"><slot name=\"title\"></slot></div>\n\t\t<div class=\"xtyle-alert__message\" part=\"message\"><slot></slot></div>\n\t\t<div class=\"xtyle-alert__actions\" part=\"actions\"><slot name=\"actions\"></slot></div>\n\t</div>\n\t<span class=\"xtyle-alert__dismiss-slot\" data-dismiss></span>\n</div>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/alert/source.generated.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAC,SAAS,EAAC,wCAAwC,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,qBAAqB,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,uBAAuB,EAAC,aAAa,EAAC,wHAAwH,EAAC,cAAc,EAAC,CAAC,uBAAuB,CAAC,EAAC,OAAO,EAAC,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,EAAC,OAAO,EAAC,EAAC,iBAAiB,EAAC,CAAC,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,gBAAgB,EAAC,QAAQ,EAAC,YAAY,EAAC,UAAU,EAAC,CAAC,EAAC,UAAU,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,gBAAgB,EAAC,EAAC,EAAC,UAAU,EAAC,cAAc,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,mBAAmB,EAAC,CAAC,EAAC,MAAM,EAAC,EAAC,QAAQ,EAAC,CAAC,WAAW,EAAC,cAAc,EAAC,gBAAgB,EAAC,cAAc,EAAC,QAAQ,EAAC,WAAW,EAAC,aAAa,EAAC,WAAW,EAAC,UAAU,EAAC,aAAa,EAAC,eAAe,EAAC,aAAa,EAAC,QAAQ,EAAC,WAAW,EAAC,aAAa,EAAC,WAAW,EAAC,QAAQ,EAAC,QAAQ,EAAC,eAAe,EAAC,eAAe,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AAC95B,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,i3FAAi3F,EAAC,YAAY,EAAC,uoBAAuoB,EAAC,CAAC"}

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

package/dist/elements/fragments/app-shell/source.generated.d.ts.map

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

package/dist/elements/fragments/app-shell/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-app-shell-default", "version": "0.0.1", "title": "Xtyle App Shell (default)", "description": "The built-in fill for the xtyle App Shell component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.app-shell"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.app-shell": [{ "id": "app-shell", "format": "text/html+jsml", "source": "app-shell.html", "meta": { "consumes": ["--body-bg", "--fg-0", "--font-sans", "--text-body", "--leading-normal", "--space-5", "--space-4", "--space-3", "--space-2", "--border-normal", "--border-thick", "--border-thin", "--ring", "--text-sm", "--weight-medium", "--leading-tight", "--accent", "--accent-fg", "--radius-md", "--duration-fast", "--ease-standard"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/app-shell/mod.ts\n  function escapeAttr(value) {\n    return value.replace(/&/g, \"&amp;\").replace(/</g, \"&lt;\").replace(/>/g, \"&gt;\").replace(/\"/g, \"&quot;\");\n  }\n  function skipText(b) {\n    const explicit = b.skipLinkText;\n    return explicit && explicit.length > 0 ? explicit : \"Skip to main content\";\n  }\n  function mainId(b) {\n    const explicit = b.mainId;\n    return explicit && explicit.length > 0 ? explicit : \"main\";\n  }\n  function rail(side, resizable) {\n    const resize = resizable ? \" xtyle-app__rail--resizable\" : \"\";\n    return `<div class=\"xtyle-app__rail xtyle-app__rail--${side}${resize}\"><slot name=\"${side}\"></slot></div>`;\n  }\n  function resizer(side) {\n    const label = side === \"left\" ? \"Resize left panel\" : \"Resize right panel\";\n    return `<div data-handle=\"${side}\" class=\"xtyle-app__resizer xtyle-app__resizer--${side}\" role=\"separator\" aria-orientation=\"vertical\" tabindex=\"0\" aria-label=\"${label}\"></div>`;\n  }\n  function appInner(b) {\n    const id = mainId(b);\n    const skip = b.skipLink ? `<a part=\"skip-link\" class=\"xtyle-app__skip-link\" href=\"#${escapeAttr(id)}\">${escapeAttr(skipText(b))}</a>` : \"\";\n    const handles = (b.leftResizable ? resizer(\"left\") : \"\") + (b.rightResizable ? resizer(\"right\") : \"\");\n    return skip + '<slot name=\"toolbar\"></slot><div data-body class=\"xtyle-app__body\">' + rail(\"left\", Boolean(b.leftResizable)) + `<main part=\"main\" id=\"${escapeAttr(id)}\" class=\"xtyle-main\" tabindex=\"0\"><slot></slot></main>` + rail(\"right\", Boolean(b.rightResizable)) + handles + '</div><slot name=\"statusbar\"></slot>';\n  }\n  hooks.fragment.mount(\"app-shell\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-app]\", appInner(bindings));\n    if (bindings.bodyStyle) ops.setAttr(\"[data-body]\", \"style\", bindings.bodyStyle);\n  });\n  hooks.fragment.update(\"app-shell\", (bindings, ops) => {\n    ops.setAttr(\"[data-body]\", \"style\", bindings.bodyStyle ?? \"\");\n  });\n})();\n", "app-shell.html": "<div data-root data-app part=\"app\" class=\"xtyle-app\"></div>\n" };
+//# sourceMappingURL=source.generated.js.map

package/dist/elements/fragments/app-shell/source.generated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/app-shell/source.generated.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAC,SAAS,EAAC,wCAAwC,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,EAAC,yBAAyB,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,2BAA2B,EAAC,aAAa,EAAC,+GAA+G,EAAC,cAAc,EAAC,CAAC,2BAA2B,CAAC,EAAC,OAAO,EAAC,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,EAAC,OAAO,EAAC,EAAC,qBAAqB,EAAC,CAAC,EAAC,IAAI,EAAC,WAAW,EAAC,QAAQ,EAAC,gBAAgB,EAAC,QAAQ,EAAC,gBAAgB,EAAC,MAAM,EAAC,EAAC,UAAU,EAAC,CAAC,WAAW,EAAC,QAAQ,EAAC,aAAa,EAAC,aAAa,EAAC,kBAAkB,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,iBAAiB,EAAC,gBAAgB,EAAC,eAAe,EAAC,QAAQ,EAAC,WAAW,EAAC,iBAAiB,EAAC,iBAAiB,EAAC,UAAU,EAAC,aAAa,EAAC,aAAa,EAAC,iBAAiB,EAAC,iBAAiB,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AACrzB,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,4jEAA4jE,EAAC,gBAAgB,EAAC,mEAAmE,EAAC,CAAC"}

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

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

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

package/dist/elements/fragments/avatar/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-avatar-default", "version": "0.0.1", "title": "Xtyle Avatar (default)", "description": "The built-in fill for the xtyle Avatar component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.avatar"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.avatar": [{ "id": "avatar", "format": "text/html+jsml", "source": "avatar.html" }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/avatar/mod.ts\n  function avatarPulseClass(pulse, hasStatus) {\n    if (!hasStatus || pulse == null || pulse === false) return false;\n    return pulse === \"fast\" ? \"xtyle-avatar--pulse-fast\" : \"xtyle-avatar--pulse-slow\";\n  }\n  function avatarClass(b) {\n    const tone = b.tone ?? \"neutral\";\n    const size = b.size ?? \"md\";\n    const shape = b.shape ?? \"circle\";\n    return [\n      \"xtyle-avatar\",\n      `xtyle-avatar--${tone}`,\n      size !== \"md\" && `xtyle-avatar--${size}`,\n      shape === \"square\" && \"xtyle-avatar--square\",\n      b.status && `xtyle-avatar--status-${b.status}`,\n      avatarPulseClass(b.pulse, Boolean(b.status))\n    ].filter(Boolean).join(\" \");\n  }\n  function avatarLabel(b) {\n    const alt = b.alt ?? \"\";\n    const status = b.statusLabel ?? \"\";\n    if (alt && status) return `${alt} \\u2014 ${status}`;\n    return alt || status;\n  }\n  function avatarInner(b) {\n    const src = b.src ?? null;\n    const alt = b.alt ?? \"\";\n    const image = src !== null ? `<img class=\"xtyle-avatar__image\" part=\"image\" src=\"${src}\" alt=\"${alt}\" onerror=\"this.remove()\" />` : \"\";\n    const fallback = `<span class=\"xtyle-avatar__fallback\" part=\"fallback\"><span class=\"xtyle-slot\"><slot name=\"icon\"></slot></span><span class=\"xtyle-slot\"><slot></slot></span></span>`;\n    const statusDot = b.status ? `<span class=\"xtyle-avatar__status-dot\" part=\"status-dot\" aria-hidden=\"true\"></span>` : \"\";\n    return `${image}${fallback}${statusDot}`;\n  }\n  function avatarHtml(b) {\n    const label = avatarLabel(b);\n    const naming = label ? ` role=\"img\" aria-label=\"${label}\"` : \"\";\n    return `<span part=\"avatar\" class=\"${avatarClass(b)}\"${naming}>${avatarInner(b)}</span>`;\n  }\n  hooks.fragment.mount(\"avatar\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-avatar]\", avatarHtml(bindings));\n  });\n  hooks.fragment.update(\"avatar\", (bindings, ops) => {\n    ops.setAttr('[part=\"avatar\"]', \"class\", avatarClass(bindings));\n    ops.setAttr('[part=\"avatar\"]', \"aria-label\", avatarLabel(bindings));\n    if (bindings.src != null) {\n      ops.setAttr(\".xtyle-avatar__image\", \"src\", bindings.src);\n      ops.setAttr(\".xtyle-avatar__image\", \"alt\", bindings.alt ?? \"\");\n    }\n  });\n})();\n", "avatar.html": "<span data-root data-avatar></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

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

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

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

package/dist/elements/fragments/avatar-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-avatar-group-default", "version": "0.0.1", "title": "Xtyle Avatar Group (default)", "description": "The built-in fill for the xtyle Avatar Group component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.avatar-group"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.avatar-group": [{ "id": "avatar-group", "format": "text/html+jsml", "source": "avatar-group.html", "meta": { "tokens": ["--bg-0", "--neutral-bg", "--neutral-text", "--border-thick", "--radius-full", "--space-2", "--space-3", "--space-4", "--space-6", "--space-7", "--space-8", "--font-sans", "--text-xs", "--text-sm", "--text-body", "--text-lg", "--weight-semibold", "--leading-tight"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/avatar-group/mod.ts\n  var AMP = /&/g;\n  var LT = /</g;\n  var GT = />/g;\n  var QUOT = /\"/g;\n  function esc(value) {\n    return value.replace(AMP, \"&amp;\").replace(LT, \"&lt;\").replace(GT, \"&gt;\").replace(QUOT, \"&quot;\");\n  }\n  function groupClass(b) {\n    const size = b.size === \"sm\" || b.size === \"lg\" || b.size === \"xl\" ? b.size : \"md\";\n    const spacing = b.spacing === \"snug\" || b.spacing === \"loose\" ? b.spacing : \"normal\";\n    return [\n      \"xtyle-avatar-group\",\n      size !== \"md\" && `xtyle-avatar-group--${size}`,\n      spacing !== \"normal\" && `xtyle-avatar-group--${spacing}`\n    ].filter(Boolean).join(\" \");\n  }\n  function overflowMarkup(b) {\n    const n = Math.trunc(Number(b.overflow));\n    if (!Number.isFinite(n) || n <= 0) return \"\";\n    return `<span class=\"xtyle-avatar-group__overflow\" part=\"overflow\" role=\"img\" aria-label=\"${esc(`${n} more`)}\">+${n}</span>`;\n  }\n  function groupHtml(b) {\n    const label = b.label ? ` aria-label=\"${esc(b.label)}\"` : \"\";\n    return `<div part=\"group\" class=\"${groupClass(b)}\" role=\"group\"${label}><slot></slot>${overflowMarkup(b)}</div>`;\n  }\n  hooks.fragment.mount(\"avatar-group\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-avatar-group]\", groupHtml(bindings));\n  });\n  hooks.fragment.update(\"avatar-group\", (bindings, ops) => {\n    ops.setAttr('[part=\"group\"]', \"class\", groupClass(bindings));\n  });\n})();\n", "avatar-group.html": "<span data-root data-avatar-group></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/avatar-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,4BAA4B,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,8BAA8B,EAAC,aAAa,EAAC,kHAAkH,EAAC,cAAc,EAAC,CAAC,8BAA8B,CAAC,EAAC,OAAO,EAAC,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,EAAC,EAAC,OAAO,EAAC,EAAC,wBAAwB,EAAC,CAAC,EAAC,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAC,gBAAgB,EAAC,QAAQ,EAAC,mBAAmB,EAAC,MAAM,EAAC,EAAC,QAAQ,EAAC,CAAC,QAAQ,EAAC,cAAc,EAAC,gBAAgB,EAAC,gBAAgB,EAAC,eAAe,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,WAAW,EAAC,aAAa,EAAC,WAAW,EAAC,WAAW,EAAC,aAAa,EAAC,WAAW,EAAC,mBAAmB,EAAC,iBAAiB,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AACrxB,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,kgDAAkgD,EAAC,mBAAmB,EAAC,6CAA6C,EAAC,CAAC"}

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

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

package/dist/elements/fragments/badge/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-badge-default", "version": "0.0.1", "title": "Xtyle Badge (default)", "description": "The built-in fill for the xtyle Badge component: the mod-zero markup every app inherits and may override.", "capabilities": ["xtyle.component.badge"], "entry": { "script": "mod.js", "format": "script" }, "fills": { "component.badge": [{ "id": "badge", "format": "text/html+jsml", "source": "badge.html", "meta": { "tokens": ["--neutral-bg", "--neutral-text", "--state-hover", "--state-press", "--ring"] } }] } };
+export const fragmentSources = { "mod.js": "\"use strict\";\n(() => {\n  // packages/xtyle/src/elements/fragments/badge/mod.ts\n  var STATUS_WORD = {\n    success: \"Success\",\n    warn: \"Warning\",\n    danger: \"Danger\",\n    info: \"Info\"\n  };\n  var REMOVE_ICON = `<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" d=\"M6 6l12 12M18 6L6 18\" /></svg>`;\n  function badgeClass(b) {\n    const variant = b.variant ?? \"soft\";\n    const tone = b.tone ?? \"neutral\";\n    const size = b.size ?? \"md\";\n    const pulse = b.pulse === \"fast\" || b.pulse === \"slow\" ? b.pulse : null;\n    return [\n      \"xtyle-badge\",\n      `xtyle-badge--${variant}`,\n      `xtyle-badge--${tone}`,\n      size !== \"md\" && `xtyle-badge--${size}`,\n      pulse && b.dot && `xtyle-badge--pulse-${pulse}`\n    ].filter(Boolean).join(\" \");\n  }\n  function badgeHtml(b) {\n    const tone = b.tone ?? \"neutral\";\n    const statusWord = STATUS_WORD[tone];\n    const srTone = statusWord ? `<span class=\"xtyle-badge__sr-only\" part=\"status-word\">${statusWord}:</span>` : \"\";\n    const dot = b.dot ? `<span class=\"xtyle-badge__dot\" part=\"dot\" aria-hidden=\"true\"></span>` : \"\";\n    const countValue = b.count === null || b.count === void 0 ? null : String(b.count);\n    const hasCount = countValue !== null && countValue !== \"\" && countValue !== \"undefined\";\n    const count = hasCount ? `<span class=\"xtyle-badge__count\" part=\"count\">${countValue}</span>` : \"\";\n    const removeLabel = b.removeLabel ?? \"Remove\";\n    const remove = b.removable ? `<button type=\"button\" class=\"xtyle-badge__remove\" part=\"remove\" aria-label=\"${removeLabel}\">${REMOVE_ICON}</button>` : \"\";\n    return `<span part=\"badge\" class=\"${badgeClass(b)}\">${srTone}${dot}<span class=\"xtyle-badge__label\" part=\"label\" data-slot><slot></slot></span>${count}${remove}</span>`;\n  }\n  hooks.fragment.mount(\"badge\", (bindings, ops) => {\n    ops.replaceChildren(\"[data-badge]\", badgeHtml(bindings));\n  });\n  hooks.fragment.update(\"badge\", (bindings, ops) => {\n    ops.setAttr('[part=\"badge\"]', \"class\", badgeClass(bindings));\n    ops.setAttr(\".xtyle-badge__remove\", \"aria-label\", bindings.removeLabel ?? \"Remove\");\n  });\n})();\n", "badge.html": "<span data-root data-badge></span>\n" };
+//# sourceMappingURL=source.generated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"source.generated.js","sourceRoot":"","sources":["../../../../src/elements/fragments/badge/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,cAAc,EAAC,gBAAgB,EAAC,eAAe,EAAC,eAAe,EAAC,QAAQ,CAAC,EAAC,EAAC,CAAC,EAAC,EAAC,CAAC;AACrjB,MAAM,CAAC,MAAM,eAAe,GAA2B,EAAC,QAAQ,EAAC,mwEAAmwE,EAAC,YAAY,EAAC,sCAAsC,EAAC,CAAC"}

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

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