@edifice.io/react 2.0.0-develop-rc.8 → 2.0.0-develop-rc.14

package/dist/components/Image/Image.js

@@ -1,43 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as j } from "react";
-import a from "clsx";
-import v from "../../core/usePaths/usePaths.js";
-import b from "../../hooks/useImage/useImage.js";
-const R = /* @__PURE__ */ j(({
-  src: s,
-  alt: c,
-  imgPlaceholder: n,
-  ratio: o,
-  objectFit: r,
-  className: i,
-  ...m
-}, l) => {
-  const [f] = v(), g = n ?? `${f}/common/image-placeholder.png`, {
-    imgSrc: p,
-    onError: d
-  } = b({
-    src: s,
-    placeholder: g
-  }), x = {
-    "ratio ratio-1x1": o === "1",
-    "ratio ratio-4x3": o === "4",
-    "ratio ratio-16x9": o === "16",
-    "ratio ratio-21x9": o === "21"
-  }, h = {
-    "object-fit-contain": r === "contain",
-    "object-fit-cover": r === "cover",
-    "object-fit-fill": r === "fill",
-    "object-fit-scale": r === "scale",
-    "object-fit-none": r === "none"
-  }, u = a({
-    ...x
-  }), I = a({
-    ...h
-  }, i), e = /* @__PURE__ */ t("img", { alt: c, onError: d, ref: l, src: p, className: I, ...m });
-  return o ? /* @__PURE__ */ t("div", { className: u, children: e }) : e;
-});
-export {
-  R as Image,
-  R as default
-};
-//# sourceMappingURL=Image.js.map

package/dist/components/Image/Image.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Image.js","sources":["../../../src/components/Image/Image.tsx"],"sourcesContent":["import { forwardRef, Ref } from 'react';\n\nimport clsx from 'clsx';\n\nimport usePaths from '../../core/usePaths/usePaths';\nimport useImage from '../../hooks/useImage/useImage';\n\nexport interface ImageProps extends React.ComponentPropsWithRef<'img'> {\n  /**\n   * Image URL\n   */\n  src: string;\n  /**\n   * Alternative text for a11y\n   */\n  alt: string;\n  /**\n   * Image ratio\n   */\n  ratio?: '1' | '4' | '16' | '21';\n  /**\n   * Object fit property\n   */\n  objectFit?: 'contain' | 'cover' | 'fill' | 'scale' | 'none';\n  /**\n   * Placeholder image as fallback\n   */\n  imgPlaceholder?: string;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\nexport const Image = forwardRef(\n  (\n    {\n      src,\n      alt,\n      imgPlaceholder,\n      ratio,\n      objectFit,\n      className,\n      ...restProps\n    }: ImageProps,\n    ref: Ref<HTMLImageElement>,\n  ) => {\n    const [imagePath] = usePaths();\n    const placeholder =\n      imgPlaceholder ?? `${imagePath}/common/image-placeholder.png`;\n\n    const { imgSrc, onError } = useImage({ src, placeholder });\n\n    const ratioImage = {\n      'ratio ratio-1x1': ratio === '1',\n      'ratio ratio-4x3': ratio === '4',\n      'ratio ratio-16x9': ratio === '16',\n      'ratio ratio-21x9': ratio === '21',\n    };\n\n    const objectImage = {\n      'object-fit-contain': objectFit === 'contain',\n      'object-fit-cover': objectFit === 'cover',\n      'object-fit-fill': objectFit === 'fill',\n      'object-fit-scale': objectFit === 'scale',\n      'object-fit-none': objectFit === 'none',\n    };\n\n    const ratioClasses = clsx({\n      ...ratioImage,\n    });\n\n    const classes = clsx(\n      {\n        ...objectImage,\n      },\n      className,\n    );\n\n    const renderImage = (\n      <img\n        alt={alt}\n        onError={onError}\n        ref={ref}\n        src={imgSrc}\n        className={classes}\n        {...restProps}\n      />\n    );\n\n    if (ratio) {\n      return <div className={ratioClasses}>{renderImage}</div>;\n    }\n\n    return renderImage;\n  },\n);\n\nImage.displayName = 'Image';\n\nexport default Image;\n"],"names":["Image","src","alt","imgPlaceholder","ratio","objectFit","className","restProps","ref","imagePath","usePaths","placeholder","imgSrc","onError","useImage","ratioImage","objectImage","ratioClasses","clsx","classes","renderImage","jsx"],"mappings":";;;;;AAkCaA,MAAAA,sBACX,CACE;AAAA,EACEC,KAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACA,GAAGC;AACO,GACZC,MACG;AACG,QAAA,CAACC,CAAS,IAAIC,KACdC,IACJR,KAAkB,GAAGM,CAAS,iCAE1B;AAAA,IAAEG,QAAAA;AAAAA,IAAQC,SAAAA;AAAAA,MAAYC,EAAS;AAAA,IAAEb,KAAAA;AAAAA,IAAKU,aAAAA;AAAAA,EAAAA,CAAa,GAEnDI,IAAa;AAAA,IACjB,mBAAmBX,MAAU;AAAA,IAC7B,mBAAmBA,MAAU;AAAA,IAC7B,oBAAoBA,MAAU;AAAA,IAC9B,oBAAoBA,MAAU;AAAA,EAAA,GAG1BY,IAAc;AAAA,IAClB,sBAAsBX,MAAc;AAAA,IACpC,oBAAoBA,MAAc;AAAA,IAClC,mBAAmBA,MAAc;AAAA,IACjC,oBAAoBA,MAAc;AAAA,IAClC,mBAAmBA,MAAc;AAAA,EAAA,GAG7BY,IAAeC,EAAK;AAAA,IACxB,GAAGH;AAAAA,EAAAA,CACJ,GAEKI,IAAUD,EACd;AAAA,IACE,GAAGF;AAAAA,KAELV,CACF,GAEMc,IACH,gBAAAC,EAAA,OAAA,EACC,KAAAnB,GACA,SAAAW,GACA,KAAAL,GACA,KAAKI,GACL,WAAWO,GACPZ,GAAAA,EAEP,CAAA;AAED,SAAIH,IACM,gBAAAiB,EAAA,OAAA,EAAI,WAAWJ,GAAeG,UAAYA,EAAA,CAAA,IAG7CA;AACT,CACF;"}

package/dist/components/ImagePicker/ImagePicker.js

@@ -1,59 +0,0 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { forwardRef as j, useState as R, useEffect as w } from "react";
-import A from "clsx";
-import F from "../../hooks/useDropzone/useDropzone.js";
-import { FormControl as m } from "../Form/FormControl.js";
-import { IconButton as s } from "../Button/IconButton.js";
-import { Icon as p } from "../Icon/Icon.js";
-import { Input as N } from "../Input/Input.js";
-import { Avatar as O } from "../Avatar/Avatar.js";
-import { AppIcon as E } from "../AppIcon/AppIcon.js";
-const Q = /* @__PURE__ */ j(({
-  label: d,
-  addButtonLabel: g = "Add image",
-  deleteButtonLabel: f = "Delete image",
-  src: u,
-  className: h,
-  app: v,
-  onUploadImage: D,
-  onDeleteImage: b
-}, C) => {
-  const [a, i] = R(u || ""), {
-    inputRef: t,
-    files: r,
-    deleteFile: c,
-    handleOnChange: k,
-    handleDragging: l,
-    handleDragLeave: x,
-    handleDrop: y
-  } = F();
-  w(() => {
-    if (r.length > 0) {
-      c(r[0]), i("");
-      const n = r == null ? void 0 : r[0];
-      if (!n) return;
-      i(URL.createObjectURL(n)), D(n);
-    }
-  }, [r]);
-  const z = () => {
-    var n;
-    (n = t.current) == null || n.click();
-  }, I = () => {
-    t.current && (t.current.value = ""), c(r[0]), i(""), b();
-  }, L = A("image-input", h);
-  return /* @__PURE__ */ o(m, { id: "image-input", className: L, onDragEnter: l, onDragOver: l, onDragLeave: x, onDrop: y, ref: C, children: [
-    /* @__PURE__ */ o("div", { className: "image-input-actions gap-8", children: [
-      /* @__PURE__ */ e(s, { "aria-label": g, color: "tertiary", icon: /* @__PURE__ */ e(p, { name: "edit" }), onClick: z, type: "button", variant: "ghost" }),
-      /* @__PURE__ */ e(s, { "aria-label": f, color: "danger", disabled: !a, icon: /* @__PURE__ */ e(p, { name: "delete", size: "20" }), onClick: I, type: "button", variant: "ghost" })
-    ] }),
-    /* @__PURE__ */ o(m.Label, { children: [
-      /* @__PURE__ */ e("span", { className: "visually-hidden", children: d }),
-      /* @__PURE__ */ e(N, { accept: "image/jpeg, image/png", hidden: !0, onChange: k, ref: t, size: "sm", type: "file" }),
-      a ? /* @__PURE__ */ e(O, { alt: "", src: a, size: "xl" }) : /* @__PURE__ */ e(E, { app: v, iconFit: "ratio", size: "160", variant: "rounded" })
-    ] })
-  ] });
-});
-export {
-  Q as ImagePicker
-};
-//# sourceMappingURL=ImagePicker.js.map

package/dist/components/ImagePicker/ImagePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImagePicker.js","sources":["../../../src/components/ImagePicker/ImagePicker.tsx"],"sourcesContent":["import {\n  ComponentPropsWithRef,\n  forwardRef,\n  Ref,\n  useEffect,\n  useState,\n} from 'react';\n\nimport { IWebApp } from '@edifice.io/ts-client';\nimport clsx from 'clsx';\n\nimport { Icon } from '..';\nimport { useDropzone } from '../../hooks';\nimport { AppIcon } from '../AppIcon';\nimport { Avatar } from '../Avatar';\nimport { IconButton } from '../Button';\nimport { FormControl } from '../Form';\nimport { Input } from '../Input';\n\nexport interface ImagePickerProps extends ComponentPropsWithRef<'input'> {\n  /**\n   * Description of the ImagePicker label.\n   */\n  label: string;\n  /**\n   * Accessible description of the add button\n   */\n  addButtonLabel: string;\n  /**\n   * Accessible description of the delete button\n   */\n  deleteButtonLabel: string;\n  /**\n   * Provide a default image as placeholder\n   */\n  src?: string;\n  /**\n   * To show the icon of an application\n   */\n  app?: IWebApp | undefined;\n\n  appCode?: string;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n  /**\n   * Callback when uploading image\n   */\n  onUploadImage: (file: File) => void;\n  /**\n   * Callback when deleting image\n   */\n  onDeleteImage: () => void;\n}\n\nexport const ImagePicker = forwardRef(\n  (\n    {\n      label,\n      addButtonLabel = 'Add image',\n      deleteButtonLabel = 'Delete image',\n      src,\n      className,\n      app,\n      onUploadImage,\n      onDeleteImage,\n    }: ImagePickerProps,\n    ref: Ref<HTMLInputElement>,\n  ) => {\n    const [preview, setPreview] = useState<string>(src || '');\n\n    const {\n      inputRef,\n      files,\n      deleteFile,\n      handleOnChange,\n      handleDragging,\n      handleDragLeave,\n      handleDrop,\n    } = useDropzone();\n\n    useEffect(() => {\n      if (files.length > 0) {\n        deleteFile(files[0]);\n        setPreview('');\n\n        const file = files?.[0];\n        if (!file) return;\n\n        setPreview(URL.createObjectURL(file));\n        onUploadImage(file);\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [files]);\n\n    const handleClick = () => {\n      inputRef.current?.click();\n    };\n\n    const handleClean = () => {\n      if (inputRef.current) {\n        inputRef.current.value = '';\n      }\n\n      deleteFile(files[0]);\n      setPreview('');\n      onDeleteImage();\n    };\n\n    const classes = clsx('image-input', className);\n\n    return (\n      <FormControl\n        id=\"image-input\"\n        className={classes}\n        onDragEnter={handleDragging}\n        onDragOver={handleDragging}\n        onDragLeave={handleDragLeave}\n        onDrop={handleDrop}\n        ref={ref}\n      >\n        <div className=\"image-input-actions gap-8\">\n          <IconButton\n            aria-label={addButtonLabel}\n            color=\"tertiary\"\n            icon={<Icon name=\"edit\" />}\n            onClick={handleClick}\n            type=\"button\"\n            variant=\"ghost\"\n          />\n          <IconButton\n            aria-label={deleteButtonLabel}\n            color=\"danger\"\n            disabled={!preview}\n            icon={<Icon name=\"delete\" size=\"20\" />}\n            onClick={handleClean}\n            type=\"button\"\n            variant=\"ghost\"\n          />\n        </div>\n        <FormControl.Label>\n          <span className=\"visually-hidden\">{label}</span>\n          <Input\n            accept=\"image/jpeg, image/png\"\n            hidden\n            onChange={handleOnChange}\n            ref={inputRef}\n            size=\"sm\"\n            type=\"file\"\n          />\n          {preview ? (\n            <Avatar alt=\"\" src={preview} size=\"xl\" />\n          ) : (\n            <AppIcon app={app} iconFit=\"ratio\" size=\"160\" variant=\"rounded\" />\n          )}\n        </FormControl.Label>\n      </FormControl>\n    );\n  },\n);\n\nImagePicker.displayName = 'ImagePicker';\n"],"names":["ImagePicker","label","addButtonLabel","deleteButtonLabel","src","className","app","onUploadImage","onDeleteImage","ref","preview","setPreview","useState","inputRef","files","deleteFile","handleOnChange","handleDragging","handleDragLeave","handleDrop","useDropzone","useEffect","length","file","URL","createObjectURL","handleClick","current","click","handleClean","value","classes","clsx","jsxs","FormControl","jsx","IconButton","Icon","Input","Avatar","AppIcon"],"mappings":";;;;;;;;;;AAwDaA,MAAAA,sBACX,CACE;AAAA,EACEC,OAAAA;AAAAA,EACAC,gBAAAA,IAAiB;AAAA,EACjBC,mBAAAA,IAAoB;AAAA,EACpBC,KAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,eAAAA;AACgB,GAClBC,MACG;AACH,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAiBR,KAAO,EAAE,GAElD;AAAA,IACJS,UAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,YAAAA;AAAAA,MACEC,EAAY;AAEhBC,EAAAA,EAAU,MAAM;AACVP,QAAAA,EAAMQ,SAAS,GAAG;AACTR,MAAAA,EAAAA,EAAM,CAAC,CAAC,GACnBH,EAAW,EAAE;AAEPY,YAAAA,IAAOT,KAAAA,gBAAAA,EAAQ;AACrB,UAAI,CAACS,EAAM;AAEAC,MAAAA,EAAAA,IAAIC,gBAAgBF,CAAI,CAAC,GACpChB,EAAcgB,CAAI;AAAA,IACpB;AAAA,EAAA,GAEC,CAACT,CAAK,CAAC;AAEV,QAAMY,IAAcA,MAAM;;AACxBb,KAAAA,IAAAA,EAASc,YAATd,QAAAA,EAAkBe;AAAAA,EAAM,GAGpBC,IAAcA,MAAM;AACxB,IAAIhB,EAASc,YACXd,EAASc,QAAQG,QAAQ,KAGhBhB,EAAAA,EAAM,CAAC,CAAC,GACnBH,EAAW,EAAE,GACCH;EAAA,GAGVuB,IAAUC,EAAK,eAAe3B,CAAS;AAE7C,SACG,gBAAA4B,EAAAC,GAAA,EACC,IAAG,eACH,WAAWH,GACX,aAAad,GACb,YAAYA,GACZ,aAAaC,GACb,QAAQC,GACR,KAAAV,GAEA,UAAA;AAAA,IAAC,gBAAAwB,EAAA,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,MAAA,gBAAAE,EAACC,KACC,cAAYlC,GACZ,OAAM,YACN,MAAO,gBAAAiC,EAAAE,GAAA,EAAK,MAAK,OAAA,CAAM,GACvB,SAASX,GACT,MAAK,UACL,SAAQ,SAAO;AAAA,MAEjB,gBAAAS,EAACC,KACC,cAAYjC,GACZ,OAAM,UACN,UAAU,CAACO,GACX,MAAM,gBAAAyB,EAACE,KAAK,MAAK,UAAS,MAAK,KAAO,CAAA,GACtC,SAASR,GACT,MAAK,UACL,SAAQ,QAAO,CAAA;AAAA,IAAA,GAEnB;AAAA,IACA,gBAAAI,EAACC,EAAY,OAAZ,EACC,UAAA;AAAA,MAAC,gBAAAC,EAAA,QAAA,EAAK,WAAU,mBAAmBlC,UAAMA,GAAA;AAAA,MACxC,gBAAAkC,EAAAG,GAAA,EACC,QAAO,yBACP,QAAM,IACN,UAAUtB,GACV,KAAKH,GACL,MAAK,MACL,MAAK,QAAM;AAAA,MAEZH,IACE,gBAAAyB,EAAAI,GAAA,EAAO,KAAI,IAAG,KAAK7B,GAAS,MAAK,KAAI,CAAA,IAEtC,gBAAAyB,EAACK,KAAQ,KAAAlC,GAAU,SAAQ,SAAQ,MAAK,OAAM,SAAQ,WACvD;AAAA,IAAA,GACH;AAAA,EACF,EAAA,CAAA;AAEJ,CACF;"}

package/dist/components/Input/Input.js

@@ -1,33 +0,0 @@
-import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import u from "clsx";
-import { useFormControl as v } from "../Form/FormContext.js";
-const y = /* @__PURE__ */ p(({
-  noValidationIcon: i,
-  placeholder: l,
-  size: r = "md",
-  type: n = "text",
-  className: s,
-  ...m
-}, a) => {
-  const {
-    id: e,
-    isRequired: d,
-    isReadOnly: o,
-    status: t
-  } = v(), c = u({
-    "form-control": !o,
-    "form-control-lg": r === "lg",
-    "form-control-sm": r === "sm",
-    "is-invalid": t === "invalid",
-    "is-valid": t === "valid",
-    "form-control-plaintext": o,
-    "no-validation-icon": i
-  }, s);
-  return /* @__PURE__ */ f("input", { ref: a, id: e, className: c, type: n, placeholder: l, required: d, readOnly: o, ...m });
-});
-export {
-  y as Input,
-  y as default
-};
-//# sourceMappingURL=Input.js.map

package/dist/components/Input/Input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, Ref } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Size } from '../../types';\nimport { useFormControl } from '../Form/FormContext';\n\nexport type OmitInputProps =\n  | 'disabled'\n  | 'required'\n  | 'size'\n  | 'id'\n  | 'readOnly';\n\nexport interface InputProps\n  extends Omit<React.ComponentPropsWithRef<'input'>, OmitInputProps> {\n  /**\n   * Control size of input\n   */\n  size: Size;\n  /**\n   * Type of input (text, password, ..)\n   */\n  type: string;\n  /**\n   * Change text of placeholder\n   */\n  placeholder?: string;\n  /**\n   * Disabled status\n   */\n  disabled?: boolean;\n  /**\n   * Remove validation icon\n   */\n  noValidationIcon?: boolean;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\n/**\n * Input Form Component\n */\n\nexport const Input = forwardRef(\n  (\n    {\n      noValidationIcon,\n      placeholder,\n      size = 'md',\n      type = 'text',\n      className,\n      ...restProps\n    }: InputProps,\n    ref: Ref<HTMLInputElement>,\n  ) => {\n    const { id, isRequired, isReadOnly, status } = useFormControl();\n\n    const classes = clsx(\n      {\n        'form-control': !isReadOnly,\n        'form-control-lg': size === 'lg',\n        'form-control-sm': size === 'sm',\n        'is-invalid': status === 'invalid',\n        'is-valid': status === 'valid',\n        'form-control-plaintext': isReadOnly,\n        'no-validation-icon': noValidationIcon,\n      },\n      className,\n    );\n\n    return (\n      <input\n        ref={ref}\n        id={id}\n        className={classes}\n        type={type}\n        placeholder={placeholder}\n        required={isRequired}\n        readOnly={isReadOnly}\n        {...restProps}\n      />\n    );\n  },\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"names":["Input","noValidationIcon","placeholder","size","type","className","restProps","ref","id","isRequired","isReadOnly","status","useFormControl","classes","clsx","jsx"],"mappings":";;;;AA8CaA,MAAAA,sBACX,CACE;AAAA,EACEC,kBAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,MAAAA,IAAO;AAAA,EACPC,MAAAA,IAAO;AAAA,EACPC,WAAAA;AAAAA,EACA,GAAGC;AACO,GACZC,MACG;AACG,QAAA;AAAA,IAAEC,IAAAA;AAAAA,IAAIC,YAAAA;AAAAA,IAAYC,YAAAA;AAAAA,IAAYC,QAAAA;AAAAA,MAAWC,EAAe,GAExDC,IAAUC,EACd;AAAA,IACE,gBAAgB,CAACJ;AAAAA,IACjB,mBAAmBP,MAAS;AAAA,IAC5B,mBAAmBA,MAAS;AAAA,IAC5B,cAAcQ,MAAW;AAAA,IACzB,YAAYA,MAAW;AAAA,IACvB,0BAA0BD;AAAAA,IAC1B,sBAAsBT;AAAAA,KAExBI,CACF;AAEA,SACG,gBAAAU,EAAA,SAAA,EACC,KAAAR,GACA,IAAAC,GACA,WAAWK,GACX,MAAAT,GACA,aAAAF,GACA,UAAUO,GACV,UAAUC,GACV,GAAIJ,EACJ,CAAA;AAEN,CACF;"}

package/dist/components/Label/Label.js

@@ -1,39 +0,0 @@
-import { jsxs as t, jsx as u } from "react/jsx-runtime";
-import { forwardRef as h, useEffect as x } from "react";
-import b from "clsx";
-import { useTranslation as q } from "react-i18next";
-import { useFormControl as w } from "../Form/FormContext.js";
-const R = /* @__PURE__ */ h(({
-  leftIcon: r,
-  optionalText: s,
-  requiredText: a = "*",
-  children: i,
-  className: l
-}, n) => {
-  const {
-    id: m,
-    isOptional: o,
-    isRequired: e
-  } = w(), {
-    t: c
-  } = q(), p = b("form-label", {
-    "has-icon": r
-  }, l), d = o && !e, f = e && !o;
-  return x(() => {
-    if (o && e)
-      throw new Error("Cannot be optional and required at the same time");
-  }, [o, e]), /* @__PURE__ */ t("label", { ref: n, htmlFor: m, className: p, children: [
-    r,
-    i,
-    d && /* @__PURE__ */ t("em", { className: "optional", children: [
-      "- ",
-      s ?? c("explorer.optional")
-    ] }),
-    f && /* @__PURE__ */ u("em", { className: "required", children: a })
-  ] });
-});
-export {
-  R as Label,
-  R as default
-};
-//# sourceMappingURL=Label.js.map

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

@@ -1 +0,0 @@
-{"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,29 +0,0 @@
-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: 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 {
-  j as Loading,
-  j as default
-};
-//# sourceMappingURL=Loading.js.map

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

@@ -1 +0,0 @@
-{"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,27 +0,0 @@
-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__ */ 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 })
-    ] }),
-    !e && /* @__PURE__ */ t("div", { className: "modal-backdrop fade show" })
-  ] });
-});
-export {
-  u as LoadingScreen,
-  u as default
-};
-//# sourceMappingURL=LoadingScreen.js.map

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

@@ -1 +0,0 @@
-{"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,16 +0,0 @@
-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 {
-  f as Logo,
-  f as default
-};
-//# sourceMappingURL=Logo.js.map

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

@@ -1 +0,0 @@
-{"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,59 +0,0 @@
-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 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
-      });
-    }
-  }, [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":
-        e.preventDefault(), I();
-        break;
-      case "ArrowDown":
-        e.preventDefault(), D();
-        break;
-    }
-    switch (e.code) {
-      case "End":
-        e.preventDefault(), w();
-        break;
-      case "Home":
-        e.preventDefault(), h();
-        break;
-    }
-  }, m = d(() => ({
-    "data-menubar-menuitem": "",
-    role: "menuitem"
-  }), []), 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 }) }) });
-};
-x.Item = z;
-x.Button = P;
-export {
-  x as Menu
-};
-//# sourceMappingURL=Menu.js.map

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

@@ -1 +0,0 @@
-{"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,22 +0,0 @@
-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: 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 {
-  x as MenuButton
-};
-//# sourceMappingURL=MenuButton.js.map

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

@@ -1 +0,0 @@
-{"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,13 +0,0 @@
-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 e;
-}
-export {
-  o as MenuContext,
-  u as useMenuContext
-};
-//# sourceMappingURL=MenuContext.js.map

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

@@ -1 +0,0 @@
-{"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,20 +0,0 @@
-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 r = u(null), o = s(), {
-    menuItems: t
-  } = f();
-  return i(() => {
-    const e = r.current;
-    return e && t.add(e), () => {
-      e && t.delete(e);
-    };
-  }, [t]), /* @__PURE__ */ m("li", { ref: r, id: o, role: "none", "data-menubar-listitem": !0, children: n });
-};
-export {
-  a as MenuItem
-};
-//# sourceMappingURL=MenuItem.js.map

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

@@ -1 +0,0 @@
-{"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,74 +0,0 @@
-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: 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 = "";
-    };
-  }, [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
-    },
-    enter: {
-      x: 0,
-      opacity: 1
-    },
-    leave: {
-      x: 50,
-      opacity: 0
-    }
-  });
-  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
-    } })
-  ] })) });
-}), W = /* @__PURE__ */ Object.assign(T, {
-  Header: B,
-  Subtitle: E,
-  Body: $,
-  Footer: k
-});
-export {
-  W as Modal,
-  W as default
-};
-//# sourceMappingURL=Modal.js.map

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

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

package/dist/components/Modal/ModalBody.js

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"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;"}