@forgedevstack/bear 1.2.5 → 1.2.7

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

@@ -1 +1,26 @@
-export declare const E_M_P_T_Y_S_T_A_T_E_ROOT_CLASS = "Bear-EmptyState";
+export declare const EMPTY_STATE_ROOT_CLASS = "Bear-EmptyState";
+export declare const EMPTY_STATE_BASE_CLASSES = "bear-flex bear-flex-col bear-items-center bear-text-center";
+export declare const EMPTY_STATE_CARD_CLASSES = "bear-bg-[var(--bear-bg-secondary)] bear-rounded-xl bear-border bear-border-[var(--bear-border-default)]";
+export declare const EMPTY_STATE_ICON_CLASSES = "bear-text-[var(--bear-text-muted)] bear-mb-4";
+export declare const EMPTY_STATE_TITLE_CLASSES = "bear-font-semibold bear-text-[var(--bear-text-primary)] bear-mb-2";
+export declare const EMPTY_STATE_DESCRIPTION_CLASSES = "bear-text-[var(--bear-text-secondary)] bear-max-w-md bear-mb-6";
+export declare const EMPTY_STATE_SIZE_CLASSES: {
+    readonly sm: {
+        readonly icon: "bear-w-12 bear-h-12";
+        readonly title: "bear-text-lg";
+        readonly desc: "bear-text-sm";
+        readonly padding: "bear-py-6 bear-px-4";
+    };
+    readonly md: {
+        readonly icon: "bear-w-16 bear-h-16";
+        readonly title: "bear-text-xl";
+        readonly desc: "bear-text-base";
+        readonly padding: "bear-py-10 bear-px-6";
+    };
+    readonly lg: {
+        readonly icon: "bear-w-20 bear-h-20";
+        readonly title: "bear-text-2xl";
+        readonly desc: "bear-text-lg";
+        readonly padding: "bear-py-14 bear-px-8";
+    };
+};

package/dist/components/EmptyState/EmptyState.const.js

@@ -0,0 +1,29 @@
+const e = "Bear-EmptyState", r = "bear-flex bear-flex-col bear-items-center bear-text-center", a = "bear-bg-[var(--bear-bg-secondary)] bear-rounded-xl bear-border bear-border-[var(--bear-border-default)]", b = "bear-text-[var(--bear-text-muted)] bear-mb-4", t = "bear-font-semibold bear-text-[var(--bear-text-primary)] bear-mb-2", S = "bear-text-[var(--bear-text-secondary)] bear-max-w-md bear-mb-6", E = {
+  sm: {
+    icon: "bear-w-12 bear-h-12",
+    title: "bear-text-lg",
+    desc: "bear-text-sm",
+    padding: "bear-py-6 bear-px-4"
+  },
+  md: {
+    icon: "bear-w-16 bear-h-16",
+    title: "bear-text-xl",
+    desc: "bear-text-base",
+    padding: "bear-py-10 bear-px-6"
+  },
+  lg: {
+    icon: "bear-w-20 bear-h-20",
+    title: "bear-text-2xl",
+    desc: "bear-text-lg",
+    padding: "bear-py-14 bear-px-8"
+  }
+};
+export {
+  r as EMPTY_STATE_BASE_CLASSES,
+  a as EMPTY_STATE_CARD_CLASSES,
+  S as EMPTY_STATE_DESCRIPTION_CLASSES,
+  b as EMPTY_STATE_ICON_CLASSES,
+  e as EMPTY_STATE_ROOT_CLASS,
+  E as EMPTY_STATE_SIZE_CLASSES,
+  t as EMPTY_STATE_TITLE_CLASSES
+};

package/dist/components/EmptyState/EmptyState.js

@@ -1,36 +1,54 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { cn as t } from "../../utils/cn.js";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { EMPTY_STATE_SIZE_CLASSES as p, EMPTY_STATE_ICON_CLASSES as h, EMPTY_STATE_TITLE_CLASSES as C, EMPTY_STATE_DESCRIPTION_CLASSES as f, EMPTY_STATE_ROOT_CLASS as d, EMPTY_STATE_CARD_CLASSES as I, EMPTY_STATE_BASE_CLASSES as L } from "./EmptyState.const.js";
+import { cn as r } from "../../utils/cn.js";
 import "react";
-const m = ({ className: b }) => /* @__PURE__ */ e("svg", { className: b, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4" }) }), f = ({
-  icon: b,
-  title: i,
-  description: l,
-  action: d,
-  secondaryAction: n,
-  className: s,
-  size: a = "md",
-  variant: o = "default"
+import { resolveBearId as u } from "../../utils/generateBearId.utils.js";
+import { useBearId as v } from "../../utils/useBearId.js";
+const M = ({ className: t }) => /* @__PURE__ */ e("svg", { className: t, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
+  "path",
+  {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 1.5,
+    d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"
+  }
+) }), k = ({
+  icon: t,
+  title: E,
+  description: s,
+  action: S,
+  secondaryAction: o,
+  className: i,
+  size: T = "md",
+  variant: m = "default",
+  id: n,
+  testId: _
 }) => {
-  const r = {
-    sm: { icon: "bear-w-12 bear-h-12", title: "bear-text-lg", desc: "bear-text-sm", padding: "bear-py-6 bear-px-4" },
-    md: { icon: "bear-w-16 bear-h-16", title: "bear-text-xl", desc: "bear-text-base", padding: "bear-py-10 bear-px-6" },
-    lg: { icon: "bear-w-20 bear-h-20", title: "bear-text-2xl", desc: "bear-text-lg", padding: "bear-py-14 bear-px-8" }
-  };
-  return /* @__PURE__ */ c("div", { className: t(
-    "bear-flex bear-flex-col bear-items-center bear-text-center",
-    r[a].padding,
-    o === "card" && "bear-bg-zinc-800/50 bear-rounded-xl bear-border bear-border-zinc-700",
-    s
-  ), children: [
-    /* @__PURE__ */ e("div", { className: t("bear-text-zinc-600 bear-mb-4", r[a].icon), children: b || /* @__PURE__ */ e(m, { className: "bear-w-full bear-h-full" }) }),
-    /* @__PURE__ */ e("h3", { className: t("bear-font-semibold bear-text-white bear-mb-2", r[a].title), children: i }),
-    l && /* @__PURE__ */ e("p", { className: t("bear-text-zinc-400 bear-max-w-md bear-mb-6", r[a].desc), children: l }),
-    (d || n) && /* @__PURE__ */ c("div", { className: "bear-flex bear-items-center bear-gap-3", children: [
-      d,
-      n
-    ] })
-  ] });
+  const c = v("EmptyState"), A = u(n, c), a = p[T];
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      id: A,
+      "data-testid": _,
+      className: r(
+        d,
+        L,
+        a.padding,
+        m === "card" && I,
+        i
+      ),
+      children: [
+        /* @__PURE__ */ e("div", { className: r(h, a.icon), children: t || /* @__PURE__ */ e(M, { className: "bear-w-full bear-h-full" }) }),
+        /* @__PURE__ */ e("h3", { className: r(C, a.title), children: E }),
+        s && /* @__PURE__ */ e("p", { className: r(f, a.desc), children: s }),
+        (S || o) && /* @__PURE__ */ l("div", { className: `${d}__actions bear-flex bear-items-center bear-gap-3`, children: [
+          S,
+          o
+        ] })
+      ]
+    }
+  );
 };
 export {
-  f as EmptyState
+  k as EmptyState
 };

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

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

@@ -1 +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;
+"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"},e={sm:"bear-h-7",md:"bear-h-8",lg:"bear-h-10"},S={sm:"bear-text-sm bear-px-3",md:"bear-text-base bear-px-4",lg:"bear-text-lg bear-px-5"},I={sm:"bear-text-xs bear-px-2.5",md:"bear-text-sm bear-px-3",lg:"bear-text-base bear-px-4"},P=3,t=4;exports.INPUT_MULTILINE_DEFAULT_ROWS=t;exports.INPUT_MULTILINE_MIN_ROWS=P;exports.INPUT_ROOT_CLASS=_;exports.INPUT_TEXT_CLASSES=S;exports.INPUT_TEXT_COMPACT_CLASSES=I;exports.INPUT_WRAPPER_HEIGHT_CLASSES=T;exports.INPUT_WRAPPER_HEIGHT_COMPACT_CLASSES=e;

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

@@ -4,10 +4,20 @@ export declare const INPUT_WRAPPER_HEIGHT_CLASSES: {
     readonly md: "bear-h-10";
     readonly lg: "bear-h-12";
 };
+export declare const INPUT_WRAPPER_HEIGHT_COMPACT_CLASSES: {
+    readonly sm: "bear-h-7";
+    readonly md: "bear-h-8";
+    readonly lg: "bear-h-10";
+};
 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_TEXT_COMPACT_CLASSES: {
+    readonly sm: "bear-text-xs bear-px-2.5";
+    readonly md: "bear-text-sm bear-px-3";
+    readonly lg: "bear-text-base bear-px-4";
+};
 export declare const INPUT_MULTILINE_MIN_ROWS = 3;
 export declare const INPUT_MULTILINE_DEFAULT_ROWS = 4;

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

@@ -1,16 +1,26 @@
-const e = "Bear-Input", t = {
+const e = "Bear-Input", a = {
   sm: "bear-h-8",
   md: "bear-h-10",
   lg: "bear-h-12"
-}, _ = {
+}, t = {
+  sm: "bear-h-7",
+  md: "bear-h-8",
+  lg: "bear-h-10"
+}, b = {
   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;
+}, r = {
+  sm: "bear-text-xs bear-px-2.5",
+  md: "bear-text-sm bear-px-3",
+  lg: "bear-text-base bear-px-4"
+}, _ = 3, T = 4;
 export {
   T as INPUT_MULTILINE_DEFAULT_ROWS,
-  I as INPUT_MULTILINE_MIN_ROWS,
+  _ as INPUT_MULTILINE_MIN_ROWS,
   e as INPUT_ROOT_CLASS,
-  _ as INPUT_TEXT_CLASSES,
-  t as INPUT_WRAPPER_HEIGHT_CLASSES
+  b as INPUT_TEXT_CLASSES,
+  r as INPUT_TEXT_COMPACT_CLASSES,
+  a as INPUT_WRAPPER_HEIGHT_CLASSES,
+  t as INPUT_WRAPPER_HEIGHT_COMPACT_CLASSES
 };

package/dist/components/Input/Input.js

@@ -1,151 +1,152 @@
 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 { 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 { forwardRef as ve, useContext as we, useState as Ne, useRef as Be, useCallback as C, useEffect as Ce } from "react";
+import { cn as c } from "../../utils/cn.js";
+import { resolveBearId as Te } from "../../utils/generateBearId.utils.js";
+import { useBearId as Ee } from "../../utils/useBearId.js";
+import { useBearDensityOptional as Se, BearContext as Ae, useBearDirectionOptional as ke } from "../../context/BearProvider.js";
+import { ClearIcon as Le } from "./components/ClearIcon/ClearIcon.js";
+import { applyAutoFormat as Ue } from "./Input.utils.js";
+import { validateFieldValue as Oe } from "../Form/Form.utils.js";
+import { INPUT_TEXT_COMPACT_CLASSES as Me, INPUT_TEXT_CLASSES as He, INPUT_MULTILINE_MIN_ROWS as Re, INPUT_MULTILINE_DEFAULT_ROWS as We, INPUT_WRAPPER_HEIGHT_COMPACT_CLASSES as je, INPUT_WRAPPER_HEIGHT_CLASSES as De, INPUT_ROOT_CLASS as Ge } from "./Input.const.js";
+const Pe = ve(
   ({
     label: T,
     helperText: K,
     error: y,
-    success: k,
-    size: E = "md",
-    variant: je,
-    radius: He,
-    InputProps: l,
+    success: E,
+    size: S = "md",
+    variant: Xe,
+    radius: $e,
+    InputProps: i,
     leftAddon: Q,
     rightAddon: V,
-    prefix: Re,
-    suffix: We,
+    prefix: Fe,
+    suffix: qe,
     fullWidth: Y = !1,
     clearable: Z = !1,
-    onClear: P,
-    showCharCount: L = !1,
-    charCountMax: ee,
-    autoFormat: v,
+    onClear: ee,
+    showCharCount: A = !1,
+    charCountMax: re,
+    autoFormat: I,
     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,
+    validateOnBlur: ae,
+    validateOnChange: k = !1,
+    loading: ze,
+    copyable: Je,
+    onCopy: Ke,
+    floatingLabel: Qe,
+    multiline: l = !1,
+    rows: te,
+    minRows: se = Re,
+    maxRows: Ve,
+    readOnly: L,
     inputRef: s,
     inputProps: U,
-    id: se,
-    testId: oe,
-    className: ne,
-    disabled: c,
-    value: f,
-    defaultValue: d,
-    maxLength: I,
+    id: oe,
+    testId: ne,
+    className: ie,
+    disabled: b,
+    value: d,
+    defaultValue: f,
+    maxLength: v,
     onChange: u,
     onBlur: _,
-    ...M
+    ...O
   }, 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 le = Ee("Input"), w = Te(oe, le), { density: ce } = Se(), M = ce === "compact", N = we(Ae), 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, fe = r == null ? void 0 : r.label, ue = r == null ? void 0 : r.helper, _e = r == null ? void 0 : r.prefix, pe = r == null ? void 0 : r.suffix, [me, H] = Ne(null), R = Be(!1), xe = M ? Me : He, he = M ? je : De, W = t ? ae ?? !0 : !1, j = y || me, n = !!j, p = !!E && !n, m = re ?? v, B = typeof d == "string" ? d.length : typeof f == "string" ? f.length : 0, D = m != null && B > m, ge = Z && !b && B > 0, { direction: ye } = ke(), G = (i == null ? void 0 : i.startAdornment) ?? Q, P = (i == null ? void 0 : i.endAdornment) ?? V, X = j || E || K, x = C(async (e) => {
       if (!t) return;
-      j.current = !0;
-      const h = await Ee(e, t);
-      j.current = !1, O(h);
+      R.current = !0;
+      const h = await Oe(e, t);
+      R.current = !1, H(h);
     }, [t]);
-    we(() => {
-      y && O(null);
+    Ce(() => {
+      y && H(null);
     }, [y]);
-    const G = C(
+    const $ = C(
       (e) => {
-        if (v && !i) {
-          const h = ke(e.target.value, v);
+        if (I && !l) {
+          const h = Ue(e.target.value, I);
           h !== e.target.value && (e.target.value = h);
         }
-        u == null || u(e), S && t && m(e.target.value);
+        u == null || u(e), k && t && x(e.target.value);
       },
-      [v, i, u, S, t, m]
-    ), X = C(
+      [I, l, u, k, t, x]
+    ), F = C(
       (e) => {
-        _ == null || _(e), H && t && m(e.target.value);
+        _ == null || _(e), W && t && x(e.target.value);
       },
-      [_, H, t, m]
-    ), q = b(
+      [_, W, t, x]
+    ), q = c(
       "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
+      xe[S],
+      l && "bear-resize-y bear-py-2 bear-min-h-0 bear-h-auto",
+      ie
     ), z = {
       color: "var(--bear-text-primary)",
-      ...be
-    }, he = ae ?? te ?? Ae;
+      ...de
+    }, Ie = te ?? se ?? We;
     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,
+        "data-testid": ne,
+        className: c(Ge, "bear-flex bear-flex-col bear-gap-1.5", Y && "bear-w-full"),
+        style: be,
         children: [
-          T && /* @__PURE__ */ a("label", { className: "Bear-Input__label bear-text-sm bear-font-medium", style: { color: "var(--bear-text-secondary)", ...ce }, children: T }),
+          T && /* @__PURE__ */ a("label", { className: "Bear-Input__label bear-text-sm bear-font-medium", style: { color: "var(--bear-text-secondary)", ...fe }, children: T }),
           /* @__PURE__ */ g(
             "div",
             {
-              className: b(
+              className: c(
                 "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]
+                b && "bear-opacity-50 bear-cursor-not-allowed",
+                !l && he[S]
               ),
+              dir: ye,
               style: {
                 backgroundColor: "var(--bear-bg-primary)",
                 borderColor: n || p ? void 0 : "var(--bear-border-default)"
               },
               children: [
-                $ && /* @__PURE__ */ a(
+                G && /* @__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
+                      ..._e
                     },
-                    children: $
+                    children: G
                   }
                 ),
-                i ? /* @__PURE__ */ a(
+                l ? /* @__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,
+                    disabled: b,
+                    readOnly: L,
+                    value: d,
+                    defaultValue: f,
+                    maxLength: v,
+                    rows: Ie,
                     "aria-invalid": n || void 0,
                     className: q,
                     style: z,
                     ...U,
-                    ...M,
-                    onChange: (e) => G(e),
-                    onBlur: (e) => X(e)
+                    ...O,
+                    onChange: (e) => $(e),
+                    onBlur: (e) => F(e)
                   }
                 ) : /* @__PURE__ */ a(
                   "input",
@@ -154,72 +155,72 @@ const Oe = ge(
                       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,
+                    disabled: b,
+                    readOnly: L,
+                    value: d,
+                    defaultValue: f,
+                    maxLength: v,
                     "aria-invalid": n || void 0,
-                    onChange: G,
-                    onBlur: X,
+                    onChange: $,
+                    onBlur: F,
                     className: q,
                     style: z,
                     ...U,
-                    ...M
+                    ...O
                   }
                 ),
-                me && /* @__PURE__ */ a(
+                ge && /* @__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 })
+                    children: /* @__PURE__ */ a(Le, { onClick: ee })
                   }
                 ),
-                D && /* @__PURE__ */ a(
+                P && /* @__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
+                      ...pe
                     },
-                    children: D
+                    children: P
                   }
                 )
               ]
             }
           ),
           /* @__PURE__ */ g("div", { className: "Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2", children: [
-            F ? /* @__PURE__ */ a(
+            X ? /* @__PURE__ */ a(
               "p",
               {
-                className: b(
+                className: c(
                   "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: {
                   ...n || p ? {} : { color: "var(--bear-text-muted)" },
-                  ...fe
+                  ...ue
                 },
-                children: F
+                children: X
               }
-            ) : L ? /* @__PURE__ */ a("span", {}) : null,
-            L && x != null && /* @__PURE__ */ g(
+            ) : A ? /* @__PURE__ */ a("span", {}) : null,
+            A && m != null && /* @__PURE__ */ g(
               "span",
               {
-                className: b(
+                className: c(
                   "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,
                   "/",
-                  x
+                  m
                 ]
               }
             )
@@ -229,7 +230,7 @@ const Oe = ge(
     );
   }
 );
-Oe.displayName = "Input";
+Pe.displayName = "Input";
 export {
-  Oe as Input
+  Pe 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;