@enadhq/enad-react-sdk 1.0.0 → 1.0.2

package/dist/client/storefront/components/section-nav.mjs

@@ -0,0 +1,175 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useIcon } from "../../icons/icon-context";
+import { Popover, PopoverContent, PopoverTrigger } from "../../ui-resolver/popover";
+import { cn } from "../../ui/utils";
+import { useSectionObserver } from "../hooks/use-section-observer";
+function SectionNav({
+  links,
+  visibleCount = 4,
+  stickyOffset = 0,
+  moreLabel = "More",
+  className
+}) {
+  const ChevronDownIcon = useIcon("chevronDown");
+  const [isSticky, setIsSticky] = useState(false);
+  const [popoverOpen, setPopoverOpen] = useState(false);
+  const navRef = useRef(null);
+  const pillsRef = useRef(null);
+  const sentinelRef = useRef(null);
+  const anchors = useMemo(() => links.map((l) => l.href), [links]);
+  const activeHref = useSectionObserver(anchors, stickyOffset + 56);
+  const visibleLinks = links.slice(0, visibleCount);
+  const overflowLinks = links.slice(visibleCount);
+  const hasOverflow = overflowLinks.length > 0;
+  const groupedOverflow = useMemo(() => {
+    const groups = /* @__PURE__ */ new Map();
+    const ungrouped = [];
+    for (const link of overflowLinks) {
+      if (link.group) {
+        const existing = groups.get(link.group);
+        if (existing) {
+          existing.push(link);
+        } else {
+          groups.set(link.group, [link]);
+        }
+      } else {
+        ungrouped.push(link);
+      }
+    }
+    return { groups, ungrouped };
+  }, [overflowLinks]);
+  useEffect(() => {
+    const sentinel = sentinelRef.current;
+    if (!sentinel) return;
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (entry) {
+          setIsSticky(!entry.isIntersecting);
+        }
+      },
+      { threshold: 0 }
+    );
+    observer.observe(sentinel);
+    return () => observer.disconnect();
+  }, []);
+  useEffect(() => {
+    if (!activeHref || !pillsRef.current) return;
+    const activePill = pillsRef.current.querySelector(`[data-href="${activeHref}"]`);
+    if (activePill) {
+      activePill.scrollIntoView({
+        inline: "nearest",
+        block: "nearest",
+        behavior: "smooth"
+      });
+    }
+  }, [activeHref]);
+  const handleClick = useCallback((e, href) => {
+    e.preventDefault();
+    setPopoverOpen(false);
+    const id = href.slice(1);
+    const target = document.getElementById(id);
+    if (!target) return;
+    const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    target.scrollIntoView({
+      behavior: prefersReducedMotion ? "instant" : "smooth",
+      block: "start"
+    });
+    history.pushState(null, "", href);
+  }, []);
+  const pillClassName = (href) => cn(
+    "inline-flex whitespace-nowrap rounded-[var(--enad-button-radius)] border px-4 py-2 text-sm transition-colors",
+    activeHref === href ? "border-primary bg-primary text-primary-foreground" : "border-border hover:bg-primary hover:text-primary-foreground"
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { ref: sentinelRef, "aria-hidden": "true", className: "h-0 w-full" }),
+    /* @__PURE__ */ jsx(
+      "nav",
+      {
+        ref: navRef,
+        "aria-label": "Section navigation",
+        style: { top: stickyOffset },
+        className: cn(
+          "sticky z-30 overflow-x-auto bg-background/95 backdrop-blur-sm transition-shadow duration-200",
+          isSticky && "shadow-[var(--enad-shadow-sm)]",
+          className
+        ),
+        children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-3", children: [
+          /* @__PURE__ */ jsx("ul", { ref: pillsRef, className: "flex gap-2 overflow-x-auto scrollbar-none", children: visibleLinks.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: link.href,
+              "data-href": link.href,
+              onClick: (e) => handleClick(e, link.href),
+              className: pillClassName(link.href),
+              children: link.label
+            }
+          ) }, link.href)) }),
+          hasOverflow && /* @__PURE__ */ jsxs(Popover, { open: popoverOpen, onOpenChange: setPopoverOpen, children: [
+            /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: cn(
+                  "inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-[var(--enad-button-radius)] border px-4 py-2 text-sm transition-colors",
+                  overflowLinks.some((l) => l.href === activeHref) ? "border-primary bg-primary text-primary-foreground" : "border-border hover:bg-primary hover:text-primary-foreground"
+                ),
+                children: [
+                  moreLabel,
+                  /* @__PURE__ */ jsx(
+                    ChevronDownIcon,
+                    {
+                      className: cn(
+                        "size-3.5 transition-transform duration-200",
+                        popoverOpen && "rotate-180"
+                      )
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx(PopoverContent, { align: "end", className: "w-52 p-2", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+              groupedOverflow.ungrouped.map((link) => /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: link.href,
+                  onClick: (e) => handleClick(e, link.href),
+                  className: cn(
+                    "rounded-md px-3 py-2 text-sm transition-colors",
+                    activeHref === link.href ? "bg-accent font-medium text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground"
+                  ),
+                  children: link.label
+                },
+                link.href
+              )),
+              Array.from(groupedOverflow.groups.entries()).map(
+                ([groupName, groupLinks], i) => /* @__PURE__ */ jsxs("div", { children: [
+                  (i > 0 || groupedOverflow.ungrouped.length > 0) && /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-border" }),
+                  /* @__PURE__ */ jsx("div", { className: "px-3 py-1.5 text-xs font-medium text-muted-foreground", children: groupName }),
+                  groupLinks.map((link) => /* @__PURE__ */ jsx(
+                    "a",
+                    {
+                      href: link.href,
+                      onClick: (e) => handleClick(e, link.href),
+                      className: cn(
+                        "rounded-md px-3 py-2 text-sm transition-colors",
+                        activeHref === link.href ? "bg-accent font-medium text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground"
+                      ),
+                      children: link.label
+                    },
+                    link.href
+                  ))
+                ] }, groupName)
+              )
+            ] }) })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  SectionNav
+};
+//# sourceMappingURL=section-nav.mjs.map

package/dist/client/storefront/components/section-nav.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/components/section-nav.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useIcon } from \"../../icons/icon-context\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../../ui-resolver/popover\";\nimport { cn } from \"../../ui/utils\";\nimport { useSectionObserver } from \"../hooks/use-section-observer\";\n\ninterface SectionLink {\n  label: string;\n  /** Anchor href, e.g. \"#specs\" */\n  href: string;\n  /** Optional group name for the overflow popover */\n  group?: string;\n}\n\ninterface SectionNavProps {\n  links: SectionLink[];\n  /** How many pills to show inline before overflow (default: 4) */\n  visibleCount?: number;\n  /** Top offset in px for sticky positioning, e.g. header height (default: 0) */\n  stickyOffset?: number;\n  /** Label for the overflow trigger (default: \"More\") */\n  moreLabel?: string;\n  className?: string;\n}\n\nfunction SectionNav({\n  links,\n  visibleCount = 4,\n  stickyOffset = 0,\n  moreLabel = \"More\",\n  className,\n}: SectionNavProps) {\n  const ChevronDownIcon = useIcon(\"chevronDown\");\n  const [isSticky, setIsSticky] = useState(false);\n  const [popoverOpen, setPopoverOpen] = useState(false);\n  const navRef = useRef<HTMLElement>(null);\n  const pillsRef = useRef<HTMLUListElement>(null);\n  const sentinelRef = useRef<HTMLDivElement>(null);\n\n  const anchors = useMemo(() => links.map((l) => l.href), [links]);\n  const activeHref = useSectionObserver(anchors, stickyOffset + 56);\n\n  const visibleLinks = links.slice(0, visibleCount);\n  const overflowLinks = links.slice(visibleCount);\n  const hasOverflow = overflowLinks.length > 0;\n\n  // Group overflow links by their group field\n  const groupedOverflow = useMemo(() => {\n    const groups = new Map<string, SectionLink[]>();\n    const ungrouped: SectionLink[] = [];\n\n    for (const link of overflowLinks) {\n      if (link.group) {\n        const existing = groups.get(link.group);\n        if (existing) {\n          existing.push(link);\n        } else {\n          groups.set(link.group, [link]);\n        }\n      } else {\n        ungrouped.push(link);\n      }\n    }\n\n    return { groups, ungrouped };\n  }, [overflowLinks]);\n\n  // Detect sticky state via a sentinel element\n  useEffect(() => {\n    const sentinel = sentinelRef.current;\n    if (!sentinel) return;\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry) {\n          setIsSticky(!entry.isIntersecting);\n        }\n      },\n      { threshold: 0 },\n    );\n\n    observer.observe(sentinel);\n    return () => observer.disconnect();\n  }, []);\n\n  // Auto-scroll the active pill into view\n  useEffect(() => {\n    if (!activeHref || !pillsRef.current) return;\n\n    const activePill = pillsRef.current.querySelector(`[data-href=\"${activeHref}\"]`);\n    if (activePill) {\n      activePill.scrollIntoView({\n        inline: \"nearest\",\n        block: \"nearest\",\n        behavior: \"smooth\",\n      });\n    }\n  }, [activeHref]);\n\n  const handleClick = useCallback((e: React.MouseEvent<HTMLAnchorElement>, href: string) => {\n    e.preventDefault();\n    setPopoverOpen(false);\n\n    const id = href.slice(1);\n    const target = document.getElementById(id);\n    if (!target) return;\n\n    const prefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n    target.scrollIntoView({\n      behavior: prefersReducedMotion ? \"instant\" : \"smooth\",\n      block: \"start\",\n    });\n\n    // Update URL hash without jumping\n    history.pushState(null, \"\", href);\n  }, []);\n\n  const pillClassName = (href: string) =>\n    cn(\n      \"inline-flex whitespace-nowrap rounded-[var(--enad-button-radius)] border px-4 py-2 text-sm transition-colors\",\n      activeHref === href\n        ? \"border-primary bg-primary text-primary-foreground\"\n        : \"border-border hover:bg-primary hover:text-primary-foreground\",\n    );\n\n  return (\n    <>\n      {/* Sentinel: sits at the nav's natural position to detect when we scroll past */}\n      <div ref={sentinelRef} aria-hidden=\"true\" className=\"h-0 w-full\" />\n\n      <nav\n        ref={navRef}\n        aria-label=\"Section navigation\"\n        style={{ top: stickyOffset }}\n        className={cn(\n          \"sticky z-30 overflow-x-auto bg-background/95 backdrop-blur-sm transition-shadow duration-200\",\n          isSticky && \"shadow-[var(--enad-shadow-sm)]\",\n          className,\n        )}\n      >\n        <div className=\"flex items-center gap-2 py-3\">\n          <ul ref={pillsRef} className=\"flex gap-2 overflow-x-auto scrollbar-none\">\n            {visibleLinks.map((link) => (\n              <li key={link.href}>\n                <a\n                  href={link.href}\n                  data-href={link.href}\n                  onClick={(e) => handleClick(e, link.href)}\n                  className={pillClassName(link.href)}\n                >\n                  {link.label}\n                </a>\n              </li>\n            ))}\n          </ul>\n\n          {hasOverflow && (\n            <Popover open={popoverOpen} onOpenChange={setPopoverOpen}>\n              <PopoverTrigger asChild>\n                <button\n                  type=\"button\"\n                  className={cn(\n                    \"inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded-[var(--enad-button-radius)] border px-4 py-2 text-sm transition-colors\",\n                    overflowLinks.some((l) => l.href === activeHref)\n                      ? \"border-primary bg-primary text-primary-foreground\"\n                      : \"border-border hover:bg-primary hover:text-primary-foreground\",\n                  )}\n                >\n                  {moreLabel}\n                  <ChevronDownIcon\n                    className={cn(\n                      \"size-3.5 transition-transform duration-200\",\n                      popoverOpen && \"rotate-180\",\n                    )}\n                  />\n                </button>\n              </PopoverTrigger>\n\n              <PopoverContent align=\"end\" className=\"w-52 p-2\">\n                <div className=\"flex flex-col gap-1\">\n                  {/* Ungrouped links first */}\n                  {groupedOverflow.ungrouped.map((link) => (\n                    <a\n                      key={link.href}\n                      href={link.href}\n                      onClick={(e) => handleClick(e, link.href)}\n                      className={cn(\n                        \"rounded-md px-3 py-2 text-sm transition-colors\",\n                        activeHref === link.href\n                          ? \"bg-accent font-medium text-accent-foreground\"\n                          : \"hover:bg-accent hover:text-accent-foreground\",\n                      )}\n                    >\n                      {link.label}\n                    </a>\n                  ))}\n\n                  {/* Grouped links with headings */}\n                  {Array.from(groupedOverflow.groups.entries()).map(\n                    ([groupName, groupLinks], i) => (\n                      <div key={groupName}>\n                        {(i > 0 || groupedOverflow.ungrouped.length > 0) && (\n                          <div className=\"my-1 border-t border-border\" />\n                        )}\n                        <div className=\"px-3 py-1.5 text-xs font-medium text-muted-foreground\">\n                          {groupName}\n                        </div>\n                        {groupLinks.map((link) => (\n                          <a\n                            key={link.href}\n                            href={link.href}\n                            onClick={(e) => handleClick(e, link.href)}\n                            className={cn(\n                              \"rounded-md px-3 py-2 text-sm transition-colors\",\n                              activeHref === link.href\n                                ? \"bg-accent font-medium text-accent-foreground\"\n                                : \"hover:bg-accent hover:text-accent-foreground\",\n                            )}\n                          >\n                            {link.label}\n                          </a>\n                        ))}\n                      </div>\n                    ),\n                  )}\n                </div>\n              </PopoverContent>\n            </Popover>\n          )}\n        </div>\n      </nav>\n    </>\n  );\n}\n\nexport { SectionNav, type SectionLink, type SectionNavProps };\n"],"mappings":"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","names":[]}

package/dist/client/storefront/components/share-button.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+export interface ShareButtonProps {
+    url: string;
+    title?: string;
+    text?: string;
+    /** Label shown on the button */
+    label?: string;
+    /** Message shown after copying the link */
+    copiedLabel?: string;
+    /** Duration (ms) to show the copied confirmation */
+    copiedDuration?: number;
+    /** Custom share icon — defaults to a built-in share icon */
+    icon?: React.ReactNode;
+    /** Optional social platform slots rendered alongside the share button */
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare function ShareButton({ url, title, text, label, copiedLabel, copiedDuration, icon, children, className, }: ShareButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=share-button.d.ts.map

package/dist/client/storefront/components/share-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"share-button.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/components/share-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,KAAK,EACL,IAAI,EACJ,KAAe,EACf,WAA4B,EAC5B,cAAqB,EACrB,IAAI,EACJ,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CAwElB"}

package/dist/client/storefront/components/share-button.mjs

@@ -0,0 +1,95 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../ui/utils";
+import { useIcon } from "../../icons/icon-context";
+const DefaultShareIcon = ({ className }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    className,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ jsx("path", { d: "M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8" }),
+      /* @__PURE__ */ jsx("polyline", { points: "16 6 12 2 8 6" }),
+      /* @__PURE__ */ jsx("line", { x1: "12", y1: "2", x2: "12", y2: "15" })
+    ]
+  }
+);
+function ShareButton({
+  url,
+  title,
+  text,
+  label = "Share",
+  copiedLabel = "Link copied!",
+  copiedDuration = 2e3,
+  icon,
+  children,
+  className
+}) {
+  const CheckIcon = useIcon("check");
+  const [copied, setCopied] = React.useState(false);
+  const timerRef = React.useRef(void 0);
+  React.useEffect(() => {
+    return () => clearTimeout(timerRef.current);
+  }, []);
+  const showCopied = () => {
+    setCopied(true);
+    clearTimeout(timerRef.current);
+    timerRef.current = setTimeout(() => setCopied(false), copiedDuration);
+  };
+  const handleShare = async () => {
+    if (typeof navigator !== "undefined" && navigator.share) {
+      try {
+        await navigator.share({ url, title, text });
+        return;
+      } catch {
+      }
+    }
+    try {
+      await navigator.clipboard.writeText(url);
+      showCopied();
+    } catch {
+      if (typeof document === "undefined") return;
+      const textarea = document.createElement("textarea");
+      textarea.value = url;
+      textarea.style.position = "fixed";
+      textarea.style.opacity = "0";
+      document.body.appendChild(textarea);
+      textarea.select();
+      document.execCommand("copy");
+      document.body.removeChild(textarea);
+      showCopied();
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("inline-flex items-center gap-2", className), children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: handleShare,
+        className: cn(
+          "inline-flex items-center gap-2 rounded-(--enad-border-radius) border border-border px-3 py-2 text-sm font-medium transition-colors",
+          copied ? "border-green-600/30 text-green-600 dark:text-green-400" : "hover:bg-muted"
+        ),
+        "aria-label": copied ? copiedLabel : label,
+        children: copied ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }),
+          /* @__PURE__ */ jsx("span", { children: copiedLabel })
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          icon ?? /* @__PURE__ */ jsx(DefaultShareIcon, { className: "size-4" }),
+          /* @__PURE__ */ jsx("span", { children: label })
+        ] })
+      }
+    ),
+    children
+  ] });
+}
+export {
+  ShareButton
+};
+//# sourceMappingURL=share-button.mjs.map

package/dist/client/storefront/components/share-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/components/share-button.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\nimport { useIcon } from \"../../icons/icon-context\";\n\n/* ─── Types ─── */\n\nexport interface ShareButtonProps {\n  url: string;\n  title?: string;\n  text?: string;\n  /** Label shown on the button */\n  label?: string;\n  /** Message shown after copying the link */\n  copiedLabel?: string;\n  /** Duration (ms) to show the copied confirmation */\n  copiedDuration?: number;\n  /** Custom share icon — defaults to a built-in share icon */\n  icon?: React.ReactNode;\n  /** Optional social platform slots rendered alongside the share button */\n  children?: React.ReactNode;\n  className?: string;\n}\n\n/* ─── Component ─── */\n\nconst DefaultShareIcon = ({ className }: { className?: string }) => (\n  <svg\n    className={className}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <path d=\"M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8\" />\n    <polyline points=\"16 6 12 2 8 6\" />\n    <line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"15\" />\n  </svg>\n);\n\nexport function ShareButton({\n  url,\n  title,\n  text,\n  label = \"Share\",\n  copiedLabel = \"Link copied!\",\n  copiedDuration = 2000,\n  icon,\n  children,\n  className,\n}: ShareButtonProps) {\n  const CheckIcon = useIcon(\"check\");\n  const [copied, setCopied] = React.useState(false);\n  const timerRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  React.useEffect(() => {\n    return () => clearTimeout(timerRef.current);\n  }, []);\n\n  const showCopied = () => {\n    setCopied(true);\n    clearTimeout(timerRef.current);\n    timerRef.current = setTimeout(() => setCopied(false), copiedDuration);\n  };\n\n  const handleShare = async () => {\n    // Try native Web Share API first\n    if (typeof navigator !== \"undefined\" && navigator.share) {\n      try {\n        await navigator.share({ url, title, text });\n        return;\n      } catch {\n        // User cancelled or API failed, fall through to clipboard\n      }\n    }\n\n    // Clipboard fallback\n    try {\n      await navigator.clipboard.writeText(url);\n      showCopied();\n    } catch {\n      // Last resort: legacy approach\n      if (typeof document === \"undefined\") return;\n      const textarea = document.createElement(\"textarea\");\n      textarea.value = url;\n      textarea.style.position = \"fixed\";\n      textarea.style.opacity = \"0\";\n      document.body.appendChild(textarea);\n      textarea.select();\n      document.execCommand(\"copy\");\n      document.body.removeChild(textarea);\n      showCopied();\n    }\n  };\n\n  return (\n    <div className={cn(\"inline-flex items-center gap-2\", className)}>\n      <button\n        type=\"button\"\n        onClick={handleShare}\n        className={cn(\n          \"inline-flex items-center gap-2 rounded-(--enad-border-radius) border border-border px-3 py-2 text-sm font-medium transition-colors\",\n          copied ? \"border-green-600/30 text-green-600 dark:text-green-400\" : \"hover:bg-muted\",\n        )}\n        aria-label={copied ? copiedLabel : label}\n      >\n        {copied ? (\n          <>\n            <CheckIcon className=\"size-4\" />\n            <span>{copiedLabel}</span>\n          </>\n        ) : (\n          <>\n            {icon ?? <DefaultShareIcon className=\"size-4\" />}\n            <span>{label}</span>\n          </>\n        )}\n      </button>\n\n      {children}\n    </div>\n  );\n}\n"],"mappings":";AA4BE,SAkFQ,UAzEN,KATF;AA1BF,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,eAAe;AAuBxB,MAAM,mBAAmB,CAAC,EAAE,UAAU,MACpC;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,eAAc;AAAA,IACd,gBAAe;AAAA,IAEf;AAAA,0BAAC,UAAK,GAAE,6CAA4C;AAAA,MACpD,oBAAC,cAAS,QAAO,iBAAgB;AAAA,MACjC,oBAAC,UAAK,IAAG,MAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK;AAAA;AAAA;AACvC;AAGK,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,QAAM,YAAY,QAAQ,OAAO;AACjC,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAChD,QAAM,WAAW,MAAM,OAAkD,MAAS;AAElF,QAAM,UAAU,MAAM;AACpB,WAAO,MAAM,aAAa,SAAS,OAAO;AAAA,EAC5C,GAAG,CAAC,CAAC;AAEL,QAAM,aAAa,MAAM;AACvB,cAAU,IAAI;AACd,iBAAa,SAAS,OAAO;AAC7B,aAAS,UAAU,WAAW,MAAM,UAAU,KAAK,GAAG,cAAc;AAAA,EACtE;AAEA,QAAM,cAAc,YAAY;AAE9B,QAAI,OAAO,cAAc,eAAe,UAAU,OAAO;AACvD,UAAI;AACF,cAAM,UAAU,MAAM,EAAE,KAAK,OAAO,KAAK,CAAC;AAC1C;AAAA,MACF,QAAQ;AAAA,MAER;AAAA,IACF;AAGA,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,GAAG;AACvC,iBAAW;AAAA,IACb,QAAQ;AAEN,UAAI,OAAO,aAAa,YAAa;AACrC,YAAM,WAAW,SAAS,cAAc,UAAU;AAClD,eAAS,QAAQ;AACjB,eAAS,MAAM,WAAW;AAC1B,eAAS,MAAM,UAAU;AACzB,eAAS,KAAK,YAAY,QAAQ;AAClC,eAAS,OAAO;AAChB,eAAS,YAAY,MAAM;AAC3B,eAAS,KAAK,YAAY,QAAQ;AAClC,iBAAW;AAAA,IACb;AAAA,EACF;AAEA,SACE,qBAAC,SAAI,WAAW,GAAG,kCAAkC,SAAS,GAC5D;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA,SAAS,2DAA2D;AAAA,QACtE;AAAA,QACA,cAAY,SAAS,cAAc;AAAA,QAElC,mBACC,iCACE;AAAA,8BAAC,aAAU,WAAU,UAAS;AAAA,UAC9B,oBAAC,UAAM,uBAAY;AAAA,WACrB,IAEA,iCACG;AAAA,kBAAQ,oBAAC,oBAAiB,WAAU,UAAS;AAAA,UAC9C,oBAAC,UAAM,iBAAM;AAAA,WACf;AAAA;AAAA,IAEJ;AAAA,IAEC;AAAA,KACH;AAEJ;","names":[]}

package/dist/client/storefront/components/skeleton.d.ts

@@ -0,0 +1,12 @@
+export interface SkeletonProps {
+    className?: string;
+}
+export declare function Skeleton({ className }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductCardSkeleton({ className }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare function HeroSkeleton({ className }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilterPanelSkeleton({ className }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductDetailSkeleton({ className }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare function GallerySkeleton({ className, count }: SkeletonProps & {
+    count?: number;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/client/storefront/components/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/components/skeleton.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAc,EAAE,EAAE,aAAa,2CAMzD;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAc,EAAE,EAAE,aAAa,2CAWpE;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAc,EAAE,EAAE,aAAa,2CAW7D;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAc,EAAE,EAAE,aAAa,2CAkBpE;AAED,wBAAgB,qBAAqB,CAAC,EAAE,SAAc,EAAE,EAAE,aAAa,2CAkCtE;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAc,EAAE,KAAS,EAAE,EAAE,aAAa,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CAQhG"}

package/dist/client/storefront/components/skeleton.mjs

@@ -0,0 +1,70 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function Skeleton({ className = "" }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `animate-pulse rounded-(--enad-border-radius) bg-(--enad-text-muted-color)/15 ${className}`
+    }
+  );
+}
+function ProductCardSkeleton({ className = "" }) {
+  return /* @__PURE__ */ jsxs("div", { className: `space-y-3 ${className}`, children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "aspect-square w-full" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-1/3" })
+  ] });
+}
+function HeroSkeleton({ className = "" }) {
+  return /* @__PURE__ */ jsxs("div", { className: `relative w-full ${className}`, children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "aspect-[16/9] w-full sm:aspect-[2/1]" }),
+    /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 flex flex-col items-start justify-end gap-3 p-8 sm:p-12", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-64 sm:h-10 sm:w-96" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-32" })
+    ] })
+  ] });
+}
+function FilterPanelSkeleton({ className = "" }) {
+  return /* @__PURE__ */ jsx("div", { className: `flex flex-col gap-6 ${className}`, children: Array.from({ length: 3 }, (_, i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: Array.from({ length: 4 }, (_2, j) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "size-4 rounded-sm" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-20" })
+    ] }, j)) })
+  ] }, i)) });
+}
+function ProductDetailSkeleton({ className = "" }) {
+  return /* @__PURE__ */ jsxs("div", { className: `grid gap-8 md:grid-cols-2 ${className}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "aspect-[4/5] w-full" }),
+      /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: Array.from({ length: 4 }, (_, i) => /* @__PURE__ */ jsx(Skeleton, { className: "size-16 shrink-0" }, i)) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 py-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-32" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-3/4" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 pt-4", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-16" }),
+        /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: Array.from({ length: 4 }, (_, i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-14" }, i)) })
+      ] }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "mt-4 h-11 w-full" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 pt-4", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-full" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-5/6" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-2/3" })
+      ] })
+    ] })
+  ] });
+}
+function GallerySkeleton({ className = "", count = 6 }) {
+  return /* @__PURE__ */ jsx("div", { className: `grid grid-cols-2 gap-4 sm:grid-cols-3 ${className}`, children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx(Skeleton, { className: "aspect-square w-full" }, i)) });
+}
+export {
+  FilterPanelSkeleton,
+  GallerySkeleton,
+  HeroSkeleton,
+  ProductCardSkeleton,
+  ProductDetailSkeleton,
+  Skeleton
+};
+//# sourceMappingURL=skeleton.mjs.map

package/dist/client/storefront/components/skeleton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/client/storefront/components/skeleton.tsx"],"sourcesContent":["export interface SkeletonProps {\n  className?: string;\n}\n\nexport function Skeleton({ className = \"\" }: SkeletonProps) {\n  return (\n    <div\n      className={`animate-pulse rounded-(--enad-border-radius) bg-(--enad-text-muted-color)/15 ${className}`}\n    />\n  );\n}\n\nexport function ProductCardSkeleton({ className = \"\" }: SkeletonProps) {\n  return (\n    <div className={`space-y-3 ${className}`}>\n      {/* Image placeholder */}\n      <Skeleton className=\"aspect-square w-full\" />\n      {/* Title line */}\n      <Skeleton className=\"h-4 w-3/4\" />\n      {/* Price line */}\n      <Skeleton className=\"h-4 w-1/3\" />\n    </div>\n  );\n}\n\nexport function HeroSkeleton({ className = \"\" }: SkeletonProps) {\n  return (\n    <div className={`relative w-full ${className}`}>\n      <Skeleton className=\"aspect-[16/9] w-full sm:aspect-[2/1]\" />\n      <div className=\"absolute inset-0 flex flex-col items-start justify-end gap-3 p-8 sm:p-12\">\n        <Skeleton className=\"h-4 w-20\" />\n        <Skeleton className=\"h-8 w-64 sm:h-10 sm:w-96\" />\n        <Skeleton className=\"h-10 w-32\" />\n      </div>\n    </div>\n  );\n}\n\nexport function FilterPanelSkeleton({ className = \"\" }: SkeletonProps) {\n  return (\n    <div className={`flex flex-col gap-6 ${className}`}>\n      {Array.from({ length: 3 }, (_, i) => (\n        <div key={i} className=\"flex flex-col gap-3\">\n          <Skeleton className=\"h-4 w-24\" />\n          <div className=\"flex flex-col gap-2\">\n            {Array.from({ length: 4 }, (_, j) => (\n              <div key={j} className=\"flex items-center gap-2\">\n                <Skeleton className=\"size-4 rounded-sm\" />\n                <Skeleton className=\"h-3.5 w-20\" />\n              </div>\n            ))}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function ProductDetailSkeleton({ className = \"\" }: SkeletonProps) {\n  return (\n    <div className={`grid gap-8 md:grid-cols-2 ${className}`}>\n      {/* Image gallery column */}\n      <div className=\"flex flex-col gap-3\">\n        <Skeleton className=\"aspect-[4/5] w-full\" />\n        <div className=\"flex gap-2\">\n          {Array.from({ length: 4 }, (_, i) => (\n            <Skeleton key={i} className=\"size-16 shrink-0\" />\n          ))}\n        </div>\n      </div>\n      {/* Info column */}\n      <div className=\"flex flex-col gap-4 py-2\">\n        <Skeleton className=\"h-3 w-32\" />\n        <Skeleton className=\"h-7 w-3/4\" />\n        <Skeleton className=\"h-5 w-24\" />\n        <div className=\"flex flex-col gap-2 pt-4\">\n          <Skeleton className=\"h-3.5 w-16\" />\n          <div className=\"flex gap-2\">\n            {Array.from({ length: 4 }, (_, i) => (\n              <Skeleton key={i} className=\"h-9 w-14\" />\n            ))}\n          </div>\n        </div>\n        <Skeleton className=\"mt-4 h-11 w-full\" />\n        <div className=\"flex flex-col gap-2 pt-4\">\n          <Skeleton className=\"h-3.5 w-full\" />\n          <Skeleton className=\"h-3.5 w-5/6\" />\n          <Skeleton className=\"h-3.5 w-2/3\" />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport function GallerySkeleton({ className = \"\", count = 6 }: SkeletonProps & { count?: number }) {\n  return (\n    <div className={`grid grid-cols-2 gap-4 sm:grid-cols-3 ${className}`}>\n      {Array.from({ length: count }, (_, i) => (\n        <Skeleton key={i} className=\"aspect-square w-full\" />\n      ))}\n    </div>\n  );\n}\n"],"mappings":"AAMI,cAQA,YARA;AAFG,SAAS,SAAS,EAAE,YAAY,GAAG,GAAkB;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,gFAAgF,SAAS;AAAA;AAAA,EACtG;AAEJ;AAEO,SAAS,oBAAoB,EAAE,YAAY,GAAG,GAAkB;AACrE,SACE,qBAAC,SAAI,WAAW,aAAa,SAAS,IAEpC;AAAA,wBAAC,YAAS,WAAU,wBAAuB;AAAA,IAE3C,oBAAC,YAAS,WAAU,aAAY;AAAA,IAEhC,oBAAC,YAAS,WAAU,aAAY;AAAA,KAClC;AAEJ;AAEO,SAAS,aAAa,EAAE,YAAY,GAAG,GAAkB;AAC9D,SACE,qBAAC,SAAI,WAAW,mBAAmB,SAAS,IAC1C;AAAA,wBAAC,YAAS,WAAU,wCAAuC;AAAA,IAC3D,qBAAC,SAAI,WAAU,4EACb;AAAA,0BAAC,YAAS,WAAU,YAAW;AAAA,MAC/B,oBAAC,YAAS,WAAU,4BAA2B;AAAA,MAC/C,oBAAC,YAAS,WAAU,aAAY;AAAA,OAClC;AAAA,KACF;AAEJ;AAEO,SAAS,oBAAoB,EAAE,YAAY,GAAG,GAAkB;AACrE,SACE,oBAAC,SAAI,WAAW,uBAAuB,SAAS,IAC7C,gBAAM,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAG,MAC7B,qBAAC,SAAY,WAAU,uBACrB;AAAA,wBAAC,YAAS,WAAU,YAAW;AAAA,IAC/B,oBAAC,SAAI,WAAU,uBACZ,gBAAM,KAAK,EAAE,QAAQ,EAAE,GAAG,CAACA,IAAG,MAC7B,qBAAC,SAAY,WAAU,2BACrB;AAAA,0BAAC,YAAS,WAAU,qBAAoB;AAAA,MACxC,oBAAC,YAAS,WAAU,cAAa;AAAA,SAFzB,CAGV,CACD,GACH;AAAA,OATQ,CAUV,CACD,GACH;AAEJ;AAEO,SAAS,sBAAsB,EAAE,YAAY,GAAG,GAAkB;AACvE,SACE,qBAAC,SAAI,WAAW,6BAA6B,SAAS,IAEpD;AAAA,yBAAC,SAAI,WAAU,uBACb;AAAA,0BAAC,YAAS,WAAU,uBAAsB;AAAA,MAC1C,oBAAC,SAAI,WAAU,cACZ,gBAAM,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAG,MAC7B,oBAAC,YAAiB,WAAU,sBAAb,CAAgC,CAChD,GACH;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,4BACb;AAAA,0BAAC,YAAS,WAAU,YAAW;AAAA,MAC/B,oBAAC,YAAS,WAAU,aAAY;AAAA,MAChC,oBAAC,YAAS,WAAU,YAAW;AAAA,MAC/B,qBAAC,SAAI,WAAU,4BACb;AAAA,4BAAC,YAAS,WAAU,cAAa;AAAA,QACjC,oBAAC,SAAI,WAAU,cACZ,gBAAM,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAG,MAC7B,oBAAC,YAAiB,WAAU,cAAb,CAAwB,CACxC,GACH;AAAA,SACF;AAAA,MACA,oBAAC,YAAS,WAAU,oBAAmB;AAAA,MACvC,qBAAC,SAAI,WAAU,4BACb;AAAA,4BAAC,YAAS,WAAU,gBAAe;AAAA,QACnC,oBAAC,YAAS,WAAU,eAAc;AAAA,QAClC,oBAAC,YAAS,WAAU,eAAc;AAAA,SACpC;AAAA,OACF;AAAA,KACF;AAEJ;AAEO,SAAS,gBAAgB,EAAE,YAAY,IAAI,QAAQ,EAAE,GAAuC;AACjG,SACE,oBAAC,SAAI,WAAW,yCAAyC,SAAS,IAC/D,gBAAM,KAAK,EAAE,QAAQ,MAAM,GAAG,CAAC,GAAG,MACjC,oBAAC,YAAiB,WAAU,0BAAb,CAAoC,CACpD,GACH;AAEJ;","names":["_"]}

package/dist/client/storefront/components/star-rating.d.ts

@@ -0,0 +1,13 @@
+export interface StarRatingProps {
+    rating: number;
+    max?: number;
+    size?: "sm" | "md" | "lg";
+    showValue?: boolean;
+    reviewCount?: number;
+    className?: string;
+    filledClassName?: string;
+    interactive?: boolean;
+    onRate?: (rating: number) => void;
+}
+export declare function StarRating({ rating, max, size, showValue, reviewCount, className, filledClassName, interactive, onRate, }: StarRatingProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=star-rating.d.ts.map

package/dist/client/storefront/components/star-rating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"star-rating.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/components/star-rating.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAiPD,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,GAAO,EACP,IAAW,EACX,SAAiB,EACjB,WAAW,EACX,SAAc,EACd,eAAe,EACf,WAAmB,EACnB,MAAM,GACP,EAAE,eAAe,2CA8BjB"}