shad-m 1.0.2 → 1.0.3

package/dist/hooks/useDialogTracking.js

@@ -0,0 +1,113 @@
+'use strict';
+
+var React = require('react');
+var UISystemProvider = require('@/providers/UISystemProvider');
+var types = require('@/lib/types');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function useDialogTracking(options) {
+  const {
+    trackingNameView,
+    trackingNameClose,
+    trackingData,
+    trackingIndex,
+    enabled = true
+  } = options;
+  const { sendTrack } = UISystemProvider.useUISystemContext();
+  const hasTrackedViewRef = React__namespace.useRef(false);
+  const observerRef = React__namespace.useRef(null);
+  const setupTracking = React__namespace.useCallback(
+    (node) => {
+      if (observerRef.current) {
+        observerRef.current.disconnect();
+        observerRef.current = null;
+      }
+      if (node && enabled && sendTrack && trackingNameView) {
+        const observer = new MutationObserver((mutations) => {
+          mutations.forEach((mutation) => {
+            if (mutation.type === "attributes" && mutation.attributeName === "data-state") {
+              const dataState = node.getAttribute("data-state");
+              if (dataState === "open" && !hasTrackedViewRef.current) {
+                hasTrackedViewRef.current = true;
+                const otherData = {};
+                if (trackingIndex !== void 0 && trackingIndex !== null) {
+                  otherData.index = trackingIndex;
+                }
+                sendTrack(trackingNameView, types.TRACKING_TYPE.view, {
+                  ...otherData,
+                  ...trackingData
+                });
+              }
+              if (dataState === "closed") {
+                hasTrackedViewRef.current = false;
+              }
+            }
+          });
+        });
+        observer.observe(node, { attributes: true });
+        observerRef.current = observer;
+        requestAnimationFrame(() => {
+          const currentState = node.getAttribute("data-state");
+          if (currentState === "open" && !hasTrackedViewRef.current) {
+            hasTrackedViewRef.current = true;
+            const otherData = {};
+            if (trackingIndex !== void 0 && trackingIndex !== null) {
+              otherData.index = trackingIndex;
+            }
+            sendTrack(trackingNameView, types.TRACKING_TYPE.view, {
+              ...otherData,
+              ...trackingData
+            });
+          }
+        });
+      }
+    },
+    [enabled, sendTrack, trackingNameView, trackingData, trackingIndex]
+  );
+  const handleCloseClick = React__namespace.useCallback(() => {
+    if (enabled && sendTrack && trackingNameClose) {
+      const otherData = {};
+      if (trackingIndex !== void 0 && trackingIndex !== null) {
+        otherData.index = trackingIndex;
+      }
+      sendTrack(trackingNameClose, types.TRACKING_TYPE.click, {
+        ...otherData,
+        ...trackingData
+      });
+    }
+  }, [enabled, sendTrack, trackingNameClose, trackingData, trackingIndex]);
+  React__namespace.useEffect(() => {
+    return () => {
+      if (observerRef.current) {
+        observerRef.current.disconnect();
+      }
+    };
+  }, []);
+  return {
+    setupTracking,
+    handleCloseClick
+  };
+}
+
+exports.useDialogTracking = useDialogTracking;
+//# sourceMappingURL=useDialogTracking.js.map
+//# sourceMappingURL=useDialogTracking.js.map

package/dist/hooks/useDialogTracking.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useDialogTracking.ts"],"names":["useUISystemContext","React","TRACKING_TYPE"],"mappings":"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","file":"useDialogTracking.js","sourcesContent":["import * as React from 'react';\nimport { useUISystemContext } from '@/providers/UISystemProvider';\nimport { TRACKING_TYPE } from '@/lib/types';\n\ninterface UseDialogTrackingOptions {\n  trackingNameView?: string;\n  trackingNameClose?: string;\n  trackingData?: Record<string, any>;\n  trackingIndex?: number;\n  enabled?: boolean;\n}\n\n/**\n * Custom hook for tracking dialog/sheet open and close events\n * Uses MutationObserver to detect when data-state attribute changes\n */\nexport function useDialogTracking(options: UseDialogTrackingOptions) {\n  const {\n    trackingNameView,\n    trackingNameClose,\n    trackingData,\n    trackingIndex,\n    enabled = true,\n  } = options;\n\n  const { sendTrack } = useUISystemContext();\n  const hasTrackedViewRef = React.useRef(false);\n  const observerRef = React.useRef<MutationObserver | null>(null);\n\n  // Callback ref to setup observer when element is mounted\n  const setupTracking = React.useCallback(\n    (node: HTMLElement | null) => {\n      // Cleanup previous observer\n      if (observerRef.current) {\n        observerRef.current.disconnect();\n        observerRef.current = null;\n      }\n\n      // Setup new observer if node exists and tracking is enabled\n      if (node && enabled && sendTrack && trackingNameView) {\n        const observer = new MutationObserver((mutations) => {\n          mutations.forEach((mutation) => {\n            if (mutation.type === 'attributes' && mutation.attributeName === 'data-state') {\n              const dataState = node.getAttribute('data-state');\n\n              // Track view when dialog opens\n              if (dataState === 'open' && !hasTrackedViewRef.current) {\n                hasTrackedViewRef.current = true;\n                const otherData: Record<string, any> = {};\n                if (trackingIndex !== undefined && trackingIndex !== null) {\n                  otherData.index = trackingIndex;\n                }\n                sendTrack(trackingNameView, TRACKING_TYPE.view, {\n                  ...otherData,\n                  ...trackingData,\n                });\n              }\n\n              // Reset tracking flag when dialog closes\n              if (dataState === 'closed') {\n                hasTrackedViewRef.current = false;\n              }\n            }\n          });\n        });\n\n        observer.observe(node, { attributes: true });\n        observerRef.current = observer;\n\n        // Use requestAnimationFrame to check state after DOM has fully rendered\n        // This ensures we catch dialogs that are already open when the component mounts\n        requestAnimationFrame(() => {\n          const currentState = node.getAttribute('data-state');\n          if (currentState === 'open' && !hasTrackedViewRef.current) {\n            hasTrackedViewRef.current = true;\n            const otherData: Record<string, any> = {};\n            if (trackingIndex !== undefined && trackingIndex !== null) {\n              otherData.index = trackingIndex;\n            }\n            sendTrack(trackingNameView, TRACKING_TYPE.view, {\n              ...otherData,\n              ...trackingData,\n            });\n          }\n        });\n      }\n    },\n    [enabled, sendTrack, trackingNameView, trackingData, trackingIndex],\n  );\n\n  // Handler for close button click\n  const handleCloseClick = React.useCallback(() => {\n    if (enabled && sendTrack && trackingNameClose) {\n      const otherData: Record<string, any> = {};\n      if (trackingIndex !== undefined && trackingIndex !== null) {\n        otherData.index = trackingIndex;\n      }\n      sendTrack(trackingNameClose, TRACKING_TYPE.click, {\n        ...otherData,\n        ...trackingData,\n      });\n    }\n  }, [enabled, sendTrack, trackingNameClose, trackingData, trackingIndex]);\n\n  // Cleanup on unmount\n  React.useEffect(() => {\n    return () => {\n      if (observerRef.current) {\n        observerRef.current.disconnect();\n      }\n    };\n  }, []);\n\n  return {\n    setupTracking,\n    handleCloseClick,\n  };\n}\n"]}

package/dist/hooks/useDialogTracking.mjs

@@ -0,0 +1,91 @@
+import * as React from 'react';
+import { useUISystemContext } from '@/providers/UISystemProvider';
+import { TRACKING_TYPE } from '@/lib/types';
+
+function useDialogTracking(options) {
+  const {
+    trackingNameView,
+    trackingNameClose,
+    trackingData,
+    trackingIndex,
+    enabled = true
+  } = options;
+  const { sendTrack } = useUISystemContext();
+  const hasTrackedViewRef = React.useRef(false);
+  const observerRef = React.useRef(null);
+  const setupTracking = React.useCallback(
+    (node) => {
+      if (observerRef.current) {
+        observerRef.current.disconnect();
+        observerRef.current = null;
+      }
+      if (node && enabled && sendTrack && trackingNameView) {
+        const observer = new MutationObserver((mutations) => {
+          mutations.forEach((mutation) => {
+            if (mutation.type === "attributes" && mutation.attributeName === "data-state") {
+              const dataState = node.getAttribute("data-state");
+              if (dataState === "open" && !hasTrackedViewRef.current) {
+                hasTrackedViewRef.current = true;
+                const otherData = {};
+                if (trackingIndex !== void 0 && trackingIndex !== null) {
+                  otherData.index = trackingIndex;
+                }
+                sendTrack(trackingNameView, TRACKING_TYPE.view, {
+                  ...otherData,
+                  ...trackingData
+                });
+              }
+              if (dataState === "closed") {
+                hasTrackedViewRef.current = false;
+              }
+            }
+          });
+        });
+        observer.observe(node, { attributes: true });
+        observerRef.current = observer;
+        requestAnimationFrame(() => {
+          const currentState = node.getAttribute("data-state");
+          if (currentState === "open" && !hasTrackedViewRef.current) {
+            hasTrackedViewRef.current = true;
+            const otherData = {};
+            if (trackingIndex !== void 0 && trackingIndex !== null) {
+              otherData.index = trackingIndex;
+            }
+            sendTrack(trackingNameView, TRACKING_TYPE.view, {
+              ...otherData,
+              ...trackingData
+            });
+          }
+        });
+      }
+    },
+    [enabled, sendTrack, trackingNameView, trackingData, trackingIndex]
+  );
+  const handleCloseClick = React.useCallback(() => {
+    if (enabled && sendTrack && trackingNameClose) {
+      const otherData = {};
+      if (trackingIndex !== void 0 && trackingIndex !== null) {
+        otherData.index = trackingIndex;
+      }
+      sendTrack(trackingNameClose, TRACKING_TYPE.click, {
+        ...otherData,
+        ...trackingData
+      });
+    }
+  }, [enabled, sendTrack, trackingNameClose, trackingData, trackingIndex]);
+  React.useEffect(() => {
+    return () => {
+      if (observerRef.current) {
+        observerRef.current.disconnect();
+      }
+    };
+  }, []);
+  return {
+    setupTracking,
+    handleCloseClick
+  };
+}
+
+export { useDialogTracking };
+//# sourceMappingURL=useDialogTracking.mjs.map
+//# sourceMappingURL=useDialogTracking.mjs.map

package/dist/hooks/useDialogTracking.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useDialogTracking.ts"],"names":[],"mappings":"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","file":"useDialogTracking.mjs","sourcesContent":["import * as React from 'react';\nimport { useUISystemContext } from '@/providers/UISystemProvider';\nimport { TRACKING_TYPE } from '@/lib/types';\n\ninterface UseDialogTrackingOptions {\n  trackingNameView?: string;\n  trackingNameClose?: string;\n  trackingData?: Record<string, any>;\n  trackingIndex?: number;\n  enabled?: boolean;\n}\n\n/**\n * Custom hook for tracking dialog/sheet open and close events\n * Uses MutationObserver to detect when data-state attribute changes\n */\nexport function useDialogTracking(options: UseDialogTrackingOptions) {\n  const {\n    trackingNameView,\n    trackingNameClose,\n    trackingData,\n    trackingIndex,\n    enabled = true,\n  } = options;\n\n  const { sendTrack } = useUISystemContext();\n  const hasTrackedViewRef = React.useRef(false);\n  const observerRef = React.useRef<MutationObserver | null>(null);\n\n  // Callback ref to setup observer when element is mounted\n  const setupTracking = React.useCallback(\n    (node: HTMLElement | null) => {\n      // Cleanup previous observer\n      if (observerRef.current) {\n        observerRef.current.disconnect();\n        observerRef.current = null;\n      }\n\n      // Setup new observer if node exists and tracking is enabled\n      if (node && enabled && sendTrack && trackingNameView) {\n        const observer = new MutationObserver((mutations) => {\n          mutations.forEach((mutation) => {\n            if (mutation.type === 'attributes' && mutation.attributeName === 'data-state') {\n              const dataState = node.getAttribute('data-state');\n\n              // Track view when dialog opens\n              if (dataState === 'open' && !hasTrackedViewRef.current) {\n                hasTrackedViewRef.current = true;\n                const otherData: Record<string, any> = {};\n                if (trackingIndex !== undefined && trackingIndex !== null) {\n                  otherData.index = trackingIndex;\n                }\n                sendTrack(trackingNameView, TRACKING_TYPE.view, {\n                  ...otherData,\n                  ...trackingData,\n                });\n              }\n\n              // Reset tracking flag when dialog closes\n              if (dataState === 'closed') {\n                hasTrackedViewRef.current = false;\n              }\n            }\n          });\n        });\n\n        observer.observe(node, { attributes: true });\n        observerRef.current = observer;\n\n        // Use requestAnimationFrame to check state after DOM has fully rendered\n        // This ensures we catch dialogs that are already open when the component mounts\n        requestAnimationFrame(() => {\n          const currentState = node.getAttribute('data-state');\n          if (currentState === 'open' && !hasTrackedViewRef.current) {\n            hasTrackedViewRef.current = true;\n            const otherData: Record<string, any> = {};\n            if (trackingIndex !== undefined && trackingIndex !== null) {\n              otherData.index = trackingIndex;\n            }\n            sendTrack(trackingNameView, TRACKING_TYPE.view, {\n              ...otherData,\n              ...trackingData,\n            });\n          }\n        });\n      }\n    },\n    [enabled, sendTrack, trackingNameView, trackingData, trackingIndex],\n  );\n\n  // Handler for close button click\n  const handleCloseClick = React.useCallback(() => {\n    if (enabled && sendTrack && trackingNameClose) {\n      const otherData: Record<string, any> = {};\n      if (trackingIndex !== undefined && trackingIndex !== null) {\n        otherData.index = trackingIndex;\n      }\n      sendTrack(trackingNameClose, TRACKING_TYPE.click, {\n        ...otherData,\n        ...trackingData,\n      });\n    }\n  }, [enabled, sendTrack, trackingNameClose, trackingData, trackingIndex]);\n\n  // Cleanup on unmount\n  React.useEffect(() => {\n    return () => {\n      if (observerRef.current) {\n        observerRef.current.disconnect();\n      }\n    };\n  }, []);\n\n  return {\n    setupTracking,\n    handleCloseClick,\n  };\n}\n"]}

package/dist/hooks/useIsMounted.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var react = require('react');
+
+function useIsMounted() {
+  const [isMounted, setIsMounted] = react.useState(false);
+  react.useEffect(() => {
+    setIsMounted(true);
+  }, []);
+  return isMounted;
+}
+
+exports.useIsMounted = useIsMounted;
+//# sourceMappingURL=useIsMounted.js.map
+//# sourceMappingURL=useIsMounted.js.map

package/dist/hooks/useIsMounted.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useIsMounted.ts"],"names":["useState","useEffect"],"mappings":";;;;AAUO,SAAS,YAAA,GAAwB;AACtC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAS,KAAK,CAAA;AAEhD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,IAAI,CAAA;AAAA,EACnB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,SAAA;AACT","file":"useIsMounted.js","sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\n/**\n * Hook to detect if component is mounted on client-side\n * Useful for components that should only render after hydration\n *\n * @returns boolean indicating if component is mounted\n */\nexport function useIsMounted(): boolean {\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  return isMounted;\n}\n"]}

package/dist/hooks/useIsMounted.mjs

@@ -0,0 +1,13 @@
+import { useState, useEffect } from 'react';
+
+function useIsMounted() {
+  const [isMounted, setIsMounted] = useState(false);
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
+  return isMounted;
+}
+
+export { useIsMounted };
+//# sourceMappingURL=useIsMounted.mjs.map
+//# sourceMappingURL=useIsMounted.mjs.map

package/dist/hooks/useIsMounted.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useIsMounted.ts"],"names":[],"mappings":";;AAUO,SAAS,YAAA,GAAwB;AACtC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAEhD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,IAAI,CAAA;AAAA,EACnB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,SAAA;AACT","file":"useIsMounted.mjs","sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\n/**\n * Hook to detect if component is mounted on client-side\n * Useful for components that should only render after hydration\n *\n * @returns boolean indicating if component is mounted\n */\nexport function useIsMounted(): boolean {\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  return isMounted;\n}\n"]}

package/dist/hooks/usePathname.js

@@ -0,0 +1,85 @@
+'use strict';
+
+var react = require('react');
+
+let detectedFramework = null;
+let nextNavigationModule = null;
+let nextRouterModule = null;
+function detectFramework() {
+  if (detectedFramework !== null) {
+    return detectedFramework;
+  }
+  if (typeof window === "undefined") {
+    detectedFramework = "generic";
+    return detectedFramework;
+  }
+  try {
+    nextNavigationModule = require("next/navigation");
+    if (nextNavigationModule?.usePathname) {
+      detectedFramework = "next-app";
+      return detectedFramework;
+    }
+  } catch (e) {
+  }
+  try {
+    nextRouterModule = require("next/router");
+    if (nextRouterModule?.useRouter) {
+      detectedFramework = "next-pages";
+      return detectedFramework;
+    }
+  } catch (e) {
+  }
+  detectedFramework = "generic";
+  return detectedFramework;
+}
+function usePathname() {
+  const framework = detectFramework();
+  if (framework === "next-app" && nextNavigationModule?.usePathname) {
+    return nextNavigationModule.usePathname();
+  }
+  if (framework === "next-pages" && nextRouterModule?.useRouter) {
+    const router = nextRouterModule.useRouter();
+    return router.pathname || router.asPath?.split("?")[0] || "/";
+  }
+  return useGenericPathname();
+}
+function useGenericPathname() {
+  const [pathname, setPathname] = react.useState(() => {
+    if (typeof window === "undefined") {
+      return "/";
+    }
+    return window.location.pathname;
+  });
+  react.useEffect(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const handleLocationChange = () => {
+      const newPathname = window.location.pathname;
+      setPathname(newPathname);
+    };
+    window.addEventListener("popstate", handleLocationChange);
+    const originalPushState = history.pushState.bind(history);
+    const originalReplaceState = history.replaceState.bind(history);
+    history.pushState = function(...args) {
+      const result = originalPushState(...args);
+      handleLocationChange();
+      return result;
+    };
+    history.replaceState = function(...args) {
+      const result = originalReplaceState(...args);
+      handleLocationChange();
+      return result;
+    };
+    return () => {
+      window.removeEventListener("popstate", handleLocationChange);
+      history.pushState = originalPushState;
+      history.replaceState = originalReplaceState;
+    };
+  }, []);
+  return pathname;
+}
+
+exports.usePathname = usePathname;
+//# sourceMappingURL=usePathname.js.map
+//# sourceMappingURL=usePathname.js.map

package/dist/hooks/usePathname.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/usePathname.ts"],"names":["useState","useEffect"],"mappings":"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","file":"usePathname.js","sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * Detect routing framework at module level (outside component)\n * This ensures we only detect once and don't violate Rules of Hooks\n */\nlet detectedFramework: 'next-app' | 'next-pages' | 'generic' | null = null;\nlet nextNavigationModule: any = null;\nlet nextRouterModule: any = null;\n\nfunction detectFramework() {\n  if (detectedFramework !== null) {\n    return detectedFramework;\n  }\n\n  // Only detect on client side\n  if (typeof window === 'undefined') {\n    detectedFramework = 'generic';\n    return detectedFramework;\n  }\n\n  // Try to detect Next.js App Router (next/navigation)\n  try {\n    // @ts-ignore - Dynamic detection\n    nextNavigationModule = require('next/navigation');\n    if (nextNavigationModule?.usePathname) {\n      detectedFramework = 'next-app';\n      return detectedFramework;\n    }\n  } catch (e) {\n    // Not available\n  }\n\n  // Try to detect Next.js Pages Router (next/router)\n  try {\n    // @ts-ignore - Dynamic detection\n    nextRouterModule = require('next/router');\n    if (nextRouterModule?.useRouter) {\n      detectedFramework = 'next-pages';\n      return detectedFramework;\n    }\n  } catch (e) {\n    // Not available\n  }\n\n  // Fallback to generic implementation\n  detectedFramework = 'generic';\n  return detectedFramework;\n}\n\n/**\n * Generic pathname hook for UI package with auto-detection support\n *\n * This hook automatically detects and uses:\n * 1. Next.js App Router (next/navigation) - if available\n * 2. Next.js Pages Router (next/router) - if available\n * 3. React Router / Vanilla React - listens to popstate/pushState/replaceState events\n *\n * ✅ Works with:\n * - Next.js 13+ (App Router)\n * - Next.js 12 (Pages Router)\n * - React Router v6\n * - React Router v5\n * - Vanilla React with any routing solution\n * - Plain React without routing\n *\n * No setup required in consumer apps - works out of the box!\n */\nexport function usePathname(): string {\n  const framework = detectFramework();\n\n  // Next.js App Router - use their hook directly\n  if (framework === 'next-app' && nextNavigationModule?.usePathname) {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    return nextNavigationModule.usePathname();\n  }\n\n  // Next.js Pages Router - use their router\n  if (framework === 'next-pages' && nextRouterModule?.useRouter) {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const router = nextRouterModule.useRouter();\n    return router.pathname || router.asPath?.split('?')[0] || '/';\n  }\n\n  // Generic implementation for React Router, vanilla React, etc.\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return useGenericPathname();\n}\n\n/**\n * Generic pathname implementation that works with any React app\n * Listens to browser navigation events to detect route changes\n */\nfunction useGenericPathname(): string {\n  const [pathname, setPathname] = useState<string>(() => {\n    if (typeof window === 'undefined') {\n      return '/';\n    }\n    return window.location.pathname;\n  });\n\n  useEffect(() => {\n    // Only run on client side\n    if (typeof window === 'undefined') {\n      return;\n    }\n\n    // Handler to update pathname when navigation occurs\n    const handleLocationChange = () => {\n      const newPathname = window.location.pathname;\n      setPathname(newPathname);\n    };\n\n    // Listen to popstate event (back/forward buttons, browser history API)\n    window.addEventListener('popstate', handleLocationChange);\n\n    // Intercept pushState and replaceState to detect programmatic navigation\n    // This is crucial for React Router and other client-side routing solutions\n    const originalPushState = history.pushState.bind(history);\n    const originalReplaceState = history.replaceState.bind(history);\n\n    history.pushState = function (...args) {\n      const result = originalPushState(...args);\n      handleLocationChange();\n      return result;\n    };\n\n    history.replaceState = function (...args) {\n      const result = originalReplaceState(...args);\n      handleLocationChange();\n      return result;\n    };\n\n    // Cleanup on unmount\n    return () => {\n      window.removeEventListener('popstate', handleLocationChange);\n      history.pushState = originalPushState;\n      history.replaceState = originalReplaceState;\n    };\n  }, []); // Empty deps - only set up listeners once\n\n  return pathname;\n}\n"]}

package/dist/hooks/usePathname.mjs

@@ -0,0 +1,83 @@
+import { useState, useEffect } from 'react';
+
+let detectedFramework = null;
+let nextNavigationModule = null;
+let nextRouterModule = null;
+function detectFramework() {
+  if (detectedFramework !== null) {
+    return detectedFramework;
+  }
+  if (typeof window === "undefined") {
+    detectedFramework = "generic";
+    return detectedFramework;
+  }
+  try {
+    nextNavigationModule = require("next/navigation");
+    if (nextNavigationModule?.usePathname) {
+      detectedFramework = "next-app";
+      return detectedFramework;
+    }
+  } catch (e) {
+  }
+  try {
+    nextRouterModule = require("next/router");
+    if (nextRouterModule?.useRouter) {
+      detectedFramework = "next-pages";
+      return detectedFramework;
+    }
+  } catch (e) {
+  }
+  detectedFramework = "generic";
+  return detectedFramework;
+}
+function usePathname() {
+  const framework = detectFramework();
+  if (framework === "next-app" && nextNavigationModule?.usePathname) {
+    return nextNavigationModule.usePathname();
+  }
+  if (framework === "next-pages" && nextRouterModule?.useRouter) {
+    const router = nextRouterModule.useRouter();
+    return router.pathname || router.asPath?.split("?")[0] || "/";
+  }
+  return useGenericPathname();
+}
+function useGenericPathname() {
+  const [pathname, setPathname] = useState(() => {
+    if (typeof window === "undefined") {
+      return "/";
+    }
+    return window.location.pathname;
+  });
+  useEffect(() => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const handleLocationChange = () => {
+      const newPathname = window.location.pathname;
+      setPathname(newPathname);
+    };
+    window.addEventListener("popstate", handleLocationChange);
+    const originalPushState = history.pushState.bind(history);
+    const originalReplaceState = history.replaceState.bind(history);
+    history.pushState = function(...args) {
+      const result = originalPushState(...args);
+      handleLocationChange();
+      return result;
+    };
+    history.replaceState = function(...args) {
+      const result = originalReplaceState(...args);
+      handleLocationChange();
+      return result;
+    };
+    return () => {
+      window.removeEventListener("popstate", handleLocationChange);
+      history.pushState = originalPushState;
+      history.replaceState = originalReplaceState;
+    };
+  }, []);
+  return pathname;
+}
+
+export { usePathname };
+//# sourceMappingURL=usePathname.mjs.map
+//# sourceMappingURL=usePathname.mjs.map

package/dist/hooks/usePathname.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/usePathname.ts"],"names":[],"mappings":"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","file":"usePathname.mjs","sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * Detect routing framework at module level (outside component)\n * This ensures we only detect once and don't violate Rules of Hooks\n */\nlet detectedFramework: 'next-app' | 'next-pages' | 'generic' | null = null;\nlet nextNavigationModule: any = null;\nlet nextRouterModule: any = null;\n\nfunction detectFramework() {\n  if (detectedFramework !== null) {\n    return detectedFramework;\n  }\n\n  // Only detect on client side\n  if (typeof window === 'undefined') {\n    detectedFramework = 'generic';\n    return detectedFramework;\n  }\n\n  // Try to detect Next.js App Router (next/navigation)\n  try {\n    // @ts-ignore - Dynamic detection\n    nextNavigationModule = require('next/navigation');\n    if (nextNavigationModule?.usePathname) {\n      detectedFramework = 'next-app';\n      return detectedFramework;\n    }\n  } catch (e) {\n    // Not available\n  }\n\n  // Try to detect Next.js Pages Router (next/router)\n  try {\n    // @ts-ignore - Dynamic detection\n    nextRouterModule = require('next/router');\n    if (nextRouterModule?.useRouter) {\n      detectedFramework = 'next-pages';\n      return detectedFramework;\n    }\n  } catch (e) {\n    // Not available\n  }\n\n  // Fallback to generic implementation\n  detectedFramework = 'generic';\n  return detectedFramework;\n}\n\n/**\n * Generic pathname hook for UI package with auto-detection support\n *\n * This hook automatically detects and uses:\n * 1. Next.js App Router (next/navigation) - if available\n * 2. Next.js Pages Router (next/router) - if available\n * 3. React Router / Vanilla React - listens to popstate/pushState/replaceState events\n *\n * ✅ Works with:\n * - Next.js 13+ (App Router)\n * - Next.js 12 (Pages Router)\n * - React Router v6\n * - React Router v5\n * - Vanilla React with any routing solution\n * - Plain React without routing\n *\n * No setup required in consumer apps - works out of the box!\n */\nexport function usePathname(): string {\n  const framework = detectFramework();\n\n  // Next.js App Router - use their hook directly\n  if (framework === 'next-app' && nextNavigationModule?.usePathname) {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    return nextNavigationModule.usePathname();\n  }\n\n  // Next.js Pages Router - use their router\n  if (framework === 'next-pages' && nextRouterModule?.useRouter) {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const router = nextRouterModule.useRouter();\n    return router.pathname || router.asPath?.split('?')[0] || '/';\n  }\n\n  // Generic implementation for React Router, vanilla React, etc.\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return useGenericPathname();\n}\n\n/**\n * Generic pathname implementation that works with any React app\n * Listens to browser navigation events to detect route changes\n */\nfunction useGenericPathname(): string {\n  const [pathname, setPathname] = useState<string>(() => {\n    if (typeof window === 'undefined') {\n      return '/';\n    }\n    return window.location.pathname;\n  });\n\n  useEffect(() => {\n    // Only run on client side\n    if (typeof window === 'undefined') {\n      return;\n    }\n\n    // Handler to update pathname when navigation occurs\n    const handleLocationChange = () => {\n      const newPathname = window.location.pathname;\n      setPathname(newPathname);\n    };\n\n    // Listen to popstate event (back/forward buttons, browser history API)\n    window.addEventListener('popstate', handleLocationChange);\n\n    // Intercept pushState and replaceState to detect programmatic navigation\n    // This is crucial for React Router and other client-side routing solutions\n    const originalPushState = history.pushState.bind(history);\n    const originalReplaceState = history.replaceState.bind(history);\n\n    history.pushState = function (...args) {\n      const result = originalPushState(...args);\n      handleLocationChange();\n      return result;\n    };\n\n    history.replaceState = function (...args) {\n      const result = originalReplaceState(...args);\n      handleLocationChange();\n      return result;\n    };\n\n    // Cleanup on unmount\n    return () => {\n      window.removeEventListener('popstate', handleLocationChange);\n      history.pushState = originalPushState;\n      history.replaceState = originalReplaceState;\n    };\n  }, []); // Empty deps - only set up listeners once\n\n  return pathname;\n}\n"]}

package/dist/icons.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var index = require('./assets/Icon/index');
+
+
+
+Object.keys(index).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return index[k]; }
+	});
+});
+//# sourceMappingURL=icons.js.map
+//# sourceMappingURL=icons.js.map

package/dist/icons.js.map

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

package/dist/icons.mjs

@@ -0,0 +1,3 @@
+export * from './assets/Icon/index';
+//# sourceMappingURL=icons.mjs.map
+//# sourceMappingURL=icons.mjs.map

package/dist/icons.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"icons.mjs","sourcesContent":[]}

package/dist/index.d.ts

@@ -56,4 +56,8 @@ export * from './hooks';
 export * from './theme';
 export * from './providers';
 export * from './icons';
+export * from './assets/Icon';
+export * from './assets/Image';
+export * from './assets/Animation';
+export * from './common/display';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AAGrC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AAGrC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AAGnC,cAAc,kBAAkB,CAAC"}