@nexub/react 3.0.0 → 3.1.0

package/dist/chunk-4GVGS5N4.js

@@ -1,468 +0,0 @@
-'use client';
-
-// src/components/Motion/Fade.tsx
-import * as React2 from "react";
-
-// src/components/Motion/useMotion.ts
-import * as React from "react";
-
-// src/hooks/useMediaQuery.ts
-import { useState, useEffect } from "react";
-function useMediaQuery(query) {
-  const [matches, setMatches] = useState(false);
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const mql = window.matchMedia(query);
-    const handler = (e) => setMatches(e.matches);
-    mql.addEventListener("change", handler);
-    setMatches(mql.matches);
-    return () => mql.removeEventListener("change", handler);
-  }, [query]);
-  return matches;
-}
-
-// src/components/Motion/useMotion.ts
-var DURATION_MS = {
-  instant: 0,
-  fast: 150,
-  normal: 200,
-  slow: 300,
-  slower: 500
-};
-var SPRING_SPEED = {
-  fast: "fast",
-  normal: "default",
-  slow: "slow",
-  slower: "slow"
-};
-var SPRING_MS = {
-  spatial: { fast: 224, default: 317, slow: 484 },
-  effects: { fast: 150, default: 231, slow: 327 },
-  expressive: { fast: 364, default: 435, slow: 600 }
-};
-var FALLBACK_MARGIN_MS = 50;
-var spring = (property, family, speed) => `${property} var(--motion-spring-${family}-${speed}-duration) var(--motion-spring-${family}-${speed}-easing)`;
-function usePrefersReducedMotion() {
-  return useMediaQuery("(prefers-reduced-motion: reduce)");
-}
-function useMotion({
-  visible,
-  duration = "normal",
-  easing,
-  unmountOnExit = false
-}) {
-  const [phase, setPhase] = React.useState(
-    visible ? "entered" : "exited"
-  );
-  const reduced = usePrefersReducedMotion();
-  const rafRef = React.useRef(null);
-  const isMounted = React.useRef(true);
-  React.useEffect(() => {
-    isMounted.current = true;
-    return () => {
-      isMounted.current = false;
-      if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);
-    };
-  }, []);
-  const prevVisible = React.useRef(visible);
-  React.useEffect(() => {
-    if (prevVisible.current === visible) return;
-    prevVisible.current = visible;
-    if (visible) {
-      setPhase("entering");
-      rafRef.current = requestAnimationFrame(() => {
-        rafRef.current = requestAnimationFrame(() => {
-          if (isMounted.current) setPhase("entered");
-        });
-      });
-    } else {
-      setPhase("exiting");
-    }
-  }, [visible]);
-  const legacy = easing !== void 0;
-  const exitMs = duration === "instant" ? 0 : legacy ? DURATION_MS[duration] : SPRING_MS.effects.fast;
-  React.useEffect(() => {
-    if (phase !== "exiting") return;
-    const t = setTimeout(() => setPhase("exited"), exitMs + FALLBACK_MARGIN_MS);
-    return () => clearTimeout(t);
-  }, [phase, exitMs]);
-  const handleTransitionEnd = React.useCallback((e) => {
-    if (!isMounted.current) return;
-    if (e && e.target !== e.currentTarget) return;
-    setPhase((prev) => prev === "exiting" ? "exited" : prev);
-  }, []);
-  const mounted = unmountOnExit ? phase !== "exited" : true;
-  let transitionStyle;
-  if (duration === "instant") {
-    transitionStyle = { transition: "none" };
-  } else if (legacy) {
-    transitionStyle = {
-      transitionDuration: `var(--duration-${duration})`,
-      transitionTimingFunction: `var(--ease-${easing})`,
-      transitionProperty: "opacity, transform"
-    };
-  } else if (phase === "exiting" || phase === "exited") {
-    transitionStyle = {
-      transition: [spring("opacity", "effects", "fast"), spring("transform", "effects", "fast")].join(", ")
-    };
-  } else {
-    const speed = SPRING_SPEED[duration];
-    transitionStyle = {
-      transition: [spring("opacity", "effects", speed), spring("transform", "spatial", speed)].join(", ")
-    };
-  }
-  return { phase, mounted, reduced, transitionStyle, handleTransitionEnd };
-}
-
-// src/components/Motion/Fade.tsx
-import { jsx } from "react/jsx-runtime";
-var Fade = React2.forwardRef(function Fade2({
-  in: visible,
-  duration = "normal",
-  easing,
-  unmountOnExit = false,
-  children,
-  style,
-  as: Tag = "div",
-  ...rest
-}, ref) {
-  const { phase, mounted, transitionStyle, handleTransitionEnd } = useMotion({
-    visible,
-    duration,
-    easing,
-    unmountOnExit
-  });
-  if (!mounted) return null;
-  const opacity = phase === "entered" ? 1 : 0;
-  return /* @__PURE__ */ jsx(
-    Tag,
-    {
-      ref,
-      onTransitionEnd: handleTransitionEnd,
-      style: {
-        opacity,
-        willChange: "opacity",
-        ...transitionStyle,
-        ...style
-      },
-      ...rest,
-      children
-    }
-  );
-});
-Fade.displayName = "Fade";
-
-// src/components/Motion/Slide.tsx
-import * as React3 from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var directionTransform = {
-  up: { from: "translateY(12px)", to: "translateY(0)" },
-  down: { from: "translateY(-12px)", to: "translateY(0)" },
-  left: { from: "translateX(12px)", to: "translateX(0)" },
-  right: { from: "translateX(-12px)", to: "translateX(0)" }
-};
-var Slide = React3.forwardRef(function Slide2({
-  in: visible,
-  duration = "normal",
-  easing,
-  unmountOnExit = false,
-  direction = "up",
-  distance,
-  children,
-  style,
-  as: Tag = "div",
-  ...rest
-}, ref) {
-  const { phase, mounted, reduced, transitionStyle, handleTransitionEnd } = useMotion({
-    visible,
-    duration,
-    easing,
-    unmountOnExit
-  });
-  if (!mounted) return null;
-  const isEntered = phase === "entered";
-  const dt = directionTransform[direction];
-  let fromTransform = dt.from;
-  if (distance) {
-    if (direction === "up") fromTransform = `translateY(${distance})`;
-    if (direction === "down") fromTransform = `translateY(-${distance})`;
-    if (direction === "left") fromTransform = `translateX(${distance})`;
-    if (direction === "right") fromTransform = `translateX(-${distance})`;
-  }
-  return /* @__PURE__ */ jsx2(
-    Tag,
-    {
-      ref,
-      onTransitionEnd: handleTransitionEnd,
-      style: {
-        opacity: isEntered ? 1 : 0,
-        transform: isEntered || reduced ? dt.to : fromTransform,
-        willChange: "opacity, transform",
-        ...transitionStyle,
-        ...style
-      },
-      ...rest,
-      children
-    }
-  );
-});
-Slide.displayName = "Slide";
-
-// src/components/Motion/Scale.tsx
-import * as React4 from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var Scale = React4.forwardRef(function Scale2({
-  in: visible,
-  duration = "fast",
-  easing,
-  unmountOnExit = false,
-  initialScale = 0.95,
-  children,
-  style,
-  as: Tag = "div",
-  ...rest
-}, ref) {
-  const { phase, mounted, reduced, transitionStyle, handleTransitionEnd } = useMotion({
-    visible,
-    duration,
-    easing,
-    unmountOnExit
-  });
-  if (!mounted) return null;
-  const isEntered = phase === "entered";
-  return /* @__PURE__ */ jsx3(
-    Tag,
-    {
-      ref,
-      onTransitionEnd: handleTransitionEnd,
-      style: {
-        opacity: isEntered ? 1 : 0,
-        transform: isEntered || reduced ? "scale(1)" : `scale(${initialScale})`,
-        transformOrigin: "top center",
-        willChange: "opacity, transform",
-        ...transitionStyle,
-        ...style
-      },
-      ...rest,
-      children
-    }
-  );
-});
-Scale.displayName = "Scale";
-
-// src/components/Motion/Collapse.tsx
-import * as React5 from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var Collapse = React5.forwardRef(function Collapse2({
-  in: visible,
-  duration = "normal",
-  easing,
-  unmountOnExit = false,
-  collapsedHeight = 0,
-  children,
-  style,
-  as: Tag = "div",
-  ...rest
-}, ref) {
-  const innerRef = React5.useRef(null);
-  const reduced = usePrefersReducedMotion();
-  const legacy = easing !== void 0;
-  const settleMs = duration === "instant" || reduced ? 0 : legacy ? DURATION_MS[duration] : SPRING_MS.spatial[SPRING_SPEED[duration]];
-  const [height, setHeight] = React5.useState(visible ? "auto" : 0);
-  const [overflow, setOverflow] = React5.useState(
-    visible ? "visible" : "hidden"
-  );
-  const [mounted, setMounted] = React5.useState(unmountOnExit ? visible : true);
-  const prevVisible = React5.useRef(visible);
-  React5.useEffect(() => {
-    const changed = prevVisible.current !== visible;
-    prevVisible.current = visible;
-    if (!changed) return;
-    let raf1 = 0;
-    let raf2 = 0;
-    if (visible) {
-      setMounted(true);
-      raf1 = requestAnimationFrame(() => {
-        const el = innerRef.current;
-        if (el) {
-          setHeight(el.scrollHeight);
-          setOverflow("hidden");
-        }
-      });
-    } else {
-      const el = innerRef.current;
-      if (el) {
-        setHeight(el.scrollHeight);
-        setOverflow("hidden");
-        raf1 = requestAnimationFrame(() => {
-          raf2 = requestAnimationFrame(() => {
-            setHeight(typeof collapsedHeight === "number" ? collapsedHeight : 0);
-          });
-        });
-      }
-    }
-    return () => {
-      cancelAnimationFrame(raf1);
-      cancelAnimationFrame(raf2);
-    };
-  }, [visible, collapsedHeight]);
-  const finish = React5.useCallback(() => {
-    if (visible) {
-      setHeight("auto");
-      setOverflow("visible");
-    } else if (unmountOnExit) {
-      setMounted(false);
-    }
-  }, [visible, unmountOnExit]);
-  const handleTransitionEnd = React5.useCallback(
-    (e) => {
-      if (e.target !== e.currentTarget || e.propertyName !== "max-height") return;
-      finish();
-    },
-    [finish]
-  );
-  const firstRender = React5.useRef(true);
-  React5.useEffect(() => {
-    if (firstRender.current) {
-      firstRender.current = false;
-      return;
-    }
-    const t = setTimeout(finish, settleMs + 100);
-    return () => clearTimeout(t);
-  }, [visible, settleMs, finish]);
-  if (!mounted) return null;
-  const maxHeight = height === "auto" ? "none" : `${height}px`;
-  return /* @__PURE__ */ jsx4(
-    Tag,
-    {
-      ref,
-      style: {
-        maxHeight,
-        overflow,
-        transition: duration === "instant" || reduced ? "none" : legacy ? `max-height var(--duration-${duration}) var(--ease-${easing})` : spring("max-height", "spatial", SPRING_SPEED[duration]),
-        ...style
-      },
-      onTransitionEnd: handleTransitionEnd,
-      ...rest,
-      children: /* @__PURE__ */ jsx4("div", { ref: innerRef, children })
-    }
-  );
-});
-Collapse.displayName = "Collapse";
-
-// src/components/Motion/ListTransition.tsx
-import * as React6 from "react";
-import { jsx as jsx5, jsxs } from "react/jsx-runtime";
-var EXIT_FALLBACK_MS = SPRING_MS.effects.default + 50;
-function keyed(children) {
-  const out = [];
-  React6.Children.forEach(children, (child, i) => {
-    const key = React6.isValidElement(child) && child.key != null ? child.key : `__nx-${i}`;
-    out.push({ key, node: child });
-  });
-  return out;
-}
-function merge(prev, next) {
-  const before = new Map(prev.map((p) => [p.key, p]));
-  const nextKeys = new Set(next.map((n) => n.key));
-  const result = next.map((n) => {
-    const old = before.get(n.key);
-    return { ...n, state: !old || old.state === "exit" ? "enter" : old.state };
-  });
-  prev.forEach((p, i) => {
-    if (nextKeys.has(p.key)) return;
-    let at = 0;
-    for (let j = i - 1; j >= 0; j--) {
-      const idx = result.findIndex((r) => r.key === prev[j].key);
-      if (idx !== -1) {
-        at = idx + 1;
-        break;
-      }
-    }
-    result.splice(at, 0, { ...p, state: "exit" });
-  });
-  return result;
-}
-var ListTransition = React6.forwardRef(function ListTransition2({ as: Tag = "div", itemAs: Item = "div", appear = false, children, ...rest }, ref) {
-  const next = keyed(children);
-  const [entries, setEntries] = React6.useState(
-    () => next.map((n) => ({ ...n, state: appear ? "enter" : "idle" }))
-  );
-  const [prevChildren, setPrevChildren] = React6.useState(children);
-  let rendered = entries;
-  if (children !== prevChildren) {
-    rendered = merge(entries, next);
-    setPrevChildren(children);
-    setEntries(rendered);
-  }
-  const remove = React6.useCallback((key) => {
-    setEntries((list) => list.filter((e) => !(e.key === key && e.state === "exit")));
-  }, []);
-  const settle = React6.useCallback((key) => {
-    setEntries((list) => list.map((e) => e.key === key && e.state === "enter" ? { ...e, state: "idle" } : e));
-  }, []);
-  const exiting = rendered.filter((e) => e.state === "exit").map((e) => e.key).join("|");
-  React6.useEffect(() => {
-    if (!exiting) return;
-    const keys = rendered.filter((e) => e.state === "exit").map((e) => e.key);
-    const t = setTimeout(() => keys.forEach(remove), EXIT_FALLBACK_MS);
-    return () => clearTimeout(t);
-  }, [exiting, remove]);
-  return /* @__PURE__ */ jsx5(Tag, { ref, ...rest, children: rendered.map((e) => /* @__PURE__ */ jsx5(
-    Item,
-    {
-      className: "nx-list-item",
-      "data-state": e.state === "idle" ? void 0 : e.state,
-      "aria-hidden": e.state === "exit" ? true : void 0,
-      onAnimationEnd: (ev) => {
-        if (ev.target !== ev.currentTarget) return;
-        if (e.state === "exit") remove(e.key);
-        else if (e.state === "enter") settle(e.key);
-      },
-      children: /* @__PURE__ */ jsx5("div", { className: "nx-list-item-inner", children: e.node })
-    },
-    e.key
-  )) });
-});
-ListTransition.displayName = "ListTransition";
-var SkeletonSwap = React6.forwardRef(function SkeletonSwap2({ loading, skeleton, children, className, ...rest }, ref) {
-  const [phase, setPhase] = React6.useState(loading ? "loading" : "done");
-  const [prevLoading, setPrevLoading] = React6.useState(loading);
-  let current = phase;
-  if (loading !== prevLoading) {
-    current = loading ? "loading" : "out";
-    setPrevLoading(loading);
-    setPhase(current);
-  }
-  React6.useEffect(() => {
-    if (current !== "out") return;
-    const t = setTimeout(() => setPhase("done"), SPRING_MS.effects.default + 50);
-    return () => clearTimeout(t);
-  }, [current]);
-  return /* @__PURE__ */ jsxs("div", { ref, className: className ? `nx-swap ${className}` : "nx-swap", "aria-busy": loading || void 0, ...rest, children: [
-    current !== "loading" && /* @__PURE__ */ jsx5("div", { className: current === "out" ? "nx-swap-in" : void 0, children }),
-    current !== "done" && /* @__PURE__ */ jsx5(
-      "div",
-      {
-        className: current === "out" ? "nx-swap-out" : void 0,
-        "aria-hidden": "true",
-        onAnimationEnd: (e) => {
-          if (e.target === e.currentTarget) setPhase("done");
-        },
-        children: skeleton
-      }
-    )
-  ] });
-});
-SkeletonSwap.displayName = "SkeletonSwap";
-
-export {
-  useMediaQuery,
-  usePrefersReducedMotion,
-  Fade,
-  Slide,
-  Scale,
-  Collapse,
-  ListTransition,
-  SkeletonSwap
-};

package/dist/chunk-52ZVJPF7.js

@@ -1 +0,0 @@
-'use client';

package/dist/chunk-A3O23F2B.js

@@ -1 +0,0 @@
-'use client';

package/dist/chunk-ADO2DB6Q.js

@@ -1 +0,0 @@
-'use client';

package/dist/chunk-BV3U3ATL.js

@@ -1 +0,0 @@
-'use client';

package/dist/chunk-CAOLGXA5.js

@@ -1 +0,0 @@
-'use client';

package/dist/chunk-DEIBF3P7.js

@@ -1,8 +0,0 @@
-'use client';
-
-// src/utils/glass.ts
-var glassSurfaceClass = "border bg-[var(--glass-bg)] border-[var(--glass-border)] [-webkit-backdrop-filter:var(--glass-filter)] [backdrop-filter:var(--glass-filter)] [box-shadow:var(--glass-shadow)]";
-
-export {
-  glassSurfaceClass
-};

package/dist/chunk-EV43I5J6.js

@@ -1 +0,0 @@
-'use client';

package/dist/chunk-HI7GBSW2.js

@@ -1 +0,0 @@
-'use client';

package/dist/chunk-HY3JWSG4.js

@@ -1 +0,0 @@
-'use client';

package/dist/chunk-IZ6ZPEZ2.js

@@ -1 +0,0 @@
-'use client';

package/dist/chunk-KLTQJZOX.js

@@ -1 +0,0 @@
-'use client';

package/dist/chunk-LVPU7455.js

@@ -1 +0,0 @@
-'use client';

package/dist/chunk-NHUQLIHL.js

@@ -1,9 +0,0 @@
-'use client';
-
-// src/hooks/useIsomorphicLayoutEffect.ts
-import { useEffect, useLayoutEffect } from "react";
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
-
-export {
-  useIsomorphicLayoutEffect
-};

package/dist/chunk-NZ7UK3G6.js

@@ -1 +0,0 @@
-'use client';

package/dist/chunk-P26VJEIW.js

@@ -1 +0,0 @@
-'use client';

package/dist/chunk-PICMOOAZ.js

@@ -1 +0,0 @@
-'use client';

package/dist/chunk-VALIDQXU.js

@@ -1,31 +0,0 @@
-'use client';
-
-// src/utils/control.ts
-var field = [
-  "rounded-[var(--field-radius,var(--shape-field))] border border-[var(--field-border,var(--color-outline))]",
-  "bg-[var(--field-bg,var(--color-surface-container-lowest))] text-[var(--field-fg,var(--color-on-surface))]",
-  "transition-[border-color,box-shadow] duration-effects-fast ease-effects-fast",
-  "hover:border-[var(--color-on-surface-variant)]"
-].join(" ");
-var fieldFocusWithin = "focus-within:border-[var(--color-primary)] focus-within:shadow-[inset_0_0_0_1px_var(--color-primary)] focus-within:hover:border-[var(--color-primary)]";
-var fieldFocusVisible = "focus-visible:outline-none focus-visible:border-[var(--color-primary)] focus-visible:shadow-[inset_0_0_0_1px_var(--color-primary)]";
-var fieldInvalid = [
-  "border-[var(--color-error)] hover:border-[var(--color-error)]",
-  "focus-within:border-[var(--color-error)] focus-within:shadow-[inset_0_0_0_1px_var(--color-error)] focus-within:hover:border-[var(--color-error)]",
-  "focus-visible:border-[var(--color-error)] focus-visible:shadow-[inset_0_0_0_1px_var(--color-error)]"
-].join(" ");
-var fieldDisabledWithin = "has-[:disabled]:cursor-not-allowed has-[:disabled]:border-[var(--color-outline-variant)] has-[:disabled]:hover:border-[var(--color-outline-variant)] has-[:disabled]:bg-[var(--color-surface-container-low)] has-[:disabled]:text-[var(--color-text-disabled)]";
-var pressable = "nx-state-layer nx-press rounded-shape-control select-none";
-var disabledContainer = "disabled:pointer-events-none disabled:border-transparent disabled:bg-[color-mix(in_srgb,var(--color-on-surface)_12%,transparent)] disabled:text-[var(--color-text-disabled)] aria-disabled:pointer-events-none";
-var disabledText = "disabled:pointer-events-none disabled:text-[var(--color-text-disabled)] aria-disabled:pointer-events-none";
-
-export {
-  field,
-  fieldFocusWithin,
-  fieldFocusVisible,
-  fieldInvalid,
-  fieldDisabledWithin,
-  pressable,
-  disabledContainer,
-  disabledText
-};

package/dist/chunk-WLRRMT6W.js

@@ -1 +0,0 @@
-'use client';

package/dist/chunk-XYXMPHND.js

@@ -1 +0,0 @@
-'use client';

package/dist/chunk-YJU4ZRQZ.js

@@ -1 +0,0 @@
-'use client';

package/dist/chunk-ZT3NWE5U.js

@@ -1 +0,0 @@
-'use client';

package/dist/chunk-ZXLACKEB.js

@@ -1,8 +0,0 @@
-'use client';
-
-// src/components/VisuallyHidden/VisuallyHidden.tsx
-import { Root } from "@radix-ui/react-visually-hidden";
-
-export {
-  Root
-};