@fluidattacks/design 2.6.0 → 3.0.0

package/dist/types/components/@core/types.d.ts

@@ -16,6 +16,7 @@ interface DefaultTheme {
     spacing: {
         0: "0rem";
         0.125: "0.125rem";
+        0.188: "0.188rem";
         0.25: "0.25rem";
         0.5: "0.5rem";
         0.625: "0.625rem";
@@ -84,7 +85,7 @@ type TSize = keyof DefaultTheme["typography"]["heading"];
 type TSpacing = keyof DefaultTheme["spacing"];
 type TShadows = keyof DefaultTheme["shadows"];
 type TIconSize = "xl" | "lg" | "md" | "sm" | "xs" | "xxs" | "xxss";
-type TIconType = "fa-brands" | "fa-light" | "fa-regular" | "fa-solid";
+type TIconType = "fa-brands" | "fa-kit" | "fa-light" | "fa-regular" | "fa-solid";
 type TMode = "dark" | "light";
 interface IPaddingModifiable {
     padding?: [TSpacing, TSpacing, TSpacing, TSpacing];
@@ -122,7 +123,7 @@ interface IBorderModifiable {
     borderRadius?: string;
 }
 interface IIconModifiable {
-    icon: IconName;
+    icon: IconName | "priority-bars-high" | "priority-bars-low" | "priority-bars-medium";
     iconColor?: string;
     iconSize: TIconSize;
     iconType?: TIconType;

package/dist/types/components/card/card-with-input/index.d.ts

@@ -0,0 +1,3 @@
+import type { ICardWithInputProps } from "../types";
+declare const CardWithInput: ({ description, disabled, id, align, inputType, inputNumberProps, minHeight, minWidth, name, placeholder, tooltip, title, }: Readonly<ICardWithInputProps>) => JSX.Element;
+export { CardWithInput };

package/dist/types/components/card/card-with-input/styles.d.ts

@@ -0,0 +1,8 @@
+import type { Property } from "csstype";
+interface ICardInputContainerProps {
+    $align?: Property.TextAlign;
+    $minHeight?: string;
+    $minWidth?: string;
+}
+declare const CardInputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ICardInputContainerProps>> & string;
+export { CardInputContainer };

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

@@ -1,5 +1,6 @@
 import { CardHeader } from "./card-header";
 import { CardWithImage } from "./card-with-image";
+import { CardWithInput } from "./card-with-input";
 import { CardWithSelector } from "./card-with-selector";
 import { CardWithSwitch } from "./card-with-switch";
-export { CardHeader, CardWithImage, CardWithSelector, CardWithSwitch };
+export { CardHeader, CardWithInput, CardWithImage, CardWithSelector, CardWithSwitch, };

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

@@ -5,6 +5,7 @@ import type { TSpacing } from "components/@core/types";
 import type { TFileType } from "components/file-preview/types";
 import { IRadioButtonProps } from "components/radio-button/types";
 import { IToggleProps } from "components/toggle/types";
+type TInputType = "date" | "number" | "text";
 /**
  * Card component shared props.
  * @interface ISharedProps
@@ -90,4 +91,31 @@ interface ICardWithSelectorProps extends Pick<ISharedProps, "description" | "tit
     selectorProps: IRadioButtonProps;
     width?: string;
 }
-export type { ICardHeader, ICardWithImageProps, ICardWithSwitchProps, ICardWithSelectorProps, };
+/**
+ * Card with input component props.
+ * @interface ICardWithInputProps
+ * @extends ICardHeader
+ * @property { string } [align] - Card input align.
+ * @property { Interface } [inputNumberProps] - Card input number props.
+ * @property { boolean } [disabled] - Card disabled.
+ * @property { string } [inputType] - Card input type.
+ * @property { string } [minHeight] - Card min height.
+ * @property { string } [minWidth] - Card min width.
+ * @property { string } name - Card name.
+ * @property { string } [placeholder] - Card placeholder.
+ */
+interface ICardWithInputProps extends ICardHeader {
+    align?: Property.TextAlign;
+    inputNumberProps?: {
+        decimalPlaces?: number;
+        max?: number;
+        min?: number;
+    };
+    disabled?: boolean;
+    inputType?: TInputType;
+    minHeight?: string;
+    minWidth?: string;
+    name: string;
+    placeholder?: string;
+}
+export type { ICardHeader, ICardWithImageProps, ICardWithSwitchProps, ICardWithSelectorProps, ICardWithInputProps, };

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

@@ -1,11 +1,11 @@
-import type { IMarginModifiable } from "components/@core/types";
+import type { IDisplayModifiable, IMarginModifiable } from "components/@core/types";
 /**
  * Divider component props.
  * @interface IDividerProps
  * @extends IMarginModifiable
  * @property {string} [color] - The divider color.
  */
-interface IDividerProps extends IMarginModifiable {
+interface IDividerProps extends Pick<IDisplayModifiable, "height" | "width">, IMarginModifiable {
     color?: string;
 }
 export type { IDividerProps };

package/dist/types/components/icon/styles.d.ts

@@ -6,6 +6,7 @@ interface IStyledIconWrapProps {
     $disabled?: IIconWrapProps["disabled"];
     $rotation?: IIconWrapProps["rotation"];
     $size: IIconWrapProps["iconSize"];
+    $secondaryColor: IIconWrapProps["secondaryColor"];
 }
 declare const IconWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("components/@core").IPaddingModifiable | keyof import("components/@core").IMarginModifiable | keyof import("components/@core").IPositionModifiable | keyof import("components/@core").IBorderModifiable | keyof import("components/@core").IDisplayModifiable | keyof import("components/@core").ITextModifiable | keyof import("components/@core").IInteractionModifiable> & import("components/@core").IBorderModifiable & import("components/@core").IDisplayModifiable & import("components/@core").IInteractionModifiable & import("components/@core").IMarginModifiable & import("components/@core").IPaddingModifiable & import("components/@core").IPositionModifiable & import("components/@core").ITextModifiable, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;

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

@@ -17,6 +17,7 @@ interface IIconWrapProps extends IIconModifiable, IMarginModifiable {
     onClick?: MouseEventHandler<HTMLSpanElement>;
     disabled?: boolean;
     rotation?: number;
+    secondaryColor?: string;
 }
 /**
  * Icon component props.
@@ -24,9 +25,11 @@ interface IIconWrapProps extends IIconModifiable, IMarginModifiable {
  * @extends IIconWrapProps
  * @property {string} [iconClass] - The icon class from fontawesome.
  * @property {string} [iconMask] - The data-fa-mask prop of icon.
+ * @property {string} [spanClass] - The icon span class.
  */
 interface IIconProps extends IIconWrapProps {
     iconClass?: string;
     iconMask?: string;
+    spanClass?: string;
 }
 export type { IIconProps, IIconWrapProps };

package/dist/types/components/info-sidebar/index.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from "react";
+import { IInfoSidebarProps } from "./types";
+declare const InfoSidebar: ({ actions, children, header, title, tabs, footer, }: Readonly<PropsWithChildren<IInfoSidebarProps>>) => JSX.Element;
+export { InfoSidebar };

package/dist/types/components/info-sidebar/types.d.ts

@@ -0,0 +1,32 @@
+import { IIconModifiable } from "components/@core";
+import { ITabProps } from "components/tabs/types";
+/**
+ * Button empty state props.
+ * @interface IButtonProps
+ * @extends IIconModifiable
+ * @property { string } [id] - Button id.
+ * @property { string } [text] - Button text.
+ * @property { Function } [onClick] - Button click handler.
+ */
+interface IButtonProps extends Partial<IIconModifiable> {
+    id?: string;
+    onClick?: () => void;
+    text?: string;
+}
+/**
+ * Info sidebar component props.
+ * @interface IInfoSidebarProps
+ * @property { IButtonProps[] } [actions] - Sidebar actions.
+ * @property { React.ReactNode } [header] - Sidebar header.
+ * @property { string } title - Sidebar title.
+ * @property { ITabProps[] } tabs - Sidebar tabs.
+ * @property { IButtonProps[] } [footer] - Sidebar footer.
+ */
+interface IInfoSidebarProps {
+    actions?: IButtonProps[];
+    header?: React.ReactNode;
+    title: string;
+    tabs: ITabProps[];
+    footer?: IButtonProps[];
+}
+export type { IInfoSidebarProps };

package/dist/types/components/inputs/fields/date/calendar/cell/index.d.ts

@@ -0,0 +1,3 @@
+import type { TCellProps } from "../../types";
+declare const CalendarCell: ({ state, date }: Readonly<TCellProps>) => JSX.Element;
+export { CalendarCell };

package/dist/types/components/inputs/fields/date/calendar/grid/index.d.ts

@@ -0,0 +1,3 @@
+import type { TGridProps } from "../../types";
+declare const CalendarGrid: ({ state, ...props }: Readonly<TGridProps>) => JSX.Element;
+export { CalendarGrid };

package/dist/types/components/inputs/fields/date/calendar/header/index.d.ts

@@ -0,0 +1,3 @@
+import type { THeaderProps } from "../../types";
+declare const Header: ({ state, prevButtonProps, nextButtonProps, title, }: Readonly<THeaderProps>) => JSX.Element;
+export { Header };

package/dist/types/components/inputs/fields/date/calendar/index.d.ts

@@ -0,0 +1,6 @@
+import type { CalendarStateOptions } from "@react-stately/calendar";
+declare const Calendar: ({ onClose, props, }: Readonly<{
+    onClose: () => void;
+    props: Omit<CalendarStateOptions, "createCalendar" | "locale">;
+}>) => JSX.Element;
+export { Calendar };

package/dist/types/components/inputs/fields/date/calendar/styles.d.ts

@@ -0,0 +1,13 @@
+declare const TitleContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const YearSwitch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;
+declare const WeekDaysTr: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
+declare const DayHeaderTh: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, never>> & string;
+declare const DayItemTd: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>> & string;
+declare const DotIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;
+declare const CaretButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+declare const FooterContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { CaretButton, DayItemTd, DayHeaderTh, DotIconContainer, FooterContainer, TitleContainer, WeekDaysTr, YearSwitch, };

package/dist/types/components/inputs/fields/date/index.d.ts

@@ -0,0 +1,3 @@
+import type { TInputDateProps } from "./types";
+declare const InputDate: import("react").ForwardRefExoticComponent<Readonly<TInputDateProps> & import("react").RefAttributes<HTMLInputElement>>;
+export { InputDate };

package/dist/types/components/inputs/fields/date/types.d.ts

@@ -0,0 +1,34 @@
+import type { AriaCalendarCellProps, AriaCalendarGridProps, CalendarAria } from "@react-aria/calendar";
+import type { DateValue } from "@react-aria/datepicker";
+import type { CalendarState, RangeCalendarState } from "@react-stately/calendar";
+import type { DatePickerStateOptions, DateRangePickerStateOptions } from "@react-stately/datepicker";
+import { InputHTMLAttributes } from "react";
+/**
+ * Calendar state props.
+ * @interface ICalendarState
+ * @property {CalendarState | RangeCalendarState} state - Calendar state.
+ */
+interface ICalendarState {
+    state: CalendarState | RangeCalendarState;
+}
+/**
+ * Date component props.
+ * @interface IDateProps
+ * @extends InputHTMLAttributes<HTMLInputElement>
+ * @property {string} [error] - Error message of the date input.
+ * @property {string} [label] - Label of the date input.
+ * @property {string} name - Name of the date input.
+ * @property {string} [tooltip] - Tooltip of the date input.
+ */
+interface IDateProps extends InputHTMLAttributes<HTMLInputElement> {
+    error?: string;
+    label?: string;
+    name: string;
+    tooltip?: string;
+}
+type TInputDateProps = IDateProps & Omit<DatePickerStateOptions<DateValue>, "label">;
+type TGridProps = AriaCalendarGridProps & ICalendarState;
+type TCellProps = AriaCalendarCellProps & ICalendarState;
+type THeaderProps = ICalendarState & Pick<CalendarAria, "nextButtonProps" | "prevButtonProps" | "title">;
+type TInputDateRangeProps = IDateProps & Omit<DateRangePickerStateOptions, "label">;
+export type { IDateProps, TInputDateProps, TCellProps, TGridProps, THeaderProps, TInputDateRangeProps, };

package/dist/types/components/inputs/fields/date-range/calendar/index.d.ts

@@ -0,0 +1,6 @@
+import type { RangeCalendarStateOptions } from "@react-stately/calendar";
+declare const Calendar: ({ onClose, props, }: Readonly<{
+    onClose: () => void;
+    props: Omit<RangeCalendarStateOptions, "createCalendar" | "locale">;
+}>) => JSX.Element;
+export { Calendar };

package/dist/types/components/inputs/fields/date-range/index.d.ts

@@ -0,0 +1,4 @@
+import type { TInputDateRangeProps } from "../date/types";
+declare const InputDateRange: import("react").ForwardRefExoticComponent<Readonly<TInputDateRangeProps> & import("react").RefAttributes<HTMLInputElement>>;
+export type { TInputDateRangeProps };
+export { InputDateRange };

package/dist/types/components/inputs/fields/date-range/styles.d.ts

@@ -0,0 +1,5 @@
+declare const DateSelectorOutline: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $disabled?: boolean;
+    $show?: boolean;
+}>> & string;
+export { DateSelectorOutline };

package/dist/types/components/inputs/fields/date-time/calendar/index.d.ts

@@ -0,0 +1,10 @@
+import type { TimeValue } from "@react-aria/datepicker";
+import type { CalendarStateOptions } from "@react-stately/calendar";
+import type { DatePickerState } from "@react-stately/datepicker";
+declare const Calendar: ({ handleTimeChange, onClose, props, timeState, }: Readonly<{
+    handleTimeChange: (selectedValue: TimeValue | null) => void;
+    onClose: () => void;
+    props: Omit<CalendarStateOptions, "createCalendar" | "locale">;
+    timeState: DatePickerState;
+}>) => JSX.Element;
+export { Calendar };

package/dist/types/components/inputs/fields/date-time/calendar/styles.d.ts

@@ -0,0 +1,3 @@
+declare const TimeOutlineContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const OutlineContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { OutlineContainer, TimeOutlineContainer };

package/dist/types/components/inputs/fields/date-time/index.d.ts

@@ -0,0 +1,4 @@
+import type { TInputDateProps } from "../date/types";
+declare const InputDateTime: import("react").ForwardRefExoticComponent<Readonly<TInputDateProps> & import("react").RefAttributes<HTMLInputElement>>;
+export type { TInputDateProps };
+export { InputDateTime };

package/dist/types/components/inputs/fields/number-range/index.d.ts

@@ -0,0 +1,3 @@
+import type { IInputNumberRangeProps } from "../../types";
+declare const InputNumberRange: import("react").ForwardRefExoticComponent<Readonly<IInputNumberRangeProps> & import("react").RefAttributes<HTMLInputElement>>;
+export { InputNumberRange };

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

@@ -1,4 +1,13 @@
+import { InputDate } from "./fields/date";
+import { InputDateRange } from "./fields/date-range";
+import { InputDateTime } from "./fields/date-time";
+import { Editable } from "./fields/editable";
 import { Input } from "./fields/input";
+import { InputFile } from "./fields/input-file";
+import { InputTags } from "./fields/input-tags";
+import { InputNumber } from "./fields/number";
+import { InputNumberRange } from "./fields/number-range";
 import { PhoneInput } from "./fields/phone";
+import { TextArea } from "./fields/text-area";
 import { OutlineContainer } from "./outline-container";
-export { OutlineContainer, PhoneInput, Input };
+export { OutlineContainer, PhoneInput, Input, InputDate, InputDateRange, InputDateTime, InputFile, InputNumber, InputTags, InputNumberRange, TextArea, Editable, };

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

@@ -57,7 +57,7 @@ interface IInputProps extends InputHTMLAttributes<HTMLInputElement>, Partial<Omi
  * @property {string} name - The name of the text area.
  * @property {boolean} [maskValue] - Whether the input has a mask value.
  */
-interface ITextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, Omit<IOutlineContainerProps, "value"> {
+interface ITextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, Partial<Omit<IOutlineContainerProps, "value">> {
     name: string;
     maskValue?: boolean;
 }
@@ -69,10 +69,32 @@ interface ITextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, Om
  * @property {number} [decimalPlaces] - The decimal places of the input.
  * @property {string} name - The name of the input.
  */
-interface IInputNumberProps extends InputHTMLAttributes<HTMLInputElement>, Omit<IOutlineContainerProps, "value"> {
+interface IInputNumberProps extends InputHTMLAttributes<HTMLInputElement>, Partial<Omit<IOutlineContainerProps, "value">> {
     decimalPlaces?: number;
     name: string;
 }
+/**
+ * Input number range component props.
+ * @interface IInputNumberRangeProps
+ * @property {boolean} [disabled] - Whether the input is disabled.
+ * @property {string} [error] - The error message of the input.
+ * @property {string} name - The name of the input.
+ * @property {string} [label] - The label of the input.
+ * @property {IInputNumberProps} propsMin - The props of the minimum input.
+ * @property {IInputNumberProps} propsMax - The props of the maximum input.
+ * @property {boolean} [required] - Whether the input is required.
+ * @property {string} [tooltip] - The tooltip of the input.
+ */
+interface IInputNumberRangeProps {
+    disabled?: boolean;
+    error?: string;
+    name: string;
+    label?: string;
+    propsMin: IInputNumberProps;
+    propsMax: IInputNumberProps;
+    required?: boolean;
+    tooltip?: string;
+}
 /**
  * Input number component props.
  * @interface IInputNumberProps
@@ -80,7 +102,7 @@ interface IInputNumberProps extends InputHTMLAttributes<HTMLInputElement>, Omit<
  * @extends IOutlineContainerProps
  * @property {Function} [onRemove] - The function to remove the tag.
  */
-interface IInputTagProps extends InputHTMLAttributes<HTMLInputElement>, Omit<IOutlineContainerProps, "value"> {
+interface IInputTagProps extends InputHTMLAttributes<HTMLInputElement>, Partial<Omit<IOutlineContainerProps, "value">> {
     onRemove?: (tag: string) => void;
 }
-export type { ILabelProps, IOutlineContainerProps, IInputProps, ITextAreaProps, IInputNumberProps, IInputTagProps, };
+export type { ILabelProps, IOutlineContainerProps, IInputProps, ITextAreaProps, IInputNumberProps, IInputNumberRangeProps, IInputTagProps, };

package/dist/types/components/inputs/utils/date-selector/index.d.ts

@@ -0,0 +1,3 @@
+import type { IDateSelectorProps } from "../types";
+declare const DateSelector: ({ error, buttonProps, datePickerRef, disabled, granularity, fieldProps, groupProps, inputRef, name, ...props }: Readonly<IDateSelectorProps>) => JSX.Element;
+export { DateSelector };

package/dist/types/components/inputs/utils/date-time-field/index.d.ts

@@ -0,0 +1,4 @@
+import type { TDateFieldProps, TTimeFieldProps } from "../types";
+declare const DateField: ({ disabled, error, props, }: Readonly<TDateFieldProps>) => JSX.Element;
+declare const TimeField: (props: Readonly<TTimeFieldProps>) => JSX.Element;
+export { DateField, TimeField };

package/dist/types/components/inputs/utils/styles.d.ts

@@ -10,4 +10,8 @@ declare const CalendarButtonAction: import("styled-components/dist/types").IStyl
     $focus: boolean;
     $header: boolean;
 }>> & string;
-export { StyledButtonAction, CalendarButtonAction, DialogContainer };
+declare const InputDateBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const TimeOutlineContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const TimePickerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const DayPeriodButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export { StyledButtonAction, CalendarButtonAction, DayPeriodButton, DialogContainer, InputDateBox, TimeOutlineContainer, TimePickerContainer, };

package/dist/types/components/inputs/utils/types.d.ts

@@ -1,4 +1,6 @@
+import type { AriaDatePickerProps, DatePickerAria, DateValue } from "@react-aria/datepicker";
 import type { AriaPopoverProps } from "@react-aria/overlays";
+import type { DateFieldState, DateFieldStateOptions, DateSegment, TimeFieldStateOptions } from "@react-stately/datepicker";
 import type { OverlayTriggerState } from "@react-stately/overlays";
 import type { Property } from "csstype";
 import { IBorderModifiable, IIconModifiable, IPaddingModifiable } from "components/@core";
@@ -28,4 +30,52 @@ interface IPopoverProps extends Omit<AriaPopoverProps, "popoverRef"> {
     isFilter?: boolean;
     state: OverlayTriggerState;
 }
-export type { IActionButtonProps, IPopoverProps };
+/**
+ * Date selector component props.
+ * @interface IDateSelectorProps
+ * @extends DatePickerAria
+ * @extends AriaDatePickerProps<DateValue>
+ * @property {string} [error] - The error message.
+ * @property {React.MutableRefObject<null>} datePickerRef - The ref of the date picker.
+ * @property {boolean} [disabled] - Indicates if the date selector is disabled.
+ * @property {Function} [handleOnChange] - The function to be called when the date is changed.
+ * @property {React.Ref<HTMLInputElement>} inputRef - The ref of the input.
+ * @property {boolean} isOpen - Indicates if the date selector is open.
+ * @property {string} name - The name of the date selector.
+ * @property {string} [variant] - The variant of the date selector.
+ */
+interface IDateSelectorProps extends Pick<DatePickerAria, "buttonProps" | "fieldProps" | "groupProps">, Pick<AriaDatePickerProps<DateValue>, "granularity"> {
+    error?: string;
+    datePickerRef: React.MutableRefObject<null>;
+    disabled?: boolean;
+    handleOnChange?: (value: DateValue) => void;
+    inputRef: React.Ref<HTMLInputElement>;
+    isOpen: boolean;
+    name: string;
+    variant?: "range";
+}
+/**
+ * Date segment component props.
+ * @interface IDateSegmentProps
+ * @property {DateSegment} segment - The date segment.
+ * @property {DateFieldState} state - The date field state.
+ */
+interface IDateSegmentProps {
+    segment: DateSegment;
+    state: DateFieldState;
+}
+/**
+ * Date field component props.
+ * @interface IDateFieldProps
+ * @property {boolean} disabled - Indicates if the date field is disabled.
+ * @property {boolean} error - Indicates if the date field has an error.
+ */
+interface IDateFieldProps {
+    disabled: boolean;
+    error: boolean;
+}
+type TTimeFieldProps = Omit<TimeFieldStateOptions, "createCalendar" | "locale">;
+type TDateFieldProps = IDateFieldProps & {
+    props: Omit<DateFieldStateOptions, "createCalendar" | "locale">;
+};
+export type { IActionButtonProps, IPopoverProps, IDateSelectorProps, IDateSegmentProps, TDateFieldProps, TTimeFieldProps, };

package/dist/types/components/priority-score/index.d.ts

@@ -0,0 +1,3 @@
+import { IPriorityScoreProps } from "./types";
+declare const PriorityScore: ({ score, }: Readonly<IPriorityScoreProps>) => JSX.Element;
+export { PriorityScore };

package/dist/types/components/priority-score/types.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Priority score component props.
+ * @interface IPriorityScoreProps
+ * @property { number } score - The priority score.
+ */
+interface IPriorityScoreProps {
+    score: number;
+}
+export type { IPriorityScoreProps };

package/dist/types/components/severity-badge/types.d.ts

@@ -14,12 +14,12 @@ interface IVariant {
 /**
  * Severity badge component props.
  * @interface ISeverityBadgeProps
- * @property { string } textL - Left text of the badge.
+ * @property { string } [textL] - Left text of the badge.
  * @property { string } textR - Right text of the badge.
  * @property { TSeverityBadgeVariant } variant - Variant of the badge.
  */
 interface ISeverityBadgeProps {
-    textL: string;
+    textL?: string;
     textR: string;
     variant: TSeverityBadgeVariant;
 }

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

@@ -0,0 +1,3 @@
+import { TSliderProps } from "./types";
+declare const Slider: (props: Readonly<TSliderProps>) => JSX.Element;
+export { Slider };

package/dist/types/components/slider/styles.d.ts

@@ -0,0 +1,7 @@
+declare const StyledSlider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $min: number;
+    $value: number;
+}>> & string;
+declare const LimitValues: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Output: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement>, never>> & string;
+export { StyledSlider, LimitValues, Output };

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

@@ -0,0 +1,3 @@
+import { ISliderThumbProps } from "../types";
+declare const Thumb: ({ state, trackRef, index, }: Readonly<ISliderThumbProps>) => JSX.Element;
+export { Thumb };

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

@@ -0,0 +1,13 @@
+import type { AriaSliderThumbOptions } from "@react-aria/slider";
+import type { SliderState, SliderStateOptions } from "@react-stately/slider";
+/**
+ * Slider thumb component props.
+ * @interface  ISliderThumbProps
+ * @extends AriaSliderThumbOptions
+ * @property { SliderState } state - The slider state.
+ */
+interface ISliderThumbProps extends Omit<AriaSliderThumbOptions, "inputRef"> {
+    state: SliderState;
+}
+type TSliderProps = SliderStateOptions<number>;
+export type { ISliderThumbProps, TSliderProps };

package/dist/types/components/slider/utils.d.ts

@@ -0,0 +1,2 @@
+declare const normalizeValue: (min: number, max: number, value: number) => number;
+export { normalizeValue };

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

@@ -1,4 +1,4 @@
 import type { ITagProps, TTagVariant } from "./types";
-declare const Tag: ({ children, disabled, icon, iconColor, id, fontSize, onClose, variant, }: Readonly<ITagProps>) => JSX.Element;
+declare const Tag: ({ disabled, icon, iconColor, iconType, id, filterValues, fontSize, href, linkLabel, onClose, priority, tagTitle, tagLabel, variant, }: Readonly<ITagProps>) => JSX.Element;
 export type { ITagProps, TTagVariant };
 export { Tag };

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

@@ -1,20 +1,32 @@
 import { IIconModifiable } from "components/@core";
-type TTagVariant = "default" | "error" | "inactive" | "new" | "reachable" | "remediation" | "review" | "role" | "success" | "technique" | "warning";
+type TTagVariant = "default" | "error" | "inactive" | "info" | "reachable" | "remediation" | "role" | "success" | "technique" | "warning";
+type TTagPriority = "default" | "high" | "low" | "medium";
 /**
  * Tag component props.
  * @interface ITagProps
  * @extends IIconModifiable
  * @extends HTMLAttributes<HTMLSpanElement>
  * @property { boolean } [disabled] - Whether the tag is disabled.
+ * @property { string } [filterValues] - The filter values for the tag.
  * @property { string } [fontSize] - The font size for the tag.
+ * @property { string } [href] - The href for the tag.
+ * @property { string } [linkLabel] - The link label for the tag.
  * @property { Function } [onClose] - Function handler for close button click.
- * @property { TTagType } [type] - The type of the tag.
+ * @property { string } [tagTitle] - The title for the tag.
+ * @property { string } [tagLabel] - The label for the tag.
+ * @property { TTagPriority } [priority] - The priority of the tag.
  * @property { TTagVariant } [variant] - The variant of the tag.
  */
-interface ITagProps extends Partial<Pick<IIconModifiable, "icon" | "iconColor">>, React.HTMLAttributes<HTMLSpanElement> {
+interface ITagProps extends Partial<Pick<IIconModifiable, "icon" | "iconColor" | "iconType">>, React.HTMLAttributes<HTMLSpanElement> {
     disabled?: boolean;
+    filterValues?: string;
     fontSize?: string;
+    href?: string;
+    linkLabel?: string;
     onClose?: () => void;
+    tagTitle?: string;
+    tagLabel: string;
+    priority?: TTagPriority;
     variant?: TTagVariant;
 }
 export type { ITagProps, TTagVariant };

package/dist/types/index.d.ts

@@ -22,6 +22,7 @@ export * from "components/group-selector";
 export * from "components/icon";
 export * from "components/icon-button";
 export * from "components/indicator-card";
+export * from "components/info-sidebar";
 export * from "components/inputs";
 export * from "components/interactive-card";
 export * from "components/language-selector";
@@ -40,6 +41,7 @@ export * from "components/notification-sign";
 export * from "components/number-input";
 export * from "components/oauth-selector";
 export * from "components/premium-feature";
+export * from "components/priority-score";
 export * from "components/progress";
 export * from "components/pop-up";
 export * from "components/radio-button";
@@ -50,6 +52,7 @@ export * from "components/severity-badge";
 export * from "components/severity-overview";
 export * from "components/show-on-hover";
 export * from "components/slide-out-menu";
+export * from "components/slider";
 export * from "components/step-lapse";
 export * from "components/table-button";
 export * from "components/tabs";

package/dist/types/utils/date.d.ts

@@ -0,0 +1,3 @@
+declare const formatDate: (value: string) => string;
+declare const formatDateTime: (value: string) => string;
+export { formatDate, formatDateTime };