@flamingo-stack/openframe-frontend-core 0.0.730 → 0.0.732

package/dist/components/tickets/index.cjs

@@ -14,9 +14,9 @@
 
 
 
-var _chunkJNDR5N3Tcjs = require('../../chunk-JNDR5N3T.cjs');
-require('../../chunk-PGFR4CDB.cjs');
-require('../../chunk-Q5GR7LKV.cjs');
+var _chunkC5NERNE6cjs = require('../../chunk-C5NERNE6.cjs');
+require('../../chunk-CUF3IYIB.cjs');
+require('../../chunk-BS4EZZCN.cjs');
 require('../../chunk-XKB7YGQM.cjs');
 require('../../chunk-HEVW75L3.cjs');
 
@@ -25,15 +25,15 @@ require('../../chunk-HEVW75L3.cjs');
 
 
 
-var _chunkXA436AERcjs = require('../../chunk-XA436AER.cjs');
-require('../../chunk-SKDQ2SLJ.cjs');
-require('../../chunk-CD5YBUJK.cjs');
-require('../../chunk-2V62Y67F.cjs');
-require('../../chunk-24KWUFWA.cjs');
+var _chunkOJ3XU3YZcjs = require('../../chunk-OJ3XU3YZ.cjs');
+require('../../chunk-22ZK7BA3.cjs');
+require('../../chunk-QMTC3BK3.cjs');
+require('../../chunk-MEDDKM3A.cjs');
+require('../../chunk-G37LT2ID.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
-require('../../chunk-2I3XU2IB.cjs');
-require('../../chunk-UG7Q3HQH.cjs');
+require('../../chunk-SJRR745G.cjs');
+require('../../chunk-GID62YEN.cjs');
 require('../../chunk-24I6RFVU.cjs');
 require('../../chunk-A6P6DHEZ.cjs');
 require('../../chunk-MZ4KBSH7.cjs');
@@ -42,11 +42,11 @@ require('../../chunk-YUMFVQIN.cjs');
 
 
 
-var _chunkAIW4KZQTcjs = require('../../chunk-AIW4KZQT.cjs');
-require('../../chunk-4NFVFTD6.cjs');
-require('../../chunk-KMMV562E.cjs');
+var _chunk6KDGIOLPcjs = require('../../chunk-6KDGIOLP.cjs');
+require('../../chunk-ZWMPAFGB.cjs');
+require('../../chunk-HH4BMYDX.cjs');
 require('../../chunk-HZJRERJW.cjs');
-require('../../chunk-YHFXQ5OR.cjs');
+require('../../chunk-E3N24573.cjs');
 require('../../chunk-MJGX357L.cjs');
 require('../../chunk-ZOZR3QI2.cjs');
 require('../../chunk-OMV5S5PI.cjs');
@@ -65,7 +65,7 @@ require('../../chunk-EW6JDYIJ.cjs');
 require('../../chunk-RIYAW5XQ.cjs');
 require('../../chunk-V625LXMX.cjs');
 require('../../chunk-QZDWF4TP.cjs');
-require('../../chunk-VQMWBQUJ.cjs');
+require('../../chunk-R4QMR6S4.cjs');
 require('../../chunk-3XTNLCTC.cjs');
 require('../../chunk-WK6GYVD5.cjs');
 require('../../chunk-3EGCNO7J.cjs');
@@ -715,8 +715,8 @@ require('../../chunk-QFE6P63F.cjs');
 require('../../chunk-O7V5GAHE.cjs');
 require('../../chunk-OCN4FL5Q.cjs');
 require('../../chunk-3ATL7GDU.cjs');
-require('../../chunk-UYKL2AXE.cjs');
-require('../../chunk-4XQXTQUK.cjs');
+require('../../chunk-OKW5OAFJ.cjs');
+require('../../chunk-6N5NQRQA.cjs');
 require('../../chunk-ZAOFZVLY.cjs');
 require('../../chunk-V5KXAQX4.cjs');
 require('../../chunk-PFRJIX7A.cjs');
@@ -949,7 +949,7 @@ require('../../chunk-N72UPI7O.cjs');
 require('../../chunk-DXD6RXHR.cjs');
 require('../../chunk-4WBXPA7T.cjs');
 require('../../chunk-SSDZ2GXZ.cjs');
-require('../../chunk-FRET5WH3.cjs');
+require('../../chunk-CKR42OBK.cjs');
 require('../../chunk-5C2FFRM3.cjs');
 require('../../chunk-W4GNRZNW.cjs');
 require('../../chunk-I3XDST6Q.cjs');
@@ -958,8 +958,8 @@ require('../../chunk-7V4BJPWN.cjs');
 require('../../chunk-PV5XWLHS.cjs');
 require('../../chunk-GBYDOBZJ.cjs');
 require('../../chunk-IVUEBSZI.cjs');
-require('../../chunk-YJXUJWHN.cjs');
-require('../../chunk-GVTCHXW2.cjs');
+require('../../chunk-J7SZOZOS.cjs');
+require('../../chunk-ZWUIRQNY.cjs');
 require('../../chunk-OISNGOVI.cjs');
 require('../../chunk-UTEMC6QY.cjs');
 require('../../chunk-JZCNK6ID.cjs');
@@ -983,7 +983,7 @@ require('../../chunk-KJVUT6TC.cjs');
 require('../../chunk-SI3C5MSE.cjs');
 require('../../chunk-BQKIC2L7.cjs');
 require('../../chunk-KWI6PZDR.cjs');
-require('../../chunk-6KD2XUQZ.cjs');
+require('../../chunk-LRQITIEC.cjs');
 require('../../chunk-IP7BBNC3.cjs');
 require('../../chunk-3VK4NLWK.cjs');
 require('../../chunk-ILYW6BQN.cjs');
@@ -1133,7 +1133,7 @@ require('../../chunk-DLIEZ3RI.cjs');
 require('../../chunk-GTOJIVUG.cjs');
 require('../../chunk-EDVT7OAS.cjs');
 require('../../chunk-J2J46RD7.cjs');
-require('../../chunk-NDHQ7JLZ.cjs');
+require('../../chunk-GKHWXI25.cjs');
 require('../../chunk-Y37GQ7LY.cjs');
 require('../../chunk-UPORNW7Y.cjs');
 require('../../chunk-XVBSIZZZ.cjs');
@@ -1146,7 +1146,7 @@ require('../../chunk-5MW5L3KP.cjs');
 require('../../chunk-KNJJGFRS.cjs');
 require('../../chunk-ZKCVXV65.cjs');
 require('../../chunk-PJBY4WDP.cjs');
-require('../../chunk-NB5BYOTM.cjs');
+require('../../chunk-RC32WBPL.cjs');
 require('../../chunk-QKEK7C3C.cjs');
 require('../../chunk-YWM3EATD.cjs');
 require('../../chunk-AKDG3XFL.cjs');
@@ -1156,7 +1156,7 @@ require('../../chunk-S2Y6AJPY.cjs');
 require('../../chunk-YTV4JDXK.cjs');
 require('../../chunk-R4PYEXRG.cjs');
 require('../../chunk-KVTWTWGG.cjs');
-require('../../chunk-2T2TH5DF.cjs');
+require('../../chunk-52HFGZCI.cjs');
 require('../../chunk-HNTGOS3G.cjs');
 require('../../chunk-SWHUL32W.cjs');
 require('../../chunk-NEZ4MXDS.cjs');
@@ -1171,7 +1171,7 @@ require('../../chunk-5YRFUDAS.cjs');
 require('../../chunk-FRHJNL4W.cjs');
 require('../../chunk-4JRGMN4B.cjs');
 require('../../chunk-Q6GXWFMW.cjs');
-require('../../chunk-TW2SES5W.cjs');
+require('../../chunk-NCGAP3U4.cjs');
 require('../../chunk-JAWIFYB2.cjs');
 require('../../chunk-6YS2NSKP.cjs');
 require('../../chunk-6BDBASLK.cjs');
@@ -1337,9 +1337,9 @@ require('../../chunk-4FMA4KTH.cjs');
 require('../../chunk-5IGDSOIL.cjs');
 require('../../chunk-44MFW2JL.cjs');
 require('../../chunk-TQ6NZO6F.cjs');
-require('../../chunk-GJPAS4RJ.cjs');
+require('../../chunk-CT342EJU.cjs');
 require('../../chunk-U7CBIAE7.cjs');
-require('../../chunk-5RMCAY6Y.cjs');
+require('../../chunk-27TMRMOM.cjs');
 require('../../chunk-DCC5FRWG.cjs');
 require('../../chunk-WNUEWOSH.cjs');
 require('../../chunk-6BYUCDU7.cjs');
@@ -1805,7 +1805,7 @@ require('../../chunk-TMHPQ4E5.cjs');
 require('../../chunk-7WT2C5YY.cjs');
 require('../../chunk-BHUIUHJF.cjs');
 require('../../chunk-KLM7TDPH.cjs');
-require('../../chunk-HVZBIXCZ.cjs');
+require('../../chunk-O2RPIGSG.cjs');
 require('../../chunk-D6XEZN4K.cjs');
 require('../../chunk-DM7KP3VO.cjs');
 require('../../chunk-HZYC3G6E.cjs');
@@ -1836,20 +1836,20 @@ require('../../chunk-LMBYZITR.cjs');
 require('../../chunk-TMVC7S2R.cjs');
 require('../../chunk-IYHH5EIO.cjs');
 require('../../chunk-XIBCMGBW.cjs');
-require('../../chunk-CDLDAQBA.cjs');
-require('../../chunk-UHJG2BDI.cjs');
-require('../../chunk-73MDSN5A.cjs');
+require('../../chunk-RIXGLS5Y.cjs');
+require('../../chunk-CC3LINHF.cjs');
+require('../../chunk-HELVKMRG.cjs');
 require('../../chunk-JKX2C3I2.cjs');
 require('../../chunk-7DNL734S.cjs');
 require('../../chunk-WWUSFOJ7.cjs');
 require('../../chunk-SKI6NKOE.cjs');
 require('../../chunk-EWPR7662.cjs');
-require('../../chunk-XSPL7RXL.cjs');
-require('../../chunk-3YHVQ34L.cjs');
-require('../../chunk-BE2WAMG5.cjs');
+require('../../chunk-TLDCSTTQ.cjs');
+require('../../chunk-XOQ2UUVS.cjs');
+require('../../chunk-AEVGCB3Y.cjs');
 require('../../chunk-YADG5Q7C.cjs');
-require('../../chunk-DINGZJ37.cjs');
-require('../../chunk-NXCV35RR.cjs');
+require('../../chunk-NYY25425.cjs');
+require('../../chunk-KLXHCNDC.cjs');
 require('../../chunk-S5C3OZCO.cjs');
 require('../../chunk-32ASZMTV.cjs');
 require('../../chunk-OOYBIS7D.cjs');
@@ -1859,10 +1859,10 @@ require('../../chunk-ORO54HDF.cjs');
 require('../../chunk-RUHKTWGB.cjs');
 require('../../chunk-BLH2SFOO.cjs');
 require('../../chunk-EAY6ZUES.cjs');
-require('../../chunk-LCTDHLDL.cjs');
+require('../../chunk-PX7FY655.cjs');
 require('../../chunk-CW3ML76U.cjs');
-require('../../chunk-5KLNEFZZ.cjs');
-require('../../chunk-SI24RMI5.cjs');
+require('../../chunk-7DUXR4HL.cjs');
+require('../../chunk-MANNIJ42.cjs');
 require('../../chunk-VOX4E6AX.cjs');
 require('../../chunk-UR4K2NSL.cjs');
 require('../../chunk-UJ7AXHRZ.cjs');
@@ -1901,4 +1901,4 @@ require('../../chunk-3ATAYP36.cjs');
 
 
 
-exports.HelpCenterCard = _chunkJNDR5N3Tcjs.HelpCenterCard; exports.HelpCenterCreateForm = _chunkJNDR5N3Tcjs.HelpCenterCreateForm; exports.HelpCenterCreateFormSkeleton = _chunkJNDR5N3Tcjs.HelpCenterCreateFormSkeleton; exports.HelpCenterList = _chunkJNDR5N3Tcjs.HelpCenterList; exports.TICKET_OPEN_PARAM = _chunkAIW4KZQTcjs.TICKET_OPEN_PARAM; exports.TICKET_TOAST_COPY = _chunkXA436AERcjs.TOAST_COPY; exports.TicketCenter = _chunkJNDR5N3Tcjs.TicketCenter; exports.TicketDetailDrawer = _chunkJNDR5N3Tcjs.TicketDetailDrawer; exports.TicketLinkedDeliveryCard = _chunkJNDR5N3Tcjs.TicketLinkedDeliveryCard; exports.TicketLiveProvider = _chunkXA436AERcjs.TicketLiveProvider; exports.TicketOpenForm = _chunkJNDR5N3Tcjs.TicketOpenForm; exports.TicketReplyComposer = _chunkJNDR5N3Tcjs.TicketReplyComposer; exports.TicketRow = _chunkJNDR5N3Tcjs.TicketRow; exports.buildTicketOpenHref = _chunkAIW4KZQTcjs.buildTicketOpenHref; exports.isOptimistic = _chunkXA436AERcjs.isOptimistic; exports.mapTicketActionError = _chunkJNDR5N3Tcjs.mapTicketActionError; exports.useOptionalTicketLive = _chunkXA436AERcjs.useOptionalTicketLive; exports.useTicketActions = _chunkJNDR5N3Tcjs.useTicketActions; exports.useTicketEngagements = _chunkJNDR5N3Tcjs.useTicketEngagements; exports.useTicketLive = _chunkXA436AERcjs.useTicketLive; exports.useTicketsList = _chunkJNDR5N3Tcjs.useTicketsList;
+exports.HelpCenterCard = _chunkC5NERNE6cjs.HelpCenterCard; exports.HelpCenterCreateForm = _chunkC5NERNE6cjs.HelpCenterCreateForm; exports.HelpCenterCreateFormSkeleton = _chunkC5NERNE6cjs.HelpCenterCreateFormSkeleton; exports.HelpCenterList = _chunkC5NERNE6cjs.HelpCenterList; exports.TICKET_OPEN_PARAM = _chunk6KDGIOLPcjs.TICKET_OPEN_PARAM; exports.TICKET_TOAST_COPY = _chunkOJ3XU3YZcjs.TOAST_COPY; exports.TicketCenter = _chunkC5NERNE6cjs.TicketCenter; exports.TicketDetailDrawer = _chunkC5NERNE6cjs.TicketDetailDrawer; exports.TicketLinkedDeliveryCard = _chunkC5NERNE6cjs.TicketLinkedDeliveryCard; exports.TicketLiveProvider = _chunkOJ3XU3YZcjs.TicketLiveProvider; exports.TicketOpenForm = _chunkC5NERNE6cjs.TicketOpenForm; exports.TicketReplyComposer = _chunkC5NERNE6cjs.TicketReplyComposer; exports.TicketRow = _chunkC5NERNE6cjs.TicketRow; exports.buildTicketOpenHref = _chunk6KDGIOLPcjs.buildTicketOpenHref; exports.isOptimistic = _chunkOJ3XU3YZcjs.isOptimistic; exports.mapTicketActionError = _chunkC5NERNE6cjs.mapTicketActionError; exports.useOptionalTicketLive = _chunkOJ3XU3YZcjs.useOptionalTicketLive; exports.useTicketActions = _chunkC5NERNE6cjs.useTicketActions; exports.useTicketEngagements = _chunkC5NERNE6cjs.useTicketEngagements; exports.useTicketLive = _chunkOJ3XU3YZcjs.useTicketLive; exports.useTicketsList = _chunkC5NERNE6cjs.useTicketsList;

package/dist/components/ui/device-wallpaper.d.ts

@@ -0,0 +1,7 @@
+/**
+ * THE wallpaper of a drawn device screen (the remote desktop in the product
+ * demo, the phone's lock screen): one gradient across the two brand colours,
+ * so every device a page draws is lit the same way.
+ */
+export declare const DEVICE_WALLPAPER_CLASS = "bg-gradient-to-br from-ods-flamingo-cyan-secondary via-ods-bg-surface to-ods-flamingo-pink-secondary";
+//# sourceMappingURL=device-wallpaper.d.ts.map

package/dist/components/ui/device-wallpaper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-wallpaper.d.ts","sourceRoot":"","sources":["../../../src/components/ui/device-wallpaper.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,yGACqE,CAAC"}

package/dist/components/ui/device-wallpaper.js

@@ -0,0 +1,5 @@
+"use client";
+const DEVICE_WALLPAPER_CLASS = "bg-gradient-to-br from-ods-flamingo-cyan-secondary via-ods-bg-surface to-ods-flamingo-pink-secondary";
+export {
+  DEVICE_WALLPAPER_CLASS
+};

package/dist/components/ui/feature-list.d.ts

@@ -16,16 +16,21 @@ export interface FeatureListProps {
      */
     variant?: 'boxed' | 'numbered';
     /**
-     * `numbered` only. The step being shown now: it stays at full strength with
-     * its marker lit and the others step back, so the list reads as "you are here" beside a timed
-     * demo. Omit for a plain list where every step is equal.
+     * `numbered` only. The step being shown now: its marker and its title take
+     * the accent and its description reads at full strength, so the list reads as
+     * "you are here" beside a timed demo. Omit for a plain list where every step is equal.
      */
     activeIndex?: number;
+    /**
+     * `numbered` only. The colour of the step being shown (a CSS colour, such as
+     * the hex of the agent whose demo it is). Omitted, it is the platform's accent.
+     */
+    accent?: string;
     /**
      * `numbered` only. Makes every step a button: choosing one reports its index
      * (a demo jumps to that step). Omit for a list that is only read.
      */
     onSelect?: (index: number) => void;
 }
-export declare function FeatureList({ items, className, iconBoxSize, variant, activeIndex, onSelect, }: FeatureListProps): React.JSX.Element;
+export declare function FeatureList({ items, className, iconBoxSize, variant, activeIndex, accent, onSelect, }: FeatureListProps): React.JSX.Element;
 //# sourceMappingURL=feature-list.d.ts.map

package/dist/components/ui/feature-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-list.d.ts","sourceRoot":"","sources":["../../../src/components/ui/feature-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,mBAAmB;IAClC,mEAAmE;IACnE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC/B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAc,EACd,WAAgB,EAChB,OAAiB,EACjB,WAAW,EACX,QAAQ,GACT,EAAE,gBAAgB,qBA8ElB"}
+{"version":3,"file":"feature-list.d.ts","sourceRoot":"","sources":["../../../src/components/ui/feature-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAmB;IAClC,mEAAmE;IACnE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC/B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAc,EACd,WAAgB,EAChB,OAAiB,EACjB,WAAW,EACX,MAAM,EACN,QAAQ,GACT,EAAE,gBAAgB,qBAiElB"}

package/dist/components/ui/feature-list.js

@@ -1,55 +1,46 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "./button/index.js";
+import { NumberedStep } from "./numbered-step.js";
 function FeatureList({
   items,
   className = "",
   iconBoxSize = 72,
   variant = "boxed",
   activeIndex,
+  accent,
   onSelect
 }) {
   if (variant === "numbered") {
     const dims = typeof activeIndex === "number";
     return /* @__PURE__ */ jsx("ol", { className: `flex flex-col gap-[var(--spacing-system-lf)] ${className}`, children: items.map((item, index) => {
       const current = dims && index === activeIndex;
-      const row = /* @__PURE__ */ jsxs(Fragment, { children: [
+      const step = /* @__PURE__ */ jsx(
+        NumberedStep,
+        {
+          number: index + 1,
+          title: item.title,
+          description: item.description,
+          current,
+          accent,
+          className: onSelect ? "w-full" : void 0
+        }
+      );
+      return /* @__PURE__ */ jsx("li", { "aria-current": current ? "step" : void 0, children: onSelect ? (
+        // The unified Button with no box of its own (`wrap`): it brings the
+        // target, the focus ring and the keyboard semantics; the row is the look.
         /* @__PURE__ */ jsx(
-          "span",
+          Button,
           {
-            className: `grid h-7 w-7 shrink-0 place-items-center rounded-full border transition-colors duration-200 text-h5 motion-reduce:transition-none ${current ? "border-ods-flamingo-pink bg-ods-flamingo-pink-secondary text-ods-text-primary" : "border-ods-border text-ods-text-secondary"}`,
-            children: index + 1
+            variant: "transparent",
+            size: "wrap",
+            fullWidth: true,
+            onClick: () => onSelect(index),
+            className: "items-start justify-start whitespace-normal text-left hover:bg-transparent active:bg-transparent",
+            children: step
           }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-[var(--spacing-system-xxs)]", children: [
-          /* @__PURE__ */ jsx("h3", { className: "text-ods-text-primary text-h4", children: item.title }),
-          /* @__PURE__ */ jsx("p", { className: "text-ods-text-secondary text-h6", children: item.description })
-        ] })
-      ] });
-      const layout = "flex items-start gap-[var(--spacing-system-sf)]";
-      return /* @__PURE__ */ jsx(
-        "li",
-        {
-          "aria-current": current ? "step" : void 0,
-          className: `transition-opacity duration-200 motion-reduce:transition-none ${dims && !current ? "opacity-55 focus-within:opacity-100 hover:opacity-100" : ""}`,
-          children: onSelect ? (
-            // The unified Button with no box of its own (`wrap`): it brings the
-            // target, the focus ring and the keyboard semantics; the row is the look.
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "transparent",
-                size: "wrap",
-                fullWidth: true,
-                onClick: () => onSelect(index),
-                className: `${layout} justify-start whitespace-normal text-left hover:bg-transparent active:bg-transparent`,
-                children: row
-              }
-            )
-          ) : /* @__PURE__ */ jsx("div", { className: layout, children: row })
-        },
-        index
-      );
+        )
+      ) : step }, index);
     }) });
   }
   return /* @__PURE__ */ jsx("div", { className: `flex flex-col overflow-hidden rounded-[6px] border border-ods-border bg-ods-bg ${className}`, children: items.map((item, index) => /* @__PURE__ */ jsxs(