dfh-ui-library 1.8.2 → 1.8.5

package/dist/esm/types/shared/configs/customClasses.d.ts

@@ -61,7 +61,8 @@ export declare enum LableClasses {
     smallSelect = "text-14s font-normal text-black-900",
     formLabel = "text-14s text-btn-black font-semibold",
     formLabelMedeum = "text-12s text-btn-black font-medium",
-    formButtonGroup = "text-21s text-btn-black font-normal"
+    formButtonGroup = "text-21s text-btn-black font-normal",
+    fontSemiBold = "text-21s font-semibold"
 }
 export declare enum SelectClasses {
     default = "form-select flex w-full mt-1 px-3 py-3 bg-white border shadow-sm border-slate-300 placeholder-slate-400 focus:outline-none focus:border-sky-500 focus:ring-sky-500 block w-full rounded-md sm:text-sm focus:ring-1",

package/dist/esm/types/shared/configs/themeConfig.d.ts

@@ -171,7 +171,6 @@ export declare const themeConfigs: {
                     500: string;
                     600: string;
                     700: string;
-                    720: string;
                     725: string;
                     800: string;
                     820: string;
@@ -208,6 +207,7 @@ export declare const themeConfigs: {
                 "19s": string[];
                 "20s": string[];
                 "24s": string[];
+                "24-32s": string[];
                 "26s": string[];
                 "28s": string[];
                 "32s": string[];

package/dist/esm/types/shared/models/components/base.model.d.ts

@@ -1,6 +1,6 @@
 import { InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes } from "react";
 import { IAdditionalClassesProp, IChildrenProp, IIconTypeProp, AlignmentType, IOnClickEventProps, TyphoTypes, TyphoComponents, IconHoverColorTypes, MessageTypes, InputType, IconType, LableTypes, ToolTipProps, selectedValue } from "./common.model";
-export type VariantTypes = "large" | "small" | "extraSmall" | "largeOutlined" | "smallOutlined" | "extraSmallOutlined" | "default" | "defaultOutlined" | "primaryBlue" | "primaryWhite" | "primaryWhiteSelected" | "primaryWhiteNoBoader" | "primaryWhiteIcon" | "primaryRed" | undefined;
+export type VariantTypes = "large" | "small" | "extraSmall" | "largeOutlined" | "smallOutlined" | "extraSmallOutlined" | "default" | "defaultOutlined" | "primaryBlue" | "primaryWhite" | "primaryWhiteSelected" | "primaryWhiteNoBoader" | "primaryWhiteIcon" | "primaryRed" | "primaryFilterSelected" | "primaryBlueFilter" | undefined;
 export interface IButtonProps extends IChildrenProp, IAdditionalClassesProp, IIconTypeProp, IOnClickEventProps {
     /**
      * Set the button type
@@ -156,6 +156,8 @@ export interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputEleme
     enableToolTip?: boolean;
     tooltipProps?: ToolTipProps;
     suffixed?: string;
+    labelLeftAction?: () => void;
+    labelLeftText?: string;
 }
 export interface IFormGenInputProps {
     /**
@@ -243,7 +245,7 @@ export interface ICheckboxProps {
     id?: any;
     label?: string;
 }
-export type LABELTYPE = "default" | "black" | "smallSelect" | "blackSmall" | "formLabel" | "formLabelMedeum" | "formButtonGroup" | undefined;
+export type LABELTYPE = "default" | "black" | "smallSelect" | "blackSmall" | "formLabel" | "formLabelMedeum" | "formButtonGroup" | "fontSemiBold" | undefined;
 export interface ILabelProps {
     /**
      * Set the Label Type
@@ -498,6 +500,7 @@ export interface ITabPanelProps extends AdditionalClassesProp {
     value: string;
     /** Identifier for the tab panel. */
     index: string;
+    isCenter?: boolean;
 }
 export interface IPanelCardProps extends AdditionalClassesProp {
     /** Header title displayed on header area of the card. */

package/dist/esm/types/shared/models/components/common.model.d.ts

@@ -113,6 +113,8 @@ export interface MessageProps {
 }
 export interface BreadcrumbProps {
     items: BreadcrumbItem[];
+    singleArrow?: boolean;
+    addtionalClasses?: string;
 }
 export interface BreadcrumbItem {
     label: string;
@@ -209,6 +211,7 @@ export interface CustomDatePickerProps {
     additionalClasses?: string | undefined;
     readOnly?: boolean;
     type?: InputType;
+    height?: string;
     /**
      * Set new variant of the input
      */
@@ -291,12 +294,13 @@ export interface DropdownMultiselectProps {
     onSelectedValuesChange: (selectedValues: string[]) => void;
 }
 export interface OptionProps {
-    id: string;
     displayText: string;
     iconText: string;
     imageUrl?: string;
     bgColor?: string;
     clickedAction?: ClickedAction;
+    isChecked?: boolean;
+    id?: string;
 }
 export interface BtnOptionDropdown {
     btnLabel: string;
@@ -318,6 +322,29 @@ export interface DropdownSearchProps {
     listHeader?: string;
     selected?: string;
 }
+export interface UserDropdownProps {
+    options?: OptionProps[];
+    label?: string;
+    labelType?: LableTypes;
+    onSelectedValuesChange?: (selectedValue: OptionProps) => void;
+    onSelectedMultiValuesChange?: (selectedValue: OptionProps[]) => void;
+    buttonProps?: BtnOptionDropdown[];
+    defaultValue?: string;
+    additionalErrorClasses?: string;
+    error?: string;
+    additionalClasses?: string;
+    readOnly?: boolean;
+    isBorderedError?: boolean;
+    selectedValues?: OptionProps[];
+    setSelectedValues?: any;
+    onClick?: () => void;
+    variants?: string;
+    isNoNBoarder?: boolean;
+    isLeft?: boolean;
+    disabled?: boolean;
+    edited?: boolean;
+    editedValue?: OptionProps;
+}
 export declare enum ClickedAction {
     NONE = "NONE",
     ADDME = "ADDME",
@@ -340,6 +367,7 @@ export interface ButtonGroupProps extends InputGroupProps {
         id: number;
         value: string;
     }[];
+    optionsUser?: OptionProps[];
     onSelect: (selectedOption: number) => void;
     label?: string;
     error?: string;
@@ -349,6 +377,9 @@ export interface ButtonGroupProps extends InputGroupProps {
     additionalClasses?: string;
     onFileChange?: (file: File | null) => void;
     secondaryComponentsVisible?: boolean;
+    onSelectedUsers?: (selectedOption: OptionProps[] | undefined) => void;
+    buttonGroupCol?: string;
+    onValueChange?: (value: string) => void;
 }
 export interface ButtonGroupWithUploadProps extends InputGroupProps {
     options: {

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import * as React$1 from 'react';
-import React__default, { InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, FC, ReactNode } from 'react';
+import React__default, { InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes, FC, ReactNode, HTMLProps } from 'react';
 import { ColumnDef, OnChangeFn, SortingState, PaginationState } from '@tanstack/react-table';
 export { ColumnDef, SortingState } from '@tanstack/react-table';
 
@@ -77,6 +77,8 @@ interface MessageProps {
 }
 interface BreadcrumbProps {
     items: BreadcrumbItem[];
+    singleArrow?: boolean;
+    addtionalClasses?: string;
 }
 interface BreadcrumbItem {
     label: string;
@@ -173,6 +175,7 @@ interface CustomDatePickerProps {
     additionalClasses?: string | undefined;
     readOnly?: boolean;
     type?: InputType;
+    height?: string;
     /**
      * Set new variant of the input
      */
@@ -255,12 +258,13 @@ interface DropdownMultiselectProps {
     onSelectedValuesChange: (selectedValues: string[]) => void;
 }
 interface OptionProps {
-    id: string;
     displayText: string;
     iconText: string;
     imageUrl?: string;
     bgColor?: string;
     clickedAction?: ClickedAction;
+    isChecked?: boolean;
+    id?: string;
 }
 interface BtnOptionDropdown {
     btnLabel: string;
@@ -282,6 +286,29 @@ interface DropdownSearchProps {
     listHeader?: string;
     selected?: string;
 }
+interface UserDropdownProps {
+    options?: OptionProps[];
+    label?: string;
+    labelType?: LableTypes;
+    onSelectedValuesChange?: (selectedValue: OptionProps) => void;
+    onSelectedMultiValuesChange?: (selectedValue: OptionProps[]) => void;
+    buttonProps?: BtnOptionDropdown[];
+    defaultValue?: string;
+    additionalErrorClasses?: string;
+    error?: string;
+    additionalClasses?: string;
+    readOnly?: boolean;
+    isBorderedError?: boolean;
+    selectedValues?: OptionProps[];
+    setSelectedValues?: any;
+    onClick?: () => void;
+    variants?: string;
+    isNoNBoarder?: boolean;
+    isLeft?: boolean;
+    disabled?: boolean;
+    edited?: boolean;
+    editedValue?: OptionProps;
+}
 declare enum ClickedAction {
     NONE = "NONE",
     ADDME = "ADDME",
@@ -304,6 +331,7 @@ interface ButtonGroupProps extends InputGroupProps {
         id: number;
         value: string;
     }[];
+    optionsUser?: OptionProps[];
     onSelect: (selectedOption: number) => void;
     label?: string;
     error?: string;
@@ -313,6 +341,9 @@ interface ButtonGroupProps extends InputGroupProps {
     additionalClasses?: string;
     onFileChange?: (file: File | null) => void;
     secondaryComponentsVisible?: boolean;
+    onSelectedUsers?: (selectedOption: OptionProps[] | undefined) => void;
+    buttonGroupCol?: string;
+    onValueChange?: (value: string) => void;
 }
 interface ButtonGroupWithUploadProps extends InputGroupProps {
     options: {
@@ -396,7 +427,7 @@ interface ICardInfoProps {
     HeaderText?: string;
 }
 
-type VariantTypes = "large" | "small" | "extraSmall" | "largeOutlined" | "smallOutlined" | "extraSmallOutlined" | "default" | "defaultOutlined" | "primaryBlue" | "primaryWhite" | "primaryWhiteSelected" | "primaryWhiteNoBoader" | "primaryWhiteIcon" | "primaryRed" | undefined;
+type VariantTypes = "large" | "small" | "extraSmall" | "largeOutlined" | "smallOutlined" | "extraSmallOutlined" | "default" | "defaultOutlined" | "primaryBlue" | "primaryWhite" | "primaryWhiteSelected" | "primaryWhiteNoBoader" | "primaryWhiteIcon" | "primaryRed" | "primaryFilterSelected" | "primaryBlueFilter" | undefined;
 interface IButtonProps extends IChildrenProp, IAdditionalClassesProp, IIconTypeProp, IOnClickEventProps {
     /**
      * Set the button type
@@ -552,6 +583,8 @@ interface IHookFormsInputProps extends InputHTMLAttributes<HTMLInputElement> {
     enableToolTip?: boolean;
     tooltipProps?: ToolTipProps;
     suffixed?: string;
+    labelLeftAction?: () => void;
+    labelLeftText?: string;
 }
 interface ICheckboxProps {
     onChange?: (checked: boolean) => void;
@@ -559,7 +592,7 @@ interface ICheckboxProps {
     id?: any;
     label?: string;
 }
-type LABELTYPE = "default" | "black" | "smallSelect" | "blackSmall" | "formLabel" | "formLabelMedeum" | "formButtonGroup" | undefined;
+type LABELTYPE = "default" | "black" | "smallSelect" | "blackSmall" | "formLabel" | "formLabelMedeum" | "formButtonGroup" | "fontSemiBold" | undefined;
 interface ILabelProps {
     /**
      * Set the Label Type
@@ -791,6 +824,7 @@ interface ITabPanelProps extends AdditionalClassesProp {
     value: string;
     /** Identifier for the tab panel. */
     index: string;
+    isCenter?: boolean;
 }
 interface IPanelCardProps extends AdditionalClassesProp {
     /** Header title displayed on header area of the card. */
@@ -936,7 +970,7 @@ declare const ButtonGroup: React__default.FC<ButtonGroupProps>;
 declare const Icon: React__default.FC<IIconProps>;
 
 declare function Table({ data, columns, sorting, onSortingChange, pagination, onPaginationChange, totalRecords, isManualPagination, //  true for server-side pagination
-isManualSorting, rowClick, }: {
+isManualSorting, rowClick, key, setRowSelection, }: {
     data: any[];
     columns: ColumnDef<any>[];
     sorting?: any;
@@ -947,8 +981,15 @@ isManualSorting, rowClick, }: {
     isManualPagination?: boolean;
     isManualSorting?: boolean;
     rowClick?: (row: any) => void;
+    key?: any;
+    setRowSelection?: any;
 }): React__default.JSX.Element;
 
+declare function IndeterminateCheckbox({ indeterminate, rowId, className, ...rest }: {
+    indeterminate?: boolean;
+    rowId?: any;
+} & HTMLProps<HTMLInputElement>): React__default.JSX.Element;
+
 declare const Tab: React__default.FC<ITabProps>;
 
 declare const TabList: React__default.FC<ITabListProps>;
@@ -978,6 +1019,10 @@ declare const ButtonGroupWithInputsFormGen: React__default.FC<FormGenButtonGroup
 
 declare const DynamicDualInputTextGroupFormGen: React__default.FC<DyanamicDualInputProps>;
 
+declare const FilterButtonGroup: React__default.FC<ButtonGroupProps>;
+
+declare const SelectUserWithButton: React__default.FC<UserDropdownProps>;
+
 interface UseSchemaProcessorProps {
     schema: ISchema[];
     externalSetComponents: (data: IComponent[]) => void;
@@ -1185,7 +1230,6 @@ declare const themeConfigs: {
                     500: string;
                     600: string;
                     700: string;
-                    720: string;
                     725: string;
                     800: string;
                     820: string;
@@ -1222,6 +1266,7 @@ declare const themeConfigs: {
                 "19s": string[];
                 "20s": string[];
                 "24s": string[];
+                "24-32s": string[];
                 "26s": string[];
                 "28s": string[];
                 "32s": string[];
@@ -1282,4 +1327,4 @@ declare const themeConfigs: {
     plugins: any[];
 };
 
-export { Breadcrumb, type BtnOptionDropdown, Button, ButtonGroup, ButtonGroupFormGen, ButtonGroupWithInputs, ButtonGroupWithInputsFormGen, ButtonGroupWithUpload, Card, Checkbox as CheckBox, ClickedAction, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, type DropdownSearchProps, DynamicDualInputTextGroupFormGen, Heading, Icon, IconInput, ImageInput, ImagePreview, InfoCard, Input, type InputType, InputValidation, InputsGroup, Label, LoadingSpinner, Logo, type LogoProps, Message, type MessageProps, Modal, NavBar, type OptionProps, PanelCard, PhoneNumberInput, ProgressBar, RadioButton, Row, SearchDropdownWithButton, Select, Stepper, Tab, TabList, TabPanel, Table, TagSelect as TagDropdown, TagSelect, Textarea, Tooltip, Typhography, useSchemaProcessor as UseSchemaProcessor, type VariantTypes, themeConfigs, usePagination, useSorting };
+export { Breadcrumb, type BtnOptionDropdown, Button, ButtonGroup, ButtonGroupFormGen, ButtonGroupWithInputs, ButtonGroupWithInputsFormGen, ButtonGroupWithUpload, Card, Checkbox as CheckBox, ClickedAction, DFHFormProvider as ComponentProvider, CustomFileInput, CustomDatePicker as DatePicker, DialogBox, type DropdownSearchProps, DynamicDualInputTextGroupFormGen, FilterButtonGroup, Heading, Icon, IconInput, ImageInput, ImagePreview, IndeterminateCheckbox, InfoCard, Input, type InputType, InputValidation, InputsGroup, Label, LoadingSpinner, Logo, type LogoProps, Message, type MessageProps, Modal, NavBar, type OptionProps, PanelCard, PhoneNumberInput, ProgressBar, RadioButton, Row, SearchDropdownWithButton, Select, SelectUserWithButton, Stepper, Tab, TabList, TabPanel, Table, TagSelect as TagDropdown, TagSelect, Textarea, Tooltip, Typhography, useSchemaProcessor as UseSchemaProcessor, type VariantTypes, themeConfigs, usePagination, useSorting };

package/package.json

@@ -1,106 +1,106 @@
-{
-  "name": "dfh-ui-library",
-  "version": "1.8.02",
-  "description": "",
-  "scripts": {
-    "rollup": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "test": "jest"
-  },
-  "author": "DFH dev",
-  "license": "ISC",
-  "dependencies": {
-    "@babel/preset-env": "^7.23.3",
-    "@babel/preset-react": "^7.23.3",
-    "@babel/preset-typescript": "^7.23.3",
-    "@faker-js/faker": "^8.3.1",
-    "@fontsource/inter": "^5.0.16",
-    "@rollup/plugin-sucrase": "^5.0.2",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@tailwindcss/forms": "^0.5.7",
-    "@tanstack/react-table": "^8.11.3",
-    "@types/react": "^18.2.37",
-    "autoprefixer": "^10.4.16",
-    "classnames": "^2.3.2",
-    "formik": "^2.4.5",
-    "lodash": "^4.17.21",
-    "moment": "^2.29.4",
-    "react": "^18.2.0",
-    "react-datepicker": "^4.24.0",
-    "react-dom": "^18.2.0",
-    "react-input-mask": "^3.0.0-alpha.2",
-    "react-phone-number-input": "^3.3.7",
-    "react-select": "^5.8.0",
-    "react-tooltip": "^5.24.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-scss": "^4.0.0",
-    "tailwindcss": "^3.3.5",
-    "tsconfig-paths-webpack-plugin": "^4.1.0",
-    "tslib": "^2.6.2",
-    "typescript": "^5.2.2"
-  },
-  "devDependencies": {
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-typescript": "^11.1.5",
-    "@storybook/addon-actions": "^7.6.3",
-    "@storybook/addon-docs": "^7.5.3",
-    "@storybook/addon-essentials": "^7.5.3",
-    "@storybook/addon-interactions": "^7.5.3",
-    "@storybook/addon-links": "^7.5.3",
-    "@storybook/addon-onboarding": "^1.0.8",
-    "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/blocks": "^7.5.3",
-    "@storybook/cli": "^7.5.3",
-    "@storybook/react": "^7.5.3",
-    "@storybook/react-webpack5": "^7.5.3",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^7.5.3",
-    "@testing-library/jest-dom": "^6.1.4",
-    "@testing-library/react": "^14.1.2",
-    "@testing-library/user-event": "^14.5.1",
-    "@types/jest": "^29.5.9",
-    "@types/react-datepicker": "^4.19.4",
-    "@typescript-eslint/eslint-plugin": "^6.12.0",
-    "@typescript-eslint/parser": "^6.12.0",
-    "autoprefixer": "^10.4.16",
-    "cssnano": "^6.0.1",
-    "eslint": "^8.54.0",
-    "eslint-plugin-react": "^7.33.2",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "postcss": "^8.4.31",
-    "postcss-cssnext": "^3.1.1",
-    "postcss-import": "^15.1.0",
-    "postcss-loader": "^7.3.3",
-    "rollup": "^4.5.0",
-    "rollup-plugin-css-only": "^4.5.2",
-    "rollup-plugin-dts": "^6.1.0",
-    "rollup-plugin-postcss": "^4.0.2",
-    "storybook": "^7.5.3",
-    "sugarss": "^4.0.1",
-    "vite": "^5.0.0"
-  },
-  "peerDependencies": {
-    "@tailwindcss/forms": "^0.5.7",
-    "autoprefixer": "^10.4.16",
-    "classnames": "^2.3.2",
-    "cssnano": "^6.0.1",
-    "lodash": "^4.17.21",
-    "moment": "^2.29.4",
-    "postcss": "^8.4.31",
-    "postcss-cssnext": "^3.1.1",
-    "postcss-import": "^15.1.0",
-    "postcss-loader": "^7.3.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "tailwindcss": "^3.3.5"
-  },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "files": [
-    "dist"
-  ],
-  "types": "dist/index.d.ts"
-}
+{
+  "name": "dfh-ui-library",
+  "version": "1.8.5",
+  "description": "",
+  "scripts": {
+    "rollup": "rollup -c --bundleConfigAsCjs --environment NODE_ENV:production",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "test": "jest"
+  },
+  "author": "DFH dev",
+  "license": "ISC",
+  "dependencies": {
+    "@babel/preset-env": "^7.23.3",
+    "@babel/preset-react": "^7.23.3",
+    "@babel/preset-typescript": "^7.23.3",
+    "@faker-js/faker": "^8.3.1",
+    "@fontsource/inter": "^5.0.16",
+    "@rollup/plugin-sucrase": "^5.0.2",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@tailwindcss/forms": "^0.5.7",
+    "@tanstack/react-table": "^8.11.3",
+    "@types/react": "^18.2.37",
+    "autoprefixer": "^10.4.16",
+    "classnames": "^2.3.2",
+    "formik": "^2.4.5",
+    "lodash": "^4.17.21",
+    "moment": "^2.29.4",
+    "react": "^18.2.0",
+    "react-datepicker": "^4.24.0",
+    "react-dom": "^18.2.0",
+    "react-input-mask": "^3.0.0-alpha.2",
+    "react-phone-number-input": "^3.3.7",
+    "react-select": "^5.8.0",
+    "react-tooltip": "^5.24.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-scss": "^4.0.0",
+    "tailwindcss": "^3.3.5",
+    "tsconfig-paths-webpack-plugin": "^4.1.0",
+    "tslib": "^2.6.2",
+    "typescript": "^5.2.2"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-typescript": "^11.1.5",
+    "@storybook/addon-actions": "^7.6.3",
+    "@storybook/addon-docs": "^7.5.3",
+    "@storybook/addon-essentials": "^7.5.3",
+    "@storybook/addon-interactions": "^7.5.3",
+    "@storybook/addon-links": "^7.5.3",
+    "@storybook/addon-onboarding": "^1.0.8",
+    "@storybook/addon-postcss": "^2.0.0",
+    "@storybook/blocks": "^7.5.3",
+    "@storybook/cli": "^7.5.3",
+    "@storybook/react": "^7.5.3",
+    "@storybook/react-webpack5": "^7.5.3",
+    "@storybook/testing-library": "^0.2.2",
+    "@storybook/theming": "^7.5.3",
+    "@testing-library/jest-dom": "^6.1.4",
+    "@testing-library/react": "^14.1.2",
+    "@testing-library/user-event": "^14.5.1",
+    "@types/jest": "^29.5.9",
+    "@types/react-datepicker": "^4.19.4",
+    "@typescript-eslint/eslint-plugin": "^6.12.0",
+    "@typescript-eslint/parser": "^6.12.0",
+    "autoprefixer": "^10.4.16",
+    "cssnano": "^6.0.1",
+    "eslint": "^8.54.0",
+    "eslint-plugin-react": "^7.33.2",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "postcss": "^8.4.31",
+    "postcss-cssnext": "^3.1.1",
+    "postcss-import": "^15.1.0",
+    "postcss-loader": "^7.3.3",
+    "rollup": "^4.5.0",
+    "rollup-plugin-css-only": "^4.5.2",
+    "rollup-plugin-dts": "^6.1.0",
+    "rollup-plugin-postcss": "^4.0.2",
+    "storybook": "^7.5.3",
+    "sugarss": "^4.0.1",
+    "vite": "^5.0.0"
+  },
+  "peerDependencies": {
+    "@tailwindcss/forms": "^0.5.7",
+    "autoprefixer": "^10.4.16",
+    "classnames": "^2.3.2",
+    "cssnano": "^6.0.1",
+    "lodash": "^4.17.21",
+    "moment": "^2.29.4",
+    "postcss": "^8.4.31",
+    "postcss-cssnext": "^3.1.1",
+    "postcss-import": "^15.1.0",
+    "postcss-loader": "^7.3.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tailwindcss": "^3.3.5"
+  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "files": [
+    "dist"
+  ],
+  "types": "dist/index.d.ts"
+}