@axos-web-dev/shared-components 0.0.67 → 0.0.68

package/dist/Forms/WcplSurvey.js

@@ -0,0 +1,194 @@
+"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 "react";
+import "react-use";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import "../Input/Dropdown.js";
+/* empty css                                          */
+/* empty css                                   */
+import "../Input/Input.js";
+import "../Input/Input.css.js";
+import { InputPhone } from "../Input/InputPhone.js";
+import { InputTextArea } from "../Input/InputTextArea.js";
+import { RadioButtonSet, RadioButton } from "../Input/RadioButton.js";
+import { LoadingIndicator } from "../LoadingIndicator/index.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 { 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, disclosureForm, actions } from "./Forms.css.js";
+import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+const WCPLSurvey = ({
+  icon = false,
+  children,
+  onSubmit = (values) => {
+    console.log(values);
+  },
+  disclosure,
+  variant: fullVariant = "primary",
+  headline,
+  callToAction,
+  id,
+  description
+}) => {
+  const schema = z.object({
+    // Has_Deal: z.enum(["1", "0"]).transform((value) => value === "1"),
+    Has_Deal: z.string(),
+    Description_of_Deal_Details: z.string(),
+    Telephone: z.string().regex(/[\d-]{10}/).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;
+    })
+  });
+  const methods = useForm({
+    resolver: zodResolver(schema.merge(SalesforceSchema), {
+      async: true
+    }),
+    mode: "all",
+    defaultValues: {
+      Description_of_Deal_Details: ""
+    }
+  });
+  const {
+    handleSubmit,
+    register,
+    formState: { errors, isValid, isSubmitting }
+  } = methods;
+  const submitForm = async (data) => {
+    await onSubmit(data);
+    console.log(errors, isValid);
+  };
+  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: `${headerContainer} text_center`, children: [
+          /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
+          description && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `${form} ${descriptionField({ variant })} text_center`,
+              children: description
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
+          /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant, formType: "email" })), children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              RadioButtonSet,
+              {
+                id: "Has_Deal",
+                label: "Do You have a potential deal you would like to discuss with an Account Executive?",
+                sizes: "medium",
+                placeholder: "Details",
+                required: true,
+                error: !!errors.Has_Deal,
+                helperText: errors.Has_Deal?.message,
+                variant,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    RadioButton,
+                    {
+                      ...register("Has_Deal", {
+                        required: true
+                      }),
+                      value: "Yes",
+                      radioText: "Yes",
+                      groupName: "Has_Deal"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    RadioButton,
+                    {
+                      ...register("Has_Deal", {
+                        required: true
+                      }),
+                      value: "No",
+                      radioText: "No",
+                      groupName: "Has_Deal"
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputTextArea,
+              {
+                id: "Description_of_Deal_Details",
+                ...register("Description_of_Deal_Details", {
+                  required: true
+                }),
+                label: "Write Your Message",
+                sizes: "medium",
+                placeholder: "Details",
+                required: true,
+                error: !!errors.Description_of_Deal_Details,
+                helperText: errors.Description_of_Deal_Details?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputPhone,
+              {
+                id: "Telephone",
+                ...register("Telephone", { required: true, maxLength: 12 }),
+                label: "Telephone",
+                sizes: "medium",
+                placeholder: "Phone",
+                required: true,
+                error: !!errors.Telephone,
+                helperText: errors.Telephone?.message,
+                variant
+              }
+            ) })
+          ] }),
+          children,
+          /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
+          /* @__PURE__ */ jsx("div", { className: actions, children: isSubmitting ? /* @__PURE__ */ jsx(
+            LoadingIndicator,
+            {
+              style: { marginInline: "auto" },
+              variant
+            }
+          ) : /* @__PURE__ */ jsx(
+            Button,
+            {
+              color: getVariant(callToAction?.variant),
+              as: "button",
+              type: "submit",
+              disabled: !isValid || isSubmitting,
+              children: callToAction?.displayText
+            }
+          ) })
+        ] })
+      ] }) })
+    },
+    id
+  );
+};
+export {
+  WCPLSurvey
+};

package/dist/Forms/index.d.ts

@@ -1,11 +1,16 @@
 export * from './ApplicationStart';
-export * from './EmailOnly';
+export * from './CommercialLending';
+export * from './ContactCompany';
+export * from './ContactUs';
+export * from './ContactUsAAS';
 export * from './ContactUsBusiness';
+export * from './DealerServices';
+export * from './EmailOnly';
+export * from './EmailUs';
+export * from './FormProps';
 export * from './Forms.css';
-export * from './RenderForm';
 export * from './SalesforceFieldsForm';
 export * from './ScheduleCall';
 export * from './ScheduleCallPremier';
 export * from './SuccesForm';
-export * from './ContactCompany';
-export * from './DealerServices';
+export * from './WcplSurvey';

package/dist/Forms/index.js

@@ -1,26 +1,34 @@
 import { ApplicationStart } from "./ApplicationStart.js";
-import { EmailOnly } from "./EmailOnly.js";
+import { CommercialLending } from "./CommercialLending.js";
+import { ContactCompany } from "./ContactCompany.js";
+import { ContactUs } from "./ContactUs.js";
+import { ContactUsAAS } from "./ContactUsAAS.js";
 import { ContactUsBusiness } from "./ContactUsBusiness.js";
-import { actions, descriptionField, disclosureForm, form, formContainer, formWrapper, fullRowForm, headerContainer, headerForm, iconForm, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms.css.js";
-import { RenderWebForm, renderSwitch } from "./RenderForm.js";
+import { DealerServices } from "./DealerServices.js";
+import { EmailOnly } from "./EmailOnly.js";
+import { EmailUs } from "./EmailUs.js";
+import { actions, descriptionField, disclosureForm, form, formContainer, formWrapper, fullRowForm, headerContainer, headerForm, iconForm, one_row, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms.css.js";
 import { SalesforceFieldsForm, SalesforceSchema } from "./SalesforceFieldsForm.js";
 import { ScheduleCall } from "./ScheduleCall.js";
 import { ScheduleCallPremier } from "./ScheduleCallPremier.js";
 import { SuccesFormWrapper } from "./SuccesForm.js";
-import { ContactCompany } from "./ContactCompany.js";
-import { DealerServices } from "./DealerServices.js";
+import { WCPLSurvey } from "./WcplSurvey.js";
 export {
   ApplicationStart,
+  CommercialLending,
   ContactCompany,
+  ContactUs,
+  ContactUsAAS,
   ContactUsBusiness,
   DealerServices,
   EmailOnly,
-  RenderWebForm,
+  EmailUs,
   SalesforceFieldsForm,
   SalesforceSchema,
   ScheduleCall,
   ScheduleCallPremier,
   SuccesFormWrapper,
+  WCPLSurvey,
   actions,
   descriptionField,
   disclosureForm,
@@ -31,7 +39,7 @@ export {
   headerContainer,
   headerForm,
   iconForm,
-  renderSwitch,
+  one_row,
   succes_check_mark,
   success_circle,
   success_icon,

package/dist/Hyperlink/index.js

@@ -37,20 +37,25 @@ import "../Input/InputTextArea.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
+import "../Input/RadioButton.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
+import "../Comparison/Comparison.css.js";
 import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+import "../SetContainer/SetContainer.css.js";
+import "../Tab/Tab.css.js";
+import "../icons/Star/Star.css.js";
 import "../ContentBanner/ContentBanner.css.js";
 /* empty css                                              */
 import "../ExecutiveBio/ExecutiveBio.css.js";
 import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
-import "../HeroBanner/SelectionBanner.css.js";
-import "../SetContainer/SetContainer.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
 /* empty css                                */

package/dist/IconBillboard/IconBillboard.css.d.ts

@@ -5,9 +5,11 @@ export declare const containerIconBillboard: import('@vanilla-extract/recipes').
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             border: "1px solid #D4D4D4";
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         secondary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         tertiary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -39,7 +39,7 @@ const ImageBillboard = ({
         "containment",
         billboard({ variant: billboard_variant }),
         `rounded flex`,
-        bordered ? "bordered" : "",
+        bordered && billboard_variant === "primary" ? "bordered" : "",
         imagePlacement({ position: position?.toLowerCase() }),
         `${set ? "" : "containment"}`,
         position === "right" && "reversed",

package/dist/ImageLink/ImageLink.js

@@ -1,27 +1,27 @@
 import { jsx } from "react/jsx-runtime";
 import { Hyperlink } from "../Hyperlink/index.js";
-import "../IconBillboard/IconBillboard.css.js";
+import "../Modal/contextApi/store.js";
+import "clsx";
+import { isValidElement } from "react";
+import "../Button/Button.css.js";
+import "react-use";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                */
 /* empty css                                   */
 /* empty css                                                    */
 /* empty css                                                */
-/* empty css                                          */
-/* empty css                                          */
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
-import "../Modal/contextApi/store.js";
-import "clsx";
-import { isValidElement } from "react";
-import "../Button/Button.css.js";
-import "react-use";
 /* empty css                                                */
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 /* empty css                                              */
 /* empty css                                          */
+/* empty css                                          */
+import "../IconBillboard/IconBillboard.css.js";
+/* empty css                                          */
 import "@hookform/resolvers/zod";
 import "../Input/Checkbox.js";
 import "../Input/CurrencyInput.js";
@@ -34,11 +34,16 @@ import "../Input/InputTextArea.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
+import "../Input/RadioButton.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
+import "../Comparison/Comparison.css.js";
+import "../Tab/Tab.css.js";
+import "../icons/Star/Star.css.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../ContentBanner/ContentBanner.css.js";
 /* empty css                                              */
@@ -46,7 +51,6 @@ import "../ExecutiveBio/ExecutiveBio.css.js";
 import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
-import "../HeroBanner/SelectionBanner.css.js";
 import { imageLinkContainer } from "../SetContainer/SetContainer.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";
@@ -67,6 +71,7 @@ import "../Table/Table.css.js";
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */
+import "../HeroBanner/SelectionBanner.css.js";
 const ImageLink = ({
   id,
   image,

package/dist/ImageLink/ImageLinkSet.js

@@ -37,11 +37,16 @@ import "../Input/InputTextArea.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
+import "../Input/RadioButton.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
+import "../Comparison/Comparison.css.js";
+import "../Tab/Tab.css.js";
+import "../icons/Star/Star.css.js";
 import "../HeroBanner/HeroBanner.css.js";
 import "../ContentBanner/ContentBanner.css.js";
 /* empty css                                              */

package/dist/ImageLink/index.js

@@ -34,20 +34,25 @@ import "../Input/InputTextArea.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
+import "../Input/RadioButton.js";
 import "iframe-resizer";
 import "../Calculators/calculator.css.js";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
+import "../Comparison/Comparison.css.js";
 import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+import "../SetContainer/SetContainer.css.js";
+import "../Tab/Tab.css.js";
+import "../icons/Star/Star.css.js";
 import "../ContentBanner/ContentBanner.css.js";
 /* empty css                                              */
 import "../ExecutiveBio/ExecutiveBio.css.js";
 import "../FaqAccordion/index.js";
 import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
-import "../HeroBanner/SelectionBanner.css.js";
-import "../SetContainer/SetContainer.css.js";
 import "../ImageBillboard/ImageBillboard.css.js";
 import { ImageLinkSet } from "./ImageLinkSet.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";

package/dist/Input/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import { InputProps } from './Input';
+import { InputProps } from './InputProps';
 
 export declare const Checkbox: import('react').ForwardRefExoticComponent<InputProps & {
     children?: import('react').ReactNode;

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,4 @@
+import { DatePickerProps } from 'react-date-picker';
+import { InputProps } from './InputProps';
+
+export declare const DatePickerInput: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<DatePickerProps>>;

package/dist/Input/Datepicker.js

@@ -0,0 +1,40 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import DatePicker from "react-date-picker";
+import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
+const DatePickerInput = forwardRef(
+  (props) => {
+    const {
+      disabled,
+      label,
+      iconLeft,
+      iconRight,
+      sizes,
+      error = false,
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      // skeleton = false,
+      helperText: helper,
+      variant
+      // ...rest
+    } = props;
+    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, { minDate: /* @__PURE__ */ new Date() }),
+        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/Input.d.ts

@@ -1,14 +1,3 @@
-import { QuaternaryTypes } from '../utils';
-import { InputHTMLAttributes, ReactNode } from 'react';
+import { InputProps } from './InputProps';
 
-export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
-    label?: ReactNode;
-    iconLeft?: ReactNode;
-    iconRight?: ReactNode;
-    sizes?: "small" | "medium" | "large" | undefined;
-    error?: boolean | undefined;
-    skeleton?: boolean | undefined;
-    helperText?: ReactNode;
-    variant?: QuaternaryTypes;
-}
 export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/Input/Input.js

@@ -14,6 +14,7 @@ const Input = forwardRef((props, ref) => {
     skeleton = false,
     helperText: helper,
     variant,
+    type = "text",
     ...rest
   } = props;
   return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
@@ -32,7 +33,8 @@ const Input = forwardRef((props, ref) => {
         {
           ...rest,
           ref,
-          className: clsx(props.className, input({ size: sizes }))
+          className: clsx(props.className, input({ size: sizes })),
+          type
         }
       ),
       iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })

package/dist/Input/InputProps.d.ts

@@ -27,3 +27,12 @@ export interface DropdownProps extends SelectHTMLAttributes<HTMLSelectElement>,
         text: string;
     }[];
 }
+export interface FieldsetProps extends InputProps {
+    direction?: "row" | "column";
+    groupSetName?: string;
+}
+export interface RadioButtonProps extends InputProps {
+    radioText: string;
+    value: string | number;
+    groupName: string;
+}

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

@@ -0,0 +1,15 @@
+export declare const fieldset: import('@vanilla-extract/recipes').RuntimeFn<{
+    direction: {
+        row: {
+            flexDirection: "row";
+        };
+        column: {
+            flexDirection: "column";
+        };
+        default: {
+            flexDirection: "row";
+        };
+    };
+}>;
+export declare const fieldset_wrapper: string;
+export declare const fieldset_container: string;

package/dist/Input/RadioButton.css.js

@@ -0,0 +1,10 @@
+/* empty css                               */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var fieldset = createRuntimeFn({ defaultClassName: "_1gnyc3c0", variantClassNames: { direction: { row: "_1gnyc3c1", column: "_1gnyc3c2", "default": "_1gnyc3c3" } }, defaultVariants: {}, compoundVariants: [] });
+var fieldset_wrapper = "_1gnyc3c4";
+var fieldset_container = "_1gnyc3c5";
+export {
+  fieldset,
+  fieldset_container,
+  fieldset_wrapper
+};

package/dist/Input/RadioButton.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { FieldsetProps, RadioButtonProps } from './InputProps';
+
+export declare const RadioButtonSet: FC<FieldsetProps>;
+export declare const RadioButton: import('react').ForwardRefExoticComponent<RadioButtonProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/Input/RadioButton.js

@@ -0,0 +1,50 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { labelClassName, helperText } from "./Input.css.js";
+import { fieldset_wrapper, fieldset_container, fieldset } from "./RadioButton.css.js";
+const RadioButtonSet = (props) => {
+  const {
+    disabled,
+    error = false,
+    label,
+    variant,
+    helperText: helper,
+    children,
+    direction = "row"
+    // id,
+  } = props;
+  return /* @__PURE__ */ jsxs("div", { className: fieldset_wrapper, children: [
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        className: labelClassName({ error, variant }),
+        htmlFor: props.name,
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: fieldset_container, children: /* @__PURE__ */ jsx("fieldset", { className: fieldset({ direction }), children }) }),
+    /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
+  ] });
+};
+const RadioButton = forwardRef(
+  (props, ref) => {
+    const { radioText, value, groupName, ...rest } = props;
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ...rest,
+          ref,
+          type: "radio",
+          value,
+          name: groupName
+        }
+      ),
+      /* @__PURE__ */ jsx("label", { children: radioText })
+    ] });
+  }
+);
+export {
+  RadioButton,
+  RadioButtonSet
+};

package/dist/Input/index.d.ts

@@ -5,4 +5,5 @@ export * from './Dropdown.css';
 export * from './Input';
 export * from './Input.css';
 export * from './InputPhone';
+export * from './InputProps';
 export * from './InputTextArea';

package/dist/LoadingIndicator/LoadingIndicator.css.d.ts

@@ -0,0 +1,16 @@
+export declare const loader: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            borderTop: "12px solid #213a63";
+        };
+        secondary: {
+            borderTop: "12px solid #213a63";
+        };
+        tertiary: {
+            borderTop: "12px solid #faa74a";
+        };
+        quaternary: {
+            borderTop: "12px solid #faa74a";
+        };
+    };
+}>;