@tecsinapse/cortex-react 1.3.0-beta.8 → 1.3.0

package/dist/esm/hooks/useSelectOptions.js

@@ -0,0 +1,33 @@
+import { useState, useCallback, useEffect } from 'react';
+
+const useSelectOptions = ({
+  options: _options
+}) => {
+  const [options, setOptions] = useState();
+  const [isLoading, setIsLoading] = useState();
+  const [error, setError] = useState();
+  const initData = useCallback(async (fetch) => {
+    setIsLoading(true);
+    try {
+      const result = await fetch();
+      if (result) {
+        setOptions(result ?? []);
+      }
+    } catch (e) {
+      setError(String(e));
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    if (typeof _options === "function") initData(_options);
+    else setOptions(_options);
+  }, [_options]);
+  return {
+    isLoading,
+    options,
+    error
+  };
+};
+
+export { useSelectOptions };

package/dist/esm/hooks/useTimeField.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { useLocale, useTimeField as useTimeField$1 } from 'react-aria';
 import { useTimeFieldState } from 'react-stately';
 import { Time } from '@internationalized/date';
@@ -11,7 +11,7 @@ const useTimeField = (props) => {
     onChange: (timeValue) => onChange({ hour: timeValue.hour, minute: timeValue.minute }),
     locale
   });
-  const ref = React.useRef(null);
+  const ref = React__default.useRef(null);
   const { fieldProps } = useTimeField$1(
     {
       "aria-label": "time-field",

package/dist/esm/index.js

@@ -1,13 +1,16 @@
 export { Avatar } from './components/Avatar.js';
 export { Badge, BadgeAnchor } from './components/Badge.js';
-export { BaseSnackbar } from './components/BaseSnackbar.js';
-export { Breadcrumbs } from './components/Breadcrumbs.js';
+export { BreadcrumbItem } from './components/Breadcrumbs/BreadcrumbItem.js';
+export { Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs.js';
 export { Button } from './components/Button.js';
-export { Calendar } from './components/Calendar.js';
+export { Calendar } from './components/Calendar/Calendar.js';
+export { RangeCalendar } from './components/Calendar/RangeCalendar.js';
 export { Card } from './components/Card.js';
-export { DatePickerInput } from './components/DatePickerInput.js';
-export { DateRangePickerInput } from './components/DateRangePickerInput.js';
-export { DefaultSnack } from './components/DefaultSnack.js';
+export { DateField } from './components/DatePicker/DateField.js';
+export { DatePickerInput } from './components/DatePicker/DatePickerInput.js';
+export { DatePickerInputBase } from './components/DatePicker/DatePickerInputBase.js';
+export { DateRangePickerInput } from './components/DatePicker/DateRangePickerInput.js';
+export { DateSegment } from './components/DatePicker/DateSegment.js';
 export { Divider } from './components/Divider.js';
 export { Drawer } from './components/Drawer.js';
 export { GroupButton } from './components/GroupButton.js';
@@ -17,13 +20,16 @@ export { Menubar } from './components/Menubar/index.js';
 export { Modal } from './components/Modal.js';
 export { Popover } from './components/Popover/index.js';
 export { ProgressBar } from './components/ProgressBar.js';
-export { RangeCalendar } from './components/RangeCalendar.js';
+export { RadioButton } from './components/RadioButton.js';
 export { Select } from './components/Select/index.js';
 export { Skeleton } from './components/Skeleton.js';
+export { BaseSnackbar } from './components/Snackbar/BaseSnackbar.js';
+export { DefaultSnack } from './components/Snackbar/DefaultSnack.js';
 export { TCell, TFoot, THead, THeadCell, TRow, TRowHeader, Table, Td } from './components/Table.js';
 export { Tag } from './components/Tag.js';
-export { TextArea } from './components/TextArea.js';
-export { TimeFieldInput } from './components/TimeFieldInput.js';
+export { TextArea } from './components/TextArea/index.js';
+export { TimeField } from './components/TimeField/TimeField.js';
+export { TimeFieldInput } from './components/TimeField/TimeFieldInput.js';
 export { Toggle } from './components/Toggle.js';
 export { Tooltip } from './components/Tooltip.js';
 export { useCalendar } from './hooks/useCalendar.js';
@@ -32,7 +38,12 @@ export { useCalendarGrid } from './hooks/useCalendarGrid.js';
 export { useDatePickerInput } from './hooks/useDatePickerInput.js';
 export { useDateRangePickerInput } from './hooks/useDateRangePickerInput.js';
 export { useDebouncedState } from './hooks/useDebouncedState.js';
+export { useFloatingLogic } from './hooks/useFloatingLogic.js';
 export { useOutsideClickListener } from './hooks/useOutsideClickListener.js';
 export { useRangeCalendar } from './hooks/useRangeCalendar.js';
-export { useFloatingLogic } from './hooks/useFloatingLogic.js';
+export { useSelectGroupedOptions } from './hooks/useSelectGroupedOptions.js';
+export { useSelectOptions } from './hooks/useSelectOptions.js';
 export { SnackbarSonner } from './service/SnackbarSonner.js';
+export { MenubarProvider, useMenubar } from './provider/MenubarProvider.js';
+export { SnackbarProvider, useSnackbar } from './provider/SnackbarProvider.js';
+export { CurrencyIMask, ExpressionMasks, NumberIMask, PercentageIMask } from './components/Input/masks.js';

package/dist/esm/provider/MenubarProvider.js

@@ -1,17 +1,17 @@
-import React, { createContext, useContext } from 'react';
+import React__default, { createContext, useContext } from 'react';
 
 const MenubarContext = createContext({
   show: false,
   setShow: () => void 0
 });
 const MenubarProvider = ({ children }) => {
-  const [show, setShow] = React.useState(false);
-  return /* @__PURE__ */ React.createElement(MenubarContext.Provider, { value: { show, setShow } }, children);
+  const [show, setShow] = React__default.useState(false);
+  return /* @__PURE__ */ React__default.createElement(MenubarContext.Provider, { value: { show, setShow } }, children);
 };
 const useMenubar = () => {
   const context = useContext(MenubarContext);
   if (!context) {
-    throw new Error("useSnackbar must be used within a SnackbarProvider");
+    throw new Error("useMenubar must be used within a MenubarProvider");
   }
   return [context.show, context.setShow];
 };

package/dist/esm/provider/SnackbarProvider.js

@@ -1,49 +1,18 @@
-import { createContext } from 'react';
-import 'sonner';
-import 'clsx';
-import '@internationalized/date';
-import '../components/Badge.js';
-import '../components/BaseSnackbar.js';
-import 'react-icons/md';
-import '../components/Card.js';
-import '../components/Button.js';
-import 'react-aria';
-import 'react-stately';
-import '@floating-ui/react';
-import '../components/CalendarCell.js';
-import '@tecsinapse/cortex-core';
-import 'react-icons/fa';
-import 'react-icons/lia';
-import '../components/Input/Box.js';
-import '../components/Input/Face.js';
-import '../components/Input/Left.js';
-import '../components/Input/Right.js';
-import '../components/Input/Root.js';
-import '../components/Input/Search.js';
-import 'react-icons/io';
-import '../components/GroupButton.js';
-import '../components/Hint.js';
-import './MenubarProvider.js';
-import '../components/Menubar/Left.js';
-import '../styles/menubar.js';
-import '../components/Menubar/Right.js';
-import '../components/Menubar/Dropdown.js';
-import '../components/Menubar/MostUsed.js';
-import '../components/Menubar/MostUsedItem.js';
-import '../components/Menubar/Header.js';
-import '../components/Menubar/Item.js';
-import '../components/Menubar/SubItem.js';
-import '../components/Modal.js';
-import '../components/Popover/Context.js';
-import '../styles/calendar-cell.js';
-import '../styles/groupButton.js';
-import '../styles/progressBar.js';
-import '../components/Select/GroupedOptions.js';
-import '../components/Select/context.js';
-import '../components/Select/Trigger.js';
-import '../components/Tag.js';
-import '../components/TextArea.js';
-import '../components/Toggle.js';
-import '../components/Tooltip.js';
+import React__default, { createContext, useContext } from 'react';
+import { SnackbarSonner } from '../service/SnackbarSonner.js';
+import { Toaster } from 'sonner';
 
-createContext(null);
+const SnackbarContext = createContext(null);
+const SnackbarProvider = ({ children }) => {
+  const snackbar = new SnackbarSonner();
+  return /* @__PURE__ */ React__default.createElement(SnackbarContext.Provider, { value: { snackbar } }, children, /* @__PURE__ */ React__default.createElement(Toaster, null));
+};
+const useSnackbar = () => {
+  const context = useContext(SnackbarContext);
+  if (!context) {
+    throw new Error("useSnackbar must be used within a SnackbarProvider");
+  }
+  return context;
+};
+
+export { SnackbarProvider, useSnackbar };

package/dist/esm/service/SnackbarSonner.js

@@ -1,26 +1,26 @@
 import { toast } from 'sonner';
-import React from 'react';
+import React__default from 'react';
 import 'clsx';
 import '@internationalized/date';
 import '../components/Badge.js';
-import '../components/BaseSnackbar.js';
 import 'react-icons/md';
 import '../components/Card.js';
 import '../components/Button.js';
 import 'react-aria';
 import 'react-stately';
 import '@floating-ui/react';
-import '../components/CalendarCell.js';
+import '../components/Calendar/CalendarCell.js';
 import '@tecsinapse/cortex-core';
 import 'react-icons/fa';
 import 'react-icons/lia';
 import '../components/Input/Box.js';
 import '../components/Input/Face.js';
 import '../components/Input/Left.js';
+import '../components/Input/Mask.js';
 import '../components/Input/Right.js';
 import '../components/Input/Root.js';
 import '../components/Input/Search.js';
-import { DefaultSnack } from '../components/DefaultSnack.js';
+import '../components/Popover/Context.js';
 import '../components/GroupButton.js';
 import '../components/Hint.js';
 import '../provider/MenubarProvider.js';
@@ -35,15 +35,24 @@ import '../components/Menubar/Header.js';
 import '../components/Menubar/Item.js';
 import '../components/Menubar/SubItem.js';
 import '../components/Modal.js';
-import '../components/Popover/Context.js';
 import '../styles/calendar-cell.js';
 import '../styles/groupButton.js';
 import '../styles/progressBar.js';
+import '../components/RadioButton.js';
 import '../components/Select/GroupedOptions.js';
 import '../components/Select/context.js';
+import '../components/Select/MultiGroupedOptions.js';
+import '../components/Select/MultiOptions.js';
+import '../components/Select/Options.js';
 import '../components/Select/Trigger.js';
+import '../components/Snackbar/BaseSnackbar.js';
+import { DefaultSnack } from '../components/Snackbar/DefaultSnack.js';
 import '../components/Tag.js';
-import '../components/TextArea.js';
+import '../components/TextArea/Box.js';
+import '../components/TextArea/Face.js';
+import '../components/TextArea/Left.js';
+import '../components/TextArea/Right.js';
+import '../components/TextArea/Root.js';
 import '../components/Toggle.js';
 import '../components/Tooltip.js';
 
@@ -57,7 +66,7 @@ class SnackbarSonner {
   show(type, message, options) {
     return toast.custom(
       (t) => {
-        return /* @__PURE__ */ React.createElement(
+        return /* @__PURE__ */ React__default.createElement(
           DefaultSnack,
           {
             text: message,

package/dist/esm/styles/menubar.js

@@ -2,10 +2,18 @@ import { tv } from 'tailwind-variants';
 
 const menubar = tv({
   slots: {
-    root: "w-screen px-kilo py-deca flex flex-row justify-between bg-white z-[100]",
+    header: "relative w-screen px-kilo py-deca flex flex-row justify-between bg-white z-[100]",
     left: "flex items-center w-fit",
     right: "flex items-center gap-x-deca",
-    dropdown: "w-full bg-white flex-1 pt-kilo pb-mega shadow-default px-[8vw] z-[100]"
+    dropdown: "w-full bg-white flex-1 shadow-default z-[100] px-[8vw] absolute"
+  },
+  variants: {
+    show: {
+      true: {
+        dropdown: "pt-kilo pb-mega",
+        false: "max-h-0"
+      }
+    }
   }
 });
 const mostUsed = tv({
@@ -46,7 +54,7 @@ const animate = tv({
   variants: {
     show: {
       true: "translate-y-0 opacity-1 visible",
-      false: "-translate-y-[120%] opacity-0 invisible"
+      false: "-translate-y-[120%] opacity-0 invisible max-h-0"
     }
   }
 });

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

@@ -1,7 +1,6 @@
 import { HTMLAttributes } from 'react';
-interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
+export interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
     src?: string;
     name: string;
 }
 export declare const Avatar: ({ src, name, className, ...rest }: AvatarProps) => JSX.Element;
-export {};

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

@@ -1,12 +1,11 @@
-import React from 'react';
 import { BadgeVariants } from '@tecsinapse/cortex-core';
-interface BadgeProps {
+import * as React from 'react';
+export interface BadgeProps {
     value: string | number;
     variants?: BadgeVariants;
 }
-interface BadgeAnchorProps extends BadgeProps {
-    children: JSX.Element;
+export interface BadgeAnchorProps extends BadgeProps {
+    children: React.ReactNode;
 }
 export declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps & Omit<React.HTMLProps<HTMLDivElement>, "className">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const BadgeAnchor: React.ForwardRefExoticComponent<Omit<BadgeAnchorProps & Omit<React.HTMLProps<HTMLDivElement>, "className">, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/types/components/{BreadcrumbItem.d.ts → Breadcrumbs/BreadcrumbItem.d.ts}

@@ -1,4 +1,9 @@
-import { BreadcrumbType } from '../components';
+import { ElementType } from 'react';
+export interface BreadcrumbType {
+    title: string;
+    Component: ElementType;
+    componentProps?: any;
+}
 export interface BreadcrumbItemProps extends BreadcrumbType {
     isLast: boolean;
 }

package/dist/types/components/{Breadcrumbs.d.ts → Breadcrumbs/Breadcrumbs.d.ts}

@@ -1,9 +1,5 @@
-import React, { ElementType } from 'react';
-export interface BreadcrumbType {
-    title: string;
-    Component: ElementType;
-    componentProps?: any;
-}
+import React from 'react';
+import { BreadcrumbType } from './BreadcrumbItem';
 export interface BreadcrumbsProps extends React.HTMLAttributes<HTMLDivElement> {
     breadcrumbs: BreadcrumbType[];
 }

package/dist/types/components/Breadcrumbs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BreadcrumbItem';
+export * from './Breadcrumbs';

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

@@ -1,8 +1,7 @@
-import React from 'react';
 import { ButtonVariants } from '@tecsinapse/cortex-core';
-interface ButtonProps {
+import React from 'react';
+export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className'> {
     variants?: ButtonVariants;
     children?: React.ReactNode;
 }
 export declare const Button: React.ForwardRefExoticComponent<ButtonProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className"> & React.RefAttributes<HTMLButtonElement>>;
-export {};

package/dist/types/components/{RangeCalendar.d.ts → Calendar/RangeCalendar.d.ts}

@@ -2,9 +2,8 @@ export type DateRange = {
     start: Date;
     end: Date;
 };
-interface RangeCalendarProps {
+export interface RangeCalendarProps {
     value?: DateRange;
     onChange: (value: DateRange) => void;
 }
 export declare const RangeCalendar: ({ value, onChange }: RangeCalendarProps) => JSX.Element;
-export {};

package/dist/types/components/Calendar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Calendar';
+export * from './RangeCalendar';

package/dist/types/components/DatePicker/Content.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface ContentProps {
+    children: ReactNode;
+}
+export declare const Content: ({ children }: ContentProps) => JSX.Element;

package/dist/types/components/{DatePickerInput.d.ts → DatePicker/DatePickerInput.d.ts}

@@ -1,4 +1,4 @@
-import { InputPropsBase } from './Input';
+import { InputPropsBase } from '../Input';
 export interface DatePickerInputProps extends InputPropsBase {
     value?: Date;
     onChange: (date: Date) => void;

package/dist/types/components/{DatePickerInputBase.d.ts → DatePicker/DatePickerInputBase.d.ts}

@@ -1,8 +1,7 @@
 import React from 'react';
-import { InputPropsBase } from './Input';
+import { InputPropsBase } from '../Input';
 interface DatePickerInputBaseProps extends InputPropsBase {
-    onClickCalendar: () => void;
     children: React.ReactElement;
 }
-export declare const DatePickerInputBase: ({ children, variants, label, onClickCalendar, }: DatePickerInputBaseProps) => JSX.Element;
+export declare const DatePickerInputBase: ({ children, variants, label, }: DatePickerInputBaseProps) => JSX.Element;
 export {};

package/dist/types/components/{DateRangePickerInput.d.ts → DatePicker/DateRangePickerInput.d.ts}

@@ -1,5 +1,5 @@
-import { InputPropsBase } from './Input';
-import { DateRange } from './RangeCalendar';
+import { DateRange } from '../Calendar/RangeCalendar';
+import { InputPropsBase } from '../Input';
 export interface DateRangePickerInputProps extends InputPropsBase {
     value?: DateRange;
     onChange: (date: DateRange) => void;

package/dist/types/components/DatePicker/index.d.ts

@@ -0,0 +1,5 @@
+export * from './DateField';
+export * from './DatePickerInput';
+export * from './DatePickerInputBase';
+export * from './DateRangePickerInput';
+export * from './DateSegment';

package/dist/types/components/Drawer.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
-interface DrawerProps {
+export interface DrawerProps {
     open: boolean;
     onClose: () => void;
     position?: 'left' | 'right';
     children?: React.ReactNode;
 }
 export declare const Drawer: ({ children, onClose, open, position, }: DrawerProps) => JSX.Element;
-export {};

package/dist/types/components/Hint.d.ts

@@ -1,14 +1,7 @@
-import React from 'react';
 import { HintVariants } from '@tecsinapse/cortex-core';
-interface HintProps {
-    children?: never;
-    description: string;
-    variants?: HintVariants;
-}
-interface HintPropsWithChildrenProps {
-    children: JSX.Element;
-    description?: never;
+import React from 'react';
+export interface HintProps {
+    children: React.ReactNode;
     variants?: HintVariants;
 }
-export declare const Hint: React.ForwardRefExoticComponent<(Omit<HintProps & Omit<React.HTMLProps<HTMLDivElement>, "className">, "ref"> | Omit<HintPropsWithChildrenProps & Omit<React.HTMLProps<HTMLDivElement>, "className">, "ref">) & React.RefAttributes<HTMLDivElement>>;
-export {};
+export declare const Hint: React.ForwardRefExoticComponent<Omit<HintProps & Omit<React.HTMLProps<HTMLDivElement>, "className">, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { InputMaskProps } from './types';
+export declare const InputMask: React.ForwardRefExoticComponent<InputMaskProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -5,5 +5,7 @@ export declare const Input: {
     Left: import("react").ForwardRefExoticComponent<import("./types").InputLeftProps & import("react").RefAttributes<HTMLDivElement>>;
     Right: import("react").ForwardRefExoticComponent<import("./types").InputRightProps & import("react").RefAttributes<HTMLDivElement>>;
     Search: import("react").ForwardRefExoticComponent<import("./types").InputSearchProps & import("react").RefAttributes<HTMLInputElement>>;
+    Mask: import("react").ForwardRefExoticComponent<import("./types").InputMaskProps & import("react").RefAttributes<HTMLInputElement>>;
 };
+export * from './masks';
 export * from './types';

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

@@ -0,0 +1,39 @@
+export declare const ExpressionMasks: {
+    CPF: string;
+    CNPJ: string;
+    PHONE: string;
+    PHONE_EXTENDED: string;
+    DATE: string;
+    CEP: string;
+};
+export declare const NumberIMask: {
+    mask: NumberConstructor;
+    scale: number;
+};
+export declare const CurrencyIMask: {
+    mask: string;
+    blocks: {
+        num: {
+            mask: NumberConstructor;
+            scale: number;
+            thousandsSeparator: string;
+            padFractionalZeros: boolean;
+            radix: string;
+            mapToRadix: string[];
+        };
+    };
+};
+export declare const PercentageIMask: {
+    mask: string;
+    lazy: boolean;
+    blocks: {
+        num: {
+            mask: NumberConstructor;
+            scale: number;
+            thousandsSeparator: string;
+            padFractionalZeros: boolean;
+            radix: string;
+            mapToRadix: string[];
+        };
+    };
+};

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

@@ -18,3 +18,14 @@ export interface InputRightProps extends React.HTMLAttributes<HTMLDivElement> {
 export interface InputSearchProps extends InputProps {
     bounceTimeout?: number;
 }
+export type InputMaskEvent = {
+    value: string;
+    unmaskedValue: string;
+};
+export interface Mask extends Record<string, any> {
+    mask: any;
+}
+export interface InputMaskProps extends Omit<InputProps, 'onChange'> {
+    onChange?: (e: InputMaskEvent) => void;
+    mask: Mask;
+}

package/dist/types/components/Popover/Provider.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
 import { Placement } from '@floating-ui/react';
+import { ReactNode } from 'react';
 export interface PopoverProviderProps {
     children: ReactNode;
     placement?: Placement;

package/dist/types/components/Popover/Trigger.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 export interface PopoverTriggerProps {
     children: React.ReactElement;
 }
-export declare const PopoverTrigger: ({ children }: PopoverTriggerProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare const PopoverTrigger: ({ children }: PopoverTriggerProps) => React.FunctionComponentElement<any>;

package/dist/types/components/Popover/index.d.ts

@@ -1,6 +1,6 @@
 export declare const Popover: {
     Root: ({ children, placement, trigger, }: import("./Root").PopoverRootProps) => JSX.Element;
-    Trigger: ({ children }: import("./Trigger").PopoverTriggerProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    Trigger: ({ children }: import("./Trigger").PopoverTriggerProps) => import("react").FunctionComponentElement<any>;
     Content: ({ children, className, }: import("./Content").PopoverContentProps) => JSX.Element;
     Provider: ({ children, placement, trigger, }: import("./Provider").PopoverProviderProps) => JSX.Element;
 };

package/dist/types/components/RadioButton.d.ts

@@ -0,0 +1,6 @@
+import React, { InputHTMLAttributes } from 'react';
+export interface RadioButtonProps extends InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+    reversed?: boolean;
+}
+export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,9 +1,2 @@
-import { ReactNode } from 'react';
-interface ContentProps<T> {
-    children: ReactNode;
-    keyExtractor: (value: T) => string;
-    labelExtractor: (value: T) => string;
-    value?: T;
-}
-declare const Content: <T>({ children, keyExtractor, labelExtractor, value, }: ContentProps<T>) => JSX.Element;
-export default Content;
+import { ContentProps } from './types';
+export declare const Content: ({ children }: ContentProps) => JSX.Element;

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

@@ -1,6 +1,2 @@
-export interface SelectGroupedOptionsProps<T> {
-    onSelect: (value: T) => void;
-    options?: Map<string, T[]>;
-    groupedLabelExtractor: (value: string) => string;
-}
+import { SelectGroupedOptionsProps } from '.';
 export declare const SelectGroupedOptions: <T>({ onSelect, groupedLabelExtractor, options, }: SelectGroupedOptionsProps<T>) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { SelectMultiCheckAllOptionsProps } from './types';
+export declare const SelectMultiCheckAllOptions: <T>({ checkAllLabel, }: SelectMultiCheckAllOptionsProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { SelectMultiGroupedOptionsProps } from '.';
+export declare const SelectMultiGroupedOptions: <T>({ onSelect, groupedLabelExtractor, options, children, }: SelectMultiGroupedOptionsProps<T>) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { SelectMultiOptionProps } from './types';
+export declare const SelectMultiOption: <T>({ onSelectOption, option, grouped, }: SelectMultiOptionProps<T>) => JSX.Element;

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

@@ -0,0 +1,2 @@
+import { SelectMultiOptionsProps } from '.';
+export declare const SelectMultiOptions: <T>({ onSelect, options, children, }: SelectMultiOptionsProps<T>) => JSX.Element;

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

@@ -1,5 +1,2 @@
-export interface SelectOptionProps<T> {
-    option: T;
-    onSelectOption: (option: T) => void;
-}
-export declare const SelectOption: <T>({ onSelectOption, option, }: SelectOptionProps<T>) => JSX.Element;
+import { SelectOptionProps } from './types';
+export declare const SelectOption: <T>({ onSelectOption, option, grouped, }: SelectOptionProps<T>) => JSX.Element;

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

@@ -1,5 +1,2 @@
-export interface SelectOptionsProps<T> {
-    options?: T[];
-    onSelect: (value: T) => void;
-}
+import { SelectOptionsProps } from '.';
 export declare const SelectOptions: <T>({ onSelect, options, }: SelectOptionsProps<T>) => JSX.Element;

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

@@ -1,5 +1,2 @@
-import { ReactNode } from 'react';
-export interface SelectPopoverProps {
-    children: ReactNode;
-}
+import { SelectPopoverProps } from './types';
 export declare const SelectPopover: ({ children }: SelectPopoverProps) => JSX.Element;

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

@@ -1,8 +1,2 @@
-import { ReactNode } from 'react';
-export interface SelectRootProps<T> {
-    children: ReactNode;
-    value?: T;
-    keyExtractor: (value: T) => string;
-    labelExtractor: (value: T) => string;
-}
+import { SelectRootProps } from './types';
 export declare const SelectRoot: <T>({ children, value, keyExtractor, labelExtractor, }: SelectRootProps<T>) => JSX.Element;