@thewrong/ui 0.1.0 → 0.3.0

package/dist/hooks/useInfiniteScroll.cjs

@@ -0,0 +1 @@
+let e=require("react");function t(t){let n=`onLoadMore`in t,r=n?t.onLoadMore:t.fetchNextPage,i=n?t.hasMore:t.hasNextPage,a=n?t.isFetching:t.isFetchingNextPage,o=n?t.scrollElementRef:void 0,s=n?void 0:t.scrollElement,c=t.rootMarginPx??(n?120:100),l=t.enabled??!0,u=(0,e.useRef)(null),d=(0,e.useCallback)(e=>{e[0]?.isIntersecting&&i&&!a&&l&&r()},[r,i,a,l]);return(0,e.useEffect)(()=>{let e=u.current;if(!l||!i||!e)return;let t=new IntersectionObserver(d,{root:o?.current??s??null,rootMargin:`${c}px`,threshold:0});return t.observe(e),()=>t.disconnect()},[d,o,s,c,l,i]),{sentinelRef:u}}exports.useInfiniteScroll=t;

package/dist/hooks/useInfiniteScroll.d.ts

@@ -0,0 +1,36 @@
+import { RefObject } from 'react';
+interface CommonOptions {
+    /** 감지 활성 여부. 기본 true. */
+    enabled?: boolean;
+    /** 경계보다 일찍 감지할 거리(px). 새 API의 기본값은 120, 기존 API는 100. */
+    rootMarginPx?: number;
+}
+/** 콜백과 스크롤 컨테이너 ref를 받는 범용 옵션. */
+export interface InfiniteScrollOptions extends CommonOptions {
+    onLoadMore: () => void;
+    hasMore: boolean;
+    isFetching: boolean;
+    /** 없거나 current가 null이면 뷰포트에서 감지한다. */
+    scrollElementRef?: RefObject<HTMLElement | null>;
+}
+/** 기존 테이블 사용자와 호환되는 옵션. */
+export interface LegacyInfiniteScrollOptions extends CommonOptions {
+    fetchNextPage: () => void;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+    scrollElement?: HTMLElement | null;
+    /** 기존 API에서 실제로 사용되지 않았던 값. 선제 감지는 rootMarginPx를 쓴다. */
+    threshold?: number;
+}
+export type UseInfiniteScrollOptions = InfiniteScrollOptions | LegacyInfiniteScrollOptions;
+export interface UseInfiniteScrollReturn {
+    /** 스크롤 영역 끝에 렌더할 감지 요소의 ref. */
+    sentinelRef: RefObject<HTMLDivElement | null>;
+}
+/**
+ * IntersectionObserver로 스크롤 끝의 sentinel을 감지해 다음 데이터를 요청한다.
+ * sentinel을 실제 스크롤 영역 끝에 렌더해야 감지되며, ref가 없으면 감시가 시작되지 않는다.
+ * 컨테이너를 쓰면 scrollElementRef를 지정하고, 뷰포트 스크롤이면 생략한다.
+ */
+export declare function useInfiniteScroll(options: UseInfiniteScrollOptions): UseInfiniteScrollReturn;
+export {};

package/dist/hooks/useInfiniteScroll.esm.js

@@ -0,0 +1,31 @@
+import { useCallback as e, useEffect as t, useRef as n } from "react";
+//#region src/hooks/useInfiniteScroll.ts
+function r(r) {
+	let i = "onLoadMore" in r, a = i ? r.onLoadMore : r.fetchNextPage, o = i ? r.hasMore : r.hasNextPage, s = i ? r.isFetching : r.isFetchingNextPage, c = i ? r.scrollElementRef : void 0, l = i ? void 0 : r.scrollElement, u = r.rootMarginPx ?? (i ? 120 : 100), d = r.enabled ?? !0, f = n(null), p = e((e) => {
+		e[0]?.isIntersecting && o && !s && d && a();
+	}, [
+		a,
+		o,
+		s,
+		d
+	]);
+	return t(() => {
+		let e = f.current;
+		if (!d || !o || !e) return;
+		let t = new IntersectionObserver(p, {
+			root: c?.current ?? l ?? null,
+			rootMargin: `${u}px`,
+			threshold: 0
+		});
+		return t.observe(e), () => t.disconnect();
+	}, [
+		p,
+		c,
+		l,
+		u,
+		d,
+		o
+	]), { sentinelRef: f };
+}
+//#endregion
+export { r as useInfiniteScroll };

package/dist/hooks/useMediaQuery.cjs

@@ -0,0 +1 @@
+let e=require("react");function t(t){let[n,r]=(0,e.useState)(()=>typeof window>`u`?!1:window.matchMedia(t).matches);return(0,e.useEffect)(()=>{let e=window.matchMedia(t),n=e=>r(e.matches);return r(e.matches),e.addEventListener(`change`,n),()=>e.removeEventListener(`change`,n)},[t]),n}var n=`(max-width: 639px)`;function r(){return t(n)}exports.MOBILE_MEDIA_QUERY=n,exports.useIsMobile=r,exports.useMediaQuery=t;

package/dist/hooks/useMediaQuery.esm.js

@@ -0,0 +1,15 @@
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/useMediaQuery.ts
+function n(n) {
+	let [r, i] = t(() => typeof window > "u" ? !1 : window.matchMedia(n).matches);
+	return e(() => {
+		let e = window.matchMedia(n), t = (e) => i(e.matches);
+		return i(e.matches), e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, [n]), r;
+}
+var r = "(max-width: 639px)";
+function i() {
+	return n(r);
+}
+//#endregion
+export { r as MOBILE_MEDIA_QUERY, i as useIsMobile, n as useMediaQuery };

package/dist/hooks/useScrollLock.cjs

@@ -0,0 +1 @@
+let e=require("react");var t=0,n=``;function r(){t===0&&(n=document.body.style.overflow,document.body.style.overflow=`hidden`),t+=1}function i(){t!==0&&(--t,t===0&&(document.body.style.overflow=n,n=``))}function a(t){(0,e.useEffect)(()=>{if(t)return r(),i},[t])}exports.useScrollLock=a;

package/dist/hooks/useScrollLock.esm.js

@@ -0,0 +1,16 @@
+import { useEffect as e } from "react";
+//#region src/hooks/useScrollLock.ts
+var t = 0, n = "";
+function r() {
+	t === 0 && (n = document.body.style.overflow, document.body.style.overflow = "hidden"), t += 1;
+}
+function i() {
+	t !== 0 && (--t, t === 0 && (document.body.style.overflow = n, n = ""));
+}
+function a(t) {
+	e(() => {
+		if (t) return r(), i;
+	}, [t]);
+}
+//#endregion
+export { a as useScrollLock };

package/dist/hooks/useTableDragSelection.cjs

@@ -0,0 +1 @@
+let e=require("react");function t({rows:t,getRowId:n,isSelected:r,setSelected:i,enabled:a=!0,scrollContainerRef:o,edgeSize:s=60,maxSpeed:c=14}){let l=(0,e.useRef)(!1),u=(0,e.useRef)(!0),d=(0,e.useRef)(null),f=(0,e.useRef)(null),p=(0,e.useRef)(null),m=(0,e.useRef)(t);m.current=t;let h=(0,e.useRef)(n);h.current=n;let g=(0,e.useRef)(r);g.current=r;let _=(0,e.useRef)(i);_.current=i;let v=(0,e.useMemo)(()=>{let e=new Map;for(let n=0;n<t.length;n++){let r=t[n];r!==void 0&&e.set(h.current(r),n)}return e},[t]),y=(0,e.useRef)(v);y.current=v;let b=(0,e.useCallback)(()=>{p.current!=null&&(cancelAnimationFrame(p.current),p.current=null),f.current=null},[]),x=(0,e.useCallback)(()=>{if(p.current=null,!l.current)return;let e=o?.current,t=f.current;if(!e||t==null)return;let n=e.getBoundingClientRect(),r=0;if(t<n.top+s){let e=(n.top+s-t)/s;r=-Math.ceil(c*Math.min(1,Math.max(0,e)))}else if(t>n.bottom-s){let e=(t-(n.bottom-s))/s;r=Math.ceil(c*Math.min(1,Math.max(0,e)))}r!==0&&(e.scrollTop+=r),p.current=requestAnimationFrame(x)},[s,c,o]);(0,e.useEffect)(()=>{if(!a)return;let e=()=>{l.current=!1,d.current=null,b()},t=e=>{l.current&&(f.current=e.clientY,p.current??=requestAnimationFrame(x))};return window.addEventListener(`mouseup`,e),window.addEventListener(`mousemove`,t),()=>{window.removeEventListener(`mouseup`,e),window.removeEventListener(`mousemove`,t),l.current=!1,d.current=null,b()}},[a,b,x]);let S=e=>e==null?-1:y.current.get(e)??-1;return{onRowMouseDown:(0,e.useCallback)(e=>{if(!a)return;let t=m.current[e];t!==void 0&&(l.current=!0,d.current=h.current(t),u.current=!g.current(t),_.current(t,u.current))},[a]),onRowMouseEnter:(0,e.useCallback)(e=>{if(!a||!l.current)return;let t=m.current,n=t[e];if(n===void 0)return;let r=h.current(n);if(r===d.current)return;let i=S(d.current),o=i===-1?e:i,s=Math.min(o,e),c=Math.max(o,e);for(let e=s;e<=c;e++){let n=t[e];n!==void 0&&g.current(n)!==u.current&&_.current(n,u.current)}d.current=r},[a])}}exports.useTableDragSelection=t;

package/dist/{src/components/table/hooks → hooks}/useTableDragSelection.d.ts

@@ -1,4 +1,4 @@
-interface Options<T> {
+export interface UseTableDragSelectionOptions<T> {
     /** 현재 표에 그려진 row들 (순서대로). */
     rows: T[];
     /** row의 안정 식별자. */
@@ -17,7 +17,7 @@ interface Options<T> {
     maxSpeed?: number;
 }
 /**
- * 표의 다중 행을 드래그로 선택/해제한다 — 비스킷링크의 드래그 체크 패턴을 일반화.
+ * 표의 다중 행을 드래그로 선택하거나 해제한다.
  *
  * 동작:
  * - mouseDown(row 인덱스 i): 드래그 시작. row의 현재 선택 상태를 뒤집은 값을 모드로 잡고, 그 row를 그 모드로 적용
@@ -28,8 +28,7 @@ interface Options<T> {
  * 드래그 도중 데이터가 refetch 등으로 흔들려도 마지막 식별자(lastIdRef)를 기준으로 인덱스를 다시 찾아
  * 어긋남 위험을 줄인다.
  */
-export declare function useTableDragSelection<T>({ rows, getRowId, isSelected, setSelected, enabled, scrollContainerRef, edgeSize, maxSpeed, }: Options<T>): {
+export declare function useTableDragSelection<T>({ rows, getRowId, isSelected, setSelected, enabled, scrollContainerRef, edgeSize, maxSpeed, }: UseTableDragSelectionOptions<T>): {
     onRowMouseDown: (index: number) => void;
     onRowMouseEnter: (index: number) => void;
 };
-export {};

package/dist/hooks/useTableDragSelection.esm.js

@@ -0,0 +1,79 @@
+import { useCallback as e, useEffect as t, useMemo as n, useRef as r } from "react";
+//#region src/hooks/useTableDragSelection.ts
+function i({ rows: i, getRowId: a, isSelected: o, setSelected: s, enabled: c = !0, scrollContainerRef: l, edgeSize: u = 60, maxSpeed: d = 14 }) {
+	let f = r(!1), p = r(!0), m = r(null), h = r(null), g = r(null), _ = r(i);
+	_.current = i;
+	let v = r(a);
+	v.current = a;
+	let y = r(o);
+	y.current = o;
+	let b = r(s);
+	b.current = s;
+	let x = n(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t = 0; t < i.length; t++) {
+			let n = i[t];
+			n !== void 0 && e.set(v.current(n), t);
+		}
+		return e;
+	}, [i]), S = r(x);
+	S.current = x;
+	let C = e(() => {
+		g.current != null && (cancelAnimationFrame(g.current), g.current = null), h.current = null;
+	}, []), w = e(() => {
+		if (g.current = null, !f.current) return;
+		let e = l?.current, t = h.current;
+		if (!e || t == null) return;
+		let n = e.getBoundingClientRect(), r = 0;
+		if (t < n.top + u) {
+			let e = (n.top + u - t) / u;
+			r = -Math.ceil(d * Math.min(1, Math.max(0, e)));
+		} else if (t > n.bottom - u) {
+			let e = (t - (n.bottom - u)) / u;
+			r = Math.ceil(d * Math.min(1, Math.max(0, e)));
+		}
+		r !== 0 && (e.scrollTop += r), g.current = requestAnimationFrame(w);
+	}, [
+		u,
+		d,
+		l
+	]);
+	t(() => {
+		if (!c) return;
+		let e = () => {
+			f.current = !1, m.current = null, C();
+		}, t = (e) => {
+			f.current && (h.current = e.clientY, g.current ??= requestAnimationFrame(w));
+		};
+		return window.addEventListener("mouseup", e), window.addEventListener("mousemove", t), () => {
+			window.removeEventListener("mouseup", e), window.removeEventListener("mousemove", t), f.current = !1, m.current = null, C();
+		};
+	}, [
+		c,
+		C,
+		w
+	]);
+	let T = (e) => e == null ? -1 : S.current.get(e) ?? -1;
+	return {
+		onRowMouseDown: e((e) => {
+			if (!c) return;
+			let t = _.current[e];
+			t !== void 0 && (f.current = !0, m.current = v.current(t), p.current = !y.current(t), b.current(t, p.current));
+		}, [c]),
+		onRowMouseEnter: e((e) => {
+			if (!c || !f.current) return;
+			let t = _.current, n = t[e];
+			if (n === void 0) return;
+			let r = v.current(n);
+			if (r === m.current) return;
+			let i = T(m.current), a = i === -1 ? e : i, o = Math.min(a, e), s = Math.max(a, e);
+			for (let e = o; e <= s; e++) {
+				let n = t[e];
+				n !== void 0 && y.current(n) !== p.current && b.current(n, p.current);
+			}
+			m.current = r;
+		}, [c])
+	};
+}
+//#endregion
+export { i as useTableDragSelection };

package/dist/hooks/useVirtualRows.cjs

@@ -0,0 +1 @@
+let e=require("@tanstack/react-virtual");function t({scrollElementRef:t,scrollElement:n,count:r,estimateSize:i=48,overscan:a=5}){let o=(0,e.useVirtualizer)({count:r,getScrollElement:()=>n??t.current,estimateSize:()=>i,overscan:a,enabled:r>0}),s=o.getVirtualItems(),c=o.getTotalSize();return{virtualizer:o,virtualItems:s,totalSize:c,topSpacerHeight:s.length>0?s[0]?.start??0:0,bottomSpacerHeight:s.length>0?c-(s[s.length-1]?.end??0):0}}exports.useVirtualRows=t;

package/dist/hooks/useVirtualRows.d.ts

@@ -0,0 +1,56 @@
+import { Virtualizer, VirtualItem } from '@tanstack/react-virtual';
+import { RefObject } from 'react';
+export interface UseVirtualRowsOptions {
+    /**
+     * 스크롤 컨테이너 ref.
+     * null이면 스크롤 영역을 아직 측정할 수 없다.
+     */
+    scrollElementRef: RefObject<HTMLElement | null>;
+    /** 기존 테이블의 직접 전달 요소. 없으면 scrollElementRef를 사용한다. */
+    scrollElement?: HTMLElement | null;
+    /**
+     * 가상화할 행 수.
+     */
+    count: number;
+    /**
+     * 예상 행 높이(px). 실제 행 높이와 다르면 virtualizer가 동적 보정한다.
+     * @default 48
+     */
+    estimateSize?: number;
+    /**
+     * 뷰포트 밖 미리 렌더할 행 수(위아래 각각).
+     * 스크롤이 빠를수록 높은 값이 유리하나, 과하면 DOM 노드 수 증가.
+     * @default 5
+     */
+    overscan?: number;
+}
+export interface UseVirtualRowsReturn {
+    /**
+     * @tanstack/react-virtual 인스턴스.
+     * measureElement(ref 콜백), scrollToIndex 등 고급 API 접근용.
+     */
+    virtualizer: Virtualizer<HTMLElement, Element>;
+    /**
+     * 현재 렌더해야 할 가상 행 목록.
+     * 각 아이템의 `index`로 원본 데이터 배열에 접근한다.
+     */
+    virtualItems: VirtualItem[];
+    /**
+     * 전체 스크롤 영역 높이(px).
+     * 스크롤 컨테이너 자식의 `height` 또는 `minHeight`에 적용한다.
+     */
+    totalSize: number;
+    /**
+     * 첫 번째 가상 행 위의 빈 공간 높이(px).
+     * `<tr style={{ height: topSpacerHeight }} />` 또는 paddingTop에 사용.
+     */
+    topSpacerHeight: number;
+    /**
+     * 마지막 가상 행 아래의 빈 공간 높이(px).
+     * `<tr style={{ height: bottomSpacerHeight }} />` 또는 paddingBottom에 사용.
+     */
+    bottomSpacerHeight: number;
+}
+/** 행 수와 스크롤 요소로 가상 항목과 스페이서를 계산한다.
+ * 스크롤 영역에 고정 높이와 overflow가 필요하다. 고급 측정은 반환된 virtualizer를 사용한다. */
+export declare function useVirtualRows({ scrollElementRef, scrollElement, count, estimateSize, overscan, }: UseVirtualRowsOptions): UseVirtualRowsReturn;

package/dist/hooks/useVirtualRows.esm.js

@@ -0,0 +1,20 @@
+import { useVirtualizer as e } from "@tanstack/react-virtual";
+//#region src/hooks/useVirtualRows.ts
+function t({ scrollElementRef: t, scrollElement: n, count: r, estimateSize: i = 48, overscan: a = 5 }) {
+	let o = e({
+		count: r,
+		getScrollElement: () => n ?? t.current,
+		estimateSize: () => i,
+		overscan: a,
+		enabled: r > 0
+	}), s = o.getVirtualItems(), c = o.getTotalSize();
+	return {
+		virtualizer: o,
+		virtualItems: s,
+		totalSize: c,
+		topSpacerHeight: s.length > 0 ? s[0]?.start ?? 0 : 0,
+		bottomSpacerHeight: s.length > 0 ? c - (s[s.length - 1]?.end ?? 0) : 0
+	};
+}
+//#endregion
+export { t as useVirtualRows };

package/dist/hooks.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./hooks/useFillEmptyRows.cjs"),t=require("./hooks/useTableDragSelection.cjs"),n=require("./hooks/useVirtualRows.cjs"),r=require("./hooks/useInfiniteScroll.cjs"),i=require("./hooks/useClickOutside.cjs"),a=require("./hooks/useMediaQuery.cjs"),o=require("./hooks/useBottomSheetDrag.cjs"),s=require("./hooks/useScrollLock.cjs"),c=require("./hooks/useFocusTrap.cjs"),l=require("./hooks/useAwaitableOverlay.cjs"),u=require("./components/stepper/use-stepper.cjs");exports.MOBILE_MEDIA_QUERY=a.MOBILE_MEDIA_QUERY,exports.useAwaitableOverlay=l.useAwaitableOverlay,exports.useBottomSheetDrag=o.useBottomSheetDrag,exports.useClickOutside=i.useClickOutside,exports.useFillEmptyRows=e.useFillEmptyRows,exports.useFocusTrap=c.useFocusTrap,exports.useInfiniteScroll=r.useInfiniteScroll,exports.useIsMobile=a.useIsMobile,exports.useMediaQuery=a.useMediaQuery,exports.useScrollLock=s.useScrollLock,exports.useStepper=u.useStepper,exports.useTableDragSelection=t.useTableDragSelection,exports.useVirtualRows=n.useVirtualRows;

package/dist/hooks.esm.js

@@ -0,0 +1,12 @@
+import { useFillEmptyRows as e } from "./hooks/useFillEmptyRows.esm.js";
+import { useTableDragSelection as t } from "./hooks/useTableDragSelection.esm.js";
+import { useVirtualRows as n } from "./hooks/useVirtualRows.esm.js";
+import { useInfiniteScroll as r } from "./hooks/useInfiniteScroll.esm.js";
+import { useClickOutside as i } from "./hooks/useClickOutside.esm.js";
+import { MOBILE_MEDIA_QUERY as a, useIsMobile as o, useMediaQuery as s } from "./hooks/useMediaQuery.esm.js";
+import { useBottomSheetDrag as c } from "./hooks/useBottomSheetDrag.esm.js";
+import { useScrollLock as l } from "./hooks/useScrollLock.esm.js";
+import { useFocusTrap as u } from "./hooks/useFocusTrap.esm.js";
+import { useAwaitableOverlay as d } from "./hooks/useAwaitableOverlay.esm.js";
+import { useStepper as f } from "./components/stepper/use-stepper.esm.js";
+export { a as MOBILE_MEDIA_QUERY, d as useAwaitableOverlay, c as useBottomSheetDrag, i as useClickOutside, e as useFillEmptyRows, u as useFocusTrap, r as useInfiniteScroll, o as useIsMobile, s as useMediaQuery, l as useScrollLock, f as useStepper, t as useTableDragSelection, n as useVirtualRows };

package/dist/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require("./_virtual/_rolldown/runtime.cjs");/* empty css                  */const e=require("./lib/utils.cjs"),t=require("./components/button/Button.cjs"),n=require("./components/badge/Badge.cjs"),r=require("./components/switch/Switch.cjs"),i=require("./components/checkbox/Checkbox.cjs"),ee=require("./components/input/use-input-format.cjs"),a=require("./components/input/Input.cjs"),te=require("./components/input/PasswordInput.cjs"),ne=require("./components/input/DecimalInput.cjs"),re=require("./components/input/format.cjs"),ie=require("./components/textarea/Textarea.cjs"),ae=require("./components/collapsible/Collapsible.cjs"),oe=require("./components/animated-height/AnimatedHeight.cjs"),se=require("./components/tooltip/Tooltip.cjs"),ce=require("./components/info-tooltip/InfoTooltip.cjs"),le=require("./components/popover/Popover.cjs"),o=require("./components/loading-spinner/LoadingSpinner.cjs"),s=require("./components/select/Select.cjs"),c=require("./components/select/MultiSelect.cjs"),l=require("./components/table-checkbox/TableCheckbox.cjs"),u=require("./hooks/useFillEmptyRows.cjs"),d=require("./hooks/useTableDragSelection.cjs"),f=require("./components/table/hooks/useTableSort.cjs"),p=require("./components/table/table.cjs"),m=require("./components/table/components/Pagination.cjs"),h=require("./components/table/paginated-table.cjs"),g=require("./components/table/mini-table.cjs"),_=require("./components/table/paginated-mini-table.cjs"),v=require("./components/table/accordion-table.cjs"),y=require("./hooks/useVirtualRows.cjs"),b=require("./components/table/hooks/useVirtualTable.cjs"),x=require("./hooks/useInfiniteScroll.cjs"),S=require("./hooks/useClickOutside.cjs"),C=require("./hooks/useMediaQuery.cjs"),w=require("./hooks/useBottomSheetDrag.cjs"),T=require("./hooks/useScrollLock.cjs"),E=require("./hooks/useFocusTrap.cjs"),D=require("./hooks/useAwaitableOverlay.cjs"),O=require("./components/stepper/use-stepper.cjs"),k=require("./lib/overlay-stack.cjs"),A=require("./lib/Portal.cjs"),j=require("./components/modal/Modal.cjs"),M=require("./components/modal/ModalSubView.cjs"),N=require("./components/modal/StandardModal.cjs"),P=require("./components/table/components/ColumnSettingsTable.cjs"),F=require("./components/table/components/ColumnPresetSelector.cjs"),I=require("./lib/column-preset-storage.cjs"),L=require("./components/table/hooks/useColumnPresets.cjs"),R=require("./components/table/hooks/useTableColumnState.cjs"),z=require("./components/page-title/PageTitle.cjs"),B=require("./components/toolbar/Toolbar.cjs"),V=require("./components/table-page-layout/TablePageLayout.cjs"),H=require("./components/date-picker/date-range-picker.cjs"),U=require("./components/date-picker/date-picker.cjs"),W=require("./components/date-picker/month-picker.cjs"),G=require("./components/time-picker/time-picker.cjs"),ue=require("./components/month-range-picker/month-range-picker.cjs"),de=require("./components/date-input/DateInput.cjs"),K=require("./components/search-box/parseDateRange.cjs"),fe=require("./components/search-box/SearchBox.cjs"),q=require("./components/search-box/parseSearchValues.cjs"),J=require("./components/search-box/dateRangePresets.cjs"),Y=require("./components/action-toast/ActionToast.cjs"),pe=require("./components/toast/ToastProvider.cjs"),me=require("./components/drawer/Drawer.cjs"),X=require("./components/radio/Radio.cjs"),he=require("./components/segmented-control/SegmentedControl.cjs"),Z=require("./components/progress/Progress.cjs"),ge=require("./components/skeleton/Skeleton.cjs"),_e=require("./components/field/Field.cjs"),ve=require("./components/field/FieldMessage.cjs"),Q=require("./components/error-boundary/chunk-reload.cjs"),ye=require("./components/error-boundary/ErrorBoundary.cjs"),be=require("./components/typing-dots/TypingDots.cjs"),xe=require("./components/typewriter-text/TypewriterText.cjs"),$=require("./components/stepper/Stepper.cjs"),Se=require("./components/segmented-code-input/SegmentedCodeInput.cjs"),Ce=require("./components/copyable-text/CopyableText.cjs");let we=require("react-hot-toast");exports.AccordionTable=v.AccordionTable,exports.AnimatedHeight=oe.AnimatedHeight,exports.Badge=n.Badge,exports.Button=t.Button,exports.CHUNK_RELOAD_TTL_MS=Q.CHUNK_RELOAD_TTL_MS,exports.Checkbox=i.Checkbox,exports.CheckboxCircle=i.CheckboxCircle,exports.CheckboxLine=i.CheckboxLine,exports.CheckboxLineTransparent=i.CheckboxLineTransparent,exports.Collapsible=ae.Collapsible,exports.ColumnPresetSelector=F.ColumnPresetSelector,exports.ColumnPresetStorage=I.ColumnPresetStorage,exports.ColumnSettingsTable=P.ColumnSettingsTable,exports.CopyableText=Ce.CopyableText,exports.DEFAULT_DATE_RANGE_PRESETS=J.DEFAULT_DATE_RANGE_PRESETS,exports.DateInput=de.DateInput,exports.DatePicker=U.DatePicker,exports.DatePickerBody=U.DatePickerBody,exports.DateRangePicker=H.DateRangePicker,exports.DecimalInput=ne.DecimalInput,exports.Drawer=me.Drawer,exports.ErrorBoundary=ye.ErrorBoundary,exports.Field=_e.Field,exports.FieldMessage=ve.FieldMessage,exports.InfoTooltip=ce.InfoTooltip,exports.InlineSpinner=o.InlineSpinner,exports.Input=a.Input,exports.LoadingSpinner=o.LoadingSpinner,exports.MOBILE_MEDIA_QUERY=C.MOBILE_MEDIA_QUERY,exports.MiniTable=g.MiniTable,exports.Modal=j.Modal,exports.ModalSubView=M.ModalSubView,exports.MonthPicker=W.MonthPicker,exports.MonthRangePicker=ue.MonthRangePicker,exports.MultiSelect=c.MultiSelect,exports.PageHeader=V.PageHeader,exports.PageTitle=z.PageTitle,exports.PaginatedMiniTable=_.PaginatedMiniTable,exports.PaginatedTable=h.PaginatedTable,exports.Pagination=m.Pagination,exports.PasswordInput=te.PasswordInput,exports.Popover=le.Popover,exports.Portal=A.Portal,exports.Progress=Z.Progress,exports.Radio=X.Radio,exports.RadioGroup=X.RadioGroup,exports.RadioItem=X.RadioItem,exports.SearchBox=fe.SearchBox,exports.SegmentedCodeInput=Se.SegmentedCodeInput,exports.SegmentedControl=he.SegmentedControl,exports.Select=s.Select,exports.Skeleton=ge.Skeleton,exports.Spinner=o.Spinner,exports.StandardModal=N.StandardModal,exports.Stepper=$.Stepper,exports.StepperContent=$.StepperContent,exports.Switch=r.Switch,exports.Table=p.Table,exports.TableCard=V.TableCard,exports.TableCheckbox=l.TableCheckbox,exports.TablePageLayout=V.TablePageLayout,exports.Textarea=ie.Textarea,exports.TimeInput=G.TimeInput,exports.TimePicker=G.TimePicker,exports.ToastProvider=pe.ToastProvider,exports.Toolbar=B.Toolbar,exports.Tooltip=se.Tooltip,exports.TypewriterText=xe.TypewriterText,exports.TypingDots=be.TypingDots,exports.clearChunkReloadGuard=Q.clearChunkReloadGuard,exports.cn=e.cn,exports.dismissActionToast=Y.dismissActionToast,exports.formatYearMonth=e.formatYearMonth,exports.getTodayDateRange=J.getTodayDateRange,exports.getTodayDateRangeValue=J.getTodayDateRangeValue,exports.inputFormats=re.inputFormats,exports.isActionToastActive=Y.isActionToastActive,exports.isChunkLoadError=Q.isChunkLoadError,exports.listenForChunkPreloadError=Q.listenForChunkPreloadError,exports.overlayStack=k.overlayStack,exports.parseDateRangeValue=K.parseDateRangeValue,exports.parseMultiSelectValue=q.parseMultiSelectValue,exports.parseSearchValues=q.parseSearchValues,exports.reloadAfterClearingChunkGuard=Q.reloadAfterClearingChunkGuard,exports.reloadOnceForChunkError=Q.reloadOnceForChunkError,exports.serializeDateRangeValue=K.serializeDateRangeValue,exports.showActionToast=Y.showActionToast,Object.defineProperty(exports,"toast",{enumerable:!0,get:function(){return we.default}}),exports.tryAcquireChunkReloadGuard=Q.tryAcquireChunkReloadGuard,exports.useAwaitableOverlay=D.useAwaitableOverlay,exports.useBottomSheetDrag=w.useBottomSheetDrag,exports.useClickOutside=S.useClickOutside,exports.useColumnPresets=L.useColumnPresets,exports.useFillEmptyRows=u.useFillEmptyRows,exports.useFocusTrap=E.useFocusTrap,exports.useHeaderButtonSize=V.useHeaderButtonSize,exports.useInfiniteScroll=x.useInfiniteScroll,exports.useInputFormat=ee.useInputFormat,exports.useIsMobile=C.useIsMobile,exports.useMediaQuery=C.useMediaQuery,exports.useScrollLock=T.useScrollLock,exports.useStepper=O.useStepper,exports.useTableColumnState=R.useTableColumnState,exports.useTableDragSelection=d.useTableDragSelection,exports.useTableSort=f.useTableSort,exports.useVirtualRows=y.useVirtualRows,exports.useVirtualTable=b.useVirtualTable;

package/dist/index.d.ts

@@ -0,0 +1,40 @@
+export * from './components/button/index.js';
+export * from './components/badge/index.js';
+export * from './components/switch/index.js';
+export * from './components/checkbox/index.js';
+export * from './components/input/index.js';
+export * from './components/textarea/index.js';
+export * from './components/collapsible/index.js';
+export * from './components/animated-height/index.js';
+export * from './components/tooltip/index.js';
+export * from './components/info-tooltip/index.js';
+export * from './components/popover/index.js';
+export * from './components/loading-spinner/index.js';
+export * from './components/select/index.js';
+export * from './components/table-checkbox/index.js';
+export * from './components/table/index.js';
+export * from './components/page-title/index.js';
+export * from './components/toolbar/index.js';
+export * from './components/table-page-layout/index.js';
+export * from './components/date-picker/index.js';
+export * from './components/time-picker/index.js';
+export * from './components/month-range-picker/index.js';
+export * from './components/date-input/index.js';
+export * from './components/search-box/index.js';
+export * from './components/action-toast/index.js';
+export * from './components/toast/index.js';
+export * from './components/modal/index.js';
+export * from './components/drawer/index.js';
+export * from './hooks/index.js';
+export * from './lib/index.js';
+export * from './components/radio/index.js';
+export * from './components/segmented-control/index.js';
+export * from './components/progress/index.js';
+export * from './components/skeleton/index.js';
+export * from './components/field/index.js';
+export * from './components/error-boundary/index.js';
+export * from './components/typing-dots/index.js';
+export * from './components/typewriter-text/index.js';
+export * from './components/stepper/index.js';
+export * from './components/segmented-code-input/index.js';
+export * from './components/copyable-text/index.js';

package/dist/index.esm.js

@@ -0,0 +1,81 @@
+/* empty css                   */
+import { cn as e, formatYearMonth as t } from "./lib/utils.esm.js";
+import { Button as n } from "./components/button/Button.esm.js";
+import { Badge as r } from "./components/badge/Badge.esm.js";
+import { Switch as i } from "./components/switch/Switch.esm.js";
+import { Checkbox as a, CheckboxCircle as o, CheckboxLine as s, CheckboxLineTransparent as c } from "./components/checkbox/Checkbox.esm.js";
+import { useInputFormat as l } from "./components/input/use-input-format.esm.js";
+import { Input as u } from "./components/input/Input.esm.js";
+import { PasswordInput as d } from "./components/input/PasswordInput.esm.js";
+import { DecimalInput as f } from "./components/input/DecimalInput.esm.js";
+import { inputFormats as p } from "./components/input/format.esm.js";
+import { Textarea as m } from "./components/textarea/Textarea.esm.js";
+import { Collapsible as h } from "./components/collapsible/Collapsible.esm.js";
+import { AnimatedHeight as g } from "./components/animated-height/AnimatedHeight.esm.js";
+import { Tooltip as _ } from "./components/tooltip/Tooltip.esm.js";
+import { InfoTooltip as v } from "./components/info-tooltip/InfoTooltip.esm.js";
+import { Popover as y } from "./components/popover/Popover.esm.js";
+import { InlineSpinner as b, LoadingSpinner as x, Spinner as S } from "./components/loading-spinner/LoadingSpinner.esm.js";
+import { Select as C } from "./components/select/Select.esm.js";
+import { MultiSelect as w } from "./components/select/MultiSelect.esm.js";
+import { TableCheckbox as T } from "./components/table-checkbox/TableCheckbox.esm.js";
+import { useFillEmptyRows as E } from "./hooks/useFillEmptyRows.esm.js";
+import { useTableDragSelection as D } from "./hooks/useTableDragSelection.esm.js";
+import { useTableSort as O } from "./components/table/hooks/useTableSort.esm.js";
+import { Table as k } from "./components/table/table.esm.js";
+import { Pagination as A } from "./components/table/components/Pagination.esm.js";
+import { PaginatedTable as j } from "./components/table/paginated-table.esm.js";
+import { MiniTable as M } from "./components/table/mini-table.esm.js";
+import { PaginatedMiniTable as N } from "./components/table/paginated-mini-table.esm.js";
+import { AccordionTable as P } from "./components/table/accordion-table.esm.js";
+import { useVirtualRows as F } from "./hooks/useVirtualRows.esm.js";
+import { useVirtualTable as I } from "./components/table/hooks/useVirtualTable.esm.js";
+import { useInfiniteScroll as L } from "./hooks/useInfiniteScroll.esm.js";
+import { useClickOutside as R } from "./hooks/useClickOutside.esm.js";
+import { MOBILE_MEDIA_QUERY as z, useIsMobile as B, useMediaQuery as V } from "./hooks/useMediaQuery.esm.js";
+import { useBottomSheetDrag as H } from "./hooks/useBottomSheetDrag.esm.js";
+import { useScrollLock as U } from "./hooks/useScrollLock.esm.js";
+import { useFocusTrap as W } from "./hooks/useFocusTrap.esm.js";
+import { useAwaitableOverlay as G } from "./hooks/useAwaitableOverlay.esm.js";
+import { useStepper as K } from "./components/stepper/use-stepper.esm.js";
+import { overlayStack as q } from "./lib/overlay-stack.esm.js";
+import { Portal as J } from "./lib/Portal.esm.js";
+import { Modal as Y } from "./components/modal/Modal.esm.js";
+import { ModalSubView as X } from "./components/modal/ModalSubView.esm.js";
+import { StandardModal as Z } from "./components/modal/StandardModal.esm.js";
+import { ColumnSettingsTable as Q } from "./components/table/components/ColumnSettingsTable.esm.js";
+import { ColumnPresetSelector as $ } from "./components/table/components/ColumnPresetSelector.esm.js";
+import { ColumnPresetStorage as ee } from "./lib/column-preset-storage.esm.js";
+import { useColumnPresets as te } from "./components/table/hooks/useColumnPresets.esm.js";
+import { useTableColumnState as ne } from "./components/table/hooks/useTableColumnState.esm.js";
+import { PageTitle as re } from "./components/page-title/PageTitle.esm.js";
+import { Toolbar as ie } from "./components/toolbar/Toolbar.esm.js";
+import { PageHeader as ae, TableCard as oe, TablePageLayout as se, useHeaderButtonSize as ce } from "./components/table-page-layout/TablePageLayout.esm.js";
+import { DateRangePicker as le } from "./components/date-picker/date-range-picker.esm.js";
+import { DatePicker as ue, DatePickerBody as de } from "./components/date-picker/date-picker.esm.js";
+import { MonthPicker as fe } from "./components/date-picker/month-picker.esm.js";
+import { TimeInput as pe, TimePicker as me } from "./components/time-picker/time-picker.esm.js";
+import { MonthRangePicker as he } from "./components/month-range-picker/month-range-picker.esm.js";
+import { DateInput as ge } from "./components/date-input/DateInput.esm.js";
+import { parseDateRangeValue as _e, serializeDateRangeValue as ve } from "./components/search-box/parseDateRange.esm.js";
+import { SearchBox as ye } from "./components/search-box/SearchBox.esm.js";
+import { parseMultiSelectValue as be, parseSearchValues as xe } from "./components/search-box/parseSearchValues.esm.js";
+import { DEFAULT_DATE_RANGE_PRESETS as Se, getTodayDateRange as Ce, getTodayDateRangeValue as we } from "./components/search-box/dateRangePresets.esm.js";
+import { dismissActionToast as Te, isActionToastActive as Ee, showActionToast as De } from "./components/action-toast/ActionToast.esm.js";
+import { ToastProvider as Oe } from "./components/toast/ToastProvider.esm.js";
+import { toast as ke } from "./components/toast/index.esm.js";
+import { Drawer as Ae } from "./components/drawer/Drawer.esm.js";
+import { Radio as je, RadioGroup as Me, RadioItem as Ne } from "./components/radio/Radio.esm.js";
+import { SegmentedControl as Pe } from "./components/segmented-control/SegmentedControl.esm.js";
+import { Progress as Fe } from "./components/progress/Progress.esm.js";
+import { Skeleton as Ie } from "./components/skeleton/Skeleton.esm.js";
+import { Field as Le } from "./components/field/Field.esm.js";
+import { FieldMessage as Re } from "./components/field/FieldMessage.esm.js";
+import { CHUNK_RELOAD_TTL_MS as ze, clearChunkReloadGuard as Be, isChunkLoadError as Ve, listenForChunkPreloadError as He, reloadAfterClearingChunkGuard as Ue, reloadOnceForChunkError as We, tryAcquireChunkReloadGuard as Ge } from "./components/error-boundary/chunk-reload.esm.js";
+import { ErrorBoundary as Ke } from "./components/error-boundary/ErrorBoundary.esm.js";
+import { TypingDots as qe } from "./components/typing-dots/TypingDots.esm.js";
+import { TypewriterText as Je } from "./components/typewriter-text/TypewriterText.esm.js";
+import { Stepper as Ye, StepperContent as Xe } from "./components/stepper/Stepper.esm.js";
+import { SegmentedCodeInput as Ze } from "./components/segmented-code-input/SegmentedCodeInput.esm.js";
+import { CopyableText as Qe } from "./components/copyable-text/CopyableText.esm.js";
+export { P as AccordionTable, g as AnimatedHeight, r as Badge, n as Button, ze as CHUNK_RELOAD_TTL_MS, a as Checkbox, o as CheckboxCircle, s as CheckboxLine, c as CheckboxLineTransparent, h as Collapsible, $ as ColumnPresetSelector, ee as ColumnPresetStorage, Q as ColumnSettingsTable, Qe as CopyableText, Se as DEFAULT_DATE_RANGE_PRESETS, ge as DateInput, ue as DatePicker, de as DatePickerBody, le as DateRangePicker, f as DecimalInput, Ae as Drawer, Ke as ErrorBoundary, Le as Field, Re as FieldMessage, v as InfoTooltip, b as InlineSpinner, u as Input, x as LoadingSpinner, z as MOBILE_MEDIA_QUERY, M as MiniTable, Y as Modal, X as ModalSubView, fe as MonthPicker, he as MonthRangePicker, w as MultiSelect, ae as PageHeader, re as PageTitle, N as PaginatedMiniTable, j as PaginatedTable, A as Pagination, d as PasswordInput, y as Popover, J as Portal, Fe as Progress, je as Radio, Me as RadioGroup, Ne as RadioItem, ye as SearchBox, Ze as SegmentedCodeInput, Pe as SegmentedControl, C as Select, Ie as Skeleton, S as Spinner, Z as StandardModal, Ye as Stepper, Xe as StepperContent, i as Switch, k as Table, oe as TableCard, T as TableCheckbox, se as TablePageLayout, m as Textarea, pe as TimeInput, me as TimePicker, Oe as ToastProvider, ie as Toolbar, _ as Tooltip, Je as TypewriterText, qe as TypingDots, Be as clearChunkReloadGuard, e as cn, Te as dismissActionToast, t as formatYearMonth, Ce as getTodayDateRange, we as getTodayDateRangeValue, p as inputFormats, Ee as isActionToastActive, Ve as isChunkLoadError, He as listenForChunkPreloadError, q as overlayStack, _e as parseDateRangeValue, be as parseMultiSelectValue, xe as parseSearchValues, Ue as reloadAfterClearingChunkGuard, We as reloadOnceForChunkError, ve as serializeDateRangeValue, De as showActionToast, ke as toast, Ge as tryAcquireChunkReloadGuard, G as useAwaitableOverlay, H as useBottomSheetDrag, R as useClickOutside, te as useColumnPresets, E as useFillEmptyRows, W as useFocusTrap, ce as useHeaderButtonSize, L as useInfiniteScroll, l as useInputFormat, B as useIsMobile, V as useMediaQuery, U as useScrollLock, K as useStepper, ne as useTableColumnState, D as useTableDragSelection, O as useTableSort, F as useVirtualRows, I as useVirtualTable };

package/dist/lib/Portal.cjs

@@ -0,0 +1 @@
+let e=require("react"),t=require("react-dom");function n({children:n,containerId:r}){let[i,a]=(0,e.useState)(!1);if((0,e.useEffect)(()=>(a(!0),()=>a(!1)),[]),!i)return null;let o=r?document.getElementById(r):document.body;return o?(0,t.createPortal)(n,o):null}exports.Portal=n;

package/dist/lib/Portal.esm.js

@@ -0,0 +1,11 @@
+import { useEffect as e, useState as t } from "react";
+import { createPortal as n } from "react-dom";
+//#region src/lib/Portal.tsx
+function r({ children: r, containerId: i }) {
+	let [a, o] = t(!1);
+	if (e(() => (o(!0), () => o(!1)), []), !a) return null;
+	let s = i ? document.getElementById(i) : document.body;
+	return s ? n(r, s) : null;
+}
+//#endregion
+export { r as Portal };

package/dist/lib/column-preset-storage.cjs

@@ -0,0 +1 @@
+var e=class{static{this.STORAGE_KEY=`thewrong.table_column_presets`}static isStorageAvailable(){try{let e=`__thewrong_storage_test__`;return localStorage.setItem(e,e),localStorage.removeItem(e),!0}catch{return!1}}static getAllPresets(){if(!this.isStorageAvailable())return{};try{let e=localStorage.getItem(this.STORAGE_KEY);if(!e)return{};let t=JSON.parse(e);return typeof t==`object`&&t?t:{}}catch(e){return console.error(`Failed to load presets:`,e),{}}}static saveAllPresets(e){if(!this.isStorageAvailable()){console.warn(`localStorage is not available`);return}try{localStorage.setItem(this.STORAGE_KEY,JSON.stringify(e))}catch(e){e.name===`QuotaExceededError`?console.error(`localStorage quota exceeded`):console.error(`Failed to save presets:`,e)}}static getPagePresets(e){return this.getAllPresets()[e]||null}static initializePagePresets(e){let t={activePreset:1,presets:{1:null,2:null,3:null}},n=this.getAllPresets();return n[e]||(n[e]=t,this.saveAllPresets(n)),n[e]}static getActivePreset(e){return this.getPagePresets(e)?.activePreset||1}static getPresetColumns(e,t){let n=this.getPagePresets(e);if(!n)return null;let r=n.presets[t];return Array.isArray(r)?{columnOrder:r,hiddenColumns:[]}:r?{columnOrder:r.columnOrder,hiddenColumns:r.hiddenColumns??[],columnWidths:r.columnWidths}:null}static getActivePresetColumns(e){let t=this.getActivePreset(e);return this.getPresetColumns(e,t)}static savePreset(e,t,n){let r=Array.isArray(n)?{columnOrder:n,hiddenColumns:[]}:n;if(!Array.isArray(r.columnOrder)||r.columnOrder.length===0){console.warn(`Invalid column order:`,r);return}let i=this.getAllPresets();i[e]||this.initializePagePresets(e),i[e]||(i[e]={activePreset:1,presets:{1:null,2:null,3:null}}),i[e].presets[t]={columnOrder:[...r.columnOrder],hiddenColumns:[...r.hiddenColumns||[]],...r.columnWidths?{columnWidths:{...r.columnWidths}}:{}},this.saveAllPresets(i)}static setActivePreset(e,t){let n=this.getAllPresets();n[e]||this.initializePagePresets(e),n[e]&&(n[e].activePreset=t,this.saveAllPresets(n))}static clearPreset(e,t){let n=this.getAllPresets();n[e]&&(n[e].presets[t]=null,this.saveAllPresets(n))}static clearPagePresets(e){let t=this.getAllPresets();t[e]&&(delete t[e],this.saveAllPresets(t))}static migrateFromLegacyStorage(e,t){if(!this.isStorageAvailable())return!1;try{if(this.getPagePresets(e))return!1;let n=localStorage.getItem(t);if(!n)return!1;let r=JSON.parse(n);return!Array.isArray(r)||r.length===0?!1:(this.savePreset(e,1,r),this.setActivePreset(e,1),localStorage.removeItem(t),!0)}catch(e){return console.error(`Migration failed:`,e),!1}}static hasPreset(e,t){let n=this.getPresetColumns(e,t);return n!==null&&n.columnOrder.length>0}};exports.ColumnPresetStorage=e;

package/dist/lib/column-preset-storage.esm.js

@@ -0,0 +1,123 @@
+//#region src/lib/column-preset-storage.ts
+var e = class {
+	static {
+		this.STORAGE_KEY = "thewrong.table_column_presets";
+	}
+	static isStorageAvailable() {
+		try {
+			let e = "__thewrong_storage_test__";
+			return localStorage.setItem(e, e), localStorage.removeItem(e), !0;
+		} catch {
+			return !1;
+		}
+	}
+	static getAllPresets() {
+		if (!this.isStorageAvailable()) return {};
+		try {
+			let e = localStorage.getItem(this.STORAGE_KEY);
+			if (!e) return {};
+			let t = JSON.parse(e);
+			return typeof t == "object" && t ? t : {};
+		} catch (e) {
+			return console.error("Failed to load presets:", e), {};
+		}
+	}
+	static saveAllPresets(e) {
+		if (!this.isStorageAvailable()) {
+			console.warn("localStorage is not available");
+			return;
+		}
+		try {
+			localStorage.setItem(this.STORAGE_KEY, JSON.stringify(e));
+		} catch (e) {
+			e.name === "QuotaExceededError" ? console.error("localStorage quota exceeded") : console.error("Failed to save presets:", e);
+		}
+	}
+	static getPagePresets(e) {
+		return this.getAllPresets()[e] || null;
+	}
+	static initializePagePresets(e) {
+		let t = {
+			activePreset: 1,
+			presets: {
+				1: null,
+				2: null,
+				3: null
+			}
+		}, n = this.getAllPresets();
+		return n[e] || (n[e] = t, this.saveAllPresets(n)), n[e];
+	}
+	static getActivePreset(e) {
+		return this.getPagePresets(e)?.activePreset || 1;
+	}
+	static getPresetColumns(e, t) {
+		let n = this.getPagePresets(e);
+		if (!n) return null;
+		let r = n.presets[t];
+		return Array.isArray(r) ? {
+			columnOrder: r,
+			hiddenColumns: []
+		} : r ? {
+			columnOrder: r.columnOrder,
+			hiddenColumns: r.hiddenColumns ?? [],
+			columnWidths: r.columnWidths
+		} : null;
+	}
+	static getActivePresetColumns(e) {
+		let t = this.getActivePreset(e);
+		return this.getPresetColumns(e, t);
+	}
+	static savePreset(e, t, n) {
+		let r = Array.isArray(n) ? {
+			columnOrder: n,
+			hiddenColumns: []
+		} : n;
+		if (!Array.isArray(r.columnOrder) || r.columnOrder.length === 0) {
+			console.warn("Invalid column order:", r);
+			return;
+		}
+		let i = this.getAllPresets();
+		i[e] || this.initializePagePresets(e), i[e] || (i[e] = {
+			activePreset: 1,
+			presets: {
+				1: null,
+				2: null,
+				3: null
+			}
+		}), i[e].presets[t] = {
+			columnOrder: [...r.columnOrder],
+			hiddenColumns: [...r.hiddenColumns || []],
+			...r.columnWidths ? { columnWidths: { ...r.columnWidths } } : {}
+		}, this.saveAllPresets(i);
+	}
+	static setActivePreset(e, t) {
+		let n = this.getAllPresets();
+		n[e] || this.initializePagePresets(e), n[e] && (n[e].activePreset = t, this.saveAllPresets(n));
+	}
+	static clearPreset(e, t) {
+		let n = this.getAllPresets();
+		n[e] && (n[e].presets[t] = null, this.saveAllPresets(n));
+	}
+	static clearPagePresets(e) {
+		let t = this.getAllPresets();
+		t[e] && (delete t[e], this.saveAllPresets(t));
+	}
+	static migrateFromLegacyStorage(e, t) {
+		if (!this.isStorageAvailable()) return !1;
+		try {
+			if (this.getPagePresets(e)) return !1;
+			let n = localStorage.getItem(t);
+			if (!n) return !1;
+			let r = JSON.parse(n);
+			return !Array.isArray(r) || r.length === 0 ? !1 : (this.savePreset(e, 1, r), this.setActivePreset(e, 1), localStorage.removeItem(t), !0);
+		} catch (e) {
+			return console.error("Migration failed:", e), !1;
+		}
+	}
+	static hasPreset(e, t) {
+		let n = this.getPresetColumns(e, t);
+		return n !== null && n.columnOrder.length > 0;
+	}
+};
+//#endregion
+export { e as ColumnPresetStorage };

package/dist/lib/index.d.ts

@@ -0,0 +1,6 @@
+export { overlayStack } from './overlay-stack.js';
+export { cn, formatYearMonth } from './utils.js';
+export { Portal } from './Portal.js';
+export type { PortalProps } from './Portal.js';
+export { ColumnPresetStorage } from './column-preset-storage.js';
+export type { PresetNumber, ColumnPresetData, PagePresets, AllPresets, } from './column-preset-storage.js';

package/dist/lib/overlay-stack.cjs

@@ -0,0 +1 @@
+var e=[];function t(){if(e.length===0)return;let t=e[0];for(let n of e)n.priority>=t.priority&&(t=n);return t}var n={push(t,n=0){e.some(e=>e.id===t)||e.push({id:t,priority:n})},pop(t){let n=e.map(e=>e.id).lastIndexOf(t);n>=0&&e.splice(n,1)},isTop(e){return t()?.id===e},isEmpty(){return e.length===0}},r=`action-toast-overlay`,i=1e3;exports.ACTION_TOAST_OVERLAY_ID=r,exports.ACTION_TOAST_PRIORITY=i,exports.overlayStack=n;