asterui 0.12.15 → 0.12.16

package/dist/index103.js

@@ -1,11 +1,18 @@
-import { useRef as t, useEffect as o } from "react";
-function f(r) {
-  const e = t(void 0);
-  return o(() => {
-    e.current = r;
-  }, [r]), e.current;
+import { useRef as s, useEffect as c } from "react";
+function m(t, n = !0) {
+  const r = s(null);
+  return c(() => {
+    if (!n) return;
+    const e = (o) => {
+      const u = r.current;
+      !u || u.contains(o.target) || t(o);
+    };
+    return document.addEventListener("mousedown", e), document.addEventListener("touchstart", e), () => {
+      document.removeEventListener("mousedown", e), document.removeEventListener("touchstart", e);
+    };
+  }, [t, n]), r;
 }
 export {
-  f as usePrevious
+  m as useClickOutside
 };
 //# sourceMappingURL=index103.js.map

package/dist/index103.js.map

@@ -1 +1 @@
-{"version":3,"file":"index103.js","sources":["../src/hooks/usePrevious.ts"],"sourcesContent":["import { useRef, useEffect } from 'react'\n\n/**\n * Hook that returns the previous value of a variable.\n * Useful for comparing current and previous values in effects.\n *\n * @param value - Current value\n * @returns Previous value (undefined on first render)\n *\n * @example\n * const [count, setCount] = useState(0)\n * const prevCount = usePrevious(count)\n *\n * // prevCount is the value from previous render\n * console.log(`Changed from ${prevCount} to ${count}`)\n */\nexport function usePrevious<T>(value: T): T | undefined {\n  const ref = useRef<T | undefined>(undefined)\n\n  useEffect(() => {\n    ref.current = value\n  }, [value])\n\n  return ref.current\n}\n"],"names":["usePrevious","value","ref","useRef","useEffect"],"mappings":";AAgBO,SAASA,EAAeC,GAAyB;AACtD,QAAMC,IAAMC,EAAsB,MAAS;AAE3C,SAAAC,EAAU,MAAM;AACd,IAAAF,EAAI,UAAUD;AAAA,EAChB,GAAG,CAACA,CAAK,CAAC,GAEHC,EAAI;AACb;"}
+{"version":3,"file":"index103.js","sources":["../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect, useRef, type RefObject } from 'react'\n\n/**\n * Hook that detects clicks outside of a referenced element.\n * Useful for closing dropdowns, modals, or menus.\n *\n * @param handler - Callback when click outside is detected\n * @param enabled - Whether the listener is active (default: true)\n * @returns Ref to attach to the element\n *\n * @example\n * const ref = useClickOutside(() => setIsOpen(false))\n *\n * <div ref={ref}>\n *   <Dropdown>...</Dropdown>\n * </div>\n */\nexport function useClickOutside<T extends HTMLElement = HTMLElement>(\n  handler: (event: MouseEvent | TouchEvent) => void,\n  enabled = true\n): RefObject<T | null> {\n  const ref = useRef<T>(null)\n\n  useEffect(() => {\n    if (!enabled) return\n\n    const listener = (event: MouseEvent | TouchEvent) => {\n      const el = ref.current\n      if (!el || el.contains(event.target as Node)) {\n        return\n      }\n      handler(event)\n    }\n\n    document.addEventListener('mousedown', listener)\n    document.addEventListener('touchstart', listener)\n\n    return () => {\n      document.removeEventListener('mousedown', listener)\n      document.removeEventListener('touchstart', listener)\n    }\n  }, [handler, enabled])\n\n  return ref\n}\n"],"names":["useClickOutside","handler","enabled","ref","useRef","useEffect","listener","event","el"],"mappings":";AAiBO,SAASA,EACdC,GACAC,IAAU,IACW;AACrB,QAAMC,IAAMC,EAAU,IAAI;AAE1B,SAAAC,EAAU,MAAM;AACd,QAAI,CAACH,EAAS;AAEd,UAAMI,IAAW,CAACC,MAAmC;AACnD,YAAMC,IAAKL,EAAI;AACf,MAAI,CAACK,KAAMA,EAAG,SAASD,EAAM,MAAc,KAG3CN,EAAQM,CAAK;AAAA,IACf;AAEA,oBAAS,iBAAiB,aAAaD,CAAQ,GAC/C,SAAS,iBAAiB,cAAcA,CAAQ,GAEzC,MAAM;AACX,eAAS,oBAAoB,aAAaA,CAAQ,GAClD,SAAS,oBAAoB,cAAcA,CAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAACL,GAASC,CAAO,CAAC,GAEdC;AACT;"}

package/dist/index104.js

@@ -1,16 +1,11 @@
-import { useState as u, useRef as v, useEffect as a } from "react";
-function f() {
-  const [o, t] = u(!1), n = v(null);
-  return a(() => {
-    const e = n.current;
-    if (!e) return;
-    const r = () => t(!0), s = () => t(!1);
-    return e.addEventListener("mouseenter", r), e.addEventListener("mouseleave", s), () => {
-      e.removeEventListener("mouseenter", r), e.removeEventListener("mouseleave", s);
-    };
-  }, []), { ref: n, isHovered: o };
+import { useRef as t, useEffect as o } from "react";
+function f(r) {
+  const e = t(void 0);
+  return o(() => {
+    e.current = r;
+  }, [r]), e.current;
 }
 export {
-  f as useHover
+  f as usePrevious
 };
 //# sourceMappingURL=index104.js.map

package/dist/index104.js.map

@@ -1 +1 @@
-{"version":3,"file":"index104.js","sources":["../src/hooks/useHover.ts"],"sourcesContent":["import { useState, useRef, useEffect, type RefObject } from 'react'\n\nexport interface UseHoverReturn<T extends HTMLElement> {\n  ref: RefObject<T | null>\n  isHovered: boolean\n}\n\n/**\n * Hook that tracks hover state of an element.\n *\n * @returns Object with ref and isHovered state\n *\n * @example\n * const { ref, isHovered } = useHover<HTMLDivElement>()\n *\n * <div ref={ref} className={isHovered ? 'bg-blue-500' : 'bg-gray-500'}>\n *   Hover me!\n * </div>\n */\nexport function useHover<T extends HTMLElement = HTMLElement>(): UseHoverReturn<T> {\n  const [isHovered, setIsHovered] = useState(false)\n  const ref = useRef<T>(null)\n\n  useEffect(() => {\n    const node = ref.current\n    if (!node) return\n\n    const handleMouseEnter = () => setIsHovered(true)\n    const handleMouseLeave = () => setIsHovered(false)\n\n    node.addEventListener('mouseenter', handleMouseEnter)\n    node.addEventListener('mouseleave', handleMouseLeave)\n\n    return () => {\n      node.removeEventListener('mouseenter', handleMouseEnter)\n      node.removeEventListener('mouseleave', handleMouseLeave)\n    }\n  }, [])\n\n  return { ref, isHovered }\n}\n"],"names":["useHover","isHovered","setIsHovered","useState","ref","useRef","useEffect","node","handleMouseEnter","handleMouseLeave"],"mappings":";AAmBO,SAASA,IAAmE;AACjF,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAMC,EAAU,IAAI;AAE1B,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAOH,EAAI;AACjB,QAAI,CAACG,EAAM;AAEX,UAAMC,IAAmB,MAAMN,EAAa,EAAI,GAC1CO,IAAmB,MAAMP,EAAa,EAAK;AAEjD,WAAAK,EAAK,iBAAiB,cAAcC,CAAgB,GACpDD,EAAK,iBAAiB,cAAcE,CAAgB,GAE7C,MAAM;AACX,MAAAF,EAAK,oBAAoB,cAAcC,CAAgB,GACvDD,EAAK,oBAAoB,cAAcE,CAAgB;AAAA,IACzD;AAAA,EACF,GAAG,CAAA,CAAE,GAEE,EAAE,KAAAL,GAAK,WAAAH,EAAA;AAChB;"}
+{"version":3,"file":"index104.js","sources":["../src/hooks/usePrevious.ts"],"sourcesContent":["import { useRef, useEffect } from 'react'\n\n/**\n * Hook that returns the previous value of a variable.\n * Useful for comparing current and previous values in effects.\n *\n * @param value - Current value\n * @returns Previous value (undefined on first render)\n *\n * @example\n * const [count, setCount] = useState(0)\n * const prevCount = usePrevious(count)\n *\n * // prevCount is the value from previous render\n * console.log(`Changed from ${prevCount} to ${count}`)\n */\nexport function usePrevious<T>(value: T): T | undefined {\n  const ref = useRef<T | undefined>(undefined)\n\n  useEffect(() => {\n    ref.current = value\n  }, [value])\n\n  return ref.current\n}\n"],"names":["usePrevious","value","ref","useRef","useEffect"],"mappings":";AAgBO,SAASA,EAAeC,GAAyB;AACtD,QAAMC,IAAMC,EAAsB,MAAS;AAE3C,SAAAC,EAAU,MAAM;AACd,IAAAF,EAAI,UAAUD;AAAA,EAChB,GAAG,CAACA,CAAK,CAAC,GAEHC,EAAI;AACb;"}

package/dist/index105.js

@@ -1,34 +1,16 @@
-import { useState as v, useCallback as i, useEffect as l } from "react";
-function c(n, f = {}) {
-  const { target: u, event: o = "keydown", preventDefault: r = !1 } = f, [a, d] = v(!1), t = i(
-    (e) => {
-      e.key === n && (r && e.preventDefault(), d(!0));
-    },
-    [n, r]
-  ), s = i(
-    (e) => {
-      e.key === n && d(!1);
-    },
-    [n]
-  );
-  return l(() => {
-    const e = u ?? window;
-    return o === "keydown" ? (e.addEventListener("keydown", t), e.addEventListener("keyup", s)) : e.addEventListener("keyup", t), () => {
-      e.removeEventListener("keydown", t), e.removeEventListener("keyup", s);
+import { useState as u, useRef as v, useEffect as a } from "react";
+function f() {
+  const [o, t] = u(!1), n = v(null);
+  return a(() => {
+    const e = n.current;
+    if (!e) return;
+    const r = () => t(!0), s = () => t(!1);
+    return e.addEventListener("mouseenter", r), e.addEventListener("mouseleave", s), () => {
+      e.removeEventListener("mouseenter", r), e.removeEventListener("mouseleave", s);
     };
-  }, [u, o, t, s]), a;
-}
-function y(n, f, u = {}) {
-  const { target: o, event: r = "keydown", preventDefault: a = !1 } = u;
-  l(() => {
-    const d = o ?? window, t = (s) => {
-      s.key === n && (a && s.preventDefault(), f(s));
-    };
-    return d.addEventListener(r, t), () => d.removeEventListener(r, t);
-  }, [o, n, f, r, a]);
+  }, []), { ref: n, isHovered: o };
 }
 export {
-  c as useKeyPress,
-  y as useKeyPressCallback
+  f as useHover
 };
 //# sourceMappingURL=index105.js.map

package/dist/index105.js.map

@@ -1 +1 @@
-{"version":3,"file":"index105.js","sources":["../src/hooks/useKeyPress.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react'\n\nexport interface UseKeyPressOptions {\n  /** Target element (default: window) */\n  target?: HTMLElement | Window | null\n  /** Event type: 'keydown' | 'keyup' (default: 'keydown') */\n  event?: 'keydown' | 'keyup'\n  /** Prevent default browser behavior */\n  preventDefault?: boolean\n}\n\n/**\n * Hook that detects when a specific key is pressed.\n *\n * @param targetKey - Key to detect (e.g., 'Enter', 'Escape', 'a')\n * @param options - Configuration options\n * @returns Whether the key is currently pressed\n *\n * @example\n * const enterPressed = useKeyPress('Enter')\n * const escapePressed = useKeyPress('Escape')\n *\n * useEffect(() => {\n *   if (escapePressed) closeModal()\n * }, [escapePressed])\n *\n * @example\n * // With callback for immediate action\n * useKeyPress('Escape', { preventDefault: true })\n */\nexport function useKeyPress(\n  targetKey: string,\n  options: UseKeyPressOptions = {}\n): boolean {\n  const { target, event = 'keydown', preventDefault = false } = options\n  const [keyPressed, setKeyPressed] = useState(false)\n\n  const downHandler = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === targetKey) {\n        if (preventDefault) e.preventDefault()\n        setKeyPressed(true)\n      }\n    },\n    [targetKey, preventDefault]\n  )\n\n  const upHandler = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === targetKey) {\n        setKeyPressed(false)\n      }\n    },\n    [targetKey]\n  )\n\n  useEffect(() => {\n    const targetElement = target ?? window\n\n    if (event === 'keydown') {\n      targetElement.addEventListener('keydown', downHandler as EventListener)\n      targetElement.addEventListener('keyup', upHandler as EventListener)\n    } else {\n      targetElement.addEventListener('keyup', downHandler as EventListener)\n    }\n\n    return () => {\n      targetElement.removeEventListener('keydown', downHandler as EventListener)\n      targetElement.removeEventListener('keyup', upHandler as EventListener)\n    }\n  }, [target, event, downHandler, upHandler])\n\n  return keyPressed\n}\n\n/**\n * Hook that calls a callback when a specific key is pressed.\n *\n * @param targetKey - Key to detect\n * @param callback - Function to call when key is pressed\n * @param options - Configuration options\n *\n * @example\n * useKeyPressCallback('Escape', () => closeModal())\n * useKeyPressCallback('Enter', () => submitForm(), { preventDefault: true })\n */\nexport function useKeyPressCallback(\n  targetKey: string,\n  callback: (event: KeyboardEvent) => void,\n  options: UseKeyPressOptions = {}\n): void {\n  const { target, event = 'keydown', preventDefault = false } = options\n\n  useEffect(() => {\n    const targetElement = target ?? window\n\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === targetKey) {\n        if (preventDefault) e.preventDefault()\n        callback(e)\n      }\n    }\n\n    targetElement.addEventListener(event, handler as EventListener)\n    return () => targetElement.removeEventListener(event, handler as EventListener)\n  }, [target, targetKey, callback, event, preventDefault])\n}\n"],"names":["useKeyPress","targetKey","options","target","event","preventDefault","keyPressed","setKeyPressed","useState","downHandler","useCallback","upHandler","useEffect","targetElement","useKeyPressCallback","callback","handler","e"],"mappings":";AA8BO,SAASA,EACdC,GACAC,IAA8B,IACrB;AACT,QAAM,EAAE,QAAAC,GAAQ,OAAAC,IAAQ,WAAW,gBAAAC,IAAiB,OAAUH,GACxD,CAACI,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAE5CC,IAAcC;AAAA,IAClB,CAAC,MAAqB;AACpB,MAAI,EAAE,QAAQT,MACRI,OAAkB,eAAA,GACtBE,EAAc,EAAI;AAAA,IAEtB;AAAA,IACA,CAACN,GAAWI,CAAc;AAAA,EAAA,GAGtBM,IAAYD;AAAA,IAChB,CAAC,MAAqB;AACpB,MAAI,EAAE,QAAQT,KACZM,EAAc,EAAK;AAAA,IAEvB;AAAA,IACA,CAACN,CAAS;AAAA,EAAA;AAGZ,SAAAW,EAAU,MAAM;AACd,UAAMC,IAAgBV,KAAU;AAEhC,WAAIC,MAAU,aACZS,EAAc,iBAAiB,WAAWJ,CAA4B,GACtEI,EAAc,iBAAiB,SAASF,CAA0B,KAElEE,EAAc,iBAAiB,SAASJ,CAA4B,GAG/D,MAAM;AACX,MAAAI,EAAc,oBAAoB,WAAWJ,CAA4B,GACzEI,EAAc,oBAAoB,SAASF,CAA0B;AAAA,IACvE;AAAA,EACF,GAAG,CAACR,GAAQC,GAAOK,GAAaE,CAAS,CAAC,GAEnCL;AACT;AAaO,SAASQ,EACdb,GACAc,GACAb,IAA8B,CAAA,GACxB;AACN,QAAM,EAAE,QAAAC,GAAQ,OAAAC,IAAQ,WAAW,gBAAAC,IAAiB,OAAUH;AAE9D,EAAAU,EAAU,MAAM;AACd,UAAMC,IAAgBV,KAAU,QAE1Ba,IAAU,CAACC,MAAqB;AACpC,MAAIA,EAAE,QAAQhB,MACRI,OAAkB,eAAA,GACtBU,EAASE,CAAC;AAAA,IAEd;AAEA,WAAAJ,EAAc,iBAAiBT,GAAOY,CAAwB,GACvD,MAAMH,EAAc,oBAAoBT,GAAOY,CAAwB;AAAA,EAChF,GAAG,CAACb,GAAQF,GAAWc,GAAUX,GAAOC,CAAc,CAAC;AACzD;"}
+{"version":3,"file":"index105.js","sources":["../src/hooks/useHover.ts"],"sourcesContent":["import { useState, useRef, useEffect, type RefObject } from 'react'\n\nexport interface UseHoverReturn<T extends HTMLElement> {\n  ref: RefObject<T | null>\n  isHovered: boolean\n}\n\n/**\n * Hook that tracks hover state of an element.\n *\n * @returns Object with ref and isHovered state\n *\n * @example\n * const { ref, isHovered } = useHover<HTMLDivElement>()\n *\n * <div ref={ref} className={isHovered ? 'bg-blue-500' : 'bg-gray-500'}>\n *   Hover me!\n * </div>\n */\nexport function useHover<T extends HTMLElement = HTMLElement>(): UseHoverReturn<T> {\n  const [isHovered, setIsHovered] = useState(false)\n  const ref = useRef<T>(null)\n\n  useEffect(() => {\n    const node = ref.current\n    if (!node) return\n\n    const handleMouseEnter = () => setIsHovered(true)\n    const handleMouseLeave = () => setIsHovered(false)\n\n    node.addEventListener('mouseenter', handleMouseEnter)\n    node.addEventListener('mouseleave', handleMouseLeave)\n\n    return () => {\n      node.removeEventListener('mouseenter', handleMouseEnter)\n      node.removeEventListener('mouseleave', handleMouseLeave)\n    }\n  }, [])\n\n  return { ref, isHovered }\n}\n"],"names":["useHover","isHovered","setIsHovered","useState","ref","useRef","useEffect","node","handleMouseEnter","handleMouseLeave"],"mappings":";AAmBO,SAASA,IAAmE;AACjF,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAMC,EAAU,IAAI;AAE1B,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAOH,EAAI;AACjB,QAAI,CAACG,EAAM;AAEX,UAAMC,IAAmB,MAAMN,EAAa,EAAI,GAC1CO,IAAmB,MAAMP,EAAa,EAAK;AAEjD,WAAAK,EAAK,iBAAiB,cAAcC,CAAgB,GACpDD,EAAK,iBAAiB,cAAcE,CAAgB,GAE7C,MAAM;AACX,MAAAF,EAAK,oBAAoB,cAAcC,CAAgB,GACvDD,EAAK,oBAAoB,cAAcE,CAAgB;AAAA,IACzD;AAAA,EACF,GAAG,CAAA,CAAE,GAEE,EAAE,KAAAL,GAAK,WAAAH,EAAA;AAChB;"}

package/dist/index106.js

@@ -1,21 +1,34 @@
-import { useState as t, useEffect as d } from "react";
-function r() {
-  const [i, n] = t(() => typeof window > "u" ? { width: 0, height: 0 } : {
-    width: window.innerWidth,
-    height: window.innerHeight
-  });
-  return d(() => {
-    if (typeof window > "u") return;
-    const e = () => {
-      n({
-        width: window.innerWidth,
-        height: window.innerHeight
-      });
+import { useState as v, useCallback as i, useEffect as l } from "react";
+function c(n, f = {}) {
+  const { target: u, event: o = "keydown", preventDefault: r = !1 } = f, [a, d] = v(!1), t = i(
+    (e) => {
+      e.key === n && (r && e.preventDefault(), d(!0));
+    },
+    [n, r]
+  ), s = i(
+    (e) => {
+      e.key === n && d(!1);
+    },
+    [n]
+  );
+  return l(() => {
+    const e = u ?? window;
+    return o === "keydown" ? (e.addEventListener("keydown", t), e.addEventListener("keyup", s)) : e.addEventListener("keyup", t), () => {
+      e.removeEventListener("keydown", t), e.removeEventListener("keyup", s);
     };
-    return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-  }, []), i;
+  }, [u, o, t, s]), a;
+}
+function y(n, f, u = {}) {
+  const { target: o, event: r = "keydown", preventDefault: a = !1 } = u;
+  l(() => {
+    const d = o ?? window, t = (s) => {
+      s.key === n && (a && s.preventDefault(), f(s));
+    };
+    return d.addEventListener(r, t), () => d.removeEventListener(r, t);
+  }, [o, n, f, r, a]);
 }
 export {
-  r as useWindowSize
+  c as useKeyPress,
+  y as useKeyPressCallback
 };
 //# sourceMappingURL=index106.js.map

package/dist/index106.js.map

@@ -1 +1 @@
-{"version":3,"file":"index106.js","sources":["../src/hooks/useWindowSize.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\n\nexport interface WindowSize {\n  width: number\n  height: number\n}\n\n/**\n * Hook that tracks window dimensions.\n * Updates on window resize.\n *\n * @returns Object with current width and height\n *\n * @example\n * const { width, height } = useWindowSize()\n *\n * return (\n *   <div>\n *     Window: {width} x {height}\n *     {width < 768 && <MobileNav />}\n *   </div>\n * )\n */\nexport function useWindowSize(): WindowSize {\n  const [windowSize, setWindowSize] = useState<WindowSize>(() => {\n    if (typeof window === 'undefined') {\n      return { width: 0, height: 0 }\n    }\n    return {\n      width: window.innerWidth,\n      height: window.innerHeight,\n    }\n  })\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return\n\n    const handleResize = () => {\n      setWindowSize({\n        width: window.innerWidth,\n        height: window.innerHeight,\n      })\n    }\n\n    window.addEventListener('resize', handleResize)\n    return () => window.removeEventListener('resize', handleResize)\n  }, [])\n\n  return windowSize\n}\n"],"names":["useWindowSize","windowSize","setWindowSize","useState","useEffect","handleResize"],"mappings":";AAuBO,SAASA,IAA4B;AAC1C,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAqB,MACnD,OAAO,SAAW,MACb,EAAE,OAAO,GAAG,QAAQ,EAAA,IAEtB;AAAA,IACL,OAAO,OAAO;AAAA,IACd,QAAQ,OAAO;AAAA,EAAA,CAElB;AAED,SAAAC,EAAU,MAAM;AACd,QAAI,OAAO,SAAW,IAAa;AAEnC,UAAMC,IAAe,MAAM;AACzB,MAAAH,EAAc;AAAA,QACZ,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,MAAA,CAChB;AAAA,IACH;AAEA,kBAAO,iBAAiB,UAAUG,CAAY,GACvC,MAAM,OAAO,oBAAoB,UAAUA,CAAY;AAAA,EAChE,GAAG,CAAA,CAAE,GAEEJ;AACT;"}
+{"version":3,"file":"index106.js","sources":["../src/hooks/useKeyPress.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react'\n\nexport interface UseKeyPressOptions {\n  /** Target element (default: window) */\n  target?: HTMLElement | Window | null\n  /** Event type: 'keydown' | 'keyup' (default: 'keydown') */\n  event?: 'keydown' | 'keyup'\n  /** Prevent default browser behavior */\n  preventDefault?: boolean\n}\n\n/**\n * Hook that detects when a specific key is pressed.\n *\n * @param targetKey - Key to detect (e.g., 'Enter', 'Escape', 'a')\n * @param options - Configuration options\n * @returns Whether the key is currently pressed\n *\n * @example\n * const enterPressed = useKeyPress('Enter')\n * const escapePressed = useKeyPress('Escape')\n *\n * useEffect(() => {\n *   if (escapePressed) closeModal()\n * }, [escapePressed])\n *\n * @example\n * // With callback for immediate action\n * useKeyPress('Escape', { preventDefault: true })\n */\nexport function useKeyPress(\n  targetKey: string,\n  options: UseKeyPressOptions = {}\n): boolean {\n  const { target, event = 'keydown', preventDefault = false } = options\n  const [keyPressed, setKeyPressed] = useState(false)\n\n  const downHandler = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === targetKey) {\n        if (preventDefault) e.preventDefault()\n        setKeyPressed(true)\n      }\n    },\n    [targetKey, preventDefault]\n  )\n\n  const upHandler = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === targetKey) {\n        setKeyPressed(false)\n      }\n    },\n    [targetKey]\n  )\n\n  useEffect(() => {\n    const targetElement = target ?? window\n\n    if (event === 'keydown') {\n      targetElement.addEventListener('keydown', downHandler as EventListener)\n      targetElement.addEventListener('keyup', upHandler as EventListener)\n    } else {\n      targetElement.addEventListener('keyup', downHandler as EventListener)\n    }\n\n    return () => {\n      targetElement.removeEventListener('keydown', downHandler as EventListener)\n      targetElement.removeEventListener('keyup', upHandler as EventListener)\n    }\n  }, [target, event, downHandler, upHandler])\n\n  return keyPressed\n}\n\n/**\n * Hook that calls a callback when a specific key is pressed.\n *\n * @param targetKey - Key to detect\n * @param callback - Function to call when key is pressed\n * @param options - Configuration options\n *\n * @example\n * useKeyPressCallback('Escape', () => closeModal())\n * useKeyPressCallback('Enter', () => submitForm(), { preventDefault: true })\n */\nexport function useKeyPressCallback(\n  targetKey: string,\n  callback: (event: KeyboardEvent) => void,\n  options: UseKeyPressOptions = {}\n): void {\n  const { target, event = 'keydown', preventDefault = false } = options\n\n  useEffect(() => {\n    const targetElement = target ?? window\n\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === targetKey) {\n        if (preventDefault) e.preventDefault()\n        callback(e)\n      }\n    }\n\n    targetElement.addEventListener(event, handler as EventListener)\n    return () => targetElement.removeEventListener(event, handler as EventListener)\n  }, [target, targetKey, callback, event, preventDefault])\n}\n"],"names":["useKeyPress","targetKey","options","target","event","preventDefault","keyPressed","setKeyPressed","useState","downHandler","useCallback","upHandler","useEffect","targetElement","useKeyPressCallback","callback","handler","e"],"mappings":";AA8BO,SAASA,EACdC,GACAC,IAA8B,IACrB;AACT,QAAM,EAAE,QAAAC,GAAQ,OAAAC,IAAQ,WAAW,gBAAAC,IAAiB,OAAUH,GACxD,CAACI,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAE5CC,IAAcC;AAAA,IAClB,CAAC,MAAqB;AACpB,MAAI,EAAE,QAAQT,MACRI,OAAkB,eAAA,GACtBE,EAAc,EAAI;AAAA,IAEtB;AAAA,IACA,CAACN,GAAWI,CAAc;AAAA,EAAA,GAGtBM,IAAYD;AAAA,IAChB,CAAC,MAAqB;AACpB,MAAI,EAAE,QAAQT,KACZM,EAAc,EAAK;AAAA,IAEvB;AAAA,IACA,CAACN,CAAS;AAAA,EAAA;AAGZ,SAAAW,EAAU,MAAM;AACd,UAAMC,IAAgBV,KAAU;AAEhC,WAAIC,MAAU,aACZS,EAAc,iBAAiB,WAAWJ,CAA4B,GACtEI,EAAc,iBAAiB,SAASF,CAA0B,KAElEE,EAAc,iBAAiB,SAASJ,CAA4B,GAG/D,MAAM;AACX,MAAAI,EAAc,oBAAoB,WAAWJ,CAA4B,GACzEI,EAAc,oBAAoB,SAASF,CAA0B;AAAA,IACvE;AAAA,EACF,GAAG,CAACR,GAAQC,GAAOK,GAAaE,CAAS,CAAC,GAEnCL;AACT;AAaO,SAASQ,EACdb,GACAc,GACAb,IAA8B,CAAA,GACxB;AACN,QAAM,EAAE,QAAAC,GAAQ,OAAAC,IAAQ,WAAW,gBAAAC,IAAiB,OAAUH;AAE9D,EAAAU,EAAU,MAAM;AACd,UAAMC,IAAgBV,KAAU,QAE1Ba,IAAU,CAACC,MAAqB;AACpC,MAAIA,EAAE,QAAQhB,MACRI,OAAkB,eAAA,GACtBU,EAASE,CAAC;AAAA,IAEd;AAEA,WAAAJ,EAAc,iBAAiBT,GAAOY,CAAwB,GACvD,MAAMH,EAAc,oBAAoBT,GAAOY,CAAwB;AAAA,EAChF,GAAG,CAACb,GAAQF,GAAWc,GAAUX,GAAOC,CAAc,CAAC;AACzD;"}

package/dist/index107.js

@@ -0,0 +1,21 @@
+import { useState as t, useEffect as d } from "react";
+function r() {
+  const [i, n] = t(() => typeof window > "u" ? { width: 0, height: 0 } : {
+    width: window.innerWidth,
+    height: window.innerHeight
+  });
+  return d(() => {
+    if (typeof window > "u") return;
+    const e = () => {
+      n({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    };
+    return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+  }, []), i;
+}
+export {
+  r as useWindowSize
+};
+//# sourceMappingURL=index107.js.map

package/dist/index107.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index107.js","sources":["../src/hooks/useWindowSize.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\n\nexport interface WindowSize {\n  width: number\n  height: number\n}\n\n/**\n * Hook that tracks window dimensions.\n * Updates on window resize.\n *\n * @returns Object with current width and height\n *\n * @example\n * const { width, height } = useWindowSize()\n *\n * return (\n *   <div>\n *     Window: {width} x {height}\n *     {width < 768 && <MobileNav />}\n *   </div>\n * )\n */\nexport function useWindowSize(): WindowSize {\n  const [windowSize, setWindowSize] = useState<WindowSize>(() => {\n    if (typeof window === 'undefined') {\n      return { width: 0, height: 0 }\n    }\n    return {\n      width: window.innerWidth,\n      height: window.innerHeight,\n    }\n  })\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return\n\n    const handleResize = () => {\n      setWindowSize({\n        width: window.innerWidth,\n        height: window.innerHeight,\n      })\n    }\n\n    window.addEventListener('resize', handleResize)\n    return () => window.removeEventListener('resize', handleResize)\n  }, [])\n\n  return windowSize\n}\n"],"names":["useWindowSize","windowSize","setWindowSize","useState","useEffect","handleResize"],"mappings":";AAuBO,SAASA,IAA4B;AAC1C,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAqB,MACnD,OAAO,SAAW,MACb,EAAE,OAAO,GAAG,QAAQ,EAAA,IAEtB;AAAA,IACL,OAAO,OAAO;AAAA,IACd,QAAQ,OAAO;AAAA,EAAA,CAElB;AAED,SAAAC,EAAU,MAAM;AACd,QAAI,OAAO,SAAW,IAAa;AAEnC,UAAMC,IAAe,MAAM;AACzB,MAAAH,EAAc;AAAA,QACZ,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,MAAA,CAChB;AAAA,IACH;AAEA,kBAAO,iBAAiB,UAAUG,CAAY,GACvC,MAAM,OAAO,oBAAoB,UAAUA,CAAY;AAAA,EAChE,GAAG,CAAA,CAAE,GAEEJ;AACT;"}

package/dist/index21.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as n } from "react/jsx-runtime";
 import { useState as h, useRef as j, useEffect as y } from "react";
-import { Input as T } from "./index41.js";
+import { Input as T } from "./index42.js";
 const $ = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], I = [
   "January",
   "February",

package/dist/index37.js

@@ -1,125 +1,20 @@
-import { jsxs as u, Fragment as M, jsx as e } from "react/jsx-runtime";
-import { useState as a, useEffect as P } from "react";
-const I = ({
-  src: s,
-  alt: f = "",
-  fallback: i,
-  placeholder: h,
-  preview: p = !0,
-  width: n,
-  height: o,
-  className: g = "",
-  onLoad: k,
-  onError: y,
-  ...C
+import { jsx as e } from "react/jsx-runtime";
+const i = ({
+  images: l,
+  alts: m = [],
+  className: a = ""
 }) => {
-  const [r, l] = a(!0), [c, m] = a(!1), [L, b] = a(!1), [N, v] = a(s);
-  P(() => {
-    l(!0), m(!1), v(s);
-  }, [s]);
-  const j = () => {
-    l(!1), m(!1), k?.();
-  }, w = () => {
-    l(!1), m(!0), i && v(i), y?.();
-  }, S = () => {
-    p && !c && !r && b(!0);
-  }, x = () => {
-    b(!1);
-  }, d = () => {
-    const t = {};
-    return n && (t.width = typeof n == "number" ? `${n}px` : n), o && (t.height = typeof o == "number" ? `${o}px` : o), t;
-  }, E = [
-    g,
-    p && !c && !r ? "cursor-pointer hover:opacity-80 transition-opacity" : ""
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ u(M, { children: [
-    /* @__PURE__ */ u("div", { className: "relative inline-block", style: d(), children: [
-      r && h && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-base-200", children: h }),
-      /* @__PURE__ */ e(
-        "img",
-        {
-          ...C,
-          src: N,
-          alt: f,
-          className: E,
-          style: { ...d(), display: r ? "none" : "block" },
-          onLoad: j,
-          onError: w,
-          onClick: S
-        }
-      ),
-      c && !i && /* @__PURE__ */ e(
-        "div",
-        {
-          className: "flex items-center justify-center bg-base-200 text-base-content/50",
-          style: d(),
-          children: /* @__PURE__ */ e(
-            "svg",
-            {
-              className: "w-12 h-12",
-              fill: "none",
-              stroke: "currentColor",
-              viewBox: "0 0 24 24",
-              children: /* @__PURE__ */ e(
-                "path",
-                {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: 2,
-                  d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
-                }
-              )
-            }
-          )
-        }
-      )
-    ] }),
-    L && /* @__PURE__ */ e(
-      "div",
-      {
-        className: "fixed inset-0 z-50 bg-black bg-opacity-80 flex items-center justify-center p-4",
-        onClick: x,
-        children: /* @__PURE__ */ u("div", { className: "relative max-w-full max-h-full", children: [
-          /* @__PURE__ */ e(
-            "button",
-            {
-              className: "absolute top-4 right-4 btn btn-circle btn-sm",
-              onClick: x,
-              children: /* @__PURE__ */ e(
-                "svg",
-                {
-                  className: "w-6 h-6",
-                  fill: "none",
-                  stroke: "currentColor",
-                  viewBox: "0 0 24 24",
-                  children: /* @__PURE__ */ e(
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      strokeWidth: 2,
-                      d: "M6 18L18 6M6 6l12 12"
-                    }
-                  )
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e(
-            "img",
-            {
-              src: s,
-              alt: f,
-              className: "max-w-full max-h-[90vh] object-contain",
-              onClick: (t) => t.stopPropagation()
-            }
-          )
-        ] })
-      }
-    )
-  ] });
+  const t = l.slice(0, 10);
+  return /* @__PURE__ */ e("figure", { className: `hover-gallery ${a}`.trim(), children: t.map((o, r) => /* @__PURE__ */ e(
+    "img",
+    {
+      src: o,
+      alt: m[r] || `Image ${r + 1}`
+    },
+    r
+  )) });
 };
 export {
-  I as Image
+  i as HoverGallery
 };
 //# sourceMappingURL=index37.js.map

package/dist/index37.js.map

@@ -1 +1 @@
-{"version":3,"file":"index37.js","sources":["../src/components/Image.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react'\n\nexport interface ImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'placeholder'> {\n  src: string\n  alt?: string\n  fallback?: string\n  placeholder?: React.ReactNode\n  preview?: boolean\n  width?: string | number\n  height?: string | number\n  className?: string\n  onLoad?: () => void\n  onError?: () => void\n}\n\nexport const Image: React.FC<ImageProps> = ({\n  src,\n  alt = '',\n  fallback,\n  placeholder,\n  preview = true,\n  width,\n  height,\n  className = '',\n  onLoad,\n  onError,\n  ...props\n}) => {\n  const [loading, setLoading] = useState(true)\n  const [error, setError] = useState(false)\n  const [showPreview, setShowPreview] = useState(false)\n  const [currentSrc, setCurrentSrc] = useState(src)\n\n  useEffect(() => {\n    setLoading(true)\n    setError(false)\n    setCurrentSrc(src)\n  }, [src])\n\n  const handleLoad = () => {\n    setLoading(false)\n    setError(false)\n    onLoad?.()\n  }\n\n  const handleError = () => {\n    setLoading(false)\n    setError(true)\n    if (fallback) {\n      setCurrentSrc(fallback)\n    }\n    onError?.()\n  }\n\n  const handleImageClick = () => {\n    if (preview && !error && !loading) {\n      setShowPreview(true)\n    }\n  }\n\n  const handleClosePreview = () => {\n    setShowPreview(false)\n  }\n\n  const getStyle = (): React.CSSProperties => {\n    const style: React.CSSProperties = {}\n    if (width) {\n      style.width = typeof width === 'number' ? `${width}px` : width\n    }\n    if (height) {\n      style.height = typeof height === 'number' ? `${height}px` : height\n    }\n    return style\n  }\n\n  const imageClasses = [\n    className,\n    preview && !error && !loading ? 'cursor-pointer hover:opacity-80 transition-opacity' : '',\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <>\n      <div className=\"relative inline-block\" style={getStyle()}>\n        {loading && placeholder && (\n          <div className=\"absolute inset-0 flex items-center justify-center bg-base-200\">\n            {placeholder}\n          </div>\n        )}\n        <img\n          {...props}\n          src={currentSrc}\n          alt={alt}\n          className={imageClasses}\n          style={{ ...getStyle(), display: loading ? 'none' : 'block' }}\n          onLoad={handleLoad}\n          onError={handleError}\n          onClick={handleImageClick}\n        />\n        {error && !fallback && (\n          <div\n            className=\"flex items-center justify-center bg-base-200 text-base-content/50\"\n            style={getStyle()}\n          >\n            <svg\n              className=\"w-12 h-12\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              viewBox=\"0 0 24 24\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\"\n              />\n            </svg>\n          </div>\n        )}\n      </div>\n\n      {showPreview && (\n        <div\n          className=\"fixed inset-0 z-50 bg-black bg-opacity-80 flex items-center justify-center p-4\"\n          onClick={handleClosePreview}\n        >\n          <div className=\"relative max-w-full max-h-full\">\n            <button\n              className=\"absolute top-4 right-4 btn btn-circle btn-sm\"\n              onClick={handleClosePreview}\n            >\n              <svg\n                className=\"w-6 h-6\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M6 18L18 6M6 6l12 12\"\n                />\n              </svg>\n            </button>\n            <img\n              src={src}\n              alt={alt}\n              className=\"max-w-full max-h-[90vh] object-contain\"\n              onClick={(e) => e.stopPropagation()}\n            />\n          </div>\n        </div>\n      )}\n    </>\n  )\n}\n"],"names":["Image","src","alt","fallback","placeholder","preview","width","height","className","onLoad","onError","props","loading","setLoading","useState","error","setError","showPreview","setShowPreview","currentSrc","setCurrentSrc","useEffect","handleLoad","handleError","handleImageClick","handleClosePreview","getStyle","style","imageClasses","jsxs","Fragment","jsx","e"],"mappings":"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"}
+{"version":3,"file":"index37.js","sources":["../src/components/HoverGallery.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface HoverGalleryProps {\n  /** Image sources (2-10 images) */\n  images: string[]\n  /** Alt text for images (optional, uses index if not provided) */\n  alts?: string[]\n  /** Additional CSS classes */\n  className?: string\n}\n\nexport const HoverGallery: React.FC<HoverGalleryProps> = ({\n  images,\n  alts = [],\n  className = '',\n}) => {\n  // DaisyUI supports up to 10 images\n  const limitedImages = images.slice(0, 10)\n\n  return (\n    <figure className={`hover-gallery ${className}`.trim()}>\n      {limitedImages.map((src, index) => (\n        <img\n          key={index}\n          src={src}\n          alt={alts[index] || `Image ${index + 1}`}\n        />\n      ))}\n    </figure>\n  )\n}\n"],"names":["HoverGallery","images","alts","className","limitedImages","jsx","src","index"],"mappings":";AAWO,MAAMA,IAA4C,CAAC;AAAA,EACxD,QAAAC;AAAA,EACA,MAAAC,IAAO,CAAA;AAAA,EACP,WAAAC,IAAY;AACd,MAAM;AAEJ,QAAMC,IAAgBH,EAAO,MAAM,GAAG,EAAE;AAExC,SACE,gBAAAI,EAAC,UAAA,EAAO,WAAW,iBAAiBF,CAAS,GAAG,KAAA,GAC7C,UAAAC,EAAc,IAAI,CAACE,GAAKC,MACvB,gBAAAF;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,KAAAC;AAAA,MACA,KAAKJ,EAAKK,CAAK,KAAK,SAASA,IAAQ,CAAC;AAAA,IAAA;AAAA,IAFjCA;AAAA,EAAA,CAIR,GACH;AAEJ;"}

package/dist/index38.js

@@ -1,43 +1,125 @@
-import { jsxs as p, jsx as m } from "react/jsx-runtime";
-import b from "react";
-const j = ({
-  position: r = "top-end",
-  children: s,
-  className: c = "",
-  ...o
+import { jsxs as u, Fragment as M, jsx as e } from "react/jsx-runtime";
+import { useState as a, useEffect as P } from "react";
+const I = ({
+  src: s,
+  alt: f = "",
+  fallback: i,
+  placeholder: h,
+  preview: p = !0,
+  width: n,
+  height: o,
+  className: g = "",
+  onLoad: k,
+  onError: y,
+  ...C
 }) => {
-  const n = (d) => {
-    const [l, h] = d.split("-"), t = [];
-    switch (l) {
-      case "top":
-        t.push("indicator-top");
-        break;
-      case "middle":
-        t.push("indicator-middle");
-        break;
-      case "bottom":
-        t.push("indicator-bottom");
-        break;
-    }
-    switch (h) {
-      case "start":
-        t.push("indicator-start");
-        break;
-      case "center":
-        t.push("indicator-center");
-        break;
-      case "end":
-        t.push("indicator-end");
-        break;
-    }
-    return t.join(" ");
-  }, e = b.Children.toArray(s), a = e[0], i = e[1];
-  return /* @__PURE__ */ p("div", { className: `indicator inline-block ${c}`, ...o, children: [
-    i && /* @__PURE__ */ m("div", { className: `indicator-item ${n(r)}`, children: i }),
-    a
+  const [r, l] = a(!0), [c, m] = a(!1), [L, b] = a(!1), [N, v] = a(s);
+  P(() => {
+    l(!0), m(!1), v(s);
+  }, [s]);
+  const j = () => {
+    l(!1), m(!1), k?.();
+  }, w = () => {
+    l(!1), m(!0), i && v(i), y?.();
+  }, S = () => {
+    p && !c && !r && b(!0);
+  }, x = () => {
+    b(!1);
+  }, d = () => {
+    const t = {};
+    return n && (t.width = typeof n == "number" ? `${n}px` : n), o && (t.height = typeof o == "number" ? `${o}px` : o), t;
+  }, E = [
+    g,
+    p && !c && !r ? "cursor-pointer hover:opacity-80 transition-opacity" : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ u(M, { children: [
+    /* @__PURE__ */ u("div", { className: "relative inline-block", style: d(), children: [
+      r && h && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-base-200", children: h }),
+      /* @__PURE__ */ e(
+        "img",
+        {
+          ...C,
+          src: N,
+          alt: f,
+          className: E,
+          style: { ...d(), display: r ? "none" : "block" },
+          onLoad: j,
+          onError: w,
+          onClick: S
+        }
+      ),
+      c && !i && /* @__PURE__ */ e(
+        "div",
+        {
+          className: "flex items-center justify-center bg-base-200 text-base-content/50",
+          style: d(),
+          children: /* @__PURE__ */ e(
+            "svg",
+            {
+              className: "w-12 h-12",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ e(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
+                }
+              )
+            }
+          )
+        }
+      )
+    ] }),
+    L && /* @__PURE__ */ e(
+      "div",
+      {
+        className: "fixed inset-0 z-50 bg-black bg-opacity-80 flex items-center justify-center p-4",
+        onClick: x,
+        children: /* @__PURE__ */ u("div", { className: "relative max-w-full max-h-full", children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: "absolute top-4 right-4 btn btn-circle btn-sm",
+              onClick: x,
+              children: /* @__PURE__ */ e(
+                "svg",
+                {
+                  className: "w-6 h-6",
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  children: /* @__PURE__ */ e(
+                    "path",
+                    {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      strokeWidth: 2,
+                      d: "M6 18L18 6M6 6l12 12"
+                    }
+                  )
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e(
+            "img",
+            {
+              src: s,
+              alt: f,
+              className: "max-w-full max-h-[90vh] object-contain",
+              onClick: (t) => t.stopPropagation()
+            }
+          )
+        ] })
+      }
+    )
   ] });
 };
 export {
-  j as Indicator
+  I as Image
 };
 //# sourceMappingURL=index38.js.map