@forgedevstack/bear 1.1.0 → 1.1.1

package/dist/components/Typewriter/Typewriter.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),t=require("react"),R=require("../../utils/cn.cjs"),r=require("./Typewriter.const.cjs"),X=b=>{const{text:f,speed:i=r.DEFAULT_SPEED,startDelay:N=r.DEFAULT_START_DELAY,deleteDelay:x=r.DEFAULT_DELETE_DELAY,deleteSpeed:d=r.DEFAULT_DELETE_SPEED,loop:_=!1,cursor:I=!0,cursorChar:h=r.DEFAULT_CURSOR_CHAR,cursorBlinkSpeed:A=r.DEFAULT_CURSOR_BLINK_SPEED,onComplete:n,onWordComplete:o,as:g="span",className:U,style:j,testId:w}=b,u=Array.isArray(f)?f:[f],[F,m]=t.useState(""),[a,p]=t.useState(r.INITIAL_TEXT_INDEX),[l,S]=t.useState(r.INITIAL_CHAR_INDEX),[E,L]=t.useState(!1),[v,B]=t.useState(!0),e=t.useRef(),D=t.useRef(!1);t.useEffect(()=>{if(!I)return;const T=setInterval(()=>B(s=>!s),A);return()=>clearInterval(T)},[I,A]);const c=t.useCallback(()=>{const T=u[a];if(E)if(l>0)S(s=>s-1),m(T.slice(0,l-1)),e.current=setTimeout(c,d);else{L(!1);const s=a+1;s>=u.length?_?(p(r.INITIAL_TEXT_INDEX),e.current=setTimeout(c,i)):n==null||n():(p(s),e.current=setTimeout(c,i))}else if(l<T.length)m(T.slice(0,l+1)),S(s=>s+1),e.current=setTimeout(c,i);else{if(o==null||o(a),u.length===1&&!_){n==null||n();return}e.current=setTimeout(()=>{L(!0),c()},x)}},[u,a,l,E,i,d,x,_,n,o]);return t.useEffect(()=>{if(!D.current)return D.current=!0,e.current=setTimeout(c,N),()=>{e.current&&clearTimeout(e.current)}},[]),t.useEffect(()=>{if(D.current)return e.current&&clearTimeout(e.current),e.current=setTimeout(c,E?d:i),()=>{e.current&&clearTimeout(e.current)}},[E,a]),y.jsxs(g,{className:R.cn("Bear-Typewriter","bear-inline",U),style:j,"data-testid":w,"aria-label":u.join(", "),children:[y.jsx("span",{className:"Bear-Typewriter__text",children:F}),I&&y.jsx("span",{className:R.cn("Bear-Typewriter__cursor","bear-inline-block bear-ml-0.5","bear-text-[var(--bear-primary-500)]"),style:{opacity:v?1:0},"aria-hidden":"true",children:h})]})};exports.Typewriter=X;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),t=require("react"),X=require("../../utils/cn.cjs"),e=require("./Typewriter.const.cjs"),k=g=>{const{text:I,speed:T=e.DEFAULT_SPEED,startDelay:C=e.DEFAULT_START_DELAY,deleteDelay:N=e.DEFAULT_DELETE_DELAY,deleteSpeed:R=e.DEFAULT_DELETE_SPEED,loop:d=!1,cursor:f=!0,cursorChar:U=e.DEFAULT_CURSOR_CHAR,cursorBlinkSpeed:y=e.DEFAULT_CURSOR_BLINK_SPEED,onComplete:n,onWordComplete:o,as:j="span",className:w,style:F,testId:H}=g,a=t.useMemo(()=>Array.isArray(I)?I:[I],[I]),[v,L]=t.useState(""),[p,S]=t.useState(e.INITIAL_TEXT_INDEX),[m,E]=t.useState(e.INITIAL_CHAR_INDEX),[b,h]=t.useState(!1),[B,q]=t.useState(!0),s=t.useRef(),_=t.useRef(p),c=t.useRef(m),D=t.useRef(b);_.current=p,c.current=m,D.current=b,t.useEffect(()=>{if(!f)return;const l=setInterval(()=>q(i=>!i),y);return()=>clearInterval(l)},[f,y]);const u=t.useCallback(()=>{const l=_.current,i=c.current,P=D.current,A=a[l];if(P)if(i>0){const r=i-1;E(r),c.current=r,L(A.slice(0,r)),s.current=setTimeout(u,R)}else{h(!1),D.current=!1;const r=l+1;r>=a.length?d?(S(e.INITIAL_TEXT_INDEX),_.current=e.INITIAL_TEXT_INDEX,E(e.INITIAL_CHAR_INDEX),c.current=e.INITIAL_CHAR_INDEX,s.current=setTimeout(u,T)):n==null||n():(S(r),_.current=r,E(e.INITIAL_CHAR_INDEX),c.current=e.INITIAL_CHAR_INDEX,s.current=setTimeout(u,T))}else if(i<A.length){const r=i+1;L(A.slice(0,r)),E(r),c.current=r,s.current=setTimeout(u,T)}else{if(o==null||o(l),a.length===1&&!d){n==null||n();return}s.current=setTimeout(()=>{h(!0),D.current=!0,u()},N)}},[a,T,R,N,d,n,o]);return t.useEffect(()=>(s.current=setTimeout(u,C),()=>{s.current&&clearTimeout(s.current)}),[]),x.jsxs(j,{className:X.cn("Bear-Typewriter","bear-inline",w),style:F,"data-testid":H,"aria-label":a.join(", "),children:[x.jsx("span",{className:"Bear-Typewriter__text",children:v}),f&&x.jsx("span",{className:X.cn("Bear-Typewriter__cursor","bear-inline-block bear-ml-0.5","bear-text-[var(--bear-primary-500)]"),style:{opacity:B?1:0},"aria-hidden":"true",children:U})]})};exports.Typewriter=k;

package/dist/components/Typewriter/Typewriter.js

@@ -1,82 +1,76 @@
-import { jsxs as P, jsx as b } from "react/jsx-runtime";
-import { useState as l, useRef as h, useEffect as _, useCallback as X } from "react";
-import { cn as R } from "../../utils/cn.js";
-import { DEFAULT_SPEED as H, DEFAULT_START_DELAY as O, DEFAULT_DELETE_DELAY as V, DEFAULT_DELETE_SPEED as Y, DEFAULT_CURSOR_CHAR as K, DEFAULT_CURSOR_BLINK_SPEED as q, INITIAL_TEXT_INDEX as N, INITIAL_CHAR_INDEX as z } from "./Typewriter.const.js";
-const Z = (S) => {
+import { jsxs as K, jsx as U } from "react/jsx-runtime";
+import { useMemo as M, useState as u, useRef as D, useEffect as F, useCallback as q } from "react";
+import { cn as B } from "../../utils/cn.js";
+import { DEFAULT_SPEED as z, DEFAULT_START_DELAY as G, DEFAULT_DELETE_DELAY as J, DEFAULT_DELETE_SPEED as Q, DEFAULT_CURSOR_CHAR as Z, DEFAULT_CURSOR_BLINK_SPEED as $, INITIAL_TEXT_INDEX as p, INITIAL_CHAR_INDEX as l } from "./Typewriter.const.js";
+const se = (v) => {
   const {
-    text: f,
-    speed: n = H,
-    startDelay: U = O,
-    deleteDelay: I = V,
-    deleteSpeed: E = Y,
-    loop: d = !1,
-    cursor: m = !0,
-    cursorChar: g = K,
-    cursorBlinkSpeed: p = q,
-    onComplete: t,
-    onWordComplete: o,
-    as: F = "span",
-    className: B,
-    style: v,
-    testId: w
-  } = S, i = Array.isArray(f) ? f : [f], [C, x] = l(""), [a, y] = l(N), [c, A] = l(z), [T, L] = l(!1), [j, k] = l(!0), e = h(), D = h(!1);
-  _(() => {
-    if (!m) return;
-    const u = setInterval(() => k((r) => !r), p);
-    return () => clearInterval(u);
-  }, [m, p]);
-  const s = X(() => {
-    const u = i[a];
-    if (T)
-      if (c > 0)
-        A((r) => r - 1), x(u.slice(0, c - 1)), e.current = setTimeout(s, E);
-      else {
-        L(!1);
-        const r = a + 1;
-        r >= i.length ? d ? (y(N), e.current = setTimeout(s, n)) : t == null || t() : (y(r), e.current = setTimeout(s, n));
+    text: o,
+    speed: T = z,
+    startDelay: w = G,
+    deleteDelay: y = J,
+    deleteSpeed: A = Q,
+    loop: I = !1,
+    cursor: _ = !0,
+    cursorChar: C = Z,
+    cursorBlinkSpeed: L = $,
+    onComplete: r,
+    onWordComplete: E,
+    as: j = "span",
+    className: k,
+    style: P,
+    testId: X
+  } = v, i = M(() => Array.isArray(o) ? o : [o], [o]), [H, R] = u(""), [h, b] = u(p), [N, d] = u(l), [S, g] = u(!1), [O, V] = u(!0), t = D(), f = D(h), s = D(N), x = D(S);
+  f.current = h, s.current = N, x.current = S, F(() => {
+    if (!_) return;
+    const a = setInterval(() => V((c) => !c), L);
+    return () => clearInterval(a);
+  }, [_, L]);
+  const n = q(() => {
+    const a = f.current, c = s.current, Y = x.current, m = i[a];
+    if (Y)
+      if (c > 0) {
+        const e = c - 1;
+        d(e), s.current = e, R(m.slice(0, e)), t.current = setTimeout(n, A);
+      } else {
+        g(!1), x.current = !1;
+        const e = a + 1;
+        e >= i.length ? I ? (b(p), f.current = p, d(l), s.current = l, t.current = setTimeout(n, T)) : r == null || r() : (b(e), f.current = e, d(l), s.current = l, t.current = setTimeout(n, T));
       }
-    else if (c < u.length)
-      x(u.slice(0, c + 1)), A((r) => r + 1), e.current = setTimeout(s, n);
-    else {
-      if (o == null || o(a), i.length === 1 && !d) {
-        t == null || t();
+    else if (c < m.length) {
+      const e = c + 1;
+      R(m.slice(0, e)), d(e), s.current = e, t.current = setTimeout(n, T);
+    } else {
+      if (E == null || E(a), i.length === 1 && !I) {
+        r == null || r();
         return;
       }
-      e.current = setTimeout(() => {
-        L(!0), s();
-      }, I);
+      t.current = setTimeout(() => {
+        g(!0), x.current = !0, n();
+      }, y);
     }
-  }, [i, a, c, T, n, E, I, d, t, o]);
-  return _(() => {
-    if (!D.current)
-      return D.current = !0, e.current = setTimeout(s, U), () => {
-        e.current && clearTimeout(e.current);
-      };
-  }, []), _(() => {
-    if (D.current)
-      return e.current && clearTimeout(e.current), e.current = setTimeout(s, T ? E : n), () => {
-        e.current && clearTimeout(e.current);
-      };
-  }, [T, a]), /* @__PURE__ */ P(
-    F,
+  }, [i, T, A, y, I, r, E]);
+  return F(() => (t.current = setTimeout(n, w), () => {
+    t.current && clearTimeout(t.current);
+  }), []), /* @__PURE__ */ K(
+    j,
     {
-      className: R("Bear-Typewriter", "bear-inline", B),
-      style: v,
-      "data-testid": w,
+      className: B("Bear-Typewriter", "bear-inline", k),
+      style: P,
+      "data-testid": X,
       "aria-label": i.join(", "),
       children: [
-        /* @__PURE__ */ b("span", { className: "Bear-Typewriter__text", children: C }),
-        m && /* @__PURE__ */ b(
+        /* @__PURE__ */ U("span", { className: "Bear-Typewriter__text", children: H }),
+        _ && /* @__PURE__ */ U(
           "span",
           {
-            className: R(
+            className: B(
               "Bear-Typewriter__cursor",
               "bear-inline-block bear-ml-0.5",
               "bear-text-[var(--bear-primary-500)]"
             ),
-            style: { opacity: j ? 1 : 0 },
+            style: { opacity: O ? 1 : 0 },
             "aria-hidden": "true",
-            children: g
+            children: C
           }
         )
       ]
@@ -84,5 +78,5 @@ const Z = (S) => {
   );
 };
 export {
-  Z as Typewriter
+  se as Typewriter
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forgedevstack/bear",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Strong, reliable React UI components. Tailwind-powered, zero config required. The protective force of ForgeStack.",
   "type": "module",
   "main": "./dist/index.cjs",