@agregio-solutions/design-system 1.87.0 → 1.88.0

package/dist/packages/components/Select/{index.d.ts → Select.d.ts}

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
 import { ButtonProps } from 'react-aria-components';
-import { Props as FormGroupWrapperProps } from '../../internal-components/FormGroupWrapper';
+import { Props as FormGroupWrapperProps } from '../../internal-components/FormGroupWrapper/FormGroupWrapper';
 import { Props as LabelProps } from '../Label/Label';
-interface GenericProps extends Pick<LabelProps, "label" | "labelIconRight" | "required">, Pick<FormGroupWrapperProps, "description" | "helperText" | "helperTextIcon" | "errorHelperText" | "errorHelperTextIcon" | "successHelperText" | "successHelperTextIcon" | "warningHelperText" | "warningHelperTextIcon" | "orientation"> {
+interface GenericProps extends Pick<LabelProps, "label" | "labelIconRight" | "labelIconRightTooltip" | "required">, Pick<FormGroupWrapperProps, "description" | "helperText" | "helperTextIcon" | "errorHelperText" | "errorHelperTextIcon" | "successHelperText" | "successHelperTextIcon" | "warningHelperText" | "warningHelperTextIcon" | "orientation"> {
     /**
      * Required id, used mainly to link the label to the field
      */

package/dist/packages/components/SelectItem/{index.d.ts → SelectItem.d.ts}

@@ -1,4 +1,4 @@
-import { IconName } from '../Icon';
+import { IconName } from '../Icon/Icon';
 export type Props = {
     /**
      * The id of the item, returned in the `onChange` event

package/dist/packages/components/Slider/Slider.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { IconName } from '../Icon';
+import { IconName } from '../Icon/Icon';
 export interface Props {
     /**
      * Required label for the field
@@ -73,6 +73,11 @@ export interface Props {
      * Optional icon to display on the right side of the label
      */
     labelIconRight?: IconName;
+    /**
+     * Optional tooltip text to display when hovering the labelIconRight icon.
+     * Requires `labelIconRight` to be set. When provided, the icon is wrapped in a Tooltip.
+     */
+    labelIconRightTooltip?: string;
     /**
      * Optional description to display under the label and above the field
      */
@@ -108,4 +113,4 @@ export interface Props {
      */
     "aria-label"?: string;
 }
-export default function Slider({ id, label, minValue, maxValue, step, isDisabled, style, className, onChange, onChangeEnd, value: initialValue, thumbLabels, labelIconRight, description, helperText, helperTextIcon, errorHelperText, errorHelperTextIcon, successHelperText, successHelperTextIcon, isInvalid, withTrackDots, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Slider({ id, label, minValue, maxValue, step, isDisabled, style, className, onChange, onChangeEnd, value: initialValue, thumbLabels, labelIconRight, labelIconRightTooltip, description, helperText, helperTextIcon, errorHelperText, errorHelperTextIcon, successHelperText, successHelperTextIcon, isInvalid, withTrackDots, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/packages/components/Stepper/Step/Step.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { IconName } from '../../Icon';
+import { IconName } from '../../Icon/Icon';
 export interface Props {
     /**
      * The title of the step.

package/dist/packages/components/Tabs/Tab/{index.d.ts → Tab.d.ts}

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Props as BadgeProps } from '../../Badge';
+import { Props as BadgeProps } from '../../Badge/Badge';
 export type Props = {
     /**
      * Required unique Key of the tab.

package/dist/packages/components/Tag/{index.d.ts → Tag.d.ts}

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { IconName } from '../Icon';
+import { IconName } from '../Icon/Icon';
 export type Props = {
     /**
      * Specifies the tag color. The default is "default".

package/dist/packages/components/TextInput/TextInput.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
-import { IconName } from '../Icon';
+import { IconName } from '../Icon/Icon';
 import { Props as LabelProps } from '../Label/Label';
-import { Props as FormGroupWrapperProps } from '../../internal-components/FormGroupWrapper';
-export type Props = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & Pick<LabelProps, "label" | "labelIconRight" | "required"> & Pick<FormGroupWrapperProps, "description" | "helperText" | "helperTextIcon" | "errorHelperText" | "errorHelperTextIcon" | "successHelperText" | "successHelperTextIcon" | "warningHelperText" | "warningHelperTextIcon" | "orientation"> & {
+import { Props as FormGroupWrapperProps } from '../../internal-components/FormGroupWrapper/FormGroupWrapper';
+export type Props = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & Pick<LabelProps, "label" | "labelIconRight" | "labelIconRightTooltip" | "required"> & Pick<FormGroupWrapperProps, "description" | "helperText" | "helperTextIcon" | "errorHelperText" | "errorHelperTextIcon" | "successHelperText" | "successHelperTextIcon" | "warningHelperText" | "warningHelperTextIcon" | "orientation"> & {
     /**
      * Whether to render the component as a textarea or an input.
      * @default "input"
@@ -46,7 +46,7 @@ export type Props = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> &
      */
     rows?: number;
 };
-declare const TextInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & Pick<LabelProps, "label" | "required" | "labelIconRight"> & Pick<FormGroupWrapperProps, "orientation" | "description" | "helperText" | "helperTextIcon" | "errorHelperText" | "errorHelperTextIcon" | "successHelperText" | "successHelperTextIcon" | "warningHelperText" | "warningHelperTextIcon"> & {
+declare const TextInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> & Pick<LabelProps, "label" | "required" | "labelIconRight" | "labelIconRightTooltip"> & Pick<FormGroupWrapperProps, "orientation" | "description" | "helperText" | "helperTextIcon" | "errorHelperText" | "errorHelperTextIcon" | "successHelperText" | "successHelperTextIcon" | "warningHelperText" | "warningHelperTextIcon"> & {
     /**
      * Whether to render the component as a textarea or an input.
      * @default "input"

package/dist/packages/components/TimeField/{index.d.ts → TimeField.d.ts}

@@ -1,7 +1,7 @@
-import { Props as FormGroupWrapperProps } from '../../internal-components/FormGroupWrapper';
+import { Props as FormGroupWrapperProps } from '../../internal-components/FormGroupWrapper/FormGroupWrapper';
 import { default as React } from 'react';
 import { Props as LabelProps } from '../Label/Label';
-export type Props = Pick<LabelProps, "label" | "labelIconRight" | "required"> & Pick<FormGroupWrapperProps, "description" | "helperText" | "helperTextIcon" | "errorHelperText" | "errorHelperTextIcon" | "successHelperText" | "successHelperTextIcon" | "warningHelperText" | "warningHelperTextIcon" | "orientation"> & {
+export type Props = Pick<LabelProps, "label" | "labelIconRight" | "labelIconRightTooltip" | "required"> & Pick<FormGroupWrapperProps, "description" | "helperText" | "helperTextIcon" | "errorHelperText" | "errorHelperTextIcon" | "successHelperText" | "successHelperTextIcon" | "warningHelperText" | "warningHelperTextIcon" | "orientation"> & {
     /**
      * Required id, used mainly to link the label to the field.
      */
@@ -75,7 +75,7 @@ export type Props = Pick<LabelProps, "label" | "labelIconRight" | "required"> &
      */
     fullWidth?: boolean;
 };
-declare const TimeField: React.ForwardRefExoticComponent<Pick<LabelProps, "label" | "required" | "labelIconRight"> & Pick<FormGroupWrapperProps, "orientation" | "description" | "helperText" | "helperTextIcon" | "errorHelperText" | "errorHelperTextIcon" | "successHelperText" | "successHelperTextIcon" | "warningHelperText" | "warningHelperTextIcon"> & {
+declare const TimeField: React.ForwardRefExoticComponent<Pick<LabelProps, "label" | "required" | "labelIconRight" | "labelIconRightTooltip"> & Pick<FormGroupWrapperProps, "orientation" | "description" | "helperText" | "helperTextIcon" | "errorHelperText" | "errorHelperTextIcon" | "successHelperText" | "successHelperTextIcon" | "warningHelperText" | "warningHelperTextIcon"> & {
     /**
      * Required id, used mainly to link the label to the field.
      */

package/dist/packages/components/Timeline/components/BlockLineContainer/utils/computeItemPosition/computeItemPosition.d.ts

@@ -1,4 +1,4 @@
-import { Block } from '../../../../utils/Timeline.types.ts';
+import { Block } from '../../../../utils/Timeline.types';
 /**
  * Compute the block width and start position (in %).
  * Also make sure the blocks cannot overflow before or after the line.

package/dist/packages/components/ToggleButton/ToggleButton.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { ToggleButtonProps as ReactAriaToggleButtonProps } from 'react-aria-components';
-import { IconName } from '../Icon';
+import { IconName } from '../Icon/Icon';
 export type ToggleButtonProps = {
     /**
      * The unique identifier of the toggle button.

package/dist/packages/components/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { Props as LabelProps } from '../Label/Label';
-import { Props as FormGroupWrapperProps } from '../../internal-components/FormGroupWrapper';
+import { Props as FormGroupWrapperProps } from '../../internal-components/FormGroupWrapper/FormGroupWrapper';
 export type ToggleButtonGroupProps = {
     /**
      * The `ToggleButton`s to display in the group.
@@ -31,7 +31,7 @@ export type ToggleButtonGroupProps = {
      * Props to pass to the wrapper div (for example, `style` or `className`).
      */
     wrapperProps?: React.HTMLProps<HTMLDivElement>;
-} & Pick<LabelProps, "label" | "labelIconRight" | "required"> & Pick<FormGroupWrapperProps, "helperText" | "helperTextIcon" | "errorHelperText" | "errorHelperTextIcon" | "successHelperText" | "successHelperTextIcon" | "warningHelperText" | "warningHelperTextIcon" | "orientation" | "className" | "style">;
+} & Pick<LabelProps, "label" | "labelIconRight" | "labelIconRightTooltip" | "required"> & Pick<FormGroupWrapperProps, "helperText" | "helperTextIcon" | "errorHelperText" | "errorHelperTextIcon" | "successHelperText" | "successHelperTextIcon" | "warningHelperText" | "warningHelperTextIcon" | "orientation" | "className" | "style">;
 declare const ToggleButtonGroup: React.ForwardRefExoticComponent<{
     /**
      * The `ToggleButton`s to display in the group.
@@ -62,5 +62,5 @@ declare const ToggleButtonGroup: React.ForwardRefExoticComponent<{
      * Props to pass to the wrapper div (for example, `style` or `className`).
      */
     wrapperProps?: React.HTMLProps<HTMLDivElement>;
-} & Pick<LabelProps, "label" | "required" | "labelIconRight"> & Pick<FormGroupWrapperProps, "className" | "style" | "orientation" | "helperText" | "helperTextIcon" | "errorHelperText" | "errorHelperTextIcon" | "successHelperText" | "successHelperTextIcon" | "warningHelperText" | "warningHelperTextIcon"> & React.RefAttributes<HTMLDivElement>>;
+} & Pick<LabelProps, "label" | "required" | "labelIconRight" | "labelIconRightTooltip"> & Pick<FormGroupWrapperProps, "className" | "style" | "orientation" | "helperText" | "helperTextIcon" | "errorHelperText" | "errorHelperTextIcon" | "successHelperText" | "successHelperTextIcon" | "warningHelperText" | "warningHelperTextIcon"> & React.RefAttributes<HTMLDivElement>>;
 export default ToggleButtonGroup;

package/dist/packages/components/YearMonthPicker/{index.d.ts → YearMonthPicker.d.ts}

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
-import { IconName } from '../Icon';
+import { IconName } from '../Icon/Icon';
 import { ButtonProps } from 'react-aria-components';
 import { Props as LabelProps } from '../Label/Label';
-import { Props as FormGroupWrapperProps } from '../../internal-components/FormGroupWrapper';
+import { Props as FormGroupWrapperProps } from '../../internal-components/FormGroupWrapper/FormGroupWrapper';
 export type YearMonthPickerValue = {
     /**
      * "01" for January, "02" for February, etc.
@@ -13,7 +13,7 @@ export type YearMonthPickerValue = {
      */
     year?: string | null;
 };
-export type Props = Pick<LabelProps, "label" | "labelIconRight" | "required"> & Pick<FormGroupWrapperProps, "description" | "helperText" | "helperTextIcon" | "errorHelperText" | "errorHelperTextIcon" | "successHelperText" | "successHelperTextIcon" | "warningHelperText" | "warningHelperTextIcon" | "orientation"> & {
+export type Props = Pick<LabelProps, "label" | "labelIconRight" | "labelIconRightTooltip" | "required"> & Pick<FormGroupWrapperProps, "description" | "helperText" | "helperTextIcon" | "errorHelperText" | "errorHelperTextIcon" | "successHelperText" | "successHelperTextIcon" | "warningHelperText" | "warningHelperTextIcon" | "orientation"> & {
     /**
      * Should the picker show year, month or both.
      */
@@ -81,7 +81,7 @@ export type Props = Pick<LabelProps, "label" | "labelIconRight" | "required"> &
      */
     sortYears?: "ascending" | "descending";
 };
-declare const YearMonthPicker: React.ForwardRefExoticComponent<Pick<LabelProps, "label" | "required" | "labelIconRight"> & Pick<FormGroupWrapperProps, "orientation" | "description" | "helperText" | "helperTextIcon" | "errorHelperText" | "errorHelperTextIcon" | "successHelperText" | "successHelperTextIcon" | "warningHelperText" | "warningHelperTextIcon"> & {
+declare const YearMonthPicker: React.ForwardRefExoticComponent<Pick<LabelProps, "label" | "required" | "labelIconRight" | "labelIconRightTooltip"> & Pick<FormGroupWrapperProps, "orientation" | "description" | "helperText" | "helperTextIcon" | "errorHelperText" | "errorHelperTextIcon" | "successHelperText" | "successHelperTextIcon" | "warningHelperText" | "warningHelperTextIcon"> & {
     /**
      * Should the picker show year, month or both.
      */

package/dist/packages/index.d.ts

@@ -1,72 +1,72 @@
 import { default as Accordion } from './components/Accordion/Accordion';
-import { default as Badge } from './components/Badge';
-import { default as Breadcrumbs } from './components/Breadcrumbs';
-import { default as Button } from './components/Button';
+import { default as Badge } from './components/Badge/Badge';
+import { default as Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs';
+import { default as Button } from './components/Button/Button';
 import { default as Calendar, CalendarCell } from './components/Calendar/Calendar';
 import { default as ChartLegend } from './components/ChartLegend/ChartLegend';
 import { default as ChartTooltip } from './components/ChartTooltip/ChartTooltip';
-import { default as Checkbox } from './components/Checkbox';
-import { default as CheckboxGroup } from './components/CheckboxGroup';
-import { default as Chip } from './components/Chip';
-import { default as Combobox } from './components/Combobox';
-import { default as DataTable } from './components/DataTable';
-import { default as DataTableCell } from './components/DataTable/DataTableCell';
-import { default as DataTableHeader } from './components/DataTable/DataTableHeader';
-import { default as DataTableRoot } from './components/DataTable/DataTableRoot';
-import { default as DataTableRow } from './components/DataTable/DataTableRow';
-import { default as DatePicker } from './components/DatePicker';
-import { default as DateRangePicker } from './components/DateRangePicker';
-import { default as Drawer } from './components/Drawer';
-import { default as Dropdown } from './components/Dropdown';
-import { default as DropdownListItem } from './components/Dropdown/components/DropdownListItem';
+import { default as Checkbox } from './components/Checkbox/Checkbox';
+import { default as CheckboxGroup } from './components/CheckboxGroup/CheckboxGroup';
+import { default as Chip } from './components/Chip/Chip';
+import { default as Combobox } from './components/Combobox/Combobox';
+import { default as DataTable } from './components/DataTable/DataTable';
+import { default as DataTableCell } from './components/DataTable/DataTableCell/DataTableCell';
+import { default as DataTableHeader } from './components/DataTable/DataTableHeader/DataTableHeader';
+import { default as DataTableRoot } from './components/DataTable/DataTableRoot/DataTableRoot';
+import { default as DataTableRow } from './components/DataTable/DataTableRow/DataTableRow';
+import { default as DatePicker } from './components/DatePicker/DatePicker';
+import { default as DateRangePicker } from './components/DateRangePicker/DateRangePicker';
+import { default as Drawer } from './components/Drawer/Drawer';
+import { default as Dropdown } from './components/Dropdown/Dropdown';
+import { default as DropdownListItem } from './components/Dropdown/components/DropdownListItem/DropdownListItem';
 import { default as EmptyState } from './components/EmptyState/EmptyState';
-import { default as FileUpload } from './components/FileUpload';
-import { default as Filter, TypeTableColumnWithFilter } from './components/Filter';
-import { default as Header } from './components/Header';
-import { default as Icon } from './components/Icon';
+import { default as FileUpload } from './components/FileUpload/FileUpload';
+import { default as Filter, TypeTableColumnWithFilter } from './components/Filter/Filter';
+import { default as Header } from './components/Header/Header';
+import { default as Icon } from './components/Icon/Icon';
 import { default as Label } from './components/Label/Label';
 import { default as LinearProgressBar } from './components/LinearProgressBar/LinearProgressBar';
-import { default as Link } from './components/Link';
+import { default as Link } from './components/Link/Link';
 import { default as List } from './components/List/List';
-import { default as Loader } from './components/Loader';
-import { default as Menu } from './components/Menu';
-import { default as MenuItem } from './components/MenuItem';
+import { default as Loader } from './components/Loader/Loader';
+import { default as Menu } from './components/Menu/Menu';
+import { default as MenuItem } from './components/MenuItem/MenuItem';
 import { default as Message } from './components/Message/Message';
-import { default as Modal, ModalContent, ModalActions, ModalForm } from './components/Modal';
-import { default as Navigation } from './components/Navigation';
-import { default as NavigationItem } from './components/NavigationItem';
+import { default as Modal, ModalContent, ModalActions, ModalForm } from './components/Modal/Modal';
+import { default as Navigation } from './components/Navigation/Navigation';
+import { default as NavigationItem } from './components/NavigationItem/NavigationItem';
 import { default as Notifications } from './components/Notifications/Notifications';
 import { default as NotificationCard } from './components/NotificationCard/NotificationCard';
 import { default as PageLayout } from './components/PageLayout/PageLayout';
-import { default as Pagination } from './components/Pagination';
+import { default as Pagination } from './components/Pagination/Pagination';
 import { default as Popover, PopoverTrigger } from './components/Popover/Popover';
-import { default as Radio } from './components/Radio';
+import { default as Radio } from './components/Radio/Radio';
 import { default as SearchBar } from './components/SearchBar/SearchBar';
 import { default as SegmentedControl } from './components/SegmentedControl/SegmentedControl';
 import { default as SegmentedControlButton } from './components/SegmentedControl/SegmentedControlButton/SegmentedControlButton';
 import { default as SegmentedControlList } from './components/SegmentedControl/SegmentedControlList/SegmentedControlList';
 import { default as SegmentedControlPanel } from './components/SegmentedControl/SegmentedControlPanel/SegmentedControlPanel';
-import { default as Select } from './components/Select';
-import { default as SelectItem } from './components/SelectItem';
+import { default as Select } from './components/Select/Select';
+import { default as SelectItem } from './components/SelectItem/SelectItem';
 import { default as Skeleton } from './components/Skeleton/Skeleton';
 import { default as Slider } from './components/Slider/Slider';
 import { default as Stepper } from './components/Stepper/Stepper';
 import { default as Step } from './components/Stepper/Step/Step';
-import { default as Switch } from './components/Switch';
-import { default as Tab } from './components/Tabs/Tab';
-import { default as TabList } from './components/Tabs/TabList';
-import { default as TabPanel } from './components/Tabs/TabPanel';
-import { default as Tabs } from './components/Tabs/Tabs';
-import { default as Tag } from './components/Tag';
+import { default as Switch } from './components/Switch/Switch';
+import { default as Tab } from './components/Tabs/Tab/Tab';
+import { default as TabList } from './components/Tabs/TabList/TabList';
+import { default as TabPanel } from './components/Tabs/TabPanel/TabPanel';
+import { default as Tabs } from './components/Tabs/Tabs/Tabs';
+import { default as Tag } from './components/Tag/Tag';
 import { default as TextInput } from './components/TextInput/TextInput';
-import { default as TimeField } from './components/TimeField';
+import { default as TimeField } from './components/TimeField/TimeField';
 import { default as Timeline } from './components/Timeline/Timeline';
-import { default as Toaster } from './components/Toaster';
+import { default as Toaster } from './components/Toaster/Toaster';
 import { default as ToggleButton } from './components/ToggleButton/ToggleButton';
 import { default as ToggleButtonGroup } from './components/ToggleButtonGroup/ToggleButtonGroup';
 import { default as Tooltip, TooltipTrigger } from './components/Tooltip/Tooltip';
-import { default as YearMonthPicker } from './components/YearMonthPicker';
-import { default as RouterProvider } from './components/RouterProvider';
+import { default as YearMonthPicker } from './components/YearMonthPicker/YearMonthPicker';
+import { default as RouterProvider } from './components/RouterProvider/RouterProvider';
 import { default as createMuiTheme } from './mui/mui-theme.ts';
 import { tokens, fontSize, lineHeight } from './ds-design-tokens/index';
 import { I18nProvider } from 'react-aria';

package/dist/packages/internal-components/FormGroupHelper/{index.d.ts → FormGroupHelper.d.ts}

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { IconName } from '../../components/Icon';
+import { IconName } from '../../components/Icon/Icon';
 export type Props = {
     /**
      * Optional icon to display on the left side of the text. Only visible if there is a text

package/dist/packages/internal-components/FormGroupWrapper/{index.d.ts → FormGroupWrapper.d.ts}

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { IconName } from '../../components/Icon';
+import { IconName } from '../../components/Icon/Icon';
 import { Props as LabelProps } from '../../components/Label/Label';
 export type Props = LabelProps & {
     /**

package/dist/packages/internal-components/Logo/{index.d.ts → Logo.d.ts}

@@ -1,4 +1,4 @@
-import { IconBaseProps } from '../../components/Icon';
+import { IconBaseProps } from '../../components/Icon/Icon';
 type Props = IconBaseProps & {
     /**
      * Logo to display in the navigation.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agregio-solutions/design-system",
-  "version": "1.87.0",
+  "version": "1.88.0",
   "description": "React Component library and Storybook that is part of the Design System for Agregio Solutions",
   "type": "module",
   "module": "dist/design-system.js",
@@ -27,6 +27,7 @@
     "repomix": "repomix",
     "storybook": "storybook dev -p 6006",
     "storybook:test": "vitest run --project storybook",
+    "storybook:test:llm": "DEBUG_PRINT_LIMIT=0 vitest run --project=storybook --reporter=dot --silent --changed --passWithNoTests",
     "storybook:test:only-changed": "vitest run --project storybook --changed",
     "typescript:check": "tsc --noEmit",
     "vitest:all": "vitest run --project unit",

package/dist/packages/internal-components/ChartIcon/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './ChartIcon';
-export { chartIcons } from './ChartIcon';
-export type { ChartIconType, ChartIconProps } from './ChartIcon';