@atom-learning/components 6.5.3 → 6.5.5

package/dist/utilities/hooks/useCallbackRef.js

@@ -1,17 +1,18 @@
-import * as e from "react";
+import * as React$1 from "react";
 //#region src/utilities/hooks/useCallbackRef.ts
-var t = () => {
-	let t = e.useRef(null);
-	return [t, e.useCallback((e) => {
-		e && (t.current = e);
+var useCallbackRef = () => {
+	const elRef = React$1.useRef(null);
+	return [elRef, React$1.useCallback((el) => {
+		if (el) elRef.current = el;
 	}, [])];
-}, n = () => {
-	let [t, n] = e.useState(null);
-	return [t, e.useCallback((e) => {
-		e && n(e);
+};
+var useCallbackRefState = () => {
+	const [elRef, setElRef] = React$1.useState(null);
+	return [elRef, React$1.useCallback((el) => {
+		if (el) setElRef(el);
 	}, [])];
 };
 //#endregion
-export { t as useCallbackRef, n as useCallbackRefState };
+export { useCallbackRef, useCallbackRefState };
 
 //# sourceMappingURL=useCallbackRef.js.map

package/dist/utilities/hooks/useCallbackRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCallbackRef.js","names":[],"sources":["../../../src/utilities/hooks/useCallbackRef.ts"],"sourcesContent":["import * as React from 'react'\n\nexport const useCallbackRef: () => [\n  React.MutableRefObject<HTMLElement | null>,\n  (HTMLElement) => void\n] = () => {\n  const elRef = React.useRef<HTMLElement | null>(null)\n\n  const setElRefCallback = React.useCallback((el) => {\n    if (el) elRef.current = el\n  }, [])\n\n  return [elRef, setElRefCallback]\n}\n\nexport const useCallbackRefState: () => [\n  HTMLElement | null,\n  (HTMLElement) => void\n] = () => {\n  const [elRef, setElRef] = React.useState<HTMLElement | null>(null)\n\n  const setElRefCallback = React.useCallback((el) => {\n    if (el) setElRef(el)\n  }, [])\n\n  return [elRef, setElRefCallback]\n}\n"],"mappings":";;AAEA,IAAa,UAGH;CACR,IAAM,IAAQ,EAAM,OAA2B,KAAK;AAMpD,QAAO,CAAC,GAJiB,EAAM,aAAa,MAAO;AACjD,EAAI,MAAI,EAAM,UAAU;IACvB,EAAE,CAAC,CAE0B;GAGrB,UAGH;CACR,IAAM,CAAC,GAAO,KAAY,EAAM,SAA6B,KAAK;AAMlE,QAAO,CAAC,GAJiB,EAAM,aAAa,MAAO;AACjD,EAAI,KAAI,EAAS,EAAG;IACnB,EAAE,CAAC,CAE0B"}
+{"version":3,"file":"useCallbackRef.js","names":[],"sources":["../../../src/utilities/hooks/useCallbackRef.ts"],"sourcesContent":["import * as React from 'react'\n\nexport const useCallbackRef: () => [\n  React.MutableRefObject<HTMLElement | null>,\n  (HTMLElement) => void\n] = () => {\n  const elRef = React.useRef<HTMLElement | null>(null)\n\n  const setElRefCallback = React.useCallback((el) => {\n    if (el) elRef.current = el\n  }, [])\n\n  return [elRef, setElRefCallback]\n}\n\nexport const useCallbackRefState: () => [\n  HTMLElement | null,\n  (HTMLElement) => void\n] = () => {\n  const [elRef, setElRef] = React.useState<HTMLElement | null>(null)\n\n  const setElRefCallback = React.useCallback((el) => {\n    if (el) setElRef(el)\n  }, [])\n\n  return [elRef, setElRefCallback]\n}\n"],"mappings":";;AAEA,IAAa,uBAGH;CACR,MAAM,QAAQ,QAAM,OAA2B,KAAK;AAMpD,QAAO,CAAC,OAJiB,QAAM,aAAa,OAAO;AACjD,MAAI,GAAI,OAAM,UAAU;IACvB,EAAE,CAAC,CAE0B;;AAGlC,IAAa,4BAGH;CACR,MAAM,CAAC,OAAO,YAAY,QAAM,SAA6B,KAAK;AAMlE,QAAO,CAAC,OAJiB,QAAM,aAAa,OAAO;AACjD,MAAI,GAAI,UAAS,GAAG;IACnB,EAAE,CAAC,CAE0B"}

package/dist/utilities/hooks/useIsMountedRef.js

@@ -1,12 +1,16 @@
-import { useEffect as e, useRef as t } from "react";
+import { useEffect, useRef } from "react";
 //#region src/utilities/hooks/useIsMountedRef.ts
-var n = () => {
-	let n = t();
-	return e(() => (n.current = !0, () => {
-		n.current = !1;
-	})), n;
+var useIsMountedRef = () => {
+	const isMountedRef = useRef();
+	useEffect(() => {
+		isMountedRef.current = true;
+		return () => {
+			isMountedRef.current = false;
+		};
+	});
+	return isMountedRef;
 };
 //#endregion
-export { n as useIsMountedRef };
+export { useIsMountedRef };
 
 //# sourceMappingURL=useIsMountedRef.js.map

package/dist/utilities/hooks/useIsMountedRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIsMountedRef.js","names":[],"sources":["../../../src/utilities/hooks/useIsMountedRef.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nexport const useIsMountedRef = () => {\n  const isMountedRef = useRef<boolean>()\n\n  useEffect(() => {\n    isMountedRef.current = true\n    return () => {\n      isMountedRef.current = false\n    }\n  })\n\n  return isMountedRef\n}\n"],"mappings":";;AAEA,IAAa,UAAwB;CACnC,IAAM,IAAe,GAAiB;AAStC,QAPA,SACE,EAAa,UAAU,UACV;AACX,IAAa,UAAU;IAEzB,EAEK"}
+{"version":3,"file":"useIsMountedRef.js","names":[],"sources":["../../../src/utilities/hooks/useIsMountedRef.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nexport const useIsMountedRef = () => {\n  const isMountedRef = useRef<boolean>()\n\n  useEffect(() => {\n    isMountedRef.current = true\n    return () => {\n      isMountedRef.current = false\n    }\n  })\n\n  return isMountedRef\n}\n"],"mappings":";;AAEA,IAAa,wBAAwB;CACnC,MAAM,eAAe,QAAiB;AAEtC,iBAAgB;AACd,eAAa,UAAU;AACvB,eAAa;AACX,gBAAa,UAAU;;GAEzB;AAEF,QAAO"}

package/dist/utilities/hooks/useResizeObserver.js

@@ -1,21 +1,26 @@
-import * as e from "react";
-import { debounce as t } from "throttle-debounce";
+import * as React$1 from "react";
+import { debounce } from "throttle-debounce";
 //#region src/utilities/hooks/useResizeObserver.ts
-var n = (e) => {
+var createResizeObserver = (callback) => {
 	try {
-		return new ResizeObserver(e);
+		return new ResizeObserver(callback);
 	} catch {
 		return null;
 	}
-}, r = ({ delay: r = 500, elements: i, onResize: a }) => {
-	let o = e.useMemo(() => n(t(r, a)), [r, a]);
-	return e.useEffect(() => (i.forEach((e) => {
-		e && o?.observe(e);
-	}), () => {
-		i.forEach((e) => e && o?.unobserve(e));
-	}), [o, i]), o;
+};
+var useResizeObserver = ({ delay = 500, elements, onResize }) => {
+	const observer = React$1.useMemo(() => createResizeObserver(debounce(delay, onResize)), [delay, onResize]);
+	React$1.useEffect(() => {
+		elements.forEach((element) => {
+			if (element) observer?.observe(element);
+		});
+		return () => {
+			elements.forEach((element) => element && observer?.unobserve(element));
+		};
+	}, [observer, elements]);
+	return observer;
 };
 //#endregion
-export { r as useResizeObserver };
+export { useResizeObserver };
 
 //# sourceMappingURL=useResizeObserver.js.map

package/dist/utilities/hooks/useResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.js","names":[],"sources":["../../../src/utilities/hooks/useResizeObserver.ts"],"sourcesContent":["import * as React from 'react'\nimport { debounce } from 'throttle-debounce'\n\ntype TUseResizeObserverOptions = {\n  elements: (HTMLElement | undefined | null)[]\n  onResize: (entries: ResizeObserverEntry[]) => void\n  delay?: number\n}\n\ntype TUseResizeObserverOutput = ResizeObserver | null\n\nconst createResizeObserver = (\n  callback: (entries: ResizeObserverEntry[]) => void\n) => {\n  try {\n    return new ResizeObserver(callback)\n  } catch {\n    return null\n  }\n}\n\nexport const useResizeObserver = ({\n  delay = 500,\n  elements,\n  onResize\n}: TUseResizeObserverOptions): TUseResizeObserverOutput => {\n  const observer = React.useMemo(\n    () => createResizeObserver(debounce(delay, onResize)),\n    [delay, onResize]\n  )\n\n  React.useEffect(() => {\n    elements.forEach((element) => {\n      if (element) {\n        observer?.observe(element)\n      }\n    })\n\n    return () => {\n      elements.forEach((element) => element && observer?.unobserve(element))\n    }\n  }, [observer, elements])\n\n  return observer\n}\n"],"mappings":";;;AAWA,IAAM,KACJ,MACG;AACH,KAAI;AACF,SAAO,IAAI,eAAe,EAAS;SAC7B;AACN,SAAO;;GAIE,KAAqB,EAChC,WAAQ,KACR,aACA,kBACyD;CACzD,IAAM,IAAW,EAAM,cACf,EAAqB,EAAS,GAAO,EAAS,CAAC,EACrD,CAAC,GAAO,EAAS,CAClB;AAcD,QAZA,EAAM,iBACJ,EAAS,SAAS,MAAY;AAC5B,EAAI,KACF,GAAU,QAAQ,EAAQ;GAE5B,QAEW;AACX,IAAS,SAAS,MAAY,KAAW,GAAU,UAAU,EAAQ,CAAC;KAEvE,CAAC,GAAU,EAAS,CAAC,EAEjB"}
+{"version":3,"file":"useResizeObserver.js","names":[],"sources":["../../../src/utilities/hooks/useResizeObserver.ts"],"sourcesContent":["import * as React from 'react'\nimport { debounce } from 'throttle-debounce'\n\ntype TUseResizeObserverOptions = {\n  elements: (HTMLElement | undefined | null)[]\n  onResize: (entries: ResizeObserverEntry[]) => void\n  delay?: number\n}\n\ntype TUseResizeObserverOutput = ResizeObserver | null\n\nconst createResizeObserver = (\n  callback: (entries: ResizeObserverEntry[]) => void\n) => {\n  try {\n    return new ResizeObserver(callback)\n  } catch {\n    return null\n  }\n}\n\nexport const useResizeObserver = ({\n  delay = 500,\n  elements,\n  onResize\n}: TUseResizeObserverOptions): TUseResizeObserverOutput => {\n  const observer = React.useMemo(\n    () => createResizeObserver(debounce(delay, onResize)),\n    [delay, onResize]\n  )\n\n  React.useEffect(() => {\n    elements.forEach((element) => {\n      if (element) {\n        observer?.observe(element)\n      }\n    })\n\n    return () => {\n      elements.forEach((element) => element && observer?.unobserve(element))\n    }\n  }, [observer, elements])\n\n  return observer\n}\n"],"mappings":";;;AAWA,IAAM,wBACJ,aACG;AACH,KAAI;AACF,SAAO,IAAI,eAAe,SAAS;SAC7B;AACN,SAAO;;;AAIX,IAAa,qBAAqB,EAChC,QAAQ,KACR,UACA,eACyD;CACzD,MAAM,WAAW,QAAM,cACf,qBAAqB,SAAS,OAAO,SAAS,CAAC,EACrD,CAAC,OAAO,SAAS,CAClB;AAED,SAAM,gBAAgB;AACpB,WAAS,SAAS,YAAY;AAC5B,OAAI,QACF,WAAU,QAAQ,QAAQ;IAE5B;AAEF,eAAa;AACX,YAAS,SAAS,YAAY,WAAW,UAAU,UAAU,QAAQ,CAAC;;IAEvE,CAAC,UAAU,SAAS,CAAC;AAExB,QAAO"}

package/dist/utilities/hooks/useScrollPosition.js

@@ -1,29 +1,32 @@
-import { useEffect as e, useMemo as t, useState as n } from "react";
-import { debounce as r, throttle as i } from "throttle-debounce";
+import { useEffect, useMemo, useState } from "react";
+import { debounce, throttle } from "throttle-debounce";
 //#region src/utilities/hooks/useScrollPosition.ts
-var a = ({ element: a, delay: o = 500, delayMethod: s = "throttle" }) => {
-	let [c, l] = n({
+var useScrollPosition = ({ element, delay = 500, delayMethod = "throttle" }) => {
+	const [scrollPosition, setScrollPosition] = useState({
 		left: 0,
 		top: 0
-	}), u = t(() => s === "debounce" ? r : i, [s]);
-	return e(() => {
-		if (!a) return;
-		let e = u(o, () => {
-			l({
-				left: a.scrollLeft,
-				top: a.scrollTop
+	});
+	const delayMethodFn = useMemo(() => delayMethod === "debounce" ? debounce : throttle, [delayMethod]);
+	useEffect(() => {
+		if (!element) return;
+		const handleScroll = delayMethodFn(delay, () => {
+			setScrollPosition({
+				left: element.scrollLeft,
+				top: element.scrollTop
 			});
 		});
-		return a.addEventListener("scroll", e), () => {
-			a.removeEventListener("scroll", e);
+		element.addEventListener("scroll", handleScroll);
+		return () => {
+			element.removeEventListener("scroll", handleScroll);
 		};
 	}, [
-		a,
-		u,
-		o
-	]), c;
+		element,
+		delayMethodFn,
+		delay
+	]);
+	return scrollPosition;
 };
 //#endregion
-export { a as useScrollPosition };
+export { useScrollPosition };
 
 //# sourceMappingURL=useScrollPosition.js.map

package/dist/utilities/hooks/useScrollPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollPosition.js","names":[],"sources":["../../../src/utilities/hooks/useScrollPosition.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { debounce, throttle } from 'throttle-debounce'\n\ntype TUseScrollPositionOptions = {\n  element?: HTMLElement | null\n  delay?: number\n  delayMethod?: 'throttle' | 'debounce'\n}\n\ntype TUseScrollPositionOutput = {\n  left: number\n  top: number\n}\n\nexport const useScrollPosition = ({\n  element,\n  delay = 500,\n  delayMethod = 'throttle'\n}: TUseScrollPositionOptions): TUseScrollPositionOutput => {\n  const [scrollPosition, setScrollPosition] = useState({ left: 0, top: 0 })\n\n  const delayMethodFn = useMemo(\n    () => (delayMethod === 'debounce' ? debounce : throttle),\n    [delayMethod]\n  )\n\n  useEffect(() => {\n    if (!element) return\n\n    const handleScroll = delayMethodFn(delay, () => {\n      setScrollPosition({ left: element.scrollLeft, top: element.scrollTop })\n    })\n\n    element.addEventListener('scroll', handleScroll)\n\n    return () => {\n      element.removeEventListener('scroll', handleScroll)\n    }\n  }, [element, delayMethodFn, delay])\n\n  return scrollPosition\n}\n"],"mappings":";;;AAcA,IAAa,KAAqB,EAChC,YACA,WAAQ,KACR,iBAAc,iBAC2C;CACzD,IAAM,CAAC,GAAgB,KAAqB,EAAS;EAAE,MAAM;EAAG,KAAK;EAAG,CAAC,EAEnE,IAAgB,QACb,MAAgB,aAAa,IAAW,GAC/C,CAAC,EAAY,CACd;AAgBD,QAdA,QAAgB;AACd,MAAI,CAAC,EAAS;EAEd,IAAM,IAAe,EAAc,SAAa;AAC9C,KAAkB;IAAE,MAAM,EAAQ;IAAY,KAAK,EAAQ;IAAW,CAAC;IACvE;AAIF,SAFA,EAAQ,iBAAiB,UAAU,EAAa,QAEnC;AACX,KAAQ,oBAAoB,UAAU,EAAa;;IAEpD;EAAC;EAAS;EAAe;EAAM,CAAC,EAE5B"}
+{"version":3,"file":"useScrollPosition.js","names":[],"sources":["../../../src/utilities/hooks/useScrollPosition.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { debounce, throttle } from 'throttle-debounce'\n\ntype TUseScrollPositionOptions = {\n  element?: HTMLElement | null\n  delay?: number\n  delayMethod?: 'throttle' | 'debounce'\n}\n\ntype TUseScrollPositionOutput = {\n  left: number\n  top: number\n}\n\nexport const useScrollPosition = ({\n  element,\n  delay = 500,\n  delayMethod = 'throttle'\n}: TUseScrollPositionOptions): TUseScrollPositionOutput => {\n  const [scrollPosition, setScrollPosition] = useState({ left: 0, top: 0 })\n\n  const delayMethodFn = useMemo(\n    () => (delayMethod === 'debounce' ? debounce : throttle),\n    [delayMethod]\n  )\n\n  useEffect(() => {\n    if (!element) return\n\n    const handleScroll = delayMethodFn(delay, () => {\n      setScrollPosition({ left: element.scrollLeft, top: element.scrollTop })\n    })\n\n    element.addEventListener('scroll', handleScroll)\n\n    return () => {\n      element.removeEventListener('scroll', handleScroll)\n    }\n  }, [element, delayMethodFn, delay])\n\n  return scrollPosition\n}\n"],"mappings":";;;AAcA,IAAa,qBAAqB,EAChC,SACA,QAAQ,KACR,cAAc,iBAC2C;CACzD,MAAM,CAAC,gBAAgB,qBAAqB,SAAS;EAAE,MAAM;EAAG,KAAK;EAAG,CAAC;CAEzE,MAAM,gBAAgB,cACb,gBAAgB,aAAa,WAAW,UAC/C,CAAC,YAAY,CACd;AAED,iBAAgB;AACd,MAAI,CAAC,QAAS;EAEd,MAAM,eAAe,cAAc,aAAa;AAC9C,qBAAkB;IAAE,MAAM,QAAQ;IAAY,KAAK,QAAQ;IAAW,CAAC;IACvE;AAEF,UAAQ,iBAAiB,UAAU,aAAa;AAEhD,eAAa;AACX,WAAQ,oBAAoB,UAAU,aAAa;;IAEpD;EAAC;EAAS;EAAe;EAAM,CAAC;AAEnC,QAAO"}

package/dist/utilities/hooks/useSize.js

@@ -1,23 +1,25 @@
-import { useResizeObserver as e } from "./useResizeObserver.js";
-import { useCallback as t, useMemo as n, useState as r } from "react";
+import { useResizeObserver } from "./useResizeObserver.js";
+import { useCallback, useMemo, useState } from "react";
 //#region src/utilities/hooks/useSize.ts
-var i = ({ element: i, delay: a = 500 }) => {
-	let [o, s] = r({
+var useSize = ({ element, delay = 500 }) => {
+	const [size, setSize] = useState({
 		width: void 0,
 		height: void 0
-	}), c = t(() => {
-		s({
-			width: i?.clientWidth,
-			height: i?.clientHeight
+	});
+	const handleResize = useCallback(() => {
+		setSize({
+			width: element?.clientWidth,
+			height: element?.clientHeight
 		});
-	}, [i]);
-	return e({
-		delay: a,
-		elements: n(() => [i], [i]),
-		onResize: c
-	}), o;
+	}, [element]);
+	useResizeObserver({
+		delay,
+		elements: useMemo(() => [element], [element]),
+		onResize: handleResize
+	});
+	return size;
 };
 //#endregion
-export { i as useSize };
+export { useSize };
 
 //# sourceMappingURL=useSize.js.map

package/dist/utilities/hooks/useSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSize.js","names":[],"sources":["../../../src/utilities/hooks/useSize.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\n\nimport { useResizeObserver } from './useResizeObserver'\n\ninterface Size {\n  width: number | undefined\n  height: number | undefined\n}\n\nexport const useSize = ({\n  element,\n  delay = 500\n}: {\n  element?: HTMLElement | null\n  delay?: number\n}): Size => {\n  const [size, setSize] = useState<Size>({\n    width: undefined,\n    height: undefined\n  })\n\n  const handleResize = useCallback(() => {\n    setSize({\n      width: element?.clientWidth,\n      height: element?.clientHeight\n    })\n  }, [element])\n\n  const elements = useMemo(() => [element], [element])\n\n  useResizeObserver({\n    delay,\n    elements: elements,\n    onResize: handleResize\n  })\n\n  return size\n}\n"],"mappings":";;;AASA,IAAa,KAAW,EACtB,YACA,WAAQ,UAIE;CACV,IAAM,CAAC,GAAM,KAAW,EAAe;EACrC,OAAO,KAAA;EACP,QAAQ,KAAA;EACT,CAAC,EAEI,IAAe,QAAkB;AACrC,IAAQ;GACN,OAAO,GAAS;GAChB,QAAQ,GAAS;GAClB,CAAC;IACD,CAAC,EAAQ,CAAC;AAUb,QANA,EAAkB;EAChB;EACU,UAJK,QAAc,CAAC,EAAQ,EAAE,CAAC,EAAQ,CAAC;EAKlD,UAAU;EACX,CAAC,EAEK"}
+{"version":3,"file":"useSize.js","names":[],"sources":["../../../src/utilities/hooks/useSize.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\n\nimport { useResizeObserver } from './useResizeObserver'\n\ninterface Size {\n  width: number | undefined\n  height: number | undefined\n}\n\nexport const useSize = ({\n  element,\n  delay = 500\n}: {\n  element?: HTMLElement | null\n  delay?: number\n}): Size => {\n  const [size, setSize] = useState<Size>({\n    width: undefined,\n    height: undefined\n  })\n\n  const handleResize = useCallback(() => {\n    setSize({\n      width: element?.clientWidth,\n      height: element?.clientHeight\n    })\n  }, [element])\n\n  const elements = useMemo(() => [element], [element])\n\n  useResizeObserver({\n    delay,\n    elements: elements,\n    onResize: handleResize\n  })\n\n  return size\n}\n"],"mappings":";;;AASA,IAAa,WAAW,EACtB,SACA,QAAQ,UAIE;CACV,MAAM,CAAC,MAAM,WAAW,SAAe;EACrC,OAAO,KAAA;EACP,QAAQ,KAAA;EACT,CAAC;CAEF,MAAM,eAAe,kBAAkB;AACrC,UAAQ;GACN,OAAO,SAAS;GAChB,QAAQ,SAAS;GAClB,CAAC;IACD,CAAC,QAAQ,CAAC;AAIb,mBAAkB;EAChB;EACU,UAJK,cAAc,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC;EAKlD,UAAU;EACX,CAAC;AAEF,QAAO"}

package/dist/utilities/hooks/useWindowScrollPosition.js

@@ -1,24 +1,27 @@
-import { useEffect as e, useMemo as t, useState as n } from "react";
-import { debounce as r, throttle as i } from "throttle-debounce";
+import { useEffect, useMemo, useState } from "react";
+import { debounce, throttle } from "throttle-debounce";
 //#region src/utilities/hooks/useWindowScrollPosition.ts
-var a = ({ delay: a = 500, delayMethod: o = "throttle" } = {}) => {
-	let [s, c] = n({
+var useWindowScrollPosition = ({ delay = 500, delayMethod = "throttle" } = {}) => {
+	const [scrollPosition, setScrollPosition] = useState({
 		x: 0,
 		y: 0
-	}), l = t(() => o === "debounce" ? r : i, [o]);
-	return e(() => {
-		let e = l(a, () => {
-			c({
+	});
+	const delayMethodFn = useMemo(() => delayMethod === "debounce" ? debounce : throttle, [delayMethod]);
+	useEffect(() => {
+		const handleScroll = delayMethodFn(delay, () => {
+			setScrollPosition({
 				x: window.scrollX,
 				y: window.scrollY
 			});
 		});
-		return window.addEventListener("scroll", e), () => {
-			window.removeEventListener("scroll", e);
+		window.addEventListener("scroll", handleScroll);
+		return () => {
+			window.removeEventListener("scroll", handleScroll);
 		};
-	}, [l, a]), s;
+	}, [delayMethodFn, delay]);
+	return scrollPosition;
 };
 //#endregion
-export { a as useWindowScrollPosition };
+export { useWindowScrollPosition };
 
 //# sourceMappingURL=useWindowScrollPosition.js.map

package/dist/utilities/hooks/useWindowScrollPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowScrollPosition.js","names":[],"sources":["../../../src/utilities/hooks/useWindowScrollPosition.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { debounce, throttle } from 'throttle-debounce'\n\ntype TUseWindowScrollPositionOptions = {\n  delay?: number\n  delayMethod?: 'throttle' | 'debounce'\n}\n\ntype TUseWindowScrollPositionOutput = {\n  x: number\n  y: number\n}\n\nexport const useWindowScrollPosition = ({\n  delay = 500,\n  delayMethod = 'throttle'\n}: TUseWindowScrollPositionOptions = {}): TUseWindowScrollPositionOutput => {\n  const [scrollPosition, setScrollPosition] = useState({ x: 0, y: 0 })\n\n  const delayMethodFn = useMemo(\n    () => (delayMethod === 'debounce' ? debounce : throttle),\n    [delayMethod]\n  )\n\n  useEffect(() => {\n    const handleScroll = delayMethodFn(delay, () => {\n      setScrollPosition({ x: window.scrollX, y: window.scrollY })\n    })\n\n    window.addEventListener('scroll', handleScroll)\n\n    return () => {\n      window.removeEventListener('scroll', handleScroll)\n    }\n  }, [delayMethodFn, delay])\n\n  return scrollPosition\n}\n"],"mappings":";;;AAaA,IAAa,KAA2B,EACtC,WAAQ,KACR,iBAAc,eACqB,EAAE,KAAqC;CAC1E,IAAM,CAAC,GAAgB,KAAqB,EAAS;EAAE,GAAG;EAAG,GAAG;EAAG,CAAC,EAE9D,IAAgB,QACb,MAAgB,aAAa,IAAW,GAC/C,CAAC,EAAY,CACd;AAcD,QAZA,QAAgB;EACd,IAAM,IAAe,EAAc,SAAa;AAC9C,KAAkB;IAAE,GAAG,OAAO;IAAS,GAAG,OAAO;IAAS,CAAC;IAC3D;AAIF,SAFA,OAAO,iBAAiB,UAAU,EAAa,QAElC;AACX,UAAO,oBAAoB,UAAU,EAAa;;IAEnD,CAAC,GAAe,EAAM,CAAC,EAEnB"}
+{"version":3,"file":"useWindowScrollPosition.js","names":[],"sources":["../../../src/utilities/hooks/useWindowScrollPosition.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { debounce, throttle } from 'throttle-debounce'\n\ntype TUseWindowScrollPositionOptions = {\n  delay?: number\n  delayMethod?: 'throttle' | 'debounce'\n}\n\ntype TUseWindowScrollPositionOutput = {\n  x: number\n  y: number\n}\n\nexport const useWindowScrollPosition = ({\n  delay = 500,\n  delayMethod = 'throttle'\n}: TUseWindowScrollPositionOptions = {}): TUseWindowScrollPositionOutput => {\n  const [scrollPosition, setScrollPosition] = useState({ x: 0, y: 0 })\n\n  const delayMethodFn = useMemo(\n    () => (delayMethod === 'debounce' ? debounce : throttle),\n    [delayMethod]\n  )\n\n  useEffect(() => {\n    const handleScroll = delayMethodFn(delay, () => {\n      setScrollPosition({ x: window.scrollX, y: window.scrollY })\n    })\n\n    window.addEventListener('scroll', handleScroll)\n\n    return () => {\n      window.removeEventListener('scroll', handleScroll)\n    }\n  }, [delayMethodFn, delay])\n\n  return scrollPosition\n}\n"],"mappings":";;;AAaA,IAAa,2BAA2B,EACtC,QAAQ,KACR,cAAc,eACqB,EAAE,KAAqC;CAC1E,MAAM,CAAC,gBAAgB,qBAAqB,SAAS;EAAE,GAAG;EAAG,GAAG;EAAG,CAAC;CAEpE,MAAM,gBAAgB,cACb,gBAAgB,aAAa,WAAW,UAC/C,CAAC,YAAY,CACd;AAED,iBAAgB;EACd,MAAM,eAAe,cAAc,aAAa;AAC9C,qBAAkB;IAAE,GAAG,OAAO;IAAS,GAAG,OAAO;IAAS,CAAC;IAC3D;AAEF,SAAO,iBAAiB,UAAU,aAAa;AAE/C,eAAa;AACX,UAAO,oBAAoB,UAAU,aAAa;;IAEnD,CAAC,eAAe,MAAM,CAAC;AAE1B,QAAO"}

package/dist/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.js

@@ -1,9 +1,12 @@
-import { Tooltip as e } from "../../components/tooltip/Tooltip.js";
-import * as t from "react";
+import { Tooltip } from "../../components/tooltip/Tooltip.js";
+import * as React$1 from "react";
 //#region src/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.tsx
-var n = ({ hasTooltip: n, label: r, tooltipSide: i, children: a }) => n ? /* @__PURE__ */ t.createElement(e, null, /* @__PURE__ */ t.createElement(e.Trigger, { asChild: !0 }, a), /* @__PURE__ */ t.createElement(e.Content, { side: i }, r)) : /* @__PURE__ */ t.createElement(t.Fragment, null, a);
-n.displayName = "OptionalTooltipWrapper";
+var OptionalTooltipWrapper = ({ hasTooltip, label, tooltipSide, children }) => {
+	if (hasTooltip) return /* @__PURE__ */ React$1.createElement(Tooltip, null, /* @__PURE__ */ React$1.createElement(Tooltip.Trigger, { asChild: true }, children), /* @__PURE__ */ React$1.createElement(Tooltip.Content, { side: tooltipSide }, label));
+	return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, children);
+};
+OptionalTooltipWrapper.displayName = "OptionalTooltipWrapper";
 //#endregion
-export { n as OptionalTooltipWrapper };
+export { OptionalTooltipWrapper };
 
 //# sourceMappingURL=OptionalTooltipWrapper.js.map

package/dist/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionalTooltipWrapper.js","names":[],"sources":["../../../src/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Tooltip } from '~/components/tooltip/Tooltip'\n\nexport type TOptionalTooltipWrapperProps = {\n  hasTooltip?: boolean\n  label?: React.ReactNode\n  tooltipSide?: React.ComponentProps<typeof Tooltip.Content>['side']\n}\n\nexport const OptionalTooltipWrapper = ({\n  hasTooltip,\n  label,\n  tooltipSide,\n  children\n}: React.PropsWithChildren<TOptionalTooltipWrapperProps>) => {\n  if (hasTooltip) {\n    return (\n      <Tooltip>\n        <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n        <Tooltip.Content side={tooltipSide}>{label}</Tooltip.Content>\n      </Tooltip>\n    )\n  }\n\n  // children could be multiple elements/components,\n  // so we need a fragment here.\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return <>{children}</>\n}\n\nOptionalTooltipWrapper.displayName = 'OptionalTooltipWrapper'\n"],"mappings":";;;AAUA,IAAa,KAA0B,EACrC,eACA,UACA,gBACA,kBAEI,IAEA,kBAAA,cAAC,GAAA,MACC,kBAAA,cAAC,EAAQ,SAAT,EAAiB,SAAA,IAAoC,EAA3B,EAA2B,EACrD,kBAAA,cAAC,EAAQ,SAAT,EAAiB,MAAM,GAAsC,EAAxB,EAAwB,CACrD,GAOP,kBAAA,cAAA,EAAA,UAAA,MAAG,EAAY;AAGxB,EAAuB,cAAc"}
+{"version":3,"file":"OptionalTooltipWrapper.js","names":[],"sources":["../../../src/utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Tooltip } from '~/components/tooltip/Tooltip'\n\nexport type TOptionalTooltipWrapperProps = {\n  hasTooltip?: boolean\n  label?: React.ReactNode\n  tooltipSide?: React.ComponentProps<typeof Tooltip.Content>['side']\n}\n\nexport const OptionalTooltipWrapper = ({\n  hasTooltip,\n  label,\n  tooltipSide,\n  children\n}: React.PropsWithChildren<TOptionalTooltipWrapperProps>) => {\n  if (hasTooltip) {\n    return (\n      <Tooltip>\n        <Tooltip.Trigger asChild>{children}</Tooltip.Trigger>\n        <Tooltip.Content side={tooltipSide}>{label}</Tooltip.Content>\n      </Tooltip>\n    )\n  }\n\n  // children could be multiple elements/components,\n  // so we need a fragment here.\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return <>{children}</>\n}\n\nOptionalTooltipWrapper.displayName = 'OptionalTooltipWrapper'\n"],"mappings":";;;AAUA,IAAa,0BAA0B,EACrC,YACA,OACA,aACA,eAC2D;AAC3D,KAAI,WACF,QACE,wBAAA,cAAC,SAAA,MACC,wBAAA,cAAC,QAAQ,SAAT,EAAiB,SAAA,MAAoC,EAA3B,SAA2B,EACrD,wBAAA,cAAC,QAAQ,SAAT,EAAiB,MAAM,aAAsC,EAAxB,MAAwB,CACrD;AAOd,QAAO,wBAAA,cAAA,QAAA,UAAA,MAAG,SAAY;;AAGxB,uBAAuB,cAAc"}

package/dist/utilities/override-styled-variant-value/overrideStyledVariantValue.js

@@ -1,18 +1,19 @@
 //#region src/utilities/override-styled-variant-value/overrideStyledVariantValue.ts
-var e = (e, t) => {
-	let n;
-	switch (typeof e) {
+var overrideStyledVariantValue = (prop, overrideFunction) => {
+	let overrideValue;
+	switch (typeof prop) {
 		case "object":
-			n = {}, Object.keys(e).forEach((r) => {
-				let i = e[r];
-				n[r] = i && t(i);
+			overrideValue = {};
+			Object.keys(prop).forEach((breakpoint) => {
+				const propAtBreakpoint = prop[breakpoint];
+				overrideValue[breakpoint] = propAtBreakpoint ? overrideFunction(propAtBreakpoint) : propAtBreakpoint;
 			});
 			break;
-		default: n = t(e);
+		default: overrideValue = overrideFunction(prop);
 	}
-	return n;
+	return overrideValue;
 };
 //#endregion
-export { e as overrideStyledVariantValue };
+export { overrideStyledVariantValue };
 
 //# sourceMappingURL=overrideStyledVariantValue.js.map

package/dist/utilities/override-styled-variant-value/overrideStyledVariantValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"overrideStyledVariantValue.js","names":[],"sources":["../../../src/utilities/override-styled-variant-value/overrideStyledVariantValue.ts"],"sourcesContent":["/*\n * Utility function to allow for overriding responsive variants using logic provided via the `overrideFunction` argument.\n *\n * It was developed out of a design requirement to override and pass through size properties to the <Icon /> component; depending\n * on the size of its parent component. It could be used for various other props where we want to tweak the value but\n * maintain the flexibility of a stitches variant property (which allows for use either via a string or a breakpoint object)\n * Documentation on stitches responsive variants: https://stitches.dev/docs/breakpoints#responsive-variants\n *\n */\nexport const overrideStyledVariantValue = (\n  prop: any,\n  overrideFunction: (any) => any\n) => {\n  let overrideValue\n  switch (typeof prop) {\n    case 'object':\n      overrideValue = {}\n      Object.keys(prop).forEach((breakpoint) => {\n        const propAtBreakpoint = prop[breakpoint]\n        overrideValue[breakpoint] = propAtBreakpoint\n          ? overrideFunction(propAtBreakpoint)\n          : propAtBreakpoint\n      })\n      break\n    default:\n      overrideValue = overrideFunction(prop)\n  }\n\n  return overrideValue\n}\n"],"mappings":";AASA,IAAa,KACX,GACA,MACG;CACH,IAAI;AACJ,SAAQ,OAAO,GAAf;EACE,KAAK;AAEH,GADA,IAAgB,EAAE,EAClB,OAAO,KAAK,EAAK,CAAC,SAAS,MAAe;IACxC,IAAM,IAAmB,EAAK;AAC9B,MAAc,KAAc,KACxB,EAAiB,EAAiB;KAEtC;AACF;EACF,QACE,KAAgB,EAAiB,EAAK;;AAG1C,QAAO"}
+{"version":3,"file":"overrideStyledVariantValue.js","names":[],"sources":["../../../src/utilities/override-styled-variant-value/overrideStyledVariantValue.ts"],"sourcesContent":["/*\n * Utility function to allow for overriding responsive variants using logic provided via the `overrideFunction` argument.\n *\n * It was developed out of a design requirement to override and pass through size properties to the <Icon /> component; depending\n * on the size of its parent component. It could be used for various other props where we want to tweak the value but\n * maintain the flexibility of a stitches variant property (which allows for use either via a string or a breakpoint object)\n * Documentation on stitches responsive variants: https://stitches.dev/docs/breakpoints#responsive-variants\n *\n */\nexport const overrideStyledVariantValue = (\n  prop: any,\n  overrideFunction: (any) => any\n) => {\n  let overrideValue\n  switch (typeof prop) {\n    case 'object':\n      overrideValue = {}\n      Object.keys(prop).forEach((breakpoint) => {\n        const propAtBreakpoint = prop[breakpoint]\n        overrideValue[breakpoint] = propAtBreakpoint\n          ? overrideFunction(propAtBreakpoint)\n          : propAtBreakpoint\n      })\n      break\n    default:\n      overrideValue = overrideFunction(prop)\n  }\n\n  return overrideValue\n}\n"],"mappings":";AASA,IAAa,8BACX,MACA,qBACG;CACH,IAAI;AACJ,SAAQ,OAAO,MAAf;EACE,KAAK;AACH,mBAAgB,EAAE;AAClB,UAAO,KAAK,KAAK,CAAC,SAAS,eAAe;IACxC,MAAM,mBAAmB,KAAK;AAC9B,kBAAc,cAAc,mBACxB,iBAAiB,iBAAiB,GAClC;KACJ;AACF;EACF,QACE,iBAAgB,iBAAiB,KAAK;;AAG1C,QAAO"}

package/dist/utilities/radix-overrides/toggle-group/ToggleGroupRoot.js

@@ -1,18 +1,21 @@
-import * as e from "react";
-import * as t from "@radix-ui/react-toggle-group";
+import * as React$1 from "react";
+import * as ToggleGroup from "@radix-ui/react-toggle-group";
 //#region src/utilities/radix-overrides/toggle-group/ToggleGroupRoot.tsx
-var n = e.forwardRef(({ disableDeselect: n = !1, onValueChange: r, defaultValue: i, ...a }, o) => {
-	let [s, c] = e.useState(i);
-	return /* @__PURE__ */ e.createElement(t.Root, {
-		ref: o,
-		onValueChange: (e) => {
-			n && (e === "" || e?.length === 0) || (c(e), r?.(e));
-		},
-		value: s,
-		...a
+var ToggleGroupRoot = React$1.forwardRef(({ disableDeselect = false, onValueChange, defaultValue, ...rest }, ref) => {
+	const [internalValue, setInternalValue] = React$1.useState(defaultValue);
+	const handleValueChange = (newValue) => {
+		if (disableDeselect && (newValue === "" || newValue?.length === 0)) return;
+		setInternalValue(newValue);
+		onValueChange?.(newValue);
+	};
+	return /* @__PURE__ */ React$1.createElement(ToggleGroup.Root, {
+		ref,
+		onValueChange: handleValueChange,
+		value: internalValue,
+		...rest
 	});
 });
 //#endregion
-export { n as ToggleGroupRoot };
+export { ToggleGroupRoot };
 
 //# sourceMappingURL=ToggleGroupRoot.js.map

package/dist/utilities/radix-overrides/toggle-group/ToggleGroupRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroupRoot.js","names":[],"sources":["../../../../src/utilities/radix-overrides/toggle-group/ToggleGroupRoot.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\ntype RootType = {\n  disableDeselect?: boolean\n}\n\ntype ToggleGroupRootProps = React.ComponentProps<typeof ToggleGroup.Root> &\n  RootType\n\nexport const ToggleGroupRoot = React.forwardRef<\n  HTMLDivElement,\n  ToggleGroupRootProps\n>(({ disableDeselect = false, onValueChange, defaultValue, ...rest }, ref) => {\n  const [internalValue, setInternalValue] =\n    React.useState<ToggleGroupRootProps['value']>(defaultValue)\n  const handleValueChange: ToggleGroupRootProps['onValueChange'] = (\n    newValue\n  ) => {\n    if (disableDeselect && (newValue === '' || newValue?.length === 0)) return\n    setInternalValue(newValue)\n    onValueChange?.(newValue)\n  }\n\n  return (\n    // eslint-disable-next-line\n    // @ts-ignore Radix types complain on properties depending on whether `type=\"single\"` or `\"multiple\"`. Works correctly so muting.\n    <ToggleGroup.Root\n      ref={ref}\n      onValueChange={handleValueChange}\n      value={internalValue}\n      {...rest}\n    />\n  )\n})\n"],"mappings":";;;AAUA,IAAa,IAAkB,EAAM,YAGlC,EAAE,qBAAkB,IAAO,kBAAe,iBAAc,GAAG,KAAQ,MAAQ;CAC5E,IAAM,CAAC,GAAe,KACpB,EAAM,SAAwC,EAAa;AAS7D,QAGE,kBAAA,cAAC,EAAY,MAAb;EACO;EACL,gBAZF,MACG;AACC,SAAoB,MAAa,MAAM,GAAU,WAAW,OAChE,EAAiB,EAAS,EAC1B,IAAgB,EAAS;;EASvB,OAAO;EACP,GAAI;EACJ,CAAA;EAEJ"}
+{"version":3,"file":"ToggleGroupRoot.js","names":[],"sources":["../../../../src/utilities/radix-overrides/toggle-group/ToggleGroupRoot.tsx"],"sourcesContent":["import * as ToggleGroup from '@radix-ui/react-toggle-group'\nimport * as React from 'react'\n\ntype RootType = {\n  disableDeselect?: boolean\n}\n\ntype ToggleGroupRootProps = React.ComponentProps<typeof ToggleGroup.Root> &\n  RootType\n\nexport const ToggleGroupRoot = React.forwardRef<\n  HTMLDivElement,\n  ToggleGroupRootProps\n>(({ disableDeselect = false, onValueChange, defaultValue, ...rest }, ref) => {\n  const [internalValue, setInternalValue] =\n    React.useState<ToggleGroupRootProps['value']>(defaultValue)\n  const handleValueChange: ToggleGroupRootProps['onValueChange'] = (\n    newValue\n  ) => {\n    if (disableDeselect && (newValue === '' || newValue?.length === 0)) return\n    setInternalValue(newValue)\n    onValueChange?.(newValue)\n  }\n\n  return (\n    // eslint-disable-next-line\n    // @ts-ignore Radix types complain on properties depending on whether `type=\"single\"` or `\"multiple\"`. Works correctly so muting.\n    <ToggleGroup.Root\n      ref={ref}\n      onValueChange={handleValueChange}\n      value={internalValue}\n      {...rest}\n    />\n  )\n})\n"],"mappings":";;;AAUA,IAAa,kBAAkB,QAAM,YAGlC,EAAE,kBAAkB,OAAO,eAAe,cAAc,GAAG,QAAQ,QAAQ;CAC5E,MAAM,CAAC,eAAe,oBACpB,QAAM,SAAwC,aAAa;CAC7D,MAAM,qBACJ,aACG;AACH,MAAI,oBAAoB,aAAa,MAAM,UAAU,WAAW,GAAI;AACpE,mBAAiB,SAAS;AAC1B,kBAAgB,SAAS;;AAG3B,QAGE,wBAAA,cAAC,YAAY,MAAb;EACO;EACL,eAAe;EACf,OAAO;EACP,GAAI;EACJ,CAAA;EAEJ"}

package/dist/utilities/radix-overrides/toggle-group/index.js

@@ -1,7 +1,7 @@
-import { ToggleGroupRoot as e } from "./ToggleGroupRoot.js";
+import { ToggleGroupRoot } from "./ToggleGroupRoot.js";
 //#region src/utilities/radix-overrides/toggle-group/index.ts
-var t = { Root: e };
+var ToggleGroup = { Root: ToggleGroupRoot };
 //#endregion
-export { t as ToggleGroup };
+export { ToggleGroup };
 
 //# sourceMappingURL=index.js.map

package/dist/utilities/radix-overrides/toggle-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/utilities/radix-overrides/toggle-group/index.ts"],"sourcesContent":["import { ToggleGroupRoot } from './ToggleGroupRoot'\n\nexport const ToggleGroup = {\n  Root: ToggleGroupRoot\n}\n"],"mappings":";;AAEA,IAAa,IAAc,EACzB,MAAM,GACP"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/utilities/radix-overrides/toggle-group/index.ts"],"sourcesContent":["import { ToggleGroupRoot } from './ToggleGroupRoot'\n\nexport const ToggleGroup = {\n  Root: ToggleGroupRoot\n}\n"],"mappings":";;AAEA,IAAa,cAAc,EACzB,MAAM,iBACP"}

package/dist/utilities/style/backdrop-overlay.js

@@ -1,5 +1,5 @@
 //#region src/utilities/style/backdrop-overlay.ts
-var e = [
+var backdropOverlay = [
 	"bg-alpha-600",
 	"fixed",
 	"inset-0",
@@ -8,6 +8,6 @@ var e = [
 	"motion-safe:data-[state=closed]:animate-fade-out"
 ];
 //#endregion
-export { e as backdropOverlay };
+export { backdropOverlay };
 
 //# sourceMappingURL=backdrop-overlay.js.map

package/dist/utilities/style/backdrop-overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"backdrop-overlay.js","names":[],"sources":["../../../src/utilities/style/backdrop-overlay.ts"],"sourcesContent":["export const backdropOverlay = [\n  'bg-alpha-600',\n  'fixed',\n  'inset-0',\n  'z-1147483646',\n  'motion-safe:data-[state=open]:animate-fade-in',\n  'motion-safe:data-[state=closed]:animate-fade-out'\n]\n"],"mappings":";AAAA,IAAa,IAAkB;CAC7B;CACA;CACA;CACA;CACA;CACA;CACD"}
+{"version":3,"file":"backdrop-overlay.js","names":[],"sources":["../../../src/utilities/style/backdrop-overlay.ts"],"sourcesContent":["export const backdropOverlay = [\n  'bg-alpha-600',\n  'fixed',\n  'inset-0',\n  'z-1147483646',\n  'motion-safe:data-[state=open]:animate-fade-in',\n  'motion-safe:data-[state=closed]:animate-fade-out'\n]\n"],"mappings":";AAAA,IAAa,kBAAkB;CAC7B;CACA;CACA;CACA;CACA;CACA;CACD"}

package/dist/utilities/style/get-icon-size.js

@@ -1,11 +1,12 @@
-import { overrideStyledVariantValue as e } from "../override-styled-variant-value/overrideStyledVariantValue.js";
+import { overrideStyledVariantValue } from "../override-styled-variant-value/overrideStyledVariantValue.js";
 //#region src/utilities/style/get-icon-size.ts
-var t = {
+var toIconSize = {
 	sm: "sm",
 	md: "md",
 	lg: "md"
-}, n = (n) => e(n, (e) => t[e]);
+};
+var getFieldIconSize = (size) => overrideStyledVariantValue(size, (s) => toIconSize[s]);
 //#endregion
-export { n as getFieldIconSize };
+export { getFieldIconSize };
 
 //# sourceMappingURL=get-icon-size.js.map

package/dist/utilities/style/get-icon-size.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-icon-size.js","names":[],"sources":["../../../src/utilities/style/get-icon-size.ts"],"sourcesContent":["import { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nconst toIconSize = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'md'\n}\n\nexport const getFieldIconSize = (size: any) =>\n  overrideStyledVariantValue(size, (s) => toIconSize[s])\n"],"mappings":";;AAEA,IAAM,IAAa;CACjB,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,KAAoB,MAC/B,EAA2B,IAAO,MAAM,EAAW,GAAG"}
+{"version":3,"file":"get-icon-size.js","names":[],"sources":["../../../src/utilities/style/get-icon-size.ts"],"sourcesContent":["import { overrideStyledVariantValue } from '~/utilities/override-styled-variant-value/overrideStyledVariantValue'\n\nconst toIconSize = {\n  sm: 'sm',\n  md: 'md',\n  lg: 'md'\n}\n\nexport const getFieldIconSize = (size: any) =>\n  overrideStyledVariantValue(size, (s) => toIconSize[s])\n"],"mappings":";;AAEA,IAAM,aAAa;CACjB,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,IAAa,oBAAoB,SAC/B,2BAA2B,OAAO,MAAM,WAAW,GAAG"}

package/dist/utilities/uri/index.js

@@ -1,9 +1,13 @@
 //#region src/utilities/uri/index.ts
-var e = (e) => typeof window > "u" || !e ? !1 : /^https?:\/\//.test(e) && new URL(e).origin !== window.location.origin, t = (t) => e(t) ? {
+var isExternalUrl = (url) => {
+	if (typeof window === "undefined" || !url) return false;
+	return /^https?:\/\//.test(url) && new URL(url).origin !== window.location.origin;
+};
+var getExternalAnchorProps = (url) => isExternalUrl(url) ? {
 	target: "_blank",
 	rel: "noopener noreferrer"
 } : {};
 //#endregion
-export { t as getExternalAnchorProps };
+export { getExternalAnchorProps };
 
 //# sourceMappingURL=index.js.map

package/dist/utilities/uri/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/utilities/uri/index.ts"],"sourcesContent":["export const isExternalUrl = (url?: string) => {\n  if (typeof window === 'undefined' || !url) return false\n\n  const isAbsoluteUrl = /^https?:\\/\\//.test(url)\n  return isAbsoluteUrl && new URL(url).origin !== window.location.origin\n}\n\nexport const getExternalAnchorProps = (url?: string) =>\n  isExternalUrl(url) ? { target: '_blank', rel: 'noopener noreferrer' } : {}\n"],"mappings":";AAAA,IAAa,KAAiB,MACxB,OAAO,SAAW,OAAe,CAAC,IAAY,KAE5B,eAAe,KAAK,EAAI,IACtB,IAAI,IAAI,EAAI,CAAC,WAAW,OAAO,SAAS,QAGrD,KAA0B,MACrC,EAAc,EAAI,GAAG;CAAE,QAAQ;CAAU,KAAK;CAAuB,GAAG,EAAE"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/utilities/uri/index.ts"],"sourcesContent":["export const isExternalUrl = (url?: string) => {\n  if (typeof window === 'undefined' || !url) return false\n\n  const isAbsoluteUrl = /^https?:\\/\\//.test(url)\n  return isAbsoluteUrl && new URL(url).origin !== window.location.origin\n}\n\nexport const getExternalAnchorProps = (url?: string) =>\n  isExternalUrl(url) ? { target: '_blank', rel: 'noopener noreferrer' } : {}\n"],"mappings":";AAAA,IAAa,iBAAiB,QAAiB;AAC7C,KAAI,OAAO,WAAW,eAAe,CAAC,IAAK,QAAO;AAGlD,QADsB,eAAe,KAAK,IAAI,IACtB,IAAI,IAAI,IAAI,CAAC,WAAW,OAAO,SAAS;;AAGlE,IAAa,0BAA0B,QACrC,cAAc,IAAI,GAAG;CAAE,QAAQ;CAAU,KAAK;CAAuB,GAAG,EAAE"}

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@atom-learning/components",
-  "version": "6.5.3",
+  "version": "6.5.5",
   "description": "",
-  "type": "module",
   "homepage": "https://github.com/Atom-Learning/components#readme",
   "bugs": {
     "url": "https://github.com/Atom-Learning/components/issues"
@@ -23,6 +22,7 @@
     "scripts/vite-plugin-tailwind-responsive-variant-classes.mjs",
     "scripts/generate-responsive-variant-classes.mjs"
   ],
+  "type": "module",
   "sideEffects": false,
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -58,7 +58,7 @@
     "add-component": "node ./scripts/add-component.mjs",
     "prepublishOnly": "run-s clean build:responsive-variant-classes build:lib build:types build:proptypes",
     "clean": "del ./dist/",
-    "format": "oxfmt src/ --no-error-on-unmatched-pattern",
+    "format": "oxfmt src/ --no-error-on-unmatched-pattern -c ../.oxfmtrc.json",
     "lint": "oxlint --fix src/",
     "test": "vitest run",
     "test:watch": "vitest",

package/src/utilities.css

@@ -17,8 +17,8 @@
     margin-top: calc(-1em * --value([number]));
     display: table;
   }
+  & > [class*='capsize-'],
   & > & {
-    display: inline;
     &::before,
     &::after {
       display: none !important;