@hashicorp/mds-react 0.9.3 → 0.9.5

package/patterns/card/primitives.js

@@ -0,0 +1,77 @@
+import { jsxs as o, jsx as e, Fragment as y } from "react/jsx-runtime";
+import { forwardRef as v } from "react";
+import { Card as w } from "../../components/card/index.js";
+import { Text as n } from "../../components/text/index.js";
+import { FlightIcon as C } from "../../components/flight-icon/index.js";
+import { ProductBadge as x } from "../product-badge/index.js";
+import { LogoThumbnail as P, PersonThumbnail as B, Thumbnail as D } from "./thumbnails/index.js";
+import r from "./style.module.css.js";
+import L from "classnames";
+const d = v((a, t) => {
+  const {
+    withArrow: i = !0,
+    link: s,
+    clickHandler: h,
+    isExternal: N,
+    children: g,
+    className: f,
+    "aria-label": b
+  } = a;
+  return /* @__PURE__ */ o(
+    w,
+    {
+      className: L(r.card, f),
+      href: s,
+      onClickCapture: h,
+      isExternal: N,
+      ref: t,
+      "aria-label": b,
+      children: [
+        g,
+        /* @__PURE__ */ e("div", { className: r.cta, children: i ? /* @__PURE__ */ e(C, { name: "arrow-right", size: 24 }) : null })
+      ]
+    }
+  );
+});
+d.displayName = "CardPrimitives.Root";
+const l = ({ items: a }) => /* @__PURE__ */ e("div", { className: r.meta, "data-testid": "wpl-card-meta", children: /* @__PURE__ */ e(n.Label, { children: a.map((t, i) => {
+  const s = i === a.length - 1;
+  return /* @__PURE__ */ o(y, { children: [
+    t,
+    s ? null : /* @__PURE__ */ e("span", { className: r.metaSeparator, "aria-hidden": !0, children: "|" })
+  ] });
+}) }) });
+l.displayName = "Meta";
+const c = ({ children: a }) => /* @__PURE__ */ e("div", { className: r.content, "data-testid": "wpl-card-content", children: a });
+c.displayName = "Content";
+const m = ({ as: a = "h2", children: t }) => /* @__PURE__ */ e(n.DisplayExpressive, { tag: a, size: "200", className: r.heading, children: t });
+m.displayName = "Heading";
+const p = ({ badges: a, children: t }) => /* @__PURE__ */ o("div", { className: r.productBadges, "data-testid": "wpl-card-badges", children: [
+  a.map((i, s) => /* @__PURE__ */ e(
+    x,
+    {
+      productName: i,
+      hasDot: !0
+    },
+    `product-badge-${s}`
+  )),
+  t
+] });
+p.displayName = "ProductBadges";
+const u = ({ children: a }) => /* @__PURE__ */ e(n.Body, { tag: "p", size: "200", className: r.description, children: a });
+u.displayName = "Description";
+const M = {
+  Root: d,
+  Thumbnail: D,
+  PersonThumbnail: B,
+  LogoThumbnail: P,
+  Meta: l,
+  Content: c,
+  Heading: m,
+  Description: u,
+  ProductBadges: p
+};
+export {
+  M as CardPrimitives
+};
+//# sourceMappingURL=primitives.js.map

package/patterns/card/primitives.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.js","sources":["../../../src/patterns/card/primitives.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Card as MDSCard } from '../../components/card'\nimport { Text } from '../../components/text'\nimport { FlightIcon } from '../../components/flight-icon'\nimport { ProductBadge } from '../product-badge'\nimport { Thumbnail, PersonThumbnail, LogoThumbnail } from './thumbnails'\nimport type {\n\tCardPrimitiveProps,\n\tMetaProps,\n\tContentProps,\n\tHeadingProps,\n\tProductBadgesProps,\n\tDescriptionProps,\n} from './types'\nimport s from './style.module.css'\nimport classNames from 'classnames'\n\nconst Root = forwardRef<HTMLDivElement, CardPrimitiveProps>((props, ref) => {\n\tconst {\n\t\twithArrow = true,\n\t\tlink,\n\t\tclickHandler,\n\t\tisExternal,\n\t\tchildren,\n\t\tclassName,\n\t\t'aria-label': ariaLabel,\n\t} = props\n\n\treturn (\n\t\t<MDSCard\n\t\t\tclassName={classNames(s.card, className)}\n\t\t\thref={link}\n\t\t\tonClickCapture={clickHandler}\n\t\t\tisExternal={isExternal}\n\t\t\tref={ref}\n\t\t\taria-label={ariaLabel}\n\t\t>\n\t\t\t{children}\n\t\t\t<div className={s.cta}>\n\t\t\t\t{withArrow ? <FlightIcon name=\"arrow-right\" size={24} /> : null}\n\t\t\t</div>\n\t\t</MDSCard>\n\t)\n})\n\nRoot.displayName = 'CardPrimitives.Root'\n\nconst Meta = ({ items }: MetaProps) => {\n\treturn (\n\t\t<div className={s.meta} data-testid=\"wpl-card-meta\">\n\t\t\t<Text.Label>\n\t\t\t\t{items.map((item, stableIdx) => {\n\t\t\t\t\tconst isLastItem = stableIdx === items.length - 1\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{item}\n\t\t\t\t\t\t\t{!isLastItem ? (\n\t\t\t\t\t\t\t\t<span className={s.metaSeparator} aria-hidden={true}>\n\t\t\t\t\t\t\t\t\t|\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)\n\t\t\t\t})}\n\t\t\t</Text.Label>\n\t\t</div>\n\t)\n}\n\nMeta.displayName = 'Meta'\n\nconst Content = ({ children }: ContentProps) => {\n\treturn (\n\t\t<div className={s.content} data-testid=\"wpl-card-content\">\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\nContent.displayName = 'Content'\n\nconst Heading = ({ as = 'h2', children }: HeadingProps) => {\n\treturn (\n\t\t<Text.DisplayExpressive tag={as} size=\"200\" className={s.heading}>\n\t\t\t{children}\n\t\t</Text.DisplayExpressive>\n\t)\n}\n\nHeading.displayName = 'Heading'\n\nconst ProductBadges = ({ badges, children }: ProductBadgesProps) => {\n\treturn (\n\t\t<div className={s.productBadges} data-testid=\"wpl-card-badges\">\n\t\t\t{badges.map((badge, stableIdx) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ProductBadge\n\t\t\t\t\t\t// eslint-disable-next-line react/no-array-index-key\n\t\t\t\t\t\tkey={`product-badge-${stableIdx}`}\n\t\t\t\t\t\tproductName={badge}\n\t\t\t\t\t\thasDot={true}\n\t\t\t\t\t/>\n\t\t\t\t)\n\t\t\t})}\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\nProductBadges.displayName = 'ProductBadges'\n\nconst Description = ({ children }: DescriptionProps) => {\n\treturn (\n\t\t<Text.Body tag=\"p\" size=\"200\" className={s.description}>\n\t\t\t{children}\n\t\t</Text.Body>\n\t)\n}\n\nDescription.displayName = 'Description'\n\nconst CardPrimitives = {\n\tRoot,\n\tThumbnail,\n\tPersonThumbnail,\n\tLogoThumbnail,\n\tMeta,\n\tContent,\n\tHeading,\n\tDescription,\n\tProductBadges,\n}\n\nexport { CardPrimitives }\n"],"names":["Root","forwardRef","props","ref","withArrow","link","clickHandler","isExternal","children","className","ariaLabel","jsxs","MDSCard","classNames","s","jsx","FlightIcon","Meta","items","Text","item","stableIdx","isLastItem","Fragment","Content","Heading","as","ProductBadges","badges","badge","ProductBadge","Description","CardPrimitives","Thumbnail","PersonThumbnail","LogoThumbnail"],"mappings":";;;;;;;;;AAiBA,MAAMA,IAAOC,EAA+C,CAACC,GAAOC,MAAQ;AAC3E,QAAM;AAAA,IACL,WAAAC,IAAY;AAAA,IACZ,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAcC;AAAA,EAAA,IACXR;AAEJ,SACC,gBAAAS;AAAA,IAACC;AAAAA,IAAA;AAAA,MACA,WAAWC,EAAWC,EAAE,MAAML,CAAS;AAAA,MACvC,MAAMJ;AAAA,MACN,gBAAgBC;AAAA,MAChB,YAAAC;AAAA,MACA,KAAAJ;AAAA,MACA,cAAYO;AAAA,MAEX,UAAA;AAAA,QAAAF;AAAA,QACD,gBAAAO,EAAC,OAAA,EAAI,WAAWD,EAAE,KAChB,UAAAV,IAAY,gBAAAW,EAACC,GAAA,EAAW,MAAK,eAAc,MAAM,GAAA,CAAI,IAAK,KAAA,CAC5D;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGH,CAAC;AAEDhB,EAAK,cAAc;AAEnB,MAAMiB,IAAO,CAAC,EAAE,OAAAC,QAEd,gBAAAH,EAAC,OAAA,EAAI,WAAWD,EAAE,MAAM,eAAY,iBACnC,UAAA,gBAAAC,EAACI,EAAK,OAAL,EACC,UAAAD,EAAM,IAAI,CAACE,GAAMC,MAAc;AAC/B,QAAMC,IAAaD,MAAcH,EAAM,SAAS;AAChD,SACC,gBAAAP,EAAAY,GAAA,EACE,UAAA;AAAA,IAAAH;AAAA,IACCE,IAIE,OAHH,gBAAAP,EAAC,QAAA,EAAK,WAAWD,EAAE,eAAe,eAAa,IAAM,UAAA,IAAA,CAErD;AAAA,EACG,GACL;AAEF,CAAC,GACF,GACD;AAIFG,EAAK,cAAc;AAEnB,MAAMO,IAAU,CAAC,EAAE,UAAAhB,0BAEhB,OAAA,EAAI,WAAWM,EAAE,SAAS,eAAY,oBACrC,UAAAN,GACF;AAIFgB,EAAQ,cAAc;AAEtB,MAAMC,IAAU,CAAC,EAAE,IAAAC,IAAK,MAAM,UAAAlB,QAE5B,gBAAAO,EAACI,EAAK,mBAAL,EAAuB,KAAKO,GAAI,MAAK,OAAM,WAAWZ,EAAE,SACvD,UAAAN,EAAA,CACF;AAIFiB,EAAQ,cAAc;AAEtB,MAAME,IAAgB,CAAC,EAAE,QAAAC,GAAQ,UAAApB,0BAE9B,OAAA,EAAI,WAAWM,EAAE,eAAe,eAAY,mBAC3C,UAAA;AAAA,EAAAc,EAAO,IAAI,CAACC,GAAOR,MAElB,gBAAAN;AAAA,IAACe;AAAA,IAAA;AAAA,MAGA,aAAaD;AAAA,MACb,QAAQ;AAAA,IAAA;AAAA,IAFH,iBAAiBR,CAAS;AAAA,EAAA,CAKjC;AAAA,EACAb;AAAA,GACF;AAIFmB,EAAc,cAAc;AAE5B,MAAMI,IAAc,CAAC,EAAE,UAAAvB,QAErB,gBAAAO,EAACI,EAAK,MAAL,EAAU,KAAI,KAAI,MAAK,OAAM,WAAWL,EAAE,aACzC,UAAAN,EAAA,CACF;AAIFuB,EAAY,cAAc;AAE1B,MAAMC,IAAiB;AAAA,EACtB,MAAAhC;AAAA,EACA,WAAAiC;AAAA,EACA,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAlB;AAAA,EACA,SAAAO;AAAA,EACA,SAAAC;AAAA,EACA,aAAAM;AAAA,EACA,eAAAJ;AACD;"}

package/patterns/card/promo-card/index.js

@@ -0,0 +1,36 @@
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { CardPrimitives as r } from "../primitives.js";
+const f = ({
+  heading: e,
+  description: i,
+  eyebrow: o,
+  link: t,
+  clickHandler: m,
+  thumbnail: a,
+  withArrow: s = !1,
+  isExternal: d = !1,
+  className: c
+}) => /* @__PURE__ */ n(
+  r.Root,
+  {
+    link: t,
+    withArrow: s,
+    isExternal: d,
+    className: c,
+    clickHandler: m,
+    "aria-label": e,
+    children: [
+      a ? /* @__PURE__ */ l(r.Thumbnail, { ...a }) : null,
+      /* @__PURE__ */ n(r.Content, { children: [
+        o ? /* @__PURE__ */ l(r.Meta, { items: [o] }) : null,
+        /* @__PURE__ */ l(r.Heading, { children: e }),
+        i ? /* @__PURE__ */ l(r.Description, { children: i }) : null
+      ] })
+    ]
+  }
+);
+f.displayName = "PromoCard";
+export {
+  f as PromoCard
+};
+//# sourceMappingURL=index.js.map

package/patterns/card/promo-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/patterns/card/promo-card/index.tsx"],"sourcesContent":["import { CardPrimitives } from '../primitives'\nimport type { ThumbnailProps } from '../types'\n\ninterface PromoCardProps {\n\theading: string\n\tdescription?: string\n\teyebrow?: string\n\tlink: string\n\tclickHandler?: () => void\n\tthumbnail?: ThumbnailProps\n\twithArrow?: boolean\n\tisExternal?: boolean\n\tclassName?: string\n}\n\nconst PromoCard = ({\n\theading,\n\tdescription,\n\teyebrow,\n\tlink,\n\tclickHandler,\n\tthumbnail,\n\twithArrow = false,\n\tisExternal = false,\n\tclassName,\n}: PromoCardProps) => {\n\treturn (\n\t\t<CardPrimitives.Root\n\t\t\tlink={link}\n\t\t\twithArrow={withArrow}\n\t\t\tisExternal={isExternal}\n\t\t\tclassName={className}\n\t\t\tclickHandler={clickHandler}\n\t\t\taria-label={heading}\n\t\t>\n\t\t\t{thumbnail ? <CardPrimitives.Thumbnail {...thumbnail} /> : null}\n\t\t\t<CardPrimitives.Content>\n\t\t\t\t{eyebrow ? <CardPrimitives.Meta items={[eyebrow]} /> : null}\n\t\t\t\t<CardPrimitives.Heading>{heading}</CardPrimitives.Heading>\n\t\t\t\t{description ? (\n\t\t\t\t\t<CardPrimitives.Description>{description}</CardPrimitives.Description>\n\t\t\t\t) : null}\n\t\t\t</CardPrimitives.Content>\n\t\t</CardPrimitives.Root>\n\t)\n}\n\nPromoCard.displayName = 'PromoCard'\n\nexport type { PromoCardProps }\nexport { PromoCard }\n"],"names":["PromoCard","heading","description","eyebrow","link","clickHandler","thumbnail","withArrow","isExternal","className","jsxs","CardPrimitives","jsx"],"mappings":";;AAeA,MAAMA,IAAY,CAAC;AAAA,EAClB,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,WAAAC;AACD,MAEE,gBAAAC;AAAA,EAACC,EAAe;AAAA,EAAf;AAAA,IACA,MAAAP;AAAA,IACA,WAAAG;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAJ;AAAA,IACA,cAAYJ;AAAA,IAEX,UAAA;AAAA,MAAAK,sBAAaK,EAAe,WAAf,EAA0B,GAAGL,GAAW,IAAK;AAAA,MAC3D,gBAAAI,EAACC,EAAe,SAAf,EACC,UAAA;AAAA,QAAAR,IAAU,gBAAAS,EAACD,EAAe,MAAf,EAAoB,OAAO,CAACR,CAAO,GAAG,IAAK;AAAA,QACvD,gBAAAS,EAACD,EAAe,SAAf,EAAwB,UAAAV,EAAA,CAAQ;AAAA,QAChCC,IACA,gBAAAU,EAACD,EAAe,aAAf,EAA4B,aAAY,IACtC;AAAA,MAAA,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAAA;AAKHX,EAAU,cAAc;"}

package/patterns/card/resource-card/index.js

@@ -0,0 +1,26 @@
+import { jsx as i } from "react/jsx-runtime";
+import { UnifiedCard as d } from "../unified-card/index.js";
+const n = ({
+  heading: o,
+  date: r,
+  category: e,
+  link: m,
+  productBadges: s,
+  thumbnail: t,
+  isExternal: a
+}) => /* @__PURE__ */ i(
+  d,
+  {
+    link: m,
+    meta: r ? [r, e] : [e],
+    productBadges: s,
+    thumbnail: t,
+    isExternal: a,
+    heading: o
+  }
+);
+n.displayName = "ResourceCard";
+export {
+  n as ResourceCard
+};
+//# sourceMappingURL=index.js.map

package/patterns/card/resource-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/patterns/card/resource-card/index.tsx"],"sourcesContent":["import type { CardPatternProps, ThumbnailProps } from '../types'\nimport { UnifiedCard } from '../unified-card'\n\ninterface ResourceCardProps {\n\theading: string\n\tdate?: string\n\tcategory: string\n\tlink: string\n\tproductBadges?: CardPatternProps['productBadges']\n\tthumbnail: ThumbnailProps\n\tisExternal?: CardPatternProps['isExternal']\n}\n\nconst ResourceCard = ({\n\theading,\n\tdate,\n\tcategory,\n\tlink,\n\tproductBadges,\n\tthumbnail,\n\tisExternal,\n}: ResourceCardProps) => {\n\tconst meta: string[] = date ? [date, category] : [category]\n\n\treturn (\n\t\t<UnifiedCard\n\t\t\tlink={link}\n\t\t\tmeta={meta}\n\t\t\tproductBadges={productBadges}\n\t\t\tthumbnail={thumbnail}\n\t\t\tisExternal={isExternal}\n\t\t\theading={heading}\n\t\t/>\n\t)\n}\n\nResourceCard.displayName = 'ResourceCard'\n\nexport type { ResourceCardProps }\nexport { ResourceCard }\n"],"names":["ResourceCard","heading","date","category","link","productBadges","thumbnail","isExternal","jsx","UnifiedCard"],"mappings":";;AAaA,MAAMA,IAAe,CAAC;AAAA,EACrB,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AACD,MAIE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACA,MAAAL;AAAA,IACA,MALqBF,IAAO,CAACA,GAAMC,CAAQ,IAAI,CAACA,CAAQ;AAAA,IAMxD,eAAAE;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAN;AAAA,EAAA;AAAA;AAKHD,EAAa,cAAc;"}

package/patterns/card/style.module.css.js

@@ -0,0 +1,30 @@
+const t = "card__zxzJV", a = "cta__mJ6Xp", n = "thumbnail__10HM7", o = "image__zuf44", c = "personThumbnail__ALced thumbnail__10HM7", e = "logoThumbnail__OyvYI thumbnail__10HM7", _ = "meta__IBDgS", i = "metaSeparator__40Llq", s = "content__m6Hih", m = "heading__uNTzq", r = "description__c-x42", d = "productBadges__bdjlp", l = {
+  card: t,
+  cta: a,
+  thumbnail: n,
+  image: o,
+  personThumbnail: c,
+  logoThumbnail: e,
+  meta: _,
+  metaSeparator: i,
+  content: s,
+  heading: m,
+  description: r,
+  productBadges: d
+};
+export {
+  t as card,
+  s as content,
+  a as cta,
+  l as default,
+  r as description,
+  m as heading,
+  o as image,
+  e as logoThumbnail,
+  _ as meta,
+  i as metaSeparator,
+  c as personThumbnail,
+  d as productBadges,
+  n as thumbnail
+};
+//# sourceMappingURL=style.module.css.js.map

package/patterns/card/style.module.css.js.map

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

package/patterns/card/thumbnails/index.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import { useMDSImage as t } from "../../../utils/mds-context/index.js";
+import i from "../style.module.css.js";
+const n = ({ src: e, alt: m }) => {
+  const l = t();
+  return /* @__PURE__ */ a("div", { className: i.thumbnail, "data-testid": "wpl-card-thumbnail", children: /* @__PURE__ */ a("div", { className: i.image, children: /* @__PURE__ */ a(l, { src: e, alt: m, width: 800, height: 450 }) }) });
+};
+n.displayName = "Thumbnail";
+const s = ({ src: e, alt: m }) => {
+  const l = t();
+  return /* @__PURE__ */ a("div", { className: i.personThumbnail, "data-testid": "wpl-card-thumbnail", children: /* @__PURE__ */ a("div", { className: i.image, children: /* @__PURE__ */ a(l, { src: e, alt: m, width: 800, height: 450 }) }) });
+};
+s.displayName = "PersonThumbnail";
+const d = ({ src: e, alt: m }) => {
+  const l = t();
+  return /* @__PURE__ */ a("div", { className: i.logoThumbnail, "data-testid": "wpl-card-logo-thumbnail", children: /* @__PURE__ */ a("div", { className: i.image, children: /* @__PURE__ */ a(l, { src: e, alt: m, width: 800, height: 450 }) }) });
+};
+d.displayName = "LogoThumbnail";
+export {
+  d as LogoThumbnail,
+  s as PersonThumbnail,
+  n as Thumbnail
+};
+//# sourceMappingURL=index.js.map

package/patterns/card/thumbnails/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/patterns/card/thumbnails/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ThumbnailProps } from '../types'\nimport { useMDSImage } from '../../../utils/mds-context'\nimport s from '../style.module.css'\n\nexport const Thumbnail = ({ src, alt }: ThumbnailProps) => {\n\tconst Image = useMDSImage()\n\n\treturn (\n\t\t<div className={s.thumbnail} data-testid=\"wpl-card-thumbnail\">\n\t\t\t<div className={s.image}>\n\t\t\t\t<Image src={src} alt={alt} width={800} height={450} />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\nThumbnail.displayName = 'Thumbnail'\n\nexport const PersonThumbnail = ({ src, alt }: ThumbnailProps) => {\n\tconst Image = useMDSImage()\n\n\treturn (\n\t\t<div className={s.personThumbnail} data-testid=\"wpl-card-thumbnail\">\n\t\t\t<div className={s.image}>\n\t\t\t\t<Image src={src} alt={alt} width={800} height={450} />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\nPersonThumbnail.displayName = 'PersonThumbnail'\n\nexport const LogoThumbnail = ({ src, alt }: ThumbnailProps) => {\n\tconst Image = useMDSImage()\n\n\treturn (\n\t\t<div className={s.logoThumbnail} data-testid=\"wpl-card-logo-thumbnail\">\n\t\t\t<div className={s.image}>\n\t\t\t\t<Image src={src} alt={alt} width={800} height={450} />\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\nLogoThumbnail.displayName = 'LogoThumbnail'\n"],"names":["Thumbnail","src","alt","Image","useMDSImage","jsx","s","PersonThumbnail","LogoThumbnail"],"mappings":";;;;AAOC,MAAAA,IAAc,CAAA,EAAA,KAAAC,GAAA,KAAAC,EAAY,MAAA;AAE1B,QAAAC,IAAAC,EACC;AAMF,SAAA,gBAAAC,EAAA,OAAA,EAAA,WAAAC,EAAA,WAAA,eAAA,sBAAA,UAAA,gBAAAD,EAAA,OAAA,EAAA,WAAAC,EAAA,OAAA,UAAA,gBAAAD,EAAAF,GAAA,EAAA,KAAAF,GAAA,KAAAC,GAAA,OAAA,KAAA,QAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA;AAEA;AAEOF,EAAM,cAAkB;AAC9B,MAAAO,IAAc,CAAA,EAAA,KAAAN,GAAY,KAAAC,EAAA,MAAA;AAE1B,QAAAC,IAAAC,EACC;AAMF,SAAA,gBAAAC,EAAA,OAAA,EAAA,WAAAC,EAAA,iBAAA,eAAA,sBAAA,UAAA,gBAAAD,EAAA,OAAA,EAAA,WAAAC,EAAA,OAAA,UAAA,gBAAAD,EAAAF,GAAA,EAAA,KAAAF,GAAA,KAAAC,GAAA,OAAA,KAAA,QAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA;AAEA;AAEOK,EAAM,cAAwB;AACpC,MAAAC,IAAc,CAAA,EAAA,KAAAP,GAAY,KAAAC,EAAA,MAAA;AAE1B,QAAAC,IAAAC,EACC;AAMF,SAAA,gBAAAC,EAAA,OAAA,EAAA,WAAAC,EAAA,eAAA,eAAA,2BAAA,UAAA,gBAAAD,EAAA,OAAA,EAAA,WAAAC,EAAA,OAAA,UAAA,gBAAAD,EAAAF,GAAA,EAAA,KAAAF,GAAA,KAAAC,GAAA,OAAA,KAAA,QAAA,IAAA,CAAA,EAAA,CAAA,EAAA,CAAA;AAEA;;"}

package/patterns/card/unified-card/index.js

@@ -0,0 +1,37 @@
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { Badge as s } from "../../../components/badge/index.js";
+import { CardPrimitives as i } from "../primitives.js";
+const x = ({
+  heading: o,
+  meta: n,
+  link: h,
+  productBadges: e,
+  badges: t,
+  thumbnail: a,
+  withArrow: u = !1,
+  isExternal: c = !1,
+  className: d,
+  "aria-label": p
+}) => /* @__PURE__ */ m(
+  i.Root,
+  {
+    link: h,
+    withArrow: u,
+    isExternal: c,
+    className: d,
+    "aria-label": p || o,
+    children: [
+      a ? /* @__PURE__ */ r(i.Thumbnail, { ...a }) : null,
+      /* @__PURE__ */ m(i.Content, { children: [
+        n && n.length > 0 ? /* @__PURE__ */ r(i.Meta, { items: n }) : null,
+        /* @__PURE__ */ r(i.Heading, { children: o }),
+        e && e?.length > 0 ? /* @__PURE__ */ r(i.ProductBadges, { badges: e, children: t && t.length > 0 ? t.map((l, f) => Array.isArray(l) ? /* @__PURE__ */ r(s, { icon: l[0], text: l[1] }, f) : /* @__PURE__ */ r(s, { text: l }, f)) : null }) : null
+      ] })
+    ]
+  }
+);
+x.displayName = "UnifiedCard";
+export {
+  x as UnifiedCard
+};
+//# sourceMappingURL=index.js.map

package/patterns/card/unified-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/patterns/card/unified-card/index.tsx"],"sourcesContent":["import { Badge } from '../../../components/badge'\nimport { CardPrimitives } from '../primitives'\nimport type { CardPatternProps } from '../types'\n\ninterface UnifiedCardProps extends CardPatternProps {\n\tbadges?: (string | string[])[]\n}\n\nconst UnifiedCard = ({\n\theading,\n\tmeta,\n\tlink,\n\tproductBadges,\n\tbadges,\n\tthumbnail,\n\twithArrow = false,\n\tisExternal = false,\n\tclassName,\n\t'aria-label': ariaLabel,\n}: UnifiedCardProps) => {\n\treturn (\n\t\t<CardPrimitives.Root\n\t\t\tlink={link}\n\t\t\twithArrow={withArrow}\n\t\t\tisExternal={isExternal}\n\t\t\tclassName={className}\n\t\t\taria-label={ariaLabel || heading}\n\t\t>\n\t\t\t{thumbnail ? <CardPrimitives.Thumbnail {...thumbnail} /> : null}\n\t\t\t<CardPrimitives.Content>\n\t\t\t\t{meta && meta.length > 0 ? <CardPrimitives.Meta items={meta} /> : null}\n\t\t\t\t<CardPrimitives.Heading>{heading}</CardPrimitives.Heading>\n\t\t\t\t{productBadges && productBadges?.length > 0 ? (\n\t\t\t\t\t<CardPrimitives.ProductBadges badges={productBadges}>\n\t\t\t\t\t\t{badges && badges.length > 0\n\t\t\t\t\t\t\t? badges.map((badge, stableIdx) => {\n\t\t\t\t\t\t\t\t\tif (Array.isArray(badge)) {\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<Badge key={stableIdx} icon={badge[0]} text={badge[1]} />\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\treturn <Badge key={stableIdx} text={badge} />\n\t\t\t\t\t\t\t  })\n\t\t\t\t\t\t\t: null}\n\t\t\t\t\t</CardPrimitives.ProductBadges>\n\t\t\t\t) : null}\n\t\t\t</CardPrimitives.Content>\n\t\t</CardPrimitives.Root>\n\t)\n}\n\nUnifiedCard.displayName = 'UnifiedCard'\n\nexport type { UnifiedCardProps }\nexport { UnifiedCard }\n"],"names":["UnifiedCard","heading","meta","link","productBadges","badges","thumbnail","withArrow","isExternal","className","ariaLabel","jsxs","CardPrimitives","jsx","badge","stableIdx","Badge"],"mappings":";;;AAQA,MAAMA,IAAc,CAAC;AAAA,EACpB,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,WAAAC;AAAA,EACA,cAAcC;AACf,MAEE,gBAAAC;AAAA,EAACC,EAAe;AAAA,EAAf;AAAA,IACA,MAAAT;AAAA,IACA,WAAAI;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAYC,KAAaT;AAAA,IAExB,UAAA;AAAA,MAAAK,sBAAaM,EAAe,WAAf,EAA0B,GAAGN,GAAW,IAAK;AAAA,MAC3D,gBAAAK,EAACC,EAAe,SAAf,EACC,UAAA;AAAA,QAAAV,KAAQA,EAAK,SAAS,IAAI,gBAAAW,EAACD,EAAe,MAAf,EAAoB,OAAOV,EAAA,CAAM,IAAK;AAAA,QAClE,gBAAAW,EAACD,EAAe,SAAf,EAAwB,UAAAX,EAAA,CAAQ;AAAA,QAChCG,KAAiBA,GAAe,SAAS,IACzC,gBAAAS,EAACD,EAAe,eAAf,EAA6B,QAAQR,GACpC,UAAAC,KAAUA,EAAO,SAAS,IACxBA,EAAO,IAAI,CAACS,GAAOC,MACf,MAAM,QAAQD,CAAK,IAErB,gBAAAD,EAACG,GAAA,EAAsB,MAAMF,EAAM,CAAC,GAAG,MAAMA,EAAM,CAAC,EAAA,GAAxCC,CAA2C,IAIlD,gBAAAF,EAACG,GAAA,EAAsB,MAAMF,EAAA,GAAjBC,CAAwB,CAC1C,IACD,KAAA,CACJ,IACG;AAAA,MAAA,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAAA;AAKHf,EAAY,cAAc;"}

package/patterns/copy-button/clipboard.js

@@ -0,0 +1,78 @@
+const a = (e) => {
+  let o;
+  if (e)
+    if (typeof e == "string")
+      o = e;
+    else if (
+      // context: https://github.com/hashicorp/design-system/pull/1564
+      typeof e == "number" || typeof e == "bigint"
+    )
+      o = e.toString();
+    else
+      throw new Error(
+        `\`hds-clipboard\` modifier - \`text\` argument must be a string - provided: ${typeof e}`
+      );
+  return o;
+}, d = (e) => {
+  let o;
+  if (typeof e == "string") {
+    if (o = document.querySelector(e), !o) {
+      console.error(
+        "`hds-clipboard` modifier - `target` selector provided does not point to an existing DOM node, check your selector string",
+        o
+      );
+      return;
+    }
+  } else if (e instanceof Node && e.nodeType === Node.ELEMENT_NODE)
+    o = e;
+  else
+    throw e instanceof NodeList ? new Error(
+      "`hds-clipboard` modifier - `target` argument must be a string or a DOM node - provided: a list of DOM nodes"
+    ) : new Error(
+      `\`hds-clipboard\` modifier - \`target\` argument must be a string or a DOM node - provided: ${typeof e}`
+    );
+  return o;
+}, l = (e) => {
+  let o;
+  return e instanceof Node && e.nodeType === Node.ELEMENT_NODE && (e instanceof HTMLInputElement || // targetElement.nodeName === 'INPUT' ||
+  e instanceof HTMLTextAreaElement || // targetElement.nodeName === 'TEXTAREA' ||
+  e instanceof HTMLSelectElement ? o = e.value : o = e.innerText), o;
+}, f = async (e) => {
+  if (e)
+    try {
+      return await navigator.clipboard.writeText(e), !0;
+    } catch {
+      return console.warn(
+        "copy action failed, please check your browser‘s permissions",
+        {
+          id: "hds-clipboard.write-text-to-clipboard.catch-error"
+        }
+      ), !1;
+    }
+  else
+    return !1;
+}, p = async (e, o, r) => {
+  let t;
+  if (r)
+    t = r();
+  else if (e)
+    t = a(e);
+  else if (o) {
+    const n = d(o);
+    t = l(n);
+  } else
+    throw new Error(
+      "`hds-clipboard` modifier - either a `getTextFn`, `text`, or a `target` argument is required"
+    );
+  return await f(t);
+}, T = (e) => {
+  const { text: o, target: r, getTextFn: t, onSuccess: i, onError: n } = e;
+  return { onClick: async (c) => {
+    const s = c.currentTarget;
+    await p(o, r, t) ? typeof i == "function" && i({ trigger: s, text: o, target: r }) : typeof n == "function" && n({ trigger: s, text: o, target: r });
+  } };
+};
+export {
+  T as onClickHandler
+};
+//# sourceMappingURL=clipboard.js.map

package/patterns/copy-button/clipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard.js","sources":["../../../src/patterns/copy-button/clipboard.ts"],"sourcesContent":["import type { MouseEvent } from 'react'\n\nconst getTextToCopy = (text: string | number | bigint) => {\n\tlet textToCopy: string\n\n\tif (text) {\n\t\tif (typeof text === 'string') {\n\t\t\ttextToCopy = text\n\t\t} else if (\n\t\t\t// context: https://github.com/hashicorp/design-system/pull/1564\n\t\t\ttypeof text === 'number' ||\n\t\t\ttypeof text === 'bigint'\n\t\t) {\n\t\t\ttextToCopy = text.toString()\n\t\t} else {\n\t\t\tthrow new Error(\n\t\t\t\t`\\`hds-clipboard\\` modifier - \\`text\\` argument must be a string - provided: ${typeof text}`\n\t\t\t)\n\t\t}\n\t}\n\treturn textToCopy!\n}\n\nconst getTargetElement = (target: string | Element) => {\n\tlet targetElement: Element | null\n\tif (typeof target === 'string') {\n\t\ttargetElement = document.querySelector(target)\n\n\t\tif (!targetElement) {\n\t\t\tconsole.error(\n\t\t\t\t'`hds-clipboard` modifier - `target` selector provided does not point to an existing DOM node, check your selector string',\n\t\t\t\ttargetElement\n\t\t\t)\n\t\t\treturn\n\t\t}\n\t} else if (target instanceof Node && target.nodeType === Node.ELEMENT_NODE) {\n\t\ttargetElement = target\n\t} else {\n\t\tif (target instanceof NodeList) {\n\t\t\tthrow new Error(\n\t\t\t\t'`hds-clipboard` modifier - `target` argument must be a string or a DOM node - provided: a list of DOM nodes'\n\t\t\t)\n\t\t} else {\n\t\t\tthrow new Error(\n\t\t\t\t`\\`hds-clipboard\\` modifier - \\`target\\` argument must be a string or a DOM node - provided: ${typeof target}`\n\t\t\t)\n\t\t}\n\t}\n\treturn targetElement\n}\n\nconst getTextToCopyFromTargetElement = (targetElement: Element | undefined) => {\n\tlet textToCopy: string | undefined\n\tif (\n\t\ttargetElement instanceof Node &&\n\t\ttargetElement.nodeType === Node.ELEMENT_NODE\n\t) {\n\t\tif (\n\t\t\ttargetElement instanceof HTMLInputElement || // targetElement.nodeName === 'INPUT' ||\n\t\t\ttargetElement instanceof HTMLTextAreaElement || // targetElement.nodeName === 'TEXTAREA' ||\n\t\t\ttargetElement instanceof HTMLSelectElement // targetElement.nodeName === 'SELECT'\n\t\t) {\n\t\t\ttextToCopy = targetElement.value\n\t\t} else {\n\t\t\t// simplest approach\n\t\t\ttextToCopy = (targetElement as HTMLElement).innerText\n\n\t\t\t// approach based on text selection (left for backup just in case)\n\t\t\t// var selection = window.getSelection();\n\t\t\t// var range = document.createRange();\n\t\t\t// selection.removeAllRanges();\n\t\t\t// range.selectNodeContents(targetElement);\n\t\t\t// selection.addRange(range);\n\t\t\t// textToCopy = selection.toString();\n\t\t\t// selection.removeAllRanges();\n\t\t}\n\t}\n\treturn textToCopy\n}\n\nconst writeTextToClipboard = async (textToCopy: string | undefined) => {\n\t// finally copy the text to the clipboard using the Clipboard API\n\t// https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API\n\tif (textToCopy) {\n\t\ttry {\n\t\t\t// notice: the \"clipboard-write\" permission is granted automatically to pages when they are in the active tab\n\t\t\t// https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/write\n\t\t\tawait navigator.clipboard.writeText(textToCopy)\n\t\t\t// DEBUG uncomment this for easy debugging\n\t\t\t// console.log('success', textToCopy);\n\t\t\treturn true\n\t\t} catch (error) {\n\t\t\t// clipboard write failed\n\t\t\t// this probably never happens (see comment above) or happens only for very old browsers that don't for which `navigator.clipboard` is undefined\n\t\t\tconsole.warn(\n\t\t\t\t'copy action failed, please check your browser‘s permissions',\n\t\t\t\t{\n\t\t\t\t\tid: 'hds-clipboard.write-text-to-clipboard.catch-error',\n\t\t\t\t}\n\t\t\t)\n\t\t\treturn false\n\t\t}\n\t} else {\n\t\treturn false\n\t}\n}\n\nconst copyToClipboard = async (\n\ttext: string | number | bigint | undefined,\n\ttarget: string | Element | undefined,\n\tgetTextFn: (() => string) | undefined\n) => {\n\tlet textToCopy: string | undefined\n\n\tif (getTextFn) {\n\t\ttextToCopy = getTextFn()\n\t} else if (text) {\n\t\ttextToCopy = getTextToCopy(text)\n\t} else if (target) {\n\t\tconst targetElement = getTargetElement(target)\n\t\ttextToCopy = getTextToCopyFromTargetElement(targetElement)\n\t} else {\n\t\tthrow new Error(\n\t\t\t'`hds-clipboard` modifier - either a `getTextFn`, `text`, or a `target` argument is required'\n\t\t)\n\t}\n\tconst success = await writeTextToClipboard(textToCopy)\n\treturn success\n}\n\ntype HandlerArgs = {\n\ttrigger: Element\n\ttext: string | number | bigint | undefined\n\ttarget: string | Element | undefined\n}\n\nconst onClickHandler = (named: {\n\ttext: string | number | bigint | undefined\n\ttarget: string | Element | undefined\n\tgetTextFn: (() => string) | undefined\n\tonSuccess: (args: HandlerArgs) => void\n\tonError: (args: HandlerArgs) => void\n}) => {\n\tconst { text, target, getTextFn, onSuccess, onError } = named\n\n\tconst onClick = async (event: MouseEvent<HTMLButtonElement>) => {\n\t\tconst trigger = event.currentTarget\n\t\tconst success = await copyToClipboard(text, target, getTextFn)\n\n\t\t// fire the `onSuccess/onError` callbacks (if provided)\n\t\tif (success) {\n\t\t\tif (typeof onSuccess === 'function') {\n\t\t\t\tonSuccess({ trigger, text, target })\n\t\t\t}\n\t\t} else {\n\t\t\tif (typeof onError === 'function') {\n\t\t\t\tonError({ trigger, text, target })\n\t\t\t}\n\t\t}\n\t}\n\n\treturn { onClick }\n}\n\nexport { onClickHandler, type HandlerArgs }\n"],"names":["getTextToCopy","text","textToCopy","getTargetElement","target","targetElement","getTextToCopyFromTargetElement","writeTextToClipboard","copyToClipboard","getTextFn","onClickHandler","named","onSuccess","onError","event","trigger"],"mappings":"AAEA,MAAMA,IAAgB,CAACC,MAAmC;AACzD,MAAIC;AAEJ,MAAID;AACH,QAAI,OAAOA,KAAS;AACnB,MAAAC,IAAaD;AAAA;AAAA;AAAA,MAGb,OAAOA,KAAS,YAChB,OAAOA,KAAS;AAAA;AAEhB,MAAAC,IAAaD,EAAK,SAAA;AAAA;AAElB,YAAM,IAAI;AAAA,QACT,+EAA+E,OAAOA,CAAI;AAAA,MAAA;AAI7F,SAAOC;AACR,GAEMC,IAAmB,CAACC,MAA6B;AACtD,MAAIC;AACJ,MAAI,OAAOD,KAAW;AAGrB,QAFAC,IAAgB,SAAS,cAAcD,CAAM,GAEzC,CAACC,GAAe;AACnB,cAAQ;AAAA,QACP;AAAA,QACAA;AAAA,MAAA;AAED;AAAA,IACD;AAAA,aACUD,aAAkB,QAAQA,EAAO,aAAa,KAAK;AAC7D,IAAAC,IAAgBD;AAAA;AAEhB,UAAIA,aAAkB,WACf,IAAI;AAAA,MACT;AAAA,IAAA,IAGK,IAAI;AAAA,MACT,+FAA+F,OAAOA,CAAM;AAAA,IAAA;AAI/G,SAAOC;AACR,GAEMC,IAAiC,CAACD,MAAuC;AAC9E,MAAIH;AACJ,SACCG,aAAyB,QACzBA,EAAc,aAAa,KAAK,iBAG/BA,aAAyB;AAAA,EACzBA,aAAyB;AAAA,EACzBA,aAAyB,oBAEzBH,IAAaG,EAAc,QAG3BH,IAAcG,EAA8B,YAYvCH;AACR,GAEMK,IAAuB,OAAOL,MAAmC;AAGtE,MAAIA;AACH,QAAI;AAGH,mBAAM,UAAU,UAAU,UAAUA,CAAU,GAGvC;AAAA,IACR,QAAgB;AAGf,qBAAQ;AAAA,QACP;AAAA,QACA;AAAA,UACC,IAAI;AAAA,QAAA;AAAA,MACL,GAEM;AAAA,IACR;AAAA;AAEA,WAAO;AAET,GAEMM,IAAkB,OACvBP,GACAG,GACAK,MACI;AACJ,MAAIP;AAEJ,MAAIO;AACH,IAAAP,IAAaO,EAAA;AAAA,WACHR;AACV,IAAAC,IAAaF,EAAcC,CAAI;AAAA,WACrBG,GAAQ;AAClB,UAAMC,IAAgBF,EAAiBC,CAAM;AAC7C,IAAAF,IAAaI,EAA+BD,CAAa;AAAA,EAC1D;AACC,UAAM,IAAI;AAAA,MACT;AAAA,IAAA;AAIF,SADgB,MAAME,EAAqBL,CAAU;AAEtD,GAQMQ,IAAiB,CAACC,MAMlB;AACL,QAAM,EAAE,MAAAV,GAAM,QAAAG,GAAQ,WAAAK,GAAW,WAAAG,GAAW,SAAAC,MAAYF;AAkBxD,SAAO,EAAE,SAhBO,OAAOG,MAAyC;AAC/D,UAAMC,IAAUD,EAAM;AAItB,IAHgB,MAAMN,EAAgBP,GAAMG,GAAQK,CAAS,IAIxD,OAAOG,KAAc,cACxBA,EAAU,EAAE,SAAAG,GAAS,MAAAd,GAAM,QAAAG,EAAA,CAAQ,IAGhC,OAAOS,KAAY,cACtBA,EAAQ,EAAE,SAAAE,GAAS,MAAAd,GAAM,QAAAG,EAAA,CAAQ;AAAA,EAGpC,EAES;AACV;"}

package/patterns/copy-button/index.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx as b } from "react/jsx-runtime";
+import { useState as x, useRef as O } from "react";
+import { onClickHandler as R } from "./clipboard.js";
+import U from "classnames";
+import { Button as A } from "../../components/button/index.js";
+import i from "./style.module.css.js";
+const B = "clipboard-copy", D = "clipboard-checked", I = "clipboard-x", a = "idle", g = ({
+  size: u = "medium",
+  isIconOnly: m = !1,
+  isFullWidth: l = !1,
+  text: p,
+  textToCopy: f,
+  getTextFn: d,
+  targetToCopy: S,
+  onSuccess: r,
+  onError: c,
+  className: C,
+  defaultIcon: y,
+  ...N
+}) => {
+  const [t, o] = x(a), s = O(null), T = t === "idle" ? y || B : t === "success" ? D : I, n = () => {
+    s.current && clearTimeout(s.current), s.current = setTimeout(() => {
+      o(a);
+    }, 1500);
+  }, _ = (e) => {
+    o("success"), n(), r && r(e);
+  }, E = (e) => {
+    o("error"), n(), c && c(e);
+  };
+  return /* @__PURE__ */ b(
+    A,
+    {
+      className: U(i["copy-button"], i[t], C),
+      size: u,
+      isFullWidth: l,
+      text: p,
+      icon: T,
+      isIconOnly: m,
+      color: "secondary",
+      iconPosition: "trailing",
+      ...R({
+        text: f,
+        getTextFn: d,
+        target: S,
+        onSuccess: _,
+        onError: E
+      }),
+      ...N
+    }
+  );
+};
+g.displayName = "CopyButton";
+export {
+  g as CopyButton
+};
+//# sourceMappingURL=index.js.map

package/patterns/copy-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/patterns/copy-button/index.tsx"],"sourcesContent":["'use client'\n\nimport { useRef, useState } from 'react'\nimport { onClickHandler, type HandlerArgs } from './clipboard'\nimport classNames from 'classnames'\nimport { Button } from '../../components/button'\nimport s from './style.module.css'\n\nexport interface CopyButtonProps {\n\tsize?: 'small' | 'medium'\n\tisIconOnly?: boolean\n\tisFullWidth?: boolean\n\ttext: string\n\ttextToCopy?: string\n\tgetTextFn?: () => string\n\ttargetToCopy?: string | Element\n\tonSuccess?: (args: HandlerArgs) => void\n\tonError?: (args: HandlerArgs) => void\n\tclassName?: string\n\tdefaultIcon?: string\n}\n\nconst DEFAULT_ICON = 'clipboard-copy'\nconst SUCCESS_ICON = 'clipboard-checked'\nconst ERROR_ICON = 'clipboard-x'\nconst DEFAULT_STATUS = 'idle'\n\nconst CopyButton = ({\n\tsize = 'medium',\n\tisIconOnly = false,\n\tisFullWidth = false,\n\ttext,\n\ttextToCopy,\n\tgetTextFn,\n\ttargetToCopy,\n\tonSuccess,\n\tonError,\n\tclassName,\n\tdefaultIcon,\n\t...rest\n}: CopyButtonProps) => {\n\tconst [status, setStatus] = useState(DEFAULT_STATUS)\n\tconst timer = useRef<ReturnType<typeof setTimeout> | null>(null)\n\tconst icon =\n\t\tstatus === 'idle'\n\t\t\t? defaultIcon || DEFAULT_ICON\n\t\t\t: status === 'success'\n\t\t\t? SUCCESS_ICON\n\t\t\t: ERROR_ICON\n\n\tconst resetStatusDelayed = () => {\n\t\tif (timer.current) {\n\t\t\tclearTimeout(timer.current)\n\t\t}\n\t\ttimer.current = setTimeout(() => {\n\t\t\tsetStatus(DEFAULT_STATUS)\n\t\t}, 1500)\n\t}\n\n\tconst _onSuccess = (args: HandlerArgs) => {\n\t\tsetStatus('success')\n\t\tresetStatusDelayed()\n\n\t\tif (onSuccess) {\n\t\t\tonSuccess(args)\n\t\t}\n\t}\n\n\tconst _onError = (args: HandlerArgs) => {\n\t\tsetStatus('error')\n\t\tresetStatusDelayed()\n\n\t\tif (onError) {\n\t\t\tonError(args)\n\t\t}\n\t}\n\n\treturn (\n\t\t<Button\n\t\t\tclassName={classNames(s['copy-button'], s[status], className)}\n\t\t\tsize={size}\n\t\t\tisFullWidth={isFullWidth}\n\t\t\ttext={text}\n\t\t\ticon={icon}\n\t\t\tisIconOnly={isIconOnly}\n\t\t\tcolor=\"secondary\"\n\t\t\ticonPosition=\"trailing\"\n\t\t\t{...onClickHandler({\n\t\t\t\ttext: textToCopy,\n\t\t\t\tgetTextFn: getTextFn,\n\t\t\t\ttarget: targetToCopy,\n\t\t\t\tonSuccess: _onSuccess,\n\t\t\t\tonError: _onError,\n\t\t\t})}\n\t\t\t{...rest}\n\t\t/>\n\t)\n}\n\nCopyButton.displayName = 'CopyButton'\n\nexport { CopyButton }\n"],"names":["DEFAULT_ICON","SUCCESS_ICON","ERROR_ICON","DEFAULT_STATUS","CopyButton","size","isIconOnly","isFullWidth","text","textToCopy","getTextFn","targetToCopy","onSuccess","onError","className","defaultIcon","rest","status","setStatus","useState","timer","useRef","icon","resetStatusDelayed","_onSuccess","args","_onError","jsx","Button","classNames","s","onClickHandler"],"mappings":";;;;;;;AAuBA,MAAMA,IAAe,kBACfC,IAAa,qBACbC,IAAA,eAEAC,IAAc,QACnBC,IAAO,CAAA;AAAA,EACP,MAAAC,IAAA;AAAA,EACA,YAAAC;EACA,aAAAC,IAAA;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACD,GAAAC;AACC,MAAA;AACA,QAAM,CAAAC,GAAQC,KAAiDC,EAAAhB,CAAA,GACzDiB,IACLC,EAAA,OAMKC,IAAAL,eAA2BF,KAAAf,IAAAiB,MAAA,YAAAhB,IAAAC,GAC5BqB,IAAe,MAAA;AAClB,IAAAH,EAAA,WACD,aAAAA,EAAA,OAAA,GAECA,EAAA,UAAU,WAAc,MAAA;QAClBjB,CAAA;AAAA,IACR,GAAA,IAAA;AAAA,EAEA,GACCqB,IAAU,CAAAC,MAAS;AACnB,IAAAP,WAAA,GAEAK,EAAe,GACdX,KACDA,EAAAa,CAAA;AAAA,EAGD,GACCC,IAAU,CAAAD,MAAO;AACjB,IAAAP,YAEAK,EAAa,GACZV,KACDA,EAAAY,CAAA;AAAA,EAGD;AACC,SAAC,gBAAAE;AAAA,IAAAC;AAAA,IAAA;AAAA,MAEA,WAAAC,EAAAC,EAAA,aAAA,GAAAA,EAAAb,CAAA,GAAAH,CAAA;AAAA,MACA,MAAAT;AAAA,MACA,aAAAE;AAAA,MACA,MAAAC;AAAA,MACA,MAAAc;AAAA,MACA,YAAAhB;AAAA,MACA,OAAA;AAAA,MACC;MAAkB,GAClByB,EAAM;AAAA,QACN,MAAAtB;AAAA,QACA,WAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAASa;AAAA,QACT,SAAAE;AAAA,MACA,CAAA;AAAA,MAAG,GAAAV;AAAA,IACL;AAAA,EAEF;AAEA;;"}

package/patterns/copy-button/style.module.css.js

@@ -0,0 +1,13 @@
+const s = "idle__1ofXr", o = "success__9mXCl", c = "error__a3l-p", e = {
+  "copy-button": "copy-button__uXOTd",
+  idle: s,
+  success: o,
+  error: c
+};
+export {
+  e as default,
+  c as error,
+  s as idle,
+  o as success
+};
+//# sourceMappingURL=style.module.css.js.map

package/patterns/copy-button/style.module.css.js.map

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

package/patterns/index.js

@@ -1,25 +1,35 @@
-import { C as s, c as r, d as C, e as P, L as e, N as O, h as d, i as t, j as L, b as n, P as R, f as U, g as _, a as i, l as A, R as m, U as u, n as D, k as T } from "../index-B9mPJh9w.js";
-import { n as c } from "../index-WkGIywHj.js";
+import { PartnerCard as e } from "./card/partner-card/index.js";
+import { CardPrimitives as m } from "./card/primitives.js";
+import { CopyButton as O } from "./copy-button/index.js";
+import { LAYOUT_APPEARANCES as p, LAYOUT_BACKGROUNDS as a, LAYOUT_PADDING as d, Layout as f, normalizeLayoutProps as x } from "./layout/index.js";
+import { ProductBadge as R } from "./product-badge/index.js";
+import { PRODUCT_LOGO_COLORS as _, PRODUCT_LOGO_PRODUCTS as n, PRODUCT_LOGO_SIZES as A, ProductLogo as i, normalizeProductLogoProps as u } from "./product-logo/index.js";
+import { RelatedContent as T } from "./related-content/index.js";
+import { NewsroomCard as S } from "./card/newsroom-card/index.js";
+import { PersonCard as c } from "./card/person-card/index.js";
+import { PromoCard as g } from "./card/promo-card/index.js";
+import { ResourceCard as y } from "./card/resource-card/index.js";
+import { UnifiedCard as E } from "./card/unified-card/index.js";
 export {
-  s as CardPrimitives,
-  c as CopyButton,
-  r as LAYOUT_APPEARANCES,
-  C as LAYOUT_BACKGROUNDS,
-  P as LAYOUT_PADDING,
-  e as Layout,
-  O as NewsroomCard,
-  d as PRODUCT_LOGO_COLORS,
-  t as PRODUCT_LOGO_PRODUCTS,
-  L as PRODUCT_LOGO_SIZES,
-  n as PartnerCard,
-  R as PersonCard,
-  U as ProductBadge,
-  _ as ProductLogo,
-  i as PromoCard,
-  A as RelatedContent,
-  m as ResourceCard,
-  u as UnifiedCard,
-  D as normalizeLayoutProps,
-  T as normalizeProductLogoProps
+  m as CardPrimitives,
+  O as CopyButton,
+  p as LAYOUT_APPEARANCES,
+  a as LAYOUT_BACKGROUNDS,
+  d as LAYOUT_PADDING,
+  f as Layout,
+  S as NewsroomCard,
+  _ as PRODUCT_LOGO_COLORS,
+  n as PRODUCT_LOGO_PRODUCTS,
+  A as PRODUCT_LOGO_SIZES,
+  e as PartnerCard,
+  c as PersonCard,
+  R as ProductBadge,
+  i as ProductLogo,
+  g as PromoCard,
+  T as RelatedContent,
+  y as ResourceCard,
+  E as UnifiedCard,
+  x as normalizeLayoutProps,
+  u as normalizeProductLogoProps
 };
 //# sourceMappingURL=index.js.map

package/patterns/index.js.map

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

package/patterns/layout/index.js

@@ -0,0 +1,47 @@
+import { jsx as c } from "react/jsx-runtime";
+import { makeNormalizerSet as D, makeNormalizer as a } from "../../utils/make-normalizer/index.js";
+import N from "classnames";
+import o from "./layout.module.css.js";
+const m = "light", r = "primary", n = "medium", i = "medium", T = ["light", "dark"], k = ["primary", "faint", "transparent"], t = ["none", "small", "medium", "large"], _ = D({
+  appearance: a(T, {
+    fallback: m
+  }),
+  background: a(k, {
+    fallback: r
+  }),
+  paddingTop: a(t, {
+    fallback: n
+  }),
+  paddingBottom: a(t, {
+    fallback: i
+  })
+}), L = ({
+  className: s,
+  children: e,
+  appearance: l = m,
+  background: d = r,
+  paddingBottom: p = n,
+  paddingTop: A = i
+}) => /* @__PURE__ */ c(
+  "div",
+  {
+    className: N([
+      o.layout,
+      { "mds-dark-mode": l === "dark" },
+      o[d],
+      o[`padding-top-${A}`],
+      o[`padding-bottom-${p}`],
+      s
+    ]),
+    children: e
+  }
+);
+L.displayName = "Layout";
+export {
+  T as LAYOUT_APPEARANCES,
+  k as LAYOUT_BACKGROUNDS,
+  t as LAYOUT_PADDING,
+  L as Layout,
+  _ as normalizeLayoutProps
+};
+//# sourceMappingURL=index.js.map

package/patterns/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/patterns/layout/index.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\nimport { makeNormalizer, makeNormalizerSet } from '../../utils/make-normalizer'\nimport classNames from 'classnames'\nimport s from './layout.module.css'\n\nconst DEFAULT_APPEARANCE = 'light'\nconst DEFAULT_BACKGROUND = 'primary'\nconst DEFAULT_PADDING_TOP = 'medium'\nconst DEFAULT_PADDING_BOTTOM = 'medium'\n\nexport const LAYOUT_APPEARANCES = ['light', 'dark'] as const\nexport const LAYOUT_BACKGROUNDS = ['primary', 'faint', 'transparent'] as const\nexport const LAYOUT_PADDING = ['none', 'small', 'medium', 'large'] as const\n\nexport type LayoutAppearance = (typeof LAYOUT_APPEARANCES)[number]\nexport type LayoutBackground = (typeof LAYOUT_BACKGROUNDS)[number]\nexport type LayoutPadding = (typeof LAYOUT_PADDING)[number]\n\nexport const normalizeLayoutProps = makeNormalizerSet({\n\tappearance: makeNormalizer(LAYOUT_APPEARANCES, {\n\t\tfallback: DEFAULT_APPEARANCE,\n\t}),\n\tbackground: makeNormalizer(LAYOUT_BACKGROUNDS, {\n\t\tfallback: DEFAULT_BACKGROUND,\n\t}),\n\tpaddingTop: makeNormalizer(LAYOUT_PADDING, {\n\t\tfallback: DEFAULT_PADDING_TOP,\n\t}),\n\tpaddingBottom: makeNormalizer(LAYOUT_PADDING, {\n\t\tfallback: DEFAULT_PADDING_BOTTOM,\n\t}),\n})\n\nexport interface LayoutProps extends PropsWithChildren {\n\tclassName?: string\n\t/**\n\t * The appearance of the layout\n\t */\n\tappearance?: LayoutAppearance\n\t/**\n\t * The color token used for the background. The color value changes based on `appearance`\n\t */\n\tbackground?: LayoutBackground\n\t/**\n\t * The space between the layout component's content and its top border\n\t */\n\tpaddingTop?: LayoutPadding\n\t/**\n\t * The space between the layout component's content and its bottom border\n\t */\n\tpaddingBottom?: LayoutPadding\n}\n\nexport const Layout = ({\n\tclassName,\n\tchildren,\n\tappearance = DEFAULT_APPEARANCE,\n\tbackground = DEFAULT_BACKGROUND,\n\tpaddingBottom = DEFAULT_PADDING_TOP,\n\tpaddingTop = DEFAULT_PADDING_BOTTOM,\n}: LayoutProps) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames([\n\t\t\t\ts.layout,\n\t\t\t\t{ ['mds-dark-mode']: appearance === 'dark' },\n\t\t\t\ts[background],\n\t\t\t\ts[`padding-top-${paddingTop}`],\n\t\t\t\ts[`padding-bottom-${paddingBottom}`],\n\t\t\t\tclassName,\n\t\t\t])}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\nLayout.displayName = 'Layout'\n"],"names":["DEFAULT_APPEARANCE","DEFAULT_BACKGROUND","DEFAULT_PADDING_TOP","DEFAULT_PADDING_BOTTOM","LAYOUT_APPEARANCES","LAYOUT_BACKGROUNDS","LAYOUT_PADDING","normalizeLayoutProps","makeNormalizerSet","makeNormalizer","Layout","className","children","appearance","background","paddingBottom","paddingTop","jsx","classNames","s"],"mappings":";;;;AAKA,MAAMA,IAAqB,SACrBC,IAAqB,WACrBC,IAAsB,UACtBC,IAAyB,UAElBC,IAAqB,CAAC,SAAS,MAAM,GACrCC,IAAqB,CAAC,WAAW,SAAS,aAAa,GACvDC,IAAiB,CAAC,QAAQ,SAAS,UAAU,OAAO,GAMpDC,IAAuBC,EAAkB;AAAA,EACrD,YAAYC,EAAeL,GAAoB;AAAA,IAC9C,UAAUJ;AAAA,EAAA,CACV;AAAA,EACD,YAAYS,EAAeJ,GAAoB;AAAA,IAC9C,UAAUJ;AAAA,EAAA,CACV;AAAA,EACD,YAAYQ,EAAeH,GAAgB;AAAA,IAC1C,UAAUJ;AAAA,EAAA,CACV;AAAA,EACD,eAAeO,EAAeH,GAAgB;AAAA,IAC7C,UAAUH;AAAA,EAAA,CACV;AACF,CAAC,GAsBYO,IAAS,CAAC;AAAA,EACtB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC,IAAab;AAAA,EACb,YAAAc,IAAab;AAAA,EACb,eAAAc,IAAgBb;AAAA,EAChB,YAAAc,IAAab;AACd,MAEE,gBAAAc;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWC,EAAW;AAAA,MACrBC,EAAE;AAAA,MACF,EAAG,iBAAkBN,MAAe,OAAA;AAAA,MACpCM,EAAEL,CAAU;AAAA,MACZK,EAAE,eAAeH,CAAU,EAAE;AAAA,MAC7BG,EAAE,kBAAkBJ,CAAa,EAAE;AAAA,MACnCJ;AAAA,IAAA,CACA;AAAA,IAEA,UAAAC;AAAA,EAAA;AAAA;AAKJF,EAAO,cAAc;"}

package/patterns/layout/layout.module.css.js

@@ -0,0 +1,20 @@
+const t = "layout__bSrhA", a = "faint__Z2ywD", d = "transparent__9mJjZ", n = {
+  layout: t,
+  faint: a,
+  transparent: d,
+  "padding-top-none": "padding-top-none__9PeMj",
+  "padding-top-small": "padding-top-small__bSFSb",
+  "padding-top-medium": "padding-top-medium__GrQm5",
+  "padding-top-large": "padding-top-large__mDeeb",
+  "padding-bottom-none": "padding-bottom-none__G-i6w",
+  "padding-bottom-small": "padding-bottom-small__LraeK",
+  "padding-bottom-medium": "padding-bottom-medium__PswfC",
+  "padding-bottom-large": "padding-bottom-large__0VyXJ"
+};
+export {
+  n as default,
+  a as faint,
+  t as layout,
+  d as transparent
+};
+//# sourceMappingURL=layout.module.css.js.map

package/patterns/layout/layout.module.css.js.map

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

package/patterns/product-badge/index.js

@@ -0,0 +1,22 @@
+import { jsx as c } from "react/jsx-runtime";
+import { Badge as d } from "../../components/badge/index.js";
+import s from "./style.module.css.js";
+const e = ({ productName: o, hasDot: a }) => {
+  const r = o.replace("hashicorp", "HashiCorp"), t = r === "HashiCorp cloud platform" ? "hashicorp" : o;
+  return /* @__PURE__ */ c(
+    d,
+    {
+      className: s.badge,
+      text: r,
+      ...a && {
+        icon: "dot",
+        iconColor: `var(--mds-color-${t}-brand)`
+      }
+    }
+  );
+};
+e.displayName = "ProductBadge";
+export {
+  e as ProductBadge
+};
+//# sourceMappingURL=index.js.map