@salla.sa/twilight-theme-engine 1.0.0-beta.4

package/dist/chunk-UIX3W2PN.js

@@ -0,0 +1,56 @@
+import { useTranslation } from './chunk-VVRYP6IL.js';
+import { useAsyncFn } from './chunk-6BZ5TKEV.js';
+import { useState, useEffect, useCallback } from 'react';
+
+var LIKED_BLOGS_KEY = "liked_blogs";
+function useBlogLike(blogId, initialCount = 0) {
+  const [likedBlogs, setLikedBlogs] = useState([]);
+  useEffect(() => {
+    try {
+      const stored = localStorage.getItem(LIKED_BLOGS_KEY);
+      if (stored) setLikedBlogs(JSON.parse(stored));
+    } catch (_error) {
+    }
+  }, []);
+  useEffect(() => {
+    try {
+      localStorage.setItem(LIKED_BLOGS_KEY, JSON.stringify(likedBlogs));
+    } catch (_error) {
+    }
+  }, [likedBlogs]);
+  const [count, setCount] = useState(initialCount);
+  const { t } = useTranslation();
+  const active = likedBlogs.includes(blogId);
+  const [addState, addFn] = useAsyncFn(async () => {
+    const salla = window.salla;
+    if (salla?.config?.isGuest?.()) {
+      salla.notify.error(t("common.messages.must_login", "Please login first"));
+      return;
+    }
+    await salla?.api.request(`blogs/${blogId}/like`, {}, "put");
+    setLikedBlogs((prev) => prev.includes(blogId) ? prev : [...prev, blogId]);
+    setCount((prev) => prev + 1);
+  }, [blogId, setLikedBlogs]);
+  const [removeState, removeFn] = useAsyncFn(async () => {
+    const salla = window.salla;
+    await salla?.api.request(`blogs/${blogId}/unlike`, {}, "delete");
+    setLikedBlogs((prev) => prev.filter((id) => id !== blogId));
+    setCount((prev) => Math.max(0, prev - 1));
+  }, [blogId, setLikedBlogs]);
+  const add = async () => !(await addFn() instanceof Error);
+  const remove = async () => !(await removeFn() instanceof Error);
+  const toggle = useCallback(() => active ? remove() : add(), [active, addFn, removeFn]);
+  return {
+    active,
+    count,
+    add,
+    remove,
+    toggle,
+    loading: addState.loading || removeState.loading,
+    error: (addState.error ?? removeState.error)?.message ?? null
+  };
+}
+
+export { useBlogLike };
+//# sourceMappingURL=chunk-UIX3W2PN.js.map
+//# sourceMappingURL=chunk-UIX3W2PN.js.map

package/dist/chunk-UIX3W2PN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useBlogLike.ts"],"names":[],"mappings":"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","file":"chunk-UIX3W2PN.js","sourcesContent":["import { useState, useCallback, useEffect } from 'react';\nimport { useAsyncFn } from './useAsyncFn';\nimport { useTranslation } from '../providers/i18n';\nimport type { UseToggle } from './types';\n\n/**\n * UseBlogLikeResult - Return type for useBlogLike hook\n */\nexport type UseBlogLikeResult = UseToggle;\n\n/**\n * useBlogLike - Hook for managing blog like functionality\n *\n * Handles blog likes with local storage persistence to remember liked blogs\n * across sessions. Integrates with the Salla SDK for API operations and\n * maintains like counts.\n *\n * @param blogId - The ID of the blog to manage likes for\n * @param initialCount - Initial like count (optional, defaults to 0)\n *\n * @returns Blog like state and management functions\n *\n * @example\n * ```tsx\n * function BlogLikeButton({ blogId, initialCount }) {\n *   const { active, count, toggle, loading } = useBlogLike(blogId, initialCount);\n *\n *   return (\n *     <button\n *       onClick={toggle}\n *       disabled={loading}\n *       className={active ? 'liked' : ''}\n *     >\n *       {loading ? (\n *         <span className=\"loader loader--small\"></span>\n *       ) : (\n *         <i className=\"sicon-thumbs-up\"></i>\n *       )}\n *       {count}\n *     </button>\n *   );\n * }\n * ```\n */\n\nconst LIKED_BLOGS_KEY = 'liked_blogs';\n\nexport function useBlogLike(blogId: number, initialCount: number = 0): UseBlogLikeResult {\n  const [likedBlogs, setLikedBlogs] = useState<number[]>([]);\n\n  useEffect(() => {\n    try {\n      const stored = localStorage.getItem(LIKED_BLOGS_KEY);\n      if (stored) setLikedBlogs(JSON.parse(stored));\n    } catch (_error) {\n      /* ignore storage errors */\n    }\n  }, []);\n\n  useEffect(() => {\n    try {\n      localStorage.setItem(LIKED_BLOGS_KEY, JSON.stringify(likedBlogs));\n    } catch (_error) {\n      /* ignore storage errors */\n    }\n  }, [likedBlogs]);\n  const [count, setCount] = useState(initialCount);\n  const { t } = useTranslation();\n\n  const active = likedBlogs.includes(blogId);\n\n  const [addState, addFn] = useAsyncFn(async () => {\n    const salla = window.salla;\n    if (salla?.config?.isGuest?.()) {\n      salla.notify.error(t('common.messages.must_login', 'Please login first'));\n      return;\n    }\n    await salla?.api.request(`blogs/${blogId}/like`, {}, 'put');\n    setLikedBlogs((prev) => (prev.includes(blogId) ? prev : [...prev, blogId]));\n    setCount((prev) => prev + 1);\n  }, [blogId, setLikedBlogs]);\n\n  const [removeState, removeFn] = useAsyncFn(async () => {\n    const salla = window.salla;\n    await salla?.api.request(`blogs/${blogId}/unlike`, {}, 'delete');\n    setLikedBlogs((prev) => prev.filter((id) => id !== blogId));\n    setCount((prev) => Math.max(0, prev - 1));\n  }, [blogId, setLikedBlogs]);\n\n  const add = async (): Promise<boolean> => !(((await addFn()) as unknown) instanceof Error);\n  const remove = async (): Promise<boolean> => !(((await removeFn()) as unknown) instanceof Error);\n\n  const toggle = useCallback(() => (active ? remove() : add()), [active, addFn, removeFn]);\n\n  return {\n    active,\n    count,\n    add,\n    remove,\n    toggle,\n    loading: addState.loading || removeState.loading,\n    error: (addState.error ?? removeState.error)?.message ?? null,\n  };\n}\n"]}

package/dist/chunk-VVRYP6IL.js

@@ -0,0 +1,61 @@
+import { FALLBACK_LANGUAGE_NAME, FALLBACK_DIR, FALLBACK_LOCALE, getLanguageInfo } from './chunk-T72DAX7R.js';
+import { useTranslation as useTranslation$1, I18nextProvider } from 'react-i18next';
+import React, { createContext, useContext, useMemo, useEffect } from 'react';
+
+var I18nContext = createContext({
+  locale: FALLBACK_LOCALE,
+  direction: FALLBACK_DIR,
+  isRTL: true,
+  isLTR: false,
+  languageName: FALLBACK_LANGUAGE_NAME
+});
+function useTranslation(ns) {
+  const ctx = useContext(I18nContext);
+  const { t, i18n, ready } = useTranslation$1(ns);
+  return { ...ctx, t, i18n, ready };
+}
+function I18nProvider({
+  i18nInstance,
+  themeTranslations,
+  children
+}) {
+  const i18n = useMemo(() => {
+    if (themeTranslations) {
+      const locale2 = i18nInstance.language;
+      const transKey = `${locale2}.trans`;
+      const themeResources = themeTranslations[transKey] ?? {};
+      if (Object.keys(themeResources).length > 0) {
+        i18nInstance.addResourceBundle(locale2, "theme", themeResources, true, true);
+      }
+    }
+    return i18nInstance;
+  }, [i18nInstance, themeTranslations]);
+  const locale = i18n.language;
+  const info = useMemo(() => getLanguageInfo(locale), [locale]);
+  const contextValue = useMemo(
+    () => ({
+      locale,
+      direction: info.dir,
+      isRTL: info.dir === "rtl",
+      isLTR: info.dir === "ltr",
+      languageName: info.name
+    }),
+    [locale, info]
+  );
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    const appTranslations = i18n.getResourceBundle(locale, "app") ?? {};
+    window.translations = {
+      [`${locale}.trans`]: appTranslations
+    };
+  }, [i18n, locale]);
+  return React.createElement(
+    I18nContext.Provider,
+    { value: contextValue },
+    React.createElement(I18nextProvider, { i18n }, children)
+  );
+}
+
+export { I18nProvider, useTranslation };
+//# sourceMappingURL=chunk-VVRYP6IL.js.map
+//# sourceMappingURL=chunk-VVRYP6IL.js.map

package/dist/chunk-VVRYP6IL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/providers/i18n.ts"],"names":["useTranslationBase","locale"],"mappings":";;;;AA4CA,IAAM,cAAc,aAAA,CAAgC;AAAA,EAClD,MAAA,EAAQ,eAAA;AAAA,EACR,SAAA,EAAW,YAAA;AAAA,EACX,KAAA,EAAO,IAAA;AAAA,EACP,KAAA,EAAO,KAAA;AAAA,EACP,YAAA,EAAc;AAChB,CAAC,CAAA;AAEM,SAAS,eAAe,EAAA,EAAwB;AACrD,EAAA,MAAM,GAAA,GAAM,WAAW,WAAW,CAAA;AAClC,EAAA,MAAM,EAAE,CAAA,EAAG,IAAA,EAAM,KAAA,EAAM,GAAIA,iBAAmB,EAAE,CAAA;AAChD,EAAA,OAAO,EAAE,GAAG,GAAA,EAAK,CAAA,EAAG,MAAM,KAAA,EAAM;AAClC;AAIO,SAAS,YAAA,CAAa;AAAA,EAC3B,YAAA;AAAA,EACA,iBAAA;AAAA,EACA;AACF,CAAA,EAA0C;AAExC,EAAA,MAAM,IAAA,GAAO,QAAQ,MAAM;AACzB,IAAA,IAAI,iBAAA,EAAmB;AACrB,MAAA,MAAMC,UAAS,YAAA,CAAa,QAAA;AAC5B,MAAA,MAAM,QAAA,GAAW,GAAGA,OAAM,CAAA,MAAA,CAAA;AAC1B,MAAA,MAAM,cAAA,GAAiB,iBAAA,CAAkB,QAAQ,CAAA,IAAK,EAAC;AAQvD,MAAA,IAAI,MAAA,CAAO,IAAA,CAAK,cAAc,CAAA,CAAE,SAAS,CAAA,EAAG;AAC1C,QAAA,YAAA,CAAa,iBAAA,CAAkBA,OAAAA,EAAQ,OAAA,EAAS,cAAA,EAAgB,MAAM,IAAI,CAAA;AAAA,MAC5E;AAAA,IACF;AACA,IAAA,OAAO,YAAA;AAAA,EACT,CAAA,EAAG,CAAC,YAAA,EAAc,iBAAiB,CAAC,CAAA;AAGpC,EAAA,MAAM,SAAS,IAAA,CAAK,QAAA;AACpB,EAAA,MAAM,IAAA,GAAO,QAAQ,MAAM,eAAA,CAAgB,MAAM,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAE5D,EAAA,MAAM,YAAA,GAAe,OAAA;AAAA,IACnB,OAAO;AAAA,MACL,MAAA;AAAA,MACA,WAAW,IAAA,CAAK,GAAA;AAAA,MAChB,KAAA,EAAO,KAAK,GAAA,KAAQ,KAAA;AAAA,MACpB,KAAA,EAAO,KAAK,GAAA,KAAQ,KAAA;AAAA,MACpB,cAAc,IAAA,CAAK;AAAA,KACrB,CAAA;AAAA,IACA,CAAC,QAAQ,IAAI;AAAA,GACf;AAGA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AAEnC,IAAA,MAAM,kBAAkB,IAAA,CAAK,iBAAA,CAAkB,MAAA,EAAQ,KAAK,KAAK,EAAC;AAClE,IAAA,MAAA,CAAO,YAAA,GAAe;AAAA,MACpB,CAAC,CAAA,EAAG,MAAM,CAAA,MAAA,CAAQ,GAAG;AAAA,KACvB;AAAA,EACF,CAAA,EAAG,CAAC,IAAA,EAAM,MAAM,CAAC,CAAA;AAEjB,EAAA,OAAO,KAAA,CAAM,aAAA;AAAA,IACX,WAAA,CAAY,QAAA;AAAA,IACZ,EAAE,OAAO,YAAA,EAAa;AAAA,IACtB,MAAM,aAAA,CAAc,eAAA,EAAiB,EAAE,IAAA,IAAQ,QAAQ;AAAA,GACzD;AACF","file":"chunk-VVRYP6IL.js","sourcesContent":["import { I18nextProvider, useTranslation as useTranslationBase } from 'react-i18next';\nimport React, { createContext, useContext, useEffect, useMemo, type ReactNode } from 'react';\nimport type { i18n } from 'i18next';\nimport {\n  FALLBACK_LOCALE,\n  FALLBACK_DIR,\n  FALLBACK_LANGUAGE_NAME,\n  getLanguageInfo,\n} from './locale-constants';\nimport type { TranslationMessages } from './i18n-factory';\n\nexport type { TranslationMessages } from './i18n-factory';\n\nexport {\n  FALLBACK_LOCALE,\n  FALLBACK_DIR,\n  FALLBACK_LANGUAGE_NAME,\n  RTL_LOCALES,\n  SUPPORTED_LOCALES,\n  isLocale,\n  getLanguageInfo,\n  type Locale,\n} from './locale-constants';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface I18nProviderProps {\n  /** Required: shared i18n instance from twilight context */\n  i18nInstance: i18n;\n  /** Theme translations to merge (from theme app) */\n  themeTranslations?: TranslationMessages;\n  children: ReactNode;\n}\n\nexport interface I18nContextValue {\n  locale: string;\n  direction: 'ltr' | 'rtl';\n  isRTL: boolean;\n  isLTR: boolean;\n  languageName: string;\n}\n\n// ─── Context ──────────────────────────────────────────────────────────────────\n\nconst I18nContext = createContext<I18nContextValue>({\n  locale: FALLBACK_LOCALE,\n  direction: FALLBACK_DIR,\n  isRTL: true,\n  isLTR: false,\n  languageName: FALLBACK_LANGUAGE_NAME,\n});\n\nexport function useTranslation(ns?: string | string[]) {\n  const ctx = useContext(I18nContext);\n  const { t, i18n, ready } = useTranslationBase(ns);\n  return { ...ctx, t, i18n, ready };\n}\n\n// ─── Provider ─────────────────────────────────────────────────────────────────\n\nexport function I18nProvider({\n  i18nInstance,\n  themeTranslations,\n  children,\n}: I18nProviderProps): React.ReactElement {\n  // Use provided i18n instance, merge theme translations if provided\n  const i18n = useMemo(() => {\n    if (themeTranslations) {\n      const locale = i18nInstance.language;\n      const transKey = `${locale}.trans`;\n      const themeResources = themeTranslations[transKey] ?? {};\n\n      // Merge the theme translations into the `theme` namespace.\n      // The instance is created (in rootBeforeLoad) with an empty `theme: {}`\n      // bundle, so `hasResourceBundle(locale, 'theme')` is already `true` — a\n      // guard on it would skip loading the real translations and every\n      // theme-only key would fall back to its default. Deep-merge with\n      // overwrite instead, only when there is something to add.\n      if (Object.keys(themeResources).length > 0) {\n        i18nInstance.addResourceBundle(locale, 'theme', themeResources, true, true);\n      }\n    }\n    return i18nInstance;\n  }, [i18nInstance, themeTranslations]);\n\n  // Extract locale from i18n instance\n  const locale = i18n.language;\n  const info = useMemo(() => getLanguageInfo(locale), [locale]);\n\n  const contextValue = useMemo<I18nContextValue>(\n    () => ({\n      locale,\n      direction: info.dir,\n      isRTL: info.dir === 'rtl',\n      isLTR: info.dir === 'ltr',\n      languageName: info.name,\n    }),\n    [locale, info]\n  );\n\n  // Client SDK sync — extract translations from i18n instance\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    const appTranslations = i18n.getResourceBundle(locale, 'app') ?? {};\n    window.translations = {\n      [`${locale}.trans`]: appTranslations,\n    };\n  }, [i18n, locale]);\n\n  return React.createElement(\n    I18nContext.Provider,\n    { value: contextValue },\n    React.createElement(I18nextProvider, { i18n }, children)\n  );\n}\n"]}

package/dist/chunk-VVZNW5CB.js

@@ -0,0 +1,49 @@
+// src/utils/color.ts
+function hexToRgb(hex) {
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  if (!result) {
+    return { r: 0, g: 0, b: 0 };
+  }
+  return {
+    r: parseInt(result[1], 16),
+    g: parseInt(result[2], 16),
+    b: parseInt(result[3], 16)
+  };
+}
+function rgbToHex(r, g, b) {
+  return "#" + [r, g, b].map((x) => {
+    const hex = Math.max(0, Math.min(255, Math.round(x))).toString(16);
+    return hex.length === 1 ? "0" + hex : hex;
+  }).join("");
+}
+function color(primary) {
+  const { r, g, b } = hexToRgb(primary);
+  const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+  const isDark = luminance < 0.5;
+  return {
+    /** Primary color hex */
+    primary,
+    /** Contrast text color (black or white) */
+    text: isDark ? "#FFFFFF" : "#000000",
+    /** Whether primary is a dark color */
+    isDark,
+    /** Darken the color by amount (0-1) */
+    darken: (amount) => {
+      const factor = 1 - Math.max(0, Math.min(1, amount));
+      return rgbToHex(r * factor, g * factor, b * factor);
+    },
+    /** Lighten the color by amount (0-1) */
+    lighten: (amount) => {
+      const factor = Math.max(0, Math.min(1, amount));
+      return rgbToHex(r + (255 - r) * factor, g + (255 - g) * factor, b + (255 - b) * factor);
+    },
+    /** Invert the color */
+    invert: () => rgbToHex(255 - r, 255 - g, 255 - b),
+    /** Get RGB values */
+    rgb: () => ({ r, g, b })
+  };
+}
+
+export { color };
+//# sourceMappingURL=chunk-VVZNW5CB.js.map
+//# sourceMappingURL=chunk-VVZNW5CB.js.map

package/dist/chunk-VVZNW5CB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/color.ts"],"names":[],"mappings":";AAUA,SAAS,SAAS,GAAA,EAAkB;AAClC,EAAA,MAAM,MAAA,GAAS,2CAAA,CAA4C,IAAA,CAAK,GAAG,CAAA;AACnE,EAAA,IAAI,CAAC,MAAA,EAAQ;AACX,IAAA,OAAO,EAAE,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,EAC5B;AACA,EAAA,OAAO;AAAA,IACL,CAAA,EAAG,QAAA,CAAS,MAAA,CAAO,CAAC,GAAG,EAAE,CAAA;AAAA,IACzB,CAAA,EAAG,QAAA,CAAS,MAAA,CAAO,CAAC,GAAG,EAAE,CAAA;AAAA,IACzB,CAAA,EAAG,QAAA,CAAS,MAAA,CAAO,CAAC,GAAG,EAAE;AAAA,GAC3B;AACF;AAEA,SAAS,QAAA,CAAS,CAAA,EAAW,CAAA,EAAW,CAAA,EAAmB;AACzD,EAAA,OACE,GAAA,GACA,CAAC,CAAA,EAAG,CAAA,EAAG,CAAC,CAAA,CACL,GAAA,CAAI,CAAC,CAAA,KAAM;AACV,IAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,KAAK,GAAA,CAAI,GAAA,EAAK,IAAA,CAAK,KAAA,CAAM,CAAC,CAAC,CAAC,CAAA,CAAE,SAAS,EAAE,CAAA;AACjE,IAAA,OAAO,GAAA,CAAI,MAAA,KAAW,CAAA,GAAI,GAAA,GAAM,GAAA,GAAM,GAAA;AAAA,EACxC,CAAC,CAAA,CACA,IAAA,CAAK,EAAE,CAAA;AAEd;AAYO,SAAS,MAAM,OAAA,EAAiB;AACrC,EAAA,MAAM,EAAE,CAAA,EAAG,CAAA,EAAG,CAAA,EAAE,GAAI,SAAS,OAAO,CAAA;AACpC,EAAA,MAAM,aAAa,KAAA,GAAQ,CAAA,GAAI,KAAA,GAAQ,CAAA,GAAI,QAAQ,CAAA,IAAK,GAAA;AACxD,EAAA,MAAM,SAAS,SAAA,GAAY,GAAA;AAE3B,EAAA,OAAO;AAAA;AAAA,IAEL,OAAA;AAAA;AAAA,IAEA,IAAA,EAAM,SAAS,SAAA,GAAY,SAAA;AAAA;AAAA,IAE3B,MAAA;AAAA;AAAA,IAEA,MAAA,EAAQ,CAAC,MAAA,KAAmB;AAC1B,MAAA,MAAM,MAAA,GAAS,IAAI,IAAA,CAAK,GAAA,CAAI,GAAG,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,MAAM,CAAC,CAAA;AAClD,MAAA,OAAO,SAAS,CAAA,GAAI,MAAA,EAAQ,CAAA,GAAI,MAAA,EAAQ,IAAI,MAAM,CAAA;AAAA,IACpD,CAAA;AAAA;AAAA,IAEA,OAAA,EAAS,CAAC,MAAA,KAAmB;AAC3B,MAAA,MAAM,MAAA,GAAS,KAAK,GAAA,CAAI,CAAA,EAAG,KAAK,GAAA,CAAI,CAAA,EAAG,MAAM,CAAC,CAAA;AAC9C,MAAA,OAAO,QAAA,CAAS,CAAA,GAAA,CAAK,GAAA,GAAM,CAAA,IAAK,MAAA,EAAQ,CAAA,GAAA,CAAK,GAAA,GAAM,CAAA,IAAK,MAAA,EAAQ,CAAA,GAAA,CAAK,GAAA,GAAM,CAAA,IAAK,MAAM,CAAA;AAAA,IACxF,CAAA;AAAA;AAAA,IAEA,MAAA,EAAQ,MAAM,QAAA,CAAS,GAAA,GAAM,GAAG,GAAA,GAAM,CAAA,EAAG,MAAM,CAAC,CAAA;AAAA;AAAA,IAEhD,GAAA,EAAK,OAAO,EAAE,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,GACxB;AACF","file":"chunk-VVZNW5CB.js","sourcesContent":["/**\n * Color utilities for theme customization\n */\n\ninterface RGB {\n  r: number;\n  g: number;\n  b: number;\n}\n\nfunction hexToRgb(hex: string): RGB {\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n  if (!result) {\n    return { r: 0, g: 0, b: 0 };\n  }\n  return {\n    r: parseInt(result[1], 16),\n    g: parseInt(result[2], 16),\n    b: parseInt(result[3], 16),\n  };\n}\n\nfunction rgbToHex(r: number, g: number, b: number): string {\n  return (\n    '#' +\n    [r, g, b]\n      .map((x) => {\n        const hex = Math.max(0, Math.min(255, Math.round(x))).toString(16);\n        return hex.length === 1 ? '0' + hex : hex;\n      })\n      .join('')\n  );\n}\n\n/**\n * Create a color helper object for manipulation\n *\n * @example\n * const c = color('#3b82f6');\n * c.isDark       // false\n * c.text         // '#000000'\n * c.darken(0.2)  // darker shade\n * c.lighten(0.2) // lighter shade\n */\nexport function color(primary: string) {\n  const { r, g, b } = hexToRgb(primary);\n  const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;\n  const isDark = luminance < 0.5;\n\n  return {\n    /** Primary color hex */\n    primary,\n    /** Contrast text color (black or white) */\n    text: isDark ? '#FFFFFF' : '#000000',\n    /** Whether primary is a dark color */\n    isDark,\n    /** Darken the color by amount (0-1) */\n    darken: (amount: number) => {\n      const factor = 1 - Math.max(0, Math.min(1, amount));\n      return rgbToHex(r * factor, g * factor, b * factor);\n    },\n    /** Lighten the color by amount (0-1) */\n    lighten: (amount: number) => {\n      const factor = Math.max(0, Math.min(1, amount));\n      return rgbToHex(r + (255 - r) * factor, g + (255 - g) * factor, b + (255 - b) * factor);\n    },\n    /** Invert the color */\n    invert: () => rgbToHex(255 - r, 255 - g, 255 - b),\n    /** Get RGB values */\n    rgb: () => ({ r, g, b }),\n  };\n}\n"]}

package/dist/chunk-XHGF75TM.js

@@ -0,0 +1,133 @@
+import { useTwilight } from './chunk-BWFBVXT3.js';
+import { useRef, useCallback, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var sizeClasses = {
+  sm: "w-64",
+  md: "w-80",
+  lg: "w-96",
+  full: "w-full"
+};
+function Drawer({
+  isOpen,
+  onClose,
+  children,
+  size = "md",
+  closeOnBackdropClick = true,
+  closeOnEscape = true,
+  preventBodyScroll = true,
+  className
+}) {
+  const drawerRef = useRef(null);
+  const previousActiveElement = useRef(null);
+  const { theme } = useTwilight();
+  const isRtl = theme?.is_rtl ?? false;
+  const position = isRtl ? "right" : "left";
+  const handleKeyDown = useCallback(
+    (event) => {
+      if (event.key === "Escape" && closeOnEscape) {
+        onClose();
+      }
+    },
+    [closeOnEscape, onClose]
+  );
+  const handleBackdropClick = useCallback(
+    (_event) => {
+      if (closeOnBackdropClick) {
+        onClose();
+      }
+    },
+    [closeOnBackdropClick, onClose]
+  );
+  useEffect(() => {
+    if (isOpen) {
+      previousActiveElement.current = document.activeElement;
+      drawerRef.current?.focus();
+      if (preventBodyScroll) {
+        document.body.classList.add("menu-opened");
+      }
+      document.addEventListener("keydown", handleKeyDown);
+    }
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+      if (preventBodyScroll) {
+        document.body.classList.remove("menu-opened");
+      }
+      previousActiveElement.current?.focus();
+    };
+  }, [isOpen, handleKeyDown, preventBodyScroll]);
+  if (!isOpen || typeof document === "undefined") {
+    return null;
+  }
+  const translateClass = isOpen ? "translate-x-0" : position === "left" ? "-translate-x-full" : "translate-x-full";
+  return createPortal(
+    /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-[200]", "aria-modal": "true", role: "dialog", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `absolute inset-0 bg-black/50 transition-opacity duration-300 ${isOpen ? "opacity-100" : "opacity-0"}`,
+          onClick: handleBackdropClick
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: drawerRef,
+          tabIndex: -1,
+          className: `fixed top-0 bottom-0 flex flex-col bg-white shadow-xl ${sizeClasses[size]} ${position === "left" ? "left-0" : "right-0"} transform transition-transform duration-300 ease-out ${translateClass} ${className || ""}`,
+          children
+        }
+      )
+    ] }),
+    document.body
+  );
+}
+Drawer.Header = function DrawerHeader({
+  children,
+  showCloseButton = true,
+  onClose,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `flex items-center justify-between border-b border-gray-200 px-4 py-3 ${className || ""}`,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-gray-900", children }),
+        showCloseButton && onClose && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: onClose,
+            className: "rounded-md p-2 text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-500",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" }),
+              /* @__PURE__ */ jsx("svg", { className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M6 18L18 6M6 6l12 12"
+                }
+              ) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+Drawer.Body = function DrawerBody({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: `flex-1 overflow-y-auto px-4 py-3 ${className || ""}`, ...props, children });
+};
+Drawer.Footer = function DrawerFooter({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: `border-t border-gray-200 px-4 py-3 ${className || ""}`, ...props, children });
+};
+
+export { Drawer };
+//# sourceMappingURL=chunk-XHGF75TM.js.map
+//# sourceMappingURL=chunk-XHGF75TM.js.map

package/dist/chunk-XHGF75TM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"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","file":"chunk-XHGF75TM.js","sourcesContent":["/**\n * Drawer Component\n *\n * A slide-in panel from the side of the screen, commonly used for mobile menus.\n */\n\nimport React, { useEffect, useCallback, useRef, type ReactNode, type HTMLAttributes } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useTwilight } from '../../providers/TwilightProvider';\n\nexport interface DrawerProps {\n  isOpen: boolean;\n  onClose: () => void;\n  children: ReactNode;\n  /**\n   * Width of the drawer\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg' | 'full';\n  /**\n   * Close drawer when clicking backdrop\n   * @default true\n   */\n  closeOnBackdropClick?: boolean;\n  /**\n   * Close drawer on Escape key\n   * @default true\n   */\n  closeOnEscape?: boolean;\n  /**\n   * Prevent body scroll when drawer is open\n   * @default true\n   */\n  preventBodyScroll?: boolean;\n  /**\n   * Additional className for the drawer content\n   */\n  className?: string;\n}\n\nconst sizeClasses = {\n  sm: 'w-64',\n  md: 'w-80',\n  lg: 'w-96',\n  full: 'w-full',\n};\n\nexport function Drawer({\n  isOpen,\n  onClose,\n  children,\n  size = 'md',\n  closeOnBackdropClick = true,\n  closeOnEscape = true,\n  preventBodyScroll = true,\n  className,\n}: DrawerProps) {\n  const drawerRef = useRef<HTMLDivElement>(null);\n  const previousActiveElement = useRef<HTMLElement | null>(null);\n  // Use TwilightProvider to get theme direction\n  // Position is automatically determined: left for LTR, right for RTL\n  const { theme } = useTwilight();\n  const isRtl = theme?.is_rtl ?? false;\n  const position = isRtl ? 'right' : 'left';\n\n  // Handle Escape key\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && closeOnEscape) {\n        onClose();\n      }\n    },\n    [closeOnEscape, onClose]\n  );\n\n  // Handle backdrop click\n  const handleBackdropClick = useCallback(\n    (_event: React.MouseEvent) => {\n      if (closeOnBackdropClick) {\n        onClose();\n      }\n    },\n    [closeOnBackdropClick, onClose]\n  );\n\n  // Focus management and body scroll\n  useEffect(() => {\n    if (isOpen) {\n      // Store the previously focused element\n      previousActiveElement.current = document.activeElement as HTMLElement;\n\n      // Focus the drawer\n      drawerRef.current?.focus();\n\n      // Prevent body scroll\n      if (preventBodyScroll) {\n        document.body.classList.add('menu-opened');\n      }\n\n      // Add keyboard listener\n      document.addEventListener('keydown', handleKeyDown);\n    }\n\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n\n      // Restore body scroll\n      if (preventBodyScroll) {\n        document.body.classList.remove('menu-opened');\n      }\n\n      // Restore focus\n      previousActiveElement.current?.focus();\n    };\n  }, [isOpen, handleKeyDown, preventBodyScroll]);\n\n  if (!isOpen || typeof document === 'undefined') {\n    return null;\n  }\n\n  // Translate classes: left drawer slides from -100%, right drawer slides from +100%\n  const translateClass = isOpen\n    ? 'translate-x-0'\n    : position === 'left'\n      ? '-translate-x-full'\n      : 'translate-x-full';\n\n  return createPortal(\n    <div className=\"fixed inset-0 z-[200]\" aria-modal=\"true\" role=\"dialog\">\n      {/* Backdrop */}\n      <div\n        className={`absolute inset-0 bg-black/50 transition-opacity duration-300 ${isOpen ? 'opacity-100' : 'opacity-0'}`}\n        onClick={handleBackdropClick}\n      />\n\n      {/* Drawer Content */}\n      <div\n        ref={drawerRef}\n        tabIndex={-1}\n        className={`fixed top-0 bottom-0 flex flex-col bg-white shadow-xl ${sizeClasses[size]} ${position === 'left' ? 'left-0' : 'right-0'} transform transition-transform duration-300 ease-out ${translateClass} ${className || ''}`}\n      >\n        {children}\n      </div>\n    </div>,\n    document.body\n  );\n}\n\n// Drawer Sub-components\nexport interface DrawerHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  showCloseButton?: boolean;\n  onClose?: () => void;\n}\n\nDrawer.Header = function DrawerHeader({\n  children,\n  showCloseButton = true,\n  onClose,\n  className,\n  ...props\n}: DrawerHeaderProps) {\n  return (\n    <div\n      className={`flex items-center justify-between border-b border-gray-200 px-4 py-3 ${className || ''}`}\n      {...props}\n    >\n      <h2 className=\"text-lg font-semibold text-gray-900\">{children}</h2>\n      {showCloseButton && onClose && (\n        <button\n          type=\"button\"\n          onClick={onClose}\n          className=\"rounded-md p-2 text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-500\"\n        >\n          <span className=\"sr-only\">Close</span>\n          <svg className=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M6 18L18 6M6 6l12 12\"\n            />\n          </svg>\n        </button>\n      )}\n    </div>\n  );\n};\n\nexport interface DrawerBodyProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nDrawer.Body = function DrawerBody({ children, className, ...props }: DrawerBodyProps) {\n  return (\n    <div className={`flex-1 overflow-y-auto px-4 py-3 ${className || ''}`} {...props}>\n      {children}\n    </div>\n  );\n};\n\nexport interface DrawerFooterProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nDrawer.Footer = function DrawerFooter({ children, className, ...props }: DrawerFooterProps) {\n  return (\n    <div className={`border-t border-gray-200 px-4 py-3 ${className || ''}`} {...props}>\n      {children}\n    </div>\n  );\n};\n"]}

package/dist/chunk-XUI3TRXF.js

@@ -0,0 +1,26 @@
+import { createContext, useContext, createElement } from 'react';
+
+// src/providers/LinkProvider.tsx
+var LinkContext = createContext(null);
+var LinkProviderError = class extends Error {
+  constructor() {
+    super(
+      "Link component must be used within LinkProvider. Ensure TwilightProvider is configured with client.framework option."
+    );
+    this.name = "LinkProviderError";
+  }
+};
+function useLinkAdapter() {
+  const context = useContext(LinkContext);
+  if (!context) {
+    throw new LinkProviderError();
+  }
+  return context.adapter;
+}
+function LinkProvider({ adapter, children }) {
+  return createElement(LinkContext.Provider, { value: { adapter } }, children);
+}
+
+export { LinkProvider, useLinkAdapter };
+//# sourceMappingURL=chunk-XUI3TRXF.js.map
+//# sourceMappingURL=chunk-XUI3TRXF.js.map

package/dist/chunk-XUI3TRXF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/providers/LinkProvider.tsx"],"names":[],"mappings":";;;AAgBA,IAAM,WAAA,GAAc,cAAuC,IAAI,CAAA;AAKxD,IAAM,iBAAA,GAAN,cAAgC,KAAA,CAAM;AAAA,EAC3C,WAAA,GAAc;AACZ,IAAA,KAAA;AAAA,MACE;AAAA,KAEF;AACA,IAAA,IAAA,CAAK,IAAA,GAAO,mBAAA;AAAA,EACd;AACF,CAAA;AAMO,SAAS,cAAA,GAA8B;AAC5C,EAAA,MAAM,OAAA,GAAU,WAAW,WAAW,CAAA;AACtC,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,iBAAA,EAAkB;AAAA,EAC9B;AACA,EAAA,OAAO,OAAA,CAAQ,OAAA;AACjB;AAMO,SAAS,YAAA,CAAa,EAAE,OAAA,EAAS,QAAA,EAAS,EAAkD;AACjG,EAAA,OAAO,aAAA,CAAc,YAAY,QAAA,EAAU,EAAE,OAAO,EAAE,OAAA,EAAQ,EAAE,EAAG,QAAQ,CAAA;AAC7E","file":"chunk-XUI3TRXF.js","sourcesContent":["import {\n  createContext,\n  useContext,\n  createElement,\n  type ReactNode,\n  type ComponentType,\n} from 'react';\nimport type { BaseLinkProps, LinkAdapter } from '../components/common/Link.types';\n\n/**\n * LinkContext value\n */\ninterface LinkContextValue {\n  adapter: LinkAdapter;\n}\n\nconst LinkContext = createContext<LinkContextValue | null>(null);\n\n/**\n * Error thrown when Link is used outside of LinkProvider\n */\nexport class LinkProviderError extends Error {\n  constructor() {\n    super(\n      'Link component must be used within LinkProvider. ' +\n        'Ensure TwilightProvider is configured with client.framework option.'\n    );\n    this.name = 'LinkProviderError';\n  }\n}\n\n/**\n * Hook to access the Link adapter from context.\n * Throws if used outside LinkProvider.\n */\nexport function useLinkAdapter(): LinkAdapter {\n  const context = useContext(LinkContext);\n  if (!context) {\n    throw new LinkProviderError();\n  }\n  return context.adapter;\n}\n\n/**\n * Provider that configures the framework-specific Link adapter.\n * Used internally by TwilightProvider based on client.framework setting.\n */\nexport function LinkProvider({ adapter, children }: { adapter: LinkAdapter; children: ReactNode }) {\n  return createElement(LinkContext.Provider, { value: { adapter } }, children);\n}\n\n/**\n * Higher-order function to create a Link component bound to a specific adapter.\n * Useful for framework-specific exports.\n */\nexport function createLinkWithAdapter(adapter: LinkAdapter): ComponentType<BaseLinkProps> {\n  return function LinkWithAdapter(props: BaseLinkProps) {\n    return createElement(adapter, props);\n  };\n}\n"]}

package/dist/chunk-YCYTBRYB.js

@@ -0,0 +1,30 @@
+import { orThrow } from './chunk-GO34DE35.js';
+import { getActiveScopeId, api } from './chunk-2TB2LTL2.js';
+import { queryOptions } from '@tanstack/react-query';
+
+var category = {
+  find: async (id) => {
+    const { data } = await api.get(`categories/${id}`).json();
+    return data;
+  },
+  findOrThrow: (id) => orThrow(category.find(id)),
+  list: async () => {
+    const { data } = await api.get("categories").json();
+    return data ?? [];
+  },
+  queries: {
+    detail: (id) => queryOptions({
+      queryKey: ["categories", "detail", id],
+      queryFn: () => category.find(id)
+    }),
+    list: () => queryOptions({
+      // Scope (branch) varies the API response — key must include it.
+      queryKey: ["categories", "list", { scope: getActiveScopeId() }],
+      queryFn: () => category.list()
+    })
+  }
+};
+
+export { category };
+//# sourceMappingURL=chunk-YCYTBRYB.js.map
+//# sourceMappingURL=chunk-YCYTBRYB.js.map

package/dist/chunk-YCYTBRYB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/api/category.ts"],"names":[],"mappings":";;;;AAKO,IAAM,QAAA,GAAW;AAAA,EACtB,IAAA,EAAM,OAAO,EAAA,KAAkC;AAC7C,IAAA,MAAM,EAAE,IAAA,EAAK,GAAI,MAAM,GAAA,CAAI,IAAI,CAAA,WAAA,EAAc,EAAE,CAAA,CAAE,CAAA,CAAE,IAAA,EAAyB;AAC5E,IAAA,OAAO,IAAA;AAAA,EACT,CAAA;AAAA,EAEA,aAAa,CAAC,EAAA,KAAkC,QAAQ,QAAA,CAAS,IAAA,CAAK,EAAE,CAAC,CAAA;AAAA,EAEzE,MAAM,YAAiC;AACrC,IAAA,MAAM,EAAE,MAAK,GAAI,MAAM,IAAI,GAAA,CAAI,YAAY,EAAE,IAAA,EAA2B;AACxE,IAAA,OAAO,QAAQ,EAAC;AAAA,EAClB,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,MAAA,EAAQ,CAAC,EAAA,KACP,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,YAAA,EAAc,QAAA,EAAU,EAAE,CAAA;AAAA,MACrC,OAAA,EAAS,MAAM,QAAA,CAAS,IAAA,CAAK,EAAE;AAAA,KAChC,CAAA;AAAA,IAEH,IAAA,EAAM,MACJ,YAAA,CAAa;AAAA;AAAA,MAEX,QAAA,EAAU,CAAC,YAAA,EAAc,MAAA,EAAQ,EAAE,KAAA,EAAO,gBAAA,IAAoB,CAAA;AAAA,MAC9D,OAAA,EAAS,MAAM,QAAA,CAAS,IAAA;AAAK,KAC9B;AAAA;AAEP","file":"chunk-YCYTBRYB.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api, getActiveScopeId } from './client';\nimport type { Category } from '../types';\nimport { orThrow } from '../providers';\n\nexport const category = {\n  find: async (id: string): Promise<Category> => {\n    const { data } = await api.get(`categories/${id}`).json<{ data: Category }>();\n    return data;\n  },\n\n  findOrThrow: (id: string): Promise<Category> => orThrow(category.find(id)),\n\n  list: async (): Promise<Category[]> => {\n    const { data } = await api.get('categories').json<{ data: Category[] }>();\n    return data ?? [];\n  },\n\n  queries: {\n    detail: (id: string) =>\n      queryOptions({\n        queryKey: ['categories', 'detail', id],\n        queryFn: () => category.find(id),\n      }),\n\n    list: () =>\n      queryOptions({\n        // Scope (branch) varies the API response — key must include it.\n        queryKey: ['categories', 'list', { scope: getActiveScopeId() }],\n        queryFn: () => category.list(),\n      }),\n  },\n};\n"]}

package/dist/chunk-YMVLYYLU.js

@@ -0,0 +1,25 @@
+import { useState, useCallback, useEffect } from 'react';
+
+// src/hooks/useComments.ts
+function useComments() {
+  const [commentsKey, setCommentsKey] = useState(0);
+  const refresh = useCallback(() => {
+    setCommentsKey((prev) => prev + 1);
+  }, []);
+  useEffect(() => {
+    const salla = window.salla;
+    if (!salla?.comment?.event?.onAdded) return;
+    const handleCommentAdded = () => {
+      setCommentsKey((prev) => prev + 1);
+    };
+    salla.comment.event.onAdded(handleCommentAdded);
+    return () => {
+      salla.event.off("comment::added", handleCommentAdded);
+    };
+  }, []);
+  return { commentsKey, refresh };
+}
+
+export { useComments };
+//# sourceMappingURL=chunk-YMVLYYLU.js.map
+//# sourceMappingURL=chunk-YMVLYYLU.js.map

package/dist/chunk-YMVLYYLU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useComments.ts"],"names":[],"mappings":";;;AAsCO,SAAS,WAAA,GAAiC;AAC/C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,CAAC,CAAA;AAEhD,EAAA,MAAM,OAAA,GAAU,YAAY,MAAM;AAChC,IAAA,cAAA,CAAe,CAAC,IAAA,KAAS,IAAA,GAAO,CAAC,CAAA;AAAA,EACnC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,QAAQ,MAAA,CAAO,KAAA;AACrB,IAAA,IAAI,CAAC,KAAA,EAAO,OAAA,EAAS,KAAA,EAAO,OAAA,EAAS;AAErC,IAAA,MAAM,qBAAqB,MAAM;AAC/B,MAAA,cAAA,CAAe,CAAC,IAAA,KAAS,IAAA,GAAO,CAAC,CAAA;AAAA,IACnC,CAAA;AAEA,IAAA,KAAA,CAAM,OAAA,CAAQ,KAAA,CAAM,OAAA,CAAQ,kBAAkB,CAAA;AAE9C,IAAA,OAAO,MAAM;AACX,MAAA,KAAA,CAAM,KAAA,CAAM,GAAA,CAAI,gBAAA,EAAkB,kBAAkB,CAAA;AAAA,IACtD,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,EAAE,aAAa,OAAA,EAAQ;AAChC","file":"chunk-YMVLYYLU.js","sourcesContent":["import { useState, useEffect, useCallback } from 'react';\n\n/**\n * UseCommentsResult - Return type for useComments hook\n *\n * @property commentsKey - Key to pass to salla-comments component for re-render\n * @property refresh - Function to manually trigger a comments refresh\n */\nexport interface UseCommentsResult {\n  commentsKey: number;\n  refresh: () => void;\n}\n\n/**\n * useComments - Hook for managing salla-comments web component re-renders\n *\n * Listens to the Salla SDK's comment added events and automatically\n * increments a re-render key for the salla-comments component. This\n * eliminates the need for full page reloads when comments are added.\n *\n * @returns Object with comments key for component re-rendering and manual refresh function\n *\n * @example\n * ```tsx\n * function ProductPage({ product }) {\n *   const { commentsKey } = useComments();\n *\n *   return (\n *     <salla-comments\n *       key={commentsKey}\n *       item-id={product.id}\n *       type=\"product\"\n *     />\n *   );\n * }\n * ```\n */\n\nexport function useComments(): UseCommentsResult {\n  const [commentsKey, setCommentsKey] = useState(0);\n\n  const refresh = useCallback(() => {\n    setCommentsKey((prev) => prev + 1);\n  }, []);\n\n  useEffect(() => {\n    const salla = window.salla;\n    if (!salla?.comment?.event?.onAdded) return;\n\n    const handleCommentAdded = () => {\n      setCommentsKey((prev) => prev + 1);\n    };\n\n    salla.comment.event.onAdded(handleCommentAdded);\n\n    return () => {\n      salla.event.off('comment::added', handleCommentAdded);\n    };\n  }, []);\n\n  return { commentsKey, refresh };\n}\n"]}

package/dist/chunk-Z653O7MX.js

@@ -0,0 +1,10 @@
+import { isPlaceholder, cdn, asset } from './chunk-ZCH7W7DZ.js';
+
+// src/hooks/useAsset.ts
+function useAsset() {
+  return { asset, cdn, isPlaceholder };
+}
+
+export { useAsset };
+//# sourceMappingURL=chunk-Z653O7MX.js.map
+//# sourceMappingURL=chunk-Z653O7MX.js.map

package/dist/chunk-Z653O7MX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useAsset.ts"],"names":[],"mappings":";;;AA0BO,SAAS,QAAA,GAA2B;AACzC,EAAA,OAAO,EAAE,KAAA,EAAO,GAAA,EAAK,aAAA,EAAc;AACrC","file":"chunk-Z653O7MX.js","sourcesContent":["import { asset, cdn, isPlaceholder } from '../utils/asset';\n\n/**\n * UseAssetResult - Return type for useAsset hook\n */\nexport interface UseAssetResult {\n  /** Generate asset URL */\n  asset: typeof asset;\n  /** Generate CDN URL with optional dimensions */\n  cdn: typeof cdn;\n  /** Check if a URL is the placeholder image */\n  isPlaceholder: typeof isPlaceholder;\n}\n\n/**\n * useAsset - Hook for generating asset and CDN URLs\n *\n * @returns Object with asset() and cdn() URL generation functions\n *\n * @example\n * const { asset, cdn } = useAsset();\n * asset('images/icon.png')           // '/assets/images/icon.png'\n * cdn('images/product.jpg')          // 'https://cdn.salla.network/images/product.jpg'\n * cdn('images/product.jpg', 400)     // With width\n * cdn('images/product.jpg', 400, 300) // With width + height\n */\nexport function useAsset(): UseAssetResult {\n  return { asset, cdn, isPlaceholder };\n}\n"]}

package/dist/chunk-ZCH7W7DZ.js

@@ -0,0 +1,30 @@
+// src/utils/asset.ts
+var CDN_BASE = "https://cdn.assets.salla.network";
+var ASSETS_VERSION = import.meta.env.VITE_TWILIGHT_VERSION || "";
+function cdn(url, width, height) {
+  if (!url) return CDN_BASE;
+  if (url.startsWith("https://")) return url;
+  const cleanPath = url.replace(/^\/+/, "");
+  if (!width && !height) {
+    const versionSuffix2 = ASSETS_VERSION ? `?v=${ASSETS_VERSION}` : "";
+    return `${CDN_BASE}/${cleanPath}${versionSuffix2}`;
+  }
+  const transforms = ["fit=scale-down"];
+  if (width) transforms.push(`width=${width}`);
+  if (height) transforms.push(`height=${height}`);
+  transforms.push("onerror=redirect", "format=auto");
+  const versionSuffix = ASSETS_VERSION ? `?v=${ASSETS_VERSION}` : "";
+  return `${CDN_BASE}/cdn-cgi/image/${transforms.join(",")}/${cleanPath}${versionSuffix}`;
+}
+function asset(path) {
+  const cleanPath = path.replace(/^\/+/, "");
+  const versionSuffix = ASSETS_VERSION ? `?v=${ASSETS_VERSION}` : "";
+  return `/assets/${cleanPath}${versionSuffix}`;
+}
+function isPlaceholder(url) {
+  return false;
+}
+
+export { asset, cdn, isPlaceholder };
+//# sourceMappingURL=chunk-ZCH7W7DZ.js.map
+//# sourceMappingURL=chunk-ZCH7W7DZ.js.map

package/dist/chunk-ZCH7W7DZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/asset.ts"],"names":["versionSuffix"],"mappings":";AAIA,IAAM,QAAA,GAAW,kCAAA;AAEjB,IAAM,cAAA,GAAyB,MAAA,CAAA,IAAA,CAAY,GAAA,CAAI,qBAAA,IAAyB,EAAA;AAejE,SAAS,GAAA,CAAI,GAAA,EAAgC,KAAA,EAAgB,MAAA,EAAyB;AAC3F,EAAA,IAAI,CAAC,KAAK,OAAO,QAAA;AAGjB,EAAA,IAAI,GAAA,CAAI,UAAA,CAAW,UAAU,CAAA,EAAG,OAAO,GAAA;AAEvC,EAAA,MAAM,SAAA,GAAY,GAAA,CAAI,OAAA,CAAQ,MAAA,EAAQ,EAAE,CAAA;AAGxC,EAAA,IAAI,CAAC,KAAA,IAAS,CAAC,MAAA,EAAQ;AACrB,IAAA,MAAMA,cAAAA,GAAgB,cAAA,GAAiB,CAAA,GAAA,EAAM,cAAc,CAAA,CAAA,GAAK,EAAA;AAChE,IAAA,OAAO,CAAA,EAAG,QAAQ,CAAA,CAAA,EAAI,SAAS,GAAGA,cAAa,CAAA,CAAA;AAAA,EACjD;AAGA,EAAA,MAAM,UAAA,GAAuB,CAAC,gBAAgB,CAAA;AAC9C,EAAA,IAAI,KAAA,EAAO,UAAA,CAAW,IAAA,CAAK,CAAA,MAAA,EAAS,KAAK,CAAA,CAAE,CAAA;AAC3C,EAAA,IAAI,MAAA,EAAQ,UAAA,CAAW,IAAA,CAAK,CAAA,OAAA,EAAU,MAAM,CAAA,CAAE,CAAA;AAC9C,EAAA,UAAA,CAAW,IAAA,CAAK,oBAAoB,aAAa,CAAA;AAEjD,EAAA,MAAM,aAAA,GAAgB,cAAA,GAAiB,CAAA,GAAA,EAAM,cAAc,CAAA,CAAA,GAAK,EAAA;AAChE,EAAA,OAAO,CAAA,EAAG,QAAQ,CAAA,eAAA,EAAkB,UAAA,CAAW,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA,EAAI,SAAS,CAAA,EAAG,aAAa,CAAA,CAAA;AACvF;AAOO,SAAS,MAAM,IAAA,EAAsB;AAC1C,EAAA,MAAM,SAAA,GAAY,IAAA,CAAK,OAAA,CAAQ,MAAA,EAAQ,EAAE,CAAA;AACzC,EAAA,MAAM,aAAA,GAAgB,cAAA,GAAiB,CAAA,GAAA,EAAM,cAAc,CAAA,CAAA,GAAK,EAAA;AAChE,EAAA,OAAO,CAAA,QAAA,EAAW,SAAS,CAAA,EAAG,aAAa,CAAA,CAAA;AAC7C;AAKO,SAAS,cAAc,GAAA,EAAyC;AACrE,EAA8B,OAAO,KAAA;AAEvC","file":"chunk-ZCH7W7DZ.js","sourcesContent":["/**\n * Asset and CDN utilities for React apps\n */\n\nconst CDN_BASE = 'https://cdn.assets.salla.network';\n// @ts-expect-error VITE_TWILIGHT_VERSION may not be defined in all environments\nconst ASSETS_VERSION: string = import.meta.env.VITE_TWILIGHT_VERSION || '';\nconst PLACEHOLDER_URL: string | null = null;\n\n/**\n * Generate a CDN URL with optional image optimization\n *\n * @param url - Image URL or path\n * @param width - Optional width for image transformation\n * @param height - Optional height for image transformation\n *\n * @example\n * cdn('images/product.jpg')           // Simple CDN URL\n * cdn('images/product.jpg', 400)      // Width only\n * cdn('images/product.jpg', 400, 300) // Width + height\n */\nexport function cdn(url: string | null | undefined, width?: number, height?: number): string {\n  if (!url) return CDN_BASE;\n\n  // Already a full HTTPS URL - return as-is\n  if (url.startsWith('https://')) return url;\n\n  const cleanPath = url.replace(/^\\/+/, '');\n\n  // If no dimensions, return simple CDN URL\n  if (!width && !height) {\n    const versionSuffix = ASSETS_VERSION ? `?v=${ASSETS_VERSION}` : '';\n    return `${CDN_BASE}/${cleanPath}${versionSuffix}`;\n  }\n\n  // Build Cloudflare image transformation URL\n  const transforms: string[] = ['fit=scale-down'];\n  if (width) transforms.push(`width=${width}`);\n  if (height) transforms.push(`height=${height}`);\n  transforms.push('onerror=redirect', 'format=auto');\n\n  const versionSuffix = ASSETS_VERSION ? `?v=${ASSETS_VERSION}` : '';\n  return `${CDN_BASE}/cdn-cgi/image/${transforms.join(',')}/${cleanPath}${versionSuffix}`;\n}\n\n/**\n * Generate asset URL for local files\n *\n * @param path - Asset path relative to assets directory\n */\nexport function asset(path: string): string {\n  const cleanPath = path.replace(/^\\/+/, '');\n  const versionSuffix = ASSETS_VERSION ? `?v=${ASSETS_VERSION}` : '';\n  return `/assets/${cleanPath}${versionSuffix}`;\n}\n\n/**\n * Check if a URL is the placeholder image\n */\nexport function isPlaceholder(url: string | null | undefined): boolean {\n  if (!url || !PLACEHOLDER_URL) return false;\n  return url === PLACEHOLDER_URL;\n}\n"]}

package/dist/components/Component.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ComponentProps {
+    name: string;
+    fallback?: React.ReactNode;
+    [key: string]: unknown;
+}
+export declare function Component({ name, fallback, ...props }: ComponentProps): React.ReactNode;
+//# sourceMappingURL=Component.d.ts.map

package/dist/components/Component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../src/components/Component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,QAAe,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,GAAG,KAAK,CAAC,SAAS,CAW9F"}

package/dist/components/ComponentRegistry.d.ts

@@ -0,0 +1,19 @@
+import type { ComponentType } from '../types';
+declare class ComponentRegistry {
+    private components;
+    register<P = Record<string, unknown>>(name: string, component: ComponentType<P>): void;
+    override<P = Record<string, unknown>>(name: string, component: ComponentType<P>): void;
+    resolve<P = Record<string, unknown>>(name: string): ComponentType<P> | null;
+    getOriginal<P = Record<string, unknown>>(name: string): ComponentType<P> | null;
+    has(name: string): boolean;
+    list(): string[];
+    listByPrefix(prefix: string): string[];
+    clear(): void;
+    remove(name: string): boolean;
+}
+export declare const registry: ComponentRegistry;
+export { ComponentRegistry };
+export declare const COMPONENT_KEYS: {
+    readonly PRODUCT_CARD: "product:card";
+};
+//# sourceMappingURL=ComponentRegistry.d.ts.map

package/dist/components/ComponentRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentRegistry.d.ts","sourceRoot":"","sources":["../../src/components/ComponentRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAuB,MAAM,UAAU,CAAC;AAEnE,cAAM,iBAAiB;IACrB,OAAO,CAAC,UAAU,CAA0C;IAE5D,QAAQ,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI;IAOtF,QAAQ,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI;IAatF,OAAO,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI;IAK3E,WAAW,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI;IAK/E,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI1B,IAAI,IAAI,MAAM,EAAE;IAIhB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE;IAItC,KAAK,IAAI,IAAI;IAIb,MAAM,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;CAG9B;AAED,eAAO,MAAM,QAAQ,mBAA0B,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAE7B,eAAO,MAAM,cAAc;;CAEjB,CAAC"}

package/dist/components/cart/CartItem.d.ts

@@ -0,0 +1,8 @@
+import type { CartItem as CartItemType } from '../../types';
+interface CartItemProps {
+    item: CartItemType;
+    isFirst?: boolean;
+}
+export declare function CartItem({ item, isFirst }: CartItemProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CartItem.d.ts.map

package/dist/components/cart/CartItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartItem.d.ts","sourceRoot":"","sources":["../../../src/components/cart/CartItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAS,QAAQ,IAAI,YAAY,EAAE,MAAM,aAAa,CAAC;AASnE,UAAU,aAAa;IACrB,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAaD,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAe,EAAE,EAAE,aAAa,2CA2JhE"}

package/dist/components/cart/CartSummary.d.ts

@@ -0,0 +1,12 @@
+import type { Cart } from '../../types';
+interface CartSummaryProps {
+    cart: Cart;
+    applyCouponEnabled?: boolean;
+    taxAmount?: number;
+    loyalty?: Cart['loyalty'];
+    gift?: Cart['gift'];
+    loyaltyPoints?: number;
+}
+export declare function CartSummary({ cart, applyCouponEnabled, taxAmount, loyalty, gift, loyaltyPoints, }: CartSummaryProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CartSummary.d.ts.map

package/dist/components/cart/CartSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartSummary.d.ts","sourceRoot":"","sources":["../../../src/components/cart/CartSummary.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAExC,UAAU,gBAAgB;IACxB,IAAI,EAAE,IAAI,CAAC;IACX,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IAC1B,IAAI,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,kBAAyB,EACzB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,aAAa,GACd,EAAE,gBAAgB,2CAgHlB"}

package/dist/components/cart/PreOrderNotification.d.ts

@@ -0,0 +1,2 @@
+export declare function PreOrderNotification(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PreOrderNotification.d.ts.map

package/dist/components/cart/PreOrderNotification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreOrderNotification.d.ts","sourceRoot":"","sources":["../../../src/components/cart/PreOrderNotification.tsx"],"names":[],"mappings":"AAEA,wBAAgB,oBAAoB,4CAanC"}

package/dist/components/cart/PriceQuoteButton.d.ts

@@ -0,0 +1,2 @@
+export declare function PriceQuoteButton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PriceQuoteButton.d.ts.map

package/dist/components/cart/PriceQuoteButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PriceQuoteButton.d.ts","sourceRoot":"","sources":["../../../src/components/cart/PriceQuoteButton.tsx"],"names":[],"mappings":"AAGA,wBAAgB,gBAAgB,4CAiB/B"}