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

package/dist/eslint/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/eslint/index.ts"],"names":[],"mappings":";;;AAWA,IAAM,iBAAA,GAAoB;AAAA,EACxB,QAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA;AASA,SAAS,uBAAA,GAAuE;AAC9E,EAAA,OAAO,iBAAA,CAAkB,GAAA,CAAI,CAAC,MAAA,MAAY;AAAA,IACxC,KAAA,EAAO,CAAC,CAAA,GAAA,EAAM,MAAM,CAAA,EAAA,CAAA,EAAM,SAAS,MAAM,CAAA,EAAA,CAAA,EAAM,CAAA,SAAA,EAAY,MAAM,CAAA,EAAA,CAAI,CAAA;AAAA,IACrE,OAAA,EAAS,qCAAqC,MAAM,CAAA,qEAAA;AAAA,GACtD,CAAE,CAAA;AACJ;AAuBO,IAAM,oBAAA,GAAuC;AAAA,EAClD;AAAA,IACE,IAAA,EAAM,yBAAA;AAAA,IACN,KAAA,EAAO,CAAC,eAAe,CAAA;AAAA,IACvB,KAAA,EAAO;AAAA,MACL,uBAAA,EAAyB;AAAA,QACvB,MAAA;AAAA,QACA;AAAA,UACE,KAAA,EAAO;AAAA,YACL;AAAA,cACE,IAAA,EAAM,wCAAA;AAAA,cACN,OAAA,EACE;AAAA,aACJ;AAAA,YACA;AAAA,cACE,IAAA,EAAM,4CAAA;AAAA,cACN,OAAA,EACE;AAAA;AACJ,WACF;AAAA,UACA,UAAU,uBAAA;AAAwB;AACpC,OACF;AAAA,MAEA,0BAAA,EAA4B;AAAA,QAC1B,MAAA;AAAA,QACA;AAAA,UACE,MAAA,EAAQ,QAAA;AAAA,UACR,QAAA,EAAU,UAAA;AAAA,UACV,OAAA,EACE;AAAA,SACJ;AAAA,QACA;AAAA,UACE,MAAA,EAAQ,UAAA;AAAA,UACR,QAAA,EAAU,eAAA;AAAA,UACV,OAAA,EAAS;AAAA,SACX;AAAA,QACA;AAAA,UACE,MAAA,EAAQ,UAAA;AAAA,UACR,QAAA,EAAU,kBAAA;AAAA,UACV,OAAA,EAAS;AAAA,SACX;AAAA,QACA;AAAA,UACE,MAAA,EAAQ,UAAA;AAAA,UACR,QAAA,EAAU,gBAAA;AAAA,UACV,OAAA,EAAS;AAAA,SACX;AAAA,QACA;AAAA,UACE,MAAA,EAAQ,UAAA;AAAA,UACR,QAAA,EAAU,wBAAA;AAAA,UACV,OAAA,EAAS;AAAA;AACX,OACF;AAAA,MAEA,uBAAA,EAAyB;AAAA,QACvB,MAAA;AAAA,QACA;AAAA,UACE,IAAA,EAAM,UAAA;AAAA,UACN,OAAA,EACE;AAAA;AACJ;AACF;AACF;AAEJ;AAEA,IAAO,cAAA,GAAQ","file":"index.js","sourcesContent":["/**\n * @fileoverview Shared ESLint flat config for Twilight React themes.\n *\n * Consumers spread this into their `eslint.config.js`:\n * ```js\n * import { twilightEslintConfig } from '@salla.sa/twilight-theme-engine/eslint';\n * export default [...twilightEslintConfig];\n * ```\n */\n\n/** Component folder names that have barrel exports with lazy loading. */\nconst COMPONENT_FOLDERS = [\n  'common',\n  'cart',\n  'product',\n  'layout',\n  'home',\n  'modal',\n  'drawer',\n  'dropdown',\n  'collapse',\n  'toast',\n  'navigation',\n];\n\n/**\n * Build `no-restricted-imports` patterns that forbid deep imports\n * into component folders (bypassing lazy-loaded barrel exports).\n *\n * Catches: `import { Link } from '../common/Link'`\n * Allows:  `import { Link } from '../common'`\n */\nfunction buildDeepImportPatterns(): Array<{ group: string[]; message: string }> {\n  return COMPONENT_FOLDERS.map((folder) => ({\n    group: [`../${folder}/*`, `../../${folder}/*`, `../../../${folder}/*`],\n    message: `Import from the barrel export '../${folder}' instead. Deep imports bypass lazy loading and break code-splitting.`,\n  }));\n}\n\ninterface RestrictedImportPath {\n  name: string;\n  message: string;\n}\n\ninterface RestrictedImportPattern {\n  group: string[];\n  message: string;\n}\n\ninterface NoRestrictedImportsConfig {\n  paths: RestrictedImportPath[];\n  patterns: RestrictedImportPattern[];\n}\n\ninterface EslintConfig {\n  name: string;\n  files: string[];\n  rules: Record<string, unknown>;\n}\n\nexport const twilightEslintConfig: EslintConfig[] = [\n  {\n    name: 'twilight/best-practices',\n    files: ['**/*.{ts,tsx}'],\n    rules: {\n      'no-restricted-imports': [\n        'warn',\n        {\n          paths: [\n            {\n              name: '@salla.sa/twilight-theme-engine/routes',\n              message:\n                'Import from a granular route path (e.g. @salla.sa/twilight-theme-engine/routes/cart). Barrel imports pull ALL route modules and break code-splitting.',\n            },\n            {\n              name: '@salla.sa/twilight-theme-engine/components',\n              message:\n                'Import from a granular component path (e.g. @salla.sa/twilight-theme-engine/cart). Barrel imports increase bundle size.',\n            },\n          ],\n          patterns: buildDeepImportPatterns(),\n        } satisfies NoRestrictedImportsConfig,\n      ],\n\n      'no-restricted-properties': [\n        'warn',\n        {\n          object: 'window',\n          property: 'location',\n          message:\n            'Avoid window.location in React components. Use React Router navigation or React state instead.',\n        },\n        {\n          object: 'document',\n          property: 'querySelector',\n          message: 'Use React refs (useRef) instead of document.querySelector.',\n        },\n        {\n          object: 'document',\n          property: 'querySelectorAll',\n          message: 'Use React refs (useRef) instead of document.querySelectorAll.',\n        },\n        {\n          object: 'document',\n          property: 'getElementById',\n          message: 'Use React refs (useRef) instead of document.getElementById.',\n        },\n        {\n          object: 'document',\n          property: 'getElementsByClassName',\n          message: 'Use React refs (useRef) instead of document.getElementsByClassName.',\n        },\n      ],\n\n      'no-restricted-globals': [\n        'warn',\n        {\n          name: 'location',\n          message:\n            'Avoid direct location access. Use React Router navigation (useNavigate, Link) instead.',\n        },\n      ],\n    },\n  },\n];\n\nexport default twilightEslintConfig;\n"]}

package/dist/hooks/HookRegistry.d.ts

@@ -0,0 +1,47 @@
+import type { HookHandler, HookDefinition, HookHandlers, HookName } from '../types';
+/**
+ * HookRegistry - Manages hook handlers for the extension system
+ *
+ * Provides a central registry for registering, storing, and retrieving hook
+ * handlers with priority-based execution order. Hooks allow extending functionality
+ * without modifying core code.
+ *
+ * @example
+ * ```ts
+ * import { hookRegistry, defineHooks } from './hooks';
+ *
+ * // Register single hook
+ * hookRegistry.register('header.before', ({ context }) => {
+ *   return <CustomHeader />;
+ * }, 100);
+ *
+ * // Register multiple hooks at once
+ * defineHooks({
+ *   'header.before': {
+ *     handler: () => <Logo />,
+ *     priority: 50
+ *   },
+ *   'header.after': [
+ *     { handler: () => <Search />, priority: 10 },
+ *     { handler: () => <CartIcon />, priority: 20 }
+ *   ]
+ * });
+ * ```
+ */
+declare class HookRegistry {
+    private hooks;
+    private subscribers;
+    register<T = Record<string, unknown>>(name: HookName | string, handler: HookHandler<T>, priority?: number): void;
+    subscribe(name: HookName | string, callback: () => void): () => void;
+    unsubscribe(name: HookName | string, callback: () => void): void;
+    private notify;
+    getHandlers(name: HookName | string): HookDefinition[];
+    has(name: HookName | string): boolean;
+    clear(name: HookName | string): void;
+    clearAll(): void;
+    list(): string[];
+}
+export declare const hookRegistry: HookRegistry;
+export declare function defineHooks(hooks: HookHandlers): void;
+export { HookRegistry };
+//# sourceMappingURL=HookRegistry.d.ts.map

package/dist/hooks/HookRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HookRegistry.d.ts","sourceRoot":"","sources":["../../src/hooks/HookRegistry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,cAAM,YAAY;IAChB,OAAO,CAAC,KAAK,CAAuC;IACpD,OAAO,CAAC,WAAW,CAAsC;IAEzD,QAAQ,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAClC,IAAI,EAAE,QAAQ,GAAG,MAAM,EACvB,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,EACvB,QAAQ,SAAK,GACZ,IAAI;IASP,SAAS,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI;IASpE,WAAW,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;IAKhE,OAAO,CAAC,MAAM;IAId,WAAW,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,cAAc,EAAE;IAKtD,GAAG,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO;IAKrC,KAAK,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI;IAMpC,QAAQ,IAAI,IAAI;IAKhB,IAAI,IAAI,MAAM,EAAE;CAGjB;AAED,eAAO,MAAM,YAAY,cAAqB,CAAC;AAE/C,wBAAgB,WAAW,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAUrD;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/hooks/HookRegistry.js

@@ -0,0 +1,4 @@
+export { HookRegistry, defineHooks, hookRegistry } from '../chunk-J37AYLWL.js';
+import '../chunk-DGUM43GV.js';
+//# sourceMappingURL=HookRegistry.js.map
+//# sourceMappingURL=HookRegistry.js.map

package/dist/hooks/HookRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"HookRegistry.js"}

package/dist/hooks/HookSlot.d.ts

@@ -0,0 +1,96 @@
+import React from 'react';
+import type { HookName } from '../types';
+import type { TwilightContextValue } from '../providers/twilight.types';
+/**
+ * HookSlot - Renders hook handlers and Salla web component hook slots
+ *
+ * A React component that renders all registered hooks for a given hook name,
+ * along with a custom `<salla-hook>` element for the Salla SDK to hook into.
+ * Supports React hook handlers and falls back to rendering fallback content
+ * when no hooks are registered.
+ *
+ * Handlers receive context with full twilight data merged in:
+ * - isReady, store, theme, currency, config, api, salla
+ *
+ * @example
+ * ```tsx
+ * function Header() {
+ *   return (
+ *     <header>
+ *       <HookSlot name="header.before" />
+ *       <nav>Main navigation</nav>
+ *       <HookSlot name="header.after" fallback={<SearchForm />} />
+ *     </header>
+ *   );
+ * }
+ * ```
+ *
+ * @example Using twilight context in hook handler
+ * ```tsx
+ * import type { HookContext } from '@salla.sa/twilight-theme-engine';
+ *
+ * hookRegistry.register('body:end', (context: HookContext) => {
+ *   const { twilight } = context;
+ *   if (!twilight?.theme?.settings?.enable_toast) return null;
+ *   return <MyToast />;
+ * });
+ *
+ * // With custom context - extend the interface
+ * interface ProductHookContext extends HookContext {
+ *   digital_files_settings?: DigitalFilesSettings;
+ * }
+ * hookRegistry.register('product:single.description', (context: ProductHookContext) => {
+ *   const { digital_files_settings } = context;
+ *   if (!digital_files_settings) return null;
+ *   return <DigitalFilesSettings {...digital_files_settings} />;
+ * });
+ * ```
+ *
+ * Note: Add `salla-hook{all:unset;display:none}` to your global CSS for proper styling.
+ */
+/**
+ * Hook context with full twilight context merged in.
+ * Use this type for hook handlers to get proper DX.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage with twilight context only
+ * hookRegistry.register('body:end', (context: HookContext) => {
+ *   const { twilight } = context;
+ *   if (!twilight?.theme?.settings?.enable_toast) return null;
+ *   return <MyToast />;
+ * });
+ *
+ * // With custom context - extend the interface
+ * interface MyHookContext extends HookContext {
+ *   digital_files_settings?: DigitalFilesSettings;
+ * }
+ * hookRegistry.register('product:single.description', (context: MyHookContext) => {
+ *   const { digital_files_settings } = context;
+ *   if (!digital_files_settings) return null;
+ *   return <DigitalFilesSettings {...digital_files_settings} />;
+ * });
+ * ```
+ */
+export interface HookContext {
+    /** Full twilight context (store, theme, currency, etc.) */
+    twilight: TwilightContextValue;
+    /** Custom context passed via HookSlot context prop */
+    [K: string]: unknown;
+}
+export interface HookSlotProps {
+    /** The hook name to render handlers for (HookName enum or string) */
+    name: HookName | string;
+    /** Context data passed to each hook handler (merged with twilight context) */
+    context?: Record<string, unknown>;
+    /** Fallback content when no hook handlers are registered */
+    fallback?: React.ReactNode;
+    /**
+     * Render <SallaHook> during SSR. Default is client-only to avoid
+     * hydration mismatches when external JS injects DOM content.
+     * Set to true for head hooks where no external JS injection occurs.
+     */
+    ssr?: boolean;
+}
+export declare function HookSlot({ name, context, fallback, ssr, }: HookSlotProps): React.JSX.Element | null;
+//# sourceMappingURL=HookSlot.d.ts.map

package/dist/hooks/HookSlot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HookSlot.d.ts","sourceRoot":"","sources":["../../src/hooks/HookSlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAAe,QAAQ,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AAEH;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,WAAW;IAC1B,2DAA2D;IAC3D,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,sDAAsD;IACtD,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,qEAAqE;IACrE,IAAI,EAAE,QAAQ,GAAG,MAAM,CAAC;IACxB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AA6BD,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,OAAO,EACP,QAAe,EACf,GAAW,GACZ,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA4C1C"}

package/dist/hooks/HookSlot.js

@@ -0,0 +1,6 @@
+export { HookSlot } from '../chunk-25SSLQAJ.js';
+import '../chunk-J37AYLWL.js';
+import '../chunk-BWFBVXT3.js';
+import '../chunk-DGUM43GV.js';
+//# sourceMappingURL=HookSlot.js.map
+//# sourceMappingURL=HookSlot.js.map

package/dist/hooks/HookSlot.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"HookSlot.js"}

package/dist/hooks/index.d.ts

@@ -0,0 +1,27 @@
+export { HookSlot, type HookSlotProps, type HookContext } from './HookSlot';
+export { hookRegistry, defineHooks, HookRegistry } from './HookRegistry';
+export { useHook } from './useHook';
+export { HookName, type HookHandler, type HookDefinition, type HookHandlers } from '../types/hooks';
+export type { AsyncState, AsyncStateWithValue, AsyncAction, AsyncActionWithParam, ToggleActions, ToggleActionsWithItem, ApplyActions, UseToggleWithItems, UseToggle, UseApply, FetchState, FetchStateWithRefresh, } from './types';
+export { useWishlist, type UseWishlistResult } from './useWishlist';
+export { useBlogLike, type UseBlogLikeResult } from './useBlogLike';
+export { useCoupon, type UseCouponResult } from './useCoupon';
+export { useProduct, type UseProductResult } from './useProduct';
+export { useStore, type UseStoreResult } from './useStore';
+export { useTheme, type UseThemeResult } from './useTheme';
+export { useDate, type UseDateResult } from './useDate';
+export { useNumber, type UseNumberResult } from './useNumber';
+export { useMoney, type UseMoneyResult } from './useMoney';
+export { useAsset, type UseAssetResult } from './useAsset';
+export { useGtm, type UseGtmResult } from './useGtm';
+export { useComments, type UseCommentsResult } from './useComments';
+export { useOpeningHours, type UseOpeningHoursResult } from './useOpeningHours';
+export { useAsyncFn, type AsyncFnReturn, type AsyncState as AsyncFnState } from './useAsyncFn';
+export { useDocumentClass } from './useDocumentClass';
+export { usePageConfig, type PageConfigData } from './usePageConfig';
+export { useIsClient } from './useIsClient';
+export { useBreadcrumbs } from './useBreadcrumbs';
+export { useUser } from './useUser';
+import './registerDefaultHooks';
+export { registerDefaultHooks } from './registerDefaultHooks';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,OAAO,EAAE,QAAQ,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGpG,YAAY,EACV,UAAU,EACV,mBAAmB,EACnB,WAAW,EACX,oBAAoB,EACpB,aAAa,EACb,qBAAqB,EACrB,YAAY,EACZ,kBAAkB,EAClB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,qBAAqB,GACtB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,WAAW,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,KAAK,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,KAAK,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,IAAI,YAAY,EAAE,MAAM,cAAc,CAAC;AAC/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,OAAO,wBAAwB,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/hooks/index.js

@@ -0,0 +1,39 @@
+export { registerDefaultHooks, useBreadcrumbs, useDate, useGtm, useMoney, useNumber, useOpeningHours, usePageConfig, useStore } from '../chunk-GLM3RPCP.js';
+import '../chunk-QTDGM2SO.js';
+import '../chunk-5Q6PFLDN.js';
+import '../chunk-GO34DE35.js';
+import '../chunk-VVZNW5CB.js';
+export { HookName } from '../chunk-LBUMC5PB.js';
+import '../chunk-MTONGOJD.js';
+export { useHook } from '../chunk-2FU6CVSB.js';
+export { useUser } from '../chunk-I5Z4NJBB.js';
+import '../chunk-TCSNNCRH.js';
+import '../chunk-2TB2LTL2.js';
+import '../chunk-QYL5OHAV.js';
+import '../chunk-KIPZQN3Y.js';
+export { useAsset } from '../chunk-Z653O7MX.js';
+import '../chunk-ZCH7W7DZ.js';
+export { useProduct } from '../chunk-SSRNIBVV.js';
+export { useDocumentClass } from '../chunk-GN34LCTG.js';
+import '../chunk-CW625T2E.js';
+export { useCoupon } from '../chunk-BVSJPBJ6.js';
+export { useWishlist } from '../chunk-GBWCXUPD.js';
+export { useBlogLike } from '../chunk-UIX3W2PN.js';
+import '../chunk-VVRYP6IL.js';
+import '../chunk-T72DAX7R.js';
+export { useComments } from '../chunk-YMVLYYLU.js';
+import '../chunk-RYBA3JDM.js';
+export { HookSlot, useIsClient } from '../chunk-25SSLQAJ.js';
+export { HookRegistry, defineHooks, hookRegistry } from '../chunk-J37AYLWL.js';
+import '../chunk-2KF5JJU6.js';
+import '../chunk-TZ4YD5CU.js';
+import '../chunk-XUI3TRXF.js';
+export { useAsyncFn } from '../chunk-6BZ5TKEV.js';
+export { useTheme } from '../chunk-UE3BUFZI.js';
+import '../chunk-3DCZJDDK.js';
+import '../chunk-3UHSMGPY.js';
+import '../chunk-MXQCE3KA.js';
+import '../chunk-BWFBVXT3.js';
+import '../chunk-DGUM43GV.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/hooks/registerDefaultHooks.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Auto-registered default hooks for tracking/notification components.
+ *
+ * This module is imported automatically by hooks/index.ts to register
+ * default handlers for body:start and body:end hooks.
+ *
+ * All handlers check conditions at render time via twilight context,
+ * so they work without any setup from theme-custom.
+ */
+/**
+ * Register all default hooks from theme-engine.
+ * Called automatically on module import.
+ *
+ * Note: theme-custom can register additional handlers like AddProductToast.
+ */
+declare function registerDefaultHooks(): void;
+export { registerDefaultHooks };
+//# sourceMappingURL=registerDefaultHooks.d.ts.map

package/dist/hooks/registerDefaultHooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerDefaultHooks.d.ts","sourceRoot":"","sources":["../../src/hooks/registerDefaultHooks.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AA4IH;;;;;GAKG;AACH,iBAAS,oBAAoB,IAAI,IAAI,CAYpC;AAKD,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/hooks/types.d.ts

@@ -0,0 +1,100 @@
+/**
+ * Shared types for hooks
+ *
+ * These types provide consistent patterns across all hooks for:
+ * - Async state (loading, error)
+ * - Toggle operations (add/remove/toggle)
+ * - Item-based operations
+ */
+/**
+ * Base async state for operations with loading and error states
+ */
+export interface AsyncState {
+    /** True while operation is in progress */
+    loading: boolean;
+    /** Error message if operation failed, null otherwise */
+    error: string | null;
+}
+/**
+ * Async state with a value
+ */
+export interface AsyncStateWithValue<T> extends AsyncState {
+    /** The resolved value */
+    value: T;
+}
+/**
+ * Standard async action that returns success boolean
+ */
+export type AsyncAction = () => Promise<boolean>;
+/**
+ * Standard async action with parameter
+ */
+export type AsyncActionWithParam<T> = (param: T) => Promise<boolean>;
+/**
+ * Toggle actions without parameters (e.g., blog like)
+ */
+export interface ToggleActions {
+    add: AsyncAction;
+    remove: AsyncAction;
+    toggle: AsyncAction;
+}
+/**
+ * Toggle actions with item parameter (e.g., wishlist item)
+ */
+export interface ToggleActionsWithItem<T = number> {
+    has: (item: T) => boolean;
+    add: AsyncActionWithParam<T>;
+    remove: AsyncActionWithParam<T>;
+    toggle: AsyncActionWithParam<T>;
+}
+/**
+ * Simple apply/remove actions (e.g., coupon)
+ */
+export interface ApplyActions<T = string> {
+    apply: AsyncActionWithParam<T>;
+    remove: AsyncAction;
+}
+/**
+ * Hook return for toggle operations with item (wishlist, etc.)
+ */
+export interface UseToggleWithItems<T = number> extends AsyncState, ToggleActionsWithItem<T> {
+    /** Array of item IDs */
+    ids: T[];
+    /** Count of items */
+    count: number;
+}
+/**
+ * Hook return for simple toggle operations (blog like)
+ */
+export interface UseToggle extends AsyncState, ToggleActions {
+    /** Whether currently active */
+    active: boolean;
+    /** Count (e.g., like count) */
+    count: number;
+}
+/**
+ * Hook return for apply/remove operations (coupon)
+ */
+export interface UseApply<T = string> extends AsyncState, ApplyActions<T> {
+    /** Current value */
+    value: T | null;
+}
+/**
+ * State for data fetching hooks
+ */
+export interface FetchState<T> {
+    /** The fetched data */
+    data: T;
+    /** True while fetching */
+    loading: boolean;
+    /** Error if fetch failed */
+    error: Error | null;
+}
+/**
+ * State for data fetching with refresh capability
+ */
+export interface FetchStateWithRefresh<T> extends FetchState<T> {
+    /** Refresh the data */
+    refresh: () => Promise<void>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/hooks/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/hooks/types.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,0CAA0C;IAC1C,OAAO,EAAE,OAAO,CAAC;IACjB,wDAAwD;IACxD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB,CAAC,CAAC,CAAE,SAAQ,UAAU;IACxD,yBAAyB;IACzB,KAAK,EAAE,CAAC,CAAC;CACV;AAMD;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;AAErE;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,WAAW,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,WAAW,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB,CAAC,CAAC,GAAG,MAAM;IAC/C,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IAC1B,GAAG,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAC7B,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAChC,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,MAAM;IACtC,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;IAC/B,MAAM,EAAE,WAAW,CAAC;CACrB;AAMD;;GAEG;AACH,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,UAAU,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAC1F,wBAAwB;IACxB,GAAG,EAAE,CAAC,EAAE,CAAC;IACT,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,UAAU,EAAE,aAAa;IAC1D,+BAA+B;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,QAAQ,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC;IACvE,oBAAoB;IACpB,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;CACjB;AAMD;;GAEG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,uBAAuB;IACvB,IAAI,EAAE,CAAC,CAAC;IACR,0BAA0B;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,4BAA4B;IAC5B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB,CAAC,CAAC,CAAE,SAAQ,UAAU,CAAC,CAAC,CAAC;IAC7D,uBAAuB;IACvB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B"}

package/dist/hooks/useAsset.d.ts

@@ -0,0 +1,26 @@
+import { asset, cdn, isPlaceholder } from '../utils/asset';
+/**
+ * UseAssetResult - Return type for useAsset hook
+ */
+export interface UseAssetResult {
+    /** Generate asset URL */
+    asset: typeof asset;
+    /** Generate CDN URL with optional dimensions */
+    cdn: typeof cdn;
+    /** Check if a URL is the placeholder image */
+    isPlaceholder: typeof isPlaceholder;
+}
+/**
+ * useAsset - Hook for generating asset and CDN URLs
+ *
+ * @returns Object with asset() and cdn() URL generation functions
+ *
+ * @example
+ * const { asset, cdn } = useAsset();
+ * asset('images/icon.png')           // '/assets/images/icon.png'
+ * cdn('images/product.jpg')          // 'https://cdn.salla.network/images/product.jpg'
+ * cdn('images/product.jpg', 400)     // With width
+ * cdn('images/product.jpg', 400, 300) // With width + height
+ */
+export declare function useAsset(): UseAssetResult;
+//# sourceMappingURL=useAsset.d.ts.map

package/dist/hooks/useAsset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAsset.d.ts","sourceRoot":"","sources":["../../src/hooks/useAsset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,yBAAyB;IACzB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,gDAAgD;IAChD,GAAG,EAAE,OAAO,GAAG,CAAC;IAChB,8CAA8C;IAC9C,aAAa,EAAE,OAAO,aAAa,CAAC;CACrC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,IAAI,cAAc,CAEzC"}

package/dist/hooks/useAsset.js

@@ -0,0 +1,5 @@
+export { useAsset } from '../chunk-Z653O7MX.js';
+import '../chunk-ZCH7W7DZ.js';
+import '../chunk-DGUM43GV.js';
+//# sourceMappingURL=useAsset.js.map
+//# sourceMappingURL=useAsset.js.map

package/dist/hooks/useAsset.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"useAsset.js"}

package/dist/hooks/useAsyncFn.d.ts

@@ -0,0 +1,68 @@
+import { DependencyList } from 'react';
+type FunctionReturningPromise = (...args: never[]) => Promise<unknown>;
+type PromiseType<P extends Promise<unknown>> = P extends Promise<infer T> ? T : never;
+/**
+ * AsyncState - State type for async operations
+ *
+ * Represents the four possible states of an async operation:
+ * - Loading with no value
+ * - Loading with error (rare, usually only initial state)
+ * - Error with no value
+ * - Success with value
+ */
+export type AsyncState<T> = {
+    loading: boolean;
+    error?: undefined;
+    value?: undefined;
+} | {
+    loading: true;
+    error?: Error | undefined;
+    value?: T;
+} | {
+    loading: false;
+    error: Error;
+    value?: undefined;
+} | {
+    loading: false;
+    error?: undefined;
+    value: T;
+};
+type StateFromFunctionReturningPromise<T extends FunctionReturningPromise> = AsyncState<PromiseType<ReturnType<T>>>;
+/**
+ * AsyncFnReturn - Return type for useAsyncFn hook
+ *
+ * Tuple containing the current async state and the wrapped function.
+ */
+export type AsyncFnReturn<T extends FunctionReturningPromise = FunctionReturningPromise> = [
+    StateFromFunctionReturningPromise<T>,
+    T
+];
+/**
+ * useAsyncFn - Hook for managing async operations with loading/error states
+ *
+ * A React hook that wraps async functions to handle loading states, errors,
+ * and mounted state checks. Prevents state updates on unmounted components
+ * and deduplicates concurrent calls using a call ID system.
+ *
+ * @param fn - The async function to wrap
+ * @param deps - Dependency array for useCallback memoization
+ * @param initialState - Optional initial state (defaults to { loading: false })
+ *
+ * @returns Tuple of [state, wrappedFunction] where state contains loading/error/value
+ *
+ * @example
+ * ```tsx
+ * const [state, fetchUser] = useAsyncFn(async (id: number) => {
+ *   const response = await api.get(`/users/${id}`);
+ *   return response.data;
+ * }, []);
+ *
+ * const handleLoad = async () => {
+ *   const user = await fetchUser(123);
+ *   // state.value contains the user when loading === false
+ * };
+ * ```
+ */
+export declare function useAsyncFn<T extends FunctionReturningPromise>(fn: T, deps?: DependencyList, initialState?: StateFromFunctionReturningPromise<T>): AsyncFnReturn<T>;
+export {};
+//# sourceMappingURL=useAsyncFn.d.ts.map

package/dist/hooks/useAsyncFn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAsyncFn.d.ts","sourceRoot":"","sources":["../../src/hooks/useAsyncFn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA4C,MAAM,OAAO,CAAC;AAEjF,KAAK,wBAAwB,GAAG,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;AACvE,KAAK,WAAW,CAAC,CAAC,SAAS,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAEtF;;;;;;;;GAQG;AACH,MAAM,MAAM,UAAU,CAAC,CAAC,IACpB;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,GAC1D;IAAE,OAAO,EAAE,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,CAAC,CAAA;CAAE,GACvD;IAAE,OAAO,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,KAAK,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,GACnD;IAAE,OAAO,EAAE,KAAK,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,CAAC,CAAA;CAAE,CAAC;AAEpD,KAAK,iCAAiC,CAAC,CAAC,SAAS,wBAAwB,IAAI,UAAU,CACrF,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAC3B,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,wBAAwB,GAAG,wBAAwB,IAAI;IACzF,iCAAiC,CAAC,CAAC,CAAC;IACpC,CAAC;CACF,CAAC;AAoBF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,wBAAwB,EAC3D,EAAE,EAAE,CAAC,EACL,IAAI,GAAE,cAAmB,EACzB,YAAY,GAAE,iCAAiC,CAAC,CAAC,CAAsB,GACtE,aAAa,CAAC,CAAC,CAAC,CA8BlB"}

package/dist/hooks/useAsyncFn.js

@@ -0,0 +1,4 @@
+export { useAsyncFn } from '../chunk-6BZ5TKEV.js';
+import '../chunk-DGUM43GV.js';
+//# sourceMappingURL=useAsyncFn.js.map
+//# sourceMappingURL=useAsyncFn.js.map

package/dist/hooks/useAsyncFn.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"useAsyncFn.js"}

package/dist/hooks/useBlogLike.d.ts

@@ -0,0 +1,7 @@
+import type { UseToggle } from './types';
+/**
+ * UseBlogLikeResult - Return type for useBlogLike hook
+ */
+export type UseBlogLikeResult = UseToggle;
+export declare function useBlogLike(blogId: number, initialCount?: number): UseBlogLikeResult;
+//# sourceMappingURL=useBlogLike.d.ts.map

package/dist/hooks/useBlogLike.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBlogLike.d.ts","sourceRoot":"","sources":["../../src/hooks/useBlogLike.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,CAAC;AAuC1C,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,GAAE,MAAU,GAAG,iBAAiB,CAwDvF"}

package/dist/hooks/useBlogLike.js

@@ -0,0 +1,7 @@
+export { useBlogLike } from '../chunk-UIX3W2PN.js';
+import '../chunk-VVRYP6IL.js';
+import '../chunk-T72DAX7R.js';
+import '../chunk-6BZ5TKEV.js';
+import '../chunk-DGUM43GV.js';
+//# sourceMappingURL=useBlogLike.js.map
+//# sourceMappingURL=useBlogLike.js.map

package/dist/hooks/useBlogLike.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"useBlogLike.js"}

package/dist/hooks/useBreadcrumbs.d.ts

@@ -0,0 +1,3 @@
+import type { Breadcrumb, Page } from '../types';
+export declare function useBreadcrumbs(page?: Page | null): Breadcrumb[];
+//# sourceMappingURL=useBreadcrumbs.d.ts.map

package/dist/hooks/useBreadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreadcrumbs.d.ts","sourceRoot":"","sources":["../../src/hooks/useBreadcrumbs.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEjD,wBAAgB,cAAc,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,UAAU,EAAE,CAqC/D"}

package/dist/hooks/useComments.d.ts

@@ -0,0 +1,36 @@
+/**
+ * UseCommentsResult - Return type for useComments hook
+ *
+ * @property commentsKey - Key to pass to salla-comments component for re-render
+ * @property refresh - Function to manually trigger a comments refresh
+ */
+export interface UseCommentsResult {
+    commentsKey: number;
+    refresh: () => void;
+}
+/**
+ * useComments - Hook for managing salla-comments web component re-renders
+ *
+ * Listens to the Salla SDK's comment added events and automatically
+ * increments a re-render key for the salla-comments component. This
+ * eliminates the need for full page reloads when comments are added.
+ *
+ * @returns Object with comments key for component re-rendering and manual refresh function
+ *
+ * @example
+ * ```tsx
+ * function ProductPage({ product }) {
+ *   const { commentsKey } = useComments();
+ *
+ *   return (
+ *     <salla-comments
+ *       key={commentsKey}
+ *       item-id={product.id}
+ *       type="product"
+ *     />
+ *   );
+ * }
+ * ```
+ */
+export declare function useComments(): UseCommentsResult;
+//# sourceMappingURL=useComments.d.ts.map

package/dist/hooks/useComments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComments.d.ts","sourceRoot":"","sources":["../../src/hooks/useComments.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,wBAAgB,WAAW,IAAI,iBAAiB,CAuB/C"}

package/dist/hooks/useComments.js

@@ -0,0 +1,4 @@
+export { useComments } from '../chunk-YMVLYYLU.js';
+import '../chunk-DGUM43GV.js';
+//# sourceMappingURL=useComments.js.map
+//# sourceMappingURL=useComments.js.map

package/dist/hooks/useComments.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"useComments.js"}