@fluid-app/portal-sdk 0.1.340 → 0.1.341

package/dist/{ShareablesScreen-COVW0ikb.cjs → ShareablesScreen-BAOW6RIK.cjs}

@@ -3,7 +3,7 @@ const require_PortalTenantClientProvider = require("./PortalTenantClientProvider
 const require_static_dict_adapter = require("./static-dict-adapter-JAau5LHb.cjs");
 const require_translation_api_context_factory = require("./translation-api-context-factory-BSRK6Z50.cjs");
 const require_src = require("./src-Cx7UyT_c.cjs");
-const require_SearchSort = require("./SearchSort-K0-ffUoD.cjs");
+const require_SearchSort = require("./SearchSort-CDuQPacI.cjs");
 const require_ScreenHeaderContext = require("./ScreenHeaderContext-DWDN0-mb.cjs");
 const require_use_store = require("./use-store-D2S1FywW.cjs");
 const require_use_account = require("./use-account-BMLTwG3m.cjs");
@@ -532,8 +532,8 @@ function ShareItemCard({ title, imageUrl, href, badge, isVideo = false, subtitle
 				isVideo && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "absolute inset-0 flex items-center justify-center",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "bg-foreground/50 flex h-16 w-16 items-center justify-center rounded-full backdrop-blur-sm",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CirclePlay, { className: "text-background h-12 w-12" })
+						className: "bg-foreground/50 flex size-16 items-center justify-center rounded-full backdrop-blur-sm",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CirclePlay, { className: "text-background size-12" })
 					})
 				}),
 				badge && !isVideo && !badge.isLoading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Badge, {
@@ -541,7 +541,7 @@ function ShareItemCard({ title, imageUrl, href, badge, isVideo = false, subtitle
 					variant: "default",
 					children: badge.text
 				}),
-				badge?.isLoading && !isVideo && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "bg-muted-foreground absolute top-2 right-2 h-6 w-6 animate-pulse rounded-full" })
+				badge?.isLoading && !isVideo && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "bg-muted-foreground absolute top-2 right-2 size-6 animate-pulse rounded-full" })
 			]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "px-2 pt-2 pb-4",
@@ -559,7 +559,7 @@ function ShareItemCard({ title, imageUrl, href, badge, isVideo = false, subtitle
 //#region ../../shareables/ui/src/components/MediaShare/products/ShareProductCard.tsx
 function getProductImageUrl(product) {
 	if (Array.isArray(product.images) && product.images.length > 0) {
-		const primaryImage = [...product.images].sort((a, b) => (a.position ?? 0) - (b.position ?? 0))[0];
+		const primaryImage = product.images.toSorted((a, b) => (a.position ?? 0) - (b.position ?? 0))[0];
 		if (primaryImage?.image_url) return primaryImage.image_url;
 	}
 	return product.image_url ?? null;
@@ -605,7 +605,7 @@ function ShareableListLayout({ filters, children, isLoading, error, errorMessage
 			className: "flex items-center gap-3",
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-10 flex-1" }),
-				loadingFilterShape === "search-view" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-10 w-10" }),
+				loadingFilterShape === "search-view" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "size-10" }),
 				loadingFilterShape === "search-action" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Skeleton, { className: "h-10 w-24" })
 			]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -670,7 +670,7 @@ function ShareableListRow({ imageUrl, imageAlt, title, subtitle, onClick, leadin
 				onClick,
 				className: "flex min-w-0 flex-1 items-center gap-4 text-left",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "bg-muted h-12 w-12 shrink-0 overflow-hidden rounded-md",
+					className: "bg-muted size-12 shrink-0 overflow-hidden rounded-md",
 					children: imageUrl ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 						src: imageUrl,
 						alt: imageAlt ?? title,
@@ -705,12 +705,12 @@ function ViewModeToggle({ value, onChange }) {
 			active: value === "list",
 			label: t("common_list_view"),
 			onClick: () => onChange("list"),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.List, { className: "h-4 w-4" })
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.List, { className: "size-4" })
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleButton, {
 			active: value === "grid",
 			label: t("common_grid_view"),
 			onClick: () => onChange("grid"),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LayoutGrid, { className: "h-4 w-4" })
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LayoutGrid, { className: "size-4" })
 		})]
 	});
 }
@@ -864,7 +864,7 @@ function ProductsScreen({ countryCode, fetchProducts: fetchPortalProducts, onNav
 	}, [data, usePortal]);
 	const footer = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [isFetchingNextPage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "flex justify-center py-4",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" })
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-primary size-6 animate-spin rounded-full border-2 border-t-transparent" })
 	}), error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 		className: "bg-destructive/10 text-destructive rounded-lg px-3 py-2",
 		children: t("products_load_error")
@@ -963,9 +963,9 @@ function SharePageImageDisplay({ displayImage, displayTitle, displayVideo, displ
 						disabled: currentPage <= 1,
 						variant: "outline",
 						size: "sm",
-						className: "h-8 w-8 p-0",
+						className: "size-8 p-0",
 						"aria-label": "Previous page",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronLeft, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronLeft, { className: "size-4" })
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "flex items-center gap-2",
@@ -984,9 +984,9 @@ function SharePageImageDisplay({ displayImage, displayTitle, displayVideo, displ
 						onClick: handleNextPage,
 						variant: "outline",
 						size: "sm",
-						className: "h-8 w-8 p-0",
+						className: "size-8 p-0",
 						"aria-label": "Next page",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "size-4" })
 					})
 				]
 			})] }) : renderImage({
@@ -1002,20 +1002,20 @@ function SharePageImageDisplay({ displayImage, displayTitle, displayVideo, displ
 			}),
 			(isVideo || displayPdf) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 				onClick: () => setIsPreviewOpen(true),
-				className: "absolute top-3 left-3 z-0 flex h-8 w-8 items-center justify-center rounded-full bg-white/90 text-gray-700 backdrop-blur-sm transition-colors hover:bg-white",
+				className: "absolute top-3 left-3 z-0 flex size-8 items-center justify-center rounded-full bg-white/90 text-gray-700 backdrop-blur-sm transition-colors hover:bg-white",
 				variant: "ghost",
 				size: "sm",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Maximize, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Maximize, { className: "size-4" })
 			}),
 			isPreviewOpen && isVideo && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "fixed inset-0 z-9999 flex items-center justify-center bg-black",
 				onClick: () => setIsPreviewOpen(false),
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 					onClick: () => setIsPreviewOpen(false),
-					className: "absolute top-4 right-4 z-10000 flex h-10 w-10 items-center justify-center rounded-full bg-white/90 text-gray-900 backdrop-blur-sm transition-colors hover:bg-white",
+					className: "absolute top-4 right-4 z-10000 flex size-10 items-center justify-center rounded-full bg-white/90 text-gray-900 backdrop-blur-sm transition-colors hover:bg-white",
 					variant: "ghost",
 					size: "sm",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "h-5 w-5" })
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "size-5" })
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("video", {
 					src: displayVideo || "",
 					className: "max-h-screen max-w-full",
@@ -1032,10 +1032,10 @@ function SharePageImageDisplay({ displayImage, displayTitle, displayVideo, displ
 						e.stopPropagation();
 						setIsPreviewOpen(false);
 					},
-					className: "absolute top-4 right-4 z-10000 flex h-10 w-10 items-center justify-center rounded-full bg-white/90 text-gray-900 backdrop-blur-sm transition-colors hover:bg-white",
+					className: "absolute top-4 right-4 z-10000 flex size-10 items-center justify-center rounded-full bg-white/90 text-gray-900 backdrop-blur-sm transition-colors hover:bg-white",
 					variant: "ghost",
 					size: "sm",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "h-5 w-5" })
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "size-5" })
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "relative",
 					onClick: (e) => e.stopPropagation(),
@@ -1249,21 +1249,21 @@ function ShareLinkSection({ shareLink, loading, displayTitle, isVideo, relateabl
 							variant: "secondary",
 							size: "sm",
 							className: "border-foreground bg-background text-foreground hover:bg-muted h-8 rounded-md border px-3 text-xs font-semibold transition-colors",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Menu, { className: "mr-1 h-3 w-3" }), t("share_button")]
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Menu, { className: "mr-1 size-3" }), t("share_button")]
 						})
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuContent, {
 						className: "w-48",
 						children: socialPlatforms.map((platform) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
 							onClick: () => handlePlatformShare(platform.name),
 							className: "flex cursor-pointer items-center gap-2",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(platform.Icon, { className: "h-4 w-4" }), platform.name]
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(platform.Icon, { className: "size-4" }), platform.name]
 						}, platform.name))
 					})] }) : socialPlatforms.map((platform) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
 						onClick: () => handlePlatformShare(platform.name),
 						variant: "secondary",
 						size: "sm",
 						className: "border-foreground bg-background text-foreground hover:bg-muted h-8 rounded-md border px-3 text-xs font-semibold transition-colors",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(platform.Icon, { className: "mr-1.5 h-3 w-3" }), platform.name]
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(platform.Icon, { className: "mr-1.5 size-3" }), platform.name]
 					}, platform.name))]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "flex h-10 items-center gap-2 rounded-lg px-3",
@@ -1275,9 +1275,9 @@ function ShareLinkSection({ shareLink, loading, displayTitle, isVideo, relateabl
 						onClick: handleCopyLink,
 						variant: "ghost",
 						size: "sm",
-						className: "h-6 w-6 shrink-0 p-0 hover:bg-transparent",
+						className: "size-6 shrink-0 p-0 hover:bg-transparent",
 						disabled: !shareLink,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Copy, { className: "h-4 w-4 text-[#344054]" })
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Copy, { className: "size-4 text-[#344054]" })
 					})]
 				})]
 			})]
@@ -1330,7 +1330,7 @@ function AssetActions({ downloadUrl, displayTitle, shareLink, shareLinkLoading,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			className: "text-sm font-medium",
 			children: t("share_download_asset")
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Download, { className: "h-4 w-4" })]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Download, { className: "size-4" })]
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareLinkSection, {
 		shareLink,
 		loading: shareLinkLoading,
@@ -1374,8 +1374,8 @@ const MediaCard = react.default.memo(function MediaCard({ mediaItem, onClick })
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "absolute top-2 right-2",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "bg-background/90 flex h-8 w-8 items-center justify-center rounded-full shadow-md backdrop-blur-sm",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MediaIcon, { className: "h-4 w-4 text-gray-900" })
+					className: "bg-background/90 flex size-8 items-center justify-center rounded-full shadow-md backdrop-blur-sm",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MediaIcon, { className: "size-4 text-gray-900" })
 				})
 			})]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
@@ -1455,7 +1455,7 @@ const NoAssetsState = react.default.memo(function NoAssetsState({ relateable_typ
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "mb-2 text-gray-400",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Image, { className: "mx-auto h-12 w-12" })
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Image, { className: "mx-auto size-12" })
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "mb-1 text-sm text-gray-500",
@@ -1708,7 +1708,7 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "mb-2 text-gray-400",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Image, { className: "mx-auto h-12 w-12" })
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Image, { className: "mx-auto size-12" })
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "mb-1 text-sm text-gray-500",
@@ -1821,12 +1821,12 @@ function MediaRowActionsMenu({ onDelete }) {
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 			variant: "ghost",
 			size: "sm",
-			className: "bg-background/80 hover:bg-background h-8 w-8 p-0 backdrop-blur-sm",
+			className: "bg-background/80 hover:bg-background size-8 p-0 backdrop-blur-sm",
 			onClick: (e) => {
 				e.stopPropagation();
 			},
 			"aria-label": t("media_actions_aria"),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.MoreVertical, { className: "h-4 w-4" })
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.MoreVertical, { className: "size-4" })
 		})
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuContent, {
 		align: "end",
@@ -1834,7 +1834,7 @@ function MediaRowActionsMenu({ onDelete }) {
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
 			onClick: onDelete,
 			className: "text-destructive focus:text-destructive",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 h-4 w-4" }), t("common_delete")]
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 size-4" }), t("common_delete")]
 		})
 	})] });
 }
@@ -1987,7 +1987,7 @@ function MediaListingScreen(_props) {
 	});
 	const footer = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [isFetchingNextPage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "flex justify-center py-4",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" })
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-primary size-6 animate-spin rounded-full border-2 border-t-transparent" })
 	}), error && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
 		className: "bg-destructive/10 text-destructive rounded-lg px-3 py-2",
 		children: [t("common_error_prefix"), error.message]
@@ -1996,7 +1996,7 @@ function MediaListingScreen(_props) {
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScreenHeaderContext.ScreenHeaderActions, { children: readOnly ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
 			onClick: () => navigate("media/new"),
 			size: "sm",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "mr-1 h-4 w-4" }), t("media_add_button")]
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "mr-1 size-4" }), t("media_add_button")]
 		}) }),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScreenHeaderContext.ScreenHeaderBreadcrumbs, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbList, {
 			className: "text-lg",
@@ -2144,7 +2144,7 @@ function TaggedProductsList({ products, onProductClick }) {
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "text-muted-foreground mb-2",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ShoppingBag, { className: "mx-auto h-12 w-12" })
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ShoppingBag, { className: "mx-auto size-12" })
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "text-foreground mb-1 text-sm",
@@ -2192,7 +2192,7 @@ function TaggedProductsList({ products, onProductClick }) {
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "line-clamp-2",
 									children: title
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowUpRight, { className: "text-foreground mt-0.5 h-3 w-3 shrink-0 opacity-0 transition-opacity group-hover:opacity-100" })]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowUpRight, { className: "text-foreground mt-0.5 size-3 shrink-0 opacity-0 transition-opacity group-hover:opacity-100" })]
 							}), displayPrice && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "text-foreground text-[15px] leading-[1.4] font-normal",
 								children: displayPrice
@@ -2276,7 +2276,7 @@ function MediaDetailScreen({ mediaId, onNavigate, onBack }) {
 			variant: "outline",
 			onClick: () => navigate(`media/${mediaId}/edit`),
 			className: "flex items-center gap-1.5",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pencil, { className: "h-3.5 w-3.5" }), t("common_edit")]
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pencil, { className: "size-3.5" }), t("common_edit")]
 		}) }),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ShareableDetailLayout, {
 			isLoading,
@@ -7855,28 +7855,28 @@ function RichTextEditor({ value, onChange, placeholder, className, editorClassNa
 						onClick: () => editor?.chain().focus().setTextAlign("left").run(),
 						className: require_src.cn(buttonBase, editor?.isActive({ textAlign: "left" }) ? buttonActive : buttonInactive),
 						title: t("editor_align_left"),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlignLeft, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlignLeft, { className: "size-3.5" })
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
 						onClick: () => editor?.chain().focus().setTextAlign("center").run(),
 						className: require_src.cn(buttonBase, editor?.isActive({ textAlign: "center" }) ? buttonActive : buttonInactive),
 						title: t("editor_align_center"),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlignCenter, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlignCenter, { className: "size-3.5" })
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
 						onClick: () => editor?.chain().focus().setTextAlign("right").run(),
 						className: require_src.cn(buttonBase, editor?.isActive({ textAlign: "right" }) ? buttonActive : buttonInactive),
 						title: t("editor_align_right"),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlignRight, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlignRight, { className: "size-3.5" })
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
 						onClick: () => editor?.chain().focus().setTextAlign("justify").run(),
 						className: require_src.cn(buttonBase, editor?.isActive({ textAlign: "justify" }) ? buttonActive : buttonInactive),
 						title: t("editor_justify"),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlignJustify, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlignJustify, { className: "size-3.5" })
 					}),
 					separator,
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -7884,14 +7884,14 @@ function RichTextEditor({ value, onChange, placeholder, className, editorClassNa
 						onClick: () => editor?.chain().focus().toggleBulletList().run(),
 						className: require_src.cn(buttonBase, editor?.isActive("bulletList") ? buttonActive : buttonInactive),
 						title: t("editor_bullet_list"),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.List, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.List, { className: "size-3.5" })
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
 						onClick: () => editor?.chain().focus().toggleOrderedList().run(),
 						className: require_src.cn(buttonBase, editor?.isActive("orderedList") ? buttonActive : buttonInactive),
 						title: t("editor_ordered_list"),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ListOrdered, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ListOrdered, { className: "size-3.5" })
 					})
 				]
 			}),
@@ -7942,12 +7942,12 @@ function ProductImage({ imageUrl, name }) {
 		alt: name ?? t("common_product"),
 		width: 40,
 		height: 40,
-		className: "h-10 w-10 shrink-0 rounded object-cover",
+		className: "size-10 shrink-0 rounded object-cover",
 		onError: () => setErrored(true)
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "flex h-10 w-10 shrink-0 items-center justify-center rounded bg-gray-100",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Package, { className: "h-5 w-5 text-gray-400" })
+		className: "flex size-10 shrink-0 items-center justify-center rounded bg-gray-100",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Package, { className: "size-5 text-gray-400" })
 	});
 }
 function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearchProducts, disabled = false, maxProducts = 100 }) {
@@ -8097,7 +8097,7 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 						onClick: handleOpenModal,
 						size: "sm",
 						className: "gap-1.5",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "h-3 w-3" }), t("media_add_product_button")]
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "size-3" }), t("media_add_product_button")]
 					})]
 				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "relative space-y-4",
@@ -8116,7 +8116,7 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 								variant: "outline",
 								size: "sm",
 								className: "gap-1.5 text-xs",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "h-3 w-3" }), t("media_add_products_button")]
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "size-3" }), t("media_add_products_button")]
 							})]
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
@@ -8257,22 +8257,22 @@ function CtaModal({ open, onOpenChange, ctaEnabled, ctaType, ctaButtonText, ctaU
 		{
 			value: "link",
 			label: t("cta_type_page"),
-			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Globe, { className: "h-3.5 w-3.5 text-gray-500" })
+			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Globe, { className: "size-3.5 text-gray-500" })
 		},
 		{
 			value: "cart",
 			label: t("cta_type_cart"),
-			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ShoppingCart, { className: "h-3.5 w-3.5 text-gray-500" })
+			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ShoppingCart, { className: "size-3.5 text-gray-500" })
 		},
 		{
 			value: "email",
 			label: t("cta_type_email"),
-			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Mail, { className: "h-3.5 w-3.5 text-gray-500" })
+			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Mail, { className: "size-3.5 text-gray-500" })
 		},
 		{
 			value: "phone",
 			label: t("cta_type_phone"),
-			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Phone, { className: "h-3.5 w-3.5 text-gray-500" })
+			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Phone, { className: "size-3.5 text-gray-500" })
 		}
 	], [t]);
 	const [enabled, setEnabled] = (0, react.useState)(ctaEnabled);
@@ -8363,7 +8363,7 @@ function CtaModal({ open, onOpenChange, ctaEnabled, ctaType, ctaButtonText, ctaU
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 										className: fieldsDisabled ? "text-gray-400" : "text-gray-700",
 										children: t("cta_button_label")
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.HelpCircle, { className: "h-3.5 w-3.5 text-gray-400" })]
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.HelpCircle, { className: "size-3.5 text-gray-400" })]
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Input, {
 									value: buttonText,
 									onChange: (e) => setButtonText(e.target.value),
@@ -8380,7 +8380,7 @@ function CtaModal({ open, onOpenChange, ctaEnabled, ctaType, ctaButtonText, ctaU
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
 									className: fieldsDisabled ? "text-gray-400" : "text-gray-700",
 									children: t("cta_url_label")
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.HelpCircle, { className: "h-3.5 w-3.5 text-gray-400" })]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.HelpCircle, { className: "size-3.5 text-gray-400" })]
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Input, {
 								value: url,
 								onChange: (e) => setUrl(e.target.value),
@@ -8507,7 +8507,7 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 			className: "flex items-start gap-4",
 			children: [imgLoadError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "bg-muted flex h-28 w-48 shrink-0 items-center justify-center rounded-md border",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "text-muted-foreground h-8 w-8" })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "text-muted-foreground size-8" })
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 				src: thumbnailUrl,
 				alt: t("media_video_thumbnail_alt"),
@@ -8541,13 +8541,13 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 							size: "sm",
 							onClick: handleOpenDialog,
 							className: "gap-1.5",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Camera, { className: "h-3.5 w-3.5" }), t("media_select_from_video_frame")]
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Camera, { className: "size-3.5" }), t("media_select_from_video_frame")]
 						}), onThumbnailSelected && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
 							variant: "outline",
 							size: "sm",
 							onClick: onThumbnailSelected,
 							className: "gap-1.5",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "h-3.5 w-3.5" }), t("media_select_new_image")]
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "size-3.5" }), t("media_select_new_image")]
 						})]
 					})
 				]
@@ -8556,7 +8556,7 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 			className: "flex items-center gap-4",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "bg-muted flex h-28 w-48 shrink-0 items-center justify-center rounded-md border",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Camera, { className: "text-muted-foreground h-8 w-8" })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Camera, { className: "text-muted-foreground size-8" })
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "min-w-0 flex-1",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
@@ -8569,7 +8569,7 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 						size: "sm",
 						onClick: handleOpenDialog,
 						className: "gap-1.5",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Camera, { className: "h-3.5 w-3.5" }), t("media_select_video_frame")]
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Camera, { className: "size-3.5" }), t("media_select_video_frame")]
 					})
 				})]
 			})]
@@ -8601,7 +8601,7 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 									onClick: handlePlayPause,
 									disabled: !isMetadataLoaded,
 									className: "absolute inset-0 flex items-center justify-center bg-black/20 opacity-0 transition-opacity hover:opacity-100",
-									children: isPlaying ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pause, { className: "h-12 w-12 text-white" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Play, { className: "h-12 w-12 text-white" })
+									children: isPlaying ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pause, { className: "size-12 text-white" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Play, { className: "size-12 text-white" })
 								})]
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -8631,7 +8631,7 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 								onClick: handleCapture,
 								disabled: !isMetadataLoaded || capturing,
 								className: "w-full gap-2",
-								children: [capturing ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Spinner, { className: "size-4" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Camera, { className: "h-4 w-4" }), t("media_capture_frame")]
+								children: [capturing ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Spinner, { className: "size-4" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Camera, { className: "size-4" }), t("media_capture_frame")]
 							})
 						]
 					}),
@@ -8685,7 +8685,7 @@ function ThumbnailWithMeta({ src, onReplace }) {
 		className: "flex items-start gap-4",
 		children: [loadError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "bg-muted flex h-28 w-48 shrink-0 items-center justify-center rounded-md border",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "text-muted-foreground h-8 w-8" })
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "text-muted-foreground size-8" })
 		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 			src,
 			alt: t("media_thumbnail_alt"),
@@ -8719,7 +8719,7 @@ function ThumbnailWithMeta({ src, onReplace }) {
 						size: "sm",
 						onClick: onReplace,
 						className: "gap-1.5",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "h-3.5 w-3.5" }), t("media_select_new_image")]
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "size-3.5" }), t("media_select_new_image")]
 					})
 				})
 			]
@@ -8762,7 +8762,7 @@ function CurrentMediaPreview({ mediaItem, pendingFileUrl, pendingKind }) {
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "border-border text-muted-foreground flex h-40 w-full flex-col items-center justify-center gap-2 rounded-lg border",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "h-6 w-6" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "size-6" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			className: "text-sm",
 			children: t("media_no_media_available")
 		})]
@@ -8958,15 +8958,15 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 					variant: "outline",
 					size: "sm",
-					className: "h-8 w-8 p-0",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.MoreVertical, { className: "h-4 w-4" })
+					className: "size-8 p-0",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.MoreVertical, { className: "size-4" })
 				})
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuContent, {
 				align: "end",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
 					onClick: () => setIsDeleteOpen(true),
 					className: "text-destructive focus:text-destructive",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 h-4 w-4" }), t("common_delete")]
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 size-4" }), t("common_delete")]
 				})
 			})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 				onClick: handleSave,
@@ -9070,7 +9070,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 														className: "flex items-center gap-4",
 														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 															className: "bg-muted flex h-28 w-48 shrink-0 items-center justify-center rounded-md border",
-															children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "text-muted-foreground h-8 w-8" })
+															children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "text-muted-foreground size-8" })
 														}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 															className: "min-w-0 flex-1",
 															children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
@@ -9081,7 +9081,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 																size: "sm",
 																onClick: () => setIsThumbnailPickerOpen(true),
 																className: "gap-1.5",
-																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "h-3.5 w-3.5" }), t("media_select_new_image")]
+																children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "size-3.5" }), t("media_select_new_image")]
 															})]
 														})]
 													})]
@@ -9203,10 +9203,10 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 											children: [seoThumbnailUrl ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 												src: seoThumbnailUrl,
 												alt: "SEO preview",
-												className: "h-8 w-8 shrink-0 rounded object-cover"
+												className: "size-8 shrink-0 rounded object-cover"
 											}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-												className: "bg-muted flex h-8 w-8 items-center justify-center rounded",
-												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "text-muted-foreground h-4 w-4" })
+												className: "bg-muted flex size-8 items-center justify-center rounded",
+												children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "text-muted-foreground size-4" })
 											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 												className: "min-w-0 flex-1",
 												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
@@ -9379,7 +9379,7 @@ function FilePreview({ result, mediaType }) {
 				className: "absolute inset-0 h-full w-full object-cover"
 			}), Icon && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "absolute bottom-2 left-2 flex items-center gap-1.5 rounded-md bg-black/60 px-2 py-1 text-white",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: "size-3.5" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "text-xs font-medium",
 					children: mediaType === "video" ? t("media_type_video") : t("media_type_pdf")
 				})]
@@ -9388,7 +9388,7 @@ function FilePreview({ result, mediaType }) {
 	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "flex items-center gap-3 rounded-lg border p-4",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(mediaType === "video" ? lucide_react.Video : lucide_react.FileText, { className: "text-muted-foreground h-8 w-8 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(mediaType === "video" ? lucide_react.Video : lucide_react.FileText, { className: "text-muted-foreground size-8 shrink-0" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "min-w-0 flex-1",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				className: "text-foreground truncate text-sm font-medium",
@@ -9592,7 +9592,7 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 								onClick: () => setIsPickerOpen(true),
 								disabled: !filePickerApi,
 								className: "border-border text-muted-foreground hover:bg-muted/30 flex h-40 w-full flex-col items-center justify-center gap-2 rounded-lg border border-dashed transition-colors disabled:cursor-not-allowed disabled:opacity-50",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Upload, { className: "h-6 w-6" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Upload, { className: "size-6" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "text-sm",
 									children: t("media_upload_placeholder")
 								})]
@@ -9655,8 +9655,8 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 										className: "mb-2 flex items-center gap-2",
 										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-											className: "bg-muted flex h-8 w-8 items-center justify-center rounded",
-											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "text-muted-foreground h-4 w-4" })
+											className: "bg-muted flex size-8 items-center justify-center rounded",
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ImageIcon, { className: "text-muted-foreground size-4" })
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 											className: "min-w-0 flex-1",
 											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
@@ -9811,9 +9811,9 @@ function PlaylistCard({ title, imageUrl, href, itemCount, isFavorited = false, i
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
 									onClick: (e) => e.stopPropagation(),
-									className: "bg-background/90 hover:bg-background flex h-8 w-8 items-center justify-center rounded-lg shadow-md backdrop-blur-sm transition-all",
+									className: "bg-background/90 hover:bg-background flex size-8 items-center justify-center rounded-lg shadow-md backdrop-blur-sm transition-all",
 									"aria-label": t("common_more_options_aria"),
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.MoreVertical, { className: "text-foreground h-4 w-4" })
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.MoreVertical, { className: "text-foreground size-4" })
 								})
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuContent, {
 								align: "end",
@@ -9825,17 +9825,17 @@ function PlaylistCard({ title, imageUrl, href, itemCount, isFavorited = false, i
 									}),
 									canEdit && onEdit && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
 										onClick: onEdit,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pencil, { className: "mr-2 h-4 w-4" }), t("common_edit")]
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pencil, { className: "mr-2 size-4" }), t("common_edit")]
 									}),
 									canEdit && onDelete && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuSeparator, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
 										variant: "destructive",
 										onClick: onDelete,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 h-4 w-4" }), t("common_delete")]
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 size-4" }), t("common_delete")]
 									})] })
 								]
 							})] })
 						}),
-						onToggleFavorite && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "pointer-events-none absolute -bottom-8 -left-8 z-9 h-24 w-24 rounded-full bg-[#00000020] blur-xl" }),
+						onToggleFavorite && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "pointer-events-none absolute -bottom-8 -left-8 z-9 size-24 rounded-full bg-[#00000020] blur-xl" }),
 						onToggleFavorite && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 							type: "button",
 							className: "absolute bottom-3 left-3 z-10 cursor-pointer transition-transform hover:scale-110",
@@ -9897,7 +9897,7 @@ function BulkSelectionBar({ selectedCount, totalCount, onSelectAll, onClearSelec
 				onClick: onClearSelection,
 				className: "text-background hover:text-background/80",
 				"aria-label": t("common_cancel_selection_aria"),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "size-4" })
 			})]
 		})]
 	});
@@ -10111,7 +10111,7 @@ function PlaylistsListingScreen(_props) {
 	});
 	const footer = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [isFetchingNextPage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "flex justify-center py-4",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" })
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-primary size-6 animate-spin rounded-full border-2 border-t-transparent" })
 	}), error && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
 		className: "bg-destructive/10 text-destructive rounded-lg px-3 py-2",
 		children: ["Error: ", error.message]
@@ -10121,7 +10121,7 @@ function PlaylistsListingScreen(_props) {
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScreenHeaderContext.ScreenHeaderActions, { children: readOnly ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
 			onClick: () => navigate("playlists/new"),
 			size: "sm",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "mr-1 h-4 w-4" }), t("playlist_create_button")]
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "mr-1 size-4" }), t("playlist_create_button")]
 		}) }),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScreenHeaderContext.ScreenHeaderBreadcrumbs, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbList, {
 			className: "text-lg",
@@ -10203,26 +10203,26 @@ function PlaylistsListingScreen(_props) {
 							type: "button",
 							onClick: () => handleFavorite(playlist.id),
 							"aria-label": playlist.is_favorited ? t("common_unfavorite") : t("common_favorite"),
-							className: "hover:bg-muted-foreground/10 flex h-8 w-8 items-center justify-center rounded-md transition-colors",
+							className: "hover:bg-muted-foreground/10 flex size-8 items-center justify-center rounded-md transition-colors",
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Heart, { className: require_src.cn("h-4 w-4 transition-colors", playlist.is_favorited ? "fill-destructive text-destructive" : "text-muted-foreground") })
 						}), canEdit && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuTrigger, {
 							asChild: true,
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 								variant: "ghost",
 								size: "sm",
-								className: "h-8 w-8 p-0",
+								className: "size-8 p-0",
 								"aria-label": t("playlist_actions_aria"),
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.MoreVertical, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.MoreVertical, { className: "size-4" })
 							})
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuContent, {
 							align: "end",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
 								onClick: () => handleEdit(playlist.id),
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pencil, { className: "mr-2 h-4 w-4" }), t("common_edit")]
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pencil, { className: "mr-2 size-4" }), t("common_edit")]
 							}), onDeletePlaylist && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuSeparator, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
 								variant: "destructive",
 								onClick: () => setPendingDeleteId(playlist.id),
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 h-4 w-4" }), t("common_delete")]
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 size-4" }), t("common_delete")]
 							})] })]
 						})] })] })
 					}, playlist.id);
@@ -10300,7 +10300,7 @@ function PlaylistItemsList({ items, onSelectItem, selectedItemIndex = 0, onNavig
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "mb-2 text-gray-400",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ListMusic, { className: "mx-auto h-12 w-12" })
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ListMusic, { className: "mx-auto size-12" })
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "mb-1 text-sm text-gray-500",
@@ -10349,8 +10349,8 @@ function PlaylistItemsList({ items, onSelectItem, selectedItemIndex = 0, onNavig
 						}), isVideo && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "absolute inset-0 flex items-center justify-center",
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "bg-background/90 flex h-10 w-10 items-center justify-center rounded-full shadow-md",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Play, { className: "text-foreground ml-0.5 h-4 w-4" })
+								className: "bg-background/90 flex size-10 items-center justify-center rounded-full shadow-md",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Play, { className: "text-foreground ml-0.5 size-4" })
 							})
 						})]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -10362,7 +10362,7 @@ function PlaylistItemsList({ items, onSelectItem, selectedItemIndex = 0, onNavig
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "line-clamp-2",
 									children: title
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowUpRight, { className: "text-foreground mt-0.5 h-3 w-3 shrink-0 opacity-0 transition-opacity group-hover:opacity-100" })]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowUpRight, { className: "text-foreground mt-0.5 size-3 shrink-0 opacity-0 transition-opacity group-hover:opacity-100" })]
 							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "text-foreground text-[15px] leading-[1.4] font-semibold",
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -10440,7 +10440,7 @@ function PlaylistDetailScreen({ playlistId, onNavigate }) {
 				variant: "outline",
 				size: "sm",
 				onClick: () => navigate(`playlists/${playlistId}/edit`),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pencil, { className: "mr-1 h-3.5 w-3.5" }), t("common_edit")]
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pencil, { className: "mr-1 size-3.5" }), t("common_edit")]
 			})
 		}) : null }),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ScreenHeaderContext.ScreenHeaderBreadcrumbs, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.BreadcrumbList, {
@@ -10710,17 +10710,17 @@ function PlaylistFormHeader({ playlistId, isEditMode, onSubmit, isSaving }) {
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 					variant: "outline",
 					size: "sm",
-					className: "h-8 w-8 p-0",
+					className: "size-8 p-0",
 					"aria-label": t("playlist_actions_aria"),
 					disabled: isMutating,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.MoreVertical, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.MoreVertical, { className: "size-4" })
 				})
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuContent, {
 				align: "end",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.DropdownMenuItem, {
 					onClick: () => setIsDeleteOpen(true),
 					className: "text-destructive focus:text-destructive",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 h-4 w-4" }), t("common_delete")]
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 size-4" }), t("common_delete")]
 				})
 			})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 				onClick: () => {
@@ -10879,11 +10879,11 @@ function getTypeDisplay(relateableType, relateableKind, t) {
 }
 function getItemIcon(relateableType) {
 	switch (relateableType) {
-		case "Medium": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Image, { className: "text-muted-foreground h-4 w-4" });
-		case "Page": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.FileText, { className: "text-muted-foreground h-4 w-4" });
-		case "Product": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ShoppingBag, { className: "text-muted-foreground h-4 w-4" });
-		case "EnrollmentPack": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Package, { className: "text-muted-foreground h-4 w-4" });
-		default: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Image, { className: "text-muted-foreground h-4 w-4" });
+		case "Medium": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Image, { className: "text-muted-foreground size-4" });
+		case "Page": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.FileText, { className: "text-muted-foreground size-4" });
+		case "Product": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ShoppingBag, { className: "text-muted-foreground size-4" });
+		case "EnrollmentPack": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Package, { className: "text-muted-foreground size-4" });
+		default: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Image, { className: "text-muted-foreground size-4" });
 	}
 }
 function SortableTable({ items, setItems, onDeleteItem, isDeletePending, enableReordering = true }) {
@@ -10951,7 +10951,7 @@ function SortableTable({ items, setItems, onDeleteItem, isDeletePending, enableR
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "flex min-w-0 items-center gap-3",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "bg-muted flex h-8 w-8 shrink-0 items-center justify-center overflow-hidden rounded",
+									className: "bg-muted flex size-8 shrink-0 items-center justify-center overflow-hidden rounded",
 									children: row.image_url ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 										src: String(row.image_url),
 										alt: String(row.title),
@@ -10970,7 +10970,7 @@ function SortableTable({ items, setItems, onDeleteItem, isDeletePending, enableR
 							className: "px-6 py-4 whitespace-nowrap",
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "bg-muted text-foreground inline-flex items-center gap-1 rounded-full px-2 py-1 text-xs",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(typeBadgeIcon(row.relateable_type || "", row.kind || ""), { className: "h-3 w-3 shrink-0" }), getTypeDisplay(row.relateable_type || "", row.kind || "", t)] })
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(typeBadgeIcon(row.relateable_type || "", row.kind || ""), { className: "size-3 shrink-0" }), getTypeDisplay(row.relateable_type || "", row.kind || "", t)] })
 							})
 						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
@@ -10980,9 +10980,9 @@ function SortableTable({ items, setItems, onDeleteItem, isDeletePending, enableR
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
 									variant: "ghost",
 									size: "sm",
-									className: "flex h-8 w-8 items-center justify-center p-0",
+									className: "flex size-8 items-center justify-center p-0",
 									disabled: isDeletePending,
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.MoreHorizontal, { className: "h-4 w-4" })
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.MoreHorizontal, { className: "size-4" })
 								})
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.DropdownMenuContent, {
 								align: "end",
@@ -10991,7 +10991,7 @@ function SortableTable({ items, setItems, onDeleteItem, isDeletePending, enableR
 										onDeleteItem(typeof row.id === "number" ? row.id : parseInt(String(row.id).replace("item-", "")));
 									},
 									variant: "destructive",
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 h-4 w-4" }), t("playlist_delete_item")]
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "mr-2 size-4" }), t("playlist_delete_item")]
 								})
 							})] })
 						})
@@ -11346,7 +11346,7 @@ function PlaylistItemsSubsection({ section, items, onAdd, onReorder, onDeleteIte
 						size: "sm",
 						className: "flex min-w-25 items-center gap-2",
 						onClick: onAdd,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "h-4 w-4" }), t("playlist_add_item_button")]
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "size-4" }), t("playlist_add_item_button")]
 					})
 				})]
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortableTable, {
@@ -11376,7 +11376,7 @@ function getImageFromRelateable(item) {
 function getFirstOrderedContentItem(items) {
 	const content = items.filter((item) => item.relateable_type && PLAYLIST_PREVIEW_CONTENT_TYPES.has(item.relateable_type));
 	if (content.length === 0) return void 0;
-	return [...content].sort((a, b) => (a.order ?? Number.POSITIVE_INFINITY) - (b.order ?? Number.POSITIVE_INFINITY))[0];
+	return content.toSorted((a, b) => (a.order ?? Number.POSITIVE_INFINITY) - (b.order ?? Number.POSITIVE_INFINITY))[0];
 }
 function stripHtml(html) {
 	if (!html) return "";
@@ -11730,7 +11730,7 @@ function FilesListingScreen({ onNavigate }) {
 	});
 	const footer = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [isFetchingNextPage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: "flex justify-center py-4",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" })
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-primary size-6 animate-spin rounded-full border-2 border-t-transparent" })
 	}), error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 		className: "bg-destructive/10 text-destructive rounded-lg px-3 py-2",
 		children: t("files_load_error")
@@ -11786,8 +11786,8 @@ function FilesListingScreen({ onNavigate }) {
 							isVideo && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "absolute inset-0 flex items-center justify-center",
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-									className: "bg-foreground/50 flex h-16 w-16 items-center justify-center rounded-full backdrop-blur-sm",
-									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CirclePlay, { className: "text-background h-12 w-12" })
+									className: "bg-foreground/50 flex size-16 items-center justify-center rounded-full backdrop-blur-sm",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CirclePlay, { className: "text-background size-12" })
 								})
 							}),
 							!isVideo && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Badge, {
@@ -11912,7 +11912,7 @@ function PagesListingScreen({ onNavigate }) {
 		}),
 		footer: isFetchingNextPage && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "flex justify-center py-4",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" })
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-primary size-6 animate-spin rounded-full border-2 border-t-transparent" })
 		}),
 		sentinelRef: observerTarget,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -13995,4 +13995,4 @@ Object.defineProperty(exports, "shareablesScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ShareablesScreen-COVW0ikb.cjs.map
+//# sourceMappingURL=ShareablesScreen-BAOW6RIK.cjs.map