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

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

@@ -0,0 +1,34 @@
+import type { Cart } from '../../types';
+export interface SeoCartWidgetProps {
+    /**
+     * Cart data from the TanStack Router loader — no extra fetch needed.
+     */
+    cart: Cart;
+    /**
+     * Current checkout funnel step.
+     * Defaults to `1` (cart view) — CartPage always passes this default.
+     * The widget internally listens to Salla SDK events to promote to 2 / 3.
+     */
+    step?: 1 | 2 | 3;
+}
+/**
+ * SeoCartWidget — Null-rendering analytics side-effect component.
+ *
+ * Responsibilities:
+ * 1. Fires a GTM `checkout` event (step 1) on cart page load.
+ * 2. Listens to Salla SDK checkout overlay events to fire steps 2 & 3.
+ * 3. Updates `document.title` to reflect the cart context.
+ *
+ * Architecture:
+ * - Lives in `theme-engine` so all themes using the engine get GTM tracking.
+ * - Mounted directly inside `CartPage`, which already has loader data.
+ * - `window.dataLayer` must be initialised by the store's GTM embed snippet;
+ *   the widget initialises it as a safe-guard but does NOT inject GTM itself.
+ * - Must be mounted inside `<TwilightProvider>` (reads `currency` from context).
+ *
+ * @example
+ * // In CartPage:
+ * <SeoCartWidget cart={cart} />
+ */
+export declare function SeoCartWidget({ cart, step }: SeoCartWidgetProps): null;
+//# sourceMappingURL=SeoCartWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SeoCartWidget.d.ts","sourceRoot":"","sources":["../../../src/components/cart/SeoCartWidget.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAKxC,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IACX;;;;OAIG;IACH,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAClB;AAsBD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,IAAQ,EAAE,EAAE,kBAAkB,QAwCnE"}

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

@@ -0,0 +1,4 @@
+import { LazyCartItem, LazyCartSummary, LazySeoCartWidget } from './lazy';
+export { LazyCartItem as CartItem, LazyCartSummary as CartSummary, LazySeoCartWidget as SeoCartWidget, };
+export type { SeoCartWidgetProps } from './SeoCartWidget';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/cart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAG1E,OAAO,EACL,YAAY,IAAI,QAAQ,EACxB,eAAe,IAAI,WAAW,EAC9B,iBAAiB,IAAI,aAAa,GACnC,CAAC;AAGF,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/cart/index.js

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

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

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

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

@@ -0,0 +1,8 @@
+/**
+ * Lazy-loaded cart components
+ * Use these for code-splitting cart sections
+ */
+export declare const LazyCartItem: import("react").LazyExoticComponent<typeof import("./CartItem").CartItem>;
+export declare const LazyCartSummary: import("react").LazyExoticComponent<typeof import("./CartSummary").CartSummary>;
+export declare const LazySeoCartWidget: import("react").LazyExoticComponent<typeof import("./SeoCartWidget").SeoCartWidget>;
+//# sourceMappingURL=lazy.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lazy.d.ts","sourceRoot":"","sources":["../../../src/components/cart/lazy.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,YAAY,2EAA0E,CAAC;AAEpG,eAAO,MAAM,eAAe,iFAE3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qFAE7B,CAAC"}

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

@@ -0,0 +1,51 @@
+/**
+ * Collapse Component
+ *
+ * A controlled collapsible content area with smooth animation.
+ *
+ * @example
+ * ```tsx
+ * function FAQItem({ question, answer }) {
+ *   const [isOpen, setIsOpen] = useState(false);
+ *
+ *   return (
+ *     <Collapse isOpen={isOpen} onToggle={() => setIsOpen(!isOpen)}>
+ *       <Collapse.Trigger>
+ *         <div className="flex justify-between">
+ *           <span>{question}</span>
+ *           <span>{isOpen ? '−' : '+'}</span>
+ *         </div>
+ *       </Collapse.Trigger>
+ *       <Collapse.Content>
+ *         <p>{answer}</p>
+ *       </Collapse.Content>
+ *     </Collapse>
+ *   );
+ * }
+ * ```
+ */
+import { type ReactNode, type HTMLAttributes } from 'react';
+export interface CollapseProps {
+    isOpen: boolean;
+    onToggle: () => void;
+    children: ReactNode;
+    /**
+     * Additional className for the collapse container
+     */
+    className?: string;
+}
+export declare function Collapse({ children, className }: CollapseProps): import("react/jsx-runtime").JSX.Element;
+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> {
+    children: ReactNode;
+    isOpen?: boolean;
+    onToggle?: () => void;
+}
+export interface CollapseContentProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    isOpen?: boolean;
+}
+//# sourceMappingURL=Collapse.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,36 @@
+/**
+ * Collapse Component System
+ *
+ * A controlled collapsible panel for FAQs, accordions, and expandable sections.
+ * Eager-loaded because it uses compound component pattern (Collapse.Trigger, Collapse.Content).
+ *
+ * @example
+ * ```tsx
+ * import { Collapse } from '@salla.sa/twilight-theme-engine/components/collapse';
+ *
+ * function Accordion() {
+ *   const [openId, setOpenId] = useState(null);
+ *
+ *   return (
+ *     <div className="space-y-2">
+ *       {items.map((item) => (
+ *         <Collapse
+ *           key={item.id}
+ *           isOpen={openId === item.id}
+ *           onToggle={() => setOpenId(openId === item.id ? null : item.id)}
+ *         >
+ *           <Collapse.Trigger isOpen={openId === item.id} onToggle={() => setOpenId(item.id)}>
+ *             <h3>{item.title}</h3>
+ *           </Collapse.Trigger>
+ *           <Collapse.Content isOpen={openId === item.id}>
+ *             <p>{item.content}</p>
+ *           </Collapse.Content>
+ *         </Collapse>
+ *       ))}
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export { Collapse, type CollapseProps, type CollapseTriggerProps, type CollapseContentProps, } from './Collapse';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/collapse/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,GAC1B,MAAM,YAAY,CAAC"}

package/dist/components/collapse/index.js

@@ -0,0 +1,44 @@
+import '../../chunk-DGUM43GV.js';
+import { jsx } from 'react/jsx-runtime';
+
+function Collapse({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: `overflow-hidden ${className || ""}`, children });
+}
+Collapse.Trigger = function CollapseTrigger({
+  children,
+  isOpen = false,
+  onToggle,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      onClick: onToggle,
+      className: `cursor-pointer ${className || ""}`,
+      role: "button",
+      "aria-expanded": isOpen,
+      ...props,
+      children
+    }
+  );
+};
+Collapse.Content = function CollapseContent({
+  children,
+  isOpen = false,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `transition-all duration-200 ease-out ${isOpen ? "grid grid-rows-[1fr] opacity-100" : "grid grid-rows-[0fr] opacity-0"} ${className || ""}`,
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "pb-2", children }) })
+    }
+  );
+};
+
+export { Collapse };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,7 @@
+import type { Page } from '../../types';
+export interface BreadcrumbProps {
+    page?: Page | null;
+    className?: string;
+}
+export declare function Breadcrumb({ page, className }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Breadcrumb.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/common/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAMxC,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,eAAe,kDAe9D"}

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

@@ -0,0 +1,8 @@
+import type { Breadcrumb } from '../../types';
+interface BreadcrumbJsonLdProps {
+    items: Breadcrumb[];
+    origin: string;
+}
+export declare function BreadcrumbJsonLd({ items, origin }: BreadcrumbJsonLdProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=BreadcrumbJsonLd.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbJsonLd.d.ts","sourceRoot":"","sources":["../../../src/components/common/BreadcrumbJsonLd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,UAAU,qBAAqB;IAC7B,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;CAChB;AAOD,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,qBAAqB,kDA2BxE"}

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

@@ -0,0 +1,8 @@
+import type { Breadcrumb } from '../../types';
+interface BreadcrumbTrailProps {
+    items: Breadcrumb[];
+    className?: string;
+}
+export declare const BreadcrumbTrail: import("react").NamedExoticComponent<BreadcrumbTrailProps>;
+export {};
+//# sourceMappingURL=BreadcrumbTrail.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbTrail.d.ts","sourceRoot":"","sources":["../../../src/components/common/BreadcrumbTrail.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAK9C,UAAU,oBAAoB;IAC5B,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAsBD,eAAO,MAAM,eAAe,4DAiE1B,CAAC"}

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

@@ -0,0 +1,8 @@
+/**
+ * Renders a currency symbol.
+ * SAR uses the dedicated `sicon-sar` icon; all other currencies render as text.
+ */
+export declare function CurrencySymbol({ currency }: {
+    currency: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CurrencySymbol.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencySymbol.d.ts","sourceRoot":"","sources":["../../../src/components/common/CurrencySymbol.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,2CAGhE"}

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

@@ -0,0 +1,20 @@
+import { type ReactNode } from 'react';
+export interface DeferredDataProps<T> {
+    promise: Promise<T> | T;
+    fallback: ReactNode;
+    children: (data: T) => ReactNode;
+}
+declare const DEFERRED_KEY: unique symbol;
+interface DeferredState<T> {
+    status: 'pending' | 'success' | 'error';
+    value?: T;
+    error?: unknown;
+}
+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 {};
+//# sourceMappingURL=DeferredData.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,18 @@
+import type { ComponentType, ReactNode } from 'react';
+export interface ErrorPageProps {
+    code?: string | number;
+    title?: string;
+    message?: string;
+    actionText?: string;
+    actionHref?: string;
+    showAction?: boolean;
+    LinkComponent?: ComponentType<{
+        to: string;
+        className?: string;
+        style?: React.CSSProperties;
+        children: ReactNode;
+    }>;
+    children?: ReactNode;
+}
+export declare function ErrorPage({ code, title, message, actionText, actionHref, showAction, LinkComponent, children, }: ErrorPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ErrorPage.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,28 @@
+export interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    /** Image source URL */
+    src?: string;
+    /** Alt text for accessibility */
+    alt: string;
+    /** Whether this image is above the fold / LCP candidate */
+    priority?: boolean;
+    /** Aspect ratio for CLS prevention (e.g. "16/9", "1/1", "4/3") */
+    aspectRatio?: string;
+    /** Object fit mode */
+    objectFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+    /** Mobile image source for <picture> element */
+    mobileSrc?: string;
+    /** Mobile breakpoint for <source> media query (default: 768px) */
+    mobileBreakpoint?: number;
+    /** Skip the wrapper div */
+    noWrapper?: boolean;
+}
+/**
+ * Optimized Image component with native browser lazy loading.
+ *
+ * - Uses `loading="lazy"` + `decoding="async"` by default for below-the-fold images.
+ * - Uses `loading="eager"` + `fetchPriority="high"` for priority (above-the-fold / LCP) images.
+ * - Supports responsive `<picture>` with mobile source.
+ * - Provides `aspectRatio` for CLS prevention.
+ */
+export declare const Image: import("react").NamedExoticComponent<ImageProps>;
+//# sourceMappingURL=Image.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/common/Image.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IAC3E,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iCAAiC;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;IACjE,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK,kDA6DhB,CAAC"}

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

@@ -0,0 +1,21 @@
+import type { BaseLinkProps } from './Link.types';
+/**
+ * Framework-agnostic Link component.
+ *
+ * Uses the LinkProvider context to render the framework-specific Link adapter.
+ * Works with TanStack Router, Next.js, or any configured adapter.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Link to="/products">View Products</Link>
+ *
+ * // With preloading
+ * <Link to="/product/123" preload="intent">Product Details</Link>
+ *
+ * // With styling
+ * <Link to="/cart" className="nav-link" style={{ fontWeight: 'bold' }}>Cart</Link>
+ * ```
+ */
+export declare const Link: import("react").ForwardRefExoticComponent<Omit<BaseLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=Link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/common/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAElD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,IAAI,0HAWhB,CAAC"}

package/dist/components/common/Link.types.d.ts

@@ -0,0 +1,82 @@
+import type { ReactNode, CSSProperties, MouseEventHandler, Ref } from 'react';
+/**
+ * Preload behavior for Link component
+ */
+export type LinkPreload = 'intent' | 'render' | false;
+/**
+ * Framework-agnostic Link props.
+ * Supported across TanStack Router, Next.js, and other React frameworks.
+ */
+export interface BaseLinkProps {
+    /**
+     * The destination path
+     */
+    to?: string;
+    /**
+     * Alternative to `to` - supported for compatibility
+     */
+    href?: string;
+    /**
+     * Children elements
+     */
+    children?: ReactNode;
+    /**
+     * Optional className for styling
+     */
+    className?: string;
+    /**
+     * Inline styles
+     */
+    style?: CSSProperties;
+    /**
+     * Optional title attribute
+     */
+    title?: string;
+    /**
+     * Target attribute for the anchor
+     */
+    target?: string;
+    /**
+     * Rel attribute for the anchor
+     */
+    rel?: string;
+    /**
+     * Click handler
+     */
+    onClick?: MouseEventHandler<HTMLAnchorElement>;
+    /**
+     * Preload behavior:
+     * - 'intent': Preload on hover/focus (default for TanStack)
+     * - 'render': Preload when link renders
+     * - false: No preloading
+     */
+    preload?: LinkPreload;
+    /**
+     * Replace current history entry instead of pushing
+     */
+    replace?: boolean;
+    /**
+     * ARIA label for accessibility
+     */
+    'aria-label'?: string;
+    /**
+     * HTML microdata itemProp attribute
+     */
+    itemProp?: string;
+    /**
+     * Ref forwarding
+     */
+    ref?: Ref<HTMLAnchorElement>;
+}
+/**
+ * Link adapter component type
+ */
+export type LinkAdapter = React.ComponentType<BaseLinkProps>;
+/**
+ * Props for LinkProvider
+ */
+export interface LinkProviderProps {
+    adapter: LinkAdapter;
+    children: ReactNode;
+}
+//# sourceMappingURL=Link.types.d.ts.map

package/dist/components/common/Link.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.types.d.ts","sourceRoot":"","sources":["../../../src/components/common/Link.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE9E;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEtD;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB"}

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

@@ -0,0 +1,9 @@
+interface NoContentProps {
+    icon?: string;
+    message: string;
+    actionLabel?: string;
+    actionUrl?: string;
+}
+export declare function NoContent({ icon, message, actionLabel, actionUrl, }: NoContentProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NoContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NoContent.d.ts","sourceRoot":"","sources":["../../../src/components/common/NoContent.tsx"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,IAA2B,EAC3B,OAAO,EACP,WAAW,EACX,SAAe,GAChB,EAAE,cAAc,2CAYhB"}

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

@@ -0,0 +1,23 @@
+import { type ReactNode } from 'react';
+export interface RenderWhenVisibleProps {
+    children: ReactNode;
+    rootMargin?: string;
+    placeholder?: ReactNode;
+    className?: string;
+    id?: string;
+    estimatedHeight?: string;
+    renderOnMount?: boolean;
+}
+/**
+ * RenderWhenVisible — defers mounting children until the container enters the viewport.
+ *
+ * Children are NOT in the React tree at all until the Intersection Observer fires,
+ * so no effects, API calls, or renders happen for off-screen sections.
+ * Once rendered, children stay mounted permanently (no re-unmount on scroll away).
+ *
+ * The `estimatedHeight` prop prevents the zero-height collapse problem: without it
+ * every unrendered section stacks at the top with 0px height, causing all observers
+ * to fire at once on mount.
+ */
+export declare const RenderWhenVisible: import("react").NamedExoticComponent<RenderWhenVisibleProps>;
+//# sourceMappingURL=RenderWhenVisible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RenderWhenVisible.d.ts","sourceRoot":"","sources":["../../../src/components/common/RenderWhenVisible.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMpF,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB,8DA4C5B,CAAC"}

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

@@ -0,0 +1,11 @@
+import { LazyBreadcrumb, LazyNoContent, LazyRenderWhenVisible, LazyCurrencySymbol, LazyErrorPage } from './lazy';
+import { Image } from './Image';
+import { Link } from './Link';
+export { LazyBreadcrumb as Breadcrumb, LazyNoContent as NoContent, LazyRenderWhenVisible as RenderWhenVisible, LazyCurrencySymbol as CurrencySymbol, LazyErrorPage as ErrorPage, };
+export { Image, Link };
+export { PageSkeleton, ProductDetailSkeleton, BlogSkeleton, BreadcrumbSkeleton, ProductCardSkeleton, ProductGridSkeleton, SkeletonPulse, CustomerPageSkeleton, CustomerLayoutSkeleton, } from '@salla.sa/twilight-components-react';
+export type { PageSkeletonProps } from '@salla.sa/twilight-components-react';
+export { DeferredData, resolveDeferred } from './DeferredData';
+export type { DeferredDataProps } from './DeferredData';
+export type { BaseLinkProps as LinkProps, LinkPreload } from './Link.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/common/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,aAAa,EACd,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,OAAO,EACL,cAAc,IAAI,UAAU,EAC5B,aAAa,IAAI,SAAS,EAC1B,qBAAqB,IAAI,iBAAiB,EAC1C,kBAAkB,IAAI,cAAc,EACpC,aAAa,IAAI,SAAS,GAC3B,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AAGvB,OAAO,EACL,YAAY,EACZ,qBAAqB,EACrB,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,qCAAqC,CAAC;AAC7C,YAAY,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAG7E,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxD,YAAY,EAAE,aAAa,IAAI,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/common/index.js

@@ -0,0 +1,6 @@
+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-2KF5JJU6.js';
+export { Link } from '../../chunk-TZ4YD5CU.js';
+import '../../chunk-XUI3TRXF.js';
+import '../../chunk-DGUM43GV.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,13 @@
+/**
+ * Lazy-loaded common components
+ * Use these for code-splitting non-critical components
+ *
+ * NOTE: Skeleton components are sourced from @salla.sa/twilight-components-react
+ * because they must render instantly during route transitions.
+ */
+export declare const LazyBreadcrumb: import("react").LazyExoticComponent<typeof import("./Breadcrumb").Breadcrumb>;
+export declare const LazyNoContent: import("react").LazyExoticComponent<typeof import("./NoContent").NoContent>;
+export declare const LazyRenderWhenVisible: import("react").LazyExoticComponent<import("react").NamedExoticComponent<import("./RenderWhenVisible").RenderWhenVisibleProps>>;
+export declare const LazyCurrencySymbol: import("react").LazyExoticComponent<typeof import("./CurrencySymbol").CurrencySymbol>;
+export declare const LazyErrorPage: import("react").LazyExoticComponent<typeof import("./ErrorPage").ErrorPage>;
+//# sourceMappingURL=lazy.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lazy.d.ts","sourceRoot":"","sources":["../../../src/components/common/lazy.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,+EAE1B,CAAC;AAEF,eAAO,MAAM,aAAa,6EAEzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,iIAEjC,CAAC;AAEF,eAAO,MAAM,kBAAkB,uFAE9B,CAAC;AAEF,eAAO,MAAM,aAAa,6EAEzB,CAAC"}

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

@@ -0,0 +1,7 @@
+/**
+ * Common Component Types
+ * Only types shared across multiple components or exported for external use.
+ */
+/** Props for Link component - exported for external use */
+export type { BaseLinkProps as LinkProps, LinkPreload } from './Link.types';
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/common/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,2DAA2D;AAC3D,YAAY,EAAE,aAAa,IAAI,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/defineComponent.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentType } from '../types';
+interface DefineComponentConfig<P = Record<string, unknown>> {
+    name: string;
+    component: ComponentType<P>;
+    override?: boolean;
+}
+export declare function defineComponent<P = Record<string, unknown>>(config: DefineComponentConfig<P>): ComponentType<P>;
+export declare function registerComponents(components: Record<string, ComponentType>): void;
+export declare function overrideComponents(components: Record<string, ComponentType>): void;
+export {};
+//# sourceMappingURL=defineComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"defineComponent.d.ts","sourceRoot":"","sources":["../../src/components/defineComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,qBAAqB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACzD,MAAM,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAC/B,aAAa,CAAC,CAAC,CAAC,CAQlB;AAED,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,IAAI,CAIlF;AAED,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,IAAI,CAIlF"}