@salt-ds/lab 1.0.0-alpha.9 → 1.0.0-alpha.90

package/dist-es/common-hooks/useViewportTracking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useViewportTracking.js","sources":["../src/common-hooks/useViewportTracking.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport {\n  type MutableRefObject,\n  type RefObject,\n  useCallback,\n  useRef,\n} from \"react\";\nimport { type ResizeHandler, useResizeObserver } from \"../responsive\";\nimport type { CollectionItem } from \"./collectionTypes\";\n\nconst HeightOnly = [\"height\"];\nconst HeightWithScroll = [\"height\", \"scrollHeight\"];\nconst EMPTY_ARRAY: string[] = [];\n\nconst ObservedDimensions = {\n  containerOnly: [HeightWithScroll, EMPTY_ARRAY],\n  withContent: [HeightOnly, HeightOnly],\n};\nconst getObservedDimensions = (containerOnly: boolean) =>\n  containerOnly\n    ? ObservedDimensions.containerOnly\n    : ObservedDimensions.withContent;\n\nconst NULL_REF = { current: null };\n\nconst getItemTop = (\n  element: HTMLElement,\n  offsetContainer: HTMLElement | null,\n) => {\n  const { transform = \"none\" } = getComputedStyle(element);\n  if (transform.startsWith(\"matrix\")) {\n    const pos = transform.lastIndexOf(\",\");\n    return Number.parseInt(transform.slice(pos + 1), 10);\n  }\n  let offsetParent = element.offsetParent as HTMLElement;\n  if (offsetParent === offsetContainer || offsetContainer === null) {\n    return element.offsetTop;\n  }\n  let top = element.offsetTop;\n  while (offsetParent !== null && offsetParent !== offsetContainer) {\n    top += offsetParent.offsetTop;\n    offsetParent = offsetParent.offsetParent as HTMLElement;\n  }\n  return top;\n};\n\nexport interface ViewportTrackingProps<Item> {\n  containerRef: RefObject<HTMLElement>;\n  contentRef?: RefObject<HTMLElement>;\n  highlightedIdx?: number;\n  indexPositions: CollectionItem<Item>[];\n  stickyHeaders?: boolean;\n}\n\nexport interface ViewportTrackingResult<Item> {\n  isScrolling: MutableRefObject<boolean>;\n  scrollIntoView: (item: CollectionItem<Item>) => void;\n}\n\nexport const useViewportTracking = <Item>({\n  containerRef,\n  contentRef = NULL_REF,\n  highlightedIdx = -1,\n  indexPositions,\n  stickyHeaders = false,\n}: ViewportTrackingProps<Item>): ViewportTrackingResult<Item> => {\n  const scrolling = useRef<boolean>(false);\n  const viewport = useRef({\n    height: 0,\n    contentHeight: 0,\n  });\n\n  const scrollTo = useCallback(\n    (scrollPos: number) => {\n      scrolling.current = true;\n      if (containerRef.current) {\n        containerRef.current.scrollTop = scrollPos;\n      }\n      setTimeout(() => {\n        scrolling.current = false;\n      });\n    },\n    [containerRef],\n  );\n\n  const scrollToStart = useCallback(() => scrollTo(0), [scrollTo]);\n\n  const scrollToEnd = useCallback(() => {\n    scrollTo(viewport.current.contentHeight - viewport.current.height);\n  }, [scrollTo]);\n\n  const scrollIntoViewIfNeeded = useCallback(\n    (item: CollectionItem<Item>) => {\n      const offsetContainer = contentRef.current || containerRef.current;\n      if (item.id) {\n        const el = document.getElementById(item.id);\n        if (el && containerRef.current) {\n          const { height: viewportHeight } = viewport.current;\n          const targetEl =\n            el.ariaExpanded && el.firstChild\n              ? (el.firstChild as HTMLElement)\n              : el;\n          const headerHeight = stickyHeaders ? 36 : 0;\n          const itemTop = getItemTop(targetEl, offsetContainer);\n          const itemHeight = targetEl.offsetHeight;\n          const { scrollTop } = containerRef.current;\n          const viewportStart = scrollTop + headerHeight;\n          const viewportEnd = viewportStart + viewportHeight - headerHeight;\n\n          if (itemTop + itemHeight > viewportEnd || itemTop < viewportStart) {\n            const newScrollTop =\n              itemTop + itemHeight > viewportEnd\n                ? scrollTop + (itemTop + itemHeight) - viewportEnd\n                : itemTop - headerHeight;\n\n            scrollTo(newScrollTop);\n          }\n        }\n      }\n    },\n    [containerRef, contentRef, scrollTo, stickyHeaders],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    const { height, contentHeight } = viewport.current;\n    const item = indexPositions[highlightedIdx];\n    if (contentHeight > height && item) {\n      const [firstItem] = indexPositions;\n      const [lastItem] = indexPositions.slice(-1);\n      if (item === firstItem) {\n        scrollToStart();\n      } else if (item === lastItem) {\n        scrollToEnd();\n      } else {\n        scrollIntoViewIfNeeded(indexPositions[highlightedIdx]);\n      }\n    }\n  }, [\n    highlightedIdx,\n    indexPositions,\n    scrollIntoViewIfNeeded,\n    scrollToEnd,\n    scrollToStart,\n  ]);\n\n  const onContainerResize: ResizeHandler = useCallback(\n    ({ height, scrollHeight }) => {\n      if (typeof height === \"number\") {\n        viewport.current.height = height;\n      }\n      if (typeof scrollHeight === \"number\") {\n        viewport.current.contentHeight = scrollHeight;\n      }\n    },\n    [],\n  );\n\n  const onContentResize: ResizeHandler = useCallback(({ height }) => {\n    if (typeof height === \"number\") {\n      viewport.current.contentHeight = height;\n    }\n  }, []);\n\n  // If we only have a container, then we will observe its height and scrollHeight,\n  // contentRef will be null, so second call to observer will observe nothing.\n  // If we have both container and content, then we observe the height of each.\n  const [containerDimensions, contentDimensions] = getObservedDimensions(\n    contentRef === NULL_REF,\n  );\n  useResizeObserver(containerRef, containerDimensions, onContainerResize, true);\n  useResizeObserver(contentRef, contentDimensions, onContentResize, true);\n\n  return {\n    isScrolling: scrolling,\n    scrollIntoView: scrollIntoViewIfNeeded,\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist-es/common-hooks/utils/collection-item-utils.js

@@ -0,0 +1,170 @@
+import { isValidElement, Children } from 'react';
+import { ListItemGroup } from '../../list/ListItemGroup.js';
+import { ListItemHeader } from '../../list/ListItemHeader.js';
+import { itemToString } from '../itemToString.js';
+
+const sourceItemHasProp = (item, propertyName) => {
+  return item !== null && typeof item === "object" && Object.hasOwn(item, propertyName);
+};
+const isHeader = (item) => sourceItemHasProp(item, "header");
+const isGroupNode = (item) => sourceItemHasProp(item, "childNodes");
+const childItemHasProp = (item, propertyName) => {
+  return item && Object.hasOwn(item.props, propertyName);
+};
+const isDisabled = (item) => {
+  if (isValidElement(item)) {
+    if (childItemHasProp(item, "disabled")) {
+      return item.props.disabled === true;
+    }
+  } else if (sourceItemHasProp(item, "disabled")) {
+    return item.disabled === true;
+  }
+  return false;
+};
+const isFocusable = (item) => {
+  if (isValidElement(item)) {
+    if (childItemHasProp(item, "focusable")) {
+      return item.props.focusable;
+    }
+  }
+  return true;
+};
+const countChildItems = (item, items, idx) => {
+  if (item.childNodes) {
+    return item.childNodes.length;
+  }
+  if (item.header) {
+    let i = idx + 1;
+    let count = 0;
+    while (i < items.length && !items[i].header) {
+      count++;
+      i++;
+    }
+    return count;
+  }
+  return 0;
+};
+const getChildLabel = (element) => {
+  if (typeof element.props.children === "string") {
+    return element.props.children;
+  }
+  if (element.props.title) {
+    return element.props.title;
+  }
+  if (element.props.label) {
+    return element.props.label;
+  }
+};
+const childIsHeader = (child) => child.type === ListItemHeader || childItemHasProp(child, "data-header");
+const childIsGroup = (child) => child.type === ListItemGroup || childItemHasProp(child, "data-group");
+const childIsSelectable = (child) => {
+  if (childItemHasProp(child, "selectable")) {
+    return child.props.selectable === true;
+  }
+  return !childIsGroup(child) && !childIsHeader(child);
+};
+const getChildNodes = (element) => {
+  if (childIsGroup(element)) {
+    const {
+      props: { children }
+    } = element;
+    if (typeof children !== "string") {
+      return childItems(children);
+    }
+  }
+};
+const mapReactElementChildren = (children, fn) => {
+  const childElements = [];
+  Children.forEach(children, (child) => {
+    if (isValidElement(child)) {
+      childElements.push(fn(child));
+    }
+  });
+  return childElements;
+};
+const sourceItems = (source, options) => {
+  if (Array.isArray(source)) {
+    if (source.length === 0 && (options == null ? void 0 : options.noChildrenLabel)) {
+      return [
+        {
+          label: options.noChildrenLabel,
+          value: null
+        }
+      ];
+    }
+    return source.map(
+      (item) => {
+        var _a;
+        return {
+          childNodes: sourceItems(
+            item.childNodes,
+            options
+          ),
+          description: item.description,
+          expanded: item.expanded,
+          value: item,
+          label: ((_a = options == null ? void 0 : options.itemToString) == null ? void 0 : _a.call(options, item)) ?? itemToString(item)
+        };
+      }
+    );
+  }
+  if (source) {
+    throw Error("list-child-items expects source to be an array");
+  }
+};
+const childItems = (children) => {
+  if (children) {
+    return mapReactElementChildren(children, (child) => {
+      const {
+        "data-id": dataId,
+        disabled,
+        id = dataId,
+        "data-expanded": dataExpanded,
+        expanded = dataExpanded
+      } = child.props;
+      return {
+        childNodes: getChildNodes(child),
+        disabled,
+        expanded,
+        header: childIsHeader(child),
+        id,
+        label: getChildLabel(child),
+        selectable: childIsSelectable(child),
+        value: child
+      };
+    });
+  }
+};
+const PathSeparators = /* @__PURE__ */ new Set(["/", "-", "."]);
+const isPathSeparator = (char) => PathSeparators.has(char);
+const isParentPath = (parentPath, childPath) => childPath.startsWith(parentPath) && isPathSeparator(childPath[parentPath.length]);
+const PATH_SEPARATORS = /* @__PURE__ */ new Set([".", "/"]);
+function isDescendantOf(basePath, targetPath) {
+  if (!targetPath.startsWith(basePath)) {
+    return false;
+  }
+  return PATH_SEPARATORS.has(targetPath.charAt(basePath.length));
+}
+function replaceCollectionItem(nodes, id, props) {
+  let childNodes;
+  const newNodes = nodes.map((node) => {
+    if (node.id === id) {
+      return {
+        ...node,
+        ...props
+      };
+    }
+    if (isDescendantOf(node.id, id) && node.childNodes) {
+      childNodes = replaceCollectionItem(node.childNodes, id, props);
+      return {
+        ...node,
+        childNodes
+      };
+    }
+    return node;
+  });
+  return newNodes;
+}
+
+export { childIsGroup, childItems, countChildItems, getChildLabel, getChildNodes, isDisabled, isFocusable, isGroupNode, isHeader, isParentPath, replaceCollectionItem, sourceItemHasProp, sourceItems };
+//# sourceMappingURL=collection-item-utils.js.map

package/dist-es/common-hooks/utils/collection-item-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collection-item-utils.js","sources":["../src/common-hooks/utils/collection-item-utils.ts"],"sourcesContent":["import {\n  Children,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\n\n// TODO how do we configure these\nimport { ListItemGroup } from \"../../list/ListItemGroup\";\nimport { ListItemHeader } from \"../../list/ListItemHeader\";\nimport type {\n  CollectionItem,\n  CollectionOptions,\n  SourceGroup,\n} from \"../collectionTypes\";\nimport { itemToString as defaultItemToString } from \"../itemToString\";\n\ntype NonFocusableElement = ReactElement<{ focusable: false }>;\ntype DisablableElement = ReactElement<{ disabled: boolean }>;\ntype SelectableElement = ReactElement<{ selectable: boolean }>;\n\nexport const sourceItemHasProp = (\n  item: unknown,\n  propertyName: string,\n): boolean => {\n  return (\n    item !== null &&\n    typeof item === \"object\" &&\n    Object.hasOwn(item, propertyName)\n  );\n};\n\nexport const isHeader = (item: unknown): boolean =>\n  sourceItemHasProp(item, \"header\");\n\nexport const isGroupNode = (item: unknown): boolean =>\n  sourceItemHasProp(item, \"childNodes\");\n\nconst childItemHasProp = (item: ReactElement, propertyName: string) => {\n  return item && Object.hasOwn(item.props, propertyName);\n};\n\nexport const isDisabled = (item: unknown): boolean => {\n  if (isValidElement(item as DisablableElement)) {\n    if (childItemHasProp(item as DisablableElement, \"disabled\")) {\n      return (item as DisablableElement).props.disabled === true;\n    }\n  } else if (sourceItemHasProp(item, \"disabled\")) {\n    return (item as { disabled: boolean }).disabled === true;\n  }\n\n  return false;\n};\n\nexport const isFocusable = (item: unknown): boolean => {\n  if (isValidElement(item as NonFocusableElement)) {\n    if (childItemHasProp(item as NonFocusableElement, \"focusable\")) {\n      return (item as NonFocusableElement).props.focusable;\n    }\n  }\n  return true;\n};\n\nexport const countChildItems = <Item>(\n  item: CollectionItem<Item>,\n  items: CollectionItem<Item>[],\n  idx: number,\n): number => {\n  if (item.childNodes) {\n    return item.childNodes.length;\n  }\n  if (item.header) {\n    let i = idx + 1;\n    let count = 0;\n    while (i < items.length && !items[i].header) {\n      count++;\n      i++;\n    }\n    return count;\n  }\n  return 0;\n};\n\nexport const getChildLabel = (\n  element: ReactElement<{\n    children?: ReactNode;\n    label?: string;\n    title?: string;\n  }>,\n): string | undefined => {\n  if (typeof element.props.children === \"string\") {\n    return element.props.children;\n  }\n  if (element.props.title) {\n    return element.props.title;\n  }\n  if (element.props.label) {\n    return element.props.label;\n  }\n};\n\nconst childIsHeader = (child: ReactElement) =>\n  child.type === ListItemHeader || childItemHasProp(child, \"data-header\");\n\nexport const childIsGroup = (child: ReactElement): boolean =>\n  child.type === ListItemGroup || childItemHasProp(child, \"data-group\");\n\nconst childIsSelectable = (child: ReactElement) => {\n  if (childItemHasProp(child, \"selectable\")) {\n    return (child as SelectableElement).props.selectable === true;\n  }\n  return !childIsGroup(child) && !childIsHeader(child);\n};\n\nexport const getChildNodes = (\n  element: ReactElement,\n): CollectionItem<ReactElement>[] | undefined => {\n  if (childIsGroup(element)) {\n    const {\n      props: { children },\n    } = element as ReactElement<{ children?: ReactNode }>;\n    if (typeof children !== \"string\") {\n      return childItems(children);\n    }\n  }\n};\n\nconst mapReactElementChildren = (\n  children: ReactNode,\n  fn: (el: ReactElement) => CollectionItem<ReactElement>,\n): CollectionItem<ReactElement>[] => {\n  const childElements: CollectionItem<ReactElement>[] = [];\n  Children.forEach(children, (child) => {\n    if (isValidElement(child)) {\n      childElements.push(fn(child));\n    }\n  });\n  return childElements;\n};\n\ntype ListItemElementProps = {\n  \"data-id\"?: string;\n  disabled?: boolean;\n  id?: string;\n  \"data-expanded\"?: boolean;\n  expanded?: boolean;\n};\n\ntype CollectionItemWithoutId<T> = Omit<CollectionItem<T>, \"id\">;\n\nexport const sourceItems = <T>(\n  source?: ReadonlyArray<T>,\n  options?: CollectionOptions<T>,\n): CollectionItemWithoutId<T>[] | undefined => {\n  if (Array.isArray(source)) {\n    if (source.length === 0 && options?.noChildrenLabel) {\n      return [\n        {\n          label: options.noChildrenLabel,\n          value: null,\n        },\n      ];\n    }\n    return source.map(\n      (item: { description?: string; expanded?: boolean }) =>\n        ({\n          childNodes: sourceItems(\n            (item as unknown as SourceGroup<T>).childNodes,\n            options,\n          ),\n          description: item.description,\n          expanded: item.expanded,\n          value: item,\n          label:\n            options?.itemToString?.(item as T) ?? defaultItemToString(item),\n        }) as CollectionItemWithoutId<T>,\n    );\n  }\n  if (source) {\n    throw Error(\"list-child-items expects source to be an array\");\n  }\n};\n\nexport const childItems = (\n  children: ReactNode,\n): CollectionItem<ReactElement>[] | undefined => {\n  if (children) {\n    return mapReactElementChildren(children, (child) => {\n      const {\n        \"data-id\": dataId,\n        disabled,\n        id = dataId,\n        \"data-expanded\": dataExpanded,\n        expanded = dataExpanded,\n      } = (child as ReactElement<ListItemElementProps>).props;\n      return {\n        childNodes: getChildNodes(child),\n        disabled,\n        expanded,\n        header: childIsHeader(child),\n        id,\n        label: getChildLabel(child),\n        selectable: childIsSelectable(child),\n        value: child,\n      } as CollectionItem<ReactElement>;\n    });\n  }\n};\n\nconst PathSeparators = new Set<string>([\"/\", \"-\", \".\"]);\n// TODO where do we define or identify separators\nconst isPathSeparator = (char: string) => PathSeparators.has(char);\n\nexport const isParentPath = (parentPath: string, childPath: string): boolean =>\n  childPath.startsWith(parentPath) &&\n  isPathSeparator(childPath[parentPath.length]);\n\nconst PATH_SEPARATORS = new Set([\".\", \"/\"]);\n\nfunction isDescendantOf(basePath: string, targetPath: string) {\n  if (!targetPath.startsWith(basePath)) {\n    return false;\n  }\n  return PATH_SEPARATORS.has(targetPath.charAt(basePath.length));\n}\n\nexport function replaceCollectionItem<Item>(\n  nodes: CollectionItem<Item>[],\n  id: string,\n  props: Partial<CollectionItem<Item>>,\n): CollectionItem<Item>[] {\n  let childNodes: CollectionItem<Item>[];\n  const newNodes: CollectionItem<Item>[] = nodes.map((node) => {\n    if (node.id === id) {\n      return {\n        ...node,\n        ...props,\n      };\n    }\n    if (isDescendantOf(node.id, id) && node.childNodes) {\n      childNodes = replaceCollectionItem<Item>(node.childNodes, id, props);\n      return {\n        ...node,\n        childNodes,\n      };\n    }\n    return node;\n  });\n\n  return newNodes;\n}\n"],"names":["defaultItemToString"],"mappings":"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"}

package/dist-es/common-hooks/utils/filter-utils.js

@@ -0,0 +1,10 @@
+import { escapeRegExp } from '../../utils/escapeRegExp.js';
+import 'react';
+import '@salt-ds/core';
+
+const leftTrim = (value) => value ? value.replace(/^\s+/g, "") : value;
+const getDefaultFilterRegex = (value) => new RegExp(`(${escapeRegExp(leftTrim(value))})`, "gi");
+const getDefaultFilter = (inputValue = "", getFilterRegex = getDefaultFilterRegex) => (itemValue = "") => Boolean(itemValue.length) && Boolean(inputValue.length) && itemValue.match(getFilterRegex(inputValue)) !== null;
+
+export { getDefaultFilter, getDefaultFilterRegex };
+//# sourceMappingURL=filter-utils.js.map

package/dist-es/common-hooks/utils/filter-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-utils.js","sources":["../src/common-hooks/utils/filter-utils.ts"],"sourcesContent":["import { escapeRegExp } from \"../../utils\";\n\nexport type GetFilterRegex = (inputValue: string) => RegExp;\n\nexport type FilterPredicate = (item: string) => boolean;\n\nconst leftTrim = (value: string) =>\n  value ? value.replace(/^\\s+/g, \"\") : value;\n\nexport const getDefaultFilterRegex: GetFilterRegex = (value) =>\n  new RegExp(`(${escapeRegExp(leftTrim(value))})`, \"gi\");\n\nexport const getDefaultFilter =\n  (inputValue = \"\", getFilterRegex: GetFilterRegex = getDefaultFilterRegex) =>\n  (itemValue = \"\"): boolean =>\n    Boolean(itemValue.length) &&\n    Boolean(inputValue.length) &&\n    itemValue.match(getFilterRegex(inputValue)) !== null;\n"],"names":[],"mappings":";;;;AAMA,MAAM,QAAA,GAAW,CAAC,KAAA,KAChB,KAAA,GAAQ,MAAM,OAAA,CAAQ,OAAA,EAAS,EAAE,CAAA,GAAI,KAAA;AAEhC,MAAM,qBAAA,GAAwC,CAAC,KAAA,KACpD,IAAI,MAAA,CAAO,CAAA,CAAA,EAAI,YAAA,CAAa,QAAA,CAAS,KAAK,CAAC,CAAC,CAAA,CAAA,CAAA,EAAK,IAAI;AAEhD,MAAM,gBAAA,GACX,CAAC,UAAA,GAAa,EAAA,EAAI,iBAAiC,qBAAA,KACnD,CAAC,SAAA,GAAY,EAAA,KACX,OAAA,CAAQ,SAAA,CAAU,MAAM,CAAA,IACxB,OAAA,CAAQ,WAAW,MAAM,CAAA,IACzB,UAAU,KAAA,CAAM,cAAA,CAAe,UAAU,CAAC,CAAA,KAAM;;;;"}

package/dist-es/common-hooks/utils/isSelected.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isSelected.js","sources":["../src/common-hooks/utils/isSelected.ts"],"sourcesContent":["import type { CollectionItem } from \"../collectionTypes\";\n\nexport function isSelected<Item>(\n  selected: CollectionItem<Item> | CollectionItem<Item>[] | null,\n  item: CollectionItem<Item>,\n): boolean {\n  const isSelected = Array.isArray(selected)\n    ? selected.includes(item)\n    : selected === item;\n  return isSelected;\n}\n"],"names":["isSelected"],"mappings":"AAEO,SAAS,UAAA,CACd,UACA,IAAA,EACS;AACT,EAAA,MAAMA,WAAAA,GAAa,MAAM,OAAA,CAAQ,QAAQ,IACrC,QAAA,CAAS,QAAA,CAAS,IAAI,CAAA,GACtB,QAAA,KAAa,IAAA;AACjB,EAAA,OAAOA,WAAAA;AACT;;;;"}

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

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import { Tooltip, Button } from '@salt-ds/core';
+import { forwardRef } from 'react';
+
+const ContactAction = forwardRef(
+  function ContactAction2(props, ref) {
+    const { label, icon, accessibleText, tooltipProps, ...restProps } = props;
+    const Icon = icon;
+    return /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        placement: "top",
+        disabled: !accessibleText,
+        content: accessibleText,
+        ...tooltipProps,
+        children: /* @__PURE__ */ jsx(Button, { variant: "secondary", ref, ...restProps, children: label ? label : Icon ? /* @__PURE__ */ jsx(Icon, {}) : null })
+      }
+    );
+  }
+);
+
+export { ContactAction };
+//# sourceMappingURL=ContactAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContactAction.js","sources":["../src/contact-details/ContactAction.tsx"],"sourcesContent":["import {\n  Button,\n  type ButtonProps,\n  Tooltip,\n  type TooltipProps,\n} from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { type ComponentType, forwardRef } from \"react\";\n\nexport type ContactActionProps = ButtonProps & {\n  accessibleText?: string;\n  tooltipProps?: TooltipProps;\n} & (\n    | {\n        label: string;\n        icon?: ComponentType<IconProps>;\n      }\n    | {\n        label?: string;\n        icon: ComponentType<IconProps>;\n      }\n  );\n\nexport const ContactAction = forwardRef<HTMLButtonElement, ContactActionProps>(\n  function ContactAction(props, ref) {\n    const { label, icon, accessibleText, tooltipProps, ...restProps } = props;\n\n    const Icon = icon;\n\n    return (\n      <Tooltip\n        placement=\"top\"\n        disabled={!accessibleText}\n        content={accessibleText}\n        {...tooltipProps}\n      >\n        <Button variant=\"secondary\" ref={ref} {...restProps}>\n          {label ? label : Icon ? <Icon /> : null}\n        </Button>\n      </Tooltip>\n    );\n  },\n);\n"],"names":["ContactAction"],"mappings":";;;;AAuBO,MAAM,aAAA,GAAgB,UAAA;AAAA,EAC3B,SAASA,cAAAA,CAAc,KAAA,EAAO,GAAA,EAAK;AACjC,IAAA,MAAM,EAAE,KAAA,EAAO,IAAA,EAAM,gBAAgB,YAAA,EAAc,GAAG,WAAU,GAAI,KAAA;AAEpE,IAAA,MAAM,IAAA,GAAO,IAAA;AAEb,IAAA,uBACE,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,KAAA;AAAA,QACV,UAAU,CAAC,cAAA;AAAA,QACX,OAAA,EAAS,cAAA;AAAA,QACR,GAAG,YAAA;AAAA,QAEJ,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAQ,WAAA,EAAY,GAAA,EAAW,GAAG,SAAA,EACvC,QAAA,EAAA,KAAA,GAAQ,KAAA,GAAQ,IAAA,mBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,IAAK,IAAA,EACrC;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;;;;"}

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

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { makePrefixer } from '@salt-ds/core';
+import { forwardRef } from 'react';
+import { useContactDetailsContext } from './internal/ContactDetailsContext.js';
+import './internal/FavoriteToggleWithTooltip.js';
+
+const withBaseName = makePrefixer("saltContactActions");
+const ContactActions = forwardRef(
+  (props, ref) => {
+    const { children, ...restProps } = props;
+    const { variant } = useContactDetailsContext();
+    if (variant === "mini") {
+      return null;
+    }
+    return /* @__PURE__ */ jsx("div", { ...restProps, ref, className: withBaseName(), children });
+  }
+);
+
+export { ContactActions };
+//# sourceMappingURL=ContactActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContactActions.js","sources":["../src/contact-details/ContactActions.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactActions\");\n\nexport interface ContactActionsProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const ContactActions = forwardRef<HTMLDivElement, ContactActionsProps>(\n  (props, ref) => {\n    const { children, ...restProps } = props;\n    const { variant } = useContactDetailsContext();\n    if (variant === \"mini\") {\n      return null;\n    }\n    return (\n      <div {...restProps} ref={ref} className={withBaseName()}>\n        {children}\n      </div>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;AAIA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA;AAI/C,MAAM,cAAA,GAAiB,UAAA;AAAA,EAC5B,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,QAAA,EAAU,GAAG,SAAA,EAAU,GAAI,KAAA;AACnC,IAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,wBAAA,EAAyB;AAC7C,IAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,MAAA,OAAO,IAAA;AAAA,IACT;AACA,IAAA,uBACE,GAAA,CAAC,SAAK,GAAG,SAAA,EAAW,KAAU,SAAA,EAAW,YAAA,IACtC,QAAA,EACH,CAAA;AAAA,EAEJ;AACF;;;;"}

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

@@ -0,0 +1,45 @@
+import { jsx } from 'react/jsx-runtime';
+import { makePrefixer, Avatar } from '@salt-ds/core';
+import { clsx } from 'clsx';
+import { forwardRef, useEffect } from 'react';
+import { useContactDetailsContext } from './internal/ContactDetailsContext.js';
+import './internal/FavoriteToggleWithTooltip.js';
+
+const withBaseName = makePrefixer("saltContactAvatar");
+const ContactAvatar = forwardRef(
+  (props, ref) => {
+    const { className, ...restProps } = props;
+    const context = useContactDetailsContext();
+    const { variant, primary, isStacked, setHasAvatar } = context;
+    useEffect(() => {
+      setHasAvatar(true);
+      return () => {
+        setHasAvatar(false);
+      };
+    }, [setHasAvatar]);
+    if (variant === "mini") {
+      return null;
+    }
+    const avatarSize = variant === "default" ? 3 : 2;
+    return /* @__PURE__ */ jsx(
+      Avatar,
+      {
+        ...restProps,
+        ref,
+        "aria-hidden": true,
+        className: clsx(
+          withBaseName(),
+          {
+            [withBaseName("stacked")]: isStacked
+          },
+          className
+        ),
+        size: avatarSize,
+        children: primary ? primary.split(" ").map((x) => x.charAt(0)).slice(0, 2) : null
+      }
+    );
+  }
+);
+
+export { ContactAvatar };
+//# sourceMappingURL=ContactAvatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContactAvatar.js","sources":["../src/contact-details/ContactAvatar.tsx"],"sourcesContent":["import { Avatar, type AvatarProps, makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, useEffect } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactAvatar\");\n\nexport type ContactAvatarProps = AvatarProps;\n\nexport const ContactAvatar = forwardRef<HTMLDivElement, ContactAvatarProps>(\n  (props, ref) => {\n    const { className, ...restProps } = props;\n    const context = useContactDetailsContext();\n    const { variant, primary, isStacked, setHasAvatar } = context;\n\n    useEffect(() => {\n      setHasAvatar(true);\n      return () => {\n        setHasAvatar(false);\n      };\n    }, [setHasAvatar]);\n\n    if (variant === \"mini\") {\n      return null;\n    }\n\n    const avatarSize = variant === \"default\" ? 3 : 2;\n    return (\n      <Avatar\n        {...restProps}\n        ref={ref}\n        aria-hidden={true}\n        className={clsx(\n          withBaseName(),\n          {\n            [withBaseName(\"stacked\")]: isStacked,\n          },\n          className,\n        )}\n        size={avatarSize}\n      >\n        {primary\n          ? primary\n              .split(\" \")\n              .map((x) => x.charAt(0))\n              .slice(0, 2)\n          : null}\n      </Avatar>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;AAKA,MAAM,YAAA,GAAe,aAAa,mBAAmB,CAAA;AAI9C,MAAM,aAAA,GAAgB,UAAA;AAAA,EAC3B,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,SAAA,EAAW,GAAG,SAAA,EAAU,GAAI,KAAA;AACpC,IAAA,MAAM,UAAU,wBAAA,EAAyB;AACzC,IAAA,MAAM,EAAE,OAAA,EAAS,OAAA,EAAS,SAAA,EAAW,cAAa,GAAI,OAAA;AAEtD,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,YAAA,CAAa,IAAI,CAAA;AACjB,MAAA,OAAO,MAAM;AACX,QAAA,YAAA,CAAa,KAAK,CAAA;AAAA,MACpB,CAAA;AAAA,IACF,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,IAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,MAAM,UAAA,GAAa,OAAA,KAAY,SAAA,GAAY,CAAA,GAAI,CAAA;AAC/C,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACE,GAAG,SAAA;AAAA,QACJ,GAAA;AAAA,QACA,aAAA,EAAa,IAAA;AAAA,QACb,SAAA,EAAW,IAAA;AAAA,UACT,YAAA,EAAa;AAAA,UACb;AAAA,YACE,CAAC,YAAA,CAAa,SAAS,CAAC,GAAG;AAAA,WAC7B;AAAA,UACA;AAAA,SACF;AAAA,QACA,IAAA,EAAM,UAAA;AAAA,QAEL,oBACG,OAAA,CACG,KAAA,CAAM,GAAG,CAAA,CACT,IAAI,CAAC,CAAA,KAAM,CAAA,CAAE,MAAA,CAAO,CAAC,CAAC,CAAA,CACtB,KAAA,CAAM,CAAA,EAAG,CAAC,CAAA,GACb;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;;;;"}

package/dist-es/contact-details/ContactDetails.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".salt-density-touch {\n  --contactDetails-default-primary-fontSize: 30px;\n  --contactDetails-default-secondary-fontSize: 16px;\n  --contactDetails-compact-primary-fontSize: 16px;\n  --contactDetails-compact-secondary-fontSize: 14px;\n  --contactDetails-icon-size: 18px;\n  --contactDetails-label-width: 80px;\n}\n\n.salt-density-low {\n  --contactDetails-compact-primary-fontSize: 14px;\n  --contactDetails-default-primary-fontSize: 24px;\n  --contactDetails-compact-secondary-fontSize: 14px;\n  --contactDetails-default-secondary-fontSize: 14px;\n  --contactDetails-label-width: 70px;\n  --contactDetails-icon-size: 16px;\n}\n\n.salt-density-medium {\n  --contactDetails-compact-primary-fontSize: 12px;\n  --contactDetails-default-primary-fontSize: 18px;\n  --contactDetails-compact-secondary-fontSize: 12px;\n  --contactDetails-default-secondary-fontSize: 12px;\n  --contactDetails-label-width: 60px;\n  --contactDetails-icon-size: 14px;\n}\n\n.salt-density-high {\n  --contactDetails-compact-primary-fontSize: 11px;\n  --contactDetails-default-primary-fontSize: 14px;\n  --contactDetails-compact-secondary-fontSize: 11px;\n  --contactDetails-default-secondary-fontSize: 11px;\n  --contactDetails-label-width: 60px;\n  --contactDetails-icon-size: 12px;\n}\n\n.saltContactDetails {\n  --contactDetails-color: var(--salt-content-primary-foreground);\n  --contactDetails-label-color: var(--salt-content-secondary-foreground);\n  --contactDetails-noAvatar-color: var(--salt-sentiment-accent-background);\n  --contactDetails-noAvatar-indicator-width: 4px;\n  --contactDetails-favoriteToggle-fill: var(--contactDetails-deselected-icon-color);\n  --contactDetails-favoriteToggle-marginRight: 0px;\n  --contactDetails-favoriteToggle-marginTop: 0px;\n  --contactDetails-mini-secondaryInfo-marginLeft: var(--salt-size-unit);\n  --contactDetails-mini-stacked-secondaryInfo-marginLeft: calc(var(--salt-size-unit) * 2);\n  --contactDetails-compact-tertiaryInfo-marginLeft: var(--salt-size-unit);\n\n  /* TODO: Check below tokens with design */\n  --contactDetails-separator-color: var(--salt-separable-secondary-borderColor);\n}\n\n.saltContactDetails {\n  display: grid;\n  padding: var(--salt-size-unit);\n}\n\n.saltContactDetails.saltContactDetails-noAvatar {\n  padding-left: 0;\n}\n\n.saltContactDetails.saltContactDetails-embedded {\n  padding: 0;\n}\n\n.saltContactDetails-default,\n.saltContactDetails-default-stacked {\n  --contactDetails-primary-fontSize: var(--contactDetails-default-primary-fontSize);\n  --contactDetails-secondary-fontSize: var(--contactDetails-default-secondary-fontSize);\n}\n\n.saltContactDetails-compact,\n.saltContactDetails-compact-stacked {\n  --contactDetails-primary-fontSize: var(--contactDetails-compact-primary-fontSize);\n  --contactDetails-secondary-fontSize: var(--contactDetails-compact-secondary-fontSize);\n}\n\n.saltContactDetails-mini,\n.saltContactDetails-mini-stacked {\n  --contactDetails-primary-fontSize: var(--contactDetails-compact-primary-fontSize);\n  --contactDetails-secondary-fontSize: var(--contactDetails-compact-secondary-fontSize);\n}\n\n.saltContactDetails-default {\n  color: var(--contactDetails-color);\n  grid-template-columns: auto auto 1fr auto;\n  grid-template-rows: auto auto auto auto auto;\n  grid-template-areas:\n    \"noAvatar avatar primary favorite\"\n    \"noAvatar avatar secondary secondary\"\n    \"noAvatar avatar tertiary tertiary\"\n    \". . actions metadataExpander\"\n    \". . metadata metadata\";\n}\n\n.saltContactDetails-default-stacked {\n  grid-template-columns: auto 1fr auto;\n  grid-template-rows: auto auto auto auto auto auto;\n  grid-template-areas:\n    \"noAvatar avatar avatar\"\n    \"noAvatar primary favorite\"\n    \"noAvatar secondary secondary\"\n    \"noAvatar tertiary tertiary\"\n    \". actions metadataExpander\"\n    \". metadata metadata\";\n}\n\n.saltContactDetails-compact {\n  grid-template-columns: auto auto auto 1fr auto;\n  grid-template-rows: auto auto auto;\n  grid-template-areas:\n    \"noAvatar avatar primary primary favorite\"\n    \"noAvatar avatar secondary tertiary tertiary\"\n    \". . actions actions actions\";\n}\n\n.saltContactDetails-compact-stacked {\n  grid-template-columns: auto auto 1fr auto;\n  grid-template-rows: auto auto auto auto;\n  grid-template-areas:\n    \"noAvatar avatar primary favorite\"\n    \"noAvatar avatar secondary favorite\"\n    \"noAvatar avatar tertiary tertiary\"\n    \". . actions actions\";\n}\n\n.saltContactDetails-mini,\n.saltContactDetails-mini-stacked {\n  grid-template-columns: auto minmax(60px, 1fr) auto;\n  grid-template-rows: auto;\n  grid-template-areas: \"primary secondary favorite\";\n}\n\n.saltContactDetails-noAvatar-indicator {\n  grid-area: noAvatar;\n  width: var(--contactDetails-noAvatar-indicator-width);\n  background: var(--contactDetails-noAvatar-color);\n  margin-right: var(--salt-size-unit);\n}\n\n.saltContactAvatar {\n  grid-area: avatar;\n  margin-right: var(--salt-size-unit);\n}\n\n.saltContactAvatar-stacked {\n  margin-bottom: var(--salt-size-unit);\n}\n\n.saltContactActions {\n  grid-area: actions;\n  display: flex;\n  margin-top: var(--salt-size-unit);\n  margin-left: calc(var(--salt-size-unit) * -1);\n}\n\n.saltContactPrimaryInfo {\n  grid-area: primary;\n}\n\n.saltContactDetails-default .saltContactPrimaryInfo {\n  margin-bottom: calc(var(--salt-size-unit) * 0.5);\n}\n\n.saltContactSecondaryInfo {\n  grid-area: secondary;\n}\n\n.saltContactDetails-mini .saltContactSecondaryInfo {\n  margin-left: var(--contactDetails-mini-secondaryInfo-marginLeft);\n}\n\n/* TODO Mini-stacked does not really look \"stacked\". Is it a bug? */\n.saltContactDetails-mini-stacked .saltContactSecondaryInfo {\n  margin-left: var(--contactDetails-mini-stacked-secondaryInfo-marginLeft);\n}\n\n.saltContactSecondaryInfo-icon {\n  margin-right: calc(var(--salt-size-unit) * 0.5);\n}\n\n.saltContactTertiaryInfo {\n  grid-area: tertiary;\n}\n\n.saltContactDetails-compact .saltContactTertiaryInfo {\n  margin-left: var(--contactDetails-compact-tertiaryInfo-marginLeft);\n}\n\n.saltContactTertiaryInfo-icon {\n  margin-right: calc(var(--salt-size-unit) * 0.5);\n}\n\n.saltContactMetadata {\n  grid-area: metadata;\n  display: flex;\n  flex-direction: column;\n  padding-top: var(--salt-size-unit);\n  padding-bottom: var(--salt-size-unit);\n}\n\n.saltContactMetadata-expander {\n  grid-area: metadataExpander;\n  margin-top: var(--salt-size-unit);\n}\n\n.saltContactMetadata-separator {\n  width: 100%;\n  height: 1px;\n  background: var(--contactDetails-separator-color);\n  margin-bottom: var(--salt-size-unit);\n}\n\n.saltContactMetadataItem {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: calc(var(--salt-size-unit) * 0.5);\n}\n\n.saltContactMetadataItem:last-child {\n  margin-bottom: unset;\n}\n\n.saltContactMetadata-stacked .saltContactMetadataItem {\n  flex-direction: column;\n  align-items: flex-start;\n}\n\n.saltContactMetadataItem-icon {\n  margin-right: calc(var(--salt-size-unit) * 2);\n  padding-left: 1px;\n}\n\n.saltContactMetadataItem-label {\n  flex-shrink: 0;\n  color: var(--contactDetails-label-color);\n  margin-right: calc(var(--salt-size-unit) * 2);\n  width: var(--contactDetails-label-width);\n}\n\n.saltContactFavoriteToggle {\n  align-self: start;\n  grid-area: favorite;\n  justify-self: center;\n  line-height: var(--contactDetails-primary-fontSize);\n  margin-right: var(--contactDetails-favoriteToggle-marginRight);\n  margin-top: var(--contactDetails-favoriteToggle-marginTop);\n}\n\n.saltContactFavoriteToggle-svg {\n  fill: var(--contactDetails-favoriteToggle-fill);\n}\n\n.saltContactFavoriteToggle-focusVisible {\n  outline: none;\n}\n\n.saltContactFavoriteToggle-focused {\n  outline: var(--salt-focused-outline);\n}\n\n.saltContactFavoriteToggle-deselected {\n  --contactDetails-favoriteToggle-fill: var(--salt-sentiment-accent-borderColor);\n}\n\n.saltContactFavoriteToggle-selecting {\n  --contactDetails-favoriteToggle-fill: var(--salt-selectable-foreground-hover);\n}\n\n.saltContactFavoriteToggle-selected {\n  --contactDetails-favoriteToggle-fill: var(--salt-selectable-foreground-selected);\n}\n\n.saltContactFavoriteToggle-deselecting {\n  --contactDetails-favoriteToggle-fill: var(--salt-selectable-foreground-hover);\n}\n\n.saltContactFavoriteToggle-svg {\n  height: var(--contactDetails-icon-size);\n  width: var(--contactDetails-icon-size);\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=ContactDetails.css.js.map

package/dist-es/contact-details/ContactDetails.css.js.map

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

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

@@ -0,0 +1,88 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { makePrefixer, useForkRef } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef, useState } from 'react';
+import css_248z from './ContactDetails.css.js';
+import { ContactDetailsContext } from './internal/ContactDetailsContext.js';
+import './internal/FavoriteToggleWithTooltip.js';
+import { useComponentSize } from './internal/useComponentSize.js';
+
+const withBaseName = makePrefixer("saltContactDetails");
+function getClassName(variant, isStacked) {
+  return withBaseName(`${variant}${isStacked ? "-stacked" : ""}`);
+}
+const ContactDetails = forwardRef(
+  function ContactDetails2(props, externalRef) {
+    const {
+      children,
+      variant = "default",
+      className,
+      stackAtBreakpoint = 300,
+      embedded,
+      ...restProps
+    } = props;
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "salt-contact-details",
+      css: css_248z,
+      window: targetWindow
+    });
+    const [hasAvatar, setHasAvatar] = useState(false);
+    const [primary, setPrimary] = useState();
+    const [primaryId, setPrimaryId] = useState();
+    const [secondary, setSecondary] = useState();
+    const [secondaryId, setSecondaryId] = useState();
+    const [tertiary, setTertiary] = useState();
+    const [tertiaryId, setTertiaryId] = useState();
+    const [containerRef, componentSize] = useComponentSize(stackAtBreakpoint);
+    const isStacked = componentSize && componentSize.width < stackAtBreakpoint;
+    variant === "compact" && isStacked && console.log("componentSize", componentSize.width, containerRef.current);
+    const ref = useForkRef(externalRef, containerRef);
+    const contextValue = {
+      variant,
+      hasAvatar,
+      setHasAvatar,
+      isStacked,
+      primary,
+      setPrimary,
+      primaryId,
+      setPrimaryId,
+      secondary,
+      setSecondary,
+      secondaryId,
+      setSecondaryId,
+      tertiary,
+      setTertiary,
+      tertiaryId,
+      setTertiaryId
+    };
+    const showNoAvatar = !hasAvatar && !embedded && variant !== "mini";
+    return /* @__PURE__ */ jsx(ContactDetailsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ...restProps,
+        ref,
+        className: clsx(
+          withBaseName(),
+          getClassName(variant, isStacked),
+          {
+            [withBaseName("embedded")]: embedded,
+            [withBaseName("noAvatar")]: showNoAvatar
+          },
+          className
+        ),
+        role: "article",
+        "aria-roledescription": "Contact Card",
+        children: [
+          children,
+          showNoAvatar ? /* @__PURE__ */ jsx("div", { className: withBaseName("noAvatar-indicator") }) : null
+        ]
+      }
+    ) });
+  }
+);
+
+export { ContactDetails };
+//# sourceMappingURL=ContactDetails.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContactDetails.js","sources":["../src/contact-details/ContactDetails.tsx"],"sourcesContent":["import { makePrefixer, useForkRef } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, type HTMLAttributes, useState } from \"react\";\nimport contactDetailsCss from \"./ContactDetails.css\";\nimport { ContactDetailsContext, useComponentSize } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactDetails\");\n\nexport type ContactDetailsVariant = \"default\" | \"compact\" | \"mini\";\n\nexport interface ContactDetailsProps extends HTMLAttributes<HTMLDivElement> {\n  variant?: ContactDetailsVariant;\n  stackAtBreakpoint?: number;\n  embedded?: boolean;\n}\n\nfunction getClassName(variant: ContactDetailsVariant, isStacked?: boolean) {\n  return withBaseName(`${variant}${isStacked ? \"-stacked\" : \"\"}`);\n}\n\nexport const ContactDetails = forwardRef<HTMLDivElement, ContactDetailsProps>(\n  function ContactDetails(props, externalRef) {\n    const {\n      children,\n      variant = \"default\",\n      className,\n      stackAtBreakpoint = 300,\n      embedded,\n      ...restProps\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-contact-details\",\n      css: contactDetailsCss,\n      window: targetWindow,\n    });\n\n    const [hasAvatar, setHasAvatar] = useState<boolean>(false);\n    const [primary, setPrimary] = useState<string>();\n    const [primaryId, setPrimaryId] = useState<string>();\n\n    const [secondary, setSecondary] = useState<string>();\n    const [secondaryId, setSecondaryId] = useState<string>();\n\n    const [tertiary, setTertiary] = useState<string>();\n    const [tertiaryId, setTertiaryId] = useState<string>();\n\n    const [containerRef, componentSize] =\n      useComponentSize<HTMLDivElement>(stackAtBreakpoint);\n\n    const isStacked = componentSize && componentSize.width < stackAtBreakpoint;\n\n    variant === \"compact\" &&\n      isStacked &&\n      console.log(\"componentSize\", componentSize.width, containerRef.current);\n\n    const ref = useForkRef(externalRef, containerRef);\n\n    const contextValue = {\n      variant,\n      hasAvatar,\n      setHasAvatar,\n      isStacked,\n      primary,\n      setPrimary,\n      primaryId,\n      setPrimaryId,\n      secondary,\n      setSecondary,\n      secondaryId,\n      setSecondaryId,\n      tertiary,\n      setTertiary,\n      tertiaryId,\n      setTertiaryId,\n    };\n\n    const showNoAvatar = !hasAvatar && !embedded && variant !== \"mini\";\n\n    return (\n      <ContactDetailsContext.Provider value={contextValue}>\n        <div\n          {...restProps}\n          ref={ref}\n          className={clsx(\n            withBaseName(),\n            getClassName(variant, isStacked),\n            {\n              [withBaseName(\"embedded\")]: embedded,\n              [withBaseName(\"noAvatar\")]: showNoAvatar,\n            },\n            className,\n          )}\n          role=\"article\"\n          aria-roledescription=\"Contact Card\"\n        >\n          {children}\n          {showNoAvatar ? (\n            <div className={withBaseName(\"noAvatar-indicator\")} />\n          ) : null}\n        </div>\n      </ContactDetailsContext.Provider>\n    );\n  },\n);\n"],"names":["ContactDetails","contactDetailsCss"],"mappings":"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"}

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

@@ -0,0 +1,46 @@
+import { jsx } from 'react/jsx-runtime';
+import { useId, useControlled } from '@salt-ds/core';
+import { forwardRef } from 'react';
+import './internal/ContactDetailsContext.js';
+import { FavoriteToggleWithTooltip } from './internal/FavoriteToggleWithTooltip.js';
+
+const ContactFavoriteToggle = forwardRef(function ContactFavoriteToggle2(props, ref) {
+  const {
+    id: idProp,
+    isFavorite: isFavoriteProp,
+    defaultIsFavorite = false,
+    onChange: onChangeProp,
+    tooltipProps,
+    ...restProps
+  } = props;
+  const id = useId(idProp);
+  const [isFavorite, setIsFavorite] = useControlled({
+    controlled: isFavoriteProp,
+    default: defaultIsFavorite,
+    name: "ContactDetails",
+    state: "isFavorite"
+  });
+  const onChange = (isSelected) => {
+    setIsFavorite(isSelected);
+    if (onChangeProp) {
+      onChangeProp(isSelected);
+    }
+  };
+  const tooltipTitle = `${isFavorite ? "Remove" : "Mark"} as favorite`;
+  return /* @__PURE__ */ jsx(
+    FavoriteToggleWithTooltip,
+    {
+      ...restProps,
+      id,
+      ref,
+      tooltipProps,
+      "aria-label": "Favorite",
+      isSelected: isFavorite,
+      onChange,
+      tooltipTitle
+    }
+  );
+});
+
+export { ContactFavoriteToggle };
+//# sourceMappingURL=ContactFavoriteToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContactFavoriteToggle.js","sources":["../src/contact-details/ContactFavoriteToggle.tsx"],"sourcesContent":["import { type TooltipProps, useControlled, useId } from \"@salt-ds/core\";\nimport { forwardRef } from \"react\";\nimport {\n  FavoriteToggleWithTooltip,\n  type FavoriteToggleWithTooltipProps,\n} from \"./internal\";\n\nexport interface ContactFavoriteToggleProps\n  extends FavoriteToggleWithTooltipProps {\n  isFavorite?: boolean;\n  defaultIsFavorite?: boolean;\n  onChange?: (isFavorite: boolean) => void;\n  tooltipProps?: TooltipProps;\n}\n\nexport const ContactFavoriteToggle = forwardRef<\n  HTMLSpanElement,\n  ContactFavoriteToggleProps\n>(function ContactFavoriteToggle(props, ref) {\n  const {\n    id: idProp,\n    isFavorite: isFavoriteProp,\n    defaultIsFavorite = false,\n    onChange: onChangeProp,\n    tooltipProps,\n    ...restProps\n  } = props;\n\n  const id = useId(idProp);\n\n  const [isFavorite, setIsFavorite] = useControlled({\n    controlled: isFavoriteProp,\n    default: defaultIsFavorite,\n    name: \"ContactDetails\",\n    state: \"isFavorite\",\n  });\n\n  const onChange = (isSelected: boolean) => {\n    setIsFavorite(isSelected);\n    if (onChangeProp) {\n      onChangeProp(isSelected);\n    }\n  };\n\n  const tooltipTitle = `${isFavorite ? \"Remove\" : \"Mark\"} as favorite`;\n\n  return (\n    <FavoriteToggleWithTooltip\n      {...restProps}\n      id={id}\n      ref={ref}\n      tooltipProps={tooltipProps}\n      aria-label=\"Favorite\"\n      isSelected={isFavorite}\n      onChange={onChange}\n      tooltipTitle={tooltipTitle}\n    />\n  );\n});\n"],"names":["ContactFavoriteToggle"],"mappings":";;;;;;AAeO,MAAM,qBAAA,GAAwB,UAAA,CAGnC,SAASA,sBAAAA,CAAsB,OAAO,GAAA,EAAK;AAC3C,EAAA,MAAM;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,UAAA,EAAY,cAAA;AAAA,IACZ,iBAAA,GAAoB,KAAA;AAAA,IACpB,QAAA,EAAU,YAAA;AAAA,IACV,YAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,EAAA,GAAK,MAAM,MAAM,CAAA;AAEvB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,aAAA,CAAc;AAAA,IAChD,UAAA,EAAY,cAAA;AAAA,IACZ,OAAA,EAAS,iBAAA;AAAA,IACT,IAAA,EAAM,gBAAA;AAAA,IACN,KAAA,EAAO;AAAA,GACR,CAAA;AAED,EAAA,MAAM,QAAA,GAAW,CAAC,UAAA,KAAwB;AACxC,IAAA,aAAA,CAAc,UAAU,CAAA;AACxB,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,YAAA,CAAa,UAAU,CAAA;AAAA,IACzB;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,YAAA,GAAe,CAAA,EAAG,UAAA,GAAa,QAAA,GAAW,MAAM,CAAA,YAAA,CAAA;AAEtD,EAAA,uBACE,GAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACE,GAAG,SAAA;AAAA,MACJ,EAAA;AAAA,MACA,GAAA;AAAA,MACA,YAAA;AAAA,MACA,YAAA,EAAW,UAAA;AAAA,MACX,UAAA,EAAY,UAAA;AAAA,MACZ,QAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ,CAAC;;;;"}

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

@@ -0,0 +1,54 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { makePrefixer, useIcon, useId, Button } from '@salt-ds/core';
+import { clsx } from 'clsx';
+import { forwardRef, useState } from 'react';
+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);
+    };
+    if (variant !== "default") {
+      return null;
+    }
+    const variantClassName = withBaseName(isStacked ? "stacked" : "default");
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      collapsible ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          "aria-expanded": showMetadata,
+          "aria-label": showMetadata ? "Collapse" : "Expand",
+          "aria-labelledby": `${id} ${primaryId}`,
+          id,
+          onClick: toggleShowMetadata,
+          variant: "secondary",
+          className: withBaseName("expander"),
+          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,
+            children
+          ]
+        }
+      ) : null
+    ] });
+  }
+);
+
+export { ContactMetadata };
+//# sourceMappingURL=ContactMetadata.js.map

package/dist-es/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 { 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

@@ -0,0 +1,17 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makePrefixer, Text } from '@salt-ds/core';
+import { forwardRef } from 'react';
+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"), variant: "secondary", children: label }) : null,
+    Icon ? /* @__PURE__ */ jsx(Icon, { className: withBaseName("icon") }) : null,
+    ValueComponent ? /* @__PURE__ */ jsx(ValueComponent, { value }) : /* @__PURE__ */ jsx(MailLinkComponent, { value })
+  ] });
+});
+
+export { ContactMetadataItem };
+//# sourceMappingURL=ContactMetadataItem.js.map

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

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