@ultraviolet/ui 3.9.0 → 3.10.0

package/dist/components/VerificationCode/index.js

@@ -1,211 +1,159 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
-import { useId, useState, createRef, useMemo } from "react";
-import { Label } from "../Label/index.js";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Text } from "../Text/index.js";
-import { inputSizes, inputClass, filedSetClass } from "./styles.css.js";
-const DEFAULT_ON_FUNCTION = () => {
-};
+import { Label } from "../Label/index.js";
+import { filedSetClass, inputClass, inputSizes } from "./styles.css.js";
+import { cn } from "@ultraviolet/utils";
+import { createRef, useId, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/VerificationCode/index.tsx
+const DEFAULT_ON_FUNCTION = () => {};
 const inputOnFocus = (event) => event.target.select();
-const VerificationCode = ({
-  disabled = false,
-  className,
-  error = false,
-  fields = 4,
-  initialValue = "",
-  inputId,
-  size = "large",
-  onChange = DEFAULT_ON_FUNCTION,
-  onComplete = DEFAULT_ON_FUNCTION,
-  placeholder = "",
-  required = false,
-  type = "number",
-  "data-testid": dataTestId,
-  "aria-label": ariaLabel = "Verification code",
-  label,
-  labelDescription,
-  helper,
-  success,
-  style
-}) => {
-  const uniqueId = useId();
-  const id = inputId ?? uniqueId;
-  const valuesArray = Object.assign(new Array(fields).fill(""), [
-    ...initialValue.substring(0, fields)
-  ]);
-  const [values, setValues] = useState(valuesArray);
-  const inputRefs = Array.from(
-    { length: fields },
-    () => createRef()
-  );
-  const triggerChange = (inputValues) => {
-    const stringValue = inputValues.join("");
-    if (onChange) {
-      onChange(stringValue);
-    }
-    if (onComplete && stringValue.length >= fields) {
-      onComplete(stringValue);
-    }
-  };
-  const inputOnChange = (index) => (event) => {
-    let { value } = event.target;
-    if (type === "number") {
-      value = event.target.value.replace(/[^\d]/gi, "");
-    }
-    const newValues = [...values];
-    if (value === "" || type === "number" && !new RegExp(event.target.pattern).test(value)) {
-      newValues[index] = "";
-      setValues(newValues);
-      return;
-    }
-    const sanitizedValue = value[0];
-    newValues[index] = sanitizedValue ?? "";
-    setValues(newValues);
-    const nextIndex = Math.min(index + 1, fields - 1);
-    const next = inputRefs[nextIndex];
-    next?.current?.focus();
-    triggerChange(newValues);
-  };
-  const inputOnKeyDown = (index) => (
-    // oxlint-disable-next-line eslint/max-statements
-    ((event) => {
-      const prevIndex = index - 1;
-      const nextIndex = index + 1;
-      const first = inputRefs[0];
-      const last = inputRefs.at(-1);
-      const prev = inputRefs[prevIndex];
-      const next = inputRefs[nextIndex];
-      const vals = [...values];
-      switch (event.key) {
-        case "Backspace": {
-          event.preventDefault();
-          if (values[index]) {
-            vals[index] = "";
-            setValues(vals);
-            triggerChange(vals);
-          } else if (prev) {
-            vals[prevIndex] = "";
-            prev?.current?.focus();
-            setValues(vals);
-            triggerChange(vals);
-          }
-          break;
-        }
-        case "ArrowLeft": {
-          event.preventDefault();
-          prev?.current?.focus();
-          break;
-        }
-        case "ArrowRight": {
-          event.preventDefault();
-          next?.current?.focus();
-          break;
-        }
-        case "ArrowUp": {
-          event.preventDefault();
-          first?.current?.focus();
-          break;
-        }
-        case "ArrowDown": {
-          event.preventDefault();
-          last?.current?.focus();
-          break;
-        }
-      }
-    })
-  );
-  const inputOnPaste = (currentIndex) => (event) => {
-    event.preventDefault();
-    const pastedValue = [...event.clipboardData.getData("Text")].map(
-      (copiedValue) => (
-        // Replace non number char with empty char when type is number
-        type === "number" ? copiedValue.replace(/[^\d]/gi, "") : copiedValue
-      )
-    );
-    pastedValue.splice(
-      fields - currentIndex < pastedValue.length ? fields - currentIndex : pastedValue.length
-    );
-    setValues((vals) => {
-      const newArray = structuredClone(vals);
-      newArray.splice(currentIndex, pastedValue.length, ...pastedValue);
-      return newArray;
-    });
-    const nextIndex = Math.min(
-      currentIndex + pastedValue.filter((item) => item !== "").length,
-      inputRefs.length - 1
-    );
-    const next = inputRefs[nextIndex];
-    next?.current?.focus();
-    triggerChange(pastedValue);
-  };
-  const sentiment = useMemo(() => {
-    if (error) {
-      return "danger";
-    }
-    if (success) {
-      return "success";
-    }
-    return "neutral";
-  }, [error, success]);
-  return /* @__PURE__ */ jsxs(
-    "fieldset",
-    {
-      className: cn(className, filedSetClass),
-      "data-testid": dataTestId,
-      style,
-      children: [
-        label || labelDescription ? /* @__PURE__ */ jsx(
-          Label,
-          {
-            htmlFor: `${id}-0`,
-            id: `${id}-label`,
-            labelDescription,
-            required,
-            size: size === "xlarge" ? "large" : size,
-            children: label
-          }
-        ) : null,
-        /* @__PURE__ */ jsx("div", { children: values.map((value, index) => /* @__PURE__ */ jsx(
-          "input",
-          {
-            "aria-invalid": !!error,
-            "aria-label": `${ariaLabel} ${index}`,
-            autoComplete: "off",
-            className: cn(inputSizes[size], inputClass),
-            "data-success": !!success,
-            "data-testid": index,
-            disabled,
-            id: `${id}-${index}`,
-            onChange: inputOnChange(index),
-            onFocus: inputOnFocus,
-            onKeyDown: inputOnKeyDown(index),
-            onPaste: inputOnPaste(index),
-            pattern: type === "number" ? "[0-9]*" : void 0,
-            placeholder: placeholder?.[index] ?? "",
-            ref: inputRefs[index],
-            required,
-            type: type === "number" ? "tel" : type,
-            value
-          },
-          `field-${index}`
-        )) }),
-        error || typeof success === "string" || typeof helper === "string" ? /* @__PURE__ */ jsx(
-          Text,
-          {
-            as: "p",
-            disabled,
-            prominence: error || success ? "default" : "weak",
-            sentiment,
-            variant: "caption",
-            children: (error || success) ?? helper
-          }
-        ) : null,
-        !(error || success) && typeof helper !== "string" && helper ? helper : null
-      ]
-    }
-  );
-};
-export {
-  VerificationCode
+/**
+* Verification code allows you to enter a code in multiple fields (4 by default).
+*/
+const VerificationCode = ({ disabled = false, className, error = false, fields = 4, initialValue = "", inputId, size = "large", onChange = DEFAULT_ON_FUNCTION, onComplete = DEFAULT_ON_FUNCTION, placeholder = "", required = false, type = "number", "data-testid": dataTestId, "aria-label": ariaLabel = "Verification code", label, labelDescription, helper, success, style }) => {
+	var _ref;
+	const uniqueId = useId();
+	const id = inputId !== null && inputId !== void 0 ? inputId : uniqueId;
+	const [values, setValues] = useState(Object.assign(new Array(fields).fill(""), [...initialValue.substring(0, fields)]));
+	const inputRefs = Array.from({ length: fields }, () => createRef());
+	const triggerChange = (inputValues) => {
+		const stringValue = inputValues.join("");
+		if (onChange) onChange(stringValue);
+		if (onComplete && stringValue.length >= fields) onComplete(stringValue);
+	};
+	const inputOnChange = (index) => (event) => {
+		var _next$current;
+		let { value } = event.target;
+		if (type === "number") value = event.target.value.replace(/[^\d]/gi, "");
+		const newValues = [...values];
+		if (value === "" || type === "number" && !new RegExp(event.target.pattern).test(value)) {
+			newValues[index] = "";
+			setValues(newValues);
+			return;
+		}
+		const sanitizedValue = value[0];
+		newValues[index] = sanitizedValue !== null && sanitizedValue !== void 0 ? sanitizedValue : "";
+		setValues(newValues);
+		const next = inputRefs[Math.min(index + 1, fields - 1)];
+		next === null || next === void 0 || (_next$current = next.current) === null || _next$current === void 0 || _next$current.focus();
+		triggerChange(newValues);
+	};
+	const inputOnKeyDown = (index) => (event) => {
+		const prevIndex = index - 1;
+		const nextIndex = index + 1;
+		const first = inputRefs[0];
+		const last = inputRefs.at(-1);
+		const prev = inputRefs[prevIndex];
+		const next = inputRefs[nextIndex];
+		const vals = [...values];
+		switch (event.key) {
+			case "Backspace":
+				event.preventDefault();
+				if (values[index]) {
+					vals[index] = "";
+					setValues(vals);
+					triggerChange(vals);
+				} else if (prev) {
+					var _prev$current;
+					vals[prevIndex] = "";
+					prev === null || prev === void 0 || (_prev$current = prev.current) === null || _prev$current === void 0 || _prev$current.focus();
+					setValues(vals);
+					triggerChange(vals);
+				}
+				break;
+			case "ArrowLeft":
+				var _prev$current2;
+				event.preventDefault();
+				prev === null || prev === void 0 || (_prev$current2 = prev.current) === null || _prev$current2 === void 0 || _prev$current2.focus();
+				break;
+			case "ArrowRight":
+				var _next$current2;
+				event.preventDefault();
+				next === null || next === void 0 || (_next$current2 = next.current) === null || _next$current2 === void 0 || _next$current2.focus();
+				break;
+			case "ArrowUp":
+				var _first$current;
+				event.preventDefault();
+				first === null || first === void 0 || (_first$current = first.current) === null || _first$current === void 0 || _first$current.focus();
+				break;
+			case "ArrowDown":
+				var _last$current;
+				event.preventDefault();
+				last === null || last === void 0 || (_last$current = last.current) === null || _last$current === void 0 || _last$current.focus();
+				break;
+			default: break;
+		}
+	};
+	const inputOnPaste = (currentIndex) => (event) => {
+		var _next$current3;
+		event.preventDefault();
+		const pastedValue = [...event.clipboardData.getData("Text")].map((copiedValue) => type === "number" ? copiedValue.replace(/[^\d]/gi, "") : copiedValue);
+		pastedValue.splice(fields - currentIndex < pastedValue.length ? fields - currentIndex : pastedValue.length);
+		setValues((vals) => {
+			const newArray = structuredClone(vals);
+			newArray.splice(currentIndex, pastedValue.length, ...pastedValue);
+			return newArray;
+		});
+		const next = inputRefs[Math.min(currentIndex + pastedValue.filter((item) => item !== "").length, inputRefs.length - 1)];
+		next === null || next === void 0 || (_next$current3 = next.current) === null || _next$current3 === void 0 || _next$current3.focus();
+		triggerChange(pastedValue);
+	};
+	const sentiment = useMemo(() => {
+		if (error) return "danger";
+		if (success) return "success";
+		return "neutral";
+	}, [error, success]);
+	return /* @__PURE__ */ jsxs("fieldset", {
+		className: cn(className, filedSetClass),
+		"data-testid": dataTestId,
+		style,
+		children: [
+			label || labelDescription ? /* @__PURE__ */ jsx(Label, {
+				htmlFor: `${id}-0`,
+				id: `${id}-label`,
+				labelDescription,
+				required,
+				size: size === "xlarge" ? "large" : size,
+				children: label
+			}) : null,
+			/* @__PURE__ */ jsx("div", { children: values.map((value, index) => {
+				var _placeholder$index;
+				return /* @__PURE__ */ jsx("input", {
+					"aria-invalid": !!error,
+					"aria-label": `${ariaLabel} ${index}`,
+					autoComplete: "off",
+					className: cn(inputSizes[size], inputClass),
+					"data-success": !!success,
+					"data-testid": index,
+					disabled,
+					id: `${id}-${index}`,
+					onChange: inputOnChange(index),
+					onFocus: inputOnFocus,
+					onKeyDown: inputOnKeyDown(index),
+					onPaste: inputOnPaste(index),
+					pattern: type === "number" ? "[0-9]*" : void 0,
+					placeholder: (_placeholder$index = placeholder === null || placeholder === void 0 ? void 0 : placeholder[index]) !== null && _placeholder$index !== void 0 ? _placeholder$index : "",
+					ref: inputRefs[index],
+					required,
+					type: type === "number" ? "tel" : type,
+					value
+				}, `field-${index}`);
+			}) }),
+			error || typeof success === "string" || typeof helper === "string" ? /* @__PURE__ */ jsx(Text, {
+				as: "p",
+				disabled,
+				prominence: error || success ? "default" : "weak",
+				sentiment,
+				variant: "caption",
+				children: (_ref = error || success) !== null && _ref !== void 0 ? _ref : helper
+			}) : null,
+			!(error || success) && typeof helper !== "string" && helper ? helper : null
+		]
+	});
 };
+
+//#endregion
+export { VerificationCode };

package/dist/components/VerificationCode/styles.css.d.ts

@@ -1,4 +1,4 @@
-export declare const inputSizes: Record<"small" | "large" | "medium" | "xlarge", string>;
+export declare const inputSizes: Record<"large" | "medium" | "small" | "xlarge", string>;
 export declare const inputClass: string;
 export declare const filedSetClass: string;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/VerificationCode/styles.css.js

@@ -1,9 +1,14 @@
-/* empty css                          */
-var inputSizes = { large: "uv_1k9synd0", medium: "uv_1k9synd1", small: "uv_1k9synd2", xlarge: "uv_1k9synd3" };
+/* empty css                      */
+
+//#region src/components/VerificationCode/styles.css.ts
+var inputSizes = {
+	large: "uv_1k9synd0",
+	medium: "uv_1k9synd1",
+	small: "uv_1k9synd2",
+	xlarge: "uv_1k9synd3"
+};
 var inputClass = "uv_1k9synd4";
 var filedSetClass = "uv_1k9synd5";
-export {
-  filedSetClass,
-  inputClass,
-  inputSizes
-};
+
+//#endregion
+export { filedSetClass, inputClass, inputSizes };

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

@@ -0,0 +1,30 @@
+import type { Dispatch, ReactNode, SetStateAction } from 'react';
+type OfferListContextValue = {
+    selectable: 'radio' | 'checkbox';
+    radioSelectedRow: string | undefined;
+    setRadioSelectedRow: Dispatch<SetStateAction<string | undefined>>;
+    expandable?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    onChangeSelect?: (selected: string | string[]) => void;
+    autoCollapse?: boolean;
+    checkboxSelectedRows: string[];
+    setCheckboxSelectedRows: Dispatch<SetStateAction<string[]>>;
+};
+type OfferListProviderProps = {
+    selectable: 'radio' | 'checkbox';
+    children: ReactNode;
+    expandable?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    onChangeSelect?: (selected: string | string[]) => void;
+    autoCollapse?: boolean;
+    radioSelectedRow: string | undefined;
+    setRadioSelectedRow: Dispatch<SetStateAction<string | undefined>>;
+    checkboxSelectedRows: string[];
+    setCheckboxSelectedRows: Dispatch<SetStateAction<string[]>>;
+};
+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 {};
+//# sourceMappingURL=OfferListProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OfferListProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/compositions/OfferList/OfferListProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAGhE,KAAK,qBAAqB,GAAG;IAC3B,UAAU,EAAE,OAAO,GAAG,UAAU,CAAA;IAChC,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,mBAAmB,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAA;IACjE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IACtD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,oBAAoB,EAAE,MAAM,EAAE,CAAA;IAC9B,uBAAuB,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;CAC5D,CAAA;AAKD,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,OAAO,GAAG,UAAU,CAAA;IAChC,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IACtD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,mBAAmB,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAA;IACjE,oBAAoB,EAAE,MAAM,EAAE,CAAA;IAC9B,uBAAuB,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;CAC5D,CAAA;AAED,eAAO,MAAM,iBAAiB,mPA6B7B,CAAA;AAGD,eAAO,MAAM,mBAAmB,6BAU/B,CAAA"}

package/dist/components/compositions/OfferList/OfferListProvider.js

@@ -0,0 +1,29 @@
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/compositions/OfferList/OfferListProvider.tsx
+const OfferListContext = createContext(void 0);
+const OfferListProvider = ({ selectable, children, expandable, disabled, loading, onChangeSelect, autoCollapse, radioSelectedRow, setRadioSelectedRow, checkboxSelectedRows, setCheckboxSelectedRows }) => /* @__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");
+	return context;
+};
+
+//#endregion
+export { OfferListProvider, useOfferListContext };

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

@@ -0,0 +1,13 @@
+import type { ComponentProps, ReactNode } from 'react';
+import { List } from '../../../List';
+type BannerProps = {
+    children: ReactNode;
+    sentiment?: ComponentProps<typeof List.Row>['sentiment'];
+    disabled?: boolean;
+    colSpan?: number;
+    type?: 'cell' | 'div';
+    shouldHavePrimaryBorder?: boolean;
+};
+export declare const Banner: ({ children, sentiment, disabled, colSpan, type, shouldHavePrimaryBorder, }: BannerProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Banner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/OfferList/components/Banner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAUpC,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,CAAA;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACrB,uBAAuB,CAAC,EAAE,OAAO,CAAA;CAClC,CAAA;AAED,eAAO,MAAM,MAAM,sIAsChB,CAAA"}

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

@@ -0,0 +1,41 @@
+'use client';
+import { __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Stack } from "../../../Stack/index.js";
+import { Text } from "../../../Text/index.js";
+import { List } from "../../../List/index.js";
+import { offerListBanner, offerListBannerCell, offerListBannerStack, offerListBannerText } from "../styles.css.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/compositions/OfferList/components/Banner.tsx
+const Banner = ({ children, sentiment = "neutral", disabled, colSpan = 1e3, type = "div", shouldHavePrimaryBorder }) => 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
+		})
+	})
+});
+
+//#endregion
+export { Banner };

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

@@ -0,0 +1,8 @@
+export declare const Cell: ({ children, className, 'data-testid': dataTestId, colSpan, style, }: {
+    children?: import("react").ReactNode;
+    className?: string | undefined;
+    'data-testid'?: string | undefined;
+    colSpan?: number | undefined;
+    style?: import("react").CSSProperties | undefined;
+} & import("react").RefAttributes<HTMLTableCellElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Cell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/OfferList/components/Cell.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,IAAI;;;;;;mGA6BhB,CAAA"}

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

@@ -0,0 +1,32 @@
+'use client';
+import { __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { Skeleton } from "../../../Skeleton/index.js";
+import { List } from "../../../List/index.js";
+import { useOfferListContext } from "../OfferListProvider.js";
+import { offerListCell, offerListCellNoRadius, offerListLoadingCell, offerListSelectedCell } from "../styles.css.js";
+import { useOfferListRowContext } from "./OfferListRowProvider.js";
+import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/compositions/OfferList/components/Cell.tsx
+const Cell = ({ children, className, "data-testid": dataTestId, colSpan, style }) => {
+	const { loading } = useOfferListContext();
+	const { selected, banner } = useOfferListRowContext();
+	return loading ? /* @__PURE__ */ jsx(List.Cell, {
+		className: offerListLoadingCell,
+		style,
+		children: /* @__PURE__ */ jsx(Skeleton, {
+			"data-state": loading,
+			variant: "line"
+		})
+	}) : /* @__PURE__ */ jsx(List.Cell, {
+		className: cn(className, offerListCell, selected ? offerListSelectedCell : "", banner ? offerListCellNoRadius : ""),
+		colSpan,
+		"data-testid": dataTestId,
+		style,
+		children
+	});
+};
+
+//#endregion
+export { Cell };

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

@@ -0,0 +1,9 @@
+export declare const OfferListRowContext: import("react").Context<{
+    selected: boolean;
+    banner: boolean;
+}>;
+export declare const useOfferListRowContext: () => {
+    selected: boolean;
+    banner: boolean;
+};
+//# sourceMappingURL=OfferListRowProvider.d.ts.map

package/dist/components/compositions/OfferList/components/OfferListRowProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OfferListRowProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/OfferList/components/OfferListRowProvider.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;EAG9B,CAAA;AAEF,eAAO,MAAM,sBAAsB;;;CAAwC,CAAA"}

package/dist/components/compositions/OfferList/components/OfferListRowProvider.js

@@ -0,0 +1,12 @@
+import { __name } from "../../../../_virtual/_rolldown/runtime.js";
+import { createContext, useContext } from "react";
+
+//#region src/components/compositions/OfferList/components/OfferListRowProvider.tsx
+const OfferListRowContext = createContext({
+	selected: false,
+	banner: false
+});
+const useOfferListRowContext = () => useContext(OfferListRowContext);
+
+//#endregion
+export { OfferListRowContext, useOfferListRowContext };

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

@@ -0,0 +1,19 @@
+import type { ComponentProps, CSSProperties, ReactNode } from 'react';
+import { Badge as BadgeUV } from '../../../Badge';
+import { List } from '../../../List';
+type RowProps = ComponentProps<typeof List.Row> & {
+    banner?: {
+        text: ReactNode;
+        sentiment?: 'neutral' | 'primary' | 'warning' | 'danger';
+    };
+    offerName: string;
+    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("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Row.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../../../src/components/compositions/OfferList/components/Row.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAGjD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAoBpC,KAAK,QAAQ,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG;IAChD,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,SAAS,CAAA;QACf,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;KACzD,CAAA;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAA;QACZ,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;QACvD,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,YAAY,CAAC,CAAA;KAC1D,CAAA;IACD,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,GAAG,0RA6Pf,CAAA"}