@sixthshift/design-system 0.1.0 → 0.2.1

package/dist/hooks/useControllableState.js

@@ -0,0 +1,32 @@
+import { useCallback, useRef, useState } from "react";
+/**
+ * Hook for managing controlled/uncontrolled state pattern.
+ * If `value` is provided, the component is controlled.
+ * Otherwise, it manages its own internal state starting with `defaultValue`.
+ */
+export function useControllableState({ value: controlledValue, defaultValue, onChange }) {
+    const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
+    const isControlled = controlledValue !== undefined;
+    const value = isControlled ? controlledValue : uncontrolledValue;
+    const wasControlledRef = useRef(isControlled);
+    if (typeof process !== "undefined" && process.env?.NODE_ENV !== "production") {
+        if (wasControlledRef.current && !isControlled) {
+            console.warn("useControllableState: switched from controlled to uncontrolled. This usually means `value` changed from a defined value to `undefined`. Decide between controlled and uncontrolled for the lifetime of the component.");
+        }
+        if (!wasControlledRef.current && isControlled) {
+            console.warn("useControllableState: switched from uncontrolled to controlled. This usually means `value` changed from `undefined` to a defined value. Use `defaultValue` for uncontrolled components, or provide `value` from the first render.");
+        }
+        if (isControlled && !onChange) {
+            console.warn("useControllableState: controlled component has `value` but no `onChange`. The component will be read-only.");
+        }
+    }
+    wasControlledRef.current = isControlled;
+    const setValue = useCallback((newValue) => {
+        if (!isControlled) {
+            setUncontrolledValue(newValue);
+        }
+        onChange?.(newValue);
+    }, [isControlled, onChange]);
+    return [value, setValue];
+}
+//# sourceMappingURL=useControllableState.js.map

package/dist/hooks/useControllableState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControllableState.js","sourceRoot":"","sources":["../../src/hooks/useControllableState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAatD;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAI,EAAE,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,QAAQ,EAAkC;IACxH,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAEzE,MAAM,YAAY,GAAG,eAAe,KAAK,SAAS,CAAC;IACnD,MAAM,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAEjE,MAAM,gBAAgB,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;IAC9C,IAAI,OAAO,OAAO,KAAK,WAAW,IAAI,OAAO,CAAC,GAAG,EAAE,QAAQ,KAAK,YAAY,EAAE,CAAC;QAC7E,IAAI,gBAAgB,CAAC,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;YAC9C,OAAO,CAAC,IAAI,CACV,uNAAuN,CACxN,CAAC;QACJ,CAAC;QACD,IAAI,CAAC,gBAAgB,CAAC,OAAO,IAAI,YAAY,EAAE,CAAC;YAC9C,OAAO,CAAC,IAAI,CACV,mOAAmO,CACpO,CAAC;QACJ,CAAC;QACD,IAAI,YAAY,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC9B,OAAO,CAAC,IAAI,CAAC,4GAA4G,CAAC,CAAC;QAC7H,CAAC;IACH,CAAC;IACD,gBAAgB,CAAC,OAAO,GAAG,YAAY,CAAC;IAExC,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,QAAW,EAAE,EAAE;QACd,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,oBAAoB,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;QACD,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,YAAY,EAAE,QAAQ,CAAC,CACzB,CAAC;IAEF,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;AAC3B,CAAC"}

package/dist/hooks/useDebouncedCallback.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Returns a debounced version of the callback.
+ * The callback is invoked after `delay` ms of inactivity.
+ */
+export declare const useDebouncedCallback: <T extends (...args: never[]) => void>(callback: T, delay: number) => T;
+//# sourceMappingURL=useDebouncedCallback.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedCallback.d.ts","sourceRoot":"","sources":["../../src/hooks/useDebouncedCallback.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,IAAI,YAAY,CAAC,SAAS,MAAM,KAAG,CAcvG,CAAC"}

package/dist/hooks/useDebouncedCallback.js

@@ -0,0 +1,17 @@
+import { useCallback, useRef } from "react";
+/**
+ * Returns a debounced version of the callback.
+ * The callback is invoked after `delay` ms of inactivity.
+ */
+export const useDebouncedCallback = (callback, delay) => {
+    // Passed explicitly: React 19's types dropped the zero-argument `useRef`
+    // overload, so the initial value has to be spelled out to build on both 18 and 19.
+    const timeoutRef = useRef(undefined);
+    const callbackRef = useRef(callback);
+    callbackRef.current = callback;
+    return useCallback(((...args) => {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = setTimeout(() => callbackRef.current(...args), delay);
+    }), [delay]);
+};
+//# sourceMappingURL=useDebouncedCallback.js.map

package/dist/hooks/useDebouncedCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedCallback.js","sourceRoot":"","sources":["../../src/hooks/useDebouncedCallback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAuC,QAAW,EAAE,KAAa,EAAK,EAAE;IAC1G,yEAAyE;IACzE,mFAAmF;IACnF,MAAM,UAAU,GAAG,MAAM,CAA4C,SAAS,CAAC,CAAC;IAChF,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,OAAO,WAAW,CAChB,CAAC,CAAC,GAAG,IAAmB,EAAE,EAAE;QAC1B,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACjC,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;IAC7E,CAAC,CAAM,EACP,CAAC,KAAK,CAAC,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/hooks/useDebouncedState.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Debounces a value by delaying updates until after the specified delay.
+ * Useful for delaying API calls until user stops typing.
+ *
+ * @param value - The value to debounce
+ * @param delay - The delay in milliseconds
+ * @returns The debounced value
+ */
+export declare const useDebouncedState: <T>(value: T, delay: number) => T;
+//# sourceMappingURL=useDebouncedState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedState.d.ts","sourceRoot":"","sources":["../../src/hooks/useDebouncedState.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,CAAC,SAAS,MAAM,KAAG,CAS9D,CAAC"}

package/dist/hooks/useDebouncedState.js

@@ -0,0 +1,18 @@
+import { useEffect, useState } from "react";
+/**
+ * Debounces a value by delaying updates until after the specified delay.
+ * Useful for delaying API calls until user stops typing.
+ *
+ * @param value - The value to debounce
+ * @param delay - The delay in milliseconds
+ * @returns The debounced value
+ */
+export const useDebouncedState = (value, delay) => {
+    const [debouncedValue, setDebouncedValue] = useState(value);
+    useEffect(() => {
+        const timer = setTimeout(() => setDebouncedValue(value), delay);
+        return () => clearTimeout(timer);
+    }, [value, delay]);
+    return debouncedValue;
+};
+//# sourceMappingURL=useDebouncedState.js.map

package/dist/hooks/useDebouncedState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedState.js","sourceRoot":"","sources":["../../src/hooks/useDebouncedState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAI,KAAQ,EAAE,KAAa,EAAK,EAAE;IACjE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;QAChE,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC"}

package/dist/hooks/useDeviceFormFactor.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Breakpoint thresholds for adaptive rendering.
+ *
+ * These define the minimum width for each form factor:
+ * - mobile:  0 – 639px
+ * - tablet:  640 – 1023px
+ * - desktop: 1024px+
+ */
+declare const breakpoints: {
+    readonly mobile: 0;
+    readonly tablet: 640;
+    readonly desktop: 1024;
+};
+export type DeviceFormFactor = keyof typeof breakpoints;
+/**
+ * Returns the current device form factor based on viewport width.
+ *
+ * - mobile:  0 – 639px
+ * - tablet:  640 – 1023px
+ * - desktop: 1024px+
+ *
+ * Uses useSyncExternalStore for efficient subscription to resize events.
+ */
+export declare function useDeviceFormFactor(): DeviceFormFactor;
+export {};
+//# sourceMappingURL=useDeviceFormFactor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDeviceFormFactor.d.ts","sourceRoot":"","sources":["../../src/hooks/useDeviceFormFactor.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,QAAA,MAAM,WAAW;;;;CAIP,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,WAAW,CAAC;AAqBxD;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,IAAI,gBAAgB,CAEtD"}

package/dist/hooks/useDeviceFormFactor.js

@@ -0,0 +1,44 @@
+import { useSyncExternalStore } from "react";
+/**
+ * Breakpoint thresholds for adaptive rendering.
+ *
+ * These define the minimum width for each form factor:
+ * - mobile:  0 – 639px
+ * - tablet:  640 – 1023px
+ * - desktop: 1024px+
+ */
+const breakpoints = {
+    mobile: 0,
+    tablet: 640,
+    desktop: 1024,
+};
+function getFormFactor(width) {
+    if (width >= breakpoints.desktop)
+        return "desktop";
+    if (width >= breakpoints.tablet)
+        return "tablet";
+    return "mobile";
+}
+function getServerSnapshot() {
+    return "desktop";
+}
+function getSnapshot() {
+    return getFormFactor(window.innerWidth);
+}
+function subscribe(callback) {
+    window.addEventListener("resize", callback);
+    return () => window.removeEventListener("resize", callback);
+}
+/**
+ * Returns the current device form factor based on viewport width.
+ *
+ * - mobile:  0 – 639px
+ * - tablet:  640 – 1023px
+ * - desktop: 1024px+
+ *
+ * Uses useSyncExternalStore for efficient subscription to resize events.
+ */
+export function useDeviceFormFactor() {
+    return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+//# sourceMappingURL=useDeviceFormFactor.js.map

package/dist/hooks/useDeviceFormFactor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeviceFormFactor.js","sourceRoot":"","sources":["../../src/hooks/useDeviceFormFactor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE7C;;;;;;;GAOG;AACH,MAAM,WAAW,GAAG;IAClB,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,IAAI;CACL,CAAC;AAIX,SAAS,aAAa,CAAC,KAAa;IAClC,IAAI,KAAK,IAAI,WAAW,CAAC,OAAO;QAAE,OAAO,SAAS,CAAC;IACnD,IAAI,KAAK,IAAI,WAAW,CAAC,MAAM;QAAE,OAAO,QAAQ,CAAC;IACjD,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,iBAAiB;IACxB,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,WAAW;IAClB,OAAO,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;AAC1C,CAAC;AAED,SAAS,SAAS,CAAC,QAAoB;IACrC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC5C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAC9D,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,mBAAmB;IACjC,OAAO,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,iBAAiB,CAAC,CAAC;AACzE,CAAC"}

package/dist/hooks/useLocalStorage.d.ts

@@ -0,0 +1,4 @@
+type SetValue<T> = T | ((prev: T) => T);
+export declare function useLocalStorage<T>(key: string, defaultValue: T): [T, (value: SetValue<T>) => void];
+export {};
+//# sourceMappingURL=useLocalStorage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../../src/hooks/useLocalStorage.ts"],"names":[],"mappings":"AAEA,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AA6BxC,wBAAgB,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAmClG"}

package/dist/hooks/useLocalStorage.js

@@ -0,0 +1,51 @@
+import { useCallback, useSyncExternalStore } from "react";
+function getStorageValue(key, defaultValue) {
+    if (typeof window === "undefined") {
+        return defaultValue;
+    }
+    try {
+        const item = window.localStorage.getItem(key);
+        return item ? JSON.parse(item) : defaultValue;
+    }
+    catch {
+        return defaultValue;
+    }
+}
+function setStorageValue(key, value) {
+    if (typeof window === "undefined") {
+        return;
+    }
+    try {
+        const serialized = JSON.stringify(value);
+        window.localStorage.setItem(key, serialized);
+        window.dispatchEvent(new StorageEvent("storage", { key, newValue: serialized }));
+    }
+    catch {
+        // Storage full or unavailable
+    }
+}
+export function useLocalStorage(key, defaultValue) {
+    const subscribe = useCallback((callback) => {
+        const handleStorage = (e) => {
+            if (e.key === key || e.key === null) {
+                callback();
+            }
+        };
+        window.addEventListener("storage", handleStorage);
+        return () => window.removeEventListener("storage", handleStorage);
+    }, [key]);
+    const getSnapshot = useCallback(() => {
+        return JSON.stringify(getStorageValue(key, defaultValue));
+    }, [key, defaultValue]);
+    const getServerSnapshot = useCallback(() => {
+        return JSON.stringify(defaultValue);
+    }, [defaultValue]);
+    const storedValue = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+    const setValue = useCallback((value) => {
+        const currentValue = getStorageValue(key, defaultValue);
+        const newValue = value instanceof Function ? value(currentValue) : value;
+        setStorageValue(key, newValue);
+    }, [key, defaultValue]);
+    return [JSON.parse(storedValue), setValue];
+}
+//# sourceMappingURL=useLocalStorage.js.map

package/dist/hooks/useLocalStorage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage.js","sourceRoot":"","sources":["../../src/hooks/useLocalStorage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAI1D,SAAS,eAAe,CAAI,GAAW,EAAE,YAAe;IACtD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,IAAI,CAAC;QACH,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QAC9C,OAAO,IAAI,CAAC,CAAC,CAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAO,CAAC,CAAC,CAAC,YAAY,CAAC;IACvD,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,YAAY,CAAC;IACtB,CAAC;AACH,CAAC;AAED,SAAS,eAAe,CAAI,GAAW,EAAE,KAAQ;IAC/C,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,OAAO;IACT,CAAC;IAED,IAAI,CAAC;QACH,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACzC,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;QAC7C,MAAM,CAAC,aAAa,CAAC,IAAI,YAAY,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;IACnF,CAAC;IAAC,MAAM,CAAC;QACP,8BAA8B;IAChC,CAAC;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAAI,GAAW,EAAE,YAAe;IAC7D,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,QAAoB,EAAE,EAAE;QACvB,MAAM,aAAa,GAAG,CAAC,CAAe,EAAE,EAAE;YACxC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,IAAI,EAAE,CAAC;gBACpC,QAAQ,EAAE,CAAC;YACb,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACpE,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC;IAExB,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,OAAO,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,WAAW,GAAG,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,iBAAiB,CAAC,CAAC;IAEpF,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAkB,EAAE,EAAE;QACrB,MAAM,YAAY,GAAG,eAAe,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;QACxD,MAAM,QAAQ,GAAG,KAAK,YAAY,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QACzE,eAAe,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,GAAG,EAAE,YAAY,CAAC,CACpB,CAAC;IAEF,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAM,EAAE,QAAQ,CAAC,CAAC;AAClD,CAAC"}

package/dist/hooks/useMergedFloatingRef.d.ts

@@ -0,0 +1,12 @@
+type FloatingRefs = {
+    setFloating: (node: HTMLElement | null) => void;
+};
+type PresenceRef = (node: HTMLElement | null) => void;
+type ConsumerRef<T extends HTMLElement> = React.Ref<T> | undefined;
+/**
+ * Merges a floating-ui ref, a usePresence ref, and an optional consumer ref
+ * into a single callback ref. Used by Modal, Sheet, and Toast.
+ */
+export declare function useMergedFloatingRef<T extends HTMLElement = HTMLElement>(floatingRefs: FloatingRefs, presenceRef: PresenceRef, consumerRef?: ConsumerRef<T>): (node: T | null) => void;
+export {};
+//# sourceMappingURL=useMergedFloatingRef.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMergedFloatingRef.d.ts","sourceRoot":"","sources":["../../src/hooks/useMergedFloatingRef.ts"],"names":[],"mappings":"AAGA,KAAK,YAAY,GAAG;IAClB,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,KAAK,WAAW,GAAG,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;AAEtD,KAAK,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;AAEnE;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,UAEjJ,CAAC,GAAG,IAAI,UAWlB"}

package/dist/hooks/useMergedFloatingRef.js

@@ -0,0 +1,18 @@
+import { useCallback } from "react";
+/**
+ * Merges a floating-ui ref, a usePresence ref, and an optional consumer ref
+ * into a single callback ref. Used by Modal, Sheet, and Toast.
+ */
+export function useMergedFloatingRef(floatingRefs, presenceRef, consumerRef) {
+    return useCallback((node) => {
+        floatingRefs.setFloating(node);
+        presenceRef(node);
+        if (typeof consumerRef === "function") {
+            consumerRef(node);
+        }
+        else if (consumerRef && "current" in consumerRef) {
+            consumerRef.current = node;
+        }
+    }, [floatingRefs, presenceRef, consumerRef]);
+}
+//# sourceMappingURL=useMergedFloatingRef.js.map

package/dist/hooks/useMergedFloatingRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMergedFloatingRef.js","sourceRoot":"","sources":["../../src/hooks/useMergedFloatingRef.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAWpC;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAsC,YAA0B,EAAE,WAAwB,EAAE,WAA4B;IAC1J,OAAO,WAAW,CAChB,CAAC,IAAc,EAAE,EAAE;QACjB,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC/B,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,IAAI,OAAO,WAAW,KAAK,UAAU,EAAE,CAAC;YACtC,WAAW,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;aAAM,IAAI,WAAW,IAAI,SAAS,IAAI,WAAW,EAAE,CAAC;YAClD,WAA2C,CAAC,OAAO,GAAG,IAAI,CAAC;QAC9D,CAAC;IACH,CAAC,EACD,CAAC,YAAY,EAAE,WAAW,EAAE,WAAW,CAAC,CACzC,CAAC;AACJ,CAAC"}

package/dist/hooks/usePresence.d.ts

@@ -0,0 +1,54 @@
+import { type RefCallback } from "react";
+type PresenceState = "hidden" | "entering" | "visible" | "exiting";
+type UsePresenceReturn = {
+    /** Ref callback to attach to the animated element */
+    ref: RefCallback<HTMLElement>;
+    /** Current presence state */
+    state: PresenceState;
+    /** Whether the component should be mounted in the DOM */
+    isMounted: boolean;
+    /** Whether the component is visible (entering or fully visible) */
+    isVisible: boolean;
+    /** Call to start showing the component */
+    show: () => void;
+    /** Call to start hiding the component, with optional callback after animation */
+    hide: (onComplete?: () => void) => void;
+};
+/**
+ * Manages mount/unmount presence with CSS animation support.
+ *
+ * Coordinates component lifecycle with CSS @keyframes animations by listening
+ * to `animationend` events. This is more robust than setTimeout because:
+ * 1. The browser tells us when the animation actually ends
+ * 2. No need to keep JS duration in sync with CSS duration
+ * 3. Works correctly even if animations are interrupted
+ *
+ * @example
+ * ```tsx
+ * function Modal({ open, onClose }) {
+ *   const { ref, state, isMounted, show, hide } = usePresence();
+ *
+ *   useEffect(() => {
+ *     if (open) show();
+ *   }, [open, show]);
+ *
+ *   if (!isMounted) return null;
+ *
+ *   return (
+ *     <div
+ *       ref={ref}
+ *       data-state={state}
+ *       className={cn(
+ *         state === "entering" && "animate-fade-in",
+ *         state === "exiting" && "animate-fade-out",
+ *       )}
+ *     >
+ *       ...
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export declare function usePresence(): UsePresenceReturn;
+export {};
+//# sourceMappingURL=usePresence.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePresence.d.ts","sourceRoot":"","sources":["../../src/hooks/usePresence.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAA4C,MAAM,OAAO,CAAC;AAMnF,KAAK,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AAEnE,KAAK,iBAAiB,GAAG;IACvB,qDAAqD;IACrD,GAAG,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAC9B,6BAA6B;IAC7B,KAAK,EAAE,aAAa,CAAC;IACrB,yDAAyD;IACzD,SAAS,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,SAAS,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,iFAAiF;IACjF,IAAI,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CACzC,CAAC;AAMF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,WAAW,IAAI,iBAAiB,CAgE/C"}

package/dist/hooks/usePresence.js

@@ -0,0 +1,97 @@
+import { useCallback, useEffect, useRef, useState } from "react";
+// =============================================================================
+// Hook
+// =============================================================================
+/**
+ * Manages mount/unmount presence with CSS animation support.
+ *
+ * Coordinates component lifecycle with CSS @keyframes animations by listening
+ * to `animationend` events. This is more robust than setTimeout because:
+ * 1. The browser tells us when the animation actually ends
+ * 2. No need to keep JS duration in sync with CSS duration
+ * 3. Works correctly even if animations are interrupted
+ *
+ * @example
+ * ```tsx
+ * function Modal({ open, onClose }) {
+ *   const { ref, state, isMounted, show, hide } = usePresence();
+ *
+ *   useEffect(() => {
+ *     if (open) show();
+ *   }, [open, show]);
+ *
+ *   if (!isMounted) return null;
+ *
+ *   return (
+ *     <div
+ *       ref={ref}
+ *       data-state={state}
+ *       className={cn(
+ *         state === "entering" && "animate-fade-in",
+ *         state === "exiting" && "animate-fade-out",
+ *       )}
+ *     >
+ *       ...
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export function usePresence() {
+    const [state, setState] = useState("hidden");
+    const nodeRef = useRef(null);
+    const onExitCompleteRef = useRef(null);
+    // Track if we were exiting to know when to call the callback
+    const wasExitingRef = useRef(false);
+    // Handle animation end events
+    const handleAnimationEnd = useCallback(() => {
+        setState((current) => {
+            if (current === "entering")
+                return "visible";
+            if (current === "exiting")
+                return "hidden";
+            return current;
+        });
+    }, []);
+    // Call exit callback after state transitions to hidden (after render completes)
+    // This avoids the "Cannot update a component while rendering" warning
+    useEffect(() => {
+        if (state === "exiting") {
+            wasExitingRef.current = true;
+        }
+        else if (state === "hidden" && wasExitingRef.current) {
+            wasExitingRef.current = false;
+            const callback = onExitCompleteRef.current;
+            onExitCompleteRef.current = null;
+            callback?.();
+        }
+    }, [state]);
+    // Ref callback to manage event listeners
+    const ref = useCallback((node) => {
+        // Cleanup old node
+        if (nodeRef.current) {
+            nodeRef.current.removeEventListener("animationend", handleAnimationEnd);
+        }
+        // Setup new node
+        nodeRef.current = node;
+        if (node) {
+            node.addEventListener("animationend", handleAnimationEnd);
+        }
+    }, [handleAnimationEnd]);
+    const show = useCallback(() => {
+        setState("entering");
+    }, []);
+    const hide = useCallback((onComplete) => {
+        onExitCompleteRef.current = onComplete ?? null;
+        setState("exiting");
+    }, []);
+    return {
+        ref,
+        state,
+        isMounted: state !== "hidden",
+        isVisible: state === "visible" || state === "entering",
+        show,
+        hide,
+    };
+}
+//# sourceMappingURL=usePresence.js.map

package/dist/hooks/usePresence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePresence.js","sourceRoot":"","sources":["../../src/hooks/usePresence.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAuBnF,gFAAgF;AAChF,OAAO;AACP,gFAAgF;AAEhF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,UAAU,WAAW;IACzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,QAAQ,CAAC,CAAC;IAC5D,MAAM,OAAO,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACjD,MAAM,iBAAiB,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAE5D,6DAA6D;IAC7D,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEpC,8BAA8B;IAC9B,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,QAAQ,CAAC,CAAC,OAAO,EAAE,EAAE;YACnB,IAAI,OAAO,KAAK,UAAU;gBAAE,OAAO,SAAS,CAAC;YAC7C,IAAI,OAAO,KAAK,SAAS;gBAAE,OAAO,QAAQ,CAAC;YAC3C,OAAO,OAAO,CAAC;QACjB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,gFAAgF;IAChF,sEAAsE;IACtE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;QAC/B,CAAC;aAAM,IAAI,KAAK,KAAK,QAAQ,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;YACvD,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;YAC9B,MAAM,QAAQ,GAAG,iBAAiB,CAAC,OAAO,CAAC;YAC3C,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;YACjC,QAAQ,EAAE,EAAE,CAAC;QACf,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,yCAAyC;IACzC,MAAM,GAAG,GAA6B,WAAW,CAC/C,CAAC,IAAI,EAAE,EAAE;QACP,mBAAmB;QACnB,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;QAC1E,CAAC;QAED,iBAAiB;QACjB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,IAAI,IAAI,EAAE,CAAC;YACT,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;QAC5D,CAAC;IACH,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5B,QAAQ,CAAC,UAAU,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,IAAI,GAAG,WAAW,CAAC,CAAC,UAAuB,EAAE,EAAE;QACnD,iBAAiB,CAAC,OAAO,GAAG,UAAU,IAAI,IAAI,CAAC;QAC/C,QAAQ,CAAC,SAAS,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,GAAG;QACH,KAAK;QACL,SAAS,EAAE,KAAK,KAAK,QAAQ;QAC7B,SAAS,EAAE,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,UAAU;QACtD,IAAI;QACJ,IAAI;KACL,CAAC;AACJ,CAAC"}

package/dist/hooks/useStack.d.ts

@@ -0,0 +1,30 @@
+import { type Dispatch } from "react";
+type Id = string | number;
+type Transition = {
+    duration: number;
+};
+export type StackItem = {
+    id: Id;
+    transition?: Transition;
+};
+type Action<T extends StackItem> = {
+    type: "push";
+    item: T;
+} | {
+    type: "pop";
+    transition?: Transition;
+} | {
+    type: "remove";
+    id: Id;
+    transition?: Transition;
+} | {
+    type: "update";
+    item: Partial<T> & StackItem;
+} | {
+    type: "clear";
+    transition?: Transition;
+};
+export type StackDispatch<T extends StackItem> = Dispatch<Action<T>>;
+export declare function useStack<T extends StackItem>(initialStack?: T[]): [T[], StackDispatch<T>];
+export {};
+//# sourceMappingURL=useStack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useStack.d.ts","sourceRoot":"","sources":["../../src/hooks/useStack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAqE,MAAM,OAAO,CAAC;AAEzG,KAAK,EAAE,GAAG,MAAM,GAAG,MAAM,CAAC;AAC1B,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,EAAE,CAAC;IACP,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEF,KAAK,MAAM,CAAC,CAAC,SAAS,SAAS,IAC3B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,CAAC,CAAA;CAAE,GACzB;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,GACxC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,EAAE,EAAE,EAAE,CAAC;IAAC,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,GACnD;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA;CAAE,GAChD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,CAAC;AAE/C,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,SAAS,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAgDrE,wBAAgB,QAAQ,CAAC,CAAC,SAAS,SAAS,EAAE,YAAY,GAAE,CAAC,EAAO,GAAG,CAAC,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CA+B7F"}

package/dist/hooks/useStack.js

@@ -0,0 +1,70 @@
+import { startTransition, useCallback, useEffect, useReducer } from "react";
+function createReducer() {
+    return (state, action) => {
+        switch (action.type) {
+            case "push": {
+                if (state.some((item) => item.id === action.item.id)) {
+                    return state;
+                }
+                else {
+                    return [...state, action.item];
+                }
+            }
+            case "pop": {
+                const firstItems = state.slice(0, -1);
+                if (action.transition) {
+                    const lastItem = {
+                        ...state.at(-1),
+                        transition: action.transition,
+                    };
+                    return [...firstItems, lastItem];
+                }
+                return firstItems;
+            }
+            case "remove": {
+                if (action.transition) {
+                    return state.map((s) => (s.id !== action.id ? s : { ...s, transition: action.transition }));
+                }
+                return state.filter((s) => s.id !== action.id);
+            }
+            case "update": {
+                return state.map((s) => (s.id !== action.item.id ? s : { ...s, ...action.item }));
+            }
+            case "clear": {
+                if (action.transition) {
+                    // Mark all items for transition-based removal
+                    return state.map((s) => ({ ...s, transition: action.transition }));
+                }
+                return [];
+            }
+            default: {
+                return state;
+            }
+        }
+    };
+}
+export function useStack(initialStack = []) {
+    const reducer = createReducer();
+    const [state, dispatch] = useReducer(reducer, initialStack);
+    useEffect(() => {
+        const itemsToRemove = state.filter((item) => item.transition);
+        if (itemsToRemove.length === 0) {
+            return;
+        }
+        itemsToRemove.reverse().forEach((itemToRemove) => {
+            setTimeout(() => {
+                dispatch({ type: "remove", id: itemToRemove.id });
+            }, // We found the item by the `transition` property, so we can be sure it exists.
+            itemToRemove.transition.duration);
+        });
+    }, [state]);
+    // Memoize the dispatch wrapper to prevent unnecessary re-renders
+    // dispatch from useReducer is stable, so this only creates once
+    const wrappedDispatch = useCallback((params) => {
+        startTransition(() => {
+            dispatch(params);
+        });
+    }, []);
+    return [state, wrappedDispatch];
+}
+//# sourceMappingURL=useStack.js.map

package/dist/hooks/useStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStack.js","sourceRoot":"","sources":["../../src/hooks/useStack.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useTheme.d.ts

@@ -0,0 +1,16 @@
+export type Theme = "light" | "dark" | "system";
+export type ResolvedTheme = "light" | "dark";
+/**
+ * Apply the stored theme now, and subscribe to OS color-scheme changes and
+ * cross-tab `storage` events. If nothing is stored yet, seeds `"system"` so
+ * the source of truth always exists. Call once at app bootstrap.
+ */
+export declare function bootstrapTheme(): () => void;
+/** Read/write theme hook. Reads from localStorage via useSyncExternalStore; no effects. */
+export declare function useTheme(): {
+    theme: Theme;
+    setTheme: (next: Theme) => void;
+    resolvedTheme: ResolvedTheme;
+    toggleTheme: () => void;
+};
+//# sourceMappingURL=useTheme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC;AAsD7C;;;;GAIG;AACH,wBAAgB,cAAc,IAAI,MAAM,IAAI,CA6B3C;AAED,2FAA2F;AAC3F,wBAAgB,QAAQ;;qBAIc,KAAK;;;EAM1C"}