@hashicorp/mds-react 0.9.2 → 0.9.4

package/components/form/legend/index.js

@@ -0,0 +1,19 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import d from "classnames";
+import { Indicator as c } from "../indicator/index.js";
+import m from "./form-legend.module.css.js";
+const p = ({
+  className: a,
+  isRequired: r,
+  isOptional: s,
+  children: n,
+  ...o
+}) => /* @__PURE__ */ l("legend", { className: d(m.legend, a), ...o, children: [
+  /* @__PURE__ */ e("span", { children: n }),
+  s || r ? /* @__PURE__ */ e("span", { className: m.badge, children: /* @__PURE__ */ e(c, { isRequired: r, isOptional: s }) }) : null
+] });
+p.displayName = "Legend";
+export {
+  p as Legend
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/form/legend/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport classNames from 'classnames'\nimport { Indicator } from '../indicator'\nimport s from './form-legend.module.css'\n\ninterface LegendProps {\n\tclassName?: string\n\tisRequired?: boolean\n\tisOptional?: boolean\n\tchildren: ReactNode\n}\n\nconst Legend = ({\n\tclassName,\n\tisRequired,\n\tisOptional,\n\tchildren,\n\t...rest\n}: LegendProps) => {\n\treturn (\n\t\t<legend className={classNames(s.legend, className)} {...rest}>\n\t\t\t<span>{children}</span>\n\t\t\t{isOptional || isRequired ? (\n\t\t\t\t<span className={s.badge}>\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</legend>\n\t)\n}\n\nLegend.displayName = 'Legend'\n\nexport { Legend }\n"],"names":["Legend","className","isRequired","isOptional","children","rest","jsxs","classNames","s","jsx","Indicator"],"mappings":";;;;AAYA,MAAMA,IAAS,CAAC;AAAA,EACf,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC,EAAC,YAAO,WAAWC,EAAWC,EAAE,QAAQP,CAAS,GAAI,GAAGI,GACvD,UAAA;AAAA,EAAA,gBAAAI,EAAC,UAAM,UAAAL,GAAS;AAAA,EACfD,KAAcD,IACd,gBAAAO,EAAC,QAAA,EAAK,WAAWD,EAAE,OAClB,UAAA,gBAAAC,EAACC,GAAA,EAAU,YAAAR,GAAwB,YAAAC,EAAA,CAAwB,EAAA,CAC5D,IACG;AAAA,GACL;AAIFH,EAAO,cAAc;"}

package/components/form/radio/form-radio.module.scss.js

@@ -0,0 +1,8 @@
+const o = "radio__oZ3hf", a = {
+  radio: o
+};
+export {
+  a as default,
+  o as radio
+};
+//# sourceMappingURL=form-radio.module.scss.js.map

package/components/form/radio/form-radio.module.scss.js.map

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

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

@@ -1,4 +1,4 @@
-import { type ComponentProps, type HTMLProps, type ReactNode } from 'react';
+import { ComponentProps, HTMLProps, ReactNode } from 'react';
 import { Fieldset } from '../fieldset';
 interface RadioBaseProps {
     id: string;

package/components/form/radio/index.js

@@ -0,0 +1,100 @@
+import { jsx as d } from "react/jsx-runtime";
+import { useId as g } from "react";
+import { Field as G } from "../field/index.js";
+import { Fieldset as I } from "../fieldset/index.js";
+import b from "classnames";
+import v from "./form-radio.module.scss.js";
+const s = ({
+  id: o,
+  required: r,
+  field: i,
+  className: e,
+  testingKey: a
+}) => /* @__PURE__ */ d(
+  "input",
+  {
+    id: o,
+    type: "radio",
+    className: b(v.radio, e),
+    required: r,
+    "data-testid": a,
+    ...i
+  }
+);
+s.displayName = "RadioBase";
+const l = ({
+  isInvalid: o,
+  isLoading: r,
+  isRequired: i,
+  isOptional: e,
+  id: a,
+  label: p,
+  helperText: c,
+  error: u,
+  field: R,
+  className: y,
+  testingKey: f,
+  ...N
+}) => {
+  const F = g(), t = a ?? F;
+  return /* @__PURE__ */ d(
+    G,
+    {
+      label: p,
+      helperText: c,
+      error: u,
+      isRequired: i,
+      isOptional: e,
+      id: t,
+      layout: "flag",
+      className: y,
+      children: /* @__PURE__ */ d(
+        s,
+        {
+          id: t,
+          required: i,
+          field: { ...R, "aria-describedby": `error-${a}` },
+          testingKey: f,
+          ...N
+        }
+      )
+    }
+  );
+};
+l.displayName = "RadioField";
+const m = ({
+  layout: o = "vertical",
+  legend: r,
+  isOptional: i,
+  isRequired: e,
+  children: a
+}) => /* @__PURE__ */ d(
+  I,
+  {
+    layout: o,
+    legend: r,
+    isOptional: i,
+    isRequired: e,
+    children: a
+  }
+);
+m.displayName = "RadioGroupRoot";
+const n = (o) => /* @__PURE__ */ d(
+  l,
+  {
+    ...o,
+    testingKey: o.testingKey,
+    className: o.className
+  }
+);
+n.displayName = "RadioGroupField";
+const $ = {
+  Root: m,
+  Field: n
+};
+export {
+  s as RadioBase,
+  l as RadioField,
+  $ as RadioGroup
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/form/radio/index.tsx"],"sourcesContent":["import {\n\tuseId,\n\ttype ComponentProps,\n\ttype HTMLProps,\n\ttype ReactNode,\n} from 'react'\nimport { Field } from '../field'\nimport { Fieldset } from '../fieldset'\nimport classNames from 'classnames'\nimport s from './form-radio.module.scss'\n\ninterface RadioBaseProps {\n\tid: string\n\trequired?: boolean\n\tfield: HTMLProps<HTMLInputElement>\n\tclassName?: string\n\ttestingKey?: string\n}\n\nconst RadioBase = ({\n\tid,\n\trequired,\n\tfield,\n\tclassName,\n\ttestingKey,\n}: RadioBaseProps) => {\n\treturn (\n\t\t<input\n\t\t\tid={id}\n\t\t\ttype=\"radio\"\n\t\t\tclassName={classNames(s.radio, className)}\n\t\t\trequired={required}\n\t\t\tdata-testid={testingKey}\n\t\t\t{...field}\n\t\t/>\n\t)\n}\n\nRadioBase.displayName = 'RadioBase'\n\ninterface RadioFieldProps {\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}\n\nconst RadioField = ({\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}: RadioFieldProps) => {\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<RadioBase\n\t\t\t\tid={inputId}\n\t\t\t\trequired={isRequired}\n\t\t\t\tfield={{ ...field, 'aria-describedby': `error-${id}` }}\n\t\t\t\ttestingKey={testingKey}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t</Field>\n\t)\n}\n\nRadioField.displayName = 'RadioField'\n\ninterface RadioGroupProps extends ComponentProps<typeof Fieldset> {\n\tchildren: ReactNode\n}\n\nconst RadioGroupRoot = ({\n\tlayout = 'vertical',\n\tlegend,\n\tisOptional,\n\tisRequired,\n\tchildren,\n}: RadioGroupProps) => {\n\treturn (\n\t\t<Fieldset\n\t\t\tlayout={layout}\n\t\t\tlegend={legend}\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\nRadioGroupRoot.displayName = 'RadioGroupRoot'\n\nconst RadioGroupField = (props: RadioFieldProps) => {\n\treturn (\n\t\t<RadioField\n\t\t\t{...props}\n\t\t\ttestingKey={props.testingKey}\n\t\t\tclassName={props.className}\n\t\t/>\n\t)\n}\n\nRadioGroupField.displayName = 'RadioGroupField'\n\nconst RadioGroup = {\n\tRoot: RadioGroupRoot,\n\tField: RadioGroupField,\n}\n\nexport { RadioGroup, RadioBase, RadioField }\n"],"names":["RadioBase","id","required","field","className","testingKey","jsx","classNames","s","RadioField","isInvalid","isLoading","isRequired","isOptional","label","helperText","error","rest","generatedId","useId","inputId","Field","RadioGroupRoot","layout","legend","children","Fieldset","RadioGroupField","props","RadioGroup"],"mappings":";;;;;;AAmBA,MAAMA,IAAY,CAAC;AAAA,EAClB,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AACD,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,IAAAL;AAAA,IACA,MAAK;AAAA,IACL,WAAWM,EAAWC,EAAE,OAAOJ,CAAS;AAAA,IACxC,UAAAF;AAAA,IACA,eAAaG;AAAA,IACZ,GAAGF;AAAA,EAAA;AAAA;AAKPH,EAAU,cAAc;AAgBxB,MAAMS,IAAa,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,IAAAZ;AAAA,EACA,OAAAa;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAb;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGY;AACJ,MAAuB;AACtB,QAAMC,IAAcC,EAAA,GACdC,IAAUnB,KAAMiB;AAEtB,SACC,gBAAAZ;AAAA,IAACe;AAAA,IAAA;AAAA,MACA,OAAAP;AAAA,MACA,YAAAC;AAAA,MACA,OAAAC;AAAA,MACA,YAAAJ;AAAA,MACA,YAAAC;AAAA,MACA,IAAIO;AAAA,MACJ,QAAO;AAAA,MACP,WAAAhB;AAAA,MAEA,UAAA,gBAAAE;AAAA,QAACN;AAAA,QAAA;AAAA,UACA,IAAIoB;AAAA,UACJ,UAAUR;AAAA,UACV,OAAO,EAAE,GAAGT,GAAO,oBAAoB,SAASF,CAAE,GAAA;AAAA,UAClD,YAAAI;AAAA,UACC,GAAGY;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGH;AAEAR,EAAW,cAAc;AAMzB,MAAMa,IAAiB,CAAC;AAAA,EACvB,QAAAC,IAAS;AAAA,EACT,QAAAC;AAAA,EACA,YAAAX;AAAA,EACA,YAAAD;AAAA,EACA,UAAAa;AACD,MAEE,gBAAAnB;AAAA,EAACoB;AAAA,EAAA;AAAA,IACA,QAAAH;AAAA,IACA,QAAAC;AAAA,IACA,YAAAX;AAAA,IACA,YAAAD;AAAA,IAEC,UAAAa;AAAA,EAAA;AAAA;AAKJH,EAAe,cAAc;AAE7B,MAAMK,IAAkB,CAACC,MAEvB,gBAAAtB;AAAA,EAACG;AAAA,EAAA;AAAA,IACC,GAAGmB;AAAA,IACJ,YAAYA,EAAM;AAAA,IAClB,WAAWA,EAAM;AAAA,EAAA;AAAA;AAKpBD,EAAgB,cAAc;AAE9B,MAAME,IAAa;AAAA,EAClB,MAAMP;AAAA,EACN,OAAOK;AACR;"}

package/components/form/radio-card/description.js

@@ -0,0 +1,10 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Text as i } from "../../text/index.js";
+import t from "./form-radio-card.module.css.js";
+function n({ description: r }) {
+  return /* @__PURE__ */ o(i.HDSBody, { className: t.description, size: "100", children: r });
+}
+export {
+  n as default
+};
+//# sourceMappingURL=description.js.map

package/components/form/radio-card/description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description.js","sources":["../../../../src/components/form/radio-card/description.tsx"],"sourcesContent":["import { Text } from '../../text'\nimport s from './form-radio-card.module.css'\n\nexport default function Description({ description }: { description: string }) {\n\treturn (\n\t\t<Text.HDSBody className={s.description} size=\"100\">\n\t\t\t{description}\n\t\t</Text.HDSBody>\n\t)\n}\n"],"names":["Description","description","jsx","Text","s"],"mappings":";;;AAGA,SAAwBA,EAAY,EAAE,aAAAC,KAAwC;AAC7E,SACC,gBAAAC,EAACC,EAAK,SAAL,EAAa,WAAWC,EAAE,aAAa,MAAK,OAC3C,UAAAH,EAAA,CACF;AAEF;"}

package/components/form/radio-card/form-radio-card.module.css.js

@@ -0,0 +1,30 @@
+const t = "control__0w6N4", o = "checked__v5wfQ", c = "disabled__h7JVb", e = "content__IKiN7", n = "label__UR-sm", _ = "description__s8FwT", d = "badges__klktk", l = {
+  "radio-cards": "radio-cards__C4la-",
+  "has-fluid-width": "has-fluid-width__rKqOq",
+  "has-fixed-width": "has-fixed-width__AAAPW",
+  "radio-card": "radio-card__JyN2Z",
+  control: t,
+  checked: o,
+  "control-wrapper": "control-wrapper__00m5o",
+  disabled: c,
+  "align-left": "align-left__lqD3y",
+  "align-center": "align-center__ZMFAS",
+  "control-bottom": "control-bottom__UIViy",
+  "control-left": "control-left__1tHvm",
+  content: e,
+  label: n,
+  description: _,
+  badges: d,
+  "icon-center": "icon-center__zJMDY"
+};
+export {
+  d as badges,
+  o as checked,
+  e as content,
+  t as control,
+  l as default,
+  _ as description,
+  c as disabled,
+  n as label
+};
+//# sourceMappingURL=form-radio-card.module.css.js.map

package/components/form/radio-card/form-radio-card.module.css.js.map

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

package/components/form/radio-card/group.d.ts

@@ -1,5 +1,5 @@
 import { Fieldset } from '../fieldset';
-import type { ComponentProps, ReactNode } from 'react';
+import { ComponentProps, ReactNode } from 'react';
 export interface RadioCardGroupProps extends ComponentProps<typeof Fieldset> {
     children: ReactNode;
     legend: ReactNode;

package/components/form/radio-card/group.js

@@ -0,0 +1,31 @@
+import { jsx as p } from "react/jsx-runtime";
+import { Fieldset as e } from "../fieldset/index.js";
+import l from "./form-radio-card.module.css.js";
+const c = ({
+  layout: r = "horizontal",
+  isRequired: o,
+  isOptional: a,
+  error: i,
+  legend: d,
+  helperText: m,
+  children: s,
+  ...t
+}) => /* @__PURE__ */ p(
+  e,
+  {
+    className: l["radio-cards"],
+    layout: r,
+    legend: d,
+    isOptional: a,
+    isRequired: o,
+    helperText: m,
+    error: i,
+    ...t,
+    children: s
+  }
+);
+c.displayName = "RadioCardGroup";
+export {
+  c as RadioCardGroup
+};
+//# sourceMappingURL=group.js.map

package/components/form/radio-card/group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.js","sources":["../../../../src/components/form/radio-card/group.tsx"],"sourcesContent":["import { Fieldset } from '../fieldset'\nimport type { ComponentProps, ReactNode } from 'react'\nimport s from './form-radio-card.module.css'\n\nexport interface RadioCardGroupProps extends ComponentProps<typeof Fieldset> {\n\tchildren: ReactNode\n\tlegend: ReactNode\n}\n\nconst RadioCardGroup = ({\n\tlayout = 'horizontal',\n\tisRequired,\n\tisOptional,\n\terror,\n\tlegend,\n\thelperText,\n\tchildren,\n\t...rest\n}: RadioCardGroupProps) => {\n\treturn (\n\t\t<Fieldset\n\t\t\tclassName={s['radio-cards']}\n\t\t\tlayout={layout}\n\t\t\tlegend={legend}\n\t\t\tisOptional={isOptional}\n\t\t\tisRequired={isRequired}\n\t\t\thelperText={helperText}\n\t\t\terror={error}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{children}\n\t\t</Fieldset>\n\t)\n}\n\nRadioCardGroup.displayName = 'RadioCardGroup'\n\nexport { RadioCardGroup }\n"],"names":["RadioCardGroup","layout","isRequired","isOptional","error","legend","helperText","children","rest","jsx","Fieldset","s"],"mappings":";;;AASA,MAAMA,IAAiB,CAAC;AAAA,EACvB,QAAAC,IAAS;AAAA,EACT,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACA,WAAWC,EAAE,aAAa;AAAA,IAC1B,QAAAV;AAAA,IACA,QAAAI;AAAA,IACA,YAAAF;AAAA,IACA,YAAAD;AAAA,IACA,YAAAI;AAAA,IACA,OAAAF;AAAA,IACC,GAAGI;AAAA,IAEH,UAAAD;AAAA,EAAA;AAAA;AAKJP,EAAe,cAAc;"}

package/components/form/radio-card/index.d.ts

@@ -1,6 +1,6 @@
 import { RadioCardGroup } from './group';
-import type { HTMLProps, ReactNode } from 'react';
-import type { BadgeProps } from '../../badge';
+import { HTMLProps, ReactNode } from 'react';
+import { BadgeProps } from '../../badge';
 export declare const DEFAULT_CONTROL_POSITION = "bottom";
 export declare const DEFAULT_ALIGNMENT = "left";
 export declare const CONTROL_POSITIONS: readonly ["bottom", "left"];

package/components/form/radio-card/index.js

@@ -0,0 +1,67 @@
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { useId as h, createElement as I } from "react";
+import p from "classnames";
+import { Badge as L } from "../../badge/index.js";
+import { FlightIcon as T } from "../../flight-icon/index.js";
+import { RadioBase as k } from "../radio/index.js";
+import u from "./label.js";
+import E from "./description.js";
+import e from "./form-radio-card.module.css.js";
+const F = "bottom", O = "left", R = ({
+  controlPosition: N = F,
+  alignment: a = O,
+  maxWidth: r,
+  field: s,
+  icon: t,
+  label: c,
+  description: l,
+  badges: m,
+  children: f
+}) => {
+  const i = h();
+  return /* @__PURE__ */ d(
+    "label",
+    {
+      htmlFor: i,
+      style: { maxWidth: r },
+      className: p(
+        e["radio-card"],
+        e[`control-${N}`],
+        e[`align-${a}`],
+        {
+          [e.checked]: s.checked,
+          [e.disabled]: s.disabled,
+          [e["has-fixed-width"]]: r,
+          [e["has-fluid-width"]]: !r
+        }
+      ),
+      children: [
+        /* @__PURE__ */ d("span", { className: e.content, children: [
+          t && /* @__PURE__ */ o(
+            T,
+            {
+              name: t,
+              size: 24,
+              isInlineBlock: !1,
+              className: p({
+                [e["icon-center"]]: a === "center"
+              })
+            }
+          ),
+          c && /* @__PURE__ */ o(u, { label: c }),
+          m?.length ? /* @__PURE__ */ o("div", { className: e.badges, children: m.map((n) => /* @__PURE__ */ I(L, { ...n, key: n.text })) }) : null,
+          l && /* @__PURE__ */ o(E, { description: l }),
+          f
+        ] }),
+        /* @__PURE__ */ o("span", { className: e["control-wrapper"], children: /* @__PURE__ */ o(k, { className: e.control, id: i, field: s }) })
+      ]
+    }
+  );
+};
+R.displayName = "RadioCard";
+export {
+  O as DEFAULT_ALIGNMENT,
+  F as DEFAULT_CONTROL_POSITION,
+  R as RadioCard
+};
+//# sourceMappingURL=index.js.map

package/components/form/radio-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/form/radio-card/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useId } from 'react'\nimport { Badge } from '../../badge'\nimport { FlightIcon } from '../../flight-icon'\nimport { RadioBase } from '../radio'\nimport { RadioCardGroup } from './group'\nimport Label from './label'\nimport Description from './description'\nimport type { HTMLProps, ReactNode } from 'react'\nimport type { BadgeProps } from '../../badge'\nimport s from './form-radio-card.module.css'\n\nexport const DEFAULT_CONTROL_POSITION = 'bottom'\nexport const DEFAULT_ALIGNMENT = 'left'\nexport const CONTROL_POSITIONS = ['bottom', 'left'] as const\nexport const ALIGNMENTS = ['left', 'center'] as const\n\ninterface RadioCardProps {\n\t/**\n\t * Sets the position of the form control in relation to the Radio Card content.\n\t */\n\tcontrolPosition?: (typeof CONTROL_POSITIONS)[number]\n\t/**\n\t * Sets the alignment of the Radio Card content.\n\t */\n\talignment?: (typeof ALIGNMENTS)[number]\n\t/**\n\t * any valid CSS width (%, vw, etc)\n\t * This parameter will set the width of the card, wrapping cards on multiple rows if necessary.\n\t * You can use it to define the number of Radio Cards shown per row (for example `25%`\n\t * will result in 4 cards).\n\t */\n\tmaxWidth?: `${number}px` | `${number}vw` | `${number}%`\n\t/**\n\t * Renders <Badge /> component.\n\t */\n\tbadges?: Array<BadgeProps>\n\t/**\n\t * The name of the flight icon to render.\n\t */\n\ticon?: string\n\t/**\n\t * The label text.\n\t */\n\tlabel?: string\n\t/**\n\t * The description text.\n\t */\n\tdescription?: string\n\t/*\n\t * Optional children rendered below the label and description (if provided).\n\t */\n\tchildren?: ReactNode\n\tfield: HTMLProps<HTMLInputElement>\n\tid?: string\n}\n\nconst RadioCard = ({\n\tcontrolPosition = DEFAULT_CONTROL_POSITION,\n\talignment = DEFAULT_ALIGNMENT,\n\tmaxWidth,\n\tfield,\n\ticon,\n\tlabel,\n\tdescription,\n\tbadges,\n\tchildren,\n}: RadioCardProps) => {\n\tconst generatedId = useId()\n\n\treturn (\n\t\t<label\n\t\t\thtmlFor={generatedId}\n\t\t\tstyle={{ maxWidth }}\n\t\t\tclassName={classNames(\n\t\t\t\ts['radio-card'],\n\t\t\t\ts[`control-${controlPosition}`],\n\t\t\t\ts[`align-${alignment}`],\n\t\t\t\t{\n\t\t\t\t\t[s['checked']]: field.checked,\n\t\t\t\t\t[s['disabled']]: field.disabled,\n\t\t\t\t\t[s['has-fixed-width']]: maxWidth,\n\t\t\t\t\t[s['has-fluid-width']]: !maxWidth,\n\t\t\t\t}\n\t\t\t)}\n\t\t>\n\t\t\t<span className={s['content']}>\n\t\t\t\t{icon && (\n\t\t\t\t\t<FlightIcon\n\t\t\t\t\t\tname={icon}\n\t\t\t\t\t\tsize={24}\n\t\t\t\t\t\tisInlineBlock={false}\n\t\t\t\t\t\tclassName={classNames({\n\t\t\t\t\t\t\t[s['icon-center']]: alignment === 'center',\n\t\t\t\t\t\t})}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{label && <Label label={label} />}\n\t\t\t\t{badges?.length ? (\n\t\t\t\t\t<div className={s.badges}>\n\t\t\t\t\t\t{badges.map((badge) => (\n\t\t\t\t\t\t\t<Badge {...badge} key={badge.text} />\n\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t) : null}\n\t\t\t\t{description && <Description description={description} />}\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t\t<span className={s['control-wrapper']}>\n\t\t\t\t<RadioBase className={s.control} id={generatedId} field={field} />\n\t\t\t</span>\n\t\t</label>\n\t)\n}\n\nRadioCard.displayName = 'RadioCard'\n\nexport { RadioCardGroup, RadioCard }\n"],"names":["DEFAULT_CONTROL_POSITION","DEFAULT_ALIGNMENT","RadioCard","controlPosition","alignment","maxWidth","field","icon","label","description","badges","children","generatedId","useId","jsxs","classNames","s","jsx","FlightIcon","Label","badge","createElement","Badge","Description","RadioBase"],"mappings":";;;;;;;;;AAYO,MAAMA,IAA2B,UAC3BC,IAAoB,QA4C3BC,IAAY,CAAC;AAAA,EAClB,iBAAAC,IAAkBH;AAAA,EAClB,WAAAI,IAAYH;AAAA,EACZ,UAAAI;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AACD,MAAsB;AACrB,QAAMC,IAAcC,EAAA;AAEpB,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,SAASF;AAAA,MACT,OAAO,EAAE,UAAAP,EAAA;AAAA,MACT,WAAWU;AAAA,QACVC,EAAE,YAAY;AAAA,QACdA,EAAE,WAAWb,CAAe,EAAE;AAAA,QAC9Ba,EAAE,SAASZ,CAAS,EAAE;AAAA,QACtB;AAAA,UACC,CAACY,EAAE,OAAU,GAAGV,EAAM;AAAA,UACtB,CAACU,EAAE,QAAW,GAAGV,EAAM;AAAA,UACvB,CAACU,EAAE,iBAAiB,CAAC,GAAGX;AAAA,UACxB,CAACW,EAAE,iBAAiB,CAAC,GAAG,CAACX;AAAA,QAAA;AAAA,MAC1B;AAAA,MAGD,UAAA;AAAA,QAAA,gBAAAS,EAAC,QAAA,EAAK,WAAWE,EAAE,SACjB,UAAA;AAAA,UAAAT,KACA,gBAAAU;AAAA,YAACC;AAAA,YAAA;AAAA,cACA,MAAMX;AAAA,cACN,MAAM;AAAA,cACN,eAAe;AAAA,cACf,WAAWQ,EAAW;AAAA,gBACrB,CAACC,EAAE,aAAa,CAAC,GAAGZ,MAAc;AAAA,cAAA,CAClC;AAAA,YAAA;AAAA,UAAA;AAAA,UAGFI,KAAS,gBAAAS,EAACE,GAAA,EAAM,OAAAX,EAAA,CAAc;AAAA,UAC9BE,GAAQ,SACR,gBAAAO,EAAC,OAAA,EAAI,WAAWD,EAAE,QAChB,YAAO,IAAI,CAACI,MACZ,gBAAAC,EAACC,GAAA,EAAO,GAAGF,GAAO,KAAKA,EAAM,KAAA,CAAM,CACnC,GACF,IACG;AAAA,UACHX,KAAe,gBAAAQ,EAACM,GAAA,EAAY,aAAAd,EAAA,CAA0B;AAAA,UACtDE;AAAA,QAAA,GACF;AAAA,QACA,gBAAAM,EAAC,QAAA,EAAK,WAAWD,EAAE,iBAAiB,GACnC,UAAA,gBAAAC,EAACO,GAAA,EAAU,WAAWR,EAAE,SAAS,IAAIJ,GAAa,OAAAN,GAAc,EAAA,CACjE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGH;AAEAJ,EAAU,cAAc;"}

package/components/form/radio-card/label.js

@@ -0,0 +1,10 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Text as i } from "../../text/index.js";
+import o from "./form-radio-card.module.css.js";
+function a({ label: e }) {
+  return /* @__PURE__ */ r(i.DisplayExpressive, { className: o.label, size: "200", weight: "bold", children: e });
+}
+export {
+  a as default
+};
+//# sourceMappingURL=label.js.map

package/components/form/radio-card/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sources":["../../../../src/components/form/radio-card/label.tsx"],"sourcesContent":["import { Text } from '../../text'\nimport s from './form-radio-card.module.css'\n\nexport default function Label({ label }: { label: string }) {\n\treturn (\n\t\t<Text.DisplayExpressive className={s.label} size=\"200\" weight=\"bold\">\n\t\t\t{label}\n\t\t</Text.DisplayExpressive>\n\t)\n}\n"],"names":["Label","label","jsx","Text","s"],"mappings":";;;AAGA,SAAwBA,EAAM,EAAE,OAAAC,KAA4B;AAC3D,SACC,gBAAAC,EAACC,EAAK,mBAAL,EAAuB,WAAWC,EAAE,OAAO,MAAK,OAAM,QAAO,QAC5D,UAAAH,EAAA,CACF;AAEF;"}

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

@@ -0,0 +1,14 @@
+const e = "select__hODF3 mds-typography-font-weight-regular", t = "invalid__tTJro", a = "medium__XQMJY mds-typography-legacy-body-200", l = "large__t1lgT mds-typography-legacy-body-300", o = {
+  select: e,
+  invalid: t,
+  medium: a,
+  large: l
+};
+export {
+  o as default,
+  t as invalid,
+  l as large,
+  a as medium,
+  e as select
+};
+//# sourceMappingURL=form-select.module.css.js.map

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

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

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

@@ -1,4 +1,4 @@
-import type { HTMLProps, ReactNode } from 'react';
+import { HTMLProps, ReactNode } from 'react';
 interface SelectFieldProps {
     isInvalid?: boolean;
     isLoading?: boolean;

package/components/form/select/index.js

@@ -0,0 +1,79 @@
+import { jsx as m } from "react/jsx-runtime";
+import y from "classnames";
+import { useId as F } from "react";
+import { Field as I } from "../field/index.js";
+import a from "./form-select.module.css.js";
+const N = ({
+  isInvalid: t,
+  isLoading: n,
+  className: e,
+  id: r,
+  field: i,
+  children: o,
+  size: s,
+  error: d,
+  ...l
+}) => /* @__PURE__ */ m(
+  "select",
+  {
+    id: r,
+    className: y(
+      a.select,
+      a[s],
+      {
+        [a.invalid]: t
+      },
+      e
+    ),
+    "aria-describedby": `${d ? "error" : "helper-text"}-${r}`,
+    ...i,
+    ...l,
+    children: o
+  }
+), S = ({
+  isInvalid: t,
+  isLoading: n,
+  isRequired: e,
+  isOptional: r,
+  id: i,
+  label: o,
+  helperText: s,
+  error: d,
+  field: l,
+  children: p,
+  className: u,
+  size: f = "medium",
+  ...g
+}) => {
+  const x = F(), c = i ?? x;
+  return /* @__PURE__ */ m(
+    I,
+    {
+      label: o,
+      helperText: s,
+      error: d,
+      isRequired: e,
+      isOptional: r,
+      id: c,
+      layout: "vertical",
+      className: u,
+      children: /* @__PURE__ */ m(
+        N,
+        {
+          id: c,
+          isInvalid: t,
+          required: e,
+          field: l,
+          size: f,
+          ...g,
+          children: p
+        }
+      )
+    }
+  );
+};
+S.displayName = "SelectField";
+export {
+  S as SelectField
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/form/select/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { HTMLProps, ReactNode } from 'react'\nimport { useId } from 'react'\nimport { Field } from '../field'\nimport s from './form-select.module.css'\n\ninterface SelectBaseProps {\n\tisInvalid?: boolean\n\tisLoading?: boolean\n\trequired?: boolean\n\tclassName?: string\n\tid: string\n\tfield: HTMLProps<HTMLSelectElement>\n\tchildren: ReactNode\n\tsize: 'medium' | 'large'\n\terror?: ReactNode\n\tdisabled?: boolean\n}\n\nconst SelectBase = ({\n\tisInvalid,\n\tisLoading,\n\tclassName,\n\tid,\n\tfield,\n\tchildren,\n\tsize,\n\terror,\n\t...rest\n}: SelectBaseProps) => {\n\treturn (\n\t\t<select\n\t\t\tid={id}\n\t\t\tclassName={classNames(\n\t\t\t\ts.select,\n\t\t\t\ts[size],\n\t\t\t\t{\n\t\t\t\t\t[s.invalid]: isInvalid,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\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\t\t{children}\n\t\t</select>\n\t)\n}\n\ninterface SelectFieldProps {\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<HTMLSelectElement>\n\tchildren: ReactNode\n\tclassName?: string\n\tsize?: 'medium' | 'large'\n\tdisabled?: boolean\n}\n\nconst SelectField = ({\n\tisInvalid,\n\tisLoading,\n\tisRequired,\n\tisOptional,\n\tid,\n\tlabel,\n\thelperText,\n\terror,\n\tfield,\n\tchildren,\n\tclassName,\n\tsize = 'medium',\n\t...rest\n}: SelectFieldProps) => {\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<SelectBase\n\t\t\t\tid={inputId}\n\t\t\t\tisInvalid={isInvalid}\n\t\t\t\trequired={isRequired}\n\t\t\t\tfield={field}\n\t\t\t\tsize={size}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</SelectBase>\n\t\t</Field>\n\t)\n}\n\nSelectField.displayName = 'SelectField'\n\nexport { SelectField }\n"],"names":["SelectBase","isInvalid","isLoading","className","id","field","children","size","error","rest","jsx","classNames","s","SelectField","isRequired","isOptional","label","helperText","generatedId","useId","inputId","Field"],"mappings":";;;;;AAmBA,MAAMA,IAAa,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,IAAAN;AAAA,IACA,WAAWO;AAAA,MACVC,EAAE;AAAA,MACFA,EAAEL,CAAI;AAAA,MACN;AAAA,QACC,CAACK,EAAE,OAAO,GAAGX;AAAA,MAAA;AAAA,MAEdE;AAAA,IAAA;AAAA,IAED,oBAAkB,GAAGK,IAAQ,UAAU,aAAa,IAAIJ,CAAE;AAAA,IACzD,GAAGC;AAAA,IACH,GAAGI;AAAA,IAEH,UAAAH;AAAA,EAAA;AAAA,GAqBEO,IAAc,CAAC;AAAA,EACpB,WAAAZ;AAAA,EACA,WAAAC;AAAA,EACA,YAAAY;AAAA,EACA,YAAAC;AAAA,EACA,IAAAX;AAAA,EACA,OAAAY;AAAA,EACA,YAAAC;AAAA,EACA,OAAAT;AAAA,EACA,OAAAH;AAAA,EACA,UAAAC;AAAA,EACA,WAAAH;AAAA,EACA,MAAAI,IAAO;AAAA,EACP,GAAGE;AACJ,MAAwB;AACvB,QAAMS,IAAcC,EAAA,GACdC,IAAUhB,KAAMc;AAEtB,SACC,gBAAAR;AAAA,IAACW;AAAA,IAAA;AAAA,MACA,OAAAL;AAAA,MACA,YAAAC;AAAA,MACA,OAAAT;AAAA,MACA,YAAAM;AAAA,MACA,YAAAC;AAAA,MACA,IAAIK;AAAA,MACJ,QAAO;AAAA,MACP,WAAAjB;AAAA,MAEA,UAAA,gBAAAO;AAAA,QAACV;AAAA,QAAA;AAAA,UACA,IAAIoB;AAAA,UACJ,WAAAnB;AAAA,UACA,UAAUa;AAAA,UACV,OAAAT;AAAA,UACA,MAAAE;AAAA,UACC,GAAGE;AAAA,UAEH,UAAAH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGH;AAEAO,EAAY,cAAc;"}

package/components/form/super-select/form-super-select.module.css.js

@@ -0,0 +1,22 @@
+const t = "root__yeZ3n", i = "trigger__CTK51 mds-typography-font-weight-regular", o = "popover__68RkH", r = "list__jTTmL", e = "option__LWP6l", n = {
+  root: t,
+  trigger: i,
+  "search-input-wrapper": "search-input-wrapper__JU5Rc",
+  popover: o,
+  list: r,
+  option: e,
+  "option-text": "option-text__fWrXg mds-typography-font-weight-regular mds-typography-legacy-body-200",
+  "interactive-icon": "interactive-icon__vZiDi",
+  "interactive-icon-leading": "interactive-icon-leading__rsHgU",
+  "interactive-icon-trailing": "interactive-icon-trailing__oEWQo",
+  "interactive-loading-wrapper": "interactive-loading-wrapper__yVz-7"
+};
+export {
+  n as default,
+  r as list,
+  e as option,
+  o as popover,
+  t as root,
+  i as trigger
+};
+//# sourceMappingURL=form-super-select.module.css.js.map

package/components/form/super-select/form-super-select.module.css.js.map

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

package/components/form/super-select/index.d.ts

@@ -1,5 +1,5 @@
-import type { TComboBoxItem, ComboBoxSearchInputProps } from '../../combo-box-primitive';
-import type { FieldProps } from '../field';
+import { TComboBoxItem, ComboBoxSearchInputProps } from '../../combo-box-primitive';
+import { FieldProps } from '../field';
 type SuperSelectSearchInputProps = ComboBoxSearchInputProps;
 interface SuperSelectOptionProps extends TComboBoxItem {
     isLoading?: boolean;