@salt-ds/lab 1.0.0-alpha.10 → 1.0.0-alpha.100

package/dist-es/contact-details/ContactMetadata.js

@@ -1,17 +1,18 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { makePrefixer, useId, Button } from '@salt-ds/core';
-import { ChevronUpIcon, ChevronDownIcon } from '@salt-ds/icons';
+import { makePrefixer, useIcon, useId, Button } from '@salt-ds/core';
 import { clsx } from 'clsx';
 import { forwardRef, useState } from 'react';
-import './internal/FavoriteToggleWithTooltip.js';
 import { useContactDetailsContext } from './internal/ContactDetailsContext.js';
+import './internal/FavoriteToggleWithTooltip.js';
 
 const withBaseName = makePrefixer("saltContactMetadata");
 const ContactMetadata = forwardRef(
   function ContactMetadata2(props, ref) {
     const { collapsible, children, collapseButtonId, className, ...restProps } = props;
     const { primaryId, variant, isStacked } = useContactDetailsContext();
+    const { CollapseIcon, ExpandIcon } = useIcon();
     const [showMetadata, setShowMetadata] = useState(!collapsible);
+    const id = useId(collapseButtonId);
     const toggleShowMetadata = () => {
       setShowMetadata(!showMetadata);
     };
@@ -19,10 +20,10 @@ const ContactMetadata = forwardRef(
       return null;
     }
     const variantClassName = withBaseName(isStacked ? "stacked" : "default");
-    const id = useId(collapseButtonId);
-    return /* @__PURE__ */ jsxs(Fragment, {
-      children: [
-        collapsible ? /* @__PURE__ */ jsx(Button, {
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      collapsible ? /* @__PURE__ */ jsx(
+        Button,
+        {
           "aria-expanded": showMetadata,
           "aria-label": showMetadata ? "Collapse" : "Expand",
           "aria-labelledby": `${id} ${primaryId}`,
@@ -30,21 +31,22 @@ const ContactMetadata = forwardRef(
           onClick: toggleShowMetadata,
           variant: "secondary",
           className: withBaseName("expander"),
-          children: showMetadata ? /* @__PURE__ */ jsx(ChevronUpIcon, {}) : /* @__PURE__ */ jsx(ChevronDownIcon, {})
-        }) : null,
-        !collapsible || showMetadata ? /* @__PURE__ */ jsxs("div", {
+          children: showMetadata ? /* @__PURE__ */ jsx(CollapseIcon, {}) : /* @__PURE__ */ jsx(ExpandIcon, {})
+        }
+      ) : null,
+      !collapsible || showMetadata ? /* @__PURE__ */ jsxs(
+        "div",
+        {
           ...restProps,
           ref,
           className: clsx(withBaseName(), variantClassName, className),
           children: [
-            collapsible ? /* @__PURE__ */ jsx("div", {
-              className: withBaseName("separator")
-            }) : null,
+            collapsible ? /* @__PURE__ */ jsx("div", { className: withBaseName("separator") }) : null,
             children
           ]
-        }) : null
-      ]
-    });
+        }
+      ) : null
+    ] });
   }
 );
 

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

@@ -1 +1 @@
-{"version":3,"file":"ContactMetadata.js","sources":["../src/contact-details/ContactMetadata.tsx"],"sourcesContent":["import { Button, makePrefixer, useId } from \"@salt-ds/core\";\nimport { ChevronDownIcon, ChevronUpIcon } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, HTMLAttributes, 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\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 ? <ChevronUpIcon /> : <ChevronDownIcon />}\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":["ContactMetadata"],"mappings":";;;;;;;;AAMA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA,CAAA;AAOhD,MAAM,eAAkB,GAAA,UAAA;AAAA,EAC7B,SAASA,gBAAgB,CAAA,KAAA,EAAO,GAAK,EAAA;AACnC,IAAA,MAAM,EAAE,WAAa,EAAA,QAAA,EAAU,gBAAkB,EAAA,SAAA,EAAA,GAAc,WAC7D,GAAA,KAAA,CAAA;AACF,IAAA,MAAM,EAAE,SAAA,EAAW,OAAS,EAAA,SAAA,KAAc,wBAAyB,EAAA,CAAA;AAEnE,IAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA,CAAkB,CAAC,WAAW,CAAA,CAAA;AAEtE,IAAA,MAAM,qBAAqB,MAAM;AAC/B,MAAA,eAAA,CAAgB,CAAC,YAAY,CAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAA,IAAI,YAAY,SAAW,EAAA;AACzB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAEA,IAAA,MAAM,gBAAmB,GAAA,YAAA,CAAa,SAAY,GAAA,SAAA,GAAY,SAAS,CAAA,CAAA;AAEvE,IAAM,MAAA,EAAA,GAAK,MAAM,gBAAgB,CAAA,CAAA;AAEjC,IACE,uBAAA,IAAA,CAAA,QAAA,EAAA;AAAA,MACG,QAAA,EAAA;AAAA,QAAA,WAAA,mBACE,GAAA,CAAA,MAAA,EAAA;AAAA,UACC,eAAe,EAAA,YAAA;AAAA,UACf,YAAA,EAAY,eAAe,UAAa,GAAA,QAAA;AAAA,UACxC,iBAAA,EAAiB,GAAG,EAAM,CAAA,CAAA,EAAA,SAAA,CAAA,CAAA;AAAA,UAC1B,EAAA;AAAA,UACA,OAAS,EAAA,kBAAA;AAAA,UACT,OAAQ,EAAA,WAAA;AAAA,UACR,SAAA,EAAW,aAAa,UAAU,CAAA;AAAA,UAEjC,QAAe,EAAA,YAAA,mBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,CAAA,uBAAM,eAAgB,EAAA,EAAA,CAAA;AAAA,SACvD,CACE,GAAA,IAAA;AAAA,QACH,CAAC,WAAe,IAAA,YAAA,mBACd,IAAA,CAAA,KAAA,EAAA;AAAA,UACE,GAAG,SAAA;AAAA,UACJ,GAAA;AAAA,UACA,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,kBAAkB,SAAS,CAAA;AAAA,UAE1D,QAAA,EAAA;AAAA,YAAA,WAAA,mBAAe,GAAA,CAAA,KAAA,EAAA;AAAA,cAAI,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,aAAG,CAAK,GAAA,IAAA;AAAA,YAC9D,QAAA;AAAA,WAAA;AAAA,SACH,CACE,GAAA,IAAA;AAAA,OAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"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 { forwardRef, type HTMLAttributes, 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    const id = useId(collapseButtonId);\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    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":["ContactMetadata"],"mappings":";;;;;;;AAKA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA;AAOhD,MAAM,eAAA,GAAkB,UAAA;AAAA,EAC7B,SAASA,gBAAAA,CAAgB,KAAA,EAAO,GAAA,EAAK;AACnC,IAAA,MAAM,EAAE,WAAA,EAAa,QAAA,EAAU,kBAAkB,SAAA,EAAW,GAAG,WAAU,GACvE,KAAA;AACF,IAAA,MAAM,EAAE,SAAA,EAAW,OAAA,EAAS,SAAA,KAAc,wBAAA,EAAyB;AACnE,IAAA,MAAM,EAAE,YAAA,EAAc,UAAA,EAAW,GAAI,OAAA,EAAQ;AAC7C,IAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,QAAA,CAAkB,CAAC,WAAW,CAAA;AACtE,IAAA,MAAM,EAAA,GAAK,MAAM,gBAAgB,CAAA;AAEjC,IAAA,MAAM,qBAAqB,MAAM;AAC/B,MAAA,eAAA,CAAgB,CAAC,YAAY,CAAA;AAAA,IAC/B,CAAA;AAEA,IAAA,IAAI,YAAY,SAAA,EAAW;AACzB,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,MAAM,gBAAA,GAAmB,YAAA,CAAa,SAAA,GAAY,SAAA,GAAY,SAAS,CAAA;AAEvE,IAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,MAAA,WAAA,mBACC,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,eAAA,EAAe,YAAA;AAAA,UACf,YAAA,EAAY,eAAe,UAAA,GAAa,QAAA;AAAA,UACxC,iBAAA,EAAiB,CAAA,EAAG,EAAE,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA;AAAA,UACnC,EAAA;AAAA,UACA,OAAA,EAAS,kBAAA;AAAA,UACT,OAAA,EAAQ,WAAA;AAAA,UACR,SAAA,EAAW,aAAa,UAAU,CAAA;AAAA,UAEjC,QAAA,EAAA,YAAA,mBAAe,GAAA,CAAC,YAAA,EAAA,EAAa,CAAA,uBAAM,UAAA,EAAA,EAAW;AAAA;AAAA,OACjD,GACE,IAAA;AAAA,MACH,CAAC,eAAe,YAAA,mBACf,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACE,GAAG,SAAA;AAAA,UACJ,GAAA;AAAA,UACA,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,kBAAkB,SAAS,CAAA;AAAA,UAE1D,QAAA,EAAA;AAAA,YAAA,WAAA,uBAAe,KAAA,EAAA,EAAI,SAAA,EAAW,YAAA,CAAa,WAAW,GAAG,CAAA,GAAK,IAAA;AAAA,YAC9D;AAAA;AAAA;AAAA,OACH,GACE;AAAA,KAAA,EACN,CAAA;AAAA,EAEJ;AACF;;;;"}

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

@@ -6,26 +6,11 @@ import { MailLinkComponent } from './MailLinkComponent.js';
 const withBaseName = makePrefixer("saltContactMetadataItem");
 const ContactMetadataItem = forwardRef(function ContactMetadataItem2(props, ref) {
   const { label, value, icon: Icon, ValueComponent, ...restProps } = props;
-  return /* @__PURE__ */ jsxs("div", {
-    ...restProps,
-    ref,
-    className: withBaseName(),
-    children: [
-      !Icon ? /* @__PURE__ */ jsx(Text, {
-        maxRows: 1,
-        className: withBaseName("label"),
-        children: label
-      }) : null,
-      Icon ? /* @__PURE__ */ jsx(Icon, {
-        className: withBaseName("icon")
-      }) : null,
-      ValueComponent ? /* @__PURE__ */ jsx(ValueComponent, {
-        value
-      }) : /* @__PURE__ */ jsx(MailLinkComponent, {
-        value
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs("div", { ...restProps, ref, className: withBaseName(), children: [
+    !Icon ? /* @__PURE__ */ jsx(Text, { maxRows: 1, className: withBaseName("label"), variant: "secondary", children: label }) : null,
+    Icon ? /* @__PURE__ */ jsx(Icon, { className: withBaseName("icon") }) : null,
+    ValueComponent ? /* @__PURE__ */ jsx(ValueComponent, { value }) : /* @__PURE__ */ jsx(MailLinkComponent, { value })
+  ] });
 });
 
 export { ContactMetadataItem };

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

@@ -1 +1 @@
-{"version":3,"file":"ContactMetadataItem.js","sources":["../src/contact-details/ContactMetadataItem.tsx"],"sourcesContent":["import { makePrefixer, Text } from \"@salt-ds/core\";\nimport { IconProps } from \"@salt-ds/icons\";\nimport { ComponentType, forwardRef, HTMLAttributes } from \"react\";\nimport { MailLinkComponent } from \"./MailLinkComponent\";\nimport { 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\")}>\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":["ContactMetadataItem"],"mappings":";;;;;AAMA,MAAM,YAAA,GAAe,aAAa,yBAAyB,CAAA,CAAA;AAUpD,MAAM,mBAAsB,GAAA,UAAA,CAGjC,SAASA,oBAAAA,CAAoB,OAAO,GAAK,EAAA;AACzC,EAAA,MAAM,EAAE,KAAO,EAAA,KAAA,EAAO,MAAM,IAAM,EAAA,cAAA,EAAA,GAAmB,WAAc,GAAA,KAAA,CAAA;AACnE,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA;AAAA,IAAK,GAAG,SAAA;AAAA,IAAW,GAAA;AAAA,IAAU,WAAW,YAAa,EAAA;AAAA,IACnD,QAAA,EAAA;AAAA,MAAA,CAAC,uBACC,GAAA,CAAA,IAAA,EAAA;AAAA,QAAK,OAAS,EAAA,CAAA;AAAA,QAAG,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,QAC9C,QAAA,EAAA,KAAA;AAAA,OACH,CACE,GAAA,IAAA;AAAA,MACH,uBAAQ,GAAA,CAAA,IAAA,EAAA;AAAA,QAAK,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAK,GAAA,IAAA;AAAA,MAEnD,iCACE,GAAA,CAAA,cAAA,EAAA;AAAA,QAAe,KAAA;AAAA,OAAc,oBAE7B,GAAA,CAAA,iBAAA,EAAA;AAAA,QAAkB,KAAA;AAAA,OAAc,CAAA;AAAA,KAAA;AAAA,GAErC,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"ContactMetadataItem.js","sources":["../src/contact-details/ContactMetadataItem.tsx"],"sourcesContent":["import { makePrefixer, Text } from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { type ComponentType, forwardRef, type HTMLAttributes } 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":["ContactMetadataItem"],"mappings":";;;;;AAMA,MAAM,YAAA,GAAe,aAAa,yBAAyB,CAAA;AAUpD,MAAM,mBAAA,GAAsB,UAAA,CAGjC,SAASA,oBAAAA,CAAoB,OAAO,GAAA,EAAK;AACzC,EAAA,MAAM,EAAE,OAAO,KAAA,EAAO,IAAA,EAAM,MAAM,cAAA,EAAgB,GAAG,WAAU,GAAI,KAAA;AACnE,EAAA,4BACG,KAAA,EAAA,EAAK,GAAG,WAAW,GAAA,EAAU,SAAA,EAAW,cAAa,EACnD,QAAA,EAAA;AAAA,IAAA,CAAC,IAAA,mBACA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAS,CAAA,EAAG,SAAA,EAAW,YAAA,CAAa,OAAO,CAAA,EAAG,OAAA,EAAQ,WAAA,EACzD,QAAA,EAAA,KAAA,EACH,CAAA,GACE,IAAA;AAAA,IACH,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,WAAW,YAAA,CAAa,MAAM,GAAG,CAAA,GAAK,IAAA;AAAA,IAEnD,iCACC,GAAA,CAAC,cAAA,EAAA,EAAe,OAAc,CAAA,mBAE9B,GAAA,CAAC,qBAAkB,KAAA,EAAc;AAAA,GAAA,EAErC,CAAA;AAEJ,CAAC;;;;"}

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

@@ -2,8 +2,8 @@ import { jsx } from 'react/jsx-runtime';
 import { makePrefixer, useId, Text } from '@salt-ds/core';
 import { clsx } from 'clsx';
 import { forwardRef, useEffect } from 'react';
-import './internal/FavoriteToggleWithTooltip.js';
 import { useContactDetailsContext } from './internal/ContactDetailsContext.js';
+import './internal/FavoriteToggleWithTooltip.js';
 
 const withBaseName = makePrefixer("saltContactPrimaryInfo");
 const ContactPrimaryInfo = forwardRef(function ContactPrimaryInfo2(props, ref) {
@@ -24,19 +24,22 @@ const ContactPrimaryInfo = forwardRef(function ContactPrimaryInfo2(props, ref) {
       setPrimaryId(void 0);
     };
   }, [setPrimary, id, text, setPrimaryId]);
-  return /* @__PURE__ */ jsx(Text, {
-    ...restProps,
-    maxRows: 1,
-    id,
-    ref,
-    styleAs: variant === "default" ? "h2" : "h4",
-    className: clsx(withBaseName(), className),
-    role: "heading",
-    "aria-labelledby": `${id} ${secondaryId != null ? secondaryId : null} ${tertiaryId != null ? tertiaryId : null}`,
-    "aria-level": ariaLevel,
-    "data-testid": "primary",
-    children: text
-  });
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      ...restProps,
+      maxRows: 1,
+      id,
+      ref,
+      styleAs: variant === "default" ? "h2" : "h4",
+      className: clsx(withBaseName(), className),
+      role: "heading",
+      "aria-labelledby": `${id} ${secondaryId ?? null} ${tertiaryId ?? null}`,
+      "aria-level": ariaLevel,
+      "data-testid": "primary",
+      children: text
+    }
+  );
 });
 
 export { ContactPrimaryInfo };

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

@@ -1 +1 @@
-{"version":3,"file":"ContactPrimaryInfo.js","sources":["../src/contact-details/ContactPrimaryInfo.tsx"],"sourcesContent":["import { makePrefixer, useId, Text } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, HTMLAttributes, useEffect } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactPrimaryInfo\");\n\nexport interface ContactPrimaryInfoProps\n  extends HTMLAttributes<HTMLDivElement> {\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 ? secondaryId : null} ${\n        tertiaryId != null ? tertiaryId : null\n      }`}\n      aria-level={ariaLevel}\n      data-testid=\"primary\"\n    >\n      {text}\n    </Text>\n  );\n});\n"],"names":["ContactPrimaryInfo"],"mappings":";;;;;;;AAKA,MAAM,YAAA,GAAe,aAAa,wBAAwB,CAAA,CAAA;AAOnD,MAAM,kBAAqB,GAAA,UAAA,CAGhC,SAASA,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,IACvB,GAAA,SAAA;AAAA,GACD,GAAA,KAAA,CAAA;AACJ,EAAA,MAAM,EAAE,UAAY,EAAA,YAAA,EAAc,aAAa,UAAY,EAAA,OAAA,KACzD,wBAAyB,EAAA,CAAA;AAC3B,EAAM,MAAA,EAAA,GAAK,MAAM,MAAM,CAAA,CAAA;AAEvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,QAAQ,EAAE,CAAA,CAAA;AACrB,IAAA,YAAA,CAAa,EAAE,CAAA,CAAA;AACf,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,KAAS,CAAA,CAAA,CAAA;AACpB,MAAA,YAAA,CAAa,KAAS,CAAA,CAAA,CAAA;AAAA,KACxB,CAAA;AAAA,KACC,CAAC,UAAA,EAAY,EAAI,EAAA,IAAA,EAAM,YAAY,CAAC,CAAA,CAAA;AAEvC,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,OAAS,EAAA,CAAA;AAAA,IACT,EAAA;AAAA,IACA,GAAA;AAAA,IACA,OAAA,EAAS,OAAY,KAAA,SAAA,GAAY,IAAO,GAAA,IAAA;AAAA,IACxC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IACzC,IAAK,EAAA,SAAA;AAAA,IACL,iBAAA,EAAiB,GAAG,EAAM,CAAA,CAAA,EAAA,WAAA,IAAe,OAAO,WAAc,GAAA,IAAA,CAAA,CAAA,EAC5D,UAAc,IAAA,IAAA,GAAO,UAAa,GAAA,IAAA,CAAA,CAAA;AAAA,IAEpC,YAAY,EAAA,SAAA;AAAA,IACZ,aAAY,EAAA,SAAA;AAAA,IAEX,QAAA,EAAA,IAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"ContactPrimaryInfo.js","sources":["../src/contact-details/ContactPrimaryInfo.tsx"],"sourcesContent":["import { makePrefixer, Text, useId } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, type HTMLAttributes, 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":["ContactPrimaryInfo"],"mappings":";;;;;;;AAKA,MAAM,YAAA,GAAe,aAAa,wBAAwB,CAAA;AAOnD,MAAM,kBAAA,GAAqB,UAAA,CAGhC,SAASA,mBAAAA,CAAmB,OAAO,GAAA,EAAK;AACxC,EAAA,MAAM;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAc,SAAA,GAAY,CAAA;AAAA,IAC1B,GAAG;AAAA,GACL,GAAI,KAAA;AACJ,EAAA,MAAM,EAAE,UAAA,EAAY,YAAA,EAAc,aAAa,UAAA,EAAY,OAAA,KACzD,wBAAA,EAAyB;AAC3B,EAAA,MAAM,EAAA,GAAK,MAAM,MAAM,CAAA;AAEvB,EAAA,SAAA,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,IACxB,CAAA;AAAA,EACF,GAAG,CAAC,UAAA,EAAY,EAAA,EAAI,IAAA,EAAM,YAAY,CAAC,CAAA;AAEvC,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,OAAA,EAAS,CAAA;AAAA,MACT,EAAA;AAAA,MACA,GAAA;AAAA,MACA,OAAA,EAAS,OAAA,KAAY,SAAA,GAAY,IAAA,GAAO,IAAA;AAAA,MACxC,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,MACzC,IAAA,EAAK,SAAA;AAAA,MACL,iBAAA,EAAiB,GAAG,EAAE,CAAA,CAAA,EAAI,eAAe,IAAI,CAAA,CAAA,EAAI,cAAc,IAAI,CAAA,CAAA;AAAA,MACnE,YAAA,EAAY,SAAA;AAAA,MACZ,aAAA,EAAY,SAAA;AAAA,MAEX,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

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

@@ -2,8 +2,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { makePrefixer, useId, Text } from '@salt-ds/core';
 import { clsx } from 'clsx';
 import { forwardRef, useEffect } from 'react';
-import './internal/FavoriteToggleWithTooltip.js';
 import { useContactDetailsContext } from './internal/ContactDetailsContext.js';
+import './internal/FavoriteToggleWithTooltip.js';
 
 const withBaseName = makePrefixer("saltContactSecondaryInfo");
 const ContactSecondaryInfo = forwardRef(function ContactSecondaryInfo2(props, ref) {
@@ -12,7 +12,7 @@ const ContactSecondaryInfo = forwardRef(function ContactSecondaryInfo2(props, re
     text,
     icon: Icon,
     className,
-    ValueComponent,
+    ValueComponent: _ValueComponent,
     ...restProps
   } = props;
   const { setSecondary, setSecondaryId, variant } = useContactDetailsContext();
@@ -25,21 +25,22 @@ const ContactSecondaryInfo = forwardRef(function ContactSecondaryInfo2(props, re
       setSecondaryId(void 0);
     };
   }, [id, text, setSecondary, setSecondaryId]);
-  return /* @__PURE__ */ jsxs(Text, {
-    styleAs: variant === "default" ? "h4" : void 0,
-    maxRows: 1,
-    ...restProps,
-    id,
-    ref,
-    className: clsx(withBaseName(), className),
-    "data-testid": "secondary",
-    children: [
-      Icon ? /* @__PURE__ */ jsx(Icon, {
-        className: withBaseName("icon")
-      }) : null,
-      text
-    ]
-  });
+  return /* @__PURE__ */ jsxs(
+    Text,
+    {
+      styleAs: variant === "default" ? "h4" : void 0,
+      maxRows: 1,
+      ...restProps,
+      id,
+      ref,
+      className: clsx(withBaseName(), className),
+      "data-testid": "secondary",
+      children: [
+        Icon ? /* @__PURE__ */ jsx(Icon, { className: withBaseName("icon") }) : null,
+        text
+      ]
+    }
+  );
 });
 
 export { ContactSecondaryInfo };

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

@@ -1 +1 @@
-{"version":3,"file":"ContactSecondaryInfo.js","sources":["../src/contact-details/ContactSecondaryInfo.tsx"],"sourcesContent":["import { makePrefixer, useId, Text } from \"@salt-ds/core\";\nimport { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { ComponentType, forwardRef, HTMLAttributes, useEffect } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\nimport { ValueComponentProps } from \"./types\";\n\nconst withBaseName = makePrefixer(\"saltContactSecondaryInfo\");\n\nexport interface ContactSecondaryInfoProps\n  extends HTMLAttributes<HTMLDivElement> {\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":["ContactSecondaryInfo"],"mappings":";;;;;;;AAOA,MAAM,YAAA,GAAe,aAAa,0BAA0B,CAAA,CAAA;AASrD,MAAM,oBAAuB,GAAA,UAAA,CAGlC,SAASA,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,IACG,GAAA,SAAA;AAAA,GACD,GAAA,KAAA,CAAA;AACJ,EAAA,MAAM,EAAE,YAAA,EAAc,cAAgB,EAAA,OAAA,KAAY,wBAAyB,EAAA,CAAA;AAC3E,EAAM,MAAA,EAAA,GAAK,MAAM,MAAM,CAAA,CAAA;AAEvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,QAAQ,EAAE,CAAA,CAAA;AACvB,IAAA,cAAA,CAAe,EAAE,CAAA,CAAA;AACjB,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,KAAS,CAAA,CAAA,CAAA;AACtB,MAAA,cAAA,CAAe,KAAS,CAAA,CAAA,CAAA;AAAA,KAC1B,CAAA;AAAA,KACC,CAAC,EAAA,EAAI,IAAM,EAAA,YAAA,EAAc,cAAc,CAAC,CAAA,CAAA;AAE3C,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA;AAAA,IACC,OAAA,EAAS,OAAY,KAAA,SAAA,GAAY,IAAO,GAAA,KAAA,CAAA;AAAA,IACxC,OAAS,EAAA,CAAA;AAAA,IACR,GAAG,SAAA;AAAA,IACJ,EAAA;AAAA,IACA,GAAA;AAAA,IACA,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IACzC,aAAY,EAAA,WAAA;AAAA,IAEX,QAAA,EAAA;AAAA,MAAA,IAAA,mBAAQ,GAAA,CAAA,IAAA,EAAA;AAAA,QAAK,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAK,GAAA,IAAA;AAAA,MACnD,IAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"ContactSecondaryInfo.js","sources":["../src/contact-details/ContactSecondaryInfo.tsx"],"sourcesContent":["import { makePrefixer, Text, useId } from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentType,\n  forwardRef,\n  type HTMLAttributes,\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: _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":["ContactSecondaryInfo"],"mappings":";;;;;;;AAYA,MAAM,YAAA,GAAe,aAAa,0BAA0B,CAAA;AASrD,MAAM,oBAAA,GAAuB,UAAA,CAGlC,SAASA,qBAAAA,CAAqB,OAAO,GAAA,EAAK;AAC1C,EAAA,MAAM;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,IAAA,EAAM,IAAA;AAAA,IACN,SAAA;AAAA,IACA,cAAA,EAAgB,eAAA;AAAA,IAChB,GAAG;AAAA,GACL,GAAI,KAAA;AACJ,EAAA,MAAM,EAAE,YAAA,EAAc,cAAA,EAAgB,OAAA,KAAY,wBAAA,EAAyB;AAC3E,EAAA,MAAM,EAAA,GAAK,MAAM,MAAM,CAAA;AAEvB,EAAA,SAAA,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,IAC1B,CAAA;AAAA,EACF,GAAG,CAAC,EAAA,EAAI,IAAA,EAAM,YAAA,EAAc,cAAc,CAAC,CAAA;AAE3C,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,OAAA,KAAY,SAAA,GAAY,IAAA,GAAO,MAAA;AAAA,MACxC,OAAA,EAAS,CAAA;AAAA,MACR,GAAG,SAAA;AAAA,MACJ,EAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,MACzC,aAAA,EAAY,WAAA;AAAA,MAEX,QAAA,EAAA;AAAA,QAAA,IAAA,uBAAQ,IAAA,EAAA,EAAK,SAAA,EAAW,YAAA,CAAa,MAAM,GAAG,CAAA,GAAK,IAAA;AAAA,QACnD;AAAA;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

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

@@ -2,8 +2,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { makePrefixer, useId, Text } from '@salt-ds/core';
 import { clsx } from 'clsx';
 import { forwardRef, useEffect } from 'react';
-import './internal/FavoriteToggleWithTooltip.js';
 import { useContactDetailsContext } from './internal/ContactDetailsContext.js';
+import './internal/FavoriteToggleWithTooltip.js';
 
 const withBaseName = makePrefixer("saltContactTertiaryInfo");
 const ContactTertiaryInfo = forwardRef(function ContactTertiaryInfo2(props, ref) {
@@ -21,21 +21,22 @@ const ContactTertiaryInfo = forwardRef(function ContactTertiaryInfo2(props, ref)
   if (variant === "mini") {
     return null;
   }
-  return /* @__PURE__ */ jsxs(Text, {
-    ...restProps,
-    maxRows: 1,
-    styleAs: variant === "default" ? "h4" : void 0,
-    id,
-    ref,
-    className: clsx(withBaseName(), className),
-    "data-testid": "tertiary",
-    children: [
-      Icon ? /* @__PURE__ */ jsx(Icon, {
-        className: withBaseName("icon")
-      }) : null,
-      text
-    ]
-  });
+  return /* @__PURE__ */ jsxs(
+    Text,
+    {
+      ...restProps,
+      maxRows: 1,
+      styleAs: variant === "default" ? "h4" : void 0,
+      id,
+      ref,
+      className: clsx(withBaseName(), className),
+      "data-testid": "tertiary",
+      children: [
+        Icon ? /* @__PURE__ */ jsx(Icon, { className: withBaseName("icon") }) : null,
+        text
+      ]
+    }
+  );
 });
 
 export { ContactTertiaryInfo };

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

@@ -1 +1 @@
-{"version":3,"file":"ContactTertiaryInfo.js","sources":["../src/contact-details/ContactTertiaryInfo.tsx"],"sourcesContent":["import { makePrefixer, useId, Text } from \"@salt-ds/core\";\nimport { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { ComponentType, forwardRef, HTMLAttributes, useEffect } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactTertiaryInfo\");\n\nexport interface ContactTertiaryInfoProps\n  extends HTMLAttributes<HTMLDivElement> {\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":["ContactTertiaryInfo"],"mappings":";;;;;;;AAMA,MAAM,YAAA,GAAe,aAAa,yBAAyB,CAAA,CAAA;AAQpD,MAAM,mBAAsB,GAAA,UAAA,CAGjC,SAASA,oBAAAA,CAAoB,OAAO,GAAK,EAAA;AACzC,EAAM,MAAA,EAAE,IAAI,MAAQ,EAAA,IAAA,EAAM,MAAM,IAAM,EAAA,SAAA,EAAA,GAAc,WAAc,GAAA,KAAA,CAAA;AAClE,EAAA,MAAM,EAAE,OAAA,EAAS,WAAa,EAAA,aAAA,KAAkB,wBAAyB,EAAA,CAAA;AACzE,EAAM,MAAA,EAAA,GAAK,MAAM,MAAM,CAAA,CAAA;AAEvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,WAAA,CAAY,IAAI,CAAA,CAAA;AAChB,IAAA,aAAA,CAAc,EAAE,CAAA,CAAA;AAChB,IAAA,OAAO,MAAM;AACX,MAAA,WAAA,CAAY,KAAS,CAAA,CAAA,CAAA;AACrB,MAAA,aAAA,CAAc,KAAS,CAAA,CAAA,CAAA;AAAA,KACzB,CAAA;AAAA,KACC,CAAC,EAAA,EAAI,IAAM,EAAA,WAAA,EAAa,aAAa,CAAC,CAAA,CAAA;AAEzC,EAAA,IAAI,YAAY,MAAQ,EAAA;AACtB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA;AAAA,IACE,GAAG,SAAA;AAAA,IACJ,OAAS,EAAA,CAAA;AAAA,IACT,OAAA,EAAS,OAAY,KAAA,SAAA,GAAY,IAAO,GAAA,KAAA,CAAA;AAAA,IACxC,EAAA;AAAA,IACA,GAAA;AAAA,IACA,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IACzC,aAAY,EAAA,UAAA;AAAA,IAEX,QAAA,EAAA;AAAA,MAAA,IAAA,mBAAQ,GAAA,CAAA,IAAA,EAAA;AAAA,QAAK,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAK,GAAA,IAAA;AAAA,MACnD,IAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"ContactTertiaryInfo.js","sources":["../src/contact-details/ContactTertiaryInfo.tsx"],"sourcesContent":["import { makePrefixer, Text, useId } from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentType,\n  forwardRef,\n  type HTMLAttributes,\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":["ContactTertiaryInfo"],"mappings":";;;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,yBAAyB,CAAA;AAQpD,MAAM,mBAAA,GAAsB,UAAA,CAGjC,SAASA,oBAAAA,CAAoB,OAAO,GAAA,EAAK;AACzC,EAAA,MAAM,EAAE,IAAI,MAAA,EAAQ,IAAA,EAAM,MAAM,IAAA,EAAM,SAAA,EAAW,GAAG,SAAA,EAAU,GAAI,KAAA;AAClE,EAAA,MAAM,EAAE,OAAA,EAAS,WAAA,EAAa,aAAA,KAAkB,wBAAA,EAAyB;AACzE,EAAA,MAAM,EAAA,GAAK,MAAM,MAAM,CAAA;AAEvB,EAAA,SAAA,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,IACzB,CAAA;AAAA,EACF,GAAG,CAAC,EAAA,EAAI,IAAA,EAAM,WAAA,EAAa,aAAa,CAAC,CAAA;AAEzC,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,OAAA,EAAS,CAAA;AAAA,MACT,OAAA,EAAS,OAAA,KAAY,SAAA,GAAY,IAAA,GAAO,MAAA;AAAA,MACxC,EAAA;AAAA,MACA,GAAA;AAAA,MACA,SAAA,EAAW,IAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,MACzC,aAAA,EAAY,UAAA;AAAA,MAEX,QAAA,EAAA;AAAA,QAAA,IAAA,uBAAQ,IAAA,EAAA,EAAK,SAAA,EAAW,YAAA,CAAa,MAAM,GAAG,CAAA,GAAK,IAAA;AAAA,QACnD;AAAA;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

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

@@ -2,20 +2,10 @@ import { jsx } from 'react/jsx-runtime';
 import { Link, Text } from '@salt-ds/core';
 import { isEmail } from '../utils/isEmail.js';
 import 'react';
-import '../utils/useFloatingUI.js';
 
 const MailLinkComponent = (props) => {
   const { value, ...restProps } = props;
-  return isEmail(value) ? /* @__PURE__ */ jsx(Link, {
-    href: `mailto:${value}`,
-    tabIndex: 0,
-    maxRows: 1,
-    ...restProps,
-    children: value
-  }) : /* @__PURE__ */ jsx(Text, {
-    maxRows: 1,
-    children: value
-  });
+  return isEmail(value) ? /* @__PURE__ */ jsx(Link, { href: `mailto:${value}`, tabIndex: 0, maxRows: 1, ...restProps, children: value }) : /* @__PURE__ */ jsx(Text, { maxRows: 1, children: value });
 };
 
 export { MailLinkComponent };

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

@@ -1 +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 { 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":[],"mappings":";;;;;;AAKa,MAAA,iBAAA,GAAoB,CAAC,KAA+B,KAAA;AAC/D,EAAM,MAAA,EAAE,KAAU,EAAA,GAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAEhC,EAAO,OAAA,OAAA,CAAQ,KAAK,CAAA,mBACjB,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,MAAM,CAAU,OAAA,EAAA,KAAA,CAAA,CAAA;AAAA,IAAS,QAAU,EAAA,CAAA;AAAA,IAAG,OAAS,EAAA,CAAA;AAAA,IAAI,GAAG,SAAA;AAAA,IACzD,QAAA,EAAA,KAAA;AAAA,GACH,oBAEC,GAAA,CAAA,IAAA,EAAA;AAAA,IAAK,OAAS,EAAA,CAAA;AAAA,IAAI,QAAA,EAAA,KAAA;AAAA,GAAM,CAAA,CAAA;AAE7B;;;;"}
+{"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":[],"mappings":";;;;;AAKO,MAAM,iBAAA,GAAoB,CAAC,KAAA,KAA+B;AAC/D,EAAA,MAAM,EAAE,KAAA,EAAO,GAAG,SAAA,EAAU,GAAI,KAAA;AAEhC,EAAA,OAAO,OAAA,CAAQ,KAAK,CAAA,mBAClB,GAAA,CAAC,QAAK,IAAA,EAAM,CAAA,OAAA,EAAU,KAAK,CAAA,CAAA,EAAI,QAAA,EAAU,GAAG,OAAA,EAAS,CAAA,EAAI,GAAG,SAAA,EACzD,QAAA,EAAA,KAAA,EACH,oBAEA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAS,CAAA,EAAI,QAAA,EAAA,KAAA,EAAM,CAAA;AAE7B;;;;"}

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

@@ -3,9 +3,9 @@ import { createContext, useContext } from 'react';
 const ContactDetailsContext = createContext(void 0);
 const useContactDetailsContext = () => {
   const context = useContext(ContactDetailsContext);
-  if (!context && process.env.NODE_ENV !== "production") {
-    console.error(
-      `useContactDetailsContext should be used inside of ContactDetails`
+  if (!context) {
+    throw new Error(
+      "useContactDetailsContext should be used inside of ContactDetails"
     );
   }
   return context;

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

@@ -1 +1 @@
-{"version":3,"file":"ContactDetailsContext.js","sources":["../src/contact-details/internal/ContactDetailsContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport { 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":[],"mappings":";;AA2Ba,MAAA,qBAAA,GAAwB,cAEnC,KAAS,CAAA,EAAA;AAEJ,MAAM,2BAA2B,MAA6B;AACnE,EAAM,MAAA,OAAA,GAAU,WAAW,qBAAqB,CAAA,CAAA;AAChD,EAAA,IAAI,CAAC,OAAA,IAAW,OAAQ,CAAA,GAAA,CAAI,aAAa,YAAc,EAAA;AACrD,IAAQ,OAAA,CAAA,KAAA;AAAA,MACN,CAAA,gEAAA,CAAA;AAAA,KACF,CAAA;AAAA,GACF;AACA,EAAO,OAAA,OAAA,CAAA;AACT;;;;"}
+{"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) {\n    throw new Error(\n      \"useContactDetailsContext should be used inside of ContactDetails\",\n    );\n  }\n  return context;\n};\n"],"names":[],"mappings":";;AA2BO,MAAM,qBAAA,GAAwB,cAEnC,MAAS;AAEJ,MAAM,2BAA2B,MAA6B;AACnE,EAAA,MAAM,OAAA,GAAU,WAAW,qBAAqB,CAAA;AAChD,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KACF;AAAA,EACF;AACA,EAAA,OAAO,OAAA;AACT;;;;"}

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

@@ -81,21 +81,24 @@ const FavoriteToggle = forwardRef(
         toggleSelected();
       }
     };
-    return /* @__PURE__ */ jsx(StarIconContainer, {
-      isFocusVisible,
-      isFocused,
-      isHighlighted,
-      isSelected,
-      onBlur: handleBlur,
-      onClick: handleClick,
-      onFocus: handleFocus,
-      onKeyDown: handleKeyDown,
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      ref: useForkRef(focusVisibleRef, ref),
-      tabIndex: 0,
-      ...restProps
-    });
+    return /* @__PURE__ */ jsx(
+      StarIconContainer,
+      {
+        isFocusVisible,
+        isFocused,
+        isHighlighted,
+        isSelected,
+        onBlur: handleBlur,
+        onClick: handleClick,
+        onFocus: handleFocus,
+        onKeyDown: handleKeyDown,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        ref: useForkRef(focusVisibleRef, ref),
+        tabIndex: 0,
+        ...restProps
+      }
+    );
   }
 );
 

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

@@ -1 +1 @@
-{"version":3,"file":"FavoriteToggle.js","sources":["../src/contact-details/internal/FavoriteToggle.tsx"],"sourcesContent":["import { useControlled, useForkRef, useIsFocusVisible } from \"@salt-ds/core\";\nimport React, {\n  FocusEventHandler,\n  forwardRef,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  useState,\n} from \"react\";\nimport { StarIconContainer, StarIconContainerProps } from \"./StarIconContainer\";\n\nexport interface FavoriteToggleProps\n  extends Omit<StarIconContainerProps, \"onChange\"> {\n  onBlur?: FocusEventHandler;\n  onChange?: (isSelected: boolean) => void;\n  onClick?: (event: React.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: React.MouseEventHandler<HTMLSpanElement> = (event) => {\n      if (onClickProp) {\n        onClickProp(event);\n      }\n      setIsFocusVisible(isFocusVisibleRef.current);\n      toggleSelected();\n    };\n\n    const handleMouseEnter: React.MouseEventHandler<HTMLSpanElement> = (\n      event\n    ) => {\n      if (onMouseEnterProp) {\n        onMouseEnterProp(event);\n      }\n      setIsHighlighted(true);\n    };\n\n    const handleMouseLeave: React.MouseEventHandler<HTMLSpanElement> = (\n      event\n    ) => {\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":["FavoriteToggle"],"mappings":"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"}
+{"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  forwardRef,\n  type KeyboardEventHandler,\n  type MouseEvent,\n  type MouseEventHandler,\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":["FavoriteToggle"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
 import { Tooltip } from '@salt-ds/core';
+import { forwardRef } from 'react';
 import { FavoriteToggle } from './FavoriteToggle.js';
 
 const FavoriteToggleWithTooltip = forwardRef(function FavoriteToggleWithTooltip2(props, ref) {
@@ -9,15 +9,16 @@ const FavoriteToggleWithTooltip = forwardRef(function FavoriteToggleWithTooltip2
     tooltipProps,
     ...restProps
   } = props;
-  return /* @__PURE__ */ jsx(Tooltip, {
-    enterDelay: 1500,
-    placement: "bottom",
-    content: tooltipTitle,
-    children: /* @__PURE__ */ jsx(FavoriteToggle, {
-      ref,
-      ...restProps
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      enterDelay: 1500,
+      placement: "bottom",
+      content: tooltipTitle,
+      ...tooltipProps,
+      children: /* @__PURE__ */ jsx(FavoriteToggle, { ref, ...restProps })
+    }
+  );
 });
 
 export { FavoriteToggleWithTooltip };

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

@@ -1 +1 @@
-{"version":3,"file":"FavoriteToggleWithTooltip.js","sources":["../src/contact-details/internal/FavoriteToggleWithTooltip.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Tooltip, TooltipProps } from \"@salt-ds/core\";\nimport { FavoriteToggle, 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":["FavoriteToggleWithTooltip"],"mappings":";;;;;AASO,MAAM,yBAA4B,GAAA,UAAA,CAGvC,SAASA,0BAAAA,CAA0B,OAAO,GAAK,EAAA;AAC/C,EAAM,MAAA;AAAA,IACJ,YAAe,GAAA,iBAAA;AAAA,IACf,YAAA;AAAA,IACG,GAAA,SAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA;AAAA,IAAQ,UAAY,EAAA,IAAA;AAAA,IAAM,SAAU,EAAA,QAAA;AAAA,IAAS,OAAS,EAAA,YAAA;AAAA,IACrD,QAAC,kBAAA,GAAA,CAAA,cAAA,EAAA;AAAA,MAAe,GAAA;AAAA,MAAW,GAAG,SAAA;AAAA,KAAW,CAAA;AAAA,GAC3C,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"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\n      enterDelay={1500}\n      placement=\"bottom\"\n      content={tooltipTitle}\n      {...tooltipProps}\n    >\n      <FavoriteToggle ref={ref} {...restProps} />\n    </Tooltip>\n  );\n});\n"],"names":["FavoriteToggleWithTooltip"],"mappings":";;;;;AASO,MAAM,yBAAA,GAA4B,UAAA,CAGvC,SAASA,0BAAAA,CAA0B,OAAO,GAAA,EAAK;AAC/C,EAAA,MAAM;AAAA,IACJ,YAAA,GAAe,iBAAA;AAAA,IACf,YAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAU,QAAA;AAAA,MACV,OAAA,EAAS,YAAA;AAAA,MACR,GAAG,YAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,GAAA,EAAW,GAAG,SAAA,EAAW;AAAA;AAAA,GAC3C;AAEJ,CAAC;;;;"}

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

@@ -6,18 +6,16 @@ const hollowPath = "M6,2.47l.87,2L7.1,5,7.66,5l2.16.27L8.19,6.91l-.38.37.1.53.38
 const StarIcon = forwardRef(
   function StarIcon2({ className, selected, highlighted }, ref) {
     const path = !selected && !highlighted ? hollowPath : filledPath;
-    return /* @__PURE__ */ jsx("svg", {
-      "aria-hidden": "true",
-      className,
-      ref,
-      viewBox: "0 0 12 12",
-      children: /* @__PURE__ */ jsx("g", {
-        fillRule: "evenodd",
-        children: /* @__PURE__ */ jsx("path", {
-          d: path
-        })
-      })
-    });
+    return /* @__PURE__ */ jsx(
+      "svg",
+      {
+        "aria-hidden": "true",
+        className,
+        ref,
+        viewBox: "0 0 12 12",
+        children: /* @__PURE__ */ jsx("g", { fillRule: "evenodd", children: /* @__PURE__ */ jsx("path", { d: path }) })
+      }
+    );
   }
 );
 

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

@@ -1 +1 @@
-{"version":3,"file":"StarIcon.js","sources":["../src/contact-details/internal/StarIcon.tsx"],"sourcesContent":["import React, { 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":["StarIcon"],"mappings":";;;AAEA,MAAM,UACJ,GAAA,oFAAA,CAAA;AAEF,MAAM,UACJ,GAAA,8OAAA,CAAA;AAQK,MAAM,QAAW,GAAA,UAAA;AAAA,EACtB,SAASA,SAAS,CAAA,EAAE,WAAW,QAAU,EAAA,WAAA,IAAe,GAAK,EAAA;AAC3D,IAAA,MAAM,IAAO,GAAA,CAAC,QAAY,IAAA,CAAC,cAAc,UAAa,GAAA,UAAA,CAAA;AAEtD,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,MACC,aAAY,EAAA,MAAA;AAAA,MACZ,SAAA;AAAA,MACA,GAAA;AAAA,MACA,OAAQ,EAAA,WAAA;AAAA,MAER,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA;AAAA,QAAE,QAAS,EAAA,SAAA;AAAA,QACV,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,UAAK,CAAG,EAAA,IAAA;AAAA,SAAM,CAAA;AAAA,OACjB,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
+{"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":["StarIcon"],"mappings":";;;AAEA,MAAM,UAAA,GACJ,oFAAA;AAEF,MAAM,UAAA,GACJ,8OAAA;AAQK,MAAM,QAAA,GAAW,UAAA;AAAA,EACtB,SAASA,SAAAA,CAAS,EAAE,WAAW,QAAA,EAAU,WAAA,IAAe,GAAA,EAAK;AAC3D,IAAA,MAAM,IAAA,GAAO,CAAC,QAAA,IAAY,CAAC,cAAc,UAAA,GAAa,UAAA;AAEtD,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,aAAA,EAAY,MAAA;AAAA,QACZ,SAAA;AAAA,QACA,GAAA;AAAA,QACA,OAAA,EAAQ,WAAA;AAAA,QAER,QAAA,kBAAA,GAAA,CAAC,OAAE,QAAA,EAAS,SAAA,EACV,8BAAC,MAAA,EAAA,EAAK,CAAA,EAAG,MAAM,CAAA,EACjB;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;;;;"}