@edifice.io/react 2.0.0-develop-rc.4 → 2.0.0-develop-rc.10

package/dist/components/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../../../src/components/Label/Label.tsx"],"sourcesContent":["import { forwardRef, ReactNode, Ref, useEffect } from 'react';\n\nimport clsx from 'clsx';\nimport { useTranslation } from 'react-i18next';\n\nimport { useFormControl } from '../Form/FormContext';\n\nexport type OmitLabelProps = 'htmlFor';\n\nexport interface LabelProps\n  extends Omit<React.ComponentPropsWithRef<'label'>, OmitLabelProps> {\n  /**\n   * Display Icon to the left\n   */\n  leftIcon?: ReactNode;\n  /**\n   * Translated Optional Text\n   */\n  optionalText?: string;\n  /**\n   * Required Indicator or Text\n   */\n  requiredText?: string;\n  /**\n   * Label Text\n   */\n  children: ReactNode;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\nexport const Label = forwardRef(\n  (\n    {\n      leftIcon,\n      optionalText,\n      requiredText = '*',\n      children,\n      className,\n    }: LabelProps,\n    ref?: Ref<HTMLLabelElement>,\n  ) => {\n    const { id, isOptional, isRequired } = useFormControl();\n\n    const { t } = useTranslation();\n\n    const classes = clsx(\n      'form-label',\n      {\n        'has-icon': leftIcon,\n      },\n      className,\n    );\n\n    const optionalState = isOptional && !isRequired;\n    const requiredState = isRequired && !isOptional;\n\n    useEffect(() => {\n      if (isOptional && isRequired) {\n        throw new Error('Cannot be optional and required at the same time');\n      }\n    }, [isOptional, isRequired]);\n\n    return (\n      <label ref={ref} htmlFor={id} className={classes}>\n        {leftIcon}\n        {children}\n        {optionalState && (\n          <em className=\"optional\">\n            - {optionalText ?? t('explorer.optional')}\n          </em>\n        )}\n        {requiredState && <em className=\"required\">{requiredText}</em>}\n      </label>\n    );\n  },\n);\n\nLabel.displayName = 'Label';\n\nexport default Label;\n"],"names":["Label","leftIcon","optionalText","requiredText","children","className","ref","id","isOptional","isRequired","useFormControl","t","useTranslation","classes","clsx","optionalState","requiredState","useEffect","Error","jsxs","jsx"],"mappings":";;;;;AAiCaA,MAAAA,sBACX,CACE;AAAA,EACEC,UAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,cAAAA,IAAe;AAAA,EACfC,UAAAA;AAAAA,EACAC,WAAAA;AACU,GACZC,MACG;AACG,QAAA;AAAA,IAAEC,IAAAA;AAAAA,IAAIC,YAAAA;AAAAA,IAAYC,YAAAA;AAAAA,MAAeC,EAAe,GAEhD;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GAEvBC,IAAUC,EACd,cACA;AAAA,IACE,YAAYb;AAAAA,KAEdI,CACF,GAEMU,IAAgBP,KAAc,CAACC,GAC/BO,IAAgBP,KAAc,CAACD;AAErCS,SAAAA,EAAU,MAAM;AACd,QAAIT,KAAcC;AACV,YAAA,IAAIS,MAAM,kDAAkD;AAAA,EACpE,GACC,CAACV,GAAYC,CAAU,CAAC,qBAGxB,SAAM,EAAA,KAAAH,GAAU,SAASC,GAAI,WAAWM,GACtCZ,UAAAA;AAAAA,IAAAA;AAAAA,IACAG;AAAAA,IACAW,KACC,gBAAAI,EAAC,MAAG,EAAA,WAAU,YAAU,UAAA;AAAA,MAAA;AAAA,MACnBjB,KAAgBS,EAAE,mBAAmB;AAAA,IAAA,GAC1C;AAAA,IAEDK,KAAiB,gBAAAI,EAAC,MAAG,EAAA,WAAU,YAAYjB,UAAaA,GAAA;AAAA,EAC3D,EAAA,CAAA;AAEJ,CACF;"}

package/dist/components/Loading/Loading.js

@@ -1,28 +1,29 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import { Icon } from "../Icon/Icon.js";
-const Loading = /* @__PURE__ */ forwardRef((props, ref) => {
+import { jsxs as g, jsx as m } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import p from "clsx";
+import { Icon as x } from "../Icon/Icon.js";
+const j = /* @__PURE__ */ f((a, n) => {
   const {
-    isLoading,
-    loadingIcon,
-    loadingPosition = "left",
-    children,
-    className,
-    ...restProps
-  } = props, getLoadingIcon = () => {
-    let icon;
-    return loadingIcon ? icon = loadingIcon : icon = /* @__PURE__ */ jsx(Icon, { name: "loader", ...restProps, "aria-label": "Loading" }), icon;
-  }, classes = clsx("loading d-flex align-items-center gap-8", {
-    "is-loading": isLoading
-  }, className);
-  return /* @__PURE__ */ jsxs("div", { className: classes, role: "status", ref, children: [
-    (!loadingPosition || loadingPosition === "left") && getLoadingIcon(),
-    children,
-    loadingPosition === "right" && getLoadingIcon()
+    isLoading: r,
+    loadingIcon: i,
+    loadingPosition: o = "left",
+    children: t,
+    className: l,
+    ...c
+  } = a, s = () => {
+    let e;
+    return i ? e = i : e = /* @__PURE__ */ m(x, { name: "loader", ...c, "aria-label": "Loading" }), e;
+  }, d = p("loading d-flex align-items-center gap-8", {
+    "is-loading": r
+  }, l);
+  return /* @__PURE__ */ g("div", { className: d, role: "status", ref: n, children: [
+    (!o || o === "left") && s(),
+    t,
+    o === "right" && s()
   ] });
 });
 export {
-  Loading,
-  Loading as default
+  j as Loading,
+  j as default
 };
+//# sourceMappingURL=Loading.js.map

package/dist/components/Loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sources":["../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { forwardRef, ReactNode, Ref } from 'react';\n\nimport clsx from 'clsx';\nimport { Icon } from '..';\n\nexport type LoadingPosition = 'left' | 'right' | undefined;\nexport type LoadingIcon = JSX.Element | undefined;\n\nexport interface LoadingProps {\n  /**\n   * Is it loading ?\n   */\n  isLoading: boolean;\n  /**\n   * Override default loading icon\n   */\n  loadingIcon?: LoadingIcon;\n  /**\n   * Default position to left. When using with another component, position can be switched\n   */\n  loadingPosition?: LoadingPosition;\n  /** When using with another component, we can pass a children */\n  children?: ReactNode;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n\n  color?: string;\n}\n\n/**\n * Inform user about loading status\n */\n\nexport const Loading = forwardRef(\n  (props: LoadingProps, ref: Ref<HTMLDivElement>): JSX.Element => {\n    const {\n      isLoading,\n      loadingIcon,\n      loadingPosition = 'left',\n      children,\n      className,\n      ...restProps\n    } = props;\n\n    const getLoadingIcon = () => {\n      let icon;\n      if (loadingIcon) {\n        icon = loadingIcon;\n      } else {\n        icon = <Icon name=\"loader\" {...restProps} aria-label=\"Loading\" />;\n      }\n\n      return icon;\n    };\n\n    const classes = clsx(\n      'loading d-flex align-items-center gap-8',\n      {\n        'is-loading': isLoading,\n      },\n      className,\n    );\n\n    return (\n      <div className={classes} role=\"status\" ref={ref}>\n        {(!loadingPosition || loadingPosition === 'left') && getLoadingIcon()}\n        {children}\n        {loadingPosition === 'right' && getLoadingIcon()}\n      </div>\n    );\n  },\n);\n\nLoading.displayName = 'Loading';\n\nexport default Loading;\n"],"names":["Loading","forwardRef","props","ref","isLoading","loadingIcon","loadingPosition","children","className","restProps","getLoadingIcon","icon","Icon","classes","clsx"],"mappings":";;;;AAmCO,MAAMA,IAAUC,gBAAAA,EACrB,CAACC,GAAqBC,MAA0C;AACxD,QAAA;AAAA,IACJC,WAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,iBAAAA,IAAkB;AAAA,IAClBC,UAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACA,GAAGC;AAAAA,EACDP,IAAAA,GAEEQ,IAAiBA,MAAM;AACvBC,QAAAA;AACJ,WAAIN,IACKA,IAAAA,IAEPM,sBAAQC,GAAK,EAAA,MAAK,UAAS,GAAIH,GAAW,cAAW,UAAY,CAAA,GAG5DE;AAAAA,EAAAA,GAGHE,IAAUC,EACd,2CACA;AAAA,IACE,cAAcV;AAAAA,KAEhBI,CACF;AAEA,2BACG,OAAI,EAAA,WAAWK,GAAS,MAAK,UAAS,KAAAV,GACnC,UAAA;AAAA,KAACG,CAAAA,KAAmBA,MAAoB,WAAWI,EAAe;AAAA,IACnEH;AAAAA,IACAD,MAAoB,WAAWI,EAAe;AAAA,EACjD,EAAA,CAAA;AAEJ,CACF;"}

package/dist/components/LoadingScreen/LoadingScreen.js

@@ -1,26 +1,27 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import usePaths from "../../core/usePaths/usePaths.js";
-const LoadingScreen = /* @__PURE__ */ forwardRef(({
-  position = !0,
-  caption
-}, ref) => {
-  const [imagePath] = usePaths(), image = `${imagePath}/loading/screen-loading.gif`, containerClasses = clsx("top-0 end-0 start-0 bottom-0 d-grid justify-content-center align-content-center align-items-center z-2000", {
-    "position-fixed": !position,
-    "position-static": position
-  }), captionClasses = clsx("text-center pt-12", {
-    "text-white": !position
+import { jsxs as r, Fragment as l, jsx as t } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import s from "clsx";
+import g from "../../core/usePaths/usePaths.js";
+const u = /* @__PURE__ */ m(({
+  position: e = !0,
+  caption: a
+}, n) => {
+  const [i] = g(), c = `${i}/loading/screen-loading.gif`, o = s("top-0 end-0 start-0 bottom-0 d-grid justify-content-center align-content-center align-items-center z-2000", {
+    "position-fixed": !e,
+    "position-static": e
+  }), d = s("text-center pt-12", {
+    "text-white": !e
   });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { ref, className: containerClasses, children: [
-      /* @__PURE__ */ jsx("div", { className: "bg-white rounded-circle mx-auto w-25", children: /* @__PURE__ */ jsx("img", { src: image, alt: "loading" }) }),
-      caption && /* @__PURE__ */ jsx("div", { className: captionClasses, children: caption })
+  return /* @__PURE__ */ r(l, { children: [
+    /* @__PURE__ */ r("div", { ref: n, className: o, children: [
+      /* @__PURE__ */ t("div", { className: "bg-white rounded-circle mx-auto w-25", children: /* @__PURE__ */ t("img", { src: c, alt: "loading" }) }),
+      a && /* @__PURE__ */ t("div", { className: d, children: a })
     ] }),
-    !position && /* @__PURE__ */ jsx("div", { className: "modal-backdrop fade show" })
+    !e && /* @__PURE__ */ t("div", { className: "modal-backdrop fade show" })
   ] });
 });
 export {
-  LoadingScreen,
-  LoadingScreen as default
+  u as LoadingScreen,
+  u as default
 };
+//# sourceMappingURL=LoadingScreen.js.map

package/dist/components/LoadingScreen/LoadingScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingScreen.js","sources":["../../../src/components/LoadingScreen/LoadingScreen.tsx"],"sourcesContent":["import { forwardRef, Ref } from 'react';\n\nimport clsx from 'clsx';\n\nimport usePaths from '../../core/usePaths/usePaths';\n\nexport interface LoadingScreenProps {\n  position?: boolean;\n  caption?: string;\n}\n\nexport const LoadingScreen = forwardRef(\n  (\n    { position = true, caption }: LoadingScreenProps,\n    ref: Ref<HTMLDivElement>,\n  ) => {\n    const [imagePath] = usePaths();\n    const image = `${imagePath}/loading/screen-loading.gif`;\n\n    const containerClasses = clsx(\n      'top-0 end-0 start-0 bottom-0 d-grid justify-content-center align-content-center align-items-center z-2000',\n      {\n        'position-fixed': !position,\n        'position-static': position,\n      },\n    );\n\n    const captionClasses = clsx('text-center pt-12', {\n      'text-white': !position,\n    });\n\n    return (\n      <>\n        <div ref={ref} className={containerClasses}>\n          <div className=\"bg-white rounded-circle mx-auto w-25\">\n            <img src={image} alt=\"loading\" />\n          </div>\n          {caption && <div className={captionClasses}>{caption}</div>}\n        </div>\n        {!position && <div className=\"modal-backdrop fade show\"></div>}\n      </>\n    );\n  },\n);\n\nLoadingScreen.displayName = 'LoadingScreen';\n\nexport default LoadingScreen;\n"],"names":["LoadingScreen","position","caption","ref","imagePath","usePaths","image","containerClasses","clsx","captionClasses","jsxs","Fragment","jsx"],"mappings":";;;;AAWaA,MAAAA,sBACX,CACE;AAAA,EAAEC,UAAAA,IAAW;AAAA,EAAMC,SAAAA;AAA4B,GAC/CC,MACG;AACG,QAAA,CAACC,CAAS,IAAIC,KACdC,IAAQ,GAAGF,CAAS,+BAEpBG,IAAmBC,EACvB,6GACA;AAAA,IACE,kBAAkB,CAACP;AAAAA,IACnB,mBAAmBA;AAAAA,EAAAA,CAEvB,GAEMQ,IAAiBD,EAAK,qBAAqB;AAAA,IAC/C,cAAc,CAACP;AAAAA,EAAAA,CAChB;AAED,SAEI,gBAAAS,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAD,EAAA,OAAA,EAAI,KAAAP,GAAU,WAAWI,GACxB,UAAA;AAAA,MAAC,gBAAAK,EAAA,OAAA,EAAI,WAAU,wCACb,UAAA,gBAAAA,EAAC,SAAI,KAAKN,GAAO,KAAI,UAAA,CAAS,EAChC,CAAA;AAAA,MACCJ,KAAW,gBAAAU,EAAC,OAAI,EAAA,WAAWH,GAAiBP,UAAQA,GAAA;AAAA,IAAA,GACvD;AAAA,IACC,CAACD,KAAa,gBAAAW,EAAA,OAAA,EAAI,WAAU,2BAA2B,CAAA;AAAA,EAC1D,EAAA,CAAA;AAEJ,CACF;"}

package/dist/components/Logo/Logo.js

@@ -1,15 +1,16 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-const Logo = /* @__PURE__ */ forwardRef(({
-  src,
-  is1d,
-  translate = "Retour accueil"
-}, ref) => {
-  const classes = clsx("navbar-brand d-none d-md-block");
-  return /* @__PURE__ */ jsx("a", { ref, className: classes, href: "/timeline/timeline", "aria-label": translate, children: /* @__PURE__ */ jsx("img", { className: "logo", src, alt: `logo ${is1d ? "ONE" : "NEO"}`, width: "300", height: "52" }) });
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import s from "clsx";
+const f = /* @__PURE__ */ i(({
+  src: e,
+  is1d: a,
+  translate: l = "Retour accueil"
+}, r) => {
+  const t = s("navbar-brand d-none d-md-block");
+  return /* @__PURE__ */ o("a", { ref: r, className: t, href: "/timeline/timeline", "aria-label": l, children: /* @__PURE__ */ o("img", { className: "logo", src: e, alt: `logo ${a ? "ONE" : "NEO"}`, width: "300", height: "52" }) });
 });
 export {
-  Logo,
-  Logo as default
+  f as Logo,
+  f as default
 };
+//# sourceMappingURL=Logo.js.map

package/dist/components/Logo/Logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.js","sources":["../../../src/components/Logo/Logo.tsx"],"sourcesContent":["import { forwardRef, Ref } from 'react';\n\nimport clsx from 'clsx';\n\nexport interface LogoProps {\n  src: string;\n  is1d?: boolean;\n  translate?: string;\n}\n\nexport const Logo = forwardRef(\n  (\n    { src, is1d, translate = 'Retour accueil' }: LogoProps,\n    ref: Ref<HTMLAnchorElement>,\n  ) => {\n    const classes = clsx('navbar-brand d-none d-md-block');\n    const logo = `logo ${is1d ? 'ONE' : 'NEO'}`;\n    return (\n      <a\n        ref={ref}\n        className={classes}\n        href=\"/timeline/timeline\"\n        aria-label={translate}\n      >\n        <img className=\"logo\" src={src} alt={logo} width=\"300\" height=\"52\" />\n      </a>\n    );\n  },\n);\n\nLogo.displayName = 'Logo';\n\nexport default Logo;\n"],"names":["Logo","src","is1d","translate","ref","classes","clsx","jsx"],"mappings":";;;AAUaA,MAAAA,sBACX,CACE;AAAA,EAAEC,KAAAA;AAAAA,EAAKC,MAAAA;AAAAA,EAAMC,WAAAA,IAAY;AAA4B,GACrDC,MACG;AACGC,QAAAA,IAAUC,EAAK,gCAAgC;AAGnD,SAAA,gBAAAC,EAAC,OACC,KAAAH,GACA,WAAWC,GACX,MAAK,sBACL,cAAYF,GAEZ,UAAA,gBAAAI,EAAC,SAAI,WAAU,QAAO,KAAAN,GAAU,KARvB,QAAQC,IAAO,QAAQ,KAAK,IAQM,OAAM,OAAM,QAAO,KAAI,CAAA,EACpE,CAAA;AAEJ,CACF;"}

package/dist/components/Menu/Menu.js

@@ -1,58 +1,59 @@
-import { jsx } from "react/jsx-runtime";
-import { usePrevious } from "@uidotdev/usehooks";
-import { useRef, useState, useEffect, useMemo } from "react";
-import { MenuButton } from "./MenuButton.js";
-import { MenuContext } from "./MenuContext.js";
-import { MenuItem } from "./MenuItem.js";
-const Menu = ({
-  label,
-  children
+import { jsx as i } from "react/jsx-runtime";
+import { usePrevious as M } from "@uidotdev/usehooks";
+import { useRef as p, useState as k, useEffect as C, useMemo as d } from "react";
+import { MenuButton as P } from "./MenuButton.js";
+import { MenuContext as y } from "./MenuContext.js";
+import { MenuItem as z } from "./MenuItem.js";
+const x = ({
+  label: u,
+  children: b
 }) => {
-  const menuRef = useRef(null), menuItems = useRef(/* @__PURE__ */ new Set()).current, [currentIndex, setCurrentIndex] = useState(0), previousIndex = usePrevious(currentIndex) ?? 0;
-  useEffect(() => {
-    var _a, _b;
-    if (currentIndex !== previousIndex) {
-      const items = Array.from(menuItems), currentNode = (_a = items[currentIndex]) == null ? void 0 : _a.firstChild, previousNode = (_b = items[previousIndex]) == null ? void 0 : _b.firstChild;
-      previousNode == null || previousNode.setAttribute("tabindex", "-1"), currentNode == null || currentNode.setAttribute("tabindex", "0"), currentNode == null || currentNode.focus({
+  const c = p(null), r = p(/* @__PURE__ */ new Set()).current, [t, n] = k(0), o = M(t) ?? 0;
+  C(() => {
+    var e, l;
+    if (t !== o) {
+      const f = Array.from(r), s = (e = f[t]) == null ? void 0 : e.firstChild, a = (l = f[o]) == null ? void 0 : l.firstChild;
+      a == null || a.setAttribute("tabindex", "-1"), s == null || s.setAttribute("tabindex", "0"), s == null || s.focus({
         preventScroll: !0
       });
     }
-  }, [currentIndex, previousIndex, menuItems]);
-  const first = () => setCurrentIndex(0), last = () => setCurrentIndex(menuItems.size - 1), next = () => {
-    const index = currentIndex === menuItems.size - 1 ? 0 : currentIndex + 1;
-    setCurrentIndex(index);
-  }, previous = () => {
-    const index = currentIndex === 0 ? menuItems.size - 1 : currentIndex - 1;
-    setCurrentIndex(index);
-  }, onKeyDown = (event) => {
-    switch (event.stopPropagation(), event.code) {
+  }, [t, o, r]);
+  const h = () => n(0), w = () => n(r.size - 1), D = () => {
+    const e = t === r.size - 1 ? 0 : t + 1;
+    n(e);
+  }, I = () => {
+    const e = t === 0 ? r.size - 1 : t - 1;
+    n(e);
+  }, v = (e) => {
+    switch (e.stopPropagation(), e.code) {
       case "ArrowUp":
-        event.preventDefault(), previous();
+        e.preventDefault(), I();
         break;
       case "ArrowDown":
-        event.preventDefault(), next();
+        e.preventDefault(), D();
         break;
     }
-    switch (event.code) {
+    switch (e.code) {
       case "End":
-        event.preventDefault(), last();
+        e.preventDefault(), w();
         break;
       case "Home":
-        event.preventDefault(), first();
+        e.preventDefault(), h();
         break;
     }
-  }, childProps = useMemo(() => ({
+  }, m = d(() => ({
     "data-menubar-menuitem": "",
     role: "menuitem"
-  }), []), values = useMemo(() => ({
-    menuRef,
-    menuItems,
-    childProps
-  }), [childProps, menuItems]);
-  return /* @__PURE__ */ jsx(MenuContext.Provider, { value: values, children: /* @__PURE__ */ jsx("nav", { "aria-label": label, className: "menu", children: /* @__PURE__ */ jsx("ul", { ref: menuRef, role: "menubar", "aria-label": label, onKeyDown, "data-menubar-list": !0, className: "list-unstyled d-flex flex-column gap-4", children }) }) });
+  }), []), A = d(() => ({
+    menuRef: c,
+    menuItems: r,
+    childProps: m
+  }), [m, r]);
+  return /* @__PURE__ */ i(y.Provider, { value: A, children: /* @__PURE__ */ i("nav", { "aria-label": u, className: "menu", children: /* @__PURE__ */ i("ul", { ref: c, role: "menubar", "aria-label": u, onKeyDown: v, "data-menubar-list": !0, className: "list-unstyled d-flex flex-column gap-4", children: b }) }) });
 };
-Menu.Item = MenuItem;
-Menu.Button = MenuButton;
+x.Item = z;
+x.Button = P;
 export {
-  Menu
+  x as Menu
 };
+//# sourceMappingURL=Menu.js.map

package/dist/components/Menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sources":["../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { usePrevious } from '@uidotdev/usehooks';\nimport { ReactNode, useEffect, useMemo, useRef, useState } from 'react';\nimport { MenuButton } from './MenuButton';\nimport { MenuContext } from './MenuContext';\nimport { MenuItem } from './MenuItem';\n\n/**\n * Menu Component to navigate between routes with react-router-dom\n */\nexport const Menu = ({\n  label,\n  children,\n}: {\n  label: string;\n  children: ReactNode;\n}) => {\n  const menuRef = useRef<HTMLUListElement | null>(null);\n  const menuItems = useRef<Set<HTMLLIElement>>(new Set()).current;\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const previousIndex = usePrevious(currentIndex) ?? 0;\n\n  useEffect(() => {\n    if (currentIndex !== previousIndex) {\n      const items = Array.from(menuItems);\n      const currentNode = items[currentIndex]?.firstChild;\n      const previousNode = items[previousIndex]?.firstChild;\n\n      // https://www.w3.org/TR/wai-aria-practices/#kbd_roving_tabindex\n      // @ts-ignore\n      previousNode?.setAttribute('tabindex', '-1');\n      // @ts-ignore\n      currentNode?.setAttribute('tabindex', '0');\n      // @ts-ignore\n      currentNode?.focus({ preventScroll: true });\n    }\n  }, [currentIndex, previousIndex, menuItems]);\n\n  const first = () => setCurrentIndex(0);\n  const last = () => setCurrentIndex(menuItems.size - 1);\n\n  const next = () => {\n    const index = currentIndex === menuItems.size - 1 ? 0 : currentIndex + 1;\n    setCurrentIndex(index);\n  };\n\n  const previous = () => {\n    const index = currentIndex === 0 ? menuItems.size - 1 : currentIndex - 1;\n    setCurrentIndex(index);\n  };\n\n  const onKeyDown = (event: React.KeyboardEvent<HTMLUListElement>) => {\n    event.stopPropagation();\n\n    switch (event.code) {\n      case 'ArrowUp':\n        event.preventDefault();\n        previous();\n        break;\n      case 'ArrowDown':\n        event.preventDefault();\n        next();\n        break;\n      default:\n        break;\n    }\n    switch (event.code) {\n      case 'End':\n        event.preventDefault();\n        last();\n        break;\n      case 'Home':\n        event.preventDefault();\n        first();\n        break;\n      default:\n        break;\n    }\n  };\n\n  const childProps = useMemo(\n    () => ({\n      'data-menubar-menuitem': '',\n      role: 'menuitem',\n    }),\n    [],\n  );\n\n  const values = useMemo(\n    () => ({\n      menuRef,\n      menuItems,\n      childProps,\n    }),\n    [childProps, menuItems],\n  );\n\n  return (\n    <MenuContext.Provider value={values}>\n      <nav aria-label={label} className=\"menu\">\n        <ul\n          ref={menuRef}\n          role=\"menubar\"\n          aria-label={label}\n          onKeyDown={onKeyDown}\n          data-menubar-list\n          className=\"list-unstyled d-flex flex-column gap-4\"\n        >\n          {children}\n        </ul>\n      </nav>\n    </MenuContext.Provider>\n  );\n};\n\nMenu.Item = MenuItem;\nMenu.Button = MenuButton;\n"],"names":["Menu","label","children","menuRef","useRef","menuItems","Set","current","currentIndex","setCurrentIndex","useState","previousIndex","usePrevious","useEffect","items","Array","from","currentNode","firstChild","previousNode","setAttribute","focus","preventScroll","first","last","size","next","index","previous","onKeyDown","event","stopPropagation","code","preventDefault","childProps","useMemo","role","values","jsx","MenuContext","Item","MenuItem","Button","MenuButton"],"mappings":";;;;;;AASO,MAAMA,IAAOA,CAAC;AAAA,EACnBC,OAAAA;AAAAA,EACAC,UAAAA;AAIF,MAAM;AACEC,QAAAA,IAAUC,EAAgC,IAAI,GAC9CC,IAAYD,EAA+BE,oBAAAA,IAAK,CAAA,EAAEC,SAClD,CAACC,GAAcC,CAAe,IAAIC,EAAS,CAAC,GAC5CC,IAAgBC,EAAYJ,CAAY,KAAK;AAEnDK,EAAAA,EAAU,MAAM;;AACd,QAAIL,MAAiBG,GAAe;AAC5BG,YAAAA,IAAQC,MAAMC,KAAKX,CAAS,GAC5BY,KAAcH,IAAAA,EAAMN,CAAY,MAAlBM,gBAAAA,EAAqBI,YACnCC,KAAeL,IAAAA,EAAMH,CAAa,MAAnBG,gBAAAA,EAAsBI;AAI7BE,MAAAA,KAAAA,QAAAA,EAAAA,aAAa,YAAY,OAE1BA,KAAAA,QAAAA,EAAAA,aAAa,YAAY,MAEtCH,KAAAA,QAAAA,EAAaI,MAAM;AAAA,QAAEC,eAAe;AAAA,MAAA;AAAA,IACtC;AAAA,EACC,GAAA,CAACd,GAAcG,GAAeN,CAAS,CAAC;AAErCkB,QAAAA,IAAQA,MAAMd,EAAgB,CAAC,GAC/Be,IAAOA,MAAMf,EAAgBJ,EAAUoB,OAAO,CAAC,GAE/CC,IAAOA,MAAM;AACjB,UAAMC,IAAQnB,MAAiBH,EAAUoB,OAAO,IAAI,IAAIjB,IAAe;AACvEC,IAAAA,EAAgBkB,CAAK;AAAA,EAAA,GAGjBC,IAAWA,MAAM;AACrB,UAAMD,IAAQnB,MAAiB,IAAIH,EAAUoB,OAAO,IAAIjB,IAAe;AACvEC,IAAAA,EAAgBkB,CAAK;AAAA,EAAA,GAGjBE,IAAYA,CAACC,MAAiD;AAGlE,YAFAA,EAAMC,gBAAgB,GAEdD,EAAME,MAAI;AAAA,MAChB,KAAK;AACHF,QAAAA,EAAMG,eAAe,GACZL;AACT;AAAA,MACF,KAAK;AACHE,QAAAA,EAAMG,eAAe,GAChBP;AACL;AAAA,IAGJ;AACA,YAAQI,EAAME,MAAI;AAAA,MAChB,KAAK;AACHF,QAAAA,EAAMG,eAAe,GAChBT;AACL;AAAA,MACF,KAAK;AACHM,QAAAA,EAAMG,eAAe,GACfV;AACN;AAAA,IAGJ;AAAA,EAAA,GAGIW,IAAaC,EACjB,OAAO;AAAA,IACL,yBAAyB;AAAA,IACzBC,MAAM;AAAA,EAAA,IAER,CACF,CAAA,GAEMC,IAASF,EACb,OAAO;AAAA,IACLhC,SAAAA;AAAAA,IACAE,WAAAA;AAAAA,IACA6B,YAAAA;AAAAA,EAEF,IAAA,CAACA,GAAY7B,CAAS,CACxB;AAGE,SAAA,gBAAAiC,EAACC,EAAY,UAAZ,EAAqB,OAAOF,GAC3B,UAAA,gBAAAC,EAAC,OAAI,EAAA,cAAYrC,GAAO,WAAU,QAChC,UAAA,gBAAAqC,EAAC,MACC,EAAA,KAAKnC,GACL,MAAK,WACL,cAAYF,GACZ,WAAA4B,GACA,qBAAiB,IACjB,WAAU,0CAET3B,UAAAA,EACH,CAAA,EAAA,CACF,EACF,CAAA;AAEJ;AAEAF,EAAKwC,OAAOC;AACZzC,EAAK0C,SAASC;"}

package/dist/components/Menu/MenuButton.js

@@ -1,21 +1,22 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useMenuContext } from "./MenuContext.js";
-import { Button } from "../Button/Button.js";
-const MenuButton = (props) => {
+import { jsx as i } from "react/jsx-runtime";
+import m from "clsx";
+import { useMenuContext as l } from "./MenuContext.js";
+import { Button as a } from "../Button/Button.js";
+const x = (t) => {
   const {
-    selected,
-    leftIcon,
-    rightIcon,
-    onClick,
-    children
-  } = props, {
-    childProps
-  } = useMenuContext();
-  return /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", className: clsx("stack w-100", {
-    selected
-  }), leftIcon, rightIcon, onClick, ...childProps, children });
+    selected: o,
+    leftIcon: r,
+    rightIcon: n,
+    onClick: c,
+    children: e
+  } = t, {
+    childProps: s
+  } = l();
+  return /* @__PURE__ */ i(a, { variant: "ghost", color: "tertiary", className: m("stack w-100", {
+    selected: o
+  }), leftIcon: r, rightIcon: n, onClick: c, ...s, children: e });
 };
 export {
-  MenuButton
+  x as MenuButton
 };
+//# sourceMappingURL=MenuButton.js.map

package/dist/components/Menu/MenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.js","sources":["../../../src/components/Menu/MenuButton.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { Button, ButtonProps } from '../Button';\nimport { useMenuContext } from './MenuContext';\n\nexport type MenuButtonProps = Pick<\n  ButtonProps,\n  'children' | 'leftIcon' | 'rightIcon' | 'onClick'\n> & {\n  selected: boolean;\n};\n\nexport const MenuButton = (props: Partial<MenuButtonProps>) => {\n  const { selected, leftIcon, rightIcon, onClick, children } = props;\n\n  const { childProps } = useMenuContext();\n\n  return (\n    <Button\n      variant=\"ghost\"\n      color=\"tertiary\"\n      className={clsx('stack w-100', {\n        selected: selected,\n      })}\n      leftIcon={leftIcon}\n      rightIcon={rightIcon}\n      onClick={onClick}\n      {...childProps}\n    >\n      {children}\n    </Button>\n  );\n};\n"],"names":["MenuButton","props","selected","leftIcon","rightIcon","onClick","children","childProps","useMenuContext","jsx","Button","clsx"],"mappings":";;;;AAWaA,MAAAA,IAAaA,CAACC,MAAoC;AACvD,QAAA;AAAA,IAAEC,UAAAA;AAAAA,IAAUC,UAAAA;AAAAA,IAAUC,WAAAA;AAAAA,IAAWC,SAAAA;AAAAA,IAASC,UAAAA;AAAAA,EAAaL,IAAAA,GAEvD;AAAA,IAAEM,YAAAA;AAAAA,MAAeC,EAAe;AAGpC,SAAA,gBAAAC,EAACC,KACC,SAAQ,SACR,OAAM,YACN,WAAWC,EAAK,eAAe;AAAA,IAC7BT,UAAAA;AAAAA,EAAAA,CACD,GACD,UAAAC,GACA,WAAAC,GACA,SAAAC,GACIE,GAAAA,GAEHD,UAAAA,EACH,CAAA;AAEJ;"}

package/dist/components/Menu/MenuContext.js

@@ -1,12 +1,13 @@
-import { createContext, useContext } from "react";
-const MenuContext = /* @__PURE__ */ createContext(null);
-function useMenuContext() {
-  const context = useContext(MenuContext);
-  if (!context)
+import { createContext as t, useContext as n } from "react";
+const o = /* @__PURE__ */ t(null);
+function u() {
+  const e = n(o);
+  if (!e)
     throw new Error("Cannot be rendered outside the Menu component");
-  return context;
+  return e;
 }
 export {
-  MenuContext,
-  useMenuContext
+  o as MenuContext,
+  u as useMenuContext
 };
+//# sourceMappingURL=MenuContext.js.map

package/dist/components/Menu/MenuContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuContext.js","sources":["../../../src/components/Menu/MenuContext.tsx"],"sourcesContent":["import { createContext, Ref, useContext } from 'react';\n\nexport interface MenuContextProps {\n  menuRef: Ref<HTMLUListElement | null>;\n  menuItems: Set<HTMLLIElement>;\n  childProps: {\n    [key: string]: string;\n  };\n}\n\nexport const MenuContext = createContext<MenuContextProps | null>(null!);\n\nexport function useMenuContext() {\n  const context = useContext(MenuContext);\n  if (!context) {\n    throw new Error(`Cannot be rendered outside the Menu component`);\n  }\n  return context;\n}\n"],"names":["MenuContext","useMenuContext","context","useContext","Error"],"mappings":";AAUaA,MAAAA,sBAAqD,IAAK;AAEhE,SAASC,IAAiB;AACzBC,QAAAA,IAAUC,EAAWH,CAAW;AACtC,MAAI,CAACE;AACG,UAAA,IAAIE,MAAM,+CAA+C;AAE1DF,SAAAA;AACT;"}

package/dist/components/Menu/MenuItem.js

@@ -1,19 +1,20 @@
-import { jsx } from "react/jsx-runtime";
-import { useRef, useId, useEffect } from "react";
-import { useMenuContext } from "./MenuContext.js";
-const MenuItem = ({
-  children
+import { jsx as m } from "react/jsx-runtime";
+import { useRef as u, useId as s, useEffect as i } from "react";
+import { useMenuContext as f } from "./MenuContext.js";
+const a = ({
+  children: n
 }) => {
-  const itemRef = useRef(null), id = useId(), {
-    menuItems
-  } = useMenuContext();
-  return useEffect(() => {
-    const itemNode = itemRef.current;
-    return itemNode && menuItems.add(itemNode), () => {
-      itemNode && menuItems.delete(itemNode);
+  const r = u(null), o = s(), {
+    menuItems: t
+  } = f();
+  return i(() => {
+    const e = r.current;
+    return e && t.add(e), () => {
+      e && t.delete(e);
     };
-  }, [menuItems]), /* @__PURE__ */ jsx("li", { ref: itemRef, id, role: "none", "data-menubar-listitem": !0, children });
+  }, [t]), /* @__PURE__ */ m("li", { ref: r, id: o, role: "none", "data-menubar-listitem": !0, children: n });
 };
 export {
-  MenuItem
+  a as MenuItem
 };
+//# sourceMappingURL=MenuItem.js.map

package/dist/components/Menu/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","sources":["../../../src/components/Menu/MenuItem.tsx"],"sourcesContent":["import { ReactNode, useEffect, useId, useRef } from 'react';\nimport { useMenuContext } from './MenuContext';\n\nexport const MenuItem = ({ children }: { children: ReactNode }) => {\n  const itemRef = useRef<HTMLLIElement | null>(null);\n  const id = useId();\n\n  const { menuItems } = useMenuContext();\n\n  useEffect(() => {\n    const itemNode = itemRef.current;\n\n    if (itemNode) {\n      menuItems.add(itemNode);\n    }\n\n    return () => {\n      if (itemNode) {\n        menuItems.delete(itemNode);\n      }\n    };\n  }, [menuItems]);\n\n  return (\n    <li ref={itemRef} id={id} role=\"none\" data-menubar-listitem>\n      {children}\n    </li>\n  );\n};\n"],"names":["MenuItem","children","itemRef","useRef","id","useId","menuItems","useMenuContext","useEffect","itemNode","current","add","delete","jsx"],"mappings":";;;AAGO,MAAMA,IAAWA,CAAC;AAAA,EAAEC,UAAAA;AAAkC,MAAM;AAC3DC,QAAAA,IAAUC,EAA6B,IAAI,GAC3CC,IAAKC,KAEL;AAAA,IAAEC,WAAAA;AAAAA,MAAcC,EAAe;AAErCC,SAAAA,EAAU,MAAM;AACd,UAAMC,IAAWP,EAAQQ;AAEzB,WAAID,KACFH,EAAUK,IAAIF,CAAQ,GAGjB,MAAM;AACX,MAAIA,KACFH,EAAUM,OAAOH,CAAQ;AAAA,IAC3B;AAAA,EACF,GACC,CAACH,CAAS,CAAC,GAGZ,gBAAAO,EAAC,QAAG,KAAKX,GAAS,IAAAE,GAAQ,MAAK,QAAO,yBAAqB,IACxDH,UAAAA,EACH,CAAA;AAEJ;"}

package/dist/components/Modal/Modal.js

@@ -1,45 +1,45 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { forwardRef, useEffect } from "react";
-import { useTransition, animated } from "@react-spring/web";
-import clsx from "clsx";
-import ModalBody from "./ModalBody.js";
-import { ModalContext } from "./ModalContext.js";
-import ModalFooter from "./ModalFooter.js";
-import ModalHeader from "./ModalHeader.js";
-import ModalSubtitle from "./ModalSubtitle.js";
-import useClickOutside from "../../hooks/useClickOutside/useClickOutside.js";
-import useTrapFocus from "../../hooks/useTrapFocus/useTrapFocus.js";
-import useKeyPress from "../../hooks/useKeyPress/useKeyPress.js";
-const Root = /* @__PURE__ */ forwardRef((props, ref) => {
+import { jsx as e, jsxs as I, Fragment as _ } from "react/jsx-runtime";
+import { forwardRef as F, useEffect as N } from "react";
+import { useTransition as R, animated as n } from "@react-spring/web";
+import f from "clsx";
+import $ from "./ModalBody.js";
+import { ModalContext as j } from "./ModalContext.js";
+import k from "./ModalFooter.js";
+import B from "./ModalHeader.js";
+import E from "./ModalSubtitle.js";
+import H from "../../hooks/useClickOutside/useClickOutside.js";
+import P from "../../hooks/useTrapFocus/useTrapFocus.js";
+import S from "../../hooks/useKeyPress/useKeyPress.js";
+const T = /* @__PURE__ */ F((p, u) => {
   const {
-    id,
-    isOpen,
-    onModalClose,
-    size = "md",
-    viewport = !1,
-    scrollable = !1,
-    focusId,
-    children
-  } = props, ariaLabelId = `aria_label_${id}`, ariaDescriptionId = `aria_desc_${id}`, modalRef = useClickOutside(onModalClose), trapRef = useTrapFocus();
-  useKeyPress(onModalClose, ["Escape"]), useEffect(() => {
-    if (isOpen && (document.body.style.overflow = "hidden", focusId)) {
-      const elem = document.getElementById(focusId);
-      elem == null || elem.focus();
+    id: a,
+    isOpen: r,
+    onModalClose: d,
+    size: s = "md",
+    viewport: b = !1,
+    scrollable: y = !1,
+    focusId: t,
+    children: v
+  } = p, i = `aria_label_${a}`, c = `aria_desc_${a}`, x = H(d), h = P();
+  S(d, ["Escape"]), N(() => {
+    if (r && (document.body.style.overflow = "hidden", t)) {
+      const o = document.getElementById(t);
+      o == null || o.focus();
     }
     return () => {
       document.body.style.overflow = "";
     };
-  }, [focusId, isOpen]);
-  const modalClasses = clsx("modal fade", {
-    "show d-block": isOpen,
-    "modal-scrollable": scrollable,
-    viewport,
-    [`modal-${size}`]: size
-  }), dialogClasses = clsx("modal-dialog"), modalContextValue = {
-    ariaLabelId,
-    ariaDescriptionId,
-    focusId
-  }, transition = useTransition(isOpen, {
+  }, [t, r]);
+  const M = f("modal fade", {
+    "show d-block": r,
+    "modal-scrollable": y,
+    viewport: b,
+    [`modal-${s}`]: s
+  }), g = f("modal-dialog"), w = {
+    ariaLabelId: i,
+    ariaDescriptionId: c,
+    focusId: t
+  }, C = R(r, {
     from: {
       x: -50,
       opacity: 0
@@ -53,21 +53,22 @@ const Root = /* @__PURE__ */ forwardRef((props, ref) => {
       opacity: 0
     }
   });
-  return /* @__PURE__ */ jsx(ModalContext.Provider, { value: modalContextValue, children: transition((style, isOpen2) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    isOpen2 && /* @__PURE__ */ jsx(animated.div, { id, ref, role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelId, "aria-describedby": ariaDescriptionId, className: modalClasses, style, tabIndex: -1, children: /* @__PURE__ */ jsx("div", { id: `${id}_ref`, ref: (node) => {
-      modalRef.current = node, isOpen2 && (trapRef.current = node);
-    }, className: dialogClasses, children: /* @__PURE__ */ jsx("div", { className: "modal-content", children }) }) }),
-    isOpen2 && /* @__PURE__ */ jsx(animated.div, { className: "modal-backdrop fade show", style: {
+  return /* @__PURE__ */ e(j.Provider, { value: w, children: C((o, l) => /* @__PURE__ */ I(_, { children: [
+    l && /* @__PURE__ */ e(n.div, { id: a, ref: u, role: "dialog", "aria-modal": "true", "aria-labelledby": i, "aria-describedby": c, className: M, style: o, tabIndex: -1, children: /* @__PURE__ */ e("div", { id: `${a}_ref`, ref: (m) => {
+      x.current = m, l && (h.current = m);
+    }, className: g, children: /* @__PURE__ */ e("div", { className: "modal-content", children: v }) }) }),
+    l && /* @__PURE__ */ e(n.div, { className: "modal-backdrop fade show", style: {
       opacity: 0.65
     } })
   ] })) });
-}), Modal = /* @__PURE__ */ Object.assign(Root, {
-  Header: ModalHeader,
-  Subtitle: ModalSubtitle,
-  Body: ModalBody,
-  Footer: ModalFooter
+}), W = /* @__PURE__ */ Object.assign(T, {
+  Header: B,
+  Subtitle: E,
+  Body: $,
+  Footer: k
 });
 export {
-  Modal,
-  Modal as default
+  W as Modal,
+  W as default
 };
+//# sourceMappingURL=Modal.js.map

package/dist/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Modal/ModalBody.js

@@ -1,15 +1,16 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useModalContext } from "./ModalContext.js";
-const ModalBody = (props) => {
+import { jsx as c } from "react/jsx-runtime";
+import d from "clsx";
+import { useModalContext as e } from "./ModalContext.js";
+const n = (o) => {
   const {
-    ariaDescriptionId
-  } = useModalContext(), {
-    children,
-    className
-  } = props, classes = clsx("modal-body", className);
-  return /* @__PURE__ */ jsx("div", { id: ariaDescriptionId, className: classes, children });
+    ariaDescriptionId: s
+  } = e(), {
+    children: t,
+    className: a
+  } = o, r = d("modal-body", a);
+  return /* @__PURE__ */ c("div", { id: s, className: r, children: t });
 };
 export {
-  ModalBody as default
+  n as default
 };
+//# sourceMappingURL=ModalBody.js.map

package/dist/components/Modal/ModalBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.js","sources":["../../../src/components/Modal/ModalBody.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport clsx from 'clsx';\n\nimport { useModalContext } from './ModalContext';\n\nexport interface ModalBodyProps {\n  /**\n   *Children\n   */\n  children: ReactNode;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string | null;\n}\n\n/**\n * Modal Body\n */\nconst ModalBody = (props: ModalBodyProps) => {\n  const { ariaDescriptionId } = useModalContext();\n  const { children, className } = props;\n\n  const classes = clsx('modal-body', className);\n\n  return (\n    <div id={ariaDescriptionId} className={classes}>\n      {children}\n    </div>\n  );\n};\n\nModalBody.displayName = 'Modal.Body';\n\nexport default ModalBody;\n"],"names":["ModalBody","props","ariaDescriptionId","useModalContext","children","className","classes","clsx"],"mappings":";;;AAoBMA,MAAAA,IAAYA,CAACC,MAA0B;AACrC,QAAA;AAAA,IAAEC,mBAAAA;AAAAA,MAAsBC,EAAgB,GACxC;AAAA,IAAEC,UAAAA;AAAAA,IAAUC,WAAAA;AAAAA,EAAcJ,IAAAA,GAE1BK,IAAUC,EAAK,cAAcF,CAAS;AAE5C,2BACG,OAAI,EAAA,IAAIH,GAAmB,WAAWI,GACpCF,UAAAA,EACH,CAAA;AAEJ;"}

package/dist/components/Modal/ModalContext.js

@@ -1,15 +1,16 @@
-import { createContext, useContext } from "react";
-const ModalContext = /* @__PURE__ */ createContext({
+import { createContext as o, useContext as e } from "react";
+const n = /* @__PURE__ */ o({
   ariaLabelId: "",
   ariaDescriptionId: "",
   focusId: ""
-}), useModalContext = () => {
-  const context = useContext(ModalContext);
-  if (!context)
+}), a = () => {
+  const t = e(n);
+  if (!t)
     throw new Error("Cannot be rendered outside the Modal component");
-  return context;
+  return t;
 };
 export {
-  ModalContext,
-  useModalContext
+  n as ModalContext,
+  a as useModalContext
 };
+//# sourceMappingURL=ModalContext.js.map

package/dist/components/Modal/ModalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalContext.js","sources":["../../../src/components/Modal/ModalContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface ModalContextProps {\n  ariaLabelId: string;\n  ariaDescriptionId: string;\n  focusId: string | undefined;\n}\n\nexport const ModalContext = createContext<ModalContextProps>({\n  ariaLabelId: '',\n  ariaDescriptionId: '',\n  focusId: '',\n});\n\nModalContext.displayName = 'ModalContext';\n\nexport const useModalContext = () => {\n  const context = useContext(ModalContext);\n  if (!context) {\n    throw new Error(`Cannot be rendered outside the Modal component`);\n  }\n  return context;\n};\n"],"names":["ModalContext","createContext","ariaLabelId","ariaDescriptionId","focusId","useModalContext","context","useContext","Error"],"mappings":";AAQO,MAAMA,IAAgD,gBAAAC,EAAA;AAAA,EAC3DC,aAAa;AAAA,EACbC,mBAAmB;AAAA,EACnBC,SAAS;AACX,CAAC,GAIYC,IAAkBA,MAAM;AAC7BC,QAAAA,IAAUC,EAAWP,CAAY;AACvC,MAAI,CAACM;AACG,UAAA,IAAIE,MAAM,gDAAgD;AAE3DF,SAAAA;AACT;"}

package/dist/components/Modal/ModalFooter.js

@@ -1,5 +1,6 @@
-import { jsx } from "react/jsx-runtime";
-const ModalFooter = (props) => /* @__PURE__ */ jsx("div", { className: "modal-footer", children: props.children });
+import { jsx as e } from "react/jsx-runtime";
+const a = (o) => /* @__PURE__ */ e("div", { className: "modal-footer", children: o.children });
 export {
-  ModalFooter as default
+  a as default
 };
+//# sourceMappingURL=ModalFooter.js.map

package/dist/components/Modal/ModalFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.js","sources":["../../../src/components/Modal/ModalFooter.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport interface ModalFooterProps {\n  children: ReactNode;\n}\n/**\n * Modal Footer\n */\nconst ModalFooter = (props: ModalFooterProps) => (\n  <div className=\"modal-footer\">{props.children}</div>\n);\n\nModalFooter.displayName = 'Modal.Footer';\n\nexport default ModalFooter;\n"],"names":["ModalFooter","props","jsx","children"],"mappings":";AAQMA,MAAAA,IAAcA,CAACC,MACnB,gBAAAC,EAAC,SAAI,WAAU,gBAAgBD,YAAME,SAAS,CAAA;"}