@povio/ui 3.4.0-rc.8 → 3.4.0-rc.9

package/dist/components/table/Table.js

@@ -1,4 +1,4 @@
-import { ReactIconsSpriteIcon } from "../../node_modules/.pnpm/react-icons-sprite@1.2.0-rc.2_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js";
+"use no memo";
 import { UIOverrides } from "../../config/uiOverrides.context.js";
 import { InlineIconButton } from "../buttons/InlineIconButton/InlineIconButton.js";
 import { useIntersectionObserver } from "../../hooks/useIntersectionObserver.js";
@@ -6,10 +6,10 @@ import { tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, t
 import { CellText } from "./CellText.js";
 import { HeaderText } from "./HeaderText.js";
 import { useTableNav } from "../../hooks/useTableNav.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronUp, GripVertical } from "lucide-react";
 import { clsx } from "clsx";
 import { useCallback, useMemo, useRef, useState } from "react";
-import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { DndContext, KeyboardSensor, MouseSensor, TouchSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
 import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
 import { SortableContext, arrayMove, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
@@ -29,155 +29,48 @@ var renderCell = (Comp, props) => {
 	const rendered = flexRender(Comp, props);
 	return typeof rendered === "string" ? /* @__PURE__ */ jsx(CellText, { children: rendered }) : rendered;
 };
-var RowDragHandleCell = (t0) => {
-	const $ = c(5);
-	const { rowId } = t0;
-	let t1;
-	if ($[0] !== rowId) {
-		t1 = { id: rowId };
-		$[0] = rowId;
-		$[1] = t1;
-	} else t1 = $[1];
-	const { attributes, listeners } = useSortable(t1);
-	let t2;
-	if ($[2] !== attributes || $[3] !== listeners) {
-		t2 = /* @__PURE__ */ jsx(InlineIconButton, {
-			...attributes,
-			...listeners,
-			className: "cursor-move p-1",
-			label: "Drag handle",
-			icon: _temp
-		});
-		$[2] = attributes;
-		$[3] = listeners;
-		$[4] = t2;
-	} else t2 = $[4];
-	return t2;
-};
-var AutoDragHandleCell = (t0) => {
-	const $ = c(2);
-	const { row } = t0;
-	let t1;
-	if ($[0] !== row.id) {
-		t1 = /* @__PURE__ */ jsx(RowDragHandleCell, { rowId: row.id });
-		$[0] = row.id;
-		$[1] = t1;
-	} else t1 = $[1];
-	return t1;
+var RowDragHandleCell = ({ rowId }) => {
+	const { attributes, listeners } = useSortable({ id: rowId });
+	return /* @__PURE__ */ jsx(InlineIconButton, {
+		...attributes,
+		...listeners,
+		className: "cursor-move p-1",
+		label: "Drag handle",
+		icon: GripVertical
+	});
 };
-var DraggableRow = (t0) => {
-	const $ = c(36);
-	const { row, showCellBorder, onRowClick, onDoubleClick, tableRowCva, tableDataCva, hasOnClick, ...props } = t0;
-	let t1;
-	if ($[0] !== row.id) {
-		t1 = { id: row.id };
-		$[0] = row.id;
-		$[1] = t1;
-	} else t1 = $[1];
-	const { transform, transition, setNodeRef, isDragging } = useSortable(t1);
-	let t2;
-	if ($[2] !== transform) {
-		t2 = CSS.Transform.toString(transform);
-		$[2] = transform;
-		$[3] = t2;
-	} else t2 = $[3];
-	const t3 = isDragging ? .8 : 1;
-	const t4 = isDragging ? 1 : 0;
-	let t5;
-	if ($[4] !== t2 || $[5] !== t3 || $[6] !== t4 || $[7] !== transition) {
-		t5 = {
-			transform: t2,
+var AutoDragHandleCell = ({ row }) => /* @__PURE__ */ jsx(RowDragHandleCell, { rowId: row.id });
+var DraggableRow = ({ row, showCellBorder, onRowClick, onDoubleClick, tableRowCva, tableDataCva, hasOnClick, ...props }) => {
+	const { transform, transition, setNodeRef, isDragging } = useSortable({ id: row.id });
+	return /* @__PURE__ */ jsx("tr", {
+		ref: setNodeRef,
+		style: {
+			transform: CSS.Transform.toString(transform),
 			transition,
-			opacity: t3,
-			zIndex: t4,
+			opacity: isDragging ? .8 : 1,
+			zIndex: isDragging ? 1 : 0,
 			position: "relative"
-		};
-		$[4] = t2;
-		$[5] = t3;
-		$[6] = t4;
-		$[7] = transition;
-		$[8] = t5;
-	} else t5 = $[8];
-	const style = t5;
-	let t6;
-	if ($[9] !== hasOnClick || $[10] !== row) {
-		t6 = hasOnClick || row.getCanSelect() || void 0;
-		$[9] = hasOnClick;
-		$[10] = row;
-		$[11] = t6;
-	} else t6 = $[11];
-	let t7;
-	if ($[12] !== row) {
-		t7 = row.getIsSelected() || void 0;
-		$[12] = row;
-		$[13] = t7;
-	} else t7 = $[13];
-	const t8 = clsx(tableRowCva(props));
-	let t9;
-	if ($[14] !== onRowClick || $[15] !== row) {
-		t9 = () => {
+		},
+		"data-clickable": hasOnClick || row.getCanSelect() || void 0,
+		"data-selected": row.getIsSelected() || void 0,
+		className: clsx(tableRowCva(props)),
+		onClick: () => {
 			if (onRowClick) {
 				onRowClick(row.original);
 				return;
 			}
 			if (row.getCanSelect()) row.toggleSelected();
-		};
-		$[14] = onRowClick;
-		$[15] = row;
-		$[16] = t9;
-	} else t9 = $[16];
-	let t10;
-	if ($[17] !== onDoubleClick || $[18] !== row.original) {
-		t10 = () => onDoubleClick?.(row.original);
-		$[17] = onDoubleClick;
-		$[18] = row.original;
-		$[19] = t10;
-	} else t10 = $[19];
-	let t11;
-	if ($[20] !== row || $[21] !== showCellBorder || $[22] !== tableDataCva) {
-		let t12;
-		if ($[24] !== showCellBorder || $[25] !== tableDataCva) {
-			t12 = (cell, cellIndex) => {
-				const columnMeta = cell.column.columnDef.meta ?? {};
-				return /* @__PURE__ */ jsx("td", {
-					tabIndex: -1,
-					className: clsx(tableDataCva({ hasRightBorder: cellIndex > 0 && showCellBorder }), columnMeta.cellClass, columnMeta.width),
-					children: renderCell(cell.column.columnDef.cell, CustomCellContext(cell.getContext()))
-				}, cell.id);
-			};
-			$[24] = showCellBorder;
-			$[25] = tableDataCva;
-			$[26] = t12;
-		} else t12 = $[26];
-		t11 = row.getVisibleCells().map(t12);
-		$[20] = row;
-		$[21] = showCellBorder;
-		$[22] = tableDataCva;
-		$[23] = t11;
-	} else t11 = $[23];
-	let t12;
-	if ($[27] !== setNodeRef || $[28] !== style || $[29] !== t10 || $[30] !== t11 || $[31] !== t6 || $[32] !== t7 || $[33] !== t8 || $[34] !== t9) {
-		t12 = /* @__PURE__ */ jsx("tr", {
-			ref: setNodeRef,
-			style,
-			"data-clickable": t6,
-			"data-selected": t7,
-			className: t8,
-			onClick: t9,
-			onDoubleClick: t10,
-			children: t11
-		});
-		$[27] = setNodeRef;
-		$[28] = style;
-		$[29] = t10;
-		$[30] = t11;
-		$[31] = t6;
-		$[32] = t7;
-		$[33] = t8;
-		$[34] = t9;
-		$[35] = t12;
-	} else t12 = $[35];
-	return t12;
+		},
+		onDoubleClick: () => onDoubleClick?.(row.original),
+		children: row.getVisibleCells().map((cell, cellIndex) => {
+			const columnMeta = cell.column.columnDef.meta ?? {};
+			return /* @__PURE__ */ jsx("td", {
+				tabIndex: -1,
+				className: clsx(tableDataCva({ hasRightBorder: cellIndex > 0 && showCellBorder }), columnMeta.cellClass, columnMeta.width),
+				children: renderCell(cell.column.columnDef.cell, CustomCellContext(cell.getContext()))
+			}, cell.id);
+		})
+	});
 };
 var Table = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, className, sorting, setSorting, columnOrder, setColumnOrder, columnVisibility, setColumnVisibility, bulkSelectionActions: ActionHeader, enableDragDrop = false, onDragEnd, onReorder, getRowId, enableRowSelection, enableMultiRowSelection = false, defaultSelectedRows, onRowSelectionChange, ...props }) => {
 	const tableRowCva = UIOverrides.useCva("table.rowCva", tableRowDefinition);
@@ -304,13 +197,11 @@ var Table = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, classN
 							className: clsx("flex select-none items-center gap-1 text-text-default-1", header_0.column.getCanSort() ? "h-6 cursor-pointer rounded-xs px-1 hover:bg-elevation-fill-default-2" : "cursor-default", columnMeta.sortClass),
 							onClick: header_0.column.getToggleSortingHandler(),
 							children: [typeof header_0.column.columnDef.header === "function" ? flexRender(header_0.column.columnDef.header, header_0.getContext()) : /* @__PURE__ */ jsx(HeaderText, { children: header_0.column.columnDef.header }), {
-								asc: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-									iconId: "ri-lucide-react-ChevronUp",
+								asc: /* @__PURE__ */ jsx(ChevronUp, {
 									width: 18,
 									height: 18
 								}),
-								desc: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-									iconId: "ri-lucide-react-ChevronDown",
+								desc: /* @__PURE__ */ jsx(ChevronDown, {
 									width: 18,
 									height: 18
 								})
@@ -370,11 +261,5 @@ var Table = ({ items, showCellBorder, columns, onRowClick, onDoubleClick, classN
 	});
 	return tableElement;
 };
-function _temp(props) {
-	return /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-		...props,
-		iconId: "ri-lucide-react-GripVertical"
-	});
-}
 //#endregion
 export { Table };

package/dist/components/text/Link/Link.js

@@ -1,9 +1,9 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { LinkContext } from "../../../config/link.context.js";
 import { linkDefinition } from "./link.cva.js";
-import { jsx } from "react/jsx-runtime";
 import { Link } from "react-aria-components";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/text/Link/Link.tsx
 var Link$1 = (t0) => {
 	const $ = c(4);

package/dist/components/text/Pill/Pill.js

@@ -1,12 +1,12 @@
-import { ReactIconsSpriteIcon } from "../../../node_modules/.pnpm/react-icons-sprite@1.2.0-rc.2_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js";
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { Typography } from "../Typography/Typography.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
 import { pillButtonDefinition } from "../../buttons/PillButton/pillButton.cva.js";
 import "../../../config/i18n.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
 import { clsx } from "clsx";
 import { Button } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/text/Pill/Pill.tsx
 var Pill = ({ className, children, dismissable, isDisabled, onDismiss, contentRef, variant = "subtle", ...props }) => {
@@ -36,10 +36,7 @@ var Pill = ({ className, children, dismissable, isDisabled, onDismiss, contentRe
 		}), dismissable && /* @__PURE__ */ jsx(Button, {
 			...buttonProps,
 			className: "pointer-events-auto shrink-0",
-			children: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-				iconId: "ri-lucide-react-X",
-				className: "size-4"
-			})
+			children: /* @__PURE__ */ jsx(X, { className: "size-4" })
 		})]
 	});
 };

package/dist/components/text/Tag/Tag.js

@@ -1,12 +1,12 @@
-import { ReactIconsSpriteIcon } from "../../../node_modules/.pnpm/react-icons-sprite@1.2.0-rc.2_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js";
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { Typography } from "../Typography/Typography.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
 import "../../../config/i18n.js";
 import { tagDefinition } from "./tag.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
 import { clsx } from "clsx";
 import { Button } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/components/text/Tag/Tag.tsx
 var Tag = ({ className, children, dismissable, isDisabled, onDismiss, contentRef, ...props }) => {
@@ -35,10 +35,7 @@ var Tag = ({ className, children, dismissable, isDisabled, onDismiss, contentRef
 		}), dismissable && /* @__PURE__ */ jsx(Button, {
 			...buttonProps,
 			className: "pointer-events-auto shrink-0",
-			children: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-				iconId: "ri-lucide-react-X",
-				className: "size-4"
-			})
+			children: /* @__PURE__ */ jsx(X, { className: "size-4" })
 		})]
 	});
 };

package/dist/config/confirmation.context.js

@@ -1,7 +1,7 @@
 import "./i18n.js";
 import { ActionModal } from "../components/overlays/ActionModal/ActionModal.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, use, useCallback, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/config/confirmation.context.tsx
 var Confirmation;

package/dist/config/link.context.js

@@ -1,6 +1,6 @@
-import { jsx } from "react/jsx-runtime";
 import { createContext, use } from "react";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/config/link.context.tsx
 var LinkContext;
 (function(_LinkContext) {

package/dist/config/router.context.js

@@ -1,6 +1,6 @@
-import { jsx } from "react/jsx-runtime";
 import { createContext, use } from "react";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 import { RouterProvider } from "react-aria";
 //#region src/config/router.context.tsx
 var UIRouter;

package/dist/config/theme.context.js

@@ -1,6 +1,6 @@
 import { useLocalStorage } from "../hooks/useLocalStorage.js";
-import { jsx } from "react/jsx-runtime";
 import { createContext, use, useCallback, useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
 import { z } from "zod";
 //#region src/config/theme.context.tsx
 var ThemeContext;

package/dist/config/uiConfig.context.js

@@ -1,8 +1,8 @@
-import { ReactIconsSpriteIcon } from "../node_modules/.pnpm/react-icons-sprite@1.2.0-rc.2_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js";
 import { ObjectUtils } from "../utils/object.utils.js";
 import { useDeepCompareMemo } from "../hooks/useDeepCompare.js";
-import { jsx } from "react/jsx-runtime";
+import { Calendar, CalendarClock, Clock } from "lucide-react";
 import { createContext, use } from "react";
+import { jsx } from "react/jsx-runtime";
 //#region src/config/uiConfig.context.tsx
 var UIConfig;
 (function(_UIConfig) {
@@ -68,18 +68,9 @@ var UIConfig;
 			shouldForceLeadingZeros: false,
 			disableManualEntry: false,
 			autoFixYear: false,
-			calendarIcon: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-				iconId: "ri-lucide-react-Calendar",
-				className: "size-4"
-			}),
-			dateTimeIcon: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-				iconId: "ri-lucide-react-CalendarClock",
-				className: "size-4"
-			}),
-			timeIcon: /* @__PURE__ */ jsx(ReactIconsSpriteIcon, {
-				iconId: "ri-lucide-react-Clock",
-				className: "size-4 text-interactive-text-secondary-idle"
-			}),
+			calendarIcon: /* @__PURE__ */ jsx(Calendar, { className: "size-4" }),
+			dateTimeIcon: /* @__PURE__ */ jsx(CalendarClock, { className: "size-4" }),
+			timeIcon: /* @__PURE__ */ jsx(Clock, { className: "size-4 text-interactive-text-secondary-idle" }),
 			setDateValueOnDateSelection: false,
 			timeZone: "clientLocal",
 			granularity: "day",

package/dist/config/uiOverrides.context.js

@@ -1,9 +1,9 @@
 import { StyleMergeUtils } from "../utils/style-merge.util.js";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { createContext, use } from "react";
 import { c } from "react/compiler-runtime";
 import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
 //#region src/config/uiOverrides.context.tsx
 var UIOverrides;
 (function(_UIOverrides) {

package/dist/rhf/Inputs.js

@@ -1,8 +1,8 @@
 import { Autocomplete, Checkbox, CheckboxGroup, DatePicker, DateRangePicker, DateTimePicker, NumberInput, NumberRangeInput, PasswordInput, QueryAutocomplete, QuerySelect, Segment, Select, Slider, TextArea, TextInput, TimePicker, Toggle } from "./components.js";
 import { StringUtils } from "../utils/string.utils.js";
 import { ZodUtils } from "../utils/zod.utils.js";
-import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
 import { z } from "zod";
 //#region src/rhf/Inputs.tsx
 var componentRegistry = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "3.4.0-rc.8",
+  "version": "3.4.0-rc.9",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/node_modules/.pnpm/react-icons-sprite@1.2.0-rc.2_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.js

@@ -1,15 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-//#region ../../node_modules/.pnpm/react-icons-sprite@1.2.0-rc.2_lucide-react@1.28.0_react@19.2.3__react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-icons-sprite/dist/icon.mjs
-var ReactIconsSpriteIcon = ({ iconId, ...rest }) => {
-	const iconHref = `/react-icons-sprite-dad1d156.svg#${iconId}`;
-	return /* @__PURE__ */ jsx("svg", {
-		height: "1em",
-		width: "1em",
-		preserveAspectRatio: "xMidYMid meet",
-		viewBox: "0 0 24 24",
-		...rest,
-		children: /* @__PURE__ */ jsx("use", { href: iconHref })
-	});
-};
-//#endregion
-export { ReactIconsSpriteIcon };

package/dist/react-icons-sprite-dad1d156.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" style="display:none"><symbol id="ri-lucide-react-ChevronRight" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></symbol><symbol id="ri-lucide-react-ChevronDown" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></symbol><symbol id="ri-lucide-react-ArrowRight" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></symbol><symbol id="ri-lucide-react-Calendar" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar" aria-hidden="true"><path d="M8 2v3"></path><path d="M16 2v3"></path><rect x="3" y="3" width="18" height="18" rx="2"></rect><path d="M3 9h18"></path></symbol><symbol id="ri-lucide-react-CalendarClock" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-clock" aria-hidden="true"><path d="M16 14v2.2l1.6 1"></path><path d="M16 2v3"></path><path d="M21 7.338V5a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h2.338"></path><path d="M3 9h5.859"></path><path d="M8 2v3"></path><circle cx="16" cy="16" r="6"></circle></symbol><symbol id="ri-lucide-react-Clock" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></symbol><symbol id="ri-lucide-react-ChevronsLeft" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevrons-left" aria-hidden="true"><path d="m11 17-5-5 5-5"></path><path d="m18 17-5-5 5-5"></path></symbol><symbol id="ri-lucide-react-ChevronLeft" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></symbol><symbol id="ri-lucide-react-ChevronsRight" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevrons-right" aria-hidden="true"><path d="m6 17 5-5-5-5"></path><path d="m13 17 5-5-5-5"></path></symbol><symbol id="ri-lucide-react-X" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></symbol><symbol id="ri-lucide-react-ChevronUp" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-up" aria-hidden="true"><path d="m18 15-6-6-6 6"></path></symbol><symbol id="ri-lucide-react-GripVertical" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grip-vertical" aria-hidden="true"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></symbol><symbol id="ri-lucide-react-Triangle" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle" aria-hidden="true"><path d="M13.73 4a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"></path></symbol><symbol id="ri-lucide-react-TriangleRight" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle-right" aria-hidden="true"><path d="M22 18a2 2 0 0 1-2 2H3c-1.1 0-1.3-.6-.4-1.3L20.4 4.3c.9-.7 1.6-.4 1.6.7Z"></path></symbol><symbol id="ri-lucide-react-Upload" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-upload" aria-hidden="true"><path d="M12 3v12"></path><path d="m17 8-5-5-5 5"></path><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path></symbol><symbol id="ri-lucide-react-Info" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></symbol><symbol id="ri-lucide-react-ArrowLeft" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-left" aria-hidden="true"><path d="m12 19-7-7 7-7"></path><path d="M19 12H5"></path></symbol><symbol id="ri-lucide-react-Check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></symbol><symbol id="ri-lucide-react-Highlighter" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-highlighter" aria-hidden="true"><path d="m9 11-6 6v3h9l3-3"></path><path d="m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4"></path></symbol><symbol id="ri-lucide-react-Link" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></symbol><symbol id="ri-lucide-react-Baseline" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-baseline" aria-hidden="true"><path d="M4 20h16"></path><path d="m6 16 6-12 6 12"></path><path d="M8 12h8"></path></symbol><symbol id="ri-lucide-react-File" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file" aria-hidden="true"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path></symbol><symbol id="ri-lucide-react-CircleAlert" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-alert" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><line x1="12" x2="12" y1="8" y2="12"></line><line x1="12" x2="12.01" y1="16" y2="16"></line></symbol><symbol id="ri-lucide-react-CheckCircle" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big" aria-hidden="true"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></symbol><symbol id="ri-lucide-react-Search" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search" aria-hidden="true"><path d="m21 21-4.34-4.34"></path><circle cx="11" cy="11" r="8"></circle></symbol></svg>