@forgedevstack/bear 1.1.4 → 1.1.9

package/README.md

@@ -76,7 +76,7 @@ function App() {
 
 ### Form Components
 
-- `Input` - Text input field
+- `Input` / `TextField` - Text input with optional `InputProps.startAdornment` / `endAdornment` for start/end slots
 - `Select` / `MultiSelect` - Dropdown selection components
 - `Checkbox` - Checkbox input
 - `Radio` / `RadioGroup` - Radio button inputs
@@ -116,7 +116,7 @@ function App() {
 - `DataTable` - Advanced data table with sorting, filtering, and pagination
 - `Carousel` - Image/content carousel
 - `Accordion` - Collapsible content sections
-- `Tabs` - Tabbed interface
+- `Tabs` / `TabList` / `Tab` / `TabPanel` - Tabbed interface; `TabList` supports `maxVisibleTabs` (overflow dropdown) and `wrap` (auto-break)
 - `List` - List component with various item types
 - `Avatar` / `AvatarGroup` - User avatar display
 - `Chip` - Compact element for input, attribute, or action
@@ -284,6 +284,25 @@ const buttonProps: ButtonProps = {
 <Button {...buttonProps} />
 ```
 
+## How Bear Compares
+
+| Feature | Bear UI | Material UI | Ant Design | Chakra UI |
+|---------|---------|-----|------------|-----------|
+| **Tailwind CSS native** | Yes | No | No | Partial (v3) |
+| **Bundle (tree-shaken)** | ~18 kB | ~80 kB | ~120 kB | ~45 kB |
+| **Dark mode** | `dark:` variants, zero JS | Runtime theme swap | CSS vars + config | ColorMode context |
+| **TypeScript** | 100 % | 100 % | 100 % | 100 % |
+| **Components** | 60+ | 50+ | 60+ | 30+ |
+| **Theming** | BearProvider + Tailwind | Emotion/styled | Less/CSS vars | Styled System |
+| **Modular CSS** | `@BearInclude` PostCSS | N/A | N/A | N/A |
+| **React 18 / 19** | Yes | Yes | Yes | Yes |
+| **Zero runtime CSS-in-JS** | Yes | No (Emotion) | No (Less) | No (Emotion) |
+| **Built-in i18n** | Portal (en/es) | X (add-on) | ConfigProvider | N/A |
+
+## Contributing
+
+See [CONTRIBUTING.md](./CONTRIBUTING.md) for guidelines on adding components, coding rules, and the portal development workflow.
+
 ## License
 
 MIT

package/dist/components/Anchor/Anchor.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react/jsx-runtime"),b=require("react"),p=require("../../utils/cn.cjs"),L=require("../Typography/Typography.cjs"),s=require("./Anchor.const.cjs");function N(E){const c=[],o=d=>{d.forEach(i=>{var l;c.push(i.id),(l=i.children)!=null&&l.length&&o(i.children)})};return o(E),c}const C=E=>{const{links:c,offset:o=s.DEFAULT_OFFSET,affix:d=!1,affixTop:i=s.DEFAULT_AFFIX_TOP,targetOffset:l=s.DEFAULT_TARGET_OFFSET,onClick:u,className:A,testId:I,...m}=E,[v,y]=b.useState(null),f=b.useRef(null),h=N(c),g=b.useCallback(e=>{const n=document.getElementById(e);if(n){const t=n.getBoundingClientRect().top+window.scrollY-l;window.scrollTo({top:t,behavior:"smooth"})}u==null||u(e)},[l,u]);b.useEffect(()=>{if(h.length!==0)return f.current=new IntersectionObserver(e=>{const n=e.filter(t=>t.isIntersecting).sort((t,r)=>{const a=t.boundingClientRect.top,x=r.boundingClientRect.top;return Math.abs(a-o)-Math.abs(x-o)});if(n.length>0){const r=n[0].target.id;h.includes(r)&&y(r)}},{rootMargin:`-${o}px 0px -50% 0px`,threshold:[0,.25,.5,.75,1]}),h.forEach(e=>{var t;const n=document.getElementById(e);n&&((t=f.current)==null||t.observe(n))}),()=>{var e;(e=f.current)==null||e.disconnect(),f.current=null}},[h.join(","),o]);const S=(e,n)=>{var r;const t=v===e.id;return T.jsxs("div",{className:p.cn(n&&s.NESTED_LINK_INDENT),children:[T.jsx("div",{role:"button",tabIndex:0,onClick:()=>g(e.id),onKeyDown:a=>a.key==="Enter"&&g(e.id),className:p.cn(s.LINK_CLASSES,t&&s.ACTIVE_LINK_CLASSES),children:T.jsx(L.Typography,{variant:"body2",className:p.cn(t&&"bear-font-medium"),children:e.label})}),(r=e.children)==null?void 0:r.map(a=>S(a,!0))]},e.id)},_=p.cn(s.ROOT_CLASS,s.ROOT_CLASSES,d&&"bear-sticky",A);return T.jsx("nav",{className:_,style:d?{top:i}:void 0,"data-testid":I,...m,children:c.map(e=>S(e,!1))})};exports.Anchor=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),u=require("react"),f=require("../../utils/cn.cjs"),L=require("../Typography/Typography.cjs"),s=require("./Anchor.const.cjs"),N=require("./Anchor.utils.cjs"),C=S=>{const{links:T,offset:c=s.DEFAULT_OFFSET,affix:h=!1,affixTop:g=s.DEFAULT_AFFIX_TOP,targetOffset:b=s.DEFAULT_TARGET_OFFSET,onClick:i,className:m,testId:A,...I}=S,[v,_]=u.useState(null),l=u.useRef(null),a=N.collectIds(T),p=u.useCallback(e=>{const n=document.getElementById(e);if(n){const t=n.getBoundingClientRect().top+window.scrollY-b;window.scrollTo({top:t,behavior:"smooth"})}i==null||i(e)},[b,i]);u.useEffect(()=>{if(a.length!==0)return l.current=new IntersectionObserver(e=>{const n=e.filter(t=>t.isIntersecting).sort((t,o)=>{const r=t.boundingClientRect.top,x=o.boundingClientRect.top;return Math.abs(r-c)-Math.abs(x-c)});if(n.length>0){const o=n[0].target.id;a.includes(o)&&_(o)}},{rootMargin:`-${c}px 0px -50% 0px`,threshold:[0,.25,.5,.75,1]}),a.forEach(e=>{var t;const n=document.getElementById(e);n&&((t=l.current)==null||t.observe(n))}),()=>{var e;(e=l.current)==null||e.disconnect(),l.current=null}},[a.join(","),c]);const E=(e,n)=>{var o;const t=v===e.id;return d.jsxs("div",{className:f.cn(n&&s.NESTED_LINK_INDENT),children:[d.jsx("div",{role:"button",tabIndex:0,onClick:()=>p(e.id),onKeyDown:r=>r.key==="Enter"&&p(e.id),className:f.cn(s.LINK_CLASSES,t&&s.ACTIVE_LINK_CLASSES),children:d.jsx(L.Typography,{variant:"body2",className:f.cn(t&&"bear-font-medium"),children:e.label})}),(o=e.children)==null?void 0:o.map(r=>E(r,!0))]},e.id)},y=f.cn(s.ROOT_CLASS,s.ROOT_CLASSES,h&&"bear-sticky",m);return d.jsx("nav",{className:y,style:h?{top:g}:void 0,"data-testid":A,...I,children:T.map(e=>E(e,!1))})};exports.Anchor=C;

package/dist/components/Anchor/Anchor.js

@@ -1,91 +1,83 @@
-import { jsx as h, jsxs as L } from "react/jsx-runtime";
+import { jsx as d, jsxs as L } from "react/jsx-runtime";
 import { useState as N, useRef as C, useCallback as x, useEffect as y } from "react";
-import { cn as m } from "../../utils/cn.js";
+import { cn as a } from "../../utils/cn.js";
 import { Typography as F } from "../Typography/Typography.js";
 import { DEFAULT_OFFSET as O, DEFAULT_AFFIX_TOP as R, DEFAULT_TARGET_OFFSET as w, ROOT_CLASSES as D, ROOT_CLASS as K, ACTIVE_LINK_CLASSES as j, LINK_CLASSES as B, NESTED_LINK_INDENT as M } from "./Anchor.const.js";
-function U(p) {
-  const r = [], n = (a) => {
-    a.forEach((c) => {
-      var i;
-      r.push(c.id), (i = c.children) != null && i.length && n(c.children);
-    });
-  };
-  return n(p), r;
-}
-const Y = (p) => {
+import { collectIds as U } from "./Anchor.utils.js";
+const k = (E) => {
   const {
-    links: r,
-    offset: n = O,
-    affix: a = !1,
-    affixTop: c = R,
-    targetOffset: i = w,
-    onClick: d,
-    className: b,
+    links: f,
+    offset: r = O,
+    affix: m = !1,
+    affixTop: b = R,
+    targetOffset: u = w,
+    onClick: c,
+    className: h,
     testId: I,
     ...S
-  } = p, [g, v] = N(null), f = C(null), u = U(r), E = x(
+  } = E, [g, v] = N(null), i = C(null), l = U(f), p = x(
     (t) => {
       const o = document.getElementById(t);
       if (o) {
-        const e = o.getBoundingClientRect().top + window.scrollY - i;
+        const e = o.getBoundingClientRect().top + window.scrollY - u;
         window.scrollTo({ top: e, behavior: "smooth" });
       }
-      d == null || d(t);
+      c == null || c(t);
     },
-    [i, d]
+    [u, c]
   );
   y(() => {
-    if (u.length !== 0)
-      return f.current = new IntersectionObserver(
+    if (l.length !== 0)
+      return i.current = new IntersectionObserver(
         (t) => {
           const o = t.filter((e) => e.isIntersecting).sort((e, s) => {
-            const l = e.boundingClientRect.top, _ = s.boundingClientRect.top;
-            return Math.abs(l - n) - Math.abs(_ - n);
+            const n = e.boundingClientRect.top, _ = s.boundingClientRect.top;
+            return Math.abs(n - r) - Math.abs(_ - r);
           });
           if (o.length > 0) {
             const s = o[0].target.id;
-            u.includes(s) && v(s);
+            l.includes(s) && v(s);
           }
         },
-        { rootMargin: `-${n}px 0px -50% 0px`, threshold: [0, 0.25, 0.5, 0.75, 1] }
-      ), u.forEach((t) => {
+        { rootMargin: `-${r}px 0px -50% 0px`, threshold: [0, 0.25, 0.5, 0.75, 1] }
+      ), l.forEach((t) => {
         var e;
         const o = document.getElementById(t);
-        o && ((e = f.current) == null || e.observe(o));
+        o && ((e = i.current) == null || e.observe(o));
       }), () => {
         var t;
-        (t = f.current) == null || t.disconnect(), f.current = null;
+        (t = i.current) == null || t.disconnect(), i.current = null;
       };
-  }, [u.join(","), n]);
+  }, [l.join(","), r]);
   const T = (t, o) => {
     var s;
     const e = g === t.id;
-    return /* @__PURE__ */ L("div", { className: m(o && M), children: [
-      /* @__PURE__ */ h(
+    return /* @__PURE__ */ L("div", { className: a(o && M), children: [
+      /* @__PURE__ */ d(
         "div",
         {
           role: "button",
           tabIndex: 0,
-          onClick: () => E(t.id),
-          onKeyDown: (l) => l.key === "Enter" && E(t.id),
-          className: m(B, e && j),
-          children: /* @__PURE__ */ h(F, { variant: "body2", className: m(e && "bear-font-medium"), children: t.label })
+          onClick: () => p(t.id),
+          onKeyDown: (n) => n.key === "Enter" && p(t.id),
+          className: a(B, e && j),
+          children: /* @__PURE__ */ d(F, { variant: "body2", className: a(e && "bear-font-medium"), children: t.label })
         }
       ),
-      (s = t.children) == null ? void 0 : s.map((l) => T(l, !0))
+      (s = t.children) == null ? void 0 : s.map((n) => T(n, !0))
     ] }, t.id);
-  }, A = m(K, D, a && "bear-sticky", b);
-  return /* @__PURE__ */ h(
+  }, A = a(K, D, m && "bear-sticky", h);
+  return /* @__PURE__ */ d(
     "nav",
     {
       className: A,
-      style: a ? { top: c } : void 0,
+      style: m ? { top: b } : void 0,
       "data-testid": I,
       ...S,
-      children: r.map((t) => T(t, !1))
+      children: f.map((t) => T(t, !1))
     }
   );
 };
 export {
-  Y as Anchor
+  k as Anchor
 };

package/dist/components/Anchor/Anchor.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(n){const e=[],l=o=>{o.forEach(c=>{var t;e.push(c.id),(t=c.children)!=null&&t.length&&l(c.children)})};return l(n),e}exports.collectIds=r;

package/dist/components/Anchor/Anchor.utils.d.ts

@@ -0,0 +1,2 @@
+import { AnchorLink } from './Anchor.types';
+export declare function collectIds(links: AnchorLink[]): string[];

package/dist/components/Anchor/Anchor.utils.js

@@ -0,0 +1,12 @@
+function h(r) {
+  const n = [], l = (d) => {
+    d.forEach((c) => {
+      var o;
+      n.push(c.id), (o = c.children) != null && o.length && l(c.children);
+    });
+  };
+  return l(r), n;
+}
+export {
+  h as collectIds
+};

package/dist/components/Autocomplete/Autocomplete.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),f=require("../../utils/cn.cjs"),z=(g,b)=>{const t=b.toLowerCase();return g.filter(l=>{var i;return l.label.toLowerCase().includes(t)||l.value.toLowerCase().includes(t)||((i=l.description)==null?void 0:i.toLowerCase().includes(t))})},I=({options:g,value:b="",onChange:t,onSelect:l,placeholder:i="Start typing...",label:w,helperText:k,error:d,disabled:u=!1,freeSolo:p=!1,loading:v=!1,filterOptions:D=z,className:E,testId:L})=>{const[x,n]=s.useState(!1),[o,m]=s.useState(-1),y=s.useRef(null),j=s.useRef(null),h=s.useRef(null),c=D(g,b);s.useEffect(()=>{const e=a=>{y.current&&!y.current.contains(a.target)&&n(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),s.useEffect(()=>{m(-1)},[b]),s.useEffect(()=>{if(o>=0&&h.current){const e=h.current.children[o];e&&e.scrollIntoView({block:"nearest"})}},[o]);const R=e=>{const a=e.target.value;t==null||t(a),n(!0)},N=e=>{var a;t==null||t(e.label),l==null||l(e),n(!1),(a=j.current)==null||a.blur()},A=e=>{if(!x){(e.key==="ArrowDown"||e.key==="ArrowUp")&&(n(!0),e.preventDefault());return}switch(e.key){case"ArrowDown":e.preventDefault(),m(a=>a<c.length-1?a+1:0);break;case"ArrowUp":e.preventDefault(),m(a=>a>0?a-1:c.length-1);break;case"Enter":e.preventDefault(),o>=0&&c[o]?N(c[o]):p&&b&&n(!1);break;case"Escape":n(!1);break}};return r.jsxs("div",{className:f.cn("bear-w-full bear-relative",E),ref:y,"data-testid":L,children:[w&&r.jsx("label",{className:"bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200 bear-mb-1.5",children:w}),r.jsxs("div",{className:"bear-relative",children:[r.jsx("input",{ref:j,type:"text",value:b,onChange:R,onFocus:()=>n(!0),onKeyDown:A,placeholder:i,disabled:u,className:f.cn("bear-w-full bear-px-4 bear-py-2.5 bear-pr-10 bear-rounded-lg bear-border","bear-bg-white dark:bear-bg-gray-900","bear-text-sm bear-text-gray-900 dark:bear-text-white","placeholder:bear-text-gray-400","bear-transition-colors bear-outline-none",d?"bear-border-red-500 focus:bear-ring-2 focus:bear-ring-red-500/20":"bear-border-gray-300 dark:bear-border-gray-600 focus:bear-border-amber-500 focus:bear-ring-2 focus:bear-ring-amber-500/20",u&&"bear-opacity-50 bear-cursor-not-allowed bear-bg-gray-100 dark:bear-bg-gray-800")}),r.jsx("div",{className:"bear-absolute bear-right-3 bear-top-1/2 bear-transform bear--translate-y-1/2",children:v?r.jsxs("svg",{className:"bear-animate-spin bear-w-4 bear-h-4 bear-text-gray-400",viewBox:"0 0 24 24",fill:"none",children:[r.jsx("circle",{className:"bear-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),r.jsx("path",{className:"bear-opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}):r.jsx("svg",{className:"bear-w-4 bear-h-4 bear-text-gray-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})})})]}),x&&!u&&c.length>0&&r.jsx("div",{ref:h,className:"bear-absolute bear-z-50 bear-w-full bear-mt-1 bear-py-1 bear-bg-white dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-shadow-lg bear-max-h-60 bear-overflow-auto",children:c.map((e,a)=>r.jsxs("button",{type:"button",disabled:e.disabled,onClick:()=>N(e),className:f.cn("bear-w-full bear-px-4 bear-py-2 bear-text-left bear-text-sm bear-transition-colors","bear-text-gray-900 dark:bear-text-white",a===o?"bear-bg-amber-50 dark:bear-bg-amber-900/20":"hover:bear-bg-gray-50 dark:hover:bear-bg-gray-700",e.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),children:[r.jsx("div",{className:"bear-font-medium",children:e.label}),e.description&&r.jsx("div",{className:"bear-text-xs bear-text-gray-500 dark:bear-text-gray-400 bear-mt-0.5",children:e.description})]},e.value))}),x&&!u&&c.length===0&&b&&!v&&r.jsx("div",{className:"bear-absolute bear-z-50 bear-w-full bear-mt-1 bear-py-3 bear-px-4 bear-bg-white dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-shadow-lg bear-text-sm bear-text-gray-500",children:p?"Press Enter to use this value":"No results found"}),(k||d)&&r.jsx("p",{className:f.cn("bear-mt-1.5 bear-text-xs",d?"bear-text-red-500":"bear-text-gray-500 dark:bear-text-gray-400"),children:d||k})]})};exports.Autocomplete=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react"),d=require("../../utils/cn.cjs"),I=require("./Autocomplete.utils.cjs"),O=({options:j,value:o="",onChange:n,onSelect:u,placeholder:N="Start typing...",label:y,helperText:h,error:c,disabled:i=!1,freeSolo:p=!1,loading:w=!1,filterOptions:A=I.defaultFilter,className:D,testId:E})=>{const[f,s]=t.useState(!1),[b,g]=t.useState(-1),x=t.useRef(null),k=t.useRef(null),m=t.useRef(null),l=A(j,o);t.useEffect(()=>{const e=a=>{x.current&&!x.current.contains(a.target)&&s(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),t.useEffect(()=>{g(-1)},[o]),t.useEffect(()=>{if(b>=0&&m.current){const e=m.current.children[b];e&&e.scrollIntoView({block:"nearest"})}},[b]);const R=e=>{const a=e.target.value;n==null||n(a),s(!0)},v=e=>{var a;n==null||n(e.label),u==null||u(e),s(!1),(a=k.current)==null||a.blur()},z=e=>{if(!f){(e.key==="ArrowDown"||e.key==="ArrowUp")&&(s(!0),e.preventDefault());return}switch(e.key){case"ArrowDown":e.preventDefault(),g(a=>a<l.length-1?a+1:0);break;case"ArrowUp":e.preventDefault(),g(a=>a>0?a-1:l.length-1);break;case"Enter":e.preventDefault(),b>=0&&l[b]?v(l[b]):p&&o&&s(!1);break;case"Escape":s(!1);break}};return r.jsxs("div",{className:d.cn("bear-w-full bear-relative",D),ref:x,"data-testid":E,children:[y&&r.jsx("label",{className:"bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200 bear-mb-1.5",children:y}),r.jsxs("div",{className:"bear-relative",children:[r.jsx("input",{ref:k,type:"text",value:o,onChange:R,onFocus:()=>s(!0),onKeyDown:z,placeholder:N,disabled:i,className:d.cn("bear-w-full bear-px-4 bear-py-2.5 bear-pr-10 bear-rounded-lg bear-border","bear-bg-white dark:bear-bg-gray-900","bear-text-sm bear-text-gray-900 dark:bear-text-white","placeholder:bear-text-gray-400","bear-transition-colors bear-outline-none",c?"bear-border-red-500 focus:bear-ring-2 focus:bear-ring-red-500/20":"bear-border-gray-300 dark:bear-border-gray-600 focus:bear-border-amber-500 focus:bear-ring-2 focus:bear-ring-amber-500/20",i&&"bear-opacity-50 bear-cursor-not-allowed bear-bg-gray-100 dark:bear-bg-gray-800")}),r.jsx("div",{className:"bear-absolute bear-right-3 bear-top-1/2 bear-transform bear--translate-y-1/2",children:w?r.jsxs("svg",{className:"bear-animate-spin bear-w-4 bear-h-4 bear-text-gray-400",viewBox:"0 0 24 24",fill:"none",children:[r.jsx("circle",{className:"bear-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),r.jsx("path",{className:"bear-opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}):r.jsx("svg",{className:"bear-w-4 bear-h-4 bear-text-gray-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})})})]}),f&&!i&&l.length>0&&r.jsx("div",{ref:m,className:"bear-absolute bear-z-50 bear-w-full bear-mt-1 bear-py-1 bear-bg-white dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-shadow-lg bear-max-h-60 bear-overflow-auto",children:l.map((e,a)=>r.jsxs("button",{type:"button",disabled:e.disabled,onClick:()=>v(e),className:d.cn("bear-w-full bear-px-4 bear-py-2 bear-text-left bear-text-sm bear-transition-colors","bear-text-gray-900 dark:bear-text-white",a===b?"bear-bg-amber-50 dark:bear-bg-amber-900/20":"hover:bear-bg-gray-50 dark:hover:bear-bg-gray-700",e.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),children:[r.jsx("div",{className:"bear-font-medium",children:e.label}),e.description&&r.jsx("div",{className:"bear-text-xs bear-text-gray-500 dark:bear-text-gray-400 bear-mt-0.5",children:e.description})]},e.value))}),f&&!i&&l.length===0&&o&&!w&&r.jsx("div",{className:"bear-absolute bear-z-50 bear-w-full bear-mt-1 bear-py-3 bear-px-4 bear-bg-white dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-shadow-lg bear-text-sm bear-text-gray-500",children:p?"Press Enter to use this value":"No results found"}),(h||c)&&r.jsx("p",{className:d.cn("bear-mt-1.5 bear-text-xs",c?"bear-text-red-500":"bear-text-gray-500 dark:bear-text-gray-400"),children:c||h})]})};exports.Autocomplete=O;

package/dist/components/Autocomplete/Autocomplete.js

@@ -1,119 +1,112 @@
-import { jsxs as u, jsx as a } from "react/jsx-runtime";
-import { useState as E, useRef as x, useEffect as p } from "react";
-import { cn as f } from "../../utils/cn.js";
-const C = (g, b) => {
-  const t = b.toLowerCase();
-  return g.filter(
-    (s) => {
-      var i;
-      return s.label.toLowerCase().includes(t) || s.value.toLowerCase().includes(t) || ((i = s.description) == null ? void 0 : i.toLowerCase().includes(t));
-    }
-  );
-}, H = ({
-  options: g,
-  value: b = "",
-  onChange: t,
-  onSelect: s,
-  placeholder: i = "Start typing...",
-  label: k,
-  helperText: v,
-  error: c,
-  disabled: d = !1,
-  freeSolo: N = !1,
-  loading: D = !1,
-  filterOptions: z = C,
-  className: I,
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { useState as A, useRef as h, useEffect as x } from "react";
+import { cn as c } from "../../utils/cn.js";
+import { defaultFilter as V } from "./Autocomplete.utils.js";
+const M = ({
+  options: E,
+  value: o = "",
+  onChange: l,
+  onSelect: u,
+  placeholder: z = "Start typing...",
+  label: p,
+  helperText: w,
+  error: n,
+  disabled: i = !1,
+  freeSolo: k = !1,
+  loading: v = !1,
+  filterOptions: I = V,
+  className: L,
   testId: O
 }) => {
-  const [m, l] = E(!1), [o, y] = E(-1), h = x(null), L = x(null), w = x(null), n = z(g, b);
-  p(() => {
+  const [m, t] = A(!1), [b, f] = A(-1), g = h(null), N = h(null), y = h(null), s = I(E, o);
+  x(() => {
     const e = (r) => {
-      h.current && !h.current.contains(r.target) && l(!1);
+      g.current && !g.current.contains(r.target) && t(!1);
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, []), p(() => {
-    y(-1);
-  }, [b]), p(() => {
-    if (o >= 0 && w.current) {
-      const e = w.current.children[o];
+  }, []), x(() => {
+    f(-1);
+  }, [o]), x(() => {
+    if (b >= 0 && y.current) {
+      const e = y.current.children[b];
       e && e.scrollIntoView({ block: "nearest" });
     }
-  }, [o]);
+  }, [b]);
   const R = (e) => {
     const r = e.target.value;
-    t == null || t(r), l(!0);
-  }, A = (e) => {
+    l == null || l(r), t(!0);
+  }, D = (e) => {
     var r;
-    t == null || t(e.label), s == null || s(e), l(!1), (r = L.current) == null || r.blur();
+    l == null || l(e.label), u == null || u(e), t(!1), (r = N.current) == null || r.blur();
   }, j = (e) => {
     if (!m) {
-      (e.key === "ArrowDown" || e.key === "ArrowUp") && (l(!0), e.preventDefault());
+      (e.key === "ArrowDown" || e.key === "ArrowUp") && (t(!0), e.preventDefault());
       return;
     }
     switch (e.key) {
       case "ArrowDown":
-        e.preventDefault(), y(
-          (r) => r < n.length - 1 ? r + 1 : 0
+        e.preventDefault(), f(
+          (r) => r < s.length - 1 ? r + 1 : 0
         );
         break;
       case "ArrowUp":
-        e.preventDefault(), y(
-          (r) => r > 0 ? r - 1 : n.length - 1
+        e.preventDefault(), f(
+          (r) => r > 0 ? r - 1 : s.length - 1
         );
         break;
       case "Enter":
-        e.preventDefault(), o >= 0 && n[o] ? A(n[o]) : N && b && l(!1);
+        e.preventDefault(), b >= 0 && s[b] ? D(s[b]) : k && o && t(!1);
         break;
       case "Escape":
-        l(!1);
+        t(!1);
         break;
     }
   };
-  return /* @__PURE__ */ u("div", { className: f("bear-w-full bear-relative", I), ref: h, "data-testid": O, children: [
-    k && /* @__PURE__ */ a("label", { className: "bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200 bear-mb-1.5", children: k }),
-    /* @__PURE__ */ u("div", { className: "bear-relative", children: [
+  return /* @__PURE__ */ d("div", { className: c("bear-w-full bear-relative", L), ref: g, "data-testid": O, children: [
+    p && /* @__PURE__ */ a("label", { className: "bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200 bear-mb-1.5", children: p }),
+    /* @__PURE__ */ d("div", { className: "bear-relative", children: [
       /* @__PURE__ */ a(
         "input",
         {
-          ref: L,
+          ref: N,
           type: "text",
-          value: b,
+          value: o,
           onChange: R,
-          onFocus: () => l(!0),
+          onFocus: () => t(!0),
           onKeyDown: j,
-          placeholder: i,
-          disabled: d,
-          className: f(
+          placeholder: z,
+          disabled: i,
+          className: c(
             "bear-w-full bear-px-4 bear-py-2.5 bear-pr-10 bear-rounded-lg bear-border",
             "bear-bg-white dark:bear-bg-gray-900",
             "bear-text-sm bear-text-gray-900 dark:bear-text-white",
             "placeholder:bear-text-gray-400",
             "bear-transition-colors bear-outline-none",
-            c ? "bear-border-red-500 focus:bear-ring-2 focus:bear-ring-red-500/20" : "bear-border-gray-300 dark:bear-border-gray-600 focus:bear-border-amber-500 focus:bear-ring-2 focus:bear-ring-amber-500/20",
-            d && "bear-opacity-50 bear-cursor-not-allowed bear-bg-gray-100 dark:bear-bg-gray-800"
+            n ? "bear-border-red-500 focus:bear-ring-2 focus:bear-ring-red-500/20" : "bear-border-gray-300 dark:bear-border-gray-600 focus:bear-border-amber-500 focus:bear-ring-2 focus:bear-ring-amber-500/20",
+            i && "bear-opacity-50 bear-cursor-not-allowed bear-bg-gray-100 dark:bear-bg-gray-800"
           )
         }
       ),
-      /* @__PURE__ */ a("div", { className: "bear-absolute bear-right-3 bear-top-1/2 bear-transform bear--translate-y-1/2", children: D ? /* @__PURE__ */ u("svg", { className: "bear-animate-spin bear-w-4 bear-h-4 bear-text-gray-400", viewBox: "0 0 24 24", fill: "none", children: [
+      /* @__PURE__ */ a("div", { className: "bear-absolute bear-right-3 bear-top-1/2 bear-transform bear--translate-y-1/2", children: v ? /* @__PURE__ */ d("svg", { className: "bear-animate-spin bear-w-4 bear-h-4 bear-text-gray-400", viewBox: "0 0 24 24", fill: "none", children: [
         /* @__PURE__ */ a("circle", { className: "bear-opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
         /* @__PURE__ */ a("path", { className: "bear-opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
       ] }) : /* @__PURE__ */ a("svg", { className: "bear-w-4 bear-h-4 bear-text-gray-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ a("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) })
     ] }),
-    m && !d && n.length > 0 && /* @__PURE__ */ a(
+    m && !i && s.length > 0 && /* @__PURE__ */ a(
       "div",
       {
-        ref: w,
+        ref: y,
         className: "bear-absolute bear-z-50 bear-w-full bear-mt-1 bear-py-1 bear-bg-white dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-shadow-lg bear-max-h-60 bear-overflow-auto",
-        children: n.map((e, r) => /* @__PURE__ */ u(
+        children: s.map((e, r) => /* @__PURE__ */ d(
           "button",
           {
             type: "button",
             disabled: e.disabled,
-            onClick: () => A(e),
-            className: f(
+            onClick: () => D(e),
+            className: c(
               "bear-w-full bear-px-4 bear-py-2 bear-text-left bear-text-sm bear-transition-colors",
               "bear-text-gray-900 dark:bear-text-white",
-              r === o ? "bear-bg-amber-50 dark:bear-bg-amber-900/20" : "hover:bear-bg-gray-50 dark:hover:bear-bg-gray-700",
+              r === b ? "bear-bg-amber-50 dark:bear-bg-amber-900/20" : "hover:bear-bg-gray-50 dark:hover:bear-bg-gray-700",
               e.disabled && "bear-opacity-50 bear-cursor-not-allowed"
             ),
             children: [
@@ -125,13 +118,13 @@ const C = (g, b) => {
         ))
       }
     ),
-    m && !d && n.length === 0 && b && !D && /* @__PURE__ */ a("div", { className: "bear-absolute bear-z-50 bear-w-full bear-mt-1 bear-py-3 bear-px-4 bear-bg-white dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-shadow-lg bear-text-sm bear-text-gray-500", children: N ? "Press Enter to use this value" : "No results found" }),
-    (v || c) && /* @__PURE__ */ a("p", { className: f(
+    m && !i && s.length === 0 && o && !v && /* @__PURE__ */ a("div", { className: "bear-absolute bear-z-50 bear-w-full bear-mt-1 bear-py-3 bear-px-4 bear-bg-white dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-shadow-lg bear-text-sm bear-text-gray-500", children: k ? "Press Enter to use this value" : "No results found" }),
+    (w || n) && /* @__PURE__ */ a("p", { className: c(
       "bear-mt-1.5 bear-text-xs",
-      c ? "bear-text-red-500" : "bear-text-gray-500 dark:bear-text-gray-400"
-    ), children: c || v })
+      n ? "bear-text-red-500" : "bear-text-gray-500 dark:bear-text-gray-400"
+    ), children: n || w })
   ] });
 };
 export {
-  H as Autocomplete
+  M as Autocomplete
 };

package/dist/components/Autocomplete/Autocomplete.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=(r,o)=>{const e=o.toLowerCase();return r.filter(t=>{var l;return t.label.toLowerCase().includes(e)||t.value.toLowerCase().includes(e)||((l=t.description)==null?void 0:l.toLowerCase().includes(e))})};exports.defaultFilter=s;

package/dist/components/Autocomplete/Autocomplete.utils.d.ts

@@ -0,0 +1,2 @@
+import { AutocompleteOption } from './Autocomplete.types';
+export declare const defaultFilter: (options: AutocompleteOption[], inputValue: string) => AutocompleteOption[];

package/dist/components/Autocomplete/Autocomplete.utils.js

@@ -0,0 +1,12 @@
+const t = (l, s) => {
+  const e = s.toLowerCase();
+  return l.filter(
+    (o) => {
+      var r;
+      return o.label.toLowerCase().includes(e) || o.value.toLowerCase().includes(e) || ((r = o.description) == null ? void 0 : r.toLowerCase().includes(e));
+    }
+  );
+};
+export {
+  t as defaultFilter
+};

package/dist/components/BackTop/BackTop.cjs

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

package/dist/components/BackTop/BackTop.js

@@ -18,19 +18,19 @@ const V = ({
   onClick: r,
   ...S
 }) => {
-  const [I, g] = y(!1), t = z[c], n = b(() => i ? i() : typeof window < "u" ? window : null, [i]);
+  const [g, v] = y(!1), t = z[c], n = b(() => i ? i() : typeof window < "u" ? window : null, [i]);
   A(() => {
     const e = n();
     if (!e) return;
     const d = () => {
-      const E = e === window ? window.scrollY || document.documentElement.scrollTop : e.scrollTop;
-      g(E >= u);
+      const I = e === window ? window.scrollY || document.documentElement.scrollTop : e.scrollTop;
+      v(I >= u);
     };
     return e.addEventListener("scroll", d, { passive: !0 }), d(), () => {
       e.removeEventListener("scroll", d);
     };
   }, [n, u]);
-  const v = b(() => {
+  const B = b(() => {
     const e = n();
     e && (r == null || r(), e === window ? window.scrollTo({
       top: 0,
@@ -39,7 +39,7 @@ const V = ({
       top: 0,
       behavior: a > 0 ? "smooth" : "auto"
     }));
-  }, [n, a, r]), B = /* @__PURE__ */ p(
+  }, [n, a, r]), E = /* @__PURE__ */ p(
     "svg",
     {
       width: t.iconSize,
@@ -61,9 +61,9 @@ const V = ({
       className: x(
         "Bear-BackTop",
         "!bear-rounded-full !bear-p-0",
-        "!bear-fixed !bear-shadow-lg",
+        "!bear-fixed !bear-shadow-lg bear-z-[9999]",
         f && "bear-transition-all bear-duration-300 bear-ease-out",
-        I ? "bear-opacity-100 bear-translate-y-0 bear-scale-100" : "bear-opacity-0 bear-translate-y-5 bear-scale-75 bear-pointer-events-none",
+        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
       ),
       style: {
@@ -71,14 +71,13 @@ const V = ({
         right: typeof l == "number" ? `${l}px` : l,
         width: t.width,
         height: t.height,
-        minWidth: t.width,
-        zIndex: 9999
+        minWidth: t.width
       },
-      onClick: v,
+      onClick: B,
       "aria-label": "Scroll to top",
       "data-testid": w,
       ...S,
-      children: m || B
+      children: m || E
     }
   );
 };

package/dist/components/BearLogo/BearLogo.d.ts

@@ -1,10 +1,5 @@
-import { FC, SVGAttributes } from 'react';
-export interface BearLogoProps extends SVGAttributes<SVGElement> {
-    /** Logo size in pixels */
-    size?: number;
-    /** Whether to show animated sparkle */
-    animated?: boolean;
-}
+import { FC } from 'react';
+import { BearLogoProps } from './BearLogo.types';
 /**
  * BearLogo - Lotso-inspired pink teddy bear logo from Toy Story
  * Full body sitting teddy bear with characteristic angry eyebrows

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

@@ -0,0 +1,15 @@
+import { SVGAttributes } from 'react';
+export interface BearLogoProps extends SVGAttributes<SVGElement> {
+    /** Logo size in pixels */
+    size?: number;
+    /** Whether to show animated sparkle */
+    animated?: boolean;
+}
+export interface EmberLogoProps {
+    /** Logo size in pixels */
+    size?: number;
+    /** Additional class names */
+    className?: string;
+    /** Whether to animate the logo */
+    animated?: boolean;
+}

package/dist/components/BearLogo/EmberLogo.d.ts

@@ -1,12 +1,5 @@
 import { FC } from 'react';
-export interface EmberLogoProps {
-    /** Logo size in pixels */
-    size?: number;
-    /** Additional class names */
-    className?: string;
-    /** Whether to animate the logo */
-    animated?: boolean;
-}
+import { EmberLogoProps } from './BearLogo.types';
 /**
  * Ember Logo Component
  * A stylized flame representing warmth, energy, and the forge

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

@@ -1,4 +1,3 @@
 export { BearLogo } from './BearLogo';
-export type { BearLogoProps } from './BearLogo';
 export { EmberLogo } from './EmberLogo';
-export type { EmberLogoProps } from './EmberLogo';
+export type { BearLogoProps, EmberLogoProps } from './BearLogo.types';

package/dist/components/Biometric/Biometric.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),N=require("react"),n=require("../../utils/cn.cjs"),q=require("./BiometricIcon.cjs"),z=require("./useBiometric.cjs"),M={sm:48,md:72,lg:96,xl:128},_={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)"},w=({type:b="fingerprint",size:l="md",status:o,label:m,successLabel:p="Verified",errorLabel:x="Try again",scanningLabel:f="Scanning...",onScan:a,onSuccess:y,onError:v,disabled:s=!1,animated:t=!0,className:j,testId:B})=>{const{status:k,scan:u}=z.useBiometric({onSuccess:y,onError:v}),e=o??k,C=M[l],d=_[l],c=e==="scanning"?f:e==="success"?p:e==="error"?x:m,h=N.useCallback(()=>{s||e==="scanning"||(a==null||a(),o===void 0&&u())},[s,e,a,o,u]);return r.jsxs("div",{className:n.cn("Bear-Biometric bear-flex bear-flex-col bear-items-center bear-gap-3",j),"data-testid":B,"data-status":e,"data-type":b,children:[r.jsxs("button",{type:"button",disabled:s||e==="scanning",onClick:h,className:n.cn("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:d,height:d,backgroundColor:"var(--bear-bg-secondary)"},"aria-label":c??"Authenticate",children:[t&&e==="scanning"&&r.jsxs(r.Fragment,{children:[r.jsx("span",{className:"bear-absolute bear-inset-0 bear-rounded-full bear-animate-ping bear-opacity-20",style:{backgroundColor:i[e]}}),r.jsx("span",{className:"bear-absolute bear-inset-2 bear-rounded-full bear-animate-ping bear-opacity-10",style:{backgroundColor:i[e],animationDelay:"0.3s"}})]}),r.jsx("span",{className:n.cn("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"&&r.jsx("span",{className:"bear-absolute bear-inset-0 bear-rounded-full bear-opacity-10",style:{backgroundColor:i.success}}),r.jsx(q.BiometricIcon,{type:b,size:C,status:e,animated:t})]}),c&&r.jsx("span",{className:n.cn("Bear-Biometric__label bear-text-sm bear-font-medium bear-transition-colors bear-duration-300",g[e]),children:c})]})};exports.Biometric=w;

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

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