@brytdesigns/web-component-core 1.1.6 → 3.0.0

package/dist/main/utils/index.d.ts

@@ -1,32 +1,249 @@
 // Generated by dts-bundle-generator v9.5.1
 
 import { BodyScrollOptions } from 'body-scroll-lock-upgrade';
-import { ComponentType as mComponentType, ICustomElement, createContext } from 'component-register';
-import { Accessor } from 'solid-js';
+import { ComponentType as ComponentRegisterComponentType, ICustomElement, createContext } from 'component-register';
+import { EffectFunction, EffectOptions } from 'solid-js';
 
-export declare function toHyphenated(str: string): string;
-export type ComponentType<T> = mComponentType<T>;
-export type CorrectComponentOptions = {
-	element: HTMLElement & ICustomElement;
+/**
+ * Shared accessibility helpers.
+ *
+ * Everything here was either duplicated across leaf packages or missing
+ * entirely while each overlay reimplemented a piece of it.
+ */
+/**
+ * Visually hidden, still in the accessibility tree.
+ *
+ * Byte-identical to the copies that lived in `keen-slider-scrollbar`,
+ * `keen-slider-navigation-arrows` and `keen-slider-navigation-dots` — three
+ * copies of the same clip-rect incantation, none of which could be fixed
+ * without finding the other two.
+ */
+export declare const srOnly = "border-width:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin-top:-1px !important;margin-bottom:-1px !important;margin-right:-1px !important;margin-left:-1px !important;overflow:hidden !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important;";
+/**
+ * The panel belonging to this overlay — `dialog-content`, `drawer-content` or
+ * `modal-panel` — skipping the panels of overlays nested inside it.
+ *
+ * Same shape as `findDisclosureContent`, and for the same reason: a plain
+ * `querySelector` finds a nested overlay's panel first whenever the nested one
+ * is authored above its parent's own content.
+ */
+export declare function findOverlayPanel(context: HTMLElement, panelTag: string, selector?: string): HTMLElement | null;
+export type FocusReturn = {
+	/** Remembers what holds focus now, to restore later. */
+	record: () => void;
+	/** Restores it. Returns whether focus was actually moved. */
+	restore: () => boolean;
 };
-export type CorrectComponentType<T> = (props: T, options: CorrectComponentOptions) => unknown;
-export declare function customElement<T extends object>(tagName: string, props: T, Component?: ComponentType<T>, ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]): import("component-register/types/utils").ComponentType<any>;
-export declare function customShadowlessElement<T extends object>(tagName: string, props: T, Component?: ComponentType<T>, ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]): import("component-register/types/utils").ComponentType<any>;
-export declare const correctElementType: <T>(component: CorrectComponentType<T>) => ComponentType<T>;
-export declare function isCustomElement(element: any): element is ICustomElement & HTMLElement;
-export declare function getContextFromProvider<T>(context: ReturnType<typeof createContext>, element: Element): T;
+/**
+ * Remembers where focus came from when an overlay opens, and puts it back when
+ * the overlay closes.
+ *
+ * `focus-trap` already does this, but only while a trap is active — so an
+ * overlay with `should-trap-focus="false"` dropped focus on the floor, and a
+ * keyboard user was returned to the top of the document. Keeping it separate
+ * means focus return is a property of opening and closing rather than a
+ * side effect of trapping.
+ *
+ * Focus already inside the overlay is not recorded: that is where focus is
+ * going, not where it came from, and restoring to it would strand the user in
+ * a hidden subtree.
+ */
+export declare function createFocusReturn(element: HTMLElement): FocusReturn;
+export type EscapeHandlerOptions = {
+	/** The overlay root — the element carrying `is-open`. */
+	element: HTMLElement;
+	/** Called when Escape should close this overlay. */
+	onEscape: () => void;
+	/** Checked at key time, so toggling the attribute takes effect at once. */
+	isEnabled?: () => boolean;
+	/** Overridable for tests; defaults to the three overlay context tags. */
+	selector?: string;
+};
+/**
+ * Closes the topmost overlay on Escape. Returns its own teardown.
+ *
+ * This exists because Escape was previously `focus-trap`'s `escapeDeactivates`
+ * option, which has two consequences nobody wanted: Escape did nothing at all
+ * unless focus trapping was *also* on, and the two settings could not be
+ * configured independently even though they are different promises to the
+ * user.
+ *
+ * Only the innermost open overlay responds, so Escape inside a nested dialog
+ * closes that dialog rather than collapsing the whole stack.
+ */
+export declare function createEscapeHandler({ element, onEscape, isEnabled, selector, }: EscapeHandlerOptions): () => void;
+export type Politeness = "polite" | "assertive";
+/**
+ * Announces a message to assistive tech through a single shared live region.
+ *
+ * One region for the whole page, not one per component: a live region has to
+ * be in the DOM *before* its content changes for the change to be announced,
+ * so a component that creates one and fills it in the same tick announces
+ * nothing. Creating it once, on first use, sidesteps that.
+ *
+ * The text is cleared and set on a later tick for the same reason in reverse —
+ * writing identical text is not a change, so a screen reader stays silent when
+ * the same message is announced twice in a row.
+ */
+export declare function announce(message: string, politeness?: Politeness): void;
+export declare const disableBodyScroll: (element: ICustomElement & HTMLElement, options?: BodyScrollOptions) => void;
+export declare const enableBodyScroll: (element: ICustomElement & HTMLElement) => void;
 export declare function checkLoaded(): boolean;
-export declare function invokeOnLoaded(fn: () => void, { signal }: {
-	signal?: AbortSignal;
-}): void;
+export type ContextRef = {
+	id: symbol;
+};
+export declare class RemoteContextError extends Error {
+	readonly target: unknown;
+	constructor(message: string, target: unknown);
+}
+export type RemoteContextOptions = {
+	/**
+	 * Map a `target` to the element that actually provides the context.
+	 *
+	 * Synchronous by design — it answers "which element, given the DOM as it is
+	 * now". Waiting for the element to appear is the helper's job, and it
+	 * re-runs `resolve` on each mutation, so a strategy never has to implement
+	 * retrying itself.
+	 *
+	 * Defaults to `document.querySelector(target)`, falling back to the host
+	 * element when `target` is empty.
+	 */
+	resolve?: (target: string | undefined, host: HTMLElement) => Element | null;
+	/** Label used in warnings and errors. Defaults to the context's symbol. */
+	name?: string;
+};
+/**
+ * Build a hook that resolves one context from a *lateral* element.
+ *
+ * ```ts
+ * export const useDrawerAt = createRemoteContext<DrawerContext>(DrawerContextState);
+ * ```
+ */
+export declare function createRemoteContext<T>(context: ContextRef, { resolve, name }?: RemoteContextOptions): (target: () => string | undefined, host: HTMLElement) => import("solid-js").SourceAccessor<T & ({} | null)>;
 /**
- * Creates a HOF to ensure that a given callback is invoked only after the context for the element is ready.
- * */
-export declare function createWithElementContext<Context extends ReturnType<typeof createContext>, ContextState = null>(context: Context): <D extends any>(target: string | Accessor<string> | Accessor<() => Element>, dependencies: Accessor<D> | undefined, cb: (context: ContextState, dependencies: D) => void | (() => void)) => void;
+ * ARIA wiring for disclosure widgets (accordion and collapsible): the
+ * trigger's button reports whether its content is open and which content it
+ * controls.
+ */
+/**
+ * The element a trigger exposes to assistive tech: the trigger itself when it
+ * has `role="button"`, otherwise the first button inside it.
+ */
+export declare function findDisclosureControl(trigger: HTMLElement): HTMLElement | null;
+/**
+ * The content belonging to the same item as `trigger`, skipping the content of items
+ * nested inside it.
+ */
+export declare function findDisclosureContent(trigger: HTMLElement, itemTag: string, contentTag: string): HTMLElement | null;
+/** Returns the element's id, assigning a unique `${prefix}-N` if it has none. */
+export declare function ensureId(element: HTMLElement, prefix: string): string;
+/**
+ * Points the control's `aria-controls` at the content, unless the markup already
+ * set one. Returns whether the control is linked.
+ */
+export declare function linkDisclosureControl(control: HTMLElement, content: HTMLElement | null, idPrefix: string): boolean;
 export type Format = "currency" | "number" | "boolean" | "invert_boolean" | string;
 export declare function formatValue(format: Format, value: unknown): any;
+/**
+ * Read a `component-register` context off an element, synchronously.
+ *
+ * The imperative counterpart to `createRemoteContext`: no waiting, no effect,
+ * callable from a plain `<script>` in a Liquid template when you already know
+ * the element is there. Deliberately kept separate — forcing an async,
+ * effect-shaped API on this use case would break theme scripts for no gain.
+ */
+export declare function getContextFromProvider<T>(context: ReturnType<typeof createContext>, element: Element): T & ({} | null);
 export declare function getTemplateContent(element: HTMLElement, state: string): DocumentFragment | null;
-export declare const disableBodyScroll: (element: ICustomElement & HTMLElement, options?: BodyScrollOptions) => void;
-export declare const enableBodyScroll: (element: ICustomElement & HTMLElement) => void;
+/**
+ * `createEffect` whose **apply phase cannot take the page down**.
+ *
+ * ## Why this exists
+ *
+ * Solid 2 treats the two phases of an effect very differently, and only one
+ * of them is dangerous. Measured against the installed `2.0.0-rc.14`, in
+ * `tests/component/reactivity-halt.test.ts`:
+ *
+ * | throw site        | rest of the page            |
+ * | ----------------- | --------------------------- |
+ * | component setup   | unaffected                  |
+ * | compute phase     | unaffected — the run is skipped and logged |
+ * | **apply phase**   | **every computation on the page stops, permanently** |
+ *
+ * An uncaught apply-phase throw calls the runtime's `haltReactivity`, which
+ * is module-level global state. On a Shopify page every Bryt element shares
+ * one `solid-js` singleton, so one bad attribute on one element freezes every
+ * drawer, modal, slider and the cart until the shopper reloads.
+ *
+ * ## Why not an error boundary
+ *
+ * Because it does not work. `createErrorBoundary` is documented as catching
+ * this, and it does not in rc.14: the characterization test drives a
+ * subscribed boundary around the throwing effect and the fallback never runs
+ * while the rest of the page still freezes. Upstream's own guidance in
+ * `@solidjs/signals`' `createEffect` docblock is the half that holds —
+ *
+ * > The **effect phase is different**: it is your own imperative code, so
+ * > handle failures with `try/catch` where they occur.
+ *
+ * — which is all this function is. If a later release makes boundaries catch
+ * it, the characterization test starts failing and says so.
+ *
+ * The compute phase is deliberately NOT guarded. It is already non-fatal, and
+ * swallowing a compute error would hide a genuine reactivity bug behind an
+ * effect that silently stops updating.
+ *
+ * @param compute the tracking phase — reads signals, returns the value
+ * @param apply the imperative phase, may return a cleanup function
+ * @param options forwarded to `createEffect`; `name` is used in the report
+ */
+export declare function createGuardedEffect<const T>(compute: (prev: T | undefined) => T, apply: EffectFunction<NoInfer<T>, T>, options?: EffectOptions): void;
+export declare function invokeOnLoaded(fn: () => void, { signal }: {
+	signal?: AbortSignal;
+}): void;
+export declare function isCustomElement(element: any): element is ICustomElement & HTMLElement;
+/**
+ * Closing an overlay has to close the overlays inside it.
+ *
+ * A dialog nested in another is hidden along with its parent, but
+ * nothing changes its own `isOpen`. It keeps reporting `is-open="true"` while
+ * invisible, never fires `drawer:close`, never releases what it holds, and
+ * reappears still open when the parent is opened again.
+ *
+ * These components have no concept of a parent — no containment check anywhere
+ * in either package — so the relationship is established here, at the point
+ * where it is needed, rather than threaded through context.
+ *
+ * Writing a *descendant's* attribute is allowed in Solid 2. Writing the
+ * component's own prop is what `REACTIVE_WRITE_IN_OWNED_SCOPE` forbids, which
+ * is why this takes the element rather than a setter.
+ */
+/**
+ * Both kinds, not just the caller's own. A modal inside a drawer is hidden by
+ * the drawer closing exactly as another drawer would be, and is left in the
+ * same wrong state.
+ */
+export declare const OVERLAY_SELECTOR = "dialog-context, drawer-context, modal-context";
+export declare function closeNestedOverlays(root: HTMLElement, selector?: string): HTMLElement[];
+export type ComponentType<T> = ComponentRegisterComponentType<T>;
+/**
+ * `component-register` types `options.element` as a bare `ICustomElement`, but
+ * at runtime it is always also an `HTMLElement`. Every component in this repo
+ * needs the DOM half.
+ */
+export type CorrectComponentOptions = {
+	element: HTMLElement & ICustomElement;
+};
+export type CorrectComponentType<T> = (props: T, options: CorrectComponentOptions) => unknown;
+export type Middleware<T> = (Component: ComponentType<T>) => ComponentType<T>;
+export declare function customElement<T extends object>(tagName: string, props: T, Component: CorrectComponentType<T>, ...rest: Middleware<T>[]): import("component-register/types/utils").ComponentType<any>;
+export declare function customShadowlessElement<T extends object>(tagName: string, props: T, Component: CorrectComponentType<T>, ...rest: Middleware<T>[]): import("component-register/types/utils").ComponentType<any>;
+/**
+ * @deprecated The narrowing is built into `customElement` and
+ * `customShadowlessElement` now, so this is a type-level identity. It is kept
+ * only so packages still on Solid 1 keep compiling during the migration;
+ * delete the call rather than porting it.
+ */
+export declare const correctElementType: <T>(component: CorrectComponentType<T>) => CorrectComponentType<T>;
+export declare function toHyphenated(str: string): string;
 
 export {};

package/dist/main/utils/index.js

@@ -1,12 +1,15 @@
-export * from './toHyphenated.js';
-export * from './solid-element.js';
-export * from './isCustomElement.js';
-export * from './getContextFromProvider.js';
-export * from './checkLoaded.js';
-export * from './invokeOnLoaded.js';
-export * from './createWithElementContext.js';
-export * from './formatValue.js';
-export * from './getTemplateContent.js';
-export * from './body-scroll-lock.js';
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+import { OVERLAY_SELECTOR, closeNestedOverlays } from "./nested-overlays.js";
+import { announce, createEscapeHandler, createFocusReturn, findOverlayPanel, srOnly } from "./a11y.js";
+import { createGuardedEffect } from "./guarded-effect.js";
+import { disableBodyScroll, enableBodyScroll } from "./body-scroll-lock.js";
+import { checkLoaded } from "./checkLoaded.js";
+import { RemoteContextError, createRemoteContext } from "./createRemoteContext.js";
+import { ensureId, findDisclosureContent, findDisclosureControl, linkDisclosureControl } from "./disclosure.js";
+import { formatValue } from "./formatValue.js";
+import { getContextFromProvider } from "./getContextFromProvider.js";
+import { getTemplateContent } from "./getTemplateContent.js";
+import { invokeOnLoaded } from "./invokeOnLoaded.js";
+import { isCustomElement } from "./isCustomElement.js";
+import { correctElementType, customElement, customShadowlessElement } from "./solid-element.js";
+import { toHyphenated } from "./toHyphenated.js";
+export { OVERLAY_SELECTOR, RemoteContextError, announce, checkLoaded, closeNestedOverlays, correctElementType, createEscapeHandler, createFocusReturn, createGuardedEffect, createRemoteContext, customElement, customShadowlessElement, disableBodyScroll, enableBodyScroll, ensureId, findDisclosureContent, findDisclosureControl, findOverlayPanel, formatValue, getContextFromProvider, getTemplateContent, invokeOnLoaded, isCustomElement, linkDisclosureControl, srOnly, toHyphenated };

package/dist/main/utils/invokeOnLoaded.js

@@ -1,17 +1,17 @@
-import { checkLoaded } from './checkLoaded.js';
-
+import { checkLoaded } from "./checkLoaded.js";
+//#region src/utils/invokeOnLoaded.ts
 function invokeOnLoaded(fn, { signal }) {
-  if (checkLoaded()) {
-    const id = setTimeout(() => fn());
-    signal?.addEventListener("abort", () => clearTimeout(id), {
-      once: true
-    });
-    return;
-  }
-  window.addEventListener("DOMContentLoaded", fn, { signal, once: true });
-  return;
+	if (checkLoaded()) {
+		const id = setTimeout(() => fn());
+		signal?.addEventListener("abort", () => clearTimeout(id), { once: true });
+		return;
+	}
+	window.addEventListener("DOMContentLoaded", fn, {
+		signal,
+		once: true
+	});
 }
-
+//#endregion
 export { invokeOnLoaded };
-//# sourceMappingURL=invokeOnLoaded.js.map
+
 //# sourceMappingURL=invokeOnLoaded.js.map

package/dist/main/utils/invokeOnLoaded.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/invokeOnLoaded.ts"],"names":[],"mappings":";;AAEO,SAAS,cACd,CAAA,EAAA,EACA,EAAE,MAAA,EACF,EAAA;AACA,EAAA,IAAI,aAAe,EAAA;AACjB,IAAA,MAAM,EAAK,GAAA,UAAA,CAAW,MAAM,EAAA,EAAI,CAAA;AAChC,IAAA,MAAA,EAAQ,gBAAiB,CAAA,OAAA,EAAS,MAAM,YAAA,CAAa,EAAE,CAAG,EAAA;AAAA,MACxD,IAAM,EAAA;AAAA,KACP,CAAA;AACD,IAAA;AAAA;AAEF,EAAA,MAAA,CAAO,iBAAiB,kBAAoB,EAAA,EAAA,EAAI,EAAE,MAAQ,EAAA,IAAA,EAAM,MAAM,CAAA;AACtE,EAAA;AACF","file":"invokeOnLoaded.js","sourcesContent":["import { checkLoaded } from \"./checkLoaded.js\";\n\nexport function invokeOnLoaded(\n  fn: () => void,\n  { signal }: { signal?: AbortSignal },\n) {\n  if (checkLoaded()) {\n    const id = setTimeout(() => fn());\n    signal?.addEventListener(\"abort\", () => clearTimeout(id), {\n      once: true,\n    });\n    return;\n  }\n  window.addEventListener(\"DOMContentLoaded\", fn, { signal, once: true });\n  return;\n}\n"]}
+{"version":3,"file":"invokeOnLoaded.js","names":[],"sources":["../../../src/utils/invokeOnLoaded.ts"],"sourcesContent":["import { checkLoaded } from \"./checkLoaded.js\";\n\nexport function invokeOnLoaded(\n\tfn: () => void,\n\t{ signal }: { signal?: AbortSignal },\n) {\n\tif (checkLoaded()) {\n\t\tconst id = setTimeout(() => fn());\n\t\tsignal?.addEventListener(\"abort\", () => clearTimeout(id), {\n\t\t\tonce: true,\n\t\t});\n\t\treturn;\n\t}\n\twindow.addEventListener(\"DOMContentLoaded\", fn, { signal, once: true });\n\treturn;\n}\n"],"mappings":";;AAEA,SAAgB,eACf,IACA,EAAE,UACD;CACD,IAAI,YAAY,GAAG;EAClB,MAAM,KAAK,iBAAiB,GAAG,CAAC;EAChC,QAAQ,iBAAiB,eAAe,aAAa,EAAE,GAAG,EACzD,MAAM,KACP,CAAC;EACD;CACD;CACA,OAAO,iBAAiB,oBAAoB,IAAI;EAAE;EAAQ,MAAM;CAAK,CAAC;AAEvE"}

package/dist/main/utils/isCustomElement.js

@@ -1,7 +1,8 @@
+//#region src/utils/isCustomElement.ts
 function isCustomElement(element) {
-  return Reflect.has(element, "__initialized");
+	return Reflect.has(element, "__initialized");
 }
-
+//#endregion
 export { isCustomElement };
-//# sourceMappingURL=isCustomElement.js.map
+
 //# sourceMappingURL=isCustomElement.js.map

package/dist/main/utils/isCustomElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/isCustomElement.ts"],"names":[],"mappings":"AACO,SAAS,gBACd,OACyC,EAAA;AACzC,EAAO,OAAA,OAAA,CAAQ,GAAI,CAAA,OAAA,EAAS,eAAe,CAAA;AAC7C","file":"isCustomElement.js","sourcesContent":["import type { ICustomElement } from \"component-register\";\nexport function isCustomElement(\n  element: any,\n): element is ICustomElement & HTMLElement {\n  return Reflect.has(element, \"__initialized\");\n}\n"]}
+{"version":3,"file":"isCustomElement.js","names":[],"sources":["../../../src/utils/isCustomElement.ts"],"sourcesContent":["import type { ICustomElement } from \"component-register\";\nexport function isCustomElement(\n\telement: any,\n): element is ICustomElement & HTMLElement {\n\treturn Reflect.has(element, \"__initialized\");\n}\n"],"mappings":";AACA,SAAgB,gBACf,SAC0C;CAC1C,OAAO,QAAQ,IAAI,SAAS,eAAe;AAC5C"}

package/dist/main/utils/nested-overlays.js

@@ -0,0 +1,36 @@
+//#region src/utils/nested-overlays.ts
+/**
+* Closing an overlay has to close the overlays inside it.
+*
+* A dialog nested in another is hidden along with its parent, but
+* nothing changes its own `isOpen`. It keeps reporting `is-open="true"` while
+* invisible, never fires `drawer:close`, never releases what it holds, and
+* reappears still open when the parent is opened again.
+*
+* These components have no concept of a parent — no containment check anywhere
+* in either package — so the relationship is established here, at the point
+* where it is needed, rather than threaded through context.
+*
+* Writing a *descendant's* attribute is allowed in Solid 2. Writing the
+* component's own prop is what `REACTIVE_WRITE_IN_OWNED_SCOPE` forbids, which
+* is why this takes the element rather than a setter.
+*/
+/**
+* Both kinds, not just the caller's own. A modal inside a drawer is hidden by
+* the drawer closing exactly as another drawer would be, and is left in the
+* same wrong state.
+*/
+var OVERLAY_SELECTOR = "dialog-context, drawer-context, modal-context";
+function closeNestedOverlays(root, selector = OVERLAY_SELECTOR) {
+	const closed = [];
+	for (const nested of Array.from(root.querySelectorAll(selector))) {
+		if (nested.getAttribute("is-open") !== "true") continue;
+		nested.setAttribute("is-open", "false");
+		closed.push(nested);
+	}
+	return closed;
+}
+//#endregion
+export { OVERLAY_SELECTOR, closeNestedOverlays };
+
+//# sourceMappingURL=nested-overlays.js.map

package/dist/main/utils/nested-overlays.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nested-overlays.js","names":[],"sources":["../../../src/utils/nested-overlays.ts"],"sourcesContent":["/**\n * Closing an overlay has to close the overlays inside it.\n *\n * A dialog nested in another is hidden along with its parent, but\n * nothing changes its own `isOpen`. It keeps reporting `is-open=\"true\"` while\n * invisible, never fires `drawer:close`, never releases what it holds, and\n * reappears still open when the parent is opened again.\n *\n * These components have no concept of a parent — no containment check anywhere\n * in either package — so the relationship is established here, at the point\n * where it is needed, rather than threaded through context.\n *\n * Writing a *descendant's* attribute is allowed in Solid 2. Writing the\n * component's own prop is what `REACTIVE_WRITE_IN_OWNED_SCOPE` forbids, which\n * is why this takes the element rather than a setter.\n */\n\n/**\n * Both kinds, not just the caller's own. A modal inside a drawer is hidden by\n * the drawer closing exactly as another drawer would be, and is left in the\n * same wrong state.\n */\nexport const OVERLAY_SELECTOR = \"dialog-context, drawer-context, modal-context\";\n\nexport function closeNestedOverlays(\n\troot: HTMLElement,\n\tselector: string = OVERLAY_SELECTOR,\n): HTMLElement[] {\n\tconst closed: HTMLElement[] = [];\n\n\tfor (const nested of Array.from(\n\t\troot.querySelectorAll<HTMLElement>(selector),\n\t)) {\n\t\t// Only the ones actually open: an unconditional write would churn the\n\t\t// attribute on every close and re-run each descendant's effects.\n\t\tif (nested.getAttribute(\"is-open\") !== \"true\") continue;\n\t\tnested.setAttribute(\"is-open\", \"false\");\n\t\tclosed.push(nested);\n\t}\n\n\treturn closed;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAa,mBAAmB;AAEhC,SAAgB,oBACf,MACA,WAAmB,kBACH;CAChB,MAAM,SAAwB,CAAC;CAE/B,KAAK,MAAM,UAAU,MAAM,KAC1B,KAAK,iBAA8B,QAAQ,CAC5C,GAAG;EAGF,IAAI,OAAO,aAAa,SAAS,MAAM,QAAQ;EAC/C,OAAO,aAAa,WAAW,OAAO;EACtC,OAAO,KAAK,MAAM;CACnB;CAEA,OAAO;AACR"}

package/dist/main/utils/solid-element.js

@@ -1,93 +1,53 @@
-import { compose, register, noShadowDOM } from 'component-register';
-import { onCleanup, createRoot, createSignal } from 'solid-js';
-import { insert } from 'solid-js/web';
-
-function createProps(raw) {
-  const keys = Object.keys(raw);
-  const props = {};
-  for (let i = 0; i < keys.length; i++) {
-    const key = keys[i];
-    if (typeof key === "undefined") continue;
-    const [get, set] = createSignal(Reflect.get(raw, key));
-    Object.defineProperty(props, key, {
-      get,
-      set(v) {
-        set(() => v);
-      }
-    });
-  }
-  return props;
-}
-function lookupContext(el) {
-  if (el.assignedSlot && el.assignedSlot._$owner)
-    return el.assignedSlot._$owner;
-  let next = el.parentNode;
-  while (next && !next._$owner && !(next.assignedSlot && next.assignedSlot._$owner))
-    next = next.parentNode;
-  return next && next.assignedSlot ? next.assignedSlot._$owner : el._$owner;
-}
-function withSolid(ComponentType) {
-  return (rawProps, options) => {
-    const { element } = options;
-    return createRoot((dispose) => {
-      const props = createProps(rawProps);
-      element.addPropertyChangedCallback(
-        (key, val) => props[key] = val
-      );
-      element.addReleaseCallback(() => {
-        element.renderRoot.textContent = "";
-        dispose();
-      });
-      const comp = ComponentType(props, options);
-      return insert(element.renderRoot, comp);
-    }, lookupContext(element));
-  };
-}
-function withNoShadowDOM(Component = () => {
-}) {
-  return (props, options) => {
-    noShadowDOM();
-    const comp = Component(props, options);
-    return comp;
-  };
+import { compose, noShadowDOM, register } from "component-register";
+import { withSolid } from "@solidjs/element";
+//#region src/utils/solid-element.ts
+/**
+* The custom-element layer, now a thin wrapper over upstream `@solidjs/element`.
+*
+* This file used to be a ~140-line fork of `solid-element`. Solid 2 makes most
+* of it redundant, and upstream is now strictly better at the parts we forked
+* for:
+*
+*  - **Owner adoption across the DOM.** The fork carried its own
+*    `lookupContext` walking `_$owner` up the tree. Upstream v2 does the same
+*    walk, but adopts via `runWithOwner` (v2's `createRoot` dropped the owner
+*    argument the fork relied on) *and* guards the case where the owner was
+*    stamped by a second copy of the Solid runtime on the page — it warns and
+*    renders ownerless instead of leaving the render root empty. The fork had
+*    no such guard.
+*  - **Event delegation.** Upstream registers and unregisters the render root
+*    with `registerDelegatedRoot`, so delegated handlers fire inside it. The
+*    fork never did, which means delegated events in shadowless elements were
+*    already subtly wrong.
+*  - **Constructable components.** `compose` already routes them through
+*    `new`; the fork's own `isConstructable` probe was redundant.
+*  - **`bryt-designs:element-destroyed`.** Deleted. It existed so a *remote*
+*    consumer could learn its provider went away, and `component-register`'s
+*    `addReleaseCallback` is that hook exactly — it fires whether or not
+*    anything is listening. See `createRemoteContext`.
+*
+* What stays ours is `withNoShadowDOM` and the `element` narrowing.
+*/
+function withNoShadowDOM(Component) {
+	return (props, options) => {
+		noShadowDOM();
+		return Component(props, options);
+	};
 }
-function customElement(tagName, props, Component = () => {
-}, ...rest) {
-  return compose(register(tagName, props), withSolid, ...rest)(Component);
+function customElement(tagName, props, Component, ...rest) {
+	return compose(register(tagName, props), withSolid, ...rest)(Component);
 }
-function isConstructable(fn) {
-  if (typeof fn !== "function") return false;
-  try {
-    Reflect.construct(String, [], fn);
-    return true;
-  } catch {
-    return false;
-  }
+function customShadowlessElement(tagName, props, Component, ...rest) {
+	return compose(register(tagName, props), withNoShadowDOM, withSolid, ...rest)(Component);
 }
-function customShadowlessElement(tagName, props, Component = () => {
-}, ...rest) {
-  return compose(
-    register(tagName, props),
-    withNoShadowDOM,
-    withSolid,
-    ...rest
-  )((...args) => {
-    onCleanup(() => {
-      const [_, { element }] = args;
-      element.dispatchEvent(new CustomEvent("bryt-designs:element-destroyed"));
-    });
-    if (isConstructable(Component)) {
-      return new Component(...args);
-    }
-    return Component(...args);
-  });
-}
-const correctElementType = (component) => {
-  return (props, options) => {
-    return component(props, options);
-  };
-};
-
+/**
+* @deprecated The narrowing is built into `customElement` and
+* `customShadowlessElement` now, so this is a type-level identity. It is kept
+* only so packages still on Solid 1 keep compiling during the migration;
+* delete the call rather than porting it.
+*/
+var correctElementType = (component) => component;
+//#endregion
 export { correctElementType, customElement, customShadowlessElement };
-//# sourceMappingURL=solid-element.js.map
+
 //# sourceMappingURL=solid-element.js.map

package/dist/main/utils/solid-element.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/solid-element.ts"],"names":[],"mappings":"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","file":"solid-element.js","sourcesContent":["import {\n  register,\n  type ComponentType as mComponentType,\n  type ICustomElement,\n  type FunctionComponent,\n  type ComponentOptions,\n  noShadowDOM,\n  compose,\n} from \"component-register\";\nimport { createRoot, createSignal, onCleanup } from \"solid-js\";\nimport { insert } from \"solid-js/web\";\n\nexport type ComponentType<T> = mComponentType<T>;\n\ntype CorrectComponentOptions = { element: HTMLElement & ICustomElement };\n\nexport type CorrectComponentType<T> = (\n  props: T,\n  options: CorrectComponentOptions,\n) => unknown;\n\nfunction createProps<T extends object>(raw: T) {\n  const keys = Object.keys(raw) as (keyof T)[];\n  const props = {};\n  for (let i = 0; i < keys.length; i++) {\n    const key = keys[i];\n    if (typeof key === \"undefined\") continue;\n    const [get, set] = createSignal(Reflect.get(raw, key));\n    Object.defineProperty(props, key, {\n      get,\n      set(v) {\n        set(() => v);\n      },\n    });\n  }\n  return props as T;\n}\n\nfunction lookupContext(el: ICustomElement & { _$owner?: any }) {\n  if (el.assignedSlot && el.assignedSlot._$owner)\n    return el.assignedSlot._$owner;\n  let next: Element & { _$owner?: any } = el.parentNode;\n  while (\n    next &&\n    !next._$owner &&\n    !(\n      next.assignedSlot &&\n      (next.assignedSlot as Element & { _$owner?: any })._$owner\n    )\n  )\n    next = next.parentNode as Element;\n  return next && next.assignedSlot\n    ? (next.assignedSlot as Element & { _$owner?: any })._$owner\n    : el._$owner;\n}\n\nfunction withSolid<T extends object>(\n  ComponentType: ComponentType<T>,\n): ComponentType<T> {\n  return (rawProps: T, options: ComponentOptions) => {\n    const { element } = options as {\n      element: ICustomElement & { _$owner?: any };\n    };\n    return createRoot((dispose: Function) => {\n      const props = createProps<T>(rawProps);\n\n      element.addPropertyChangedCallback(\n        (key: string, val: any) => (props[key as keyof T] = val),\n      );\n      element.addReleaseCallback(() => {\n        element.renderRoot.textContent = \"\";\n        dispose();\n      });\n\n      const comp = (ComponentType as FunctionComponent<T>)(props as T, options);\n      return insert(element.renderRoot, comp);\n    }, lookupContext(element));\n  };\n}\n\nfunction withNoShadowDOM<T extends object>(\n  Component: ComponentType<T> = () => {},\n) {\n  return (props: T, options: ComponentOptions) => {\n    noShadowDOM();\n    const comp = (Component as FunctionComponent<T>)(props, options);\n    return comp;\n  };\n}\n\nexport function customElement<T extends object>(\n  tagName: string,\n  props: T,\n  Component: ComponentType<T> = () => {},\n  ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]\n) {\n  return compose(register(tagName, props), withSolid, ...rest)(Component);\n}\n\nfunction isConstructable(fn: unknown): fn is new (...args: any[]) => any {\n  if (typeof fn !== \"function\") return false;\n\n  try {\n    Reflect.construct(String, [], fn as Function);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport function customShadowlessElement<T extends object>(\n  tagName: string,\n  props: T,\n  Component: ComponentType<T> = () => {},\n  ...rest: ((C: ComponentType<T>) => ComponentType<T>)[]\n) {\n  return compose(\n    register(tagName, props),\n    withNoShadowDOM,\n    withSolid,\n    ...rest,\n  )((...args) => {\n    onCleanup(() => {\n      const [_, { element }] = args;\n      element.dispatchEvent(new CustomEvent(\"bryt-designs:element-destroyed\"));\n    });\n    if (isConstructable(Component)) {\n      return new Component(...args);\n    }\n    return Component(...args);\n  });\n}\n\nexport const correctElementType = <T>(\n  component: CorrectComponentType<T>,\n): ComponentType<T> => {\n  return (props: T, options) => {\n    return component(props, options as CorrectComponentOptions);\n  };\n};\n"]}
+{"version":3,"file":"solid-element.js","names":[],"sources":["../../../src/utils/solid-element.ts"],"sourcesContent":["/**\n * The custom-element layer, now a thin wrapper over upstream `@solidjs/element`.\n *\n * This file used to be a ~140-line fork of `solid-element`. Solid 2 makes most\n * of it redundant, and upstream is now strictly better at the parts we forked\n * for:\n *\n *  - **Owner adoption across the DOM.** The fork carried its own\n *    `lookupContext` walking `_$owner` up the tree. Upstream v2 does the same\n *    walk, but adopts via `runWithOwner` (v2's `createRoot` dropped the owner\n *    argument the fork relied on) *and* guards the case where the owner was\n *    stamped by a second copy of the Solid runtime on the page — it warns and\n *    renders ownerless instead of leaving the render root empty. The fork had\n *    no such guard.\n *  - **Event delegation.** Upstream registers and unregisters the render root\n *    with `registerDelegatedRoot`, so delegated handlers fire inside it. The\n *    fork never did, which means delegated events in shadowless elements were\n *    already subtly wrong.\n *  - **Constructable components.** `compose` already routes them through\n *    `new`; the fork's own `isConstructable` probe was redundant.\n *  - **`bryt-designs:element-destroyed`.** Deleted. It existed so a *remote*\n *    consumer could learn its provider went away, and `component-register`'s\n *    `addReleaseCallback` is that hook exactly — it fires whether or not\n *    anything is listening. See `createRemoteContext`.\n *\n * What stays ours is `withNoShadowDOM` and the `element` narrowing.\n */\nimport { withSolid } from \"@solidjs/element\";\nimport {\n\ttype ComponentType as ComponentRegisterComponentType,\n\tcompose,\n\ttype ICustomElement,\n\tnoShadowDOM,\n\tregister,\n} from \"component-register\";\n\nexport type ComponentType<T> = ComponentRegisterComponentType<T>;\n\n/**\n * `component-register` types `options.element` as a bare `ICustomElement`, but\n * at runtime it is always also an `HTMLElement`. Every component in this repo\n * needs the DOM half.\n */\nexport type CorrectComponentOptions = { element: HTMLElement & ICustomElement };\n\nexport type CorrectComponentType<T> = (\n\tprops: T,\n\toptions: CorrectComponentOptions,\n) => unknown;\n\ntype Middleware<T> = (Component: ComponentType<T>) => ComponentType<T>;\n\nfunction withNoShadowDOM<T>(Component: ComponentType<T>): ComponentType<T> {\n\treturn (props, options) => {\n\t\tnoShadowDOM();\n\t\treturn (Component as (p: T, o: typeof options) => unknown)(props, options);\n\t};\n}\n\nexport function customElement<T extends object>(\n\ttagName: string,\n\tprops: T,\n\tComponent: CorrectComponentType<T>,\n\t...rest: Middleware<T>[]\n) {\n\treturn compose(\n\t\tregister(tagName, props),\n\t\twithSolid,\n\t\t...rest,\n\t)(Component as ComponentType<T>);\n}\n\nexport function customShadowlessElement<T extends object>(\n\ttagName: string,\n\tprops: T,\n\tComponent: CorrectComponentType<T>,\n\t...rest: Middleware<T>[]\n) {\n\treturn compose(\n\t\tregister(tagName, props),\n\t\twithNoShadowDOM,\n\t\twithSolid,\n\t\t...rest,\n\t)(Component as ComponentType<T>);\n}\n\n/**\n * @deprecated The narrowing is built into `customElement` and\n * `customShadowlessElement` now, so this is a type-level identity. It is kept\n * only so packages still on Solid 1 keep compiling during the migration;\n * delete the call rather than porting it.\n */\nexport const correctElementType = <T>(\n\tcomponent: CorrectComponentType<T>,\n): CorrectComponentType<T> => component;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,SAAS,gBAAmB,WAA+C;CAC1E,QAAQ,OAAO,YAAY;EAC1B,YAAY;EACZ,OAAQ,UAAmD,OAAO,OAAO;CAC1E;AACD;AAEA,SAAgB,cACf,SACA,OACA,WACA,GAAG,MACF;CACD,OAAO,QACN,SAAS,SAAS,KAAK,GACvB,WACA,GAAG,IACJ,CAAC,CAAC,SAA6B;AAChC;AAEA,SAAgB,wBACf,SACA,OACA,WACA,GAAG,MACF;CACD,OAAO,QACN,SAAS,SAAS,KAAK,GACvB,iBACA,WACA,GAAG,IACJ,CAAC,CAAC,SAA6B;AAChC;;;;;;;AAQA,IAAa,sBACZ,cAC6B"}

package/dist/main/utils/toHyphenated.js

@@ -1,7 +1,8 @@
+//#region src/utils/toHyphenated.ts
 function toHyphenated(str) {
-  return str.replace(/([A-Z])/g, "-$1").toLowerCase();
+	return str.replace(/([A-Z])/g, "-$1").toLowerCase();
 }
-
+//#endregion
 export { toHyphenated };
-//# sourceMappingURL=toHyphenated.js.map
+
 //# sourceMappingURL=toHyphenated.js.map

package/dist/main/utils/toHyphenated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/toHyphenated.ts"],"names":[],"mappings":"AAAO,SAAS,aAAa,GAAqB,EAAA;AAChD,EAAA,OAAO,GACJ,CAAA,OAAA,CAAQ,UAAY,EAAA,KAAK,EACzB,WAAY,EAAA;AACjB","file":"toHyphenated.js","sourcesContent":["export function toHyphenated(str: string): string {\n  return str\n    .replace(/([A-Z])/g, \"-$1\") // Insert hyphen before uppercase letters\n    .toLowerCase(); // Convert the entire string to lowercase\n}\n"]}
+{"version":3,"file":"toHyphenated.js","names":[],"sources":["../../../src/utils/toHyphenated.ts"],"sourcesContent":["export function toHyphenated(str: string): string {\n\treturn str\n\t\t.replace(/([A-Z])/g, \"-$1\") // Insert hyphen before uppercase letters\n\t\t.toLowerCase(); // Convert the entire string to lowercase\n}\n"],"mappings":";AAAA,SAAgB,aAAa,KAAqB;CACjD,OAAO,IACL,QAAQ,YAAY,KAAK,CAAC,CAC1B,YAAY;AACf"}