@forgedevstack/bear 1.1.4 → 1.1.9

package/dist/components/Biometric/Biometric.js

@@ -0,0 +1,123 @@
+import { jsxs as c, Fragment as _, jsx as r } from "react/jsx-runtime";
+import { useCallback as j } from "react";
+import { cn as n } from "../../utils/cn.js";
+import { BiometricIcon as M } from "./BiometricIcon.js";
+import { useBiometric as w } from "./useBiometric.js";
+const D = { sm: 48, md: 72, lg: 96, xl: 128 }, A = { sm: 80, md: 120, lg: 160, xl: 200 }, g = {
+  idle: "bear-text-gray-500 dark:bear-text-gray-400",
+  scanning: "bear-text-bear-500 dark:bear-text-bear-400",
+  success: "bear-text-green-500 dark:bear-text-green-400",
+  error: "bear-text-red-500 dark:bear-text-red-400"
+}, i = {
+  idle: "var(--bear-border-default)",
+  scanning: "var(--bear-primary-500, #ec4899)",
+  success: "var(--bear-success-500, #22c55e)",
+  error: "var(--bear-danger-500, #ef4444)"
+}, q = ({
+  type: l = "fingerprint",
+  size: u = "md",
+  status: o,
+  label: p,
+  successLabel: f = "Verified",
+  errorLabel: y = "Try again",
+  scanningLabel: x = "Scanning...",
+  onScan: a,
+  onSuccess: v,
+  onError: k,
+  disabled: s = !1,
+  animated: t = !0,
+  className: C,
+  testId: h
+}) => {
+  const { status: B, scan: d } = w({
+    onSuccess: v,
+    onError: k
+  }), e = o ?? B, N = D[u], m = A[u], b = e === "scanning" ? x : e === "success" ? f : e === "error" ? y : p, z = j(() => {
+    s || e === "scanning" || (a == null || a(), o === void 0 && d());
+  }, [s, e, a, o, d]);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: n("Bear-Biometric bear-flex bear-flex-col bear-items-center bear-gap-3", C),
+      "data-testid": h,
+      "data-status": e,
+      "data-type": l,
+      children: [
+        /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            disabled: s || e === "scanning",
+            onClick: z,
+            className: n(
+              "Bear-Biometric__trigger bear-relative bear-flex bear-items-center bear-justify-center bear-rounded-full bear-border-0 bear-cursor-pointer bear-outline-none",
+              "bear-transition-all bear-duration-300",
+              "focus-visible:bear-ring-2 focus-visible:bear-ring-bear-500 focus-visible:bear-ring-offset-2",
+              g[e],
+              s && "bear-opacity-40 bear-cursor-not-allowed"
+            ),
+            style: {
+              width: m,
+              height: m,
+              backgroundColor: "var(--bear-bg-secondary)"
+            },
+            "aria-label": b ?? "Authenticate",
+            children: [
+              t && e === "scanning" && /* @__PURE__ */ c(_, { children: [
+                /* @__PURE__ */ r(
+                  "span",
+                  {
+                    className: "bear-absolute bear-inset-0 bear-rounded-full bear-animate-ping bear-opacity-20",
+                    style: { backgroundColor: i[e] }
+                  }
+                ),
+                /* @__PURE__ */ r(
+                  "span",
+                  {
+                    className: "bear-absolute bear-inset-2 bear-rounded-full bear-animate-ping bear-opacity-10",
+                    style: { backgroundColor: i[e], animationDelay: "0.3s" }
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ r(
+                "span",
+                {
+                  className: n(
+                    "bear-absolute bear-inset-0 bear-rounded-full bear-border-2 bear-transition-colors bear-duration-300",
+                    e === "scanning" && t && "bear-animate-spin"
+                  ),
+                  style: {
+                    borderColor: i[e],
+                    borderStyle: e === "scanning" ? "dashed" : "solid",
+                    animationDuration: e === "scanning" ? "3s" : void 0
+                  }
+                }
+              ),
+              t && e === "success" && /* @__PURE__ */ r(
+                "span",
+                {
+                  className: "bear-absolute bear-inset-0 bear-rounded-full bear-opacity-10",
+                  style: { backgroundColor: i.success }
+                }
+              ),
+              /* @__PURE__ */ r(M, { type: l, size: N, status: e, animated: t })
+            ]
+          }
+        ),
+        b && /* @__PURE__ */ r(
+          "span",
+          {
+            className: n(
+              "Bear-Biometric__label bear-text-sm bear-font-medium bear-transition-colors bear-duration-300",
+              g[e]
+            ),
+            children: b
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  q as Biometric
+};

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

@@ -0,0 +1,35 @@
+export type BiometricType = 'fingerprint' | 'face' | 'iris';
+export type BiometricStatus = 'idle' | 'scanning' | 'success' | 'error';
+export interface BiometricProps {
+    type?: BiometricType;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    status?: BiometricStatus;
+    label?: string;
+    successLabel?: string;
+    errorLabel?: string;
+    scanningLabel?: string;
+    onScan?: () => void;
+    onSuccess?: () => void;
+    onError?: () => void;
+    disabled?: boolean;
+    animated?: boolean;
+    className?: string;
+    testId?: string;
+}
+export interface BiometricIconProps {
+    type: BiometricType;
+    size: number;
+    status: BiometricStatus;
+    animated: boolean;
+}
+export interface UseBiometricOptions {
+    scanDuration?: number;
+    successDuration?: number;
+    onSuccess?: () => void;
+    onError?: () => void;
+}
+export interface UseBiometricReturn {
+    status: BiometricStatus;
+    scan: () => void;
+    reset: () => void;
+}

package/dist/components/Biometric/BiometricIcon.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("../../utils/cn.cjs");require("react");const i=({size:o})=>r.jsxs("svg",{width:o,height:o,viewBox:"0 0 64 64",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[r.jsx("path",{d:"M32 8C20.954 8 12 16.954 12 28v8",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",opacity:"0.3"}),r.jsx("path",{d:"M52 28v8c0 11.046-8.954 20-20 20",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",opacity:"0.3"}),r.jsx("path",{d:"M18 24c0-7.732 6.268-14 14-14s14 6.268 14 14",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",opacity:"0.5"}),r.jsx("path",{d:"M18 24v12c0 7.732 6.268 14 14 14",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",opacity:"0.5"}),r.jsx("path",{d:"M46 24v12c0 4.418-2.239 8.313-5.644 10.607",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",opacity:"0.5"}),r.jsx("path",{d:"M24 22c0-4.418 3.582-8 8-8s8 3.582 8 8",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",opacity:"0.7"}),r.jsx("path",{d:"M24 22v14c0 4.418 3.582 8 8 8s8-3.582 8-8V22",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",opacity:"0.7"}),r.jsx("path",{d:"M28 22c0-2.209 1.791-4 4-4s4 1.791 4 4v14c0 2.209-1.791 4-4 4s-4-1.791-4-4V22z",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),r.jsx("path",{d:"M32 22v14",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"})]}),a=({size:o})=>r.jsxs("svg",{width:o,height:o,viewBox:"0 0 64 64",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[r.jsx("path",{d:"M12 20V12h8",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"}),r.jsx("path",{d:"M52 20V12h-8",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"}),r.jsx("path",{d:"M12 44v8h8",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"}),r.jsx("path",{d:"M52 44v8h-8",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"}),r.jsx("circle",{cx:"24",cy:"28",r:"2.5",fill:"currentColor"}),r.jsx("circle",{cx:"40",cy:"28",r:"2.5",fill:"currentColor"}),r.jsx("path",{d:"M26 40c1.5 2 3.5 3 6 3s4.5-1 6-3",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),r.jsx("path",{d:"M28 34h8",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",opacity:"0.5"})]}),d=({size:o})=>r.jsxs("svg",{width:o,height:o,viewBox:"0 0 64 64",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[r.jsx("ellipse",{cx:"32",cy:"32",rx:"24",ry:"14",stroke:"currentColor",strokeWidth:"2.5",opacity:"0.4"}),r.jsx("circle",{cx:"32",cy:"32",r:"10",stroke:"currentColor",strokeWidth:"2.5",opacity:"0.7"}),r.jsx("circle",{cx:"32",cy:"32",r:"5",fill:"currentColor",opacity:"0.9"}),r.jsx("circle",{cx:"34",cy:"30",r:"1.5",fill:"var(--bear-bg-primary, #fff)"}),r.jsx("path",{d:"M8 32c6-12 16-18 24-18s18 6 24 18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",opacity:"0.3"}),r.jsx("path",{d:"M8 32c6 12 16 18 24 18s18-6 24-18",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",opacity:"0.3"})]}),k={fingerprint:i,face:a,iris:d},p=({type:o,size:t,status:e,animated:s})=>{const c=k[o];return r.jsx("div",{className:n.cn("Bear-Biometric__icon bear-relative bear-flex bear-items-center bear-justify-center",s&&e==="scanning"&&"bear-animate-pulse"),children:r.jsx(c,{size:t})})};exports.BiometricIcon=p;

package/dist/components/Biometric/BiometricIcon.d.ts

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

package/dist/components/Biometric/BiometricIcon.js

@@ -0,0 +1,45 @@
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
+import { cn as s } from "../../utils/cn.js";
+import "react";
+const a = ({ size: o }) => /* @__PURE__ */ t("svg", { width: o, height: o, viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ r("path", { d: "M32 8C20.954 8 12 16.954 12 28v8", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", opacity: "0.3" }),
+  /* @__PURE__ */ r("path", { d: "M52 28v8c0 11.046-8.954 20-20 20", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", opacity: "0.3" }),
+  /* @__PURE__ */ r("path", { d: "M18 24c0-7.732 6.268-14 14-14s14 6.268 14 14", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", opacity: "0.5" }),
+  /* @__PURE__ */ r("path", { d: "M18 24v12c0 7.732 6.268 14 14 14", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", opacity: "0.5" }),
+  /* @__PURE__ */ r("path", { d: "M46 24v12c0 4.418-2.239 8.313-5.644 10.607", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", opacity: "0.5" }),
+  /* @__PURE__ */ r("path", { d: "M24 22c0-4.418 3.582-8 8-8s8 3.582 8 8", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", opacity: "0.7" }),
+  /* @__PURE__ */ r("path", { d: "M24 22v14c0 4.418 3.582 8 8 8s8-3.582 8-8V22", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", opacity: "0.7" }),
+  /* @__PURE__ */ r("path", { d: "M28 22c0-2.209 1.791-4 4-4s4 1.791 4 4v14c0 2.209-1.791 4-4 4s-4-1.791-4-4V22z", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round" }),
+  /* @__PURE__ */ r("path", { d: "M32 22v14", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round" })
+] }), d = ({ size: o }) => /* @__PURE__ */ t("svg", { width: o, height: o, viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ r("path", { d: "M12 20V12h8", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ r("path", { d: "M52 20V12h-8", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ r("path", { d: "M12 44v8h8", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ r("path", { d: "M52 44v8h-8", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ r("circle", { cx: "24", cy: "28", r: "2.5", fill: "currentColor" }),
+  /* @__PURE__ */ r("circle", { cx: "40", cy: "28", r: "2.5", fill: "currentColor" }),
+  /* @__PURE__ */ r("path", { d: "M26 40c1.5 2 3.5 3 6 3s4.5-1 6-3", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round" }),
+  /* @__PURE__ */ r("path", { d: "M28 34h8", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", opacity: "0.5" })
+] }), p = ({ size: o }) => /* @__PURE__ */ t("svg", { width: o, height: o, viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ r("ellipse", { cx: "32", cy: "32", rx: "24", ry: "14", stroke: "currentColor", strokeWidth: "2.5", opacity: "0.4" }),
+  /* @__PURE__ */ r("circle", { cx: "32", cy: "32", r: "10", stroke: "currentColor", strokeWidth: "2.5", opacity: "0.7" }),
+  /* @__PURE__ */ r("circle", { cx: "32", cy: "32", r: "5", fill: "currentColor", opacity: "0.9" }),
+  /* @__PURE__ */ r("circle", { cx: "34", cy: "30", r: "1.5", fill: "var(--bear-bg-primary, #fff)" }),
+  /* @__PURE__ */ r("path", { d: "M8 32c6-12 16-18 24-18s18 6 24 18", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", opacity: "0.3" }),
+  /* @__PURE__ */ r("path", { d: "M8 32c6 12 16 18 24 18s18-6 24-18", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", opacity: "0.3" })
+] }), k = { fingerprint: a, face: d, iris: p }, C = ({ type: o, size: e, status: c, animated: n }) => {
+  const i = k[o];
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: s(
+        "Bear-Biometric__icon bear-relative bear-flex bear-items-center bear-justify-center",
+        n && c === "scanning" && "bear-animate-pulse"
+      ),
+      children: /* @__PURE__ */ r(i, { size: e })
+    }
+  );
+};
+export {
+  C as BiometricIcon
+};

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

@@ -0,0 +1,3 @@
+export { Biometric } from './Biometric';
+export { useBiometric } from './useBiometric';
+export type { BiometricProps, BiometricType, BiometricStatus, UseBiometricOptions, UseBiometricReturn } from './Biometric.types';

package/dist/components/Biometric/useBiometric.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),d=(o={})=>{const{scanDuration:a=2e3,successDuration:r=1500,onSuccess:c,onError:u}=o,[i,e]=s.useState("idle"),t=s.useRef(),n=s.useCallback(()=>{t.current&&clearTimeout(t.current)},[]),l=s.useCallback(()=>{n(),e("idle")},[n]),m=s.useCallback(()=>{i!=="scanning"&&(n(),e("scanning"),t.current=setTimeout(()=>{Math.random()>.2?(e("success"),c==null||c(),t.current=setTimeout(()=>e("idle"),r)):(e("error"),u==null||u(),t.current=setTimeout(()=>e("idle"),r))},a))},[i,n,a,r,c,u]);return{status:i,scan:m,reset:l}};exports.useBiometric=d;

package/dist/components/Biometric/useBiometric.d.ts

@@ -0,0 +1,2 @@
+import { UseBiometricOptions, UseBiometricReturn } from './Biometric.types';
+export declare const useBiometric: (options?: UseBiometricOptions) => UseBiometricReturn;

package/dist/components/Biometric/useBiometric.js

@@ -0,0 +1,21 @@
+import { useState as f, useRef as d, useCallback as i } from "react";
+const S = (a = {}) => {
+  const {
+    scanDuration: o = 2e3,
+    successDuration: r = 1500,
+    onSuccess: s,
+    onError: c
+  } = a, [u, e] = f("idle"), t = d(), n = i(() => {
+    t.current && clearTimeout(t.current);
+  }, []), l = i(() => {
+    n(), e("idle");
+  }, [n]), m = i(() => {
+    u !== "scanning" && (n(), e("scanning"), t.current = setTimeout(() => {
+      Math.random() > 0.2 ? (e("success"), s == null || s(), t.current = setTimeout(() => e("idle"), r)) : (e("error"), c == null || c(), t.current = setTimeout(() => e("idle"), r));
+    }, o));
+  }, [u, n, o, r, s, c]);
+  return { status: u, scan: m, reset: l };
+};
+export {
+  S as useBiometric
+};

package/dist/components/Button/Button.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),g=require("../../utils/cn.cjs"),ae=require("../Spinner/Spinner.cjs"),w=require("../Typography/Typography.cjs"),oe=require("../../hooks/useBearStyles.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const se=require("../../context/BearProvider.cjs"),o=require("./Button.constants.cjs"),O=x=>x in o.BUTTON_VARIANT,E=r.forwardRef((x,l)=>{var k,q;const{variant:e="primary",size:f="md",loading:c=!1,loadingText:_,fullWidth:M=!1,icon:p,iconPosition:C="left",leftIcon:P,rightIcon:U,textVariant:S="inherit",spotlight:u=!1,spotlightColor:z="rgba(255, 255, 255, 0.35)",spotlightSize:h=150,disabled:D,className:L,children:Z,testId:F,bis:H,style:X,onMouseMove:B,onMouseEnter:m,onMouseLeave:y,...Y}=x,W=D||c,v=oe.useBearStyles(H,X),R=P??(p&&C==="left"?p:void 0),$=U??(p&&C==="right"?p:void 0),s=r.useContext(se.BearContext),N=((q=(k=s==null?void 0:s.components)==null?void 0:k.Button)==null?void 0:q.root)||{},j=(s==null?void 0:s.customVariants)||{},T=!O(e)&&e in j,a=T?j[e]:null,b=r.useRef(null),[A,I]=r.useState({x:-1e3,y:-1e3}),[G,V]=r.useState(!1),J=r.useCallback(t=>{if(u&&b.current){const d=b.current.getBoundingClientRect(),re=t.clientX-d.left,ne=t.clientY-d.top;I({x:re,y:ne})}B==null||B(t)},[u,B]),K=r.useCallback(t=>{if(u&&(V(!0),b.current)){const d=b.current.getBoundingClientRect();I({x:t.clientX-d.left,y:t.clientY-d.top})}m==null||m(t)},[u,m]),Q=r.useCallback(t=>{V(!1),I({x:-1e3,y:-1e3}),y==null||y(t)},[y]),i=o.VARIANT_DEFAULTS[e]||o.VARIANT_DEFAULTS.primary,ee=r.useMemo(()=>T&&a?{backgroundColor:`var(--bear-${e}-bg, ${a.bg})`,color:a.text||"#ffffff",borderColor:a.border,"--bear-ring-color":a.ring||a.bg,...N,...v}:{backgroundColor:`var(--bear-btn-${e}-bg, ${i.bg})`,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})`,...N,...v},[e,i,N,v,T,a]),te=r.useCallback(t=>{b.current=t,typeof l=="function"?l(t):l&&(l.current=t)},[l]);return n.jsxs("button",{ref:te,disabled:W,"aria-busy":c||void 0,style:ee,className:g.cn("Bear-Button","bear-inline-flex bear-items-center bear-justify-center bear-font-medium bear-rounded-lg bear-transition-all bear-duration-200 bear-outline-none bear-relative bear-overflow-hidden",o.BUTTON_SIZE[f],O(e)?o.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",M&&"bear-w-full",c&&"bear-cursor-wait",L),"data-testid":F,onMouseMove:J,onMouseEnter:K,onMouseLeave:Q,...Y,children:[u&&n.jsx("span",{className:"Bear-Button__spotlight","aria-hidden":"true",style:{position:"absolute",pointerEvents:"none",left:0,top:0,width:h,height:h,borderRadius:"50%",background:`radial-gradient(circle at center, ${z} 0%, transparent 70%)`,opacity:G?1:0,transform:`translate(${A.x-h/2}px, ${A.y-h/2}px)`,transition:"opacity 0.15s ease-out",zIndex:1,mixBlendMode:"overlay"}}),c&&n.jsxs("span",{className:g.cn("Bear-Button__loading bear-inline-flex bear-items-center bear-gap-2 bear-relative bear-z-10",!_&&"bear-absolute"),children:[n.jsx(ae.Spinner,{size:f==="xs"?"xs":"sm",className:"Bear-Button__spinner"}),_&&n.jsx(w.Typography,{variant:S,className:"Bear-Button__text",children:_})]}),n.jsxs("span",{className:g.cn("Bear-Button__content bear-inline-flex bear-items-center bear-gap-inherit bear-relative bear-z-10",c&&"bear-invisible"),children:[R&&n.jsx("span",{className:g.cn("Bear-Button__icon Bear-Button__icon--left bear-inline-flex bear-shrink-0",o.BUTTON_ICON_SIZE[f]),children:R}),n.jsx(w.Typography,{variant:S,className:"Bear-Button__text",children:Z}),$&&n.jsx("span",{className:g.cn("Bear-Button__icon Bear-Button__icon--right bear-inline-flex bear-shrink-0",o.BUTTON_ICON_SIZE[f]),children:$})]})]})});E.displayName="Button";exports.Button=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),g=require("react"),s=require("../../utils/cn.cjs"),Q=require("../Spinner/Spinner.cjs"),j=require("../Typography/Typography.cjs"),X=require("../../hooks/useBearStyles.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const ee=require("../../context/BearProvider.cjs"),n=require("./Button.constants.cjs"),q=require("./Button.utils.cjs"),re=require("./useSpotlight.cjs"),O=g.forwardRef((V,i)=>{var C,$;const{variant:e="primary",size:l="md",loading:c=!1,loadingText:h,fullWidth:E=!1,icon:b,iconPosition:_="left",leftIcon:w,rightIcon:A,textVariant:y="inherit",iconOnly:v=!1,spotlight:x=!1,spotlightColor:R="rgba(255, 255, 255, 0.35)",spotlightSize:u=150,disabled:U,className:k,children:z,testId:L,bis:P,style:Z,onMouseMove:D,onMouseEnter:F,onMouseLeave:H,...W}=V,Y=U||c,p=X.useBearStyles(P,Z),N=w??(b&&_==="left"?b:void 0),T=A??(b&&_==="right"?b:void 0),a=g.useContext(ee.BearContext),f=(($=(C=a==null?void 0:a.components)==null?void 0:C.Button)==null?void 0:$.root)||{},I=(a==null?void 0:a.customVariants)||{},B=!q.isBuiltInVariant(e)&&e in I,t=B?I[e]:null,{spotlightRef:S,position:M,isHovered:G,handlers:m}=re.useSpotlight({enabled:x,onMouseMove:D,onMouseEnter:F,onMouseLeave:H}),o=n.VARIANT_DEFAULTS[e]||n.VARIANT_DEFAULTS.primary,J=g.useMemo(()=>B&&t?{backgroundColor:`var(--bear-${e}-bg, ${t.bg})`,color:t.text||"#ffffff",borderColor:t.border,"--bear-ring-color":t.ring||t.bg,...f,...p}:{backgroundColor:`var(--bear-btn-${e}-bg, ${o.bg})`,color:e==="outline"||e==="ghost"?`var(--bear-btn-${e}-text, ${o.text||"inherit"})`:"white",borderColor:e==="outline"?`var(--bear-btn-${e}-border, ${o.border||o.bg})`:void 0,"--bear-ring-color":`var(--bear-btn-${e}-ring, ${o.ring})`,...f,...p},[e,o,f,p,B,t]),K=g.useCallback(d=>{S.current=d,typeof i=="function"?i(d):i&&(i.current=d)},[i,S]);return r.jsxs("button",{ref:K,disabled:Y,"aria-busy":c||void 0,style:J,className:s.cn("Bear-Button","bear-inline-flex bear-items-center bear-justify-center bear-font-medium bear-rounded-lg bear-transition-all bear-duration-200 bear-outline-none bear-relative bear-overflow-hidden",v?n.BUTTON_ICON_ONLY_SIZE[l]:n.BUTTON_SIZE[l],v&&"bear-rounded-lg",q.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",E&&"bear-w-full",c&&"bear-cursor-wait",k),"data-testid":L,onMouseMove:m.handleMouseMove,onMouseEnter:m.handleMouseEnter,onMouseLeave:m.handleMouseLeave,...W,children:[x&&r.jsx("span",{className:s.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",G?"bear-opacity-100":"bear-opacity-0"),"aria-hidden":"true",style:{width:u,height:u,background:`radial-gradient(circle at center, ${R} 0%, transparent 70%)`,transform:`translate(${M.x-u/2}px, ${M.y-u/2}px)`,mixBlendMode:"overlay"}}),c&&r.jsxs("span",{className:s.cn("Bear-Button__loading bear-inline-flex bear-items-center bear-gap-2 bear-relative bear-z-10",!h&&"bear-absolute"),children:[r.jsx(Q.Spinner,{size:l==="xs"?"xs":"sm",className:"Bear-Button__spinner"}),h&&r.jsx(j.Typography,{variant:y,className:"Bear-Button__text",children:h})]}),r.jsxs("span",{className:s.cn("Bear-Button__content bear-inline-flex bear-items-center bear-gap-inherit bear-relative bear-z-10",c&&"bear-invisible"),children:[N&&r.jsx("span",{className:s.cn("Bear-Button__icon Bear-Button__icon--left bear-inline-flex bear-shrink-0",n.BUTTON_ICON_SIZE[l]),children:N}),r.jsx(j.Typography,{variant:y,className:"Bear-Button__text",children:z}),T&&r.jsx("span",{className:s.cn("Bear-Button__icon Bear-Button__icon--right bear-inline-flex bear-shrink-0",n.BUTTON_ICON_SIZE[l]),children:T})]})]})});O.displayName="Button";exports.Button=O;

package/dist/components/Button/Button.constants.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={xs:"bear-px-2 bear-py-1 bear-text-xs bear-gap-1",sm:"bear-px-3 bear-py-1.5 bear-text-sm bear-gap-1.5",md:"bear-px-4 bear-py-2 bear-text-sm bear-gap-2",lg:"bear-px-5 bear-py-2.5 bear-text-base bear-gap-2",xl:"bear-px-6 bear-py-3 bear-text-lg bear-gap-2.5"},e={xs:"[&_svg]:bear-w-3 [&_svg]:bear-h-3",sm:"[&_svg]:bear-w-4 [&_svg]:bear-h-4",md:"[&_svg]:bear-w-5 [&_svg]:bear-h-5",lg:"[&_svg]:bear-w-5 [&_svg]:bear-h-5",xl:"[&_svg]:bear-w-6 [&_svg]:bear-h-6"},a={primary:`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={xs:"bear-px-2 bear-py-1 bear-text-xs bear-gap-1",sm:"bear-px-3 bear-py-1.5 bear-text-sm bear-gap-1.5",md:"bear-px-4 bear-py-2 bear-text-sm bear-gap-2",lg:"bear-px-5 bear-py-2.5 bear-text-base bear-gap-2",xl:"bear-px-6 bear-py-3 bear-text-lg bear-gap-2.5"},e={xs:"bear-w-6 bear-h-6 bear-p-0",sm:"bear-w-8 bear-h-8 bear-p-0",md:"bear-w-10 bear-h-10 bear-p-0",lg:"bear-w-12 bear-h-12 bear-p-0",xl:"bear-w-14 bear-h-14 bear-p-0"},a={xs:"[&_svg]:bear-w-3 [&_svg]:bear-h-3",sm:"[&_svg]:bear-w-4 [&_svg]:bear-h-4",md:"[&_svg]:bear-w-5 [&_svg]:bear-h-5",lg:"[&_svg]:bear-w-5 [&_svg]:bear-h-5",xl:"[&_svg]:bear-w-6 [&_svg]:bear-h-6"},b={primary:`
     bear-btn-primary
     bear-text-white bear-relative bear-overflow-hidden
     focus:bear-ring-2 focus:bear-ring-offset-2
@@ -44,4 +44,4 @@
     bear-text-white bear-relative bear-overflow-hidden
     focus:bear-ring-2 focus:bear-ring-offset-2
     disabled:bear-opacity-50 disabled:bear-cursor-not-allowed
-  `},b={primary:{bg:"var(--bear-primary-500)",hover:"var(--bear-primary-600)",active:"var(--bear-primary-700)",ring:"var(--bear-primary-500)"},secondary:{bg:"var(--bear-secondary-500)",hover:"var(--bear-secondary-600)",active:"var(--bear-secondary-700)",ring:"var(--bear-secondary-500)"},success:{bg:"var(--bear-success-500)",hover:"var(--bear-success-600)",active:"var(--bear-success-700)",ring:"var(--bear-success-500)"},warning:{bg:"var(--bear-warning-500)",hover:"var(--bear-warning-600)",active:"var(--bear-warning-700)",ring:"var(--bear-warning-500)"},danger:{bg:"var(--bear-danger-500)",hover:"var(--bear-danger-600)",active:"var(--bear-danger-700)",ring:"var(--bear-danger-500)"},info:{bg:"var(--bear-info-500)",hover:"var(--bear-info-600)",active:"var(--bear-info-700)",ring:"var(--bear-info-500)"},error:{bg:"var(--bear-danger-500)",hover:"var(--bear-danger-600)",active:"var(--bear-danger-700)",ring:"var(--bear-danger-500)"},ghost:{bg:"transparent",hover:"var(--bear-neutral-100)",active:"var(--bear-neutral-200)",text:"var(--bear-text-primary)",ring:"var(--bear-neutral-500)"},outline:{bg:"transparent",hover:"var(--bear-primary-50)",active:"var(--bear-primary-100)",border:"var(--bear-primary-500)",text:"var(--bear-primary-500)",ring:"var(--bear-primary-500)"}};exports.BUTTON_ICON_SIZE=e;exports.BUTTON_SIZE=r;exports.BUTTON_VARIANT=a;exports.VARIANT_DEFAULTS=b;
+  `},o={primary:{bg:"var(--bear-primary-500)",hover:"var(--bear-primary-600)",active:"var(--bear-primary-700)",ring:"var(--bear-primary-500)"},secondary:{bg:"var(--bear-secondary-500)",hover:"var(--bear-secondary-600)",active:"var(--bear-secondary-700)",ring:"var(--bear-secondary-500)"},success:{bg:"var(--bear-success-500)",hover:"var(--bear-success-600)",active:"var(--bear-success-700)",ring:"var(--bear-success-500)"},warning:{bg:"var(--bear-warning-500)",hover:"var(--bear-warning-600)",active:"var(--bear-warning-700)",ring:"var(--bear-warning-500)"},danger:{bg:"var(--bear-danger-500)",hover:"var(--bear-danger-600)",active:"var(--bear-danger-700)",ring:"var(--bear-danger-500)"},info:{bg:"var(--bear-info-500)",hover:"var(--bear-info-600)",active:"var(--bear-info-700)",ring:"var(--bear-info-500)"},error:{bg:"var(--bear-danger-500)",hover:"var(--bear-danger-600)",active:"var(--bear-danger-700)",ring:"var(--bear-danger-500)"},ghost:{bg:"transparent",hover:"var(--bear-neutral-100)",active:"var(--bear-neutral-200)",text:"var(--bear-text-primary)",ring:"var(--bear-neutral-500)"},outline:{bg:"transparent",hover:"var(--bear-primary-50)",active:"var(--bear-primary-100)",border:"var(--bear-primary-500)",text:"var(--bear-primary-500)",ring:"var(--bear-primary-500)"}};exports.BUTTON_ICON_ONLY_SIZE=e;exports.BUTTON_ICON_SIZE=a;exports.BUTTON_SIZE=r;exports.BUTTON_VARIANT=b;exports.VARIANT_DEFAULTS=o;

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

@@ -1,5 +1,6 @@
 import { BearSize, BearVariant } from '../../types';
 export declare const BUTTON_SIZE: Record<BearSize, string>;
+export declare const BUTTON_ICON_ONLY_SIZE: Record<BearSize, string>;
 export declare const BUTTON_ICON_SIZE: Record<BearSize, string>;
 /**
  * Button variants using CSS variables for full customization

package/dist/components/Button/Button.constants.js

@@ -5,12 +5,18 @@ const r = {
   lg: "bear-px-5 bear-py-2.5 bear-text-base bear-gap-2",
   xl: "bear-px-6 bear-py-3 bear-text-lg bear-gap-2.5"
 }, e = {
+  xs: "bear-w-6 bear-h-6 bear-p-0",
+  sm: "bear-w-8 bear-h-8 bear-p-0",
+  md: "bear-w-10 bear-h-10 bear-p-0",
+  lg: "bear-w-12 bear-h-12 bear-p-0",
+  xl: "bear-w-14 bear-h-14 bear-p-0"
+}, a = {
   xs: "[&_svg]:bear-w-3 [&_svg]:bear-h-3",
   sm: "[&_svg]:bear-w-4 [&_svg]:bear-h-4",
   md: "[&_svg]:bear-w-5 [&_svg]:bear-h-5",
   lg: "[&_svg]:bear-w-5 [&_svg]:bear-h-5",
   xl: "[&_svg]:bear-w-6 [&_svg]:bear-h-6"
-}, a = {
+}, b = {
   primary: `
     bear-btn-primary
     bear-text-white bear-relative bear-overflow-hidden
@@ -66,7 +72,7 @@ const r = {
     focus:bear-ring-2 focus:bear-ring-offset-2
     disabled:bear-opacity-50 disabled:bear-cursor-not-allowed
   `
-}, b = {
+}, o = {
   primary: { bg: "var(--bear-primary-500)", hover: "var(--bear-primary-600)", active: "var(--bear-primary-700)", ring: "var(--bear-primary-500)" },
   secondary: { bg: "var(--bear-secondary-500)", hover: "var(--bear-secondary-600)", active: "var(--bear-secondary-700)", ring: "var(--bear-secondary-500)" },
   success: { bg: "var(--bear-success-500)", hover: "var(--bear-success-600)", active: "var(--bear-success-700)", ring: "var(--bear-success-500)" },
@@ -78,8 +84,9 @@ const r = {
   outline: { bg: "transparent", hover: "var(--bear-primary-50)", active: "var(--bear-primary-100)", border: "var(--bear-primary-500)", text: "var(--bear-primary-500)", ring: "var(--bear-primary-500)" }
 };
 export {
-  e as BUTTON_ICON_SIZE,
+  e as BUTTON_ICON_ONLY_SIZE,
+  a as BUTTON_ICON_SIZE,
   r as BUTTON_SIZE,
-  a as BUTTON_VARIANT,
-  b as VARIANT_DEFAULTS
+  b as BUTTON_VARIANT,
+  o as VARIANT_DEFAULTS
 };

package/dist/components/Button/Button.d.ts

@@ -1,29 +1,2 @@
 import { ButtonProps } from './Button.types';
-/**
- * Button component with multiple variants, sizes, states, and effects.
- *
- * Features:
- * - Fully themeable via BearProvider
- * - Mouse-follow spotlight hover effect
- * - CSS variable-based colors for easy customization
- * - Component overrides via useBearComponent
- *
- * @example
- * ```tsx
- * // Basic usage
- * <Button variant="primary" size="md">
- *   Click me
- * </Button>
- *
- * // With spotlight hover effect
- * <Button variant="primary" spotlight>
- *   Hover me
- * </Button>
- *
- * // With icons
- * <Button variant="outline" leftIcon={<Icon />}>
- *   With Icon
- * </Button>
- * ```
- */
 export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;