@forgedevstack/bear 1.3.0 → 1.3.1

package/dist/components/BackTop/BackTop.js

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

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

@@ -1,29 +1,17 @@
 import { ReactNode, HTMLAttributes } from 'react';
-import { BearVariant, BearSize } from '../../types';
+import { BearVariant, CompactBearSize } from '../../types';
 export interface BackTopProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'children'> {
     id?: string;
-    /** Distance from bottom of viewport */
     bottom?: number | string;
-    /** Distance from right of viewport */
     right?: number | string;
-    /** Show threshold - scroll distance before button appears */
     visibleAt?: number;
-    /** Scroll duration in ms */
     duration?: number;
-    /** Target element to scroll (defaults to window) */
     target?: () => HTMLElement | null;
-    /** Custom icon or content */
     children?: ReactNode;
-    /** Button size - uses Bear Button sizes */
-    size?: Extract<BearSize, 'sm' | 'md' | 'lg'>;
-    /** Button variant - uses Bear Button variants */
+    size?: CompactBearSize;
     variant?: BearVariant;
-    /** Show/hide animation */
     animated?: boolean;
-    /** Custom class name */
     className?: string;
-    /** Test ID */
     testId?: string;
-    /** Callback when clicked */
     onClick?: () => void;
 }

package/dist/components/Backdrop/Backdrop.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),e=require("./Backdrop.const.cjs"),R=require("../../utils/cn.cjs");require("react");const E=require("../../utils/generateBearId.utils.cjs"),P=require("../../utils/useBearId.cjs"),L=s=>{const{id:S,testId:_,open:r=!0,invisible:d=!1,blur:i=!1,nested:t=!1,zIndex:o,transitionDuration:a=e.BACKDROP_DEFAULT_TRANSITION_MS,keepMounted:A=!1,onClick:B,children:n,className:c,style:I,...O}=s,C=P.useBearId("Backdrop"),D=E.resolveBearId(S,C),u=o??(t?e.BACKDROP_NESTED_Z_INDEX:e.BACKDROP_DEFAULT_Z_INDEX);return!r&&!A&&!n?null:l.jsx("div",{...O,id:D,"data-testid":_,"aria-hidden":!r,onClick:B,className:R.cn(e.BACKDROP_ROOT_CLASS,t?e.BACKDROP_POSITION_ABSOLUTE_CLASS:e.BACKDROP_POSITION_FIXED_CLASS,e.BACKDROP_BASE_CLASSES,r?e.BACKDROP_VISIBLE_CLASSES:e.BACKDROP_HIDDEN_CLASSES,!d&&e.BACKDROP_TINT_CLASSES,i&&e.BACKDROP_BLUR_CLASSES,t&&`${e.BACKDROP_ROOT_CLASS}--nested`,c),style:{zIndex:u,transitionDuration:`${a}ms`,...I},children:n})};exports.Backdrop=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react/jsx-runtime"),n=require("../../constants/numbers.const.cjs"),e=require("../../constants/generals.const.cjs"),k=require("../../utils/cn.cjs");require("react");const D=require("../../utils/generateBearId.utils.cjs"),L=require("../../utils/useBearId.cjs"),m=s=>{const{id:i,testId:o,open:r=e.BOOLEAN_TRUE,invisible:c=e.BOOLEAN_FALSE,blur:d=e.BOOLEAN_FALSE,nested:t=e.BOOLEAN_FALSE,zIndex:b,transitionDuration:u=n.BACKDROP_TRANSITION_MS,keepMounted:l=e.BOOLEAN_FALSE,onClick:B,children:a,className:O,style:_,...E}=s,A=L.useBearId(e.COMPONENT_NAME_BACKDROP),N=D.resolveBearId(i,A),p=b??(t?n.BACKDROP_NESTED_Z_INDEX:n.BACKDROP_DEFAULT_Z_INDEX);return!r&&!l&&!a?null:I.jsx("div",{...E,id:N,"data-testid":o,"aria-hidden":!r,onClick:B,className:k.cn("Bear-Backdrop",t?"bear-absolute":"bear-fixed","bear-inset-0 bear-flex bear-items-center bear-justify-center bear-transition-opacity",r?"bear-opacity-100 bear-pointer-events-auto":"bear-opacity-0 bear-pointer-events-none",!c&&"bear-bg-black/50 dark:bear-bg-black/60",d&&"bear-backdrop-blur-sm",t&&"Bear-Backdrop--nested",O),style:{zIndex:p,transitionDuration:`${u}ms`,..._},children:a})};exports.Backdrop=m;

package/dist/components/Backdrop/Backdrop.d.ts

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

package/dist/components/Backdrop/Backdrop.js

@@ -1,53 +1,54 @@
-import { jsx as m } from "react/jsx-runtime";
-import { BACKDROP_DEFAULT_TRANSITION_MS as P, BACKDROP_NESTED_Z_INDEX as R, BACKDROP_DEFAULT_Z_INDEX as L, BACKDROP_ROOT_CLASS as o, BACKDROP_BLUR_CLASSES as c, BACKDROP_TINT_CLASSES as p, BACKDROP_VISIBLE_CLASSES as K, BACKDROP_HIDDEN_CLASSES as N, BACKDROP_BASE_CLASSES as T, BACKDROP_POSITION_ABSOLUTE_CLASS as f, BACKDROP_POSITION_FIXED_CLASS as u } from "./Backdrop.const.js";
+import { jsx as E } from "react/jsx-runtime";
+import { BACKDROP_TRANSITION_MS as O, BACKDROP_NESTED_Z_INDEX as f, BACKDROP_DEFAULT_Z_INDEX as A } from "../../constants/numbers.const.js";
+import { BOOLEAN_TRUE as D, BOOLEAN_FALSE as e, COMPONENT_NAME_BACKDROP as k } from "../../constants/generals.const.js";
 import { cn as x } from "../../utils/cn.js";
 import "react";
-import { resolveBearId as k } from "../../utils/generateBearId.utils.js";
-import { useBearId as U } from "../../utils/useBearId.js";
-const y = (S) => {
+import { resolveBearId as y } from "../../utils/generateBearId.utils.js";
+import { useBearId as C } from "../../utils/useBearId.js";
+const S = (o) => {
   const {
     id: n,
-    testId: s,
-    open: e = !0,
-    invisible: _ = !1,
-    blur: i = !1,
-    nested: t = !1,
-    zIndex: A,
-    transitionDuration: d = P,
-    keepMounted: a = !1,
-    onClick: D,
-    children: r,
-    className: I,
-    style: C,
-    ...B
-  } = S, O = U("Backdrop"), E = k(n, O), l = A ?? (t ? R : L);
-  return !e && !a && !r ? null : /* @__PURE__ */ m(
+    testId: i,
+    open: r = D,
+    invisible: s = e,
+    blur: d = e,
+    nested: t = e,
+    zIndex: b,
+    transitionDuration: c = O,
+    keepMounted: p = e,
+    onClick: m,
+    children: a,
+    className: l,
+    style: B,
+    ...u
+  } = o, I = C(k), N = y(n, I), _ = b ?? (t ? f : A);
+  return !r && !p && !a ? null : /* @__PURE__ */ E(
     "div",
     {
-      ...B,
-      id: E,
-      "data-testid": s,
-      "aria-hidden": !e,
-      onClick: D,
+      ...u,
+      id: N,
+      "data-testid": i,
+      "aria-hidden": !r,
+      onClick: m,
       className: x(
-        o,
-        t ? f : u,
-        T,
-        e ? K : N,
-        !_ && p,
-        i && c,
-        t && `${o}--nested`,
-        I
+        "Bear-Backdrop",
+        t ? "bear-absolute" : "bear-fixed",
+        "bear-inset-0 bear-flex bear-items-center bear-justify-center bear-transition-opacity",
+        r ? "bear-opacity-100 bear-pointer-events-auto" : "bear-opacity-0 bear-pointer-events-none",
+        !s && "bear-bg-black/50 dark:bear-bg-black/60",
+        d && "bear-backdrop-blur-sm",
+        t && "Bear-Backdrop--nested",
+        l
       ),
       style: {
-        zIndex: l,
-        transitionDuration: `${d}ms`,
-        ...C
+        zIndex: _,
+        transitionDuration: `${c}ms`,
+        ...B
       },
-      children: r
+      children: a
     }
   );
 };
 export {
-  y as Backdrop
+  S as Backdrop
 };

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

@@ -1,3 +1,3 @@
 export { Backdrop } from './Backdrop';
 export type { BackdropProps } from './Backdrop.types';
-export { BACKDROP_NESTED_Z_INDEX, BACKDROP_DEFAULT_Z_INDEX, } from './Backdrop.const';
+export { BACKDROP_NESTED_Z_INDEX, BACKDROP_DEFAULT_Z_INDEX } from '../../constants';

package/dist/components/Badge/Badge.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("../../utils/cn.cjs");require("react");const e=require("./Badge.constants.cjs"),u=({variant:s="neutral",size:n="sm",pill:t=!1,dot:d=!1,className:l,children:o,testId:i,...c})=>a.jsxs("span",{className:r.cn("Bear-Badge","bear-inline-flex bear-items-center bear-gap-1.5 bear-font-medium",e.sizeClasses[n],e.variantClasses[s],t?"Bear-Badge--pill bear-rounded-full":"bear-rounded-md",l),"data-testid":i,...c,children:[d&&a.jsx("span",{className:r.cn("Bear-Badge__dot",e.BADGE_DOT_SIZE_CLASSES,"bear-rounded-full",e.dotVariantColors[s])}),a.jsx("span",{className:"Bear-Badge__content",children:o})]});exports.Badge=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../../constants/generals.const.cjs"),n=require("../../utils/cn.cjs");require("react");const r=require("./Badge.constants.cjs"),b=t=>{const{variant:s=e.VARIANT_NEUTRAL,size:d=e.SIZE_SM,pill:i=e.BOOLEAN_FALSE,dot:l=e.BOOLEAN_FALSE,className:o,children:c,testId:u,...B}=t;return a.jsxs("span",{className:n.cn("Bear-Badge","bear-inline-flex bear-items-center bear-gap-1.5 bear-font-medium",r.sizeClasses[d],r.variantClasses[s],i?"Bear-Badge--pill bear-rounded-full":"bear-rounded-md",o),"data-testid":u,...B,children:[l&&a.jsx("span",{className:n.cn("Bear-Badge__dot","bear-w-1.5 bear-h-1.5","bear-rounded-full",r.dotVariantColors[s])}),a.jsx("span",{className:"Bear-Badge__content",children:c})]})};exports.Badge=b;

package/dist/components/Badge/Badge.constants.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r="bear-w-1.5 bear-h-1.5",e={xs:"bear-px-1.5 bear-py-0.5 bear-text-[10px]",sm:"bear-px-2 bear-py-0.5 bear-text-xs",md:"bear-px-2.5 bear-py-1 bear-text-xs",lg:"bear-px-3 bear-py-1.5 bear-text-sm"},a={primary:"bear-bg-bear-100 bear-text-bear-700 dark:bear-bg-bear-900/30 dark:bear-text-bear-400",secondary:"bear-bg-forge-100 bear-text-forge-700 dark:bear-bg-forge-900/30 dark:bear-text-forge-400",success:"bear-bg-green-100 bear-text-green-700 dark:bear-bg-green-900/30 dark:bear-text-green-400",warning:"bear-bg-yellow-100 bear-text-yellow-700 dark:bear-bg-yellow-900/30 dark:bear-text-yellow-400",danger:"bear-bg-red-100 bear-text-red-700 dark:bear-bg-red-900/30 dark:bear-text-red-400",info:"bear-bg-blue-100 bear-text-blue-700 dark:bear-bg-blue-900/30 dark:bear-text-blue-400",ghost:"bear-bg-gray-100 bear-text-gray-700 dark:bear-bg-gray-800 dark:bear-text-gray-300",outline:"bear-bg-transparent bear-text-gray-700 bear-border bear-border-gray-300 dark:bear-text-gray-300 dark:bear-border-gray-600",error:"bear-bg-red-100 bear-text-red-700 dark:bear-bg-red-900/30 dark:bear-text-red-400",neutral:"bear-bg-gray-100 bear-text-gray-600 dark:bear-bg-gray-800 dark:bear-text-gray-400"},b={primary:"bear-bg-bear-500",secondary:"bear-bg-forge-500",success:"bear-bg-green-500",warning:"bear-bg-yellow-500",danger:"bear-bg-red-500",info:"bear-bg-blue-500",ghost:"bear-bg-gray-500",outline:"bear-bg-gray-500",error:"bear-bg-red-500",neutral:"bear-bg-gray-500"};exports.BADGE_DOT_SIZE_CLASSES=r;exports.dotVariantColors=b;exports.sizeClasses=e;exports.variantClasses=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={xs:"bear-px-1.5 bear-py-0.5 bear-text-[10px]",sm:"bear-px-2 bear-py-0.5 bear-text-xs",md:"bear-px-2.5 bear-py-1 bear-text-xs",lg:"bear-px-3 bear-py-1.5 bear-text-sm"},e={primary:"bear-bg-bear-100 bear-text-bear-700 dark:bear-bg-bear-900/30 dark:bear-text-bear-400",secondary:"bear-bg-forge-100 bear-text-forge-700 dark:bear-bg-forge-900/30 dark:bear-text-forge-400",success:"bear-bg-green-100 bear-text-green-700 dark:bear-bg-green-900/30 dark:bear-text-green-400",warning:"bear-bg-yellow-100 bear-text-yellow-700 dark:bear-bg-yellow-900/30 dark:bear-text-yellow-400",danger:"bear-bg-red-100 bear-text-red-700 dark:bear-bg-red-900/30 dark:bear-text-red-400",info:"bear-bg-blue-100 bear-text-blue-700 dark:bear-bg-blue-900/30 dark:bear-text-blue-400",ghost:"bear-bg-gray-100 bear-text-gray-700 dark:bear-bg-gray-800 dark:bear-text-gray-300",outline:"bear-bg-transparent bear-text-gray-700 bear-border bear-border-gray-300 dark:bear-text-gray-300 dark:bear-border-gray-600",error:"bear-bg-red-100 bear-text-red-700 dark:bear-bg-red-900/30 dark:bear-text-red-400",neutral:"bear-bg-gray-100 bear-text-gray-600 dark:bear-bg-gray-800 dark:bear-text-gray-400"},a={primary:"bear-bg-bear-500",secondary:"bear-bg-forge-500",success:"bear-bg-green-500",warning:"bear-bg-yellow-500",danger:"bear-bg-red-500",info:"bear-bg-blue-500",ghost:"bear-bg-gray-500",outline:"bear-bg-gray-500",error:"bear-bg-red-500",neutral:"bear-bg-gray-500"};exports.dotVariantColors=a;exports.sizeClasses=r;exports.variantClasses=e;

package/dist/components/Badge/Badge.constants.d.ts

@@ -1,6 +1,4 @@
 import { BearSize, BearVariant } from '../../types';
-/** Dot size utility classes (bear-w-1.5 bear-h-1.5). */
-export declare const BADGE_DOT_SIZE_CLASSES = "bear-w-1.5 bear-h-1.5";
 export declare const sizeClasses: Record<Exclude<BearSize, 'xl'>, string>;
 export declare const variantClasses: Record<BearVariant | 'neutral', string>;
 export declare const dotVariantColors: Record<BearVariant | 'neutral', string>;

package/dist/components/Badge/Badge.constants.js

@@ -1,9 +1,9 @@
-const r = "bear-w-1.5 bear-h-1.5", e = {
+const r = {
   xs: "bear-px-1.5 bear-py-0.5 bear-text-[10px]",
   sm: "bear-px-2 bear-py-0.5 bear-text-xs",
   md: "bear-px-2.5 bear-py-1 bear-text-xs",
   lg: "bear-px-3 bear-py-1.5 bear-text-sm"
-}, a = {
+}, e = {
   primary: "bear-bg-bear-100 bear-text-bear-700 dark:bear-bg-bear-900/30 dark:bear-text-bear-400",
   secondary: "bear-bg-forge-100 bear-text-forge-700 dark:bear-bg-forge-900/30 dark:bear-text-forge-400",
   success: "bear-bg-green-100 bear-text-green-700 dark:bear-bg-green-900/30 dark:bear-text-green-400",
@@ -14,7 +14,7 @@ const r = "bear-w-1.5 bear-h-1.5", e = {
   outline: "bear-bg-transparent bear-text-gray-700 bear-border bear-border-gray-300 dark:bear-text-gray-300 dark:bear-border-gray-600",
   error: "bear-bg-red-100 bear-text-red-700 dark:bear-bg-red-900/30 dark:bear-text-red-400",
   neutral: "bear-bg-gray-100 bear-text-gray-600 dark:bear-bg-gray-800 dark:bear-text-gray-400"
-}, b = {
+}, a = {
   primary: "bear-bg-bear-500",
   secondary: "bear-bg-forge-500",
   success: "bear-bg-green-500",
@@ -27,8 +27,7 @@ const r = "bear-w-1.5 bear-h-1.5", e = {
   neutral: "bear-bg-gray-500"
 };
 export {
-  r as BADGE_DOT_SIZE_CLASSES,
-  b as dotVariantColors,
-  e as sizeClasses,
-  a as variantClasses
+  a as dotVariantColors,
+  r as sizeClasses,
+  e as variantClasses
 };

package/dist/components/Badge/Badge.d.ts

@@ -1,13 +1,2 @@
-import { FC } from 'react';
 import { BadgeProps } from './Badge.types';
-/**
- * Badge component for labels and status indicators
- *
- * @example
- * ```tsx
- * <Badge variant="success">Active</Badge>
- * <Badge variant="warning" size="sm" pill>Beta</Badge>
- * <Badge variant="danger" dot>Error</Badge>
- * ```
- */
-export declare const Badge: FC<BadgeProps>;
+export declare const Badge: (props: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Badge/Badge.js

@@ -1,45 +1,49 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { cn as r } from "../../utils/cn.js";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { VARIANT_NEUTRAL as B, SIZE_SM as b, BOOLEAN_FALSE as r } from "../../constants/generals.const.js";
+import { cn as s } from "../../utils/cn.js";
 import "react";
-import { dotVariantColors as p, BADGE_DOT_SIZE_CLASSES as B, variantClasses as f, sizeClasses as c } from "./Badge.constants.js";
-const x = ({
-  variant: e = "neutral",
-  size: s = "sm",
-  pill: t = !1,
-  dot: d = !1,
-  className: l,
-  children: n,
-  testId: o,
-  ...m
-}) => /* @__PURE__ */ i(
-  "span",
-  {
-    className: r(
-      "Bear-Badge",
-      "bear-inline-flex bear-items-center bear-gap-1.5 bear-font-medium",
-      c[s],
-      f[e],
-      t ? "Bear-Badge--pill bear-rounded-full" : "bear-rounded-md",
-      l
-    ),
-    "data-testid": o,
-    ...m,
-    children: [
-      d && /* @__PURE__ */ a(
-        "span",
-        {
-          className: r(
-            "Bear-Badge__dot",
-            B,
-            "bear-rounded-full",
-            p[e]
-          )
-        }
+import { dotVariantColors as f, variantClasses as u, sizeClasses as N } from "./Badge.constants.js";
+const h = (t) => {
+  const {
+    variant: e = B,
+    size: o = b,
+    pill: d = r,
+    dot: n = r,
+    className: i,
+    children: l,
+    testId: m,
+    ...p
+  } = t;
+  return /* @__PURE__ */ c(
+    "span",
+    {
+      className: s(
+        "Bear-Badge",
+        "bear-inline-flex bear-items-center bear-gap-1.5 bear-font-medium",
+        N[o],
+        u[e],
+        d ? "Bear-Badge--pill bear-rounded-full" : "bear-rounded-md",
+        i
       ),
-      /* @__PURE__ */ a("span", { className: "Bear-Badge__content", children: n })
-    ]
-  }
-);
+      "data-testid": m,
+      ...p,
+      children: [
+        n && /* @__PURE__ */ a(
+          "span",
+          {
+            className: s(
+              "Bear-Badge__dot",
+              "bear-w-1.5 bear-h-1.5",
+              "bear-rounded-full",
+              f[e]
+            )
+          }
+        ),
+        /* @__PURE__ */ a("span", { className: "Bear-Badge__content", children: l })
+      ]
+    }
+  );
+};
 export {
-  x as Badge
+  h as Badge
 };

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

@@ -2,14 +2,9 @@ import { HTMLAttributes } from 'react';
 import { BearSize, BearVariant } from '../../types';
 export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
     id?: string;
-    /** Badge variant */
     variant?: BearVariant | 'neutral';
-    /** Badge size */
     size?: Exclude<BearSize, 'xl'>;
-    /** Whether badge is pill shaped */
     pill?: boolean;
-    /** Whether badge has a dot indicator */
     dot?: boolean;
-    /** Test ID */
     testId?: string;
 }

package/dist/components/Banner/Banner.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),j=require("react"),e=require("./Banner.const.cjs"),x=require("./helpers/BannerInfoSvg.cjs"),q=require("./helpers/BannerSuccessSvg.cjs"),D=require("./helpers/BannerWarningSvg.cjs"),f=require("./helpers/BannerErrorSvg.cjs"),F=require("../CloseButton/CloseButton.cjs"),U=require("../../utils/cn.cjs"),h=require("../../utils/generateBearId.utils.cjs"),p=require("../../utils/useBearId.cjs"),b=require("../../utils/liveRegion.utils.cjs"),P={info:n.jsx(x.BannerInfoSvg,{}),success:n.jsx(q.BannerSuccessSvg,{}),warning:n.jsx(D.BannerWarningSvg,{}),error:n.jsx(f.BannerErrorSvg,{})},W=l=>{const{severity:s=e.BANNER_DEFAULT_SEVERITY,title:c,children:N,action:a,icon:r=e.BANNER_DEFAULT_SHOW_ICON,dismissible:_=e.BANNER_DEFAULT_DISMISSIBLE,onDismiss:i,open:o,position:A=e.BANNER_DEFAULT_POSITION,fullWidth:E=e.BANNER_DEFAULT_FULL_WIDTH,translations:t,className:B,id:d,testId:u,...I}=l,[L,R]=j.useState(e.BANNER_DEFAULT_OPEN),T=o??L,v=p.useBearId("Banner"),g=h.resolveBearId(d,v),C=(t==null?void 0:t.dismissLabel)??e.BANNER_DEFAULT_TRANSLATIONS.dismissLabel,O=b.getBearLiveRegionProps(s);if(!T)return null;const m=()=>{o===void 0&&R(!1),i==null||i()},S=r===!1?null:r!==!0?r:P[s];return n.jsxs("div",{...I,...O,id:g,"data-testid":u,className:U.cn(e.BANNER_ROOT_CLASS,e.BANNER_BASE_CLASSES,e.BANNER_SEVERITY_CLASSES[s],e.BANNER_POSITION_CLASSES[A],E&&e.BANNER_FULL_WIDTH_CLASS,B),children:[S&&n.jsx("span",{className:e.BANNER_ICON_CLASS,children:S}),n.jsxs("div",{className:e.BANNER_CONTENT_CLASS,children:[c&&n.jsx("div",{className:e.BANNER_TITLE_CLASS,children:c}),N&&n.jsx("div",{className:e.BANNER_MESSAGE_CLASS,children:N})]}),a&&n.jsx("div",{className:e.BANNER_ACTION_CLASS,children:a}),_&&n.jsx("div",{className:e.BANNER_DISMISS_CLASS,children:n.jsx(F.CloseButton,{size:"sm",onClick:m,"aria-label":C})})]})};exports.Banner=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("react"),r=require("../../constants/generals.const.cjs"),n=require("../Box/Box.cjs"),y=require("../CloseButton/CloseButton.cjs"),v=require("../Flex/Flex.cjs"),_=require("../Typography/Typography.cjs"),C=require("../../utils/cn.cjs"),F=require("../../utils/generateBearId.utils.cjs"),U=require("../../utils/useBearId.cjs"),P=require("../../utils/liveRegion.utils.cjs"),s=require("./Banner.const.cjs"),k=b=>{const{severity:a=r.INFO,title:c,children:l,action:B,icon:t=r.BOOLEAN_TRUE,dismissible:N=r.BOOLEAN_FALSE,onDismiss:i,open:d,position:m=r.STATIC,fullWidth:E=r.BOOLEAN_TRUE,translations:o,className:x,id:O,testId:A,...p}=b,[L,I]=j.useState(r.BOOLEAN_TRUE),h=d??L,S=U.useBearId("Banner"),T=F.resolveBearId(O,S),g=(o==null?void 0:o.dismissLabel)??s.BANNER_DEFAULT_TRANSLATIONS.dismissLabel,R=P.getBearLiveRegionProps(a);if(!h)return null;const f=()=>{d===void 0&&I(r.BOOLEAN_FALSE),i==null||i()},u=(()=>{if(t===r.BOOLEAN_FALSE)return null;if(t!==r.BOOLEAN_TRUE)return t;const q=s.BANNER_DEFAULT_ICON_MAP[a];return e.jsx(q,{})})();return e.jsxs(v.Flex,{...p,...R,id:T,"data-testid":A,className:C.cn("Bear-Banner bear-items-center bear-gap-3 bear-px-4 bear-py-3 bear-border-b bear-border-[var(--bear-border-default)]",s.BANNER_SEVERITY_CLASSES[a],s.BANNER_POSITION_CLASSES[m],E&&"bear-w-full",x),children:[u&&e.jsx(n.Box,{as:"span",className:"Bear-Banner__icon bear-flex-shrink-0 bear-w-5 bear-h-5",children:u}),e.jsxs(n.Box,{className:"Bear-Banner__content bear-flex-1 bear-min-w-0 bear-text-sm",children:[c&&e.jsx(_.Typography,{weight:"semibold",className:"Bear-Banner__title bear-mb-0.5",children:c}),l&&e.jsx(_.Typography,{className:"Bear-Banner__message",children:l})]}),B&&e.jsx(n.Box,{className:"Bear-Banner__action bear-flex-shrink-0",children:B}),N&&e.jsx(n.Box,{className:"Bear-Banner__dismiss bear-flex-shrink-0",children:e.jsx(y.CloseButton,{size:"sm",onClick:f,"aria-label":g})})]})};exports.Banner=k;

package/dist/components/Banner/Banner.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N="Bear-Banner",_="info",S="static",A=!1,E=!0,e=!0,r=!0,a={dismissLabel:"Dismiss"},b="bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-3 bear-border-b bear-border-[var(--bear-border-default)]",t="bear-w-full",s={static:"",sticky:"bear-sticky bear-top-0 bear-z-40"},L={info:"bear-bg-[var(--bear-info-50,#eff6ff)] bear-text-[var(--bear-info-800,#1e40af)]",success:"bear-bg-[var(--bear-success-50,#f0fdf4)] bear-text-[var(--bear-success-800,#166534)]",warning:"bear-bg-[var(--bear-warning-50,#fffbeb)] bear-text-[var(--bear-warning-800,#92400e)]",error:"bear-bg-[var(--bear-danger-50,#fef2f2)] bear-text-[var(--bear-danger-800,#991b1b)]"},R=`${N}__icon bear-flex-shrink-0 bear-w-5 bear-h-5`,T=`${N}__content bear-flex-1 bear-min-w-0 bear-text-sm`,n=`${N}__title bear-font-semibold bear-mb-0.5`,B=`${N}__message`,I=`${N}__action bear-flex-shrink-0`,o=`${N}__dismiss bear-flex-shrink-0`,c=20,C=2;exports.BANNER_ACTION_CLASS=I;exports.BANNER_BASE_CLASSES=b;exports.BANNER_CONTENT_CLASS=T;exports.BANNER_DEFAULT_DISMISSIBLE=A;exports.BANNER_DEFAULT_FULL_WIDTH=E;exports.BANNER_DEFAULT_OPEN=r;exports.BANNER_DEFAULT_POSITION=S;exports.BANNER_DEFAULT_SEVERITY=_;exports.BANNER_DEFAULT_SHOW_ICON=e;exports.BANNER_DEFAULT_TRANSLATIONS=a;exports.BANNER_DISMISS_CLASS=o;exports.BANNER_FULL_WIDTH_CLASS=t;exports.BANNER_ICON_CLASS=R;exports.BANNER_ICON_SIZE=c;exports.BANNER_ICON_STROKE_WIDTH=C;exports.BANNER_MESSAGE_CLASS=B;exports.BANNER_POSITION_CLASSES=s;exports.BANNER_ROOT_CLASS=N;exports.BANNER_SEVERITY_CLASSES=L;exports.BANNER_TITLE_CLASS=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../constants/generals.const.cjs"),e=require("../Icon/index.cjs"),a={dismissLabel:r.LABEL_DISMISS},n={info:e.InfoIcon,success:e.CheckCircleIcon,warning:e.WarningIcon,error:e.ErrorIcon},b={static:"",sticky:"bear-sticky bear-top-0 bear-z-40"},s={info:"bear-bg-[var(--bear-info-50,#eff6ff)] bear-text-[var(--bear-info-800,#1e40af)]",success:"bear-bg-[var(--bear-success-50,#f0fdf4)] bear-text-[var(--bear-success-800,#166534)]",warning:"bear-bg-[var(--bear-warning-50,#fffbeb)] bear-text-[var(--bear-warning-800,#92400e)]",error:"bear-bg-[var(--bear-danger-50,#fef2f2)] bear-text-[var(--bear-danger-800,#991b1b)]"};exports.BANNER_DEFAULT_ICON_MAP=n;exports.BANNER_DEFAULT_TRANSLATIONS=a;exports.BANNER_POSITION_CLASSES=b;exports.BANNER_SEVERITY_CLASSES=s;

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

@@ -1,21 +1,6 @@
+import { ComponentType } from 'react';
 import { BannerPosition, BannerSeverity, BannerTranslations } from './Banner.types';
-export declare const BANNER_ROOT_CLASS = "Bear-Banner";
-export declare const BANNER_DEFAULT_SEVERITY: BannerSeverity;
-export declare const BANNER_DEFAULT_POSITION: BannerPosition;
-export declare const BANNER_DEFAULT_DISMISSIBLE = false;
-export declare const BANNER_DEFAULT_FULL_WIDTH = true;
-export declare const BANNER_DEFAULT_SHOW_ICON = true;
-export declare const BANNER_DEFAULT_OPEN = true;
 export declare const BANNER_DEFAULT_TRANSLATIONS: BannerTranslations;
-export declare const BANNER_BASE_CLASSES = "bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-3 bear-border-b bear-border-[var(--bear-border-default)]";
-export declare const BANNER_FULL_WIDTH_CLASS = "bear-w-full";
+export declare const BANNER_DEFAULT_ICON_MAP: Record<BannerSeverity, ComponentType>;
 export declare const BANNER_POSITION_CLASSES: Record<BannerPosition, string>;
 export declare const BANNER_SEVERITY_CLASSES: Record<BannerSeverity, string>;
-export declare const BANNER_ICON_CLASS = "Bear-Banner__icon bear-flex-shrink-0 bear-w-5 bear-h-5";
-export declare const BANNER_CONTENT_CLASS = "Bear-Banner__content bear-flex-1 bear-min-w-0 bear-text-sm";
-export declare const BANNER_TITLE_CLASS = "Bear-Banner__title bear-font-semibold bear-mb-0.5";
-export declare const BANNER_MESSAGE_CLASS = "Bear-Banner__message";
-export declare const BANNER_ACTION_CLASS = "Bear-Banner__action bear-flex-shrink-0";
-export declare const BANNER_DISMISS_CLASS = "Bear-Banner__dismiss bear-flex-shrink-0";
-export declare const BANNER_ICON_SIZE = 20;
-export declare const BANNER_ICON_STROKE_WIDTH = 2;

package/dist/components/Banner/Banner.const.js

@@ -1,33 +1,24 @@
-const e = "Bear-Banner", r = "info", a = "static", _ = !1, b = !0, N = !0, s = !0, t = {
-  dismissLabel: "Dismiss"
-}, n = "bear-flex bear-items-center bear-gap-3 bear-px-4 bear-py-3 bear-border-b bear-border-[var(--bear-border-default)]", A = "bear-w-full", E = {
+import { LABEL_DISMISS as r } from "../../constants/generals.const.js";
+import { ErrorIcon as e, WarningIcon as a, CheckCircleIcon as b, InfoIcon as n } from "../Icon/index.js";
+const c = {
+  dismissLabel: r
+}, f = {
+  info: n,
+  success: b,
+  warning: a,
+  error: e
+}, t = {
   static: "",
   sticky: "bear-sticky bear-top-0 bear-z-40"
-}, S = {
+}, i = {
   info: "bear-bg-[var(--bear-info-50,#eff6ff)] bear-text-[var(--bear-info-800,#1e40af)]",
   success: "bear-bg-[var(--bear-success-50,#f0fdf4)] bear-text-[var(--bear-success-800,#166534)]",
   warning: "bear-bg-[var(--bear-warning-50,#fffbeb)] bear-text-[var(--bear-warning-800,#92400e)]",
   error: "bear-bg-[var(--bear-danger-50,#fef2f2)] bear-text-[var(--bear-danger-800,#991b1b)]"
-}, o = `${e}__icon bear-flex-shrink-0 bear-w-5 bear-h-5`, c = `${e}__content bear-flex-1 bear-min-w-0 bear-text-sm`, f = `${e}__title bear-font-semibold bear-mb-0.5`, i = `${e}__message`, L = `${e}__action bear-flex-shrink-0`, R = `${e}__dismiss bear-flex-shrink-0`, B = 20, T = 2;
+};
 export {
-  L as BANNER_ACTION_CLASS,
-  n as BANNER_BASE_CLASSES,
-  c as BANNER_CONTENT_CLASS,
-  _ as BANNER_DEFAULT_DISMISSIBLE,
-  b as BANNER_DEFAULT_FULL_WIDTH,
-  s as BANNER_DEFAULT_OPEN,
-  a as BANNER_DEFAULT_POSITION,
-  r as BANNER_DEFAULT_SEVERITY,
-  N as BANNER_DEFAULT_SHOW_ICON,
-  t as BANNER_DEFAULT_TRANSLATIONS,
-  R as BANNER_DISMISS_CLASS,
-  A as BANNER_FULL_WIDTH_CLASS,
-  o as BANNER_ICON_CLASS,
-  B as BANNER_ICON_SIZE,
-  T as BANNER_ICON_STROKE_WIDTH,
-  i as BANNER_MESSAGE_CLASS,
-  E as BANNER_POSITION_CLASSES,
-  e as BANNER_ROOT_CLASS,
-  S as BANNER_SEVERITY_CLASSES,
-  f as BANNER_TITLE_CLASS
+  f as BANNER_DEFAULT_ICON_MAP,
+  c as BANNER_DEFAULT_TRANSLATIONS,
+  t as BANNER_POSITION_CLASSES,
+  i as BANNER_SEVERITY_CLASSES
 };

package/dist/components/Banner/Banner.d.ts

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