@hoardodile/ui 0.0.0

package/dist/components/image-crop-panel.js

@@ -0,0 +1,1104 @@
+import { clsx } from 'clsx';
+import { extendTailwindMerge } from 'tailwind-merge';
+import { Button as Button$1 } from '@base-ui/react/button';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { createContext, useId, useRef, useState, useEffect, useCallback, useContext, useSyncExternalStore, createElement } from 'react';
+import { Switch as Switch$1 } from '@base-ui/react/switch';
+import '@solar-icons/react/bold/add-circle';
+import '@solar-icons/react/bold/align-left';
+import '@solar-icons/react/bold/alt-arrow-down';
+import '@solar-icons/react/bold/alt-arrow-left';
+import '@solar-icons/react/bold/alt-arrow-right';
+import '@solar-icons/react/bold/alt-arrow-up';
+import '@solar-icons/react/bold/archive';
+import '@solar-icons/react/bold/arrow-right';
+import '@solar-icons/react/bold/arrow-to-top-left';
+import '@solar-icons/react/bold/arrow-to-top-right';
+import '@solar-icons/react/bold/bell';
+import '@solar-icons/react/bold/bolt';
+import '@solar-icons/react/bold/book';
+import '@solar-icons/react/bold/book-2';
+import '@solar-icons/react/bold/bookmark';
+import '@solar-icons/react/bold/bookmark-circle';
+import '@solar-icons/react/bold/box';
+import '@solar-icons/react/bold/branching-paths-up';
+import '@solar-icons/react/bold/bug';
+import '@solar-icons/react/bold/calendar-date';
+import '@solar-icons/react/bold/chat-round';
+import '@solar-icons/react/bold/chat-round-dots';
+import '@solar-icons/react/bold/chat-round-line';
+import '@solar-icons/react/bold/chat-square';
+import '@solar-icons/react/bold/check-circle';
+import '@solar-icons/react/bold/checklist';
+import '@solar-icons/react/bold/clipboard-list';
+import '@solar-icons/react/bold/clock-circle';
+import '@solar-icons/react/bold/compass';
+import '@solar-icons/react/bold/copy';
+import '@solar-icons/react/bold/crown';
+import '@solar-icons/react/bold/danger-triangle';
+import '@solar-icons/react/bold/database';
+import '@solar-icons/react/bold/diskette';
+import '@solar-icons/react/bold/dislike';
+import '@solar-icons/react/bold/document-add';
+import '@solar-icons/react/bold/document-text';
+import '@solar-icons/react/bold/double-alt-arrow-down';
+import '@solar-icons/react/bold/download';
+import '@solar-icons/react/bold/eraser';
+import '@solar-icons/react/bold/eye';
+import '@solar-icons/react/bold/file';
+import '@solar-icons/react/bold/file-remove';
+import '@solar-icons/react/bold/file-text';
+import '@solar-icons/react/bold/filter';
+import '@solar-icons/react/bold/filters';
+import '@solar-icons/react/bold/folder';
+import '@solar-icons/react/bold/folder-open';
+import '@solar-icons/react/bold/folder-path-connect';
+import '@solar-icons/react/bold/forbidden-circle';
+import { GalleryIcon as GalleryIcon$2 } from '@solar-icons/react/bold/gallery';
+import '@solar-icons/react/bold/gallery-add';
+import '@solar-icons/react/bold/gallery-wide';
+import '@solar-icons/react/bold/global';
+import '@solar-icons/react/bold/graph-down';
+import '@solar-icons/react/bold/graph-up';
+import '@solar-icons/react/bold/hamburger-menu';
+import '@solar-icons/react/bold/hand-heart';
+import '@solar-icons/react/bold/heart';
+import '@solar-icons/react/bold/help';
+import '@solar-icons/react/bold/history';
+import '@solar-icons/react/bold/home-angle';
+import '@solar-icons/react/bold/info-circle';
+import '@solar-icons/react/bold/layers';
+import '@solar-icons/react/bold/letter';
+import '@solar-icons/react/bold/like';
+import '@solar-icons/react/bold/link';
+import '@solar-icons/react/bold/list';
+import '@solar-icons/react/bold/list-vertical';
+import '@solar-icons/react/bold/lock-password';
+import '@solar-icons/react/bold/login-2';
+import '@solar-icons/react/bold/logout';
+import '@solar-icons/react/bold/magic-wand-2';
+import '@solar-icons/react/bold/magnifier';
+import '@solar-icons/react/bold/magnifier-zoom-in';
+import '@solar-icons/react/bold/magnifier-zoom-out';
+import '@solar-icons/react/bold/maximize';
+import '@solar-icons/react/bold/menu-dots';
+import '@solar-icons/react/bold/minimize';
+import '@solar-icons/react/bold/minus-square';
+import '@solar-icons/react/bold/monitor';
+import '@solar-icons/react/bold/monitor-smartphone';
+import '@solar-icons/react/bold/moon';
+import '@solar-icons/react/bold/move-to-folder';
+import '@solar-icons/react/bold/music-notes';
+import '@solar-icons/react/bold/palette';
+import '@solar-icons/react/bold/palette-round';
+import '@solar-icons/react/bold/pause';
+import '@solar-icons/react/bold/pen';
+import '@solar-icons/react/bold/pen-new-round';
+import '@solar-icons/react/bold/pie-chart';
+import '@solar-icons/react/bold/pin';
+import '@solar-icons/react/bold/play';
+import '@solar-icons/react/bold/plug-circle';
+import '@solar-icons/react/bold/plus-minus';
+import '@solar-icons/react/bold/pulse';
+import '@solar-icons/react/bold/refresh';
+import { RefreshCircleIcon as RefreshCircleIcon$2 } from '@solar-icons/react/bold/refresh-circle';
+import '@solar-icons/react/bold/reorder';
+import '@solar-icons/react/bold/repeat';
+import '@solar-icons/react/bold/reply';
+import '@solar-icons/react/bold/restart';
+import '@solar-icons/react/bold/rocket';
+import '@solar-icons/react/bold/route';
+import '@solar-icons/react/bold/scale';
+import '@solar-icons/react/bold/server';
+import '@solar-icons/react/bold/settings';
+import '@solar-icons/react/bold/share';
+import '@solar-icons/react/bold/shield-check';
+import '@solar-icons/react/bold/sidebar-minimalistic';
+import '@solar-icons/react/bold/slider-horizontal';
+import '@solar-icons/react/bold/smartphone';
+import '@solar-icons/react/bold/sort';
+import '@solar-icons/react/bold/sort-by-time';
+import '@solar-icons/react/bold/sort-horizontal';
+import '@solar-icons/react/bold/sort-vertical';
+import '@solar-icons/react/bold/star';
+import '@solar-icons/react/bold/structure';
+import '@solar-icons/react/bold/sun';
+import '@solar-icons/react/bold/tag';
+import '@solar-icons/react/bold/telescope';
+import '@solar-icons/react/bold/test-tube';
+import '@solar-icons/react/bold/text-format';
+import '@solar-icons/react/bold/transfer-horizontal';
+import '@solar-icons/react/bold/translation';
+import '@solar-icons/react/bold/trash-bin-minimalistic';
+import '@solar-icons/react/bold/undo-left';
+import '@solar-icons/react/bold/undo-left-round';
+import '@solar-icons/react/bold/undo-right';
+import '@solar-icons/react/bold/undo-right-round';
+import { UploadIcon as UploadIcon$2 } from '@solar-icons/react/bold/upload';
+import '@solar-icons/react/bold/user';
+import '@solar-icons/react/bold/user-id';
+import '@solar-icons/react/bold/user-minus';
+import '@solar-icons/react/bold/user-plus';
+import '@solar-icons/react/bold/users-group-rounded';
+import '@solar-icons/react/bold/users-group-two-rounded';
+import '@solar-icons/react/bold/video-frame';
+import '@solar-icons/react/bold/widget-2';
+import '@solar-icons/react/bold/widget-5';
+import '@solar-icons/react/bold/window-frame';
+import '@solar-icons/react/bold-duotone/add-circle';
+import '@solar-icons/react/bold-duotone/align-left';
+import '@solar-icons/react/bold-duotone/alt-arrow-down';
+import '@solar-icons/react/bold-duotone/alt-arrow-left';
+import '@solar-icons/react/bold-duotone/alt-arrow-right';
+import '@solar-icons/react/bold-duotone/alt-arrow-up';
+import '@solar-icons/react/bold-duotone/archive';
+import '@solar-icons/react/bold-duotone/arrow-right';
+import '@solar-icons/react/bold-duotone/arrow-to-top-left';
+import '@solar-icons/react/bold-duotone/arrow-to-top-right';
+import '@solar-icons/react/bold-duotone/bell';
+import '@solar-icons/react/bold-duotone/bolt';
+import '@solar-icons/react/bold-duotone/book';
+import '@solar-icons/react/bold-duotone/book-2';
+import '@solar-icons/react/bold-duotone/bookmark';
+import '@solar-icons/react/bold-duotone/bookmark-circle';
+import '@solar-icons/react/bold-duotone/box';
+import '@solar-icons/react/bold-duotone/branching-paths-up';
+import '@solar-icons/react/bold-duotone/bug';
+import '@solar-icons/react/bold-duotone/calendar-date';
+import '@solar-icons/react/bold-duotone/chat-round';
+import '@solar-icons/react/bold-duotone/chat-round-dots';
+import '@solar-icons/react/bold-duotone/chat-round-line';
+import '@solar-icons/react/bold-duotone/chat-square';
+import '@solar-icons/react/bold-duotone/check-circle';
+import '@solar-icons/react/bold-duotone/checklist';
+import '@solar-icons/react/bold-duotone/clipboard-list';
+import '@solar-icons/react/bold-duotone/clock-circle';
+import '@solar-icons/react/bold-duotone/compass';
+import '@solar-icons/react/bold-duotone/copy';
+import '@solar-icons/react/bold-duotone/crown';
+import '@solar-icons/react/bold-duotone/danger-triangle';
+import '@solar-icons/react/bold-duotone/database';
+import '@solar-icons/react/bold-duotone/diskette';
+import '@solar-icons/react/bold-duotone/dislike';
+import '@solar-icons/react/bold-duotone/document-add';
+import '@solar-icons/react/bold-duotone/document-text';
+import '@solar-icons/react/bold-duotone/double-alt-arrow-down';
+import '@solar-icons/react/bold-duotone/download';
+import '@solar-icons/react/bold-duotone/eraser';
+import '@solar-icons/react/bold-duotone/eye';
+import '@solar-icons/react/bold-duotone/file';
+import '@solar-icons/react/bold-duotone/file-remove';
+import '@solar-icons/react/bold-duotone/file-text';
+import '@solar-icons/react/bold-duotone/filter';
+import '@solar-icons/react/bold-duotone/filters';
+import '@solar-icons/react/bold-duotone/folder';
+import '@solar-icons/react/bold-duotone/folder-open';
+import '@solar-icons/react/bold-duotone/folder-path-connect';
+import '@solar-icons/react/bold-duotone/forbidden-circle';
+import { GalleryIcon as GalleryIcon$1 } from '@solar-icons/react/bold-duotone/gallery';
+import '@solar-icons/react/bold-duotone/gallery-add';
+import '@solar-icons/react/bold-duotone/gallery-wide';
+import '@solar-icons/react/bold-duotone/global';
+import '@solar-icons/react/bold-duotone/graph-down';
+import '@solar-icons/react/bold-duotone/graph-up';
+import '@solar-icons/react/bold-duotone/hamburger-menu';
+import '@solar-icons/react/bold-duotone/hand-heart';
+import '@solar-icons/react/bold-duotone/heart';
+import '@solar-icons/react/bold-duotone/help';
+import '@solar-icons/react/bold-duotone/history';
+import '@solar-icons/react/bold-duotone/home-angle';
+import '@solar-icons/react/bold-duotone/info-circle';
+import '@solar-icons/react/bold-duotone/layers';
+import '@solar-icons/react/bold-duotone/letter';
+import '@solar-icons/react/bold-duotone/like';
+import '@solar-icons/react/bold-duotone/link';
+import '@solar-icons/react/bold-duotone/list';
+import '@solar-icons/react/bold-duotone/list-vertical';
+import '@solar-icons/react/bold-duotone/lock-password';
+import '@solar-icons/react/bold-duotone/login-2';
+import '@solar-icons/react/bold-duotone/logout';
+import '@solar-icons/react/bold-duotone/magic-wand-2';
+import '@solar-icons/react/bold-duotone/magnifier';
+import '@solar-icons/react/bold-duotone/magnifier-zoom-in';
+import '@solar-icons/react/bold-duotone/magnifier-zoom-out';
+import '@solar-icons/react/bold-duotone/maximize';
+import '@solar-icons/react/bold-duotone/menu-dots';
+import '@solar-icons/react/bold-duotone/minimize';
+import '@solar-icons/react/bold-duotone/minus-square';
+import '@solar-icons/react/bold-duotone/monitor';
+import '@solar-icons/react/bold-duotone/monitor-smartphone';
+import '@solar-icons/react/bold-duotone/moon';
+import '@solar-icons/react/bold-duotone/move-to-folder';
+import '@solar-icons/react/bold-duotone/music-notes';
+import '@solar-icons/react/bold-duotone/palette';
+import '@solar-icons/react/bold-duotone/palette-round';
+import '@solar-icons/react/bold-duotone/pause';
+import '@solar-icons/react/bold-duotone/pen';
+import '@solar-icons/react/bold-duotone/pen-new-round';
+import '@solar-icons/react/bold-duotone/pie-chart';
+import '@solar-icons/react/bold-duotone/pin';
+import '@solar-icons/react/bold-duotone/play';
+import '@solar-icons/react/bold-duotone/plug-circle';
+import '@solar-icons/react/bold-duotone/plus-minus';
+import '@solar-icons/react/bold-duotone/pulse';
+import '@solar-icons/react/bold-duotone/refresh';
+import { RefreshCircleIcon as RefreshCircleIcon$1 } from '@solar-icons/react/bold-duotone/refresh-circle';
+import '@solar-icons/react/bold-duotone/reorder';
+import '@solar-icons/react/bold-duotone/repeat';
+import '@solar-icons/react/bold-duotone/reply';
+import '@solar-icons/react/bold-duotone/restart';
+import '@solar-icons/react/bold-duotone/rocket';
+import '@solar-icons/react/bold-duotone/route';
+import '@solar-icons/react/bold-duotone/scale';
+import '@solar-icons/react/bold-duotone/server';
+import '@solar-icons/react/bold-duotone/settings';
+import '@solar-icons/react/bold-duotone/share';
+import '@solar-icons/react/bold-duotone/shield-check';
+import '@solar-icons/react/bold-duotone/sidebar-minimalistic';
+import '@solar-icons/react/bold-duotone/slider-horizontal';
+import '@solar-icons/react/bold-duotone/smartphone';
+import '@solar-icons/react/bold-duotone/sort';
+import '@solar-icons/react/bold-duotone/sort-by-time';
+import '@solar-icons/react/bold-duotone/sort-horizontal';
+import '@solar-icons/react/bold-duotone/sort-vertical';
+import '@solar-icons/react/bold-duotone/star';
+import '@solar-icons/react/bold-duotone/structure';
+import '@solar-icons/react/bold-duotone/sun';
+import '@solar-icons/react/bold-duotone/tag';
+import '@solar-icons/react/bold-duotone/telescope';
+import '@solar-icons/react/bold-duotone/test-tube';
+import '@solar-icons/react/bold-duotone/text-format';
+import '@solar-icons/react/bold-duotone/transfer-horizontal';
+import '@solar-icons/react/bold-duotone/translation';
+import '@solar-icons/react/bold-duotone/trash-bin-minimalistic';
+import '@solar-icons/react/bold-duotone/undo-left';
+import '@solar-icons/react/bold-duotone/undo-left-round';
+import '@solar-icons/react/bold-duotone/undo-right';
+import '@solar-icons/react/bold-duotone/undo-right-round';
+import { UploadIcon as UploadIcon$1 } from '@solar-icons/react/bold-duotone/upload';
+import '@solar-icons/react/bold-duotone/user';
+import '@solar-icons/react/bold-duotone/user-id';
+import '@solar-icons/react/bold-duotone/user-minus';
+import '@solar-icons/react/bold-duotone/user-plus';
+import '@solar-icons/react/bold-duotone/users-group-rounded';
+import '@solar-icons/react/bold-duotone/users-group-two-rounded';
+import '@solar-icons/react/bold-duotone/video-frame';
+import '@solar-icons/react/bold-duotone/widget-2';
+import '@solar-icons/react/bold-duotone/widget-5';
+import '@solar-icons/react/bold-duotone/window-frame';
+import '@solar-icons/react/linear/add-circle';
+import '@solar-icons/react/linear/align-left';
+import '@solar-icons/react/linear/alt-arrow-down';
+import '@solar-icons/react/linear/alt-arrow-left';
+import '@solar-icons/react/linear/alt-arrow-right';
+import '@solar-icons/react/linear/alt-arrow-up';
+import '@solar-icons/react/linear/archive';
+import '@solar-icons/react/linear/arrow-right';
+import '@solar-icons/react/linear/arrow-to-top-left';
+import '@solar-icons/react/linear/arrow-to-top-right';
+import '@solar-icons/react/linear/bell';
+import '@solar-icons/react/linear/bolt';
+import '@solar-icons/react/linear/book';
+import '@solar-icons/react/linear/book-2';
+import '@solar-icons/react/linear/bookmark';
+import '@solar-icons/react/linear/bookmark-circle';
+import '@solar-icons/react/linear/box';
+import '@solar-icons/react/linear/branching-paths-up';
+import '@solar-icons/react/linear/bug';
+import '@solar-icons/react/linear/calendar-date';
+import '@solar-icons/react/linear/chat-round';
+import '@solar-icons/react/linear/chat-round-dots';
+import '@solar-icons/react/linear/chat-round-line';
+import '@solar-icons/react/linear/chat-square';
+import '@solar-icons/react/linear/check-circle';
+import '@solar-icons/react/linear/checklist';
+import '@solar-icons/react/linear/clipboard-list';
+import '@solar-icons/react/linear/clock-circle';
+import '@solar-icons/react/linear/compass';
+import '@solar-icons/react/linear/copy';
+import '@solar-icons/react/linear/crown';
+import '@solar-icons/react/linear/danger-triangle';
+import '@solar-icons/react/linear/database';
+import '@solar-icons/react/linear/diskette';
+import '@solar-icons/react/linear/dislike';
+import '@solar-icons/react/linear/document-add';
+import '@solar-icons/react/linear/document-text';
+import '@solar-icons/react/linear/double-alt-arrow-down';
+import '@solar-icons/react/linear/download';
+import '@solar-icons/react/linear/eraser';
+import '@solar-icons/react/linear/eye';
+import '@solar-icons/react/linear/file';
+import '@solar-icons/react/linear/file-remove';
+import '@solar-icons/react/linear/file-text';
+import '@solar-icons/react/linear/filter';
+import '@solar-icons/react/linear/filters';
+import '@solar-icons/react/linear/folder';
+import '@solar-icons/react/linear/folder-open';
+import '@solar-icons/react/linear/folder-path-connect';
+import '@solar-icons/react/linear/forbidden-circle';
+import { GalleryIcon } from '@solar-icons/react/linear/gallery';
+import '@solar-icons/react/linear/gallery-add';
+import '@solar-icons/react/linear/gallery-wide';
+import '@solar-icons/react/linear/global';
+import '@solar-icons/react/linear/graph-down';
+import '@solar-icons/react/linear/graph-up';
+import '@solar-icons/react/linear/hamburger-menu';
+import '@solar-icons/react/linear/hand-heart';
+import '@solar-icons/react/linear/heart';
+import '@solar-icons/react/linear/help';
+import '@solar-icons/react/linear/history';
+import '@solar-icons/react/linear/home-angle';
+import '@solar-icons/react/linear/info-circle';
+import '@solar-icons/react/linear/layers';
+import '@solar-icons/react/linear/letter';
+import '@solar-icons/react/linear/like';
+import '@solar-icons/react/linear/link';
+import '@solar-icons/react/linear/list';
+import '@solar-icons/react/linear/list-vertical';
+import '@solar-icons/react/linear/lock-password';
+import '@solar-icons/react/linear/login-2';
+import '@solar-icons/react/linear/logout';
+import '@solar-icons/react/linear/magic-wand-2';
+import '@solar-icons/react/linear/magnifier';
+import '@solar-icons/react/linear/magnifier-zoom-in';
+import '@solar-icons/react/linear/magnifier-zoom-out';
+import '@solar-icons/react/linear/maximize';
+import '@solar-icons/react/linear/minimize';
+import '@solar-icons/react/linear/minus-square';
+import '@solar-icons/react/linear/monitor';
+import '@solar-icons/react/linear/monitor-smartphone';
+import '@solar-icons/react/linear/moon';
+import '@solar-icons/react/linear/move-to-folder';
+import '@solar-icons/react/linear/music-notes';
+import '@solar-icons/react/linear/palette';
+import '@solar-icons/react/linear/palette-round';
+import '@solar-icons/react/linear/pause';
+import '@solar-icons/react/linear/pen';
+import '@solar-icons/react/linear/pen-new-round';
+import '@solar-icons/react/linear/pie-chart';
+import '@solar-icons/react/linear/pin';
+import '@solar-icons/react/linear/play';
+import '@solar-icons/react/linear/plug-circle';
+import '@solar-icons/react/linear/plus-minus';
+import '@solar-icons/react/linear/pulse';
+import '@solar-icons/react/linear/refresh';
+import { RefreshCircleIcon } from '@solar-icons/react/linear/refresh-circle';
+import '@solar-icons/react/linear/reorder';
+import '@solar-icons/react/linear/repeat';
+import '@solar-icons/react/linear/reply';
+import '@solar-icons/react/linear/restart';
+import '@solar-icons/react/linear/rocket';
+import '@solar-icons/react/linear/route';
+import '@solar-icons/react/linear/scale';
+import '@solar-icons/react/linear/server';
+import '@solar-icons/react/linear/settings';
+import '@solar-icons/react/linear/share';
+import '@solar-icons/react/linear/shield-check';
+import '@solar-icons/react/linear/sidebar-minimalistic';
+import '@solar-icons/react/linear/slider-horizontal';
+import '@solar-icons/react/linear/smartphone';
+import '@solar-icons/react/linear/sort';
+import '@solar-icons/react/linear/sort-by-time';
+import '@solar-icons/react/linear/sort-horizontal';
+import '@solar-icons/react/linear/sort-vertical';
+import '@solar-icons/react/linear/star';
+import '@solar-icons/react/linear/structure';
+import '@solar-icons/react/linear/sun';
+import '@solar-icons/react/linear/tag';
+import '@solar-icons/react/linear/telescope';
+import '@solar-icons/react/linear/test-tube';
+import '@solar-icons/react/linear/text-format';
+import '@solar-icons/react/linear/transfer-horizontal';
+import '@solar-icons/react/linear/translation';
+import '@solar-icons/react/linear/trash-bin-minimalistic';
+import '@solar-icons/react/linear/undo-left';
+import '@solar-icons/react/linear/undo-left-round';
+import '@solar-icons/react/linear/undo-right';
+import '@solar-icons/react/linear/undo-right-round';
+import { UploadIcon } from '@solar-icons/react/linear/upload';
+import '@solar-icons/react/linear/user';
+import '@solar-icons/react/linear/user-id';
+import '@solar-icons/react/linear/user-minus';
+import '@solar-icons/react/linear/user-plus';
+import '@solar-icons/react/linear/users-group-rounded';
+import '@solar-icons/react/linear/users-group-two-rounded';
+import '@solar-icons/react/linear/video-frame';
+import '@solar-icons/react/linear/widget-2';
+import '@solar-icons/react/linear/widget-5';
+import '@solar-icons/react/linear/window-frame';
+import { Toast } from '@base-ui/react/toast';
+import { useTranslation } from 'react-i18next';
+import ReactCrop from 'react-image-crop';
+import 'react-image-crop/dist/ReactCrop.css';
+
+// src/lib/utils.ts
+var mergeTheme = {
+  text: ["tiny", "ui", "doc", "doc-title", "doc-heading", "quote"],
+  spacing: ["chip", "control", "nav", "sidebar", "panel"],
+  tracking: ["label"],
+  shadow: ["card", "dialog"],
+  container: ["reading", "medium", "content"],
+  font: ["doc", "heading"],
+  ease: ["standard"],
+  animate: ["skel", "pop"]
+};
+var twMerge = extendTailwindMerge({
+  extend: { theme: mergeTheme }
+});
+
+// src/lib/utils.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var buttonVariants = cva(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-lg text-ui font-medium whitespace-nowrap outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary px-4! text-primary-foreground hover:bg-primary/80",
+        outline: "border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-foreground",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        danger: "bg-[color-mix(in_oklab,var(--destructive),black_12%)] text-white hover:bg-[color-mix(in_oklab,var(--destructive),black_4%)] focus-visible:border-destructive/40 focus-visible:ring-destructive/20 disabled:bg-destructive/10 disabled:text-muted-foreground dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-control gap-2 px-3 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-2 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-chip gap-2 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
+        lg: "h-10 gap-2 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        icon: "size-9",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  active,
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Button$1,
+    {
+      "data-slot": "button",
+      className: cn(
+        buttonVariants({ variant, size, className }),
+        active && "bg-accent text-accent-foreground hover:bg-accent"
+      ),
+      ...props
+    }
+  );
+}
+var DialogFooterActionsContext = createContext(null);
+function useDialogFooterActions() {
+  return useContext(DialogFooterActionsContext);
+}
+function DialogFooterActions({ children }) {
+  const slot = useDialogFooterActions();
+  useEffect(() => {
+    if (slot === null) return;
+    slot.setFooterActions(children);
+    return () => slot.setFooterActions(null);
+  }, [slot, children]);
+  return null;
+}
+function Label({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "label",
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Switch({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Switch$1.Root,
+    {
+      "data-slot": "switch",
+      "data-size": size,
+      className: cn(
+        "peer group/switch relative inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-5 data-[size=default]:w-9 data-[size=default]:p-[3px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        Switch$1.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: "pointer-events-none block rounded-full bg-background ring-1 ring-foreground/10 transition-transform group-data-[size=default]/switch:size-3.5 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%+2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground"
+        }
+      )
+    }
+  );
+}
+function readIconMode() {
+  return document.documentElement.dataset.iconStyle === "linear" ? "linear" : "boldDuotone";
+}
+var currentMode = "boldDuotone";
+var observer;
+var listeners = /* @__PURE__ */ new Set();
+function ensureObserver() {
+  if (observer !== void 0 || typeof document === "undefined") return;
+  observer = new MutationObserver(() => {
+    const next = readIconMode();
+    if (next === currentMode) return;
+    currentMode = next;
+    for (const cb of listeners) cb();
+  });
+  observer.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ["data-icon-style"]
+  });
+}
+function subscribeIconStyle(callback) {
+  ensureObserver();
+  currentMode = readIconMode();
+  listeners.add(callback);
+  return () => {
+    listeners.delete(callback);
+  };
+}
+function getIconStyleSnapshot() {
+  return currentMode;
+}
+function createIcon(variants) {
+  function Icon(props) {
+    const current = useSyncExternalStore(
+      subscribeIconStyle,
+      getIconStyleSnapshot,
+      () => "boldDuotone"
+    );
+    const { mode, ...rest } = props;
+    const Component = variants[mode ?? current];
+    const className = typeof rest.className === "string" ? `hd-icon ${rest.className}` : "hd-icon";
+    return createElement(Component, { ...rest, className });
+  }
+  return Icon;
+}
+var Gallery = createIcon({
+  bold: GalleryIcon$2,
+  boldDuotone: GalleryIcon$1,
+  linear: GalleryIcon
+});
+var RefreshCircle = createIcon({
+  bold: RefreshCircleIcon$2,
+  boldDuotone: RefreshCircleIcon$1,
+  linear: RefreshCircleIcon
+});
+var Upload = createIcon({
+  bold: UploadIcon$2,
+  boldDuotone: UploadIcon$1,
+  linear: UploadIcon
+});
+var toast = Toast.createToastManager();
+Toast.createToastManager;
+Toast.useToastManager;
+function ImageCropper(props) {
+  const {
+    src,
+    aspect,
+    mimeType = "image/png",
+    quality = 0.92,
+    displayMaxWidth,
+    displayMaxHeight = "70vh"
+  } = props;
+  const imgRef = useRef(null);
+  const [crop, setCrop] = useState(void 0);
+  const [completed, setCompleted] = useState(void 0);
+  const handleImageLoad = useCallback(
+    (e) => {
+      const { naturalWidth, naturalHeight } = e.currentTarget;
+      const initial = buildInitialCrop(naturalWidth, naturalHeight, aspect);
+      setCrop(initial);
+      setCompleted(initial);
+    },
+    [aspect]
+  );
+  const onCropReady = props.onCropReady;
+  const onPreviewChange = props.onPreviewChange;
+  useEffect(() => {
+    const img = imgRef.current;
+    if (img === null || completed === void 0 || completed.width === 0) {
+      return;
+    }
+    onCropReady(() => renderCroppedImage(img, completed, mimeType, quality));
+    if (onPreviewChange !== void 0) {
+      onPreviewChange(renderPreviewDataUrl(img, completed));
+    }
+  }, [completed, mimeType, quality, onCropReady, onPreviewChange]);
+  return /* @__PURE__ */ jsx("div", { className: "react-crop-theme flex min-h-0 w-full max-w-full flex-col items-center gap-2 overflow-hidden", children: /* @__PURE__ */ jsx(
+    ReactCrop,
+    {
+      className: "max-w-full",
+      crop,
+      onChange: (_, percentCrop) => setCrop(percentCrop),
+      onComplete: (_, percentCrop) => setCompleted(percentCrop),
+      aspect,
+      keepSelection: true,
+      ruleOfThirds: true,
+      children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          ref: imgRef,
+          src,
+          onLoad: handleImageLoad,
+          className: "h-auto max-w-full",
+          style: {
+            maxWidth: displayMaxWidth,
+            maxHeight: displayMaxHeight
+          }
+        }
+      )
+    }
+  ) });
+}
+function buildInitialCrop(imgWidth, imgHeight, aspect) {
+  if (aspect === void 0) {
+    return { unit: "%", x: 0, y: 0, width: 100, height: 100 };
+  }
+  const imgAspect = imgWidth / imgHeight;
+  let widthPct;
+  let heightPct;
+  if (imgAspect >= aspect) {
+    heightPct = 100;
+    widthPct = 100 * aspect / imgAspect;
+  } else {
+    widthPct = 100;
+    heightPct = 100 * imgAspect / aspect;
+  }
+  return {
+    unit: "%",
+    x: (100 - widthPct) / 2,
+    y: (100 - heightPct) / 2,
+    width: widthPct,
+    height: heightPct
+  };
+}
+var CroppedImageRenderError = class extends Error {
+  constructor(message) {
+    super(message);
+    this.name = "CroppedImageRenderError";
+  }
+};
+async function renderCroppedImage(image, crop, mimeType, quality) {
+  const sourceRect = cropToNaturalRect(image, crop);
+  const canvas = document.createElement("canvas");
+  canvas.width = sourceRect.sw;
+  canvas.height = sourceRect.sh;
+  const ctx = canvas.getContext("2d");
+  if (ctx === null) {
+    throw new CroppedImageRenderError("2d context is unavailable");
+  }
+  ctx.imageSmoothingQuality = "high";
+  ctx.drawImage(
+    image,
+    sourceRect.sx,
+    sourceRect.sy,
+    sourceRect.sw,
+    sourceRect.sh,
+    0,
+    0,
+    sourceRect.sw,
+    sourceRect.sh
+  );
+  const blob = await new Promise((resolve) => {
+    canvas.toBlob(resolve, mimeType, quality);
+  });
+  if (blob === null) {
+    throw new CroppedImageRenderError("toBlob returned null");
+  }
+  return { blob, width: sourceRect.sw, height: sourceRect.sh, mimeType };
+}
+function renderPreviewDataUrl(image, crop) {
+  const sourceRect = cropToNaturalRect(image, crop);
+  const canvas = document.createElement("canvas");
+  canvas.width = sourceRect.sw;
+  canvas.height = sourceRect.sh;
+  const ctx = canvas.getContext("2d", { alpha: true });
+  if (ctx === null) return "";
+  ctx.imageSmoothingQuality = "high";
+  ctx.drawImage(
+    image,
+    sourceRect.sx,
+    sourceRect.sy,
+    sourceRect.sw,
+    sourceRect.sh,
+    0,
+    0,
+    sourceRect.sw,
+    sourceRect.sh
+  );
+  return canvas.toDataURL("image/png");
+}
+function cropToNaturalRect(image, crop) {
+  const naturalWidth = image.naturalWidth;
+  const naturalHeight = image.naturalHeight;
+  if (crop.unit === "px") {
+    return {
+      sx: crop.x,
+      sy: crop.y,
+      sw: Math.max(1, Math.round(crop.width)),
+      sh: Math.max(1, Math.round(crop.height))
+    };
+  }
+  const sx = crop.x / 100 * naturalWidth;
+  const sy = crop.y / 100 * naturalHeight;
+  const swRaw = crop.width / 100 * naturalWidth;
+  const shRaw = crop.height / 100 * naturalHeight;
+  const sw = Math.max(1, Math.round(swRaw));
+  const sh = Math.max(1, Math.round(shRaw));
+  return { sx, sy, sw, sh };
+}
+function ImageCropPanel(props) {
+  const {
+    aspect,
+    mimeType = "image/png",
+    accept = "image/*",
+    previewShape = "square",
+    previewWidth: previewWidthProp,
+    previewHeight: previewHeightProp,
+    onSave,
+    onSaved,
+    onClear,
+    initialSrc,
+    allowChangeSource = true,
+    onSavingChange,
+    cropStageWidth,
+    cropStageHeight,
+    showPreviewSwitch = false,
+    hidePreview = false,
+    fillWidth = false,
+    panelClassName,
+    containerClassName,
+    cropColumnClassName,
+    cropStageClassName,
+    hideActionButton = false,
+    autoSaveOnCrop = false
+  } = props;
+  const { t } = useTranslation("ui", { useSuspense: false });
+  const footerSlot = useDialogFooterActions();
+  const previewWidth = previewWidthProp ?? cropStageWidth ?? 200;
+  const previewHeight = previewHeightProp ?? cropStageHeight ?? 200;
+  const effectiveCropWidth = cropStageWidth ?? 320;
+  const effectiveCropHeight = cropStageHeight ?? 240;
+  const stageAspectRatio = fillWidth && cropStageWidth !== void 0 && cropStageHeight !== void 0 ? `${cropStageWidth} / ${cropStageHeight}` : void 0;
+  const previewToggleId = useId();
+  const fileInputRef = useRef(null);
+  const [imageSrc, setImageSrc] = useState(initialSrc);
+  const renderRef = useRef(void 0);
+  const [previewDataUrl, setPreviewDataUrl] = useState(
+    void 0
+  );
+  const [previewPaneOn, setPreviewPaneOn] = useState(false);
+  const [dragOver, setDragOver] = useState(false);
+  const [saving, setSaving] = useState(false);
+  const previewVisible = !hidePreview && (!showPreviewSwitch || previewPaneOn);
+  const autoSaveTimerRef = useRef(
+    void 0
+  );
+  const callbacksRef = useRef({ onSave, onSaved, onSavingChange, t });
+  callbacksRef.current = { onSave, onSaved, onSavingChange, t };
+  useEffect(
+    function syncInitialSrc() {
+      if (initialSrc !== void 0) setImageSrc(initialSrc);
+    },
+    [initialSrc]
+  );
+  const handleCropReady = useCallback(
+    (render) => {
+      renderRef.current = render;
+      if (autoSaveOnCrop) {
+        if (autoSaveTimerRef.current) {
+          clearTimeout(autoSaveTimerRef.current);
+        }
+        autoSaveTimerRef.current = setTimeout(() => {
+          render().then(async (cropped) => {
+            const { onSave: onSave2, onSaved: onSaved2, onSavingChange: onSavingChange2, t: t2 } = callbacksRef.current;
+            try {
+              setSaving(true);
+              onSavingChange2?.(true);
+              await onSave2(cropped);
+              onSaved2?.();
+            } catch (err) {
+              const msg = err instanceof Error ? err.message : String(err);
+              toast.add({
+                title: msg || t2("imageCrop.saveFailed"),
+                type: "error"
+              });
+            } finally {
+              setSaving(false);
+              onSavingChange2?.(false);
+            }
+          }).catch((err) => {
+            const { t: t2 } = callbacksRef.current;
+            const msg = err instanceof Error ? err.message : String(err);
+            toast.add({
+              title: msg || t2("imageCrop.saveFailed"),
+              type: "error"
+            });
+          });
+        }, 600);
+      }
+    },
+    [autoSaveOnCrop]
+  );
+  const handlePreviewChange = useCallback((dataUrl) => {
+    setPreviewDataUrl(dataUrl);
+  }, []);
+  function handlePreviewToggle(on) {
+    setPreviewPaneOn(on);
+    if (!on) setPreviewDataUrl(void 0);
+  }
+  function handleFileChange(e) {
+    const file = e.target.files?.[0];
+    if (file === void 0) return;
+    readFileAsDataUrl(file);
+  }
+  function handleDrop(e) {
+    e.preventDefault();
+    setDragOver(false);
+    const file = e.dataTransfer.files?.[0];
+    if (file !== void 0) readFileAsDataUrl(file);
+  }
+  function readFileAsDataUrl(file) {
+    const reader = new FileReader();
+    reader.addEventListener("load", () => {
+      const result = reader.result;
+      if (typeof result === "string") setImageSrc(result);
+    });
+    reader.readAsDataURL(file);
+  }
+  function handleReselect() {
+    if (autoSaveTimerRef.current) {
+      clearTimeout(autoSaveTimerRef.current);
+      autoSaveTimerRef.current = void 0;
+    }
+    setImageSrc(void 0);
+    renderRef.current = void 0;
+    setPreviewDataUrl(void 0);
+    setPreviewPaneOn(false);
+    fileInputRef.current?.click();
+  }
+  async function handleSave() {
+    const render = renderRef.current;
+    if (render === void 0) {
+      onClear?.();
+      return;
+    }
+    setSaving(true);
+    onSavingChange?.(true);
+    try {
+      const cropped = await render();
+      await onSave(cropped);
+      onSaved?.();
+    } catch (err) {
+      const msg = err instanceof Error ? err.message : String(err);
+      toast.add({
+        title: msg || t("imageCrop.saveFailed"),
+        type: "error"
+      });
+    } finally {
+      setSaving(false);
+      onSavingChange?.(false);
+    }
+  }
+  const previewRadiusClass = previewShape === "circle" ? "rounded-full" : "rounded";
+  const actionButton = /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      onClick: handleSave,
+      disabled: saving,
+      "data-testid": "image-crop-save",
+      children: saving ? t("imageCrop.saving") : imageSrc === void 0 ? t("imageCrop.remove") : t("imageCrop.save")
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-4", panelClassName), children: [
+    allowChangeSource ? /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: fileInputRef,
+        type: "file",
+        accept,
+        className: "hidden",
+        onChange: handleFileChange,
+        "data-testid": "image-crop-file-input"
+      }
+    ) : null,
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex flex-col items-center gap-6 py-2 sm:flex-row sm:items-center sm:justify-center",
+          containerClassName
+        ),
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex flex-col items-center gap-2",
+                stageAspectRatio !== void 0 && "w-full",
+                cropColumnClassName
+              ),
+              children: [
+                imageSrc === void 0 ? allowChangeSource ? /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => fileInputRef.current?.click(),
+                    onDragOver: (e) => {
+                      e.preventDefault();
+                      setDragOver(true);
+                    },
+                    onDragLeave: () => setDragOver(false),
+                    onDrop: handleDrop,
+                    className: cn(
+                      "flex select-none flex-col items-center justify-center gap-2 rounded-md border border-border bg-muted text-muted-foreground transition-colors duration-300 hover:bg-accent hover:text-accent-foreground",
+                      dragOver && "bg-accent text-accent-foreground",
+                      stageAspectRatio !== void 0 && "w-full"
+                    ),
+                    "data-testid": "image-crop-frame",
+                    style: stageAspectRatio !== void 0 ? { aspectRatio: stageAspectRatio } : {
+                      width: cropStageWidth ?? 240,
+                      height: cropStageHeight ?? 240
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(Upload, { className: "size-5" }),
+                      /* @__PURE__ */ jsx("p", { className: "text-sm", children: t("imageCrop.pickHint") })
+                    ]
+                  }
+                ) : /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "flex items-center justify-center rounded-md border border-dashed border-border text-sm text-muted-foreground",
+                      stageAspectRatio !== void 0 && "w-full"
+                    ),
+                    style: stageAspectRatio !== void 0 ? { aspectRatio: stageAspectRatio } : {
+                      width: cropStageWidth ?? 240,
+                      height: cropStageHeight ?? 240
+                    },
+                    children: t("imageCrop.pickHint")
+                  }
+                ) : /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "flex min-h-0 items-center justify-center overflow-hidden rounded-md border border-border bg-card",
+                      stageAspectRatio === void 0 && "max-w-90",
+                      cropStageClassName,
+                      stageAspectRatio !== void 0 && "w-full"
+                    ),
+                    style: stageAspectRatio !== void 0 ? { aspectRatio: stageAspectRatio } : {
+                      minHeight: `${cropStageHeight}px`,
+                      minWidth: `${cropStageWidth}px`,
+                      width: effectiveCropWidth,
+                      height: effectiveCropHeight,
+                      maxWidth: effectiveCropWidth,
+                      maxHeight: effectiveCropHeight
+                    },
+                    children: /* @__PURE__ */ jsx(
+                      ImageCropper,
+                      {
+                        src: imageSrc,
+                        aspect,
+                        mimeType,
+                        displayMaxWidth: stageAspectRatio !== void 0 ? "100%" : effectiveCropWidth,
+                        displayMaxHeight: stageAspectRatio !== void 0 ? void 0 : effectiveCropHeight,
+                        onCropReady: handleCropReady,
+                        onPreviewChange: previewVisible ? handlePreviewChange : void 0
+                      }
+                    )
+                  }
+                ),
+                imageSrc !== void 0 && allowChangeSource ? /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    type: "button",
+                    size: "sm",
+                    variant: "ghost",
+                    onClick: handleReselect,
+                    className: "text-muted-foreground text-xs",
+                    children: [
+                      /* @__PURE__ */ jsx(RefreshCircle, { className: "mr-1 h-3.5 w-3.5" }),
+                      t("imageCrop.reselect")
+                    ]
+                  }
+                ) : null
+              ]
+            }
+          ),
+          previewVisible ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: cn("hidden w-px bg-border sm:block h-40") }),
+            /* @__PURE__ */ jsx("div", { className: cn("block bg-border sm:hidden h-px w-32") }),
+            /* @__PURE__ */ jsx("div", { className: cn("flex shrink-0 flex-col items-center gap-1.5"), children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: { width: previewWidth, height: previewHeight },
+                className: cn(
+                  "flex items-center justify-center overflow-hidden border border-border bg-muted text-muted-foreground",
+                  previewRadiusClass
+                ),
+                "data-testid": "image-crop-preview",
+                title: t("imageCrop.previewLabel"),
+                children: previewDataUrl !== void 0 ? /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: previewDataUrl,
+                    alt: t("imageCrop.previewAlt"),
+                    className: "max-h-full max-w-full object-cover"
+                  }
+                ) : /* @__PURE__ */ jsx(Gallery, { className: "h-10 w-10 opacity-60" })
+              }
+            ) })
+          ] }) : null
+        ]
+      }
+    ),
+    showPreviewSwitch && imageSrc !== void 0 ? /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-center gap-2"), children: [
+      /* @__PURE__ */ jsx(
+        Switch,
+        {
+          id: previewToggleId,
+          checked: previewPaneOn,
+          onCheckedChange: handlePreviewToggle,
+          "data-testid": "image-crop-preview-toggle"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Label,
+        {
+          htmlFor: previewToggleId,
+          className: "text-muted-foreground cursor-pointer text-sm font-normal",
+          children: t("imageCrop.showPreview")
+        }
+      )
+    ] }) : null,
+    !hideActionButton && (footerSlot === null ? /* @__PURE__ */ jsx("div", { className: cn("flex justify-end pt-2"), children: actionButton }) : /* @__PURE__ */ jsx(DialogFooterActions, { children: actionButton }))
+  ] });
+}
+
+export { ImageCropPanel };
+//# sourceMappingURL=image-crop-panel.js.map
+//# sourceMappingURL=image-crop-panel.js.map