@forgedevstack/bear 1.1.8 → 1.1.9

package/dist/components/Select/Select.js

@@ -1,64 +1,65 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { useState as p, useRef as v, useCallback as N } from "react";
-import { cn as a } from "../../utils/cn.js";
-import { useClickOutside as j } from "../../hooks/useClickOutside.js";
+import { useState as w, useRef as k, useCallback as N } from "react";
+import { cn as t } from "../../utils/cn.js";
+import { useClickOutside as C } from "../../hooks/useClickOutside.js";
 import "../../context/BearProvider.js";
 import "../../hooks/useBearComponent/useBearComponent.js";
-import { ChevronDownIcon as S, CheckIcon as C } from "../Icon/index.js";
+import { ChevronDownIcon as j, CheckIcon as S } from "../Icon/index.js";
 const I = {
   sm: "bear-h-8 bear-text-sm bear-px-3",
   md: "bear-h-10 bear-text-base bear-px-4",
   lg: "bear-h-12 bear-text-lg bear-px-5"
 }, A = ({
   options: i,
-  value: t,
-  onChange: s,
+  value: a,
+  onChange: l,
   placeholder: x = "Select an option",
   label: f,
-  error: l,
+  error: s,
   disabled: o = !1,
-  size: g = "md",
-  fullWidth: m = !1,
+  size: v = "md",
+  fullWidth: h = !1,
   className: y
 }) => {
-  const [d, c] = p(!1), u = v(null), h = !!l, b = i.find((e) => e.value === t), k = N(() => c(!1), []);
-  j(u, k);
-  const w = (e) => {
-    s == null || s(e), c(!1);
+  const [d, c] = w(!1), u = k(null), m = !!s, b = i.find((e) => e.value === a), g = N(() => c(!1), []);
+  C(u, g);
+  const p = (e) => {
+    l == null || l(e), c(!1);
   };
   return /* @__PURE__ */ n(
     "div",
     {
       ref: u,
-      className: a("bear-relative bear-flex bear-flex-col bear-gap-1.5", m && "bear-w-full"),
+      className: t("bear-relative bear-flex bear-flex-col bear-gap-1.5", h && "bear-w-full"),
       children: [
-        f && /* @__PURE__ */ r("label", { className: "bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-300", children: f }),
+        f && /* @__PURE__ */ r("label", { className: "bear-text-sm bear-font-medium", style: { color: "var(--bear-text-secondary)" }, children: f }),
         /* @__PURE__ */ n(
           "button",
           {
             type: "button",
             disabled: o,
             onClick: () => !o && c(!d),
-            className: a(
+            className: t(
               "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",
-              "bear-bg-white bear-text-gray-900 bear-border-gray-300",
-              "focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-white",
-              "dark:bear-bg-gray-800 dark:bear-text-white dark:bear-border-gray-600 dark:focus:bear-ring-offset-gray-900",
-              h ? "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",
+              "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-opacity-50 bear-cursor-not-allowed",
-              I[g],
+              I[v],
               y
             ),
+            style: {
+              backgroundColor: "var(--bear-bg-primary)",
+              borderColor: m ? void 0 : "var(--bear-border-default)",
+              color: b ? "var(--bear-text-primary)" : "var(--bear-text-muted)"
+            },
             children: [
-              /* @__PURE__ */ r("span", { className: b ? "bear-text-gray-900 dark:bear-text-white" : "bear-text-gray-500 dark:bear-text-gray-500", children: (b == null ? void 0 : b.label) || x }),
+              /* @__PURE__ */ r("span", { children: (b == null ? void 0 : b.label) || x }),
               /* @__PURE__ */ r(
-                S,
+                j,
                 {
-                  className: a(
-                    "bear-w-4 bear-h-4 bear-text-gray-500 dark:bear-text-gray-400 bear-transition-transform",
-                    d && "bear-rotate-180"
-                  )
+                  className: t("bear-w-4 bear-h-4 bear-shrink-0 bear-transition-transform", d && "bear-rotate-180"),
+                  style: { color: "var(--bear-text-muted)" }
                 }
               )
             ]
@@ -67,33 +68,35 @@ const I = {
         d && /* @__PURE__ */ r(
           "div",
           {
-            className: a(
-              "bear-absolute bear-z-50 bear-w-full bear-mt-1",
-              "bear-rounded-lg bear-border bear-shadow-lg bear-overflow-hidden bear-top-full",
-              "bear-bg-white bear-border-gray-200 dark:bear-bg-gray-800 dark:bear-border-gray-600"
-            ),
+            className: "bear-absolute bear-z-50 bear-w-full bear-mt-1 bear-rounded-lg bear-border bear-shadow-lg bear-overflow-hidden bear-top-full",
+            style: {
+              backgroundColor: "var(--bear-bg-primary)",
+              borderColor: "var(--bear-border-default)"
+            },
             children: /* @__PURE__ */ r("div", { className: "bear-max-h-60 bear-overflow-y-auto", children: i.map((e) => /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 disabled: e.disabled,
-                onClick: () => !e.disabled && w(e.value),
-                className: a(
+                onClick: () => !e.disabled && p(e.value),
+                className: t(
                   "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-text-gray-500 bear-cursor-not-allowed" : "bear-text-gray-700 dark:bear-text-gray-300 hover:bear-bg-gray-100 hover:bear-text-gray-900 dark:hover:bear-bg-gray-700 dark:hover:bear-text-white",
-                  e.value === t && "bear-bg-bear-100 bear-text-bear-700 dark:bear-bg-bear-600/20 dark:bear-text-bear-300"
+                  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)]"
                 ),
+                style: e.disabled ? { color: "var(--bear-text-muted)" } : e.value === a ? void 0 : { color: "var(--bear-text-secondary)" },
                 children: [
                   e.label,
-                  e.value === t && /* @__PURE__ */ r(C, { className: "bear-w-4 bear-h-4 bear-text-bear-600 dark:bear-text-bear-400" })
+                  e.value === a && /* @__PURE__ */ r(S, { className: "bear-w-4 bear-h-4 bear-shrink-0 bear-text-bear-600 dark:bear-text-bear-400" })
                 ]
               },
               e.value
             )) })
           }
         ),
-        l && /* @__PURE__ */ r("p", { className: "bear-text-sm bear-text-red-500", children: l })
+        s && /* @__PURE__ */ r("p", { className: "bear-text-sm bear-text-red-500", children: s })
       ]
     }
   );

package/dist/components/Tabs/TabList.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("react"),x=require("../../utils/cn.cjs"),C=require("../Dropdown/Dropdown.cjs"),j=require("../Icon/index.cjs"),q=require("./Tabs.cjs");function k(a){var o;return l.isValidElement(a)&&typeof a.type!="string"&&((o=a.props)==null?void 0:o.id)!=null}const E=({children:a,maxVisibleTabs:o,wrap:y=!1,className:f})=>{const u=l.useContext(q.TabsContext);if(!u)throw new Error("TabList must be used within Tabs");const{activeTab:s,setActiveTab:g,variant:t}=u,m=l.Children.toArray(a).filter(k),i=m.map(e=>({id:e.props.id,label:e.props.children,disabled:e.props.disabled})),b=s?[s,...i.map(e=>e.id).filter(e=>e!==s)]:i.map(e=>e.id),v=o??b.length,T=b.slice(0,v),c=b.slice(v),d=c.includes(s),h=x.cn("Bear-Tabs__list",`Bear-Tabs__list--${t}`,"bear-flex bear-gap-1",y&&"bear-flex-wrap",t==="line"&&"bear-border-b",t==="pills"&&"bear-p-1 bear-rounded-lg",t==="enclosed"&&"bear-border-b",f),w={...t==="line"||t==="enclosed"?{borderColor:"var(--bear-border-default)"}:{},...t==="pills"?{backgroundColor:"var(--bear-bg-tertiary)"}:{}};return n.jsxs("div",{role:"tablist",className:h,style:w,children:[o!=null?T.map(e=>{const r=m.find(p=>p.props.id===e);return r?l.cloneElement(r,{key:r.props.id}):null}):a,o!=null&&c.length>0&&n.jsx(C.Dropdown,{placement:"bottom-start",closeOnSelect:!0,trigger:n.jsx("button",{type:"button",role:"tab","aria-haspopup":"listbox","aria-label":"More tabs",className:x.cn("bear-flex bear-items-center bear-gap-2 bear-px-4 bear-py-2 bear-text-sm bear-font-medium bear-transition-colors bear-border-0 bear-cursor-pointer",t==="pills"&&"bear-rounded-md",d&&"bear-shadow-sm",!d&&"hover:bear-bg-[var(--bear-bg-tertiary)] hover:bear-text-[var(--bear-text-primary)]"),style:d?{backgroundColor:"var(--bear-bg-primary)",color:"var(--bear-text-primary)"}:{color:"var(--bear-text-muted)"},children:n.jsx(j.BearIcons.MoreHorizIcon,{size:18})}),items:c.map(e=>{const r=i.find(p=>p.id===e);return{key:e,label:(r==null?void 0:r.label)??e,disabled:r==null?void 0:r.disabled,onClick:()=>g(e)}})})]})};exports.TabList=E;

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

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

package/dist/components/Tabs/TabList.js

@@ -0,0 +1,69 @@
+import { jsxs as w, jsx as d } from "react/jsx-runtime";
+import { useContext as T, Children as k, cloneElement as E, isValidElement as I } from "react";
+import { cn as f } from "../../utils/cn.js";
+import { Dropdown as _ } from "../Dropdown/Dropdown.js";
+import { BearIcons as A } from "../Icon/index.js";
+import { TabsContext as B } from "./Tabs.js";
+function M(o) {
+  var a;
+  return I(o) && typeof o.type != "string" && ((a = o.props) == null ? void 0 : a.id) != null;
+}
+const H = ({ children: o, maxVisibleTabs: a, wrap: v = !1, className: y }) => {
+  const c = T(B);
+  if (!c) throw new Error("TabList must be used within Tabs");
+  const { activeTab: s, setActiveTab: g, variant: t } = c, m = k.toArray(o).filter(M), l = m.map((e) => ({ id: e.props.id, label: e.props.children, disabled: e.props.disabled })), n = s ? [s, ...l.map((e) => e.id).filter((e) => e !== s)] : l.map((e) => e.id), u = a ?? n.length, x = n.slice(0, u), b = n.slice(u), i = b.includes(s), h = f(
+    "Bear-Tabs__list",
+    `Bear-Tabs__list--${t}`,
+    "bear-flex bear-gap-1",
+    v && "bear-flex-wrap",
+    t === "line" && "bear-border-b",
+    t === "pills" && "bear-p-1 bear-rounded-lg",
+    t === "enclosed" && "bear-border-b",
+    y
+  ), C = {
+    ...t === "line" || t === "enclosed" ? { borderColor: "var(--bear-border-default)" } : {},
+    ...t === "pills" ? { backgroundColor: "var(--bear-bg-tertiary)" } : {}
+  };
+  return /* @__PURE__ */ w("div", { role: "tablist", className: h, style: C, children: [
+    a != null ? x.map((e) => {
+      const r = m.find((p) => p.props.id === e);
+      return r ? E(r, { key: r.props.id }) : null;
+    }) : o,
+    a != null && b.length > 0 && /* @__PURE__ */ d(
+      _,
+      {
+        placement: "bottom-start",
+        closeOnSelect: !0,
+        trigger: /* @__PURE__ */ d(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-haspopup": "listbox",
+            "aria-label": "More tabs",
+            className: f(
+              "bear-flex bear-items-center bear-gap-2 bear-px-4 bear-py-2 bear-text-sm bear-font-medium bear-transition-colors bear-border-0 bear-cursor-pointer",
+              t === "pills" && "bear-rounded-md",
+              i && "bear-shadow-sm",
+              !i && "hover:bear-bg-[var(--bear-bg-tertiary)] hover:bear-text-[var(--bear-text-primary)]"
+            ),
+            style: i ? { backgroundColor: "var(--bear-bg-primary)", color: "var(--bear-text-primary)" } : { color: "var(--bear-text-muted)" },
+            children: /* @__PURE__ */ d(A.MoreHorizIcon, { size: 18 })
+          }
+        ),
+        items: b.map((e) => {
+          const r = l.find((p) => p.id === e);
+          return {
+            key: e,
+            label: (r == null ? void 0 : r.label) ?? e,
+            disabled: r == null ? void 0 : r.disabled,
+            onClick: () => g(e)
+          };
+        })
+      }
+    )
+  ] });
+};
+export {
+  H as TabList
+};

package/dist/components/Tabs/TabPanel.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),c=require("../../utils/cn.cjs"),i=require("./Tabs.cjs"),u=({tabId:t,children:n,className:r})=>{const e=o.useContext(i.TabsContext);if(!e)throw new Error("TabPanel must be used within Tabs");const{activeTab:a}=e;return a!==t?null:s.jsx("div",{role:"tabpanel",className:c.cn("Bear-Tabs__panel bear-py-4",r),children:n})};exports.TabPanel=u;

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

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

package/dist/components/Tabs/TabPanel.js

@@ -0,0 +1,13 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useContext as s } from "react";
+import { cn as i } from "../../utils/cn.js";
+import { TabsContext as m } from "./Tabs.js";
+const f = ({ tabId: r, children: e, className: o }) => {
+  const t = s(m);
+  if (!t) throw new Error("TabPanel must be used within Tabs");
+  const { activeTab: a } = t;
+  return a !== r ? null : /* @__PURE__ */ n("div", { role: "tabpanel", className: i("Bear-Tabs__panel bear-py-4", o), children: e });
+};
+export {
+  f as TabPanel
+};

package/dist/components/Tabs/Tabs.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),n=require("../../utils/cn.cjs"),d=i.createContext(null),v=({children:a,value:t,defaultTab:r,variant:e="line",onChange:b,className:l,testId:x})=>{const[T,s]=i.useState(r),c=t!==void 0,g=c?t:T,y=u=>{c||s(u),b==null||b(u)};return o.jsx(d.Provider,{value:{activeTab:g,setActiveTab:y,variant:e},children:o.jsx("div",{className:n.cn("Bear-Tabs",l),"data-testid":x,children:a})})},h=({children:a,className:t})=>{const r=i.useContext(d);if(!r)throw new Error("TabList must be used within Tabs");const{variant:e}=r;return o.jsx("div",{role:"tablist",className:n.cn("Bear-Tabs__list",`Bear-Tabs__list--${e}`,"bear-flex bear-gap-1",e==="line"&&"bear-border-b bear-border-gray-200 dark:bear-border-gray-700",e==="pills"&&"bear-bg-gray-100 dark:bear-bg-gray-800 bear-p-1 bear-rounded-lg",e==="enclosed"&&"bear-border-b bear-border-gray-200 dark:bear-border-gray-700",t),children:a})},p=({id:a,children:t,disabled:r=!1,icon:e})=>{const b=i.useContext(d);if(!b)throw new Error("Tab must be used within Tabs");const{activeTab:l,setActiveTab:x,variant:T}=b,s=l===a,c="bear-flex bear-items-center bear-gap-2 bear-px-4 bear-py-2 bear-text-sm bear-font-medium bear-transition-colors",g={line:n.cn("bear-border-b-2 bear--mb-px",s?"bear-border-pink-500 bear-text-pink-600 dark:bear-text-pink-400":"bear-border-transparent bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white hover:bear-border-gray-300"),pills:n.cn("bear-rounded-md",s?"bear-bg-white dark:bear-bg-gray-700 bear-text-gray-900 dark:bear-text-white bear-shadow-sm":"bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white"),enclosed:n.cn("bear-rounded-t-lg bear-border bear-border-transparent",s?"bear-bg-white dark:bear-bg-gray-900 bear-border-gray-200 dark:bear-border-gray-700 bear-border-b-white dark:bear-border-b-gray-900 bear--mb-px bear-text-gray-900 dark:bear-text-white":"bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white")};return o.jsxs("button",{role:"tab","aria-selected":s,disabled:r,onClick:()=>!r&&x(a),className:n.cn("Bear-Tabs__tab",s&&"Bear-Tabs__tab--active",c,g[T],r&&"Bear-Tabs__tab--disabled bear-opacity-50 bear-cursor-not-allowed"),children:[e&&o.jsx("span",{className:"Bear-Tabs__tab-icon",children:e}),o.jsx("span",{className:"Bear-Tabs__tab-label",children:t})]})},k=({tabId:a,children:t,className:r})=>{const e=i.useContext(d);if(!e)throw new Error("TabPanel must be used within Tabs");const{activeTab:b}=e;return b!==a?null:o.jsx("div",{role:"tabpanel",className:n.cn("Bear-Tabs__panel bear-py-4",r),children:t})};exports.Tab=p;exports.TabList=h;exports.TabPanel=k;exports.Tabs=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),m=require("react"),b=require("../../utils/cn.cjs"),x=m.createContext(null),T=({children:o,value:n,defaultTab:e,variant:c="line",onChange:a,className:l,testId:d})=>{const[t,r]=m.useState(e),i=n!==void 0,v=i?n:t,u=p=>{i||r(p),a==null||a(p)};return s.jsx(x.Provider,{value:{activeTab:v,setActiveTab:u,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=m.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-pink-500 bear-text-pink-600 dark:bear-text-pink-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")},u=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:u,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;

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

@@ -1,30 +1,5 @@
 import { FC } from 'react';
-import { TabsProps, TabListProps, TabProps, TabPanelProps } from './Tabs.types';
-/**
- * Tabs - Tabbed interface for organizing content
- *
- * @example
- * ```tsx
- * <Tabs defaultTab="tab1" variant="line">
- *   <TabList>
- *     <Tab id="tab1">Tab 1</Tab>
- *     <Tab id="tab2">Tab 2</Tab>
- *   </TabList>
- *   <TabPanel tabId="tab1">Content 1</TabPanel>
- *   <TabPanel tabId="tab2">Content 2</TabPanel>
- * </Tabs>
- * ```
- */
+import { TabsContextValue, TabsProps, TabProps } from './Tabs.types';
+export declare const TabsContext: import('react').Context<TabsContextValue | null>;
 export declare const Tabs: FC<TabsProps>;
-/**
- * TabList - Container for tab buttons
- */
-export declare const TabList: FC<TabListProps>;
-/**
- * Tab - Individual tab button
- */
 export declare const Tab: FC<TabProps>;
-/**
- * TabPanel - Content panel for a tab
- */
-export declare const TabPanel: FC<TabPanelProps>;

package/dist/components/Tabs/Tabs.js

@@ -1,85 +1,66 @@
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import { createContext as v, useContext as T, useState as h } from "react";
-import { cn as o } from "../../utils/cn.js";
-const d = v(null), _ = ({
-  children: a,
-  value: t,
+import { jsxs as u, jsx as l } from "react/jsx-runtime";
+import { createContext as T, useContext as y, useState as f } from "react";
+import { cn as b } from "../../utils/cn.js";
+const x = T(null), C = ({
+  children: o,
+  value: s,
   defaultTab: e,
-  variant: r = "line",
-  onChange: b,
-  className: l,
-  testId: c
+  variant: n = "line",
+  onChange: a,
+  className: c,
+  testId: d
 }) => {
-  const [x, s] = h(e), i = t !== void 0, g = i ? t : x, p = (y) => {
-    i || s(y), b == null || b(y);
+  const [t, r] = f(e), i = s !== void 0, m = i ? s : t, v = (p) => {
+    i || r(p), a == null || a(p);
   };
-  return /* @__PURE__ */ n(d.Provider, { value: { activeTab: g, setActiveTab: p, variant: r }, children: /* @__PURE__ */ n("div", { className: o("Bear-Tabs", l), "data-testid": c, children: a }) });
-}, f = ({ children: a, className: t }) => {
-  const e = T(d);
-  if (!e) throw new Error("TabList must be used within Tabs");
-  const { variant: r } = e;
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      role: "tablist",
-      className: o(
-        "Bear-Tabs__list",
-        `Bear-Tabs__list--${r}`,
-        "bear-flex bear-gap-1",
-        r === "line" && "bear-border-b bear-border-gray-200 dark:bear-border-gray-700",
-        r === "pills" && "bear-bg-gray-100 dark:bear-bg-gray-800 bear-p-1 bear-rounded-lg",
-        r === "enclosed" && "bear-border-b bear-border-gray-200 dark:bear-border-gray-700",
-        t
-      ),
-      children: a
-    }
-  );
-}, B = ({ id: a, children: t, disabled: e = !1, icon: r }) => {
-  const b = T(d);
-  if (!b) throw new Error("Tab must be used within Tabs");
-  const { activeTab: l, setActiveTab: c, variant: x } = b, s = l === a, i = "bear-flex bear-items-center bear-gap-2 bear-px-4 bear-py-2 bear-text-sm bear-font-medium bear-transition-colors", g = {
-    line: o(
+  return /* @__PURE__ */ l(x.Provider, { value: { activeTab: m, setActiveTab: v, variant: n }, children: /* @__PURE__ */ l("div", { className: b("Bear-Tabs", c), "data-testid": d, children: o }) });
+}, g = ({ id: o, children: s, disabled: e = !1, icon: n }) => {
+  const a = y(x);
+  if (!a) throw new Error("Tab must be used within Tabs");
+  const { activeTab: c, setActiveTab: d, variant: t } = a, r = c === 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", m = {
+    line: b(
       "bear-border-b-2 bear--mb-px",
-      s ? "bear-border-pink-500 bear-text-pink-600 dark:bear-text-pink-400" : "bear-border-transparent bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white hover:bear-border-gray-300"
+      r ? "bear-border-pink-500 bear-text-pink-600 dark:bear-text-pink-400" : "bear-border-transparent hover:bear-border-[var(--bear-border-default)]"
     ),
-    pills: o(
+    pills: b(
       "bear-rounded-md",
-      s ? "bear-bg-white dark:bear-bg-gray-700 bear-text-gray-900 dark:bear-text-white bear-shadow-sm" : "bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white"
+      r && "bear-shadow-sm"
     ),
-    enclosed: o(
+    enclosed: b(
       "bear-rounded-t-lg bear-border bear-border-transparent",
-      s ? "bear-bg-white dark:bear-bg-gray-900 bear-border-gray-200 dark:bear-border-gray-700 bear-border-b-white dark:bear-border-b-gray-900 bear--mb-px bear-text-gray-900 dark:bear-text-white" : "bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white"
+      r && "bear--mb-px"
     )
-  };
-  return /* @__PURE__ */ m(
+  }, v = 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 /* @__PURE__ */ u(
     "button",
     {
       role: "tab",
-      "aria-selected": s,
+      "aria-selected": r,
       disabled: e,
-      onClick: () => !e && c(a),
-      className: o(
+      onClick: () => !e && d(o),
+      className: b(
         "Bear-Tabs__tab",
-        s && "Bear-Tabs__tab--active",
+        r && "Bear-Tabs__tab--active",
         i,
-        g[x],
+        m[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: v,
       children: [
-        r && /* @__PURE__ */ n("span", { className: "Bear-Tabs__tab-icon", children: r }),
-        /* @__PURE__ */ n("span", { className: "Bear-Tabs__tab-label", children: t })
+        n && /* @__PURE__ */ l("span", { className: "Bear-Tabs__tab-icon", children: n }),
+        /* @__PURE__ */ l("span", { className: "Bear-Tabs__tab-label", children: s })
       ]
     }
   );
-}, N = ({ tabId: a, children: t, className: e }) => {
-  const r = T(d);
-  if (!r) throw new Error("TabPanel must be used within Tabs");
-  const { activeTab: b } = r;
-  return b !== a ? null : /* @__PURE__ */ n("div", { role: "tabpanel", className: o("Bear-Tabs__panel bear-py-4", e), children: t });
 };
 export {
-  B as Tab,
-  f as TabList,
-  N as TabPanel,
-  _ as Tabs
+  g as Tab,
+  C as Tabs,
+  x as TabsContext
 };

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

@@ -23,6 +23,10 @@ export interface TabsProps {
 export interface TabListProps {
     /** Tab buttons */
     children: ReactNode;
+    /** Max number of visible tabs before overflow (e.g. 5); rest go in "..." dropdown. Selected tab is always shown first. */
+    maxVisibleTabs?: number;
+    /** Allow tabs to wrap to next line (flex-wrap), no breakpoints */
+    wrap?: boolean;
     /** Custom class name */
     className?: string;
 }

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

@@ -1,2 +1,4 @@
-export { Tabs, TabList, Tab, TabPanel } from './Tabs';
+export { Tabs, Tab, TabsContext } from './Tabs';
+export { TabList } from './TabList';
+export { TabPanel } from './TabPanel';
 export type { TabsProps, TabListProps, TabProps, TabPanelProps, TabsContextValue } from './Tabs.types';

package/dist/components/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./Container/Container.cjs"),b=require("./Flex/Flex.cjs"),c=require("./Grid/Grid.cjs"),B=require("./ActionIcon/ActionIcon.cjs"),k=require("./Button/Button.cjs"),v=require("./ButtonGroup/ButtonGroup.cjs"),o=require("./Card/Card.cjs"),A=require("./Badge/Badge.cjs"),R=require("./Paper/Paper.cjs"),L=require("./Divider/Divider.cjs"),M=require("./Typography/Typography.cjs"),D=require("./Link/Link.cjs"),F=require("./Spinner/Spinner.cjs"),w=require("./Alert/Alert.cjs"),x=require("./Rating/Rating.cjs"),f=require("./Icon/index.cjs"),e=require("./Icon/icons/navigation.cjs"),t=require("./Icon/icons/action.cjs"),G=require("./Icon/icons/status.cjs"),y=require("./Icon/icons/misc.cjs"),E=require("./BearLogo/BearLogo.cjs"),N=require("./BearLogo/EmberLogo.cjs"),V=require("./Modal/Modal.cjs"),O=require("./Drawer/Drawer.cjs"),H=require("./Tooltip/Tooltip.cjs"),u=require("./Menu/Menu.cjs"),z=require("./Dropdown/Dropdown.cjs"),K=require("./SpeedDial/SpeedDial.cjs"),j=require("./Input/Input.cjs"),J=require("./Select/Select.cjs"),U=require("./Switch/Switch.cjs"),_=require("./Checkbox/Checkbox.cjs"),l=require("./CheckboxCard/CheckboxCard.cjs"),d=require("./Radio/Radio.cjs"),q=require("./RadioCard/RadioCard.cjs"),Q=require("./MultiSelect/MultiSelect.cjs"),W=require("./NavigableSelect/NavigableSelect.cjs"),X=require("./Autocomplete/Autocomplete.cjs"),Y=require("./TransferList/TransferList.cjs"),p=require("./DataTable/DataTable.cjs"),Z=require("./Carousel/Carousel.cjs"),C=require("./Accordion/Accordion.cjs"),i=require("./Tabs/Tabs.cjs"),m=require("./Avatar/Avatar.cjs"),$=require("./Progress/Progress.cjs"),r=require("./List/List.cjs"),ee=require("./Fab/Fab.cjs"),s=require("./Toast/Toast.cjs"),n=require("./Skeleton/Skeleton.cjs"),re=require("./Pagination/Pagination.cjs"),oe=require("./Slider/Slider.cjs"),te=require("./BearLoader/BearLoader.cjs"),ie=require("./Calendar/Calendar.cjs"),ne=require("./DatePicker/DatePicker.cjs"),ae=require("./TimePicker/TimePicker.cjs"),ce=require("./Breadcrumbs/Breadcrumbs.cjs"),S=require("./Stepper/Stepper.cjs"),ue=require("./BottomNavigation/BottomNavigation.cjs"),se=require("./AppBar/AppBar.cjs"),le=require("./Popover/Popover.cjs"),de=require("./Chip/Chip.cjs"),qe=require("./TreeView/TreeView.cjs"),pe=require("./FileTree/FileTree.cjs"),Ce=require("./Timeline/Timeline.cjs"),me=require("./Statistic/Statistic.cjs"),Se=require("./EmptyState/EmptyState.cjs"),Ie=require("./Image/Image.cjs"),ge=require("./FileUpload/FileUpload.cjs"),Te=require("./NumberInput/NumberInput.cjs"),he=require("./OTPInput/OTPInput.cjs"),Pe=require("./ColorPicker/ColorPicker.cjs"),be=require("./ScrollArea/ScrollArea.cjs"),Be=require("./ResizablePanel/ResizablePanel.cjs"),ke=require("./ResizableTextarea/ResizableTextarea.cjs"),ve=require("./Collapsible/Collapsible.cjs"),Ae=require("./Kbd/Kbd.cjs"),Re=require("./CopyButton/CopyButton.cjs"),Le=require("./Sidebar/Sidebar.cjs"),Me=require("./Sidebar/components/SidebarGroup/SidebarGroup.cjs");require("react/jsx-runtime");require("react");const I=require("./Columns/Columns.cjs"),De=require("./Box/Box.cjs"),Fe=require("./Em/Em.cjs"),we=require("./Highlight/Highlight.cjs"),xe=require("./Mark/Mark.cjs"),fe=require("./Editable/Editable.cjs"),Ge=require("./HoverCard/HoverCard.cjs"),ye=require("./CodeBlock/CodeBlock.cjs"),Ee=require("./ActiveBar/ActiveBar.cjs"),Ne=require("./RichEditor/RichEditor.cjs"),Ve=require("./StatCard/StatCard.cjs"),Oe=require("./ActivityItem/ActivityItem.cjs"),a=require("./Chart/Chart.cjs"),He=require("./Sparkline/Sparkline.cjs"),ze=require("./Gauge/Gauge.cjs"),Ke=require("./SignPad/SignPad.cjs"),je=require("./Cascader/Cascader.cjs"),Je=require("./Form/Form.cjs"),g=require("./Form/Form.context.cjs"),Ue=require("./NotificationCenter/NotificationCenter.cjs"),_e=require("./PhoneInput/PhoneInput.cjs"),Qe=require("./CreditInput/CreditInput.cjs"),We=require("./CommandPalette/CommandPalette.cjs"),Xe=require("./SegmentedControl/SegmentedControl.cjs"),Ye=require("./TagsInput/TagsInput.cjs"),Ze=require("./BottomSheet/BottomSheet.cjs"),$e=require("./SliderRange/SliderRange.cjs"),er=require("./MentionsInput/MentionsInput.cjs"),rr=require("./Kanban/Kanban.cjs"),or=require("./EmojiPicker/EmojiPicker.cjs"),tr=require("./EmojiPicker/EmojiPicker.const.cjs"),ir=require("./VirtualList/VirtualList.cjs"),nr=require("./BackTop/BackTop.cjs"),ar=require("./Confetti/Confetti.cjs"),cr=require("./Confetti/useConfetti.cjs"),ur=require("./Tour/Tour.cjs"),sr=require("./Tour/useTour.cjs"),lr=require("./QRCode/QRCode.cjs"),dr=require("./JsonViewer/JsonViewer.cjs"),qr=require("./DiffViewer/DiffViewer.cjs"),pr=require("./Chat/Chat.cjs"),Cr=require("./FloatingChat/FloatingChat.cjs"),mr=require("./Terminal/Terminal.cjs"),Sr=require("./Map/Map.cjs"),Ir=require("./CodeEditor/CodeEditor.cjs"),gr=require("./Cropper/Cropper.cjs"),T=require("./Transition/Transition.cjs"),Tr=require("./Masonry/Masonry.cjs"),hr=require("./Watermark/Watermark.cjs"),Pr=require("./Marquee/Marquee.cjs"),br=require("./CountdownTimer/CountdownTimer.cjs"),Br=require("./Spotlight/Spotlight.cjs"),kr=require("./Typewriter/Typewriter.cjs"),vr=require("./Dock/Dock.cjs"),Ar=require("./GradientText/GradientText.cjs"),Rr=require("./PasswordInput/PasswordInput.cjs"),Lr=require("./AlertDialog/AlertDialog.cjs"),Mr=require("./InputGroup/InputGroup.cjs"),Dr=require("./FormField/FormField.cjs"),Fr=require("./Fieldset/Fieldset.cjs"),wr=require("./AspectRatio/AspectRatio.cjs"),xr=require("./DateRangePicker/DateRangePicker.cjs"),fr=require("./TreeSelect/TreeSelect.cjs"),Gr=require("./ImageGallery/ImageGallery.cjs"),yr=require("./ContextMenu/ContextMenu.cjs"),Er=require("./NumberFormatter/NumberFormatter.cjs"),Nr=require("./InfiniteScroll/InfiniteScroll.cjs"),h=require("./ColorSwatch/ColorSwatch.cjs"),Vr=require("./SplitButton/SplitButton.cjs"),Or=require("./Popconfirm/Popconfirm.cjs"),Hr=require("./Result/Result.cjs"),zr=require("./Descriptions/Descriptions.cjs"),Kr=require("./Anchor/Anchor.cjs"),jr=require("./Affix/Affix.cjs"),Jr=require("./RingProgress/RingProgress.cjs"),Ur=require("./Spoiler/Spoiler.cjs"),_r=require("./LoadingOverlay/LoadingOverlay.cjs"),Qr=require("./Blockquote/Blockquote.cjs"),Wr=require("./Indicator/Indicator.cjs"),Xr=require("./PageNav/PageNav.cjs"),Yr=require("./PropsPlayground/PropsPlayground.cjs"),Zr=require("./Icon/Icon.cjs");exports.Container=P.Container;exports.Flex=b.Flex;exports.Grid=c.Grid;exports.GridCompound=c.GridCompound;exports.GridItem=c.GridItem;exports.ActionIcon=B.ActionIcon;exports.Button=k.Button;exports.ButtonGroup=v.ButtonGroup;exports.Card=o.Card;exports.CardBody=o.CardBody;exports.CardCompound=o.CardCompound;exports.CardFooter=o.CardFooter;exports.CardHeader=o.CardHeader;exports.Badge=A.Badge;exports.Paper=R.Paper;exports.Divider=L.Divider;exports.Typography=M.Typography;exports.Link=D.Link;exports.Spinner=F.Spinner;exports.Alert=w.Alert;exports.Rating=x.Rating;exports.BearIcons=f.BearIcons;exports.ChevronDownIcon=e.ChevronDownIcon;exports.ChevronLeftIcon=e.ChevronLeftIcon;exports.ChevronRightIcon=e.ChevronRightIcon;exports.ChevronUpIcon=e.ChevronUpIcon;exports.MenuIcon=e.MenuIcon;exports.XIcon=e.CloseIcon;exports.MinusIcon=t.RemoveIcon;exports.PlusIcon=t.AddIcon;exports.SearchIcon=t.SearchIcon;exports.SettingsIcon=t.SettingsIcon;exports.CheckIcon=G.CheckIcon;exports.BearPawIcon=y.BearPawIcon;exports.BearLogo=E.BearLogo;exports.EmberLogo=N.EmberLogo;exports.Modal=V.Modal;exports.Drawer=O.Drawer;exports.Tooltip=H.Tooltip;exports.Menu=u.Menu;exports.MenuDivider=u.MenuDivider;exports.MenuItem=u.MenuItem;exports.Dropdown=z.Dropdown;exports.SpeedDial=K.SpeedDial;exports.Input=j.Input;exports.Select=J.Select;exports.Switch=U.Switch;exports.Checkbox=_.Checkbox;exports.CheckboxCard=l.CheckboxCard;exports.CheckboxCardGroup=l.CheckboxCardGroup;exports.Radio=d.Radio;exports.RadioGroup=d.RadioGroup;exports.RadioCard=q.RadioCard;exports.RadioCardGroup=q.RadioCardGroup;exports.MultiSelect=Q.MultiSelect;exports.NavigableSelect=W.NavigableSelect;exports.Autocomplete=X.Autocomplete;exports.TransferList=Y.TransferList;exports.DataTable=p.DataTable;exports.createColumns=p.createColumns;exports.Carousel=Z.Carousel;exports.Accordion=C.Accordion;exports.AccordionItem=C.AccordionItem;exports.Tab=i.Tab;exports.TabList=i.TabList;exports.TabPanel=i.TabPanel;exports.Tabs=i.Tabs;exports.Avatar=m.Avatar;exports.AvatarGroup=m.AvatarGroup;exports.Progress=$.Progress;exports.List=r.List;exports.ListItem=r.ListItem;exports.ListItemButton=r.ListItemButton;exports.ListItemIcon=r.ListItemIcon;exports.ListItemText=r.ListItemText;exports.ListSubheader=r.ListSubheader;exports.Fab=ee.Fab;exports.ToastContainer=s.ToastContainer;exports.ToastProvider=s.ToastProvider;exports.useToast=s.useToast;exports.Skeleton=n.Skeleton;exports.SkeletonAvatar=n.SkeletonAvatar;exports.SkeletonCard=n.SkeletonCard;exports.SkeletonText=n.SkeletonText;exports.Pagination=re.Pagination;exports.Slider=oe.Slider;exports.BearLoader=te.BearLoader;exports.Calendar=ie.Calendar;exports.DatePicker=ne.DatePicker;exports.TimePicker=ae.TimePicker;exports.Breadcrumbs=ce.Breadcrumbs;exports.Stepper=S.Stepper;exports.StepperControls=S.StepperControls;exports.BottomNavigation=ue.BottomNavigation;exports.AppBar=se.AppBar;exports.Popover=le.Popover;exports.Chip=de.Chip;exports.TreeView=qe.TreeView;exports.FileTree=pe.FileTree;exports.Timeline=Ce.Timeline;exports.Statistic=me.Statistic;exports.EmptyState=Se.EmptyState;exports.Image=Ie.Image;exports.FileUpload=ge.FileUpload;exports.NumberInput=Te.NumberInput;exports.OTPInput=he.OTPInput;exports.ColorPicker=Pe.ColorPicker;exports.ScrollArea=be.ScrollArea;exports.ResizablePanel=Be.ResizablePanel;exports.ResizableTextarea=ke.ResizableTextarea;exports.Collapsible=ve.Collapsible;exports.Kbd=Ae.Kbd;exports.CopyButton=Re.CopyButton;exports.Sidebar=Le.Sidebar;exports.SidebarGroup=Me.SidebarGroup;exports.Column=I.Column;exports.Columns=I.Columns;exports.Box=De.Box;exports.Em=Fe.Em;exports.Highlight=we.Highlight;exports.Mark=xe.Mark;exports.Editable=fe.Editable;exports.HoverCard=Ge.HoverCard;exports.CodeBlock=ye.CodeBlock;exports.ActiveBar=Ee.ActiveBar;exports.RichEditor=Ne.RichEditor;exports.StatCard=Ve.StatCard;exports.ActivityItem=Oe.ActivityItem;exports.BarChart=a.BarChart;exports.Chart=a.Chart;exports.LineChart=a.LineChart;exports.PieChart=a.PieChart;exports.Sparkline=He.Sparkline;exports.Gauge=ze.Gauge;exports.SignPad=Ke.SignPad;exports.Cascader=je.Cascader;exports.Form=Je.Form;exports.useFormContext=g.useFormContext;exports.useFormContextSafe=g.useFormContextSafe;exports.NotificationCenter=Ue.NotificationCenter;exports.PhoneInput=_e.PhoneInput;exports.CreditInput=Qe.CreditInput;exports.CommandPalette=We.CommandPalette;exports.SegmentedControl=Xe.SegmentedControl;exports.TagsInput=Ye.TagsInput;exports.BottomSheet=Ze.BottomSheet;exports.SliderRange=$e.SliderRange;exports.MentionsInput=er.MentionsInput;exports.Kanban=rr.Kanban;exports.EmojiPicker=or.EmojiPicker;exports.BEAR_EMOJIS=tr.BEAR_EMOJIS;exports.VirtualList=ir.VirtualList;exports.BackTop=nr.BackTop;exports.Confetti=ar.Confetti;exports.useConfetti=cr.useConfetti;exports.Tour=ur.Tour;exports.useTour=sr.useTour;exports.QRCode=lr.QRCode;exports.JsonViewer=dr.JsonViewer;exports.DiffViewer=qr.DiffViewer;exports.Chat=pr.Chat;exports.FloatingChat=Cr.FloatingChat;exports.Terminal=mr.Terminal;exports.Map=Sr.Map;exports.CodeEditor=Ir.CodeEditor;exports.Cropper=gr.Cropper;exports.Motion=T.Motion;exports.Transition=T.Transition;exports.Masonry=Tr.Masonry;exports.Watermark=hr.Watermark;exports.Marquee=Pr.Marquee;exports.CountdownTimer=br.CountdownTimer;exports.Spotlight=Br.Spotlight;exports.Typewriter=kr.Typewriter;exports.Dock=vr.Dock;exports.GradientText=Ar.GradientText;exports.PasswordInput=Rr.PasswordInput;exports.AlertDialog=Lr.AlertDialog;exports.InputGroup=Mr.InputGroup;exports.FormField=Dr.FormField;exports.Fieldset=Fr.Fieldset;exports.AspectRatio=wr.AspectRatio;exports.DateRangePicker=xr.DateRangePicker;exports.TreeSelect=fr.TreeSelect;exports.ImageGallery=Gr.ImageGallery;exports.ContextMenu=yr.ContextMenu;exports.NumberFormatter=Er.NumberFormatter;exports.InfiniteScroll=Nr.InfiniteScroll;exports.ColorSwatch=h.ColorSwatch;exports.ColorSwatchGroup=h.ColorSwatchGroup;exports.SplitButton=Vr.SplitButton;exports.Popconfirm=Or.Popconfirm;exports.Result=Hr.Result;exports.Descriptions=zr.Descriptions;exports.Anchor=Kr.Anchor;exports.Affix=jr.Affix;exports.RingProgress=Jr.RingProgress;exports.Spoiler=Ur.Spoiler;exports.LoadingOverlay=_r.LoadingOverlay;exports.Blockquote=Qr.Blockquote;exports.Indicator=Wr.Indicator;exports.PageNav=Xr.PageNav;exports.PropsPlayground=Yr.PropsPlayground;exports.Icon=Zr.Icon;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./Container/Container.cjs"),B=require("./Flex/Flex.cjs"),a=require("./Grid/Grid.cjs"),k=require("./ActionIcon/ActionIcon.cjs"),v=require("./Button/Button.cjs"),A=require("./ButtonGroup/ButtonGroup.cjs"),o=require("./Card/Card.cjs"),R=require("./Badge/Badge.cjs"),L=require("./Paper/Paper.cjs"),M=require("./Divider/Divider.cjs"),F=require("./Typography/Typography.cjs"),x=require("./Link/Link.cjs"),D=require("./Spinner/Spinner.cjs"),w=require("./Alert/Alert.cjs"),f=require("./Rating/Rating.cjs"),G=require("./Icon/index.cjs"),e=require("./Icon/icons/navigation.cjs"),t=require("./Icon/icons/action.cjs"),y=require("./Icon/icons/status.cjs"),E=require("./Icon/icons/misc.cjs"),N=require("./BearLogo/BearLogo.cjs"),V=require("./BearLogo/EmberLogo.cjs"),O=require("./Modal/Modal.cjs"),H=require("./Drawer/Drawer.cjs"),z=require("./Tooltip/Tooltip.cjs"),c=require("./Menu/Menu.cjs"),K=require("./Dropdown/Dropdown.cjs"),j=require("./SpeedDial/SpeedDial.cjs"),s=require("./Input/Input.cjs"),J=require("./Select/Select.cjs"),U=require("./Switch/Switch.cjs"),_=require("./Checkbox/Checkbox.cjs"),l=require("./CheckboxCard/CheckboxCard.cjs"),q=require("./Radio/Radio.cjs"),d=require("./RadioCard/RadioCard.cjs"),Q=require("./MultiSelect/MultiSelect.cjs"),W=require("./NavigableSelect/NavigableSelect.cjs"),X=require("./Autocomplete/Autocomplete.cjs"),Y=require("./TransferList/TransferList.cjs"),p=require("./DataTable/DataTable.cjs"),Z=require("./Carousel/Carousel.cjs"),C=require("./Accordion/Accordion.cjs"),m=require("./Tabs/Tabs.cjs"),$=require("./Tabs/TabList.cjs"),ee=require("./Tabs/TabPanel.cjs"),S=require("./Avatar/Avatar.cjs"),re=require("./Progress/Progress.cjs"),r=require("./List/List.cjs"),oe=require("./Fab/Fab.cjs"),u=require("./Toast/Toast.cjs"),i=require("./Skeleton/Skeleton.cjs"),te=require("./Pagination/Pagination.cjs"),ie=require("./Slider/Slider.cjs"),ne=require("./BearLoader/BearLoader.cjs"),ae=require("./Calendar/Calendar.cjs"),ce=require("./DatePicker/DatePicker.cjs"),ue=require("./TimePicker/TimePicker.cjs"),se=require("./Breadcrumbs/Breadcrumbs.cjs"),I=require("./Stepper/Stepper.cjs"),le=require("./BottomNavigation/BottomNavigation.cjs"),qe=require("./AppBar/AppBar.cjs"),de=require("./Popover/Popover.cjs"),pe=require("./Chip/Chip.cjs"),Ce=require("./TreeView/TreeView.cjs"),me=require("./FileTree/FileTree.cjs"),Se=require("./Timeline/Timeline.cjs"),Ie=require("./Statistic/Statistic.cjs"),ge=require("./EmptyState/EmptyState.cjs"),Te=require("./Image/Image.cjs"),he=require("./FileUpload/FileUpload.cjs"),Pe=require("./NumberInput/NumberInput.cjs"),be=require("./OTPInput/OTPInput.cjs"),Be=require("./ColorPicker/ColorPicker.cjs"),ke=require("./ScrollArea/ScrollArea.cjs"),ve=require("./ResizablePanel/ResizablePanel.cjs"),Ae=require("./ResizableTextarea/ResizableTextarea.cjs"),Re=require("./Collapsible/Collapsible.cjs"),Le=require("./Kbd/Kbd.cjs"),Me=require("./CopyButton/CopyButton.cjs"),Fe=require("./Sidebar/Sidebar.cjs"),xe=require("./Sidebar/components/SidebarGroup/SidebarGroup.cjs");require("react/jsx-runtime");require("react");const g=require("./Columns/Columns.cjs"),De=require("./Box/Box.cjs"),we=require("./Em/Em.cjs"),fe=require("./Highlight/Highlight.cjs"),Ge=require("./Mark/Mark.cjs"),ye=require("./Editable/Editable.cjs"),Ee=require("./HoverCard/HoverCard.cjs"),Ne=require("./CodeBlock/CodeBlock.cjs"),Ve=require("./ActiveBar/ActiveBar.cjs"),Oe=require("./RichEditor/RichEditor.cjs"),He=require("./StatCard/StatCard.cjs"),ze=require("./ActivityItem/ActivityItem.cjs"),n=require("./Chart/Chart.cjs"),Ke=require("./Sparkline/Sparkline.cjs"),je=require("./Gauge/Gauge.cjs"),Je=require("./SignPad/SignPad.cjs"),Ue=require("./Cascader/Cascader.cjs"),_e=require("./Form/Form.cjs"),T=require("./Form/Form.context.cjs"),Qe=require("./NotificationCenter/NotificationCenter.cjs"),We=require("./PhoneInput/PhoneInput.cjs"),Xe=require("./CreditInput/CreditInput.cjs"),Ye=require("./CommandPalette/CommandPalette.cjs"),Ze=require("./SegmentedControl/SegmentedControl.cjs"),$e=require("./TagsInput/TagsInput.cjs"),er=require("./BottomSheet/BottomSheet.cjs"),rr=require("./SliderRange/SliderRange.cjs"),or=require("./MentionsInput/MentionsInput.cjs"),tr=require("./Kanban/Kanban.cjs"),ir=require("./EmojiPicker/EmojiPicker.cjs"),nr=require("./EmojiPicker/EmojiPicker.const.cjs"),ar=require("./VirtualList/VirtualList.cjs"),cr=require("./BackTop/BackTop.cjs"),ur=require("./Confetti/Confetti.cjs"),sr=require("./Confetti/useConfetti.cjs"),lr=require("./Tour/Tour.cjs"),qr=require("./Tour/useTour.cjs"),dr=require("./QRCode/QRCode.cjs"),pr=require("./JsonViewer/JsonViewer.cjs"),Cr=require("./DiffViewer/DiffViewer.cjs"),mr=require("./Chat/Chat.cjs"),Sr=require("./FloatingChat/FloatingChat.cjs"),Ir=require("./Terminal/Terminal.cjs"),gr=require("./Map/Map.cjs"),Tr=require("./CodeEditor/CodeEditor.cjs"),hr=require("./Cropper/Cropper.cjs"),h=require("./Transition/Transition.cjs"),Pr=require("./Masonry/Masonry.cjs"),br=require("./Watermark/Watermark.cjs"),Br=require("./Marquee/Marquee.cjs"),kr=require("./CountdownTimer/CountdownTimer.cjs"),vr=require("./Spotlight/Spotlight.cjs"),Ar=require("./Typewriter/Typewriter.cjs"),Rr=require("./Dock/Dock.cjs"),Lr=require("./GradientText/GradientText.cjs"),Mr=require("./PasswordInput/PasswordInput.cjs"),Fr=require("./AlertDialog/AlertDialog.cjs"),xr=require("./InputGroup/InputGroup.cjs"),Dr=require("./FormField/FormField.cjs"),wr=require("./Fieldset/Fieldset.cjs"),fr=require("./AspectRatio/AspectRatio.cjs"),Gr=require("./DateRangePicker/DateRangePicker.cjs"),yr=require("./TreeSelect/TreeSelect.cjs"),Er=require("./ImageGallery/ImageGallery.cjs"),Nr=require("./ContextMenu/ContextMenu.cjs"),Vr=require("./NumberFormatter/NumberFormatter.cjs"),Or=require("./InfiniteScroll/InfiniteScroll.cjs"),P=require("./ColorSwatch/ColorSwatch.cjs"),Hr=require("./SplitButton/SplitButton.cjs"),zr=require("./Popconfirm/Popconfirm.cjs"),Kr=require("./Result/Result.cjs"),jr=require("./Descriptions/Descriptions.cjs"),Jr=require("./Anchor/Anchor.cjs"),Ur=require("./Affix/Affix.cjs"),_r=require("./RingProgress/RingProgress.cjs"),Qr=require("./Spoiler/Spoiler.cjs"),Wr=require("./LoadingOverlay/LoadingOverlay.cjs"),Xr=require("./Blockquote/Blockquote.cjs"),Yr=require("./Indicator/Indicator.cjs"),Zr=require("./PageNav/PageNav.cjs"),$r=require("./PropsPlayground/PropsPlayground.cjs"),eo=require("./Biometric/Biometric.cjs"),ro=require("./Biometric/useBiometric.cjs"),oo=require("./Icon/Icon.cjs");exports.Container=b.Container;exports.Flex=B.Flex;exports.Grid=a.Grid;exports.GridCompound=a.GridCompound;exports.GridItem=a.GridItem;exports.ActionIcon=k.ActionIcon;exports.Button=v.Button;exports.ButtonGroup=A.ButtonGroup;exports.Card=o.Card;exports.CardBody=o.CardBody;exports.CardCompound=o.CardCompound;exports.CardFooter=o.CardFooter;exports.CardHeader=o.CardHeader;exports.Badge=R.Badge;exports.Paper=L.Paper;exports.Divider=M.Divider;exports.Typography=F.Typography;exports.Link=x.Link;exports.Spinner=D.Spinner;exports.Alert=w.Alert;exports.Rating=f.Rating;exports.BearIcons=G.BearIcons;exports.ChevronDownIcon=e.ChevronDownIcon;exports.ChevronLeftIcon=e.ChevronLeftIcon;exports.ChevronRightIcon=e.ChevronRightIcon;exports.ChevronUpIcon=e.ChevronUpIcon;exports.MenuIcon=e.MenuIcon;exports.XIcon=e.CloseIcon;exports.MinusIcon=t.RemoveIcon;exports.PlusIcon=t.AddIcon;exports.SearchIcon=t.SearchIcon;exports.SettingsIcon=t.SettingsIcon;exports.CheckIcon=y.CheckIcon;exports.BearPawIcon=E.BearPawIcon;exports.BearLogo=N.BearLogo;exports.EmberLogo=V.EmberLogo;exports.Modal=O.Modal;exports.Drawer=H.Drawer;exports.Tooltip=z.Tooltip;exports.Menu=c.Menu;exports.MenuDivider=c.MenuDivider;exports.MenuItem=c.MenuItem;exports.Dropdown=K.Dropdown;exports.SpeedDial=j.SpeedDial;exports.Input=s.Input;exports.TextField=s.Input;exports.Select=J.Select;exports.Switch=U.Switch;exports.Checkbox=_.Checkbox;exports.CheckboxCard=l.CheckboxCard;exports.CheckboxCardGroup=l.CheckboxCardGroup;exports.Radio=q.Radio;exports.RadioGroup=q.RadioGroup;exports.RadioCard=d.RadioCard;exports.RadioCardGroup=d.RadioCardGroup;exports.MultiSelect=Q.MultiSelect;exports.NavigableSelect=W.NavigableSelect;exports.Autocomplete=X.Autocomplete;exports.TransferList=Y.TransferList;exports.DataTable=p.DataTable;exports.createColumns=p.createColumns;exports.Carousel=Z.Carousel;exports.Accordion=C.Accordion;exports.AccordionItem=C.AccordionItem;exports.Tab=m.Tab;exports.Tabs=m.Tabs;exports.TabList=$.TabList;exports.TabPanel=ee.TabPanel;exports.Avatar=S.Avatar;exports.AvatarGroup=S.AvatarGroup;exports.Progress=re.Progress;exports.List=r.List;exports.ListItem=r.ListItem;exports.ListItemButton=r.ListItemButton;exports.ListItemIcon=r.ListItemIcon;exports.ListItemText=r.ListItemText;exports.ListSubheader=r.ListSubheader;exports.Fab=oe.Fab;exports.ToastContainer=u.ToastContainer;exports.ToastProvider=u.ToastProvider;exports.useToast=u.useToast;exports.Skeleton=i.Skeleton;exports.SkeletonAvatar=i.SkeletonAvatar;exports.SkeletonCard=i.SkeletonCard;exports.SkeletonText=i.SkeletonText;exports.Pagination=te.Pagination;exports.Slider=ie.Slider;exports.BearLoader=ne.BearLoader;exports.Calendar=ae.Calendar;exports.DatePicker=ce.DatePicker;exports.TimePicker=ue.TimePicker;exports.Breadcrumbs=se.Breadcrumbs;exports.Stepper=I.Stepper;exports.StepperControls=I.StepperControls;exports.BottomNavigation=le.BottomNavigation;exports.AppBar=qe.AppBar;exports.Popover=de.Popover;exports.Chip=pe.Chip;exports.TreeView=Ce.TreeView;exports.FileTree=me.FileTree;exports.Timeline=Se.Timeline;exports.Statistic=Ie.Statistic;exports.EmptyState=ge.EmptyState;exports.Image=Te.Image;exports.FileUpload=he.FileUpload;exports.NumberInput=Pe.NumberInput;exports.OTPInput=be.OTPInput;exports.ColorPicker=Be.ColorPicker;exports.ScrollArea=ke.ScrollArea;exports.ResizablePanel=ve.ResizablePanel;exports.ResizableTextarea=Ae.ResizableTextarea;exports.Collapsible=Re.Collapsible;exports.Kbd=Le.Kbd;exports.CopyButton=Me.CopyButton;exports.Sidebar=Fe.Sidebar;exports.SidebarGroup=xe.SidebarGroup;exports.Column=g.Column;exports.Columns=g.Columns;exports.Box=De.Box;exports.Em=we.Em;exports.Highlight=fe.Highlight;exports.Mark=Ge.Mark;exports.Editable=ye.Editable;exports.HoverCard=Ee.HoverCard;exports.CodeBlock=Ne.CodeBlock;exports.ActiveBar=Ve.ActiveBar;exports.RichEditor=Oe.RichEditor;exports.StatCard=He.StatCard;exports.ActivityItem=ze.ActivityItem;exports.BarChart=n.BarChart;exports.Chart=n.Chart;exports.LineChart=n.LineChart;exports.PieChart=n.PieChart;exports.Sparkline=Ke.Sparkline;exports.Gauge=je.Gauge;exports.SignPad=Je.SignPad;exports.Cascader=Ue.Cascader;exports.Form=_e.Form;exports.useFormContext=T.useFormContext;exports.useFormContextSafe=T.useFormContextSafe;exports.NotificationCenter=Qe.NotificationCenter;exports.PhoneInput=We.PhoneInput;exports.CreditInput=Xe.CreditInput;exports.CommandPalette=Ye.CommandPalette;exports.SegmentedControl=Ze.SegmentedControl;exports.TagsInput=$e.TagsInput;exports.BottomSheet=er.BottomSheet;exports.SliderRange=rr.SliderRange;exports.MentionsInput=or.MentionsInput;exports.Kanban=tr.Kanban;exports.EmojiPicker=ir.EmojiPicker;exports.BEAR_EMOJIS=nr.BEAR_EMOJIS;exports.VirtualList=ar.VirtualList;exports.BackTop=cr.BackTop;exports.Confetti=ur.Confetti;exports.useConfetti=sr.useConfetti;exports.Tour=lr.Tour;exports.useTour=qr.useTour;exports.QRCode=dr.QRCode;exports.JsonViewer=pr.JsonViewer;exports.DiffViewer=Cr.DiffViewer;exports.Chat=mr.Chat;exports.FloatingChat=Sr.FloatingChat;exports.Terminal=Ir.Terminal;exports.Map=gr.Map;exports.CodeEditor=Tr.CodeEditor;exports.Cropper=hr.Cropper;exports.Motion=h.Motion;exports.Transition=h.Transition;exports.Masonry=Pr.Masonry;exports.Watermark=br.Watermark;exports.Marquee=Br.Marquee;exports.CountdownTimer=kr.CountdownTimer;exports.Spotlight=vr.Spotlight;exports.Typewriter=Ar.Typewriter;exports.Dock=Rr.Dock;exports.GradientText=Lr.GradientText;exports.PasswordInput=Mr.PasswordInput;exports.AlertDialog=Fr.AlertDialog;exports.InputGroup=xr.InputGroup;exports.FormField=Dr.FormField;exports.Fieldset=wr.Fieldset;exports.AspectRatio=fr.AspectRatio;exports.DateRangePicker=Gr.DateRangePicker;exports.TreeSelect=yr.TreeSelect;exports.ImageGallery=Er.ImageGallery;exports.ContextMenu=Nr.ContextMenu;exports.NumberFormatter=Vr.NumberFormatter;exports.InfiniteScroll=Or.InfiniteScroll;exports.ColorSwatch=P.ColorSwatch;exports.ColorSwatchGroup=P.ColorSwatchGroup;exports.SplitButton=Hr.SplitButton;exports.Popconfirm=zr.Popconfirm;exports.Result=Kr.Result;exports.Descriptions=jr.Descriptions;exports.Anchor=Jr.Anchor;exports.Affix=Ur.Affix;exports.RingProgress=_r.RingProgress;exports.Spoiler=Qr.Spoiler;exports.LoadingOverlay=Wr.LoadingOverlay;exports.Blockquote=Xr.Blockquote;exports.Indicator=Yr.Indicator;exports.PageNav=Zr.PageNav;exports.PropsPlayground=$r.PropsPlayground;exports.Biometric=eo.Biometric;exports.useBiometric=ro.useBiometric;exports.Icon=oo.Icon;

package/dist/components/index.d.ts

@@ -48,8 +48,8 @@ export { Dropdown } from './Dropdown';
 export type { DropdownProps, DropdownItem } from './Dropdown';
 export { SpeedDial } from './SpeedDial';
 export type { SpeedDialProps, SpeedDialAction } from './SpeedDial';
-export { Input } from './Input';
-export type { InputProps } from './Input';
+export { Input, Input as TextField } from './Input';
+export type { InputProps, InputPropsInput } from './Input';
 export { Select } from './Select';
 export type { SelectProps, SelectOption } from './Select';
 export { Switch } from './Switch';
@@ -302,3 +302,6 @@ export { PageNav } from './PageNav';
 export type { PageNavProps, PageNavItem } from './PageNav';
 export { PropsPlayground } from './PropsPlayground';
 export type { PropsPlaygroundProps, PropsConfig, PropValues, PropControlConfig, PropControlOption, PropControlType } from './PropsPlayground';
+export { Biometric } from './Biometric';
+export { useBiometric } from './Biometric';
+export type { BiometricProps, BiometricType, BiometricStatus, UseBiometricOptions, UseBiometricReturn } from './Biometric';