@ultraviolet/ui 3.12.3 → 3.13.1

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

@@ -0,0 +1,162 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Button, init_Button } from "../../../components/Button/index.js";
+import { List, init_List } from "../../../components/List/index.js";
+import { init_OfferListProvider, useOfferListContext } from "../OfferListProvider.js";
+import { expandablePadding, init_styles_css, offerListStyle } from "../styles.css.js";
+import { OfferListRowContext, init_OfferListRowProvider } from "./OfferListRowProvider.js";
+import { Banner, init_Banner } from "./Banner.js";
+import { SelectableCell, init_SelectableCell } from "./SelectableCell.js";
+import { Children, useCallback, useMemo, useState } from "react";
+import { theme } from "@ultraviolet/themes";
+import { cn } from "@ultraviolet/utils";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
+import { ArrowUpIcon } from "@ultraviolet/icons/ArrowUpIcon";
+
+//#region src/compositions/OfferList/components/Row.tsx
+var Row;
+var init_Row = __esmMin(() => {
+	init_Button();
+	init_List();
+	init_OfferListProvider();
+	init_styles_css();
+	init_Banner();
+	init_OfferListRowProvider();
+	init_SelectableCell();
+	Row = ({ children, disabled, id, banner, expandablePadding: expandablePadding$1, offerName, expandable: expandableContent, selectDisabled, highlightAnimation, expanded, className, "data-dragging": dataDragging, "data-testid": dataTestId, style, badge }) => {
+		const { selectable, radioSelectedRow, setRadioSelectedRow, checkboxSelectedRows, setCheckboxSelectedRows, expandable, loading, onChangeSelect, autoCollapse } = useOfferListContext();
+		const { expandedRowIds, collapseRow, expandRow } = List.useListContext();
+		const [isHovered, setHovered] = useState(false);
+		const childrenNumber = Children.count(children) + (selectable ? 1 : 0) + (expandable ? 1 : 0);
+		const toggleRowExpand = useCallback(() => {
+			if (!loading) if (expandedRowIds[id]) collapseRow(id);
+			else expandRow(id);
+		}, [
+			collapseRow,
+			expandRow,
+			expandedRowIds,
+			id,
+			loading
+		]);
+		const computedExpandableContent = useMemo(() => {
+			if (expandable && !loading && expandedRowIds[id] && banner) return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+				className: offerListStyle.rowExpandable,
+				style: assignInlineVars({ [expandablePadding]: theme.space[expandablePadding$1 !== null && expandablePadding$1 !== void 0 ? expandablePadding$1 : 2] }),
+				children: expandableContent
+			}), /* @__PURE__ */ jsx(Banner, {
+				disabled,
+				sentiment: banner.sentiment,
+				children: banner.text
+			})] });
+			if (expandable && !loading) return expandableContent;
+		}, [
+			expandable,
+			loading,
+			expandedRowIds,
+			banner,
+			expandablePadding$1,
+			id,
+			expandableContent,
+			disabled
+		]);
+		const isRowSelected = useMemo(() => {
+			if (selectable === "radio") return radioSelectedRow === offerName;
+			return checkboxSelectedRows.includes(offerName);
+		}, [
+			offerName,
+			checkboxSelectedRows,
+			radioSelectedRow,
+			selectable
+		]);
+		const isSelected = selectable === "radio" ? radioSelectedRow === offerName : checkboxSelectedRows.includes(offerName);
+		const handleChangeCheckbox = () => {
+			if (isRowSelected) {
+				const newSelectedList = checkboxSelectedRows.filter((element) => element !== offerName);
+				setCheckboxSelectedRows(newSelectedList);
+				onChangeSelect === null || onChangeSelect === void 0 || onChangeSelect(newSelectedList);
+			} else {
+				const newSelectedList = [...checkboxSelectedRows, offerName];
+				setCheckboxSelectedRows(newSelectedList);
+				onChangeSelect === null || onChangeSelect === void 0 || onChangeSelect(newSelectedList);
+			}
+			if (expandedRowIds[id]) expandRow(id);
+			else if (!autoCollapse) collapseRow(id);
+		};
+		const handleChangeRadio = () => {
+			setRadioSelectedRow(offerName);
+			onChangeSelect === null || onChangeSelect === void 0 || onChangeSelect(offerName);
+		};
+		const offerListRowContextValue = useMemo(() => ({
+			selected: isSelected,
+			banner: !!banner
+		}), [isSelected, banner]);
+		return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(List.Row, {
+			className: cn(className, banner ? offerListStyle.rowBanner : "", isSelected ? offerListStyle.rowSelected : "", expandable ? offerListStyle.rowSelectedExpandable : offerListStyle.rowSelectedNotExpandable),
+			"data-dragging": dataDragging,
+			"data-testid": dataTestId,
+			disabled,
+			disabledClickRowToExpand: true,
+			expandable: computedExpandableContent,
+			expandablePadding: banner ? "0" : void 0,
+			expanded: expanded !== null && expanded !== void 0 ? expanded : expandedRowIds[id],
+			highlightAnimation,
+			id,
+			onClick: () => {
+				if (selectDisabled || disabled || loading) return;
+				if (selectable === "radio") handleChangeRadio();
+				if (selectable === "checkbox") handleChangeCheckbox();
+			},
+			onMouseEnter: () => setHovered(true),
+			onMouseLeave: () => setHovered(false),
+			selectDisabled,
+			style,
+			children: [
+				/* @__PURE__ */ jsx(SelectableCell, {
+					badge,
+					banner,
+					disabled,
+					handleChangeCheckbox,
+					handleChangeRadio,
+					id,
+					isRowSelected,
+					isSelected,
+					loading,
+					selectDisabled
+				}),
+				expandable ? /* @__PURE__ */ jsx(List.Cell, {
+					className: cn(offerListStyle.noPaddingCell, isSelected ? offerListStyle.selectedCell : ""),
+					children: /* @__PURE__ */ jsx(Button, {
+						"aria-label": "expand",
+						"data-testid": "list-expand-button",
+						disabled: (disabled !== null && disabled !== void 0 ? disabled : !expandable) || loading,
+						onClick: (event) => {
+							event.stopPropagation();
+							toggleRowExpand();
+						},
+						sentiment: "neutral",
+						size: "small",
+						variant: "ghost",
+						children: expandedRowIds[id] ? /* @__PURE__ */ jsx(ArrowUpIcon, {}) : /* @__PURE__ */ jsx(ArrowDownIcon, {})
+					})
+				}) : null,
+				/* @__PURE__ */ jsx(OfferListRowContext.Provider, {
+					value: offerListRowContextValue,
+					children
+				})
+			]
+		}), banner && !expandedRowIds[id] ? /* @__PURE__ */ jsx(Banner, {
+			colSpan: childrenNumber,
+			disabled,
+			sentiment: banner.sentiment,
+			shouldHavePrimaryBorder: isHovered || isRowSelected,
+			type: "cell",
+			children: banner.text
+		}) : null] });
+	};
+});
+
+//#endregion
+init_Row();
+export { Row, init_Row };

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

@@ -0,0 +1,22 @@
+import { Badge as BadgeUV } from '../../../components/Badge';
+import type { ComponentProps, ReactNode } from 'react';
+export declare const SelectableCell: ({ disabled, loading, selectDisabled, isSelected, banner, badge, id, isRowSelected, handleChangeCheckbox, handleChangeRadio, }: {
+    disabled?: boolean;
+    loading?: boolean;
+    selectDisabled?: string | boolean;
+    isSelected: boolean;
+    banner?: {
+        text: ReactNode;
+        sentiment?: 'neutral' | 'primary' | 'warning' | 'danger';
+    };
+    badge?: {
+        text: string;
+        sentiment?: ComponentProps<typeof BadgeUV>['sentiment'];
+        prominence?: ComponentProps<typeof BadgeUV>['prominence'];
+    };
+    id: string;
+    isRowSelected: boolean;
+    handleChangeRadio: () => void;
+    handleChangeCheckbox: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectableCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableCell.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OfferList/components/SelectableCell.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAQ5D,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,eAAO,MAAM,cAAc,kIAWxB;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACjC,UAAU,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,SAAS,CAAA;QACf,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;KACzD,CAAA;IACD,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,EAAE,EAAE,MAAM,CAAA;IACV,aAAa,EAAE,OAAO,CAAA;IACtB,iBAAiB,EAAE,MAAM,IAAI,CAAA;IAC7B,oBAAoB,EAAE,MAAM,IAAI,CAAA;CACjC,4CAoEA,CAAA"}

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

@@ -0,0 +1,71 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Tooltip, init_Tooltip } from "../../../components/Tooltip/index.js";
+import { Badge, init_Badge } from "../../../components/Badge/index.js";
+import { Checkbox, init_Checkbox } from "../../../components/Checkbox/index.js";
+import { List, init_List } from "../../../components/List/index.js";
+import { init_OfferListProvider, useOfferListContext } from "../OfferListProvider.js";
+import { init_styles_css, offerListStyle } from "../styles.css.js";
+import { Radio, init_Radio } from "../../../components/Radio/index.js";
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/compositions/OfferList/components/SelectableCell.tsx
+var SelectableCell;
+var init_SelectableCell = __esmMin(() => {
+	init_Badge();
+	init_Checkbox();
+	init_List();
+	init_Radio();
+	init_Tooltip();
+	init_OfferListProvider();
+	init_styles_css();
+	SelectableCell = ({ disabled, loading, selectDisabled, isSelected, banner, badge, id, isRowSelected, handleChangeCheckbox, handleChangeRadio }) => {
+		const { selectable, expandable, autoCollapse } = useOfferListContext();
+		const { expandedRowIds, collapseRow, expandRow } = List.useListContext();
+		const isSelectableDisabled = disabled || loading || !!selectDisabled;
+		return /* @__PURE__ */ jsxs(List.Cell, {
+			className: cn(offerListStyle.noPaddingCell, isSelected ? offerListStyle.selectedCell : "", banner ? offerListStyle.cellNoRadius : ""),
+			children: [badge ? /* @__PURE__ */ jsx(Badge, {
+				className: offerListStyle.badge,
+				disabled,
+				prominence: badge.prominence,
+				sentiment: badge.sentiment,
+				size: "small",
+				children: badge.text
+			}) : null, /* @__PURE__ */ jsx("div", {
+				className: offerListStyle.rowSelectableContainer,
+				children: /* @__PURE__ */ jsx(Tooltip, {
+					text: typeof selectDisabled === "string" ? selectDisabled : void 0,
+					children: selectable === "radio" ? /* @__PURE__ */ jsx(Radio, {
+						"aria-label": `select-${id}`,
+						checked: isRowSelected,
+						disabled: isSelectableDisabled,
+						id,
+						name: `radio-offer-list-${id}`,
+						onChange: () => {
+							if (expandable) handleChangeRadio();
+							if (expandedRowIds[id]) expandRow(id);
+							else if (!autoCollapse) collapseRow(id);
+						},
+						value: id
+					}) : /* @__PURE__ */ jsx(Checkbox, {
+						"aria-label": "select",
+						checked: isRowSelected,
+						disabled: isSelectableDisabled,
+						id,
+						name: `checkbox-offer-list-${id}`,
+						onChange: () => {
+							if (expandable) handleChangeCheckbox();
+						},
+						value: id
+					})
+				})
+			})]
+		});
+	};
+});
+
+//#endregion
+init_SelectableCell();
+export { SelectableCell, init_SelectableCell };

package/dist/compositions/OfferList/index.d.ts

@@ -0,0 +1,74 @@
+import { List } from '../../components/List';
+import type { ComponentProps, CSSProperties } from 'react';
+type OfferListProps = Omit<ComponentProps<typeof List>, 'selectable' | 'onSelectedChange' | 'colMode'> & {
+    /**
+     * Make offerList selectable by choosing its type
+     */
+    type?: 'radio' | 'checkbox';
+    onChangeSelect?: (selected: string | string[]) => void;
+    /**
+     * Pre-selected rows (using their offerName). Must be an array when `type = "checkbox"`.
+     */
+    selected?: string | string[];
+    ['data-testid']?: string;
+    className?: string;
+    style?: CSSProperties;
+};
+export declare function OfferList({ expandable, type, columns, children, loading, autoCollapse, selected, onChangeSelect, className, style, 'data-testid': dataTestId }: OfferListProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace OfferList {
+    var 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?: (readonly ["primary", "secondary", "neutral", "success", "danger", "warning", "info"])[number];
+        expanded?: boolean;
+        className?: string;
+        expandablePadding?: "0" | "0.25" | "0.5" | "1" | "1.5" | "10" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9";
+        highlightAnimation?: boolean;
+        'data-testid'?: string;
+        style?: CSSProperties;
+        'data-dragging'?: boolean;
+        onMouseEnter?: import("react").MouseEventHandler<HTMLTableRowElement>;
+        onMouseLeave?: import("react").MouseEventHandler<HTMLTableRowElement>;
+        onClick?: (id: string) => void;
+        disabledClickRowToExpand?: boolean;
+    } & import("react").RefAttributes<HTMLTableRowElement> & {
+        banner?: {
+            text: import("react").ReactNode;
+            sentiment?: 'neutral' | 'primary' | 'warning' | 'danger';
+        };
+        offerName: string;
+        badge?: {
+            text: string;
+            sentiment?: ComponentProps<({ sentiment, size, prominence, disabled, className, children, 'data-testid': dataTestId, style, }: {
+                className?: string;
+                children: import("react").ReactNode;
+                'data-testid'?: string;
+                style?: CSSProperties;
+            } & {
+                disabled?: boolean | undefined;
+                prominence?: "default" | "strong" | undefined;
+                sentiment?: "black" | "danger" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "white" | undefined;
+                size?: "large" | "medium" | "small" | "xsmall" | undefined;
+            }) => import("react/jsx-runtime").JSX.Element>['sentiment'];
+            prominence?: ComponentProps<({ sentiment, size, prominence, disabled, className, children, 'data-testid': dataTestId, style, }: {
+                className?: string;
+                children: import("react").ReactNode;
+                'data-testid'?: string;
+                style?: CSSProperties;
+            } & {
+                disabled?: boolean | undefined;
+                prominence?: "default" | "strong" | undefined;
+                sentiment?: "black" | "danger" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "white" | undefined;
+                size?: "large" | "medium" | "small" | "xsmall" | undefined;
+            }) => import("react/jsx-runtime").JSX.Element>['prominence'];
+        };
+        style?: CSSProperties;
+    }) => import("react/jsx-runtime").JSX.Element;
+}
+export declare namespace OfferList {
+    var Cell: ({ children, className, 'data-testid': dataTestId, colSpan, style, }: ComponentProps<typeof List.Cell>) => import("react/jsx-runtime").JSX.Element;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/compositions/OfferList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/compositions/OfferList/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAO5C,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1D,KAAK,cAAc,GAAG,IAAI,CACxB,cAAc,CAAC,OAAO,IAAI,CAAC,EAC3B,YAAY,GAAG,kBAAkB,GAAG,SAAS,CAC9C,GAAG;IACF;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAA;IAC3B,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IACtD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC5B,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;kCAKyB,EACxB,UAAU,EACV,IAAc,EACd,OAAO,EACP,QAAQ,EACR,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,EAC1B,EAAE,cAAc"}

package/dist/compositions/OfferList/index.js

@@ -0,0 +1,62 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { List, init_List } from "../../components/List/index.js";
+import { OfferListProvider, init_OfferListProvider } from "./OfferListProvider.js";
+import { init_styles_css, offerListStyle } from "./styles.css.js";
+import { Cell, init_Cell } from "./components/Cell.js";
+import { Row, init_Row } from "./components/Row.js";
+import { useEffect, useState } from "react";
+import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/OfferList/index.tsx
+var OfferList;
+var init_OfferList = __esmMin(() => {
+	init_List();
+	init_Cell();
+	init_Row();
+	init_OfferListProvider();
+	init_styles_css();
+	OfferList = ({ expandable, type = "radio", columns, children, loading, autoCollapse, 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);
+		useEffect(() => {
+			if (selected) {
+				if (typeof selected === "string" && type === "radio") setRadioSelectedRow(selected);
+				if (Array.isArray(selected) && type === "checkbox") setCheckboxSelectedRows(selected);
+			}
+		}, [type, selected]);
+		return /* @__PURE__ */ jsx(OfferListProvider, {
+			autoCollapse,
+			checkboxSelectedRows,
+			expandable,
+			loading,
+			onChangeSelect,
+			radioSelectedRow,
+			selectable: type,
+			setCheckboxSelectedRows,
+			setRadioSelectedRow,
+			children: /* @__PURE__ */ jsx(List, {
+				autoCollapse,
+				className: cn(className, offerListStyle.offerList),
+				columns: computedColumns,
+				"data-testid": dataTestId,
+				expandable: false,
+				selectable: false,
+				style,
+				children
+			})
+		});
+	};
+	OfferList.Row = Row;
+	OfferList.Cell = Cell;
+});
+
+//#endregion
+init_OfferList();
+export { OfferList, init_OfferList };

package/dist/compositions/OfferList/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/compositions/OfferList/styles.css.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,iBAAiB,oBAAc,CAAA;AAuM5C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmB1B,CAAA"}

package/dist/compositions/OfferList/styles.css.js

@@ -0,0 +1,133 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/compositions/OfferList/styles.css.ts
+var expandablePadding, offerListStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	expandablePadding = "var(--uv_6c7s4u0)";
+	offerListStyle = {
+		expandablePadding: "var(--uv_6c7s4u0)",
+		offerList: "uv_6c7s4u1",
+		banner: "uv_6c7s4u2",
+		bannerText: createRuntimeFn({
+			defaultClassName: "uv_6c7s4u3",
+			variantClassNames: {
+				disabled: { true: "uv_6c7s4u4" },
+				primaryBorder: { false: "uv_6c7s4u5" },
+				sentiment: {
+					primary: "uv_6c7s4u6",
+					secondary: "uv_6c7s4u7",
+					neutral: "uv_6c7s4u8",
+					success: "uv_6c7s4u9",
+					danger: "uv_6c7s4ua",
+					warning: "uv_6c7s4ub",
+					info: "uv_6c7s4uc"
+				}
+			},
+			defaultVariants: {
+				disabled: false,
+				primaryBorder: false,
+				sentiment: "neutral"
+			},
+			compoundVariants: [
+				[{
+					disabled: false,
+					sentiment: "primary"
+				}, "uv_6c7s4ud"],
+				[{
+					disabled: false,
+					sentiment: "secondary"
+				}, "uv_6c7s4ue"],
+				[{
+					disabled: false,
+					sentiment: "neutral"
+				}, "uv_6c7s4uf"],
+				[{
+					disabled: false,
+					sentiment: "success"
+				}, "uv_6c7s4ug"],
+				[{
+					disabled: false,
+					sentiment: "danger"
+				}, "uv_6c7s4uh"],
+				[{
+					disabled: false,
+					sentiment: "warning"
+				}, "uv_6c7s4ui"],
+				[{
+					disabled: false,
+					sentiment: "info"
+				}, "uv_6c7s4uj"],
+				[{
+					disabled: true,
+					sentiment: "primary"
+				}, "uv_6c7s4uk"],
+				[{
+					disabled: true,
+					sentiment: "secondary"
+				}, "uv_6c7s4ul"],
+				[{
+					disabled: true,
+					sentiment: "neutral"
+				}, "uv_6c7s4um"],
+				[{
+					disabled: true,
+					sentiment: "success"
+				}, "uv_6c7s4un"],
+				[{
+					disabled: true,
+					sentiment: "danger"
+				}, "uv_6c7s4uo"],
+				[{
+					disabled: true,
+					sentiment: "warning"
+				}, "uv_6c7s4up"],
+				[{
+					disabled: true,
+					sentiment: "info"
+				}, "uv_6c7s4uq"],
+				[{
+					disabled: false,
+					primaryBorder: true
+				}, "uv_6c7s4ur"],
+				[{
+					disabled: true,
+					primaryBorder: true
+				}, "uv_6c7s4us"]
+			]
+		}),
+		bannerCell: "uv_6c7s4ut",
+		bannerStack: createRuntimeFn({
+			defaultClassName: "uv_6c7s4uu",
+			variantClassNames: { sentiment: {
+				primary: "uv_6c7s4uv",
+				secondary: "uv_6c7s4uw",
+				neutral: "uv_6c7s4ux",
+				success: "uv_6c7s4uy",
+				danger: "uv_6c7s4uz",
+				warning: "uv_6c7s4u10",
+				info: "uv_6c7s4u11"
+			} },
+			defaultVariants: { sentiment: "neutral" },
+			compoundVariants: []
+		}),
+		badge: "uv_6c7s4u12",
+		noPaddingCell: "uv_6c7s4u13",
+		rowSelected: "uv_6c7s4u14",
+		rowSelectedNotExpandable: "uv_6c7s4u15",
+		rowSelectedExpandable: "uv_6c7s4u16",
+		rowBanner: "uv_6c7s4u17",
+		cellNoRadius: "uv_6c7s4u18",
+		rowSelectableContainer: "uv_6c7s4u19",
+		rowExpandable: "uv_6c7s4u1a",
+		cell: "uv_6c7s4u1b",
+		loadingCell: "uv_6c7s4u1c",
+		selectedCell: "uv_6c7s4u1d"
+	};
+});
+
+//#endregion
+init_styles_css();
+export { expandablePadding, init_styles_css, offerListStyle };

package/dist/compositions/OfferList/styles.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/compositions/OfferList/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/compositions/OptionSelector/__mock__/resources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resources.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OptionSelector/__mock__/resources.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,oBAAoB;;;;GA2ChC,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;IAwEzB,CAAA;AAED,eAAO,MAAM,aAAa;;;;;GAmEzB,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;GAmE9B,CAAA;AAED,MAAM,MAAM,SAAS,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA"}

package/dist/compositions/OptionSelector/components/ArrowIcon.d.ts

@@ -0,0 +1,5 @@
+export declare const Arrow: ({ direction, size, }: {
+    direction: 'vertical' | 'horizontal';
+    size: 'small' | 'large' | 'medium';
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ArrowIcon.d.ts.map

package/dist/compositions/OptionSelector/components/ArrowIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowIcon.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OptionSelector/components/ArrowIcon.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK,yBAGf;IACD,SAAS,EAAE,UAAU,GAAG,YAAY,CAAA;IACpC,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;CACnC,4CAeE,CAAA"}

package/dist/compositions/OptionSelector/components/ArrowIcon.js

@@ -0,0 +1,26 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, optionSelectorStyle } from "../styles.css.js";
+import { jsx } from "react/jsx-runtime";
+import { RayStartArrowIcon } from "@ultraviolet/icons/RayStartArrowIcon";
+import { RayTopArrowIcon } from "@ultraviolet/icons/RayTopArrowIcon";
+
+//#region src/compositions/OptionSelector/components/ArrowIcon.tsx
+var Arrow;
+var init_ArrowIcon = __esmMin(() => {
+	init_styles_css();
+	Arrow = ({ direction, size }) => direction === "vertical" ? /* @__PURE__ */ jsx(RayTopArrowIcon, {
+		className: optionSelectorStyle.arrow.vertical,
+		prominence: "weak",
+		sentiment: "neutral",
+		size
+	}) : /* @__PURE__ */ jsx(RayStartArrowIcon, {
+		className: optionSelectorStyle.arrow.horizontal,
+		prominence: "weak",
+		sentiment: "neutral",
+		size
+	});
+});
+
+//#endregion
+init_ArrowIcon();
+export { Arrow, init_ArrowIcon };

package/dist/compositions/OptionSelector/components/IconWithContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconWithContent.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OptionSelector/components/IconWithContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,eAAO,MAAM,eAAe,uBAGzB;IACD,OAAO,EAAE,SAAS,CAAA;IAClB,IAAI,EAAE,SAAS,CAAA;CAChB,4CAKA,CAAA"}

package/dist/compositions/OptionSelector/components/IconWithContent.js

@@ -0,0 +1,19 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../../components/Stack/index.js";
+import { jsxs } from "react/jsx-runtime";
+
+//#region src/compositions/OptionSelector/components/IconWithContent.tsx
+var IconWithContent;
+var init_IconWithContent = __esmMin(() => {
+	init_Stack();
+	IconWithContent = ({ content, icon }) => /* @__PURE__ */ jsxs(Stack, {
+		alignItems: "center",
+		direction: "row",
+		gap: "1.5",
+		children: [icon, content]
+	});
+});
+
+//#endregion
+init_IconWithContent();
+export { IconWithContent, init_IconWithContent };

package/dist/compositions/OptionSelector/components/RevealOnHover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RevealOnHover.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OptionSelector/components/RevealOnHover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,eAAO,MAAM,aAAa,+BAGvB;IACD,OAAO,EAAE,SAAS,CAAA;IAClB,YAAY,EAAE,SAAS,CAAA;CACxB,4CAYA,CAAA"}

package/dist/compositions/OptionSelector/components/RevealOnHover.js

@@ -0,0 +1,22 @@
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, optionSelectorStyle } from "../styles.css.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/compositions/OptionSelector/components/RevealOnHover.tsx
+var RevealOnHover;
+var init_RevealOnHover = __esmMin(() => {
+	init_styles_css();
+	RevealOnHover = ({ content, hoverContent }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+		className: optionSelectorStyle.revealOnHover,
+		"data-visibility": "unhover",
+		children: content
+	}), /* @__PURE__ */ jsx("div", {
+		className: optionSelectorStyle.revealOnHover,
+		"data-visibility": "hover",
+		children: hoverContent
+	})] });
+});
+
+//#endregion
+init_RevealOnHover();
+export { RevealOnHover, init_RevealOnHover };

package/dist/compositions/OptionSelector/components/Selector.d.ts

@@ -0,0 +1,10 @@
+import type { DataType } from '../../../components/SelectInput/types';
+import type { OptionSelectorProps } from '../types';
+export declare const Selector: ({ isFirst, isHorizontal, disabled, size, error, onChange, options, readOnly, required, value, direction, firstSelector: selector, }: Pick<OptionSelectorProps, 'size' | 'disabled' | 'error' | 'readOnly' | 'required' | 'direction' | 'firstSelector'> & {
+    isFirst?: boolean;
+    isHorizontal: boolean;
+    onChange: (val: string) => void;
+    options: DataType;
+    value?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Selector.d.ts.map

package/dist/compositions/OptionSelector/components/Selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Selector.d.ts","sourceRoot":"","sources":["../../../../src/compositions/OptionSelector/components/Selector.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAA;AACrE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAEnD,eAAO,MAAM,QAAQ,wIAalB,IAAI,CACL,mBAAmB,EACjB,MAAM,GACN,UAAU,GACV,OAAO,GACP,UAAU,GACV,UAAU,GACV,WAAW,GACX,eAAe,CAClB,GAAG;IACF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,EAAE,OAAO,CAAA;IACrB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,OAAO,EAAE,QAAQ,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,4CA6BA,CAAA"}