@mohasinac/appkit 2.1.1 → 2.2.0

package/dist/features/media/index.js

@@ -1,3593 +1,21 @@
-"use client";
-import 'next/server.js';
-import Image from 'next/image';
-import React, { createContext, forwardRef, createElement, useContext, useState, useRef, useEffect, useCallback, useId } from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { twMerge } from 'tailwind-merge';
-import 'next/link';
-import { createPortal } from 'react-dom';
-import { useMutation } from '@tanstack/react-query';
-import { useTranslations } from 'next-intl';
-import 'next/navigation';
-import 'crypto';
-import { z } from 'zod';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-
-// src/errors/base-error.ts
-var init_base_error = __esm({
-  "src/errors/base-error.ts"() {
-  }
-});
-
-// src/errors/error-codes.ts
-var init_error_codes = __esm({
-  "src/errors/error-codes.ts"() {
-  }
-});
-
-// src/errors/api-error.ts
-var init_api_error = __esm({
-  "src/errors/api-error.ts"() {
-    init_base_error();
-  }
-});
-
-// src/errors/validation-error.ts
-var init_validation_error = __esm({
-  "src/errors/validation-error.ts"() {
-    init_base_error();
-  }
-});
-
-// src/errors/authentication-error.ts
-var init_authentication_error = __esm({
-  "src/errors/authentication-error.ts"() {
-    init_base_error();
-  }
-});
-
-// src/errors/authorization-error.ts
-var init_authorization_error = __esm({
-  "src/errors/authorization-error.ts"() {
-    init_base_error();
-  }
-});
-
-// src/errors/not-found-error.ts
-var init_not_found_error = __esm({
-  "src/errors/not-found-error.ts"() {
-    init_base_error();
-  }
-});
-
-// src/errors/database-error.ts
-var init_database_error = __esm({
-  "src/errors/database-error.ts"() {
-    init_base_error();
-  }
-});
-var init_error_handler = __esm({
-  "src/errors/error-handler.ts"() {
-    init_base_error();
-    init_error_codes();
-  }
-});
-
-// src/errors/index.ts
-var init_errors = __esm({
-  "src/errors/index.ts"() {
-    init_base_error();
-    init_error_codes();
-    init_api_error();
-    init_validation_error();
-    init_authentication_error();
-    init_authorization_error();
-    init_not_found_error();
-    init_database_error();
-    init_error_handler();
-  }
-});
-var Section = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className = "", children } = _b, props = __objRest(_b, ["className", "children"]);
-    return /* @__PURE__ */ jsx("section", __spreadProps(__spreadValues({ className, ref }, props), { children }));
-  }
-);
-Section.displayName = "Section";
-var Aside = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className = "", children } = _b, props = __objRest(_b, ["className", "children"]);
-    return /* @__PURE__ */ jsx("aside", __spreadProps(__spreadValues({ className, ref }, props), { children }));
-  }
-);
-Aside.displayName = "Aside";
-var Div = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className = "", children } = _b, props = __objRest(_b, ["className", "children"]);
-    return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className }, props), { children }));
-  }
-);
-Div.displayName = "Div";
-var UI_THEME = {
-  typography: {
-    h1: "text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight font-display",
-    h2: "text-2xl md:text-3xl lg:text-4xl font-bold tracking-tight font-display",
-    h3: "text-xl md:text-2xl lg:text-3xl font-bold tracking-tight font-display",
-    h4: "text-lg md:text-xl lg:text-2xl font-bold font-display",
-    h5: "text-base md:text-lg lg:text-xl font-medium",
-    h6: "text-sm md:text-base lg:text-lg font-medium",
-    body: "text-base lg:text-lg",
-    small: "text-sm lg:text-base",
-    xs: "text-xs lg:text-sm"
-  },
-  themed: {
-    textPrimary: "text-zinc-900 dark:text-zinc-50",
-    textSecondary: "text-zinc-500 dark:text-zinc-400",
-    textMuted: "text-zinc-400 dark:text-zinc-500",
-    textError: "text-red-600 dark:text-red-400",
-    textSuccess: "text-emerald-600 dark:text-emerald-400"
-  },
-  colors: {
-    form: {
-      required: "text-red-500"
-    }
-  }
-};
-function Heading(_a) {
-  var _b = _a, {
-    level = 1,
-    variant = "primary",
-    className = "",
-    children
-  } = _b, props = __objRest(_b, [
-    "level",
-    "variant",
-    "className",
-    "children"
-  ]);
-  const Tag = `h${level}`;
-  const { typography, themed } = UI_THEME;
-  const sizeClasses2 = {
-    1: typography.h1,
-    2: typography.h2,
-    3: typography.h3,
-    4: typography.h4,
-    5: typography.h5,
-    6: typography.h6
-  };
-  const variantClasses = {
-    primary: themed.textPrimary,
-    secondary: themed.textSecondary,
-    muted: themed.textMuted,
-    none: ""
-  };
-  return /* @__PURE__ */ jsx(
-    Tag,
-    __spreadProps(__spreadValues({
-      className: `${sizeClasses2[level]} ${variantClasses[variant]} ${className}`
-    }, props), {
-      children
-    })
-  );
-}
-function Text(_a) {
-  var _b = _a, {
-    variant = "primary",
-    size = "base",
-    weight = "normal",
-    className = "",
-    as: Tag = "p",
-    children
-  } = _b, props = __objRest(_b, [
-    "variant",
-    "size",
-    "weight",
-    "className",
-    "as",
-    "children"
-  ]);
-  const { typography, themed } = UI_THEME;
-  const sizeClasses2 = {
-    xs: typography.xs,
-    sm: typography.small,
-    base: typography.body,
-    lg: "text-lg",
-    xl: "text-xl"
-  };
-  const weightClasses = {
-    normal: "font-normal",
-    medium: "font-medium",
-    semibold: "font-semibold",
-    bold: "font-bold"
-  };
-  const variantClasses = {
-    primary: themed.textPrimary,
-    secondary: themed.textSecondary,
-    muted: themed.textMuted,
-    error: themed.textError,
-    success: themed.textSuccess,
-    none: ""
-  };
-  return /* @__PURE__ */ jsx(
-    Tag,
-    __spreadProps(__spreadValues({
-      className: `${sizeClasses2[size]} ${weightClasses[weight]} ${variantClasses[variant]} ${className}`
-    }, props), {
-      children
-    })
-  );
-}
-function Label(_a) {
-  var _b = _a, {
-    required,
-    className = "",
-    children
-  } = _b, props = __objRest(_b, [
-    "required",
-    "className",
-    "children"
-  ]);
-  const { themed, typography, colors } = UI_THEME;
-  return /* @__PURE__ */ jsxs(
-    "label",
-    __spreadProps(__spreadValues({
-      className: `block ${typography.small} font-medium ${themed.textSecondary} mb-1.5 ${className}`
-    }, props), {
-      children: [
-        children,
-        required && /* @__PURE__ */ jsx("span", { className: `${colors.form.required} ml-1`, children: "*" })
-      ]
-    })
-  );
-}
-function Span(_a) {
-  var _b = _a, {
-    variant = "inherit",
-    size,
-    weight,
-    className = "",
-    children
-  } = _b, props = __objRest(_b, [
-    "variant",
-    "size",
-    "weight",
-    "className",
-    "children"
-  ]);
-  const { themed, typography } = UI_THEME;
-  const variantClasses = {
-    inherit: "",
-    primary: themed.textPrimary,
-    secondary: themed.textSecondary,
-    muted: themed.textMuted,
-    error: themed.textError,
-    success: themed.textSuccess,
-    accent: "text-primary"
-  };
-  const sizeClasses2 = {
-    xs: typography.xs,
-    sm: typography.small,
-    base: typography.body,
-    lg: "text-lg",
-    xl: "text-xl"
-  };
-  const weightClasses = {
-    normal: "font-normal",
-    medium: "font-medium",
-    semibold: "font-semibold",
-    bold: "font-bold"
-  };
-  const classes = [
-    size ? sizeClasses2[size] : "",
-    weight ? weightClasses[weight] : "",
-    variantClasses[variant],
-    className
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({ className: classes }, props), { children }));
-}
-function Spinner({
-  size = "md",
-  variant = "primary",
-  className = "",
-  label = "Loading..."
-}) {
-  const sizeClasses2 = {
-    sm: "w-4 h-4 border-2",
-    md: "w-8 h-8 border-2",
-    lg: "w-12 h-12 border-[3px]",
-    xl: "w-16 h-16 border-4"
-  };
-  const variantClasses = {
-    primary: "border-primary-600 border-t-transparent dark:border-secondary-500 dark:border-t-transparent",
-    white: "border-white border-t-transparent",
-    current: "border-current border-t-transparent"
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `inline-flex items-center gap-3 ${className}`,
-      role: "status",
-      "aria-label": label,
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: `${sizeClasses2[size]} ${variantClasses[variant]} rounded-full animate-spin force-spin`
-          }
-        ),
-        label && /* @__PURE__ */ jsx("span", { className: "sr-only", children: label })
-      ]
-    }
-  );
-}
-
-// node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
-var mergeClasses = (...classes) => classes.filter((className, index, array) => {
-  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
-}).join(" ").trim();
-
-// node_modules/lucide-react/dist/esm/shared/src/utils/toKebabCase.js
-var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-
-// node_modules/lucide-react/dist/esm/shared/src/utils/toCamelCase.js
-var toCamelCase = (string) => string.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
-);
-
-// node_modules/lucide-react/dist/esm/shared/src/utils/toPascalCase.js
-var toPascalCase = (string) => {
-  const camelCase = toCamelCase(string);
-  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
-};
-
-// node_modules/lucide-react/dist/esm/defaultAttributes.js
-var defaultAttributes = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-
-// node_modules/lucide-react/dist/esm/shared/src/utils/hasA11yProp.js
-var hasA11yProp = (props) => {
-  for (const prop in props) {
-    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
-      return true;
-    }
-  }
-  return false;
-};
-var LucideContext = createContext({});
-var useLucideContext = () => useContext(LucideContext);
-
-// node_modules/lucide-react/dist/esm/Icon.js
-var Icon = forwardRef(
-  (_a, ref) => {
-    var _b = _a, { color, size, strokeWidth, absoluteStrokeWidth, className = "", children, iconNode } = _b, rest = __objRest(_b, ["color", "size", "strokeWidth", "absoluteStrokeWidth", "className", "children", "iconNode"]);
-    var _a2, _b2, _c;
-    const {
-      size: contextSize = 24,
-      strokeWidth: contextStrokeWidth = 2,
-      absoluteStrokeWidth: contextAbsoluteStrokeWidth = false,
-      color: contextColor = "currentColor",
-      className: contextClass = ""
-    } = (_a2 = useLucideContext()) != null ? _a2 : {};
-    const calculatedStrokeWidth = (absoluteStrokeWidth != null ? absoluteStrokeWidth : contextAbsoluteStrokeWidth) ? Number(strokeWidth != null ? strokeWidth : contextStrokeWidth) * 24 / Number(size != null ? size : contextSize) : strokeWidth != null ? strokeWidth : contextStrokeWidth;
-    return createElement(
-      "svg",
-      __spreadValues(__spreadValues(__spreadProps(__spreadValues({
-        ref
-      }, defaultAttributes), {
-        width: (_b2 = size != null ? size : contextSize) != null ? _b2 : defaultAttributes.width,
-        height: (_c = size != null ? size : contextSize) != null ? _c : defaultAttributes.height,
-        stroke: color != null ? color : contextColor,
-        strokeWidth: calculatedStrokeWidth,
-        className: mergeClasses("lucide", contextClass, className)
-      }), !children && !hasA11yProp(rest) && { "aria-hidden": "true" }), rest),
-      [
-        ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
-        ...Array.isArray(children) ? children : [children]
-      ]
-    );
-  }
-);
-
-// node_modules/lucide-react/dist/esm/createLucideIcon.js
-var createLucideIcon = (iconName, iconNode) => {
-  const Component2 = forwardRef(
-    (_a, ref) => {
-      var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-      return createElement(Icon, __spreadValues({
-        ref,
-        iconNode,
-        className: mergeClasses(
-          `lucide-${toKebabCase(toPascalCase(iconName))}`,
-          `lucide-${iconName}`,
-          className
-        )
-      }, props));
-    }
-  );
-  Component2.displayName = toPascalCase(iconName);
-  return Component2;
-};
-
-// node_modules/lucide-react/dist/esm/icons/chevron-left.js
-var __iconNode = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-var ChevronLeft = createLucideIcon("chevron-left", __iconNode);
-
-// node_modules/lucide-react/dist/esm/icons/chevron-right.js
-var __iconNode2 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-var ChevronRight = createLucideIcon("chevron-right", __iconNode2);
-
-// node_modules/lucide-react/dist/esm/icons/loader-circle.js
-var __iconNode3 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-var LoaderCircle = createLucideIcon("loader-circle", __iconNode3);
-
-// node_modules/lucide-react/dist/esm/icons/maximize.js
-var __iconNode4 = [
-  ["path", { d: "M8 3H5a2 2 0 0 0-2 2v3", key: "1dcmit" }],
-  ["path", { d: "M21 8V5a2 2 0 0 0-2-2h-3", key: "1e4gt3" }],
-  ["path", { d: "M3 16v3a2 2 0 0 0 2 2h3", key: "wsl5sc" }],
-  ["path", { d: "M16 21h3a2 2 0 0 0 2-2v-3", key: "18trek" }]
-];
-var Maximize = createLucideIcon("maximize", __iconNode4);
-
-// node_modules/lucide-react/dist/esm/icons/minimize.js
-var __iconNode5 = [
-  ["path", { d: "M8 3v3a2 2 0 0 1-2 2H3", key: "hohbtr" }],
-  ["path", { d: "M21 8h-3a2 2 0 0 1-2-2V3", key: "5jw1f3" }],
-  ["path", { d: "M3 16h3a2 2 0 0 1 2 2v3", key: "198tvr" }],
-  ["path", { d: "M16 21v-3a2 2 0 0 1 2-2h3", key: "ph8mxp" }]
-];
-var Minimize = createLucideIcon("minimize", __iconNode5);
-
-// node_modules/lucide-react/dist/esm/icons/rotate-ccw.js
-var __iconNode6 = [
-  ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
-  ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
-];
-var RotateCcw = createLucideIcon("rotate-ccw", __iconNode6);
-
-// node_modules/lucide-react/dist/esm/icons/x.js
-var __iconNode7 = [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-];
-var X = createLucideIcon("x", __iconNode7);
-
-// node_modules/lucide-react/dist/esm/icons/zoom-in.js
-var __iconNode8 = [
-  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
-  ["line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65", key: "13gj7c" }],
-  ["line", { x1: "11", x2: "11", y1: "8", y2: "14", key: "1vmskp" }],
-  ["line", { x1: "8", x2: "14", y1: "11", y2: "11", key: "durymu" }]
-];
-var ZoomIn = createLucideIcon("zoom-in", __iconNode8);
-
-// node_modules/lucide-react/dist/esm/icons/zoom-out.js
-var __iconNode9 = [
-  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
-  ["line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65", key: "13gj7c" }],
-  ["line", { x1: "8", x2: "14", y1: "11", y2: "11", key: "durymu" }]
-];
-var ZoomOut = createLucideIcon("zoom-out", __iconNode9);
-var UI_BUTTON = {
-  base: "inline-flex items-center justify-center font-medium rounded-xl transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed",
-  active: "active:scale-95",
-  variants: {
-    primary: "bg-primary-600 text-white hover:bg-primary-700 active:bg-primary-800 shadow-sm focus:ring-primary-500/30 dark:bg-secondary-500 dark:text-white dark:hover:bg-secondary-400 dark:active:bg-secondary-600 dark:focus:ring-secondary-400/30",
-    secondary: "bg-primary-700 text-white hover:bg-primary-600 active:bg-primary-800 shadow-md focus:ring-primary-500 dark:bg-secondary-700 dark:text-white dark:hover:bg-secondary-600 dark:active:bg-secondary-800 dark:focus:ring-secondary-500",
-    outline: "border border-zinc-200 dark:border-slate-700 bg-white dark:bg-transparent text-zinc-900 dark:text-zinc-100 hover:bg-zinc-50 dark:hover:bg-slate-800 focus:ring-zinc-400",
-    ghost: "text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-slate-800 focus:ring-zinc-400",
-    danger: "bg-red-600 text-white hover:bg-red-500 active:bg-red-700 shadow-sm shadow-red-600/10 focus:ring-red-500",
-    warning: "bg-amber-500 text-white hover:bg-amber-400 active:bg-amber-600 shadow-sm shadow-amber-500/10 focus:ring-amber-500"
-  },
-  sizes: {
-    sm: "px-2.5 py-1.5 text-xs sm:px-3 sm:text-sm gap-1.5 min-h-[36px]",
-    md: "px-3 py-2 text-sm sm:px-4 sm:py-2.5 sm:text-base gap-2 min-h-[44px]",
-    lg: "px-4 py-2.5 text-base sm:px-6 sm:py-3 sm:text-lg gap-2.5 min-h-[44px]"
-  }
-};
-function Button(_a) {
-  var _b = _a, {
-    variant = "primary",
-    size = "md",
-    className = "",
-    isLoading = false,
-    disabled,
-    children
-  } = _b, props = __objRest(_b, [
-    "variant",
-    "size",
-    "className",
-    "isLoading",
-    "disabled",
-    "children"
-  ]);
-  return /* @__PURE__ */ jsxs(
-    "button",
-    __spreadProps(__spreadValues({
-      className: twMerge(
-        UI_BUTTON.base,
-        UI_BUTTON.active,
-        UI_BUTTON.variants[variant],
-        UI_BUTTON.sizes[size],
-        className
-      ),
-      disabled: disabled || isLoading,
-      "aria-busy": isLoading || void 0
-    }, props), {
-      children: [
-        isLoading && /* @__PURE__ */ jsx(
-          LoaderCircle,
-          {
-            className: "w-4 h-4 animate-spin flex-shrink-0",
-            "aria-hidden": "true"
-          }
-        ),
-        isLoading ? /* @__PURE__ */ jsx("span", { className: "opacity-70", children }) : children
-      ]
-    })
-  );
-}
-createContext(null);
-var ALERT_STYLES = {
-  info: {
-    container: "bg-sky-50 border-sky-200/80 dark:bg-sky-950/30 dark:border-sky-800/50",
-    icon: "text-sky-600 dark:text-sky-400",
-    title: "text-sky-900 dark:text-sky-200",
-    text: "text-sky-800 dark:text-sky-300"
-  },
-  success: {
-    container: "bg-emerald-50 border-emerald-200/80 dark:bg-emerald-950/30 dark:border-emerald-800/50",
-    icon: "text-emerald-600 dark:text-emerald-400",
-    title: "text-emerald-900 dark:text-emerald-200",
-    text: "text-emerald-800 dark:text-emerald-300"
-  },
-  warning: {
-    container: "bg-amber-50 border-amber-200/80 dark:bg-amber-950/30 dark:border-amber-800/50",
-    icon: "text-amber-600 dark:text-amber-400",
-    title: "text-amber-900 dark:text-amber-200",
-    text: "text-amber-800 dark:text-amber-300"
-  },
-  error: {
-    container: "bg-red-50 border-red-200/80 dark:bg-red-950/30 dark:border-red-800/50",
-    icon: "text-red-600 dark:text-red-400",
-    title: "text-red-900 dark:text-red-200",
-    text: "text-red-800 dark:text-red-300"
-  }
-};
-var ALERT_CLOSE_HOVER = "hover:bg-black/5 dark:hover:bg-white/5";
-var ICONS = {
-  info: /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-5 h-5",
-      fill: "currentColor",
-      viewBox: "0 0 20 20",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          fillRule: "evenodd",
-          d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z",
-          clipRule: "evenodd"
-        }
-      )
-    }
-  ),
-  success: /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-5 h-5",
-      fill: "currentColor",
-      viewBox: "0 0 20 20",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          fillRule: "evenodd",
-          d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
-          clipRule: "evenodd"
-        }
-      )
-    }
-  ),
-  warning: /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-5 h-5",
-      fill: "currentColor",
-      viewBox: "0 0 20 20",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          fillRule: "evenodd",
-          d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",
-          clipRule: "evenodd"
-        }
-      )
-    }
-  ),
-  error: /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-5 h-5",
-      fill: "currentColor",
-      viewBox: "0 0 20 20",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          fillRule: "evenodd",
-          d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z",
-          clipRule: "evenodd"
-        }
-      )
-    }
-  )
-};
-function Alert({
-  children,
-  variant = "info",
-  title,
-  onClose,
-  className = ""
-}) {
-  const styles = ALERT_STYLES[variant];
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: `relative p-4 rounded-xl border ${styles.container} ${className}`,
-      role: "alert",
-      children: /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
-        /* @__PURE__ */ jsx("div", { className: `flex-shrink-0 ${styles.icon}`, children: ICONS[variant] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-          title && /* @__PURE__ */ jsx(
-            Heading,
-            {
-              level: 3,
-              className: `text-sm font-semibold mb-1 ${styles.title}`,
-              children: title
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: `text-sm ${styles.text}`, children })
-        ] }),
-        onClose && /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "sm",
-            onClick: onClose,
-            className: `flex-shrink-0 ml-3 rounded-lg p-1.5 min-h-0 ${styles.icon} ${ALERT_CLOSE_HOVER}`,
-            "aria-label": "Close",
-            children: /* @__PURE__ */ jsx(
-              "svg",
-              {
-                className: "w-5 h-5",
-                fill: "currentColor",
-                viewBox: "0 0 20 20",
-                "aria-hidden": "true",
-                children: /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    fillRule: "evenodd",
-                    d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-                    clipRule: "evenodd"
-                  }
-                )
-              }
-            )
-          }
-        )
-      ] })
-    }
-  );
-}
-var TEXT_PRIMARY = "text-zinc-900 dark:text-zinc-50";
-var TEXT_SECONDARY = "text-zinc-500 dark:text-zinc-400";
-var BG_SECONDARY = "bg-zinc-50 dark:bg-slate-900";
-var FLEX_BETWEEN = "flex items-center justify-between";
-function Progress({
-  value,
-  max = 100,
-  variant = "primary",
-  size = "md",
-  label,
-  showValue = false,
-  className = ""
-}) {
-  const percentage = Math.min(Math.max(value / max * 100, 0), 100);
-  const sizeClasses2 = {
-    sm: "h-1",
-    md: "h-2",
-    lg: "h-3"
-  };
-  const variantClasses = {
-    primary: "bg-primary",
-    success: "bg-green-600 dark:bg-green-500",
-    warning: "bg-yellow-600 dark:bg-yellow-500",
-    error: "bg-red-600 dark:bg-red-500"
-  };
-  return /* @__PURE__ */ jsxs("div", { className, children: [
-    (label || showValue) && /* @__PURE__ */ jsxs("div", { className: `${FLEX_BETWEEN} mb-2`, children: [
-      label && /* @__PURE__ */ jsx(Span, { className: `text-sm font-medium ${TEXT_PRIMARY}`, children: label }),
-      showValue && /* @__PURE__ */ jsxs(Span, { className: `text-sm font-medium ${TEXT_SECONDARY}`, children: [
-        Math.round(percentage),
-        "%"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `w-full ${sizeClasses2[size]} rounded-full overflow-hidden ${BG_SECONDARY}`,
-        role: "progressbar",
-        "aria-valuenow": value,
-        "aria-valuemin": 0,
-        "aria-valuemax": max,
-        "aria-label": label || `Progress: ${Math.round(percentage)}%`,
-        children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: `h-full ${variantClasses[variant]} transition-all duration-300 ease-in-out rounded-full`,
-            style: { width: `${percentage}%` }
-          }
-        )
-      }
-    )
-  ] });
-}
-var SIZE_CLASSES = {
-  sm: "max-w-sm",
-  md: "max-w-lg",
-  lg: "max-w-2xl",
-  xl: "max-w-4xl",
-  full: "max-w-[95vw] max-h-[95vh]"
-};
-function Modal({
-  isOpen,
-  onClose,
-  title,
-  children,
-  size = "md",
-  showCloseButton = true,
-  className = ""
-}) {
-  const titleId = useId();
-  const panelRef = useRef(null);
-  const prevFocusRef = useRef(null);
-  useEffect(() => {
-    if (!isOpen) return;
-    const prev = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.body.style.overflow = prev;
-    };
-  }, [isOpen]);
-  useEffect(() => {
-    var _a;
-    if (isOpen) {
-      prevFocusRef.current = document.activeElement;
-      requestAnimationFrame(() => {
-        var _a2;
-        return (_a2 = panelRef.current) == null ? void 0 : _a2.focus();
-      });
-    } else {
-      (_a = prevFocusRef.current) == null ? void 0 : _a.focus();
-    }
-  }, [isOpen]);
-  const handleKeyDown = useCallback(
-    (e) => {
-      if (e.key === "Escape") {
-        onClose();
-        return;
-      }
-      if (e.key !== "Tab") return;
-      const panel = panelRef.current;
-      if (!panel) return;
-      const focusable = Array.from(
-        panel.querySelectorAll(
-          'a[href],button:not([disabled]),textarea,input,select,[tabindex]:not([tabindex="-1"])'
-        )
-      );
-      if (!focusable.length) return;
-      const first = focusable[0];
-      const last = focusable[focusable.length - 1];
-      if (e.shiftKey && document.activeElement === first) {
-        e.preventDefault();
-        last.focus();
-      } else if (!e.shiftKey && document.activeElement === last) {
-        e.preventDefault();
-        first.focus();
-      }
-    },
-    [onClose]
-  );
-  if (!isOpen) return null;
-  if (typeof document === "undefined") return null;
-  return createPortal(
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "fixed inset-0 z-50 flex items-center justify-center p-4",
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": title ? titleId : void 0,
-        onKeyDown: handleKeyDown,
-        children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "absolute inset-0 bg-black/60 backdrop-blur-sm",
-              "aria-hidden": "true",
-              onClick: onClose
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              ref: panelRef,
-              tabIndex: -1,
-              className: [
-                "relative w-full rounded-2xl bg-white dark:bg-slate-900",
-                "shadow-2xl ring-1 ring-zinc-200 dark:ring-slate-700",
-                "flex flex-col max-h-[90vh] overflow-hidden",
-                "animate-[fadeInUp_0.15s_ease_forwards]",
-                SIZE_CLASSES[size],
-                className
-              ].join(" "),
-              children: [
-                (title || showCloseButton) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 py-4 border-b border-zinc-100 dark:border-slate-800 flex-shrink-0", children: [
-                  title && /* @__PURE__ */ jsx(
-                    Heading,
-                    {
-                      level: 2,
-                      id: titleId,
-                      className: "!text-lg !font-semibold !font-sans tracking-tight",
-                      children: title
-                    }
-                  ),
-                  showCloseButton && /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "ghost",
-                      size: "sm",
-                      type: "button",
-                      onClick: onClose,
-                      className: "ml-auto p-1.5 !min-h-0 rounded-lg text-zinc-400 hover:text-zinc-600 dark:text-zinc-500 dark:hover:text-zinc-300",
-                      "aria-label": "Close",
-                      children: /* @__PURE__ */ jsx(X, { className: "w-5 h-5" })
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: "overflow-y-auto flex-1 px-6 py-4", children })
-              ]
-            }
-          )
-        ]
-      }
-    ),
-    document.body
-  );
-}
-var GAP_MAP = {
-  none: "",
-  px: "gap-px",
-  xs: "gap-1",
-  sm: "gap-2",
-  "2.5": "gap-2.5",
-  "3": "gap-3",
-  md: "gap-4",
-  "5": "gap-5",
-  lg: "gap-6",
-  xl: "gap-8",
-  "2xl": "gap-12"
-};
-var ITEMS_MAP = {
-  start: "items-start",
-  center: "items-center",
-  end: "items-end",
-  stretch: "items-stretch",
-  baseline: "items-baseline"
-};
-var JUSTIFY_MAP = {
-  start: "justify-start",
-  center: "justify-center",
-  end: "justify-end",
-  between: "justify-between",
-  around: "justify-around",
-  evenly: "justify-evenly"
-};
-function Row(_a) {
-  var _b = _a, {
-    gap = "md",
-    centered = false,
-    align = "center",
-    justify = "start",
-    wrap = false,
-    as,
-    className = "",
-    children
-  } = _b, props = __objRest(_b, [
-    "gap",
-    "centered",
-    "align",
-    "justify",
-    "wrap",
-    "as",
-    "className",
-    "children"
-  ]);
-  const Tag = as != null ? as : "div";
-  const classes = [
-    "flex flex-row",
-    centered ? "items-center justify-center" : ITEMS_MAP[align],
-    !centered && justify !== "start" ? JUSTIFY_MAP[justify] : "",
-    GAP_MAP[gap],
-    wrap ? "flex-wrap" : "",
-    className
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(Tag, __spreadProps(__spreadValues({ className: classes }, props), { children }));
-}
-var SIZE_HINTS = {
-  thumbnail: "(max-width: 640px) 80px, (max-width: 1024px) 96px, 112px",
-  card: "(max-width: 640px) 50vw, (max-width: 1024px) 33vw, 25vw",
-  hero: "100vw",
-  banner: "100vw",
-  gallery: "(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw",
-  avatar: "(max-width: 640px) 48px, 56px"
-};
-var FALLBACK_ICONS = {
-  thumbnail: "\u{1F4E6}",
-  card: "\u{1F4E6}",
-  hero: "\u{1F5BC}\uFE0F",
-  banner: "\u{1F5BC}\uFE0F",
-  gallery: "\u{1F4E6}",
-  avatar: "\u{1F464}"
-};
-function MediaImage({
-  src,
-  alt,
-  size = "card",
-  priority = false,
-  objectFit = "cover",
-  fallback,
-  className
-}) {
-  const [hasError, setHasError] = useState(false);
-  const [isLoaded, setIsLoaded] = useState(false);
-  const icon = fallback != null ? fallback : FALLBACK_ICONS[size];
-  const fitClass = objectFit === "contain" ? "object-contain" : "object-cover";
-  if (!src || hasError) {
-    return /* @__PURE__ */ jsx(
-      Div,
-      {
-        className: `absolute inset-0 flex items-center justify-center bg-zinc-100 dark:bg-slate-800 text-zinc-400 text-4xl${className ? ` ${className}` : ""}`,
-        role: "img",
-        "aria-label": alt,
-        children: /* @__PURE__ */ jsx(Span, { "aria-hidden": "true", children: icon })
-      }
-    );
-  }
-  const isSvg = src.toLowerCase().endsWith(".svg") || src.includes("image/svg") || /[./]svg(\?|$)/i.test(src);
-  return /* @__PURE__ */ jsxs(
-    Div,
-    {
-      className: `absolute inset-0 overflow-hidden${className ? ` ${className}` : ""}`,
-      children: [
-        !isLoaded && /* @__PURE__ */ jsx(
-          Div,
-          {
-            className: "absolute inset-0 bg-zinc-200 dark:bg-slate-700 animate-pulse",
-            "aria-hidden": "true"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Image,
-          {
-            src,
-            alt,
-            fill: true,
-            priority,
-            className: fitClass,
-            sizes: SIZE_HINTS[size],
-            onLoad: () => setIsLoaded(true),
-            onError: () => setHasError(true),
-            unoptimized: isSvg
-          }
-        )
-      ]
-    }
-  );
-}
-function MediaVideo({
-  src,
-  thumbnailUrl,
-  alt = "Video",
-  controls = true,
-  autoPlayMuted = false,
-  loop = false,
-  trimStart,
-  trimEnd,
-  objectFit = "cover"
-}) {
-  const videoRef = useRef(null);
-  const fitClass = objectFit === "contain" ? "object-contain" : "object-cover";
-  useEffect(() => {
-    const el = videoRef.current;
-    if (!el || trimStart === void 0) return;
-    const onLoaded = () => {
-      el.currentTime = trimStart;
-    };
-    el.addEventListener("loadedmetadata", onLoaded);
-    return () => el.removeEventListener("loadedmetadata", onLoaded);
-  }, [trimStart]);
-  useEffect(() => {
-    const el = videoRef.current;
-    if (!el || trimEnd === void 0) return;
-    const onTimeUpdate = () => {
-      if (el.currentTime >= trimEnd) {
-        el.pause();
-        el.currentTime = trimStart != null ? trimStart : 0;
-      }
-    };
-    el.addEventListener("timeupdate", onTimeUpdate);
-    return () => el.removeEventListener("timeupdate", onTimeUpdate);
-  }, [trimEnd, trimStart]);
-  if (!src) {
-    return /* @__PURE__ */ jsx(
-      Div,
-      {
-        className: "absolute inset-0 flex items-center justify-center bg-zinc-100 dark:bg-slate-800 text-zinc-400 text-4xl",
-        role: "img",
-        "aria-label": alt,
-        children: /* @__PURE__ */ jsx(Span, { "aria-hidden": "true", children: "\u{1F3AC}" })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "video",
-    {
-      ref: videoRef,
-      src,
-      poster: thumbnailUrl,
-      controls,
-      autoPlay: autoPlayMuted,
-      muted: autoPlayMuted,
-      loop,
-      playsInline: true,
-      "aria-label": alt,
-      className: `absolute inset-0 w-full h-full ${fitClass}`
-    }
-  );
-}
-var sizeClasses = {
-  sm: "w-8 h-8",
-  md: "w-10 h-10",
-  lg: "w-14 h-14",
-  xl: "w-20 h-20"
-};
-function MediaAvatar({
-  src,
-  alt,
-  size = "md",
-  className = ""
-}) {
-  return /* @__PURE__ */ jsx(
-    Div,
-    {
-      className: `relative ${sizeClasses[size]} rounded-full overflow-hidden flex-shrink-0 ${className}`,
-      children: /* @__PURE__ */ jsx(MediaImage, { src, alt, size: "avatar" })
-    }
-  );
-}
-var MIN_ZOOM = 1;
-var MAX_ZOOM = 4;
-var ZOOM_STEP = 0.5;
-var DEFAULT_LABELS = {
-  prevImage: "Previous image",
-  nextImage: "Next image",
-  zoomIn: "Zoom in",
-  zoomOut: "Zoom out",
-  resetZoom: "Reset zoom",
-  enterFullscreen: "Enter fullscreen",
-  exitFullscreen: "Exit fullscreen",
-  close: "Close",
-  imageThumbnail: (n) => `Image ${n}`,
-  lightboxTitle: "Image viewer"
-};
-function cn(...classes) {
-  return classes.filter(Boolean).join(" ");
-}
-function IconBtn({
-  onClick,
-  disabled,
-  ariaLabel,
-  ariaCurrent,
-  className,
-  children
-}) {
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      type: "button",
-      onClick,
-      disabled,
-      "aria-label": ariaLabel,
-      "aria-current": ariaCurrent,
-      className: cn(
-        "inline-flex items-center justify-center w-12 h-12 rounded-full bg-white/15 hover:bg-white/30 text-white border-0 active:scale-95 transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
-        className
-      ),
-      children
-    }
-  );
-}
-function MediaLightbox({
-  items,
-  initialIndex = 0,
-  isOpen,
-  onClose,
-  labels
-}) {
-  const L = __spreadValues(__spreadValues({}, DEFAULT_LABELS), labels);
-  const containerRef = useRef(null);
-  const imageAreaRef = useRef(null);
-  const [index, setIndex] = useState(initialIndex);
-  const [zoom, setZoom] = useState(1);
-  const [offset, setOffset] = useState({ x: 0, y: 0 });
-  const [isDragging, setIsDragging] = useState(false);
-  const [dragStart, setDragStart] = useState({ x: 0, y: 0 });
-  const [isFullscreen, setIsFullscreen] = useState(false);
-  useEffect(() => {
-    if (isOpen) {
-      setIndex(initialIndex);
-      setZoom(1);
-      setOffset({ x: 0, y: 0 });
-    }
-  }, [isOpen, initialIndex]);
-  const resetZoom = useCallback(() => {
-    setZoom(1);
-    setOffset({ x: 0, y: 0 });
-  }, []);
-  const goNext = useCallback(() => {
-    setIndex((prev) => (prev + 1) % items.length);
-    resetZoom();
-  }, [items.length, resetZoom]);
-  const goPrev = useCallback(() => {
-    setIndex((prev) => (prev - 1 + items.length) % items.length);
-    resetZoom();
-  }, [items.length, resetZoom]);
-  const zoomIn = useCallback(() => {
-    setZoom((prev) => Math.min(prev + ZOOM_STEP, MAX_ZOOM));
-  }, []);
-  const zoomOut = useCallback(() => {
-    setZoom((prev) => {
-      const next = Math.max(prev - ZOOM_STEP, MIN_ZOOM);
-      if (next <= MIN_ZOOM) setOffset({ x: 0, y: 0 });
-      return next;
-    });
-  }, []);
-  useEffect(() => {
-    if (!isOpen) return;
-    const handler = (e) => {
-      switch (e.key) {
-        case "Escape":
-          onClose();
-          break;
-        case "ArrowRight":
-          goNext();
-          break;
-        case "ArrowLeft":
-          goPrev();
-          break;
-        case "+":
-        case "=":
-          zoomIn();
-          break;
-        case "-":
-          zoomOut();
-          break;
-      }
-    };
-    window.addEventListener("keydown", handler);
-    return () => window.removeEventListener("keydown", handler);
-  }, [isOpen, onClose, goNext, goPrev, zoomIn, zoomOut]);
-  const toggleFullscreen = useCallback(() => {
-    var _a;
-    if (!document.fullscreenElement) {
-      (_a = containerRef.current) == null ? void 0 : _a.requestFullscreen();
-    } else {
-      document.exitFullscreen();
-    }
-  }, []);
-  useEffect(() => {
-    const handler = () => setIsFullscreen(!!document.fullscreenElement);
-    document.addEventListener("fullscreenchange", handler);
-    return () => document.removeEventListener("fullscreenchange", handler);
-  }, []);
-  useEffect(() => {
-    if (isOpen) {
-      document.body.style.overflow = "hidden";
-    }
-    return () => {
-      document.body.style.overflow = "";
-    };
-  }, [isOpen]);
-  useEffect(() => {
-    const el = imageAreaRef.current;
-    if (!el || !isOpen) return;
-    const handler = (e) => {
-      e.preventDefault();
-      if (e.deltaY < 0) {
-        setZoom((prev) => Math.min(prev + ZOOM_STEP, MAX_ZOOM));
-      } else {
-        setZoom((prev) => {
-          const next = Math.max(prev - ZOOM_STEP, MIN_ZOOM);
-          if (next <= MIN_ZOOM) setOffset({ x: 0, y: 0 });
-          return next;
-        });
-      }
-    };
-    el.addEventListener("wheel", handler, { passive: false });
-    return () => el.removeEventListener("wheel", handler);
-  }, [isOpen]);
-  const handleMouseDown = useCallback(
-    (e) => {
-      if (zoom <= 1) return;
-      e.preventDefault();
-      setIsDragging(true);
-      setDragStart({ x: e.clientX - offset.x, y: e.clientY - offset.y });
-    },
-    [zoom, offset]
-  );
-  const handleMouseMove = useCallback(
-    (e) => {
-      if (!isDragging) return;
-      setOffset({ x: e.clientX - dragStart.x, y: e.clientY - dragStart.y });
-    },
-    [isDragging, dragStart]
-  );
-  const handleMouseUp = useCallback(() => {
-    setIsDragging(false);
-  }, []);
-  const touchState = useRef({});
-  const handleTouchStart = useCallback(
-    (e) => {
-      if (e.touches.length === 2) {
-        const dx = e.touches[0].clientX - e.touches[1].clientX;
-        const dy = e.touches[0].clientY - e.touches[1].clientY;
-        touchState.current = {
-          startDist: Math.hypot(dx, dy),
-          startZoom: zoom,
-          startOffset: { x: offset.x, y: offset.y }
-        };
-      } else if (e.touches.length === 1) {
-        touchState.current = {
-          touchStart: { x: e.touches[0].clientX, y: e.touches[0].clientY },
-          startOffset: { x: offset.x, y: offset.y }
-        };
-      }
-    },
-    [zoom, offset]
-  );
-  const handleTouchMove = useCallback(
-    (e) => {
-      if (e.touches.length === 2 && touchState.current.startDist !== void 0 && touchState.current.startZoom !== void 0) {
-        const dx = e.touches[0].clientX - e.touches[1].clientX;
-        const dy = e.touches[0].clientY - e.touches[1].clientY;
-        const dist = Math.hypot(dx, dy);
-        const newZoom = Math.max(
-          MIN_ZOOM,
-          Math.min(
-            MAX_ZOOM,
-            touchState.current.startZoom * (dist / touchState.current.startDist)
-          )
-        );
-        setZoom(newZoom);
-      } else if (e.touches.length === 1 && zoom > 1 && touchState.current.touchStart && touchState.current.startOffset) {
-        const dx = e.touches[0].clientX - touchState.current.touchStart.x;
-        const dy = e.touches[0].clientY - touchState.current.touchStart.y;
-        setOffset({
-          x: touchState.current.startOffset.x + dx,
-          y: touchState.current.startOffset.y + dy
-        });
-      }
-    },
-    [zoom]
-  );
-  const handleTouchEnd = useCallback(
-    (e) => {
-      if (e.changedTouches.length === 1 && zoom <= 1 && touchState.current.touchStart) {
-        const dx = e.changedTouches[0].clientX - touchState.current.touchStart.x;
-        const dy = Math.abs(
-          e.changedTouches[0].clientY - touchState.current.touchStart.y
-        );
-        if (Math.abs(dx) > 50 && dy < 80) {
-          if (dx < 0) goNext();
-          else goPrev();
-        }
-      }
-      touchState.current = {};
-    },
-    [zoom, goNext, goPrev]
-  );
-  if (!isOpen || items.length === 0) return null;
-  const current = items[index];
-  return /* @__PURE__ */ jsxs(
-    Div,
-    {
-      ref: containerRef,
-      className: "fixed inset-0 z-[9999] bg-black/95 flex flex-col",
-      role: "dialog",
-      "aria-modal": "true",
-      "aria-label": L.lightboxTitle,
-      children: [
-        /* @__PURE__ */ jsx(
-          Div,
-          {
-            ref: imageAreaRef,
-            className: "flex-1 relative overflow-hidden select-none",
-            onMouseDown: handleMouseDown,
-            onMouseMove: handleMouseMove,
-            onMouseUp: handleMouseUp,
-            onMouseLeave: handleMouseUp,
-            onTouchStart: handleTouchStart,
-            onTouchMove: handleTouchMove,
-            onTouchEnd: handleTouchEnd,
-            style: {
-              cursor: zoom > 1 ? isDragging ? "grabbing" : "grab" : "default",
-              touchAction: "none"
-            },
-            onClick: (e) => {
-              if (e.target === e.currentTarget) onClose();
-            },
-            children: /* @__PURE__ */ jsx(
-              Div,
-              {
-                className: "absolute inset-0",
-                style: {
-                  transform: `translate(${offset.x}px, ${offset.y}px) scale(${zoom})`,
-                  transformOrigin: "center center",
-                  transition: isDragging ? "none" : "transform 0.2s ease",
-                  pointerEvents: "none"
-                },
-                children: /* @__PURE__ */ jsx(
-                  MediaImage,
-                  {
-                    src: current.src,
-                    alt: current.alt,
-                    size: "hero",
-                    objectFit: "contain"
-                  }
-                )
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsxs(Div, { className: "flex items-center justify-center gap-1.5 px-4 py-3 bg-black/85 backdrop-blur-sm shrink-0 border-t border-white/10 flex-wrap", children: [
-          items.length > 1 && /* @__PURE__ */ jsx(
-            IconBtn,
-            {
-              onClick: (e) => {
-                e.stopPropagation();
-                goPrev();
-              },
-              ariaLabel: L.prevImage,
-              children: /* @__PURE__ */ jsx(ChevronLeft, { className: "w-7 h-7" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            IconBtn,
-            {
-              onClick: zoomOut,
-              disabled: zoom <= MIN_ZOOM,
-              ariaLabel: L.zoomOut,
-              children: /* @__PURE__ */ jsx(ZoomOut, { className: "w-7 h-7" })
-            }
-          ),
-          /* @__PURE__ */ jsxs(Span, { className: "text-white/70 w-14 text-center tabular-nums text-xs", children: [
-            Math.round(zoom * 100),
-            "%"
-          ] }),
-          /* @__PURE__ */ jsx(
-            IconBtn,
-            {
-              onClick: zoomIn,
-              disabled: zoom >= MAX_ZOOM,
-              ariaLabel: L.zoomIn,
-              children: /* @__PURE__ */ jsx(ZoomIn, { className: "w-7 h-7" })
-            }
-          ),
-          zoom > 1 && /* @__PURE__ */ jsx(IconBtn, { onClick: resetZoom, ariaLabel: L.resetZoom, children: /* @__PURE__ */ jsx(RotateCcw, { className: "w-7 h-7" }) }),
-          /* @__PURE__ */ jsx(
-            Span,
-            {
-              className: "w-px h-6 bg-white/15 mx-1 shrink-0",
-              "aria-hidden": "true"
-            }
-          ),
-          /* @__PURE__ */ jsxs(Span, { className: "text-white/60 w-12 text-center tabular-nums text-xs", children: [
-            index + 1,
-            " / ",
-            items.length
-          ] }),
-          /* @__PURE__ */ jsx(
-            Span,
-            {
-              className: "w-px h-6 bg-white/15 mx-1 shrink-0",
-              "aria-hidden": "true"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            IconBtn,
-            {
-              onClick: toggleFullscreen,
-              ariaLabel: isFullscreen ? L.exitFullscreen : L.enterFullscreen,
-              children: isFullscreen ? /* @__PURE__ */ jsx(Minimize, { className: "w-6 h-6" }) : /* @__PURE__ */ jsx(Maximize, { className: "w-6 h-6" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            IconBtn,
-            {
-              onClick: onClose,
-              ariaLabel: L.close,
-              className: "hover:!bg-red-500/50",
-              children: /* @__PURE__ */ jsx(X, { className: "w-7 h-7" })
-            }
-          ),
-          items.length > 1 && /* @__PURE__ */ jsx(
-            IconBtn,
-            {
-              onClick: (e) => {
-                e.stopPropagation();
-                goNext();
-              },
-              ariaLabel: L.nextImage,
-              children: /* @__PURE__ */ jsx(ChevronRight, { className: "w-7 h-7" })
-            }
-          )
-        ] }),
-        items.length > 1 && /* @__PURE__ */ jsx(
-          Div,
-          {
-            className: "flex gap-2 px-4 py-3 bg-black/70 backdrop-blur-sm overflow-x-auto shrink-0 justify-center",
-            style: {
-              paddingBottom: "calc(0.75rem + env(safe-area-inset-bottom, 0px))"
-            },
-            children: items.map((item, i) => /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: "button",
-                onClick: () => {
-                  setIndex(i);
-                  resetZoom();
-                },
-                "aria-label": L.imageThumbnail(i + 1),
-                "aria-current": i === index ? "true" : void 0,
-                className: cn(
-                  "relative shrink-0 w-14 h-14 p-0 overflow-hidden rounded-lg border-2 transition-all active:scale-95",
-                  i === index ? "border-white opacity-100" : "border-transparent opacity-40 hover:opacity-75"
-                ),
-                children: /* @__PURE__ */ jsx(MediaImage, { src: item.src, alt: item.alt, size: "thumbnail" })
-              },
-              i
-            ))
-          }
-        )
-      ]
-    }
-  );
-}
-function MediaSlider({
-  value,
-  min = 0,
-  max = 100,
-  step = 1,
-  onChange,
-  onChangeEnd,
-  className = ""
-}) {
-  return /* @__PURE__ */ jsx(
-    "input",
-    {
-      type: "range",
-      min,
-      max,
-      step,
-      value,
-      onChange: (e) => onChange == null ? void 0 : onChange(parseFloat(e.target.value)),
-      onMouseUp: (e) => onChangeEnd == null ? void 0 : onChangeEnd(parseFloat(e.target.value)),
-      onTouchEnd: (e) => onChangeEnd == null ? void 0 : onChangeEnd(parseFloat(e.target.value)),
-      className: [
-        "w-full h-2 appearance-none cursor-pointer rounded-full",
-        "bg-zinc-200 dark:bg-slate-700",
-        "accent-primary-600 dark:accent-secondary-400",
-        className
-      ].filter(Boolean).join(" ")
-    }
-  );
-}
-
-// src/http/ApiClient.ts
-var ApiClientError = class extends Error {
-  constructor(message, status, data) {
-    super(message);
-    this.status = status;
-    this.data = data;
-    this.name = "ApiClientError";
-  }
-};
-var ApiClient = class {
-  constructor(options) {
-    var _a, _b, _c;
-    this.baseURL = (_b = (_a = options == null ? void 0 : options.baseURL) != null ? _a : process.env.NEXT_PUBLIC_APP_URL) != null ? _b : "";
-    this.defaultTimeout = (_c = options == null ? void 0 : options.defaultTimeout) != null ? _c : 12e4;
-  }
-  buildURL(endpoint, params) {
-    var _a;
-    const origin = this.baseURL || (typeof window !== "undefined" ? window.location.origin : (_a = process.env.NEXT_PUBLIC_APP_URL) != null ? _a : "http://localhost:3000");
-    const url = new URL(endpoint, origin);
-    if (params) {
-      Object.entries(params).forEach(
-        ([key, value]) => url.searchParams.append(key, String(value))
-      );
-    }
-    return url.toString();
-  }
-  async getHeaders(method, customHeaders) {
-    const hasBody = !["GET", "HEAD", "DELETE"].includes(method.toUpperCase());
-    return __spreadValues(__spreadValues({}, hasBody ? { "Content-Type": "application/json" } : {}), customHeaders);
-  }
-  async request(endpoint, config = {}) {
-    var _b, _c, _d, _e, _f;
-    const _a = config, {
-      params,
-      timeout = this.defaultTimeout,
-      headers: customHeaders,
-      signal: externalSignal
-    } = _a, fetchConfig = __objRest(_a, [
-      "params",
-      "timeout",
-      "headers",
-      "signal"
-    ]);
-    const method = ((_b = fetchConfig.method) != null ? _b : "GET").toUpperCase();
-    const url = this.buildURL(endpoint, params);
-    const headers = await this.getHeaders(method, customHeaders);
-    const controller = new AbortController();
-    const timeoutId = setTimeout(() => controller.abort(), timeout);
-    let onAbort = null;
-    if (externalSignal) {
-      if (externalSignal.aborted) {
-        controller.abort();
-      } else {
-        onAbort = () => controller.abort();
-        externalSignal.addEventListener("abort", onAbort);
-      }
-    }
-    try {
-      const response = await fetch(url, __spreadProps(__spreadValues({}, fetchConfig), {
-        headers,
-        signal: controller.signal,
-        credentials: "include"
-      }));
-      clearTimeout(timeoutId);
-      const data = await response.json().catch(() => ({
-        success: false,
-        error: "Invalid JSON response"
-      }));
-      if (!response.ok) {
-        throw new ApiClientError(
-          (_d = (_c = data.error) != null ? _c : data.message) != null ? _d : `Request failed with status ${response.status}`,
-          response.status,
-          data
-        );
-      }
-      if (!data.success) {
-        throw new ApiClientError(
-          (_f = (_e = data.error) != null ? _e : data.message) != null ? _f : "Request failed",
-          response.status,
-          data
-        );
-      }
-      return data.data;
-    } catch (error) {
-      clearTimeout(timeoutId);
-      if (error instanceof Error && error.name === "AbortError") {
-        if (externalSignal == null ? void 0 : externalSignal.aborted) throw error;
-        throw new ApiClientError("Request timeout", 408);
-      }
-      if (error instanceof TypeError) {
-        throw new ApiClientError(
-          "Network error. Please check your connection.",
-          0
-        );
-      }
-      if (error instanceof ApiClientError) throw error;
-      throw new ApiClientError(
-        error instanceof Error ? error.message : "An unexpected error occurred",
-        500
-      );
-    } finally {
-      if (onAbort) externalSignal == null ? void 0 : externalSignal.removeEventListener("abort", onAbort);
-    }
-  }
-  async get(endpoint, config) {
-    return this.request(endpoint, __spreadProps(__spreadValues({}, config), { method: "GET" }));
-  }
-  async post(endpoint, data, config) {
-    return this.request(endpoint, __spreadProps(__spreadValues({}, config), {
-      method: "POST",
-      body: data != null ? JSON.stringify(data) : void 0
-    }));
-  }
-  async put(endpoint, data, config) {
-    return this.request(endpoint, __spreadProps(__spreadValues({}, config), {
-      method: "PUT",
-      body: data != null ? JSON.stringify(data) : void 0
-    }));
-  }
-  async patch(endpoint, data, config) {
-    return this.request(endpoint, __spreadProps(__spreadValues({}, config), {
-      method: "PATCH",
-      body: data != null ? JSON.stringify(data) : void 0
-    }));
-  }
-  async delete(endpoint, config) {
-    return this.request(endpoint, __spreadProps(__spreadValues({}, config), { method: "DELETE" }));
-  }
-  async upload(endpoint, formData, config) {
-    const _a = config != null ? config : {}, { headers } = _a, restConfig = __objRest(_a, ["headers"]);
-    const uploadHeaders = await this.getHeaders("POST", headers);
-    delete uploadHeaders["Content-Type"];
-    return this.request(endpoint, __spreadProps(__spreadValues({}, restConfig), {
-      method: "POST",
-      body: formData,
-      headers: uploadHeaders
-    }));
-  }
-};
-var apiClient = new ApiClient();
-
-// src/features/media/hooks/useMedia.ts
-function useMediaUpload(endpoint = "/api/media/upload") {
-  const mutation = useMutation({
-    mutationFn: (formData) => apiClient.upload(endpoint, formData)
-  });
-  const upload = async (file, folder = "uploads", isPublic = true, context) => {
-    const formData = new FormData();
-    formData.append("file", file);
-    formData.append("folder", folder);
-    formData.append("public", isPublic.toString());
-    if (context) {
-      formData.append("context", JSON.stringify(context));
-    }
-    const data = await mutation.mutateAsync(formData);
-    return data.url;
-  };
-  return __spreadProps(__spreadValues({}, mutation), { upload });
-}
-function useMediaCrop(endpoint = "/api/media/crop") {
-  return useMutation({
-    mutationFn: (data) => apiClient.post(endpoint, data)
-  });
-}
-function useMediaTrim(endpoint = "/api/media/trim") {
-  return useMutation({
-    mutationFn: (data) => apiClient.post(endpoint, data)
-  });
-}
-function useMediaCleanup(endpoint = "/api/media") {
-  const mutation = useMutation({
-    mutationFn: async (urls) => {
-      await Promise.all(
-        urls.map(async (url) => {
-          const encoded = encodeURIComponent(url);
-          await apiClient.delete(`${endpoint}?url=${encoded}`);
-        })
-      );
-    }
-  });
-  const cleanup = async (urls) => {
-    const unique = Array.from(new Set(urls.filter(Boolean)));
-    if (unique.length === 0) return;
-    await mutation.mutateAsync(unique);
-  };
-  return __spreadProps(__spreadValues({}, mutation), { cleanup });
-}
-function ImageCropModal({
-  isOpen,
-  imageUrl,
-  onClose,
-  onSave,
-  initialCropData
-}) {
-  var _a, _b;
-  const t = useTranslations("mediaEditor");
-  const [zoom, setZoom] = useState((_a = initialCropData == null ? void 0 : initialCropData.zoom) != null ? _a : 1);
-  const [position, setPosition] = useState(
-    (_b = initialCropData == null ? void 0 : initialCropData.position) != null ? _b : { x: 50, y: 50 }
-  );
-  const [isDragging, setIsDragging] = useState(false);
-  const [dragStart, setDragStart] = useState({ x: 0, y: 0 });
-  const [showZoomWarning, setShowZoomWarning] = useState(false);
-  const containerRef = useRef(null);
-  useEffect(() => {
-    setShowZoomWarning(zoom < 0.5);
-  }, [zoom]);
-  const handleMouseDown = (e) => {
-    setIsDragging(true);
-    setDragStart({ x: e.clientX - position.x, y: e.clientY - position.y });
-  };
-  const handleMouseMove = (e) => {
-    if (!isDragging || !containerRef.current) return;
-    const container = containerRef.current.getBoundingClientRect();
-    setPosition({
-      x: Math.max(0, Math.min(100, (e.clientX - dragStart.x) / container.width * 100)),
-      y: Math.max(0, Math.min(100, (e.clientY - dragStart.y) / container.height * 100))
-    });
-  };
-  const handleMouseUp = () => setIsDragging(false);
-  const handleTouchStart = (e) => {
-    const touch = e.touches[0];
-    setIsDragging(true);
-    setDragStart({ x: touch.clientX - position.x, y: touch.clientY - position.y });
-  };
-  const handleTouchMove = (e) => {
-    if (!isDragging || !containerRef.current) return;
-    const touch = e.touches[0];
-    const container = containerRef.current.getBoundingClientRect();
-    setPosition({
-      x: Math.max(0, Math.min(100, (touch.clientX - dragStart.x) / container.width * 100)),
-      y: Math.max(0, Math.min(100, (touch.clientY - dragStart.y) / container.height * 100))
-    });
-  };
-  const handleTouchEnd = () => setIsDragging(false);
-  const handleKeyDown = (e) => {
-    const step = e.shiftKey ? 5 : 1;
-    switch (e.key) {
-      case "ArrowLeft":
-        e.preventDefault();
-        setPosition((p) => __spreadProps(__spreadValues({}, p), { x: Math.max(0, p.x - step) }));
-        break;
-      case "ArrowRight":
-        e.preventDefault();
-        setPosition((p) => __spreadProps(__spreadValues({}, p), { x: Math.min(100, p.x + step) }));
-        break;
-      case "ArrowUp":
-        e.preventDefault();
-        setPosition((p) => __spreadProps(__spreadValues({}, p), { y: Math.max(0, p.y - step) }));
-        break;
-      case "ArrowDown":
-        e.preventDefault();
-        setPosition((p) => __spreadProps(__spreadValues({}, p), { y: Math.min(100, p.y + step) }));
-        break;
-      case "+":
-      case "=":
-        e.preventDefault();
-        setZoom((z2) => Math.min(3, z2 + 0.1));
-        break;
-      case "-":
-        e.preventDefault();
-        setZoom((z2) => Math.max(0.1, z2 - 0.1));
-        break;
-    }
-  };
-  const handleSave = () => {
-    onSave({ url: imageUrl, position, zoom });
-    onClose();
-  };
-  const handleReset = () => {
-    setZoom(1);
-    setPosition({ x: 50, y: 50 });
-  };
-  return /* @__PURE__ */ jsx(Modal, { isOpen, onClose, title: t("cropTitle"), size: "lg", children: /* @__PURE__ */ jsxs(Div, { className: "space-y-3", children: [
-    /* @__PURE__ */ jsx(Text, { variant: "secondary", className: "text-xs", children: t("cropInstruction") }),
-    /* @__PURE__ */ jsxs(
-      Div,
-      {
-        ref: containerRef,
-        className: "relative w-full max-w-sm mx-auto aspect-square bg-zinc-100 dark:bg-slate-800 rounded-lg overflow-hidden cursor-move max-h-[280px] touch-none",
-        "data-disable-swipe": "true",
-        tabIndex: 0,
-        role: "application",
-        "aria-label": t("cropInstruction"),
-        onKeyDown: handleKeyDown,
-        onMouseDown: handleMouseDown,
-        onMouseMove: handleMouseMove,
-        onMouseUp: handleMouseUp,
-        onMouseLeave: handleMouseUp,
-        onTouchStart: handleTouchStart,
-        onTouchMove: handleTouchMove,
-        onTouchEnd: handleTouchEnd,
-        children: [
-          /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: imageUrl,
-              alt: t("cropPreviewAlt"),
-              draggable: false,
-              className: "absolute select-none pointer-events-none object-cover",
-              style: {
-                width: `${zoom * 100}%`,
-                height: `${zoom * 100}%`,
-                left: `${position.x}%`,
-                top: `${position.y}%`,
-                transform: "translate(-50%, -50%)"
-              }
-            }
-          ),
-          /* @__PURE__ */ jsxs(Div, { className: "absolute inset-0 pointer-events-none", children: [
-            /* @__PURE__ */ jsx(Div, { className: "absolute w-full h-full grid grid-cols-3 grid-rows-3", children: Array.from({ length: 9 }).map((_, i) => /* @__PURE__ */ jsx(Div, { className: "border border-white/20 dark:border-slate-600/30" }, i)) }),
-            /* @__PURE__ */ jsxs(Div, { className: "absolute inset-0 flex items-center justify-center", children: [
-              /* @__PURE__ */ jsx(Div, { className: "w-6 h-px bg-white/50" }),
-              /* @__PURE__ */ jsx(Div, { className: "absolute h-6 w-px bg-white/50" })
-            ] })
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(Div, { className: "space-y-1", children: [
-      /* @__PURE__ */ jsxs(Div, { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx(Text, { className: "text-xs font-medium", children: t("cropZoom") }),
-        /* @__PURE__ */ jsxs(Text, { className: "text-xs text-zinc-500 dark:text-slate-400", children: [
-          Math.round(zoom * 100),
-          "%"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(Div, { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            onClick: () => setZoom(Math.max(0.1, zoom - 0.1)),
-            "aria-label": t("cropZoomOut"),
-            children: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM13 10H7" }) })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          MediaSlider,
-          {
-            value: zoom,
-            min: 0.1,
-            max: 3,
-            step: 0.01,
-            onChange: (v) => setZoom(v),
-            className: "flex-1"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            onClick: () => setZoom(Math.min(3, zoom + 0.1)),
-            "aria-label": t("cropZoomIn"),
-            children: /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7" }) })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(Div, { className: "flex gap-2", children: [0.5, 1, 1.5, 2].map((preset) => /* @__PURE__ */ jsxs(
-        Button,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "sm",
-          onClick: () => setZoom(preset),
-          className: "px-3 py-1 text-xs rounded-lg bg-zinc-100 dark:bg-slate-800",
-          children: [
-            preset * 100,
-            "%"
-          ]
-        },
-        preset
-      )) })
-    ] }),
-    showZoomWarning && /* @__PURE__ */ jsxs(Alert, { variant: "warning", children: [
-      /* @__PURE__ */ jsx("strong", { children: t("cropWarningTitle") }),
-      " ",
-      t("cropWarningMessage")
-    ] }),
-    /* @__PURE__ */ jsxs(Div, { className: "flex items-center justify-between text-xs text-zinc-500 dark:text-slate-400", children: [
-      /* @__PURE__ */ jsxs(Span, { children: [
-        t("cropPosition"),
-        ": ",
-        Math.round(position.x),
-        "%, ",
-        Math.round(position.y),
-        "%"
-      ] }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "sm",
-          onClick: handleReset,
-          className: "text-primary-600 dark:text-primary-400 hover:underline",
-          children: t("cropReset")
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs(Div, { className: "flex gap-2 pt-2", children: [
-      /* @__PURE__ */ jsx(Button, { onClick: handleSave, variant: "primary", className: "flex-1", children: t("cropSave") }),
-      /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "secondary", className: "flex-1", children: t("cropCancel") })
-    ] })
-  ] }) });
-}
-function formatTime(seconds) {
-  const m = Math.floor(seconds / 60);
-  const s = Math.floor(seconds % 60);
-  return `${m}:${s.toString().padStart(2, "0")}`;
-}
-function VideoTrimModal({
-  isOpen,
-  videoUrl,
-  onClose,
-  onSave,
-  endpoint
-}) {
-  const t = useTranslations("mediaEditor");
-  const [duration, setDuration] = useState(0);
-  const [startTime, setStartTime] = useState(0);
-  const [endTime, setEndTime] = useState(0);
-  const [quality, setQuality] = useState("medium");
-  const [error, setError] = useState(null);
-  const videoRef = useRef(null);
-  const { mutateAsync: trim, isPending } = useMediaTrim(endpoint);
-  useEffect(() => {
-    if (isOpen) {
-      setStartTime(0);
-      setEndTime(0);
-      setDuration(0);
-      setError(null);
-    }
-  }, [isOpen, videoUrl]);
-  const handleLoadedMetadata = () => {
-    const video = videoRef.current;
-    if (!video) return;
-    setDuration(video.duration);
-    setEndTime(video.duration);
-  };
-  const seekTo = (time) => {
-    if (videoRef.current) videoRef.current.currentTime = time;
-  };
-  const handleStartChange = (val) => {
-    const clamped = Math.min(val, endTime - 0.1);
-    setStartTime(clamped);
-    seekTo(clamped);
-  };
-  const handleEndChange = (val) => {
-    const clamped = Math.max(val, startTime + 0.1);
-    setEndTime(clamped);
-    seekTo(clamped);
-  };
-  const handleTrim = async () => {
-    setError(null);
-    try {
-      const result = await trim({ sourceUrl: videoUrl, startTime, endTime, quality });
-      onSave(result.url);
-      onClose();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : t("trimError"));
-    }
-  };
-  const qualityLabels = {
-    low: t("trimQualityLow"),
-    medium: t("trimQualityMedium"),
-    high: t("trimQualityHigh")
-  };
-  return /* @__PURE__ */ jsx(Modal, { isOpen, onClose, title: t("trimTitle"), size: "lg", children: /* @__PURE__ */ jsxs(Div, { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx(Text, { variant: "secondary", className: "text-xs", children: t("trimInstruction") }),
-    /* @__PURE__ */ jsx(Div, { className: "relative aspect-video overflow-hidden rounded-lg bg-black", children: /* @__PURE__ */ jsx(
-      "video",
-      {
-        ref: videoRef,
-        src: videoUrl,
-        className: "absolute inset-0 w-full h-full object-contain",
-        controls: true,
-        onLoadedMetadata: handleLoadedMetadata
-      }
-    ) }),
-    duration > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(Div, { className: "space-y-1", children: [
-        /* @__PURE__ */ jsxs(Div, { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx(Text, { size: "sm", children: t("trimStart") }),
-          /* @__PURE__ */ jsx(Span, { className: "text-sm font-mono tabular-nums", children: formatTime(startTime) })
-        ] }),
-        /* @__PURE__ */ jsx(
-          MediaSlider,
-          {
-            value: startTime,
-            min: 0,
-            max: duration,
-            step: 0.1,
-            onChange: handleStartChange
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs(Div, { className: "space-y-1", children: [
-        /* @__PURE__ */ jsxs(Div, { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx(Text, { size: "sm", children: t("trimEnd") }),
-          /* @__PURE__ */ jsx(Span, { className: "text-sm font-mono tabular-nums", children: formatTime(endTime) })
-        ] }),
-        /* @__PURE__ */ jsx(
-          MediaSlider,
-          {
-            value: endTime,
-            min: 0,
-            max: duration,
-            step: 0.1,
-            onChange: handleEndChange
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(Text, { size: "xs", variant: "secondary", children: t("trimDuration", { duration: (endTime - startTime).toFixed(1) }) }),
-      /* @__PURE__ */ jsxs(Div, { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx(Text, { size: "sm", children: t("trimQuality") }),
-        /* @__PURE__ */ jsx(Div, { className: "flex gap-2", children: ["low", "medium", "high"].map((q) => /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: quality === q ? "primary" : "outline",
-            size: "sm",
-            onClick: () => setQuality(q),
-            disabled: isPending,
-            children: qualityLabels[q]
-          },
-          q
-        )) })
-      ] })
-    ] }),
-    error && /* @__PURE__ */ jsx(Alert, { variant: "error", children: error }),
-    /* @__PURE__ */ jsxs(Div, { className: "flex items-center justify-end gap-2", children: [
-      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onClose, disabled: isPending, children: t("trimSkip") }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "primary",
-          size: "sm",
-          onClick: handleTrim,
-          disabled: isPending || duration === 0,
-          children: isPending ? t("trimming") : t("trimSave")
-        }
-      )
-    ] })
-  ] }) });
-}
-function VideoThumbnailSelector({
-  isOpen,
-  videoUrl,
-  onClose,
-  onSelect,
-  onUpload
-}) {
-  const t = useTranslations("mediaEditor");
-  const [isCapturing, setIsCapturing] = useState(false);
-  const [error, setError] = useState(null);
-  const videoRef = useRef(null);
-  const canvasRef = useRef(null);
-  const handleCapture = async () => {
-    const video = videoRef.current;
-    const canvas = canvasRef.current;
-    if (!video || !canvas) return;
-    setError(null);
-    setIsCapturing(true);
-    try {
-      video.pause();
-      canvas.width = video.videoWidth || 1280;
-      canvas.height = video.videoHeight || 720;
-      const ctx = canvas.getContext("2d");
-      if (!ctx) throw new Error("Canvas context unavailable");
-      ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
-      const blob = await new Promise(
-        (resolve) => canvas.toBlob(resolve, "image/jpeg", 0.9)
-      );
-      if (!blob) throw new Error(t("thumbnailError"));
-      const file = new File([blob], `thumbnail-${Date.now()}.jpg`, { type: "image/jpeg" });
-      const url = await onUpload(file);
-      onSelect(url);
-      onClose();
-    } catch (err) {
-      setError(err instanceof Error ? err.message : t("thumbnailError"));
-    } finally {
-      setIsCapturing(false);
-    }
-  };
-  return /* @__PURE__ */ jsx(Modal, { isOpen, onClose, title: t("thumbnailTitle"), size: "lg", children: /* @__PURE__ */ jsxs(Div, { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx(Text, { variant: "secondary", className: "text-xs", children: t("thumbnailInstruction") }),
-    /* @__PURE__ */ jsx(Div, { className: "relative aspect-video overflow-hidden rounded-lg bg-black", children: /* @__PURE__ */ jsx(
-      "video",
-      {
-        ref: videoRef,
-        src: videoUrl,
-        className: "absolute inset-0 w-full h-full object-contain",
-        controls: true,
-        preload: "metadata"
-      }
-    ) }),
-    /* @__PURE__ */ jsx("canvas", { ref: canvasRef, className: "hidden", "aria-hidden": "true" }),
-    error && /* @__PURE__ */ jsx(Alert, { variant: "error", children: error }),
-    /* @__PURE__ */ jsxs(Div, { className: "flex items-center justify-end gap-2", children: [
-      /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onClose, disabled: isCapturing, children: t("thumbnailSkip") }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          variant: "primary",
-          size: "sm",
-          onClick: handleCapture,
-          disabled: isCapturing,
-          children: isCapturing ? /* @__PURE__ */ jsxs(Span, { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(Spinner, { size: "sm" }),
-            t("thumbnailCapturing")
-          ] }) : t("thumbnailCapture")
-        }
-      )
-    ] })
-  ] }) });
-}
-function useCamera() {
-  const isSupported = typeof navigator !== "undefined" && typeof navigator.mediaDevices !== "undefined" && typeof navigator.mediaDevices.getUserMedia === "function";
-  const videoRef = useRef(null);
-  const streamRef = useRef(null);
-  const mediaRecorderRef = useRef(null);
-  const chunksRef = useRef([]);
-  const currentFacingModeRef = useRef("environment");
-  const stopRecordingResolveRef = useRef(null);
-  const [stream, setStream] = useState(null);
-  const [isActive, setIsActive] = useState(false);
-  const [isCapturing, setIsCapturing] = useState(false);
-  const [error, setError] = useState(null);
-  const stopCamera = useCallback(() => {
-    if (streamRef.current) {
-      streamRef.current.getTracks().forEach((t) => t.stop());
-      streamRef.current = null;
-    }
-    if (videoRef.current) {
-      videoRef.current.srcObject = null;
-    }
-    setStream(null);
-    setIsActive(false);
-    setIsCapturing(false);
-  }, []);
-  useEffect(() => {
-    return () => {
-      stopCamera();
-    };
-  }, [stopCamera]);
-  const startCamera = useCallback(
-    async (options) => {
-      var _a, _b;
-      if (!isSupported) {
-        setError("Camera is not supported on this device");
-        return;
-      }
-      setError(null);
-      stopCamera();
-      const facingMode = (_a = options == null ? void 0 : options.facingMode) != null ? _a : "environment";
-      currentFacingModeRef.current = facingMode;
-      const videoConstraints = (options == null ? void 0 : options.video) !== void 0 ? options.video : { facingMode };
-      try {
-        const mediaStream = await navigator.mediaDevices.getUserMedia({
-          video: videoConstraints,
-          audio: (_b = options == null ? void 0 : options.audio) != null ? _b : false
-        });
-        streamRef.current = mediaStream;
-        setStream(mediaStream);
-        setIsActive(true);
-        if (videoRef.current) {
-          videoRef.current.srcObject = mediaStream;
-        }
-      } catch (err) {
-        const message = err instanceof DOMException && err.name === "NotAllowedError" ? "Camera permission denied. Please allow access in your browser settings." : "Camera unavailable";
-        setError(message);
-      }
-    },
-    [isSupported, stopCamera]
-  );
-  const takePhoto = useCallback(() => {
-    const video = videoRef.current;
-    if (!video || !isActive) return null;
-    const canvas = document.createElement("canvas");
-    canvas.width = video.videoWidth;
-    canvas.height = video.videoHeight;
-    const ctx = canvas.getContext("2d");
-    if (!ctx) return null;
-    ctx.drawImage(video, 0, 0);
-    let result = null;
-    canvas.toBlob(
-      (blob) => {
-        result = blob;
-      },
-      "image/webp",
-      0.92
-    );
-    return result;
-  }, [isActive]);
-  const startRecording = useCallback(() => {
-    if (!streamRef.current || !isActive) return;
-    chunksRef.current = [];
-    const recorder = new MediaRecorder(streamRef.current, {
-      mimeType: "video/webm"
-    });
-    recorder.ondataavailable = (e) => {
-      if (e.data.size > 0) chunksRef.current.push(e.data);
-    };
-    recorder.onstop = () => {
-      const blob = new Blob(chunksRef.current, { type: "video/webm" });
-      setIsCapturing(false);
-      if (stopRecordingResolveRef.current) {
-        stopRecordingResolveRef.current(blob);
-        stopRecordingResolveRef.current = null;
-      }
-    };
-    mediaRecorderRef.current = recorder;
-    recorder.start();
-    setIsCapturing(true);
-  }, [isActive]);
-  const stopRecording = useCallback(() => {
-    return new Promise((resolve) => {
-      stopRecordingResolveRef.current = resolve;
-      if (mediaRecorderRef.current && mediaRecorderRef.current.state !== "inactive") {
-        mediaRecorderRef.current.stop();
-      } else {
-        resolve(new Blob([], { type: "video/webm" }));
-      }
-    });
-  }, []);
-  const switchCamera = useCallback(async () => {
-    const next = currentFacingModeRef.current === "environment" ? "user" : "environment";
-    await startCamera({ facingMode: next });
-  }, [startCamera]);
-  return {
-    isSupported,
-    isActive,
-    isCapturing,
-    stream,
-    error,
-    videoRef,
-    startCamera,
-    stopCamera,
-    takePhoto,
-    startRecording,
-    stopRecording,
-    switchCamera
-  };
-}
-
-// src/core/Logger.ts
-var Logger = class _Logger {
-  constructor(options) {
-    this.logs = [];
-    this.levelPriority = {
-      debug: 0,
-      info: 1,
-      warn: 2,
-      error: 3
-    };
-    var _a, _b, _c, _d, _e;
-    const fileUrl = (_a = options == null ? void 0 : options.logFileUrl) != null ? _a : (options == null ? void 0 : options.enableFileLogging) ? "/api/logs/write" : void 0;
-    this.options = {
-      minLevel: (_b = options == null ? void 0 : options.minLevel) != null ? _b : "debug",
-      enableConsole: (_c = options == null ? void 0 : options.enableConsole) != null ? _c : true,
-      enableStorage: (_d = options == null ? void 0 : options.enableStorage) != null ? _d : false,
-      logFileUrl: fileUrl,
-      maxEntries: (_e = options == null ? void 0 : options.maxEntries) != null ? _e : 1e3,
-      sanitizer: options == null ? void 0 : options.sanitizer
-    };
-  }
-  /** Get singleton instance */
-  static getInstance(options) {
-    if (!_Logger.instance) {
-      _Logger.instance = new _Logger(options);
-    }
-    return _Logger.instance;
-  }
-  /** Set or update the data sanitizer (e.g., for PII redaction). */
-  static setSanitizer(fn) {
-    _Logger.getInstance().options.sanitizer = fn;
-  }
-  shouldLog(level) {
-    return this.levelPriority[level] >= this.levelPriority[this.options.minLevel];
-  }
-  addLog(level, message, data) {
-    if (!this.shouldLog(level)) return;
-    const sanitized = data && this.options.sanitizer ? this.options.sanitizer(data) : data;
-    const entry = {
-      level,
-      message,
-      timestamp: /* @__PURE__ */ new Date(),
-      data: sanitized
-    };
-    this.logs.push(entry);
-    if (this.logs.length > this.options.maxEntries) {
-      this.logs.shift();
-    }
-    if (this.options.enableConsole) {
-      this.logToConsole(entry);
-    }
-    if (this.options.enableStorage && typeof window !== "undefined") {
-      this.saveToStorage();
-    }
-    if (this.options.logFileUrl && level === "error") {
-      this.writeToFile(entry).catch(() => {
-      });
-    }
-  }
-  logToConsole(entry) {
-    const prefix = `[${entry.level.toUpperCase()}] ${entry.timestamp.toISOString()}`;
-    const message = `${prefix} ${entry.message}`;
-    switch (entry.level) {
-      case "debug":
-        console.debug(message, entry.data);
-        break;
-      case "info":
-        console.info(message, entry.data);
-        break;
-      case "warn":
-        console.warn(message, entry.data);
-        break;
-      case "error":
-        console.error(message, entry.data);
-        break;
-    }
-  }
-  saveToStorage() {
-    try {
-      localStorage.setItem("app_logs", JSON.stringify(this.logs));
-    } catch (e) {
-    }
-  }
-  async writeToFile(entry) {
-    if (typeof window === "undefined" || !this.options.logFileUrl) return;
-    try {
-      await fetch(this.options.logFileUrl, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          level: entry.level,
-          message: entry.message,
-          timestamp: entry.timestamp.toISOString(),
-          data: entry.data
-        })
-      });
-    } catch (e) {
-    }
-  }
-  debug(message, data) {
-    this.addLog("debug", message, data);
-  }
-  info(message, data) {
-    this.addLog("info", message, data);
-  }
-  warn(message, data) {
-    this.addLog("warn", message, data);
-  }
-  error(message, data) {
-    this.addLog("error", message, data);
-  }
-  getLogs(level) {
-    if (level) return this.logs.filter((log) => log.level === level);
-    return [...this.logs];
-  }
-  clear() {
-    this.logs = [];
-    if (this.options.enableStorage && typeof window !== "undefined") {
-      localStorage.removeItem("app_logs");
-    }
-  }
-  export() {
-    return JSON.stringify(this.logs, null, 2);
-  }
-  getStats() {
-    return {
-      debug: this.logs.filter((l) => l.level === "debug").length,
-      info: this.logs.filter((l) => l.level === "info").length,
-      warn: this.logs.filter((l) => l.level === "warn").length,
-      error: this.logs.filter((l) => l.level === "error").length
-    };
-  }
-};
-Logger.getInstance();
-
-// src/core/Queue.ts
-Logger.getInstance();
-
-// src/core/StorageManager.ts
-var sLogger = Logger.getInstance();
-var _StorageManager = class _StorageManager {
-  constructor(prefix = "app_") {
-    this.prefix = prefix;
-  }
-  /**
-   * Get-or-create a StorageManager for the given prefix.
-   * Each prefix returns an independent instance.
-   */
-  static getInstance(prefix = "") {
-    if (!_StorageManager.instances.has(prefix)) {
-      _StorageManager.instances.set(prefix, new _StorageManager(prefix));
-    }
-    return _StorageManager.instances.get(prefix);
-  }
-  getStorage(type) {
-    try {
-      if (typeof window === "undefined") return null;
-      const storage = type === "local" ? window.localStorage : window.sessionStorage;
-      return storage != null ? storage : null;
-    } catch (e) {
-      return null;
-    }
-  }
-  generateKey(key) {
-    return `${this.prefix}${key}`;
-  }
-  set(key, value, options) {
-    var _a;
-    const storage = this.getStorage((_a = options == null ? void 0 : options.type) != null ? _a : "local");
-    if (!storage) return false;
-    try {
-      storage.setItem(this.generateKey(key), JSON.stringify(value));
-      return true;
-    } catch (error) {
-      sLogger.error("StorageManager.set error", { error });
-      return false;
-    }
-  }
-  get(key, options) {
-    var _a;
-    const storage = this.getStorage((_a = options == null ? void 0 : options.type) != null ? _a : "local");
-    if (!storage) return null;
-    try {
-      const item = storage.getItem(this.generateKey(key));
-      if (item === null) return null;
-      return JSON.parse(item);
-    } catch (error) {
-      sLogger.error("StorageManager.get error", { error });
-      return null;
-    }
-  }
-  remove(key, options) {
-    var _a;
-    const storage = this.getStorage((_a = options == null ? void 0 : options.type) != null ? _a : "local");
-    if (!storage) return false;
-    try {
-      storage.removeItem(this.generateKey(key));
-      return true;
-    } catch (error) {
-      sLogger.error("StorageManager.remove error", { error });
-      return false;
-    }
-  }
-  clear(options) {
-    var _a;
-    const storage = this.getStorage((_a = options == null ? void 0 : options.type) != null ? _a : "local");
-    if (!storage) return false;
-    try {
-      const keys = Object.keys(storage);
-      keys.forEach((k) => {
-        if (k.startsWith(this.prefix)) storage.removeItem(k);
-      });
-      return true;
-    } catch (error) {
-      sLogger.error("StorageManager.clear error", { error });
-      return false;
-    }
-  }
-  has(key, options) {
-    return this.get(key, options) !== null;
-  }
-  keys(options) {
-    var _a;
-    const storage = this.getStorage((_a = options == null ? void 0 : options.type) != null ? _a : "local");
-    if (!storage) return [];
-    const result = [];
-    for (let i = 0; i < storage.length; i++) {
-      const k = storage.key(i);
-      if (k == null ? void 0 : k.startsWith(this.prefix)) {
-        result.push(k.slice(this.prefix.length));
-      }
-    }
-    return result;
-  }
-  size(options) {
-    var _a, _b;
-    const storage = this.getStorage((_a = options == null ? void 0 : options.type) != null ? _a : "local");
-    if (!storage) return 0;
-    let bytes = 0;
-    for (let i = 0; i < storage.length; i++) {
-      const k = storage.key(i);
-      if (k == null ? void 0 : k.startsWith(this.prefix)) {
-        const v = storage.getItem(k);
-        bytes += k.length + ((_b = v == null ? void 0 : v.length) != null ? _b : 0);
-      }
-    }
-    return bytes;
-  }
-  isAvailable(type = "local") {
-    const storage = this.getStorage(type);
-    if (!storage) return false;
-    try {
-      const testKey = "__storage_test__";
-      storage.setItem(testKey, "1");
-      storage.removeItem(testKey);
-      return true;
-    } catch (e) {
-      return false;
-    }
-  }
-  getAll(options) {
-    var _a;
-    const storage = this.getStorage((_a = options == null ? void 0 : options.type) != null ? _a : "local");
-    if (!storage) return {};
-    const result = {};
-    for (let i = 0; i < storage.length; i++) {
-      const k = storage.key(i);
-      if (k == null ? void 0 : k.startsWith(this.prefix)) {
-        const v = this.get(k.slice(this.prefix.length), options);
-        if (v !== null) result[k.slice(this.prefix.length)] = v;
-      }
-    }
-    return result;
-  }
-};
-/** Per-prefix instance map — prevents namespace collisions */
-_StorageManager.instances = /* @__PURE__ */ new Map();
-var StorageManager = _StorageManager;
-StorageManager.getInstance("");
-
-// src/core/EventBus.ts
-Logger.getInstance();
-
-// src/security/authorization.ts
-init_errors();
-
-// src/monitoring/client-logger.ts
-init_errors();
-
-// src/monitoring/server-logger.ts
-init_errors();
-function CameraCapture({
-  mode,
-  facingMode = "environment",
-  onCapture,
-  onError,
-  className
-}) {
-  const t = useTranslations("camera");
-  const camera = useCamera();
-  const [isStarting, setIsStarting] = useState(false);
-  const [hasMultipleCameras, setHasMultipleCameras] = useState(false);
-  useEffect(() => {
-    let cancelled = false;
-    async function init() {
-      var _a;
-      setIsStarting(true);
-      if (typeof navigator !== "undefined" && ((_a = navigator.mediaDevices) == null ? void 0 : _a.enumerateDevices)) {
-        const devices = await navigator.mediaDevices.enumerateDevices();
-        if (!cancelled) {
-          setHasMultipleCameras(
-            devices.filter((d) => d.kind === "videoinput").length > 1
-          );
-        }
-      }
-      await camera.startCamera({
-        facingMode,
-        audio: mode === "video" || mode === "both"
-      });
-      if (!cancelled) setIsStarting(false);
-    }
-    void init();
-    return () => {
-      cancelled = true;
-    };
-  }, []);
-  useEffect(() => {
-    if (camera.error && onError) onError(camera.error);
-  }, [camera.error, onError]);
-  const handleTakePhoto = () => {
-    const blob = camera.takePhoto();
-    if (blob) onCapture(blob, "photo");
-  };
-  const handleStopRecording = async () => {
-    const blob = await camera.stopRecording();
-    onCapture(blob, "video");
-  };
-  const showPhotoButton = mode === "photo" || mode === "both";
-  const showVideoButton = mode === "video" || mode === "both";
-  return /* @__PURE__ */ jsxs(
-    Div,
-    {
-      className: `relative rounded-xl overflow-hidden bg-black ${className != null ? className : ""}`,
-      children: [
-        /* @__PURE__ */ jsx(
-          "video",
-          {
-            ref: camera.videoRef,
-            autoPlay: true,
-            muted: true,
-            playsInline: true,
-            className: "w-full aspect-video object-cover"
-          }
-        ),
-        isStarting && /* @__PURE__ */ jsx(Div, { className: "absolute inset-0 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ jsxs(Div, { className: "flex flex-col items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Spinner, {}),
-          /* @__PURE__ */ jsx(Span, { className: "text-white text-sm", children: t("starting") })
-        ] }) }),
-        camera.error && /* @__PURE__ */ jsx(Div, { className: "absolute top-2 left-2 right-2", children: /* @__PURE__ */ jsx(Alert, { variant: "error", children: camera.error }) }),
-        !isStarting && !camera.error && camera.isActive && /* @__PURE__ */ jsxs(Div, { className: "absolute bottom-0 left-0 right-0 p-3 bg-black/40 flex items-center justify-center gap-3", children: [
-          showPhotoButton && /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "secondary",
-              onClick: handleTakePhoto,
-              "aria-label": t("takePhoto"),
-              disabled: camera.isCapturing,
-              children: t("takePhoto")
-            }
-          ),
-          showVideoButton && /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: camera.isCapturing ? "danger" : "secondary",
-              onClick: camera.isCapturing ? handleStopRecording : () => camera.startRecording(),
-              "aria-label": camera.isCapturing ? t("stopRecording") : t("startRecording"),
-              children: camera.isCapturing ? t("stopRecording") : t("startRecording")
-            }
-          ),
-          hasMultipleCameras && /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "outline",
-              onClick: () => void camera.switchCamera(),
-              "aria-label": t("flipCamera"),
-              disabled: camera.isCapturing,
-              children: t("flipCamera")
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-function formatFileSize(bytes) {
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)}KB`;
-  return `${(bytes / (1024 * 1024)).toFixed(2)}MB`;
-}
-function ImageUpload({
-  currentImage,
-  onUpload,
-  onChange,
-  accept = "image/jpeg,image/png,image/gif,image/webp",
-  maxSizeMB = 10,
-  label = "Upload Image",
-  helperText,
-  captureSource = "both",
-  enableCrop = true,
-  onCropDataChange
-}) {
-  const [uploading, setUploading] = useState(false);
-  const [preview, setPreview] = useState(currentImage || "");
-  const [error, setError] = useState("");
-  const [progress, setProgress] = useState(0);
-  const [showCropModal, setShowCropModal] = useState(false);
-  const [cropPreviewUrl, setCropPreviewUrl] = useState(null);
-  const [pendingFile, setPendingFile] = useState(null);
-  const [captureMode, setCaptureMode] = useState("file");
-  const fileInputRef = useRef(null);
-  const mobileCaptureRef = useRef(null);
-  const t = useTranslations("camera");
-  const tUpload = useTranslations("upload");
-  const tMediaEditor = useTranslations("mediaEditor");
-  const { isSupported: isCameraSupported } = useCamera();
-  const showCamera = captureSource === "camera-only" || captureSource === "both" && captureMode === "camera";
-  const showFileInput = captureSource === "file-only" || captureSource === "both" && captureMode === "file";
-  const performUpload = async (file, cropData) => {
-    try {
-      setUploading(true);
-      setProgress(30);
-      const url = await onUpload(file);
-      setProgress(100);
-      setPreview(url);
-      onChange == null ? void 0 : onChange(url);
-      if (cropData) onCropDataChange == null ? void 0 : onCropDataChange(cropData);
-    } catch (err) {
-      const message = err instanceof Error ? err.message : "Upload failed";
-      setError(message);
-      setPreview(currentImage || "");
-    } finally {
-      setUploading(false);
-      setProgress(0);
-    }
-  };
-  const prepareFile = (file) => {
-    if (!enableCrop) {
-      void performUpload(file);
-      return;
-    }
-    const reader = new FileReader();
-    reader.onload = (event) => {
-      var _a;
-      if ((_a = event.target) == null ? void 0 : _a.result) {
-        setCropPreviewUrl(event.target.result);
-        setPendingFile(file);
-        setShowCropModal(true);
-      }
-    };
-    reader.readAsDataURL(file);
-  };
-  const handleCropSave = (cropData) => {
-    setShowCropModal(false);
-    if (pendingFile) void performUpload(pendingFile, cropData);
-    setCropPreviewUrl(null);
-    setPendingFile(null);
-  };
-  const handleCropClose = () => {
-    setShowCropModal(false);
-    setCropPreviewUrl(null);
-    if (pendingFile) {
-      void performUpload(pendingFile);
-      setPendingFile(null);
-    }
-  };
-  const handleCameraCapture = (blob) => {
-    const file = new File([blob], "camera-capture.webp", {
-      type: "image/webp"
-    });
-    setError("");
-    setProgress(0);
-    prepareFile(file);
-  };
-  const handleFileChange = (e) => {
-    var _a;
-    const file = (_a = e.target.files) == null ? void 0 : _a[0];
-    if (!file) return;
-    setError("");
-    setProgress(0);
-    const fileSizeMB = file.size / 1024 / 1024;
-    if (fileSizeMB > maxSizeMB) {
-      setError(
-        `File size must be less than ${maxSizeMB}MB (current: ${formatFileSize(file.size)})`
-      );
-      return;
-    }
-    const acceptedTypes = accept.split(",").map((t2) => t2.trim());
-    if (!acceptedTypes.includes(file.type)) {
-      setError(`Invalid file type. Accepted: ${accept}`);
-      return;
-    }
-    prepareFile(file);
-  };
-  const handleRemove = () => {
-    setPreview("");
-    setError("");
-    if (fileInputRef.current) fileInputRef.current.value = "";
-    onChange == null ? void 0 : onChange("");
-  };
-  return /* @__PURE__ */ jsxs(Div, { className: "space-y-3", children: [
-    label && /* @__PURE__ */ jsx(Label, { className: "block text-sm font-medium text-zinc-600 dark:text-zinc-400", children: label }),
-    /* @__PURE__ */ jsx(Div, { className: "relative", children: preview ? /* @__PURE__ */ jsxs(Div, { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs(Div, { className: "relative aspect-[16/9] overflow-hidden rounded-xl border-2 border-zinc-200 dark:border-zinc-700", children: [
-        /* @__PURE__ */ jsx(MediaImage, { src: preview, alt: "Preview", size: "card" }),
-        uploading && progress > 0 && /* @__PURE__ */ jsx(Div, { className: "absolute inset-x-0 bottom-0", children: /* @__PURE__ */ jsx(Progress, { value: progress, size: "sm" }) })
-      ] }),
-      !uploading && /* @__PURE__ */ jsxs(Row, { wrap: true, gap: "sm", children: [
-        enableCrop && /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            onClick: () => {
-              setCropPreviewUrl(preview);
-              setShowCropModal(true);
-            },
-            variant: "secondary",
-            size: "sm",
-            children: tMediaEditor("editImage")
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            onClick: () => {
-              var _a;
-              return (_a = fileInputRef.current) == null ? void 0 : _a.click();
-            },
-            variant: "outline",
-            size: "sm",
-            children: tUpload("change")
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            onClick: handleRemove,
-            variant: "danger",
-            size: "sm",
-            children: tUpload("remove")
-          }
-        )
-      ] })
-    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      captureSource === "both" && isCameraSupported && /* @__PURE__ */ jsxs(Div, { className: "flex items-center justify-center gap-2 mb-3", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: captureMode === "file" ? "primary" : "outline",
-            size: "sm",
-            onClick: () => setCaptureMode("file"),
-            children: t("switchToUpload")
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: captureMode === "camera" ? "primary" : "outline",
-            size: "sm",
-            onClick: () => setCaptureMode("camera"),
-            children: t("switchToCamera")
-          }
-        )
-      ] }),
-      showCamera && isCameraSupported && /* @__PURE__ */ jsx(
-        CameraCapture,
-        {
-          mode: "photo",
-          facingMode: "environment",
-          onCapture: handleCameraCapture,
-          onError: setError
-        }
-      ),
-      showCamera && !isCameraSupported && /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          onClick: () => {
-            var _a;
-            return (_a = mobileCaptureRef.current) == null ? void 0 : _a.click();
-          },
-          disabled: uploading,
-          variant: "ghost",
-          className: "w-full aspect-[16/9] border-2 border-dashed border-zinc-200 dark:border-zinc-700 rounded-xl flex items-center justify-center flex-col text-zinc-500 dark:text-zinc-400",
-          children: /* @__PURE__ */ jsx(Span, { className: "text-sm font-medium", children: t("switchToCamera") })
-        }
-      ),
-      showFileInput && /* @__PURE__ */ jsxs(
-        Button,
-        {
-          type: "button",
-          onClick: () => {
-            var _a;
-            return (_a = fileInputRef.current) == null ? void 0 : _a.click();
-          },
-          disabled: uploading,
-          variant: "ghost",
-          className: "w-full aspect-[16/9] border-2 border-dashed border-zinc-200 dark:border-zinc-700 rounded-xl flex items-center justify-center flex-col text-zinc-500 dark:text-zinc-400",
-          children: [
-            /* @__PURE__ */ jsx(
-              "svg",
-              {
-                className: "w-12 h-12 mb-3",
-                fill: "none",
-                stroke: "currentColor",
-                viewBox: "0 0 24 24",
-                "aria-hidden": "true",
-                children: /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 1.5,
-                    d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(Span, { className: "text-sm font-medium", children: uploading ? tUpload("uploading") : tUpload("clickToUpload") }),
-            /* @__PURE__ */ jsxs(Span, { className: "text-xs mt-1", children: [
-              accept.split(",").map((t2) => {
-                var _a, _b;
-                return (_b = (_a = t2.split("/")[1]) == null ? void 0 : _a.toUpperCase()) != null ? _b : t2;
-              }).join(", "),
-              " ",
-              "(max ",
-              maxSizeMB,
-              "MB)"
-            ] })
-          ]
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref: fileInputRef,
-        type: "file",
-        accept,
-        onChange: handleFileChange,
-        className: "hidden",
-        "aria-hidden": "true"
-      }
-    ),
-    showCamera && !isCameraSupported && /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref: mobileCaptureRef,
-        type: "file",
-        accept: "image/*",
-        capture: "environment",
-        onChange: handleFileChange,
-        className: "hidden",
-        "aria-hidden": "true"
-      }
-    ),
-    helperText && !error && /* @__PURE__ */ jsx(Text, { variant: "secondary", size: "xs", children: helperText }),
-    error && /* @__PURE__ */ jsx(Alert, { variant: "error", children: error }),
-    uploading && /* @__PURE__ */ jsxs(Div, { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(Spinner, { size: "sm" }),
-      /* @__PURE__ */ jsx(Text, { size: "sm", variant: "secondary", children: tUpload("uploadingProgress", { progress }) })
-    ] }),
-    cropPreviewUrl && /* @__PURE__ */ jsx(
-      ImageCropModal,
-      {
-        isOpen: showCropModal,
-        imageUrl: cropPreviewUrl,
-        onClose: handleCropClose,
-        onSave: handleCropSave
-      }
-    )
-  ] });
-}
-var mediaFieldSchema = z.object({
-  url: z.string().url(),
-  type: z.enum(["image", "video", "file"]),
-  alt: z.string().optional(),
-  thumbnailUrl: z.string().url().optional()
-});
-function coerceMediaField(value, fallbackType = "image") {
-  if (!value) {
-    return null;
-  }
-  if (typeof value === "string") {
-    return {
-      url: value,
-      type: fallbackType
-    };
-  }
-  return value;
-}
-function coerceMediaFieldArray(values, fallbackType = "image") {
-  if (!values || values.length === 0) {
-    return [];
-  }
-  return values.map((value) => coerceMediaField(value, fallbackType)).filter((value) => value !== null);
-}
-function getMediaUrl(value) {
-  var _a;
-  return (_a = coerceMediaField(value)) == null ? void 0 : _a.url;
-}
-function inferMediaTypeFromMime(mimeType, url) {
-  if (mimeType == null ? void 0 : mimeType.startsWith("image/")) return "image";
-  if (mimeType == null ? void 0 : mimeType.startsWith("video/")) return "video";
-  if (url) {
-    if (/\.(jpe?g|png|gif|webp|svg)(\?|$)/i.test(url)) return "image";
-    if (/\.(mp4|webm|ogg|mov|avi)(\?|$)/i.test(url)) return "video";
-  }
-  return "file";
-}
-function isVideo(url) {
-  return /\.(mp4|webm|ogg|mov|avi)(\?|$)/i.test(url);
-}
-function isImage(url) {
-  return /\.(jpe?g|png|gif|webp|svg)(\?|$)/i.test(url);
-}
-function filenameFromUrl(url) {
-  try {
-    const parts = new URL(url).pathname.split("/");
-    return decodeURIComponent(parts[parts.length - 1] || url);
-  } catch (e) {
-    return url;
-  }
-}
-function MediaUploadField({
-  label,
-  value,
-  onChange,
-  onChangeField,
-  onUpload,
-  accept = "*",
-  maxSizeMB = 50,
-  disabled = false,
-  helperText,
-  captureSource = "file-only",
-  captureMode = "photo",
-  enableTrim = true,
-  enableThumbnail = true,
-  onThumbnailChange,
-  onAbort,
-  onStagedUrlsChange,
-  isPersisted = false
-}) {
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const [pendingVideoUrl, setPendingVideoUrl] = useState(null);
-  const [showTrimModal, setShowTrimModal] = useState(false);
-  const [showThumbnailModal, setShowThumbnailModal] = useState(false);
-  const [inputMode, setInputMode] = useState("file");
-  const fileInputRef = useRef(null);
-  const mobileCaptureRef = useRef(null);
-  const stagedUrlsRef = useRef([]);
-  const onAbortRef = useRef(onAbort);
-  const onStagedUrlsChangeRef = useRef(onStagedUrlsChange);
-  const isPersistedRef = useRef(isPersisted);
-  useEffect(() => {
-    onAbortRef.current = onAbort;
-  }, [onAbort]);
-  useEffect(() => {
-    onStagedUrlsChangeRef.current = onStagedUrlsChange;
-  }, [onStagedUrlsChange]);
-  useEffect(() => {
-    isPersistedRef.current = isPersisted;
-  }, [isPersisted]);
-  useEffect(() => {
-    return () => {
-      var _a;
-      if (!isPersistedRef.current && stagedUrlsRef.current.length > 0) {
-        (_a = onAbortRef.current) == null ? void 0 : _a.call(onAbortRef, [...stagedUrlsRef.current]);
-      }
-    };
-  }, []);
-  const emitStaged = () => {
-    var _a;
-    (_a = onStagedUrlsChangeRef.current) == null ? void 0 : _a.call(onStagedUrlsChangeRef, [...stagedUrlsRef.current]);
-  };
-  const stageUrl = (url) => {
-    if (!stagedUrlsRef.current.includes(url)) {
-      stagedUrlsRef.current.push(url);
-      emitStaged();
-    }
-  };
-  const unstageUrl = (url) => {
-    const next = stagedUrlsRef.current.filter((u) => u !== url);
-    if (next.length !== stagedUrlsRef.current.length) {
-      stagedUrlsRef.current = next;
-      emitStaged();
-    }
-  };
-  const t = useTranslations("camera");
-  const tUpload = useTranslations("upload");
-  const tMediaEditor = useTranslations("mediaEditor");
-  const { isSupported: isCameraSupported } = useCamera();
-  const showCamera = captureSource === "camera-only" || captureSource === "both" && inputMode === "camera";
-  const showFileInput = captureSource === "file-only" || captureSource === "both" && inputMode === "file";
-  const captureModeAccept = captureMode === "video" ? "video/*" : captureMode === "both" ? "image/*,video/*" : "image/*";
-  const afterUpload = (url, fileType) => {
-    onChangeField == null ? void 0 : onChangeField({
-      url,
-      type: inferMediaTypeFromMime(fileType, url)
-    });
-    const isVideoFile = fileType.startsWith("video/");
-    if (isVideoFile && enableTrim) {
-      setPendingVideoUrl(url);
-      setShowTrimModal(true);
-      return;
-    }
-    if (isVideoFile && enableThumbnail) {
-      setPendingVideoUrl(url);
-      setShowThumbnailModal(true);
-      return;
-    }
-    onChange(url);
-  };
-  const handleTrimSave = (trimmedUrl) => {
-    setShowTrimModal(false);
-    if (enableThumbnail) {
-      setPendingVideoUrl(trimmedUrl);
-      setShowThumbnailModal(true);
-    } else {
-      onChange(trimmedUrl);
-      setPendingVideoUrl(null);
-    }
-  };
-  const handleTrimClose = () => {
-    setShowTrimModal(false);
-    if (enableThumbnail && pendingVideoUrl) {
-      setShowThumbnailModal(true);
-    } else {
-      if (pendingVideoUrl) onChange(pendingVideoUrl);
-      setPendingVideoUrl(null);
-    }
-  };
-  const handleThumbnailSelect = (thumbUrl) => {
-    setShowThumbnailModal(false);
-    if (pendingVideoUrl) onChange(pendingVideoUrl);
-    onThumbnailChange == null ? void 0 : onThumbnailChange(thumbUrl);
-    setPendingVideoUrl(null);
-  };
-  const handleThumbnailClose = () => {
-    setShowThumbnailModal(false);
-    if (pendingVideoUrl) onChange(pendingVideoUrl);
-    setPendingVideoUrl(null);
-  };
-  const handleFileChange = async (e) => {
-    var _a;
-    const file = (_a = e.target.files) == null ? void 0 : _a[0];
-    if (!file) return;
-    const fileSizeMB = file.size / 1024 / 1024;
-    if (fileSizeMB > maxSizeMB) {
-      setError(`File size must be less than ${maxSizeMB}MB`);
-      return;
-    }
-    setError(null);
-    setIsLoading(true);
-    try {
-      const url = await onUpload(file);
-      stageUrl(url);
-      afterUpload(url, file.type);
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Upload failed");
-    } finally {
-      setIsLoading(false);
-      if (fileInputRef.current) fileInputRef.current.value = "";
-    }
-  };
-  const handleRemove = () => {
-    var _a;
-    if (value && stagedUrlsRef.current.includes(value)) {
-      (_a = onAbortRef.current) == null ? void 0 : _a.call(onAbortRef, [value]);
-      unstageUrl(value);
-    }
-    onChange("");
-    onChangeField == null ? void 0 : onChangeField(null);
-    setError(null);
-  };
-  const handleCameraCapture = async (blob, type) => {
-    const ext = type === "video" ? "webm" : "webp";
-    const file = new File([blob], `camera-capture.${ext}`, { type: blob.type });
-    setError(null);
-    setIsLoading(true);
-    try {
-      const url = await onUpload(file);
-      stageUrl(url);
-      afterUpload(url, blob.type);
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Upload failed");
-    } finally {
-      setIsLoading(false);
-    }
-  };
-  return /* @__PURE__ */ jsxs(Div, { className: "space-y-2", children: [
-    /* @__PURE__ */ jsx(Label, { className: "block text-sm font-medium text-zinc-600 dark:text-zinc-400", children: label }),
-    value && !isLoading && /* @__PURE__ */ jsxs(Div, { className: "rounded-lg border border-zinc-200 dark:border-zinc-700 bg-zinc-50 dark:bg-zinc-900 p-3", children: [
-      isVideo(value) ? /* @__PURE__ */ jsx(Div, { className: "relative aspect-video overflow-hidden rounded-lg", children: /* @__PURE__ */ jsx(
-        MediaVideo,
-        {
-          src: value,
-          alt: label,
-          controls: true,
-          objectFit: "contain"
-        }
-      ) }) : isImage(value) ? /* @__PURE__ */ jsx(Div, { className: "relative aspect-video overflow-hidden rounded-lg", children: /* @__PURE__ */ jsx(
-        MediaImage,
-        {
-          src: value,
-          alt: label,
-          size: "card",
-          objectFit: "contain"
-        }
-      ) }) : /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: value,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: "text-sm underline break-all text-blue-600 dark:text-blue-400",
-          children: filenameFromUrl(value)
-        }
-      ),
-      !disabled && /* @__PURE__ */ jsxs(Row, { wrap: true, gap: "sm", className: "mt-2", children: [
-        isVideo(value) && (enableTrim || enableThumbnail) && /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            onClick: () => {
-              setPendingVideoUrl(value);
-              if (enableTrim) setShowTrimModal(true);
-              else setShowThumbnailModal(true);
-            },
-            variant: "secondary",
-            size: "sm",
-            children: tMediaEditor("editVideo")
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            onClick: handleRemove,
-            variant: "danger",
-            size: "sm",
-            children: tUpload("remove")
-          }
-        )
-      ] })
-    ] }),
-    !disabled && !isLoading && /* @__PURE__ */ jsxs(Fragment, { children: [
-      captureSource === "both" && isCameraSupported && /* @__PURE__ */ jsxs(Div, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: inputMode === "file" ? "primary" : "outline",
-            size: "sm",
-            onClick: () => setInputMode("file"),
-            children: t("switchToUpload")
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: inputMode === "camera" ? "primary" : "outline",
-            size: "sm",
-            onClick: () => setInputMode("camera"),
-            children: t("switchToCamera")
-          }
-        )
-      ] }),
-      showCamera && isCameraSupported && /* @__PURE__ */ jsx(
-        CameraCapture,
-        {
-          mode: captureMode,
-          facingMode: "environment",
-          onCapture: handleCameraCapture,
-          onError: (msg) => setError(msg)
-        }
-      ),
-      showCamera && !isCameraSupported && /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          onClick: () => {
-            var _a;
-            return (_a = mobileCaptureRef.current) == null ? void 0 : _a.click();
-          },
-          variant: "ghost",
-          className: "w-full py-3 border-2 border-dashed border-zinc-200 dark:border-zinc-700 rounded-xl text-sm text-zinc-500 dark:text-zinc-400",
-          children: t("switchToCamera")
-        }
-      ),
-      showFileInput && /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          onClick: () => {
-            var _a;
-            return (_a = fileInputRef.current) == null ? void 0 : _a.click();
-          },
-          variant: "ghost",
-          className: "w-full py-3 border-2 border-dashed border-zinc-200 dark:border-zinc-700 rounded-xl text-sm text-zinc-500 dark:text-zinc-400",
-          children: value ? tUpload("replaceFile") : tUpload("chooseFile")
-        }
-      )
-    ] }),
-    isLoading && /* @__PURE__ */ jsxs(Div, { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(Spinner, { size: "sm" }),
-      /* @__PURE__ */ jsx(Text, { size: "sm", variant: "secondary", children: tUpload("uploading") })
-    ] }),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref: fileInputRef,
-        type: "file",
-        accept,
-        onChange: handleFileChange,
-        className: "hidden",
-        "aria-hidden": "true"
-      }
-    ),
-    showCamera && !isCameraSupported && /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref: mobileCaptureRef,
-        type: "file",
-        accept: captureModeAccept,
-        capture: "environment",
-        onChange: handleFileChange,
-        className: "hidden",
-        "aria-hidden": "true"
-      }
-    ),
-    helperText && !error && /* @__PURE__ */ jsx(Text, { variant: "secondary", size: "xs", children: helperText }),
-    error && /* @__PURE__ */ jsx(Alert, { variant: "error", children: error }),
-    pendingVideoUrl && /* @__PURE__ */ jsx(
-      VideoTrimModal,
-      {
-        isOpen: showTrimModal,
-        videoUrl: pendingVideoUrl,
-        onClose: handleTrimClose,
-        onSave: handleTrimSave
-      }
-    ),
-    pendingVideoUrl && /* @__PURE__ */ jsx(
-      VideoThumbnailSelector,
-      {
-        isOpen: showThumbnailModal,
-        videoUrl: pendingVideoUrl,
-        onClose: handleThumbnailClose,
-        onSelect: handleThumbnailSelect,
-        onUpload
-      }
-    )
-  ] });
-}
-function fileNameFromUrl(url) {
-  try {
-    const parts = new URL(url).pathname.split("/");
-    return decodeURIComponent(parts[parts.length - 1] || url);
-  } catch (e) {
-    return url;
-  }
-}
-function MediaUploadList({
-  label,
-  value,
-  onChange,
-  onUpload,
-  accept = "image/*,video/*",
-  maxSizeMB = 50,
-  maxItems = 12,
-  disabled = false,
-  helperText,
-  onAbort,
-  onStagedUrlsChange,
-  isPersisted = false
-}) {
-  const inputRef = useRef(null);
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const stagedUrlsRef = useRef([]);
-  const onAbortRef = useRef(onAbort);
-  const onStagedUrlsChangeRef = useRef(onStagedUrlsChange);
-  const isPersistedRef = useRef(isPersisted);
-  useEffect(() => {
-    onAbortRef.current = onAbort;
-  }, [onAbort]);
-  useEffect(() => {
-    onStagedUrlsChangeRef.current = onStagedUrlsChange;
-  }, [onStagedUrlsChange]);
-  useEffect(() => {
-    isPersistedRef.current = isPersisted;
-  }, [isPersisted]);
-  useEffect(() => {
-    return () => {
-      var _a;
-      if (!isPersistedRef.current && stagedUrlsRef.current.length > 0) {
-        (_a = onAbortRef.current) == null ? void 0 : _a.call(onAbortRef, [...stagedUrlsRef.current]);
-      }
-    };
-  }, []);
-  const emitStaged = () => {
-    var _a;
-    (_a = onStagedUrlsChangeRef.current) == null ? void 0 : _a.call(onStagedUrlsChangeRef, [...stagedUrlsRef.current]);
-  };
-  const stageUrl = (url) => {
-    if (!stagedUrlsRef.current.includes(url)) {
-      stagedUrlsRef.current.push(url);
-      emitStaged();
-    }
-  };
-  const unstageUrl = (url) => {
-    const next = stagedUrlsRef.current.filter((u) => u !== url);
-    if (next.length !== stagedUrlsRef.current.length) {
-      stagedUrlsRef.current = next;
-      emitStaged();
-    }
-  };
-  const handleFileChange = async (e) => {
-    var _a;
-    const files = Array.from((_a = e.target.files) != null ? _a : []);
-    if (files.length === 0) return;
-    if (value.length + files.length > maxItems) {
-      setError(`You can upload up to ${maxItems} files.`);
-      e.currentTarget.value = "";
-      return;
-    }
-    setError(null);
-    setIsLoading(true);
-    try {
-      const uploaded = [];
-      for (const file of files) {
-        const sizeMb = file.size / 1024 / 1024;
-        if (sizeMb > maxSizeMB) {
-          throw new Error(`${file.name} exceeds ${maxSizeMB}MB`);
-        }
-        const url = await onUpload(file);
-        stageUrl(url);
-        uploaded.push({
-          url,
-          type: inferMediaTypeFromMime(file.type, url)
-        });
-      }
-      onChange([...value, ...uploaded]);
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Upload failed");
-    } finally {
-      setIsLoading(false);
-      e.currentTarget.value = "";
-    }
-  };
-  const removeAt = (index) => {
-    var _a;
-    const target = value[index];
-    if (!target) return;
-    const next = value.filter((_, i) => i !== index);
-    onChange(next);
-    if (stagedUrlsRef.current.includes(target.url)) {
-      (_a = onAbortRef.current) == null ? void 0 : _a.call(onAbortRef, [target.url]);
-      unstageUrl(target.url);
-    }
-  };
-  return /* @__PURE__ */ jsxs(Div, { className: "space-y-2", children: [
-    /* @__PURE__ */ jsx(Label, { className: "block text-sm font-medium text-zinc-600 dark:text-zinc-400", children: label }),
-    value.length > 0 && /* @__PURE__ */ jsx(Div, { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: value.map((item, index) => /* @__PURE__ */ jsxs(
-      Div,
-      {
-        className: "rounded-lg border border-zinc-200 dark:border-zinc-700 bg-zinc-50 dark:bg-zinc-900 p-3",
-        children: [
-          item.type === "video" ? /* @__PURE__ */ jsx(Div, { className: "relative aspect-video overflow-hidden rounded-lg", children: /* @__PURE__ */ jsx(
-            MediaVideo,
-            {
-              src: item.url,
-              alt: item.alt || `Media ${index + 1}`,
-              controls: true
-            }
-          ) }) : item.type === "image" ? /* @__PURE__ */ jsx(Div, { className: "relative aspect-video overflow-hidden rounded-lg", children: /* @__PURE__ */ jsx(
-            MediaImage,
-            {
-              src: item.url,
-              alt: item.alt || `Media ${index + 1}`,
-              size: "card",
-              objectFit: "contain"
-            }
-          ) }) : /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: item.url,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "text-sm underline break-all text-blue-600 dark:text-blue-400",
-              children: fileNameFromUrl(item.url)
-            }
-          ),
-          !disabled && /* @__PURE__ */ jsx(Div, { className: "mt-2", children: /* @__PURE__ */ jsx(
-            Button,
-            {
-              type: "button",
-              size: "sm",
-              variant: "danger",
-              onClick: () => removeAt(index),
-              children: "Remove"
-            }
-          ) })
-        ]
-      },
-      `${item.url}-${index}`
-    )) }),
-    !disabled && value.length < maxItems && /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "button",
-        variant: "ghost",
-        className: "w-full py-3 border-2 border-dashed border-zinc-200 dark:border-zinc-700 rounded-xl text-sm text-zinc-500 dark:text-zinc-400",
-        onClick: () => {
-          var _a;
-          return (_a = inputRef.current) == null ? void 0 : _a.click();
-        },
-        disabled: isLoading,
-        children: isLoading ? "Uploading..." : "Add media"
-      }
-    ),
-    isLoading && /* @__PURE__ */ jsxs(Div, { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(Spinner, { size: "sm" }),
-      /* @__PURE__ */ jsx(Text, { size: "sm", variant: "secondary", children: "Uploading" })
-    ] }),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref: inputRef,
-        type: "file",
-        multiple: true,
-        accept,
-        onChange: handleFileChange,
-        className: "hidden",
-        "aria-hidden": "true"
-      }
-    ),
-    helperText && !error && /* @__PURE__ */ jsx(Text, { variant: "secondary", size: "xs", children: helperText }),
-    error && /* @__PURE__ */ jsx(Alert, { variant: "error", children: error })
-  ] });
-}
-/*! Bundled license information:
-
-lucide-react/dist/esm/shared/src/utils/mergeClasses.js:
-lucide-react/dist/esm/shared/src/utils/toKebabCase.js:
-lucide-react/dist/esm/shared/src/utils/toCamelCase.js:
-lucide-react/dist/esm/shared/src/utils/toPascalCase.js:
-lucide-react/dist/esm/defaultAttributes.js:
-lucide-react/dist/esm/shared/src/utils/hasA11yProp.js:
-lucide-react/dist/esm/context.js:
-lucide-react/dist/esm/Icon.js:
-lucide-react/dist/esm/createLucideIcon.js:
-lucide-react/dist/esm/icons/chevron-left.js:
-lucide-react/dist/esm/icons/chevron-right.js:
-lucide-react/dist/esm/icons/loader-circle.js:
-lucide-react/dist/esm/icons/maximize.js:
-lucide-react/dist/esm/icons/minimize.js:
-lucide-react/dist/esm/icons/rotate-ccw.js:
-lucide-react/dist/esm/icons/x.js:
-lucide-react/dist/esm/icons/zoom-in.js:
-lucide-react/dist/esm/icons/zoom-out.js:
-lucide-react/dist/esm/lucide-react.js:
-  (**
-   * @license lucide-react v1.7.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-*/
-
-export { CameraCapture, ImageCropModal, ImageUpload, MediaAvatar, MediaImage, MediaLightbox, MediaSlider, MediaUploadField, MediaUploadList, MediaVideo, VideoThumbnailSelector, VideoTrimModal, coerceMediaField, coerceMediaFieldArray, getMediaUrl, inferMediaTypeFromMime, mediaFieldSchema, useMediaCleanup, useMediaCrop, useMediaTrim, useMediaUpload };
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+// Public API for @mohasinac/feat-media
+// Core media display components
+export { MediaImage } from "./MediaImage";
+export { MediaVideo } from "./MediaVideo";
+export { MediaAvatar } from "./MediaAvatar";
+export { MediaLightbox } from "./MediaLightbox";
+// Internal slider (re-exported for advanced use)
+export { MediaSlider } from "./components/MediaSlider";
+// Hooks
+export { useMediaUpload, useMediaAbort, useMediaCrop, useMediaTrim, useMediaCleanup, } from "./hooks/useMedia";
+// Modals
+export { ImageCropModal } from "./modals/ImageCropModal";
+export { VideoTrimModal } from "./modals/VideoTrimModal";
+export { VideoThumbnailSelector } from "./modals/VideoThumbnailSelector";
+// Upload components
+export { ImageUpload } from "./upload/ImageUpload";
+export { MediaUploadField } from "./upload/MediaUploadField";
+export { MediaUploadList } from "./upload/MediaUploadList";
+export { coerceMediaField, coerceMediaFieldArray, getMediaUrl, inferMediaTypeFromMime, mediaFieldSchema, } from "./types/index";
+export { default as CameraCapture } from "./upload/CameraCapture";
+export { AvatarUpload } from "./AvatarUpload";