@fluid-app/portal-sdk 0.1.340 → 0.1.341

package/dist/{ShareablesScreen-aafzr3Vs.mjs → ShareablesScreen-B6Qs0xXn.mjs}

@@ -2,7 +2,7 @@ import { A as playlists_items_remove, C as media_update, D as playlists_destroy,
 import { a as useActiveLocale, n as createDomainTranslations, r as useDomainDict, t as createStaticDictAdapter } from "./static-dict-adapter-DjCpubZc.mjs";
 import { t as createTranslationContext } from "./translation-api-context-factory-CJrVq_EB.mjs";
 import { $ as DialogDescription, B as DropdownMenuContent, C as SelectContent, Cn as AlertDialogTitle, E as SelectValue, F as FormItem, G as DropdownMenuSeparator, I as FormLabel, J as DropdownMenuSubTrigger, K as DropdownMenuSub, L as FormMessage, M as Form, N as FormControl, On as useZodForm, P as FormField, Q as DialogContent, R as Label, S as Select, Sn as AlertDialogHeader, St as Card, T as SelectTrigger, Tn as Content, V as DropdownMenuItem, X as Dialog, Y as DropdownMenuTrigger, _n as AlertDialogAction, a as Textarea, at as Popover, bn as AlertDialogDescription, c as TabsTrigger, ct as PopoverTrigger, d as Spinner, dn as BreadcrumbLink, f as fluidToast, fn as BreadcrumbList, gn as AlertDialog, h as Skeleton, hn as Badge, i as TooltipTrigger, it as DialogTitle, k as Input, kn as cn, kt as Checkbox, l as Switch, ln as Breadcrumb, m as Slider, mn as BreadcrumbSeparator, n as TooltipContent, nt as DialogOverlay, o as Tabs, pn as BreadcrumbPage, q as DropdownMenuSubContent, r as TooltipProvider, rt as DialogPortal, s as TabsList, st as PopoverContent, t as Tooltip, tt as DialogHeader, un as BreadcrumbItem, vn as AlertDialogCancel, w as SelectItem, wn as Button, wt as CardContent, x as Separator, xn as AlertDialogFooter, yn as AlertDialogContent, z as DropdownMenu } from "./src-CJw6JbdS.mjs";
-import { s as usePortalProductsApi, t as SearchSort } from "./SearchSort-CObUt78n.mjs";
+import { s as usePortalProductsApi, t as SearchSort } from "./SearchSort-CMUL0qt3.mjs";
 import { n as ScreenHeaderBreadcrumbs, t as ScreenHeaderActions } from "./ScreenHeaderContext-Dn12BZyj.mjs";
 import { t as useStore } from "./use-store-fLSf5hUc.mjs";
 import { t as useAccount } from "./use-account-DtQOpv3N.mjs";
@@ -530,8 +530,8 @@ function ShareItemCard({ title, imageUrl, href, badge, isVideo = false, subtitle
 				isVideo && /* @__PURE__ */ jsx("div", {
 					className: "absolute inset-0 flex items-center justify-center",
 					children: /* @__PURE__ */ jsx("div", {
-						className: "bg-foreground/50 flex h-16 w-16 items-center justify-center rounded-full backdrop-blur-sm",
-						children: /* @__PURE__ */ jsx(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__ */ jsx(CirclePlay, { className: "text-background size-12" })
 					})
 				}),
 				badge && !isVideo && !badge.isLoading && /* @__PURE__ */ jsx(Badge, {
@@ -539,7 +539,7 @@ function ShareItemCard({ title, imageUrl, href, badge, isVideo = false, subtitle
 					variant: "default",
 					children: badge.text
 				}),
-				badge?.isLoading && !isVideo && /* @__PURE__ */ jsx("div", { className: "bg-muted-foreground absolute top-2 right-2 h-6 w-6 animate-pulse rounded-full" })
+				badge?.isLoading && !isVideo && /* @__PURE__ */ jsx("div", { className: "bg-muted-foreground absolute top-2 right-2 size-6 animate-pulse rounded-full" })
 			]
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "px-2 pt-2 pb-4",
@@ -557,7 +557,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;
@@ -603,7 +603,7 @@ function ShareableListLayout({ filters, children, isLoading, error, errorMessage
 			className: "flex items-center gap-3",
 			children: [
 				/* @__PURE__ */ jsx(Skeleton, { className: "h-10 flex-1" }),
-				loadingFilterShape === "search-view" && /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-10" }),
+				loadingFilterShape === "search-view" && /* @__PURE__ */ jsx(Skeleton, { className: "size-10" }),
 				loadingFilterShape === "search-action" && /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-24" })
 			]
 		}), /* @__PURE__ */ jsx("div", {
@@ -668,7 +668,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__ */ 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__ */ jsx("img", {
 						src: imageUrl,
 						alt: imageAlt ?? title,
@@ -703,12 +703,12 @@ function ViewModeToggle({ value, onChange }) {
 			active: value === "list",
 			label: t("common_list_view"),
 			onClick: () => onChange("list"),
-			children: /* @__PURE__ */ jsx(List, { className: "h-4 w-4" })
+			children: /* @__PURE__ */ jsx(List, { className: "size-4" })
 		}), /* @__PURE__ */ jsx(ToggleButton, {
 			active: value === "grid",
 			label: t("common_grid_view"),
 			onClick: () => onChange("grid"),
-			children: /* @__PURE__ */ jsx(LayoutGrid, { className: "h-4 w-4" })
+			children: /* @__PURE__ */ jsx(LayoutGrid, { className: "size-4" })
 		})]
 	});
 }
@@ -862,7 +862,7 @@ function ProductsScreen({ countryCode, fetchProducts: fetchPortalProducts, onNav
 	}, [data, usePortal]);
 	const footer = /* @__PURE__ */ jsxs(Fragment$1, { children: [isFetchingNextPage && /* @__PURE__ */ jsx("div", {
 		className: "flex justify-center py-4",
-		children: /* @__PURE__ */ jsx("div", { className: "border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" })
+		children: /* @__PURE__ */ jsx("div", { className: "border-primary size-6 animate-spin rounded-full border-2 border-t-transparent" })
 	}), error && /* @__PURE__ */ jsx("p", {
 		className: "bg-destructive/10 text-destructive rounded-lg px-3 py-2",
 		children: t("products_load_error")
@@ -961,9 +961,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__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" })
 					}),
 					/* @__PURE__ */ jsx("div", {
 						className: "flex items-center gap-2",
@@ -982,9 +982,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__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
 					})
 				]
 			})] }) : renderImage({
@@ -1000,20 +1000,20 @@ function SharePageImageDisplay({ displayImage, displayTitle, displayVideo, displ
 			}),
 			(isVideo || displayPdf) && /* @__PURE__ */ jsx(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__ */ jsx(Maximize, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ jsx(Maximize, { className: "size-4" })
 			}),
 			isPreviewOpen && isVideo && /* @__PURE__ */ jsxs("div", {
 				className: "fixed inset-0 z-9999 flex items-center justify-center bg-black",
 				onClick: () => setIsPreviewOpen(false),
 				children: [/* @__PURE__ */ jsx(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__ */ jsx(X, { className: "h-5 w-5" })
+					children: /* @__PURE__ */ jsx(X, { className: "size-5" })
 				}), /* @__PURE__ */ jsx("video", {
 					src: displayVideo || "",
 					className: "max-h-screen max-w-full",
@@ -1030,10 +1030,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__ */ jsx(X, { className: "h-5 w-5" })
+					children: /* @__PURE__ */ jsx(X, { className: "size-5" })
 				}), /* @__PURE__ */ jsx("div", {
 					className: "relative",
 					onClick: (e) => e.stopPropagation(),
@@ -1247,21 +1247,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__ */ jsx(Menu, { className: "mr-1 h-3 w-3" }), t("share_button")]
+							children: [/* @__PURE__ */ jsx(Menu, { className: "mr-1 size-3" }), t("share_button")]
 						})
 					}), /* @__PURE__ */ jsx(DropdownMenuContent, {
 						className: "w-48",
 						children: socialPlatforms.map((platform) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
 							onClick: () => handlePlatformShare(platform.name),
 							className: "flex cursor-pointer items-center gap-2",
-							children: [/* @__PURE__ */ jsx(platform.Icon, { className: "h-4 w-4" }), platform.name]
+							children: [/* @__PURE__ */ jsx(platform.Icon, { className: "size-4" }), platform.name]
 						}, platform.name))
 					})] }) : socialPlatforms.map((platform) => /* @__PURE__ */ jsxs(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__ */ jsx(platform.Icon, { className: "mr-1.5 h-3 w-3" }), platform.name]
+						children: [/* @__PURE__ */ jsx(platform.Icon, { className: "mr-1.5 size-3" }), platform.name]
 					}, platform.name))]
 				}), /* @__PURE__ */ jsxs("div", {
 					className: "flex h-10 items-center gap-2 rounded-lg px-3",
@@ -1273,9 +1273,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__ */ jsx(Copy, { className: "h-4 w-4 text-[#344054]" })
+						children: /* @__PURE__ */ jsx(Copy, { className: "size-4 text-[#344054]" })
 					})]
 				})]
 			})]
@@ -1328,7 +1328,7 @@ function AssetActions({ downloadUrl, displayTitle, shareLink, shareLinkLoading,
 		children: [/* @__PURE__ */ jsx("span", {
 			className: "text-sm font-medium",
 			children: t("share_download_asset")
-		}), /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" })]
+		}), /* @__PURE__ */ jsx(Download, { className: "size-4" })]
 	}), /* @__PURE__ */ jsx(ShareLinkSection, {
 		shareLink,
 		loading: shareLinkLoading,
@@ -1372,8 +1372,8 @@ const MediaCard = React.memo(function MediaCard({ mediaItem, onClick }) {
 			}), /* @__PURE__ */ jsx("div", {
 				className: "absolute top-2 right-2",
 				children: /* @__PURE__ */ jsx("div", {
-					className: "bg-background/90 flex h-8 w-8 items-center justify-center rounded-full shadow-md backdrop-blur-sm",
-					children: /* @__PURE__ */ 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__ */ jsx(MediaIcon, { className: "size-4 text-gray-900" })
 				})
 			})]
 		}), /* @__PURE__ */ jsx("h3", {
@@ -1453,7 +1453,7 @@ const NoAssetsState = React.memo(function NoAssetsState({ relateable_type }) {
 			children: [
 				/* @__PURE__ */ jsx("div", {
 					className: "mb-2 text-gray-400",
-					children: /* @__PURE__ */ jsx(Image, { className: "mx-auto h-12 w-12" })
+					children: /* @__PURE__ */ jsx(Image, { className: "mx-auto size-12" })
 				}),
 				/* @__PURE__ */ jsx("div", {
 					className: "mb-1 text-sm text-gray-500",
@@ -1706,7 +1706,7 @@ function ProductDetailScreen({ productId, countryCode, fetchProduct: fetchPortal
 				children: [
 					/* @__PURE__ */ jsx("div", {
 						className: "mb-2 text-gray-400",
-						children: /* @__PURE__ */ jsx(Image, { className: "mx-auto h-12 w-12" })
+						children: /* @__PURE__ */ jsx(Image, { className: "mx-auto size-12" })
 					}),
 					/* @__PURE__ */ jsx("div", {
 						className: "mb-1 text-sm text-gray-500",
@@ -1819,12 +1819,12 @@ function MediaRowActionsMenu({ onDelete }) {
 		children: /* @__PURE__ */ jsx(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__ */ jsx(MoreVertical, { className: "h-4 w-4" })
+			children: /* @__PURE__ */ jsx(MoreVertical, { className: "size-4" })
 		})
 	}), /* @__PURE__ */ jsx(DropdownMenuContent, {
 		align: "end",
@@ -1832,7 +1832,7 @@ function MediaRowActionsMenu({ onDelete }) {
 		children: /* @__PURE__ */ jsxs(DropdownMenuItem, {
 			onClick: onDelete,
 			className: "text-destructive focus:text-destructive",
-			children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }), t("common_delete")]
+			children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 size-4" }), t("common_delete")]
 		})
 	})] });
 }
@@ -1985,7 +1985,7 @@ function MediaListingScreen(_props) {
 	});
 	const footer = /* @__PURE__ */ jsxs(Fragment$1, { children: [isFetchingNextPage && /* @__PURE__ */ jsx("div", {
 		className: "flex justify-center py-4",
-		children: /* @__PURE__ */ jsx("div", { className: "border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" })
+		children: /* @__PURE__ */ jsx("div", { className: "border-primary size-6 animate-spin rounded-full border-2 border-t-transparent" })
 	}), error && /* @__PURE__ */ jsxs("p", {
 		className: "bg-destructive/10 text-destructive rounded-lg px-3 py-2",
 		children: [t("common_error_prefix"), error.message]
@@ -1994,7 +1994,7 @@ function MediaListingScreen(_props) {
 		/* @__PURE__ */ jsx(ScreenHeaderActions, { children: readOnly ? null : /* @__PURE__ */ jsxs(Button, {
 			onClick: () => navigate("media/new"),
 			size: "sm",
-			children: [/* @__PURE__ */ jsx(Plus, { className: "mr-1 h-4 w-4" }), t("media_add_button")]
+			children: [/* @__PURE__ */ jsx(Plus, { className: "mr-1 size-4" }), t("media_add_button")]
 		}) }),
 		/* @__PURE__ */ jsx(ScreenHeaderBreadcrumbs, { children: /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, {
 			className: "text-lg",
@@ -2142,7 +2142,7 @@ function TaggedProductsList({ products, onProductClick }) {
 				children: [
 					/* @__PURE__ */ jsx("div", {
 						className: "text-muted-foreground mb-2",
-						children: /* @__PURE__ */ jsx(ShoppingBag, { className: "mx-auto h-12 w-12" })
+						children: /* @__PURE__ */ jsx(ShoppingBag, { className: "mx-auto size-12" })
 					}),
 					/* @__PURE__ */ jsx("div", {
 						className: "text-foreground mb-1 text-sm",
@@ -2190,7 +2190,7 @@ function TaggedProductsList({ products, onProductClick }) {
 								children: [/* @__PURE__ */ jsx("span", {
 									className: "line-clamp-2",
 									children: title
-								}), /* @__PURE__ */ jsx(ArrowUpRight, { className: "text-foreground mt-0.5 h-3 w-3 shrink-0 opacity-0 transition-opacity group-hover:opacity-100" })]
+								}), /* @__PURE__ */ jsx(ArrowUpRight, { className: "text-foreground mt-0.5 size-3 shrink-0 opacity-0 transition-opacity group-hover:opacity-100" })]
 							}), displayPrice && /* @__PURE__ */ jsx("div", {
 								className: "text-foreground text-[15px] leading-[1.4] font-normal",
 								children: displayPrice
@@ -2274,7 +2274,7 @@ function MediaDetailScreen({ mediaId, onNavigate, onBack }) {
 			variant: "outline",
 			onClick: () => navigate(`media/${mediaId}/edit`),
 			className: "flex items-center gap-1.5",
-			children: [/* @__PURE__ */ jsx(Pencil, { className: "h-3.5 w-3.5" }), t("common_edit")]
+			children: [/* @__PURE__ */ jsx(Pencil, { className: "size-3.5" }), t("common_edit")]
 		}) }),
 		/* @__PURE__ */ jsx(ShareableDetailLayout, {
 			isLoading,
@@ -7853,28 +7853,28 @@ function RichTextEditor({ value, onChange, placeholder, className, editorClassNa
 						onClick: () => editor?.chain().focus().setTextAlign("left").run(),
 						className: cn(buttonBase, editor?.isActive({ textAlign: "left" }) ? buttonActive : buttonInactive),
 						title: t("editor_align_left"),
-						children: /* @__PURE__ */ jsx(AlignLeft, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ jsx(AlignLeft, { className: "size-3.5" })
 					}),
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: () => editor?.chain().focus().setTextAlign("center").run(),
 						className: cn(buttonBase, editor?.isActive({ textAlign: "center" }) ? buttonActive : buttonInactive),
 						title: t("editor_align_center"),
-						children: /* @__PURE__ */ jsx(AlignCenter, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ jsx(AlignCenter, { className: "size-3.5" })
 					}),
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: () => editor?.chain().focus().setTextAlign("right").run(),
 						className: cn(buttonBase, editor?.isActive({ textAlign: "right" }) ? buttonActive : buttonInactive),
 						title: t("editor_align_right"),
-						children: /* @__PURE__ */ jsx(AlignRight, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ jsx(AlignRight, { className: "size-3.5" })
 					}),
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: () => editor?.chain().focus().setTextAlign("justify").run(),
 						className: cn(buttonBase, editor?.isActive({ textAlign: "justify" }) ? buttonActive : buttonInactive),
 						title: t("editor_justify"),
-						children: /* @__PURE__ */ jsx(AlignJustify, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ jsx(AlignJustify, { className: "size-3.5" })
 					}),
 					separator,
 					/* @__PURE__ */ jsx("button", {
@@ -7882,14 +7882,14 @@ function RichTextEditor({ value, onChange, placeholder, className, editorClassNa
 						onClick: () => editor?.chain().focus().toggleBulletList().run(),
 						className: cn(buttonBase, editor?.isActive("bulletList") ? buttonActive : buttonInactive),
 						title: t("editor_bullet_list"),
-						children: /* @__PURE__ */ jsx(List, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ jsx(List, { className: "size-3.5" })
 					}),
 					/* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: () => editor?.chain().focus().toggleOrderedList().run(),
 						className: cn(buttonBase, editor?.isActive("orderedList") ? buttonActive : buttonInactive),
 						title: t("editor_ordered_list"),
-						children: /* @__PURE__ */ jsx(ListOrdered, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ jsx(ListOrdered, { className: "size-3.5" })
 					})
 				]
 			}),
@@ -7940,12 +7940,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__ */ jsx("div", {
-		className: "flex h-10 w-10 shrink-0 items-center justify-center rounded bg-gray-100",
-		children: /* @__PURE__ */ jsx(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__ */ jsx(Package, { className: "size-5 text-gray-400" })
 	});
 }
 function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearchProducts, disabled = false, maxProducts = 100 }) {
@@ -8095,7 +8095,7 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 						onClick: handleOpenModal,
 						size: "sm",
 						className: "gap-1.5",
-						children: [/* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }), t("media_add_product_button")]
+						children: [/* @__PURE__ */ jsx(Plus, { className: "size-3" }), t("media_add_product_button")]
 					})]
 				}) : /* @__PURE__ */ jsxs("div", {
 					className: "relative space-y-4",
@@ -8114,7 +8114,7 @@ function MediaProductTagging({ products, onAddProduct, onRemoveProduct, onSearch
 								variant: "outline",
 								size: "sm",
 								className: "gap-1.5 text-xs",
-								children: [/* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }), t("media_add_products_button")]
+								children: [/* @__PURE__ */ jsx(Plus, { className: "size-3" }), t("media_add_products_button")]
 							})]
 						}),
 						/* @__PURE__ */ jsx("p", {
@@ -8255,22 +8255,22 @@ function CtaModal({ open, onOpenChange, ctaEnabled, ctaType, ctaButtonText, ctaU
 		{
 			value: "link",
 			label: t("cta_type_page"),
-			icon: /* @__PURE__ */ jsx(Globe, { className: "h-3.5 w-3.5 text-gray-500" })
+			icon: /* @__PURE__ */ jsx(Globe, { className: "size-3.5 text-gray-500" })
 		},
 		{
 			value: "cart",
 			label: t("cta_type_cart"),
-			icon: /* @__PURE__ */ jsx(ShoppingCart, { className: "h-3.5 w-3.5 text-gray-500" })
+			icon: /* @__PURE__ */ jsx(ShoppingCart, { className: "size-3.5 text-gray-500" })
 		},
 		{
 			value: "email",
 			label: t("cta_type_email"),
-			icon: /* @__PURE__ */ jsx(Mail, { className: "h-3.5 w-3.5 text-gray-500" })
+			icon: /* @__PURE__ */ jsx(Mail, { className: "size-3.5 text-gray-500" })
 		},
 		{
 			value: "phone",
 			label: t("cta_type_phone"),
-			icon: /* @__PURE__ */ jsx(Phone, { className: "h-3.5 w-3.5 text-gray-500" })
+			icon: /* @__PURE__ */ jsx(Phone, { className: "size-3.5 text-gray-500" })
 		}
 	], [t]);
 	const [enabled, setEnabled] = useState(ctaEnabled);
@@ -8361,7 +8361,7 @@ function CtaModal({ open, onOpenChange, ctaEnabled, ctaType, ctaButtonText, ctaU
 									children: [/* @__PURE__ */ jsx(Label, {
 										className: fieldsDisabled ? "text-gray-400" : "text-gray-700",
 										children: t("cta_button_label")
-									}), /* @__PURE__ */ jsx(HelpCircle, { className: "h-3.5 w-3.5 text-gray-400" })]
+									}), /* @__PURE__ */ jsx(HelpCircle, { className: "size-3.5 text-gray-400" })]
 								}), /* @__PURE__ */ jsx(Input, {
 									value: buttonText,
 									onChange: (e) => setButtonText(e.target.value),
@@ -8378,7 +8378,7 @@ function CtaModal({ open, onOpenChange, ctaEnabled, ctaType, ctaButtonText, ctaU
 								children: [/* @__PURE__ */ jsx(Label, {
 									className: fieldsDisabled ? "text-gray-400" : "text-gray-700",
 									children: t("cta_url_label")
-								}), /* @__PURE__ */ jsx(HelpCircle, { className: "h-3.5 w-3.5 text-gray-400" })]
+								}), /* @__PURE__ */ jsx(HelpCircle, { className: "size-3.5 text-gray-400" })]
 							}), /* @__PURE__ */ jsx(Input, {
 								value: url,
 								onChange: (e) => setUrl(e.target.value),
@@ -8505,7 +8505,7 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 			className: "flex items-start gap-4",
 			children: [imgLoadError ? /* @__PURE__ */ jsx("div", {
 				className: "bg-muted flex h-28 w-48 shrink-0 items-center justify-center rounded-md border",
-				children: /* @__PURE__ */ jsx(ImageIcon, { className: "text-muted-foreground h-8 w-8" })
+				children: /* @__PURE__ */ jsx(ImageIcon, { className: "text-muted-foreground size-8" })
 			}) : /* @__PURE__ */ jsx("img", {
 				src: thumbnailUrl,
 				alt: t("media_video_thumbnail_alt"),
@@ -8539,13 +8539,13 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 							size: "sm",
 							onClick: handleOpenDialog,
 							className: "gap-1.5",
-							children: [/* @__PURE__ */ jsx(Camera, { className: "h-3.5 w-3.5" }), t("media_select_from_video_frame")]
+							children: [/* @__PURE__ */ jsx(Camera, { className: "size-3.5" }), t("media_select_from_video_frame")]
 						}), onThumbnailSelected && /* @__PURE__ */ jsxs(Button, {
 							variant: "outline",
 							size: "sm",
 							onClick: onThumbnailSelected,
 							className: "gap-1.5",
-							children: [/* @__PURE__ */ jsx(ImageIcon, { className: "h-3.5 w-3.5" }), t("media_select_new_image")]
+							children: [/* @__PURE__ */ jsx(ImageIcon, { className: "size-3.5" }), t("media_select_new_image")]
 						})]
 					})
 				]
@@ -8554,7 +8554,7 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 			className: "flex items-center gap-4",
 			children: [/* @__PURE__ */ jsx("div", {
 				className: "bg-muted flex h-28 w-48 shrink-0 items-center justify-center rounded-md border",
-				children: /* @__PURE__ */ jsx(Camera, { className: "text-muted-foreground h-8 w-8" })
+				children: /* @__PURE__ */ jsx(Camera, { className: "text-muted-foreground size-8" })
 			}), /* @__PURE__ */ jsxs("div", {
 				className: "min-w-0 flex-1",
 				children: [/* @__PURE__ */ jsx("p", {
@@ -8567,7 +8567,7 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 						size: "sm",
 						onClick: handleOpenDialog,
 						className: "gap-1.5",
-						children: [/* @__PURE__ */ jsx(Camera, { className: "h-3.5 w-3.5" }), t("media_select_video_frame")]
+						children: [/* @__PURE__ */ jsx(Camera, { className: "size-3.5" }), t("media_select_video_frame")]
 					})
 				})]
 			})]
@@ -8599,7 +8599,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__ */ jsx(Pause, { className: "h-12 w-12 text-white" }) : /* @__PURE__ */ jsx(Play, { className: "h-12 w-12 text-white" })
+									children: isPlaying ? /* @__PURE__ */ jsx(Pause, { className: "size-12 text-white" }) : /* @__PURE__ */ jsx(Play, { className: "size-12 text-white" })
 								})]
 							}),
 							/* @__PURE__ */ jsxs("div", {
@@ -8629,7 +8629,7 @@ function VideoThumbnailSelector({ videoUrl, thumbnailUrl, onThumbnailCaptured, o
 								onClick: handleCapture,
 								disabled: !isMetadataLoaded || capturing,
 								className: "w-full gap-2",
-								children: [capturing ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : /* @__PURE__ */ jsx(Camera, { className: "h-4 w-4" }), t("media_capture_frame")]
+								children: [capturing ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : /* @__PURE__ */ jsx(Camera, { className: "size-4" }), t("media_capture_frame")]
 							})
 						]
 					}),
@@ -8683,7 +8683,7 @@ function ThumbnailWithMeta({ src, onReplace }) {
 		className: "flex items-start gap-4",
 		children: [loadError ? /* @__PURE__ */ jsx("div", {
 			className: "bg-muted flex h-28 w-48 shrink-0 items-center justify-center rounded-md border",
-			children: /* @__PURE__ */ jsx(ImageIcon, { className: "text-muted-foreground h-8 w-8" })
+			children: /* @__PURE__ */ jsx(ImageIcon, { className: "text-muted-foreground size-8" })
 		}) : /* @__PURE__ */ jsx("img", {
 			src,
 			alt: t("media_thumbnail_alt"),
@@ -8717,7 +8717,7 @@ function ThumbnailWithMeta({ src, onReplace }) {
 						size: "sm",
 						onClick: onReplace,
 						className: "gap-1.5",
-						children: [/* @__PURE__ */ jsx(ImageIcon, { className: "h-3.5 w-3.5" }), t("media_select_new_image")]
+						children: [/* @__PURE__ */ jsx(ImageIcon, { className: "size-3.5" }), t("media_select_new_image")]
 					})
 				})
 			]
@@ -8760,7 +8760,7 @@ function CurrentMediaPreview({ mediaItem, pendingFileUrl, pendingKind }) {
 	});
 	return /* @__PURE__ */ 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__ */ jsx(ImageIcon, { className: "h-6 w-6" }), /* @__PURE__ */ jsx("span", {
+		children: [/* @__PURE__ */ jsx(ImageIcon, { className: "size-6" }), /* @__PURE__ */ jsx("span", {
 			className: "text-sm",
 			children: t("media_no_media_available")
 		})]
@@ -8956,15 +8956,15 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 				children: /* @__PURE__ */ jsx(Button, {
 					variant: "outline",
 					size: "sm",
-					className: "h-8 w-8 p-0",
-					children: /* @__PURE__ */ jsx(MoreVertical, { className: "h-4 w-4" })
+					className: "size-8 p-0",
+					children: /* @__PURE__ */ jsx(MoreVertical, { className: "size-4" })
 				})
 			}), /* @__PURE__ */ jsx(DropdownMenuContent, {
 				align: "end",
 				children: /* @__PURE__ */ jsxs(DropdownMenuItem, {
 					onClick: () => setIsDeleteOpen(true),
 					className: "text-destructive focus:text-destructive",
-					children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }), t("common_delete")]
+					children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 size-4" }), t("common_delete")]
 				})
 			})] }), /* @__PURE__ */ jsx(Button, {
 				onClick: handleSave,
@@ -9068,7 +9068,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 														className: "flex items-center gap-4",
 														children: [/* @__PURE__ */ jsx("div", {
 															className: "bg-muted flex h-28 w-48 shrink-0 items-center justify-center rounded-md border",
-															children: /* @__PURE__ */ jsx(ImageIcon, { className: "text-muted-foreground h-8 w-8" })
+															children: /* @__PURE__ */ jsx(ImageIcon, { className: "text-muted-foreground size-8" })
 														}), /* @__PURE__ */ jsxs("div", {
 															className: "min-w-0 flex-1",
 															children: [/* @__PURE__ */ jsx("p", {
@@ -9079,7 +9079,7 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 																size: "sm",
 																onClick: () => setIsThumbnailPickerOpen(true),
 																className: "gap-1.5",
-																children: [/* @__PURE__ */ jsx(ImageIcon, { className: "h-3.5 w-3.5" }), t("media_select_new_image")]
+																children: [/* @__PURE__ */ jsx(ImageIcon, { className: "size-3.5" }), t("media_select_new_image")]
 															})]
 														})]
 													})]
@@ -9201,10 +9201,10 @@ function MediaEditScreen({ mediaId, onNavigate: _onNavigate, onBack }) {
 											children: [seoThumbnailUrl ? /* @__PURE__ */ 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__ */ jsx("div", {
-												className: "bg-muted flex h-8 w-8 items-center justify-center rounded",
-												children: /* @__PURE__ */ jsx(ImageIcon, { className: "text-muted-foreground h-4 w-4" })
+												className: "bg-muted flex size-8 items-center justify-center rounded",
+												children: /* @__PURE__ */ jsx(ImageIcon, { className: "text-muted-foreground size-4" })
 											}), /* @__PURE__ */ jsxs("div", {
 												className: "min-w-0 flex-1",
 												children: [/* @__PURE__ */ jsx("p", {
@@ -9377,7 +9377,7 @@ function FilePreview({ result, mediaType }) {
 				className: "absolute inset-0 h-full w-full object-cover"
 			}), Icon && /* @__PURE__ */ 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__ */ jsx(Icon, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ jsx("span", {
+				children: [/* @__PURE__ */ jsx(Icon, { className: "size-3.5" }), /* @__PURE__ */ jsx("span", {
 					className: "text-xs font-medium",
 					children: mediaType === "video" ? t("media_type_video") : t("media_type_pdf")
 				})]
@@ -9386,7 +9386,7 @@ function FilePreview({ result, mediaType }) {
 	}
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center gap-3 rounded-lg border p-4",
-		children: [/* @__PURE__ */ jsx(mediaType === "video" ? Video : FileText, { className: "text-muted-foreground h-8 w-8 shrink-0" }), /* @__PURE__ */ jsxs("div", {
+		children: [/* @__PURE__ */ jsx(mediaType === "video" ? Video : FileText, { className: "text-muted-foreground size-8 shrink-0" }), /* @__PURE__ */ jsxs("div", {
 			className: "min-w-0 flex-1",
 			children: [/* @__PURE__ */ jsx("p", {
 				className: "text-foreground truncate text-sm font-medium",
@@ -9590,7 +9590,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__ */ jsx(Upload, { className: "h-6 w-6" }), /* @__PURE__ */ jsx("span", {
+								children: [/* @__PURE__ */ jsx(Upload, { className: "size-6" }), /* @__PURE__ */ jsx("span", {
 									className: "text-sm",
 									children: t("media_upload_placeholder")
 								})]
@@ -9653,8 +9653,8 @@ function MediaCreateScreen({ onNavigate, onBack }) {
 									children: [/* @__PURE__ */ jsxs("div", {
 										className: "mb-2 flex items-center gap-2",
 										children: [/* @__PURE__ */ jsx("div", {
-											className: "bg-muted flex h-8 w-8 items-center justify-center rounded",
-											children: /* @__PURE__ */ jsx(ImageIcon, { className: "text-muted-foreground h-4 w-4" })
+											className: "bg-muted flex size-8 items-center justify-center rounded",
+											children: /* @__PURE__ */ jsx(ImageIcon, { className: "text-muted-foreground size-4" })
 										}), /* @__PURE__ */ jsxs("div", {
 											className: "min-w-0 flex-1",
 											children: [/* @__PURE__ */ jsx("p", {
@@ -9809,9 +9809,9 @@ function PlaylistCard({ title, imageUrl, href, itemCount, isFavorited = false, i
 								children: /* @__PURE__ */ 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__ */ jsx(MoreVertical, { className: "text-foreground h-4 w-4" })
+									children: /* @__PURE__ */ jsx(MoreVertical, { className: "text-foreground size-4" })
 								})
 							}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
 								align: "end",
@@ -9823,17 +9823,17 @@ function PlaylistCard({ title, imageUrl, href, itemCount, isFavorited = false, i
 									}),
 									canEdit && onEdit && /* @__PURE__ */ jsxs(DropdownMenuItem, {
 										onClick: onEdit,
-										children: [/* @__PURE__ */ jsx(Pencil, { className: "mr-2 h-4 w-4" }), t("common_edit")]
+										children: [/* @__PURE__ */ jsx(Pencil, { className: "mr-2 size-4" }), t("common_edit")]
 									}),
 									canEdit && onDelete && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DropdownMenuSeparator, {}), /* @__PURE__ */ jsxs(DropdownMenuItem, {
 										variant: "destructive",
 										onClick: onDelete,
-										children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }), t("common_delete")]
+										children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 size-4" }), t("common_delete")]
 									})] })
 								]
 							})] })
 						}),
-						onToggleFavorite && /* @__PURE__ */ 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__ */ jsx("div", { className: "pointer-events-none absolute -bottom-8 -left-8 z-9 size-24 rounded-full bg-[#00000020] blur-xl" }),
 						onToggleFavorite && /* @__PURE__ */ jsx("button", {
 							type: "button",
 							className: "absolute bottom-3 left-3 z-10 cursor-pointer transition-transform hover:scale-110",
@@ -9895,7 +9895,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__ */ jsx(X, { className: "h-4 w-4" })
+				children: /* @__PURE__ */ jsx(X, { className: "size-4" })
 			})]
 		})]
 	});
@@ -10109,7 +10109,7 @@ function PlaylistsListingScreen(_props) {
 	});
 	const footer = /* @__PURE__ */ jsxs(Fragment$1, { children: [isFetchingNextPage && /* @__PURE__ */ jsx("div", {
 		className: "flex justify-center py-4",
-		children: /* @__PURE__ */ jsx("div", { className: "border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" })
+		children: /* @__PURE__ */ jsx("div", { className: "border-primary size-6 animate-spin rounded-full border-2 border-t-transparent" })
 	}), error && /* @__PURE__ */ jsxs("p", {
 		className: "bg-destructive/10 text-destructive rounded-lg px-3 py-2",
 		children: ["Error: ", error.message]
@@ -10119,7 +10119,7 @@ function PlaylistsListingScreen(_props) {
 		/* @__PURE__ */ jsx(ScreenHeaderActions, { children: readOnly ? null : /* @__PURE__ */ jsxs(Button, {
 			onClick: () => navigate("playlists/new"),
 			size: "sm",
-			children: [/* @__PURE__ */ jsx(Plus, { className: "mr-1 h-4 w-4" }), t("playlist_create_button")]
+			children: [/* @__PURE__ */ jsx(Plus, { className: "mr-1 size-4" }), t("playlist_create_button")]
 		}) }),
 		/* @__PURE__ */ jsx(ScreenHeaderBreadcrumbs, { children: /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, {
 			className: "text-lg",
@@ -10201,26 +10201,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__ */ jsx(Heart, { className: cn("h-4 w-4 transition-colors", playlist.is_favorited ? "fill-destructive text-destructive" : "text-muted-foreground") })
 						}), canEdit && /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
 							asChild: true,
 							children: /* @__PURE__ */ jsx(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__ */ jsx(MoreVertical, { className: "h-4 w-4" })
+								children: /* @__PURE__ */ jsx(MoreVertical, { className: "size-4" })
 							})
 						}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
 							align: "end",
 							children: [/* @__PURE__ */ jsxs(DropdownMenuItem, {
 								onClick: () => handleEdit(playlist.id),
-								children: [/* @__PURE__ */ jsx(Pencil, { className: "mr-2 h-4 w-4" }), t("common_edit")]
+								children: [/* @__PURE__ */ jsx(Pencil, { className: "mr-2 size-4" }), t("common_edit")]
 							}), onDeletePlaylist && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(DropdownMenuSeparator, {}), /* @__PURE__ */ jsxs(DropdownMenuItem, {
 								variant: "destructive",
 								onClick: () => setPendingDeleteId(playlist.id),
-								children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }), t("common_delete")]
+								children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 size-4" }), t("common_delete")]
 							})] })]
 						})] })] })
 					}, playlist.id);
@@ -10298,7 +10298,7 @@ function PlaylistItemsList({ items, onSelectItem, selectedItemIndex = 0, onNavig
 				children: [
 					/* @__PURE__ */ jsx("div", {
 						className: "mb-2 text-gray-400",
-						children: /* @__PURE__ */ jsx(ListMusic, { className: "mx-auto h-12 w-12" })
+						children: /* @__PURE__ */ jsx(ListMusic, { className: "mx-auto size-12" })
 					}),
 					/* @__PURE__ */ jsx("div", {
 						className: "mb-1 text-sm text-gray-500",
@@ -10347,8 +10347,8 @@ function PlaylistItemsList({ items, onSelectItem, selectedItemIndex = 0, onNavig
 						}), isVideo && /* @__PURE__ */ jsx("div", {
 							className: "absolute inset-0 flex items-center justify-center",
 							children: /* @__PURE__ */ jsx("div", {
-								className: "bg-background/90 flex h-10 w-10 items-center justify-center rounded-full shadow-md",
-								children: /* @__PURE__ */ jsx(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__ */ jsx(Play, { className: "text-foreground ml-0.5 size-4" })
 							})
 						})]
 					}), /* @__PURE__ */ jsxs("div", {
@@ -10360,7 +10360,7 @@ function PlaylistItemsList({ items, onSelectItem, selectedItemIndex = 0, onNavig
 								children: [/* @__PURE__ */ jsx("span", {
 									className: "line-clamp-2",
 									children: title
-								}), /* @__PURE__ */ jsx(ArrowUpRight, { className: "text-foreground mt-0.5 h-3 w-3 shrink-0 opacity-0 transition-opacity group-hover:opacity-100" })]
+								}), /* @__PURE__ */ jsx(ArrowUpRight, { className: "text-foreground mt-0.5 size-3 shrink-0 opacity-0 transition-opacity group-hover:opacity-100" })]
 							}) : /* @__PURE__ */ jsx("div", {
 								className: "text-foreground text-[15px] leading-[1.4] font-semibold",
 								children: /* @__PURE__ */ jsx("span", {
@@ -10438,7 +10438,7 @@ function PlaylistDetailScreen({ playlistId, onNavigate }) {
 				variant: "outline",
 				size: "sm",
 				onClick: () => navigate(`playlists/${playlistId}/edit`),
-				children: [/* @__PURE__ */ jsx(Pencil, { className: "mr-1 h-3.5 w-3.5" }), t("common_edit")]
+				children: [/* @__PURE__ */ jsx(Pencil, { className: "mr-1 size-3.5" }), t("common_edit")]
 			})
 		}) : null }),
 		/* @__PURE__ */ jsx(ScreenHeaderBreadcrumbs, { children: /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsxs(BreadcrumbList, {
@@ -10708,17 +10708,17 @@ function PlaylistFormHeader({ playlistId, isEditMode, onSubmit, isSaving }) {
 				children: /* @__PURE__ */ jsx(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__ */ jsx(MoreVertical, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ jsx(MoreVertical, { className: "size-4" })
 				})
 			}), /* @__PURE__ */ jsx(DropdownMenuContent, {
 				align: "end",
 				children: /* @__PURE__ */ jsxs(DropdownMenuItem, {
 					onClick: () => setIsDeleteOpen(true),
 					className: "text-destructive focus:text-destructive",
-					children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }), t("common_delete")]
+					children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 size-4" }), t("common_delete")]
 				})
 			})] }), /* @__PURE__ */ jsx(Button, {
 				onClick: () => {
@@ -10874,11 +10874,11 @@ function getTypeDisplay(relateableType, relateableKind, t) {
 }
 function getItemIcon(relateableType) {
 	switch (relateableType) {
-		case "Medium": return /* @__PURE__ */ jsx(Image, { className: "text-muted-foreground h-4 w-4" });
-		case "Page": return /* @__PURE__ */ jsx(FileText, { className: "text-muted-foreground h-4 w-4" });
-		case "Product": return /* @__PURE__ */ jsx(ShoppingBag, { className: "text-muted-foreground h-4 w-4" });
-		case "EnrollmentPack": return /* @__PURE__ */ jsx(Package, { className: "text-muted-foreground h-4 w-4" });
-		default: return /* @__PURE__ */ jsx(Image, { className: "text-muted-foreground h-4 w-4" });
+		case "Medium": return /* @__PURE__ */ jsx(Image, { className: "text-muted-foreground size-4" });
+		case "Page": return /* @__PURE__ */ jsx(FileText, { className: "text-muted-foreground size-4" });
+		case "Product": return /* @__PURE__ */ jsx(ShoppingBag, { className: "text-muted-foreground size-4" });
+		case "EnrollmentPack": return /* @__PURE__ */ jsx(Package, { className: "text-muted-foreground size-4" });
+		default: return /* @__PURE__ */ jsx(Image, { className: "text-muted-foreground size-4" });
 	}
 }
 function SortableTable({ items, setItems, onDeleteItem, isDeletePending, enableReordering = true }) {
@@ -10946,7 +10946,7 @@ function SortableTable({ items, setItems, onDeleteItem, isDeletePending, enableR
 							children: /* @__PURE__ */ jsxs("div", {
 								className: "flex min-w-0 items-center gap-3",
 								children: [/* @__PURE__ */ 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__ */ jsx("img", {
 										src: String(row.image_url),
 										alt: String(row.title),
@@ -10965,7 +10965,7 @@ function SortableTable({ items, setItems, onDeleteItem, isDeletePending, enableR
 							className: "px-6 py-4 whitespace-nowrap",
 							children: /* @__PURE__ */ jsx("div", {
 								className: "bg-muted text-foreground inline-flex items-center gap-1 rounded-full px-2 py-1 text-xs",
-								children: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(typeBadgeIcon(row.relateable_type || "", row.kind || ""), { className: "h-3 w-3 shrink-0" }), getTypeDisplay(row.relateable_type || "", row.kind || "", t)] })
+								children: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(typeBadgeIcon(row.relateable_type || "", row.kind || ""), { className: "size-3 shrink-0" }), getTypeDisplay(row.relateable_type || "", row.kind || "", t)] })
 							})
 						}),
 						/* @__PURE__ */ jsx("td", {
@@ -10975,9 +10975,9 @@ function SortableTable({ items, setItems, onDeleteItem, isDeletePending, enableR
 								children: /* @__PURE__ */ jsx(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__ */ jsx(MoreHorizontal, { className: "h-4 w-4" })
+									children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" })
 								})
 							}), /* @__PURE__ */ jsx(DropdownMenuContent, {
 								align: "end",
@@ -10986,7 +10986,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__ */ jsx(Trash2, { className: "mr-2 h-4 w-4" }), t("playlist_delete_item")]
+									children: [/* @__PURE__ */ jsx(Trash2, { className: "mr-2 size-4" }), t("playlist_delete_item")]
 								})
 							})] })
 						})
@@ -11341,7 +11341,7 @@ function PlaylistItemsSubsection({ section, items, onAdd, onReorder, onDeleteIte
 						size: "sm",
 						className: "flex min-w-25 items-center gap-2",
 						onClick: onAdd,
-						children: [/* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }), t("playlist_add_item_button")]
+						children: [/* @__PURE__ */ jsx(Plus, { className: "size-4" }), t("playlist_add_item_button")]
 					})
 				})]
 			}), /* @__PURE__ */ jsx(SortableTable, {
@@ -11371,7 +11371,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 "";
@@ -11725,7 +11725,7 @@ function FilesListingScreen({ onNavigate }) {
 	});
 	const footer = /* @__PURE__ */ jsxs(Fragment$1, { children: [isFetchingNextPage && /* @__PURE__ */ jsx("div", {
 		className: "flex justify-center py-4",
-		children: /* @__PURE__ */ jsx("div", { className: "border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" })
+		children: /* @__PURE__ */ jsx("div", { className: "border-primary size-6 animate-spin rounded-full border-2 border-t-transparent" })
 	}), error && /* @__PURE__ */ jsx("p", {
 		className: "bg-destructive/10 text-destructive rounded-lg px-3 py-2",
 		children: t("files_load_error")
@@ -11781,8 +11781,8 @@ function FilesListingScreen({ onNavigate }) {
 							isVideo && /* @__PURE__ */ jsx("div", {
 								className: "absolute inset-0 flex items-center justify-center",
 								children: /* @__PURE__ */ jsx("div", {
-									className: "bg-foreground/50 flex h-16 w-16 items-center justify-center rounded-full backdrop-blur-sm",
-									children: /* @__PURE__ */ jsx(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__ */ jsx(CirclePlay, { className: "text-background size-12" })
 								})
 							}),
 							!isVideo && /* @__PURE__ */ jsx(Badge, {
@@ -11907,7 +11907,7 @@ function PagesListingScreen({ onNavigate }) {
 		}),
 		footer: isFetchingNextPage && /* @__PURE__ */ jsx("div", {
 			className: "flex justify-center py-4",
-			children: /* @__PURE__ */ jsx("div", { className: "border-primary h-6 w-6 animate-spin rounded-full border-2 border-t-transparent" })
+			children: /* @__PURE__ */ jsx("div", { className: "border-primary size-6 animate-spin rounded-full border-2 border-t-transparent" })
 		}),
 		sentinelRef: observerTarget,
 		children: /* @__PURE__ */ jsx("div", {
@@ -13979,4 +13979,4 @@ const shareablesScreenPropertySchema = {
 //#endregion
 export { shareablesScreenPropertySchema as n, ShareablesScreen as t };
 
-//# sourceMappingURL=ShareablesScreen-aafzr3Vs.mjs.map
+//# sourceMappingURL=ShareablesScreen-B6Qs0xXn.mjs.map