@forgedevstack/bear 1.3.0 → 1.3.2

package/dist/components/Dropdown/Dropdown.js

@@ -1,96 +1,92 @@
-import { jsxs as j, jsx as o } from "react/jsx-runtime";
-import { useState as m, useRef as E, useCallback as u, useEffect as I, useMemo as $, isValidElement as O, cloneElement as ee } from "react";
-import { cn as C } from "../../utils/cn.js";
+import { jsxs as I, jsx as n } from "react/jsx-runtime";
+import { useState as N, useRef as m, useCallback as i, useEffect as C, useMemo as Y, isValidElement as $, cloneElement as ee } from "react";
+import { cn as P } from "../../utils/cn.js";
 import { useClickOutsideMultiple as re } from "../../hooks/useClickOutside.js";
 import "../../context/BearProvider.js";
 import "../../hooks/useBearComponent/useBearComponent.js";
+import { useFixedAnchorPosition as ae } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.js";
+import { resolveOverlayEffects as te } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.js";
 import "../FormControl/FormControl.context.js";
-import { Portal as te } from "../Portal/Portal.js";
-import { SIZE_CLASSES as ae } from "./Dropdown.const.js";
-const ve = ({
-  trigger: v,
-  items: d,
-  open: L,
-  defaultOpen: z = !1,
-  placement: i = "bottom-start",
-  offset: x = 4,
-  matchWidth: N = !1,
-  minWidth: h = 150,
-  maxHeight: A = 300,
-  size: U = "md",
-  closeOnSelect: D = !0,
-  closeOnClickOutside: g = !0,
-  disabled: M = !1,
-  onOpenChange: f,
-  className: B,
-  testId: F,
-  ...K
-}) => {
-  const [T, V] = m(z), [b, c] = m(-1), [w, Z] = m({ top: 0, left: 0, minWidth: h }), R = E(null), W = E(null), P = E(null), y = L !== void 0, a = y ? L : T, p = u((e) => {
-    y || V(e), f == null || f(e);
-  }, [y, f]), _ = u(() => {
-    M || p(!a);
-  }, [M, a, p]), l = u(() => {
-    p(!1), c(-1);
-  }, [p]), k = u((e) => {
-    var r;
-    e.disabled || e.divider || e.header || ((r = e.onClick) == null || r.call(e), D && !e.items && l());
-  }, [D, l]), q = u(() => {
-    a && g && l();
-  }, [a, g, l]);
-  re([R, W], q, {
-    enabled: a && g
-  }), I(() => {
-    if (!a) return;
-    const e = d.filter((t) => !t.disabled && !t.divider && !t.header), r = (t) => {
-      switch (t.key) {
+import { OverlayPortal as ne } from "../OverlayPortal/OverlayPortal.js";
+import { DROPDOWN_DEFAULT_OFFSET_PX as oe, DROPDOWN_DEFAULT_MIN_WIDTH_PX as se, DROPDOWN_DEFAULT_MAX_HEIGHT_PX as le, DROPDOWN_Z_INDEX as ce, SIZE_CLASSES as de } from "./Dropdown.const.js";
+const De = (y) => {
+  const {
+    trigger: p,
+    items: l,
+    open: k,
+    defaultOpen: R = !1,
+    placement: v = "bottom-start",
+    offset: W = oe,
+    matchWidth: A = !1,
+    minWidth: F = se,
+    maxHeight: S = le,
+    size: L = "md",
+    closeOnSelect: E = !0,
+    closeOnClickOutside: h = !0,
+    disabled: O = !1,
+    onOpenChange: f,
+    className: T,
+    testId: M,
+    openEffect: be,
+    closeEffect: ie,
+    effect: fe,
+    ...X
+  } = y, { openEffect: H, closeEffect: U } = te(y), [j, z] = N(R), [c, d] = N(-1), D = m(null), _ = m(null), w = m(null), x = k !== void 0, r = x ? k : j, Z = v === "left" || v === "right" ? "bottom-start" : v, { style: B, ready: G } = ae({
+    anchorRef: w,
+    open: r,
+    offsetPx: W,
+    placement: Z,
+    matchWidth: A,
+    minWidthPx: F
+  }), u = i((e) => {
+    x || z(e), f == null || f(e);
+  }, [x, f]), K = i(() => {
+    O || u(!r);
+  }, [O, r, u]), s = i(() => {
+    u(!1), d(-1);
+  }, [u]), g = i((e) => {
+    var t;
+    e.disabled || e.divider || e.header || ((t = e.onClick) == null || t.call(e), E && !e.items && s());
+  }, [E, s]), V = i(() => {
+    r && h && s();
+  }, [r, h, s]);
+  re([D, _], V, {
+    enabled: r && h
+  }), C(() => {
+    if (!r) return;
+    const e = l.filter((a) => !a.disabled && !a.divider && !a.header), t = (a) => {
+      switch (a.key) {
         case "Escape":
-          t.preventDefault(), l();
+          a.preventDefault(), s();
           break;
         case "ArrowDown":
-          t.preventDefault(), c((n) => {
-            const s = n + 1;
-            return s >= e.length ? 0 : s;
+          a.preventDefault(), d((b) => {
+            const o = b + 1;
+            return o >= e.length ? 0 : o;
           });
           break;
         case "ArrowUp":
-          t.preventDefault(), c((n) => {
-            const s = n - 1;
-            return s < 0 ? e.length - 1 : s;
+          a.preventDefault(), d((b) => {
+            const o = b - 1;
+            return o < 0 ? e.length - 1 : o;
           });
           break;
         case "Enter":
         case " ":
-          t.preventDefault(), b >= 0 && b < e.length && k(e[b]);
+          a.preventDefault(), c >= 0 && c < e.length && g(e[c]);
           break;
       }
     };
-    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
-  }, [a, d, b, l, k]), I(() => {
-    if (!a) return;
-    const e = () => {
-      var S;
-      const r = (S = P.current) == null ? void 0 : S.getBoundingClientRect();
-      if (!r) return;
-      const t = window.innerWidth, n = N ? r.width : h, Q = i.endsWith("end") ? r.right - n : i === "top" || i === "bottom" ? r.left + r.width / 2 - n / 2 : r.left, X = Math.min(Math.max(8, Q), Math.max(8, t - n - 8)), Y = i.startsWith("top") ? r.top - x : r.bottom + x;
-      Z({
-        top: Y,
-        left: X,
-        minWidth: n
-      });
-    };
-    return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
-      window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
-    };
-  }, [a, N, h, i, x]), I(() => {
-    a || c(-1);
-  }, [a]);
-  const G = $(
-    () => d.map((e, r) => ({ item: e, index: r })).filter(({ item: e }) => !e.disabled && !e.divider && !e.header),
-    [d]
-  ), H = (e, r) => {
+    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+  }, [r, l, c, s, g]), C(() => {
+    r || d(-1);
+  }, [r]);
+  const q = Y(
+    () => l.map((e, t) => ({ item: e, index: t })).filter(({ item: e }) => !e.disabled && !e.divider && !e.header),
+    [l]
+  ), J = (e, t) => {
     if (e.divider)
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ n(
         "div",
         {
           className: "bear-my-1 bear-mx-2 bear-h-px",
@@ -100,7 +96,7 @@ const ve = ({
         e.key
       );
     if (e.header)
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ n(
         "div",
         {
           className: "bear-px-3 bear-py-1.5 bear-text-xs bear-font-semibold bear-uppercase bear-tracking-wider",
@@ -109,77 +105,74 @@ const ve = ({
         },
         e.key
       );
-    const t = G.findIndex((s) => s.index === r), n = b === t;
-    return /* @__PURE__ */ j(
+    const a = q.findIndex((o) => o.index === t), b = c === a;
+    return /* @__PURE__ */ I(
       "button",
       {
         type: "button",
         role: "menuitem",
         disabled: e.disabled,
-        onClick: () => k(e),
-        onMouseEnter: () => c(t),
-        className: C(
+        onClick: () => g(e),
+        onMouseEnter: () => d(a),
+        className: P(
           "bear-w-full bear-flex bear-items-center bear-gap-2 bear-text-left bear-border-none bear-bg-transparent",
-          ae[U],
+          de[L],
           "bear-transition-colors bear-cursor-pointer",
           e.selected && !e.danger && "bear-bg-[var(--bear-bg-tertiary)] bear-text-[var(--bear-text-primary)]",
-          n && !e.danger && "bear-bg-[var(--bear-bg-tertiary)]",
+          b && !e.danger && "bear-bg-[var(--bear-bg-tertiary)]",
           e.danger && "bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20",
           !e.danger && !e.disabled && "hover:bear-bg-[var(--bear-bg-tertiary)]",
           e.disabled && "bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none"
         ),
         style: e.disabled ? { color: "var(--bear-text-muted)" } : e.danger ? void 0 : { color: "var(--bear-text-secondary)" },
         children: [
-          e.icon && /* @__PURE__ */ o("span", { className: "bear-flex-shrink-0 bear-w-5 bear-h-5 bear-flex bear-items-center bear-justify-center", children: e.icon }),
-          /* @__PURE__ */ o("span", { className: "bear-flex-1", children: e.label }),
-          e.trailing && /* @__PURE__ */ o("span", { className: "bear-flex-shrink-0", style: { color: "var(--bear-text-muted)" }, children: e.trailing }),
-          e.items && /* @__PURE__ */ o("svg", { className: "bear-w-4 bear-h-4 bear-flex-shrink-0", style: { color: "var(--bear-text-muted)" }, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ o("polyline", { points: "9 18 15 12 9 6" }) })
+          e.icon && /* @__PURE__ */ n("span", { className: "bear-flex-shrink-0 bear-w-5 bear-h-5 bear-flex bear-items-center bear-justify-center", children: e.icon }),
+          /* @__PURE__ */ n("span", { className: "bear-flex-1", children: e.label }),
+          e.trailing && /* @__PURE__ */ n("span", { className: "bear-flex-shrink-0", style: { color: "var(--bear-text-muted)" }, children: e.trailing }),
+          e.items && /* @__PURE__ */ n("svg", { className: "bear-w-4 bear-h-4 bear-flex-shrink-0", style: { color: "var(--bear-text-muted)" }, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ n("polyline", { points: "9 18 15 12 9 6" }) })
         ]
       },
       e.key
     );
-  }, J = O(v) ? ee(v, {
-    onClick: _,
-    ref: P,
-    "aria-expanded": a,
+  }, Q = $(p) ? ee(p, {
+    onClick: K,
+    ref: w,
+    "aria-expanded": r,
     "aria-haspopup": !0
-  }) : v;
-  return /* @__PURE__ */ j(
+  }) : p;
+  return /* @__PURE__ */ I(
     "div",
     {
-      ref: R,
-      className: C("bear-relative bear-inline-block", B),
-      "data-testid": F,
-      ...K,
+      ref: D,
+      className: P("bear-relative bear-inline-block", T),
+      "data-testid": M,
+      ...X,
       children: [
-        J,
-        a && /* @__PURE__ */ o(te, { children: /* @__PURE__ */ o(
-          "div",
+        Q,
+        /* @__PURE__ */ n(
+          ne,
           {
-            ref: W,
-            role: "menu",
-            className: C(
-              "bear-fixed",
-              "bear-border bear-rounded-lg bear-shadow-lg",
-              "bear-py-1 bear-overflow-y-auto",
-              "bear-duration-100"
-            ),
+            open: r,
+            ready: G,
             style: {
+              ...B,
               backgroundColor: "var(--bear-bg-primary)",
               borderColor: "var(--bear-border-default)",
-              minWidth: w.minWidth,
-              maxHeight: A,
-              top: w.top,
-              left: w.left,
-              zIndex: 11e3
+              maxHeight: S
             },
-            children: d.map((e, r) => H(e, r))
+            zIndex: ce,
+            openEffect: H,
+            closeEffect: U,
+            panelRef: _,
+            className: "bear-border bear-rounded-lg bear-shadow-lg bear-py-1 bear-overflow-y-auto",
+            attributes: { role: "menu" },
+            children: l.map((e, t) => J(e, t))
           }
-        ) })
+        )
       ]
     }
   );
 };
 export {
-  ve as Dropdown
+  De as Dropdown
 };

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

@@ -1,5 +1,6 @@
 import { HTMLAttributes, ReactNode } from 'react';
 import { BearSize } from '../../types';
+import { OverlayEffectProps } from '../../hooks/useFixedAnchorPosition';
 export interface DropdownItem {
     /** Unique key */
     key: string;
@@ -28,7 +29,7 @@ export interface DropdownItem {
     /** Nested items for submenu */
     items?: DropdownItem[];
 }
-export interface DropdownProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+export interface DropdownProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>, OverlayEffectProps {
     id?: string;
     /** Dropdown trigger element */
     trigger: ReactNode;
@@ -84,6 +85,5 @@ export interface DropdownProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
     footer?: ReactNode;
     /** Virtual scrolling for large lists (renders only visible items) */
     virtualized?: boolean;
-    /** Test ID */
     testId?: string;
 }

package/dist/components/Editable/Editable.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("react"),y=require("../Button/Button.cjs"),E=require("../Icon/index.cjs"),w=e.createContext(null),d=()=>{const t=e.useContext(w);if(!t)throw new Error("Editable components must be used within Editable.Root");return t},j=e.forwardRef(({children:t,defaultValue:s="",value:a,onChange:i,onEditSubmit:r,onCancel:b,placeholder:u="Click to edit...",isDisabled:l=!1,startWithEditView:p=!1,className:c="",...f},m)=>{const[o,x]=e.useState(p),[I,T]=e.useState(s),[k,_]=e.useState(s),g=a!==void 0?a:I,v=e.useCallback(h=>{a===void 0&&T(h),i==null||i(h)},[a,i]),P=e.useCallback(()=>{l||(_(g),x(!0))},[l,g]),q=e.useCallback(()=>{x(!1)},[]),D=e.useCallback(()=>{r==null||r(g),x(!1)},[g,r]),K=e.useCallback(()=>{v(k),b==null||b(),x(!1)},[k,v,b]);return n.jsx(w.Provider,{value:{isEditing:o,value:g,startEditing:P,stopEditing:q,setValue:v,submit:D,cancel:K},children:n.jsx("div",{ref:m,className:`Bear-Editable bear-inline-block ${c}`.trim(),...f,children:t})})});j.displayName="Editable.Root";const N=e.forwardRef(({children:t,className:s="",...a},i)=>{const{isEditing:r,value:b,startEditing:u}=d();return r?null:n.jsx("span",{ref:i,className:`Bear-Editable__preview bear-cursor-pointer bear-px-2 bear-py-1 bear-rounded bear-transition-all bear-border bear-border-transparent hover:bear-border-gray-300 dark:hover:bear-border-zinc-600 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-800 bear-text-gray-900 dark:bear-text-white ${s}`.trim(),onClick:u,...a,children:t||b||n.jsx("span",{className:"bear-text-gray-400 dark:bear-text-zinc-500 bear-italic",children:"Click to edit..."})})});N.displayName="Editable.Preview";const C=e.forwardRef(({asTextarea:t=!1,className:s="",...a},i)=>{const{isEditing:r,value:b,setValue:u,submit:l,cancel:p}=d(),c=e.useRef(null);e.useEffect(()=>{r&&c.current&&(c.current.focus(),c.current.select())},[r]);const f=o=>{o.key==="Enter"&&!t&&(o.preventDefault(),l()),o.key==="Escape"&&p()};if(!r)return null;const m="Bear-Editable__input bear-w-full bear-px-2 bear-py-1 bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-rounded bear-bg-white dark:bear-bg-zinc-800 bear-text-gray-900 dark:bear-text-white focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-primary-500";return t?n.jsx("textarea",{ref:i,value:b,onChange:o=>u(o.target.value),onKeyDown:f,onBlur:l,className:`${m} bear-min-h-[80px] bear-resize-y ${s}`.trim(),...a}):n.jsx("input",{ref:c,type:"text",value:b,onChange:o=>u(o.target.value),onKeyDown:f,onBlur:l,className:`${m} ${s}`.trim(),...a})});C.displayName="Editable.Input";const R=e.forwardRef(({children:t,className:s="",...a},i)=>{const{isEditing:r}=d();return r?n.jsx("div",{ref:i,className:`Bear-Editable__control bear-flex bear-items-center bear-gap-1 bear-mt-1 ${s}`.trim(),...a,children:t}):null});R.displayName="Editable.Control";const z=e.forwardRef(({children:t,className:s="",...a},i)=>{const{submit:r}=d();return n.jsx(y.Button,{ref:i,type:"button",onClick:r,variant:"ghost",size:"sm",className:`bear-editable-submit bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-100 dark:hover:bear-bg-green-900/30 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:t||n.jsx(E.CheckIcon,{size:16})})});z.displayName="Editable.SubmitTrigger";const B=e.forwardRef(({children:t,className:s="",...a},i)=>{const{cancel:r}=d();return n.jsx(y.Button,{ref:i,type:"button",onClick:r,variant:"ghost",size:"sm",className:`bear-editable-cancel bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-100 dark:hover:bear-bg-red-900/30 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:t||n.jsx(E.CloseIcon,{size:16})})});B.displayName="Editable.CancelTrigger";const $=e.forwardRef(({children:t,className:s="",...a},i)=>{const{isEditing:r,startEditing:b}=d();return r?null:n.jsx(y.Button,{ref:i,type:"button",onClick:b,variant:"ghost",size:"sm",className:`bear-editable-edit bear-text-gray-600 dark:bear-text-gray-400 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:t||n.jsx(E.EditIcon,{size:16})})});$.displayName="Editable.EditTrigger";const S={Root:j,Preview:N,Input:C,Control:R,SubmitTrigger:z,CancelTrigger:B,EditTrigger:$};exports.Editable=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("react"),y=require("../Button/Button.cjs"),E=require("@forgedevstack/bear-icons"),w=e.createContext(null),d=()=>{const t=e.useContext(w);if(!t)throw new Error("Editable components must be used within Editable.Root");return t},j=e.forwardRef(({children:t,defaultValue:s="",value:a,onChange:i,onEditSubmit:r,onCancel:b,placeholder:u="Click to edit...",isDisabled:l=!1,startWithEditView:x=!1,className:c="",...f},m)=>{const[o,p]=e.useState(x),[I,T]=e.useState(s),[k,_]=e.useState(s),g=a!==void 0?a:I,v=e.useCallback(h=>{a===void 0&&T(h),i==null||i(h)},[a,i]),P=e.useCallback(()=>{l||(_(g),p(!0))},[l,g]),q=e.useCallback(()=>{p(!1)},[]),D=e.useCallback(()=>{r==null||r(g),p(!1)},[g,r]),K=e.useCallback(()=>{v(k),b==null||b(),p(!1)},[k,v,b]);return n.jsx(w.Provider,{value:{isEditing:o,value:g,startEditing:P,stopEditing:q,setValue:v,submit:D,cancel:K},children:n.jsx("div",{ref:m,className:`Bear-Editable bear-inline-block ${c}`.trim(),...f,children:t})})});j.displayName="Editable.Root";const N=e.forwardRef(({children:t,className:s="",...a},i)=>{const{isEditing:r,value:b,startEditing:u}=d();return r?null:n.jsx("span",{ref:i,className:`Bear-Editable__preview bear-cursor-pointer bear-px-2 bear-py-1 bear-rounded bear-transition-all bear-border bear-border-transparent hover:bear-border-gray-300 dark:hover:bear-border-zinc-600 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-800 bear-text-gray-900 dark:bear-text-white ${s}`.trim(),onClick:u,...a,children:t||b||n.jsx("span",{className:"bear-text-gray-400 dark:bear-text-zinc-500 bear-italic",children:"Click to edit..."})})});N.displayName="Editable.Preview";const C=e.forwardRef(({asTextarea:t=!1,className:s="",...a},i)=>{const{isEditing:r,value:b,setValue:u,submit:l,cancel:x}=d(),c=e.useRef(null);e.useEffect(()=>{r&&c.current&&(c.current.focus(),c.current.select())},[r]);const f=o=>{o.key==="Enter"&&!t&&(o.preventDefault(),l()),o.key==="Escape"&&x()};if(!r)return null;const m="Bear-Editable__input bear-w-full bear-px-2 bear-py-1 bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-rounded bear-bg-white dark:bear-bg-zinc-800 bear-text-gray-900 dark:bear-text-white focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-primary-500";return t?n.jsx("textarea",{ref:i,value:b,onChange:o=>u(o.target.value),onKeyDown:f,onBlur:l,className:`${m} bear-min-h-[80px] bear-resize-y ${s}`.trim(),...a}):n.jsx("input",{ref:c,type:"text",value:b,onChange:o=>u(o.target.value),onKeyDown:f,onBlur:l,className:`${m} ${s}`.trim(),...a})});C.displayName="Editable.Input";const R=e.forwardRef(({children:t,className:s="",...a},i)=>{const{isEditing:r}=d();return r?n.jsx("div",{ref:i,className:`Bear-Editable__control bear-flex bear-items-center bear-gap-1 bear-mt-1 ${s}`.trim(),...a,children:t}):null});R.displayName="Editable.Control";const z=e.forwardRef(({children:t,className:s="",...a},i)=>{const{submit:r}=d();return n.jsx(y.Button,{ref:i,type:"button",onClick:r,variant:"ghost",size:"sm",className:`bear-editable-submit bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-100 dark:hover:bear-bg-green-900/30 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:t||n.jsx(E.CheckIcon,{size:16})})});z.displayName="Editable.SubmitTrigger";const B=e.forwardRef(({children:t,className:s="",...a},i)=>{const{cancel:r}=d();return n.jsx(y.Button,{ref:i,type:"button",onClick:r,variant:"ghost",size:"sm",className:`bear-editable-cancel bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-100 dark:hover:bear-bg-red-900/30 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:t||n.jsx(E.CloseIcon,{size:16})})});B.displayName="Editable.CancelTrigger";const $=e.forwardRef(({children:t,className:s="",...a},i)=>{const{isEditing:r,startEditing:b}=d();return r?null:n.jsx(y.Button,{ref:i,type:"button",onClick:b,variant:"ghost",size:"sm",className:`bear-editable-edit bear-text-gray-600 dark:bear-text-gray-400 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:t||n.jsx(E.EditIcon,{size:16})})});$.displayName="Editable.EditTrigger";const S={Root:j,Preview:N,Input:C,Control:R,SubmitTrigger:z,CancelTrigger:B,EditTrigger:$};exports.Editable=S;

package/dist/components/Editable/Editable.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { createContext as A, forwardRef as o, useState as h, useCallback as m, useRef as F, useEffect as G, useContext as H } from "react";
 import { Button as k } from "../Button/Button.js";
-import { CheckIcon as J, CloseIcon as L, EditIcon as M } from "../Icon/index.js";
+import { CheckIcon as J, CloseIcon as L, EditIcon as M } from "@forgedevstack/bear-icons";
 const N = A(null), d = () => {
   const r = H(N);
   if (!r)

package/dist/components/FileTree/FileTree.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),T=require("react"),x=require("../TreeView/TreeView.cjs"),j=require("../Icon/index.cjs"),m=require("./FileTree.utils.cjs"),q=r.jsx(j.BearIcons.ArticleIcon,{size:"xs",className:"bear-text-gray-400"}),F=({items:t,selectedId:s,defaultExpandedIds:o=[],onSelect:i,onExpand:a,size:c="md",showLines:n=!1,className:d,testId:l})=>{const u=T.useMemo(()=>t.map(e=>m.fileNodeToTreeNode(e,0,q)),[t]);return r.jsx("div",{"data-testid":l,children:r.jsx(x.TreeView,{data:u,selectedId:s,defaultExpandedIds:o,onSelect:i?e=>i(e.data):void 0,onExpand:a,size:c,showLines:n,className:d})})};exports.FileTree=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),T=require("react"),x=require("../TreeView/TreeView.cjs"),j=require("@forgedevstack/bear-icons"),m=require("./FileTree.utils.cjs"),q=r.jsx(j.BearIcons.ArticleIcon,{size:"xs",className:"bear-text-gray-400"}),b=({items:t,selectedId:i,defaultExpandedIds:o=[],onSelect:s,onExpand:a,size:c="md",showLines:n=!1,className:l,testId:d})=>{const u=T.useMemo(()=>t.map(e=>m.fileNodeToTreeNode(e,0,q)),[t]);return r.jsx("div",{"data-testid":d,children:r.jsx(x.TreeView,{data:u,selectedId:i,defaultExpandedIds:o,onSelect:s?e=>s(e.data):void 0,onExpand:a,size:c,showLines:n,className:l})})};exports.FileTree=b;

package/dist/components/FileTree/FileTree.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useMemo as l } from "react";
 import { TreeView as p } from "../TreeView/TreeView.js";
-import { BearIcons as x } from "../Icon/index.js";
+import { BearIcons as x } from "@forgedevstack/bear-icons";
 import { fileNodeToTreeNode as T } from "./FileTree.utils.js";
 const I = /* @__PURE__ */ o(x.ArticleIcon, { size: "xs", className: "bear-text-gray-400" }), g = ({
   items: r,

package/dist/components/FloatingChat/FloatingChat.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),G=require("react-dom"),r=require("../../utils/cn.cjs"),U=require("../../context/BearProvider.cjs"),g=require("../Button/Button.cjs"),P=require("../Avatar/Avatar.cjs"),o=require("../Typography/Typography.cjs"),M=require("../Badge/Badge.cjs"),l=require("../Icon/index.cjs"),$=require("../Chat/Chat.cjs"),t=require("./FloatingChat.const.cjs"),Z=({messages:d,onSend:j,isLoading:b=!1,isTyping:S=!1,title:h=t.FLOATING_CHAT_DEFAULTS.TITLE,subtitle:_=t.FLOATING_CHAT_DEFAULTS.SUBTITLE,avatar:w,position:m=t.FLOATING_CHAT_DEFAULTS.POSITION,bottom:x=t.FLOATING_CHAT_DEFAULTS.BOTTOM,side:u=t.FLOATING_CHAT_DEFAULTS.SIDE,defaultOpen:E=!1,open:F,onOpenChange:s,trigger:T,badgeCount:i,header:y,welcomeMessage:p=t.FLOATING_CHAT_DEFAULTS.WELCOME_MESSAGE,poweredBy:A,className:L,testId:D})=>{const{mode:q}=U.useBear(),B=q==="dark",[C,v]=c.useState(E),[N,n]=c.useState(!1),a=F??C,I=c.useCallback(()=>{const f=!a;n(!0),v(f),s==null||s(f),setTimeout(()=>n(!1),300)},[a,s]),H=c.useCallback(()=>{n(!0),v(!1),s==null||s(!1),setTimeout(()=>n(!1),300)},[s]),k=d.length===0&&p?[{id:"welcome",content:p,sender:"bot",timestamp:new Date}]:d,z={bottom:`${x}px`,[m==="bottom-right"?"right":"left"]:`${u}px`},O={bottom:`${x+70}px`,[m==="bottom-right"?"right":"left"]:`${u}px`,width:t.CHAT_WINDOW_SIZE.width,height:t.CHAT_WINDOW_SIZE.height},W=e.jsxs("div",{className:r.cn("Bear-FloatingChat",L),"data-testid":D,children:[(a||N)&&e.jsxs("div",{className:r.cn("fixed z-50 rounded-2xl overflow-hidden shadow-2xl","transition-all duration-300 ease-out",a&&!N?"opacity-100 translate-y-0 scale-100":"opacity-0 translate-y-4 scale-95 pointer-events-none"),style:O,children:[y?e.jsx("div",{className:r.cn("px-4 py-3",B?"bg-gray-800":"bg-[var(--bear-primary-500)]"),children:y}):e.jsxs("div",{className:r.cn("px-4 py-3 flex items-center gap-3","bg-[var(--bear-primary-500)] text-white"),children:[e.jsx(P.Avatar,{src:w,initials:h[0],size:"sm",className:"ring-2 ring-white/20"}),e.jsxs("div",{className:"flex-1",children:[e.jsx(o.Typography,{variant:"subtitle2",className:"text-white font-semibold",children:h}),e.jsx(o.Typography,{variant:"caption",className:"text-white/70",children:_})]}),e.jsx(g.Button,{variant:"ghost",size:"sm",onClick:H,className:"!text-white hover:!bg-white/10",children:e.jsx(l.BearIcons.XIcon,{size:18})})]}),e.jsx($.Chat,{messages:k,onSend:j,isLoading:b,isTyping:S,showAvatars:!1,height:t.CHAT_WINDOW_SIZE.height-140,className:"!rounded-none !border-0"}),A&&e.jsx("div",{className:"px-3 py-2 text-center border-t border-gray-200 dark:border-gray-700",children:e.jsxs(o.Typography,{variant:"caption",className:"opacity-50",children:["Powered by ",A]})})]}),e.jsx("div",{className:"fixed z-50",style:z,children:T?e.jsx("div",{onClick:I,children:T}):e.jsxs("div",{className:"relative",children:[e.jsx(g.Button,{variant:"primary",onClick:I,className:r.cn("!w-14 !h-14 !rounded-full !p-0 shadow-lg","transition-transform duration-200",a&&"rotate-180"),children:a?e.jsx(l.BearIcons.XIcon,{size:24}):e.jsx(l.BearIcons.ChatIcon,{size:24})}),!a&&i&&i>0&&e.jsx(M.Badge,{variant:"danger",size:"sm",className:"absolute -top-1 -right-1 !min-w-[20px] !h-5",children:i>99?"99+":i})]})})]});return typeof document>"u"?null:G.createPortal(W,document.body)};exports.FloatingChat=Z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),G=require("react-dom"),r=require("../../utils/cn.cjs"),U=require("../../context/BearProvider.cjs"),g=require("../Button/Button.cjs"),P=require("../Avatar/Avatar.cjs");require("../Box/Box.cjs");const o=require("../Typography/Typography.cjs"),M=require("../Badge/Badge.cjs"),l=require("@forgedevstack/bear-icons"),$=require("../Chat/Chat.cjs"),t=require("./FloatingChat.const.cjs"),Z=({messages:d,onSend:j,isLoading:b=!1,isTyping:S=!1,title:h=t.FLOATING_CHAT_DEFAULTS.TITLE,subtitle:_=t.FLOATING_CHAT_DEFAULTS.SUBTITLE,avatar:w,position:m=t.FLOATING_CHAT_DEFAULTS.POSITION,bottom:u=t.FLOATING_CHAT_DEFAULTS.BOTTOM,side:x=t.FLOATING_CHAT_DEFAULTS.SIDE,defaultOpen:E=!1,open:F,onOpenChange:s,trigger:T,badgeCount:i,header:y,welcomeMessage:p=t.FLOATING_CHAT_DEFAULTS.WELCOME_MESSAGE,poweredBy:A,className:L,testId:q})=>{const{mode:D}=U.useBear(),B=D==="dark",[C,v]=c.useState(E),[I,n]=c.useState(!1),a=F??C,N=c.useCallback(()=>{const f=!a;n(!0),v(f),s==null||s(f),setTimeout(()=>n(!1),300)},[a,s]),H=c.useCallback(()=>{n(!0),v(!1),s==null||s(!1),setTimeout(()=>n(!1),300)},[s]),k=d.length===0&&p?[{id:"welcome",content:p,sender:"bot",timestamp:new Date}]:d,z={bottom:`${u}px`,[m==="bottom-right"?"right":"left"]:`${x}px`},O={bottom:`${u+70}px`,[m==="bottom-right"?"right":"left"]:`${x}px`,width:t.CHAT_WINDOW_SIZE.width,height:t.CHAT_WINDOW_SIZE.height},W=e.jsxs("div",{className:r.cn("Bear-FloatingChat",L),"data-testid":q,children:[(a||I)&&e.jsxs("div",{className:r.cn("fixed z-50 rounded-2xl overflow-hidden shadow-2xl","transition-all duration-300 ease-out",a&&!I?"opacity-100 translate-y-0 scale-100":"opacity-0 translate-y-4 scale-95 pointer-events-none"),style:O,children:[y?e.jsx("div",{className:r.cn("px-4 py-3",B?"bg-gray-800":"bg-[var(--bear-primary-500)]"),children:y}):e.jsxs("div",{className:r.cn("px-4 py-3 flex items-center gap-3","bg-[var(--bear-primary-500)] text-white"),children:[e.jsx(P.Avatar,{src:w,initials:h[0],size:"sm",className:"ring-2 ring-white/20"}),e.jsxs("div",{className:"flex-1",children:[e.jsx(o.Typography,{variant:"subtitle2",className:"text-white font-semibold",children:h}),e.jsx(o.Typography,{variant:"caption",className:"text-white/70",children:_})]}),e.jsx(g.Button,{variant:"ghost",size:"sm",onClick:H,className:"!text-white hover:!bg-white/10",children:e.jsx(l.BearIcons.XIcon,{size:18})})]}),e.jsx($.Chat,{messages:k,onSend:j,isLoading:b,isTyping:S,showAvatars:!1,height:t.CHAT_WINDOW_SIZE.height-140,className:"!rounded-none !border-0"}),A&&e.jsx("div",{className:"px-3 py-2 text-center border-t border-gray-200 dark:border-gray-700",children:e.jsxs(o.Typography,{variant:"caption",className:"opacity-50",children:["Powered by ",A]})})]}),e.jsx("div",{className:"fixed z-50",style:z,children:T?e.jsx("div",{onClick:N,children:T}):e.jsxs("div",{className:"relative",children:[e.jsx(g.Button,{variant:"primary",onClick:N,className:r.cn("!w-14 !h-14 !rounded-full !p-0 shadow-lg","transition-transform duration-200",a&&"rotate-180"),children:a?e.jsx(l.BearIcons.XIcon,{size:24}):e.jsx(l.BearIcons.ChatIcon,{size:24})}),!a&&i&&i>0&&e.jsx(M.Badge,{variant:"danger",size:"sm",className:"absolute -top-1 -right-1 !min-w-[20px] !h-5",children:i>99?"99+":i})]})})]});return typeof document>"u"?null:G.createPortal(W,document.body)};exports.FloatingChat=Z;

package/dist/components/FloatingChat/FloatingChat.js

@@ -5,12 +5,13 @@ import { cn as s } from "../../utils/cn.js";
 import { useBear as q } from "../../context/BearProvider.js";
 import { Button as A } from "../Button/Button.js";
 import { Avatar as J } from "../Avatar/Avatar.js";
+import "../Box/Box.js";
 import { Typography as c } from "../Typography/Typography.js";
 import { Badge as K } from "../Badge/Badge.js";
-import { BearIcons as n } from "../Icon/index.js";
+import { BearIcons as n } from "@forgedevstack/bear-icons";
 import { Chat as O } from "../Chat/Chat.js";
 import { FLOATING_CHAT_DEFAULTS as a, CHAT_WINDOW_SIZE as m } from "./FloatingChat.const.js";
-const lt = ({
+const ct = ({
   messages: d,
   onSend: E,
   isLoading: z = !1,
@@ -18,8 +19,8 @@ const lt = ({
   title: h = a.TITLE,
   subtitle: B = a.SUBTITLE,
   avatar: D,
-  position: f = a.POSITION,
-  bottom: p = a.BOTTOM,
+  position: p = a.POSITION,
+  bottom: f = a.BOTTOM,
   side: v = a.SIDE,
   defaultOpen: L = !1,
   open: _,
@@ -38,11 +39,11 @@ const lt = ({
   }, [i, e]), j = S(() => {
     l(!0), b(!1), e == null || e(!1), setTimeout(() => l(!1), 300);
   }, [e]), G = d.length === 0 && u ? [{ id: "welcome", content: u, sender: "bot", timestamp: /* @__PURE__ */ new Date() }] : d, H = {
-    bottom: `${p}px`,
-    [f === "bottom-right" ? "right" : "left"]: `${v}px`
+    bottom: `${f}px`,
+    [p === "bottom-right" ? "right" : "left"]: `${v}px`
   }, U = {
-    bottom: `${p + 70}px`,
-    [f === "bottom-right" ? "right" : "left"]: `${v}px`,
+    bottom: `${f + 70}px`,
+    [p === "bottom-right" ? "right" : "left"]: `${v}px`,
     width: m.width,
     height: m.height
   }, X = /* @__PURE__ */ r("div", { className: s("Bear-FloatingChat", F), "data-testid": W, children: [
@@ -140,5 +141,5 @@ const lt = ({
   return typeof document > "u" ? null : Z(X, document.body);
 };
 export {
-  lt as FloatingChat
+  ct as FloatingChat
 };

package/dist/components/Gauge/Gauge.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),T=require("../../utils/cn.cjs");require("react");const x=require("../../utils/useBearId.cjs"),D=require("../Typography/Typography.cjs"),i=require("../Flex/Flex.cjs"),r=require("./Gauge.const.cjs"),L=require("./hooks/useGauge.cjs"),b=require("./helpers/GaugeArcSvg.cjs"),F=u=>{const{value:c,min:l=r.GAUGE_DEFAULT_MIN,max:o=r.GAUGE_DEFAULT_MAX,size:t=r.GAUGE_DEFAULT_SIZE,strokeWidth:s=r.GAUGE_DEFAULT_STROKE_WIDTH,color:g=r.GAUGE_DEFAULT_COLOR,trackColor:d,showLabel:A=!0,label:G,animated:_=!0,fillDurationMs:E=r.GAUGE_DEFAULT_FILL_DURATION_MS,arcAngle:U=r.GAUGE_DEFAULT_ARC_ANGLE,gradient:n,className:h,...m}=u,f=x.useBearId("Gauge","gradient"),e=L.useGauge({value:c,min:l,max:o,strokeWidth:s,arcAngle:U,animated:_,fillDurationMs:E});return a.jsxs(i.Flex,{align:"center",justify:"center",className:T.cn("bear-relative bear-inline-flex",h),style:{width:t,height:t},...m,children:[a.jsx(b.GaugeArcSvg,{radius:e.radius,strokeWidth:s,circumference:e.circumference,dashOffset:e.dashOffset,startAngle:e.startAngle,color:g,trackColor:d,gradientId:n?f:void 0,gradient:n,animated:e.animated,fillDurationMs:e.fillDurationMs}),A&&a.jsx(i.Flex,{align:"center",justify:"center",className:"bear-absolute bear-inset-0",children:G||a.jsxs(D.Typography,{variant:"h4",className:"bear-text-[var(--bear-text-primary)]",children:[Math.round(e.percentage),"%"]})})]})};exports.Gauge=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),_=require("../../utils/cn.cjs");require("react");const I=require("../../utils/useBearId.cjs"),N=require("../Typography/Typography.cjs"),i=require("../Flex/Flex.cjs"),e=require("./Gauge.const.cjs"),D=require("./hooks/useGauge.cjs"),b=require("./helpers/GaugeArcSvg.cjs"),R=require("./helpers/GaugeLinearBar.cjs"),y=s=>{const{value:E,min:U=e.GAUGE_DEFAULT_MIN,max:f=e.GAUGE_DEFAULT_MAX,size:t=e.GAUGE_DEFAULT_SIZE,strokeWidth:c=e.GAUGE_DEFAULT_STROKE_WIDTH,color:l=e.GAUGE_DEFAULT_COLOR,trackColor:u,showLabel:A=!0,label:G,animated:m=!0,fillDurationMs:h=e.GAUGE_DEFAULT_FILL_DURATION_MS,arcAngle:x=e.GAUGE_DEFAULT_ARC_ANGLE,variant:g=e.GAUGE_VARIANT_ARC,gradient:n,className:o,...d}=s,L=g===e.GAUGE_VARIANT_RING?s.arcAngle??e.GAUGE_RING_ARC_ANGLE:x,T=I.useBearId("Gauge","gradient"),r=D.useGauge({value:E,min:U,max:f,strokeWidth:c,arcAngle:L,animated:m,fillDurationMs:h});return g===e.GAUGE_VARIANT_LINEAR?a.jsx(i.Flex,{align:"center",justify:"center",className:_.cn("bear-relative bear-inline-flex",o),style:{width:t},...d,children:a.jsx(R.GaugeLinearBar,{percentage:r.percentage,color:l,trackColor:u,gradient:n,animated:r.animated,fillDurationMs:r.fillDurationMs,showLabel:A,label:G})}):a.jsxs(i.Flex,{align:"center",justify:"center",className:_.cn("bear-relative bear-inline-flex",o),style:{width:t,height:t},...d,children:[a.jsx(b.GaugeArcSvg,{radius:r.radius,strokeWidth:c,circumference:r.circumference,dashOffset:r.dashOffset,startAngle:r.startAngle,color:l,trackColor:u,gradientId:n?T:void 0,gradient:n,animated:r.animated,fillDurationMs:r.fillDurationMs}),A&&a.jsx(i.Flex,{align:"center",justify:"center",className:"bear-absolute bear-inset-0",children:G||a.jsxs(N.Typography,{variant:"h4",className:"bear-text-[var(--bear-text-primary)]",children:[Math.round(r.percentage),"%"]})})]})};exports.Gauge=y;

package/dist/components/Gauge/Gauge.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=0,E=100,_=120,G=10,U="var(--bear-primary-500, #ec4899)",T=270,L=900,D=50,I="cubic-bezier(0.4, 0, 0.2, 1)";exports.GAUGE_ANIMATION_EASING=I;exports.GAUGE_DEFAULT_ARC_ANGLE=T;exports.GAUGE_DEFAULT_COLOR=U;exports.GAUGE_DEFAULT_FILL_DURATION_MS=L;exports.GAUGE_DEFAULT_MAX=E;exports.GAUGE_DEFAULT_MIN=A;exports.GAUGE_DEFAULT_SIZE=_;exports.GAUGE_DEFAULT_STROKE_WIDTH=G;exports.GAUGE_VIEWBOX_CENTER=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=0,G=100,_=120,E=10,U="var(--bear-primary-500, #ec4899)",T=270,I=900,N=50,R="cubic-bezier(0.4, 0, 0.2, 1)",L="arc",c="linear",t="ring",n=360,o=8;exports.GAUGE_ANIMATION_EASING=R;exports.GAUGE_DEFAULT_ARC_ANGLE=T;exports.GAUGE_DEFAULT_COLOR=U;exports.GAUGE_DEFAULT_FILL_DURATION_MS=I;exports.GAUGE_DEFAULT_MAX=G;exports.GAUGE_DEFAULT_MIN=A;exports.GAUGE_DEFAULT_SIZE=_;exports.GAUGE_DEFAULT_STROKE_WIDTH=E;exports.GAUGE_LINEAR_TRACK_HEIGHT=o;exports.GAUGE_RING_ARC_ANGLE=n;exports.GAUGE_VARIANT_ARC=L;exports.GAUGE_VARIANT_LINEAR=c;exports.GAUGE_VARIANT_RING=t;exports.GAUGE_VIEWBOX_CENTER=N;

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

@@ -7,3 +7,8 @@ export declare const GAUGE_DEFAULT_ARC_ANGLE = 270;
 export declare const GAUGE_DEFAULT_FILL_DURATION_MS = 900;
 export declare const GAUGE_VIEWBOX_CENTER = 50;
 export declare const GAUGE_ANIMATION_EASING = "cubic-bezier(0.4, 0, 0.2, 1)";
+export declare const GAUGE_VARIANT_ARC = "arc";
+export declare const GAUGE_VARIANT_LINEAR = "linear";
+export declare const GAUGE_VARIANT_RING = "ring";
+export declare const GAUGE_RING_ARC_ANGLE = 360;
+export declare const GAUGE_LINEAR_TRACK_HEIGHT = 8;

package/dist/components/Gauge/Gauge.const.js

@@ -1,12 +1,17 @@
-const A = 0, E = 100, _ = 120, G = 10, U = "var(--bear-primary-500, #ec4899)", c = 270, T = 900, L = 50, o = "cubic-bezier(0.4, 0, 0.2, 1)";
+const A = 0, G = 100, _ = 120, E = 10, U = "var(--bear-primary-500, #ec4899)", c = 270, I = 900, T = 50, n = "cubic-bezier(0.4, 0, 0.2, 1)", o = "arc", t = "linear", N = "ring", R = 360, s = 8;
 export {
-  o as GAUGE_ANIMATION_EASING,
+  n as GAUGE_ANIMATION_EASING,
   c as GAUGE_DEFAULT_ARC_ANGLE,
   U as GAUGE_DEFAULT_COLOR,
-  T as GAUGE_DEFAULT_FILL_DURATION_MS,
-  E as GAUGE_DEFAULT_MAX,
+  I as GAUGE_DEFAULT_FILL_DURATION_MS,
+  G as GAUGE_DEFAULT_MAX,
   A as GAUGE_DEFAULT_MIN,
   _ as GAUGE_DEFAULT_SIZE,
-  G as GAUGE_DEFAULT_STROKE_WIDTH,
-  L as GAUGE_VIEWBOX_CENTER
+  E as GAUGE_DEFAULT_STROKE_WIDTH,
+  s as GAUGE_LINEAR_TRACK_HEIGHT,
+  R as GAUGE_RING_ARC_ANGLE,
+  o as GAUGE_VARIANT_ARC,
+  t as GAUGE_VARIANT_LINEAR,
+  N as GAUGE_VARIANT_RING,
+  T as GAUGE_VIEWBOX_CENTER
 };

package/dist/components/Gauge/Gauge.d.ts

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