@axos-web-dev/shared-components 0.0.108 → 0.0.110

package/dist/Forms/ClearingForm.js

@@ -0,0 +1,334 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import { useState } from "react";
+import "react-use";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import { Dropdown } from "../Input/Dropdown.js";
+/* empty css                                              */
+/* empty css                                       */
+import { Input } from "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
+import { InputPhone } from "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
+import SvgAxosX from "../icons/AxosX/index.js";
+import SvgComponent from "../icons/AxosX/Blue.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                    */
+/* empty css                                       */
+/* empty css                                                        */
+/* empty css                                                    */
+import { associatedEmail } from "../utils/EverestValidity.js";
+import "../utils/allowedAxosDomains.js";
+import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
+import { useForm, FormProvider } from "react-hook-form";
+import * as z from "zod";
+import { formContainer, iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, fullRowForm, disclosureForm, actions } from "./Forms.css.js";
+import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+import CheckboxGroup from "../Input/CheckboxGroup.js";
+const options = [
+  { label: "Active Trading", value: "Active Trading" },
+  { label: "FinTech", value: "FinTech" },
+  { label: "Foreign", value: "Foreign" },
+  { label: "Hybrid (RIA and BD)", value: "Hybrid (RIA and BD)" },
+  { label: "Independent Contractor", value: "Independent Contractor" },
+  { label: "IPOs", value: "IPOs" },
+  { label: "Institutional Fixed Income", value: "Institutional Fixed Income" },
+  { label: "Institutional Equity", value: "Institutional Equity" },
+  { label: "Prime Services", value: "Prime Services" },
+  { label: "Retail", value: "Retail" },
+  { label: "Retail/Institutional", value: "Retail/Institutional" },
+  { label: "RIA", value: "RIA" },
+  { label: "Self-Directed", value: "Self-Directed" }
+];
+const ClearingForm = ({
+  icon = false,
+  children,
+  onSubmit = (values) => {
+    console.log(values);
+  },
+  disclosure,
+  variant: fullVariant = "primary",
+  headline,
+  description,
+  callToAction,
+  validateEmail,
+  id
+}) => {
+  const schema = z.object({
+    first_name: z.string({ message: "First name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
+      message: "First name is required."
+    }).trim().min(1, { message: "First Name is required." }),
+    last_name: z.string({ message: "Last Name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
+      message: "Last Name is required."
+    }).trim().min(1, { message: "Last Name is required." }),
+    email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
+    phone: z.string({ message: "Phone is required." }).regex(/[\d-]{10}/, { message: "Phone is required." }).min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
+      const removeDashes = val.replace(/-/gi, "");
+      if (removeDashes.length !== 10) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "Phone must have at least 10 and no more than 10 characters."
+        });
+        return z.NEVER;
+      }
+      return removeDashes;
+    }),
+    company: z.string({ message: "Broker-Dealer Name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
+      message: "Broker-Dealer Name is required"
+    }).trim().min(1, { message: "Broker-Dealer Name is required." }),
+    Business_Type__c: z.string({ message: "Type of Business is required." }).trim().min(1, { message: "Type of Business is required." }).refine((val) => val.trim().length > 0, {
+      message: "Type of Business is required."
+    }),
+    Current_Assets_Under_Management__c: z.string().trim().min(1, { message: "Assets Under Management is required." }),
+    Memo__c: z.string().trim()
+  });
+  const [selectedValues, setSelectedValues] = useState([]);
+  const [showBusinessTypes, setShowBusinessTypes] = useState(false);
+  const [requiredAUM, setRequiredAUM] = useState(false);
+  const [requiredTOB, setRequiredTOB] = useState(false);
+  const handleShowBusinessType = () => {
+    setShowBusinessTypes(true);
+  };
+  let formattedValues = "";
+  const handleBusinessTypeChange = (updatedValues) => {
+    setSelectedValues(updatedValues);
+    formattedValues = updatedValues.join(";");
+    setValue("Business_Type__c", formattedValues);
+    handleTOBerrors();
+  };
+  const methods = useForm({
+    resolver: zodResolver(schema.merge(SalesforceSchema), {
+      async: true
+    }),
+    mode: "all",
+    defaultValues: {
+      email: "",
+      Business_Type__c: "FinTech"
+      // Set default value as empty array
+    }
+  });
+  const {
+    handleSubmit,
+    register,
+    setValue,
+    setError,
+    clearErrors,
+    formState: { errors, isValid, isSubmitting }
+  } = methods;
+  const submitForm = async (data) => {
+    await onSubmit(data);
+  };
+  const handleTOBerrors = () => {
+    if (!formattedValues.length) {
+      setError("Business_Type__c", {
+        type: "manual",
+        message: "Type of Business is required."
+      });
+      return;
+    } else {
+      clearErrors("Business_Type__c");
+      setRequiredTOB(true);
+    }
+  };
+  const handleDropdownChange = (event) => {
+    const value = event.target.value;
+    setValue("Current_Assets_Under_Management__c", value);
+    if (value) setRequiredAUM(true);
+  };
+  const variant = getVariant(fullVariant);
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      id: `id_${id}`,
+      className: clsx(formContainer({ variant })),
+      children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
+        icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
+        /* @__PURE__ */ jsxs("div", { className: clsx(headerContainer, "text_center"), children: [
+          /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
+          description && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: clsx(
+                form,
+                descriptionField({ variant }),
+                "text_center"
+              ),
+              children: description
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
+          /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "first_name",
+                ...register("first_name", {
+                  required: "First Name is required"
+                }),
+                label: "First Name",
+                sizes: "medium",
+                required: true,
+                error: !!errors.first_name,
+                helperText: errors.first_name?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "last_name",
+                ...register("last_name", { required: true }),
+                label: "Last Name",
+                sizes: "medium",
+                required: true,
+                error: !!errors.last_name,
+                helperText: errors.last_name?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "email",
+                ...register("email", {
+                  required: true,
+                  validate: {
+                    isValid: associatedEmail
+                  }
+                }),
+                label: "Email",
+                sizes: "medium",
+                required: true,
+                error: !!errors.email,
+                helperText: errors.email?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputPhone,
+              {
+                id: "phone",
+                ...register("phone", { required: true, maxLength: 12 }),
+                label: "Phone",
+                sizes: "medium",
+                required: true,
+                error: !!errors.phone,
+                helperText: errors.phone?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "company",
+                ...register("company", { required: true }),
+                label: "Broker-Dealer Name",
+                sizes: "medium",
+                required: true,
+                error: !!errors.company,
+                helperText: errors.company?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Current_Assets_Under_Management__c",
+                ...register("Current_Assets_Under_Management__c", {
+                  required: true
+                }),
+                label: "Assets Under Management",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Current_Assets_Under_Management__c,
+                helperText: errors.Current_Assets_Under_Management__c?.message,
+                variant,
+                defaultValue: "Select option",
+                onChange: handleDropdownChange,
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "Select option", disabled: true, children: "Select Option" }),
+                  /* @__PURE__ */ jsx("option", { value: "$0 - $100MM", children: "$0 - $100MM" }),
+                  /* @__PURE__ */ jsx("option", { value: "$101MM - $200MM", children: "$101MM - $200MM" }),
+                  /* @__PURE__ */ jsx("option", { value: "$201MM - $500MM", children: "$201MM - $500MM" }),
+                  /* @__PURE__ */ jsx("option", { value: "$501MM - $750MM", children: "$501MM - $750MM" }),
+                  /* @__PURE__ */ jsx("option", { value: "$751MM - $1B", children: "$751MM - $1B" }),
+                  /* @__PURE__ */ jsx("option", { value: "$1B -$2B", children: "$1B -$2B" }),
+                  /* @__PURE__ */ jsx("option", { value: "$2B+", children: "$2B+" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: `${fullRowForm}`, children: [
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "business_type_selection",
+                  label: "Type of Business",
+                  onFocus: handleShowBusinessType,
+                  onBlur: handleTOBerrors,
+                  sizes: "medium",
+                  placeholder: "Select All That Apply",
+                  error: !!errors.Business_Type__c,
+                  disabled: true
+                }
+              ),
+              showBusinessTypes && /* @__PURE__ */ jsx(
+                CheckboxGroup,
+                {
+                  options,
+                  selectedValues,
+                  onChange: handleBusinessTypeChange
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: fullRowForm, children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "Memo__c",
+                ...register("Memo__c", { required: false }),
+                label: "Please provide additional details about your clearing need (optional)",
+                sizes: "medium",
+                required: false,
+                error: !!errors.Memo__c,
+                helperText: errors.Memo__c?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "hidden",
+                ...register("Lead_Source_Detail_SFDC2__c", {
+                  value: "Axos Clearing"
+                })
+              }
+            )
+          ] }),
+          children,
+          /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
+          /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              color: getVariant(callToAction?.variant),
+              as: "button",
+              type: "submit",
+              disabled: !isValid || isSubmitting || !requiredAUM || !requiredTOB,
+              children: callToAction?.displayText
+            }
+          ) })
+        ] })
+      ] }) })
+    },
+    id
+  );
+};
+export {
+  ClearingForm
+};

package/dist/Forms/ContactUsBusiness.js

@@ -43,6 +43,8 @@ import { formContainer, iconForm, headerContainer, headerForm, form, description
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../Input/RadioButton.css.js";
+import "../Input/Checkbox.css.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
 /* empty css                                                                                    */

package/dist/Forms/ContactUsNMLSId.js

@@ -43,6 +43,8 @@ import { formContainer, iconForm, headerContainer, headerForm, form, description
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../Input/RadioButton.css.js";
+import "../Input/Checkbox.css.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
 /* empty css                                                                                    */

package/dist/Forms/EmailOnly.js

@@ -44,6 +44,8 @@ import { formContainer, iconForm, headerContainer, headerForm, form, description
 import { SalesforceSchema } from "./SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../Input/RadioButton.css.js";
+import "../Input/Checkbox.css.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
 /* empty css                                                                                    */

package/dist/Forms/SalesforceFieldsForm.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as z from "zod";
 export interface SalesforceFields {
     brand: string;

package/dist/Forms/ScheduleCall.js

@@ -15,6 +15,7 @@ import "../Input/Input.css.js";
 import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import { InputDate } from "../Input/InputDate.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
@@ -220,7 +221,9 @@ const ScheduleCall = ({
                   /* @__PURE__ */ jsx("option", { value: "5:00 pm", children: "5:00 pm" })
                 ]
               }
-            ) })
+            ) }),
+            /* @__PURE__ */ jsx(InputDate, { onDateChange: () => {
+            } })
           ] }),
           children,
           /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),

package/dist/Forms/SuccesForm.js

@@ -93,6 +93,8 @@ import "react-hook-form";
 import { success_wrap, success_icon, success_circle, succes_check_mark } from "./Forms.css.js";
 import "./SalesforceFieldsForm.js";
 import "../Input/RadioButton.js";
+import "../Input/RadioButton.css.js";
+import "../Input/Checkbox.css.js";
 function SuccesFormWrapper({
   children,
   isSubmitted,

package/dist/Forms/index.d.ts

@@ -16,3 +16,4 @@ export * from './ScheduleCall';
 export * from './ScheduleCallPremier';
 export * from './SuccesForm';
 export * from './WcplSurvey';
+export * from './ClearingForm';

package/dist/Forms/index.js

@@ -15,8 +15,10 @@ import { ScheduleCall } from "./ScheduleCall.js";
 import { ScheduleCallPremier } from "./ScheduleCallPremier.js";
 import { SuccesFormWrapper } from "./SuccesForm.js";
 import { WCPLSurvey } from "./WcplSurvey.js";
+import { ClearingForm } from "./ClearingForm.js";
 export {
   ApplicationStart,
+  ClearingForm,
   CommercialLending,
   ContactCompany,
   ContactUs,

package/dist/Hyperlink/index.js

@@ -43,6 +43,8 @@ import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../Input/RadioButton.css.js";
+import "../Input/Checkbox.css.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
 /* empty css                                                                                    */

package/dist/ImageLink/ImageLink.js

@@ -38,6 +38,8 @@ import "../Forms/SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "react-use";
 import "../Input/RadioButton.js";
+import "../Input/RadioButton.css.js";
+import "../Input/Checkbox.css.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
 /* empty css                                                                                    */

package/dist/ImageLink/ImageLinkSet.js

@@ -42,6 +42,8 @@ import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../Input/RadioButton.css.js";
+import "../Input/Checkbox.css.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
 /* empty css                                                                                    */

package/dist/ImageLink/index.js

@@ -41,6 +41,8 @@ import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Input/RadioButton.js";
+import "../Input/RadioButton.css.js";
+import "../Input/Checkbox.css.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
 /* empty css                                                                                    */

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

@@ -8,3 +8,5 @@ export declare const checkbox: import('@vanilla-extract/recipes').RuntimeFn<{
         [x: string]: string | import('@vanilla-extract/css').ComplexStyleRule;
     };
 }>;
+export declare const checkbox_group_container: string;
+export declare const no_borders: string;

package/dist/Input/Checkbox.css.js

@@ -2,7 +2,11 @@
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var checkboxContainer = createRuntimeFn({ defaultClassName: "_3tjom70", variantClassNames: { disabled: { true: "_3tjom71" } }, defaultVariants: {}, compoundVariants: [] });
 var checkbox = createRuntimeFn({ defaultClassName: "_3tjom72", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var checkbox_group_container = "_3tjom73";
+var no_borders = "_3tjom74";
 export {
   checkbox,
-  checkboxContainer
+  checkboxContainer,
+  checkbox_group_container,
+  no_borders
 };

package/dist/Input/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import { InputProps } from './InputProps';
 
 export declare const Checkbox: import('react').ForwardRefExoticComponent<InputProps & {
-    children?: import('react').ReactNode;
+    children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLInputElement>>;

package/dist/Input/CheckboxGroup.d.ts

@@ -0,0 +1,20 @@
+import { default as React, ReactNode } from 'react';
+
+interface CheckboxOption {
+    label: string;
+    value: string;
+}
+interface CheckboxGroupProps {
+    disabled?: boolean;
+    error?: boolean;
+    label?: string;
+    variant?: string;
+    helperText?: string;
+    options: CheckboxOption[];
+    selectedValues: string[];
+    onChange: (selectedValues: string[]) => void;
+    direction?: "row" | "column";
+    iconLeft?: ReactNode;
+}
+declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
+export default CheckboxGroup;

package/dist/Input/CheckboxGroup.js

@@ -0,0 +1,39 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Checkbox } from "./Checkbox.js";
+import { labelClassName } from "./Input.css.js";
+import { fieldset_wrapper, fieldset_container, fieldset } from "./RadioButton.css.js";
+import { checkbox_group_container } from "./Checkbox.css.js";
+const CheckboxGroup = ({
+  error = false,
+  label,
+  options,
+  selectedValues,
+  onChange,
+  direction = "column"
+}) => {
+  const handleCheckboxChange = (e) => {
+    const value = e.target.value;
+    const isChecked = e.target.checked;
+    const updatedValues = isChecked ? [...selectedValues, value] : selectedValues.filter((item) => item !== value);
+    onChange(updatedValues);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: fieldset_wrapper, children: [
+    label && /* @__PURE__ */ jsx("label", { className: labelClassName({ error }), children: label }),
+    /* @__PURE__ */ jsx("div", { className: `${fieldset_container} ${checkbox_group_container}`, children: /* @__PURE__ */ jsx("fieldset", { className: fieldset({ direction }), children: options.map((option) => /* @__PURE__ */ jsx(
+      Checkbox,
+      {
+        name: option.value,
+        value: option.value,
+        checked: selectedValues.includes(option.value),
+        onChange: handleCheckboxChange,
+        sizes: "medium",
+        children: option.label
+      },
+      option.value
+    )) }) }),
+    error && /* @__PURE__ */ jsx("span", { className: "error-text", children: "Error message here" })
+  ] });
+};
+export {
+  CheckboxGroup as default
+};

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

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

package/dist/Input/DatePicker.css.js

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

package/dist/Input/Datepicker.d.ts

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

package/dist/Input/Datepicker.js

@@ -0,0 +1,47 @@
+"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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,15 @@
+/* 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

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