@hashicorp/mds-react 0.9.2 → 0.9.4

package/components/icon-tile/index.js

@@ -0,0 +1,50 @@
+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/components/icon-tile/index.js.map

@@ -0,0 +1 @@
+{"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/components/icon-tile/style.module.scss.js

@@ -0,0 +1,29 @@
+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/components/icon-tile/style.module.scss.js.map

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

package/components/index.d.ts

@@ -11,7 +11,7 @@ export { Breadcrumbs } from './breadcrumbs';
 export type { ButtonProps, ButtonColor, ButtonIconPosition, ButtonSize, } from './button';
 export { Button, BUTTON_COLORS, BUTTON_ICON_POSITIONS, BUTTON_SIZES, } from './button';
 export type { CardProps, CardThumbnailProps } from './card/types';
-export { Card } from './card';
+export { Card, CardContent } from './card';
 export type { CodeBlockProps } from './code-block';
 export { CodeBlock } from './code-block';
 export { DisclosurePrimitive } from './disclosure-primitive';

package/components/index.js

@@ -1,77 +1,120 @@
-import { A as e, a as o, b as t, c as i, d as r, e as l, f as n, g as d, B as T, _ as S, h as I, l as c, j as A, k as O, C as u, D as B, $ as C, i as g, E as _, F as N, m as L, o as p, n as E, H as F, J as D, I as x, K as b, L as m, p as G, M as R, N as k, q as h, s as P, t as H, r as Z, R as f, S as v, P as K, v as M, Q as U, Y as X, x as j, T as w, w as y, z, y as V, G as W, U as Y, V as q, W as J, X as Q, u as $, O as aa, Z as sa } from "../index-C4GBbW3N.js";
-import { B as oa, a as ta, b as ia, e as ra, f as la, g as na, c as da, d as Ta, C as Sa, F as Ia, h as ca, i as Aa, j as Oa, k as ua, S as Ba, l as Ca, m as ga, T as _a } from "../index-WkGIywHj.js";
+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 n } 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 C, BUTTON_ICON_POSITIONS as O, BUTTON_SIZES as u, Button as B } from "./button/index.js";
+import { Card as s, CardContent as _ } from "./card/index.js";
+import { CodeBlock as L } from "./code-block/index.js";
+import { DisclosurePrimitive as F } from "./disclosure-primitive/index.js";
+import { useDisclosurePrimitive as G } from "./disclosure-primitive/use-disclosure-primitive.js";
+import { Dropdown as b } from "./dropdown/index.js";
+import { FLIGHT_ICON_SIZES as h, FlightIcon as P } from "./flight-icon/index.js";
+import { CheckboxBase as Z, CheckboxField as v, CheckboxGroup as K } from "./form/checkbox/index.js";
+import { Error as U } from "./form/error/index.js";
+import { Field as w } from "./form/field/index.js";
+import { Fieldset as z } from "./form/fieldset/index.js";
+import { FileInputBase as W, FileInputField as Y } from "./form/file-input/index.js";
+import { HelperText as q } from "./form/helper-text/index.js";
+import { Indicator as Q } from "./form/indicator/index.js";
+import { Label as oo } from "./form/label/index.js";
+import { Legend as eo } from "./form/legend/index.js";
+import { RadioBase as po, RadioField as xo, RadioGroup as mo } from "./form/radio/index.js";
+import { RadioCard as io } from "./form/radio-card/index.js";
+import { SelectField as lo } from "./form/select/index.js";
+import { SuperSelectField as To } from "./form/super-select/index.js";
+import { TextInput as Io, TextInputBase as co } from "./form/text-input/index.js";
+import { TextAreaField as Co } from "./form/textarea/index.js";
+import { ToggleBase as uo, ToggleField as Bo, ToggleGroup as go } from "./form/toggle/index.js";
+import { IconTile as _o } from "./icon-tile/index.js";
+import { InlineLink as Lo } from "./inline-link/index.js";
+import { MDSButton as Fo } from "./legacy-button/index.js";
+import { ModalProvider as Go } from "./modal/index.js";
+import { Separator as bo } from "./separator/index.js";
+import { STANDALONE_LINK_COLORS as ho, STANDALONE_LINK_ICON_POSITIONS as Po, STANDALONE_LINK_SIZES as Ho, StandaloneLink as Zo } from "./standalone-link/index.js";
+import { Table as Ko } from "./table/index.js";
+import { getDensity as Uo, getHorizontalAlignment as Xo, getScope as wo, getVerticalAlignment as yo } from "./table/utils.js";
+import { Tabs as Vo } from "./tabs/index.js";
+import { useTabsContext as Yo } from "./tabs/use-tabs-context.js";
+import { TEXT_COLORS as qo, TEXT_WEIGHTS as Jo, Text as Qo } from "./text/index.js";
+import { BarChart as or } from "./visualizations/bar-chart/index.js";
+import { DonutChart as er } from "./visualizations/donut-chart/index.js";
+import { AccordionContent as pr, AccordionItem as xr, AccordionToggle as mr } from "./accordion/item/index.js";
+import { RadioCardGroup as ir } from "./form/radio-card/group.js";
+import { useModal as lr } from "./modal/use-modal.js";
 export {
   e as Accordion,
-  o as AccordionContent,
-  t as AccordionItem,
-  i as AccordionToggle,
-  r as Alert,
-  l as AlertActions,
-  n as AlertButton,
-  d as AlertStandaloneLink,
-  oa as BADGE_COLORS,
-  ta as BADGE_SIZES,
-  ia as BADGE_TYPES,
-  ra as BUTTON_COLORS,
-  la as BUTTON_ICON_POSITIONS,
-  na as BUTTON_SIZES,
-  da as Badge,
-  T as BadgeCount,
-  S as BarChart,
-  I as Breadcrumbs,
-  Ta as Button,
-  Sa as Card,
-  c as CheckboxBase,
-  A as CheckboxField,
-  O as CheckboxGroup,
-  u as CodeBlock,
-  B as DisclosurePrimitive,
-  C as DonutChart,
-  g as Dropdown,
-  _ as Error,
-  Ia as FLIGHT_ICON_SIZES,
-  N as Field,
-  L as Fieldset,
-  p as FileInputBase,
-  E as FileInputField,
-  ca as FlightIcon,
-  F as HelperText,
-  D as IconTile,
-  x as Indicator,
-  b as InlineLink,
-  m as Label,
-  G as Legend,
-  R as MDSButton,
-  k as ModalProvider,
-  h as RadioBase,
-  P as RadioCard,
-  H as RadioCardGroup,
-  Z as RadioField,
-  f as RadioGroup,
-  Aa as STANDALONE_LINK_COLORS,
-  Oa as STANDALONE_LINK_ICON_POSITIONS,
-  ua as STANDALONE_LINK_SIZES,
-  v as SelectField,
-  K as Separator,
-  Ba as StandaloneLink,
-  M as SuperSelectField,
-  Ca as TEXT_COLORS,
-  ga as TEXT_WEIGHTS,
-  U as Table,
-  X as Tabs,
-  _a as Text,
-  j as TextAreaField,
-  w as TextInput,
-  y as TextInputBase,
-  z as ToggleBase,
-  V as ToggleField,
-  W as ToggleGroup,
-  Y as getDensity,
-  q as getHorizontalAlignment,
-  J as getScope,
-  Q as getVerticalAlignment,
-  $ as useDisclosurePrimitive,
-  aa as useModal,
-  sa as useTabsContext
+  pr as AccordionContent,
+  xr as AccordionItem,
+  mr 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,
+  C as BUTTON_COLORS,
+  O as BUTTON_ICON_POSITIONS,
+  u as BUTTON_SIZES,
+  f as Badge,
+  n as BadgeCount,
+  or as BarChart,
+  c as Breadcrumbs,
+  B as Button,
+  s as Card,
+  _ as CardContent,
+  Z as CheckboxBase,
+  v as CheckboxField,
+  K as CheckboxGroup,
+  L as CodeBlock,
+  F as DisclosurePrimitive,
+  er as DonutChart,
+  b as Dropdown,
+  U as Error,
+  h as FLIGHT_ICON_SIZES,
+  w as Field,
+  z as Fieldset,
+  W as FileInputBase,
+  Y as FileInputField,
+  P as FlightIcon,
+  q as HelperText,
+  _o as IconTile,
+  Q as Indicator,
+  Lo as InlineLink,
+  oo as Label,
+  eo as Legend,
+  Fo as MDSButton,
+  Go as ModalProvider,
+  po as RadioBase,
+  io as RadioCard,
+  ir as RadioCardGroup,
+  xo as RadioField,
+  mo as RadioGroup,
+  ho as STANDALONE_LINK_COLORS,
+  Po as STANDALONE_LINK_ICON_POSITIONS,
+  Ho as STANDALONE_LINK_SIZES,
+  lo as SelectField,
+  bo as Separator,
+  Zo as StandaloneLink,
+  To as SuperSelectField,
+  qo as TEXT_COLORS,
+  Jo as TEXT_WEIGHTS,
+  Ko as Table,
+  Vo as Tabs,
+  Qo as Text,
+  Co as TextAreaField,
+  Io as TextInput,
+  co as TextInputBase,
+  uo as ToggleBase,
+  Bo as ToggleField,
+  go as ToggleGroup,
+  Uo as getDensity,
+  Xo as getHorizontalAlignment,
+  wo as getScope,
+  yo as getVerticalAlignment,
+  G as useDisclosurePrimitive,
+  lr as useModal,
+  Yo as useTabsContext
 };
 //# sourceMappingURL=index.js.map

package/components/index.js.map

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

package/components/inline-link/index.d.ts

@@ -1,4 +1,4 @@
-import type { FlightIconName } from '../flight-icon';
+import { FlightIconName } from '../flight-icon';
 interface InlineLinkProps {
     /**
      * There are two available colors for an `<InlineLink />`: primary and secondary.

package/components/inline-link/index.js

@@ -0,0 +1,33 @@
+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/components/inline-link/index.js.map

@@ -0,0 +1 @@
+{"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/components/inline-link/inline-link.module.css.js

@@ -0,0 +1,11 @@
+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/components/inline-link/inline-link.module.css.js.map

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

package/components/interactive/index.d.ts

@@ -1,5 +1,4 @@
-import { type ForwardRefExoticComponent } from 'react';
-import type { ButtonHTMLAttributes, MouseEventHandler } from 'react';
+import { ForwardRefExoticComponent, ButtonHTMLAttributes, MouseEventHandler } from 'react';
 interface InteractiveProps extends React.HTMLAttributes<HTMLElement> {
     isHrefExternal?: boolean;
     href?: string;
@@ -8,7 +7,7 @@ interface InteractiveProps extends React.HTMLAttributes<HTMLElement> {
     prefetch?: boolean;
     locale?: string;
 }
-declare const Interactive: ForwardRefExoticComponent<InteractiveProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+declare const Interactive: ForwardRefExoticComponent<InteractiveProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 /**
  * Smaller, local version of our getLocalizedLinkProps util,
  * cloned here to work around a cyclic dependency issue
@@ -21,7 +20,7 @@ declare const Interactive: ForwardRefExoticComponent<InteractiveProps & import("
 export declare const getLocalizedLinkProps: (href: string, locale?: string, isHrefExternal?: boolean) => {
     href: string;
     hrefLang: string | undefined;
-    isHrefExternal?: boolean;
+    isHrefExternal?: boolean | undefined;
 };
 export type { InteractiveProps };
 export { Interactive };

package/components/interactive/index.js

@@ -0,0 +1,59 @@
+"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/components/interactive/index.js.map

@@ -0,0 +1 @@
+{"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;"}

package/components/legacy-button/index.d.ts

@@ -1,5 +1,5 @@
-import { type ForwardRefExoticComponent } from 'react';
-import type { ButtonProps } from './types';
+import { ForwardRefExoticComponent } from 'react';
+import { ButtonProps } from './types';
 /** @deprecated Use <Button> from '@hashicorp/mds-react/button' instead. Will be removed in v1.0. */
-declare const MDSButton: ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+declare const MDSButton: ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export { MDSButton };

package/components/legacy-button/index.js

@@ -0,0 +1,65 @@
+import { jsx as b } from "react/jsx-runtime";
+import { forwardRef as S } from "react";
+import { determineColor as x, LINK_TYPE_ICON_MAP as l } from "./utils.js";
+import { StandaloneLink as _ } from "../standalone-link/index.js";
+import { Button as D } from "../button/index.js";
+const H = S(
+  ({
+    locale: t,
+    text: a,
+    title: i,
+    url: n,
+    href: d,
+    linkType: o,
+    onClick: m,
+    external: f,
+    className: u,
+    size: c,
+    icon: s,
+    iconPosition: e = "trailing",
+    label: B,
+    disabled: E,
+    type: M,
+    theme: r,
+    ...P
+  }, g) => x(r) === "tertiary" ? /* @__PURE__ */ b(
+    _,
+    {
+      text: a || i,
+      color: r?.background === "dark" ? "secondary-inverted" : "secondary",
+      href: n || d,
+      icon: o ? l[o] : s,
+      iconPosition: o ? "trailing" : e,
+      className: u,
+      onClick: m,
+      size: c,
+      isHrefExternal: o === "outbound" || f,
+      ref: g,
+      locale: t
+    }
+  ) : /* @__PURE__ */ b(
+    D,
+    {
+      text: a || i,
+      href: n || d,
+      isHrefExternal: o === "outbound" || f,
+      color: x(r),
+      type: M,
+      icon: o ? l[o] : s,
+      iconPosition: o ? "trailing" : e,
+      onClick: m,
+      className: u,
+      size: c === "small" ? "medium" : "large",
+      "aria-label": B,
+      disabled: E,
+      ref: g,
+      locale: t,
+      ...P
+    }
+  )
+);
+H.displayName = "MDSButton";
+export {
+  H as MDSButton
+};
+//# sourceMappingURL=index.js.map

package/components/legacy-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/legacy-button/index.tsx"],"sourcesContent":["import { type ForwardRefExoticComponent, forwardRef } from 'react'\nimport type { ButtonProps } from './types'\nimport { determineColor, LINK_TYPE_ICON_MAP } from './utils'\nimport { StandaloneLink } from '../standalone-link'\nimport { Button } from '../button'\n\n/** @deprecated Use <Button> from '@hashicorp/mds-react/button' instead. Will be removed in v1.0. */\nconst MDSButton = forwardRef<\n\tHTMLAnchorElement | HTMLButtonElement,\n\tButtonProps\n>(\n\t(\n\t\t{\n\t\t\tlocale,\n\t\t\ttext,\n\t\t\ttitle,\n\t\t\turl,\n\t\t\thref,\n\t\t\tlinkType,\n\t\t\tonClick,\n\t\t\texternal,\n\t\t\tclassName,\n\t\t\tsize,\n\t\t\ticon,\n\t\t\ticonPosition = 'trailing',\n\t\t\tlabel,\n\t\t\tdisabled,\n\t\t\ttype,\n\t\t\ttheme,\n\t\t\t...rest\n\t\t},\n\t\tref\n\t) => {\n\t\tconst color = determineColor(theme)\n\n\t\tif (color === 'tertiary') {\n\t\t\t// We prefer the Standalone Link component over the tertiary\n\t\t\t// button styles.\n\t\t\treturn (\n\t\t\t\t<StandaloneLink\n\t\t\t\t\ttext={(text || title) as string}\n\t\t\t\t\tcolor={\n\t\t\t\t\t\ttheme?.background === 'dark' ? 'secondary-inverted' : 'secondary'\n\t\t\t\t\t}\n\t\t\t\t\thref={url || href}\n\t\t\t\t\ticon={linkType ? LINK_TYPE_ICON_MAP[linkType] : icon}\n\t\t\t\t\ticonPosition={linkType ? 'trailing' : iconPosition}\n\t\t\t\t\tclassName={className}\n\t\t\t\t\tonClick={onClick as () => void}\n\t\t\t\t\tsize={size}\n\t\t\t\t\tisHrefExternal={linkType === 'outbound' || external}\n\t\t\t\t\tref={ref as ForwardRefExoticComponent<HTMLAnchorElement>}\n\t\t\t\t\tlocale={locale}\n\t\t\t\t/>\n\t\t\t)\n\t\t}\n\n\t\treturn (\n\t\t\t<Button\n\t\t\t\ttext={text || title}\n\t\t\t\thref={url || href}\n\t\t\t\tisHrefExternal={linkType === 'outbound' || external}\n\t\t\t\tcolor={determineColor(theme)}\n\t\t\t\ttype={type}\n\t\t\t\ticon={linkType ? LINK_TYPE_ICON_MAP[linkType] : icon}\n\t\t\t\ticonPosition={linkType ? 'trailing' : iconPosition}\n\t\t\t\tonClick={onClick as React.MouseEventHandler<HTMLButtonElement>}\n\t\t\t\tclassName={className}\n\t\t\t\t// Default buttons to the large size unless we specifically request the\n\t\t\t\t// small variant\n\t\t\t\tsize={size === 'small' ? 'medium' : 'large'}\n\t\t\t\taria-label={label}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tref={ref as ForwardRefExoticComponent<HTMLButtonElement>}\n\t\t\t\tlocale={locale}\n\t\t\t\t{...rest}\n\t\t\t/>\n\t\t)\n\t}\n)\n\nMDSButton.displayName = 'MDSButton'\n\nexport { MDSButton }\n"],"names":["MDSButton","forwardRef","locale","text","title","url","href","linkType","onClick","external","className","size","icon","iconPosition","label","disabled","type","theme","rest","ref","determineColor","jsx","StandaloneLink","LINK_TYPE_ICON_MAP","Button"],"mappings":";;;;;AAOA,MAAMA,IAAYC;AAAA,EAIjB,CACC;AAAA,IACC,QAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEJC,MAEcC,EAAeH,CAAK,MAEpB,aAIZ,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,MAAOnB,KAAQC;AAAA,MACf,OACCa,GAAO,eAAe,SAAS,uBAAuB;AAAA,MAEvD,MAAMZ,KAAOC;AAAA,MACb,MAAMC,IAAWgB,EAAmBhB,CAAQ,IAAIK;AAAA,MAChD,cAAcL,IAAW,aAAaM;AAAA,MACtC,WAAAH;AAAA,MACA,SAAAF;AAAA,MACA,MAAAG;AAAA,MACA,gBAAgBJ,MAAa,cAAcE;AAAA,MAC3C,KAAAU;AAAA,MACA,QAAAjB;AAAA,IAAA;AAAA,EAAA,IAMF,gBAAAmB;AAAA,IAACG;AAAA,IAAA;AAAA,MACA,MAAMrB,KAAQC;AAAA,MACd,MAAMC,KAAOC;AAAA,MACb,gBAAgBC,MAAa,cAAcE;AAAA,MAC3C,OAAOW,EAAeH,CAAK;AAAA,MAC3B,MAAAD;AAAA,MACA,MAAMT,IAAWgB,EAAmBhB,CAAQ,IAAIK;AAAA,MAChD,cAAcL,IAAW,aAAaM;AAAA,MACtC,SAAAL;AAAA,MACA,WAAAE;AAAA,MAGA,MAAMC,MAAS,UAAU,WAAW;AAAA,MACpC,cAAYG;AAAA,MACZ,UAAAC;AAAA,MACA,KAAAI;AAAA,MACA,QAAAjB;AAAA,MACC,GAAGgB;AAAA,IAAA;AAAA,EAAA;AAIR;AAEAlB,EAAU,cAAc;"}

package/components/legacy-button/types.d.ts

@@ -1,4 +1,4 @@
-import type { COLORS } from './utils';
+import { COLORS } from './utils';
 type HashiCorpProduct = 'hashicorp' | 'boundary' | 'consul' | 'nomad' | 'packer' | 'terraform' | 'vault' | 'vagrant' | 'waypoint';
 export type Size = 'medium' | 'small';
 export type ThemeBackground = 'light' | 'dark' | 'brand';

package/components/legacy-button/utils.d.ts

@@ -1,4 +1,4 @@
-import type { ButtonColor, Theme } from './types';
+import { ButtonColor, Theme } from './types';
 export declare const COLORS: readonly ["primary", "primary-black", "primary-white", "secondary", "secondary-high-contrast", "secondary-white", "secondary-black", "tertiary", "critical", "boundary", "consul", "nomad", "packer", "terraform", "vagrant", "vault", "waypoint", "hashicorp"];
 export declare function determineColor(theme?: Theme): ButtonColor;
 export declare const LINK_TYPE_ICON_MAP: {

package/components/legacy-button/utils.js

@@ -0,0 +1,39 @@
+function n(r) {
+  const a = r?.variant ? r.variant : "primary";
+  if (a === "primary")
+    switch (r?.brand) {
+      case "hashicorp":
+        return "primary";
+      case "boundary":
+      case "consul":
+      case "nomad":
+      case "packer":
+      case "terraform":
+      case "vagrant":
+      case "vault":
+      case "waypoint":
+        return r.brand;
+      case "neutral":
+        return "secondary-high-contrast";
+      default:
+        return "primary";
+    }
+  if (a === "secondary")
+    return "secondary";
+  if (a === "tertiary" || a === "tertiary-neutral" || a === "ghost")
+    return "tertiary";
+  throw new Error(
+    `Unable to determine HDS Button color from theme: ${JSON.stringify(r)}`
+  );
+}
+const t = {
+  inbound: "arrow-right",
+  outbound: "external-link",
+  download: "download",
+  anchor: "anchor"
+};
+export {
+  t as LINK_TYPE_ICON_MAP,
+  n as determineColor
+};
+//# sourceMappingURL=utils.js.map

package/components/legacy-button/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/legacy-button/utils.tsx"],"sourcesContent":["import type { ButtonColor, Theme, ThemeVariant } from './types'\n\nexport const COLORS = [\n\t'primary',\n\t'primary-black',\n\t'primary-white',\n\t'secondary', // deprecated; maps to secondary-white\n\t'secondary-high-contrast', // alternates between secondary-black and secondary-white based on theme\n\t'secondary-white',\n\t'secondary-black',\n\t'tertiary',\n\t'critical',\n\t'boundary',\n\t'consul',\n\t'nomad',\n\t'packer',\n\t'terraform',\n\t'vagrant',\n\t'vault',\n\t'waypoint',\n\t'hashicorp', // alias to primary\n] as const\n\nexport function determineColor(theme?: Theme): ButtonColor {\n\tconst variant: ThemeVariant = theme?.variant ? theme.variant : 'primary'\n\n\tif (variant === 'primary') {\n\t\tswitch (theme?.brand) {\n\t\t\tcase 'hashicorp':\n\t\t\t\treturn 'primary'\n\t\t\tcase 'boundary':\n\t\t\tcase 'consul':\n\t\t\tcase 'nomad':\n\t\t\tcase 'packer':\n\t\t\tcase 'terraform':\n\t\t\tcase 'vagrant':\n\t\t\tcase 'vault':\n\t\t\tcase 'waypoint':\n\t\t\t\treturn theme.brand\n\t\t\tcase 'neutral':\n\t\t\t\treturn 'secondary-high-contrast'\n\t\t\tdefault:\n\t\t\t\treturn 'primary'\n\t\t}\n\t}\n\n\tif (variant === 'secondary') {\n\t\treturn 'secondary'\n\t}\n\n\tif (\n\t\tvariant === 'tertiary' ||\n\t\tvariant === 'tertiary-neutral' ||\n\t\tvariant === 'ghost'\n\t) {\n\t\treturn 'tertiary'\n\t}\n\n\tthrow new Error(\n\t\t`Unable to determine HDS Button color from theme: ${JSON.stringify(theme)}`\n\t)\n}\n\nexport const LINK_TYPE_ICON_MAP = {\n\tinbound: 'arrow-right',\n\toutbound: 'external-link',\n\tdownload: 'download',\n\tanchor: 'anchor',\n}\n"],"names":["determineColor","theme","variant","LINK_TYPE_ICON_MAP"],"mappings":"AAuBO,SAASA,EAAeC,GAA4B;AAC1D,QAAMC,IAAwBD,GAAO,UAAUA,EAAM,UAAU;AAE/D,MAAIC,MAAY;AACf,YAAQD,GAAO,OAAA;AAAA,MACd,KAAK;AACJ,eAAO;AAAA,MACR,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACJ,eAAOA,EAAM;AAAA,MACd,KAAK;AACJ,eAAO;AAAA,MACR;AACC,eAAO;AAAA,IAAA;AAIV,MAAIC,MAAY;AACf,WAAO;AAGR,MACCA,MAAY,cACZA,MAAY,sBACZA,MAAY;AAEZ,WAAO;AAGR,QAAM,IAAI;AAAA,IACT,oDAAoD,KAAK,UAAUD,CAAK,CAAC;AAAA,EAAA;AAE3E;AAEO,MAAME,IAAqB;AAAA,EACjC,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AACT;"}

package/components/menu-primitive/index.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode, type HTMLAttributes } from 'react';
+import { ReactNode, HTMLAttributes } from 'react';
 interface MenuPrimitiveProps extends HTMLAttributes<HTMLDivElement> {
     onClose?: () => void;
     isFullWidth?: boolean;