@ultraviolet/plus 3.0.0-beta.8 → 3.0.0

package/dist/components/OfferList/OfferList.d.ts

@@ -1,5 +1,5 @@
 import { List } from '@ultraviolet/ui';
-import type { ComponentProps } from 'react';
+import type { ComponentProps, CSSProperties } from 'react';
 type OfferListProps = Omit<ComponentProps<typeof List>, 'selectable' | 'onSelectedChange'> & {
     /**
      * Make offerList selectable by choosing its type
@@ -12,22 +12,23 @@ type OfferListProps = Omit<ComponentProps<typeof List>, 'selectable' | 'onSelect
     selected?: string | string[];
     ['data-testid']?: string;
     className?: string;
+    style?: CSSProperties;
 };
 export declare const OfferList: {
-    ({ expandable, type, columns, children, loading, autoCollapse, selected, onChangeSelect, className, "data-testid": dataTestId, }: OfferListProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    ({ expandable, type, columns, children, loading, autoCollapse, selected, onChangeSelect, className, style, "data-testid": dataTestId, }: OfferListProps): import("react/jsx-runtime").JSX.Element;
     Row: ({ children, disabled, id, banner, expandablePadding, offerName, expandable: expandableContent, selectDisabled, highlightAnimation, expanded, className, "data-dragging": dataDragging, "data-testid": dataTestId, style, badge, }: {
         children: import("react").ReactNode;
         id: string;
         expandable?: import("react").ReactNode;
         selectDisabled?: boolean | string;
         disabled?: boolean;
-        sentiment?: "danger" | "info" | "neutral" | "success" | "primary" | "warning" | "secondary";
+        sentiment?: "primary" | "secondary" | "neutral" | "success" | "danger" | "warning" | "info";
         expanded?: boolean;
         className?: string;
         expandablePadding?: "0" | "1" | "0.5" | "0.25" | "1.5" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10";
         highlightAnimation?: boolean;
         'data-testid'?: string;
-        style?: import("react").CSSProperties;
+        style?: CSSProperties;
         'data-dragging'?: boolean;
         onMouseEnter?: import("react").MouseEventHandler<HTMLTableRowElement>;
         onMouseLeave?: import("react").MouseEventHandler<HTMLTableRowElement>;
@@ -40,8 +41,10 @@ export declare const OfferList: {
         badge?: {
             text: string;
             sentiment?: ComponentProps<typeof import("@ultraviolet/ui").Badge>["sentiment"];
+            prominence?: ComponentProps<typeof import("@ultraviolet/ui").Badge>["prominence"];
         };
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Cell: ({ children, className, "data-testid": dataTestId, colSpan, }: ComponentProps<typeof List.Cell>) => import("@emotion/react/jsx-runtime").JSX.Element;
+        style?: CSSProperties;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Cell: ({ children, className, "data-testid": dataTestId, colSpan, style, }: ComponentProps<typeof List.Cell>) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

package/dist/components/OfferList/OfferList.js

@@ -1,23 +1,11 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsx } from "react/jsx-runtime";
 import { List } from "@ultraviolet/ui";
 import { useState, useEffect } from "react";
 import { Cell } from "./components/Cell.js";
 import { Row } from "./components/Row.js";
 import { OfferListProvider } from "./OfferListProvider.js";
-const StyledList = /* @__PURE__ */ _styled(List, process.env.NODE_ENV === "production" ? {
-  target: "e1jst53f0"
-} : {
-  target: "e1jst53f0",
-  label: "StyledList"
-})("td:first-child,th:first-child{width:", ({
-  theme
-}) => theme.sizing[700], ";min-width:", ({
-  theme
-}) => theme.sizing[700], ";max-width:", ({
-  theme
-}) => theme.sizing[700], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT2ZmZXJMaXN0L09mZmVyTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVStCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT2ZmZXJMaXN0L09mZmVyTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBMaXN0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gJy4vY29tcG9uZW50cy9DZWxsJ1xuaW1wb3J0IHsgUm93IH0gZnJvbSAnLi9jb21wb25lbnRzL1JvdydcbmltcG9ydCB7IE9mZmVyTGlzdFByb3ZpZGVyIH0gZnJvbSAnLi9PZmZlckxpc3RQcm92aWRlcidcblxuY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZChMaXN0KWBcbiAgIHRkOmZpcnN0LWNoaWxkLFxuICAgdGg6Zmlyc3QtY2hpbGQge1xuICAgIHdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1s3MDBdfTtcbiAgICBtaW4td2lkdGg6ICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1s3MDBdfTtcbiAgICBtYXgtd2lkdGg6ICAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1s3MDBdfTtcbiAgfVxuYFxuXG50eXBlIE9mZmVyTGlzdFByb3BzID0gT21pdDxcbiAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIExpc3Q+LFxuICAnc2VsZWN0YWJsZScgfCAnb25TZWxlY3RlZENoYW5nZSdcbj4gJiB7XG4gIC8qKlxuICAgKiBNYWtlIG9mZmVyTGlzdCBzZWxlY3RhYmxlIGJ5IGNob29zaW5nIGl0cyB0eXBlXG4gICAqL1xuICB0eXBlPzogJ3JhZGlvJyB8ICdjaGVja2JveCdcbiAgb25DaGFuZ2VTZWxlY3Q/OiAoc2VsZWN0ZWQ6IHN0cmluZyB8IHN0cmluZ1tdKSA9PiB2b2lkXG4gIC8qKlxuICAgKiBQcmUtc2VsZWN0ZWQgcm93cyAodXNpbmcgdGhlaXIgb2ZmZXJOYW1lKS4gTXVzdCBiZSBhbiBhcnJheSB3aGVuIGB0eXBlID0gXCJjaGVja2JveFwiYC5cbiAgICovXG4gIHNlbGVjdGVkPzogc3RyaW5nIHwgc3RyaW5nW11cbiAgWydkYXRhLXRlc3RpZCddPzogc3RyaW5nXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgT2ZmZXJMaXN0ID0gKHtcbiAgZXhwYW5kYWJsZSxcbiAgdHlwZSA9ICdyYWRpbycsXG4gIGNvbHVtbnMsXG4gIGNoaWxkcmVuLFxuICBsb2FkaW5nLFxuICBhdXRvQ29sbGFwc2UsXG4gIHNlbGVjdGVkLFxuICBvbkNoYW5nZVNlbGVjdCxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogT2ZmZXJMaXN0UHJvcHMpID0+IHtcbiAgY29uc3QgW3JhZGlvU2VsZWN0ZWRSb3csIHNldFJhZGlvU2VsZWN0ZWRSb3ddID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPihcbiAgICB0eXBlb2Ygc2VsZWN0ZWQgPT09ICdzdHJpbmcnID8gc2VsZWN0ZWQgOiB1bmRlZmluZWQsXG4gIClcbiAgY29uc3QgW2NoZWNrYm94U2VsZWN0ZWRSb3dzLCBzZXRDaGVja2JveFNlbGVjdGVkUm93c10gPSB1c2VTdGF0ZTxzdHJpbmdbXT4oXG4gICAgQXJyYXkuaXNBcnJheShzZWxlY3RlZCkgPyBzZWxlY3RlZCA6IFtdLFxuICApXG5cbiAgY29uc3QgY29tcHV0ZWRDb2x1bW5zID0gW1xuICAgIHtcbiAgICAgIGxhYmVsOiAnJyxcbiAgICB9LFxuICAgIGV4cGFuZGFibGUgPyB7IGxhYmVsOiAnJyB9IDogbnVsbCxcbiAgICAuLi5jb2x1bW5zLFxuICBdLmZpbHRlcihlbGVtZW50ID0+ICEhZWxlbWVudClcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChzZWxlY3RlZCkge1xuICAgICAgaWYgKHR5cGVvZiBzZWxlY3RlZCA9PT0gJ3N0cmluZycgJiYgdHlwZSA9PT0gJ3JhZGlvJykge1xuICAgICAgICBzZXRSYWRpb1NlbGVjdGVkUm93KHNlbGVjdGVkKVxuICAgICAgfVxuICAgICAgaWYgKEFycmF5LmlzQXJyYXkoc2VsZWN0ZWQpICYmIHR5cGUgPT09ICdjaGVja2JveCcpIHtcbiAgICAgICAgc2V0Q2hlY2tib3hTZWxlY3RlZFJvd3Moc2VsZWN0ZWQpXG4gICAgICB9XG4gICAgfVxuICB9LCBbdHlwZSwgc2VsZWN0ZWRdKVxuXG4gIHJldHVybiAoXG4gICAgPE9mZmVyTGlzdFByb3ZpZGVyXG4gICAgICBhdXRvQ29sbGFwc2U9e2F1dG9Db2xsYXBzZX1cbiAgICAgIGNoZWNrYm94U2VsZWN0ZWRSb3dzPXtjaGVja2JveFNlbGVjdGVkUm93c31cbiAgICAgIGV4cGFuZGFibGU9e2V4cGFuZGFibGV9XG4gICAgICBsb2FkaW5nPXtsb2FkaW5nfVxuICAgICAgb25DaGFuZ2VTZWxlY3Q9e29uQ2hhbmdlU2VsZWN0fVxuICAgICAgcmFkaW9TZWxlY3RlZFJvdz17cmFkaW9TZWxlY3RlZFJvd31cbiAgICAgIHNlbGVjdGFibGU9e3R5cGV9XG4gICAgICBzZXRDaGVja2JveFNlbGVjdGVkUm93cz17c2V0Q2hlY2tib3hTZWxlY3RlZFJvd3N9XG4gICAgICBzZXRSYWRpb1NlbGVjdGVkUm93PXtzZXRSYWRpb1NlbGVjdGVkUm93fVxuICAgID5cbiAgICAgIDxTdHlsZWRMaXN0XG4gICAgICAgIGF1dG9Db2xsYXBzZT17YXV0b0NvbGxhcHNlfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgY29sdW1ucz17Y29tcHV0ZWRDb2x1bW5zfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgZXhwYW5kYWJsZT17ZmFsc2V9XG4gICAgICAgIHNlbGVjdGFibGU9e2ZhbHNlfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1N0eWxlZExpc3Q+XG4gICAgPC9PZmZlckxpc3RQcm92aWRlcj5cbiAgKVxufVxuXG5PZmZlckxpc3QuUm93ID0gUm93XG5PZmZlckxpc3QuQ2VsbCA9IENlbGxcbiJdfQ== */"));
+import { offerList } from "./styles.css.js";
 const OfferList = ({
   expandable,
   type = "radio",
@@ -28,15 +16,22 @@ const OfferList = ({
   selected,
   onChangeSelect,
   className,
+  style,
   "data-testid": dataTestId
 }) => {
-  const [radioSelectedRow, setRadioSelectedRow] = useState(typeof selected === "string" ? selected : void 0);
-  const [checkboxSelectedRows, setCheckboxSelectedRows] = useState(Array.isArray(selected) ? selected : []);
-  const computedColumns = [{
-    label: ""
-  }, expandable ? {
-    label: ""
-  } : null, ...columns].filter((element) => !!element);
+  const [radioSelectedRow, setRadioSelectedRow] = useState(
+    typeof selected === "string" ? selected : void 0
+  );
+  const [checkboxSelectedRows, setCheckboxSelectedRows] = useState(
+    Array.isArray(selected) ? selected : []
+  );
+  const computedColumns = [
+    {
+      label: ""
+    },
+    expandable ? { label: "" } : null,
+    ...columns
+  ].filter((element) => !!element);
   useEffect(() => {
     if (selected) {
       if (typeof selected === "string" && type === "radio") {
@@ -47,7 +42,33 @@ const OfferList = ({
       }
     }
   }, [type, selected]);
-  return /* @__PURE__ */ jsx(OfferListProvider, { autoCollapse, checkboxSelectedRows, expandable, loading, onChangeSelect, radioSelectedRow, selectable: type, setCheckboxSelectedRows, setRadioSelectedRow, children: /* @__PURE__ */ jsx(StyledList, { autoCollapse, className, columns: computedColumns, "data-testid": dataTestId, expandable: false, selectable: false, children }) });
+  return /* @__PURE__ */ jsx(
+    OfferListProvider,
+    {
+      autoCollapse,
+      checkboxSelectedRows,
+      expandable,
+      loading,
+      onChangeSelect,
+      radioSelectedRow,
+      selectable: type,
+      setCheckboxSelectedRows,
+      setRadioSelectedRow,
+      children: /* @__PURE__ */ jsx(
+        List,
+        {
+          autoCollapse,
+          className: `${className ? `${className} ` : ""}${offerList}`,
+          columns: computedColumns,
+          "data-testid": dataTestId,
+          expandable: false,
+          selectable: false,
+          style,
+          children
+        }
+      )
+    }
+  );
 };
 OfferList.Row = Row;
 OfferList.Cell = Cell;

package/dist/components/OfferList/OfferListProvider.d.ts

@@ -24,6 +24,6 @@ type OfferListProviderProps = {
     checkboxSelectedRows: string[];
     setCheckboxSelectedRows: Dispatch<SetStateAction<string[]>>;
 };
-export declare const OfferListProvider: ({ selectable, children, expandable, disabled, loading, onChangeSelect, autoCollapse, radioSelectedRow, setRadioSelectedRow, checkboxSelectedRows, setCheckboxSelectedRows, }: OfferListProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const OfferListProvider: ({ selectable, children, expandable, disabled, loading, onChangeSelect, autoCollapse, radioSelectedRow, setRadioSelectedRow, checkboxSelectedRows, setCheckboxSelectedRows, }: OfferListProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useOfferListContext: () => OfferListContextValue;
 export {};

package/dist/components/OfferList/OfferListProvider.js

@@ -1,6 +1,8 @@
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
-const OfferListContext = createContext(void 0);
+const OfferListContext = createContext(
+  void 0
+);
 const OfferListProvider = ({
   selectable,
   children,
@@ -13,22 +15,30 @@ const OfferListProvider = ({
   setRadioSelectedRow,
   checkboxSelectedRows,
   setCheckboxSelectedRows
-}) => /* @__PURE__ */ jsx(OfferListContext.Provider, { value: {
-  autoCollapse,
-  checkboxSelectedRows,
-  disabled,
-  expandable,
-  loading,
-  onChangeSelect,
-  radioSelectedRow,
-  selectable,
-  setCheckboxSelectedRows,
-  setRadioSelectedRow
-}, children });
+}) => /* @__PURE__ */ jsx(
+  OfferListContext.Provider,
+  {
+    value: {
+      autoCollapse,
+      checkboxSelectedRows,
+      disabled,
+      expandable,
+      loading,
+      onChangeSelect,
+      radioSelectedRow,
+      selectable,
+      setCheckboxSelectedRows,
+      setRadioSelectedRow
+    },
+    children
+  }
+);
 const useOfferListContext = () => {
   const context = useContext(OfferListContext);
   if (!context) {
-    throw new Error("useOfferListContext should be used inside a OfferList component");
+    throw new Error(
+      "useOfferListContext should be used inside a OfferList component"
+    );
   }
   return context;
 };

package/dist/components/OfferList/components/Banner.d.ts

@@ -8,5 +8,5 @@ type BannerProps = {
     type?: 'cell' | 'div';
     shouldHavePrimaryBorder?: boolean;
 };
-export declare const Banner: ({ children, sentiment, disabled, colSpan, type, shouldHavePrimaryBorder, }: BannerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Banner: ({ children, sentiment, disabled, colSpan, type, shouldHavePrimaryBorder, }: BannerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/OfferList/components/Banner.js

@@ -1,98 +1,7 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
-import { Text, Stack, List } from "@ultraviolet/ui";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const BannerWrapper = /* @__PURE__ */ _styled("tr", process.env.NODE_ENV === "production" ? {
-  target: "edd5t9g3"
-} : {
-  target: "edd5t9g3",
-  label: "BannerWrapper"
-})("width:100%;display:table-row;vertical-align:middle;cursor:auto;background:", ({
-  theme
-}) => theme.colors.neutral.backgroundWeak, ";border-radius:0 0 ", ({
-  theme
-}) => theme.radii.default, " ", ({
-  theme
-}) => theme.radii.default, ";position:relative;td,td:first-child,td:last-child{transition:box-shadow 200ms ease,border-color 200ms ease;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT2ZmZXJMaXN0L2NvbXBvbmVudHMvQmFubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9PZmZlckxpc3QvY29tcG9uZW50cy9CYW5uZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgTGlzdCwgU3RhY2ssIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcblxuY29uc3QgQmFubmVyV3JhcHBlciA9IHN0eWxlZC50cmBcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IHRhYmxlLXJvdztcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgY3Vyc29yOiBhdXRvO1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogMCAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH0gJHsoeyB0aGVtZSB9KSA9PlxuICAgIHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgdGQsIHRkOmZpcnN0LWNoaWxkLCB0ZDpsYXN0LWNoaWxkIHtcbiAgICB0cmFuc2l0aW9uOlxuICAgICAgYm94LXNoYWRvdyAyMDBtcyBlYXNlLFxuICAgICAgYm9yZGVyLWNvbG9yIDIwMG1zIGVhc2U7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUZXh0LCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3NlbnRpbWVudCcsICdwcmltYXJ5Qm9yZGVyJ10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIHNlbnRpbWVudDogQ29tcG9uZW50UHJvcHM8dHlwZW9mIExpc3QuUm93Plsnc2VudGltZW50J11cbiAgcHJpbWFyeUJvcmRlcj86IGJvb2xlYW5cbn0+YFxuICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgMjAwbXMgZWFzZTtcbiAgbWFyZ2luLXRvcDogLSR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuICBwYWRkaW5nLWJsb2NrOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycwLjUnXX07XG4gIHBhZGRpbmctaW5saW5lOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lLCBwcmltYXJ5Qm9yZGVyLCBkaXNhYmxlZCB9KSA9PiAocHJpbWFyeUJvcmRlciAmJiAhZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXIgOiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXIpfTtcbiAgYm9yZGVyLXRvcDogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMCAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH0gJHsoeyB0aGVtZSB9KSA9PlxuICAgIHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIHNlbnRpbWVudCwgZGlzYWJsZWQgfSkgPT4ge1xuICAgIGlmIChzZW50aW1lbnQgJiYgc2VudGltZW50ICE9PSAnbmV1dHJhbCcpIHtcbiAgICAgIHJldHVybiB0aGVtZS5jb2xvcnNbc2VudGltZW50XVtcbiAgICAgICAgZGlzYWJsZWQgPyAnYmFja2dyb3VuZERpc2FibGVkJyA6ICdiYWNrZ3JvdW5kJ1xuICAgICAgXVxuICAgIH1cblxuICAgIHJldHVybiB0aGVtZS5jb2xvcnMubmV1dHJhbFtcbiAgICAgIGRpc2FibGVkID8gJ2JhY2tncm91bmRXZWFrJyA6ICdiYWNrZ3JvdW5kV2Vha0Rpc2FibGVkJ1xuICAgIF1cbiAgfX07XG5cbiAgY29sb3I6ICR7KHsgdGhlbWUsIHNlbnRpbWVudCwgZGlzYWJsZWQgfSkgPT4gdGhlbWUuY29sb3JzW3NlbnRpbWVudCA/PyAnbmV1dHJhbCddW2Rpc2FibGVkID8gJ3RleHREaXNhYmxlZCcgOiAndGV4dCddfTtcbmBcblxuY29uc3QgU3R5bGVkQ2VsbCA9IHN0eWxlZChMaXN0LkNlbGwpYFxuICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6IDA7XG5gXG5cbmNvbnN0IFN0eWxlZFN0YWNrID0gc3R5bGVkKFN0YWNrLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3NlbnRpbWVudCddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBzZW50aW1lbnQ6IENvbXBvbmVudFByb3BzPHR5cGVvZiBMaXN0LlJvdz5bJ3NlbnRpbWVudCddIH0+YFxuICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuXG4gIGJvcmRlci1yYWRpdXM6IDAgMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9ICR7KHsgdGhlbWUgfSkgPT5cbiAgICB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgc2VudGltZW50IH0pID0+IHtcbiAgICBpZiAoc2VudGltZW50ICYmIHNlbnRpbWVudCAhPT0gJ25ldXRyYWwnKSB7XG4gICAgICByZXR1cm4gdGhlbWUuY29sb3JzW3NlbnRpbWVudF0uYmFja2dyb3VuZFxuICAgIH1cblxuICAgIHJldHVybiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha1xuICB9fTtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmctYmxvY2s6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfTtcbiAgcGFkZGluZy1pbmxpbmU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5cbiAgJlthcmlhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kRGlzYWJsZWR9O1xuICB9XG5gXG5cbnR5cGUgQmFubmVyUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgc2VudGltZW50PzogQ29tcG9uZW50UHJvcHM8dHlwZW9mIExpc3QuUm93Plsnc2VudGltZW50J11cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGNvbFNwYW4/OiBudW1iZXJcbiAgdHlwZT86ICdjZWxsJyB8ICdkaXYnXG4gIHNob3VsZEhhdmVQcmltYXJ5Qm9yZGVyPzogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgQmFubmVyID0gKHtcbiAgY2hpbGRyZW4sXG4gIHNlbnRpbWVudCA9ICduZXV0cmFsJyxcbiAgZGlzYWJsZWQsXG4gIGNvbFNwYW4gPSAxMDAwLFxuICB0eXBlID0gJ2RpdicsXG4gIHNob3VsZEhhdmVQcmltYXJ5Qm9yZGVyLFxufTogQmFubmVyUHJvcHMpID0+XG4gIHR5cGUgPT09ICdkaXYnID8gKFxuICAgIDxTdHlsZWRTdGFjayBhcmlhLWRpc2FibGVkPXtkaXNhYmxlZH0gc2VudGltZW50PXtzZW50aW1lbnR9PlxuICAgICAgPFRleHQgYXM9XCJwXCIgZGlzYWJsZWQ9e2Rpc2FibGVkfSBzZW50aW1lbnQ9e3NlbnRpbWVudH0gdmFyaWFudD1cImNhcHRpb25cIj5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UZXh0PlxuICAgIDwvU3R5bGVkU3RhY2s+XG4gICkgOiAoXG4gICAgPEJhbm5lcldyYXBwZXI+XG4gICAgICA8U3R5bGVkQ2VsbCBhcmlhLWRpc2FibGVkPXtkaXNhYmxlZH0gY29sU3Bhbj17Y29sU3Bhbn0+XG4gICAgICAgIDxTdHlsZWRUZXh0XG4gICAgICAgICAgYXM9XCJwXCJcbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgcHJpbWFyeUJvcmRlcj17c2hvdWxkSGF2ZVByaW1hcnlCb3JkZXJ9XG4gICAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgICAgdmFyaWFudD1cImNhcHRpb25cIlxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZFRleHQ+XG4gICAgICA8L1N0eWxlZENlbGw+XG4gICAgPC9CYW5uZXJXcmFwcGVyPlxuICApXG4iXX0= */"));
-const StyledText = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["sentiment", "primaryBorder"].includes(prop),
-  target: "edd5t9g2"
-} : {
-  shouldForwardProp: (prop) => !["sentiment", "primaryBorder"].includes(prop),
-  target: "edd5t9g2",
-  label: "StyledText"
-})("transition:border-color 200ms ease;margin-top:-", ({
-  theme
-}) => theme.space[2], ";padding-block:", ({
-  theme
-}) => theme.space["0.5"], ";padding-inline:", ({
-  theme
-}) => theme.space["1"], ";border:1px solid ", ({
-  theme,
-  primaryBorder,
-  disabled
-}) => primaryBorder && !disabled ? theme.colors.primary.border : theme.colors.neutral.border, ";border-top:none;border-radius:0 0 ", ({
-  theme
-}) => theme.radii.default, " ", ({
-  theme
-}) => theme.radii.default, ";background-color:", ({
-  theme,
-  sentiment,
-  disabled
-}) => {
-  if (sentiment && sentiment !== "neutral") {
-    return theme.colors[sentiment][disabled ? "backgroundDisabled" : "background"];
-  }
-  return theme.colors.neutral[disabled ? "backgroundWeak" : "backgroundWeakDisabled"];
-}, ";color:", ({
-  theme,
-  sentiment,
-  disabled
-}) => theme.colors[sentiment ?? "neutral"][disabled ? "textDisabled" : "text"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT2ZmZXJMaXN0L2NvbXBvbmVudHMvQmFubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QkUiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9PZmZlckxpc3QvY29tcG9uZW50cy9CYW5uZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgTGlzdCwgU3RhY2ssIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcblxuY29uc3QgQmFubmVyV3JhcHBlciA9IHN0eWxlZC50cmBcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IHRhYmxlLXJvdztcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgY3Vyc29yOiBhdXRvO1xuICBiYWNrZ3JvdW5kOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRXZWFrfTtcbiAgYm9yZGVyLXJhZGl1czogMCAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH0gJHsoeyB0aGVtZSB9KSA9PlxuICAgIHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgdGQsIHRkOmZpcnN0LWNoaWxkLCB0ZDpsYXN0LWNoaWxkIHtcbiAgICB0cmFuc2l0aW9uOlxuICAgICAgYm94LXNoYWRvdyAyMDBtcyBlYXNlLFxuICAgICAgYm9yZGVyLWNvbG9yIDIwMG1zIGVhc2U7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUZXh0LCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3NlbnRpbWVudCcsICdwcmltYXJ5Qm9yZGVyJ10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIHNlbnRpbWVudDogQ29tcG9uZW50UHJvcHM8dHlwZW9mIExpc3QuUm93Plsnc2VudGltZW50J11cbiAgcHJpbWFyeUJvcmRlcj86IGJvb2xlYW5cbn0+YFxuICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgMjAwbXMgZWFzZTtcbiAgbWFyZ2luLXRvcDogLSR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19O1xuICBwYWRkaW5nLWJsb2NrOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycwLjUnXX07XG4gIHBhZGRpbmctaW5saW5lOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuICBib3JkZXI6IDFweCBzb2xpZCAkeyh7IHRoZW1lLCBwcmltYXJ5Qm9yZGVyLCBkaXNhYmxlZCB9KSA9PiAocHJpbWFyeUJvcmRlciAmJiAhZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMucHJpbWFyeS5ib3JkZXIgOiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXIpfTtcbiAgYm9yZGVyLXRvcDogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogMCAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuZGVmYXVsdH0gJHsoeyB0aGVtZSB9KSA9PlxuICAgIHRoZW1lLnJhZGlpLmRlZmF1bHR9O1xuXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIHNlbnRpbWVudCwgZGlzYWJsZWQgfSkgPT4ge1xuICAgIGlmIChzZW50aW1lbnQgJiYgc2VudGltZW50ICE9PSAnbmV1dHJhbCcpIHtcbiAgICAgIHJldHVybiB0aGVtZS5jb2xvcnNbc2VudGltZW50XVtcbiAgICAgICAgZGlzYWJsZWQgPyAnYmFja2dyb3VuZERpc2FibGVkJyA6ICdiYWNrZ3JvdW5kJ1xuICAgICAgXVxuICAgIH1cblxuICAgIHJldHVybiB0aGVtZS5jb2xvcnMubmV1dHJhbFtcbiAgICAgIGRpc2FibGVkID8gJ2JhY2tncm91bmRXZWFrJyA6ICdiYWNrZ3JvdW5kV2Vha0Rpc2FibGVkJ1xuICAgIF1cbiAgfX07XG5cbiAgY29sb3I6ICR7KHsgdGhlbWUsIHNlbnRpbWVudCwgZGlzYWJsZWQgfSkgPT4gdGhlbWUuY29sb3JzW3NlbnRpbWVudCA/PyAnbmV1dHJhbCddW2Rpc2FibGVkID8gJ3RleHREaXNhYmxlZCcgOiAndGV4dCddfTtcbmBcblxuY29uc3QgU3R5bGVkQ2VsbCA9IHN0eWxlZChMaXN0LkNlbGwpYFxuICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAwO1xuICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6IDA7XG5gXG5cbmNvbnN0IFN0eWxlZFN0YWNrID0gc3R5bGVkKFN0YWNrLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3NlbnRpbWVudCddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBzZW50aW1lbnQ6IENvbXBvbmVudFByb3BzPHR5cGVvZiBMaXN0LlJvdz5bJ3NlbnRpbWVudCddIH0+YFxuICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICBib3JkZXItdG9wOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuXG4gIGJvcmRlci1yYWRpdXM6IDAgMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9ICR7KHsgdGhlbWUgfSkgPT5cbiAgICB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgc2VudGltZW50IH0pID0+IHtcbiAgICBpZiAoc2VudGltZW50ICYmIHNlbnRpbWVudCAhPT0gJ25ldXRyYWwnKSB7XG4gICAgICByZXR1cm4gdGhlbWUuY29sb3JzW3NlbnRpbWVudF0uYmFja2dyb3VuZFxuICAgIH1cblxuICAgIHJldHVybiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha1xuICB9fTtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmctYmxvY2s6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzAuNSddfTtcbiAgcGFkZGluZy1pbmxpbmU6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5cbiAgJlthcmlhLWRpc2FibGVkPVwidHJ1ZVwiXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kRGlzYWJsZWR9O1xuICB9XG5gXG5cbnR5cGUgQmFubmVyUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgc2VudGltZW50PzogQ29tcG9uZW50UHJvcHM8dHlwZW9mIExpc3QuUm93Plsnc2VudGltZW50J11cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGNvbFNwYW4/OiBudW1iZXJcbiAgdHlwZT86ICdjZWxsJyB8ICdkaXYnXG4gIHNob3VsZEhhdmVQcmltYXJ5Qm9yZGVyPzogYm9vbGVhblxufVxuXG5leHBvcnQgY29uc3QgQmFubmVyID0gKHtcbiAgY2hpbGRyZW4sXG4gIHNlbnRpbWVudCA9ICduZXV0cmFsJyxcbiAgZGlzYWJsZWQsXG4gIGNvbFNwYW4gPSAxMDAwLFxuICB0eXBlID0gJ2RpdicsXG4gIHNob3VsZEhhdmVQcmltYXJ5Qm9yZGVyLFxufTogQmFubmVyUHJvcHMpID0+XG4gIHR5cGUgPT09ICdkaXYnID8gKFxuICAgIDxTdHlsZWRTdGFjayBhcmlhLWRpc2FibGVkPXtkaXNhYmxlZH0gc2VudGltZW50PXtzZW50aW1lbnR9PlxuICAgICAgPFRleHQgYXM9XCJwXCIgZGlzYWJsZWQ9e2Rpc2FibGVkfSBzZW50aW1lbnQ9e3NlbnRpbWVudH0gdmFyaWFudD1cImNhcHRpb25cIj5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UZXh0PlxuICAgIDwvU3R5bGVkU3RhY2s+XG4gICkgOiAoXG4gICAgPEJhbm5lcldyYXBwZXI+XG4gICAgICA8U3R5bGVkQ2VsbCBhcmlhLWRpc2FibGVkPXtkaXNhYmxlZH0gY29sU3Bhbj17Y29sU3Bhbn0+XG4gICAgICAgIDxTdHlsZWRUZXh0XG4gICAgICAgICAgYXM9XCJwXCJcbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgcHJpbWFyeUJvcmRlcj17c2hvdWxkSGF2ZVByaW1hcnlCb3JkZXJ9XG4gICAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgICAgdmFyaWFudD1cImNhcHRpb25cIlxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1N0eWxlZFRleHQ+XG4gICAgICA8L1N0eWxlZENlbGw+XG4gICAgPC9CYW5uZXJXcmFwcGVyPlxuICApXG4iXX0= */"));
-const StyledCell = /* @__PURE__ */ _styled(List.Cell, process.env.NODE_ENV === "production" ? {
-  target: "edd5t9g1"
-} : {
-  target: "edd5t9g1",
-  label: "StyledCell"
-})(process.env.NODE_ENV === "production" ? {
-  name: "epcr5t",
-  styles: "height:fit-content;border-top-left-radius:0;border-top-right-radius:0;width:100%;padding:0"
-} : {
-  name: "epcr5t",
-  styles: "height:fit-content;border-top-left-radius:0;border-top-right-radius:0;width:100%;padding:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT2ZmZXJMaXN0L2NvbXBvbmVudHMvQmFubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRG9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT2ZmZXJMaXN0L2NvbXBvbmVudHMvQmFubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IExpc3QsIFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IEJhbm5lcldyYXBwZXIgPSBzdHlsZWQudHJgXG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiB0YWJsZS1yb3c7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIGN1cnNvcjogYXV0bztcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG4gIGJvcmRlci1yYWRpdXM6IDAgMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9ICR7KHsgdGhlbWUgfSkgPT5cbiAgICB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gIHRkLCB0ZDpmaXJzdC1jaGlsZCwgdGQ6bGFzdC1jaGlsZCB7XG4gICAgdHJhbnNpdGlvbjpcbiAgICAgIGJveC1zaGFkb3cgMjAwbXMgZWFzZSxcbiAgICAgIGJvcmRlci1jb2xvciAyMDBtcyBlYXNlO1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQoVGV4dCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydzZW50aW1lbnQnLCAncHJpbWFyeUJvcmRlciddLmluY2x1ZGVzKHByb3ApLFxufSk8e1xuICBzZW50aW1lbnQ6IENvbXBvbmVudFByb3BzPHR5cGVvZiBMaXN0LlJvdz5bJ3NlbnRpbWVudCddXG4gIHByaW1hcnlCb3JkZXI/OiBib29sZWFuXG59PmBcbiAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yIDIwMG1zIGVhc2U7XG4gIG1hcmdpbi10b3A6IC0keyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbiAgcGFkZGluZy1ibG9jazogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICBwYWRkaW5nLWlubGluZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSwgcHJpbWFyeUJvcmRlciwgZGlzYWJsZWQgfSkgPT4gKHByaW1hcnlCb3JkZXIgJiYgIWRpc2FibGVkID8gdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyIDogdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyKX07XG4gIGJvcmRlci10b3A6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6IDAgMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9ICR7KHsgdGhlbWUgfSkgPT5cbiAgICB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBzZW50aW1lbnQsIGRpc2FibGVkIH0pID0+IHtcbiAgICBpZiAoc2VudGltZW50ICYmIHNlbnRpbWVudCAhPT0gJ25ldXRyYWwnKSB7XG4gICAgICByZXR1cm4gdGhlbWUuY29sb3JzW3NlbnRpbWVudF1bXG4gICAgICAgIGRpc2FibGVkID8gJ2JhY2tncm91bmREaXNhYmxlZCcgOiAnYmFja2dyb3VuZCdcbiAgICAgIF1cbiAgICB9XG5cbiAgICByZXR1cm4gdGhlbWUuY29sb3JzLm5ldXRyYWxbXG4gICAgICBkaXNhYmxlZCA/ICdiYWNrZ3JvdW5kV2VhaycgOiAnYmFja2dyb3VuZFdlYWtEaXNhYmxlZCdcbiAgICBdXG4gIH19O1xuXG4gIGNvbG9yOiAkeyh7IHRoZW1lLCBzZW50aW1lbnQsIGRpc2FibGVkIH0pID0+IHRoZW1lLmNvbG9yc1tzZW50aW1lbnQgPz8gJ25ldXRyYWwnXVtkaXNhYmxlZCA/ICd0ZXh0RGlzYWJsZWQnIDogJ3RleHQnXX07XG5gXG5cbmNvbnN0IFN0eWxlZENlbGwgPSBzdHlsZWQoTGlzdC5DZWxsKWBcbiAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMDtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiAwO1xuYFxuXG5jb25zdCBTdHlsZWRTdGFjayA9IHN0eWxlZChTdGFjaywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydzZW50aW1lbnQnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgc2VudGltZW50OiBDb21wb25lbnRQcm9wczx0eXBlb2YgTGlzdC5Sb3c+WydzZW50aW1lbnQnXSB9PmBcbiAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcblxuICBib3JkZXItcmFkaXVzOiAwIDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fSAkeyh7IHRoZW1lIH0pID0+XG4gICAgdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIHNlbnRpbWVudCB9KSA9PiB7XG4gICAgaWYgKHNlbnRpbWVudCAmJiBzZW50aW1lbnQgIT09ICduZXV0cmFsJykge1xuICAgICAgcmV0dXJuIHRoZW1lLmNvbG9yc1tzZW50aW1lbnRdLmJhY2tncm91bmRcbiAgICB9XG5cbiAgICByZXR1cm4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWtcbiAgfX07XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nLWJsb2NrOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycwLjUnXX07XG4gIHBhZGRpbmctaW5saW5lOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuXG4gICZbYXJpYS1kaXNhYmxlZD1cInRydWVcIl0ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgfVxuYFxuXG50eXBlIEJhbm5lclByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIHNlbnRpbWVudD86IENvbXBvbmVudFByb3BzPHR5cGVvZiBMaXN0LlJvdz5bJ3NlbnRpbWVudCddXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBjb2xTcGFuPzogbnVtYmVyXG4gIHR5cGU/OiAnY2VsbCcgfCAnZGl2J1xuICBzaG91bGRIYXZlUHJpbWFyeUJvcmRlcj86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IEJhbm5lciA9ICh7XG4gIGNoaWxkcmVuLFxuICBzZW50aW1lbnQgPSAnbmV1dHJhbCcsXG4gIGRpc2FibGVkLFxuICBjb2xTcGFuID0gMTAwMCxcbiAgdHlwZSA9ICdkaXYnLFxuICBzaG91bGRIYXZlUHJpbWFyeUJvcmRlcixcbn06IEJhbm5lclByb3BzKSA9PlxuICB0eXBlID09PSAnZGl2JyA/IChcbiAgICA8U3R5bGVkU3RhY2sgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9IHNlbnRpbWVudD17c2VudGltZW50fT5cbiAgICAgIDxUZXh0IGFzPVwicFwiIGRpc2FibGVkPXtkaXNhYmxlZH0gc2VudGltZW50PXtzZW50aW1lbnR9IHZhcmlhbnQ9XCJjYXB0aW9uXCI+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGV4dD5cbiAgICA8L1N0eWxlZFN0YWNrPlxuICApIDogKFxuICAgIDxCYW5uZXJXcmFwcGVyPlxuICAgICAgPFN0eWxlZENlbGwgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9IGNvbFNwYW49e2NvbFNwYW59PlxuICAgICAgICA8U3R5bGVkVGV4dFxuICAgICAgICAgIGFzPVwicFwiXG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIHByaW1hcnlCb3JkZXI9e3Nob3VsZEhhdmVQcmltYXJ5Qm9yZGVyfVxuICAgICAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgICAgIHZhcmlhbnQ9XCJjYXB0aW9uXCJcbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgPC9TdHlsZWRDZWxsPlxuICAgIDwvQmFubmVyV3JhcHBlcj5cbiAgKVxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledStack = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["sentiment"].includes(prop),
-  target: "edd5t9g0"
-} : {
-  shouldForwardProp: (prop) => !["sentiment"].includes(prop),
-  target: "edd5t9g0",
-  label: "StyledStack"
-})("height:fit-content;border-top:1px solid ", ({
-  theme
-}) => theme.colors.neutral.border, ";border-radius:0 0 ", ({
-  theme
-}) => theme.radii.default, " ", ({
-  theme
-}) => theme.radii.default, ";background-color:", ({
-  theme,
-  sentiment
-}) => {
-  if (sentiment && sentiment !== "neutral") {
-    return theme.colors[sentiment].background;
-  }
-  return theme.colors.neutral.backgroundWeak;
-}, ";width:100%;padding-block:", ({
-  theme
-}) => theme.space["0.5"], ";padding-inline:", ({
-  theme
-}) => theme.space["1"], ';&[aria-disabled="true"]{background-color:', ({
-  theme
-}) => theme.colors.neutral.backgroundDisabled, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT2ZmZXJMaXN0L2NvbXBvbmVudHMvQmFubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRCtEIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT2ZmZXJMaXN0L2NvbXBvbmVudHMvQmFubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IExpc3QsIFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IEJhbm5lcldyYXBwZXIgPSBzdHlsZWQudHJgXG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiB0YWJsZS1yb3c7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIGN1cnNvcjogYXV0bztcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha307XG4gIGJvcmRlci1yYWRpdXM6IDAgMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9ICR7KHsgdGhlbWUgfSkgPT5cbiAgICB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gIHRkLCB0ZDpmaXJzdC1jaGlsZCwgdGQ6bGFzdC1jaGlsZCB7XG4gICAgdHJhbnNpdGlvbjpcbiAgICAgIGJveC1zaGFkb3cgMjAwbXMgZWFzZSxcbiAgICAgIGJvcmRlci1jb2xvciAyMDBtcyBlYXNlO1xuICB9XG5gXG5cbmNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQoVGV4dCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydzZW50aW1lbnQnLCAncHJpbWFyeUJvcmRlciddLmluY2x1ZGVzKHByb3ApLFxufSk8e1xuICBzZW50aW1lbnQ6IENvbXBvbmVudFByb3BzPHR5cGVvZiBMaXN0LlJvdz5bJ3NlbnRpbWVudCddXG4gIHByaW1hcnlCb3JkZXI/OiBib29sZWFuXG59PmBcbiAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yIDIwMG1zIGVhc2U7XG4gIG1hcmdpbi10b3A6IC0keyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfTtcbiAgcGFkZGluZy1ibG9jazogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMC41J119O1xuICBwYWRkaW5nLWlubGluZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSwgcHJpbWFyeUJvcmRlciwgZGlzYWJsZWQgfSkgPT4gKHByaW1hcnlCb3JkZXIgJiYgIWRpc2FibGVkID8gdGhlbWUuY29sb3JzLnByaW1hcnkuYm9yZGVyIDogdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyKX07XG4gIGJvcmRlci10b3A6IG5vbmU7XG4gIGJvcmRlci1yYWRpdXM6IDAgMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmRlZmF1bHR9ICR7KHsgdGhlbWUgfSkgPT5cbiAgICB0aGVtZS5yYWRpaS5kZWZhdWx0fTtcblxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBzZW50aW1lbnQsIGRpc2FibGVkIH0pID0+IHtcbiAgICBpZiAoc2VudGltZW50ICYmIHNlbnRpbWVudCAhPT0gJ25ldXRyYWwnKSB7XG4gICAgICByZXR1cm4gdGhlbWUuY29sb3JzW3NlbnRpbWVudF1bXG4gICAgICAgIGRpc2FibGVkID8gJ2JhY2tncm91bmREaXNhYmxlZCcgOiAnYmFja2dyb3VuZCdcbiAgICAgIF1cbiAgICB9XG5cbiAgICByZXR1cm4gdGhlbWUuY29sb3JzLm5ldXRyYWxbXG4gICAgICBkaXNhYmxlZCA/ICdiYWNrZ3JvdW5kV2VhaycgOiAnYmFja2dyb3VuZFdlYWtEaXNhYmxlZCdcbiAgICBdXG4gIH19O1xuXG4gIGNvbG9yOiAkeyh7IHRoZW1lLCBzZW50aW1lbnQsIGRpc2FibGVkIH0pID0+IHRoZW1lLmNvbG9yc1tzZW50aW1lbnQgPz8gJ25ldXRyYWwnXVtkaXNhYmxlZCA/ICd0ZXh0RGlzYWJsZWQnIDogJ3RleHQnXX07XG5gXG5cbmNvbnN0IFN0eWxlZENlbGwgPSBzdHlsZWQoTGlzdC5DZWxsKWBcbiAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogMDtcbiAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiAwO1xuYFxuXG5jb25zdCBTdHlsZWRTdGFjayA9IHN0eWxlZChTdGFjaywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydzZW50aW1lbnQnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgc2VudGltZW50OiBDb21wb25lbnRQcm9wczx0eXBlb2YgTGlzdC5Sb3c+WydzZW50aW1lbnQnXSB9PmBcbiAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYm9yZGVyfTtcblxuICBib3JkZXItcmFkaXVzOiAwIDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5kZWZhdWx0fSAkeyh7IHRoZW1lIH0pID0+XG4gICAgdGhlbWUucmFkaWkuZGVmYXVsdH07XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIHNlbnRpbWVudCB9KSA9PiB7XG4gICAgaWYgKHNlbnRpbWVudCAmJiBzZW50aW1lbnQgIT09ICduZXV0cmFsJykge1xuICAgICAgcmV0dXJuIHRoZW1lLmNvbG9yc1tzZW50aW1lbnRdLmJhY2tncm91bmRcbiAgICB9XG5cbiAgICByZXR1cm4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWtcbiAgfX07XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nLWJsb2NrOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycwLjUnXX07XG4gIHBhZGRpbmctaW5saW5lOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuXG4gICZbYXJpYS1kaXNhYmxlZD1cInRydWVcIl0ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZERpc2FibGVkfTtcbiAgfVxuYFxuXG50eXBlIEJhbm5lclByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIHNlbnRpbWVudD86IENvbXBvbmVudFByb3BzPHR5cGVvZiBMaXN0LlJvdz5bJ3NlbnRpbWVudCddXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBjb2xTcGFuPzogbnVtYmVyXG4gIHR5cGU/OiAnY2VsbCcgfCAnZGl2J1xuICBzaG91bGRIYXZlUHJpbWFyeUJvcmRlcj86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IEJhbm5lciA9ICh7XG4gIGNoaWxkcmVuLFxuICBzZW50aW1lbnQgPSAnbmV1dHJhbCcsXG4gIGRpc2FibGVkLFxuICBjb2xTcGFuID0gMTAwMCxcbiAgdHlwZSA9ICdkaXYnLFxuICBzaG91bGRIYXZlUHJpbWFyeUJvcmRlcixcbn06IEJhbm5lclByb3BzKSA9PlxuICB0eXBlID09PSAnZGl2JyA/IChcbiAgICA8U3R5bGVkU3RhY2sgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9IHNlbnRpbWVudD17c2VudGltZW50fT5cbiAgICAgIDxUZXh0IGFzPVwicFwiIGRpc2FibGVkPXtkaXNhYmxlZH0gc2VudGltZW50PXtzZW50aW1lbnR9IHZhcmlhbnQ9XCJjYXB0aW9uXCI+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGV4dD5cbiAgICA8L1N0eWxlZFN0YWNrPlxuICApIDogKFxuICAgIDxCYW5uZXJXcmFwcGVyPlxuICAgICAgPFN0eWxlZENlbGwgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9IGNvbFNwYW49e2NvbFNwYW59PlxuICAgICAgICA8U3R5bGVkVGV4dFxuICAgICAgICAgIGFzPVwicFwiXG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIHByaW1hcnlCb3JkZXI9e3Nob3VsZEhhdmVQcmltYXJ5Qm9yZGVyfVxuICAgICAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgICAgIHZhcmlhbnQ9XCJjYXB0aW9uXCJcbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgPC9TdHlsZWRDZWxsPlxuICAgIDwvQmFubmVyV3JhcHBlcj5cbiAgKVxuIl19 */"));
+import { jsx } from "react/jsx-runtime";
+import { Stack, Text, List } from "@ultraviolet/ui";
+import { offerListBannerStack, offerListBanner, offerListBannerCell, offerListBannerText } from "../styles.css.js";
 const Banner = ({
   children,
   sentiment = "neutral",
@@ -100,7 +9,35 @@ const Banner = ({
   colSpan = 1e3,
   type = "div",
   shouldHavePrimaryBorder
-}) => type === "div" ? /* @__PURE__ */ jsx(StyledStack, { "aria-disabled": disabled, sentiment, children: /* @__PURE__ */ jsx(Text, { as: "p", disabled, sentiment, variant: "caption", children }) }) : /* @__PURE__ */ jsx(BannerWrapper, { children: /* @__PURE__ */ jsx(StyledCell, { "aria-disabled": disabled, colSpan, children: /* @__PURE__ */ jsx(StyledText, { as: "p", disabled, primaryBorder: shouldHavePrimaryBorder, sentiment, variant: "caption", children }) }) });
+}) => type === "div" ? /* @__PURE__ */ jsx(
+  Stack,
+  {
+    "aria-disabled": disabled,
+    className: offerListBannerStack({ sentiment }),
+    children: /* @__PURE__ */ jsx(Text, { as: "p", disabled, sentiment, variant: "caption", children })
+  }
+) : /* @__PURE__ */ jsx("tr", { className: offerListBanner, children: /* @__PURE__ */ jsx(
+  List.Cell,
+  {
+    "aria-disabled": disabled,
+    className: offerListBannerCell,
+    colSpan,
+    children: /* @__PURE__ */ jsx(
+      Text,
+      {
+        as: "p",
+        className: offerListBannerText({
+          disabled,
+          primaryBorder: shouldHavePrimaryBorder,
+          sentiment
+        }),
+        disabled,
+        variant: "caption",
+        children
+      }
+    )
+  }
+) });
 export {
   Banner
 };

package/dist/components/OfferList/components/Cell.d.ts

@@ -1,3 +1,3 @@
 import { List } from '@ultraviolet/ui';
 import type { ComponentProps } from 'react';
-export declare const Cell: ({ children, className, "data-testid": dataTestId, colSpan, }: ComponentProps<typeof List.Cell>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Cell: ({ children, className, "data-testid": dataTestId, colSpan, style, }: ComponentProps<typeof List.Cell>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/OfferList/components/Cell.js

@@ -1,47 +1,26 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
-import { Skeleton, List } from "@ultraviolet/ui";
+import { jsx } from "react/jsx-runtime";
+import { List, Skeleton } from "@ultraviolet/ui";
 import { useOfferListContext } from "../OfferListProvider.js";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const StyledCell = /* @__PURE__ */ _styled(List.Cell, process.env.NODE_ENV === "production" ? {
-  target: "e1m0nrr1"
-} : {
-  target: "e1m0nrr1",
-  label: "StyledCell"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1l0p3iw",
-  styles: "white-space:pre-line"
-} : {
-  name: "1l0p3iw",
-  styles: "white-space:pre-line/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT2ZmZXJMaXN0L2NvbXBvbmVudHMvQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT29DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT2ZmZXJMaXN0L2NvbXBvbmVudHMvQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBMaXN0LCBTa2VsZXRvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgQ29tcG9uZW50UHJvcHMgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZU9mZmVyTGlzdENvbnRleHQgfSBmcm9tICcuLi9PZmZlckxpc3RQcm92aWRlcidcblxuY29uc3QgU3R5bGVkQ2VsbCA9IHN0eWxlZChMaXN0LkNlbGwpYFxuICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gXG5cbmNvbnN0IExvYWRpbmdDZWxsID0gc3R5bGVkKExpc3QuQ2VsbClgXG4gIGhlaWdodDogMTAwJTtcbmBcbmV4cG9ydCBjb25zdCBDZWxsID0gKHtcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgY29sU3Bhbixcbn06IENvbXBvbmVudFByb3BzPHR5cGVvZiBMaXN0LkNlbGw+KSA9PiB7XG4gIGNvbnN0IHsgbG9hZGluZyB9ID0gdXNlT2ZmZXJMaXN0Q29udGV4dCgpXG5cbiAgcmV0dXJuIGxvYWRpbmcgPyAoXG4gICAgPExvYWRpbmdDZWxsPlxuICAgICAgPFNrZWxldG9uIGRhdGEtc3RhdGU9e2xvYWRpbmd9IHZhcmlhbnQ9XCJsaW5lXCIgLz5cbiAgICA8L0xvYWRpbmdDZWxsPlxuICApIDogKFxuICAgIDxTdHlsZWRDZWxsXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNvbFNwYW49e2NvbFNwYW59XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRDZWxsPlxuICApXG59XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const LoadingCell = /* @__PURE__ */ _styled(List.Cell, process.env.NODE_ENV === "production" ? {
-  target: "e1m0nrr0"
-} : {
-  target: "e1m0nrr0",
-  label: "LoadingCell"
-})(process.env.NODE_ENV === "production" ? {
-  name: "13udsys",
-  styles: "height:100%"
-} : {
-  name: "13udsys",
-  styles: "height:100%/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT2ZmZXJMaXN0L2NvbXBvbmVudHMvQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3FDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvT2ZmZXJMaXN0L2NvbXBvbmVudHMvQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBMaXN0LCBTa2VsZXRvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgQ29tcG9uZW50UHJvcHMgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZU9mZmVyTGlzdENvbnRleHQgfSBmcm9tICcuLi9PZmZlckxpc3RQcm92aWRlcidcblxuY29uc3QgU3R5bGVkQ2VsbCA9IHN0eWxlZChMaXN0LkNlbGwpYFxuICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG5gXG5cbmNvbnN0IExvYWRpbmdDZWxsID0gc3R5bGVkKExpc3QuQ2VsbClgXG4gIGhlaWdodDogMTAwJTtcbmBcbmV4cG9ydCBjb25zdCBDZWxsID0gKHtcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgY29sU3Bhbixcbn06IENvbXBvbmVudFByb3BzPHR5cGVvZiBMaXN0LkNlbGw+KSA9PiB7XG4gIGNvbnN0IHsgbG9hZGluZyB9ID0gdXNlT2ZmZXJMaXN0Q29udGV4dCgpXG5cbiAgcmV0dXJuIGxvYWRpbmcgPyAoXG4gICAgPExvYWRpbmdDZWxsPlxuICAgICAgPFNrZWxldG9uIGRhdGEtc3RhdGU9e2xvYWRpbmd9IHZhcmlhbnQ9XCJsaW5lXCIgLz5cbiAgICA8L0xvYWRpbmdDZWxsPlxuICApIDogKFxuICAgIDxTdHlsZWRDZWxsXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNvbFNwYW49e2NvbFNwYW59XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRDZWxsPlxuICApXG59XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+import { offerListLoadingCell, offerListCell } from "../styles.css.js";
 const Cell = ({
   children,
   className,
   "data-testid": dataTestId,
-  colSpan
+  colSpan,
+  style
 }) => {
-  const {
-    loading
-  } = useOfferListContext();
-  return loading ? /* @__PURE__ */ jsx(LoadingCell, { children: /* @__PURE__ */ jsx(Skeleton, { "data-state": loading, variant: "line" }) }) : /* @__PURE__ */ jsx(StyledCell, { className, colSpan, "data-testid": dataTestId, children });
+  const { loading } = useOfferListContext();
+  return loading ? /* @__PURE__ */ jsx(List.Cell, { className: offerListLoadingCell, style, children: /* @__PURE__ */ jsx(Skeleton, { "data-state": loading, variant: "line" }) }) : /* @__PURE__ */ jsx(
+    List.Cell,
+    {
+      className: `${className ? `${className} ` : ""}${offerListCell}`,
+      colSpan,
+      "data-testid": dataTestId,
+      style,
+      children
+    }
+  );
 };
 export {
   Cell

package/dist/components/OfferList/components/Row.d.ts

@@ -1,5 +1,5 @@
 import { Badge as BadgeUV, List } from '@ultraviolet/ui';
-import type { ComponentProps, ReactNode } from 'react';
+import type { ComponentProps, CSSProperties, ReactNode } from 'react';
 type RowProps = ComponentProps<typeof List.Row> & {
     banner?: {
         text: ReactNode;
@@ -9,7 +9,9 @@ type RowProps = ComponentProps<typeof List.Row> & {
     badge?: {
         text: string;
         sentiment?: ComponentProps<typeof BadgeUV>['sentiment'];
+        prominence?: ComponentProps<typeof BadgeUV>['prominence'];
     };
+    style?: CSSProperties;
 };
-export declare const Row: ({ children, disabled, id, banner, expandablePadding, offerName, expandable: expandableContent, selectDisabled, highlightAnimation, expanded, className, "data-dragging": dataDragging, "data-testid": dataTestId, style, badge, }: RowProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Row: ({ children, disabled, id, banner, expandablePadding, offerName, expandable: expandableContent, selectDisabled, highlightAnimation, expanded, className, "data-dragging": dataDragging, "data-testid": dataTestId, style, badge, }: RowProps) => import("react/jsx-runtime").JSX.Element;
 export {};