@hashicorp/mds-react 0.9.1 → 0.9.2

package/components/alert/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/alert/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useId } from 'react'\nimport { DismissButton } from '../dismiss-button'\nimport { StandaloneLink, type StandaloneLinkProps } from '../standalone-link'\nimport { Icon } from './icon'\nimport type { HTMLAttributes, PropsWithChildren, ReactNode } from 'react'\nimport type { ButtonProps } from '../button'\nimport { Button } from '../button'\nimport s from './alert.module.scss'\nimport type { FlightIconName } from '../flight-icon'\n\ntype AlertColor = 'neutral' | 'highlight' | 'success' | 'warning' | 'critical'\n\ninterface CommonAlertProps extends HTMLAttributes<HTMLDivElement> {\n\t/**\n\t * Sets the color scheme for `background`, `border`, `title`, and `description`, which cannot be overridden.\n\t * `color` results in a default icon, which can be overridden.\n\t * default: `neutral`\n\t */\n\tcolor?: AlertColor\n\t/**\n\t * The alert can be dismissed by the user. When a function is passed, the \"dismiss\" button is displayed.\n\t */\n\tonDismiss?: () => void\n\t/**\n\t * A string used for the title of the alert.\n\t * Alert must have either a title or a description, or both.\n\t */\n\ttitle?: string\n\t/**\n\t * A plain text string or basic html that is used for the description.\n\t * Alert must have either a title or a description, or both.\n\t */\n\tdescription?: ReactNode\n\t/**\n\t * Role for the alert.\n\t * `alertdialog` should be used when the alert includes interactive elements (<Alert.Actions>).\n\t * `alert` should be used for all other scenarios.\n\t */\n\trole: 'alert' | 'alertdialog'\n}\n\ntype AlertProps =\n\t| (CommonAlertProps & {\n\t\t\t/** compact alerts must specify an icon */\n\t\t\ttype: 'compact'\n\t\t\t/** an icon from the Flight Icon set or false to hide the default icon */\n\t\t\ticon?: FlightIconName\n\t  })\n\t| (CommonAlertProps & {\n\t\t\t/** page & inline alerts get an optional icon override */\n\t\t\ttype: 'page' | 'inline'\n\t\t\t/** an icon from the Flight Icon set or false to hide the default icon */\n\t\t\ticon?: FlightIconName | false\n\t  })\n\nconst Alert = ({\n\ttype,\n\tcolor = 'neutral',\n\ticon,\n\tonDismiss,\n\ttitle,\n\tdescription,\n\tchildren,\n\trole,\n\tclassName,\n\t...rest\n}: AlertProps) => {\n\tif (!title && !description) {\n\t\tthrow new Error(\n\t\t\t'Alert must include either a title or a description, or both'\n\t\t)\n\t}\n\n\t// `alertdialog` must have an accessible name so we use either the\n\t// title or the description as label for the alert\n\tconst generatedLabelId = useId()\n\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\ts.alert,\n\t\t\t\ts[`type-${type}`],\n\t\t\t\ts[`color-${color}`],\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\trole={role}\n\t\t\taria-live=\"polite\"\n\t\t\taria-labelledby={generatedLabelId}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<Icon icon={icon} type={type} color={color} />\n\t\t\t<div className={s.content}>\n\t\t\t\t<div\n\t\t\t\t\tclassName={classNames(\n\t\t\t\t\t\ts.text,\n\t\t\t\t\t\ttype === 'compact'\n\t\t\t\t\t\t\t? 'mds-typography-legacy-body-100'\n\t\t\t\t\t\t\t: 'mds-typography-legacy-body-200'\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{title && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={classNames(\n\t\t\t\t\t\t\t\ts.title,\n\t\t\t\t\t\t\t\t'mds-typography-font-weight-semibold'\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tid={generatedLabelId}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{description && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={classNames(\n\t\t\t\t\t\t\t\ts.description,\n\t\t\t\t\t\t\t\t'mds-typography-font-weight-regular mds-foreground-primary'\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tid={!title ? generatedLabelId : undefined}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t\t{onDismiss && (\n\t\t\t\t<div className={s['dismiss-button-wrapper']}>\n\t\t\t\t\t<DismissButton onClick={onDismiss} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n\nAlert.displayName = 'Alert'\n\nconst AlertActions = ({ children }: PropsWithChildren) => {\n\treturn <div className={s.actions}>{children}</div>\n}\n\nAlertActions.displayName = 'AlertActions'\n\nconst AlertButton = ({ ...props }: Exclude<ButtonProps, 'size'>) => {\n\treturn <Button size=\"small\" {...props} />\n}\n\nAlertButton.displayName = 'AlertButton'\n\nconst AlertStandaloneLink = ({\n\t...props\n}: Exclude<StandaloneLinkProps, 'size'>) => {\n\treturn <StandaloneLink size=\"small\" {...props} />\n}\n\nAlertStandaloneLink.displayName = 'AlertStandaloneLink'\n\nexport { Alert, AlertActions, AlertButton, AlertStandaloneLink }\nexport type { AlertProps, AlertColor }\n"],"names":["Alert","type","color","icon","onDismiss","title","description","children","role","className","rest","generatedLabelId","useId","jsxs","classNames","s","jsx","Icon","DismissButton","AlertActions","AlertButton","props","Button","AlertStandaloneLink","StandaloneLink"],"mappings":";;;;;;;;AAwDA,MAAMA,IAAQ,CAAC;AAAA,EACd,MAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACJ,MAAkB;AACjB,MAAI,CAACL,KAAS,CAACC;AACd,UAAM,IAAI;AAAA,MACT;AAAA,IAAA;AAMF,QAAMK,IAAmBC,EAAA;AAEzB,SACC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAWC;AAAA,QACVC,EAAE;AAAA,QACFA,EAAE,QAAQd,CAAI,EAAE;AAAA,QAChBc,EAAE,SAASb,CAAK,EAAE;AAAA,QAClBO;AAAA,MAAA;AAAA,MAED,MAAAD;AAAA,MACA,aAAU;AAAA,MACV,mBAAiBG;AAAA,MAChB,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAM,EAACC,GAAA,EAAK,MAAAd,GAAY,MAAAF,GAAY,OAAAC,EAAA,CAAc;AAAA,QAC5C,gBAAAW,EAAC,OAAA,EAAI,WAAWE,EAAE,SACjB,UAAA;AAAA,UAAA,gBAAAF;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,WAAWC;AAAA,gBACVC,EAAE;AAAA,gBACFd,MAAS,YACN,mCACA;AAAA,cAAA;AAAA,cAGH,UAAA;AAAA,gBAAAI,KACA,gBAAAW;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACA,WAAWF;AAAA,sBACVC,EAAE;AAAA,sBACF;AAAA,oBAAA;AAAA,oBAED,IAAIJ;AAAA,oBAEH,UAAAN;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGFC,KACA,gBAAAU;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACA,WAAWF;AAAA,sBACVC,EAAE;AAAA,sBACF;AAAA,oBAAA;AAAA,oBAED,IAAKV,IAA2B,SAAnBM;AAAA,oBAEZ,UAAAL;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UAAA;AAAA,UAGDC;AAAA,QAAA,GACF;AAAA,QACCH,KACA,gBAAAY,EAAC,OAAA,EAAI,WAAWD,EAAE,wBAAwB,GACzC,UAAA,gBAAAC,EAACE,GAAA,EAAc,SAASd,EAAA,CAAW,EAAA,CACpC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIJ;AAEAJ,EAAM,cAAc;AAEpB,MAAMmB,IAAe,CAAC,EAAE,UAAAZ,QAChB,gBAAAS,EAAC,OAAA,EAAI,WAAWD,EAAE,SAAU,UAAAR,GAAS;AAG7CY,EAAa,cAAc;AAE3B,MAAMC,IAAc,CAAC,EAAE,GAAGC,QAClB,gBAAAL,EAACM,GAAA,EAAO,MAAK,SAAS,GAAGD,GAAO;AAGxCD,EAAY,cAAc;AAE1B,MAAMG,IAAsB,CAAC;AAAA,EAC5B,GAAGF;AACJ,MACQ,gBAAAL,EAACQ,GAAA,EAAe,MAAK,SAAS,GAAGH,GAAO;AAGhDE,EAAoB,cAAc;"}

package/components/badge/index.js

@@ -1,53 +0,0 @@
-import { jsxs as a, jsx as m } from "react/jsx-runtime";
-import g from "classnames";
-import { FlightIcon as u } from "../flight-icon/index.js";
-import e from "./style.module.scss.js";
-const S = ["small", "medium", "large"], _ = ["filled", "inverted", "outlined"], A = [
-  "neutral",
-  "neutral-dark-mode",
-  "highlight",
-  "success",
-  "warning",
-  "critical"
-], p = {
-  small: 12,
-  medium: 16,
-  large: 16
-}, h = ({
-  icon: l,
-  iconColor: i,
-  iconOnly: o,
-  text: s,
-  size: r = "medium",
-  type: t = "filled",
-  color: d = "neutral",
-  className: n,
-  ...c
-}) => /* @__PURE__ */ a(
-  "div",
-  {
-    className: g(
-      e.badge,
-      e[`size-${r}`],
-      e[`type-${t}`],
-      e[`color-${d}`],
-      n
-    ),
-    ...c,
-    children: [
-      l && /* @__PURE__ */ m(u, { name: l, color: i, size: p[r] }),
-      o && l ? /* @__PURE__ */ m("span", { className: "sr-only", children: s }) : /* @__PURE__ */ a("div", { className: e.text, children: [
-        s,
-        " Hello!"
-      ] })
-    ]
-  }
-);
-h.displayName = "Badge";
-export {
-  A as BADGE_COLORS,
-  S as BADGE_SIZES,
-  _ as BADGE_TYPES,
-  h as Badge
-};
-//# sourceMappingURL=index.js.map

package/components/badge/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/badge/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { FlightIconName, FlightIconSize } from '../flight-icon'\nimport { FlightIcon } from '../flight-icon'\nimport s from './style.module.scss'\n\nconst BADGE_SIZES = ['small', 'medium', 'large'] as const\ntype BadgeSize = (typeof BADGE_SIZES)[number]\n\nconst BADGE_TYPES = ['filled', 'inverted', 'outlined'] as const\ntype BadgeType = (typeof BADGE_TYPES)[number]\n\nconst BADGE_COLORS = [\n\t'neutral',\n\t'neutral-dark-mode',\n\t'highlight',\n\t'success',\n\t'warning',\n\t'critical',\n] as const\ntype BadgeColor = (typeof BADGE_COLORS)[number]\n\nconst ICON_SIZE_MAP = {\n\tsmall: 12,\n\tmedium: 16,\n\tlarge: 16,\n} as const satisfies Record<'small' | 'medium' | 'large', FlightIconSize>\n\ninterface BadgeProps {\n\t/** Use this parameter to show an icon. */\n\ticon?: FlightIconName\n\n\t/**\n\t * The `iconColor` prop can be used to change the icon color. It works by setting\n\t * the value of the icon SVG’s fill property.\n\t */\n\ticonColor?: string\n\n\t/** This indicates if the button will only contain an icon. An internal check is in place to ensure that accessible text is still applied to the component. */\n\ticonOnly?: boolean\n\n\t/** The text of the Badge or value of the screen-reader only element if isIconOnly is set to true. If no text value is defined an error will be thrown. */\n\ttext: string\n\n\tsize?: BadgeSize\n\ttype?: BadgeType\n\tcolor?: BadgeColor\n\tclassName?: string\n}\n\nconst Badge = ({\n\ticon,\n\ticonColor,\n\ticonOnly,\n\ttext,\n\tsize = 'medium',\n\ttype = 'filled',\n\tcolor = 'neutral',\n\tclassName,\n\t...rest\n}: BadgeProps) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\ts.badge,\n\t\t\t\ts[`size-${size}`],\n\t\t\t\ts[`type-${type}`],\n\t\t\t\ts[`color-${color}`],\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{icon && (\n\t\t\t\t<FlightIcon name={icon} color={iconColor} size={ICON_SIZE_MAP[size]} />\n\t\t\t)}\n\t\t\t{iconOnly && icon ? (\n\t\t\t\t<span className=\"sr-only\">{text}</span>\n\t\t\t) : (\n\t\t\t\t<div className={s.text}>{text} Hello!</div>\n\t\t\t)}\n\t\t</div>\n\t)\n}\n\nBadge.displayName = 'Badge'\n\nexport type { BadgeProps, BadgeColor, BadgeSize, BadgeType }\nexport { Badge, BADGE_COLORS, BADGE_SIZES, BADGE_TYPES }\n"],"names":["BADGE_SIZES","BADGE_TYPES","BADGE_COLORS","ICON_SIZE_MAP","Badge","icon","iconColor","iconOnly","text","size","type","color","className","rest","jsxs","classNames","s","jsx","FlightIcon"],"mappings":";;;;AAKA,MAAMA,IAAc,CAAC,SAAS,UAAU,OAAO,GAGzCC,IAAc,CAAC,UAAU,YAAY,UAAU,GAG/CC,IAAe;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAGMC,IAAgB;AAAA,EACrB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACR,GAwBMC,IAAQ,CAAC;AAAA,EACd,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWC;AAAA,MACVC,EAAE;AAAA,MACFA,EAAE,QAAQP,CAAI,EAAE;AAAA,MAChBO,EAAE,QAAQN,CAAI,EAAE;AAAA,MAChBM,EAAE,SAASL,CAAK,EAAE;AAAA,MAClBC;AAAA,IAAA;AAAA,IAEA,GAAGC;AAAA,IAEH,UAAA;AAAA,MAAAR,KACA,gBAAAY,EAACC,KAAW,MAAMb,GAAM,OAAOC,GAAW,MAAMH,EAAcM,CAAI,EAAA,CAAG;AAAA,MAErEF,KAAYF,IACZ,gBAAAY,EAAC,QAAA,EAAK,WAAU,WAAW,UAAAT,EAAA,CAAK,IAEhC,gBAAAM,EAAC,OAAA,EAAI,WAAWE,EAAE,MAAO,UAAA;AAAA,QAAAR;AAAA,QAAK;AAAA,MAAA,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAAA;AAMzCJ,EAAM,cAAc;"}

package/components/badge/style.module.scss.js

@@ -1,22 +0,0 @@
-const e = "badge__zns82", l = "text__WoM4W", o = {
-  badge: e,
-  text: l,
-  "size-small": "size-small__8xHdE",
-  "size-medium": "size-medium__xqCpO",
-  "size-large": "size-large__Pviip",
-  "color-neutral": "color-neutral__6Csf4",
-  "type-filled": "type-filled__ZaWsu",
-  "type-inverted": "type-inverted__A3554",
-  "type-outlined": "type-outlined__l0zjH",
-  "color-neutral-dark-mode": "color-neutral-dark-mode__C1TO4",
-  "color-highlight": "color-highlight__eWwJ5",
-  "color-success": "color-success__EuxKz",
-  "color-warning": "color-warning__gCbUY",
-  "color-critical": "color-critical__hV-l-"
-};
-export {
-  e as badge,
-  o as default,
-  l as text
-};
-//# sourceMappingURL=style.module.scss.js.map

package/components/badge/style.module.scss.js.map

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

package/components/badge-count/index.js

@@ -1,29 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import d from "classnames";
-import e from "./style.module.scss.js";
-const l = ({
-  text: o,
-  size: r = "medium",
-  type: m = "filled",
-  color: t = "neutral",
-  className: a,
-  ...s
-}) => /* @__PURE__ */ i(
-  "div",
-  {
-    className: d(
-      e["badge-count"],
-      e[`size-${r}`],
-      e[`type-${m}`],
-      e[`color-${t}`],
-      a
-    ),
-    ...s,
-    children: o
-  }
-);
-l.displayName = "BadgeCount";
-export {
-  l as BadgeCount
-};
-//# sourceMappingURL=index.js.map

package/components/badge-count/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/badge-count/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { HTMLAttributes } from 'react'\nimport s from './style.module.scss'\n\ninterface BadgeCountProps extends HTMLAttributes<HTMLDivElement> {\n\tsize?: 'small' | 'medium' | 'large'\n\ttype?: 'filled' | 'inverted' | 'outlined'\n\tcolor?: 'neutral' | 'neutral-dark-mode'\n\t/**\n\t * Text value that renders in the Badge Count.\n\t */\n\ttext: string\n}\n\nconst BadgeCount = ({\n\ttext,\n\tsize = 'medium',\n\ttype = 'filled',\n\tcolor = 'neutral',\n\tclassName,\n\t...rest\n}: BadgeCountProps) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(\n\t\t\t\ts['badge-count'],\n\t\t\t\ts[`size-${size}`],\n\t\t\t\ts[`type-${type}`],\n\t\t\t\ts[`color-${color}`],\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{text}\n\t\t</div>\n\t)\n}\n\nBadgeCount.displayName = 'BadgeCount'\n\nexport type { BadgeCountProps }\nexport { BadgeCount }\n"],"names":["BadgeCount","text","size","type","color","className","rest","jsx","classNames","s"],"mappings":";;;AAcA,MAAMA,IAAa,CAAC;AAAA,EACnB,MAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWC;AAAA,MACVC,EAAE,aAAa;AAAA,MACfA,EAAE,QAAQP,CAAI,EAAE;AAAA,MAChBO,EAAE,QAAQN,CAAI,EAAE;AAAA,MAChBM,EAAE,SAASL,CAAK,EAAE;AAAA,MAClBC;AAAA,IAAA;AAAA,IAEA,GAAGC;AAAA,IAEH,UAAAL;AAAA,EAAA;AAAA;AAKJD,EAAW,cAAc;"}

package/components/badge-count/style.module.scss.js

@@ -1,15 +0,0 @@
-const e = {
-  "badge-count": "badge-count__9xA6z",
-  "size-small": "size-small__LxiPj",
-  "size-medium": "size-medium__emKOI",
-  "size-large": "size-large__M7RFP",
-  "color-neutral": "color-neutral__j2CVd",
-  "type-filled": "type-filled__tb7Yx",
-  "type-inverted": "type-inverted__Oc-mV",
-  "type-outlined": "type-outlined__V714E",
-  "color-neutral-dark-mode": "color-neutral-dark-mode__LLW-g"
-};
-export {
-  e as default
-};
-//# sourceMappingURL=style.module.scss.js.map

package/components/badge-count/style.module.scss.js.map

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

package/components/breadcrumbs/index.js

@@ -1,38 +0,0 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import s from "classnames";
-import { Provider as m, Toggle as l, Content as u } from "../menu-primitive/index.js";
-import { Item as d } from "./item/index.js";
-import { TruncationButton as b } from "./truncation-button/index.js";
-import t from "./style.module.scss.js";
-const p = ({
-  itemsCanWrap: e = !0,
-  ariaLabel: o = "breadcrumbs",
-  children: a,
-  className: n,
-  ...i
-}) => /* @__PURE__ */ r(
-  "nav",
-  {
-    className: s(
-      t.breadcrumbs,
-      {
-        [t["items-can-wrap"]]: e
-      },
-      n
-    ),
-    "aria-label": o,
-    ...i,
-    children: /* @__PURE__ */ r("ol", { className: t.list, children: a })
-  }
-), f = ({
-  ariaLabel: e,
-  children: o,
-  ...a
-}) => /* @__PURE__ */ r("li", { className: s(t.item, t.truncation), ...a, children: /* @__PURE__ */ c(m, { children: [
-  /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(b, {}) }),
-  /* @__PURE__ */ r(u, { children: /* @__PURE__ */ r("div", { className: t["truncation-content"], children: /* @__PURE__ */ r("ol", { className: t.sublist, children: o }) }) })
-] }) }), j = { Root: p, Item: d, Truncation: f };
-export {
-  j as Breadcrumbs
-};
-//# sourceMappingURL=index.js.map

package/components/breadcrumbs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/breadcrumbs/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport * as MenuPrimitive from '../menu-primitive'\nimport { Item } from './item'\nimport { TruncationButton } from './truncation-button'\nimport type { BreadcrumbProps, BreadcrumbTruncationProps } from './types'\nimport s from './style.module.scss'\n\nconst Root = ({\n\titemsCanWrap = true,\n\tariaLabel = 'breadcrumbs',\n\tchildren,\n\tclassName,\n\t...rest\n}: BreadcrumbProps) => {\n\treturn (\n\t\t<nav\n\t\t\tclassName={classNames(\n\t\t\t\ts.breadcrumbs,\n\t\t\t\t{\n\t\t\t\t\t[s['items-can-wrap']]: itemsCanWrap,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\taria-label={ariaLabel}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<ol className={s.list}>{children}</ol>\n\t\t</nav>\n\t)\n}\n\nconst Truncation = ({\n\tariaLabel,\n\tchildren,\n\t...rest\n}: BreadcrumbTruncationProps) => {\n\treturn (\n\t\t<li className={classNames(s.item, s.truncation)} {...rest}>\n\t\t\t<MenuPrimitive.Provider>\n\t\t\t\t<MenuPrimitive.Toggle>\n\t\t\t\t\t<TruncationButton />\n\t\t\t\t</MenuPrimitive.Toggle>\n\t\t\t\t<MenuPrimitive.Content>\n\t\t\t\t\t<div className={s['truncation-content']}>\n\t\t\t\t\t\t<ol className={s.sublist}>{children}</ol>\n\t\t\t\t\t</div>\n\t\t\t\t</MenuPrimitive.Content>\n\t\t\t</MenuPrimitive.Provider>\n\t\t</li>\n\t)\n}\n\nconst Breadcrumbs = { Root, Item, Truncation }\n\nexport { Breadcrumbs }\n"],"names":["Root","itemsCanWrap","ariaLabel","children","className","rest","jsx","classNames","s","Truncation","jsxs","MenuPrimitive.Provider","MenuPrimitive.Toggle","TruncationButton","MenuPrimitive.Content","Breadcrumbs","Item"],"mappings":";;;;;;AAOA,MAAMA,IAAO,CAAC;AAAA,EACb,cAAAC,IAAe;AAAA,EACf,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWC;AAAA,MACVC,EAAE;AAAA,MACF;AAAA,QACC,CAACA,EAAE,gBAAgB,CAAC,GAAGP;AAAA,MAAA;AAAA,MAExBG;AAAA,IAAA;AAAA,IAED,cAAYF;AAAA,IACX,GAAGG;AAAA,IAEJ,UAAA,gBAAAC,EAAC,MAAA,EAAG,WAAWE,EAAE,MAAO,UAAAL,EAAA,CAAS;AAAA,EAAA;AAAA,GAK9BM,IAAa,CAAC;AAAA,EACnB,WAAAP;AAAA,EACA,UAAAC;AAAA,EACA,GAAGE;AACJ,MAEE,gBAAAC,EAAC,MAAA,EAAG,WAAWC,EAAWC,EAAE,MAAMA,EAAE,UAAU,GAAI,GAAGH,GACpD,UAAA,gBAAAK,EAACC,GAAA,EACA,UAAA;AAAA,EAAA,gBAAAL,EAACM,GAAA,EACA,UAAA,gBAAAN,EAACO,KAAiB,GACnB;AAAA,oBACCC,GAAA,EACA,UAAA,gBAAAR,EAAC,SAAI,WAAWE,EAAE,oBAAoB,GACrC,4BAAC,MAAA,EAAG,WAAWA,EAAE,SAAU,UAAAL,GAAS,GACrC,EAAA,CACD;AAAA,EAAA,CACD,EAAA,CACD,GAIIY,IAAc,EAAE,MAAAf,GAAM,MAAAgB,GAAM,YAAAP,EAAA;"}

package/components/breadcrumbs/item/index.js

@@ -1,32 +0,0 @@
-"use client";
-import { jsx as e, jsxs as o, Fragment as d } from "react/jsx-runtime";
-import { useMDSLink as h } from "../../../utils/mds-context/index.js";
-import s from "../style.module.scss.js";
-const i = ({ icon: r, text: n }) => /* @__PURE__ */ o(d, { children: [
-  r && /* @__PURE__ */ e("div", { className: s.icon, children: r }),
-  /* @__PURE__ */ e("span", { className: s.text, children: n })
-] }), f = ({
-  maxWidth: r,
-  current: n,
-  icon: t,
-  text: c,
-  url: l,
-  ...m
-}) => {
-  const a = h();
-  return /* @__PURE__ */ e(
-    "li",
-    {
-      className: s.item,
-      style: {
-        ...r && { maxWidth: r }
-      },
-      ...m,
-      children: n ? /* @__PURE__ */ e("div", { className: s.current, children: /* @__PURE__ */ e(i, { icon: t, text: c }) }) : /* @__PURE__ */ e(a, { className: s.link, href: l, children: /* @__PURE__ */ e(i, { icon: t, text: c }) })
-    }
-  );
-};
-export {
-  f as Item
-};
-//# sourceMappingURL=index.js.map

package/components/breadcrumbs/item/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/breadcrumbs/item/index.tsx"],"sourcesContent":["'use client'\n\nimport { useMDSLink } from '../../../utils/mds-context'\nimport type { BreadcrumbItemProps } from '../types'\nimport s from '../style.module.scss'\n\ninterface ItemContentProps {\n\ttext: string\n\t/**\n\t * Use to show an flight icon.\n\t */\n\ticon?: React.ReactNode\n}\n\nconst ItemContent = ({ icon, text }: ItemContentProps) => {\n\treturn (\n\t\t<>\n\t\t\t{icon && <div className={s.icon}>{icon}</div>}\n\n\t\t\t<span className={s.text}>{text}</span>\n\t\t</>\n\t)\n}\n\nexport const Item = ({\n\tmaxWidth,\n\tcurrent,\n\ticon,\n\ttext,\n\turl,\n\t...rest\n}: BreadcrumbItemProps) => {\n\tconst Link = useMDSLink()\n\n\treturn (\n\t\t<li\n\t\t\tclassName={s.item}\n\t\t\tstyle={{\n\t\t\t\t...(maxWidth && { maxWidth }),\n\t\t\t}}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{current ? (\n\t\t\t\t<div className={s.current}>\n\t\t\t\t\t<ItemContent icon={icon} text={text} />\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<Link className={s.link} href={url}>\n\t\t\t\t\t<ItemContent icon={icon} text={text} />\n\t\t\t\t</Link>\n\t\t\t)}\n\t\t</li>\n\t)\n}\n"],"names":["text","jsxs","Fragment","icon","jsx","Item","maxWidth","current","url","rest","ItemContent","Link"],"mappings":";;;;AAeC,sBACC,MAAAA,QACE,gBAAAC,EAAQC,GAAC,EAAI,UAAW;AAAA,EAAcC,KAEtC,gBAAAC,EAAA,OAAK,EAAA,aAAoB,MAAA,UAAKD,EAAA,CAAA;AAAA,EAChC,gBAAAC,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,UAAAJ,EAAA,CAAA;AAEF,EAAA,CAAA,GAGCK,IAAA,CAAA;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAJ;AAAA,EACA,MAAAH;AAAA,EACA,KAAAQ;AAAA,EACD,GAAAC;AACC,MAAA;AAEA,cACC;AAAA,SAAC,gBAAAL;AAAA,IAAA;AAAA,IAAA;AAAA,MAEA,WAAO,EAAA;AAAA,MAAA,OACF;AAAA,QACL,GAAAE,KAAA,EAAA,UAAAA,EAAA;AAAA,MACC;AAAA,MAEA,GAAAG;AAAA,MAOA,UAAAF,IAAA,gBAAAH,EAAA,OAAA,EAAA,WAAA,EAAA,SAAA,UAAA,gBAAAA,EAAAM,GAAA,EAAA,MAAAP,GAAA,MAAAH,EAAA,CAAA,EAAA,CAAA,IAAA,gBAAAI,EAAAO,GAAA,EAAA,WAAA,EAAA,MAAA,MAAAH,GAAA,UAAA,gBAAAJ,EAAAM,GAAA,EAAA,MAAAP,GAAA,MAAAH,EAAA,CAAA,EAAA,CAAA;AAAA,IAEF;AAAA,EAEF;;"}

package/components/breadcrumbs/style.module.scss.js

@@ -1,27 +0,0 @@
-const t = "breadcrumbs__qRWRC", n = "list__ex8fu", c = "sublist__sSjxU", s = "item__vAjEk", i = "truncation__Kmsae", o = "link__T7iXX", _ = "text__g0Z5V", r = "current__RtvDC", e = "icon__QZYpF", u = {
-  breadcrumbs: t,
-  list: n,
-  "items-can-wrap": "items-can-wrap__vfE8u",
-  sublist: c,
-  item: s,
-  truncation: i,
-  link: o,
-  text: _,
-  current: r,
-  icon: e,
-  "truncation-button": "truncation-button__3eNF8",
-  "truncation-content": "truncation-content__P-Vh1"
-};
-export {
-  t as breadcrumbs,
-  r as current,
-  u as default,
-  e as icon,
-  s as item,
-  o as link,
-  n as list,
-  c as sublist,
-  _ as text,
-  i as truncation
-};
-//# sourceMappingURL=style.module.scss.js.map

package/components/breadcrumbs/style.module.scss.js.map

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

package/components/breadcrumbs/truncation-button/index.js

@@ -1,25 +0,0 @@
-"use client";
-import { jsx as o } from "react/jsx-runtime";
-import { IconMoreHorizontal16 as e } from "@hashicorp/flight-icons/svg-react/more-horizontal-16";
-import { useMenuPrimitive as i } from "../../menu-primitive/use-menu-primitive.js";
-import a from "../style.module.scss.js";
-const l = ({
-  ariaLabel: t = "show more"
-}) => {
-  const { isOpen: n, onClickToggle: r } = i();
-  return /* @__PURE__ */ o(
-    "button",
-    {
-      type: "button",
-      className: a["truncation-button"],
-      "aria-label": t,
-      "aria-expanded": n,
-      onClick: r,
-      children: /* @__PURE__ */ o(e, {})
-    }
-  );
-};
-export {
-  l as TruncationButton
-};
-//# sourceMappingURL=index.js.map

package/components/breadcrumbs/truncation-button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/breadcrumbs/truncation-button/index.tsx"],"sourcesContent":["'use client'\n\nimport { IconMoreHorizontal16 } from '@hashicorp/flight-icons/svg-react/more-horizontal-16'\nimport { useMenuPrimitive } from '../../menu-primitive/use-menu-primitive'\nimport s from '../style.module.scss'\n\nexport const TruncationButton = ({\n\tariaLabel = 'show more',\n}: {\n\tariaLabel?: string\n}) => {\n\tconst { isOpen, onClickToggle } = useMenuPrimitive()\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclassName={s['truncation-button']}\n\t\t\taria-label={ariaLabel}\n\t\t\taria-expanded={isOpen}\n\t\t\tonClick={onClickToggle}\n\t\t>\n\t\t\t<IconMoreHorizontal16 />\n\t\t</button>\n\t)\n}\n"],"names":["ariaLabel","useMenuPrimitive","jsx","s","isOpen","IconMoreHorizontal16"],"mappings":";;;;;AAMiC,UACpB,CAAA;AAAA,EACb,WAAAA,IAEM;AACL,MAAA;AAEA,sCACC,IAAAC,EAAA;AAAA,SAAC,gBAAAC;AAAA,IAAA;AAAA,IAAA;AAAA,MAEA,MAAA;AAAA,MACA,WAAAC,qBAAY;AAAA,MACZ,cAAAH;AAAA,MACA,iBAASI;AAAA,MAET;MAAsB,UAAA,gBAAAF,EAAAG,GAAA,CAAA,CAAA;AAAA,IACvB;AAAA,EAEF;;"}

package/components/button/index.js

@@ -1,119 +0,0 @@
-import { jsx as c, jsxs as I, Fragment as v } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import y from "classnames";
-import { Interactive as w } from "../interactive/index.js";
-import { FlightIcon as b } from "../flight-icon/index.js";
-import a from "./styles.module.scss.js";
-const U = ["small", "medium", "large"], $ = ["leading", "trailing"], j = [
-  "primary",
-  "primary-black",
-  "primary-white",
-  "secondary",
-  // deprecated; maps to secondary-white
-  "secondary-high-contrast",
-  // alternates based on theme
-  "secondary-white",
-  "secondary-black",
-  "tertiary",
-  "critical",
-  "boundary",
-  "consul",
-  "nomad",
-  "packer",
-  "terraform",
-  "vagrant",
-  "vault",
-  "waypoint",
-  "hashicorp"
-  // alias to primary
-], B = {
-  primary: "primary",
-  "primary-black": "custom",
-  "primary-white": "custom",
-  secondary: "custom",
-  "secondary-high-contrast": "custom",
-  "secondary-white": "custom",
-  "secondary-black": "custom",
-  tertiary: "tertiary",
-  critical: "critical",
-  boundary: "custom",
-  consul: "custom",
-  nomad: "custom",
-  packer: "custom",
-  terraform: "custom",
-  vagrant: "custom",
-  vault: "custom",
-  waypoint: "custom",
-  hashicorp: "primary"
-}, C = {
-  small: 12,
-  medium: 16,
-  large: 24
-}, p = u(
-  ({
-    size: o = "medium",
-    color: t = "primary",
-    isFullWidth: m,
-    isIconOnly: i,
-    icon: r,
-    iconPosition: e = "leading",
-    text: s,
-    href: h,
-    isHrefExternal: g,
-    className: f,
-    locale: N,
-    ...d
-  }, O) => {
-    const n = i && !!r, l = r && /* @__PURE__ */ c(b, { name: r, size: C[o] });
-    return /* @__PURE__ */ c(
-      w,
-      {
-        className: y(
-          a.button,
-          a[`size-${o}`],
-          {
-            [a["width-full"]]: m,
-            [a["icon-only"]]: n
-          },
-          t !== "custom" && a[`color-${t}`],
-          f
-        ),
-        href: d.disabled ? "" : h,
-        isHrefExternal: g,
-        "aria-label": n ? s : void 0,
-        locale: N,
-        ...d,
-        ref: O,
-        children: n && r ? l : /* @__PURE__ */ I(v, { children: [
-          r && e === "leading" && l,
-          /* @__PURE__ */ c("div", { className: a.text, children: s }),
-          r && e === "trailing" && l
-        ] })
-      }
-    );
-  }
-);
-p.displayName = "ButtonPrimitive";
-const T = u(({ color: o = "primary", className: t, ...m }, i) => {
-  const r = B[o], s = r === "custom" ? a[`color-${{
-    hashicorp: "primary",
-    secondary: "secondary-white"
-  }[o] ?? o}`] : void 0;
-  return /* @__PURE__ */ c(
-    p,
-    {
-      ...m,
-      color: r,
-      className: y(s, t),
-      ref: i
-    }
-  );
-});
-T.displayName = "Button";
-export {
-  j as BUTTON_COLORS,
-  $ as BUTTON_ICON_POSITIONS,
-  U as BUTTON_SIZES,
-  T as Button
-};
-//# sourceMappingURL=index.js.map

package/components/button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import type { ForwardRefExoticComponent } from 'react'\nimport { forwardRef } from 'react'\nimport classNames from 'classnames'\nimport { Interactive } from '../interactive'\nimport type { FlightIconSize } from '../flight-icon'\nimport { FlightIcon } from '../flight-icon'\nimport s from './styles.module.scss'\n\nexport const BUTTON_SIZES = ['small', 'medium', 'large'] as const\nexport type ButtonSize = (typeof BUTTON_SIZES)[number]\n\nexport const BUTTON_ICON_POSITIONS = ['leading', 'trailing'] as const\nexport type ButtonIconPosition = (typeof BUTTON_ICON_POSITIONS)[number]\n\nexport const BUTTON_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 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\nexport type ButtonColor = (typeof BUTTON_COLORS)[number]\n\n// These are the only “real” colors our legacy button knows about\nconst LEGACY_COLORS = [\n\t'primary',\n\t'secondary',\n\t'tertiary',\n\t'critical',\n\t'custom',\n] as const\ntype LegacyButtonColor = (typeof LEGACY_COLORS)[number]\n\n// map HDS “super-set” colors down to our legacy ones\nconst COLOR_MAP: Record<ButtonColor, LegacyButtonColor> = {\n\tprimary: 'primary',\n\t'primary-black': 'custom',\n\t'primary-white': 'custom',\n\tsecondary: 'custom',\n\t'secondary-high-contrast': 'custom',\n\t'secondary-white': 'custom',\n\t'secondary-black': 'custom',\n\ttertiary: 'tertiary',\n\tcritical: 'critical',\n\tboundary: 'custom',\n\tconsul: 'custom',\n\tnomad: 'custom',\n\tpacker: 'custom',\n\tterraform: 'custom',\n\tvagrant: 'custom',\n\tvault: 'custom',\n\twaypoint: 'custom',\n\thashicorp: 'primary',\n}\n\ninterface ButtonPrimitiveProps {\n\tsize?: ButtonSize\n\tcolor?: LegacyButtonColor\n\tisFullWidth?: boolean\n\tisIconOnly?: boolean\n\ticon?: string\n\ticonPosition?: ButtonIconPosition\n\ttext?: string\n\thref?: string\n\tisHrefExternal?: boolean\n\tonClick?: React.MouseEventHandler<HTMLButtonElement>\n\tclassName?: string\n\tlocale?: string\n\tdisabled?: boolean\n\tautoFocus?: boolean\n\ttype?: 'button' | 'submit' | 'reset'\n}\n\nconst ICON_SIZE_MAP = {\n\tsmall: 12,\n\tmedium: 16,\n\tlarge: 24,\n} as const satisfies Record<'small' | 'medium' | 'large', FlightIconSize>\n\nconst ButtonPrimitive = forwardRef<HTMLButtonElement, ButtonPrimitiveProps>(\n\t(\n\t\t{\n\t\t\tsize = 'medium',\n\t\t\tcolor = 'primary',\n\t\t\tisFullWidth,\n\t\t\tisIconOnly,\n\t\t\ticon,\n\t\t\ticonPosition = 'leading',\n\t\t\ttext,\n\t\t\thref,\n\t\t\tisHrefExternal,\n\t\t\tclassName,\n\t\t\tlocale,\n\t\t\t...rest\n\t\t},\n\t\tref\n\t) => {\n\t\tconst hasIcon = Boolean(icon)\n\t\tconst showIconOnly = isIconOnly && hasIcon\n\n\t\tconst iconElement = icon && (\n\t\t\t<FlightIcon name={icon} size={ICON_SIZE_MAP[size]} />\n\t\t)\n\n\t\treturn (\n\t\t\t<Interactive\n\t\t\t\tclassName={classNames(\n\t\t\t\t\ts.button,\n\t\t\t\t\ts[`size-${size}`],\n\t\t\t\t\t{\n\t\t\t\t\t\t[s['width-full']]: isFullWidth,\n\t\t\t\t\t\t[s['icon-only']]: showIconOnly,\n\t\t\t\t\t},\n\t\t\t\t\tcolor !== 'custom' && s[`color-${color}`],\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\thref={rest.disabled ? '' : href}\n\t\t\t\tisHrefExternal={isHrefExternal}\n\t\t\t\taria-label={showIconOnly ? text : undefined}\n\t\t\t\tlocale={locale}\n\t\t\t\t{...rest}\n\t\t\t\tref={ref}\n\t\t\t>\n\t\t\t\t{showIconOnly && icon ? (\n\t\t\t\t\ticonElement\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{icon && iconPosition === 'leading' && iconElement}\n\t\t\t\t\t\t<div className={s.text}>{text}</div>\n\t\t\t\t\t\t{icon && iconPosition === 'trailing' && iconElement}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</Interactive>\n\t\t)\n\t}\n)\nButtonPrimitive.displayName = 'ButtonPrimitive'\n\nexport interface ButtonProps extends Omit<ButtonPrimitiveProps, 'color'> {\n\tcolor?: ButtonColor\n}\n\nexport const Button = forwardRef<\n\tHTMLAnchorElement | HTMLButtonElement,\n\tButtonProps\n>(({ color = 'primary', className, ...rest }, ref) => {\n\tconst legacyColor = COLOR_MAP[color]\n\n\tconst remappedColors: Partial<Record<ButtonColor, ButtonColor>> = {\n\t\thashicorp: 'primary',\n\t\tsecondary: 'secondary-white',\n\t}\n\n\tconst customClass =\n\t\tlegacyColor === 'custom'\n\t\t\t? s[`color-${remappedColors[color] ?? color}`]\n\t\t\t: undefined\n\n\treturn (\n\t\t<ButtonPrimitive\n\t\t\t{...rest}\n\t\t\tcolor={legacyColor}\n\t\t\tclassName={classNames(customClass, className)}\n\t\t\tref={ref as ForwardRefExoticComponent<HTMLButtonElement>}\n\t\t/>\n\t)\n})\n\nButton.displayName = 'Button'\n"],"names":["BUTTON_SIZES","BUTTON_ICON_POSITIONS","BUTTON_COLORS","COLOR_MAP","ICON_SIZE_MAP","ButtonPrimitive","forwardRef","size","color","isFullWidth","isIconOnly","icon","iconPosition","text","href","isHrefExternal","className","locale","rest","ref","showIconOnly","iconElement","jsx","FlightIcon","Interactive","classNames","s","jsxs","Fragment","Button","legacyColor","customClass"],"mappings":"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"}

package/components/button/styles.module.scss.js

@@ -1,32 +0,0 @@
-const o = "button__gOWvd", r = "text__KbKvH", c = {
-  button: o,
-  "width-full": "width-full__juTUO",
-  text: r,
-  "color-primary": "color-primary__rWbwp",
-  "color-secondary": "color-secondary__-5Q4d",
-  "color-tertiary": "color-tertiary__rw4Ww",
-  "color-critical": "color-critical__-8hXs",
-  "color-primary-white": "color-primary-white__2JDoz",
-  "color-primary-black": "color-primary-black__zTF4n",
-  "color-secondary-white": "color-secondary-white__AseI0",
-  "color-secondary-black": "color-secondary-black__b-umt",
-  "color-secondary-high-contrast": "color-secondary-high-contrast__3bxg3",
-  "color-boundary": "color-boundary__xJtzy",
-  "color-consul": "color-consul__5lFsa",
-  "color-nomad": "color-nomad__HGWXf",
-  "color-packer": "color-packer__vbRu0",
-  "color-terraform": "color-terraform__DQMD5",
-  "color-vagrant": "color-vagrant__iNokw",
-  "color-vault": "color-vault__Q6Qbm",
-  "color-waypoint": "color-waypoint__8j-Oi",
-  "size-small": "size-small__kT0Jp",
-  "icon-only": "icon-only__5c-is",
-  "size-medium": "size-medium__HxMcm",
-  "size-large": "size-large__MEpK3"
-};
-export {
-  o as button,
-  c as default,
-  r as text
-};
-//# sourceMappingURL=styles.module.scss.js.map

package/components/button/styles.module.scss.js.map

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

package/components/card/card-thumbnail/card-thumbnail.module.css.js

@@ -1,8 +0,0 @@
-const t = "thumbnail__f0mUs", a = {
-  thumbnail: t
-};
-export {
-  a as default,
-  t as thumbnail
-};
-//# sourceMappingURL=card-thumbnail.module.css.js.map

package/components/card/card-thumbnail/card-thumbnail.module.css.js.map

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

package/components/card/card-thumbnail/index.js

@@ -1,23 +0,0 @@
-"use client";
-import { jsx as e } from "react/jsx-runtime";
-import { useMDSImage as l } from "../../../utils/mds-context/index.js";
-import o from "./card-thumbnail.module.css.js";
-const u = ({
-  alt: r,
-  aspectRatio: m,
-  src: t
-}) => {
-  const i = l();
-  return t ? /* @__PURE__ */ e(
-    "div",
-    {
-      className: o.thumbnail,
-      style: { "--aspect-ratio": m },
-      children: /* @__PURE__ */ e(i, { fill: !0, alt: r, src: t })
-    }
-  ) : null;
-};
-export {
-  u as CardThumbnail
-};
-//# sourceMappingURL=index.js.map

package/components/card/card-thumbnail/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/card/card-thumbnail/index.tsx"],"sourcesContent":["'use client'\n\nimport { useMDSImage } from '../../../utils/mds-context'\nimport type { CardThumbnailProps } from '../types'\nimport s from './card-thumbnail.module.css'\n\nexport const CardThumbnail = ({\n\talt,\n\taspectRatio,\n\tsrc,\n}: CardThumbnailProps) => {\n\tconst Image = useMDSImage()\n\treturn src ? (\n\t\t<div\n\t\t\tclassName={s.thumbnail}\n\t\t\tstyle={{ ['--aspect-ratio' as string]: aspectRatio }}\n\t\t>\n\t\t\t<Image fill alt={alt} src={src} />\n\t\t</div>\n\t) : null\n}\n"],"names":["CardThumbnail","alt","aspectRatio","src","Image","useMDSImage","jsx","s"],"mappings":";;;;AAM8B,MAC7BA,IAAA,CAAA;AAAA,EACA,KAAAC;AAAA,EACA,aAAAC;AAAA,EACD,KAAAC;AACC,MAAA;AACA,QAAAC,IAAOC,EAAA;AACN,SAACF,IAAA,gBAAAG;AAAA,IAAA;AAAA,IAAA;AAAA,MAEA,WAAUC,EAAA;AAAA,MAEV,OAAA,EAAA,kBAAAL,EAAO;AAAA,MAAyB,UAAA,gBAAAI,EAAAF,GAAA,EAAA,MAAA,IAAA,KAAAH,GAAA,KAAAE,EAAA,CAAA;AAAA;EAGnC,IAAA;;"}