@zappie/foundations 0.1.0 → 0.1.2

package/dist/overlay/react.js

@@ -0,0 +1,261 @@
+"use client";
+
+// src/overlay/react.tsx
+import {
+  createContext,
+  forwardRef,
+  useCallback,
+  useContext,
+  useEffect,
+  useId,
+  useMemo,
+  useRef,
+  useState,
+  useSyncExternalStore
+} from "react";
+import { composeRefs, part, partId } from "../internal/slot.js";
+import {
+  closeOverlay,
+  locationSnapshot,
+  openOverlay,
+  subscribeLocation
+} from "./history.js";
+import { jsx } from "react/jsx-runtime";
+var engineModule;
+var enginePromise;
+function loadOverlayEngine() {
+  enginePromise ?? (enginePromise = import("./engine.js").then(
+    (module) => engineModule = module,
+    (error) => {
+      enginePromise = void 0;
+      throw error;
+    }
+  ));
+  return enginePromise;
+}
+function useOverlay(param, id, options) {
+  const search = useSyncExternalStore(
+    subscribeLocation,
+    locationSnapshot,
+    () => ""
+  );
+  const optionsRef = useRef(options);
+  optionsRef.current = options;
+  const open = useCallback(
+    (query) => openOverlay(param, id, query),
+    [param, id]
+  );
+  const close = useCallback(
+    () => closeOverlay(param, id, optionsRef.current),
+    [param, id]
+  );
+  return useMemo(
+    () => ({
+      isOpen: new URLSearchParams(search).get(param) === id,
+      open,
+      close
+    }),
+    [search, param, id, open, close]
+  );
+}
+var BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 };
+function usePresentation(value) {
+  const key = typeof value === "string" ? value : JSON.stringify(value);
+  const resolve = useCallback(() => {
+    const parsed = key.startsWith("{") ? JSON.parse(key) : key;
+    if (typeof parsed === "string") {
+      return parsed;
+    }
+    let current = parsed.base;
+    for (const [name, width] of Object.entries(BREAKPOINTS)) {
+      const at = parsed[name];
+      if (at && window.matchMedia(`(min-width: ${width}px)`).matches) {
+        current = at;
+      }
+    }
+    return current;
+  }, [key]);
+  const subscribe = useCallback(
+    (onChange) => {
+      if (!key.startsWith("{")) {
+        return () => {
+        };
+      }
+      const queries = Object.values(BREAKPOINTS).map(
+        (width) => window.matchMedia(`(min-width: ${width}px)`)
+      );
+      queries.forEach((query) => query.addEventListener("change", onChange));
+      return () => queries.forEach(
+        (query) => query.removeEventListener("change", onChange)
+      );
+    },
+    [key]
+  );
+  return useSyncExternalStore(
+    subscribe,
+    resolve,
+    () => typeof value === "string" ? value : value.base
+  );
+}
+var Context = createContext(null);
+var EngineContext = createContext(null);
+function useContextValue() {
+  const value = useContext(Context);
+  if (!value) {
+    throw new Error("Overlay parts require Overlay.Root");
+  }
+  return value;
+}
+var prefetch = () => void loadOverlayEngine().catch(() => {
+});
+function Root({
+  param,
+  id,
+  presentation = "dialog",
+  swipeDirection,
+  fallback,
+  omitParams,
+  navigation,
+  ...props
+}) {
+  const queryOverlay = useOverlay(param, id, { fallback, omitParams });
+  const overlay = navigation ?? queryOverlay;
+  const resolved = usePresentation(presentation);
+  const generated = useId();
+  const [contentId, setContentId] = useState(`zappie-overlay-${generated}`);
+  const trigger = useRef(null);
+  useEffect(() => {
+    if (engineModule) {
+      return void 0;
+    }
+    if (typeof window.requestIdleCallback === "function") {
+      const handle2 = window.requestIdleCallback(prefetch);
+      return () => window.cancelIdleCallback(handle2);
+    }
+    const handle = window.setTimeout(prefetch, 1500);
+    return () => window.clearTimeout(handle);
+  }, []);
+  const context = useMemo(
+    () => ({
+      ...overlay,
+      presentation: resolved,
+      swipeDirection: swipeDirection ?? (resolved === "sheet" ? "right" : "down"),
+      contentId,
+      setContentId,
+      trigger
+    }),
+    [overlay, resolved, swipeDirection, contentId]
+  );
+  return /* @__PURE__ */ jsx(Context.Provider, { value: context, children: part("div", props, overlay, {
+    "data-state": overlay.isOpen ? "open" : "closed",
+    "data-presentation": resolved
+  }) });
+}
+var Trigger = forwardRef(
+  function Trigger2(props, ref) {
+    const ctx = useContextValue();
+    return part(
+      "button",
+      props,
+      ctx,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": ctx.isOpen,
+        "aria-controls": ctx.contentId,
+        "data-state": ctx.isOpen ? "open" : "closed",
+        onPointerEnter: prefetch,
+        onFocus: prefetch,
+        onClick: () => ctx.open()
+      },
+      composeRefs(ref, (node) => {
+        ctx.trigger.current = node;
+      })
+    );
+  }
+);
+var Content = forwardRef(function Content2({ onEscape, onInteractOutside, forceMount, container, ...props }, ref) {
+  const ctx = useContextValue();
+  const [engine, setEngine] = useState(engineModule);
+  const [opened, setOpened] = useState(ctx.isOpen);
+  if (ctx.isOpen && !opened) {
+    setOpened(true);
+  }
+  const customId = partId(props);
+  const { setContentId } = ctx;
+  useEffect(() => {
+    if (customId) {
+      setContentId(customId);
+    }
+  }, [customId, setContentId]);
+  useEffect(() => {
+    if (engine || !(ctx.isOpen || forceMount)) {
+      return void 0;
+    }
+    let live = true;
+    void loadOverlayEngine().then(
+      (module) => {
+        if (live) {
+          setEngine(module);
+        }
+      },
+      () => {
+      }
+    );
+    return () => {
+      live = false;
+    };
+  }, [engine, ctx.isOpen, forceMount]);
+  if (!engine || !opened && !forceMount) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(EngineContext.Provider, { value: engine, children: /* @__PURE__ */ jsx(
+    engine.Surface,
+    {
+      open: ctx.isOpen,
+      presentation: ctx.presentation,
+      swipeDirection: ctx.swipeDirection,
+      contentId: ctx.contentId,
+      trigger: ctx.trigger,
+      onOpen: () => ctx.open(),
+      onClose: ctx.close,
+      onEscape,
+      onInteractOutside,
+      forceMount,
+      container,
+      state: ctx,
+      contentProps: props,
+      contentRef: ref
+    }
+  ) });
+});
+function useEngine() {
+  const engine = useContext(EngineContext);
+  if (!engine) {
+    throw new Error(
+      "Overlay.Title and Overlay.Close must be inside Overlay.Content"
+    );
+  }
+  return engine;
+}
+var Title = forwardRef(
+  function Title2(props, ref) {
+    const ctx = useContextValue();
+    const { EngineTitle } = useEngine();
+    return /* @__PURE__ */ jsx(EngineTitle, { ...props, state: ctx, ref });
+  }
+);
+var Close = forwardRef(
+  function Close2(props, ref) {
+    const ctx = useContextValue();
+    const { EngineClose } = useEngine();
+    return /* @__PURE__ */ jsx(EngineClose, { ...props, state: ctx, ref });
+  }
+);
+var Overlay = { Root, Trigger, Content, Title, Close };
+export {
+  Overlay,
+  loadOverlayEngine,
+  useOverlay
+};
+//# sourceMappingURL=react.js.map

package/dist/overlay/react.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/overlay/react.tsx"],
+  "sourcesContent": ["\"use client\";\nimport {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from \"react\";\nimport { composeRefs, part, partId, type PartProps } from \"../internal/slot\";\nimport type { Presentation, SwipeDirection } from \"./engine\";\nimport {\n  closeOverlay,\n  locationSnapshot,\n  openOverlay,\n  subscribeLocation,\n  type CloseOptions,\n  type OverlayQuery,\n} from \"./history\";\n\ntype EngineModule = typeof import(\"./engine\");\nlet engineModule: EngineModule | undefined;\nlet enginePromise: Promise<EngineModule> | undefined;\n/**\n * Load the overlay engine (Base UI dialog and drawer). It is a separate chunk: Root prefetches\n * it when the browser is idle and on trigger hover/focus, so it is usually ready by first open.\n */\nexport function loadOverlayEngine(): Promise<EngineModule> {\n  enginePromise ??= import(\"./engine\").then(\n    (module) => (engineModule = module),\n    (error: unknown) => {\n      // A failed chunk load (e.g. offline) must not poison later opens.\n      enginePromise = undefined;\n      throw error;\n    },\n  );\n  return enginePromise;\n}\n\n/**\n * Control an overlay whose open state is stored in a URL query parameter.\n *\n * @param param - The query parameter to read and update.\n * @param id - The value that identifies this overlay as open.\n * @param options - Fallback query values and query parameters to omit when closing.\n * @returns Reactive open state and history-backed open and close actions.\n */\nexport function useOverlay(param: string, id: string, options?: CloseOptions) {\n  const search = useSyncExternalStore(\n    subscribeLocation,\n    locationSnapshot,\n    () => \"\",\n  );\n  const optionsRef = useRef(options);\n  optionsRef.current = options;\n  const open = useCallback(\n    (query?: OverlayQuery) => openOverlay(param, id, query),\n    [param, id],\n  );\n  const close = useCallback(\n    () => closeOverlay(param, id, optionsRef.current),\n    [param, id],\n  );\n  return useMemo(\n    () => ({\n      isOpen: new URLSearchParams(search).get(param) === id,\n      open,\n      close,\n    }),\n    [search, param, id, open, close],\n  );\n}\n\n/** Tailwind's default min-width breakpoints. */\nconst BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 } as const;\nexport type ResponsivePresentation =\n  | Presentation\n  | ({ base: Presentation } & Partial<\n      Record<keyof typeof BREAKPOINTS, Presentation>\n    >);\n/** Choose a presentation using media queries. The server renders `base`. */\nfunction usePresentation(value: ResponsivePresentation): Presentation {\n  // Serialise so inline objects don't resubscribe on every render.\n  const key = typeof value === \"string\" ? value : JSON.stringify(value);\n  const resolve = useCallback((): Presentation => {\n    const parsed = (\n      key.startsWith(\"{\") ? JSON.parse(key) : key\n    ) as ResponsivePresentation;\n    if (typeof parsed === \"string\") {\n      return parsed;\n    }\n    let current = parsed.base;\n    for (const [name, width] of Object.entries(BREAKPOINTS)) {\n      const at = parsed[name as keyof typeof BREAKPOINTS];\n      if (at && window.matchMedia(`(min-width: ${width}px)`).matches) {\n        current = at;\n      }\n    }\n    return current;\n  }, [key]);\n  const subscribe = useCallback(\n    (onChange: () => void) => {\n      if (!key.startsWith(\"{\")) {\n        return () => {};\n      }\n      const queries = Object.values(BREAKPOINTS).map((width) =>\n        window.matchMedia(`(min-width: ${width}px)`),\n      );\n      queries.forEach((query) => query.addEventListener(\"change\", onChange));\n      return () =>\n        queries.forEach((query) =>\n          query.removeEventListener(\"change\", onChange),\n        );\n    },\n    [key],\n  );\n  return useSyncExternalStore(subscribe, resolve, () =>\n    typeof value === \"string\" ? value : value.base,\n  );\n}\n\ntype OverlayState = ReturnType<typeof useOverlay>;\ntype OverlayContext = OverlayState & {\n  presentation: Presentation;\n  swipeDirection: SwipeDirection;\n  contentId: string;\n  setContentId: (id: string) => void;\n  trigger: { current: HTMLElement | null };\n};\nconst Context = createContext<OverlayContext | null>(null);\nconst EngineContext = createContext<EngineModule | null>(null);\nfunction useContextValue() {\n  const value = useContext(Context);\n  if (!value) {\n    throw new Error(\"Overlay parts require Overlay.Root\");\n  }\n  return value;\n}\nconst prefetch = () => void loadOverlayEngine().catch(() => {});\n\n/**\n * The URL is the only open state. The engine (Base UI) supplies the modal mechanics: portal,\n * focus scope, scroll lock, outside and Escape dismissal, exit presence and, for drawers and\n * sheets, swipe-to-dismiss. Every open or close it requests goes through the history core.\n */\nfunction Root({\n  param,\n  id,\n  presentation = \"dialog\",\n  swipeDirection,\n  fallback,\n  omitParams,\n  navigation,\n  ...props\n}: PartProps<OverlayState> & {\n  param: string;\n  id: string;\n  /** Your URL adapter for overlays whose open state lives in the path. */\n  navigation?: OverlayState;\n  /** A `dialog`, swipeable `drawer` or `sheet`. Use `{ base, sm, md, lg, xl }` for responsive layouts. */\n  presentation?: ResponsivePresentation;\n  /** Swipe direction to dismiss. Defaults to `down` for drawers and `right` for sheets. */\n  swipeDirection?: SwipeDirection;\n} & CloseOptions) {\n  const queryOverlay = useOverlay(param, id, { fallback, omitParams });\n  const overlay = navigation ?? queryOverlay;\n  const resolved = usePresentation(presentation);\n  const generated = useId();\n  const [contentId, setContentId] = useState(`zappie-overlay-${generated}`);\n  const trigger = useRef<HTMLElement | null>(null);\n  useEffect(() => {\n    if (engineModule) {\n      return undefined;\n    }\n    if (typeof window.requestIdleCallback === \"function\") {\n      const handle = window.requestIdleCallback(prefetch);\n      return () => window.cancelIdleCallback(handle);\n    }\n    const handle = window.setTimeout(prefetch, 1500);\n    return () => window.clearTimeout(handle);\n  }, []);\n  const context = useMemo(\n    () => ({\n      ...overlay,\n      presentation: resolved,\n      swipeDirection:\n        swipeDirection ?? (resolved === \"sheet\" ? \"right\" : \"down\"),\n      contentId,\n      setContentId,\n      trigger,\n    }),\n    [overlay, resolved, swipeDirection, contentId],\n  );\n  return (\n    <Context.Provider value={context}>\n      {part(\"div\", props, overlay, {\n        \"data-state\": overlay.isOpen ? \"open\" : \"closed\",\n        \"data-presentation\": resolved,\n      })}\n    </Context.Provider>\n  );\n}\nconst Trigger = forwardRef<HTMLElement, PartProps<OverlayState>>(\n  function Trigger(props, ref) {\n    const ctx = useContextValue();\n    return part(\n      \"button\",\n      props,\n      ctx,\n      {\n        type: \"button\",\n        \"aria-haspopup\": \"dialog\",\n        \"aria-expanded\": ctx.isOpen,\n        \"aria-controls\": ctx.contentId,\n        \"data-state\": ctx.isOpen ? \"open\" : \"closed\",\n        onPointerEnter: prefetch,\n        onFocus: prefetch,\n        onClick: () => ctx.open(),\n      },\n      composeRefs(ref, (node: HTMLElement | null) => {\n        ctx.trigger.current = node;\n      }),\n    );\n  },\n);\nexport type OverlayContentProps = PartProps<OverlayState> & {\n  /** Runs on Escape. Call `event.preventDefault()` to keep the overlay open. */\n  onEscape?: (event: KeyboardEvent) => void;\n  /** Runs on an outside pointer press or focus. Call `event.preventDefault()` to keep the overlay open. */\n  onInteractOutside?: (event: Event) => void;\n  /** Keep the content mounted while closed, for exit animations driven by `data-state`. */\n  forceMount?: true;\n  /** Where to mount the content. Defaults to `document.body`. */\n  container?: HTMLElement | null;\n};\nconst Content = forwardRef<HTMLElement, OverlayContentProps>(function Content(\n  { onEscape, onInteractOutside, forceMount, container, ...props },\n  ref,\n) {\n  const ctx = useContextValue();\n  const [engine, setEngine] = useState(engineModule);\n  // Once opened, the surface stays mounted so the engine can play exit transitions.\n  const [opened, setOpened] = useState(ctx.isOpen);\n  if (ctx.isOpen && !opened) {\n    setOpened(true);\n  }\n  const customId = partId(props as Parameters<typeof partId>[0]);\n  const { setContentId } = ctx;\n  useEffect(() => {\n    if (customId) {\n      setContentId(customId);\n    }\n  }, [customId, setContentId]);\n  useEffect(() => {\n    if (engine || !(ctx.isOpen || forceMount)) {\n      return undefined;\n    }\n    let live = true;\n    void loadOverlayEngine().then(\n      (module) => {\n        if (live) {\n          setEngine(module);\n        }\n      },\n      () => {},\n    );\n    return () => {\n      live = false;\n    };\n  }, [engine, ctx.isOpen, forceMount]);\n  if (!engine || (!opened && !forceMount)) {\n    return null;\n  }\n  return (\n    <EngineContext.Provider value={engine}>\n      <engine.Surface\n        open={ctx.isOpen}\n        presentation={ctx.presentation}\n        swipeDirection={ctx.swipeDirection}\n        contentId={ctx.contentId}\n        trigger={ctx.trigger}\n        onOpen={() => ctx.open()}\n        onClose={ctx.close}\n        onEscape={onEscape}\n        onInteractOutside={onInteractOutside}\n        forceMount={forceMount}\n        container={container}\n        state={ctx}\n        contentProps={props as PartProps<never>}\n        contentRef={ref}\n      />\n    </EngineContext.Provider>\n  );\n});\nfunction useEngine() {\n  const engine = useContext(EngineContext);\n  if (!engine) {\n    throw new Error(\n      \"Overlay.Title and Overlay.Close must be inside Overlay.Content\",\n    );\n  }\n  return engine;\n}\nconst Title = forwardRef<HTMLElement, PartProps<OverlayState>>(\n  function Title(props, ref) {\n    const ctx = useContextValue();\n    const { EngineTitle } = useEngine();\n    return (\n      <EngineTitle {...(props as PartProps<unknown>)} state={ctx} ref={ref} />\n    );\n  },\n);\nconst Close = forwardRef<HTMLElement, PartProps<OverlayState>>(\n  function Close(props, ref) {\n    const ctx = useContextValue();\n    const { EngineClose } = useEngine();\n    return (\n      <EngineClose {...(props as PartProps<unknown>)} state={ctx} ref={ref} />\n    );\n  },\n);\n/**\n * Composable dialog, drawer and sheet parts with URL-backed open state and a lazy modal engine.\n * Use Root, Trigger, Content, Title and Close to connect history, focus handling and dismissal.\n */\nexport const Overlay = { Root, Trigger, Content, Title, Close };\n"],
+  "mappings": "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",
+  "names": ["handle", "Trigger", "Content", "Title", "Close"]
+}

package/dist/payment/methods.js

@@ -0,0 +1,103 @@
+"use client";
+
+// src/payment/methods.tsx
+import {
+  createContext,
+  forwardRef,
+  useContext
+} from "react";
+import { usePartId } from "../internal/ids.js";
+import { part } from "../internal/slot.js";
+import { useControllableState } from "../internal/use-controllable-state.js";
+import { jsx } from "react/jsx-runtime";
+var Context = createContext(null);
+function Root({
+  methods,
+  value,
+  defaultValue = null,
+  onValueChange,
+  ...props
+}) {
+  const [selected, set] = useControllableState({
+    value,
+    defaultValue,
+    onChange: onValueChange
+  });
+  const normalized = methods.map(
+    (method) => typeof method === "string" ? { value: method } : method
+  );
+  const setValue = (next) => {
+    if (normalized.some((method) => method.value === next && !method.disabled)) {
+      set(next);
+    }
+  };
+  const state = { methods: normalized, value: selected, setValue };
+  return /* @__PURE__ */ jsx(Context.Provider, { value: state, children: part("div", props, state, {
+    role: "radiogroup",
+    onKeyDown: (event) => {
+      if (![
+        "ArrowRight",
+        "ArrowDown",
+        "ArrowLeft",
+        "ArrowUp",
+        "Home",
+        "End"
+      ].includes(event.key)) {
+        return;
+      }
+      const buttons = Array.from(
+        event.currentTarget.querySelectorAll(
+          '[role="radio"]:not([aria-disabled="true"])'
+        )
+      );
+      if (!buttons.length) {
+        return;
+      }
+      event.preventDefault();
+      const current = buttons.indexOf(
+        document.activeElement
+      );
+      const index = event.key === "Home" ? 0 : event.key === "End" ? buttons.length - 1 : (current + (["ArrowLeft", "ArrowUp"].includes(event.key) ? -1 : 1) + buttons.length) % buttons.length;
+      buttons[index]?.focus();
+      buttons[index]?.click();
+    }
+  }) });
+}
+var Item = forwardRef(function Item2({ value, ...props }, ref) {
+  const ctx = useContext(Context);
+  const id = usePartId();
+  if (!ctx) {
+    throw new Error("PaymentMethods.Item requires PaymentMethods.Root");
+  }
+  const method = ctx.methods.find((method2) => method2.value === value);
+  if (!method) {
+    return null;
+  }
+  const selected = ctx.value === value;
+  const first = ctx.methods.find((method2) => !method2.disabled)?.value;
+  return part(
+    "button",
+    props,
+    { ...method, selected },
+    {
+      id,
+      type: "button",
+      role: "radio",
+      "aria-checked": selected,
+      "aria-disabled": method.disabled || void 0,
+      "aria-description": method.reason,
+      disabled: method.disabled,
+      tabIndex: selected || !ctx.value && first === value ? 0 : -1,
+      "data-disabled": method.disabled ? "" : void 0,
+      "data-selected": selected ? "" : void 0,
+      "data-state": selected ? "checked" : "unchecked",
+      onClick: () => ctx.setValue(value)
+    },
+    ref
+  );
+});
+var PaymentMethods = { Root, Item };
+export {
+  PaymentMethods
+};
+//# sourceMappingURL=methods.js.map

package/dist/payment/methods.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/payment/methods.tsx"],
+  "sourcesContent": ["\"use client\";\nimport type { PaymentMethodKind } from \"@zappie/sdk\";\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  type KeyboardEvent,\n} from \"react\";\nimport { usePartId } from \"../internal/ids\";\nimport { part, type PartProps } from \"../internal/slot\";\nimport { useControllableState } from \"../internal/use-controllable-state\";\n/**\n * A payment-method choice with optional disabled state and an explanatory reason.\n */\nexport type PaymentMethod = {\n  value: PaymentMethodKind;\n  disabled?: boolean;\n  reason?: string;\n};\ntype PaymentState = {\n  methods: PaymentMethod[];\n  value: PaymentMethodKind | null;\n  setValue: (value: PaymentMethodKind) => void;\n};\nconst Context = createContext<PaymentState | null>(null);\nfunction Root({\n  methods,\n  value,\n  defaultValue = null,\n  onValueChange,\n  ...props\n}: PartProps<PaymentState> & {\n  methods: (PaymentMethod | PaymentMethodKind)[];\n  value?: PaymentMethodKind | null;\n  defaultValue?: PaymentMethodKind | null;\n  onValueChange?: (value: PaymentMethodKind | null) => void;\n}) {\n  const [selected, set] = useControllableState({\n    value,\n    defaultValue,\n    onChange: onValueChange,\n  });\n  const normalized = methods.map((method) =>\n    typeof method === \"string\" ? { value: method } : method,\n  );\n  const setValue = (next: PaymentMethodKind) => {\n    if (\n      normalized.some((method) => method.value === next && !method.disabled)\n    ) {\n      set(next);\n    }\n  };\n  const state = { methods: normalized, value: selected, setValue };\n  return (\n    <Context.Provider value={state}>\n      {part(\"div\", props, state, {\n        role: \"radiogroup\",\n        onKeyDown: (event: KeyboardEvent<HTMLElement>) => {\n          if (\n            ![\n              \"ArrowRight\",\n              \"ArrowDown\",\n              \"ArrowLeft\",\n              \"ArrowUp\",\n              \"Home\",\n              \"End\",\n            ].includes(event.key)\n          ) {\n            return;\n          }\n          const buttons = Array.from(\n            event.currentTarget.querySelectorAll<HTMLElement>(\n              '[role=\"radio\"]:not([aria-disabled=\"true\"])',\n            ),\n          );\n          if (!buttons.length) {\n            return;\n          }\n          event.preventDefault();\n          const current = buttons.indexOf(\n            document.activeElement as HTMLElement,\n          );\n          const index =\n            event.key === \"Home\"\n              ? 0\n              : event.key === \"End\"\n                ? buttons.length - 1\n                : (current +\n                    ([\"ArrowLeft\", \"ArrowUp\"].includes(event.key) ? -1 : 1) +\n                    buttons.length) %\n                  buttons.length;\n          buttons[index]?.focus();\n          buttons[index]?.click();\n        },\n      })}\n    </Context.Provider>\n  );\n}\nconst Item = forwardRef<\n  HTMLElement,\n  PartProps<PaymentMethod & { selected: boolean }> & {\n    value: PaymentMethodKind;\n  }\n>(function Item({ value, ...props }, ref) {\n  const ctx = useContext(Context);\n  const id = usePartId();\n  if (!ctx) {\n    throw new Error(\"PaymentMethods.Item requires PaymentMethods.Root\");\n  }\n  const method = ctx.methods.find((method) => method.value === value);\n  if (!method) {\n    return null;\n  }\n  const selected = ctx.value === value;\n  const first = ctx.methods.find((method) => !method.disabled)?.value;\n  return part(\n    \"button\",\n    props,\n    { ...method, selected },\n    {\n      id,\n      type: \"button\",\n      role: \"radio\",\n      \"aria-checked\": selected,\n      \"aria-disabled\": method.disabled || undefined,\n      \"aria-description\": method.reason,\n      disabled: method.disabled,\n      tabIndex: selected || (!ctx.value && first === value) ? 0 : -1,\n      \"data-disabled\": method.disabled ? \"\" : undefined,\n      \"data-selected\": selected ? \"\" : undefined,\n      \"data-state\": selected ? \"checked\" : \"unchecked\",\n      onClick: () => ctx.setValue(value),\n    },\n    ref,\n  );\n});\n/**\n * Composable payment-method radio controls with keyboard navigation.\n * Root manages the selection. Item renders each method and prevents selection when disabled.\n */\nexport const PaymentMethods = { Root, Item };\n"],
+  "mappings": "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",
+  "names": ["Item", "method"]
+}

package/dist/rich-text/banners.js

@@ -0,0 +1,9 @@
+// src/rich-text/banners.ts
+var BANNER_DELIMITER = "<::>";
+var normalizeBannerDelimiters = (html) => html.replace(/<p>\s*(?:&lt;::&gt;|<::>)\s*<\/p>/gi, BANNER_DELIMITER).replaceAll("&lt;::&gt;", BANNER_DELIMITER);
+var splitInfoBanner = (infoBanner) => normalizeBannerDelimiters(infoBanner ?? "").split(BANNER_DELIMITER);
+export {
+  BANNER_DELIMITER,
+  splitInfoBanner
+};
+//# sourceMappingURL=banners.js.map

package/dist/rich-text/banners.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/rich-text/banners.ts"],
+  "sourcesContent": ["// Multiple menu info banners are stored as one string joined by this delimiter\n// (the dashboard editor joins on it; here we split it back out for display).\n/**\n * The separator used to store multiple menu info banners in a single string.\n */\nexport const BANNER_DELIMITER = \"<::>\";\n\n// The delimiter looks like an HTML tag, so once it lands inside the dashboard's\n// rich-text editor as content it gets serialised as escaped text \u2014 `&lt;::&gt;`,\n// usually on its own `<p>` line. Splitting on the literal `<::>` then finds\n// nothing and every banner collapses into one. Convert the escaped form (and its\n// `<p>` wrapper) back to the real delimiter before splitting.\nconst normalizeBannerDelimiters = (html: string): string =>\n  html\n    .replace(/<p>\\s*(?:&lt;::&gt;|<::>)\\s*<\\/p>/gi, BANNER_DELIMITER)\n    .replaceAll(\"&lt;::&gt;\", BANNER_DELIMITER);\n\n/** Split a stored info-banner value into individual banner HTML fragments. */\nexport const splitInfoBanner = (infoBanner?: string | null): string[] =>\n  normalizeBannerDelimiters(infoBanner ?? \"\").split(BANNER_DELIMITER);\n"],
+  "mappings": ";AAKO,IAAM,mBAAmB;AAOhC,IAAM,4BAA4B,CAAC,SACjC,KACG,QAAQ,uCAAuC,gBAAgB,EAC/D,WAAW,cAAc,gBAAgB;AAGvC,IAAM,kBAAkB,CAAC,eAC9B,0BAA0B,cAAc,EAAE,EAAE,MAAM,gBAAgB;",
+  "names": []
+}

package/dist/rich-text/browser.js

@@ -18,7 +18,7 @@ var parseRichText = (html) => {
   const document = new DOMParser().parseFromString(html, "text/html");
   return Array.from(document.body.childNodes).map(convertNode);
 };
-
-export { parseRichText };
+export {
+  parseRichText
+};
 //# sourceMappingURL=browser.js.map
-//# sourceMappingURL=browser.js.map

package/dist/rich-text/browser.js.map

@@ -1 +1,7 @@
-{"version":3,"sources":["../../src/rich-text/browser.ts"],"names":[],"mappings":";AAEA,IAAM,SAAA,GAAY,CAAA;AAClB,IAAM,YAAA,GAAe,CAAA;AAErB,IAAM,WAAA,GAAc,CAAC,IAAA,KAAmC;AACtD,EAAA,IAAI,IAAA,CAAK,aAAa,SAAA,EAAW;AAC/B,IAAA,OAAO,EAAE,IAAA,EAAM,MAAA,EAAQ,IAAA,EAAM,IAAA,CAAK,aAAa,EAAA,EAAG;AAAA,EACpD;AAEA,EAAA,IAAI,IAAA,CAAK,aAAa,YAAA,EAAc;AAClC,IAAA,OAAO,EAAE,MAAM,SAAA,EAAU;AAAA,EAC3B;AAEA,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,KAAA;AAAA,IACN,IAAA,EAAM,IAAA,CAAK,QAAA,CAAS,WAAA,EAAY;AAAA,IAChC,UAAU,KAAA,CAAM,IAAA,CAAK,KAAK,UAAU,CAAA,CAAE,IAAI,WAAW;AAAA,GACvD;AACF,CAAA;AAMO,IAAM,aAAA,GAAgB,CAAC,IAAA,KAAuC;AACnE,EAAA,MAAM,WAAW,IAAI,SAAA,EAAU,CAAE,eAAA,CAAgB,MAAM,WAAW,CAAA;AAClE,EAAA,OAAO,MAAM,IAAA,CAAK,QAAA,CAAS,KAAK,UAAU,CAAA,CAAE,IAAI,WAAW,CAAA;AAC7D","file":"browser.js","sourcesContent":["import type { ParsedRichTextNode } from \"./core\";\n\nconst TEXT_NODE = 3;\nconst COMMENT_NODE = 8;\n\nconst convertNode = (node: Node): ParsedRichTextNode => {\n  if (node.nodeType === TEXT_NODE) {\n    return { type: \"text\", data: node.nodeValue || \"\" };\n  }\n\n  if (node.nodeType === COMMENT_NODE) {\n    return { type: \"comment\" };\n  }\n\n  return {\n    type: \"tag\",\n    name: node.nodeName.toLowerCase(),\n    children: Array.from(node.childNodes).map(convertNode),\n  };\n};\n\n/**\n * Parse HTML with the browser DOMParser and convert body children to the shared rich-text node format.\n * Requires a DOM environment. Pair with createSanitizeRichText to remove unsupported content.\n */\nexport const parseRichText = (html: string): ParsedRichTextNode[] => {\n  const document = new DOMParser().parseFromString(html, \"text/html\");\n  return Array.from(document.body.childNodes).map(convertNode);\n};\n"]}
+{
+  "version": 3,
+  "sources": ["../../src/rich-text/browser.ts"],
+  "sourcesContent": ["import type { ParsedRichTextNode } from \"./core\";\n\nconst TEXT_NODE = 3;\nconst COMMENT_NODE = 8;\n\nconst convertNode = (node: Node): ParsedRichTextNode => {\n  if (node.nodeType === TEXT_NODE) {\n    return { type: \"text\", data: node.nodeValue || \"\" };\n  }\n\n  if (node.nodeType === COMMENT_NODE) {\n    return { type: \"comment\" };\n  }\n\n  return {\n    type: \"tag\",\n    name: node.nodeName.toLowerCase(),\n    children: Array.from(node.childNodes).map(convertNode),\n  };\n};\n\n/**\n * Parse HTML with the browser DOMParser and convert body children to the shared rich-text node format.\n * Requires a DOM environment. Pair with createSanitizeRichText to remove unsupported content.\n */\nexport const parseRichText = (html: string): ParsedRichTextNode[] => {\n  const document = new DOMParser().parseFromString(html, \"text/html\");\n  return Array.from(document.body.childNodes).map(convertNode);\n};\n"],
+  "mappings": ";AAEA,IAAM,YAAY;AAClB,IAAM,eAAe;AAErB,IAAM,cAAc,CAAC,SAAmC;AACtD,MAAI,KAAK,aAAa,WAAW;AAC/B,WAAO,EAAE,MAAM,QAAQ,MAAM,KAAK,aAAa,GAAG;AAAA,EACpD;AAEA,MAAI,KAAK,aAAa,cAAc;AAClC,WAAO,EAAE,MAAM,UAAU;AAAA,EAC3B;AAEA,SAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM,KAAK,SAAS,YAAY;AAAA,IAChC,UAAU,MAAM,KAAK,KAAK,UAAU,EAAE,IAAI,WAAW;AAAA,EACvD;AACF;AAMO,IAAM,gBAAgB,CAAC,SAAuC;AACnE,QAAM,WAAW,IAAI,UAAU,EAAE,gBAAgB,MAAM,WAAW;AAClE,SAAO,MAAM,KAAK,SAAS,KAAK,UAAU,EAAE,IAAI,WAAW;AAC7D;",
+  "names": []
+}

package/dist/rich-text/core.js

@@ -0,0 +1,75 @@
+// src/rich-text/core.ts
+var ALLOWED_TAGS = /* @__PURE__ */ new Set([
+  "b",
+  "blockquote",
+  "br",
+  "code",
+  "del",
+  "em",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "hr",
+  "i",
+  "li",
+  "ol",
+  "p",
+  "pre",
+  "s",
+  "span",
+  "strike",
+  "strong",
+  "sub",
+  "sup",
+  "u",
+  "ul"
+]);
+var DROP_CONTENT_TAGS = /* @__PURE__ */ new Set([
+  "audio",
+  "canvas",
+  "embed",
+  "iframe",
+  "math",
+  "noscript",
+  "object",
+  "script",
+  "style",
+  "svg",
+  "template",
+  "video"
+]);
+var VOID_TAGS = /* @__PURE__ */ new Set(["br", "hr"]);
+var escapeText = (value) => value.replaceAll("\r\n", "\n").replaceAll("\r", "\n").replaceAll("&", "&amp;").replaceAll("\xA0", "&nbsp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
+var serializeNode = (node) => {
+  if (node.type === "text") {
+    return escapeText(node.data || "");
+  }
+  if (node.type === "comment" || node.type === "directive") {
+    return "";
+  }
+  const tagName = node.name?.toLowerCase();
+  if (tagName && DROP_CONTENT_TAGS.has(tagName)) {
+    return "";
+  }
+  const children = (node.children || []).map(serializeNode).join("");
+  if (!tagName || !ALLOWED_TAGS.has(tagName)) {
+    return children;
+  }
+  if (VOID_TAGS.has(tagName)) {
+    return `<${tagName}>`;
+  }
+  return `<${tagName}>${children}</${tagName}>`;
+};
+var createSanitizeRichText = (parseRichText) => (html) => {
+  if (!html) {
+    return "";
+  }
+  return parseRichText(html).map(serializeNode).join("");
+};
+export {
+  createSanitizeRichText
+};
+//# sourceMappingURL=core.js.map

package/dist/rich-text/core.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/rich-text/core.ts"],
+  "sourcesContent": ["/**\n * A parser-neutral rich-text node containing its type, optional tag name, text and children.\n */\nexport type ParsedRichTextNode = {\n  type: string;\n  name?: string;\n  data?: string;\n  children?: ParsedRichTextNode[];\n};\n\n/**\n * A parser adapter that converts HTML into the node tree consumed by the rich-text sanitizer.\n */\nexport type ParseRichText = (html: string) => ParsedRichTextNode[];\n\nconst ALLOWED_TAGS = new Set([\n  \"b\",\n  \"blockquote\",\n  \"br\",\n  \"code\",\n  \"del\",\n  \"em\",\n  \"h1\",\n  \"h2\",\n  \"h3\",\n  \"h4\",\n  \"h5\",\n  \"h6\",\n  \"hr\",\n  \"i\",\n  \"li\",\n  \"ol\",\n  \"p\",\n  \"pre\",\n  \"s\",\n  \"span\",\n  \"strike\",\n  \"strong\",\n  \"sub\",\n  \"sup\",\n  \"u\",\n  \"ul\",\n]);\n\nconst DROP_CONTENT_TAGS = new Set([\n  \"audio\",\n  \"canvas\",\n  \"embed\",\n  \"iframe\",\n  \"math\",\n  \"noscript\",\n  \"object\",\n  \"script\",\n  \"style\",\n  \"svg\",\n  \"template\",\n  \"video\",\n]);\n\nconst VOID_TAGS = new Set([\"br\", \"hr\"]);\n\nconst escapeText = (value: string): string =>\n  value\n    .replaceAll(\"\\r\\n\", \"\\n\")\n    .replaceAll(\"\\r\", \"\\n\")\n    .replaceAll(\"&\", \"&amp;\")\n    .replaceAll(\"\\u00a0\", \"&nbsp;\")\n    .replaceAll(\"<\", \"&lt;\")\n    .replaceAll(\">\", \"&gt;\");\n\nconst serializeNode = (node: ParsedRichTextNode): string => {\n  if (node.type === \"text\") {\n    return escapeText(node.data || \"\");\n  }\n\n  if (node.type === \"comment\" || node.type === \"directive\") {\n    return \"\";\n  }\n\n  const tagName = node.name?.toLowerCase();\n  if (tagName && DROP_CONTENT_TAGS.has(tagName)) {\n    return \"\";\n  }\n\n  const children = (node.children || []).map(serializeNode).join(\"\");\n  if (!tagName || !ALLOWED_TAGS.has(tagName)) {\n    return children;\n  }\n\n  if (VOID_TAGS.has(tagName)) {\n    return `<${tagName}>`;\n  }\n\n  return `<${tagName}>${children}</${tagName}>`;\n};\n\n/**\n * Create a sanitizer using your HTML parser adapter.\n * Keeps supported formatting tags without attributes, escapes text and removes unsafe element content.\n *\n * @param parseRichText - A parser that returns the shared rich-text node format.\n * @returns A sanitizer that accepts HTML and returns sanitized HTML, or an empty string for empty input.\n */\nexport const createSanitizeRichText =\n  (parseRichText: ParseRichText) =>\n  (html?: string | null): string => {\n    if (!html) {\n      return \"\";\n    }\n\n    return parseRichText(html).map(serializeNode).join(\"\");\n  };\n"],
+  "mappings": ";AAeA,IAAM,eAAe,oBAAI,IAAI;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,IAAM,oBAAoB,oBAAI,IAAI;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,IAAM,YAAY,oBAAI,IAAI,CAAC,MAAM,IAAI,CAAC;AAEtC,IAAM,aAAa,CAAC,UAClB,MACG,WAAW,QAAQ,IAAI,EACvB,WAAW,MAAM,IAAI,EACrB,WAAW,KAAK,OAAO,EACvB,WAAW,QAAU,QAAQ,EAC7B,WAAW,KAAK,MAAM,EACtB,WAAW,KAAK,MAAM;AAE3B,IAAM,gBAAgB,CAAC,SAAqC;AAC1D,MAAI,KAAK,SAAS,QAAQ;AACxB,WAAO,WAAW,KAAK,QAAQ,EAAE;AAAA,EACnC;AAEA,MAAI,KAAK,SAAS,aAAa,KAAK,SAAS,aAAa;AACxD,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,KAAK,MAAM,YAAY;AACvC,MAAI,WAAW,kBAAkB,IAAI,OAAO,GAAG;AAC7C,WAAO;AAAA,EACT;AAEA,QAAM,YAAY,KAAK,YAAY,CAAC,GAAG,IAAI,aAAa,EAAE,KAAK,EAAE;AACjE,MAAI,CAAC,WAAW,CAAC,aAAa,IAAI,OAAO,GAAG;AAC1C,WAAO;AAAA,EACT;AAEA,MAAI,UAAU,IAAI,OAAO,GAAG;AAC1B,WAAO,IAAI,OAAO;AAAA,EACpB;AAEA,SAAO,IAAI,OAAO,IAAI,QAAQ,KAAK,OAAO;AAC5C;AASO,IAAM,yBACX,CAAC,kBACD,CAAC,SAAiC;AAChC,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AAEA,SAAO,cAAc,IAAI,EAAE,IAAI,aAAa,EAAE,KAAK,EAAE;AACvD;",
+  "names": []
+}

package/dist/rich-text/index.js

@@ -1,80 +1,4 @@
-// src/rich-text/banners.ts
-var BANNER_DELIMITER = "<::>";
-var normalizeBannerDelimiters = (html) => html.replace(/<p>\s*(?:&lt;::&gt;|<::>)\s*<\/p>/gi, BANNER_DELIMITER).replaceAll("&lt;::&gt;", BANNER_DELIMITER);
-var splitInfoBanner = (infoBanner) => normalizeBannerDelimiters(infoBanner ?? "").split(BANNER_DELIMITER);
-
-// src/rich-text/core.ts
-var ALLOWED_TAGS = /* @__PURE__ */ new Set([
-  "b",
-  "blockquote",
-  "br",
-  "code",
-  "del",
-  "em",
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "h5",
-  "h6",
-  "hr",
-  "i",
-  "li",
-  "ol",
-  "p",
-  "pre",
-  "s",
-  "span",
-  "strike",
-  "strong",
-  "sub",
-  "sup",
-  "u",
-  "ul"
-]);
-var DROP_CONTENT_TAGS = /* @__PURE__ */ new Set([
-  "audio",
-  "canvas",
-  "embed",
-  "iframe",
-  "math",
-  "noscript",
-  "object",
-  "script",
-  "style",
-  "svg",
-  "template",
-  "video"
-]);
-var VOID_TAGS = /* @__PURE__ */ new Set(["br", "hr"]);
-var escapeText = (value) => value.replaceAll("\r\n", "\n").replaceAll("\r", "\n").replaceAll("&", "&amp;").replaceAll("\xA0", "&nbsp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
-var serializeNode = (node) => {
-  if (node.type === "text") {
-    return escapeText(node.data || "");
-  }
-  if (node.type === "comment" || node.type === "directive") {
-    return "";
-  }
-  const tagName = node.name?.toLowerCase();
-  if (tagName && DROP_CONTENT_TAGS.has(tagName)) {
-    return "";
-  }
-  const children = (node.children || []).map(serializeNode).join("");
-  if (!tagName || !ALLOWED_TAGS.has(tagName)) {
-    return children;
-  }
-  if (VOID_TAGS.has(tagName)) {
-    return `<${tagName}>`;
-  }
-  return `<${tagName}>${children}</${tagName}>`;
-};
-var createSanitizeRichText = (parseRichText) => (html) => {
-  if (!html) {
-    return "";
-  }
-  return parseRichText(html).map(serializeNode).join("");
-};
-
-export { BANNER_DELIMITER, createSanitizeRichText, splitInfoBanner };
+// src/rich-text/index.ts
+export * from "./banners.js";
+export * from "./core.js";
 //# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map