sitero 0.0.1

package/dist/src/cms/client/interfaces/components/ui/cards/resource-card/resource-card.js

@@ -0,0 +1,79 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Link from 'next/link';
+import 'mime-types';
+import { cn } from '../../../../../../../shared/utils/cn.js';
+import '../../../../../../../constants/paths/auth.js';
+import '../../../../../../../constants/paths/main.js';
+import '../../../../../../../constants/paths/resources.js';
+import { NEW_TAB_REL, NEW_TAB_TARGET } from '../../../../../../../constants/anchor.js';
+import '../../../../../../../constants/redirect-paths.js';
+import '@radix-ui/react-avatar';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
+import { Card } from '../../../shadcn/card.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import 'lucide-react';
+import '@radix-ui/react-dropdown-menu';
+import '../../../shadcn/input-group.js';
+import '../../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import { Separator } from '../../../shadcn/separator.js';
+import '../../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { CardStatusBar } from './card-status-bar.js';
+import { CardTextContent } from './card-text-content.js';
+
+function ResourceCard({
+  // link
+  href = "",
+  openNewTab = false,
+  anchorProps,
+  // card
+  cardStatusBarProps,
+  cardTextContentProps,
+  // base
+  className = "",
+  style,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      href: href ?? "",
+      target: openNewTab ? NEW_TAB_TARGET : void 0,
+      rel: openNewTab ? NEW_TAB_REL : void 0,
+      onClick: (e) => e.stopPropagation(),
+      ...anchorProps,
+      children: /* @__PURE__ */ jsxs(
+        Card,
+        {
+          className: cn(
+            "gap-0 p-0",
+            // reset
+            "group",
+            "hover:bg-accent/50 transition-colors duration-100",
+            // button-hover like
+            "relative size-full",
+            "flex flex-col",
+            "overflow-hidden",
+            className
+          ),
+          style,
+          children: [
+            /* @__PURE__ */ jsx(CardStatusBar, { ...cardStatusBarProps }),
+            children,
+            children && /* @__PURE__ */ jsx(Separator, {}),
+            /* @__PURE__ */ jsx(CardTextContent, { ...cardTextContentProps })
+          ]
+        }
+      )
+    }
+  );
+}
+
+export { ResourceCard };

package/dist/src/cms/client/interfaces/components/ui/display/array-list.js

@@ -0,0 +1,71 @@
+"use client";
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import Link from 'next/link';
+import { useState } from 'react';
+import 'mime-types';
+import { cn } from '../../../../../../shared/utils/cn.js';
+import '../../../../../../constants/paths/auth.js';
+import '../../../../../../constants/paths/main.js';
+import '../../../../../../constants/paths/resources.js';
+import { NEW_TAB_REL, NEW_TAB_TARGET } from '../../../../../../constants/anchor.js';
+import '../../../../../../constants/redirect-paths.js';
+import '@radix-ui/react-avatar';
+import '../../shadcn/badge.js';
+import '../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import 'lucide-react';
+import '@radix-ui/react-dropdown-menu';
+import '../../shadcn/input-group.js';
+import '../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import { Separator } from '../../shadcn/separator.js';
+import '../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { FieldBody } from '../form/field-body.js';
+import 'intor/react';
+
+function ArrayList({ values, isLink, isLoading }) {
+  const [expandedIndex, setExpandedIndex] = useState(null);
+  const toggle = (i) => setExpandedIndex((p) => p === i ? null : i);
+  const items = values?.filter((v) => typeof v === "string") ?? [];
+  if (items.length === 0) return /* @__PURE__ */ jsx(FieldBody, { isEmpty: true });
+  return /* @__PURE__ */ jsx(Fragment, { children: items.map((value, index) => {
+    const expanded = expandedIndex === index;
+    return /* @__PURE__ */ jsxs(
+      FieldBody,
+      {
+        isLoading,
+        className: cn(expanded ? "cursor-zoom-out" : "cursor-zoom-in"),
+        onClick: () => toggle(index),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex-center absolute top-0 left-0 z-10 h-full", children: [
+            /* @__PURE__ */ jsx("span", { className: "min-w-10 px-2 text-center text-sm opacity-50", children: index + 1 }),
+            /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "py-2" })
+          ] }),
+          isLink ? /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: value,
+              target: NEW_TAB_TARGET,
+              rel: NEW_TAB_REL,
+              className: cn(
+                "ml-11 text-blue-500/80 underline underline-offset-2",
+                !expanded && "line-clamp-1"
+              ),
+              onClick: (e) => e.stopPropagation(),
+              children: value
+            }
+          ) : /* @__PURE__ */ jsx("p", { className: cn("ml-11", !expanded && "line-clamp-1"), children: value })
+        ]
+      },
+      `${value}-${index}`
+    );
+  }) });
+}
+
+export { ArrayList };

package/dist/src/cms/client/interfaces/components/ui/display/badge.js

@@ -0,0 +1,43 @@
+import { jsx } from 'react/jsx-runtime';
+import 'mime-types';
+import { cn } from '../../../../../../shared/utils/cn.js';
+import '@radix-ui/react-avatar';
+import { Badge as Badge$1 } from '../../shadcn/badge.js';
+import '../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import 'lucide-react';
+import '@radix-ui/react-dropdown-menu';
+import '../../shadcn/input-group.js';
+import '../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import { Spinner } from '../../shadcn/spinner.js';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+
+function Badge({
+  // Processing States
+  isLoading = false,
+  // Base
+  variant = "secondary",
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Badge$1,
+    {
+      variant,
+      className: cn("h-6 w-20", className),
+      ...props,
+      children: /* @__PURE__ */ jsx("span", { className: "truncate", children: isLoading ? /* @__PURE__ */ jsx(Spinner, {}) : children })
+    }
+  );
+}
+
+export { Badge };

package/dist/src/cms/client/interfaces/components/ui/display/html-display.js

@@ -0,0 +1,124 @@
+import { jsx } from 'react/jsx-runtime';
+import 'mime-types';
+import { cn } from '../../../../../../shared/utils/cn.js';
+
+const FIGURE_OEMBED_PATTERN = /<figure\b[^>]*\bclass=(["'])[^"']*\bmedia\b[^"']*\1[^>]*>\s*<oembed\b[^>]*\burl=(["'])(.*?)\2[^>]*>\s*<\/oembed>\s*<\/figure>/gi;
+const YOUTUBE_VIDEO_ID_PATTERN = /^[\w-]{11}$/;
+const HTML_ESCAPE_MAP = {
+  '"': "&quot;",
+  "&": "&amp;",
+  "<": "&lt;",
+  ">": "&gt;"
+};
+function HtmlDisplay({
+  html = "",
+  textOnly = false,
+  className = "",
+  ...props
+}) {
+  const content = textOnly ? toPlainText(html) : normalizeHtml(html ?? "");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        className,
+        "w-full",
+        "ck ck-content"
+        // CKEditor styles prefix: .ck (ckeditor.css)
+      ),
+      dangerouslySetInnerHTML: { __html: content },
+      ...props
+    }
+  );
+}
+function toPlainText(html) {
+  if (!html) return "";
+  return removeMediaContent(html).replace(/<\/(p|div|li|h[1-6]|tr|td)>/gi, " ").replace(/<br\s*\/?>/gi, " ").replace(/<[^>]+>/g, " ").replace(/\r?\n|\r/g, " ").replace(/\s{2,}/g, " ").replace(/\s+([，。！？；：、])/g, "$1").trim();
+}
+function normalizeHtml(html) {
+  if (!html) return "";
+  return html.replace(
+    FIGURE_OEMBED_PATTERN,
+    (figureHtml, _classQuote, _urlQuote, rawUrl) => {
+      const embedHtml = createEmbedHtml(rawUrl);
+      return embedHtml ?? createEmbedFallbackHtml(rawUrl, figureHtml);
+    }
+  );
+}
+function removeMediaContent(html) {
+  return html.replace(FIGURE_OEMBED_PATTERN, " ").replace(/<iframe\b[^>]*>[\s\S]*?<\/iframe>/gi, " ").replace(/<video\b[^>]*>[\s\S]*?<\/video>/gi, " ").replace(/<picture\b[^>]*>[\s\S]*?<\/picture>/gi, " ").replace(/<img\b[^>]*>/gi, " ").replace(/<source\b[^>]*>/gi, " ");
+}
+function createEmbedHtml(rawUrl) {
+  const embedUrl = getYouTubeEmbedUrl(rawUrl);
+  if (!embedUrl) return null;
+  return `<iframe
+      src="${escapeHtmlAttribute(embedUrl)}"
+      title="Embedded media"
+      frameborder="0"
+      loading="lazy"
+      referrerpolicy="strict-origin-when-cross-origin"
+      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+      allowfullscreen
+      class="media"
+      style="display: block; width: 100%; aspect-ratio: 16 / 9; border: 0;"
+    ></iframe>`.trim();
+}
+function createEmbedFallbackHtml(rawUrl, fallbackHtml) {
+  const safeUrl = getSafeExternalUrl(rawUrl);
+  if (!safeUrl) return fallbackHtml;
+  return `<figure class="media">
+    <a
+      href="${escapeHtmlAttribute(safeUrl)}"
+      target="_blank"
+      rel="noreferrer noopener"
+    >
+      ${escapeHtmlText(safeUrl)}
+    </a>
+  </figure>`.trim();
+}
+function getYouTubeEmbedUrl(rawUrl) {
+  const url = safeParseUrl(rawUrl);
+  if (!url) return null;
+  const hostname = url.hostname.toLowerCase().replace(/^www\./, "");
+  let videoId = "";
+  if (hostname === "youtu.be") {
+    videoId = url.pathname.split("/").filter(Boolean)[0] ?? "";
+  } else if (hostname === "youtube.com" || hostname === "m.youtube.com") {
+    if (url.pathname === "/watch") {
+      videoId = url.searchParams.get("v") ?? "";
+    } else if (url.pathname.startsWith("/embed/")) {
+      videoId = url.pathname.split("/")[2] ?? "";
+    } else if (url.pathname.startsWith("/shorts/")) {
+      videoId = url.pathname.split("/")[2] ?? "";
+    }
+  }
+  if (!YOUTUBE_VIDEO_ID_PATTERN.test(videoId)) return null;
+  return `https://www.youtube-nocookie.com/embed/${videoId}`;
+}
+function getSafeExternalUrl(rawUrl) {
+  const url = safeParseUrl(rawUrl);
+  if (!url) return null;
+  if (url.protocol !== "http:" && url.protocol !== "https:") return null;
+  return url.toString();
+}
+function safeParseUrl(rawUrl) {
+  try {
+    return new URL(rawUrl);
+  } catch {
+    return null;
+  }
+}
+function escapeHtmlAttribute(value) {
+  return value.replaceAll(
+    /["&<>]/g,
+    (character) => HTML_ESCAPE_MAP[character] ?? character
+  );
+}
+function escapeHtmlText(value) {
+  return value.replaceAll(
+    /[&<>]/g,
+    (character) => HTML_ESCAPE_MAP[character] ?? character
+  );
+}
+
+export { HtmlDisplay };

package/dist/src/cms/client/interfaces/components/ui/display/object-array-list.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Link from 'next/link';
+import { useState } from 'react';
+import 'mime-types';
+import { cn } from '../../../../../../shared/utils/cn.js';
+import '../../../../../../constants/paths/auth.js';
+import '../../../../../../constants/paths/main.js';
+import '../../../../../../constants/paths/resources.js';
+import { NEW_TAB_REL, NEW_TAB_TARGET } from '../../../../../../constants/anchor.js';
+import '../../../../../../constants/redirect-paths.js';
+import '@radix-ui/react-avatar';
+import '../../shadcn/badge.js';
+import '../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import 'lucide-react';
+import '@radix-ui/react-dropdown-menu';
+import '../../shadcn/input-group.js';
+import '../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import { Separator } from '../../shadcn/separator.js';
+import '../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { FieldBody } from '../form/field-body.js';
+import 'intor/react';
+
+function ObjectArrayList({
+  items,
+  fields,
+  isLoading
+}) {
+  const [expandedIndex, setExpandedIndex] = useState(null);
+  const toggle = (i) => setExpandedIndex((p) => p === i ? null : i);
+  const validItems = items?.filter(
+    (item) => typeof item === "object" && item !== null && Object.values(item).every((v) => typeof v === "string")
+  ) ?? [];
+  if (!fields?.length || validItems.length === 0) return /* @__PURE__ */ jsx(FieldBody, { isEmpty: true });
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: validItems.map((item, index) => {
+    const expanded = expandedIndex === index;
+    return /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1", children: fields.map((field) => /* @__PURE__ */ jsxs(
+      FieldBody,
+      {
+        isLoading,
+        className: cn(expanded ? "cursor-zoom-out" : "cursor-zoom-in"),
+        onClick: () => toggle(index),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex-center absolute top-0 left-0 z-10 h-full", children: [
+            /* @__PURE__ */ jsx("span", { className: "min-w-10 px-2 text-center text-sm opacity-50", children: index + 1 }),
+            /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "py-2" })
+          ] }),
+          field.isLink ? /* @__PURE__ */ jsx(
+            Link,
+            {
+              href: item[field.key] ?? "",
+              target: NEW_TAB_TARGET,
+              rel: NEW_TAB_REL,
+              className: cn(
+                "ml-11 text-blue-500/80 underline underline-offset-2",
+                !expanded && "line-clamp-1"
+              ),
+              onClick: (e) => e.stopPropagation(),
+              children: item[field.key]
+            }
+          ) : /* @__PURE__ */ jsx("p", { className: cn("ml-11", !expanded && "line-clamp-1"), children: item[field.key] })
+        ]
+      },
+      field.key
+    )) }, index);
+  }) });
+}
+
+export { ObjectArrayList };

package/dist/src/cms/client/interfaces/components/ui/features/accordion/accordion-container.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@radix-ui/react-avatar';
+import 'mime-types';
+import 'clsx';
+import 'tailwind-merge';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import 'lucide-react';
+import '@radix-ui/react-dropdown-menu';
+import '../../../shadcn/input-group.js';
+import '../../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import { Separator } from '../../../shadcn/separator.js';
+import '../../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+
+function AccordionContainer({
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", ...props, children: [
+    /* @__PURE__ */ jsx(Separator, { className: "my-4" }),
+    children
+  ] });
+}
+
+export { AccordionContainer };

package/dist/src/cms/client/interfaces/components/ui/features/accordion/accordion-header.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import 'mime-types';
+import { cn } from '../../../../../../../shared/utils/cn.js';
+
+function AccordionHeader({
+  isRelated = false,
+  count,
+  children
+}) {
+  const { t } = useTranslator();
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full items-center gap-3 font-medium", children: [
+    count !== void 0 && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "flex-center",
+          "h-5 rounded-full px-3",
+          "bg-primary-foreground",
+          "shadow-xs"
+        ),
+        children: /* @__PURE__ */ jsx("p", { className: "text-xs", children: count })
+      }
+    ),
+    /* @__PURE__ */ jsxs("p", { className: cn("text-sm", "font-500"), children: [
+      isRelated && t("resources.related.text"),
+      children
+    ] })
+  ] });
+}
+
+export { AccordionHeader as default };

package/dist/src/cms/client/interfaces/components/ui/features/accordion/accordion.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { CircleChevronDown } from 'lucide-react';
+import { useState, useRef, useEffect } from 'react';
+import 'mime-types';
+import { cn } from '../../../../../../../shared/utils/cn.js';
+import AccordionHeader from './accordion-header.js';
+
+function Accordion({
+  initialOpen = false,
+  deps,
+  // children
+  children,
+  accordionHeaderProps,
+  // base
+  hasBorder,
+  className,
+  ...props
+}) {
+  const [isOpen, setIsOpen] = useState(initialOpen);
+  const containerRef = useRef(null);
+  useEffect(() => {
+    const el = containerRef.current;
+    if (el) el.style.maxHeight = initialOpen ? `${el.scrollHeight}px` : "0";
+  }, [initialOpen]);
+  useEffect(() => {
+    const el = containerRef.current;
+    if (el) el.style.maxHeight = isOpen ? `${el.scrollHeight}px` : "0";
+  }, [isOpen, deps]);
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: cn(
+        className,
+        "rounded-lg",
+        hasBorder && "border-secondary overflow-hidden border-2"
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            onClick: () => setIsOpen((prev) => !prev),
+            className: cn(
+              "h-9 w-full",
+              "flex items-center justify-between",
+              "px-3",
+              "bg-secondary",
+              "cursor-pointer",
+              hasBorder ? "" : "border-secondary rounded-lg border",
+              "transition"
+            ),
+            children: [
+              accordionHeaderProps && /* @__PURE__ */ jsx(AccordionHeader, { ...accordionHeaderProps }),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn("opacity-50", !isOpen && "-rotate-90", "transition"),
+                  children: /* @__PURE__ */ jsx(CircleChevronDown, { className: "size-5" })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "transition-[max-height] duration-300",
+              "overflow-hidden"
+            ),
+            ref: containerRef,
+            children: /* @__PURE__ */ jsx("div", { className: "p-6", children })
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { Accordion };

package/dist/src/cms/client/interfaces/components/ui/features/expandable-list/expand-bar.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { CirclePlus, CircleMinus } from 'lucide-react';
+import 'mime-types';
+import { cn } from '../../../../../../../shared/utils/cn.js';
+import '@radix-ui/react-avatar';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../../shadcn/input-group.js';
+import '../../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import { Separator } from '../../../shadcn/separator.js';
+import '../../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+
+function ExpandBar({ isExpand }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "w-full",
+        "flex-center gap-1",
+        "opacity-50 group-hover:opacity-100",
+        "transition"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Separator, { className: "my-3 flex-1" }),
+        !isExpand ? /* @__PURE__ */ jsx(CirclePlus, { className: "text-base-content size-5 min-w-5" }) : /* @__PURE__ */ jsx(CircleMinus, { className: "text-base-content size-5 min-w-5" }),
+        /* @__PURE__ */ jsx(Separator, { className: "my-3 flex-1" })
+      ]
+    }
+  );
+}
+
+export { ExpandBar };

package/dist/src/cms/client/interfaces/components/ui/features/expandable-list/expandable-list-content.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import 'mime-types';
+import { cn } from '../../../../../../../shared/utils/cn.js';
+
+const COLLAPSED_HEIGHT = 48;
+function ExpandableListContent({
+  item,
+  items,
+  isExpand,
+  isDisabled,
+  isUnique,
+  onOverflowChange,
+  children
+}) {
+  const containerRef = useRef(null);
+  useEffect(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const height = el.scrollHeight;
+    onOverflowChange?.(height > COLLAPSED_HEIGHT);
+    if (isDisabled) {
+      el.style.maxHeight = "0px";
+      return;
+    }
+    el.style.maxHeight = isExpand ? `${height}px` : `${COLLAPSED_HEIGHT}px`;
+  }, [isExpand, isDisabled, items.length, children, onOverflowChange]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: cn("overflow-hidden", "flex flex-wrap gap-1", "duration-150"),
+      children: [
+        children,
+        items.map((eachItem, idx) => {
+          const matched = isUnique && eachItem === item;
+          return /* @__PURE__ */ jsxs("span", { children: [
+            /* @__PURE__ */ jsx("span", { className: cn(matched && "text-error"), children: eachItem }),
+            idx !== items.length - 1 && ","
+          ] }, `${eachItem}-${idx}`);
+        })
+      ]
+    }
+  );
+}
+
+export { ExpandableListContent };