@hashicorp/mds-react 0.9.13 → 0.9.15

package/components/visualizations/bar-chart/horizontal-chart/style.module.css

@@ -1,76 +0,0 @@
-.barChart {
-	margin: 0 auto;
-	align-items: center;
-	display: flex;
-	flex-direction: column;
-	width: 100%;
-}
-
-.chart {
-	width: 100%;
-	display: grid;
-	row-gap: var(--mds-spacing-06);
-}
-
-.dataset {
-	display: grid;
-	width: 100%;
-
-	@media (--large) {
-		grid-column-gap: var(--mds-spacing-07);
-		grid-row-gap: var(--mds-spacing-04);
-		grid-template-columns: 1fr 1fr;
-	}
-}
-
-.datasetLabel {
-	align-self: center;
-	display: flex;
-	margin-bottom: var(--mds-spacing-01);
-	color: var(--mds-color-foreground-primary);
-	composes: mds-typography-body-200 from global;
-
-	@media (--large) {
-		justify-content: flex-end;
-		margin-bottom: 0;
-		text-align: right;
-	}
-}
-
-.datasetValues {
-	align-self: center;
-	overflow: hidden;
-
-	&.datasetValuesStacked {
-		display: grid;
-		@media (min-width: 560px) {
-			display: flex;
-			align-items: center;
-		}
-	}
-}
-
-.datasetTotal {
-	margin: 0;
-}
-
-.datasetTotalText {
-	@media (min-width: 560px) {
-		display: none;
-	}
-}
-
-.datasetTotalPercent {
-	padding-left: var(--mds-spacing-02);
-}
-
-.showAllButton {
-	display: block;
-	margin-left: auto;
-	margin-right: auto;
-	margin-top: var(--mds-spacing-08);
-}
-
-.legend {
-	margin-top: var(--mds-spacing-09);
-}

package/components/visualizations/bar-chart/index.d.ts

@@ -1,13 +0,0 @@
-import { default as HorizontalBarChart, HorizontalBarChartProps } from './horizontal-chart';
-interface HorizontalBarChart extends HorizontalBarChartProps {
-    name: string;
-    caption: string;
-}
-export interface BarChartProps {
-    data: HorizontalBarChart[];
-}
-export declare const BarChart: {
-    ({ data }: BarChartProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/components/visualizations/bar-chart/style.module.css

@@ -1,39 +0,0 @@
-.chartContainer {
-	position: relative;
-	background: var(--mds-accent-border-color, var(--mds-color-border-primary));
-	border-radius: var(--mds-spacing-04);
-	margin: 0;
-	padding: var(--mds-spacing-08);
-	isolation: isolate;
-
-	&.multiple {
-		margin-top: var(--mds-spacing-08);
-	}
-
-	&::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)
-		);
-	}
-
-	@media (--medium-up) {
-		padding: var(--mds-spacing-11) var(--mds-spacing-15);
-	}
-}
-
-.caption {
-	position: absolute;
-	width: 1px;
-	height: 1px;
-	padding: 0;
-	margin: -1px;
-	overflow: hidden;
-	clip: rect(0, 0, 0, 0);
-	white-space: nowrap;
-	border-width: 0;
-}

package/components/visualizations/donut-chart/components/arc-tooltip/index.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-import { DefaultRawDatum, PieTooltipProps } from '@nivo/pie';
-export declare const renderArcTooltip: FC<PieTooltipProps<DefaultRawDatum>>;

package/components/visualizations/donut-chart/components/external-arc-label/index.d.ts

@@ -1,3 +0,0 @@
-import { ComputedDatum, DefaultRawDatum } from '@nivo/pie';
-import { ArcLinkLabelComponent } from '@nivo/arcs';
-export declare const useRenderArcLinkLabelComponent: typeof ArcLinkLabelComponent<ComputedDatum<DefaultRawDatum>>;

package/components/visualizations/donut-chart/components/index.d.ts

@@ -1,3 +0,0 @@
-export { renderArcTooltip } from './arc-tooltip';
-export { useRenderArcLinkLabelComponent } from './external-arc-label';
-export { useRenderArcLabelComponent } from './internal-arc-label';

package/components/visualizations/donut-chart/components/internal-arc-label/index.d.ts

@@ -1,3 +0,0 @@
-import { ComputedDatum, DefaultRawDatum } from '@nivo/pie';
-import { ArcLabelComponent } from '@nivo/arcs';
-export declare const useRenderArcLabelComponent: typeof ArcLabelComponent<ComputedDatum<DefaultRawDatum>>;

package/components/visualizations/donut-chart/index.d.ts

@@ -1,10 +0,0 @@
-import { DonutChartData, DonutChartProps } from './types';
-export declare const DonutChart: {
-    ({ data }: DonutChartProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export interface DonutChartPanelProps {
-    tabId?: string;
-    data: DonutChartData[];
-    groupIndex?: number;
-}

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

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

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

@@ -1 +0,0 @@
-{"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 '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: ({ width }) => {\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","useResizeObserver","width","classNames","ref","ResponsivePie","useRenderArcLabelComponent","renderArcTooltip","record"],"mappings":"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"}

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

@@ -1,73 +0,0 @@
-.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: rect(0, 0, 0, 0);
-		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/components/visualizations/donut-chart/types.d.ts

@@ -1,16 +0,0 @@
-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';

package/hooks/use-media-query/index.js

@@ -1,16 +0,0 @@
-import { useState as r, useEffect as i } from "react";
-function o(s) {
-  const [t, n] = r(!1);
-  return i(() => {
-    const e = window.matchMedia(s);
-    e.matches !== t && n(e.matches);
-    const a = (c) => {
-      n(c.matches);
-    };
-    return e.addEventListener("change", a), () => e.removeEventListener("change", a);
-  }, [t, s]), t;
-}
-export {
-  o as useMediaQuery
-};
-//# sourceMappingURL=index.js.map

package/hooks/use-media-query/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../hooks/use-media-query/index.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\n\nfunction useMediaQuery(query: string) {\n\tconst [matches, setMatches] = useState(false)\n\n\tuseEffect(() => {\n\t\tconst media = window.matchMedia(query)\n\t\tif (media.matches !== matches) {\n\t\t\tsetMatches(media.matches)\n\t\t}\n\n\t\tconst listener = (event: MediaQueryListEvent) => {\n\t\t\tsetMatches(event.matches)\n\t\t}\n\n\t\tmedia.addEventListener('change', listener)\n\t\treturn () => media.removeEventListener('change', listener)\n\t}, [matches, query])\n\n\treturn matches\n}\n\nexport { useMediaQuery }\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event"],"mappings":";AAEA,SAASA,EAAcC,GAAe;AACrC,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACf,UAAMC,IAAQ,OAAO,WAAWL,CAAK;AACrC,IAAIK,EAAM,YAAYJ,KACrBC,EAAWG,EAAM,OAAO;AAGzB,UAAMC,IAAW,CAACC,MAA+B;AAChD,MAAAL,EAAWK,EAAM,OAAO;AAAA,IACzB;AAEA,WAAAF,EAAM,iBAAiB,UAAUC,CAAQ,GAClC,MAAMD,EAAM,oBAAoB,UAAUC,CAAQ;AAAA,EAC1D,GAAG,CAACL,GAASD,CAAK,CAAC,GAEZC;AACR;"}

package/index.d.ts

@@ -1,3 +0,0 @@
-export * from './components';
-export * from './patterns';
-export * from './utils';

package/index.js

@@ -1,163 +0,0 @@
-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 T, AlertStandaloneLink as C } from "./components/alert/index.js";
-import { Breadcrumbs as S } from "./components/breadcrumbs/index.js";
-import { BUTTON_COLORS as L, BUTTON_ICON_POSITIONS as c, 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 F } from "./components/dropdown/index.js";
-import { FLIGHT_ICON_SIZES as b, FlightIcon as k } from "./components/flight-icon/index.js";
-import { CheckboxBase as v, CheckboxField as M, CheckboxGroup as Z } from "./components/form/checkbox/index.js";
-import { Error as H } 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 To } from "./components/form/super-select/index.js";
-import { TextInput as Oo, TextInputBase as So } from "./components/form/text-input/index.js";
-import { TextAreaField as Lo } 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 Fo } from "./components/separator/index.js";
-import { STANDALONE_LINK_COLORS as bo, STANDALONE_LINK_ICON_POSITIONS as ko, STANDALONE_LINK_SIZES as ho, StandaloneLink as vo } from "./components/standalone-link/index.js";
-import { Table as Zo } from "./components/table/index.js";
-import { getDensity as Ho, getHorizontalAlignment as Ko, getScope as Yo, getVerticalAlignment as zo } from "./components/table/utils.js";
-import { Tabs as Xo } from "./components/tabs/index.js";
-import { useTabsContext as Wo } from "./components/tabs/use-tabs-context.js";
-import { TEXT_COLORS as qo, TEXT_WEIGHTS as Jo, Text as Qo } from "./components/text/index.js";
-import { BarChart as or } from "./components/visualizations/bar-chart/index.js";
-import { DonutChart as er } from "./components/visualizations/donut-chart/index.js";
-import { PartnerCard as pr } from "./patterns/card/partner-card/index.js";
-import { CardPrimitives as xr } from "./patterns/card/primitives.js";
-import { CopyButton as ar } from "./patterns/copy-button/index.js";
-import { LAYOUT_APPEARANCES as dr, LAYOUT_BACKGROUNDS as nr, LAYOUT_PADDING as lr, Layout as Tr, normalizeLayoutProps as Cr } from "./patterns/layout/index.js";
-import { ProductBadge as Sr } from "./patterns/product-badge/index.js";
-import { PRODUCT_LOGO_COLORS as Lr, PRODUCT_LOGO_PRODUCTS as cr, PRODUCT_LOGO_SIZES as sr, ProductLogo as Ar, normalizeProductLogoProps as Ir } from "./patterns/product-logo/index.js";
-import { RelatedContent as Pr } from "./patterns/related-content/index.js";
-import { useLarge as Br, useMedium as Nr, useMediumUp as Dr, useSmall as Er } from "./utils/hooks/use-screen-size.js";
-import { MDSProvider as Gr } from "./utils/mds-context/index.js";
-import { AccordionContent as Ur, AccordionItem as br, AccordionToggle as kr } from "./components/accordion/item/index.js";
-import { RadioCardGroup as vr } from "./components/form/radio-card/group.js";
-import { useModal as Zr } from "./components/modal/use-modal.js";
-import { NewsroomCard as Hr } from "./patterns/card/newsroom-card/index.js";
-import { PersonCard as Yr } from "./patterns/card/person-card/index.js";
-import { PromoCard as wr } from "./patterns/card/promo-card/index.js";
-import { ResourceCard as Vr } from "./patterns/card/resource-card/index.js";
-import { UnifiedCard as jr } from "./patterns/card/unified-card/index.js";
-import { LocaleProvider as Jr } from "./utils/i18n/helpers/locale-provider.js";
-import { useLocale as $r } from "./utils/i18n/helpers/use-locale.js";
-export {
-  e as Accordion,
-  Ur as AccordionContent,
-  br as AccordionItem,
-  kr as AccordionToggle,
-  n as Alert,
-  l as AlertActions,
-  T as AlertButton,
-  C as AlertStandaloneLink,
-  p as BADGE_COLORS,
-  m as BADGE_SIZES,
-  x as BADGE_TYPES,
-  L as BUTTON_COLORS,
-  c as BUTTON_ICON_POSITIONS,
-  s as BUTTON_SIZES,
-  f as Badge,
-  i as BadgeCount,
-  or as BarChart,
-  S as Breadcrumbs,
-  A as Button,
-  _ as Card,
-  P as CardContent,
-  xr as CardPrimitives,
-  v as CheckboxBase,
-  M as CheckboxField,
-  Z as CheckboxGroup,
-  B as CodeBlock,
-  ar as CopyButton,
-  D as DisclosurePrimitive,
-  er as DonutChart,
-  F as Dropdown,
-  H as Error,
-  b as FLIGHT_ICON_SIZES,
-  Y as Field,
-  w as Fieldset,
-  V as FileInputBase,
-  W as FileInputField,
-  k as FlightIcon,
-  q as HelperText,
-  Po as IconTile,
-  Q as Indicator,
-  Bo as InlineLink,
-  dr as LAYOUT_APPEARANCES,
-  nr as LAYOUT_BACKGROUNDS,
-  lr as LAYOUT_PADDING,
-  oo as Label,
-  Tr as Layout,
-  eo as Legend,
-  Jr as LocaleProvider,
-  Do as MDSButton,
-  Gr as MDSProvider,
-  Ro as ModalProvider,
-  Hr as NewsroomCard,
-  Lr as PRODUCT_LOGO_COLORS,
-  cr as PRODUCT_LOGO_PRODUCTS,
-  sr as PRODUCT_LOGO_SIZES,
-  pr as PartnerCard,
-  Yr as PersonCard,
-  Sr as ProductBadge,
-  Ar as ProductLogo,
-  wr as PromoCard,
-  po as RadioBase,
-  ao as RadioCard,
-  vr as RadioCardGroup,
-  mo as RadioField,
-  xo as RadioGroup,
-  Pr as RelatedContent,
-  Vr as ResourceCard,
-  bo as STANDALONE_LINK_COLORS,
-  ko as STANDALONE_LINK_ICON_POSITIONS,
-  ho as STANDALONE_LINK_SIZES,
-  no as SelectField,
-  Fo as Separator,
-  vo as StandaloneLink,
-  To as SuperSelectField,
-  qo as TEXT_COLORS,
-  Jo as TEXT_WEIGHTS,
-  Zo as Table,
-  Xo as Tabs,
-  Qo as Text,
-  Lo as TextAreaField,
-  Oo as TextInput,
-  So as TextInputBase,
-  so as ToggleBase,
-  Ao as ToggleField,
-  Io as ToggleGroup,
-  jr as UnifiedCard,
-  Ho as getDensity,
-  Ko as getHorizontalAlignment,
-  Yo as getScope,
-  zo as getVerticalAlignment,
-  Cr as normalizeLayoutProps,
-  Ir as normalizeProductLogoProps,
-  R as useDisclosurePrimitive,
-  Br as useLarge,
-  $r as useLocale,
-  Nr as useMedium,
-  Dr as useMediumUp,
-  Zr as useModal,
-  Er as useSmall,
-  Wo as useTabsContext
-};
-//# sourceMappingURL=index.js.map

package/index.js.map

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

package/patterns/card/index.d.ts

@@ -1,5 +0,0 @@
-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';

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

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

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

@@ -1,18 +0,0 @@
-import { MDSImageProps } from '../../../utils/mds-context';
-import { 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 };

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

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

package/patterns/card/primitives.d.ts

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