@mohasinac/appkit 2.1.1 → 2.2.0

package/dist/features/wishlist/index.js

@@ -1,888 +1,8 @@
-"use client";
-import { z } from 'zod';
-import { useQuery } from '@tanstack/react-query';
-import React13, { createContext, forwardRef, createElement, useContext } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { twMerge } from 'tailwind-merge';
-import 'next/link';
-import 'react-dom';
-
-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;
-};
-var wishlistItemSchema = z.object({
-  id: z.string(),
-  userId: z.string(),
-  productId: z.string(),
-  productTitle: z.string().optional(),
-  productImage: z.string().optional(),
-  productPrice: z.number().optional(),
-  productCurrency: z.string().optional(),
-  productSlug: z.string().optional(),
-  productStatus: z.string().optional(),
-  addedAt: z.string().optional()
-});
-
-// src/features/wishlist/columns/index.ts
-var wishlistAdminColumns = [
-  {
-    key: "productTitle",
-    header: "Product",
-    sortable: false
-  },
-  {
-    key: "productPrice",
-    header: "Price",
-    sortable: true,
-    render: (item) => {
-      var _a;
-      return item.productPrice != null ? `${(_a = item.productCurrency) != null ? _a : "INR"} ${item.productPrice}` : "\u2014";
-    }
-  },
-  {
-    key: "productStatus",
-    header: "Status",
-    sortable: false
-  },
-  {
-    key: "addedAt",
-    header: "Added",
-    sortable: true
-  }
-];
-function buildWishlistColumns(opts) {
-  var _a, _b;
-  let base = wishlistAdminColumns;
-  if ((_a = opts == null ? void 0 : opts.omit) == null ? void 0 : _a.length) {
-    base = base.filter((c) => !opts.omit.includes(c.key));
-  }
-  if (opts == null ? void 0 : opts.overrides) {
-    base = base.map((c) => {
-      const override = opts.overrides[c.key];
-      return override ? __spreadValues(__spreadValues({}, c), override) : c;
-    });
-  }
-  if ((_b = opts == null ? void 0 : opts.extras) == null ? void 0 : _b.length) {
-    base = [...base, ...opts.extras];
-  }
-  return base;
-}
-
-// 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/wishlist/hooks/useWishlist.ts
-function useWishlist(userId, opts) {
-  var _a, _b, _c, _d, _e, _f;
-  const query = useQuery({
-    queryKey: ["wishlist", userId],
-    queryFn: () => apiClient.get(`/api/wishlist?userId=${userId}`),
-    initialData: opts == null ? void 0 : opts.initialData,
-    enabled: (opts == null ? void 0 : opts.enabled) !== false && !!userId
-  });
-  const ids = new Set(((_b = (_a = query.data) == null ? void 0 : _a.items) != null ? _b : []).map((i) => i.productId));
-  return {
-    items: (_d = (_c = query.data) == null ? void 0 : _c.items) != null ? _d : [],
-    total: (_f = (_e = query.data) == null ? void 0 : _e.total) != null ? _f : 0,
-    wishlistedIds: ids,
-    isWishlisted: (productId) => ids.has(productId),
-    isLoading: query.isLoading,
-    error: query.error,
-    refetch: query.refetch
-  };
-}
-function useUserWishlist(options) {
-  var _a, _b, _c, _d, _e;
-  const endpoint = (_a = options == null ? void 0 : options.endpoint) != null ? _a : "/api/user/wishlist";
-  const query = useQuery({
-    queryKey: (_b = options == null ? void 0 : options.queryKey) != null ? _b : ["user", "wishlist"],
-    queryFn: () => apiClient.get(endpoint),
-    enabled: (_c = options == null ? void 0 : options.enabled) != null ? _c : true,
-    initialData: options == null ? void 0 : options.initialData
-  });
-  return __spreadProps(__spreadValues({}, query), {
-    total: (_e = (_d = query.data) == null ? void 0 : _d.meta.total) != null ? _e : 0
-  });
-}
-var Section = React13.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 = React13.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className = "", children } = _b, props = __objRest(_b, ["className", "children"]);
-    return /* @__PURE__ */ jsx("aside", __spreadProps(__spreadValues({ className, ref }, props), { children }));
-  }
-);
-Aside.displayName = "Aside";
-var Div = React13.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"
-  }};
-function Heading(_a) {
-  var _b = _a, {
-    level = 1,
-    variant = "primary",
-    className = "",
-    children
-  } = _b, props = __objRest(_b, [
-    "level",
-    "variant",
-    "className",
-    "children"
-  ]);
-  const Tag = `h${level}`;
-  const { typography, themed } = UI_THEME;
-  const sizeClasses2 = {
-    1: typography.h1,
-    2: typography.h2,
-    3: typography.h3,
-    4: typography.h4,
-    5: typography.h5,
-    6: typography.h6
-  };
-  const variantClasses = {
-    primary: themed.textPrimary,
-    secondary: themed.textSecondary,
-    muted: themed.textMuted,
-    none: ""
-  };
-  return /* @__PURE__ */ jsx(
-    Tag,
-    __spreadProps(__spreadValues({
-      className: `${sizeClasses2[level]} ${variantClasses[variant]} ${className}`
-    }, props), {
-      children
-    })
-  );
-}
-function Text(_a) {
-  var _b = _a, {
-    variant = "primary",
-    size = "base",
-    weight = "normal",
-    className = "",
-    as: Tag = "p",
-    children
-  } = _b, props = __objRest(_b, [
-    "variant",
-    "size",
-    "weight",
-    "className",
-    "as",
-    "children"
-  ]);
-  const { typography, themed } = UI_THEME;
-  const sizeClasses2 = {
-    xs: typography.xs,
-    sm: typography.small,
-    base: typography.body,
-    lg: "text-lg",
-    xl: "text-xl"
-  };
-  const weightClasses = {
-    normal: "font-normal",
-    medium: "font-medium",
-    semibold: "font-semibold",
-    bold: "font-bold"
-  };
-  const variantClasses = {
-    primary: themed.textPrimary,
-    secondary: themed.textSecondary,
-    muted: themed.textMuted,
-    error: themed.textError,
-    success: themed.textSuccess,
-    none: ""
-  };
-  return /* @__PURE__ */ jsx(
-    Tag,
-    __spreadProps(__spreadValues({
-      className: `${sizeClasses2[size]} ${weightClasses[weight]} ${variantClasses[variant]} ${className}`
-    }, props), {
-      children
-    })
-  );
-}
-
-// 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/loader-circle.js
-var __iconNode = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-var LoaderCircle = createLucideIcon("loader-circle", __iconNode);
-var UI_BUTTON = {
-  base: "inline-flex items-center justify-center font-medium rounded-xl transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed",
-  active: "active:scale-95",
-  variants: {
-    primary: "bg-primary-600 text-white hover:bg-primary-700 active:bg-primary-800 shadow-sm focus:ring-primary-500/30 dark:bg-secondary-500 dark:text-white dark:hover:bg-secondary-400 dark:active:bg-secondary-600 dark:focus:ring-secondary-400/30",
-    secondary: "bg-primary-700 text-white hover:bg-primary-600 active:bg-primary-800 shadow-md focus:ring-primary-500 dark:bg-secondary-700 dark:text-white dark:hover:bg-secondary-600 dark:active:bg-secondary-800 dark:focus:ring-secondary-500",
-    outline: "border border-zinc-200 dark:border-slate-700 bg-white dark:bg-transparent text-zinc-900 dark:text-zinc-100 hover:bg-zinc-50 dark:hover:bg-slate-800 focus:ring-zinc-400",
-    ghost: "text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-slate-800 focus:ring-zinc-400",
-    danger: "bg-red-600 text-white hover:bg-red-500 active:bg-red-700 shadow-sm shadow-red-600/10 focus:ring-red-500",
-    warning: "bg-amber-500 text-white hover:bg-amber-400 active:bg-amber-600 shadow-sm shadow-amber-500/10 focus:ring-amber-500"
-  },
-  sizes: {
-    sm: "px-2.5 py-1.5 text-xs sm:px-3 sm:text-sm gap-1.5 min-h-[36px]",
-    md: "px-3 py-2 text-sm sm:px-4 sm:py-2.5 sm:text-base gap-2 min-h-[44px]",
-    lg: "px-4 py-2.5 text-base sm:px-6 sm:py-3 sm:text-lg gap-2.5 min-h-[44px]"
-  }
-};
-function Button(_a) {
-  var _b = _a, {
-    variant = "primary",
-    size = "md",
-    className = "",
-    isLoading = false,
-    disabled,
-    children
-  } = _b, props = __objRest(_b, [
-    "variant",
-    "size",
-    "className",
-    "isLoading",
-    "disabled",
-    "children"
-  ]);
-  return /* @__PURE__ */ jsxs(
-    "button",
-    __spreadProps(__spreadValues({
-      className: twMerge(
-        UI_BUTTON.base,
-        UI_BUTTON.active,
-        UI_BUTTON.variants[variant],
-        UI_BUTTON.sizes[size],
-        className
-      ),
-      disabled: disabled || isLoading,
-      "aria-busy": isLoading || void 0
-    }, props), {
-      children: [
-        isLoading && /* @__PURE__ */ jsx(
-          LoaderCircle,
-          {
-            className: "w-4 h-4 animate-spin flex-shrink-0",
-            "aria-hidden": "true"
-          }
-        ),
-        isLoading ? /* @__PURE__ */ jsx("span", { className: "opacity-70", children }) : children
-      ]
-    })
-  );
-}
-createContext(null);
-var 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 }));
-}
-
-// src/utils/number.formatter.ts
-function formatCurrency(amount, currency = "INR", locale = "en-IN") {
-  return new Intl.NumberFormat(locale, { style: "currency", currency }).format(
-    amount
-  );
-}
-function WishlistCard({
-  item,
-  onRemove,
-  onProductClick
-}) {
-  var _a, _b;
-  return /* @__PURE__ */ jsxs(Div, { className: "flex gap-4 rounded-xl border border-neutral-200 bg-white p-4", children: [
-    /* @__PURE__ */ jsx(
-      Div,
-      {
-        role: onProductClick ? "button" : void 0,
-        tabIndex: onProductClick ? 0 : void 0,
-        onClick: onProductClick ? () => onProductClick(item) : void 0,
-        onKeyDown: onProductClick ? (e) => e.key === "Enter" && onProductClick(item) : void 0,
-        className: `h-20 w-20 flex-shrink-0 overflow-hidden rounded-lg bg-neutral-100 ${onProductClick ? "cursor-pointer" : ""}`,
-        children: item.productImage && /* @__PURE__ */ jsx(
-          Div,
-          {
-            role: "img",
-            "aria-label": (_a = item.productTitle) != null ? _a : "",
-            className: "h-full w-full bg-center bg-cover",
-            style: { backgroundImage: `url(${item.productImage})` }
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxs(Div, { className: "flex flex-1 flex-col justify-between", children: [
-      /* @__PURE__ */ jsx(Text, { className: "font-medium text-neutral-900 line-clamp-2", children: item.productTitle }),
-      item.productPrice !== void 0 && /* @__PURE__ */ jsx(Text, { className: "text-sm font-semibold text-neutral-900", children: formatCurrency(item.productPrice, (_b = item.productCurrency) != null ? _b : "INR") })
-    ] }),
-    onRemove && /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "button",
-        variant: "ghost",
-        size: "sm",
-        onClick: () => onRemove(item.id),
-        "aria-label": "Remove from wishlist",
-        className: "self-start text-neutral-400 transition hover:text-red-500",
-        children: "\u2715"
-      }
-    )
-  ] });
-}
-function WishlistPage({
-  items,
-  isLoading,
-  onRemove,
-  onProductClick,
-  emptyLabel = "Your wishlist is empty"
-}) {
-  if (isLoading) {
-    return /* @__PURE__ */ jsx(Div, { className: "space-y-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs(
-      Div,
-      {
-        className: "flex animate-pulse gap-4 rounded-xl border border-neutral-200 p-4",
-        children: [
-          /* @__PURE__ */ jsx(Div, { className: "h-20 w-20 rounded-lg bg-neutral-200" }),
-          /* @__PURE__ */ jsxs(Div, { className: "flex-1 space-y-2", children: [
-            /* @__PURE__ */ jsx(Div, { className: "h-4 w-3/4 rounded bg-neutral-200" }),
-            /* @__PURE__ */ jsx(Div, { className: "h-4 w-1/3 rounded bg-neutral-200" })
-          ] })
-        ]
-      },
-      i
-    )) });
-  }
-  if (items.length === 0) {
-    return /* @__PURE__ */ jsx(Text, { className: "py-16 text-center text-sm text-neutral-500", children: emptyLabel });
-  }
-  return /* @__PURE__ */ jsx(Div, { className: "space-y-4", children: items.map((item) => /* @__PURE__ */ jsx(
-    WishlistCard,
-    {
-      item,
-      onRemove,
-      onProductClick
-    },
-    item.id
-  )) });
-}
-var sizeClasses = {
-  sm: "w-7 h-7",
-  md: "w-9 h-9",
-  lg: "w-11 h-11"
-};
-function WishlistToggleButton({
-  inWishlist,
-  isLoading = false,
-  onToggle,
-  addLabel,
-  removeLabel,
-  className = "",
-  size = "md"
-}) {
-  const label = inWishlist ? removeLabel : addLabel;
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      type: "button",
-      onClick: onToggle,
-      disabled: isLoading,
-      "aria-label": label,
-      title: label,
-      className: `
-        flex items-center justify-center rounded-full
-        transition-all duration-150
-        ${inWishlist ? "bg-rose-50 text-rose-500 hover:bg-rose-100" : "bg-white/80 text-zinc-400 hover:text-rose-400"}
-        ${sizeClasses[size]}
-        ${isLoading ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
-        ${className}
-      `,
-      children: /* @__PURE__ */ jsx(
-        "svg",
-        {
-          className: "w-4/6 h-4/6",
-          viewBox: "0 0 24 24",
-          fill: inWishlist ? "currentColor" : "none",
-          stroke: "currentColor",
-          strokeWidth: 2,
-          children: /* @__PURE__ */ jsx(
-            "path",
-            {
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              d: "M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"
-            }
-          )
-        }
-      )
-    }
-  );
-}
-function WishlistView({
-  userId,
-  initialData,
-  labels = {},
-  renderTabs,
-  renderSearch,
-  renderSort,
-  renderViewToggle,
-  renderProducts,
-  renderTabPlaceholder,
-  renderBulkActions,
-  renderPagination,
-  className = ""
-}) {
-  var _a, _b, _c;
-  const [activeTab, setActiveTab] = React13.useState("products");
-  const [search, setSearch] = React13.useState("");
-  const [sort, setSort] = React13.useState("-addedAt");
-  const [viewMode, setViewMode] = React13.useState("card");
-  const [selectedIds, setSelectedIds] = React13.useState([]);
-  const { items, total, isLoading } = useWishlist(userId, { initialData });
-  const displayedItems = React13.useMemo(() => {
-    if (activeTab !== "products") return [];
-    let result = [...items];
-    const q = search.trim().toLowerCase();
-    if (q) {
-      result = result.filter(
-        (i) => {
-          var _a2, _b2;
-          return ((_a2 = i.productTitle) != null ? _a2 : "").toLowerCase().includes(q) || ((_b2 = i.productSlug) != null ? _b2 : "").toLowerCase().includes(q);
-        }
-      );
-    }
-    result.sort((a, b) => {
-      var _a2, _b2, _c2, _d;
-      const desc = sort.startsWith("-");
-      const field = desc ? sort.slice(1) : sort;
-      if (field === "price") {
-        const av2 = (_a2 = a.productPrice) != null ? _a2 : 0;
-        const bv2 = (_b2 = b.productPrice) != null ? _b2 : 0;
-        return desc ? bv2 - av2 : av2 - bv2;
-      }
-      const av = new Date((_c2 = a.addedAt) != null ? _c2 : "").getTime();
-      const bv = new Date((_d = b.addedAt) != null ? _d : "").getTime();
-      return desc ? bv - av : av - bv;
-    });
-    return result;
-  }, [items, activeTab, search, sort]);
-  return /* @__PURE__ */ jsx(Div, { className: `min-h-screen ${className}`, children: /* @__PURE__ */ jsxs(Div, { className: "py-8 px-4 max-w-screen-xl mx-auto", children: [
-    /* @__PURE__ */ jsx(Heading, { level: 1, className: "text-2xl font-bold mb-1", children: (_a = labels.title) != null ? _a : "My Wishlist" }),
-    total > 0 && /* @__PURE__ */ jsx(Text, { variant: "secondary", className: "mb-4", children: (_b = labels.subtitle) != null ? _b : `${total} saved items` }),
-    renderTabs == null ? void 0 : renderTabs(activeTab, setActiveTab),
-    activeTab === "products" && /* @__PURE__ */ jsxs(Row, { wrap: true, gap: "3", className: "mb-4", children: [
-      renderSearch == null ? void 0 : renderSearch(search, setSearch),
-      renderSort == null ? void 0 : renderSort(sort, setSort),
-      renderViewToggle == null ? void 0 : renderViewToggle(viewMode, setViewMode)
-    ] }),
-    selectedIds.length > 0 && (renderBulkActions == null ? void 0 : renderBulkActions(selectedIds, () => setSelectedIds([]))),
-    activeTab === "products" ? renderProducts(displayedItems, isLoading) : (_c = renderTabPlaceholder == null ? void 0 : renderTabPlaceholder(activeTab)) != null ? _c : /* @__PURE__ */ jsx(Div, { className: "py-16 text-center", children: /* @__PURE__ */ jsx(Text, { variant: "secondary", children: "Coming soon" }) }),
-    renderPagination == null ? void 0 : renderPagination(total)
-  ] }) });
-}
-
-// src/features/wishlist/repository/wishlist.repository.ts
-var WishlistRepository = class {
-  constructor(repo) {
-    this.repo = repo;
-  }
-  async findByUser(userId) {
-    const result = await this.repo.findAll({
-      filters: `userId==${userId}`,
-      sort: "-addedAt",
-      perPage: 200
-    });
-    return result.data;
-  }
-  async findAll(query) {
-    return this.repo.findAll(query != null ? query : {});
-  }
-  async findById(id) {
-    return this.repo.findById(id);
-  }
-  async add(data) {
-    return this.repo.create(data);
-  }
-  async remove(id) {
-    return this.repo.delete(id);
-  }
-  async update(id, data) {
-    return this.repo.update(id, data);
-  }
-  async delete(id) {
-    return this.repo.delete(id);
-  }
-};
-
-// src/features/wishlist/manifest.ts
-var manifest = {
-  name: "wishlist",
-  i18nNamespace: "wishlist",
-  envKeys: [],
-  routes: [
-    { segment: "[locale]/wishlist", exports: { default: "WishlistView" } }
-  ],
-  apiRoutes: [
-    { segment: "api/wishlist", methods: ["GET", "POST"] },
-    { segment: "api/wishlist/[id]", methods: ["DELETE"] }
-  ]
-};
-/*! 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/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 { WishlistCard, WishlistPage, WishlistRepository, WishlistToggleButton, WishlistView, buildWishlistColumns, manifest, useUserWishlist, useWishlist, wishlistAdminColumns, wishlistItemSchema };
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+export * from "./types";
+export * from "./schemas";
+export * from "./columns";
+export * from "./hooks/useWishlist";
+export * from "./hooks/useUserWishlist";
+export * from "./hooks/useWishlistToggle";
+export * from "./components";
+export { manifest } from "./manifest";