@fluidattacks/design 2.6.0 → 2.7.0

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/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/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/utils/date.d.ts

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

package/package.json

@@ -86,6 +86,7 @@
     "@react-stately/datepicker": "3.11.0",
     "@react-stately/overlays": "3.6.12",
     "@react-types/shared": "3.26.0",
+    "dayjs": "1.11.13",
     "lottie-light-react": "2.4.0",
     "motion": "11.13.5",
     "prismjs": "1.29.0",
@@ -111,5 +112,5 @@
     "test-storybook": "test-storybook"
   },
   "types": "dist/types/index.d.ts",
-  "version": "2.6.0"
+  "version": "2.7.0"
 }