@forgedevstack/bear 1.3.0 → 1.3.2

package/dist/components/Anchor/Anchor.js

@@ -1,83 +1,91 @@
-import { jsx as d, jsxs as L } from "react/jsx-runtime";
-import { useState as N, useRef as C, useCallback as x, useEffect as y } from "react";
-import { cn as a } from "../../utils/cn.js";
-import { Typography as F } from "../Typography/Typography.js";
-import { DEFAULT_OFFSET as O, DEFAULT_AFFIX_TOP as R, DEFAULT_TARGET_OFFSET as w, ROOT_CLASSES as D, ROOT_CLASS as K, ACTIVE_LINK_CLASSES as j, LINK_CLASSES as B, NESTED_LINK_INDENT as M } from "./Anchor.const.js";
-import { collectIds as U } from "./Anchor.utils.js";
-const k = (E) => {
+import { jsx as b, jsxs as N } from "react/jsx-runtime";
+import { useState as _, useRef as B, useCallback as L, useEffect as S } from "react";
+import { ZERO as o, ANCHOR_OBSERVER_THRESHOLDS as $ } from "../../constants/numbers.const.js";
+import { BOOLEAN_FALSE as y, SCROLL_BEHAVIOR_SMOOTH as w, UNIT_PX as m, ROOT_MARGIN_BOTTOM_HALF as C } from "../../constants/generals.const.js";
+import { KEY_ENTER as H } from "../../constants/keys.const.js";
+import { cn as d } from "../../utils/cn.js";
+import { Typography as M } from "../Typography/Typography.js";
+import { collectIds as k } from "./Anchor.utils.js";
+const P = (O) => {
   const {
     links: f,
-    offset: r = O,
-    affix: m = !1,
-    affixTop: b = R,
-    targetOffset: u = w,
-    onClick: c,
-    className: h,
-    testId: I,
-    ...S
-  } = E, [g, v] = N(null), i = C(null), l = U(f), p = x(
-    (t) => {
-      const o = document.getElementById(t);
-      if (o) {
-        const e = o.getBoundingClientRect().top + window.scrollY - u;
-        window.scrollTo({ top: e, behavior: "smooth" });
+    offset: s = o,
+    affix: p = y,
+    affixTop: g = o,
+    targetOffset: u = o,
+    onClick: i,
+    className: v,
+    testId: R,
+    ...E
+  } = O, [T, I] = _(null), c = B(null), l = k(f), h = L(
+    (e) => {
+      const t = document.getElementById(e);
+      if (t) {
+        const r = t.getBoundingClientRect().top + window.scrollY - u;
+        window.scrollTo({ top: r, behavior: w });
       }
-      c == null || c(t);
+      i == null || i(e);
     },
-    [u, c]
+    [u, i]
   );
-  y(() => {
-    if (l.length !== 0)
-      return i.current = new IntersectionObserver(
-        (t) => {
-          const o = t.filter((e) => e.isIntersecting).sort((e, s) => {
-            const n = e.boundingClientRect.top, _ = s.boundingClientRect.top;
-            return Math.abs(n - r) - Math.abs(_ - r);
+  S(() => {
+    if (l.length !== o)
+      return c.current = new IntersectionObserver(
+        (e) => {
+          const t = e.filter((r) => r.isIntersecting).sort((r, n) => {
+            const a = r.boundingClientRect.top, A = n.boundingClientRect.top;
+            return Math.abs(a - s) - Math.abs(A - s);
           });
-          if (o.length > 0) {
-            const s = o[0].target.id;
-            l.includes(s) && v(s);
+          if (t.length > o) {
+            const n = t[o].target.id;
+            l.includes(n) && I(n);
           }
         },
-        { rootMargin: `-${r}px 0px -50% 0px`, threshold: [0, 0.25, 0.5, 0.75, 1] }
-      ), l.forEach((t) => {
-        var e;
-        const o = document.getElementById(t);
-        o && ((e = i.current) == null || e.observe(o));
+        {
+          rootMargin: `-${s}${m} ${o}${m} ${C} ${o}${m}`,
+          threshold: $
+        }
+      ), l.forEach((e) => {
+        var r;
+        const t = document.getElementById(e);
+        t && ((r = c.current) == null || r.observe(t));
       }), () => {
-        var t;
-        (t = i.current) == null || t.disconnect(), i.current = null;
+        var e;
+        (e = c.current) == null || e.disconnect(), c.current = null;
       };
-  }, [l.join(","), r]);
-  const T = (t, o) => {
-    var s;
-    const e = g === t.id;
-    return /* @__PURE__ */ L("div", { className: a(o && M), children: [
-      /* @__PURE__ */ d(
+  }, [l.join(","), s]);
+  const x = (e, t) => {
+    var n;
+    const r = T === e.id;
+    return /* @__PURE__ */ N("div", { className: d(t && "bear-pl-4"), children: [
+      /* @__PURE__ */ b(
         "div",
         {
           role: "button",
-          tabIndex: 0,
-          onClick: () => p(t.id),
-          onKeyDown: (n) => n.key === "Enter" && p(t.id),
-          className: a(B, e && j),
-          children: /* @__PURE__ */ d(F, { variant: "body2", className: a(e && "bear-font-medium"), children: t.label })
+          tabIndex: o,
+          onClick: () => h(e.id),
+          onKeyDown: (a) => a.key === H && h(e.id),
+          className: d(
+            "bear-py-1 bear-px-2 bear-text-sm bear-transition-colors bear-cursor-pointer bear-rounded bear-text-gray-600 dark:bear-text-zinc-400 hover:bear-text-gray-900 dark:hover:bear-text-zinc-100",
+            r && "bear-text-primary-500 dark:bear-text-primary-400 bear-font-medium bear-border-l-2 bear-border-primary-500 dark:bear-border-primary-400 bear-pl-3 bear--ml-0.5"
+          ),
+          children: /* @__PURE__ */ b(M, { variant: "body2", className: d(r && "bear-font-medium"), children: e.label })
         }
       ),
-      (s = t.children) == null ? void 0 : s.map((n) => T(n, !0))
-    ] }, t.id);
-  }, A = a(K, D, m && "bear-sticky", h);
-  return /* @__PURE__ */ d(
+      (n = e.children) == null ? void 0 : n.map((a) => x(a, !0))
+    ] }, e.id);
+  };
+  return /* @__PURE__ */ b(
     "nav",
     {
-      className: A,
-      style: m ? { top: b } : void 0,
-      "data-testid": I,
-      ...S,
-      children: f.map((t) => T(t, !1))
+      className: d("Bear-Anchor bear-flex bear-flex-col", p && "bear-sticky", v),
+      style: p ? { top: g } : void 0,
+      "data-testid": R,
+      ...E,
+      children: f.map((e) => x(e, y))
     }
   );
 };
 export {
-  k as Anchor
+  P as Anchor
 };

package/dist/components/AnimatedCounter/AnimatedCounter.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),e=require("react"),v=require("../../utils/cn.cjs"),x=require("../Typography/Typography.cjs"),a=require("./AnimatedCounter.const.cjs"),T=require("./AnimatedCounter.utils.cjs"),M=({value:o,from:t=0,duration:l=a.DEFAULT_DURATION,decimals:b=a.DEFAULT_DECIMALS,prefix:E="",suffix:q="",separator:C=a.DEFAULT_SEPARATOR,easing:F=a.DEFAULT_EASING,animateOnView:u=!0,typographyProps:n,testId:N,className:D,...I})=>{const[_,R]=e.useState(t),[d,U]=e.useState(!u),A=e.useRef(null),m=T.EASING_FUNCTIONS[F],i=e.useCallback(()=>{const s=performance.now(),r=o-t,c=h=>{const j=h-s,f=Math.min(j/l,1);R(t+r*m(f)),f<1&&requestAnimationFrame(c)};requestAnimationFrame(c)},[o,t,l,m]);e.useEffect(()=>{if(!u){i();return}const s=A.current;if(!s)return;const r=new IntersectionObserver(([c])=>{c.isIntersecting&&!d&&(U(!0),i())},{threshold:.1});return r.observe(s),()=>r.disconnect()},[u,i,d]);const L=`${E}${T.formatNumber(_,b,C)}${q}`;return S.jsx(x.Typography,{variant:"h3",component:"span",...n,className:v.cn("Bear-AnimatedCounter bear-tabular-nums",n==null?void 0:n.className,D),"data-testid":N,children:S.jsx("span",{ref:A,...I,children:L})})};exports.AnimatedCounter=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react/jsx-runtime"),n=require("react"),e=require("../../constants/numbers.const.cjs"),t=require("../../constants/generals.const.cjs"),y=require("../../utils/cn.cjs"),x=require("../Typography/Typography.cjs"),A=require("./AnimatedCounter.utils.cjs"),L=f=>{const{value:m,from:s=e.ZERO,duration:l=e.ANIMATED_COUNTER_DURATION,decimals:S=e.ANIMATED_COUNTER_DECIMALS,prefix:_=t.EMPTY_STRING,suffix:R=t.EMPTY_STRING,separator:I=t.THOUSANDS_SEPARATOR,easing:p=t.EASING_OUT,animateOnView:i=t.BOOLEAN_TRUE,typographyProps:r,testId:b,className:C,...q}=f,[h,U]=n.useState(s),[N,g]=n.useState(!i),d=n.useRef(null),E=A.EASING_FUNCTIONS[p],u=n.useCallback(()=>{const a=performance.now(),o=m-s,c=M=>{const v=M-a,T=Math.min(v/l,e.ONE);U(s+o*E(T)),T<e.ONE&&requestAnimationFrame(c)};requestAnimationFrame(c)},[m,s,l,E]);n.useEffect(()=>{if(!i){u();return}const a=d.current;if(!a)return;const o=new IntersectionObserver(([c])=>{c.isIntersecting&&!N&&(g(t.BOOLEAN_TRUE),u())},{threshold:e.INTERSECTION_THRESHOLD_LOW});return o.observe(a),()=>o.disconnect()},[i,u,N]);const D=`${_}${A.formatNumber(h,S,I)}${R}`;return O.jsx(x.Typography,{variant:"h3",component:"span",...r,className:y.cn("Bear-AnimatedCounter bear-tabular-nums",r==null?void 0:r.className,C),"data-testid":b,children:O.jsx("span",{ref:d,...q,children:D})})};exports.AnimatedCounter=L;

package/dist/components/AnimatedCounter/AnimatedCounter.d.ts

@@ -1,3 +1,2 @@
-import { FC } from 'react';
 import { AnimatedCounterProps } from './AnimatedCounter.types';
-export declare const AnimatedCounter: FC<AnimatedCounterProps>;
+export declare const AnimatedCounter: (props: AnimatedCounterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AnimatedCounter/AnimatedCounter.js

@@ -1,59 +1,61 @@
-import { jsx as A } from "react/jsx-runtime";
-import { useState as d, useRef as v, useCallback as $, useEffect as k } from "react";
-import { cn as p } from "../../utils/cn.js";
-import { Typography as q } from "../Typography/Typography.js";
-import { DEFAULT_DURATION as x, DEFAULT_DECIMALS as G, DEFAULT_SEPARATOR as M, DEFAULT_EASING as O } from "./AnimatedCounter.const.js";
-import { EASING_FUNCTIONS as j, formatNumber as B } from "./AnimatedCounter.utils.js";
-const V = ({
-  value: c,
-  from: e = 0,
-  duration: i = x,
-  decimals: E = G,
-  prefix: F = "",
-  suffix: N = "",
-  separator: S = M,
-  easing: T = O,
-  animateOnView: a = !0,
-  typographyProps: t,
-  testId: b,
-  className: D,
-  ...I
-}) => {
-  const [U, C] = d(e), [m, L] = d(!a), u = v(null), f = j[T], o = $(() => {
-    const n = performance.now(), r = c - e, s = (R) => {
-      const h = R - n, l = Math.min(h / i, 1);
-      C(e + r * f(l)), l < 1 && requestAnimationFrame(s);
+import { jsx as N } from "react/jsx-runtime";
+import { useState as d, useRef as H, useCallback as L, useEffect as g } from "react";
+import { ZERO as w, ANIMATED_COUNTER_DURATION as G, ANIMATED_COUNTER_DECIMALS as V, INTERSECTION_THRESHOLD_LOW as $, ONE as p } from "../../constants/numbers.const.js";
+import { EMPTY_STRING as E, THOUSANDS_SEPARATOR as k, EASING_OUT as q, BOOLEAN_TRUE as A } from "../../constants/generals.const.js";
+import { cn as y } from "../../utils/cn.js";
+import { Typography as B } from "../Typography/Typography.js";
+import { EASING_FUNCTIONS as j, formatNumber as P } from "./AnimatedCounter.utils.js";
+const X = (O) => {
+  const {
+    value: i,
+    from: e = w,
+    duration: m = G,
+    decimals: T = V,
+    prefix: I = E,
+    suffix: S = E,
+    separator: R = k,
+    easing: _ = q,
+    animateOnView: a = A,
+    typographyProps: t,
+    testId: C,
+    className: b,
+    ...h
+  } = O, [D, U] = d(e), [c, v] = d(!a), f = H(null), u = j[_], o = L(() => {
+    const r = performance.now(), s = i - e, n = (x) => {
+      const F = x - r, l = Math.min(F / m, p);
+      U(e + s * u(l)), l < p && requestAnimationFrame(n);
     };
-    requestAnimationFrame(s);
-  }, [c, e, i, f]);
-  k(() => {
+    requestAnimationFrame(n);
+  }, [i, e, m, u]);
+  g(() => {
     if (!a) {
       o();
       return;
     }
-    const n = u.current;
-    if (!n) return;
-    const r = new IntersectionObserver(
-      ([s]) => {
-        s.isIntersecting && !m && (L(!0), o());
+    const r = f.current;
+    if (!r)
+      return;
+    const s = new IntersectionObserver(
+      ([n]) => {
+        n.isIntersecting && !c && (v(A), o());
       },
-      { threshold: 0.1 }
+      { threshold: $ }
     );
-    return r.observe(n), () => r.disconnect();
-  }, [a, o, m]);
-  const _ = `${F}${B(U, E, S)}${N}`;
-  return /* @__PURE__ */ A(
-    q,
+    return s.observe(r), () => s.disconnect();
+  }, [a, o, c]);
+  const M = `${I}${P(D, T, R)}${S}`;
+  return /* @__PURE__ */ N(
+    B,
     {
       variant: "h3",
       component: "span",
       ...t,
-      className: p("Bear-AnimatedCounter bear-tabular-nums", t == null ? void 0 : t.className, D),
-      "data-testid": b,
-      children: /* @__PURE__ */ A("span", { ref: u, ...I, children: _ })
+      className: y("Bear-AnimatedCounter bear-tabular-nums", t == null ? void 0 : t.className, b),
+      "data-testid": C,
+      children: /* @__PURE__ */ N("span", { ref: f, ...h, children: M })
     }
   );
 };
 export {
-  V as AnimatedCounter
+  X as AnimatedCounter
 };

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

@@ -1,27 +1,17 @@
 import { HTMLAttributes } from 'react';
 import { TypographyProps } from '../Typography/Typography.types';
+export type AnimatedCounterEasing = 'linear' | 'easeOut' | 'easeInOut';
 export interface AnimatedCounterProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
     id?: string;
-    /** Target value to count to */
     value: number;
-    /** Starting value */
     from?: number;
-    /** Animation duration in ms */
     duration?: number;
-    /** Decimal places */
     decimals?: number;
-    /** Prefix string (e.g. '$') */
     prefix?: string;
-    /** Suffix string (e.g. '%') */
     suffix?: string;
-    /** Thousand separator */
     separator?: string;
-    /** Easing function */
-    easing?: 'linear' | 'easeOut' | 'easeInOut';
-    /** Start animation when element enters viewport */
+    easing?: AnimatedCounterEasing;
     animateOnView?: boolean;
-    /** Typography props for the number */
     typographyProps?: Partial<TypographyProps>;
-    /** Test ID */
     testId?: string;
 }

package/dist/components/AppBar/AppBar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react/jsx-runtime"),_=require("./AppBar.const.cjs"),N=require("../../context/BearProvider.cjs");require("../../context/defaultTheme.cjs");const e=require("../../utils/cn.cjs");require("react");const l=require("../../utils/generateBearId.utils.cjs"),u=require("../../utils/useBearId.cjs"),D=P=>{const{children:t,position:n=_.DEFAULT_APP_BAR_POSITION,variant:s=_.DEFAULT_APP_BAR_VARIANT,color:r=_.DEFAULT_APP_BAR_COLOR,className:E,leftContent:B,rightContent:R,centerContent:a,elevation:i=_.DEFAULT_APP_BAR_ELEVATION,dense:C,disableGutters:c=_.DEFAULT_APP_BAR_DISABLE_GUTTERS,enableColorOnDark:o=_.DEFAULT_APP_BAR_ENABLE_COLOR_ON_DARK,id:O,testId:T}=P,{density:d}=N.useBearDensityOptional(),S=C??d==="compact",L=u.useBearId("AppBar"),I=l.resolveBearId(O,L);return A.jsx("header",{id:I,"data-testid":T,className:e.cn(_.APP_BAR_ROOT_CLASS,_.APP_BAR_BASE_CLASS,S?_.APP_BAR_HEIGHT_DENSE:_.APP_BAR_HEIGHT_COMFORTABLE,!c&&(S?_.APP_BAR_GUTTER_X_DENSE:_.APP_BAR_GUTTER_X),_.APP_BAR_POSITION_CLASSES[n],_.APP_BAR_VARIANT_CLASSES[s],_.APP_BAR_COLOR_CLASSES[r],o&&r==="default"&&_.APP_BAR_COLOR_ON_DARK_CLASS,i&&_.APP_BAR_ELEVATION_CLASS,S&&_.APP_BAR_DENSE_MODIFIER_CLASS,E),style:{backgroundColor:r==="primary"?"var(--bear-primary-600)":void 0},children:t??A.jsxs(A.Fragment,{children:[A.jsx("div",{className:e.cn(_.APP_BAR_SECTION_CLASS,_.APP_BAR_SECTION_BASE_CLASS),children:B}),A.jsx("div",{className:e.cn(_.APP_BAR_SECTION_CLASS,_.APP_BAR_SECTION_CENTER_CLASS,_.APP_BAR_SECTION_BASE_CLASS,_.APP_BAR_SECTION_GROW_CLASS),children:a}),A.jsx("div",{className:e.cn(_.APP_BAR_SECTION_CLASS,_.APP_BAR_SECTION_END_CLASS,_.APP_BAR_SECTION_BASE_CLASS),children:R})]})})};exports.AppBar=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("./AppBar.const.cjs"),e=require("../../constants/generals.const.cjs"),C=require("../../context/BearProvider.cjs");require("../../context/defaultTheme.cjs");const P=require("../../utils/cn.cjs");require("react");const R=require("../../utils/generateBearId.utils.cjs"),x=require("../../utils/useBearId.cjs"),E=n=>{const{children:i,position:c=e.POSITION_STICKY,variant:o=e.VARIANT_DEFAULT,color:a=e.COLOR_PRIMARY,className:d,leftContent:b,rightContent:l,centerContent:A,elevation:_=e.BOOLEAN_TRUE,dense:p,disableGutters:B=e.BOOLEAN_FALSE,enableColorOnDark:O=e.BOOLEAN_FALSE,id:u,testId:I}=n,{density:N}=C.useBearDensityOptional(),t=p??N===e.DENSITY_COMPACT,S=x.useBearId(e.COMPONENT_NAME_APP_BAR),m=R.resolveBearId(u,S);return r.jsx("header",{id:m,"data-testid":I,className:P.cn("Bear-AppBar bear-w-full bear-flex bear-items-center",t?"bear-h-12":"bear-h-16",!B&&(t?"bear-px-3":"bear-px-4"),s.APP_BAR_POSITION_CLASSES[c],s.APP_BAR_VARIANT_CLASSES[o],s.APP_BAR_COLOR_CLASSES[a],O&&a===e.COLOR_DEFAULT&&"dark:bear-bg-primary-600 dark:bear-text-white",_&&"bear-shadow-md bear-border-b bear-border-gray-200/10 dark:bear-border-gray-800/40",t&&"Bear-AppBar--dense",d),style:{backgroundColor:a===e.COLOR_PRIMARY?"var(--bear-primary-600)":void 0},children:i??r.jsxs("div",{className:"Bear-AppBar__inner bear-w-full bear-flex bear-items-center",children:[r.jsx("div",{className:"Bear-AppBar__section bear-flex bear-items-center bear-gap-4",children:b}),r.jsx("div",{className:"Bear-AppBar__section Bear-AppBar__section--center bear-flex bear-items-center bear-gap-4 bear-flex-1 bear-justify-center",children:A}),r.jsx("div",{className:"Bear-AppBar__section Bear-AppBar__section--end bear-flex bear-items-center bear-gap-4",children:l})]})})};exports.AppBar=E;

package/dist/components/AppBar/AppBar.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _="Bear-AppBar",A="Bear-AppBar--dense",e="Bear-AppBar__section",P="Bear-AppBar__section--center",r="Bear-AppBar__section--end",S="sticky",a="default",E="primary",R=!0,t=!1,B=!1,T="bear-h-16",b="bear-h-12",L="bear-px-4",O="bear-px-3",C={fixed:"bear-fixed bear-top-0 bear-left-0 bear-right-0 bear-z-50",sticky:"bear-sticky bear-top-0 bear-z-50",static:"bear-static",relative:"bear-relative"},s={default:"",transparent:"bear-bg-transparent",blur:"bear-backdrop-blur-md"},c={default:"bear-bg-white bear-text-gray-900 dark:bear-bg-zinc-900 dark:bear-text-white",primary:"bear-bg-primary-600 bear-text-white",dark:"bear-bg-gray-900 bear-text-white dark:bear-bg-black"},n="dark:bear-bg-primary-600 dark:bear-text-white",N="bear-shadow-md bear-border-b bear-border-gray-200/10 dark:bear-border-gray-800/40",o="bear-w-full bear-flex bear-items-center",I="bear-flex bear-items-center bear-gap-4",i="bear-flex-1 bear-justify-center";exports.APP_BAR_BASE_CLASS=o;exports.APP_BAR_COLOR_CLASSES=c;exports.APP_BAR_COLOR_ON_DARK_CLASS=n;exports.APP_BAR_DENSE_MODIFIER_CLASS=A;exports.APP_BAR_ELEVATION_CLASS=N;exports.APP_BAR_GUTTER_X=L;exports.APP_BAR_GUTTER_X_DENSE=O;exports.APP_BAR_HEIGHT_COMFORTABLE=T;exports.APP_BAR_HEIGHT_DENSE=b;exports.APP_BAR_POSITION_CLASSES=C;exports.APP_BAR_ROOT_CLASS=_;exports.APP_BAR_SECTION_BASE_CLASS=I;exports.APP_BAR_SECTION_CENTER_CLASS=P;exports.APP_BAR_SECTION_CLASS=e;exports.APP_BAR_SECTION_END_CLASS=r;exports.APP_BAR_SECTION_GROW_CLASS=i;exports.APP_BAR_VARIANT_CLASSES=s;exports.DEFAULT_APP_BAR_COLOR=E;exports.DEFAULT_APP_BAR_DISABLE_GUTTERS=t;exports.DEFAULT_APP_BAR_ELEVATION=R;exports.DEFAULT_APP_BAR_ENABLE_COLOR_ON_DARK=B;exports.DEFAULT_APP_BAR_POSITION=S;exports.DEFAULT_APP_BAR_VARIANT=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={fixed:"bear-fixed bear-top-0 bear-left-0 bear-right-0 bear-z-50",sticky:"bear-sticky bear-top-0 bear-z-50",static:"bear-static",relative:"bear-relative"},r={default:"",transparent:"bear-bg-transparent",blur:"bear-backdrop-blur-md"},a={default:"bear-bg-white bear-text-gray-900 dark:bear-bg-zinc-900 dark:bear-text-white",primary:"bear-bg-primary-600 bear-text-white",dark:"bear-bg-gray-900 bear-text-white dark:bear-bg-black"};exports.APP_BAR_COLOR_CLASSES=a;exports.APP_BAR_POSITION_CLASSES=e;exports.APP_BAR_VARIANT_CLASSES=r;

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

@@ -1,36 +1,4 @@
-export declare const APP_BAR_ROOT_CLASS = "Bear-AppBar";
-export declare const APP_BAR_DENSE_MODIFIER_CLASS = "Bear-AppBar--dense";
-export declare const APP_BAR_SECTION_CLASS = "Bear-AppBar__section";
-export declare const APP_BAR_SECTION_CENTER_CLASS = "Bear-AppBar__section--center";
-export declare const APP_BAR_SECTION_END_CLASS = "Bear-AppBar__section--end";
-export declare const DEFAULT_APP_BAR_POSITION: "sticky";
-export declare const DEFAULT_APP_BAR_VARIANT: "default";
-export declare const DEFAULT_APP_BAR_COLOR: "primary";
-export declare const DEFAULT_APP_BAR_ELEVATION = true;
-export declare const DEFAULT_APP_BAR_DISABLE_GUTTERS = false;
-export declare const DEFAULT_APP_BAR_ENABLE_COLOR_ON_DARK = false;
-export declare const APP_BAR_HEIGHT_COMFORTABLE = "bear-h-16";
-export declare const APP_BAR_HEIGHT_DENSE = "bear-h-12";
-export declare const APP_BAR_GUTTER_X = "bear-px-4";
-export declare const APP_BAR_GUTTER_X_DENSE = "bear-px-3";
-export declare const APP_BAR_POSITION_CLASSES: {
-    readonly fixed: "bear-fixed bear-top-0 bear-left-0 bear-right-0 bear-z-50";
-    readonly sticky: "bear-sticky bear-top-0 bear-z-50";
-    readonly static: "bear-static";
-    readonly relative: "bear-relative";
-};
-export declare const APP_BAR_VARIANT_CLASSES: {
-    readonly default: "";
-    readonly transparent: "bear-bg-transparent";
-    readonly blur: "bear-backdrop-blur-md";
-};
-export declare const APP_BAR_COLOR_CLASSES: {
-    readonly default: "bear-bg-white bear-text-gray-900 dark:bear-bg-zinc-900 dark:bear-text-white";
-    readonly primary: "bear-bg-primary-600 bear-text-white";
-    readonly dark: "bear-bg-gray-900 bear-text-white dark:bear-bg-black";
-};
-export declare const APP_BAR_COLOR_ON_DARK_CLASS = "dark:bear-bg-primary-600 dark:bear-text-white";
-export declare const APP_BAR_ELEVATION_CLASS = "bear-shadow-md bear-border-b bear-border-gray-200/10 dark:bear-border-gray-800/40";
-export declare const APP_BAR_BASE_CLASS = "bear-w-full bear-flex bear-items-center";
-export declare const APP_BAR_SECTION_BASE_CLASS = "bear-flex bear-items-center bear-gap-4";
-export declare const APP_BAR_SECTION_GROW_CLASS = "bear-flex-1 bear-justify-center";
+import { AppBarColor, AppBarPosition, AppBarVariant } from './AppBar.types';
+export declare const APP_BAR_POSITION_CLASSES: Record<AppBarPosition, string>;
+export declare const APP_BAR_VARIANT_CLASSES: Record<AppBarVariant, string>;
+export declare const APP_BAR_COLOR_CLASSES: Record<AppBarColor, string>;

package/dist/components/AppBar/AppBar.const.js

@@ -1,39 +1,19 @@
-const e = "Bear-AppBar", r = "Bear-AppBar--dense", _ = "Bear-AppBar__section", A = "Bear-AppBar__section--center", a = "Bear-AppBar__section--end", t = "sticky", b = "default", P = "primary", S = !0, s = !1, E = !1, R = "bear-h-16", c = "bear-h-12", B = "bear-px-4", n = "bear-px-3", o = {
+const r = {
   fixed: "bear-fixed bear-top-0 bear-left-0 bear-right-0 bear-z-50",
   sticky: "bear-sticky bear-top-0 bear-z-50",
   static: "bear-static",
   relative: "bear-relative"
-}, L = {
+}, a = {
   default: "",
   transparent: "bear-bg-transparent",
   blur: "bear-backdrop-blur-md"
-}, T = {
+}, e = {
   default: "bear-bg-white bear-text-gray-900 dark:bear-bg-zinc-900 dark:bear-text-white",
   primary: "bear-bg-primary-600 bear-text-white",
   dark: "bear-bg-gray-900 bear-text-white dark:bear-bg-black"
-}, O = "dark:bear-bg-primary-600 dark:bear-text-white", i = "bear-shadow-md bear-border-b bear-border-gray-200/10 dark:bear-border-gray-800/40", C = "bear-w-full bear-flex bear-items-center", p = "bear-flex bear-items-center bear-gap-4", d = "bear-flex-1 bear-justify-center";
+};
 export {
-  C as APP_BAR_BASE_CLASS,
-  T as APP_BAR_COLOR_CLASSES,
-  O as APP_BAR_COLOR_ON_DARK_CLASS,
-  r as APP_BAR_DENSE_MODIFIER_CLASS,
-  i as APP_BAR_ELEVATION_CLASS,
-  B as APP_BAR_GUTTER_X,
-  n as APP_BAR_GUTTER_X_DENSE,
-  R as APP_BAR_HEIGHT_COMFORTABLE,
-  c as APP_BAR_HEIGHT_DENSE,
-  o as APP_BAR_POSITION_CLASSES,
-  e as APP_BAR_ROOT_CLASS,
-  p as APP_BAR_SECTION_BASE_CLASS,
-  A as APP_BAR_SECTION_CENTER_CLASS,
-  _ as APP_BAR_SECTION_CLASS,
-  a as APP_BAR_SECTION_END_CLASS,
-  d as APP_BAR_SECTION_GROW_CLASS,
-  L as APP_BAR_VARIANT_CLASSES,
-  P as DEFAULT_APP_BAR_COLOR,
-  s as DEFAULT_APP_BAR_DISABLE_GUTTERS,
-  S as DEFAULT_APP_BAR_ELEVATION,
-  E as DEFAULT_APP_BAR_ENABLE_COLOR_ON_DARK,
-  t as DEFAULT_APP_BAR_POSITION,
-  b as DEFAULT_APP_BAR_VARIANT
+  e as APP_BAR_COLOR_CLASSES,
+  r as APP_BAR_POSITION_CLASSES,
+  a as APP_BAR_VARIANT_CLASSES
 };

package/dist/components/AppBar/AppBar.d.ts

@@ -1,3 +1,2 @@
-import { FC } from 'react';
 import { AppBarProps } from './AppBar.types';
-export declare const AppBar: FC<AppBarProps>;
+export declare const AppBar: (props: AppBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AppBar/AppBar.js

@@ -1,78 +1,57 @@
-import { jsx as _, jsxs as m, Fragment as I } from "react/jsx-runtime";
-import { DEFAULT_APP_BAR_POSITION as p, DEFAULT_APP_BAR_VARIANT as D, DEFAULT_APP_BAR_COLOR as v, DEFAULT_APP_BAR_ELEVATION as F, DEFAULT_APP_BAR_DISABLE_GUTTERS as U, DEFAULT_APP_BAR_ENABLE_COLOR_ON_DARK as f, APP_BAR_SECTION_BASE_CLASS as P, APP_BAR_SECTION_CLASS as t, APP_BAR_SECTION_GROW_CLASS as h, APP_BAR_SECTION_CENTER_CLASS as G, APP_BAR_SECTION_END_CLASS as u, APP_BAR_DENSE_MODIFIER_CLASS as y, APP_BAR_ELEVATION_CLASS as b, APP_BAR_COLOR_ON_DARK_CLASS as g, APP_BAR_COLOR_CLASSES as H, APP_BAR_VARIANT_CLASSES as V, APP_BAR_POSITION_CLASSES as x, APP_BAR_GUTTER_X_DENSE as j, APP_BAR_GUTTER_X as k, APP_BAR_HEIGHT_DENSE as K, APP_BAR_HEIGHT_COMFORTABLE as M, APP_BAR_BASE_CLASS as X, APP_BAR_ROOT_CLASS as W } from "./AppBar.const.js";
-import { useBearDensityOptional as q } from "../../context/BearProvider.js";
+import { jsx as e, jsxs as S } from "react/jsx-runtime";
+import { APP_BAR_COLOR_CLASSES as P, APP_BAR_VARIANT_CLASSES as h, APP_BAR_POSITION_CLASSES as x } from "./AppBar.const.js";
+import { POSITION_STICKY as E, VARIANT_DEFAULT as R, COLOR_PRIMARY as t, BOOLEAN_TRUE as L, BOOLEAN_FALSE as n, COMPONENT_NAME_APP_BAR as T, COLOR_DEFAULT as v, DENSITY_COMPACT as g } from "../../constants/generals.const.js";
+import { useBearDensityOptional as u } from "../../context/BearProvider.js";
 import "../../context/defaultTheme.js";
-import { cn as A } from "../../utils/cn.js";
+import { cn as y } from "../../utils/cn.js";
 import "react";
-import { resolveBearId as w } from "../../utils/generateBearId.utils.js";
-import { useBearId as z } from "../../utils/useBearId.js";
-const r_ = (S) => {
+import { resolveBearId as D } from "../../utils/generateBearId.utils.js";
+import { useBearId as k } from "../../utils/useBearId.js";
+const q = (o) => {
   const {
-    children: o,
-    position: E = p,
-    variant: R = D,
-    color: e = v,
-    className: a,
-    leftContent: n,
-    rightContent: s,
-    centerContent: i,
-    elevation: B = F,
-    dense: C,
-    disableGutters: O = U,
-    enableColorOnDark: L = f,
-    id: T,
-    testId: d
-  } = S, { density: N } = q(), r = C ?? N === "compact", c = z("AppBar"), l = w(T, c);
-  return /* @__PURE__ */ _(
+    children: s,
+    position: i = E,
+    variant: d = R,
+    color: r = t,
+    className: p,
+    leftContent: b,
+    rightContent: c,
+    centerContent: l,
+    elevation: A = L,
+    dense: _,
+    disableGutters: m = n,
+    enableColorOnDark: B = n,
+    id: O,
+    testId: f
+  } = o, { density: N } = u(), a = _ ?? N === g, C = k(T), I = D(O, C);
+  return /* @__PURE__ */ e(
     "header",
     {
-      id: l,
-      "data-testid": d,
-      className: A(
-        W,
-        X,
-        r ? K : M,
-        !O && (r ? j : k),
-        x[E],
-        V[R],
-        H[e],
-        L && e === "default" && g,
-        B && b,
-        r && y,
-        a
+      id: I,
+      "data-testid": f,
+      className: y(
+        "Bear-AppBar bear-w-full bear-flex bear-items-center",
+        a ? "bear-h-12" : "bear-h-16",
+        !m && (a ? "bear-px-3" : "bear-px-4"),
+        x[i],
+        h[d],
+        P[r],
+        B && r === v && "dark:bear-bg-primary-600 dark:bear-text-white",
+        A && "bear-shadow-md bear-border-b bear-border-gray-200/10 dark:bear-border-gray-800/40",
+        a && "Bear-AppBar--dense",
+        p
       ),
       style: {
-        backgroundColor: e === "primary" ? "var(--bear-primary-600)" : void 0
+        backgroundColor: r === t ? "var(--bear-primary-600)" : void 0
       },
-      children: o ?? /* @__PURE__ */ m(I, { children: [
-        /* @__PURE__ */ _("div", { className: A(t, P), children: n }),
-        /* @__PURE__ */ _(
-          "div",
-          {
-            className: A(
-              t,
-              G,
-              P,
-              h
-            ),
-            children: i
-          }
-        ),
-        /* @__PURE__ */ _(
-          "div",
-          {
-            className: A(
-              t,
-              u,
-              P
-            ),
-            children: s
-          }
-        )
+      children: s ?? /* @__PURE__ */ S("div", { className: "Bear-AppBar__inner bear-w-full bear-flex bear-items-center", children: [
+        /* @__PURE__ */ e("div", { className: "Bear-AppBar__section bear-flex bear-items-center bear-gap-4", children: b }),
+        /* @__PURE__ */ e("div", { className: "Bear-AppBar__section Bear-AppBar__section--center bear-flex bear-items-center bear-gap-4 bear-flex-1 bear-justify-center", children: l }),
+        /* @__PURE__ */ e("div", { className: "Bear-AppBar__section Bear-AppBar__section--end bear-flex bear-items-center bear-gap-4", children: c })
       ] })
     }
   );
 };
 export {
-  r_ as AppBar
+  q as AppBar
 };

package/dist/components/AppShell/AppShell.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),e=require("./AppShell.const.cjs"),_=require("../../utils/cn.cjs");require("react");const I=require("../../utils/generateBearId.utils.cjs"),N=require("../../utils/useBearId.cjs"),T=r=>{const{header:A,navbar:L,aside:s,footer:E,children:P,navbarCollapsed:a=e.APP_SHELL_DEFAULT_NAVBAR_COLLAPSED,navbarWidth:d=e.APP_SHELL_DEFAULT_NAVBAR_WIDTH,stickyHeader:i=e.APP_SHELL_DEFAULT_STICKY_HEADER,stickyFooter:c=e.APP_SHELL_DEFAULT_STICKY_FOOTER,padding:n=e.APP_SHELL_DEFAULT_PADDING,className:t,id:l,testId:H,...o}=r,C=N.useBearId("AppShell"),D=I.resolveBearId(l,C);return S.jsxs("div",{...o,id:D,"data-testid":H,className:_.cn(e.APP_SHELL_ROOT_CLASS,e.APP_SHELL_BASE_CLASSES,t),children:[A&&S.jsx("div",{className:_.cn(e.APP_SHELL_HEADER_CLASSES,i&&e.APP_SHELL_HEADER_STICKY_CLASS),children:A}),S.jsxs("div",{className:e.APP_SHELL_BODY_CLASSES,children:[L!==void 0&&S.jsx("aside",{className:_.cn(e.APP_SHELL_NAVBAR_BASE_CLASSES,a?e.APP_SHELL_NAVBAR_COLLAPSED_CLASS:e.APP_SHELL_NAVBAR_WIDTH_CLASSES[d]),"aria-hidden":a||void 0,children:L}),S.jsx("main",{className:_.cn(e.APP_SHELL_MAIN_CLASSES,n&&e.APP_SHELL_MAIN_PADDING_CLASS),children:P}),s&&S.jsx("aside",{className:e.APP_SHELL_ASIDE_CLASSES,children:s})]}),E&&S.jsx("div",{className:_.cn(e.APP_SHELL_FOOTER_CLASSES,c&&e.APP_SHELL_FOOTER_STICKY_CLASS),children:E})]})};exports.AppShell=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),S=require("./AppShell.const.cjs"),r=require("../../constants/generals.const.cjs"),a=require("../../utils/cn.cjs");require("react");const g=require("../../utils/generateBearId.utils.cjs"),x=require("../../utils/useBearId.cjs"),B=i=>{const{header:b,navbar:l,aside:d,footer:s,children:t,navbarCollapsed:o=r.BOOLEAN_FALSE,navbarWidth:n=r.SIZE_MD,stickyHeader:c=r.BOOLEAN_TRUE,stickyFooter:p=r.BOOLEAN_FALSE,padding:h=r.BOOLEAN_TRUE,className:_,id:u,testId:v,...f}=i,m=x.useBearId(r.COMPONENT_NAME_APP_SHELL),A=g.resolveBearId(u,m);return e.jsxs("div",{...f,id:A,"data-testid":v,className:a.cn("Bear-AppShell bear-flex bear-flex-col bear-min-h-0 bear-w-full bear-bg-[var(--bear-bg-primary)] bear-text-[var(--bear-text-primary)]",_),children:[b&&e.jsx("div",{className:a.cn("Bear-AppShell__header bear-w-full bear-z-30 bear-bg-[var(--bear-bg-primary)] bear-border-b bear-border-[var(--bear-border-default)]",c&&"bear-sticky bear-top-0"),children:b}),e.jsxs("div",{className:"Bear-AppShell__body bear-flex bear-flex-1 bear-min-h-0 bear-w-full",children:[l!==void 0&&e.jsx("aside",{className:a.cn("Bear-AppShell__navbar bear-flex-shrink-0 bear-overflow-y-auto bear-border-e bear-border-[var(--bear-border-default)] bear-bg-[var(--bear-bg-secondary)]",o?"bear-w-0 bear-overflow-hidden bear-border-e-0":S.APP_SHELL_NAVBAR_WIDTH_CLASSES[n]),"aria-hidden":o||void 0,children:l}),e.jsx("main",{className:a.cn("Bear-AppShell__main bear-flex-1 bear-min-w-0 bear-overflow-auto",h&&"bear-p-4 md:bear-p-6"),children:t}),d&&e.jsx("aside",{className:"Bear-AppShell__aside bear-w-64 bear-flex-shrink-0 bear-overflow-y-auto bear-border-s bear-border-[var(--bear-border-default)] bear-bg-[var(--bear-bg-secondary)] bear-hidden lg:bear-block",children:d})]}),s&&e.jsx("div",{className:a.cn("Bear-AppShell__footer bear-w-full bear-z-20 bear-bg-[var(--bear-bg-primary)] bear-border-t bear-border-[var(--bear-border-default)]",p&&"bear-sticky bear-bottom-0"),children:s})]})};exports.AppShell=B;

package/dist/components/AppShell/AppShell.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _="Bear-AppShell",S=!1,r="md",A=!0,L=!1,e=!0,a="bear-flex bear-flex-col bear-min-h-0 bear-w-full bear-bg-[var(--bear-bg-primary)] bear-text-[var(--bear-text-primary)]",E=`${_}__body bear-flex bear-flex-1 bear-min-h-0 bear-w-full`,b=`${_}__header bear-w-full bear-z-30 bear-bg-[var(--bear-bg-primary)] bear-border-b bear-border-[var(--bear-border-default)]`,P="bear-sticky bear-top-0",o=`${_}__navbar bear-flex-shrink-0 bear-overflow-y-auto bear-border-e bear-border-[var(--bear-border-default)] bear-bg-[var(--bear-bg-secondary)]`,H={sm:"bear-w-56",md:"bear-w-64",lg:"bear-w-72"},t="bear-w-0 bear-overflow-hidden bear-border-e-0",C=`${_}__main bear-flex-1 bear-min-w-0 bear-overflow-auto`,D="bear-p-4 md:bear-p-6",l=`${_}__aside bear-w-64 bear-flex-shrink-0 bear-overflow-y-auto bear-border-s bear-border-[var(--bear-border-default)] bear-bg-[var(--bear-bg-secondary)] bear-hidden lg:bear-block`,d=`${_}__footer bear-w-full bear-z-20 bear-bg-[var(--bear-bg-primary)] bear-border-t bear-border-[var(--bear-border-default)]`,n="bear-sticky bear-bottom-0";exports.APP_SHELL_ASIDE_CLASSES=l;exports.APP_SHELL_BASE_CLASSES=a;exports.APP_SHELL_BODY_CLASSES=E;exports.APP_SHELL_DEFAULT_NAVBAR_COLLAPSED=S;exports.APP_SHELL_DEFAULT_NAVBAR_WIDTH=r;exports.APP_SHELL_DEFAULT_PADDING=e;exports.APP_SHELL_DEFAULT_STICKY_FOOTER=L;exports.APP_SHELL_DEFAULT_STICKY_HEADER=A;exports.APP_SHELL_FOOTER_CLASSES=d;exports.APP_SHELL_FOOTER_STICKY_CLASS=n;exports.APP_SHELL_HEADER_CLASSES=b;exports.APP_SHELL_HEADER_STICKY_CLASS=P;exports.APP_SHELL_MAIN_CLASSES=C;exports.APP_SHELL_MAIN_PADDING_CLASS=D;exports.APP_SHELL_NAVBAR_BASE_CLASSES=o;exports.APP_SHELL_NAVBAR_COLLAPSED_CLASS=t;exports.APP_SHELL_NAVBAR_WIDTH_CLASSES=H;exports.APP_SHELL_ROOT_CLASS=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={sm:"bear-w-56",md:"bear-w-64",lg:"bear-w-72"};exports.APP_SHELL_NAVBAR_WIDTH_CLASSES=e;

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

@@ -1,19 +1,2 @@
 import { AppShellNavbarWidth } from './AppShell.types';
-export declare const APP_SHELL_ROOT_CLASS = "Bear-AppShell";
-export declare const APP_SHELL_DEFAULT_NAVBAR_COLLAPSED = false;
-export declare const APP_SHELL_DEFAULT_NAVBAR_WIDTH: AppShellNavbarWidth;
-export declare const APP_SHELL_DEFAULT_STICKY_HEADER = true;
-export declare const APP_SHELL_DEFAULT_STICKY_FOOTER = false;
-export declare const APP_SHELL_DEFAULT_PADDING = true;
-export declare const APP_SHELL_BASE_CLASSES = "bear-flex bear-flex-col bear-min-h-0 bear-w-full bear-bg-[var(--bear-bg-primary)] bear-text-[var(--bear-text-primary)]";
-export declare const APP_SHELL_BODY_CLASSES = "Bear-AppShell__body bear-flex bear-flex-1 bear-min-h-0 bear-w-full";
-export declare const APP_SHELL_HEADER_CLASSES = "Bear-AppShell__header bear-w-full bear-z-30 bear-bg-[var(--bear-bg-primary)] bear-border-b bear-border-[var(--bear-border-default)]";
-export declare const APP_SHELL_HEADER_STICKY_CLASS = "bear-sticky bear-top-0";
-export declare const APP_SHELL_NAVBAR_BASE_CLASSES = "Bear-AppShell__navbar bear-flex-shrink-0 bear-overflow-y-auto bear-border-e bear-border-[var(--bear-border-default)] bear-bg-[var(--bear-bg-secondary)]";
 export declare const APP_SHELL_NAVBAR_WIDTH_CLASSES: Record<AppShellNavbarWidth, string>;
-export declare const APP_SHELL_NAVBAR_COLLAPSED_CLASS = "bear-w-0 bear-overflow-hidden bear-border-e-0";
-export declare const APP_SHELL_MAIN_CLASSES = "Bear-AppShell__main bear-flex-1 bear-min-w-0 bear-overflow-auto";
-export declare const APP_SHELL_MAIN_PADDING_CLASS = "bear-p-4 md:bear-p-6";
-export declare const APP_SHELL_ASIDE_CLASSES = "Bear-AppShell__aside bear-w-64 bear-flex-shrink-0 bear-overflow-y-auto bear-border-s bear-border-[var(--bear-border-default)] bear-bg-[var(--bear-bg-secondary)] bear-hidden lg:bear-block";
-export declare const APP_SHELL_FOOTER_CLASSES = "Bear-AppShell__footer bear-w-full bear-z-20 bear-bg-[var(--bear-bg-primary)] bear-border-t bear-border-[var(--bear-border-default)]";
-export declare const APP_SHELL_FOOTER_STICKY_CLASS = "bear-sticky bear-bottom-0";