@hashicorp/mds-react 0.9.3 → 0.9.4

package/components/accordion/index.js

@@ -0,0 +1,9 @@
+import { jsx as m } from "react/jsx-runtime";
+import s from "classnames";
+import i from "./style.module.scss.js";
+const a = ({ children: o, className: r, ...c }) => /* @__PURE__ */ m("div", { className: s(i.accordion, r), ...c, children: o });
+a.displayName = "Accordion";
+export {
+  a as Accordion
+};
+//# sourceMappingURL=index.js.map

package/components/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\nimport classNames from 'classnames'\nimport s from './style.module.scss'\n\ninterface AccordionProps extends HTMLAttributes<HTMLDivElement> {\n\t/**\n\t * optional class name to add to the accordion\n\t */\n\tclassName?: string\n}\n\nconst Accordion = ({ children, className, ...rest }: AccordionProps) => {\n\treturn (\n\t\t<div className={classNames(s.accordion, className)} {...rest}>\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\nAccordion.displayName = 'Accordion'\n\nexport { Accordion }\nexport type { AccordionProps }\nexport { AccordionContent, AccordionItem, AccordionToggle } from './item'\n"],"names":["Accordion","children","className","rest","jsx","classNames","s"],"mappings":";;;AAWA,MAAMA,IAAY,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,QAE3C,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAWC,EAAE,WAAWJ,CAAS,GAAI,GAAGC,GACtD,UAAAF,EAAA,CACF;AAIFD,EAAU,cAAc;"}

package/components/accordion/item/button.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import a from "classnames";
+import { FlightIcon as u } from "../../flight-icon/index.js";
+import { useDisclosurePrimitive as d } from "../../disclosure-primitive/use-disclosure-primitive.js";
+import t from "../style.module.scss.js";
+const C = ({ anchorId: n, updateUrl: r }) => {
+  const {
+    onClickToggle: c,
+    isOpen: e,
+    contentId: s,
+    containsInteractive: o,
+    ariaLabel: l
+  } = d(), m = (p) => {
+    c(p), !(!r || !n) && (e ? history.replaceState(null, "", window.location.pathname) : history.replaceState(null, "", `#${n}`));
+  };
+  return /* @__PURE__ */ i(
+    "button",
+    {
+      type: "button",
+      className: a(t.button, {
+        [t["parent-contains-interactive"]]: o,
+        [t["parent-does-not-contain-interactive"]]: !o
+      }),
+      onClick: m,
+      "aria-controls": s,
+      "aria-expanded": e,
+      "aria-label": l,
+      children: /* @__PURE__ */ i(
+        u,
+        {
+          name: "chevron-down",
+          size: 24,
+          isInlineBlock: !1,
+          className: a(t.icon, { [t["icon-rotate"]]: e })
+        }
+      )
+    }
+  );
+};
+export {
+  C as AccordionButton
+};
+//# sourceMappingURL=button.js.map

package/components/accordion/item/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../../../src/components/accordion/item/button.tsx"],"sourcesContent":["'use client'\n\nimport classNames from 'classnames'\nimport { FlightIcon } from '../../flight-icon'\nimport { useDisclosurePrimitive } from '../../disclosure-primitive/use-disclosure-primitive'\nimport s from '../style.module.scss'\nimport type { MouseEventHandler } from 'react'\n\ninterface AccordionButtonProps {\n\tanchorId?: string\n\tupdateUrl?: boolean\n}\n\nconst AccordionButton = ({ anchorId, updateUrl }: AccordionButtonProps) => {\n\tconst {\n\t\tonClickToggle,\n\t\tisOpen,\n\t\tcontentId,\n\t\tcontainsInteractive: parentContainsInteractive,\n\t\tariaLabel,\n\t} = useDisclosurePrimitive()\n\n\tconst handleClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n\t\tonClickToggle(e)\n\n\t\tif (!updateUrl || !anchorId) return\n\n\t\tif (!isOpen) {\n\t\t\thistory.replaceState(null, '', `#${anchorId}`)\n\t\t} else {\n\t\t\thistory.replaceState(null, '', window.location.pathname)\n\t\t}\n\t}\n\n\treturn (\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\tclassName={classNames(s['button'], {\n\t\t\t\t[s['parent-contains-interactive']]: parentContainsInteractive,\n\t\t\t\t[s['parent-does-not-contain-interactive']]: !parentContainsInteractive,\n\t\t\t})}\n\t\t\tonClick={handleClick}\n\t\t\taria-controls={contentId}\n\t\t\taria-expanded={isOpen}\n\t\t\taria-label={ariaLabel}\n\t\t>\n\t\t\t<FlightIcon\n\t\t\t\tname=\"chevron-down\"\n\t\t\t\tsize={24}\n\t\t\t\tisInlineBlock={false}\n\t\t\t\tclassName={classNames(s.icon, { [s['icon-rotate']]: isOpen })}\n\t\t\t/>\n\t\t</button>\n\t)\n}\n\nexport { AccordionButton }\n"],"names":["AccordionButton","anchorId","updateUrl","onClickToggle","isOpen","contentId","parentContainsInteractive","useDisclosurePrimitive","handleClick","e","jsx","classNames","s","FlightIcon"],"mappings":";;;;;;AAcC,MAAAA,IAAM,CAAA,EAAA,UAAAC,GAAA,WAAAC,EAAA,MAAA;AAAA,QACL;AAAA,IACA,eAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,qBAAAC;AAAA;EAGD,IAAAC,EAAiE,GAChEC,IAAe,CAAAC,MAAA;AAIf,IAFAN,EAAKM,CAAA,GAED,GAACP,KAAQ,CAAAD,OACZG,IAGD,QAAA,aAAA,MAAA,IAAA,OAAA,SAAA,QAAA,IAFA,QAAO,aAAA,MAAA,IAAA,IAAAH,CAAA,EAAA;AAAA,EAKR;AACC,SAAC,gBAAAS;AAAA,IAAA;AAAA,IAAA;AAAA,MAEA,MAAA;AAAA,MAAmC,WAC/BC,EAAAC,EAAA,QAA8B;AAAA,QACjC,CAACA,EAAE,6BAAA,CAAA,GAAAN;AAAA,QACH,CAAAM,EAAA,qCAAA,CAAA,GAAA,CAAAN;AAAA,MACD,CAAA;AAAA,MACA,SAAAE;AAAA,MACA,iBAAeH;AAAA,MACf,iBAAYD;AAAA,MAEZ;MAAA,UAAC,gBAAAM;AAAA,QAAAG;AAAA,QAAA;AAAA,UAEA,MAAM;AAAA,UACN,MAAA;AAAA,UACA,eAAW;AAAA,UAAiD,WAAAF,EAAAC,EAAA,MAAA,EAAA,CAAAA,EAAA,aAAA,CAAA,GAAAR,EAAA,CAAA;AAAA,QAAA;AAAA,MAC7D;AAAA,IACD;AAAA,EAEF;;"}

package/components/accordion/item/index.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import c from "classnames";
+import { DisclosurePrimitive as n } from "../../disclosure-primitive/index.js";
+import { useDisclosurePrimitive as a } from "../../disclosure-primitive/use-disclosure-primitive.js";
+import { AccordionButton as l } from "./button.js";
+import r from "../style.module.scss.js";
+import { Text as p } from "../../text/index.js";
+const g = ({
+  children: t,
+  containsInteractive: o,
+  isOpen: i,
+  ariaLabel: s = "Toggle display",
+  ...m
+}) => /* @__PURE__ */ e(
+  n.Provider,
+  {
+    className: c(r.item, {
+      [r["contains-interactive"]]: o,
+      [r["does-not-contain-interactive"]]: !o
+    }),
+    trackedIsOpen: i,
+    containsInteractive: o,
+    ariaLabel: s,
+    ...m,
+    children: t
+  }
+);
+g.displayName = "AccordionItem";
+const y = ({
+  children: t,
+  anchorId: o,
+  updateUrl: i
+}) => /* @__PURE__ */ d("div", { className: r.toggle, children: [
+  /* @__PURE__ */ e(l, { anchorId: o ?? "", updateUrl: i }),
+  /* @__PURE__ */ e("div", { className: c(r["toggle-content"]), children: /* @__PURE__ */ e(p.Body, { weight: "semibold", children: t }) })
+] });
+y.displayName = "AccordionToggle";
+const u = ({ children: t }) => {
+  const { contentId: o } = a();
+  return /* @__PURE__ */ e(n.Content, { children: /* @__PURE__ */ e(
+    "div",
+    {
+      className: c(
+        r.content,
+        "mds-typography-legacy-body-200 mds-foreground-primary"
+      ),
+      id: o,
+      children: t
+    }
+  ) });
+};
+u.displayName = "AccordionContent";
+export {
+  u as AccordionContent,
+  g as AccordionItem,
+  y as AccordionToggle
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/accordion/item/index.tsx"],"sourcesContent":["'use client'\n\nimport classNames from 'classnames'\nimport { DisclosurePrimitive } from '../../disclosure-primitive'\nimport { useDisclosurePrimitive } from '../../disclosure-primitive/use-disclosure-primitive'\nimport type { HTMLAttributes } from 'react'\nimport { AccordionButton } from './button'\nimport s from '../style.module.scss'\nimport { Text } from '../../text'\n\ninterface AccordionItemProps extends HTMLAttributes<HTMLDivElement> {\n\tariaLabel?: string\n\tisOpen?: boolean\n\tcontainsInteractive?: boolean\n}\n\nconst AccordionItem = ({\n\tchildren,\n\tcontainsInteractive,\n\tisOpen,\n\tariaLabel = 'Toggle display',\n\t...rest\n}: AccordionItemProps) => {\n\treturn (\n\t\t<DisclosurePrimitive.Provider\n\t\t\tclassName={classNames(s.item, {\n\t\t\t\t[s['contains-interactive']]: containsInteractive,\n\t\t\t\t[s['does-not-contain-interactive']]: !containsInteractive,\n\t\t\t})}\n\t\t\ttrackedIsOpen={isOpen}\n\t\t\tcontainsInteractive={containsInteractive}\n\t\t\tariaLabel={ariaLabel}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{children}\n\t\t</DisclosurePrimitive.Provider>\n\t)\n}\n\nAccordionItem.displayName = 'AccordionItem'\n\ninterface AccordionToggleProps {\n\tchildren: React.ReactNode\n\tanchorId?: string\n\tupdateUrl?: boolean\n}\nconst AccordionToggle = ({\n\tchildren,\n\tanchorId,\n\tupdateUrl,\n}: AccordionToggleProps) => {\n\treturn (\n\t\t<div className={s.toggle}>\n\t\t\t<AccordionButton anchorId={anchorId ?? ''} updateUrl={updateUrl} />\n\t\t\t<div className={classNames(s['toggle-content'])}>\n\t\t\t\t<Text.Body weight=\"semibold\">{children}</Text.Body>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\nAccordionToggle.displayName = 'AccordionToggle'\n\nconst AccordionContent = ({ children }: React.PropsWithChildren) => {\n\tconst { contentId } = useDisclosurePrimitive()\n\n\treturn (\n\t\t<DisclosurePrimitive.Content>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\n\t\t\t\t\ts['content'],\n\t\t\t\t\t'mds-typography-legacy-body-200 mds-foreground-primary'\n\t\t\t\t)}\n\t\t\t\tid={contentId}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</DisclosurePrimitive.Content>\n\t)\n}\n\nAccordionContent.displayName = 'AccordionContent'\n\nexport { AccordionItem, AccordionToggle, AccordionContent }\n"],"names":["AccordionItem","children","containsInteractive","isOpen","ariaLabel","rest","jsx","DisclosurePrimitive","classNames","s","AccordionToggle","anchorId","updateUrl","jsxs","AccordionButton","Text","contentId","useDisclosurePrimitive"],"mappings":";;;;;;;;AAgBuB,MACtBA,IAAA,CAAA;AAAA,EACA,UAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC,IAAG;AAAA,EACJ,GAAAC;AACC,MACsB,gBAAAC;AAAA,EAApBC,EAAA;AAAA,EAAA;AAAA,IAC8B,WAC1BC,EAAAC,EAAA;MACH,CAACA,EAAE,sBAAA,CAAA,GAAAP;AAAA,MACH,CAAAO,EAAA,8BAAA,CAAA,GAAA,CAAAP;AAAA,IACD,CAAA;AAAA,IACA,eAAAC;AAAA,IACA,qBAAAD;AAAA,IACC,WAAAE;AAAA,IAEA,GAAAC;AAAA,IAAA,UAAAJ;AAAA,EACF;AAEF;AASAD,EAAM,cAAmB;AAAA,MACxBU,IAAA,CAAA;AAAA,EACA,UAAAT;AAAA,EACA,UAAAU;AAAA,EACD,WAAAC;AACC,MAEG,gBAAAC,EAAA,OAAA,EAAA,WAAgBJ,EAAA,QAAU,UAAgB;AAAA,EAC3C,gBAAAH,EAACQ,GAAI,EAAA,UAAWH,KAAa,IAAA,WAAAC,EAC5B,CAAA;AAAA,EAEF,gBAAAN,EAAA,OAAA,EAAA,WAAAE,EAAAC,EAAA,gBAAA,CAAA,GAAA,UAAA,gBAAAH,EAAAS,EAAA,MAAA,EAAA,QAAA,YAAA,UAAAd,EAAA,CAAA,EAAA,CAAA;AAEF,EAAA,CAAA;AAIAS,gBAA4B;AAC3B;AAEA,QAAA,EAAA,WAAAM,EAAA,IAAAC,EACE;AACA,SAAC,gBAAAX,EAAAC,EAAA,SAAA,EAAA,UAAA,gBAAAD;AAAA,IAAA;AAAA,IAAA;AAAA,MACW,WACRE;AAAA,QACFC,EAAA;AAAA,QACD;AAAA,MACA;AAAA,MAEC,IAAAO;AAAA,MAAA,UAAAf;AAAA;EAIL,EAAA,CAAA;AAEA;;"}

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

@@ -0,0 +1,24 @@
+const t = "accordion__tWR7C", n = "item__MYeus", o = "toggle__cD-PM", e = "button__e63te", c = "icon__xZL-n", i = "content__RNHA7", a = {
+  accordion: t,
+  item: n,
+  "does-not-contain-interactive": "does-not-contain-interactive__9u5oz",
+  "contains-interactive": "contains-interactive__7-Y60",
+  toggle: o,
+  button: e,
+  icon: c,
+  "icon-rotate": "icon-rotate__OTQtF",
+  "parent-does-not-contain-interactive": "parent-does-not-contain-interactive__H4GPb",
+  "parent-contains-interactive": "parent-contains-interactive__FGVlz",
+  "toggle-content": "toggle-content__6cjUu",
+  content: i
+};
+export {
+  t as accordion,
+  e as button,
+  i as content,
+  a as default,
+  c as icon,
+  n as item,
+  o as toggle
+};
+//# sourceMappingURL=style.module.scss.js.map

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

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

package/components/alert/alert.module.scss.js

@@ -0,0 +1,29 @@
+const t = "alert__j7ZRS", o = "icon__vbZHd", c = "content__0FEM2", n = "text__qorMN", e = "description__PMywu", i = "actions__vQ07y", _ = "title__MWel2", s = {
+  alert: t,
+  icon: o,
+  "type-compact": "type-compact__ptTlw",
+  content: c,
+  text: n,
+  description: e,
+  actions: i,
+  "dismiss-button-wrapper": "dismiss-button-wrapper__vcfJ-",
+  "type-page": "type-page__tP9-W",
+  "type-inline": "type-inline__7sxYA",
+  title: _,
+  "color-neutral": "color-neutral__x4pkI",
+  "color-highlight": "color-highlight__64nTZ",
+  "color-success": "color-success__UMfyG",
+  "color-warning": "color-warning__V1hfX",
+  "color-critical": "color-critical__3hs0B"
+};
+export {
+  i as actions,
+  t as alert,
+  c as content,
+  s as default,
+  e as description,
+  o as icon,
+  n as text,
+  _ as title
+};
+//# sourceMappingURL=alert.module.scss.js.map

package/components/alert/alert.module.scss.js.map

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

package/components/alert/icon.js

@@ -0,0 +1,34 @@
+import { jsx as l } from "react/jsx-runtime";
+import { FlightIcon as n } from "../flight-icon/index.js";
+import r from "./alert.module.scss.js";
+const a = {
+  neutral: {
+    compact: "info-fill",
+    default: "info"
+  },
+  highlight: {
+    compact: "info-fill",
+    default: "info"
+  },
+  success: {
+    compact: "check-circle-fill",
+    default: "check-circle"
+  },
+  warning: {
+    compact: "alert-triangle-fill",
+    default: "alert-triangle"
+  },
+  critical: {
+    compact: "alert-diamond-fill",
+    default: "alert-diamond"
+  }
+}, s = ({ icon: t, type: e, color: c }) => {
+  if (t === !1)
+    return null;
+  const i = e === "compact" ? a[c].compact : a[c].default, o = t ?? i;
+  return /* @__PURE__ */ l("div", { className: r.icon, children: /* @__PURE__ */ l(n, { name: o, stretched: !0 }) });
+};
+export {
+  s as Icon
+};
+//# sourceMappingURL=icon.js.map

package/components/alert/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sources":["../../../src/components/alert/icon.tsx"],"sourcesContent":["import type { AlertColor, AlertProps } from '.'\nimport type { FlightIconName } from '../flight-icon'\nimport { FlightIcon } from '../flight-icon'\nimport s from './alert.module.scss'\n\nconst ICON_BY_COLOR_AND_TYPE = {\n\tneutral: {\n\t\tcompact: 'info-fill',\n\t\tdefault: 'info',\n\t},\n\thighlight: {\n\t\tcompact: 'info-fill',\n\t\tdefault: 'info',\n\t},\n\tsuccess: {\n\t\tcompact: 'check-circle-fill',\n\t\tdefault: 'check-circle',\n\t},\n\twarning: {\n\t\tcompact: 'alert-triangle-fill',\n\t\tdefault: 'alert-triangle',\n\t},\n\tcritical: {\n\t\tcompact: 'alert-diamond-fill',\n\t\tdefault: 'alert-diamond',\n\t},\n} as const satisfies Record<\n\tAlertColor,\n\tRecord<'compact' | 'default', FlightIconName>\n>\n\ninterface IconProps {\n\ticon?: FlightIconName | false\n\tcolor: AlertColor\n\ttype: AlertProps['type']\n}\n\nconst Icon = ({ icon, type, color }: IconProps) => {\n\tif (icon === false) {\n\t\treturn null\n\t}\n\n\tconst defaultIconName: FlightIconName =\n\t\ttype === 'compact'\n\t\t\t? ICON_BY_COLOR_AND_TYPE[color].compact\n\t\t\t: ICON_BY_COLOR_AND_TYPE[color].default\n\n\tconst iconName = icon ?? defaultIconName\n\n\treturn (\n\t\t<div className={s.icon}>\n\t\t\t<FlightIcon name={iconName} stretched />\n\t\t</div>\n\t)\n}\n\nexport { Icon }\n"],"names":["ICON_BY_COLOR_AND_TYPE","Icon","icon","type","color","defaultIconName","iconName","jsx","s","FlightIcon"],"mappings":";;;AAKA,MAAMA,IAAyB;AAAA,EAC9B,SAAS;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEV,WAAW;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEV,SAAS;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEV,SAAS;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEV,UAAU;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEX,GAWMC,IAAO,CAAC,EAAE,MAAAC,GAAM,MAAAC,GAAM,OAAAC,QAAuB;AAClD,MAAIF,MAAS;AACZ,WAAO;AAGR,QAAMG,IACLF,MAAS,YACNH,EAAuBI,CAAK,EAAE,UAC9BJ,EAAuBI,CAAK,EAAE,SAE5BE,IAAWJ,KAAQG;AAEzB,SACC,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAE,MACjB,UAAA,gBAAAD,EAACE,GAAA,EAAW,MAAMH,GAAU,WAAS,GAAA,CAAC,GACvC;AAEF;"}

package/components/alert/index.js

@@ -0,0 +1,97 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import o from "classnames";
+import { useId as u } from "react";
+import { DismissButton as f } from "../dismiss-button/index.js";
+import { StandaloneLink as N } from "../standalone-link/index.js";
+import { Icon as g } from "./icon.js";
+import { Button as A } from "../button/index.js";
+import t from "./alert.module.scss.js";
+const v = ({
+  type: r,
+  color: n = "neutral",
+  icon: d,
+  onDismiss: m,
+  title: a,
+  description: i,
+  children: c,
+  role: p,
+  className: y,
+  ...h
+}) => {
+  if (!a && !i)
+    throw new Error(
+      "Alert must include either a title or a description, or both"
+    );
+  const s = u();
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: o(
+        t.alert,
+        t[`type-${r}`],
+        t[`color-${n}`],
+        y
+      ),
+      role: p,
+      "aria-live": "polite",
+      "aria-labelledby": s,
+      ...h,
+      children: [
+        /* @__PURE__ */ e(g, { icon: d, type: r, color: n }),
+        /* @__PURE__ */ l("div", { className: t.content, children: [
+          /* @__PURE__ */ l(
+            "div",
+            {
+              className: o(
+                t.text,
+                r === "compact" ? "mds-typography-legacy-body-100" : "mds-typography-legacy-body-200"
+              ),
+              children: [
+                a && /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: o(
+                      t.title,
+                      "mds-typography-font-weight-semibold"
+                    ),
+                    id: s,
+                    children: a
+                  }
+                ),
+                i && /* @__PURE__ */ e(
+                  "div",
+                  {
+                    className: o(
+                      t.description,
+                      "mds-typography-font-weight-regular mds-foreground-primary"
+                    ),
+                    id: a ? void 0 : s,
+                    children: i
+                  }
+                )
+              ]
+            }
+          ),
+          c
+        ] }),
+        m && /* @__PURE__ */ e("div", { className: t["dismiss-button-wrapper"], children: /* @__PURE__ */ e(f, { onClick: m }) })
+      ]
+    }
+  );
+};
+v.displayName = "Alert";
+const b = ({ children: r }) => /* @__PURE__ */ e("div", { className: t.actions, children: r });
+b.displayName = "AlertActions";
+const w = ({ ...r }) => /* @__PURE__ */ e(A, { size: "small", ...r });
+w.displayName = "AlertButton";
+const k = ({
+  ...r
+}) => /* @__PURE__ */ e(N, { size: "small", ...r });
+k.displayName = "AlertStandaloneLink";
+export {
+  v as Alert,
+  b as AlertActions,
+  w as AlertButton,
+  k as AlertStandaloneLink
+};
+//# sourceMappingURL=index.js.map

package/components/alert/index.js.map

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

package/components/badge/index.js

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

package/components/badge/index.js.map

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

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

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

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

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

package/components/badge-count/index.js

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

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

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

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

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

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

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

package/components/breadcrumbs/index.js

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

package/components/breadcrumbs/index.js.map

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

package/components/breadcrumbs/item/index.js

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

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

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

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

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

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

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