@forgedevstack/bear 1.2.3 → 1.2.5

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

@@ -1,6 +1,7 @@
 import { ReactNode, HTMLAttributes } from 'react';
 export type IndicatorPosition = 'top-start' | 'top-center' | 'top-end' | 'middle-start' | 'middle-end' | 'bottom-start' | 'bottom-center' | 'bottom-end';
 export interface IndicatorProps extends HTMLAttributes<HTMLDivElement> {
+    id?: string;
     children: ReactNode;
     label?: ReactNode;
     color?: string;

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

@@ -1,5 +1,6 @@
 import { HTMLAttributes, ReactNode } from 'react';
 export interface InfiniteScrollProps extends HTMLAttributes<HTMLDivElement> {
+    id?: string;
     onLoadMore: () => void | Promise<void>;
     hasMore: boolean;
     loading?: boolean;

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"),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"),ie={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",variant:ce,radius:de,InputProps:n,leftAddon:H,rightAddon:S,prefix:ue,suffix:fe,fullWidth:V=!1,clearable:D=!1,onClear:G,showCharCount:I=!1,charCountMax:J,autoFormat:p,validation:t,validateOnBlur:K,validateOnChange:j=!1,loading:xe,copyable:pe,onCopy:he,floatingLabel:_e,testId:ge,className:Q,disabled:h,value:_,defaultValue:g,maxLength:k,onChange:i,onBlur:o,...U},W)=>{var O;const m=s.useContext(se.BearContext),e=(O=m==null?void 0:m.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,C]=s.useState(null),N=s.useRef(!1),q=t?K??!0:!1,R=x||ee,l=!!R,c=!!w&&!l,d=J??k,v=typeof _=="string"?_.length:typeof g=="string"?g.length:0,E=d!=null&&v>d,re=D&&!h&&v>0,L=(n==null?void 0:n.startAdornment)??H,A=(n==null?void 0:n.endAdornment)??S,M=R||w||F,u=s.useCallback(async a=>{if(!t)return;N.current=!0;const f=await be.validateFieldValue(a,t);N.current=!1,C(f)},[t]);s.useEffect(()=>{x&&C(null)},[x]);const ae=s.useCallback(a=>{if(p){const f=le.applyAutoFormat(a.target.value,p);f!==a.target.value&&(a.target.value=f)}i==null||i(a),j&&t&&u(a.target.value)},[p,i,j,t,u]),te=s.useCallback(a=>{o==null||o(a),q&&t&&u(a.target.value)},[o,q,t,u]);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":c?"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",h&&"bear-opacity-50 bear-cursor-not-allowed",ie[B]),style:{backgroundColor:"var(--bear-bg-primary)",borderColor:l||c?void 0:"var(--bear-border-default)"},children:[L&&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:L}),r.jsx("input",{ref:W,disabled:h,value:_,defaultValue:g,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})}),A&&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:A})]}),r.jsxs("div",{className:"Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2",children:[M?r.jsx("p",{className:b.cn("Bear-Input__helper bear-text-sm bear-flex-1",l&&"Bear-Input__helper--error bear-text-red-500",c&&"Bear-Input__helper--success bear-text-green-500"),style:{...l||c?{}:{color:"var(--bear-text-muted)"},...$},children:M}):I?r.jsx("span",{}):null,I&&d!=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,"/",d]})]})]})});T.displayName="Input";exports.Input=T;
+"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;

package/dist/components/Input/Input.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _="Bear-Input",T={sm:"bear-h-8",md:"bear-h-10",lg:"bear-h-12"},I={sm:"bear-text-sm bear-px-3",md:"bear-text-base bear-px-4",lg:"bear-text-lg bear-px-5"},S=3,e=4;exports.INPUT_MULTILINE_DEFAULT_ROWS=e;exports.INPUT_MULTILINE_MIN_ROWS=S;exports.INPUT_ROOT_CLASS=_;exports.INPUT_TEXT_CLASSES=I;exports.INPUT_WRAPPER_HEIGHT_CLASSES=T;

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

@@ -0,0 +1,13 @@
+export declare const INPUT_ROOT_CLASS = "Bear-Input";
+export declare const INPUT_WRAPPER_HEIGHT_CLASSES: {
+    readonly sm: "bear-h-8";
+    readonly md: "bear-h-10";
+    readonly lg: "bear-h-12";
+};
+export declare const INPUT_TEXT_CLASSES: {
+    readonly sm: "bear-text-sm bear-px-3";
+    readonly md: "bear-text-base bear-px-4";
+    readonly lg: "bear-text-lg bear-px-5";
+};
+export declare const INPUT_MULTILINE_MIN_ROWS = 3;
+export declare const INPUT_MULTILINE_DEFAULT_ROWS = 4;

package/dist/components/Input/Input.const.js

@@ -0,0 +1,16 @@
+const e = "Bear-Input", t = {
+  sm: "bear-h-8",
+  md: "bear-h-10",
+  lg: "bear-h-12"
+}, _ = {
+  sm: "bear-text-sm bear-px-3",
+  md: "bear-text-base bear-px-4",
+  lg: "bear-text-lg bear-px-5"
+}, I = 3, T = 4;
+export {
+  T as INPUT_MULTILINE_DEFAULT_ROWS,
+  I as INPUT_MULTILINE_MIN_ROWS,
+  e as INPUT_ROOT_CLASS,
+  _ as INPUT_TEXT_CLASSES,
+  t as INPUT_WRAPPER_HEIGHT_CLASSES
+};

package/dist/components/Input/Input.js

@@ -1,196 +1,235 @@
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { forwardRef as se, useContext as le, useState as be, useRef as ne, useCallback as y, useEffect as oe } from "react";
+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 { cn as b } 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",
-  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(
+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(
   ({
-    label: w,
-    helperText: V,
-    error: p,
-    success: B,
-    size: I = "md",
-    variant: me,
-    radius: he,
-    InputProps: s,
-    leftAddon: q,
-    rightAddon: D,
-    prefix: _e,
-    suffix: ge,
-    fullWidth: F = !1,
-    clearable: G = !1,
-    onClear: J,
-    showCharCount: k = !1,
-    charCountMax: K,
-    autoFormat: x,
-    validation: a,
-    validateOnBlur: Q,
-    validateOnChange: N = !1,
-    loading: ve,
-    copyable: ye,
-    onCopy: we,
-    floatingLabel: Be,
-    testId: Ie,
-    className: U,
-    disabled: m,
-    value: h,
-    defaultValue: _,
-    maxLength: C,
-    onChange: n,
-    onBlur: o,
-    ...W
-  }, X) => {
-    var T;
-    const g = le(ie), e = (T = g == null ? void 0 : g.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] = be(null), L = ne(!1), j = a ? Q ?? !0 : !1, A = p || ee, l = !!A, i = !!B && !l, c = K ?? C, v = typeof h == "string" ? h.length : typeof _ == "string" ? _.length : 0, R = 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 = A || B || V, d = y(async (r) => {
-      if (!a) return;
-      L.current = !0;
-      const f = await fe(r, a);
-      L.current = !1, E(f);
-    }, [a]);
-    oe(() => {
-      p && E(null);
-    }, [p]);
-    const ae = y(
-      (r) => {
-        if (x) {
-          const f = de(r.target.value, x);
-          f !== r.target.value && (r.target.value = f);
+    label: T,
+    helperText: K,
+    error: y,
+    success: k,
+    size: E = "md",
+    variant: je,
+    radius: He,
+    InputProps: l,
+    leftAddon: Q,
+    rightAddon: V,
+    prefix: Re,
+    suffix: We,
+    fullWidth: Y = !1,
+    clearable: Z = !1,
+    onClear: P,
+    showCharCount: L = !1,
+    charCountMax: ee,
+    autoFormat: v,
+    validation: t,
+    validateOnBlur: re,
+    validateOnChange: S = !1,
+    loading: $e,
+    copyable: De,
+    onCopy: Fe,
+    floatingLabel: Ge,
+    multiline: i = !1,
+    rows: ae,
+    minRows: te = Se,
+    maxRows: Xe,
+    readOnly: A,
+    inputRef: s,
+    inputProps: U,
+    id: se,
+    testId: oe,
+    className: ne,
+    disabled: c,
+    value: f,
+    defaultValue: d,
+    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) => {
+      if (!t) return;
+      j.current = !0;
+      const h = await Ee(e, t);
+      j.current = !1, O(h);
+    }, [t]);
+    we(() => {
+      y && O(null);
+    }, [y]);
+    const G = C(
+      (e) => {
+        if (v && !i) {
+          const h = ke(e.target.value, v);
+          h !== e.target.value && (e.target.value = h);
         }
-        n == null || n(r), N && a && d(r.target.value);
+        u == null || u(e), S && t && m(e.target.value);
       },
-      [x, n, N, a, d]
-    ), te = y(
-      (r) => {
-        o == null || o(r), j && a && d(r.target.value);
+      [v, i, u, S, t, m]
+    ), X = C(
+      (e) => {
+        _ == null || _(e), H && t && m(e.target.value);
       },
-      [o, j, a, d]
-    );
-    return /* @__PURE__ */ u("div", { className: b("Bear-Input bear-flex bear-flex-col bear-gap-1.5", F && "bear-w-full"), style: Y, children: [
-      w && /* @__PURE__ */ t("label", { className: "Bear-Input__label bear-text-sm bear-font-medium", style: { color: "var(--bear-text-secondary)", ...$ }, children: w }),
-      /* @__PURE__ */ u(
-        "div",
-        {
-          className: b(
-            "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",
-            m && "bear-opacity-50 bear-cursor-not-allowed",
-            ue[I]
+      [_, H, t, m]
+    ), q = b(
+      "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",
+      ne
+    ), z = {
+      color: "var(--bear-text-primary)",
+      ...be
+    }, he = ae ?? te ?? Ae;
+    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,
+        children: [
+          T && /* @__PURE__ */ a("label", { className: "Bear-Input__label bear-text-sm bear-font-medium", style: { color: "var(--bear-text-secondary)", ...ce }, children: T }),
+          /* @__PURE__ */ g(
+            "div",
+            {
+              className: b(
+                "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)]",
+                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]
+              ),
+              style: {
+                backgroundColor: "var(--bear-bg-primary)",
+                borderColor: n || p ? void 0 : "var(--bear-border-default)"
+              },
+              children: [
+                $ && /* @__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)",
+                      color: "var(--bear-text-secondary)",
+                      ...de
+                    },
+                    children: $
+                  }
+                ),
+                i ? /* @__PURE__ */ a(
+                  "textarea",
+                  {
+                    ref: (e) => {
+                      typeof o == "function" ? o(e) : o && (o.current = e), typeof s == "function" ? s(e) : s && (s.current = e);
+                    },
+                    id: `${w}-field`,
+                    disabled: c,
+                    readOnly: A,
+                    value: f,
+                    defaultValue: d,
+                    maxLength: I,
+                    rows: he,
+                    "aria-invalid": n || void 0,
+                    className: q,
+                    style: z,
+                    ...U,
+                    ...M,
+                    onChange: (e) => G(e),
+                    onBlur: (e) => X(e)
+                  }
+                ) : /* @__PURE__ */ a(
+                  "input",
+                  {
+                    ref: (e) => {
+                      typeof o == "function" ? o(e) : o && (o.current = e), typeof s == "function" ? s(e) : s && (s.current = e);
+                    },
+                    id: `${w}-field`,
+                    disabled: c,
+                    readOnly: A,
+                    value: f,
+                    defaultValue: d,
+                    maxLength: I,
+                    "aria-invalid": n || void 0,
+                    onChange: G,
+                    onBlur: X,
+                    className: q,
+                    style: z,
+                    ...U,
+                    ...M
+                  }
+                ),
+                me && /* @__PURE__ */ a(
+                  "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__ */ a(Te, { onClick: P })
+                  }
+                ),
+                D && /* @__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)",
+                      color: "var(--bear-text-secondary)",
+                      ...ue
+                    },
+                    children: D
+                  }
+                )
+              ]
+            }
           ),
-          style: {
-            backgroundColor: "var(--bear-bg-primary)",
-            borderColor: l || 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
-              }
-            ),
-            /* @__PURE__ */ t(
-              "input",
+          /* @__PURE__ */ g("div", { className: "Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2", children: [
+            F ? /* @__PURE__ */ a(
+              "p",
               {
-                ref: X,
-                disabled: m,
-                value: h,
-                defaultValue: _,
-                maxLength: C,
-                "aria-invalid": l || void 0,
-                onChange: ae,
-                onBlur: te,
                 className: b(
-                  "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[I],
-                  U
+                  "Bear-Input__helper bear-text-sm bear-flex-1",
+                  n && "Bear-Input__helper--error bear-text-red-500",
+                  p && "Bear-Input__helper--success bear-text-green-500"
                 ),
                 style: {
-                  color: "var(--bear-text-primary)",
-                  ...Z
+                  ...n || p ? {} : { color: "var(--bear-text-muted)" },
+                  ...fe
                 },
-                ...W
+                children: F
               }
-            ),
-            re && /* @__PURE__ */ t(
-              "div",
+            ) : L ? /* @__PURE__ */ a("span", {}) : null,
+            L && x != null && /* @__PURE__ */ g(
+              "span",
               {
-                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
+                className: b(
+                  "Bear-Input__char-count bear-text-xs bear-tabular-nums bear-shrink-0",
+                  W && "bear-text-red-500"
+                ),
+                style: W ? void 0 : { color: "var(--bear-text-muted)" },
+                children: [
+                  B,
+                  "/",
+                  x
+                ]
               }
             )
-          ]
-        }
-      ),
-      /* @__PURE__ */ u("div", { className: "Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2", children: [
-        O ? /* @__PURE__ */ t(
-          "p",
-          {
-            className: b(
-              "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)" },
-              ...z
-            },
-            children: O
-          }
-        ) : k ? /* @__PURE__ */ t("span", {}) : null,
-        k && c != null && /* @__PURE__ */ u(
-          "span",
-          {
-            className: b(
-              "Bear-Input__char-count bear-text-xs bear-tabular-nums bear-shrink-0",
-              R && "bear-text-red-500"
-            ),
-            style: R ? void 0 : { color: "var(--bear-text-muted)" },
-            children: [
-              v,
-              "/",
-              c
-            ]
-          }
-        )
-      ] })
-    ] });
+          ] })
+        ]
+      }
+    );
   }
 );
-xe.displayName = "Input";
+Oe.displayName = "Input";
 export {
-  xe as Input
+  Oe as Input
 };

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

@@ -8,58 +8,39 @@ export interface InputPropsInput {
     endAdornment?: ReactNode;
 }
 export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'onCopy'> {
-    /** Input label */
     label?: string;
-    /** Helper text below input */
     helperText?: string;
-    /** Error message */
     error?: string;
-    /** Success message (green helper text) */
     success?: string;
-    /** Input size */
     size?: 'sm' | 'md' | 'lg';
-    /** Visual style variant */
     variant?: InputVariant;
-    /** Border radius preset */
     radius?: InputRadius;
-    /** 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 (legacy; use InputProps.endAdornment for end slot) */
     rightAddon?: ReactNode;
-    /** Static text prefix inside the input (e.g. "$", "https://") */
     prefix?: ReactNode;
-    /** Static text suffix inside the input (e.g. "kg", ".com") */
     suffix?: ReactNode;
-    /** Whether input is full width */
     fullWidth?: boolean;
-    /** Show a clear (X) button when input has value */
     clearable?: boolean;
-    /** Callback when clear button is clicked */
     onClear?: () => void;
-    /** Show live character count (requires maxLength or charCountMax) */
     showCharCount?: boolean;
-    /** Max chars for counter display (alternative to maxLength when you don't want native enforcement) */
     charCountMax?: number;
-    /** Auto-format text on change using Anvil string utils */
     autoFormat?: AutoFormatType;
-    /** Validation rules (reuses Form's ValidationRule) */
     validation?: ValidationRule;
-    /** Run validation on blur (default true when validation is set) */
     validateOnBlur?: boolean;
-    /** Run validation on change */
     validateOnChange?: boolean;
-    /** Show a loading spinner inside the input */
     loading?: boolean;
-    /** Show a copy button that copies the current value to clipboard */
     copyable?: boolean;
-    /** Callback when value is copied */
     onCopy?: (value: string) => void;
-    /** Make the label float above the input on focus/filled */
     floatingLabel?: boolean;
-    /** Required asterisk next to label */
     required?: boolean;
-    /** Test ID for testing */
+    multiline?: boolean;
+    rows?: number;
+    minRows?: number;
+    maxRows?: number;
+    readOnly?: boolean;
+    inputRef?: React.Ref<HTMLInputElement | HTMLTextAreaElement>;
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    id?: string;
     testId?: string;
 }

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

@@ -0,0 +1 @@
+export declare const I_N_P_U_T_G_R_O_U_P_ROOT_CLASS = "Bear-InputGroup";

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

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 export interface InputGroupProps {
+    id?: string;
     /** Group label */
     label?: string;
     /** Description text (below label, above input) */

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

@@ -2,6 +2,7 @@
  * JsonViewer component types
  */
 export interface JsonViewerProps {
+    id?: string;
     /** JSON data to display */
     data: unknown;
     /** Number of levels to expand by default (default: 2) */

package/dist/components/Kanban/Kanban.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),K=require("react"),m=require("../../utils/cn.cjs");require("../../context/BearProvider.cjs");const P=require("../../hooks/useDragDrop/useDragDrop.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const S="bear-kanban",$=({columns:n,onColumnsChange:o,onCardMove:p,renderCard:h,renderColumnHeader:u,disabled:y=!1,className:v})=>{const w=K.useCallback((r,e,i,b,d)=>{const l=n.find(a=>a.id===r),s=n.find(a=>a.id===e);if(!l||!s)return;const f=n.map(a=>{if(a.id===r){const c=a.cards.filter((x,g)=>g!==i);return{...a,cards:c}}if(a.id===e){const c=r===e&&i<b?b-1:b,x=[...a.cards];return x.splice(Math.max(0,c),0,d),{...a,cards:x}}return a});o==null||o(f),p==null||p(d.id,r,e,i,b)},[n,o,p]),{getDragProps:N,getDropProps:j,isDragging:_,draggedId:z,dragOverId:k}=P.useDragDrop({disabled:y,dragType:S,onDrop:(r,e,i,b,d)=>{var D;const l=String(r),s=String(e),f=l.split("-")[0],a=parseInt(l.split("-")[1],10)||0,c=s.endsWith("-col")?s.replace("-col",""):s.split("-")[0],x=s.endsWith("-col")?((D=n.find(q=>q.id===c))==null?void 0:D.cards.length)??0:parseInt(s.split("-")[1],10),g=d;g!=null&&g.id&&w(f,c,a,x,g)}});return t.jsx("div",{className:m.cn("Bear-Kanban bear-flex bear-gap-4 bear-overflow-x-auto bear-pb-4",y&&"bear-opacity-50 bear-pointer-events-none",v),children:n.map(r=>t.jsxs("div",{...j(`${r.id}-col`,r,0),className:m.cn("Bear-Kanban__column bear-flex-shrink-0 bear-w-72 bear-flex bear-flex-col bear-rounded-lg bear-bg-gray-100 dark:bear-bg-zinc-800/80 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-transition-colors",k===`${r.id}-col`&&"bear-border-bear-500 bear-bg-bear-500/5"),children:[t.jsx("div",{className:"bear-px-4 bear-py-3 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700",children:u?u(r):t.jsx("h3",{className:"bear-text-sm bear-font-semibold bear-text-gray-900 dark:bear-text-white",children:r.title})}),t.jsx("div",{className:"bear-flex-1 bear-flex bear-flex-col bear-gap-2 bear-p-3 bear-min-h-[120px]",children:r.cards.map((e,i)=>{const b=`${r.id}-${i}`,d=_&&z===b;return t.jsx("div",{...j(b,e,i),...N(b,e,i),className:m.cn("Bear-Kanban__card bear-rounded-lg bear-bg-white dark:bear-bg-zinc-700/80 bear-border bear-border-gray-200 dark:bear-border-zinc-600 bear-p-3 bear-cursor-grab active:bear-cursor-grabbing bear-transition-all bear-shadow-sm",d&&"bear-opacity-50 bear-scale-95",k===b&&"bear-border-bear-500 bear-bg-bear-500/10"),children:h?h(e,r.id):t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"bear-font-medium bear-text-gray-900 dark:bear-text-white",children:e.title}),e.description&&t.jsx("div",{className:"bear-text-sm bear-text-gray-600 dark:bear-text-zinc-400 bear-mt-1",children:e.description}),e.meta&&t.jsx("div",{className:"bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500 bear-mt-2",children:e.meta})]})},e.id)})})]},r.id))})};exports.Kanban=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),K=require("react"),m=require("../../utils/cn.cjs");require("../../context/BearProvider.cjs");const P=require("../../hooks/useDragDrop/useDragDrop.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");require("../FormControl/FormControl.context.cjs");const S="bear-kanban",$=({columns:n,onColumnsChange:o,onCardMove:p,renderCard:u,renderColumnHeader:h,disabled:y=!1,className:v})=>{const w=K.useCallback((r,e,i,b,d)=>{const l=n.find(a=>a.id===r),s=n.find(a=>a.id===e);if(!l||!s)return;const f=n.map(a=>{if(a.id===r){const c=a.cards.filter((x,g)=>g!==i);return{...a,cards:c}}if(a.id===e){const c=r===e&&i<b?b-1:b,x=[...a.cards];return x.splice(Math.max(0,c),0,d),{...a,cards:x}}return a});o==null||o(f),p==null||p(d.id,r,e,i,b)},[n,o,p]),{getDragProps:N,getDropProps:j,isDragging:_,draggedId:q,dragOverId:k}=P.useDragDrop({disabled:y,dragType:S,onDrop:(r,e,i,b,d)=>{var D;const l=String(r),s=String(e),f=l.split("-")[0],a=parseInt(l.split("-")[1],10)||0,c=s.endsWith("-col")?s.replace("-col",""):s.split("-")[0],x=s.endsWith("-col")?((D=n.find(z=>z.id===c))==null?void 0:D.cards.length)??0:parseInt(s.split("-")[1],10),g=d;g!=null&&g.id&&w(f,c,a,x,g)}});return t.jsx("div",{className:m.cn("Bear-Kanban bear-flex bear-gap-4 bear-overflow-x-auto bear-pb-4",y&&"bear-opacity-50 bear-pointer-events-none",v),children:n.map(r=>t.jsxs("div",{...j(`${r.id}-col`,r,0),className:m.cn("Bear-Kanban__column bear-flex-shrink-0 bear-w-72 bear-flex bear-flex-col bear-rounded-lg bear-bg-gray-100 dark:bear-bg-zinc-800/80 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-transition-colors",k===`${r.id}-col`&&"bear-border-bear-500 bear-bg-bear-500/5"),children:[t.jsx("div",{className:"bear-px-4 bear-py-3 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700",children:h?h(r):t.jsx("h3",{className:"bear-text-sm bear-font-semibold bear-text-gray-900 dark:bear-text-white",children:r.title})}),t.jsx("div",{className:"bear-flex-1 bear-flex bear-flex-col bear-gap-2 bear-p-3 bear-min-h-[120px]",children:r.cards.map((e,i)=>{const b=`${r.id}-${i}`,d=_&&q===b;return t.jsx("div",{...j(b,e,i),...N(b,e,i),className:m.cn("Bear-Kanban__card bear-rounded-lg bear-bg-white dark:bear-bg-zinc-700/80 bear-border bear-border-gray-200 dark:bear-border-zinc-600 bear-p-3 bear-cursor-grab active:bear-cursor-grabbing bear-transition-all bear-shadow-sm",d&&"bear-opacity-50 bear-scale-95",k===b&&"bear-border-bear-500 bear-bg-bear-500/10"),children:u?u(e,r.id):t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"bear-font-medium bear-text-gray-900 dark:bear-text-white",children:e.title}),e.description&&t.jsx("div",{className:"bear-text-sm bear-text-gray-600 dark:bear-text-zinc-400 bear-mt-1",children:e.description}),e.meta&&t.jsx("div",{className:"bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500 bear-mt-2",children:e.meta})]})},e.id)})})]},r.id))})};exports.Kanban=$;

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

@@ -0,0 +1 @@
+export declare const K_A_N_B_A_N_ROOT_CLASS = "Bear-Kanban";