@mohasinac/appkit 2.1.1 → 2.2.0

package/dist/features/blog/index.cjs

@@ -1,4088 +0,0 @@
-"use client";
-'use strict';
-
-var server_js = require('next/server.js');
-var reactQuery = require('@tanstack/react-query');
-var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-var tailwindMerge = require('tailwind-merge');
-require('next/link');
-var reactDom = require('react-dom');
-var zod = require('zod');
-var Image = require('next/image');
-var nextIntl = require('next-intl');
-require('next/navigation');
-require('crypto');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var Image__default = /*#__PURE__*/_interopDefault(Image);
-
-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();
-  }
-});
-
-// 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/blog/hooks/useBlog.ts
-function useBlogPosts(params = {}, opts) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-  const searchParams = new URLSearchParams();
-  if (params.category) searchParams.set("category", params.category);
-  if (params.q) searchParams.set("q", params.q);
-  if (params.tags) searchParams.set("tags", params.tags);
-  if (params.page) searchParams.set("page", String(params.page));
-  if (params.perPage) searchParams.set("perPage", String(params.perPage));
-  if (params.sort) searchParams.set("sort", params.sort);
-  if (params.featured !== void 0)
-    searchParams.set("featured", String(params.featured));
-  const qs = searchParams.toString();
-  const query = reactQuery.useQuery({
-    queryKey: ["blog", qs],
-    queryFn: () => apiClient.get(`/api/blog${qs ? `?${qs}` : ""}`),
-    initialData: opts == null ? void 0 : opts.initialData,
-    enabled: opts == null ? void 0 : opts.enabled
-  });
-  return {
-    posts: (_b = (_a = query.data) == null ? void 0 : _a.posts) != null ? _b : [],
-    meta: (_c = query.data) == null ? void 0 : _c.meta,
-    total: (_f = (_e = (_d = query.data) == null ? void 0 : _d.meta) == null ? void 0 : _e.total) != null ? _f : 0,
-    totalPages: (_i = (_h = (_g = query.data) == null ? void 0 : _g.meta) == null ? void 0 : _h.totalPages) != null ? _i : 1,
-    page: (_l = (_k = (_j = query.data) == null ? void 0 : _j.meta) == null ? void 0 : _k.page) != null ? _l : 1,
-    isLoading: query.isLoading,
-    error: query.error
-  };
-}
-function useBlogPost(slug, opts) {
-  var _a, _b, _c, _d;
-  const query = reactQuery.useQuery({
-    queryKey: ["blog", "post", slug],
-    queryFn: () => apiClient.get(`/api/blog/${slug}`),
-    initialData: opts == null ? void 0 : opts.initialData,
-    enabled: (opts == null ? void 0 : opts.enabled) !== false && !!slug
-  });
-  return {
-    post: (_b = (_a = query.data) == null ? void 0 : _a.post) != null ? _b : null,
-    related: (_d = (_c = query.data) == null ? void 0 : _c.related) != null ? _d : [],
-    isLoading: query.isLoading,
-    error: query.error
-  };
-}
-var Section = React__default.default.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className = "", children } = _b, props = __objRest(_b, ["className", "children"]);
-    return /* @__PURE__ */ jsxRuntime.jsx("section", __spreadProps(__spreadValues({ className, ref }, props), { children }));
-  }
-);
-Section.displayName = "Section";
-function Article(_a) {
-  var _b = _a, { className = "", children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxRuntime.jsx("article", __spreadProps(__spreadValues({ className }, props), { children }));
-}
-var Aside = React__default.default.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className = "", children } = _b, props = __objRest(_b, ["className", "children"]);
-    return /* @__PURE__ */ jsxRuntime.jsx("aside", __spreadProps(__spreadValues({ className, ref }, props), { children }));
-  }
-);
-Aside.displayName = "Aside";
-function Ul(_a) {
-  var _b = _a, { className = "", children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxRuntime.jsx("ul", __spreadProps(__spreadValues({ className }, props), { children }));
-}
-function Li(_a) {
-  var _b = _a, { className = "", children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxRuntime.jsx("li", __spreadProps(__spreadValues({ className }, props), { children }));
-}
-var Div = React__default.default.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className = "", children } = _b, props = __objRest(_b, ["className", "children"]);
-    return /* @__PURE__ */ jsxRuntime.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 sizeClasses = {
-    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__ */ jsxRuntime.jsx(
-    Tag,
-    __spreadProps(__spreadValues({
-      className: `${sizeClasses[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 sizeClasses = {
-    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__ */ jsxRuntime.jsx(
-    Tag,
-    __spreadProps(__spreadValues({
-      className: `${sizeClasses[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__ */ jsxRuntime.jsxs(
-    "label",
-    __spreadProps(__spreadValues({
-      className: `block ${typography.small} font-medium ${themed.textSecondary} mb-1.5 ${className}`
-    }, props), {
-      children: [
-        children,
-        required && /* @__PURE__ */ jsxRuntime.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 sizeClasses = {
-    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 ? sizeClasses[size] : "",
-    weight ? weightClasses[weight] : "",
-    variantClasses[variant],
-    className
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsx("span", __spreadProps(__spreadValues({ className: classes }, props), { children }));
-}
-function Spinner({
-  size = "md",
-  variant = "primary",
-  className = "",
-  label = "Loading..."
-}) {
-  const sizeClasses = {
-    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__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: `inline-flex items-center gap-3 ${className}`,
-      role: "status",
-      "aria-label": label,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: `${sizeClasses[size]} ${variantClasses[variant]} rounded-full animate-spin force-spin`
-          }
-        ),
-        label && /* @__PURE__ */ jsxRuntime.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 = React.createContext({});
-var useLucideContext = () => React.useContext(LucideContext);
-
-// node_modules/lucide-react/dist/esm/Icon.js
-var Icon = React.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 React.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]) => React.createElement(tag, attrs)),
-        ...Array.isArray(children) ? children : [children]
-      ]
-    );
-  }
-);
-
-// node_modules/lucide-react/dist/esm/createLucideIcon.js
-var createLucideIcon = (iconName, iconNode) => {
-  const Component2 = React.forwardRef(
-    (_a, ref) => {
-      var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-      return React.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/check.js
-var __iconNode = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-var Check = createLucideIcon("check", __iconNode);
-
-// node_modules/lucide-react/dist/esm/icons/chevron-down.js
-var __iconNode2 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-var ChevronDown = createLucideIcon("chevron-down", __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/x.js
-var __iconNode4 = [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-];
-var X = createLucideIcon("x", __iconNode4);
-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__ */ jsxRuntime.jsxs(
-    "button",
-    __spreadProps(__spreadValues({
-      className: tailwindMerge.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__ */ jsxRuntime.jsx(
-          LoaderCircle,
-          {
-            className: "w-4 h-4 animate-spin flex-shrink-0",
-            "aria-hidden": "true"
-          }
-        ),
-        isLoading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-70", children }) : children
-      ]
-    })
-  );
-}
-React.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__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className: "w-5 h-5",
-      fill: "currentColor",
-      viewBox: "0 0 20 20",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className: "w-5 h-5",
-      fill: "currentColor",
-      viewBox: "0 0 20 20",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className: "w-5 h-5",
-      fill: "currentColor",
-      viewBox: "0 0 20 20",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className: "w-5 h-5",
-      fill: "currentColor",
-      viewBox: "0 0 20 20",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: `relative p-4 rounded-xl border ${styles.container} ${className}`,
-      role: "alert",
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex-shrink-0 ${styles.icon}`, children: ICONS[variant] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-          title && /* @__PURE__ */ jsxRuntime.jsx(
-            Heading,
-            {
-              level: 3,
-              className: `text-sm font-semibold mb-1 ${styles.title}`,
-              children: title
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `text-sm ${styles.text}`, children })
-        ] }),
-        onClose && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-              "svg",
-              {
-                className: "w-5 h-5",
-                fill: "currentColor",
-                viewBox: "0 0 20 20",
-                "aria-hidden": "true",
-                children: /* @__PURE__ */ jsxRuntime.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"
-                  }
-                )
-              }
-            )
-          }
-        )
-      ] })
-    }
-  );
-}
-function getProviders() {
-  {
-    throw new Error(
-      "[contracts] Call registerProviders() before getProviders(). Ensure providers.config.ts is imported at app startup."
-    );
-  }
-}
-
-// src/contracts/table.ts
-var DEFAULT_PAGINATION_CONFIG = {
-  perPage: 20,
-  maxPerPage: 100,
-  showPageSizeSelector: false,
-  pageSizeOptions: [10, 20, 50, 100],
-  showFirstLast: true,
-  showPrevNext: true,
-  maxVisible: 7,
-  size: "md"
-};
-({
-  pageSize: DEFAULT_PAGINATION_CONFIG.perPage});
-function getPageNumbers(currentPage, totalPages, maxVisible) {
-  if (totalPages <= maxVisible) {
-    return Array.from({ length: totalPages }, (_, i) => i + 1);
-  }
-  const pages = [];
-  const halfVisible = Math.floor(maxVisible / 2);
-  let startPage = Math.max(1, currentPage - halfVisible);
-  let endPage = Math.min(totalPages, currentPage + halfVisible);
-  if (currentPage <= halfVisible) endPage = maxVisible;
-  if (currentPage >= totalPages - halfVisible)
-    startPage = totalPages - maxVisible + 1;
-  if (startPage > 1) {
-    pages.push(1);
-    if (startPage > 2) pages.push("...");
-  }
-  for (let i = startPage; i <= endPage; i++) pages.push(i);
-  if (endPage < totalPages) {
-    if (endPage < totalPages - 1) pages.push("...");
-    pages.push(totalPages);
-  }
-  return pages;
-}
-var SIZE_CLASSES = {
-  sm: "text-xs px-2 py-1 min-w-[28px]",
-  md: "text-sm px-3 py-1.5 min-w-[36px]",
-  lg: "text-base px-4 py-2 min-w-[44px]"
-};
-function Pagination({
-  currentPage,
-  totalPages,
-  onPageChange,
-  paginationConfig,
-  maxVisible: maxVisibleProp,
-  showFirstLast: showFirstLastProp,
-  showPrevNext: showPrevNextProp,
-  disabled = false,
-  size: sizeProp,
-  className = ""
-}) {
-  const resolved = __spreadValues(__spreadValues({}, DEFAULT_PAGINATION_CONFIG), paginationConfig);
-  const maxVisible = maxVisibleProp != null ? maxVisibleProp : resolved.maxVisible;
-  const showFirstLast = showFirstLastProp != null ? showFirstLastProp : resolved.showFirstLast;
-  const showPrevNext = showPrevNextProp != null ? showPrevNextProp : resolved.showPrevNext;
-  const size = sizeProp != null ? sizeProp : resolved.size;
-  const handle = (page) => {
-    if (disabled || page < 1 || page > totalPages || page === currentPage)
-      return;
-    onPageChange(page);
-  };
-  const btnClass = (active, off) => {
-    const base = `${SIZE_CLASSES[size]} rounded border font-medium transition-colors`;
-    if (off)
-      return `${base} bg-zinc-100 dark:bg-slate-800 opacity-50 text-zinc-400 dark:text-zinc-500 border-zinc-200 dark:border-slate-700 cursor-not-allowed`;
-    if (active)
-      return `${base} bg-primary-600 text-white border-primary-600 cursor-default`;
-    return `${base} bg-white dark:bg-slate-900 text-zinc-700 dark:text-zinc-300 border-zinc-200 dark:border-slate-700 hover:bg-zinc-50 dark:hover:bg-slate-800 hover:border-zinc-300 dark:hover:border-slate-600 cursor-pointer`;
-  };
-  const pages = getPageNumbers(currentPage, totalPages, maxVisible);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "nav",
-    {
-      className: `flex items-center gap-1 ${className}`,
-      "aria-label": "Pagination",
-      children: [
-        showFirstLast && /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            className: btnClass(false, disabled || currentPage === 1),
-            onClick: () => handle(1),
-            disabled: disabled || currentPage === 1,
-            "aria-label": "First page",
-            children: "\xAB"
-          }
-        ),
-        showPrevNext && /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            className: btnClass(false, disabled || currentPage === 1),
-            onClick: () => handle(currentPage - 1),
-            disabled: disabled || currentPage === 1,
-            "aria-label": "Previous page",
-            children: "\u2039"
-          }
-        ),
-        pages.map(
-          (page, i) => page === "..." ? /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              className: `${SIZE_CLASSES[size]} text-zinc-400 dark:text-zinc-500 text-center`,
-              "aria-hidden": "true",
-              children: "\u2026"
-            },
-            `ellipsis-${i}`
-          ) : /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              className: btnClass(
-                page === currentPage,
-                disabled && page !== currentPage
-              ),
-              onClick: () => handle(page),
-              disabled,
-              "aria-label": `Page ${page}`,
-              "aria-current": page === currentPage ? "page" : void 0,
-              children: page
-            },
-            page
-          )
-        ),
-        showPrevNext && /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            className: btnClass(false, disabled || currentPage === totalPages),
-            onClick: () => handle(currentPage + 1),
-            disabled: disabled || currentPage === totalPages,
-            "aria-label": "Next page",
-            children: "\u203A"
-          }
-        ),
-        showFirstLast && /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            className: btnClass(false, disabled || currentPage === totalPages),
-            onClick: () => handle(totalPages),
-            disabled: disabled || currentPage === totalPages,
-            "aria-label": "Last page",
-            children: "\xBB"
-          }
-        )
-      ]
-    }
-  );
-}
-var SIZE_CLASSES2 = {
-  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 = React.useId();
-  const panelRef = React.useRef(null);
-  const prevFocusRef = React.useRef(null);
-  React.useEffect(() => {
-    if (!isOpen) return;
-    const prev = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.body.style.overflow = prev;
-    };
-  }, [isOpen]);
-  React.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 = React.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 reactDom.createPortal(
-    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: "absolute inset-0 bg-black/60 backdrop-blur-sm",
-              "aria-hidden": "true",
-              onClick: onClose
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.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_CLASSES2[size],
-                className
-              ].join(" "),
-              children: [
-                (title || showCloseButton) && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-                    Heading,
-                    {
-                      level: 2,
-                      id: titleId,
-                      className: "!text-lg !font-semibold !font-sans tracking-tight",
-                      children: title
-                    }
-                  ),
-                  showCloseButton && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(X, { className: "w-5 h-5" })
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-y-auto flex-1 px-6 py-4", children })
-              ]
-            }
-          )
-        ]
-      }
-    ),
-    document.body
-  );
-}
-function Select({
-  options,
-  value,
-  onChange,
-  placeholder = "Select\u2026",
-  label,
-  error,
-  disabled = false,
-  required,
-  className = "",
-  id: externalId
-}) {
-  var _a;
-  const generatedId = React.useId();
-  const id = externalId != null ? externalId : generatedId;
-  const [open, setOpen] = React.useState(false);
-  const [openUp, setOpenUp] = React.useState(false);
-  const ref = React.useRef(null);
-  const selected = options.find((o) => o.value === value);
-  const toggle = React.useCallback(() => {
-    if (!disabled) {
-      if (!open && ref.current) {
-        const rect = ref.current.getBoundingClientRect();
-        const spaceBelow = window.innerHeight - rect.bottom;
-        const spaceAbove = rect.top;
-        setOpenUp(spaceBelow < 160 && spaceAbove > spaceBelow);
-      }
-      setOpen((v) => !v);
-    }
-  }, [disabled, open]);
-  const handleSelect = React.useCallback(
-    (val) => {
-      onChange == null ? void 0 : onChange(val);
-      setOpen(false);
-    },
-    [onChange]
-  );
-  React.useEffect(() => {
-    const handler = (e) => {
-      if (ref.current && !ref.current.contains(e.target)) {
-        setOpen(false);
-      }
-    };
-    if (open) document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, [open]);
-  const handleKeyDown = React.useCallback(
-    (e) => {
-      if (e.key === "Escape") {
-        setOpen(false);
-        return;
-      }
-      if (e.key === "Enter" || e.key === " ") {
-        toggle();
-        e.preventDefault();
-        return;
-      }
-      if (e.key === "ArrowDown" && !open) {
-        setOpen(true);
-        e.preventDefault();
-        return;
-      }
-      if (e.key === "ArrowDown") {
-        e.preventDefault();
-        const idx = options.findIndex((o) => o.value === value);
-        const next = options.slice(idx < 0 ? 0 : idx + 1).find((o) => !o.disabled);
-        if (next) onChange == null ? void 0 : onChange(next.value);
-      }
-      if (e.key === "ArrowUp") {
-        e.preventDefault();
-        const idx = options.findIndex((o) => o.value === value);
-        if (idx < 0) return;
-        const prev = [...options].slice(0, idx).reverse().find((o) => !o.disabled);
-        if (prev) onChange == null ? void 0 : onChange(prev.value);
-      }
-    },
-    [open, options, value, onChange, toggle]
-  );
-  const triggerClass = [
-    "flex h-10 w-full items-center justify-between rounded-lg border px-3 py-2 text-sm",
-    "transition-colors bg-white dark:bg-slate-800/60",
-    "focus:outline-none focus:ring-2 focus:ring-offset-0",
-    error ? "border-red-400 dark:border-red-500 focus:ring-red-500/20" : "border-zinc-200 dark:border-slate-700 focus:ring-primary-500/20 dark:focus:ring-secondary-400/20 focus:border-primary-500 dark:focus:border-secondary-400",
-    disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
-    className
-  ].join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: "relative w-full", children: [
-    label && /* @__PURE__ */ jsxRuntime.jsx(
-      Label,
-      {
-        htmlFor: id,
-        className: "!text-zinc-700 dark:!text-zinc-300",
-        required,
-        children: label
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      Button,
-      {
-        id,
-        type: "button",
-        role: "combobox",
-        "aria-expanded": open,
-        "aria-haspopup": "listbox",
-        "aria-disabled": disabled,
-        disabled,
-        variant: "ghost",
-        className: triggerClass,
-        onClick: toggle,
-        onKeyDown: handleKeyDown,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Span,
-            {
-              className: selected ? "text-zinc-900 dark:text-zinc-50" : "text-zinc-400 dark:text-zinc-500",
-              children: (_a = selected == null ? void 0 : selected.label) != null ? _a : placeholder
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ChevronDown,
-            {
-              className: `h-4 w-4 flex-shrink-0 text-zinc-400 transition-transform duration-200 ${open ? "rotate-180" : ""}`,
-              "aria-hidden": "true"
-            }
-          )
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsxRuntime.jsx(
-      Ul,
-      {
-        role: "listbox",
-        className: [
-          "absolute z-50 w-full overflow-auto rounded-lg border border-zinc-200 dark:border-slate-700 bg-white dark:bg-slate-800 shadow-lg max-h-60 py-1",
-          openUp ? "bottom-full mb-1" : "top-full mt-1"
-        ].join(" "),
-        children: options.map((option) => {
-          const isSelected = option.value === value;
-          return /* @__PURE__ */ jsxRuntime.jsxs(
-            Li,
-            {
-              role: "option",
-              "aria-selected": isSelected,
-              "aria-disabled": option.disabled,
-              className: [
-                "relative flex cursor-pointer items-center px-3 py-2 text-sm select-none",
-                option.disabled ? "opacity-40 cursor-not-allowed" : isSelected ? "bg-primary-50 dark:bg-primary-900/20 text-primary-700 dark:text-primary-300" : "text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-slate-700"
-              ].join(" "),
-              onClick: () => !option.disabled && handleSelect(option.value),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "flex-1", children: option.label }),
-                isSelected && /* @__PURE__ */ jsxRuntime.jsx(
-                  Check,
-                  {
-                    className: "h-4 w-4 ml-2 flex-shrink-0",
-                    "aria-hidden": "true"
-                  }
-                )
-              ]
-            },
-            option.value
-          );
-        })
-      }
-    ),
-    error && /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "xs", variant: "error", className: "mt-1.5", role: "alert", children: error })
-  ] });
-}
-function Input(_a) {
-  var _b = _a, { className = "" } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "input",
-    __spreadValues({
-      className: [
-        "w-full rounded-md border border-zinc-200 dark:border-slate-700 bg-white dark:bg-slate-800/60 px-2.5 py-1.5 text-sm text-zinc-900 dark:text-zinc-100 focus:outline-none focus:ring-2 focus:ring-primary-500/20 dark:focus:ring-secondary-400/20",
-        className
-      ].filter(Boolean).join(" ")
-    }, props)
-  );
-}
-function Textarea(_a) {
-  var _b = _a, { className = "" } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "textarea",
-    __spreadValues({
-      className: [
-        "w-full rounded-md border border-zinc-200 dark:border-slate-700 bg-white dark:bg-slate-800/60 px-2.5 py-1.5 text-sm text-zinc-900 dark:text-zinc-100 focus:outline-none focus:ring-2 focus:ring-primary-500/20 dark:focus:ring-secondary-400/20",
-        className
-      ].filter(Boolean).join(" ")
-    }, props)
-  );
-}
-function TagInput({
-  value,
-  onChange,
-  disabled = false,
-  label,
-  placeholder = "Add a tag...",
-  className = "",
-  helperText = "Press Enter or comma to add a tag"
-}) {
-  const [draft, setDraft] = React.useState("");
-  const inputRef = React.useRef(null);
-  const addTag = (raw) => {
-    const tag = raw.trim().replace(/,+$/, "").trim();
-    if (!tag || value.includes(tag)) {
-      setDraft("");
-      return;
-    }
-    onChange([...value, tag]);
-    setDraft("");
-  };
-  const removeTag = (tag) => {
-    onChange(value.filter((t) => t !== tag));
-  };
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter" || e.key === ",") {
-      e.preventDefault();
-      addTag(draft);
-      return;
-    }
-    if (e.key === "Backspace" && draft === "" && value.length > 0) {
-      onChange(value.slice(0, -1));
-    }
-  };
-  const handleChange = (e) => {
-    var _a;
-    const inputValue = e.target.value;
-    if (inputValue.includes(",")) {
-      const parts = inputValue.split(",");
-      const last = (_a = parts.pop()) != null ? _a : "";
-      parts.forEach((part) => addTag(part));
-      setDraft(last);
-      return;
-    }
-    setDraft(inputValue);
-  };
-  const handleBlur = () => {
-    if (draft.trim()) {
-      addTag(draft);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, children: [
-    label && /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "mb-1.5 block text-sm font-medium", children: label }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        onClick: () => {
-          var _a;
-          return !disabled && ((_a = inputRef.current) == null ? void 0 : _a.focus());
-        },
-        className: [
-          "flex min-h-[42px] w-full cursor-text flex-wrap items-center gap-1.5 rounded-lg border px-3 py-2",
-          "border-zinc-300 bg-white dark:border-slate-700 dark:bg-slate-900",
-          disabled ? "cursor-not-allowed opacity-50" : "transition-colors focus-within:border-primary-500 focus-within:ring-2 focus-within:ring-primary-500/30"
-        ].join(" "),
-        children: [
-          value.map((tag) => /* @__PURE__ */ jsxRuntime.jsxs(
-            "span",
-            {
-              className: "inline-flex items-center gap-1 rounded-full bg-primary-500/10 px-2 py-0.5 text-xs font-medium text-primary-700 dark:text-primary-300",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Span, { size: "xs", children: tag }),
-                !disabled && /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      removeTag(tag);
-                    },
-                    className: "ml-0.5 text-primary-700/70 hover:text-primary-700 dark:text-primary-300/70 dark:hover:text-primary-300",
-                    "aria-label": `Remove tag ${tag}`,
-                    children: "x"
-                  }
-                )
-              ]
-            },
-            tag
-          )),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              ref: inputRef,
-              value: draft,
-              onChange: handleChange,
-              onKeyDown: handleKeyDown,
-              onBlur: handleBlur,
-              disabled,
-              placeholder: value.length === 0 ? placeholder : "",
-              className: [
-                "min-w-[100px] flex-1 bg-transparent text-sm outline-none",
-                "text-zinc-900 placeholder:text-zinc-400 dark:text-zinc-100 dark:placeholder:text-zinc-500",
-                disabled ? "cursor-not-allowed" : ""
-              ].join(" "),
-              "aria-label": label != null ? label : "Tag input"
-            }
-          )
-        ]
-      }
-    ),
-    helperText && /* @__PURE__ */ jsxRuntime.jsx(Span, { size: "xs", className: "mt-1 text-zinc-500 dark:text-zinc-400", children: helperText })
-  ] });
-}
-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__ */ jsxRuntime.jsx(Tag, __spreadProps(__spreadValues({ className: classes }, props), { children }));
-}
-var mediaFieldSchema = zod.z.object({
-  url: zod.z.string().url(),
-  type: zod.z.enum(["image", "video", "file"]),
-  alt: zod.z.string().optional(),
-  thumbnailUrl: zod.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 BlogCard({ post, onClick, className = "" }) {
-  var _a;
-  const coverImageUrl = getMediaUrl(post.coverImage);
-  const date = post.publishedAt ? new Date(post.publishedAt).toLocaleDateString("en-US", {
-    year: "numeric",
-    month: "short",
-    day: "numeric"
-  }) : "";
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Article,
-    {
-      role: onClick ? "button" : void 0,
-      tabIndex: onClick ? 0 : void 0,
-      onKeyDown: onClick ? (e) => (e.key === "Enter" || e.key === " ") && onClick(post) : void 0,
-      onClick: onClick ? () => onClick(post) : void 0,
-      className: `group flex flex-col h-full overflow-hidden rounded-xl border border-neutral-200 bg-white shadow-sm transition hover:shadow-md ${onClick ? "cursor-pointer" : ""} ${className}`,
-      children: [
-        coverImageUrl && /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "aspect-video w-full overflow-hidden bg-neutral-100", children: /* @__PURE__ */ jsxRuntime.jsx(
-          Div,
-          {
-            role: "img",
-            "aria-label": post.title,
-            className: "h-full w-full bg-center bg-cover transition-transform duration-300 group-hover:scale-105",
-            style: { backgroundImage: `url(${coverImageUrl})` }
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex flex-1 flex-col p-5", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "mb-2 flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "rounded-full bg-primary/10 px-2 py-0.5 text-xs font-medium capitalize text-primary", children: post.category }),
-            post.readTimeMinutes && /* @__PURE__ */ jsxRuntime.jsxs(Span, { className: "text-xs text-neutral-400", children: [
-              post.readTimeMinutes,
-              " min read"
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Heading,
-            {
-              level: 3,
-              className: "line-clamp-2 text-base font-semibold text-neutral-900 group-hover:text-primary",
-              children: post.title
-            }
-          ),
-          post.excerpt && /* @__PURE__ */ jsxRuntime.jsx(Text, { className: "mt-2 line-clamp-3 flex-1 text-sm text-neutral-500", children: post.excerpt }),
-          /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "mt-4 flex items-center gap-3", children: [
-            post.authorAvatar && /* @__PURE__ */ jsxRuntime.jsx(
-              Div,
-              {
-                role: "img",
-                "aria-label": (_a = post.authorName) != null ? _a : "author",
-                className: "h-7 w-7 rounded-full bg-center bg-cover",
-                style: { backgroundImage: `url(${post.authorAvatar})` }
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs(Text, { className: "text-xs text-neutral-500", children: [
-              post.authorName && /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "font-medium text-neutral-700", children: post.authorName }),
-              date && /* @__PURE__ */ jsxRuntime.jsxs(Span, { className: "ml-1", children: [
-                "\xB7 ",
-                date
-              ] })
-            ] })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-function BlogCategoryTabs({
-  categories,
-  active,
-  onSelect,
-  labels = {}
-}) {
-  var _a;
-  return /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "scrollbar-none flex gap-2 overflow-x-auto pb-1", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Button,
-      {
-        onClick: () => onSelect(null),
-        variant: !active ? "primary" : "ghost",
-        size: "sm",
-        className: `whitespace-nowrap rounded-full px-4 py-1.5 text-sm font-medium transition ${!active ? "bg-neutral-900 text-white" : "bg-neutral-100 text-neutral-600 hover:bg-neutral-200"}`,
-        children: (_a = labels.all) != null ? _a : "All"
-      }
-    ),
-    categories.map((cat) => {
-      var _a2;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Button,
-        {
-          onClick: () => onSelect(cat),
-          variant: active === cat ? "primary" : "ghost",
-          size: "sm",
-          className: `whitespace-nowrap rounded-full px-4 py-1.5 text-sm font-medium capitalize transition ${active === cat ? "bg-neutral-900 text-white" : "bg-neutral-100 text-neutral-600 hover:bg-neutral-200"}`,
-          children: (_a2 = labels[cat]) != null ? _a2 : cat
-        },
-        cat
-      );
-    })
-  ] });
-}
-function BlogListView({
-  posts,
-  isLoading,
-  totalPages = 1,
-  currentPage = 1,
-  total = 0,
-  onPageChange,
-  onPostClick,
-  emptyLabel = "No posts found",
-  slots
-}) {
-  if (isLoading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "grid gap-6 sm:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs(
-      Div,
-      {
-        className: "animate-pulse overflow-hidden rounded-xl border border-neutral-200 bg-neutral-100",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "aspect-video bg-neutral-200" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "space-y-2 p-5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "h-4 w-16 rounded bg-neutral-200" }),
-            /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "h-5 w-full rounded bg-neutral-200" }),
-            /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "h-4 w-3/4 rounded bg-neutral-200" })
-          ] })
-        ]
-      },
-      i
-    )) });
-  }
-  if (posts.length === 0) {
-    if (slots == null ? void 0 : slots.renderEmptyState) {
-      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: slots.renderEmptyState() });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(Text, { className: "py-12 text-center text-sm text-neutral-500", children: emptyLabel });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "space-y-8", children: [
-    (slots == null ? void 0 : slots.renderHeader) ? slots.renderHeader({ total }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "grid gap-6 sm:grid-cols-2 lg:grid-cols-3", children: posts.map(
-      (post, i) => (slots == null ? void 0 : slots.renderCard) ? /* @__PURE__ */ jsxRuntime.jsx(React__default.default.Fragment, { children: slots.renderCard(post, i) }, post.id) : /* @__PURE__ */ jsxRuntime.jsx(
-        BlogCard,
-        {
-          post,
-          onClick: onPostClick
-        },
-        post.id
-      )
-    ) }),
-    (slots == null ? void 0 : slots.renderFooter) ? slots.renderFooter({
-      page: currentPage,
-      totalPages
-    }) : totalPages > 1 && onPageChange ? /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
-      Pagination,
-      {
-        currentPage,
-        totalPages,
-        onPageChange
-      }
-    ) }) : null
-  ] });
-}
-var CATEGORY_BADGE = {
-  news: "bg-blue-100 text-blue-800",
-  tips: "bg-emerald-100 text-emerald-800",
-  guides: "bg-indigo-100 text-indigo-800",
-  updates: "bg-purple-100 text-purple-800",
-  community: "bg-orange-100 text-orange-800"
-};
-function BlogFeaturedCard({
-  post,
-  href,
-  labels = {},
-  renderLink,
-  renderImage,
-  className = ""
-}) {
-  var _a, _b, _c;
-  const coverImageUrl = getMediaUrl(post.coverImage);
-  const date = post.publishedAt ? new Date(post.publishedAt).toLocaleDateString("en-US", {
-    year: "numeric",
-    month: "short",
-    day: "numeric"
-  }) : "";
-  const inner = /* @__PURE__ */ jsxRuntime.jsxs(
-    Article,
-    {
-      className: `overflow-hidden rounded-xl border border-neutral-200 bg-white shadow-sm hover:shadow-lg transition-shadow duration-200 md:flex ${className}`,
-      children: [
-        coverImageUrl && /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "md:w-1/2 relative h-64 md:min-h-[320px] overflow-hidden", children: renderImage ? renderImage(post) : /* @__PURE__ */ jsxRuntime.jsx(
-          Div,
-          {
-            role: "img",
-            "aria-label": post.title,
-            className: "h-full w-full bg-cover bg-center",
-            style: { backgroundImage: `url(${coverImageUrl})` }
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "p-8 md:w-1/2 flex flex-col justify-center", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex items-center gap-2 mb-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              Span,
-              {
-                className: `inline-block px-2 py-0.5 rounded-full text-xs font-medium capitalize ${(_a = CATEGORY_BADGE[post.category]) != null ? _a : ""}`,
-                children: post.category
-              }
-            ),
-            post.isFeatured && /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded-full text-xs font-medium", children: (_b = labels.featuredBadge) != null ? _b : "Featured" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Heading,
-            {
-              level: 2,
-              className: "text-xl font-semibold text-neutral-900 mb-3 leading-snug",
-              children: post.title
-            }
-          ),
-          post.excerpt && /* @__PURE__ */ jsxRuntime.jsx(Text, { className: "text-neutral-500 mb-4 line-clamp-3 text-sm", children: post.excerpt }),
-          /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex items-center gap-4 text-xs text-neutral-400", children: [
-            post.authorName && /* @__PURE__ */ jsxRuntime.jsx(Span, { children: post.authorName }),
-            post.readTimeMinutes != null && /* @__PURE__ */ jsxRuntime.jsxs(Span, { children: [
-              post.readTimeMinutes,
-              " ",
-              (_c = labels.readTime) != null ? _c : "min read"
-            ] }),
-            date && /* @__PURE__ */ jsxRuntime.jsx(Span, { children: date })
-          ] })
-        ] })
-      ]
-    }
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "mb-10", children: renderLink ? renderLink(href, inner) : inner });
-}
-
-// src/features/forms/utils.ts
-function cn(...classes) {
-  return classes.filter(Boolean).join(" ");
-}
-var INPUT_BASE = "rounded-lg border border-zinc-200 dark:border-slate-700 bg-white dark:bg-slate-800/60 px-3.5 py-2.5 text-sm text-zinc-900 dark:text-zinc-100 focus:ring-2 focus:ring-primary-500/20 dark:focus:ring-secondary-400/20 focus:border-primary-500 dark:focus:border-secondary-400 focus:outline-none transition-colors duration-150 placeholder:text-zinc-400 dark:placeholder:text-zinc-500";
-var INPUT_ERROR = "border-red-400 dark:border-red-500 focus:ring-red-500/20 focus:border-red-500 bg-red-50/30 dark:bg-red-950/10";
-var INPUT_SUCCESS = "border-emerald-400 dark:border-emerald-500 focus:ring-emerald-500/20 focus:border-emerald-500";
-var INPUT_DISABLED = "bg-zinc-50 dark:bg-slate-800/30 text-zinc-400 dark:text-zinc-500 cursor-not-allowed opacity-60";
-var INPUT_WITH_ICON = "pl-10";
-var LABEL_BASE = "block text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1.5";
-var HELPER_BASE = "text-xs text-zinc-500 dark:text-zinc-400 mt-1";
-var ERROR_BASE = "text-xs text-red-600 dark:text-red-400 mt-1";
-var Input2 = React__default.default.forwardRef(
-  function Input3(_a, ref) {
-    var _b = _a, {
-      label,
-      error,
-      helperText,
-      icon,
-      rightIcon,
-      success,
-      className = "",
-      required,
-      disabled
-    } = _b, props = __objRest(_b, [
-      "label",
-      "error",
-      "helperText",
-      "icon",
-      "rightIcon",
-      "success",
-      "className",
-      "required",
-      "disabled"
-    ]);
-    const stateClasses = error ? INPUT_ERROR : success ? INPUT_SUCCESS : disabled ? INPUT_DISABLED : "";
-    return /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "w-full", children: [
-      label && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: LABEL_BASE, children: [
-        label,
-        required && /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "text-red-500 ml-1", "aria-hidden": "true", children: "*" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "relative group", children: [
-        icon && /* @__PURE__ */ jsxRuntime.jsx(
-          Div,
-          {
-            className: cn(
-              "absolute left-3 top-1/2 -translate-y-1/2 transition-colors duration-150",
-              error ? "text-red-600 dark:text-red-400" : "text-zinc-400 dark:text-zinc-500",
-              "group-focus-within:text-primary-500 dark:group-focus-within:text-secondary-400"
-            ),
-            children: icon
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          __spreadValues({
-            ref,
-            className: cn(
-              "w-full",
-              INPUT_BASE,
-              icon ? INPUT_WITH_ICON : "",
-              rightIcon ? "pr-10" : "",
-              stateClasses,
-              className
-            ),
-            disabled,
-            "aria-invalid": error ? "true" : void 0,
-            "aria-describedby": error ? `${props.id}-error` : helperText ? `${props.id}-helper` : void 0
-          }, props)
-        ),
-        rightIcon && /* @__PURE__ */ jsxRuntime.jsx(
-          Div,
-          {
-            className: cn(
-              "absolute right-3 top-1/2 -translate-y-1/2 transition-colors duration-150",
-              error ? "text-red-600 dark:text-red-400" : "text-zinc-400 dark:text-zinc-500"
-            ),
-            children: rightIcon
-          }
-        )
-      ] }),
-      error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${props.id}-error`, className: ERROR_BASE, role: "alert", children: error }),
-      !error && helperText && /* @__PURE__ */ jsxRuntime.jsx("p", { id: `${props.id}-helper`, className: HELPER_BASE, children: helperText })
-    ] });
-  }
-);
-Input2.displayName = "Input";
-var Textarea2 = React__default.default.forwardRef(
-  function Textarea3(_a, ref) {
-    var _b = _a, {
-      label,
-      error,
-      helperText,
-      showCharCount,
-      className = "",
-      required,
-      maxLength,
-      value,
-      defaultValue
-    } = _b, props = __objRest(_b, [
-      "label",
-      "error",
-      "helperText",
-      "showCharCount",
-      "className",
-      "required",
-      "maxLength",
-      "value",
-      "defaultValue"
-    ]);
-    const charCount = typeof value === "string" ? value.length : typeof defaultValue === "string" ? defaultValue.length : 0;
-    return /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "w-full", children: [
-      label && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: LABEL_BASE, children: [
-        label,
-        required && /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "text-red-500 ml-1", "aria-hidden": "true", children: "*" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "textarea",
-        __spreadValues({
-          ref,
-          className: cn(
-            INPUT_BASE,
-            "resize-y min-h-[80px]",
-            error ? INPUT_ERROR : "",
-            className
-          ),
-          "aria-invalid": error ? "true" : void 0,
-          maxLength,
-          value,
-          defaultValue
-        }, props)
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex items-center justify-between mt-1.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex-1", children: [
-          error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: ERROR_BASE, role: "alert", children: error }),
-          !error && helperText && /* @__PURE__ */ jsxRuntime.jsx("p", { className: HELPER_BASE, children: helperText })
-        ] }),
-        showCharCount && maxLength && /* @__PURE__ */ jsxRuntime.jsxs(
-          "p",
-          {
-            className: cn(
-              "text-xs tabular-nums ml-2 flex-shrink-0",
-              charCount >= maxLength ? "text-red-500 dark:text-red-400" : "text-zinc-400 dark:text-zinc-500"
-            ),
-            children: [
-              charCount,
-              " / ",
-              maxLength
-            ]
-          }
-        )
-      ] })
-    ] });
-  }
-);
-Textarea2.displayName = "Textarea";
-function Checkbox(_a) {
-  var _b = _a, {
-    label,
-    suffix,
-    error,
-    indeterminate,
-    className = "",
-    checked
-  } = _b, props = __objRest(_b, [
-    "label",
-    "suffix",
-    "error",
-    "indeterminate",
-    "className",
-    "checked"
-  ]);
-  const inputRef = React__default.default.useRef(null);
-  React__default.default.useEffect(() => {
-    if (inputRef.current) {
-      inputRef.current.indeterminate = !!indeterminate;
-    }
-  }, [indeterminate]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "w-full", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-row items-center gap-3 cursor-pointer group", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "relative flex items-center justify-center flex-shrink-0", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          __spreadValues({
-            ref: inputRef,
-            type: "checkbox",
-            checked,
-            className: cn(
-              "peer w-5 h-5 rounded-md border-2 cursor-pointer",
-              "transition-all duration-200 appearance-none",
-              error ? "border-red-400 dark:border-red-500" : "border-zinc-300 dark:border-slate-600",
-              "checked:bg-primary-600 checked:border-primary-600",
-              "dark:checked:bg-secondary-500 dark:checked:border-secondary-500",
-              "hover:border-primary-400 dark:hover:border-secondary-400",
-              "focus:outline-none focus:ring-2 focus:ring-primary-500/30 focus:ring-offset-1",
-              "dark:focus:ring-secondary-400/30 dark:focus:ring-offset-slate-900",
-              "disabled:opacity-50 disabled:cursor-not-allowed",
-              className
-            )
-          }, props)
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "svg",
-          {
-            className: "absolute w-3 h-3 text-white pointer-events-none opacity-0 peer-checked:opacity-100 transition-opacity duration-150",
-            viewBox: "0 0 12 12",
-            fill: "none",
-            "aria-hidden": "true",
-            children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(
-              "line",
-              {
-                x1: "2",
-                y1: "6",
-                x2: "10",
-                y2: "6",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round"
-              }
-            ) : /* @__PURE__ */ jsxRuntime.jsx(
-              "path",
-              {
-                d: "M2 6L5 9L10 3",
-                stroke: "currentColor",
-                strokeWidth: "1.5",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            )
-          }
-        )
-      ] }),
-      (label || suffix) && /* @__PURE__ */ jsxRuntime.jsxs(Span, { className: "flex items-center gap-2 text-sm text-zinc-700 dark:text-zinc-300 group-hover:text-zinc-900 dark:group-hover:text-zinc-100 transition-colors", children: [
-        label,
-        suffix
-      ] })
-    ] }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(ERROR_BASE, "mt-1.5"), role: "alert", children: error })
-  ] });
-}
-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] = React.useState(false);
-  const [isLoaded, setIsLoaded] = React.useState(false);
-  const icon = fallback != null ? fallback : FALLBACK_ICONS[size];
-  const fitClass = objectFit === "contain" ? "object-contain" : "object-cover";
-  if (!src || hasError) {
-    return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Span, { "aria-hidden": "true", children: icon })
-      }
-    );
-  }
-  const isSvg = src.toLowerCase().endsWith(".svg") || src.includes("image/svg") || /[./]svg(\?|$)/i.test(src);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Div,
-    {
-      className: `absolute inset-0 overflow-hidden${className ? ` ${className}` : ""}`,
-      children: [
-        !isLoaded && /* @__PURE__ */ jsxRuntime.jsx(
-          Div,
-          {
-            className: "absolute inset-0 bg-zinc-200 dark:bg-slate-700 animate-pulse",
-            "aria-hidden": "true"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Image__default.default,
-          {
-            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 = React.useRef(null);
-  const fitClass = objectFit === "contain" ? "object-contain" : "object-cover";
-  React.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]);
-  React.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Span, { "aria-hidden": "true", children: "\u{1F3AC}" })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.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}`
-    }
-  );
-}
-function MediaSlider({
-  value,
-  min = 0,
-  max = 100,
-  step = 1,
-  onChange,
-  onChangeEnd,
-  className = ""
-}) {
-  return /* @__PURE__ */ jsxRuntime.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(" ")
-    }
-  );
-}
-function useMediaTrim(endpoint = "/api/media/trim") {
-  return reactQuery.useMutation({
-    mutationFn: (data) => apiClient.post(endpoint, data)
-  });
-}
-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 = nextIntl.useTranslations("mediaEditor");
-  const [duration, setDuration] = React.useState(0);
-  const [startTime, setStartTime] = React.useState(0);
-  const [endTime, setEndTime] = React.useState(0);
-  const [quality, setQuality] = React.useState("medium");
-  const [error, setError] = React.useState(null);
-  const videoRef = React.useRef(null);
-  const { mutateAsync: trim, isPending } = useMediaTrim(endpoint);
-  React.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__ */ jsxRuntime.jsx(Modal, { isOpen, onClose, title: t("trimTitle"), size: "lg", children: /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "secondary", className: "text-xs", children: t("trimInstruction") }),
-    /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "relative aspect-video overflow-hidden rounded-lg bg-black", children: /* @__PURE__ */ jsxRuntime.jsx(
-      "video",
-      {
-        ref: videoRef,
-        src: videoUrl,
-        className: "absolute inset-0 w-full h-full object-contain",
-        controls: true,
-        onLoadedMetadata: handleLoadedMetadata
-      }
-    ) }),
-    duration > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "space-y-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "sm", children: t("trimStart") }),
-          /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "text-sm font-mono tabular-nums", children: formatTime(startTime) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          MediaSlider,
-          {
-            value: startTime,
-            min: 0,
-            max: duration,
-            step: 0.1,
-            onChange: handleStartChange
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "space-y-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "sm", children: t("trimEnd") }),
-          /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "text-sm font-mono tabular-nums", children: formatTime(endTime) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          MediaSlider,
-          {
-            value: endTime,
-            min: 0,
-            max: duration,
-            step: 0.1,
-            onChange: handleEndChange
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "xs", variant: "secondary", children: t("trimDuration", { duration: (endTime - startTime).toFixed(1) }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "space-y-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "sm", children: t("trimQuality") }),
-        /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "flex gap-2", children: ["low", "medium", "high"].map((q) => /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            type: "button",
-            variant: quality === q ? "primary" : "outline",
-            size: "sm",
-            onClick: () => setQuality(q),
-            disabled: isPending,
-            children: qualityLabels[q]
-          },
-          q
-        )) })
-      ] })
-    ] }),
-    error && /* @__PURE__ */ jsxRuntime.jsx(Alert, { variant: "error", children: error }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex items-center justify-end gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onClose, disabled: isPending, children: t("trimSkip") }),
-      /* @__PURE__ */ jsxRuntime.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 = nextIntl.useTranslations("mediaEditor");
-  const [isCapturing, setIsCapturing] = React.useState(false);
-  const [error, setError] = React.useState(null);
-  const videoRef = React.useRef(null);
-  const canvasRef = React.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__ */ jsxRuntime.jsx(Modal, { isOpen, onClose, title: t("thumbnailTitle"), size: "lg", children: /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "secondary", className: "text-xs", children: t("thumbnailInstruction") }),
-    /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "relative aspect-video overflow-hidden rounded-lg bg-black", children: /* @__PURE__ */ jsxRuntime.jsx(
-      "video",
-      {
-        ref: videoRef,
-        src: videoUrl,
-        className: "absolute inset-0 w-full h-full object-contain",
-        controls: true,
-        preload: "metadata"
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx("canvas", { ref: canvasRef, className: "hidden", "aria-hidden": "true" }),
-    error && /* @__PURE__ */ jsxRuntime.jsx(Alert, { variant: "error", children: error }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex items-center justify-end gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: onClose, disabled: isCapturing, children: t("thumbnailSkip") }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Button,
-        {
-          type: "button",
-          variant: "primary",
-          size: "sm",
-          onClick: handleCapture,
-          disabled: isCapturing,
-          children: isCapturing ? /* @__PURE__ */ jsxRuntime.jsxs(Span, { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.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 = React.useRef(null);
-  const streamRef = React.useRef(null);
-  const mediaRecorderRef = React.useRef(null);
-  const chunksRef = React.useRef([]);
-  const currentFacingModeRef = React.useRef("environment");
-  const stopRecordingResolveRef = React.useRef(null);
-  const [stream, setStream] = React.useState(null);
-  const [isActive, setIsActive] = React.useState(false);
-  const [isCapturing, setIsCapturing] = React.useState(false);
-  const [error, setError] = React.useState(null);
-  const stopCamera = React.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);
-  }, []);
-  React.useEffect(() => {
-    return () => {
-      stopCamera();
-    };
-  }, [stopCamera]);
-  const startCamera = React.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 = React.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 = React.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 = React.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 = React.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 = nextIntl.useTranslations("camera");
-  const camera = useCamera();
-  const [isStarting, setIsStarting] = React.useState(false);
-  const [hasMultipleCameras, setHasMultipleCameras] = React.useState(false);
-  React.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;
-    };
-  }, []);
-  React.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__ */ jsxRuntime.jsxs(
-    Div,
-    {
-      className: `relative rounded-xl overflow-hidden bg-black ${className != null ? className : ""}`,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "video",
-          {
-            ref: camera.videoRef,
-            autoPlay: true,
-            muted: true,
-            playsInline: true,
-            className: "w-full aspect-video object-cover"
-          }
-        ),
-        isStarting && /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "absolute inset-0 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex flex-col items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "text-white text-sm", children: t("starting") })
-        ] }) }),
-        camera.error && /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "absolute top-2 left-2 right-2", children: /* @__PURE__ */ jsxRuntime.jsx(Alert, { variant: "error", children: camera.error }) }),
-        !isStarting && !camera.error && camera.isActive && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-            Button,
-            {
-              variant: "secondary",
-              onClick: handleTakePhoto,
-              "aria-label": t("takePhoto"),
-              disabled: camera.isCapturing,
-              children: t("takePhoto")
-            }
-          ),
-          showVideoButton && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-            Button,
-            {
-              variant: "outline",
-              onClick: () => void camera.switchCamera(),
-              "aria-label": t("flipCamera"),
-              disabled: camera.isCapturing,
-              children: t("flipCamera")
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-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] = React.useState(false);
-  const [error, setError] = React.useState(null);
-  const [pendingVideoUrl, setPendingVideoUrl] = React.useState(null);
-  const [showTrimModal, setShowTrimModal] = React.useState(false);
-  const [showThumbnailModal, setShowThumbnailModal] = React.useState(false);
-  const [inputMode, setInputMode] = React.useState("file");
-  const fileInputRef = React.useRef(null);
-  const mobileCaptureRef = React.useRef(null);
-  const stagedUrlsRef = React.useRef([]);
-  const onAbortRef = React.useRef(onAbort);
-  const onStagedUrlsChangeRef = React.useRef(onStagedUrlsChange);
-  const isPersistedRef = React.useRef(isPersisted);
-  React.useEffect(() => {
-    onAbortRef.current = onAbort;
-  }, [onAbort]);
-  React.useEffect(() => {
-    onStagedUrlsChangeRef.current = onStagedUrlsChange;
-  }, [onStagedUrlsChange]);
-  React.useEffect(() => {
-    isPersistedRef.current = isPersisted;
-  }, [isPersisted]);
-  React.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 = nextIntl.useTranslations("camera");
-  const tUpload = nextIntl.useTranslations("upload");
-  const tMediaEditor = nextIntl.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__ */ jsxRuntime.jsxs(Div, { className: "space-y-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "block text-sm font-medium text-zinc-600 dark:text-zinc-400", children: label }),
-    value && !isLoading && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Div, { className: "relative aspect-video overflow-hidden rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
-        MediaVideo,
-        {
-          src: value,
-          alt: label,
-          controls: true,
-          objectFit: "contain"
-        }
-      ) }) : isImage(value) ? /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "relative aspect-video overflow-hidden rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
-        MediaImage,
-        {
-          src: value,
-          alt: label,
-          size: "card",
-          objectFit: "contain"
-        }
-      ) }) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(Row, { wrap: true, gap: "sm", className: "mt-2", children: [
-        isVideo(value) && (enableTrim || enableThumbnail) && /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            type: "button",
-            onClick: () => {
-              setPendingVideoUrl(value);
-              if (enableTrim) setShowTrimModal(true);
-              else setShowThumbnailModal(true);
-            },
-            variant: "secondary",
-            size: "sm",
-            children: tMediaEditor("editVideo")
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            type: "button",
-            onClick: handleRemove,
-            variant: "danger",
-            size: "sm",
-            children: tUpload("remove")
-          }
-        )
-      ] })
-    ] }),
-    !disabled && !isLoading && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      captureSource === "both" && isCameraSupported && /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            type: "button",
-            variant: inputMode === "file" ? "primary" : "outline",
-            size: "sm",
-            onClick: () => setInputMode("file"),
-            children: t("switchToUpload")
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            type: "button",
-            variant: inputMode === "camera" ? "primary" : "outline",
-            size: "sm",
-            onClick: () => setInputMode("camera"),
-            children: t("switchToCamera")
-          }
-        )
-      ] }),
-      showCamera && isCameraSupported && /* @__PURE__ */ jsxRuntime.jsx(
-        CameraCapture,
-        {
-          mode: captureMode,
-          facingMode: "environment",
-          onCapture: handleCameraCapture,
-          onError: (msg) => setError(msg)
-        }
-      ),
-      showCamera && !isCameraSupported && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(Div, { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: "sm" }),
-      /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "sm", variant: "secondary", children: tUpload("uploading") })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        ref: fileInputRef,
-        type: "file",
-        accept,
-        onChange: handleFileChange,
-        className: "hidden",
-        "aria-hidden": "true"
-      }
-    ),
-    showCamera && !isCameraSupported && /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        ref: mobileCaptureRef,
-        type: "file",
-        accept: captureModeAccept,
-        capture: "environment",
-        onChange: handleFileChange,
-        className: "hidden",
-        "aria-hidden": "true"
-      }
-    ),
-    helperText && !error && /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "secondary", size: "xs", children: helperText }),
-    error && /* @__PURE__ */ jsxRuntime.jsx(Alert, { variant: "error", children: error }),
-    pendingVideoUrl && /* @__PURE__ */ jsxRuntime.jsx(
-      VideoTrimModal,
-      {
-        isOpen: showTrimModal,
-        videoUrl: pendingVideoUrl,
-        onClose: handleTrimClose,
-        onSave: handleTrimSave
-      }
-    ),
-    pendingVideoUrl && /* @__PURE__ */ jsxRuntime.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 = React.useRef(null);
-  const [isLoading, setIsLoading] = React.useState(false);
-  const [error, setError] = React.useState(null);
-  const stagedUrlsRef = React.useRef([]);
-  const onAbortRef = React.useRef(onAbort);
-  const onStagedUrlsChangeRef = React.useRef(onStagedUrlsChange);
-  const isPersistedRef = React.useRef(isPersisted);
-  React.useEffect(() => {
-    onAbortRef.current = onAbort;
-  }, [onAbort]);
-  React.useEffect(() => {
-    onStagedUrlsChangeRef.current = onStagedUrlsChange;
-  }, [onStagedUrlsChange]);
-  React.useEffect(() => {
-    isPersistedRef.current = isPersisted;
-  }, [isPersisted]);
-  React.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__ */ jsxRuntime.jsxs(Div, { className: "space-y-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "block text-sm font-medium text-zinc-600 dark:text-zinc-400", children: label }),
-    value.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: value.map((item, index) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Div, { className: "relative aspect-video overflow-hidden rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
-            MediaVideo,
-            {
-              src: item.url,
-              alt: item.alt || `Media ${index + 1}`,
-              controls: true
-            }
-          ) }) : item.type === "image" ? /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "relative aspect-video overflow-hidden rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx(
-            MediaImage,
-            {
-              src: item.url,
-              alt: item.alt || `Media ${index + 1}`,
-              size: "card",
-              objectFit: "contain"
-            }
-          ) }) : /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Div, { className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
-            {
-              type: "button",
-              size: "sm",
-              variant: "danger",
-              onClick: () => removeAt(index),
-              children: "Remove"
-            }
-          ) })
-        ]
-      },
-      `${item.url}-${index}`
-    )) }),
-    !disabled && value.length < maxItems && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(Div, { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: "sm" }),
-      /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "sm", variant: "secondary", children: "Uploading" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        ref: inputRef,
-        type: "file",
-        multiple: true,
-        accept,
-        onChange: handleFileChange,
-        className: "hidden",
-        "aria-hidden": "true"
-      }
-    ),
-    helperText && !error && /* @__PURE__ */ jsxRuntime.jsx(Text, { variant: "secondary", size: "xs", children: helperText }),
-    error && /* @__PURE__ */ jsxRuntime.jsx(Alert, { variant: "error", children: error })
-  ] });
-}
-function BlogPostForm({
-  value,
-  onChange,
-  categoryOptions,
-  statusOptions,
-  labels,
-  onUploadCover,
-  onUploadContentImage,
-  onUploadAdditionalImage,
-  onAbort,
-  isReadonly = false,
-  renderContentField,
-  renderContentReadonly
-}) {
-  var _a, _b;
-  const coverImageUrl = getMediaUrl(value.coverImage);
-  const contentImages = coerceMediaFieldArray(value.contentImages);
-  const additionalImages = coerceMediaFieldArray(value.additionalImages);
-  const update = (partial) => {
-    onChange(__spreadValues(__spreadValues({}, value), partial));
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "space-y-5", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "grid gap-4 md:grid-cols-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "space-y-1.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "blog-post-title", children: labels.title }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Input,
-          {
-            id: "blog-post-title",
-            value: value.title || "",
-            onChange: (event) => update({ title: event.target.value }),
-            disabled: isReadonly
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "space-y-1.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "blog-post-slug", children: labels.slug }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Input,
-          {
-            id: "blog-post-slug",
-            value: value.slug || "",
-            onChange: (event) => update({ slug: event.target.value }),
-            disabled: isReadonly
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "blog-post-excerpt", children: labels.excerpt }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Textarea,
-        {
-          id: "blog-post-excerpt",
-          value: value.excerpt || "",
-          onChange: (event) => update({ excerpt: event.target.value }),
-          rows: 3,
-          disabled: isReadonly
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Label, { children: labels.content }),
-      renderContentField ? renderContentField({
-        value: value.content || "",
-        onChange: (content) => update({ content }),
-        isReadonly
-      }) : isReadonly && renderContentReadonly ? renderContentReadonly(value.content || "") : /* @__PURE__ */ jsxRuntime.jsx(
-        Textarea,
-        {
-          value: value.content || "",
-          onChange: (event) => update({ content: event.target.value }),
-          rows: 10,
-          disabled: isReadonly
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      MediaUploadField,
-      {
-        label: labels.coverImage,
-        value: coverImageUrl || "",
-        onChange: (url) => update({ coverImage: url ? { url, type: "image" } : null }),
-        onChangeField: (media) => update({ coverImage: media }),
-        onUpload: onUploadCover,
-        onAbort,
-        accept: "image/*",
-        maxSizeMB: 10,
-        disabled: isReadonly,
-        helperText: labels.coverImageHelper
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      MediaUploadList,
-      {
-        label: labels.contentImages,
-        value: contentImages,
-        onChange: (media) => update({ contentImages: media }),
-        onUpload: onUploadContentImage,
-        onAbort,
-        accept: "image/*",
-        maxItems: 10,
-        maxSizeMB: 10,
-        disabled: isReadonly,
-        helperText: labels.contentImagesHelper
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      MediaUploadList,
-      {
-        label: labels.additionalImages,
-        value: additionalImages,
-        onChange: (media) => update({ additionalImages: media }),
-        onUpload: onUploadAdditionalImage,
-        onAbort,
-        accept: "image/*",
-        maxItems: 5,
-        maxSizeMB: 10,
-        disabled: isReadonly,
-        helperText: labels.additionalImagesHelper
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "grid gap-4 md:grid-cols-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Select,
-        {
-          label: labels.category,
-          value: value.category,
-          onChange: (category) => update({ category }),
-          options: categoryOptions,
-          disabled: isReadonly
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Select,
-        {
-          label: labels.status,
-          value: value.status,
-          onChange: (status) => update({ status }),
-          options: statusOptions,
-          disabled: isReadonly
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "grid gap-4 md:grid-cols-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        TagInput,
-        {
-          label: labels.tags,
-          value: (_a = value.tags) != null ? _a : [],
-          onChange: (tags) => update({ tags }),
-          disabled: isReadonly
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "space-y-1.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "blog-post-read-time", children: labels.readTime }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Input,
-          {
-            id: "blog-post-read-time",
-            type: "number",
-            value: String((_b = value.readTimeMinutes) != null ? _b : 5),
-            onChange: (event) => update({
-              readTimeMinutes: parseInt(event.target.value, 10) || 5
-            }),
-            disabled: isReadonly
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Checkbox,
-      {
-        label: labels.featured,
-        checked: value.isFeatured || false,
-        onChange: (event) => update({ isFeatured: event.target.checked }),
-        disabled: isReadonly
-      }
-    ),
-    isReadonly && coverImageUrl && /* @__PURE__ */ jsxRuntime.jsx(Text, { size: "xs", variant: "secondary", children: coverImageUrl })
-  ] });
-}
-var CATEGORY_BADGE2 = {
-  news: "bg-blue-100 text-blue-800",
-  tips: "bg-emerald-100 text-emerald-800",
-  guides: "bg-indigo-100 text-indigo-800",
-  updates: "bg-purple-100 text-purple-800",
-  community: "bg-orange-100 text-orange-800"
-};
-function BlogPostView({
-  slug,
-  initialData,
-  labels = {},
-  renderImage,
-  renderContent,
-  renderBackButton,
-  renderLoading,
-  renderError,
-  renderRelatedCard,
-  className = ""
-}) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-  const { post, related, isLoading, error } = useBlogPost(slug, {
-    initialData
-  });
-  if (isLoading) {
-    if (renderLoading) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderLoading() });
-    return /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "animate-pulse text-neutral-400", children: "Loading\u2026" }) });
-  }
-  if (error || !post) {
-    if (renderError) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderError(error != null ? error : null) });
-    return /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex flex-col items-center justify-center min-h-screen gap-4 p-8", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Heading, { level: 1, className: "text-xl font-semibold", children: (_a = labels.notFound) != null ? _a : "Post not found" }),
-      /* @__PURE__ */ jsxRuntime.jsx(Text, { className: "text-neutral-500", children: (_b = labels.notFoundDescription) != null ? _b : "This post is not available." }),
-      renderBackButton == null ? void 0 : renderBackButton()
-    ] });
-  }
-  const date = post.publishedAt ? new Date(post.publishedAt).toLocaleDateString("en-US", {
-    year: "numeric",
-    month: "long",
-    day: "numeric"
-  }) : "";
-  const coverImageUrl = getMediaUrl(post.coverImage);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: `min-h-screen ${className}`, children: [
-    coverImageUrl && /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "relative h-72 md:h-96 overflow-hidden", children: [
-      renderImage ? renderImage(post) : /* @__PURE__ */ jsxRuntime.jsx(
-        Div,
-        {
-          role: "img",
-          "aria-label": post.title,
-          className: "h-full w-full bg-cover bg-center",
-          style: { backgroundImage: `url(${coverImageUrl})` }
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "absolute inset-0 bg-gradient-to-t from-black/50 to-transparent" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "max-w-3xl mx-auto px-4 py-12", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "mb-8", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(Div, { className: "flex items-center gap-2 mb-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Span,
-            {
-              className: `inline-block px-2 py-0.5 rounded-full text-xs font-medium capitalize ${(_c = CATEGORY_BADGE2[post.category]) != null ? _c : ""}`,
-              children: post.category
-            }
-          ),
-          post.isFeatured && /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "bg-yellow-100 text-yellow-800 px-2 py-0.5 rounded-full text-xs font-medium", children: (_d = labels.featured) != null ? _d : "Featured" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(Heading, { level: 1, className: "text-3xl font-bold mb-4", children: post.title }),
-        post.excerpt && /* @__PURE__ */ jsxRuntime.jsx(Text, { className: "text-lg text-neutral-500 mb-6", children: post.excerpt }),
-        /* @__PURE__ */ jsxRuntime.jsxs(Row, { wrap: true, gap: "md", className: "text-sm text-neutral-400", children: [
-          post.authorName && /* @__PURE__ */ jsxRuntime.jsxs(Span, { children: [
-            (_e = labels.author) != null ? _e : "By",
-            " ",
-            /* @__PURE__ */ jsxRuntime.jsx(Span, { className: "font-medium text-neutral-700", children: post.authorName })
-          ] }),
-          post.readTimeMinutes != null && /* @__PURE__ */ jsxRuntime.jsxs(Span, { children: [
-            post.readTimeMinutes,
-            " ",
-            (_f = labels.readTime) != null ? _f : "min read"
-          ] }),
-          date && /* @__PURE__ */ jsxRuntime.jsxs(Span, { children: [
-            (_g = labels.publishedOn) != null ? _g : "Published",
-            " ",
-            date
-          ] }),
-          post.views != null && /* @__PURE__ */ jsxRuntime.jsxs(Span, { children: [
-            post.views,
-            " ",
-            (_h = labels.viewsLabel) != null ? _h : "views"
-          ] })
-        ] })
-      ] }),
-      post.tags && post.tags.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Row, { wrap: true, gap: "sm", className: "mb-8", children: post.tags.map((tag) => /* @__PURE__ */ jsxRuntime.jsxs(
-        Span,
-        {
-          className: "inline-block px-3 py-1 rounded-full bg-neutral-100 text-neutral-600 text-xs font-medium",
-          children: [
-            "#",
-            tag
-          ]
-        },
-        tag
-      )) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "bg-white rounded-xl border border-neutral-200 p-8 mb-12", children: renderContent ? renderContent(post) : /* @__PURE__ */ jsxRuntime.jsx(
-        Div,
-        {
-          className: "prose max-w-none",
-          dangerouslySetInnerHTML: { __html: (_i = post.content) != null ? _i : "" }
-        }
-      ) }),
-      related.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(Div, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Heading, { level: 2, className: "text-xl font-semibold mb-6", children: (_j = labels.relatedTitle) != null ? _j : "Related Posts" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "grid sm:grid-cols-3 gap-6", children: related.map(
-          (rel, i) => renderRelatedCard ? /* @__PURE__ */ jsxRuntime.jsx(React__default.default.Fragment, { children: renderRelatedCard(rel, i) }, rel.id) : /* @__PURE__ */ jsxRuntime.jsx(BlogCard, { post: rel }, rel.id)
-        ) })
-      ] }),
-      renderBackButton && /* @__PURE__ */ jsxRuntime.jsx(Div, { className: "mt-10 pt-8 border-t border-neutral-200", children: renderBackButton() })
-    ] })
-  ] });
-}
-var blogCoverImageSchema = zod.z.union([
-  mediaFieldSchema,
-  zod.z.string().url().transform((url) => ({ url, type: "image" }))
-]).nullable().optional().transform((value) => value != null ? value : null);
-var blogPostCategorySchema = zod.z.enum([
-  "news",
-  "tips",
-  "guides",
-  "updates",
-  "community"
-]);
-var blogPostStatusSchema = zod.z.enum(["draft", "published", "archived"]);
-var blogPostSchema = zod.z.object({
-  id: zod.z.string(),
-  title: zod.z.string(),
-  slug: zod.z.string(),
-  excerpt: zod.z.string().optional(),
-  content: zod.z.string().optional(),
-  coverImage: blogCoverImageSchema,
-  contentImages: zod.z.array(mediaFieldSchema).max(10).optional().default([]),
-  additionalImages: zod.z.array(mediaFieldSchema).max(5).optional().default([]),
-  category: blogPostCategorySchema,
-  tags: zod.z.array(zod.z.string()).optional(),
-  isFeatured: zod.z.boolean().optional(),
-  status: blogPostStatusSchema,
-  publishedAt: zod.z.string().optional(),
-  authorId: zod.z.string().optional(),
-  authorName: zod.z.string().optional(),
-  authorAvatar: zod.z.string().optional(),
-  readTimeMinutes: zod.z.number().optional(),
-  views: zod.z.number().optional(),
-  metaTitle: zod.z.string().optional(),
-  metaDescription: zod.z.string().optional(),
-  createdAt: zod.z.string().optional(),
-  updatedAt: zod.z.string().optional()
-});
-var blogListParamsSchema = zod.z.object({
-  category: blogPostCategorySchema.optional(),
-  tags: zod.z.string().optional(),
-  q: zod.z.string().optional(),
-  page: zod.z.coerce.number().optional(),
-  perPage: zod.z.coerce.number().optional(),
-  sort: zod.z.string().optional(),
-  featured: zod.z.coerce.boolean().optional()
-});
-
-// src/features/blog/columns/index.ts
-var blogAdminColumns = [
-  { key: "title", header: "Title", sortable: true },
-  { key: "category", header: "Category", sortable: true },
-  {
-    key: "status",
-    header: "Status",
-    sortable: true
-  },
-  {
-    key: "isFeatured",
-    header: "Featured",
-    render: (p) => p.isFeatured ? "Yes" : "No"
-  },
-  {
-    key: "readTimeMinutes",
-    header: "Read Time",
-    render: (p) => p.readTimeMinutes !== void 0 ? `${p.readTimeMinutes} min` : "\u2014"
-  },
-  {
-    key: "views",
-    header: "Views",
-    sortable: true,
-    render: (p) => {
-      var _a, _b;
-      return (_b = (_a = p.views) == null ? void 0 : _a.toLocaleString()) != null ? _b : "\u2014";
-    }
-  },
-  { key: "authorName", header: "Author" },
-  { key: "publishedAt", header: "Published", sortable: true }
-];
-function buildBlogColumns(opts) {
-  var _a;
-  const base = blogAdminColumns;
-  const omit = new Set((_a = opts == null ? void 0 : opts.omit) != null ? _a : []);
-  const cols = base.filter((col) => !omit.has(col.key)).map((col) => {
-    var _a2;
-    const ovr = (_a2 = opts == null ? void 0 : opts.overrides) == null ? void 0 : _a2[col.key];
-    return ovr ? __spreadValues(__spreadValues({}, col), ovr) : col;
-  });
-  return (opts == null ? void 0 : opts.extras) ? [...cols, ...opts.extras] : cols;
-}
-
-// src/features/blog/repository/blog.repository.ts
-var BlogRepository = class {
-  constructor(repo) {
-    this.repo = repo;
-  }
-  async findAll(query) {
-    const base = __spreadValues({ filters: "status==published" }, query);
-    if (query == null ? void 0 : query.filters) {
-      base.filters = `status==published,${query.filters}`;
-    }
-    return this.repo.findAll(base);
-  }
-  async findBySlug(slug) {
-    var _a;
-    const result = await this.repo.findAll({
-      filters: `slug==${slug},status==published`,
-      perPage: 1
-    });
-    return (_a = result.data[0]) != null ? _a : null;
-  }
-  async findLatest(n = 5) {
-    const result = await this.repo.findAll({
-      filters: "status==published",
-      sort: "-publishedAt",
-      perPage: n
-    });
-    return result.data;
-  }
-  async findFeatured(n = 3) {
-    const result = await this.repo.findAll({
-      filters: "status==published,isFeatured==true",
-      sort: "-publishedAt",
-      perPage: n
-    });
-    return result.data;
-  }
-  async findByCategory(category, page = 1, perPage = 10) {
-    return this.repo.findAll({
-      filters: `status==published,category==${category}`,
-      sort: "-publishedAt",
-      page,
-      perPage
-    });
-  }
-  async findById(id) {
-    return this.repo.findById(id);
-  }
-  async create(data) {
-    return this.repo.create(data);
-  }
-  async update(id, data) {
-    return this.repo.update(id, data);
-  }
-  async delete(id) {
-    return this.repo.delete(id);
-  }
-};
-
-// src/features/blog/manifest.ts
-var manifest = {
-  name: "blog",
-  i18nNamespace: "blog",
-  envKeys: [],
-  routes: [
-    { segment: "[locale]/blog", exports: { default: "BlogListView" } },
-    { segment: "[locale]/blog/[slug]", exports: { default: "BlogPostView" } }
-  ],
-  apiRoutes: [
-    { segment: "api/blog", methods: ["GET", "POST"] },
-    { segment: "api/blog/[slug]", methods: ["GET", "PATCH", "DELETE"] },
-    { segment: "api/blog/[slug]/related", methods: ["GET"] }
-  ]
-};
-function param(url, key) {
-  return url.searchParams.get(key);
-}
-function numParam(url, key, fallback) {
-  const v = url.searchParams.get(key);
-  const n = v !== null ? Number(v) : NaN;
-  return Number.isFinite(n) ? n : fallback;
-}
-async function GET(request) {
-  var _a, _b;
-  try {
-    const url = new URL(request.url);
-    const page = numParam(url, "page", 1);
-    const perPage = numParam(url, "perPage", 20);
-    const sort = (_a = param(url, "sort")) != null ? _a : "-publishedAt";
-    const parts = [];
-    const category = param(url, "category");
-    if (category) parts.push(`category==${category}`);
-    const q = param(url, "q");
-    if (q) parts.push(`title@=*${q}`);
-    const featured = param(url, "featured");
-    if (featured === "true") parts.push("isFeatured==true");
-    const status = (_b = param(url, "status")) != null ? _b : "published";
-    parts.push(`status==${status}`);
-    const filters = parts.join(",");
-    const { db } = getProviders();
-    if (!db) {
-      return server_js.NextResponse.json(
-        { success: false, error: "Database provider not registered" },
-        { status: 503 }
-      );
-    }
-    const repo = db.getRepository("blogPosts");
-    const result = await repo.findAll({ filters, sort, page, perPage });
-    const meta = {
-      total: result.total,
-      page: result.page,
-      pageSize: result.perPage,
-      totalPages: result.totalPages,
-      hasMore: result.page < result.totalPages
-    };
-    const body = {
-      posts: result.data,
-      meta
-    };
-    return server_js.NextResponse.json({ success: true, data: body });
-  } catch (error) {
-    console.error("[feat-blog] GET /api/blog failed", error);
-    return server_js.NextResponse.json(
-      { success: false, error: "Failed to fetch blog posts" },
-      { status: 500 }
-    );
-  }
-}
-async function GET2(_request, context) {
-  var _a;
-  try {
-    const { slug } = await context.params;
-    const { db } = getProviders();
-    if (!db) {
-      return server_js.NextResponse.json(
-        { success: false, error: "Database provider not registered" },
-        { status: 503 }
-      );
-    }
-    const blogRepo = new BlogRepository(
-      db.getRepository("blogPosts")
-    );
-    const post = await blogRepo.findBySlug(slug);
-    if (!post) {
-      return server_js.NextResponse.json(
-        { success: false, error: "Blog post not found" },
-        { status: 404 }
-      );
-    }
-    db.getRepository("blogPosts").update(post.id, { views: ((_a = post.views) != null ? _a : 0) + 1 }).catch(() => {
-    });
-    const relatedResult = await blogRepo.findByCategory(post.category, 1, 4);
-    const related = relatedResult.data.filter((p) => p.id !== post.id).slice(0, 3);
-    const body = { post, related };
-    return server_js.NextResponse.json({ success: true, data: body });
-  } catch (error) {
-    console.error("[feat-blog] GET /api/blog/[slug] failed", error);
-    return server_js.NextResponse.json(
-      { success: false, error: "Failed to fetch blog post" },
-      { status: 500 }
-    );
-  }
-}
-/*! 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/check.js:
-lucide-react/dist/esm/icons/chevron-down.js:
-lucide-react/dist/esm/icons/loader-circle.js:
-lucide-react/dist/esm/icons/x.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.
-   *)
-*/
-
-exports.BlogCard = BlogCard;
-exports.BlogCategoryTabs = BlogCategoryTabs;
-exports.BlogFeaturedCard = BlogFeaturedCard;
-exports.BlogListView = BlogListView;
-exports.BlogPostForm = BlogPostForm;
-exports.BlogPostView = BlogPostView;
-exports.BlogRepository = BlogRepository;
-exports.GET = GET;
-exports.GET_BLOG_SLUG = GET2;
-exports.blogAdminColumns = blogAdminColumns;
-exports.blogGET = GET;
-exports.blogListParamsSchema = blogListParamsSchema;
-exports.blogPostCategorySchema = blogPostCategorySchema;
-exports.blogPostSchema = blogPostSchema;
-exports.blogPostStatusSchema = blogPostStatusSchema;
-exports.blogSlugGET = GET2;
-exports.buildBlogColumns = buildBlogColumns;
-exports.manifest = manifest;
-exports.useBlogPost = useBlogPost;
-exports.useBlogPosts = useBlogPosts;
-//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map