@axos-web-dev/shared-components 0.0.174 → 0.0.176

package/package.json

@@ -1,131 +1,131 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "0.0.174",
-  "type": "module",
-  "module": "dist/main.js",
-  "types": "dist/main.d.ts",
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "dist/assets/**/*.css"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --p ./tsconfig.build.json && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
-    "prepublishOnly": "npm run build",
-    "check-types": "tsc --pretty --noEmit",
-    "check-format": "prettier --check .",
-    "check-lint": "eslint . --ext ts --ext tsx --ext js",
-    "format": "prettier --write .",
-    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
-    "prepare": "husky",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "npm:link": "npm run build && npm link"
-  },
-  "dependencies": {
-    "@headlessui/react": "^2.1.10",
-    "@hookform/resolvers": "^3.9.0",
-    "@react-input/mask": "^1.2.11",
-    "@react-input/number-format": "^1.1.1",
-    "@storybook/icons": "^1.2.12",
-    "@storybook/preview-api": "^8.3.5",
-    "@types/iframe-resizer": "3.5.13",
-    "@vanilla-extract/css": "^1.16.0",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "antd": "^5.21.5",
-    "clsx": "^2.1.1",
-    "iframe-resizer": "4.3.11",
-    "lodash": "^4.17.21",
-    "moment": "^2.30.1",
-    "react-date-picker": "^11.0.0",
-    "react-hook-form": "^7.53.1",
-    "react-date-range": "^2.0.1",
-    "react-markdown": "^9.0.1",
-    "react-popper": "^2.3.0",
-    "react-slick": "^0.30.2",
-    "react-use": "^17.5.1",
-    "react-wrap-balancer": "^1.1.1",
-    "rsuite": "^5.72.0",
-    "slick-carousel": "^1.8.1",
-    "typed-css-modules": "^0.9.1",
-    "vite-plugin-svgr": "^4.2.0",
-    "zod": "^3.23.8",
-    "zustand": "^4.5.5"
-  },
-  "peerDependencies": {
-    "@headlessui/react": "^2.1.10",
-    "@vanilla-extract/css-utils": "^0.1.3",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "@vanilla-extract/vite-plugin": "^4.0.3",
-    "next": "^14.1.4",
-    "react": "^18.2.0",
-    "react-date-range": "^2.0.1",
-    "react-dom": "^18.2.0",
-    "react-popper": "^2.3.0",
-    "react-slick": "^0.30.2",
-    "slick-carousel": "^1.8.1"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.8.0",
-    "@rollup/plugin-alias": "^5.1.0",
-    "@storybook/addon-essentials": "^8.2.9",
-    "@storybook/addon-interactions": "^8.2.9",
-    "@storybook/addon-links": "^8.2.9",
-    "@storybook/addon-mdx-gfm": "^8.2.9",
-    "@storybook/addon-onboarding": "^8.2.9",
-    "@storybook/addon-themes": "^8.2.9",
-    "@storybook/blocks": "^8.2.9",
-    "@storybook/react": "^8.2.9",
-    "@storybook/react-vite": "^8.2.9",
-    "@storybook/test": "^8.2.9",
-    "@svgr/core": "^8.1.0",
-    "@svgr/plugin-prettier": "^8.1.0",
-    "@svgr/plugin-svgo": "^8.1.0",
-    "@types/lodash": "^4.17.10",
-    "@types/node": "^20.16.10",
-    "@types/react": "^18.3.11",
-    "@types/react-date-range": "^1.4.9",
-    "@types/react-datepicker": "^6.2.0",
-    "@types/react-dom": "^18.3.0",
-    "@types/react-slick": "^0.23.13",
-    "@typescript-eslint/eslint-plugin": "^7.9.0",
-    "@typescript-eslint/parser": "^7.9.0",
-    "@vanilla-extract/css-utils": "^0.1.4",
-    "@vanilla-extract/recipes": "^0.5.5",
-    "@vanilla-extract/vite-plugin": "^4.0.15",
-    "@vitejs/plugin-react-swc": "^3.7.0",
-    "esbuild-vanilla-image-loader": "^0.1.3",
-    "eslint": "^8.57.0",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.7",
-    "eslint-plugin-storybook": "^0.8.0",
-    "glob": "^10.4.5",
-    "husky": "^9.1.6",
-    "next": "^14.1.4",
-    "prettier": "3.2.5",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "rollup-plugin-preserve-directives": "^0.4.0",
-    "rollup-plugin-svg-import": "^3.0.0",
-    "rollup-plugin-svgo": "^2.0.0",
-    "storybook": "^8.2.9",
-    "typescript": "^5.6.2",
-    "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.4.9",
-    "vite-plugin-dts": "^3.9.1",
-    "vite-plugin-lib-inject-css": "^2.1.1",
-    "vite-plugin-setting-css-module": "^1.1.4",
-    "vite-tsconfig-paths": "^4.3.2"
-  },
-  "main": "index.js",
-  "directories": {
-    "lib": "lib"
-  },
-  "author": "axos-web-dev",
-  "license": "ISC"
-}
+{
+  "name": "@axos-web-dev/shared-components",
+  "description": "Axos shared components library for web.",
+  "version": "0.0.176",
+  "type": "module",
+  "module": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "dist/assets/**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --p ./tsconfig.build.json && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build",
+    "check-types": "tsc --pretty --noEmit",
+    "check-format": "prettier --check .",
+    "check-lint": "eslint . --ext ts --ext tsx --ext js",
+    "format": "prettier --write .",
+    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
+    "prepare": "husky",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "npm:link": "npm run build && npm link"
+  },
+  "dependencies": {
+    "@headlessui/react": "^2.1.10",
+    "@hookform/resolvers": "^3.9.0",
+    "@react-input/mask": "^1.2.11",
+    "@react-input/number-format": "^1.1.1",
+    "@storybook/icons": "^1.2.12",
+    "@storybook/preview-api": "^8.3.5",
+    "@types/iframe-resizer": "3.5.13",
+    "@vanilla-extract/css": "^1.16.0",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "antd": "^5.21.5",
+    "clsx": "^2.1.1",
+    "iframe-resizer": "4.3.11",
+    "lodash": "^4.17.21",
+    "moment": "^2.30.1",
+    "react-date-picker": "^11.0.0",
+    "react-hook-form": "^7.53.1",
+    "react-date-range": "^2.0.1",
+    "react-markdown": "^9.0.1",
+    "react-popper": "^2.3.0",
+    "react-slick": "^0.30.2",
+    "react-use": "^17.5.1",
+    "react-wrap-balancer": "^1.1.1",
+    "rsuite": "^5.72.0",
+    "slick-carousel": "^1.8.1",
+    "typed-css-modules": "^0.9.1",
+    "vite-plugin-svgr": "^4.2.0",
+    "zod": "^3.23.8",
+    "zustand": "^4.5.5"
+  },
+  "peerDependencies": {
+    "@headlessui/react": "^2.1.10",
+    "@vanilla-extract/css-utils": "^0.1.3",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "@vanilla-extract/vite-plugin": "^4.0.3",
+    "next": "^14.1.4",
+    "react": "^18.2.0",
+    "react-date-range": "^2.0.1",
+    "react-dom": "^18.2.0",
+    "react-popper": "^2.3.0",
+    "react-slick": "^0.30.2",
+    "slick-carousel": "^1.8.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.8.0",
+    "@rollup/plugin-alias": "^5.1.0",
+    "@storybook/addon-essentials": "^8.2.9",
+    "@storybook/addon-interactions": "^8.2.9",
+    "@storybook/addon-links": "^8.2.9",
+    "@storybook/addon-mdx-gfm": "^8.2.9",
+    "@storybook/addon-onboarding": "^8.2.9",
+    "@storybook/addon-themes": "^8.2.9",
+    "@storybook/blocks": "^8.2.9",
+    "@storybook/react": "^8.2.9",
+    "@storybook/react-vite": "^8.2.9",
+    "@storybook/test": "^8.2.9",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-prettier": "^8.1.0",
+    "@svgr/plugin-svgo": "^8.1.0",
+    "@types/lodash": "^4.17.10",
+    "@types/node": "^20.16.10",
+    "@types/react": "^18.3.11",
+    "@types/react-date-range": "^1.4.9",
+    "@types/react-datepicker": "^6.2.0",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-slick": "^0.23.13",
+    "@typescript-eslint/eslint-plugin": "^7.9.0",
+    "@typescript-eslint/parser": "^7.9.0",
+    "@vanilla-extract/css-utils": "^0.1.4",
+    "@vanilla-extract/recipes": "^0.5.5",
+    "@vanilla-extract/vite-plugin": "^4.0.15",
+    "@vitejs/plugin-react-swc": "^3.7.0",
+    "esbuild-vanilla-image-loader": "^0.1.3",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "eslint-plugin-storybook": "^0.8.0",
+    "glob": "^10.4.5",
+    "husky": "^9.1.6",
+    "next": "^14.1.4",
+    "prettier": "3.2.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "rollup-plugin-svg-import": "^3.0.0",
+    "rollup-plugin-svgo": "^2.0.0",
+    "storybook": "^8.2.9",
+    "typescript": "^5.6.2",
+    "typescript-plugin-css-modules": "^5.1.0",
+    "vite": "^5.4.9",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-lib-inject-css": "^2.1.1",
+    "vite-plugin-setting-css-module": "^1.1.4",
+    "vite-tsconfig-paths": "^4.3.2"
+  },
+  "main": "index.js",
+  "directories": {
+    "lib": "lib"
+  },
+  "author": "axos-web-dev",
+  "license": "ISC"
+}

package/dist/Input/DatePicker.css.d.ts

@@ -1 +0,0 @@
-export declare const datePicker: string;

package/dist/Input/DatePicker.css.js

@@ -1,6 +0,0 @@
-/* empty css                                              */
-/* empty css                                         */
-var datePicker = "_1oit9ls0";
-export {
-  datePicker
-};

package/dist/Input/DatePicker2.d.ts

@@ -1,21 +0,0 @@
-import { SyntheticEvent } from 'react';
-
-type TClasses = {
-    inputDateField?: string;
-};
-type TProps = {
-    classes?: TClasses;
-    isDisabled?: boolean;
-    isInvalid?: boolean;
-    locale?: Locale;
-    maxDate?: Date | null;
-    minDate?: Date | null;
-    onChange: (value: Date | null) => void;
-    onFieldClear?: (event: SyntheticEvent) => void;
-    placeholder?: string;
-    subTitle?: string;
-    title?: string;
-    value: Date | null;
-};
-export declare const InputDateField: import('react').NamedExoticComponent<TProps>;
-export {};

package/dist/Input/DatePicker2.js

@@ -1,103 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Popover, PopoverButton, Transition, PopoverPanel, TransitionChild } from "@headlessui/react";
-import clsx from "clsx";
-import { format } from "date-fns";
-import isNil from "lodash/isNil.js";
-import { memo, createRef, Fragment } from "react";
-import { FORMAT_DATE } from "../utils/constants/format.js";
-import { POPOVER_POSITION_STYLES } from "../utils/constants/popper.js";
-import { usePopover } from "../utils/hooks/usePopover.js";
-import { DatePicker } from "./DatePickerComponents/DatePicker.js";
-import { InputDate } from "./DatePickerComponents/InputDate.js";
-const InputDateFieldComponent = (props) => {
-  const {
-    classes,
-    isDisabled,
-    isInvalid,
-    locale,
-    maxDate,
-    minDate,
-    onChange,
-    onFieldClear,
-    placeholder,
-    subTitle,
-    title,
-    value
-  } = props;
-  const triggerRef = createRef();
-  const formattedValue = !isNil(value) ? format(value, FORMAT_DATE, { locale }) : null;
-  const date = !isNil(value) ? value : void 0;
-  const maxDateValue = !isNil(maxDate) ? maxDate : void 0;
-  const minDateValue = !isNil(minDate) ? minDate : void 0;
-  const {
-    attributes,
-    onPopperElement,
-    onReferenceElement,
-    popoverPosition,
-    styles
-  } = usePopover({
-    triggerRef
-  });
-  return /* @__PURE__ */ jsx("div", { className: clsx("InputDateField", classes?.inputDateField), children: /* @__PURE__ */ jsxs(Popover, { className: "HeadlessPopover", children: [
-    /* @__PURE__ */ jsx(
-      PopoverButton,
-      {
-        className: "HeadlessPopover-Button",
-        ref: onReferenceElement,
-        children: /* @__PURE__ */ jsx("div", { className: "HeadlessPopover-Trigger", ref: triggerRef, children: /* @__PURE__ */ jsx(
-          InputDate,
-          {
-            isDisabled,
-            isInvalid,
-            onFieldClear,
-            placeholder,
-            subTitle,
-            title,
-            value: formattedValue
-          }
-        ) })
-      }
-    ),
-    /* @__PURE__ */ jsx(Transition, { as: Fragment, children: /* @__PURE__ */ jsx(
-      PopoverPanel,
-      {
-        className: clsx(
-          "HeadlessPopover-Panel",
-          `HeadlessPopover-Panel__${POPOVER_POSITION_STYLES[popoverPosition]}`
-        ),
-        ref: onPopperElement,
-        style: styles.popper,
-        ...attributes.popper,
-        children: ({ close }) => /* @__PURE__ */ jsx(
-          TransitionChild,
-          {
-            enter: "HeadlessPopover-Transition__enter",
-            enterFrom: "HeadlessPopover-Transition__enterFrom",
-            enterTo: "HeadlessPopover-Transition__enterTo",
-            leave: "HeadlessPopover-Transition__leave",
-            leaveFrom: "HeadlessPopover-Transition__leaveFrom",
-            leaveTo: "HeadlessPopover-Transition__leaveTo",
-            children: /* @__PURE__ */ jsx("div", { className: "HeadlessPopover-PanelContent", children: /* @__PURE__ */ jsx(
-              DatePicker,
-              {
-                locale,
-                maxDate: maxDateValue,
-                minDate: minDateValue,
-                onChange: (date2) => {
-                  onChange(date2);
-                  close();
-                },
-                value: date
-              }
-            ) })
-          }
-        )
-      }
-    ) })
-  ] }) });
-};
-const InputDateField = memo(InputDateFieldComponent);
-export {
-  InputDateField
-};

package/dist/Input/DatePickerComponents/DatePicker.d.ts

@@ -1,11 +0,0 @@
-import { CalendarProps } from 'react-date-range';
-
-type TProps = {
-    locale?: Locale;
-    maxDate?: Date;
-    minDate?: Date;
-    onChange?: (date: Date) => void;
-    value?: Date;
-} & CalendarProps;
-export declare const DatePicker: import('react').NamedExoticComponent<TProps>;
-export {};

package/dist/Input/DatePickerComponents/DatePicker.js

@@ -1,13 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { memo } from "react";
-import { Calendar } from "react-date-range";
-/* empty css                                                  */
-/* empty css                                                         */
-const DatePickerComponent = (props) => {
-  const { locale, onChange, value } = props;
-  return /* @__PURE__ */ jsx(Calendar, { ...props, date: value, locale, onChange });
-};
-const DatePicker = memo(DatePickerComponent);
-export {
-  DatePicker
-};

package/dist/Input/DatePickerComponents/InputDate.d.ts

@@ -1,15 +0,0 @@
-import { SyntheticEvent } from 'react';
-
-type TProps = {
-    className?: string;
-    isDisabled?: boolean;
-    isInvalid?: boolean;
-    onClick?: (event: SyntheticEvent) => void;
-    onFieldClear?: (event: SyntheticEvent) => void;
-    placeholder?: string;
-    subTitle?: string;
-    title?: string;
-    value?: string | null;
-};
-export declare const InputDate: import('react').NamedExoticComponent<TProps>;
-export {};

package/dist/Input/DatePickerComponents/InputDate.js

@@ -1,66 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { CalendarIcon } from "../../icons/CalendarIcon/CalendarIcon.js";
-import clsx from "clsx";
-import { memo } from "react";
-const InputDateComponent = (props) => {
-  const {
-    className,
-    isDisabled,
-    isInvalid,
-    onClick,
-    onFieldClear,
-    placeholder,
-    subTitle,
-    title,
-    value
-  } = props;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: clsx("InputDate", className, {
-        InputDate__isDisabled: isDisabled,
-        InputDate__isInvalid: isInvalid && !isDisabled
-      }),
-      onClick: !isDisabled ? onClick : void 0,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "InputDate-Inner", children: [
-          /* @__PURE__ */ jsxs("div", { className: "InputDate-Title", children: [
-            title,
-            " "
-          ] }),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: clsx("InputDate-IconWrapper", {
-                "InputDate-IconWrapper__isFocusable": !isDisabled
-              }),
-              children: [
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: clsx("InputDate-Text", {
-                      "InputDate-Text__isFilled": value && !isDisabled,
-                      "InputDate-Text__isPlaceholder": !value
-                    }),
-                    children: value ?? placeholder
-                  }
-                ),
-                value && /* @__PURE__ */ jsx("div", { className: "InputDate-PostIcon", onClick: onFieldClear }),
-                /* @__PURE__ */ jsx("div", { className: "InputDate-DatePickerIcon", children: /* @__PURE__ */ jsx(CalendarIcon, {}) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "InputDate-Text__isInvalid" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "InputDate-SubTitle", children: [
-          subTitle,
-          " "
-        ] })
-      ]
-    }
-  );
-};
-const InputDate = memo(InputDateComponent);
-export {
-  InputDate
-};

package/dist/Input/DatePickerComponents/index.d.ts

@@ -1,2 +0,0 @@
-export * from './DatePicker';
-export * from './InputDate';

package/dist/Input/DatePickerComponents/index.js

@@ -1,6 +0,0 @@
-import { DatePicker } from "./DatePicker.js";
-import { InputDate } from "./InputDate.js";
-export {
-  DatePicker,
-  InputDate
-};

package/dist/Input/Datepicker.d.ts

@@ -1,3 +0,0 @@
-import { DatepickerInputProps } from './InputProps';
-
-export declare const DatePickerInput: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Input/Datepicker.js

@@ -1,47 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import DatePicker from "react-date-picker";
-import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
-const DatePickerInput = (props) => {
-  const {
-    disabled,
-    label,
-    iconLeft,
-    iconRight,
-    sizes,
-    error = false,
-    helperText: helper,
-    variant
-  } = props;
-  const [value, onChange] = useState();
-  return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
-    label && /* @__PURE__ */ jsx(
-      "label",
-      {
-        className: labelClassName({ error, variant }),
-        htmlFor: props.name,
-        children: label
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
-      iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
-      /* @__PURE__ */ jsx(
-        DatePicker,
-        {
-          dayPlaceholder: "dd",
-          monthPlaceholder: "mm",
-          yearPlaceholder: "yyyy",
-          minDate: /* @__PURE__ */ new Date(),
-          onChange,
-          value
-        }
-      ),
-      iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
-    ] }),
-    /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
-  ] });
-};
-export {
-  DatePickerInput
-};

package/dist/Input/InputDate.css.d.ts

@@ -1,6 +0,0 @@
-export declare const calendarContainer: string;
-export declare const calendarIcon: string;
-export declare const inputDate: string;
-export declare const verticalCenter: string;
-export declare const calendar: string;
-export declare const headerCalendar: string;

package/dist/Input/InputDate.css.js

@@ -1,15 +0,0 @@
-/* empty css                                        */
-var calendarContainer = "skzved0";
-var calendarIcon = "skzved1";
-var inputDate = "skzved2";
-var verticalCenter = "skzved3";
-var calendar = "skzved4";
-var headerCalendar = "skzved5";
-export {
-  calendar,
-  calendarContainer,
-  calendarIcon,
-  headerCalendar,
-  inputDate,
-  verticalCenter
-};

package/dist/Input/InputDate.d.ts

@@ -1,3 +0,0 @@
-import { DatepickerInputProps } from './InputProps';
-
-export declare const InputDate: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Input/InputDate.js

@@ -1,47 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import DatePicker from "react-date-picker";
-import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
-const InputDate = (props) => {
-  const {
-    disabled,
-    label,
-    iconLeft,
-    iconRight,
-    sizes,
-    error = false,
-    helperText: helper,
-    variant
-  } = props;
-  const [value, onChange] = useState();
-  return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
-    label && /* @__PURE__ */ jsx(
-      "label",
-      {
-        className: labelClassName({ error, variant }),
-        htmlFor: props.name,
-        children: label
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
-      iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
-      /* @__PURE__ */ jsx(
-        DatePicker,
-        {
-          dayPlaceholder: "dd",
-          monthPlaceholder: "mm",
-          yearPlaceholder: "yyyy",
-          minDate: /* @__PURE__ */ new Date(),
-          onChange,
-          value
-        }
-      ),
-      iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
-    ] }),
-    /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
-  ] });
-};
-export {
-  InputDate
-};