@mohasinac/appkit 2.1.1 → 2.2.0

package/dist/features/faq/index.js

@@ -1,1685 +1,8 @@
-"use client";
-import { useQuery } from '@tanstack/react-query';
-import React, { createContext, forwardRef, createElement, useContext, useState, useId, useRef, useCallback, useEffect } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { twMerge } from 'tailwind-merge';
-import Link from 'next/link';
-import 'react-dom';
-import { z } from 'zod';
-import { NextResponse } from 'next/server.js';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-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;
-};
-
-// 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/faq/hooks/useFAQs.ts
-function useFAQs(params = {}, opts) {
-  var _a, _b, _c, _d;
-  const sp = new URLSearchParams();
-  if (params.category) sp.set("category", params.category);
-  if (params.homepage !== void 0)
-    sp.set("homepage", String(params.homepage));
-  if (params.q) sp.set("q", params.q);
-  if (params.page) sp.set("page", String(params.page));
-  if (params.perPage) sp.set("perPage", String(params.perPage));
-  const qs = sp.toString();
-  const query = useQuery({
-    queryKey: ["faqs", qs],
-    queryFn: () => apiClient.get(`/api/faqs${qs ? `?${qs}` : ""}`),
-    initialData: opts == null ? void 0 : opts.initialData,
-    enabled: opts == null ? void 0 : opts.enabled,
-    staleTime: 10 * 60 * 1e3
-  });
-  return {
-    faqs: (_b = (_a = query.data) == null ? void 0 : _a.items) != null ? _b : [],
-    total: (_d = (_c = query.data) == null ? void 0 : _c.total) != null ? _d : 0,
-    isLoading: query.isLoading,
-    error: query.error
-  };
-}
-function useFAQ(id, opts) {
-  const query = useQuery({
-    queryKey: ["faqs", id],
-    queryFn: () => apiClient.get(`/api/faqs/${id}`),
-    initialData: opts == null ? void 0 : opts.initialData,
-    enabled: (opts == null ? void 0 : opts.enabled) !== false && !!id
-  });
-  return { faq: query.data, isLoading: query.isLoading, error: query.error };
-}
-function useFaqList(options = {}) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
-  const params = new URLSearchParams();
-  if (options.category) params.set("category", options.category);
-  if (options.search) params.set("search", options.search);
-  if (options.tags && options.tags.length > 0) {
-    params.set("tags", options.tags.join(","));
-  }
-  if (options.showOnHomepage !== void 0) {
-    params.set("showOnHomepage", String(options.showOnHomepage));
-  }
-  params.set("page", String((_a = options.page) != null ? _a : 1));
-  params.set("pageSize", String((_b = options.pageSize) != null ? _b : 20));
-  if (options.sorts) params.set("sorts", options.sorts);
-  const queryString = params.toString();
-  const query = useQuery({
-    queryKey: ["faqs", queryString],
-    queryFn: () => apiClient.get(
-      `/api/faqs${queryString ? `?${queryString}` : ""}`
-    ),
-    enabled: options.enabled,
-    initialData: options.initialData,
-    staleTime: 5 * 60 * 1e3
-  });
-  return __spreadProps(__spreadValues({}, query), {
-    faqs: (_d = (_c = query.data) == null ? void 0 : _c.items) != null ? _d : [],
-    total: (_f = (_e = query.data) == null ? void 0 : _e.total) != null ? _f : 0,
-    categories: (_h = (_g = query.data) == null ? void 0 : _g.categories) != null ? _h : []
-  });
-}
-var Section = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className = "", children } = _b, props = __objRest(_b, ["className", "children"]);
-    return /* @__PURE__ */ jsx("section", __spreadProps(__spreadValues({ className, ref }, props), { children }));
-  }
-);
-Section.displayName = "Section";
-var Aside = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className = "", children } = _b, props = __objRest(_b, ["className", "children"]);
-    return /* @__PURE__ */ jsx("aside", __spreadProps(__spreadValues({ className, ref }, props), { children }));
-  }
-);
-Aside.displayName = "Aside";
-function Ul(_a) {
-  var _b = _a, { className = "", children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsx("ul", __spreadProps(__spreadValues({ className }, props), { children }));
-}
-function Li(_a) {
-  var _b = _a, { className = "", children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsx("li", __spreadProps(__spreadValues({ className }, props), { children }));
-}
-var Div = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className = "", children } = _b, props = __objRest(_b, ["className", "children"]);
-    return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className }, props), { children }));
-  }
-);
-Div.displayName = "Div";
-var UI_THEME = {
-  typography: {
-    h1: "text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight font-display",
-    h2: "text-2xl md:text-3xl lg:text-4xl font-bold tracking-tight font-display",
-    h3: "text-xl md:text-2xl lg:text-3xl font-bold tracking-tight font-display",
-    h4: "text-lg md:text-xl lg:text-2xl font-bold font-display",
-    h5: "text-base md:text-lg lg:text-xl font-medium",
-    h6: "text-sm md:text-base lg:text-lg font-medium",
-    body: "text-base lg:text-lg",
-    small: "text-sm lg:text-base",
-    xs: "text-xs lg:text-sm"
-  },
-  themed: {
-    textPrimary: "text-zinc-900 dark:text-zinc-50",
-    textSecondary: "text-zinc-500 dark:text-zinc-400",
-    textMuted: "text-zinc-400 dark:text-zinc-500",
-    textError: "text-red-600 dark:text-red-400",
-    textSuccess: "text-emerald-600 dark:text-emerald-400"
-  },
-  colors: {
-    form: {
-      required: "text-red-500"
-    }
-  }
-};
-function Heading(_a) {
-  var _b = _a, {
-    level = 1,
-    variant = "primary",
-    className = "",
-    children
-  } = _b, props = __objRest(_b, [
-    "level",
-    "variant",
-    "className",
-    "children"
-  ]);
-  const Tag = `h${level}`;
-  const { typography, themed } = UI_THEME;
-  const 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__ */ 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__ */ 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__ */ jsxs(
-    "label",
-    __spreadProps(__spreadValues({
-      className: `block ${typography.small} font-medium ${themed.textSecondary} mb-1.5 ${className}`
-    }, props), {
-      children: [
-        children,
-        required && /* @__PURE__ */ jsx("span", { className: `${colors.form.required} ml-1`, children: "*" })
-      ]
-    })
-  );
-}
-function Span(_a) {
-  var _b = _a, {
-    variant = "inherit",
-    size,
-    weight,
-    className = "",
-    children
-  } = _b, props = __objRest(_b, [
-    "variant",
-    "size",
-    "weight",
-    "className",
-    "children"
-  ]);
-  const { themed, typography } = UI_THEME;
-  const variantClasses = {
-    inherit: "",
-    primary: themed.textPrimary,
-    secondary: themed.textSecondary,
-    muted: themed.textMuted,
-    error: themed.textError,
-    success: themed.textSuccess,
-    accent: "text-primary"
-  };
-  const 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__ */ jsx("span", __spreadProps(__spreadValues({ className: classes }, props), { children }));
-}
-
-// node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
-var mergeClasses = (...classes) => classes.filter((className, index, array) => {
-  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
-}).join(" ").trim();
-
-// node_modules/lucide-react/dist/esm/shared/src/utils/toKebabCase.js
-var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-
-// node_modules/lucide-react/dist/esm/shared/src/utils/toCamelCase.js
-var toCamelCase = (string) => string.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
-);
-
-// node_modules/lucide-react/dist/esm/shared/src/utils/toPascalCase.js
-var toPascalCase = (string) => {
-  const camelCase = toCamelCase(string);
-  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
-};
-
-// node_modules/lucide-react/dist/esm/defaultAttributes.js
-var defaultAttributes = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-
-// node_modules/lucide-react/dist/esm/shared/src/utils/hasA11yProp.js
-var hasA11yProp = (props) => {
-  for (const prop in props) {
-    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
-      return true;
-    }
-  }
-  return false;
-};
-var LucideContext = createContext({});
-var useLucideContext = () => useContext(LucideContext);
-
-// node_modules/lucide-react/dist/esm/Icon.js
-var Icon = forwardRef(
-  (_a, ref) => {
-    var _b = _a, { color, size, strokeWidth, absoluteStrokeWidth, className = "", children, iconNode } = _b, rest = __objRest(_b, ["color", "size", "strokeWidth", "absoluteStrokeWidth", "className", "children", "iconNode"]);
-    var _a2, _b2, _c;
-    const {
-      size: contextSize = 24,
-      strokeWidth: contextStrokeWidth = 2,
-      absoluteStrokeWidth: contextAbsoluteStrokeWidth = false,
-      color: contextColor = "currentColor",
-      className: contextClass = ""
-    } = (_a2 = useLucideContext()) != null ? _a2 : {};
-    const calculatedStrokeWidth = (absoluteStrokeWidth != null ? absoluteStrokeWidth : contextAbsoluteStrokeWidth) ? Number(strokeWidth != null ? strokeWidth : contextStrokeWidth) * 24 / Number(size != null ? size : contextSize) : strokeWidth != null ? strokeWidth : contextStrokeWidth;
-    return createElement(
-      "svg",
-      __spreadValues(__spreadValues(__spreadProps(__spreadValues({
-        ref
-      }, defaultAttributes), {
-        width: (_b2 = size != null ? size : contextSize) != null ? _b2 : defaultAttributes.width,
-        height: (_c = size != null ? size : contextSize) != null ? _c : defaultAttributes.height,
-        stroke: color != null ? color : contextColor,
-        strokeWidth: calculatedStrokeWidth,
-        className: mergeClasses("lucide", contextClass, className)
-      }), !children && !hasA11yProp(rest) && { "aria-hidden": "true" }), rest),
-      [
-        ...iconNode.map(([tag, attrs]) => createElement(tag, attrs)),
-        ...Array.isArray(children) ? children : [children]
-      ]
-    );
-  }
-);
-
-// node_modules/lucide-react/dist/esm/createLucideIcon.js
-var createLucideIcon = (iconName, iconNode) => {
-  const Component = forwardRef(
-    (_a, ref) => {
-      var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-      return createElement(Icon, __spreadValues({
-        ref,
-        iconNode,
-        className: mergeClasses(
-          `lucide-${toKebabCase(toPascalCase(iconName))}`,
-          `lucide-${iconName}`,
-          className
-        )
-      }, props));
-    }
-  );
-  Component.displayName = toPascalCase(iconName);
-  return Component;
-};
-
-// 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);
-var UI_BUTTON = {
-  base: "inline-flex items-center justify-center font-medium rounded-xl transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed",
-  active: "active:scale-95",
-  variants: {
-    primary: "bg-primary-600 text-white hover:bg-primary-700 active:bg-primary-800 shadow-sm focus:ring-primary-500/30 dark:bg-secondary-500 dark:text-white dark:hover:bg-secondary-400 dark:active:bg-secondary-600 dark:focus:ring-secondary-400/30",
-    secondary: "bg-primary-700 text-white hover:bg-primary-600 active:bg-primary-800 shadow-md focus:ring-primary-500 dark:bg-secondary-700 dark:text-white dark:hover:bg-secondary-600 dark:active:bg-secondary-800 dark:focus:ring-secondary-500",
-    outline: "border border-zinc-200 dark:border-slate-700 bg-white dark:bg-transparent text-zinc-900 dark:text-zinc-100 hover:bg-zinc-50 dark:hover:bg-slate-800 focus:ring-zinc-400",
-    ghost: "text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-slate-800 focus:ring-zinc-400",
-    danger: "bg-red-600 text-white hover:bg-red-500 active:bg-red-700 shadow-sm shadow-red-600/10 focus:ring-red-500",
-    warning: "bg-amber-500 text-white hover:bg-amber-400 active:bg-amber-600 shadow-sm shadow-amber-500/10 focus:ring-amber-500"
-  },
-  sizes: {
-    sm: "px-2.5 py-1.5 text-xs sm:px-3 sm:text-sm gap-1.5 min-h-[36px]",
-    md: "px-3 py-2 text-sm sm:px-4 sm:py-2.5 sm:text-base gap-2 min-h-[44px]",
-    lg: "px-4 py-2.5 text-base sm:px-6 sm:py-3 sm:text-lg gap-2.5 min-h-[44px]"
-  }
-};
-function Button(_a) {
-  var _b = _a, {
-    variant = "primary",
-    size = "md",
-    className = "",
-    isLoading = false,
-    disabled,
-    children
-  } = _b, props = __objRest(_b, [
-    "variant",
-    "size",
-    "className",
-    "isLoading",
-    "disabled",
-    "children"
-  ]);
-  return /* @__PURE__ */ jsxs(
-    "button",
-    __spreadProps(__spreadValues({
-      className: twMerge(
-        UI_BUTTON.base,
-        UI_BUTTON.active,
-        UI_BUTTON.variants[variant],
-        UI_BUTTON.sizes[size],
-        className
-      ),
-      disabled: disabled || isLoading,
-      "aria-busy": isLoading || void 0
-    }, props), {
-      children: [
-        isLoading && /* @__PURE__ */ jsx(
-          LoaderCircle,
-          {
-            className: "w-4 h-4 animate-spin flex-shrink-0",
-            "aria-hidden": "true"
-          }
-        ),
-        isLoading ? /* @__PURE__ */ jsx("span", { className: "opacity-70", children }) : children
-      ]
-    })
-  );
-}
-var VARIANTS = {
-  default: "text-primary-600 dark:text-primary-400 hover:text-primary-800 dark:hover:text-primary-200 transition-colors",
-  muted: "text-zinc-500 dark:text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-200 transition-colors",
-  underline: "text-primary-600 dark:text-primary-400 underline hover:no-underline transition-all",
-  none: ""
-};
-function TextLink(_a) {
-  var _b = _a, {
-    href,
-    children,
-    variant = "default",
-    external = false,
-    className = ""
-  } = _b, props = __objRest(_b, [
-    "href",
-    "children",
-    "variant",
-    "external",
-    "className"
-  ]);
-  const cls = twMerge(VARIANTS[variant], className);
-  if (external) {
-    return /* @__PURE__ */ jsx(
-      "a",
-      __spreadProps(__spreadValues({
-        href,
-        className: cls,
-        target: "_blank",
-        rel: "noopener noreferrer"
-      }, props), {
-        children
-      })
-    );
-  }
-  return /* @__PURE__ */ jsx(Link, __spreadProps(__spreadValues({ href, className: cls }, props), { children }));
-}
-createContext(null);
-function getProviders() {
-  {
-    throw new Error(
-      "[contracts] Call registerProviders() before getProviders(). Ensure providers.config.ts is imported at app startup."
-    );
-  }
-}
-function Select({
-  options,
-  value,
-  onChange,
-  placeholder = "Select\u2026",
-  label,
-  error,
-  disabled = false,
-  required,
-  className = "",
-  id: externalId
-}) {
-  var _a;
-  const generatedId = useId();
-  const id = externalId != null ? externalId : generatedId;
-  const [open, setOpen] = useState(false);
-  const [openUp, setOpenUp] = useState(false);
-  const ref = useRef(null);
-  const selected = options.find((o) => o.value === value);
-  const toggle = 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 = useCallback(
-    (val) => {
-      onChange == null ? void 0 : onChange(val);
-      setOpen(false);
-    },
-    [onChange]
-  );
-  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 = 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__ */ jsxs("div", { ref, className: "relative w-full", children: [
-    label && /* @__PURE__ */ jsx(
-      Label,
-      {
-        htmlFor: id,
-        className: "!text-zinc-700 dark:!text-zinc-300",
-        required,
-        children: label
-      }
-    ),
-    /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsx(Span, { className: "flex-1", children: option.label }),
-                isSelected && /* @__PURE__ */ jsx(
-                  Check,
-                  {
-                    className: "h-4 w-4 ml-2 flex-shrink-0",
-                    "aria-hidden": "true"
-                  }
-                )
-              ]
-            },
-            option.value
-          );
-        })
-      }
-    ),
-    error && /* @__PURE__ */ jsx(Text, { size: "xs", variant: "error", className: "mt-1.5", role: "alert", children: error })
-  ] });
-}
-var GAP_MAP = {
-  none: "",
-  px: "gap-px",
-  xs: "gap-1",
-  sm: "gap-2",
-  "2.5": "gap-2.5",
-  "3": "gap-3",
-  md: "gap-4",
-  "5": "gap-5",
-  lg: "gap-6",
-  xl: "gap-8",
-  "2xl": "gap-12"
-};
-var ITEMS_MAP = {
-  start: "items-start",
-  center: "items-center",
-  end: "items-end",
-  stretch: "items-stretch",
-  baseline: "items-baseline"
-};
-var JUSTIFY_MAP = {
-  start: "justify-start",
-  center: "justify-center",
-  end: "justify-end",
-  between: "justify-between",
-  around: "justify-around",
-  evenly: "justify-evenly"
-};
-function Row(_a) {
-  var _b = _a, {
-    gap = "md",
-    centered = false,
-    align = "center",
-    justify = "start",
-    wrap = false,
-    as,
-    className = "",
-    children
-  } = _b, props = __objRest(_b, [
-    "gap",
-    "centered",
-    "align",
-    "justify",
-    "wrap",
-    "as",
-    "className",
-    "children"
-  ]);
-  const Tag = as != null ? as : "div";
-  const classes = [
-    "flex flex-row",
-    centered ? "items-center justify-center" : ITEMS_MAP[align],
-    !centered && justify !== "start" ? JUSTIFY_MAP[justify] : "",
-    GAP_MAP[gap],
-    wrap ? "flex-wrap" : "",
-    className
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(Tag, __spreadProps(__spreadValues({ className: classes }, props), { children }));
-}
-function FAQAccordionItem({
-  faq,
-  isOpen,
-  onToggle,
-  renderExpandedFooter
-}) {
-  return /* @__PURE__ */ jsxs(Div, { className: "border-b border-neutral-200 last:border-0", children: [
-    /* @__PURE__ */ jsxs(
-      Button,
-      {
-        onClick: onToggle,
-        "aria-expanded": isOpen,
-        className: "flex w-full items-center justify-between gap-4 py-4 text-left text-sm font-medium text-neutral-900 transition hover:text-primary",
-        children: [
-          /* @__PURE__ */ jsx(Span, { children: faq.question }),
-          /* @__PURE__ */ jsx(
-            Span,
-            {
-              className: `flex-shrink-0 transition-transform ${isOpen ? "rotate-180" : ""}`,
-              children: /* @__PURE__ */ jsx(
-                "svg",
-                {
-                  width: "16",
-                  height: "16",
-                  viewBox: "0 0 16 16",
-                  fill: "none",
-                  "aria-hidden": "true",
-                  children: /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      d: "M4 6l4 4 4-4",
-                      stroke: "currentColor",
-                      strokeWidth: "1.5",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round"
-                    }
-                  )
-                }
-              )
-            }
-          )
-        ]
-      }
-    ),
-    isOpen && /* @__PURE__ */ jsxs(Div, { className: "pb-4 text-sm text-neutral-600", children: [
-      faq.tags && faq.tags.length > 0 && /* @__PURE__ */ jsx(Row, { wrap: true, gap: "sm", className: "mb-3", children: faq.tags.map((tag) => /* @__PURE__ */ jsx(
-        Span,
-        {
-          className: "rounded-md bg-neutral-100 px-2 py-1 text-xs text-neutral-600",
-          children: tag
-        },
-        tag
-      )) }),
-      faq.answer.format === "html" ? /* @__PURE__ */ jsx(
-        Div,
-        {
-          className: "prose prose-sm max-w-none",
-          dangerouslySetInnerHTML: { __html: faq.answer.text }
-        }
-      ) : /* @__PURE__ */ jsx(Text, { className: "whitespace-pre-line", children: faq.answer.text }),
-      renderExpandedFooter == null ? void 0 : renderExpandedFooter(faq)
-    ] })
-  ] });
-}
-function FAQAccordion({
-  faqs,
-  className = "",
-  renderExpandedFooter,
-  labels
-}) {
-  const [openId, setOpenId] = useState(null);
-  if (faqs.length === 0 && (labels == null ? void 0 : labels.noResults)) {
-    return /* @__PURE__ */ jsx(Div, { className: "rounded-xl border border-neutral-200 bg-white p-8 text-center", children: /* @__PURE__ */ jsx(Text, { className: "text-neutral-600", children: labels.noResults }) });
-  }
-  return /* @__PURE__ */ jsx(
-    Div,
-    {
-      className: `divide-y divide-neutral-100 rounded-xl border border-neutral-200 bg-white px-5 ${className}`,
-      children: faqs.map((faq) => /* @__PURE__ */ jsx(
-        FAQAccordionItem,
-        {
-          faq,
-          isOpen: openId === faq.id,
-          onToggle: () => setOpenId(openId === faq.id ? null : faq.id),
-          renderExpandedFooter
-        },
-        faq.id
-      ))
-    }
-  );
-}
-function FAQCategoryTabs({
-  categories,
-  active,
-  onSelect,
-  labels = {}
-}) {
-  var _a;
-  return /* @__PURE__ */ jsxs(Row, { wrap: true, gap: "sm", className: "scrollbar-none", children: [
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        onClick: () => onSelect(null),
-        className: `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__ */ jsx(
-        Button,
-        {
-          onClick: () => onSelect(cat),
-          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.replace(/_/g, " ")
-        },
-        cat
-      );
-    })
-  ] });
-}
-function FAQCategorySidebar({
-  selectedCategory,
-  onCategorySelect,
-  categoryCounts,
-  categories,
-  allFaqsHref = "/faqs",
-  categoryHref,
-  contactHref,
-  labels
-}) {
-  var _a, _b, _c, _d;
-  const totalCount = Object.values(categoryCounts).reduce(
-    (sum, count) => sum + count,
-    0
-  );
-  return /* @__PURE__ */ jsxs(Div, { className: "rounded-xl border border-zinc-200 bg-white p-6 dark:border-slate-700 dark:bg-slate-800/60", children: [
-    /* @__PURE__ */ jsx(Heading, { level: 2, className: "mb-6 text-lg font-semibold", children: (_a = labels == null ? void 0 : labels.title) != null ? _a : "Categories" }),
-    /* @__PURE__ */ jsx(
-      TextLink,
-      {
-        href: allFaqsHref,
-        onClick: () => onCategorySelect == null ? void 0 : onCategorySelect("all"),
-        className: `mb-3 block w-full rounded-lg p-4 text-left transition-colors ${selectedCategory === "all" ? "bg-primary/10 text-zinc-900 dark:text-zinc-100" : "text-zinc-600 hover:bg-zinc-100 dark:text-zinc-300 dark:hover:bg-slate-700"}`,
-        children: /* @__PURE__ */ jsxs(Div, { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxs(Div, { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx(Span, { className: "text-2xl", children: "FAQ" }),
-            /* @__PURE__ */ jsx(Span, { className: "text-sm font-medium", children: (_b = labels == null ? void 0 : labels.allFaqs) != null ? _b : "All FAQs" })
-          ] }),
-          /* @__PURE__ */ jsx(Span, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: totalCount })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(Div, { className: "mt-4 border-t border-zinc-200 pt-4 dark:border-slate-700", children: categories.map((category) => {
-      const isSelected = selectedCategory === category.key;
-      const count = categoryCounts[category.key] || 0;
-      return /* @__PURE__ */ jsxs(
-        TextLink,
-        {
-          href: categoryHref(category.key),
-          onClick: () => onCategorySelect == null ? void 0 : onCategorySelect(category.key),
-          className: `mb-3 block w-full rounded-lg p-4 text-left transition-colors ${isSelected ? "bg-primary/10 text-zinc-900 dark:text-zinc-100" : "text-zinc-600 hover:bg-zinc-100 dark:text-zinc-300 dark:hover:bg-slate-700"}`,
-          children: [
-            /* @__PURE__ */ jsxs(Div, { className: "mb-1 flex items-center justify-between", children: [
-              /* @__PURE__ */ jsxs(Div, { className: "flex items-center gap-3", children: [
-                category.icon ? /* @__PURE__ */ jsx(Span, { className: "text-2xl", children: category.icon }) : null,
-                /* @__PURE__ */ jsx(Span, { className: "text-sm", children: category.label })
-              ] }),
-              /* @__PURE__ */ jsx(Span, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: count })
-            ] }),
-            isSelected && category.description ? /* @__PURE__ */ jsx(Text, { className: "ml-11 text-xs text-zinc-500 dark:text-zinc-400", children: category.description }) : null
-          ]
-        },
-        category.key
-      );
-    }) }),
-    contactHref ? /* @__PURE__ */ jsxs(Div, { className: "border-t border-zinc-200 pt-6 dark:border-slate-700", children: [
-      /* @__PURE__ */ jsx(Text, { className: "mb-3 text-sm text-zinc-600 dark:text-zinc-300", children: (_c = labels == null ? void 0 : labels.stillHaveQuestions) != null ? _c : "Still have questions?" }),
-      /* @__PURE__ */ jsx(
-        TextLink,
-        {
-          href: contactHref,
-          className: "block rounded-lg bg-primary p-4 text-center font-medium text-white transition-colors hover:bg-primary/90",
-          children: (_d = labels == null ? void 0 : labels.contactSupport) != null ? _d : "Contact Support"
-        }
-      )
-    ] }) : null
-  ] });
-}
-function FAQSortDropdown({
-  selectedSort,
-  onSortChange,
-  labels
-}) {
-  var _a, _b, _c, _d;
-  const sortOptions = [
-    { value: "helpful", label: (_a = labels == null ? void 0 : labels.helpful) != null ? _a : "Most Helpful" },
-    { value: "newest", label: (_b = labels == null ? void 0 : labels.newest) != null ? _b : "Newest" },
-    { value: "alphabetical", label: (_c = labels == null ? void 0 : labels.alphabetical) != null ? _c : "Alphabetical" }
-  ];
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ jsx(Span, { className: "text-sm text-zinc-600 dark:text-zinc-400", children: (_d = labels == null ? void 0 : labels.label) != null ? _d : "Sort" }),
-    /* @__PURE__ */ jsx("div", { className: "min-w-44", children: /* @__PURE__ */ jsx(
-      Select,
-      {
-        value: selectedSort,
-        onChange: (value) => onSortChange(value),
-        options: sortOptions
-      }
-    ) })
-  ] });
-}
-function FAQHelpfulButtons({
-  faqId,
-  initialHelpful,
-  initialNotHelpful,
-  onVote,
-  labels,
-  onVoteError
-}) {
-  var _a, _b, _c, _d;
-  const [helpful, setHelpful] = useState(initialHelpful);
-  const [notHelpful, setNotHelpful] = useState(initialNotHelpful);
-  const [userVote, setUserVote] = useState(
-    null
-  );
-  const [isPending, setIsPending] = useState(false);
-  const handleVote = async (isHelpful) => {
-    var _a2;
-    if (isPending || userVote) return;
-    try {
-      setIsPending(true);
-      await onVote({
-        faqId,
-        vote: isHelpful ? "helpful" : "not-helpful"
-      });
-      if (isHelpful) {
-        setHelpful((prev) => prev + 1);
-        setUserVote("helpful");
-      } else {
-        setNotHelpful((prev) => prev + 1);
-        setUserVote("not-helpful");
-      }
-    } catch (error) {
-      onVoteError == null ? void 0 : onVoteError((_a2 = labels == null ? void 0 : labels.voteFailed) != null ? _a2 : "Failed to record feedback", error);
-    } finally {
-      setIsPending(false);
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-zinc-100 p-6 dark:bg-slate-700", children: [
-    /* @__PURE__ */ jsx(Text, { className: "mb-3 text-sm text-zinc-600 dark:text-zinc-300", children: userVote ? (_a = labels == null ? void 0 : labels.thanksForFeedback) != null ? _a : "Thanks for your feedback" : (_b = labels == null ? void 0 : labels.wasThisHelpful) != null ? _b : "Was this helpful?" }),
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
-      /* @__PURE__ */ jsxs(
-        Button,
-        {
-          variant: "ghost",
-          onClick: () => handleVote(true),
-          disabled: isPending || userVote !== null,
-          className: `flex-1 gap-2 rounded-lg p-4 transition-all ${userVote === "helpful" ? "bg-green-600 text-white" : userVote ? "cursor-not-allowed bg-zinc-200 text-zinc-500 opacity-50 dark:bg-slate-600 dark:text-zinc-400" : "bg-white text-zinc-800 hover:bg-green-50 dark:bg-slate-800 dark:text-zinc-100 dark:hover:bg-green-900/20"}`,
-          children: [
-            /* @__PURE__ */ jsx(Span, { className: "text-sm", children: (_c = labels == null ? void 0 : labels.yes) != null ? _c : "Yes" }),
-            /* @__PURE__ */ jsxs(Span, { className: "text-sm text-zinc-500 dark:text-zinc-400", children: [
-              "(",
-              helpful,
-              ")"
-            ] })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        Button,
-        {
-          variant: "ghost",
-          onClick: () => handleVote(false),
-          disabled: isPending || userVote !== null,
-          className: `flex-1 gap-2 rounded-lg p-4 transition-all ${userVote === "not-helpful" ? "bg-red-600 text-white" : userVote ? "cursor-not-allowed bg-zinc-200 text-zinc-500 opacity-50 dark:bg-slate-600 dark:text-zinc-400" : "bg-white text-zinc-800 hover:bg-red-50 dark:bg-slate-800 dark:text-zinc-100 dark:hover:bg-red-900/20"}`,
-          children: [
-            /* @__PURE__ */ jsx(Span, { className: "text-sm", children: (_d = labels == null ? void 0 : labels.no) != null ? _d : "No" }),
-            /* @__PURE__ */ jsxs(Span, { className: "text-sm text-zinc-500 dark:text-zinc-400", children: [
-              "(",
-              notHelpful,
-              ")"
-            ] })
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-function RelatedFAQs({
-  relatedFAQs,
-  hrefForFaq,
-  labels
-}) {
-  var _a;
-  if (!relatedFAQs || relatedFAQs.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Div, { className: "rounded-xl border border-zinc-200 bg-white p-6 dark:border-slate-700 dark:bg-slate-800/60", children: [
-    /* @__PURE__ */ jsx(Heading, { level: 3, className: "mb-4 text-lg font-semibold", children: (_a = labels == null ? void 0 : labels.title) != null ? _a : "Related Questions" }),
-    /* @__PURE__ */ jsx(Div, { className: "space-y-3", children: relatedFAQs.map((faq) => /* @__PURE__ */ jsx(
-      TextLink,
-      {
-        href: hrefForFaq ? hrefForFaq(faq) : `/faqs#${faq.id}`,
-        className: "group block rounded-lg bg-zinc-100 p-4 transition-colors hover:bg-zinc-200 dark:bg-slate-700 dark:hover:bg-slate-600",
-        children: /* @__PURE__ */ jsxs(Div, { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx(
-            "svg",
-            {
-              className: "mt-0.5 h-5 w-5 flex-shrink-0 text-zinc-500 dark:text-zinc-400",
-              fill: "none",
-              stroke: "currentColor",
-              viewBox: "0 0 24 24",
-              children: /* @__PURE__ */ jsx(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx(Text, { className: "text-sm text-zinc-800 transition-colors group-hover:text-primary dark:text-zinc-100", children: faq.question }),
-          /* @__PURE__ */ jsx(
-            "svg",
-            {
-              className: "ml-auto mt-0.5 h-4 w-4 flex-shrink-0 text-zinc-500 opacity-0 transition-opacity group-hover:opacity-100 dark:text-zinc-400",
-              fill: "none",
-              stroke: "currentColor",
-              viewBox: "0 0 24 24",
-              children: /* @__PURE__ */ jsx(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M9 5l7 7-7 7"
-                }
-              )
-            }
-          )
-        ] })
-      },
-      faq.id
-    )) })
-  ] });
-}
-function ContactCTA({
-  email,
-  phone,
-  contactHref,
-  labels
-}) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  return /* @__PURE__ */ jsxs(Div, { className: "rounded-xl border border-zinc-200 bg-white p-8 text-center dark:border-slate-700 dark:bg-slate-800/60", children: [
-    /* @__PURE__ */ jsx(Div, { className: "mb-6 flex justify-center", children: /* @__PURE__ */ jsx(Div, { className: "rounded-full bg-primary/10 p-8", children: /* @__PURE__ */ jsx(
-      "svg",
-      {
-        className: "h-12 w-12 text-primary",
-        fill: "none",
-        stroke: "currentColor",
-        viewBox: "0 0 24 24",
-        children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: 2,
-            d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
-          }
-        )
-      }
-    ) }) }),
-    /* @__PURE__ */ jsx(Heading, { level: 2, className: "mb-3 text-2xl font-semibold", children: (_a = labels == null ? void 0 : labels.title) != null ? _a : "Need More Help?" }),
-    /* @__PURE__ */ jsx(Text, { className: "mx-auto mb-6 max-w-2xl text-zinc-600 dark:text-zinc-300", children: (_b = labels == null ? void 0 : labels.description) != null ? _b : "Our support team is here to help you." }),
-    /* @__PURE__ */ jsxs(Div, { className: "mb-8 grid grid-cols-1 gap-4 md:grid-cols-3", children: [
-      /* @__PURE__ */ jsxs(
-        TextLink,
-        {
-          href: `mailto:${email}`,
-          variant: "none",
-          className: "group rounded-xl bg-zinc-100 p-6 transition-colors hover:bg-zinc-200 dark:bg-slate-700 dark:hover:bg-slate-600",
-          children: [
-            /* @__PURE__ */ jsx(Text, { className: "mb-1 text-sm font-medium", children: (_c = labels == null ? void 0 : labels.emailUs) != null ? _c : "Email Us" }),
-            /* @__PURE__ */ jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: email })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        TextLink,
-        {
-          href: `tel:${phone}`,
-          variant: "none",
-          className: "group rounded-xl bg-zinc-100 p-6 transition-colors hover:bg-zinc-200 dark:bg-slate-700 dark:hover:bg-slate-600",
-          children: [
-            /* @__PURE__ */ jsx(Text, { className: "mb-1 text-sm font-medium", children: (_d = labels == null ? void 0 : labels.callUs) != null ? _d : "Call Us" }),
-            /* @__PURE__ */ jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: phone })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        TextLink,
-        {
-          href: contactHref,
-          className: "group rounded-xl bg-zinc-100 p-6 transition-colors hover:bg-zinc-200 dark:bg-slate-700 dark:hover:bg-slate-600",
-          children: [
-            /* @__PURE__ */ jsx(Text, { className: "mb-1 text-sm font-medium", children: (_e = labels == null ? void 0 : labels.contactForm) != null ? _e : "Contact Form" }),
-            /* @__PURE__ */ jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: (_f = labels == null ? void 0 : labels.submitRequest) != null ? _f : "Submit a request" })
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs(
-      TextLink,
-      {
-        href: contactHref,
-        className: "inline-flex items-center gap-2 rounded-xl bg-primary p-6 font-medium text-white transition-colors hover:bg-primary/90",
-        children: [
-          /* @__PURE__ */ jsx(Span, { children: (_g = labels == null ? void 0 : labels.contactTeam) != null ? _g : "Contact Team" }),
-          /* @__PURE__ */ jsx(
-            "svg",
-            {
-              className: "h-5 w-5",
-              fill: "none",
-              stroke: "currentColor",
-              viewBox: "0 0 24 24",
-              children: /* @__PURE__ */ jsx(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M9 5l7 7-7 7"
-                }
-              )
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-function FAQPageContent({
-  initialCategory = "all",
-  categories,
-  routeHelpers,
-  labels,
-  contact,
-  searchValue,
-  onSearchChange,
-  sortOption,
-  onSortChange,
-  renderMobileCategoryTabs,
-  renderAccordion
-}) {
-  var _a, _b;
-  const selectedCategory = initialCategory;
-  const sorts = sortOption === "helpful" ? "-stats.helpful,-priority,order" : sortOption === "alphabetical" ? "question" : "-createdAt";
-  const { faqs, total, isLoading } = useFaqList({
-    category: selectedCategory === "all" ? void 0 : selectedCategory,
-    search: searchValue.trim() || void 0,
-    sorts,
-    page: 1,
-    pageSize: 100
-  });
-  const { faqs: allMatchingFaqs } = useFaqList({
-    search: searchValue.trim() || void 0,
-    sorts: "-priority,order",
-    page: 1,
-    pageSize: 200
-  });
-  const categoryCounts = categories.reduce(
-    (acc, category) => {
-      acc[category.key] = 0;
-      return acc;
-    },
-    {}
-  );
-  allMatchingFaqs.forEach((faq) => {
-    if (faq.category in categoryCounts) {
-      categoryCounts[faq.category] += 1;
-    }
-  });
-  const handleCategorySelect = (category) => {
-    routeHelpers.navigateToCategory(category);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "py-12", children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-12 text-center", children: [
-      /* @__PURE__ */ jsx(Heading, { level: 1, className: "mb-4 text-3xl font-bold sm:text-4xl", children: labels.title }),
-      /* @__PURE__ */ jsx(Text, { className: "mx-auto max-w-2xl text-zinc-600 dark:text-zinc-300", children: labels.subtitle })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "mb-8", children: /* @__PURE__ */ jsx(
-      "input",
-      {
-        value: searchValue,
-        onChange: (e) => onSearchChange(e.target.value),
-        placeholder: labels.searchPlaceholder,
-        className: "h-11 w-full rounded-lg border border-zinc-200 bg-white px-4 text-sm text-zinc-900 outline-none ring-primary/20 transition focus:ring-2 dark:border-slate-700 dark:bg-slate-800 dark:text-zinc-100"
-      }
-    ) }),
-    /* @__PURE__ */ jsx("div", { className: "mb-8 lg:hidden", children: renderMobileCategoryTabs({
-      selectedCategory,
-      total,
-      categoryCounts,
-      onSelect: handleCategorySelect
-    }) }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-8 lg:grid-cols-12", children: [
-      /* @__PURE__ */ jsx("div", { className: "hidden lg:col-span-4 lg:block xl:col-span-3", children: /* @__PURE__ */ jsx(
-        FAQCategorySidebar,
-        {
-          selectedCategory,
-          onCategorySelect: handleCategorySelect,
-          categoryCounts,
-          categories,
-          allFaqsHref: routeHelpers.allFaqsHref,
-          categoryHref: routeHelpers.faqCategoryHref,
-          contactHref: routeHelpers.contactHref,
-          labels: {
-            title: labels.categoriesTitle,
-            allFaqs: labels.allFaqs,
-            stillHaveQuestions: labels.stillHaveQuestions,
-            contactSupport: labels.contactSupport
-          }
-        }
-      ) }),
-      /* @__PURE__ */ jsxs("div", { className: "col-span-1 lg:col-span-8 xl:col-span-9", children: [
-        /* @__PURE__ */ jsxs("div", { className: "mb-8 flex items-center justify-between gap-4", children: [
-          /* @__PURE__ */ jsxs(Text, { className: "text-sm text-zinc-600 dark:text-zinc-300", children: [
-            labels.resultCount(total),
-            selectedCategory !== "all" ? ` ${labels.inCategory((_b = (_a = categories.find((c) => c.key === selectedCategory)) == null ? void 0 : _a.label) != null ? _b : selectedCategory)}` : ""
-          ] }),
-          /* @__PURE__ */ jsx(
-            FAQSortDropdown,
-            {
-              selectedSort: sortOption,
-              onSortChange,
-              labels: {
-                label: labels.sortLabel,
-                helpful: labels.sortHelpful,
-                newest: labels.sortNewest,
-                alphabetical: labels.sortAlphabetical
-              }
-            }
-          )
-        ] }),
-        isLoading ? /* @__PURE__ */ jsx(Text, { className: "text-zinc-500 dark:text-zinc-400", children: labels.loading }) : renderAccordion ? renderAccordion(faqs) : /* @__PURE__ */ jsx(FAQAccordion, { faqs }),
-        faqs.length > 0 ? /* @__PURE__ */ jsx("div", { className: "mt-12", children: /* @__PURE__ */ jsx(
-          ContactCTA,
-          {
-            email: contact.email,
-            phone: contact.phone,
-            contactHref: routeHelpers.contactHref,
-            labels: {
-              title: labels.contactTitle,
-              description: labels.contactDescription,
-              emailUs: labels.contactEmailUs,
-              callUs: labels.contactCallUs,
-              contactForm: labels.contactForm,
-              submitRequest: labels.contactSubmitRequest,
-              contactTeam: labels.contactTeam
-            }
-          }
-        ) }) : null
-      ] })
-    ] })
-  ] });
-}
-var faqCategorySchema = z.enum([
-  "orders_payment",
-  "shipping_delivery",
-  "returns_refunds",
-  "product_information",
-  "account_security",
-  "technical_support",
-  "general"
-]);
-var faqAnswerFormatSchema = z.enum(["plain", "markdown", "html"]);
-var faqAnswerSchema = z.object({
-  text: z.string(),
-  format: faqAnswerFormatSchema
-});
-var faqStatsSchema = z.object({
-  views: z.number().optional(),
-  helpful: z.number().optional(),
-  notHelpful: z.number().optional()
-});
-var faqSchema = z.object({
-  id: z.string(),
-  question: z.string(),
-  answer: faqAnswerSchema,
-  category: faqCategorySchema,
-  showOnHomepage: z.boolean().optional(),
-  showInFooter: z.boolean().optional(),
-  isPinned: z.boolean().optional(),
-  order: z.number().optional(),
-  priority: z.number().optional(),
-  tags: z.array(z.string()).optional(),
-  relatedFAQs: z.array(z.string()).optional(),
-  stats: faqStatsSchema.optional(),
-  seo: z.object({ slug: z.string().optional() }).optional(),
-  isActive: z.boolean().optional(),
-  createdAt: z.string().optional(),
-  updatedAt: z.string().optional()
-});
-var faqListParamsSchema = z.object({
-  category: faqCategorySchema.optional(),
-  homepage: z.coerce.boolean().optional(),
-  q: z.string().optional(),
-  page: z.coerce.number().optional(),
-  perPage: z.coerce.number().optional()
-});
-
-// src/features/faq/columns/index.ts
-var faqAdminColumns = [
-  { key: "question", header: "Question", sortable: true },
-  { key: "category", header: "Category", sortable: true },
-  {
-    key: "isActive",
-    header: "Active",
-    render: (f) => f.isActive !== false ? "Yes" : "No"
-  },
-  {
-    key: "isPinned",
-    header: "Pinned",
-    render: (f) => f.isPinned ? "Yes" : "No"
-  },
-  {
-    key: "showOnHomepage",
-    header: "Homepage",
-    render: (f) => f.showOnHomepage ? "Yes" : "No"
-  },
-  {
-    key: "order",
-    header: "Order",
-    sortable: true,
-    render: (f) => {
-      var _a, _b;
-      return (_b = (_a = f.order) == null ? void 0 : _a.toLocaleString()) != null ? _b : "\u2014";
-    }
-  },
-  {
-    key: "views",
-    header: "Views",
-    sortable: true,
-    render: (f) => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = f.stats) == null ? void 0 : _a.views) == null ? void 0 : _b.toLocaleString()) != null ? _c : "\u2014";
-    }
-  },
-  { key: "createdAt", header: "Created", sortable: true }
-];
-function buildFaqColumns(opts) {
-  var _a;
-  const base = faqAdminColumns;
-  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/faq/repository/faqs.repository.ts
-var FAQsRepository = class {
-  constructor(repo) {
-    this.repo = repo;
-  }
-  async findAll(query) {
-    const base = __spreadValues({ filters: "isActive==true" }, query);
-    if (query == null ? void 0 : query.filters) {
-      base.filters = `isActive==true,${query.filters}`;
-    }
-    return this.repo.findAll(base);
-  }
-  async findByCategory(category) {
-    const result = await this.repo.findAll({
-      filters: `isActive==true,category==${category}`,
-      sort: "order",
-      perPage: 100
-    });
-    return result.data;
-  }
-  async findForHomepage() {
-    const result = await this.repo.findAll({
-      filters: "isActive==true,showOnHomepage==true",
-      sort: "priority",
-      perPage: 10
-    });
-    return result.data;
-  }
-  async findForFooter() {
-    const result = await this.repo.findAll({
-      filters: "isActive==true,showInFooter==true",
-      sort: "order",
-      perPage: 20
-    });
-    return result.data;
-  }
-  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/faq/manifest.ts
-var manifest = {
-  name: "faq",
-  i18nNamespace: "faq",
-  envKeys: [],
-  routes: [{ segment: "[locale]/faq", exports: { default: "FAQPageView" } }],
-  apiRoutes: [
-    { segment: "api/faqs", methods: ["GET", "POST"] },
-    { segment: "api/faqs/[id]", methods: ["GET", "PATCH", "DELETE"] }
-  ]
-};
-function param(url, key) {
-  return url.searchParams.get(key);
-}
-async function GET(request) {
-  try {
-    const url = new URL(request.url);
-    const parts = ["isActive==true"];
-    const category = param(url, "category");
-    if (category) parts.push(`category==${category}`);
-    const homepage = param(url, "homepage");
-    if (homepage === "true") parts.push("showOnHomepage==true");
-    const q = param(url, "q");
-    if (q) parts.push(`question@=*${q}`);
-    const filters = parts.join(",");
-    const { db } = getProviders();
-    if (!db) {
-      return NextResponse.json(
-        { success: false, error: "Database provider not registered" },
-        { status: 503 }
-      );
-    }
-    const repo = db.getRepository("faqs");
-    const result = await repo.findAll({
-      filters,
-      sort: "order",
-      order: "asc",
-      perPage: 100
-    });
-    const body = {
-      items: result.data,
-      total: result.total
-    };
-    return NextResponse.json({ success: true, data: body });
-  } catch (error) {
-    console.error("[feat-faq] GET /api/faq failed", error);
-    return NextResponse.json(
-      { success: false, error: "Failed to fetch FAQs" },
-      { 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/lucide-react.js:
-  (**
-   * @license lucide-react v1.7.0 - ISC
-   *
-   * This source code is licensed under the ISC license.
-   * See the LICENSE file in the root directory of this source tree.
-   *)
-*/
-
-export { ContactCTA, FAQAccordion, FAQCategorySidebar, FAQCategoryTabs, FAQHelpfulButtons, FAQPageContent, FAQSortDropdown, FAQsRepository, GET, RelatedFAQs, buildFaqColumns, faqAdminColumns, faqAnswerFormatSchema, faqAnswerSchema, faqCategorySchema, GET as faqGET, faqListParamsSchema, faqSchema, faqStatsSchema, manifest, useFAQ, useFAQs, useFaqList };
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+export * from "./types";
+export * from "./hooks/useFAQs";
+export * from "./hooks/useFaqList";
+export * from "./hooks/useFaqVote";
+export * from "./components";
+export * from "./schemas";
+export * from "./columns";
+export { manifest } from "./manifest";