@forgedevstack/bear 1.3.0 → 1.3.2

package/README.md

@@ -38,6 +38,8 @@ Public components generate root `id` values as `Bear-{Component}-{alphanumeric}`
 
 ## Installation
 
+Bear installs `@forgedevstack/bear-icons` as an **optional dependency**. The default install includes components, theme, and icons.
+
 ```bash
 npm install @forgedevstack/bear
 # or
@@ -46,6 +48,30 @@ pnpm add @forgedevstack/bear
 yarn add @forgedevstack/bear
 ```
 
+### Install without icons
+
+npm has no `--no-icons` flag. Skip the icon package with `--omit=optional`:
+
+```bash
+npm install @forgedevstack/bear --omit=optional
+# yarn
+yarn add @forgedevstack/bear --ignore-optional
+# pnpm
+pnpm add @forgedevstack/bear --no-optional
+```
+
+Do not import icons from `@forgedevstack/bear` after a no-icons install.
+
+### Icons only
+
+```bash
+npm install @forgedevstack/bear-icons
+```
+
+```tsx
+import { SearchIcon, BearIcons } from '@forgedevstack/bear-icons';
+```
+
 ### Import CSS (Required)
 
 Import the compiled CSS file once in your app:

package/dist/components/Accordion/Accordion.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),t=require("../../utils/cn.cjs"),c=require("./Accordion.const.cjs"),x=m.createContext(null),S=d=>{const{children:a,allowMultiple:s=!1,defaultOpen:l=[],className:o,testId:u}=d,[A,i]=m.useState(l),_=n=>{i(r=>r.includes(n)?r.filter(C=>C!==n):s?[...r,n]:[n])};return e.jsx(x.Provider,{value:{openItems:A,toggleItem:_,allowMultiple:s},children:e.jsx("div",{className:t.cn("Bear-Accordion",c.ACCORDION_ROOT_CLASSES,o),"data-testid":u,children:a})})},b=d=>{const{id:a,title:s,children:l,disabled:o=!1,icon:u,className:A}=d,i=m.useContext(x);if(!i)throw new Error("AccordionItem must be used within an Accordion");const{openItems:_,toggleItem:n}=i,r=_.includes(a);return e.jsxs("div",{className:t.cn("Bear-Accordion__item",c.ACCORDION_ITEM_CLASSES,A),children:[e.jsxs("button",{onClick:()=>!o&&n(a),disabled:o,className:t.cn("Bear-Accordion__trigger",c.ACCORDION_TRIGGER_CLASSES,o&&`Bear-Accordion__trigger--disabled ${c.ACCORDION_TRIGGER_DISABLED_CLASSES}`),"aria-expanded":r,children:[e.jsx("span",{className:"Bear-Accordion__title",children:s}),e.jsx("span",{className:"Bear-Accordion__icon",children:u||e.jsx("svg",{className:t.cn("bear-w-5 bear-h-5 bear-text-gray-500 dark:bear-text-gray-400 bear-transition-transform bear-duration-200",r&&"bear-rotate-180"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})})]}),e.jsx("div",{className:t.cn("Bear-Accordion__content-wrapper","bear-overflow-hidden bear-transition-all bear-duration-200",r?"Bear-Accordion__content-wrapper--open bear-max-h-96":"bear-max-h-0"),children:e.jsx("div",{className:t.cn("Bear-Accordion__content",c.ACCORDION_CONTENT_CLASSES),children:l})})]})};exports.Accordion=S;exports.AccordionItem=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),g=require("react"),y=require("../../constants/generals.const.cjs"),A=require("../../utils/cn.cjs"),f=require("./Accordion.context.cjs"),v=n=>{const{children:c,allowMultiple:t=y.BOOLEAN_FALSE,defaultOpen:a=[],className:d,testId:i}=n,[s,l]=g.useState(a),u=e=>{l(r=>r.includes(e)?r.filter(b=>b!==e):t?[...r,e]:[e])};return o.jsx(f.AccordionContext.Provider,{value:{openItems:s,toggleItem:u,allowMultiple:t},children:o.jsx("div",{className:A.cn("Bear-Accordion bear-divide-y bear-divide-gray-200 dark:bear-divide-gray-700 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-overflow-hidden",d),"data-testid":i,children:c})})};exports.Accordion=v;

package/dist/components/Accordion/Accordion.context.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext(null);exports.AccordionContext=e;

package/dist/components/Accordion/Accordion.context.d.ts

@@ -0,0 +1,2 @@
+import { AccordionContextValue } from './Accordion.types';
+export declare const AccordionContext: import('react').Context<AccordionContextValue | null>;

package/dist/components/Accordion/Accordion.context.js

@@ -0,0 +1,5 @@
+import { createContext as o } from "react";
+const e = o(null);
+export {
+  e as AccordionContext
+};

package/dist/components/Accordion/Accordion.d.ts

@@ -1,23 +1,3 @@
-import { FC } from 'react';
-import { AccordionProps, AccordionItemProps } from './Accordion.types';
-/**
- * Accordion - Collapsible content panels
- *
- * @example
- * ```tsx
- * <Accordion allowMultiple>
- *   <AccordionItem id="1" title="Section 1">
- *     Content for section 1
- *   </AccordionItem>
- *   <AccordionItem id="2" title="Section 2">
- *     Content for section 2
- *   </AccordionItem>
- * </Accordion>
- * ```
- */
-export declare const Accordion: FC<AccordionProps>;
-/**
- * AccordionItem - Individual accordion panel
- */
-export declare const AccordionItem: FC<AccordionItemProps>;
+import { AccordionProps } from './Accordion.types';
+export declare const Accordion: (props: AccordionProps) => import("react/jsx-runtime").JSX.Element;
 export default Accordion;

package/dist/components/Accordion/Accordion.js

@@ -1,82 +1,30 @@
-import { jsx as e, jsxs as A } from "react/jsx-runtime";
-import { createContext as p, useState as h, useContext as N } from "react";
-import { cn as n } from "../../utils/cn.js";
-import { ACCORDION_ROOT_CLASSES as S, ACCORDION_TRIGGER_DISABLED_CLASSES as b, ACCORDION_TRIGGER_CLASSES as O, ACCORDION_CONTENT_CLASSES as f, ACCORDION_ITEM_CLASSES as I } from "./Accordion.const.js";
-const u = p(null), R = (s) => {
+import { jsx as t } from "react/jsx-runtime";
+import { useState as f } from "react";
+import { BOOLEAN_FALSE as u } from "../../constants/generals.const.js";
+import { cn as p } from "../../utils/cn.js";
+import { AccordionContext as g } from "./Accordion.context.js";
+const x = (a) => {
   const {
-    children: a,
-    allowMultiple: c = !1,
-    defaultOpen: d = [],
-    className: t,
-    testId: l
-  } = s, [m, i] = h(d), _ = (o) => {
-    i((r) => r.includes(o) ? r.filter((C) => C !== o) : c ? [...r, o] : [o]);
+    children: d,
+    allowMultiple: o = u,
+    defaultOpen: i = [],
+    className: n,
+    testId: c
+  } = a, [s, l] = f(i), m = (r) => {
+    l((e) => e.includes(r) ? e.filter((b) => b !== r) : o ? [...e, r] : [r]);
   };
-  return /* @__PURE__ */ e(u.Provider, { value: { openItems: m, toggleItem: _, allowMultiple: c }, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(g.Provider, { value: { openItems: s, toggleItem: m, allowMultiple: o }, children: /* @__PURE__ */ t(
     "div",
     {
-      className: n("Bear-Accordion", S, t),
-      "data-testid": l,
-      children: a
+      className: p(
+        "Bear-Accordion bear-divide-y bear-divide-gray-200 dark:bear-divide-gray-700 bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-rounded-lg bear-overflow-hidden",
+        n
+      ),
+      "data-testid": c,
+      children: d
     }
   ) });
-}, w = (s) => {
-  const {
-    id: a,
-    title: c,
-    children: d,
-    disabled: t = !1,
-    icon: l,
-    className: m
-  } = s, i = N(u);
-  if (!i)
-    throw new Error("AccordionItem must be used within an Accordion");
-  const { openItems: _, toggleItem: o } = i, r = _.includes(a);
-  return /* @__PURE__ */ A("div", { className: n("Bear-Accordion__item", I, m), children: [
-    /* @__PURE__ */ A(
-      "button",
-      {
-        onClick: () => !t && o(a),
-        disabled: t,
-        className: n(
-          "Bear-Accordion__trigger",
-          O,
-          t && `Bear-Accordion__trigger--disabled ${b}`
-        ),
-        "aria-expanded": r,
-        children: [
-          /* @__PURE__ */ e("span", { className: "Bear-Accordion__title", children: c }),
-          /* @__PURE__ */ e("span", { className: "Bear-Accordion__icon", children: l || /* @__PURE__ */ e(
-            "svg",
-            {
-              className: n(
-                "bear-w-5 bear-h-5 bear-text-gray-500 dark:bear-text-gray-400 bear-transition-transform bear-duration-200",
-                r && "bear-rotate-180"
-              ),
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              "aria-hidden": "true",
-              children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
-            }
-          ) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: n(
-          "Bear-Accordion__content-wrapper",
-          "bear-overflow-hidden bear-transition-all bear-duration-200",
-          r ? "Bear-Accordion__content-wrapper--open bear-max-h-96" : "bear-max-h-0"
-        ),
-        children: /* @__PURE__ */ e("div", { className: n("Bear-Accordion__content", f), children: d })
-      }
-    )
-  ] });
 };
 export {
-  R as Accordion,
-  w as AccordionItem
+  x as Accordion
 };

package/dist/components/Accordion/components/AccordionItem/AccordionItem.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("../../../../constants/generals.const.cjs"),r=require("../../../../utils/cn.cjs");require("react");const a=require("../../../Box/Box.cjs"),g=require("../../../Typography/Typography.cjs"),m=require("@forgedevstack/bear-icons"),p=require("../../hooks/useAccordion.cjs"),_=require("./AccordionItem.utils.cjs"),y=c=>{const{id:n,title:i,children:s,disabled:o=u.BOOLEAN_FALSE,icon:b,className:d}=c,{openItems:l,toggleItem:x}=p.useAccordion(),t=_.isAccordionItemOpen(l,n);return e.jsxs(a.Box,{className:r.cn("Bear-Accordion__item bear-bg-white dark:bear-bg-zinc-900",d),children:[e.jsxs("button",{type:"button",onClick:()=>!o&&x(n),disabled:o,className:r.cn("Bear-Accordion__trigger bear-w-full bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-text-left bear-font-medium bear-text-gray-900 dark:bear-text-white hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-800 bear-transition-colors",o&&"Bear-Accordion__trigger--disabled bear-opacity-50 bear-cursor-not-allowed"),"aria-expanded":t,children:[e.jsx(g.Typography,{className:"Bear-Accordion__title",children:i}),e.jsx(a.Box,{className:"Bear-Accordion__icon",children:b||e.jsx(m.ChevronDownIcon,{className:r.cn("bear-w-5 bear-h-5 bear-text-gray-500 dark:bear-text-gray-400 bear-transition-transform bear-duration-200",t&&"bear-rotate-180")})})]}),e.jsx(a.Box,{className:r.cn("Bear-Accordion__content-wrapper","bear-overflow-hidden bear-transition-all bear-duration-200",t?"Bear-Accordion__content-wrapper--open bear-max-h-96":"bear-max-h-0"),children:e.jsx(a.Box,{className:"Bear-Accordion__content bear-px-4 bear-py-3 bear-text-gray-600 dark:bear-text-gray-300 bear-bg-gray-50 dark:bear-bg-zinc-800/50",children:s})})]})};exports.AccordionItem=y;

package/dist/components/Accordion/components/AccordionItem/AccordionItem.const.d.ts

@@ -0,0 +1 @@
+export { ACCORDION_ITEM_CONTEXT_ERROR } from '../../../../constants';

package/dist/components/Accordion/components/AccordionItem/AccordionItem.d.ts

@@ -0,0 +1,2 @@
+import { AccordionItemProps } from './AccordionItem.types';
+export declare const AccordionItem: (props: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Accordion/components/AccordionItem/AccordionItem.js

@@ -0,0 +1,60 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { BOOLEAN_FALSE as g } from "../../../../constants/generals.const.js";
+import { cn as e } from "../../../../utils/cn.js";
+import "react";
+import { Box as a } from "../../../Box/Box.js";
+import { Typography as x } from "../../../Typography/Typography.js";
+import { ChevronDownIcon as _ } from "@forgedevstack/bear-icons";
+import { useAccordion as h } from "../../hooks/useAccordion.js";
+import { isAccordionItemOpen as f } from "./AccordionItem.utils.js";
+const O = (c) => {
+  const {
+    id: n,
+    title: b,
+    children: s,
+    disabled: o = g,
+    icon: d,
+    className: m
+  } = c, { openItems: l, toggleItem: p } = h(), t = f(l, n);
+  return /* @__PURE__ */ i(a, { className: e("Bear-Accordion__item bear-bg-white dark:bear-bg-zinc-900", m), children: [
+    /* @__PURE__ */ i(
+      "button",
+      {
+        type: "button",
+        onClick: () => !o && p(n),
+        disabled: o,
+        className: e(
+          "Bear-Accordion__trigger bear-w-full bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-text-left bear-font-medium bear-text-gray-900 dark:bear-text-white hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-800 bear-transition-colors",
+          o && "Bear-Accordion__trigger--disabled bear-opacity-50 bear-cursor-not-allowed"
+        ),
+        "aria-expanded": t,
+        children: [
+          /* @__PURE__ */ r(x, { className: "Bear-Accordion__title", children: b }),
+          /* @__PURE__ */ r(a, { className: "Bear-Accordion__icon", children: d || /* @__PURE__ */ r(
+            _,
+            {
+              className: e(
+                "bear-w-5 bear-h-5 bear-text-gray-500 dark:bear-text-gray-400 bear-transition-transform bear-duration-200",
+                t && "bear-rotate-180"
+              )
+            }
+          ) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(
+      a,
+      {
+        className: e(
+          "Bear-Accordion__content-wrapper",
+          "bear-overflow-hidden bear-transition-all bear-duration-200",
+          t ? "Bear-Accordion__content-wrapper--open bear-max-h-96" : "bear-max-h-0"
+        ),
+        children: /* @__PURE__ */ r(a, { className: "Bear-Accordion__content bear-px-4 bear-py-3 bear-text-gray-600 dark:bear-text-gray-300 bear-bg-gray-50 dark:bear-bg-zinc-800/50", children: s })
+      }
+    )
+  ] });
+};
+export {
+  O as AccordionItem
+};

package/dist/components/Accordion/components/AccordionItem/AccordionItem.types.d.ts

@@ -0,0 +1 @@
+export type { AccordionItemProps } from '../../Accordion.types';

package/dist/components/Accordion/components/AccordionItem/AccordionItem.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=(e,o)=>e.includes(o);exports.isAccordionItemOpen=t;

package/dist/components/Accordion/components/AccordionItem/AccordionItem.utils.d.ts

@@ -0,0 +1 @@
+export declare const isAccordionItemOpen: (openItems: string[], itemId: string) => boolean;

package/dist/components/Accordion/components/AccordionItem/AccordionItem.utils.js

@@ -0,0 +1,4 @@
+const n = (c, e) => c.includes(e);
+export {
+  n as isAccordionItemOpen
+};

package/dist/components/Accordion/components/AccordionItem/index.d.ts

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

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

@@ -0,0 +1,2 @@
+export { AccordionItem } from './AccordionItem';
+export type { AccordionItemProps } from './AccordionItem';

package/dist/components/Accordion/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useAccordion } from './useAccordion';

package/dist/components/Accordion/hooks/useAccordion.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),t=require("../../../constants/generals.const.cjs"),r=require("../Accordion.context.cjs"),c=()=>{const e=o.useContext(r.AccordionContext);if(!e)throw new Error(t.ACCORDION_ITEM_CONTEXT_ERROR);return e};exports.useAccordion=c;

package/dist/components/Accordion/hooks/useAccordion.d.ts

@@ -0,0 +1,2 @@
+import { AccordionContextValue } from '../Accordion.types';
+export declare const useAccordion: () => AccordionContextValue;

package/dist/components/Accordion/hooks/useAccordion.js

@@ -0,0 +1,12 @@
+import { useContext as r } from "react";
+import { ACCORDION_ITEM_CONTEXT_ERROR as t } from "../../../constants/generals.const.js";
+import { AccordionContext as n } from "../Accordion.context.js";
+const m = () => {
+  const o = r(n);
+  if (!o)
+    throw new Error(t);
+  return o;
+};
+export {
+  m as useAccordion
+};

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

@@ -1,3 +1,3 @@
-export { Accordion, AccordionItem, default } from './Accordion';
-export * from './Accordion.types';
-export * from './Accordion.const';
+export { Accordion, default } from './Accordion';
+export { AccordionItem } from './components';
+export type { AccordionContextValue, AccordionProps, AccordionItemProps } from './Accordion.types';

package/dist/components/ActionIcon/ActionIcon.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("../../utils/cn.cjs");require("react");const _=require("../Spinner/Spinner.cjs"),e=require("./ActionIcon.const.cjs"),c=({children:a,variant:i="default",color:o="default",size:t="md",radius:S="md",loading:n=!1,disabled:u=!1,testId:l,className:A,...I})=>{const b=u||n,d=e.VARIANT_CLASSES[i][o];return s.jsx("button",{type:"button",disabled:b,"aria-busy":n||void 0,className:r.cn(e.ROOT_CLASS,e.SIZE_CLASSES[t],e.RADIUS_MAP[S],d,n&&"bear-cursor-wait",A),"data-testid":l,...I,children:n?s.jsx(_.Spinner,{size:e.SPINNER_SIZE_MAP[t],className:e.ICON_SIZE_MAP[t]}):s.jsx("span",{className:r.cn("bear-inline-flex bear-items-center bear-justify-center",e.ICON_SIZE_MAP[t]),children:a})})};c.displayName="ActionIcon";exports.ActionIcon=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),e=require("../../constants/generals.const.cjs"),l=require("../../utils/cn.cjs");require("react");const _=require("../Box/Box.cjs"),E=require("../Spinner/Spinner.cjs"),n=require("./ActionIcon.const.cjs"),N=i=>{const{loading:s,size:r=e.SIZE_MD,children:a}=i;return s?o.jsx(E.Spinner,{size:n.SPINNER_SIZE_MAP[r],className:n.ICON_SIZE_MAP[r]}):o.jsx(_.Box,{as:"span",className:l.cn("bear-inline-flex bear-items-center bear-justify-center",n.ICON_SIZE_MAP[r]),children:a})},d=i=>{const{children:s,variant:r=e.VARIANT_DEFAULT,color:a=e.COLOR_DEFAULT,size:c=e.SIZE_MD,radius:u=e.RADIUS_MD,loading:t=e.BOOLEAN_FALSE,disabled:A=e.BOOLEAN_FALSE,testId:b,className:S,...I}=i;return o.jsx("button",{type:"button",disabled:A||t,"aria-busy":t||void 0,className:l.cn("Bear-ActionIcon bear-inline-flex bear-items-center bear-justify-center bear-transition-all bear-duration-200 bear-outline-none disabled:bear-opacity-50 disabled:bear-cursor-not-allowed",n.SIZE_CLASSES[c],n.RADIUS_MAP[u],n.VARIANT_CLASSES[r][a],t&&"bear-cursor-wait",S),"data-testid":b,...I,children:N({loading:t,size:c,children:s})})};d.displayName="ActionIcon";exports.ActionIcon=d;

package/dist/components/ActionIcon/ActionIcon.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={xs:"bear-w-7 bear-h-7",sm:"bear-w-8 bear-h-8",md:"bear-w-9 bear-h-9",lg:"bear-w-[42px] bear-h-[42px]",xl:"bear-w-12 bear-h-12"},e={xs:"[&_svg]:bear-w-3.5 [&_svg]:bear-h-3.5",sm:"[&_svg]:bear-w-4 [&_svg]:bear-h-4",md:"[&_svg]:bear-w-4.5 [&_svg]:bear-h-4.5",lg:"[&_svg]:bear-w-5 [&_svg]:bear-h-5",xl:"[&_svg]:bear-w-6 [&_svg]:bear-h-6"},a={sm:"bear-rounded-sm",md:"bear-rounded-md",lg:"bear-rounded-lg",full:"bear-rounded-full"},b={default:{default:"bear-bg-gray-100 dark:bear-bg-gray-800 bear-text-gray-700 dark:bear-text-gray-300 hover:bear-bg-gray-200 dark:hover:bear-bg-gray-700 focus:bear-ring-2 focus:bear-ring-gray-400/50 dark:focus:bear-ring-gray-500/50",primary:"bear-bg-gray-100 dark:bear-bg-gray-800 bear-text-primary-600 dark:bear-text-primary-400 hover:bear-bg-primary-100 dark:hover:bear-bg-primary-900/30 focus:bear-ring-2 focus:bear-ring-primary-500/30 dark:focus:bear-ring-primary-400/30",success:"bear-bg-gray-100 dark:bear-bg-gray-800 bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-100 dark:hover:bear-bg-green-900/30 focus:bear-ring-2 focus:bear-ring-green-500/30 dark:focus:bear-ring-green-400/30",warning:"bear-bg-gray-100 dark:bear-bg-gray-800 bear-text-amber-600 dark:bear-text-amber-400 hover:bear-bg-amber-100 dark:hover:bear-bg-amber-900/30 focus:bear-ring-2 focus:bear-ring-amber-500/30 dark:focus:bear-ring-amber-400/30",error:"bear-bg-gray-100 dark:bear-bg-gray-800 bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-100 dark:hover:bear-bg-red-900/30 focus:bear-ring-2 focus:bear-ring-red-500/30 dark:focus:bear-ring-red-400/30"},filled:{default:"bear-bg-gray-200 dark:bear-bg-gray-700 bear-text-gray-800 dark:bear-text-gray-200 hover:bear-bg-gray-300 dark:hover:bear-bg-gray-600 focus:bear-ring-2 focus:bear-ring-gray-400/50 dark:focus:bear-ring-gray-500/50",primary:"bear-bg-primary-500 dark:bear-bg-primary-600 bear-text-white hover:bear-bg-primary-600 dark:hover:bear-bg-primary-500 focus:bear-ring-2 focus:bear-ring-primary-500/50 dark:focus:bear-ring-primary-400/50",success:"bear-bg-green-500 dark:bear-bg-green-600 bear-text-white hover:bear-bg-green-600 dark:hover:bear-bg-green-500 focus:bear-ring-2 focus:bear-ring-green-500/50 dark:focus:bear-ring-green-400/50",warning:"bear-bg-amber-500 dark:bear-bg-amber-600 bear-text-white hover:bear-bg-amber-600 dark:hover:bear-bg-amber-500 focus:bear-ring-2 focus:bear-ring-amber-500/50 dark:focus:bear-ring-amber-400/50",error:"bear-bg-red-500 dark:bear-bg-red-600 bear-text-white hover:bear-bg-red-600 dark:hover:bear-bg-red-500 focus:bear-ring-2 focus:bear-ring-red-500/50 dark:focus:bear-ring-red-400/50"},outline:{default:"bear-bg-transparent bear-border bear-border-gray-300 dark:bear-border-gray-600 bear-text-gray-700 dark:bear-text-gray-300 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800 focus:bear-ring-2 focus:bear-ring-gray-400/50 dark:focus:bear-ring-gray-500/50",primary:"bear-bg-transparent bear-border bear-border-primary-500 dark:bear-border-primary-400 bear-text-primary-600 dark:bear-text-primary-400 hover:bear-bg-primary-50 dark:hover:bear-bg-primary-950/30 focus:bear-ring-2 focus:bear-ring-primary-500/30 dark:focus:bear-ring-primary-400/30",success:"bear-bg-transparent bear-border bear-border-green-500 dark:bear-border-green-400 bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-50 dark:hover:bear-bg-green-950/30 focus:bear-ring-2 focus:bear-ring-green-500/30 dark:focus:bear-ring-green-400/30",warning:"bear-bg-transparent bear-border bear-border-amber-500 dark:bear-border-amber-400 bear-text-amber-600 dark:bear-text-amber-400 hover:bear-bg-amber-50 dark:hover:bear-bg-amber-950/30 focus:bear-ring-2 focus:bear-ring-amber-500/30 dark:focus:bear-ring-amber-400/30",error:"bear-bg-transparent bear-border bear-border-red-500 dark:bear-border-red-400 bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-950/30 focus:bear-ring-2 focus:bear-ring-red-500/30 dark:focus:bear-ring-red-400/30"},subtle:{default:"bear-bg-transparent bear-text-gray-600 dark:bear-text-gray-400 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800 focus:bear-ring-2 focus:bear-ring-gray-400/30 dark:focus:bear-ring-gray-500/30",primary:"bear-bg-transparent bear-text-primary-600 dark:bear-text-primary-400 hover:bear-bg-primary-50 dark:hover:bear-bg-primary-950/20 focus:bear-ring-2 focus:bear-ring-primary-500/30 dark:focus:bear-ring-primary-400/30",success:"bear-bg-transparent bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-50 dark:hover:bear-bg-green-950/20 focus:bear-ring-2 focus:bear-ring-green-500/30 dark:focus:bear-ring-green-400/30",warning:"bear-bg-transparent bear-text-amber-600 dark:bear-text-amber-400 hover:bear-bg-amber-50 dark:hover:bear-bg-amber-950/20 focus:bear-ring-2 focus:bear-ring-amber-500/30 dark:focus:bear-ring-amber-400/30",error:"bear-bg-transparent bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-950/20 focus:bear-ring-2 focus:bear-ring-red-500/30 dark:focus:bear-ring-red-400/30"},transparent:{default:"bear-bg-transparent bear-text-gray-600 dark:bear-text-gray-400 hover:bear-bg-gray-100/50 dark:hover:bear-bg-gray-800/50 focus:bear-ring-2 focus:bear-ring-gray-400/20 dark:focus:bear-ring-gray-500/20",primary:"bear-bg-transparent bear-text-primary-600 dark:bear-text-primary-400 hover:bear-bg-primary-500/10 dark:hover:bear-bg-primary-400/10 focus:bear-ring-2 focus:bear-ring-primary-500/20 dark:focus:bear-ring-primary-400/20",success:"bear-bg-transparent bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-500/10 dark:hover:bear-bg-green-400/10 focus:bear-ring-2 focus:bear-ring-green-500/20 dark:focus:bear-ring-green-400/20",warning:"bear-bg-transparent bear-text-amber-600 dark:bear-text-amber-400 hover:bear-bg-amber-500/10 dark:hover:bear-bg-amber-400/10 focus:bear-ring-2 focus:bear-ring-amber-500/20 dark:focus:bear-ring-amber-400/20",error:"bear-bg-transparent bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-500/10 dark:hover:bear-bg-red-400/10 focus:bear-ring-2 focus:bear-ring-red-500/20 dark:focus:bear-ring-red-400/20"}},g={xs:"xs",sm:"xs",md:"sm",lg:"sm",xl:"md"},n="Bear-ActionIcon bear-inline-flex bear-items-center bear-justify-center bear-transition-all bear-duration-200 bear-outline-none disabled:bear-opacity-50 disabled:bear-cursor-not-allowed";exports.ICON_SIZE_MAP=e;exports.RADIUS_MAP=a;exports.ROOT_CLASS=n;exports.SIZE_CLASSES=r;exports.SPINNER_SIZE_MAP=g;exports.VARIANT_CLASSES=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={xs:"bear-w-7 bear-h-7",sm:"bear-w-8 bear-h-8",md:"bear-w-9 bear-h-9",lg:"bear-w-[42px] bear-h-[42px]",xl:"bear-w-12 bear-h-12"},e={xs:"[&_svg]:bear-w-3.5 [&_svg]:bear-h-3.5",sm:"[&_svg]:bear-w-4 [&_svg]:bear-h-4",md:"[&_svg]:bear-w-4.5 [&_svg]:bear-h-4.5",lg:"[&_svg]:bear-w-5 [&_svg]:bear-h-5",xl:"[&_svg]:bear-w-6 [&_svg]:bear-h-6"},a={sm:"bear-rounded-sm",md:"bear-rounded-md",lg:"bear-rounded-lg",full:"bear-rounded-full"},b={default:{default:"bear-bg-gray-100 dark:bear-bg-gray-800 bear-text-gray-700 dark:bear-text-gray-300 hover:bear-bg-gray-200 dark:hover:bear-bg-gray-700 focus:bear-ring-2 focus:bear-ring-gray-400/50 dark:focus:bear-ring-gray-500/50",primary:"bear-bg-gray-100 dark:bear-bg-gray-800 bear-text-primary-600 dark:bear-text-primary-400 hover:bear-bg-primary-100 dark:hover:bear-bg-primary-900/30 focus:bear-ring-2 focus:bear-ring-primary-500/30 dark:focus:bear-ring-primary-400/30",success:"bear-bg-gray-100 dark:bear-bg-gray-800 bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-100 dark:hover:bear-bg-green-900/30 focus:bear-ring-2 focus:bear-ring-green-500/30 dark:focus:bear-ring-green-400/30",warning:"bear-bg-gray-100 dark:bear-bg-gray-800 bear-text-amber-600 dark:bear-text-amber-400 hover:bear-bg-amber-100 dark:hover:bear-bg-amber-900/30 focus:bear-ring-2 focus:bear-ring-amber-500/30 dark:focus:bear-ring-amber-400/30",error:"bear-bg-gray-100 dark:bear-bg-gray-800 bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-100 dark:hover:bear-bg-red-900/30 focus:bear-ring-2 focus:bear-ring-red-500/30 dark:focus:bear-ring-red-400/30"},filled:{default:"bear-bg-gray-200 dark:bear-bg-gray-700 bear-text-gray-800 dark:bear-text-gray-200 hover:bear-bg-gray-300 dark:hover:bear-bg-gray-600 focus:bear-ring-2 focus:bear-ring-gray-400/50 dark:focus:bear-ring-gray-500/50",primary:"bear-bg-primary-500 dark:bear-bg-primary-600 bear-text-white hover:bear-bg-primary-600 dark:hover:bear-bg-primary-500 focus:bear-ring-2 focus:bear-ring-primary-500/50 dark:focus:bear-ring-primary-400/50",success:"bear-bg-green-500 dark:bear-bg-green-600 bear-text-white hover:bear-bg-green-600 dark:hover:bear-bg-green-500 focus:bear-ring-2 focus:bear-ring-green-500/50 dark:focus:bear-ring-green-400/50",warning:"bear-bg-amber-500 dark:bear-bg-amber-600 bear-text-white hover:bear-bg-amber-600 dark:hover:bear-bg-amber-500 focus:bear-ring-2 focus:bear-ring-amber-500/50 dark:focus:bear-ring-amber-400/50",error:"bear-bg-red-500 dark:bear-bg-red-600 bear-text-white hover:bear-bg-red-600 dark:hover:bear-bg-red-500 focus:bear-ring-2 focus:bear-ring-red-500/50 dark:focus:bear-ring-red-400/50"},outline:{default:"bear-bg-transparent bear-border bear-border-gray-300 dark:bear-border-gray-600 bear-text-gray-700 dark:bear-text-gray-300 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800 focus:bear-ring-2 focus:bear-ring-gray-400/50 dark:focus:bear-ring-gray-500/50",primary:"bear-bg-transparent bear-border bear-border-primary-500 dark:bear-border-primary-400 bear-text-primary-600 dark:bear-text-primary-400 hover:bear-bg-primary-50 dark:hover:bear-bg-primary-950/30 focus:bear-ring-2 focus:bear-ring-primary-500/30 dark:focus:bear-ring-primary-400/30",success:"bear-bg-transparent bear-border bear-border-green-500 dark:bear-border-green-400 bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-50 dark:hover:bear-bg-green-950/30 focus:bear-ring-2 focus:bear-ring-green-500/30 dark:focus:bear-ring-green-400/30",warning:"bear-bg-transparent bear-border bear-border-amber-500 dark:bear-border-amber-400 bear-text-amber-600 dark:bear-text-amber-400 hover:bear-bg-amber-50 dark:hover:bear-bg-amber-950/30 focus:bear-ring-2 focus:bear-ring-amber-500/30 dark:focus:bear-ring-amber-400/30",error:"bear-bg-transparent bear-border bear-border-red-500 dark:bear-border-red-400 bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-950/30 focus:bear-ring-2 focus:bear-ring-red-500/30 dark:focus:bear-ring-red-400/30"},subtle:{default:"bear-bg-transparent bear-text-gray-600 dark:bear-text-gray-400 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800 focus:bear-ring-2 focus:bear-ring-gray-400/30 dark:focus:bear-ring-gray-500/30",primary:"bear-bg-transparent bear-text-primary-600 dark:bear-text-primary-400 hover:bear-bg-primary-50 dark:hover:bear-bg-primary-950/20 focus:bear-ring-2 focus:bear-ring-primary-500/30 dark:focus:bear-ring-primary-400/30",success:"bear-bg-transparent bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-50 dark:hover:bear-bg-green-950/20 focus:bear-ring-2 focus:bear-ring-green-500/30 dark:focus:bear-ring-green-400/30",warning:"bear-bg-transparent bear-text-amber-600 dark:bear-text-amber-400 hover:bear-bg-amber-50 dark:hover:bear-bg-amber-950/20 focus:bear-ring-2 focus:bear-ring-amber-500/30 dark:focus:bear-ring-amber-400/30",error:"bear-bg-transparent bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-950/20 focus:bear-ring-2 focus:bear-ring-red-500/30 dark:focus:bear-ring-red-400/30"},transparent:{default:"bear-bg-transparent bear-text-gray-600 dark:bear-text-gray-400 hover:bear-bg-gray-100/50 dark:hover:bear-bg-gray-800/50 focus:bear-ring-2 focus:bear-ring-gray-400/20 dark:focus:bear-ring-gray-500/20",primary:"bear-bg-transparent bear-text-primary-600 dark:bear-text-primary-400 hover:bear-bg-primary-500/10 dark:hover:bear-bg-primary-400/10 focus:bear-ring-2 focus:bear-ring-primary-500/20 dark:focus:bear-ring-primary-400/20",success:"bear-bg-transparent bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-500/10 dark:hover:bear-bg-green-400/10 focus:bear-ring-2 focus:bear-ring-green-500/20 dark:focus:bear-ring-green-400/20",warning:"bear-bg-transparent bear-text-amber-600 dark:bear-text-amber-400 hover:bear-bg-amber-500/10 dark:hover:bear-bg-amber-400/10 focus:bear-ring-2 focus:bear-ring-amber-500/20 dark:focus:bear-ring-amber-400/20",error:"bear-bg-transparent bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-500/10 dark:hover:bear-bg-red-400/10 focus:bear-ring-2 focus:bear-ring-red-500/20 dark:focus:bear-ring-red-400/20"}},g={xs:"xs",sm:"xs",md:"sm",lg:"sm",xl:"md"};exports.ICON_SIZE_MAP=e;exports.RADIUS_MAP=a;exports.SIZE_CLASSES=r;exports.SPINNER_SIZE_MAP=g;exports.VARIANT_CLASSES=b;

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

@@ -4,4 +4,3 @@ export declare const ICON_SIZE_MAP: Record<'xs' | 'sm' | 'md' | 'lg' | 'xl', str
 export declare const RADIUS_MAP: Record<'sm' | 'md' | 'lg' | 'full', string>;
 export declare const VARIANT_CLASSES: Record<'default' | 'filled' | 'outline' | 'subtle' | 'transparent', Record<'default' | 'primary' | 'success' | 'warning' | 'error', string>>;
 export declare const SPINNER_SIZE_MAP: Record<'xs' | 'sm' | 'md' | 'lg' | 'xl', 'xs' | 'sm' | 'md'>;
-export declare const ROOT_CLASS = "Bear-ActionIcon bear-inline-flex bear-items-center bear-justify-center bear-transition-all bear-duration-200 bear-outline-none disabled:bear-opacity-50 disabled:bear-cursor-not-allowed";

package/dist/components/ActionIcon/ActionIcon.const.js

@@ -57,11 +57,10 @@ const r = {
   md: "sm",
   lg: "sm",
   xl: "md"
-}, n = "Bear-ActionIcon bear-inline-flex bear-items-center bear-justify-center bear-transition-all bear-duration-200 bear-outline-none disabled:bear-opacity-50 disabled:bear-cursor-not-allowed";
+};
 export {
   e as ICON_SIZE_MAP,
   a as RADIUS_MAP,
-  n as ROOT_CLASS,
   r as SIZE_CLASSES,
   g as SPINNER_SIZE_MAP,
   b as VARIANT_CLASSES

package/dist/components/ActionIcon/ActionIcon.d.ts

@@ -1,4 +1,6 @@
-import { FC } from 'react';
 import { ActionIconProps } from './ActionIcon.types';
-export declare const ActionIcon: FC<ActionIconProps>;
+export declare const ActionIcon: {
+    (props: ActionIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export default ActionIcon;

package/dist/components/ActionIcon/ActionIcon.js

@@ -1,42 +1,47 @@
-import { jsx as a } from "react/jsx-runtime";
-import { cn as r } from "../../utils/cn.js";
+import { jsx as o } from "react/jsx-runtime";
+import { VARIANT_DEFAULT as p, COLOR_DEFAULT as u, SIZE_MD as l, RADIUS_MD as _, BOOLEAN_FALSE as s } from "../../constants/generals.const.js";
+import { cn as d } from "../../utils/cn.js";
 import "react";
-import { Spinner as b } from "../Spinner/Spinner.js";
-import { VARIANT_CLASSES as d, ICON_SIZE_MAP as s, SPINNER_SIZE_MAP as I, RADIUS_MAP as u, SIZE_CLASSES as N, ROOT_CLASS as _ } from "./ActionIcon.const.js";
-const E = ({
-  children: o,
-  variant: i = "default",
-  color: n = "default",
-  size: t = "md",
-  radius: m = "md",
-  loading: e = !1,
-  disabled: c = !1,
-  testId: S,
-  className: l,
-  ...A
-}) => {
-  const f = c || e, p = d[i][n];
-  return /* @__PURE__ */ a(
+import { Box as f } from "../Box/Box.js";
+import { Spinner as E } from "../Spinner/Spinner.js";
+import { VARIANT_CLASSES as N, RADIUS_MAP as y, SIZE_CLASSES as L, ICON_SIZE_MAP as c, SPINNER_SIZE_MAP as D } from "./ActionIcon.const.js";
+const R = (t) => {
+  const { loading: i, size: e = l, children: a } = t;
+  return i ? /* @__PURE__ */ o(E, { size: D[e], className: c[e] }) : /* @__PURE__ */ o(f, { as: "span", className: d("bear-inline-flex bear-items-center bear-justify-center", c[e]), children: a });
+}, x = (t) => {
+  const {
+    children: i,
+    variant: e = p,
+    color: a = u,
+    size: n = l,
+    radius: m = _,
+    loading: r = s,
+    disabled: b = s,
+    testId: A,
+    className: I,
+    ...S
+  } = t;
+  return /* @__PURE__ */ o(
     "button",
     {
       type: "button",
-      disabled: f,
-      "aria-busy": e || void 0,
-      className: r(
-        _,
-        N[t],
-        u[m],
-        p,
-        e && "bear-cursor-wait",
-        l
+      disabled: b || r,
+      "aria-busy": r || void 0,
+      className: d(
+        "Bear-ActionIcon bear-inline-flex bear-items-center bear-justify-center bear-transition-all bear-duration-200 bear-outline-none disabled:bear-opacity-50 disabled:bear-cursor-not-allowed",
+        L[n],
+        y[m],
+        N[e][a],
+        r && "bear-cursor-wait",
+        I
       ),
-      "data-testid": S,
-      ...A,
-      children: e ? /* @__PURE__ */ a(b, { size: I[t], className: s[t] }) : /* @__PURE__ */ a("span", { className: r("bear-inline-flex bear-items-center bear-justify-center", s[t]), children: o })
+      "data-testid": A,
+      ...S,
+      children: R({ loading: r, size: n, children: i })
     }
   );
 };
-E.displayName = "ActionIcon";
+x.displayName = "ActionIcon";
 export {
-  E as ActionIcon
+  x as ActionIcon
 };

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

@@ -1,11 +1,13 @@
 import { ReactNode, ButtonHTMLAttributes } from 'react';
+import { ActionIconColor, ActionIconRadius, ActionIconVariant, BearSize } from '../../types';
+export type { ActionIconColor, ActionIconRadius, ActionIconVariant };
 export interface ActionIconProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     id?: string;
     children: ReactNode;
-    variant?: 'default' | 'filled' | 'outline' | 'subtle' | 'transparent';
-    color?: 'default' | 'primary' | 'success' | 'warning' | 'error';
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    radius?: 'sm' | 'md' | 'lg' | 'full';
+    variant?: ActionIconVariant;
+    color?: ActionIconColor;
+    size?: BearSize;
+    radius?: ActionIconRadius;
     loading?: boolean;
     disabled?: boolean;
     testId?: string;

package/dist/components/ActiveBar/ActiveBar.cjs

@@ -1,8 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),j={sm:"text-sm px-3 py-1.5",md:"text-sm px-4 py-2",lg:"text-base px-5 py-2.5"},g=a.forwardRef(({items:s,activeId:n,onItemClick:l,variant:r="default",size:y="md",fullWidth:d=!1,animated:o=!0,className:x="",...f},b)=>{const i=a.useRef(null),[p,h]=a.useState({});a.useEffect(()=>{if(!o||r!=="underline")return;const e=s.findIndex(v=>v.id===n);if(e===-1||!i.current)return;const u=i.current.querySelectorAll("button")[e];u&&h({left:u.offsetLeft,width:u.offsetWidth})},[n,s,o,r]);const m=e=>{switch(r){case"pills":return e?"bg-primary-500 text-white shadow-lg shadow-primary-500/30":"text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800";case"underline":return e?"text-primary-500 font-medium":"text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200";default:return e?"bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white font-medium":"text-gray-600 dark:text-gray-400 hover:bg-gray-50 dark:hover:bg-gray-800/50"}};return t.jsxs("div",{ref:b,className:`bear-active-bar relative ${d?"w-full":"inline-flex"} ${x}`.trim(),...f,children:[t.jsx("div",{ref:i,className:`flex ${d?"w-full":""} ${r==="underline"?"border-b border-gray-200 dark:border-gray-700":"gap-1"}`,children:s.map(e=>{const c=e.id===n;return t.jsxs("button",{onClick:()=>l==null?void 0:l(e),className:`
-                ${d?"flex-1":""}
-                ${j[y]}
-                ${m(c)}
-                ${r==="pills"?"rounded-full":r==="underline"?"relative pb-3":"rounded-lg"}
-                flex items-center justify-center gap-2
-                transition-all duration-200
-              `,children:[e.icon,t.jsx("span",{children:e.label}),e.badge!==void 0&&t.jsx("span",{className:"px-1.5 py-0.5 text-xs rounded-full bg-primary-100 dark:bg-primary-900/30 text-primary-600 dark:text-primary-400",children:e.badge})]},e.id)})}),o&&r==="underline"&&t.jsx("div",{className:"absolute bottom-0 h-0.5 bg-primary-500 transition-all duration-300 ease-out",style:p})]})});g.displayName="ActiveBar";exports.ActiveBar=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react"),T=require("../../constants/numbers.const.cjs"),r=require("../../constants/generals.const.cjs"),f=require("../../utils/cn.cjs"),v=require("../Box/Box.cjs"),I=require("../Button/Button.cjs"),p=require("../Typography/Typography.cjs"),b=require("./ActiveBar.const.cjs"),g=(a,l,n,s,i,e)=>{const d=l?b.ACTIVE_BAR_VARIANT_CLASSES[i].active:b.ACTIVE_BAR_VARIANT_CLASSES[i].inactive;return t.jsxs(I.Button,{variant:"ghost",onClick:()=>e==null?void 0:e(a),className:f.cn(n&&"bear-flex-1",b.ACTIVE_BAR_SIZE_CLASSES[s],d,b.ACTIVE_BAR_SHAPE_CLASSES[i],"bear-flex bear-items-center bear-justify-center bear-gap-2 bear-transition-all bear-duration-200"),children:[a.icon,t.jsx(p.Typography,{children:a.label}),a.badge!==void 0&&t.jsx(v.Box,{as:"span",className:"bear-px-1.5 bear-py-0.5 bear-text-xs bear-rounded-full bear-bg-primary-100 dark:bear-bg-primary-900/30 bear-text-primary-600 dark:bear-text-primary-400",children:a.badge})]},a.id)},N=o.forwardRef((a,l)=>{const{items:n,activeId:s,onItemClick:i,variant:e=r.VARIANT_DEFAULT,size:d=r.SIZE_MD,fullWidth:u=r.BOOLEAN_FALSE,animated:A=r.BOOLEAN_TRUE,className:B=r.EMPTY_STRING,...S}=a,_=o.useRef(null),[R,x]=o.useState({});return o.useEffect(()=>{if(!A||e!==r.VARIANT_UNDERLINE)return;const c=n.findIndex(y=>y.id===s);if(c===T.NEGATIVE_ONE||!_.current)return;const E=_.current.querySelectorAll(r.QUERY_BUTTON)[c];E&&x({left:E.offsetLeft,width:E.offsetWidth})},[s,n,A,e]),t.jsxs("div",{ref:l,className:f.cn("Bear-ActiveBar bear-relative",u?"bear-w-full":"bear-inline-flex",B),...S,children:[t.jsx("div",{ref:_,className:f.cn("Bear-ActiveBar__list bear-flex",u&&"bear-w-full",e===r.VARIANT_UNDERLINE?"bear-border-b bear-border-gray-200 dark:bear-border-gray-700":"bear-gap-1"),children:n.map(c=>g(c,c.id===s,u,d,e,i))}),A&&e===r.VARIANT_UNDERLINE&&t.jsx("div",{className:"Bear-ActiveBar__indicator bear-absolute bear-bottom-0 bear-h-0.5 bear-bg-primary-500 bear-transition-all bear-duration-300 bear-ease-out",style:R})]})});N.displayName="ActiveBar";exports.ActiveBar=N;

package/dist/components/ActiveBar/ActiveBar.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../constants/generals.const.cjs"),r={[e.SIZE_SM]:"bear-text-sm bear-px-3 bear-py-1.5",[e.SIZE_MD]:"bear-text-sm bear-px-4 bear-py-2",[e.SIZE_LG]:"bear-text-base bear-px-5 bear-py-2.5"},a={[e.VARIANT_PILLS]:{active:"bear-bg-primary-500 bear-text-white bear-shadow-lg bear-shadow-primary-500/30",inactive:"bear-text-gray-600 dark:bear-text-gray-400 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800"},[e.VARIANT_UNDERLINE]:{active:"bear-text-primary-500 bear-font-medium",inactive:"bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-gray-200"},[e.VARIANT_DEFAULT]:{active:"bear-bg-gray-100 dark:bear-bg-gray-800 bear-text-gray-900 dark:bear-text-white bear-font-medium",inactive:"bear-text-gray-600 dark:bear-text-gray-400 hover:bear-bg-gray-50 dark:hover:bear-bg-gray-800/50"}},t={[e.VARIANT_PILLS]:"bear-rounded-full",[e.VARIANT_UNDERLINE]:"bear-relative bear-pb-3",[e.VARIANT_DEFAULT]:"bear-rounded-lg"};exports.ACTIVE_BAR_SHAPE_CLASSES=t;exports.ACTIVE_BAR_SIZE_CLASSES=r;exports.ACTIVE_BAR_VARIANT_CLASSES=a;

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

@@ -1 +1,7 @@
-export declare const A_C_T_I_V_E_B_A_R_ROOT_CLASS = "Bear-ActiveBar";
+import { ActiveBarVariant, CompactBearSize } from '../../types';
+export declare const ACTIVE_BAR_SIZE_CLASSES: Record<CompactBearSize, string>;
+export declare const ACTIVE_BAR_VARIANT_CLASSES: Record<ActiveBarVariant, {
+    active: string;
+    inactive: string;
+}>;
+export declare const ACTIVE_BAR_SHAPE_CLASSES: Record<ActiveBarVariant, string>;

package/dist/components/ActiveBar/ActiveBar.const.js

@@ -0,0 +1,28 @@
+import { VARIANT_DEFAULT as r, VARIANT_UNDERLINE as e, VARIANT_PILLS as a, SIZE_LG as t, SIZE_MD as b, SIZE_SM as g } from "../../constants/generals.const.js";
+const x = {
+  [g]: "bear-text-sm bear-px-3 bear-py-1.5",
+  [b]: "bear-text-sm bear-px-4 bear-py-2",
+  [t]: "bear-text-base bear-px-5 bear-py-2.5"
+}, A = {
+  [a]: {
+    active: "bear-bg-primary-500 bear-text-white bear-shadow-lg bear-shadow-primary-500/30",
+    inactive: "bear-text-gray-600 dark:bear-text-gray-400 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800"
+  },
+  [e]: {
+    active: "bear-text-primary-500 bear-font-medium",
+    inactive: "bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-gray-200"
+  },
+  [r]: {
+    active: "bear-bg-gray-100 dark:bear-bg-gray-800 bear-text-gray-900 dark:bear-text-white bear-font-medium",
+    inactive: "bear-text-gray-600 dark:bear-text-gray-400 hover:bear-bg-gray-50 dark:hover:bear-bg-gray-800/50"
+  }
+}, i = {
+  [a]: "bear-rounded-full",
+  [e]: "bear-relative bear-pb-3",
+  [r]: "bear-rounded-lg"
+};
+export {
+  i as ACTIVE_BAR_SHAPE_CLASSES,
+  x as ACTIVE_BAR_SIZE_CLASSES,
+  A as ACTIVE_BAR_VARIANT_CLASSES
+};