@forgedevstack/bear 1.2.6 → 1.2.8

package/dist/components/Select/Select.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("react"),a=require("./Select.const.cjs"),R=require("../Icon/index.cjs"),B=require("../Portal/Portal.cjs"),o=require("../../utils/cn.cjs"),U=require("../../utils/generateBearId.utils.cjs"),z=require("../../utils/useBearId.cjs"),F=require("../../hooks/useClickOutside.cjs");require("../../context/BearProvider.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");require("../FormControl/FormControl.context.cjs");const X=I=>{const{options:v,value:t,onChange:l,placeholder:E=a.SELECT_DEFAULT_PLACEHOLDER,label:c,error:n,disabled:i=!1,size:w="md",fullWidth:y=!1,displayEmpty:m=!1,renderValue:L,native:u=!1,className:p,id:A,testId:T}=I,P=z.useBearId("Select"),_=U.resolveBearId(A,P),[s,x]=b.useState(!1),[S,q]=b.useState({top:0,left:0,width:0}),h=b.useRef(null),O=b.useRef(null),f=!!n,C=v.find(e=>e.value===t),g=t===void 0||t==="",j=g||m&&g,D=b.useCallback(()=>x(!1),[]);F.useClickOutsideMultiple([h,O],D,{enabled:s&&!u});const M=e=>{l==null||l(e),x(!1)};b.useEffect(()=>{if(!s||u)return;const e=()=>{var k;const d=(k=h.current)==null?void 0:k.getBoundingClientRect();d&&q({top:d.bottom+a.SELECT_MENU_OFFSET_PX,left:Math.max(a.SELECT_MENU_EDGE_PAD_PX,Math.min(d.left,window.innerWidth-d.width-a.SELECT_MENU_EDGE_PAD_PX)),width:d.width})};return e(),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[s,u]);const $=L&&!g?L(t):j||!C?E:C.label,N={backgroundColor:"var(--bear-bg-primary)",borderColor:f?void 0:"var(--bear-border-default)",color:C&&!j?"var(--bear-text-primary)":"var(--bear-text-muted)"};return u?r.jsxs("div",{id:_,"data-testid":T,className:o.cn(a.S_E_L_E_C_T_ROOT_CLASS,"bear-relative bear-flex bear-flex-col bear-gap-1.5",y&&"bear-w-full"),children:[c&&r.jsx("label",{htmlFor:`${_}-native`,className:"bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)"},children:c}),r.jsxs("select",{id:`${_}-native`,disabled:i,value:t??"",onChange:e=>l==null?void 0:l(e.target.value),className:o.cn(`${a.S_E_L_E_C_T_ROOT_CLASS}__native`,"bear-w-full bear-rounded-lg bear-border bear-outline-none bear-transition-all bear-duration-200","focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-[var(--bear-bg-primary)]",f?"bear-border-red-500 focus:bear-ring-red-500":"focus:bear-border-bear-500 focus:bear-ring-bear-500",i&&"bear-opacity-50 bear-cursor-not-allowed",a.SELECT_SIZE_CLASSES[w],p),style:N,"aria-invalid":f||void 0,children:[(m||E)&&r.jsx("option",{value:"",disabled:!m,children:E}),v.map(e=>r.jsx("option",{value:e.value,disabled:e.disabled,children:e.label},e.value))]}),n&&r.jsx("p",{className:"bear-text-sm bear-text-red-500",children:n})]}):r.jsxs("div",{ref:h,id:_,"data-testid":T,className:o.cn(a.S_E_L_E_C_T_ROOT_CLASS,"bear-relative bear-flex bear-flex-col bear-gap-1.5",y&&"bear-w-full"),children:[c&&r.jsx("label",{className:"bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)"},children:c}),r.jsxs("button",{type:"button",disabled:i,onClick:()=>!i&&x(!s),className:o.cn(`${a.S_E_L_E_C_T_ROOT_CLASS}__trigger`,"bear-flex bear-items-center bear-justify-between bear-w-full","bear-rounded-lg bear-border bear-text-left bear-outline-none bear-transition-all bear-duration-200","focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-[var(--bear-bg-primary)]",f?"bear-border-red-500 focus:bear-ring-red-500":"focus:bear-border-bear-500 focus:bear-ring-bear-500 dark:focus:bear-border-bear-500 dark:focus:bear-ring-bear-500",i&&"bear-opacity-50 bear-cursor-not-allowed",a.SELECT_SIZE_CLASSES[w],p),style:N,"aria-haspopup":"listbox","aria-expanded":s,children:[r.jsx("span",{className:`${a.S_E_L_E_C_T_ROOT_CLASS}__value`,children:$}),r.jsx(R.ChevronDownIcon,{className:o.cn("bear-w-4 bear-h-4 bear-shrink-0 bear-transition-transform",s&&"bear-rotate-180"),style:{color:"var(--bear-text-muted)"}})]}),s&&r.jsx(B.Portal,{children:r.jsx("div",{ref:O,className:`${a.S_E_L_E_C_T_ROOT_CLASS}__menu bear-fixed bear-rounded-lg bear-border bear-shadow-lg bear-overflow-hidden`,style:{backgroundColor:"var(--bear-bg-primary)",borderColor:"var(--bear-border-default)",top:S.top,left:S.left,width:S.width,zIndex:a.SELECT_MENU_Z_INDEX},role:"listbox",children:r.jsx("div",{className:"bear-max-h-60 bear-overflow-y-auto",children:v.map(e=>r.jsxs("button",{type:"button",disabled:e.disabled,onClick:()=>!e.disabled&&M(e.value),role:"option","aria-selected":e.value===t,className:o.cn(`${a.S_E_L_E_C_T_ROOT_CLASS}__option`,"bear-flex bear-items-center bear-justify-between bear-w-full bear-px-4 bear-py-2","bear-text-left bear-transition-colors",e.disabled&&"bear-cursor-not-allowed",e.value===t&&"bear-bg-bear-100 bear-text-bear-700 dark:bear-bg-bear-600/20 dark:bear-text-bear-300",!e.disabled&&e.value!==t&&"hover:bear-bg-[var(--bear-bg-tertiary)]"),style:e.disabled?{color:"var(--bear-text-muted)"}:e.value===t?void 0:{color:"var(--bear-text-secondary)"},children:[e.label,e.value===t&&r.jsx(R.CheckIcon,{className:"bear-w-4 bear-h-4 bear-shrink-0 bear-text-bear-600 dark:bear-text-bear-400"})]},e.value))})})}),n&&r.jsx("p",{className:"bear-text-sm bear-text-red-500",children:n})]})};exports.Select=X;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("react"),t=require("./Select.const.cjs"),A=require("../Icon/index.cjs"),Z=require("../Portal/Portal.cjs"),n=require("../../utils/cn.cjs"),G=require("../../utils/generateBearId.utils.cjs"),V=require("../../utils/useBearId.cjs"),W=require("../../hooks/useClickOutside.cjs");require("../../context/BearProvider.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const H=require("../../hooks/useFormControl/useFormControl.cjs"),J=P=>{const{options:E,value:s,onChange:i,placeholder:x=t.SELECT_DEFAULT_PLACEHOLDER,label:u,error:S,disabled:D=!1,required:M=!1,size:C="md",fullWidth:T=!1,displayEmpty:m=!1,renderValue:O,native:_=!1,className:j,id:B,testId:N}=P,$=V.useBearId("Select"),f=G.resolveBearId(B,$),a=H.useFormControl(),[l,h]=b.useState(!1),[g,F]=b.useState({top:0,left:0,width:0}),w=b.useRef(null),q=b.useRef(null),d=D||!!(a!=null&&a.disabled),y=M||!!(a!=null&&a.required),o=!!S||!!(a!=null&&a.error),v=typeof S=="string"?S:void 0,p=E.find(e=>e.value===s),L=s===void 0||s==="",I=L||m&&L,U=b.useCallback(()=>h(!1),[]);W.useClickOutsideMultiple([w,q],U,{enabled:l&&!_&&!d});const z=e=>{i==null||i(e),h(!1)};b.useEffect(()=>{if(!l||_)return;const e=()=>{var k;const c=(k=w.current)==null?void 0:k.getBoundingClientRect();c&&F({top:c.bottom+t.SELECT_MENU_OFFSET_PX,left:Math.max(t.SELECT_MENU_EDGE_PAD_PX,Math.min(c.left,window.innerWidth-c.width-t.SELECT_MENU_EDGE_PAD_PX)),width:c.width})};return e(),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[l,_]);const X=O&&!L?O(s):I||!p?x:p.label,R={backgroundColor:"var(--bear-bg-primary)",borderColor:o?void 0:"var(--bear-border-default)",color:p&&!I?"var(--bear-text-primary)":"var(--bear-text-muted)"};return _?r.jsxs("div",{id:f,"data-testid":N,className:n.cn(t.S_E_L_E_C_T_ROOT_CLASS,"bear-relative bear-flex bear-flex-col bear-gap-1.5",T&&"bear-w-full"),children:[u&&r.jsx("label",{htmlFor:`${f}-native`,className:"bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)"},children:u}),r.jsxs("select",{id:`${f}-native`,disabled:d,required:y,value:s??"",onChange:e=>i==null?void 0:i(e.target.value),className:n.cn(`${t.S_E_L_E_C_T_ROOT_CLASS}__native`,"bear-w-full bear-rounded-lg bear-border bear-outline-none bear-transition-all bear-duration-200","focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-[var(--bear-bg-primary)]",o?"bear-border-red-500 focus:bear-ring-red-500":"focus:bear-border-bear-500 focus:bear-ring-bear-500",d&&"bear-opacity-50 bear-cursor-not-allowed",t.SELECT_SIZE_CLASSES[C],j),style:R,"aria-invalid":o||void 0,"aria-required":y||void 0,"aria-describedby":a==null?void 0:a.helperId,children:[(m||x)&&r.jsx("option",{value:"",disabled:!m,children:x}),E.map(e=>r.jsx("option",{value:e.value,disabled:e.disabled,children:e.label},e.value))]}),v&&r.jsx("p",{className:"bear-text-sm bear-text-red-500",children:v})]}):r.jsxs("div",{ref:w,id:f,"data-testid":N,className:n.cn(t.S_E_L_E_C_T_ROOT_CLASS,"bear-relative bear-flex bear-flex-col bear-gap-1.5",T&&"bear-w-full"),children:[u&&r.jsx("label",{className:"bear-text-sm bear-font-medium",style:{color:"var(--bear-text-secondary)"},children:u}),r.jsxs("button",{type:"button",disabled:d,onClick:()=>!d&&h(!l),className:n.cn(`${t.S_E_L_E_C_T_ROOT_CLASS}__trigger`,"bear-flex bear-items-center bear-justify-between bear-w-full","bear-rounded-lg bear-border bear-text-left bear-outline-none bear-transition-all bear-duration-200","focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-[var(--bear-bg-primary)]",o?"bear-border-red-500 focus:bear-ring-red-500":"focus:bear-border-bear-500 focus:bear-ring-bear-500 dark:focus:bear-border-bear-500 dark:focus:bear-ring-bear-500",d&&"bear-opacity-50 bear-cursor-not-allowed",t.SELECT_SIZE_CLASSES[C],j),style:R,"aria-haspopup":"listbox","aria-expanded":l,"aria-invalid":o||void 0,"aria-required":y||void 0,"aria-describedby":a==null?void 0:a.helperId,children:[r.jsx("span",{className:`${t.S_E_L_E_C_T_ROOT_CLASS}__value`,children:X}),r.jsx(A.ChevronDownIcon,{className:n.cn("bear-w-4 bear-h-4 bear-shrink-0 bear-transition-transform",l&&"bear-rotate-180"),style:{color:"var(--bear-text-muted)"}})]}),l&&r.jsx(Z.Portal,{children:r.jsx("div",{ref:q,className:`${t.S_E_L_E_C_T_ROOT_CLASS}__menu bear-fixed bear-rounded-lg bear-border bear-shadow-lg bear-overflow-hidden`,style:{backgroundColor:"var(--bear-bg-primary)",borderColor:"var(--bear-border-default)",top:g.top,left:g.left,width:g.width,zIndex:t.SELECT_MENU_Z_INDEX},role:"listbox",children:r.jsx("div",{className:"bear-max-h-60 bear-overflow-y-auto",children:E.map(e=>r.jsxs("button",{type:"button",disabled:e.disabled,onClick:()=>!e.disabled&&z(e.value),role:"option","aria-selected":e.value===s,className:n.cn(`${t.S_E_L_E_C_T_ROOT_CLASS}__option`,"bear-flex bear-items-center bear-justify-between bear-w-full bear-px-4 bear-py-2","bear-text-left bear-transition-colors",e.disabled&&"bear-cursor-not-allowed",e.value===s&&"bear-bg-bear-100 bear-text-bear-700 dark:bear-bg-bear-600/20 dark:bear-text-bear-300",!e.disabled&&e.value!==s&&"hover:bear-bg-[var(--bear-bg-tertiary)]"),style:e.disabled?{color:"var(--bear-text-muted)"}:e.value===s?void 0:{color:"var(--bear-text-secondary)"},children:[e.label,e.value===s&&r.jsx(A.CheckIcon,{className:"bear-w-4 bear-h-4 bear-shrink-0 bear-text-bear-600 dark:bear-text-bear-400"})]},e.value))})})}),v&&r.jsx("p",{className:"bear-text-sm bear-text-red-500",children:v})]})};exports.Select=J;

package/dist/components/Select/Select.js

@@ -1,151 +1,160 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { useState as O, useRef as D, useCallback as X, useEffect as V } from "react";
-import { SELECT_DEFAULT_PLACEHOLDER as W, SELECT_SIZE_CLASSES as M, S_E_L_E_C_T_ROOT_CLASS as l, SELECT_MENU_Z_INDEX as Z, SELECT_MENU_EDGE_PAD_PX as $, SELECT_MENU_OFFSET_PX as G } from "./Select.const.js";
-import { ChevronDownIcon as H, CheckIcon as q } from "../Icon/index.js";
-import { Portal as J } from "../Portal/Portal.js";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { useState as B, useRef as R, useCallback as G, useEffect as H } from "react";
+import { SELECT_DEFAULT_PLACEHOLDER as J, SELECT_SIZE_CLASSES as $, S_E_L_E_C_T_ROOT_CLASS as s, SELECT_MENU_Z_INDEX as K, SELECT_MENU_EDGE_PAD_PX as q, SELECT_MENU_OFFSET_PX as Q } from "./Select.const.js";
+import { ChevronDownIcon as Y, CheckIcon as ee } from "../Icon/index.js";
+import { Portal as re } from "../Portal/Portal.js";
 import { cn as b } from "../../utils/cn.js";
-import { resolveBearId as K } from "../../utils/generateBearId.utils.js";
-import { useBearId as Q } from "../../utils/useBearId.js";
-import { useClickOutsideMultiple as Y } from "../../hooks/useClickOutside.js";
+import { resolveBearId as ae } from "../../utils/generateBearId.utils.js";
+import { useBearId as te } from "../../utils/useBearId.js";
+import { useClickOutsideMultiple as le } from "../../hooks/useClickOutside.js";
 import "../../context/BearProvider.js";
 import "../../hooks/useBearComponent/useBearComponent.js";
-import "../FormControl/FormControl.context.js";
-const ue = (R) => {
+import { useFormControl as se } from "../../hooks/useFormControl/useFormControl.js";
+const xe = (A) => {
   const {
-    options: v,
-    value: a,
-    onChange: o,
-    placeholder: h = W,
-    label: c,
-    error: s,
-    disabled: d = !1,
-    size: y = "md",
-    fullWidth: C = !1,
-    displayEmpty: p = !1,
-    renderValue: N,
-    native: u = !1,
-    className: S,
-    id: A,
-    testId: L
-  } = R, j = Q("Select"), f = K(A, j), [t, x] = O(!1), [w, z] = O({
+    options: p,
+    value: t,
+    onChange: i,
+    placeholder: h = J,
+    label: u,
+    error: x,
+    disabled: F = !1,
+    required: j = !1,
+    size: L = "md",
+    fullWidth: k = !1,
+    displayEmpty: w = !1,
+    renderValue: I,
+    native: f = !1,
+    className: C,
+    id: z,
+    testId: P
+  } = A, U = te("Select"), m = ae(z, U), r = se(), [l, g] = B(!1), [y, X] = B({
     top: 0,
     left: 0,
     width: 0
-  }), E = D(null), k = D(null), m = !!s, g = v.find((e) => e.value === a), _ = a === void 0 || a === "", I = _ || p && _, B = X(() => x(!1), []);
-  Y([E, k], B, { enabled: t && !u });
-  const F = (e) => {
-    o == null || o(e), x(!1);
+  }), E = R(null), T = R(null), d = F || !!(r != null && r.disabled), _ = j || !!(r != null && r.required), o = !!x || !!(r != null && r.error), v = typeof x == "string" ? x : void 0, N = p.find((e) => e.value === t), S = t === void 0 || t === "", D = S || w && S, V = G(() => g(!1), []);
+  le([E, T], V, {
+    enabled: l && !f && !d
+  });
+  const W = (e) => {
+    i == null || i(e), g(!1);
   };
-  V(() => {
-    if (!t || u) return;
+  H(() => {
+    if (!l || f) return;
     const e = () => {
-      var T;
-      const i = (T = E.current) == null ? void 0 : T.getBoundingClientRect();
-      i && z({
-        top: i.bottom + G,
+      var O;
+      const n = (O = E.current) == null ? void 0 : O.getBoundingClientRect();
+      n && X({
+        top: n.bottom + Q,
         left: Math.max(
-          $,
-          Math.min(i.left, window.innerWidth - i.width - $)
+          q,
+          Math.min(n.left, window.innerWidth - n.width - q)
         ),
-        width: i.width
+        width: n.width
       });
     };
     return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
       window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
     };
-  }, [t, u]);
-  const U = N && !_ ? N(a) : I || !g ? h : g.label, P = {
+  }, [l, f]);
+  const Z = I && !S ? I(t) : D || !N ? h : N.label, M = {
     backgroundColor: "var(--bear-bg-primary)",
-    borderColor: m ? void 0 : "var(--bear-border-default)",
-    color: g && !I ? "var(--bear-text-primary)" : "var(--bear-text-muted)"
+    borderColor: o ? void 0 : "var(--bear-border-default)",
+    color: N && !D ? "var(--bear-text-primary)" : "var(--bear-text-muted)"
   };
-  return u ? /* @__PURE__ */ n(
+  return f ? /* @__PURE__ */ c(
     "div",
     {
-      id: f,
-      "data-testid": L,
+      id: m,
+      "data-testid": P,
       className: b(
-        l,
+        s,
         "bear-relative bear-flex bear-flex-col bear-gap-1.5",
-        C && "bear-w-full"
+        k && "bear-w-full"
       ),
       children: [
-        c && /* @__PURE__ */ r(
+        u && /* @__PURE__ */ a(
           "label",
           {
-            htmlFor: `${f}-native`,
+            htmlFor: `${m}-native`,
             className: "bear-text-sm bear-font-medium",
             style: { color: "var(--bear-text-secondary)" },
-            children: c
+            children: u
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ c(
           "select",
           {
-            id: `${f}-native`,
+            id: `${m}-native`,
             disabled: d,
-            value: a ?? "",
-            onChange: (e) => o == null ? void 0 : o(e.target.value),
+            required: _,
+            value: t ?? "",
+            onChange: (e) => i == null ? void 0 : i(e.target.value),
             className: b(
-              `${l}__native`,
+              `${s}__native`,
               "bear-w-full bear-rounded-lg bear-border bear-outline-none bear-transition-all bear-duration-200",
               "focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-[var(--bear-bg-primary)]",
-              m ? "bear-border-red-500 focus:bear-ring-red-500" : "focus:bear-border-bear-500 focus:bear-ring-bear-500",
+              o ? "bear-border-red-500 focus:bear-ring-red-500" : "focus:bear-border-bear-500 focus:bear-ring-bear-500",
               d && "bear-opacity-50 bear-cursor-not-allowed",
-              M[y],
-              S
+              $[L],
+              C
             ),
-            style: P,
-            "aria-invalid": m || void 0,
+            style: M,
+            "aria-invalid": o || void 0,
+            "aria-required": _ || void 0,
+            "aria-describedby": r == null ? void 0 : r.helperId,
             children: [
-              (p || h) && /* @__PURE__ */ r("option", { value: "", disabled: !p, children: h }),
-              v.map((e) => /* @__PURE__ */ r("option", { value: e.value, disabled: e.disabled, children: e.label }, e.value))
+              (w || h) && /* @__PURE__ */ a("option", { value: "", disabled: !w, children: h }),
+              p.map((e) => /* @__PURE__ */ a("option", { value: e.value, disabled: e.disabled, children: e.label }, e.value))
             ]
           }
         ),
-        s && /* @__PURE__ */ r("p", { className: "bear-text-sm bear-text-red-500", children: s })
+        v && /* @__PURE__ */ a("p", { className: "bear-text-sm bear-text-red-500", children: v })
       ]
     }
-  ) : /* @__PURE__ */ n(
+  ) : /* @__PURE__ */ c(
     "div",
     {
       ref: E,
-      id: f,
-      "data-testid": L,
+      id: m,
+      "data-testid": P,
       className: b(
-        l,
+        s,
         "bear-relative bear-flex bear-flex-col bear-gap-1.5",
-        C && "bear-w-full"
+        k && "bear-w-full"
       ),
       children: [
-        c && /* @__PURE__ */ r("label", { className: "bear-text-sm bear-font-medium", style: { color: "var(--bear-text-secondary)" }, children: c }),
-        /* @__PURE__ */ n(
+        u && /* @__PURE__ */ a("label", { className: "bear-text-sm bear-font-medium", style: { color: "var(--bear-text-secondary)" }, children: u }),
+        /* @__PURE__ */ c(
           "button",
           {
             type: "button",
             disabled: d,
-            onClick: () => !d && x(!t),
+            onClick: () => !d && g(!l),
             className: b(
-              `${l}__trigger`,
+              `${s}__trigger`,
               "bear-flex bear-items-center bear-justify-between bear-w-full",
               "bear-rounded-lg bear-border bear-text-left bear-outline-none bear-transition-all bear-duration-200",
               "focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-[var(--bear-bg-primary)]",
-              m ? "bear-border-red-500 focus:bear-ring-red-500" : "focus:bear-border-bear-500 focus:bear-ring-bear-500 dark:focus:bear-border-bear-500 dark:focus:bear-ring-bear-500",
+              o ? "bear-border-red-500 focus:bear-ring-red-500" : "focus:bear-border-bear-500 focus:bear-ring-bear-500 dark:focus:bear-border-bear-500 dark:focus:bear-ring-bear-500",
               d && "bear-opacity-50 bear-cursor-not-allowed",
-              M[y],
-              S
+              $[L],
+              C
             ),
-            style: P,
+            style: M,
             "aria-haspopup": "listbox",
-            "aria-expanded": t,
+            "aria-expanded": l,
+            "aria-invalid": o || void 0,
+            "aria-required": _ || void 0,
+            "aria-describedby": r == null ? void 0 : r.helperId,
             children: [
-              /* @__PURE__ */ r("span", { className: `${l}__value`, children: U }),
-              /* @__PURE__ */ r(
-                H,
+              /* @__PURE__ */ a("span", { className: `${s}__value`, children: Z }),
+              /* @__PURE__ */ a(
+                Y,
                 {
                   className: b(
                     "bear-w-4 bear-h-4 bear-shrink-0 bear-transition-transform",
-                    t && "bear-rotate-180"
+                    l && "bear-rotate-180"
                   ),
                   style: { color: "var(--bear-text-muted)" }
                 }
@@ -153,51 +162,51 @@ const ue = (R) => {
             ]
           }
         ),
-        t && /* @__PURE__ */ r(J, { children: /* @__PURE__ */ r(
+        l && /* @__PURE__ */ a(re, { children: /* @__PURE__ */ a(
           "div",
           {
-            ref: k,
-            className: `${l}__menu bear-fixed bear-rounded-lg bear-border bear-shadow-lg bear-overflow-hidden`,
+            ref: T,
+            className: `${s}__menu bear-fixed bear-rounded-lg bear-border bear-shadow-lg bear-overflow-hidden`,
             style: {
               backgroundColor: "var(--bear-bg-primary)",
               borderColor: "var(--bear-border-default)",
-              top: w.top,
-              left: w.left,
-              width: w.width,
-              zIndex: Z
+              top: y.top,
+              left: y.left,
+              width: y.width,
+              zIndex: K
             },
             role: "listbox",
-            children: /* @__PURE__ */ r("div", { className: "bear-max-h-60 bear-overflow-y-auto", children: v.map((e) => /* @__PURE__ */ n(
+            children: /* @__PURE__ */ a("div", { className: "bear-max-h-60 bear-overflow-y-auto", children: p.map((e) => /* @__PURE__ */ c(
               "button",
               {
                 type: "button",
                 disabled: e.disabled,
-                onClick: () => !e.disabled && F(e.value),
+                onClick: () => !e.disabled && W(e.value),
                 role: "option",
-                "aria-selected": e.value === a,
+                "aria-selected": e.value === t,
                 className: b(
-                  `${l}__option`,
+                  `${s}__option`,
                   "bear-flex bear-items-center bear-justify-between bear-w-full bear-px-4 bear-py-2",
                   "bear-text-left bear-transition-colors",
                   e.disabled && "bear-cursor-not-allowed",
-                  e.value === a && "bear-bg-bear-100 bear-text-bear-700 dark:bear-bg-bear-600/20 dark:bear-text-bear-300",
-                  !e.disabled && e.value !== a && "hover:bear-bg-[var(--bear-bg-tertiary)]"
+                  e.value === t && "bear-bg-bear-100 bear-text-bear-700 dark:bear-bg-bear-600/20 dark:bear-text-bear-300",
+                  !e.disabled && e.value !== t && "hover:bear-bg-[var(--bear-bg-tertiary)]"
                 ),
-                style: e.disabled ? { color: "var(--bear-text-muted)" } : e.value === a ? void 0 : { color: "var(--bear-text-secondary)" },
+                style: e.disabled ? { color: "var(--bear-text-muted)" } : e.value === t ? void 0 : { color: "var(--bear-text-secondary)" },
                 children: [
                   e.label,
-                  e.value === a && /* @__PURE__ */ r(q, { className: "bear-w-4 bear-h-4 bear-shrink-0 bear-text-bear-600 dark:bear-text-bear-400" })
+                  e.value === t && /* @__PURE__ */ a(ee, { className: "bear-w-4 bear-h-4 bear-shrink-0 bear-text-bear-600 dark:bear-text-bear-400" })
                 ]
               },
               e.value
             )) })
           }
         ) }),
-        s && /* @__PURE__ */ r("p", { className: "bear-text-sm bear-text-red-500", children: s })
+        v && /* @__PURE__ */ a("p", { className: "bear-text-sm bear-text-red-500", children: v })
       ]
     }
   );
 };
 export {
-  ue as Select
+  xe as Select
 };

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

@@ -18,9 +18,11 @@ export interface SelectProps {
     /** Select label */
     label?: string;
     /** Error message */
-    error?: string;
+    error?: string | boolean;
     /** Whether select is disabled */
     disabled?: boolean;
+    /** Whether the field is required */
+    required?: boolean;
     /** Select size */
     size?: 'sm' | 'md' | 'lg';
     /** Whether select is full width */

package/dist/components/Snackbar/Snackbar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),E=require("react-dom"),T=require("../../utils/cn.cjs");require("react");const K=require("../../utils/generateBearId.utils.cjs"),w=require("../../utils/useBearId.cjs"),z=require("../Paper/Paper.cjs"),d=require("../Flex/Flex.cjs"),p=require("../Typography/Typography.cjs"),L=require("../Progress/Progress.cjs"),U=require("../CloseButton/CloseButton.cjs"),s=require("./Snackbar.const.cjs"),X=require("./hooks/useSnackbar.cjs"),Z=(c,a,o,t)=>{const e={zIndex:s.SNACKBAR_Z_INDEX};return c==="top"?e.top=t:e.bottom=t,a==="left"?(e.left=o,e.right="auto"):a==="right"?(e.right=o,e.left="auto"):(e.left="50%",e.right="auto",e.transform="translateX(-50%)"),e},H=c=>{const{open:a,message:o,description:t,action:e,autoHideDuration:f=s.SNACKBAR_DEFAULT_AUTO_HIDE_MS,onClose:i,anchorOrigin:u={vertical:"bottom",horizontal:"center"},offsetX:h=s.SNACKBAR_DEFAULT_OFFSET_X,offsetY:A=s.SNACKBAR_DEFAULT_OFFSET_Y,size:B="md",progress:x=null,progressPosition:b="bottom",progressColor:C="default",countdownProgress:N=!1,showCloseButton:k,closeOnClickOutside:y,container:I,id:O,testId:q,className:D}=c,F=w.useBearId("Snackbar"),R=K.resolveBearId(O,F),_=I??(typeof document<"u"?document.body:null),n=!!i,j=k??n,S=y??n,{surfaceRef:v,progressValue:g}=X.useSnackbar({open:a,autoHideDuration:f,onClose:i,countdownProgress:N,staticProgress:x,closeOnClickOutside:S});if(!a||!_)return null;const l=typeof g=="number",m=l?r.jsx(L.Progress,{value:g,size:"sm",color:C,className:"Bear-Snackbar__progress"}):null,P=r.jsxs(r.Fragment,{children:[S&&n&&r.jsx("div",{className:"Bear-Snackbar__backdrop bear-fixed bear-inset-0",style:{zIndex:s.SNACKBAR_BACKDROP_Z_INDEX},"aria-hidden":!0}),r.jsxs(z.Paper,{ref:v,id:R,"data-testid":q,role:"status","aria-live":"polite",elevation:4,rounded:"lg",padding:"none",background:"transparent",className:T.cn(s.SNACKBAR_ROOT_CLASS,s.SNACKBAR_SURFACE_CLASSES,"bear-fixed bear-flex bear-flex-col bear-overflow-hidden","bear-border bear-border-[var(--bear-border-default)]",s.SNACKBAR_SIZE_PADDING[B],D),style:Z(u.vertical,u.horizontal,h,A),children:[l&&b==="top"&&m,r.jsxs(d.Flex,{className:"Bear-Snackbar__content bear-w-full",align:"center",gap:3,children:[r.jsxs(d.Flex,{direction:"column",className:"Bear-Snackbar__text bear-flex-1 bear-min-w-0",gap:1,children:[o&&r.jsx(p.Typography,{variant:"body2",className:"Bear-Snackbar__message",children:o}),t&&r.jsx(p.Typography,{variant:"caption",color:"muted",className:"Bear-Snackbar__description",children:t})]}),e&&r.jsx(d.Flex,{className:"Bear-Snackbar__action bear-shrink-0",align:"center",children:e}),j&&n&&r.jsx(U.CloseButton,{size:"sm",onClick:i,"aria-label":"Dismiss notification",className:"Bear-Snackbar__close bear-shrink-0"})]}),l&&b==="bottom"&&m]})]});return E.createPortal(P,_)};exports.Snackbar=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),K=require("react-dom"),w=require("../../utils/cn.cjs");require("react");const z=require("../../utils/generateBearId.utils.cjs"),L=require("../../utils/useBearId.cjs"),U=require("../../utils/liveRegion.utils.cjs"),X=require("../Paper/Paper.cjs"),d=require("../Flex/Flex.cjs"),B=require("../Typography/Typography.cjs"),Z=require("../Progress/Progress.cjs"),H=require("../CloseButton/CloseButton.cjs"),s=require("./Snackbar.const.cjs"),M=require("./hooks/useSnackbar.cjs"),G=(i,a,o,t)=>{const e={zIndex:s.SNACKBAR_Z_INDEX};return i==="top"?e.top=t:e.bottom=t,a==="left"?(e.left=o,e.right="auto"):a==="right"?(e.right=o,e.left="auto"):(e.left="50%",e.right="auto",e.transform="translateX(-50%)"),e},V=i=>{const{open:a,message:o,description:t,severity:e="default",action:u,autoHideDuration:h=s.SNACKBAR_DEFAULT_AUTO_HIDE_MS,onClose:c,anchorOrigin:b={vertical:"bottom",horizontal:"center"},offsetX:A=s.SNACKBAR_DEFAULT_OFFSET_X,offsetY:x=s.SNACKBAR_DEFAULT_OFFSET_Y,size:C="md",progress:N=null,progressPosition:_="bottom",progressColor:k="default",countdownProgress:v=!1,showCloseButton:y,closeOnClickOutside:R,container:q,id:I,testId:O,className:D}=i,F=L.useBearId("Snackbar"),P=z.resolveBearId(I,F),g=q??(typeof document<"u"?document.body:null),n=!!c,j=y??n,S=R??n,{surfaceRef:E,progressValue:m}=M.useSnackbar({open:a,autoHideDuration:h,onClose:c,countdownProgress:v,staticProgress:N,closeOnClickOutside:S});if(!a||!g)return null;const p=U.getBearLiveRegionProps(e),l=typeof m=="number",f=l?r.jsx(Z.Progress,{value:m,size:"sm",color:k,className:"Bear-Snackbar__progress"}):null,T=r.jsxs(r.Fragment,{children:[S&&n&&r.jsx("div",{className:"Bear-Snackbar__backdrop bear-fixed bear-inset-0",style:{zIndex:s.SNACKBAR_BACKDROP_Z_INDEX},"aria-hidden":!0}),r.jsxs(X.Paper,{ref:E,id:P,"data-testid":O,role:p.role,"aria-live":p["aria-live"],elevation:4,rounded:"lg",padding:"none",background:"transparent",className:w.cn(s.SNACKBAR_ROOT_CLASS,s.SNACKBAR_SURFACE_CLASSES,"bear-fixed bear-flex bear-flex-col bear-overflow-hidden","bear-border bear-border-[var(--bear-border-default)]",s.SNACKBAR_SIZE_PADDING[C],D),style:G(b.vertical,b.horizontal,A,x),children:[l&&_==="top"&&f,r.jsxs(d.Flex,{className:"Bear-Snackbar__content bear-w-full",align:"center",gap:3,children:[r.jsxs(d.Flex,{direction:"column",className:"Bear-Snackbar__text bear-flex-1 bear-min-w-0",gap:1,children:[o&&r.jsx(B.Typography,{variant:"body2",className:"Bear-Snackbar__message",children:o}),t&&r.jsx(B.Typography,{variant:"caption",color:"muted",className:"Bear-Snackbar__description",children:t})]}),u&&r.jsx(d.Flex,{className:"Bear-Snackbar__action bear-shrink-0",align:"center",children:u}),j&&n&&r.jsx(H.CloseButton,{size:"sm",onClick:c,"aria-label":"Dismiss notification",className:"Bear-Snackbar__close bear-shrink-0"})]}),l&&_==="bottom"&&f]})]});return K.createPortal(T,g)};exports.Snackbar=V;

package/dist/components/Snackbar/Snackbar.js

@@ -1,99 +1,101 @@
-import { jsxs as n, Fragment as T, jsx as r } from "react/jsx-runtime";
-import { createPortal as w } from "react-dom";
-import { cn as z } from "../../utils/cn.js";
+import { jsxs as n, Fragment as z, jsx as r } from "react/jsx-runtime";
+import { createPortal as L } from "react-dom";
+import { cn as U } from "../../utils/cn.js";
 import "react";
-import { resolveBearId as L } from "../../utils/generateBearId.utils.js";
-import { useBearId as U } from "../../utils/useBearId.js";
-import { Paper as X } from "../Paper/Paper.js";
+import { resolveBearId as X } from "../../utils/generateBearId.utils.js";
+import { useBearId as Z } from "../../utils/useBearId.js";
+import { getBearLiveRegionProps as j } from "../../utils/liveRegion.utils.js";
+import { Paper as H } from "../Paper/Paper.js";
 import { Flex as d } from "../Flex/Flex.js";
-import { Typography as S } from "../Typography/Typography.js";
-import { Progress as Z } from "../Progress/Progress.js";
-import { CloseButton as j } from "../CloseButton/CloseButton.js";
-import { SNACKBAR_DEFAULT_AUTO_HIDE_MS as H, SNACKBAR_DEFAULT_OFFSET_X as G, SNACKBAR_DEFAULT_OFFSET_Y as M, SNACKBAR_BACKDROP_Z_INDEX as V, SNACKBAR_SIZE_PADDING as Y, SNACKBAR_SURFACE_CLASSES as q, SNACKBAR_ROOT_CLASS as J, SNACKBAR_Z_INDEX as Q } from "./Snackbar.const.js";
-import { useSnackbar as W } from "./hooks/useSnackbar.js";
-const $ = (i, o, a, t) => {
-  const e = { zIndex: Q };
+import { Typography as A } from "../Typography/Typography.js";
+import { Progress as G } from "../Progress/Progress.js";
+import { CloseButton as M } from "../CloseButton/CloseButton.js";
+import { SNACKBAR_DEFAULT_AUTO_HIDE_MS as V, SNACKBAR_DEFAULT_OFFSET_X as Y, SNACKBAR_DEFAULT_OFFSET_Y as q, SNACKBAR_BACKDROP_Z_INDEX as J, SNACKBAR_SIZE_PADDING as Q, SNACKBAR_SURFACE_CLASSES as W, SNACKBAR_ROOT_CLASS as $, SNACKBAR_Z_INDEX as ee } from "./Snackbar.const.js";
+import { useSnackbar as re } from "./hooks/useSnackbar.js";
+const oe = (i, o, a, t) => {
+  const e = { zIndex: ee };
   return i === "top" ? e.top = t : e.bottom = t, o === "left" ? (e.left = a, e.right = "auto") : o === "right" ? (e.right = a, e.left = "auto") : (e.left = "50%", e.right = "auto", e.transform = "translateX(-50%)"), e;
-}, be = (i) => {
+}, ge = (i) => {
   const {
     open: o,
     message: a,
     description: t,
-    action: e,
-    autoHideDuration: g = H,
+    severity: e = "default",
+    action: m,
+    autoHideDuration: h = V,
     onClose: l,
-    anchorOrigin: m = { vertical: "bottom", horizontal: "center" },
-    offsetX: A = G,
-    offsetY: h = M,
-    size: B = "md",
-    progress: N = null,
-    progressPosition: u = "bottom",
-    progressColor: C = "default",
-    countdownProgress: k = !1,
+    anchorOrigin: f = { vertical: "bottom", horizontal: "center" },
+    offsetX: B = Y,
+    offsetY: N = q,
+    size: C = "md",
+    progress: k = null,
+    progressPosition: p = "bottom",
+    progressColor: v = "default",
+    countdownProgress: R = !1,
     showCloseButton: O,
     closeOnClickOutside: x,
     container: D,
     id: I,
-    testId: R,
-    className: v
-  } = i, E = U("Snackbar"), y = L(I, E), b = D ?? (typeof document < "u" ? document.body : null), s = !!l, F = O ?? s, f = x ?? s, { surfaceRef: K, progressValue: p } = W({
+    testId: y,
+    className: E
+  } = i, F = Z("Snackbar"), P = X(I, F), u = D ?? (typeof document < "u" ? document.body : null), s = !!l, K = O ?? s, b = x ?? s, { surfaceRef: T, progressValue: _ } = re({
     open: o,
-    autoHideDuration: g,
+    autoHideDuration: h,
     onClose: l,
-    countdownProgress: k,
-    staticProgress: N,
-    closeOnClickOutside: f
+    countdownProgress: R,
+    staticProgress: k,
+    closeOnClickOutside: b
   });
-  if (!o || !b)
+  if (!o || !u)
     return null;
-  const c = typeof p == "number", _ = c ? /* @__PURE__ */ r(
-    Z,
+  const g = j(e), c = typeof _ == "number", S = c ? /* @__PURE__ */ r(
+    G,
     {
-      value: p,
+      value: _,
       size: "sm",
-      color: C,
+      color: v,
       className: "Bear-Snackbar__progress"
     }
-  ) : null, P = /* @__PURE__ */ n(T, { children: [
-    f && s && /* @__PURE__ */ r(
+  ) : null, w = /* @__PURE__ */ n(z, { children: [
+    b && s && /* @__PURE__ */ r(
       "div",
       {
         className: "Bear-Snackbar__backdrop bear-fixed bear-inset-0",
-        style: { zIndex: V },
+        style: { zIndex: J },
         "aria-hidden": !0
       }
     ),
     /* @__PURE__ */ n(
-      X,
+      H,
       {
-        ref: K,
-        id: y,
-        "data-testid": R,
-        role: "status",
-        "aria-live": "polite",
+        ref: T,
+        id: P,
+        "data-testid": y,
+        role: g.role,
+        "aria-live": g["aria-live"],
         elevation: 4,
         rounded: "lg",
         padding: "none",
         background: "transparent",
-        className: z(
-          J,
-          q,
+        className: U(
+          $,
+          W,
           "bear-fixed bear-flex bear-flex-col bear-overflow-hidden",
           "bear-border bear-border-[var(--bear-border-default)]",
-          Y[B],
-          v
+          Q[C],
+          E
         ),
-        style: $(m.vertical, m.horizontal, A, h),
+        style: oe(f.vertical, f.horizontal, B, N),
         children: [
-          c && u === "top" && _,
+          c && p === "top" && S,
           /* @__PURE__ */ n(d, { className: "Bear-Snackbar__content bear-w-full", align: "center", gap: 3, children: [
             /* @__PURE__ */ n(d, { direction: "column", className: "Bear-Snackbar__text bear-flex-1 bear-min-w-0", gap: 1, children: [
-              a && /* @__PURE__ */ r(S, { variant: "body2", className: "Bear-Snackbar__message", children: a }),
-              t && /* @__PURE__ */ r(S, { variant: "caption", color: "muted", className: "Bear-Snackbar__description", children: t })
+              a && /* @__PURE__ */ r(A, { variant: "body2", className: "Bear-Snackbar__message", children: a }),
+              t && /* @__PURE__ */ r(A, { variant: "caption", color: "muted", className: "Bear-Snackbar__description", children: t })
             ] }),
-            e && /* @__PURE__ */ r(d, { className: "Bear-Snackbar__action bear-shrink-0", align: "center", children: e }),
-            F && s && /* @__PURE__ */ r(
-              j,
+            m && /* @__PURE__ */ r(d, { className: "Bear-Snackbar__action bear-shrink-0", align: "center", children: m }),
+            K && s && /* @__PURE__ */ r(
+              M,
               {
                 size: "sm",
                 onClick: l,
@@ -102,13 +104,13 @@ const $ = (i, o, a, t) => {
               }
             )
           ] }),
-          c && u === "bottom" && _
+          c && p === "bottom" && S
         ]
       }
     )
   ] });
-  return w(P, b);
+  return L(w, u);
 };
 export {
-  be as Snackbar
+  ge as Snackbar
 };

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

@@ -5,10 +5,12 @@ export type SnackbarAnchorOriginHorizontal = 'left' | 'center' | 'right';
 export type SnackbarProgressPosition = 'top' | 'bottom';
 export type SnackbarSize = Extract<BearSize, 'sm' | 'md' | 'lg'>;
 export type SnackbarProgressColor = 'default' | 'success' | 'warning' | 'danger' | 'info';
+export type SnackbarSeverity = 'success' | 'info' | 'warning' | 'error' | 'default';
 export interface SnackbarProps {
     open: boolean;
     message?: ReactNode;
     description?: ReactNode;
+    severity?: SnackbarSeverity;
     action?: ReactNode;
     autoHideDuration?: number | null;
     onClose?: () => void;

package/dist/components/Tabs/Tabs.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),u=require("react"),b=require("../../utils/cn.cjs"),x=u.createContext(null),T=({children:o,value:n,defaultTab:e,variant:c="line",onChange:a,className:l,testId:d})=>{const[t,r]=u.useState(e),i=n!==void 0,v=i?n:t,m=p=>{i||r(p),a==null||a(p)};return s.jsx(x.Provider,{value:{activeTab:v,setActiveTab:m,variant:c},children:s.jsx("div",{className:b.cn("Bear-Tabs",l),"data-testid":d,children:o})})},y=({id:o,children:n,disabled:e=!1,icon:c})=>{const a=u.useContext(x);if(!a)throw new Error("Tab must be used within Tabs");const{activeTab:l,setActiveTab:d,variant:t}=a,r=l===o,i="bear-flex bear-items-center bear-gap-2 bear-px-4 bear-py-2 bear-text-sm bear-font-medium bear-transition-colors",v={line:b.cn("bear-border-b-2 bear--mb-px",r?"bear-border-primary-500 bear-text-primary-600 dark:bear-text-primary-400":"bear-border-transparent hover:bear-border-[var(--bear-border-default)]"),pills:b.cn("bear-rounded-md",r&&"bear-shadow-sm"),enclosed:b.cn("bear-rounded-t-lg bear-border bear-border-transparent",r&&"bear--mb-px")},m=e?void 0:r?t==="pills"?{backgroundColor:"var(--bear-bg-primary)",color:"var(--bear-text-primary)"}:t==="enclosed"?{backgroundColor:"var(--bear-bg-primary)",borderColor:"var(--bear-border-default)",borderBottomColor:"var(--bear-bg-primary)",color:"var(--bear-text-primary)"}:void 0:{color:"var(--bear-text-muted)"};return s.jsxs("button",{role:"tab","aria-selected":r,disabled:e,onClick:()=>!e&&d(o),className:b.cn("Bear-Tabs__tab",r&&"Bear-Tabs__tab--active",i,v[t],!r&&"hover:bear-bg-[var(--bear-bg-tertiary)] hover:bear-text-[var(--bear-text-primary)]",e&&"Bear-Tabs__tab--disabled bear-opacity-50 bear-cursor-not-allowed"),style:m,children:[c&&s.jsx("span",{className:"Bear-Tabs__tab-icon",children:c}),s.jsx("span",{className:"Bear-Tabs__tab-label",children:n})]})};exports.Tab=y;exports.Tabs=T;exports.TabsContext=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),p=require("react"),t=require("../../utils/cn.cjs"),S=require("../../utils/generateBearId.utils.cjs"),g=require("../../utils/useBearId.cjs"),f=require("../../context/BearProvider.cjs"),B=require("./Tabs.const.cjs"),x=p.createContext(null),I=({children:b,value:n,defaultTab:r,variant:c="line",onChange:a,className:i,testId:l,id:s})=>{const d=g.useBearId("Tabs"),e=S.resolveBearId(s,d),{density:u}=f.useBearDensityOptional(),m=u==="compact",[v,T]=p.useState(r),_=n!==void 0,C=_?n:v,A=y=>{_||T(y),a==null||a(y)};return o.jsx(x.Provider,{value:{activeTab:C,setActiveTab:A,variant:c,compact:m},children:o.jsx("div",{id:e,"data-testid":l,className:t.cn("Bear-Tabs",i),children:b})})},j=({id:b,children:n,disabled:r=!1,icon:c})=>{const a=p.useContext(x);if(!a)throw new Error("Tab must be used within Tabs");const{activeTab:i,setActiveTab:l,variant:s,compact:d}=a,e=i===b,u=d?B.TABS_TAB_PADDING_COMPACT_CLASSES:B.TABS_TAB_PADDING_CLASSES,m=t.cn("bear-flex bear-items-center bear-gap-2 bear-text-sm bear-font-medium bear-transition-colors",u),v={line:t.cn("bear-border-b-2 bear--mb-px",e?"bear-border-primary-500 bear-text-primary-600 dark:bear-text-primary-400":"bear-border-transparent hover:bear-border-[var(--bear-border-default)]"),pills:t.cn("bear-rounded-md",e&&"bear-shadow-sm"),enclosed:t.cn("bear-rounded-t-lg bear-border bear-border-transparent",e&&"bear--mb-px")},T=r?void 0:e?s==="pills"?{backgroundColor:"var(--bear-bg-primary)",color:"var(--bear-text-primary)"}:s==="enclosed"?{backgroundColor:"var(--bear-bg-primary)",borderColor:"var(--bear-border-default)",borderBottomColor:"var(--bear-bg-primary)",color:"var(--bear-text-primary)"}:void 0:{color:"var(--bear-text-muted)"};return o.jsxs("button",{role:"tab","aria-selected":e,disabled:r,onClick:()=>!r&&l(b),className:t.cn("Bear-Tabs__tab",e&&"Bear-Tabs__tab--active",m,v[s],!e&&"hover:bear-bg-[var(--bear-bg-tertiary)] hover:bear-text-[var(--bear-text-primary)]",r&&"Bear-Tabs__tab--disabled bear-opacity-50 bear-cursor-not-allowed"),style:T,children:[c&&o.jsx("span",{className:"Bear-Tabs__tab-icon",children:c}),o.jsx("span",{className:"Bear-Tabs__tab-label",children:n})]})};exports.Tab=j;exports.Tabs=I;exports.TabsContext=x;

package/dist/components/Tabs/Tabs.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A="bear-px-4 bear-py-2",S="bear-px-3 bear-py-1";exports.TABS_TAB_PADDING_CLASSES=A;exports.TABS_TAB_PADDING_COMPACT_CLASSES=S;

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

@@ -1 +1,3 @@
 export declare const T_A_B_S_ROOT_CLASS = "Bear-Tabs";
+export declare const TABS_TAB_PADDING_CLASSES = "bear-px-4 bear-py-2";
+export declare const TABS_TAB_PADDING_COMPACT_CLASSES = "bear-px-3 bear-py-1";

package/dist/components/Tabs/Tabs.const.js

@@ -0,0 +1,5 @@
+const A = "bear-px-4 bear-py-2", S = "bear-px-3 bear-py-1";
+export {
+  A as TABS_TAB_PADDING_CLASSES,
+  S as TABS_TAB_PADDING_COMPACT_CLASSES
+};