@salt-ds/core 1.37.1 → 1.37.2

package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var createContext = require('../utils/createContext.js');
 require('react/jsx-runtime');
@@ -10,104 +8,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('../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('./ToggleButtonGroup.js');
-require('../tooltip/Tooltip.js');
-require('../semantic-icon-provider/SemanticIconProvider.js');
 
 const ToggleButtonGroupContext = createContext.createContext("ToggleButtonGroupContext", void 0);
 function useToggleButtonGroup() {

package/dist-cjs/toggle-button-group/ToggleButtonGroupContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonGroupContext.js","sources":["../src/toggle-button-group/ToggleButtonGroupContext.ts"],"sourcesContent":["import { type SyntheticEvent, useContext } from \"react\";\nimport { createContext } from \"../utils\";\n\nexport type Value = string | readonly string[] | number | undefined;\n\nexport interface ToggleButtonGroupContextValue {\n  disabled?: boolean;\n  select: (event: SyntheticEvent<HTMLButtonElement>) => void;\n  isSelected: (id: Value) => boolean;\n  focus: (id: Value) => void;\n  isFocused: (id: Value) => boolean;\n  orientation: \"horizontal\" | \"vertical\";\n}\n\nexport const ToggleButtonGroupContext = createContext<\n  ToggleButtonGroupContextValue | undefined\n>(\"ToggleButtonGroupContext\", undefined);\n\nexport function useToggleButtonGroup() {\n  return useContext(ToggleButtonGroupContext);\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAca,MAAA,wBAAA,GAA2BA,2BAEtC,CAAA,0BAAA,EAA4B,KAAS,CAAA,EAAA;AAEhC,SAAS,oBAAuB,GAAA;AACrC,EAAA,OAAOC,iBAAW,wBAAwB,CAAA,CAAA;AAC5C;;;;;"}
+{"version":3,"file":"ToggleButtonGroupContext.js","sources":["../src/toggle-button-group/ToggleButtonGroupContext.ts"],"sourcesContent":["import { type SyntheticEvent, useContext } from \"react\";\nimport { createContext } from \"../utils\";\n\nexport type Value = string | readonly string[] | number | undefined;\n\nexport interface ToggleButtonGroupContextValue {\n  disabled?: boolean;\n  select: (event: SyntheticEvent<HTMLButtonElement>) => void;\n  isSelected: (id: Value) => boolean;\n  focus: (id: Value) => void;\n  isFocused: (id: Value) => boolean;\n  orientation: \"horizontal\" | \"vertical\";\n}\n\nexport const ToggleButtonGroupContext = createContext<\n  ToggleButtonGroupContextValue | undefined\n>(\"ToggleButtonGroupContext\", undefined);\n\nexport function useToggleButtonGroup() {\n  return useContext(ToggleButtonGroupContext);\n}\n"],"names":["createContext","useContext"],"mappings":";;;;;;;;;;;AAca,MAAA,wBAAA,GAA2BA,2BAEtC,CAAA,0BAAA,EAA4B,KAAS,CAAA;AAEhC,SAAS,oBAAuB,GAAA;AACrC,EAAA,OAAOC,iBAAW,wBAAwB,CAAA;AAC5C;;;;;"}

package/dist-cjs/tooltip/Tooltip.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var React = require('react');
@@ -14,107 +12,11 @@ var useForkRef = require('../utils/useForkRef.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('../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');
+var getRefFromChildren = require('../utils/getRefFromChildren.js');
 require('../form-field-context/FormFieldContext.js');
 var useFormFieldProps = require('../form-field-context/useFormFieldProps.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');
-var useTooltip = require('./useTooltip.js');
-require('../semantic-icon-provider/SemanticIconProvider.js');
-var getRefFromChildren = require('../utils/getRefFromChildren.js');
 var TooltipBase = require('./TooltipBase.js');
+var useTooltip = require('./useTooltip.js');
 
 const withBaseName = makePrefixer.makePrefixer("saltTooltip");
 const Tooltip = React.forwardRef(
@@ -138,7 +40,7 @@ const Tooltip = React.forwardRef(
       validationStatus: formFieldValidationStatus
     } = useFormFieldProps.useFormFieldProps();
     const disabled = disabledProp || formFieldDisabled;
-    const status = formFieldValidationStatus !== void 0 && ValidationStatus.VALIDATION_NAMED_STATUS.includes(formFieldValidationStatus) ? formFieldValidationStatus : statusProp;
+    const status = statusProp ?? (formFieldValidationStatus !== void 0 && ValidationStatus.VALIDATION_NAMED_STATUS.includes(formFieldValidationStatus) ? formFieldValidationStatus : void 0);
     const { Component: FloatingComponent } = useFloatingUI.useFloatingComponent();
     const hookProps = {
       open: openProp,
@@ -160,32 +62,36 @@ const Tooltip = React.forwardRef(
     const triggerRef = useForkRef.useForkRef(getRefFromChildren.getRefFromChildren(children), reference);
     const floatingRef = useForkRef.useForkRef(floating, ref);
     const hasContent = content !== void 0 && content !== "";
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [
-        React.isValidElement(children) && React.cloneElement(children, {
-          ...mergeProps.mergeProps(getTriggerProps(), children.props),
-          ref: triggerRef
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx(FloatingComponent, {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      React.isValidElement(children) && React.cloneElement(children, {
+        ...mergeProps.mergeProps(getTriggerProps(), children.props),
+        ref: triggerRef
+      }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FloatingComponent,
+        {
           className: clsx.clsx(
             withBaseName(),
-            { [withBaseName(status != null ? status : "")]: status },
+            { [withBaseName(status ?? "")]: status },
             className
           ),
           open: open && !disabled && hasContent,
           ...getTooltipProps(),
           ref: floatingRef,
           ...getTooltipPosition(),
-          children: /* @__PURE__ */ jsxRuntime.jsx(TooltipBase.TooltipBase, {
-            hideIcon,
-            status,
-            content,
-            hideArrow,
-            arrowProps
-          })
-        })
-      ]
-    });
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            TooltipBase.TooltipBase,
+            {
+              hideIcon,
+              status,
+              content,
+              hideArrow,
+              arrowProps
+            }
+          )
+        }
+      )
+    ] });
   }
 );
 

package/dist-cjs/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../src/tooltip/Tooltip.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  type HTMLAttributes,\n  type ReactNode,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n} from \"react\";\n\nimport {\n  VALIDATION_NAMED_STATUS,\n  type ValidationStatus,\n} from \"../status-indicator\";\nimport {\n  type UseFloatingUIProps,\n  getRefFromChildren,\n  makePrefixer,\n  mergeProps,\n  useFloatingComponent,\n  useForkRef,\n} from \"../utils\";\n\nimport { useFormFieldProps } from \"../form-field-context\";\nimport { TooltipBase } from \"./TooltipBase\";\nimport { type UseTooltipProps, useTooltip } from \"./useTooltip\";\n\nconst withBaseName = makePrefixer(\"saltTooltip\");\n\nexport interface TooltipProps\n  extends Pick<UseFloatingUIProps, \"open\" | \"onOpenChange\" | \"placement\">,\n    Omit<HTMLAttributes<HTMLDivElement>, \"content\"> {\n  /**\n   * The children will be the Tooltip's trigger.\n   */\n  children: ReactNode;\n  /**\n   * Whether to hide the Tooltip arrow. Defaults to `false`.\n   */\n  hideArrow?: boolean;\n  /**\n   * Whether to hide the status icon within the Tooltip. Defaults to `false`.\n   * If no status is provided, icon will also be hidden.\n   */\n  hideIcon?: boolean;\n  /**\n   * Content displayed inside the Tooltip. Can be a string or a React component.\n   */\n  content: ReactNode;\n  /**\n   * Optional string to determine the status of the Tooltip.\n   */\n  status?: ValidationStatus;\n  /**\n   * Delay in milliseconds before the Tooltip is shown.\n   */\n  enterDelay?: number;\n  /**\n   * Delay in milliseconds before the Tooltip is hidden. Defaults to 300ms.\n   */\n  leaveDelay?: number;\n  /**\n   * Option to not display the Tooltip. Can be used in conditional situations like text truncation. Defaults to 0.\n   */\n  disabled?: boolean;\n  /**\n   * Option to remove the hover listener.\n   */\n  disableHoverListener?: boolean;\n  /**\n   * Option to remove the focus listener.\n   */\n  disableFocusListener?: boolean;\n}\n\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n  function Tooltip(props, ref) {\n    const {\n      children,\n      className,\n      disabled: disabledProp = false,\n      hideArrow = false,\n      hideIcon = false,\n      open: openProp,\n      content,\n      status: statusProp,\n      placement = \"right\",\n      enterDelay = 300,\n      leaveDelay = 0,\n      ...rest\n    } = props;\n\n    const {\n      disabled: formFieldDisabled,\n      validationStatus: formFieldValidationStatus,\n    } = useFormFieldProps();\n\n    const disabled = disabledProp || formFieldDisabled;\n    const status =\n      formFieldValidationStatus !== undefined &&\n      VALIDATION_NAMED_STATUS.includes(formFieldValidationStatus)\n        ? formFieldValidationStatus\n        : statusProp;\n    const { Component: FloatingComponent } = useFloatingComponent();\n\n    const hookProps: UseTooltipProps = {\n      open: openProp,\n      disabled,\n      placement,\n      enterDelay,\n      leaveDelay,\n      ...rest,\n    };\n\n    const {\n      arrowProps,\n      open,\n      floating,\n      reference,\n      getTriggerProps,\n      getTooltipProps,\n      getTooltipPosition,\n    } = useTooltip(hookProps);\n\n    const triggerRef = useForkRef(getRefFromChildren(children), reference);\n\n    const floatingRef = useForkRef<HTMLDivElement>(floating, ref);\n    const hasContent = content !== undefined && content !== \"\";\n\n    return (\n      <>\n        {isValidElement(children) &&\n          cloneElement(children, {\n            ...mergeProps(getTriggerProps(), children.props),\n            ref: triggerRef,\n          })}\n\n        <FloatingComponent\n          className={clsx(\n            withBaseName(),\n            { [withBaseName(status ?? \"\")]: status },\n            className,\n          )}\n          open={open && !disabled && hasContent}\n          {...getTooltipProps()}\n          ref={floatingRef}\n          {...getTooltipPosition()}\n        >\n          <TooltipBase\n            hideIcon={hideIcon}\n            status={status}\n            content={content}\n            hideArrow={hideArrow}\n            arrowProps={arrowProps}\n          />\n        </FloatingComponent>\n      </>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","Tooltip","useFormFieldProps","VALIDATION_NAMED_STATUS","useFloatingComponent","useTooltip","useForkRef","getRefFromChildren","jsxs","Fragment","isValidElement","cloneElement","mergeProps","jsx","clsx","TooltipBase"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","sources":["../src/tooltip/Tooltip.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport {\n  type HTMLAttributes,\n  type ReactNode,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n} from \"react\";\n\nimport {\n  VALIDATION_NAMED_STATUS,\n  type ValidationStatus,\n} from \"../status-indicator\";\nimport {\n  type UseFloatingUIProps,\n  getRefFromChildren,\n  makePrefixer,\n  mergeProps,\n  useFloatingComponent,\n  useForkRef,\n} from \"../utils\";\n\nimport { useFormFieldProps } from \"../form-field-context\";\nimport { TooltipBase } from \"./TooltipBase\";\nimport { type UseTooltipProps, useTooltip } from \"./useTooltip\";\n\nconst withBaseName = makePrefixer(\"saltTooltip\");\n\nexport interface TooltipProps\n  extends Pick<UseFloatingUIProps, \"open\" | \"onOpenChange\" | \"placement\">,\n    Omit<HTMLAttributes<HTMLDivElement>, \"content\"> {\n  /**\n   * The children will be the Tooltip's trigger.\n   */\n  children: ReactNode;\n  /**\n   * Whether to hide the Tooltip arrow. Defaults to `false`.\n   */\n  hideArrow?: boolean;\n  /**\n   * Whether to hide the status icon within the Tooltip. Defaults to `false`.\n   * If no status is provided, icon will also be hidden.\n   */\n  hideIcon?: boolean;\n  /**\n   * Content displayed inside the Tooltip. Can be a string or a React component.\n   */\n  content: ReactNode;\n  /**\n   * Optional string to determine the status of the Tooltip.\n   */\n  status?: ValidationStatus;\n  /**\n   * Delay in milliseconds before the Tooltip is shown.\n   */\n  enterDelay?: number;\n  /**\n   * Delay in milliseconds before the Tooltip is hidden. Defaults to 300ms.\n   */\n  leaveDelay?: number;\n  /**\n   * Option to not display the Tooltip. Can be used in conditional situations like text truncation. Defaults to 0.\n   */\n  disabled?: boolean;\n  /**\n   * Option to remove the hover listener.\n   */\n  disableHoverListener?: boolean;\n  /**\n   * Option to remove the focus listener.\n   */\n  disableFocusListener?: boolean;\n}\n\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(\n  function Tooltip(props, ref) {\n    const {\n      children,\n      className,\n      disabled: disabledProp = false,\n      hideArrow = false,\n      hideIcon = false,\n      open: openProp,\n      content,\n      status: statusProp,\n      placement = \"right\",\n      enterDelay = 300,\n      leaveDelay = 0,\n      ...rest\n    } = props;\n\n    const {\n      disabled: formFieldDisabled,\n      validationStatus: formFieldValidationStatus,\n    } = useFormFieldProps();\n\n    const disabled = disabledProp || formFieldDisabled;\n    const status =\n      statusProp ??\n      (formFieldValidationStatus !== undefined &&\n      VALIDATION_NAMED_STATUS.includes(formFieldValidationStatus)\n        ? formFieldValidationStatus\n        : undefined);\n    const { Component: FloatingComponent } = useFloatingComponent();\n\n    const hookProps: UseTooltipProps = {\n      open: openProp,\n      disabled,\n      placement,\n      enterDelay,\n      leaveDelay,\n      ...rest,\n    };\n\n    const {\n      arrowProps,\n      open,\n      floating,\n      reference,\n      getTriggerProps,\n      getTooltipProps,\n      getTooltipPosition,\n    } = useTooltip(hookProps);\n\n    const triggerRef = useForkRef(getRefFromChildren(children), reference);\n\n    const floatingRef = useForkRef<HTMLDivElement>(floating, ref);\n    const hasContent = content !== undefined && content !== \"\";\n\n    return (\n      <>\n        {isValidElement(children) &&\n          cloneElement(children, {\n            ...mergeProps(getTriggerProps(), children.props),\n            ref: triggerRef,\n          })}\n\n        <FloatingComponent\n          className={clsx(\n            withBaseName(),\n            { [withBaseName(status ?? \"\")]: status },\n            className,\n          )}\n          open={open && !disabled && hasContent}\n          {...getTooltipProps()}\n          ref={floatingRef}\n          {...getTooltipPosition()}\n        >\n          <TooltipBase\n            hideIcon={hideIcon}\n            status={status}\n            content={content}\n            hideArrow={hideArrow}\n            arrowProps={arrowProps}\n          />\n        </FloatingComponent>\n      </>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","Tooltip","useFormFieldProps","VALIDATION_NAMED_STATUS","useFloatingComponent","useTooltip","useForkRef","getRefFromChildren","jsxs","Fragment","isValidElement","cloneElement","mergeProps","jsx","clsx","TooltipBase"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0BA,MAAM,YAAA,GAAeA,0BAAa,aAAa,CAAA;AAgDxC,MAAM,OAAU,GAAAC,gBAAA;AAAA,EACrB,SAASC,QAAQ,CAAA,KAAA,EAAO,GAAK,EAAA;AAC3B,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAU,YAAe,GAAA,KAAA;AAAA,MACzB,SAAY,GAAA,KAAA;AAAA,MACZ,QAAW,GAAA,KAAA;AAAA,MACX,IAAM,EAAA,QAAA;AAAA,MACN,OAAA;AAAA,MACA,MAAQ,EAAA,UAAA;AAAA,MACR,SAAY,GAAA,OAAA;AAAA,MACZ,UAAa,GAAA,GAAA;AAAA,MACb,UAAa,GAAA,CAAA;AAAA,MACb,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAM,MAAA;AAAA,MACJ,QAAU,EAAA,iBAAA;AAAA,MACV,gBAAkB,EAAA;AAAA,QAChBC,mCAAkB,EAAA;AAEtB,IAAA,MAAM,WAAW,YAAgB,IAAA,iBAAA;AACjC,IAAM,MAAA,MAAA,GACJ,eACC,yBAA8B,KAAA,KAAA,CAAA,IAC/BC,yCAAwB,QAAS,CAAA,yBAAyB,IACtD,yBACA,GAAA,KAAA,CAAA,CAAA;AACN,IAAA,MAAM,EAAE,SAAA,EAAW,iBAAkB,EAAA,GAAIC,kCAAqB,EAAA;AAE9D,IAAA,MAAM,SAA6B,GAAA;AAAA,MACjC,IAAM,EAAA,QAAA;AAAA,MACN,QAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MACA,GAAG;AAAA,KACL;AAEA,IAAM,MAAA;AAAA,MACJ,UAAA;AAAA,MACA,IAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,eAAA;AAAA,MACA,eAAA;AAAA,MACA;AAAA,KACF,GAAIC,sBAAW,SAAS,CAAA;AAExB,IAAA,MAAM,UAAa,GAAAC,qBAAA,CAAWC,qCAAmB,CAAA,QAAQ,GAAG,SAAS,CAAA;AAErE,IAAM,MAAA,WAAA,GAAcD,qBAA2B,CAAA,QAAA,EAAU,GAAG,CAAA;AAC5D,IAAM,MAAA,UAAA,GAAa,OAAY,KAAA,KAAA,CAAA,IAAa,OAAY,KAAA,EAAA;AAExD,IAAA,uBAEKE,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA;AAAA,MAAeC,oBAAA,CAAA,QAAQ,CACtB,IAAAC,kBAAA,CAAa,QAAU,EAAA;AAAA,QACrB,GAAGC,qBAAA,CAAW,eAAgB,EAAA,EAAG,SAAS,KAAK,CAAA;AAAA,QAC/C,GAAK,EAAA;AAAA,OACN,CAAA;AAAA,sBAEHC,cAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,SAAW,EAAAC,SAAA;AAAA,YACT,YAAa,EAAA;AAAA,YACb,EAAE,CAAC,YAAA,CAAa,UAAU,EAAE,CAAC,GAAG,MAAO,EAAA;AAAA,YACvC;AAAA,WACF;AAAA,UACA,IAAA,EAAM,IAAQ,IAAA,CAAC,QAAY,IAAA,UAAA;AAAA,UAC1B,GAAG,eAAgB,EAAA;AAAA,UACpB,GAAK,EAAA,WAAA;AAAA,UACJ,GAAG,kBAAmB,EAAA;AAAA,UAEvB,QAAA,kBAAAD,cAAA;AAAA,YAACE,uBAAA;AAAA,YAAA;AAAA,cACC,QAAA;AAAA,cACA,MAAA;AAAA,cACA,OAAA;AAAA,cACA,SAAA;AAAA,cACA;AAAA;AAAA;AACF;AAAA;AACF,KACF,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist-cjs/tooltip/TooltipBase.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('@floating-ui/react');
 require('../form-field-context/FormFieldContext.js');
@@ -14,102 +12,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');
-require('../avatar/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');
 var styles = require('@salt-ds/styles');
 var window = 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('../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('../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.js');
-require('../semantic-icon-provider/SemanticIconProvider.js');
 var Tooltip = require('./Tooltip.css.js');
 
 const withBaseName = makePrefixer.makePrefixer("saltTooltip");
@@ -122,24 +26,28 @@ const TooltipBase = (props) => {
   });
   const { a11yProps } = useFormFieldProps.useFormFieldProps();
   const { arrowProps, content, hideArrow, hideIcon, status } = props;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        className: withBaseName("container"),
-        children: [
-          !hideIcon && status && /* @__PURE__ */ jsxRuntime.jsx(StatusIndicator.StatusIndicator, {
-            status,
-            size: 1,
-            className: withBaseName("icon")
-          }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", {
-            id: a11yProps == null ? void 0 : a11yProps["aria-describedby"],
-            className: withBaseName("content"),
-            children: content
-          })
-        ]
-      }),
-      !hideArrow && /* @__PURE__ */ jsxRuntime.jsx(react.FloatingArrow, {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: withBaseName("container"), children: [
+      !hideIcon && status && /* @__PURE__ */ jsxRuntime.jsx(
+        StatusIndicator.StatusIndicator,
+        {
+          status,
+          size: 1,
+          className: withBaseName("icon")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          id: a11yProps == null ? void 0 : a11yProps["aria-describedby"],
+          className: withBaseName("content"),
+          children: content
+        }
+      )
+    ] }),
+    !hideArrow && /* @__PURE__ */ jsxRuntime.jsx(
+      react.FloatingArrow,
+      {
         ...arrowProps,
         className: withBaseName("arrow"),
         strokeWidth: 1,
@@ -147,9 +55,9 @@ const TooltipBase = (props) => {
         stroke: "var(--tooltip-status-borderColor)",
         height: 5,
         width: 10
-      })
-    ]
-  });
+      }
+    )
+  ] });
 };
 
 exports.TooltipBase = TooltipBase;

package/dist-cjs/tooltip/TooltipBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipBase.js","sources":["../src/tooltip/TooltipBase.tsx"],"sourcesContent":["import { FloatingArrow, type FloatingArrowProps } from \"@floating-ui/react\";\nimport { useFormFieldProps } from \"../form-field-context\";\nimport { StatusIndicator, type ValidationStatus } from \"../status-indicator\";\nimport { makePrefixer } from \"../utils\";\nimport type { TooltipProps } from \"./Tooltip\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport tooltipCss from \"./Tooltip.css\";\n\nconst withBaseName = makePrefixer(\"saltTooltip\");\n\ninterface TooltipBaseProps extends Omit<TooltipProps, \"children\"> {\n  arrowProps: FloatingArrowProps;\n  /**\n   * Optional string to determine the status of the Tooltip.\n   */\n  status?: ValidationStatus;\n}\n\nexport const TooltipBase = (props: TooltipBaseProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-tooltip\",\n    css: tooltipCss,\n    window: targetWindow,\n  });\n\n  const { a11yProps } = useFormFieldProps();\n\n  const { arrowProps, content, hideArrow, hideIcon, status } = props;\n\n  return (\n    <>\n      <div className={withBaseName(\"container\")}>\n        {!hideIcon && status && (\n          <StatusIndicator\n            status={status}\n            size={1}\n            className={withBaseName(\"icon\")}\n          />\n        )}\n        <span\n          id={a11yProps?.[\"aria-describedby\"]}\n          className={withBaseName(\"content\")}\n        >\n          {content}\n        </span>\n      </div>\n      {!hideArrow && (\n        <FloatingArrow\n          {...arrowProps}\n          className={withBaseName(\"arrow\")}\n          strokeWidth={1}\n          fill=\"var(--salt-container-primary-background)\"\n          stroke=\"var(--tooltip-status-borderColor)\"\n          height={5}\n          width={10}\n        />\n      )}\n    </>\n  );\n};\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","tooltipCss","useFormFieldProps","jsxs","Fragment","jsx","StatusIndicator","FloatingArrow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,YAAA,GAAeA,0BAAa,aAAa,CAAA,CAAA;AAUlC,MAAA,WAAA,GAAc,CAAC,KAA4B,KAAA;AACtD,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,cAAA;AAAA,IACR,GAAK,EAAAC,OAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA,EAAE,SAAU,EAAA,GAAIC,mCAAkB,EAAA,CAAA;AAExC,EAAA,MAAM,EAAE,UAAY,EAAA,OAAA,EAAS,SAAW,EAAA,QAAA,EAAU,QAAW,GAAA,KAAA,CAAA;AAE7D,EACE,uBAAAC,eAAA,CAAAC,mBAAA,EAAA;AAAA,IACE,QAAA,EAAA;AAAA,sBAACD,eAAA,CAAA,KAAA,EAAA;AAAA,QAAI,SAAA,EAAW,aAAa,WAAW,CAAA;AAAA,QACrC,QAAA,EAAA;AAAA,UAAC,CAAA,QAAA,IAAY,0BACXE,cAAA,CAAAC,+BAAA,EAAA;AAAA,YACC,MAAA;AAAA,YACA,IAAM,EAAA,CAAA;AAAA,YACN,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,WAChC,CAAA;AAAA,0BAEDD,cAAA,CAAA,MAAA,EAAA;AAAA,YACC,IAAI,SAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,kBAAA,CAAA;AAAA,YAChB,SAAA,EAAW,aAAa,SAAS,CAAA;AAAA,YAEhC,QAAA,EAAA,OAAA;AAAA,WACH,CAAA;AAAA,SAAA;AAAA,OACF,CAAA;AAAA,MACC,CAAC,6BACCA,cAAA,CAAAE,mBAAA,EAAA;AAAA,QACE,GAAG,UAAA;AAAA,QACJ,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,QAC/B,WAAa,EAAA,CAAA;AAAA,QACb,IAAK,EAAA,0CAAA;AAAA,QACL,MAAO,EAAA,mCAAA;AAAA,QACP,MAAQ,EAAA,CAAA;AAAA,QACR,KAAO,EAAA,EAAA;AAAA,OACT,CAAA;AAAA,KAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TooltipBase.js","sources":["../src/tooltip/TooltipBase.tsx"],"sourcesContent":["import { FloatingArrow, type FloatingArrowProps } from \"@floating-ui/react\";\nimport { useFormFieldProps } from \"../form-field-context\";\nimport { StatusIndicator, type ValidationStatus } from \"../status-indicator\";\nimport { makePrefixer } from \"../utils\";\nimport type { TooltipProps } from \"./Tooltip\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport tooltipCss from \"./Tooltip.css\";\n\nconst withBaseName = makePrefixer(\"saltTooltip\");\n\ninterface TooltipBaseProps extends Omit<TooltipProps, \"children\"> {\n  arrowProps: FloatingArrowProps;\n  /**\n   * Optional string to determine the status of the Tooltip.\n   */\n  status?: ValidationStatus;\n}\n\nexport const TooltipBase = (props: TooltipBaseProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-tooltip\",\n    css: tooltipCss,\n    window: targetWindow,\n  });\n\n  const { a11yProps } = useFormFieldProps();\n\n  const { arrowProps, content, hideArrow, hideIcon, status } = props;\n\n  return (\n    <>\n      <div className={withBaseName(\"container\")}>\n        {!hideIcon && status && (\n          <StatusIndicator\n            status={status}\n            size={1}\n            className={withBaseName(\"icon\")}\n          />\n        )}\n        <span\n          id={a11yProps?.[\"aria-describedby\"]}\n          className={withBaseName(\"content\")}\n        >\n          {content}\n        </span>\n      </div>\n      {!hideArrow && (\n        <FloatingArrow\n          {...arrowProps}\n          className={withBaseName(\"arrow\")}\n          strokeWidth={1}\n          fill=\"var(--salt-container-primary-background)\"\n          stroke=\"var(--tooltip-status-borderColor)\"\n          height={5}\n          width={10}\n        />\n      )}\n    </>\n  );\n};\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","tooltipCss","useFormFieldProps","jsxs","Fragment","jsx","StatusIndicator","FloatingArrow"],"mappings":";;;;;;;;;;;;;;;;;;AAUA,MAAM,YAAA,GAAeA,0BAAa,aAAa,CAAA;AAUlC,MAAA,WAAA,GAAc,CAAC,KAA4B,KAAA;AACtD,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,cAAA;AAAA,IACR,GAAK,EAAAC,OAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,EAAE,SAAU,EAAA,GAAIC,mCAAkB,EAAA;AAExC,EAAA,MAAM,EAAE,UAAY,EAAA,OAAA,EAAS,SAAW,EAAA,QAAA,EAAU,QAAW,GAAA,KAAA;AAE7D,EAAA,uBAEIC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAAD,eAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,YAAa,CAAA,WAAW,CACrC,EAAA,QAAA,EAAA;AAAA,MAAA,CAAC,YAAY,MACZ,oBAAAE,cAAA;AAAA,QAACC,+BAAA;AAAA,QAAA;AAAA,UACC,MAAA;AAAA,UACA,IAAM,EAAA,CAAA;AAAA,UACN,SAAA,EAAW,aAAa,MAAM;AAAA;AAAA,OAChC;AAAA,sBAEFD,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,IAAI,SAAY,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAA,kBAAA,CAAA;AAAA,UAChB,SAAA,EAAW,aAAa,SAAS,CAAA;AAAA,UAEhC,QAAA,EAAA;AAAA;AAAA;AACH,KACF,EAAA,CAAA;AAAA,IACC,CAAC,SACA,oBAAAA,cAAA;AAAA,MAACE,mBAAA;AAAA,MAAA;AAAA,QACE,GAAG,UAAA;AAAA,QACJ,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,QAC/B,WAAa,EAAA,CAAA;AAAA,QACb,IAAK,EAAA,0CAAA;AAAA,QACL,MAAO,EAAA,mCAAA;AAAA,QACP,MAAQ,EAAA,CAAA;AAAA,QACR,KAAO,EAAA;AAAA;AAAA;AACT,GAEJ,EAAA,CAAA;AAEJ;;;;"}