@hashicorp/mds-react 0.9.13 → 0.9.15

package/dist/components/visualizations/donut-chart/index.js

@@ -0,0 +1,91 @@
+"use client";
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { ResponsivePie as h } from "@nivo/pie";
+import { useResizeObserver as f } from "@usefy/use-resize-observer";
+import p from "classnames";
+import { Tabs as m } from "../../tabs/index.js";
+import { useTabsContext as L } from "../../tabs/use-tabs-context.js";
+import n from "./styles.module.css.js";
+import { renderArcTooltip as d } from "./components/arc-tooltip/index.js";
+import { useRenderArcLinkLabelComponent as k } from "./components/external-arc-label/index.js";
+import { useRenderArcLabelComponent as C } from "./components/internal-arc-label/index.js";
+const A = (e) => e > 4 ? 24 : 16, N = (e) => e === "xsmall" ? { top: 10, right: 0, bottom: 10, left: 0 } : e === "small" ? { top: 10, right: 40, bottom: 20, left: 40 } : { top: 80, right: 210, bottom: 84, left: 210 }, R = ({ data: e }) => e.length > 1 ? /* @__PURE__ */ s(m.Provider, { size: "large", children: [
+  /* @__PURE__ */ a(m.TabList, { children: e.map((r, t) => /* @__PURE__ */ a(m.Tab, { className: n.tab, children: r.groupName }, t)) }),
+  /* @__PURE__ */ a(D, { data: e })
+] }) : /* @__PURE__ */ a(u, { data: e });
+R.displayName = "DonutChart";
+const D = ({ data: e }) => {
+  const { selectedTabIndex: r, tabIds: t } = L(), l = t[r];
+  return /* @__PURE__ */ a(u, { tabId: l, data: e, groupIndex: r });
+}, u = ({
+  tabId: e,
+  data: r,
+  groupIndex: t = 0
+}) => {
+  const [l, c] = g("regular"), { ref: b } = f({
+    onResize: (i) => {
+      const o = i.contentRect?.width ?? 0;
+      o && o < 360 ? c("xsmall") : o && o < 600 ? c("small") : c("regular");
+    }
+  });
+  return /* @__PURE__ */ s(
+    "figure",
+    {
+      className: p(
+        n["chart-container"],
+        r.length > 1 && n.multiple
+      ),
+      id: r[t].groupId,
+      role: "tabpanel",
+      tabIndex: 0,
+      "aria-label": e ? void 0 : r[t].groupName,
+      "aria-labelledby": e || void 0,
+      children: [
+        /* @__PURE__ */ s("div", { className: p(n.chart, n[l]), ref: b, children: [
+          /* @__PURE__ */ a(
+            h,
+            {
+              data: r[t].groupData,
+              margin: N(l),
+              enableArcLabels: l !== "regular",
+              enableArcLinkLabels: l === "regular",
+              arcLabelsComponent: C,
+              arcLinkLabelComponent: k,
+              arcLinkLabelsSkipAngle: A(
+                r[t].groupData.length
+              ),
+              tooltip: d,
+              "aria-hidden": "true",
+              colors: { datum: "data.color" },
+              innerRadius: 0.5,
+              padAngle: 1,
+              cornerRadius: 8,
+              activeOuterRadiusOffset: 4,
+              arcLinkLabelsThickness: 1,
+              arcLinkLabelsOffset: 4,
+              arcLinkLabelsDiagonalLength: 28,
+              arcLinkLabelsStraightLength: 24,
+              arcLabelsSkipAngle: 16
+            }
+          ),
+          r[t].groupCaption && /* @__PURE__ */ a("figcaption", { children: r[t].groupCaption })
+        ] }),
+        l !== "regular" && /* @__PURE__ */ a("ul", { className: n.legend, "aria-hidden": "true", children: r[t].groupData.map((i) => /* @__PURE__ */ s("li", { children: [
+          /* @__PURE__ */ a(
+            "span",
+            {
+              className: n["legend-dot"],
+              style: { background: i.color }
+            }
+          ),
+          i.label
+        ] }, i.id)) })
+      ]
+    }
+  );
+};
+export {
+  R as DonutChart
+};
+//# sourceMappingURL=index.js.map

package/dist/components/visualizations/donut-chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/visualizations/donut-chart/index.tsx"],"sourcesContent":["'use client'\n\nimport { useState } from 'react'\nimport { ResponsivePie } from '@nivo/pie'\nimport type { DonutChartData, DonutChartProps, DonutChartSize } from './types'\nimport { useResizeObserver } from '@usefy/use-resize-observer'\nimport classNames from 'classnames'\nimport { Tabs } from '../../tabs'\nimport {\n\trenderArcTooltip,\n\tuseRenderArcLabelComponent,\n\tuseRenderArcLinkLabelComponent,\n} from './components'\nimport { useTabsContext } from '../../tabs/use-tabs-context'\nimport s from './styles.module.css'\n\nconst getArcLinkLabelsSkipAngle = (count: number): number => {\n\tif (count > 4) {\n\t\treturn 24\n\t}\n\n\treturn 16\n}\n\nconst getMargins = (\n\tsize: DonutChartSize,\n): {\n\ttop?: number\n\tright?: number\n\tbottom?: number\n\tleft?: number\n} => {\n\tif (size === 'xsmall') {\n\t\treturn { top: 10, right: 0, bottom: 10, left: 0 }\n\t} else if (size === 'small') {\n\t\treturn { top: 10, right: 40, bottom: 20, left: 40 }\n\t} else {\n\t\treturn { top: 80, right: 210, bottom: 84, left: 210 }\n\t}\n}\n\nexport const DonutChart = ({ data }: DonutChartProps) =>\n\tdata.length > 1 ? (\n\t\t<Tabs.Provider size=\"large\">\n\t\t\t<Tabs.TabList>\n\t\t\t\t{data.map((group, i) => (\n\t\t\t\t\t<Tabs.Tab key={i} className={s.tab}>\n\t\t\t\t\t\t{group.groupName}\n\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t))}\n\t\t\t</Tabs.TabList>\n\t\t\t<DonutChartPanelWithTabCtx data={data} />\n\t\t</Tabs.Provider>\n\t) : (\n\t\t<DonutChartPanel data={data} />\n\t)\n\nDonutChart.displayName = 'DonutChart'\n\nconst DonutChartPanelWithTabCtx = ({ data }: { data: DonutChartData[] }) => {\n\tconst { selectedTabIndex, tabIds } = useTabsContext()\n\n\tconst tabId = tabIds[selectedTabIndex]\n\n\treturn (\n\t\t<DonutChartPanel tabId={tabId} data={data} groupIndex={selectedTabIndex} />\n\t)\n}\n\nexport interface DonutChartPanelProps {\n\ttabId?: string\n\tdata: DonutChartData[]\n\tgroupIndex?: number\n}\n\nconst DonutChartPanel = ({\n\ttabId,\n\tdata,\n\tgroupIndex = 0,\n}: DonutChartPanelProps) => {\n\tconst [size, setSize] = useState<DonutChartSize>('regular')\n\tconst { ref } = useResizeObserver<HTMLDivElement>({\n\t\tonResize: (entry) => {\n\t\t\tconst width = entry.contentRect?.width ?? 0\n\n\t\t\tif (width && width < 360) {\n\t\t\t\tsetSize('xsmall')\n\t\t\t} else if (width && width < 600) {\n\t\t\t\tsetSize('small')\n\t\t\t} else {\n\t\t\t\tsetSize('regular')\n\t\t\t}\n\t\t},\n\t})\n\n\treturn (\n\t\t<figure\n\t\t\tclassName={classNames(\n\t\t\t\ts['chart-container'],\n\t\t\t\tdata.length > 1 && s.multiple,\n\t\t\t)}\n\t\t\tid={data[groupIndex].groupId}\n\t\t\trole=\"tabpanel\"\n\t\t\ttabIndex={0}\n\t\t\taria-label={tabId ? undefined : data[groupIndex].groupName}\n\t\t\taria-labelledby={tabId || undefined}\n\t\t>\n\t\t\t<div className={classNames(s.chart, s[size])} ref={ref}>\n\t\t\t\t<ResponsivePie\n\t\t\t\t\tdata={data[groupIndex].groupData}\n\t\t\t\t\tmargin={getMargins(size)}\n\t\t\t\t\tenableArcLabels={size !== 'regular'}\n\t\t\t\t\tenableArcLinkLabels={size === 'regular'}\n\t\t\t\t\tarcLabelsComponent={useRenderArcLabelComponent}\n\t\t\t\t\tarcLinkLabelComponent={useRenderArcLinkLabelComponent}\n\t\t\t\t\tarcLinkLabelsSkipAngle={getArcLinkLabelsSkipAngle(\n\t\t\t\t\t\tdata[groupIndex].groupData.length,\n\t\t\t\t\t)}\n\t\t\t\t\ttooltip={renderArcTooltip}\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tcolors={{ datum: 'data.color' }}\n\t\t\t\t\tinnerRadius={0.5}\n\t\t\t\t\tpadAngle={1}\n\t\t\t\t\tcornerRadius={8}\n\t\t\t\t\tactiveOuterRadiusOffset={4}\n\t\t\t\t\tarcLinkLabelsThickness={1}\n\t\t\t\t\tarcLinkLabelsOffset={4}\n\t\t\t\t\tarcLinkLabelsDiagonalLength={28}\n\t\t\t\t\tarcLinkLabelsStraightLength={24}\n\t\t\t\t\tarcLabelsSkipAngle={16}\n\t\t\t\t/>\n\t\t\t\t{data[groupIndex].groupCaption && (\n\t\t\t\t\t<figcaption>{data[groupIndex].groupCaption}</figcaption>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{size !== 'regular' && (\n\t\t\t\t<ul className={s.legend} aria-hidden=\"true\">\n\t\t\t\t\t{data[groupIndex].groupData.map((record) => (\n\t\t\t\t\t\t<li key={record.id}>\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName={s['legend-dot']}\n\t\t\t\t\t\t\t\tstyle={{ background: record.color }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{record.label}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t))}\n\t\t\t\t</ul>\n\t\t\t)}\n\t\t</figure>\n\t)\n}\n"],"names":["getArcLinkLabelsSkipAngle","count","getMargins","size","DonutChart","data","jsxs","Tabs","jsx","group","i","s","DonutChartPanelWithTabCtx","DonutChartPanel","selectedTabIndex","useTabsContext","tabId","tabIds","groupIndex","setSize","ref","useResizeObserver","width","entry","classNames","ResponsivePie","useRenderArcLabelComponent","renderArcTooltip","record"],"mappings":"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"}

package/dist/components/visualizations/donut-chart/styles.module.css

@@ -0,0 +1,71 @@
+.chart-container {
+	position: relative;
+	background: var(--mds-accent-border-color, var(--mds-color-border-primary));
+	border-radius: var(--mds-spacing-04);
+	margin: 0;
+	padding: 2rem;
+	isolation: isolate;
+	&.multiple {
+		margin-top: 2rem;
+	}
+	&::after {
+		content: '';
+		position: absolute;
+		z-index: -1;
+		inset: var(--mds-accent-border-width, 1px);
+		background-color: var(--mds-color-surface-primary);
+		border-radius: calc(var(--mds-spacing-04) - var(--mds-accent-border-width, 1px));
+	}
+}
+
+.chart {
+	position: relative;
+	margin-inline: auto;
+	&.regular {
+		aspect-ratio: 7 / 4;
+		max-height: 540px;
+	}
+	&.small {
+		height: 360px;
+	}
+	&.xsmall {
+		height: 280px;
+	}
+	& > div {
+		position: absolute;
+	}
+	& svg {
+		display: block;
+	}
+	& figcaption {
+		position: absolute;
+		width: 1px;
+		height: 1px;
+		padding: 0;
+		margin: -1px;
+		overflow: hidden;
+		clip-path: inset(50%);
+		white-space: nowrap;
+		border-width: 0;
+	}
+}
+
+.legend {
+	display: grid;
+	gap: 1rem 2rem;
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	color: var(--mds-color-foreground-primary);
+	& li {
+		display: flex;
+		gap: 8px;
+		line-height: 1.25em;
+	}
+}
+
+.legend-dot {
+	flex-shrink: 0;
+	width: 20px;
+	height: 20px;
+}

package/dist/components/visualizations/donut-chart/types.d.ts

@@ -0,0 +1,17 @@
+export interface DonutChartSlice {
+    id: string;
+    label: string;
+    value: number;
+    color: string;
+}
+export type DonutChartData = {
+    groupId: string;
+    groupName: string;
+    groupCaption?: string;
+    groupData: DonutChartSlice[];
+};
+export interface DonutChartProps {
+    data: DonutChartData[];
+}
+export type DonutChartSize = 'regular' | 'small' | 'xsmall';
+//# sourceMappingURL=types.d.ts.map

package/dist/components/visualizations/donut-chart/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/visualizations/donut-chart/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACb;AAED,MAAM,MAAM,cAAc,GAAG;IAC5B,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,eAAe,EAAE,CAAA;CAC5B,CAAA;AAED,MAAM,WAAW,eAAe;IAC/B,IAAI,EAAE,cAAc,EAAE,CAAA;CACtB;AAED,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './patterns';
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}

package/dist/index.js

@@ -0,0 +1,169 @@
+import { Accordion as e } from "./components/accordion/index.js";
+import { BADGE_COLORS as p, BADGE_SIZES as m, BADGE_TYPES as x, Badge as f } from "./components/badge/index.js";
+import { BadgeCount as i } from "./components/badge-count/index.js";
+import { Alert as n, AlertActions as l, AlertButton as C, AlertStandaloneLink as S } from "./components/alert/index.js";
+import { Breadcrumbs as O } from "./components/breadcrumbs/index.js";
+import { BUTTON_COLORS as c, BUTTON_ICON_POSITIONS as L, BUTTON_SIZES as s, Button as A } from "./components/button/index.js";
+import { Card as _, CardContent as P } from "./components/card/index.js";
+import { CodeBlock as B } from "./components/code-block/index.js";
+import { DisclosurePrimitive as D } from "./components/disclosure-primitive/index.js";
+import { useDisclosurePrimitive as R } from "./components/disclosure-primitive/use-disclosure-primitive.js";
+import { Dropdown as G } from "./components/dropdown/index.js";
+import { FLIGHT_ICON_SIZES as k, FlightIcon as b } from "./components/flight-icon/index.js";
+import { CheckboxBase as v, CheckboxField as M, CheckboxGroup as H } from "./components/form/checkbox/index.js";
+import { Error as y } from "./components/form/error/index.js";
+import { Field as Y } from "./components/form/field/index.js";
+import { Fieldset as w } from "./components/form/fieldset/index.js";
+import { FileInputBase as V, FileInputField as W } from "./components/form/file-input/index.js";
+import { HelperText as q } from "./components/form/helper-text/index.js";
+import { Indicator as Q } from "./components/form/indicator/index.js";
+import { Label as oo } from "./components/form/label/index.js";
+import { Legend as eo } from "./components/form/legend/index.js";
+import { RadioBase as po, RadioField as mo, RadioGroup as xo } from "./components/form/radio/index.js";
+import { RadioCard as ao } from "./components/form/radio-card/index.js";
+import { SelectField as no } from "./components/form/select/index.js";
+import { SuperSelectField as Co } from "./components/form/super-select/index.js";
+import { TextInput as To, TextInputBase as Oo } from "./components/form/text-input/index.js";
+import { TextAreaField as co } from "./components/form/textarea/index.js";
+import { ToggleBase as so, ToggleField as Ao, ToggleGroup as Io } from "./components/form/toggle/index.js";
+import { IconTile as Po } from "./components/icon-tile/index.js";
+import { InlineLink as Bo } from "./components/inline-link/index.js";
+import { MDSButton as Do } from "./components/legacy-button/index.js";
+import { ModalProvider as Ro } from "./components/modal/index.js";
+import { Separator as Go } from "./components/separator/index.js";
+import { Skeleton as ko } from "./components/skeleton/index.js";
+import { SkeletonForm as ho } from "./components/skeleton/skeleton-form/index.js";
+import { STANDALONE_LINK_COLORS as Mo, STANDALONE_LINK_ICON_POSITIONS as Ho, STANDALONE_LINK_SIZES as Zo, StandaloneLink as yo } from "./components/standalone-link/index.js";
+import { Table as Yo } from "./components/table/index.js";
+import { getDensity as wo, getHorizontalAlignment as Xo, getScope as Vo, getVerticalAlignment as Wo } from "./components/table/utils.js";
+import { Tabs as qo } from "./components/tabs/index.js";
+import { useTabsContext as Qo } from "./components/tabs/use-tabs-context.js";
+import { TEXT_COLORS as or, TEXT_WEIGHTS as rr, Text as er } from "./components/text/index.js";
+import { BarChart as pr } from "./components/visualizations/bar-chart/index.js";
+import { DonutChart as xr } from "./components/visualizations/donut-chart/index.js";
+import { PartnerCard as ar } from "./patterns/card/partner-card/index.js";
+import { CardPrimitives as dr } from "./patterns/card/primitives.js";
+import { CopyButton as lr } from "./patterns/copy-button/index.js";
+import { LAYOUT_APPEARANCES as Sr, LAYOUT_BACKGROUNDS as Tr, LAYOUT_PADDING as Or, Layout as ur, normalizeLayoutProps as cr } from "./patterns/layout/index.js";
+import { ProductBadge as sr } from "./patterns/product-badge/index.js";
+import { PRODUCT_LOGO_COLORS as Ir, PRODUCT_LOGO_PRODUCTS as _r, PRODUCT_LOGO_SIZES as Pr, ProductLogo as gr, normalizeProductLogoProps as Br } from "./patterns/product-logo/index.js";
+import { RelatedContent as Dr } from "./patterns/related-content/index.js";
+import { useLarge as Rr, useMedium as Fr, useMediumUp as Gr, useSmall as Ur } from "./utils/hooks/use-screen-size/index.js";
+import { MDSProvider as br } from "./utils/mds-context/index.js";
+import { onClipboardClickHandler as vr } from "./utils/clipboard.js";
+import { AccordionContent as Hr, AccordionItem as Zr, AccordionToggle as yr } from "./components/accordion/item/index.js";
+import { RadioCardGroup as Yr } from "./components/form/radio-card/group.js";
+import { useModal as wr } from "./components/modal/use-modal.js";
+import { NewsroomCard as Vr } from "./patterns/card/newsroom-card/index.js";
+import { PersonCard as jr } from "./patterns/card/person-card/index.js";
+import { PromoCard as Jr } from "./patterns/card/promo-card/index.js";
+import { ResourceCard as $r } from "./patterns/card/resource-card/index.js";
+import { UnifiedCard as re } from "./patterns/card/unified-card/index.js";
+import { LocaleProvider as te } from "./utils/i18n/helpers/locale-provider.js";
+import { useLocale as me } from "./utils/i18n/helpers/use-locale.js";
+export {
+  e as Accordion,
+  Hr as AccordionContent,
+  Zr as AccordionItem,
+  yr as AccordionToggle,
+  n as Alert,
+  l as AlertActions,
+  C as AlertButton,
+  S as AlertStandaloneLink,
+  p as BADGE_COLORS,
+  m as BADGE_SIZES,
+  x as BADGE_TYPES,
+  c as BUTTON_COLORS,
+  L as BUTTON_ICON_POSITIONS,
+  s as BUTTON_SIZES,
+  f as Badge,
+  i as BadgeCount,
+  pr as BarChart,
+  O as Breadcrumbs,
+  A as Button,
+  _ as Card,
+  P as CardContent,
+  dr as CardPrimitives,
+  v as CheckboxBase,
+  M as CheckboxField,
+  H as CheckboxGroup,
+  B as CodeBlock,
+  lr as CopyButton,
+  D as DisclosurePrimitive,
+  xr as DonutChart,
+  G as Dropdown,
+  y as Error,
+  k as FLIGHT_ICON_SIZES,
+  Y as Field,
+  w as Fieldset,
+  V as FileInputBase,
+  W as FileInputField,
+  b as FlightIcon,
+  q as HelperText,
+  Po as IconTile,
+  Q as Indicator,
+  Bo as InlineLink,
+  Sr as LAYOUT_APPEARANCES,
+  Tr as LAYOUT_BACKGROUNDS,
+  Or as LAYOUT_PADDING,
+  oo as Label,
+  ur as Layout,
+  eo as Legend,
+  te as LocaleProvider,
+  Do as MDSButton,
+  br as MDSProvider,
+  Ro as ModalProvider,
+  Vr as NewsroomCard,
+  Ir as PRODUCT_LOGO_COLORS,
+  _r as PRODUCT_LOGO_PRODUCTS,
+  Pr as PRODUCT_LOGO_SIZES,
+  ar as PartnerCard,
+  jr as PersonCard,
+  sr as ProductBadge,
+  gr as ProductLogo,
+  Jr as PromoCard,
+  po as RadioBase,
+  ao as RadioCard,
+  Yr as RadioCardGroup,
+  mo as RadioField,
+  xo as RadioGroup,
+  Dr as RelatedContent,
+  $r as ResourceCard,
+  Mo as STANDALONE_LINK_COLORS,
+  Ho as STANDALONE_LINK_ICON_POSITIONS,
+  Zo as STANDALONE_LINK_SIZES,
+  no as SelectField,
+  Go as Separator,
+  ko as Skeleton,
+  ho as SkeletonForm,
+  yo as StandaloneLink,
+  Co as SuperSelectField,
+  or as TEXT_COLORS,
+  rr as TEXT_WEIGHTS,
+  Yo as Table,
+  qo as Tabs,
+  er as Text,
+  co as TextAreaField,
+  To as TextInput,
+  Oo as TextInputBase,
+  so as ToggleBase,
+  Ao as ToggleField,
+  Io as ToggleGroup,
+  re as UnifiedCard,
+  wo as getDensity,
+  Xo as getHorizontalAlignment,
+  Vo as getScope,
+  Wo as getVerticalAlignment,
+  cr as normalizeLayoutProps,
+  Br as normalizeProductLogoProps,
+  vr as onClipboardClickHandler,
+  R as useDisclosurePrimitive,
+  Rr as useLarge,
+  me as useLocale,
+  Fr as useMedium,
+  Gr as useMediumUp,
+  wr as useModal,
+  Ur as useSmall,
+  Qo as useTabsContext
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/patterns/card/index.d.ts

@@ -0,0 +1,6 @@
+export { NewsroomCard, type NewsroomCardProps } from './newsroom-card';
+export { PersonCard, type PersonCardProps } from './person-card';
+export { ResourceCard, type ResourceCardProps } from './resource-card';
+export { UnifiedCard, type UnifiedCardProps } from './unified-card';
+export { PromoCard, type PromoCardProps } from './promo-card';
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACtE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAA"}

package/dist/patterns/card/newsroom-card/index.d.ts

@@ -0,0 +1,16 @@
+import type { ThumbnailProps } from '../types';
+interface NewsroomCardProps {
+    heading: string;
+    date: string;
+    category: string;
+    link: string;
+    thumbnail?: ThumbnailProps;
+    withArrow?: boolean;
+}
+declare const NewsroomCard: {
+    ({ heading, date, category, link, thumbnail, withArrow, }: NewsroomCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type { NewsroomCardProps };
+export { NewsroomCard };
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/card/newsroom-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/patterns/card/newsroom-card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAI9C,UAAU,iBAAiB;IAC1B,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,YAAY;+DAOf,iBAAiB;;CAWnB,CAAA;AAID,YAAY,EAAE,iBAAiB,EAAE,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/patterns/card/partner-card/index.d.ts

@@ -0,0 +1,19 @@
+import type { MDSImageProps } from '../../../utils/mds-context';
+import type { CardPatternProps } from '../types';
+interface PartnerCardProps {
+    heading: string;
+    description: string;
+    meta: string[];
+    link: string;
+    productBadges?: CardPatternProps['productBadges'];
+    competencyBadges?: string[];
+    logo: MDSImageProps;
+    className?: string;
+}
+declare const PartnerCard: {
+    ({ heading, description, meta, link, productBadges, competencyBadges, logo, className, }: PartnerCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type { PartnerCardProps };
+export { PartnerCard };
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/card/partner-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/patterns/card/partner-card/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAK/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAGhD,UAAU,gBAAgB;IACzB,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAA;IACjD,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,IAAI,EAAE,aAAa,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,WAAW;8FASd,gBAAgB;;CAiClB,CAAA;AAID,YAAY,EAAE,gBAAgB,EAAE,CAAA;AAChC,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/patterns/card/person-card/index.d.ts

@@ -0,0 +1,16 @@
+import type { ProductBadgesProps, ThumbnailProps } from '../types';
+interface PersonCardProps {
+    thumbnail: ThumbnailProps;
+    link: string;
+    name: string;
+    location?: string;
+    bio?: string;
+    productBadges?: ProductBadgesProps['badges'];
+}
+declare const PersonCard: {
+    ({ link, thumbnail, name, location, bio, productBadges, }: PersonCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type { PersonCardProps };
+export { PersonCard };
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/card/person-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/patterns/card/person-card/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAIlE,UAAU,eAAe;IACxB,SAAS,EAAE,cAAc,CAAA;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,aAAa,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAA;CAC5C;AA6CD,QAAA,MAAM,UAAU;+DAOb,eAAe;;CAyBjB,CAAA;AAID,YAAY,EAAE,eAAe,EAAE,CAAA;AAC/B,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/patterns/card/primitives.d.ts

@@ -0,0 +1,38 @@
+import type { CardPrimitiveProps, MetaProps, ContentProps, HeadingProps, ProductBadgesProps, DescriptionProps } from './types';
+declare const CardPrimitives: {
+    Root: import("react").ForwardRefExoticComponent<CardPrimitiveProps & import("react").RefAttributes<HTMLDivElement>>;
+    Thumbnail: {
+        ({ src, alt }: import("./types").ThumbnailProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    PersonThumbnail: {
+        ({ src, alt }: import("./types").ThumbnailProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    LogoThumbnail: {
+        ({ src, alt }: import("./types").ThumbnailProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Meta: {
+        ({ items }: MetaProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ children }: ContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Heading: {
+        ({ as, children }: HeadingProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Description: {
+        ({ children }: DescriptionProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    ProductBadges: {
+        ({ badges, children }: ProductBadgesProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export { CardPrimitives };
+//# sourceMappingURL=primitives.d.ts.map

package/dist/patterns/card/primitives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../../src/patterns/card/primitives.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACX,kBAAkB,EAClB,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,MAAM,SAAS,CAAA;AA4GhB,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;oBA1EK,SAAS;;;;uBAwBH,YAAY;;;;2BAUD,YAAY;;;;uBA8BnB,gBAAgB;;;;+BApBN,kBAAkB;;;CAwC9D,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/patterns/card/promo-card/index.d.ts

@@ -0,0 +1,19 @@
+import type { ThumbnailProps } from '../types';
+interface PromoCardProps {
+    heading: string;
+    description?: string;
+    eyebrow?: string;
+    link: string;
+    clickHandler?: () => void;
+    thumbnail?: ThumbnailProps;
+    withArrow?: boolean;
+    isExternal?: boolean;
+    className?: string;
+}
+declare const PromoCard: {
+    ({ heading, description, eyebrow, link, clickHandler, thumbnail, withArrow, isExternal, className, }: PromoCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type { PromoCardProps };
+export { PromoCard };
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/card/promo-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/patterns/card/promo-card/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,UAAU,cAAc;IACvB,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,QAAA,MAAM,SAAS;0GAUZ,cAAc;;CAoBhB,CAAA;AAID,YAAY,EAAE,cAAc,EAAE,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/patterns/card/resource-card/index.d.ts

@@ -0,0 +1,17 @@
+import type { CardPatternProps, ThumbnailProps } from '../types';
+interface ResourceCardProps {
+    heading: string;
+    date?: string;
+    category: string;
+    link: string;
+    productBadges?: CardPatternProps['productBadges'];
+    thumbnail: ThumbnailProps;
+    isExternal?: CardPatternProps['isExternal'];
+}
+declare const ResourceCard: {
+    ({ heading, date, category, link, productBadges, thumbnail, isExternal, }: ResourceCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type { ResourceCardProps };
+export { ResourceCard };
+//# sourceMappingURL=index.d.ts.map

package/dist/patterns/card/resource-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/patterns/card/resource-card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAGhE,UAAU,iBAAiB;IAC1B,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,aAAa,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAA;IACjD,SAAS,EAAE,cAAc,CAAA;IACzB,UAAU,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAA;CAC3C;AAED,QAAA,MAAM,YAAY;+EAQf,iBAAiB;;CAanB,CAAA;AAID,YAAY,EAAE,iBAAiB,EAAE,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,CAAA"}