@edifice.io/react 2.0.0-develop-rc.3 → 2.0.0-develop-rc.7

package/README.md

@@ -1,4 +1,4 @@
-# Edifice React Components
+# Edifice React Library
 
 ![npm](https://img.shields.io/npm/v/@edifice.io/react?style=flat-square)
 ![bundlephobia](https://img.shields.io/bundlephobia/min/@edifice.io/react?style=flat-square)
@@ -7,104 +7,33 @@
 
 We follow [WAI ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/) rules and [Bootstrap 5](https://getbootstrap.com/docs/5.0/components/accordion/) guidelines when making our components
 
-### Build
+### Install
 
-```bash
-pnpm run build
 ```
-
-### Lint
-
-```bash
-pnpm run lint
+pnpm add @edifice.io/react
 ```
 
-If `pnpm run lint` shows issues, run this command to fix them.
+### Modules
 
-```bash
-pnpm run fix
-```
+Optional modules are available as `sub-imports`. You can use them in specific applications:
 
-### Prettier
-
-```bash
-pnpm run format
-```
+#### Audience
 
-## Structure
+Module to track views or reactions on a resource in a specific application (e.g: Blog)
 
-### Component Folder
+#### Editor
 
-- Folder name always in PascalCase: `Button`
-- Component file in PascalCase: `Button.tsx`
-- Export types & interfaces inside Component file
-- Stories file in PascalCase + `*.stories.tsx` : `Button.stories.tsx`
+Rich Text Editor using Tiptap and our `multimedia` module.
 
-```bash
-src
-  -- ComponentFolder
-    -- Component.tsx
-    -- Component.stories.tsx
-    -- index.ts
-```
-
-- Re-export the Component inside his own `index` file: `index.ts`
-- Export everything if Component has types & interfaces
-
-```jsx
-export { default as Component } from './Component';
-export * from './Component';
-```
+#### Modals
 
-### Component Guideline
+- Onboarding Modal to greet user and give him some useful informations about an application.
+- Publish Modal to publish a resource to the BPR application.
+- Resource Modal can be used to create or edit information about a resource
+- Share Modal allows a user to share one of his resource with specific roles to users
 
-- Always document basic guideline of Component with JSDoc format. Used by Storybook to generate documentation.
-
-```jsx
-/**
- * Primary UI component for user interaction
- */
-```
-
-### Interface description
-
-- Always document typescript types and interface with JSDoc syntax. Used by Storybook to generate documentation.
-
-```jsx
-// Interface description (e.g: TreeViewProps.tsx)
-export interface ButtonProps {
-  /**
-   * Is this the principal call to action on the page?
-   */
-  primary?: boolean;
-  /**
-   * What background color to use
-   */
-  backgroundColor?: string;
-  /**
-   * How large should the button be?
-   */
-  size?: "small" | "medium" | "large";
-  /**
-   * Button contents
-   */
-  label: string;
-  /**
-   * Optional click handler
-   */
-  onClick?: () => void;
-}
-```
-
-### Index file inside `src` folder
-
-- Entry point of this React Library.
-- Import your component inside `index.ts` file.
-
-```jsx
-export * from './Button';
-```
+#### Multimedia
 
-## Dev
+All our multimedia components to use in applications or in modules.
 
-You can build your component using `Storybook`. See [README](../../docs//README.md)
+- Linker, AudioRecorder, VideoRecorder, Iframe, Embed component, ...

package/dist/components/ActionBar/ActionBar.d.ts

@@ -6,5 +6,5 @@ export interface ActionBarProps {
     children: React.ReactNode;
 }
 export type ActionBarType = React.FC<ActionBarProps>;
-declare const ActionBar: import('react').ForwardRefExoticComponent<ActionBarProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ActionBar: import('react').ForwardRefExoticComponent<ActionBarProps & import('react').RefAttributes<HTMLDivElement>>;
 export default ActionBar;

package/dist/components/ActionBar/ActionBar.js

@@ -2,7 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 const ActionBar = /* @__PURE__ */ forwardRef(({
   children
-}, ref) => /* @__PURE__ */ jsx("div", { ref, className: "actionbar", children })), ActionBar$1 = ActionBar;
+}, ref) => /* @__PURE__ */ jsx("div", { ref, className: "actionbar", children }));
 export {
-  ActionBar$1 as default
+  ActionBar,
+  ActionBar as default
 };

package/dist/components/ActionBar/index.d.ts

@@ -1,2 +1 @@
-export { default as ActionBar } from './ActionBar';
 export * from './ActionBar';

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

@@ -56,5 +56,5 @@ export interface AlertProps extends ComponentPropsWithRef<'div'> {
      */
     className?: string;
 }
-declare const Alert: import('react').ForwardRefExoticComponent<Omit<AlertProps, "ref"> & import('react').RefAttributes<AlertRef>>;
+export declare const Alert: import('react').ForwardRefExoticComponent<Omit<AlertProps, "ref"> & import('react').RefAttributes<AlertRef>>;
 export default Alert;

package/dist/components/Alert/Alert.js

@@ -1,8 +1,8 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useCallback, useImperativeHandle, useLayoutEffect, useEffect } from "react";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
-import Button from "../Button/Button.js";
+import { Button } from "../Button/Button.js";
 import { Icon } from "../Icon/Icon.js";
 const Alert = /* @__PURE__ */ forwardRef(({
   type = "success",
@@ -59,7 +59,7 @@ const Alert = /* @__PURE__ */ forwardRef(({
   }, confirmClasses = {
     "is-confirm": isConfirm
   }, divContainerClasses = clsx("alert gap-12", mapping[type].classModifier, toastClasses, confirmClasses, position, className);
-  return /* @__PURE__ */ jsx(Fragment, { children: isVisible ? /* @__PURE__ */ jsxs("div", { ref: refAlert, className: divContainerClasses, role: "alert", children: [
+  return isVisible ? /* @__PURE__ */ jsxs("div", { ref: refAlert, className: divContainerClasses, role: "alert", children: [
     !isConfirm && mapping[type].icon,
     /* @__PURE__ */ jsx("div", { className: "alert-content small", children }),
     button && /* @__PURE__ */ jsxs("div", { className: "ms-12", children: [
@@ -71,8 +71,9 @@ const Alert = /* @__PURE__ */ forwardRef(({
     autoClose && /* @__PURE__ */ jsx("div", { className: "alert-progress", style: {
       transform: "scaleX(0)"
     } })
-  ] }) : null });
-}), Alert$1 = Alert;
+  ] }) : null;
+});
 export {
-  Alert$1 as default
+  Alert,
+  Alert as default
 };

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

@@ -1,2 +1 @@
-export { default as Alert } from './Alert';
 export * from './Alert';

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

@@ -13,5 +13,5 @@ export interface AppHeaderProps extends ComponentPropsWithRef<'div'> {
      */
     isFullscreen?: boolean;
 }
-declare const AppHeader: import('react').ForwardRefExoticComponent<Omit<AppHeaderProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const AppHeader: import('react').ForwardRefExoticComponent<Omit<AppHeaderProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default AppHeader;

package/dist/components/AppHeader/AppHeader.js

@@ -16,7 +16,8 @@ const AppHeader = /* @__PURE__ */ forwardRef(({
     children,
     render ? /* @__PURE__ */ jsx("div", { className: "d-flex align-items-center ms-auto gap-8", children: render() }) : null
   ] });
-}), AppHeader$1 = AppHeader;
+});
 export {
-  AppHeader$1 as default
+  AppHeader,
+  AppHeader as default
 };

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

@@ -1,2 +1 @@
-export { default as AppHeader } from './AppHeader';
 export * from './AppHeader';

package/dist/components/AppIcon/AppIcon.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import clsx from "clsx";
-import Image from "../Image/Image.js";
+import { Image } from "../Image/Image.js";
 import useOdeIcons from "../../core/useOdeIcons/useOdeIcons.js";
 import usePaths from "../../core/usePaths/usePaths.js";
 const AppIcon = /* @__PURE__ */ forwardRef(({

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

@@ -10,5 +10,5 @@ export interface AttachmentProps extends ComponentPropsWithRef<'div'> {
     options: ReactNode | undefined;
 }
 export type AttachmentType = AttachmentProps;
-declare const Attachment: import('react').ForwardRefExoticComponent<Omit<AttachmentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Attachment: import('react').ForwardRefExoticComponent<Omit<AttachmentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default Attachment;

package/dist/components/Attachment/Attachment.js

@@ -9,7 +9,8 @@ const Attachment = /* @__PURE__ */ forwardRef(({
   /* @__PURE__ */ jsx(Icon, { name: "paperclip", size: "22" }),
   /* @__PURE__ */ jsx("div", { className: "filename text-truncate", children: name }),
   options && /* @__PURE__ */ jsx("div", { className: "options ps-12", children: options })
-] })), Attachment$1 = Attachment;
+] }));
 export {
-  Attachment$1 as default
+  Attachment,
+  Attachment as default
 };

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

@@ -1,2 +1 @@
-export { default as Attachment } from './Attachment';
 export * from './Attachment';

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

@@ -28,5 +28,5 @@ export interface AvatarProps extends React.ComponentPropsWithRef<'img'> {
      */
     className?: string;
 }
-declare const Avatar: import('react').ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Avatar: import('react').ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default Avatar;

package/dist/components/Avatar/Avatar.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import clsx from "clsx";
 import usePaths from "../../core/usePaths/usePaths.js";
-import Image from "../Image/Image.js";
+import { Image } from "../Image/Image.js";
 const Avatar = /* @__PURE__ */ forwardRef(({
   variant = "square",
   size = "md",
@@ -27,7 +27,8 @@ const Avatar = /* @__PURE__ */ forwardRef(({
     }
   }, className);
   return /* @__PURE__ */ jsx("div", { ref, className: classes, children: /* @__PURE__ */ jsx(Image, { src: src || placeholder, alt, imgPlaceholder: placeholder, ...restProps }) });
-}), Avatar$1 = Avatar;
+});
 export {
-  Avatar$1 as default
+  Avatar,
+  Avatar as default
 };

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

@@ -1,2 +1 @@
-export { default as Avatar } from './Avatar';
 export * from './Avatar';

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

@@ -43,5 +43,5 @@ export interface BadgeProps extends React.ComponentPropsWithRef<'span'> {
 /**
  * Primary UI component for user interaction
  */
-declare const Badge: import('react').ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+export declare const Badge: import('react').ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
 export default Badge;

package/dist/components/Badge/Badge.js

@@ -25,7 +25,8 @@ const Badge = /* @__PURE__ */ forwardRef(({
   }
   const classes = clsx("badge", getRadiusClass(), visibility === "always" && "position-absolute translate-middle p-8 d-inline", variant.type === "notification" && (!variant.color || variant.color === "background") && `bg-${variant.level} text-light`, variant.type === "notification" && variant.color === "text" && `text-${variant.level} bg-gray-200 border border-gray-400`, variant.type === "profile" && `badge-profile-${variant.profile}`, variant.type === "link" && "border border-secondary", className);
   return /* @__PURE__ */ jsx("span", { ref, className: classes, ...restProps, children: variant.type === "link" ? /* @__PURE__ */ jsx("div", { className: "d-flex fw-800 align-items-center", children }) : children });
-}), Badge$1 = Badge;
+});
 export {
-  Badge$1 as default
+  Badge,
+  Badge as default
 };

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

@@ -1,2 +1 @@
-export { default as Badge } from './Badge';
 export * from './Badge';

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { useTranslation } from "react-i18next";
-import Heading from "../Heading/Heading.js";
+import { Heading } from "../Heading/Heading.js";
 import BreadcrumbItem from "./BreadcrumbItem.js";
 import BreadcrumbList from "./BreadcrumbList.js";
 import BreadcrumbNav from "./BreadcrumbNav.js";

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

@@ -59,5 +59,5 @@ export interface ButtonProps extends React.ComponentPropsWithRef<'button'> {
 /**
  * Primary UI component for user interaction
  */
-declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
 export default Button;

package/dist/components/Button/Button.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import clsx from "clsx";
-import Loading from "../Loading/Loading.js";
+import { Loading } from "../Loading/Loading.js";
 const Button = /* @__PURE__ */ forwardRef(({
   color = "primary",
   type = "button",
@@ -29,7 +29,8 @@ const Button = /* @__PURE__ */ forwardRef(({
     children,
     rightIcon
   ] }) });
-}), Button$1 = Button;
+});
 export {
-  Button$1 as default
+  Button,
+  Button as default
 };

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

@@ -7,5 +7,5 @@ export interface IconButtonProps extends Omit<ButtonProps, OmittedProps> {
 /**
  * IconButton extends ButtonComponent.
  */
-declare const IconButton: import('react').ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const IconButton: import('react').ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
 export default IconButton;

package/dist/components/Button/IconButton.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import clsx from "clsx";
-import Button from "./Button.js";
+import { Button } from "./Button.js";
 const IconButton = /* @__PURE__ */ forwardRef(({
   icon,
   className,
@@ -12,7 +12,8 @@ const IconButton = /* @__PURE__ */ forwardRef(({
     className: clsx("btn-icon btn-sm", className)
   };
   return /* @__PURE__ */ jsx(Button, { ref, ...buttonProps, children: icon });
-}), IconButton$1 = IconButton;
+});
 export {
-  IconButton$1 as default
+  IconButton,
+  IconButton as default
 };

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

@@ -17,5 +17,5 @@ export interface SearchButtonProps extends Pick<IconButtonProps, PickedProps> {
 /**
  * SearchButton extends the IconButton component by omitting unnecessary props.
  */
-declare const SearchButton: import('react').ForwardRefExoticComponent<SearchButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const SearchButton: import('react').ForwardRefExoticComponent<SearchButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 export default SearchButton;

package/dist/components/Button/SearchButton.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import clsx from "clsx";
-import IconButton from "./IconButton.js";
+import { IconButton } from "./IconButton.js";
 import { Icon } from "../Icon/Icon.js";
 const SearchButton = /* @__PURE__ */ forwardRef(({
   icon = /* @__PURE__ */ jsx(Icon, { name: "search" }),
@@ -11,7 +11,8 @@ const SearchButton = /* @__PURE__ */ forwardRef(({
 }, ref) => {
   const classes = clsx("btn-search", className);
   return /* @__PURE__ */ jsx(IconButton, { ref, className: classes, icon, onClick, ...restProps });
-}), SearchButton$1 = SearchButton;
+});
 export {
-  SearchButton$1 as default
+  SearchButton,
+  SearchButton as default
 };

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

@@ -1,6 +1,3 @@
-export { default as Button } from './Button';
-export { default as IconButton } from './IconButton';
-export { default as SearchButton } from './SearchButton';
 export * from './Button';
 export * from './IconButton';
 export * from './SearchButton';

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

@@ -31,7 +31,7 @@ export interface CardProps {
      */
     className?: string;
 }
-declare const Card: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLDivElement>> & {
+export declare const Card: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLDivElement>> & {
     Title: {
         ({ children, className, }: {
             children: ReactNode;

package/dist/components/Card/Card.js

@@ -45,7 +45,8 @@ const Root = /* @__PURE__ */ forwardRef(({
   User: CardUser,
   Footer: CardFooter,
   Header: CardHeader
-}), Card$1 = Card;
+});
 export {
-  Card$1 as default
+  Card,
+  Card as default
 };

package/dist/components/Card/CardHeader.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useCardContext } from "./CardContext.js";
-import IconButton from "../Button/IconButton.js";
+import { IconButton } from "../Button/IconButton.js";
 import { Icon } from "../Icon/Icon.js";
 const CardHeader = () => {
   const {

package/dist/components/Card/CardImage.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useCardContext } from "./CardContext.js";
-import Image from "../Image/Image.js";
+import { Image } from "../Image/Image.js";
 import { AppIcon } from "../AppIcon/AppIcon.js";
 const CardImage = ({
   imageSrc,

package/dist/components/Card/CardUser.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import Avatar from "../Avatar/Avatar.js";
+import { Avatar } from "../Avatar/Avatar.js";
 import { Icon } from "../Icon/Icon.js";
 const CardUser = ({
   userSrc,

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

@@ -1,2 +1 @@
-export { default as Card } from './Card';
 export * from './Card';

package/dist/components/Checkbox/Checkbox.d.ts

@@ -17,5 +17,5 @@ export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElemen
      */
     indeterminate?: boolean;
 }
-declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLInputElement>>;
 export default Checkbox;

package/dist/components/Checkbox/Checkbox.js

@@ -29,7 +29,8 @@ const Checkbox = /* @__PURE__ */ forwardRef(({
     /* @__PURE__ */ jsx("input", { ...inputProps }),
     label && /* @__PURE__ */ jsx("label", { className: "form-check-label", htmlFor: inputProps.id, children: label })
   ] });
-}), Checkbox$1 = Checkbox;
+});
 export {
-  Checkbox$1 as default
+  Checkbox,
+  Checkbox as default
 };

package/dist/components/Checkbox/index.d.ts

@@ -1,2 +1 @@
-export { default as Checkbox } from './Checkbox';
 export * from './Checkbox';

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

@@ -14,5 +14,5 @@ export interface ColorPickerProps extends ComponentPropsWithRef<'div'> {
      */
     onSuccess?: (item: ColorPaletteItem) => void;
 }
-declare const ColorPicker: import('react').ForwardRefExoticComponent<Omit<ColorPickerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ColorPicker: import('react').ForwardRefExoticComponent<Omit<ColorPickerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default ColorPicker;

package/dist/components/ColorPicker/ColorPicker.js

@@ -3,8 +3,8 @@ import { forwardRef } from "react";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
 import { DefaultPalette, AccessiblePalette } from "./ColorPalette.js";
-import ColorPickerItem from "./ColorPickerItem.js";
-import Tooltip from "../Tooltip/Tooltip.js";
+import { ColorPickerItem } from "./ColorPickerItem.js";
+import { Tooltip } from "../Tooltip/Tooltip.js";
 import { Icon } from "../Icon/Icon.js";
 const ColorPicker = /* @__PURE__ */ forwardRef(({
   palettes = [DefaultPalette, AccessiblePalette],
@@ -31,7 +31,8 @@ const ColorPicker = /* @__PURE__ */ forwardRef(({
     ] }),
     /* @__PURE__ */ jsx("div", { className: "color-picker-palette d-flex gap-2 justify-content-between", children: palette.colors.map((hues, hueIndex) => /* @__PURE__ */ jsx("div", { className: "color-picker-hue d-flex gap-2 justify-content-between flex-column ", children: hues.map((color) => /* @__PURE__ */ jsx("button", { "aria-label": color.description, className: "color-picker-hue-color", onClick: () => handleClick(color), children: /* @__PURE__ */ jsx(ColorPickerItem, { ...restProps, model: color, selected: model === color.value }) }, color.value)) }, hueIndex)) })
   ] }, paletteIdx)) });
-}), ColorPicker$1 = ColorPicker;
+});
 export {
-  ColorPicker$1 as default
+  ColorPicker,
+  ColorPicker as default
 };

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

@@ -13,7 +13,7 @@ export interface ColorPickerItemProps {
      */
     className?: string;
 }
-declare const ColorPickerItem: {
+export declare const ColorPickerItem: {
     ({ model, selected, className, }: ColorPickerItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/ColorPicker/ColorPickerItem.js

@@ -7,7 +7,8 @@ const ColorPickerItem = ({
   className
 }) => model.isReset ? /* @__PURE__ */ jsx(Icon, { name: "delete-color" }) : /* @__PURE__ */ jsx("div", { "aria-label": model.description, className: clsx("color-picker-hue-color-item rounded-1", className, model.hue === "light" ? "light" : "dark", selected && "selected"), style: {
   backgroundColor: model.value
-} }), ColorPickerItem$1 = ColorPickerItem;
+} });
 export {
-  ColorPickerItem$1 as default
+  ColorPickerItem,
+  ColorPickerItem as default
 };

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

@@ -1,5 +1,3 @@
-export { default as ColorPicker } from './ColorPicker';
-export { default as ColorPickerItem } from './ColorPickerItem';
+export * from './ColorPalette';
 export * from './ColorPicker';
 export * from './ColorPickerItem';
-export * from './ColorPalette';

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

@@ -23,7 +23,7 @@ export interface OptionListItemType {
      */
     icon?: any;
 }
-declare const Combobox: {
+export declare const Combobox: {
     ({ onSearchResultsChange, onSearchInputChange, options, value, isLoading, noResult, searchMinLength, placeholder, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
     Trigger: ({ placeholder, value, searchMinLength, handleSearchInputChange, }: import('./ComboboxTrigger').ComboboxTriggerProps) => import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/Combobox/Combobox.js

@@ -2,8 +2,8 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect, Fragment } from "react";
 import { useTranslation } from "react-i18next";
 import ComboboxTrigger from "./ComboboxTrigger.js";
-import Dropdown from "../Dropdown/Dropdown.js";
-import Loading from "../Loading/Loading.js";
+import { Dropdown } from "../Dropdown/Dropdown.js";
+import { Loading } from "../Loading/Loading.js";
 const Combobox = ({
   onSearchResultsChange,
   onSearchInputChange,
@@ -35,7 +35,7 @@ const Combobox = ({
   ] });
 };
 Combobox.Trigger = ComboboxTrigger;
-const Combobox$1 = Combobox;
 export {
-  Combobox$1 as default
+  Combobox,
+  Combobox as default
 };

package/dist/components/Combobox/ComboboxTrigger.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { useDropdownContext } from "../Dropdown/DropdownContext.js";
-import Input from "../Input/Input.js";
-import FormControl from "../Form/FormControl.js";
+import { Input } from "../Input/Input.js";
+import { FormControl } from "../Form/FormControl.js";
 const ComboboxTrigger = ({
   placeholder,
   value = "",

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

@@ -1,2 +1 @@
-export { default as Combobox } from './Combobox';
 export * from './Combobox';

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

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