@zappie/foundations 0.0.0-stage → 0.1.1

package/dist/overlay/engine.js

@@ -0,0 +1,172 @@
+"use client";
+import { partId, part, composeRefs } from '../chunk-D3J7S33L.js';
+import { Dialog } from '@base-ui/react/dialog';
+import { Drawer } from '@base-ui/react/drawer';
+import { createContext, forwardRef, useContext } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var PartsContext = createContext(null);
+function useEngineParts() {
+  const parts = useContext(PartsContext);
+  if (!parts) {
+    throw new Error(
+      "Overlay.Title and Overlay.Close must be inside Overlay.Content"
+    );
+  }
+  return parts;
+}
+function changeHandler(props) {
+  return (open, details) => {
+    if (open) {
+      props.onOpen();
+      return;
+    }
+    const callback = details.reason === "escape-key" ? props.onEscape : details.reason === "outside-press" || details.reason === "focus-out" ? props.onInteractOutside : void 0;
+    callback?.(details.event);
+    if (details.event?.defaultPrevented && callback) {
+      details.cancel();
+      return;
+    }
+    props.onClose();
+  };
+}
+function Popup({
+  props,
+  Component,
+  children
+}) {
+  const { contentProps, contentRef, presentation, state } = props;
+  const { id: _ownId, ...rest } = contentProps;
+  const id = partId(contentProps);
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      id: id ?? props.contentId,
+      initialFocus: () => document.getElementById(id ?? props.contentId)?.querySelector("[data-autofocus]") ?? true,
+      finalFocus: () => props.trigger.current ?? true,
+      render: (baseProps) => {
+        const { ref: baseRef, ...base } = baseProps;
+        return part(
+          "div",
+          children === void 0 ? rest : { ...rest, children },
+          state,
+          {
+            ...base,
+            "aria-modal": true,
+            "data-presentation": presentation,
+            "data-state": props.open ? "open" : "closed"
+          },
+          composeRefs(baseRef, contentRef)
+        );
+      }
+    }
+  );
+}
+function Surface(props) {
+  const { children, forceMount, container, presentation } = props;
+  const portal = {
+    ...forceMount ? { keepMounted: true } : {},
+    ...container !== void 0 ? { container } : {}
+  };
+  if (presentation === "dialog") {
+    return /* @__PURE__ */ jsx(
+      Dialog.Root,
+      {
+        open: props.open,
+        onOpenChange: changeHandler(props),
+        children: /* @__PURE__ */ jsx(
+          PartsContext.Provider,
+          {
+            value: { Title: Dialog.Title, Close: Dialog.Close },
+            children: /* @__PURE__ */ jsxs(Dialog.Portal, { ...portal, children: [
+              /* @__PURE__ */ jsx(
+                Dialog.Backdrop,
+                {
+                  "data-zappie-backdrop": "",
+                  "data-presentation": presentation,
+                  "data-state": props.open ? "open" : "closed"
+                }
+              ),
+              /* @__PURE__ */ jsx(Popup, { props, Component: Dialog.Popup, children })
+            ] })
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Drawer.Root,
+    {
+      open: props.open,
+      onOpenChange: changeHandler(props),
+      swipeDirection: props.swipeDirection,
+      children: /* @__PURE__ */ jsx(
+        PartsContext.Provider,
+        {
+          value: {
+            Title: Drawer.Title,
+            Close: Drawer.Close
+          },
+          children: /* @__PURE__ */ jsxs(Drawer.Portal, { ...portal, children: [
+            /* @__PURE__ */ jsx(
+              Drawer.Backdrop,
+              {
+                "data-zappie-backdrop": "",
+                "data-presentation": presentation,
+                "data-state": props.open ? "open" : "closed"
+              }
+            ),
+            /* @__PURE__ */ jsx(Drawer.VirtualKeyboardProvider, { children: /* @__PURE__ */ jsx(Drawer.Viewport, { children: /* @__PURE__ */ jsx(
+              Popup,
+              {
+                props,
+                Component: Drawer.Popup,
+                children
+              }
+            ) }) })
+          ] })
+        }
+      )
+    }
+  );
+}
+var EngineTitle = forwardRef(
+  function EngineTitle2({ state, ...props }, ref) {
+    const { Title } = useEngineParts();
+    const id = partId(props);
+    return /* @__PURE__ */ jsx(
+      Title,
+      {
+        ...id ? { id } : {},
+        render: (base) => {
+          const { ref: baseRef, ...rest } = base;
+          return part("h2", props, state, rest, composeRefs(baseRef, ref));
+        }
+      }
+    );
+  }
+);
+var EngineClose = forwardRef(
+  function EngineClose2({ state, ...props }, ref) {
+    const { Close } = useEngineParts();
+    return /* @__PURE__ */ jsx(
+      Close,
+      {
+        render: (base) => {
+          const { ref: baseRef, ...rest } = base;
+          return part(
+            "button",
+            props,
+            state,
+            { type: "button", ...rest },
+            composeRefs(baseRef, ref)
+          );
+        }
+      }
+    );
+  }
+);
+
+export { EngineClose, EngineTitle, Surface, useEngineParts };
+//# sourceMappingURL=engine.js.map
+//# sourceMappingURL=engine.js.map

package/dist/overlay/engine.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/overlay/engine.tsx"],"names":["EngineTitle","EngineClose"],"mappings":"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","file":"engine.js","sourcesContent":["\"use client\";\n// The overlay engine: the only module that imports Base UI. It loads on first open (or an\n// idle prefetch) so dialog and drawer mechanics stay out of the initial bundle.\nimport { Dialog } from \"@base-ui/react/dialog\";\nimport { Drawer } from \"@base-ui/react/drawer\";\nimport {\n  createContext,\n  forwardRef,\n  useContext,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport { composeRefs, part, partId, type PartProps } from \"../internal/slot\";\n\nexport type Presentation = \"dialog\" | \"drawer\" | \"sheet\";\nexport type SwipeDirection = \"up\" | \"down\" | \"left\" | \"right\";\ntype ChangeDetails = {\n  reason: string;\n  event: Event;\n  cancel: () => void;\n};\nexport type SurfaceProps = {\n  open: boolean;\n  presentation: Presentation;\n  swipeDirection: SwipeDirection;\n  /** Ids the trigger points at; caller-supplied ids win. */\n  contentId: string;\n  titleId?: string | undefined;\n  trigger: { current: HTMLElement | null };\n  onOpen: () => void;\n  onClose: () => void;\n  onEscape?: ((event: KeyboardEvent) => void) | undefined;\n  onInteractOutside?: ((event: Event) => void) | undefined;\n  forceMount?: true | undefined;\n  container?: HTMLElement | null | undefined;\n  state: unknown;\n  contentProps: PartProps<never>;\n  contentRef: Ref<HTMLElement>;\n};\ntype Parts = { Title: typeof Dialog.Title; Close: typeof Dialog.Close };\nconst PartsContext = createContext<Parts | null>(null);\nexport function useEngineParts() {\n  const parts = useContext(PartsContext);\n  if (!parts) {\n    throw new Error(\n      \"Overlay.Title and Overlay.Close must be inside Overlay.Content\",\n    );\n  }\n  return parts;\n}\n/** Route Base UI's open changes through the URL, letting callbacks cancel a dismissal. */\nfunction changeHandler(props: SurfaceProps) {\n  return (open: boolean, details: ChangeDetails) => {\n    if (open) {\n      props.onOpen();\n      return;\n    }\n    const callback =\n      details.reason === \"escape-key\"\n        ? (props.onEscape as ((event: Event) => void) | undefined)\n        : details.reason === \"outside-press\" || details.reason === \"focus-out\"\n          ? props.onInteractOutside\n          : undefined;\n    callback?.(details.event);\n    if (details.event?.defaultPrevented && callback) {\n      details.cancel();\n      return;\n    }\n    props.onClose();\n  };\n}\nfunction Popup({\n  props,\n  Component,\n  children,\n}: {\n  props: SurfaceProps;\n  Component: typeof Dialog.Popup;\n  children?: ReactNode;\n}) {\n  const { contentProps, contentRef, presentation, state } = props;\n  const { id: _ownId, ...rest } = contentProps as PartProps<never> & {\n    id?: string;\n  };\n  const id = partId(contentProps as Parameters<typeof partId>[0]);\n  return (\n    <Component\n      id={id ?? props.contentId}\n      // Prefer an explicit [data-autofocus] target, else Base UI's first tabbable.\n      initialFocus={() =>\n        document\n          .getElementById(id ?? props.contentId)\n          ?.querySelector<HTMLElement>(\"[data-autofocus]\") ?? true\n      }\n      finalFocus={() => props.trigger.current ?? true}\n      render={(baseProps) => {\n        const { ref: baseRef, ...base } = baseProps as unknown as Record<\n          string,\n          unknown\n        > & {\n          ref?: Ref<HTMLElement>;\n        };\n        return part(\n          \"div\",\n          (children === undefined\n            ? rest\n            : { ...rest, children }) as PartProps<unknown>,\n          state,\n          {\n            ...base,\n            \"aria-modal\": true,\n            \"data-presentation\": presentation,\n            \"data-state\": props.open ? \"open\" : \"closed\",\n          },\n          composeRefs(baseRef, contentRef),\n        );\n      }}\n    />\n  );\n}\nexport function Surface(props: SurfaceProps & { children?: ReactNode }) {\n  const { children, forceMount, container, presentation } = props;\n  const portal = {\n    ...(forceMount ? { keepMounted: true } : {}),\n    ...(container !== undefined ? { container } : {}),\n  };\n  if (presentation === \"dialog\") {\n    return (\n      <Dialog.Root\n        open={props.open}\n        onOpenChange={changeHandler(props) as never}\n      >\n        <PartsContext.Provider\n          value={{ Title: Dialog.Title, Close: Dialog.Close }}\n        >\n          <Dialog.Portal {...portal}>\n            {/* Unstyled; templates style [data-zappie-backdrop] with data-state/data-presentation. */}\n            <Dialog.Backdrop\n              data-zappie-backdrop=\"\"\n              data-presentation={presentation}\n              data-state={props.open ? \"open\" : \"closed\"}\n            />\n            <Popup props={props} Component={Dialog.Popup}>\n              {children}\n            </Popup>\n          </Dialog.Portal>\n        </PartsContext.Provider>\n      </Dialog.Root>\n    );\n  }\n  return (\n    <Drawer.Root\n      open={props.open}\n      onOpenChange={changeHandler(props) as never}\n      swipeDirection={props.swipeDirection}\n    >\n      <PartsContext.Provider\n        value={{\n          Title: Drawer.Title as typeof Dialog.Title,\n          Close: Drawer.Close as typeof Dialog.Close,\n        }}\n      >\n        <Drawer.Portal {...portal}>\n          <Drawer.Backdrop\n            data-zappie-backdrop=\"\"\n            data-presentation={presentation}\n            data-state={props.open ? \"open\" : \"closed\"}\n          />\n          {/* Keeps focused fields visible above the on-screen keyboard in bottom sheets. */}\n          <Drawer.VirtualKeyboardProvider>\n            <Drawer.Viewport>\n              <Popup\n                props={props}\n                Component={Drawer.Popup as typeof Dialog.Popup}\n              >\n                {children}\n              </Popup>\n            </Drawer.Viewport>\n          </Drawer.VirtualKeyboardProvider>\n        </Drawer.Portal>\n      </PartsContext.Provider>\n    </Drawer.Root>\n  );\n}\n/** Title and Close rendered with whichever engine (dialog or drawer) owns the content. */\ntype EnginePartProps = PartProps<unknown> & {\n  id?: string | undefined;\n  state: unknown;\n};\nexport const EngineTitle = forwardRef<HTMLElement, EnginePartProps>(\n  function EngineTitle({ state, ...props }, ref) {\n    const { Title } = useEngineParts();\n    const id = partId(props as Parameters<typeof partId>[0]);\n    return (\n      <Title\n        {...(id ? { id } : {})}\n        render={(base) => {\n          const { ref: baseRef, ...rest } = base as unknown as Record<\n            string,\n            unknown\n          > & {\n            ref?: Ref<HTMLElement>;\n          };\n          return part(\"h2\", props, state, rest, composeRefs(baseRef, ref));\n        }}\n      />\n    );\n  },\n);\nexport const EngineClose = forwardRef<HTMLElement, EnginePartProps>(\n  function EngineClose({ state, ...props }, ref) {\n    const { Close } = useEngineParts();\n    return (\n      <Close\n        render={(base) => {\n          const { ref: baseRef, ...rest } = base as unknown as Record<\n            string,\n            unknown\n          > & {\n            ref?: Ref<HTMLElement>;\n          };\n          return part(\n            \"button\",\n            props,\n            state,\n            { type: \"button\", ...rest },\n            composeRefs(baseRef, ref),\n          );\n        }}\n      />\n    );\n  },\n);\n"]}

package/dist/rich-text/browser.d.ts

@@ -0,0 +1,9 @@
+import { P as ParsedRichTextNode } from '../core-DdojsUzR.js';
+
+/**
+ * Parse HTML with the browser DOMParser and convert body children to the shared rich-text node format.
+ * Requires a DOM environment. Pair with createSanitizeRichText to remove unsupported content.
+ */
+declare const parseRichText: (html: string) => ParsedRichTextNode[];
+
+export { parseRichText };

package/dist/rich-text/browser.js

@@ -0,0 +1,24 @@
+// src/rich-text/browser.ts
+var TEXT_NODE = 3;
+var COMMENT_NODE = 8;
+var convertNode = (node) => {
+  if (node.nodeType === TEXT_NODE) {
+    return { type: "text", data: node.nodeValue || "" };
+  }
+  if (node.nodeType === COMMENT_NODE) {
+    return { type: "comment" };
+  }
+  return {
+    type: "tag",
+    name: node.nodeName.toLowerCase(),
+    children: Array.from(node.childNodes).map(convertNode)
+  };
+};
+var parseRichText = (html) => {
+  const document = new DOMParser().parseFromString(html, "text/html");
+  return Array.from(document.body.childNodes).map(convertNode);
+};
+
+export { parseRichText };
+//# sourceMappingURL=browser.js.map
+//# sourceMappingURL=browser.js.map

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

@@ -0,0 +1 @@
+{"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"]}

package/dist/rich-text/index.d.ts

@@ -0,0 +1,10 @@
+export { a as ParseRichText, P as ParsedRichTextNode, c as createSanitizeRichText } from '../core-DdojsUzR.js';
+
+/**
+ * The separator used to store multiple menu info banners in a single string.
+ */
+declare const BANNER_DELIMITER = "<::>";
+/** Split a stored info-banner value into individual banner HTML fragments. */
+declare const splitInfoBanner: (infoBanner?: string | null) => string[];
+
+export { BANNER_DELIMITER, splitInfoBanner };

package/dist/rich-text/index.js

@@ -0,0 +1,80 @@
+// 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 };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/rich-text/banners.ts","../../src/rich-text/core.ts"],"names":[],"mappings":"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","file":"index.js","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 — `&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","/**\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"]}

package/package.json

@@ -1,6 +1,58 @@
 {
   "name": "@zappie/foundations",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.1",
+  "description": "UI-less React primitives for Zappie storefronts: behaviour, state and accessibility without styles.",
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./next": {
+      "types": "./dist/next.d.ts",
+      "import": "./dist/next.js"
+    },
+    "./rich-text": {
+      "types": "./dist/rich-text/index.d.ts",
+      "import": "./dist/rich-text/index.js"
+    },
+    "./rich-text/browser": {
+      "types": "./dist/rich-text/browser.d.ts",
+      "import": "./dist/rich-text/browser.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": false
+  },
+  "files": [
+    "dist",
+    "CHANGELOG.md"
+  ],
+  "dependencies": {
+    "@base-ui/react": "^1.8.0",
+    "@zappie/sdk": "^0.1.1"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/zappie/storefront.git",
+    "directory": "packages/foundations"
+  },
+  "devDependencies": {
+    "esbuild": "^0.27.7"
+  },
+  "license": "MIT",
+  "homepage": "https://github.com/zappie/storefront#readme",
+  "bugs": {
+    "url": "https://github.com/zappie/storefront/issues"
+  },
+  "scripts": {
+    "build": "tsup",
+    "size": "node scripts/check-size.mjs"
+  }
 }