npm - @salt-ds/lab - Versions diffs - 1.0.0-alpha.47 → 1.0.0-alpha.49 - Mend

@salt-ds/lab 1.0.0-alpha.47 → 1.0.0-alpha.49

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 (1236) hide show

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,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;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactMetadata.js","sources":["../src/contact-details/ContactMetadata.tsx"],"sourcesContent":["import { Button, makePrefixer, useId } from \"@salt-ds/core\";\nimport { ChevronDownIcon, ChevronUpIcon } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { ~~forwardRef,~~ HTMLAttributes, useState } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactMetadata\");\n\nexport interface ContactMetadataProps extends HTMLAttributes<HTMLDivElement> {\n collapsible?: boolean;\n collapseButtonId?: string;\n}\n\nexport const ContactMetadata = forwardRef<HTMLDivElement, ContactMetadataProps>(\n function ContactMetadata(props, ref) {\n const { collapsible, children, collapseButtonId, className, ...restProps } =\n props;\n const { primaryId, variant, isStacked } = useContactDetailsContext();\n\n const [showMetadata, setShowMetadata] = useState<boolean>(!collapsible);\n\n const toggleShowMetadata = () => {\n setShowMetadata(!showMetadata);\n };\n\n if (variant !== \"default\") {\n return null;\n }\n\n const variantClassName = withBaseName(isStacked ? \"stacked\" : \"default\");\n\n const id = useId(collapseButtonId);\n\n return (\n <>\n {collapsible ? (\n <Button\n aria-expanded={showMetadata}\n aria-label={showMetadata ? \"Collapse\" : \"Expand\"}\n aria-labelledby={`${id} ${primaryId}`}\n id={id}\n onClick={toggleShowMetadata}\n variant=\"secondary\"\n className={withBaseName(\"expander\")}\n >\n {showMetadata ? <ChevronUpIcon /> : <ChevronDownIcon />}\n </Button>\n ) : null}\n {!collapsible \|\| showMetadata ? (\n <div\n {...restProps}\n ref={ref}\n className={clsx(withBaseName(), variantClassName, className)}\n >\n {collapsible ? <div className={withBaseName(\"separator\")} /> : null}\n {children}\n </div>\n ) : null}\n </>\n );\n }\n);\n"],"names":["makePrefixer","forwardRef","ContactMetadata","useContactDetailsContext","useState","useId","jsxs","Fragment","jsx","Button","ChevronUpIcon","ChevronDownIcon","clsx"],"mappings":";;;;;;;;;;;;AAMA,MAAM,YAAA,GAAeA,kBAAa,qBAAqB,CAAA,CAAA;AAOhD,MAAM,eAAkB,GAAAC,gBAAA;AAAA,EAC7B,SAASC,gBAAgB,CAAA,KAAA,EAAO,GAAK,EAAA;AACnC,IAAA,MAAM,EAAE,WAAa,EAAA,QAAA,EAAU,gBAAkB,EAAA,SAAA,EAAA,GAAc,WAC7D,GAAA,KAAA,CAAA;AACF,IAAA,MAAM,EAAE,SAAA,EAAW,OAAS,EAAA,SAAA,KAAcC,8CAAyB,EAAA,CAAA;AAEnE,IAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAAC,cAAA,CAAkB,CAAC,WAAW,CAAA,CAAA;AAEtE,IAAA,MAAM,qBAAqB,MAAM;AAC/B,MAAA,eAAA,CAAgB,CAAC,YAAY,CAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAA,IAAI,YAAY,SAAW,EAAA;AACzB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAEA,IAAA,MAAM,gBAAmB,GAAA,YAAA,CAAa,SAAY,GAAA,SAAA,GAAY,SAAS,CAAA,CAAA;AAEvE,IAAM,MAAA,EAAA,GAAKC,WAAM,gBAAgB,CAAA,CAAA;AAEjC,IACE,uBAAAC,eAAA,CAAAC,mBAAA,EAAA;AAAA,MACG,QAAA,EAAA;AAAA,QAAA,WAAA,mBACEC,cAAA,CAAAC,WAAA,EAAA;AAAA,UACC,eAAe,EAAA,YAAA;AAAA,UACf,YAAA,EAAY,eAAe,UAAa,GAAA,QAAA;AAAA,UACxC,iBAAA,EAAiB,GAAG,EAAM,CAAA,CAAA,EAAA,SAAA,CAAA,CAAA;AAAA,UAC1B,EAAA;AAAA,UACA,OAAS,EAAA,kBAAA;AAAA,UACT,OAAQ,EAAA,WAAA;AAAA,UACR,SAAA,EAAW,aAAa,UAAU,CAAA;AAAA,UAEjC,QAAe,EAAA,YAAA,mBAAAD,cAAA,CAACE,mBAAc,EAAA,EAAA,CAAA,kCAAMC,qBAAgB,EAAA,EAAA,CAAA;AAAA,SACvD,CACE,GAAA,IAAA;AAAA,QACH,CAAC,WAAe,IAAA,YAAA,mBACdL,eAAA,CAAA,KAAA,EAAA;AAAA,UACE,GAAG,SAAA;AAAA,UACJ,GAAA;AAAA,UACA,SAAW,EAAAM,SAAA,CAAK,YAAa,EAAA,EAAG,kBAAkB,SAAS,CAAA;AAAA,UAE1D,QAAA,EAAA;AAAA,YAAA,WAAA,mBAAeJ,cAAA,CAAA,KAAA,EAAA;AAAA,cAAI,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,aAAG,CAAK,GAAA,IAAA;AAAA,YAC9D,QAAA;AAAA,WAAA;AAAA,SACH,CACE,GAAA,IAAA;AAAA,OAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
1	+ {"version":3,"file":"ContactMetadata.js","sources":["../src/contact-details/ContactMetadata.tsx"],"sourcesContent":["import { Button, makePrefixer, useId } from \"@salt-ds/core\";\nimport { ChevronDownIcon, ChevronUpIcon } from \"@salt-ds/icons\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, forwardRef, useState } from \"react\";\nimport { useContactDetailsContext } from \"./internal\";\n\nconst withBaseName = makePrefixer(\"saltContactMetadata\");\n\nexport interface ContactMetadataProps extends HTMLAttributes<HTMLDivElement> {\n collapsible?: boolean;\n collapseButtonId?: string;\n}\n\nexport const ContactMetadata = forwardRef<HTMLDivElement, ContactMetadataProps>(\n function ContactMetadata(props, ref) {\n const { collapsible, children, collapseButtonId, className, ...restProps } =\n props;\n const { primaryId, variant, isStacked } = useContactDetailsContext();\n\n const [showMetadata, setShowMetadata] = useState<boolean>(!collapsible);\n\n const toggleShowMetadata = () => {\n setShowMetadata(!showMetadata);\n };\n\n if (variant !== \"default\") {\n return null;\n }\n\n const variantClassName = withBaseName(isStacked ? \"stacked\" : \"default\");\n\n const id = useId(collapseButtonId);\n\n return (\n <>\n {collapsible ? (\n <Button\n aria-expanded={showMetadata}\n aria-label={showMetadata ? \"Collapse\" : \"Expand\"}\n aria-labelledby={`${id} ${primaryId}`}\n id={id}\n onClick={toggleShowMetadata}\n variant=\"secondary\"\n className={withBaseName(\"expander\")}\n >\n {showMetadata ? <ChevronUpIcon /> : <ChevronDownIcon />}\n </Button>\n ) : null}\n {!collapsible \|\| showMetadata ? (\n <div\n {...restProps}\n ref={ref}\n className={clsx(withBaseName(), variantClassName, className)}\n >\n {collapsible ? <div className={withBaseName(\"separator\")} /> : null}\n {children}\n </div>\n ) : null}\n </>\n );\n },\n);\n"],"names":["makePrefixer","forwardRef","ContactMetadata","useContactDetailsContext","useState","useId","jsxs","Fragment","jsx","Button","ChevronUpIcon","ChevronDownIcon","clsx"],"mappings":";;;;;;;;;;;;AAMA,MAAM,YAAA,GAAeA,kBAAa,qBAAqB,CAAA,CAAA;AAOhD,MAAM,eAAkB,GAAAC,gBAAA;AAAA,EAC7B,SAASC,gBAAgB,CAAA,KAAA,EAAO,GAAK,EAAA;AACnC,IAAA,MAAM,EAAE,WAAa,EAAA,QAAA,EAAU,gBAAkB,EAAA,SAAA,EAAA,GAAc,WAC7D,GAAA,KAAA,CAAA;AACF,IAAA,MAAM,EAAE,SAAA,EAAW,OAAS,EAAA,SAAA,KAAcC,8CAAyB,EAAA,CAAA;AAEnE,IAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAAC,cAAA,CAAkB,CAAC,WAAW,CAAA,CAAA;AAEtE,IAAA,MAAM,qBAAqB,MAAM;AAC/B,MAAA,eAAA,CAAgB,CAAC,YAAY,CAAA,CAAA;AAAA,KAC/B,CAAA;AAEA,IAAA,IAAI,YAAY,SAAW,EAAA;AACzB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAEA,IAAA,MAAM,gBAAmB,GAAA,YAAA,CAAa,SAAY,GAAA,SAAA,GAAY,SAAS,CAAA,CAAA;AAEvE,IAAM,MAAA,EAAA,GAAKC,WAAM,gBAAgB,CAAA,CAAA;AAEjC,IACE,uBAAAC,eAAA,CAAAC,mBAAA,EAAA;AAAA,MACG,QAAA,EAAA;AAAA,QAAA,WAAA,mBACEC,cAAA,CAAAC,WAAA,EAAA;AAAA,UACC,eAAe,EAAA,YAAA;AAAA,UACf,YAAA,EAAY,eAAe,UAAa,GAAA,QAAA;AAAA,UACxC,iBAAA,EAAiB,GAAG,EAAM,CAAA,CAAA,EAAA,SAAA,CAAA,CAAA;AAAA,UAC1B,EAAA;AAAA,UACA,OAAS,EAAA,kBAAA;AAAA,UACT,OAAQ,EAAA,WAAA;AAAA,UACR,SAAA,EAAW,aAAa,UAAU,CAAA;AAAA,UAEjC,QAAe,EAAA,YAAA,mBAAAD,cAAA,CAACE,mBAAc,EAAA,EAAA,CAAA,kCAAMC,qBAAgB,EAAA,EAAA,CAAA;AAAA,SACvD,CACE,GAAA,IAAA;AAAA,QACH,CAAC,WAAe,IAAA,YAAA,mBACdL,eAAA,CAAA,KAAA,EAAA;AAAA,UACE,GAAG,SAAA;AAAA,UACJ,GAAA;AAAA,UACA,SAAW,EAAAM,SAAA,CAAK,YAAa,EAAA,EAAG,kBAAkB,SAAS,CAAA;AAAA,UAE1D,QAAA,EAAA;AAAA,YAAA,WAAA,mBAAeJ,cAAA,CAAA,KAAA,EAAA;AAAA,cAAI,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,aAAG,CAAK,GAAA,IAAA;AAAA,YAC9D,QAAA;AAAA,WAAA;AAAA,SACH,CACE,GAAA,IAAA;AAAA,OAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactMetadataItem.js","sources":["../src/contact-details/ContactMetadataItem.tsx"],"sourcesContent":["import { ~~makePrefixer~~, ~~Text~~ } from \"@salt-ds/core\";\nimport { IconProps } from \"@salt-ds/icons\";\nimport { ComponentType, ~~forwardRef,~~ HTMLAttributes } from \"react\";\nimport { MailLinkComponent } from \"./MailLinkComponent\";\nimport { ValueComponentProps } from \"./types\";\n\nconst withBaseName = makePrefixer(\"saltContactMetadataItem\");\n\nexport interface ContactMetadataItemProps\n extends HTMLAttributes<HTMLDivElement> {\n label?: string;\n value: string;\n icon?: ComponentType<IconProps>;\n ValueComponent?: ComponentType<ValueComponentProps>;\n}\n\nexport const ContactMetadataItem = forwardRef<\n HTMLDivElement,\n ContactMetadataItemProps\n>(function ContactMetadataItem(props, ref) {\n const { label, value, icon: Icon, ValueComponent, ...restProps } = props;\n return (\n <div {...restProps} ref={ref} className={withBaseName()}>\n {!Icon ? (\n <Text maxRows={1} className={withBaseName(\"label\")} variant=\"secondary\">\n {label}\n </Text>\n ) : null}\n {Icon ? <Icon className={withBaseName(\"icon\")} /> : null}\n\n {ValueComponent ? (\n <ValueComponent value={value} />\n ) : (\n <MailLinkComponent value={value} />\n )}\n </div>\n );\n});\n"],"names":["makePrefixer","forwardRef","ContactMetadataItem","jsxs","jsx","Text","MailLinkComponent"],"mappings":";;;;;;;;;AAMA,MAAM,YAAA,GAAeA,kBAAa,yBAAyB,CAAA,CAAA;AAUpD,MAAM,mBAAsB,GAAAC,gBAAA,CAGjC,SAASC,oBAAAA,CAAoB,OAAO,GAAK,EAAA;AACzC,EAAA,MAAM,EAAE,KAAO,EAAA,KAAA,EAAO,MAAM,IAAM,EAAA,cAAA,EAAA,GAAmB,WAAc,GAAA,KAAA,CAAA;AACnE,EAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,IAAK,GAAG,SAAA;AAAA,IAAW,GAAA;AAAA,IAAU,WAAW,YAAa,EAAA;AAAA,IACnD,QAAA,EAAA;AAAA,MAAA,CAAC,uBACCC,cAAA,CAAAC,SAAA,EAAA;AAAA,QAAK,OAAS,EAAA,CAAA;AAAA,QAAG,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,QAAG,OAAQ,EAAA,WAAA;AAAA,QACzD,QAAA,EAAA,KAAA;AAAA,OACH,CACE,GAAA,IAAA;AAAA,MACH,uBAAQD,cAAA,CAAA,IAAA,EAAA;AAAA,QAAK,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAK,GAAA,IAAA;AAAA,MAEnD,iCACEA,cAAA,CAAA,cAAA,EAAA;AAAA,QAAe,KAAA;AAAA,OAAc,oBAE7BA,cAAA,CAAAE,mCAAA,EAAA;AAAA,QAAkB,KAAA;AAAA,OAAc,CAAA;AAAA,KAAA;AAAA,GAErC,CAAA,CAAA;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"ContactMetadataItem.js","sources":["../src/contact-details/ContactMetadataItem.tsx"],"sourcesContent":["import { Text, makePrefixer } from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { type ComponentType, type HTMLAttributes, forwardRef } from \"react\";\nimport { MailLinkComponent } from \"./MailLinkComponent\";\nimport type { ValueComponentProps } from \"./types\";\n\nconst withBaseName = makePrefixer(\"saltContactMetadataItem\");\n\nexport interface ContactMetadataItemProps\n extends HTMLAttributes<HTMLDivElement> {\n label?: string;\n value: string;\n icon?: ComponentType<IconProps>;\n ValueComponent?: ComponentType<ValueComponentProps>;\n}\n\nexport const ContactMetadataItem = forwardRef<\n HTMLDivElement,\n ContactMetadataItemProps\n>(function ContactMetadataItem(props, ref) {\n const { label, value, icon: Icon, ValueComponent, ...restProps } = props;\n return (\n <div {...restProps} ref={ref} className={withBaseName()}>\n {!Icon ? (\n <Text maxRows={1} className={withBaseName(\"label\")} variant=\"secondary\">\n {label}\n </Text>\n ) : null}\n {Icon ? <Icon className={withBaseName(\"icon\")} /> : null}\n\n {ValueComponent ? (\n <ValueComponent value={value} />\n ) : (\n <MailLinkComponent value={value} />\n )}\n </div>\n );\n});\n"],"names":["makePrefixer","forwardRef","ContactMetadataItem","jsxs","jsx","Text","MailLinkComponent"],"mappings":";;;;;;;;;AAMA,MAAM,YAAA,GAAeA,kBAAa,yBAAyB,CAAA,CAAA;AAUpD,MAAM,mBAAsB,GAAAC,gBAAA,CAGjC,SAASC,oBAAAA,CAAoB,OAAO,GAAK,EAAA;AACzC,EAAA,MAAM,EAAE,KAAO,EAAA,KAAA,EAAO,MAAM,IAAM,EAAA,cAAA,EAAA,GAAmB,WAAc,GAAA,KAAA,CAAA;AACnE,EAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,IAAK,GAAG,SAAA;AAAA,IAAW,GAAA;AAAA,IAAU,WAAW,YAAa,EAAA;AAAA,IACnD,QAAA,EAAA;AAAA,MAAA,CAAC,uBACCC,cAAA,CAAAC,SAAA,EAAA;AAAA,QAAK,OAAS,EAAA,CAAA;AAAA,QAAG,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,QAAG,OAAQ,EAAA,WAAA;AAAA,QACzD,QAAA,EAAA,KAAA;AAAA,OACH,CACE,GAAA,IAAA;AAAA,MACH,uBAAQD,cAAA,CAAA,IAAA,EAAA;AAAA,QAAK,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,OAAG,CAAK,GAAA,IAAA;AAAA,MAEnD,iCACEA,cAAA,CAAA,cAAA,EAAA;AAAA,QAAe,KAAA;AAAA,OAAc,oBAE7BA,cAAA,CAAAE,mCAAA,EAAA;AAAA,QAAkB,KAAA;AAAA,OAAc,CAAA;AAAA,KAAA;AAAA,GAErC,CAAA,CAAA;AAEJ,CAAC;;;;"}

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MailLinkComponent.js","sources":["../src/contact-details/MailLinkComponent.tsx"],"sourcesContent":["import { Link, Text } from \"@salt-ds/core\";\n\nimport { isEmail } from \"../utils\";\nimport { ValueComponentProps } from \"./types\";\n\nexport const MailLinkComponent = (props: ValueComponentProps) => {\n const { value, ...restProps } = props;\n\n return isEmail(value) ? (\n <Link href={`mailto:${value}`} tabIndex={0} maxRows={1} {...restProps}>\n {value}\n </Link>\n ) : (\n <Text maxRows={1}>{value}</Text>\n );\n};\n"],"names":["isEmail","jsx","Link","Text"],"mappings":";;;;;;;;;AAKa,MAAA,iBAAA,GAAoB,CAAC,KAA+B,KAAA;AAC/D,EAAM,MAAA,EAAE,KAAU,EAAA,GAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAEhC,EAAO,OAAAA,eAAA,CAAQ,KAAK,CAAA,mBACjBC,cAAA,CAAAC,SAAA,EAAA;AAAA,IAAK,MAAM,CAAU,OAAA,EAAA,KAAA,CAAA,CAAA;AAAA,IAAS,QAAU,EAAA,CAAA;AAAA,IAAG,OAAS,EAAA,CAAA;AAAA,IAAI,GAAG,SAAA;AAAA,IACzD,QAAA,EAAA,KAAA;AAAA,GACH,oBAECD,cAAA,CAAAE,SAAA,EAAA;AAAA,IAAK,OAAS,EAAA,CAAA;AAAA,IAAI,QAAA,EAAA,KAAA;AAAA,GAAM,CAAA,CAAA;AAE7B;;;;"}
1	+ {"version":3,"file":"MailLinkComponent.js","sources":["../src/contact-details/MailLinkComponent.tsx"],"sourcesContent":["import { Link, Text } from \"@salt-ds/core\";\n\nimport { isEmail } from \"../utils\";\nimport type { ValueComponentProps } from \"./types\";\n\nexport const MailLinkComponent = (props: ValueComponentProps) => {\n const { value, ...restProps } = props;\n\n return isEmail(value) ? (\n <Link href={`mailto:${value}`} tabIndex={0} maxRows={1} {...restProps}>\n {value}\n </Link>\n ) : (\n <Text maxRows={1}>{value}</Text>\n );\n};\n"],"names":["isEmail","jsx","Link","Text"],"mappings":";;;;;;;;;AAKa,MAAA,iBAAA,GAAoB,CAAC,KAA+B,KAAA;AAC/D,EAAM,MAAA,EAAE,KAAU,EAAA,GAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAEhC,EAAO,OAAAA,eAAA,CAAQ,KAAK,CAAA,mBACjBC,cAAA,CAAAC,SAAA,EAAA;AAAA,IAAK,MAAM,CAAU,OAAA,EAAA,KAAA,CAAA,CAAA;AAAA,IAAS,QAAU,EAAA,CAAA;AAAA,IAAG,OAAS,EAAA,CAAA;AAAA,IAAI,GAAG,SAAA;AAAA,IACzD,QAAA,EAAA,KAAA;AAAA,GACH,oBAECD,cAAA,CAAAE,SAAA,EAAA;AAAA,IAAK,OAAS,EAAA,CAAA;AAAA,IAAI,QAAA,EAAA,KAAA;AAAA,GAAM,CAAA,CAAA;AAE7B;;;;"}

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

@@ -9,7 +9,7 @@ const useContactDetailsContext = () => {
   const context = React.useContext(ContactDetailsContext);
   if (!context && process.env.NODE_ENV !== "production") {
     console.error(
-      `useContactDetailsContext should be used inside of ContactDetails`
+      "useContactDetailsContext should be used inside of ContactDetails"
     );
   }
   return context;

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FavoriteToggle.js","sources":["../src/contact-details/internal/FavoriteToggle.tsx"],"sourcesContent":["import { useControlled, useForkRef, useIsFocusVisible } from \"@salt-ds/core\";\nimport React, {\n FocusEventHandler,\n ~~forwardRef~~,\n ~~KeyboardEventHandler~~,\n ~~MouseEventHandler~~,\n useState,\n} from \"react\";\nimport { StarIconContainer, StarIconContainerProps } from \"./StarIconContainer\";\n\nexport interface FavoriteToggleProps\n extends Omit<StarIconContainerProps, \"onChange\"> {\n onBlur?: FocusEventHandler;\n onChange?: (isSelected: boolean) => void;\n onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;\n onFocus?: FocusEventHandler;\n onKeyDown?: KeyboardEventHandler<HTMLSpanElement>;\n onMouseEnter?: MouseEventHandler<HTMLSpanElement>;\n onMouseLeave?: MouseEventHandler<HTMLSpanElement>;\n}\n\nexport const FavoriteToggle = forwardRef<HTMLSpanElement, FavoriteToggleProps>(\n function FavoriteToggle(props, ref) {\n const {\n isSelected: isSelectedProp,\n onBlur: onBlurProp,\n onFocus: onFocusProp,\n onClick: onClickProp,\n onChange: onChangeProp,\n onMouseEnter: onMouseEnterProp,\n onMouseLeave: onMouseLeaveProp,\n onKeyDown: onKeyDownProp,\n ...restProps\n } = props;\n\n const {\n isFocusVisibleRef,\n ref: focusVisibleRef,\n onFocus,\n onBlur,\n } = useIsFocusVisible<HTMLSpanElement>();\n\n const [isFocused, setIsFocused] = useState(false);\n const [isHighlighted, setIsHighlighted] = useState(false);\n const [isFocusVisible, setIsFocusVisible] = useState(false);\n\n const [isSelected, setIsSelected] = useControlled({\n controlled: isSelectedProp,\n default: false,\n name: \"FavoriteToggle\",\n state: \"isSelected\",\n });\n\n const toggleSelected = () => {\n setIsSelected((s) => !s);\n if (onChangeProp) {\n onChangeProp(!isSelected);\n }\n };\n\n const handleFocus: FocusEventHandler<HTMLSpanElement> = (event) => {\n if (onFocusProp) {\n onFocusProp(event);\n }\n onFocus(event);\n setIsFocused(true);\n setIsFocusVisible(isFocusVisibleRef.current);\n };\n\n const handleBlur: FocusEventHandler<HTMLSpanElement> = (event) => {\n if (onBlurProp) {\n onBlurProp(event);\n }\n onBlur();\n setIsFocused(false);\n setIsFocusVisible(false);\n };\n\n const handleClick: React.MouseEventHandler<HTMLSpanElement> = (event) => {\n if (onClickProp) {\n onClickProp(event);\n }\n setIsFocusVisible(isFocusVisibleRef.current);\n toggleSelected();\n };\n\n const handleMouseEnter: React.MouseEventHandler<HTMLSpanElement> = (\n event\n ) => {\n if (onMouseEnterProp) {\n onMouseEnterProp(event);\n }\n setIsHighlighted(true);\n };\n\n const handleMouseLeave: React.MouseEventHandler<HTMLSpanElement> = (\n event\n ) => {\n if (onMouseLeaveProp) {\n onMouseLeaveProp(event);\n }\n setIsHighlighted(false);\n };\n\n const handleKeyDown: KeyboardEventHandler<HTMLSpanElement> = (event) => {\n if (onKeyDownProp) {\n onKeyDownProp(event);\n }\n setIsFocusVisible(isFocusVisibleRef.current);\n\n if ([\"Enter\", \" \"].includes(event.key)) {\n toggleSelected();\n }\n };\n\n return (\n <StarIconContainer\n isFocusVisible={isFocusVisible}\n isFocused={isFocused}\n isHighlighted={isHighlighted}\n isSelected={isSelected}\n onBlur={handleBlur}\n onClick={handleClick}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n ref={useForkRef(focusVisibleRef, ref)}\n tabIndex={0}\n {...restProps}\n />\n );\n }\n);\n"],"names":["forwardRef","FavoriteToggle","useIsFocusVisible","useState","useControlled","jsx","StarIconContainer","useForkRef"],"mappings":";;;;;;;;;~~AAqBO~~,MAAM,cAAiB,GAAAA,gBAAA;AAAA,EAC5B,SAASC,eAAe,CAAA,KAAA,EAAO,GAAK,EAAA;AAClC,IAAM,MAAA;AAAA,MACJ,UAAY,EAAA,cAAA;AAAA,MACZ,MAAQ,EAAA,UAAA;AAAA,MACR,OAAS,EAAA,WAAA;AAAA,MACT,OAAS,EAAA,WAAA;AAAA,MACT,QAAU,EAAA,YAAA;AAAA,MACV,YAAc,EAAA,gBAAA;AAAA,MACd,YAAc,EAAA,gBAAA;AAAA,MACd,SAAW,EAAA,aAAA;AAAA,MACR,GAAA,SAAA;AAAA,KACD,GAAA,KAAA,CAAA;AAEJ,IAAM,MAAA;AAAA,MACJ,iBAAA;AAAA,MACA,GAAK,EAAA,eAAA;AAAA,MACL,OAAA;AAAA,MACA,MAAA;AAAA,QACEC,sBAAmC,EAAA,CAAA;AAEvC,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIC,eAAS,KAAK,CAAA,CAAA;AAChD,IAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIA,eAAS,KAAK,CAAA,CAAA;AACxD,IAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAIA,eAAS,KAAK,CAAA,CAAA;AAE1D,IAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIC,kBAAc,CAAA;AAAA,MAChD,UAAY,EAAA,cAAA;AAAA,MACZ,OAAS,EAAA,KAAA;AAAA,MACT,IAAM,EAAA,gBAAA;AAAA,MACN,KAAO,EAAA,YAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAA,MAAM,iBAAiB,MAAM;AAC3B,MAAc,aAAA,CAAA,CAAC,CAAM,KAAA,CAAC,CAAC,CAAA,CAAA;AACvB,MAAA,IAAI,YAAc,EAAA;AAChB,QAAA,YAAA,CAAa,CAAC,UAAU,CAAA,CAAA;AAAA,OAC1B;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,WAAA,GAAkD,CAAC,KAAU,KAAA;AACjE,MAAA,IAAI,WAAa,EAAA;AACf,QAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,OACnB;AACA,MAAA,OAAA,CAAQ,KAAK,CAAA,CAAA;AACb,MAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AACjB,MAAA,iBAAA,CAAkB,kBAAkB,OAAO,CAAA,CAAA;AAAA,KAC7C,CAAA;AAEA,IAAM,MAAA,UAAA,GAAiD,CAAC,KAAU,KAAA;AAChE,MAAA,IAAI,UAAY,EAAA;AACd,QAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,OAClB;AACA,MAAO,MAAA,EAAA,CAAA;AACP,MAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAClB,MAAA,iBAAA,CAAkB,KAAK,CAAA,CAAA;AAAA,KACzB,CAAA;AAEA,IAAM,MAAA,WAAA,GAAwD,CAAC,KAAU,KAAA;AACvE,MAAA,IAAI,WAAa,EAAA;AACf,QAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,OACnB;AACA,MAAA,iBAAA,CAAkB,kBAAkB,OAAO,CAAA,CAAA;AAC3C,MAAe,cAAA,EAAA,CAAA;AAAA,KACjB,CAAA;AAEA,IAAM,MAAA,gBAAA,GAA6D,CACjE,KACG,KAAA;AACH,MAAA,IAAI,gBAAkB,EAAA;AACpB,QAAA,gBAAA,CAAiB,KAAK,CAAA,CAAA;AAAA,OACxB;AACA,MAAA,gBAAA,CAAiB,IAAI,CAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAM,MAAA,gBAAA,GAA6D,CACjE,KACG,KAAA;AACH,MAAA,IAAI,gBAAkB,EAAA;AACpB,QAAA,gBAAA,CAAiB,KAAK,CAAA,CAAA;AAAA,OACxB;AACA,MAAA,gBAAA,CAAiB,KAAK,CAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAM,MAAA,aAAA,GAAuD,CAAC,KAAU,KAAA;AACtE,MAAA,IAAI,aAAe,EAAA;AACjB,QAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAAA,OACrB;AACA,MAAA,iBAAA,CAAkB,kBAAkB,OAAO,CAAA,CAAA;AAE3C,MAAA,IAAI,CAAC,OAAS,EAAA,GAAG,EAAE,QAAS,CAAA,KAAA,CAAM,GAAG,CAAG,EAAA;AACtC,QAAe,cAAA,EAAA,CAAA;AAAA,OACjB;AAAA,KACF,CAAA;AAEA,IAAA,uBACGC,cAAA,CAAAC,mCAAA,EAAA;AAAA,MACC,cAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAQ,EAAA,UAAA;AAAA,MACR,OAAS,EAAA,WAAA;AAAA,MACT,OAAS,EAAA,WAAA;AAAA,MACT,SAAW,EAAA,aAAA;AAAA,MACX,YAAc,EAAA,gBAAA;AAAA,MACd,YAAc,EAAA,gBAAA;AAAA,MACd,GAAA,EAAKC,eAAW,CAAA,eAAA,EAAiB,GAAG,CAAA;AAAA,MACpC,QAAU,EAAA,CAAA;AAAA,MACT,GAAG,SAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}
1	+ {"version":3,"file":"FavoriteToggle.js","sources":["../src/contact-details/internal/FavoriteToggle.tsx"],"sourcesContent":["import { useControlled, useForkRef, useIsFocusVisible } from \"@salt-ds/core\";\nimport type React from \"react\";\nimport {\n type FocusEventHandler,\n type KeyboardEventHandler,\n type MouseEventHandler,\n forwardRef,\n useState,\n} from \"react\";\nimport {\n StarIconContainer,\n type StarIconContainerProps,\n} from \"./StarIconContainer\";\n\nexport interface FavoriteToggleProps\n extends Omit<StarIconContainerProps, \"onChange\"> {\n onBlur?: FocusEventHandler;\n onChange?: (isSelected: boolean) => void;\n onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;\n onFocus?: FocusEventHandler;\n onKeyDown?: KeyboardEventHandler<HTMLSpanElement>;\n onMouseEnter?: MouseEventHandler<HTMLSpanElement>;\n onMouseLeave?: MouseEventHandler<HTMLSpanElement>;\n}\n\nexport const FavoriteToggle = forwardRef<HTMLSpanElement, FavoriteToggleProps>(\n function FavoriteToggle(props, ref) {\n const {\n isSelected: isSelectedProp,\n onBlur: onBlurProp,\n onFocus: onFocusProp,\n onClick: onClickProp,\n onChange: onChangeProp,\n onMouseEnter: onMouseEnterProp,\n onMouseLeave: onMouseLeaveProp,\n onKeyDown: onKeyDownProp,\n ...restProps\n } = props;\n\n const {\n isFocusVisibleRef,\n ref: focusVisibleRef,\n onFocus,\n onBlur,\n } = useIsFocusVisible<HTMLSpanElement>();\n\n const [isFocused, setIsFocused] = useState(false);\n const [isHighlighted, setIsHighlighted] = useState(false);\n const [isFocusVisible, setIsFocusVisible] = useState(false);\n\n const [isSelected, setIsSelected] = useControlled({\n controlled: isSelectedProp,\n default: false,\n name: \"FavoriteToggle\",\n state: \"isSelected\",\n });\n\n const toggleSelected = () => {\n setIsSelected((s) => !s);\n if (onChangeProp) {\n onChangeProp(!isSelected);\n }\n };\n\n const handleFocus: FocusEventHandler<HTMLSpanElement> = (event) => {\n if (onFocusProp) {\n onFocusProp(event);\n }\n onFocus(event);\n setIsFocused(true);\n setIsFocusVisible(isFocusVisibleRef.current);\n };\n\n const handleBlur: FocusEventHandler<HTMLSpanElement> = (event) => {\n if (onBlurProp) {\n onBlurProp(event);\n }\n onBlur();\n setIsFocused(false);\n setIsFocusVisible(false);\n };\n\n const handleClick: React.MouseEventHandler<HTMLSpanElement> = (event) => {\n if (onClickProp) {\n onClickProp(event);\n }\n setIsFocusVisible(isFocusVisibleRef.current);\n toggleSelected();\n };\n\n const handleMouseEnter: React.MouseEventHandler<HTMLSpanElement> = (\n event,\n ) => {\n if (onMouseEnterProp) {\n onMouseEnterProp(event);\n }\n setIsHighlighted(true);\n };\n\n const handleMouseLeave: React.MouseEventHandler<HTMLSpanElement> = (\n event,\n ) => {\n if (onMouseLeaveProp) {\n onMouseLeaveProp(event);\n }\n setIsHighlighted(false);\n };\n\n const handleKeyDown: KeyboardEventHandler<HTMLSpanElement> = (event) => {\n if (onKeyDownProp) {\n onKeyDownProp(event);\n }\n setIsFocusVisible(isFocusVisibleRef.current);\n\n if ([\"Enter\", \" \"].includes(event.key)) {\n toggleSelected();\n }\n };\n\n return (\n <StarIconContainer\n isFocusVisible={isFocusVisible}\n isFocused={isFocused}\n isHighlighted={isHighlighted}\n isSelected={isSelected}\n onBlur={handleBlur}\n onClick={handleClick}\n onFocus={handleFocus}\n onKeyDown={handleKeyDown}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n ref={useForkRef(focusVisibleRef, ref)}\n tabIndex={0}\n {...restProps}\n />\n );\n },\n);\n"],"names":["forwardRef","FavoriteToggle","useIsFocusVisible","useState","useControlled","jsx","StarIconContainer","useForkRef"],"mappings":"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"}

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var core = require('@salt-ds/core');
+var React = require('react');
 var FavoriteToggle = require('./FavoriteToggle.js');
 const FavoriteToggleWithTooltip = React.forwardRef(function FavoriteToggleWithTooltip2(props, ref) {

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

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

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

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

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
 var core = require('@salt-ds/core');
+var clsx = require('clsx');
+var React = require('react');
 var StarIcon = require('./StarIcon.js');
 const withBaseName = core.makePrefixer("saltContactFavoriteToggle");

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StarIconContainer.js","sources":["../src/contact-details/internal/StarIconContainer.tsx"],"sourcesContent":["import ~~React,~~ { ~~forwardRef,~~ ~~HTMLAttributes~~ } from \"~~react~~\";\nimport { clsx } from \"clsx\";\nimport { ~~makePrefixer~~ } from \"~~@salt-ds/core~~\";\nimport { StarIcon } from \"./StarIcon\";\n\nconst withBaseName = makePrefixer(\"saltContactFavoriteToggle\");\n\nexport interface StarIconContainerProps\n extends HTMLAttributes<HTMLSpanElement> {\n className?: string;\n isFocusVisible?: boolean;\n isFocused?: boolean;\n isHighlighted?: boolean;\n isSelected?: boolean;\n}\n\nexport const StarIconContainer = forwardRef<\n HTMLSpanElement,\n StarIconContainerProps\n>(function StarIconContainer(props, ref) {\n const {\n isSelected,\n isHighlighted,\n isFocused,\n isFocusVisible,\n className,\n ...other\n } = props;\n\n return (\n <span\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"focusVisible\")]: isFocusVisible,\n },\n className\n )}\n {...other}\n ref={ref}\n >\n <StarIcon\n className={clsx(withBaseName(\"svg\"), {\n [withBaseName(\"focused\")]: isFocusVisible && isFocused,\n [withBaseName(\"selected\")]: isSelected && !isHighlighted,\n [withBaseName(\"selecting\")]: !isSelected && isHighlighted,\n [withBaseName(\"deselected\")]: !isSelected && !isHighlighted,\n [withBaseName(\"deselecting\")]: isSelected && isHighlighted,\n })}\n highlighted={isHighlighted}\n selected={isSelected}\n />\n </span>\n );\n});\n"],"names":["makePrefixer","forwardRef","StarIconContainer","jsx","clsx","StarIcon"],"mappings":";;;;;;;;;;AAKA,MAAM,YAAA,GAAeA,kBAAa,2BAA2B,CAAA,CAAA;AAWtD,MAAM,iBAAoB,GAAAC,gBAAA,CAG/B,SAASC,kBAAAA,CAAkB,OAAO,GAAK,EAAA;AACvC,EAAM,MAAA;AAAA,IACJ,UAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACG,GAAA,KAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAA,uBACGC,cAAA,CAAA,MAAA,EAAA;AAAA,IACC,SAAW,EAAAC,SAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb;AAAA,QACE,CAAC,YAAa,CAAA,cAAc,CAAI,GAAA,cAAA;AAAA,OAClC;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IACJ,GAAA;AAAA,IAEA,QAAC,kBAAAD,cAAA,CAAAE,iBAAA,EAAA;AAAA,MACC,SAAW,EAAAD,SAAA,CAAK,YAAa,CAAA,KAAK,CAAG,EAAA;AAAA,QACnC,CAAC,YAAA,CAAa,SAAS,CAAA,GAAI,cAAkB,IAAA,SAAA;AAAA,QAC7C,CAAC,YAAA,CAAa,UAAU,CAAA,GAAI,cAAc,CAAC,aAAA;AAAA,QAC3C,CAAC,YAAA,CAAa,WAAW,CAAA,GAAI,CAAC,UAAc,IAAA,aAAA;AAAA,QAC5C,CAAC,YAAa,CAAA,YAAY,CAAI,GAAA,CAAC,cAAc,CAAC,aAAA;AAAA,QAC9C,CAAC,YAAA,CAAa,aAAa,CAAA,GAAI,UAAc,IAAA,aAAA;AAAA,OAC9C,CAAA;AAAA,MACD,WAAa,EAAA,aAAA;AAAA,MACb,QAAU,EAAA,UAAA;AAAA,KACZ,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"StarIconContainer.js","sources":["../src/contact-details/internal/StarIconContainer.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport React, { forwardRef, type HTMLAttributes } from \"react\";\nimport { StarIcon } from \"./StarIcon\";\n\nconst withBaseName = makePrefixer(\"saltContactFavoriteToggle\");\n\nexport interface StarIconContainerProps\n extends HTMLAttributes<HTMLSpanElement> {\n className?: string;\n isFocusVisible?: boolean;\n isFocused?: boolean;\n isHighlighted?: boolean;\n isSelected?: boolean;\n}\n\nexport const StarIconContainer = forwardRef<\n HTMLSpanElement,\n StarIconContainerProps\n>(function StarIconContainer(props, ref) {\n const {\n isSelected,\n isHighlighted,\n isFocused,\n isFocusVisible,\n className,\n ...other\n } = props;\n\n return (\n <span\n className={clsx(\n withBaseName(),\n {\n [withBaseName(\"focusVisible\")]: isFocusVisible,\n },\n className,\n )}\n {...other}\n ref={ref}\n >\n <StarIcon\n className={clsx(withBaseName(\"svg\"), {\n [withBaseName(\"focused\")]: isFocusVisible && isFocused,\n [withBaseName(\"selected\")]: isSelected && !isHighlighted,\n [withBaseName(\"selecting\")]: !isSelected && isHighlighted,\n [withBaseName(\"deselected\")]: !isSelected && !isHighlighted,\n [withBaseName(\"deselecting\")]: isSelected && isHighlighted,\n })}\n highlighted={isHighlighted}\n selected={isSelected}\n />\n </span>\n );\n});\n"],"names":["makePrefixer","forwardRef","StarIconContainer","jsx","clsx","StarIcon"],"mappings":";;;;;;;;;;AAKA,MAAM,YAAA,GAAeA,kBAAa,2BAA2B,CAAA,CAAA;AAWtD,MAAM,iBAAoB,GAAAC,gBAAA,CAG/B,SAASC,kBAAAA,CAAkB,OAAO,GAAK,EAAA;AACvC,EAAM,MAAA;AAAA,IACJ,UAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACG,GAAA,KAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAA,uBACGC,cAAA,CAAA,MAAA,EAAA;AAAA,IACC,SAAW,EAAAC,SAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb;AAAA,QACE,CAAC,YAAa,CAAA,cAAc,CAAI,GAAA,cAAA;AAAA,OAClC;AAAA,MACA,SAAA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IACJ,GAAA;AAAA,IAEA,QAAC,kBAAAD,cAAA,CAAAE,iBAAA,EAAA;AAAA,MACC,SAAW,EAAAD,SAAA,CAAK,YAAa,CAAA,KAAK,CAAG,EAAA;AAAA,QACnC,CAAC,YAAA,CAAa,SAAS,CAAA,GAAI,cAAkB,IAAA,SAAA;AAAA,QAC7C,CAAC,YAAA,CAAa,UAAU,CAAA,GAAI,cAAc,CAAC,aAAA;AAAA,QAC3C,CAAC,YAAA,CAAa,WAAW,CAAA,GAAI,CAAC,UAAc,IAAA,aAAA;AAAA,QAC5C,CAAC,YAAa,CAAA,YAAY,CAAI,GAAA,CAAC,cAAc,CAAC,aAAA;AAAA,QAC9C,CAAC,YAAA,CAAa,aAAa,CAAA,GAAI,UAAc,IAAA,aAAA;AAAA,OAC9C,CAAA;AAAA,MACD,WAAa,EAAA,aAAA;AAAA,MACb,QAAU,EAAA,UAAA;AAAA,KACZ,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -2,21 +2,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var React = require('react');
 var core = require('@salt-ds/core');
+var React = require('react');
 function useComponentSize(initialWidth) {
   const [size, setSize] = React.useState({ width: initialWidth });
   const ref = React.useRef(null);
-  const handleResize = React.useCallback(
-    function handleResize2({
-      width,
-      height
-    }) {
-      setSize({ width, height });
-    },
-    []
-  );
+  const handleResize = React.useCallback(function handleResize2({
+    width,
+    height
+  }) {
+    setSize({ width, height });
+  }, []);
   core.useIsomorphicLayoutEffect(() => {
     if (!ref.current) {
       if (process.env.NODE_ENV !== "production") {

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

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

package/dist-cjs/content-status/ContentStatus.js CHANGED Viewed

@@ -7,8 +7,8 @@ var core = require('@salt-ds/core');
 var clsx = require('clsx');
 var React = require('react');
 var StatusIndicator = require('./internal/StatusIndicator.js');
-var window = require('@salt-ds/window');
 var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
 var ContentStatus$1 = require('./ContentStatus.css.js');
 const withBaseName = core.makePrefixer("saltContentStatus");

package/dist-cjs/content-status/ContentStatus.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContentStatus.js","sources":["../src/content-status/ContentStatus.tsx"],"sourcesContent":["import {\n Button,\n ~~makePrefixer~~,\n ~~Text~~,\n useAriaAnnouncer,\n useId,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { ~~forwardRef,~~ HTMLAttributes, MouseEvent, Ref, useEffect } from \"react\";\n\nimport {\n StatusIndicator,\n StatusIndicatorProps,\n} from \"./internal/StatusIndicator\";\n\nimport { ~~useWindow~~ } from \"@salt-ds/~~window~~\";\nimport { ~~useComponentCssInjection~~ } from \"@salt-ds/~~styles~~\";\n\nimport contentStatusCss from \"./ContentStatus.css\";\n\nconst withBaseName = makePrefixer(\"saltContentStatus\");\n\nexport interface ContentStatusProps\n extends HTMLAttributes<HTMLDivElement>,\n StatusIndicatorProps {\n actionLabel?: string;\n buttonRef?: Ref<any>;\n onActionClick?: (evt: MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const ContentStatus = forwardRef<HTMLDivElement, ContentStatusProps>(\n function ContentStatus(\n {\n CircularProgressProps,\n SpinnerProps,\n actionLabel,\n buttonRef,\n className,\n children,\n disableAnnouncer,\n message,\n onActionClick,\n status = \"info\",\n title,\n value,\n ...rest\n },\n ref\n ) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-content-status\",\n css: contentStatusCss,\n window: targetWindow,\n });\n\n const id = useId();\n\n const hasDefaultActionContent = actionLabel && onActionClick;\n const hasActions = children \|\| hasDefaultActionContent;\n const hasContent = title \|\| message \|\| hasActions;\n\n const { announce } = useAriaAnnouncer();\n\n useEffect(() => {\n if (disableAnnouncer) return;\n\n const toBeAnnounced = [];\n if (title) {\n toBeAnnounced.push(title);\n }\n if (message) {\n toBeAnnounced.push(message);\n }\n // Loading is announced by the spinner\n if (status !== \"loading\") {\n toBeAnnounced.push(status);\n }\n if (toBeAnnounced.length > 0) {\n announce(toBeAnnounced.join(\" \"));\n }\n }, [announce, disableAnnouncer, message, status, title]);\n\n return (\n <div className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n <StatusIndicator\n CircularProgressProps={CircularProgressProps}\n SpinnerProps={SpinnerProps}\n disableAnnouncer={disableAnnouncer}\n id={id}\n message={message}\n status={status}\n title={title}\n value={value}\n {...rest}\n />\n {hasContent && (\n <div\n // `aria-labelledby` to itself so that children of this div will show up in screen reader, and we don't need to join to aria-label\n aria-labelledby={id}\n className={clsx(withBaseName(\"content\"))}\n id={id}\n role=\"region\"\n >\n {title && (\n <Text className={clsx(withBaseName(\"title\"))}>{title}</Text>\n )}\n {message && (\n <Text className={clsx(withBaseName(\"message\"))}>{message}</Text>\n )}\n {hasActions && (\n <div className={clsx(withBaseName(\"actions\"))}>\n {children \|\| (\n <Button onClick={onActionClick} ref={buttonRef}>\n {actionLabel}\n </Button>\n )}\n </div>\n )}\n </div>\n )}\n </div>\n );\n }\n);\n"],"names":["makePrefixer","forwardRef","ContentStatus","useWindow","useComponentCssInjection","contentStatusCss","useId","useAriaAnnouncer","useEffect","jsxs","clsx","jsx","StatusIndicator","Text","Button"],"mappings":";;;;;;;;;;;;;~~AAoBA~~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"}
1	+ {"version":3,"file":"ContentStatus.js","sources":["../src/content-status/ContentStatus.tsx"],"sourcesContent":["import {\n Button,\n Text,\n makePrefixer,\n useAriaAnnouncer,\n useId,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n type HTMLAttributes,\n type MouseEvent,\n type Ref,\n forwardRef,\n useEffect,\n} from \"react\";\n\nimport {\n StatusIndicator,\n type StatusIndicatorProps,\n} from \"./internal/StatusIndicator\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport contentStatusCss from \"./ContentStatus.css\";\n\nconst withBaseName = makePrefixer(\"saltContentStatus\");\n\nexport interface ContentStatusProps\n extends HTMLAttributes<HTMLDivElement>,\n StatusIndicatorProps {\n actionLabel?: string;\n buttonRef?: Ref<any>;\n onActionClick?: (evt: MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const ContentStatus = forwardRef<HTMLDivElement, ContentStatusProps>(\n function ContentStatus(\n {\n CircularProgressProps,\n SpinnerProps,\n actionLabel,\n buttonRef,\n className,\n children,\n disableAnnouncer,\n message,\n onActionClick,\n status = \"info\",\n title,\n value,\n ...rest\n },\n ref,\n ) {\n const targetWindow = useWindow();\n useComponentCssInjection({\n testId: \"salt-content-status\",\n css: contentStatusCss,\n window: targetWindow,\n });\n\n const id = useId();\n\n const hasDefaultActionContent = actionLabel && onActionClick;\n const hasActions = children \|\| hasDefaultActionContent;\n const hasContent = title \|\| message \|\| hasActions;\n\n const { announce } = useAriaAnnouncer();\n\n useEffect(() => {\n if (disableAnnouncer) return;\n\n const toBeAnnounced = [];\n if (title) {\n toBeAnnounced.push(title);\n }\n if (message) {\n toBeAnnounced.push(message);\n }\n // Loading is announced by the spinner\n if (status !== \"loading\") {\n toBeAnnounced.push(status);\n }\n if (toBeAnnounced.length > 0) {\n announce(toBeAnnounced.join(\" \"));\n }\n }, [announce, disableAnnouncer, message, status, title]);\n\n return (\n <div className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n <StatusIndicator\n CircularProgressProps={CircularProgressProps}\n SpinnerProps={SpinnerProps}\n disableAnnouncer={disableAnnouncer}\n id={id}\n message={message}\n status={status}\n title={title}\n value={value}\n {...rest}\n />\n {hasContent && (\n <div\n // `aria-labelledby` to itself so that children of this div will show up in screen reader, and we don't need to join to aria-label\n aria-labelledby={id}\n className={clsx(withBaseName(\"content\"))}\n id={id}\n role=\"region\"\n >\n {title && (\n <Text className={clsx(withBaseName(\"title\"))}>{title}</Text>\n )}\n {message && (\n <Text className={clsx(withBaseName(\"message\"))}>{message}</Text>\n )}\n {hasActions && (\n <div className={clsx(withBaseName(\"actions\"))}>\n {children \|\| (\n <Button onClick={onActionClick} ref={buttonRef}>\n {actionLabel}\n </Button>\n )}\n </div>\n )}\n </div>\n )}\n </div>\n );\n },\n);\n"],"names":["makePrefixer","forwardRef","ContentStatus","useWindow","useComponentCssInjection","contentStatusCss","useId","useAriaAnnouncer","useEffect","jsxs","clsx","jsx","StatusIndicator","Text","Button"],"mappings":"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"}

package/dist-cjs/content-status/internal/StatusIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StatusIndicator.js","sources":["../src/content-status/internal/StatusIndicator.tsx"],"sourcesContent":["import {\n ~~makePrefixer,\n~~ StatusIndicator as BaseStatusIndicator,\n StatusIndicatorProps as BaseStatusIndicatorProps,\n Spinner,\n SpinnerProps,\n} from \"@salt-ds/core\";\nimport { ~~ReactElement~~ } from \"~~react~~\";\nimport { ~~clsx~~ } from \"~~clsx~~\";\n\nimport { CircularProgress, CircularProgressProps } from \"@salt-ds/core\";\n\nexport interface StatusIndicatorProps\n extends Pick<SpinnerProps, \"disableAnnouncer\">,\n Pick<CircularProgressProps, \"value\"> {\n title?: string;\n message?: string;\n CircularProgressProps?: Partial<CircularProgressProps>;\n SpinnerProps?: Partial<SpinnerProps>;\n id?: string;\n status?: BaseStatusIndicatorProps[\"status\"] \| \"loading\";\n}\n\nconst withBaseName = makePrefixer(\"saltContentStatus\");\n\nexport function StatusIndicator({\n status = \"info\",\n disableAnnouncer,\n value,\n title,\n message,\n CircularProgressProps: {\n className: circularProgressClassName,\n ...restCircularProgressProps\n } = {},\n SpinnerProps: { className: spinnerClassName, ...restSpinnerProps } = {},\n id,\n}: StatusIndicatorProps): ReactElement {\n if (status === \"loading\") {\n if (value !== undefined) {\n return (\n <CircularProgress\n aria-label={title \|\| message}\n className={clsx(\n withBaseName(\"determinateLoading\"),\n circularProgressClassName\n )}\n value={value}\n {...restCircularProgressProps}\n />\n );\n }\n return (\n <Spinner\n className={clsx(withBaseName(\"indeterminateLoading\"), spinnerClassName)}\n // Announcement of the content status is more useful than completion announcement from spinner\n completionAnnouncement={null}\n data-testid={`spinner-${id!}`}\n disableAnnouncer={disableAnnouncer}\n {...restSpinnerProps}\n />\n );\n }\n\n return (\n <BaseStatusIndicator\n status={status}\n data-jpmui-test={`icon-${status}-${id!}`}\n size={2}\n />\n );\n}\n"],"names":["makePrefixer","jsx","CircularProgress","clsx","Spinner","BaseStatusIndicator"],"mappings":";;;;;;;;AAuBA,MAAM,YAAA,GAAeA,kBAAa,mBAAmB,CAAA,CAAA;AAE9C,SAAS,eAAgB,CAAA;AAAA,EAC9B,MAAS,GAAA,MAAA;AAAA,EACT,gBAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,qBAAuB,EAAA;AAAA,IACrB,SAAW,EAAA,yBAAA;AAAA,IACR,GAAA,yBAAA;AAAA,MACD,EAAC;AAAA,EACL,cAAc,EAAE,SAAA,EAAW,gBAAqB,EAAA,GAAA,gBAAA,KAAqB,EAAC;AAAA,EACtE,EAAA;AACF,CAAuC,EAAA;AACrC,EAAA,IAAI,WAAW,SAAW,EAAA;AACxB,IAAA,IAAI,UAAU,KAAW,CAAA,EAAA;AACvB,MAAA,uBACGC,cAAA,CAAAC,qBAAA,EAAA;AAAA,QACC,cAAY,KAAS,IAAA,OAAA;AAAA,QACrB,SAAW,EAAAC,SAAA;AAAA,UACT,aAAa,oBAAoB,CAAA;AAAA,UACjC,yBAAA;AAAA,SACF;AAAA,QACA,KAAA;AAAA,QACC,GAAG,yBAAA;AAAA,OACN,CAAA,CAAA;AAAA,KAEJ;AACA,IAAA,uBACGF,cAAA,CAAAG,YAAA,EAAA;AAAA,MACC,SAAW,EAAAD,SAAA,CAAK,YAAa,CAAA,sBAAsB,GAAG,gBAAgB,CAAA;AAAA,MAEtE,sBAAwB,EAAA,IAAA;AAAA,MACxB,eAAa,CAAW,QAAA,EAAA,EAAA,CAAA,CAAA;AAAA,MACxB,gBAAA;AAAA,MACC,GAAG,gBAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBACGF,cAAA,CAAAI,oBAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,iBAAA,EAAiB,QAAQ,MAAU,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA;AAAA,IACnC,IAAM,EAAA,CAAA;AAAA,GACR,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"StatusIndicator.js","sources":["../src/content-status/internal/StatusIndicator.tsx"],"sourcesContent":["import {\n StatusIndicator as BaseStatusIndicator,\n type StatusIndicatorProps as BaseStatusIndicatorProps,\n Spinner,\n type SpinnerProps,\n makePrefixer,\n} from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport type { ReactElement } from \"react\";\n\nimport { CircularProgress, type CircularProgressProps } from \"@salt-ds/core\";\n\nexport interface StatusIndicatorProps\n extends Pick<SpinnerProps, \"disableAnnouncer\">,\n Pick<CircularProgressProps, \"value\"> {\n title?: string;\n message?: string;\n CircularProgressProps?: Partial<CircularProgressProps>;\n SpinnerProps?: Partial<SpinnerProps>;\n id?: string;\n status?: BaseStatusIndicatorProps[\"status\"] \| \"loading\";\n}\n\nconst withBaseName = makePrefixer(\"saltContentStatus\");\n\nexport function StatusIndicator({\n status = \"info\",\n disableAnnouncer,\n value,\n title,\n message,\n CircularProgressProps: {\n className: circularProgressClassName,\n ...restCircularProgressProps\n } = {},\n SpinnerProps: { className: spinnerClassName, ...restSpinnerProps } = {},\n id,\n}: StatusIndicatorProps): ReactElement {\n if (status === \"loading\") {\n if (value !== undefined) {\n return (\n <CircularProgress\n aria-label={title \|\| message}\n className={clsx(\n withBaseName(\"determinateLoading\"),\n circularProgressClassName,\n )}\n value={value}\n {...restCircularProgressProps}\n />\n );\n }\n return (\n <Spinner\n className={clsx(withBaseName(\"indeterminateLoading\"), spinnerClassName)}\n // Announcement of the content status is more useful than completion announcement from spinner\n completionAnnouncement={null}\n data-testid={`spinner-${id!}`}\n disableAnnouncer={disableAnnouncer}\n {...restSpinnerProps}\n />\n );\n }\n\n return (\n <BaseStatusIndicator\n status={status}\n data-jpmui-test={`icon-${status}-${id!}`}\n size={2}\n />\n );\n}\n"],"names":["makePrefixer","jsx","CircularProgress","clsx","Spinner","BaseStatusIndicator"],"mappings":";;;;;;;;AAuBA,MAAM,YAAA,GAAeA,kBAAa,mBAAmB,CAAA,CAAA;AAE9C,SAAS,eAAgB,CAAA;AAAA,EAC9B,MAAS,GAAA,MAAA;AAAA,EACT,gBAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,qBAAuB,EAAA;AAAA,IACrB,SAAW,EAAA,yBAAA;AAAA,IACR,GAAA,yBAAA;AAAA,MACD,EAAC;AAAA,EACL,cAAc,EAAE,SAAA,EAAW,gBAAqB,EAAA,GAAA,gBAAA,KAAqB,EAAC;AAAA,EACtE,EAAA;AACF,CAAuC,EAAA;AACrC,EAAA,IAAI,WAAW,SAAW,EAAA;AACxB,IAAA,IAAI,UAAU,KAAW,CAAA,EAAA;AACvB,MAAA,uBACGC,cAAA,CAAAC,qBAAA,EAAA;AAAA,QACC,cAAY,KAAS,IAAA,OAAA;AAAA,QACrB,SAAW,EAAAC,SAAA;AAAA,UACT,aAAa,oBAAoB,CAAA;AAAA,UACjC,yBAAA;AAAA,SACF;AAAA,QACA,KAAA;AAAA,QACC,GAAG,yBAAA;AAAA,OACN,CAAA,CAAA;AAAA,KAEJ;AACA,IAAA,uBACGF,cAAA,CAAAG,YAAA,EAAA;AAAA,MACC,SAAW,EAAAD,SAAA,CAAK,YAAa,CAAA,sBAAsB,GAAG,gBAAgB,CAAA;AAAA,MAEtE,sBAAwB,EAAA,IAAA;AAAA,MACxB,eAAa,CAAW,QAAA,EAAA,EAAA,CAAA,CAAA;AAAA,MACxB,gBAAA;AAAA,MACC,GAAG,gBAAA;AAAA,KACN,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBACGF,cAAA,CAAAI,oBAAA,EAAA;AAAA,IACC,MAAA;AAAA,IACA,iBAAA,EAAiB,QAAQ,MAAU,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA;AAAA,IACnC,IAAM,EAAA,CAAA;AAAA,GACR,CAAA,CAAA;AAEJ;;;;"}