@flamingo-stack/openframe-frontend-core 0.0.777 → 0.0.781

package/dist/components/ui/table/table-header.js

@@ -1,158 +0,0 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useContentLgUp } from "../../../hooks/ui/use-content-breakpoint.js";
-import { cn } from "../../../utils/cn.js";
-import { Arrow01DownIcon } from "../../icons-v2-generated/arrows/arrow-01-down-icon.js";
-import { Arrow01UpIcon } from "../../icons-v2-generated/arrows/arrow-01-up-icon.js";
-import { SwitchVrIcon } from "../../icons-v2-generated/arrows/switch-vr-icon.js";
-import { Checkbox } from "../checkbox.js";
-import { InfoHint } from "../info-hint.js";
-import { TableColumnFilterDropdown } from "./table-column-filter-dropdown.js";
-const TABLE_HEADER_LABEL_CLASS = "min-w-0 text-balance uppercase text-ods-text-secondary text-h5";
-import { getHideClasses, TABLE_ACTIONS_COLUMN_KEY } from "./utils.js";
-function TableHeader({
-  columns,
-  className,
-  sortBy,
-  sortDirection,
-  onSort,
-  filters,
-  onFilterChange,
-  selectable,
-  allSelected,
-  someSelected,
-  onSelectAll,
-  totalItemsCount,
-  stickyHeader,
-  stickyHeaderOffset
-}) {
-  const getAlignment = (align) => {
-    switch (align) {
-      case "center":
-        return "justify-center";
-      case "right":
-        return "justify-end";
-      default:
-        return "justify-start";
-    }
-  };
-  const handleSort = (column) => {
-    if (!column.sortable || !onSort) return;
-    const columnKey = column.sortKey || column.key;
-    let newDirection = "asc";
-    if (sortBy === columnKey) {
-      newDirection = sortDirection === "asc" ? "desc" : "asc";
-    }
-    onSort(columnKey, newDirection);
-  };
-  const getSortIcon = (column) => {
-    if (!column.sortable) return null;
-    const columnKey = column.sortKey || column.key;
-    const isActive = sortBy === columnKey;
-    if (!isActive) {
-      return /* @__PURE__ */ jsx(SwitchVrIcon, { className: "h-4 w-4 text-ods-text-secondary" });
-    }
-    return sortDirection === "asc" ? /* @__PURE__ */ jsx(Arrow01UpIcon, { className: "h-4 w-4 text-ods-accent" }) : /* @__PURE__ */ jsx(Arrow01DownIcon, { className: "h-4 w-4 text-ods-accent" });
-  };
-  const isLgUp = useContentLgUp() ?? false;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "relative hidden h-11 items-center gap-4 px-4 py-3 content-md:flex",
-        stickyHeader && `sticky z-10 bg-ods-bg ${stickyHeaderOffset || "top-0"}`,
-        className
-      ),
-      children: [
-        selectable && /* @__PURE__ */ jsx("div", { className: "flex w-10 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            checked: allSelected || someSelected && !allSelected ? true : false,
-            onCheckedChange: onSelectAll,
-            className: "border-ods-border"
-          }
-        ) }),
-        columns.map((column) => {
-          const isActionsColumn = column.key === TABLE_ACTIONS_COLUMN_KEY;
-          const filterable = column.filterable && column.filterOptions && onFilterChange;
-          if (!isLgUp && !isActionsColumn && !filterable) {
-            return null;
-          }
-          return /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: cn(
-                "flex items-center gap-2",
-                isLgUp && getAlignment(column.align),
-                isLgUp && (column.width || "min-w-0 flex-1"),
-                column.className,
-                // Only apply hide classes if the column is not filterable or on tablet
-                !(filterable && !isLgUp) && getHideClasses(column.hideAt),
-                isActionsColumn && "ml-auto"
-              ),
-              children: isActionsColumn ? (
-                // Render total items count in actions column
-                totalItemsCount > 0 && /* @__PURE__ */ jsxs("span", { className: "whitespace-nowrap text-ods-text-secondary text-h6", children: [
-                  "Showing ",
-                  totalItemsCount,
-                  " ",
-                  totalItemsCount === 1 ? "result" : "results"
-                ] })
-              ) : column.filterable && column.filterOptions && onFilterChange ? (
-                /* Filterable column — label + icon are both inside the dropdown trigger */
-                /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(
-                    TableColumnFilterDropdown,
-                    {
-                      columnKey: column.key,
-                      columnLabel: column.label,
-                      filterOptions: column.filterOptions,
-                      filters,
-                      onFilterChange
-                    }
-                  ),
-                  column.hint ? /* @__PURE__ */ jsx(InfoHint, { label: column.label, children: column.hint }) : null
-                ] })
-              ) : (
-                /* Non-filterable column — regular label with optional sort */
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: cn(
-                      // `min-w-0` lets the row shrink to its column, so a long label
-                      // wraps inside the cell instead of forcing the row past it.
-                      "flex min-w-0 items-center gap-2",
-                      column.sortable && "cursor-pointer transition-colors hover:text-ods-text-primary"
-                    ),
-                    onClick: () => handleSort(column),
-                    children: column.renderHeader ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                      column.renderHeader(),
-                      getSortIcon(column)
-                    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                      column.hint ? (
-                        /* The hint sits in a LABEL GROUP with the text, pinned to the
-                          FIRST line (`items-start`): on a label that breaks onto a
-                          second line it reads beside the opening word instead of
-                          floating in the gap between the two. Added only when a
-                          hint exists, so a hint-less header keeps its DOM. */
-                        /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-start gap-[var(--spacing-system-xxs)]", children: [
-                          /* @__PURE__ */ jsx("span", { className: TABLE_HEADER_LABEL_CLASS, children: column.label }),
-                          /* @__PURE__ */ jsx(InfoHint, { label: column.label, children: column.hint })
-                        ] })
-                      ) : /* @__PURE__ */ jsx("span", { className: TABLE_HEADER_LABEL_CLASS, children: column.label }),
-                      getSortIcon(column)
-                    ] })
-                  }
-                )
-              )
-            },
-            column.key
-          );
-        })
-      ]
-    }
-  );
-}
-export {
-  TableHeader
-};

package/dist/components/ui/table/table-row.d.ts

@@ -1,5 +0,0 @@
-import type React from 'react';
-import type { TableRowData, TableRowProps } from './types';
-/** @deprecated Use `DataTableRow` from `data-table` instead. */
-export declare function TableRow<T = TableRowData>({ item, columns, onClick, href, className, index, compact, selectable, selected, onSelect, animateRowReorder, motionDiv, }: TableRowProps<T>): React.JSX.Element;
-//# sourceMappingURL=table-row.d.ts.map

package/dist/components/ui/table/table-row.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-row.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/table/table-row.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAQ3D,gEAAgE;AAChE,wBAAgB,QAAQ,CAAC,CAAC,GAAG,YAAY,EAAE,EACzC,IAAI,EACJ,OAAO,EACP,OAAO,EACP,IAAI,EACJ,SAAS,EACT,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,SAAS,GACV,EAAE,aAAa,CAAC,CAAC,CAAC,qBAqGlB"}

package/dist/components/ui/table/table-row.js

@@ -1,112 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import Link from "../../../embed-shims/next-link.js";
-import { cn } from "../../../utils/cn.js";
-import { isOwnClick } from "../../../utils/own-click.js";
-import { Checkbox } from "../checkbox.js";
-import { TableCell } from "./table-cell.js";
-import { COMPACT_ROW_MIN_HEIGHT, ROW_HEIGHT_DESKTOP } from "./table-skeleton.js";
-import { getHideClasses } from "./utils.js";
-function isIndexable(value) {
-  return typeof value === "object" && value !== null;
-}
-function TableRow({
-  item,
-  columns,
-  onClick,
-  href,
-  className,
-  index,
-  compact,
-  selectable,
-  selected,
-  onSelect,
-  animateRowReorder,
-  motionDiv
-}) {
-  const isLinkMode = Boolean(href) && !onClick;
-  const animate = Boolean(animateRowReorder && motionDiv);
-  const Row = animate && motionDiv ? motionDiv : "div";
-  const motionProps = animate ? { layout: "position", transition: { layout: { duration: 0.35, ease: [0.22, 1, 0.36, 1] } } } : {};
-  const handleRowClick = (e) => {
-    if (!isOwnClick(e.target, e.currentTarget)) return;
-    if (onClick) {
-      onClick(item);
-    }
-  };
-  const handleSelect = () => {
-    if (onSelect) {
-      onSelect(item);
-    }
-  };
-  const getCellValue = (column) => {
-    if (column.renderCell) {
-      return column.renderCell(item, column);
-    }
-    const keys = column.key.split(".");
-    let value = item;
-    for (const key of keys) {
-      if (!isIndexable(value)) {
-        value = void 0;
-        break;
-      }
-      value = value[key];
-    }
-    if (value === null || value === void 0) {
-      return "-";
-    }
-    if (typeof value === "boolean") {
-      return value ? "Yes" : "No";
-    }
-    if (typeof value === "object") {
-      return JSON.stringify(value);
-    }
-    return String(value);
-  };
-  return /* @__PURE__ */ jsxs(
-    Row,
-    {
-      ...motionProps,
-      className: cn(
-        "relative overflow-hidden rounded-[6px] border border-ods-border bg-ods-card",
-        (onClick || isLinkMode) && "cursor-pointer transition-colors hover:bg-ods-bg-active",
-        typeof className === "function" ? className(item, index) : className
-      ),
-      onClick: isLinkMode ? void 0 : handleRowClick,
-      children: [
-        isLinkMode && href && /* @__PURE__ */ jsx(Link, { href, prefetch: false, className: "absolute inset-0", "aria-label": "View details" }),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "relative flex items-center gap-4 px-4",
-              // `compact` rows are content-sized, but every row in a table shows
-              // the same cell shapes, so a MIN height makes the body's height a
-              // function of the row COUNT alone. That is what lets a host reserve
-              // space for a full page and stop the layout jumping between a full
-              // page, a short last page and the skeleton.
-              compact ? cn("py-2", COMPACT_ROW_MIN_HEIGHT) : cn("py-0", ROW_HEIGHT_DESKTOP),
-              isLinkMode && "pointer-events-none"
-            ),
-            children: [
-              selectable && /* @__PURE__ */ jsx("div", { className: "pointer-events-auto flex w-10 shrink-0 items-center justify-center", "data-no-row-click": true, children: /* @__PURE__ */ jsx(Checkbox, { checked: selected, onCheckedChange: handleSelect, className: "border-ods-border" }) }),
-              columns.map((column) => /* @__PURE__ */ jsx(
-                TableCell,
-                {
-                  align: column.align,
-                  width: column.width || "flex-1 min-w-0",
-                  className: cn(column.className, getHideClasses(column.hideAt)),
-                  children: getCellValue(column)
-                },
-                column.key
-              ))
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  TableRow
-};

package/dist/components/ui/table/table-skeleton.d.ts

@@ -1,22 +0,0 @@
-import type { TableCardSkeletonProps } from './types';
-declare const ROW_HEIGHT_DESKTOP = "h-[66px] content-md:h-[78px]";
-/**
- * A `compact` row's floor. Compact rows are content-sized (`py-2`), but every
- * row in one table renders the same cell shapes, so pinning a minimum makes the
- * body's height a function of the ROW COUNT alone. Hosts do NOT reserve
- * `rows × 56` themselves any more: `skeletonRows` + `minRows` hold
- * a full page's height in every state (placeholders below), and a cell taller
- * than this floor (avatar + two lines) wants a non-compact, fixed-height row.
- */
-declare const COMPACT_ROW_MIN_HEIGHT = "min-h-[56px]";
-declare const ROW_HEIGHT_MOBILE = "h-[66px]";
-/** @deprecated Use `DataTableSkeleton` from `data-table` instead. */
-/**
- * Rows a table's skeleton draws when it knows no page size: a typical count for an UNPAGED table. A table with page
- * pagination draws its `pageSize` instead (one full page, at every width), and a host may state `skeletonRows`.
- */
-export declare const TABLE_SKELETON_ROWS = 10;
-export declare function TableCardSkeleton({ columns, rows, compact, actions, selectable, className, rowClassName, }: TableCardSkeletonProps): import("react").JSX.Element;
-/** @deprecated */
-export { COMPACT_ROW_MIN_HEIGHT, ROW_HEIGHT_DESKTOP, ROW_HEIGHT_MOBILE };
-//# sourceMappingURL=table-skeleton.d.ts.map

package/dist/components/ui/table/table-skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/table/table-skeleton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAKtD,QAAA,MAAM,kBAAkB,iCAAiC,CAAC;AAC1D;;;;;;;GAOG;AACH,QAAA,MAAM,sBAAsB,iBAAiB,CAAC;AAC9C,QAAA,MAAM,iBAAiB,aAAa,CAAC;AAErC,qEAAqE;AACrE;;;GAGG;AACH,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,IAA0B,EAC1B,OAAe,EACf,OAAO,EACP,UAAkB,EAClB,SAAS,EACT,YAAY,GACb,EAAE,sBAAsB,+BA6DxB;AAED,kBAAkB;AAClB,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/ui/table/table-skeleton.js

@@ -1,64 +0,0 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../../utils/cn.js";
-import { InteractiveSkeleton, TextLineSkeleton, UnifiedSkeleton } from "../../loading/unified-skeleton.js";
-import { CHECKBOX_BOX_CLASS } from "../checkbox.js";
-import { getHideClasses, TABLE_ACTIONS_COLUMN_KEY, TABLE_CHEVRON_COLUMN_KEY } from "./utils.js";
-const ROW_HEIGHT_DESKTOP = "h-[66px] content-md:h-[78px]";
-const COMPACT_ROW_MIN_HEIGHT = "min-h-[56px]";
-const ROW_HEIGHT_MOBILE = "h-[66px]";
-const TABLE_SKELETON_ROWS = 10;
-function TableCardSkeleton({
-  columns,
-  rows = TABLE_SKELETON_ROWS,
-  compact = false,
-  actions,
-  selectable = false,
-  className,
-  rowClassName
-}) {
-  const primaryKey = (columns.find((c) => /flex-(1|\[)/.test(c.width || "")) ?? columns[0])?.key;
-  return /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("relative overflow-hidden rounded-[6px] border border-ods-border bg-ods-card", className),
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "relative flex items-center gap-4 px-4",
-            compact ? cn("py-2", COMPACT_ROW_MIN_HEIGHT) : cn("py-0", ROW_HEIGHT_DESKTOP),
-            rowClassName
-          ),
-          children: [
-            selectable && /* @__PURE__ */ jsx("div", { className: "flex w-10 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { className: CHECKBOX_BOX_CLASS }) }),
-            columns.map((column) => {
-              const cellClass = cn("flex shrink-0", column.width || "min-w-0 flex-1", getHideClasses(column.hideAt));
-              if (column.key === TABLE_ACTIONS_COLUMN_KEY) {
-                return /* @__PURE__ */ jsx("div", { className: cn(cellClass, "items-center justify-end gap-2"), children: (actions ?? [{ iconOnly: true }]).map((action, i) => (
-                  // biome-ignore lint/suspicious/noArrayIndexKey: skeleton buttons never reorder
-                  /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { size: action.iconOnly ? "icon" : "default" }, i)
-                )) }, column.key);
-              }
-              if (column.key === TABLE_CHEVRON_COLUMN_KEY) {
-                return /* @__PURE__ */ jsx("div", { className: cn(cellClass, "items-center justify-end"), children: /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { size: "icon" }) }, column.key);
-              }
-              return /* @__PURE__ */ jsxs("div", { className: cn(cellClass, "flex-col justify-center overflow-hidden"), children: [
-                /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", className: "w-3/4" }),
-                index % 2 === 0 && column.key === primaryKey && /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-1/2" })
-              ] }, column.key);
-            })
-          ]
-        }
-      )
-    },
-    index
-  )) });
-}
-export {
-  COMPACT_ROW_MIN_HEIGHT,
-  ROW_HEIGHT_DESKTOP,
-  ROW_HEIGHT_MOBILE,
-  TABLE_SKELETON_ROWS,
-  TableCardSkeleton
-};

package/dist/components/ui/table/table-timestamp-cell.d.ts

@@ -1,28 +0,0 @@
-/** @deprecated Use `data-table` instead. */
-export interface TableTimestampCellProps {
-    /**
-     * The timestamp to display (can be a Date, ISO string, or formatted string)
-     */
-    timestamp: string | Date;
-    /**
-     * The ID to display below the timestamp
-     */
-    id: string;
-    /**
-     * Optional label for the ID (e.g., "Log ID", "Chat ID")
-     * If not provided, just shows the ID
-     */
-    idLabel?: string;
-    /**
-     * Optional additional CSS classes for the container
-     */
-    className?: string;
-    /**
-     * Format the timestamp automatically if it's an ISO string or Date
-     * @default true
-     */
-    formatTimestamp?: boolean;
-}
-/** @deprecated Use `data-table` instead. */
-export declare function TableTimestampCell({ timestamp, id, idLabel, className, formatTimestamp, }: TableTimestampCellProps): import("react").JSX.Element;
-//# sourceMappingURL=table-timestamp-cell.d.ts.map

package/dist/components/ui/table/table-timestamp-cell.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table-timestamp-cell.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/table/table-timestamp-cell.tsx"],"names":[],"mappings":"AAKA,4CAA4C;AAC5C,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAmCD,4CAA4C;AAC5C,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,EAAE,EACF,OAAO,EACP,SAAS,EACT,eAAsB,GACvB,EAAE,uBAAuB,+BASzB"}

package/dist/components/ui/table/table-timestamp-cell.js

@@ -1,36 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../../utils/cn.js";
-import { formatDateWithTimezone, VIEWER_TIMEZONE } from "../../../utils/format.js";
-const formatLocalTimestamp = (date) => formatDateWithTimezone(date, VIEWER_TIMEZONE, "localeDateTime", { viewerLocale: true });
-function formatTimestampValue(timestamp) {
-  if (timestamp instanceof Date) {
-    return formatLocalTimestamp(timestamp);
-  }
-  if (typeof timestamp === "string") {
-    if (timestamp.includes(",") || timestamp.includes("/") && timestamp.includes(":")) {
-      return timestamp;
-    }
-    const date = new Date(timestamp);
-    if (!isNaN(date.getTime())) {
-      return formatLocalTimestamp(date);
-    }
-  }
-  return String(timestamp);
-}
-function TableTimestampCell({
-  timestamp,
-  id,
-  idLabel,
-  className,
-  formatTimestamp = true
-}) {
-  const displayTimestamp = formatTimestamp ? formatTimestampValue(timestamp) : String(timestamp);
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex shrink-0 flex-col justify-center", className), children: [
-    /* @__PURE__ */ jsx("span", { className: "truncate text-ods-text-primary text-h4", children: displayTimestamp }),
-    /* @__PURE__ */ jsx("span", { className: "truncate text-ods-text-secondary text-h6", children: idLabel ? `${idLabel}: ${id}` : id })
-  ] });
-}
-export {
-  TableTimestampCell
-};

package/dist/components/ui/table/table.d.ts

@@ -1,4 +0,0 @@
-import type { TableProps, TableRowData } from './types';
-/** @deprecated Use `DataTable` from `data-table` instead. */
-export declare function Table<T = TableRowData>({ data, columns, rowKey, loading: loadingProp, emptyMessage, skeletonRows: skeletonRowsProp, minRows, emptyState, keepHeightWhenEmpty, emptyDescription, className, containerClassName, headerClassName, rowClassName, compact, onRowClick, rowActions, renderRowActions, rowHref, sortBy, sortDirection, onSort, filters, onFilterChange, selectable, selectedRows, onSelectionChange, bulkActions, showToolbar, cursorPagination, pagePagination, paginationClassName, infiniteScroll, stickyHeader, stickyHeaderOffset, animateRowReorder, actionsColumnWidth, }: TableProps<T>): import("react").JSX.Element;
-//# sourceMappingURL=table.d.ts.map

package/dist/components/ui/table/table.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/table/table.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAA0B,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAqFhF,6DAA6D;AAC7D,wBAAgB,KAAK,CAAC,CAAC,GAAG,YAAY,EAAE,EACtC,IAAI,EACJ,OAAO,EACP,MAAM,EACN,OAAO,EAAE,WAAmB,EAC5B,YAAY,EACZ,YAAY,EAAE,gBAAgB,EAC9B,OAAO,EACP,UAAU,EACV,mBAAmB,EACnB,gBAAgB,EAChB,SAAS,EACT,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,OAAO,EACP,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,OAAO,EACP,MAAM,EACN,aAAa,EACb,MAAM,EACN,OAAO,EACP,cAAc,EACd,UAAU,EACV,YAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,GACnB,EAAE,UAAU,CAAC,CAAC,CAAC,+BA+Qf"}