@axenstudio/axen-form 0.1.1

package/dist/fields/TextareaField/TextareaField.cjs

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const fieldBase_module = require("../fieldBase.module.css.cjs");
+const fieldUtils = require("../fieldUtils.cjs");
+function TextareaField({
+  name,
+  value,
+  onChange,
+  onBlur,
+  error,
+  helperText,
+  label,
+  placeholder,
+  disabled,
+  readOnly,
+  required,
+  rows
+}) {
+  const aria = fieldUtils.ariaProps(name, { error, helperText, required, label });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: fieldBase_module.default.wrapper, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx(
+      "label",
+      {
+        id: fieldUtils.labelId(name),
+        htmlFor: name,
+        className: fieldUtils.cx(fieldBase_module.default.label, required && fieldBase_module.default.labelRequired),
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "textarea",
+      {
+        ...aria,
+        name,
+        value: value ?? "",
+        onChange,
+        onBlur,
+        placeholder,
+        disabled,
+        readOnly,
+        rows: rows ?? 4,
+        className: fieldUtils.cx(fieldBase_module.default.input, fieldBase_module.default.textarea, error && fieldBase_module.default.inputError)
+      }
+    ),
+    helperText && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        id: fieldUtils.helperId(name),
+        className: fieldUtils.cx(fieldBase_module.default.helperText, error && fieldBase_module.default.helperTextError),
+        role: error ? "alert" : void 0,
+        children: helperText
+      }
+    )
+  ] });
+}
+exports.TextareaField = TextareaField;

package/dist/fields/TextareaField/TextareaField.d.ts

@@ -0,0 +1,5 @@
+import { FieldComponentProps } from '../../types';
+export declare function TextareaField({ name, value, onChange, onBlur, error, helperText, label, placeholder, disabled, readOnly, required, rows, }: FieldComponentProps & {
+    rows?: number;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextareaField.d.ts.map

package/dist/fields/TextareaField/TextareaField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaField.d.ts","sourceRoot":"","sources":["../../../src/fields/TextareaField/TextareaField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAIvD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EACL,UAAU,EACV,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,GACL,EAAE,mBAAmB,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,2CAqCzC"}

package/dist/fields/TextareaField/TextareaField.js

@@ -0,0 +1,57 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import styles from "../fieldBase.module.css.js";
+import { ariaProps, cx, labelId, helperId } from "../fieldUtils.js";
+function TextareaField({
+  name,
+  value,
+  onChange,
+  onBlur,
+  error,
+  helperText,
+  label,
+  placeholder,
+  disabled,
+  readOnly,
+  required,
+  rows
+}) {
+  const aria = ariaProps(name, { error, helperText, required, label });
+  return /* @__PURE__ */ jsxs("div", { className: styles.wrapper, children: [
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        id: labelId(name),
+        htmlFor: name,
+        className: cx(styles.label, required && styles.labelRequired),
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        ...aria,
+        name,
+        value: value ?? "",
+        onChange,
+        onBlur,
+        placeholder,
+        disabled,
+        readOnly,
+        rows: rows ?? 4,
+        className: cx(styles.input, styles.textarea, error && styles.inputError)
+      }
+    ),
+    helperText && /* @__PURE__ */ jsx(
+      "span",
+      {
+        id: helperId(name),
+        className: cx(styles.helperText, error && styles.helperTextError),
+        role: error ? "alert" : void 0,
+        children: helperText
+      }
+    )
+  ] });
+}
+export {
+  TextareaField
+};

package/dist/fields/TimeField/TimeField.cjs

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const dateUtils = require("../../core/dateUtils.cjs");
+const fieldBase_module = require("../fieldBase.module.css.cjs");
+const fieldUtils = require("../fieldUtils.cjs");
+function TimeField({
+  name,
+  value,
+  onChange,
+  onBlur,
+  error,
+  helperText,
+  label,
+  placeholder,
+  disabled,
+  readOnly,
+  required,
+  locale,
+  ampm
+}) {
+  const aria = fieldUtils.ariaProps(name, { error, helperText, required, label });
+  const resolvedLocale = locale ?? dateUtils.getDefaultLocale();
+  const timeValue = typeof value === "string" ? value : "";
+  const displayText = timeValue ? dateUtils.formatTimeLocale(timeValue, resolvedLocale, ampm) : "";
+  const handleChange = (e) => {
+    onChange(e);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: fieldBase_module.default.wrapper, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx(
+      "label",
+      {
+        id: fieldUtils.labelId(name),
+        htmlFor: name,
+        className: fieldUtils.cx(fieldBase_module.default.label, required && fieldBase_module.default.labelRequired),
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        ...aria,
+        type: "time",
+        name,
+        value: timeValue,
+        onChange: handleChange,
+        onBlur,
+        placeholder,
+        disabled,
+        readOnly,
+        lang: resolvedLocale,
+        className: fieldUtils.cx(fieldBase_module.default.input, error && fieldBase_module.default.inputError)
+      }
+    ),
+    displayText && /* @__PURE__ */ jsxRuntime.jsx("span", { className: fieldBase_module.default.helperText, "aria-hidden": "true", children: displayText }),
+    helperText && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        id: fieldUtils.helperId(name),
+        className: fieldUtils.cx(fieldBase_module.default.helperText, error && fieldBase_module.default.helperTextError),
+        role: error ? "alert" : void 0,
+        children: helperText
+      }
+    )
+  ] });
+}
+exports.TimeField = TimeField;

package/dist/fields/TimeField/TimeField.d.ts

@@ -0,0 +1,6 @@
+import { FieldComponentProps } from '../../types';
+export declare function TimeField({ name, value, onChange, onBlur, error, helperText, label, placeholder, disabled, readOnly, required, locale, ampm, }: Readonly<FieldComponentProps & {
+    locale?: string;
+    ampm?: boolean;
+}>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TimeField.d.ts.map

package/dist/fields/TimeField/TimeField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../../../src/fields/TimeField/TimeField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAIvD,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EACL,UAAU,EACV,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,IAAI,GACL,EAAE,QAAQ,CAAC,mBAAmB,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,2CAuDrE"}

package/dist/fields/TimeField/TimeField.js

@@ -0,0 +1,67 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { formatTimeLocale, getDefaultLocale } from "../../core/dateUtils.js";
+import styles from "../fieldBase.module.css.js";
+import { ariaProps, cx, labelId, helperId } from "../fieldUtils.js";
+function TimeField({
+  name,
+  value,
+  onChange,
+  onBlur,
+  error,
+  helperText,
+  label,
+  placeholder,
+  disabled,
+  readOnly,
+  required,
+  locale,
+  ampm
+}) {
+  const aria = ariaProps(name, { error, helperText, required, label });
+  const resolvedLocale = locale ?? getDefaultLocale();
+  const timeValue = typeof value === "string" ? value : "";
+  const displayText = timeValue ? formatTimeLocale(timeValue, resolvedLocale, ampm) : "";
+  const handleChange = (e) => {
+    onChange(e);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: styles.wrapper, children: [
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        id: labelId(name),
+        htmlFor: name,
+        className: cx(styles.label, required && styles.labelRequired),
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ...aria,
+        type: "time",
+        name,
+        value: timeValue,
+        onChange: handleChange,
+        onBlur,
+        placeholder,
+        disabled,
+        readOnly,
+        lang: resolvedLocale,
+        className: cx(styles.input, error && styles.inputError)
+      }
+    ),
+    displayText && /* @__PURE__ */ jsx("span", { className: styles.helperText, "aria-hidden": "true", children: displayText }),
+    helperText && /* @__PURE__ */ jsx(
+      "span",
+      {
+        id: helperId(name),
+        className: cx(styles.helperText, error && styles.helperTextError),
+        role: error ? "alert" : void 0,
+        children: helperText
+      }
+    )
+  ] });
+}
+export {
+  TimeField
+};

package/dist/fields/defaultComponentMap.cjs

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const AutocompleteField = require("./AutocompleteField/AutocompleteField.cjs");
+const AutocompleteMultiField = require("./AutocompleteMultiField/AutocompleteMultiField.cjs");
+const AutocompletePredictField = require("./AutocompletePredictField/AutocompletePredictField.cjs");
+const CheckboxField = require("./CheckboxField/CheckboxField.cjs");
+const ColorField = require("./ColorField/ColorField.cjs");
+const CurrencyField = require("./CurrencyField/CurrencyField.cjs");
+const DateField = require("./DateField/DateField.cjs");
+const DateTimeField = require("./DateTimeField/DateTimeField.cjs");
+const EmailField = require("./EmailField/EmailField.cjs");
+const NumberField = require("./NumberField/NumberField.cjs");
+const PasswordField = require("./PasswordField/PasswordField.cjs");
+const PhoneField = require("./PhoneField/PhoneField.cjs");
+const RadioField = require("./RadioField/RadioField.cjs");
+const SelectField = require("./SelectField/SelectField.cjs");
+const SliderField = require("./SliderField/SliderField.cjs");
+const SwitchField = require("./SwitchField/SwitchField.cjs");
+const TextareaField = require("./TextareaField/TextareaField.cjs");
+const TextField = require("./TextField/TextField.cjs");
+const TimeField = require("./TimeField/TimeField.cjs");
+const defaultComponentMap = {
+  text: TextField.TextField,
+  email: EmailField.EmailField,
+  password: PasswordField.PasswordField,
+  phone: PhoneField.PhoneField,
+  textarea: TextareaField.TextareaField,
+  number: NumberField.NumberField,
+  currency: CurrencyField.CurrencyField,
+  slider: SliderField.SliderField,
+  date: DateField.DateField,
+  time: TimeField.TimeField,
+  datetime: DateTimeField.DateTimeField,
+  select: SelectField.SelectField,
+  checkbox: CheckboxField.CheckboxField,
+  radio: RadioField.RadioField,
+  switch: SwitchField.SwitchField,
+  autocomplete: AutocompleteField.AutocompleteField,
+  "autocomplete-multi": AutocompleteMultiField.AutocompleteMultiField,
+  "autocomplete-predict": AutocompletePredictField.AutocompletePredictField,
+  color: ColorField.ColorField
+};
+exports.defaultComponentMap = defaultComponentMap;

package/dist/fields/defaultComponentMap.d.ts

@@ -0,0 +1,7 @@
+import { FieldTypeComponentMap } from '../types';
+/**
+ * Default component map — maps all 20 built-in field types to their components.
+ * Pass to AxenForm's `components` prop or use as base to extend with custom types.
+ */
+export declare const defaultComponentMap: FieldTypeComponentMap;
+//# sourceMappingURL=defaultComponentMap.d.ts.map

package/dist/fields/defaultComponentMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultComponentMap.d.ts","sourceRoot":"","sources":["../../src/fields/defaultComponentMap.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAuB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAsB3E;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,qBAoBjC,CAAC"}

package/dist/fields/defaultComponentMap.js

@@ -0,0 +1,43 @@
+import { AutocompleteField } from "./AutocompleteField/AutocompleteField.js";
+import { AutocompleteMultiField } from "./AutocompleteMultiField/AutocompleteMultiField.js";
+import { AutocompletePredictField } from "./AutocompletePredictField/AutocompletePredictField.js";
+import { CheckboxField } from "./CheckboxField/CheckboxField.js";
+import { ColorField } from "./ColorField/ColorField.js";
+import { CurrencyField } from "./CurrencyField/CurrencyField.js";
+import { DateField } from "./DateField/DateField.js";
+import { DateTimeField } from "./DateTimeField/DateTimeField.js";
+import { EmailField } from "./EmailField/EmailField.js";
+import { NumberField } from "./NumberField/NumberField.js";
+import { PasswordField } from "./PasswordField/PasswordField.js";
+import { PhoneField } from "./PhoneField/PhoneField.js";
+import { RadioField } from "./RadioField/RadioField.js";
+import { SelectField } from "./SelectField/SelectField.js";
+import { SliderField } from "./SliderField/SliderField.js";
+import { SwitchField } from "./SwitchField/SwitchField.js";
+import { TextareaField } from "./TextareaField/TextareaField.js";
+import { TextField } from "./TextField/TextField.js";
+import { TimeField } from "./TimeField/TimeField.js";
+const defaultComponentMap = {
+  text: TextField,
+  email: EmailField,
+  password: PasswordField,
+  phone: PhoneField,
+  textarea: TextareaField,
+  number: NumberField,
+  currency: CurrencyField,
+  slider: SliderField,
+  date: DateField,
+  time: TimeField,
+  datetime: DateTimeField,
+  select: SelectField,
+  checkbox: CheckboxField,
+  radio: RadioField,
+  switch: SwitchField,
+  autocomplete: AutocompleteField,
+  "autocomplete-multi": AutocompleteMultiField,
+  "autocomplete-predict": AutocompletePredictField,
+  color: ColorField
+};
+export {
+  defaultComponentMap
+};

package/dist/fields/fieldBase.module.css

@@ -0,0 +1,201 @@
+/* ═══════════════════════════════════════════════
+   axen-form Field Base Styles
+   Shared styles for all field components
+   A11y-aware + Responsive
+   ═══════════════════════════════════════════════ */
+
+/* ── Field Wrapper ───────────────────────────── */
+._wrapper_7lsag_8 {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+
+/* ── Label ───────────────────────────────────── */
+._label_7lsag_15 {
+  display: block;
+  font-size: var(--axen-font-size-sm);
+  font-weight: var(--axen-font-weight-medium);
+  color: var(--axen-color-text);
+  margin-bottom: var(--axen-label-margin-bottom);
+  line-height: var(--axen-line-height);
+}
+
+._labelRequired_7lsag_24::after {
+  content: ' *';
+  color: var(--axen-color-error);
+}
+
+/* ── Input Base ──────────────────────────────── */
+._input_7lsag_30 {
+  display: block;
+  width: 100%;
+  height: var(--axen-field-height);
+  min-height: var(--axen-field-min-height);
+  padding: var(--axen-field-padding-y) var(--axen-field-padding-x);
+  font-family: var(--axen-font-family);
+  font-size: var(--axen-font-size-md);
+  line-height: var(--axen-line-height);
+  color: var(--axen-color-text);
+  background-color: var(--axen-color-bg);
+  border: var(--axen-border-width) solid var(--axen-color-border);
+  border-radius: var(--axen-border-radius);
+  transition:
+    border-color var(--axen-transition-fast),
+    box-shadow var(--axen-transition-fast);
+  outline: none;
+}
+
+._input_7lsag_30::placeholder {
+  color: var(--axen-color-text-disabled);
+}
+
+._input_7lsag_30:hover:not(:disabled):not(:read-only) {
+  border-color: var(--axen-color-border-hover);
+}
+
+/* Focus-visible ring (A11y: keyboard-only focus indicator) */
+._input_7lsag_30:focus-visible {
+  border-color: var(--axen-color-border-focus);
+  box-shadow: var(--axen-shadow-focus);
+  outline: none;
+}
+
+._input_7lsag_30:disabled {
+  background-color: var(--axen-color-bg-disabled);
+  color: var(--axen-color-text-disabled);
+  cursor: not-allowed;
+}
+
+._input_7lsag_30:read-only {
+  background-color: var(--axen-color-bg-disabled);
+}
+
+/* ── Error State ─────────────────────────────── */
+._inputError_7lsag_75 {
+  border-color: var(--axen-color-error);
+}
+
+._inputError_7lsag_75:focus-visible {
+  border-color: var(--axen-color-error);
+  box-shadow: 0 0 0 var(--axen-focus-ring-width) rgba(211, 47, 47, 0.3);
+}
+
+/* ── Helper Text ─────────────────────────────── */
+._helperText_7lsag_85 {
+  display: block;
+  font-size: var(--axen-font-size-xs);
+  color: var(--axen-color-text-secondary);
+  margin-top: var(--axen-helper-margin-top);
+  line-height: var(--axen-line-height);
+}
+
+._helperTextError_7lsag_93 {
+  color: var(--axen-color-error);
+}
+
+/* ── Textarea ────────────────────────────────── */
+._textarea_7lsag_98 {
+  height: auto;
+  min-height: calc(var(--axen-field-min-height) * 2);
+  resize: vertical;
+}
+
+/* ── Select ──────────────────────────────────── */
+._select_7lsag_105 {
+  appearance: none;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 0.75rem center;
+  padding-right: 2rem;
+  cursor: pointer;
+}
+
+/* ── Input with prefix/suffix ────────────────── */
+._inputGroup_7lsag_115 {
+  display: flex;
+  align-items: stretch;
+}
+
+._inputPrefix_7lsag_120,
+._inputSuffix_7lsag_121 {
+  display: flex;
+  align-items: center;
+  padding: 0 var(--axen-space-sm);
+  font-size: var(--axen-font-size-sm);
+  color: var(--axen-color-text-secondary);
+  background-color: var(--axen-color-bg-hover);
+  border: var(--axen-border-width) solid var(--axen-color-border);
+  white-space: nowrap;
+}
+
+._inputPrefix_7lsag_120 {
+  border-right: none;
+  border-radius: var(--axen-border-radius) 0 0 var(--axen-border-radius);
+}
+
+._inputSuffix_7lsag_121 {
+  border-left: none;
+  border-radius: 0 var(--axen-border-radius) var(--axen-border-radius) 0;
+}
+
+._inputGroupInput_7lsag_142 {
+  border-radius: 0;
+}
+
+._inputPrefix_7lsag_120 + ._inputGroupInput_7lsag_142 {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+._inputGroupInput_7lsag_142:has(+ ._inputSuffix_7lsag_121) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+/* ── Checkbox/Radio/Switch shared ────────────── */
+._inlineWrapper_7lsag_157 {
+  display: flex;
+  align-items: center;
+  gap: var(--axen-space-sm);
+  min-height: var(--axen-field-min-height);
+  cursor: pointer;
+}
+
+._inlineWrapper_7lsag_157:has(:disabled) {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+._inlineLabel_7lsag_170 {
+  font-size: var(--axen-font-size-md);
+  color: var(--axen-color-text);
+  user-select: none;
+}
+
+/* ── Responsive: mobile touch targets ────────── */
+@media (max-width: 599px) {
+  ._input_7lsag_30 {
+    font-size: 16px; /* Prevent iOS zoom on focus */
+    min-height: 48px;
+  }
+
+  ._inlineWrapper_7lsag_157 {
+    min-height: 48px;
+  }
+}
+
+/* ── High Contrast Mode ──────────────────────── */
+@media (prefers-contrast: more) {
+  ._input_7lsag_30 {
+    border-width: 2px;
+  }
+
+  ._inputError_7lsag_75 {
+    border-width: 3px;
+  }
+
+  ._helperTextError_7lsag_93 {
+    font-weight: var(--axen-font-weight-bold);
+  }
+}

package/dist/fields/fieldBase.module.css.cjs

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const wrapper = "_wrapper_7lsag_8";
+const label = "_label_7lsag_15";
+const labelRequired = "_labelRequired_7lsag_24";
+const input = "_input_7lsag_30";
+const inputError = "_inputError_7lsag_75";
+const helperText = "_helperText_7lsag_85";
+const helperTextError = "_helperTextError_7lsag_93";
+const textarea = "_textarea_7lsag_98";
+const select = "_select_7lsag_105";
+const inputGroup = "_inputGroup_7lsag_115";
+const inputPrefix = "_inputPrefix_7lsag_120";
+const inputSuffix = "_inputSuffix_7lsag_121";
+const inputGroupInput = "_inputGroupInput_7lsag_142";
+const inlineWrapper = "_inlineWrapper_7lsag_157";
+const inlineLabel = "_inlineLabel_7lsag_170";
+const styles = {
+  wrapper,
+  label,
+  labelRequired,
+  input,
+  inputError,
+  helperText,
+  helperTextError,
+  textarea,
+  select,
+  inputGroup,
+  inputPrefix,
+  inputSuffix,
+  inputGroupInput,
+  inlineWrapper,
+  inlineLabel
+};
+exports.default = styles;
+exports.helperText = helperText;
+exports.helperTextError = helperTextError;
+exports.inlineLabel = inlineLabel;
+exports.inlineWrapper = inlineWrapper;
+exports.input = input;
+exports.inputError = inputError;
+exports.inputGroup = inputGroup;
+exports.inputGroupInput = inputGroupInput;
+exports.inputPrefix = inputPrefix;
+exports.inputSuffix = inputSuffix;
+exports.label = label;
+exports.labelRequired = labelRequired;
+exports.select = select;
+exports.textarea = textarea;
+exports.wrapper = wrapper;

package/dist/fields/fieldBase.module.css.js

@@ -0,0 +1,50 @@
+const wrapper = "_wrapper_7lsag_8";
+const label = "_label_7lsag_15";
+const labelRequired = "_labelRequired_7lsag_24";
+const input = "_input_7lsag_30";
+const inputError = "_inputError_7lsag_75";
+const helperText = "_helperText_7lsag_85";
+const helperTextError = "_helperTextError_7lsag_93";
+const textarea = "_textarea_7lsag_98";
+const select = "_select_7lsag_105";
+const inputGroup = "_inputGroup_7lsag_115";
+const inputPrefix = "_inputPrefix_7lsag_120";
+const inputSuffix = "_inputSuffix_7lsag_121";
+const inputGroupInput = "_inputGroupInput_7lsag_142";
+const inlineWrapper = "_inlineWrapper_7lsag_157";
+const inlineLabel = "_inlineLabel_7lsag_170";
+const styles = {
+  wrapper,
+  label,
+  labelRequired,
+  input,
+  inputError,
+  helperText,
+  helperTextError,
+  textarea,
+  select,
+  inputGroup,
+  inputPrefix,
+  inputSuffix,
+  inputGroupInput,
+  inlineWrapper,
+  inlineLabel
+};
+export {
+  styles as default,
+  helperText,
+  helperTextError,
+  inlineLabel,
+  inlineWrapper,
+  input,
+  inputError,
+  inputGroup,
+  inputGroupInput,
+  inputPrefix,
+  inputSuffix,
+  label,
+  labelRequired,
+  select,
+  textarea,
+  wrapper
+};