@forgedevstack/bear 1.3.0 → 1.3.1

package/dist/components/Autocomplete/hooks/useAutocomplete.d.ts

@@ -0,0 +1,25 @@
+import { AutocompleteOption, AutocompleteProps } from '../Autocomplete.types';
+type UseAutocompleteArgs = Pick<AutocompleteProps, 'options' | 'value' | 'onChange' | 'onSelect' | 'disabled' | 'freeSolo' | 'loading' | 'filterOptions'>;
+/**
+ * useAutocomplete — open state, highlight, overlay position, and list keyboard navigation.
+ */
+export declare const useAutocomplete: (args: UseAutocompleteArgs) => {
+    isOpen: boolean;
+    setIsOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    highlightedIndex: number;
+    containerRef: import('react').RefObject<HTMLDivElement>;
+    inputWrapRef: import('react').RefObject<HTMLDivElement>;
+    panelRef: import('react').RefObject<HTMLDivElement>;
+    inputRef: import('react').RefObject<HTMLInputElement>;
+    listRef: import('react').RefObject<HTMLDivElement>;
+    filteredOptions: AutocompleteOption[];
+    showListPanel: boolean;
+    showEmptyPanel: boolean;
+    overlayStyle: import('react').CSSProperties;
+    ready: boolean;
+    handleSelect: (option: AutocompleteOption) => void;
+    highlightNext: () => void;
+    highlightPrevious: () => void;
+    confirmHighlight: () => void;
+};
+export {};

package/dist/components/Autocomplete/hooks/useAutocomplete.js

@@ -0,0 +1,78 @@
+import { useState as y, useRef as l, useEffect as A } from "react";
+import { NEGATIVE_ONE as I, ZERO as n, ONE as h } from "../../../constants/numbers.const.js";
+import { BOOLEAN_FALSE as i } from "../../../constants/generals.const.js";
+import { useClickOutsideMultiple as v } from "../../../hooks/useClickOutside.js";
+import "../../../context/BearProvider.js";
+import "react/jsx-runtime";
+import "../../../hooks/useBearComponent/useBearComponent.js";
+import { useFixedAnchorPosition as B } from "../../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.js";
+import "../../FormControl/FormControl.context.js";
+import { defaultFilter as V } from "../Autocomplete.utils.js";
+const Q = (P) => {
+  const {
+    options: S,
+    value: r,
+    onChange: u,
+    onSelect: f,
+    disabled: g = i,
+    freeSolo: w = i,
+    loading: F = i,
+    filterOptions: H = V
+  } = P, [s, c] = y(i), [e, m] = y(I), a = l(null), d = l(null), O = l(null), E = l(null), p = l(null), o = H(S, r ?? ""), R = s && !g && o.length > n, x = s && !g && o.length === n && !!r && !F, { style: L, ready: k } = B({
+    anchorRef: d,
+    open: R || x,
+    matchWidth: !0
+  });
+  v(
+    [a, O],
+    () => c(i),
+    { enabled: s }
+  ), A(() => {
+    m(I);
+  }, [r]), A(() => {
+    if (e < n || !p.current)
+      return;
+    const t = p.current.children[e];
+    t && t.scrollIntoView({ block: "nearest" });
+  }, [e]);
+  const N = (t) => {
+    var b;
+    u == null || u(t.label), f == null || f(t), c(i), (b = E.current) == null || b.blur();
+  };
+  return {
+    isOpen: s,
+    setIsOpen: c,
+    highlightedIndex: e,
+    containerRef: a,
+    inputWrapRef: d,
+    panelRef: O,
+    inputRef: E,
+    listRef: p,
+    filteredOptions: o,
+    showListPanel: R,
+    showEmptyPanel: x,
+    overlayStyle: L,
+    ready: k,
+    handleSelect: N,
+    highlightNext: () => {
+      m(
+        (t) => t < o.length - h ? t + h : n
+      );
+    },
+    highlightPrevious: () => {
+      m(
+        (t) => t > n ? t - h : o.length - h
+      );
+    },
+    confirmHighlight: () => {
+      if (e >= n && o[e]) {
+        N(o[e]);
+        return;
+      }
+      w && r && c(i);
+    }
+  };
+};
+export {
+  Q as useAutocomplete
+};

package/dist/components/Avatar/Avatar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),c=require("../../utils/cn.cjs"),r=require("./Avatar.const.cjs"),h=A=>{const{src:i,alt:a=r.AVATAR_DEFAULTS.ALT,initials:n,size:o=r.AVATAR_DEFAULTS.SIZE,variant:s=r.AVATAR_DEFAULTS.VARIANT,status:t,bordered:b=!1,className:d,testId:l,...u}=A,[v,m]=g.useState(!1),_=!i||v;return e.jsxs("div",{className:c.cn("Bear-Avatar","bear-relative bear-inline-flex bear-items-center bear-justify-center","bear-bg-gray-200 dark:bear-bg-gray-700","bear-overflow-hidden",r.AVATAR_SIZE[o],r.AVATAR_VARIANT[s],b&&"Bear-Avatar--bordered bear-ring-2 bear-ring-white dark:bear-ring-gray-900",d),"data-testid":l,children:[_?n?e.jsx("span",{className:"Bear-Avatar__initials bear-font-medium bear-text-gray-600 dark:bear-text-gray-300 bear-uppercase",children:n.slice(0,r.AVATAR_DEFAULTS.MAX_INITIALS)}):e.jsx("svg",{className:"Bear-Avatar__placeholder bear-w-3/5 bear-h-3/5 bear-text-gray-400",fill:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{d:"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"})}):e.jsx("img",{src:i,alt:a,onError:()=>m(!0),className:"Bear-Avatar__image bear-w-full bear-h-full bear-object-cover",...u}),t&&e.jsx("span",{className:c.cn("Bear-Avatar__status",`Bear-Avatar__status--${t}`,"bear-absolute bear-bottom-0 bear-right-0","bear-w-1/4 bear-h-1/4 bear-min-w-[8px] bear-min-h-[8px]","bear-rounded-full bear-ring-2 bear-ring-white dark:bear-ring-gray-900",r.AVATAR_STATUS[t])})]})},x=A=>{const{children:i,max:a,size:n=r.AVATAR_DEFAULTS.SIZE,className:o}=A,s=g.Children.toArray(i),t=a?s.slice(0,a):s,b=a?s.length-a:0;return e.jsxs("div",{className:c.cn("Bear-AvatarGroup bear-flex bear--space-x-2",o),children:[t.map((d,l)=>e.jsx("div",{className:"Bear-AvatarGroup__item bear-relative",style:{zIndex:t.length-l},children:d},l)),b>0&&e.jsxs("div",{className:c.cn("Bear-AvatarGroup__overflow","bear-relative bear-inline-flex bear-items-center bear-justify-center","bear-bg-gray-200 dark:bear-bg-gray-700 bear-rounded-full","bear-ring-2 bear-ring-white dark:bear-ring-gray-900","bear-text-gray-600 dark:bear-text-gray-300 bear-font-medium",r.AVATAR_SIZE[n]),style:{zIndex:0},children:["+",b]})]})};exports.Avatar=h;exports.AvatarGroup=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),T=require("react"),x=require("../../constants/numbers.const.cjs"),b=require("../../constants/generals.const.cjs"),c=require("../../utils/cn.cjs"),h=require("../Box/Box.cjs"),E=require("../Icon/index.cjs"),r=require("./Avatar.const.cjs"),S=n=>{const{showFallback:t,initials:s,src:i,alt:o,rest:A,onImageError:e}=n;return t?s?a.jsx(h.Box,{as:"span",className:"Bear-Avatar__initials bear-font-medium bear-text-gray-600 dark:bear-text-gray-300 bear-uppercase",children:s.slice(0,x.AVATAR_MAX_INITIALS)}):a.jsx(E.UserIcon,{className:"Bear-Avatar__placeholder bear-w-3/5 bear-h-3/5 bear-text-gray-400"}):a.jsx("img",{src:i,alt:o,onError:e,className:"Bear-Avatar__image bear-w-full bear-h-full bear-object-cover",...A})},B=n=>{const{src:t,alt:s=r.AVATAR_DEFAULTS.ALT,initials:i,size:o=r.AVATAR_DEFAULTS.SIZE,variant:A=r.AVATAR_DEFAULTS.VARIANT,status:e,bordered:l=b.BOOLEAN_FALSE,className:u,testId:d,...g}=n,[_,m]=T.useState(b.BOOLEAN_FALSE),v=!t||_;return a.jsxs("div",{className:c.cn("Bear-Avatar","bear-relative bear-inline-flex bear-items-center bear-justify-center","bear-bg-gray-200 dark:bear-bg-gray-700","bear-overflow-hidden",r.AVATAR_SIZE[o],r.AVATAR_VARIANT[A],l&&"Bear-Avatar--bordered bear-ring-2 bear-ring-white dark:bear-ring-gray-900",u),"data-testid":d,children:[S({showFallback:v,initials:i,src:t,alt:s,rest:g,onImageError:()=>m(!0)}),e&&a.jsx("span",{className:c.cn("Bear-Avatar__status",`Bear-Avatar__status--${e}`,"bear-absolute bear-bottom-0 bear-right-0","bear-w-1/4 bear-h-1/4 bear-min-w-[8px] bear-min-h-[8px]","bear-rounded-full bear-ring-2 bear-ring-white dark:bear-ring-gray-900",r.AVATAR_STATUS[e])})]})};exports.Avatar=B;

package/dist/components/Avatar/Avatar.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={xs:"bear-w-6 bear-h-6 bear-text-xs",sm:"bear-w-8 bear-h-8 bear-text-sm",md:"bear-w-10 bear-h-10 bear-text-base",lg:"bear-w-12 bear-h-12 bear-text-lg",xl:"bear-w-16 bear-h-16 bear-text-xl","2xl":"bear-w-20 bear-h-20 bear-text-2xl"},r={circle:"bear-rounded-full",rounded:"bear-rounded-lg",square:"bear-rounded-none"},A={online:"bear-bg-green-500",offline:"bear-bg-gray-400",away:"bear-bg-yellow-500",busy:"bear-bg-red-500"},a={SIZE:"md",VARIANT:"circle",ALT:"Avatar",MAX_INITIALS:2};exports.AVATAR_DEFAULTS=a;exports.AVATAR_SIZE=e;exports.AVATAR_STATUS=A;exports.AVATAR_VARIANT=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../constants/generals.const.cjs"),A={xs:"bear-w-6 bear-h-6 bear-text-xs",sm:"bear-w-8 bear-h-8 bear-text-sm",md:"bear-w-10 bear-h-10 bear-text-base",lg:"bear-w-12 bear-h-12 bear-text-lg",xl:"bear-w-16 bear-h-16 bear-text-xl","2xl":"bear-w-20 bear-h-20 bear-text-2xl"},r={circle:"bear-rounded-full",rounded:"bear-rounded-lg",square:"bear-rounded-none"},a={online:"bear-bg-green-500",offline:"bear-bg-gray-400",away:"bear-bg-yellow-500",busy:"bear-bg-red-500"},b={SIZE:e.SIZE_MD,VARIANT:e.AVATAR_VARIANT_CIRCLE,ALT:e.AVATAR_ALT};exports.AVATAR_DEFAULTS=b;exports.AVATAR_SIZE=A;exports.AVATAR_STATUS=a;exports.AVATAR_VARIANT=r;

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

@@ -1,6 +1,3 @@
-/**
- * Avatar component constants
- */
 export declare const AVATAR_SIZE: {
     readonly xs: "bear-w-6 bear-h-6 bear-text-xs";
     readonly sm: "bear-w-8 bear-h-8 bear-text-sm";
@@ -21,8 +18,8 @@ export declare const AVATAR_STATUS: {
     readonly busy: "bear-bg-red-500";
 };
 export declare const AVATAR_DEFAULTS: {
-    readonly SIZE: "md";
-    readonly VARIANT: "circle";
-    readonly ALT: "Avatar";
-    readonly MAX_INITIALS: 2;
+    SIZE: "md";
+    VARIANT: "circle";
+    ALT: string;
+    MAX_INITIALS: number;
 };

package/dist/components/Avatar/Avatar.const.js

@@ -1,28 +1,28 @@
-const e = {
+import { AVATAR_ALT as e, SIZE_MD as r, AVATAR_VARIANT_CIRCLE as b } from "../../constants/generals.const.js";
+const A = {
   xs: "bear-w-6 bear-h-6 bear-text-xs",
   sm: "bear-w-8 bear-h-8 bear-text-sm",
   md: "bear-w-10 bear-h-10 bear-text-base",
   lg: "bear-w-12 bear-h-12 bear-text-lg",
   xl: "bear-w-16 bear-h-16 bear-text-xl",
   "2xl": "bear-w-20 bear-h-20 bear-text-2xl"
-}, r = {
+}, t = {
   circle: "bear-rounded-full",
   rounded: "bear-rounded-lg",
   square: "bear-rounded-none"
-}, a = {
+}, o = {
   online: "bear-bg-green-500",
   offline: "bear-bg-gray-400",
   away: "bear-bg-yellow-500",
   busy: "bear-bg-red-500"
-}, b = {
-  SIZE: "md",
-  VARIANT: "circle",
-  ALT: "Avatar",
-  MAX_INITIALS: 2
+}, l = {
+  SIZE: r,
+  VARIANT: b,
+  ALT: e
 };
 export {
-  b as AVATAR_DEFAULTS,
-  e as AVATAR_SIZE,
-  a as AVATAR_STATUS,
-  r as AVATAR_VARIANT
+  l as AVATAR_DEFAULTS,
+  A as AVATAR_SIZE,
+  o as AVATAR_STATUS,
+  t as AVATAR_VARIANT
 };

package/dist/components/Avatar/Avatar.d.ts

@@ -1,16 +1,2 @@
-import { FC } from 'react';
-import { AvatarProps, AvatarGroupProps } from './Avatar.types';
-/**
- * Avatar - User profile image with fallback
- *
- * @example
- * ```tsx
- * <Avatar src="/user.jpg" alt="John Doe" size="md" status="online" />
- * <Avatar initials="JD" size="lg" variant="rounded" />
- * ```
- */
-export declare const Avatar: FC<AvatarProps>;
-/**
- * AvatarGroup - Stack of overlapping avatars
- */
-export declare const AvatarGroup: FC<AvatarGroupProps>;
+import { AvatarProps } from './Avatar.types';
+export declare const Avatar: (props: AvatarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Avatar/Avatar.js

@@ -1,91 +1,76 @@
-import { jsxs as A, jsx as e } from "react/jsx-runtime";
-import p, { useState as _ } from "react";
-import { cn as o } from "../../utils/cn.js";
-import { AVATAR_DEFAULTS as s, AVATAR_STATUS as x, AVATAR_VARIANT as y, AVATAR_SIZE as g } from "./Avatar.const.js";
-const T = (c) => {
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { useState as h } from "react";
+import { AVATAR_MAX_INITIALS as v } from "../../constants/numbers.const.js";
+import { BOOLEAN_FALSE as A } from "../../constants/generals.const.js";
+import { cn as m } from "../../utils/cn.js";
+import { Box as T } from "../Box/Box.js";
+import { UserIcon as I } from "../Icon/index.js";
+import { AVATAR_DEFAULTS as b, AVATAR_STATUS as x, AVATAR_VARIANT as E, AVATAR_SIZE as N } from "./Avatar.const.js";
+const w = (s) => {
+  const { showFallback: a, initials: e, src: o, alt: i, rest: n, onImageError: r } = s;
+  return a ? e ? /* @__PURE__ */ t(T, { as: "span", className: "Bear-Avatar__initials bear-font-medium bear-text-gray-600 dark:bear-text-gray-300 bear-uppercase", children: e.slice(0, v) }) : /* @__PURE__ */ t(I, { className: "Bear-Avatar__placeholder bear-w-3/5 bear-h-3/5 bear-text-gray-400" }) : /* @__PURE__ */ t(
+    "img",
+    {
+      src: o,
+      alt: i,
+      onError: r,
+      className: "Bear-Avatar__image bear-w-full bear-h-full bear-object-cover",
+      ...n
+    }
+  );
+}, F = (s) => {
   const {
-    src: i,
-    alt: r = s.ALT,
-    initials: b,
-    size: d = s.SIZE,
-    variant: t = s.VARIANT,
-    status: a,
-    bordered: l = !1,
-    className: m,
-    testId: n,
-    ...v
-  } = c, [h, u] = _(!1), f = !i || h;
-  return /* @__PURE__ */ A(
+    src: a,
+    alt: e = b.ALT,
+    initials: o,
+    size: i = b.SIZE,
+    variant: n = b.VARIANT,
+    status: r,
+    bordered: l = A,
+    className: c,
+    testId: d,
+    ...g
+  } = s, [f, u] = h(A), _ = !a || f;
+  return /* @__PURE__ */ p(
     "div",
     {
-      className: o(
+      className: m(
         "Bear-Avatar",
         "bear-relative bear-inline-flex bear-items-center bear-justify-center",
         "bear-bg-gray-200 dark:bear-bg-gray-700",
         "bear-overflow-hidden",
-        g[d],
-        y[t],
+        N[i],
+        E[n],
         l && "Bear-Avatar--bordered bear-ring-2 bear-ring-white dark:bear-ring-gray-900",
-        m
+        c
       ),
-      "data-testid": n,
+      "data-testid": d,
       children: [
-        f ? b ? /* @__PURE__ */ e("span", { className: "Bear-Avatar__initials bear-font-medium bear-text-gray-600 dark:bear-text-gray-300 bear-uppercase", children: b.slice(0, s.MAX_INITIALS) }) : /* @__PURE__ */ e("svg", { className: "Bear-Avatar__placeholder bear-w-3/5 bear-h-3/5 bear-text-gray-400", fill: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }) }) : /* @__PURE__ */ e(
-          "img",
-          {
-            src: i,
-            alt: r,
-            onError: () => u(!0),
-            className: "Bear-Avatar__image bear-w-full bear-h-full bear-object-cover",
-            ...v
-          }
-        ),
-        a && /* @__PURE__ */ e(
+        w({
+          showFallback: _,
+          initials: o,
+          src: a,
+          alt: e,
+          rest: g,
+          onImageError: () => u(!0)
+        }),
+        r && /* @__PURE__ */ t(
           "span",
           {
-            className: o(
+            className: m(
               "Bear-Avatar__status",
-              `Bear-Avatar__status--${a}`,
+              `Bear-Avatar__status--${r}`,
               "bear-absolute bear-bottom-0 bear-right-0",
               "bear-w-1/4 bear-h-1/4 bear-min-w-[8px] bear-min-h-[8px]",
               "bear-rounded-full bear-ring-2 bear-ring-white dark:bear-ring-gray-900",
-              x[a]
+              x[r]
             )
           }
         )
       ]
     }
   );
-}, k = (c) => {
-  const {
-    children: i,
-    max: r,
-    size: b = s.SIZE,
-    className: d
-  } = c, t = p.Children.toArray(i), a = r ? t.slice(0, r) : t, l = r ? t.length - r : 0;
-  return /* @__PURE__ */ A("div", { className: o("Bear-AvatarGroup bear-flex bear--space-x-2", d), children: [
-    a.map((m, n) => /* @__PURE__ */ e("div", { className: "Bear-AvatarGroup__item bear-relative", style: { zIndex: a.length - n }, children: m }, n)),
-    l > 0 && /* @__PURE__ */ A(
-      "div",
-      {
-        className: o(
-          "Bear-AvatarGroup__overflow",
-          "bear-relative bear-inline-flex bear-items-center bear-justify-center",
-          "bear-bg-gray-200 dark:bear-bg-gray-700 bear-rounded-full",
-          "bear-ring-2 bear-ring-white dark:bear-ring-gray-900",
-          "bear-text-gray-600 dark:bear-text-gray-300 bear-font-medium",
-          g[b]
-        ),
-        style: { zIndex: 0 },
-        children: [
-          "+",
-          l
-        ]
-      }
-    )
-  ] });
 };
 export {
-  T as Avatar,
-  k as AvatarGroup
+  F as Avatar
 };

package/dist/components/Avatar/components/AvatarGroup/AvatarGroup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../../constants/numbers.const.cjs"),n=require("../../../../utils/cn.cjs");require("react");const i=require("../../../Box/Box.cjs"),o=require("../../Avatar.const.cjs"),A=require("./AvatarGroup.utils.cjs"),d=c=>{const{children:l,max:u,size:b=o.AVATAR_DEFAULTS.SIZE,className:m}=c,{visible:r,remaining:a}=A.resolveAvatarGroupItems(l,u);return e.jsxs("div",{className:n.cn("Bear-AvatarGroup bear-flex bear--space-x-2",m),children:[r.map((v,t)=>e.jsx(i.Box,{className:"Bear-AvatarGroup__item bear-relative",style:{zIndex:r.length-t},children:v},t)),a>s.ZERO&&e.jsxs(i.Box,{className:n.cn("Bear-AvatarGroup__overflow","bear-relative bear-inline-flex bear-items-center bear-justify-center","bear-bg-gray-200 dark:bear-bg-gray-700 bear-rounded-full","bear-ring-2 bear-ring-white dark:bear-ring-gray-900","bear-text-gray-600 dark:bear-text-gray-300 bear-font-medium",o.AVATAR_SIZE[b]),style:{zIndex:s.ZERO},children:["+",a]})]})};exports.AvatarGroup=d;

package/dist/components/Avatar/components/AvatarGroup/AvatarGroup.const.d.ts

@@ -0,0 +1 @@
+export { AVATAR_SIZE, AVATAR_DEFAULTS } from '../../Avatar.const';

package/dist/components/Avatar/components/AvatarGroup/AvatarGroup.d.ts

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

package/dist/components/Avatar/components/AvatarGroup/AvatarGroup.js

@@ -0,0 +1,39 @@
+import { jsxs as t, jsx as d } from "react/jsx-runtime";
+import { ZERO as i } from "../../../../constants/numbers.const.js";
+import { cn as o } from "../../../../utils/cn.js";
+import "react";
+import { Box as m } from "../../../Box/Box.js";
+import { AVATAR_DEFAULTS as f, AVATAR_SIZE as g } from "../../Avatar.const.js";
+import { resolveAvatarGroupItems as A } from "./AvatarGroup.utils.js";
+const I = (s) => {
+  const {
+    children: n,
+    max: l,
+    size: b = f.SIZE,
+    className: c
+  } = s, { visible: r, remaining: e } = A(n, l);
+  return /* @__PURE__ */ t("div", { className: o("Bear-AvatarGroup bear-flex bear--space-x-2", c), children: [
+    r.map((p, a) => /* @__PURE__ */ d(m, { className: "Bear-AvatarGroup__item bear-relative", style: { zIndex: r.length - a }, children: p }, a)),
+    e > i && /* @__PURE__ */ t(
+      m,
+      {
+        className: o(
+          "Bear-AvatarGroup__overflow",
+          "bear-relative bear-inline-flex bear-items-center bear-justify-center",
+          "bear-bg-gray-200 dark:bear-bg-gray-700 bear-rounded-full",
+          "bear-ring-2 bear-ring-white dark:bear-ring-gray-900",
+          "bear-text-gray-600 dark:bear-text-gray-300 bear-font-medium",
+          g[b]
+        ),
+        style: { zIndex: i },
+        children: [
+          "+",
+          e
+        ]
+      }
+    )
+  ] });
+};
+export {
+  I as AvatarGroup
+};

package/dist/components/Avatar/components/AvatarGroup/AvatarGroup.types.d.ts

@@ -0,0 +1 @@
+export type { AvatarGroupProps } from '../../Avatar.types';

package/dist/components/Avatar/components/AvatarGroup/AvatarGroup.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../constants/numbers.const.cjs"),c=require("react"),i=(s,e)=>{const r=c.Children.toArray(s),o=e?r.slice(t.ZERO,e):r,n=e?r.length-e:t.ZERO;return{visible:o,remaining:n}};exports.resolveAvatarGroupItems=i;

package/dist/components/Avatar/components/AvatarGroup/AvatarGroup.utils.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export declare const resolveAvatarGroupItems: (children: ReactNode, max?: number) => {
+    visible: (string | number | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | import('react').ReactPortal)[];
+    remaining: number;
+};

package/dist/components/Avatar/components/AvatarGroup/AvatarGroup.utils.js

@@ -0,0 +1,9 @@
+import { ZERO as o } from "../../../../constants/numbers.const.js";
+import { Children as i } from "react";
+const a = (e, r) => {
+  const t = i.toArray(e), n = r ? t.slice(o, r) : t, s = r ? t.length - r : o;
+  return { visible: n, remaining: s };
+};
+export {
+  a as resolveAvatarGroupItems
+};

package/dist/components/Avatar/components/AvatarGroup/index.d.ts

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

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

@@ -0,0 +1,2 @@
+export { AvatarGroup } from './AvatarGroup';
+export type { AvatarGroupProps } from './AvatarGroup';

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

@@ -1,3 +1,4 @@
-export { Avatar, AvatarGroup } from './Avatar';
+export { Avatar } from './Avatar';
+export { AvatarGroup } from './components';
 export type { AvatarProps, AvatarGroupProps } from './Avatar.types';
 export { AVATAR_SIZE, AVATAR_VARIANT, AVATAR_STATUS, AVATAR_DEFAULTS } from './Avatar.const';

package/dist/components/BackTop/BackTop.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),s=require("react"),v=require("../../utils/cn.cjs"),y=require("../Button/Button.cjs"),o=require("./BackTop.const.cjs"),_=({bottom:a=o.BACKTOP_DEFAULTS.BOTTOM,right:l=o.BACKTOP_DEFAULTS.RIGHT,visibleAt:b=o.BACKTOP_DEFAULTS.VISIBLE_AT,duration:c=o.BACKTOP_DEFAULTS.DURATION,target:i,children:p,size:u=o.BACKTOP_DEFAULTS.SIZE,variant:h=o.BACKTOP_DEFAULTS.VARIANT,animated:A=o.BACKTOP_DEFAULTS.ANIMATED,className:S,testId:w,onClick:r,...B})=>{const[f,E]=s.useState(!1),t=o.BACKTOP_SIZES[u],n=s.useCallback(()=>i?i():typeof window<"u"?window:null,[i]);s.useEffect(()=>{const e=n();if(!e)return;const T=()=>{const g=e===window?window.scrollY||document.documentElement.scrollTop:e.scrollTop;E(g>=b)};return e.addEventListener("scroll",T,{passive:!0}),T(),()=>{e.removeEventListener("scroll",T)}},[n,b]);const m=s.useCallback(()=>{const e=n();e&&(r==null||r(),e===window?window.scrollTo({top:0,behavior:c>0?"smooth":"auto"}):e.scrollTo({top:0,behavior:c>0?"smooth":"auto"}))},[n,c,r]),L=d.jsx("svg",{width:t.iconSize,height:t.iconSize,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.5,strokeLinecap:"round",strokeLinejoin:"round",children:d.jsx("path",{d:"M18 15l-6-6-6 6"})}),O=u==="sm"?"sm":u==="lg"?"lg":"md";return d.jsx(y.Button,{variant:h,size:O,className:v.cn("Bear-BackTop","!bear-rounded-full !bear-p-0","!bear-fixed !bear-shadow-lg bear-z-[9999]",A&&"bear-transition-all bear-duration-300 bear-ease-out",f?"bear-opacity-100 bear-translate-y-0 bear-scale-100":"bear-opacity-0 bear-translate-y-5 bear-scale-75 bear-pointer-events-none",S),style:{bottom:typeof a=="number"?`${a}px`:a,right:typeof l=="number"?`${l}px`:l,width:t.width,height:t.height,minWidth:t.width},onClick:m,"aria-label":"Scroll to top","data-testid":w,...B,children:p||L})};exports.BackTop=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react/jsx-runtime"),a=require("react"),u=require("../../constants/numbers.const.cjs"),i=require("../../constants/generals.const.cjs"),g=require("../../utils/cn.cjs"),L=require("../Button/Button.cjs"),U=require("../Icon/index.cjs"),t=require("./BackTop.const.cjs"),P=p=>{const{bottom:c=t.BACKTOP_DEFAULTS.BOTTOM,right:l=t.BACKTOP_DEFAULTS.RIGHT,visibleAt:d=t.BACKTOP_DEFAULTS.VISIBLE_AT,duration:b=t.BACKTOP_DEFAULTS.DURATION,target:T,children:B,size:A=t.BACKTOP_DEFAULTS.SIZE,variant:E=t.BACKTOP_DEFAULTS.VARIANT,animated:S=t.BACKTOP_DEFAULTS.ANIMATED,className:_,testId:h,onClick:o,...w}=p,[f,m]=a.useState(!1),n=t.BACKTOP_SIZES[A],s=a.useCallback(()=>T?T():typeof window<"u"?window:null,[T]);a.useEffect(()=>{const e=s();if(!e)return;const r=()=>{const I=e===window?window.scrollY||document.documentElement.scrollTop:e.scrollTop;m(I>=d)};return e.addEventListener("scroll",r,{passive:!0}),r(),()=>{e.removeEventListener("scroll",r)}},[s,d]);const C=a.useCallback(()=>{const e=s();if(!e)return;o==null||o();const r=b>u.ZERO?i.SCROLL_BEHAVIOR_SMOOTH:i.SCROLL_BEHAVIOR_AUTO;if(e===window){window.scrollTo({top:u.ZERO,behavior:r});return}e.scrollTo({top:u.ZERO,behavior:r})},[s,b,o]);return O.jsx(L.Button,{variant:E,size:t.BACKTOP_BUTTON_SIZE[A],className:g.cn("Bear-BackTop","!bear-rounded-full !bear-p-0","!bear-fixed !bear-shadow-lg bear-z-[9999]",S&&"bear-transition-all bear-duration-300 bear-ease-out",f?"bear-opacity-100 bear-translate-y-0 bear-scale-100":"bear-opacity-0 bear-translate-y-5 bear-scale-75 bear-pointer-events-none",_),style:{bottom:typeof c=="number"?`${c}${i.UNIT_PX}`:c,right:typeof l=="number"?`${l}${i.UNIT_PX}`:l,width:n.width,height:n.height,minWidth:n.width},onClick:C,"aria-label":"Scroll to top","data-testid":h,...w,children:B||O.jsx(U.ChevronsUpIcon,{size:n.iconSize})})};exports.BackTop=P;

package/dist/components/BackTop/BackTop.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i={BOTTOM:40,RIGHT:40,VISIBLE_AT:400,DURATION:300,SIZE:"md",VARIANT:"primary",ANIMATED:!0},t={sm:{width:36,height:36,iconSize:16},md:{width:44,height:44,iconSize:20},lg:{width:52,height:52,iconSize:24}};exports.BACKTOP_DEFAULTS=i;exports.BACKTOP_SIZES=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../../constants/generals.const.cjs"),T={BOTTOM:40,RIGHT:40,VISIBLE_AT:400,DURATION:300,SIZE:S.SIZE_MD,VARIANT:S.VARIANT_PRIMARY,ANIMATED:S.BOOLEAN_TRUE},I={sm:{width:36,height:36,iconSize:16},md:{width:44,height:44,iconSize:20},lg:{width:52,height:52,iconSize:24}},_={[S.SIZE_SM]:S.SIZE_SM,[S.SIZE_MD]:S.SIZE_MD,[S.SIZE_LG]:S.SIZE_LG};exports.BACKTOP_BUTTON_SIZE=_;exports.BACKTOP_DEFAULTS=T;exports.BACKTOP_SIZES=I;

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

@@ -1,34 +1,28 @@
-/**
- * BackTop component defaults
- * Uses Bear Button for consistent styling
- */
+import { CompactBearSize } from '../../types';
 export declare const BACKTOP_DEFAULTS: {
-    readonly BOTTOM: 40;
-    readonly RIGHT: 40;
-    readonly VISIBLE_AT: 400;
-    readonly DURATION: 300;
-    readonly SIZE: "md";
-    readonly VARIANT: "primary";
-    readonly ANIMATED: true;
+    BOTTOM: number;
+    RIGHT: number;
+    VISIBLE_AT: number;
+    DURATION: number;
+    SIZE: "md";
+    VARIANT: "primary";
+    ANIMATED: boolean;
 };
-/**
- * BackTop size configurations
- * Controls the button dimensions and icon size
- */
 export declare const BACKTOP_SIZES: {
-    readonly sm: {
-        readonly width: 36;
-        readonly height: 36;
-        readonly iconSize: 16;
+    sm: {
+        width: number;
+        height: number;
+        iconSize: number;
     };
-    readonly md: {
-        readonly width: 44;
-        readonly height: 44;
-        readonly iconSize: 20;
+    md: {
+        width: number;
+        height: number;
+        iconSize: number;
     };
-    readonly lg: {
-        readonly width: 52;
-        readonly height: 52;
-        readonly iconSize: 24;
+    lg: {
+        width: number;
+        height: number;
+        iconSize: number;
     };
 };
+export declare const BACKTOP_BUTTON_SIZE: Record<CompactBearSize, CompactBearSize>;

package/dist/components/BackTop/BackTop.const.js

@@ -1,12 +1,13 @@
-const i = {
+import { SIZE_MD as T, VARIANT_PRIMARY as i, BOOLEAN_TRUE as S, SIZE_LG as A, SIZE_SM as I } from "../../constants/generals.const.js";
+const E = {
   BOTTOM: 40,
   RIGHT: 40,
   VISIBLE_AT: 400,
   DURATION: 300,
-  SIZE: "md",
-  VARIANT: "primary",
-  ANIMATED: !0
-}, t = {
+  SIZE: T,
+  VARIANT: i,
+  ANIMATED: S
+}, _ = {
   sm: {
     width: 36,
     height: 36,
@@ -22,8 +23,13 @@ const i = {
     height: 52,
     iconSize: 24
   }
+}, h = {
+  [I]: I,
+  [T]: T,
+  [A]: A
 };
 export {
-  i as BACKTOP_DEFAULTS,
-  t as BACKTOP_SIZES
+  h as BACKTOP_BUTTON_SIZE,
+  E as BACKTOP_DEFAULTS,
+  _ as BACKTOP_SIZES
 };

package/dist/components/BackTop/BackTop.d.ts

@@ -1,21 +1,3 @@
-import { FC } from 'react';
 import { BackTopProps } from './BackTop.types';
-/**
- * BackTop - Scroll to top button
- *
- * @example
- * ```tsx
- * // Basic usage
- * <BackTop />
- *
- * // Custom position and threshold
- * <BackTop bottom={60} right={20} visibleAt={200} />
- *
- * // Custom content
- * <BackTop>
- *   <span>↑ Top</span>
- * </BackTop>
- * ```
- */
-export declare const BackTop: FC<BackTopProps>;
+export declare const BackTop: (props: BackTopProps) => import("react/jsx-runtime").JSX.Element;
 export default BackTop;