@optimum-intelligence/opti-ui 0.7.1 → 0.7.3

package/dist/utils/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","names":["React","NARROW_SCREEN","useMediaQuery","query","$","_c","t0","t1","notify","list","window","matchMedia","addEventListener","removeEventListener","matches","useSyncExternalStore","_temp","_c"],"sources":["../../src/utils/media.ts"],"sourcesContent":["import * as React from 'react';\n\n/** The library's one layout breakpoint: phones get their own layout at and below 640px. */\nexport const NARROW_SCREEN = '(max-width: 640px)';\n\n/** Whether a media query matches, following changes. `false` during server rendering. */\nexport function useMediaQuery(query: string) {\n  return React.useSyncExternalStore(\n    (notify) => {\n      const list = window.matchMedia(query);\n      list.addEventListener('change', notify);\n      return () => list.removeEventListener('change', notify);\n    },\n    () => window.matchMedia(query).matches,\n    () => false,\n  );\n}\n"],"mappings":";;;;;AAGA,IAAaC,gBAAgB;;AAG7B,SAAOC,cAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAH,EAAA,OAAAD,OAAA;EAEHG,MAAAE,WAAA;GACE,MAAAC,OAAaC,OAAMC,WAAYR,KAAK;GACpCM,KAAIG,iBAAkB,UAAUJ,MAAM;GAAC,aAC1BC,KAAII,oBAAqB,UAAUL,MAAM;EAAC;EAEzDD,WAAMG,OAAMC,WAAYR,KAAK,CAAC,CAAAW;EAAQV,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAA;EAAAD,KAAAF,EAAA;EAAAG,KAAAH,EAAA;CAAA;CAAA,OANjCJ,MAAKe,qBACVT,IAKAC,IACAS,KACF;AAAC;AATI,SAAAA,QAAA;CAAA,OAQG;AAAK"}

package/dist/utils/scroll-fade.d.ts

@@ -0,0 +1,9 @@
+import type * as React from 'react';
+/**
+ * Callback ref for a sideways-scrolling element: sets `data-fade-start` and
+ * `data-fade-end` while content is cut off on that side, so CSS can fade the edge.
+ * Returns the cleanup that React 19 runs when the element goes away.
+ */
+export declare function scrollFade(node: HTMLElement | null): (() => void) | undefined;
+/** Combines refs (objects, or callbacks with or without a cleanup) into one callback ref. */
+export declare function mergeRefs<T>(...refs: (React.Ref<T> | ((node: T | null) => void | (() => void)) | undefined)[]): (node: T | null) => () => void;

package/dist/utils/scroll-fade.js

@@ -0,0 +1,45 @@
+"use client";
+//#region src/utils/scroll-fade.ts
+/**
+* Callback ref for a sideways-scrolling element: sets `data-fade-start` and
+* `data-fade-end` while content is cut off on that side, so CSS can fade the edge.
+* Returns the cleanup that React 19 runs when the element goes away.
+*/
+function scrollFade(node) {
+	if (!node) return;
+	const update = () => {
+		const offset = Math.abs(node.scrollLeft);
+		const hidden = node.scrollWidth - node.clientWidth;
+		node.toggleAttribute("data-fade-start", offset > 1);
+		node.toggleAttribute("data-fade-end", hidden - offset > 1);
+	};
+	const resize = new ResizeObserver(update);
+	resize.observe(node);
+	for (const child of node.children) resize.observe(child);
+	node.addEventListener("scroll", update, { passive: true });
+	update();
+	return () => {
+		resize.disconnect();
+		node.removeEventListener("scroll", update);
+	};
+}
+/** Combines refs (objects, or callbacks with or without a cleanup) into one callback ref. */
+function mergeRefs(...refs) {
+	return (node) => {
+		const cleanups = refs.map((ref) => {
+			if (typeof ref === "function") {
+				const cleanup = ref(node);
+				return typeof cleanup === "function" ? cleanup : () => ref(null);
+			}
+			if (ref) ref.current = node;
+			return () => {
+				if (ref) ref.current = null;
+			};
+		});
+		return () => cleanups.forEach((cleanup) => cleanup());
+	};
+}
+//#endregion
+export { mergeRefs, scrollFade };
+
+//# sourceMappingURL=scroll-fade.js.map

package/dist/utils/scroll-fade.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-fade.js","names":["React","scrollFade","node","HTMLElement","update","offset","Math","abs","scrollLeft","hidden","scrollWidth","clientWidth","toggleAttribute","resize","ResizeObserver","observe","child","children","addEventListener","passive","disconnect","removeEventListener","mergeRefs","refs","Ref","T","cleanups","map","ref","cleanup","RefObject","current","forEach"],"sources":["../../src/utils/scroll-fade.ts"],"sourcesContent":["import type * as React from 'react';\n\n/**\n * Callback ref for a sideways-scrolling element: sets `data-fade-start` and\n * `data-fade-end` while content is cut off on that side, so CSS can fade the edge.\n * Returns the cleanup that React 19 runs when the element goes away.\n */\nexport function scrollFade(node: HTMLElement | null) {\n  if (!node) return;\n  const update = () => {\n    // Negative in right-to-left layouts.\n    const offset = Math.abs(node.scrollLeft);\n    const hidden = node.scrollWidth - node.clientWidth;\n    node.toggleAttribute('data-fade-start', offset > 1);\n    node.toggleAttribute('data-fade-end', hidden - offset > 1);\n  };\n  const resize = new ResizeObserver(update);\n  resize.observe(node);\n  for (const child of node.children) resize.observe(child);\n  node.addEventListener('scroll', update, { passive: true });\n  update();\n  return () => {\n    resize.disconnect();\n    node.removeEventListener('scroll', update);\n  };\n}\n\n/** Combines refs (objects, or callbacks with or without a cleanup) into one callback ref. */\nexport function mergeRefs<T>(...refs: (React.Ref<T> | ((node: T | null) => void | (() => void)) | undefined)[]) {\n  return (node: T | null) => {\n    const cleanups = refs.map((ref) => {\n      if (typeof ref === 'function') {\n        const cleanup = ref(node);\n        return typeof cleanup === 'function' ? cleanup : () => ref(null);\n      }\n      if (ref) (ref as React.RefObject<T | null>).current = node;\n      return () => {\n        if (ref) (ref as React.RefObject<T | null>).current = null;\n      };\n    });\n    return () => cleanups.forEach((cleanup) => cleanup());\n  };\n}\n"],"mappings":";;;;;;;AAOA,SAAgBC,WAAWC,MAA0B;CACnD,IAAI,CAACA,MAAM;CACX,MAAME,eAAe;EAEnB,MAAMC,SAASC,KAAKC,IAAIL,KAAKM,UAAU;EACvC,MAAMC,SAASP,KAAKQ,cAAcR,KAAKS;EACvCT,KAAKU,gBAAgB,mBAAmBP,SAAS,CAAC;EAClDH,KAAKU,gBAAgB,iBAAiBH,SAASJ,SAAS,CAAC;CAC3D;CACA,MAAMQ,SAAS,IAAIC,eAAeV,MAAM;CACxCS,OAAOE,QAAQb,IAAI;CACnB,KAAK,MAAMc,SAASd,KAAKe,UAAUJ,OAAOE,QAAQC,KAAK;CACvDd,KAAKgB,iBAAiB,UAAUd,QAAQ,EAAEe,SAAS,KAAK,CAAC;CACzDf,OAAO;CACP,aAAa;EACXS,OAAOO,WAAW;EAClBlB,KAAKmB,oBAAoB,UAAUjB,MAAM;CAC3C;AACF;;AAGA,SAAgBkB,UAAa,GAAGC,MAAgF;CAC9G,QAAQrB,SAAmB;EACzB,MAAMwB,WAAWH,KAAKI,KAAKC,QAAQ;GACjC,IAAI,OAAOA,QAAQ,YAAY;IAC7B,MAAMC,UAAUD,IAAI1B,IAAI;IACxB,OAAO,OAAO2B,YAAY,aAAaA,gBAAgBD,IAAI,IAAI;GACjE;GACA,IAAIA,KAAK,IAAmCG,UAAU7B;GACtD,aAAa;IACX,IAAI0B,KAAK,IAAmCG,UAAU;GACxD;EACF,CAAC;EACD,aAAaL,SAASM,SAASH,YAAYA,QAAQ,CAAC;CACtD;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@optimum-intelligence/opti-ui",
-  "version": "0.7.1",
+  "version": "0.7.3",
   "description": "Optimum's customizable React component library, built on Base UI.",
   "license": "SEE LICENSE IN LICENSE",
   "author": "Optimum Intelligence",