@hashicorp/mds-react 0.9.2 → 0.9.4

package/components/form/checkbox/index.js

@@ -0,0 +1,109 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { useId as l } from "react";
+import { Field as C } from "../field/index.js";
+import { Fieldset as N } from "../fieldset/index.js";
+import f from "./form-checkbox.module.css.js";
+const m = ({
+  id: e,
+  required: c,
+  field: o,
+  testingKey: t,
+  error: r
+}) => {
+  const n = l();
+  return /* @__PURE__ */ i(
+    "input",
+    {
+      id: e ?? n,
+      type: "checkbox",
+      className: f.checkbox,
+      required: c,
+      "aria-describedby": `${r ? "error" : "helper-text"}-${e}`,
+      "data-testid": t,
+      ...o
+    }
+  );
+};
+m.displayName = "CheckboxBase";
+const p = ({
+  isInvalid: e,
+  isLoading: c,
+  isRequired: o,
+  isOptional: t,
+  id: r,
+  label: n,
+  helperText: s,
+  error: a,
+  field: b,
+  className: h,
+  testingKey: k,
+  ...I
+}) => {
+  const y = l(), d = r ?? y;
+  return /* @__PURE__ */ i(
+    C,
+    {
+      label: n,
+      helperText: s,
+      error: a,
+      isRequired: o,
+      isOptional: t,
+      id: d,
+      layout: "flag",
+      className: h,
+      children: /* @__PURE__ */ i(
+        m,
+        {
+          id: d,
+          required: o,
+          field: b,
+          testingKey: k,
+          error: a,
+          ...I
+        }
+      )
+    }
+  );
+};
+p.displayName = "CheckboxField";
+const u = ({
+  layout: e = "vertical",
+  legend: c,
+  helperText: o,
+  error: t,
+  isOptional: r,
+  isRequired: n,
+  children: s
+}) => /* @__PURE__ */ i(
+  N,
+  {
+    layout: e,
+    legend: c,
+    helperText: o,
+    error: t,
+    isOptional: r,
+    isRequired: n,
+    children: s
+  }
+);
+u.displayName = "CheckboxGroupRoot";
+const x = (e) => /* @__PURE__ */ i(
+  p,
+  {
+    className: e.className,
+    testingKey: e.testingKey,
+    ...e
+  }
+);
+x.displayName = "CheckboxGroupInner";
+const K = {
+  Root: u,
+  Inner: x
+};
+export {
+  m as CheckboxBase,
+  p as CheckboxField,
+  K as CheckboxGroup
+};
+//# sourceMappingURL=index.js.map

package/components/form/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/form/checkbox/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n\tuseId,\n\ttype ComponentProps,\n\ttype HTMLProps,\n\ttype ReactNode,\n} from 'react'\nimport { Field } from '../field'\nimport { Fieldset } from '../fieldset'\nimport s from './form-checkbox.module.css'\n\ninterface CheckboxBaseProps {\n\tid?: string\n\trequired?: boolean\n\tfield: HTMLProps<HTMLInputElement>\n\ttestingKey?: string\n\terror?: ReactNode\n}\n\nconst CheckboxBase = ({\n\tid,\n\trequired,\n\tfield,\n\ttestingKey,\n\terror,\n}: CheckboxBaseProps) => {\n\tconst generatedId = useId()\n\tconst inputId = id ?? generatedId\n\n\treturn (\n\t\t<input\n\t\t\tid={inputId}\n\t\t\ttype=\"checkbox\"\n\t\t\tclassName={s.checkbox}\n\t\t\trequired={required}\n\t\t\taria-describedby={`${error ? 'error' : 'helper-text'}-${id}`}\n\t\t\tdata-testid={testingKey}\n\t\t\t{...field}\n\t\t/>\n\t)\n}\n\nCheckboxBase.displayName = 'CheckboxBase'\n\ninterface CheckboxFieldProps {\n\tisInvalid?: boolean\n\tisLoading?: boolean\n\tisRequired?: boolean\n\tisOptional?: boolean\n\tid?: string\n\tlabel?: ReactNode\n\thelperText?: ReactNode\n\terror?: ReactNode\n\tfield: HTMLProps<HTMLInputElement>\n\tclassName?: string\n\ttestingKey?: string\n\tdisabled?: boolean\n}\n\nconst CheckboxField = ({\n\tisInvalid,\n\tisLoading,\n\tisRequired,\n\tisOptional,\n\tid,\n\tlabel,\n\thelperText,\n\terror,\n\tfield,\n\tclassName,\n\ttestingKey,\n\t...rest\n}: CheckboxFieldProps) => {\n\tconst generatedId = useId()\n\tconst inputId = id ?? generatedId\n\n\treturn (\n\t\t<Field\n\t\t\tlabel={label}\n\t\t\thelperText={helperText}\n\t\t\terror={error}\n\t\t\tisRequired={isRequired}\n\t\t\tisOptional={isOptional}\n\t\t\tid={inputId}\n\t\t\tlayout=\"flag\"\n\t\t\tclassName={className}\n\t\t>\n\t\t\t<CheckboxBase\n\t\t\t\tid={inputId}\n\t\t\t\trequired={isRequired}\n\t\t\t\tfield={field}\n\t\t\t\ttestingKey={testingKey}\n\t\t\t\terror={error}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t</Field>\n\t)\n}\n\nCheckboxField.displayName = 'CheckboxField'\n\ninterface CheckboxGroupRootProps extends ComponentProps<typeof Fieldset> {\n\tchildren: ReactNode\n}\n\nconst CheckboxGroupRoot = ({\n\tlayout = 'vertical',\n\tlegend,\n\thelperText,\n\terror,\n\tisOptional,\n\tisRequired,\n\tchildren,\n}: CheckboxGroupRootProps) => {\n\treturn (\n\t\t<Fieldset\n\t\t\tlayout={layout}\n\t\t\tlegend={legend}\n\t\t\thelperText={helperText}\n\t\t\terror={error}\n\t\t\tisOptional={isOptional}\n\t\t\tisRequired={isRequired}\n\t\t>\n\t\t\t{children}\n\t\t</Fieldset>\n\t)\n}\n\nCheckboxGroupRoot.displayName = 'CheckboxGroupRoot'\n\nconst CheckboxGroupInner = (props: CheckboxFieldProps) => {\n\treturn (\n\t\t<CheckboxField\n\t\t\tclassName={props.className}\n\t\t\ttestingKey={props.testingKey}\n\t\t\t{...props}\n\t\t/>\n\t)\n}\n\nCheckboxGroupInner.displayName = 'CheckboxGroupInner'\n\nconst CheckboxGroup = {\n\tRoot: CheckboxGroupRoot,\n\tInner: CheckboxGroupInner,\n}\n\nexport { CheckboxGroup, CheckboxBase, CheckboxField }\n"],"names":["CheckboxBase","id","required","field","testingKey","error","generatedId","jsx","s","CheckboxField","isInvalid","isLoading","isRequired","isOptional","label","helperText","className","rest","Field","inputId","CheckboxGroupRoot","layout","legend","children","Fieldset","props","CheckboxGroupInner","CheckboxGroup"],"mappings":";;;;;;AAoBsB,MACrBA,IAAA,CAAA;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACD,OAAAC;AACC,MAAA;AACA,QAAMC,MAAgB;AAGrB,SAAC,gBAAAC;AAAA,IAAA;AAAA,IAAA;AAAA,MAEA;MACA,MAAA;AAAA,MACA,WAAAC,EAAA;AAAA,MACA,UAAAN;AAAA,MACA,oBAAa,GAAAG,IAAA,UAAA,aAAA,IAAAJ,CAAA;AAAA,MACZ,eAAGG;AAAA,MAAA,GAAAD;AAAA,IACL;AAAA,EAEF;AAEA;AAiBAH,EAAM,cAAiB;AAAA,MACtBS,IAAA,CAAA;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,IAAAZ;AAAA,EACA,OAAAa;AAAA,EACA,YAAAC;AAAA,EACA,OAAAV;AAAA,EACA,OAAAF;AAAA,EACA,WAAAa;AAAA,EACA,YAAAZ;AAAA,EACD,GAAAa;AACC,MAAA;AACA,QAAMX,MAAgB;AAGrB,SAAC,gBAAAC;AAAA,IAAAW;AAAA,IAAA;AAAA,MAEA,OAAAJ;AAAA,MACA,YAAAC;AAAA,MACA,OAAAV;AAAA,MACA,YAAAO;AAAA,MACA,YAAAC;AAAA,MACA,IAAAM;AAAA,MACA,QAAA;AAAA,MAEA,WAAAH;AAAA,MAAA,UAAC,gBAAAT;AAAA,QAAAP;AAAA,QAAA;AAAA,UAEA,IAAAmB;AAAA,UACA,UAAAP;AAAA,UACA,OAAAT;AAAA,UACA,YAAAC;AAAA,UACC,OAAAC;AAAA,UAAG,GAAAY;AAAA,QAAA;AAAA,MACL;AAAA,IACD;AAAA,EAEF;AAEA;AAMAR,EAAM,cAAqB;AAAA,MAC1BW,IAAS,CAAA;AAAA,EACT,QAAAC,IAAA;AAAA,EACA,QAAAC;AAAA,EACA,YAAAP;AAAA,EACA,OAAAV;AAAA,EACA,YAAAQ;AAAA,EACA,YAAAD;AAAA,EACD,UAAAW;AACC,MACE,gBAAAhB;AAAA,EAAAiB;AAAA,EAAA;AAAA,IAEA,QAAAH;AAAA,IACA,QAAAC;AAAA,IACA,YAAAP;AAAA,IACA,OAAAV;AAAA,IACA,YAAAQ;AAAA,IAEC,YAAAD;AAAA,IAAA,UAAAW;AAAA,EACF;AAEF;AAIAH,EAAM,cAAsB;AAC3B,UACC,CAAAK,MAAC,gBAAAlB;AAAA,EAAAE;AAAA,EAAA;AAAA,IAEA,aAAY;AAAA,IACX,YAAGgB,EAAA;AAAA,IAAA,GAAAA;AAAA,EACL;AAEF;AAIAC,EAAM,cAAgB;AAAA,MACrBC,IAAM;AAAA,EACN,MAAAP;AAAA,EACD,OAAAM;;"}

package/components/form/error/form-error.module.css.js

@@ -0,0 +1,14 @@
+const o = "error__UVBmH mds-typography-legacy-body-100 mds-typography-font-weight-medium", t = "icon__KOCmk", e = "content__tbSUM", n = "message__-Ljv-", s = {
+  error: o,
+  icon: t,
+  content: e,
+  message: n
+};
+export {
+  e as content,
+  s as default,
+  o as error,
+  t as icon,
+  n as message
+};
+//# sourceMappingURL=form-error.module.css.js.map

package/components/form/error/form-error.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-error.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/components/form/error/index.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 interface ErrorMessageProps {
     children: ReactNode;
 }

package/components/form/error/index.js

@@ -0,0 +1,22 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import c from "classnames";
+import { IconAlertDiamondFill16 as t } from "@hashicorp/flight-icons/svg-react/alert-diamond-fill-16";
+import s from "./form-error.module.css.js";
+const l = ({ children: e, ...o }) => /* @__PURE__ */ r("p", { className: s.message, ...o, children: e }), n = ({ children: e, className: o, controlId: m, ...a }) => /* @__PURE__ */ i(
+  "div",
+  {
+    className: c(s.error, o),
+    id: m ? `error-${m}` : void 0,
+    ...a,
+    children: [
+      /* @__PURE__ */ r(t, { className: s.icon }),
+      /* @__PURE__ */ r("div", { className: s.content, children: /* @__PURE__ */ r(l, { children: e }) })
+    ]
+  }
+);
+n.displayName = "Error";
+export {
+  n as Error,
+  l as ErrorMessage
+};
+//# sourceMappingURL=index.js.map

package/components/form/error/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/form/error/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { ReactNode } from 'react'\nimport { IconAlertDiamondFill16 } from '@hashicorp/flight-icons/svg-react/alert-diamond-fill-16'\nimport s from './form-error.module.css'\n\ninterface ErrorMessageProps {\n\tchildren: ReactNode\n}\n\nconst ErrorMessage = ({ children, ...rest }: ErrorMessageProps) => {\n\treturn (\n\t\t<p className={s.message} {...rest}>\n\t\t\t{children}\n\t\t</p>\n\t)\n}\n\ninterface ErrorProps {\n\tchildren: ReactNode\n\tclassName?: string\n\tcontrolId?: string\n}\n\nconst Error = ({ children, className, controlId, ...rest }: ErrorProps) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(s.error, className)}\n\t\t\tid={controlId ? `error-${controlId}` : undefined}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<IconAlertDiamondFill16 className={s.icon} />\n\t\t\t<div className={s.content}>\n\t\t\t\t<ErrorMessage>{children}</ErrorMessage>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\nError.displayName = 'Error'\n\nexport type { ErrorProps, ErrorMessageProps }\nexport { Error, ErrorMessage }\n"],"names":["ErrorMessage","children","rest","Error","className","controlId","jsxs","classNames","jsx","IconAlertDiamondFill16"],"mappings":";;;;AASA,MAAMA,IAAe,CAAC,EAAE,UAAAC,GAAU,GAAGC,0BAElC,KAAA,EAAE,WAAW,EAAE,SAAU,GAAGA,GAC3B,UAAAD,GACF,GAUIE,IAAQ,CAAC,EAAE,UAAAF,GAAU,WAAAG,GAAW,WAAAC,GAAW,GAAGH,QAElD,gBAAAI;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWC,EAAW,EAAE,OAAOH,CAAS;AAAA,IACxC,IAAIC,IAAY,SAASA,CAAS,KAAK;AAAA,IACtC,GAAGH;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAM,EAACC,GAAA,EAAuB,WAAW,EAAE,KAAA,CAAM;AAAA,MAC3C,gBAAAD,EAAC,SAAI,WAAW,EAAE,SACjB,UAAA,gBAAAA,EAACR,GAAA,EAAc,UAAAC,GAAS,EAAA,CACzB;AAAA,IAAA;AAAA,EAAA;AAAA;AAKHE,EAAM,cAAc;"}

package/components/form/field/form-field.module.css.js

@@ -0,0 +1,17 @@
+const l = "vertical__Ond75", t = "label__yNHVo", r = "control__fiVMP", e = "flag__9bLjU", o = "error__xwHck", c = {
+  vertical: l,
+  label: t,
+  control: r,
+  "helper-text": "helper-text__4l6Tt",
+  flag: e,
+  error: o
+};
+export {
+  r as control,
+  c as default,
+  o as error,
+  e as flag,
+  t as label,
+  l as vertical
+};
+//# sourceMappingURL=form-field.module.css.js.map

package/components/form/field/form-field.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/components/form/field/index.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 interface FieldProps {
     badgeText?: string;
     id: string;

package/components/form/field/index.js

@@ -0,0 +1,46 @@
+import { jsxs as N, jsx as o } from "react/jsx-runtime";
+import f from "classnames";
+import { Label as h } from "../label/index.js";
+import { HelperText as x } from "../helper-text/index.js";
+import { Error as I } from "../error/index.js";
+import r from "./form-field.module.css.js";
+const j = ({
+  badgeText: a,
+  id: e,
+  isRequired: t,
+  isOptional: i,
+  label: m,
+  helperText: s,
+  error: l,
+  className: d,
+  layout: c,
+  children: n,
+  ...p
+}) => /* @__PURE__ */ N(
+  "div",
+  {
+    className: f({ [r[`${c}`]]: c }, d),
+    ...p,
+    children: [
+      m && /* @__PURE__ */ o(
+        h,
+        {
+          badgeText: a,
+          controlId: e,
+          isOptional: i,
+          isRequired: t,
+          className: r.label,
+          children: m
+        }
+      ),
+      s && /* @__PURE__ */ o(x, { controlId: e, className: r["helper-text"], children: s }),
+      /* @__PURE__ */ o("div", { className: r.control, children: n }),
+      l && /* @__PURE__ */ o(I, { controlId: e, className: r.error, children: l })
+    ]
+  }
+);
+j.displayName = "Field";
+export {
+  j as Field
+};
+//# sourceMappingURL=index.js.map

package/components/form/field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/form/field/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { Label } from '../label'\nimport { HelperText } from '../helper-text'\nimport { Error } from '../error'\nimport type { ReactNode } from 'react'\nimport s from './form-field.module.css'\n\ninterface FieldProps {\n\tbadgeText?: string\n\tid: string\n\tisRequired?: boolean\n\tisOptional?: boolean\n\tlabel?: ReactNode\n\thelperText?: ReactNode\n\terror?: ReactNode\n\tclassName?: string\n\tlayout?: 'vertical' | 'flag'\n\tchildren: ReactNode\n}\n\nconst Field = ({\n\tbadgeText,\n\tid,\n\tisRequired,\n\tisOptional,\n\tlabel,\n\thelperText,\n\terror,\n\tclassName,\n\tlayout,\n\tchildren,\n\t...rest\n}: FieldProps) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames({ [s[`${layout}`]]: layout }, className)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{label && (\n\t\t\t\t<Label\n\t\t\t\t\tbadgeText={badgeText}\n\t\t\t\t\tcontrolId={id}\n\t\t\t\t\tisOptional={isOptional}\n\t\t\t\t\tisRequired={isRequired}\n\t\t\t\t\tclassName={s.label}\n\t\t\t\t>\n\t\t\t\t\t{label}\n\t\t\t\t</Label>\n\t\t\t)}\n\t\t\t{helperText && (\n\t\t\t\t<HelperText controlId={id} className={s['helper-text']}>\n\t\t\t\t\t{helperText}\n\t\t\t\t</HelperText>\n\t\t\t)}\n\t\t\t<div className={s.control}>{children}</div>\n\t\t\t{error && (\n\t\t\t\t<Error controlId={id} className={s.error}>\n\t\t\t\t\t{error}\n\t\t\t\t</Error>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n\nField.displayName = 'Field'\n\nexport type { FieldProps }\nexport { Field }\n"],"names":["Field","badgeText","id","isRequired","isOptional","label","helperText","error","className","layout","children","rest","jsxs","classNames","s","jsx","Label","HelperText","Error"],"mappings":";;;;;;AAoBA,MAAMA,IAAQ,CAAC;AAAA,EACd,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWC,EAAW,EAAE,CAACC,EAAE,GAAGL,CAAM,EAAE,CAAC,GAAGA,EAAA,GAAUD,CAAS;AAAA,IAC5D,GAAGG;AAAA,IAEH,UAAA;AAAA,MAAAN,KACA,gBAAAU;AAAA,QAACC;AAAA,QAAA;AAAA,UACA,WAAAf;AAAA,UACA,WAAWC;AAAA,UACX,YAAAE;AAAA,UACA,YAAAD;AAAA,UACA,WAAWW,EAAE;AAAA,UAEZ,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAGFC,uBACCW,GAAA,EAAW,WAAWf,GAAI,WAAWY,EAAE,aAAa,GACnD,UAAAR,EAAA,CACF;AAAA,MAED,gBAAAS,EAAC,OAAA,EAAI,WAAWD,EAAE,SAAU,UAAAJ,GAAS;AAAA,MACpCH,uBACCW,GAAA,EAAM,WAAWhB,GAAI,WAAWY,EAAE,OACjC,UAAAP,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAAA;AAMJP,EAAM,cAAc;"}

package/components/form/fieldset/form-fieldset.module.css.js

@@ -0,0 +1,19 @@
+const r = "group__4-G8T", e = "legend__Psn00", o = "vertical__nU8G5", n = "horizontal__nzPrB", t = "error__oiFxc", l = {
+  group: r,
+  legend: e,
+  "has-legend": "has-legend__CnvEd",
+  vertical: o,
+  "control-fields-wrapper": "control-fields-wrapper__ODpmr",
+  horizontal: n,
+  "helper-text": "helper-text__rPBCK",
+  error: t
+};
+export {
+  l as default,
+  t as error,
+  r as group,
+  n as horizontal,
+  e as legend,
+  o as vertical
+};
+//# sourceMappingURL=form-fieldset.module.css.js.map

package/components/form/fieldset/form-fieldset.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-fieldset.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/components/form/fieldset/index.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 interface FieldsetProps {
     isRequired?: boolean;
     isOptional?: boolean;

package/components/form/fieldset/index.js

@@ -0,0 +1,65 @@
+import { jsxs as I, jsx as r } from "react/jsx-runtime";
+import m from "classnames";
+import { useId as x } from "react";
+import { Legend as g } from "../legend/index.js";
+import { HelperText as u } from "../helper-text/index.js";
+import { Error as j } from "../error/index.js";
+import e from "./form-fieldset.module.css.js";
+const F = ({
+  isRequired: i,
+  isOptional: a,
+  legend: s,
+  helperText: t,
+  error: l,
+  className: c,
+  layout: d,
+  children: n,
+  id: p,
+  testingKey: f,
+  ...N
+}) => {
+  const h = x(), o = p ?? h;
+  return /* @__PURE__ */ I(
+    "fieldset",
+    {
+      className: m(e.group, d ? e[d] : null, c),
+      id: o,
+      "data-testid": f,
+      ...N,
+      children: [
+        s && /* @__PURE__ */ r(
+          g,
+          {
+            isOptional: a,
+            isRequired: i,
+            className: e.legend,
+            children: s
+          }
+        ),
+        t && /* @__PURE__ */ r(
+          u,
+          {
+            controlId: `${o}-help`,
+            className: e["helper-text"],
+            children: t
+          }
+        ),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: m(e["control-fields-wrapper"], {
+              [e["has-legend"]]: s
+            }),
+            children: n
+          }
+        ),
+        l && /* @__PURE__ */ r(j, { controlId: `${o}-error`, className: e.error, children: l })
+      ]
+    }
+  );
+};
+F.displayName = "Fieldset";
+export {
+  F as Fieldset
+};
+//# sourceMappingURL=index.js.map

package/components/form/fieldset/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/form/fieldset/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useId } from 'react'\nimport { Legend } from '../legend'\nimport { HelperText } from '../helper-text'\nimport { Error } from '../error'\nimport type { ReactNode } from 'react'\nimport s from './form-fieldset.module.css'\n\ninterface FieldsetProps {\n\tisRequired?: boolean\n\tisOptional?: boolean\n\tlegend?: ReactNode\n\thelperText?: ReactNode\n\terror?: ReactNode\n\tclassName?: string\n\tlayout?: 'vertical' | 'horizontal'\n\tchildren: ReactNode\n\tid?: string\n\ttestingKey?: string\n}\n\nconst Fieldset = ({\n\tisRequired,\n\tisOptional,\n\tlegend,\n\thelperText,\n\terror,\n\tclassName,\n\tlayout,\n\tchildren,\n\tid,\n\ttestingKey,\n\t...rest\n}: FieldsetProps) => {\n\tconst generatedId = useId()\n\tconst fieldsetId = id ?? generatedId\n\n\treturn (\n\t\t<fieldset\n\t\t\tclassName={classNames(s.group, layout ? s[layout] : null, className)}\n\t\t\tid={fieldsetId}\n\t\t\tdata-testid={testingKey}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{legend && (\n\t\t\t\t<Legend\n\t\t\t\t\tisOptional={isOptional}\n\t\t\t\t\tisRequired={isRequired}\n\t\t\t\t\tclassName={s.legend}\n\t\t\t\t>\n\t\t\t\t\t{legend}\n\t\t\t\t</Legend>\n\t\t\t)}\n\t\t\t{helperText && (\n\t\t\t\t<HelperText\n\t\t\t\t\tcontrolId={`${fieldsetId}-help`}\n\t\t\t\t\tclassName={s['helper-text']}\n\t\t\t\t>\n\t\t\t\t\t{helperText}\n\t\t\t\t</HelperText>\n\t\t\t)}\n\t\t\t<div\n\t\t\t\tclassName={classNames(s['control-fields-wrapper'], {\n\t\t\t\t\t[s['has-legend']]: legend,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t\t{error && (\n\t\t\t\t<Error controlId={`${fieldsetId}-error`} className={s.error}>\n\t\t\t\t\t{error}\n\t\t\t\t</Error>\n\t\t\t)}\n\t\t</fieldset>\n\t)\n}\n\nFieldset.displayName = 'Fieldset'\n\nexport type { FieldsetProps }\nexport { Fieldset }\n"],"names":["Fieldset","isRequired","isOptional","legend","helperText","error","className","layout","children","id","testingKey","rest","generatedId","useId","fieldsetId","jsxs","classNames","s","jsx","Legend","HelperText","Error"],"mappings":";;;;;;;AAqBA,MAAMA,IAAW,CAAC;AAAA,EACjB,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACJ,MAAqB;AACpB,QAAMC,IAAcC,EAAA,GACdC,IAAaL,KAAMG;AAEzB,SACC,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC,EAAWC,EAAE,OAAOV,IAASU,EAAEV,CAAM,IAAI,MAAMD,CAAS;AAAA,MACnE,IAAIQ;AAAA,MACJ,eAAaJ;AAAA,MACZ,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAR,KACA,gBAAAe;AAAA,UAACC;AAAA,UAAA;AAAA,YACA,YAAAjB;AAAA,YACA,YAAAD;AAAA,YACA,WAAWgB,EAAE;AAAA,YAEZ,UAAAd;AAAA,UAAA;AAAA,QAAA;AAAA,QAGFC,KACA,gBAAAc;AAAA,UAACE;AAAA,UAAA;AAAA,YACA,WAAW,GAAGN,CAAU;AAAA,YACxB,WAAWG,EAAE,aAAa;AAAA,YAEzB,UAAAb;AAAA,UAAA;AAAA,QAAA;AAAA,QAGH,gBAAAc;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,WAAWF,EAAWC,EAAE,wBAAwB,GAAG;AAAA,cAClD,CAACA,EAAE,YAAY,CAAC,GAAGd;AAAA,YAAA,CACnB;AAAA,YAEA,UAAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAEDH,KACA,gBAAAa,EAACG,GAAA,EAAM,WAAW,GAAGP,CAAU,UAAU,WAAWG,EAAE,OACpD,UAAAZ,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIJ;AAEAL,EAAS,cAAc;"}

package/components/form/file-input/form-file-input.module.scss.js

@@ -0,0 +1,7 @@
+const t = {
+  "file-input": "file-input__kBoO-"
+};
+export {
+  t as default
+};
+//# sourceMappingURL=form-file-input.module.scss.js.map

package/components/form/file-input/form-file-input.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-file-input.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/components/form/file-input/index.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLProps, ReactNode } from 'react';
+import { HTMLProps, ReactNode } from 'react';
 interface FileInputBaseProps {
     isRequired?: boolean;
     className?: string;

package/components/form/file-input/index.js

@@ -0,0 +1,68 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useId as a } from "react";
+import { Field as I } from "../field/index.js";
+import F from "./form-file-input.module.scss.js";
+const u = ({
+  isRequired: i,
+  className: l,
+  id: e,
+  field: r,
+  error: n,
+  ...d
+}) => {
+  const t = a();
+  return /* @__PURE__ */ p(
+    "input",
+    {
+      type: "file",
+      required: i,
+      id: e ?? t,
+      className: F["file-input"],
+      "aria-describedby": `${n ? "error" : "helper-text"}-${e}`,
+      ...r,
+      ...d
+    }
+  );
+};
+u.displayName = "FileInputBase";
+const f = ({
+  id: i,
+  label: l,
+  helperText: e,
+  error: r,
+  field: n,
+  className: d,
+  isRequired: t,
+  isOptional: o,
+  ...m
+}) => {
+  const c = a(), s = i ?? c;
+  return /* @__PURE__ */ p(
+    I,
+    {
+      label: l,
+      helperText: e,
+      error: r,
+      isRequired: t,
+      isOptional: o,
+      id: s,
+      layout: "vertical",
+      className: d,
+      children: /* @__PURE__ */ p(
+        u,
+        {
+          id: s,
+          isRequired: t,
+          field: n,
+          ...m
+        }
+      )
+    }
+  );
+};
+f.displayName = "FileInputField";
+export {
+  u as FileInputBase,
+  f as FileInputField
+};
+//# sourceMappingURL=index.js.map

package/components/form/file-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/form/file-input/index.tsx"],"sourcesContent":["import type { HTMLProps, ReactNode } from 'react'\nimport { useId } from 'react'\nimport { Field } from '../field'\nimport s from './form-file-input.module.scss'\n\ninterface FileInputBaseProps {\n\tisRequired?: boolean\n\tclassName?: string\n\tid?: string\n\n\t/**\n\t * Can be used to supply any props that the native `<input>` element supports.\n\t * Since this is for file input, we omit `type`, see here: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file\n\t */\n\tfield: Omit<HTMLProps<HTMLInputElement>, 'type' | 'id'>\n\terror?: ReactNode\n}\n\nconst FileInputBase = ({\n\tisRequired,\n\tclassName,\n\tid,\n\tfield,\n\terror,\n\t...rest\n}: FileInputBaseProps) => {\n\tconst generatedId = useId()\n\tconst inputId = id ?? generatedId\n\n\treturn (\n\t\t<input\n\t\t\ttype=\"file\"\n\t\t\trequired={isRequired}\n\t\t\tid={inputId}\n\t\t\tclassName={s['file-input']}\n\t\t\taria-describedby={`${error ? 'error' : 'helper-text'}-${id}`}\n\t\t\t{...field}\n\t\t\t{...rest}\n\t\t/>\n\t)\n}\n\nFileInputBase.displayName = 'FileInputBase'\n\ninterface FileInputFieldProps extends FileInputBaseProps {\n\tlabel?: ReactNode\n\thelperText?: ReactNode\n\terror?: ReactNode\n\tisOptional?: boolean\n}\n\nconst FileInputField = ({\n\tid,\n\tlabel,\n\thelperText,\n\terror,\n\tfield,\n\tclassName,\n\tisRequired,\n\tisOptional,\n\t...rest\n}: FileInputFieldProps) => {\n\tconst generatedId = useId()\n\tconst inputId = id ?? generatedId\n\n\treturn (\n\t\t<Field\n\t\t\tlabel={label}\n\t\t\thelperText={helperText}\n\t\t\terror={error}\n\t\t\tisRequired={isRequired}\n\t\t\tisOptional={isOptional}\n\t\t\tid={inputId}\n\t\t\tlayout=\"vertical\"\n\t\t\tclassName={className}\n\t\t>\n\t\t\t<FileInputBase\n\t\t\t\tid={inputId}\n\t\t\t\tisRequired={isRequired}\n\t\t\t\tfield={field}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t</Field>\n\t)\n}\n\nFileInputField.displayName = 'FileInputField'\n\nexport { FileInputBase, FileInputField }\n"],"names":["FileInputBase","isRequired","className","id","field","error","rest","generatedId","useId","jsx","s","FileInputField","label","helperText","isOptional","inputId","Field"],"mappings":";;;;AAkBA,MAAMA,IAAgB,CAAC;AAAA,EACtB,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACJ,MAA0B;AACzB,QAAMC,IAAcC,EAAA;AAGpB,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,UAAUR;AAAA,MACV,IANcE,KAAMI;AAAA,MAOpB,WAAWG,EAAE,YAAY;AAAA,MACzB,oBAAkB,GAAGL,IAAQ,UAAU,aAAa,IAAIF,CAAE;AAAA,MACzD,GAAGC;AAAA,MACH,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGP;AAEAN,EAAc,cAAc;AAS5B,MAAMW,IAAiB,CAAC;AAAA,EACvB,IAAAR;AAAA,EACA,OAAAS;AAAA,EACA,YAAAC;AAAA,EACA,OAAAR;AAAA,EACA,OAAAD;AAAA,EACA,WAAAF;AAAA,EACA,YAAAD;AAAA,EACA,YAAAa;AAAA,EACA,GAAGR;AACJ,MAA2B;AAC1B,QAAMC,IAAcC,EAAA,GACdO,IAAUZ,KAAMI;AAEtB,SACC,gBAAAE;AAAA,IAACO;AAAA,IAAA;AAAA,MACA,OAAAJ;AAAA,MACA,YAAAC;AAAA,MACA,OAAAR;AAAA,MACA,YAAAJ;AAAA,MACA,YAAAa;AAAA,MACA,IAAIC;AAAA,MACJ,QAAO;AAAA,MACP,WAAAb;AAAA,MAEA,UAAA,gBAAAO;AAAA,QAACT;AAAA,QAAA;AAAA,UACA,IAAIe;AAAA,UACJ,YAAAd;AAAA,UACA,OAAAG;AAAA,UACC,GAAGE;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGH;AAEAK,EAAe,cAAc;"}

package/components/form/helper-text/form-helper-text.module.css.js

@@ -0,0 +1,7 @@
+const e = {
+  "helper-text": "helper-text__4mh4z mds-typography-legacy-body-100 mds-typography-font-weight-regular"
+};
+export {
+  e as default
+};
+//# sourceMappingURL=form-helper-text.module.css.js.map

package/components/form/helper-text/form-helper-text.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-helper-text.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/components/form/helper-text/index.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 interface HelperTextProps {
     children: ReactNode;
     className?: string;

package/components/form/helper-text/index.js

@@ -0,0 +1,22 @@
+import { jsx as p } from "react/jsx-runtime";
+import s from "classnames";
+import i from "./form-helper-text.module.css.js";
+const o = ({
+  children: r,
+  className: t,
+  controlId: e,
+  ...m
+}) => /* @__PURE__ */ p(
+  "div",
+  {
+    className: s(i["helper-text"], t),
+    id: e ? `helper-text-${e}` : void 0,
+    ...m,
+    children: r
+  }
+);
+o.displayName = "HelperText";
+export {
+  o as HelperText
+};
+//# sourceMappingURL=index.js.map

package/components/form/helper-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/form/helper-text/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { ReactNode } from 'react'\nimport s from './form-helper-text.module.css'\n\ninterface HelperTextProps {\n\tchildren: ReactNode\n\tclassName?: string\n\tcontrolId?: string\n}\n\nconst HelperText = ({\n\tchildren,\n\tclassName,\n\tcontrolId,\n\t...rest\n}: HelperTextProps) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(s['helper-text'], className)}\n\t\t\tid={controlId ? `helper-text-${controlId}` : undefined}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\nHelperText.displayName = 'HelperText'\n\nexport { HelperText }\n"],"names":["HelperText","children","className","controlId","rest","jsx","classNames","s"],"mappings":";;;AAUA,MAAMA,IAAa,CAAC;AAAA,EACnB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWC,EAAWC,EAAE,aAAa,GAAGL,CAAS;AAAA,IACjD,IAAIC,IAAY,eAAeA,CAAS,KAAK;AAAA,IAC5C,GAAGC;AAAA,IAEH,UAAAH;AAAA,EAAA;AAAA;AAKJD,EAAW,cAAc;"}

package/components/form/indicator/form-indicator.module.css.js

@@ -0,0 +1,8 @@
+const o = "optional__xEN-m mds-typography-legacy-body-100 mds-typography-font-weight-regular", t = {
+  optional: o
+};
+export {
+  t as default,
+  o as optional
+};
+//# sourceMappingURL=form-indicator.module.css.js.map

package/components/form/indicator/form-indicator.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-indicator.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/components/form/indicator/index.js

@@ -0,0 +1,23 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Badge as a } from "../../badge/index.js";
+import { localize as i } from "../../../utils/i18n/index.js";
+import "../../../utils/i18n/helpers/locale-provider.js";
+import { useLocale as n } from "../../../utils/i18n/helpers/use-locale.js";
+import m from "./form-indicator.module.css.js";
+const s = ({ isOptional: r, isRequired: l }) => {
+  const e = n(), t = r ? m.optional : null;
+  return r ? /* @__PURE__ */ o("span", { "aria-hidden": "true", className: t, children: `(${i("optional", e, "title")})` }) : l ? /* @__PURE__ */ o(
+    a,
+    {
+      "aria-hidden": "true",
+      className: t,
+      size: "small",
+      text: i("required", e, "title")
+    }
+  ) : null;
+};
+s.displayName = "Indicator";
+export {
+  s as Indicator
+};
+//# sourceMappingURL=index.js.map

package/components/form/indicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/form/indicator/index.tsx"],"sourcesContent":["import { Badge } from '../../badge'\nimport { localize } from '../../../utils/i18n'\nimport { useLocale } from '@web/utils/i18n/helpers'\nimport s from './form-indicator.module.css'\n\ninterface IndicatorProps {\n\tisOptional?: boolean\n\tisRequired?: boolean\n}\n\nconst Indicator = ({ isOptional, isRequired }: IndicatorProps) => {\n\tconst locale = useLocale()\n\n\tconst className = isOptional ? s.optional : null\n\n\tif (isOptional) {\n\t\treturn (\n\t\t\t<span aria-hidden=\"true\" className={className}>\n\t\t\t\t{`(${localize('optional', locale, 'title')})`}\n\t\t\t</span>\n\t\t)\n\t} else if (isRequired) {\n\t\treturn (\n\t\t\t<Badge\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={className}\n\t\t\t\tsize=\"small\"\n\t\t\t\ttext={localize('required', locale, 'title')}\n\t\t\t/>\n\t\t)\n\t}\n\n\treturn null\n}\n\nIndicator.displayName = 'Indicator'\n\nexport { Indicator }\n"],"names":["Indicator","isOptional","isRequired","locale","useLocale","className","s","jsx","localize","Badge"],"mappings":";;;;;;AAUA,MAAMA,IAAY,CAAC,EAAE,YAAAC,GAAY,YAAAC,QAAiC;AACjE,QAAMC,IAASC,EAAA,GAETC,IAAYJ,IAAaK,EAAE,WAAW;AAE5C,SAAIL,IAEF,gBAAAM,EAAC,QAAA,EAAK,eAAY,QAAO,WAAAF,GACvB,UAAA,IAAIG,EAAS,YAAYL,GAAQ,OAAO,CAAC,KAC3C,IAESD,IAET,gBAAAK;AAAA,IAACE;AAAA,IAAA;AAAA,MACA,eAAY;AAAA,MACZ,WAAAJ;AAAA,MACA,MAAK;AAAA,MACL,MAAMG,EAAS,YAAYL,GAAQ,OAAO;AAAA,IAAA;AAAA,EAAA,IAKtC;AACR;AAEAH,EAAU,cAAc;"}

package/components/form/label/form-label.module.css.js

@@ -0,0 +1,10 @@
+const a = "badges__fd5n1", e = "label__p8mfL mds-typography-legacy-body-200 mds-typography-font-weight-semibold", s = {
+  badges: a,
+  label: e
+};
+export {
+  a as badges,
+  s as default,
+  e as label
+};
+//# sourceMappingURL=form-label.module.css.js.map

package/components/form/label/form-label.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-label.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/components/form/label/index.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 interface LabelProps {
     badgeText?: string;
     className?: string;

package/components/form/label/index.js

@@ -0,0 +1,33 @@
+import { jsxs as a, jsx as m } from "react/jsx-runtime";
+import c from "classnames";
+import { Indicator as i } from "../indicator/index.js";
+import { Badge as f } from "../../badge/index.js";
+import o from "./form-label.module.css.js";
+const N = ({
+  badgeText: l,
+  className: e,
+  controlId: t,
+  children: n,
+  isRequired: r,
+  isOptional: s,
+  ...p
+}) => /* @__PURE__ */ a(
+  "label",
+  {
+    className: c(o.label, e),
+    htmlFor: t,
+    ...p,
+    children: [
+      /* @__PURE__ */ m("span", { children: n }),
+      s || r || l ? /* @__PURE__ */ a("span", { className: o.badges, children: [
+        l ? /* @__PURE__ */ m(f, { size: "small", text: l }) : null,
+        /* @__PURE__ */ m(i, { isRequired: r, isOptional: s })
+      ] }) : null
+    ]
+  }
+);
+N.displayName = "Label";
+export {
+  N as Label
+};
+//# sourceMappingURL=index.js.map

package/components/form/label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/form/label/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { Indicator } from '../indicator'\nimport { Badge } from '../../badge'\nimport type { ReactNode } from 'react'\nimport s from './form-label.module.css'\n\ninterface LabelProps {\n\tbadgeText?: string\n\tclassName?: string\n\tcontrolId: string\n\tchildren: ReactNode\n\tisRequired?: boolean\n\tisOptional?: boolean\n}\n\nconst Label = ({\n\tbadgeText,\n\tclassName,\n\tcontrolId,\n\tchildren,\n\tisRequired,\n\tisOptional,\n\t...rest\n}: LabelProps) => {\n\treturn (\n\t\t<label\n\t\t\tclassName={classNames(s.label, className)}\n\t\t\thtmlFor={controlId}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<span>{children}</span>\n\t\t\t{isOptional || isRequired || badgeText ? (\n\t\t\t\t<span className={s.badges}>\n\t\t\t\t\t{badgeText ? <Badge size=\"small\" text={badgeText} /> : null}\n\t\t\t\t\t<Indicator isRequired={isRequired} isOptional={isOptional} />\n\t\t\t\t</span>\n\t\t\t) : null}\n\t\t</label>\n\t)\n}\n\nLabel.displayName = 'Label'\n\nexport { Label }\n"],"names":["Label","badgeText","className","controlId","children","isRequired","isOptional","rest","jsxs","classNames","s","jsx","Badge","Indicator"],"mappings":";;;;;AAeA,MAAMA,IAAQ,CAAC;AAAA,EACd,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWC,EAAWC,EAAE,OAAOR,CAAS;AAAA,IACxC,SAASC;AAAA,IACR,GAAGI;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAI,EAAC,UAAM,UAAAP,GAAS;AAAA,MACfE,KAAcD,KAAcJ,sBAC3B,QAAA,EAAK,WAAWS,EAAE,QACjB,UAAA;AAAA,QAAAT,sBAAaW,GAAA,EAAM,MAAK,SAAQ,MAAMX,GAAW,IAAK;AAAA,QACvD,gBAAAU,EAACE,GAAA,EAAU,YAAAR,GAAwB,YAAAC,EAAA,CAAwB;AAAA,MAAA,EAAA,CAC5D,IACG;AAAA,IAAA;AAAA,EAAA;AAAA;AAKPN,EAAM,cAAc;"}

package/components/form/legend/form-legend.module.css.js

@@ -0,0 +1,10 @@
+const e = "legend__O8-rs mds-typography-legacy-body-200 mds-typography-font-weight-semibold", d = "badge__rqzw5", g = {
+  legend: e,
+  badge: d
+};
+export {
+  d as badge,
+  g as default,
+  e as legend
+};
+//# sourceMappingURL=form-legend.module.css.js.map

package/components/form/legend/form-legend.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-legend.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/components/form/legend/index.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 interface LegendProps {
     className?: string;
     isRequired?: boolean;