@forgedevstack/bear 1.2.6 → 1.2.8

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

@@ -6,6 +6,8 @@ export interface BackdropProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
     invisible?: boolean;
     blur?: boolean;
     zIndex?: number;
+    transitionDuration?: number;
+    keepMounted?: boolean;
     onClick?: (event: MouseEvent<HTMLDivElement>) => void;
     children?: ReactNode;
     className?: string;

package/dist/components/Banner/Banner.cjs

@@ -0,0 +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;

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

@@ -0,0 +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;

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

@@ -0,0 +1,21 @@
+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_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

@@ -0,0 +1,33 @@
+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 = {
+  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)]"
+}, 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
+};

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { BannerProps } from './Banner.types';
+export declare const Banner: FC<BannerProps>;

package/dist/components/Banner/Banner.js

@@ -0,0 +1,70 @@
+import { jsxs as A, jsx as e } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { BANNER_DEFAULT_SEVERITY as D, BANNER_DEFAULT_SHOW_ICON as g, BANNER_DEFAULT_DISMISSIBLE as F, BANNER_DEFAULT_POSITION as U, BANNER_DEFAULT_FULL_WIDTH as h, BANNER_DEFAULT_OPEN as b, BANNER_DEFAULT_TRANSLATIONS as P, BANNER_ICON_CLASS as W, BANNER_CONTENT_CLASS as x, BANNER_TITLE_CLASS as H, BANNER_MESSAGE_CLASS as M, BANNER_ACTION_CLASS as j, BANNER_DISMISS_CLASS as V, BANNER_FULL_WIDTH_CLASS as Y, BANNER_POSITION_CLASSES as k, BANNER_SEVERITY_CLASSES as w, BANNER_BASE_CLASSES as y, BANNER_ROOT_CLASS as z } from "./Banner.const.js";
+import { BannerInfoSvg as G } from "./helpers/BannerInfoSvg.js";
+import { BannerSuccessSvg as q } from "./helpers/BannerSuccessSvg.js";
+import { BannerWarningSvg as J } from "./helpers/BannerWarningSvg.js";
+import { BannerErrorSvg as K } from "./helpers/BannerErrorSvg.js";
+import { CloseButton as Q } from "../CloseButton/CloseButton.js";
+import { cn as X } from "../../utils/cn.js";
+import { resolveBearId as Z } from "../../utils/generateBearId.utils.js";
+import { useBearId as $ } from "../../utils/useBearId.js";
+import { getBearLiveRegionProps as ee } from "../../utils/liveRegion.utils.js";
+const re = {
+  info: /* @__PURE__ */ e(G, {}),
+  success: /* @__PURE__ */ e(q, {}),
+  warning: /* @__PURE__ */ e(J, {}),
+  error: /* @__PURE__ */ e(K, {})
+}, le = (E) => {
+  const {
+    severity: r = D,
+    title: o,
+    children: N,
+    action: t,
+    icon: n = g,
+    dismissible: _ = F,
+    onDismiss: s,
+    open: S,
+    position: c = U,
+    fullWidth: m = h,
+    translations: i,
+    className: l,
+    id: d,
+    testId: B,
+    ...L
+  } = E, [I, R] = u(b), T = S ?? I, f = $("Banner"), p = Z(d, f), C = (i == null ? void 0 : i.dismissLabel) ?? P.dismissLabel, O = ee(r);
+  if (!T)
+    return null;
+  const v = () => {
+    S === void 0 && R(!1), s == null || s();
+  }, a = n === !1 ? null : n !== !0 ? n : re[r];
+  return /* @__PURE__ */ A(
+    "div",
+    {
+      ...L,
+      ...O,
+      id: p,
+      "data-testid": B,
+      className: X(
+        z,
+        y,
+        w[r],
+        k[c],
+        m && Y,
+        l
+      ),
+      children: [
+        a && /* @__PURE__ */ e("span", { className: W, children: a }),
+        /* @__PURE__ */ A("div", { className: x, children: [
+          o && /* @__PURE__ */ e("div", { className: H, children: o }),
+          N && /* @__PURE__ */ e("div", { className: M, children: N })
+        ] }),
+        t && /* @__PURE__ */ e("div", { className: j, children: t }),
+        _ && /* @__PURE__ */ e("div", { className: V, children: /* @__PURE__ */ e(Q, { size: "sm", onClick: v, "aria-label": C }) })
+      ]
+    }
+  );
+};
+export {
+  le as Banner
+};

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

@@ -0,0 +1,21 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type BannerSeverity = 'info' | 'success' | 'warning' | 'error';
+export type BannerPosition = 'static' | 'sticky';
+export interface BannerTranslations {
+    dismissLabel: string;
+}
+export interface BannerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    severity?: BannerSeverity;
+    title?: ReactNode;
+    children?: ReactNode;
+    action?: ReactNode;
+    icon?: boolean | ReactNode;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    open?: boolean;
+    position?: BannerPosition;
+    fullWidth?: boolean;
+    translations?: Partial<BannerTranslations>;
+    id?: string;
+    testId?: string;
+}

package/dist/components/Banner/helpers/BannerErrorSvg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../Banner.const.cjs"),n=()=>e.jsxs("svg",{width:r.BANNER_ICON_SIZE,height:r.BANNER_ICON_SIZE,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:r.BANNER_ICON_STROKE_WIDTH,"aria-hidden":"true",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"15",y1:"9",x2:"9",y2:"15"}),e.jsx("line",{x1:"9",y1:"9",x2:"15",y2:"15"})]});exports.BannerErrorSvg=n;

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

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const BannerErrorSvg: FC;

package/dist/components/Banner/helpers/BannerErrorSvg.js

@@ -0,0 +1,22 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { BANNER_ICON_STROKE_WIDTH as o, BANNER_ICON_SIZE as e } from "../Banner.const.js";
+const x = () => /* @__PURE__ */ i(
+  "svg",
+  {
+    width: e,
+    height: e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: o,
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ r("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
+      /* @__PURE__ */ r("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
+    ]
+  }
+);
+export {
+  x as BannerErrorSvg
+};

package/dist/components/Banner/helpers/BannerInfoSvg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../Banner.const.cjs"),r=()=>e.jsxs("svg",{width:n.BANNER_ICON_SIZE,height:n.BANNER_ICON_SIZE,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:n.BANNER_ICON_STROKE_WIDTH,"aria-hidden":"true",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"12",y1:"16",x2:"12",y2:"12"}),e.jsx("line",{x1:"12",y1:"8",x2:"12.01",y2:"8"})]});exports.BannerInfoSvg=r;

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

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const BannerInfoSvg: FC;

package/dist/components/Banner/helpers/BannerInfoSvg.js

@@ -0,0 +1,22 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { BANNER_ICON_STROKE_WIDTH as o, BANNER_ICON_SIZE as e } from "../Banner.const.js";
+const x = () => /* @__PURE__ */ i(
+  "svg",
+  {
+    width: e,
+    height: e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: o,
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ r("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+      /* @__PURE__ */ r("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
+    ]
+  }
+);
+export {
+  x as BannerInfoSvg
+};

package/dist/components/Banner/helpers/BannerSuccessSvg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../Banner.const.cjs"),t=()=>e.jsxs("svg",{width:n.BANNER_ICON_SIZE,height:n.BANNER_ICON_SIZE,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:n.BANNER_ICON_STROKE_WIDTH,"aria-hidden":"true",children:[e.jsx("path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14"}),e.jsx("polyline",{points:"22 4 12 14.01 9 11.01"})]});exports.BannerSuccessSvg=t;

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

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const BannerSuccessSvg: FC;

package/dist/components/Banner/helpers/BannerSuccessSvg.js

@@ -0,0 +1,21 @@
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { BANNER_ICON_STROKE_WIDTH as t, BANNER_ICON_SIZE as r } from "../Banner.const.js";
+const s = () => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: r,
+    height: r,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: t,
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ o("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
+      /* @__PURE__ */ o("polyline", { points: "22 4 12 14.01 9 11.01" })
+    ]
+  }
+);
+export {
+  s as BannerSuccessSvg
+};

package/dist/components/Banner/helpers/BannerWarningSvg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../Banner.const.cjs"),r=()=>e.jsxs("svg",{width:n.BANNER_ICON_SIZE,height:n.BANNER_ICON_SIZE,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:n.BANNER_ICON_STROKE_WIDTH,"aria-hidden":"true",children:[e.jsx("path",{d:"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"}),e.jsx("line",{x1:"12",y1:"9",x2:"12",y2:"13"}),e.jsx("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]});exports.BannerWarningSvg=r;

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

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const BannerWarningSvg: FC;

package/dist/components/Banner/helpers/BannerWarningSvg.js

@@ -0,0 +1,22 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { BANNER_ICON_STROKE_WIDTH as n, BANNER_ICON_SIZE as e } from "../Banner.const.js";
+const a = () => /* @__PURE__ */ i(
+  "svg",
+  {
+    width: e,
+    height: e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: n,
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ r("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
+      /* @__PURE__ */ r("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+      /* @__PURE__ */ r("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+    ]
+  }
+);
+export {
+  a as BannerWarningSvg
+};

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

@@ -0,0 +1,4 @@
+export { BannerInfoSvg } from './BannerInfoSvg';
+export { BannerSuccessSvg } from './BannerSuccessSvg';
+export { BannerWarningSvg } from './BannerWarningSvg';
+export { BannerErrorSvg } from './BannerErrorSvg';

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

@@ -0,0 +1,2 @@
+export { Banner } from './Banner';
+export type { BannerProps, BannerSeverity, BannerPosition, BannerTranslations, } from './Banner.types';

package/dist/components/Button/Button.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),B=require("react"),l=require("../../utils/cn.cjs"),ye=require("../../utils/generateBearId.utils.cjs"),Ne=require("../../utils/useBearId.cjs"),Ie=require("../Spinner/Spinner.cjs"),z=require("../Typography/Typography.cjs"),Te=require("../../hooks/useBearStyles.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const Se=require("../../context/BearProvider.cjs");require("../FormControl/FormControl.context.cjs");const n=require("./Button.constants.cjs"),P=require("./Button.utils.cjs"),Ce=require("./useSpotlight.cjs"),L=B.forwardRef((D,d)=>{var U,V;const{variant:e="primary",size:i="md",loading:c=!1,loadingText:m,fullWidth:Z=!1,icon:p,iconPosition:T="left",leftIcon:F,rightIcon:Y,textVariant:S="inherit",iconOnly:H=!1,radius:W="default",ripple:X=!1,disableRipple:G=!1,disableElevation:J=!1,href:u,component:K="button",tooltip:Q,compact:ee=!1,gradient:b,gradientDirection:C=135,prefix:M,suffix:$,spotlight:j=!1,spotlightColor:te="rgba(255, 255, 255, 0.35)",spotlightSize:f=150,disabled:re,className:ne,children:ae,id:ie,testId:oe,bis:se,style:le,onMouseMove:ce,onMouseEnter:ue,onMouseLeave:be,onClick:_,...de}=D,pe=Ne.useBearId("Button"),fe=ye.resolveBearId(ie,pe),q=X&&!G,x=re||c,v=Te.useBearStyles(se,le),O=F??(p&&T==="left"?p:void 0),R=Y??(p&&T==="right"?p:void 0),[w,E]=B.useState(null),ge=r=>{if(q){const g=r.currentTarget.getBoundingClientRect(),h=Math.max(g.width,g.height)*2;E({width:h,height:h,left:r.clientX-g.left-h/2,top:r.clientY-g.top-h/2}),setTimeout(()=>E(null),600)}_==null||_(r)},o=B.useContext(Se.BearContext),y=((V=(U=o==null?void 0:o.components)==null?void 0:U.Button)==null?void 0:V.root)||{},k=(o==null?void 0:o.customVariants)||{},N=!P.isBuiltInVariant(e)&&e in k,a=N?k[e]:null,{spotlightRef:he,position:A,isHovered:Be,handlers:I}=Ce.useSpotlight({enabled:j,onMouseMove:ce,onMouseEnter:ue,onMouseLeave:be}),s=n.VARIANT_DEFAULTS[e]||n.VARIANT_DEFAULTS.primary,me=B.useMemo(()=>N&&a?{backgroundColor:`var(--bear-${e}-bg, ${a.bg})`,color:a.text||"#ffffff",borderColor:a.border,"--bear-ring-color":a.ring||a.bg,...y,...v}:{backgroundColor:b?void 0:`var(--bear-btn-${e}-bg, ${s.bg})`,background:b?`linear-gradient(${C}deg, ${b[0]}, ${b[1]})`:void 0,color:e==="outline"||e==="ghost"?`var(--bear-btn-${e}-text, ${s.text||"inherit"})`:"white",borderColor:e==="outline"?`var(--bear-btn-${e}-border, ${s.border||s.bg})`:void 0,"--bear-ring-color":`var(--bear-btn-${e}-ring, ${s.ring})`,...y,...v},[e,s,y,v,N,a,b,C]),_e=r=>{he.current=r,typeof d=="function"?d(r):d&&(d.current=r)},xe=u?"a":K,ve=u?{href:x?void 0:u}:{};return t.jsxs(xe,{ref:_e,id:fe,disabled:u?void 0:x,"aria-disabled":u&&x?!0:void 0,"aria-busy":c||void 0,style:me,title:Q,className:l.cn("Bear-Button","bear-inline-flex bear-items-center bear-justify-center bear-font-medium bear-transition-all bear-duration-200 bear-outline-none bear-relative bear-overflow-hidden",!J&&"bear-shadow-sm",n.BUTTON_RADIUS[W],H?n.BUTTON_ICON_ONLY_SIZE[i]:ee?n.BUTTON_COMPACT_SIZE[i]:n.BUTTON_SIZE[i],P.isBuiltInVariant(e)?n.BUTTON_VARIANT[e]:"bear-btn-custom bear-text-white focus:bear-ring-2 focus:bear-ring-offset-2 disabled:bear-opacity-50 disabled:bear-cursor-not-allowed hover:bear-brightness-110 active:bear-brightness-95",Z&&"bear-w-full",c&&"bear-cursor-wait",ne),"data-testid":oe,onClick:ge,onMouseMove:I.handleMouseMove,onMouseEnter:I.handleMouseEnter,onMouseLeave:I.handleMouseLeave,...ve,...de,children:[j&&t.jsx("span",{className:l.cn("Bear-Button__spotlight","bear-absolute bear-left-0 bear-top-0 bear-rounded-full bear-pointer-events-none bear-z-[1]","bear-transition-opacity bear-duration-150 bear-ease-out",Be?"bear-opacity-100":"bear-opacity-0"),"aria-hidden":"true",style:{width:f,height:f,background:`radial-gradient(circle at center, ${te} 0%, transparent 70%)`,transform:`translate(${A.x-f/2}px, ${A.y-f/2}px)`,mixBlendMode:"overlay"}}),c&&t.jsxs("span",{className:l.cn("Bear-Button__loading bear-inline-flex bear-items-center bear-gap-2 bear-relative bear-z-10",!m&&"bear-absolute"),children:[t.jsx(Ie.Spinner,{size:i==="xs"?"xs":"sm",className:"Bear-Button__spinner"}),m&&t.jsx(z.Typography,{variant:S,className:"Bear-Button__text",children:m})]}),t.jsxs("span",{className:l.cn("Bear-Button__content bear-inline-flex bear-items-center bear-gap-inherit bear-relative bear-z-10",c&&"bear-invisible"),children:[M&&t.jsx("span",{className:"Bear-Button__prefix bear-inline-flex bear-shrink-0",children:M}),O&&t.jsx("span",{className:l.cn("Bear-Button__icon Bear-Button__icon--left bear-inline-flex bear-shrink-0",n.BUTTON_ICON_SIZE[i]),children:O}),t.jsx(z.Typography,{variant:S,className:"Bear-Button__text",children:ae}),R&&t.jsx("span",{className:l.cn("Bear-Button__icon Bear-Button__icon--right bear-inline-flex bear-shrink-0",n.BUTTON_ICON_SIZE[i]),children:R}),$&&t.jsx("span",{className:"Bear-Button__suffix bear-inline-flex bear-shrink-0",children:$})]}),q&&w&&t.jsx("span",{className:"Bear-Button__ripple bear-absolute bear-rounded-full bear-pointer-events-none bear-z-[2] bear-animate-ping bear-opacity-30 bear-bg-white",style:w,"aria-hidden":"true"})]})});L.displayName="Button";exports.Button=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),B=require("react"),l=require("../../utils/cn.cjs"),Te=require("../../utils/generateBearId.utils.cjs"),Se=require("../../utils/useBearId.cjs"),Ce=require("../Spinner/Spinner.cjs"),z=require("../Typography/Typography.cjs"),Me=require("../../hooks/useBearStyles.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const P=require("../../context/BearProvider.cjs");require("../FormControl/FormControl.context.cjs");const n=require("./Button.constants.cjs"),D=require("./Button.utils.cjs"),$e=require("./useSpotlight.cjs"),L=B.forwardRef((Z,d)=>{var U,V;const{variant:e="primary",size:o="md",loading:c=!1,loadingText:m,fullWidth:F=!1,icon:p,iconPosition:T="left",leftIcon:Y,rightIcon:H,textVariant:S="inherit",iconOnly:W=!1,radius:X="default",ripple:G=!1,disableRipple:J=!1,disableElevation:K=!1,href:u,component:Q="button",tooltip:ee,compact:te,gradient:b,gradientDirection:C=135,prefix:M,suffix:$,spotlight:j=!1,spotlightColor:re="rgba(255, 255, 255, 0.35)",spotlightSize:f=150,disabled:ne,className:ae,children:oe,id:ie,testId:se,bis:le,style:ce,onMouseMove:ue,onMouseEnter:be,onMouseLeave:de,onClick:_,...pe}=Z,fe=Se.useBearId("Button"),ge=Te.resolveBearId(ie,fe),{density:he}=P.useBearDensityOptional(),Be=te??he==="compact",O=G&&!J,x=ne||c,v=Me.useBearStyles(le,ce),q=Y??(p&&T==="left"?p:void 0),R=H??(p&&T==="right"?p:void 0),[w,E]=B.useState(null),me=r=>{if(O){const g=r.currentTarget.getBoundingClientRect(),h=Math.max(g.width,g.height)*2;E({width:h,height:h,left:r.clientX-g.left-h/2,top:r.clientY-g.top-h/2}),setTimeout(()=>E(null),600)}_==null||_(r)},i=B.useContext(P.BearContext),y=((V=(U=i==null?void 0:i.components)==null?void 0:U.Button)==null?void 0:V.root)||{},k=(i==null?void 0:i.customVariants)||{},N=!D.isBuiltInVariant(e)&&e in k,a=N?k[e]:null,{spotlightRef:_e,position:A,isHovered:xe,handlers:I}=$e.useSpotlight({enabled:j,onMouseMove:ue,onMouseEnter:be,onMouseLeave:de}),s=n.VARIANT_DEFAULTS[e]||n.VARIANT_DEFAULTS.primary,ve=B.useMemo(()=>N&&a?{backgroundColor:`var(--bear-${e}-bg, ${a.bg})`,color:a.text||"#ffffff",borderColor:a.border,"--bear-ring-color":a.ring||a.bg,...y,...v}:{backgroundColor:b?void 0:`var(--bear-btn-${e}-bg, ${s.bg})`,background:b?`linear-gradient(${C}deg, ${b[0]}, ${b[1]})`:void 0,color:e==="outline"||e==="ghost"?`var(--bear-btn-${e}-text, ${s.text||"inherit"})`:"white",borderColor:e==="outline"?`var(--bear-btn-${e}-border, ${s.border||s.bg})`:void 0,"--bear-ring-color":`var(--bear-btn-${e}-ring, ${s.ring})`,...y,...v},[e,s,y,v,N,a,b,C]),ye=r=>{_e.current=r,typeof d=="function"?d(r):d&&(d.current=r)},Ne=u?"a":Q,Ie=u?{href:x?void 0:u}:{};return t.jsxs(Ne,{ref:ye,id:ge,disabled:u?void 0:x,"aria-disabled":u&&x?!0:void 0,"aria-busy":c||void 0,style:ve,title:ee,className:l.cn("Bear-Button","bear-inline-flex bear-items-center bear-justify-center bear-font-medium bear-transition-all bear-duration-200 bear-outline-none bear-relative bear-overflow-hidden",!K&&"bear-shadow-sm",n.BUTTON_RADIUS[X],W?n.BUTTON_ICON_ONLY_SIZE[o]:Be?n.BUTTON_COMPACT_SIZE[o]:n.BUTTON_SIZE[o],D.isBuiltInVariant(e)?n.BUTTON_VARIANT[e]:"bear-btn-custom bear-text-white focus:bear-ring-2 focus:bear-ring-offset-2 disabled:bear-opacity-50 disabled:bear-cursor-not-allowed hover:bear-brightness-110 active:bear-brightness-95",F&&"bear-w-full",c&&"bear-cursor-wait",ae),"data-testid":se,onClick:me,onMouseMove:I.handleMouseMove,onMouseEnter:I.handleMouseEnter,onMouseLeave:I.handleMouseLeave,...Ie,...pe,children:[j&&t.jsx("span",{className:l.cn("Bear-Button__spotlight","bear-absolute bear-left-0 bear-top-0 bear-rounded-full bear-pointer-events-none bear-z-[1]","bear-transition-opacity bear-duration-150 bear-ease-out",xe?"bear-opacity-100":"bear-opacity-0"),"aria-hidden":"true",style:{width:f,height:f,background:`radial-gradient(circle at center, ${re} 0%, transparent 70%)`,transform:`translate(${A.x-f/2}px, ${A.y-f/2}px)`,mixBlendMode:"overlay"}}),c&&t.jsxs("span",{className:l.cn("Bear-Button__loading bear-inline-flex bear-items-center bear-gap-2 bear-relative bear-z-10",!m&&"bear-absolute"),children:[t.jsx(Ce.Spinner,{size:o==="xs"?"xs":"sm",className:"Bear-Button__spinner"}),m&&t.jsx(z.Typography,{variant:S,className:"Bear-Button__text",children:m})]}),t.jsxs("span",{className:l.cn("Bear-Button__content bear-inline-flex bear-items-center bear-gap-inherit bear-relative bear-z-10",c&&"bear-invisible"),children:[M&&t.jsx("span",{className:"Bear-Button__prefix bear-inline-flex bear-shrink-0",children:M}),q&&t.jsx("span",{className:l.cn("Bear-Button__icon Bear-Button__icon--left bear-inline-flex bear-shrink-0",n.BUTTON_ICON_SIZE[o]),children:q}),t.jsx(z.Typography,{variant:S,className:"Bear-Button__text",children:oe}),R&&t.jsx("span",{className:l.cn("Bear-Button__icon Bear-Button__icon--right bear-inline-flex bear-shrink-0",n.BUTTON_ICON_SIZE[o]),children:R}),$&&t.jsx("span",{className:"Bear-Button__suffix bear-inline-flex bear-shrink-0",children:$})]}),O&&w&&t.jsx("span",{className:"Bear-Button__ripple bear-absolute bear-rounded-full bear-pointer-events-none bear-z-[2] bear-animate-ping bear-opacity-30 bear-bg-white",style:w,"aria-hidden":"true"})]})});L.displayName="Button";exports.Button=L;

package/dist/components/Button/Button.js

@@ -1,18 +1,18 @@
 import { jsxs as N, jsx as r } from "react/jsx-runtime";
-import { forwardRef as ye, useState as Ne, useContext as Ie, useMemo as Te } from "react";
+import { forwardRef as Ie, useState as Ce, useContext as Te, useMemo as Se } from "react";
 import { cn as s } from "../../utils/cn.js";
-import { resolveBearId as Ce } from "../../utils/generateBearId.utils.js";
-import { useBearId as Se } from "../../utils/useBearId.js";
-import { Spinner as Me } from "../Spinner/Spinner.js";
-import { Typography as L } from "../Typography/Typography.js";
-import { useBearStyles as $e } from "../../hooks/useBearStyles.js";
+import { resolveBearId as Me } from "../../utils/generateBearId.utils.js";
+import { useBearId as $e } from "../../utils/useBearId.js";
+import { Spinner as we } from "../Spinner/Spinner.js";
+import { Typography as D } from "../Typography/Typography.js";
+import { useBearStyles as Oe } from "../../hooks/useBearStyles.js";
 import "../../hooks/useBearComponent/useBearComponent.js";
-import { BearContext as we } from "../../context/BearProvider.js";
+import { useBearDensityOptional as ke, BearContext as Ee } from "../../context/BearProvider.js";
 import "../FormControl/FormControl.context.js";
-import { VARIANT_DEFAULTS as P, BUTTON_ICON_SIZE as D, BUTTON_VARIANT as Oe, BUTTON_ICON_ONLY_SIZE as ke, BUTTON_COMPACT_SIZE as Ee, BUTTON_SIZE as Re, BUTTON_RADIUS as ze } from "./Button.constants.js";
+import { VARIANT_DEFAULTS as L, BUTTON_ICON_SIZE as P, BUTTON_VARIANT as Re, BUTTON_ICON_ONLY_SIZE as ze, BUTTON_COMPACT_SIZE as Ue, BUTTON_SIZE as Ve, BUTTON_RADIUS as Ae } from "./Button.constants.js";
 import { isBuiltInVariant as Z } from "./Button.utils.js";
-import { useSpotlight as Ue } from "./useSpotlight.js";
-const Ve = ye(
+import { useSpotlight as De } from "./useSpotlight.js";
+const Le = Ie(
   (j, d) => {
     var V, A;
     const {
@@ -25,18 +25,18 @@ const Ve = ye(
       iconPosition: I = "left",
       leftIcon: F,
       rightIcon: H,
-      textVariant: T = "inherit",
+      textVariant: C = "inherit",
       iconOnly: W = !1,
       radius: X = "default",
       ripple: q = !1,
       disableRipple: G = !1,
       disableElevation: J = !1,
-      href: b,
+      href: c,
       component: K = "button",
       tooltip: Q,
-      compact: ee = !1,
-      gradient: c,
-      gradientDirection: C = 135,
+      compact: ee,
+      gradient: b,
+      gradientDirection: T = 135,
       prefix: S,
       suffix: M,
       spotlight: $ = !1,
@@ -49,12 +49,12 @@ const Ve = ye(
       testId: ie,
       bis: se,
       style: le,
-      onMouseMove: be,
-      onMouseEnter: ce,
+      onMouseMove: ce,
+      onMouseEnter: be,
       onMouseLeave: de,
       onClick: g,
       ...ue
-    } = j, pe = Se("Button"), fe = Ce(ne, pe), w = q && !G, B = re || l, v = $e(se, le), O = F ?? (u && I === "left" ? u : void 0), k = H ?? (u && I === "right" ? u : void 0), [E, R] = Ne(null), me = (t) => {
+    } = j, pe = $e("Button"), fe = Me(ne, pe), { density: me } = ke(), he = ee ?? me === "compact", w = q && !G, B = re || l, v = Oe(se, le), O = F ?? (u && I === "left" ? u : void 0), k = H ?? (u && I === "right" ? u : void 0), [E, R] = Ce(null), ge = (t) => {
       if (w) {
         const f = t.currentTarget.getBoundingClientRect(), m = Math.max(f.width, f.height) * 2;
         R({
@@ -65,12 +65,12 @@ const Ve = ye(
         }), setTimeout(() => R(null), 600);
       }
       g == null || g(t);
-    }, n = Ie(we), _ = ((A = (V = n == null ? void 0 : n.components) == null ? void 0 : V.Button) == null ? void 0 : A.root) || {}, z = (n == null ? void 0 : n.customVariants) || {}, x = !Z(e) && e in z, a = x ? z[e] : null, { spotlightRef: he, position: U, isHovered: ge, handlers: y } = Ue({
+    }, n = Te(Ee), _ = ((A = (V = n == null ? void 0 : n.components) == null ? void 0 : V.Button) == null ? void 0 : A.root) || {}, z = (n == null ? void 0 : n.customVariants) || {}, y = !Z(e) && e in z, a = y ? z[e] : null, { spotlightRef: Be, position: U, isHovered: ve, handlers: x } = De({
       enabled: $,
-      onMouseMove: be,
-      onMouseEnter: ce,
+      onMouseMove: ce,
+      onMouseEnter: be,
       onMouseLeave: de
-    }), i = P[e] || P.primary, Be = Te(() => x && a ? {
+    }), i = L[e] || L.primary, _e = Se(() => y && a ? {
       backgroundColor: `var(--bear-${e}-bg, ${a.bg})`,
       color: a.text || "#ffffff",
       borderColor: a.border,
@@ -78,43 +78,43 @@ const Ve = ye(
       ..._,
       ...v
     } : {
-      backgroundColor: c ? void 0 : `var(--bear-btn-${e}-bg, ${i.bg})`,
-      background: c ? `linear-gradient(${C}deg, ${c[0]}, ${c[1]})` : void 0,
+      backgroundColor: b ? void 0 : `var(--bear-btn-${e}-bg, ${i.bg})`,
+      background: b ? `linear-gradient(${T}deg, ${b[0]}, ${b[1]})` : void 0,
       color: e === "outline" || e === "ghost" ? `var(--bear-btn-${e}-text, ${i.text || "inherit"})` : "white",
       borderColor: e === "outline" ? `var(--bear-btn-${e}-border, ${i.border || i.bg})` : void 0,
       "--bear-ring-color": `var(--bear-btn-${e}-ring, ${i.ring})`,
       ..._,
       ...v
-    }, [e, i, _, v, x, a, c, C]), ve = (t) => {
-      he.current = t, typeof d == "function" ? d(t) : d && (d.current = t);
-    }, _e = b ? "a" : K, xe = b ? { href: B ? void 0 : b } : {};
+    }, [e, i, _, v, y, a, b, T]), ye = (t) => {
+      Be.current = t, typeof d == "function" ? d(t) : d && (d.current = t);
+    }, xe = c ? "a" : K, Ne = c ? { href: B ? void 0 : c } : {};
     return /* @__PURE__ */ N(
-      _e,
+      xe,
       {
-        ref: ve,
+        ref: ye,
         id: fe,
-        disabled: b ? void 0 : B,
-        "aria-disabled": b && B ? !0 : void 0,
+        disabled: c ? void 0 : B,
+        "aria-disabled": c && B ? !0 : void 0,
         "aria-busy": l || void 0,
-        style: Be,
+        style: _e,
         title: Q,
         className: s(
           "Bear-Button",
           "bear-inline-flex bear-items-center bear-justify-center bear-font-medium bear-transition-all bear-duration-200 bear-outline-none bear-relative bear-overflow-hidden",
           !J && "bear-shadow-sm",
-          ze[X],
-          W ? ke[o] : ee ? Ee[o] : Re[o],
-          Z(e) ? Oe[e] : "bear-btn-custom bear-text-white focus:bear-ring-2 focus:bear-ring-offset-2 disabled:bear-opacity-50 disabled:bear-cursor-not-allowed hover:bear-brightness-110 active:bear-brightness-95",
+          Ae[X],
+          W ? ze[o] : he ? Ue[o] : Ve[o],
+          Z(e) ? Re[e] : "bear-btn-custom bear-text-white focus:bear-ring-2 focus:bear-ring-offset-2 disabled:bear-opacity-50 disabled:bear-cursor-not-allowed hover:bear-brightness-110 active:bear-brightness-95",
           Y && "bear-w-full",
           l && "bear-cursor-wait",
           ae
         ),
         "data-testid": ie,
-        onClick: me,
-        onMouseMove: y.handleMouseMove,
-        onMouseEnter: y.handleMouseEnter,
-        onMouseLeave: y.handleMouseLeave,
-        ...xe,
+        onClick: ge,
+        onMouseMove: x.handleMouseMove,
+        onMouseEnter: x.handleMouseEnter,
+        onMouseLeave: x.handleMouseLeave,
+        ...Ne,
         ...ue,
         children: [
           $ && /* @__PURE__ */ r(
@@ -124,7 +124,7 @@ const Ve = ye(
                 "Bear-Button__spotlight",
                 "bear-absolute bear-left-0 bear-top-0 bear-rounded-full bear-pointer-events-none bear-z-[1]",
                 "bear-transition-opacity bear-duration-150 bear-ease-out",
-                ge ? "bear-opacity-100" : "bear-opacity-0"
+                ve ? "bear-opacity-100" : "bear-opacity-0"
               ),
               "aria-hidden": "true",
               style: {
@@ -140,8 +140,8 @@ const Ve = ye(
             "Bear-Button__loading bear-inline-flex bear-items-center bear-gap-2 bear-relative bear-z-10",
             !h && "bear-absolute"
           ), children: [
-            /* @__PURE__ */ r(Me, { size: o === "xs" ? "xs" : "sm", className: "Bear-Button__spinner" }),
-            h && /* @__PURE__ */ r(L, { variant: T, className: "Bear-Button__text", children: h })
+            /* @__PURE__ */ r(we, { size: o === "xs" ? "xs" : "sm", className: "Bear-Button__spinner" }),
+            h && /* @__PURE__ */ r(D, { variant: C, className: "Bear-Button__text", children: h })
           ] }),
           /* @__PURE__ */ N(
             "span",
@@ -152,9 +152,9 @@ const Ve = ye(
               ),
               children: [
                 S && /* @__PURE__ */ r("span", { className: "Bear-Button__prefix bear-inline-flex bear-shrink-0", children: S }),
-                O && /* @__PURE__ */ r("span", { className: s("Bear-Button__icon Bear-Button__icon--left bear-inline-flex bear-shrink-0", D[o]), children: O }),
-                /* @__PURE__ */ r(L, { variant: T, className: "Bear-Button__text", children: oe }),
-                k && /* @__PURE__ */ r("span", { className: s("Bear-Button__icon Bear-Button__icon--right bear-inline-flex bear-shrink-0", D[o]), children: k }),
+                O && /* @__PURE__ */ r("span", { className: s("Bear-Button__icon Bear-Button__icon--left bear-inline-flex bear-shrink-0", P[o]), children: O }),
+                /* @__PURE__ */ r(D, { variant: C, className: "Bear-Button__text", children: oe }),
+                k && /* @__PURE__ */ r("span", { className: s("Bear-Button__icon Bear-Button__icon--right bear-inline-flex bear-shrink-0", P[o]), children: k }),
                 M && /* @__PURE__ */ r("span", { className: "Bear-Button__suffix bear-inline-flex bear-shrink-0", children: M })
               ]
             }
@@ -172,7 +172,7 @@ const Ve = ye(
     );
   }
 );
-Ve.displayName = "Button";
+Le.displayName = "Button";
 export {
-  Ve as Button
+  Le as Button
 };

package/dist/components/Chip/Chip.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("./Chip.const.cjs"),i=require("../../utils/cn.cjs");require("react");const O=require("../../utils/generateBearId.utils.cjs"),L=require("../../utils/useBearId.cjs"),v=c=>{const{children:_,variant:d="filled",color:b="default",size:n="md",icon:s,avatar:t,onDelete:l,onClick:o,disabled:a=!1,className:u,id:C,testId:S}=c,p=L.useBearId("Chip"),m=O.resolveBearId(C,p),I=o?"button":"span";return r.jsxs(I,{id:m,"data-testid":S,onClick:o,disabled:a,className:i.cn(e.C_H_I_P_ROOT_CLASS,"bear-inline-flex bear-items-center bear-rounded-full bear-font-medium bear-transition-all",e.CHIP_SIZE_CLASSES[n],e.CHIP_COLOR_CLASSES[d][b],o&&!a&&"bear-cursor-pointer hover:bear-opacity-80",a&&"bear-opacity-50 bear-cursor-not-allowed",u),children:[t&&r.jsx("span",{className:`${e.C_H_I_P_ROOT_CLASS}__avatar bear--ml-1`,children:t}),s&&r.jsx("span",{className:`${e.C_H_I_P_ROOT_CLASS}__icon`,children:s}),r.jsx("span",{className:`${e.C_H_I_P_ROOT_CLASS}__label`,children:_}),l&&r.jsx("button",{type:"button",onClick:h=>{h.stopPropagation(),l()},disabled:a,className:i.cn(`${e.C_H_I_P_ROOT_CLASS}__delete`,"bear-ml-1 bear-rounded-full bear-p-0.5 hover:bear-bg-black/10 dark:hover:bear-bg-black/20 bear-transition-colors",a&&"bear-cursor-not-allowed"),"aria-label":"Remove",children:r.jsx("svg",{className:e.CHIP_DELETE_ICON_SIZES[n],fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]})};exports.Chip=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("./Chip.const.cjs"),l=require("../../utils/cn.cjs");require("react");const P=require("../../utils/generateBearId.utils.cjs"),A=require("../../utils/useBearId.cjs"),v=require("../../context/BearProvider.cjs"),E=c=>{const{children:_,variant:d="filled",color:C="default",size:s="md",icon:t,avatar:o,onDelete:i,onClick:n,disabled:a=!1,className:u,id:b,testId:S}=c,I=A.useBearId("Chip"),p=P.resolveBearId(b,I),{density:m}=v.useBearDensityOptional(),O=m==="compact"?e.CHIP_SIZE_COMPACT_CLASSES:e.CHIP_SIZE_CLASSES,h=n?"button":"span";return r.jsxs(h,{id:p,"data-testid":S,onClick:n,disabled:a,className:l.cn(e.C_H_I_P_ROOT_CLASS,"bear-inline-flex bear-items-center bear-rounded-full bear-font-medium bear-transition-all",O[s],o&&e.CHIP_AVATAR_SIZE_CLASSES[s],e.CHIP_COLOR_CLASSES[d][C],n&&!a&&"bear-cursor-pointer hover:bear-opacity-80",a&&"bear-opacity-50 bear-cursor-not-allowed",u),children:[o&&r.jsx("span",{className:`${e.C_H_I_P_ROOT_CLASS}__avatar bear--ml-1`,children:o}),t&&r.jsx("span",{className:`${e.C_H_I_P_ROOT_CLASS}__icon`,children:t}),r.jsx("span",{className:`${e.C_H_I_P_ROOT_CLASS}__label`,children:_}),i&&r.jsx("button",{type:"button",onClick:L=>{L.stopPropagation(),i()},disabled:a,className:l.cn(`${e.C_H_I_P_ROOT_CLASS}__delete`,"bear-ml-1 bear-rounded-full bear-p-0.5 hover:bear-bg-black/10 dark:hover:bear-bg-black/20 bear-transition-colors",a&&"bear-cursor-not-allowed"),"aria-label":"Remove",children:r.jsx("svg",{className:e.CHIP_DELETE_ICON_SIZES[s],fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]})};exports.Chip=E;

package/dist/components/Chip/Chip.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Bear-Chip",r={filled:{default:"bear-bg-gray-600 bear-text-white dark:bear-bg-zinc-600",primary:"bear-bg-primary-500 bear-text-white",secondary:"bear-bg-purple-500 bear-text-white",success:"bear-bg-green-500 bear-text-white",warning:"bear-bg-yellow-500 bear-text-black",error:"bear-bg-red-500 bear-text-white",info:"bear-bg-blue-500 bear-text-white"},outlined:{default:"bear-border bear-border-gray-400 bear-text-gray-700 dark:bear-border-zinc-500 dark:bear-text-zinc-300",primary:"bear-border bear-border-primary-500 bear-text-primary-600 dark:bear-text-primary-400",secondary:"bear-border bear-border-purple-500 bear-text-purple-600 dark:bear-text-purple-400",success:"bear-border bear-border-green-500 bear-text-green-700 dark:bear-text-green-400",warning:"bear-border bear-border-yellow-500 bear-text-yellow-700 dark:bear-text-yellow-400",error:"bear-border bear-border-red-500 bear-text-red-600 dark:bear-text-red-400",info:"bear-border bear-border-blue-500 bear-text-blue-600 dark:bear-text-blue-400"},soft:{default:"bear-bg-gray-500/15 bear-text-gray-700 dark:bear-bg-zinc-500/20 dark:bear-text-zinc-300",primary:"bear-bg-primary-500/15 bear-text-primary-700 dark:bear-bg-primary-500/20 dark:bear-text-primary-400",secondary:"bear-bg-purple-500/15 bear-text-purple-700 dark:bear-bg-purple-500/20 dark:bear-text-purple-400",success:"bear-bg-green-500/15 bear-text-green-700 dark:bear-bg-green-500/20 dark:bear-text-green-400",warning:"bear-bg-yellow-500/15 bear-text-yellow-800 dark:bear-bg-yellow-500/20 dark:bear-text-yellow-400",error:"bear-bg-red-500/15 bear-text-red-700 dark:bear-bg-red-500/20 dark:bear-text-red-400",info:"bear-bg-blue-500/15 bear-text-blue-700 dark:bear-bg-blue-500/20 dark:bear-text-blue-400"}},a={sm:"bear-h-6 bear-text-xs bear-px-2 bear-gap-1",md:"bear-h-8 bear-text-sm bear-px-3 bear-gap-1.5",lg:"bear-h-10 bear-text-base bear-px-4 bear-gap-2"},b={sm:"bear-w-3 bear-h-3",md:"bear-w-4 bear-h-4",lg:"bear-w-5 bear-h-5"};exports.CHIP_COLOR_CLASSES=r;exports.CHIP_DELETE_ICON_SIZES=b;exports.CHIP_SIZE_CLASSES=a;exports.C_H_I_P_ROOT_CLASS=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Bear-Chip",r={filled:{default:"bear-bg-gray-600 bear-text-white dark:bear-bg-zinc-600",primary:"bear-bg-primary-500 bear-text-white",secondary:"bear-bg-purple-500 bear-text-white",success:"bear-bg-green-500 bear-text-white",warning:"bear-bg-yellow-500 bear-text-black",error:"bear-bg-red-500 bear-text-white",info:"bear-bg-blue-500 bear-text-white"},outlined:{default:"bear-border bear-border-gray-400 bear-text-gray-700 dark:bear-border-zinc-500 dark:bear-text-zinc-300",primary:"bear-border bear-border-primary-500 bear-text-primary-600 dark:bear-text-primary-400",secondary:"bear-border bear-border-purple-500 bear-text-purple-600 dark:bear-text-purple-400",success:"bear-border bear-border-green-500 bear-text-green-700 dark:bear-text-green-400",warning:"bear-border bear-border-yellow-500 bear-text-yellow-700 dark:bear-text-yellow-400",error:"bear-border bear-border-red-500 bear-text-red-600 dark:bear-text-red-400",info:"bear-border bear-border-blue-500 bear-text-blue-600 dark:bear-text-blue-400"},soft:{default:"bear-bg-gray-500/15 bear-text-gray-700 dark:bear-bg-zinc-500/20 dark:bear-text-zinc-300",primary:"bear-bg-primary-500/15 bear-text-primary-700 dark:bear-bg-primary-500/20 dark:bear-text-primary-400",secondary:"bear-bg-purple-500/15 bear-text-purple-700 dark:bear-bg-purple-500/20 dark:bear-text-purple-400",success:"bear-bg-green-500/15 bear-text-green-700 dark:bear-bg-green-500/20 dark:bear-text-green-400",warning:"bear-bg-yellow-500/15 bear-text-yellow-800 dark:bear-bg-yellow-500/20 dark:bear-text-yellow-400",error:"bear-bg-red-500/15 bear-text-red-700 dark:bear-bg-red-500/20 dark:bear-text-red-400",info:"bear-bg-blue-500/15 bear-text-blue-700 dark:bear-bg-blue-500/20 dark:bear-text-blue-400"}},a={sm:"bear-h-6 bear-text-xs bear-px-2 bear-gap-1",md:"bear-h-8 bear-text-sm bear-px-3 bear-gap-1.5",lg:"bear-h-10 bear-text-base bear-px-4 bear-gap-2"},b={sm:"bear-h-5 bear-text-xs bear-px-1.5 bear-gap-0.5",md:"bear-h-6 bear-text-xs bear-px-2 bear-gap-1",lg:"bear-h-8 bear-text-sm bear-px-3 bear-gap-1.5"},t={sm:"[&_.Bear-Avatar]:bear-w-4 [&_.Bear-Avatar]:bear-h-4",md:"[&_.Bear-Avatar]:bear-w-5 [&_.Bear-Avatar]:bear-h-5",lg:"[&_.Bear-Avatar]:bear-w-6 [&_.Bear-Avatar]:bear-h-6"},d={sm:"bear-w-3 bear-h-3",md:"bear-w-4 bear-h-4",lg:"bear-w-5 bear-h-5"};exports.CHIP_AVATAR_SIZE_CLASSES=t;exports.CHIP_COLOR_CLASSES=r;exports.CHIP_DELETE_ICON_SIZES=d;exports.CHIP_SIZE_CLASSES=a;exports.CHIP_SIZE_COMPACT_CLASSES=b;exports.C_H_I_P_ROOT_CLASS=e;

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

@@ -33,6 +33,16 @@ export declare const CHIP_SIZE_CLASSES: {
     readonly md: "bear-h-8 bear-text-sm bear-px-3 bear-gap-1.5";
     readonly lg: "bear-h-10 bear-text-base bear-px-4 bear-gap-2";
 };
+export declare const CHIP_SIZE_COMPACT_CLASSES: {
+    readonly sm: "bear-h-5 bear-text-xs bear-px-1.5 bear-gap-0.5";
+    readonly md: "bear-h-6 bear-text-xs bear-px-2 bear-gap-1";
+    readonly lg: "bear-h-8 bear-text-sm bear-px-3 bear-gap-1.5";
+};
+export declare const CHIP_AVATAR_SIZE_CLASSES: {
+    readonly sm: "[&_.Bear-Avatar]:bear-w-4 [&_.Bear-Avatar]:bear-h-4";
+    readonly md: "[&_.Bear-Avatar]:bear-w-5 [&_.Bear-Avatar]:bear-h-5";
+    readonly lg: "[&_.Bear-Avatar]:bear-w-6 [&_.Bear-Avatar]:bear-h-6";
+};
 export declare const CHIP_DELETE_ICON_SIZES: {
     readonly sm: "bear-w-3 bear-h-3";
     readonly md: "bear-w-4 bear-h-4";

package/dist/components/Chip/Chip.const.js

@@ -31,13 +31,23 @@ const e = "Bear-Chip", r = {
   md: "bear-h-8 bear-text-sm bear-px-3 bear-gap-1.5",
   lg: "bear-h-10 bear-text-base bear-px-4 bear-gap-2"
 }, b = {
+  sm: "bear-h-5 bear-text-xs bear-px-1.5 bear-gap-0.5",
+  md: "bear-h-6 bear-text-xs bear-px-2 bear-gap-1",
+  lg: "bear-h-8 bear-text-sm bear-px-3 bear-gap-1.5"
+}, t = {
+  sm: "[&_.Bear-Avatar]:bear-w-4 [&_.Bear-Avatar]:bear-h-4",
+  md: "[&_.Bear-Avatar]:bear-w-5 [&_.Bear-Avatar]:bear-h-5",
+  lg: "[&_.Bear-Avatar]:bear-w-6 [&_.Bear-Avatar]:bear-h-6"
+}, d = {
   sm: "bear-w-3 bear-h-3",
   md: "bear-w-4 bear-h-4",
   lg: "bear-w-5 bear-h-5"
 };
 export {
+  t as CHIP_AVATAR_SIZE_CLASSES,
   r as CHIP_COLOR_CLASSES,
-  b as CHIP_DELETE_ICON_SIZES,
+  d as CHIP_DELETE_ICON_SIZES,
   a as CHIP_SIZE_CLASSES,
+  b as CHIP_SIZE_COMPACT_CLASSES,
   e as C_H_I_P_ROOT_CLASS
 };