@forgedevstack/bear 1.1.4 → 1.1.9

package/dist/components/InfiniteScroll/InfiniteScroll.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),b=require("../../utils/cn.cjs"),s=require("./InfiniteScroll.const.cjs"),A=m=>{const{onLoadMore:a,hasMore:n,loading:t=!1,threshold:d=s.DEFAULT_THRESHOLD,manual:r=!1,loader:u,endMessage:S,loadMoreLabel:v="Load more",inverse:o=!1,children:I,className:g,testId:j,...x}=m,i=c.useRef(null),f=c.useRef(t);f.current=t;const l=c.useCallback(()=>{f.current||!n||a()},[a,n]);c.useEffect(()=>{if(r||!n)return;const E=i.current;if(!E)return;const L=new IntersectionObserver(_=>{var N;(N=_[0])!=null&&N.isIntersecting&&l()},{threshold:0,rootMargin:`${Math.round(d*100)}px`});return L.observe(E),()=>L.disconnect()},[r,n,l,d]);const h=e.jsx("div",{className:s.LOADER_CLASSES,children:e.jsx("div",{className:s.SPINNER_CLASSES})}),R=e.jsxs(e.Fragment,{children:[o&&n&&!r&&e.jsx("div",{ref:i,style:{height:s.SENTINEL_HEIGHT}}),o&&t&&(u??h),I,!o&&t&&(u??h),!o&&n&&!r&&e.jsx("div",{ref:i,style:{height:s.SENTINEL_HEIGHT}}),n&&r&&!t&&e.jsx("button",{type:"button",onClick:l,className:s.MANUAL_BTN_CLASSES,children:v}),!n&&S&&e.jsx("div",{className:s.END_CLASSES,children:S})]});return e.jsx("div",{className:b.cn(s.ROOT_CLASSES,g),"data-testid":j,...x,children:R})};exports.InfiniteScroll=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),g=require("../../utils/cn.cjs"),n=require("./InfiniteScroll.const.cjs"),_=x=>{const{onLoadMore:i,hasMore:s,loading:r=!1,threshold:d=n.DEFAULT_THRESHOLD,manual:t=!1,loader:u,endMessage:S,loadMoreLabel:b="Load more",inverse:o=!1,children:v,className:E,testId:j,...R}=x,a=c.useRef(null),f=c.useRef(r);f.current=r;const l=c.useCallback(()=>{f.current||!s||i()},[i,s]);c.useEffect(()=>{if(t||!s)return;const L=a.current;if(!L)return;const m=new IntersectionObserver(M=>{var N;(N=M[0])!=null&&N.isIntersecting&&l()},{threshold:0,rootMargin:`${Math.round(d*100)}px`});return m.observe(L),()=>m.disconnect()},[t,s,l,d]);const h=e.jsx("div",{className:n.LOADER_CLASSES,children:e.jsx("div",{className:n.SPINNER_CLASSES})}),A=e.jsxs(e.Fragment,{children:[o&&s&&!t&&e.jsx("div",{ref:a,className:"bear-h-px"}),o&&r&&(u??h),v,!o&&r&&(u??h),!o&&s&&!t&&e.jsx("div",{ref:a,className:"bear-h-px"}),s&&t&&!r&&e.jsx("button",{type:"button",onClick:l,className:n.MANUAL_BTN_CLASSES,children:b}),!s&&S&&e.jsx("div",{className:n.END_CLASSES,children:S})]});return e.jsx("div",{className:g.cn(n.ROOT_CLASSES,E),"data-testid":j,...R,children:A})};exports.InfiniteScroll=_;

package/dist/components/InfiniteScroll/InfiniteScroll.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=.8,r=1,a="Bear-InfiniteScroll bear-relative",t="bear-flex bear-items-center bear-justify-center bear-py-4",b="bear-text-center bear-py-4 bear-text-sm bear-text-gray-400 dark:bear-text-zinc-500",S="bear-w-full bear-py-2.5 bear-text-sm bear-font-medium bear-text-pink-600 dark:bear-text-pink-400 bear-bg-pink-50 dark:bear-bg-pink-900/20 bear-rounded-lg bear-transition-colors hover:bear-bg-pink-100 dark:hover:bear-bg-pink-900/30 bear-cursor-pointer",n="bear-w-5 bear-h-5 bear-border-2 bear-border-pink-200 bear-border-t-pink-500 bear-rounded-full bear-animate-spin";exports.DEFAULT_THRESHOLD=e;exports.END_CLASSES=b;exports.LOADER_CLASSES=t;exports.MANUAL_BTN_CLASSES=S;exports.ROOT_CLASSES=a;exports.SENTINEL_HEIGHT=r;exports.SPINNER_CLASSES=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=.8,r="Bear-InfiniteScroll bear-relative",a="bear-flex bear-items-center bear-justify-center bear-py-4",b="bear-text-center bear-py-4 bear-text-sm bear-text-gray-400 dark:bear-text-zinc-500",t="bear-w-full bear-py-2.5 bear-text-sm bear-font-medium bear-text-pink-600 dark:bear-text-pink-400 bear-bg-pink-50 dark:bear-bg-pink-900/20 bear-rounded-lg bear-transition-colors hover:bear-bg-pink-100 dark:hover:bear-bg-pink-900/30 bear-cursor-pointer",S="bear-w-5 bear-h-5 bear-border-2 bear-border-pink-200 bear-border-t-pink-500 bear-rounded-full bear-animate-spin";exports.DEFAULT_THRESHOLD=e;exports.END_CLASSES=b;exports.LOADER_CLASSES=a;exports.MANUAL_BTN_CLASSES=t;exports.ROOT_CLASSES=r;exports.SPINNER_CLASSES=S;

package/dist/components/InfiniteScroll/InfiniteScroll.const.js

@@ -1,10 +1,9 @@
-const e = 0.8, r = 1, a = "Bear-InfiniteScroll bear-relative", b = "bear-flex bear-items-center bear-justify-center bear-py-4", t = "bear-text-center bear-py-4 bear-text-sm bear-text-gray-400 dark:bear-text-zinc-500", n = "bear-w-full bear-py-2.5 bear-text-sm bear-font-medium bear-text-pink-600 dark:bear-text-pink-400 bear-bg-pink-50 dark:bear-bg-pink-900/20 bear-rounded-lg bear-transition-colors hover:bear-bg-pink-100 dark:hover:bear-bg-pink-900/30 bear-cursor-pointer", o = "bear-w-5 bear-h-5 bear-border-2 bear-border-pink-200 bear-border-t-pink-500 bear-rounded-full bear-animate-spin";
+const e = 0.8, r = "Bear-InfiniteScroll bear-relative", a = "bear-flex bear-items-center bear-justify-center bear-py-4", b = "bear-text-center bear-py-4 bear-text-sm bear-text-gray-400 dark:bear-text-zinc-500", t = "bear-w-full bear-py-2.5 bear-text-sm bear-font-medium bear-text-pink-600 dark:bear-text-pink-400 bear-bg-pink-50 dark:bear-bg-pink-900/20 bear-rounded-lg bear-transition-colors hover:bear-bg-pink-100 dark:hover:bear-bg-pink-900/30 bear-cursor-pointer", n = "bear-w-5 bear-h-5 bear-border-2 bear-border-pink-200 bear-border-t-pink-500 bear-rounded-full bear-animate-spin";
 export {
   e as DEFAULT_THRESHOLD,
-  t as END_CLASSES,
-  b as LOADER_CLASSES,
-  n as MANUAL_BTN_CLASSES,
-  a as ROOT_CLASSES,
-  r as SENTINEL_HEIGHT,
-  o as SPINNER_CLASSES
+  b as END_CLASSES,
+  a as LOADER_CLASSES,
+  t as MANUAL_BTN_CLASSES,
+  r as ROOT_CLASSES,
+  n as SPINNER_CLASSES
 };

package/dist/components/InfiniteScroll/InfiniteScroll.js

@@ -1,51 +1,51 @@
-import { jsx as r, jsxs as C, Fragment as I } from "react/jsx-runtime";
-import { useRef as L, useCallback as R, useEffect as T } from "react";
-import { cn as O } from "../../utils/cn.js";
-import { DEFAULT_THRESHOLD as x, ROOT_CLASSES as D, SENTINEL_HEIGHT as E, MANUAL_BTN_CLASSES as H, END_CLASSES as y, LOADER_CLASSES as j, SPINNER_CLASSES as k } from "./InfiniteScroll.const.js";
-const G = (N) => {
+import { jsx as r, jsxs as R, Fragment as _ } from "react/jsx-runtime";
+import { useRef as L, useCallback as g, useEffect as x } from "react";
+import { cn as I } from "../../utils/cn.js";
+import { DEFAULT_THRESHOLD as O, ROOT_CLASSES as D, MANUAL_BTN_CLASSES as T, END_CLASSES as j, LOADER_CLASSES as k, SPINNER_CLASSES as F } from "./InfiniteScroll.const.js";
+const B = (N) => {
   const {
-    onLoadMore: i,
+    onLoadMore: c,
     hasMore: e,
-    loading: t = !1,
-    threshold: l = x,
-    manual: n = !1,
-    loader: c,
+    loading: n = !1,
+    threshold: l = O,
+    manual: s = !1,
+    loader: i,
     endMessage: d,
-    loadMoreLabel: v = "Load more",
-    inverse: s = !1,
-    children: A,
-    className: g,
-    testId: M,
-    ..._
-  } = N, o = L(null), f = L(t);
-  f.current = t;
-  const a = R(() => {
-    f.current || !e || i();
-  }, [i, e]);
-  T(() => {
-    if (n || !e) return;
-    const h = o.current;
-    if (!h) return;
-    const m = new IntersectionObserver(
-      (p) => {
-        var u;
-        (u = p[0]) != null && u.isIntersecting && a();
+    loadMoreLabel: E = "Load more",
+    inverse: t = !1,
+    children: v,
+    className: b,
+    testId: p,
+    ...A
+  } = N, o = L(null), f = L(n);
+  f.current = n;
+  const a = g(() => {
+    f.current || !e || c();
+  }, [c, e]);
+  x(() => {
+    if (s || !e) return;
+    const S = o.current;
+    if (!S) return;
+    const u = new IntersectionObserver(
+      (C) => {
+        var h;
+        (h = C[0]) != null && h.isIntersecting && a();
       },
       { threshold: 0, rootMargin: `${Math.round(l * 100)}px` }
     );
-    return m.observe(h), () => m.disconnect();
-  }, [n, e, a, l]);
-  const S = /* @__PURE__ */ r("div", { className: j, children: /* @__PURE__ */ r("div", { className: k }) }), b = /* @__PURE__ */ C(I, { children: [
-    s && e && !n && /* @__PURE__ */ r("div", { ref: o, style: { height: E } }),
-    s && t && (c ?? S),
-    A,
-    !s && t && (c ?? S),
-    !s && e && !n && /* @__PURE__ */ r("div", { ref: o, style: { height: E } }),
-    e && n && !t && /* @__PURE__ */ r("button", { type: "button", onClick: a, className: H, children: v }),
-    !e && d && /* @__PURE__ */ r("div", { className: y, children: d })
+    return u.observe(S), () => u.disconnect();
+  }, [s, e, a, l]);
+  const m = /* @__PURE__ */ r("div", { className: k, children: /* @__PURE__ */ r("div", { className: F }) }), M = /* @__PURE__ */ R(_, { children: [
+    t && e && !s && /* @__PURE__ */ r("div", { ref: o, className: "bear-h-px" }),
+    t && n && (i ?? m),
+    v,
+    !t && n && (i ?? m),
+    !t && e && !s && /* @__PURE__ */ r("div", { ref: o, className: "bear-h-px" }),
+    e && s && !n && /* @__PURE__ */ r("button", { type: "button", onClick: a, className: T, children: E }),
+    !e && d && /* @__PURE__ */ r("div", { className: j, children: d })
   ] });
-  return /* @__PURE__ */ r("div", { className: O(D, g), "data-testid": M, ..._, children: b });
+  return /* @__PURE__ */ r("div", { className: I(D, b), "data-testid": p, ...A, children: M });
 };
 export {
-  G as InfiniteScroll
+  B as InfiniteScroll
 };

package/dist/components/Input/Input.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),d=require("../../utils/cn.cjs"),ae=require("../../context/BearProvider.cjs"),L=require("./components/ClearIcon/ClearIcon.cjs"),te=require("./Input.utils.cjs"),se=require("../Form/Form.utils.cjs"),be={sm:"bear-h-8 bear-text-sm bear-px-3",md:"bear-h-10 bear-text-base bear-px-4",lg:"bear-h-12 bear-text-lg bear-px-5"},P=s.forwardRef(({label:B,helperText:T,error:f,success:j,size:V="md",leftAddon:x,rightAddon:b,fullWidth:D=!1,clearable:G=!1,onClear:m,showCharCount:N=!1,charCountMax:H,autoFormat:g,validation:t,validateOnBlur:J,validateOnChange:w=!1,className:K,disabled:p,value:_,defaultValue:y,maxLength:v,onChange:l,onBlur:n,...Q},U)=>{var F;const h=s.useContext(ae.BearContext),e=(F=h==null?void 0:h.components)==null?void 0:F.Input,W=e==null?void 0:e.root,X=e==null?void 0:e.input,Y=e==null?void 0:e.label,Z=e==null?void 0:e.helper,$=e==null?void 0:e.prefix,q=e==null?void 0:e.suffix,[S,C]=s.useState(null),E=s.useRef(!1),R=t?J??!0:!1,M=f||S,c=!!M,O=!!j&&!c,u=H??v,I=typeof _=="string"?_.length:typeof y=="string"?y.length:0,A=u!=null&&I>u,k=G&&!p&&I>0,z=M||j||T,i=s.useCallback(async a=>{if(!t)return;E.current=!0;const o=await se.validateFieldValue(a,t);E.current=!1,C(o)},[t]);s.useEffect(()=>{f&&C(null)},[f]);const ee=s.useCallback(a=>{if(g){const o=te.applyAutoFormat(a.target.value,g);o!==a.target.value&&(a.target.value=o)}l==null||l(a),w&&t&&i(a.target.value)},[g,l,w,t,i]),re=s.useCallback(a=>{n==null||n(a),R&&t&&i(a.target.value)},[n,R,t,i]);return r.jsxs("div",{className:d.cn("Bear-Input bear-flex bear-flex-col bear-gap-1.5",D&&"bear-w-full"),style:W,children:[B&&r.jsx("label",{className:"Bear-Input__label bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-300",style:Y,children:B}),r.jsxs("div",{className:"Bear-Input__wrapper bear-relative bear-flex bear-items-center",children:[x&&r.jsx("div",{className:"Bear-Input__addon Bear-Input__addon--left bear-absolute bear-left-3 bear-text-gray-500 dark:bear-text-gray-400",style:$,children:x}),r.jsx("input",{ref:U,disabled:p,value:_,defaultValue:y,maxLength:v,"aria-invalid":c||void 0,onChange:ee,onBlur:re,className:d.cn("Bear-Input__field","bear-w-full bear-rounded-lg bear-border bear-outline-none bear-transition-all bear-duration-200","bear-bg-white bear-text-gray-900 placeholder:bear-text-gray-400","bear-border-gray-300 focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-white","dark:bear-bg-gray-800 dark:bear-text-white dark:placeholder:bear-text-gray-500 dark:bear-border-gray-600 dark:focus:bear-ring-offset-gray-900",c?"Bear-Input__field--error bear-border-red-500 focus:bear-ring-red-500":O?"Bear-Input__field--success bear-border-green-500 focus:bear-ring-green-500":"focus:bear-border-bear-500 focus:bear-ring-bear-500 dark:focus:bear-border-bear-500 dark:focus:bear-ring-bear-500",p&&"Bear-Input__field--disabled bear-opacity-50 bear-cursor-not-allowed",x&&"bear-pl-10",(b||k)&&"bear-pr-10",be[V],K),style:X,...Q}),k&&!b&&r.jsx("div",{className:"Bear-Input__addon Bear-Input__addon--right bear-absolute bear-right-3 bear-text-gray-500 dark:bear-text-gray-400",style:q,children:r.jsx(L.ClearIcon,{onClick:m})}),b&&r.jsxs("div",{className:"Bear-Input__addon Bear-Input__addon--right bear-absolute bear-right-3 bear-flex bear-items-center bear-gap-1.5 bear-text-gray-500 dark:bear-text-gray-400",style:q,children:[k&&r.jsx(L.ClearIcon,{onClick:m}),b]})]}),r.jsxs("div",{className:"Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2",children:[z?r.jsx("p",{className:d.cn("Bear-Input__helper bear-text-sm bear-flex-1",c?"Bear-Input__helper--error bear-text-red-500":O?"Bear-Input__helper--success bear-text-green-500":"bear-text-gray-500 dark:bear-text-gray-400"),style:Z,children:z}):N?r.jsx("span",{}):null,N&&u!=null&&r.jsxs("span",{className:d.cn("Bear-Input__char-count bear-text-xs bear-tabular-nums bear-shrink-0",A?"bear-text-red-500":"bear-text-gray-400 dark:bear-text-gray-500"),children:[I,"/",u]})]})]})});P.displayName="Input";exports.Input=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),b=require("../../utils/cn.cjs"),se=require("../../context/BearProvider.cjs"),ne=require("./components/ClearIcon/ClearIcon.cjs"),le=require("./Input.utils.cjs"),be=require("../Form/Form.utils.cjs"),ce={sm:"bear-h-8",md:"bear-h-10",lg:"bear-h-12"},oe={sm:"bear-text-sm bear-px-3",md:"bear-text-base bear-px-4",lg:"bear-text-lg bear-px-5"},T=s.forwardRef(({label:y,helperText:F,error:x,success:w,size:B="md",InputProps:n,leftAddon:H,rightAddon:S,fullWidth:V=!1,clearable:D=!1,onClear:G,showCharCount:j=!1,charCountMax:J,autoFormat:h,validation:t,validateOnBlur:K,validateOnChange:I=!1,className:Q,disabled:p,value:g,defaultValue:m,maxLength:k,onChange:c,onBlur:o,...U},W)=>{var O;const _=s.useContext(se.BearContext),e=(O=_==null?void 0:_.components)==null?void 0:O.Input,X=e==null?void 0:e.root,Y=e==null?void 0:e.input,Z=e==null?void 0:e.label,$=e==null?void 0:e.helper,z=e==null?void 0:e.prefix,P=e==null?void 0:e.suffix,[ee,N]=s.useState(null),C=s.useRef(!1),q=t?K??!0:!1,R=x||ee,l=!!R,i=!!w&&!l,u=J??k,v=typeof g=="string"?g.length:typeof m=="string"?m.length:0,E=u!=null&&v>u,re=D&&!p&&v>0,A=(n==null?void 0:n.startAdornment)??H,M=(n==null?void 0:n.endAdornment)??S,L=R||w||F,d=s.useCallback(async a=>{if(!t)return;C.current=!0;const f=await be.validateFieldValue(a,t);C.current=!1,N(f)},[t]);s.useEffect(()=>{x&&N(null)},[x]);const ae=s.useCallback(a=>{if(h){const f=le.applyAutoFormat(a.target.value,h);f!==a.target.value&&(a.target.value=f)}c==null||c(a),I&&t&&d(a.target.value)},[h,c,I,t,d]),te=s.useCallback(a=>{o==null||o(a),q&&t&&d(a.target.value)},[o,q,t,d]);return r.jsxs("div",{className:b.cn("Bear-Input bear-flex bear-flex-col bear-gap-1.5",V&&"bear-w-full"),style:X,children:[y&&r.jsx("label",{className:"Bear-Input__label bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)",...Z},children:y}),r.jsxs("div",{className:b.cn("Bear-Input__wrapper bear-flex bear-items-center bear-rounded-lg bear-border bear-overflow-hidden bear-transition-all bear-duration-200","focus-within:bear-ring-2 focus-within:bear-ring-offset-2","focus-within:bear-ring-offset-[var(--bear-bg-primary)]",l?"Bear-Input__wrapper--error bear-border-red-500 focus-within:bear-ring-red-500":i?"Bear-Input__wrapper--success bear-border-green-500 focus-within:bear-ring-green-500":"focus-within:bear-border-bear-500 focus-within:bear-ring-bear-500 dark:focus-within:bear-border-bear-500 dark:focus-within:bear-ring-bear-500",p&&"bear-opacity-50 bear-cursor-not-allowed",ce[B]),style:{backgroundColor:"var(--bear-bg-primary)",borderColor:l||i?void 0:"var(--bear-border-default)"},children:[A&&r.jsx("div",{className:"Bear-Input__addon Bear-Input__addon--left bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-3 bear-text-sm bear-font-medium bear-select-none bear-pointer-events-none",style:{backgroundColor:"var(--bear-bg-tertiary)",borderRight:"1px solid var(--bear-border-default)",color:"var(--bear-text-secondary)",...z},children:A}),r.jsx("input",{ref:W,disabled:p,value:g,defaultValue:m,maxLength:k,"aria-invalid":l||void 0,onChange:ae,onBlur:te,className:b.cn("Bear-Input__field","bear-flex-1 bear-min-w-0 bear-h-full bear-border-0 bear-outline-none bear-bg-transparent","placeholder:opacity-100 placeholder:[color:var(--bear-text-muted)]",oe[B],Q),style:{color:"var(--bear-text-primary)",...Y},...U}),re&&r.jsx("div",{className:"Bear-Input__clear bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-2 bear-cursor-pointer",style:{color:"var(--bear-text-muted)"},children:r.jsx(ne.ClearIcon,{onClick:G})}),M&&r.jsx("div",{className:"Bear-Input__addon Bear-Input__addon--right bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-3 bear-gap-1.5",style:{backgroundColor:"var(--bear-bg-tertiary)",borderLeft:"1px solid var(--bear-border-default)",color:"var(--bear-text-secondary)",...P},children:M})]}),r.jsxs("div",{className:"Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2",children:[L?r.jsx("p",{className:b.cn("Bear-Input__helper bear-text-sm bear-flex-1",l&&"Bear-Input__helper--error bear-text-red-500",i&&"Bear-Input__helper--success bear-text-green-500"),style:{...l||i?{}:{color:"var(--bear-text-muted)"},...$},children:L}):j?r.jsx("span",{}):null,j&&u!=null&&r.jsxs("span",{className:b.cn("Bear-Input__char-count bear-text-xs bear-tabular-nums bear-shrink-0",E&&"bear-text-red-500"),style:E?void 0:{color:"var(--bear-text-muted)"},children:[v,"/",u]})]})]})});T.displayName="Input";exports.Input=T;

package/dist/components/Input/Input.js

@@ -1,127 +1,179 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { forwardRef as ae, useContext as te, useState as se, useRef as be, useCallback as B, useEffect as le } from "react";
-import { cn as f } from "../../utils/cn.js";
-import { BearContext as ne } from "../../context/BearProvider.js";
-import { ClearIcon as D } from "./components/ClearIcon/ClearIcon.js";
-import { applyAutoFormat as ce } from "./Input.utils.js";
-import { validateFieldValue as ie } from "../Form/Form.utils.js";
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { forwardRef as se, useContext as be, useState as le, useRef as ne, useCallback as w, useEffect as oe } from "react";
+import { cn as l } from "../../utils/cn.js";
+import { BearContext as ie } from "../../context/BearProvider.js";
+import { ClearIcon as ce } from "./components/ClearIcon/ClearIcon.js";
+import { applyAutoFormat as de } from "./Input.utils.js";
+import { validateFieldValue as fe } from "../Form/Form.utils.js";
 const ue = {
-  sm: "bear-h-8 bear-text-sm bear-px-3",
-  md: "bear-h-10 bear-text-base bear-px-4",
-  lg: "bear-h-12 bear-text-lg bear-px-5"
-}, oe = ae(
+  sm: "bear-h-8",
+  md: "bear-h-10",
+  lg: "bear-h-12"
+}, pe = {
+  sm: "bear-text-sm bear-px-3",
+  md: "bear-text-base bear-px-4",
+  lg: "bear-text-lg bear-px-5"
+}, xe = se(
   ({
-    label: k,
-    helperText: F,
-    error: d,
-    success: N,
-    size: G = "md",
-    leftAddon: p,
-    rightAddon: b,
-    fullWidth: H = !1,
-    clearable: J = !1,
-    onClear: w,
-    showCharCount: v = !1,
+    label: y,
+    helperText: V,
+    error: p,
+    success: B,
+    size: k = "md",
+    InputProps: s,
+    leftAddon: q,
+    rightAddon: D,
+    fullWidth: F = !1,
+    clearable: G = !1,
+    onClear: J,
+    showCharCount: I = !1,
     charCountMax: K,
-    autoFormat: g,
+    autoFormat: x,
     validation: a,
     validateOnBlur: Q,
-    validateOnChange: E = !1,
-    className: T,
-    disabled: x,
-    value: _,
-    defaultValue: y,
-    maxLength: j,
-    onChange: l,
-    onBlur: n,
-    ...U
-  }, W) => {
-    var q;
-    const h = te(ne), e = (q = h == null ? void 0 : h.components) == null ? void 0 : q.Input, X = e == null ? void 0 : e.root, Y = e == null ? void 0 : e.input, Z = e == null ? void 0 : e.label, $ = e == null ? void 0 : e.helper, P = e == null ? void 0 : e.prefix, M = e == null ? void 0 : e.suffix, [S, R] = se(null), z = be(!1), C = a ? Q ?? !0 : !1, L = d || S, c = !!L, O = !!N && !c, i = K ?? j, m = typeof _ == "string" ? _.length : typeof y == "string" ? y.length : 0, A = i != null && m > i, I = J && !x && m > 0, V = L || N || F, u = B(async (r) => {
+    validateOnChange: N = !1,
+    className: U,
+    disabled: m,
+    value: h,
+    defaultValue: g,
+    maxLength: C,
+    onChange: n,
+    onBlur: o,
+    ...W
+  }, X) => {
+    var T;
+    const _ = be(ie), e = (T = _ == null ? void 0 : _.components) == null ? void 0 : T.Input, Y = e == null ? void 0 : e.root, Z = e == null ? void 0 : e.input, $ = e == null ? void 0 : e.label, z = e == null ? void 0 : e.helper, S = e == null ? void 0 : e.prefix, P = e == null ? void 0 : e.suffix, [ee, E] = le(null), j = ne(!1), A = a ? Q ?? !0 : !1, R = p || ee, b = !!R, i = !!B && !b, c = K ?? C, v = typeof h == "string" ? h.length : typeof g == "string" ? g.length : 0, L = c != null && v > c, re = G && !m && v > 0, M = (s == null ? void 0 : s.startAdornment) ?? q, H = (s == null ? void 0 : s.endAdornment) ?? D, O = R || B || V, d = w(async (r) => {
       if (!a) return;
-      z.current = !0;
-      const o = await ie(r, a);
-      z.current = !1, R(o);
+      j.current = !0;
+      const f = await fe(r, a);
+      j.current = !1, E(f);
     }, [a]);
-    le(() => {
-      d && R(null);
-    }, [d]);
-    const ee = B(
+    oe(() => {
+      p && E(null);
+    }, [p]);
+    const ae = w(
       (r) => {
-        if (g) {
-          const o = ce(r.target.value, g);
-          o !== r.target.value && (r.target.value = o);
+        if (x) {
+          const f = de(r.target.value, x);
+          f !== r.target.value && (r.target.value = f);
         }
-        l == null || l(r), E && a && u(r.target.value);
+        n == null || n(r), N && a && d(r.target.value);
       },
-      [g, l, E, a, u]
-    ), re = B(
+      [x, n, N, a, d]
+    ), te = w(
       (r) => {
-        n == null || n(r), C && a && u(r.target.value);
+        o == null || o(r), A && a && d(r.target.value);
       },
-      [n, C, a, u]
+      [o, A, a, d]
     );
-    return /* @__PURE__ */ s("div", { className: f("Bear-Input bear-flex bear-flex-col bear-gap-1.5", H && "bear-w-full"), style: X, children: [
-      k && /* @__PURE__ */ t("label", { className: "Bear-Input__label bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-300", style: Z, children: k }),
-      /* @__PURE__ */ s("div", { className: "Bear-Input__wrapper bear-relative bear-flex bear-items-center", children: [
-        p && /* @__PURE__ */ t("div", { className: "Bear-Input__addon Bear-Input__addon--left bear-absolute bear-left-3 bear-text-gray-500 dark:bear-text-gray-400", style: P, children: p }),
-        /* @__PURE__ */ t(
-          "input",
-          {
-            ref: W,
-            disabled: x,
-            value: _,
-            defaultValue: y,
-            maxLength: j,
-            "aria-invalid": c || void 0,
-            onChange: ee,
-            onBlur: re,
-            className: f(
-              "Bear-Input__field",
-              "bear-w-full bear-rounded-lg bear-border bear-outline-none bear-transition-all bear-duration-200",
-              "bear-bg-white bear-text-gray-900 placeholder:bear-text-gray-400",
-              "bear-border-gray-300 focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-white",
-              "dark:bear-bg-gray-800 dark:bear-text-white dark:placeholder:bear-text-gray-500 dark:bear-border-gray-600 dark:focus:bear-ring-offset-gray-900",
-              c ? "Bear-Input__field--error bear-border-red-500 focus:bear-ring-red-500" : O ? "Bear-Input__field--success bear-border-green-500 focus:bear-ring-green-500" : "focus:bear-border-bear-500 focus:bear-ring-bear-500 dark:focus:bear-border-bear-500 dark:focus:bear-ring-bear-500",
-              x && "Bear-Input__field--disabled bear-opacity-50 bear-cursor-not-allowed",
-              p && "bear-pl-10",
-              (b || I) && "bear-pr-10",
-              ue[G],
-              T
+    return /* @__PURE__ */ u("div", { className: l("Bear-Input bear-flex bear-flex-col bear-gap-1.5", F && "bear-w-full"), style: Y, children: [
+      y && /* @__PURE__ */ t("label", { className: "Bear-Input__label bear-text-sm bear-font-medium", style: { color: "var(--bear-text-secondary)", ...$ }, children: y }),
+      /* @__PURE__ */ u(
+        "div",
+        {
+          className: l(
+            "Bear-Input__wrapper bear-flex bear-items-center bear-rounded-lg bear-border bear-overflow-hidden bear-transition-all bear-duration-200",
+            "focus-within:bear-ring-2 focus-within:bear-ring-offset-2",
+            "focus-within:bear-ring-offset-[var(--bear-bg-primary)]",
+            b ? "Bear-Input__wrapper--error bear-border-red-500 focus-within:bear-ring-red-500" : i ? "Bear-Input__wrapper--success bear-border-green-500 focus-within:bear-ring-green-500" : "focus-within:bear-border-bear-500 focus-within:bear-ring-bear-500 dark:focus-within:bear-border-bear-500 dark:focus-within:bear-ring-bear-500",
+            m && "bear-opacity-50 bear-cursor-not-allowed",
+            ue[k]
+          ),
+          style: {
+            backgroundColor: "var(--bear-bg-primary)",
+            borderColor: b || i ? void 0 : "var(--bear-border-default)"
+          },
+          children: [
+            M && /* @__PURE__ */ t(
+              "div",
+              {
+                className: "Bear-Input__addon Bear-Input__addon--left bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-3 bear-text-sm bear-font-medium bear-select-none bear-pointer-events-none",
+                style: {
+                  backgroundColor: "var(--bear-bg-tertiary)",
+                  borderRight: "1px solid var(--bear-border-default)",
+                  color: "var(--bear-text-secondary)",
+                  ...S
+                },
+                children: M
+              }
             ),
-            style: Y,
-            ...U
-          }
-        ),
-        I && !b && /* @__PURE__ */ t("div", { className: "Bear-Input__addon Bear-Input__addon--right bear-absolute bear-right-3 bear-text-gray-500 dark:bear-text-gray-400", style: M, children: /* @__PURE__ */ t(D, { onClick: w }) }),
-        b && /* @__PURE__ */ s("div", { className: "Bear-Input__addon Bear-Input__addon--right bear-absolute bear-right-3 bear-flex bear-items-center bear-gap-1.5 bear-text-gray-500 dark:bear-text-gray-400", style: M, children: [
-          I && /* @__PURE__ */ t(D, { onClick: w }),
-          b
-        ] })
-      ] }),
-      /* @__PURE__ */ s("div", { className: "Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2", children: [
-        V ? /* @__PURE__ */ t(
+            /* @__PURE__ */ t(
+              "input",
+              {
+                ref: X,
+                disabled: m,
+                value: h,
+                defaultValue: g,
+                maxLength: C,
+                "aria-invalid": b || void 0,
+                onChange: ae,
+                onBlur: te,
+                className: l(
+                  "Bear-Input__field",
+                  "bear-flex-1 bear-min-w-0 bear-h-full bear-border-0 bear-outline-none bear-bg-transparent",
+                  "placeholder:opacity-100 placeholder:[color:var(--bear-text-muted)]",
+                  pe[k],
+                  U
+                ),
+                style: {
+                  color: "var(--bear-text-primary)",
+                  ...Z
+                },
+                ...W
+              }
+            ),
+            re && /* @__PURE__ */ t(
+              "div",
+              {
+                className: "Bear-Input__clear bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-2 bear-cursor-pointer",
+                style: { color: "var(--bear-text-muted)" },
+                children: /* @__PURE__ */ t(ce, { onClick: J })
+              }
+            ),
+            H && /* @__PURE__ */ t(
+              "div",
+              {
+                className: "Bear-Input__addon Bear-Input__addon--right bear-flex bear-items-center bear-self-stretch bear-shrink-0 bear-px-3 bear-gap-1.5",
+                style: {
+                  backgroundColor: "var(--bear-bg-tertiary)",
+                  borderLeft: "1px solid var(--bear-border-default)",
+                  color: "var(--bear-text-secondary)",
+                  ...P
+                },
+                children: H
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ u("div", { className: "Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2", children: [
+        O ? /* @__PURE__ */ t(
           "p",
           {
-            className: f(
+            className: l(
               "Bear-Input__helper bear-text-sm bear-flex-1",
-              c ? "Bear-Input__helper--error bear-text-red-500" : O ? "Bear-Input__helper--success bear-text-green-500" : "bear-text-gray-500 dark:bear-text-gray-400"
+              b && "Bear-Input__helper--error bear-text-red-500",
+              i && "Bear-Input__helper--success bear-text-green-500"
             ),
-            style: $,
-            children: V
+            style: {
+              ...b || i ? {} : { color: "var(--bear-text-muted)" },
+              ...z
+            },
+            children: O
           }
-        ) : v ? /* @__PURE__ */ t("span", {}) : null,
-        v && i != null && /* @__PURE__ */ s(
+        ) : I ? /* @__PURE__ */ t("span", {}) : null,
+        I && c != null && /* @__PURE__ */ u(
           "span",
           {
-            className: f(
+            className: l(
               "Bear-Input__char-count bear-text-xs bear-tabular-nums bear-shrink-0",
-              A ? "bear-text-red-500" : "bear-text-gray-400 dark:bear-text-gray-500"
+              L && "bear-text-red-500"
             ),
+            style: L ? void 0 : { color: "var(--bear-text-muted)" },
             children: [
-              m,
+              v,
               "/",
-              i
+              c
             ]
           }
         )
@@ -129,7 +181,7 @@ const ue = {
     ] });
   }
 );
-oe.displayName = "Input";
+xe.displayName = "Input";
 export {
-  oe as Input
+  xe as Input
 };

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

@@ -1,6 +1,10 @@
 import { InputHTMLAttributes, ReactNode } from 'react';
 import { ValidationRule } from '../Form/Form.types';
 export type AutoFormatType = 'capitalize' | 'uppercase' | 'lowercase' | 'titleCase' | 'sentenceCase' | 'none';
+export interface InputPropsInput {
+    startAdornment?: ReactNode;
+    endAdornment?: ReactNode;
+}
 export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
     /** Input label */
     label?: string;
@@ -12,9 +16,11 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     success?: string;
     /** Input size */
     size?: 'sm' | 'md' | 'lg';
-    /** Left addon */
+    /** Start/end slots (takes precedence over leftAddon/rightAddon when set) */
+    InputProps?: InputPropsInput;
+    /** Left addon (legacy; use InputProps.startAdornment for start slot) */
     leftAddon?: ReactNode;
-    /** Right addon */
+    /** Right addon (legacy; use InputProps.endAdornment for end slot) */
     rightAddon?: ReactNode;
     /** Whether input is full width */
     fullWidth?: boolean;

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

@@ -1,2 +1,2 @@
 export { Input } from './Input';
-export type { InputProps, AutoFormatType } from './Input.types';
+export type { InputProps, InputPropsInput, AutoFormatType } from './Input.types';

package/dist/components/MentionsInput/MentionsInput.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("react"),v=require("../../utils/cn.cjs"),P={sm:"bear-h-8 bear-text-sm bear-px-3",md:"bear-h-10 bear-text-base bear-px-4",lg:"bear-h-12 bear-text-lg bear-px-5"},U=(u,g)=>{const a=g.toLowerCase();return u.filter(l=>l.value.toLowerCase().includes(a)||String(l.label).toLowerCase().includes(a))},V=({value:u,defaultValue:g="",onChange:a,onMentionSelect:l,options:S,trigger:c="@",placeholder:D="Type @ to mention...",disabled:k=!1,maxSuggestions:L=5,filterOptions:M=U,size:N="md",fullWidth:T=!1,className:$})=>{const[A,q]=t.useState(g),[d,K]=t.useState(""),[Q,x]=t.useState(!1),[b,h]=t.useState(0),[p,B]=t.useState(null),y=t.useRef(null),z=t.useRef(null),w=t.useRef(null),n=u??A,i=M(S,d).slice(0,L),E=Q&&d.length>=0,I=t.useCallback(()=>{const e=n.lastIndexOf(c);if(e===-1)return{query:"",start:null};const r=n.slice(e+c.length),s=r.indexOf(" ");return{query:s===-1?r:r.slice(0,s),start:e}},[n,c]);t.useEffect(()=>{const{query:e,start:r}=I();K(e),B(r),x(r!==null&&!e.includes(" "))},[n,I]),t.useEffect(()=>{h(0)},[d]),t.useEffect(()=>{if(b>=0&&w.current){const e=w.current.children[b];e==null||e.scrollIntoView({block:"nearest"})}},[b]),t.useEffect(()=>{const e=r=>{y.current&&!y.current.contains(r.target)&&x(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const R=e=>{const r=new RegExp(`${c}(\\w+)`,"g"),s=[];let f;for(;(f=r.exec(e))!==null;)s.push(f[1]);return[...new Set(s)]},F=e=>{const r=e.target.value;u===void 0&&q(r),a==null||a(r,R(r))},j=e=>{var O;if(p==null)return;const r=n.slice(0,p),s=n.slice(p+c.length+d.length),f=`${c}${e.value}`,m=r+f+" "+s;u===void 0&&q(m),a==null||a(m,R(m)),l==null||l(e),x(!1),(O=z.current)==null||O.focus()},H=e=>{if(!(!E||i.length===0)){if(e.key==="ArrowDown"){e.preventDefault(),h(r=>Math.min(r+1,i.length-1));return}if(e.key==="ArrowUp"){e.preventDefault(),h(r=>Math.max(r-1,0));return}if(e.key==="Enter"||e.key==="Tab"){e.preventDefault();const r=i[b];r&&j(r);return}e.key==="Escape"&&x(!1)}};return o.jsxs("div",{ref:y,className:v.cn("Bear-MentionsInput bear-relative",T&&"bear-w-full",$),children:[o.jsx("input",{ref:z,type:"text",value:n,onChange:F,onKeyDown:H,placeholder:D,disabled:k,className:v.cn("bear-w-full bear-rounded-lg bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-900 bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-500 dark:placeholder:bear-text-zinc-500 bear-outline-none bear-transition-colors focus:bear-border-bear-500 focus:bear-ring-2 focus:bear-ring-bear-500/20",k&&"bear-opacity-50 bear-cursor-not-allowed",P[N])}),E&&i.length>0&&o.jsx("div",{ref:w,className:"bear-absolute bear-z-50 bear-mt-1 bear-w-full bear-max-h-48 bear-overflow-auto bear-rounded-lg bear-border bear-border-gray-200 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-800 bear-py-1 bear-shadow-lg",children:i.map((e,r)=>o.jsxs("button",{type:"button",className:v.cn("bear-w-full bear-flex bear-items-center bear-gap-2 bear-px-3 bear-py-2 bear-text-left bear-text-gray-800 dark:bear-text-zinc-200 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-transition-colors",r===b&&"bear-bg-gray-100 dark:bear-bg-zinc-700"),onMouseEnter:()=>h(r),onClick:()=>j(e),children:[e.avatar&&o.jsx("span",{className:"bear-shrink-0",children:e.avatar}),o.jsx("span",{children:e.label})]},e.value))})]})};exports.MentionsInput=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),t=require("react"),v=require("../../utils/cn.cjs"),P=require("./MentionsInput.utils.cjs"),U={sm:"bear-h-8 bear-text-sm bear-px-3",md:"bear-h-10 bear-text-base bear-px-4",lg:"bear-h-12 bear-text-lg bear-px-5"},V=({value:x,defaultValue:O="",onChange:s,onMentionSelect:h,options:D,trigger:l="@",placeholder:M="Type @ to mention...",disabled:w=!1,maxSuggestions:S=5,filterOptions:N=P.defaultFilter,size:T="md",fullWidth:L=!1,className:$})=>{const[A,k]=t.useState(O),[i,K]=t.useState(""),[Q,f]=t.useState(!1),[u,d]=t.useState(0),[p,B]=t.useState(null),g=t.useRef(null),q=t.useRef(null),y=t.useRef(null),a=x??A,o=N(D,i).slice(0,S),I=Q&&i.length>=0,z=t.useCallback(()=>{const e=a.lastIndexOf(l);if(e===-1)return{query:"",start:null};const r=a.slice(e+l.length),n=r.indexOf(" ");return{query:n===-1?r:r.slice(0,n),start:e}},[a,l]);t.useEffect(()=>{const{query:e,start:r}=z();K(e),B(r),f(r!==null&&!e.includes(" "))},[a,z]),t.useEffect(()=>{d(0)},[i]),t.useEffect(()=>{if(u>=0&&y.current){const e=y.current.children[u];e==null||e.scrollIntoView({block:"nearest"})}},[u]),t.useEffect(()=>{const e=r=>{g.current&&!g.current.contains(r.target)&&f(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const E=e=>{const r=new RegExp(`${l}(\\w+)`,"g"),n=[];let b;for(;(b=r.exec(e))!==null;)n.push(b[1]);return[...new Set(n)]},F=e=>{const r=e.target.value;x===void 0&&k(r),s==null||s(r,E(r))},R=e=>{var j;if(p==null)return;const r=a.slice(0,p),n=a.slice(p+l.length+i.length),b=`${l}${e.value}`,m=r+b+" "+n;x===void 0&&k(m),s==null||s(m,E(m)),h==null||h(e),f(!1),(j=q.current)==null||j.focus()},H=e=>{if(!(!I||o.length===0)){if(e.key==="ArrowDown"){e.preventDefault(),d(r=>Math.min(r+1,o.length-1));return}if(e.key==="ArrowUp"){e.preventDefault(),d(r=>Math.max(r-1,0));return}if(e.key==="Enter"||e.key==="Tab"){e.preventDefault();const r=o[u];r&&R(r);return}e.key==="Escape"&&f(!1)}};return c.jsxs("div",{ref:g,className:v.cn("Bear-MentionsInput bear-relative",L&&"bear-w-full",$),children:[c.jsx("input",{ref:q,type:"text",value:a,onChange:F,onKeyDown:H,placeholder:M,disabled:w,className:v.cn("bear-w-full bear-rounded-lg bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-900 bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-500 dark:placeholder:bear-text-zinc-500 bear-outline-none bear-transition-colors focus:bear-border-bear-500 focus:bear-ring-2 focus:bear-ring-bear-500/20",w&&"bear-opacity-50 bear-cursor-not-allowed",U[T])}),I&&o.length>0&&c.jsx("div",{ref:y,className:"bear-absolute bear-z-50 bear-mt-1 bear-w-full bear-max-h-48 bear-overflow-auto bear-rounded-lg bear-border bear-border-gray-200 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-800 bear-py-1 bear-shadow-lg",children:o.map((e,r)=>c.jsxs("button",{type:"button",className:v.cn("bear-w-full bear-flex bear-items-center bear-gap-2 bear-px-3 bear-py-2 bear-text-left bear-text-gray-800 dark:bear-text-zinc-200 hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-transition-colors",r===u&&"bear-bg-gray-100 dark:bear-bg-zinc-700"),onMouseEnter:()=>d(r),onClick:()=>R(e),children:[e.avatar&&c.jsx("span",{className:"bear-shrink-0",children:e.avatar}),c.jsx("span",{children:e.label})]},e.value))})]})};exports.MentionsInput=V;