@salt-ds/core 1.37.1 → 1.37.2

package/dist-cjs/aria-announcer/useAriaAnnouncer.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAriaAnnouncer.js","sources":["../src/aria-announcer/useAriaAnnouncer.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useMemo, useRef } from \"react\";\nimport { debounce } from \"../utils\";\nimport {\n  type AriaAnnouncer,\n  AriaAnnouncerContext,\n} from \"./AriaAnnouncerContext\";\n\nexport type useAnnouncerOptions = {\n  debounce?: number;\n};\nexport type useAriaAnnouncerHook = (\n  options?: useAnnouncerOptions,\n) => AriaAnnouncer;\n\nlet warnedOnce = false;\n\nexport const useAriaAnnouncer: useAriaAnnouncerHook = ({\n  debounce: debounceInterval = 0,\n} = {}) => {\n  const context = useContext(AriaAnnouncerContext);\n  const mountedRef = useRef(true);\n  const baseAnnounce = useCallback(\n    (announcement: string, delay?: number) => {\n      const isReactAnnouncerInstalled = context?.announce;\n\n      if (process.env.NODE_ENV !== \"production\") {\n        if (isReactAnnouncerInstalled && warnedOnce) {\n          console.warn(\n            \"useAriaAnnouncer is being used without an AriaAnnouncerProvider. Your application should be wrapped in an AriaAnnouncerProvider\",\n          );\n          warnedOnce = true;\n        }\n      }\n\n      function makeAnnouncement() {\n        if (mountedRef.current) {\n          if (isReactAnnouncerInstalled) {\n            context.announce(announcement);\n          }\n        }\n      }\n\n      if (delay) {\n        setTimeout(makeAnnouncement, delay);\n      } else {\n        makeAnnouncement();\n      }\n    },\n    [context],\n  );\n\n  const announce = useMemo(\n    () =>\n      debounceInterval > 0\n        ? debounce(baseAnnounce, debounceInterval)\n        : baseAnnounce,\n    [baseAnnounce, debounceInterval],\n  );\n\n  const ariaAnnouncer = useMemo(\n    () => ({\n      ...context,\n      announce,\n    }),\n    [context, announce],\n  );\n\n  useEffect(() => {\n    mountedRef.current = true;\n    return () => {\n      mountedRef.current = false;\n    };\n  }, []);\n\n  return ariaAnnouncer;\n};\n"],"names":["useContext","AriaAnnouncerContext","useRef","useCallback","useMemo","debounce","useEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,IAAI,UAAa,GAAA,KAAA,CAAA;AAEV,MAAM,mBAAyC,CAAC;AAAA,EACrD,UAAU,gBAAmB,GAAA,CAAA;AAC/B,CAAA,GAAI,EAAO,KAAA;AACT,EAAM,MAAA,OAAA,GAAUA,iBAAWC,yCAAoB,CAAA,CAAA;AAC/C,EAAM,MAAA,UAAA,GAAaC,aAAO,IAAI,CAAA,CAAA;AAC9B,EAAA,MAAM,YAAe,GAAAC,iBAAA;AAAA,IACnB,CAAC,cAAsB,KAAmB,KAAA;AACxC,MAAA,MAAM,4BAA4B,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,QAAA,CAAA;AAE3C,MAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,QAAA,IAAI,6BAA6B,UAAY,EAAA;AAC3C,UAAQ,OAAA,CAAA,IAAA;AAAA,YACN,iIAAA;AAAA,WACF,CAAA;AACA,UAAa,UAAA,GAAA,IAAA,CAAA;AAAA,SACf;AAAA,OACF;AAEA,MAAA,SAAS,gBAAmB,GAAA;AAC1B,QAAA,IAAI,WAAW,OAAS,EAAA;AACtB,UAAA,IAAI,yBAA2B,EAAA;AAC7B,YAAA,OAAA,CAAQ,SAAS,YAAY,CAAA,CAAA;AAAA,WAC/B;AAAA,SACF;AAAA,OACF;AAEA,MAAA,IAAI,KAAO,EAAA;AACT,QAAA,UAAA,CAAW,kBAAkB,KAAK,CAAA,CAAA;AAAA,OAC7B,MAAA;AACL,QAAiB,gBAAA,EAAA,CAAA;AAAA,OACnB;AAAA,KACF;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,QAAW,GAAAC,aAAA;AAAA,IACf,MACE,gBAAmB,GAAA,CAAA,GACfC,iBAAS,CAAA,YAAA,EAAc,gBAAgB,CACvC,GAAA,YAAA;AAAA,IACN,CAAC,cAAc,gBAAgB,CAAA;AAAA,GACjC,CAAA;AAEA,EAAA,MAAM,aAAgB,GAAAD,aAAA;AAAA,IACpB,OAAO;AAAA,MACL,GAAG,OAAA;AAAA,MACH,QAAA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,SAAS,QAAQ,CAAA;AAAA,GACpB,CAAA;AAEA,EAAAE,eAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,OAAU,GAAA,IAAA,CAAA;AACrB,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,OAAU,GAAA,KAAA,CAAA;AAAA,KACvB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,aAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"useAriaAnnouncer.js","sources":["../src/aria-announcer/useAriaAnnouncer.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useMemo, useRef } from \"react\";\nimport { debounce } from \"../utils/debounce\";\nimport {\n  type AriaAnnouncer,\n  AriaAnnouncerContext,\n} from \"./AriaAnnouncerContext\";\n\nexport type useAnnouncerOptions = {\n  debounce?: number;\n};\nexport type useAriaAnnouncerHook = (\n  options?: useAnnouncerOptions,\n) => AriaAnnouncer;\n\nlet warnedOnce = false;\n\nexport const useAriaAnnouncer: useAriaAnnouncerHook = ({\n  debounce: debounceInterval = 0,\n} = {}) => {\n  const context = useContext(AriaAnnouncerContext);\n  const mountedRef = useRef(true);\n  const baseAnnounce = useCallback(\n    (announcement: string, delay?: number) => {\n      const isReactAnnouncerInstalled = context?.announce;\n\n      if (process.env.NODE_ENV !== \"production\") {\n        if (isReactAnnouncerInstalled && warnedOnce) {\n          console.warn(\n            \"useAriaAnnouncer is being used without an AriaAnnouncerProvider. Your application should be wrapped in an AriaAnnouncerProvider\",\n          );\n          warnedOnce = true;\n        }\n      }\n\n      function makeAnnouncement() {\n        if (mountedRef.current) {\n          if (isReactAnnouncerInstalled) {\n            context.announce(announcement);\n          }\n        }\n      }\n\n      if (delay) {\n        setTimeout(makeAnnouncement, delay);\n      } else {\n        makeAnnouncement();\n      }\n    },\n    [context],\n  );\n\n  const announce = useMemo(\n    () =>\n      debounceInterval > 0\n        ? debounce(baseAnnounce, debounceInterval)\n        : baseAnnounce,\n    [baseAnnounce, debounceInterval],\n  );\n\n  const ariaAnnouncer = useMemo(\n    () => ({\n      ...context,\n      announce,\n    }),\n    [context, announce],\n  );\n\n  useEffect(() => {\n    mountedRef.current = true;\n    return () => {\n      mountedRef.current = false;\n    };\n  }, []);\n\n  return ariaAnnouncer;\n};\n"],"names":["useContext","AriaAnnouncerContext","useRef","useCallback","useMemo","debounce","useEffect"],"mappings":";;;;;;AAcA,IAAI,UAAa,GAAA,KAAA;AAEV,MAAM,mBAAyC,CAAC;AAAA,EACrD,UAAU,gBAAmB,GAAA;AAC/B,CAAA,GAAI,EAAO,KAAA;AACT,EAAM,MAAA,OAAA,GAAUA,iBAAWC,yCAAoB,CAAA;AAC/C,EAAM,MAAA,UAAA,GAAaC,aAAO,IAAI,CAAA;AAC9B,EAAA,MAAM,YAAe,GAAAC,iBAAA;AAAA,IACnB,CAAC,cAAsB,KAAmB,KAAA;AACxC,MAAA,MAAM,4BAA4B,OAAS,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,OAAA,CAAA,QAAA;AAE3C,MAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,QAAA,IAAI,6BAA6B,UAAY,EAAA;AAC3C,UAAQ,OAAA,CAAA,IAAA;AAAA,YACN;AAAA,WACF;AACA,UAAa,UAAA,GAAA,IAAA;AAAA;AACf;AAGF,MAAA,SAAS,gBAAmB,GAAA;AAC1B,QAAA,IAAI,WAAW,OAAS,EAAA;AACtB,UAAA,IAAI,yBAA2B,EAAA;AAC7B,YAAA,OAAA,CAAQ,SAAS,YAAY,CAAA;AAAA;AAC/B;AACF;AAGF,MAAA,IAAI,KAAO,EAAA;AACT,QAAA,UAAA,CAAW,kBAAkB,KAAK,CAAA;AAAA,OAC7B,MAAA;AACL,QAAiB,gBAAA,EAAA;AAAA;AACnB,KACF;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,QAAW,GAAAC,aAAA;AAAA,IACf,MACE,gBAAmB,GAAA,CAAA,GACfC,iBAAS,CAAA,YAAA,EAAc,gBAAgB,CACvC,GAAA,YAAA;AAAA,IACN,CAAC,cAAc,gBAAgB;AAAA,GACjC;AAEA,EAAA,MAAM,aAAgB,GAAAD,aAAA;AAAA,IACpB,OAAO;AAAA,MACL,GAAG,OAAA;AAAA,MACH;AAAA,KACF,CAAA;AAAA,IACA,CAAC,SAAS,QAAQ;AAAA,GACpB;AAEA,EAAAE,eAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,OAAU,GAAA,IAAA;AACrB,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,OAAU,GAAA,KAAA;AAAA,KACvB;AAAA,GACF,EAAG,EAAE,CAAA;AAEL,EAAO,OAAA,aAAA;AACT;;;;"}

package/dist-cjs/avatar/Avatar.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var styles = require('@salt-ds/styles');
 var window = require('@salt-ds/window');
@@ -13,103 +11,8 @@ require('../utils/useFloatingUI/useFloatingUI.js');
 require('../utils/useId.js');
 require('../salt-provider/SaltProvider.js');
 require('../viewport/ViewportProvider.js');
-require('../accordion/AccordionGroup.js');
-require('../accordion/AccordionPanel.js');
-require('../accordion/Accordion.js');
-require('../accordion/AccordionHeader.js');
-require('../aria-announcer/AriaAnnouncerContext.js');
-var useAvatarImage = require('./useAvatarImage.js');
-require('../badge/Badge.js');
-require('../banner/Banner.js');
-require('../banner/BannerActions.js');
-require('../banner/BannerContent.js');
-require('../border-item/BorderItem.js');
-require('../border-layout/BorderLayout.js');
-require('../breakpoints/BreakpointProvider.js');
-require('../button/Button.js');
-require('../card/Card.js');
-require('../checkbox/Checkbox.js');
-require('../checkbox/CheckboxGroup.js');
-require('@salt-ds/icons');
-require('../combo-box/ComboBox.js');
-require('../dialog/Dialog.js');
-require('../dialog/DialogHeader.js');
-require('../dialog/DialogActions.js');
-require('../dialog/DialogContent.js');
-require('../dialog/DialogContext.js');
-require('../dialog/DialogCloseButton.js');
-require('../divider/Divider.js');
-require('../drawer/Drawer.js');
-require('../drawer/DrawerCloseButton.js');
-require('../dropdown/Dropdown.js');
-require('../file-drop-zone/FileDropZone.js');
-require('../file-drop-zone/FileDropZoneIcon.js');
-require('../file-drop-zone/FileDropZoneTrigger.js');
-require('../flex-item/FlexItem.js');
-require('../flex-layout/FlexLayout.js');
-require('../flow-layout/FlowLayout.js');
-require('../form-field/FormField.js');
-require('../form-field-context/FormFieldContext.js');
-require('../status-indicator/StatusIndicator.js');
-require('../text/Text.js');
-require('../text/Code.js');
-require('../text/Display.js');
-require('../text/Headings.js');
-require('../text/Label.js');
-require('../text/TextAction.js');
-require('../text/TextNotation.js');
-require('../grid-item/GridItem.js');
-require('../grid-layout/GridLayout.js');
-require('../input/Input.js');
-require('../interactable-card/InteractableCard.js');
-require('../interactable-card/InteractableCardGroup.js');
-require('../interactable-card/InteractableCardGroupContext.js');
-require('../link/Link.js');
-require('../link-card/LinkCard.js');
-require('../list-box/ListBox.js');
-require('../list-control/ListControlContext.js');
-require('@floating-ui/react');
-require('../menu/MenuContext.js');
-require('../menu/MenuItem.js');
-require('../menu/MenuPanel.js');
-require('../menu/MenuPanelContext.js');
-require('../menu/MenuTriggerContext.js');
-require('../menu/MenuGroup.js');
-require('../multiline-input/MultilineInput.js');
-require('../navigation-item/NavigationItem.js');
-require('../option/Option.js');
-require('../option/OptionGroup.js');
-require('../overlay/OverlayContext.js');
-require('../overlay/OverlayPanel.js');
-require('../overlay/OverlayPanelCloseButton.js');
-require('../overlay/OverlayPanelContent.js');
-require('../pagination/Pagination.js');
-require('../pagination/Paginator.js');
-require('../pagination/CompactInput.js');
-require('../pagination/CompactPaginator.js');
-require('../pagination/GoToInput.js');
-require('../panel/Panel.js');
-require('../parent-child-layout/ParentChildLayout.js');
-require('../pill/Pill.js');
-require('../progress/CircularProgress/CircularProgress.js');
-require('../progress/LinearProgress/LinearProgress.js');
-require('../radio-button/RadioButton.js');
-require('../radio-button/RadioButtonGroup.js');
-require('../scrim/Scrim.js');
-require('../segmented-button-group/SegmentedButtonGroup.js');
-require('../spinner/Spinner.js');
-require('../stack-layout/StackLayout.js');
-require('../status-adornment/StatusAdornment.js');
-require('../toast/Toast.js');
-require('../toast/ToastContent.js');
-require('../split-layout/SplitLayout.js');
-require('../switch/Switch.js');
-require('../tag/Tag.js');
-require('../toggle-button/ToggleButton.js');
-require('../toggle-button-group/ToggleButtonGroup.js');
-require('../toggle-button-group/ToggleButtonGroupContext.js');
-require('../tooltip/Tooltip.js');
 var Avatar$1 = require('./Avatar.css.js');
+var useAvatarImage = require('./useAvatarImage.js');
 
 const withBaseName = makePrefixer.makePrefixer("saltAvatar");
 const DEFAULT_AVATAR_SIZE = 2;
@@ -127,9 +30,7 @@ const Avatar = React.forwardRef(function Avatar2({
 }, ref) {
   const targetWindow = window.useWindow();
   const { UserIcon } = SemanticIconProvider.useIcon();
-  const fallbackIcon = fallbackIconProp === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(UserIcon, {
-    "aria-label": "User Avatar"
-  }) : fallbackIconProp;
+  const fallbackIcon = fallbackIconProp === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(UserIcon, { "aria-label": "User Avatar" }) : fallbackIconProp;
   styles.useComponentCssInjection({
     testId: "salt-avatar",
     css: Avatar$1,
@@ -143,10 +44,7 @@ const Avatar = React.forwardRef(function Avatar2({
   const status = useAvatarImage.useAvatarImage({ src });
   const hasImgNotFailing = status === "loaded";
   if (hasImgNotFailing) {
-    children = /* @__PURE__ */ jsxRuntime.jsx("img", {
-      alt: name,
-      src
-    });
+    children = /* @__PURE__ */ jsxRuntime.jsx("img", { alt: name, src });
   } else if (childrenProp != null) {
     children = childrenProp;
   }
@@ -155,18 +53,21 @@ const Avatar = React.forwardRef(function Avatar2({
     role: "img",
     "aria-label": name
   } : {};
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    ref,
-    style,
-    className: clsx.clsx(
-      withBaseName(),
-      { [withBaseName("withImage")]: hasImgNotFailing },
-      className
-    ),
-    ...initialsProps,
-    ...rest,
-    children: children || avatarInitials || fallbackIcon
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      style,
+      className: clsx.clsx(
+        withBaseName(),
+        { [withBaseName("withImage")]: hasImgNotFailing },
+        className
+      ),
+      ...initialsProps,
+      ...rest,
+      children: children || avatarInitials || fallbackIcon
+    }
+  );
 });
 
 exports.Avatar = Avatar;

package/dist-cjs/avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../src/avatar/Avatar.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, type ReactNode, forwardRef } from \"react\";\nimport { useIcon } from \"../semantic-icon-provider\";\nimport { makePrefixer } from \"../utils\";\nimport avatarCss from \"./Avatar.css\";\nimport { useAvatarImage } from \"./useAvatarImage\";\n\nexport type NameToInitials = (name?: string) => string;\n\nexport interface AvatarProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * The name that Avatar represents.\n   */\n  name?: string;\n  /**\n   * Defines the function that gets initials. Default is capital first letter of each separate word in name.\n   * If a function is not passed or returns undefined, Avatar will default to Icon.\n   */\n  nameToInitials?: NameToInitials;\n  /**\n   * Image src of Avatar.\n   */\n  src?: string;\n  /**\n   * Multiplier for the base avatar.\n   */\n  size?: number;\n  /**\n   * Icon to be used as a default item. Defaults to `UserIcon`\n   */\n  fallbackIcon?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltAvatar\");\nconst DEFAULT_AVATAR_SIZE = 2; // medium\n\nconst defaultNameToInitials = (name?: string) =>\n  name\n    ?.split(\" \")\n    .slice(0, 2)\n    .map((n) => n[0])\n    .join(\"\")\n    .toUpperCase();\n\nexport const Avatar = forwardRef<HTMLDivElement, AvatarProps>(function Avatar(\n  {\n    className,\n    children: childrenProp,\n    name,\n    nameToInitials = defaultNameToInitials,\n    src,\n    size = DEFAULT_AVATAR_SIZE,\n    style: styleProp,\n    fallbackIcon: fallbackIconProp,\n    ...rest\n  },\n  ref,\n) {\n  const targetWindow = useWindow();\n  const { UserIcon } = useIcon();\n\n  const fallbackIcon =\n    fallbackIconProp === undefined ? (\n      <UserIcon aria-label=\"User Avatar\" />\n    ) : (\n      fallbackIconProp\n    );\n\n  useComponentCssInjection({\n    testId: \"salt-avatar\",\n    css: avatarCss,\n    window: targetWindow,\n  });\n\n  let children: ReactNode;\n\n  const style = {\n    ...styleProp,\n    \"--saltAvatar-size-multiplier\": `${size}`,\n  };\n\n  const status = useAvatarImage({ src });\n  const hasImgNotFailing = status === \"loaded\";\n  if (hasImgNotFailing) {\n    children = <img alt={name} src={src} />;\n  } else if (childrenProp != null) {\n    children = childrenProp;\n  }\n\n  const avatarInitials = nameToInitials(name);\n\n  const initialsProps = avatarInitials\n    ? {\n        role: \"img\",\n        \"aria-label\": name,\n      }\n    : {};\n\n  return (\n    <div\n      ref={ref}\n      style={style}\n      className={clsx(\n        withBaseName(),\n        { [withBaseName(\"withImage\")]: hasImgNotFailing },\n        className,\n      )}\n      {...initialsProps}\n      {...rest}\n    >\n      {children || avatarInitials || fallbackIcon}\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","Avatar","useWindow","useIcon","jsx","useComponentCssInjection","avatarCss","useAvatarImage","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,MAAM,YAAA,GAAeA,0BAAa,YAAY,CAAA,CAAA;AAC9C,MAAM,mBAAsB,GAAA,CAAA,CAAA;AAE5B,MAAM,qBAAwB,GAAA,CAAC,IAC7B,KAAA,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CACI,MAAM,GACP,CAAA,CAAA,KAAA,CAAM,CAAG,EAAA,CAAA,CAAA,CACT,IAAI,CAAC,CAAA,KAAM,CAAE,CAAA,CAAA,CAAA,CAAA,CACb,KAAK,EACL,CAAA,CAAA,WAAA,EAAA,CAAA;AAEQ,MAAA,MAAA,GAASC,gBAAwC,CAAA,SAASC,OACrE,CAAA;AAAA,EACE,SAAA;AAAA,EACA,QAAU,EAAA,YAAA;AAAA,EACV,IAAA;AAAA,EACA,cAAiB,GAAA,qBAAA;AAAA,EACjB,GAAA;AAAA,EACA,IAAO,GAAA,mBAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,YAAc,EAAA,gBAAA;AAAA,EACX,GAAA,IAAA;AACL,CAAA,EACA,GACA,EAAA;AACA,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAM,MAAA,EAAE,QAAS,EAAA,GAAIC,4BAAQ,EAAA,CAAA;AAE7B,EAAM,MAAA,YAAA,GACJ,gBAAqB,KAAA,KAAA,CAAA,mBAClBC,cAAA,CAAA,QAAA,EAAA;AAAA,IAAS,YAAW,EAAA,aAAA;AAAA,GAAc,CAEnC,GAAA,gBAAA,CAAA;AAGJ,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,aAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAI,IAAA,QAAA,CAAA;AAEJ,EAAA,MAAM,KAAQ,GAAA;AAAA,IACZ,GAAG,SAAA;AAAA,IACH,gCAAgC,CAAG,EAAA,IAAA,CAAA,CAAA;AAAA,GACrC,CAAA;AAEA,EAAA,MAAM,MAAS,GAAAC,6BAAA,CAAe,EAAE,GAAA,EAAK,CAAA,CAAA;AACrC,EAAA,MAAM,mBAAmB,MAAW,KAAA,QAAA,CAAA;AACpC,EAAA,IAAI,gBAAkB,EAAA;AACpB,IAAA,QAAA,mBAAYH,cAAA,CAAA,KAAA,EAAA;AAAA,MAAI,GAAK,EAAA,IAAA;AAAA,MAAM,GAAA;AAAA,KAAU,CAAA,CAAA;AAAA,GACvC,MAAA,IAAW,gBAAgB,IAAM,EAAA;AAC/B,IAAW,QAAA,GAAA,YAAA,CAAA;AAAA,GACb;AAEA,EAAM,MAAA,cAAA,GAAiB,eAAe,IAAI,CAAA,CAAA;AAE1C,EAAA,MAAM,gBAAgB,cAClB,GAAA;AAAA,IACE,IAAM,EAAA,KAAA;AAAA,IACN,YAAc,EAAA,IAAA;AAAA,MAEhB,EAAC,CAAA;AAEL,EAAA,uBACGA,cAAA,CAAA,KAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAW,EAAAI,SAAA;AAAA,MACT,YAAa,EAAA;AAAA,MACb,EAAE,CAAC,YAAa,CAAA,WAAW,IAAI,gBAAiB,EAAA;AAAA,MAChD,SAAA;AAAA,KACF;AAAA,IACC,GAAG,aAAA;AAAA,IACH,GAAG,IAAA;AAAA,IAEH,sBAAY,cAAkB,IAAA,YAAA;AAAA,GACjC,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Avatar.js","sources":["../src/avatar/Avatar.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, type ReactNode, forwardRef } from \"react\";\nimport { useIcon } from \"../semantic-icon-provider\";\nimport { makePrefixer } from \"../utils\";\nimport avatarCss from \"./Avatar.css\";\nimport { useAvatarImage } from \"./useAvatarImage\";\n\nexport type NameToInitials = (name?: string) => string;\n\nexport interface AvatarProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * The name that Avatar represents.\n   */\n  name?: string;\n  /**\n   * Defines the function that gets initials. Default is capital first letter of each separate word in name.\n   * If a function is not passed or returns undefined, Avatar will default to Icon.\n   */\n  nameToInitials?: NameToInitials;\n  /**\n   * Image src of Avatar.\n   */\n  src?: string;\n  /**\n   * Multiplier for the base avatar.\n   */\n  size?: number;\n  /**\n   * Icon to be used as a default item. Defaults to `UserIcon`\n   */\n  fallbackIcon?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltAvatar\");\nconst DEFAULT_AVATAR_SIZE = 2; // medium\n\nconst defaultNameToInitials = (name?: string) =>\n  name\n    ?.split(\" \")\n    .slice(0, 2)\n    .map((n) => n[0])\n    .join(\"\")\n    .toUpperCase();\n\nexport const Avatar = forwardRef<HTMLDivElement, AvatarProps>(function Avatar(\n  {\n    className,\n    children: childrenProp,\n    name,\n    nameToInitials = defaultNameToInitials,\n    src,\n    size = DEFAULT_AVATAR_SIZE,\n    style: styleProp,\n    fallbackIcon: fallbackIconProp,\n    ...rest\n  },\n  ref,\n) {\n  const targetWindow = useWindow();\n  const { UserIcon } = useIcon();\n\n  const fallbackIcon =\n    fallbackIconProp === undefined ? (\n      <UserIcon aria-label=\"User Avatar\" />\n    ) : (\n      fallbackIconProp\n    );\n\n  useComponentCssInjection({\n    testId: \"salt-avatar\",\n    css: avatarCss,\n    window: targetWindow,\n  });\n\n  let children: ReactNode;\n\n  const style = {\n    ...styleProp,\n    \"--saltAvatar-size-multiplier\": `${size}`,\n  };\n\n  const status = useAvatarImage({ src });\n  const hasImgNotFailing = status === \"loaded\";\n  if (hasImgNotFailing) {\n    children = <img alt={name} src={src} />;\n  } else if (childrenProp != null) {\n    children = childrenProp;\n  }\n\n  const avatarInitials = nameToInitials(name);\n\n  const initialsProps = avatarInitials\n    ? {\n        role: \"img\",\n        \"aria-label\": name,\n      }\n    : {};\n\n  return (\n    <div\n      ref={ref}\n      style={style}\n      className={clsx(\n        withBaseName(),\n        { [withBaseName(\"withImage\")]: hasImgNotFailing },\n        className,\n      )}\n      {...initialsProps}\n      {...rest}\n    >\n      {children || avatarInitials || fallbackIcon}\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","Avatar","useWindow","useIcon","useComponentCssInjection","avatarCss","useAvatarImage","jsx","clsx"],"mappings":";;;;;;;;;;;;;;;;AAmCA,MAAM,YAAA,GAAeA,0BAAa,YAAY,CAAA;AAC9C,MAAM,mBAAsB,GAAA,CAAA;AAE5B,MAAM,wBAAwB,CAAC,IAAA,KAC7B,IACI,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAA,KAAA,CAAM,KACP,KAAM,CAAA,CAAA,EAAG,CACT,CAAA,CAAA,GAAA,CAAI,CAAC,CAAM,KAAA,CAAA,CAAE,CAAC,CAAA,CAAA,CACd,KAAK,EACL,CAAA,CAAA,WAAA,EAAA;AAEQ,MAAA,MAAA,GAASC,gBAAwC,CAAA,SAASC,OACrE,CAAA;AAAA,EACE,SAAA;AAAA,EACA,QAAU,EAAA,YAAA;AAAA,EACV,IAAA;AAAA,EACA,cAAiB,GAAA,qBAAA;AAAA,EACjB,GAAA;AAAA,EACA,IAAO,GAAA,mBAAA;AAAA,EACP,KAAO,EAAA,SAAA;AAAA,EACP,YAAc,EAAA,gBAAA;AAAA,EACd,GAAG;AACL,CAAA,EACA,GACA,EAAA;AACA,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAM,MAAA,EAAE,QAAS,EAAA,GAAIC,4BAAQ,EAAA;AAE7B,EAAA,MAAM,eACJ,gBAAqB,KAAA,KAAA,CAAA,kCAClB,QAAS,EAAA,EAAA,YAAA,EAAW,eAAc,CAEnC,GAAA,gBAAA;AAGJ,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,aAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAI,IAAA,QAAA;AAEJ,EAAA,MAAM,KAAQ,GAAA;AAAA,IACZ,GAAG,SAAA;AAAA,IACH,8BAAA,EAAgC,GAAG,IAAI,CAAA;AAAA,GACzC;AAEA,EAAA,MAAM,MAAS,GAAAC,6BAAA,CAAe,EAAE,GAAA,EAAK,CAAA;AACrC,EAAA,MAAM,mBAAmB,MAAW,KAAA,QAAA;AACpC,EAAA,IAAI,gBAAkB,EAAA;AACpB,IAAA,QAAA,mBAAYC,cAAA,CAAA,KAAA,EAAA,EAAI,GAAK,EAAA,IAAA,EAAM,GAAU,EAAA,CAAA;AAAA,GACvC,MAAA,IAAW,gBAAgB,IAAM,EAAA;AAC/B,IAAW,QAAA,GAAA,YAAA;AAAA;AAGb,EAAM,MAAA,cAAA,GAAiB,eAAe,IAAI,CAAA;AAE1C,EAAA,MAAM,gBAAgB,cAClB,GAAA;AAAA,IACE,IAAM,EAAA,KAAA;AAAA,IACN,YAAc,EAAA;AAAA,MAEhB,EAAC;AAEL,EACE,uBAAAA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAW,EAAAC,SAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb,EAAE,CAAC,YAAA,CAAa,WAAW,CAAC,GAAG,gBAAiB,EAAA;AAAA,QAChD;AAAA,OACF;AAAA,MACC,GAAG,aAAA;AAAA,MACH,GAAG,IAAA;AAAA,MAEH,sBAAY,cAAkB,IAAA;AAAA;AAAA,GACjC;AAEJ,CAAC;;;;"}

package/dist-cjs/avatar/useAvatarImage.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 require('react/jsx-runtime');
 require('clsx');
@@ -10,105 +8,6 @@ require('../utils/useId.js');
 var useIsomorphicLayoutEffect = require('../utils/useIsomorphicLayoutEffect.js');
 require('../salt-provider/SaltProvider.js');
 require('../viewport/ViewportProvider.js');
-require('../accordion/AccordionGroup.js');
-require('../accordion/AccordionPanel.js');
-require('../accordion/Accordion.js');
-require('../accordion/AccordionHeader.js');
-require('../aria-announcer/AriaAnnouncerContext.js');
-require('./Avatar.js');
-require('../badge/Badge.js');
-require('../banner/Banner.js');
-require('../banner/BannerActions.js');
-require('../banner/BannerContent.js');
-require('../border-item/BorderItem.js');
-require('../border-layout/BorderLayout.js');
-require('../breakpoints/BreakpointProvider.js');
-require('../button/Button.js');
-require('../card/Card.js');
-require('../checkbox/Checkbox.js');
-require('../checkbox/CheckboxGroup.js');
-require('@salt-ds/icons');
-require('@salt-ds/styles');
-require('@salt-ds/window');
-require('../combo-box/ComboBox.js');
-require('../dialog/Dialog.js');
-require('../dialog/DialogHeader.js');
-require('../dialog/DialogActions.js');
-require('../dialog/DialogContent.js');
-require('../dialog/DialogContext.js');
-require('../dialog/DialogCloseButton.js');
-require('../divider/Divider.js');
-require('../drawer/Drawer.js');
-require('../drawer/DrawerCloseButton.js');
-require('../dropdown/Dropdown.js');
-require('../file-drop-zone/FileDropZone.js');
-require('../file-drop-zone/FileDropZoneIcon.js');
-require('../file-drop-zone/FileDropZoneTrigger.js');
-require('../flex-item/FlexItem.js');
-require('../flex-layout/FlexLayout.js');
-require('../flow-layout/FlowLayout.js');
-require('../form-field/FormField.js');
-require('../form-field-context/FormFieldContext.js');
-require('../status-indicator/StatusIndicator.js');
-require('../text/Text.js');
-require('../text/Code.js');
-require('../text/Display.js');
-require('../text/Headings.js');
-require('../text/Label.js');
-require('../text/TextAction.js');
-require('../text/TextNotation.js');
-require('../grid-item/GridItem.js');
-require('../grid-layout/GridLayout.js');
-require('../input/Input.js');
-require('../interactable-card/InteractableCard.js');
-require('../interactable-card/InteractableCardGroup.js');
-require('../interactable-card/InteractableCardGroupContext.js');
-require('../link/Link.js');
-require('../link-card/LinkCard.js');
-require('../list-box/ListBox.js');
-require('../list-control/ListControlContext.js');
-require('@floating-ui/react');
-require('../menu/MenuContext.js');
-require('../menu/MenuItem.js');
-require('../menu/MenuPanel.js');
-require('../menu/MenuPanelContext.js');
-require('../menu/MenuTriggerContext.js');
-require('../menu/MenuGroup.js');
-require('../multiline-input/MultilineInput.js');
-require('../navigation-item/NavigationItem.js');
-require('../option/Option.js');
-require('../option/OptionGroup.js');
-require('../overlay/OverlayContext.js');
-require('../overlay/OverlayPanel.js');
-require('../overlay/OverlayPanelCloseButton.js');
-require('../overlay/OverlayPanelContent.js');
-require('../pagination/Pagination.js');
-require('../pagination/Paginator.js');
-require('../pagination/CompactInput.js');
-require('../pagination/CompactPaginator.js');
-require('../pagination/GoToInput.js');
-require('../panel/Panel.js');
-require('../parent-child-layout/ParentChildLayout.js');
-require('../pill/Pill.js');
-require('../progress/CircularProgress/CircularProgress.js');
-require('../progress/LinearProgress/LinearProgress.js');
-require('../radio-button/RadioButton.js');
-require('../radio-button/RadioButtonGroup.js');
-require('../scrim/Scrim.js');
-require('../segmented-button-group/SegmentedButtonGroup.js');
-require('../spinner/Spinner.js');
-require('../stack-layout/StackLayout.js');
-require('../status-adornment/StatusAdornment.js');
-require('../toast/Toast.js');
-require('../toast/ToastContent.js');
-require('../split-layout/SplitLayout.js');
-require('../switch/Switch.js');
-require('../tag/Tag.js');
-require('../toggle-button/ToggleButton.js');
-require('../toggle-button-group/ToggleButtonGroup.js');
-require('../toggle-button-group/ToggleButtonGroupContext.js');
-require('../tooltip/Tooltip.js');
-require('../semantic-icon-provider/SemanticIconProvider.js');
 
 function useAvatarImage({ src }) {
   const [status, setStatus] = React.useState("loading");

package/dist-cjs/avatar/useAvatarImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAvatarImage.js","sources":["../src/avatar/useAvatarImage.ts"],"sourcesContent":["import { type ImgHTMLAttributes, useEffect, useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../utils\";\n\nexport function useAvatarImage({ src }: ImgHTMLAttributes<HTMLImageElement>) {\n  const [status, setStatus] = useState<\n    \"pending\" | \"loading\" | \"loaded\" | \"error\"\n  >(\"loading\");\n\n  useEffect(() => {\n    setStatus(src ? \"loading\" : \"pending\");\n  }, [src]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!src) {\n      return;\n    }\n\n    let active = true;\n    const image = new Image();\n    image.src = src;\n    const onLoad = () => active && setStatus(\"loaded\");\n    const onError = () => active && setStatus(\"error\");\n\n    image.addEventListener(\"load\", onLoad, { once: true });\n    image.addEventListener(\"error\", onError, { once: true });\n\n    return () => {\n      image.removeEventListener(\"load\", onLoad);\n      image.removeEventListener(\"load\", onError);\n      active = false;\n    };\n  }, [src]);\n\n  return status;\n}\n"],"names":["useState","useEffect","useIsomorphicLayoutEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGgB,SAAA,cAAA,CAAe,EAAE,GAAA,EAA4C,EAAA;AAC3E,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,eAE1B,SAAS,CAAA,CAAA;AAEX,EAAAC,eAAA,CAAU,MAAM;AACd,IAAU,SAAA,CAAA,GAAA,GAAM,YAAY,SAAS,CAAA,CAAA;AAAA,GACvC,EAAG,CAAC,GAAG,CAAC,CAAA,CAAA;AAER,EAAAC,mDAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,CAAC,GAAK,EAAA;AACR,MAAA,OAAA;AAAA,KACF;AAEA,IAAA,IAAI,MAAS,GAAA,IAAA,CAAA;AACb,IAAM,MAAA,KAAA,GAAQ,IAAI,KAAM,EAAA,CAAA;AACxB,IAAA,KAAA,CAAM,GAAM,GAAA,GAAA,CAAA;AACZ,IAAA,MAAM,MAAS,GAAA,MAAM,MAAU,IAAA,SAAA,CAAU,QAAQ,CAAA,CAAA;AACjD,IAAA,MAAM,OAAU,GAAA,MAAM,MAAU,IAAA,SAAA,CAAU,OAAO,CAAA,CAAA;AAEjD,IAAA,KAAA,CAAM,iBAAiB,MAAQ,EAAA,MAAA,EAAQ,EAAE,IAAA,EAAM,MAAM,CAAA,CAAA;AACrD,IAAA,KAAA,CAAM,iBAAiB,OAAS,EAAA,OAAA,EAAS,EAAE,IAAA,EAAM,MAAM,CAAA,CAAA;AAEvD,IAAA,OAAO,MAAM;AACX,MAAM,KAAA,CAAA,mBAAA,CAAoB,QAAQ,MAAM,CAAA,CAAA;AACxC,MAAM,KAAA,CAAA,mBAAA,CAAoB,QAAQ,OAAO,CAAA,CAAA;AACzC,MAAS,MAAA,GAAA,KAAA,CAAA;AAAA,KACX,CAAA;AAAA,GACF,EAAG,CAAC,GAAG,CAAC,CAAA,CAAA;AAER,EAAO,OAAA,MAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"useAvatarImage.js","sources":["../src/avatar/useAvatarImage.ts"],"sourcesContent":["import { type ImgHTMLAttributes, useEffect, useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../utils\";\n\nexport function useAvatarImage({ src }: ImgHTMLAttributes<HTMLImageElement>) {\n  const [status, setStatus] = useState<\n    \"pending\" | \"loading\" | \"loaded\" | \"error\"\n  >(\"loading\");\n\n  useEffect(() => {\n    setStatus(src ? \"loading\" : \"pending\");\n  }, [src]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!src) {\n      return;\n    }\n\n    let active = true;\n    const image = new Image();\n    image.src = src;\n    const onLoad = () => active && setStatus(\"loaded\");\n    const onError = () => active && setStatus(\"error\");\n\n    image.addEventListener(\"load\", onLoad, { once: true });\n    image.addEventListener(\"error\", onError, { once: true });\n\n    return () => {\n      image.removeEventListener(\"load\", onLoad);\n      image.removeEventListener(\"load\", onError);\n      active = false;\n    };\n  }, [src]);\n\n  return status;\n}\n"],"names":["useState","useEffect","useIsomorphicLayoutEffect"],"mappings":";;;;;;;;;;;AAGgB,SAAA,cAAA,CAAe,EAAE,GAAA,EAA4C,EAAA;AAC3E,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,eAE1B,SAAS,CAAA;AAEX,EAAAC,eAAA,CAAU,MAAM;AACd,IAAU,SAAA,CAAA,GAAA,GAAM,YAAY,SAAS,CAAA;AAAA,GACvC,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAAC,mDAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,CAAC,GAAK,EAAA;AACR,MAAA;AAAA;AAGF,IAAA,IAAI,MAAS,GAAA,IAAA;AACb,IAAM,MAAA,KAAA,GAAQ,IAAI,KAAM,EAAA;AACxB,IAAA,KAAA,CAAM,GAAM,GAAA,GAAA;AACZ,IAAA,MAAM,MAAS,GAAA,MAAM,MAAU,IAAA,SAAA,CAAU,QAAQ,CAAA;AACjD,IAAA,MAAM,OAAU,GAAA,MAAM,MAAU,IAAA,SAAA,CAAU,OAAO,CAAA;AAEjD,IAAA,KAAA,CAAM,iBAAiB,MAAQ,EAAA,MAAA,EAAQ,EAAE,IAAA,EAAM,MAAM,CAAA;AACrD,IAAA,KAAA,CAAM,iBAAiB,OAAS,EAAA,OAAA,EAAS,EAAE,IAAA,EAAM,MAAM,CAAA;AAEvD,IAAA,OAAO,MAAM;AACX,MAAM,KAAA,CAAA,mBAAA,CAAoB,QAAQ,MAAM,CAAA;AACxC,MAAM,KAAA,CAAA,mBAAA,CAAoB,QAAQ,OAAO,CAAA;AACzC,MAAS,MAAA,GAAA,KAAA;AAAA,KACX;AAAA,GACF,EAAG,CAAC,GAAG,CAAC,CAAA;AAER,EAAO,OAAA,MAAA;AACT;;;;"}

package/dist-cjs/badge/Badge.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var styles = require('@salt-ds/styles');
 var window = require('@salt-ds/window');
@@ -12,102 +10,6 @@ require('../utils/useFloatingUI/useFloatingUI.js');
 require('../utils/useId.js');
 require('../salt-provider/SaltProvider.js');
 require('../viewport/ViewportProvider.js');
-require('../accordion/AccordionGroup.js');
-require('../accordion/AccordionPanel.js');
-require('../accordion/Accordion.js');
-require('../accordion/AccordionHeader.js');
-require('../aria-announcer/AriaAnnouncerContext.js');
-require('../avatar/Avatar.js');
-require('../banner/Banner.js');
-require('../banner/BannerActions.js');
-require('../banner/BannerContent.js');
-require('../border-item/BorderItem.js');
-require('../border-layout/BorderLayout.js');
-require('../breakpoints/BreakpointProvider.js');
-require('../button/Button.js');
-require('../card/Card.js');
-require('../checkbox/Checkbox.js');
-require('../checkbox/CheckboxGroup.js');
-require('@salt-ds/icons');
-require('../combo-box/ComboBox.js');
-require('../dialog/Dialog.js');
-require('../dialog/DialogHeader.js');
-require('../dialog/DialogActions.js');
-require('../dialog/DialogContent.js');
-require('../dialog/DialogContext.js');
-require('../dialog/DialogCloseButton.js');
-require('../divider/Divider.js');
-require('../drawer/Drawer.js');
-require('../drawer/DrawerCloseButton.js');
-require('../dropdown/Dropdown.js');
-require('../file-drop-zone/FileDropZone.js');
-require('../file-drop-zone/FileDropZoneIcon.js');
-require('../file-drop-zone/FileDropZoneTrigger.js');
-require('../flex-item/FlexItem.js');
-require('../flex-layout/FlexLayout.js');
-require('../flow-layout/FlowLayout.js');
-require('../form-field/FormField.js');
-require('../form-field-context/FormFieldContext.js');
-require('../status-indicator/StatusIndicator.js');
-require('../text/Text.js');
-require('../text/Code.js');
-require('../text/Display.js');
-require('../text/Headings.js');
-require('../text/Label.js');
-require('../text/TextAction.js');
-require('../text/TextNotation.js');
-require('../grid-item/GridItem.js');
-require('../grid-layout/GridLayout.js');
-require('../input/Input.js');
-require('../interactable-card/InteractableCard.js');
-require('../interactable-card/InteractableCardGroup.js');
-require('../interactable-card/InteractableCardGroupContext.js');
-require('../link/Link.js');
-require('../link-card/LinkCard.js');
-require('../list-box/ListBox.js');
-require('../list-control/ListControlContext.js');
-require('@floating-ui/react');
-require('../menu/MenuContext.js');
-require('../menu/MenuItem.js');
-require('../menu/MenuPanel.js');
-require('../menu/MenuPanelContext.js');
-require('../menu/MenuTriggerContext.js');
-require('../menu/MenuGroup.js');
-require('../multiline-input/MultilineInput.js');
-require('../navigation-item/NavigationItem.js');
-require('../option/Option.js');
-require('../option/OptionGroup.js');
-require('../overlay/OverlayContext.js');
-require('../overlay/OverlayPanel.js');
-require('../overlay/OverlayPanelCloseButton.js');
-require('../overlay/OverlayPanelContent.js');
-require('../pagination/Pagination.js');
-require('../pagination/Paginator.js');
-require('../pagination/CompactInput.js');
-require('../pagination/CompactPaginator.js');
-require('../pagination/GoToInput.js');
-require('../panel/Panel.js');
-require('../parent-child-layout/ParentChildLayout.js');
-require('../pill/Pill.js');
-require('../progress/CircularProgress/CircularProgress.js');
-require('../progress/LinearProgress/LinearProgress.js');
-require('../radio-button/RadioButton.js');
-require('../radio-button/RadioButtonGroup.js');
-require('../scrim/Scrim.js');
-require('../segmented-button-group/SegmentedButtonGroup.js');
-require('../spinner/Spinner.js');
-require('../stack-layout/StackLayout.js');
-require('../status-adornment/StatusAdornment.js');
-require('../toast/Toast.js');
-require('../toast/ToastContent.js');
-require('../split-layout/SplitLayout.js');
-require('../switch/Switch.js');
-require('../tag/Tag.js');
-require('../toggle-button/ToggleButton.js');
-require('../toggle-button-group/ToggleButtonGroup.js');
-require('../toggle-button-group/ToggleButtonGroupContext.js');
-require('../tooltip/Tooltip.js');
-require('../semantic-icon-provider/SemanticIconProvider.js');
 var Badge$1 = require('./Badge.css.js');
 
 const withBaseName = makePrefixer.makePrefixer("saltBadge");
@@ -120,21 +22,19 @@ const Badge = React.forwardRef(function Badge2({ value, max = 999, className, ch
   });
   const valueText = typeof value === "number" && value > max ? `${max}+` : value;
   const dotBadge = typeof value === "undefined";
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", {
-    className: clsx.clsx(withBaseName(), className),
-    ref,
-    ...rest,
-    children: [
-      children,
-      /* @__PURE__ */ jsxRuntime.jsx("span", {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx.clsx(withBaseName(), className), ref, ...rest, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
         className: clsx.clsx(withBaseName("badge"), {
           [withBaseName("topRight")]: children,
           [withBaseName("dotBadge")]: dotBadge
         }),
         children: valueText
-      })
-    ]
-  });
+      }
+    )
+  ] });
 });
 
 exports.Badge = Badge;

package/dist-cjs/badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../src/badge/Badge.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, type ReactNode, forwardRef } from \"react\";\nimport { makePrefixer } from \"../utils\";\n\nimport badgeCss from \"./Badge.css\";\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * The number to display on the badge. If `value` is not provided,\n   * the badge will render as a dot badge.\n   */\n  value?: number | string;\n  /**\n   * If a child is provided the Badge will render top right. By defualt renders inline.\n   */\n  children?: ReactNode;\n  /**\n   * The max number to display on the badge.\n   */\n  max?: number;\n}\nconst withBaseName = makePrefixer(\"saltBadge\");\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(function Badge(\n  { value, max = 999, className, children, ...rest },\n  ref,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-badge\",\n    css: badgeCss,\n    window: targetWindow,\n  });\n\n  const valueText =\n    typeof value === \"number\" && value > max ? `${max}+` : value;\n\n  const dotBadge = typeof value === \"undefined\";\n\n  return (\n    <span className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n      {children}\n      <span\n        className={clsx(withBaseName(\"badge\"), {\n          [withBaseName(\"topRight\")]: children,\n          [withBaseName(\"dotBadge\")]: dotBadge,\n        })}\n      >\n        {valueText}\n      </span>\n    </span>\n  );\n});\n"],"names":["makePrefixer","forwardRef","Badge","useWindow","useComponentCssInjection","badgeCss","jsxs","clsx","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAM,YAAA,GAAeA,0BAAa,WAAW,CAAA,CAAA;AAEtC,MAAM,KAAQ,GAAAC,gBAAA,CAAwC,SAASC,MAAAA,CACpE,EAAE,KAAA,EAAO,GAAM,GAAA,GAAA,EAAK,SAAW,EAAA,QAAA,EAAA,GAAa,IAAK,EAAA,EACjD,GACA,EAAA;AACA,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,YAAA;AAAA,IACR,GAAK,EAAAC,OAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,YACJ,OAAO,KAAA,KAAU,YAAY,KAAQ,GAAA,GAAA,GAAM,GAAG,GAAS,CAAA,CAAA,CAAA,GAAA,KAAA,CAAA;AAEzD,EAAM,MAAA,QAAA,GAAW,OAAO,KAAU,KAAA,WAAA,CAAA;AAElC,EAAA,uBACGC,eAAA,CAAA,MAAA,EAAA;AAAA,IAAK,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,IAAG,GAAA;AAAA,IAAW,GAAG,IAAA;AAAA,IAC7D,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACAC,cAAA,CAAA,MAAA,EAAA;AAAA,QACC,SAAW,EAAAD,SAAA,CAAK,YAAa,CAAA,OAAO,CAAG,EAAA;AAAA,UACrC,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,UAC5B,CAAC,YAAa,CAAA,UAAU,CAAI,GAAA,QAAA;AAAA,SAC7B,CAAA;AAAA,QAEA,QAAA,EAAA,SAAA;AAAA,OACH,CAAA;AAAA,KAAA;AAAA,GACF,CAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Badge.js","sources":["../src/badge/Badge.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, type ReactNode, forwardRef } from \"react\";\nimport { makePrefixer } from \"../utils\";\n\nimport badgeCss from \"./Badge.css\";\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * The number to display on the badge. If `value` is not provided,\n   * the badge will render as a dot badge.\n   */\n  value?: number | string;\n  /**\n   * If a child is provided the Badge will render top right. By defualt renders inline.\n   */\n  children?: ReactNode;\n  /**\n   * The max number to display on the badge.\n   */\n  max?: number;\n}\nconst withBaseName = makePrefixer(\"saltBadge\");\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(function Badge(\n  { value, max = 999, className, children, ...rest },\n  ref,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-badge\",\n    css: badgeCss,\n    window: targetWindow,\n  });\n\n  const valueText =\n    typeof value === \"number\" && value > max ? `${max}+` : value;\n\n  const dotBadge = typeof value === \"undefined\";\n\n  return (\n    <span className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n      {children}\n      <span\n        className={clsx(withBaseName(\"badge\"), {\n          [withBaseName(\"topRight\")]: children,\n          [withBaseName(\"dotBadge\")]: dotBadge,\n        })}\n      >\n        {valueText}\n      </span>\n    </span>\n  );\n});\n"],"names":["makePrefixer","forwardRef","Badge","useWindow","useComponentCssInjection","badgeCss","jsxs","clsx","jsx"],"mappings":";;;;;;;;;;;;;;AAuBA,MAAM,YAAA,GAAeA,0BAAa,WAAW,CAAA;AAEtC,MAAM,KAAQ,GAAAC,gBAAA,CAAwC,SAASC,MAAAA,CACpE,EAAE,KAAA,EAAO,GAAM,GAAA,GAAA,EAAK,SAAW,EAAA,QAAA,EAAU,GAAG,IAAA,IAC5C,GACA,EAAA;AACA,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,YAAA;AAAA,IACR,GAAK,EAAAC,OAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,SAAA,GACJ,OAAO,KAAU,KAAA,QAAA,IAAY,QAAQ,GAAM,GAAA,CAAA,EAAG,GAAG,CAAM,CAAA,CAAA,GAAA,KAAA;AAEzD,EAAM,MAAA,QAAA,GAAW,OAAO,KAAU,KAAA,WAAA;AAElC,EACE,uBAAAC,eAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAWC,SAAK,CAAA,YAAA,IAAgB,SAAS,CAAA,EAAG,GAAW,EAAA,GAAG,IAC7D,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACDC,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAAD,SAAA,CAAK,YAAa,CAAA,OAAO,CAAG,EAAA;AAAA,UACrC,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG,QAAA;AAAA,UAC5B,CAAC,YAAA,CAAa,UAAU,CAAC,GAAG;AAAA,SAC7B,CAAA;AAAA,QAEA,QAAA,EAAA;AAAA;AAAA;AACH,GACF,EAAA,CAAA;AAEJ,CAAC;;;;"}