npm - @particle-academy/react-fancy - Versions diffs - 2.4.0 → 2.6.0 - Mend

@particle-academy/react-fancy 2.4.0 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/dist/{diagram.serializers-OK4HP7AB.js → diagram.serializers-6RPUO46U.js} +11 -11
package/dist/diagram.serializers-6RPUO46U.js.map +1 -0
package/dist/index.cjs +403 -51
package/dist/index.cjs.map +1 -1
package/dist/index.d.cts +210 -3
package/dist/index.d.ts +210 -3
package/dist/index.js +390 -46
package/dist/index.js.map +1 -1
package/docs/AccordionPanel.md +135 -0
package/docs/Action.md +1 -1
package/docs/ContentRenderer.md +26 -1
package/package.json +1 -1
package/dist/diagram.serializers-OK4HP7AB.js.map +0 -1

package/dist/index.cjs CHANGED Viewed

@@ -186,9 +186,9 @@ function deserializeERD(input) {
       const toEntity = entities.find((e) => e.name === toName);
       if (fromEntity && toEntity) {
         relations.push({
-          id: `${fromEntity.id}_${toEntity.id}`,
-          from: fromEntity.id,
-          to: toEntity.id,
+          id: `${fromEntity.id ?? fromEntity.name}_${toEntity.id ?? toEntity.name}`,
+          from: fromEntity.id ?? fromEntity.name,
+          to: toEntity.id ?? toEntity.name,
           type: parseERDMarker(marker),
           label
         });
@@ -265,9 +265,9 @@ function deserializeUML(input) {
       if (fromEntity && toEntity) {
         const type = fromCard === "1" && toCard === "1" ? "one-to-one" : fromCard === "1" && toCard === "*" ? "one-to-many" : "many-to-many";
         relations.push({
-          id: `${fromEntity.id}_${toEntity.id}`,
-          from: fromEntity.id,
-          to: toEntity.id,
+          id: `${fromEntity.id ?? fromEntity.name}_${toEntity.id ?? toEntity.name}`,
+          from: fromEntity.id ?? fromEntity.name,
+          to: toEntity.id ?? toEntity.name,
           type,
           label
         });
@@ -303,9 +303,9 @@ function deserializeDFD(input) {
       const toEntity = entities.find((e) => e.name === toName);
       if (fromEntity && toEntity) {
         relations.push({
-          id: `${fromEntity.id}_${toEntity.id}`,
-          from: fromEntity.id,
-          to: toEntity.id,
+          id: `${fromEntity.id ?? fromEntity.name}_${toEntity.id ?? toEntity.name}`,
+          from: fromEntity.id ?? fromEntity.name,
+          to: toEntity.id ?? toEntity.name,
           type: "one-to-many",
           label
         });
@@ -322,6 +322,80 @@ function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
+// src/utils/sanitize.ts
+var DANGEROUS_TAGS = /* @__PURE__ */ new Set([
+  "script",
+  "style",
+  "iframe",
+  "object",
+  "embed",
+  "link",
+  "meta",
+  "base",
+  "form"
+]);
+var URL_ATTRS = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "xlink:href"]);
+var SAFE_PROTOCOL = /^(?:https?:|mailto:|tel:|sms:|ftp:|#|\/|\.\/|\.\.\/|[^:]*$)/i;
+function sanitizeHref(href) {
+  if (href == null) return void 0;
+  const trimmed = href.trim();
+  if (!trimmed) return void 0;
+  return SAFE_PROTOCOL.test(trimmed) ? trimmed : void 0;
+}
+function stripDangerousAttrs(el) {
+  const names = [];
+  for (let i = 0; i < el.attributes.length; i++) {
+    names.push(el.attributes[i].name);
+  }
+  for (const name of names) {
+    const lower = name.toLowerCase();
+    if (lower.startsWith("on")) {
+      el.removeAttribute(name);
+      continue;
+    }
+    if (URL_ATTRS.has(lower)) {
+      const sanitized = sanitizeHref(el.getAttribute(name));
+      if (sanitized === void 0) {
+        el.removeAttribute(name);
+      } else {
+        el.setAttribute(name, sanitized);
+      }
+      continue;
+    }
+    if (lower === "srcdoc") {
+      el.removeAttribute(name);
+    }
+  }
+}
+function walk(el, removeQueue) {
+  const tag = el.tagName.toLowerCase();
+  if (DANGEROUS_TAGS.has(tag)) {
+    removeQueue.push(el);
+    return;
+  }
+  stripDangerousAttrs(el);
+  const children = Array.from(el.children);
+  for (const child of children) {
+    walk(child, removeQueue);
+  }
+}
+function sanitizeHtml(html) {
+  if (typeof window === "undefined" || typeof DOMParser === "undefined") {
+    return html;
+  }
+  const doc = new DOMParser().parseFromString(`<body>${html}</body>`, "text/html");
+  const body = doc.body;
+  if (!body) return html;
+  const removeQueue = [];
+  for (const child of Array.from(body.children)) {
+    walk(child, removeQueue);
+  }
+  for (const el of removeQueue) {
+    el.parentNode?.removeChild(el);
+  }
+  return body.innerHTML;
+}
 // src/data/emoji-data.ts
 var EMOJI_CATEGORY_ORDER = [
   "smileys",
@@ -2721,7 +2795,8 @@ var Action = react.forwardRef(
       children != null && /* @__PURE__ */ jsxRuntime.jsx("span", { children }),
       trailingElements
     ] });
-    const buttonEl = href && !disabled ? /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: classes, "data-react-fancy-action": "", children: content }) : /* @__PURE__ */ jsxRuntime.jsx(
+    const safeHref = sanitizeHref(href);
+    const buttonEl = safeHref && !disabled ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: safeHref, className: classes, "data-react-fancy-action": "", children: content }) : /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         ref,
@@ -2791,6 +2866,283 @@ var Action = react.forwardRef(
   }
 );
 Action.displayName = "Action";
+function useControllableState(controlledValue, defaultValue, onChange) {
+  const [uncontrolledValue, setUncontrolledValue] = react.useState(defaultValue);
+  const isControlled = controlledValue !== void 0;
+  const value = isControlled ? controlledValue : uncontrolledValue;
+  const onChangeRef = react.useRef(onChange);
+  onChangeRef.current = onChange;
+  const setValue = react.useCallback(
+    (next) => {
+      const nextValue = typeof next === "function" ? next(value) : next;
+      if (!isControlled) {
+        setUncontrolledValue(nextValue);
+      }
+      onChangeRef.current?.(nextValue);
+    },
+    [isControlled, value]
+  );
+  return [value, setValue];
+}
+var AccordionPanelContext = react.createContext(null);
+function useAccordionPanel() {
+  const ctx = react.useContext(AccordionPanelContext);
+  if (!ctx) {
+    throw new Error(
+      "AccordionPanel components must be used inside <AccordionPanel>"
+    );
+  }
+  return ctx;
+}
+var AccordionSectionContext = react.createContext(null);
+function useAccordionSection() {
+  const ctx = react.useContext(AccordionSectionContext);
+  if (!ctx) {
+    throw new Error(
+      "<AccordionPanel.Trigger> must be rendered inside <AccordionPanel.Section>"
+    );
+  }
+  return ctx;
+}
+function AccordionPanelSection({
+  id,
+  pinned = false,
+  className,
+  openClassName,
+  closedClassName,
+  children
+}) {
+  const panel = useAccordionPanel();
+  const { orientation, isOpen, toggle, registerSection } = panel;
+  react.useEffect(() => registerSection(id), [id, registerSection]);
+  const open = pinned || isOpen(id);
+  const sectionCtx = react.useMemo(
+    () => ({
+      id,
+      open,
+      pinned,
+      orientation,
+      toggle: () => toggle(id)
+    }),
+    [id, open, pinned, orientation, toggle]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionSectionContext.Provider, { value: sectionCtx, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-react-fancy-accordion-section": "",
+      "data-state": open ? "open" : "closed",
+      "data-pinned": pinned ? "" : void 0,
+      "data-orientation": orientation,
+      className: cn(
+        "flex shrink-0 items-center gap-1",
+        orientation === "horizontal" ? "flex-row" : "flex-col",
+        className,
+        open ? openClassName : closedClassName
+      ),
+      children
+    }
+  ) });
+}
+AccordionPanelSection.displayName = "AccordionPanelSection";
+function renderSlot(slot, state) {
+  return typeof slot === "function" ? slot(state) : slot;
+}
+function AccordionPanelTrigger({
+  children,
+  className,
+  "aria-label": ariaLabel
+}) {
+  const { id, open, orientation, toggle } = useAccordionSection();
+  const state = { id, open, orientation, toggle };
+  if (children !== void 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-react-fancy-accordion-trigger": "",
+        "data-state": open ? "open" : "closed",
+        "data-orientation": orientation,
+        className,
+        children: renderSlot(children, state)
+      }
+    );
+  }
+  if (open) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: toggle,
+        "aria-label": ariaLabel ?? "Collapse section",
+        "data-react-fancy-accordion-trigger": "",
+        "data-state": "open",
+        "data-orientation": orientation,
+        className: cn(
+          "group relative flex shrink-0 items-center justify-center cursor-pointer",
+          "text-zinc-500 dark:text-zinc-500",
+          "hover:text-zinc-900 dark:hover:text-zinc-100",
+          orientation === "horizontal" ? "w-px self-stretch hover:w-3 mx-1" : "h-px self-stretch hover:h-3 my-1",
+          "before:absolute before:inset-0 before:bg-zinc-200 dark:before:bg-zinc-700",
+          orientation === "horizontal" ? "before:w-px before:left-1/2 before:-translate-x-1/2" : "before:h-px before:top-1/2 before:-translate-y-1/2",
+          "transition-all duration-150",
+          className
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          ChevronIcon,
+          {
+            orientation,
+            purpose: "collapse",
+            className: "relative opacity-0 group-hover:opacity-100 transition-opacity"
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: toggle,
+      "aria-label": ariaLabel ?? "Expand section",
+      "data-react-fancy-accordion-trigger": "",
+      "data-state": "closed",
+      "data-orientation": orientation,
+      className: cn(
+        "flex shrink-0 items-center justify-center rounded-md",
+        "text-zinc-400 dark:text-zinc-500",
+        "hover:text-zinc-900 dark:hover:text-zinc-100",
+        "hover:bg-zinc-100 dark:hover:bg-zinc-800",
+        "transition-colors cursor-pointer",
+        orientation === "horizontal" ? "h-8 w-6 mx-0.5" : "w-8 h-6 my-0.5",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon, { orientation, purpose: "expand" })
+    }
+  );
+}
+AccordionPanelTrigger.displayName = "AccordionPanelTrigger";
+function ChevronIcon({
+  orientation,
+  purpose,
+  className
+}) {
+  const transform = orientation === "horizontal" ? "rotate(180deg)" : purpose === "expand" ? "rotate(90deg)" : "rotate(270deg)";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      viewBox: "0 0 16 16",
+      width: "12",
+      height: "12",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      style: { transform },
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "6 4 10 8 6 12" })
+    }
+  );
+}
+function AccordionPanelContent({
+  children,
+  className
+}) {
+  const { open, orientation } = useAccordionSection();
+  if (!open) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-react-fancy-accordion-content": "",
+      "data-orientation": orientation,
+      className: cn(
+        "flex items-center gap-1",
+        orientation === "horizontal" ? "flex-row" : "flex-col",
+        className
+      ),
+      children
+    }
+  );
+}
+AccordionPanelContent.displayName = "AccordionPanelContent";
+function AccordionPanelRoot({
+  orientation = "horizontal",
+  value: controlledValue,
+  defaultValue,
+  onValueChange,
+  className,
+  children
+}) {
+  const [openIds, setOpenIds] = useControllableState(
+    controlledValue,
+    defaultValue ?? [],
+    onValueChange
+  );
+  const openSet = react.useMemo(() => new Set(openIds), [openIds]);
+  const isOpen = react.useCallback((id) => openSet.has(id), [openSet]);
+  const open = react.useCallback(
+    (id) => {
+      setOpenIds(openSet.has(id) ? openIds ?? [] : [...openIds ?? [], id]);
+    },
+    [openSet, openIds, setOpenIds]
+  );
+  const close = react.useCallback(
+    (id) => {
+      setOpenIds((openIds ?? []).filter((x) => x !== id));
+    },
+    [openIds, setOpenIds]
+  );
+  const toggle = react.useCallback(
+    (id) => {
+      setOpenIds(
+        openSet.has(id) ? (openIds ?? []).filter((x) => x !== id) : [...openIds ?? [], id]
+      );
+    },
+    [openSet, openIds, setOpenIds]
+  );
+  const [sectionIds, setSectionIds] = react.useState([]);
+  const orderRef = react.useRef([]);
+  const registerSection = react.useCallback((id) => {
+    if (!orderRef.current.includes(id)) {
+      orderRef.current = [...orderRef.current, id];
+      setSectionIds(orderRef.current);
+    }
+    return () => {
+      orderRef.current = orderRef.current.filter((x) => x !== id);
+      setSectionIds(orderRef.current);
+    };
+  }, []);
+  const ctx = react.useMemo(
+    () => ({
+      orientation,
+      isOpen,
+      toggle,
+      open,
+      close,
+      sectionIds,
+      registerSection
+    }),
+    [orientation, isOpen, toggle, open, close, sectionIds, registerSection]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(AccordionPanelContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-react-fancy-accordion-panel": "",
+      "data-orientation": orientation,
+      className: cn(
+        "inline-flex items-stretch",
+        orientation === "horizontal" ? "flex-row" : "flex-col",
+        className
+      ),
+      children
+    }
+  ) });
+}
+AccordionPanelRoot.displayName = "AccordionPanel";
+var AccordionPanel = AccordionPanelRoot;
+AccordionPanel.Section = AccordionPanelSection;
+AccordionPanel.Trigger = AccordionPanelTrigger;
+AccordionPanel.Content = AccordionPanelContent;
 // src/components/inputs/inputs.utils.ts
 var inputSizeClasses = {
@@ -3677,24 +4029,6 @@ var Select = react.forwardRef(
   }
 );
 Select.displayName = "Select";
-function useControllableState(controlledValue, defaultValue, onChange) {
-  const [uncontrolledValue, setUncontrolledValue] = react.useState(defaultValue);
-  const isControlled = controlledValue !== void 0;
-  const value = isControlled ? controlledValue : uncontrolledValue;
-  const onChangeRef = react.useRef(onChange);
-  onChangeRef.current = onChange;
-  const setValue = react.useCallback(
-    (next) => {
-      const nextValue = typeof next === "function" ? next(value) : next;
-      if (!isControlled) {
-        setUncontrolledValue(nextValue);
-      }
-      onChangeRef.current?.(nextValue);
-    },
-    [isControlled, value]
-  );
-  return [value, setValue];
-}
 var Checkbox = react.forwardRef(
   ({
     size = "md",
@@ -10387,13 +10721,15 @@ function mergeExtensions(instanceExtensions) {
   }
   return merged;
 }
-function toHtml(value, outputFormat) {
+function toHtml(value, outputFormat, unsafe) {
   if (!value) return "";
-  if (outputFormat === "html") return value;
-  const format = detectFormat(value);
-  if (format === "html") return value;
-  const result = marked.marked.parse(value, { async: false });
-  return result.trim();
+  const raw = (() => {
+    if (outputFormat === "html") return value;
+    const format = detectFormat(value);
+    if (format === "html") return value;
+    return marked.marked.parse(value, { async: false }).trim();
+  })();
+  return unsafe ? raw : sanitizeHtml(raw);
 }
 function EditorRoot({
   children,
@@ -10404,12 +10740,13 @@ function EditorRoot({
   outputFormat = "html",
   lineSpacing = 1.6,
   placeholder,
-  extensions: instanceExtensions
+  extensions: instanceExtensions,
+  unsafe = false
 }) {
   const contentRef = react.useRef(null);
   const [, setValue] = useControllableState(controlledValue, defaultValue, onChange);
   const initialHtml = react.useMemo(
-    () => toHtml(controlledValue ?? defaultValue, outputFormat),
+    () => toHtml(controlledValue ?? defaultValue, outputFormat, unsafe),
     // Only compute once on mount — don't re-run when value changes from user input
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
@@ -10494,7 +10831,11 @@ var Editor = Object.assign(EditorRoot, {
   Toolbar: ToolbarWithSeparator,
   Content: EditorContent
 });
-function RenderedContent({ html, extensions: instanceExtensions }) {
+function RenderedContent({
+  html,
+  extensions: instanceExtensions,
+  unsafe = false
+}) {
   const extensions = react.useMemo(
     () => mergeExtensions(instanceExtensions),
     [instanceExtensions]
@@ -10503,15 +10844,16 @@ function RenderedContent({ html, extensions: instanceExtensions }) {
     () => parseSegments(html, extensions),
     [html, extensions]
   );
+  const renderHtml = (content) => unsafe ? content : sanitizeHtml(content);
   if (segments.length === 1 && segments[0].type === "html") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: segments[0].content } });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: renderHtml(segments[0].content) } });
   }
   if (segments.length === 0) {
     return null;
   }
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: segments.map((segment, i) => {
     if (segment.type === "html") {
-      return segment.content ? /* @__PURE__ */ jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: segment.content } }, i) : null;
+      return segment.content ? /* @__PURE__ */ jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: renderHtml(segment.content) } }, i) : null;
     }
     const ext = extensions.find(
       (e) => e.tag.toLowerCase() === segment.tag
@@ -10529,7 +10871,8 @@ function ContentRenderer({
   format = "auto",
   lineSpacing = 1.6,
   className,
-  extensions: instanceExtensions
+  extensions: instanceExtensions,
+  unsafe = false
 }) {
   const extensions = react.useMemo(
     () => mergeExtensions(instanceExtensions),
@@ -10537,11 +10880,9 @@ function ContentRenderer({
   );
   const html = react.useMemo(() => {
     const resolvedFormat = format === "auto" ? detectFormat(value) : format;
-    if (resolvedFormat === "markdown") {
-      return marked.marked.parse(value, { async: false });
-    }
-    return value;
-  }, [value, format]);
+    const raw = resolvedFormat === "markdown" ? marked.marked.parse(value, { async: false }) : value;
+    return unsafe ? raw : sanitizeHtml(raw);
+  }, [value, format, unsafe]);
   const hasExtensions = extensions.length > 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -10549,7 +10890,7 @@ function ContentRenderer({
       "data-react-fancy-content-renderer": "",
       style: { lineHeight: lineSpacing },
       className: cn("text-sm", proseClasses, className),
-      children: hasExtensions ? /* @__PURE__ */ jsxRuntime.jsx(RenderedContent, { html, extensions }) : /* @__PURE__ */ jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: html } })
+      children: hasExtensions ? /* @__PURE__ */ jsxRuntime.jsx(RenderedContent, { html, extensions, unsafe }) : /* @__PURE__ */ jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: html } })
     }
   );
 }
@@ -11920,9 +12261,12 @@ var VERTICAL_GAP = 60;
 function getEntityHeight(fieldCount) {
   return HEADER_HEIGHT2 + Math.max(fieldCount, 1) * FIELD_HEIGHT2;
 }
+function resolveEntityId(entity) {
+  return entity.id ?? entity.name;
+}
 function computeDiagramLayout(schema) {
   const positions = /* @__PURE__ */ new Map();
-  const entityIds = new Set(schema.entities.map((e) => e.id));
+  const entityIds = new Set(schema.entities.map(resolveEntityId));
   const incoming = /* @__PURE__ */ new Map();
   for (const id of entityIds) {
     incoming.set(id, /* @__PURE__ */ new Set());
@@ -11943,7 +12287,7 @@ function computeDiagramLayout(schema) {
     }
   }
   if (queue.length === 0 && entityIds.size > 0) {
-    const firstId = schema.entities[0].id;
+    const firstId = resolveEntityId(schema.entities[0]);
     rowAssignment.set(firstId, 0);
     assigned.add(firstId);
     queue.push(firstId);
@@ -11983,7 +12327,7 @@ function computeDiagramLayout(schema) {
   }
   const fieldCounts = /* @__PURE__ */ new Map();
   for (const entity of schema.entities) {
-    fieldCounts.set(entity.id, entity.fields?.length ?? 0);
+    fieldCounts.set(resolveEntityId(entity), entity.fields?.length ?? 0);
   }
   const sortedRows = Array.from(rows.keys()).sort((a, b) => a - b);
   let currentY = 0;
@@ -12180,7 +12524,7 @@ function FolderIcon({ open }) {
   }
   return /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1.5 3a1 1 0 011-1h3l1.5 1.5H13a1 1 0 011 1v8a1 1 0 01-1 1H2.5a1 1 0 01-1-1V3z", fill: "#fbbf24" }) });
 }
-function ChevronIcon({ open }) {
+function ChevronIcon2({ open }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -12362,7 +12706,7 @@ function TreeNode({ node, depth }) {
             ),
             style: { paddingLeft },
             children: [
-              isFolder && /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon, { open: isExpanded }),
+              isFolder && /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon2, { open: isExpanded }),
               !isFolder && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-3.5 shrink-0" }),
               showIcons && (node.icon ?? (isFolder ? /* @__PURE__ */ jsxRuntime.jsx(FolderIcon, { open: isExpanded }) : /* @__PURE__ */ jsxRuntime.jsx(FileIcon, { ext: node.ext ?? node.label.split(".").pop() }))),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: node.label })
@@ -12492,6 +12836,10 @@ var TreeNav = Object.assign(TreeNavRoot, {
 });
 exports.Accordion = Accordion;
+exports.AccordionPanel = AccordionPanel;
+exports.AccordionPanelContent = AccordionPanelContent;
+exports.AccordionPanelSection = AccordionPanelSection;
+exports.AccordionPanelTrigger = AccordionPanelTrigger;
 exports.Action = Action;
 exports.Autocomplete = Autocomplete;
 exports.Avatar = Avatar;
@@ -12565,9 +12913,13 @@ exports.registerExtensions = registerExtensions;
 exports.registerIconSet = registerIconSet;
 exports.registerIcons = registerIcons;
 exports.resolve = resolve;
+exports.sanitizeHref = sanitizeHref;
+exports.sanitizeHtml = sanitizeHtml;
 exports.search = search;
 exports.skinTones = skinTones;
 exports.useAccordion = useAccordion;
+exports.useAccordionPanel = useAccordionPanel;
+exports.useAccordionSection = useAccordionSection;
 exports.useAnimation = useAnimation;
 exports.useCanvas = useCanvas;
 exports.useCarousel = useCarousel;