@planningcenter/tapestry 3.6.1-qa-1035.0 → 3.7.0

package/dist/unstable.d.ts

@@ -1,5 +1,4 @@
 export { Banner } from "./components/Banner/Banner";
-export * from "./components/flex";
 export * from "./index";
 export { type ReactNativeTokens, reactNativeTokens, } from "@planningcenter/tapestry-tokens/react-native-tokens";
 //# sourceMappingURL=unstable.d.ts.map

package/dist/unstable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unstable.d.ts","sourceRoot":"","sources":["../src/unstable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACnD,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,OAAO,EACL,KAAK,iBAAiB,EACtB,iBAAiB,GAClB,MAAM,qDAAqD,CAAA"}
+{"version":3,"file":"unstable.d.ts","sourceRoot":"","sources":["../src/unstable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACnD,cAAc,SAAS,CAAA;AACvB,OAAO,EACL,KAAK,iBAAiB,EACtB,iBAAiB,GAClB,MAAM,qDAAqD,CAAA"}

package/dist/unstable.js

@@ -1,5 +1,4 @@
 export { Banner } from './components/Banner/Banner.js';
-export { Flex } from './components/flex/Flex.js';
 import './components/page-header/index.js';
 import './components/sidenav/index.js';
 import './components/checkbox/tds-indeterminate.js';
@@ -15,6 +14,7 @@ export { ComboBox, ComboBoxItem, ComboBoxSection } from './components/combo-box/
 export { DatePicker } from './components/date-picker/DatePicker.js';
 export { Dropdown, DropdownAction, DropdownLink, DropdownMenu, DropdownSection, DropdownSeparator, DropdownTrigger } from './components/dropdown/Dropdown.js';
 export { Field } from './components/field/Field.js';
+export { Flex } from './components/flex/Flex.js';
 export { Input } from './components/input/Input.js';
 export { IconLink } from './components/link/IconLink.js';
 export { Link } from './components/link/Link.js';

package/dist/utilities/containerQuery.d.ts

@@ -0,0 +1,80 @@
+/**
+ * Container-query support for layout primitives.
+ *
+ * Parses container-query condition strings, builds the CSS rule bodies, and
+ * hashes them for deduplication.
+ *
+ * Only `inline-size` comparisons are accepted. Named containers are supported:
+ *
+ *   "(inline-size > 480px)"           → unnamed container
+ *   "layout (inline-size >= 640px)"   → named container
+ */
+export type ContainerKeyParts = {
+    /** The full parenthesized condition, e.g. `(inline-size > 480px)`. */
+    condition: string;
+    containerName: string | null;
+};
+export type ParsedContainerKey = {
+    ok: true;
+    value: ContainerKeyParts;
+} | {
+    error: string;
+    ok: false;
+};
+/** Maps layout prop names to their CSS property names where the two differ. */
+export declare const PROP_TO_CSS_MAP: Record<string, string>;
+/** Props whose values resolve through a spacing token map rather than passing through verbatim. */
+export declare const SPACING_PROPS: ReadonlySet<string>;
+/**
+ * Parse a container-query key into its optional name and parenthesized
+ * condition. Examples:
+ *
+ *   "(inline-size > 480px)"          → { containerName: null,     condition: "(inline-size > 480px)" }
+ *   "layout (inline-size >= 640px)"  → { containerName: "layout", condition: "(inline-size >= 640px)" }
+ */
+export declare function parseContainerKey(key: string): ParsedContainerKey;
+export type ContainerCssRule = {
+    /** Parenthesized condition, e.g. `(inline-size > 480px)`. */
+    condition: string;
+    containerName: string | null;
+    /**
+     * CSS declaration body for this rule — no surrounding braces. Multiple
+     * declarations must be separated by `;`. Values are written verbatim, so
+     * callers must pre-resolve tokens.
+     */
+    declarations: string;
+};
+/**
+ * Build a CSS declarations string from a props object, using `PROP_TO_CSS_MAP`
+ * for property names and `SPACING_PROPS` to identify which values need
+ * spacing token lookup.
+ */
+export declare function propsToCssDeclarations(props: Record<string, unknown>, propToCssMap: Record<string, string>, spacingProps: ReadonlySet<string>, spacingMap: Record<string | number, string>): string;
+/**
+ * Build a container query entry — the scope class, CSS, and hash — for a given
+ * container map, or `null` if nothing valid was found.
+ */
+export declare function buildContainerEntry(container: Record<string, object>, propToCssMap: Record<string, string>, spacingProps: ReadonlySet<string>, spacingMap: Record<string | number, string>, onWarn?: (message: string) => void): {
+    containerClass: string;
+    css: string;
+    hash: string;
+} | null;
+/**
+ * Build a minified CSS string of one `@container` rule per entry, all
+ * selecting the provided scope class. Output is deterministic given identical
+ * input — same rule order, no whitespace variation — so the same input always
+ * produces the same string.
+ */
+export declare function buildContainerCss(args: {
+    containerClass: string;
+    rules: ContainerCssRule[];
+}): string;
+/**
+ * Stable 32-bit string hash (djb2-xor variant) rendered in base-36.
+ *
+ * Called on a fingerprint derived from the rules — not the final CSS — so
+ * the scope class can be computed before `buildContainerCss` runs. Base-36
+ * keeps class names shorter than hex for the same bit width.
+ */
+export declare function hashCss(input: string): string;
+//# sourceMappingURL=containerQuery.d.ts.map

package/dist/utilities/containerQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"containerQuery.d.ts","sourceRoot":"","sources":["../../src/utilities/containerQuery.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,sEAAsE;IACtE,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAC1B;IAAE,EAAE,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,iBAAiB,CAAA;CAAE,GACtC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,KAAK,CAAA;CAAE,CAAA;AAEhC,+EAA+E;AAC/E,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAalD,CAAA;AAED,mGAAmG;AACnG,eAAO,MAAM,aAAa,EAAE,WAAW,CAAC,MAAM,CAO5C,CAAA;AAKF;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,kBAAkB,CA2CjE;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,6DAA6D;IAC7D,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B;;;;OAIG;IACH,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACpC,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,EACjC,UAAU,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,GAC1C,MAAM,CAoBR;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACjC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACpC,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,EACjC,UAAU,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,EAC3C,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,GACjC;IAAE,cAAc,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAmC9D;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE;IACtC,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,EAAE,gBAAgB,EAAE,CAAA;CAC1B,GAAG,MAAM,CAWT;AAED;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAM7C"}

package/dist/utilities/containerQuery.js

@@ -0,0 +1,180 @@
+/**
+ * Container-query support for layout primitives.
+ *
+ * Parses container-query condition strings, builds the CSS rule bodies, and
+ * hashes them for deduplication.
+ *
+ * Only `inline-size` comparisons are accepted. Named containers are supported:
+ *
+ *   "(inline-size > 480px)"           → unnamed container
+ *   "layout (inline-size >= 640px)"   → named container
+ */
+/** Maps layout prop names to their CSS property names where the two differ. */
+const PROP_TO_CSS_MAP = {
+    align: "align-items",
+    alignSelf: "align-self",
+    basis: "flex-basis",
+    columnGap: "column-gap",
+    direction: "flex-direction",
+    grow: "flex-grow",
+    justify: "justify-content",
+    paddingBlock: "padding-block",
+    paddingInline: "padding-inline",
+    rowGap: "row-gap",
+    shrink: "flex-shrink",
+    wrap: "flex-wrap",
+};
+/** Props whose values resolve through a spacing token map rather than passing through verbatim. */
+const SPACING_PROPS = new Set([
+    "columnGap",
+    "gap",
+    "padding",
+    "paddingBlock",
+    "paddingInline",
+    "rowGap",
+]);
+const NAME_PATTERN = /^[A-Za-z_][\w-]*$/;
+const INNER_CONDITION_PATTERN = /^inline-size\s*(?:<=|>=|<|>)\s*\S+$/;
+/**
+ * Parse a container-query key into its optional name and parenthesized
+ * condition. Examples:
+ *
+ *   "(inline-size > 480px)"          → { containerName: null,     condition: "(inline-size > 480px)" }
+ *   "layout (inline-size >= 640px)"  → { containerName: "layout", condition: "(inline-size >= 640px)" }
+ */
+function parseContainerKey(key) {
+    const trimmed = key.trim();
+    if (trimmed.length === 0) {
+        return { error: "empty key", ok: false };
+    }
+    const lparen = trimmed.indexOf("(");
+    if (lparen === -1) {
+        return { error: `missing '(' in "${key}"`, ok: false };
+    }
+    const namePart = trimmed.slice(0, lparen).trim();
+    const conditionPart = trimmed.slice(lparen);
+    if (!conditionPart.startsWith("(") ||
+        !conditionPart.endsWith(")") ||
+        conditionPart.indexOf("(", 1) !== -1 ||
+        conditionPart.indexOf(")") !== conditionPart.length - 1) {
+        return {
+            error: `expected a single balanced "(...)" in "${key}"`,
+            ok: false,
+        };
+    }
+    const inner = conditionPart.slice(1, -1).trim();
+    if (!INNER_CONDITION_PATTERN.test(inner)) {
+        return {
+            error: `unsupported condition "${inner}" — only "inline-size <op> <value>" is allowed`,
+            ok: false,
+        };
+    }
+    let containerName = null;
+    if (namePart.length > 0) {
+        if (!NAME_PATTERN.test(namePart)) {
+            return { error: `invalid container name "${namePart}"`, ok: false };
+        }
+        containerName = namePart;
+    }
+    return { ok: true, value: { condition: conditionPart, containerName } };
+}
+/**
+ * Build a CSS declarations string from a props object, using `PROP_TO_CSS_MAP`
+ * for property names and `SPACING_PROPS` to identify which values need
+ * spacing token lookup.
+ */
+function propsToCssDeclarations(props, propToCssMap, spacingProps, spacingMap) {
+    let out = "";
+    for (const [prop, cssProperty] of Object.entries(propToCssMap)) {
+        const value = props[prop];
+        if (value === undefined)
+            continue;
+        if (spacingProps.has(prop)) {
+            const token = spacingMap[value];
+            if (token !== undefined)
+                out += `${cssProperty}:${token};`;
+        }
+        else {
+            out += `${cssProperty}:${value};`;
+        }
+    }
+    for (const prop of spacingProps) {
+        if (prop in propToCssMap)
+            continue;
+        const value = props[prop];
+        if (value === undefined)
+            continue;
+        const token = spacingMap[value];
+        if (token !== undefined)
+            out += `${prop}:${token};`;
+    }
+    return out;
+}
+/**
+ * Build a container query entry — the scope class, CSS, and hash — for a given
+ * container map, or `null` if nothing valid was found.
+ */
+function buildContainerEntry(container, propToCssMap, spacingProps, spacingMap, onWarn) {
+    const rules = [];
+    for (const [key, props] of Object.entries(container)) {
+        const parsed = parseContainerKey(key);
+        if (!parsed.ok) {
+            onWarn?.(`ignoring container query — ${parsed.error}`);
+            continue;
+        }
+        const declarations = propsToCssDeclarations(props, propToCssMap, spacingProps, spacingMap);
+        if (declarations === "")
+            continue;
+        rules.push({
+            condition: parsed.value.condition,
+            containerName: parsed.value.containerName,
+            declarations,
+        });
+    }
+    if (rules.length === 0)
+        return null;
+    const fingerprint = rules
+        .map((r) => `${r.containerName ?? ""}|${r.condition}|${r.declarations}`)
+        .join(";");
+    const hash = hashCss(fingerprint);
+    const containerClass = `tds--cq-${hash}`;
+    return {
+        containerClass,
+        css: buildContainerCss({ containerClass, rules }),
+        hash,
+    };
+}
+/**
+ * Build a minified CSS string of one `@container` rule per entry, all
+ * selecting the provided scope class. Output is deterministic given identical
+ * input — same rule order, no whitespace variation — so the same input always
+ * produces the same string.
+ */
+function buildContainerCss(args) {
+    const { rules, containerClass } = args;
+    return rules
+        .map((rule) => {
+        const at = rule.containerName === null
+            ? `@container ${rule.condition}`
+            : `@container ${rule.containerName} ${rule.condition}`;
+        return `.${containerClass}{${at}{${rule.declarations}}}`;
+    })
+        .join("");
+}
+/**
+ * Stable 32-bit string hash (djb2-xor variant) rendered in base-36.
+ *
+ * Called on a fingerprint derived from the rules — not the final CSS — so
+ * the scope class can be computed before `buildContainerCss` runs. Base-36
+ * keeps class names shorter than hex for the same bit width.
+ */
+function hashCss(input) {
+    let h = 5381;
+    for (let i = 0; i < input.length; i++) {
+        h = (((h << 5) + h) ^ input.charCodeAt(i)) >>> 0;
+    }
+    return h.toString(36);
+}
+
+export { PROP_TO_CSS_MAP, SPACING_PROPS, buildContainerCss, buildContainerEntry, hashCss, parseContainerKey, propsToCssDeclarations };
+//# sourceMappingURL=containerQuery.js.map

package/dist/utilities/containerQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"containerQuery.js","sources":["../../src/utilities/containerQuery.ts"],"sourcesContent":["/**\n * Container-query support for layout primitives.\n *\n * Parses container-query condition strings, builds the CSS rule bodies, and\n * hashes them for deduplication.\n *\n * Only `inline-size` comparisons are accepted. Named containers are supported:\n *\n *   \"(inline-size > 480px)\"           → unnamed container\n *   \"layout (inline-size >= 640px)\"   → named container\n */\n\nexport type ContainerKeyParts = {\n  /** The full parenthesized condition, e.g. `(inline-size > 480px)`. */\n  condition: string\n  containerName: string | null\n}\n\nexport type ParsedContainerKey =\n  | { ok: true; value: ContainerKeyParts }\n  | { error: string; ok: false }\n\n/** Maps layout prop names to their CSS property names where the two differ. */\nexport const PROP_TO_CSS_MAP: Record<string, string> = {\n  align: \"align-items\",\n  alignSelf: \"align-self\",\n  basis: \"flex-basis\",\n  columnGap: \"column-gap\",\n  direction: \"flex-direction\",\n  grow: \"flex-grow\",\n  justify: \"justify-content\",\n  paddingBlock: \"padding-block\",\n  paddingInline: \"padding-inline\",\n  rowGap: \"row-gap\",\n  shrink: \"flex-shrink\",\n  wrap: \"flex-wrap\",\n}\n\n/** Props whose values resolve through a spacing token map rather than passing through verbatim. */\nexport const SPACING_PROPS: ReadonlySet<string> = new Set([\n  \"columnGap\",\n  \"gap\",\n  \"padding\",\n  \"paddingBlock\",\n  \"paddingInline\",\n  \"rowGap\",\n])\n\nconst NAME_PATTERN = /^[A-Za-z_][\\w-]*$/\nconst INNER_CONDITION_PATTERN = /^inline-size\\s*(?:<=|>=|<|>)\\s*\\S+$/\n\n/**\n * Parse a container-query key into its optional name and parenthesized\n * condition. Examples:\n *\n *   \"(inline-size > 480px)\"          → { containerName: null,     condition: \"(inline-size > 480px)\" }\n *   \"layout (inline-size >= 640px)\"  → { containerName: \"layout\", condition: \"(inline-size >= 640px)\" }\n */\nexport function parseContainerKey(key: string): ParsedContainerKey {\n  const trimmed = key.trim()\n  if (trimmed.length === 0) {\n    return { error: \"empty key\", ok: false }\n  }\n\n  const lparen = trimmed.indexOf(\"(\")\n  if (lparen === -1) {\n    return { error: `missing '(' in \"${key}\"`, ok: false }\n  }\n\n  const namePart = trimmed.slice(0, lparen).trim()\n  const conditionPart = trimmed.slice(lparen)\n\n  if (\n    !conditionPart.startsWith(\"(\") ||\n    !conditionPart.endsWith(\")\") ||\n    conditionPart.indexOf(\"(\", 1) !== -1 ||\n    conditionPart.indexOf(\")\") !== conditionPart.length - 1\n  ) {\n    return {\n      error: `expected a single balanced \"(...)\" in \"${key}\"`,\n      ok: false,\n    }\n  }\n\n  const inner = conditionPart.slice(1, -1).trim()\n  if (!INNER_CONDITION_PATTERN.test(inner)) {\n    return {\n      error: `unsupported condition \"${inner}\" — only \"inline-size <op> <value>\" is allowed`,\n      ok: false,\n    }\n  }\n\n  let containerName: string | null = null\n  if (namePart.length > 0) {\n    if (!NAME_PATTERN.test(namePart)) {\n      return { error: `invalid container name \"${namePart}\"`, ok: false }\n    }\n    containerName = namePart\n  }\n\n  return { ok: true, value: { condition: conditionPart, containerName } }\n}\n\nexport type ContainerCssRule = {\n  /** Parenthesized condition, e.g. `(inline-size > 480px)`. */\n  condition: string\n  containerName: string | null\n  /**\n   * CSS declaration body for this rule — no surrounding braces. Multiple\n   * declarations must be separated by `;`. Values are written verbatim, so\n   * callers must pre-resolve tokens.\n   */\n  declarations: string\n}\n\n/**\n * Build a CSS declarations string from a props object, using `PROP_TO_CSS_MAP`\n * for property names and `SPACING_PROPS` to identify which values need\n * spacing token lookup.\n */\nexport function propsToCssDeclarations(\n  props: Record<string, unknown>,\n  propToCssMap: Record<string, string>,\n  spacingProps: ReadonlySet<string>,\n  spacingMap: Record<string | number, string>\n): string {\n  let out = \"\"\n  for (const [prop, cssProperty] of Object.entries(propToCssMap)) {\n    const value = props[prop]\n    if (value === undefined) continue\n    if (spacingProps.has(prop)) {\n      const token = spacingMap[value as string | number]\n      if (token !== undefined) out += `${cssProperty}:${token};`\n    } else {\n      out += `${cssProperty}:${value};`\n    }\n  }\n  for (const prop of spacingProps) {\n    if (prop in propToCssMap) continue\n    const value = props[prop]\n    if (value === undefined) continue\n    const token = spacingMap[value as string | number]\n    if (token !== undefined) out += `${prop}:${token};`\n  }\n  return out\n}\n\n/**\n * Build a container query entry — the scope class, CSS, and hash — for a given\n * container map, or `null` if nothing valid was found.\n */\nexport function buildContainerEntry(\n  container: Record<string, object>,\n  propToCssMap: Record<string, string>,\n  spacingProps: ReadonlySet<string>,\n  spacingMap: Record<string | number, string>,\n  onWarn?: (message: string) => void\n): { containerClass: string; css: string; hash: string } | null {\n  const rules: ContainerCssRule[] = []\n\n  for (const [key, props] of Object.entries(container)) {\n    const parsed = parseContainerKey(key)\n    if (!parsed.ok) {\n      onWarn?.(`ignoring container query — ${parsed.error}`)\n      continue\n    }\n    const declarations = propsToCssDeclarations(\n      props as Record<string, unknown>,\n      propToCssMap,\n      spacingProps,\n      spacingMap\n    )\n    if (declarations === \"\") continue\n    rules.push({\n      condition: parsed.value.condition,\n      containerName: parsed.value.containerName,\n      declarations,\n    })\n  }\n\n  if (rules.length === 0) return null\n\n  const fingerprint = rules\n    .map((r) => `${r.containerName ?? \"\"}|${r.condition}|${r.declarations}`)\n    .join(\";\")\n  const hash = hashCss(fingerprint)\n  const containerClass = `tds--cq-${hash}`\n  return {\n    containerClass,\n    css: buildContainerCss({ containerClass, rules }),\n    hash,\n  }\n}\n\n/**\n * Build a minified CSS string of one `@container` rule per entry, all\n * selecting the provided scope class. Output is deterministic given identical\n * input — same rule order, no whitespace variation — so the same input always\n * produces the same string.\n */\nexport function buildContainerCss(args: {\n  containerClass: string\n  rules: ContainerCssRule[]\n}): string {\n  const { rules, containerClass } = args\n  return rules\n    .map((rule) => {\n      const at =\n        rule.containerName === null\n          ? `@container ${rule.condition}`\n          : `@container ${rule.containerName} ${rule.condition}`\n      return `.${containerClass}{${at}{${rule.declarations}}}`\n    })\n    .join(\"\")\n}\n\n/**\n * Stable 32-bit string hash (djb2-xor variant) rendered in base-36.\n *\n * Called on a fingerprint derived from the rules — not the final CSS — so\n * the scope class can be computed before `buildContainerCss` runs. Base-36\n * keeps class names shorter than hex for the same bit width.\n */\nexport function hashCss(input: string): string {\n  let h = 5381\n  for (let i = 0; i < input.length; i++) {\n    h = (((h << 5) + h) ^ input.charCodeAt(i)) >>> 0\n  }\n  return h.toString(36)\n}\n"],"names":[],"mappings":"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"}

package/dist/utilities/cssRegistry.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Tiny registry for runtime-injected CSS.
+ *
+ * Used by layout primitives that emit container-query rules. Rather than
+ * render an inline `<style>` per component instance, `registerStyle` appends
+ * a single stylesheet to the document per unique content hash and
+ * short-circuits on subsequent calls.
+ *
+ * Primary path: Constructable Stylesheets (`new CSSStyleSheet()` +
+ * `document.adoptedStyleSheets`) — no DOM nodes, single parse, Shadow DOM
+ * compatible. Falls back to `<style>` elements in environments that don't
+ * support Constructable Stylesheets (e.g. jsdom).
+ *
+ * No-ops on the server (`typeof document === "undefined"`).
+ */
+export declare function registerStyle(hash: string, css: string): void;
+export declare function unregisterStyle(hash: string): void;
+/** For test isolation only — clears the internal sheet registry. */
+export declare function _resetForTest(): void;
+//# sourceMappingURL=cssRegistry.d.ts.map

package/dist/utilities/cssRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssRegistry.d.ts","sourceRoot":"","sources":["../../src/utilities/cssRegistry.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAKH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CA0B7D;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAkBlD;AAED,oEAAoE;AACpE,wBAAgB,aAAa,IAAI,IAAI,CAGpC"}

package/dist/utilities/cssRegistry.js

@@ -0,0 +1,65 @@
+/**
+ * Tiny registry for runtime-injected CSS.
+ *
+ * Used by layout primitives that emit container-query rules. Rather than
+ * render an inline `<style>` per component instance, `registerStyle` appends
+ * a single stylesheet to the document per unique content hash and
+ * short-circuits on subsequent calls.
+ *
+ * Primary path: Constructable Stylesheets (`new CSSStyleSheet()` +
+ * `document.adoptedStyleSheets`) — no DOM nodes, single parse, Shadow DOM
+ * compatible. Falls back to `<style>` elements in environments that don't
+ * support Constructable Stylesheets (e.g. jsdom).
+ *
+ * No-ops on the server (`typeof document === "undefined"`).
+ */
+const sheets = new Map();
+const refCounts = new Map();
+function registerStyle(hash, css) {
+    if (typeof document === "undefined")
+        return;
+    refCounts.set(hash, (refCounts.get(hash) ?? 0) + 1);
+    if (sheets.has(hash))
+        return;
+    // Check if Constructable Stylesheets are not supported (e.g. jsdom)
+    const needsStyleElementFallback = typeof CSSStyleSheet === "undefined" ||
+        !("replaceSync" in CSSStyleSheet.prototype);
+    if (needsStyleElementFallback) {
+        const id = `tds--cq-${hash}`;
+        if (document.getElementById(id) !== null)
+            return;
+        const el = document.createElement("style");
+        el.id = id;
+        el.textContent = css;
+        document.head.appendChild(el);
+        return;
+    }
+    const sheet = new CSSStyleSheet();
+    sheet.replaceSync(css);
+    sheets.set(hash, sheet);
+    document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
+}
+function unregisterStyle(hash) {
+    if (typeof document === "undefined")
+        return;
+    const count = refCounts.get(hash);
+    if (count === undefined)
+        return;
+    if (count <= 1) {
+        refCounts.delete(hash);
+        const sheet = sheets.get(hash);
+        if (sheet) {
+            document.adoptedStyleSheets = document.adoptedStyleSheets.filter((s) => s !== sheet);
+            sheets.delete(hash);
+        }
+        else {
+            document.getElementById(`tds--cq-${hash}`)?.remove();
+        }
+    }
+    else {
+        refCounts.set(hash, count - 1);
+    }
+}
+
+export { registerStyle, unregisterStyle };
+//# sourceMappingURL=cssRegistry.js.map

package/dist/utilities/cssRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssRegistry.js","sources":["../../src/utilities/cssRegistry.ts"],"sourcesContent":["/**\n * Tiny registry for runtime-injected CSS.\n *\n * Used by layout primitives that emit container-query rules. Rather than\n * render an inline `<style>` per component instance, `registerStyle` appends\n * a single stylesheet to the document per unique content hash and\n * short-circuits on subsequent calls.\n *\n * Primary path: Constructable Stylesheets (`new CSSStyleSheet()` +\n * `document.adoptedStyleSheets`) — no DOM nodes, single parse, Shadow DOM\n * compatible. Falls back to `<style>` elements in environments that don't\n * support Constructable Stylesheets (e.g. jsdom).\n *\n * No-ops on the server (`typeof document === \"undefined\"`).\n */\n\nconst sheets = new Map<string, CSSStyleSheet>()\nconst refCounts = new Map<string, number>()\n\nexport function registerStyle(hash: string, css: string): void {\n  if (typeof document === \"undefined\") return\n\n  refCounts.set(hash, (refCounts.get(hash) ?? 0) + 1)\n\n  if (sheets.has(hash)) return\n\n  // Check if Constructable Stylesheets are not supported (e.g. jsdom)\n  const needsStyleElementFallback =\n    typeof CSSStyleSheet === \"undefined\" ||\n    !(\"replaceSync\" in CSSStyleSheet.prototype)\n\n  if (needsStyleElementFallback) {\n    const id = `tds--cq-${hash}`\n    if (document.getElementById(id) !== null) return\n    const el = document.createElement(\"style\")\n    el.id = id\n    el.textContent = css\n    document.head.appendChild(el)\n    return\n  }\n\n  const sheet = new CSSStyleSheet()\n  sheet.replaceSync(css)\n  sheets.set(hash, sheet)\n  document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet]\n}\n\nexport function unregisterStyle(hash: string): void {\n  if (typeof document === \"undefined\") return\n  const count = refCounts.get(hash)\n  if (count === undefined) return\n  if (count <= 1) {\n    refCounts.delete(hash)\n    const sheet = sheets.get(hash)\n    if (sheet) {\n      document.adoptedStyleSheets = document.adoptedStyleSheets.filter(\n        (s) => s !== sheet\n      )\n      sheets.delete(hash)\n    } else {\n      document.getElementById(`tds--cq-${hash}`)?.remove()\n    }\n  } else {\n    refCounts.set(hash, count - 1)\n  }\n}\n\n/** For test isolation only — clears the internal sheet registry. */\nexport function _resetForTest(): void {\n  sheets.clear()\n  refCounts.clear()\n}\n"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;AAcG;AAEH,MAAM,MAAM,GAAG,IAAI,GAAG,EAAyB;AAC/C,MAAM,SAAS,GAAG,IAAI,GAAG,EAAkB;AAErC,SAAU,aAAa,CAAC,IAAY,EAAE,GAAW,EAAA;IACrD,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE;AAErC,IAAA,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEnD,IAAA,IAAI,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;QAAE;;AAGtB,IAAA,MAAM,yBAAyB,GAC7B,OAAO,aAAa,KAAK,WAAW;AACpC,QAAA,EAAE,aAAa,IAAI,aAAa,CAAC,SAAS,CAAC;IAE7C,IAAI,yBAAyB,EAAE;AAC7B,QAAA,MAAM,EAAE,GAAG,CAAA,QAAA,EAAW,IAAI,EAAE;AAC5B,QAAA,IAAI,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,KAAK,IAAI;YAAE;QAC1C,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC1C,QAAA,EAAE,CAAC,EAAE,GAAG,EAAE;AACV,QAAA,EAAE,CAAC,WAAW,GAAG,GAAG;AACpB,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC;QAC7B;IACF;AAEA,IAAA,MAAM,KAAK,GAAG,IAAI,aAAa,EAAE;AACjC,IAAA,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC;AACtB,IAAA,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC;IACvB,QAAQ,CAAC,kBAAkB,GAAG,CAAC,GAAG,QAAQ,CAAC,kBAAkB,EAAE,KAAK,CAAC;AACvE;AAEM,SAAU,eAAe,CAAC,IAAY,EAAA;IAC1C,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE;IACrC,MAAM,KAAK,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC;IACjC,IAAI,KAAK,KAAK,SAAS;QAAE;AACzB,IAAA,IAAI,KAAK,IAAI,CAAC,EAAE;AACd,QAAA,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC;QACtB,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC;QAC9B,IAAI,KAAK,EAAE;AACT,YAAA,QAAQ,CAAC,kBAAkB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,MAAM,CAC9D,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,CACnB;AACD,YAAA,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC;QACrB;aAAO;YACL,QAAQ,CAAC,cAAc,CAAC,CAAA,QAAA,EAAW,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE;QACtD;IACF;SAAO;QACL,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC;IAChC;AACF;;;;"}

package/dist/utilities/spacingTokens.d.ts

@@ -1,2 +1,15 @@
-export type Spacing = 0 | 0.25 | 0.5 | 1 | 1.5 | 2 | 3 | 4 | 5 | 6 | 7;
+export declare const SPACING_MAP: {
+    readonly 0: "0";
+    readonly 0.25: "var(--t-spacing-fourth)";
+    readonly 0.5: "var(--t-spacing-half)";
+    readonly 1: "var(--t-spacing-1)";
+    readonly 1.5: "var(--t-spacing-1-half)";
+    readonly 2: "var(--t-spacing-2)";
+    readonly 3: "var(--t-spacing-3)";
+    readonly 4: "var(--t-spacing-4)";
+    readonly 5: "var(--t-spacing-5)";
+    readonly 6: "var(--t-spacing-6)";
+    readonly 7: "var(--t-spacing-7)";
+};
+export type Spacing = keyof typeof SPACING_MAP;
 //# sourceMappingURL=spacingTokens.d.ts.map

package/dist/utilities/spacingTokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spacingTokens.d.ts","sourceRoot":"","sources":["../../src/utilities/spacingTokens.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,CAAC,GAAG,IAAI,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA"}
+{"version":3,"file":"spacingTokens.d.ts","sourceRoot":"","sources":["../../src/utilities/spacingTokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;CAcd,CAAA;AAEV,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,WAAW,CAAA"}

package/dist/utilities/spacingTokens.js

@@ -0,0 +1,18 @@
+const SPACING_MAP = {
+    0: "0",
+    /* eslint-disable sort-keys-fix/sort-keys-fix */
+    0.25: "var(--t-spacing-fourth)",
+    0.5: "var(--t-spacing-half)",
+    /* eslint-enable sort-keys-fix/sort-keys-fix */
+    1: "var(--t-spacing-1)",
+    1.5: "var(--t-spacing-1-half)",
+    2: "var(--t-spacing-2)",
+    3: "var(--t-spacing-3)",
+    4: "var(--t-spacing-4)",
+    5: "var(--t-spacing-5)",
+    6: "var(--t-spacing-6)",
+    7: "var(--t-spacing-7)",
+};
+
+export { SPACING_MAP };
+//# sourceMappingURL=spacingTokens.js.map

package/dist/utilities/spacingTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacingTokens.js","sources":["../../src/utilities/spacingTokens.ts"],"sourcesContent":["export const SPACING_MAP = {\n  0: \"0\",\n  /* eslint-disable sort-keys-fix/sort-keys-fix */\n  0.25: \"var(--t-spacing-fourth)\",\n  0.5: \"var(--t-spacing-half)\",\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n  1: \"var(--t-spacing-1)\",\n  1.5: \"var(--t-spacing-1-half)\",\n  2: \"var(--t-spacing-2)\",\n  3: \"var(--t-spacing-3)\",\n  4: \"var(--t-spacing-4)\",\n  5: \"var(--t-spacing-5)\",\n  6: \"var(--t-spacing-6)\",\n  7: \"var(--t-spacing-7)\",\n} as const\n\nexport type Spacing = keyof typeof SPACING_MAP\n"],"names":[],"mappings":"AAAO,MAAM,WAAW,GAAG;AACzB,IAAA,CAAC,EAAE,GAAG;;AAEN,IAAA,IAAI,EAAE,yBAAyB;AAC/B,IAAA,GAAG,EAAE,uBAAuB;;AAE5B,IAAA,CAAC,EAAE,oBAAoB;AACvB,IAAA,GAAG,EAAE,yBAAyB;AAC9B,IAAA,CAAC,EAAE,oBAAoB;AACvB,IAAA,CAAC,EAAE,oBAAoB;AACvB,IAAA,CAAC,EAAE,oBAAoB;AACvB,IAAA,CAAC,EAAE,oBAAoB;AACvB,IAAA,CAAC,EAAE,oBAAoB;AACvB,IAAA,CAAC,EAAE,oBAAoB;;;;;"}

package/dist/utilities/typeUtils.d.ts

@@ -0,0 +1,4 @@
+export type Simplify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=typeUtils.d.ts.map

package/dist/utilities/typeUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeUtils.d.ts","sourceRoot":"","sources":["../../src/utilities/typeUtils.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,GAAG,EAAE,CAAA"}

package/dist/utilities/useContainerClass.d.ts

@@ -0,0 +1,2 @@
+export declare function useContainerClass(container: Record<string, object> | undefined): string | null;
+//# sourceMappingURL=useContainerClass.d.ts.map

package/dist/utilities/useContainerClass.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContainerClass.d.ts","sourceRoot":"","sources":["../../src/utilities/useContainerClass.ts"],"names":[],"mappings":"AASA,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,GAC5C,MAAM,GAAG,IAAI,CAqBf"}

package/dist/utilities/useContainerClass.js

@@ -0,0 +1,25 @@
+import { buildContainerEntry, SPACING_PROPS, PROP_TO_CSS_MAP } from './containerQuery.js';
+import { registerStyle, unregisterStyle } from './cssRegistry.js';
+import { SPACING_MAP } from './spacingTokens.js';
+import { useInsertionEffect } from './useInsertionEffect.js';
+
+function useContainerClass(container) {
+    const warnings = [];
+    const entry = container
+        ? buildContainerEntry(container, PROP_TO_CSS_MAP, SPACING_PROPS, SPACING_MAP, (msg) => warnings.push(msg))
+        : null;
+    useInsertionEffect(() => {
+        if (entry?.hash && entry?.css)
+            registerStyle(entry.hash, entry.css);
+        for (const w of warnings)
+            console.warn(w);
+        return () => {
+            if (entry?.hash && entry?.css)
+                unregisterStyle(entry.hash);
+        };
+    }, [entry?.hash, entry?.css]);
+    return entry?.containerClass ?? null;
+}
+
+export { useContainerClass };
+//# sourceMappingURL=useContainerClass.js.map

package/dist/utilities/useContainerClass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContainerClass.js","sources":["../../src/utilities/useContainerClass.ts"],"sourcesContent":["import {\n  buildContainerEntry,\n  PROP_TO_CSS_MAP,\n  SPACING_PROPS,\n} from \"@utilities/containerQuery\"\nimport { registerStyle, unregisterStyle } from \"@utilities/cssRegistry\"\nimport { SPACING_MAP } from \"@utilities/spacingTokens\"\nimport { useInsertionEffect } from \"@utilities/useInsertionEffect\"\n\nexport function useContainerClass(\n  container: Record<string, object> | undefined\n): string | null {\n  const warnings: string[] = []\n  const entry = container\n    ? buildContainerEntry(\n        container,\n        PROP_TO_CSS_MAP,\n        SPACING_PROPS,\n        SPACING_MAP,\n        (msg) => warnings.push(msg)\n      )\n    : null\n\n  useInsertionEffect(() => {\n    if (entry?.hash && entry?.css) registerStyle(entry.hash, entry.css)\n    for (const w of warnings) console.warn(w)\n    return () => {\n      if (entry?.hash && entry?.css) unregisterStyle(entry.hash)\n    }\n  }, [entry?.hash, entry?.css])\n\n  return entry?.containerClass ?? null\n}\n"],"names":[],"mappings":";;;;;AASM,SAAU,iBAAiB,CAC/B,SAA6C,EAAA;IAE7C,MAAM,QAAQ,GAAa,EAAE;IAC7B,MAAM,KAAK,GAAG;UACV,mBAAmB,CACjB,SAAS,EACT,eAAe,EACf,aAAa,EACb,WAAW,EACX,CAAC,GAAG,KAAK,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC;UAE7B,IAAI;IAER,kBAAkB,CAAC,MAAK;AACtB,QAAA,IAAI,KAAK,EAAE,IAAI,IAAI,KAAK,EAAE,GAAG;YAAE,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC;QACnE,KAAK,MAAM,CAAC,IAAI,QAAQ;AAAE,YAAA,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;AACzC,QAAA,OAAO,MAAK;AACV,YAAA,IAAI,KAAK,EAAE,IAAI,IAAI,KAAK,EAAE,GAAG;AAAE,gBAAA,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC;AAC5D,QAAA,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;AAE7B,IAAA,OAAO,KAAK,EAAE,cAAc,IAAI,IAAI;AACtC;;;;"}

package/dist/utilities/useInsertionEffect.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const useInsertionEffect: typeof React.useLayoutEffect;
+//# sourceMappingURL=useInsertionEffect.d.ts.map

package/dist/utilities/useInsertionEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInsertionEffect.d.ts","sourceRoot":"","sources":["../../src/utilities/useInsertionEffect.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,kBAAkB,EACH,OAAO,KAAK,CAAC,eAAe,CAAA"}

package/dist/utilities/useInsertionEffect.js

@@ -0,0 +1,9 @@
+import React__default from 'react';
+
+// TODO: Remove this file and import useInsertionEffect directly from "react"
+// once all codebases are off React 17
+const useInsertionEffect = (React__default.useInsertionEffect ??
+    React__default.useLayoutEffect);
+
+export { useInsertionEffect };
+//# sourceMappingURL=useInsertionEffect.js.map

package/dist/utilities/useInsertionEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInsertionEffect.js","sources":["../../src/utilities/useInsertionEffect.ts"],"sourcesContent":["// TODO: Remove this file and import useInsertionEffect directly from \"react\"\n// once all codebases are off React 17\nimport React from \"react\"\n\nexport const useInsertionEffect = (React.useInsertionEffect ??\n  React.useLayoutEffect) as typeof React.useLayoutEffect\n"],"names":["React"],"mappings":";;AAAA;AACA;AAGO,MAAM,kBAAkB,IAAIA,cAAK,CAAC,kBAAkB;IACzDA,cAAK,CAAC,eAAe;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/tapestry",
-  "version": "3.6.1-qa-1035.0",
+  "version": "3.7.0",
   "type": "module",
   "repository": {
     "type": "git",
@@ -53,7 +53,7 @@
   },
   "types": "./dist/index.d.ts",
   "devDependencies": {
-    "@planningcenter/tapestry-render": "^3.6.1-qa-1035.0",
+    "@planningcenter/tapestry-render": "^3.4.1",
     "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-typescript": "^12.3.0",
@@ -105,7 +105,7 @@
     "shadow-dom-testing-library": "^1.11.3",
     "storybook": "9.1.19",
     "style-dictionary": "^4.2.0",
-    "tapestry-wc": "^3.6.1-qa-1035.0",
+    "tapestry-wc": "^3.3.0",
     "tsc-alias": "^1.8.16",
     "tsx": "^4.20.5",
     "typescript": "^5.8.3",
@@ -115,11 +115,11 @@
   },
   "dependencies": {
     "@planningcenter/icons": "^15.29.0",
-    "@planningcenter/tapestry-tokens": "^3.6.1-qa-1035.0",
+    "@planningcenter/tapestry-tokens": "^3.4.1",
     "@radix-ui/react-slot": "^1.3.0",
     "classnames": "^2.5.1",
     "lodash": "^4.17.21",
     "react-aria-components": "^1.17.0"
   },
-  "gitHead": "2b87acce23b1df6872d7bbeadd648b117c9962c4"
+  "gitHead": "d959b05c0d33fcee1f86953c994ffdff835e3b49"
 }