@spear-ai/spectral 1.13.0 → 1.14.1

package/dist/hooks/useAccordionAutoScroll.d.ts

@@ -1,9 +1,14 @@
-import { MouseEvent, RefObject } from 'react';
+'use client';
+import { MouseEvent, RefObject } from "react";
+
+//#region src/hooks/useAccordionAutoScroll.d.ts
 /**
  * Hook that handles auto-scrolling for accordions with return-to-position functionality
  *
  * @param triggerRef Reference to the accordion trigger element
  * @returns A click event handler for the accordion trigger
  */
-export declare const useAccordionAutoScroll: (triggerRef: RefObject<HTMLElement | null> | null) => (_event?: MouseEvent<HTMLButtonElement>) => void;
+declare const useAccordionAutoScroll: (triggerRef: RefObject<HTMLElement | null> | null) => (_event?: MouseEvent<HTMLButtonElement>) => void;
+//#endregion
+export { useAccordionAutoScroll };
 //# sourceMappingURL=useAccordionAutoScroll.d.ts.map

package/dist/hooks/useAccordionAutoScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAccordionAutoScroll.d.ts","sourceRoot":"","sources":["../../src/hooks/useAccordionAutoScroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkC,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAOvF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GAAI,YAAY,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,eA8GxD,UAAU,CAAC,iBAAiB,CAAC,SAI3D,CAAA"}
+{"version":3,"file":"useAccordionAutoScroll.d.ts","names":[],"sources":["../../src/hooks/useAccordionAutoScroll.ts"],"mappings":";;;;;;AAaA;;;;cAAa,sBAAA,GAAsB,UAAA,EAAgB,SAAA,CAAU,WAAA,qBAA0B,MAAA,GA8GxD,UAAA,CAAW,iBAAA"}

package/dist/hooks/useAccordionAutoScroll.js

@@ -1,68 +1,94 @@
-'use client'
-import { useCallback as e, useEffect as t, useRef as n } from "react";
+'use client';
+import { useCallback, useEffect, useRef } from "react";
+
 //#region src/hooks/useAccordionAutoScroll.ts
-var r = (r) => {
-	let i = n(null), a = n(null), o = e((e) => {
-		if (!e || e === document.body) return window;
-		let { overflow: t, overflowY: n } = window.getComputedStyle(e);
-		return /(auto|scroll)/.test(t) || /(auto|scroll)/.test(n) ? e : o(e.parentElement);
+/**
+* Hook that handles auto-scrolling for accordions with return-to-position functionality
+*
+* @param triggerRef Reference to the accordion trigger element
+* @returns A click event handler for the accordion trigger
+*/
+const useAccordionAutoScroll = (triggerRef) => {
+	const originalScrollPosition = useRef(null);
+	const scrollContainerRef = useRef(null);
+	const findScrollableParent = useCallback((node) => {
+		if (!node || node === document.body) return window;
+		const { overflow, overflowY } = window.getComputedStyle(node);
+		if (/(auto|scroll)/.test(overflow) || /(auto|scroll)/.test(overflowY)) return node;
+		return findScrollableParent(node.parentElement);
 	}, []);
-	return t(() => {
-		let e = r?.current ?? null;
-		if (!e) return;
-		let t = new MutationObserver((e) => {
-			e.forEach((e) => {
-				if (e.attributeName === "data-state") {
-					let t = e.target, n = t.getAttribute("data-state"), r = t.closest("[data-scroll-options]");
-					if (!r) return;
+	useEffect(() => {
+		const element = triggerRef?.current ?? null;
+		if (!element) return;
+		const observer = new MutationObserver((mutations) => {
+			mutations.forEach((mutation) => {
+				if (mutation.attributeName === "data-state") {
+					const element = mutation.target;
+					const currentState = element.getAttribute("data-state");
+					const rootElement = element.closest("[data-scroll-options]");
+					if (!rootElement) return;
 					try {
-						let e = r.getAttribute("data-scroll-options");
-						if (!e) return;
-						let { autoScroll: s, scrollPadding: c } = JSON.parse(e);
-						if (s === "never") return;
-						let l = o(t);
-						if (n === "open") {
-							if (s === "mobile" && window.innerHeight >= 768) return;
-							l === window ? i.current = window.scrollY : i.current = l.scrollTop, a.current = l, setTimeout(() => {
-								if (!t) return;
-								let e = t.getBoundingClientRect(), n = c;
-								if (l === window) {
-									let t = window.scrollY + e.top + n - 0;
+						const scrollOptionsStr = rootElement.getAttribute("data-scroll-options");
+						if (!scrollOptionsStr) return;
+						const { autoScroll, scrollPadding } = JSON.parse(scrollOptionsStr);
+						if (autoScroll === "never") return;
+						const scrollContainer = findScrollableParent(element);
+						if (currentState === "open") {
+							if (autoScroll === "mobile" && window.innerHeight >= 768) return;
+							if (scrollContainer === window) originalScrollPosition.current = window.scrollY;
+							else originalScrollPosition.current = scrollContainer.scrollTop;
+							scrollContainerRef.current = scrollContainer;
+							setTimeout(() => {
+								if (!element) return;
+								const triggerRect = element.getBoundingClientRect();
+								const headerHeight = 0;
+								const paddingOffset = scrollPadding;
+								if (scrollContainer === window) {
+									const targetY = window.scrollY + triggerRect.top + paddingOffset - headerHeight;
 									window.scrollTo({
-										top: t,
+										top: targetY,
 										behavior: "smooth"
 									});
 								} else {
-									let t = l, r = t.getBoundingClientRect(), i = e.top - r.top;
-									t.scrollTo({
-										top: t.scrollTop + i + n - 0,
+									const container = scrollContainer;
+									const containerRect = container.getBoundingClientRect();
+									const relativeTop = triggerRect.top - containerRect.top;
+									container.scrollTo({
+										top: container.scrollTop + relativeTop + paddingOffset - headerHeight,
 										behavior: "smooth"
 									});
 								}
 							}, 100);
-						} else if (n === "closed" && i.current !== null && a.current) {
-							let e = i.current;
+						} else if (currentState === "closed" && originalScrollPosition.current !== null && scrollContainerRef.current) {
+							const scrollTop = originalScrollPosition.current;
 							setTimeout(() => {
-								let t = a.current;
-								t === window ? window.scrollTo({
-									top: e,
+								const container = scrollContainerRef.current;
+								if (container === window) window.scrollTo({
+									top: scrollTop,
 									behavior: "smooth"
-								}) : t instanceof HTMLElement && t.scrollTo({
-									top: e,
+								});
+								else if (container instanceof HTMLElement) container.scrollTo({
+									top: scrollTop,
 									behavior: "smooth"
-								}), i.current = null, a.current = null;
+								});
+								originalScrollPosition.current = null;
+								scrollContainerRef.current = null;
 							}, 100);
 						}
-					} catch (e) {
-						console.error("Error handling accordion scroll:", { error: e });
+					} catch (error) {
+						console.error("Error handling accordion scroll:", { error });
 					}
 				}
 			});
 		});
-		return t.observe(e, { attributes: !0 }), () => {
-			t.disconnect();
+		observer.observe(element, { attributes: true });
+		return () => {
+			observer.disconnect();
 		};
-	}, [r, o]), e((e) => {}, []);
+	}, [triggerRef, findScrollableParent]);
+	return useCallback((_event) => {}, []);
 };
+
 //#endregion
-export { r as useAccordionAutoScroll };
+export { useAccordionAutoScroll };
+//# sourceMappingURL=useAccordionAutoScroll.js.map

package/dist/hooks/useAccordionAutoScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAccordionAutoScroll.js","names":[],"sources":["../../src/hooks/useAccordionAutoScroll.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, type MouseEvent, type RefObject } from 'react'\n\ninterface ScrollOptions {\n  autoScroll: 'never' | 'mobile' | 'always'\n  scrollPadding: number\n}\n\n/**\n * Hook that handles auto-scrolling for accordions with return-to-position functionality\n *\n * @param triggerRef Reference to the accordion trigger element\n * @returns A click event handler for the accordion trigger\n */\nexport const useAccordionAutoScroll = (triggerRef: RefObject<HTMLElement | null> | null) => {\n  const originalScrollPosition = useRef<number | null>(null)\n  const scrollContainerRef = useRef<HTMLElement | Window | null>(null)\n\n  const findScrollableParent = useCallback((node: HTMLElement | null): HTMLElement | Window => {\n    if (!node || node === document.body) return window\n\n    const { overflow, overflowY } = window.getComputedStyle(node)\n    if (/(auto|scroll)/.test(overflow) || /(auto|scroll)/.test(overflowY)) {\n      return node\n    }\n\n    return findScrollableParent(node.parentElement)\n  }, [])\n\n  useEffect(() => {\n    const element = triggerRef?.current ?? null\n    if (!element) return\n\n    const observer = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (mutation.attributeName === 'data-state') {\n          const element = mutation.target as HTMLElement\n          const currentState = element.getAttribute('data-state')\n          const rootElement = element.closest('[data-scroll-options]')\n\n          if (!rootElement) return\n\n          try {\n            const scrollOptionsStr = rootElement.getAttribute('data-scroll-options')\n            if (!scrollOptionsStr) return\n\n            const scrollOptions = JSON.parse(scrollOptionsStr) as ScrollOptions\n            const { autoScroll, scrollPadding } = scrollOptions\n\n            if (autoScroll === 'never') return\n\n            const scrollContainer = findScrollableParent(element)\n\n            if (currentState === 'open') {\n              if (autoScroll === 'mobile' && window.innerHeight >= 768) return\n\n              if (scrollContainer === window) {\n                originalScrollPosition.current = window.scrollY\n              } else {\n                originalScrollPosition.current = (scrollContainer as HTMLElement).scrollTop\n              }\n\n              scrollContainerRef.current = scrollContainer\n\n              setTimeout(() => {\n                if (!element) return\n\n                const triggerRect = element.getBoundingClientRect()\n                const headerHeight = 0\n                const paddingOffset = scrollPadding\n\n                if (scrollContainer === window) {\n                  const targetY = window.scrollY + triggerRect.top + paddingOffset - headerHeight\n\n                  window.scrollTo({\n                    top: targetY,\n                    behavior: 'smooth',\n                  })\n                } else {\n                  const container = scrollContainer as HTMLElement\n                  const containerRect = container.getBoundingClientRect()\n                  const relativeTop = triggerRect.top - containerRect.top\n\n                  container.scrollTo({\n                    top: container.scrollTop + relativeTop + paddingOffset - headerHeight,\n                    behavior: 'smooth',\n                  })\n                }\n              }, 100)\n            } else if (currentState === 'closed' && originalScrollPosition.current !== null && scrollContainerRef.current) {\n              const scrollTop = originalScrollPosition.current\n              setTimeout(() => {\n                const container = scrollContainerRef.current\n\n                if (container === window) {\n                  window.scrollTo({\n                    top: scrollTop,\n                    behavior: 'smooth',\n                  })\n                } else if (container instanceof HTMLElement) {\n                  container.scrollTo({\n                    top: scrollTop,\n                    behavior: 'smooth',\n                  })\n                }\n\n                originalScrollPosition.current = null\n                scrollContainerRef.current = null\n              }, 100)\n            }\n          } catch (error) {\n            console.error('Error handling accordion scroll:', { error: error })\n          }\n        }\n      })\n    })\n\n    observer.observe(element, { attributes: true })\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [triggerRef, findScrollableParent])\n\n  return useCallback((_event?: MouseEvent<HTMLButtonElement>) => {\n    // Let the native click behavior proceed without interference\n    // The MutationObserver will handle the scrolling\n  }, [])\n}\n"],"mappings":";;;;;;;;;;AAaA,MAAa,0BAA0B,eAAqD;CAC1F,MAAM,yBAAyB,OAAsB,KAAK;CAC1D,MAAM,qBAAqB,OAAoC,KAAK;CAEpE,MAAM,uBAAuB,aAAa,SAAmD;AAC3F,MAAI,CAAC,QAAQ,SAAS,SAAS,KAAM,QAAO;EAE5C,MAAM,EAAE,UAAU,cAAc,OAAO,iBAAiB,KAAK;AAC7D,MAAI,gBAAgB,KAAK,SAAS,IAAI,gBAAgB,KAAK,UAAU,CACnE,QAAO;AAGT,SAAO,qBAAqB,KAAK,cAAc;IAC9C,EAAE,CAAC;AAEN,iBAAgB;EACd,MAAM,UAAU,YAAY,WAAW;AACvC,MAAI,CAAC,QAAS;EAEd,MAAM,WAAW,IAAI,kBAAkB,cAAc;AACnD,aAAU,SAAS,aAAa;AAC9B,QAAI,SAAS,kBAAkB,cAAc;KAC3C,MAAM,UAAU,SAAS;KACzB,MAAM,eAAe,QAAQ,aAAa,aAAa;KACvD,MAAM,cAAc,QAAQ,QAAQ,wBAAwB;AAE5D,SAAI,CAAC,YAAa;AAElB,SAAI;MACF,MAAM,mBAAmB,YAAY,aAAa,sBAAsB;AACxE,UAAI,CAAC,iBAAkB;MAGvB,MAAM,EAAE,YAAY,kBADE,KAAK,MAAM,iBACkB;AAEnD,UAAI,eAAe,QAAS;MAE5B,MAAM,kBAAkB,qBAAqB,QAAQ;AAErD,UAAI,iBAAiB,QAAQ;AAC3B,WAAI,eAAe,YAAY,OAAO,eAAe,IAAK;AAE1D,WAAI,oBAAoB,OACtB,wBAAuB,UAAU,OAAO;WAExC,wBAAuB,UAAW,gBAAgC;AAGpE,0BAAmB,UAAU;AAE7B,wBAAiB;AACf,YAAI,CAAC,QAAS;QAEd,MAAM,cAAc,QAAQ,uBAAuB;QACnD,MAAM,eAAe;QACrB,MAAM,gBAAgB;AAEtB,YAAI,oBAAoB,QAAQ;SAC9B,MAAM,UAAU,OAAO,UAAU,YAAY,MAAM,gBAAgB;AAEnE,gBAAO,SAAS;UACd,KAAK;UACL,UAAU;UACX,CAAC;eACG;SACL,MAAM,YAAY;SAClB,MAAM,gBAAgB,UAAU,uBAAuB;SACvD,MAAM,cAAc,YAAY,MAAM,cAAc;AAEpD,mBAAU,SAAS;UACjB,KAAK,UAAU,YAAY,cAAc,gBAAgB;UACzD,UAAU;UACX,CAAC;;UAEH,IAAI;iBACE,iBAAiB,YAAY,uBAAuB,YAAY,QAAQ,mBAAmB,SAAS;OAC7G,MAAM,YAAY,uBAAuB;AACzC,wBAAiB;QACf,MAAM,YAAY,mBAAmB;AAErC,YAAI,cAAc,OAChB,QAAO,SAAS;SACd,KAAK;SACL,UAAU;SACX,CAAC;iBACO,qBAAqB,YAC9B,WAAU,SAAS;SACjB,KAAK;SACL,UAAU;SACX,CAAC;AAGJ,+BAAuB,UAAU;AACjC,2BAAmB,UAAU;UAC5B,IAAI;;cAEF,OAAO;AACd,cAAQ,MAAM,oCAAoC,EAAS,OAAO,CAAC;;;KAGvE;IACF;AAEF,WAAS,QAAQ,SAAS,EAAE,YAAY,MAAM,CAAC;AAE/C,eAAa;AACX,YAAS,YAAY;;IAEtB,CAAC,YAAY,qBAAqB,CAAC;AAEtC,QAAO,aAAa,WAA2C,IAG5D,EAAE,CAAC"}

package/dist/hooks/useControllableState.d.ts

@@ -1,14 +1,18 @@
+'use client';
+//#region src/hooks/useControllableState.d.ts
 /**
  * Hook for managing uncontrolled state with optional external control.
  */
-export declare const useUncontrolledState: <T>(options: {
-    value?: T;
-    defaultValue: T;
-    onChange?: (next: T) => void;
+declare const useUncontrolledState: <T>(options: {
+  value?: T;
+  defaultValue: T;
+  onChange?: (next: T) => void;
 }) => [T, (next: T | ((prev: T) => T)) => void];
-export declare const useControllableState: <T>(options: {
-    value?: T;
-    defaultValue: T;
-    onChange?: (next: T) => void;
+declare const useControllableState: <T>(options: {
+  value?: T;
+  defaultValue: T;
+  onChange?: (next: T) => void;
 }) => [T, (next: T | ((prev: T) => T)) => void];
+//#endregion
+export { useControllableState, useUncontrolledState };
 //# sourceMappingURL=useControllableState.d.ts.map

package/dist/hooks/useControllableState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useControllableState.d.ts","sourceRoot":"","sources":["../../src/hooks/useControllableState.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,CAAC,EAAE,SAAS;IAAE,KAAK,CAAC,EAAE,CAAC,CAAC;IAAC,YAAY,EAAE,CAAC,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;CAAE,KAAG,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAcvJ,CAAA;AAGD,eAAO,MAAM,oBAAoB,GAjBI,CAAC,WAAW;IAAE,KAAK,CAAC,EAAE,CAAC,CAAC;IAAC,YAAY,EAAE,CAAC,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;CAAE,KAAG,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAiBhG,CAAA"}
+{"version":3,"file":"useControllableState.d.ts","names":[],"sources":["../../src/hooks/useControllableState.ts"],"mappings":";;;AAKA;;cAAa,oBAAA,MAAyB,OAAA;EAAa,KAAA,GAAQ,CAAA;EAAG,YAAA,EAAc,CAAA;EAAG,QAAA,IAAY,IAAA,EAAM,CAAA;AAAA,OAAgB,CAAA,GAAI,IAAA,EAAM,CAAA,KAAM,IAAA,EAAM,CAAA,KAAM,CAAA;AAAA,cAiBhI,oBAAA,MAjByB,OAAA;EAAa,KAAA,GAAQ,CAAA;EAAG,YAAA,EAAc,CAAA;EAAG,QAAA,IAAY,IAAA,EAAM,CAAA;AAAA,OAAgB,CAAA,GAAI,IAAA,EAAM,CAAA,KAAM,IAAA,EAAM,CAAA,KAAM,CAAA"}

package/dist/hooks/useControllableState.js

@@ -1,16 +1,27 @@
-'use client'
-import { useCallback as e, useState as t } from "react";
+'use client';
+import { useCallback, useState } from "react";
+
 //#region src/hooks/useControllableState.ts
-var n = (n) => {
-	let { value: r, defaultValue: i, onChange: a } = n, [o, s] = t(i), c = r !== void 0, l = c ? r : o;
-	return [l, e((e) => {
-		let t = typeof e == "function" ? e(l) : e;
-		c || s(t), a?.(t);
+/**
+* Hook for managing uncontrolled state with optional external control.
+*/
+const useUncontrolledState = (options) => {
+	const { value, defaultValue, onChange } = options;
+	const [uncontrolled, setUncontrolled] = useState(defaultValue);
+	const isControlled = value !== void 0;
+	const state = isControlled ? value : uncontrolled;
+	return [state, useCallback((next) => {
+		const resolvedNext = typeof next === "function" ? next(state) : next;
+		if (!isControlled) setUncontrolled(resolvedNext);
+		onChange?.(resolvedNext);
 	}, [
-		c,
-		a,
-		l
+		isControlled,
+		onChange,
+		state
 	])];
-}, r = n;
+};
+const useControllableState = useUncontrolledState;
+
 //#endregion
-export { r as useControllableState, n as useUncontrolledState };
+export { useControllableState, useUncontrolledState };
+//# sourceMappingURL=useControllableState.js.map

package/dist/hooks/useControllableState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControllableState.js","names":[],"sources":["../../src/hooks/useControllableState.ts"],"sourcesContent":["import { useCallback, useState } from 'react'\n\n/**\n * Hook for managing uncontrolled state with optional external control.\n */\nexport const useUncontrolledState = <T>(options: { value?: T; defaultValue: T; onChange?: (next: T) => void }): [T, (next: T | ((prev: T) => T)) => void] => {\n  const { value, defaultValue, onChange } = options\n  const [uncontrolled, setUncontrolled] = useState<T>(defaultValue)\n  const isControlled = value !== undefined\n  const state = isControlled ? (value as T) : uncontrolled\n  const set = useCallback(\n    (next: T | ((prev: T) => T)) => {\n      const resolvedNext = typeof next === 'function' ? (next as (prev: T) => T)(state) : next\n      if (!isControlled) setUncontrolled(resolvedNext)\n      onChange?.(resolvedNext)\n    },\n    [isControlled, onChange, state],\n  )\n  return [state, set]\n}\n\n// Backward compatible alias.\nexport const useControllableState = useUncontrolledState\n"],"mappings":";;;;;;;AAKA,MAAa,wBAA2B,YAAqH;CAC3J,MAAM,EAAE,OAAO,cAAc,aAAa;CAC1C,MAAM,CAAC,cAAc,mBAAmB,SAAY,aAAa;CACjE,MAAM,eAAe,UAAU;CAC/B,MAAM,QAAQ,eAAgB,QAAc;AAS5C,QAAO,CAAC,OARI,aACT,SAA+B;EAC9B,MAAM,eAAe,OAAO,SAAS,aAAc,KAAwB,MAAM,GAAG;AACpF,MAAI,CAAC,aAAc,iBAAgB,aAAa;AAChD,aAAW,aAAa;IAE1B;EAAC;EAAc;EAAU;EAAM,CAEf,CAAC;;AAIrB,MAAa,uBAAuB"}

package/dist/hooks/useConvertToOklch.d.ts

@@ -1,3 +1,7 @@
-export declare const convertColorToOklch: (color: string) => string;
-export declare const useColorToOklch: (color?: string) => string | undefined;
+'use client';
+//#region src/hooks/useConvertToOklch.d.ts
+declare const convertColorToOklch: (color: string) => string;
+declare const useColorToOklch: (color?: string) => string | undefined;
+//#endregion
+export { convertColorToOklch, useColorToOklch };
 //# sourceMappingURL=useConvertToOklch.d.ts.map

package/dist/hooks/useConvertToOklch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useConvertToOklch.d.ts","sourceRoot":"","sources":["../../src/hooks/useConvertToOklch.ts"],"names":[],"mappings":"AAiGA,eAAO,MAAM,mBAAmB,GAAI,OAAO,MAAM,KAAG,MAYnD,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,uBAIjC,CAAA"}
+{"version":3,"file":"useConvertToOklch.d.ts","names":[],"sources":["../../src/hooks/useConvertToOklch.ts"],"mappings":";;cAiGa,mBAAA,GAAmB,KAAA;AAAA,cAcnB,eAAA,GAAe,KAAA"}

package/dist/hooks/useConvertToOklch.js

@@ -1,51 +1,96 @@
-'use client'
-import { useMemo as e } from "react";
+'use client';
+import { useMemo } from "react";
+
 //#region src/hooks/useConvertToOklch.ts
-var t = /^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i, n = /^rgba?\(/i, r = (e) => Math.max(0, Math.min(255, e)), i = (e) => Math.max(0, Math.min(1, e)), a = (e) => {
-	if (!t.test(e)) return null;
-	let n = e.slice(1), r = n.length === 3 || n.length === 4, i = (e) => Number.parseInt(r ? e.repeat(2) : e, 16);
-	if (n.length === 3 || n.length === 4) {
-		let [e, t, r, a] = n.split("");
+const HEX_PATTERN = /^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
+const RGB_PATTERN = /^rgba?\(/i;
+const clampChannel = (value) => Math.max(0, Math.min(255, value));
+const clampAlpha = (value) => Math.max(0, Math.min(1, value));
+const parseHexColor = (color) => {
+	if (!HEX_PATTERN.test(color)) return null;
+	const hex = color.slice(1);
+	const hasShortForm = hex.length === 3 || hex.length === 4;
+	const toChannel = (value) => Number.parseInt(hasShortForm ? value.repeat(2) : value, 16);
+	if (hex.length === 3 || hex.length === 4) {
+		const [r, g, b, a] = hex.split("");
 		return {
-			r: i(e),
-			g: i(t),
-			b: i(r),
-			a: a ? i(a) / 255 : 1
+			r: toChannel(r),
+			g: toChannel(g),
+			b: toChannel(b),
+			a: a ? toChannel(a) / 255 : 1
 		};
 	}
 	return {
-		r: i(n.slice(0, 2)),
-		g: i(n.slice(2, 4)),
-		b: i(n.slice(4, 6)),
-		a: n.length === 8 ? i(n.slice(6, 8)) / 255 : 1
+		r: toChannel(hex.slice(0, 2)),
+		g: toChannel(hex.slice(2, 4)),
+		b: toChannel(hex.slice(4, 6)),
+		a: hex.length === 8 ? toChannel(hex.slice(6, 8)) / 255 : 1
+	};
+};
+const parseRgbColor = (color) => {
+	if (!RGB_PATTERN.test(color)) return null;
+	const match = color.trim().match(/^rgba?\(\s*([-+]?\d*\.?\d+%?)\s*[, ]\s*([-+]?\d*\.?\d+%?)\s*[, ]\s*([-+]?\d*\.?\d+%?)(?:\s*[,/]\s*([-+]?\d*\.?\d+%?))?\s*\)$/i);
+	if (!match) return null;
+	const toRgbChannel = (value) => {
+		if (value.endsWith("%")) return clampChannel(Number.parseFloat(value) / 100 * 255);
+		return clampChannel(Number.parseFloat(value));
+	};
+	const toAlphaChannel = (value) => {
+		if (!value) return 1;
+		if (value.endsWith("%")) return clampAlpha(Number.parseFloat(value) / 100);
+		return clampAlpha(Number.parseFloat(value));
 	};
-}, o = (e) => {
-	if (!n.test(e)) return null;
-	let t = e.trim().match(/^rgba?\(\s*([-+]?\d*\.?\d+%?)\s*[, ]\s*([-+]?\d*\.?\d+%?)\s*[, ]\s*([-+]?\d*\.?\d+%?)(?:\s*[,/]\s*([-+]?\d*\.?\d+%?))?\s*\)$/i);
-	if (!t) return null;
-	let a = (e) => e.endsWith("%") ? r(Number.parseFloat(e) / 100 * 255) : r(Number.parseFloat(e));
 	return {
-		r: a(t[1]),
-		g: a(t[2]),
-		b: a(t[3]),
-		a: ((e) => e ? e.endsWith("%") ? i(Number.parseFloat(e) / 100) : i(Number.parseFloat(e)) : 1)(t[4])
+		r: toRgbChannel(match[1]),
+		g: toRgbChannel(match[2]),
+		b: toRgbChannel(match[3]),
+		a: toAlphaChannel(match[4])
 	};
-}, s = (e) => {
-	let t = e / 255;
-	return t <= .04045 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
-}, c = (e, t) => {
-	let n = 10 ** t;
-	return Math.round(e * n) / n;
-}, l = ({ r: e, g: t, b: n, a: r }) => {
-	let i = s(e), a = s(t), o = s(n), l = .4122214708 * i + .5363325363 * a + .0514459929 * o, u = .2119034982 * i + .6806995451 * a + .1073969566 * o, d = .0883024619 * i + .2817188376 * a + .6299787005 * o, f = Math.cbrt(l), p = Math.cbrt(u), m = Math.cbrt(d), h = .2104542553 * f + .793617785 * p - .0040720468 * m, g = 1.9779984951 * f - 2.428592205 * p + .4505937099 * m, _ = .0259040371 * f + .7827717662 * p - .808675766 * m, v = Math.sqrt(g ** 2 + _ ** 2), y = (Math.atan2(_, g) * 180 / Math.PI + 360) % 360, b = c(h * 100, 2), x = c(v, 4), S = c(y, 2);
-	return r < 1 ? `oklch(${b}% ${x} ${S} / ${c(r, 3)})` : `oklch(${b}% ${x} ${S})`;
-}, u = (e) => {
-	let t = e.trim();
-	if (t.length === 0 || t.toLowerCase().startsWith("oklch(")) return t;
-	let n = a(t);
-	if (n) return l(n);
-	let r = o(t);
-	return r ? l(r) : t;
-}, d = (t) => e(() => t && u(t), [t]);
+};
+const toLinear = (channel) => {
+	const normalized = channel / 255;
+	return normalized <= .04045 ? normalized / 12.92 : ((normalized + .055) / 1.055) ** 2.4;
+};
+const round = (value, digits) => {
+	const factor = 10 ** digits;
+	return Math.round(value * factor) / factor;
+};
+const rgbToOklch = ({ r, g, b, a }) => {
+	const rLinear = toLinear(r);
+	const gLinear = toLinear(g);
+	const bLinear = toLinear(b);
+	const l = .4122214708 * rLinear + .5363325363 * gLinear + .0514459929 * bLinear;
+	const m = .2119034982 * rLinear + .6806995451 * gLinear + .1073969566 * bLinear;
+	const s = .0883024619 * rLinear + .2817188376 * gLinear + .6299787005 * bLinear;
+	const lRoot = Math.cbrt(l);
+	const mRoot = Math.cbrt(m);
+	const sRoot = Math.cbrt(s);
+	const lComponent = .2104542553 * lRoot + .793617785 * mRoot - .0040720468 * sRoot;
+	const aComponent = 1.9779984951 * lRoot - 2.428592205 * mRoot + .4505937099 * sRoot;
+	const bComponent = .0259040371 * lRoot + .7827717662 * mRoot - .808675766 * sRoot;
+	const chroma = Math.sqrt(aComponent ** 2 + bComponent ** 2);
+	const hue = (Math.atan2(bComponent, aComponent) * 180 / Math.PI + 360) % 360;
+	const lightnessPercent = round(lComponent * 100, 2);
+	const roundedChroma = round(chroma, 4);
+	const roundedHue = round(hue, 2);
+	if (a < 1) return `oklch(${lightnessPercent}% ${roundedChroma} ${roundedHue} / ${round(a, 3)})`;
+	return `oklch(${lightnessPercent}% ${roundedChroma} ${roundedHue})`;
+};
+const convertColorToOklch = (color) => {
+	const trimmedColor = color.trim();
+	if (trimmedColor.length === 0) return trimmedColor;
+	if (trimmedColor.toLowerCase().startsWith("oklch(")) return trimmedColor;
+	const parsedHex = parseHexColor(trimmedColor);
+	if (parsedHex) return rgbToOklch(parsedHex);
+	const parsedRgb = parseRgbColor(trimmedColor);
+	if (parsedRgb) return rgbToOklch(parsedRgb);
+	return trimmedColor;
+};
+const useColorToOklch = (color) => useMemo(() => {
+	if (!color) return color;
+	return convertColorToOklch(color);
+}, [color]);
+
 //#endregion
-export { u as convertColorToOklch, d as useColorToOklch };
+export { convertColorToOklch, useColorToOklch };
+//# sourceMappingURL=useConvertToOklch.js.map

package/dist/hooks/useConvertToOklch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConvertToOklch.js","names":[],"sources":["../../src/hooks/useConvertToOklch.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nconst HEX_PATTERN = /^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i\nconst RGB_PATTERN = /^rgba?\\(/i\n\nconst clampChannel = (value: number) => Math.max(0, Math.min(255, value))\nconst clampAlpha = (value: number) => Math.max(0, Math.min(1, value))\n\nconst parseHexColor = (color: string): { r: number; g: number; b: number; a: number } | null => {\n  if (!HEX_PATTERN.test(color)) return null\n\n  const hex = color.slice(1)\n  const hasShortForm = hex.length === 3 || hex.length === 4\n\n  const toChannel = (value: string) => Number.parseInt(hasShortForm ? value.repeat(2) : value, 16)\n\n  if (hex.length === 3 || hex.length === 4) {\n    const [r, g, b, a] = hex.split('')\n    return {\n      r: toChannel(r),\n      g: toChannel(g),\n      b: toChannel(b),\n      a: a ? toChannel(a) / 255 : 1,\n    }\n  }\n\n  return {\n    r: toChannel(hex.slice(0, 2)),\n    g: toChannel(hex.slice(2, 4)),\n    b: toChannel(hex.slice(4, 6)),\n    a: hex.length === 8 ? toChannel(hex.slice(6, 8)) / 255 : 1,\n  }\n}\n\nconst parseRgbColor = (color: string): { r: number; g: number; b: number; a: number } | null => {\n  if (!RGB_PATTERN.test(color)) return null\n\n  const match = color.trim().match(/^rgba?\\(\\s*([-+]?\\d*\\.?\\d+%?)\\s*[, ]\\s*([-+]?\\d*\\.?\\d+%?)\\s*[, ]\\s*([-+]?\\d*\\.?\\d+%?)(?:\\s*[,/]\\s*([-+]?\\d*\\.?\\d+%?))?\\s*\\)$/i)\n  if (!match) return null\n\n  const toRgbChannel = (value: string) => {\n    if (value.endsWith('%')) return clampChannel((Number.parseFloat(value) / 100) * 255)\n    return clampChannel(Number.parseFloat(value))\n  }\n\n  const toAlphaChannel = (value?: string) => {\n    if (!value) return 1\n    if (value.endsWith('%')) return clampAlpha(Number.parseFloat(value) / 100)\n    return clampAlpha(Number.parseFloat(value))\n  }\n\n  return {\n    r: toRgbChannel(match[1]),\n    g: toRgbChannel(match[2]),\n    b: toRgbChannel(match[3]),\n    a: toAlphaChannel(match[4]),\n  }\n}\n\nconst toLinear = (channel: number) => {\n  const normalized = channel / 255\n  return normalized <= 0.04045 ? normalized / 12.92 : ((normalized + 0.055) / 1.055) ** 2.4\n}\n\nconst round = (value: number, digits: number) => {\n  const factor = 10 ** digits\n  return Math.round(value * factor) / factor\n}\n\nconst rgbToOklch = ({ r, g, b, a }: { r: number; g: number; b: number; a: number }) => {\n  const rLinear = toLinear(r)\n  const gLinear = toLinear(g)\n  const bLinear = toLinear(b)\n\n  const l = 0.4122214708 * rLinear + 0.5363325363 * gLinear + 0.0514459929 * bLinear\n  const m = 0.2119034982 * rLinear + 0.6806995451 * gLinear + 0.1073969566 * bLinear\n  const s = 0.0883024619 * rLinear + 0.2817188376 * gLinear + 0.6299787005 * bLinear\n\n  const lRoot = Math.cbrt(l)\n  const mRoot = Math.cbrt(m)\n  const sRoot = Math.cbrt(s)\n\n  const lComponent = 0.2104542553 * lRoot + 0.793617785 * mRoot - 0.0040720468 * sRoot\n  const aComponent = 1.9779984951 * lRoot - 2.428592205 * mRoot + 0.4505937099 * sRoot\n  const bComponent = 0.0259040371 * lRoot + 0.7827717662 * mRoot - 0.808675766 * sRoot\n\n  const chroma = Math.sqrt(aComponent ** 2 + bComponent ** 2)\n  const hue = ((Math.atan2(bComponent, aComponent) * 180) / Math.PI + 360) % 360\n\n  const lightnessPercent = round(lComponent * 100, 2)\n  const roundedChroma = round(chroma, 4)\n  const roundedHue = round(hue, 2)\n\n  if (a < 1) return `oklch(${lightnessPercent}% ${roundedChroma} ${roundedHue} / ${round(a, 3)})`\n  return `oklch(${lightnessPercent}% ${roundedChroma} ${roundedHue})`\n}\n\nexport const convertColorToOklch = (color: string): string => {\n  const trimmedColor = color.trim()\n  if (trimmedColor.length === 0) return trimmedColor\n  if (trimmedColor.toLowerCase().startsWith('oklch(')) return trimmedColor\n\n  const parsedHex = parseHexColor(trimmedColor)\n  if (parsedHex) return rgbToOklch(parsedHex)\n\n  const parsedRgb = parseRgbColor(trimmedColor)\n  if (parsedRgb) return rgbToOklch(parsedRgb)\n\n  return trimmedColor\n}\n\nexport const useColorToOklch = (color?: string) =>\n  useMemo(() => {\n    if (!color) return color\n    return convertColorToOklch(color)\n  }, [color])\n"],"mappings":"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"}

package/dist/hooks/useTheme.d.ts

@@ -1,8 +1,12 @@
-export type Theme = 'light' | 'dark';
-export interface UseThemeReturn {
-    theme: Theme;
-    setTheme: (theme: Theme) => void;
-    toggleTheme: () => void;
+'use client';
+//#region src/hooks/useTheme.d.ts
+type Theme = 'light' | 'dark';
+interface UseThemeReturn {
+  theme: Theme;
+  setTheme: (theme: Theme) => void;
+  toggleTheme: () => void;
 }
-export declare const useTheme: (defaultTheme?: Theme) => UseThemeReturn;
+declare const useTheme: (defaultTheme?: Theme) => UseThemeReturn;
+//#endregion
+export { Theme, UseThemeReturn, useTheme };
 //# sourceMappingURL=useTheme.d.ts.map

package/dist/hooks/useTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,CAAA;AAEpC,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,KAAK,CAAA;IACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,eAAO,MAAM,QAAQ,GAAI,eAAc,KAAc,KAAG,cA4BvD,CAAA"}
+{"version":3,"file":"useTheme.d.ts","names":[],"sources":["../../src/hooks/useTheme.ts"],"mappings":";;KAEY,KAAA;AAAA,UAEK,cAAA;EACf,KAAA,EAAO,KAAA;EACP,QAAA,GAAW,KAAA,EAAO,KAAA;EAClB,WAAA;AAAA;AAAA,cAGW,QAAA,GAAQ,YAAA,GAAkB,KAAA,KAAiB,cAAA"}

package/dist/hooks/useTheme.js

@@ -1,23 +1,31 @@
-'use client'
-import { useEffect as e, useState as t } from "react";
+'use client';
+import { useEffect, useState } from "react";
+
 //#region src/hooks/useTheme.ts
-var n = (n = "dark") => {
-	let [r, i] = t(() => {
-		if (typeof window > "u") return n;
-		let e = localStorage.getItem("theme");
-		return e === "light" || e === "dark" ? e : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-	}), a = (e) => {
-		i(e);
+const useTheme = (defaultTheme = "dark") => {
+	const [theme, setThemeState] = useState(() => {
+		if (typeof window === "undefined") return defaultTheme;
+		const stored = localStorage.getItem("theme");
+		if (stored === "light" || stored === "dark") return stored;
+		return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+	});
+	const setTheme = (newTheme) => {
+		setThemeState(newTheme);
 	};
-	return e(() => {
-		document.documentElement.setAttribute("data-theme", r), localStorage.setItem("theme", r);
-	}, [r]), {
-		theme: r,
-		setTheme: a,
-		toggleTheme: () => {
-			a(r === "dark" ? "light" : "dark");
-		}
+	const toggleTheme = () => {
+		setTheme(theme === "dark" ? "light" : "dark");
+	};
+	useEffect(() => {
+		document.documentElement.setAttribute("data-theme", theme);
+		localStorage.setItem("theme", theme);
+	}, [theme]);
+	return {
+		theme,
+		setTheme,
+		toggleTheme
 	};
 };
+
 //#endregion
-export { n as useTheme };
+export { useTheme };
+//# sourceMappingURL=useTheme.js.map

package/dist/hooks/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","names":[],"sources":["../../src/hooks/useTheme.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nexport type Theme = 'light' | 'dark'\n\nexport interface UseThemeReturn {\n  theme: Theme\n  setTheme: (theme: Theme) => void\n  toggleTheme: () => void\n}\n\nexport const useTheme = (defaultTheme: Theme = 'dark'): UseThemeReturn => {\n  const [theme, setThemeState] = useState<Theme>(() => {\n    if (typeof window === 'undefined') return defaultTheme\n\n    const stored = localStorage.getItem('theme') as Theme | null\n    if (stored === 'light' || stored === 'dark') return stored\n\n    // Check system preference\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n  })\n\n  const setTheme = (newTheme: Theme) => {\n    setThemeState(newTheme)\n  }\n\n  const toggleTheme = () => {\n    setTheme(theme === 'dark' ? 'light' : 'dark')\n  }\n\n  useEffect(() => {\n    const root = document.documentElement\n\n    // Set data-theme attribute on root element (matching your existing CSS selectors)\n    root.setAttribute('data-theme', theme)\n    localStorage.setItem('theme', theme)\n  }, [theme])\n\n  return { theme, setTheme, toggleTheme }\n}\n"],"mappings":";;;;AAUA,MAAa,YAAY,eAAsB,WAA2B;CACxE,MAAM,CAAC,OAAO,iBAAiB,eAAsB;AACnD,MAAI,OAAO,WAAW,YAAa,QAAO;EAE1C,MAAM,SAAS,aAAa,QAAQ,QAAQ;AAC5C,MAAI,WAAW,WAAW,WAAW,OAAQ,QAAO;AAGpD,SAAO,OAAO,WAAW,+BAA+B,CAAC,UAAU,SAAS;GAC5E;CAEF,MAAM,YAAY,aAAoB;AACpC,gBAAc,SAAS;;CAGzB,MAAM,oBAAoB;AACxB,WAAS,UAAU,SAAS,UAAU,OAAO;;AAG/C,iBAAgB;AAId,EAHa,SAAS,gBAGjB,aAAa,cAAc,MAAM;AACtC,eAAa,QAAQ,SAAS,MAAM;IACnC,CAAC,MAAM,CAAC;AAEX,QAAO;EAAE;EAAO;EAAU;EAAa"}

package/dist/hooks/useUncontrolledState.d.ts

@@ -1,9 +1,13 @@
+'use client';
+//#region src/hooks/useUncontrolledState.d.ts
 /**
  * Hook for managing uncontrolled state with optional external control.
  */
-export declare const useUncontrolledState: <T>(options: {
-    value?: T;
-    defaultValue: T;
-    onChange?: (next: T) => void;
+declare const useUncontrolledState: <T>(options: {
+  value?: T;
+  defaultValue: T;
+  onChange?: (next: T) => void;
 }) => [T, (next: T | ((prev: T) => T)) => void];
+//#endregion
+export { useUncontrolledState };
 //# sourceMappingURL=useUncontrolledState.d.ts.map

package/dist/hooks/useUncontrolledState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useUncontrolledState.d.ts","sourceRoot":"","sources":["../../src/hooks/useUncontrolledState.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,CAAC,EAAE,SAAS;IAAE,KAAK,CAAC,EAAE,CAAC,CAAC;IAAC,YAAY,EAAE,CAAC,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;CAAE,KAAG,CAAC,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAcvJ,CAAA"}
+{"version":3,"file":"useUncontrolledState.d.ts","names":[],"sources":["../../src/hooks/useUncontrolledState.ts"],"mappings":";;;AAKA;;cAAa,oBAAA,MAAyB,OAAA;EAAa,KAAA,GAAQ,CAAA;EAAG,YAAA,EAAc,CAAA;EAAG,QAAA,IAAY,IAAA,EAAM,CAAA;AAAA,OAAgB,CAAA,GAAI,IAAA,EAAM,CAAA,KAAM,IAAA,EAAM,CAAA,KAAM,CAAA"}

package/dist/hooks/useUncontrolledState.js

@@ -1,16 +1,26 @@
-'use client'
-import { useCallback as e, useState as t } from "react";
+'use client';
+import { useCallback, useState } from "react";
+
 //#region src/hooks/useUncontrolledState.ts
-var n = (n) => {
-	let { value: r, defaultValue: i, onChange: a } = n, [o, s] = t(i), c = r !== void 0, l = c ? r : o;
-	return [l, e((e) => {
-		let t = typeof e == "function" ? e(l) : e;
-		c || s(t), a?.(t);
+/**
+* Hook for managing uncontrolled state with optional external control.
+*/
+const useUncontrolledState = (options) => {
+	const { value, defaultValue, onChange } = options;
+	const [uncontrolled, setUncontrolled] = useState(defaultValue);
+	const isControlled = value !== void 0;
+	const state = isControlled ? value : uncontrolled;
+	return [state, useCallback((next) => {
+		const resolvedNext = typeof next === "function" ? next(state) : next;
+		if (!isControlled) setUncontrolled(resolvedNext);
+		onChange?.(resolvedNext);
 	}, [
-		c,
-		a,
-		l
+		isControlled,
+		onChange,
+		state
 	])];
 };
+
 //#endregion
-export { n as useUncontrolledState };
+export { useUncontrolledState };
+//# sourceMappingURL=useUncontrolledState.js.map

package/dist/hooks/useUncontrolledState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUncontrolledState.js","names":[],"sources":["../../src/hooks/useUncontrolledState.ts"],"sourcesContent":["import { useCallback, useState } from 'react'\n\n/**\n * Hook for managing uncontrolled state with optional external control.\n */\nexport const useUncontrolledState = <T>(options: { value?: T; defaultValue: T; onChange?: (next: T) => void }): [T, (next: T | ((prev: T) => T)) => void] => {\n  const { value, defaultValue, onChange } = options\n  const [uncontrolled, setUncontrolled] = useState<T>(defaultValue)\n  const isControlled = value !== undefined\n  const state = isControlled ? (value as T) : uncontrolled\n  const set = useCallback(\n    (next: T | ((prev: T) => T)) => {\n      const resolvedNext = typeof next === 'function' ? (next as (prev: T) => T)(state) : next\n      if (!isControlled) setUncontrolled(resolvedNext)\n      onChange?.(resolvedNext)\n    },\n    [isControlled, onChange, state],\n  )\n  return [state, set]\n}\n"],"mappings":";;;;;;;AAKA,MAAa,wBAA2B,YAAqH;CAC3J,MAAM,EAAE,OAAO,cAAc,aAAa;CAC1C,MAAM,CAAC,cAAc,mBAAmB,SAAY,aAAa;CACjE,MAAM,eAAe,UAAU;CAC/B,MAAM,QAAQ,eAAgB,QAAc;AAS5C,QAAO,CAAC,OARI,aACT,SAA+B;EAC9B,MAAM,eAAe,OAAO,SAAS,aAAc,KAAwB,MAAM,GAAG;AACpF,MAAI,CAAC,aAAc,iBAAgB,aAAa;AAChD,aAAW,aAAa;IAE1B;EAAC;EAAc;EAAU;EAAM,CAEf,CAAC"}