@hashicorp/mds-react 0.9.0 → 0.9.2

package/dist/components/form/textarea/index.js

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

package/dist/components/form/textarea/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/form/textarea/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useId } from 'react'\nimport { Field } from '../field'\nimport type { HTMLProps, ReactNode } from 'react'\nimport s from './form-textarea.module.css'\n\ninterface TextAreaBaseProps {\n\tisInvalid?: boolean\n\tisLoading?: boolean\n\trequired?: boolean\n\tclassName?: string\n\tid: string\n\tfield: HTMLProps<HTMLTextAreaElement>\n\tsize: 'medium' | 'large'\n\terror?: ReactNode\n\tdisabled?: boolean\n}\n\nconst TextAreaBase = ({\n\tisInvalid,\n\tisLoading,\n\tclassName,\n\tid,\n\tfield,\n\tsize,\n\terror,\n\t...rest\n}: TextAreaBaseProps) => {\n\treturn (\n\t\t<textarea\n\t\t\tid={id}\n\t\t\tclassName={classNames(\n\t\t\t\ts.textarea,\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)\n}\n\ninterface TextAreaFieldProps {\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<HTMLTextAreaElement>\n\tsize?: 'medium' | 'large'\n\tdisabled?: boolean\n}\n\nconst TextAreaField = ({\n\tisInvalid,\n\tisLoading,\n\tisRequired,\n\tisOptional,\n\tid,\n\tlabel,\n\thelperText,\n\terror,\n\tfield,\n\tsize = 'medium',\n\t...rest\n}: TextAreaFieldProps) => {\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>\n\t\t\t<TextAreaBase\n\t\t\t\tid={inputId}\n\t\t\t\tisInvalid={isInvalid}\n\t\t\t\tisLoading={isLoading}\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</Field>\n\t)\n}\n\nTextAreaField.displayName = 'TextAreaField'\n\nexport { TextAreaField }\n"],"names":["TextAreaBase","isInvalid","isLoading","className","id","field","size","error","rest","jsx","classNames","s","TextAreaField","isRequired","isOptional","label","helperText","generatedId","useId","inputId","Field"],"mappings":";;;;;AAkBA,MAAMA,IAAe,CAAC;AAAA,EACrB,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,IAAAL;AAAA,IACA,WAAWM;AAAA,MACVC,EAAE;AAAA,MACFA,EAAEL,CAAI;AAAA,MACN;AAAA,QACC,CAACK,EAAE,OAAO,GAAGV;AAAA,MAAA;AAAA,MAEdE;AAAA,IAAA;AAAA,IAED,oBAAkB,GAAGI,IAAQ,UAAU,aAAa,IAAIH,CAAE;AAAA,IACzD,GAAGC;AAAA,IACH,GAAGG;AAAA,EAAA;AAAA,GAmBDI,IAAgB,CAAC;AAAA,EACtB,WAAAX;AAAA,EACA,WAAAC;AAAA,EACA,YAAAW;AAAA,EACA,YAAAC;AAAA,EACA,IAAAV;AAAA,EACA,OAAAW;AAAA,EACA,YAAAC;AAAA,EACA,OAAAT;AAAA,EACA,OAAAF;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGE;AACJ,MAA0B;AACzB,QAAMS,IAAcC,EAAA,GACdC,IAAUf,KAAMa;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,MAEP,UAAA,gBAAAV;AAAA,QAACT;AAAA,QAAA;AAAA,UACA,IAAImB;AAAA,UACJ,WAAAlB;AAAA,UACA,WAAAC;AAAA,UACA,UAAUW;AAAA,UACV,OAAAR;AAAA,UACA,MAAAC;AAAA,UACC,GAAGE;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGH;AAEAI,EAAc,cAAc;"}

package/dist/components/form/toggle/form-toggle.module.scss.js

@@ -1,12 +0,0 @@
-const o = "toggle__PmDvt", t = "control__GLB77", c = "facade__-n7d2", a = {
-  toggle: o,
-  control: t,
-  facade: c
-};
-export {
-  t as control,
-  a as default,
-  c as facade,
-  o as toggle
-};
-//# sourceMappingURL=form-toggle.module.scss.js.map

package/dist/components/form/toggle/form-toggle.module.scss.js.map

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

package/dist/components/form/toggle/index.js

@@ -1,102 +0,0 @@
-import { jsx as o, jsxs as F } from "react/jsx-runtime";
-import { useId as p } from "react";
-import { Field as I } from "../field/index.js";
-import { Fieldset as x } from "../fieldset/index.js";
-import g from "./form-toggle.module.scss.js";
-const u = ({
-  id: e,
-  field: r,
-  toggleOnEnter: t,
-  testingKey: l,
-  error: a,
-  ...d
-}) => {
-  const i = p(), c = e ?? i, n = (s) => {
-    s.key === "Enter" && (s.currentTarget.checked = !s.currentTarget.checked);
-  };
-  return /* @__PURE__ */ F("div", { className: g.toggle, children: [
-    /* @__PURE__ */ o(
-      "input",
-      {
-        id: c,
-        className: g.control,
-        type: "checkbox",
-        ...r,
-        ...d,
-        role: "switch",
-        "aria-describedby": `${a ? "error" : "helper-text"}-${e}`,
-        onKeyDown: t ? n : void 0,
-        "data-testid": l
-      }
-    ),
-    /* @__PURE__ */ o("div", { className: g.facade })
-  ] });
-};
-u.displayName = "ToggleBase";
-const T = ({
-  isInvalid: e,
-  isRequired: r,
-  isOptional: t,
-  id: l,
-  label: a,
-  helperText: d,
-  error: i,
-  field: c,
-  className: n,
-  testingKey: s,
-  ...f
-}) => {
-  const h = p(), m = l ?? h;
-  return /* @__PURE__ */ o(
-    I,
-    {
-      label: a,
-      helperText: d,
-      error: i,
-      isRequired: r,
-      isOptional: t,
-      id: m,
-      layout: "flag",
-      className: n,
-      children: /* @__PURE__ */ o(
-        u,
-        {
-          id: m,
-          field: c,
-          testingKey: s,
-          ...f
-        }
-      )
-    }
-  );
-};
-T.displayName = "ToggleField";
-const y = ({
-  layout: e = "vertical",
-  legend: r,
-  isOptional: t,
-  isRequired: l,
-  children: a
-}) => /* @__PURE__ */ o(
-  x,
-  {
-    layout: e,
-    legend: r,
-    isOptional: t,
-    isRequired: l,
-    children: a
-  }
-);
-y.displayName = "ToggleGroupRoot";
-const N = (e) => /* @__PURE__ */ o(T, { ...e, className: e.className });
-N.displayName = "ToggleGroupField";
-const j = {
-  Root: y,
-  Field: N
-};
-export {
-  u as ToggleBase,
-  T as ToggleField,
-  j as ToggleGroup
-};
-//# sourceMappingURL=index.js.map

package/dist/components/form/toggle/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/form/toggle/index.tsx"],"sourcesContent":["import { useId } from 'react'\nimport type { ReactNode, HTMLProps, ComponentProps } from 'react'\nimport { Field } from '../field'\nimport { Fieldset } from '../fieldset'\nimport s from './form-toggle.module.scss'\n\ninterface ToggleBaseProps {\n\tid?: string\n\n\t/**\n\t * Can be used to supply any props that the native `<input>` element supports (such as `value`, `placeholder`, in addition to events like `onChange` and `onBlur`)\n\t */\n\tfield: HTMLProps<HTMLInputElement>\n\ttoggleOnEnter?: boolean\n\ttestingKey?: string\n\terror?: ReactNode\n}\n\nconst ToggleBase = ({\n\tid,\n\tfield,\n\ttoggleOnEnter,\n\ttestingKey,\n\terror,\n\t...rest\n}: ToggleBaseProps) => {\n\tconst generatedId = useId()\n\tconst inputId = id ?? generatedId\n\n\tconst handleEnterKey = (event: React.KeyboardEvent<HTMLInputElement>) => {\n\t\tif (event.key === 'Enter') {\n\t\t\tevent.currentTarget.checked = !event.currentTarget.checked\n\t\t}\n\t}\n\n\treturn (\n\t\t<div className={s.toggle}>\n\t\t\t<input\n\t\t\t\tid={inputId}\n\t\t\t\tclassName={s.control}\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\t{...field}\n\t\t\t\t{...rest}\n\t\t\t\trole=\"switch\"\n\t\t\t\taria-describedby={`${error ? 'error' : 'helper-text'}-${id}`}\n\t\t\t\tonKeyDown={toggleOnEnter ? handleEnterKey : undefined}\n\t\t\t\tdata-testid={testingKey}\n\t\t\t/>\n\t\t\t<div className={s.facade}></div>\n\t\t</div>\n\t)\n}\n\nToggleBase.displayName = 'ToggleBase'\n\ninterface ToggleFieldProps {\n\t/**\n\t * Applies an “invalid” appearance to the control but doesn’t modify its logical validity.\n\t */\n\tisInvalid?: boolean\n\n\t/**\n\t * Appends a `Required` indicator next to the label text and sets the `required` attribute on the control when user input is required.\n\t */\n\tisRequired?: boolean\n\n\t/**\n\t * Appends an `Optional` indicator next to the label text when user input is optional.\n\t */\n\tisOptional?: boolean\n\n\t/**\n\t * Input control’s ID attribute.\n\t *\n\t * By default, the ID is automatically generated by the component. Use this argument to pass a custom ID.\n\t */\n\tid?: string\n\n\t/**\n\t * Container that renders its content inside the `<label>` element. The content can be a simple string or a `ReactNode`, in which case it inherits the text style.\n\t *\n\t * The `for` attribute of the label is automatically generated using the `controlId` value of the control.\n\t */\n\tlabel?: ReactNode\n\n\t/**\n\t * Container that renders its content inside the \"helper text\" block. The content can be a simple string or a `ReactNode`, in which case it inherits the text style.\n\t *\n\t * The `id` attribute of the message is automatically generated using the `controlId` value of the control.\n\t */\n\thelperText?: ReactNode\n\n\t/**\n\t * Container that renders its content inside the \"error\" block. The content can be a simple string or a `ReactNode`, in which case it inherits the text style.\n\t *\n\t * The `id` attribute of the error message is automatically generated using the `controlId` value of the control.\n\t */\n\terror?: ReactNode\n\n\t/**\n\t * Can be used to supply any props that the native `<input>` element supports (such as `value`, `placeholder`, in addition to events like `onChange` and `onBlur`)\n\t */\n\tfield: HTMLProps<HTMLInputElement>\n\tclassName?: string\n\ttestingKey?: string\n}\n\nconst ToggleField = ({\n\tisInvalid,\n\tisRequired,\n\tisOptional,\n\tid,\n\tlabel,\n\thelperText,\n\terror,\n\tfield,\n\tclassName,\n\ttestingKey,\n\t...rest\n}: ToggleFieldProps) => {\n\tconst generatedId = useId()\n\tconst inputId = id ?? generatedId\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<ToggleBase\n\t\t\t\tid={inputId}\n\t\t\t\tfield={field}\n\t\t\t\ttestingKey={testingKey}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t</Field>\n\t)\n}\n\nToggleField.displayName = 'ToggleField'\n\ninterface ToggleGroupProps extends ComponentProps<typeof Fieldset> {\n\tchildren: ReactNode\n}\n\nconst ToggleGroupRoot = ({\n\tlayout = 'vertical',\n\tlegend,\n\tisOptional,\n\tisRequired,\n\tchildren,\n}: ToggleGroupProps) => {\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\nToggleGroupRoot.displayName = 'ToggleGroupRoot'\n\nconst ToggleGroupField = (props: ToggleFieldProps) => {\n\treturn <ToggleField {...props} className={props.className} />\n}\n\nToggleGroupField.displayName = 'ToggleGroupField'\n\nconst ToggleGroup = {\n\tRoot: ToggleGroupRoot,\n\tField: ToggleGroupField,\n}\n\nexport { ToggleBase, ToggleField, ToggleGroup }\n"],"names":["ToggleBase","id","field","toggleOnEnter","testingKey","error","rest","generatedId","useId","inputId","handleEnterKey","event","jsxs","s","jsx","ToggleField","isInvalid","isRequired","isOptional","label","helperText","className","Field","ToggleGroupRoot","layout","legend","children","Fieldset","ToggleGroupField","props","ToggleGroup"],"mappings":";;;;;AAkBA,MAAMA,IAAa,CAAC;AAAA,EACnB,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACJ,MAAuB;AACtB,QAAMC,IAAcC,EAAA,GACdC,IAAUR,KAAMM,GAEhBG,IAAiB,CAACC,MAAiD;AACxE,IAAIA,EAAM,QAAQ,YACjBA,EAAM,cAAc,UAAU,CAACA,EAAM,cAAc;AAAA,EAErD;AAEA,SACC,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAE,QACjB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,IAAIL;AAAA,QACJ,WAAWI,EAAE;AAAA,QACb,MAAK;AAAA,QACJ,GAAGX;AAAA,QACH,GAAGI;AAAA,QACJ,MAAK;AAAA,QACL,oBAAkB,GAAGD,IAAQ,UAAU,aAAa,IAAIJ,CAAE;AAAA,QAC1D,WAAWE,IAAgBO,IAAiB;AAAA,QAC5C,eAAaN;AAAA,MAAA;AAAA,IAAA;AAAA,IAEd,gBAAAU,EAAC,OAAA,EAAI,WAAWD,EAAE,OAAA,CAAQ;AAAA,EAAA,GAC3B;AAEF;AAEAb,EAAW,cAAc;AAsDzB,MAAMe,IAAc,CAAC;AAAA,EACpB,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,IAAAjB;AAAA,EACA,OAAAkB;AAAA,EACA,YAAAC;AAAA,EACA,OAAAf;AAAA,EACA,OAAAH;AAAA,EACA,WAAAmB;AAAA,EACA,YAAAjB;AAAA,EACA,GAAGE;AACJ,MAAwB;AACvB,QAAMC,IAAcC,EAAA,GACdC,IAAUR,KAAMM;AACtB,SACC,gBAAAO;AAAA,IAACQ;AAAA,IAAA;AAAA,MACA,OAAAH;AAAA,MACA,YAAAC;AAAA,MACA,OAAAf;AAAA,MACA,YAAAY;AAAA,MACA,YAAAC;AAAA,MACA,IAAIT;AAAA,MACJ,QAAO;AAAA,MACP,WAAAY;AAAA,MAEA,UAAA,gBAAAP;AAAA,QAACd;AAAA,QAAA;AAAA,UACA,IAAIS;AAAA,UACJ,OAAAP;AAAA,UACA,YAAAE;AAAA,UACC,GAAGE;AAAA,QAAA;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGH;AAEAS,EAAY,cAAc;AAM1B,MAAMQ,IAAkB,CAAC;AAAA,EACxB,QAAAC,IAAS;AAAA,EACT,QAAAC;AAAA,EACA,YAAAP;AAAA,EACA,YAAAD;AAAA,EACA,UAAAS;AACD,MAEE,gBAAAZ;AAAA,EAACa;AAAA,EAAA;AAAA,IACA,QAAAH;AAAA,IACA,QAAAC;AAAA,IACA,YAAAP;AAAA,IACA,YAAAD;AAAA,IAEC,UAAAS;AAAA,EAAA;AAAA;AAKJH,EAAgB,cAAc;AAE9B,MAAMK,IAAmB,CAACC,wBACjBd,GAAA,EAAa,GAAGc,GAAO,WAAWA,EAAM,WAAW;AAG5DD,EAAiB,cAAc;AAE/B,MAAME,IAAc;AAAA,EACnB,MAAMP;AAAA,EACN,OAAOK;AACR;"}

package/dist/components/hds/wrappers/tooltip.js

@@ -1,51 +0,0 @@
-"use client";
-import { jsx as i } from "react/jsx-runtime";
-import s from "@tippyjs/react";
-import { followCursor as d } from "tippy.js";
-import "tippy.js/dist/svg-arrow.css";
-const n = {
-  name: "hideOnEsc",
-  defaultValue: !0,
-  fn(e) {
-    function o(t) {
-      t.key === "Escape" && e.hide();
-    }
-    return {
-      onShow() {
-        document.addEventListener("keydown", o);
-      },
-      onHide() {
-        document.removeEventListener("keydown", o);
-      }
-    };
-  }
-}, w = ({ options: e = {}, children: o, text: t }) => {
-  const r = e.followCursor !== void 0 ? [n, d] : [n];
-  return /* @__PURE__ */ i(
-    s,
-    {
-      theme: "hds",
-      arrow: `<svg
-					className="hds-tooltip-pointer"
-					width="16"
-					height="7"
-					viewBox="0 0 16 7"
-					xmlns="http://www.w3.org/2000/svg"
-				>
-					<path d="M0 7H16L9.11989 0.444571C8.49776 -0.148191 7.50224 -0.148191 6.88011 0.444572L0 7Z" />
-				</svg>`,
-      interactive: !0,
-      aria: {
-        content: "describedby"
-      },
-      plugins: r,
-      content: t,
-      ...e,
-      children: o
-    }
-  );
-};
-export {
-  w as Tooltip
-};
-//# sourceMappingURL=tooltip.js.map

package/dist/components/hds/wrappers/tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.js","sources":["../../../../src/components/hds/wrappers/tooltip.tsx"],"sourcesContent":["'use client'\n\nimport Tippy, { type TippyProps } from '@tippyjs/react'\nimport { followCursor, type Plugin } from 'tippy.js'\nimport type { ReactElement } from 'react'\nimport 'tippy.js/dist/svg-arrow.css'\n\nexport interface TooltipProps {\n\toptions?: TippyProps\n\tchildren: TippyProps['children']\n\ttext: string | ReactElement\n}\n\nexport interface HideOnEsc extends Plugin {\n\tname: 'hideOnEsc'\n\tdefaultValue: true\n}\n\nconst hideOnEsc = {\n\tname: 'hideOnEsc',\n\tdefaultValue: true,\n\tfn(instance: { hide: () => void }) {\n\t\tfunction onKeyDown(event: KeyboardEvent): void {\n\t\t\tif (event.key === 'Escape') {\n\t\t\t\tinstance.hide()\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\tonShow() {\n\t\t\t\tdocument.addEventListener('keydown', onKeyDown)\n\t\t\t},\n\t\t\tonHide() {\n\t\t\t\tdocument.removeEventListener('keydown', onKeyDown)\n\t\t\t},\n\t\t}\n\t},\n}\n\nexport const Tooltip = ({ options = {}, children, text }: TooltipProps) => {\n\tconst plugins =\n\t\toptions.followCursor !== undefined ? [hideOnEsc, followCursor] : [hideOnEsc]\n\n\treturn (\n\t\t<Tippy\n\t\t\ttheme=\"hds\"\n\t\t\tarrow={`<svg\n\t\t\t\t\tclassName=\"hds-tooltip-pointer\"\n\t\t\t\t\twidth=\"16\"\n\t\t\t\t\theight=\"7\"\n\t\t\t\t\tviewBox=\"0 0 16 7\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path d=\"M0 7H16L9.11989 0.444571C8.49776 -0.148191 7.50224 -0.148191 6.88011 0.444572L0 7Z\" />\n\t\t\t\t</svg>`}\n\t\t\tinteractive\n\t\t\taria={{\n\t\t\t\tcontent: 'describedby',\n\t\t\t}}\n\t\t\tplugins={plugins}\n\t\t\tcontent={text}\n\t\t\t{...options}\n\t\t>\n\t\t\t{children}\n\t\t</Tippy>\n\t)\n}\n"],"names":["hideOnEsc","instance","onKeyDown","event","options","text","followCursor","jsx","Tippy","plugins","children"],"mappings":";;;;;AAkBkB,MACjBA,IAAM;AAAA,EACN,MAAA;AAAA,EACA,cAAmC;AAAA,EAClC,GAAAC,GAAS;AACR,aAAIC;AACH,MAAAC,EAAA,QAAc,YACfF,EAAA,KAAA;AAAA,IAGD;AAAO;MAEL;AACD,iBAAA,iBAAA,WAAAC,CAAA;AAAA,MACA;AAAA,MACC;AACD,iBAAA,oBAAA,WAAAA,CAAA;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAEO,OACA,CAAA,EACL,SAAAE,qBAAyB,MAAAC,EAAA;AAE1B,cACC,iBAAA,SAAA,CAAAL,GAAAM,CAAA,IAAA,CAAAN,CAAA;AAAA,SAAC,gBAAAO;AAAA,IAAAC;AAAA,IAAA;AAAA,MAEA,OAAO;AAAA,MAAA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUP,aAAM;AAAA,MAAA;QAEN,SAAA;AAAA,MACA;AAAA,MACA,SAAAC;AAAA,MACC,SAAGJ;AAAA,MAEH,GAAAD;AAAA,MAAA,UAAAM;AAAA,IACF;AAAA,EAEF;;"}

package/dist/components/icon-tile/index.js

@@ -1,50 +0,0 @@
-import { jsxs as u, jsx as o } from "react/jsx-runtime";
-import N from "classnames";
-import { FlightIcon as t } from "../flight-icon/index.js";
-import e from "./style.module.scss.js";
-const f = {
-  small: 12,
-  medium: 16,
-  large: 16
-}, h = ({
-  size: i = "medium",
-  logo: r,
-  icon: m,
-  iconSecondary: s,
-  color: n = "neutral",
-  ...a
-}) => {
-  const c = r ? `${r}-color` : m;
-  if (c) {
-    const l = i === "small" ? 16 : 24, d = r ? "logo" : "icon", p = r || n;
-    return /* @__PURE__ */ u(
-      "div",
-      {
-        className: N(
-          e["icon-tile"],
-          e[`type-${d}`],
-          e[`size-${i}`],
-          e[`color-${p}`]
-        ),
-        "aria-hidden": "true",
-        ...a,
-        children: [
-          /* @__PURE__ */ o("div", { className: r ? e.logo : e.icon, children: /* @__PURE__ */ o(t, { name: c, size: l, stretched: !0 }) }),
-          s && /* @__PURE__ */ o("div", { className: e.extra, children: /* @__PURE__ */ o(
-            t,
-            {
-              name: s,
-              size: f[i],
-              color: "var(--mds-color-foreground-strong)"
-            }
-          ) })
-        ]
-      }
-    );
-  }
-};
-h.displayName = "IconTile";
-export {
-  h as IconTile
-};
-//# sourceMappingURL=index.js.map

package/dist/components/icon-tile/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/icon-tile/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { FlightIconSize } from '../flight-icon'\nimport { FlightIcon } from '../flight-icon'\nimport type { HTMLAttributes } from 'react'\nimport s from './style.module.scss'\n\ntype BaseProps = {\n\tsize: 'small' | 'medium' | 'large'\n\ticonSecondary?: string\n\tcolor?:\n\t\t| 'neutral'\n\t\t| 'boundary'\n\t\t| 'consul'\n\t\t| 'nomad'\n\t\t| 'packer'\n\t\t| 'terraform'\n\t\t| 'vagrant'\n\t\t| 'vault'\n\t\t| 'vault-secrets'\n\t\t| 'waypoint'\n} & Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>\n\ntype WithLogo = {\n\tlogo:\n\t\t| 'hcp'\n\t\t| 'boundary'\n\t\t| 'consul'\n\t\t| 'nomad'\n\t\t| 'packer'\n\t\t| 'terraform'\n\t\t| 'vagrant'\n\t\t| 'vault'\n\t\t| 'vault-secrets'\n\t\t| 'waypoint'\n\ticon?: never\n}\n\ntype WithIcon = {\n\ticon: string\n\tlogo?: never\n}\n\ntype IconTileProps = BaseProps & (WithLogo | WithIcon)\n\nconst EXTRA_ICON_SIZE_MAP = {\n\tsmall: 12,\n\tmedium: 16,\n\tlarge: 16,\n} as const satisfies Record<'small' | 'medium' | 'large', FlightIconSize>\n\nconst IconTile = ({\n\tsize = 'medium',\n\tlogo,\n\ticon,\n\ticonSecondary,\n\tcolor = 'neutral',\n\t...rest\n}: IconTileProps) => {\n\tconst iconName = logo ? `${logo}-color` : icon\n\n\tif (iconName) {\n\t\tconst iconSize = size === 'small' ? 16 : 24\n\t\tconst entity = logo ? 'logo' : 'icon'\n\t\tconst colorUse = logo ? logo : color\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={classNames(\n\t\t\t\t\ts['icon-tile'],\n\t\t\t\t\ts[`type-${entity}`],\n\t\t\t\t\ts[`size-${size}`],\n\t\t\t\t\ts[`color-${colorUse}`]\n\t\t\t\t)}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t<div className={logo ? s.logo : s.icon}>\n\t\t\t\t\t<FlightIcon name={iconName} size={iconSize} stretched />\n\t\t\t\t</div>\n\t\t\t\t{iconSecondary && (\n\t\t\t\t\t<div className={s.extra}>\n\t\t\t\t\t\t<FlightIcon\n\t\t\t\t\t\t\tname={iconSecondary}\n\t\t\t\t\t\t\tsize={EXTRA_ICON_SIZE_MAP[size]}\n\t\t\t\t\t\t\tcolor=\"var(--mds-color-foreground-strong)\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t)\n\t}\n}\n\nIconTile.displayName = 'IconTile'\n\nexport type { IconTileProps }\nexport { IconTile }\n"],"names":["EXTRA_ICON_SIZE_MAP","IconTile","size","logo","icon","iconSecondary","color","rest","iconName","iconSize","entity","colorUse","jsxs","classNames","s","jsx","FlightIcon"],"mappings":";;;;AA4CA,MAAMA,IAAsB;AAAA,EAC3B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACR,GAEMC,IAAW,CAAC;AAAA,EACjB,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACJ,MAAqB;AACpB,QAAMC,IAAWL,IAAO,GAAGA,CAAI,WAAWC;AAE1C,MAAII,GAAU;AACb,UAAMC,IAAWP,MAAS,UAAU,KAAK,IACnCQ,IAASP,IAAO,SAAS,QACzBQ,IAAWR,KAAcG;AAE/B,WACC,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAWC;AAAA,UACVC,EAAE,WAAW;AAAA,UACbA,EAAE,QAAQJ,CAAM,EAAE;AAAA,UAClBI,EAAE,QAAQZ,CAAI,EAAE;AAAA,UAChBY,EAAE,SAASH,CAAQ,EAAE;AAAA,QAAA;AAAA,QAEtB,eAAY;AAAA,QACX,GAAGJ;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAQ,EAAC,OAAA,EAAI,WAAWZ,IAAOW,EAAE,OAAOA,EAAE,MACjC,UAAA,gBAAAC,EAACC,GAAA,EAAW,MAAMR,GAAU,MAAMC,GAAU,WAAS,IAAC,GACvD;AAAA,UACCJ,KACA,gBAAAU,EAAC,OAAA,EAAI,WAAWD,EAAE,OACjB,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACA,MAAMX;AAAA,cACN,MAAML,EAAoBE,CAAI;AAAA,cAC9B,OAAM;AAAA,YAAA;AAAA,UAAA,EACP,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIJ;AACD;AAEAD,EAAS,cAAc;"}

package/dist/components/icon-tile/style.module.scss.js

@@ -1,29 +0,0 @@
-const o = "icon__aQOfk", r = "logo__3zBXv", l = "extra__5VSha", c = {
-  "icon-tile": "icon-tile__8Lxip",
-  icon: o,
-  logo: r,
-  extra: l,
-  "size-small": "size-small__eKjTy",
-  "size-medium": "size-medium__Cpd2c",
-  "size-large": "size-large__0nIKA",
-  "type-logo": "type-logo__bXQnG",
-  "type-icon": "type-icon__DoyiK",
-  "color-neutral": "color-neutral__s-i4y",
-  "color-boundary": "color-boundary__TWXib",
-  "color-consul": "color-consul__qHXGr",
-  "color-hcp": "color-hcp__T1Cpx",
-  "color-nomad": "color-nomad__OPKVc",
-  "color-packer": "color-packer__VbjYn",
-  "color-terraform": "color-terraform__CzLAd",
-  "color-vagrant": "color-vagrant__GMAgE",
-  "color-vault": "color-vault__yHn5Z",
-  "color-vault-secrets": "color-vault-secrets__GiX0y",
-  "color-waypoint": "color-waypoint__YASrb"
-};
-export {
-  c as default,
-  l as extra,
-  o as icon,
-  r as logo
-};
-//# sourceMappingURL=style.module.scss.js.map

package/dist/components/icon-tile/style.module.scss.js.map

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

package/dist/components/index.js

@@ -1,119 +0,0 @@
-import { Accordion as e } from "./accordion/index.js";
-import { BADGE_COLORS as p, BADGE_SIZES as x, BADGE_TYPES as m, Badge as f } from "./badge/index.js";
-import { BadgeCount as l } from "./badge-count/index.js";
-import { Alert as a, AlertActions as d, AlertButton as T, AlertStandaloneLink as S } from "./alert/index.js";
-import { Breadcrumbs as c } from "./breadcrumbs/index.js";
-import { BUTTON_COLORS as O, BUTTON_ICON_POSITIONS as u, BUTTON_SIZES as B, Button as C } from "./button/index.js";
-import { Card as s } from "./card/index.js";
-import { CodeBlock as N } from "./code-block/index.js";
-import { DisclosurePrimitive as E } from "./disclosure-primitive/index.js";
-import { useDisclosurePrimitive as D } from "./disclosure-primitive/use-disclosure-primitive.js";
-import { Dropdown as R } from "./dropdown/index.js";
-import { FLIGHT_ICON_SIZES as k, FlightIcon as h } from "./flight-icon/index.js";
-import { CheckboxBase as H, CheckboxField as Z, CheckboxGroup as v } from "./form/checkbox/index.js";
-import { Error as M } from "./form/error/index.js";
-import { Field as X } from "./form/field/index.js";
-import { Fieldset as y } from "./form/fieldset/index.js";
-import { FileInputBase as V, FileInputField as W } from "./form/file-input/index.js";
-import { HelperText as j } from "./form/helper-text/index.js";
-import { Indicator as J } from "./form/indicator/index.js";
-import { Label as $ } from "./form/label/index.js";
-import { Legend as ro } from "./form/legend/index.js";
-import { RadioBase as to, RadioField as po, RadioGroup as xo } from "./form/radio/index.js";
-import { RadioCard as fo } from "./form/radio-card/index.js";
-import { SelectField as lo } from "./form/select/index.js";
-import { SuperSelectField as ao } from "./form/super-select/index.js";
-import { TextInput as So, TextInputBase as Io } from "./form/text-input/index.js";
-import { TextAreaField as Ao } from "./form/textarea/index.js";
-import { ToggleBase as uo, ToggleField as Bo, ToggleGroup as Co } from "./form/toggle/index.js";
-import { IconTile as so } from "./icon-tile/index.js";
-import { InlineLink as No } from "./inline-link/index.js";
-import { MDSButton as Eo } from "./legacy-button/index.js";
-import { ModalProvider as Do } from "./modal/index.js";
-import { Separator as Ro } from "./separator/index.js";
-import { STANDALONE_LINK_COLORS as ko, STANDALONE_LINK_ICON_POSITIONS as ho, STANDALONE_LINK_SIZES as Po, StandaloneLink as Ho } from "./standalone-link/index.js";
-import { Table as vo } from "./table/index.js";
-import { getDensity as Mo, getHorizontalAlignment as Uo, getScope as Xo, getVerticalAlignment as wo } from "./table/utils.js";
-import { Tabs as zo } from "./tabs/index.js";
-import { useTabsContext as Wo } from "./tabs/use-tabs-context.js";
-import { TEXT_COLORS as jo, TEXT_WEIGHTS as qo, Text as Jo } from "./text/index.js";
-import { BarChart as $o } from "./visualizations/bar-chart/index.js";
-import { DonutChart as rr } from "./visualizations/donut-chart/index.js";
-import { AccordionContent as tr, AccordionItem as pr, AccordionToggle as xr } from "./accordion/item/index.js";
-import { RadioCardGroup as fr } from "./form/radio-card/group.js";
-import { useModal as lr } from "./modal/use-modal.js";
-export {
-  e as Accordion,
-  tr as AccordionContent,
-  pr as AccordionItem,
-  xr as AccordionToggle,
-  a as Alert,
-  d as AlertActions,
-  T as AlertButton,
-  S as AlertStandaloneLink,
-  p as BADGE_COLORS,
-  x as BADGE_SIZES,
-  m as BADGE_TYPES,
-  O as BUTTON_COLORS,
-  u as BUTTON_ICON_POSITIONS,
-  B as BUTTON_SIZES,
-  f as Badge,
-  l as BadgeCount,
-  $o as BarChart,
-  c as Breadcrumbs,
-  C as Button,
-  s as Card,
-  H as CheckboxBase,
-  Z as CheckboxField,
-  v as CheckboxGroup,
-  N as CodeBlock,
-  E as DisclosurePrimitive,
-  rr as DonutChart,
-  R as Dropdown,
-  M as Error,
-  k as FLIGHT_ICON_SIZES,
-  X as Field,
-  y as Fieldset,
-  V as FileInputBase,
-  W as FileInputField,
-  h as FlightIcon,
-  j as HelperText,
-  so as IconTile,
-  J as Indicator,
-  No as InlineLink,
-  $ as Label,
-  ro as Legend,
-  Eo as MDSButton,
-  Do as ModalProvider,
-  to as RadioBase,
-  fo as RadioCard,
-  fr as RadioCardGroup,
-  po as RadioField,
-  xo as RadioGroup,
-  ko as STANDALONE_LINK_COLORS,
-  ho as STANDALONE_LINK_ICON_POSITIONS,
-  Po as STANDALONE_LINK_SIZES,
-  lo as SelectField,
-  Ro as Separator,
-  Ho as StandaloneLink,
-  ao as SuperSelectField,
-  jo as TEXT_COLORS,
-  qo as TEXT_WEIGHTS,
-  vo as Table,
-  zo as Tabs,
-  Jo as Text,
-  Ao as TextAreaField,
-  So as TextInput,
-  Io as TextInputBase,
-  uo as ToggleBase,
-  Bo as ToggleField,
-  Co as ToggleGroup,
-  Mo as getDensity,
-  Uo as getHorizontalAlignment,
-  Xo as getScope,
-  wo as getVerticalAlignment,
-  D as useDisclosurePrimitive,
-  lr as useModal,
-  Wo as useTabsContext
-};
-//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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

package/dist/components/inline-link/index.js

@@ -1,33 +0,0 @@
-import { jsxs as c, jsx as p } from "react/jsx-runtime";
-import f from "classnames";
-import { Interactive as I } from "../interactive/index.js";
-import i from "./inline-link.module.css.js";
-import { FlightIcon as d } from "../flight-icon/index.js";
-const g = ({
-  text: m,
-  color: o = "primary",
-  icon: r,
-  iconPosition: e = "trailing",
-  className: s,
-  isHrefExternal: t,
-  ...a
-}) => {
-  const l = r || !t ? r : "external-link", n = l && /* @__PURE__ */ p(d, { name: l, size: 16, className: i.icon });
-  return /* @__PURE__ */ c(
-    I,
-    {
-      className: f(i["link-inline"], i[`color-${o}`], s),
-      ...a,
-      children: [
-        n && e === "leading" && n,
-        m,
-        n && e === "trailing" && n
-      ]
-    }
-  );
-};
-g.displayName = "InlineLink";
-export {
-  g as InlineLink
-};
-//# sourceMappingURL=index.js.map

package/dist/components/inline-link/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/inline-link/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { Interactive } from '../interactive'\nimport s from './inline-link.module.css'\nimport type { FlightIconName } from '../flight-icon'\nimport { FlightIcon } from '../flight-icon'\n\ninterface InlineLinkProps {\n\t/**\n\t * There are two available colors for an `<InlineLink />`: primary and secondary.\n\t */\n\tcolor?: 'primary' | 'secondary'\n\t/**\n\t * Use this parameter to show an icon.\n\t */\n\ticon?: FlightIconName\n\t/**\n\t * Positions the icon before or after the text.\n\t */\n\ticonPosition?: 'leading' | 'trailing'\n\t/**\n\t * URL parameter that’s passed down to the `<a>` element.\n\t */\n\thref: string\n\t/**\n\t * Controls if the <a> link is external. For security reasons, we add the target=\"_blank\" and rel=\"noopener noreferrer\" attributes to it by default.\n\t * default: `false`\n\t */\n\tisHrefExternal?: boolean\n\t/**\n\t * The content of the <a> HTML element.\n\t */\n\ttext: string\n\t/**\n\t * Optional class name to add to the component.\n\t */\n\tclassName?: string\n\tprefetch?: boolean\n\tlocale?: string\n}\n\nconst InlineLink = ({\n\ttext,\n\tcolor = 'primary',\n\ticon,\n\ticonPosition = 'trailing',\n\tclassName,\n\tisHrefExternal,\n\t...props\n}: InlineLinkProps) => {\n\tconst resolvedIcon = icon || !isHrefExternal ? icon : 'external-link'\n\tconst iconElement = resolvedIcon && (\n\t\t<FlightIcon name={resolvedIcon} size={16} className={s.icon} />\n\t)\n\n\treturn (\n\t\t<Interactive\n\t\t\tclassName={classNames(s['link-inline'], s[`color-${color}`], className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{iconElement && iconPosition === 'leading' && iconElement}\n\t\t\t{text}\n\t\t\t{iconElement && iconPosition === 'trailing' && iconElement}\n\t\t</Interactive>\n\t)\n}\n\nInlineLink.displayName = 'InlineLink'\n\nexport type { InlineLinkProps }\nexport { InlineLink }\n"],"names":["InlineLink","text","color","icon","iconPosition","className","isHrefExternal","props","resolvedIcon","iconElement","jsx","FlightIcon","s","jsxs","Interactive","classNames"],"mappings":";;;;;AAwCA,MAAMA,IAAa,CAAC;AAAA,EACnB,MAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACJ,MAAuB;AACtB,QAAMC,IAAeL,KAAQ,CAACG,IAAiBH,IAAO,iBAChDM,IAAcD,KACnB,gBAAAE,EAACC,GAAA,EAAW,MAAMH,GAAc,MAAM,IAAI,WAAWI,EAAE,KAAA,CAAM;AAG9D,SACC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,WAAWC,EAAWH,EAAE,aAAa,GAAGA,EAAE,SAASV,CAAK,EAAE,GAAGG,CAAS;AAAA,MACrE,GAAGE;AAAA,MAEH,UAAA;AAAA,QAAAE,KAAeL,MAAiB,aAAaK;AAAA,QAC7CR;AAAA,QACAQ,KAAeL,MAAiB,cAAcK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlD;AAEAT,EAAW,cAAc;"}

package/dist/components/inline-link/inline-link.module.css.js

@@ -1,11 +0,0 @@
-const o = "icon__CPQmv", n = {
-  "link-inline": "link-inline__Wl8cA",
-  "color-primary": "color-primary__XlogH",
-  "color-secondary": "color-secondary__sf-Wg",
-  icon: o
-};
-export {
-  n as default,
-  o as icon
-};
-//# sourceMappingURL=inline-link.module.css.js.map

package/dist/components/inline-link/inline-link.module.css.js.map

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

package/dist/components/interactive/index.js

@@ -1,59 +0,0 @@
-"use client";
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { useMDSLink as l } from "../../utils/mds-context/index.js";
-const p = f((r, e) => {
-  const t = l(), {
-    href: i,
-    className: o,
-    isHrefExternal: n,
-    onClick: s,
-    children: a,
-    locale: d,
-    ...u
-  } = r;
-  return i ? /* @__PURE__ */ c(
-    t,
-    {
-      className: o,
-      target: n ? "_blank" : void 0,
-      rel: n ? "noopener noreferrer" : void 0,
-      onClick: s,
-      ...g(i, d, n),
-      ...u,
-      ref: e,
-      children: a
-    }
-  ) : /* @__PURE__ */ c(
-    "button",
-    {
-      type: "button",
-      className: o,
-      onClick: s,
-      ...u,
-      ref: e,
-      children: a
-    }
-  );
-});
-p.displayName = "Interactive";
-const g = (r, e, t) => t ? {
-  href: r,
-  hrefLang: void 0
-} : ["en", "de", "es", "fr", "ja", "ko", "pt", "id"].includes(
-  r.substring(1, 3)
-) ? {
-  href: r,
-  hrefLang: r.substring(1, 3)
-} : r.startsWith("/") && e ? {
-  href: `/${e}${r}`,
-  hrefLang: e
-} : {
-  href: r,
-  hrefLang: void 0
-};
-export {
-  p as Interactive,
-  g as getLocalizedLinkProps
-};
-//# sourceMappingURL=index.js.map

package/dist/components/interactive/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/interactive/index.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef, type ForwardRefExoticComponent } from 'react'\nimport type { ButtonHTMLAttributes, MouseEventHandler } from 'react'\nimport { useMDSLink } from '../../utils/mds-context'\n\ninterface InteractiveProps extends React.HTMLAttributes<HTMLElement> {\n\tisHrefExternal?: boolean\n\thref?: string\n\tonClick?: MouseEventHandler\n\ttype?: ButtonHTMLAttributes<HTMLButtonElement>['type']\n\tprefetch?: boolean\n\tlocale?: string\n}\n\nconst Interactive = forwardRef<\n\tHTMLAnchorElement | HTMLButtonElement,\n\tInteractiveProps\n>((props, ref) => {\n\tconst Link = useMDSLink()\n\tconst {\n\t\thref,\n\t\tclassName,\n\t\tisHrefExternal,\n\t\tonClick,\n\t\tchildren,\n\t\tlocale,\n\t\t...rest\n\t} = props\n\n\t// TODO: trigger link on space key up\n\tif (href) {\n\t\treturn (\n\t\t\t<Link\n\t\t\t\tclassName={className}\n\t\t\t\ttarget={isHrefExternal ? '_blank' : undefined}\n\t\t\t\trel={isHrefExternal ? 'noopener noreferrer' : undefined}\n\t\t\t\tonClick={onClick}\n\t\t\t\t{...getLocalizedLinkProps(href, locale, isHrefExternal)}\n\t\t\t\t{...rest}\n\t\t\t\tref={ref as ForwardRefExoticComponent<HTMLAnchorElement>}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</Link>\n\t\t)\n\t} else {\n\t\treturn (\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclassName={className}\n\t\t\t\tonClick={onClick}\n\t\t\t\t{...rest}\n\t\t\t\tref={ref as ForwardRefExoticComponent<HTMLButtonElement>}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</button>\n\t\t)\n\t}\n})\nInteractive.displayName = 'Interactive'\n\n/**\n * Smaller, local version of our getLocalizedLinkProps util,\n * cloned here to work around a cyclic dependency issue\n * with the main @web/utils package.\n *\n * @param url An internal URL path\n * @param locale A supported locale\n * @returns A prefixed URL if locale is defined, otherwise the URL without prefix\n */\nexport const getLocalizedLinkProps = (\n\thref: string,\n\tlocale?: string,\n\tisHrefExternal?: boolean\n): {\n\thref: string\n\threfLang: string | undefined\n\tisHrefExternal?: boolean\n} => {\n\tif (isHrefExternal) {\n\t\treturn {\n\t\t\thref: href,\n\t\t\threfLang: undefined,\n\t\t}\n\t}\n\n\tif (\n\t\t['en', 'de', 'es', 'fr', 'ja', 'ko', 'pt', 'id'].includes(\n\t\t\thref.substring(1, 3)\n\t\t)\n\t) {\n\t\t// Don't localize if the href is already localized\n\t\treturn {\n\t\t\thref: href,\n\t\t\threfLang: href.substring(1, 3),\n\t\t}\n\t}\n\n\tif (href.startsWith('/') && locale) {\n\t\treturn {\n\t\t\thref: `/${locale}${href}`,\n\t\t\threfLang: locale,\n\t\t}\n\t}\n\n\treturn {\n\t\thref: href,\n\t\threfLang: undefined,\n\t}\n}\n\nexport type { InteractiveProps }\nexport { Interactive }\n"],"names":["Interactive","forwardRef","props","ref","Link","useMDSLink","href","className","isHrefExternal","onClick","children","locale","rest","jsx","getLocalizedLinkProps"],"mappings":";;;;AAmBC,MAAAA,IAAaC,EAAW,CAAAC,GAAAC,MAAA;AACxB,QAAMC,IAAAC,EAAA,GACL;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,OACGC;AAAA,EAGJ,IAAIV;AACH,aACE,gBAAAW;AAAA,IAAAT;AAAA,IAAA;AAAA,MAEA,WAAAG;AAAA,MACA,QAAKC,IAAiB,WAAA;AAAA,MACtB,KAAAA,IAAA,wBAAA;AAAA,MACC,SAAAC;AAAA,MACA,GAAGK,EAAAR,GAAAK,GAAAH,CAAA;AAAA,MACJ,GAAAI;AAAA,MAEC,KAAAT;AAAA,MAAA,UAAAO;AAAA,IACF;AAAA,EAEF,IAEG,gBAAAG;AAAA,IAAA;AAAA,IAAA;AAAA,MAEA,MAAA;AAAA,MACA,WAAAN;AAAA,MACC,SAAAE;AAAA,MACD,GAAAG;AAAA,MAEC,KAAAT;AAAA,MAAA,UAAAO;AAAA,IACF;AAAA,EAEF;AAED,CAAA;AAWOV,EAAM,cAAA;AASZ,MAAIc,IAAgB,CAAAR,GAAAK,GAAAH,MACnBA,IACC;AAAA,EACA,MAAAF;AAAA,EACD,UAAA;AACD,WAIO,MAAU,MAAI,MAAA,MAAA,MAAA,MAAA,IAAA,EAAA;AAAA,EACpBA,EACC,UAAA,GAAA,CAAA;AAED,IACC;AAAA,EACA,MAAAA;AAAA,EACD,UAAAA,EAAA,UAAA,GAAA,CAAA;AACD,IAGCA,EAAO,WAAA,GAAA,KAAAK,IACN;AAAA,EACA,UAAUA,CAAA,GAAAL,CAAA;AAAA,EACX,UAAAK;AACD,IAGC;AAAA,EACA,MAAAL;AAAA,EACD,UAAA;AACD;"}