@salesmind-ai/design-system 0.3.4 → 0.3.6

package/dist/chunk-XWPDRMZG.js

@@ -0,0 +1,62 @@
+import { forwardRef } from 'react';
+import clsx from 'clsx';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/BrowserFrame/BrowserFrame.tsx
+var BrowserFrame = forwardRef(
+  ({
+    variant = "browser",
+    children,
+    url,
+    showControls,
+    withGlow = false,
+    aspectRatio = "16/9",
+    className,
+    ...props
+  }, ref) => {
+    const hasControls = showControls ?? (variant === "browser" || variant === "app");
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: clsx(
+          "ds-browser-frame",
+          `ds-browser-frame--${variant}`,
+          withGlow && "ds-browser-frame--glow",
+          className
+        ),
+        ...props,
+        children: [
+          variant !== "minimal" && /* @__PURE__ */ jsxs("div", { className: "ds-browser-frame__chrome", children: [
+            hasControls && /* @__PURE__ */ jsxs("div", { className: "ds-browser-frame__controls", "aria-hidden": "true", children: [
+              /* @__PURE__ */ jsx("span", { className: "ds-browser-frame__dot ds-browser-frame__dot--red" }),
+              /* @__PURE__ */ jsx("span", { className: "ds-browser-frame__dot ds-browser-frame__dot--yellow" }),
+              /* @__PURE__ */ jsx("span", { className: "ds-browser-frame__dot ds-browser-frame__dot--green" })
+            ] }),
+            variant === "browser" && url && /* @__PURE__ */ jsxs("div", { className: "ds-browser-frame__url-bar", children: [
+              /* @__PURE__ */ jsxs("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", className: "ds-browser-frame__lock", children: [
+                /* @__PURE__ */ jsx("path", { d: "M3 5V4a3 3 0 116 0v1", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" }),
+                /* @__PURE__ */ jsx("rect", { x: "2", y: "5", width: "8", height: "6", rx: "1.5", stroke: "currentColor", strokeWidth: "1.2" })
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "ds-browser-frame__url-text", children: url })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "ds-browser-frame__content",
+              style: aspectRatio !== "auto" ? { aspectRatio } : void 0,
+              children
+            }
+          ),
+          variant === "mobile" && /* @__PURE__ */ jsx("div", { className: "ds-browser-frame__notch", "aria-hidden": "true" })
+        ]
+      }
+    );
+  }
+);
+BrowserFrame.displayName = "BrowserFrame";
+
+export { BrowserFrame };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-XWPDRMZG.js.map

package/dist/chunk-XWPDRMZG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/BrowserFrame/BrowserFrame.tsx"],"names":[],"mappings":";AAAA,SAAgB,kBAAkB;AAClC,OAAO,UAAU;AAoEH,SACE,KADF;AA/BP,IAAM,eAAe;AAAA,EAC1B,CACE;AAAA,IACE,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,cAAc;AAAA,IACd;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,cAAc,iBAAiB,YAAY,aAAa,YAAY;AAE1E,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,qBAAqB,OAAO;AAAA,UAC5B,YAAY;AAAA,UACZ;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAGH;AAAA,sBAAY,aACX,qBAAC,SAAI,WAAU,4BACZ;AAAA,2BACC,qBAAC,SAAI,WAAU,8BAA6B,eAAY,QACtD;AAAA,kCAAC,UAAK,WAAU,oDAAmD;AAAA,cACnE,oBAAC,UAAK,WAAU,uDAAsD;AAAA,cACtE,oBAAC,UAAK,WAAU,sDAAqD;AAAA,eACvE;AAAA,YAED,YAAY,aAAa,OACxB,qBAAC,SAAI,WAAU,6BACb;AAAA,mCAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,eAAY,QAAO,WAAU,0BACvF;AAAA,oCAAC,UAAK,GAAE,wBAAuB,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ;AAAA,gBAC7F,oBAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,KAAI,QAAO,KAAI,IAAG,OAAM,QAAO,gBAAe,aAAY,OAAM;AAAA,iBAC1F;AAAA,cACA,oBAAC,UAAK,WAAU,8BAA8B,eAAI;AAAA,eACpD;AAAA,aAEJ;AAAA,UAIF;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,gBAAgB,SAAS,EAAE,YAAY,IAAI;AAAA,cAEjD;AAAA;AAAA,UACH;AAAA,UAGC,YAAY,YACX,oBAAC,SAAI,WAAU,2BAA0B,eAAY,QAAO;AAAA;AAAA;AAAA,IAEhE;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc","sourcesContent":["import React, { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport './BrowserFrame.css';\n\n/* ============================================================================\n   BROWSER FRAME\n   ============================================================================\n   Realistic browser/device mockup frame for product screenshots and videos.\n   Makes static screenshots feel like live product demos.\n\n   Strategic objective: Trust (product visualization builds desire)\n   ============================================================================ */\n\nexport interface BrowserFrameProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Frame type */\n  variant?: 'browser' | 'app' | 'mobile' | 'minimal';\n  /** Content to frame (image, video, or React element) */\n  children: React.ReactNode;\n  /** Optional URL bar text */\n  url?: string;\n  /** Show traffic light dots (default: true for browser/app) */\n  showControls?: boolean;\n  /** Optional glow effect behind frame */\n  withGlow?: boolean;\n  /** Aspect ratio */\n  aspectRatio?: '16/9' | '4/3' | '3/2' | 'auto';\n}\n\n/**\n * Device mockup frame for product screenshots.\n *\n * @example\n * ```tsx\n * <BrowserFrame variant=\"browser\" url=\"app.sales-mind.ai\" withGlow>\n *   <img src=\"/screenshot.png\" alt=\"SalesMind dashboard\" />\n * </BrowserFrame>\n * ```\n */\nexport const BrowserFrame = forwardRef<HTMLDivElement, BrowserFrameProps>(\n  (\n    {\n      variant = 'browser',\n      children,\n      url,\n      showControls,\n      withGlow = false,\n      aspectRatio = '16/9',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const hasControls = showControls ?? (variant === 'browser' || variant === 'app');\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          'ds-browser-frame',\n          `ds-browser-frame--${variant}`,\n          withGlow && 'ds-browser-frame--glow',\n          className,\n        )}\n        {...props}\n      >\n        {/* Chrome header */}\n        {variant !== 'minimal' && (\n          <div className=\"ds-browser-frame__chrome\">\n            {hasControls && (\n              <div className=\"ds-browser-frame__controls\" aria-hidden=\"true\">\n                <span className=\"ds-browser-frame__dot ds-browser-frame__dot--red\" />\n                <span className=\"ds-browser-frame__dot ds-browser-frame__dot--yellow\" />\n                <span className=\"ds-browser-frame__dot ds-browser-frame__dot--green\" />\n              </div>\n            )}\n            {variant === 'browser' && url && (\n              <div className=\"ds-browser-frame__url-bar\">\n                <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\" className=\"ds-browser-frame__lock\">\n                  <path d=\"M3 5V4a3 3 0 116 0v1\" stroke=\"currentColor\" strokeWidth=\"1.2\" strokeLinecap=\"round\" />\n                  <rect x=\"2\" y=\"5\" width=\"8\" height=\"6\" rx=\"1.5\" stroke=\"currentColor\" strokeWidth=\"1.2\" />\n                </svg>\n                <span className=\"ds-browser-frame__url-text\">{url}</span>\n              </div>\n            )}\n          </div>\n        )}\n\n        {/* Content area */}\n        <div\n          className=\"ds-browser-frame__content\"\n          style={aspectRatio !== 'auto' ? { aspectRatio } : undefined}\n        >\n          {children}\n        </div>\n\n        {/* Mobile notch */}\n        {variant === 'mobile' && (\n          <div className=\"ds-browser-frame__notch\" aria-hidden=\"true\" />\n        )}\n      </div>\n    );\n  },\n);\n\nBrowserFrame.displayName = 'BrowserFrame';\n"]}

package/dist/chunk-Y3CPKNB7.js

@@ -0,0 +1,67 @@
+import React from 'react';
+import clsx from 'clsx';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/Avatar/Avatar.tsx
+var AvatarContext = React.createContext({
+  hasImage: false,
+  imageError: false,
+  onImageError: () => {
+  }
+});
+var Avatar = React.forwardRef(
+  ({ size = "md", className, children, ...props }, ref) => {
+    const [imageError, setImageError] = React.useState(false);
+    const [hasImage, setHasImage] = React.useState(false);
+    React.useEffect(() => {
+      let found = false;
+      React.Children.forEach(children, (child) => {
+        if (React.isValidElement(child) && child.type === AvatarImage) {
+          found = true;
+        }
+      });
+      setHasImage(found);
+    }, [children]);
+    const onImageError = React.useCallback(() => {
+      setImageError(true);
+    }, []);
+    return /* @__PURE__ */ jsx(AvatarContext.Provider, { value: { hasImage, imageError, onImageError }, children: /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref,
+        className: clsx("ds-avatar", `ds-avatar--${size}`, className),
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+Avatar.displayName = "Avatar";
+var AvatarImage = React.forwardRef(({ className, onError, ...props }, ref) => {
+  const { imageError, onImageError } = React.useContext(AvatarContext);
+  const handleError = (e) => {
+    onImageError();
+    onError?.(e);
+  };
+  if (imageError) return null;
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      ref,
+      className: clsx("ds-avatar__image", className),
+      onError: handleError,
+      ...props
+    }
+  );
+});
+AvatarImage.displayName = "AvatarImage";
+var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => {
+  const { hasImage, imageError } = React.useContext(AvatarContext);
+  if (hasImage && !imageError) return null;
+  return /* @__PURE__ */ jsx("span", { ref, className: clsx("ds-avatar__fallback", className), ...props });
+});
+AvatarFallback.displayName = "AvatarFallback";
+
+export { Avatar, AvatarFallback, AvatarImage };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-Y3CPKNB7.js.map

package/dist/chunk-Y3CPKNB7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AA2DT;AA9CR,IAAM,gBAAgB,MAAM,cAAkC;AAAA,EAC5D,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,cAAc,MAAM;AAAA,EAAC;AACvB,CAAC;AAoBM,IAAM,SAAS,MAAM;AAAA,EAC1B,CAAC,EAAE,OAAO,MAAM,WAAW,UAAU,GAAG,MAAM,GAAG,QAAQ;AACvD,UAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AACxD,UAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,KAAK;AAGpD,UAAM,UAAU,MAAM;AACpB,UAAI,QAAQ;AACZ,YAAM,SAAS,QAAQ,UAAU,CAAC,UAAU;AAC1C,YAAI,MAAM,eAAe,KAAK,KAAK,MAAM,SAAS,aAAa;AAC7D,kBAAQ;AAAA,QACV;AAAA,MACF,CAAC;AACD,kBAAY,KAAK;AAAA,IACnB,GAAG,CAAC,QAAQ,CAAC;AAEb,UAAM,eAAe,MAAM,YAAY,MAAM;AAC3C,oBAAc,IAAI;AAAA,IACpB,GAAG,CAAC,CAAC;AAEL,WACE,oBAAC,cAAc,UAAd,EAAuB,OAAO,EAAE,UAAU,YAAY,aAAa,GAClE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,aAAa,cAAc,IAAI,IAAI,SAAS;AAAA,QAC3D,GAAG;AAAA,QAEH;AAAA;AAAA,IACH,GACF;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;AAMd,IAAM,cAAc,MAAM,WAG/B,CAAC,EAAE,WAAW,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC3C,QAAM,EAAE,YAAY,aAAa,IAAI,MAAM,WAAW,aAAa;AAEnE,QAAM,cAAc,CAAC,MAA8C;AACjE,iBAAa;AACb,cAAU,CAAC;AAAA,EACb;AAEA,MAAI,WAAY,QAAO;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,KAAK,oBAAoB,SAAS;AAAA,MAC7C,SAAS;AAAA,MACR,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAED,YAAY,cAAc;AAMnB,IAAM,iBAAiB,MAAM,WAGlC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAClC,QAAM,EAAE,UAAU,WAAW,IAAI,MAAM,WAAW,aAAa;AAG/D,MAAI,YAAY,CAAC,WAAY,QAAO;AAEpC,SACE,oBAAC,UAAK,KAAU,WAAW,KAAK,uBAAuB,SAAS,GAAI,GAAG,OAAO;AAElF,CAAC;AAED,eAAe,cAAc","sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport './Avatar.css';\n\n/* ==========================================================================\n   Context\n   ========================================================================== */\n\ninterface AvatarContextValue {\n  hasImage: boolean;\n  imageError: boolean;\n  onImageError: () => void;\n}\n\nconst AvatarContext = React.createContext<AvatarContextValue>({\n  hasImage: false,\n  imageError: false,\n  onImageError: () => {},\n});\n\n/* ==========================================================================\n   Avatar (root)\n   ========================================================================== */\n\nexport interface AvatarProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Size variant */\n  size?: 'sm' | 'md' | 'lg';\n}\n\n/**\n * User avatar with image and fallback support.\n *\n * @example\n * <Avatar>\n *   <AvatarImage src=\"/photo.jpg\" alt=\"User\" />\n *   <AvatarFallback>JD</AvatarFallback>\n * </Avatar>\n */\nexport const Avatar = React.forwardRef<HTMLSpanElement, AvatarProps>(\n  ({ size = 'md', className, children, ...props }, ref) => {\n    const [imageError, setImageError] = React.useState(false);\n    const [hasImage, setHasImage] = React.useState(false);\n\n    // Scan children to detect if an AvatarImage is present\n    React.useEffect(() => {\n      let found = false;\n      React.Children.forEach(children, (child) => {\n        if (React.isValidElement(child) && child.type === AvatarImage) {\n          found = true;\n        }\n      });\n      setHasImage(found);\n    }, [children]);\n\n    const onImageError = React.useCallback(() => {\n      setImageError(true);\n    }, []);\n\n    return (\n      <AvatarContext.Provider value={{ hasImage, imageError, onImageError }}>\n        <span\n          ref={ref}\n          className={clsx('ds-avatar', `ds-avatar--${size}`, className)}\n          {...props}\n        >\n          {children}\n        </span>\n      </AvatarContext.Provider>\n    );\n  },\n);\n\nAvatar.displayName = 'Avatar';\n\n/* ==========================================================================\n   AvatarImage\n   ========================================================================== */\n\nexport const AvatarImage = React.forwardRef<\n  HTMLImageElement,\n  React.ImgHTMLAttributes<HTMLImageElement>\n>(({ className, onError, ...props }, ref) => {\n  const { imageError, onImageError } = React.useContext(AvatarContext);\n\n  const handleError = (e: React.SyntheticEvent<HTMLImageElement>) => {\n    onImageError();\n    onError?.(e);\n  };\n\n  if (imageError) return null;\n\n  return (\n    <img\n      ref={ref}\n      className={clsx('ds-avatar__image', className)}\n      onError={handleError}\n      {...props}\n    />\n  );\n});\n\nAvatarImage.displayName = 'AvatarImage';\n\n/* ==========================================================================\n   AvatarFallback\n   ========================================================================== */\n\nexport const AvatarFallback = React.forwardRef<\n  HTMLSpanElement,\n  React.HTMLAttributes<HTMLSpanElement>\n>(({ className, ...props }, ref) => {\n  const { hasImage, imageError } = React.useContext(AvatarContext);\n\n  // Show fallback when there is no image, or the image failed to load\n  if (hasImage && !imageError) return null;\n\n  return (\n    <span ref={ref} className={clsx('ds-avatar__fallback', className)} {...props} />\n  );\n});\n\nAvatarFallback.displayName = 'AvatarFallback';\n"]}

package/dist/chunk-YNVRDD2P.js

@@ -0,0 +1,98 @@
+// src/tokens/motion.ts
+var DURATION = {
+  micro: 0.15,
+  // 150ms
+  short: 0.25,
+  // 250ms
+  medium: 0.5,
+  // 500ms
+  long: 1
+  // 1000ms
+};
+var EASING = {
+  standard: [0.16, 1, 0.3, 1],
+  // Smooth, premium feel
+  emphasis: [0.34, 1.56, 0.64, 1],
+  // Slight spring/overshoot
+  exit: [0.4, 0, 0.2, 1],
+  // Quick, decisive exit
+  linear: [0, 0, 1, 1]
+};
+var TRANSITION = {
+  standard: {
+    duration: DURATION.medium,
+    ease: EASING.standard
+  },
+  emphasis: {
+    duration: DURATION.medium,
+    ease: EASING.emphasis
+  },
+  quick: {
+    duration: DURATION.short,
+    ease: EASING.standard
+  },
+  spring: {
+    type: "spring",
+    stiffness: 200,
+    damping: 20
+  }
+};
+var VARIANTS = {
+  fadeIn: {
+    hidden: { opacity: 0 },
+    visible: { opacity: 1, transition: { duration: DURATION.medium, ease: EASING.standard } }
+  },
+  fadeUp: {
+    hidden: { opacity: 0, y: 12 },
+    visible: { opacity: 1, y: 0, transition: { duration: DURATION.medium, ease: EASING.standard } }
+  },
+  scaleIn: {
+    hidden: { opacity: 0, scale: 0.95 },
+    visible: {
+      opacity: 1,
+      scale: 1,
+      transition: { duration: DURATION.short, ease: EASING.emphasis }
+    }
+  },
+  staggerContainer: {
+    hidden: { opacity: 0 },
+    visible: {
+      opacity: 1,
+      transition: {
+        staggerChildren: 0.08,
+        delayChildren: 0.1
+      }
+    }
+  },
+  pulse: {
+    hidden: { scale: 1 },
+    visible: {
+      scale: [1, 1.05, 1],
+      transition: { duration: 1.5, repeat: Infinity, ease: "easeInOut" }
+    }
+  },
+  impact: {
+    hidden: { scale: 1 },
+    trigger: {
+      scale: [1, 0.95, 1.05, 1],
+      transition: { duration: 0.4, ease: "backOut" }
+    }
+  }
+};
+var DISTANCE = {
+  sm: 4,
+  md: 12,
+  lg: 24,
+  xl: 48
+};
+var MOTION = {
+  DURATION,
+  EASING,
+  TRANSITION,
+  VARIANTS,
+  DISTANCE
+};
+
+export { DISTANCE, DURATION, EASING, MOTION, TRANSITION, VARIANTS };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-YNVRDD2P.js.map

package/dist/chunk-YNVRDD2P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/motion.ts"],"names":[],"mappings":";AAOO,IAAM,WAAW;AAAA,EACtB,OAAO;AAAA;AAAA,EACP,OAAO;AAAA;AAAA,EACP,QAAQ;AAAA;AAAA,EACR,MAAM;AAAA;AACR;AAKO,IAAM,SAAS;AAAA,EACpB,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC;AAAA;AAAA,EAC1B,UAAU,CAAC,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA,EAC9B,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;AAAA;AAAA,EACrB,QAAQ,CAAC,GAAG,GAAG,GAAG,CAAC;AACrB;AAKO,IAAM,aAAa;AAAA,EACxB,UAAU;AAAA,IACR,UAAU,SAAS;AAAA,IACnB,MAAM,OAAO;AAAA,EACf;AAAA,EACA,UAAU;AAAA,IACR,UAAU,SAAS;AAAA,IACnB,MAAM,OAAO;AAAA,EACf;AAAA,EACA,OAAO;AAAA,IACL,UAAU,SAAS;AAAA,IACnB,MAAM,OAAO;AAAA,EACf;AAAA,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AACF;AAKO,IAAM,WAAW;AAAA,EACtB,QAAQ;AAAA,IACN,QAAQ,EAAE,SAAS,EAAE;AAAA,IACrB,SAAS,EAAE,SAAS,GAAG,YAAY,EAAE,UAAU,SAAS,QAAQ,MAAM,OAAO,SAAS,EAAE;AAAA,EAC1F;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,IAC5B,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG,YAAY,EAAE,UAAU,SAAS,QAAQ,MAAM,OAAO,SAAS,EAAE;AAAA,EAChG;AAAA,EACA,SAAS;AAAA,IACP,QAAQ,EAAE,SAAS,GAAG,OAAO,KAAK;AAAA,IAClC,SAAS;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,MACP,YAAY,EAAE,UAAU,SAAS,OAAO,MAAM,OAAO,SAAS;AAAA,IAChE;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB,QAAQ,EAAE,SAAS,EAAE;AAAA,IACrB,SAAS;AAAA,MACP,SAAS;AAAA,MACT,YAAY;AAAA,QACV,iBAAiB;AAAA,QACjB,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,QAAQ,EAAE,OAAO,EAAE;AAAA,IACnB,SAAS;AAAA,MACP,OAAO,CAAC,GAAG,MAAM,CAAC;AAAA,MAClB,YAAY,EAAE,UAAU,KAAK,QAAQ,UAAU,MAAM,YAAY;AAAA,IACnE;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,QAAQ,EAAE,OAAO,EAAE;AAAA,IACnB,SAAS;AAAA,MACP,OAAO,CAAC,GAAG,MAAM,MAAM,CAAC;AAAA,MACxB,YAAY,EAAE,UAAU,KAAK,MAAM,UAAU;AAAA,IAC/C;AAAA,EACF;AACF;AAKO,IAAM,WAAW;AAAA,EACtB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,IAAM,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF","sourcesContent":["/* ============================================================================\n   MOTION TOKENS & FRAMER CONFIG\n   ============================================================================ */\n\n/**\n * Duration tokens (seconds) for Framer Motion\n */\nexport const DURATION = {\n  micro: 0.15, // 150ms\n  short: 0.25, // 250ms\n  medium: 0.5, // 500ms\n  long: 1.0, // 1000ms\n} as const;\n\n/**\n * Easing definitions (cubic-bezier arrays) for Framer Motion\n */\nexport const EASING = {\n  standard: [0.16, 1, 0.3, 1], // Smooth, premium feel\n  emphasis: [0.34, 1.56, 0.64, 1], // Slight spring/overshoot\n  exit: [0.4, 0, 0.2, 1], // Quick, decisive exit\n  linear: [0, 0, 1, 1],\n} as const;\n\n/**\n * Standard transitions for Framer Motion\n */\nexport const TRANSITION = {\n  standard: {\n    duration: DURATION.medium,\n    ease: EASING.standard,\n  },\n  emphasis: {\n    duration: DURATION.medium,\n    ease: EASING.emphasis,\n  },\n  quick: {\n    duration: DURATION.short,\n    ease: EASING.standard,\n  },\n  spring: {\n    type: 'spring',\n    stiffness: 200,\n    damping: 20,\n  },\n} as const;\n\n/**\n * Reusable Variants for Framer Motion\n */\nexport const VARIANTS = {\n  fadeIn: {\n    hidden: { opacity: 0 },\n    visible: { opacity: 1, transition: { duration: DURATION.medium, ease: EASING.standard } },\n  },\n  fadeUp: {\n    hidden: { opacity: 0, y: 12 },\n    visible: { opacity: 1, y: 0, transition: { duration: DURATION.medium, ease: EASING.standard } },\n  },\n  scaleIn: {\n    hidden: { opacity: 0, scale: 0.95 },\n    visible: {\n      opacity: 1,\n      scale: 1,\n      transition: { duration: DURATION.short, ease: EASING.emphasis },\n    },\n  },\n  staggerContainer: {\n    hidden: { opacity: 0 },\n    visible: {\n      opacity: 1,\n      transition: {\n        staggerChildren: 0.08,\n        delayChildren: 0.1,\n      },\n    },\n  },\n  pulse: {\n    hidden: { scale: 1 },\n    visible: {\n      scale: [1, 1.05, 1],\n      transition: { duration: 1.5, repeat: Infinity, ease: 'easeInOut' },\n    },\n  },\n  impact: {\n    hidden: { scale: 1 },\n    trigger: {\n      scale: [1, 0.95, 1.05, 1],\n      transition: { duration: 0.4, ease: 'backOut' },\n    },\n  },\n} as const;\n\n/**\n * Layout Tokens\n */\nexport const DISTANCE = {\n  sm: 4,\n  md: 12,\n  lg: 24,\n  xl: 48,\n} as const;\n\nexport const MOTION = {\n  DURATION,\n  EASING,\n  TRANSITION,\n  VARIANTS,\n  DISTANCE,\n} as const;\n"]}

package/dist/chunk-YSYR54XR.js

@@ -0,0 +1,92 @@
+import { forwardRef, useState, useRef, useEffect } from 'react';
+import clsx from 'clsx';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/MetricCounter/MetricCounter.tsx
+var MetricCounter = forwardRef(
+  ({
+    value,
+    prefix = "",
+    suffix = "",
+    duration = 1500,
+    decimals = 0,
+    label,
+    className,
+    ...props
+  }, ref) => {
+    const [displayValue, setDisplayValue] = useState(0);
+    const [hasAnimated, setHasAnimated] = useState(false);
+    const containerRef = useRef(null);
+    const prefersReducedMotion = useRef(false);
+    useEffect(() => {
+      prefersReducedMotion.current = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+      if (prefersReducedMotion.current) {
+        setDisplayValue(value);
+        setHasAnimated(true);
+        return;
+      }
+      const observer = new IntersectionObserver(
+        (entries) => {
+          if (entries[0].isIntersecting && !hasAnimated) {
+            startAnimation();
+            observer.disconnect();
+          }
+        },
+        { threshold: 0.5 }
+      );
+      if (containerRef.current) {
+        observer.observe(containerRef.current);
+      }
+      return () => observer.disconnect();
+    }, [value, hasAnimated]);
+    const startAnimation = () => {
+      let startTime;
+      setHasAnimated(true);
+      const easeOutExpo = (t) => {
+        return t === 1 ? 1 : 1 - Math.pow(2, -10 * t);
+      };
+      const animate = (currentTime) => {
+        if (!startTime) startTime = currentTime;
+        const progress = Math.min((currentTime - startTime) / duration, 1);
+        const currentMultiplier = easeOutExpo(progress);
+        const nextValue = value * currentMultiplier;
+        setDisplayValue(nextValue);
+        if (progress < 1) {
+          requestAnimationFrame(animate);
+        } else {
+          setDisplayValue(value);
+        }
+      };
+      requestAnimationFrame(animate);
+    };
+    const formattedValue = displayValue.toLocaleString(void 0, {
+      minimumFractionDigits: decimals,
+      maximumFractionDigits: decimals
+    });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: (node) => {
+          containerRef.current = node;
+          if (typeof ref === "function") ref(node);
+          else if (ref) ref.current = node;
+        },
+        className: clsx("ds-metric-counter", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "ds-metric-counter__value-wrapper", children: [
+            prefix && /* @__PURE__ */ jsx("span", { className: "ds-metric-counter__prefix", children: prefix }),
+            /* @__PURE__ */ jsx("span", { className: "ds-metric-counter__value", children: formattedValue }),
+            suffix && /* @__PURE__ */ jsx("span", { className: "ds-metric-counter__suffix", children: suffix })
+          ] }),
+          label && /* @__PURE__ */ jsx("div", { className: "ds-metric-counter__label", children: label })
+        ]
+      }
+    );
+  }
+);
+MetricCounter.displayName = "MetricCounter";
+
+export { MetricCounter };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-YSYR54XR.js.map

package/dist/chunk-YSYR54XR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MetricCounter/MetricCounter.tsx"],"names":[],"mappings":";AAAA,SAAgB,YAAY,WAAW,QAAQ,gBAAgB;AAC/D,OAAO,UAAU;AA+GT,SACa,KADb;AAxFD,IAAM,gBAAgB;AAAA,EAC3B,CACE;AAAA,IACE;AAAA,IACA,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,CAAC,cAAc,eAAe,IAAI,SAAS,CAAC;AAClD,UAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,UAAM,eAAe,OAAuB,IAAI;AAChD,UAAM,uBAAuB,OAAO,KAAK;AAEzC,cAAU,MAAM;AACd,2BAAqB,UAAU,OAAO,WAAW,kCAAkC,EAAE;AAErF,UAAI,qBAAqB,SAAS;AAChC,wBAAgB,KAAK;AACrB,uBAAe,IAAI;AACnB;AAAA,MACF;AAEA,YAAM,WAAW,IAAI;AAAA,QACnB,CAAC,YAAY;AACX,cAAI,QAAQ,CAAC,EAAE,kBAAkB,CAAC,aAAa;AAC7C,2BAAe;AACf,qBAAS,WAAW;AAAA,UACtB;AAAA,QACF;AAAA,QACA,EAAE,WAAW,IAAI;AAAA,MACnB;AAEA,UAAI,aAAa,SAAS;AACxB,iBAAS,QAAQ,aAAa,OAAO;AAAA,MACvC;AAEA,aAAO,MAAM,SAAS,WAAW;AAAA,IAEnC,GAAG,CAAC,OAAO,WAAW,CAAC;AAEvB,UAAM,iBAAiB,MAAM;AAC3B,UAAI;AACJ,qBAAe,IAAI;AAEnB,YAAM,cAAc,CAAC,MAAsB;AACzC,eAAO,MAAM,IAAI,IAAI,IAAI,KAAK,IAAI,GAAG,MAAM,CAAC;AAAA,MAC9C;AAEA,YAAM,UAAU,CAAC,gBAAwB;AACvC,YAAI,CAAC,UAAW,aAAY;AAC5B,cAAM,WAAW,KAAK,KAAK,cAAc,aAAa,UAAU,CAAC;AAEjE,cAAM,oBAAoB,YAAY,QAAQ;AAC9C,cAAM,YAAY,QAAQ;AAE1B,wBAAgB,SAAS;AAEzB,YAAI,WAAW,GAAG;AAChB,gCAAsB,OAAO;AAAA,QAC/B,OAAO;AACL,0BAAgB,KAAK;AAAA,QACvB;AAAA,MACF;AAEA,4BAAsB,OAAO;AAAA,IAC/B;AAEA,UAAM,iBAAiB,aAAa,eAAe,QAAW;AAAA,MAC5D,uBAAuB;AAAA,MACvB,uBAAuB;AAAA,IACzB,CAAC;AAED,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,CAAC,SAAS;AACb,UAAC,aAA+D,UAAU;AAC1E,cAAI,OAAO,QAAQ,WAAY,KAAI,IAAI;AAAA,mBAC9B,IAAK,CAAC,IAAsD,UAAU;AAAA,QACjF;AAAA,QACA,WAAW,KAAK,qBAAqB,SAAS;AAAA,QAC7C,GAAG;AAAA,QAEJ;AAAA,+BAAC,SAAI,WAAU,oCACZ;AAAA,sBAAU,oBAAC,UAAK,WAAU,6BAA6B,kBAAO;AAAA,YAC/D,oBAAC,UAAK,WAAU,4BAA4B,0BAAe;AAAA,YAC1D,UAAU,oBAAC,UAAK,WAAU,6BAA6B,kBAAO;AAAA,aACjE;AAAA,UACC,SAAS,oBAAC,SAAI,WAAU,4BAA4B,iBAAM;AAAA;AAAA;AAAA,IAC7D;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc","sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport './MetricCounter.css';\n\nexport interface MetricCounterProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** The target number to count up to */\n  value: number;\n  /** Optional prefix (e.g. \"$\", \"+\") */\n  prefix?: string;\n  /** Optional suffix (e.g. \"%\", \"M\") */\n  suffix?: string;\n  /** Duration of the animation in milliseconds (default: 1500) */\n  duration?: number;\n  /** Number of decimal places to show (default: 0) */\n  decimals?: number;\n  /** A label to display below the number */\n  label?: React.ReactNode;\n}\n\n/**\n * An animated counter for displaying key metrics and social proof.\n * Uses requestAnimationFrame for smooth counting and IntersectionObserver\n * to trigger only when visible. Respects prefers-reduced-motion.\n */\nexport const MetricCounter = forwardRef<HTMLDivElement, MetricCounterProps>(\n  (\n    {\n      value,\n      prefix = '',\n      suffix = '',\n      duration = 1500,\n      decimals = 0,\n      label,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const [displayValue, setDisplayValue] = useState(0);\n    const [hasAnimated, setHasAnimated] = useState(false);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const prefersReducedMotion = useRef(false);\n\n    useEffect(() => {\n      prefersReducedMotion.current = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n      \n      if (prefersReducedMotion.current) {\n        setDisplayValue(value);\n        setHasAnimated(true);\n        return;\n      }\n\n      const observer = new IntersectionObserver(\n        (entries) => {\n          if (entries[0].isIntersecting && !hasAnimated) {\n            startAnimation();\n            observer.disconnect();\n          }\n        },\n        { threshold: 0.5 }\n      );\n\n      if (containerRef.current) {\n        observer.observe(containerRef.current);\n      }\n\n      return () => observer.disconnect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- startAnimation is stable and intentionally omitted to avoid re-triggering\n    }, [value, hasAnimated]);\n\n    const startAnimation = () => {\n      let startTime: number;\n      setHasAnimated(true);\n\n      const easeOutExpo = (t: number): number => {\n        return t === 1 ? 1 : 1 - Math.pow(2, -10 * t);\n      };\n\n      const animate = (currentTime: number) => {\n        if (!startTime) startTime = currentTime;\n        const progress = Math.min((currentTime - startTime) / duration, 1);\n        \n        const currentMultiplier = easeOutExpo(progress);\n        const nextValue = value * currentMultiplier;\n        \n        setDisplayValue(nextValue);\n\n        if (progress < 1) {\n          requestAnimationFrame(animate);\n        } else {\n          setDisplayValue(value);\n        }\n      };\n\n      requestAnimationFrame(animate);\n    };\n\n    const formattedValue = displayValue.toLocaleString(undefined, {\n      minimumFractionDigits: decimals,\n      maximumFractionDigits: decimals,\n    });\n\n    return (\n      <div\n        ref={(node) => {\n          (containerRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n          if (typeof ref === 'function') ref(node);\n          else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        }}\n        className={clsx('ds-metric-counter', className)}\n        {...props}\n      >\n        <div className=\"ds-metric-counter__value-wrapper\">\n          {prefix && <span className=\"ds-metric-counter__prefix\">{prefix}</span>}\n          <span className=\"ds-metric-counter__value\">{formattedValue}</span>\n          {suffix && <span className=\"ds-metric-counter__suffix\">{suffix}</span>}\n        </div>\n        {label && <div className=\"ds-metric-counter__label\">{label}</div>}\n      </div>\n    );\n  }\n);\n\nMetricCounter.displayName = 'MetricCounter';\n"]}

package/dist/chunk-YTYDQBVY.cjs

@@ -0,0 +1,162 @@
+'use strict';
+
+var chunkH2Y6BSTL_cjs = require('./chunk-H2Y6BSTL.cjs');
+var chunkVC5LMUVQ_cjs = require('./chunk-VC5LMUVQ.cjs');
+var chunkLJADZITX_cjs = require('./chunk-LJADZITX.cjs');
+var react = require('react');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/web/analytics/create-analytics-loader.ts
+function createAnalyticsLoader(config) {
+  return (trackingId) => {
+    if (typeof document === "undefined") return;
+    if (document.getElementById(config.id)) return;
+    const script = document.createElement("script");
+    script.id = config.id;
+    if (config.inlineScript) {
+      script.textContent = config.inlineScript(trackingId);
+    } else {
+      script.async = config.async ?? true;
+      script.src = config.src(trackingId);
+    }
+    document.head.appendChild(script);
+    config.onLoad?.(trackingId);
+  };
+}
+var loadGoogleAnalytics = createAnalyticsLoader({
+  id: "ga-script",
+  src: (gaId) => `https://www.googletagmanager.com/gtag/js?id=${gaId}`,
+  onLoad: (gaId) => {
+    window.dataLayer = window.dataLayer || [];
+    window.dataLayer.push(["js", /* @__PURE__ */ new Date()]);
+    window.dataLayer.push(["config", gaId]);
+  }
+});
+var loadClarity = createAnalyticsLoader({
+  id: "clarity-script",
+  src: (clarityId) => `https://www.clarity.ms/tag/${clarityId}`,
+  onLoad: () => {
+    if (!window.clarity) {
+      const queue = [];
+      window.clarity = (...args) => {
+        queue.push(args);
+      };
+      window.clarity.q = queue;
+    }
+  }
+});
+var COOKIE_CONSENT_EVENT = "cookie_consent_granted";
+var COOKIE_CONSENT_KEY = "cookie_consent";
+function CookieConsent({
+  delay = 1e3,
+  privacyUrl = "/legal/privacy",
+  onAccept,
+  onDecline,
+  labels,
+  className
+}) {
+  const [state, setState] = react.useState("idle");
+  react.useEffect(() => {
+    const consent = localStorage.getItem(COOKIE_CONSENT_KEY);
+    if (!consent) {
+      const timer = setTimeout(() => setState("open"), delay);
+      return () => clearTimeout(timer);
+    } else {
+      setState("closed");
+    }
+  }, [delay]);
+  const handleDismiss = react.useCallback(() => {
+    setState("closing");
+  }, []);
+  const handleAccept = react.useCallback(() => {
+    localStorage.setItem(COOKIE_CONSENT_KEY, "granted");
+    handleDismiss();
+    if (typeof window !== "undefined") {
+      window.dispatchEvent(new Event(COOKIE_CONSENT_EVENT));
+    }
+    onAccept?.();
+  }, [onAccept, handleDismiss]);
+  const handleDecline = react.useCallback(() => {
+    localStorage.setItem(COOKIE_CONSENT_KEY, "denied");
+    handleDismiss();
+    onDecline?.();
+  }, [onDecline, handleDismiss]);
+  const handleTransitionEnd = react.useCallback(() => {
+    if (state === "closing") {
+      setState("closed");
+    }
+  }, [state]);
+  if (state === "idle" || state === "closed") return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: `ds-cookie-consent ${className ?? ""}`,
+      "data-state": state === "open" ? "open" : "closed",
+      onTransitionEnd: handleTransitionEnd,
+      role: "dialog",
+      "aria-label": labels?.title ?? "Cookie consent",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-cookie-consent__inner", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-cookie-consent__content", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "ds-cookie-consent__title", children: labels?.title ?? "We use cookies" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "ds-cookie-consent__description", children: [
+            labels?.description ?? "We use tracking cookies to understand how you use the product and help us improve it.",
+            /* @__PURE__ */ jsxRuntime.jsx(chunkLJADZITX_cjs.OutboundLink, { href: privacyUrl, context: "cookie-consent-privacy", className: "ds-cookie-consent__link", children: labels?.privacyLinkText ?? "Privacy Policy" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-cookie-consent__actions", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkH2Y6BSTL_cjs.Button, { variant: "outline", size: "sm", onClick: handleDecline, children: labels?.declineLabel ?? "Decline" }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkH2Y6BSTL_cjs.Button, { variant: "primary", size: "sm", onClick: handleAccept, children: labels?.acceptLabel ?? "Accept" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: handleDecline,
+            className: "ds-cookie-consent__close",
+            "aria-label": "Close",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 16 })
+          }
+        )
+      ] })
+    }
+  );
+}
+function useCookieConsent() {
+  const [status, setStatus] = react.useState(() => {
+    if (typeof window === "undefined") return null;
+    const stored = localStorage.getItem(COOKIE_CONSENT_KEY);
+    if (stored === "granted") return "granted";
+    if (stored === "denied") return "denied";
+    return null;
+  });
+  react.useEffect(() => {
+    const handleConsent = () => setStatus("granted");
+    window.addEventListener(COOKIE_CONSENT_EVENT, handleConsent);
+    return () => window.removeEventListener(COOKIE_CONSENT_EVENT, handleConsent);
+  }, []);
+  return status;
+}
+function AnalyticsProvider({ onTrack, debug = false, children }) {
+  const track = react.useCallback(
+    (event, props) => {
+      if (debug && typeof console !== "undefined") {
+        console.log("[DS Analytics]", event, props);
+      }
+      onTrack(event, props);
+    },
+    [onTrack, debug]
+  );
+  const value = react.useMemo(() => ({ track }), [track]);
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkVC5LMUVQ_cjs.AnalyticsContext.Provider, { value, children });
+}
+
+exports.AnalyticsProvider = AnalyticsProvider;
+exports.COOKIE_CONSENT_EVENT = COOKIE_CONSENT_EVENT;
+exports.COOKIE_CONSENT_KEY = COOKIE_CONSENT_KEY;
+exports.CookieConsent = CookieConsent;
+exports.createAnalyticsLoader = createAnalyticsLoader;
+exports.loadClarity = loadClarity;
+exports.loadGoogleAnalytics = loadGoogleAnalytics;
+exports.useCookieConsent = useCookieConsent;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-YTYDQBVY.cjs.map

package/dist/chunk-YTYDQBVY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/web/analytics/create-analytics-loader.ts","../src/web/CookieConsent/CookieConsent.tsx","../src/web/analytics/use-cookie-consent.ts","../src/web/analytics/analytics-provider.tsx"],"names":["useState","useEffect","useCallback","jsx"],"mappings":"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","sourcesContent":["/**\n * Generic analytics script loader.\n *\n * Framework-agnostic: injects a `<script>` tag into `<head>` once,\n * guards against double-loading, and respects cookie consent.\n *\n * @example\n * ```ts\n * import { createAnalyticsLoader } from '@salesmind-ai/design-system/web';\n *\n * const loadGA = createAnalyticsLoader({\n *   id: 'ga-script',\n *   src: (gaId) => `https://www.googletagmanager.com/gtag/js?id=${gaId}`,\n *   onLoad: (gaId) => {\n *     window.dataLayer = window.dataLayer || [];\n *     function gtag(...args: unknown[]) { window.dataLayer.push(args); }\n *     gtag('js', new Date());\n *     gtag('config', gaId);\n *   },\n * });\n *\n * // Later, after consent:\n * loadGA('G-XXXXXX');\n * ```\n */\n\nexport interface AnalyticsLoaderConfig<TId extends string = string> {\n  /** Unique DOM id for the script element (prevents double-loading) */\n  id: string;\n  /** Build the script src URL from the tracking ID */\n  src: (trackingId: TId) => string;\n  /** Async attribute on the script tag (default: true) */\n  async?: boolean;\n  /** Called after the script is appended to the DOM */\n  onLoad?: (trackingId: TId) => void;\n  /** Custom inline script content instead of an external src */\n  inlineScript?: (trackingId: TId) => string;\n}\n\n/**\n * Create a reusable analytics loader function.\n * The returned function injects the script once and is safe to call multiple times.\n */\nexport function createAnalyticsLoader<TId extends string = string>(\n  config: AnalyticsLoaderConfig<TId>,\n): (trackingId: TId) => void {\n  return (trackingId: TId) => {\n    if (typeof document === 'undefined') return;\n    if (document.getElementById(config.id)) return;\n\n    const script = document.createElement('script');\n    script.id = config.id;\n\n    if (config.inlineScript) {\n      script.textContent = config.inlineScript(trackingId);\n    } else {\n      script.async = config.async ?? true;\n      script.src = config.src(trackingId);\n    }\n\n    document.head.appendChild(script);\n    config.onLoad?.(trackingId);\n  };\n}\n\n// ─── Pre-built Loaders ──────────────────────────────────────────────────────\n\ndeclare global {\n  interface Window {\n    dataLayer: unknown[];\n    clarity?: (...args: unknown[]) => void;\n  }\n}\n\n/**\n * Load Google Analytics (gtag.js).\n * Call with your GA measurement ID after cookie consent.\n */\nexport const loadGoogleAnalytics = createAnalyticsLoader({\n  id: 'ga-script',\n  src: (gaId) => `https://www.googletagmanager.com/gtag/js?id=${gaId}`,\n  onLoad: (gaId) => {\n    window.dataLayer = window.dataLayer || [];\n    // Use array push directly to avoid @ts-ignore issues with gtag signature\n    window.dataLayer.push(['js', new Date()]);\n    window.dataLayer.push(['config', gaId]);\n  },\n});\n\n/**\n * Load Microsoft Clarity.\n * Call with your Clarity project ID after cookie consent.\n */\nexport const loadClarity = createAnalyticsLoader({\n  id: 'clarity-script',\n  src: (clarityId) => `https://www.clarity.ms/tag/${clarityId}`,\n  onLoad: () => {\n    // Clarity auto-initializes from the script tag.\n    // Expose the global `clarity` queue function for custom events.\n    if (!window.clarity) {\n      const queue: unknown[][] = [];\n      window.clarity = (...args: unknown[]) => {\n        queue.push(args);\n      };\n      (window.clarity as unknown as { q: unknown[][] }).q = queue;\n    }\n  },\n});\n","\"use client\";\nimport { useState, useEffect, useCallback } from 'react';\nimport { Button } from '../../components/Button/Button';\nimport { OutboundLink } from '../../components/OutboundLink/OutboundLink';\nimport { X } from 'lucide-react';\nimport './CookieConsent.css';\n\n/** Cookie consent state */\nexport type ConsentStatus = 'granted' | 'denied' | null;\n\n/** Event name dispatched on window when consent changes */\nexport const COOKIE_CONSENT_EVENT = 'cookie_consent_granted';\n\n/** localStorage key for cookie consent */\nexport const COOKIE_CONSENT_KEY = 'cookie_consent';\n\n/** Labels for i18n support */\nexport interface CookieConsentLabels {\n  title?: string;\n  description?: string;\n  privacyLinkText?: string;\n  acceptLabel?: string;\n  declineLabel?: string;\n}\n\nexport interface CookieConsentProps {\n  /** Delay in ms before showing the banner (default: 1000) */\n  delay?: number;\n  /** URL to the privacy policy page (default: \"/legal/privacy\") */\n  privacyUrl?: string;\n  /** Called when the user accepts cookies */\n  onAccept?: () => void;\n  /** Called when the user declines cookies */\n  onDecline?: () => void;\n  /** Override default labels for i18n */\n  labels?: CookieConsentLabels;\n  /** Custom className for the container */\n  className?: string;\n}\n\n/**\n * CookieConsent — GDPR-compliant cookie consent banner.\n *\n * - Animated entrance/exit via CSS transitions (no framer-motion)\n * - Respects prior consent stored in localStorage\n * - Dispatches a `cookie_consent_granted` event on the window for analytics loaders\n * - Uses DS Button component\n *\n * @example\n * ```tsx\n * import { CookieConsent } from '@salesmind-ai/design-system/web';\n *\n * <CookieConsent\n *   privacyUrl=\"/legal/privacy\"\n *   onAccept={() => loadGoogleAnalytics('G-XXXX')}\n * />\n * ```\n */\nexport function CookieConsent({\n  delay = 1000,\n  privacyUrl = '/legal/privacy',\n  onAccept,\n  onDecline,\n  labels,\n  className,\n}: CookieConsentProps) {\n  // 'idle' = not yet determined, 'open' = visible, 'closing' = exit animation, 'closed' = hidden\n  const [state, setState] = useState<'idle' | 'open' | 'closing' | 'closed'>('idle');\n\n  useEffect(() => {\n    const consent = localStorage.getItem(COOKIE_CONSENT_KEY);\n    if (!consent) {\n      const timer = setTimeout(() => setState('open'), delay);\n      return () => clearTimeout(timer);\n    } else {\n      setState('closed');\n    }\n  }, [delay]);\n\n  const handleDismiss = useCallback(() => {\n    setState('closing');\n  }, []);\n\n  const handleAccept = useCallback(() => {\n    localStorage.setItem(COOKIE_CONSENT_KEY, 'granted');\n    handleDismiss();\n    if (typeof window !== 'undefined') {\n      window.dispatchEvent(new Event(COOKIE_CONSENT_EVENT));\n    }\n    onAccept?.();\n  }, [onAccept, handleDismiss]);\n\n  const handleDecline = useCallback(() => {\n    localStorage.setItem(COOKIE_CONSENT_KEY, 'denied');\n    handleDismiss();\n    onDecline?.();\n  }, [onDecline, handleDismiss]);\n\n  const handleTransitionEnd = useCallback(() => {\n    if (state === 'closing') {\n      setState('closed');\n    }\n  }, [state]);\n\n  // Don't render anything until we know consent status, or after fully closed\n  if (state === 'idle' || state === 'closed') return null;\n\n  return (\n    <div\n      className={`ds-cookie-consent ${className ?? ''}`}\n      data-state={state === 'open' ? 'open' : 'closed'}\n      onTransitionEnd={handleTransitionEnd}\n      role=\"dialog\"\n      aria-label={labels?.title ?? 'Cookie consent'}\n    >\n      <div className=\"ds-cookie-consent__inner\">\n        <div className=\"ds-cookie-consent__content\">\n          <h3 className=\"ds-cookie-consent__title\">\n            {labels?.title ?? 'We use cookies'}\n          </h3>\n          <p className=\"ds-cookie-consent__description\">\n            {labels?.description ??\n              'We use tracking cookies to understand how you use the product and help us improve it.'}\n            <OutboundLink href={privacyUrl} context=\"cookie-consent-privacy\" className=\"ds-cookie-consent__link\">\n              {labels?.privacyLinkText ?? 'Privacy Policy'}\n            </OutboundLink>\n          </p>\n        </div>\n        <div className=\"ds-cookie-consent__actions\">\n          <Button variant=\"outline\" size=\"sm\" onClick={handleDecline}>\n            {labels?.declineLabel ?? 'Decline'}\n          </Button>\n          <Button variant=\"primary\" size=\"sm\" onClick={handleAccept}>\n            {labels?.acceptLabel ?? 'Accept'}\n          </Button>\n        </div>\n        <button\n          onClick={handleDecline}\n          className=\"ds-cookie-consent__close\"\n          aria-label=\"Close\"\n        >\n          <X size={16} />\n        </button>\n      </div>\n    </div>\n  );\n}\n","\"use client\";\nimport { useState, useEffect } from 'react';\nimport { COOKIE_CONSENT_EVENT, COOKIE_CONSENT_KEY, type ConsentStatus } from '../CookieConsent/CookieConsent';\n\n/**\n * React hook that tracks cookie consent status.\n *\n * Returns `true` once the user has granted cookie consent,\n * `false` if denied, `null` if not yet decided.\n *\n * Listens for the `cookie_consent_granted` window event dispatched\n * by the CookieConsent component.\n *\n * @example\n * ```tsx\n * const hasConsent = useCookieConsent();\n *\n * useEffect(() => {\n *   if (hasConsent) loadGoogleAnalytics('G-XXXX');\n * }, [hasConsent]);\n * ```\n */\nexport function useCookieConsent(): ConsentStatus {\n  const [status, setStatus] = useState<ConsentStatus>(() => {\n    if (typeof window === 'undefined') return null;\n    const stored = localStorage.getItem(COOKIE_CONSENT_KEY);\n    if (stored === 'granted') return 'granted';\n    if (stored === 'denied') return 'denied';\n    return null;\n  });\n\n  useEffect(() => {\n    const handleConsent = () => setStatus('granted');\n    window.addEventListener(COOKIE_CONSENT_EVENT, handleConsent);\n    return () => window.removeEventListener(COOKIE_CONSENT_EVENT, handleConsent);\n  }, []);\n\n  return status;\n}\n","\"use client\";\nimport { useCallback, useMemo } from 'react';\nimport type { ReactNode } from 'react';\nimport { AnalyticsContext } from './analytics-context';\nimport type { TrackFn } from './analytics-context';\n\n/* ============================================================================\n   ANALYTICS PROVIDER — Event Tracking Context\n   ============================================================================\n\n   Provides a unified event tracking interface for all marketing/conversion\n   components. Components call `useAnalytics().track(...)` without knowing\n   which analytics backend is active.\n\n   When no provider is present, all calls are no-ops — safe for Storybook,\n   tests, and SSR.\n\n   Usage:\n     // In your app root:\n     <AnalyticsProvider onTrack={(event, props) => gtag('event', event, props)}>\n       <App />\n     </AnalyticsProvider>\n\n     // In any DS component:\n     const { track } = useAnalytics();\n     track('cta_click', { location: 'hero', label: 'Book Demo' });\n\n   ============================================================================ */\n\n/** Props for the AnalyticsProvider component */\nexport interface AnalyticsProviderProps {\n  /** Callback invoked on every track() call. Wire this to your analytics backend. */\n  onTrack: TrackFn;\n  /** Enable console logging in development (default: false) */\n  debug?: boolean;\n  children: ReactNode;\n}\n\n/**\n * Provides analytics event tracking to all descendant DS components.\n *\n * @example\n * ```tsx\n * <AnalyticsProvider\n *   onTrack={(event, props) => {\n *     window.gtag?.('event', event, props);\n *   }}\n * >\n *   <App />\n * </AnalyticsProvider>\n * ```\n */\nexport function AnalyticsProvider({ onTrack, debug = false, children }: AnalyticsProviderProps) {\n  const track: TrackFn = useCallback(\n    (event, props) => {\n      if (debug && typeof console !== 'undefined') {\n        // eslint-disable-next-line no-console\n        console.log('[DS Analytics]', event, props);\n      }\n      onTrack(event, props);\n    },\n    [onTrack, debug],\n  );\n\n  const value = useMemo(() => ({ track }), [track]);\n\n  return <AnalyticsContext.Provider value={value}>{children}</AnalyticsContext.Provider>;\n}\n"]}