@ledgerhq/lumen-ui-react 0.1.15 → 0.1.16

package/dist/lib/Components/SegmentedControl/SegmentedControl.js

@@ -1,126 +1,142 @@
-import { jsx as s, jsxs as b } from "react/jsx-runtime";
-import { cn as p, useDisabledContext as g } from "../../../libs/utils-shared/dist/index.js";
-import { cva as c } from "class-variance-authority";
-import { useRef as x } from "react";
-import { useSegmentedControlContext as h, SegmentedControlContextProvider as v } from "./SegmentedControlContext.js";
-import { useSegmentedControlSelectedIndex as C, usePillElementLayoutEffect as y } from "./usePillElementLayoutEffect.js";
-const f = {
-  root: c("relative flex w-full flex-row items-center rounded-sm", {
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { cn as x, useDisabledContext as h } from "../../../libs/utils-shared/dist/index.js";
+import { cva as f } from "class-variance-authority";
+import { useRef as v } from "react";
+import { useSegmentedControlContext as y, SegmentedControlContextProvider as C } from "./SegmentedControlContext.js";
+import { useSegmentedControlSelectedIndex as N, usePillElementLayoutEffect as S } from "./usePillElementLayoutEffect.js";
+const b = {
+  root: f("relative flex flex-row items-center rounded-sm", {
     variants: {
       appearance: {
         background: "bg-surface",
         "no-background": "bg-transparent"
+      },
+      tabLayout: {
+        fit: "inline-flex",
+        fixed: "w-full"
       }
     }
   }),
-  pill: c(
-    "pointer-events-none absolute top-0 left-0 z-0 rounded-sm transition-transform duration-250 ease-in-out",
-    {
-      variants: {
-        disabled: {
-          true: "bg-base-transparent-pressed",
-          false: "bg-muted-transparent"
-        }
+  pill: f("pointer-events-none absolute top-0 left-0 z-0 rounded-sm", {
+    variants: {
+      disabled: {
+        true: "bg-base-transparent-pressed",
+        false: "bg-muted-transparent"
+      },
+      isReady: {
+        true: "transition-[transform,width] duration-250 ease-in-out",
+        false: "transition-none"
       }
     }
-  ),
-  item: c(
-    "z-10 flex min-w-0 flex-1 cursor-pointer flex-row items-center justify-center rounded-sm px-16 py-8 select-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus disabled:cursor-not-allowed",
+  }),
+  item: f(
+    "z-10 flex cursor-pointer flex-row items-center justify-center rounded-sm px-16 py-8 select-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus disabled:cursor-not-allowed",
     {
       variants: {
         selected: {
-          true: "body-2-semi-bold text-base",
-          false: "body-2 text-muted hover:body-2-semi-bold hover:text-muted-hover"
+          true: "body-2-semi-bold",
+          false: "body-2"
+        },
+        disabled: {
+          true: "text-muted",
+          false: ""
         }
-      }
+      },
+      compoundVariants: [
+        { selected: !0, disabled: !1, className: "text-base" },
+        {
+          selected: !1,
+          disabled: !1,
+          className: "text-muted hover:text-muted-hover"
+        }
+      ]
     }
   )
 };
-function S({
-  value: o,
-  children: a,
-  icon: e,
-  onClick: l,
-  className: d,
-  ...m
+function w({
+  value: s,
+  children: l,
+  icon: t,
+  onClick: d,
+  className: m,
+  ...c
 }) {
-  const { selectedValue: u, onSelectedChange: n, disabled: t } = h(), i = u === o;
-  return /* @__PURE__ */ s(
+  const { selectedValue: a, onSelectedChange: u, disabled: e, tabLayout: r } = y(), i = a === s;
+  return /* @__PURE__ */ o(
     "button",
     {
       type: "button",
       role: "radio",
       "aria-checked": i,
-      "aria-disabled": t,
-      disabled: t,
-      onClick: (r) => {
-        t || (n(o), l?.(r));
+      "aria-disabled": e,
+      disabled: e,
+      onClick: (n) => {
+        e || (u(s), d?.(n));
       },
-      className: p(
-        f.item({
-          selected: i
-        }),
-        d
+      className: x(
+        b.item({ selected: i, disabled: !!e }),
+        r === "fixed" && "min-w-0 flex-1",
+        m
       ),
-      ...m,
-      children: /* @__PURE__ */ b("span", { className: "inline-flex shrink-0 items-center justify-center gap-8", children: [
-        e && /* @__PURE__ */ s(e, { size: 16 }),
-        /* @__PURE__ */ s("span", { children: a })
+      ...c,
+      children: /* @__PURE__ */ p("span", { className: "inline-flex min-w-0 items-center justify-center gap-8", children: [
+        t && /* @__PURE__ */ o(t, { size: 16, className: "shrink-0" }),
+        /* @__PURE__ */ o("span", { className: "truncate", children: l })
       ] })
     }
   );
 }
-S.displayName = "SegmentedControlButton";
-function w({
-  selectedValue: o,
-  onSelectedChange: a,
-  children: e,
-  className: l,
-  disabled: d,
-  appearance: m = "background",
+w.displayName = "SegmentedControlButton";
+function k({
+  selectedValue: s,
+  onSelectedChange: l,
+  children: t,
+  className: d,
+  disabled: m,
+  appearance: c = "background",
+  tabLayout: a = "fixed",
   ...u
 }) {
-  const n = g({
+  const e = h({
     consumerName: "SegmentedControl",
-    mergeWith: { disabled: d }
-  }), t = x(null), i = C(
-    o,
-    e
-  ), { pill: r } = y({
-    ref: t,
+    mergeWith: { disabled: m }
+  }), r = v(null), i = N(
+    s,
+    t
+  ), { pill: n, isReady: g } = S({
+    ref: r,
     selectedIndex: i,
-    children: e
+    children: t
   });
-  return /* @__PURE__ */ s(
-    v,
+  return /* @__PURE__ */ o(
+    C,
     {
-      value: { selectedValue: o, onSelectedChange: a, disabled: n },
-      children: /* @__PURE__ */ b(
+      value: { selectedValue: s, onSelectedChange: l, disabled: e, tabLayout: a },
+      children: /* @__PURE__ */ p(
         "div",
         {
           ...u,
-          ref: t,
+          ref: r,
           role: "radiogroup",
-          "aria-disabled": n,
-          className: p(
-            f.root({
-              appearance: m
+          "aria-disabled": e,
+          className: x(
+            b.root({
+              appearance: c,
+              tabLayout: a
             }),
-            l
+            d
           ),
           children: [
-            e,
-            /* @__PURE__ */ s(
+            t,
+            /* @__PURE__ */ o(
               "div",
               {
                 "aria-hidden": !0,
-                className: f.pill({
-                  disabled: n
-                }),
+                className: b.pill({ disabled: e, isReady: g }),
                 style: {
-                  width: r.width,
-                  height: r.height,
-                  transform: `translateX(${r.x}px)`
+                  width: n.width,
+                  height: n.height,
+                  transform: `translateX(${n.x}px)`
                 }
               }
             )
@@ -130,8 +146,8 @@ function w({
     }
   );
 }
-w.displayName = "SegmentedControl";
+k.displayName = "SegmentedControl";
 export {
-  w as SegmentedControl,
-  S as SegmentedControlButton
+  k as SegmentedControl,
+  w as SegmentedControlButton
 };

package/dist/lib/Components/SegmentedControl/SegmentedControlContext.d.ts

@@ -2,6 +2,7 @@ export type SegmentedControlContextValue = {
     selectedValue: string;
     onSelectedChange: (value: string) => void;
     disabled: boolean;
+    tabLayout: 'fit' | 'fixed';
 };
 declare const SegmentedControlContextProvider: import('react').FC<{
     children: import('react').ReactNode;

package/dist/lib/Components/SegmentedControl/SegmentedControlContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlContext.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SegmentedControl/SegmentedControlContext.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,4BAA4B,GAAG;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAO,+BAA+B;;;EAC+B,CAAC;AAEtE,eAAO,MAAM,0BAA0B,oCAInC,CAAC;AAEL,OAAO,EAAE,+BAA+B,EAAE,CAAC"}
+{"version":3,"file":"SegmentedControlContext.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SegmentedControl/SegmentedControlContext.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,4BAA4B,GAAG;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,KAAK,GAAG,OAAO,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAO,+BAA+B;;;EAC+B,CAAC;AAEtE,eAAO,MAAM,0BAA0B,oCAInC,CAAC;AAEL,OAAO,EAAE,+BAA+B,EAAE,CAAC"}

package/dist/lib/Components/SegmentedControl/types.d.ts

@@ -18,6 +18,13 @@ export type SegmentedControlProps = {
      * @default 'background'
      */
     appearance?: 'background' | 'no-background';
+    /**
+     * Controls how tab widths are calculated.
+     * - "fit": each tab sizes to its content
+     * - "fixed": all tabs share equal width, filling the container
+     * @default 'fixed'
+     */
+    tabLayout?: 'fit' | 'fixed';
     /**
      * Segment buttons (SegmentedControlButton).
      */

package/dist/lib/Components/SegmentedControl/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SegmentedControl/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;IAC5C;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD,KAAK,aAAa,GAAG,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SegmentedControl/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;IAC5C;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD,KAAK,aAAa,GAAG,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,GAAG,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC"}

package/dist/lib/Components/SegmentedControl/usePillElementLayoutEffect.d.ts

@@ -1,17 +1,16 @@
-import { default as React } from 'react';
+import { ReactNode } from 'react';
 export type PillLayout = {
     width: number;
     height: number;
     x: number;
 };
-type UsePillElementLayoutEffectParams = {
+export declare function usePillElementLayoutEffect({ ref, selectedIndex, children, }: {
     ref: React.RefObject<HTMLDivElement | null>;
     selectedIndex: number;
     children: React.ReactNode;
-};
-export declare function usePillElementLayoutEffect({ ref, selectedIndex, children, }: UsePillElementLayoutEffectParams): {
+}): {
     pill: PillLayout;
+    isReady: boolean;
 };
-export declare function useSegmentedControlSelectedIndex(selectedValue: string, children: React.ReactNode): number;
-export {};
+export declare function useSegmentedControlSelectedIndex(selectedValue: string, children: ReactNode): number;
 //# sourceMappingURL=usePillElementLayoutEffect.d.ts.map

package/dist/lib/Components/SegmentedControl/usePillElementLayoutEffect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePillElementLayoutEffect.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SegmentedControl/usePillElementLayoutEffect.ts"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAElE,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,KAAK,gCAAgC,GAAG;IACtC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,GAAG,EACH,aAAa,EACb,QAAQ,GACT,EAAE,gCAAgC,GAAG;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CA0BzD;AAED,wBAAgB,gCAAgC,CAC9C,aAAa,EAAE,MAAM,EACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,GACxB,MAAM,CAUR"}
+{"version":3,"file":"usePillElementLayoutEffect.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SegmentedControl/usePillElementLayoutEffect.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EAKV,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,GAAG,EACH,aAAa,EACb,QAAQ,GACT,EAAE;IACD,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC5C,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAkCzC;AAED,wBAAgB,gCAAgC,CAC9C,aAAa,EAAE,MAAM,EACrB,QAAQ,EAAE,SAAS,GAClB,MAAM,CAUR"}

package/dist/lib/Components/SegmentedControl/usePillElementLayoutEffect.js

@@ -1,35 +1,40 @@
-import r, { useMemo as a, useState as m, useLayoutEffect as p } from "react";
-function y({
-  ref: e,
-  selectedIndex: t,
-  children: n
+import { useMemo as h, Children as y, isValidElement as g, useState as u, useLayoutEffect as p, useEffect as v } from "react";
+function R({
+  ref: n,
+  selectedIndex: e,
+  children: r
 }) {
-  const [f, l] = m({ width: 0, height: 0, x: 0 });
+  const [f, c] = u({ width: 0, height: 0, x: 0 }), [a, l] = u(!1);
   return p(() => {
-    const o = e.current;
-    if (!o) return;
-    const i = () => {
-      const { width: d, height: h } = o.getBoundingClientRect(), u = r.Children.count(n), c = u > 0 ? d / u : 0;
-      l({
-        width: c,
-        height: h,
-        x: t >= 0 ? t * c : 0
+    const t = n.current;
+    if (!t) return;
+    const o = () => {
+      const { height: d } = t.getBoundingClientRect(), m = Array.from(t.children).slice(0, -1), i = e >= 0 ? m[e] : void 0;
+      c({
+        width: i?.offsetWidth ?? 0,
+        height: d,
+        x: i?.offsetLeft ?? 0
       });
     };
-    if (i(), typeof ResizeObserver > "u") return;
-    const s = new ResizeObserver(i);
-    return s.observe(o), () => s.disconnect();
-  }, [n, t, e]), { pill: f };
+    if (o(), typeof ResizeObserver > "u") return;
+    const s = new ResizeObserver(o);
+    return s.observe(t), () => s.disconnect();
+  }, [r, e, n]), v(() => {
+    const t = requestAnimationFrame(() => {
+      l(!0);
+    });
+    return () => cancelAnimationFrame(t);
+  }, []), { pill: f, isReady: a };
 }
-function v(e, t) {
-  return a(
-    () => r.Children.toArray(t).findIndex(
-      (n) => r.isValidElement(n) && n.props.value === e
+function b(n, e) {
+  return h(
+    () => y.toArray(e).findIndex(
+      (r) => g(r) && r.props.value === n
     ),
-    [e, t]
+    [n, e]
   );
 }
 export {
-  y as usePillElementLayoutEffect,
-  v as useSegmentedControlSelectedIndex
+  R as usePillElementLayoutEffect,
+  b as useSegmentedControlSelectedIndex
 };

package/dist/lib/Components/Select/Select.js

@@ -81,7 +81,7 @@ const v = o(
         u,
         {
           size: 20,
-          className: "shrink-0 text-muted group-data-disabled:text-disabled"
+          className: "text-muted group-data-disabled:text-disabled"
         }
       ) })
     ]
@@ -156,9 +156,9 @@ const I = m(
     position: s,
     ...i,
     children: [
-      /* @__PURE__ */ e(L, {}),
+      /* @__PURE__ */ e(U, {}),
       /* @__PURE__ */ e(l.Viewport, { className: V({ position: s }), children: r }),
-      /* @__PURE__ */ e(U, {})
+      /* @__PURE__ */ e(G, {})
     ]
   }
 ) });
@@ -196,7 +196,7 @@ const B = o(
     ...s,
     children: [
       r,
-      /* @__PURE__ */ e("span", { className: "absolute right-8 flex size-24 items-center justify-center", children: /* @__PURE__ */ e(l.ItemIndicator, { children: /* @__PURE__ */ e(x, { size: 24, className: "ms-8 shrink-0 text-active" }) }) })
+      /* @__PURE__ */ e("span", { className: "absolute right-8 flex size-24 items-center justify-center", children: /* @__PURE__ */ e(l.ItemIndicator, { children: /* @__PURE__ */ e(x, { size: 24, className: "ms-8 text-active" }) }) })
     ]
   }
 );
@@ -207,7 +207,7 @@ const P = ({
   ...r
 }) => /* @__PURE__ */ e(y, { ref: t, className: o("mx-8 my-4 w-auto", a), ...r });
 P.displayName = "SelectSeparator";
-const k = ({ ref: t, className: a, ...r }) => /* @__PURE__ */ e(
+const L = ({ ref: t, className: a, ...r }) => /* @__PURE__ */ e(
   l.ItemText,
   {
     ref: t,
@@ -216,8 +216,8 @@ const k = ({ ref: t, className: a, ...r }) => /* @__PURE__ */ e(
     ...r
   }
 );
-k.displayName = l.ItemText.displayName;
-function L({
+L.displayName = l.ItemText.displayName;
+function U({
   className: t,
   ...a
 }) {
@@ -234,7 +234,7 @@ function L({
     }
   );
 }
-function U({
+function G({
   className: t,
   ...a
 }) {
@@ -262,7 +262,7 @@ export {
   z as SelectContent,
   O as SelectGroup,
   D as SelectItem,
-  k as SelectItemText,
+  L as SelectItemText,
   j as SelectLabel,
   P as SelectSeparator,
   T as SelectTrigger,

package/dist/lib/Components/SideBar/SideBar.d.ts

@@ -76,7 +76,7 @@ export declare const SideBarItem: {
  * </SideBarTrailing>
  */
 export declare const SideBarCollapseToggle: {
-    ({ className, ...props }: SideBarCollapseToggleProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, tooltipContent: tooltipContentProp, ...props }: SideBarCollapseToggleProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=SideBar.d.ts.map

package/dist/lib/Components/SideBar/SideBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideBar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SideBar/SideBar.tsx"],"names":[],"mappings":"AAWA,OAAO,EAEL,YAAY,EACZ,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EAChB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAmDjB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO;2KAWjB,YAAY;;CA2Bd,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,cAAc;6CAKxB,mBAAmB;;CAUrB,CAAC;AAGF;;;;GAIG;AACH,eAAO,MAAM,eAAe;6CAKzB,oBAAoB;;CAUtB,CAAC;AAGF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,WAAW;0JAWrB,gBAAgB;;CAuDlB,CAAC;AAGF;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB;8BAG/B,0BAA0B;;CAgC5B,CAAC"}
+{"version":3,"file":"SideBar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SideBar/SideBar.tsx"],"names":[],"mappings":"AAWA,OAAO,EAEL,YAAY,EACZ,mBAAmB,EACnB,oBAAoB,EACpB,gBAAgB,EAChB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAmDjB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO;2KAWjB,YAAY;;CA4Bd,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,cAAc;6CAKxB,mBAAmB;;CAUrB,CAAC;AAGF;;;;GAIG;AACH,eAAO,MAAM,eAAe;6CAKzB,oBAAoB;;CAUtB,CAAC;AAGF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,WAAW;0JAWrB,gBAAgB;;CAuDlB,CAAC;AAGF;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB;kEAI/B,0BAA0B;;CA2C5B,CAAC"}