@forgedevstack/bear 1.2.5 → 1.2.6

package/dist/components/Drawer/Drawer.js

@@ -1,93 +1,94 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { useState as d, useEffect as k, useCallback as A } from "react";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { useState as c, useEffect as x, useCallback as O } from "react";
 import { createPortal as R } from "react-dom";
-import { cn as x } from "../../utils/cn.js";
-import { XIcon as D } from "../Icon/index.js";
-import { DRAWER_ANIMATION_MS as c, TRANSFORM_OPEN as M, TRANSFORM_CLOSED as O, SIZE_CLASSES as C, POSITION_CLASSES as L, BORDER_SIDE_MAP as T } from "./Drawer.const.js";
-import { lockBodyScroll as F } from "./Drawer.utils.js";
-const G = ({
-  isOpen: b,
+import { useBearDirectionOptional as M } from "../../context/BearProvider.js";
+import { cn as S } from "../../utils/cn.js";
+import { XIcon as C } from "../Icon/index.js";
+import { DRAWER_ANIMATION_MS as u, TRANSFORM_OPEN as L, TRANSFORM_CLOSED as T, SIZE_CLASSES as F, POSITION_CLASSES as P, BORDER_SIDE_MAP as j } from "./Drawer.const.js";
+import { lockBodyScroll as B } from "./Drawer.utils.js";
+const U = ({
+  isOpen: s,
   onClose: o,
   title: n,
-  children: p,
+  children: w,
   side: y = "right",
-  anchor: S,
-  variant: P = "temporary",
-  size: w = "md",
-  showCloseButton: u = !0,
-  closeOnBackdrop: N = !0,
-  closeOnEscape: m = !0,
-  className: E,
-  container: g,
-  id: j,
-  testId: $
+  anchor: N,
+  variant: $ = "temporary",
+  size: g = "md",
+  showCloseButton: m = !0,
+  closeOnBackdrop: E = !0,
+  closeOnEscape: f = !0,
+  className: I,
+  container: _,
+  id: q,
+  testId: z
 }) => {
-  const r = S ?? y, [a, f] = d(b), [v, s] = d(!1), [I, h] = d(!1);
-  k(() => {
-    if (b) {
-      f(!0), s(!1);
-      const e = requestAnimationFrame(() => h(!0));
+  const { direction: h } = M(), i = N ?? y, r = h === "rtl" && (i === "left" || i === "right") ? i === "left" ? "right" : "left" : i, [a, v] = c(s), [k, b] = c(!1), [A, p] = c(!1);
+  x(() => {
+    if (s) {
+      v(!0), b(!1);
+      const e = requestAnimationFrame(() => p(!0));
       return () => cancelAnimationFrame(e);
     }
     if (a) {
-      h(!1), s(!0);
+      p(!1), b(!0);
       const e = setTimeout(() => {
-        f(!1), s(!1);
-      }, c);
+        v(!1), b(!1);
+      }, u);
       return () => clearTimeout(e);
     }
-  }, [b, a]);
-  const i = A(
+  }, [s, a]);
+  const l = O(
     (e) => {
-      m && e.key === "Escape" && o();
+      f && e.key === "Escape" && o();
     },
-    [m, o]
+    [f, o]
   );
-  if (k(() => {
+  if (x(() => {
     if (a) {
-      document.addEventListener("keydown", i);
-      const e = F();
+      document.addEventListener("keydown", l);
+      const e = B();
       return () => {
-        document.removeEventListener("keydown", i), e();
+        document.removeEventListener("keydown", l), e();
       };
     }
     return () => {
-      document.removeEventListener("keydown", i);
+      document.removeEventListener("keydown", l);
     };
-  }, [a, i]), !a) return null;
-  const _ = /* @__PURE__ */ l("div", { className: "bear-fixed bear-inset-0 bear-z-[11000]", children: [
+  }, [a, l]), !a) return null;
+  const D = /* @__PURE__ */ d("div", { className: "bear-fixed bear-inset-0 bear-z-[11000]", children: [
     /* @__PURE__ */ t(
       "div",
       {
-        className: x(
+        className: S(
           "bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity",
-          v ? "bear-opacity-0" : "bear-opacity-100"
+          k ? "bear-opacity-0" : "bear-opacity-100"
         ),
-        style: { transitionDuration: `${c}ms` },
-        onClick: N ? o : void 0,
+        style: { transitionDuration: `${u}ms` },
+        onClick: E ? o : void 0,
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ d(
       "div",
       {
         role: "dialog",
         "aria-modal": "true",
         "aria-labelledby": n ? "drawer-title" : void 0,
-        className: x(
+        className: S(
           "bear-absolute bear-bg-white dark:bear-bg-neutral-900 bear-shadow-2xl",
           "bear-border-neutral-200 dark:bear-border-neutral-700",
           "bear-flex bear-flex-col bear-overflow-hidden",
           "bear-transform bear-transition-transform",
-          T[r],
-          L[r],
-          C[r][w],
-          I && !v ? M[r] : O[r],
-          E
+          j[r],
+          P[r],
+          F[r][g],
+          A && !k ? L[r] : T[r],
+          I
         ),
-        style: { transitionDuration: `${c}ms` },
+        style: { transitionDuration: `${u}ms` },
         children: [
-          (n || u) && /* @__PURE__ */ l("div", { className: "bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-border-b bear-border-neutral-200 dark:bear-border-neutral-700 bear-shrink-0", children: [
+          (n || m) && /* @__PURE__ */ d("div", { className: "bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-border-b bear-border-neutral-200 dark:bear-border-neutral-700 bear-shrink-0", dir: h, children: [
             n && /* @__PURE__ */ t(
               "h2",
               {
@@ -96,23 +97,23 @@ const G = ({
                 children: n
               }
             ),
-            u && /* @__PURE__ */ t(
+            m && /* @__PURE__ */ t(
               "button",
               {
                 onClick: o,
                 className: "bear-p-1 bear-rounded-lg bear-text-neutral-500 dark:bear-text-neutral-400 hover:bear-text-neutral-900 dark:hover:bear-text-white hover:bear-bg-neutral-100 dark:hover:bear-bg-neutral-700 bear-transition-colors",
                 "aria-label": "Close drawer",
-                children: /* @__PURE__ */ t(D, { className: "bear-w-5 bear-h-5" })
+                children: /* @__PURE__ */ t(C, { className: "bear-w-5 bear-h-5" })
               }
             )
           ] }),
-          /* @__PURE__ */ t("div", { className: "bear-flex-1 bear-min-h-0 bear-overflow-y-auto bear-overscroll-contain bear-p-4 bear-text-neutral-700 dark:bear-text-neutral-300", children: p })
+          /* @__PURE__ */ t("div", { className: "bear-flex-1 bear-min-h-0 bear-overflow-y-auto bear-overscroll-contain bear-p-4 bear-text-neutral-700 dark:bear-text-neutral-300", children: w })
         ]
       }
     )
   ] });
-  return R(_, g ?? document.body);
+  return R(D, _ ?? document.body);
 };
 export {
-  G as Drawer
+  U as Drawer
 };

package/dist/components/Input/Input.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),b=require("../../utils/cn.cjs"),Ie=require("../../utils/generateBearId.utils.cjs"),ve=require("../../utils/useBearId.cjs"),me=require("../../context/BearProvider.cjs"),we=require("./components/ClearIcon/ClearIcon.cjs"),Be=require("./Input.utils.cjs"),Ne=require("../Form/Form.utils.cjs"),d=require("./Input.const.cjs"),K=o.forwardRef(({label:C,helperText:Q,error:v,success:k,size:T="md",variant:je,radius:Ce,InputProps:c,leftAddon:V,rightAddon:Y,prefix:ke,suffix:Te,fullWidth:Z=!1,clearable:P=!1,onClear:ee,showCharCount:E=!1,charCountMax:re,autoFormat:m,validation:t,validateOnBlur:ae,validateOnChange:S=!1,loading:Ee,copyable:Se,onCopy:Le,floatingLabel:qe,multiline:i=!1,rows:te,minRows:se=d.INPUT_MULTILINE_MIN_ROWS,maxRows:Ae,readOnly:L,inputRef:s,inputProps:q,id:ne,testId:oe,className:le,disabled:u,value:f,defaultValue:x,maxLength:w,onChange:_,onBlur:h,...A},n)=>{var J;const ce=ve.useBearId("Input"),B=Ie.resolveBearId(ne,ce),N=o.useContext(me.BearContext),r=(J=N==null?void 0:N.components)==null?void 0:J.Input,ie=r==null?void 0:r.root,be=r==null?void 0:r.input,de=r==null?void 0:r.label,ue=r==null?void 0:r.helper,fe=r==null?void 0:r.prefix,xe=r==null?void 0:r.suffix,[_e,U]=o.useState(null),M=o.useRef(!1),he=d.INPUT_TEXT_CLASSES,ge=d.INPUT_WRAPPER_HEIGHT_CLASSES,O=t?ae??!0:!1,R=v||_e,l=!!R,g=!!k&&!l,p=re??w,j=typeof f=="string"?f.length:typeof x=="string"?x.length:0,H=p!=null&&j>p,pe=P&&!u&&j>0,W=(c==null?void 0:c.startAdornment)??V,F=(c==null?void 0:c.endAdornment)??Y,$=R||k||Q,y=o.useCallback(async e=>{if(!t)return;M.current=!0;const I=await Ne.validateFieldValue(e,t);M.current=!1,U(I)},[t]);o.useEffect(()=>{v&&U(null)},[v]);const D=o.useCallback(e=>{if(m&&!i){const I=Be.applyAutoFormat(e.target.value,m);I!==e.target.value&&(e.target.value=I)}_==null||_(e),S&&t&&y(e.target.value)},[m,i,_,S,t,y]),G=o.useCallback(e=>{h==null||h(e),O&&t&&y(e.target.value)},[h,O,t,y]),X=b.cn("Bear-Input__field","bear-flex-1 bear-min-w-0 bear-border-0 bear-outline-none bear-bg-transparent","placeholder:opacity-100 placeholder:[color:var(--bear-text-muted)]",he[T],i&&"bear-resize-y bear-py-2 bear-min-h-0 bear-h-auto",le),z={color:"var(--bear-text-primary)",...be},ye=te??se??d.INPUT_MULTILINE_DEFAULT_ROWS;return a.jsxs("div",{id:B,"data-testid":oe,className:b.cn(d.INPUT_ROOT_CLASS,"bear-flex bear-flex-col bear-gap-1.5",Z&&"bear-w-full"),style:ie,children:[C&&a.jsx("label",{className:"Bear-Input__label bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)",...de},children:C}),a.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":g?"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",u&&"bear-opacity-50 bear-cursor-not-allowed",!i&&ge[T]),style:{backgroundColor:"var(--bear-bg-primary)",borderColor:l||g?void 0:"var(--bear-border-default)"},children:[W&&a.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)",...fe},children:W}),i?a.jsx("textarea",{ref:e=>{typeof n=="function"?n(e):n&&(n.current=e),typeof s=="function"?s(e):s&&(s.current=e)},id:`${B}-field`,disabled:u,readOnly:L,value:f,defaultValue:x,maxLength:w,rows:ye,"aria-invalid":l||void 0,className:X,style:z,...q,...A,onChange:e=>D(e),onBlur:e=>G(e)}):a.jsx("input",{ref:e=>{typeof n=="function"?n(e):n&&(n.current=e),typeof s=="function"?s(e):s&&(s.current=e)},id:`${B}-field`,disabled:u,readOnly:L,value:f,defaultValue:x,maxLength:w,"aria-invalid":l||void 0,onChange:D,onBlur:G,className:X,style:z,...q,...A}),pe&&a.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:a.jsx(we.ClearIcon,{onClick:ee})}),F&&a.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)",...xe},children:F})]}),a.jsxs("div",{className:"Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2",children:[$?a.jsx("p",{className:b.cn("Bear-Input__helper bear-text-sm bear-flex-1",l&&"Bear-Input__helper--error bear-text-red-500",g&&"Bear-Input__helper--success bear-text-green-500"),style:{...l||g?{}:{color:"var(--bear-text-muted)"},...ue},children:$}):E?a.jsx("span",{}):null,E&&p!=null&&a.jsxs("span",{className:b.cn("Bear-Input__char-count bear-text-xs bear-tabular-nums bear-shrink-0",H&&"bear-text-red-500"),style:H?void 0:{color:"var(--bear-text-muted)"},children:[j,"/",p]})]})]})});K.displayName="Input";exports.Input=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),b=require("../../utils/cn.cjs"),me=require("../../utils/generateBearId.utils.cjs"),we=require("../../utils/useBearId.cjs"),K=require("../../context/BearProvider.cjs"),Be=require("./components/ClearIcon/ClearIcon.cjs"),Ne=require("./Input.utils.cjs"),je=require("../Form/Form.utils.cjs"),d=require("./Input.const.cjs"),Q=o.forwardRef(({label:C,helperText:V,error:v,success:k,size:T="md",variant:Ce,radius:ke,InputProps:l,leftAddon:Y,rightAddon:Z,prefix:Te,suffix:Ee,fullWidth:P=!1,clearable:ee=!1,onClear:re,showCharCount:E=!1,charCountMax:ae,autoFormat:m,validation:t,validateOnBlur:te,validateOnChange:S=!1,loading:Se,copyable:qe,onCopy:Le,floatingLabel:Ae,multiline:c=!1,rows:se,minRows:ne=d.INPUT_MULTILINE_MIN_ROWS,maxRows:Ue,readOnly:q,inputRef:s,inputProps:L,id:oe,testId:ie,className:le,disabled:u,value:f,defaultValue:x,maxLength:w,onChange:_,onBlur:h,...A},n)=>{var J;const ce=we.useBearId("Input"),B=me.resolveBearId(oe,ce),N=o.useContext(K.BearContext),r=(J=N==null?void 0:N.components)==null?void 0:J.Input,be=r==null?void 0:r.root,de=r==null?void 0:r.input,ue=r==null?void 0:r.label,fe=r==null?void 0:r.helper,xe=r==null?void 0:r.prefix,_e=r==null?void 0:r.suffix,[he,U]=o.useState(null),M=o.useRef(!1),pe=d.INPUT_TEXT_CLASSES,ge=d.INPUT_WRAPPER_HEIGHT_CLASSES,O=t?te??!0:!1,R=v||he,i=!!R,p=!!k&&!i,g=ae??w,j=typeof f=="string"?f.length:typeof x=="string"?x.length:0,H=g!=null&&j>g,Ie=ee&&!u&&j>0,{direction:ye}=K.useBearDirectionOptional(),W=(l==null?void 0:l.startAdornment)??Y,D=(l==null?void 0:l.endAdornment)??Z,F=R||k||V,I=o.useCallback(async e=>{if(!t)return;M.current=!0;const y=await je.validateFieldValue(e,t);M.current=!1,U(y)},[t]);o.useEffect(()=>{v&&U(null)},[v]);const $=o.useCallback(e=>{if(m&&!c){const y=Ne.applyAutoFormat(e.target.value,m);y!==e.target.value&&(e.target.value=y)}_==null||_(e),S&&t&&I(e.target.value)},[m,c,_,S,t,I]),G=o.useCallback(e=>{h==null||h(e),O&&t&&I(e.target.value)},[h,O,t,I]),X=b.cn("Bear-Input__field","bear-flex-1 bear-min-w-0 bear-border-0 bear-outline-none bear-bg-transparent","placeholder:opacity-100 placeholder:[color:var(--bear-text-muted)]",pe[T],c&&"bear-resize-y bear-py-2 bear-min-h-0 bear-h-auto",le),z={color:"var(--bear-text-primary)",...de},ve=se??ne??d.INPUT_MULTILINE_DEFAULT_ROWS;return a.jsxs("div",{id:B,"data-testid":ie,className:b.cn(d.INPUT_ROOT_CLASS,"bear-flex bear-flex-col bear-gap-1.5",P&&"bear-w-full"),style:be,children:[C&&a.jsx("label",{className:"Bear-Input__label bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)",...ue},children:C}),a.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)]",i?"Bear-Input__wrapper--error bear-border-red-500 focus-within:bear-ring-red-500":p?"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",u&&"bear-opacity-50 bear-cursor-not-allowed",!c&&ge[T]),dir:ye,style:{backgroundColor:"var(--bear-bg-primary)",borderColor:i||p?void 0:"var(--bear-border-default)"},children:[W&&a.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)",borderInlineEnd:"1px solid var(--bear-border-default)",color:"var(--bear-text-secondary)",...xe},children:W}),c?a.jsx("textarea",{ref:e=>{typeof n=="function"?n(e):n&&(n.current=e),typeof s=="function"?s(e):s&&(s.current=e)},id:`${B}-field`,disabled:u,readOnly:q,value:f,defaultValue:x,maxLength:w,rows:ve,"aria-invalid":i||void 0,className:X,style:z,...L,...A,onChange:e=>$(e),onBlur:e=>G(e)}):a.jsx("input",{ref:e=>{typeof n=="function"?n(e):n&&(n.current=e),typeof s=="function"?s(e):s&&(s.current=e)},id:`${B}-field`,disabled:u,readOnly:q,value:f,defaultValue:x,maxLength:w,"aria-invalid":i||void 0,onChange:$,onBlur:G,className:X,style:z,...L,...A}),Ie&&a.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:a.jsx(Be.ClearIcon,{onClick:re})}),D&&a.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)",borderInlineStart:"1px solid var(--bear-border-default)",color:"var(--bear-text-secondary)",..._e},children:D})]}),a.jsxs("div",{className:"Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2",children:[F?a.jsx("p",{className:b.cn("Bear-Input__helper bear-text-sm bear-flex-1",i&&"Bear-Input__helper--error bear-text-red-500",p&&"Bear-Input__helper--success bear-text-green-500"),style:{...i||p?{}:{color:"var(--bear-text-muted)"},...fe},children:F}):E?a.jsx("span",{}):null,E&&g!=null&&a.jsxs("span",{className:b.cn("Bear-Input__char-count bear-text-xs bear-tabular-nums bear-shrink-0",H&&"bear-text-red-500"),style:H?void 0:{color:"var(--bear-text-muted)"},children:[j,"/",g]})]})]})});Q.displayName="Input";exports.Input=Q;

package/dist/components/Input/Input.js

@@ -1,44 +1,44 @@
 import { jsxs as g, jsx as a } from "react/jsx-runtime";
-import { forwardRef as ge, useContext as ye, useState as ve, useRef as Ie, useCallback as C, useEffect as we } from "react";
+import { forwardRef as ye, useContext as ve, useState as Ie, useRef as we, useCallback as C, useEffect as Be } from "react";
 import { cn as b } from "../../utils/cn.js";
 import { resolveBearId as Ne } from "../../utils/generateBearId.utils.js";
-import { useBearId as Be } from "../../utils/useBearId.js";
-import { BearContext as Ce } from "../../context/BearProvider.js";
-import { ClearIcon as Te } from "./components/ClearIcon/ClearIcon.js";
-import { applyAutoFormat as ke } from "./Input.utils.js";
-import { validateFieldValue as Ee } from "../Form/Form.utils.js";
-import { INPUT_TEXT_CLASSES as Le, INPUT_MULTILINE_MIN_ROWS as Se, INPUT_MULTILINE_DEFAULT_ROWS as Ae, INPUT_WRAPPER_HEIGHT_CLASSES as Ue, INPUT_ROOT_CLASS as Me } from "./Input.const.js";
-const Oe = ge(
+import { useBearId as Ce } from "../../utils/useBearId.js";
+import { BearContext as Ee, useBearDirectionOptional as Te } from "../../context/BearProvider.js";
+import { ClearIcon as ke } from "./components/ClearIcon/ClearIcon.js";
+import { applyAutoFormat as Se } from "./Input.utils.js";
+import { validateFieldValue as Le } from "../Form/Form.utils.js";
+import { INPUT_TEXT_CLASSES as Ae, INPUT_MULTILINE_MIN_ROWS as Ue, INPUT_MULTILINE_DEFAULT_ROWS as Me, INPUT_WRAPPER_HEIGHT_CLASSES as Oe, INPUT_ROOT_CLASS as je } from "./Input.const.js";
+const He = ye(
   ({
-    label: T,
+    label: E,
     helperText: K,
     error: y,
-    success: k,
-    size: E = "md",
-    variant: je,
-    radius: He,
-    InputProps: l,
+    success: T,
+    size: k = "md",
+    variant: We,
+    radius: De,
+    InputProps: i,
     leftAddon: Q,
     rightAddon: V,
     prefix: Re,
-    suffix: We,
+    suffix: $e,
     fullWidth: Y = !1,
     clearable: Z = !1,
     onClear: P,
-    showCharCount: L = !1,
+    showCharCount: S = !1,
     charCountMax: ee,
     autoFormat: v,
     validation: t,
     validateOnBlur: re,
-    validateOnChange: S = !1,
-    loading: $e,
-    copyable: De,
-    onCopy: Fe,
-    floatingLabel: Ge,
-    multiline: i = !1,
+    validateOnChange: L = !1,
+    loading: Fe,
+    copyable: Ge,
+    onCopy: Xe,
+    floatingLabel: qe,
+    multiline: l = !1,
     rows: ae,
-    minRows: te = Se,
-    maxRows: Xe,
+    minRows: te = Ue,
+    maxRows: ze,
     readOnly: A,
     inputRef: s,
     inputProps: U,
@@ -46,32 +46,32 @@ const Oe = ge(
     testId: oe,
     className: ne,
     disabled: c,
-    value: f,
-    defaultValue: d,
+    value: d,
+    defaultValue: f,
     maxLength: I,
     onChange: u,
     onBlur: _,
     ...M
   }, o) => {
     var J;
-    const le = Be("Input"), w = Ne(se, le), N = ye(Ce), r = (J = N == null ? void 0 : N.components) == null ? void 0 : J.Input, ie = r == null ? void 0 : r.root, be = r == null ? void 0 : r.input, ce = r == null ? void 0 : r.label, fe = r == null ? void 0 : r.helper, de = r == null ? void 0 : r.prefix, ue = r == null ? void 0 : r.suffix, [_e, O] = ve(null), j = Ie(!1), pe = Le, xe = Ue, H = t ? re ?? !0 : !1, R = y || _e, n = !!R, p = !!k && !n, x = ee ?? I, B = typeof f == "string" ? f.length : typeof d == "string" ? d.length : 0, W = x != null && B > x, me = Z && !c && B > 0, $ = (l == null ? void 0 : l.startAdornment) ?? Q, D = (l == null ? void 0 : l.endAdornment) ?? V, F = R || k || K, m = C(async (e) => {
+    const ie = Ce("Input"), w = Ne(se, ie), B = ve(Ee), r = (J = B == null ? void 0 : B.components) == null ? void 0 : J.Input, le = r == null ? void 0 : r.root, be = r == null ? void 0 : r.input, ce = r == null ? void 0 : r.label, de = r == null ? void 0 : r.helper, fe = r == null ? void 0 : r.prefix, ue = r == null ? void 0 : r.suffix, [_e, O] = Ie(null), j = we(!1), pe = Ae, xe = Oe, H = t ? re ?? !0 : !1, W = y || _e, n = !!W, p = !!T && !n, x = ee ?? I, N = typeof d == "string" ? d.length : typeof f == "string" ? f.length : 0, D = x != null && N > x, me = Z && !c && N > 0, { direction: he } = Te(), R = (i == null ? void 0 : i.startAdornment) ?? Q, $ = (i == null ? void 0 : i.endAdornment) ?? V, F = W || T || K, m = C(async (e) => {
       if (!t) return;
       j.current = !0;
-      const h = await Ee(e, t);
+      const h = await Le(e, t);
       j.current = !1, O(h);
     }, [t]);
-    we(() => {
+    Be(() => {
       y && O(null);
     }, [y]);
     const G = C(
       (e) => {
-        if (v && !i) {
-          const h = ke(e.target.value, v);
+        if (v && !l) {
+          const h = Se(e.target.value, v);
           h !== e.target.value && (e.target.value = h);
         }
-        u == null || u(e), S && t && m(e.target.value);
+        u == null || u(e), L && t && m(e.target.value);
       },
-      [v, i, u, S, t, m]
+      [v, l, u, L, t, m]
     ), X = C(
       (e) => {
         _ == null || _(e), H && t && m(e.target.value);
@@ -81,22 +81,22 @@ const Oe = ge(
       "Bear-Input__field",
       "bear-flex-1 bear-min-w-0 bear-border-0 bear-outline-none bear-bg-transparent",
       "placeholder:opacity-100 placeholder:[color:var(--bear-text-muted)]",
-      pe[E],
-      i && "bear-resize-y bear-py-2 bear-min-h-0 bear-h-auto",
+      pe[k],
+      l && "bear-resize-y bear-py-2 bear-min-h-0 bear-h-auto",
       ne
     ), z = {
       color: "var(--bear-text-primary)",
       ...be
-    }, he = ae ?? te ?? Ae;
+    }, ge = ae ?? te ?? Me;
     return /* @__PURE__ */ g(
       "div",
       {
         id: w,
         "data-testid": oe,
-        className: b(Me, "bear-flex bear-flex-col bear-gap-1.5", Y && "bear-w-full"),
-        style: ie,
+        className: b(je, "bear-flex bear-flex-col bear-gap-1.5", Y && "bear-w-full"),
+        style: le,
         children: [
-          T && /* @__PURE__ */ a("label", { className: "Bear-Input__label bear-text-sm bear-font-medium", style: { color: "var(--bear-text-secondary)", ...ce }, children: T }),
+          E && /* @__PURE__ */ a("label", { className: "Bear-Input__label bear-text-sm bear-font-medium", style: { color: "var(--bear-text-secondary)", ...ce }, children: E }),
           /* @__PURE__ */ g(
             "div",
             {
@@ -106,27 +106,28 @@ const Oe = ge(
                 "focus-within:bear-ring-offset-[var(--bear-bg-primary)]",
                 n ? "Bear-Input__wrapper--error bear-border-red-500 focus-within:bear-ring-red-500" : p ? "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",
                 c && "bear-opacity-50 bear-cursor-not-allowed",
-                !i && xe[E]
+                !l && xe[k]
               ),
+              dir: he,
               style: {
                 backgroundColor: "var(--bear-bg-primary)",
                 borderColor: n || p ? void 0 : "var(--bear-border-default)"
               },
               children: [
-                $ && /* @__PURE__ */ a(
+                R && /* @__PURE__ */ a(
                   "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)",
+                      borderInlineEnd: "1px solid var(--bear-border-default)",
                       color: "var(--bear-text-secondary)",
-                      ...de
+                      ...fe
                     },
-                    children: $
+                    children: R
                   }
                 ),
-                i ? /* @__PURE__ */ a(
+                l ? /* @__PURE__ */ a(
                   "textarea",
                   {
                     ref: (e) => {
@@ -135,10 +136,10 @@ const Oe = ge(
                     id: `${w}-field`,
                     disabled: c,
                     readOnly: A,
-                    value: f,
-                    defaultValue: d,
+                    value: d,
+                    defaultValue: f,
                     maxLength: I,
-                    rows: he,
+                    rows: ge,
                     "aria-invalid": n || void 0,
                     className: q,
                     style: z,
@@ -156,8 +157,8 @@ const Oe = ge(
                     id: `${w}-field`,
                     disabled: c,
                     readOnly: A,
-                    value: f,
-                    defaultValue: d,
+                    value: d,
+                    defaultValue: f,
                     maxLength: I,
                     "aria-invalid": n || void 0,
                     onChange: G,
@@ -173,20 +174,20 @@ const Oe = ge(
                   {
                     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__ */ a(Te, { onClick: P })
+                    children: /* @__PURE__ */ a(ke, { onClick: P })
                   }
                 ),
-                D && /* @__PURE__ */ a(
+                $ && /* @__PURE__ */ a(
                   "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)",
+                      borderInlineStart: "1px solid var(--bear-border-default)",
                       color: "var(--bear-text-secondary)",
                       ...ue
                     },
-                    children: D
+                    children: $
                   }
                 )
               ]
@@ -203,21 +204,21 @@ const Oe = ge(
                 ),
                 style: {
                   ...n || p ? {} : { color: "var(--bear-text-muted)" },
-                  ...fe
+                  ...de
                 },
                 children: F
               }
-            ) : L ? /* @__PURE__ */ a("span", {}) : null,
-            L && x != null && /* @__PURE__ */ g(
+            ) : S ? /* @__PURE__ */ a("span", {}) : null,
+            S && x != null && /* @__PURE__ */ g(
               "span",
               {
                 className: b(
                   "Bear-Input__char-count bear-text-xs bear-tabular-nums bear-shrink-0",
-                  W && "bear-text-red-500"
+                  D && "bear-text-red-500"
                 ),
-                style: W ? void 0 : { color: "var(--bear-text-muted)" },
+                style: D ? void 0 : { color: "var(--bear-text-muted)" },
                 children: [
-                  B,
+                  N,
                   "/",
                   x
                 ]
@@ -229,7 +230,7 @@ const Oe = ge(
     );
   }
 );
-Oe.displayName = "Input";
+He.displayName = "Input";
 export {
-  Oe as Input
+  He as Input
 };

package/dist/components/List/List.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),m=require("react"),i=require("../../utils/cn.cjs"),d=require("./List.const.cjs"),u=m.createContext({}),w=()=>m.useContext(u),v=m.forwardRef((r,e)=>{const{variant:b="default",size:a="md",hoverable:n=!1,dense:t=!1,disablePadding:x=!1,className:o,children:y,testId:l,...g}=r;return s.jsx(u.Provider,{value:{dense:t,hoverable:n},children:s.jsx("ul",{ref:e,role:"list",className:i.cn(d.LIST_BASE_CLASSES,!x&&d.LIST_PADDING_CLASSES,d.LIST_SIZE_CLASSES[a],d.LIST_VARIANT_CLASSES[b],o),"data-testid":l,...g,children:y})})});v.displayName="List";const L=m.forwardRef(({primary:r,secondary:e,leading:b,trailing:a,selected:n=!1,disabled:t=!1,clickable:x=!1,divider:o=!1,dense:y,onClick:l,className:g,children:h,testId:S,...I},N)=>{const{dense:j,hoverable:k}=w(),p=y??j,c=x||!!l;return s.jsxs("li",{ref:N,role:c?"button":"listitem",tabIndex:c&&!t?0:void 0,"aria-selected":n,"aria-disabled":t,onClick:t?void 0:l,onKeyDown:f=>{!t&&(f.key==="Enter"||f.key===" ")&&(f.preventDefault(),l==null||l())},className:i.cn("bear-flex bear-items-center bear-gap-3",p?"bear-py-1 bear-px-3":"bear-py-2 bear-px-4",c&&!t&&"bear-cursor-pointer",(k||c)&&!t&&"hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800",n&&"bear-bg-primary-50 dark:bear-bg-primary-900/20",t&&"bear-opacity-50 bear-cursor-not-allowed",o&&"bear-border-b bear-border-gray-200 dark:bear-border-gray-700",g),"data-testid":S,...I,children:[b&&s.jsx("div",{className:"bear-flex-shrink-0 bear-text-gray-500 dark:bear-text-gray-400",children:b}),r||e?s.jsxs("div",{className:"bear-flex-1 bear-min-w-0",children:[r&&s.jsx("div",{className:"bear-text-gray-900 dark:bear-text-gray-100 bear-truncate",children:r}),e&&s.jsx("div",{className:i.cn("bear-text-gray-500 dark:bear-text-gray-400 bear-truncate",p?"bear-text-xs":"bear-text-sm"),children:e})]}):s.jsx("div",{className:"bear-flex-1 bear-min-w-0",children:h}),a&&s.jsx("div",{className:"bear-flex-shrink-0 bear-text-gray-500 dark:bear-text-gray-400",children:a})]})});L.displayName="ListItem";const _=({sticky:r=!1,inset:e=!1,className:b,children:a,testId:n,...t})=>s.jsx("li",{role:"presentation",className:i.cn("bear-py-2 bear-px-4 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider","bear-text-gray-500 dark:bear-text-gray-400","bear-bg-gray-50 dark:bear-bg-gray-800/50",r&&"bear-sticky bear-top-0 bear-z-10",e&&"bear-pl-12",b),"data-testid":n,...t,children:a}),A=({primary:r,secondary:e,inset:b=!1,dense:a=!1,className:n,...t})=>s.jsxs("div",{className:i.cn("bear-flex-1 bear-min-w-0",b&&"bear-pl-9",n),...t,children:[r&&s.jsx("div",{className:"bear-text-gray-900 dark:bear-text-gray-100",children:r}),e&&s.jsx("div",{className:i.cn("bear-text-gray-500 dark:bear-text-gray-400",a?"bear-text-xs":"bear-text-sm"),children:e})]}),E=({align:r="center",className:e,children:b,...a})=>s.jsx("div",{className:i.cn("bear-flex-shrink-0 bear-min-w-[36px]","bear-text-gray-500 dark:bear-text-gray-400",r==="top"&&"bear-self-start bear-mt-1",e),...a,children:b}),T=({selected:r=!1,disabled:e=!1,dense:b=!1,onClick:a,className:n,children:t,...x})=>s.jsx("div",{role:"button",tabIndex:e?-1:0,"aria-selected":r,"aria-disabled":e,onClick:e?void 0:a,onKeyDown:o=>{!e&&(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),a==null||a())},className:i.cn("bear-flex bear-items-center bear-gap-3 bear-w-full bear-text-left",b?"bear-py-1 bear-px-3":"bear-py-2 bear-px-4","bear-cursor-pointer bear-transition-colors","hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800",r&&"bear-bg-primary-50 dark:bear-bg-primary-900/20",e&&"bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none",n),...x,children:t});exports.List=v;exports.ListItem=L;exports.ListItemButton=T;exports.ListItemIcon=E;exports.ListItemText=A;exports.ListSubheader=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),g=require("react"),o=require("../../utils/cn.cjs"),m=require("./List.const.cjs"),L=g.createContext({}),A=()=>g.useContext(L),v=g.forwardRef((a,e)=>{const{variant:s="default",size:t="md",hoverable:i=!1,dense:n=!1,disablePadding:b=!1,className:c,children:y,testId:f,...l}=a;return r.jsx(L.Provider,{value:{dense:n,hoverable:i},children:r.jsx("ul",{ref:e,role:"list",className:o.cn(m.LIST_BASE_CLASSES,!b&&m.LIST_PADDING_CLASSES,m.LIST_SIZE_CLASSES[t],m.LIST_VARIANT_CLASSES[s],c),"data-testid":f,...l,children:y})})});v.displayName="List";const I=g.forwardRef(({primary:a,secondary:e,leading:s,trailing:t,secondaryAction:i,selected:n=!1,disabled:b=!1,clickable:c=!1,divider:y=!1,dense:f,onClick:l,className:h,children:S,testId:N,...j},_)=>{const{dense:k,hoverable:w}=A(),p=f??k,d=c||!!l,u=i??t;return r.jsxs("li",{ref:_,role:d?"button":"listitem",tabIndex:d&&!b?0:void 0,"aria-selected":n,"aria-disabled":b,onClick:b?void 0:l,onKeyDown:x=>{!b&&(x.key==="Enter"||x.key===" ")&&(x.preventDefault(),l==null||l())},className:o.cn("Bear-ListItem","bear-flex bear-items-center bear-gap-3",p?"bear-py-1 bear-px-3":"bear-py-2 bear-px-4",d&&!b&&"bear-cursor-pointer",(w||d)&&!b&&"hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800",n&&"bear-bg-primary-50 dark:bear-bg-primary-900/20",b&&"bear-opacity-50 bear-cursor-not-allowed",y&&"bear-border-b bear-border-gray-200 dark:bear-border-gray-700",h),"data-testid":N,...j,children:[s&&r.jsx("div",{className:"Bear-ListItem__leading bear-flex-shrink-0 bear-text-gray-500 dark:bear-text-gray-400",children:s}),a||e?r.jsxs("div",{className:"Bear-ListItem__content bear-flex-1 bear-min-w-0",children:[a&&r.jsx("div",{className:"bear-text-gray-900 dark:bear-text-gray-100 bear-truncate",children:a}),e&&r.jsx("div",{className:o.cn("bear-text-gray-500 dark:bear-text-gray-400 bear-truncate",p?"bear-text-xs":"bear-text-sm"),children:e})]}):r.jsx("div",{className:"Bear-ListItem__content bear-flex-1 bear-min-w-0",children:S}),u&&r.jsx("div",{className:"Bear-ListItem__secondary-action bear-flex-shrink-0 bear-text-gray-500 dark:bear-text-gray-400",onClick:x=>x.stopPropagation(),onKeyDown:x=>x.stopPropagation(),children:u})]})});I.displayName="ListItem";const B=({sticky:a=!1,inset:e=!1,className:s,children:t,testId:i,...n})=>r.jsx("li",{role:"presentation",className:o.cn("bear-py-2 bear-px-4 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider","bear-text-gray-500 dark:bear-text-gray-400","bear-bg-gray-50 dark:bear-bg-gray-800/50",a&&"bear-sticky bear-top-0 bear-z-10",e&&"bear-pl-12",s),"data-testid":i,...n,children:t}),D=({primary:a,secondary:e,inset:s=!1,dense:t=!1,className:i,...n})=>r.jsxs("div",{className:o.cn("bear-flex-1 bear-min-w-0",s&&"bear-pl-9",i),...n,children:[a&&r.jsx("div",{className:"bear-text-gray-900 dark:bear-text-gray-100",children:a}),e&&r.jsx("div",{className:o.cn("bear-text-gray-500 dark:bear-text-gray-400",t?"bear-text-xs":"bear-text-sm"),children:e})]}),E=({align:a="center",className:e,children:s,...t})=>r.jsx("div",{className:o.cn("bear-flex-shrink-0 bear-min-w-[36px]","bear-text-gray-500 dark:bear-text-gray-400",a==="top"&&"bear-self-start bear-mt-1",e),...t,children:s}),T=({selected:a=!1,disabled:e=!1,dense:s=!1,onClick:t,className:i,children:n,...b})=>r.jsx("div",{role:"button",tabIndex:e?-1:0,"aria-selected":a,"aria-disabled":e,onClick:e?void 0:t,onKeyDown:c=>{!e&&(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),t==null||t())},className:o.cn("bear-flex bear-items-center bear-gap-3 bear-w-full bear-text-left",s?"bear-py-1 bear-px-3":"bear-py-2 bear-px-4","bear-cursor-pointer bear-transition-colors","hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800",a&&"bear-bg-primary-50 dark:bear-bg-primary-900/20",e&&"bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none",i),...b,children:n});exports.List=v;exports.ListItem=I;exports.ListItemButton=T;exports.ListItemIcon=E;exports.ListItemText=D;exports.ListSubheader=B;