npm - @rio-cloud/rio-uikit - Versions diffs - 2.2.0 → 2.3.0-beta.1 - Mend

@rio-cloud/rio-uikit 2.2.0 → 2.3.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (412) hide show

package/components/virtualList/VirtualList.js CHANGED Viewed

@@ -19,7 +19,10 @@ const J = (S) => {
     visibleRange: { start: 0, end: 10 },
     scrollTop: 0,
     viewportHeight: 0
-  }), b = H(null), R = H(null), C = H(-1), u = m(() => d?.current || b.current, [d]), n = m(
+  }), b = H(null), R = H(null), C = H(-1), g = m(
+    () => d?.current || b.current,
+    [d]
+  ), n = m(
     (e) => !Number.isNaN(e) && e > 0 ? e : l,
     [l]
   ), M = m(
@@ -36,23 +39,23 @@ const J = (S) => {
     const e = Object.values(r.itemHeights).reduce((a, o) => a + n(o), 0), t = Object.keys(r.itemHeights).length, s = t > 0 ? n(e / t) : l, i = c.length - t;
     return n(e + i * s);
   }, [c.length, r.itemHeights, n, l]), N = m(() => {
-    const e = u();
+    const e = g();
     if (!e)
       return r.visibleRange;
     const t = e.clientHeight, s = e.scrollTop;
     let i = 0, a = 0;
     for (; i < c.length; ) {
-      const g = n(r.itemHeights[i] ?? l);
-      if (a + g > s - h * g)
+      const u = n(r.itemHeights[i] ?? l);
+      if (a + u > s - h * u)
         break;
-      a += g, i++;
+      a += u, i++;
     }
     let o = i;
     for (; o < c.length; ) {
-      const g = n(r.itemHeights[o] ?? l);
-      if (a > s + t + h * g)
+      const u = n(r.itemHeights[o] ?? l);
+      if (a > s + t + h * u)
         break;
-      a += g, o++;
+      a += u, o++;
     }
     return {
       start: Math.max(0, i - h),
@@ -65,7 +68,7 @@ const J = (S) => {
     r.visibleRange,
     n,
     l,
-    u
+    g
   ]), W = m(
     (e, t) => {
       const s = t.getBoundingClientRect(), i = window.getComputedStyle(t), a = n(
@@ -80,7 +83,7 @@ const J = (S) => {
   );
   x(R, W, [r.visibleRange]);
   const f = m(() => {
-    const e = u();
+    const e = g();
     if (!e)
       return;
     const t = N();
@@ -90,12 +93,12 @@ const J = (S) => {
       scrollTop: e.scrollTop,
       viewportHeight: e.clientHeight
     }));
-  }, [N, u]);
+  }, [N, g]);
   B(() => {
-    const e = u();
+    const e = g();
     if (e)
       return e.addEventListener("scroll", f, { passive: !0 }), () => e.removeEventListener("scroll", f);
-  }, [f, u]), $(f);
+  }, [f, g]), $(f);
   const j = (e, t) => {
     const s = y(e, t), i = M(t);
     return /* @__PURE__ */ p(

package/components/virtualList/VirtualList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VirtualList.js","sources":["../../../src/components/virtualList/VirtualList.tsx"],"sourcesContent":["import type React from 'react';\nimport { useRef, useState, useEffect, useCallback } from 'react';\n\nimport VirtualListItemWrapper from './VirtualListItemWrapper';\nimport useWindowResize from '../../hooks/useWindowResize';\nimport useVirtualListResizeObserver from './useVirtualListResizeObserver';\n\n// Known issues:\n// ------------\n// - when dragging the scrollbar, the mouse pointer will get an offset the longer the list is.\n// Having a short list of like 100 items, the offset is less noticeable\n\nexport type VirtualListProps<T> = {\n /*\n The array of items to be rendered in the list.\n /\n items: T[];\n\n /\n A function that renders an item given its data and index.\n \n @param item\n * @param index\n * @returns\n /\n renderItem: (item: T, index: number) => React.ReactElement;\n\n /\n The number of items to render outside the visible area for smoother scrolling.\n \n @default 3\n /\n overscanCount?: number;\n\n /\n The default height for items if their height cannot be determined.\n \n @default 50\n /\n defaultHeight?: number;\n\n /\n Optional ref to an external scroll container.\n * Use this when VirtualList is inside a scrollable container.\n /\n scrollContainerRef?: React.RefObject<HTMLElement>;\n\n /\n Additional classNames for the container of the list items.\n /\n containerClassName?: string;\n\n /\n Additional classNames for each individual list item wrapper.\n * This wrapper is required for proper positioning each item in the list using an absolute top value.\n /\n listItemWrapperClassName?: string;\n\n /\n Additional classNames for the outer list container\n /\n className?: string;\n};\n\nexport type ItemHeight = number;\nexport type ItemIndex = number;\n\nexport type VisibleRange = {\n start: number;\n end: number;\n};\n\nexport type VirtualListState = {\n itemHeights: Record<ItemIndex, ItemHeight>;\n visibleRange: VisibleRange;\n scrollTop: number;\n viewportHeight: number;\n};\n\nexport const VirtualList = <T,>(props: VirtualListProps<T>) => {\n const {\n items,\n renderItem,\n overscanCount = 3,\n defaultHeight = 50,\n scrollContainerRef,\n containerClassName = '',\n listItemWrapperClassName = '',\n className = '',\n ...remainingProps\n } = props;\n\n const [state, setState] = useState<VirtualListState>({\n itemHeights: {},\n visibleRange: { start: 0, end: 10 },\n scrollTop: 0,\n viewportHeight: 0,\n });\n\n const containerRef = useRef<HTMLDivElement>(null);\n const itemsRef = useRef<HTMLDivElement>(null);\n const lastMeasuredIndexRef = useRef(-1);\n\n // Get the actual scroll container - either external or internal\n const getScrollContainer = useCallback(() => {\n return scrollContainerRef?.current \|\| containerRef.current;\n }, [scrollContainerRef]);\n\n // Ensure we never return NaN or invalid heights\n const getSafeHeight = useCallback(\n (height: number): number => {\n return !Number.isNaN(height) && height > 0 ? height : defaultHeight;\n },\n [defaultHeight]\n );\n\n const getItemPosition = useCallback(\n (index: number) => {\n let position = 0;\n for (let i = 0; i < index; i++) {\n const height = state.itemHeights[i] ?? defaultHeight;\n position += getSafeHeight(height);\n }\n return position;\n },\n [state.itemHeights, getSafeHeight, defaultHeight]\n );\n\n const getTotalHeight = useCallback(() => {\n const measuredHeight = Object.values(state.itemHeights).reduce((sum, height) => sum + getSafeHeight(height), 0);\n const measuredCount = Object.keys(state.itemHeights).length;\n const averageHeight = measuredCount > 0 ? getSafeHeight(measuredHeight / measuredCount) : defaultHeight;\n const unmeasuredCount = items.length - measuredCount;\n return getSafeHeight(measuredHeight + unmeasuredCount averageHeight);\n }, [items.length, state.itemHeights, getSafeHeight, defaultHeight]);\n\n const calculateVisibleRange = useCallback(() => {\n const scrollContainer = getScrollContainer();\n if (!scrollContainer) {\n return state.visibleRange;\n }\n\n const viewportHeight = scrollContainer.clientHeight;\n const scrollTop = scrollContainer.scrollTop;\n\n let start = 0;\n let currentPosition = 0;\n\n while (start < items.length) {\n const height = getSafeHeight(state.itemHeights[start] ?? defaultHeight);\n if (currentPosition + height > scrollTop - overscanCount * height) {\n break;\n }\n currentPosition += height;\n start++;\n }\n\n let end = start;\n while (end < items.length) {\n const height = getSafeHeight(state.itemHeights[end] ?? defaultHeight);\n if (currentPosition > scrollTop + viewportHeight + overscanCount * height) {\n break;\n }\n currentPosition += height;\n end++;\n }\n\n return {\n start: Math.max(0, start - overscanCount),\n end: Math.min(items.length, end + overscanCount),\n };\n }, [\n items.length,\n overscanCount,\n state.itemHeights,\n state.visibleRange,\n getSafeHeight,\n defaultHeight,\n getScrollContainer,\n ]);\n\n const measureItem = useCallback(\n (index: number, element: HTMLElement) => {\n const rect = element.getBoundingClientRect();\n const computedStyle = window.getComputedStyle(element);\n\n // Calculate total height with safety checks\n const totalSafeHeight = getSafeHeight(\n rect.height +\n Number.parseFloat(computedStyle.marginTop \|\| '0') +\n Number.parseFloat(computedStyle.marginBottom \|\| '0')\n );\n\n setState(prev => {\n if (prev.itemHeights[index] === totalSafeHeight) {\n return prev;\n }\n return {\n ...prev,\n itemHeights: { ...prev.itemHeights, [index]: totalSafeHeight },\n };\n });\n lastMeasuredIndexRef.current = Math.max(lastMeasuredIndexRef.current, index);\n },\n [getSafeHeight]\n );\n\n useVirtualListResizeObserver(itemsRef, measureItem, [state.visibleRange]);\n\n const handleScroll = useCallback(() => {\n const scrollContainer = getScrollContainer();\n if (!scrollContainer) {\n return;\n }\n\n const newRange = calculateVisibleRange();\n setState(prev => ({\n ...prev,\n visibleRange: newRange,\n scrollTop: scrollContainer.scrollTop,\n viewportHeight: scrollContainer.clientHeight,\n }));\n }, [calculateVisibleRange, getScrollContainer]);\n\n // Register container scroll event\n useEffect(() => {\n const scrollContainer = getScrollContainer();\n if (!scrollContainer) {\n return;\n }\n\n scrollContainer.addEventListener('scroll', handleScroll, { passive: true });\n return () => scrollContainer.removeEventListener('scroll', handleScroll);\n }, [handleScroll, getScrollContainer]);\n\n // On window resize, update scroll position\n useWindowResize(handleScroll);\n\n const renderItemWithPosition = (item: T, index: number) => {\n const renderedItem = renderItem(item, index);\n const translateY = getItemPosition(index);\n\n return (\n <VirtualListItemWrapper\n key={index}\n data-index={index}\n translateY={translateY}\n className={listItemWrapperClassName}\n >\n {renderedItem}\n </VirtualListItemWrapper>\n );\n };\n\n const { start, end } = state.visibleRange;\n\n const totalHeight = getTotalHeight();\n\n // Adjust the root element style based on whether we're using an external scroll container\n const rootStyle: React.CSSProperties = {\n height: scrollContainerRef ? totalHeight : '100%',\n position: 'relative',\n overflow: scrollContainerRef ? 'visible' : 'auto',\n };\n\n return (\n <div\n {...remainingProps}\n ref={containerRef}\n className={`VirtualList overflow-y-auto ${className}`}\n style={rootStyle}\n >\n <div\n className='position-relative'\n style={{\n height: scrollContainerRef ? 'auto' : totalHeight,\n }}\n >\n <div ref={itemsRef} className={`VirtualListItemContainer ${containerClassName}`}>\n {items.slice(start, end).map((item, idx) => renderItemWithPosition(item, start + idx))}\n </div>\n </div>\n </div>\n );\n};\n\nexport default VirtualList;\n"],"names":["VirtualList","props","items","renderItem","overscanCount","defaultHeight","scrollContainerRef","containerClassName","listItemWrapperClassName","className","remainingProps","state","setState","useState","containerRef","useRef","itemsRef","lastMeasuredIndexRef","getScrollContainer","useCallback","getSafeHeight","height","getItemPosition","index","position","i","getTotalHeight","measuredHeight","sum","measuredCount","averageHeight","unmeasuredCount","calculateVisibleRange","scrollContainer","viewportHeight","scrollTop","start","currentPosition","end","measureItem","element","rect","computedStyle","totalSafeHeight","prev","useVirtualListResizeObserver","handleScroll","newRange","useEffect","useWindowResize","renderItemWithPosition","item","renderedItem","translateY","jsx","VirtualListItemWrapper","totalHeight","rootStyle","idx"],"mappings":"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"}
1	+ {"version":3,"file":"VirtualList.js","sources":["../../../src/components/virtualList/VirtualList.tsx"],"sourcesContent":["import type React from 'react';\nimport { useRef, useState, useEffect, useCallback } from 'react';\n\nimport VirtualListItemWrapper from './VirtualListItemWrapper';\nimport useWindowResize from '../../hooks/useWindowResize';\nimport useVirtualListResizeObserver from './useVirtualListResizeObserver';\n\n// Known issues:\n// ------------\n// - when dragging the scrollbar, the mouse pointer will get an offset the longer the list is.\n// Having a short list of like 100 items, the offset is less noticeable\n\nexport type VirtualListProps<T> = {\n /*\n The array of items to be rendered in the list.\n /\n items: T[];\n\n /\n A function that renders an item given its data and index.\n \n @param item\n * @param index\n * @returns\n /\n renderItem: (item: T, index: number) => React.ReactElement;\n\n /\n The number of items to render outside the visible area for smoother scrolling.\n \n @default 3\n /\n overscanCount?: number;\n\n /\n The default height for items if their height cannot be determined.\n \n @default 50\n /\n defaultHeight?: number;\n\n /\n Optional ref to an external scroll container.\n * Use this when VirtualList is inside a scrollable container.\n /\n scrollContainerRef?: React.RefObject<HTMLElement>;\n\n /\n Additional classNames for the container of the list items.\n /\n containerClassName?: string;\n\n /\n Additional classNames for each individual list item wrapper.\n * This wrapper is required for proper positioning each item in the list using an absolute top value.\n /\n listItemWrapperClassName?: string;\n\n /\n Additional classNames for the outer list container\n /\n className?: string;\n};\n\nexport type ItemHeight = number;\nexport type ItemIndex = number;\n\nexport type VisibleRange = {\n start: number;\n end: number;\n};\n\nexport type VirtualListState = {\n itemHeights: Record<ItemIndex, ItemHeight>;\n visibleRange: VisibleRange;\n scrollTop: number;\n viewportHeight: number;\n};\n\nexport const VirtualList = <T,>(props: VirtualListProps<T>) => {\n const {\n items,\n renderItem,\n overscanCount = 3,\n defaultHeight = 50,\n scrollContainerRef,\n containerClassName = '',\n listItemWrapperClassName = '',\n className = '',\n ...remainingProps\n } = props;\n\n const [state, setState] = useState<VirtualListState>({\n itemHeights: {},\n visibleRange: { start: 0, end: 10 },\n scrollTop: 0,\n viewportHeight: 0,\n });\n\n const containerRef = useRef<HTMLDivElement>(null);\n const itemsRef = useRef<HTMLDivElement>(null);\n const lastMeasuredIndexRef = useRef(-1);\n\n // Get the actual scroll container - either external or internal\n const getScrollContainer = useCallback(\n () => scrollContainerRef?.current \|\| containerRef.current,\n [scrollContainerRef]\n );\n\n // Ensure we never return NaN or invalid heights\n const getSafeHeight = useCallback(\n (height: number): number => (!Number.isNaN(height) && height > 0 ? height : defaultHeight),\n [defaultHeight]\n );\n\n const getItemPosition = useCallback(\n (index: number) => {\n let position = 0;\n for (let i = 0; i < index; i++) {\n const height = state.itemHeights[i] ?? defaultHeight;\n position += getSafeHeight(height);\n }\n return position;\n },\n [state.itemHeights, getSafeHeight, defaultHeight]\n );\n\n const getTotalHeight = useCallback(() => {\n const measuredHeight = Object.values(state.itemHeights).reduce((sum, height) => sum + getSafeHeight(height), 0);\n const measuredCount = Object.keys(state.itemHeights).length;\n const averageHeight = measuredCount > 0 ? getSafeHeight(measuredHeight / measuredCount) : defaultHeight;\n const unmeasuredCount = items.length - measuredCount;\n return getSafeHeight(measuredHeight + unmeasuredCount averageHeight);\n }, [items.length, state.itemHeights, getSafeHeight, defaultHeight]);\n\n const calculateVisibleRange = useCallback(() => {\n const scrollContainer = getScrollContainer();\n if (!scrollContainer) {\n return state.visibleRange;\n }\n\n const viewportHeight = scrollContainer.clientHeight;\n const scrollTop = scrollContainer.scrollTop;\n\n let start = 0;\n let currentPosition = 0;\n\n while (start < items.length) {\n const height = getSafeHeight(state.itemHeights[start] ?? defaultHeight);\n if (currentPosition + height > scrollTop - overscanCount * height) {\n break;\n }\n currentPosition += height;\n start++;\n }\n\n let end = start;\n while (end < items.length) {\n const height = getSafeHeight(state.itemHeights[end] ?? defaultHeight);\n if (currentPosition > scrollTop + viewportHeight + overscanCount * height) {\n break;\n }\n currentPosition += height;\n end++;\n }\n\n return {\n start: Math.max(0, start - overscanCount),\n end: Math.min(items.length, end + overscanCount),\n };\n }, [\n items.length,\n overscanCount,\n state.itemHeights,\n state.visibleRange,\n getSafeHeight,\n defaultHeight,\n getScrollContainer,\n ]);\n\n const measureItem = useCallback(\n (index: number, element: HTMLElement) => {\n const rect = element.getBoundingClientRect();\n const computedStyle = window.getComputedStyle(element);\n\n // Calculate total height with safety checks\n const totalSafeHeight = getSafeHeight(\n rect.height +\n Number.parseFloat(computedStyle.marginTop \|\| '0') +\n Number.parseFloat(computedStyle.marginBottom \|\| '0')\n );\n\n setState(prev => {\n if (prev.itemHeights[index] === totalSafeHeight) {\n return prev;\n }\n return {\n ...prev,\n itemHeights: { ...prev.itemHeights, [index]: totalSafeHeight },\n };\n });\n lastMeasuredIndexRef.current = Math.max(lastMeasuredIndexRef.current, index);\n },\n [getSafeHeight]\n );\n\n useVirtualListResizeObserver(itemsRef, measureItem, [state.visibleRange]);\n\n const handleScroll = useCallback(() => {\n const scrollContainer = getScrollContainer();\n if (!scrollContainer) {\n return;\n }\n\n const newRange = calculateVisibleRange();\n setState(prev => ({\n ...prev,\n visibleRange: newRange,\n scrollTop: scrollContainer.scrollTop,\n viewportHeight: scrollContainer.clientHeight,\n }));\n }, [calculateVisibleRange, getScrollContainer]);\n\n // Register container scroll event\n useEffect(() => {\n const scrollContainer = getScrollContainer();\n if (!scrollContainer) {\n return;\n }\n\n scrollContainer.addEventListener('scroll', handleScroll, { passive: true });\n return () => scrollContainer.removeEventListener('scroll', handleScroll);\n }, [handleScroll, getScrollContainer]);\n\n // On window resize, update scroll position\n useWindowResize(handleScroll);\n\n const renderItemWithPosition = (item: T, index: number) => {\n const renderedItem = renderItem(item, index);\n const translateY = getItemPosition(index);\n\n return (\n <VirtualListItemWrapper\n key={index}\n data-index={index}\n translateY={translateY}\n className={listItemWrapperClassName}\n >\n {renderedItem}\n </VirtualListItemWrapper>\n );\n };\n\n const { start, end } = state.visibleRange;\n\n const totalHeight = getTotalHeight();\n\n // Adjust the root element style based on whether we're using an external scroll container\n const rootStyle: React.CSSProperties = {\n height: scrollContainerRef ? totalHeight : '100%',\n position: 'relative',\n overflow: scrollContainerRef ? 'visible' : 'auto',\n };\n\n return (\n <div\n {...remainingProps}\n ref={containerRef}\n className={`VirtualList overflow-y-auto ${className}`}\n style={rootStyle}\n >\n <div\n className='position-relative'\n style={{\n height: scrollContainerRef ? 'auto' : totalHeight,\n }}\n >\n <div ref={itemsRef} className={`VirtualListItemContainer ${containerClassName}`}>\n {items.slice(start, end).map((item, idx) => renderItemWithPosition(item, start + idx))}\n </div>\n </div>\n </div>\n );\n};\n\nexport default VirtualList;\n"],"names":["VirtualList","props","items","renderItem","overscanCount","defaultHeight","scrollContainerRef","containerClassName","listItemWrapperClassName","className","remainingProps","state","setState","useState","containerRef","useRef","itemsRef","lastMeasuredIndexRef","getScrollContainer","useCallback","getSafeHeight","height","getItemPosition","index","position","i","getTotalHeight","measuredHeight","sum","measuredCount","averageHeight","unmeasuredCount","calculateVisibleRange","scrollContainer","viewportHeight","scrollTop","start","currentPosition","end","measureItem","element","rect","computedStyle","totalSafeHeight","prev","useVirtualListResizeObserver","handleScroll","newRange","useEffect","useWindowResize","renderItemWithPosition","item","renderedItem","translateY","jsx","VirtualListItemWrapper","totalHeight","rootStyle","idx"],"mappings":"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"}

package/googleAnalyticsUtils.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './utils/analytics/googleAnalyticsUtils';

package/googleAnalyticsUtils.js ADDED Viewed

@@ -0,0 +1,9 @@
+import { TRACKING_ACTIONS as A, TRACKING_LABELS as r, executeAndTrack as T, gaPush as a, getTrackingAttributes as c } from "./utils/analytics/googleAnalyticsUtils.js";
+export {
+  A as TRACKING_ACTIONS,
+  r as TRACKING_LABELS,
+  T as executeAndTrack,
+  a as gaPush,
+  c as getTrackingAttributes
+};
+//# sourceMappingURL=googleAnalyticsUtils.js.map

package/googleAnalyticsUtils.js.map ADDED Viewed

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

package/hooks/useCookies.js CHANGED Viewed

@@ -1,31 +1,31 @@
-import { useCallback as a } from "react";
-const u = () => typeof document > "u" ? {} : document.cookie.split(";").map((n) => n.trim()).filter(Boolean).reduce(
-  (n, o) => {
-    const s = o.indexOf("="), i = s >= 0 ? o.slice(0, s) : o, t = s >= 0 ? o.slice(s + 1) : "";
-    return n[decodeURIComponent(i)] = decodeURIComponent(t), n;
+import { useCallback as i } from "react";
+const m = () => typeof document > "u" ? {} : document.cookie.split(";").map((t) => t.trim()).filter(Boolean).reduce(
+  (t, n) => {
+    const s = n.indexOf("="), r = s >= 0 ? n.slice(0, s) : n, o = s >= 0 ? n.slice(s + 1) : "";
+    return t[decodeURIComponent(r)] = decodeURIComponent(o), t;
   },
   {}
 ), f = () => {
-  const n = a((t, c, e = {}) => {
+  const t = i((o, c, e = {}) => {
     if (typeof document > "u")
       return;
-    const r = [`${encodeURIComponent(t)}=${encodeURIComponent(c)}`, `path=${e.path ?? "/"}`];
-    if (e.domain && r.push(`domain=${e.domain}`), e.expires) {
-      const m = e.expires instanceof Date ? e.expires.toUTCString() : e.expires;
-      r.push(`expires=${m}`);
+    const a = [`${encodeURIComponent(o)}=${encodeURIComponent(c)}`, `path=${e.path ?? "/"}`];
+    if (e.domain && a.push(`domain=${e.domain}`), e.expires) {
+      const u = e.expires instanceof Date ? e.expires.toUTCString() : e.expires;
+      a.push(`expires=${u}`);
     }
-    typeof e.maxAge == "number" && r.push(`max-age=${e.maxAge}`), e.sameSite && r.push(`samesite=${e.sameSite}`), e.secure && r.push("secure"), document.cookie = r.join("; ");
-  }, []), o = a(
-    (t, c = {}) => {
-      n(t, "", {
+    typeof e.maxAge == "number" && a.push(`max-age=${e.maxAge}`), e.sameSite && a.push(`samesite=${e.sameSite}`), e.secure && a.push("secure"), document.cookie = a.join("; ");
+  }, []), n = i(
+    (o, c = {}) => {
+      t(o, "", {
         ...c,
         expires: /* @__PURE__ */ new Date(0),
         maxAge: 0
       });
     },
-    [n]
-  ), s = a((t) => Object.hasOwn(u(), t), []), i = a((t) => u()[t], []);
-  return { setCookie: n, deleteCookie: o, hasCookie: s, getCookie: i };
+    [t]
+  ), s = i((o) => Object.hasOwn(m(), o), []), r = i((o) => m()[o], []);
+  return { setCookie: t, deleteCookie: n, hasCookie: s, getCookie: r };
 };
 export {
   f as default

package/hooks/useCookies.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCookies.js","sources":["../../src/hooks/useCookies.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nexport type CookieSameSite = 'Strict' \| 'Lax' \| 'None';\n\nexport type CookieOptions = {\n /*\n Cookie path scope.\n \n @default '/'\n /\n path?: string;\n\n /\n Cookie domain scope (for example `.rio.cloud`).\n /\n domain?: string;\n\n /\n Absolute expiration date for the cookie.\n /\n expires?: Date \| string;\n\n /\n Cookie lifetime in seconds.\n /\n maxAge?: number;\n\n /\n Cross-site cookie behavior.\n \n Possible values are:\n \n - `Strict`\n * - `Lax`\n * - `None`\n /\n sameSite?: CookieSameSite;\n\n /\n Adds the `Secure` flag so the cookie is sent over HTTPS only.\n /\n secure?: boolean;\n};\n\nexport type UseCookiesResult = {\n /\n Sets a cookie with optional metadata.\n \n @param name - Cookie name.\n * @param value - Cookie value.\n * @param options - Additional cookie options.\n /\n setCookie: (name: string, value: string, options?: CookieOptions) => void;\n\n /\n Deletes a cookie by name.\n \n @param name - Cookie name.\n * @param options - Optional path/domain to target the correct cookie scope.\n /\n deleteCookie: (name: string, options?: Pick<CookieOptions, 'path' \| 'domain'>) => void;\n\n /\n Returns true if the cookie exists.\n \n @param name - Cookie name.\n /\n hasCookie: (name: string) => boolean;\n\n /\n Reads a cookie value.\n \n @param name - Cookie name.\n /\n getCookie: (name: string) => string \| undefined;\n};\n\nconst parseCookies = (): Record<string, string> => {\n if (typeof document === 'undefined') {\n return {};\n }\n\n return document.cookie\n .split(';')\n .map(entry => entry.trim())\n .filter(Boolean)\n .reduce(\n (acc, entry) => {\n const separatorIndex = entry.indexOf('=');\n const rawName = separatorIndex >= 0 ? entry.slice(0, separatorIndex) : entry;\n const rawValue = separatorIndex >= 0 ? entry.slice(separatorIndex + 1) : '';\n\n acc[decodeURIComponent(rawName)] = decodeURIComponent(rawValue);\n return acc;\n },\n {} as Record<string, string>\n );\n};\n\n/\n Returns helpers to set, delete, and read browser cookies.\n \n @returns {UseCookiesResult} Cookie helper functions.\n \n @example\n * const { setCookie, deleteCookie, hasCookie, getCookie } = useCookies();\n \n setCookie('token', 'abc123', { path: '/', maxAge: 60 * 60 });\n * const isLoggedIn = hasCookie('token');\n * const token = getCookie('token');\n * deleteCookie('token');\n */\nconst useCookies = (): UseCookiesResult => {\n const setCookie = useCallback((name: string, value: string, options: CookieOptions = {}) => {\n if (typeof document === 'undefined') {\n return;\n }\n\n const segments = [`${encodeURIComponent(name)}=${encodeURIComponent(value)}`, `path=${options.path ?? '/'}`];\n\n if (options.domain) {\n segments.push(`domain=${options.domain}`);\n }\n\n if (options.expires) {\n const expires = options.expires instanceof Date ? options.expires.toUTCString() : options.expires;\n segments.push(`expires=${expires}`);\n }\n\n if (typeof options.maxAge === 'number') {\n segments.push(`max-age=${options.maxAge}`);\n }\n\n if (options.sameSite) {\n segments.push(`samesite=${options.sameSite}`);\n }\n\n if (options.secure) {\n segments.push('secure');\n }\n\n // biome-ignore lint/suspicious/noDocumentCookie: this hook intentionally manages cookies through the browser cookie API.\n document.cookie = segments.join('; ');\n }, []);\n\n const deleteCookie = useCallback(\n (name: string, options: Pick<CookieOptions, 'path' \| 'domain'> = {}) => {\n setCookie(name, '', {\n ...options,\n expires: new Date(0),\n maxAge: 0,\n });\n },\n [setCookie]\n );\n\n const hasCookie = useCallback((name: string) => ~~{\n return~~ Object.hasOwn(parseCookies(), name)~~;\n }~~, []);\n\n const getCookie = useCallback((name: string) => ~~{\n return~~ parseCookies()[name]~~;\n }~~, []);\n\n return { setCookie, deleteCookie, hasCookie, getCookie };\n};\n\nexport default useCookies;\n"],"names":["parseCookies","entry","acc","separatorIndex","rawName","rawValue","useCookies","setCookie","useCallback","name","value","options","segments","expires","deleteCookie","hasCookie","getCookie"],"mappings":";AA6EA,MAAMA,IAAe,MACb,OAAO,WAAa,MACb,CAAA,IAGJ,SAAS,OACX,MAAM,GAAG,EACT,IAAI,CAAAC,MAASA,EAAM,KAAA,CAAM,EACzB,OAAO,OAAO,EACd;AAAA,EACG,CAACC,GAAKD,MAAU;AACZ,UAAME,IAAiBF,EAAM,QAAQ,GAAG,GAClCG,IAAUD,KAAkB,IAAIF,EAAM,MAAM,GAAGE,CAAc,IAAIF,GACjEI,IAAWF,KAAkB,IAAIF,EAAM,MAAME,IAAiB,CAAC,IAAI;AAEzE,WAAAD,EAAI,mBAAmBE,CAAO,CAAC,IAAI,mBAAmBC,CAAQ,GACvDH;AAAA,EACX;AAAA,EACA,CAAA;AAAC,GAiBPI,IAAa,MAAwB;AACvC,QAAMC,IAAYC,EAAY,CAACC,GAAcC,GAAeC,IAAyB,OAAO;AACxF,QAAI,OAAO,WAAa;AACpB;AAGJ,UAAMC,IAAW,CAAC,GAAG,mBAAmBH,CAAI,CAAC,IAAI,mBAAmBC,CAAK,CAAC,IAAI,QAAQC,EAAQ,QAAQ,GAAG,EAAE;AAM3G,QAJIA,EAAQ,UACRC,EAAS,KAAK,UAAUD,EAAQ,MAAM,EAAE,GAGxCA,EAAQ,SAAS;AACjB,YAAME,IAAUF,EAAQ,mBAAmB,OAAOA,EAAQ,QAAQ,gBAAgBA,EAAQ;AAC1F,MAAAC,EAAS,KAAK,WAAWC,CAAO,EAAE;AAAA,IACtC;AAEA,IAAI,OAAOF,EAAQ,UAAW,YAC1BC,EAAS,KAAK,WAAWD,EAAQ,MAAM,EAAE,GAGzCA,EAAQ,YACRC,EAAS,KAAK,YAAYD,EAAQ,QAAQ,EAAE,GAG5CA,EAAQ,UACRC,EAAS,KAAK,QAAQ,GAI1B,SAAS,SAASA,EAAS,KAAK,IAAI;AAAA,EACxC,GAAG,CAAA,CAAE,GAECE,IAAeN;AAAA,IACjB,CAACC,GAAcE,IAAkD,OAAO;AACpE,MAAAJ,EAAUE,GAAM,IAAI;AAAA,QAChB,GAAGE;AAAA,QACH,SAAS,oBAAI,KAAK,CAAC;AAAA,QACnB,QAAQ;AAAA,MAAA,CACX;AAAA,IACL;AAAA,IACA,CAACJ,CAAS;AAAA,EAAA,GAGRQ,IAAYP,EAAY,CAACC,~~MACpB~~,OAAO,OAAOT,EAAA,GAAgBS,CAAI,~~GAC1C~~,~~CAAA~~,~~CAAE~~,~~GAECO,~~IAAYR,EAAY,CAACC,~~MACpBT~~,~~EAAA~~,~~EAAeS,~~CAAI,~~GAC3B~~,~~CAAA,CAAE~~;~~AAEL~~,SAAO,EAAE,WAAAF,GAAW,cAAAO,GAAc,WAAAC,GAAW,WAAAC,EAAA;AACjD;"}
1	+ {"version":3,"file":"useCookies.js","sources":["../../src/hooks/useCookies.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nexport type CookieSameSite = 'Strict' \| 'Lax' \| 'None';\n\nexport type CookieOptions = {\n /*\n Cookie path scope.\n \n @default '/'\n /\n path?: string;\n\n /\n Cookie domain scope (for example `.rio.cloud`).\n /\n domain?: string;\n\n /\n Absolute expiration date for the cookie.\n /\n expires?: Date \| string;\n\n /\n Cookie lifetime in seconds.\n /\n maxAge?: number;\n\n /\n Cross-site cookie behavior.\n \n Possible values are:\n \n - `Strict`\n * - `Lax`\n * - `None`\n /\n sameSite?: CookieSameSite;\n\n /\n Adds the `Secure` flag so the cookie is sent over HTTPS only.\n /\n secure?: boolean;\n};\n\nexport type UseCookiesResult = {\n /\n Sets a cookie with optional metadata.\n \n @param name - Cookie name.\n * @param value - Cookie value.\n * @param options - Additional cookie options.\n /\n setCookie: (name: string, value: string, options?: CookieOptions) => void;\n\n /\n Deletes a cookie by name.\n \n @param name - Cookie name.\n * @param options - Optional path/domain to target the correct cookie scope.\n /\n deleteCookie: (name: string, options?: Pick<CookieOptions, 'path' \| 'domain'>) => void;\n\n /\n Returns true if the cookie exists.\n \n @param name - Cookie name.\n /\n hasCookie: (name: string) => boolean;\n\n /\n Reads a cookie value.\n \n @param name - Cookie name.\n /\n getCookie: (name: string) => string \| undefined;\n};\n\nconst parseCookies = (): Record<string, string> => {\n if (typeof document === 'undefined') {\n return {};\n }\n\n return document.cookie\n .split(';')\n .map(entry => entry.trim())\n .filter(Boolean)\n .reduce(\n (acc, entry) => {\n const separatorIndex = entry.indexOf('=');\n const rawName = separatorIndex >= 0 ? entry.slice(0, separatorIndex) : entry;\n const rawValue = separatorIndex >= 0 ? entry.slice(separatorIndex + 1) : '';\n\n acc[decodeURIComponent(rawName)] = decodeURIComponent(rawValue);\n return acc;\n },\n {} as Record<string, string>\n );\n};\n\n/\n Returns helpers to set, delete, and read browser cookies.\n \n @returns {UseCookiesResult} Cookie helper functions.\n \n @example\n * const { setCookie, deleteCookie, hasCookie, getCookie } = useCookies();\n \n setCookie('token', 'abc123', { path: '/', maxAge: 60 * 60 });\n * const isLoggedIn = hasCookie('token');\n * const token = getCookie('token');\n * deleteCookie('token');\n */\nconst useCookies = (): UseCookiesResult => {\n const setCookie = useCallback((name: string, value: string, options: CookieOptions = {}) => {\n if (typeof document === 'undefined') {\n return;\n }\n\n const segments = [`${encodeURIComponent(name)}=${encodeURIComponent(value)}`, `path=${options.path ?? '/'}`];\n\n if (options.domain) {\n segments.push(`domain=${options.domain}`);\n }\n\n if (options.expires) {\n const expires = options.expires instanceof Date ? options.expires.toUTCString() : options.expires;\n segments.push(`expires=${expires}`);\n }\n\n if (typeof options.maxAge === 'number') {\n segments.push(`max-age=${options.maxAge}`);\n }\n\n if (options.sameSite) {\n segments.push(`samesite=${options.sameSite}`);\n }\n\n if (options.secure) {\n segments.push('secure');\n }\n\n // biome-ignore lint/suspicious/noDocumentCookie: this hook intentionally manages cookies through the browser cookie API.\n document.cookie = segments.join('; ');\n }, []);\n\n const deleteCookie = useCallback(\n (name: string, options: Pick<CookieOptions, 'path' \| 'domain'> = {}) => {\n setCookie(name, '', {\n ...options,\n expires: new Date(0),\n maxAge: 0,\n });\n },\n [setCookie]\n );\n\n const hasCookie = useCallback((name: string) => Object.hasOwn(parseCookies(), name), []);\n\n const getCookie = useCallback((name: string) => parseCookies()[name], []);\n\n return { setCookie, deleteCookie, hasCookie, getCookie };\n};\n\nexport default useCookies;\n"],"names":["parseCookies","entry","acc","separatorIndex","rawName","rawValue","useCookies","setCookie","useCallback","name","value","options","segments","expires","deleteCookie","hasCookie","getCookie"],"mappings":";AA6EA,MAAMA,IAAe,MACb,OAAO,WAAa,MACb,CAAA,IAGJ,SAAS,OACX,MAAM,GAAG,EACT,IAAI,CAAAC,MAASA,EAAM,KAAA,CAAM,EACzB,OAAO,OAAO,EACd;AAAA,EACG,CAACC,GAAKD,MAAU;AACZ,UAAME,IAAiBF,EAAM,QAAQ,GAAG,GAClCG,IAAUD,KAAkB,IAAIF,EAAM,MAAM,GAAGE,CAAc,IAAIF,GACjEI,IAAWF,KAAkB,IAAIF,EAAM,MAAME,IAAiB,CAAC,IAAI;AAEzE,WAAAD,EAAI,mBAAmBE,CAAO,CAAC,IAAI,mBAAmBC,CAAQ,GACvDH;AAAA,EACX;AAAA,EACA,CAAA;AAAC,GAiBPI,IAAa,MAAwB;AACvC,QAAMC,IAAYC,EAAY,CAACC,GAAcC,GAAeC,IAAyB,OAAO;AACxF,QAAI,OAAO,WAAa;AACpB;AAGJ,UAAMC,IAAW,CAAC,GAAG,mBAAmBH,CAAI,CAAC,IAAI,mBAAmBC,CAAK,CAAC,IAAI,QAAQC,EAAQ,QAAQ,GAAG,EAAE;AAM3G,QAJIA,EAAQ,UACRC,EAAS,KAAK,UAAUD,EAAQ,MAAM,EAAE,GAGxCA,EAAQ,SAAS;AACjB,YAAME,IAAUF,EAAQ,mBAAmB,OAAOA,EAAQ,QAAQ,gBAAgBA,EAAQ;AAC1F,MAAAC,EAAS,KAAK,WAAWC,CAAO,EAAE;AAAA,IACtC;AAEA,IAAI,OAAOF,EAAQ,UAAW,YAC1BC,EAAS,KAAK,WAAWD,EAAQ,MAAM,EAAE,GAGzCA,EAAQ,YACRC,EAAS,KAAK,YAAYD,EAAQ,QAAQ,EAAE,GAG5CA,EAAQ,UACRC,EAAS,KAAK,QAAQ,GAI1B,SAAS,SAASA,EAAS,KAAK,IAAI;AAAA,EACxC,GAAG,CAAA,CAAE,GAECE,IAAeN;AAAA,IACjB,CAACC,GAAcE,IAAkD,OAAO;AACpE,MAAAJ,EAAUE,GAAM,IAAI;AAAA,QAChB,GAAGE;AAAA,QACH,SAAS,oBAAI,KAAK,CAAC;AAAA,QACnB,QAAQ;AAAA,MAAA,CACX;AAAA,IACL;AAAA,IACA,CAACJ,CAAS;AAAA,EAAA,GAGRQ,IAAYP,EAAY,CAACC,MAAiB,OAAO,OAAOT,EAAA,GAAgBS,CAAI,GAAG,EAAE,GAEjFO,IAAYR,EAAY,CAACC,MAAiBT,IAAeS,CAAI,GAAG,EAAE;AAExE,SAAO,EAAE,WAAAF,GAAW,cAAAO,GAAc,WAAAC,GAAW,WAAAC,EAAA;AACjD;"}

package/hooks/useDraggableElement.d.ts ADDED Viewed

@@ -0,0 +1,35 @@
+import { MutableRefObject, PointerEvent as ReactPointerEvent } from 'react';
+export type DraggablePosition = {
+    /**
+     * Top offset in pixels relative to the viewport.
+     */
+    top: number;
+    /**
+     * Left offset in pixels relative to the viewport.
+     */
+    left: number;
+    /**
+     * Indicates whether the element has been moved by dragging at least once.
+     */
+    hasDragged: boolean;
+};
+export type UseDraggableResult<T extends HTMLElement> = {
+    /**
+     * Ref that must be attached to the draggable element container.
+     */
+    draggableRef: MutableRefObject<T | null>;
+    /**
+     * Indicates whether a drag interaction is currently active.
+     */
+    isDragging: boolean;
+    /**
+     * Current draggable coordinates and drag-state metadata.
+     */
+    position: DraggablePosition;
+    /**
+     * Pointer down handler for the dedicated drag handle element.
+     */
+    onDragHandlePointerDown: (event: ReactPointerEvent<HTMLElement>) => void;
+};
+declare const useDraggableElement: <T extends HTMLElement = HTMLDivElement>() => UseDraggableResult<T>;
+export default useDraggableElement;

package/hooks/useDraggableElement.js ADDED Viewed

@@ -0,0 +1,49 @@
+import { useState as f, useRef as m, useCallback as R, useEffect as X } from "react";
+const x = 4, d = "is-dragging", p = (o, s, i) => Math.min(i, Math.max(s, o)), b = () => {
+  const [o, s] = f(!1), [i, h] = f({ top: 0, left: 0, hasDragged: !1 }), c = m(null), l = m(null), w = R((t) => {
+    if (t.button !== 0)
+      return;
+    t.preventDefault(), t.stopPropagation();
+    const r = c.current;
+    if (!r)
+      return;
+    const n = r.getBoundingClientRect();
+    l.current = {
+      offsetX: t.clientX - n.left,
+      offsetY: t.clientY - n.top,
+      startX: t.clientX,
+      startY: t.clientY,
+      hasMoved: !1
+    }, s(!0);
+  }, []);
+  return X(() => {
+    if (!o)
+      return;
+    const t = document.documentElement;
+    t.classList.add(d);
+    const r = (a) => {
+      const e = l.current, g = c.current;
+      if (!e || !g)
+        return;
+      const E = Math.hypot(a.clientX - e.startX, a.clientY - e.startY);
+      if (!e.hasMoved && E < x)
+        return;
+      e.hasMoved || (e.hasMoved = !0);
+      const u = g.getBoundingClientRect(), L = Math.max(0, window.innerWidth - u.width), M = Math.max(0, window.innerHeight - u.height), v = p(a.clientX - e.offsetX, 0, L), D = p(a.clientY - e.offsetY, 0, M);
+      h({
+        top: D,
+        left: v,
+        hasDragged: !0
+      });
+    }, n = () => {
+      t.classList.remove(d), s(!1), l.current = null;
+    };
+    return window.addEventListener("pointermove", r), window.addEventListener("pointerup", n), window.addEventListener("pointercancel", n), () => {
+      window.removeEventListener("pointermove", r), window.removeEventListener("pointerup", n), window.removeEventListener("pointercancel", n), t.classList.remove(d);
+    };
+  }, [o]), { draggableRef: c, isDragging: o, position: i, onDragHandlePointerDown: w };
+};
+export {
+  b as default
+};
+//# sourceMappingURL=useDraggableElement.js.map

package/hooks/useDraggableElement.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useDraggableElement.js","sources":["../../src/hooks/useDraggableElement.ts"],"sourcesContent":["import {\n useCallback,\n useEffect,\n useRef,\n useState,\n type MutableRefObject,\n type PointerEvent as ReactPointerEvent,\n} from 'react';\n\nexport type DraggablePosition = {\n /**\n * Top offset in pixels relative to the viewport.\n */\n top: number;\n\n /**\n * Left offset in pixels relative to the viewport.\n */\n left: number;\n\n /**\n * Indicates whether the element has been moved by dragging at least once.\n */\n hasDragged: boolean;\n};\n\nexport type UseDraggableResult<T extends HTMLElement> = {\n /**\n * Ref that must be attached to the draggable element container.\n */\n draggableRef: MutableRefObject<T | null>;\n\n /**\n * Indicates whether a drag interaction is currently active.\n */\n isDragging: boolean;\n\n /**\n * Current draggable coordinates and drag-state metadata.\n */\n position: DraggablePosition;\n\n /**\n * Pointer down handler for the dedicated drag handle element.\n */\n onDragHandlePointerDown: (event: ReactPointerEvent<HTMLElement>) => void;\n};\n\ntype DraggableState = {\n offsetX: number;\n offsetY: number;\n startX: number;\n startY: number;\n hasMoved: boolean;\n};\n\nconst MOVEMENT_THRESHOLD_PX = 4;\nconst DRAGGING_CLASS_NAME = 'is-dragging';\n\nconst clampToRange = (value: number, min: number, max: number) => Math.min(max, Math.max(min, value));\n\nconst useDraggableElement = <T extends HTMLElement = HTMLDivElement>(): UseDraggableResult<T> => {\n const [isDragging, setIsDragging] = useState(false);\n const [position, setPosition] = useState<DraggablePosition>({ top: 0, left: 0, hasDragged: false });\n\n const draggableRef = useRef<T | null>(null);\n const dragStateRef = useRef<DraggableState | null>(null);\n\n const onDragHandlePointerDown = useCallback((event: ReactPointerEvent<HTMLElement>) => {\n if (event.button !== 0) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n\n const draggableElement = draggableRef.current;\n if (!draggableElement) {\n return;\n }\n\n const rect = draggableElement.getBoundingClientRect();\n dragStateRef.current = {\n offsetX: event.clientX - rect.left,\n offsetY: event.clientY - rect.top,\n startX: event.clientX,\n startY: event.clientY,\n hasMoved: false,\n };\n setIsDragging(true);\n }, []);\n\n useEffect(() => {\n if (!isDragging) {\n return;\n }\n\n const rootElement = document.documentElement;\n rootElement.classList.add(DRAGGING_CLASS_NAME);\n\n const handlePointerMove = (event: PointerEvent) => {\n const dragState = dragStateRef.current;\n const draggableElement = draggableRef.current;\n if (!dragState || !draggableElement) {\n return;\n }\n\n const movedDistance = Math.hypot(event.clientX - dragState.startX, event.clientY - dragState.startY);\n if (!dragState.hasMoved && movedDistance < MOVEMENT_THRESHOLD_PX) {\n return;\n }\n\n if (!dragState.hasMoved) {\n dragState.hasMoved = true;\n }\n\n const rect = draggableElement.getBoundingClientRect();\n const maxLeft = Math.max(0, window.innerWidth - rect.width);\n const maxTop = Math.max(0, window.innerHeight - rect.height);\n const nextLeft = clampToRange(event.clientX - dragState.offsetX, 0, maxLeft);\n const nextTop = clampToRange(event.clientY - dragState.offsetY, 0, maxTop);\n\n setPosition({\n top: nextTop,\n left: nextLeft,\n hasDragged: true,\n });\n };\n\n const handlePointerRelease = () => {\n rootElement.classList.remove(DRAGGING_CLASS_NAME);\n setIsDragging(false);\n dragStateRef.current = null;\n };\n\n window.addEventListener('pointermove', handlePointerMove);\n window.addEventListener('pointerup', handlePointerRelease);\n window.addEventListener('pointercancel', handlePointerRelease);\n\n return () => {\n window.removeEventListener('pointermove', handlePointerMove);\n window.removeEventListener('pointerup', handlePointerRelease);\n window.removeEventListener('pointercancel', handlePointerRelease);\n rootElement.classList.remove(DRAGGING_CLASS_NAME);\n };\n }, [isDragging]);\n\n return { draggableRef, isDragging, position, onDragHandlePointerDown };\n};\n\nexport default useDraggableElement;\n"],"names":["MOVEMENT_THRESHOLD_PX","DRAGGING_CLASS_NAME","clampToRange","value","min","max","useDraggableElement","isDragging","setIsDragging","useState","position","setPosition","draggableRef","useRef","dragStateRef","onDragHandlePointerDown","useCallback","event","draggableElement","rect","useEffect","rootElement","handlePointerMove","dragState","movedDistance","maxLeft","maxTop","nextLeft","nextTop","handlePointerRelease"],"mappings":";AAwDA,MAAMA,IAAwB,GACxBC,IAAsB,eAEtBC,IAAe,CAACC,GAAeC,GAAaC,MAAgB,KAAK,IAAIA,GAAK,KAAK,IAAID,GAAKD,CAAK,CAAC,GAE9FG,IAAsB,MAAqE;AAC7F,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5C,CAACC,GAAUC,CAAW,IAAIF,EAA4B,EAAE,KAAK,GAAG,MAAM,GAAG,YAAY,GAAA,CAAO,GAE5FG,IAAeC,EAAiB,IAAI,GACpCC,IAAeD,EAA8B,IAAI,GAEjDE,IAA0BC,EAAY,CAACC,MAA0C;AACnF,QAAIA,EAAM,WAAW;AACjB;AAGJ,IAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA;AAEN,UAAMC,IAAmBN,EAAa;AACtC,QAAI,CAACM;AACD;AAGJ,UAAMC,IAAOD,EAAiB,sBAAA;AAC9B,IAAAJ,EAAa,UAAU;AAAA,MACnB,SAASG,EAAM,UAAUE,EAAK;AAAA,MAC9B,SAASF,EAAM,UAAUE,EAAK;AAAA,MAC9B,QAAQF,EAAM;AAAA,MACd,QAAQA,EAAM;AAAA,MACd,UAAU;AAAA,IAAA,GAEdT,EAAc,EAAI;AAAA,EACtB,GAAG,CAAA,CAAE;AAEL,SAAAY,EAAU,MAAM;AACZ,QAAI,CAACb;AACD;AAGJ,UAAMc,IAAc,SAAS;AAC7B,IAAAA,EAAY,UAAU,IAAIpB,CAAmB;AAE7C,UAAMqB,IAAoB,CAACL,MAAwB;AAC/C,YAAMM,IAAYT,EAAa,SACzBI,IAAmBN,EAAa;AACtC,UAAI,CAACW,KAAa,CAACL;AACf;AAGJ,YAAMM,IAAgB,KAAK,MAAMP,EAAM,UAAUM,EAAU,QAAQN,EAAM,UAAUM,EAAU,MAAM;AACnG,UAAI,CAACA,EAAU,YAAYC,IAAgBxB;AACvC;AAGJ,MAAKuB,EAAU,aACXA,EAAU,WAAW;AAGzB,YAAMJ,IAAOD,EAAiB,sBAAA,GACxBO,IAAU,KAAK,IAAI,GAAG,OAAO,aAAaN,EAAK,KAAK,GACpDO,IAAS,KAAK,IAAI,GAAG,OAAO,cAAcP,EAAK,MAAM,GACrDQ,IAAWzB,EAAae,EAAM,UAAUM,EAAU,SAAS,GAAGE,CAAO,GACrEG,IAAU1B,EAAae,EAAM,UAAUM,EAAU,SAAS,GAAGG,CAAM;AAEzE,MAAAf,EAAY;AAAA,QACR,KAAKiB;AAAA,QACL,MAAMD;AAAA,QACN,YAAY;AAAA,MAAA,CACf;AAAA,IACL,GAEME,IAAuB,MAAM;AAC/B,MAAAR,EAAY,UAAU,OAAOpB,CAAmB,GAChDO,EAAc,EAAK,GACnBM,EAAa,UAAU;AAAA,IAC3B;AAEA,kBAAO,iBAAiB,eAAeQ,CAAiB,GACxD,OAAO,iBAAiB,aAAaO,CAAoB,GACzD,OAAO,iBAAiB,iBAAiBA,CAAoB,GAEtD,MAAM;AACT,aAAO,oBAAoB,eAAeP,CAAiB,GAC3D,OAAO,oBAAoB,aAAaO,CAAoB,GAC5D,OAAO,oBAAoB,iBAAiBA,CAAoB,GAChER,EAAY,UAAU,OAAOpB,CAAmB;AAAA,IACpD;AAAA,EACJ,GAAG,CAACM,CAAU,CAAC,GAER,EAAE,cAAAK,GAAc,YAAAL,GAAY,UAAAG,GAAU,yBAAAK,EAAA;AACjD;"}

package/hooks/useElapsedTime.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { useRef as n, useEffect as o } from "react";
+import { useRef as o, useEffect as r } from "react";
 const u = (e = Date.now()) => {
-  const t = n(e), r = () => Date.now() - t.current;
-  return o(() => {
+  const t = o(e), n = () => Date.now() - t.current;
+  return r(() => {
     t.current = e;
-  }, [e]), r;
+  }, [e]), n;
 };
 export {
   u as default

package/hooks/useElapsedTime.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useElapsedTime.js","sources":["../../src/hooks/useElapsedTime.ts"],"sourcesContent":["import { useRef, useEffect } from 'react';\n\n/*\n Custom React hook to measure the elapsed time since a specified start time or the component's mount time.\n \n @param {number} [startTime=Date.now()] - The start time in milliseconds from which to measure the elapsed time.\n * @returns {Function} A function that returns the elapsed time in milliseconds since the specified start time\n * or the component's mount time.\n \n @example\n * import useElapsedTime from '@rio-cloud/rio-uikit/useElapsedTime';\n * import Button from '@rio-cloud/rio-uikit/Button';\n \n const MyComponent = () => {\n * const getElapsedTime = useElapsedTime();\n \n const handleClick = () => {\n * const elapsedTime = getElapsedTime();\n * console.log(`Elapsed time: ${elapsedTime} ms`);\n * };\n \n return (\n * <Button onClick={handleClick}>Get elapsed time</Button>\n * );\n * };\n */\nconst useElapsedTime = (startTime: number = Date.now()): (() => number) => {\n const startTimeRef = useRef(startTime);\n\n const getElapsedTime = () => ~~{\n return~~ Date.now() - startTimeRef.current;\n ~~};\n~~\n useEffect(() => {\n startTimeRef.current = startTime;\n }, [startTime]);\n\n return getElapsedTime;\n};\n\nexport default useElapsedTime;\n"],"names":["useElapsedTime","startTime","startTimeRef","useRef","getElapsedTime","useEffect"],"mappings":";AA0BA,MAAMA,IAAiB,CAACC,IAAoB,KAAK,UAA0B;AACvE,QAAMC,IAAeC,EAAOF,CAAS,GAE/BG,IAAiB,~~MACZ~~,KAAK,~~QAAQF~~,EAAa;~~AAGrC~~,SAAAG,EAAU,MAAM;AACZ,IAAAH,EAAa,UAAUD;AAAA,EAC3B,GAAG,CAACA,CAAS,CAAC,GAEPG;AACX;"}
1	+ {"version":3,"file":"useElapsedTime.js","sources":["../../src/hooks/useElapsedTime.ts"],"sourcesContent":["import { useRef, useEffect } from 'react';\n\n/*\n Custom React hook to measure the elapsed time since a specified start time or the component's mount time.\n \n @param {number} [startTime=Date.now()] - The start time in milliseconds from which to measure the elapsed time.\n * @returns {Function} A function that returns the elapsed time in milliseconds since the specified start time\n * or the component's mount time.\n \n @example\n * import useElapsedTime from '@rio-cloud/rio-uikit/useElapsedTime';\n * import Button from '@rio-cloud/rio-uikit/Button';\n \n const MyComponent = () => {\n * const getElapsedTime = useElapsedTime();\n \n const handleClick = () => {\n * const elapsedTime = getElapsedTime();\n * console.log(`Elapsed time: ${elapsedTime} ms`);\n * };\n \n return (\n * <Button onClick={handleClick}>Get elapsed time</Button>\n * );\n * };\n */\nconst useElapsedTime = (startTime: number = Date.now()): (() => number) => {\n const startTimeRef = useRef(startTime);\n\n const getElapsedTime = () => Date.now() - startTimeRef.current;\n\n useEffect(() => {\n startTimeRef.current = startTime;\n }, [startTime]);\n\n return getElapsedTime;\n};\n\nexport default useElapsedTime;\n"],"names":["useElapsedTime","startTime","startTimeRef","useRef","getElapsedTime","useEffect"],"mappings":";AA0BA,MAAMA,IAAiB,CAACC,IAAoB,KAAK,UAA0B;AACvE,QAAMC,IAAeC,EAAOF,CAAS,GAE/BG,IAAiB,MAAM,KAAK,IAAA,IAAQF,EAAa;AAEvD,SAAAG,EAAU,MAAM;AACZ,IAAAH,EAAa,UAAUD;AAAA,EAC3B,GAAG,CAACA,CAAS,CAAC,GAEPG;AACX;"}

package/hooks/useLocationSuggestions.js CHANGED Viewed

@@ -1,16 +1,16 @@
 import { useState as m, useRef as h, useEffect as p } from "react";
 import { debounce as b } from "es-toolkit/function";
-const E = "https://autocomplete.search.hereapi.com/v1/autocomplete", w = async (r, e, l = {}) => {
+const E = "https://autocomplete.search.hereapi.com/v1/autocomplete", w = async (e, r, l = {}) => {
   const { apiKey: s, fetchUrl: u = E, limit: o = 5, ...f } = l;
-  if (!r || !s)
+  if (!e || !s)
     return [];
   const a = new URLSearchParams({
-    q: r,
+    q: e,
     apiKey: s,
     limit: String(o),
     // Add any additional options dynamically
     ...f
-  }), t = await fetch(`${u}?${a.toString()}`, { signal: e });
+  }), t = await fetch(`${u}?${a.toString()}`, { signal: r });
   if (!t.ok)
     throw new Error(`API request failed with status ${t.status}`);
   const n = await t.json();
@@ -18,7 +18,7 @@ const E = "https://autocomplete.search.hereapi.com/v1/autocomplete", w = async (
     id: c.id,
     label: c.title
   })) : [];
-}, S = 300, L = (r, e = {}) => {
+}, S = 300, L = (e, r = {}) => {
   const [l, s] = m([]), [u, o] = m(!1), [f, a] = m(null), t = h(null), n = h(
     b(async (c, d) => {
       t.current?.abort();
@@ -35,14 +35,17 @@ const E = "https://autocomplete.search.hereapi.com/v1/autocomplete", w = async (
     }, S)
   ).current;
   return p(() => {
-    if (!r || !e.apiKey) {
+    if (!e || !r.apiKey) {
       s([]), o(!1), t.current?.abort();
       return;
     }
-    o(!0), n(r, e);
-  }, [r, n, e.apiKey, e.fetchUrl]), p(() => () => {
-    t.current?.abort();
-  }, []), { suggestions: l, loading: u, error: f };
+    o(!0), n(e, r);
+  }, [e, n, r.apiKey, r.fetchUrl]), p(
+    () => () => {
+      t.current?.abort();
+    },
+    []
+  ), { suggestions: l, loading: u, error: f };
 };
 export {
   L as default

package/hooks/useLocationSuggestions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useLocationSuggestions.js","sources":["../../src/hooks/useLocationSuggestions.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { debounce } from 'es-toolkit/function';\n\nexport type LocationSuggestion = {\n id: string;\n label: string;\n};\n\n// See API documentation - https://www.here.com/docs/bundle/geocoding-and-search-api-v7-api-reference/page/index.html#/paths/~1autocomplete/get\nexport type LocationFetchOptions = Record<string, unknown> & {\n apiKey?: string;\n fetchUrl?: string;\n limit?: number; // Default by Here API is set to 5; Maximum is 20\n};\n\nconst DEFAULT_URL = 'https://autocomplete.search.hereapi.com/v1/autocomplete';\n\nconst fetchLocationSuggestions = async (\n query: string,\n signal: AbortSignal,\n options: LocationFetchOptions = {}\n): Promise<LocationSuggestion[]> => {\n const { apiKey, fetchUrl = DEFAULT_URL, limit = 5, ...restOptions } = options;\n\n if (!query \|\| !apiKey) {\n return [];\n }\n\n const params = new URLSearchParams({\n q: query,\n apiKey,\n limit: String(limit),\n\n // Add any additional options dynamically\n ...restOptions,\n });\n\n const response = await fetch(`${fetchUrl}?${params.toString()}`, { signal });\n\n if (!response.ok) {\n // Throw an error for bad responses (4xx, 5xx)\n // This allows the hook's catch block to handle API errors\n throw new Error(`API request failed with status ${response.status}`);\n }\n\n const data = await response.json();\n\n // Ensure data.items exists and is an array before mapping\n return Array.isArray(data?.items)\n ? data.items.map((item: any) => ({\n id: item.id,\n label: item.title,\n }))\n : [];\n};\n\nconst FETCH_DEBOUNCE_IN_MS = 300;\n\n/*\n Custom React hook for fetching location suggestions using HERE Maps Autocomplete API.\n \n @param query - The user input string to search for location suggestions.\n * @param options - Optional configuration:\n * - apiKey: Your HERE Maps API key (default is 'YOUR_API_KEY').\n * - fetchUrl: Optional override for the autocomplete endpoint URL.\n * @returns An object containing:\n * - suggestions: Array of location suggestions with `id` and `label`.\n * - loading: Boolean indicating whether the fetch is in progress.\n * - error: Any error that occurred during fetching.\n */\nconst useLocationSuggestions = (query: string, options: LocationFetchOptions = {}) => {\n const [suggestions, setSuggestions] = useState<LocationSuggestion[]>([]);\n\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState<Error \| null>(null);\n\n const abortRef = useRef<AbortController \| null>(null);\n\n // React re-renders the component every time state or props change. If we define the debounce() call\n // directly inside the component without useRef, we'll create a new debounced function on every render,\n // which defeats the purpose of debouncing.\n // By wrapping it in useRef, we ensure the debounced function is created only once and persists between renders\n const debouncedFetch = useRef(\n debounce(async (currentQuery: string, currentOptions: LocationFetchOptions) => {\n // Abort any ongoing request from previous calls\n abortRef.current?.abort();\n\n const controller = new AbortController();\n abortRef.current = controller;\n\n // Reset error before a new fetch attempt\n setError(null);\n\n try {\n const results = await fetchLocationSuggestions(currentQuery, controller.signal, currentOptions);\n setSuggestions(results);\n } catch (fetchError) {\n if ((fetchError as any).name !== 'AbortError') {\n setError(fetchError as Error);\n }\n setSuggestions([]);\n } finally {\n setLoading(false);\n }\n }, FETCH_DEBOUNCE_IN_MS)\n ).current;\n\n // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>\n useEffect(() => {\n if (!query \|\| !options.apiKey) {\n setSuggestions([]);\n setLoading(false);\n // Abort if there was an ongoing request\n abortRef.current?.abort();\n return;\n }\n\n setLoading(true);\n debouncedFetch(query, options);\n }, [query, debouncedFetch, options.apiKey, options.fetchUrl]); // `debouncedFetch` is stable due to useRef\n\n // Cleanup on unmount\n useEffect(() => ~~{\n return~~ () => {\n abortRef.current?.abort();\n };\n }, []);\n\n return { suggestions, loading, error };\n};\n\nexport default useLocationSuggestions;\n"],"names":["DEFAULT_URL","fetchLocationSuggestions","query","signal","options","apiKey","fetchUrl","limit","restOptions","params","response","data","item","FETCH_DEBOUNCE_IN_MS","useLocationSuggestions","suggestions","setSuggestions","useState","loading","setLoading","error","setError","abortRef","useRef","debouncedFetch","debounce","currentQuery","currentOptions","controller","results","fetchError","useEffect"],"mappings":";;AAeA,MAAMA,IAAc,2DAEdC,IAA2B,OAC7BC,GACAC,GACAC,IAAgC,CAAA,MACA;AAChC,QAAM,EAAE,QAAAC,GAAQ,UAAAC,IAAWN,GAAa,OAAAO,IAAQ,GAAG,GAAGC,MAAgBJ;AAEtE,MAAI,CAACF,KAAS,CAACG;AACX,WAAO,CAAA;AAGX,QAAMI,IAAS,IAAI,gBAAgB;AAAA,IAC/B,GAAGP;AAAA,IACH,QAAAG;AAAA,IACA,OAAO,OAAOE,CAAK;AAAA;AAAA,IAGnB,GAAGC;AAAA,EAAA,CACN,GAEKE,IAAW,MAAM,MAAM,GAAGJ,CAAQ,IAAIG,EAAO,SAAA,CAAU,IAAI,EAAE,QAAAN,EAAA,CAAQ;AAE3E,MAAI,CAACO,EAAS;AAGV,UAAM,IAAI,MAAM,kCAAkCA,EAAS,MAAM,EAAE;AAGvE,QAAMC,IAAO,MAAMD,EAAS,KAAA;AAG5B,SAAO,MAAM,QAAQC,GAAM,KAAK,IAC1BA,EAAK,MAAM,IAAI,CAACC,OAAe;AAAA,IAC3B,IAAIA,EAAK;AAAA,IACT,OAAOA,EAAK;AAAA,EAAA,EACd,IACF,CAAA;AACV,GAEMC,IAAuB,KAcvBC,IAAyB,CAACZ,GAAeE,IAAgC,OAAO;AAClF,QAAM,CAACW,GAAaC,CAAc,IAAIC,EAA+B,CAAA,CAAE,GAEjE,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GACtC,CAACG,GAAOC,CAAQ,IAAIJ,EAAuB,IAAI,GAE/CK,IAAWC,EAA+B,IAAI,GAM9CC,IAAiBD;AAAA,IACnBE,EAAS,OAAOC,GAAsBC,MAAyC;AAE3E,MAAAL,EAAS,SAAS,MAAA;AAElB,YAAMM,IAAa,IAAI,gBAAA;AACvB,MAAAN,EAAS,UAAUM,GAGnBP,EAAS,IAAI;AAEb,UAAI;AACA,cAAMQ,IAAU,MAAM5B,EAAyByB,GAAcE,EAAW,QAAQD,CAAc;AAC9F,QAAAX,EAAea,CAAO;AAAA,MAC1B,SAASC,GAAY;AACjB,QAAKA,EAAmB,SAAS,gBAC7BT,EAASS,CAAmB,GAEhCd,EAAe,CAAA,CAAE;AAAA,MACrB,UAAA;AACI,QAAAG,EAAW,EAAK;AAAA,MACpB;AAAA,IACJ,GAAGN,CAAoB;AAAA,EAAA,EACzB;AAGF,SAAAkB,EAAU,MAAM;AACZ,QAAI,CAAC7B,KAAS,CAACE,EAAQ,QAAQ;AAC3B,MAAAY,EAAe,CAAA,CAAE,GACjBG,EAAW,EAAK,GAEhBG,EAAS,SAAS,MAAA;AAClB;AAAA,IACJ;AAEA,IAAAH,EAAW,EAAI,GACfK,EAAetB,GAAOE,CAAO;AAAA,EACjC,GAAG,CAACF,GAAOsB,GAAgBpB,EAAQ,QAAQA,EAAQ,QAAQ,CAAC,GAG5D2B,~~EAAU~~,~~MACC~~,MAAM;~~AACT~~,~~IAAAT~~,EAAS,SAAS,MAAA;AAAA,~~EACtB~~,~~GACD~~,CAAA,~~CAAE~~,~~GAEE~~,EAAE,aAAAP,GAAa,SAAAG,GAAS,OAAAE,EAAA;AACnC;"}
1	+ {"version":3,"file":"useLocationSuggestions.js","sources":["../../src/hooks/useLocationSuggestions.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { debounce } from 'es-toolkit/function';\n\nexport type LocationSuggestion = {\n id: string;\n label: string;\n};\n\n// See API documentation - https://www.here.com/docs/bundle/geocoding-and-search-api-v7-api-reference/page/index.html#/paths/~1autocomplete/get\nexport type LocationFetchOptions = Record<string, unknown> & {\n apiKey?: string;\n fetchUrl?: string;\n limit?: number; // Default by Here API is set to 5; Maximum is 20\n};\n\nconst DEFAULT_URL = 'https://autocomplete.search.hereapi.com/v1/autocomplete';\n\nconst fetchLocationSuggestions = async (\n query: string,\n signal: AbortSignal,\n options: LocationFetchOptions = {}\n): Promise<LocationSuggestion[]> => {\n const { apiKey, fetchUrl = DEFAULT_URL, limit = 5, ...restOptions } = options;\n\n if (!query \|\| !apiKey) {\n return [];\n }\n\n const params = new URLSearchParams({\n q: query,\n apiKey,\n limit: String(limit),\n\n // Add any additional options dynamically\n ...restOptions,\n });\n\n const response = await fetch(`${fetchUrl}?${params.toString()}`, { signal });\n\n if (!response.ok) {\n // Throw an error for bad responses (4xx, 5xx)\n // This allows the hook's catch block to handle API errors\n throw new Error(`API request failed with status ${response.status}`);\n }\n\n const data = await response.json();\n\n // Ensure data.items exists and is an array before mapping\n return Array.isArray(data?.items)\n ? data.items.map((item: any) => ({\n id: item.id,\n label: item.title,\n }))\n : [];\n};\n\nconst FETCH_DEBOUNCE_IN_MS = 300;\n\n/*\n Custom React hook for fetching location suggestions using HERE Maps Autocomplete API.\n \n @param query - The user input string to search for location suggestions.\n * @param options - Optional configuration:\n * - apiKey: Your HERE Maps API key (default is 'YOUR_API_KEY').\n * - fetchUrl: Optional override for the autocomplete endpoint URL.\n * @returns An object containing:\n * - suggestions: Array of location suggestions with `id` and `label`.\n * - loading: Boolean indicating whether the fetch is in progress.\n * - error: Any error that occurred during fetching.\n */\nconst useLocationSuggestions = (query: string, options: LocationFetchOptions = {}) => {\n const [suggestions, setSuggestions] = useState<LocationSuggestion[]>([]);\n\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState<Error \| null>(null);\n\n const abortRef = useRef<AbortController \| null>(null);\n\n // React re-renders the component every time state or props change. If we define the debounce() call\n // directly inside the component without useRef, we'll create a new debounced function on every render,\n // which defeats the purpose of debouncing.\n // By wrapping it in useRef, we ensure the debounced function is created only once and persists between renders\n const debouncedFetch = useRef(\n debounce(async (currentQuery: string, currentOptions: LocationFetchOptions) => {\n // Abort any ongoing request from previous calls\n abortRef.current?.abort();\n\n const controller = new AbortController();\n abortRef.current = controller;\n\n // Reset error before a new fetch attempt\n setError(null);\n\n try {\n const results = await fetchLocationSuggestions(currentQuery, controller.signal, currentOptions);\n setSuggestions(results);\n } catch (fetchError) {\n if ((fetchError as any).name !== 'AbortError') {\n setError(fetchError as Error);\n }\n setSuggestions([]);\n } finally {\n setLoading(false);\n }\n }, FETCH_DEBOUNCE_IN_MS)\n ).current;\n\n // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>\n useEffect(() => {\n if (!query \|\| !options.apiKey) {\n setSuggestions([]);\n setLoading(false);\n // Abort if there was an ongoing request\n abortRef.current?.abort();\n return;\n }\n\n setLoading(true);\n debouncedFetch(query, options);\n }, [query, debouncedFetch, options.apiKey, options.fetchUrl]); // `debouncedFetch` is stable due to useRef\n\n // Cleanup on unmount\n useEffect(\n () => () => {\n abortRef.current?.abort();\n },\n []\n );\n\n return { suggestions, loading, error };\n};\n\nexport default useLocationSuggestions;\n"],"names":["DEFAULT_URL","fetchLocationSuggestions","query","signal","options","apiKey","fetchUrl","limit","restOptions","params","response","data","item","FETCH_DEBOUNCE_IN_MS","useLocationSuggestions","suggestions","setSuggestions","useState","loading","setLoading","error","setError","abortRef","useRef","debouncedFetch","debounce","currentQuery","currentOptions","controller","results","fetchError","useEffect"],"mappings":";;AAeA,MAAMA,IAAc,2DAEdC,IAA2B,OAC7BC,GACAC,GACAC,IAAgC,CAAA,MACA;AAChC,QAAM,EAAE,QAAAC,GAAQ,UAAAC,IAAWN,GAAa,OAAAO,IAAQ,GAAG,GAAGC,MAAgBJ;AAEtE,MAAI,CAACF,KAAS,CAACG;AACX,WAAO,CAAA;AAGX,QAAMI,IAAS,IAAI,gBAAgB;AAAA,IAC/B,GAAGP;AAAA,IACH,QAAAG;AAAA,IACA,OAAO,OAAOE,CAAK;AAAA;AAAA,IAGnB,GAAGC;AAAA,EAAA,CACN,GAEKE,IAAW,MAAM,MAAM,GAAGJ,CAAQ,IAAIG,EAAO,SAAA,CAAU,IAAI,EAAE,QAAAN,EAAA,CAAQ;AAE3E,MAAI,CAACO,EAAS;AAGV,UAAM,IAAI,MAAM,kCAAkCA,EAAS,MAAM,EAAE;AAGvE,QAAMC,IAAO,MAAMD,EAAS,KAAA;AAG5B,SAAO,MAAM,QAAQC,GAAM,KAAK,IAC1BA,EAAK,MAAM,IAAI,CAACC,OAAe;AAAA,IAC3B,IAAIA,EAAK;AAAA,IACT,OAAOA,EAAK;AAAA,EAAA,EACd,IACF,CAAA;AACV,GAEMC,IAAuB,KAcvBC,IAAyB,CAACZ,GAAeE,IAAgC,OAAO;AAClF,QAAM,CAACW,GAAaC,CAAc,IAAIC,EAA+B,CAAA,CAAE,GAEjE,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GACtC,CAACG,GAAOC,CAAQ,IAAIJ,EAAuB,IAAI,GAE/CK,IAAWC,EAA+B,IAAI,GAM9CC,IAAiBD;AAAA,IACnBE,EAAS,OAAOC,GAAsBC,MAAyC;AAE3E,MAAAL,EAAS,SAAS,MAAA;AAElB,YAAMM,IAAa,IAAI,gBAAA;AACvB,MAAAN,EAAS,UAAUM,GAGnBP,EAAS,IAAI;AAEb,UAAI;AACA,cAAMQ,IAAU,MAAM5B,EAAyByB,GAAcE,EAAW,QAAQD,CAAc;AAC9F,QAAAX,EAAea,CAAO;AAAA,MAC1B,SAASC,GAAY;AACjB,QAAKA,EAAmB,SAAS,gBAC7BT,EAASS,CAAmB,GAEhCd,EAAe,CAAA,CAAE;AAAA,MACrB,UAAA;AACI,QAAAG,EAAW,EAAK;AAAA,MACpB;AAAA,IACJ,GAAGN,CAAoB;AAAA,EAAA,EACzB;AAGF,SAAAkB,EAAU,MAAM;AACZ,QAAI,CAAC7B,KAAS,CAACE,EAAQ,QAAQ;AAC3B,MAAAY,EAAe,CAAA,CAAE,GACjBG,EAAW,EAAK,GAEhBG,EAAS,SAAS,MAAA;AAClB;AAAA,IACJ;AAEA,IAAAH,EAAW,EAAI,GACfK,EAAetB,GAAOE,CAAO;AAAA,EACjC,GAAG,CAACF,GAAOsB,GAAgBpB,EAAQ,QAAQA,EAAQ,QAAQ,CAAC,GAG5D2B;AAAA,IACI,MAAM,MAAM;AACR,MAAAT,EAAS,SAAS,MAAA;AAAA,IACtB;AAAA,IACA,CAAA;AAAA,EAAC,GAGE,EAAE,aAAAP,GAAa,SAAAG,GAAS,OAAAE,EAAA;AACnC;"}

package/hooks/useMergeRefs.js CHANGED Viewed

@@ -1,22 +1,22 @@
-import { useMemo as e } from "react";
-const o = (r, t) => {
-  if (r != null) {
-    if (typeof r == "function") {
-      r(t);
+import { useMemo as r } from "react";
+const e = (t, n) => {
+  if (t != null) {
+    if (typeof t == "function") {
+      t(n);
       return;
     }
     try {
-      r.current = t;
+      t.current = n;
     } catch {
-      throw new Error(`Cannot assign value '${t}' to ref '${r}'`);
+      throw new Error(`Cannot assign value '${n}' to ref '${t}'`);
     }
   }
-}, s = (...r) => (t) => {
-  r.forEach((n) => {
-    o(n, t);
+}, s = (...t) => (n) => {
+  t.forEach((o) => {
+    e(o, n);
   });
-}, c = (...r) => e(() => s(...r), r);
+}, u = (...t) => r(() => s(...t), t);
 export {
-  c as default
+  u as default
 };
 //# sourceMappingURL=useMergeRefs.js.map

package/hooks/useMergeRefs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMergeRefs.js","sources":["../../src/hooks/useMergeRefs.ts"],"sourcesContent":["// forked from https://github.com/chakra-ui/chakra-ui/blob/main/packages/hooks/use-merge-refs/src/index.ts\n\nimport type React from 'react';\nimport { useMemo } from 'react';\n\nexport type ReactRef<T> = React.RefCallback<T> \| React.MutableRefObject<T>;\n\n/*\n Assigns a value to a React reference.\n \n @param ref - The React reference to assign the value to.\n * @param value - The value to assign to the reference.\n /\nconst assignRef = <T = any>(ref: ReactRef<T> \| null \| undefined, value: T) => {\n if (ref == null) {\n return;\n }\n\n if (typeof ref === 'function') {\n ref(value);\n return;\n }\n\n try {\n ref.current = value;\n } catch ~~(error)~~ {\n throw new Error(`Cannot assign value '${value}' to ref '${ref}'`);\n }\n};\n\n/\n Merges multiple React references into a single callback ref.\n \n @param refs - The React references to merge.\n * @returns A callback function to assign the merged references to a node.\n /\nconst mergeRefs = <T>(...refs: (ReactRef<T> \| null \| undefined)[]) ~~=> {\~~n ~~return~~ (node: T \| null) => {\n refs.forEach(ref => {\n assignRef(ref, node);\n });\n };\n~~};\n~~\n/\n Custom hook to merge multiple React references into a single callback ref.\n \n @param refs - The React references to merge.\n * @returns A memoized callback function to assign the merged references to a node.\n */\nconst useMergeRefs = <T>(...refs: (ReactRef<T> \| null \| undefined)[]) => ~~{\n return~~ useMemo(() => mergeRefs(...refs), refs);\n~~};\n~~\nexport default useMergeRefs;\n"],"names":["assignRef","ref","value","mergeRefs","refs","node","useMergeRefs","useMemo"],"mappings":";AAaA,MAAMA,IAAY,CAAUC,GAAqCC,MAAa;AAC1E,MAAID,KAAO,MAIX;AAAA,QAAI,OAAOA,KAAQ,YAAY;AAC3B,MAAAA,EAAIC,CAAK;AACT;AAAA,IACJ;AAEA,QAAI;AACA,MAAAD,EAAI,UAAUC;AAAA,IAClB,~~QAAgB~~;~~AACZ~~,YAAM,IAAI,MAAM,wBAAwBA,CAAK,aAAaD,CAAG,GAAG;AAAA,IACpE;AAAA;AACJ,GAQME,~~IAAY~~,IAAOC,~~MACd~~,CAACC,MAAmB;~~AACvB~~,EAAAD,EAAK,QAAQ,CAAAH,MAAO;AAChB,IAAAD,EAAUC,GAAKI,CAAI;AAAA,EACvB,CAAC;AACL,~~GASEC~~,IAAe,IAAOF,~~MACjBG~~,EAAQ,MAAMJ,EAAU,GAAGC,CAAI,GAAGA,CAAI;"}
1	+ {"version":3,"file":"useMergeRefs.js","sources":["../../src/hooks/useMergeRefs.ts"],"sourcesContent":["// forked from https://github.com/chakra-ui/chakra-ui/blob/main/packages/hooks/use-merge-refs/src/index.ts\n\nimport type React from 'react';\nimport { useMemo } from 'react';\n\nexport type ReactRef<T> = React.RefCallback<T> \| React.MutableRefObject<T>;\n\n/*\n Assigns a value to a React reference.\n \n @param ref - The React reference to assign the value to.\n * @param value - The value to assign to the reference.\n /\nconst assignRef = <T = any>(ref: ReactRef<T> \| null \| undefined, value: T) => {\n if (ref == null) {\n return;\n }\n\n if (typeof ref === 'function') {\n ref(value);\n return;\n }\n\n try {\n ref.current = value;\n } catch {\n throw new Error(`Cannot assign value '${value}' to ref '${ref}'`);\n }\n};\n\n/\n Merges multiple React references into a single callback ref.\n \n @param refs - The React references to merge.\n * @returns A callback function to assign the merged references to a node.\n /\nconst mergeRefs =\n <T>(...refs: (ReactRef<T> \| null \| undefined)[]) =>\n (node: T \| null) => {\n refs.forEach(ref => {\n assignRef(ref, node);\n });\n };\n\n/\n Custom hook to merge multiple React references into a single callback ref.\n \n @param refs - The React references to merge.\n * @returns A memoized callback function to assign the merged references to a node.\n */\nconst useMergeRefs = <T>(...refs: (ReactRef<T> \| null \| undefined)[]) => useMemo(() => mergeRefs(...refs), refs);\n\nexport default useMergeRefs;\n"],"names":["assignRef","ref","value","mergeRefs","refs","node","useMergeRefs","useMemo"],"mappings":";AAaA,MAAMA,IAAY,CAAUC,GAAqCC,MAAa;AAC1E,MAAID,KAAO,MAIX;AAAA,QAAI,OAAOA,KAAQ,YAAY;AAC3B,MAAAA,EAAIC,CAAK;AACT;AAAA,IACJ;AAEA,QAAI;AACA,MAAAD,EAAI,UAAUC;AAAA,IAClB,QAAQ;AACJ,YAAM,IAAI,MAAM,wBAAwBA,CAAK,aAAaD,CAAG,GAAG;AAAA,IACpE;AAAA;AACJ,GAQME,IACF,IAAOC,MACP,CAACC,MAAmB;AAChB,EAAAD,EAAK,QAAQ,CAAAH,MAAO;AAChB,IAAAD,EAAUC,GAAKI,CAAI;AAAA,EACvB,CAAC;AACL,GAQEC,IAAe,IAAOF,MAA6CG,EAAQ,MAAMJ,EAAU,GAAGC,CAAI,GAAGA,CAAI;"}

package/hooks/usePrevious.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@
  *
  * Quoting from the React documentation:
  *
- * *In most cases, you don’t need this:*
+ * **In most cases, you don’t need this:**
  *
  * - *If the value you need can be computed entirely from the current props or other state, remove*
  * *that redundant state altogether. If you’re worried about recomputing too often, the useMemo Hook can help.*

package/hooks/usePrevious.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePrevious.js","sources":["../../src/hooks/usePrevious.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { isEqual } from 'es-toolkit/compat';\n\n// Based on the react beta docs, we avoid using an effect here but\n// use another state to store the previous value to compare to.\n// See: https://react.dev/reference/react/useState#storing-information-from-previous-renders\n\n/*\n The usePrevious hook allows to easily access state from previous component render.\n * Instead of using a React.ref or a useEffect, this hook uses a useState internally to keep track of the\n * previous state value.\n \n Quoting from the React documentation:\n \n In most cases, you don’t need this~~:\~~n \n - If the value you need can be computed entirely from the current props or other state, remove\n * that redundant state altogether. If you’re worried about recomputing too often, the useMemo Hook can help.\n * - If you want to reset the entire component tree’s state, pass a different key to your component.\n * - If you can, update all the relevant state in the event handlers.\n \n @link https://react.dev/reference/react/useState#storing-information-from-previous-renders\n \n @param state The value of the current state to keep track of.\n * @returns\n */\nconst usePrevious = <T>(\n state: T,\n isEqualFunc?: ((value: T \| null \| undefined, current: T \| null \| undefined) => any) \| undefined\n): T => {\n const ref = useRef<{ target: T; previous: T }>({ target: state, previous: state });\n\n if (isEqualFunc ? !isEqualFunc(state, ref.current.target) : !isEqual(state, ref.current.target)) {\n ref.current.previous = ref.current.target;\n ref.current.target = state;\n }\n\n return ref.current.previous;\n};\n\nexport default usePrevious;\n"],"names":["usePrevious","state","isEqualFunc","ref","useRef","isEqual"],"mappings":";;AA0BA,MAAMA,IAAc,CAChBC,GACAC,MACI;AACJ,QAAMC,IAAMC,EAAmC,EAAE,QAAQH,GAAO,UAAUA,GAAO;AAEjF,UAAIC,IAAc,CAACA,EAAYD,GAAOE,EAAI,QAAQ,MAAM,IAAI,CAACE,EAAQJ,GAAOE,EAAI,QAAQ,MAAM,OAC1FA,EAAI,QAAQ,WAAWA,EAAI,QAAQ,QACnCA,EAAI,QAAQ,SAASF,IAGlBE,EAAI,QAAQ;AACvB;"}
1	+ {"version":3,"file":"usePrevious.js","sources":["../../src/hooks/usePrevious.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { isEqual } from 'es-toolkit/compat';\n\n// Based on the react beta docs, we avoid using an effect here but\n// use another state to store the previous value to compare to.\n// See: https://react.dev/reference/react/useState#storing-information-from-previous-renders\n\n/*\n The usePrevious hook allows to easily access state from previous component render.\n * Instead of using a React.ref or a useEffect, this hook uses a useState internally to keep track of the\n * previous state value.\n \n Quoting from the React documentation:\n \n In most cases, you don’t need this:\n \n - If the value you need can be computed entirely from the current props or other state, remove\n * that redundant state altogether. If you’re worried about recomputing too often, the useMemo Hook can help.\n * - If you want to reset the entire component tree’s state, pass a different key to your component.\n * - If you can, update all the relevant state in the event handlers.\n \n @link https://react.dev/reference/react/useState#storing-information-from-previous-renders\n \n @param state The value of the current state to keep track of.\n * @returns\n */\nconst usePrevious = <T>(\n state: T,\n isEqualFunc?: ((value: T \| null \| undefined, current: T \| null \| undefined) => any) \| undefined\n): T => {\n const ref = useRef<{ target: T; previous: T }>({ target: state, previous: state });\n\n if (isEqualFunc ? !isEqualFunc(state, ref.current.target) : !isEqual(state, ref.current.target)) {\n ref.current.previous = ref.current.target;\n ref.current.target = state;\n }\n\n return ref.current.previous;\n};\n\nexport default usePrevious;\n"],"names":["usePrevious","state","isEqualFunc","ref","useRef","isEqual"],"mappings":";;AA0BA,MAAMA,IAAc,CAChBC,GACAC,MACI;AACJ,QAAMC,IAAMC,EAAmC,EAAE,QAAQH,GAAO,UAAUA,GAAO;AAEjF,UAAIC,IAAc,CAACA,EAAYD,GAAOE,EAAI,QAAQ,MAAM,IAAI,CAACE,EAAQJ,GAAOE,EAAI,QAAQ,MAAM,OAC1FA,EAAI,QAAQ,WAAWA,EAAI,QAAQ,QACnCA,EAAI,QAAQ,SAASF,IAGlBE,EAAI,QAAQ;AACvB;"}

package/hooks/useResizeObserver.js CHANGED Viewed

@@ -1,18 +1,33 @@
-import { useState as l, useRef as o, useCallback as c, useLayoutEffect as b } from "react";
-const z = () => {
-  const [r, u] = l(null), e = o(null), n = o(null), t = c(() => n.current?.disconnect(), []), s = c(() => {
-    n.current = new ResizeObserver(([i]) => u(i)), e.current && n.current.observe(e.current);
-  }, [e]);
-  return b(() => (s(), () => t()), [t, s]), [
+import { useState as d, useRef as u, useCallback as a, useLayoutEffect as f } from "react";
+const c = (e) => {
+  const n = e?.borderBoxSize?.at(0);
+  return {
+    blockSize: n?.blockSize ?? e?.contentRect.height,
+    inlineSize: n?.inlineSize ?? e?.contentRect.width
+  };
+}, v = () => {
+  const [e, n] = d(null), t = u(null), o = u(null), s = a(() => o.current?.disconnect(), []), l = a(() => {
+    o.current = new ResizeObserver(([i]) => {
+      n((r) => {
+        if (!r)
+          return i;
+        const S = c(r), b = c(i);
+        return r.target === i.target && S.blockSize === b.blockSize && S.inlineSize === b.inlineSize ? r : i;
+      });
+    }), t.current && o.current.observe(t.current);
+  }, [t]);
+  f(() => (l(), () => s()), [s, l]);
+  const z = c(e);
+  return [
+    t,
     e,
-    r,
     {
-      blockSize: r?.borderBoxSize?.at(0)?.blockSize,
-      inlineSize: r?.borderBoxSize?.at(0)?.inlineSize
+      blockSize: z.blockSize,
+      inlineSize: z.inlineSize
     }
   ];
 };
 export {
-  z as default
+  v as default
 };
 //# sourceMappingURL=useResizeObserver.js.map

package/hooks/useResizeObserver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useResizeObserver.js","sources":["../../src/hooks/useResizeObserver.ts"],"sourcesContent":["// inspired from https://tobbelindstrom.com/blog/resize-observer-hook/\n\nimport { useRef, useLayoutEffect, useState, useCallback, type MutableRefObject } from 'react';\n\n/*\n Custom hook for observing element resize.\n * @returns\n */\nconst useResizeObserver = <T extends HTMLElement = HTMLDivElement>(): [\n MutableRefObject<T \| null>,\n ResizeObserverEntry \| null,\n { blockSize: number \| undefined; inlineSize: number \| undefined },\n] => {\n const [observerEntry, setObserverEntry] = useState<ResizeObserverEntry \| null>(null);\n\n const nodeRef = useRef<T \| null>(null);\n\n const observer = useRef<ResizeObserver \| null>(null);\n\n const disconnect = useCallback(() => observer.current?.disconnect(), []);\n\n const observe = useCallback(() => {\n observer.current = new ResizeObserver(([entry]) => setObserverEntry(entry));\n if (nodeRef.current) {\n observer.current.observe(nodeRef.current);\n }\n }, [nodeRef]);\n\n useLayoutEffect(() => {\n observe();\n return () => disconnect();\n }, [disconnect, observe]);\n\n return [\n nodeRef,\n observerEntry,\n {\n blockSize: ~~observerEntry?.borderBoxSize?.at(0)?.~~blockSize,\n inlineSize: ~~observerEntry?.borderBoxSize?.at(0)?.~~inlineSize,\n },\n ];\n};\nexport default useResizeObserver;\n"],"names":["useResizeObserver","observerEntry","setObserverEntry","useState","nodeRef","useRef","observer","disconnect","useCallback","observe","~~entry~~","useLayoutEffect"],"mappings":";~~AAQA~~,MAAMA,IAAoB,MAIrB;AACD,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAqC,IAAI,GAE7EC,IAAUC,EAAiB,IAAI,GAE/BC,IAAWD,EAA8B,IAAI,GAE7CE,IAAaC,EAAY,MAAMF,EAAS,SAAS,WAAA,GAAc,EAAE,GAEjEG,IAAUD,EAAY,MAAM;AAC9B,IAAAF,EAAS,UAAU,IAAI,eAAe,CAAC,~~CAACI~~,CAAK,~~MAAMR~~,~~EAAiBQ~~,CAAK,CAAC,~~GACtEN~~,EAAQ,WACRE,EAAS,QAAQ,QAAQF,EAAQ,OAAO;AAAA,EAEhD,GAAG,CAACA,CAAO,CAAC;AAEZ,~~SAAAO~~,EAAgB,~~OACZF~~,EAAA,GACO,MAAMF,EAAA,IACd,CAACA,GAAYE,CAAO,CAAC,~~GAEjB~~;AAAA,~~IACHL~~;AAAA,IACAH;AAAA,IACA;AAAA,MACI,~~WAAWA~~,~~GAAe,eAAe,GAAG,CAAC,GAAG~~;AAAA,~~MAChD~~,YAAYA,~~GAAe,eAAe,GAAG,CAAC,GAAG~~;AAAA,IAAA;AAAA,~~EACrD~~;AAER;"}
1	+ {"version":3,"file":"useResizeObserver.js","sources":["../../src/hooks/useResizeObserver.ts"],"sourcesContent":["// inspired from https://tobbelindstrom.com/blog/resize-observer-hook/\n\nimport { useRef, useLayoutEffect, useState, useCallback, type MutableRefObject } from 'react';\n\nconst getObservedSize = (entry: ResizeObserverEntry \| null) => {\n const borderBoxSize = entry?.borderBoxSize?.at(0);\n\n return {\n blockSize: borderBoxSize?.blockSize ?? entry?.contentRect.height,\n inlineSize: borderBoxSize?.inlineSize ?? entry?.contentRect.width,\n };\n};\n\n/*\n Custom hook for observing element resize.\n * @returns\n */\nconst useResizeObserver = <T extends HTMLElement = HTMLDivElement>(): [\n MutableRefObject<T \| null>,\n ResizeObserverEntry \| null,\n { blockSize: number \| undefined; inlineSize: number \| undefined },\n] => {\n const [observerEntry, setObserverEntry] = useState<ResizeObserverEntry \| null>(null);\n\n const nodeRef = useRef<T \| null>(null);\n\n const observer = useRef<ResizeObserver \| null>(null);\n\n const disconnect = useCallback(() => observer.current?.disconnect(), []);\n\n const observe = useCallback(() => {\n observer.current = new ResizeObserver(([entry]) => {\n setObserverEntry(previousEntry => {\n if (!previousEntry) {\n return entry;\n }\n\n const previousSize = getObservedSize(previousEntry);\n const nextSize = getObservedSize(entry);\n\n return previousEntry.target === entry.target &&\n previousSize.blockSize === nextSize.blockSize &&\n previousSize.inlineSize === nextSize.inlineSize\n ? previousEntry\n : entry;\n });\n });\n if (nodeRef.current) {\n observer.current.observe(nodeRef.current);\n }\n }, [nodeRef]);\n\n useLayoutEffect(() => {\n observe();\n return () => disconnect();\n }, [disconnect, observe]);\n\n const observedSize = getObservedSize(observerEntry);\n\n return [\n nodeRef,\n observerEntry,\n {\n blockSize: observedSize.blockSize,\n inlineSize: observedSize.inlineSize,\n },\n ];\n};\nexport default useResizeObserver;\n"],"names":["getObservedSize","entry","borderBoxSize","useResizeObserver","observerEntry","setObserverEntry","useState","nodeRef","useRef","observer","disconnect","useCallback","observe","previousEntry","previousSize","nextSize","useLayoutEffect","observedSize"],"mappings":";AAIA,MAAMA,IAAkB,CAACC,MAAsC;AAC3D,QAAMC,IAAgBD,GAAO,eAAe,GAAG,CAAC;AAEhD,SAAO;AAAA,IACH,WAAWC,GAAe,aAAaD,GAAO,YAAY;AAAA,IAC1D,YAAYC,GAAe,cAAcD,GAAO,YAAY;AAAA,EAAA;AAEpE,GAMME,IAAoB,MAIrB;AACD,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAqC,IAAI,GAE7EC,IAAUC,EAAiB,IAAI,GAE/BC,IAAWD,EAA8B,IAAI,GAE7CE,IAAaC,EAAY,MAAMF,EAAS,SAAS,WAAA,GAAc,EAAE,GAEjEG,IAAUD,EAAY,MAAM;AAC9B,IAAAF,EAAS,UAAU,IAAI,eAAe,CAAC,CAACR,CAAK,MAAM;AAC/C,MAAAI,EAAiB,CAAAQ,MAAiB;AAC9B,YAAI,CAACA;AACD,iBAAOZ;AAGX,cAAMa,IAAed,EAAgBa,CAAa,GAC5CE,IAAWf,EAAgBC,CAAK;AAEtC,eAAOY,EAAc,WAAWZ,EAAM,UAClCa,EAAa,cAAcC,EAAS,aACpCD,EAAa,eAAeC,EAAS,aACnCF,IACAZ;AAAA,MACV,CAAC;AAAA,IACL,CAAC,GACGM,EAAQ,WACRE,EAAS,QAAQ,QAAQF,EAAQ,OAAO;AAAA,EAEhD,GAAG,CAACA,CAAO,CAAC;AAEZ,EAAAS,EAAgB,OACZJ,EAAA,GACO,MAAMF,EAAA,IACd,CAACA,GAAYE,CAAO,CAAC;AAExB,QAAMK,IAAejB,EAAgBI,CAAa;AAElD,SAAO;AAAA,IACHG;AAAA,IACAH;AAAA,IACA;AAAA,MACI,WAAWa,EAAa;AAAA,MACxB,YAAYA,EAAa;AAAA,IAAA;AAAA,EAC7B;AAER;"}