@gunkin/uiify 0.0.1-alpha

package/dist/core/platform.d.ts

@@ -0,0 +1,25 @@
+export interface CoreCapabilities {
+    readonly anchorPositioning: boolean;
+    readonly checkVisibility: boolean;
+    readonly dialogRequestClose: boolean;
+    readonly popover: boolean;
+}
+interface CssSupports {
+    supports(property: string, value: string): boolean;
+}
+interface PlatformEnvironment {
+    readonly CSS?: CssSupports;
+    readonly Element?: typeof Element;
+    readonly HTMLDialogElement?: typeof HTMLDialogElement;
+    readonly HTMLElement?: typeof HTMLElement;
+}
+export declare function supportsPopover(environment?: PlatformEnvironment): boolean;
+export declare function supportsDialogRequestClose(environment?: PlatformEnvironment): boolean;
+export declare function supportsCheckVisibility(environment?: PlatformEnvironment): boolean;
+export declare function supportsAnchorPositioning(environment?: PlatformEnvironment): boolean;
+export declare function getCoreCapabilities(environment?: PlatformEnvironment): CoreCapabilities;
+export declare function getOwnerDocument(node?: Node | null): Document | undefined;
+export declare function getEventPath(event: Event): readonly EventTarget[];
+export declare function isEventInsideLayer(path: readonly EventTarget[], element: Element, branches: Iterable<Element>): boolean;
+export {};
+//# sourceMappingURL=platform.d.ts.map

package/dist/core/platform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../src/core/platform.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,iBAAiB,EAAE,OAAO,CAAC;IACpC,QAAQ,CAAC,eAAe,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,kBAAkB,EAAE,OAAO,CAAC;IACrC,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;CAC3B;AAED,UAAU,WAAW;IACnB,QAAQ,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;CACpD;AAED,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,GAAG,CAAC,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,OAAO,CAAC;IAClC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,iBAAiB,CAAC;IACtD,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,WAAW,CAAC;CAC3C;AAOD,wBAAgB,eAAe,CAAC,WAAW,GAAE,mBAA0C,GAAG,OAAO,CAMhG;AAED,wBAAgB,0BAA0B,CACxC,WAAW,GAAE,mBAA0C,GACtD,OAAO,CAKT;AAED,wBAAgB,uBAAuB,CACrC,WAAW,GAAE,mBAA0C,GACtD,OAAO,CAIT;AAED,wBAAgB,yBAAyB,CACvC,WAAW,GAAE,mBAA0C,GACtD,OAAO,CAET;AAED,wBAAgB,mBAAmB,CACjC,WAAW,GAAE,mBAA0C,GACtD,gBAAgB,CAOlB;AAED,wBAAgB,gBAAgB,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,QAAQ,GAAG,SAAS,CAEzE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,WAAW,EAAE,CAIjE;AAED,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,SAAS,WAAW,EAAE,EAC5B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,GAC1B,OAAO,CAMT"}

package/dist/core/platform.js

@@ -0,0 +1,48 @@
+function currentEnvironment() {
+  if (typeof globalThis === "undefined") return {};
+  return globalThis;
+}
+function supportsPopover(environment = currentEnvironment()) {
+  return typeof environment.HTMLElement !== "undefined" && "showPopover" in environment.HTMLElement.prototype && "hidePopover" in environment.HTMLElement.prototype;
+}
+function supportsDialogRequestClose(environment = currentEnvironment()) {
+  return typeof environment.HTMLDialogElement !== "undefined" && "requestClose" in environment.HTMLDialogElement.prototype;
+}
+function supportsCheckVisibility(environment = currentEnvironment()) {
+  return typeof environment.Element !== "undefined" && "checkVisibility" in environment.Element.prototype;
+}
+function supportsAnchorPositioning(environment = currentEnvironment()) {
+  return environment.CSS?.supports("position-area", "bottom") === true;
+}
+function getCoreCapabilities(environment = currentEnvironment()) {
+  return {
+    anchorPositioning: supportsAnchorPositioning(environment),
+    checkVisibility: supportsCheckVisibility(environment),
+    dialogRequestClose: supportsDialogRequestClose(environment),
+    popover: supportsPopover(environment)
+  };
+}
+function getOwnerDocument(node) {
+  return node?.ownerDocument ?? (typeof document === "undefined" ? void 0 : document);
+}
+function getEventPath(event) {
+  return typeof event.composedPath === "function" ? event.composedPath() : [event.target];
+}
+function isEventInsideLayer(path, element, branches) {
+  if (path.includes(element)) return true;
+  for (const branch of branches) {
+    if (path.includes(branch)) return true;
+  }
+  return false;
+}
+export {
+  getCoreCapabilities,
+  getEventPath,
+  getOwnerDocument,
+  isEventInsideLayer,
+  supportsAnchorPositioning,
+  supportsCheckVisibility,
+  supportsDialogRequestClose,
+  supportsPopover
+};
+//# sourceMappingURL=platform.js.map

package/dist/core/platform.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/core/platform.ts"],"sourcesContent":["export interface CoreCapabilities {\n  readonly anchorPositioning: boolean;\n  readonly checkVisibility: boolean;\n  readonly dialogRequestClose: boolean;\n  readonly popover: boolean;\n}\n\ninterface CssSupports {\n  supports(property: string, value: string): boolean;\n}\n\ninterface PlatformEnvironment {\n  readonly CSS?: CssSupports;\n  readonly Element?: typeof Element;\n  readonly HTMLDialogElement?: typeof HTMLDialogElement;\n  readonly HTMLElement?: typeof HTMLElement;\n}\n\nfunction currentEnvironment(): PlatformEnvironment {\n  if (typeof globalThis === \"undefined\") return {};\n  return globalThis;\n}\n\nexport function supportsPopover(environment: PlatformEnvironment = currentEnvironment()): boolean {\n  return (\n    typeof environment.HTMLElement !== \"undefined\" &&\n    \"showPopover\" in environment.HTMLElement.prototype &&\n    \"hidePopover\" in environment.HTMLElement.prototype\n  );\n}\n\nexport function supportsDialogRequestClose(\n  environment: PlatformEnvironment = currentEnvironment(),\n): boolean {\n  return (\n    typeof environment.HTMLDialogElement !== \"undefined\" &&\n    \"requestClose\" in environment.HTMLDialogElement.prototype\n  );\n}\n\nexport function supportsCheckVisibility(\n  environment: PlatformEnvironment = currentEnvironment(),\n): boolean {\n  return (\n    typeof environment.Element !== \"undefined\" && \"checkVisibility\" in environment.Element.prototype\n  );\n}\n\nexport function supportsAnchorPositioning(\n  environment: PlatformEnvironment = currentEnvironment(),\n): boolean {\n  return environment.CSS?.supports(\"position-area\", \"bottom\") === true;\n}\n\nexport function getCoreCapabilities(\n  environment: PlatformEnvironment = currentEnvironment(),\n): CoreCapabilities {\n  return {\n    anchorPositioning: supportsAnchorPositioning(environment),\n    checkVisibility: supportsCheckVisibility(environment),\n    dialogRequestClose: supportsDialogRequestClose(environment),\n    popover: supportsPopover(environment),\n  };\n}\n\nexport function getOwnerDocument(node?: Node | null): Document | undefined {\n  return node?.ownerDocument ?? (typeof document === \"undefined\" ? undefined : document);\n}\n\nexport function getEventPath(event: Event): readonly EventTarget[] {\n  return typeof event.composedPath === \"function\"\n    ? event.composedPath()\n    : [event.target as EventTarget];\n}\n\nexport function isEventInsideLayer(\n  path: readonly EventTarget[],\n  element: Element,\n  branches: Iterable<Element>,\n): boolean {\n  if (path.includes(element)) return true;\n  for (const branch of branches) {\n    if (path.includes(branch)) return true;\n  }\n  return false;\n}\n"],"mappings":"AAkBA,SAAS,qBAA0C;AACjD,MAAI,OAAO,eAAe,YAAa,QAAO,CAAC;AAC/C,SAAO;AACT;AAEO,SAAS,gBAAgB,cAAmC,mBAAmB,GAAY;AAChG,SACE,OAAO,YAAY,gBAAgB,eACnC,iBAAiB,YAAY,YAAY,aACzC,iBAAiB,YAAY,YAAY;AAE7C;AAEO,SAAS,2BACd,cAAmC,mBAAmB,GAC7C;AACT,SACE,OAAO,YAAY,sBAAsB,eACzC,kBAAkB,YAAY,kBAAkB;AAEpD;AAEO,SAAS,wBACd,cAAmC,mBAAmB,GAC7C;AACT,SACE,OAAO,YAAY,YAAY,eAAe,qBAAqB,YAAY,QAAQ;AAE3F;AAEO,SAAS,0BACd,cAAmC,mBAAmB,GAC7C;AACT,SAAO,YAAY,KAAK,SAAS,iBAAiB,QAAQ,MAAM;AAClE;AAEO,SAAS,oBACd,cAAmC,mBAAmB,GACpC;AAClB,SAAO;AAAA,IACL,mBAAmB,0BAA0B,WAAW;AAAA,IACxD,iBAAiB,wBAAwB,WAAW;AAAA,IACpD,oBAAoB,2BAA2B,WAAW;AAAA,IAC1D,SAAS,gBAAgB,WAAW;AAAA,EACtC;AACF;AAEO,SAAS,iBAAiB,MAA0C;AACzE,SAAO,MAAM,kBAAkB,OAAO,aAAa,cAAc,SAAY;AAC/E;AAEO,SAAS,aAAa,OAAsC;AACjE,SAAO,OAAO,MAAM,iBAAiB,aACjC,MAAM,aAAa,IACnB,CAAC,MAAM,MAAqB;AAClC;AAEO,SAAS,mBACd,MACA,SACA,UACS;AACT,MAAI,KAAK,SAAS,OAAO,EAAG,QAAO;AACnC,aAAW,UAAU,UAAU;AAC7B,QAAI,KAAK,SAAS,MAAM,EAAG,QAAO;AAAA,EACpC;AACA,SAAO;AACT;","names":[]}

package/dist/core/polymorphic.d.ts

@@ -0,0 +1,30 @@
+import type { ComponentPropsWithRef, ElementType, JSX, ReactElement, Ref } from "react";
+export type ElementFor<TAs extends ElementType> = ComponentPropsWithRef<TAs>["ref"] extends Ref<infer TElement> | undefined ? TElement : HTMLElement;
+export type PolymorphicProps<TAs extends ElementType, OwnProps extends object> = OwnProps & Omit<ComponentPropsWithRef<TAs>, keyof OwnProps | "as" | "render"> & {
+    as?: TAs;
+    render?: never;
+};
+export interface RenderCallbackProps<TState, TElement extends Element> {
+    render: (props: Record<string, unknown> & {
+        ref?: Ref<TElement>;
+    }, state: TState) => ReactElement | null;
+    as?: never;
+}
+export type RenderableProps<TAs extends ElementType, OwnProps extends object, TState, TElement extends Element> = PolymorphicProps<TAs, OwnProps> | (OwnProps & RenderCallbackProps<TState, TElement>);
+/**
+ * Invoker commands (`command`/`commandfor`, `popovertarget`) only fire from a
+ * real <button>. Intrinsic tags other than "button" collapse to `never`; custom
+ * components pass through and are trusted — by documented contract, verified in
+ * fixture tests — to forward their props and ref to a native <button>.
+ */
+export type NativeButtonAs<TAs extends ElementType> = TAs extends keyof JSX.IntrinsicElements ? Extract<TAs, "button"> : TAs;
+/**
+ * Props of a part that renders a native invoker button. The library owns `type`
+ * and the invoker attributes; consumers keep className, style, ref and onClick.
+ */
+export type NativeButtonProps<TAs extends ElementType, OwnProps extends object> = OwnProps & Omit<ComponentPropsWithRef<TAs>, keyof OwnProps | "as" | "render" | "type" | "command" | "commandfor" | "popoverTarget" | "popoverTargetAction"> & {
+    /** `"button"` (default) or a component that forwards props and ref to a native <button>. */
+    readonly as?: TAs & NativeButtonAs<TAs>;
+    readonly render?: never;
+};
+//# sourceMappingURL=polymorphic.d.ts.map

package/dist/core/polymorphic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polymorphic.d.ts","sourceRoot":"","sources":["../../src/core/polymorphic.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAExF,MAAM,MAAM,UAAU,CAAC,GAAG,SAAS,WAAW,IAAI,qBAAqB,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,SAC/E,GAAG,CAAC,MAAM,QAAQ,CAAC,GACnB,SAAS,GACT,QAAQ,GACR,WAAW,CAAC;AAEhB,MAAM,MAAM,gBAAgB,CAAC,GAAG,SAAS,WAAW,EAAE,QAAQ,SAAS,MAAM,IAAI,QAAQ,GACvF,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,EAAE,MAAM,QAAQ,GAAG,IAAI,GAAG,QAAQ,CAAC,GAAG;IACnE,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB,CAAC;AAEJ,MAAM,WAAW,mBAAmB,CAAC,MAAM,EAAE,QAAQ,SAAS,OAAO;IACnE,MAAM,EAAE,CACN,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAA;KAAE,EACxD,KAAK,EAAE,MAAM,KACV,YAAY,GAAG,IAAI,CAAC;IACzB,EAAE,CAAC,EAAE,KAAK,CAAC;CACZ;AAED,MAAM,MAAM,eAAe,CACzB,GAAG,SAAS,WAAW,EACvB,QAAQ,SAAS,MAAM,EACvB,MAAM,EACN,QAAQ,SAAS,OAAO,IACtB,gBAAgB,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,CAAC,QAAQ,GAAG,mBAAmB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;AAEzF;;;;;GAKG;AACH,MAAM,MAAM,cAAc,CAAC,GAAG,SAAS,WAAW,IAAI,GAAG,SAAS,MAAM,GAAG,CAAC,iBAAiB,GACzF,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC,GACtB,GAAG,CAAC;AAER;;;GAGG;AACH,MAAM,MAAM,iBAAiB,CAAC,GAAG,SAAS,WAAW,EAAE,QAAQ,SAAS,MAAM,IAAI,QAAQ,GACxF,IAAI,CACF,qBAAqB,CAAC,GAAG,CAAC,EACxB,MAAM,QAAQ,GACd,IAAI,GACJ,QAAQ,GACR,MAAM,GACN,SAAS,GACT,YAAY,GACZ,eAAe,GACf,qBAAqB,CACxB,GAAG;IACF,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;IACxC,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC;CACzB,CAAC"}

package/dist/core/polymorphic.js

@@ -0,0 +1 @@
+//# sourceMappingURL=polymorphic.js.map

package/dist/core/polymorphic.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/core/popover.d.ts

@@ -0,0 +1,3 @@
+export { usePopover } from "./use-popover.js";
+export type { PopoverChangeHandler, PopoverMode, UsePopoverOptions, UsePopoverReturn, } from "./use-popover.js";
+//# sourceMappingURL=popover.d.ts.map

package/dist/core/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/core/popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,YAAY,EACV,oBAAoB,EACpB,WAAW,EACX,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,kBAAkB,CAAC"}

package/dist/core/popover.js

@@ -0,0 +1,5 @@
+import { usePopover } from "./use-popover.js";
+export {
+  usePopover
+};
+//# sourceMappingURL=popover.js.map

package/dist/core/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/core/popover.ts"],"sourcesContent":["export { usePopover } from \"./use-popover.js\";\nexport type {\n  PopoverChangeHandler,\n  PopoverMode,\n  UsePopoverOptions,\n  UsePopoverReturn,\n} from \"./use-popover.js\";\n"],"mappings":"AAAA,SAAS,kBAAkB;","names":[]}

package/dist/core/portal.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+export type PortalContainer = Element | DocumentFragment;
+export interface PortalProps {
+    readonly children?: ReactNode;
+    readonly container?: PortalContainer | (() => PortalContainer | null) | null;
+}
+export declare function Portal({ children, container }: PortalProps): import("react").ReactPortal | null;
+//# sourceMappingURL=portal.d.ts.map

package/dist/core/portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../src/core/portal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,gBAAgB,CAAC;AAEzD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,eAAe,GAAG,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;CAC9E;AAED,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,WAAW,sCAW1D"}

package/dist/core/portal.js

@@ -0,0 +1,18 @@
+"use client";
+import { useState } from "react";
+import { createPortal } from "react-dom";
+import { useIsomorphicLayoutEffect } from "@gunkin/uiify/hooks";
+function Portal({ children, container }) {
+  const [mounted, setMounted] = useState(false);
+  useIsomorphicLayoutEffect(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) return null;
+  const resolved = typeof container === "function" ? container() : container;
+  const target = resolved ?? (typeof document === "undefined" ? null : document.body);
+  return target ? createPortal(children, target) : null;
+}
+export {
+  Portal
+};
+//# sourceMappingURL=portal.js.map

package/dist/core/portal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/core/portal.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useIsomorphicLayoutEffect } from \"@gunkin/uiify/hooks\";\n\nexport type PortalContainer = Element | DocumentFragment;\n\nexport interface PortalProps {\n  readonly children?: ReactNode;\n  readonly container?: PortalContainer | (() => PortalContainer | null) | null;\n}\n\nexport function Portal({ children, container }: PortalProps) {\n  const [mounted, setMounted] = useState(false);\n  useIsomorphicLayoutEffect(() => {\n    setMounted(true);\n  }, []);\n\n  if (!mounted) return null;\n\n  const resolved = typeof container === \"function\" ? container() : container;\n  const target = resolved ?? (typeof document === \"undefined\" ? null : document.body);\n  return target ? createPortal(children, target) : null;\n}\n"],"mappings":";AAEA,SAAS,gBAAgB;AAEzB,SAAS,oBAAoB;AAC7B,SAAS,iCAAiC;AASnC,SAAS,OAAO,EAAE,UAAU,UAAU,GAAgB;AAC3D,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,4BAA0B,MAAM;AAC9B,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,MAAI,CAAC,QAAS,QAAO;AAErB,QAAM,WAAW,OAAO,cAAc,aAAa,UAAU,IAAI;AACjE,QAAM,SAAS,aAAa,OAAO,aAAa,cAAc,OAAO,SAAS;AAC9E,SAAO,SAAS,aAAa,UAAU,MAAM,IAAI;AACnD;","names":[]}

package/dist/core/presence.d.ts

@@ -0,0 +1,13 @@
+import type { ReactElement, RefCallback } from "react";
+export type PresenceState = "open" | "closing" | "closed";
+export interface PresenceRenderState {
+    readonly presence: PresenceState;
+    readonly ref: RefCallback<Element>;
+}
+export interface PresenceProps {
+    readonly children: (state: PresenceRenderState) => ReactElement | null;
+    readonly forceMount?: boolean;
+    readonly present: boolean;
+}
+export declare function Presence({ children, forceMount, present }: PresenceProps): ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+//# sourceMappingURL=presence.d.ts.map

package/dist/core/presence.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presence.d.ts","sourceRoot":"","sources":["../../src/core/presence.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE1D,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;IACjC,QAAQ,CAAC,GAAG,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,YAAY,GAAG,IAAI,CAAC;IACvE,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,UAAkB,EAAE,OAAO,EAAE,EAAE,aAAa,qFA4ChF"}

package/dist/core/presence.js

@@ -0,0 +1,42 @@
+"use client";
+import { useEffect, useRef, useState } from "react";
+function Presence({ children, forceMount = false, present }) {
+  const elementRef = useRef(null);
+  const cycleRef = useRef(0);
+  const wasPresentRef = useRef(present);
+  const [state, setState] = useState(present ? "open" : "closed");
+  useEffect(() => {
+    const cycle = ++cycleRef.current;
+    if (present) {
+      wasPresentRef.current = true;
+      setState("open");
+      return;
+    }
+    if (!wasPresentRef.current) return;
+    wasPresentRef.current = false;
+    setState("closing");
+    const frame = requestAnimationFrame(() => {
+      const element = elementRef.current;
+      const animations = element && typeof element.getAnimations === "function" ? element.getAnimations({ subtree: true }) : [];
+      if (animations.length === 0) {
+        if (cycleRef.current === cycle) setState("closed");
+        return;
+      }
+      void Promise.allSettled(animations.map((animation) => animation.finished)).then(() => {
+        if (cycleRef.current === cycle) setState("closed");
+      });
+    });
+    return () => cancelAnimationFrame(frame);
+  }, [present]);
+  if (state === "closed" && !forceMount) return null;
+  return children({
+    presence: state,
+    ref(element) {
+      elementRef.current = element;
+    }
+  });
+}
+export {
+  Presence
+};
+//# sourceMappingURL=presence.js.map

package/dist/core/presence.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/core/presence.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport type { ReactElement, RefCallback } from \"react\";\n\nexport type PresenceState = \"open\" | \"closing\" | \"closed\";\n\nexport interface PresenceRenderState {\n  readonly presence: PresenceState;\n  readonly ref: RefCallback<Element>;\n}\n\nexport interface PresenceProps {\n  readonly children: (state: PresenceRenderState) => ReactElement | null;\n  readonly forceMount?: boolean;\n  readonly present: boolean;\n}\n\nexport function Presence({ children, forceMount = false, present }: PresenceProps) {\n  const elementRef = useRef<Element | null>(null);\n  const cycleRef = useRef(0);\n  const wasPresentRef = useRef(present);\n  const [state, setState] = useState<PresenceState>(present ? \"open\" : \"closed\");\n\n  useEffect(() => {\n    const cycle = ++cycleRef.current;\n    if (present) {\n      wasPresentRef.current = true;\n      setState(\"open\");\n      return;\n    }\n    if (!wasPresentRef.current) return;\n    wasPresentRef.current = false;\n\n    setState(\"closing\");\n    const frame = requestAnimationFrame(() => {\n      const element = elementRef.current;\n      const animations =\n        element && typeof element.getAnimations === \"function\"\n          ? element.getAnimations({ subtree: true })\n          : [];\n      if (animations.length === 0) {\n        if (cycleRef.current === cycle) setState(\"closed\");\n        return;\n      }\n\n      void Promise.allSettled(animations.map((animation) => animation.finished)).then(() => {\n        if (cycleRef.current === cycle) setState(\"closed\");\n      });\n    });\n\n    return () => cancelAnimationFrame(frame);\n  }, [present]);\n\n  if (state === \"closed\" && !forceMount) return null;\n\n  return children({\n    presence: state,\n    ref(element) {\n      elementRef.current = element;\n    },\n  });\n}\n"],"mappings":";AAEA,SAAS,WAAW,QAAQ,gBAAgB;AAgBrC,SAAS,SAAS,EAAE,UAAU,aAAa,OAAO,QAAQ,GAAkB;AACjF,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM,WAAW,OAAO,CAAC;AACzB,QAAM,gBAAgB,OAAO,OAAO;AACpC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,UAAU,SAAS,QAAQ;AAE7E,YAAU,MAAM;AACd,UAAM,QAAQ,EAAE,SAAS;AACzB,QAAI,SAAS;AACX,oBAAc,UAAU;AACxB,eAAS,MAAM;AACf;AAAA,IACF;AACA,QAAI,CAAC,cAAc,QAAS;AAC5B,kBAAc,UAAU;AAExB,aAAS,SAAS;AAClB,UAAM,QAAQ,sBAAsB,MAAM;AACxC,YAAM,UAAU,WAAW;AAC3B,YAAM,aACJ,WAAW,OAAO,QAAQ,kBAAkB,aACxC,QAAQ,cAAc,EAAE,SAAS,KAAK,CAAC,IACvC,CAAC;AACP,UAAI,WAAW,WAAW,GAAG;AAC3B,YAAI,SAAS,YAAY,MAAO,UAAS,QAAQ;AACjD;AAAA,MACF;AAEA,WAAK,QAAQ,WAAW,WAAW,IAAI,CAAC,cAAc,UAAU,QAAQ,CAAC,EAAE,KAAK,MAAM;AACpF,YAAI,SAAS,YAAY,MAAO,UAAS,QAAQ;AAAA,MACnD,CAAC;AAAA,IACH,CAAC;AAED,WAAO,MAAM,qBAAqB,KAAK;AAAA,EACzC,GAAG,CAAC,OAAO,CAAC;AAEZ,MAAI,UAAU,YAAY,CAAC,WAAY,QAAO;AAE9C,SAAO,SAAS;AAAA,IACd,UAAU;AAAA,IACV,IAAI,SAAS;AACX,iBAAW,UAAU;AAAA,IACvB;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/core/render-native-invoker.d.ts

@@ -0,0 +1,16 @@
+import type { ElementType, ReactElement } from "react";
+export type NativeInvokerCommand = "show-modal" | "request-close";
+/**
+ * Render a native invoker button. `command`/`commandfor` are lowercase HTML
+ * attributes that React 19.2 passes through untouched; @types/react 19.2 does
+ * not declare them and the lint rule react/no-unknown-property rejects them in
+ * JSX, so they travel as a props object through createElement. Shared by the
+ * Modal and AlertModal parts, which use identical `show-modal`/`request-close`
+ * command semantics; Popup uses `popoverTarget`/`popoverTargetAction` instead
+ * and keeps its own renderer (see popup/PopupParts.tsx).
+ *
+ * `marker` accepts one or more attribute names so a component can emit its own
+ * marker alongside a deprecated one during a rename transition; every name is set to `""`.
+ */
+export declare function renderNativeInvoker(as: ElementType | undefined, marker: string | readonly string[], command: NativeInvokerCommand, target: string, consumerProps: Record<string, unknown>): ReactElement;
+//# sourceMappingURL=render-native-invoker.d.ts.map

package/dist/core/render-native-invoker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-native-invoker.d.ts","sourceRoot":"","sources":["../../src/core/render-native-invoker.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,eAAe,CAAC;AAElE;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CACjC,EAAE,EAAE,WAAW,GAAG,SAAS,EAC3B,MAAM,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,EAClC,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACrC,YAAY,CASd"}

package/dist/core/render-native-invoker.js

@@ -0,0 +1,15 @@
+import { createElement } from "react";
+function renderNativeInvoker(as, marker, command, target, consumerProps) {
+  const markers = typeof marker === "string" ? [marker] : marker;
+  return createElement(as ?? "button", {
+    ...consumerProps,
+    ...Object.fromEntries(markers.map((name) => [name, ""])),
+    command,
+    commandfor: target,
+    type: "button"
+  });
+}
+export {
+  renderNativeInvoker
+};
+//# sourceMappingURL=render-native-invoker.js.map

package/dist/core/render-native-invoker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/core/render-native-invoker.ts"],"sourcesContent":["import { createElement } from \"react\";\nimport type { ElementType, ReactElement } from \"react\";\n\nexport type NativeInvokerCommand = \"show-modal\" | \"request-close\";\n\n/**\n * Render a native invoker button. `command`/`commandfor` are lowercase HTML\n * attributes that React 19.2 passes through untouched; @types/react 19.2 does\n * not declare them and the lint rule react/no-unknown-property rejects them in\n * JSX, so they travel as a props object through createElement. Shared by the\n * Modal and AlertModal parts, which use identical `show-modal`/`request-close`\n * command semantics; Popup uses `popoverTarget`/`popoverTargetAction` instead\n * and keeps its own renderer (see popup/PopupParts.tsx).\n *\n * `marker` accepts one or more attribute names so a component can emit its own\n * marker alongside a deprecated one during a rename transition; every name is set to `\"\"`.\n */\nexport function renderNativeInvoker(\n  as: ElementType | undefined,\n  marker: string | readonly string[],\n  command: NativeInvokerCommand,\n  target: string,\n  consumerProps: Record<string, unknown>,\n): ReactElement {\n  const markers = typeof marker === \"string\" ? [marker] : marker;\n  return createElement(as ?? \"button\", {\n    ...consumerProps,\n    ...Object.fromEntries(markers.map((name) => [name, \"\"])),\n    command,\n    commandfor: target,\n    type: \"button\",\n  });\n}\n"],"mappings":"AAAA,SAAS,qBAAqB;AAiBvB,SAAS,oBACd,IACA,QACA,SACA,QACA,eACc;AACd,QAAM,UAAU,OAAO,WAAW,WAAW,CAAC,MAAM,IAAI;AACxD,SAAO,cAAc,MAAM,UAAU;AAAA,IACnC,GAAG;AAAA,IACH,GAAG,OAAO,YAAY,QAAQ,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC;AAAA,IACvD;AAAA,IACA,YAAY;AAAA,IACZ,MAAM;AAAA,EACR,CAAC;AACH;","names":[]}

package/dist/core/render.d.ts

@@ -0,0 +1,5 @@
+export { renderNativeInvoker } from "./render-native-invoker.js";
+export { useRenderElement } from "./use-render-element.js";
+export type { ElementFor, NativeButtonAs, NativeButtonProps, PolymorphicProps, RenderableProps, RenderCallbackProps, } from "./polymorphic.js";
+export type { NativeInvokerCommand } from "./render-native-invoker.js";
+//# sourceMappingURL=render.d.ts.map

package/dist/core/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/core/render.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,YAAY,EACV,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/core/render.js

@@ -0,0 +1,7 @@
+import { renderNativeInvoker } from "./render-native-invoker.js";
+import { useRenderElement } from "./use-render-element.js";
+export {
+  renderNativeInvoker,
+  useRenderElement
+};
+//# sourceMappingURL=render.js.map

package/dist/core/render.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/core/render.ts"],"sourcesContent":["export { renderNativeInvoker } from \"./render-native-invoker.js\";\nexport { useRenderElement } from \"./use-render-element.js\";\nexport type {\n  ElementFor,\n  NativeButtonAs,\n  NativeButtonProps,\n  PolymorphicProps,\n  RenderableProps,\n  RenderCallbackProps,\n} from \"./polymorphic.js\";\nexport type { NativeInvokerCommand } from \"./render-native-invoker.js\";\n"],"mappings":"AAAA,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;","names":[]}

package/dist/core/roving-focus-store.d.ts

@@ -0,0 +1,29 @@
+import type { Direction } from "./direction.js";
+export type RovingFocusOrientation = "horizontal" | "vertical" | "both";
+export interface RovingFocusItemRecord {
+    readonly disabled: boolean;
+    readonly element: HTMLElement | null;
+    readonly id: string;
+    readonly textValue: string;
+}
+export interface RovingFocusConfig {
+    readonly direction: Direction;
+    readonly loop: boolean;
+    readonly orientation: RovingFocusOrientation;
+}
+export interface RovingFocusStore {
+    focus(id: string): void;
+    getCurrentId(): string | null;
+    getItems(): readonly RovingFocusItemRecord[];
+    move(fromId: string, key: string): boolean;
+    register(item: RovingFocusItemRecord): () => void;
+    search(character: string): void;
+    setCurrentId(id: string): void;
+    setElement(id: string, element: HTMLElement | null): void;
+    subscribe(listener: () => void): () => void;
+    subscribeItem(id: string, listener: () => void): () => void;
+    updateConfig(config: RovingFocusConfig): void;
+    updateItem(id: string, item: Partial<RovingFocusItemRecord>): void;
+}
+export declare function createRovingFocusStore(initial: RovingFocusConfig): RovingFocusStore;
+//# sourceMappingURL=roving-focus-store.d.ts.map

package/dist/core/roving-focus-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving-focus-store.d.ts","sourceRoot":"","sources":["../../src/core/roving-focus-store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;AAExE,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,SAAS,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,WAAW,EAAE,sBAAsB,CAAC;CAC9C;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,YAAY,IAAI,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,IAAI,SAAS,qBAAqB,EAAE,CAAC;IAC7C,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3C,QAAQ,CAAC,IAAI,EAAE,qBAAqB,GAAG,MAAM,IAAI,CAAC;IAClD,MAAM,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1D,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC;IAC5C,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC;IAC5D,YAAY,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,qBAAqB,CAAC,GAAG,IAAI,CAAC;CACpE;AAMD,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,iBAAiB,GAAG,gBAAgB,CAsHnF"}

package/dist/core/roving-focus-store.js

@@ -0,0 +1,125 @@
+import { sortByDocumentOrder } from "./dom-order.js";
+function orderedItems(items) {
+  return sortByDocumentOrder(items.values(), (item) => item.element);
+}
+function createRovingFocusStore(initial) {
+  const items = /* @__PURE__ */ new Map();
+  const listeners = /* @__PURE__ */ new Set();
+  const itemListeners = /* @__PURE__ */ new Map();
+  let config = initial;
+  let currentId = null;
+  let search = "";
+  let searchTimer;
+  const emit = () => {
+    for (const listener of listeners) listener();
+  };
+  const emitItem = (id) => {
+    if (!id) return;
+    for (const listener of itemListeners.get(id) ?? []) listener();
+  };
+  const commitCurrentId = (id) => {
+    if (currentId === id) return;
+    const previous = currentId;
+    currentId = id;
+    emit();
+    emitItem(previous);
+    emitItem(id);
+  };
+  const getEnabled = () => orderedItems(items).filter((item) => !item.disabled);
+  const store = {
+    focus(id) {
+      const item = items.get(id);
+      if (!item || item.disabled) return;
+      store.setCurrentId(id);
+      item.element?.focus({ preventScroll: true });
+    },
+    getCurrentId: () => currentId,
+    getItems: () => orderedItems(items),
+    move(fromId, key) {
+      const enabled = getEnabled();
+      if (enabled.length === 0) return false;
+      const currentIndex = Math.max(
+        0,
+        enabled.findIndex((item) => item.id === fromId)
+      );
+      const horizontal = config.orientation !== "vertical";
+      const vertical = config.orientation !== "horizontal";
+      let offset = 0;
+      if (vertical && key === "ArrowDown") offset = 1;
+      if (vertical && key === "ArrowUp") offset = -1;
+      if (horizontal && key === "ArrowRight") {
+        offset = config.direction === "rtl" ? -1 : 1;
+      }
+      if (horizontal && key === "ArrowLeft") {
+        offset = config.direction === "rtl" ? 1 : -1;
+      }
+      if (offset === 0 && key !== "Home" && key !== "End") return false;
+      let nextIndex = key === "Home" ? 0 : key === "End" ? enabled.length - 1 : currentIndex + offset;
+      if (config.loop) nextIndex = (nextIndex + enabled.length) % enabled.length;
+      const next = enabled[nextIndex];
+      if (!next) return false;
+      store.focus(next.id);
+      return true;
+    },
+    register(item) {
+      items.set(item.id, item);
+      if (currentId === null && !item.disabled) commitCurrentId(item.id);
+      return () => {
+        const wasCurrent = currentId === item.id;
+        if (!items.delete(item.id)) return;
+        if (wasCurrent) commitCurrentId(getEnabled()[0]?.id ?? null);
+        else emit();
+      };
+    },
+    search(character) {
+      clearTimeout(searchTimer);
+      const repeated = search.length > 0 && [...search].every((value) => value === character);
+      search = repeated ? character : search + character;
+      const query = search.toLocaleLowerCase();
+      const enabled = getEnabled();
+      const start = Math.max(0, enabled.findIndex((item) => item.id === currentId) + 1);
+      const rotated = [...enabled.slice(start), ...enabled.slice(0, start)];
+      const match = rotated.find((item) => item.textValue.toLocaleLowerCase().startsWith(query));
+      if (match) store.focus(match.id);
+      searchTimer = setTimeout(() => {
+        search = "";
+      }, 500);
+    },
+    setCurrentId(id) {
+      commitCurrentId(id);
+    },
+    setElement(id, element) {
+      store.updateItem(id, { element });
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => listeners.delete(listener);
+    },
+    subscribeItem(id, listener) {
+      const set = itemListeners.get(id) ?? /* @__PURE__ */ new Set();
+      set.add(listener);
+      itemListeners.set(id, set);
+      return () => {
+        set.delete(listener);
+        if (set.size === 0) itemListeners.delete(id);
+      };
+    },
+    updateConfig(next) {
+      config = next;
+    },
+    updateItem(id, update) {
+      const item = items.get(id);
+      if (!item) return;
+      const next = { ...item, ...update };
+      items.set(id, next);
+      if (id === currentId && next.disabled) {
+        commitCurrentId(getEnabled()[0]?.id ?? null);
+      }
+    }
+  };
+  return store;
+}
+export {
+  createRovingFocusStore
+};
+//# sourceMappingURL=roving-focus-store.js.map

package/dist/core/roving-focus-store.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/core/roving-focus-store.ts"],"sourcesContent":["import type { Direction } from \"./direction.js\";\nimport { sortByDocumentOrder } from \"./dom-order.js\";\n\nexport type RovingFocusOrientation = \"horizontal\" | \"vertical\" | \"both\";\n\nexport interface RovingFocusItemRecord {\n  readonly disabled: boolean;\n  readonly element: HTMLElement | null;\n  readonly id: string;\n  readonly textValue: string;\n}\n\nexport interface RovingFocusConfig {\n  readonly direction: Direction;\n  readonly loop: boolean;\n  readonly orientation: RovingFocusOrientation;\n}\n\nexport interface RovingFocusStore {\n  focus(id: string): void;\n  getCurrentId(): string | null;\n  getItems(): readonly RovingFocusItemRecord[];\n  move(fromId: string, key: string): boolean;\n  register(item: RovingFocusItemRecord): () => void;\n  search(character: string): void;\n  setCurrentId(id: string): void;\n  setElement(id: string, element: HTMLElement | null): void;\n  subscribe(listener: () => void): () => void;\n  subscribeItem(id: string, listener: () => void): () => void;\n  updateConfig(config: RovingFocusConfig): void;\n  updateItem(id: string, item: Partial<RovingFocusItemRecord>): void;\n}\n\nfunction orderedItems(items: Map<string, RovingFocusItemRecord>) {\n  return sortByDocumentOrder(items.values(), (item) => item.element);\n}\n\nexport function createRovingFocusStore(initial: RovingFocusConfig): RovingFocusStore {\n  const items = new Map<string, RovingFocusItemRecord>();\n  const listeners = new Set<() => void>();\n  const itemListeners = new Map<string, Set<() => void>>();\n  let config = initial;\n  let currentId: string | null = null;\n  let search = \"\";\n  let searchTimer: ReturnType<typeof setTimeout> | undefined;\n  const emit = () => {\n    for (const listener of listeners) listener();\n  };\n  const emitItem = (id: string | null) => {\n    if (!id) return;\n    for (const listener of itemListeners.get(id) ?? []) listener();\n  };\n  const commitCurrentId = (id: string | null) => {\n    if (currentId === id) return;\n    const previous = currentId;\n    currentId = id;\n    emit();\n    emitItem(previous);\n    emitItem(id);\n  };\n  const getEnabled = () => orderedItems(items).filter((item) => !item.disabled);\n\n  const store: RovingFocusStore = {\n    focus(id) {\n      const item = items.get(id);\n      if (!item || item.disabled) return;\n      store.setCurrentId(id);\n      item.element?.focus({ preventScroll: true });\n    },\n    getCurrentId: () => currentId,\n    getItems: () => orderedItems(items),\n    move(fromId, key) {\n      const enabled = getEnabled();\n      if (enabled.length === 0) return false;\n      const currentIndex = Math.max(\n        0,\n        enabled.findIndex((item) => item.id === fromId),\n      );\n      const horizontal = config.orientation !== \"vertical\";\n      const vertical = config.orientation !== \"horizontal\";\n      let offset = 0;\n      if (vertical && key === \"ArrowDown\") offset = 1;\n      if (vertical && key === \"ArrowUp\") offset = -1;\n      if (horizontal && key === \"ArrowRight\") {\n        offset = config.direction === \"rtl\" ? -1 : 1;\n      }\n      if (horizontal && key === \"ArrowLeft\") {\n        offset = config.direction === \"rtl\" ? 1 : -1;\n      }\n      if (offset === 0 && key !== \"Home\" && key !== \"End\") return false;\n      let nextIndex =\n        key === \"Home\" ? 0 : key === \"End\" ? enabled.length - 1 : currentIndex + offset;\n      if (config.loop) nextIndex = (nextIndex + enabled.length) % enabled.length;\n      const next = enabled[nextIndex];\n      if (!next) return false;\n      store.focus(next.id);\n      return true;\n    },\n    register(item) {\n      items.set(item.id, item);\n      if (currentId === null && !item.disabled) commitCurrentId(item.id);\n      return () => {\n        const wasCurrent = currentId === item.id;\n        if (!items.delete(item.id)) return;\n        if (wasCurrent) commitCurrentId(getEnabled()[0]?.id ?? null);\n        else emit();\n      };\n    },\n    search(character) {\n      clearTimeout(searchTimer);\n      const repeated = search.length > 0 && [...search].every((value) => value === character);\n      search = repeated ? character : search + character;\n      const query = search.toLocaleLowerCase();\n      const enabled = getEnabled();\n      const start = Math.max(0, enabled.findIndex((item) => item.id === currentId) + 1);\n      const rotated = [...enabled.slice(start), ...enabled.slice(0, start)];\n      const match = rotated.find((item) => item.textValue.toLocaleLowerCase().startsWith(query));\n      if (match) store.focus(match.id);\n      searchTimer = setTimeout(() => {\n        search = \"\";\n      }, 500);\n    },\n    setCurrentId(id) {\n      commitCurrentId(id);\n    },\n    setElement(id, element) {\n      store.updateItem(id, { element });\n    },\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => listeners.delete(listener);\n    },\n    subscribeItem(id, listener) {\n      const set = itemListeners.get(id) ?? new Set<() => void>();\n      set.add(listener);\n      itemListeners.set(id, set);\n      return () => {\n        set.delete(listener);\n        if (set.size === 0) itemListeners.delete(id);\n      };\n    },\n    updateConfig(next) {\n      config = next;\n    },\n    updateItem(id, update) {\n      const item = items.get(id);\n      if (!item) return;\n      const next = { ...item, ...update };\n      items.set(id, next);\n      if (id === currentId && next.disabled) {\n        commitCurrentId(getEnabled()[0]?.id ?? null);\n      }\n    },\n  };\n  return store;\n}\n"],"mappings":"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","names":[]}

package/dist/core/roving-focus.d.ts

@@ -0,0 +1,29 @@
+import type { ElementType, ReactElement } from "react";
+import { type Direction } from "./direction.js";
+import type { RenderableProps } from "./polymorphic.js";
+import { createRovingFocusStore, type RovingFocusOrientation, type RovingFocusStore } from "./roving-focus-store.js";
+export interface RovingFocusRootOwnProps {
+    readonly direction?: Direction;
+    readonly loop?: boolean;
+    readonly orientation?: RovingFocusOrientation;
+}
+export type RovingFocusRootProps<TAs extends ElementType = "div"> = RenderableProps<TAs, RovingFocusRootOwnProps, {
+    orientation: RovingFocusOrientation;
+}, HTMLElement>;
+export declare function RovingFocusRoot<TAs extends ElementType = "div">(props: RovingFocusRootProps<TAs>): ReactElement | null;
+export declare namespace RovingFocusRoot {
+    var displayName: string;
+}
+export interface RovingFocusItemOwnProps {
+    readonly disabled?: boolean;
+    readonly id?: string;
+    readonly textValue?: string;
+}
+export type RovingFocusItemProps<TAs extends ElementType = "div"> = RenderableProps<TAs, RovingFocusItemOwnProps, {
+    current: boolean;
+    disabled: boolean;
+}, HTMLElement>;
+export declare function RovingFocusItem<TAs extends ElementType = "div">(props: RovingFocusItemProps<TAs>): ReactElement | null;
+export { createRovingFocusStore };
+export type { RovingFocusOrientation, RovingFocusStore };
+//# sourceMappingURL=roving-focus.d.ts.map

package/dist/core/roving-focus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving-focus.d.ts","sourceRoot":"","sources":["../../src/core/roving-focus.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,WAAW,EAGX,YAAY,EAEb,MAAM,OAAO,CAAC;AAEf,OAAO,EAAgB,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EACL,sBAAsB,EACtB,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,EACtB,MAAM,yBAAyB,CAAC;AAKjC,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IAC/B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,sBAAsB,CAAC;CAC/C;AAED,MAAM,MAAM,oBAAoB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CACjF,GAAG,EACH,uBAAuB,EACvB;IAAE,WAAW,EAAE,sBAAsB,CAAA;CAAE,EACvC,WAAW,CACZ,CAAC;AAEF,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC7D,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CA0BrB;yBA5Be,eAAe;;;AA+B/B,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,oBAAoB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CACjF,GAAG,EACH,uBAAuB,EACvB;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,EACvC,WAAW,CACZ,CAAC;AAEF,wBAAgB,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC7D,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAC/B,YAAY,GAAG,IAAI,CA+ErB;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,YAAY,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,CAAC"}