@orioncactuscorp/ui 1.9.2 → 1.11.0

package/dist/react/motion.js

@@ -1,12 +1,10 @@
 'use client';
 import { jsx as H } from "react/jsx-runtime";
-import { useRef as i, useState as C, useCallback as q, useEffect as y, useLayoutEffect as st } from "react";
+import { useRef as i, useState as C, useCallback as q, useEffect as y, useLayoutEffect as it } from "react";
+import { mergeRefs as st } from "../utils/mergeRefs.js";
 import { createSpringAnimator as at } from "../utils/spring/animator.js";
 import { resolveOcMotion as ut } from "../utils/motion.js";
 const V = "block-size";
-function lt(t, n) {
-  typeof t == "function" ? t(n) : t && (t.current = n);
-}
 function A(t) {
   const n = i(t);
   return y(() => {
@@ -21,7 +19,7 @@ function dt() {
     return c(), r.addEventListener("change", c), () => r.removeEventListener("change", c);
   }, []), t;
 }
-function ft(t) {
+function lt(t) {
   if (!t) return 0;
   const n = t.getBoundingClientRect().height;
   return Math.max(0, n || t.scrollHeight);
@@ -29,16 +27,16 @@ function ft(t) {
 function U(t) {
   return t ? Math.max(0, t.getBoundingClientRect().height) : 0;
 }
-function mt(t, n) {
-  return n === "rendered" ? U(t) : ft(t);
+function ft(t, n) {
+  return n === "rendered" ? U(t) : lt(t);
 }
 function j(t) {
   return `${Math.max(0, t).toFixed(3)}px`;
 }
-function ht(t, n) {
-  const r = A(n), [c, d] = C(t), u = i(t), f = q(
+function mt(t, n) {
+  const r = A(n), [c, l] = C(t), u = i(t), f = q(
     (s) => {
-      u.current !== s && (u.current = s, d(s), r.current?.(s));
+      u.current !== s && (u.current = s, l(s), r.current?.(s));
     },
     [r]
   );
@@ -49,12 +47,12 @@ function Mt({
   className: n = "",
   contentProps: r,
   disableAnimation: c = !1,
-  durationFactor: d = 1,
+  durationFactor: l = 1,
   extraBounce: u,
   enterPhase: f = "enter",
   exitPhase: s = "exit",
-  forceMount: l = !1,
-  intent: R = "expand",
+  forceMount: d = !1,
+  intent: g = "expand",
   measureBlockSize: z = "content",
   onExitComplete: W,
   onMotionStateChange: Y,
@@ -67,7 +65,7 @@ function Mt({
   "data-oc-component": D = "motion-expand",
   ...F
 }) {
-  const E = i(null), B = i(null), a = i(null), G = i(o || l), I = i(!1), g = dt(), [m, J] = C(() => o || l), S = i(m), O = A(W), { motionState: K, setMotionState: h } = ht(
+  const E = i(null), B = i(null), a = i(null), G = i(o || d), I = i(!1), R = dt(), [m, J] = C(() => o || d), S = i(m), O = A(W), { motionState: K, setMotionState: h } = mt(
     o ? "open" : "closed",
     Y
   ), {
@@ -75,14 +73,12 @@ function Mt({
     style: X,
     "data-oc-part": Z = "content",
     ...tt
-  } = r ?? {}, w = o || m || l, et = {
+  } = r ?? {}, w = o || m || d, et = {
     ...$,
     overflow: "hidden"
   }, p = q((e) => {
     S.current = e, J(e);
-  }, []), nt = (e) => {
-    E.current = e, lt(_, e);
-  };
+  }, []);
   return y(() => {
     S.current = m;
   }, [m]), y(
@@ -90,28 +86,28 @@ function Mt({
       a.current?.destroy(), a.current = null;
     },
     []
-  ), st(() => {
+  ), it(() => {
     if (!w) return;
     const e = E.current, P = B.current;
     if (!e || !P) return;
-    const ot = S.current, N = o ? mt(P, z) : 0, T = ut({
+    const nt = S.current, N = o ? ft(P, z) : 0, T = ut({
       element: e,
-      intent: R,
+      intent: g,
       phase: o ? f : s,
       pace: b,
-      durationFactor: d,
+      durationFactor: l,
       extraBounce: u,
       reduced: x,
-      reducedMotion: g,
+      reducedMotion: R,
       property: V
-    }), rt = !I.current && G.current, ct = !c && !rt && T.animate, M = () => {
+    }), ot = !I.current && G.current, rt = !c && !ot && T.animate, M = () => {
       if (e.style.willChange = "", o) {
         e.style.blockSize = "auto", h("open"), p(!0);
         return;
       }
-      e.style.blockSize = "0px", h("closed"), l || p(!1), O.current?.();
+      e.style.blockSize = "0px", h("closed"), d || p(!1), O.current?.();
     };
-    if (a.current?.destroy(), a.current = null, o && !ot && (e.style.blockSize = "0px", p(!0)), I.current = !0, !ct) {
+    if (a.current?.destroy(), a.current = null, o && !nt && (e.style.blockSize = "0px", p(!0)), I.current = !0, !rt) {
       M();
       return;
     }
@@ -127,8 +123,8 @@ function Mt({
       spring: T.spring,
       scheduler: L,
       stabilityWindow: 0.02,
-      onUpdate: (it) => {
-        e.style.blockSize = j(it);
+      onUpdate: (ct) => {
+        e.style.blockSize = j(ct);
       },
       onComplete: M
     });
@@ -137,18 +133,18 @@ function Mt({
     };
   }, [
     c,
-    d,
+    l,
     u,
     f,
     s,
-    l,
-    R,
+    d,
+    g,
     z,
     O,
     o,
     b,
     x,
-    g,
+    R,
     L,
     p,
     h,
@@ -157,13 +153,13 @@ function Mt({
     "div",
     {
       ...F,
-      ref: nt,
+      ref: st(E, _),
       className: n,
       style: et,
       "data-oc-component": D,
-      "data-oc-motion-intent": R,
+      "data-oc-motion-intent": g,
       "data-oc-motion-state": K,
-      "data-oc-reduced-motion": g ? "true" : void 0,
+      "data-oc-reduced-motion": R ? "true" : void 0,
       "data-oc-state": o ? "open" : "closed",
       children: /* @__PURE__ */ H(
         "div",

package/dist/reset.css

@@ -1,2 +1,2 @@
-@layer oc-reset{*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{min-height:100dvh}body,h1,h2,h3,h4,h5,h6,p,ul,figure,blockquote,dl,dd,input{margin:0}h1,h2,h3,h4,h5,h6,input,button,textarea,select,label{font:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance}ul,ol{list-style:none;padding:0}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}a:visited{color:currentColor}img,picture{max-width:100%;display:block;object-fit:cover}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}svg{fill:currentColor;stroke:rgba(0,0,0,0)}textarea,button{padding:0;appearance:none}button:focus-visible{outline:none}textarea,input[type=text]{color:currentColor;background-color:rgba(0,0,0,0)}input:not(input:-webkit-autofill)::-webkit-contacts-auto-fill-button{background-color:currentColor}iframe,textarea,button{border:none}
+@layer oc-reset{*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{min-height:100dvh}body,h1,h2,h3,h4,h5,h6,p,ul,figure,blockquote,dl,dd,input{margin:0}h1,h2,h3,h4,h5,h6,input,button,textarea,select,label{font:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance}ul,ol{list-style:none;padding:0}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}a:visited{color:currentColor}img,picture{max-width:100%;display:block;object-fit:cover}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}svg{fill:currentColor;stroke:rgba(0,0,0,0)}textarea,button{padding:0;appearance:none}:where(button,a[href],summary,[tabindex]):where(:focus-visible){outline:var(--oc-focus-ring-width) solid var(--oc-color-theme-focus-ring);outline-offset:var(--oc-focus-ring-offset)}textarea,input[type=text]{color:currentColor;background-color:rgba(0,0,0,0)}input:not(input:-webkit-autofill)::-webkit-contacts-auto-fill-button{background-color:currentColor}iframe,textarea,button{border:none}
 }