@forgedevstack/bear 1.3.0 → 1.3.2

package/dist/components/Biometric/components/BiometricTrigger/BiometricTrigger.cjs

@@ -0,0 +1 @@
+"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 u=require("../../../Box/Box.cjs"),T=require("../../../Button/Button.cjs"),r=require("../../Biometric.const.cjs"),R=require("../BiometricIcon/BiometricIcon.cjs"),C=require("../BiometricScanRipple/BiometricScanRipple.cjs"),m=_=>{const{type:b,size:a,status:i,disabled:S,animated:s,statusLabel:B,onClick:I}=_,n=r.BIOMETRIC_RIPPLE_SIZE_MAP[a],d=r.BIOMETRIC_SIZE_MAP[a],c=r.BIOMETRIC_RING_COLOR_MAP[i],t=i===e.STATUS_SCANNING;return o.jsxs(T.Button,{type:"button",variant:e.VARIANT_GHOST,disabled:S||t,onClick:I,className:l.cn("Bear-Biometric__trigger bear-relative bear-flex bear-items-center bear-justify-center bear-rounded-full",r.BIOMETRIC_STATUS_COLOR_CLASSES[i]),style:{width:n,height:n,backgroundColor:"var(--bear-bg-secondary)"},"aria-label":B??e.LABEL_AUTHENTICATE,children:[s&&t&&o.jsx(C.BiometricScanRipple,{color:c}),o.jsx(u.Box,{as:"span",className:l.cn("Bear-Biometric__ring bear-absolute bear-inset-0 bear-rounded-full bear-border-2 bear-transition-colors bear-duration-300",t&&s&&"bear-animate-spin"),style:{borderColor:c,borderStyle:t?e.BORDER_STYLE_DASHED:e.BORDER_STYLE_SOLID,animationDuration:t?r.BIOMETRIC_SCAN_SPIN_DURATION:void 0}}),s&&i===e.STATUS_SUCCESS&&o.jsx(u.Box,{as:"span",className:"Bear-Biometric__success bear-absolute bear-inset-0 bear-rounded-full bear-opacity-10",style:{backgroundColor:r.BIOMETRIC_RING_COLOR_MAP.success}}),o.jsx(R.BiometricIcon,{type:b,size:d,status:i,animated:s})]})};exports.BiometricTrigger=m;

package/dist/components/Biometric/components/BiometricTrigger/BiometricTrigger.d.ts

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

package/dist/components/Biometric/components/BiometricTrigger/BiometricTrigger.js

@@ -0,0 +1,61 @@
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { LABEL_AUTHENTICATE as u, VARIANT_GHOST as T, BORDER_STYLE_DASHED as B, BORDER_STYLE_SOLID as C, STATUS_SUCCESS as E, STATUS_SCANNING as A } from "../../../../constants/generals.const.js";
+import { cn as n } from "../../../../utils/cn.js";
+import "react";
+import { Box as c } from "../../../Box/Box.js";
+import { Button as R } from "../../../Button/Button.js";
+import { BIOMETRIC_RIPPLE_SIZE_MAP as O, BIOMETRIC_RING_COLOR_MAP as l, BIOMETRIC_SCAN_SPIN_DURATION as f, BIOMETRIC_SIZE_MAP as N, BIOMETRIC_STATUS_COLOR_CLASSES as g } from "../../Biometric.const.js";
+import { BiometricIcon as L } from "../BiometricIcon/BiometricIcon.js";
+import { BiometricScanRipple as y } from "../BiometricScanRipple/BiometricScanRipple.js";
+const k = (b) => {
+  const { type: m, size: i, status: r, disabled: _, animated: o, statusLabel: S, onClick: d } = b, t = O[i], I = N[i], s = l[r], e = r === A;
+  return /* @__PURE__ */ p(
+    R,
+    {
+      type: "button",
+      variant: T,
+      disabled: _ || e,
+      onClick: d,
+      className: n(
+        "Bear-Biometric__trigger bear-relative bear-flex bear-items-center bear-justify-center bear-rounded-full",
+        g[r]
+      ),
+      style: {
+        width: t,
+        height: t,
+        backgroundColor: "var(--bear-bg-secondary)"
+      },
+      "aria-label": S ?? u,
+      children: [
+        o && e && /* @__PURE__ */ a(y, { color: s }),
+        /* @__PURE__ */ a(
+          c,
+          {
+            as: "span",
+            className: n(
+              "Bear-Biometric__ring bear-absolute bear-inset-0 bear-rounded-full bear-border-2 bear-transition-colors bear-duration-300",
+              e && o && "bear-animate-spin"
+            ),
+            style: {
+              borderColor: s,
+              borderStyle: e ? B : C,
+              animationDuration: e ? f : void 0
+            }
+          }
+        ),
+        o && r === E && /* @__PURE__ */ a(
+          c,
+          {
+            as: "span",
+            className: "Bear-Biometric__success bear-absolute bear-inset-0 bear-rounded-full bear-opacity-10",
+            style: { backgroundColor: l.success }
+          }
+        ),
+        /* @__PURE__ */ a(L, { type: m, size: I, status: r, animated: o })
+      ]
+    }
+  );
+};
+export {
+  k as BiometricTrigger
+};

package/dist/components/Biometric/components/BiometricTrigger/BiometricTrigger.types.d.ts

@@ -0,0 +1,10 @@
+import { BiometricSize, BiometricStatus, BiometricType } from '../../Biometric.types';
+export interface BiometricTriggerProps {
+    type: BiometricType;
+    size: BiometricSize;
+    status: BiometricStatus;
+    disabled: boolean;
+    animated: boolean;
+    statusLabel?: string;
+    onClick: () => void;
+}

package/dist/components/Biometric/components/BiometricTrigger/index.d.ts

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

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

@@ -0,0 +1,3 @@
+export { BiometricIcon } from './BiometricIcon';
+export { BiometricScanRipple } from './BiometricScanRipple';
+export { BiometricTrigger } from './BiometricTrigger';

package/dist/components/Biometric/useBiometric.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),d=(o={})=>{const{scanDuration:a=2e3,successDuration:r=1500,onSuccess:c,onError:u}=o,[i,e]=s.useState("idle"),t=s.useRef(),n=s.useCallback(()=>{t.current&&clearTimeout(t.current)},[]),l=s.useCallback(()=>{n(),e("idle")},[n]),m=s.useCallback(()=>{i!=="scanning"&&(n(),e("scanning"),t.current=setTimeout(()=>{Math.random()>.2?(e("success"),c==null||c(),t.current=setTimeout(()=>e("idle"),r)):(e("error"),u==null||u(),t.current=setTimeout(()=>e("idle"),r))},a))},[i,n,a,r,c,u]);return{status:i,scan:m,reset:l}};exports.useBiometric=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),T=require("../../constants/numbers.const.cjs"),e=require("../../constants/generals.const.cjs"),_=(a={})=>{const{scanDuration:i=T.ANIMATED_COUNTER_DURATION,successDuration:S=T.FIFTEEN_HUNDRED,onSuccess:u,onError:r}=a,[o,t]=c.useState(e.STATUS_IDLE),s=c.useRef(),n=c.useCallback(()=>{s.current&&clearTimeout(s.current)},[]),l=c.useCallback(()=>{n(),t(e.STATUS_IDLE)},[n]),A=c.useCallback(()=>{o!==e.STATUS_SCANNING&&(n(),t(e.STATUS_SCANNING),s.current=setTimeout(()=>{Math.random()>T.TENTH*T.TWO?(t(e.STATUS_SUCCESS),u==null||u(),s.current=setTimeout(()=>t(e.STATUS_IDLE),S)):(t(e.STATUS_ERROR),r==null||r(),s.current=setTimeout(()=>t(e.STATUS_IDLE),S))},i))},[o,n,i,S,u,r]);return{status:o,scan:A,reset:l}};exports.useBiometric=_;

package/dist/components/Biometric/useBiometric.js

@@ -1,21 +1,23 @@
-import { useState as f, useRef as d, useCallback as i } from "react";
-const S = (a = {}) => {
+import { useState as f, useRef as A, useCallback as T } from "react";
+import { ANIMATED_COUNTER_DURATION as E, FIFTEEN_HUNDRED as R, TENTH as U, TWO as D } from "../../constants/numbers.const.js";
+import { STATUS_IDLE as u, STATUS_SCANNING as S, STATUS_SUCCESS as _, STATUS_ERROR as l } from "../../constants/generals.const.js";
+const F = (a = {}) => {
   const {
-    scanDuration: o = 2e3,
-    successDuration: r = 1500,
+    scanDuration: i = E,
+    successDuration: o = R,
     onSuccess: s,
-    onError: c
-  } = a, [u, e] = f("idle"), t = d(), n = i(() => {
-    t.current && clearTimeout(t.current);
-  }, []), l = i(() => {
-    n(), e("idle");
-  }, [n]), m = i(() => {
-    u !== "scanning" && (n(), e("scanning"), t.current = setTimeout(() => {
-      Math.random() > 0.2 ? (e("success"), s == null || s(), t.current = setTimeout(() => e("idle"), r)) : (e("error"), c == null || c(), t.current = setTimeout(() => e("idle"), r));
-    }, o));
-  }, [u, n, o, r, s, c]);
-  return { status: u, scan: m, reset: l };
+    onError: r
+  } = a, [n, t] = f(u), e = A(), c = T(() => {
+    e.current && clearTimeout(e.current);
+  }, []), m = T(() => {
+    c(), t(u);
+  }, [c]), N = T(() => {
+    n !== S && (c(), t(S), e.current = setTimeout(() => {
+      Math.random() > U * D ? (t(_), s == null || s(), e.current = setTimeout(() => t(u), o)) : (t(l), r == null || r(), e.current = setTimeout(() => t(u), o));
+    }, i));
+  }, [n, c, i, o, s, r]);
+  return { status: n, scan: N, reset: m };
 };
 export {
-  S as useBiometric
+  F as useBiometric
 };

package/dist/components/Blockquote/Blockquote.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../utils/cn.cjs");require("react");const n=require("../Typography/Typography.cjs"),s=require("./Blockquote.const.cjs"),b=e.jsx("svg",{className:"bear-w-6 bear-h-6 bear-flex-shrink-0",fill:"currentColor",viewBox:"0 0 24 24","aria-hidden":!0,children:e.jsx("path",{d:"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z"})}),p=({cite:r,icon:o,color:a="default",children:t,className:l,testId:i,...d})=>{const h=s.BORDER_COLOR_MAP[a],u=s.ICON_COLOR_MAP[a];return e.jsx("blockquote",{className:c.cn(s.ROOT_CLASS,h,l),"data-testid":i,cite:r,...d,children:e.jsxs("div",{className:"bear-flex bear-gap-3",children:[e.jsx("span",{className:u,children:o??b}),e.jsxs("div",{className:"bear-flex-1 bear-min-w-0",children:[e.jsx(n.Typography,{variant:"body1",component:"span",children:t}),r&&e.jsxs(n.Typography,{variant:"caption",color:"secondary",component:"cite",className:c.cn(s.CITE_CLASS,"bear-block"),children:["— ",r]})]})]})})};exports.Blockquote=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("../../constants/generals.const.cjs"),o=require("../../utils/cn.cjs");require("react");const c=require("../Box/Box.cjs"),q=require("../Flex/Flex.cjs"),x=require("@forgedevstack/bear-icons"),s=require("../Typography/Typography.cjs"),n=require("./Blockquote.const.cjs"),m=t=>{const{cite:r,icon:l,color:a=p.COLOR_DEFAULT,children:i,className:b,testId:u,...d}=t;return e.jsx("blockquote",{className:o.cn("Bear-Blockquote bear-pl-4 bear-py-2 bear-border-l-4 bear-bg-gray-50 dark:bear-bg-zinc-800/50 bear-rounded-r bear-not-italic",n.BORDER_COLOR_MAP[a],b),"data-testid":u,cite:r,...d,children:e.jsxs(q.Flex,{className:"bear-gap-3",children:[e.jsx(c.Box,{as:"span",className:o.cn("bear-flex-shrink-0",n.ICON_COLOR_MAP[a]),children:l??e.jsx(x.QuoteIcon,{className:"bear-w-6 bear-h-6"})}),e.jsxs(c.Box,{className:"bear-flex-1 bear-min-w-0",children:[e.jsx(s.Typography,{variant:"body1",component:"span",children:i}),r&&e.jsxs(s.Typography,{variant:"caption",color:"secondary",component:"cite",className:"Bear-Blockquote__cite bear-mt-2 bear-block",children:["— ",r]})]})]})})};exports.Blockquote=m;

package/dist/components/Blockquote/Blockquote.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={default:"bear-border-l-gray-300 dark:bear-border-l-zinc-600",primary:"bear-border-l-primary-500 dark:bear-border-l-primary-400",success:"bear-border-l-green-500 dark:bear-border-l-green-400",warning:"bear-border-l-amber-500 dark:bear-border-l-amber-400",error:"bear-border-l-red-500 dark:bear-border-l-red-400"},e={default:"bear-text-gray-500 dark:bear-text-zinc-400",primary:"bear-text-primary-500 dark:bear-text-primary-400",success:"bear-text-green-500 dark:bear-text-green-400",warning:"bear-text-amber-500 dark:bear-text-amber-400",error:"bear-text-red-500 dark:bear-text-red-400"},a="Bear-Blockquote bear-pl-4 bear-py-2 bear-border-l-4 bear-bg-gray-50 dark:bear-bg-zinc-800/50 bear-rounded-r bear-not-italic",b="Bear-Blockquote__cite bear-mt-2";exports.BORDER_COLOR_MAP=r;exports.CITE_CLASS=b;exports.ICON_COLOR_MAP=e;exports.ROOT_CLASS=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={default:"bear-border-l-gray-300 dark:bear-border-l-zinc-600",primary:"bear-border-l-primary-500 dark:bear-border-l-primary-400",success:"bear-border-l-green-500 dark:bear-border-l-green-400",warning:"bear-border-l-amber-500 dark:bear-border-l-amber-400",error:"bear-border-l-red-500 dark:bear-border-l-red-400"},e={default:"bear-text-gray-500 dark:bear-text-zinc-400",primary:"bear-text-primary-500 dark:bear-text-primary-400",success:"bear-text-green-500 dark:bear-text-green-400",warning:"bear-text-amber-500 dark:bear-text-amber-400",error:"bear-text-red-500 dark:bear-text-red-400"};exports.BORDER_COLOR_MAP=r;exports.ICON_COLOR_MAP=e;

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

@@ -1,5 +1,3 @@
 import { BlockquoteColor } from './Blockquote.types';
 export declare const BORDER_COLOR_MAP: Record<BlockquoteColor, string>;
 export declare const ICON_COLOR_MAP: Record<BlockquoteColor, string>;
-export declare const ROOT_CLASS = "Bear-Blockquote bear-pl-4 bear-py-2 bear-border-l-4 bear-bg-gray-50 dark:bear-bg-zinc-800/50 bear-rounded-r bear-not-italic";
-export declare const CITE_CLASS = "Bear-Blockquote__cite bear-mt-2";

package/dist/components/Blockquote/Blockquote.const.js

@@ -10,10 +10,8 @@ const r = {
   success: "bear-text-green-500 dark:bear-text-green-400",
   warning: "bear-text-amber-500 dark:bear-text-amber-400",
   error: "bear-text-red-500 dark:bear-text-red-400"
-}, a = "Bear-Blockquote bear-pl-4 bear-py-2 bear-border-l-4 bear-bg-gray-50 dark:bear-bg-zinc-800/50 bear-rounded-r bear-not-italic", b = "Bear-Blockquote__cite bear-mt-2";
+};
 export {
   r as BORDER_COLOR_MAP,
-  b as CITE_CLASS,
-  e as ICON_COLOR_MAP,
-  a as ROOT_CLASS
+  e as ICON_COLOR_MAP
 };

package/dist/components/Blockquote/Blockquote.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'react';
 import { BlockquoteProps } from './Blockquote.types';
-export declare const Blockquote: FC<BlockquoteProps>;
+export declare const Blockquote: (props: BlockquoteProps) => import("react/jsx-runtime").JSX.Element;
 export default Blockquote;

package/dist/components/Blockquote/Blockquote.js

@@ -1,48 +1,47 @@
-import { jsx as a, jsxs as e } from "react/jsx-runtime";
-import { cn as c } from "../../utils/cn.js";
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { COLOR_DEFAULT as d } from "../../constants/generals.const.js";
+import { cn as t } from "../../utils/cn.js";
 import "react";
-import { Typography as s } from "../Typography/Typography.js";
-import { ICON_COLOR_MAP as p, CITE_CLASS as b, BORDER_COLOR_MAP as v, ROOT_CLASS as C } from "./Blockquote.const.js";
-const O = /* @__PURE__ */ a(
-  "svg",
-  {
-    className: "bear-w-6 bear-h-6 bear-flex-shrink-0",
-    fill: "currentColor",
-    viewBox: "0 0 24 24",
-    "aria-hidden": !0,
-    children: /* @__PURE__ */ a("path", { d: "M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z" })
-  }
-), A = ({
-  cite: r,
-  icon: n,
-  color: o = "default",
-  children: l,
-  className: t,
-  testId: i,
-  ...m
-}) => {
-  const d = v[o], h = p[o];
-  return /* @__PURE__ */ a(
+import { Box as c } from "../Box/Box.js";
+import { Flex as f } from "../Flex/Flex.js";
+import { QuoteIcon as h } from "@forgedevstack/bear-icons";
+import { Typography as i } from "../Typography/Typography.js";
+import { ICON_COLOR_MAP as N, BORDER_COLOR_MAP as O } from "./Blockquote.const.js";
+const C = (m) => {
+  const {
+    cite: e,
+    icon: n,
+    color: a = d,
+    children: s,
+    className: l,
+    testId: b,
+    ...p
+  } = m;
+  return /* @__PURE__ */ r(
     "blockquote",
     {
-      className: c(C, d, t),
-      "data-testid": i,
-      cite: r,
-      ...m,
-      children: /* @__PURE__ */ e("div", { className: "bear-flex bear-gap-3", children: [
-        /* @__PURE__ */ a("span", { className: h, children: n ?? O }),
-        /* @__PURE__ */ e("div", { className: "bear-flex-1 bear-min-w-0", children: [
-          /* @__PURE__ */ a(s, { variant: "body1", component: "span", children: l }),
-          r && /* @__PURE__ */ e(
-            s,
+      className: t(
+        "Bear-Blockquote bear-pl-4 bear-py-2 bear-border-l-4 bear-bg-gray-50 dark:bear-bg-zinc-800/50 bear-rounded-r bear-not-italic",
+        O[a],
+        l
+      ),
+      "data-testid": b,
+      cite: e,
+      ...p,
+      children: /* @__PURE__ */ o(f, { className: "bear-gap-3", children: [
+        /* @__PURE__ */ r(c, { as: "span", className: t("bear-flex-shrink-0", N[a]), children: n ?? /* @__PURE__ */ r(h, { className: "bear-w-6 bear-h-6" }) }),
+        /* @__PURE__ */ o(c, { className: "bear-flex-1 bear-min-w-0", children: [
+          /* @__PURE__ */ r(i, { variant: "body1", component: "span", children: s }),
+          e && /* @__PURE__ */ o(
+            i,
             {
               variant: "caption",
               color: "secondary",
               component: "cite",
-              className: c(b, "bear-block"),
+              className: "Bear-Blockquote__cite bear-mt-2 bear-block",
               children: [
                 "— ",
-                r
+                e
               ]
             }
           )
@@ -52,5 +51,5 @@ const O = /* @__PURE__ */ a(
   );
 };
 export {
-  A as Blockquote
+  C as Blockquote
 };

package/dist/components/BottomNavigation/BottomNavigation.cjs

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

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

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

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

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

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

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

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

@@ -1,3 +1,2 @@
-import { FC } from 'react';
 import { BottomNavigationProps } from './BottomNavigation.types';
-export declare const BottomNavigation: FC<BottomNavigationProps>;
+export declare const BottomNavigation: (props: BottomNavigationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/BottomNavigation/BottomNavigation.js

@@ -1,60 +1,61 @@
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { BOTTOM_NAVIGATION_ACTIVE_CLASSES as A, BOTTOM_NAVIGATION_INACTIVE_CLASSES as I, BOTTOM_NAVIGATION_ROOT_CLASS as o, BOTTOM_NAVIGATION_VARIANT_CLASSES as T } from "./BottomNavigation.const.js";
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { SHOW_LABELS_ACTIVE as n, VARIANT_DEFAULT as v, VARIANT_GHOST as y, BOOLEAN_TRUE as d, BOOLEAN_FALSE as B } from "../../constants/generals.const.js";
 import { cn as t } from "../../utils/cn.js";
 import "react";
-import { resolveBearId as h } from "../../utils/generateBearId.utils.js";
-import { useBearId as O } from "../../utils/useBearId.js";
-const V = (l) => {
+import { resolveBearId as g } from "../../utils/generateBearId.utils.js";
+import { useBearId as I } from "../../utils/useBearId.js";
+import { Box as i } from "../Box/Box.js";
+import { Button as T } from "../Button/Button.js";
+import { Typography as _ } from "../Typography/Typography.js";
+import { BOTTOM_NAVIGATION_VARIANT_CLASSES as L } from "./BottomNavigation.const.js";
+const F = (l) => {
   const {
-    items: n,
-    value: d,
-    onChange: s,
-    showLabels: b = "active",
-    variant: c = "default",
-    className: m,
-    id: f,
+    items: m,
+    value: c,
+    onChange: o,
+    showLabels: b = n,
+    variant: f = v,
+    className: p,
+    id: x,
     testId: u
-  } = l, p = O("BottomNavigation"), N = h(f, p), x = (e) => b === !0 || b === "always" ? !0 : b === "active" ? e : !1;
-  return /* @__PURE__ */ r(
+  } = l, N = I("BottomNavigation"), h = g(x, N), A = (e) => b === d || b === "always" ? d : b === n ? e : B;
+  return /* @__PURE__ */ a(
     "nav",
     {
-      id: N,
+      id: h,
       "data-testid": u,
       className: t(
-        o,
-        "bear-fixed bear-bottom-0 bear-left-0 bear-right-0 bear-z-50 bear-h-16 bear-flex bear-items-center bear-justify-around bear-px-2",
-        T[c],
-        m
+        "Bear-BottomNavigation bear-fixed bear-bottom-0 bear-left-0 bear-right-0 bear-z-50 bear-h-16 bear-flex bear-items-center bear-justify-around bear-px-2",
+        L[f],
+        p
       ),
-      children: n.map((e) => {
-        const a = d === e.id;
-        return /* @__PURE__ */ i(
-          "button",
+      children: m.map((e) => {
+        const r = c === e.id;
+        return /* @__PURE__ */ s(
+          T,
           {
             type: "button",
-            onClick: () => !e.disabled && (s == null ? void 0 : s(e.id)),
+            variant: y,
+            onClick: () => !e.disabled && (o == null ? void 0 : o(e.id)),
             disabled: e.disabled,
             className: t(
-              `${o}__item`,
-              "bear-flex bear-flex-col bear-items-center bear-justify-center bear-flex-1 bear-h-full bear-py-2 bear-transition-all",
-              a ? A : I,
+              "Bear-BottomNavigation__item bear-flex bear-flex-col bear-items-center bear-justify-center bear-flex-1 bear-h-full bear-py-2",
+              r ? "bear-text-primary-600 dark:bear-text-primary-400" : "bear-text-gray-500 hover:bear-text-gray-800 dark:bear-text-zinc-500 dark:hover:bear-text-zinc-300",
               e.disabled && "bear-opacity-50 bear-cursor-not-allowed"
             ),
             children: [
-              /* @__PURE__ */ i("div", { className: "bear-relative", children: [
-                /* @__PURE__ */ r("span", { className: t("bear-transition-transform", a && "bear-scale-110"), children: e.icon }),
-                e.badge !== void 0 && /* @__PURE__ */ r("span", { className: "bear-absolute -bear-top-1 -bear-right-1 bear-min-w-[16px] bear-h-4 bear-px-1 bear-flex bear-items-center bear-justify-center bear-text-xs bear-font-medium bear-bg-primary-500 bear-text-white bear-rounded-full", children: e.badge })
+              /* @__PURE__ */ s(i, { className: "bear-relative", children: [
+                /* @__PURE__ */ a(i, { as: "span", className: t("bear-transition-transform", r && "bear-scale-110"), children: e.icon }),
+                e.badge !== void 0 && /* @__PURE__ */ a(
+                  i,
+                  {
+                    as: "span",
+                    className: "bear-absolute -bear-top-1 -bear-right-1 bear-min-w-[16px] bear-h-4 bear-px-1 bear-flex bear-items-center bear-justify-center bear-text-xs bear-font-medium bear-bg-primary-500 bear-text-white bear-rounded-full",
+                    children: e.badge
+                  }
+                )
               ] }),
-              x(a) && /* @__PURE__ */ r(
-                "span",
-                {
-                  className: t(
-                    "bear-text-xs bear-mt-1 bear-transition-all",
-                    a ? "bear-font-medium" : ""
-                  ),
-                  children: e.label
-                }
-              )
+              A(r) && /* @__PURE__ */ a(_, { className: t("bear-text-xs bear-mt-1", r && "bear-font-medium"), children: e.label })
             ]
           },
           e.id
@@ -64,5 +65,5 @@ const V = (l) => {
   );
 };
 export {
-  V as BottomNavigation
+  F as BottomNavigation
 };

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+export type BottomNavigationVariant = 'default' | 'elevated' | 'transparent';
 export interface BottomNavItem {
     id: string;
     label: string;
@@ -13,6 +14,6 @@ export interface BottomNavigationProps {
     value?: string;
     onChange?: (id: string) => void;
     showLabels?: boolean | 'always' | 'active';
-    variant?: 'default' | 'elevated' | 'transparent';
+    variant?: BottomNavigationVariant;
     className?: string;
 }

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

@@ -1,2 +1,2 @@
 export { BottomNavigation } from './BottomNavigation';
-export type { BottomNavigationProps, BottomNavItem } from './BottomNavigation.types';
+export type { BottomNavigationProps, BottomNavItem, BottomNavigationVariant } from './BottomNavigation.types';

package/dist/components/BottomSheet/BottomSheet.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),S=require("react-dom"),s=require("../../utils/cn.cjs"),q=require("../Icon/index.cjs"),h=300,E={sm:"bear-max-h-[40%]",md:"bear-max-h-[60%]",lg:"bear-max-h-[80%]",full:"bear-max-h-[95%]"},I=({isOpen:l,onClose:b,title:n,children:x,size:v="md",showCloseButton:d=!0,closeOnBackdrop:y=!0,closeOnEscape:u=!0,showHandle:k=!0,enableScroll:g=!0,isSticky:j=!1,className:w})=>{const[a,c]=r.useState(l),[m,o]=r.useState(!1),[p,f]=r.useState(!1);r.useEffect(()=>{if(l){c(!0),o(!1);const t=requestAnimationFrame(()=>f(!0));return()=>cancelAnimationFrame(t)}if(a){f(!1),o(!0);const t=setTimeout(()=>{c(!1),o(!1)},h);return()=>clearTimeout(t)}},[l,a]);const i=r.useCallback(t=>{u&&t.key==="Escape"&&b()},[u,b]);if(r.useEffect(()=>(a&&(document.addEventListener("keydown",i),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",i),document.body.style.overflow=""}),[a,i]),!a)return null;const N=e.jsxs("div",{className:"bear-fixed bear-inset-0 bear-z-[11000] bear-flex bear-items-end bear-justify-center",children:[e.jsx("div",{className:s.cn("bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity",m?"bear-opacity-0":"bear-opacity-100"),style:{transitionDuration:`${h}ms`},onClick:y?b:void 0,"aria-hidden":"true"}),e.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":n?"bottom-sheet-title":void 0,className:s.cn("Bear-BottomSheet bear-relative bear-w-full bear-rounded-t-2xl bear-shadow-2xl bear-transition-transform bear-duration-300","bear-flex bear-flex-col bear-min-h-0 bear-overflow-hidden","bear-bg-white dark:bear-bg-neutral-900 bear-border-t bear-border-neutral-200 dark:bear-border-neutral-700",E[v],p&&!m?"bear-translate-y-0":"bear-translate-y-full",w),children:[k&&e.jsx("div",{className:"bear-flex bear-justify-center bear-pt-2 bear-pb-1",children:e.jsx("div",{className:"bear-w-12 bear-h-1 bear-rounded-full bear-bg-neutral-300 dark:bear-bg-neutral-600","aria-hidden":!0})}),(n||d)&&e.jsxs("div",{className:s.cn("bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-border-b bear-border-neutral-200 dark:bear-border-neutral-700 bear-shrink-0",j&&"bear-sticky bear-top-0 bear-z-10 bear-bg-white dark:bear-bg-neutral-900"),children:[n&&e.jsx("h2",{id:"bottom-sheet-title",className:"bear-text-lg bear-font-semibold bear-text-neutral-900 dark:bear-text-white",children:n}),d&&e.jsx("button",{onClick:b,className:"bear-p-1 bear-rounded-lg bear-text-neutral-500 dark:bear-text-neutral-400 hover:bear-text-neutral-900 dark:hover:bear-text-white hover:bear-bg-neutral-100 dark:hover:bear-bg-neutral-700 bear-transition-colors","aria-label":"Close",children:e.jsx(q.XIcon,{className:"bear-w-5 bear-h-5"})})]}),e.jsx("div",{className:s.cn("bear-flex-1 bear-min-h-0 bear-p-4 bear-text-neutral-700 dark:bear-text-neutral-300",g?"bear-overflow-y-auto":"bear-overflow-hidden"),children:x})]})]});return S.createPortal(N,document.body)};exports.BottomSheet=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react"),w=require("react-dom"),d=require("../../constants/numbers.const.cjs"),e=require("../../constants/generals.const.cjs"),g=require("../../constants/keys.const.cjs"),b=require("../../utils/cn.cjs"),l=require("../Box/Box.cjs"),R=require("../Button/Button.cjs"),E=require("../Flex/Flex.cjs"),j=require("@forgedevstack/bear-icons"),q=require("../Typography/Typography.cjs"),F=require("./BottomSheet.const.cjs"),v=A=>{const{isOpen:i,onClose:o,title:s,children:_,size:y=e.SIZE_MD,showCloseButton:m=e.BOOLEAN_TRUE,closeOnBackdrop:L=e.BOOLEAN_TRUE,closeOnEscape:O=e.BOOLEAN_TRUE,showHandle:N=e.BOOLEAN_TRUE,enableScroll:f=e.BOOLEAN_TRUE,isSticky:S=e.BOOLEAN_FALSE,className:p}=A,[a,h]=t.useState(i),[x,c]=t.useState(e.BOOLEAN_FALSE),[T,B]=t.useState(e.BOOLEAN_FALSE);t.useEffect(()=>{if(i){h(e.BOOLEAN_TRUE),c(e.BOOLEAN_FALSE);const n=requestAnimationFrame(()=>B(e.BOOLEAN_TRUE));return()=>cancelAnimationFrame(n)}if(a){B(e.BOOLEAN_FALSE),c(e.BOOLEAN_TRUE);const n=setTimeout(()=>{h(e.BOOLEAN_FALSE),c(e.BOOLEAN_FALSE)},d.THREE_HUNDRED);return()=>clearTimeout(n)}},[i,a]);const u=t.useCallback(n=>{O&&n.key===g.KEY_ESCAPE&&o()},[O,o]);if(t.useEffect(()=>(a&&(document.addEventListener("keydown",u),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",u),document.body.style.overflow=""}),[a,u]),!a)return null;const k=r.jsxs(E.Flex,{className:"bear-fixed bear-inset-0 bear-items-end bear-justify-center",style:{zIndex:d.BACKDROP_DEFAULT_Z_INDEX},children:[r.jsx(l.Box,{className:b.cn("bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity",x?"bear-opacity-0":"bear-opacity-100"),style:{transitionDuration:`${d.THREE_HUNDRED}ms`},onClick:L?o:void 0,"aria-hidden":"true"}),r.jsxs(l.Box,{role:"dialog","aria-modal":"true","aria-labelledby":s?"bottom-sheet-title":void 0,className:b.cn("Bear-BottomSheet bear-relative bear-w-full bear-rounded-t-2xl bear-shadow-2xl bear-transition-transform bear-duration-300","bear-flex bear-flex-col bear-min-h-0 bear-overflow-hidden","bear-bg-white dark:bear-bg-neutral-900 bear-border-t bear-border-neutral-200 dark:bear-border-neutral-700",F.BOTTOM_SHEET_SIZE_CLASSES[y],T&&!x?"bear-translate-y-0":"bear-translate-y-full",p),children:[N&&r.jsx(E.Flex,{className:"bear-justify-center bear-pt-2 bear-pb-1",children:r.jsx(l.Box,{className:"bear-w-12 bear-h-1 bear-rounded-full bear-bg-neutral-300 dark:bear-bg-neutral-600","aria-hidden":!0})}),(s||m)&&r.jsxs(E.Flex,{className:b.cn("bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-border-b bear-border-neutral-200 dark:bear-border-neutral-700 bear-shrink-0",S&&"bear-sticky bear-top-0 bear-z-10 bear-bg-white dark:bear-bg-neutral-900"),children:[s&&r.jsx(q.Typography,{id:"bottom-sheet-title",weight:"semibold",className:"bear-text-lg bear-text-neutral-900 dark:bear-text-white",children:s}),m&&r.jsx(R.Button,{variant:e.VARIANT_GHOST,onClick:o,"aria-label":e.LABEL_CLOSE,children:r.jsx(j.XIcon,{className:"bear-w-5 bear-h-5"})})]}),r.jsx(l.Box,{className:b.cn("bear-flex-1 bear-min-h-0 bear-p-4 bear-text-neutral-700 dark:bear-text-neutral-300",f?"bear-overflow-y-auto":"bear-overflow-hidden"),children:_})]})]});return w.createPortal(k,document.body)};exports.BottomSheet=v;

package/dist/components/BottomSheet/BottomSheet.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("../../constants/generals.const.cjs"),e={[S.SIZE_SM]:"bear-max-h-[40%]",[S.SIZE_MD]:"bear-max-h-[60%]",[S.SIZE_LG]:"bear-max-h-[80%]",full:"bear-max-h-[95%]"};exports.BOTTOM_SHEET_SIZE_CLASSES=e;

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

@@ -1 +1,2 @@
-export declare const B_O_T_T_O_M_S_H_E_E_T_ROOT_CLASS = "Bear-BottomSheet";
+import { BottomSheetSize } from './BottomSheet.types';
+export declare const BOTTOM_SHEET_SIZE_CLASSES: Record<BottomSheetSize, string>;

package/dist/components/BottomSheet/BottomSheet.const.js

@@ -0,0 +1,10 @@
+import { SIZE_LG as S, SIZE_MD as a, SIZE_SM as r } from "../../constants/generals.const.js";
+const m = {
+  [r]: "bear-max-h-[40%]",
+  [a]: "bear-max-h-[60%]",
+  [S]: "bear-max-h-[80%]",
+  full: "bear-max-h-[95%]"
+};
+export {
+  m as BOTTOM_SHEET_SIZE_CLASSES
+};

package/dist/components/BottomSheet/BottomSheet.d.ts

@@ -1,3 +1,2 @@
-import { FC } from 'react';
 import { BottomSheetProps } from './BottomSheet.types';
-export declare const BottomSheet: FC<BottomSheetProps>;
+export declare const BottomSheet: (props: BottomSheetProps) => import('react').ReactPortal | null;