npm - @salt-ds/lab - Versions diffs - 1.0.0-alpha.10 → 1.0.0-alpha.101 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2035) hide show

package/dist-cjs/common-hooks/utils/collection-item-utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"collection-item-utils.js","sources":["../src/common-hooks/utils/collection-item-utils.ts"],"sourcesContent":["import { isValidElement, Children, ReactElement, ReactNode } from \"react\";\n\nimport {\n CollectionItem,\n CollectionOptions,\n SourceGroup,\n} from \"../collectionTypes\";\n// TODO how do we configure these\nimport { ListItemGroup } from \"../../list/ListItemGroup\";\nimport { ListItemHeader } from \"../../list/ListItemHeader\";\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 && Object.prototype.hasOwnProperty.call(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.prototype.hasOwnProperty.call(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 } else 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 } else {\n return 0;\n }\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 } else if (element.props.title) {\n return element.props.title;\n } else 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 } else {\n return !childIsGroup(child) && !childIsHeader(child);\n }\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 } else {\n return source.map(\n (item: { description?: string; expanded?: boolean }, index) =>\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 } else 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 } else {\n return PATH_SEPARATORS.has(targetPath.charAt(basePath.length));\n }\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 } else if (isDescendantOf(node.id, id) && node.childNodes) {\n childNodes = replaceCollectionItem<Item>(node.childNodes, id, props);\n return {\n ...node,\n childNodes,\n };\n } else {\n return node;\n }\n });\n\n return newNodes;\n}\n"],"names":["isValidElement","ListItemHeader","ListItemGroup","Children","defaultItemToString"],"mappings":"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"}
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":["isValidElement","ListItemHeader","ListItemGroup","Children","defaultItemToString"],"mappings":"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"}

package/dist-cjs/common-hooks/utils/filter-utils.js CHANGED Viewed

@@ -1,11 +1,8 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var escapeRegExp = require('../../utils/escapeRegExp.js');
 require('react');
 require('@salt-ds/core');
-require('../../utils/useFloatingUI.js');
 const leftTrim = (value) => value ? value.replace(/^\s+/g, "") : value;
 const getDefaultFilterRegex = (value) => new RegExp(`(${escapeRegExp.escapeRegExp(leftTrim(value))})`, "gi");

package/dist-cjs/common-hooks/utils/filter-utils.js.map CHANGED Viewed

	@@ -1 +1 @@
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":["escapeRegExp"],"mappings":"~~;;;;;;;;;~~AAMA,MAAM,QAAA,GAAW,CAAC,KAChB,KAAA,~~KAAA,~~GAAQ,MAAM,~~OAAQ~~,~~CAAA~~,OAAA,EAAS,EAAE,~~CAAI~~,~~GAAA~~,KAAA~~,CAAA~~;~~AAE1B~~,~~MAAA~~,qBAAA,GAAwC,CAAC,KAAA,KACpD,IAAI,MAAA,CAAO,~~CAAI~~,CAAA,~~EAAAA~~,yBAAA,CAAa,~~QAAS~~,~~CAAA~~,KAAK,CAAC,~~CAAA~~,CAAA,CAAA,CAAA,~~EAAM~~,IAAI~~,EAAA~~;~~AAE1C~~,~~MAAA~~,gBAAA,GACX,CAAC,~~UAAa~~,~~GAAA~~,EAAA,EAAI,iBAAiC,~~qBACnD~~,~~KAAA~~,CAAC,~~SAAY~~,~~GAAA~~,EAAA,KACX,~~OAAQ~~,~~CAAA~~,SAAA,CAAU,MAAM,~~CACxB~~,~~IAAA~~,OAAA,CAAQ,WAAW,MAAM,CAAA,IACzB,UAAU,~~KAAM~~,~~CAAA~~,cAAA,CAAe,UAAU,CAAC,~~CAAM~~,~~KAAA~~;;;;;"}
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":["escapeRegExp"],"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,EAAIA,yBAAA,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-cjs/common-hooks/utils/isSelected.js CHANGED Viewed

@@ -1,7 +1,5 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 function isSelected(selected, item) {
   const isSelected2 = Array.isArray(selected) ? selected.includes(item) : selected === item;
   return isSelected2;

package/dist-cjs/common-hooks/utils/isSelected.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"isSelected.js","sources":["../src/common-hooks/utils/isSelected.ts"],"sourcesContent":["import { 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":"~~;;;;AAEgB~~,~~SAAA~~,UAAA,CACd,UACA,~~IACS~~,~~EAAA~~;AACT,~~EAAMA~~,~~MAAAA~~,WAAAA,GAAa,MAAM,~~OAAQ~~,~~CAAA~~,QAAQ,IACrC,~~QAAS~~,~~CAAA~~,QAAA,CAAS,IAAI,CAAA,GACtB,~~QAAa~~,~~KAAA~~,IAAA~~,CAAA~~;AACjB,~~EAAOA~~,~~OAAAA~~,WAAAA~~,CAAAA~~;AACT;;;;"}
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-cjs/contact-details/ContactAction.js CHANGED Viewed

@@ -1,26 +1,23 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
-var React = require('react');
+var react = require('react');
-const ContactAction = React.forwardRef(
+const ContactAction = react.forwardRef(
   function ContactAction2(props, ref) {
     const { label, icon, accessibleText, tooltipProps, ...restProps } = props;
     const Icon = icon;
-    return /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, {
-      placement: "top",
-      disabled: !accessibleText,
-      content: accessibleText,
-      children: /* @__PURE__ */ jsxRuntime.jsx(core.Button, {
-        variant: "secondary",
-        ref,
-        ...restProps,
-        children: label ? label : /* @__PURE__ */ jsxRuntime.jsx(Icon, {})
-      })
-    });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      core.Tooltip,
+      {
+        placement: "top",
+        disabled: !accessibleText,
+        content: accessibleText,
+        ...tooltipProps,
+        children: /* @__PURE__ */ jsxRuntime.jsx(core.Button, { variant: "secondary", ref, ...restProps, children: label ? label : Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, {}) : null })
+      }
+    );
   }
 );

package/dist-cjs/contact-details/ContactAction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactAction.js","sources":["../src/contact-details/ContactAction.tsx"],"sourcesContent":["import { Button, ButtonProps, Tooltip, TooltipProps } from \"@salt-ds/core\";\nimport { IconProps } from \"@salt-ds/icons\";\nimport { 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 >\n <Button variant=\"secondary\" ref={ref} {...restProps}>\n {label ? label : <Icon />}\n </Button>\n </Tooltip>\n );\n }\n);\n"],"names":["forwardRef","ContactAction","jsx","Tooltip","Button"],"mappings":"~~;;;;;;;;AAkBO~~,MAAM,~~aAAgB~~,~~GAAAA~~,gBAAA;AAAA,EAC3B,SAASC,~~cAAc~~,~~CAAA~~,KAAA,EAAO,~~GAAK~~,~~EAAA~~;AACjC,IAAA,MAAM,EAAE,~~KAAO~~,~~EAAA~~,IAAA,EAAM,~~cAAgB~~,~~EAAA,~~YAAA,~~EAAA~~,~~GAAiB~~,~~WAAc~~,~~GAAA~~,KAAA~~,CAAA~~;AAEpE,IAAA,MAAM,~~IAAO~~,~~GAAA~~,IAAA~~,CAAA~~;AAEb,IAAA,~~uBACGC~~,cAAA,~~CAAAC~~,YAAA,~~EAAA~~;AAAA,~~MACC~~,~~SAAU~~,~~EAAA~~,KAAA;AAAA,~~MACV~~,UAAU,CAAC,cAAA;AAAA,~~MACX~~,~~OAAS~~,~~EAAA~~,cAAA;AAAA,~~MAET~~,~~QAAC~~,kBAAAD,cAAA,~~CAAAE~~,WAAA,EAAA~~;AAAA~~,~~QAAO~~,~~OAAQ~~,~~EAAA~~,WAAA~~;AAAA~~,~~QAAY~~,GAAA~~;AAAA~~,~~QAAW~~,GAAG,SAAA~~;AAAA~~,~~QACvC~~,QAAA,EAAA,KAAA,GAAQ,~~KAAQ~~,~~mBAAAF~~,cAAA,CAAC,~~IAAK~~,EAAA,~~EAAA~~,~~CAAA;AAAA~~,~~OACzB~~,~~CAAA~~;AAAA,KACF~~,CAAA,CAAA~~;AAAA,~~GAEJ~~;AACF;;;;"}
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":["forwardRef","ContactAction","jsx","Tooltip","Button"],"mappings":";;;;;;AAuBO,MAAM,aAAA,GAAgBA,gBAAA;AAAA,EAC3B,SAASC,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,uBACEC,cAAA;AAAA,MAACC,YAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,KAAA;AAAA,QACV,UAAU,CAAC,cAAA;AAAA,QACX,OAAA,EAAS,cAAA;AAAA,QACR,GAAG,YAAA;AAAA,QAEJ,QAAA,kBAAAD,cAAA,CAACE,WAAA,EAAA,EAAO,OAAA,EAAQ,WAAA,EAAY,GAAA,EAAW,GAAG,SAAA,EACvC,QAAA,EAAA,KAAA,GAAQ,KAAA,GAAQ,IAAA,mBAAOF,cAAA,CAAC,IAAA,EAAA,EAAK,IAAK,IAAA,EACrC;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;;;;"}

package/dist-cjs/contact-details/ContactActions.js CHANGED Viewed

@@ -1,27 +1,20 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var core = require('@salt-ds/core');
-require('./internal/FavoriteToggleWithTooltip.js');
+var react = require('react');
 var ContactDetailsContext = require('./internal/ContactDetailsContext.js');
+require('./internal/FavoriteToggleWithTooltip.js');
 const withBaseName = core.makePrefixer("saltContactActions");
-const ContactActions = React.forwardRef(
-  function(props, ref) {
+const ContactActions = react.forwardRef(
+  (props, ref) => {
     const { children, ...restProps } = props;
     const { variant } = ContactDetailsContext.useContactDetailsContext();
     if (variant === "mini") {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", {
-      ...restProps,
-      ref,
-      className: withBaseName(),
-      children
-    });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ...restProps, ref, className: withBaseName(), children });
   }
 );

package/dist-cjs/contact-details/ContactActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactActions.js","sources":["../src/contact-details/ContactActions.tsx"],"sourcesContent":["import { ~~forwardRef,~~ ~~HTMLAttributes~~ } from \"~~react~~\";\nimport { ~~makePrefixer~~ } from \"~~@salt-ds/core~~\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactActions\");\n\nexport interface ContactActionsProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const ContactActions = forwardRef<HTMLDivElement, ContactActionsProps>(\n ~~function~~ (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":["makePrefixer","forwardRef","useContactDetailsContext","jsx"],"mappings":"~~;;;;;;;;;;~~AAIA,MAAM,YAAA,GAAeA,kBAAa,oBAAoB,CAAA~~,CAAA~~;AAI/C,MAAM,~~cAAiB~~,~~GAAAC~~,gBAAA;AAAA,EAC5B,~~SAAU~~,OAAO,~~GAAK~~,~~EAAA~~;~~AACpB~~,~~IAAM~~,~~MAAA~~,EAAE,~~QAAa~~,~~EAAA~~,~~GAAA~~,SAAA,~~EAAc~~,~~GAAA~~,KAAA~~,CAAA~~;AACnC,~~IAAM~~,~~MAAA~~,EAAE,~~OAAQ~~,~~EAAA~~,GAAIC,~~8CAAyB~~,~~EAAA,CAAA~~;AAC7C,IAAA,IAAI,YAAY,~~MAAQ~~,~~EAAA~~;AACtB,~~MAAO~~,~~OAAA~~,IAAA~~,CAAA~~;AAAA,~~KACT~~;AACA,IAAA,~~uBACGC~~,cAAA,~~CAAA~~,~~KAAA~~,~~EAAA;AAAA,MAAK,~~GAAG,SAAA~~;AAAA~~,~~MAAW~~,~~GAAA;AAAA~~,~~MAAU~~,~~WAAW~~,~~YAAa~~,~~EAAA;AAAA~~,~~MACnD,~~QAAA~~;AAAA~~,~~KACH~~,CAAA~~,CAAA~~;AAAA,~~GAEJ~~;AACF;;;;"}
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":["makePrefixer","forwardRef","useContactDetailsContext","jsx"],"mappings":";;;;;;;;AAIA,MAAM,YAAA,GAAeA,kBAAa,oBAAoB,CAAA;AAI/C,MAAM,cAAA,GAAiBC,gBAAA;AAAA,EAC5B,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,QAAA,EAAU,GAAG,SAAA,EAAU,GAAI,KAAA;AACnC,IAAA,MAAM,EAAE,OAAA,EAAQ,GAAIC,8CAAA,EAAyB;AAC7C,IAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,MAAA,OAAO,IAAA;AAAA,IACT;AACA,IAAA,uBACEC,cAAA,CAAC,SAAK,GAAG,SAAA,EAAW,KAAU,SAAA,EAAW,YAAA,IACtC,QAAA,EACH,CAAA;AAAA,EAEJ;AACF;;;;"}

package/dist-cjs/contact-details/ContactAvatar.js CHANGED Viewed

@@ -1,21 +1,19 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var core = require('@salt-ds/core');
-require('./internal/FavoriteToggleWithTooltip.js');
-var ContactDetailsContext = require('./internal/ContactDetailsContext.js');
 var clsx = require('clsx');
+var react = require('react');
+var ContactDetailsContext = require('./internal/ContactDetailsContext.js');
+require('./internal/FavoriteToggleWithTooltip.js');
 const withBaseName = core.makePrefixer("saltContactAvatar");
-const ContactAvatar = React.forwardRef(
-  function(props, ref) {
+const ContactAvatar = react.forwardRef(
+  (props, ref) => {
     const { className, ...restProps } = props;
     const context = ContactDetailsContext.useContactDetailsContext();
     const { variant, primary, isStacked, setHasAvatar } = context;
-    React.useEffect(() => {
+    react.useEffect(() => {
       setHasAvatar(true);
       return () => {
         setHasAvatar(false);
@@ -25,20 +23,23 @@ const ContactAvatar = React.forwardRef(
       return null;
     }
     const avatarSize = variant === "default" ? 3 : 2;
-    return /* @__PURE__ */ jsxRuntime.jsx(core.Avatar, {
-      ...restProps,
-      ref,
-      "aria-hidden": true,
-      className: clsx.clsx(
-        withBaseName(),
-        {
-          [withBaseName("stacked")]: isStacked
-        },
-        className
-      ),
-      size: avatarSize,
-      children: primary ? primary.split(" ").map((x) => x.charAt(0)).slice(0, 2) : null
-    });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      core.Avatar,
+      {
+        ...restProps,
+        ref,
+        "aria-hidden": true,
+        className: clsx.clsx(
+          withBaseName(),
+          {
+            [withBaseName("stacked")]: isStacked
+          },
+          className
+        ),
+        size: avatarSize,
+        children: primary ? primary.split(" ").map((x) => x.charAt(0)).slice(0, 2) : null
+      }
+    );
   }
 );

package/dist-cjs/contact-details/ContactAvatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactAvatar.js","sources":["../src/contact-details/ContactAvatar.tsx"],"sourcesContent":["import { ~~forwardRef~~, ~~useEffect~~ } from \"~~react~~\";\nimport { ~~makePrefixer,~~ ~~Avatar, AvatarProps~~ } from \"~~@salt-ds/core~~\";\nimport { ~~useContactDetailsContext~~ } from \"~~./internal~~\";\nimport { ~~clsx~~ } from \"~~clsx~~\";\n\nconst withBaseName = makePrefixer(\"saltContactAvatar\");\n\nexport type ContactAvatarProps = AvatarProps;\n\nexport const ContactAvatar = forwardRef<HTMLDivElement, ContactAvatarProps>(\n ~~function~~ (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":["makePrefixer","forwardRef","useContactDetailsContext","useEffect","jsx","Avatar","clsx"],"mappings":"~~;;;;;;;;;;;~~AAKA,MAAM,YAAA,GAAeA,kBAAa,mBAAmB,CAAA~~,CAAA~~;AAI9C,MAAM,~~aAAgB~~,~~GAAAC~~,gBAAA;AAAA,EAC3B,~~SAAU~~,OAAO,~~GAAK~~,~~EAAA~~;~~AACpB~~,~~IAAM~~,~~MAAA~~,EAAE,~~SAAc~~,~~EAAA~~,~~GAAA~~,SAAA,~~EAAc~~,~~GAAA~~,KAAA~~,CAAA~~;AACpC,IAAA,MAAM,UAAUC,~~8CAAyB~~,~~EAAA,CAAA~~;AACzC,IAAA,MAAM,EAAE,OAAA,EAAS,~~OAAS~~,~~EAAA~~,SAAA,EAAW,~~cAAiB~~,~~GAAA~~,OAAA~~,CAAA~~;AAEtD,IAAAC,eAAA,CAAU,MAAM;AACd,MAAA,YAAA,CAAa,IAAI,CAAA~~,CAAA~~;AACjB,MAAA,OAAO,MAAM;AACX,QAAA,YAAA,CAAa,KAAK,CAAA~~,CAAA~~;AAAA,~~OACpB~~,CAAA;AAAA,~~KACF~~,EAAG,CAAC,YAAY,CAAC,CAAA~~,CAAA~~;AAEjB,IAAA,IAAI,YAAY,~~MAAQ~~,~~EAAA~~;AACtB,~~MAAO~~,~~OAAA~~,IAAA~~,CAAA~~;AAAA,~~KACT~~;AAEA,~~IAAM~~,~~MAAA~~,UAAA,GAAa,~~OAAY~~,~~KAAA~~,SAAA,GAAY,~~CAAI~~,~~GAAA~~,CAAA~~,CAAA~~;AAC/C,IAAA,~~uBACGC~~,cAAA,~~CAAAC~~,WAAA,~~EAAA~~;AAAA,~~MACE~~,GAAG,SAAA;AAAA,~~MACJ~~,GAAA;AAAA,~~MACA~~,~~aAAa~~,~~EAAA~~,IAAA;AAAA,~~MACb~~,~~SAAW~~,~~EAAAC~~,SAAA;AAAA,~~QACT~~,~~YAAa~~,~~EAAA~~;AAAA,~~QACb~~;AAAA,~~UACE~~,CAAC,~~YAAa~~,~~CAAA~~,SAAS,~~CAAI~~,~~GAAA,SAAA~~;AAAA,~~SAC7B~~;AAAA,~~QACA,SAAA~~;AAAA,~~OACF~~;AAAA,~~MACA~~,~~IAAM~~,~~EAAA~~,UAAA;AAAA,~~MAEL~~,oBACG,~~OACG~~,~~CAAA~~,KAAA,CAAM,GAAG,CAAA,CACT,IAAI,CAAC,CAAA,KAAM,CAAE,~~CAAA,~~MAAA,CAAO,CAAC,CAAC,CAAA,CACtB,~~KAAM~~,~~CAAA~~,CAAA,EAAG,CAAC,~~CACb~~,~~GAAA,IAAA~~;AAAA,KACN~~,CAAA,CAAA~~;AAAA,~~GAEJ~~;AACF;;;;"}
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":["makePrefixer","forwardRef","useContactDetailsContext","useEffect","jsx","Avatar","clsx"],"mappings":";;;;;;;;;AAKA,MAAM,YAAA,GAAeA,kBAAa,mBAAmB,CAAA;AAI9C,MAAM,aAAA,GAAgBC,gBAAA;AAAA,EAC3B,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,EAAE,SAAA,EAAW,GAAG,SAAA,EAAU,GAAI,KAAA;AACpC,IAAA,MAAM,UAAUC,8CAAA,EAAyB;AACzC,IAAA,MAAM,EAAE,OAAA,EAAS,OAAA,EAAS,SAAA,EAAW,cAAa,GAAI,OAAA;AAEtD,IAAAC,eAAA,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,uBACEC,cAAA;AAAA,MAACC,WAAA;AAAA,MAAA;AAAA,QACE,GAAG,SAAA;AAAA,QACJ,GAAA;AAAA,QACA,aAAA,EAAa,IAAA;AAAA,QACb,SAAA,EAAWC,SAAA;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-cjs/contact-details/ContactDetails.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-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-text-primary-foreground);\n  --contactDetails-label-color: var(--salt-text-secondary-foreground);\n  --contactDetails-noAvatar-color: var(--salt-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-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";
+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";
 module.exports = css_248z;
 //# sourceMappingURL=ContactDetails.css.js.map

package/dist-cjs/contact-details/ContactDetails.js CHANGED Viewed

@@ -1,23 +1,21 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
 var clsx = require('clsx');
-var React = require('react');
-require('./internal/FavoriteToggleWithTooltip.js');
+var react = require('react');
+var ContactDetails$1 = require('./ContactDetails.css.js');
 var ContactDetailsContext = require('./internal/ContactDetailsContext.js');
+require('./internal/FavoriteToggleWithTooltip.js');
 var useComponentSize = require('./internal/useComponentSize.js');
-var window = require('@salt-ds/window');
-var styles = require('@salt-ds/styles');
-var ContactDetails$1 = require('./ContactDetails.css.js');
 const withBaseName = core.makePrefixer("saltContactDetails");
 function getClassName(variant, isStacked) {
   return withBaseName(`${variant}${isStacked ? "-stacked" : ""}`);
 }
-const ContactDetails = React.forwardRef(
+const ContactDetails = react.forwardRef(
   function ContactDetails2(props, externalRef) {
     const {
       children,
@@ -33,13 +31,13 @@ const ContactDetails = React.forwardRef(
       css: ContactDetails$1,
       window: targetWindow
     });
-    const [hasAvatar, setHasAvatar] = React.useState(false);
-    const [primary, setPrimary] = React.useState();
-    const [primaryId, setPrimaryId] = React.useState();
-    const [secondary, setSecondary] = React.useState();
-    const [secondaryId, setSecondaryId] = React.useState();
-    const [tertiary, setTertiary] = React.useState();
-    const [tertiaryId, setTertiaryId] = React.useState();
+    const [hasAvatar, setHasAvatar] = react.useState(false);
+    const [primary, setPrimary] = react.useState();
+    const [primaryId, setPrimaryId] = react.useState();
+    const [secondary, setSecondary] = react.useState();
+    const [secondaryId, setSecondaryId] = react.useState();
+    const [tertiary, setTertiary] = react.useState();
+    const [tertiaryId, setTertiaryId] = react.useState();
     const [containerRef, componentSize] = useComponentSize.useComponentSize(stackAtBreakpoint);
     const isStacked = componentSize && componentSize.width < stackAtBreakpoint;
     variant === "compact" && isStacked && console.log("componentSize", componentSize.width, containerRef.current);
@@ -63,9 +61,9 @@ const ContactDetails = React.forwardRef(
       setTertiaryId
     };
     const showNoAvatar = !hasAvatar && !embedded && variant !== "mini";
-    return /* @__PURE__ */ jsxRuntime.jsx(ContactDetailsContext.ContactDetailsContext.Provider, {
-      value: contextValue,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    return /* @__PURE__ */ jsxRuntime.jsx(ContactDetailsContext.ContactDetailsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
         ...restProps,
         ref,
         className: clsx.clsx(
@@ -81,12 +79,10 @@ const ContactDetails = React.forwardRef(
         "aria-roledescription": "Contact Card",
         children: [
           children,
-          showNoAvatar ? /* @__PURE__ */ jsxRuntime.jsx("div", {
-            className: withBaseName("noAvatar-indicator")
-          }) : null
+          showNoAvatar ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: withBaseName("noAvatar-indicator") }) : null
         ]
-      })
-    });
+      }
+    ) });
   }
 );

package/dist-cjs/contact-details/ContactDetails.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactDetails.js","sources":["../src/contact-details/ContactDetails.tsx"],"sourcesContent":["import { makePrefixer, useForkRef } from \"@salt-ds/core\";\nimport { ~~clsx~~ } from \"~~clsx~~\";\nimport { ~~forwardRef,~~ ~~HTMLAttributes, useState~~ } from \"~~react~~\";\nimport { ~~ContactDetailsContext,~~ ~~useComponentSize~~ } from \"~~./internal~~\";\n\nimport { ~~useWindow~~ } from \"~~@salt-ds/window~~\";\nimport { ~~useComponentCssInjection }~~ from \"~~@salt-ds/styles~~\";\n\nimport ~~contactDetailsCss~~ from \"./~~ContactDetails.css~~\";\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":["makePrefixer","forwardRef","ContactDetails","useWindow","useComponentCssInjection","contactDetailsCss","useState","useComponentSize","useForkRef","jsx","ContactDetailsContext","jsxs","clsx"],"mappings":"~~;;;;;;;;;;;;;;;AAUA~~,MAAM,YAAA,GAAeA,kBAAa,oBAAoB,CAAA~~,CAAA~~;AAUtD,SAAS,YAAA,CAAa,SAAgC,~~SAAqB~~,~~EAAA~~;AACzE,EAAA,OAAO,~~YAAa~~,CAAA,~~CAAA,~~EAAG,~~OAAU~~,~~CAAA~~,~~EAAA,~~SAAA,GAAY,~~aAAa~~,~~EAAI~~,~~CAAA~~,CAAA,~~CAAA~~,CAAA;AAChE~~,CAAA~~;AAEO,MAAM,~~cAAiB~~,~~GAAAC~~,gBAAA;AAAA,EAC5B,SAASC,~~eAAe~~,~~CAAA~~,KAAA,EAAO,~~WAAa~~,~~EAAA~~;AAC1C,~~IAAM~~,~~MAAA~~;AAAA,MACJ,QAAA;AAAA,MACA,~~OAAU~~,~~GAAA~~,SAAA;AAAA,MACV,SAAA;AAAA,MACA,~~iBAAoB~~,~~GAAA~~,GAAA;AAAA,MACpB,QAAA;AAAA,~~MACG~~,~~GAAA,SAAA~~;AAAA,~~KACD~~,~~GAAA~~,KAAA~~,CAAA~~;AAEJ,IAAA,MAAM,eAAeC,~~gBAAU~~,~~EAAA,CAAA~~;AAC/B,~~IAAyBC~~,+BAAA,~~CAAA~~;AAAA,MACvB,~~MAAQ~~,~~EAAA~~,sBAAA;AAAA,MACR,~~GAAK~~,~~EAAAC~~,gBAAA;AAAA,MACL,~~MAAQ~~,~~EAAA,YAAA~~;AAAA,KACT,CAAA~~,CAAA~~;AAED,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIC,eAAkB,KAAK,CAAA~~,CAAA~~;AACzD,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,~~cAAiB~~,~~EAAA,CAAA~~;AAC/C,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,~~cAAiB~~,~~EAAA,CAAA~~;AAEnD,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,~~cAAiB~~,~~EAAA,CAAA~~;AACnD,IAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,~~cAAiB~~,~~EAAA,CAAA~~;AAEvD,IAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,~~cAAiB~~,~~EAAA,CAAA~~;AACjD,IAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,~~cAAiB~~,~~EAAA,CAAA~~;AAErD,IAAA,MAAM,CAAC,YAAA,EAAc,aAAa,CAAA,GAChCC,kCAAiC,iBAAiB,CAAA~~,CAAA~~;AAEpD,~~IAAM~~,~~MAAA~~,SAAA,GAAY,~~aAAiB~~,~~IAAA~~,aAAA,CAAc,~~KAAQ~~,~~GAAA~~,iBAAA~~,CAAA~~;AAEzD,~~IAAY~~,OAAA,~~KAAA~~,SAAA,IACV,aACA,~~OAAQ~~,~~CAAA~~,GAAA,CAAI,iBAAiB,~~aAAc~~,~~CAAA~~,KAAA,EAAO,aAAa,OAAO,CAAA~~,CAAA~~;AAExE,~~IAAM~~,~~MAAA~~,GAAA,GAAMC,~~eAAW~~,~~CAAA~~,WAAA,EAAa,YAAY,CAAA~~,CAAA~~;AAEhD,IAAA,MAAM,~~YAAe~~,~~GAAA~~;AAAA,MACnB,OAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA~~,aAAA~~;AAAA,KACF~~,CAAA~~;AAEA,IAAA,MAAM,~~YAAe~~,~~GAAA~~,CAAC,~~SAAa~~,~~IAAA~~,CAAC,YAAY,~~OAAY~~,~~KAAA~~,MAAA~~,CAAA~~;AAE5D,~~IACE~~,~~uBAAAC~~,cAAA,CAACC,~~4CAAsB~~,~~QAAtB~~,~~EAAA;AAAA~~,~~MAA~~+B,~~KAAO~~,~~EAAA,~~YAAA~~;AAAA~~,~~MACrC~~,~~QAAC~~,kBAAAC,eAAA,~~CAAA~~,KAAA,~~EAAA~~;AAAA,QACE,GAAG,SAAA;AAAA,QACJ,GAAA;AAAA,QACA,~~SAAW~~,~~EAAAC~~,SAAA;AAAA,UACT,~~YAAa~~,~~EAAA~~;AAAA,UACb,YAAA,CAAa,SAAS,SAAS,CAAA;AAAA,UAC/B;AAAA,YACE,CAAC,~~YAAa~~,~~CAAA~~,UAAU,~~CAAI~~,~~GAAA~~,QAAA;AAAA,YAC5B,CAAC,~~YAAa~~,~~CAAA~~,UAAU,~~CAAI~~,~~GAAA,YAAA~~;AAAA,WAC9B;AAAA,UACA~~,SAAA~~;AAAA,SACF;AAAA,QACA,~~IAAK~~,~~EAAA~~,SAAA;AAAA,QACL,~~sBAAqB~~,~~EAAA~~,cAAA;AAAA,QAEpB,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA,+~~BACEH~~,cAAA,~~CAAA~~,KAAA,EAAA~~;AAAA~~,~~YAAI~~,~~SAAA~~,~~EAAW~~,~~aAAa~~,oBAAoB,CAAA~~;AAAA~~,~~WAAG,CAClD,GAAA,IAAA~~;AAAA~~,SAAA~~;AAAA~~,OACN,CAAA~~;AAAA,~~KACF~~,~~CAAA~~,CAAA;AAAA,~~GAEJ~~;AACF;;;;"}
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":["makePrefixer","forwardRef","ContactDetails","useWindow","useComponentCssInjection","contactDetailsCss","useState","useComponentSize","useForkRef","jsx","ContactDetailsContext","jsxs","clsx"],"mappings":"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"}

package/dist-cjs/contact-details/ContactFavoriteToggle.js CHANGED Viewed

@@ -1,14 +1,12 @@
 'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
-var React = require('react');
-var FavoriteToggleWithTooltip = require('./internal/FavoriteToggleWithTooltip.js');
+var react = require('react');
 require('./internal/ContactDetailsContext.js');
+var FavoriteToggleWithTooltip = require('./internal/FavoriteToggleWithTooltip.js');
-const ContactFavoriteToggle = React.forwardRef(function ContactFavoriteToggle2(props, ref) {
+const ContactFavoriteToggle = react.forwardRef(function ContactFavoriteToggle2(props, ref) {
   const {
     id: idProp,
     isFavorite: isFavoriteProp,
@@ -31,16 +29,19 @@ const ContactFavoriteToggle = React.forwardRef(function ContactFavoriteToggle2(p
     }
   };
   const tooltipTitle = `${isFavorite ? "Remove" : "Mark"} as favorite`;
-  return /* @__PURE__ */ jsxRuntime.jsx(FavoriteToggleWithTooltip.FavoriteToggleWithTooltip, {
-    ...restProps,
-    id,
-    ref,
-    tooltipProps,
-    "aria-label": "Favorite",
-    isSelected: isFavorite,
-    onChange,
-    tooltipTitle
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    FavoriteToggleWithTooltip.FavoriteToggleWithTooltip,
+    {
+      ...restProps,
+      id,
+      ref,
+      tooltipProps,
+      "aria-label": "Favorite",
+      isSelected: isFavorite,
+      onChange,
+      tooltipTitle
+    }
+  );
 });
 exports.ContactFavoriteToggle = ContactFavoriteToggle;

package/dist-cjs/contact-details/ContactFavoriteToggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactFavoriteToggle.js","sources":["../src/contact-details/ContactFavoriteToggle.tsx"],"sourcesContent":["import { TooltipProps, useControlled, useId } from \"@salt-ds/core\";\nimport { forwardRef } from \"react\";\nimport {\n FavoriteToggleWithTooltip,\n 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":["forwardRef","ContactFavoriteToggle","useId","useControlled","jsx","FavoriteToggleWithTooltip"],"mappings":"~~;;;;;;;;;;~~AAeO,MAAM,~~qBAAwB~~,~~GAAAA~~,gBAAA,CAGnC,SAASC,sBAAAA,CAAsB,OAAO,~~GAAK~~,~~EAAA~~;AAC3C,~~EAAM~~,~~MAAA~~;AAAA,IACJ,EAAI,~~EAAA,~~MAAA;AAAA,IACJ,~~UAAY~~,~~EAAA~~,cAAA;AAAA,IACZ,~~iBAAoB~~,~~GAAA~~,KAAA;AAAA,IACpB,~~QAAU~~,~~EAAA~~,YAAA;AAAA,IACV,YAAA;AAAA,~~IACG~~,~~GAAA,SAAA~~;AAAA,~~GACD~~,~~GAAA~~,KAAA~~,CAAA~~;AAEJ,~~EAAM~~,~~MAAA~~,EAAA,GAAKC,WAAM,MAAM,CAAA~~,CAAA~~;AAEvB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIC,~~kBAAc~~,~~CAAA~~;AAAA,IAChD,~~UAAY~~,~~EAAA~~,cAAA;AAAA,IACZ,~~OAAS~~,~~EAAA~~,iBAAA;AAAA,IACT,~~IAAM~~,~~EAAA~~,gBAAA;AAAA,IACN,~~KAAO~~,~~EAAA,YAAA~~;AAAA,GACR,CAAA~~,CAAA~~;AAED,~~EAAM~~,~~MAAA~~,QAAA,GAAW,CAAC,~~UAAwB~~,~~KAAA~~;AACxC,IAAA,aAAA,CAAc,UAAU,CAAA~~,CAAA~~;AACxB,IAAA,IAAI,~~YAAc~~,~~EAAA~~;AAChB,MAAA,YAAA,CAAa,UAAU,CAAA~~,CAAA~~;AAAA,~~KACzB~~;AAAA,~~GACF~~,CAAA;AAEA,~~EAAM~~,~~MAAA~~,YAAA,GAAe,~~CAAG~~,~~EAAA~~,UAAA,GAAa,~~QAAW~~,~~GAAA~~,~~MAAA~~,CAAA,YAAA,CAAA~~,CAAA~~;~~AAEhD~~,EAAA,~~uBACGC~~,cAAA,~~CAAAC~~,mDAAA,~~EAAA~~;AAAA,~~IACE~~,GAAG,SAAA;AAAA,~~IACJ~~,EAAA;AAAA,~~IACA~~,GAAA;AAAA,~~IACA~~,YAAA;AAAA,~~IACA~~,~~YAAW~~,~~EAAA~~,UAAA;AAAA,~~IACX~~,~~UAAY~~,~~EAAA~~,UAAA;AAAA,~~IACZ~~,QAAA;AAAA,~~IACA,YAAA~~;AAAA,GACF~~,CAAA,CAAA~~;AAEJ,CAAC;;;;"}
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":["forwardRef","ContactFavoriteToggle","useId","useControlled","jsx","FavoriteToggleWithTooltip"],"mappings":";;;;;;;;AAeO,MAAM,qBAAA,GAAwBA,gBAAA,CAGnC,SAASC,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,GAAKC,WAAM,MAAM,CAAA;AAEvB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIC,kBAAA,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,uBACEC,cAAA;AAAA,IAACC,mDAAA;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-cjs/contact-details/ContactMetadata.js CHANGED Viewed

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