@tecsinapse/cortex-react 1.3.0-beta.21 → 1.3.0-beta.23

package/dist/esm/components/Drawer.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import { overlay, drawer } from '@tecsinapse/cortex-core';
+import React from 'react';
 
 const Drawer = ({
   children,

package/dist/esm/components/Hint.js

@@ -1,19 +1,9 @@
-import React, { forwardRef } from 'react';
 import { hint } from '@tecsinapse/cortex-core';
+import React, { forwardRef } from 'react';
 
-const Hint = forwardRef(
-  (props, ref) => {
-    const { description, children, variants } = props;
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: hint(variants),
-        ref
-      },
-      description ? /* @__PURE__ */ React.createElement("p", null, description) : /* @__PURE__ */ React.createElement(React.Fragment, null),
-      children
-    );
-  }
-);
+const Hint = forwardRef((props, ref) => {
+  const { children, variants } = props;
+  return /* @__PURE__ */ React.createElement("div", { className: hint(variants), ref }, children ?? /* @__PURE__ */ React.createElement(React.Fragment, null));
+});
 
 export { Hint };

package/dist/esm/components/Input/Search.js

@@ -8,7 +8,13 @@ import { useDebouncedState } from '../../hooks/useDebouncedState.js';
 import '@floating-ui/react';
 
 const InputSearch = React.forwardRef(
-  ({ bounceTimeout = 1e3, variants, className, onChange, ...rest }, ref) => {
+  ({
+    bounceTimeout = 1e3,
+    variants,
+    className,
+    onChange,
+    ...rest
+  }, ref) => {
     const [bouncedTextEvent, setBouncedTextEvent] = useState();
     const [searchInputEvent, setSearchInputEvent] = useDebouncedState(void 0, setBouncedTextEvent, bounceTimeout);
     useEffect(() => {

package/dist/esm/components/Menubar/MostUsedList.js

@@ -2,14 +2,13 @@ import React, { Fragment } from 'react';
 import 'clsx';
 import '@internationalized/date';
 import '../Badge.js';
-import '../BaseSnackbar.js';
 import 'react-icons/md';
 import '../Card.js';
 import '../Button.js';
 import 'react-aria';
 import 'react-stately';
 import '@floating-ui/react';
-import '../CalendarCell.js';
+import '../Calendar/CalendarCell.js';
 import '@tecsinapse/cortex-core';
 import 'react-icons/fa';
 import 'react-icons/lia';
@@ -20,7 +19,6 @@ import '../Input/Mask.js';
 import '../Input/Right.js';
 import '../Input/Root.js';
 import '../Input/Search.js';
-import 'react-icons/io';
 import '../GroupButton.js';
 import '../Hint.js';
 import { Menubar } from './index.js';
@@ -36,6 +34,8 @@ import '../Select/MultiGroupedOptions.js';
 import '../Select/MultiOptions.js';
 import '../Select/Options.js';
 import '../Select/Trigger.js';
+import '../Snackbar/BaseSnackbar.js';
+import 'react-icons/io';
 import '../Tag.js';
 import '../TextArea.js';
 import '../Toggle.js';

package/dist/esm/components/Modal.js

@@ -1,5 +1,5 @@
-import React, { forwardRef } from 'react';
 import { overlay, modal } from '@tecsinapse/cortex-core';
+import React, { forwardRef } from 'react';
 
 const Modal = forwardRef((props, ref) => {
   const { open, onClose, children, className } = props;

package/dist/esm/components/Tag.js

@@ -1,16 +1,9 @@
-import React, { forwardRef } from 'react';
 import { tag } from '@tecsinapse/cortex-core';
+import React, { forwardRef } from 'react';
 
 const Tag = forwardRef((props, ref) => {
   const { label, variants } = props;
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: tag(variants),
-      ref
-    },
-    /* @__PURE__ */ React.createElement("p", null, label)
-  );
+  return /* @__PURE__ */ React.createElement("div", { className: tag(variants), ref }, /* @__PURE__ */ React.createElement("p", null, label));
 });
 
 export { Tag };

package/dist/esm/components/TextArea.js

@@ -1,6 +1,6 @@
-import React from 'react';
 import { inputBox, labelStyle, input } from '@tecsinapse/cortex-core';
 import { clsx } from 'clsx';
+import React from 'react';
 
 const getValidChildren = (children) => {
   return React.Children.toArray(children).filter(

package/dist/esm/components/{TimeField.js → TimeField/TimeField.js}

@@ -1,10 +1,10 @@
 import React from 'react';
-import { DateSegment } from './DateSegment.js';
-import { useTimeField } from '../hooks/useTimeField.js';
+import { useTimeField } from '../../hooks/useTimeField.js';
+import { DateSegment } from '../DatePicker/DateSegment.js';
 
 const TimeField = (props) => {
   const { fieldProps, ref, state } = useTimeField(props);
   return /* @__PURE__ */ React.createElement("div", { ...fieldProps, ref, className: "flex flex-row" }, state.segments.map((segment, i) => /* @__PURE__ */ React.createElement(DateSegment, { key: i, segment, state })));
 };
 
-export { TimeField as default };
+export { TimeField };

package/dist/esm/components/{TimeFieldInput.js → TimeField/TimeFieldInput.js}

@@ -1,7 +1,7 @@
-import React from 'react';
-import { Input } from './Input/index.js';
 import { labelStyle, inputBox } from '@tecsinapse/cortex-core';
-import TimeField from './TimeField.js';
+import React from 'react';
+import { Input } from '../Input/index.js';
+import { TimeField } from './TimeField.js';
 
 const TimeFieldInput = (props) => {
   const { onChange, value, label, variants } = props;

package/dist/esm/components/Tooltip.js

@@ -1,5 +1,5 @@
-import React, { forwardRef, useRef } from 'react';
 import { FloatingArrow } from '@floating-ui/react';
+import React, { forwardRef, useRef } from 'react';
 import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';

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';
@@ -18,13 +21,15 @@ export { Modal } from './components/Modal.js';
 export { Popover } from './components/Popover/index.js';
 export { ProgressBar } from './components/ProgressBar.js';
 export { RadioButton } from './components/RadioButton.js';
-export { RangeCalendar } from './components/RangeCalendar.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 { 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';

package/dist/esm/provider/MenubarProvider.js

@@ -11,7 +11,7 @@ const MenubarProvider = ({ 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

@@ -3,14 +3,13 @@ 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 '../components/Calendar/CalendarCell.js';
 import '@tecsinapse/cortex-core';
 import 'react-icons/fa';
 import 'react-icons/lia';
@@ -21,7 +20,6 @@ import '../components/Input/Mask.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';
@@ -46,6 +44,8 @@ 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 'react-icons/io';
 import '../components/Tag.js';
 import '../components/TextArea.js';
 import '../components/Toggle.js';

package/dist/esm/service/SnackbarSonner.js

@@ -3,14 +3,13 @@ import React 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';
@@ -21,7 +20,6 @@ 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/GroupButton.js';
 import '../components/Hint.js';
 import '../provider/MenubarProvider.js';
@@ -47,6 +45,8 @@ 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/Toggle.js';

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,5 +1,5 @@
-import React from 'react';
 import { BadgeVariants } from '@tecsinapse/cortex-core';
+import React from 'react';
 interface BadgeProps {
     value: string | number;
     variants?: BadgeVariants;

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/{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,5 +1,5 @@
 import React from 'react';
-import { InputPropsBase } from './Input';
+import { InputPropsBase } from '../Input';
 interface DatePickerInputBaseProps extends InputPropsBase {
     onClickCalendar: () => void;
     children: React.ReactElement;

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/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/Snackbar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BaseSnackbar';
+export * from './DefaultSnack';

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { TagVariants } from '@tecsinapse/cortex-core';
+import React from 'react';
 interface TagProps {
     variants?: TagVariants;
     label: string;

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { InputBaseVariants } from '@tecsinapse/cortex-core';
+import React from 'react';
 interface TextAreaPropsBase {
     variants?: InputBaseVariants;
     label?: string;

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

@@ -3,5 +3,4 @@ export interface TimeFieldProps {
     value?: TimeValueType;
     onChange: (number: TimeValueType) => void;
 }
-declare const TimeField: (props: TimeFieldProps) => JSX.Element;
-export default TimeField;
+export declare const TimeField: (props: TimeFieldProps) => JSX.Element;

package/dist/types/components/{TimeFieldInput.d.ts → TimeField/TimeFieldInput.d.ts}

@@ -1,4 +1,4 @@
-import { InputPropsBase } from './Input';
+import { InputPropsBase } from '../Input';
 export type TimeValueType = {
     hour: number;
     minute: number;

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

@@ -0,0 +1,2 @@
+export * from './TimeField';
+export * from './TimeFieldInput';

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { Placement } from '@floating-ui/react';
+import React from 'react';
 interface TooltipProps {
     children: React.ReactElement;
     text: string;

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

@@ -1,13 +1,10 @@
 export * from './Avatar';
 export * from './Badge';
-export * from './BaseSnackbar';
 export * from './Breadcrumbs';
 export * from './Button';
 export * from './Calendar';
 export * from './Card';
-export * from './DatePickerInput';
-export * from './DateRangePickerInput';
-export * from './DefaultSnack';
+export * from './DatePicker';
 export * from './Divider';
 export * from './Drawer';
 export * from './GroupButton';
@@ -18,12 +15,12 @@ export * from './Modal';
 export * from './Popover';
 export * from './ProgressBar';
 export * from './RadioButton';
-export * from './RangeCalendar';
 export * from './Select';
 export * from './Skeleton';
+export * from './Snackbar';
 export * from './Table';
 export * from './Tag';
 export * from './TextArea';
-export * from './TimeFieldInput';
+export * from './TimeField';
 export * from './Toggle';
 export * from './Tooltip';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.3.0-beta.21",
+  "version": "1.3.0-beta.23",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -20,7 +20,7 @@
   "dependencies": {
     "@floating-ui/react": "^0.26.18",
     "@internationalized/date": "*",
-    "@tecsinapse/cortex-core": "0.3.0-beta.12",
+    "@tecsinapse/cortex-core": "0.3.0-beta.14",
     "clsx": "*",
     "react-aria": "^3.33.1",
     "react-icons": "^5.2.1",
@@ -43,5 +43,5 @@
     "react-dom": ">=18.0.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "c6722ce5d39bf6f0152ce2041106b511947edee9"
+  "gitHead": "51b45071d2ed294e4730031f44470b1f1a0a3f63"
 }

package/dist/cjs/components/{DefaultSnack.js → Snackbar/DefaultSnack.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var BaseSnackbar = require('./BaseSnackbar.js');
 var io = require('react-icons/io');
+var BaseSnackbar = require('./BaseSnackbar.js');
 
 const DefaultSnack = ({
   text,

package/dist/esm/components/{DefaultSnack.js → Snackbar/DefaultSnack.js}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { BaseSnackbar } from './BaseSnackbar.js';
 import { IoMdInformationCircleOutline, IoMdClose } from 'react-icons/io';
+import { BaseSnackbar } from './BaseSnackbar.js';
 
 const DefaultSnack = ({
   text,