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

package/dist/ui/src/components/ImagePicker/ImagePicker.js

@@ -0,0 +1,58 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useState, useEffect } from "react";
+import clsx from "clsx";
+import { Edit as SvgEdit$1, Delete as SvgDelete$1 } from "../../../../icons/dist/index.js";
+import FormControl from "../Form/FormControl.js";
+import IconButton from "../Button/IconButton.js";
+import Input from "../Input/Input.js";
+import Avatar from "../Avatar/Avatar.js";
+import useDropzone from "../../hooks/useDropzone/useDropzone.js";
+import { AppIcon } from "../AppIcon/AppIcon.js";
+const ImagePicker = /* @__PURE__ */ forwardRef(({
+  label,
+  addButtonLabel = "Add image",
+  deleteButtonLabel = "Delete image",
+  src,
+  className,
+  app,
+  onUploadImage,
+  onDeleteImage
+}, ref) => {
+  const [preview, setPreview] = useState(src || ""), {
+    inputRef,
+    files,
+    deleteFile,
+    handleOnChange,
+    handleDragging,
+    handleDragLeave,
+    handleDrop
+  } = useDropzone();
+  useEffect(() => {
+    if (files.length > 0) {
+      deleteFile(files[0]), setPreview("");
+      const file = files == null ? void 0 : files[0];
+      if (!file) return;
+      setPreview(URL.createObjectURL(file)), onUploadImage(file);
+    }
+  }, [files]);
+  const handleClick = () => {
+    var _a;
+    (_a = inputRef.current) == null || _a.click();
+  }, handleClean = () => {
+    inputRef.current && (inputRef.current.value = ""), deleteFile(files[0]), setPreview(""), onDeleteImage();
+  }, classes = clsx("image-input", className);
+  return /* @__PURE__ */ jsxs(FormControl, { id: "image-input", className: classes, onDragEnter: handleDragging, onDragOver: handleDragging, onDragLeave: handleDragLeave, onDrop: handleDrop, ref, children: [
+    /* @__PURE__ */ jsxs("div", { className: "image-input-actions gap-8", children: [
+      /* @__PURE__ */ jsx(IconButton, { "aria-label": addButtonLabel, color: "tertiary", icon: /* @__PURE__ */ jsx(SvgEdit$1, {}), onClick: handleClick, type: "button", variant: "ghost" }),
+      /* @__PURE__ */ jsx(IconButton, { "aria-label": deleteButtonLabel, color: "danger", disabled: !preview, icon: /* @__PURE__ */ jsx(SvgDelete$1, { width: "20", height: "20" }), onClick: handleClean, type: "button", variant: "ghost" })
+    ] }),
+    /* @__PURE__ */ jsxs(FormControl.Label, { children: [
+      /* @__PURE__ */ jsx("span", { className: "visually-hidden", children: label }),
+      /* @__PURE__ */ jsx(Input, { accept: "image/jpeg, image/png", hidden: !0, onChange: handleOnChange, ref: inputRef, size: "sm", type: "file" }),
+      preview ? /* @__PURE__ */ jsx(Avatar, { alt: "", src: preview, size: "xl" }) : /* @__PURE__ */ jsx(AppIcon, { app, iconFit: "ratio", size: "160", variant: "rounded" })
+    ] })
+  ] });
+});
+export {
+  ImagePicker
+};

package/dist/ui/src/components/Input/Input.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import { useFormControl } from "../Form/FormContext.js";
+const Input = /* @__PURE__ */ forwardRef(({
+  noValidationIcon,
+  placeholder,
+  size = "md",
+  type = "text",
+  className,
+  ...restProps
+}, ref) => {
+  const {
+    id,
+    isRequired,
+    isReadOnly,
+    status
+  } = useFormControl(), classes = clsx({
+    "form-control": !isReadOnly,
+    "form-control-lg": size === "lg",
+    "form-control-sm": size === "sm",
+    "is-invalid": status === "invalid",
+    "is-valid": status === "valid",
+    "form-control-plaintext": isReadOnly,
+    "no-validation-icon": noValidationIcon
+  }, className);
+  return /* @__PURE__ */ jsx("input", { ref, id, className: classes, type, placeholder, required: isRequired, readOnly: isReadOnly, ...restProps });
+});
+export {
+  Input as default
+};

package/dist/ui/src/components/Label/Label.js

@@ -0,0 +1,37 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect } from "react";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import { useFormControl } from "../Form/FormContext.js";
+const Label = /* @__PURE__ */ forwardRef(({
+  leftIcon,
+  optionalText,
+  requiredText = "*",
+  children,
+  className
+}, ref) => {
+  const {
+    id,
+    isOptional,
+    isRequired
+  } = useFormControl(), {
+    t
+  } = useTranslation(), classes = clsx("form-label", {
+    "has-icon": leftIcon
+  }, className), optionalState = isOptional && !isRequired, requiredState = isRequired && !isOptional;
+  return useEffect(() => {
+    if (isOptional && isRequired)
+      throw new Error("Cannot be optional and required at the same time");
+  }, [isOptional, isRequired]), /* @__PURE__ */ jsxs("label", { ref, htmlFor: id, className: classes, children: [
+    leftIcon,
+    children,
+    optionalState && /* @__PURE__ */ jsxs("em", { className: "optional", children: [
+      "- ",
+      optionalText ?? t("explorer.optional")
+    ] }),
+    requiredState && /* @__PURE__ */ jsx("em", { className: "required", children: requiredText })
+  ] });
+});
+export {
+  Label as default
+};

package/dist/ui/src/components/Loading/Loading.js

@@ -0,0 +1,27 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import { Loader as SvgLoader$1 } from "../../../../icons/dist/index.js";
+const Loading = /* @__PURE__ */ forwardRef((props, ref) => {
+  const {
+    isLoading,
+    loadingIcon,
+    loadingPosition = "left",
+    children,
+    className,
+    ...restProps
+  } = props, getLoadingIcon = () => {
+    let icon;
+    return loadingIcon ? icon = loadingIcon : icon = /* @__PURE__ */ jsx(SvgLoader$1, { ...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()
+  ] });
+}), Loading$1 = Loading;
+export {
+  Loading$1 as default
+};

package/dist/ui/src/components/LoadingScreen/LoadingScreen.js

@@ -0,0 +1,25 @@
+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
+  });
+  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 })
+    ] }),
+    !position && /* @__PURE__ */ jsx("div", { className: "modal-backdrop fade show" })
+  ] });
+});
+export {
+  LoadingScreen as default
+};

package/dist/ui/src/components/Logo/Logo.js

@@ -0,0 +1,14 @@
+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" }) });
+}), Logo$1 = Logo;
+export {
+  Logo$1 as default
+};

package/dist/ui/src/components/Menu/Menu.js

@@ -0,0 +1,58 @@
+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
+}) => {
+  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({
+        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) {
+      case "ArrowUp":
+        event.preventDefault(), previous();
+        break;
+      case "ArrowDown":
+        event.preventDefault(), next();
+        break;
+    }
+    switch (event.code) {
+      case "End":
+        event.preventDefault(), last();
+        break;
+      case "Home":
+        event.preventDefault(), first();
+        break;
+    }
+  }, childProps = useMemo(() => ({
+    "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 }) }) });
+};
+Menu.Item = MenuItem;
+Menu.Button = MenuButton;
+export {
+  Menu
+};

package/dist/ui/src/components/Menu/MenuButton.js

@@ -0,0 +1,21 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useMenuContext } from "./MenuContext.js";
+import Button from "../Button/Button.js";
+const MenuButton = (props) => {
+  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 });
+};
+export {
+  MenuButton
+};

package/dist/ui/src/components/Menu/MenuContext.js

@@ -0,0 +1,12 @@
+import { createContext, useContext } from "react";
+const MenuContext = /* @__PURE__ */ createContext(null);
+function useMenuContext() {
+  const context = useContext(MenuContext);
+  if (!context)
+    throw new Error("Cannot be rendered outside the Menu component");
+  return context;
+}
+export {
+  MenuContext,
+  useMenuContext
+};

package/dist/ui/src/components/Menu/MenuItem.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { useRef, useId, useEffect } from "react";
+import { useMenuContext } from "./MenuContext.js";
+const MenuItem = ({
+  children
+}) => {
+  const itemRef = useRef(null), id = useId(), {
+    menuItems
+  } = useMenuContext();
+  return useEffect(() => {
+    const itemNode = itemRef.current;
+    return itemNode && menuItems.add(itemNode), () => {
+      itemNode && menuItems.delete(itemNode);
+    };
+  }, [menuItems]), /* @__PURE__ */ jsx("li", { ref: itemRef, id, role: "none", "data-menubar-listitem": !0, children });
+};
+export {
+  MenuItem
+};

package/dist/ui/src/components/Modal/Modal.js

@@ -0,0 +1,72 @@
+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) => {
+  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();
+    }
+    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, {
+    from: {
+      x: -50,
+      opacity: 0
+    },
+    enter: {
+      x: 0,
+      opacity: 1
+    },
+    leave: {
+      x: 50,
+      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: {
+      opacity: 0.65
+    } })
+  ] })) });
+}), Modal = /* @__PURE__ */ Object.assign(Root, {
+  Header: ModalHeader,
+  Subtitle: ModalSubtitle,
+  Body: ModalBody,
+  Footer: ModalFooter
+});
+export {
+  Modal as default
+};

package/dist/ui/src/components/Modal/ModalBody.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useModalContext } from "./ModalContext.js";
+const ModalBody = (props) => {
+  const {
+    ariaDescriptionId
+  } = useModalContext(), {
+    children,
+    className
+  } = props, classes = clsx("modal-body", className);
+  return /* @__PURE__ */ jsx("div", { id: ariaDescriptionId, className: classes, children });
+};
+export {
+  ModalBody as default
+};

package/dist/ui/src/components/Modal/ModalContext.js

@@ -0,0 +1,15 @@
+import { createContext, useContext } from "react";
+const ModalContext = /* @__PURE__ */ createContext({
+  ariaLabelId: "",
+  ariaDescriptionId: "",
+  focusId: ""
+}), useModalContext = () => {
+  const context = useContext(ModalContext);
+  if (!context)
+    throw new Error("Cannot be rendered outside the Modal component");
+  return context;
+};
+export {
+  ModalContext,
+  useModalContext
+};

package/dist/ui/src/components/Modal/ModalFooter.js

@@ -0,0 +1,5 @@
+import { jsx } from "react/jsx-runtime";
+const ModalFooter = (props) => /* @__PURE__ */ jsx("div", { className: "modal-footer", children: props.children });
+export {
+  ModalFooter as default
+};

package/dist/ui/src/components/Modal/ModalHeader.js

@@ -0,0 +1,27 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { Close as SvgClose$1 } from "../../../../icons/dist/index.js";
+import IconButton from "../Button/IconButton.js";
+import { useModalContext } from "./ModalContext.js";
+const ModalHeader = (props) => {
+  const {
+    onModalClose,
+    children
+  } = props, {
+    ariaLabelId,
+    focusId
+  } = useModalContext(), closeButtonRef = useRef(null), {
+    t
+  } = useTranslation();
+  return useEffect(() => {
+    var _a;
+    focusId || (_a = closeButtonRef.current) == null || _a.focus();
+  }, [focusId]), /* @__PURE__ */ jsxs("div", { className: "modal-header", children: [
+    /* @__PURE__ */ jsx("h2", { id: ariaLabelId, className: "modal-title", tabIndex: -1, children }),
+    /* @__PURE__ */ jsx(IconButton, { ref: closeButtonRef, "aria-label": t("close"), color: "tertiary", icon: /* @__PURE__ */ jsx(SvgClose$1, {}), type: "button", variant: "ghost", title: t("close"), onClick: onModalClose, className: "btn-close" })
+  ] });
+};
+export {
+  ModalHeader as default
+};

package/dist/ui/src/components/Modal/ModalSubtitle.js

@@ -0,0 +1,5 @@
+import { jsx } from "react/jsx-runtime";
+const ModalSubtitle = (props) => /* @__PURE__ */ jsx("p", { className: "modal-subtitle", children: props.children });
+export {
+  ModalSubtitle as default
+};

package/dist/ui/src/components/Popover/Popover.js

@@ -0,0 +1,51 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { useTransition, animated } from "@react-spring/web";
+import clsx from "clsx";
+const PopoverHeader = ({
+  children,
+  className
+}) => {
+  const classes = clsx("popover-header", className);
+  return /* @__PURE__ */ jsx("div", { className: classes, children });
+}, PopoverBody = ({
+  children,
+  className
+}) => {
+  const classes = clsx("popover-body", className);
+  return /* @__PURE__ */ jsx("div", { className: classes, children });
+}, PopoverFooter = ({
+  children,
+  className
+}) => {
+  const classes = clsx("popover-footer p-8", className);
+  return /* @__PURE__ */ jsx("div", { className: classes, children });
+}, Popover = /* @__PURE__ */ forwardRef(({
+  children,
+  className,
+  id,
+  isVisible,
+  ...restProps
+}, ref) => {
+  const classes = clsx("popover d-block position-absolute top-100 start-50 translate-middle-x", className);
+  return useTransition(isVisible, {
+    from: {
+      opacity: 0
+    },
+    enter: {
+      opacity: 1
+    },
+    leave: {
+      opacity: 0
+    },
+    config: {
+      duration: 0
+    }
+  })((style, isVisible2) => isVisible2 && /* @__PURE__ */ jsx(animated.div, { ref, "aria-labelledby": id, className: classes, role: "tooltip", style, ...restProps, children }));
+});
+export {
+  Popover,
+  PopoverBody,
+  PopoverFooter,
+  PopoverHeader
+};

package/dist/ui/src/components/Radio/Radio.js

@@ -0,0 +1,31 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useId } from "react";
+import clsx from "clsx";
+const Radio = /* @__PURE__ */ forwardRef(({
+  model,
+  icon,
+  label = !1,
+  disabled = !1,
+  checked,
+  ...restProps
+}, ref) => {
+  const id = useId(), radioProps = {
+    type: "radio",
+    checked,
+    disabled,
+    ref,
+    className: clsx(restProps.className, "form-check-input c-pointer", icon && "d-none"),
+    id
+  }, inputProps = {
+    ...restProps,
+    ...radioProps
+  };
+  return /* @__PURE__ */ jsxs("div", { className: clsx("form-check d-flex align-items-center gap-8", icon && "ps-0"), children: [
+    /* @__PURE__ */ jsx("input", { ...inputProps }),
+    icon && /* @__PURE__ */ jsx("label", { htmlFor: inputProps.id, className: clsx("c-pointer", model !== restProps.value && "text-muted"), children: icon }),
+    !icon && label && /* @__PURE__ */ jsx("label", { className: "form-check-label", htmlFor: inputProps.id, children: label })
+  ] });
+});
+export {
+  Radio as default
+};

package/dist/ui/src/components/SearchBar/SearchBar.js

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import { Search as SvgSearch$1 } from "../../../../icons/dist/index.js";
+import FormControl from "../Form/FormControl.js";
+import SearchButton from "../Button/SearchButton.js";
+const SearchBar = ({
+  isVariant = !1,
+  size = "md",
+  placeholder = "search",
+  className,
+  disabled,
+  onChange,
+  onClick,
+  ...restProps
+}) => {
+  const {
+    t
+  } = useTranslation(), searchbar = clsx(className, {
+    "input-group": !isVariant,
+    "position-relative": isVariant
+  }), input = clsx({
+    "border-end-0": !isVariant,
+    "ps-48": isVariant
+  }), handleClick = () => {
+    onClick == null || onClick();
+  };
+  return /* @__PURE__ */ jsxs(FormControl, { id: "search-bar", className: searchbar, children: [
+    isVariant && /* @__PURE__ */ jsx("div", { className: "position-absolute z-1 top-50 start-0 translate-middle-y border-0 ps-12 bg-transparent", children: /* @__PURE__ */ jsx(SvgSearch$1, {}) }),
+    /* @__PURE__ */ jsx(FormControl.Input, { type: "search", placeholder: t(placeholder), size, noValidationIcon: !0, className: input, onChange, disabled, ...restProps }),
+    !isVariant && /* @__PURE__ */ jsx(SearchButton, { type: "submit", "aria-label": t("search"), icon: /* @__PURE__ */ jsx(SvgSearch$1, {}), className: "border-start-0", onClick: handleClick })
+  ] });
+}, SearchBar$1 = SearchBar;
+export {
+  SearchBar$1 as default
+};

package/dist/ui/src/components/Select/Select.js

@@ -0,0 +1,37 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import SelectTrigger from "./SelectTrigger.js";
+import Dropdown from "../Dropdown/Dropdown.js";
+const Select = ({
+  icon,
+  options,
+  overflow,
+  block,
+  variant,
+  size,
+  disabled,
+  placeholderOption,
+  onValueChange
+}) => {
+  const [localValue, setLocalValue] = useState(), {
+    t
+  } = useTranslation();
+  useEffect(() => {
+    if (localValue) {
+      const value = typeof localValue == "object" ? localValue.value : localValue;
+      onValueChange == null || onValueChange(value);
+    }
+  }, [localValue]);
+  const label = typeof localValue == "object" ? localValue.label : localValue, iconChange = typeof localValue == "object" ? localValue.icon : void 0;
+  return /* @__PURE__ */ jsxs(Dropdown, { overflow, block, children: [
+    /* @__PURE__ */ jsx(SelectTrigger, { icon: iconChange || icon, label: t(label || placeholderOption), variant, size, disabled }),
+    /* @__PURE__ */ jsx(Dropdown.Menu, { role: "listbox", children: options == null ? void 0 : options.map((option) => {
+      const value = typeof option == "object" ? option.value : option, label2 = typeof option == "object" ? option.label : option, icon2 = typeof option == "object" ? option.icon : void 0;
+      return /* @__PURE__ */ jsx(Dropdown.Item, { type: "action", onClick: () => setLocalValue(option), icon: icon2, children: label2 }, value);
+    }) })
+  ] });
+}, Select$1 = Select;
+export {
+  Select$1 as default
+};

package/dist/ui/src/components/Select/SelectTrigger.js

@@ -0,0 +1,6 @@
+import { jsx } from "react/jsx-runtime";
+import Dropdown from "../Dropdown/Dropdown.js";
+const SelectTrigger = (props) => /* @__PURE__ */ jsx(Dropdown.Trigger, { ...props, "aria-haspopup": "listbox", role: "combobox" });
+export {
+  SelectTrigger as default
+};

package/dist/ui/src/components/Table/Table.components.js

@@ -0,0 +1,39 @@
+import { jsx } from "react/jsx-runtime";
+const TableThead = (props) => {
+  const {
+    children,
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ jsx("thead", { ...restProps, children });
+}, TableTh = (props) => {
+  const {
+    children,
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ jsx("th", { ...restProps, children });
+}, TableTr = (props) => {
+  const {
+    children,
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ jsx("tr", { ...restProps, children });
+}, TableTbody = (props) => {
+  const {
+    children,
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ jsx("tbody", { ...restProps, children });
+}, TableTd = (props) => {
+  const {
+    children,
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ jsx("td", { ...restProps, children });
+};
+export {
+  TableTbody,
+  TableTd,
+  TableTh,
+  TableThead,
+  TableTr
+};