@salt-ds/lab 1.0.0-alpha.7 → 1.0.0-alpha.70

package/dist-cjs/contact-details/ContactMetadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactMetadata.js","sources":["../src/contact-details/ContactMetadata.tsx"],"sourcesContent":["import { Button, makePrefixer, useIcon, useId } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, forwardRef, useState } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactMetadata\");\n\nexport interface ContactMetadataProps extends HTMLAttributes<HTMLDivElement> {\n  collapsible?: boolean;\n  collapseButtonId?: string;\n}\n\nexport const ContactMetadata = forwardRef<HTMLDivElement, ContactMetadataProps>(\n  function ContactMetadata(props, ref) {\n    const { collapsible, children, collapseButtonId, className, ...restProps } =\n      props;\n    const { primaryId, variant, isStacked } = useContactDetailsContext();\n    const { CollapseIcon, ExpandIcon } = useIcon();\n    const [showMetadata, setShowMetadata] = useState<boolean>(!collapsible);\n\n    const toggleShowMetadata = () => {\n      setShowMetadata(!showMetadata);\n    };\n\n    if (variant !== \"default\") {\n      return null;\n    }\n\n    const variantClassName = withBaseName(isStacked ? \"stacked\" : \"default\");\n\n    const id = useId(collapseButtonId);\n\n    return (\n      <>\n        {collapsible ? (\n          <Button\n            aria-expanded={showMetadata}\n            aria-label={showMetadata ? \"Collapse\" : \"Expand\"}\n            aria-labelledby={`${id} ${primaryId}`}\n            id={id}\n            onClick={toggleShowMetadata}\n            variant=\"secondary\"\n            className={withBaseName(\"expander\")}\n          >\n            {showMetadata ? <CollapseIcon /> : <ExpandIcon />}\n          </Button>\n        ) : null}\n        {!collapsible || showMetadata ? (\n          <div\n            {...restProps}\n            ref={ref}\n            className={clsx(withBaseName(), variantClassName, className)}\n          >\n            {collapsible ? <div className={withBaseName(\"separator\")} /> : null}\n            {children}\n          </div>\n        ) : null}\n      </>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","ContactMetadata","useContactDetailsContext","useIcon","useState","useId","jsxs","Fragment","jsx","Button","clsx"],"mappings":";;;;;;;;;AAKA,MAAM,YAAA,GAAeA,kBAAa,qBAAqB,CAAA;AAOhD,MAAM,eAAkB,GAAAC,gBAAA;AAAA,EAC7B,SAASC,gBAAgB,CAAA,KAAA,EAAO,GAAK,EAAA;AACnC,IAAA,MAAM,EAAE,WAAa,EAAA,QAAA,EAAU,kBAAkB,SAAW,EAAA,GAAG,WAC7D,GAAA,KAAA;AACF,IAAA,MAAM,EAAE,SAAA,EAAW,OAAS,EAAA,SAAA,KAAcC,8CAAyB,EAAA;AACnE,IAAA,MAAM,EAAE,YAAA,EAAc,UAAW,EAAA,GAAIC,YAAQ,EAAA;AAC7C,IAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAAC,cAAA,CAAkB,CAAC,WAAW,CAAA;AAEtE,IAAA,MAAM,qBAAqB,MAAM;AAC/B,MAAA,eAAA,CAAgB,CAAC,YAAY,CAAA;AAAA,KAC/B;AAEA,IAAA,IAAI,YAAY,SAAW,EAAA;AACzB,MAAO,OAAA,IAAA;AAAA;AAGT,IAAA,MAAM,gBAAmB,GAAA,YAAA,CAAa,SAAY,GAAA,SAAA,GAAY,SAAS,CAAA;AAEvE,IAAM,MAAA,EAAA,GAAKC,WAAM,gBAAgB,CAAA;AAEjC,IAAA,uBAEKC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA;AAAA,MACC,WAAA,mBAAAC,cAAA;AAAA,QAACC,WAAA;AAAA,QAAA;AAAA,UACC,eAAe,EAAA,YAAA;AAAA,UACf,YAAA,EAAY,eAAe,UAAa,GAAA,QAAA;AAAA,UACxC,iBAAiB,EAAA,CAAA,EAAG,EAAE,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA;AAAA,UACnC,EAAA;AAAA,UACA,OAAS,EAAA,kBAAA;AAAA,UACT,OAAQ,EAAA,WAAA;AAAA,UACR,SAAA,EAAW,aAAa,UAAU,CAAA;AAAA,UAEjC,QAAe,EAAA,YAAA,mBAAAD,cAAA,CAAC,YAAa,EAAA,EAAA,CAAA,kCAAM,UAAW,EAAA,EAAA;AAAA;AAAA,OAE/C,GAAA,IAAA;AAAA,MACH,CAAC,eAAe,YACf,mBAAAF,eAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACE,GAAG,SAAA;AAAA,UACJ,GAAA;AAAA,UACA,SAAW,EAAAI,SAAA,CAAK,YAAa,EAAA,EAAG,kBAAkB,SAAS,CAAA;AAAA,UAE1D,QAAA,EAAA;AAAA,YAAA,WAAA,kCAAe,KAAI,EAAA,EAAA,SAAA,EAAW,YAAa,CAAA,WAAW,GAAG,CAAK,GAAA,IAAA;AAAA,YAC9D;AAAA;AAAA;AAAA,OAED,GAAA;AAAA,KACN,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist-cjs/contact-details/ContactMetadataItem.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var react = require('react');
+var MailLinkComponent = require('./MailLinkComponent.js');
+
+const withBaseName = core.makePrefixer("saltContactMetadataItem");
+const ContactMetadataItem = react.forwardRef(function ContactMetadataItem2(props, ref) {
+  const { label, value, icon: Icon, ValueComponent, ...restProps } = props;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...restProps, ref, className: withBaseName(), children: [
+    !Icon ? /* @__PURE__ */ jsxRuntime.jsx(core.Text, { maxRows: 1, className: withBaseName("label"), variant: "secondary", children: label }) : null,
+    Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: withBaseName("icon") }) : null,
+    ValueComponent ? /* @__PURE__ */ jsxRuntime.jsx(ValueComponent, { value }) : /* @__PURE__ */ jsxRuntime.jsx(MailLinkComponent.MailLinkComponent, { value })
+  ] });
+});
+
+exports.ContactMetadataItem = ContactMetadataItem;
+//# sourceMappingURL=ContactMetadataItem.js.map

package/dist-cjs/contact-details/ContactMetadataItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactMetadataItem.js","sources":["../src/contact-details/ContactMetadataItem.tsx"],"sourcesContent":["import { Text, makePrefixer } from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { type ComponentType, type HTMLAttributes, forwardRef } from \"react\";\nimport { MailLinkComponent } from \"./MailLinkComponent\";\nimport type { ValueComponentProps } from \"./types\";\n\nconst withBaseName = makePrefixer(\"saltContactMetadataItem\");\n\nexport interface ContactMetadataItemProps\n  extends HTMLAttributes<HTMLDivElement> {\n  label?: string;\n  value: string;\n  icon?: ComponentType<IconProps>;\n  ValueComponent?: ComponentType<ValueComponentProps>;\n}\n\nexport const ContactMetadataItem = forwardRef<\n  HTMLDivElement,\n  ContactMetadataItemProps\n>(function ContactMetadataItem(props, ref) {\n  const { label, value, icon: Icon, ValueComponent, ...restProps } = props;\n  return (\n    <div {...restProps} ref={ref} className={withBaseName()}>\n      {!Icon ? (\n        <Text maxRows={1} className={withBaseName(\"label\")} variant=\"secondary\">\n          {label}\n        </Text>\n      ) : null}\n      {Icon ? <Icon className={withBaseName(\"icon\")} /> : null}\n\n      {ValueComponent ? (\n        <ValueComponent value={value} />\n      ) : (\n        <MailLinkComponent value={value} />\n      )}\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","ContactMetadataItem","jsx","Text","MailLinkComponent"],"mappings":";;;;;;;AAMA,MAAM,YAAA,GAAeA,kBAAa,yBAAyB,CAAA;AAUpD,MAAM,mBAAsB,GAAAC,gBAAA,CAGjC,SAASC,oBAAAA,CAAoB,OAAO,GAAK,EAAA;AACzC,EAAM,MAAA,EAAE,OAAO,KAAO,EAAA,IAAA,EAAM,MAAM,cAAgB,EAAA,GAAG,WAAc,GAAA,KAAA;AACnE,EAAA,uCACG,KAAK,EAAA,EAAA,GAAG,WAAW,GAAU,EAAA,SAAA,EAAW,cACtC,EAAA,QAAA,EAAA;AAAA,IAAA,CAAC,IACA,mBAAAC,cAAA,CAACC,SAAK,EAAA,EAAA,OAAA,EAAS,CAAG,EAAA,SAAA,EAAW,YAAa,CAAA,OAAO,CAAG,EAAA,OAAA,EAAQ,WACzD,EAAA,QAAA,EAAA,KAAA,EACH,CACE,GAAA,IAAA;AAAA,IACH,uBAAQD,cAAA,CAAA,IAAA,EAAA,EAAK,WAAW,YAAa,CAAA,MAAM,GAAG,CAAK,GAAA,IAAA;AAAA,IAEnD,iCACEA,cAAA,CAAA,cAAA,EAAA,EAAe,OAAc,CAE9B,mBAAAA,cAAA,CAACE,uCAAkB,KAAc,EAAA;AAAA,GAErC,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/contact-details/ContactPrimaryInfo.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var clsx = require('clsx');
+var react = require('react');
+require('./internal/FavoriteToggleWithTooltip.js');
+var ContactDetailsContext = require('./internal/ContactDetailsContext.js');
+
+const withBaseName = core.makePrefixer("saltContactPrimaryInfo");
+const ContactPrimaryInfo = react.forwardRef(function ContactPrimaryInfo2(props, ref) {
+  const {
+    id: idProp,
+    text,
+    className,
+    "aria-level": ariaLevel = 2,
+    ...restProps
+  } = props;
+  const { setPrimary, setPrimaryId, secondaryId, tertiaryId, variant } = ContactDetailsContext.useContactDetailsContext();
+  const id = core.useId(idProp);
+  react.useEffect(() => {
+    setPrimary(text || "");
+    setPrimaryId(id);
+    return () => {
+      setPrimary(void 0);
+      setPrimaryId(void 0);
+    };
+  }, [setPrimary, id, text, setPrimaryId]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    core.Text,
+    {
+      ...restProps,
+      maxRows: 1,
+      id,
+      ref,
+      styleAs: variant === "default" ? "h2" : "h4",
+      className: clsx.clsx(withBaseName(), className),
+      role: "heading",
+      "aria-labelledby": `${id} ${secondaryId ?? null} ${tertiaryId ?? null}`,
+      "aria-level": ariaLevel,
+      "data-testid": "primary",
+      children: text
+    }
+  );
+});
+
+exports.ContactPrimaryInfo = ContactPrimaryInfo;
+//# sourceMappingURL=ContactPrimaryInfo.js.map

package/dist-cjs/contact-details/ContactPrimaryInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactPrimaryInfo.js","sources":["../src/contact-details/ContactPrimaryInfo.tsx"],"sourcesContent":["import { Text, makePrefixer, useId } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, forwardRef, useEffect } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactPrimaryInfo\");\n\nexport interface ContactPrimaryInfoProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"color\"> {\n  text: string;\n}\n\nexport const ContactPrimaryInfo = forwardRef<\n  HTMLDivElement,\n  ContactPrimaryInfoProps\n>(function ContactPrimaryInfo(props, ref) {\n  const {\n    id: idProp,\n    text,\n    className,\n    \"aria-level\": ariaLevel = 2,\n    ...restProps\n  } = props;\n  const { setPrimary, setPrimaryId, secondaryId, tertiaryId, variant } =\n    useContactDetailsContext();\n  const id = useId(idProp);\n\n  useEffect(() => {\n    setPrimary(text || \"\");\n    setPrimaryId(id);\n    return () => {\n      setPrimary(undefined);\n      setPrimaryId(undefined);\n    };\n  }, [setPrimary, id, text, setPrimaryId]);\n\n  return (\n    <Text\n      {...restProps}\n      maxRows={1}\n      id={id}\n      ref={ref}\n      styleAs={variant === \"default\" ? \"h2\" : \"h4\"}\n      className={clsx(withBaseName(), className)}\n      role=\"heading\"\n      aria-labelledby={`${id} ${secondaryId ?? null} ${tertiaryId ?? null}`}\n      aria-level={ariaLevel}\n      data-testid=\"primary\"\n    >\n      {text}\n    </Text>\n  );\n});\n"],"names":["makePrefixer","forwardRef","ContactPrimaryInfo","useContactDetailsContext","useId","useEffect","jsx","Text","clsx"],"mappings":";;;;;;;;;AAKA,MAAM,YAAA,GAAeA,kBAAa,wBAAwB,CAAA;AAOnD,MAAM,kBAAqB,GAAAC,gBAAA,CAGhC,SAASC,mBAAAA,CAAmB,OAAO,GAAK,EAAA;AACxC,EAAM,MAAA;AAAA,IACJ,EAAI,EAAA,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAc,SAAY,GAAA,CAAA;AAAA,IAC1B,GAAG;AAAA,GACD,GAAA,KAAA;AACJ,EAAA,MAAM,EAAE,UAAY,EAAA,YAAA,EAAc,aAAa,UAAY,EAAA,OAAA,KACzDC,8CAAyB,EAAA;AAC3B,EAAM,MAAA,EAAA,GAAKC,WAAM,MAAM,CAAA;AAEvB,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,QAAQ,EAAE,CAAA;AACrB,IAAA,YAAA,CAAa,EAAE,CAAA;AACf,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,MAAS,CAAA;AACpB,MAAA,YAAA,CAAa,MAAS,CAAA;AAAA,KACxB;AAAA,KACC,CAAC,UAAA,EAAY,EAAI,EAAA,IAAA,EAAM,YAAY,CAAC,CAAA;AAEvC,EACE,uBAAAC,cAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,OAAS,EAAA,CAAA;AAAA,MACT,EAAA;AAAA,MACA,GAAA;AAAA,MACA,OAAA,EAAS,OAAY,KAAA,SAAA,GAAY,IAAO,GAAA,IAAA;AAAA,MACxC,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,IAAK,EAAA,SAAA;AAAA,MACL,iBAAA,EAAiB,GAAG,EAAE,CAAA,CAAA,EAAI,eAAe,IAAI,CAAA,CAAA,EAAI,cAAc,IAAI,CAAA,CAAA;AAAA,MACnE,YAAY,EAAA,SAAA;AAAA,MACZ,aAAY,EAAA,SAAA;AAAA,MAEX,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/dist-cjs/contact-details/ContactSecondaryInfo.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var clsx = require('clsx');
+var react = require('react');
+require('./internal/FavoriteToggleWithTooltip.js');
+var ContactDetailsContext = require('./internal/ContactDetailsContext.js');
+
+const withBaseName = core.makePrefixer("saltContactSecondaryInfo");
+const ContactSecondaryInfo = react.forwardRef(function ContactSecondaryInfo2(props, ref) {
+  const {
+    id: idProp,
+    text,
+    icon: Icon,
+    className,
+    ValueComponent,
+    ...restProps
+  } = props;
+  const { setSecondary, setSecondaryId, variant } = ContactDetailsContext.useContactDetailsContext();
+  const id = core.useId(idProp);
+  react.useEffect(() => {
+    setSecondary(text || "");
+    setSecondaryId(id);
+    return () => {
+      setSecondary(void 0);
+      setSecondaryId(void 0);
+    };
+  }, [id, text, setSecondary, setSecondaryId]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    core.Text,
+    {
+      styleAs: variant === "default" ? "h4" : void 0,
+      maxRows: 1,
+      ...restProps,
+      id,
+      ref,
+      className: clsx.clsx(withBaseName(), className),
+      "data-testid": "secondary",
+      children: [
+        Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: withBaseName("icon") }) : null,
+        text
+      ]
+    }
+  );
+});
+
+exports.ContactSecondaryInfo = ContactSecondaryInfo;
+//# sourceMappingURL=ContactSecondaryInfo.js.map

package/dist-cjs/contact-details/ContactSecondaryInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactSecondaryInfo.js","sources":["../src/contact-details/ContactSecondaryInfo.tsx"],"sourcesContent":["import { Text, makePrefixer, useId } from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentType,\n  type HTMLAttributes,\n  forwardRef,\n  useEffect,\n} from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\nimport type { ValueComponentProps } from \"./types\";\n\nconst withBaseName = makePrefixer(\"saltContactSecondaryInfo\");\n\nexport interface ContactSecondaryInfoProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"color\"> {\n  icon?: ComponentType<IconProps>;\n  text: string;\n  ValueComponent?: ComponentType<ValueComponentProps>;\n}\n\nexport const ContactSecondaryInfo = forwardRef<\n  HTMLDivElement,\n  ContactSecondaryInfoProps\n>(function ContactSecondaryInfo(props, ref) {\n  const {\n    id: idProp,\n    text,\n    icon: Icon,\n    className,\n    ValueComponent,\n    ...restProps\n  } = props;\n  const { setSecondary, setSecondaryId, variant } = useContactDetailsContext();\n  const id = useId(idProp);\n\n  useEffect(() => {\n    setSecondary(text || \"\");\n    setSecondaryId(id);\n    return () => {\n      setSecondary(undefined);\n      setSecondaryId(undefined);\n    };\n  }, [id, text, setSecondary, setSecondaryId]);\n\n  return (\n    <Text\n      styleAs={variant === \"default\" ? \"h4\" : undefined}\n      maxRows={1}\n      {...restProps}\n      id={id}\n      ref={ref}\n      className={clsx(withBaseName(), className)}\n      data-testid=\"secondary\"\n    >\n      {Icon ? <Icon className={withBaseName(\"icon\")} /> : null}\n      {text}\n    </Text>\n  );\n});\n"],"names":["makePrefixer","forwardRef","ContactSecondaryInfo","useContactDetailsContext","useId","useEffect","jsxs","Text","clsx"],"mappings":";;;;;;;;;AAYA,MAAM,YAAA,GAAeA,kBAAa,0BAA0B,CAAA;AASrD,MAAM,oBAAuB,GAAAC,gBAAA,CAGlC,SAASC,qBAAAA,CAAqB,OAAO,GAAK,EAAA;AAC1C,EAAM,MAAA;AAAA,IACJ,EAAI,EAAA,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,IAAM,EAAA,IAAA;AAAA,IACN,SAAA;AAAA,IACA,cAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AACJ,EAAA,MAAM,EAAE,YAAA,EAAc,cAAgB,EAAA,OAAA,KAAYC,8CAAyB,EAAA;AAC3E,EAAM,MAAA,EAAA,GAAKC,WAAM,MAAM,CAAA;AAEvB,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,QAAQ,EAAE,CAAA;AACvB,IAAA,cAAA,CAAe,EAAE,CAAA;AACjB,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,MAAS,CAAA;AACtB,MAAA,cAAA,CAAe,MAAS,CAAA;AAAA,KAC1B;AAAA,KACC,CAAC,EAAA,EAAI,IAAM,EAAA,YAAA,EAAc,cAAc,CAAC,CAAA;AAE3C,EACE,uBAAAC,eAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,OAAY,KAAA,SAAA,GAAY,IAAO,GAAA,MAAA;AAAA,MACxC,OAAS,EAAA,CAAA;AAAA,MACR,GAAG,SAAA;AAAA,MACJ,EAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,aAAY,EAAA,WAAA;AAAA,MAEX,QAAA,EAAA;AAAA,QAAA,IAAA,kCAAQ,IAAK,EAAA,EAAA,SAAA,EAAW,YAAa,CAAA,MAAM,GAAG,CAAK,GAAA,IAAA;AAAA,QACnD;AAAA;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/dist-cjs/contact-details/ContactTertiaryInfo.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var clsx = require('clsx');
+var react = require('react');
+require('./internal/FavoriteToggleWithTooltip.js');
+var ContactDetailsContext = require('./internal/ContactDetailsContext.js');
+
+const withBaseName = core.makePrefixer("saltContactTertiaryInfo");
+const ContactTertiaryInfo = react.forwardRef(function ContactTertiaryInfo2(props, ref) {
+  const { id: idProp, text, icon: Icon, className, ...restProps } = props;
+  const { variant, setTertiary, setTertiaryId } = ContactDetailsContext.useContactDetailsContext();
+  const id = core.useId(idProp);
+  react.useEffect(() => {
+    setTertiary(text);
+    setTertiaryId(id);
+    return () => {
+      setTertiary(void 0);
+      setTertiaryId(void 0);
+    };
+  }, [id, text, setTertiary, setTertiaryId]);
+  if (variant === "mini") {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    core.Text,
+    {
+      ...restProps,
+      maxRows: 1,
+      styleAs: variant === "default" ? "h4" : void 0,
+      id,
+      ref,
+      className: clsx.clsx(withBaseName(), className),
+      "data-testid": "tertiary",
+      children: [
+        Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: withBaseName("icon") }) : null,
+        text
+      ]
+    }
+  );
+});
+
+exports.ContactTertiaryInfo = ContactTertiaryInfo;
+//# sourceMappingURL=ContactTertiaryInfo.js.map

package/dist-cjs/contact-details/ContactTertiaryInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactTertiaryInfo.js","sources":["../src/contact-details/ContactTertiaryInfo.tsx"],"sourcesContent":["import { Text, makePrefixer, useId } from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentType,\n  type HTMLAttributes,\n  forwardRef,\n  useEffect,\n} from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactTertiaryInfo\");\n\nexport interface ContactTertiaryInfoProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"color\"> {\n  icon?: ComponentType<IconProps>;\n  text: string;\n}\n\nexport const ContactTertiaryInfo = forwardRef<\n  HTMLDivElement,\n  ContactTertiaryInfoProps\n>(function ContactTertiaryInfo(props, ref) {\n  const { id: idProp, text, icon: Icon, className, ...restProps } = props;\n  const { variant, setTertiary, setTertiaryId } = useContactDetailsContext();\n  const id = useId(idProp);\n\n  useEffect(() => {\n    setTertiary(text);\n    setTertiaryId(id);\n    return () => {\n      setTertiary(undefined);\n      setTertiaryId(undefined);\n    };\n  }, [id, text, setTertiary, setTertiaryId]);\n\n  if (variant === \"mini\") {\n    return null;\n  }\n\n  return (\n    <Text\n      {...restProps}\n      maxRows={1}\n      styleAs={variant === \"default\" ? \"h4\" : undefined}\n      id={id}\n      ref={ref}\n      className={clsx(withBaseName(), className)}\n      data-testid=\"tertiary\"\n    >\n      {Icon ? <Icon className={withBaseName(\"icon\")} /> : null}\n      {text}\n    </Text>\n  );\n});\n"],"names":["makePrefixer","forwardRef","ContactTertiaryInfo","useContactDetailsContext","useId","useEffect","jsxs","Text","clsx"],"mappings":";;;;;;;;;AAWA,MAAM,YAAA,GAAeA,kBAAa,yBAAyB,CAAA;AAQpD,MAAM,mBAAsB,GAAAC,gBAAA,CAGjC,SAASC,oBAAAA,CAAoB,OAAO,GAAK,EAAA;AACzC,EAAM,MAAA,EAAE,IAAI,MAAQ,EAAA,IAAA,EAAM,MAAM,IAAM,EAAA,SAAA,EAAW,GAAG,SAAA,EAAc,GAAA,KAAA;AAClE,EAAA,MAAM,EAAE,OAAA,EAAS,WAAa,EAAA,aAAA,KAAkBC,8CAAyB,EAAA;AACzE,EAAM,MAAA,EAAA,GAAKC,WAAM,MAAM,CAAA;AAEvB,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,WAAA,CAAY,IAAI,CAAA;AAChB,IAAA,aAAA,CAAc,EAAE,CAAA;AAChB,IAAA,OAAO,MAAM;AACX,MAAA,WAAA,CAAY,MAAS,CAAA;AACrB,MAAA,aAAA,CAAc,MAAS,CAAA;AAAA,KACzB;AAAA,KACC,CAAC,EAAA,EAAI,IAAM,EAAA,WAAA,EAAa,aAAa,CAAC,CAAA;AAEzC,EAAA,IAAI,YAAY,MAAQ,EAAA;AACtB,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAAC,eAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,OAAS,EAAA,CAAA;AAAA,MACT,OAAA,EAAS,OAAY,KAAA,SAAA,GAAY,IAAO,GAAA,MAAA;AAAA,MACxC,EAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,aAAY,EAAA,UAAA;AAAA,MAEX,QAAA,EAAA;AAAA,QAAA,IAAA,kCAAQ,IAAK,EAAA,EAAA,SAAA,EAAW,YAAa,CAAA,MAAM,GAAG,CAAK,GAAA,IAAA;AAAA,QACnD;AAAA;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/dist-cjs/contact-details/MailLinkComponent.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var isEmail = require('../utils/isEmail.js');
+require('react');
+
+const MailLinkComponent = (props) => {
+  const { value, ...restProps } = props;
+  return isEmail.isEmail(value) ? /* @__PURE__ */ jsxRuntime.jsx(core.Link, { href: `mailto:${value}`, tabIndex: 0, maxRows: 1, ...restProps, children: value }) : /* @__PURE__ */ jsxRuntime.jsx(core.Text, { maxRows: 1, children: value });
+};
+
+exports.MailLinkComponent = MailLinkComponent;
+//# sourceMappingURL=MailLinkComponent.js.map

package/dist-cjs/contact-details/MailLinkComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MailLinkComponent.js","sources":["../src/contact-details/MailLinkComponent.tsx"],"sourcesContent":["import { Link, Text } from \"@salt-ds/core\";\n\nimport { isEmail } from \"../utils\";\nimport type { ValueComponentProps } from \"./types\";\n\nexport const MailLinkComponent = (props: ValueComponentProps) => {\n  const { value, ...restProps } = props;\n\n  return isEmail(value) ? (\n    <Link href={`mailto:${value}`} tabIndex={0} maxRows={1} {...restProps}>\n      {value}\n    </Link>\n  ) : (\n    <Text maxRows={1}>{value}</Text>\n  );\n};\n"],"names":["isEmail","jsx","Link","Text"],"mappings":";;;;;;;AAKa,MAAA,iBAAA,GAAoB,CAAC,KAA+B,KAAA;AAC/D,EAAA,MAAM,EAAE,KAAA,EAAO,GAAG,SAAA,EAAc,GAAA,KAAA;AAEhC,EAAO,OAAAA,eAAA,CAAQ,KAAK,CAClB,mBAAAC,cAAA,CAACC,aAAK,IAAM,EAAA,CAAA,OAAA,EAAU,KAAK,CAAI,CAAA,EAAA,QAAA,EAAU,GAAG,OAAS,EAAA,CAAA,EAAI,GAAG,SACzD,EAAA,QAAA,EAAA,KAAA,EACH,oBAECD,cAAA,CAAAE,SAAA,EAAA,EAAK,OAAS,EAAA,CAAA,EAAI,QAAM,EAAA,KAAA,EAAA,CAAA;AAE7B;;;;"}

package/dist-cjs/contact-details/internal/ContactDetailsContext.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var react = require('react');
+
+const ContactDetailsContext = react.createContext(void 0);
+const useContactDetailsContext = () => {
+  const context = react.useContext(ContactDetailsContext);
+  if (!context && process.env.NODE_ENV !== "production") {
+    console.error(
+      "useContactDetailsContext should be used inside of ContactDetails"
+    );
+  }
+  return context;
+};
+
+exports.ContactDetailsContext = ContactDetailsContext;
+exports.useContactDetailsContext = useContactDetailsContext;
+//# sourceMappingURL=ContactDetailsContext.js.map

package/dist-cjs/contact-details/internal/ContactDetailsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactDetailsContext.js","sources":["../src/contact-details/internal/ContactDetailsContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { ContactDetailsVariant } from \"../ContactDetails\";\n\nexport interface ContactDetailsContext {\n  variant: ContactDetailsVariant;\n\n  primary?: string;\n  setPrimary: (primary?: string) => void;\n  primaryId?: string;\n  setPrimaryId: (primaryId?: string) => void;\n\n  secondary?: string;\n  setSecondary: (secondary?: string) => void;\n  secondaryId?: string;\n  setSecondaryId: (secondaryId?: string) => void;\n\n  tertiary?: string;\n  setTertiary: (tertiary?: string) => void;\n  tertiaryId?: string;\n  setTertiaryId: (tertiaryId?: string) => void;\n\n  hasAvatar?: boolean;\n  setHasAvatar: (hasAvatar: boolean) => void;\n\n  isStacked?: boolean;\n}\n\nexport const ContactDetailsContext = createContext<\n  ContactDetailsContext | undefined\n>(undefined);\n\nexport const useContactDetailsContext = (): ContactDetailsContext => {\n  const context = useContext(ContactDetailsContext);\n  if (!context && process.env.NODE_ENV !== \"production\") {\n    console.error(\n      \"useContactDetailsContext should be used inside of ContactDetails\",\n    );\n  }\n  return context!;\n};\n"],"names":["createContext","useContext"],"mappings":";;;;AA2Ba,MAAA,qBAAA,GAAwBA,oBAEnC,MAAS;AAEJ,MAAM,2BAA2B,MAA6B;AACnE,EAAM,MAAA,OAAA,GAAUC,iBAAW,qBAAqB,CAAA;AAChD,EAAA,IAAI,CAAC,OAAA,IAAW,OAAQ,CAAA,GAAA,CAAI,aAAa,YAAc,EAAA;AACrD,IAAQ,OAAA,CAAA,KAAA;AAAA,MACN;AAAA,KACF;AAAA;AAEF,EAAO,OAAA,OAAA;AACT;;;;;"}

package/dist-cjs/contact-details/internal/FavoriteToggle.js

@@ -0,0 +1,108 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var react = require('react');
+var StarIconContainer = require('./StarIconContainer.js');
+
+const FavoriteToggle = react.forwardRef(
+  function FavoriteToggle2(props, ref) {
+    const {
+      isSelected: isSelectedProp,
+      onBlur: onBlurProp,
+      onFocus: onFocusProp,
+      onClick: onClickProp,
+      onChange: onChangeProp,
+      onMouseEnter: onMouseEnterProp,
+      onMouseLeave: onMouseLeaveProp,
+      onKeyDown: onKeyDownProp,
+      ...restProps
+    } = props;
+    const {
+      isFocusVisibleRef,
+      ref: focusVisibleRef,
+      onFocus,
+      onBlur
+    } = core.useIsFocusVisible();
+    const [isFocused, setIsFocused] = react.useState(false);
+    const [isHighlighted, setIsHighlighted] = react.useState(false);
+    const [isFocusVisible, setIsFocusVisible] = react.useState(false);
+    const [isSelected, setIsSelected] = core.useControlled({
+      controlled: isSelectedProp,
+      default: false,
+      name: "FavoriteToggle",
+      state: "isSelected"
+    });
+    const toggleSelected = () => {
+      setIsSelected((s) => !s);
+      if (onChangeProp) {
+        onChangeProp(!isSelected);
+      }
+    };
+    const handleFocus = (event) => {
+      if (onFocusProp) {
+        onFocusProp(event);
+      }
+      onFocus(event);
+      setIsFocused(true);
+      setIsFocusVisible(isFocusVisibleRef.current);
+    };
+    const handleBlur = (event) => {
+      if (onBlurProp) {
+        onBlurProp(event);
+      }
+      onBlur();
+      setIsFocused(false);
+      setIsFocusVisible(false);
+    };
+    const handleClick = (event) => {
+      if (onClickProp) {
+        onClickProp(event);
+      }
+      setIsFocusVisible(isFocusVisibleRef.current);
+      toggleSelected();
+    };
+    const handleMouseEnter = (event) => {
+      if (onMouseEnterProp) {
+        onMouseEnterProp(event);
+      }
+      setIsHighlighted(true);
+    };
+    const handleMouseLeave = (event) => {
+      if (onMouseLeaveProp) {
+        onMouseLeaveProp(event);
+      }
+      setIsHighlighted(false);
+    };
+    const handleKeyDown = (event) => {
+      if (onKeyDownProp) {
+        onKeyDownProp(event);
+      }
+      setIsFocusVisible(isFocusVisibleRef.current);
+      if (["Enter", " "].includes(event.key)) {
+        toggleSelected();
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      StarIconContainer.StarIconContainer,
+      {
+        isFocusVisible,
+        isFocused,
+        isHighlighted,
+        isSelected,
+        onBlur: handleBlur,
+        onClick: handleClick,
+        onFocus: handleFocus,
+        onKeyDown: handleKeyDown,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        ref: core.useForkRef(focusVisibleRef, ref),
+        tabIndex: 0,
+        ...restProps
+      }
+    );
+  }
+);
+
+exports.FavoriteToggle = FavoriteToggle;
+//# sourceMappingURL=FavoriteToggle.js.map

package/dist-cjs/contact-details/internal/FavoriteToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteToggle.js","sources":["../src/contact-details/internal/FavoriteToggle.tsx"],"sourcesContent":["import { useControlled, useForkRef, useIsFocusVisible } from \"@salt-ds/core\";\nimport {\n  type FocusEventHandler,\n  type KeyboardEventHandler,\n  type MouseEvent,\n  type MouseEventHandler,\n  forwardRef,\n  useState,\n} from \"react\";\nimport {\n  StarIconContainer,\n  type StarIconContainerProps,\n} from \"./StarIconContainer\";\n\nexport interface FavoriteToggleProps\n  extends Omit<StarIconContainerProps, \"onChange\"> {\n  onBlur?: FocusEventHandler;\n  onChange?: (isSelected: boolean) => void;\n  onClick?: (event: MouseEvent<HTMLSpanElement>) => void;\n  onFocus?: FocusEventHandler;\n  onKeyDown?: KeyboardEventHandler<HTMLSpanElement>;\n  onMouseEnter?: MouseEventHandler<HTMLSpanElement>;\n  onMouseLeave?: MouseEventHandler<HTMLSpanElement>;\n}\n\nexport const FavoriteToggle = forwardRef<HTMLSpanElement, FavoriteToggleProps>(\n  function FavoriteToggle(props, ref) {\n    const {\n      isSelected: isSelectedProp,\n      onBlur: onBlurProp,\n      onFocus: onFocusProp,\n      onClick: onClickProp,\n      onChange: onChangeProp,\n      onMouseEnter: onMouseEnterProp,\n      onMouseLeave: onMouseLeaveProp,\n      onKeyDown: onKeyDownProp,\n      ...restProps\n    } = props;\n\n    const {\n      isFocusVisibleRef,\n      ref: focusVisibleRef,\n      onFocus,\n      onBlur,\n    } = useIsFocusVisible<HTMLSpanElement>();\n\n    const [isFocused, setIsFocused] = useState(false);\n    const [isHighlighted, setIsHighlighted] = useState(false);\n    const [isFocusVisible, setIsFocusVisible] = useState(false);\n\n    const [isSelected, setIsSelected] = useControlled({\n      controlled: isSelectedProp,\n      default: false,\n      name: \"FavoriteToggle\",\n      state: \"isSelected\",\n    });\n\n    const toggleSelected = () => {\n      setIsSelected((s) => !s);\n      if (onChangeProp) {\n        onChangeProp(!isSelected);\n      }\n    };\n\n    const handleFocus: FocusEventHandler<HTMLSpanElement> = (event) => {\n      if (onFocusProp) {\n        onFocusProp(event);\n      }\n      onFocus(event);\n      setIsFocused(true);\n      setIsFocusVisible(isFocusVisibleRef.current);\n    };\n\n    const handleBlur: FocusEventHandler<HTMLSpanElement> = (event) => {\n      if (onBlurProp) {\n        onBlurProp(event);\n      }\n      onBlur();\n      setIsFocused(false);\n      setIsFocusVisible(false);\n    };\n\n    const handleClick: MouseEventHandler<HTMLSpanElement> = (event) => {\n      if (onClickProp) {\n        onClickProp(event);\n      }\n      setIsFocusVisible(isFocusVisibleRef.current);\n      toggleSelected();\n    };\n\n    const handleMouseEnter: MouseEventHandler<HTMLSpanElement> = (event) => {\n      if (onMouseEnterProp) {\n        onMouseEnterProp(event);\n      }\n      setIsHighlighted(true);\n    };\n\n    const handleMouseLeave: MouseEventHandler<HTMLSpanElement> = (event) => {\n      if (onMouseLeaveProp) {\n        onMouseLeaveProp(event);\n      }\n      setIsHighlighted(false);\n    };\n\n    const handleKeyDown: KeyboardEventHandler<HTMLSpanElement> = (event) => {\n      if (onKeyDownProp) {\n        onKeyDownProp(event);\n      }\n      setIsFocusVisible(isFocusVisibleRef.current);\n\n      if ([\"Enter\", \" \"].includes(event.key)) {\n        toggleSelected();\n      }\n    };\n\n    return (\n      <StarIconContainer\n        isFocusVisible={isFocusVisible}\n        isFocused={isFocused}\n        isHighlighted={isHighlighted}\n        isSelected={isSelected}\n        onBlur={handleBlur}\n        onClick={handleClick}\n        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        ref={useForkRef(focusVisibleRef, ref)}\n        tabIndex={0}\n        {...restProps}\n      />\n    );\n  },\n);\n"],"names":["forwardRef","FavoriteToggle","useIsFocusVisible","useState","useControlled","jsx","StarIconContainer","useForkRef"],"mappings":"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"}

package/dist-cjs/contact-details/internal/FavoriteToggleWithTooltip.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var react = require('react');
+var FavoriteToggle = require('./FavoriteToggle.js');
+
+const FavoriteToggleWithTooltip = react.forwardRef(function FavoriteToggleWithTooltip2(props, ref) {
+  const {
+    tooltipTitle = "Toggle favorite",
+    tooltipProps,
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, { enterDelay: 1500, placement: "bottom", content: tooltipTitle, children: /* @__PURE__ */ jsxRuntime.jsx(FavoriteToggle.FavoriteToggle, { ref, ...restProps }) });
+});
+
+exports.FavoriteToggleWithTooltip = FavoriteToggleWithTooltip;
+//# sourceMappingURL=FavoriteToggleWithTooltip.js.map

package/dist-cjs/contact-details/internal/FavoriteToggleWithTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteToggleWithTooltip.js","sources":["../src/contact-details/internal/FavoriteToggleWithTooltip.tsx"],"sourcesContent":["import { Tooltip, type TooltipProps } from \"@salt-ds/core\";\nimport { forwardRef } from \"react\";\nimport { FavoriteToggle, type FavoriteToggleProps } from \"./FavoriteToggle\";\n\nexport interface FavoriteToggleWithTooltipProps extends FavoriteToggleProps {\n  tooltipProps?: TooltipProps;\n  tooltipTitle?: string;\n}\n\nexport const FavoriteToggleWithTooltip = forwardRef<\n  HTMLSpanElement,\n  FavoriteToggleWithTooltipProps\n>(function FavoriteToggleWithTooltip(props, ref) {\n  const {\n    tooltipTitle = \"Toggle favorite\",\n    tooltipProps,\n    ...restProps\n  } = props;\n\n  return (\n    <Tooltip enterDelay={1500} placement=\"bottom\" content={tooltipTitle}>\n      <FavoriteToggle ref={ref} {...restProps} />\n    </Tooltip>\n  );\n});\n"],"names":["forwardRef","FavoriteToggleWithTooltip","jsx","Tooltip","FavoriteToggle"],"mappings":";;;;;;;AASO,MAAM,yBAA4B,GAAAA,gBAAA,CAGvC,SAASC,0BAAAA,CAA0B,OAAO,GAAK,EAAA;AAC/C,EAAM,MAAA;AAAA,IACJ,YAAe,GAAA,iBAAA;AAAA,IACf,YAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,uBACGC,cAAA,CAAAC,YAAA,EAAA,EAAQ,UAAY,EAAA,IAAA,EAAM,SAAU,EAAA,QAAA,EAAS,OAAS,EAAA,YAAA,EACrD,QAAC,kBAAAD,cAAA,CAAAE,6BAAA,EAAA,EAAe,GAAW,EAAA,GAAG,WAAW,CAC3C,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-cjs/contact-details/internal/StarIcon.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+const filledPath = "M6,0,4.21,4.05,0,4.58l3.11,3L2.29,12,6,9.5,9.71,12,8.89,7.62l3.11-3L7.79,4.05,6,0Z";
+const hollowPath = "M6,2.47l.87,2L7.1,5,7.66,5l2.16.27L8.19,6.91l-.38.37.1.53.38,2L6.56,8.67,6,8.29l-.56.38L3.71,9.84l.38-2,.1-.53-.38-.37L2.18,5.31,4.34,5,4.9,5l.23-.52.87-2M6,0,4.21,4.05,0,4.58l3.11,3L2.29,12,6,9.5,9.71,12,8.89,7.62l3.11-3L7.79,4.05,6,0Z";
+const StarIcon = react.forwardRef(
+  function StarIcon2({ className, selected, highlighted }, ref) {
+    const path = !selected && !highlighted ? hollowPath : filledPath;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        "aria-hidden": "true",
+        className,
+        ref,
+        viewBox: "0 0 12 12",
+        children: /* @__PURE__ */ jsxRuntime.jsx("g", { fillRule: "evenodd", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: path }) })
+      }
+    );
+  }
+);
+
+exports.StarIcon = StarIcon;
+//# sourceMappingURL=StarIcon.js.map

package/dist-cjs/contact-details/internal/StarIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarIcon.js","sources":["../src/contact-details/internal/StarIcon.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nconst filledPath =\n  \"M6,0,4.21,4.05,0,4.58l3.11,3L2.29,12,6,9.5,9.71,12,8.89,7.62l3.11-3L7.79,4.05,6,0Z\";\n\nconst hollowPath =\n  \"M6,2.47l.87,2L7.1,5,7.66,5l2.16.27L8.19,6.91l-.38.37.1.53.38,2L6.56,8.67,6,8.29l-.56.38L3.71,9.84l.38-2,.1-.53-.38-.37L2.18,5.31,4.34,5,4.9,5l.23-.52.87-2M6,0,4.21,4.05,0,4.58l3.11,3L2.29,12,6,9.5,9.71,12,8.89,7.62l3.11-3L7.79,4.05,6,0Z\";\n\nexport interface StarIconProps {\n  className?: string;\n  selected?: boolean;\n  highlighted?: boolean;\n}\n\nexport const StarIcon = forwardRef<SVGSVGElement, StarIconProps>(\n  function StarIcon({ className, selected, highlighted }, ref) {\n    const path = !selected && !highlighted ? hollowPath : filledPath;\n\n    return (\n      <svg\n        aria-hidden=\"true\"\n        className={className}\n        ref={ref}\n        viewBox=\"0 0 12 12\"\n      >\n        <g fillRule=\"evenodd\">\n          <path d={path} />\n        </g>\n      </svg>\n    );\n  },\n);\n"],"names":["forwardRef","StarIcon","jsx"],"mappings":";;;;;AAEA,MAAM,UACJ,GAAA,oFAAA;AAEF,MAAM,UACJ,GAAA,8OAAA;AAQK,MAAM,QAAW,GAAAA,gBAAA;AAAA,EACtB,SAASC,SAAS,CAAA,EAAE,WAAW,QAAU,EAAA,WAAA,IAAe,GAAK,EAAA;AAC3D,IAAA,MAAM,IAAO,GAAA,CAAC,QAAY,IAAA,CAAC,cAAc,UAAa,GAAA,UAAA;AAEtD,IACE,uBAAAC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,aAAY,EAAA,MAAA;AAAA,QACZ,SAAA;AAAA,QACA,GAAA;AAAA,QACA,OAAQ,EAAA,WAAA;AAAA,QAER,QAAA,kBAAAA,cAAA,CAAC,OAAE,QAAS,EAAA,SAAA,EACV,yCAAC,MAAK,EAAA,EAAA,CAAA,EAAG,MAAM,CACjB,EAAA;AAAA;AAAA,KACF;AAAA;AAGN;;;;"}

package/dist-cjs/contact-details/internal/StarIconContainer.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@salt-ds/core');
+var clsx = require('clsx');
+var react = require('react');
+var StarIcon = require('./StarIcon.js');
+
+const withBaseName = core.makePrefixer("saltContactFavoriteToggle");
+const StarIconContainer = react.forwardRef(function StarIconContainer2(props, ref) {
+  const {
+    isSelected,
+    isHighlighted,
+    isFocused,
+    isFocusVisible,
+    className,
+    ...other
+  } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: clsx.clsx(
+        withBaseName(),
+        {
+          [withBaseName("focusVisible")]: isFocusVisible
+        },
+        className
+      ),
+      ...other,
+      ref,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        StarIcon.StarIcon,
+        {
+          className: clsx.clsx(withBaseName("svg"), {
+            [withBaseName("focused")]: isFocusVisible && isFocused,
+            [withBaseName("selected")]: isSelected && !isHighlighted,
+            [withBaseName("selecting")]: !isSelected && isHighlighted,
+            [withBaseName("deselected")]: !isSelected && !isHighlighted,
+            [withBaseName("deselecting")]: isSelected && isHighlighted
+          }),
+          highlighted: isHighlighted,
+          selected: isSelected
+        }
+      )
+    }
+  );
+});
+
+exports.StarIconContainer = StarIconContainer;
+//# sourceMappingURL=StarIconContainer.js.map

package/dist-cjs/contact-details/internal/StarIconContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarIconContainer.js","sources":["../src/contact-details/internal/StarIconContainer.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, forwardRef } from \"react\";\nimport { StarIcon } from \"./StarIcon\";\n\nconst withBaseName = makePrefixer(\"saltContactFavoriteToggle\");\n\nexport interface StarIconContainerProps\n  extends HTMLAttributes<HTMLSpanElement> {\n  className?: string;\n  isFocusVisible?: boolean;\n  isFocused?: boolean;\n  isHighlighted?: boolean;\n  isSelected?: boolean;\n}\n\nexport const StarIconContainer = forwardRef<\n  HTMLSpanElement,\n  StarIconContainerProps\n>(function StarIconContainer(props, ref) {\n  const {\n    isSelected,\n    isHighlighted,\n    isFocused,\n    isFocusVisible,\n    className,\n    ...other\n  } = props;\n\n  return (\n    <span\n      className={clsx(\n        withBaseName(),\n        {\n          [withBaseName(\"focusVisible\")]: isFocusVisible,\n        },\n        className,\n      )}\n      {...other}\n      ref={ref}\n    >\n      <StarIcon\n        className={clsx(withBaseName(\"svg\"), {\n          [withBaseName(\"focused\")]: isFocusVisible && isFocused,\n          [withBaseName(\"selected\")]: isSelected && !isHighlighted,\n          [withBaseName(\"selecting\")]: !isSelected && isHighlighted,\n          [withBaseName(\"deselected\")]: !isSelected && !isHighlighted,\n          [withBaseName(\"deselecting\")]: isSelected && isHighlighted,\n        })}\n        highlighted={isHighlighted}\n        selected={isSelected}\n      />\n    </span>\n  );\n});\n"],"names":["makePrefixer","forwardRef","StarIconContainer","jsx","clsx","StarIcon"],"mappings":";;;;;;;;AAKA,MAAM,YAAA,GAAeA,kBAAa,2BAA2B,CAAA;AAWtD,MAAM,iBAAoB,GAAAC,gBAAA,CAG/B,SAASC,kBAAAA,CAAkB,OAAO,GAAK,EAAA;AACvC,EAAM,MAAA;AAAA,IACJ,UAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EACE,uBAAAC,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAAC,SAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,CAAC,YAAA,CAAa,cAAc,CAAC,GAAG;AAAA,SAClC;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,GAAA;AAAA,MAEA,QAAA,kBAAAD,cAAA;AAAA,QAACE,iBAAA;AAAA,QAAA;AAAA,UACC,SAAW,EAAAD,SAAA,CAAK,YAAa,CAAA,KAAK,CAAG,EAAA;AAAA,YACnC,CAAC,YAAA,CAAa,SAAS,CAAC,GAAG,cAAkB,IAAA,SAAA;AAAA,YAC7C,CAAC,YAAa,CAAA,UAAU,CAAC,GAAG,cAAc,CAAC,aAAA;AAAA,YAC3C,CAAC,YAAa,CAAA,WAAW,CAAC,GAAG,CAAC,UAAc,IAAA,aAAA;AAAA,YAC5C,CAAC,YAAa,CAAA,YAAY,CAAC,GAAG,CAAC,cAAc,CAAC,aAAA;AAAA,YAC9C,CAAC,YAAA,CAAa,aAAa,CAAC,GAAG,UAAc,IAAA;AAAA,WAC9C,CAAA;AAAA,UACD,WAAa,EAAA,aAAA;AAAA,UACb,QAAU,EAAA;AAAA;AAAA;AACZ;AAAA,GACF;AAEJ,CAAC;;;;"}

package/dist-cjs/contact-details/internal/useComponentSize.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var core = require('@salt-ds/core');
+var react = require('react');
+
+function useComponentSize(initialWidth) {
+  const [size, setSize] = react.useState({ width: initialWidth });
+  const ref = react.useRef(null);
+  const handleResize = react.useCallback(function handleResize2({
+    width,
+    height
+  }) {
+    setSize({ width, height });
+  }, []);
+  core.useIsomorphicLayoutEffect(() => {
+    if (!ref.current) {
+      if (process.env.NODE_ENV !== "production") {
+        throw new Error(
+          "ref returned by useComponentSize was not assigned to a component"
+        );
+      }
+      return;
+    }
+    handleResize(ref.current.getBoundingClientRect());
+    const observer = new ResizeObserver(
+      (observerEntries) => {
+        handleResize(observerEntries[0].contentRect);
+      }
+    );
+    observer.observe(ref.current);
+    return () => {
+      observer.disconnect();
+    };
+  }, [handleResize]);
+  return [ref, size];
+}
+
+exports.useComponentSize = useComponentSize;
+//# sourceMappingURL=useComponentSize.js.map

package/dist-cjs/contact-details/internal/useComponentSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComponentSize.js","sources":["../src/contact-details/internal/useComponentSize.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { type MutableRefObject, useCallback, useRef, useState } from \"react\";\n\nexport interface ComponentSize {\n  height?: number;\n  width: number;\n}\n\nexport function useComponentSize<T extends HTMLElement>(\n  initialWidth: number,\n): [MutableRefObject<T | null>, ComponentSize] {\n  const [size, setSize] = useState<ComponentSize>({ width: initialWidth });\n  const ref = useRef<T>(null);\n\n  const handleResize = useCallback(function handleResize({\n    width,\n    height,\n  }: DOMRect) {\n    setSize({ width, height });\n  }, []);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      if (process.env.NODE_ENV !== \"production\") {\n        throw new Error(\n          \"ref returned by useComponentSize was not assigned to a component\",\n        );\n      }\n      return;\n    }\n    handleResize(ref.current.getBoundingClientRect());\n    const observer = new ResizeObserver(\n      (observerEntries: ResizeObserverEntry[]) => {\n        handleResize(observerEntries[0].contentRect);\n      },\n    );\n    observer.observe(ref.current);\n    return () => {\n      observer.disconnect();\n    };\n  }, [handleResize]);\n\n  return [ref, size];\n}\n"],"names":["useState","useRef","useCallback","handleResize","useIsomorphicLayoutEffect"],"mappings":";;;;;AAQO,SAAS,iBACd,YAC6C,EAAA;AAC7C,EAAM,MAAA,CAAC,MAAM,OAAO,CAAA,GAAIA,eAAwB,EAAE,KAAA,EAAO,cAAc,CAAA;AACvE,EAAM,MAAA,GAAA,GAAMC,aAAU,IAAI,CAAA;AAE1B,EAAM,MAAA,YAAA,GAAeC,iBAAY,CAAA,SAASC,aAAa,CAAA;AAAA,IACrD,KAAA;AAAA,IACA;AAAA,GACU,EAAA;AACV,IAAQ,OAAA,CAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,CAAA;AAAA,GAC3B,EAAG,EAAE,CAAA;AAEL,EAAAC,8BAAA,CAA0B,MAAM;AAC9B,IAAI,IAAA,CAAC,IAAI,OAAS,EAAA;AAChB,MAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,QAAA,MAAM,IAAI,KAAA;AAAA,UACR;AAAA,SACF;AAAA;AAEF,MAAA;AAAA;AAEF,IAAa,YAAA,CAAA,GAAA,CAAI,OAAQ,CAAA,qBAAA,EAAuB,CAAA;AAChD,IAAA,MAAM,WAAW,IAAI,cAAA;AAAA,MACnB,CAAC,eAA2C,KAAA;AAC1C,QAAa,YAAA,CAAA,eAAA,CAAgB,CAAC,CAAA,CAAE,WAAW,CAAA;AAAA;AAC7C,KACF;AACA,IAAS,QAAA,CAAA,OAAA,CAAQ,IAAI,OAAO,CAAA;AAC5B,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,UAAW,EAAA;AAAA,KACtB;AAAA,GACF,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAO,OAAA,CAAC,KAAK,IAAI,CAAA;AACnB;;;;"}

package/dist-cjs/content-status/ContentStatus.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = "/* Styles applied to root component (ContentStatus) */\n.saltContentStatus {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: var(--salt-text-textAlign-embedded);\n  gap: var(--salt-size-unit);\n}\n\n/* Styles applied to inner content */\n.saltContentStatus-content {\n  color: var(--saltContentStatus-content-color, var(--salt-content-primary-foreground));\n  display: flex;\n  flex-direction: column;\n  gap: var(--salt-size-unit);\n\n  font-size: var(--salt-text-fontSize);\n  line-height: var(--salt-text-lineHeight);\n  font-family: var(--salt-text-fontFamily);\n  font-weight: var(--salt-text-fontWeight);\n}\n\n/* Styles applied to status title */\n.saltContentStatus-title.saltText {\n  font-weight: var(--salt-text-display1-fontWeight);\n  /* TODO: Use correct token */\n}\n\n/* Styles applied to status actions */\n.saltContentStatus-actions {\n  margin-top: var(--saltContentStatus-actions-marginTop, var(--salt-size-unit));\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=ContentStatus.css.js.map

package/dist-cjs/content-status/ContentStatus.css.js.map

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