colibri-ui 0.8.71 → 0.8.73

package/TabsMenu/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var tslib = require('tslib');
 var React = require('react');
 var clsx = require('clsx');
@@ -70,7 +68,7 @@ var TabsMenu = function TabsMenu(_a) {
     var id = _a.id,
       disabled = _a.disabled,
       tabProps = tslib.__rest(_a, ["id", "disabled"]);
-    return /*#__PURE__*/React__default.default.createElement(Tab.default, Object.assign({}, tabProps, {
+    return /*#__PURE__*/React__default.default.createElement(Tab.Tab, Object.assign({}, tabProps, {
       innerRef: tabsRefs[index],
       disabled: disabled,
       size: size,
@@ -89,4 +87,4 @@ var TabsMenu = function TabsMenu(_a) {
   }));
 };
 
-exports.default = TabsMenu;
+exports.TabsMenu = TabsMenu;

package/TabsMenu/index.props.d.ts

@@ -1,5 +1,5 @@
 import type { RefObject } from "react";
-import type { TabProps } from "./Tab/Tab.props";
+import type { TabProps } from "./Tab/index.props";
 export type Size = "xs" | "s" | "m" | "l";
 export type TabsMenuProps = {
     activeTab?: string;

package/TabsPanels/index.d.ts

@@ -1,4 +1,3 @@
 import type { TabsPanelsProps } from "./index.props";
 import type { FC } from "react";
-declare const TabsPanels: FC<TabsPanelsProps>;
-export default TabsPanels;
+export declare const TabsPanels: FC<TabsPanelsProps>;

package/TabsPanels/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var tslib = require('tslib');
 var React = require('react');
 var clsx = require('clsx');
@@ -41,4 +39,4 @@ var TabsPanels = function TabsPanels(_a) {
   }, panelProps)));
 };
 
-exports.default = TabsPanels;
+exports.TabsPanels = TabsPanels;

package/TextArea/index.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
 import type { ITextAreaProps } from "./index.props";
-declare const TextArea: ({ className, value, minRows, maxRows, onChange, label, required, hasError, hint, disabled, inputRef, ref, ...props }: ITextAreaProps) => React.JSX.Element;
-export default TextArea;
+export declare const TextArea: ({ className, value, minRows, maxRows, onChange, label, required, hasError, hint, disabled, inputRef, ref, ...props }: ITextAreaProps) => React.JSX.Element;

package/TextArea/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var tslib = require('tslib');
 var React = require('react');
 var TextareaAutosize = require('react-textarea-autosize');
@@ -37,14 +35,14 @@ var TextArea = function TextArea(_a) {
   var onChangeHandler = function onChangeHandler(event) {
     if (onChange) onChange(event.target.value, event);
   };
-  return /*#__PURE__*/React__default.default.createElement(index.default, {
+  return /*#__PURE__*/React__default.default.createElement(index.FormField, {
     ref: ref,
     className: clsx__default.default(className),
     required: required,
     label: label,
     hint: hint,
     hasError: hasError
-  }, /*#__PURE__*/React__default.default.createElement(index$1.default, {
+  }, /*#__PURE__*/React__default.default.createElement(index$1.InputRoot, {
     disabled: !!disabled,
     hasError: hasError
   }, /*#__PURE__*/React__default.default.createElement(TextareaAutosize__default.default, Object.assign({
@@ -58,4 +56,4 @@ var TextArea = function TextArea(_a) {
   }, props))));
 };
 
-exports.default = TextArea;
+exports.TextArea = TextArea;

package/TimeSelect/Label/index.d.ts

@@ -1,8 +1,3 @@
 import type { FC } from "react";
-type OptionLabelProps = {
-    time: string;
-    onClick?: () => void;
-    onMouseEnter?: () => void;
-};
-declare const OptionLabel: FC<OptionLabelProps>;
-export default OptionLabel;
+import type { OptionLabelProps } from "./index.props";
+export declare const OptionLabel: FC<OptionLabelProps>;

package/TimeSelect/Label/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -22,4 +20,4 @@ var OptionLabel = function OptionLabel(_ref) {
   );
 };
 
-exports.default = OptionLabel;
+exports.OptionLabel = OptionLabel;

package/TimeSelect/Label/index.props.d.ts

@@ -0,0 +1,5 @@
+export type OptionLabelProps = {
+    time: string;
+    onClick?: () => void;
+    onMouseEnter?: () => void;
+};

package/TimeSelect/index.d.ts

@@ -1,11 +1,3 @@
-import type { SelectProps } from "../Select/index.props";
-import type { TimeRange } from "./helpers";
 import type { FC } from "react";
-interface TimeSelectProps extends Omit<SelectProps<string>, "options"> {
-    interval?: 5 | 10 | 15 | 30;
-    currentDate?: Date | null;
-    selectedDate?: Date | null;
-    allowedTimeRange?: TimeRange;
-}
-declare const TimeSelect: FC<TimeSelectProps>;
-export default TimeSelect;
+import type { TimeSelectProps } from "./index.props";
+export declare const TimeSelect: FC<TimeSelectProps>;

package/TimeSelect/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var index$1 = require('../Select/index.js');
 var helpers = require('./helpers.js');
@@ -36,7 +34,7 @@ var TimeSelect = function TimeSelect(_ref) {
     return helpers.generateSuggest(interval).map(function (item) {
       return {
         value: item.time,
-        label: /*#__PURE__*/React__default.default.createElement(index.default, {
+        label: /*#__PURE__*/React__default.default.createElement(index.OptionLabel, {
           time: item.time
         })
       };
@@ -50,7 +48,7 @@ var TimeSelect = function TimeSelect(_ref) {
       });
     });
   }, [baseOptions, currentDate, selectedDate, allowedTimeRange, interval]);
-  return /*#__PURE__*/React__default.default.createElement(index$1.default, {
+  return /*#__PURE__*/React__default.default.createElement(index$1.Select, {
     className: className,
     customInputRoot: customInputRoot,
     fontSize: fontSize,
@@ -70,4 +68,4 @@ var TimeSelect = function TimeSelect(_ref) {
   });
 };
 
-exports.default = TimeSelect;
+exports.TimeSelect = TimeSelect;

package/TimeSelect/index.props.d.ts

@@ -0,0 +1,8 @@
+import type { SelectProps } from "../Select/index.props";
+import type { TimeRange } from "./helpers";
+export interface TimeSelectProps extends Omit<SelectProps<string>, "options"> {
+    interval?: 5 | 10 | 15 | 30;
+    currentDate?: Date | null;
+    selectedDate?: Date | null;
+    allowedTimeRange?: TimeRange;
+}

package/Tooltip/index.d.ts

@@ -1,4 +1,3 @@
 import { type FC, type PropsWithChildren } from "react";
 import type { TooltipProps } from "./index.props";
-declare const Tooltip: FC<PropsWithChildren<TooltipProps>>;
-export default Tooltip;
+export declare const Tooltip: FC<PropsWithChildren<TooltipProps>>;

package/Tooltip/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var react = require('@floating-ui/react');
@@ -86,4 +84,4 @@ var Tooltip = function Tooltip(_ref) {
   }))))));
 };
 
-exports.default = Tooltip;
+exports.Tooltip = Tooltip;

package/Typography/index.d.ts

@@ -1,4 +1,3 @@
 import { type TypographyProps } from "./index.props";
 import type { FC, PropsWithChildren } from "react";
-declare const Typography: FC<PropsWithChildren<TypographyProps>>;
-export default Typography;
+export declare const Typography: FC<PropsWithChildren<TypographyProps>>;

package/Typography/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var tslib = require('tslib');
 var React = require('react');
@@ -31,4 +29,4 @@ var Typography = function Typography(_a) {
   }), children);
 };
 
-exports.default = Typography;
+exports.Typography = Typography;

package/base/BaseInput/index.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const BaseInput: ({ className, onFocus, onChange, onBlur, onKeyDown, ref, ...props }: Props) => React.JSX.Element;
-export default BaseInput;
+export declare const BaseInput: ({ className, onFocus, onChange, onBlur, onKeyDown, ref, ...props }: Props) => React.JSX.Element;

package/base/BaseInput/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var tslib = require('tslib');
 var React = require('react');
 var clsx = require('clsx');
@@ -36,4 +34,4 @@ var BaseInput = function BaseInput(_a) {
   }, props));
 };
 
-exports.default = BaseInput;
+exports.BaseInput = BaseInput;

package/base/FormField/index.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
 import type { FormFieldProps } from "./index.props";
-declare const FormField: ({ label, hint, children, hasError, required, className, ref, }: FormFieldProps) => React.JSX.Element;
-export default FormField;
+export declare const FormField: ({ label, hint, children, hasError, required, className, ref, }: FormFieldProps) => React.JSX.Element;

package/base/FormField/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var clsx = require('clsx');
@@ -26,14 +24,14 @@ var FormField = function FormField(_ref) {
   return /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default(styles__default.default.container, className),
     ref: ref
-  }, label && (/*#__PURE__*/React__default.default.createElement(index.default, {
+  }, label && (/*#__PURE__*/React__default.default.createElement(index.Typography, {
     className: clsx__default.default(styles__default.default.label, _defineProperty__default.default({}, styles__default.default.label_required, Boolean(required))),
     tag: "label"
-  }, label)), children, hint && (/*#__PURE__*/React__default.default.createElement(index.default, {
+  }, label)), children, hint && (/*#__PURE__*/React__default.default.createElement(index.Typography, {
     className: clsx__default.default(_defineProperty__default.default({}, styles__default.default.hint_error, hasError)),
     variant: hasError ? "alert" : "secondary",
     tag: "span"
   }, hint)));
 };
 
-exports.default = FormField;
+exports.FormField = FormField;

package/base/InputRoot/index.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
 import type { InputProps } from "./index.props";
-declare const InputRoot: ({ active, className, startIcon, endIcon, children, variant, disabled, hasError, style, size, ref, }: InputProps) => React.JSX.Element;
-export default InputRoot;
+export declare const InputRoot: ({ active, className, startIcon, endIcon, children, variant, disabled, hasError, style, size, ref, }: InputProps) => React.JSX.Element;

package/base/InputRoot/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var clsx = require('clsx');
@@ -40,4 +38,4 @@ var InputRoot = function InputRoot(_ref) {
   }));
 };
 
-exports.default = InputRoot;
+exports.InputRoot = InputRoot;

package/esm/Accordion/index.d.ts

@@ -1,9 +1,3 @@
-import type { FC, ReactNode, PropsWithChildren } from "react";
-type Props = {
-    title: ReactNode;
-    className?: string;
-    boldTitle?: boolean;
-    tabIndex?: number;
-};
-declare const Accordion: FC<PropsWithChildren<Props>>;
-export default Accordion;
+import type { FC } from "react";
+import type { AccordionProps } from "./index.props";
+export declare const Accordion: FC<AccordionProps>;

package/esm/Accordion/index.js

@@ -3,8 +3,8 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React, { useState, useRef, useEffect } from 'react';
 import clsx from 'clsx';
 import 'tslib';
-import Chevron from '../Icons/Chevron.js';
-import Typography from '../Typography/index.js';
+import { Chevron } from '../Icons/Chevron.js';
+import { Typography } from '../Typography/index.js';
 import styles from './Accordion.module.css';
 
 var Accordion = function Accordion(_ref) {
@@ -54,4 +54,4 @@ var Accordion = function Accordion(_ref) {
   }, children));
 };
 
-export { Accordion as default };
+export { Accordion };

package/esm/Accordion/index.props.d.ts

@@ -0,0 +1,7 @@
+import type { PropsWithChildren, ReactNode } from "react";
+export type AccordionProps = PropsWithChildren<{
+    title: ReactNode;
+    className?: string;
+    boldTitle?: boolean;
+    tabIndex?: number;
+}>;

package/esm/Avatar/index.d.ts

@@ -1,4 +1,3 @@
 import type { AvatarProps } from "./index.props";
 import type { FC } from "react";
-declare const Avatar: FC<AvatarProps>;
-export default Avatar;
+export declare const Avatar: FC<AvatarProps>;

package/esm/Avatar/index.js

@@ -102,4 +102,4 @@ var Avatar = /*#__PURE__*/memo(function (props) {
   );
 });
 
-export { Avatar as default };
+export { Avatar };

package/esm/Badge/index.d.ts

@@ -1,4 +1,3 @@
 import type { FC, PropsWithChildren } from "react";
 import type { Props } from "./index.props";
-declare const Badge: FC<PropsWithChildren<Props>>;
-export default Badge;
+export declare const Badge: FC<PropsWithChildren<Props>>;

package/esm/Badge/index.js

@@ -28,4 +28,4 @@ var Badge = function Badge(_a) {
   }, displayValue)));
 };
 
-export { Badge as default };
+export { Badge };

package/esm/Button/index.d.ts

@@ -1,4 +1,3 @@
 import React from "react";
 import { type ButtonProps } from "./index.props";
-declare const Button: ({ className, fullWidth, variant, iconStart, iconEnd, icon, size, children, disabled, onClick, type, ref, ...props }: ButtonProps) => React.JSX.Element;
-export default Button;
+export declare const Button: ({ className, fullWidth, variant, iconStart, iconEnd, icon, size, children, disabled, onClick, type, ref, ...props }: ButtonProps) => React.JSX.Element;

package/esm/Button/index.js

@@ -39,4 +39,4 @@ var Button = function Button(_a) {
   }, iconEnd));
 };
 
-export { Button as default };
+export { Button };

package/esm/Calendar/Calendar.d.ts

@@ -1,43 +1,3 @@
 import React from "react";
-import type { HTMLAttributes, ReactNode } from "react";
-export type CalendarSize = "xs" | "s" | "m" | "l" | "xl";
-export type CalendarSelectionMode = "single" | "range";
-export type CalendarView = "days" | "months" | "years";
-export interface CalendarEvent {
-    date: Date;
-    color?: string;
-    label?: ReactNode;
-}
-export interface CalendarCommonProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
-    defaultVisibleMonth?: Date;
-    defaultView?: CalendarView;
-    disabledDates?: Date[] | ((date: Date) => boolean);
-    events?: CalendarEvent[];
-    locale?: string;
-    maxDate?: Date;
-    minDate?: Date;
-    monthLabel?: string;
-    monthsToShow?: 1 | 2;
-    nextMonthLabel?: string;
-    onVisibleMonthChange?: (month: Date) => void;
-    previousMonthLabel?: string;
-    showOutsideDays?: boolean;
-    size?: CalendarSize;
-    visibleMonth?: Date;
-    weekStartsOn?: 0 | 1;
-    yearLabel?: string;
-    yearRange?: [number, number];
-}
-export interface CalendarSingleProps extends CalendarCommonProps {
-    onChange: (value: Date) => void;
-    selectionMode?: "single";
-    value: Date | null;
-}
-export interface CalendarRangeProps extends CalendarCommonProps {
-    onChange: (value: [Date | null, Date | null]) => void;
-    selectionMode: "range";
-    value: [Date | null, Date | null];
-}
-export type CalendarProps = CalendarSingleProps | CalendarRangeProps;
-declare const Calendar: (props: CalendarProps) => React.JSX.Element;
-export default Calendar;
+import type { CalendarProps } from "./index.props";
+export declare const Calendar: (props: CalendarProps) => React.JSX.Element;

package/esm/Calendar/Calendar.js

@@ -2,8 +2,8 @@ import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { __rest } from 'tslib';
 import React, { useState, useRef, useMemo } from 'react';
-import Button from '../Button/index.js';
-import Chevron from '../Icons/Chevron.js';
+import { Button } from '../Button/index.js';
+import { Chevron } from '../Icons/Chevron.js';
 import styles from './Calendar.module.css';
 
 var cx = function cx() {
@@ -496,4 +496,4 @@ var Calendar = function Calendar(props) {
   }))));
 };
 
-export { Calendar as default };
+export { Calendar };

package/esm/Calendar/index.d.ts

@@ -1,2 +1,2 @@
-export { default, default as Calendar } from "./Calendar";
-export type { CalendarEvent, CalendarCommonProps, CalendarProps, CalendarRangeProps, CalendarSelectionMode, CalendarSingleProps, CalendarSize, CalendarView, } from "./Calendar";
+export { Calendar } from "./Calendar";
+export type { CalendarEvent, CalendarCommonProps, CalendarProps, CalendarRangeProps, CalendarSelectionMode, CalendarSingleProps, CalendarSize, CalendarView, } from "./index.props";

package/esm/Calendar/index.props.d.ts

@@ -0,0 +1,40 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export type CalendarSize = "xs" | "s" | "m" | "l" | "xl";
+export type CalendarSelectionMode = "single" | "range";
+export type CalendarView = "days" | "months" | "years";
+export interface CalendarEvent {
+    date: Date;
+    color?: string;
+    label?: ReactNode;
+}
+export interface CalendarCommonProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+    defaultVisibleMonth?: Date;
+    defaultView?: CalendarView;
+    disabledDates?: Date[] | ((date: Date) => boolean);
+    events?: CalendarEvent[];
+    locale?: string;
+    maxDate?: Date;
+    minDate?: Date;
+    monthLabel?: string;
+    monthsToShow?: 1 | 2;
+    nextMonthLabel?: string;
+    onVisibleMonthChange?: (month: Date) => void;
+    previousMonthLabel?: string;
+    showOutsideDays?: boolean;
+    size?: CalendarSize;
+    visibleMonth?: Date;
+    weekStartsOn?: 0 | 1;
+    yearLabel?: string;
+    yearRange?: [number, number];
+}
+export interface CalendarSingleProps extends CalendarCommonProps {
+    onChange: (value: Date) => void;
+    selectionMode?: "single";
+    value: Date | null;
+}
+export interface CalendarRangeProps extends CalendarCommonProps {
+    onChange: (value: [Date | null, Date | null]) => void;
+    selectionMode: "range";
+    value: [Date | null, Date | null];
+}
+export type CalendarProps = CalendarSingleProps | CalendarRangeProps;

package/esm/Card/Card.d.ts

@@ -1,22 +1,5 @@
 import React from "react";
-import type { CSSProperties, HTMLAttributes } from "react";
-export type CardSize = "s" | "m" | "l";
-export type CardOrientation = "horizontal" | "vertical";
-export type CardBackgroundType = "none" | "solid";
-export interface CardProps extends HTMLAttributes<HTMLDivElement> {
-    size?: CardSize;
-    view?: "default" | string;
-    orientation?: CardOrientation;
-    selected?: boolean;
-    backgroundType?: CardBackgroundType;
-}
-export interface CardContentProps extends HTMLAttributes<HTMLDivElement> {
-    aspectRatio?: CSSProperties["aspectRatio"] | number;
-    orientation?: CardOrientation;
-}
-export interface CardInnerContentProps extends HTMLAttributes<HTMLDivElement> {
-    orientation?: CardOrientation;
-}
+import type { CardContentProps, CardInnerContentProps, CardProps } from "./index.props";
 /** Root card container. */
 export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
 /** Clipped card area that normally contains media and CardInnerContent. */

package/esm/Card/index.d.ts

@@ -1,2 +1,2 @@
 export { Card, CardContent, CardInnerContent } from "./Card";
-export type { CardProps, CardContentProps, CardInnerContentProps, CardSize, CardOrientation, CardBackgroundType, } from "./Card";
+export type { CardProps, CardContentProps, CardInnerContentProps, CardSize, CardOrientation, CardBackgroundType, } from "./index.props";

package/esm/Card/index.props.d.ts

@@ -0,0 +1,18 @@
+import type { CSSProperties, HTMLAttributes } from "react";
+export type CardSize = "s" | "m" | "l";
+export type CardOrientation = "horizontal" | "vertical";
+export type CardBackgroundType = "none" | "solid";
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    size?: CardSize;
+    view?: "default" | string;
+    orientation?: CardOrientation;
+    selected?: boolean;
+    backgroundType?: CardBackgroundType;
+}
+export interface CardContentProps extends HTMLAttributes<HTMLDivElement> {
+    aspectRatio?: CSSProperties["aspectRatio"] | number;
+    orientation?: CardOrientation;
+}
+export interface CardInnerContentProps extends HTMLAttributes<HTMLDivElement> {
+    orientation?: CardOrientation;
+}

package/esm/Checkbox/index.d.ts

@@ -1,4 +1,3 @@
 import type { FC } from "react";
 import type { CheckboxProps } from "./index.props";
-declare const Checkbox: FC<CheckboxProps>;
-export default Checkbox;
+export declare const Checkbox: FC<CheckboxProps>;

package/esm/Checkbox/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React from 'react';
 import clsx from 'clsx';
-import Typography from '../Typography/index.js';
+import { Typography } from '../Typography/index.js';
 import styles from './Checkbox.module.css';
 
 var Checkbox = function Checkbox(_ref) {
@@ -46,4 +46,4 @@ var Checkbox = function Checkbox(_ref) {
   }, hint)));
 };
 
-export { Checkbox as default };
+export { Checkbox };

package/esm/Chip/index.d.ts

@@ -1,4 +1,3 @@
 import type { ChipProps } from "./index.props";
 import type { FC, PropsWithChildren } from "react";
-declare const Chip: FC<PropsWithChildren<ChipProps>>;
-export default Chip;
+export declare const Chip: FC<PropsWithChildren<ChipProps>>;

package/esm/Chip/index.js

@@ -40,4 +40,4 @@ var Chip = function Chip(_a) {
   }, iconEnd))));
 };
 
-export { Chip as default };
+export { Chip };

package/esm/ClickOutside/index.d.ts

@@ -1,6 +1,3 @@
-import { type FC, type PropsWithChildren } from "react";
-type ClickOutsideProps = {
-    onClick: (event: MouseEvent | TouchEvent) => void;
-};
-declare const ClickOutside: FC<PropsWithChildren<ClickOutsideProps>>;
-export default ClickOutside;
+import { type FC } from "react";
+import type { ClickOutsideProps } from "./index.props";
+export declare const ClickOutside: FC<ClickOutsideProps>;

package/esm/ClickOutside/index.js

@@ -1,5 +1,5 @@
 import { useRef, isValidElement, cloneElement, useCallback } from 'react';
-import useOnClickOutside from '../hooks/useOnClickOutside/index.js';
+import { useOnClickOutside } from '../hooks/useOnClickOutside/index.js';
 
 /**
  * Merges multiple refs (callback or object) into a single ref callback.
@@ -31,4 +31,4 @@ var ClickOutside = function ClickOutside(_ref) {
   });
 };
 
-export { ClickOutside as default };
+export { ClickOutside };

package/esm/ClickOutside/index.props.d.ts

@@ -0,0 +1,4 @@
+import type { PropsWithChildren } from "react";
+export type ClickOutsideProps = PropsWithChildren<{
+    onClick: (event: MouseEvent | TouchEvent) => void;
+}>;