@forgedevstack/bear 1.2.5 → 1.2.7

package/README.md

@@ -1,11 +1,30 @@
 # @forgedevstack/bear
 
-Strong, reliable React UI components. Tailwind-powered, zero config required. The protective force of ForgeStack.
+Strong, reliable React UI components. AeroCraft-powered, zero config required. The protective force of ForgeStack.
 
 ## Portal
 
 Visit the [Bear UI Portal](https://bearui.com/) to explore all components, view live examples, and browse the documentation.
 
+## Sanity / Playwright
+
+```bash
+# Install browsers once (required — missing Chromium yields 0 passes)
+cd portal && npx playwright install chromium
+
+# Critical-path smoke (recommended before release)
+cd portal && npm run test:e2e:smoke
+
+# Full portal suite
+cd portal && npm run test:e2e
+```
+
+`BEAR_E2E_SMOKE=1` runs `e2e/specs/smoke.spec.ts` only (includes RTL direction + Toast aria-live checks). The e2e webServer builds Bear, then starts the portal on port `5174`.
+
+### Auto DOM ids
+
+Public components generate root `id` values as `Bear-{Component}-{alphanumeric}` (e.g. `Bear-Button-a48293100123`). Pass `id` to override; keep `testId` on `data-testid`.
+
 ## Features
 
 - **Tailwind-Powered**: Built with Tailwind CSS, zero config required

package/dist/components/AppBar/AppBar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("../../utils/cn.cjs");require("react");const u=({children:a,position:t="sticky",variant:b="default",color:r="primary",className:s,leftContent:i,rightContent:l,centerContent:c,elevation:n=!0})=>{const d={fixed:"bear-fixed bear-top-0 bear-left-0 bear-right-0 bear-z-50",sticky:"bear-sticky bear-top-0 bear-z-50",static:"bear-static",relative:"bear-relative"},o={default:"",transparent:"bear-bg-transparent",blur:"bear-backdrop-blur-md"},p={default:"bear-bg-white bear-text-gray-900 dark:bear-bg-zinc-900 dark:bear-text-white",primary:"bear-bg-primary-600 bear-text-white",dark:"bear-bg-gray-900 bear-text-white dark:bear-bg-black"},m=n?"bear-shadow-md bear-border-b bear-border-gray-200/10":"";return e.jsx("header",{className:x.cn("Bear-AppBar","bear-w-full bear-h-16 bear-px-4 bear-flex bear-items-center",d[t],o[b],p[r],m,s),style:{backgroundColor:r==="primary"?"var(--bear-primary-600)":void 0},children:a??e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"bear-flex bear-items-center bear-gap-4",children:i}),e.jsx("div",{className:"bear-flex-1 bear-flex bear-items-center bear-justify-center",children:c}),e.jsx("div",{className:"bear-flex bear-items-center bear-gap-4",children:l})]})})};exports.AppBar=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react/jsx-runtime"),_=require("./AppBar.const.cjs"),N=require("../../context/BearProvider.cjs");require("../../context/defaultTheme.cjs");const e=require("../../utils/cn.cjs");require("react");const l=require("../../utils/generateBearId.utils.cjs"),u=require("../../utils/useBearId.cjs"),D=P=>{const{children:t,position:n=_.DEFAULT_APP_BAR_POSITION,variant:s=_.DEFAULT_APP_BAR_VARIANT,color:r=_.DEFAULT_APP_BAR_COLOR,className:E,leftContent:B,rightContent:R,centerContent:a,elevation:i=_.DEFAULT_APP_BAR_ELEVATION,dense:C,disableGutters:c=_.DEFAULT_APP_BAR_DISABLE_GUTTERS,enableColorOnDark:o=_.DEFAULT_APP_BAR_ENABLE_COLOR_ON_DARK,id:O,testId:T}=P,{density:d}=N.useBearDensityOptional(),S=C??d==="compact",L=u.useBearId("AppBar"),I=l.resolveBearId(O,L);return A.jsx("header",{id:I,"data-testid":T,className:e.cn(_.APP_BAR_ROOT_CLASS,_.APP_BAR_BASE_CLASS,S?_.APP_BAR_HEIGHT_DENSE:_.APP_BAR_HEIGHT_COMFORTABLE,!c&&(S?_.APP_BAR_GUTTER_X_DENSE:_.APP_BAR_GUTTER_X),_.APP_BAR_POSITION_CLASSES[n],_.APP_BAR_VARIANT_CLASSES[s],_.APP_BAR_COLOR_CLASSES[r],o&&r==="default"&&_.APP_BAR_COLOR_ON_DARK_CLASS,i&&_.APP_BAR_ELEVATION_CLASS,S&&_.APP_BAR_DENSE_MODIFIER_CLASS,E),style:{backgroundColor:r==="primary"?"var(--bear-primary-600)":void 0},children:t??A.jsxs(A.Fragment,{children:[A.jsx("div",{className:e.cn(_.APP_BAR_SECTION_CLASS,_.APP_BAR_SECTION_BASE_CLASS),children:B}),A.jsx("div",{className:e.cn(_.APP_BAR_SECTION_CLASS,_.APP_BAR_SECTION_CENTER_CLASS,_.APP_BAR_SECTION_BASE_CLASS,_.APP_BAR_SECTION_GROW_CLASS),children:a}),A.jsx("div",{className:e.cn(_.APP_BAR_SECTION_CLASS,_.APP_BAR_SECTION_END_CLASS,_.APP_BAR_SECTION_BASE_CLASS),children:R})]})})};exports.AppBar=D;

package/dist/components/AppBar/AppBar.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _="Bear-AppBar",A="Bear-AppBar--dense",e="Bear-AppBar__section",P="Bear-AppBar__section--center",r="Bear-AppBar__section--end",S="sticky",a="default",E="primary",R=!0,t=!1,B=!1,T="bear-h-16",b="bear-h-12",L="bear-px-4",O="bear-px-3",C={fixed:"bear-fixed bear-top-0 bear-left-0 bear-right-0 bear-z-50",sticky:"bear-sticky bear-top-0 bear-z-50",static:"bear-static",relative:"bear-relative"},s={default:"",transparent:"bear-bg-transparent",blur:"bear-backdrop-blur-md"},c={default:"bear-bg-white bear-text-gray-900 dark:bear-bg-zinc-900 dark:bear-text-white",primary:"bear-bg-primary-600 bear-text-white",dark:"bear-bg-gray-900 bear-text-white dark:bear-bg-black"},n="dark:bear-bg-primary-600 dark:bear-text-white",N="bear-shadow-md bear-border-b bear-border-gray-200/10 dark:bear-border-gray-800/40",o="bear-w-full bear-flex bear-items-center",I="bear-flex bear-items-center bear-gap-4",i="bear-flex-1 bear-justify-center";exports.APP_BAR_BASE_CLASS=o;exports.APP_BAR_COLOR_CLASSES=c;exports.APP_BAR_COLOR_ON_DARK_CLASS=n;exports.APP_BAR_DENSE_MODIFIER_CLASS=A;exports.APP_BAR_ELEVATION_CLASS=N;exports.APP_BAR_GUTTER_X=L;exports.APP_BAR_GUTTER_X_DENSE=O;exports.APP_BAR_HEIGHT_COMFORTABLE=T;exports.APP_BAR_HEIGHT_DENSE=b;exports.APP_BAR_POSITION_CLASSES=C;exports.APP_BAR_ROOT_CLASS=_;exports.APP_BAR_SECTION_BASE_CLASS=I;exports.APP_BAR_SECTION_CENTER_CLASS=P;exports.APP_BAR_SECTION_CLASS=e;exports.APP_BAR_SECTION_END_CLASS=r;exports.APP_BAR_SECTION_GROW_CLASS=i;exports.APP_BAR_VARIANT_CLASSES=s;exports.DEFAULT_APP_BAR_COLOR=E;exports.DEFAULT_APP_BAR_DISABLE_GUTTERS=t;exports.DEFAULT_APP_BAR_ELEVATION=R;exports.DEFAULT_APP_BAR_ENABLE_COLOR_ON_DARK=B;exports.DEFAULT_APP_BAR_POSITION=S;exports.DEFAULT_APP_BAR_VARIANT=a;

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

@@ -1 +1,36 @@
-export declare const A_P_P_B_A_R_ROOT_CLASS = "Bear-AppBar";
+export declare const APP_BAR_ROOT_CLASS = "Bear-AppBar";
+export declare const APP_BAR_DENSE_MODIFIER_CLASS = "Bear-AppBar--dense";
+export declare const APP_BAR_SECTION_CLASS = "Bear-AppBar__section";
+export declare const APP_BAR_SECTION_CENTER_CLASS = "Bear-AppBar__section--center";
+export declare const APP_BAR_SECTION_END_CLASS = "Bear-AppBar__section--end";
+export declare const DEFAULT_APP_BAR_POSITION: "sticky";
+export declare const DEFAULT_APP_BAR_VARIANT: "default";
+export declare const DEFAULT_APP_BAR_COLOR: "primary";
+export declare const DEFAULT_APP_BAR_ELEVATION = true;
+export declare const DEFAULT_APP_BAR_DISABLE_GUTTERS = false;
+export declare const DEFAULT_APP_BAR_ENABLE_COLOR_ON_DARK = false;
+export declare const APP_BAR_HEIGHT_COMFORTABLE = "bear-h-16";
+export declare const APP_BAR_HEIGHT_DENSE = "bear-h-12";
+export declare const APP_BAR_GUTTER_X = "bear-px-4";
+export declare const APP_BAR_GUTTER_X_DENSE = "bear-px-3";
+export declare const APP_BAR_POSITION_CLASSES: {
+    readonly fixed: "bear-fixed bear-top-0 bear-left-0 bear-right-0 bear-z-50";
+    readonly sticky: "bear-sticky bear-top-0 bear-z-50";
+    readonly static: "bear-static";
+    readonly relative: "bear-relative";
+};
+export declare const APP_BAR_VARIANT_CLASSES: {
+    readonly default: "";
+    readonly transparent: "bear-bg-transparent";
+    readonly blur: "bear-backdrop-blur-md";
+};
+export declare const APP_BAR_COLOR_CLASSES: {
+    readonly default: "bear-bg-white bear-text-gray-900 dark:bear-bg-zinc-900 dark:bear-text-white";
+    readonly primary: "bear-bg-primary-600 bear-text-white";
+    readonly dark: "bear-bg-gray-900 bear-text-white dark:bear-bg-black";
+};
+export declare const APP_BAR_COLOR_ON_DARK_CLASS = "dark:bear-bg-primary-600 dark:bear-text-white";
+export declare const APP_BAR_ELEVATION_CLASS = "bear-shadow-md bear-border-b bear-border-gray-200/10 dark:bear-border-gray-800/40";
+export declare const APP_BAR_BASE_CLASS = "bear-w-full bear-flex bear-items-center";
+export declare const APP_BAR_SECTION_BASE_CLASS = "bear-flex bear-items-center bear-gap-4";
+export declare const APP_BAR_SECTION_GROW_CLASS = "bear-flex-1 bear-justify-center";

package/dist/components/AppBar/AppBar.const.js

@@ -0,0 +1,39 @@
+const e = "Bear-AppBar", r = "Bear-AppBar--dense", _ = "Bear-AppBar__section", A = "Bear-AppBar__section--center", a = "Bear-AppBar__section--end", t = "sticky", b = "default", P = "primary", S = !0, s = !1, E = !1, R = "bear-h-16", c = "bear-h-12", B = "bear-px-4", n = "bear-px-3", o = {
+  fixed: "bear-fixed bear-top-0 bear-left-0 bear-right-0 bear-z-50",
+  sticky: "bear-sticky bear-top-0 bear-z-50",
+  static: "bear-static",
+  relative: "bear-relative"
+}, L = {
+  default: "",
+  transparent: "bear-bg-transparent",
+  blur: "bear-backdrop-blur-md"
+}, T = {
+  default: "bear-bg-white bear-text-gray-900 dark:bear-bg-zinc-900 dark:bear-text-white",
+  primary: "bear-bg-primary-600 bear-text-white",
+  dark: "bear-bg-gray-900 bear-text-white dark:bear-bg-black"
+}, O = "dark:bear-bg-primary-600 dark:bear-text-white", i = "bear-shadow-md bear-border-b bear-border-gray-200/10 dark:bear-border-gray-800/40", C = "bear-w-full bear-flex bear-items-center", p = "bear-flex bear-items-center bear-gap-4", d = "bear-flex-1 bear-justify-center";
+export {
+  C as APP_BAR_BASE_CLASS,
+  T as APP_BAR_COLOR_CLASSES,
+  O as APP_BAR_COLOR_ON_DARK_CLASS,
+  r as APP_BAR_DENSE_MODIFIER_CLASS,
+  i as APP_BAR_ELEVATION_CLASS,
+  B as APP_BAR_GUTTER_X,
+  n as APP_BAR_GUTTER_X_DENSE,
+  R as APP_BAR_HEIGHT_COMFORTABLE,
+  c as APP_BAR_HEIGHT_DENSE,
+  o as APP_BAR_POSITION_CLASSES,
+  e as APP_BAR_ROOT_CLASS,
+  p as APP_BAR_SECTION_BASE_CLASS,
+  A as APP_BAR_SECTION_CENTER_CLASS,
+  _ as APP_BAR_SECTION_CLASS,
+  a as APP_BAR_SECTION_END_CLASS,
+  d as APP_BAR_SECTION_GROW_CLASS,
+  L as APP_BAR_VARIANT_CLASSES,
+  P as DEFAULT_APP_BAR_COLOR,
+  s as DEFAULT_APP_BAR_DISABLE_GUTTERS,
+  S as DEFAULT_APP_BAR_ELEVATION,
+  E as DEFAULT_APP_BAR_ENABLE_COLOR_ON_DARK,
+  t as DEFAULT_APP_BAR_POSITION,
+  b as DEFAULT_APP_BAR_VARIANT
+};

package/dist/components/AppBar/AppBar.js

@@ -1,54 +1,78 @@
-import { jsx as e, jsxs as f, Fragment as x } from "react/jsx-runtime";
-import { cn as g } from "../../utils/cn.js";
+import { jsx as _, jsxs as m, Fragment as I } from "react/jsx-runtime";
+import { DEFAULT_APP_BAR_POSITION as p, DEFAULT_APP_BAR_VARIANT as D, DEFAULT_APP_BAR_COLOR as v, DEFAULT_APP_BAR_ELEVATION as F, DEFAULT_APP_BAR_DISABLE_GUTTERS as U, DEFAULT_APP_BAR_ENABLE_COLOR_ON_DARK as f, APP_BAR_SECTION_BASE_CLASS as P, APP_BAR_SECTION_CLASS as t, APP_BAR_SECTION_GROW_CLASS as h, APP_BAR_SECTION_CENTER_CLASS as G, APP_BAR_SECTION_END_CLASS as u, APP_BAR_DENSE_MODIFIER_CLASS as y, APP_BAR_ELEVATION_CLASS as b, APP_BAR_COLOR_ON_DARK_CLASS as g, APP_BAR_COLOR_CLASSES as H, APP_BAR_VARIANT_CLASSES as V, APP_BAR_POSITION_CLASSES as x, APP_BAR_GUTTER_X_DENSE as j, APP_BAR_GUTTER_X as k, APP_BAR_HEIGHT_DENSE as K, APP_BAR_HEIGHT_COMFORTABLE as M, APP_BAR_BASE_CLASS as X, APP_BAR_ROOT_CLASS as W } from "./AppBar.const.js";
+import { useBearDensityOptional as q } from "../../context/BearProvider.js";
+import "../../context/defaultTheme.js";
+import { cn as A } from "../../utils/cn.js";
 import "react";
-const u = ({
-  children: a,
-  position: t = "sticky",
-  variant: b = "default",
-  color: r = "primary",
-  className: s,
-  leftContent: i,
-  rightContent: l,
-  centerContent: c,
-  elevation: n = !0
-}) => {
-  const d = {
-    fixed: "bear-fixed bear-top-0 bear-left-0 bear-right-0 bear-z-50",
-    sticky: "bear-sticky bear-top-0 bear-z-50",
-    static: "bear-static",
-    relative: "bear-relative"
-  }, o = {
-    default: "",
-    transparent: "bear-bg-transparent",
-    blur: "bear-backdrop-blur-md"
-  }, p = {
-    default: "bear-bg-white bear-text-gray-900 dark:bear-bg-zinc-900 dark:bear-text-white",
-    primary: "bear-bg-primary-600 bear-text-white",
-    dark: "bear-bg-gray-900 bear-text-white dark:bear-bg-black"
-  }, m = n ? "bear-shadow-md bear-border-b bear-border-gray-200/10" : "";
-  return /* @__PURE__ */ e(
+import { resolveBearId as w } from "../../utils/generateBearId.utils.js";
+import { useBearId as z } from "../../utils/useBearId.js";
+const r_ = (S) => {
+  const {
+    children: o,
+    position: E = p,
+    variant: R = D,
+    color: e = v,
+    className: a,
+    leftContent: n,
+    rightContent: s,
+    centerContent: i,
+    elevation: B = F,
+    dense: C,
+    disableGutters: O = U,
+    enableColorOnDark: L = f,
+    id: T,
+    testId: d
+  } = S, { density: N } = q(), r = C ?? N === "compact", c = z("AppBar"), l = w(T, c);
+  return /* @__PURE__ */ _(
     "header",
     {
-      className: g(
-        "Bear-AppBar",
-        "bear-w-full bear-h-16 bear-px-4 bear-flex bear-items-center",
-        d[t],
-        o[b],
-        p[r],
-        m,
-        s
+      id: l,
+      "data-testid": d,
+      className: A(
+        W,
+        X,
+        r ? K : M,
+        !O && (r ? j : k),
+        x[E],
+        V[R],
+        H[e],
+        L && e === "default" && g,
+        B && b,
+        r && y,
+        a
       ),
       style: {
-        backgroundColor: r === "primary" ? "var(--bear-primary-600)" : void 0
+        backgroundColor: e === "primary" ? "var(--bear-primary-600)" : void 0
       },
-      children: a ?? /* @__PURE__ */ f(x, { children: [
-        /* @__PURE__ */ e("div", { className: "bear-flex bear-items-center bear-gap-4", children: i }),
-        /* @__PURE__ */ e("div", { className: "bear-flex-1 bear-flex bear-items-center bear-justify-center", children: c }),
-        /* @__PURE__ */ e("div", { className: "bear-flex bear-items-center bear-gap-4", children: l })
+      children: o ?? /* @__PURE__ */ m(I, { children: [
+        /* @__PURE__ */ _("div", { className: A(t, P), children: n }),
+        /* @__PURE__ */ _(
+          "div",
+          {
+            className: A(
+              t,
+              G,
+              P,
+              h
+            ),
+            children: i
+          }
+        ),
+        /* @__PURE__ */ _(
+          "div",
+          {
+            className: A(
+              t,
+              u,
+              P
+            ),
+            children: s
+          }
+        )
       ] })
     }
   );
 };
 export {
-  u as AppBar
+  r_ as AppBar
 };

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

@@ -1,14 +1,20 @@
 import { ReactNode } from 'react';
+export type AppBarPosition = 'fixed' | 'sticky' | 'static' | 'relative';
+export type AppBarVariant = 'default' | 'transparent' | 'blur';
+export type AppBarColor = 'default' | 'primary' | 'dark';
 export interface AppBarProps {
     testId?: string;
     id?: string;
     children?: ReactNode;
-    position?: 'fixed' | 'sticky' | 'static' | 'relative';
-    variant?: 'default' | 'transparent' | 'blur';
-    color?: 'default' | 'primary' | 'dark';
+    position?: AppBarPosition;
+    variant?: AppBarVariant;
+    color?: AppBarColor;
     className?: string;
     leftContent?: ReactNode;
     rightContent?: ReactNode;
     centerContent?: ReactNode;
     elevation?: boolean;
+    dense?: boolean;
+    disableGutters?: boolean;
+    enableColorOnDark?: boolean;
 }

package/dist/components/Autocomplete/Autocomplete.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),x=require("../../utils/cn.cjs"),D=require("../Portal/Portal.cjs"),V=require("./Autocomplete.utils.cjs"),M=require("./Autocomplete.const.cjs"),C=({options:z,value:b="",onChange:i,onSelect:g,placeholder:I="Start typing...",label:k,helperText:v,error:u,disabled:f=!1,freeSolo:j=!1,loading:E=!1,filterOptions:q=V.defaultFilter,className:_,testId:B})=>{const[c,s]=a.useState(!1),[n,m]=a.useState(-1),[l,T]=a.useState({top:0,left:0,width:0}),N=a.useRef(null),P=a.useRef(null),h=a.useRef(null),A=a.useRef(null),w=a.useRef(null),o=q(z,b),y=c&&!f&&o.length>0,p=c&&!f&&o.length===0&&!!b&&!E;a.useEffect(()=>{if(!y&&!p)return;const e=()=>{var d;const r=(d=P.current)==null?void 0:d.getBoundingClientRect();r&&T({top:r.bottom+4,left:Math.max(8,Math.min(r.left,window.innerWidth-r.width-8)),width:r.width})};return e(),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[y,p]),a.useEffect(()=>{if(!c)return;const e=r=>{var R,O;const d=r.target;(R=N.current)!=null&&R.contains(d)||(O=h.current)!=null&&O.contains(d)||s(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[c]),a.useEffect(()=>{m(-1)},[b]),a.useEffect(()=>{if(n>=0&&w.current){const e=w.current.children[n];e&&e.scrollIntoView({block:"nearest"})}},[n]);const U=e=>{const r=e.target.value;i==null||i(r),s(!0)},L=e=>{var r;i==null||i(e.label),g==null||g(e),s(!1),(r=A.current)==null||r.blur()},W=e=>{if(!c){(e.key==="ArrowDown"||e.key==="ArrowUp")&&(s(!0),e.preventDefault());return}switch(e.key){case"ArrowDown":e.preventDefault(),m(r=>r<o.length-1?r+1:0);break;case"ArrowUp":e.preventDefault(),m(r=>r>0?r-1:o.length-1);break;case"Enter":e.preventDefault(),n>=0&&o[n]?L(o[n]):j&&b&&s(!1);break;case"Escape":s(!1);break}};return t.jsxs("div",{className:x.cn("bear-w-full bear-relative",_),ref:N,"data-testid":B,children:[k&&t.jsx("label",{className:"bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200 bear-mb-1.5",children:k}),t.jsxs("div",{className:"bear-relative",ref:P,children:[t.jsx("input",{ref:A,type:"text",value:b,onChange:U,onFocus:()=>s(!0),onKeyDown:W,placeholder:I,disabled:f,className:x.cn("bear-w-full bear-px-4 bear-py-2.5 bear-pr-10 bear-rounded-lg bear-border","bear-bg-white dark:bear-bg-gray-900","bear-text-sm bear-text-gray-900 dark:bear-text-white","placeholder:bear-text-gray-400","bear-transition-colors bear-outline-none",u?"bear-border-red-500 focus:bear-ring-2 focus:bear-ring-red-500/20":"bear-border-gray-300 dark:bear-border-gray-600 focus:bear-border-amber-500 focus:bear-ring-2 focus:bear-ring-amber-500/20",f&&"bear-opacity-50 bear-cursor-not-allowed bear-bg-gray-100 dark:bear-bg-gray-800")}),t.jsx("div",{className:"bear-absolute bear-right-3 bear-top-1/2 bear-transform bear--translate-y-1/2",children:E?t.jsxs("svg",{className:"bear-animate-spin bear-w-4 bear-h-4 bear-text-gray-400",viewBox:"0 0 24 24",fill:"none",children:[t.jsx("circle",{className:"bear-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),t.jsx("path",{className:"bear-opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}):t.jsx("svg",{className:"bear-w-4 bear-h-4 bear-text-gray-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})})})]}),y&&t.jsx(D.Portal,{children:t.jsx("div",{ref:h,className:"bear-fixed bear-rounded-lg bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-shadow-lg bear-bg-white dark:bear-bg-gray-800",style:{top:l.top,left:l.left,width:l.width,zIndex:M.AUTOCOMPLETE_PANEL_Z},children:t.jsx("div",{ref:w,className:"bear-max-h-60 bear-overflow-auto bear-py-1",children:o.map((e,r)=>t.jsxs("button",{type:"button",disabled:e.disabled,onClick:()=>L(e),className:x.cn("bear-w-full bear-px-4 bear-py-2 bear-text-left bear-text-sm bear-transition-colors","bear-text-gray-900 dark:bear-text-white",r===n?"bear-bg-amber-50 dark:bear-bg-amber-900/20":"hover:bear-bg-gray-50 dark:hover:bear-bg-gray-700",e.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),children:[t.jsx("div",{className:"bear-font-medium",children:e.label}),e.description&&t.jsx("div",{className:"bear-text-xs bear-text-gray-500 dark:bear-text-gray-400 bear-mt-0.5",children:e.description})]},e.value))})})}),p&&t.jsx(D.Portal,{children:t.jsx("div",{ref:h,className:"bear-fixed bear-py-3 bear-px-4 bear-bg-white dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-shadow-lg bear-text-sm bear-text-gray-500",style:{top:l.top,left:l.left,width:l.width,zIndex:M.AUTOCOMPLETE_PANEL_Z},children:j?"Press Enter to use this value":"No results found"})}),(v||u)&&t.jsx("p",{className:x.cn("bear-mt-1.5 bear-text-xs",u?"bear-text-red-500":"bear-text-gray-500 dark:bear-text-gray-400"),children:u||v})]})};exports.Autocomplete=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),m=require("../../utils/cn.cjs"),D=require("../Portal/Portal.cjs"),V=require("./Autocomplete.utils.cjs"),M=require("./Autocomplete.const.cjs"),C=({options:z,value:b="",onChange:i,onSelect:x,placeholder:I="Start typing...",label:v,helperText:j,error:u,disabled:f=!1,freeSolo:k=!1,loading:E=!1,filterOptions:q=V.defaultFilter,className:_,testId:B})=>{const[c,s]=a.useState(!1),[n,h]=a.useState(-1),[l,T]=a.useState({top:0,left:0,width:0}),N=a.useRef(null),P=a.useRef(null),p=a.useRef(null),A=a.useRef(null),w=a.useRef(null),o=q(z,b),g=c&&!f&&o.length>0,y=c&&!f&&o.length===0&&!!b&&!E;a.useEffect(()=>{if(!g&&!y)return;const e=()=>{var d;const r=(d=P.current)==null?void 0:d.getBoundingClientRect();r&&T({top:r.bottom+4,left:Math.max(8,Math.min(r.left,window.innerWidth-r.width-8)),width:r.width})};return e(),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[g,y]),a.useEffect(()=>{if(!c)return;const e=r=>{var R,O;const d=r.target;(R=N.current)!=null&&R.contains(d)||(O=p.current)!=null&&O.contains(d)||s(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[c]),a.useEffect(()=>{h(-1)},[b]),a.useEffect(()=>{if(n>=0&&w.current){const e=w.current.children[n];e&&e.scrollIntoView({block:"nearest"})}},[n]);const U=e=>{const r=e.target.value;i==null||i(r),s(!0)},L=e=>{var r;i==null||i(e.label),x==null||x(e),s(!1),(r=A.current)==null||r.blur()},W=e=>{if(!c){(e.key==="ArrowDown"||e.key==="ArrowUp")&&(s(!0),e.preventDefault());return}switch(e.key){case"ArrowDown":e.preventDefault(),h(r=>r<o.length-1?r+1:0);break;case"ArrowUp":e.preventDefault(),h(r=>r>0?r-1:o.length-1);break;case"Enter":e.preventDefault(),n>=0&&o[n]?L(o[n]):k&&b&&s(!1);break;case"Escape":s(!1);break}};return t.jsxs("div",{className:m.cn("bear-w-full bear-relative",_),ref:N,"data-testid":B,children:[v&&t.jsx("label",{className:"bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200 bear-mb-1.5",children:v}),t.jsxs("div",{className:"bear-relative",ref:P,children:[t.jsx("input",{ref:A,type:"text",value:b,onChange:U,onFocus:()=>s(!0),onKeyDown:W,placeholder:I,disabled:f,className:m.cn("bear-w-full bear-px-4 bear-py-2.5 bear-pr-10 bear-rounded-lg bear-border","bear-bg-[var(--bear-bg-primary)]","bear-text-sm bear-text-[var(--bear-text-primary)]","placeholder:bear-text-[var(--bear-text-muted)]","bear-transition-colors bear-outline-none",u?"bear-border-red-500 focus:bear-ring-2 focus:bear-ring-red-500/20":"bear-border-[var(--bear-border-default)] focus:bear-border-amber-500 focus:bear-ring-2 focus:bear-ring-amber-500/20",f&&"bear-opacity-50 bear-cursor-not-allowed bear-bg-[var(--bear-bg-secondary)]")}),t.jsx("div",{className:"bear-absolute bear-right-3 bear-top-1/2 bear-transform bear--translate-y-1/2",children:E?t.jsxs("svg",{className:"bear-animate-spin bear-w-4 bear-h-4 bear-text-gray-400",viewBox:"0 0 24 24",fill:"none",children:[t.jsx("circle",{className:"bear-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),t.jsx("path",{className:"bear-opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}):t.jsx("svg",{className:"bear-w-4 bear-h-4 bear-text-gray-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"})})})]}),g&&t.jsx(D.Portal,{children:t.jsx("div",{ref:p,className:"bear-fixed bear-rounded-lg bear-border bear-border-[var(--bear-border-default)] bear-shadow-lg bear-bg-[var(--bear-bg-primary)]",style:{top:l.top,left:l.left,width:l.width,zIndex:M.AUTOCOMPLETE_PANEL_Z},children:t.jsx("div",{ref:w,className:"bear-max-h-60 bear-overflow-auto bear-py-1",children:o.map((e,r)=>t.jsxs("button",{type:"button",disabled:e.disabled,onClick:()=>L(e),className:m.cn("bear-w-full bear-px-4 bear-py-2 bear-text-left bear-text-sm bear-transition-colors","bear-text-[var(--bear-text-primary)]",r===n?"bear-bg-[var(--bear-bg-tertiary)]":"hover:bear-bg-[var(--bear-bg-secondary)]",e.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),children:[t.jsx("div",{className:"bear-font-medium",children:e.label}),e.description&&t.jsx("div",{className:"bear-text-xs bear-text-[var(--bear-text-muted)] bear-mt-0.5",children:e.description})]},e.value))})})}),y&&t.jsx(D.Portal,{children:t.jsx("div",{ref:p,className:"bear-fixed bear-py-3 bear-px-4 bear-bg-white dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-shadow-lg bear-text-sm bear-text-gray-500",style:{top:l.top,left:l.left,width:l.width,zIndex:M.AUTOCOMPLETE_PANEL_Z},children:k?"Press Enter to use this value":"No results found"})}),(j||u)&&t.jsx("p",{className:m.cn("bear-mt-1.5 bear-text-xs",u?"bear-text-red-500":"bear-text-gray-500 dark:bear-text-gray-400"),children:u||j})]})};exports.Autocomplete=C;

package/dist/components/Autocomplete/Autocomplete.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { useState as N, useRef as c, useEffect as h } from "react";
-import { cn as g } from "../../utils/cn.js";
+import { useState as N, useRef as c, useEffect as p } from "react";
+import { cn as h } from "../../utils/cn.js";
 import { Portal as B } from "../Portal/Portal.js";
 import { defaultFilter as T } from "./Autocomplete.utils.js";
 import { AUTOCOMPLETE_PANEL_Z as W } from "./Autocomplete.const.js";
@@ -20,9 +20,9 @@ const Y = ({
   className: F,
   testId: H
 }) => {
-  const [l, a] = N(!1), [n, p] = N(-1), [i, K] = N({ top: 0, left: 0, width: 0 }), D = c(null), z = c(null), y = c(null), I = c(null), x = c(null), s = V(j, b), k = l && !f && s.length > 0, v = l && !f && s.length === 0 && !!b && !A;
-  h(() => {
-    if (!k && !v) return;
+  const [l, a] = N(!1), [n, x] = N(-1), [i, K] = N({ top: 0, left: 0, width: 0 }), D = c(null), z = c(null), g = c(null), I = c(null), y = c(null), s = V(j, b), v = l && !f && s.length > 0, k = l && !f && s.length === 0 && !!b && !A;
+  p(() => {
+    if (!v && !k) return;
     const e = () => {
       var d;
       const r = (d = z.current) == null ? void 0 : d.getBoundingClientRect();
@@ -35,19 +35,19 @@ const Y = ({
     return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
       window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
     };
-  }, [k, v]), h(() => {
+  }, [v, k]), p(() => {
     if (!l) return;
     const e = (r) => {
       var M, O;
       const d = r.target;
-      (M = D.current) != null && M.contains(d) || (O = y.current) != null && O.contains(d) || a(!1);
+      (M = D.current) != null && M.contains(d) || (O = g.current) != null && O.contains(d) || a(!1);
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [l]), h(() => {
-    p(-1);
-  }, [b]), h(() => {
-    if (n >= 0 && x.current) {
-      const e = x.current.children[n];
+  }, [l]), p(() => {
+    x(-1);
+  }, [b]), p(() => {
+    if (n >= 0 && y.current) {
+      const e = y.current.children[n];
       e && e.scrollIntoView({ block: "nearest" });
     }
   }, [n]);
@@ -64,12 +64,12 @@ const Y = ({
     }
     switch (e.key) {
       case "ArrowDown":
-        e.preventDefault(), p(
+        e.preventDefault(), x(
           (r) => r < s.length - 1 ? r + 1 : 0
         );
         break;
       case "ArrowUp":
-        e.preventDefault(), p(
+        e.preventDefault(), x(
           (r) => r > 0 ? r - 1 : s.length - 1
         );
         break;
@@ -81,7 +81,7 @@ const Y = ({
         break;
     }
   };
-  return /* @__PURE__ */ m("div", { className: g("bear-w-full bear-relative", F), ref: D, "data-testid": H, children: [
+  return /* @__PURE__ */ m("div", { className: h("bear-w-full bear-relative", F), ref: D, "data-testid": H, children: [
     E && /* @__PURE__ */ t("label", { className: "bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-200 bear-mb-1.5", children: E }),
     /* @__PURE__ */ m("div", { className: "bear-relative", ref: z, children: [
       /* @__PURE__ */ t(
@@ -95,14 +95,14 @@ const Y = ({
           onKeyDown: C,
           placeholder: U,
           disabled: f,
-          className: g(
+          className: h(
             "bear-w-full bear-px-4 bear-py-2.5 bear-pr-10 bear-rounded-lg bear-border",
-            "bear-bg-white dark:bear-bg-gray-900",
-            "bear-text-sm bear-text-gray-900 dark:bear-text-white",
-            "placeholder:bear-text-gray-400",
+            "bear-bg-[var(--bear-bg-primary)]",
+            "bear-text-sm bear-text-[var(--bear-text-primary)]",
+            "placeholder:bear-text-[var(--bear-text-muted)]",
             "bear-transition-colors bear-outline-none",
-            u ? "bear-border-red-500 focus:bear-ring-2 focus:bear-ring-red-500/20" : "bear-border-gray-300 dark:bear-border-gray-600 focus:bear-border-amber-500 focus:bear-ring-2 focus:bear-ring-amber-500/20",
-            f && "bear-opacity-50 bear-cursor-not-allowed bear-bg-gray-100 dark:bear-bg-gray-800"
+            u ? "bear-border-red-500 focus:bear-ring-2 focus:bear-ring-red-500/20" : "bear-border-[var(--bear-border-default)] focus:bear-border-amber-500 focus:bear-ring-2 focus:bear-ring-amber-500/20",
+            f && "bear-opacity-50 bear-cursor-not-allowed bear-bg-[var(--bear-bg-secondary)]"
           )
         }
       ),
@@ -111,42 +111,42 @@ const Y = ({
         /* @__PURE__ */ t("path", { className: "bear-opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
       ] }) : /* @__PURE__ */ t("svg", { className: "bear-w-4 bear-h-4 bear-text-gray-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ t("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) })
     ] }),
-    k && /* @__PURE__ */ t(B, { children: /* @__PURE__ */ t(
+    v && /* @__PURE__ */ t(B, { children: /* @__PURE__ */ t(
       "div",
       {
-        ref: y,
-        className: "bear-fixed bear-rounded-lg bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-shadow-lg bear-bg-white dark:bear-bg-gray-800",
+        ref: g,
+        className: "bear-fixed bear-rounded-lg bear-border bear-border-[var(--bear-border-default)] bear-shadow-lg bear-bg-[var(--bear-bg-primary)]",
         style: {
           top: i.top,
           left: i.left,
           width: i.width,
           zIndex: W
         },
-        children: /* @__PURE__ */ t("div", { ref: x, className: "bear-max-h-60 bear-overflow-auto bear-py-1", children: s.map((e, r) => /* @__PURE__ */ m(
+        children: /* @__PURE__ */ t("div", { ref: y, className: "bear-max-h-60 bear-overflow-auto bear-py-1", children: s.map((e, r) => /* @__PURE__ */ m(
           "button",
           {
             type: "button",
             disabled: e.disabled,
             onClick: () => R(e),
-            className: g(
+            className: h(
               "bear-w-full bear-px-4 bear-py-2 bear-text-left bear-text-sm bear-transition-colors",
-              "bear-text-gray-900 dark:bear-text-white",
-              r === n ? "bear-bg-amber-50 dark:bear-bg-amber-900/20" : "hover:bear-bg-gray-50 dark:hover:bear-bg-gray-700",
+              "bear-text-[var(--bear-text-primary)]",
+              r === n ? "bear-bg-[var(--bear-bg-tertiary)]" : "hover:bear-bg-[var(--bear-bg-secondary)]",
               e.disabled && "bear-opacity-50 bear-cursor-not-allowed"
             ),
             children: [
               /* @__PURE__ */ t("div", { className: "bear-font-medium", children: e.label }),
-              e.description && /* @__PURE__ */ t("div", { className: "bear-text-xs bear-text-gray-500 dark:bear-text-gray-400 bear-mt-0.5", children: e.description })
+              e.description && /* @__PURE__ */ t("div", { className: "bear-text-xs bear-text-[var(--bear-text-muted)] bear-mt-0.5", children: e.description })
             ]
           },
           e.value
         )) })
       }
     ) }),
-    v && /* @__PURE__ */ t(B, { children: /* @__PURE__ */ t(
+    k && /* @__PURE__ */ t(B, { children: /* @__PURE__ */ t(
       "div",
       {
-        ref: y,
+        ref: g,
         className: "bear-fixed bear-py-3 bear-px-4 bear-bg-white dark:bear-bg-gray-800 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-shadow-lg bear-text-sm bear-text-gray-500",
         style: {
           top: i.top,
@@ -157,7 +157,7 @@ const Y = ({
         children: P ? "Press Enter to use this value" : "No results found"
       }
     ) }),
-    (L || u) && /* @__PURE__ */ t("p", { className: g(
+    (L || u) && /* @__PURE__ */ t("p", { className: h(
       "bear-mt-1.5 bear-text-xs",
       u ? "bear-text-red-500" : "bear-text-gray-500 dark:bear-text-gray-400"
     ), children: u || L })

package/dist/components/Backdrop/Backdrop.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("react/jsx-runtime"),e=require("./Backdrop.const.cjs"),I=require("../../utils/cn.cjs");require("react");const O=require("../../utils/generateBearId.utils.cjs"),R=require("../../utils/useBearId.cjs"),E=s=>{const{id:n,testId:i,open:r=!0,invisible:a=!1,blur:o=!1,zIndex:d=e.BACKDROP_DEFAULT_Z_INDEX,transitionDuration:S=e.BACKDROP_DEFAULT_TRANSITION_MS,keepMounted:c=!1,onClick:u,children:t,className:_,style:B,...l}=s,A=R.useBearId("Backdrop"),C=O.resolveBearId(n,A);return!r&&!c&&!t?null:D.jsx("div",{...l,id:C,"data-testid":i,"aria-hidden":!r,onClick:u,className:I.cn(e.BACKDROP_ROOT_CLASS,e.BACKDROP_BASE_CLASSES,r?e.BACKDROP_VISIBLE_CLASSES:e.BACKDROP_HIDDEN_CLASSES,!a&&e.BACKDROP_TINT_CLASSES,o&&e.BACKDROP_BLUR_CLASSES,_),style:{zIndex:d,transitionDuration:`${S}ms`,...B},children:t})};exports.Backdrop=E;

package/dist/components/Backdrop/Backdrop.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S="Bear-Backdrop",e=11e3,A=200,_="bear-fixed bear-inset-0 bear-flex bear-items-center bear-justify-center bear-transition-opacity",t="bear-opacity-100 bear-pointer-events-auto",C="bear-opacity-0 bear-pointer-events-none",r="bear-bg-black/50 dark:bear-bg-black/60",a="bear-backdrop-blur-sm";exports.BACKDROP_BASE_CLASSES=_;exports.BACKDROP_BLUR_CLASSES=a;exports.BACKDROP_DEFAULT_TRANSITION_MS=A;exports.BACKDROP_DEFAULT_Z_INDEX=e;exports.BACKDROP_HIDDEN_CLASSES=C;exports.BACKDROP_ROOT_CLASS=S;exports.BACKDROP_TINT_CLASSES=r;exports.BACKDROP_VISIBLE_CLASSES=t;

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

@@ -0,0 +1,8 @@
+export declare const BACKDROP_ROOT_CLASS = "Bear-Backdrop";
+export declare const BACKDROP_DEFAULT_Z_INDEX = 11000;
+export declare const BACKDROP_DEFAULT_TRANSITION_MS = 200;
+export declare const BACKDROP_BASE_CLASSES = "bear-fixed bear-inset-0 bear-flex bear-items-center bear-justify-center bear-transition-opacity";
+export declare const BACKDROP_VISIBLE_CLASSES = "bear-opacity-100 bear-pointer-events-auto";
+export declare const BACKDROP_HIDDEN_CLASSES = "bear-opacity-0 bear-pointer-events-none";
+export declare const BACKDROP_TINT_CLASSES = "bear-bg-black/50 dark:bear-bg-black/60";
+export declare const BACKDROP_BLUR_CLASSES = "bear-backdrop-blur-sm";

package/dist/components/Backdrop/Backdrop.const.js

@@ -0,0 +1,11 @@
+const e = "Bear-Backdrop", a = 11e3, r = 200, t = "bear-fixed bear-inset-0 bear-flex bear-items-center bear-justify-center bear-transition-opacity", S = "bear-opacity-100 bear-pointer-events-auto", b = "bear-opacity-0 bear-pointer-events-none", n = "bear-bg-black/50 dark:bear-bg-black/60", o = "bear-backdrop-blur-sm";
+export {
+  t as BACKDROP_BASE_CLASSES,
+  o as BACKDROP_BLUR_CLASSES,
+  r as BACKDROP_DEFAULT_TRANSITION_MS,
+  a as BACKDROP_DEFAULT_Z_INDEX,
+  b as BACKDROP_HIDDEN_CLASSES,
+  e as BACKDROP_ROOT_CLASS,
+  n as BACKDROP_TINT_CLASSES,
+  S as BACKDROP_VISIBLE_CLASSES
+};

package/dist/components/Backdrop/Backdrop.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { BackdropProps } from './Backdrop.types';
+export declare const Backdrop: FC<BackdropProps>;

package/dist/components/Backdrop/Backdrop.js

@@ -0,0 +1,50 @@
+import { jsx as l } from "react/jsx-runtime";
+import { BACKDROP_DEFAULT_Z_INDEX as I, BACKDROP_DEFAULT_TRANSITION_MS as c, BACKDROP_BLUR_CLASSES as p, BACKDROP_TINT_CLASSES as E, BACKDROP_VISIBLE_CLASSES as O, BACKDROP_HIDDEN_CLASSES as R, BACKDROP_BASE_CLASSES as L, BACKDROP_ROOT_CLASS as f } from "./Backdrop.const.js";
+import { cn as u } from "../../utils/cn.js";
+import "react";
+import { resolveBearId as K } from "../../utils/generateBearId.utils.js";
+import { useBearId as P } from "../../utils/useBearId.js";
+const b = (t) => {
+  const {
+    id: o,
+    testId: i,
+    open: r = !0,
+    invisible: s = !1,
+    blur: n = !1,
+    zIndex: S = I,
+    transitionDuration: a = c,
+    keepMounted: d = !1,
+    onClick: A,
+    children: e,
+    className: _,
+    style: m,
+    ...B
+  } = t, C = P("Backdrop"), D = K(o, C);
+  return !r && !d && !e ? null : /* @__PURE__ */ l(
+    "div",
+    {
+      ...B,
+      id: D,
+      "data-testid": i,
+      "aria-hidden": !r,
+      onClick: A,
+      className: u(
+        f,
+        L,
+        r ? O : R,
+        !s && E,
+        n && p,
+        _
+      ),
+      style: {
+        zIndex: S,
+        transitionDuration: `${a}ms`,
+        ...m
+      },
+      children: e
+    }
+  );
+};
+export {
+  b as Backdrop
+};

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

@@ -0,0 +1,14 @@
+import { HTMLAttributes, ReactNode, MouseEvent } from 'react';
+export interface BackdropProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    id?: string;
+    testId?: string;
+    open?: boolean;
+    invisible?: boolean;
+    blur?: boolean;
+    zIndex?: number;
+    transitionDuration?: number;
+    keepMounted?: boolean;
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+    children?: ReactNode;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Backdrop } from './Backdrop';
+export type { BackdropProps } from './Backdrop.types';

package/dist/components/BottomNavigation/BottomNavigation.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("../../utils/cn.cjs");require("react");const u=({items:s,value:n,onChange:t,showLabels:i="active",variant:l="default",className:c})=>{const d={default:"bear-bg-zinc-900 bear-border-t bear-border-zinc-800",elevated:"bear-bg-zinc-900 bear-shadow-[0_-4px_20px_rgba(0,0,0,0.3)]",transparent:"bear-bg-zinc-900/80 bear-backdrop-blur-md bear-border-t bear-border-zinc-800/50"},o=e=>i===!0||i==="always"?!0:i==="active"?e:!1;return r.jsx("nav",{className:b.cn("bear-fixed bear-bottom-0 bear-left-0 bear-right-0 bear-z-50 bear-h-16 bear-flex bear-items-center bear-justify-around bear-px-2",d[l],c),children:s.map(e=>{const a=n===e.id;return r.jsxs("button",{onClick:()=>!e.disabled&&(t==null?void 0:t(e.id)),disabled:e.disabled,className:b.cn("bear-flex bear-flex-col bear-items-center bear-justify-center bear-flex-1 bear-h-full bear-py-2 bear-transition-all",a?"bear-text-primary-400":"bear-text-zinc-500 hover:bear-text-zinc-300",e.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),children:[r.jsxs("div",{className:"bear-relative",children:[r.jsx("span",{className:b.cn("bear-transition-transform",a&&"bear-scale-110"),children:e.icon}),e.badge!==void 0&&r.jsx("span",{className:"bear-absolute -bear-top-1 -bear-right-1 bear-min-w-[16px] bear-h-4 bear-px-1 bear-flex bear-items-center bear-justify-center bear-text-xs bear-font-medium bear-bg-primary-500 bear-text-white bear-rounded-full",children:e.badge})]}),o(a)&&r.jsx("span",{className:b.cn("bear-text-xs bear-mt-1 bear-transition-all",a?"bear-font-medium":""),children:e.label})]},e.id)})})};exports.BottomNavigation=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("./BottomNavigation.const.cjs"),s=require("../../utils/cn.cjs");require("react");const f=require("../../utils/generateBearId.utils.cjs"),m=require("../../utils/useBearId.cjs"),A=b=>{const{items:o,value:l,onChange:n,showLabels:i="active",variant:c="default",className:d,id:u,testId:N}=b,x=m.useBearId("BottomNavigation"),I=f.resolveBearId(u,x),T=e=>i===!0||i==="always"?!0:i==="active"?e:!1;return a.jsx("nav",{id:I,"data-testid":N,className:s.cn(r.BOTTOM_NAVIGATION_ROOT_CLASS,"bear-fixed bear-bottom-0 bear-left-0 bear-right-0 bear-z-50 bear-h-16 bear-flex bear-items-center bear-justify-around bear-px-2",r.BOTTOM_NAVIGATION_VARIANT_CLASSES[c],d),children:o.map(e=>{const t=l===e.id;return a.jsxs("button",{type:"button",onClick:()=>!e.disabled&&(n==null?void 0:n(e.id)),disabled:e.disabled,className:s.cn(`${r.BOTTOM_NAVIGATION_ROOT_CLASS}__item`,"bear-flex bear-flex-col bear-items-center bear-justify-center bear-flex-1 bear-h-full bear-py-2 bear-transition-all",t?r.BOTTOM_NAVIGATION_ACTIVE_CLASSES:r.BOTTOM_NAVIGATION_INACTIVE_CLASSES,e.disabled&&"bear-opacity-50 bear-cursor-not-allowed"),children:[a.jsxs("div",{className:"bear-relative",children:[a.jsx("span",{className:s.cn("bear-transition-transform",t&&"bear-scale-110"),children:e.icon}),e.badge!==void 0&&a.jsx("span",{className:"bear-absolute -bear-top-1 -bear-right-1 bear-min-w-[16px] bear-h-4 bear-px-1 bear-flex bear-items-center bear-justify-center bear-text-xs bear-font-medium bear-bg-primary-500 bear-text-white bear-rounded-full",children:e.badge})]}),T(t)&&a.jsx("span",{className:s.cn("bear-text-xs bear-mt-1 bear-transition-all",t?"bear-font-medium":""),children:e.label})]},e.id)})})};exports.BottomNavigation=A;

package/dist/components/BottomNavigation/BottomNavigation.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r="Bear-BottomNavigation",e={default:"bear-bg-white dark:bear-bg-zinc-900 bear-border-t bear-border-gray-200 dark:bear-border-zinc-800",elevated:"bear-bg-white dark:bear-bg-zinc-900 bear-shadow-[0_-4px_20px_rgba(0,0,0,0.08)] dark:bear-shadow-[0_-4px_20px_rgba(0,0,0,0.3)]",transparent:"bear-bg-white/80 dark:bear-bg-zinc-900/80 bear-backdrop-blur-md bear-border-t bear-border-gray-200/70 dark:bear-border-zinc-800/50"},a="bear-text-primary-600 dark:bear-text-primary-400",b="bear-text-gray-500 hover:bear-text-gray-800 dark:bear-text-zinc-500 dark:hover:bear-text-zinc-300";exports.BOTTOM_NAVIGATION_ACTIVE_CLASSES=a;exports.BOTTOM_NAVIGATION_INACTIVE_CLASSES=b;exports.BOTTOM_NAVIGATION_ROOT_CLASS=r;exports.BOTTOM_NAVIGATION_VARIANT_CLASSES=e;

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

@@ -1 +1,8 @@
-export declare const B_O_T_T_O_M_N_A_V_I_G_A_T_I_O_N_ROOT_CLASS = "Bear-BottomNavigation";
+export declare const BOTTOM_NAVIGATION_ROOT_CLASS = "Bear-BottomNavigation";
+export declare const BOTTOM_NAVIGATION_VARIANT_CLASSES: {
+    readonly default: "bear-bg-white dark:bear-bg-zinc-900 bear-border-t bear-border-gray-200 dark:bear-border-zinc-800";
+    readonly elevated: "bear-bg-white dark:bear-bg-zinc-900 bear-shadow-[0_-4px_20px_rgba(0,0,0,0.08)] dark:bear-shadow-[0_-4px_20px_rgba(0,0,0,0.3)]";
+    readonly transparent: "bear-bg-white/80 dark:bear-bg-zinc-900/80 bear-backdrop-blur-md bear-border-t bear-border-gray-200/70 dark:bear-border-zinc-800/50";
+};
+export declare const BOTTOM_NAVIGATION_ACTIVE_CLASSES = "bear-text-primary-600 dark:bear-text-primary-400";
+export declare const BOTTOM_NAVIGATION_INACTIVE_CLASSES = "bear-text-gray-500 hover:bear-text-gray-800 dark:bear-text-zinc-500 dark:hover:bear-text-zinc-300";

package/dist/components/BottomNavigation/BottomNavigation.const.js

@@ -0,0 +1,11 @@
+const r = "Bear-BottomNavigation", a = {
+  default: "bear-bg-white dark:bear-bg-zinc-900 bear-border-t bear-border-gray-200 dark:bear-border-zinc-800",
+  elevated: "bear-bg-white dark:bear-bg-zinc-900 bear-shadow-[0_-4px_20px_rgba(0,0,0,0.08)] dark:bear-shadow-[0_-4px_20px_rgba(0,0,0,0.3)]",
+  transparent: "bear-bg-white/80 dark:bear-bg-zinc-900/80 bear-backdrop-blur-md bear-border-t bear-border-gray-200/70 dark:bear-border-zinc-800/50"
+}, e = "bear-text-primary-600 dark:bear-text-primary-400", b = "bear-text-gray-500 hover:bear-text-gray-800 dark:bear-text-zinc-500 dark:hover:bear-text-zinc-300";
+export {
+  e as BOTTOM_NAVIGATION_ACTIVE_CLASSES,
+  b as BOTTOM_NAVIGATION_INACTIVE_CLASSES,
+  r as BOTTOM_NAVIGATION_ROOT_CLASS,
+  a as BOTTOM_NAVIGATION_VARIANT_CLASSES
+};