@forgedevstack/bear 1.0.9 → 1.1.1

package/dist/components/ResizableTextarea/ResizableTextarea.types.d.ts

@@ -0,0 +1,15 @@
+import { TextareaHTMLAttributes } from 'react';
+export interface ResizableTextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'style'> {
+    /** Minimum height in pixels */
+    minHeight?: number;
+    /** Maximum height in pixels (0 = unbounded) */
+    maxHeight?: number;
+    /** Allow user to resize by dragging the handle */
+    resizable?: boolean;
+    /** Class name for the wrapper */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Test ID */
+    testId?: string;
+}

package/dist/components/ResizableTextarea/index.d.ts

@@ -0,0 +1,2 @@
+export { ResizableTextarea } from './ResizableTextarea';
+export type { ResizableTextareaProps } from './ResizableTextarea.types';

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/dist/components/Typography/Typography.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),i=require("react"),W=require("../../utils/cn.cjs"),L=require("../../context/BearProvider.cjs"),N={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",caption:"span",overline:"span",code:"code",inherit:"span"},H={h1:"bear-text-5xl bear-font-bold bear-tracking-tight",h2:"bear-text-4xl bear-font-bold bear-tracking-tight",h3:"bear-text-3xl bear-font-semibold",h4:"bear-text-2xl bear-font-semibold",h5:"bear-text-xl bear-font-medium",h6:"bear-text-lg bear-font-medium",subtitle1:"bear-text-lg bear-font-normal",subtitle2:"bear-text-base bear-font-medium",body1:"bear-text-base bear-font-normal",body2:"bear-text-sm bear-font-normal",caption:"bear-text-xs",overline:"bear-text-xs bear-uppercase bear-tracking-wider",code:"bear-text-sm bear-font-mono bear-bg-gray-100 dark:bear-bg-gray-800 bear-px-1.5 bear-py-0.5 bear-rounded",inherit:""},R={thin:"bear-font-thin",light:"bear-font-light",normal:"bear-font-normal",medium:"bear-font-medium",semibold:"bear-font-semibold",bold:"bear-font-bold",extrabold:"bear-font-extrabold"},j={thin:100,light:300,normal:400,medium:500,semibold:600,bold:700,extrabold:800},w={left:"bear-text-left",center:"bear-text-center",right:"bear-text-right",justify:"bear-text-justify"},y={primary:"bear-text-gray-900 dark:bear-text-gray-100",secondary:"bear-text-gray-600 dark:bear-text-gray-400",muted:"bear-text-gray-400 dark:bear-text-gray-500",success:"bear-text-green-600 dark:bear-text-green-400",danger:"bear-text-red-600 dark:bear-text-red-400",warning:"bear-text-amber-600 dark:bear-text-amber-400"},M={tight:"bear-leading-tight",normal:"bear-leading-normal",relaxed:"bear-leading-relaxed",loose:"bear-leading-loose"},q=["h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","caption","overline","code","inherit"],G=({variant:t="body1",component:s,align:h,weight:d,color:o="primary",truncate:l=!1,maxLines:b,italic:m=!1,underline:u=!1,strikethrough:c=!1,noWrap:p=!1,inline:x=!1,paragraph:S=!1,lineHeight:f,children:T,className:k,style:A,testId:C,...B})=>{const r=i.useContext(L.BearContext),n=q.includes(t),e=i.useMemo(()=>{if(!(n||!(r!=null&&r.customTypography)))return r.customTypography[t]},[n,r==null?void 0:r.customTypography,t]),I=i.useMemo(()=>s||(e!=null&&e.component?e.component:n?N[t]:"span"),[s,e,n,t]),g=o&&!y[o],E=i.useMemo(()=>{if(!e)return{};const a={};return e.fontSize&&(a.fontSize=e.fontSize),e.lineHeight&&(a.lineHeight=e.lineHeight),e.letterSpacing&&(a.letterSpacing=e.letterSpacing),e.textTransform&&(a.textTransform=e.textTransform),e.fontFamily&&(a.fontFamily=e.fontFamily),e.fontWeight&&(a.fontWeight=typeof e.fontWeight=="number"?e.fontWeight:j[e.fontWeight]||400),a},[e]);return _.jsx(I,{className:W.cn("Bear-Typography",`Bear-Typography--${t}`,n&&H[t],d&&R[d],h&&w[h],!g&&o&&y[o],f&&M[f],m&&"Bear-Typography--italic bear-italic",u&&"Bear-Typography--underline bear-underline",c&&"Bear-Typography--strikethrough bear-line-through",p&&"bear-whitespace-nowrap",x&&"bear-inline",S&&"bear-mb-4",l&&!b&&"Bear-Typography--truncate bear-truncate",l&&b&&"bear-overflow-hidden",k),style:{...E,...A,...g&&{color:o},...l&&b&&{display:"-webkit-box",WebkitLineClamp:b,WebkitBoxOrient:"vertical"}},"data-testid":C,...B,children:T})};exports.Typography=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),c=require("react"),O=require("../../context/BearProvider.cjs"),q=require("../GradientText/GradientText.cjs"),v=require("../Typewriter/Typewriter.cjs"),r=require("./Typography.const.cjs"),G=require("../../utils/cn.cjs"),j=A=>{const{variant:t=r.DEFAULT_VARIANT,component:u,align:f,weight:g,color:a=r.DEFAULT_COLOR,truncate:y=!1,maxLines:l,italic:C=!1,underline:b=!1,strikethrough:L=!1,noWrap:_=!1,inline:S=!1,paragraph:x=!1,lineHeight:T,gradient:p,typewriter:n,children:E,className:I,style:B,testId:N,...W}=A,i=c.useContext(O.BearContext),s=r.BUILT_IN_VARIANTS.includes(t),e=c.useMemo(()=>{if(!(s||!(i!=null&&i.customTypography)))return i.customTypography[t]},[s,i==null?void 0:i.customTypography,t]),w=c.useMemo(()=>u||(e!=null&&e.component?e.component:s?r.VARIANT_MAP[t]:"span"),[u,e,s,t]),d=a&&!(a in r.COLOR_CLASSES),R=c.useMemo(()=>{if(!e)return{};const o={};return e.fontSize&&(o.fontSize=e.fontSize),e.lineHeight&&(o.lineHeight=e.lineHeight),e.letterSpacing&&(o.letterSpacing=e.letterSpacing),e.textTransform&&(o.textTransform=e.textTransform),e.fontFamily&&(o.fontFamily=e.fontFamily),e.fontWeight&&(o.fontWeight=typeof e.fontWeight=="number"?e.fontWeight:r.WEIGHT_VALUES[e.fontWeight]||400),o},[e]),m=n?h.jsx(v.Typewriter,{text:n.texts,loop:n.loop??!0,speed:n.speed,deleteSpeed:n.deleteSpeed,cursor:n.cursor??!0,cursorChar:n.cursorChar,as:"span"}):E,H=p&&Array.isArray(p)&&p.length>=2?h.jsx(q.GradientText,{colors:p,className:S?"bear-inline":void 0,children:m}):m;return h.jsx(w,{className:G.cn("Bear-Typography",`Bear-Typography--${t}`,s&&r.VARIANT_CLASSES[t],g&&r.WEIGHT_CLASSES[g],f&&r.ALIGN_CLASSES[f],!d&&a&&r.COLOR_CLASSES[a],T&&r.LINE_HEIGHT_CLASSES[T],C&&"Bear-Typography--italic bear-italic",b&&"Bear-Typography--underline bear-underline",L&&"Bear-Typography--strikethrough bear-line-through",_&&"bear-whitespace-nowrap",S&&"bear-inline",x&&"bear-mb-4",y&&!l&&"Bear-Typography--truncate bear-truncate",y&&l&&"bear-overflow-hidden",I),style:{...R,...B,...d&&{color:a},...y&&l&&{display:"-webkit-box",WebkitLineClamp:l,WebkitBoxOrient:"vertical"}},"data-testid":N,...W,children:H})};exports.Typography=j;

package/dist/components/Typography/Typography.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="body1",t="primary",r={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",caption:"span",overline:"span",code:"code",inherit:"span"},a={h1:"bear-text-5xl bear-font-bold bear-tracking-tight",h2:"bear-text-4xl bear-font-bold bear-tracking-tight",h3:"bear-text-3xl bear-font-semibold",h4:"bear-text-2xl bear-font-semibold",h5:"bear-text-xl bear-font-medium",h6:"bear-text-lg bear-font-medium",subtitle1:"bear-text-lg bear-font-normal",subtitle2:"bear-text-base bear-font-medium",body1:"bear-text-base bear-font-normal",body2:"bear-text-sm bear-font-normal",caption:"bear-text-xs",overline:"bear-text-xs bear-uppercase bear-tracking-wider",code:"bear-text-sm bear-font-mono bear-bg-gray-100 dark:bear-bg-gray-800 bear-px-1.5 bear-py-0.5 bear-rounded",inherit:""},b={thin:"bear-font-thin",light:"bear-font-light",normal:"bear-font-normal",medium:"bear-font-medium",semibold:"bear-font-semibold",bold:"bear-font-bold",extrabold:"bear-font-extrabold"},o={thin:100,light:300,normal:400,medium:500,semibold:600,bold:700,extrabold:800},n={left:"bear-text-left",center:"bear-text-center",right:"bear-text-right",justify:"bear-text-justify"},i={primary:"bear-text-gray-900 dark:bear-text-gray-100",secondary:"bear-text-gray-600 dark:bear-text-gray-400",muted:"bear-text-gray-400 dark:bear-text-gray-500",success:"bear-text-green-600 dark:bear-text-green-400",danger:"bear-text-red-600 dark:bear-text-red-400",warning:"bear-text-amber-600 dark:bear-text-amber-400"},d={tight:"bear-leading-tight",normal:"bear-leading-normal",relaxed:"bear-leading-relaxed",loose:"bear-leading-loose"},l=["h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","caption","overline","code","inherit"];exports.ALIGN_CLASSES=n;exports.BUILT_IN_VARIANTS=l;exports.COLOR_CLASSES=i;exports.DEFAULT_COLOR=t;exports.DEFAULT_VARIANT=e;exports.LINE_HEIGHT_CLASSES=d;exports.VARIANT_CLASSES=a;exports.VARIANT_MAP=r;exports.WEIGHT_CLASSES=b;exports.WEIGHT_VALUES=o;

package/dist/components/Typography/Typography.const.d.ts

@@ -0,0 +1,22 @@
+import { ElementType } from 'react';
+import { BuiltInTypographyVariant } from './Typography.types';
+/** Default variant when not specified */
+export declare const DEFAULT_VARIANT: BuiltInTypographyVariant;
+/** Default color when not specified */
+export declare const DEFAULT_COLOR = "primary";
+/** Map from built-in variant to HTML element type */
+export declare const VARIANT_MAP: Record<BuiltInTypographyVariant, ElementType>;
+/** Tailwind classes per built-in variant (supports dark mode) */
+export declare const VARIANT_CLASSES: Record<BuiltInTypographyVariant, string>;
+/** Font weight class names */
+export declare const WEIGHT_CLASSES: Record<string, string>;
+/** Numeric font weight values */
+export declare const WEIGHT_VALUES: Record<string, number>;
+/** Text alignment classes */
+export declare const ALIGN_CLASSES: Record<string, string>;
+/** Text color classes (light and dark mode) */
+export declare const COLOR_CLASSES: Record<string, string>;
+/** Line height classes */
+export declare const LINE_HEIGHT_CLASSES: Record<string, string>;
+/** List of built-in variant names for validation */
+export declare const BUILT_IN_VARIANTS: BuiltInTypographyVariant[];

package/dist/components/Typography/Typography.const.js

@@ -0,0 +1,91 @@
+const e = "body1", t = "primary", r = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  subtitle1: "h6",
+  subtitle2: "h6",
+  body1: "p",
+  body2: "p",
+  caption: "span",
+  overline: "span",
+  code: "code",
+  inherit: "span"
+}, a = {
+  h1: "bear-text-5xl bear-font-bold bear-tracking-tight",
+  h2: "bear-text-4xl bear-font-bold bear-tracking-tight",
+  h3: "bear-text-3xl bear-font-semibold",
+  h4: "bear-text-2xl bear-font-semibold",
+  h5: "bear-text-xl bear-font-medium",
+  h6: "bear-text-lg bear-font-medium",
+  subtitle1: "bear-text-lg bear-font-normal",
+  subtitle2: "bear-text-base bear-font-medium",
+  body1: "bear-text-base bear-font-normal",
+  body2: "bear-text-sm bear-font-normal",
+  caption: "bear-text-xs",
+  overline: "bear-text-xs bear-uppercase bear-tracking-wider",
+  code: "bear-text-sm bear-font-mono bear-bg-gray-100 dark:bear-bg-gray-800 bear-px-1.5 bear-py-0.5 bear-rounded",
+  inherit: ""
+}, b = {
+  thin: "bear-font-thin",
+  light: "bear-font-light",
+  normal: "bear-font-normal",
+  medium: "bear-font-medium",
+  semibold: "bear-font-semibold",
+  bold: "bear-font-bold",
+  extrabold: "bear-font-extrabold"
+}, o = {
+  thin: 100,
+  light: 300,
+  normal: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700,
+  extrabold: 800
+}, n = {
+  left: "bear-text-left",
+  center: "bear-text-center",
+  right: "bear-text-right",
+  justify: "bear-text-justify"
+}, i = {
+  primary: "bear-text-gray-900 dark:bear-text-gray-100",
+  secondary: "bear-text-gray-600 dark:bear-text-gray-400",
+  muted: "bear-text-gray-400 dark:bear-text-gray-500",
+  success: "bear-text-green-600 dark:bear-text-green-400",
+  danger: "bear-text-red-600 dark:bear-text-red-400",
+  warning: "bear-text-amber-600 dark:bear-text-amber-400"
+}, d = {
+  tight: "bear-leading-tight",
+  normal: "bear-leading-normal",
+  relaxed: "bear-leading-relaxed",
+  loose: "bear-leading-loose"
+}, l = [
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "subtitle1",
+  "subtitle2",
+  "body1",
+  "body2",
+  "caption",
+  "overline",
+  "code",
+  "inherit"
+];
+export {
+  n as ALIGN_CLASSES,
+  l as BUILT_IN_VARIANTS,
+  i as COLOR_CLASSES,
+  t as DEFAULT_COLOR,
+  e as DEFAULT_VARIANT,
+  d as LINE_HEIGHT_CLASSES,
+  a as VARIANT_CLASSES,
+  r as VARIANT_MAP,
+  b as WEIGHT_CLASSES,
+  o as WEIGHT_VALUES
+};

package/dist/components/Typography/Typography.js

@@ -1,152 +1,89 @@
-import { jsx as _ } from "react/jsx-runtime";
-import { useContext as W, useMemo as s } from "react";
-import { cn as L } from "../../utils/cn.js";
-import { BearContext as N } from "../../context/BearProvider.js";
-const H = {
-  h1: "h1",
-  h2: "h2",
-  h3: "h3",
-  h4: "h4",
-  h5: "h5",
-  h6: "h6",
-  subtitle1: "h6",
-  subtitle2: "h6",
-  body1: "p",
-  body2: "p",
-  caption: "span",
-  overline: "span",
-  code: "code",
-  inherit: "span"
-}, w = {
-  h1: "bear-text-5xl bear-font-bold bear-tracking-tight",
-  h2: "bear-text-4xl bear-font-bold bear-tracking-tight",
-  h3: "bear-text-3xl bear-font-semibold",
-  h4: "bear-text-2xl bear-font-semibold",
-  h5: "bear-text-xl bear-font-medium",
-  h6: "bear-text-lg bear-font-medium",
-  subtitle1: "bear-text-lg bear-font-normal",
-  subtitle2: "bear-text-base bear-font-medium",
-  body1: "bear-text-base bear-font-normal",
-  body2: "bear-text-sm bear-font-normal",
-  caption: "bear-text-xs",
-  overline: "bear-text-xs bear-uppercase bear-tracking-wider",
-  code: "bear-text-sm bear-font-mono bear-bg-gray-100 dark:bear-bg-gray-800 bear-px-1.5 bear-py-0.5 bear-rounded",
-  inherit: ""
-  // Inherits all styles from parent
-}, G = {
-  thin: "bear-font-thin",
-  light: "bear-font-light",
-  normal: "bear-font-normal",
-  medium: "bear-font-medium",
-  semibold: "bear-font-semibold",
-  bold: "bear-font-bold",
-  extrabold: "bear-font-extrabold"
-}, R = {
-  thin: 100,
-  light: 300,
-  normal: 400,
-  medium: 500,
-  semibold: 600,
-  bold: 700,
-  extrabold: 800
-}, V = {
-  left: "bear-text-left",
-  center: "bear-text-center",
-  right: "bear-text-right",
-  justify: "bear-text-justify"
-}, g = {
-  primary: "bear-text-gray-900 dark:bear-text-gray-100",
-  secondary: "bear-text-gray-600 dark:bear-text-gray-400",
-  muted: "bear-text-gray-400 dark:bear-text-gray-500",
-  success: "bear-text-green-600 dark:bear-text-green-400",
-  danger: "bear-text-red-600 dark:bear-text-red-400",
-  warning: "bear-text-amber-600 dark:bear-text-amber-400"
-}, j = {
-  tight: "bear-leading-tight",
-  normal: "bear-leading-normal",
-  relaxed: "bear-leading-relaxed",
-  loose: "bear-leading-loose"
-}, z = [
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "h5",
-  "h6",
-  "subtitle1",
-  "subtitle2",
-  "body1",
-  "body2",
-  "caption",
-  "overline",
-  "code",
-  "inherit"
-], P = ({
-  variant: t = "body1",
-  component: i,
-  align: h,
-  weight: d,
-  color: o = "primary",
-  truncate: l = !1,
-  maxLines: b,
-  italic: p = !1,
-  underline: y = !1,
-  strikethrough: x = !1,
-  noWrap: u = !1,
-  inline: c = !1,
-  paragraph: S = !1,
-  lineHeight: f,
-  children: T,
-  className: k,
-  style: A,
-  testId: C,
-  ...I
-}) => {
-  const r = W(N), n = z.includes(t), e = s(() => {
-    if (!(n || !(r != null && r.customTypography)))
-      return r.customTypography[t];
-  }, [n, r == null ? void 0 : r.customTypography, t]), B = s(() => i || (e != null && e.component ? e.component : n ? H[t] : "span"), [i, e, n, t]), m = o && !g[o], E = s(() => {
+import { jsx as c } from "react/jsx-runtime";
+import { useContext as k, useMemo as m } from "react";
+import { BearContext as v } from "../../context/BearProvider.js";
+import { GradientText as F } from "../GradientText/GradientText.js";
+import { Typewriter as G } from "../Typewriter/Typewriter.js";
+import { DEFAULT_VARIANT as O, DEFAULT_COLOR as V, VARIANT_MAP as U, WEIGHT_VALUES as z, LINE_HEIGHT_CLASSES as D, COLOR_CLASSES as T, ALIGN_CLASSES as M, WEIGHT_CLASSES as j, VARIANT_CLASSES as P, BUILT_IN_VARIANTS as $ } from "./Typography.const.js";
+import { cn as q } from "../../utils/cn.js";
+const re = (A) => {
+  const {
+    variant: r = O,
+    component: l,
+    align: h,
+    weight: u,
+    color: i = V,
+    truncate: f = !1,
+    maxLines: s,
+    italic: C = !1,
+    underline: b = !1,
+    strikethrough: L = !1,
+    noWrap: I = !1,
+    inline: y = !1,
+    paragraph: E = !1,
+    lineHeight: g,
+    gradient: p,
+    typewriter: t,
+    children: _,
+    className: x,
+    style: B,
+    testId: N,
+    ...W
+  } = A, n = k(v), a = $.includes(r), e = m(() => {
+    if (!(a || !(n != null && n.customTypography)))
+      return n.customTypography[r];
+  }, [a, n == null ? void 0 : n.customTypography, r]), w = m(() => l || (e != null && e.component ? e.component : a ? U[r] : "span"), [l, e, a, r]), S = i && !(i in T), H = m(() => {
     if (!e) return {};
-    const a = {};
-    return e.fontSize && (a.fontSize = e.fontSize), e.lineHeight && (a.lineHeight = e.lineHeight), e.letterSpacing && (a.letterSpacing = e.letterSpacing), e.textTransform && (a.textTransform = e.textTransform), e.fontFamily && (a.fontFamily = e.fontFamily), e.fontWeight && (a.fontWeight = typeof e.fontWeight == "number" ? e.fontWeight : R[e.fontWeight] || 400), a;
-  }, [e]);
-  return /* @__PURE__ */ _(
-    B,
+    const o = {};
+    return e.fontSize && (o.fontSize = e.fontSize), e.lineHeight && (o.lineHeight = e.lineHeight), e.letterSpacing && (o.letterSpacing = e.letterSpacing), e.textTransform && (o.textTransform = e.textTransform), e.fontFamily && (o.fontFamily = e.fontFamily), e.fontWeight && (o.fontWeight = typeof e.fontWeight == "number" ? e.fontWeight : z[e.fontWeight] || 400), o;
+  }, [e]), d = t ? /* @__PURE__ */ c(
+    G,
     {
-      className: L(
+      text: t.texts,
+      loop: t.loop ?? !0,
+      speed: t.speed,
+      deleteSpeed: t.deleteSpeed,
+      cursor: t.cursor ?? !0,
+      cursorChar: t.cursorChar,
+      as: "span"
+    }
+  ) : _, R = p && Array.isArray(p) && p.length >= 2 ? /* @__PURE__ */ c(F, { colors: p, className: y ? "bear-inline" : void 0, children: d }) : d;
+  return /* @__PURE__ */ c(
+    w,
+    {
+      className: q(
         "Bear-Typography",
-        `Bear-Typography--${t}`,
-        n && w[t],
-        d && G[d],
-        h && V[h],
-        !m && o && g[o],
-        f && j[f],
-        p && "Bear-Typography--italic bear-italic",
-        y && "Bear-Typography--underline bear-underline",
-        x && "Bear-Typography--strikethrough bear-line-through",
-        u && "bear-whitespace-nowrap",
-        c && "bear-inline",
-        S && "bear-mb-4",
-        l && !b && "Bear-Typography--truncate bear-truncate",
-        l && b && "bear-overflow-hidden",
-        k
+        `Bear-Typography--${r}`,
+        a && P[r],
+        u && j[u],
+        h && M[h],
+        !S && i && T[i],
+        g && D[g],
+        C && "Bear-Typography--italic bear-italic",
+        b && "Bear-Typography--underline bear-underline",
+        L && "Bear-Typography--strikethrough bear-line-through",
+        I && "bear-whitespace-nowrap",
+        y && "bear-inline",
+        E && "bear-mb-4",
+        f && !s && "Bear-Typography--truncate bear-truncate",
+        f && s && "bear-overflow-hidden",
+        x
       ),
       style: {
-        ...E,
-        ...A,
-        ...m && { color: o },
-        ...l && b && {
+        ...H,
+        ...B,
+        ...S && { color: i },
+        ...f && s && {
           display: "-webkit-box",
-          WebkitLineClamp: b,
+          WebkitLineClamp: s,
           WebkitBoxOrient: "vertical"
         }
       },
-      "data-testid": C,
-      ...I,
-      children: T
+      "data-testid": N,
+      ...W,
+      children: R
     }
   );
 };
 export {
-  P as Typography
+  re as Typography
 };

package/dist/components/Typography/Typography.types.d.ts

@@ -57,6 +57,23 @@ export interface TypographyProps extends HTMLAttributes<HTMLElement> {
     paragraph?: boolean;
     /** Custom line height */
     lineHeight?: 'tight' | 'normal' | 'relaxed' | 'loose';
+    /**
+     * Gradient text (grid-table portal style). Wraps content in GradientText with these colors.
+     * @example gradient={['#22c55e', '#16a34a']}
+     */
+    gradient?: [string, string] | string[];
+    /**
+     * Typewriter effect (grid-table portal style). Cycles through texts with typing animation.
+     * When set, children are ignored and typewriter texts are used.
+     */
+    typewriter?: {
+        texts: string[];
+        loop?: boolean;
+        speed?: number;
+        deleteSpeed?: number;
+        cursor?: boolean;
+        cursorChar?: string;
+    };
     /** Content */
     children?: ReactNode;
     /** Test ID */