@forgedevstack/bear 1.2.9 → 1.3.1

package/dist/components/TreeView/TreeView.js

@@ -1,76 +1,51 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { useState as j, useCallback as M } from "react";
-import { cn as l } from "../../utils/cn.js";
-const V = ({ expanded: o, className: t }) => /* @__PURE__ */ r("svg", { className: l("bear-transition-transform", o && "bear-rotate-90", t), fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }), W = ({ open: o, className: t }) => /* @__PURE__ */ r("svg", { className: t, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: o ? /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 19a2 2 0 01-2-2V7a2 2 0 012-2h4l2 2h4a2 2 0 012 2v1M5 19h14a2 2 0 002-2v-5a2 2 0 00-2-2H9a2 2 0 00-2 2v5a2 2 0 01-2 2z" }) : /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z" }) }), P = ({
-  data: o,
-  onSelect: t,
-  onExpand: s,
-  selectedId: u,
-  defaultExpandedIds: g = [],
-  showCheckboxes: x = !1,
-  onCheck: d,
-  checkedIds: v = [],
-  className: k,
-  size: i = "md",
-  showLines: f = !1
-}) => {
-  const [y, N] = j(new Set(g)), w = M((e) => {
-    N((b) => {
-      const a = new Set(b);
-      return a.has(e) ? (a.delete(e), s == null || s(e, !1)) : (a.add(e), s == null || s(e, !0)), a;
-    });
-  }, [s]), c = {
-    sm: { text: "bear-text-xs", icon: "bear-w-3 bear-h-3", padding: "bear-py-0.5 bear-px-1", indent: 12 },
-    md: { text: "bear-text-sm", icon: "bear-w-4 bear-h-4", padding: "bear-py-1 bear-px-2", indent: 16 },
-    lg: { text: "bear-text-base", icon: "bear-w-5 bear-h-5", padding: "bear-py-1.5 bear-px-3", indent: 20 }
-  }, h = (e, b = 0) => {
-    const a = e.children && e.children.length > 0, p = y.has(e.id), L = u === e.id, C = v.includes(e.id);
-    return /* @__PURE__ */ m("div", { children: [
-      /* @__PURE__ */ m(
-        "div",
-        {
-          className: l(
-            "bear-flex bear-items-center bear-gap-1 bear-rounded bear-transition-colors bear-cursor-pointer",
-            c[i].padding,
-            c[i].text,
-            L ? "bear-bg-primary-500/20 bear-text-primary-400" : "bear-text-zinc-300 hover:bear-bg-zinc-700/50",
-            e.disabled && "bear-opacity-50 bear-cursor-not-allowed"
-          ),
-          style: { paddingLeft: b * c[i].indent + 8 },
-          onClick: () => !e.disabled && (t == null ? void 0 : t(e)),
-          children: [
-            a ? /* @__PURE__ */ r(
-              "button",
-              {
-                onClick: (n) => {
-                  n.stopPropagation(), w(e.id);
-                },
-                className: "bear-p-0.5 bear-rounded hover:bear-bg-zinc-600",
-                children: /* @__PURE__ */ r(V, { expanded: p, className: c[i].icon })
-              }
-            ) : /* @__PURE__ */ r("span", { className: l(c[i].icon, "bear-opacity-0") }),
-            x && /* @__PURE__ */ r(
-              "input",
-              {
-                type: "checkbox",
-                checked: C,
-                onChange: (n) => {
-                  n.stopPropagation(), d == null || d(e.id, n.target.checked);
-                },
-                className: "bear-accent-primary-500",
-                disabled: e.disabled
-              }
-            ),
-            e.icon || a && /* @__PURE__ */ r(W, { open: p, className: l(c[i].icon, "bear-text-yellow-500") }),
-            /* @__PURE__ */ r("span", { className: "bear-flex-1", children: e.label })
-          ]
-        }
-      ),
-      a && p && /* @__PURE__ */ r("div", { className: l(f && "bear-border-l bear-border-zinc-700 bear-ml-4"), children: e.children.map((n) => h(n, b + 1)) })
-    ] }, e.id);
-  };
-  return /* @__PURE__ */ r("div", { className: l("bear-select-none", k), children: o.map((e) => h(e)) });
+import { jsx as o } from "react/jsx-runtime";
+import { useState as N, useCallback as O } from "react";
+import { ZERO as T } from "../../constants/numbers.const.js";
+import { BOOLEAN_FALSE as s, SIZE_MD as k, BOOLEAN_TRUE as B } from "../../constants/generals.const.js";
+import { cn as L } from "../../utils/cn.js";
+import { Box as b } from "../Box/Box.js";
+import "../Button/Button.js";
+import { TreeViewNode as A } from "./components/TreeViewNode/TreeViewNode.js";
+const z = (m) => {
+  const {
+    data: c,
+    onSelect: i,
+    onExpand: t,
+    selectedId: a,
+    defaultExpandedIds: l = [],
+    showCheckboxes: p = s,
+    onCheck: d,
+    checkedIds: n = [],
+    className: f,
+    size: h = k,
+    showLines: w = s
+  } = m, [S, u] = N(new Set(l)), x = O(
+    (e) => {
+      u((E) => {
+        const r = new Set(E);
+        return r.has(e) ? (r.delete(e), t == null || t(e, s)) : (r.add(e), t == null || t(e, B)), r;
+      });
+    },
+    [t]
+  );
+  return /* @__PURE__ */ o(b, { className: L("Bear-TreeView bear-select-none", f), children: c.map((e) => /* @__PURE__ */ o(
+    A,
+    {
+      node: e,
+      depth: T,
+      size: h,
+      selectedId: a,
+      checkedIds: n,
+      expandedIds: S,
+      showCheckboxes: p,
+      showLines: w,
+      onSelect: i,
+      onCheck: d,
+      onToggle: x
+    },
+    e.id
+  )) });
 };
 export {
-  P as TreeView
+  z as TreeView
 };

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

@@ -7,6 +7,32 @@ export interface TreeNode {
     disabled?: boolean;
     data?: unknown;
 }
+export interface TreeViewExpandControlProps {
+    hasChildren: boolean;
+    isExpanded: boolean;
+    nodeId: string;
+    iconClassName: string;
+    onToggle: (nodeId: string) => void;
+}
+export interface TreeViewNodeIconProps {
+    icon?: ReactNode;
+    hasChildren: boolean;
+    isExpanded: boolean;
+    iconClassName: string;
+}
+export interface TreeViewNodeProps {
+    node: TreeNode;
+    depth: number;
+    size: NonNullable<TreeViewProps['size']>;
+    selectedId?: string;
+    checkedIds: string[];
+    expandedIds: Set<string>;
+    showCheckboxes: boolean;
+    showLines: boolean;
+    onSelect?: (node: TreeNode) => void;
+    onCheck?: (nodeId: string, checked: boolean) => void;
+    onToggle: (nodeId: string) => void;
+}
 export interface TreeViewProps {
     testId?: string;
     id?: string;

package/dist/components/TreeView/components/TreeViewExpandControl/TreeViewExpandControl.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../../Box/Box.cjs"),l=require("../../../Button/Button.cjs"),d=require("../../../Icon/index.cjs"),n=require("../../../../utils/cn.cjs");require("react");const b=o=>{const{hasChildren:t,isExpanded:a,nodeId:i,iconClassName:r,onToggle:s}=o;return t?e.jsx(l.Button,{type:"button",variant:"ghost",iconOnly:!0,className:"bear-p-0.5 bear-rounded hover:bear-bg-zinc-600",onClick:c=>{c.stopPropagation(),s(i)},children:e.jsx(d.ChevronRightIcon,{className:n.cn("bear-transition-transform",a&&"bear-rotate-90",r)})}):e.jsx(u.Box,{className:n.cn(r,"bear-opacity-0")})};exports.TreeViewExpandControl=b;

package/dist/components/TreeView/components/TreeViewExpandControl/TreeViewExpandControl.d.ts

@@ -0,0 +1,2 @@
+import { TreeViewExpandControlProps } from '../../TreeView.types';
+export declare const TreeViewExpandControl: (props: TreeViewExpandControlProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TreeView/components/TreeViewExpandControl/TreeViewExpandControl.js

@@ -0,0 +1,25 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Box as p } from "../../../Box/Box.js";
+import { Button as c } from "../../../Button/Button.js";
+import { ChevronRightIcon as l } from "../../../Icon/index.js";
+import { cn as t } from "../../../../utils/cn.js";
+import "react";
+const x = (e) => {
+  const { hasChildren: n, isExpanded: a, nodeId: i, iconClassName: r, onToggle: s } = e;
+  return n ? /* @__PURE__ */ o(
+    c,
+    {
+      type: "button",
+      variant: "ghost",
+      iconOnly: !0,
+      className: "bear-p-0.5 bear-rounded hover:bear-bg-zinc-600",
+      onClick: (m) => {
+        m.stopPropagation(), s(i);
+      },
+      children: /* @__PURE__ */ o(l, { className: t("bear-transition-transform", a && "bear-rotate-90", r) })
+    }
+  ) : /* @__PURE__ */ o(p, { className: t(r, "bear-opacity-0") });
+};
+export {
+  x as TreeViewExpandControl
+};

package/dist/components/TreeView/components/TreeViewExpandControl/index.d.ts

@@ -0,0 +1 @@
+export { TreeViewExpandControl } from './TreeViewExpandControl';

package/dist/components/TreeView/components/TreeViewNode/TreeViewNode.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("../../../../constants/numbers.const.cjs"),T=require("../../../../utils/cn.cjs");require("react");const y=require("../../../Box/Box.cjs"),E=require("../../../Flex/Flex.cjs"),I=require("../../../Typography/Typography.cjs"),C=require("../../TreeView.const.cjs"),V=require("../TreeViewExpandControl/TreeViewExpandControl.cjs"),k=require("../TreeViewNodeIcon/TreeViewNodeIcon.cjs"),N=j=>{var m;const{node:e,depth:t,size:l,selectedId:b,checkedIds:p,expandedIds:x,showCheckboxes:h,showLines:u,onSelect:s,onCheck:i,onToggle:g}=j,n=C.TREE_VIEW_SIZE[l],c=!!(e.children&&e.children.length>d.ZERO),a=x.has(e.id),q=b===e.id,w=p.includes(e.id);return r.jsxs(y.Box,{children:[r.jsxs(E.Flex,{align:"center",className:T.cn("bear-gap-1 bear-rounded bear-transition-colors bear-cursor-pointer",n.padding,n.text,q?"bear-bg-primary-500/20 bear-text-primary-400":"bear-text-zinc-300 hover:bear-bg-zinc-700/50",e.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),style:{paddingLeft:t*n.indent+d.EIGHT},onClick:()=>!e.disabled&&(s==null?void 0:s(e)),children:[r.jsx(V.TreeViewExpandControl,{hasChildren:c,isExpanded:a,nodeId:e.id,iconClassName:n.icon,onToggle:g}),h?r.jsx("input",{type:"checkbox",checked:w,onChange:o=>{o.stopPropagation(),i==null||i(e.id,o.target.checked)},className:"bear-accent-primary-500",disabled:e.disabled}):null,r.jsx(k.TreeViewNodeIcon,{icon:e.icon,hasChildren:c,isExpanded:a,iconClassName:n.icon}),r.jsx(I.Typography,{className:"bear-flex-1",children:e.label})]}),c&&a?r.jsx(y.Box,{className:T.cn(u&&"bear-border-l bear-border-zinc-700 bear-ml-4"),children:(m=e.children)==null?void 0:m.map(o=>r.jsx(N,{node:o,depth:t+d.ONE,size:l,selectedId:b,checkedIds:p,expandedIds:x,showCheckboxes:h,showLines:u,onSelect:s,onCheck:i,onToggle:g},o.id))}):null]})};exports.TreeViewNode=N;

package/dist/components/TreeView/components/TreeViewNode/TreeViewNode.d.ts

@@ -0,0 +1,2 @@
+import { TreeViewNodeProps } from '../../TreeView.types';
+export declare const TreeViewNode: (props: TreeViewNodeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TreeView/components/TreeViewNode/TreeViewNode.js

@@ -0,0 +1,97 @@
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { ZERO as T, EIGHT as k, ONE as C } from "../../../../constants/numbers.const.js";
+import { cn as E } from "../../../../utils/cn.js";
+import "react";
+import { Box as N } from "../../../Box/Box.js";
+import { Flex as w } from "../../../Flex/Flex.js";
+import { Typography as z } from "../../../Typography/Typography.js";
+import { TREE_VIEW_SIZE as V } from "../../TreeView.const.js";
+import { TreeViewExpandControl as j } from "../TreeViewExpandControl/TreeViewExpandControl.js";
+import { TreeViewNodeIcon as B } from "../TreeViewNodeIcon/TreeViewNodeIcon.js";
+const L = (u) => {
+  var g;
+  const {
+    node: e,
+    depth: s,
+    size: t,
+    selectedId: l,
+    checkedIds: p,
+    expandedIds: m,
+    showCheckboxes: b,
+    showLines: h,
+    onSelect: n,
+    onCheck: a,
+    onToggle: x
+  } = u, o = V[t], d = !!(e.children && e.children.length > T), c = m.has(e.id), y = l === e.id, I = p.includes(e.id);
+  return /* @__PURE__ */ f(N, { children: [
+    /* @__PURE__ */ f(
+      w,
+      {
+        align: "center",
+        className: E(
+          "bear-gap-1 bear-rounded bear-transition-colors bear-cursor-pointer",
+          o.padding,
+          o.text,
+          y ? "bear-bg-primary-500/20 bear-text-primary-400" : "bear-text-zinc-300 hover:bear-bg-zinc-700/50",
+          e.disabled && "bear-opacity-50 bear-cursor-not-allowed"
+        ),
+        style: { paddingLeft: s * o.indent + k },
+        onClick: () => !e.disabled && (n == null ? void 0 : n(e)),
+        children: [
+          /* @__PURE__ */ r(
+            j,
+            {
+              hasChildren: d,
+              isExpanded: c,
+              nodeId: e.id,
+              iconClassName: o.icon,
+              onToggle: x
+            }
+          ),
+          b ? /* @__PURE__ */ r(
+            "input",
+            {
+              type: "checkbox",
+              checked: I,
+              onChange: (i) => {
+                i.stopPropagation(), a == null || a(e.id, i.target.checked);
+              },
+              className: "bear-accent-primary-500",
+              disabled: e.disabled
+            }
+          ) : null,
+          /* @__PURE__ */ r(
+            B,
+            {
+              icon: e.icon,
+              hasChildren: d,
+              isExpanded: c,
+              iconClassName: o.icon
+            }
+          ),
+          /* @__PURE__ */ r(z, { className: "bear-flex-1", children: e.label })
+        ]
+      }
+    ),
+    d && c ? /* @__PURE__ */ r(N, { className: E(h && "bear-border-l bear-border-zinc-700 bear-ml-4"), children: (g = e.children) == null ? void 0 : g.map((i) => /* @__PURE__ */ r(
+      L,
+      {
+        node: i,
+        depth: s + C,
+        size: t,
+        selectedId: l,
+        checkedIds: p,
+        expandedIds: m,
+        showCheckboxes: b,
+        showLines: h,
+        onSelect: n,
+        onCheck: a,
+        onToggle: x
+      },
+      i.id
+    )) }) : null
+  ] });
+};
+export {
+  L as TreeViewNode
+};

package/dist/components/TreeView/components/TreeViewNode/index.d.ts

@@ -0,0 +1 @@
+export { TreeViewNode } from './TreeViewNode';

package/dist/components/TreeView/components/TreeViewNodeIcon/TreeViewNodeIcon.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("../../../Icon/index.cjs"),t=require("../../../../utils/cn.cjs");require("react");const l=c=>{const{icon:e,hasChildren:i,isExpanded:s,iconClassName:r}=c;return e||(i?s?n.jsx(o.FolderOpenIcon,{className:t.cn(r,"bear-text-yellow-500")}):n.jsx(o.FolderIcon,{className:t.cn(r,"bear-text-yellow-500")}):null)};exports.TreeViewNodeIcon=l;

package/dist/components/TreeView/components/TreeViewNodeIcon/TreeViewNodeIcon.d.ts

@@ -0,0 +1,2 @@
+import { TreeViewNodeIconProps } from '../../TreeView.types';
+export declare const TreeViewNodeIcon: (props: TreeViewNodeIconProps) => string | number | true | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null;

package/dist/components/TreeView/components/TreeViewNodeIcon/TreeViewNodeIcon.js

@@ -0,0 +1,11 @@
+import { jsx as o } from "react/jsx-runtime";
+import { FolderOpenIcon as s, FolderIcon as a } from "../../../Icon/index.js";
+import { cn as n } from "../../../../utils/cn.js";
+import "react";
+const f = (t) => {
+  const { icon: e, hasChildren: i, isExpanded: l, iconClassName: r } = t;
+  return e || (i ? l ? /* @__PURE__ */ o(s, { className: n(r, "bear-text-yellow-500") }) : /* @__PURE__ */ o(a, { className: n(r, "bear-text-yellow-500") }) : null);
+};
+export {
+  f as TreeViewNodeIcon
+};

package/dist/components/TreeView/components/TreeViewNodeIcon/index.d.ts

@@ -0,0 +1 @@
+export { TreeViewNodeIcon } from './TreeViewNodeIcon';

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

@@ -0,0 +1,3 @@
+export { TreeViewExpandControl } from './TreeViewExpandControl';
+export { TreeViewNode } from './TreeViewNode';
+export { TreeViewNodeIcon } from './TreeViewNodeIcon';

package/dist/components/Typography/Typography.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react/jsx-runtime"),k=require("react"),G=require("../../context/BearProvider.cjs"),r=require("../../constants/generals.const.cjs"),U=require("../Typewriter/Typewriter.cjs"),e=require("./Typography.const.cjs"),l=require("./Typography.utils.cjs"),j=require("../../utils/cn.cjs"),H=d=>{var E;const{variant:o=e.DEFAULT_VARIANT,component:O,align:y,weight:A,color:n=e.DEFAULT_COLOR,truncate:s=r.BOOLEAN_FALSE,maxLines:a,italic:T=r.BOOLEAN_FALSE,underline:g=r.BOOLEAN_FALSE,strikethrough:_=r.BOOLEAN_FALSE,noWrap:B=r.BOOLEAN_FALSE,inline:u=r.BOOLEAN_FALSE,paragraph:C=r.BOOLEAN_FALSE,lineHeight:L,gradient:N,typewriter:t,children:b,className:m,style:I,testId:R,...w}=d,p=k.useContext(G.BearContext),c=e.BUILT_IN_VARIANTS.includes(o),i=c||(E=p==null?void 0:p.customTypography)==null?void 0:E[o],x=O??(i==null?void 0:i.component)??(c?e.VARIANT_MAP[o]:"span"),S=!!(n&&!(n in e.COLOR_CLASSES)),F=l.resolveCustomTypographyStyles(i),q=t?h.jsx(U.Typewriter,{text:t.texts,loop:t.loop??r.BOOLEAN_TRUE,speed:t.speed,deleteSpeed:t.deleteSpeed,cursor:t.cursor??r.BOOLEAN_TRUE,cursorChar:t.cursorChar,as:"span"}):b,v=l.wrapTypographyGradient(q,l.resolveGradientPair(N),u);return h.jsx(x,{className:j.cn("Bear-Typography",`Bear-Typography--${o}`,c&&e.VARIANT_CLASSES[o],A&&e.WEIGHT_CLASSES[A],y&&e.ALIGN_CLASSES[y],!S&&n&&e.COLOR_CLASSES[n],L&&e.LINE_HEIGHT_CLASSES[L],T&&"Bear-Typography--italic bear-italic",g&&"Bear-Typography--underline bear-underline",_&&"Bear-Typography--strikethrough bear-line-through",B&&"bear-whitespace-nowrap",u&&"bear-inline",C&&"bear-mb-4",s&&!a&&"Bear-Typography--truncate bear-truncate",s&&a&&"bear-overflow-hidden",m),style:{...F,...I,...S?{color:n}:{},...s&&a?{display:"-webkit-box",WebkitLineClamp:a,WebkitBoxOrient:"vertical"}:{}},"data-testid":R,...w,children:v})};exports.Typography=H;

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

@@ -1,18 +1,3 @@
-import { FC } from 'react';
 import { TypographyProps } from './Typography.types';
-/**
- * Typography component for consistent text styling
- *
- * @example
- * ```tsx
- * // Built-in variants
- * <Typography variant="h1">Heading 1</Typography>
- * <Typography variant="body1" color="secondary">Body text</Typography>
- *
- * // Custom variants (defined in BearProvider)
- * <Typography variant="b250">Custom 25px text</Typography>
- * <Typography variant="display1">Large display text</Typography>
- * ```
- */
-export declare const Typography: FC<TypographyProps>;
+export declare const Typography: (props: TypographyProps) => import("react/jsx-runtime").JSX.Element;
 export default Typography;

package/dist/components/Typography/Typography.js

@@ -1,89 +1,84 @@
-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) => {
+import { jsx as S } from "react/jsx-runtime";
+import { useContext as G } from "react";
+import { BearContext as H } from "../../context/BearProvider.js";
+import { BOOLEAN_FALSE as r, BOOLEAN_TRUE as u } from "../../constants/generals.const.js";
+import { Typewriter as U } from "../Typewriter/Typewriter.js";
+import { DEFAULT_VARIANT as V, DEFAULT_COLOR as W, VARIANT_MAP as F, LINE_HEIGHT_CLASSES as D, COLOR_CLASSES as A, ALIGN_CLASSES as P, WEIGHT_CLASSES as j, VARIANT_CLASSES as M, BUILT_IN_VARIANTS as $ } from "./Typography.const.js";
+import { resolveCustomTypographyStyles as q, wrapTypographyGradient as z, resolveGradientPair as J } from "./Typography.utils.js";
+import { cn as K } from "../../utils/cn.js";
+const ae = (T) => {
+  var d;
   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 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,
+    variant: t = V,
+    component: g,
+    align: l,
+    weight: c,
+    color: o = W,
+    truncate: i = r,
+    maxLines: a,
+    italic: C = r,
+    underline: L = r,
+    strikethrough: E = r,
+    noWrap: b = r,
+    inline: m = r,
+    paragraph: B = r,
+    lineHeight: y,
+    gradient: _,
+    typewriter: e,
+    children: I,
+    className: N,
+    style: f,
+    testId: w,
+    ...O
+  } = T, p = G(H), s = $.includes(t), n = s || (d = p == null ? void 0 : p.customTypography) == null ? void 0 : d[t], x = g ?? (n == null ? void 0 : n.component) ?? (s ? F[t] : "span"), h = !!(o && !(o in A)), R = q(n), v = e ? /* @__PURE__ */ S(
+    U,
     {
-      text: t.texts,
-      loop: t.loop ?? !0,
-      speed: t.speed,
-      deleteSpeed: t.deleteSpeed,
-      cursor: t.cursor ?? !0,
-      cursorChar: t.cursorChar,
+      text: e.texts,
+      loop: e.loop ?? u,
+      speed: e.speed,
+      deleteSpeed: e.deleteSpeed,
+      cursor: e.cursor ?? u,
+      cursorChar: e.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,
+  ) : I, k = z(v, J(_), m);
+  return /* @__PURE__ */ S(
+    x,
     {
-      className: q(
+      className: K(
         "Bear-Typography",
-        `Bear-Typography--${r}`,
-        a && P[r],
-        u && j[u],
-        h && M[h],
-        !S && i && T[i],
-        g && D[g],
+        `Bear-Typography--${t}`,
+        s && M[t],
+        c && j[c],
+        l && P[l],
+        !h && o && A[o],
+        y && D[y],
         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
+        L && "Bear-Typography--underline bear-underline",
+        E && "Bear-Typography--strikethrough bear-line-through",
+        b && "bear-whitespace-nowrap",
+        m && "bear-inline",
+        B && "bear-mb-4",
+        i && !a && "Bear-Typography--truncate bear-truncate",
+        i && a && "bear-overflow-hidden",
+        N
       ),
       style: {
-        ...H,
-        ...B,
-        ...S && { color: i },
-        ...f && s && {
+        ...R,
+        ...f,
+        ...h ? { color: o } : {},
+        ...i && a ? {
           display: "-webkit-box",
-          WebkitLineClamp: s,
+          WebkitLineClamp: a,
           WebkitBoxOrient: "vertical"
-        }
+        } : {}
       },
-      "data-testid": N,
-      ...W,
-      children: R
+      "data-testid": w,
+      ...O,
+      children: k
     }
   );
 };
 export {
-  re as Typography
+  ae as Typography
 };

package/dist/components/Typography/Typography.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),n=require("../../constants/numbers.const.cjs"),l=require("../GradientText/GradientText.cjs"),s=require("./Typography.const.cjs"),f=["fontSize","lineHeight","letterSpacing","textTransform","fontFamily"],u=e=>{if(!e)return{};const r=f.reduce((t,i)=>{const o=e[i];return o&&(t[i]=o),t},{});return e.fontWeight===void 0||(r.fontWeight=typeof e.fontWeight=="number"?e.fontWeight:s.WEIGHT_VALUES[e.fontWeight]??s.WEIGHT_VALUES.normal),r},h=e=>{if(!(!Array.isArray(e)||e.length<n.TWO))return[e[n.ZERO],e[n.ONE]]},y=(e,r,t)=>r?a.jsx(l.GradientText,{colors:r,className:t?"bear-inline":void 0,children:e}):e;exports.resolveCustomTypographyStyles=u;exports.resolveGradientPair=h;exports.wrapTypographyGradient=y;

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

@@ -0,0 +1,5 @@
+import { CSSProperties, ReactNode } from 'react';
+import { CustomTypography } from './Typography.types';
+export declare const resolveCustomTypographyStyles: (customTypo?: CustomTypography) => CSSProperties;
+export declare const resolveGradientPair: (gradient?: string[]) => [string, string] | undefined;
+export declare const wrapTypographyGradient: (content: ReactNode, gradient: [string, string] | undefined, inline: boolean) => ReactNode;

package/dist/components/Typography/Typography.utils.js

@@ -0,0 +1,26 @@
+import { jsx as f } from "react/jsx-runtime";
+import { TWO as l, ZERO as s, ONE as a } from "../../constants/numbers.const.js";
+import { GradientText as h } from "../GradientText/GradientText.js";
+import { WEIGHT_VALUES as o } from "./Typography.const.js";
+const m = [
+  "fontSize",
+  "lineHeight",
+  "letterSpacing",
+  "textTransform",
+  "fontFamily"
+], v = (r) => {
+  if (!r) return {};
+  const e = m.reduce((t, n) => {
+    const i = r[n];
+    return i && (t[n] = i), t;
+  }, {});
+  return r.fontWeight === void 0 || (e.fontWeight = typeof r.fontWeight == "number" ? r.fontWeight : o[r.fontWeight] ?? o.normal), e;
+}, E = (r) => {
+  if (!(!Array.isArray(r) || r.length < l))
+    return [r[s], r[a]];
+}, u = (r, e, t) => e ? /* @__PURE__ */ f(h, { colors: e, className: t ? "bear-inline" : void 0, children: r }) : r;
+export {
+  v as resolveCustomTypographyStyles,
+  E as resolveGradientPair,
+  u as wrapTypographyGradient
+};

package/dist/components/VirtualList/VirtualList.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),T=require("../../utils/cn.cjs"),g=require("../../hooks/useResizeObserver/useResizeObserver.cjs");require("../../context/BearProvider.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");require("../FormControl/FormControl.context.cjs");const j=require("./VirtualList.const.cjs");function I({items:n,itemHeight:r,overscan:i=3,height:e,renderItem:f,keyExtractor:x=(o,l)=>l,className:p}){const[o,l]=a.useState(0),t=a.useRef(null),{height:u}=g.useResizeObserver(t,{enabled:typeof e=="string"}),v=typeof e=="number"?e:u>0?u:j.VIRTUAL_LIST_FALLBACK_HEIGHT,h=n.length*r,c=Math.max(0,Math.floor(o/r)-i),y=Math.min(n.length-1,Math.ceil((o+v)/r)+i),q=n.slice(c,y+1),L=c*r,R=a.useCallback(()=>{t.current&&l(t.current.scrollTop)},[]);return s.jsx("div",{ref:t,className:T.cn("Bear-VirtualList bear-overflow-auto bear-bg-white dark:bear-bg-zinc-900 bear-rounded-lg",p),style:{height:typeof e=="number"?`${e}px`:e},onScroll:R,children:s.jsx("div",{className:"bear-relative",style:{height:`${h}px`},children:s.jsx("div",{style:{transform:`translateY(${L}px)`},children:q.map((d,S)=>{const b=c+S;return s.jsx("div",{style:{height:`${r}px`},children:f(d,b)},x(d,b))})})})})}exports.VirtualList=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("react"),r=require("../../constants/numbers.const.cjs"),S=require("../../utils/cn.cjs"),T=require("../../hooks/useResizeObserver/useResizeObserver.cjs");require("../../context/BearProvider.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");require("../FormControl/FormControl.context.cjs");const g=require("./VirtualList.const.cjs");function E(m){const{items:i,itemHeight:t,overscan:u=g.VIRTUAL_LIST_OVERSCAN,height:e,renderItem:f,keyExtractor:x=(c,l)=>l,className:p}=m,[h,v]=a.useState(r.ZERO),s=a.useRef(null),{height:d}=T.useResizeObserver(s,{enabled:typeof e=="string"}),R=typeof e=="number"?e:d>r.ZERO?d:g.VIRTUAL_LIST_FALLBACK_HEIGHT,y=i.length*t,o=Math.max(r.ZERO,Math.floor(h/t)-u),L=Math.min(i.length-r.ONE,Math.ceil((h+R)/t)+u),q=i.slice(o,L+r.ONE),I=o*t,O=a.useCallback(()=>{s.current&&v(s.current.scrollTop)},[]);return n.jsx("div",{ref:s,className:S.cn("Bear-VirtualList bear-overflow-auto bear-bg-white dark:bear-bg-zinc-900 bear-rounded-lg",p),style:{height:typeof e=="number"?`${e}px`:e},onScroll:O,children:n.jsx("div",{className:"bear-relative",style:{height:`${y}px`},children:n.jsx("div",{style:{transform:`translateY(${I}px)`},children:q.map((c,l)=>{const b=o+l;return n.jsx("div",{style:{height:`${t}px`},children:f(c,b)},x(c,b))})})})})}exports.VirtualList=E;

package/dist/components/VirtualList/VirtualList.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=300;exports.VIRTUAL_LIST_FALLBACK_HEIGHT=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("../../constants/numbers.const.cjs"),L=T.THREE,_=T.THREE_HUNDRED;exports.VIRTUAL_LIST_FALLBACK_HEIGHT=_;exports.VIRTUAL_LIST_OVERSCAN=L;

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

@@ -1,2 +1,2 @@
-export declare const V_I_R_T_U_A_L_L_I_S_T_ROOT_CLASS = "Bear-VirtualList";
+export declare const VIRTUAL_LIST_OVERSCAN = 3;
 export declare const VIRTUAL_LIST_FALLBACK_HEIGHT = 300;

package/dist/components/VirtualList/VirtualList.const.js

@@ -1,4 +1,6 @@
-const L = 300;
+import { THREE as E, THREE_HUNDRED as T } from "../../constants/numbers.const.js";
+const R = E, _ = T;
 export {
-  L as VIRTUAL_LIST_FALLBACK_HEIGHT
+  _ as VIRTUAL_LIST_FALLBACK_HEIGHT,
+  R as VIRTUAL_LIST_OVERSCAN
 };

package/dist/components/VirtualList/VirtualList.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from 'react';
 import { VirtualListProps } from './VirtualList.types';
-export declare function VirtualList<T>({ items, itemHeight, overscan, height, renderItem, keyExtractor, className, }: VirtualListProps<T>): ReactElement;
+export declare function VirtualList<T>(props: VirtualListProps<T>): ReactElement;