@edifice.io/react 2.0.0-develop-rc.22 → 2.0.0-develop-rc.24

package/dist/components/Alert/Alert.d.ts

@@ -3,9 +3,9 @@ export interface AlertRef {
     show: () => void;
     hide: () => void;
 }
-export type AlertTypes = "success" | "warning" | "info" | "danger";
-export type AlertPosition = "none" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
-export interface AlertProps extends ComponentPropsWithRef<"div"> {
+export type AlertTypes = 'success' | 'warning' | 'info' | 'danger';
+export type AlertPosition = 'none' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export interface AlertProps extends ComponentPropsWithRef<'div'> {
     /**
      * Type of alert
      */

package/dist/components/AppHeader/AppHeader.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef, ReactNode } from 'react';
-export interface AppHeaderProps extends ComponentPropsWithRef<"div"> {
+export interface AppHeaderProps extends ComponentPropsWithRef<'div'> {
     /**
      * Accept Breadcrumb Component
      */

package/dist/components/AppIcon/AppIcon.d.ts

@@ -1,5 +1,5 @@
 import { IWebApp } from '@edifice.io/ts-client';
-export type AppIconSize = "24" | "32" | "40" | "48" | "80" | "160";
+export type AppIconSize = '24' | '32' | '40' | '48' | '80' | '160';
 export interface BaseProps {
     /**
      * Define icon size
@@ -14,13 +14,13 @@ export interface BaseProps {
      */
     className?: string;
 }
-type AppVariants = "square" | "circle" | "rounded";
-type SquareVariant = Extract<AppVariants, "square">;
+type AppVariants = 'square' | 'circle' | 'rounded';
+type SquareVariant = Extract<AppVariants, 'square'>;
 type SquareIcon = {
     /**
      * Show icon full width
      */
-    iconFit?: "contain";
+    iconFit?: 'contain';
     /**
      * Square variant
      */
@@ -30,7 +30,7 @@ type VariantsIcon = {
     /**
      * Add padding around icon
      */
-    iconFit: "ratio";
+    iconFit: 'ratio';
     /**
      * Rounded or Circle variant
      */
@@ -41,5 +41,5 @@ export type AppIconProps = BaseProps & Props;
 /**
  * Icon Component used to display the icon of an application
  */
-declare const AppIcon: import('react').ForwardRefExoticComponent<AppIconProps & import('react').RefAttributes<SVGSVGElement>>;
+declare const AppIcon: import('react').ForwardRefExoticComponent<AppIconProps & import('react').RefAttributes<HTMLDivElement>>;
 export default AppIcon;

package/dist/components/AppIcon/AppIcon.js

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
+import { forwardRef, Suspense } from "react";
 import clsx from "clsx";
+import * as iconsApps from "../../icons-apps.js";
 import Image from "../Image/Image.js";
+import LoadingScreen from "../LoadingScreen/LoadingScreen.js";
 import useEdificeIcons from "../../hooks/useEdificeIcons/useEdificeIcons.js";
-import usePaths from "../../hooks/usePaths/usePaths.js";
 const AppIcon = /* @__PURE__ */ forwardRef(({
   app,
   size = "24",
@@ -14,7 +15,7 @@ const AppIcon = /* @__PURE__ */ forwardRef(({
   const {
     isIconUrl,
     getIconCode
-  } = useEdificeIcons(), [, iconPath] = usePaths(), isSquare = variant === "square", isRounded = variant === "rounded", isCircle = variant === "circle", isContain = iconFit === "contain", isRatio = iconFit === "ratio", iconSizes = {
+  } = useEdificeIcons(), isSquare = variant === "square", isRounded = variant === "rounded", isCircle = variant === "circle", isContain = iconFit === "contain", isRatio = iconFit === "ratio", iconSizes = {
     "icon-xs": size === "24",
     "icon-sm": size === "40",
     "icon-md": size === "48",
@@ -27,24 +28,23 @@ const AppIcon = /* @__PURE__ */ forwardRef(({
   }, iconFits = {
     "icon-contain": isContain,
     "icon-ratio": isRatio
-  }, icon = typeof app == "string" ? app : (app == null ? void 0 : app.icon) !== void 0 ? app.icon : "placeholder", displayName = typeof app != "string" && (app == null ? void 0 : app.displayName) !== void 0 ? app.displayName : "", code = app ? getIconCode(app) : "", isIconURL = isIconUrl(icon), appCode = code || "placeholder";
-  if (isIconURL) {
-    const classes2 = clsx("h-full", className);
-    return /* @__PURE__ */ jsx(Image, { src: icon, alt: displayName, objectFit: "contain", width: size, height: size, className: classes2, style: {
-      minWidth: size + "px"
-    } });
-  }
-  const classes = clsx("app-icon", {
+  }, icon = typeof app == "string" ? app : (app == null ? void 0 : app.icon) !== void 0 ? app.icon : "placeholder", displayName = typeof app != "string" && (app == null ? void 0 : app.displayName) !== void 0 ? app.displayName : "", code = app ? getIconCode(app) : "", isIconURL = isIconUrl(icon), appCode = code || "placeholder", classes = clsx("app-icon", {
     ...iconSizes,
     ...iconVariant,
     ...iconFits,
     [`bg-light-${appCode}`]: appCode && !isContain,
     [`color-app-${appCode}`]: appCode
-  }, className);
-  return /* @__PURE__ */ jsx("div", { className: classes, style: {
+  }, className), IconComponent = iconsApps[`Icon${appCode.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("")}`];
+  if (console.log(`Icon${appCode.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("")}`), isIconURL) {
+    const classes2 = clsx("h-full", className);
+    return /* @__PURE__ */ jsx(Image, { src: icon, alt: displayName, objectFit: "contain", width: size, height: size, className: classes2, style: {
+      minWidth: size + "px"
+    } });
+  }
+  return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingScreen, {}), children: /* @__PURE__ */ jsx("div", { ref, className: classes, style: {
     width: size + "px",
     height: size + "px"
-  }, children: /* @__PURE__ */ jsx("svg", { ref, width: size, height: size, role: "img", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", children: /* @__PURE__ */ jsx("use", { xlinkHref: `${iconPath}/apps.svg#${appCode}` }) }) });
+  }, children: /* @__PURE__ */ jsx(IconComponent, { width: size, height: size }) }) });
 });
 export {
   AppIcon as default

package/dist/components/Attachment/Attachment.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef, ReactNode } from 'react';
-export interface AttachmentProps extends ComponentPropsWithRef<"div"> {
+export interface AttachmentProps extends ComponentPropsWithRef<'div'> {
     /**
      * Name of resource or Folder
      * */

package/dist/components/Avatar/Avatar.d.ts

@@ -1,6 +1,6 @@
-export type AvatarVariants = "square" | "rounded" | "circle";
-export type AvatarSizes = "xs" | "sm" | "md" | "lg" | "xl";
-export interface AvatarProps extends React.ComponentPropsWithRef<"img"> {
+export type AvatarVariants = 'square' | 'rounded' | 'circle';
+export type AvatarSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface AvatarProps extends React.ComponentPropsWithRef<'img'> {
     /**
      * Shape of Avatar
      * `title`, `square`, `circle`

package/dist/components/Avatar/Avatar.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import clsx from "clsx";
+import noAvatar from "@edifice.io/bootstrap/dist/images/avatar/no-avatar.svg";
 import Image from "../Image/Image.js";
-import usePaths from "../../hooks/usePaths/usePaths.js";
 const Avatar = /* @__PURE__ */ forwardRef(({
   variant = "square",
   size = "md",
@@ -12,7 +12,7 @@ const Avatar = /* @__PURE__ */ forwardRef(({
   className,
   ...restProps
 }, ref) => {
-  const [imagePath] = usePaths(), placeholder = imgPlaceholder || `${imagePath}/avatar/no-avatar.svg`, classes = clsx("avatar", {
+  const placeholder = imgPlaceholder || noAvatar, classes = clsx("avatar", {
     ...{
       "avatar-xs": size === "xs",
       "avatar-sm": size === "sm",

package/dist/components/Badge/Badge.d.ts

@@ -3,31 +3,31 @@ import { UserProfile } from '@edifice.io/ts-client';
 export type BadgeRef = HTMLSpanElement;
 /** Badge variant : notification */
 export type NotificationBadgeVariant = {
-    type: "notification";
-    level: "success" | "warning" | "danger" | "info";
+    type: 'notification';
+    level: 'success' | 'warning' | 'danger' | 'info';
 };
 /** Badge variant : content */
 export type ContentBadgeVariant = {
-    type: "content";
-    level: "success" | "warning" | "danger" | "info";
+    type: 'content';
+    level: 'success' | 'warning' | 'danger' | 'info';
     background?: boolean;
 };
 /** Badge variant : profile = teacher, student, relative or personnel, guest */
 export type ProfileBadgeVariant = {
-    type: "user";
+    type: 'user';
     profile: UserProfile[number];
     background?: boolean;
 };
 /** Badge variant : chip */
 export type ChipBadgeVariant = {
-    type: "chip";
+    type: 'chip';
 };
 /** Badge variant : link */
 export type LinkBadgeVariant = {
-    type: "link";
+    type: 'link';
 };
 export type BadgeVariants = NotificationBadgeVariant | ContentBadgeVariant | ProfileBadgeVariant | ChipBadgeVariant | LinkBadgeVariant;
-export interface BadgeProps extends React.ComponentPropsWithRef<"span"> {
+export interface BadgeProps extends React.ComponentPropsWithRef<'span'> {
     /**
      * Badge variant : notification, link or profile (Teacher|Student|Relative|Personnel)
      * Defaults to notification.

package/dist/components/Breadcrumb/BreadcrumbItem.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export interface BreadcrumbItemProps extends React.ComponentPropsWithRef<"li"> {
+export interface BreadcrumbItemProps extends React.ComponentPropsWithRef<'li'> {
     /**
      * Link or text to display
      */

package/dist/components/Breadcrumb/BreadcrumbNav.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { IWebApp } from '@edifice.io/ts-client';
-export interface BreadcrumbNavProps extends React.ComponentPropsWithRef<"nav"> {
+export interface BreadcrumbNavProps extends React.ComponentPropsWithRef<'nav'> {
     /**
      * Pass all data about current application
      */

package/dist/components/Button/Button.d.ts

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
 import { LoadingIcon, LoadingPosition } from '../Loading';
 export type ButtonRef = HTMLButtonElement;
-export type ButtonTypes = "button" | "submit" | "reset";
-export type ButtonColors = "primary" | "secondary" | "tertiary" | "danger";
-export type ButtonVariants = "filled" | "outline" | "ghost";
-export type ButtonSizes = "sm" | "md" | "lg";
-export interface ButtonProps extends React.ComponentPropsWithRef<"button"> {
+export type ButtonTypes = 'button' | 'submit' | 'reset';
+export type ButtonColors = 'primary' | 'secondary' | 'tertiary' | 'danger';
+export type ButtonVariants = 'filled' | 'outline' | 'ghost';
+export type ButtonSizes = 'sm' | 'md' | 'lg';
+export interface ButtonProps extends React.ComponentPropsWithRef<'button'> {
     /**
      * `button`, `submit` or `reset`
      */

package/dist/components/Button/IconButton.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ButtonProps } from './Button';
-type OmittedProps = "children" | "leftIcon" | "rightIcon";
+type OmittedProps = 'children' | 'leftIcon' | 'rightIcon';
 export interface IconButtonProps extends Omit<ButtonProps, OmittedProps> {
     icon?: ReactNode;
 }

package/dist/components/Button/SearchButton.d.ts

@@ -1,5 +1,5 @@
 import { IconButtonProps } from './IconButton';
-type PickedProps = "type" | "icon" | "size";
+type PickedProps = 'type' | 'icon' | 'size';
 export interface SearchButtonProps extends Pick<IconButtonProps, PickedProps> {
     /**
      * OnClick Handler

package/dist/components/Card/CardContext.d.ts

@@ -1,6 +1,6 @@
 import { IWebApp } from '@edifice.io/ts-client';
 import { CardProps } from './Card';
-export interface CardContextProps extends Omit<CardProps, "children" | "className"> {
+export interface CardContextProps extends Omit<CardProps, 'children' | 'className'> {
     app?: IWebApp | undefined;
     appCode: string | undefined;
     isSelectable?: boolean;

package/dist/components/ColorPicker/ColorPalette.d.ts

@@ -12,7 +12,7 @@ export interface ColorPaletteItem {
      * Is it a dark or light color ?
      * When undefined, will be considered Dark.
      */
-    hue?: "dark" | "light";
+    hue?: 'dark' | 'light';
     /**
      * Is it intended to be a reset color ?
      */

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithRef } from 'react';
 import { ColorPalette, ColorPaletteItem } from './ColorPalette';
-export interface ColorPickerProps extends ComponentPropsWithRef<"div"> {
+export interface ColorPickerProps extends ComponentPropsWithRef<'div'> {
     /**
      * Palettes of pickable colors
      */

package/dist/components/Combobox/ComboboxTrigger.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent } from 'react';
-export interface ComboboxTriggerProps extends React.ComponentPropsWithRef<"button"> {
+export interface ComboboxTriggerProps extends React.ComponentPropsWithRef<'button'> {
     handleSearchInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
     value: string;
     searchMinLength?: number;

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

@@ -50,7 +50,7 @@ export type DropdownMenuOptions = {
     /**
      * Object type
      */
-    type: "divider";
+    type: 'divider';
 };
 declare const Dropdown: {
     ({ children, block, overflow, placement, extraTriggerKeyDownHandler, onToggle, isTriggerHovered, }: DropdownProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { UseDropdownProps } from '../../hooks/useDropdown/useDropdown';
-type OmittedProps = Omit<UseDropdownProps, "triggerRef" | "menuRef">;
+type OmittedProps = Omit<UseDropdownProps, 'triggerRef' | 'menuRef'>;
 export interface DropdownContextProps extends OmittedProps {
     block?: boolean;
 }

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

@@ -3,7 +3,7 @@ export interface DropdownItemProps {
     /**
      * Object type
      */
-    type?: "action" | "select";
+    type?: 'action' | 'select';
     /**
      * Icon component
      */

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

@@ -21,10 +21,10 @@ interface Divider {
     /**
      * Object type
      */
-    type: "divider";
+    type: 'divider';
 }
 export type DropdownMenuOptions = Item | Divider;
-export interface DropdownMenuProps extends ComponentPropsWithRef<"div"> {
+export interface DropdownMenuProps extends ComponentPropsWithRef<'div'> {
     children: ReactNode;
     /** Use whole width ? */
     block?: boolean;

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

@@ -1,4 +1,4 @@
-export interface DropdownTriggerProps extends React.ComponentPropsWithRef<"button"> {
+export interface DropdownTriggerProps extends React.ComponentPropsWithRef<'button'> {
     /**
      * Dropdown trigger title
      */
@@ -14,11 +14,11 @@ export interface DropdownTriggerProps extends React.ComponentPropsWithRef<"butto
     /**
      * Set appearance
      */
-    variant?: "ghost";
+    variant?: 'ghost';
     /**
      * Button size
      */
-    size?: "sm" | "md" | "lg";
+    size?: 'sm' | 'md' | 'lg';
     /**
      * Disabled Trigger
      * */

package/dist/components/Form/FormContext.d.ts

@@ -1,5 +1,5 @@
 import { FormControlProps } from './FormControl';
-type Props = Omit<FormControlProps, "className" | "children">;
+type Props = Omit<FormControlProps, 'className' | 'children'>;
 export type FormContextProps = Props;
 export declare const Context: import('react').Context<Props | null>;
 export declare const useFormControl: () => Props;

package/dist/components/Form/FormControl.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export interface FormControlProps extends React.ComponentPropsWithRef<"div"> {
+export interface FormControlProps extends React.ComponentPropsWithRef<'div'> {
     /**
      * For accessibility
      */
@@ -27,7 +27,7 @@ export interface FormControlProps extends React.ComponentPropsWithRef<"div"> {
     /**
      * Status to handle Form Validation
      */
-    status?: "valid" | "invalid";
+    status?: 'valid' | 'invalid';
 }
 declare const FormControl: import('react').ForwardRefExoticComponent<Omit<FormControlProps, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
     Label: import('react').ForwardRefExoticComponent<Omit<import('..').LabelProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;

package/dist/components/Grid/Grid.d.ts

@@ -9,7 +9,7 @@ export interface GridProps {
      */
     className?: string;
 }
-export interface GridColProps extends React.ComponentPropsWithoutRef<"div"> {
+export interface GridColProps extends React.ComponentPropsWithoutRef<'div'> {
     /**
      * Size on Mobile
      */

package/dist/components/Heading/Heading.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+export type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
     /**
      * Level of Heading

package/dist/components/Image/Image.d.ts

@@ -1,4 +1,4 @@
-export interface ImageProps extends React.ComponentPropsWithRef<"img"> {
+export interface ImageProps extends React.ComponentPropsWithRef<'img'> {
     /**
      * Image URL
      */
@@ -10,11 +10,11 @@ export interface ImageProps extends React.ComponentPropsWithRef<"img"> {
     /**
      * Image ratio
      */
-    ratio?: "1" | "4" | "16" | "21";
+    ratio?: '1' | '4' | '16' | '21';
     /**
      * Object fit property
      */
-    objectFit?: "contain" | "cover" | "fill" | "scale" | "none";
+    objectFit?: 'contain' | 'cover' | 'fill' | 'scale' | 'none';
     /**
      * Placeholder image as fallback
      */

package/dist/components/Image/Image.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import clsx from "clsx";
+import commonPlaceholder from "@edifice.io/bootstrap/dist/images/common/image-placeholder.png";
 import useImage from "../../hooks/useImage/useImage.js";
-import usePaths from "../../hooks/usePaths/usePaths.js";
 const Image = /* @__PURE__ */ forwardRef(({
   src,
   alt,
@@ -12,7 +12,7 @@ const Image = /* @__PURE__ */ forwardRef(({
   className,
   ...restProps
 }, ref) => {
-  const [imagePath] = usePaths(), placeholder = imgPlaceholder ?? `${imagePath}/common/image-placeholder.png`, {
+  const placeholder = imgPlaceholder ?? commonPlaceholder, {
     imgSrc,
     onError
   } = useImage({

package/dist/components/Input/Input.d.ts

@@ -1,6 +1,6 @@
 import { Size } from '../../types';
-export type OmitInputProps = "disabled" | "required" | "size" | "id" | "readOnly";
-export interface InputProps extends Omit<React.ComponentPropsWithRef<"input">, OmitInputProps> {
+export type OmitInputProps = 'disabled' | 'required' | 'size' | 'id' | 'readOnly';
+export interface InputProps extends Omit<React.ComponentPropsWithRef<'input'>, OmitInputProps> {
     /**
      * Control size of input
      */

package/dist/components/Label/Label.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-export type OmitLabelProps = "htmlFor";
-export interface LabelProps extends Omit<React.ComponentPropsWithRef<"label">, OmitLabelProps> {
+export type OmitLabelProps = 'htmlFor';
+export interface LabelProps extends Omit<React.ComponentPropsWithRef<'label'>, OmitLabelProps> {
     /**
      * Display Icon to the left
      */

package/dist/components/Layout/components/Main.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-export interface MainProps extends ComponentPropsWithoutRef<"main"> {
+export interface MainProps extends ComponentPropsWithoutRef<'main'> {
     /**
      * App content
      */

package/dist/components/Layout/components/NavItem.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export interface NavItemProps extends React.ComponentPropsWithRef<"li"> {
+export interface NavItemProps extends React.ComponentPropsWithRef<'li'> {
     children: ReactNode;
     className?: string;
 }

package/dist/components/Layout/components/NavbarNav.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export interface NavBarNavProps extends React.ComponentPropsWithoutRef<"ul"> {
+export interface NavBarNavProps extends React.ComponentPropsWithoutRef<'ul'> {
     children: ReactNode;
     className?: string;
 }

package/dist/components/Loading/Loading.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type LoadingPosition = "left" | "right" | undefined;
+export type LoadingPosition = 'left' | 'right' | undefined;
 export type LoadingIcon = JSX.Element | undefined;
 export interface LoadingProps {
     /**

package/dist/components/LoadingScreen/LoadingScreen.js

@@ -1,12 +1,12 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
+import loadingScreen from "@edifice.io/bootstrap/dist/images/loading/screen-loading.gif";
 import clsx from "clsx";
-import usePaths from "../../hooks/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", {
+  const 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", {
@@ -14,7 +14,7 @@ const LoadingScreen = /* @__PURE__ */ forwardRef(({
   });
   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" }) }),
+      /* @__PURE__ */ jsx("div", { className: "bg-white rounded-circle mx-auto w-25", children: /* @__PURE__ */ jsx("img", { src: loadingScreen, alt: "loading" }) }),
       caption && /* @__PURE__ */ jsx("div", { className: captionClasses, children: caption })
     ] }),
     !position && /* @__PURE__ */ jsx("div", { className: "modal-backdrop fade show" })

package/dist/components/Menu/components/MenuButton.d.ts

@@ -1,5 +1,5 @@
 import { ButtonProps } from '../../Button';
-export type MenuButtonProps = Pick<ButtonProps, "children" | "leftIcon" | "rightIcon" | "onClick"> & {
+export type MenuButtonProps = Pick<ButtonProps, 'children' | 'leftIcon' | 'rightIcon' | 'onClick'> & {
     selected: boolean;
 };
 export declare const MenuButton: (props: Partial<MenuButtonProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu/hooks/useMenu.d.ts

@@ -2,7 +2,7 @@ export declare const useMenu: () => {
     menuRef: import('react').MutableRefObject<HTMLUListElement | null>;
     menuItems: Set<HTMLLIElement>;
     childProps: {
-        "data-menubar-menuitem": string;
+        'data-menubar-menuitem': string;
         role: string;
     };
     onKeyDown: (event: React.KeyboardEvent<HTMLUListElement>) => void;

package/dist/components/Modal/Modal.d.ts

@@ -1,5 +1,5 @@
 export type ModalElement = HTMLDivElement;
-export type ModalSize = "sm" | "md" | "lg";
+export type ModalSize = 'sm' | 'md' | 'lg';
 export interface ModalProps {
     /**
      * Modal id (useful when multiple modal on the same page)

package/dist/components/SearchBar/SearchBar.d.ts

@@ -8,7 +8,7 @@ export interface BaseProps {
     /**
      * Control SearchBar size
      */
-    size?: Exclude<Size, "sm">;
+    size?: Exclude<Size, 'sm'>;
     /**
      * Disabled status
      */

package/dist/components/Select/Select.d.ts

@@ -14,7 +14,7 @@ export interface OptionsType {
      */
     icon?: JSX.Element;
 }
-export interface SelectProps extends Omit<DropdownProps, "children">, Omit<DropdownTriggerProps, "badgeContent"> {
+export interface SelectProps extends Omit<DropdownProps, 'children'>, Omit<DropdownTriggerProps, 'badgeContent'> {
     /**
      * Default select label
      */

package/dist/components/TextArea/TextArea.d.ts

@@ -1,6 +1,6 @@
 import { Size } from '../../types';
-export type OmitTextAreaProps = "disabled" | "required" | "size" | "id" | "readOnly";
-export interface TextAreaProps extends Omit<React.ComponentPropsWithRef<"textarea">, OmitTextAreaProps> {
+export type OmitTextAreaProps = 'disabled' | 'required' | 'size' | 'id' | 'readOnly';
+export interface TextAreaProps extends Omit<React.ComponentPropsWithRef<'textarea'>, OmitTextAreaProps> {
     /**
      * Control size of TextArea
      */