@tesouro/embedded-components-react 0.2.237 → 0.2.238

package/dist/libs/tesouro-embedded-components-react/cards-widget/feature/dist/index8.js

@@ -1,91 +1,66 @@
-import "react/jsx-runtime";
-import "react";
-import "lucide-react";
-import "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "@radix-ui/react-use-controllable-state";
-import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { CARD_COLUMN_KEYS as o } from "../../ui/dist/lib/CardsList/types.js";
-import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
-import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
-import "../../../shared/data-access/dist/lib/rest/client.gen.js";
-import "@tanstack/react-query";
-import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
-import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
-import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
-import "react-error-boundary";
-import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { CardProgram as d } from "../../../shared/feature/dist/lib/card/cardProgram.js";
-import { CARD_STATUS_TONE as p } from "../../../shared/feature/dist/lib/card/cardPresentation.js";
-import { formatCardLimit as l, withFallback as n } from "./index7.js";
-const C = "PENDING_ACTIVATION", M = {
-  [d.Credit]: o.filter(
-    (a) => a !== "fundingAccount"
-  ),
-  [d.Debit]: o
-};
-function P(a) {
-  return a.map((t) => ({
-    id: t.id,
-    userId: t.userId,
-    status: t.cardStatus,
-    type: t.cardType,
-    cardholderName: t.cardholderName,
-    nickname: t.nickname,
-    lastFourDigits: t.lastFourDigits,
-    limit: t.cardLimit,
-    limitCurrencyCode: t.currentBalance?.currencyCode
-  }));
+"use client";
+"use client";
+"use client";
+"use client";
+import { WidgetProvider as e } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import "../../../shared/feature/dist/index.js";
+import { WIDGET_NAME as t } from "./index2.js";
+import { resolveCardsListLabels as n } from "../../ui/dist/lib/CardsList/labels.js";
+import { CardsList as r } from "../../ui/dist/lib/CardsList/CardsList.js";
+import { CardsListDetailsSheet as i } from "../../ui/dist/lib/CardsList/CardsListDetailsSheet.js";
+import "../../ui/dist/index.js";
+import { useCardsWidget as a } from "./index7.js";
+import { CardDetailsWidget as o } from "../../../card-details-widget/feature/dist/index6.js";
+import "../../../card-details-widget/feature/dist/index.js";
+import { useMemo as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/cards-widget/feature/dist/index8.js
+function f({ cardProgram: e, pagination: t, defaultPagination: f, onPaginationChange: p, labels: m, featureLabels: h, selectedCardId: g, defaultSelectedCardId: _, onSelectedCardIdChange: v, cardDetailsLabels: y, cardDetailsFeatureLabels: b, bankLogoSrc: x, bankLogoAlt: S, onCreateCard: C, onActivateCard: w }) {
+	let { selectedCardId: T, onSelectCard: E, ...D } = a({
+		cardProgram: e,
+		pagination: t,
+		defaultPagination: f,
+		onPaginationChange: p,
+		featureLabels: h,
+		selectedCardId: g,
+		defaultSelectedCardId: _,
+		onSelectedCardIdChange: v,
+		onCreateCard: C,
+		onActivateCard: w
+	}), O = s(() => n(m), [m]), [k, A] = c(T);
+	return T !== null && T !== k && A(T), /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(r, {
+		...D,
+		labels: O
+	}), /* @__PURE__ */ u(i, {
+		isOpen: T !== null,
+		labels: O.detailsSheet,
+		onClose: () => E(null),
+		children: k === null ? null : /* @__PURE__ */ u(o, {
+			cardId: k,
+			cardProgram: e,
+			labels: y,
+			featureLabels: b,
+			bankLogoSrc: x,
+			bankLogoAlt: S,
+			onClose: () => E(null)
+		}, k)
+	})] });
 }
-function U(a) {
-  return a.map((t) => ({
-    id: t.id,
-    userId: t.userId,
-    status: t.cardStatus,
-    type: t.cardType,
-    cardholderName: t.cardholderName,
-    nickname: t.nickname,
-    lastFourDigits: t.lastFourDigits,
-    limit: t.spendingLimit,
-    fundingAccountId: t.bankAccountId
-  }));
+function p({ baseUrl: n, widgetToken: r, organizationId: i, configClient: a, linkComponent: o, implementation: s, uiFramework: c, errorFallback: l, onError: d, analytics: p, ...m }) {
+	return /* @__PURE__ */ u(e, {
+		widgetName: t,
+		baseUrl: n,
+		widgetToken: r,
+		organizationId: i,
+		configClient: a,
+		linkComponent: o,
+		implementation: s,
+		uiFramework: c,
+		errorFallback: l,
+		onError: d,
+		analytics: p,
+		children: /* @__PURE__ */ u(f, { ...m })
+	});
 }
-function $(a, {
-  labels: t,
-  fundingAccountNames: m,
-  canActivate: c,
-  onCardSelect: e,
-  onActivateCard: i
-}) {
-  return a.map((r) => {
-    const s = c && r.status === C, u = r.fundingAccountId ? m?.get(r.fundingAccountId) : void 0;
-    return {
-      key: r.id,
-      nickname: n(r.nickname, t.untitledCard),
-      lastFour: r.lastFourDigits,
-      // All three lookups are exhaustive over the generated unions, so
-      // TypeScript sees no `undefined` here — but these values arrive over the
-      // wire, and a backend adding a member (a `SUSPENDED` status, say) reaches
-      // this map before the client is regenerated. Without the fallbacks that
-      // rendered an empty badge carrying no tone class, which reads as a broken
-      // widget rather than an unrecognised status.
-      typeLabel: t.cardType[r.type] ?? t.emptyValue,
-      fundingAccount: u ?? t.emptyValue,
-      cardholder: n(r.cardholderName, t.emptyValue),
-      statusLabel: t.cardStatus[r.status] ?? t.emptyValue,
-      statusTone: p[r.status] ?? "neutral",
-      limit: l({
-        limit: r.limit,
-        currencyCode: r.limitCurrencyCode
-      }),
-      onSelect: e ? () => e(r.id) : void 0,
-      onActivate: s && i ? () => i(r.id) : void 0
-    };
-  });
-}
-export {
-  M as CARD_COLUMNS_BY_PROGRAM,
-  $ as toCardRows,
-  P as toCreditCardListItems,
-  U as toDebitCardListItems
-};
+//#endregion
+export { p as CardsWidget, p as default };

package/dist/libs/tesouro-embedded-components-react/cards-widget/ui/dist/index.js

@@ -0,0 +1,6 @@
+import "./lib/CardsList/statusBadge.js";
+import { resolveCardsListLabels as e } from "./lib/CardsList/labels.js";
+import { CardsList as t } from "./lib/CardsList/CardsList.js";
+import { CardsListDetailsSheet as n } from "./lib/CardsList/CardsListDetailsSheet.js";
+import { CARD_COLUMN_KEYS as r } from "./lib/CardsList/types.js";
+export { r as CARD_COLUMN_KEYS, t as CardsList, n as CardsListDetailsSheet, e as resolveCardsListLabels };

package/dist/libs/tesouro-embedded-components-react/cards-widget/ui/dist/lib/CardsList/CardFaceSwatch.js

@@ -1,15 +1,12 @@
-import { jsx as t } from "react/jsx-runtime";
-function r() {
-  return /* @__PURE__ */ t(
-    "span",
-    {
-      "aria-hidden": !0,
-      "data-testid": "card-face-swatch",
-      className: "ttw:flex ttw:h-7 ttw:w-[42px] ttw:shrink-0 ttw:items-end ttw:rounded-[3.5px] ttw:bg-foreground ttw:p-1",
-      children: /* @__PURE__ */ t("span", { className: "ttw:h-1 ttw:w-2.5 ttw:rounded-[1px] ttw:bg-muted-foreground" })
-    }
-  );
+import { jsx as e } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/cards-widget/ui/dist/lib/CardsList/CardFaceSwatch.js
+function t() {
+	return /* @__PURE__ */ e("span", {
+		"aria-hidden": !0,
+		"data-testid": "card-face-swatch",
+		className: "ttw:flex ttw:h-7 ttw:w-[42px] ttw:shrink-0 ttw:items-end ttw:rounded-[3.5px] ttw:bg-foreground ttw:p-1",
+		children: /* @__PURE__ */ e("span", { className: "ttw:h-1 ttw:w-2.5 ttw:rounded-[1px] ttw:bg-muted-foreground" })
+	});
 }
-export {
-  r as CardFaceSwatch
-};
+//#endregion
+export { t as CardFaceSwatch, t as default };

package/dist/libs/tesouro-embedded-components-react/cards-widget/ui/dist/lib/CardsList/CardsList.js

@@ -1,138 +1,136 @@
 "use client";
-import { jsxs as r, jsx as e, Fragment as B } from "react/jsx-runtime";
-import { useId as A, useMemo as F } from "react";
-import { PlusIcon as P, CreditCardIcon as I } from "lucide-react";
-import { Typography as O, Button as R, Switch as j, Table as E, TableHeader as H, TableRow as l, TableHead as y, TableBody as J, TableCell as g, Skeleton as K } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import "@radix-ui/react-use-controllable-state";
-import "../../../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import { EmptyState as Q } from "../../../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
-import { ErrorState as V } from "../../../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
-import { PaginationFooter as Y } from "../../../../../shared/ui/dist/lib/PaginationFooter/PaginationFooter.js";
-import "../../../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { CardsListRow as q } from "./CardsListRow.js";
-import { resolveCardsListLabels as G } from "./labels.js";
-const U = [10, 25, 50], W = 5;
-function X({ columnCount: i }) {
-  return /* @__PURE__ */ e(B, { children: Array.from({ length: W }).map((o, a) => /* @__PURE__ */ e(l, { className: "ttw:h-18", children: Array.from({ length: i }).map((w, c) => /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(K, { className: "ttw:h-4 ttw:w-24" }) }, c)) }, a)) });
+"use client";
+"use client";
+"use client";
+import { Button as e, Skeleton as t, Switch as n, Table as r, TableBody as i, TableCell as a, TableHead as o, TableHeader as s, TableRow as c, Typography as l } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EmptyState as u } from "../../../../../shared/ui/dist/lib/EmptyState/EmptyState.js";
+import { ErrorState as d } from "../../../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import { PaginationFooter as f } from "../../../../../shared/ui/dist/lib/PaginationFooter/PaginationFooter.js";
+import "../../../../../shared/ui/dist/index.js";
+import { resolveCardsListLabels as p } from "./labels.js";
+import { CardsListRow as m } from "./CardsListRow.js";
+import { useId as h, useMemo as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { CreditCardIcon as b, PlusIcon as x } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/cards-widget/ui/dist/lib/CardsList/CardsList.js
+var S = [
+	10,
+	25,
+	50
+], C = 5;
+function w({ columnCount: e }) {
+	return /* @__PURE__ */ v(_, { children: Array.from({ length: C }).map((n, r) => /* @__PURE__ */ v(c, {
+		className: "ttw:h-18",
+		children: Array.from({ length: e }).map((e, n) => /* @__PURE__ */ v(a, { children: /* @__PURE__ */ v(t, { className: "ttw:h-4 ttw:w-24" }) }, n))
+	}, r)) });
 }
-function ce({
-  rows: i,
-  columns: o,
-  isLoading: a = !1,
-  isError: w = !1,
-  canToggleShowMyCards: c = !1,
-  isShowingMyCards: v = !1,
-  onShowMyCardsChange: p,
-  canCreateCard: x = !1,
-  onCreateCardClick: d,
-  onRetry: S,
-  isPaginationVisible: k = !1,
-  pageSize: z = 10,
-  pageSizeOptions: L = U,
-  rangeLabel: T = "",
-  isPreviousPageDisabled: M = !1,
-  isNextPageDisabled: D = !1,
-  onPageSizeChange: b,
-  onPreviousPageClick: C,
-  onNextPageClick: u,
-  labels: f
-}) {
-  const N = A(), t = F(
-    () => G(f),
-    [f]
-  ), m = !!(x && d), n = b && C && u ? {
-    onPageSizeChange: b,
-    onPreviousPageClick: C,
-    onNextPageClick: u
-  } : void 0, h = o.length + 1;
-  return /* @__PURE__ */ r(
-    "section",
-    {
-      "aria-label": t.regionLabel,
-      "aria-busy": a || void 0,
-      "data-testid": "cards-list",
-      children: [
-        /* @__PURE__ */ r("header", { className: "ttw:mb-5 ttw:flex ttw:flex-wrap ttw:items-start ttw:justify-between ttw:gap-4", children: [
-          /* @__PURE__ */ e(O, { variant: "h2", component: "h1", children: t.title }),
-          m && /* @__PURE__ */ r(R, { size: "sm", disabled: a, onClick: d, children: [
-            /* @__PURE__ */ e(P, { "aria-hidden": !0, className: "ttw:size-4" }),
-            t.createCardButton
-          ] })
-        ] }),
-        a && /* @__PURE__ */ e("span", { role: "status", className: "ttw:sr-only", children: t.loadingLabel }),
-        c && p && /* @__PURE__ */ r("div", { className: "ttw:mb-4 ttw:flex ttw:items-center ttw:gap-3", children: [
-          /* @__PURE__ */ e(
-            j,
-            {
-              id: N,
-              checked: v,
-              disabled: a,
-              onCheckedChange: p
-            }
-          ),
-          /* @__PURE__ */ e(
-            "label",
-            {
-              htmlFor: N,
-              className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
-              children: t.showMyCardsToggle
-            }
-          )
-        ] }),
-        /* @__PURE__ */ r("div", { className: "ttw:overflow-hidden ttw:rounded-md ttw:border ttw:border-border ttw:bg-card", children: [
-          /* @__PURE__ */ r(E, { children: [
-            /* @__PURE__ */ e(H, { children: /* @__PURE__ */ r(l, { className: "ttw:hover:bg-transparent", children: [
-              o.map((s) => /* @__PURE__ */ e(y, { className: "ttw:text-sm", children: t.columnHeaders[s] }, s)),
-              /* @__PURE__ */ e(y, { className: "ttw:w-[90px]", children: /* @__PURE__ */ e("span", { className: "ttw:sr-only", children: t.rowActionsColumn }) })
-            ] }) }),
-            /* @__PURE__ */ e(J, { children: w ? /* @__PURE__ */ e(l, { className: "ttw:hover:bg-transparent", children: /* @__PURE__ */ e(g, { colSpan: h, className: "ttw:p-0", children: /* @__PURE__ */ e(
-              V,
-              {
-                title: t.errorTitle,
-                description: t.errorDescription,
-                retryLabel: t.retryButton,
-                onRetry: S
-              }
-            ) }) }) : a ? /* @__PURE__ */ e(X, { columnCount: h }) : i.length === 0 ? /* @__PURE__ */ e(l, { className: "ttw:hover:bg-transparent", children: /* @__PURE__ */ e(g, { colSpan: h, className: "ttw:p-0", children: /* @__PURE__ */ e(
-              Q,
-              {
-                icon: /* @__PURE__ */ e(I, { className: "ttw:size-6 ttw:text-muted-foreground" }),
-                title: t.emptyTitle,
-                description: t.emptyDescription,
-                actionLabel: m ? t.createCardButton : void 0,
-                actionIcon: /* @__PURE__ */ e(P, { "aria-hidden": !0, className: "ttw:size-4" }),
-                onAction: m ? d : void 0
-              }
-            ) }) }) : i.map((s) => /* @__PURE__ */ e(
-              q,
-              {
-                row: s,
-                columns: o,
-                labels: t
-              },
-              s.key
-            )) })
-          ] }),
-          k && n && /* @__PURE__ */ e(
-            Y,
-            {
-              pageSize: z,
-              pageSizeOptions: L,
-              rangeLabel: T,
-              isPreviousDisabled: M,
-              isNextDisabled: D,
-              isDisabled: a,
-              onPageSizeChange: n.onPageSizeChange,
-              onPreviousPageClick: n.onPreviousPageClick,
-              onNextPageClick: n.onNextPageClick,
-              labels: t.pagination
-            }
-          )
-        ] })
-      ]
-    }
-  );
+function T({ rows: t, columns: _, isLoading: C = !1, isError: T = !1, canToggleShowMyCards: E = !1, isShowingMyCards: D = !1, onShowMyCardsChange: O, canCreateCard: k = !1, onCreateCardClick: A, onRetry: j, isPaginationVisible: M = !1, pageSize: N = 10, pageSizeOptions: P = S, rangeLabel: F = "", isPreviousPageDisabled: I = !1, isNextPageDisabled: L = !1, onPageSizeChange: R, onPreviousPageClick: z, onNextPageClick: B, labels: V }) {
+	let H = h(), U = g(() => p(V), [V]), W = !!(k && A), G = R && z && B ? {
+		onPageSizeChange: R,
+		onPreviousPageClick: z,
+		onNextPageClick: B
+	} : void 0, K = _.length + 1;
+	return /* @__PURE__ */ y("section", {
+		"aria-label": U.regionLabel,
+		"aria-busy": C || void 0,
+		"data-testid": "cards-list",
+		children: [
+			/* @__PURE__ */ y("header", {
+				className: "ttw:mb-5 ttw:flex ttw:flex-wrap ttw:items-start ttw:justify-between ttw:gap-4",
+				children: [/* @__PURE__ */ v(l, {
+					variant: "h2",
+					component: "h1",
+					children: U.title
+				}), W && /* @__PURE__ */ y(e, {
+					size: "sm",
+					disabled: C,
+					onClick: A,
+					children: [/* @__PURE__ */ v(x, {
+						"aria-hidden": !0,
+						className: "ttw:size-4"
+					}), U.createCardButton]
+				})]
+			}),
+			C && /* @__PURE__ */ v("span", {
+				role: "status",
+				className: "ttw:sr-only",
+				children: U.loadingLabel
+			}),
+			E && O && /* @__PURE__ */ y("div", {
+				className: "ttw:mb-4 ttw:flex ttw:items-center ttw:gap-3",
+				children: [/* @__PURE__ */ v(n, {
+					id: H,
+					checked: D,
+					disabled: C,
+					onCheckedChange: O
+				}), /* @__PURE__ */ v("label", {
+					htmlFor: H,
+					className: "ttw:text-sm ttw:font-medium ttw:text-foreground",
+					children: U.showMyCardsToggle
+				})]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "ttw:overflow-hidden ttw:rounded-md ttw:border ttw:border-border ttw:bg-card",
+				children: [/* @__PURE__ */ y(r, { children: [/* @__PURE__ */ v(s, { children: /* @__PURE__ */ y(c, {
+					className: "ttw:hover:bg-transparent",
+					children: [_.map((e) => /* @__PURE__ */ v(o, {
+						className: "ttw:text-sm",
+						children: U.columnHeaders[e]
+					}, e)), /* @__PURE__ */ v(o, {
+						className: "ttw:w-[90px]",
+						children: /* @__PURE__ */ v("span", {
+							className: "ttw:sr-only",
+							children: U.rowActionsColumn
+						})
+					})]
+				}) }), /* @__PURE__ */ v(i, { children: T ? /* @__PURE__ */ v(c, {
+					className: "ttw:hover:bg-transparent",
+					children: /* @__PURE__ */ v(a, {
+						colSpan: K,
+						className: "ttw:p-0",
+						children: /* @__PURE__ */ v(d, {
+							title: U.errorTitle,
+							description: U.errorDescription,
+							retryLabel: U.retryButton,
+							onRetry: j
+						})
+					})
+				}) : C ? /* @__PURE__ */ v(w, { columnCount: K }) : t.length === 0 ? /* @__PURE__ */ v(c, {
+					className: "ttw:hover:bg-transparent",
+					children: /* @__PURE__ */ v(a, {
+						colSpan: K,
+						className: "ttw:p-0",
+						children: /* @__PURE__ */ v(u, {
+							icon: /* @__PURE__ */ v(b, { className: "ttw:size-6 ttw:text-muted-foreground" }),
+							title: U.emptyTitle,
+							description: U.emptyDescription,
+							actionLabel: W ? U.createCardButton : void 0,
+							actionIcon: /* @__PURE__ */ v(x, {
+								"aria-hidden": !0,
+								className: "ttw:size-4"
+							}),
+							onAction: W ? A : void 0
+						})
+					})
+				}) : t.map((e) => /* @__PURE__ */ v(m, {
+					row: e,
+					columns: _,
+					labels: U
+				}, e.key)) })] }), M && G && /* @__PURE__ */ v(f, {
+					pageSize: N,
+					pageSizeOptions: P,
+					rangeLabel: F,
+					isPreviousDisabled: I,
+					isNextDisabled: L,
+					isDisabled: C,
+					onPageSizeChange: G.onPageSizeChange,
+					onPreviousPageClick: G.onPreviousPageClick,
+					onNextPageClick: G.onNextPageClick,
+					labels: U.pagination
+				})]
+			})
+		]
+	});
 }
-export {
-  ce as CardsList
-};
+//#endregion
+export { T as CardsList, T as default };

package/dist/libs/tesouro-embedded-components-react/cards-widget/ui/dist/lib/CardsList/CardsListDetailsSheet.js

@@ -1,43 +1,38 @@
 "use client";
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { Sheet as l, SheetContent as m, SheetTitle as h, SheetDescription as c } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { useMemo as p } from "react";
-import { CARDS_LIST_LABELS_EN as w } from "./labels.js";
-function u({
-  isOpen: o,
-  onClose: n,
-  labels: t,
-  children: r
-}) {
-  const s = p(
-    () => ({
-      ...w.detailsSheet,
-      ...t
-    }),
-    [t]
-  );
-  return /* @__PURE__ */ e(
-    l,
-    {
-      open: o,
-      onOpenChange: (a) => {
-        a || n();
-      },
-      children: /* @__PURE__ */ i(
-        m,
-        {
-          showCloseButton: !1,
-          className: "ttw:w-168 ttw:overflow-y-auto ttw:sm:max-w-168",
-          children: [
-            /* @__PURE__ */ e(h, { className: "ttw:sr-only", children: s.title }),
-            /* @__PURE__ */ e(c, { className: "ttw:sr-only", children: s.description }),
-            r
-          ]
-        }
-      )
-    }
-  );
+"use client";
+"use client";
+"use client";
+import { Sheet as e, SheetContent as t, SheetDescription as n, SheetTitle as r } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { CARDS_LIST_LABELS_EN as i } from "./labels.js";
+import { useMemo as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region ../../libs/tesouro-embedded-components-react/cards-widget/ui/dist/lib/CardsList/CardsListDetailsSheet.js
+function c({ isOpen: c, onClose: l, labels: u, children: d }) {
+	let f = a(() => ({
+		...i.detailsSheet,
+		...u
+	}), [u]);
+	return /* @__PURE__ */ o(e, {
+		open: c,
+		onOpenChange: (e) => {
+			e || l();
+		},
+		children: /* @__PURE__ */ s(t, {
+			showCloseButton: !1,
+			className: "ttw:w-168 ttw:overflow-y-auto ttw:sm:max-w-168",
+			children: [
+				/* @__PURE__ */ o(r, {
+					className: "ttw:sr-only",
+					children: f.title
+				}),
+				/* @__PURE__ */ o(n, {
+					className: "ttw:sr-only",
+					children: f.description
+				}),
+				d
+			]
+		})
+	});
 }
-export {
-  u as CardsListDetailsSheet
-};
+//#endregion
+export { c as CardsListDetailsSheet };