@salla.sa/twilight-theme-engine 1.0.0-beta.9 → 1.0.0

package/dist/{chunk-SSQ75CKA.js → chunk-RINZVHVS.js}

@@ -1,5 +1,5 @@
-import { orThrow } from './chunk-JIJOXZPF.js';
-import { getAuthToken, api } from './chunk-TQUHDSKQ.js';
+import { orThrow } from './chunk-2ZRLSZ4V.js';
+import { getAuthToken, api } from './chunk-2TB2LTL2.js';
 import { queryOptions } from '@tanstack/react-query';
 
 var loyalty = {
@@ -29,5 +29,5 @@ var loyalty = {
 };
 
 export { loyalty };
-//# sourceMappingURL=chunk-SSQ75CKA.js.map
-//# sourceMappingURL=chunk-SSQ75CKA.js.map
+//# sourceMappingURL=chunk-RINZVHVS.js.map
+//# sourceMappingURL=chunk-RINZVHVS.js.map

package/dist/chunk-RINZVHVS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/api/loyalty.ts"],"names":[],"mappings":";;;;AAKO,IAAM,OAAA,GAAU;AAAA,EACrB,KAAK,YAA8B;AACjC,IAAA,MAAM,EAAE,MAAK,GAAI,MAAM,IAAI,GAAA,CAAI,SAAS,EAAE,IAAA,EAAwB;AAClE,IAAA,OAAO,IAAA;AAAA,EACT,CAAA;AAAA,EAEA,UAAA,EAAY,MAAwB,OAAA,CAAQ,OAAA,CAAQ,KAAK,CAAA;AAAA,EAEzD,kBAAkB,YAA6B;AAC7C,IAAA,MAAM,WAAW,MAAM,GAAA,CAAI,GAAA,CAAI,gBAAgB,EAAE,IAAA,EAA2B;AAC5E,IAAA,OAAO,QAAA,CAAS,OAAA;AAAA,EAClB,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,MAAA,EAAQ,MACN,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,SAAS,CAAA;AAAA,MACpB,OAAA,EAAS,MAAM,OAAA,CAAQ,GAAA;AAAI,KAC5B,CAAA;AAAA,IACH,MAAA,EAAQ,MACN,YAAA,CAA4B;AAAA,MAC1B,QAAA,EAAU,CAAC,SAAA,EAAW,QAAQ,CAAA;AAAA,MAC9B,OAAA,EAAS,MAAM,OAAA,CAAQ,gBAAA,EAAiB;AAAA;AAAA;AAAA,MAGxC,OAAA,EAAS,CAAC,CAAC,YAAA,EAAa;AAAA,MACxB,SAAA,EAAW;AAAA,KACZ;AAAA;AAEP","file":"chunk-RINZVHVS.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api, getAuthToken } from './client';\nimport type { Loyalty, PointBalanceResponse } from '../routes/loyalty/types';\nimport { orThrow } from '../providers/NavigationProvider';\n\nexport const loyalty = {\n  get: async (): Promise<Loyalty> => {\n    const { data } = await api.get('loyalty').json<{ data: Loyalty }>();\n    return data;\n  },\n\n  getOrThrow: (): Promise<Loyalty> => orThrow(loyalty.get()),\n\n  getPointsBalance: async (): Promise<number> => {\n    const response = await api.get('balance/points').json<PointBalanceResponse>();\n    return response.balance;\n  },\n\n  queries: {\n    detail: () =>\n      queryOptions({\n        queryKey: ['loyalty'],\n        queryFn: () => loyalty.get(),\n      }),\n    points: () =>\n      queryOptions<number | null>({\n        queryKey: ['loyalty', 'points'],\n        queryFn: () => loyalty.getPointsBalance(),\n        // Points are customer-scoped; skip for guests (no token) — the request would\n        // otherwise 400 with `token_not_provided`.\n        enabled: !!getAuthToken(),\n        staleTime: 30_000,\n      }),\n  },\n};\n"]}

package/dist/{chunk-RYBA3JDM.js → chunk-RJPPO3ET.js}

@@ -1,5 +1,5 @@
-import { HookSlot } from './chunk-25SSLQAJ.js';
-import { useTwilight } from './chunk-BWFBVXT3.js';
+import { HookSlot } from './chunk-Q7VWURUR.js';
+import { useTwilight } from './chunk-DF6FBKDN.js';
 import { useEffect } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
@@ -29,5 +29,5 @@ function WidgetHead() {
 }
 
 export { WidgetHead, pushEqualHeightConfig };
-//# sourceMappingURL=chunk-RYBA3JDM.js.map
-//# sourceMappingURL=chunk-RYBA3JDM.js.map
+//# sourceMappingURL=chunk-RJPPO3ET.js.map
+//# sourceMappingURL=chunk-RJPPO3ET.js.map

package/dist/{chunk-RYBA3JDM.js.map → chunk-RJPPO3ET.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/layout/WidgetHead.tsx"],"names":[],"mappings":";;;;;AAUO,SAAS,sBAAsB,QAAA,EAAyC;AAC7E,EAAA,MAAM,SAAA,GAAY,SAAS,qCAAqC,CAAA;AAChE,EAAA,IAAI,SAAA,KAAc,MAAA,IAAa,SAAA,KAAc,IAAA,EAAM;AAEnD,EAAA,MAAA,CAAO,SAAA,GAAY,MAAA,CAAO,SAAA,IAAa,EAAC;AACxC,EAAA,MAAA,CAAO,UAAU,IAAA,CAAK;AAAA,IACpB,WAAA,EAAa;AAAA,MACX,SAAA,EAAW,QAAQ,SAAS,CAAA;AAAA,MAC5B,GAAA,EAAK,MAAA,CAAO,QAAA,CAAS,uCAAuC,KAAK,GAAG,CAAA;AAAA,MACpE,SAAA,EAAW,MAAA,CAAO,QAAA,CAAS,kCAAkC,KAAK,KAAK;AAAA;AACzE,GACD,CAAA;AACH;AAcO,SAAS,UAAA,GAAa;AAC3B,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,WAAA,EAAY;AAG9B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,QAAA,GAAY,KAAA,CAAM,QAAA,IAAmD,EAAC;AAC5E,IAAA,qBAAA,CAAsB,QAAQ,CAAA;AAAA,EAChC,GAAG,CAAC,KAAA,CAAM,EAAA,EAAI,KAAA,CAAM,QAAQ,CAAC,CAAA;AAE7B,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,YAAA,EAAa,GAAA,EAAG,IAAA,EAAC,CAAA;AAAA,oBAChC,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,MAAA,EAAO,KAAG,IAAA,EAAC,CAAA;AAAA,oBAC1B,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,UAAA,EAAW,KAAG,IAAA,EAAC;AAAA,GAAA,EAChC,CAAA;AAEJ","file":"chunk-RYBA3JDM.js","sourcesContent":["import { useEffect } from 'react';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { HookSlot } from '../../hooks/HookSlot';\n\n/**\n * Pushes the equal-height product card configuration to the GTM dataLayer.\n * Mirrors PHP `HeadWidget::run()` -> `GoogleTagManager::set('equalHeight', ...)`.\n *\n * @param settings - Flat settings map from the store (keyed by dot-path strings).\n */\nexport function pushEqualHeightConfig(settings: Record<string, unknown>): void {\n  const isEnabled = settings['products::card.equal-height.enabled'];\n  if (isEnabled === undefined || isEnabled === null) return;\n\n  window.dataLayer = window.dataLayer ?? [];\n  window.dataLayer.push({\n    equalHeight: {\n      isEnabled: Boolean(isEnabled),\n      max: Number(settings['products::card.equal-height.max-pixel'] ?? 300),\n      classType: String(settings['products::card.equal-height.type'] ?? 'min'),\n    },\n  });\n}\n\n/**\n * WidgetHead - Client-side head infrastructure widget.\n *\n * Handles runtime-only head operations that cannot be done in SSR head():\n * - Pushes `equalHeight` config to GTM dataLayer (requires window).\n * - Exposes `head:start`, `head`, and `head:end` HookSlots for theme customisation.\n *\n * Static head elements (favicon, msapplication tiles, theme colors, hreflang, custom CSS/JS)\n * are handled in __root.tsx head() function.\n *\n * Renders no visible UI.\n */\nexport function WidgetHead() {\n  const { store } = useTwilight();\n\n  // ── equalHeight → GTM dataLayer ───────────────────────────────────────────\n  useEffect(() => {\n    const settings = (store.settings as unknown as Record<string, unknown>) ?? {};\n    pushEqualHeightConfig(settings);\n  }, [store.id, store.settings]);\n\n  return (\n    <>\n      <HookSlot name=\"head:start\" ssr />\n      <HookSlot name=\"head\" ssr />\n      <HookSlot name=\"head:end\" ssr />\n    </>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/layout/WidgetHead.tsx"],"names":[],"mappings":";;;;;AAUO,SAAS,sBAAsB,QAAA,EAAyC;AAC7E,EAAA,MAAM,SAAA,GAAY,SAAS,qCAAqC,CAAA;AAChE,EAAA,IAAI,SAAA,KAAc,MAAA,IAAa,SAAA,KAAc,IAAA,EAAM;AAEnD,EAAA,MAAA,CAAO,SAAA,GAAY,MAAA,CAAO,SAAA,IAAa,EAAC;AACxC,EAAA,MAAA,CAAO,UAAU,IAAA,CAAK;AAAA,IACpB,WAAA,EAAa;AAAA,MACX,SAAA,EAAW,QAAQ,SAAS,CAAA;AAAA,MAC5B,GAAA,EAAK,MAAA,CAAO,QAAA,CAAS,uCAAuC,KAAK,GAAG,CAAA;AAAA,MACpE,SAAA,EAAW,MAAA,CAAO,QAAA,CAAS,kCAAkC,KAAK,KAAK;AAAA;AACzE,GACD,CAAA;AACH;AAcO,SAAS,UAAA,GAAa;AAC3B,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,WAAA,EAAY;AAG9B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,QAAA,GAAY,KAAA,CAAM,QAAA,IAAmD,EAAC;AAC5E,IAAA,qBAAA,CAAsB,QAAQ,CAAA;AAAA,EAChC,GAAG,CAAC,KAAA,CAAM,EAAA,EAAI,KAAA,CAAM,QAAQ,CAAC,CAAA;AAE7B,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,YAAA,EAAa,GAAA,EAAG,IAAA,EAAC,CAAA;AAAA,oBAChC,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,MAAA,EAAO,KAAG,IAAA,EAAC,CAAA;AAAA,oBAC1B,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,UAAA,EAAW,KAAG,IAAA,EAAC;AAAA,GAAA,EAChC,CAAA;AAEJ","file":"chunk-RJPPO3ET.js","sourcesContent":["import { useEffect } from 'react';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { HookSlot } from '../../hooks/HookSlot';\n\n/**\n * Pushes the equal-height product card configuration to the GTM dataLayer.\n * Mirrors PHP `HeadWidget::run()` -> `GoogleTagManager::set('equalHeight', ...)`.\n *\n * @param settings - Flat settings map from the store (keyed by dot-path strings).\n */\nexport function pushEqualHeightConfig(settings: Record<string, unknown>): void {\n  const isEnabled = settings['products::card.equal-height.enabled'];\n  if (isEnabled === undefined || isEnabled === null) return;\n\n  window.dataLayer = window.dataLayer ?? [];\n  window.dataLayer.push({\n    equalHeight: {\n      isEnabled: Boolean(isEnabled),\n      max: Number(settings['products::card.equal-height.max-pixel'] ?? 300),\n      classType: String(settings['products::card.equal-height.type'] ?? 'min'),\n    },\n  });\n}\n\n/**\n * WidgetHead - Client-side head infrastructure widget.\n *\n * Handles runtime-only head operations that cannot be done in SSR head():\n * - Pushes `equalHeight` config to GTM dataLayer (requires window).\n * - Exposes `head:start`, `head`, and `head:end` HookSlots for theme customisation.\n *\n * Static head elements (favicon, msapplication tiles, theme colors, hreflang, custom CSS/JS)\n * are handled in __root.tsx head() function.\n *\n * Renders no visible UI.\n */\nexport function WidgetHead() {\n  const { store } = useTwilight();\n\n  // ── equalHeight → GTM dataLayer ───────────────────────────────────────────\n  useEffect(() => {\n    const settings = (store.settings as unknown as Record<string, unknown>) ?? {};\n    pushEqualHeightConfig(settings);\n  }, [store.id, store.settings]);\n\n  return (\n    <>\n      <HookSlot name=\"head:start\" ssr />\n      <HookSlot name=\"head\" ssr />\n      <HookSlot name=\"head:end\" ssr />\n    </>\n  );\n}\n"]}

package/dist/{chunk-Q6MQLAYL.js → chunk-TCSNNCRH.js}

@@ -1,4 +1,4 @@
-import { api } from './chunk-TQUHDSKQ.js';
+import { api } from './chunk-2TB2LTL2.js';
 import { queryOptions } from '@tanstack/react-query';
 
 var user = {
@@ -19,5 +19,5 @@ var user = {
 };
 
 export { user };
-//# sourceMappingURL=chunk-Q6MQLAYL.js.map
-//# sourceMappingURL=chunk-Q6MQLAYL.js.map
+//# sourceMappingURL=chunk-TCSNNCRH.js.map
+//# sourceMappingURL=chunk-TCSNNCRH.js.map

package/dist/{chunk-Q6MQLAYL.js.map → chunk-TCSNNCRH.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/api/user.ts"],"names":[],"mappings":";;;AAIO,IAAM,IAAA,GAAO;AAAA,EAClB,KAAK,YAAkC;AACrC,IAAA,IAAI;AACF,MAAA,OAAO,MAAM,GAAA,CACV,GAAA,CAAI,WAAW,CAAA,CACf,MAAmC,CACnC,IAAA,CAAK,CAAC,CAAA,MAAO,EAAE,GAAG,CAAA,CAAE,IAAA,EAAM,IAAA,EAAM,QAAgB,CAAE,CAAA;AAAA,IACvD,SAAS,KAAA,EAAO;AACd,MAAA,OAAA,CAAQ,KAAA,CAAM,sBAAsB,KAAK,CAAA;AACzC,MAAA,OAAO,IAAA;AAAA,IACT;AAAA,EACF,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,MACP,YAAA,CAA0B;AAAA,MACxB,QAAA,EAAU,CAAC,MAAA,EAAQ,SAAS,CAAA;AAAA,MAC5B,SAAS,IAAA,CAAK;AAAA,KACf;AAAA;AAEP","file":"chunk-Q6MQLAYL.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\nimport type { User } from '../types';\n\nexport const user = {\n  get: async (): Promise<User | null> => {\n    try {\n      return await api\n        .get('auth/user')\n        .json<{ data: Omit<User, 'type'> }>()\n        .then((r) => ({ ...r.data, type: 'user' as const }));\n    } catch (error) {\n      console.debug('[user.get] Failed:', error);\n      return null;\n    }\n  },\n\n  queries: {\n    current: () =>\n      queryOptions<User | null>({\n        queryKey: ['user', 'current'],\n        queryFn: user.get,\n      }),\n  },\n};\n"]}
+{"version":3,"sources":["../src/api/user.ts"],"names":[],"mappings":";;;AAIO,IAAM,IAAA,GAAO;AAAA,EAClB,KAAK,YAAkC;AACrC,IAAA,IAAI;AACF,MAAA,OAAO,MAAM,GAAA,CACV,GAAA,CAAI,WAAW,CAAA,CACf,MAAmC,CACnC,IAAA,CAAK,CAAC,CAAA,MAAO,EAAE,GAAG,CAAA,CAAE,IAAA,EAAM,IAAA,EAAM,QAAgB,CAAE,CAAA;AAAA,IACvD,SAAS,KAAA,EAAO;AACd,MAAA,OAAA,CAAQ,KAAA,CAAM,sBAAsB,KAAK,CAAA;AACzC,MAAA,OAAO,IAAA;AAAA,IACT;AAAA,EACF,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,MACP,YAAA,CAA0B;AAAA,MACxB,QAAA,EAAU,CAAC,MAAA,EAAQ,SAAS,CAAA;AAAA,MAC5B,SAAS,IAAA,CAAK;AAAA,KACf;AAAA;AAEP","file":"chunk-TCSNNCRH.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\nimport type { User } from '../types';\n\nexport const user = {\n  get: async (): Promise<User | null> => {\n    try {\n      return await api\n        .get('auth/user')\n        .json<{ data: Omit<User, 'type'> }>()\n        .then((r) => ({ ...r.data, type: 'user' as const }));\n    } catch (error) {\n      console.debug('[user.get] Failed:', error);\n      return null;\n    }\n  },\n\n  queries: {\n    current: () =>\n      queryOptions<User | null>({\n        queryKey: ['user', 'current'],\n        queryFn: user.get,\n      }),\n  },\n};\n"]}

package/dist/{chunk-GOYYO4NI.js → chunk-TP3LCGE7.js}

@@ -30,5 +30,5 @@ var HookName = /* @__PURE__ */ ((HookName2) => {
 })(HookName || {});
 
 export { HookName };
-//# sourceMappingURL=chunk-GOYYO4NI.js.map
-//# sourceMappingURL=chunk-GOYYO4NI.js.map
+//# sourceMappingURL=chunk-TP3LCGE7.js.map
+//# sourceMappingURL=chunk-TP3LCGE7.js.map

package/dist/{chunk-GOYYO4NI.js.map → chunk-TP3LCGE7.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/types/hooks.ts"],"names":["HookName"],"mappings":";AAYO,IAAK,QAAA,qBAAAA,SAAAA,KAAL;AAEL,EAAAA,UAAA,YAAA,CAAA,GAAa,YAAA;AACb,EAAAA,UAAA,UAAA,CAAA,GAAW,UAAA;AACX,EAAAA,UAAA,YAAA,CAAA,GAAa,YAAA;AAEb,EAAAA,UAAA,YAAA,CAAA,GAAa,YAAA;AACb,EAAAA,UAAA,UAAA,CAAA,GAAW,UAAA;AACX,EAAAA,UAAA,YAAA,CAAA,GAAa,YAAA;AAEb,EAAAA,UAAA,cAAA,CAAA,GAAe,cAAA;AACf,EAAAA,UAAA,YAAA,CAAA,GAAa,YAAA;AAEb,EAAAA,UAAA,cAAA,CAAA,GAAe,cAAA;AACf,EAAAA,UAAA,YAAA,CAAA,GAAa,YAAA;AAEb,EAAAA,UAAA,2BAAA,CAAA,GAA4B,kCAAA;AAC5B,EAAAA,UAAA,qBAAA,CAAA,GAAsB,4BAAA;AACtB,EAAAA,UAAA,yBAAA,CAAA,GAA0B,gCAAA;AAC1B,EAAAA,UAAA,oBAAA,CAAA,GAAqB,2BAAA;AACrB,EAAAA,UAAA,kBAAA,CAAA,GAAmB,yBAAA;AAEnB,EAAAA,UAAA,kBAAA,CAAA,GAAmB,kBAAA;AACnB,EAAAA,UAAA,gBAAA,CAAA,GAAiB,gBAAA;AACjB,EAAAA,UAAA,oBAAA,CAAA,GAAqB,oBAAA;AACrB,EAAAA,UAAA,kBAAA,CAAA,GAAmB,kBAAA;AAEnB,EAAAA,UAAA,cAAA,CAAA,GAAe,cAAA;AACf,EAAAA,UAAA,oBAAA,CAAA,GAAqB,oBAAA;AACrB,EAAAA,UAAA,kBAAA,CAAA,GAAmB,kBAAA;AACnB,EAAAA,UAAA,YAAA,CAAA,GAAa,YAAA;AAEb,EAAAA,UAAA,iBAAA,CAAA,GAAkB,iBAAA;AAClB,EAAAA,UAAA,kBAAA,CAAA,GAAmB,kBAAA;AACnB,EAAAA,UAAA,mBAAA,CAAA,GAAoB,mBAAA;AAlCV,EAAA,OAAAA,SAAAA;AAAA,CAAA,EAAA,QAAA,IAAA,EAAA","file":"chunk-GOYYO4NI.js","sourcesContent":["import type { ReactNode } from 'react';\n\n/**\n * Predefined hook names for type-safe hook registration.\n *\n * @example\n * ```tsx\n * import { HookName, hookRegistry } from '@salla.sa/twilight-theme-engine';\n *\n * hookRegistry.register(HookName.BODY_END, () => <MyComponent />);\n * ```\n */\nexport enum HookName {\n  // Global - Body\n  BODY_START = 'body:start',\n  BODY_END = 'body:end',\n  BODY_INNER = 'body:inner',\n  // Global - Head\n  HEAD_START = 'head:start',\n  HEAD_END = 'head:end',\n  HEAD_INNER = 'head:inner',\n  // Header\n  HEADER_START = 'header:start',\n  HEADER_END = 'header:end',\n  // Footer\n  FOOTER_START = 'footer:start',\n  FOOTER_END = 'footer:end',\n  // Product\n  PRODUCT_DESCRIPTION_START = 'product:single.description.start',\n  PRODUCT_DESCRIPTION = 'product:single.description',\n  PRODUCT_DESCRIPTION_END = 'product:single.description.end',\n  PRODUCT_FORM_START = 'product:single.form.start',\n  PRODUCT_FORM_END = 'product:single.form.end',\n  // Cart\n  CART_ITEMS_START = 'cart:items.start',\n  CART_ITEMS_END = 'cart:items.end',\n  CART_SUMMARY_START = 'cart:summary.start',\n  CART_SUMMARY_END = 'cart:summary.end',\n  // Search\n  SEARCH_START = 'search:start',\n  SEARCH_ITEMS_START = 'search:items.start',\n  SEARCH_ITEMS_END = 'search:items.end',\n  SEARCH_END = 'search:end',\n  // Homepage\n  HOMEPAGE_SLIDER = 'homepage:slider',\n  HOMEPAGE_BANNERS = 'homepage:banners',\n  HOMEPAGE_FEATURED = 'homepage:featured',\n}\n\n/**\n * Hook handler function type.\n */\nexport type HookHandler<T = Record<string, unknown>> = (context: T) => ReactNode;\n\n/**\n * Hook definition with handler and priority.\n */\nexport interface HookDefinition {\n  handler: HookHandler;\n  priority: number;\n}\n\n/**\n * Hook handlers map for bulk registration.\n */\nexport type HookHandlers = Record<\n  string,\n  | HookHandler\n  | Array<{\n      priority?: number;\n      handler: HookHandler;\n    }>\n>;\n"]}
+{"version":3,"sources":["../src/types/hooks.ts"],"names":["HookName"],"mappings":";AAYO,IAAK,QAAA,qBAAAA,SAAAA,KAAL;AAEL,EAAAA,UAAA,YAAA,CAAA,GAAa,YAAA;AACb,EAAAA,UAAA,UAAA,CAAA,GAAW,UAAA;AACX,EAAAA,UAAA,YAAA,CAAA,GAAa,YAAA;AAEb,EAAAA,UAAA,YAAA,CAAA,GAAa,YAAA;AACb,EAAAA,UAAA,UAAA,CAAA,GAAW,UAAA;AACX,EAAAA,UAAA,YAAA,CAAA,GAAa,YAAA;AAEb,EAAAA,UAAA,cAAA,CAAA,GAAe,cAAA;AACf,EAAAA,UAAA,YAAA,CAAA,GAAa,YAAA;AAEb,EAAAA,UAAA,cAAA,CAAA,GAAe,cAAA;AACf,EAAAA,UAAA,YAAA,CAAA,GAAa,YAAA;AAEb,EAAAA,UAAA,2BAAA,CAAA,GAA4B,kCAAA;AAC5B,EAAAA,UAAA,qBAAA,CAAA,GAAsB,4BAAA;AACtB,EAAAA,UAAA,yBAAA,CAAA,GAA0B,gCAAA;AAC1B,EAAAA,UAAA,oBAAA,CAAA,GAAqB,2BAAA;AACrB,EAAAA,UAAA,kBAAA,CAAA,GAAmB,yBAAA;AAEnB,EAAAA,UAAA,kBAAA,CAAA,GAAmB,kBAAA;AACnB,EAAAA,UAAA,gBAAA,CAAA,GAAiB,gBAAA;AACjB,EAAAA,UAAA,oBAAA,CAAA,GAAqB,oBAAA;AACrB,EAAAA,UAAA,kBAAA,CAAA,GAAmB,kBAAA;AAEnB,EAAAA,UAAA,cAAA,CAAA,GAAe,cAAA;AACf,EAAAA,UAAA,oBAAA,CAAA,GAAqB,oBAAA;AACrB,EAAAA,UAAA,kBAAA,CAAA,GAAmB,kBAAA;AACnB,EAAAA,UAAA,YAAA,CAAA,GAAa,YAAA;AAEb,EAAAA,UAAA,iBAAA,CAAA,GAAkB,iBAAA;AAClB,EAAAA,UAAA,kBAAA,CAAA,GAAmB,kBAAA;AACnB,EAAAA,UAAA,mBAAA,CAAA,GAAoB,mBAAA;AAlCV,EAAA,OAAAA,SAAAA;AAAA,CAAA,EAAA,QAAA,IAAA,EAAA","file":"chunk-TP3LCGE7.js","sourcesContent":["import type { ReactNode } from 'react';\n\n/**\n * Predefined hook names for type-safe hook registration.\n *\n * @example\n * ```tsx\n * import { HookName, hookRegistry } from '@salla.sa/twilight-theme-engine';\n *\n * hookRegistry.register(HookName.BODY_END, () => <MyComponent />);\n * ```\n */\nexport enum HookName {\n  // Global - Body\n  BODY_START = 'body:start',\n  BODY_END = 'body:end',\n  BODY_INNER = 'body:inner',\n  // Global - Head\n  HEAD_START = 'head:start',\n  HEAD_END = 'head:end',\n  HEAD_INNER = 'head:inner',\n  // Header\n  HEADER_START = 'header:start',\n  HEADER_END = 'header:end',\n  // Footer\n  FOOTER_START = 'footer:start',\n  FOOTER_END = 'footer:end',\n  // Product\n  PRODUCT_DESCRIPTION_START = 'product:single.description.start',\n  PRODUCT_DESCRIPTION = 'product:single.description',\n  PRODUCT_DESCRIPTION_END = 'product:single.description.end',\n  PRODUCT_FORM_START = 'product:single.form.start',\n  PRODUCT_FORM_END = 'product:single.form.end',\n  // Cart\n  CART_ITEMS_START = 'cart:items.start',\n  CART_ITEMS_END = 'cart:items.end',\n  CART_SUMMARY_START = 'cart:summary.start',\n  CART_SUMMARY_END = 'cart:summary.end',\n  // Search\n  SEARCH_START = 'search:start',\n  SEARCH_ITEMS_START = 'search:items.start',\n  SEARCH_ITEMS_END = 'search:items.end',\n  SEARCH_END = 'search:end',\n  // Homepage\n  HOMEPAGE_SLIDER = 'homepage:slider',\n  HOMEPAGE_BANNERS = 'homepage:banners',\n  HOMEPAGE_FEATURED = 'homepage:featured',\n}\n\n/**\n * Hook handler function type.\n */\nexport type HookHandler<T = Record<string, unknown>> = (context: T) => ReactNode;\n\n/**\n * Hook definition with handler and priority.\n */\nexport interface HookDefinition {\n  id: number;\n  handler: HookHandler;\n  priority: number;\n}\n\n/**\n * Hook handlers map for bulk registration.\n */\nexport type HookHandlers = Record<\n  string,\n  | HookHandler\n  | Array<{\n      priority?: number;\n      handler: HookHandler;\n    }>\n>;\n"]}

package/dist/{chunk-U33UQAWO.js → chunk-TSAQIQCD.js}

@@ -1,8 +1,8 @@
-import { useIsHome } from './chunk-JIJOXZPF.js';
-import { useTranslation } from './chunk-VVRYP6IL.js';
-import { HookSlot } from './chunk-25SSLQAJ.js';
-import { Image } from './chunk-433EFDBW.js';
-import { useTwilight } from './chunk-BWFBVXT3.js';
+import { useIsHome } from './chunk-2ZRLSZ4V.js';
+import { useTranslation } from './chunk-TYNZ5B2B.js';
+import { HookSlot } from './chunk-Q7VWURUR.js';
+import { Image } from './chunk-3OAVM4PY.js';
+import { useTwilight } from './chunk-DF6FBKDN.js';
 import { lazy, useState } from 'react';
 import { SallaAdvertisement } from '@salla.sa/twilight-components-react/advertisement';
 import { SallaCartSummary } from '@salla.sa/twilight-components-react/cart-summary';
@@ -13,9 +13,9 @@ import { SallaSearch } from '@salla.sa/twilight-components-react/search';
 import { SallaUserMenu } from '@salla.sa/twilight-components-react/user-menu';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
-var LazyMainMenu = lazy(() => import('./MainMenu-T3M5RB7L.js').then((m) => ({ default: m.MainMenu })));
+var LazyMainMenu = lazy(() => import('./MainMenu-M2SHKHOK.js').then((m) => ({ default: m.MainMenu })));
 var LazyMobileMenu = lazy(
-  () => import('./MobileMenu-6D52JOQA.js').then((m) => ({ default: m.MobileMenu }))
+  () => import('./MobileMenu-LTGCUCOZ.js').then((m) => ({ default: m.MobileMenu }))
 );
 function Header(_props) {
   const { currency, theme, store } = useTwilight();
@@ -57,6 +57,7 @@ function Header(_props) {
         store?.scope && /* @__PURE__ */ jsxs(
           "button",
           {
+            type: "button",
             className: "btn--rounded-gray",
             onClick: () => window.salla?.event.dispatch("scopes::open", {
               mode: "default"
@@ -119,5 +120,5 @@ function Header(_props) {
 }
 
 export { Header };
-//# sourceMappingURL=chunk-U33UQAWO.js.map
-//# sourceMappingURL=chunk-U33UQAWO.js.map
+//# sourceMappingURL=chunk-TSAQIQCD.js.map
+//# sourceMappingURL=chunk-TSAQIQCD.js.map

package/dist/chunk-TSAQIQCD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/lazy.ts","../src/components/layout/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAMO,IAAM,YAAA,GAAe,IAAA,CAAK,MAAM,OAAO,wBAAY,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,MAAO,EAAE,OAAA,EAAS,CAAA,CAAE,QAAA,GAAW,CAAC,CAAA;AAE3F,IAAM,cAAA,GAAiB,IAAA;AAAA,EAAK,MACjC,OAAO,0BAAc,CAAA,CAAE,IAAA,CAAK,CAAC,CAAA,MAAO,EAAE,OAAA,EAAS,CAAA,CAAE,UAAA,EAAW,CAAE;AAChE,CAAA;ACUO,SAAS,OAAO,MAAA,EAAqB;AAC1C,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,KAAA,KAAU,WAAA,EAAY;AAC/C,EAAA,MAAM,EAAE,MAAA,EAAQ,YAAA,EAAa,GAAI,cAAA,EAAe;AAChD,EAAA,MAAM,QAAA,GAAW,KAAA,EAAO,QAAA,IAAY,EAAC;AACrC,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAS,KAAK,CAAA;AAG9D,EAAA,MAAM,aAAa,SAAA,EAAU;AAE7B,EAAA,MAAM,UAAA,GAAa,aAAa,IAAA,GAAO,MAAA;AAEvC,EAAA,uBACE,IAAA,CAAC,QAAA,EAAA,EAAO,SAAA,EAAU,cAAA,EAAe,0BAAwB,IAAA,EACvD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,MAAK,cAAA,EAAe,CAAA;AAAA,wBAC7B,KAAA,EAAA,EAAI,SAAA,EAAU,oBAAA,EACb,QAAA,kBAAA,GAAA,CAAC,sBAAmB,CAAA,EACtB,CAAA;AAAA,oBAEA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,UAAA,EAAa,QAAA,CAAS,cAAA,GAAiB,mBAAA,GAAsB,EAAE,CAAA,CAAA,EAC7E,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gCAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gCAAA,EAEZ,QAAA,EAAA;AAAA,QAAA,QAAA,CAAS,mCAAmB,GAAA,CAAC,SAAA,EAAA,EAAU,MAAA,EAAO,QAAA,EAAS,QAAM,IAAA,EAAC,CAAA;AAAA,wBAG/D,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACX,QAAA,EAAA,CAAA,KAAA,EAAO,UAAU,eAAA,IAAmB,KAAA,EAAO,QAAA,EAAU,kBAAA,qBACrD,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,SAAS,MAAM,MAAA,CAAO,KAAA,EAAO,KAAA,CAAM,SAAS,oBAAoB,CAAA;AAAA,cAChE,SAAA,EAAU,2BAAA;AAAA,cAEV,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,UAAM,QAAA,EAAA,YAAA,EAAa,CAAA;AAAA,gCACpB,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAS,QAAA,EAAA,GAAA,EAAC,CAAA;AAAA,gCAC1B,GAAA,CAAC,UAAK,SAAA,EAAW,CAAA,qBAAA,EAAwB,OAAO,OAAA,CAAQ,WAAA,EAAa,CAAA,CAAA,EAAI,CAAA;AAAA,oCAExE,MAAA,EAAA,EACE,QAAA,EAAA,KAAA,EAAO,QAAA,EAAU,cAAA,IAAkB,UAAU,IAAA,KAAS,KAAA,mBACrD,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,WAAA,EAAY,CAAA,mBAEzB,GAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAA,QAAA,EAAU,QAAO,CAAA,EAExB;AAAA;AAAA;AAAA,WACF;AAAA,0BAGA,GAAA;AAAA,YAAC,sBAAA;AAAA,YAAA;AAAA,cACC,QAAA,EAAU,MAAA;AAAA,cACV,QAAA,EAAU,UAAU,IAAA,IAAQ,KAAA;AAAA,cAC5B,wBAAA,EAAwB;AAAA;AAAA;AAC1B,SAAA,EACF,CAAA,EAEJ,CAAA;AAAA,QAGC,OAAO,KAAA,oBACN,IAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,SAAA,EAAU,mBAAA;AAAA,YACV,SAAS,MACP,MAAA,CAAO,KAAA,EAAO,KAAA,CAAM,SAAS,cAAA,EAAgB;AAAA,cAC3C,IAAA,EAAM;AAAA,aACP,CAAA;AAAA,YAGH,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,kCAAA,EAAmC,CAAA;AAAA,cAC/C,MAAM,KAAA,CAAM;AAAA;AAAA;AAAA,SACf;AAAA,wBAIF,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sBAAA,EAEb,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,MAAA,EAAM,IAAA,EAAC,IAAA,EAAI,IAAA,EAAC,MAAA,EAAQ,EAAA,EAAI,CAAA,EACvC;AAAA,OAAA,EACF,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAc,QAAA,EAAU,KAAA,EAAO,UAAU,aAAA,EAAc,KAAA,EAAM,UAAQ,IAAA,EAAC;AAAA,KAAA,EACzE,CAAA,EACF,CAAA;AAAA,oBAGA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAG,SAAA;AAAA,QACH,SAAA,EAAW,CAAA,0EAAA,EAA6E,QAAA,CAAS,gBAAA,GAAmB,kBAAkB,EAAE,CAAA,CAAA;AAAA,QAExI,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACb,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6CAAA,EACb,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,mBAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,GAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAU,oEAAA;AAAA,gBACV,IAAA,EAAK,cAAA;AAAA,gBACL,YAAA,EAAW,WAAA;AAAA,gBACX,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,kBAAA,CAAA,CAAE,cAAA,EAAe;AACjB,kBAAA,mBAAA,CAAoB,IAAI,CAAA;AAAA,gBAC1B,CAAA;AAAA,gBAEA,QAAA,kBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,kCAAA,EAAmC;AAAA;AAAA,aAClD;AAAA,iCACC,GAAA,EAAA,EAAE,SAAA,EAAU,gBAAe,IAAA,EAAM,KAAA,EAAO,OAAO,GAAA,EAC9C,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,cAAA,EACb,QAAA,kBAAA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,KAAK,KAAA,EAAO,IAAA;AAAA,kBACZ,GAAA,EAAK,CAAA,EAAG,KAAA,EAAO,IAAA,IAAQ,OAAO,CAAA,KAAA,CAAA;AAAA,kBAC9B,QAAA,EAAQ,IAAA;AAAA,kBACR,KAAA,EAAO,GAAA;AAAA,kBACP,MAAA,EAAQ;AAAA;AAAA,eACV,EACF,CAAA;AAAA,kCACC,UAAA,EAAA,EAAW,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,KAAA,EAAO,QAAQ,OAAA,EAAQ;AAAA,aAAA,EAC1D,CAAA;AAAA,gCACC,YAAA,EAAA,EAAS;AAAA,WAAA,EACZ,CAAA;AAAA,0BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sCAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,iBAAc,UAAA,EAAU,IAAA,EAAC,UAAA,EAAU,IAAA,EAAC,WAAU,YAAA,EAAa,CAAA;AAAA,4BAC5D,GAAA,CAAC,gBAAA,EAAA,EAAiB,SAAA,EAAU,8BAAA,EAC1B,QAAA,kBAAA,GAAA,CAAC,OAAE,IAAA,EAAK,MAAA,EAAO,SAAA,EAAU,0CAAA,EAA2C,CAAA,EACtE;AAAA,WAAA,EACF;AAAA,SAAA,EACF,GACF,CAAA,EACF;AAAA;AAAA,KACF;AAAA,oBAGA,GAAA,CAAC,kBAAW,MAAA,EAAQ,gBAAA,EAAkB,SAAS,MAAM,mBAAA,CAAoB,KAAK,CAAA,EAAG,CAAA;AAAA,oBACjF,GAAA,CAAC,QAAA,EAAA,EAAS,IAAA,EAAK,YAAA,EAAa;AAAA,GAAA,EAC9B,CAAA;AAEJ","file":"chunk-TSAQIQCD.js","sourcesContent":["import { lazy } from 'react';\n\n/**\n * Lazy-loaded navigation components\n * Use these for code-splitting navigation sections\n */\nexport const LazyMainMenu = lazy(() => import('./MainMenu').then((m) => ({ default: m.MainMenu })));\n\nexport const LazyMobileMenu = lazy(() =>\n  import('./MobileMenu').then((m) => ({ default: m.MobileMenu }))\n);\n","import { useState } from 'react';\nimport { useIsHome } from '../../providers/NavigationProvider';\nimport { SallaAdvertisement } from '@salla.sa/twilight-components-react/advertisement';\nimport { SallaCartSummary } from '@salla.sa/twilight-components-react/cart-summary';\nimport { SallaContacts } from '@salla.sa/twilight-components-react/contacts';\nimport { SallaLocalizationModal } from '@salla.sa/twilight-components-react/localization-modal';\nimport { SallaMenu } from '@salla.sa/twilight-components-react/menu';\nimport { SallaSearch } from '@salla.sa/twilight-components-react/search';\nimport { SallaUserMenu } from '@salla.sa/twilight-components-react/user-menu';\nimport { useTwilight } from '../../providers/twilight-context';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { HookSlot } from '../../hooks/HookSlot';\nimport { MainMenu, MobileMenu } from '../navigation';\nimport { Image } from '../common';\nimport type { Cart } from '../../types';\n\ninterface HeaderProps {\n  cart?: Cart;\n}\n\nexport function Header(_props: HeaderProps) {\n  const { currency, theme, store } = useTwilight();\n  const { locale, languageName } = useTranslation();\n  const settings = theme?.settings || {};\n  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);\n\n  // Check if we're on homepage\n  const isHomepage = useIsHome();\n\n  const StoreTitle = isHomepage ? 'h1' : 'span';\n\n  return (\n    <header className=\"store-header\" suppressHydrationWarning>\n      <HookSlot name=\"header:start\" />\n      <div className=\"advertisement-slot\">\n        <SallaAdvertisement />\n      </div>\n      {/* Top Nav */}\n      <div className={`top-navbar${settings.topnav_is_dark ? ' top-navbar--dark' : ''}`}>\n        <div className=\"container flex justify-between\">\n          <div className=\"flex-1 flex items-center gap-2\">\n            {/* Footer Menu */}\n            {settings.important_links && <SallaMenu source=\"footer\" topnav />}\n\n            {/* Language & Currency */}\n            <div className=\"header-buttons\">\n              {(store?.settings?.is_multilingual || store?.settings?.currencies_enabled) && (\n                <>\n                  <button\n                    type=\"button\"\n                    onClick={() => window.salla?.event.dispatch('localization::open')}\n                    className=\"btn--rounded-gray basis-0\"\n                  >\n                    <span>{languageName}</span>\n                    <span className=\"mx-1.5\">|</span>\n                    <span className={`flag iti__flag  iti__${store?.country.toLowerCase()}`}></span>\n\n                    <span>\n                      {store?.settings?.use_sar_symbol && currency?.code === 'SAR' ? (\n                        <i className=\"sicon-sar\"></i>\n                      ) : (\n                        <>{currency?.symbol}</>\n                      )}\n                    </span>\n                  </button>\n                  {/* TODO:: support switch the lang without hit the web API, by set it in the sdk and local storage */}\n                  {/* TODO:: Support switch the curency without hit the web API, by set it in the sdk and local storage */}\n                  <SallaLocalizationModal\n                    language={locale}\n                    currency={currency?.code || 'SAR'}\n                    suppressHydrationWarning\n                  />\n                </>\n              )}\n            </div>\n\n            {/* Scopes / Branches */}\n            {store?.scope && (\n              <button\n                type=\"button\"\n                className=\"btn--rounded-gray\"\n                onClick={() =>\n                  window.salla?.event.dispatch('scopes::open', {\n                    mode: 'default',\n                  })\n                }\n              >\n                <i className=\"sicon-location rtl:ml-1 ltr:mr-1\"></i>\n                {store.scope.name}\n              </button>\n            )}\n\n            {/* Search bar */}\n            <div className=\"header-search flex-1\">\n              {/* todo:: use a search icon insted with open the search popup */}\n              <SallaSearch inline oval height={36} />\n            </div>\n          </div>\n\n          <SallaContacts contacts={store?.contacts} contactsTitle=\"N/A\" isHeader />\n        </div>\n      </div>\n\n      {/* Main Nav */}\n      <div\n        id=\"mainnav\"\n        className={`main-nav-container shadow-default bg-white flex items-center relative z-50${settings.header_is_sticky ? ' sticky top-0' : ''}`}\n      >\n        <div className=\"inner bg-inherit w-full\">\n          <div className=\"container\">\n            <div className=\"flex items-stretch justify-between relative\">\n              <div className=\"flex items-center\">\n                <a\n                  className=\"lg:hidden mburger mburger--collapse leading-none rtl:ml-4 ltr:mr-4\"\n                  href=\"#mobile-menu\"\n                  aria-label=\"Open-menu\"\n                  onClick={(e) => {\n                    e.preventDefault();\n                    setIsMobileMenuOpen(true);\n                  }}\n                >\n                  <i className=\"sicon-menu text-primary text-2xl\"></i>\n                </a>\n                <a className=\"navbar-brand\" href={store?.url || '/'}>\n                  <div className=\"logo-wrapper\">\n                    <Image\n                      src={store?.logo}\n                      alt={`${store?.name || 'Store'} logo`}\n                      priority\n                      width={120}\n                      height={48}\n                    />\n                  </div>\n                  <StoreTitle className=\"sr-only\">{store?.name || 'Store'}</StoreTitle>\n                </a>\n                <MainMenu />\n              </div>\n              <div className=\"flex items-center justify-end my-2.5\">\n                <SallaUserMenu avatarOnly showHeader className=\"header-btn\" />\n                <SallaCartSummary className=\"ml-4 rtl:ml-[unset] rtl:mr-4\">\n                  <i slot=\"icon\" className=\"header-btn__icon icon sicon-shopping-bag\"></i>\n                </SallaCartSummary>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Mobile Menu */}\n      <MobileMenu isOpen={isMobileMenuOpen} onClose={() => setIsMobileMenuOpen(false)} />\n      <HookSlot name=\"header:end\" />\n    </header>\n  );\n}\n"]}

package/dist/{chunk-VVRYP6IL.js → chunk-TYNZ5B2B.js}

@@ -57,5 +57,5 @@ function I18nProvider({
 }
 
 export { I18nProvider, useTranslation };
-//# sourceMappingURL=chunk-VVRYP6IL.js.map
-//# sourceMappingURL=chunk-VVRYP6IL.js.map
+//# sourceMappingURL=chunk-TYNZ5B2B.js.map
+//# sourceMappingURL=chunk-TYNZ5B2B.js.map

package/dist/chunk-TYNZ5B2B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/providers/I18nProvider.tsx"],"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-TYNZ5B2B.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-CI4HKXVH.js → chunk-W6HFR7YA.js}

@@ -1,5 +1,5 @@
-import { orThrow } from './chunk-JIJOXZPF.js';
-import { api } from './chunk-TQUHDSKQ.js';
+import { orThrow } from './chunk-2ZRLSZ4V.js';
+import { api } from './chunk-2TB2LTL2.js';
 import { queryOptions } from '@tanstack/react-query';
 
 function normalizeCartResponse(data) {
@@ -24,5 +24,5 @@ var cart = {
 };
 
 export { cart };
-//# sourceMappingURL=chunk-CI4HKXVH.js.map
-//# sourceMappingURL=chunk-CI4HKXVH.js.map
+//# sourceMappingURL=chunk-W6HFR7YA.js.map
+//# sourceMappingURL=chunk-W6HFR7YA.js.map

package/dist/chunk-W6HFR7YA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/api/cart.ts"],"names":[],"mappings":";;;;AAWA,SAAS,sBAAsB,IAAA,EAA6B;AAC1D,EAAA,OAAO;AAAA,IACL,GAAG,IAAA,CAAK,IAAA;AAAA,IACR,OAAA,EAAS,KAAK,OAAA,IAAW,IAAA;AAAA,IACzB,IAAA,EAAM,KAAK,IAAA,IAAQ;AAAA,GACrB;AACF;AAEO,IAAM,IAAA,GAAO;AAAA,EAClB,GAAA,EAAK,OAAO,MAAA,KAAkC;AAC5C,IAAA,MAAM,EAAE,IAAA,EAAK,GAAI,MAAM,GAAA,CAAI,IAAI,CAAA,KAAA,EAAQ,MAAM,CAAA,CAAE,CAAA,CAAE,IAAA,EAAgC;AACjF,IAAA,OAAO,sBAAsB,IAAI,CAAA;AAAA,EACnC,CAAA;AAAA,EAEA,YAAY,CAAC,MAAA,KAAkC,QAAQ,IAAA,CAAK,GAAA,CAAI,MAAM,CAAC,CAAA;AAAA,EAEvE,OAAA,EAAS;AAAA,IACP,MAAA,EAAQ,CAAC,MAAA,KACP,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,MACzB,OAAA,EAAS,MAAM,IAAA,CAAK,GAAA,CAAI,MAAM;AAAA,KAC/B;AAAA;AAEP","file":"chunk-W6HFR7YA.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api } from './client';\nimport type { Cart } from '../types';\nimport { orThrow } from '../providers/NavigationProvider';\n\nexport interface CartApiResponse {\n  cart: Omit<Cart, 'loyalty' | 'gift'>;\n  loyalty?: Cart['loyalty'];\n  gift?: Cart['gift'];\n}\n\nfunction normalizeCartResponse(data: CartApiResponse): Cart {\n  return {\n    ...data.cart,\n    loyalty: data.loyalty ?? null,\n    gift: data.gift ?? null,\n  } as Cart;\n}\n\nexport const cart = {\n  get: async (cartId: number): Promise<Cart> => {\n    const { data } = await api.get(`cart/${cartId}`).json<{ data: CartApiResponse }>();\n    return normalizeCartResponse(data);\n  },\n\n  getOrThrow: (cartId: number): Promise<Cart> => orThrow(cart.get(cartId)),\n\n  queries: {\n    detail: (cartId: number) =>\n      queryOptions({\n        queryKey: ['cart', cartId],\n        queryFn: () => cart.get(cartId),\n      }),\n  },\n};\n"]}

package/dist/{chunk-REQC7YOE.js → chunk-WUTGBZQR.js}

@@ -1,9 +1,10 @@
-import { home } from './chunk-YU36GBMB.js';
+import { home } from './chunk-KCKHA75V.js';
 import { buildHreflangAlternates } from './chunk-TZ3E5BN4.js';
-import { HomeComponentRenderer } from './chunk-GTM2GV2N.js';
+import { HomeComponentRenderer } from './chunk-DIVL44G5.js';
+import { useDevHomeComponentOverrides } from './chunk-2JV6WZ6O.js';
 import { RouteId } from './chunk-MTONGOJD.js';
-import { getTwilightContext } from './chunk-W4CSWDEH.js';
-import { HookSlot } from './chunk-25SSLQAJ.js';
+import { getTwilightContext } from './chunk-KIPZQN3Y.js';
+import { HookSlot } from './chunk-Q7VWURUR.js';
 import { memo } from 'react';
 import { Pulse } from '@salla.sa/twilight-components-react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -36,17 +37,11 @@ var HomeSkeleton = memo(function HomeSkeleton2() {
   ] });
 });
 var HomePage = memo(function HomePage2({ components = [] }) {
+  const renderedComponents = useDevHomeComponentOverrides(components);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(HookSlot, { name: "home:start" }),
     /* @__PURE__ */ jsx(HookSlot, { name: "home:content" }),
-    components.map((data, index) => /* @__PURE__ */ jsx(
-      HomeComponentRenderer,
-      {
-        data,
-        index
-      },
-      data.key ?? `home-component-${index}`
-    )),
+    renderedComponents.map((data, index) => /* @__PURE__ */ jsx(HomeComponentRenderer, { data, index }, data.key ?? JSON.stringify(data))),
     /* @__PURE__ */ jsx(HookSlot, { name: "home:end" })
   ] });
 });
@@ -85,5 +80,5 @@ function head(ctx) {
 var Home = { id: RouteId.INDEX, loader, head, Component: HomePage };
 
 export { Home, HomeSkeleton, homeLoader };
-//# sourceMappingURL=chunk-REQC7YOE.js.map
-//# sourceMappingURL=chunk-REQC7YOE.js.map
+//# sourceMappingURL=chunk-WUTGBZQR.js.map
+//# sourceMappingURL=chunk-WUTGBZQR.js.map

package/dist/chunk-WUTGBZQR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/routes/home/loader.ts","../src/routes/home/HomePage.tsx","../src/routes/home/index.tsx"],"names":["HomeSkeleton","HomePage"],"mappings":"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","file":"chunk-WUTGBZQR.js","sourcesContent":["import { getTwilightContext } from '../../twilight/context';\nimport { home } from '../../api/home';\nimport type { HomeComponentData } from '../../types';\nimport { RouteId } from '../../router/route-ids';\n\nexport interface HomeLoaderData {\n  locale: string;\n  components: HomeComponentData[];\n  page: { slug: string };\n}\n\nexport async function homeLoader(ctx?: { locale?: string }): Promise<HomeLoaderData> {\n  const { queryClient } = getTwilightContext();\n  const components = await queryClient.ensureQueryData(home.queries.components());\n  const result = {\n    locale: ctx?.locale || 'ar',\n    components: components.map((comp) => ({\n      ...comp,\n      path: comp.path?.replace('home.', '') || comp.path,\n    })),\n    page: { slug: RouteId.INDEX },\n  };\n  return result;\n}\n","import { memo } from 'react';\nimport { useDevHomeComponentOverrides } from '../../dev/dev-settings-store';\nimport { HookSlot } from '../../hooks';\nimport { HomeComponentRenderer } from '../../components/home';\nimport type { HomePageProps } from './types';\nimport { Pulse } from '@salla.sa/twilight-components-react';\n\nexport const HomeSkeleton = memo(function HomeSkeleton() {\n  return (\n    <>\n      <div className=\"s-block container skeleton-block-hero\">\n        <Pulse className=\"h-64 sm:h-80 rounded-md\" />\n      </div>\n      <div className=\"s-block container skeleton-block-products\">\n        <Pulse className=\"h-10 w-48 mb-4\" />\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-4\">\n          {[1, 2, 3, 4].map((i) => (\n            <Pulse key={i} className=\"h-56\" />\n          ))}\n        </div>\n      </div>\n      <div className=\"s-block container skeleton-block-products\">\n        <Pulse className=\"h-10 w-48 mb-4\" />\n        <div className=\"grid grid-cols-2 sm:grid-cols-4 gap-4\">\n          {[1, 2, 3, 4].map((i) => (\n            <Pulse key={i} className=\"h-56\" />\n          ))}\n        </div>\n      </div>\n    </>\n  );\n});\n\nexport const HomePage = memo(function HomePage({ components = [] }: HomePageProps) {\n  // Dev-mode only: overlay DevSettingsWidget component-field overrides onto the\n  // blocks so edits render live. No-op passthrough in production builds.\n  const renderedComponents = useDevHomeComponentOverrides(components);\n  return (\n    <>\n      <HookSlot name=\"home:start\" />\n      <HookSlot name=\"home:content\" />\n      {renderedComponents.map((data, index) => (\n        <HomeComponentRenderer key={data.key ?? JSON.stringify(data)} data={data} index={index} />\n      ))}\n      <HookSlot name=\"home:end\" />\n    </>\n  );\n});\n\nexport { HomePage as default };\n","import type { HeadDescriptor } from '../../utils/head';\nimport { buildHreflangAlternates } from '../../utils/baseHead';\nimport type { HomeLoaderData } from './loader';\nimport { homeLoader } from './loader';\nimport type { TwilightContext } from '../../twilight/context';\nimport { HomePage } from './HomePage';\nimport { RouteId } from '../../router/route-ids';\n\nexport { HomeSkeleton } from './HomePage';\nexport { registerHomeComponents, DefaultHomeComponents } from '../../components/home/register';\nexport { registerHomeComponentConfig } from '../../components/home';\nexport type { HomePageProps } from './types';\nexport type { HomeLoaderData } from './loader';\nexport type {\n  HomeComponentsProps,\n  AnyHomeComponent,\n  HomeComponentConfig,\n} from '../../components/home';\n\nfunction loader(_ctx?: { locale?: string }): Promise<HomeLoaderData> {\n  return homeLoader({ locale: _ctx?.locale });\n}\n\nfunction head(ctx: TwilightContext): HeadDescriptor {\n  const store = ctx.settings?.store;\n  if (!store) return {};\n\n  const title = store.meta?.title ?? store.name;\n  const description = store.meta?.description ?? store.description;\n  const keywords = store.meta?.keywords;\n\n  return {\n    title,\n    description,\n    keywords,\n    canonical: store.url,\n    openGraph: {\n      type: 'website',\n      title,\n      description,\n      images: store.logo,\n      url: store.url,\n    },\n    twitter: {\n      card: 'summary_large_image',\n      title,\n      description,\n      images: store.logo,\n    },\n    alternateLanguages: buildHreflangAlternates(ctx.settings, ctx.location.pathname),\n  };\n}\n\nexport const Home = { id: RouteId.INDEX, loader, head, Component: HomePage } as const;\n\nexport { homeLoader };\n"]}

package/dist/{chunk-4AYOFKHU.js → chunk-XK42WXU5.js}

@@ -1,4 +1,4 @@
-import { redirect } from './chunk-JIJOXZPF.js';
+import { redirect } from './chunk-2ZRLSZ4V.js';
 import { FALLBACK_LOCALE } from './chunk-T72DAX7R.js';
 
 // src/routes/seo-redirects.ts
@@ -12,5 +12,5 @@ async function pendingOrdersRedirectLoader(ctx = { params: {} }) {
 }
 
 export { pendingOrdersRedirectLoader, slugBrandRedirectLoader };
-//# sourceMappingURL=chunk-4AYOFKHU.js.map
-//# sourceMappingURL=chunk-4AYOFKHU.js.map
+//# sourceMappingURL=chunk-XK42WXU5.js.map
+//# sourceMappingURL=chunk-XK42WXU5.js.map

package/dist/chunk-XK42WXU5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/routes/seo-redirects.ts"],"names":[],"mappings":";;;;AAYA,eAAsB,wBAAwB,GAAA,EAAkD;AAC9F,EAAA,MAAM,MAAA,GAAS,GAAA,CAAI,MAAA,CAAO,MAAA,IAAU,eAAA;AACpC,EAAA,MAAM,SAAS,CAAA,CAAA,EAAI,MAAM,WAAW,GAAA,CAAI,MAAA,CAAO,EAAE,CAAA,CAAE,CAAA;AACrD;AAOA,eAAsB,4BACpB,GAAA,GAA+C,EAAE,MAAA,EAAQ,IAAG,EAC5C;AAChB,EAAA,MAAM,MAAA,GAAS,GAAA,CAAI,MAAA,CAAO,MAAA,IAAU,eAAA;AACpC,EAAA,MAAM,QAAA,CAAS,CAAA,CAAA,EAAI,MAAM,CAAA,sBAAA,CAAwB,CAAA;AACnD","file":"chunk-XK42WXU5.js","sourcesContent":["import { redirect } from '../providers/NavigationProvider';\nimport { FALLBACK_LOCALE } from '../providers/locale-constants';\n\nexport interface SlugBrandParams {\n  /** SEO slug segment (ignored — only here to match the route pattern). */\n  slug: string;\n  /** Brand numeric ID to redirect to. */\n  id: string;\n  /** Active locale from the `/$locale` parent layout (e.g. `'ar'`, `'en'`). */\n  locale?: string;\n}\n\nexport async function slugBrandRedirectLoader(ctx: { params: SlugBrandParams }): Promise<never> {\n  const locale = ctx.params.locale || FALLBACK_LOCALE;\n  throw redirect(`/${locale}/brands/${ctx.params.id}`);\n}\n\nexport interface PendingOrdersRedirectParams {\n  /** Active locale from the `/$locale` parent layout (e.g. `'ar'`, `'en'`). */\n  locale?: string;\n}\n\nexport async function pendingOrdersRedirectLoader(\n  ctx: { params: PendingOrdersRedirectParams } = { params: {} }\n): Promise<never> {\n  const locale = ctx.params.locale || FALLBACK_LOCALE;\n  throw redirect(`/${locale}/orders?status=pending`);\n}\n"]}

package/dist/{chunk-HL3HSO4R.js → chunk-Y62QQRYP.js}

@@ -1,6 +1,6 @@
-import { useDate } from './chunk-IILTG4A6.js';
-import { useTranslation } from './chunk-VVRYP6IL.js';
-import { Image } from './chunk-433EFDBW.js';
+import { useDate } from './chunk-P26QKBJC.js';
+import { useTranslation } from './chunk-TYNZ5B2B.js';
+import { Image } from './chunk-3OAVM4PY.js';
 import { Link } from './chunk-AXW67SY7.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -61,5 +61,5 @@ function BlogListLayout({
 }
 
 export { BlogArticleCard, BlogListLayout };
-//# sourceMappingURL=chunk-HL3HSO4R.js.map
-//# sourceMappingURL=chunk-HL3HSO4R.js.map
+//# sourceMappingURL=chunk-Y62QQRYP.js.map
+//# sourceMappingURL=chunk-Y62QQRYP.js.map

package/dist/chunk-Y62QQRYP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/routes/blog/components.tsx"],"names":[],"mappings":"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","file":"chunk-Y62QQRYP.js","sourcesContent":["import type { ReactNode } from 'react';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { useDate } from '../../hooks';\nimport { Image, Link } from '../../components/common';\nimport type { BlogCategory, ArticleSummary } from './types';\n\nexport function BlogCategoriesSidebar({ categories }: { categories: BlogCategory[] }) {\n  const { t } = useTranslation();\n\n  if (!categories.length) return null;\n\n  return (\n    <nav aria-label=\"Sidebar\" className=\"hidden lg:block lg:sticky shrink-0 top-24 col-span-2\">\n      <h2 className=\"font-bold mb-3\">{t('pages.blog_categories.categories')}</h2>\n      <ul>\n        {categories.map((category) => (\n          <li key={category.id} className={category.is_current ? 'text-primary' : ''}>\n            <Link className=\"py-3 block text-sm hover:text-primary\" to={category.url}>\n              {category.name}\n            </Link>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  );\n}\n\nexport function BlogArticleCard({\n  article,\n  showAuthor = false,\n}: {\n  article: ArticleSummary;\n  showAuthor?: boolean;\n}) {\n  const { format: formatDate } = useDate();\n\n  return (\n    <div className=\"list-block post-entry relative h-full transition-shadow duration-500 bg-white hover:shadow-default rounded-lg justify-around overflow-hidden flex flex-col\">\n      <Link\n        to={article.url}\n        className=\"post-entry__image relative overflow-hidden hover:opacity-90 w-full h-56 bg-border-color flex items-center justify-center\"\n      >\n        {article.image && (\n          <Image\n            className=\"h-full w-full object-cover\"\n            src={article.image}\n            alt={article.name}\n            aspectRatio=\"16/9\"\n          />\n        )}\n      </Link>\n      <div className=\"flex-1 px-5 pt-5 pb-7\">\n        <div className=\"mb-2.5 text-gray-500 rounded-md inline-flex text-sm rtl:space-x-reverse space-x-5\">\n          <div className=\"flex items-center\">\n            <i className=\"sicon-calendar-date rtl:ml-1 ltr:mr-1\"></i>\n            <span>{formatDate(article.created_at)}</span>\n          </div>\n          {showAuthor && article.author && (\n            <Link to={article.author.url} className=\"flex items-center hover:text-dark\">\n              <i className=\"sicon-user rtl:ml-1 ltr:mr-1\"></i>\n              <span>{article.author.name}</span>\n            </Link>\n          )}\n        </div>\n        <h3 className=\"post-entry__title text-sm font-bold text-gray-800 leading-6 mb-2.5\">\n          <Link to={article.url}>{article.name}</Link>\n        </h3>\n        <p className=\"text-sm text-gray-500 leading-6 mb-2.5\">{article.description}</p>\n      </div>\n    </div>\n  );\n}\n\nexport function BlogListLayout({\n  categories,\n  children,\n}: {\n  categories: BlogCategory[];\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"grid grid-cols-1 lg:grid-cols-8 gap-8\">\n      <BlogCategoriesSidebar categories={categories} />\n      <div className=\"main-content lg:col-span-6\">{children}</div>\n    </div>\n  );\n}\n"]}

package/dist/{chunk-FBFPH5BB.js → chunk-Z4Y55HWX.js}

@@ -1,6 +1,10 @@
-import { useTranslation } from './chunk-VVRYP6IL.js';
+import { useTranslation } from './chunk-TYNZ5B2B.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
+var LINK_STYLE = {
+  backgroundColor: "var(--color-primary)",
+  color: "var(--color-primary-reverse, #ffffff)"
+};
 function ErrorPage({
   code,
   title,
@@ -16,19 +20,15 @@ function ErrorPage({
   const resolvedMessage = message ?? t("common.errors.error_occurred") ?? "An unexpected error occurred.";
   const resolvedActionText = actionText ?? t("common.elements.back_home") ?? "Back to Home";
   const linkClassName = "inline-flex items-center px-6 py-3 rounded-lg transition-opacity hover:opacity-90";
-  const linkStyle = {
-    backgroundColor: "var(--color-primary)",
-    color: "var(--color-primary-reverse, #ffffff)"
-  };
   return /* @__PURE__ */ jsxs("div", { className: "container py-16 text-center", children: [
     code && /* @__PURE__ */ jsx("h1", { className: "text-6xl font-bold text-gray-300 mb-4", "data-testid": "error-code", children: code }),
     /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold text-gray-700 mb-4", children: resolvedTitle }),
     /* @__PURE__ */ jsx("p", { className: "text-gray-500 mb-8", children: resolvedMessage }),
     children,
-    showAction && (LinkComponent ? /* @__PURE__ */ jsx(LinkComponent, { to: actionHref, className: linkClassName, style: linkStyle, children: resolvedActionText }) : /* @__PURE__ */ jsx("a", { href: actionHref, className: linkClassName, style: linkStyle, children: resolvedActionText }))
+    showAction && (LinkComponent ? /* @__PURE__ */ jsx(LinkComponent, { to: actionHref, className: linkClassName, style: LINK_STYLE, children: resolvedActionText }) : /* @__PURE__ */ jsx("a", { href: actionHref, className: linkClassName, style: LINK_STYLE, children: resolvedActionText }))
   ] });
 }
 
 export { ErrorPage };
-//# sourceMappingURL=chunk-FBFPH5BB.js.map
-//# sourceMappingURL=chunk-FBFPH5BB.js.map
+//# sourceMappingURL=chunk-Z4Y55HWX.js.map
+//# sourceMappingURL=chunk-Z4Y55HWX.js.map

package/dist/chunk-Z4Y55HWX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/common/ErrorPage.tsx"],"names":[],"mappings":";;;AAGA,IAAM,UAAA,GAAkC;AAAA,EACtC,eAAA,EAAiB,sBAAA;AAAA,EACjB,KAAA,EAAO;AACT,CAAA;AAkBO,SAAS,SAAA,CAAU;AAAA,EACxB,IAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA,GAAa,GAAA;AAAA,EACb,UAAA,GAAa,IAAA;AAAA,EACb,aAAA;AAAA,EACA;AACF,CAAA,EAAmB;AACjB,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAE7B,EAAA,MAAM,gBAAgB,KAAA,IAAS,CAAA,CAAE,CAAA,cAAA,EAAiB,IAAI,EAAE,CAAA,IAAK,OAAA;AAC7D,EAAA,MAAM,eAAA,GACJ,OAAA,IAAW,CAAA,CAAE,8BAA8B,CAAA,IAAK,+BAAA;AAClD,EAAA,MAAM,kBAAA,GAAqB,UAAA,IAAc,CAAA,CAAE,2BAA2B,CAAA,IAAK,cAAA;AAE3E,EAAA,MAAM,aAAA,GACJ,mFAAA;AAEF,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BAAA,EACZ,QAAA,EAAA;AAAA,IAAA,IAAA,wBACE,IAAA,EAAA,EAAG,SAAA,EAAU,uCAAA,EAAwC,aAAA,EAAY,cAC/D,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,oBAEF,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,2CAAA,EAA6C,QAAA,EAAA,aAAA,EAAc,CAAA;AAAA,oBACzE,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oBAAA,EAAsB,QAAA,EAAA,eAAA,EAAgB,CAAA;AAAA,IAElD,QAAA;AAAA,IAEA,UAAA,KACE,gCACC,GAAA,CAAC,aAAA,EAAA,EAAc,IAAI,UAAA,EAAY,SAAA,EAAW,eAAe,KAAA,EAAO,UAAA,EAC7D,8BACH,CAAA,mBAEA,GAAA,CAAC,OAAE,IAAA,EAAM,UAAA,EAAY,WAAW,aAAA,EAAe,KAAA,EAAO,YACnD,QAAA,EAAA,kBAAA,EACH,CAAA;AAAA,GAAA,EAEN,CAAA;AAEJ","file":"chunk-Z4Y55HWX.js","sourcesContent":["import type { ComponentType, ReactNode } from 'react';\nimport { useTranslation } from '../../providers/I18nProvider';\n\nconst LINK_STYLE: React.CSSProperties = {\n  backgroundColor: 'var(--color-primary)',\n  color: 'var(--color-primary-reverse, #ffffff)',\n};\n\nexport interface ErrorPageProps {\n  code?: string | number;\n  title?: string;\n  message?: string;\n  actionText?: string;\n  actionHref?: string;\n  showAction?: boolean;\n  LinkComponent?: ComponentType<{\n    to: string;\n    className?: string;\n    style?: React.CSSProperties;\n    children: ReactNode;\n  }>;\n  children?: ReactNode;\n}\n\nexport function ErrorPage({\n  code,\n  title,\n  message,\n  actionText,\n  actionHref = '/',\n  showAction = true,\n  LinkComponent,\n  children,\n}: ErrorPageProps) {\n  const { t } = useTranslation();\n\n  const resolvedTitle = title ?? t(`common.errors.${code}`) ?? 'Error';\n  const resolvedMessage =\n    message ?? t('common.errors.error_occurred') ?? 'An unexpected error occurred.';\n  const resolvedActionText = actionText ?? t('common.elements.back_home') ?? 'Back to Home';\n\n  const linkClassName =\n    'inline-flex items-center px-6 py-3 rounded-lg transition-opacity hover:opacity-90';\n\n  return (\n    <div className=\"container py-16 text-center\">\n      {code && (\n        <h1 className=\"text-6xl font-bold text-gray-300 mb-4\" data-testid=\"error-code\">\n          {code}\n        </h1>\n      )}\n      <h2 className=\"text-2xl font-semibold text-gray-700 mb-4\">{resolvedTitle}</h2>\n      <p className=\"text-gray-500 mb-8\">{resolvedMessage}</p>\n\n      {children}\n\n      {showAction &&\n        (LinkComponent ? (\n          <LinkComponent to={actionHref} className={linkClassName} style={LINK_STYLE}>\n            {resolvedActionText}\n          </LinkComponent>\n        ) : (\n          <a href={actionHref} className={linkClassName} style={LINK_STYLE}>\n            {resolvedActionText}\n          </a>\n        ))}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-6LQFMCWK.js → chunk-ZNOJPVX3.js}

@@ -1,5 +1,5 @@
-import { orThrow } from './chunk-JIJOXZPF.js';
-import { getActiveScopeId, api } from './chunk-TQUHDSKQ.js';
+import { orThrow } from './chunk-2ZRLSZ4V.js';
+import { getActiveScopeId, api } from './chunk-2TB2LTL2.js';
 import { queryOptions } from '@tanstack/react-query';
 
 var product = {
@@ -62,5 +62,5 @@ var product = {
 };
 
 export { product };
-//# sourceMappingURL=chunk-6LQFMCWK.js.map
-//# sourceMappingURL=chunk-6LQFMCWK.js.map
+//# sourceMappingURL=chunk-ZNOJPVX3.js.map
+//# sourceMappingURL=chunk-ZNOJPVX3.js.map

package/dist/chunk-ZNOJPVX3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/api/product.ts"],"names":[],"mappings":";;;;AA4EO,IAAM,OAAA,GAAU;AAAA,EACrB,IAAA,EAAM,OAAO,EAAA,KAAiC;AAC5C,IAAA,MAAM,QAAA,GAAW,YAAY,EAAE,CAAA,wNAAA,CAAA;AAC/B,IAAA,MAAM,EAAE,MAAK,GAAI,MAAM,IAAI,GAAA,CAAI,QAAQ,EAAE,IAAA,EAAwB;AACjE,IAAA,OAAO,IAAA;AAAA,EACT,CAAA;AAAA,EAEA,aAAa,CAAC,EAAA,KAAiC,QAAQ,OAAA,CAAQ,IAAA,CAAK,EAAE,CAAC,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQvE,IAAA,EAAM,OAAO,MAAA,KAA4D;AACvE,IAAA,MAAM,EAAE,MAAA,EAAQ,WAAA,EAAa,IAAA,EAAM,MAAA,EAAQ,UAAU,EAAA,EAAI,IAAA,EAAM,UAAA,EAAY,MAAA,EAAO,GAAI,MAAA;AAGtF,IAAA,MAAM,YAAA,GAAe,IAAI,eAAA,EAAgB;AACzC,IAAA,YAAA,CAAa,GAAA,CAAI,UAAU,MAAM,CAAA;AAEjC,IAAA,IAAI,SAAS,MAAA,EAAW,YAAA,CAAa,IAAI,MAAA,EAAQ,MAAA,CAAO,IAAI,CAAC,CAAA;AAC7D,IAAA,YAAA,CAAa,GAAA,CAAI,UAAA,EAAY,MAAA,CAAO,OAAO,CAAC,CAAA;AAI5C,IAAA,IAAI,gBAAgB,MAAA,EAAW;AAC7B,MAAA,IAAI,WAAW,QAAA,EAAU;AACvB,QAAA,YAAA,CAAa,GAAA,CAAI,SAAA,EAAW,MAAA,CAAO,WAAW,CAAC,CAAA;AAAA,MACjD,CAAA,MAAA,IAAW,KAAA,CAAM,OAAA,CAAQ,WAAW,CAAA,EAAG;AACrC,QAAA,WAAA,CAAY,OAAA,CAAQ,CAAC,GAAA,KAAQ,YAAA,CAAa,OAAO,gBAAA,EAAkB,MAAA,CAAO,GAAG,CAAC,CAAC,CAAA;AAAA,MACjF,CAAA,MAAO;AACL,QAAA,YAAA,CAAa,MAAA,CAAO,gBAAA,EAAkB,MAAA,CAAO,WAAW,CAAC,CAAA;AAAA,MAC3D;AAAA,IACF;AAGA,IAAA,IAAI,eAAe,MAAA,EAAW;AAC5B,MAAA,YAAA,CAAa,GAAA,CAAI,YAAA,EAAc,UAAA,GAAa,GAAA,GAAM,GAAG,CAAA;AAAA,IACvD;AAGA,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,YAAA,CAAa,GAAA,CAAI,QAAQ,IAAI,CAAA;AAAA,IAC/B;AAGA,IAAA,IAAI,MAAA,EAAQ;AACV,MAAA,YAAA,CAAa,GAAA,CAAI,UAAU,MAAM,CAAA;AAAA,IACnC;AAGA,IAAA,MAAM,UAAmC,EAAC;AAC1C,IAAA,IAAI,MAAA,UAAgB,MAAA,GAAS,MAAA;AAE7B,IAAA,MAAM,QAAA,GAAW,MAAM,GAAA,CACpB,GAAA,CAAI,CAAA,SAAA,EAAY,YAAA,CAAa,QAAA,EAAU,CAAA,CAAA,EAAI,OAAc,CAAA,CACzD,IAAA,EAA2B;AAE9B,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,QAAA,CAAS,IAAA,IAAQ,EAAC;AAAA,MACzB,IAAA,EAAM,QAAA,CAAS,MAAA,EAAQ,IAAA,IAAQ,IAAA;AAAA,MAC/B,SAAS,QAAA,CAAS;AAAA,KACpB;AAAA,EACF,CAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,MAAA,EAAQ,CAAC,EAAA,KACP,YAAA,CAAa;AAAA,MACX,QAAA,EAAU,CAAC,UAAA,EAAY,QAAA,EAAU,EAAE,CAAA;AAAA,MACnC,OAAA,EAAS,MAAM,OAAA,CAAQ,IAAA,CAAK,EAAE;AAAA,KAC/B,CAAA;AAAA,IACH,IAAA,EAAM,CAAC,MAAA,KACL,YAAA,CAAa;AAAA;AAAA,MAEX,QAAA,EAAU,CAAC,UAAA,EAAY,MAAA,EAAQ,QAAQ,EAAE,KAAA,EAAO,gBAAA,EAAiB,EAAG,CAAA;AAAA,MACpE,OAAA,EAAS,CAAC,EAAE,MAAA,EAAO,KAAM,OAAA,CAAQ,IAAA,CAAK,EAAE,GAAG,MAAA,EAAQ,MAAA,EAAQ;AAAA,KAC5D;AAAA;AAEP","file":"chunk-ZNOJPVX3.js","sourcesContent":["import { queryOptions } from '@tanstack/react-query';\nimport { api, getActiveScopeId } from './client';\nimport type { Product } from '../types';\nimport type { Pagination, PaginatedResult } from './types';\nimport { orThrow } from '../providers/NavigationProvider';\n\n// ===== Filter Types =====\n\nexport interface FilterValue {\n  key?: string;\n  count?: number;\n  value?: string;\n  from?: number | '*';\n  to?: number | '*';\n}\n\nexport interface Filter {\n  key?: string;\n  label?: string;\n  type?: string;\n  values?: FilterValue[];\n  max?: number;\n  min?: number;\n}\n\n// ===== Product List Types =====\n\nexport type ProductsListSource =\n  | 'brands'\n  | 'categories'\n  | 'json'\n  | 'landing-page'\n  | 'latest'\n  | 'offers'\n  | 'recently'\n  | 'related'\n  | 'selected'\n  | 'tags'\n  | 'top-rated'\n  | 'wishlist'\n  | 'search'\n  | 'sales'\n  | 'reorder'\n  | 'best_selling';\n\nexport interface ProductsListParams {\n  /** Source type (wishlist, latest, brands, etc.) */\n  source: ProductsListSource;\n  /** Source value (brand_id, category_id, tag_id, search keyword, or JSON array of product IDs) */\n  sourceValue?: string | number | number[] | null;\n  /** Page number for offset-based pagination */\n  page?: number;\n  /** Cursor for cursor-based pagination (from previous response) */\n  cursor?: string | null;\n  /** Items per page (default: 15) */\n  perPage?: number;\n  /** Sort option */\n  sort?: string;\n  /** Enable filters on the response */\n  filterable?: boolean;\n  /** Abort signal for cancellation */\n  signal?: AbortSignal;\n}\n\nexport type ProductsListResult = PaginatedResult<Product> & {\n  filters?: Filter[];\n};\n\nexport interface ProductsListResponse {\n  data: Product[];\n  cursor?: Pagination;\n  filters?: Filter[];\n}\n\n// ===== API Functions =====\n\nexport const product = {\n  find: async (id: string): Promise<Product> => {\n    const endpoint = `products/${id}/details?with[]=images&with[]=category&with[]=rating&with[]=notify_availability&with[]=tags&with[]=brand&with[]=options&with[]=skus&with[]=skus_availability&with[]=included_products&with[]=bundle&with[]=sold_quantity`;\n    const { data } = await api.get(endpoint).json<{ data: Product }>();\n    return data;\n  },\n\n  findOrThrow: (id: string): Promise<Product> => orThrow(product.find(id)),\n\n  /**\n   * Fetch products list with pagination support\n   * Used by native ProductsList component for SSR loaders\n   *\n   * API pattern: GET /products?source=wishlist&page=1\n   */\n  list: async (params: ProductsListParams): Promise<ProductsListResult> => {\n    const { source, sourceValue, page, cursor, perPage = 16, sort, filterable, signal } = params;\n\n    // Build URL with query parameters\n    const searchParams = new URLSearchParams();\n    searchParams.set('source', source);\n    // Only send page when explicitly provided — cursor-based callers omit it entirely\n    if (page !== undefined) searchParams.set('page', String(page));\n    searchParams.set('per_page', String(perPage));\n\n    // Add source_value[] parameter (brand_id, category_id, tag_id, etc.)\n    // For search source, use keyword parameter instead\n    if (sourceValue !== undefined) {\n      if (source === 'search') {\n        searchParams.set('keyword', String(sourceValue));\n      } else if (Array.isArray(sourceValue)) {\n        sourceValue.forEach((val) => searchParams.append('source_value[]', String(val)));\n      } else {\n        searchParams.append('source_value[]', String(sourceValue));\n      }\n    }\n\n    // Add filterable parameter\n    if (filterable !== undefined) {\n      searchParams.set('filterable', filterable ? '1' : '0');\n    }\n\n    // Add sort parameter\n    if (sort) {\n      searchParams.set('sort', sort);\n    }\n\n    // Add cursor for cursor-based pagination\n    if (cursor) {\n      searchParams.set('cursor', cursor);\n    }\n\n    // Make the request\n    const options: Record<string, unknown> = {};\n    if (signal) options.signal = signal;\n\n    const response = await api\n      .get(`products?${searchParams.toString()}`, options as any)\n      .json<ProductsListResponse>();\n\n    return {\n      items: response.data ?? [],\n      next: response.cursor?.next ?? null,\n      filters: response.filters,\n    };\n  },\n\n  queries: {\n    detail: (id: string) =>\n      queryOptions({\n        queryKey: ['products', 'detail', id],\n        queryFn: () => product.find(id),\n      }),\n    list: (params: Omit<ProductsListParams, 'signal'>) =>\n      queryOptions({\n        // Scope (branch) varies product availability — key must include it.\n        queryKey: ['products', 'list', params, { scope: getActiveScopeId() }],\n        queryFn: ({ signal }) => product.list({ ...params, signal }),\n      }),\n  },\n};\n"]}

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

@@ -1 +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"}
+{"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;AAiBD,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAe,EAAE,EAAE,aAAa,2CAuJhE"}

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

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

package/dist/components/cart/index.js

@@ -1,4 +1,4 @@
-export { LazyCartItem as CartItem, LazyCartSummary as CartSummary, LazySeoCartWidget as SeoCartWidget } from '../../chunk-ZOCDYJPX.js';
+export { LazyCartItem as CartItem, LazyCartSummary as CartSummary, LazySeoCartWidget as SeoCartWidget } from '../../chunk-Q5YIGQTT.js';
 import '../../chunk-DGUM43GV.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/collapse/Collapse.d.ts

@@ -24,7 +24,7 @@
  * }
  * ```
  */
-import { type ReactNode, type HTMLAttributes } from 'react';
+import { type ReactNode, type HTMLAttributes, type ButtonHTMLAttributes } from 'react';
 export interface CollapseProps {
     isOpen: boolean;
     onToggle: () => void;
@@ -39,7 +39,7 @@ export declare namespace Collapse {
     var Trigger: ({ children, isOpen, onToggle, className, ...props }: CollapseTriggerProps) => import("react/jsx-runtime").JSX.Element;
     var Content: ({ children, isOpen, className, ...props }: CollapseContentProps) => import("react/jsx-runtime").JSX.Element;
 }
-export interface CollapseTriggerProps extends HTMLAttributes<HTMLDivElement> {
+export interface CollapseTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     children: ReactNode;
     isOpen?: boolean;
     onToggle?: () => void;

package/dist/components/collapse/Collapse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.d.ts","sourceRoot":"","sources":["../../../src/components/collapse/Collapse.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,aAAa,2CAE9D;yBAFe,QAAQ;uEAiBrB,oBAAoB;6DAyBpB,oBAAoB;;AArCvB,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC1E,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAuBD,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC1E,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}
+{"version":3,"file":"Collapse.d.ts","sourceRoot":"","sources":["../../../src/components/collapse/Collapse.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAEvF,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,aAAa,2CAE9D;yBAFe,QAAQ;uEAiBrB,oBAAoB;6DAyBpB,oBAAoB;;AArCvB,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACnF,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAuBD,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC1E,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}

package/dist/components/collapse/index.js

@@ -12,11 +12,11 @@ Collapse.Trigger = function CollapseTrigger({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    "div",
+    "button",
     {
+      type: "button",
       onClick: onToggle,
-      className: `cursor-pointer ${className || ""}`,
-      role: "button",
+      className: `block cursor-pointer border-0 bg-transparent p-0 text-start ${className || ""}`,
       "aria-expanded": isOpen,
       ...props,
       children

package/dist/components/collapse/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/collapse/Collapse.tsx"],"names":[],"mappings":";;;AAuCO,SAAS,QAAA,CAAS,EAAE,QAAA,EAAU,SAAA,EAAU,EAAkB;AAC/D,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,mBAAmB,SAAA,IAAa,EAAE,IAAK,QAAA,EAAS,CAAA;AACzE;AASA,QAAA,CAAS,OAAA,GAAU,SAAS,eAAA,CAAgB;AAAA,EAC1C,QAAA;AAAA,EACA,MAAA,GAAS,KAAA;AAAA,EACT,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyB;AACvB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,QAAA;AAAA,MACT,SAAA,EAAW,CAAA,eAAA,EAAkB,SAAA,IAAa,EAAE,CAAA,CAAA;AAAA,MAC5C,IAAA,EAAK,QAAA;AAAA,MACL,eAAA,EAAe,MAAA;AAAA,MACd,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAA;AAQA,QAAA,CAAS,OAAA,GAAU,SAAS,eAAA,CAAgB;AAAA,EAC1C,QAAA;AAAA,EACA,MAAA,GAAS,KAAA;AAAA,EACT,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyB;AACvB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,CAAA,qCAAA,EACT,MAAA,GAAS,qCAAqC,gCAChD,CAAA,CAAA,EAAI,aAAa,EAAE,CAAA,CAAA;AAAA,MAClB,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,iBAAA,EACb,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EAAQ,QAAA,EAAS,CAAA,EAClC;AAAA;AAAA,GACF;AAEJ,CAAA","file":"index.js","sourcesContent":["/**\n * Collapse Component\n *\n * A controlled collapsible content area with smooth animation.\n *\n * @example\n * ```tsx\n * function FAQItem({ question, answer }) {\n *   const [isOpen, setIsOpen] = useState(false);\n *\n *   return (\n *     <Collapse isOpen={isOpen} onToggle={() => setIsOpen(!isOpen)}>\n *       <Collapse.Trigger>\n *         <div className=\"flex justify-between\">\n *           <span>{question}</span>\n *           <span>{isOpen ? '−' : '+'}</span>\n *         </div>\n *       </Collapse.Trigger>\n *       <Collapse.Content>\n *         <p>{answer}</p>\n *       </Collapse.Content>\n *     </Collapse>\n *   );\n * }\n * ```\n */\n\nimport { type ReactNode, type HTMLAttributes } from 'react';\n\nexport interface CollapseProps {\n  isOpen: boolean;\n  onToggle: () => void;\n  children: ReactNode;\n  /**\n   * Additional className for the collapse container\n   */\n  className?: string;\n}\n\nexport function Collapse({ children, className }: CollapseProps) {\n  return <div className={`overflow-hidden ${className || ''}`}>{children}</div>;\n}\n\n// Trigger Component\nexport interface CollapseTriggerProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  isOpen?: boolean;\n  onToggle?: () => void;\n}\n\nCollapse.Trigger = function CollapseTrigger({\n  children,\n  isOpen = false,\n  onToggle,\n  className,\n  ...props\n}: CollapseTriggerProps) {\n  return (\n    <div\n      onClick={onToggle}\n      className={`cursor-pointer ${className || ''}`}\n      role=\"button\"\n      aria-expanded={isOpen}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\n// Content Component\nexport interface CollapseContentProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  isOpen?: boolean;\n}\n\nCollapse.Content = function CollapseContent({\n  children,\n  isOpen = false,\n  className,\n  ...props\n}: CollapseContentProps) {\n  return (\n    <div\n      className={`transition-all duration-200 ease-out ${\n        isOpen ? 'grid grid-rows-[1fr] opacity-100' : 'grid grid-rows-[0fr] opacity-0'\n      } ${className || ''}`}\n      {...props}\n    >\n      <div className=\"overflow-hidden\">\n        <div className=\"pb-2\">{children}</div>\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../../../src/components/collapse/Collapse.tsx"],"names":[],"mappings":";;;AAuCO,SAAS,QAAA,CAAS,EAAE,QAAA,EAAU,SAAA,EAAU,EAAkB;AAC/D,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,mBAAmB,SAAA,IAAa,EAAE,IAAK,QAAA,EAAS,CAAA;AACzE;AASA,QAAA,CAAS,OAAA,GAAU,SAAS,eAAA,CAAgB;AAAA,EAC1C,QAAA;AAAA,EACA,MAAA,GAAS,KAAA;AAAA,EACT,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyB;AACvB,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,OAAA,EAAS,QAAA;AAAA,MACT,SAAA,EAAW,CAAA,4DAAA,EAA+D,SAAA,IAAa,EAAE,CAAA,CAAA;AAAA,MACzF,eAAA,EAAe,MAAA;AAAA,MACd,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAA;AAQA,QAAA,CAAS,OAAA,GAAU,SAAS,eAAA,CAAgB;AAAA,EAC1C,QAAA;AAAA,EACA,MAAA,GAAS,KAAA;AAAA,EACT,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAyB;AACvB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,CAAA,qCAAA,EACT,MAAA,GAAS,qCAAqC,gCAChD,CAAA,CAAA,EAAI,aAAa,EAAE,CAAA,CAAA;AAAA,MAClB,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,iBAAA,EACb,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAU,MAAA,EAAQ,QAAA,EAAS,CAAA,EAClC;AAAA;AAAA,GACF;AAEJ,CAAA","file":"index.js","sourcesContent":["/**\n * Collapse Component\n *\n * A controlled collapsible content area with smooth animation.\n *\n * @example\n * ```tsx\n * function FAQItem({ question, answer }) {\n *   const [isOpen, setIsOpen] = useState(false);\n *\n *   return (\n *     <Collapse isOpen={isOpen} onToggle={() => setIsOpen(!isOpen)}>\n *       <Collapse.Trigger>\n *         <div className=\"flex justify-between\">\n *           <span>{question}</span>\n *           <span>{isOpen ? '−' : '+'}</span>\n *         </div>\n *       </Collapse.Trigger>\n *       <Collapse.Content>\n *         <p>{answer}</p>\n *       </Collapse.Content>\n *     </Collapse>\n *   );\n * }\n * ```\n */\n\nimport { type ReactNode, type HTMLAttributes, type ButtonHTMLAttributes } from 'react';\n\nexport interface CollapseProps {\n  isOpen: boolean;\n  onToggle: () => void;\n  children: ReactNode;\n  /**\n   * Additional className for the collapse container\n   */\n  className?: string;\n}\n\nexport function Collapse({ children, className }: CollapseProps) {\n  return <div className={`overflow-hidden ${className || ''}`}>{children}</div>;\n}\n\n// Trigger Component\nexport interface CollapseTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  children: ReactNode;\n  isOpen?: boolean;\n  onToggle?: () => void;\n}\n\nCollapse.Trigger = function CollapseTrigger({\n  children,\n  isOpen = false,\n  onToggle,\n  className,\n  ...props\n}: CollapseTriggerProps) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onToggle}\n      className={`block cursor-pointer border-0 bg-transparent p-0 text-start ${className || ''}`}\n      aria-expanded={isOpen}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n};\n\n// Content Component\nexport interface CollapseContentProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n  isOpen?: boolean;\n}\n\nCollapse.Content = function CollapseContent({\n  children,\n  isOpen = false,\n  className,\n  ...props\n}: CollapseContentProps) {\n  return (\n    <div\n      className={`transition-all duration-200 ease-out ${\n        isOpen ? 'grid grid-rows-[1fr] opacity-100' : 'grid grid-rows-[0fr] opacity-0'\n      } ${className || ''}`}\n      {...props}\n    >\n      <div className=\"overflow-hidden\">\n        <div className=\"pb-2\">{children}</div>\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/components/common/DeferredData.d.ts

@@ -13,7 +13,6 @@ interface DeferredState<T> {
 export interface DeferredPromise<T> extends Promise<T> {
     [DEFERRED_KEY]?: DeferredState<T>;
 }
-export declare function defer<T>(promise: Promise<T>): DeferredPromise<T>;
 export declare function resolveDeferred<T>(promiseOrValue: Promise<T> | T | undefined): T | Promise<T> | undefined;
 export declare function DeferredData<T>({ promise, fallback, children }: DeferredDataProps<T>): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export {};

package/dist/components/common/DeferredData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeferredData.d.ts","sourceRoot":"","sources":["../../../src/components/common/DeferredData.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;CAClC;AAED,QAAA,MAAM,YAAY,eAAkC,CAAC;AAErD,UAAU,aAAa,CAAC,CAAC;IACvB,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACxC,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,OAAO,CAAC,CAAC,CAAC;IACpD,CAAC,YAAY,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;CACnC;AAID,wBAAgB,KAAK,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,CAqBhE;AAuCD,wBAAgB,eAAe,CAAC,CAAC,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,SAAS,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,CAMzG;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,CAAC,CAAC,2UA6BpF"}
+{"version":3,"file":"DeferredData.d.ts","sourceRoot":"","sources":["../../../src/components/common/DeferredData.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;CAClC;AAED,QAAA,MAAM,YAAY,eAAkC,CAAC;AAErD,UAAU,aAAa,CAAC,CAAC;IACvB,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACxC,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,eAAe,CAAC,CAAC,CAAE,SAAQ,OAAO,CAAC,CAAC,CAAC;IACpD,CAAC,YAAY,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;CACnC;AAgED,wBAAgB,eAAe,CAAC,CAAC,EAC/B,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,SAAS,GACzC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,CAM5B;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,iBAAiB,CAAC,CAAC,CAAC,2UA6BpF"}

package/dist/components/common/ErrorPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorPage.d.ts","sourceRoot":"","sources":["../../../src/components/common/ErrorPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC;QAC5B,EAAE,EAAE,MAAM,CAAC;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC5B,QAAQ,EAAE,SAAS,CAAC;KACrB,CAAC,CAAC;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,UAAgB,EAChB,UAAiB,EACjB,aAAa,EACb,QAAQ,GACT,EAAE,cAAc,2CAuChB"}
+{"version":3,"file":"ErrorPage.d.ts","sourceRoot":"","sources":["../../../src/components/common/ErrorPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQtD,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC;QAC5B,EAAE,EAAE,MAAM,CAAC;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC5B,QAAQ,EAAE,SAAS,CAAC;KACrB,CAAC,CAAC;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,UAAgB,EAChB,UAAiB,EACjB,aAAa,EACb,QAAQ,GACT,EAAE,cAAc,2CAmChB"}

package/dist/components/common/index.js

@@ -1,4 +1,4 @@
-export { BlogSkeleton, LazyBreadcrumb as Breadcrumb, BreadcrumbSkeleton, LazyCurrencySymbol as CurrencySymbol, CustomerLayoutSkeleton, CustomerPageSkeleton, DeferredData, LazyErrorPage as ErrorPage, Image, LazyNoContent as NoContent, PageSkeleton, ProductCardSkeleton, ProductDetailSkeleton, ProductGridSkeleton, LazyRenderWhenVisible as RenderWhenVisible, SkeletonPulse, resolveDeferred } from '../../chunk-433EFDBW.js';
+export { BlogSkeleton, LazyBreadcrumb as Breadcrumb, BreadcrumbSkeleton, LazyCurrencySymbol as CurrencySymbol, CustomerLayoutSkeleton, CustomerPageSkeleton, DeferredData, LazyErrorPage as ErrorPage, Image, LazyNoContent as NoContent, PageSkeleton, ProductCardSkeleton, ProductDetailSkeleton, ProductGridSkeleton, LazyRenderWhenVisible as RenderWhenVisible, SkeletonPulse, resolveDeferred } from '../../chunk-3OAVM4PY.js';
 export { Link } from '../../chunk-AXW67SY7.js';
 import '../../chunk-BYMOPN2S.js';
 import '../../chunk-DGUM43GV.js';

package/dist/components/drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAkC,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAInG,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACnC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,IAAW,EACX,oBAA2B,EAC3B,aAAoB,EACpB,iBAAwB,EACxB,SAAS,GACV,EAAE,WAAW,4BA0Fb;yBAnGe,MAAM;8EAkHnB,iBAAiB;kDAgCiD,eAAe;oDAYX,iBAAiB;;AAxD1F,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAoCD,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAUD,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,QAAQ,EAAE,SAAS,CAAC;CACrB"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAkC,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAInG,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACnC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AASD,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,IAAW,EACX,oBAA2B,EAC3B,aAAoB,EACpB,iBAAwB,EACxB,SAAS,GACV,EAAE,WAAW,4BAiGb;yBA1Ge,MAAM;8EAyHnB,iBAAiB;kDAgCiD,eAAe;oDAYX,iBAAiB;;AAxD1F,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAoCD,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAUD,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,QAAQ,EAAE,SAAS,CAAC;CACrB"}