@elliemae/ds-tooltip-v3 3.60.0-next.9 → 3.61.0-rc.1

package/dist/cjs/DSTooltipV3.js

@@ -39,10 +39,9 @@ var import_react = __toESM(require("react"));
 var import_ds_floating_context = require("@elliemae/ds-floating-context");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_react_desc_prop_types = require("./react-desc-prop-types.js");
-var import_TooltipV3DatatestId = require("./TooltipV3DatatestId.js");
 var import_styles = require("./styles.js");
 var import_useTooltipV3 = require("./config/useTooltipV3.js");
-var import_constants = require("./constants.js");
+var import_constants = require("./constants/index.js");
 const DSTooltipV3 = (props) => {
   const { propsWithDefault } = (0, import_useTooltipV3.useTooltipV3)(props);
   const {
@@ -65,6 +64,7 @@ const DSTooltipV3 = (props) => {
     Text,
     textProps
   } = propsWithDefault;
+  const ownerPropsConfig = (0, import_ds_props_helpers.useOwnerProps)(propsWithDefault);
   const { handlers, arrowStyles, floatingStyles, isOpen, refs, context } = (0, import_ds_floating_context.useFloatingContext)({
     placement: startPlacementPreference,
     customOffset,
@@ -85,7 +85,8 @@ const DSTooltipV3 = (props) => {
     {
       ...handlers,
       innerRef: refs.setReference,
-      "data-testid": `${import_TooltipV3DatatestId.TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== "" ? `_${id}` : ""}`,
+      "data-testid": `${import_constants.TOOLTIP_V3_DATA_TESTID.ROOT}${id !== "" ? `_${id}` : ""}`,
+      ...ownerPropsConfig,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           import_ds_floating_context.FloatingWrapper,
@@ -95,7 +96,7 @@ const DSTooltipV3 = (props) => {
             floatingStyles,
             context,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledTooltipContainer, { "data-testid": import_TooltipV3DatatestId.TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledTooltipContainer, { "data-testid": import_constants.TOOLTIP_V3_DATA_TESTID.TOOLTIP_CONTAINER, ...ownerPropsConfig, children: [
                 Text ? (
                   // this "as T" is an oversimplification but it's safe due to how js {...undefined} works
                   //   users of the component that want the strict types will define T, others won't, no reason to force it on our end
@@ -103,14 +104,15 @@ const DSTooltipV3 = (props) => {
                 ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   import_styles.StyledTooltipText,
                   {
-                    "data-testid": import_TooltipV3DatatestId.TooltipV3DatatestId.OPINIONATED_TEXT_WRAPPER,
+                    "data-testid": import_constants.TOOLTIP_V3_DATA_TESTID.TOOLTIP_TEXT,
                     textAlign,
                     wrapWords,
                     $applyTooltipOverflowWrap: applyTooltipOverflowWrap,
+                    ...ownerPropsConfig,
                     children: text
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledMouseOverDetectionBox, {})
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledMouseOverDetectionBox, { ...ownerPropsConfig })
               ] }),
               !withoutArrow ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_floating_context.PopoverArrow, { ...arrowStyles }) : null
             ]
@@ -121,7 +123,7 @@ const DSTooltipV3 = (props) => {
     }
   );
 };
-DSTooltipV3.displayName = import_constants.DSTooltipV3Name;
+DSTooltipV3.displayName = import_constants.DSTooltipV3SlotName;
 const DSTooltipV3WithSchema = (0, import_ds_props_helpers.describe)(DSTooltipV3);
 DSTooltipV3WithSchema.propTypes = import_react_desc_prop_types.DSTooltipV3PropTypesSchema;
 var DSTooltipV3_default = DSTooltipV3;

package/dist/cjs/DSTooltipV3.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSTooltipV3.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { useFloatingContext, PopoverArrow, FloatingWrapper } from '@elliemae/ds-floating-context';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSTooltipV3PropTypesSchema } from './react-desc-prop-types.js';\nimport { TooltipV3DatatestId } from './TooltipV3DatatestId.js';\nimport {\n  StyledTooltipContainer,\n  StyledTooltipText,\n  StyledMouseOverDetectionBox,\n  StyledTriggerWrapper,\n} from './styles.js';\nimport type { DSTooltipV3T } from './react-desc-prop-types.js';\nimport { useTooltipV3 } from './config/useTooltipV3.js';\nimport { DSTooltipV3Name } from './constants.js';\n\nconst DSTooltipV3 = <T extends DSTooltipV3T.CustomInterface>(props: DSTooltipV3T.Props<T>) => {\n  const { propsWithDefault } = useTooltipV3(props);\n\n  const {\n    text,\n    startPlacementPreference,\n    children,\n    onOpen,\n    onClose,\n    id,\n    textAlign,\n    wrapWords,\n    withoutArrow,\n    customOffset,\n    animationDuration,\n    withoutAnimation,\n    withoutPortal,\n    portalDOMContainer,\n    applyTooltipOverflowWrap,\n    showPopover,\n    Text,\n    textProps,\n  } = propsWithDefault;\n\n  const { handlers, arrowStyles, floatingStyles, isOpen, refs, context } = useFloatingContext({\n    placement: startPlacementPreference,\n    customOffset,\n    onOpen,\n    onClose,\n    withoutPortal,\n    withoutAnimation,\n    portalDOMContainer,\n    animationDuration,\n    externallyControlledIsOpen: showPopover,\n  });\n\n  const isOpenSourceOfTruth = React.useMemo(() => {\n    if (showPopover !== undefined) return showPopover;\n    return isOpen;\n  }, [showPopover, isOpen]);\n\n  return (\n    <StyledTriggerWrapper\n      {...handlers}\n      innerRef={refs.setReference}\n      data-testid={`${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== '' ? `_${id}` : ''}`}\n    >\n      <FloatingWrapper\n        innerRef={refs.setFloating}\n        isOpen={isOpenSourceOfTruth}\n        floatingStyles={floatingStyles}\n        context={context}\n      >\n        <StyledTooltipContainer data-testid={TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}>\n          {Text ? (\n            // this \"as T\" is an oversimplification but it's safe due to how js {...undefined} works\n            //   users of the component that want the strict types will define T, others won't, no reason to force it on our end\n            <Text {...(textProps as T)} />\n          ) : (\n            <StyledTooltipText\n              data-testid={TooltipV3DatatestId.OPINIONATED_TEXT_WRAPPER}\n              textAlign={textAlign}\n              wrapWords={wrapWords}\n              $applyTooltipOverflowWrap={applyTooltipOverflowWrap}\n            >\n              {text}\n            </StyledTooltipText>\n          )}\n          <StyledMouseOverDetectionBox />\n        </StyledTooltipContainer>\n        {!withoutArrow ? <PopoverArrow {...arrowStyles} /> : null}\n      </FloatingWrapper>\n\n      {children}\n    </StyledTriggerWrapper>\n  );\n};\n\nDSTooltipV3.displayName = DSTooltipV3Name;\nconst DSTooltipV3WithSchema = describe(DSTooltipV3);\nDSTooltipV3WithSchema.propTypes = DSTooltipV3PropTypesSchema;\n\nexport { DSTooltipV3, DSTooltipV3WithSchema };\n\nexport default DSTooltipV3;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqEf;AApER,mBAAkB;AAClB,iCAAkE;AAClE,8BAAyB;AACzB,mCAA2C;AAC3C,iCAAoC;AACpC,oBAKO;AAEP,0BAA6B;AAC7B,uBAAgC;AAEhC,MAAM,cAAc,CAAyC,UAAiC;AAC5F,QAAM,EAAE,iBAAiB,QAAI,kCAAa,KAAK;AAE/C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,UAAU,aAAa,gBAAgB,QAAQ,MAAM,QAAQ,QAAI,+CAAmB;AAAA,IAC1F,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,4BAA4B;AAAA,EAC9B,CAAC;AAED,QAAM,sBAAsB,aAAAA,QAAM,QAAQ,MAAM;AAC9C,QAAI,gBAAgB,OAAW,QAAO;AACtC,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,MAAM,CAAC;AAExB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU,KAAK;AAAA,MACf,eAAa,GAAG,+CAAoB,eAAe,GAAG,OAAO,KAAK,IAAI,EAAE,KAAK,EAAE;AAAA,MAE/E;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,KAAK;AAAA,YACf,QAAQ;AAAA,YACR;AAAA,YACA;AAAA,YAEA;AAAA,2DAAC,wCAAuB,eAAa,+CAAoB,sBACtD;AAAA;AAAA;AAAA;AAAA,kBAGC,4CAAC,QAAM,GAAI,WAAiB;AAAA,oBAE5B;AAAA,kBAAC;AAAA;AAAA,oBACC,eAAa,+CAAoB;AAAA,oBACjC;AAAA,oBACA;AAAA,oBACA,2BAA2B;AAAA,oBAE1B;AAAA;AAAA,gBACH;AAAA,gBAEF,4CAAC,6CAA4B;AAAA,iBAC/B;AAAA,cACC,CAAC,eAAe,4CAAC,2CAAc,GAAG,aAAa,IAAK;AAAA;AAAA;AAAA,QACvD;AAAA,QAEC;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,YAAY,cAAc;AAC1B,MAAM,4BAAwB,kCAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { useFloatingContext, PopoverArrow, FloatingWrapper } from '@elliemae/ds-floating-context';\nimport { describe, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { DSTooltipV3PropTypesSchema } from './react-desc-prop-types.js';\nimport {\n  StyledTooltipContainer,\n  StyledTooltipText,\n  StyledMouseOverDetectionBox,\n  StyledTriggerWrapper,\n} from './styles.js';\nimport type { DSTooltipV3T } from './react-desc-prop-types.js';\nimport { useTooltipV3 } from './config/useTooltipV3.js';\nimport { DSTooltipV3SlotName, TOOLTIP_V3_DATA_TESTID } from './constants/index.js';\n\nconst DSTooltipV3 = <T extends DSTooltipV3T.CustomInterface>(props: DSTooltipV3T.Props<T>) => {\n  const { propsWithDefault } = useTooltipV3(props);\n\n  const {\n    text,\n    startPlacementPreference,\n    children,\n    onOpen,\n    onClose,\n    id,\n    textAlign,\n    wrapWords,\n    withoutArrow,\n    customOffset,\n    animationDuration,\n    withoutAnimation,\n    withoutPortal,\n    portalDOMContainer,\n    applyTooltipOverflowWrap,\n    showPopover,\n    Text,\n    textProps,\n  } = propsWithDefault;\n\n  const ownerPropsConfig = useOwnerProps(propsWithDefault);\n\n  const { handlers, arrowStyles, floatingStyles, isOpen, refs, context } = useFloatingContext({\n    placement: startPlacementPreference,\n    customOffset,\n    onOpen,\n    onClose,\n    withoutPortal,\n    withoutAnimation,\n    portalDOMContainer,\n    animationDuration,\n    externallyControlledIsOpen: showPopover,\n  });\n\n  const isOpenSourceOfTruth = React.useMemo(() => {\n    if (showPopover !== undefined) return showPopover;\n    return isOpen;\n  }, [showPopover, isOpen]);\n\n  return (\n    <StyledTriggerWrapper\n      {...handlers}\n      innerRef={refs.setReference}\n      // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n      data-testid={`${TOOLTIP_V3_DATA_TESTID.ROOT}${id !== '' ? `_${id}` : ''}`}\n      {...ownerPropsConfig}\n    >\n      <FloatingWrapper\n        innerRef={refs.setFloating}\n        isOpen={isOpenSourceOfTruth}\n        floatingStyles={floatingStyles}\n        context={context}\n      >\n        {/* legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed */}\n        <StyledTooltipContainer data-testid={TOOLTIP_V3_DATA_TESTID.TOOLTIP_CONTAINER} {...ownerPropsConfig}>\n          {Text ? (\n            // this \"as T\" is an oversimplification but it's safe due to how js {...undefined} works\n            //   users of the component that want the strict types will define T, others won't, no reason to force it on our end\n            <Text {...(textProps as T)} />\n          ) : (\n            <StyledTooltipText\n              // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n              data-testid={TOOLTIP_V3_DATA_TESTID.TOOLTIP_TEXT}\n              textAlign={textAlign}\n              wrapWords={wrapWords}\n              $applyTooltipOverflowWrap={applyTooltipOverflowWrap}\n              {...ownerPropsConfig}\n            >\n              {text}\n            </StyledTooltipText>\n          )}\n          <StyledMouseOverDetectionBox {...ownerPropsConfig} />\n        </StyledTooltipContainer>\n        {!withoutArrow ? <PopoverArrow {...arrowStyles} /> : null}\n      </FloatingWrapper>\n\n      {children}\n    </StyledTriggerWrapper>\n  );\n};\n\nDSTooltipV3.displayName = DSTooltipV3SlotName;\nconst DSTooltipV3WithSchema = describe(DSTooltipV3);\nDSTooltipV3WithSchema.propTypes = DSTooltipV3PropTypesSchema;\n\nexport { DSTooltipV3, DSTooltipV3WithSchema };\n\nexport default DSTooltipV3;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyEf;AAxER,mBAAkB;AAClB,iCAAkE;AAClE,8BAAwC;AACxC,mCAA2C;AAC3C,oBAKO;AAEP,0BAA6B;AAC7B,uBAA4D;AAE5D,MAAM,cAAc,CAAyC,UAAiC;AAC5F,QAAM,EAAE,iBAAiB,QAAI,kCAAa,KAAK;AAE/C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,uBAAmB,uCAAc,gBAAgB;AAEvD,QAAM,EAAE,UAAU,aAAa,gBAAgB,QAAQ,MAAM,QAAQ,QAAI,+CAAmB;AAAA,IAC1F,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,4BAA4B;AAAA,EAC9B,CAAC;AAED,QAAM,sBAAsB,aAAAA,QAAM,QAAQ,MAAM;AAC9C,QAAI,gBAAgB,OAAW,QAAO;AACtC,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,MAAM,CAAC;AAExB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU,KAAK;AAAA,MAEf,eAAa,GAAG,wCAAuB,IAAI,GAAG,OAAO,KAAK,IAAI,EAAE,KAAK,EAAE;AAAA,MACtE,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,KAAK;AAAA,YACf,QAAQ;AAAA,YACR;AAAA,YACA;AAAA,YAGA;AAAA,2DAAC,wCAAuB,eAAa,wCAAuB,mBAAoB,GAAG,kBAChF;AAAA;AAAA;AAAA;AAAA,kBAGC,4CAAC,QAAM,GAAI,WAAiB;AAAA,oBAE5B;AAAA,kBAAC;AAAA;AAAA,oBAEC,eAAa,wCAAuB;AAAA,oBACpC;AAAA,oBACA;AAAA,oBACA,2BAA2B;AAAA,oBAC1B,GAAG;AAAA,oBAEH;AAAA;AAAA,gBACH;AAAA,gBAEF,4CAAC,6CAA6B,GAAG,kBAAkB;AAAA,iBACrD;AAAA,cACC,CAAC,eAAe,4CAAC,2CAAc,GAAG,aAAa,IAAK;AAAA;AAAA;AAAA,QACvD;AAAA,QAEC;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,YAAY,cAAc;AAC1B,MAAM,4BAAwB,kCAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
   "names": ["React"]
 }

package/dist/cjs/config/useValidateProps.js

@@ -33,8 +33,8 @@ __export(useValidateProps_exports, {
 module.exports = __toCommonJS(useValidateProps_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_constants = require("../constants.js");
+var import_constants = require("../constants/index.js");
 const useValidateProps = (props, propTypes) => {
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes, import_constants.DSTooltipV3Name);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes, import_constants.DSTooltipV3SlotName);
 };
 //# sourceMappingURL=useValidateProps.js.map

package/dist/cjs/config/useValidateProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/useValidateProps.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSTooltipV3T } from '../react-desc-prop-types.js';\nimport { DSTooltipV3Name } from '../constants.js';\n\nexport const useValidateProps = <T extends DSTooltipV3T.CustomInterface>(\n  props: DSTooltipV3T.InternalProps<T>,\n  propTypes: ValidationMap<unknown>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSTooltipV3Name);\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAG/C,uBAAgC;AAEzB,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,8DAA+B,OAAO,WAAW,gCAAe;AAClE;",
+  "sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSTooltipV3T } from '../react-desc-prop-types.js';\nimport { DSTooltipV3SlotName } from '../constants/index.js';\n\nexport const useValidateProps = <T extends DSTooltipV3T.CustomInterface>(\n  props: DSTooltipV3T.InternalProps<T>,\n  propTypes: ValidationMap<unknown>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSTooltipV3SlotName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAG/C,uBAAoC;AAE7B,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,8DAA+B,OAAO,WAAW,oCAAmB;AACtE;",
   "names": []
 }

package/dist/cjs/{constants.js → constants/index.js}

@@ -28,13 +28,17 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var constants_exports = {};
 __export(constants_exports, {
-  DSTooltipV3Name: () => DSTooltipV3Name,
+  DSTooltipV3SlotName: () => DSTooltipV3SlotName,
   PLACEMENT: () => PLACEMENT,
   TEXT_ALIGNMENT: () => TEXT_ALIGNMENT,
+  TOOLTIP_V3_DATA_TESTID: () => TOOLTIP_V3_DATA_TESTID,
+  TOOLTIP_V3_SLOTS: () => TOOLTIP_V3_SLOTS,
+  TooltipV3DatatestId: () => TooltipV3DatatestId,
   tooltipPositions: () => tooltipPositions
 });
 module.exports = __toCommonJS(constants_exports);
 var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
 const PLACEMENT = [
   "top-start",
   "top",
@@ -50,7 +54,27 @@ const PLACEMENT = [
   "left-start"
 ];
 const TEXT_ALIGNMENT = ["left", "right", "center", "justify", "initial", "inherit"];
-const DSTooltipV3Name = "DSTooltipV3";
+const DSTooltipV3SlotName = "DSTooltipv3";
+const TOOLTIP_V3_SLOTS = {
+  ROOT: "root",
+  TOOLTIP_CONTAINER: "tooltip-container",
+  // legacy test id
+  TOOLTIP_TEXT: "tooltip-text",
+  // legacy test id
+  MOUSE_OVER_DETECTION_BOX: "mouse-over-detection-box"
+};
+const TOOLTIP_V3_DATA_TESTID = {
+  ...(0, import_ds_system.slotObjectToDataTestIds)(DSTooltipV3SlotName, TOOLTIP_V3_SLOTS),
+  // legacy test IDs — preserved for QA/consumer compatibility, breaking change if removed
+  ROOT: "ds-tooltip-v3-trigger-wrapper",
+  TOOLTIP_CONTAINER: "ds-tooltip-v3-tooltip-text-wrapper",
+  TOOLTIP_TEXT: "ds-tooltip-v3-opinionated-text-wrapper"
+};
+const TooltipV3DatatestId = {
+  TRIGGER_WRAPPER: TOOLTIP_V3_DATA_TESTID.ROOT,
+  TOOLTIP_TEXT_WRAPPER: TOOLTIP_V3_DATA_TESTID.TOOLTIP_CONTAINER,
+  OPINIONATED_TEXT_WRAPPER: TOOLTIP_V3_DATA_TESTID.TOOLTIP_TEXT
+};
 const tooltipPositions = {
   TOP: "top",
   BOTTOM: "bottom",
@@ -65,4 +89,4 @@ const tooltipPositions = {
   LEFT_START: "left-start",
   LEFT_END: "left-end"
 };
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=index.js.map

package/dist/cjs/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const PLACEMENT = [\n  'top-start',\n  'top',\n  'top-end',\n  'right-start',\n  'right',\n  'right-end',\n  'bottom-end',\n  'bottom',\n  'bottom-start',\n  'left-end',\n  'left',\n  'left-start',\n];\n\nexport const TEXT_ALIGNMENT = ['left', 'right', 'center', 'justify', 'initial', 'inherit'];\n\n// Slot system name \u2014 single-capitalisation PascalCase after DS prefix (checkNamingConvention enforced)\nexport const DSTooltipV3SlotName = 'DSTooltipv3';\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators\nexport const TOOLTIP_V3_SLOTS = {\n  ROOT: 'root',\n  TOOLTIP_CONTAINER: 'tooltip-container', // legacy test id\n  TOOLTIP_TEXT: 'tooltip-text', // legacy test id\n  MOUSE_OVER_DETECTION_BOX: 'mouse-over-detection-box',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const TOOLTIP_V3_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSTooltipV3SlotName, TOOLTIP_V3_SLOTS),\n  // legacy test IDs \u2014 preserved for QA/consumer compatibility, breaking change if removed\n  ROOT: 'ds-tooltip-v3-trigger-wrapper',\n  TOOLTIP_CONTAINER: 'ds-tooltip-v3-tooltip-text-wrapper',\n  TOOLTIP_TEXT: 'ds-tooltip-v3-opinionated-text-wrapper',\n} as Record<keyof typeof TOOLTIP_V3_SLOTS, string>;\n\n// Legacy export \u2014 kept for backward compatibility. TOOLTIP_V3_DATA_TESTID is the source of truth.\n// Do not add new values here; add them to TOOLTIP_V3_SLOTS instead and the data-testid be generated automatically.\nexport const TooltipV3DatatestId = {\n  TRIGGER_WRAPPER: TOOLTIP_V3_DATA_TESTID.ROOT,\n  TOOLTIP_TEXT_WRAPPER: TOOLTIP_V3_DATA_TESTID.TOOLTIP_CONTAINER,\n  OPINIONATED_TEXT_WRAPPER: TOOLTIP_V3_DATA_TESTID.TOOLTIP_TEXT,\n};\n\n// many stories where using this from ds-tooltip.\n// we need to preserve this format to avoid breaking changes.\nconst tooltipPositions = {\n  TOP: 'top' as const,\n  BOTTOM: 'bottom' as const,\n  RIGHT: 'right' as const,\n  LEFT: 'left' as const,\n  TOP_START: 'top-start' as const,\n  TOP_END: 'top-end' as const,\n  BOTTOM_START: 'bottom-start' as const,\n  BOTTOM_END: 'bottom-end' as const,\n  RIGHT_START: 'right-start' as const,\n  RIGHT_END: 'right-end' as const,\n  LEFT_START: 'left-start' as const,\n  LEFT_END: 'left-end' as const,\n};\n\nexport { tooltipPositions };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,YAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,iBAAiB,CAAC,QAAQ,SAAS,UAAU,WAAW,WAAW,SAAS;AAGlF,MAAM,sBAAsB;AAG5B,MAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,mBAAmB;AAAA;AAAA,EACnB,cAAc;AAAA;AAAA,EACd,0BAA0B;AAC5B;AAGO,MAAM,yBAAyB;AAAA,EACpC,OAAG,0CAAwB,qBAAqB,gBAAgB;AAAA;AAAA,EAEhE,MAAM;AAAA,EACN,mBAAmB;AAAA,EACnB,cAAc;AAChB;AAIO,MAAM,sBAAsB;AAAA,EACjC,iBAAiB,uBAAuB;AAAA,EACxC,sBAAsB,uBAAuB;AAAA,EAC7C,0BAA0B,uBAAuB;AACnD;AAIA,MAAM,mBAAmB;AAAA,EACvB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AACZ;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -29,15 +29,17 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   DSTooltipV3: () => import_DSTooltipV3.DSTooltipV3,
+  DSTooltipV3SlotName: () => import_constants.DSTooltipV3SlotName,
   DSTooltipV3WithSchema: () => import_DSTooltipV3.DSTooltipV3WithSchema,
   PLACEMENT: () => import_constants.PLACEMENT,
   TEXT_ALIGNMENT: () => import_constants.TEXT_ALIGNMENT,
-  TooltipV3DatatestId: () => import_TooltipV3DatatestId.TooltipV3DatatestId,
+  TOOLTIP_V3_DATA_TESTID: () => import_constants.TOOLTIP_V3_DATA_TESTID,
+  TOOLTIP_V3_SLOTS: () => import_constants.TOOLTIP_V3_SLOTS,
+  TooltipV3DatatestId: () => import_constants.TooltipV3DatatestId,
   tooltipPositions: () => import_constants.tooltipPositions
 });
 module.exports = __toCommonJS(index_exports);
 var React = __toESM(require("react"));
 var import_DSTooltipV3 = require("./DSTooltipV3.js");
-var import_TooltipV3DatatestId = require("./TooltipV3DatatestId.js");
-var import_constants = require("./constants.js");
+var import_constants = require("./constants/index.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { DSTooltipV3, DSTooltipV3WithSchema } from './DSTooltipV3.js';\nexport { TooltipV3DatatestId } from './TooltipV3DatatestId.js';\nexport { type DSTooltipV3T } from './react-desc-prop-types.js';\nexport { tooltipPositions, PLACEMENT, TEXT_ALIGNMENT } from './constants.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAmD;AACnD,iCAAoC;AAEpC,uBAA4D;",
+  "sourcesContent": ["export { DSTooltipV3, DSTooltipV3WithSchema } from './DSTooltipV3.js';\nexport { type DSTooltipV3T } from './react-desc-prop-types.js';\nexport {\n  tooltipPositions,\n  PLACEMENT,\n  TEXT_ALIGNMENT,\n  DSTooltipV3SlotName,\n  TOOLTIP_V3_SLOTS,\n  TOOLTIP_V3_DATA_TESTID,\n  TooltipV3DatatestId,\n} from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAmD;AAEnD,uBAQO;",
   "names": []
 }

package/dist/cjs/package.json

@@ -3,8 +3,5 @@
   "sideEffects": [
     "*.css",
     "*.scss"
-  ],
-  "publishConfig": {
-    "access": "public"
-  }
+  ]
 }

package/dist/cjs/react-desc-prop-types.js

@@ -34,8 +34,9 @@ __export(react_desc_prop_types_exports, {
 module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_constants = require("./constants.js");
+var import_constants = require("./constants/index.js");
 const DSTooltipV3PropTypes = {
+  ...(0, import_ds_props_helpers.getPropsPerSlotPropTypes)(import_constants.DSTooltipV3SlotName, import_constants.TOOLTIP_V3_SLOTS),
   text: import_ds_props_helpers.PropTypes.string.description(
     "Tooltip text to be displayed on hover/focus. If both `text` and `Text` are provided, only `Text` will take precedence."
   ).isRequiredIf((props) => !props.Text),

package/dist/cjs/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\nimport { PLACEMENT, TEXT_ALIGNMENT } from './constants.js';\n\nexport declare namespace DSTooltipV3T {\n  export type CustomInterface<T extends Record<string, unknown> = Record<string, unknown>> = T;\n  export type Placement =\n    | 'top-start'\n    | 'top'\n    | 'top-end'\n    | 'right-start'\n    | 'right'\n    | 'right-end'\n    | 'bottom-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'left-end'\n    | 'left'\n    | 'left-start';\n  export type TextAlignment = 'left' | 'right' | 'center' | 'justify' | 'initial' | 'inherit';\n\n  export interface DefaultProps {\n    onOpen: () => void;\n    onClose: () => void;\n    id: string;\n    textAlign: TextAlignment;\n    wrapWords: boolean;\n    startPlacementPreference: Placement;\n    applyTooltipOverflowWrap: boolean;\n    customOffset: [number, number];\n  }\n\n  export interface OptionalProps<T extends Record<string, unknown> = Record<string, unknown>> {\n    withoutPortal?: boolean;\n    withoutArrow?: boolean;\n    withoutAnimation?: boolean;\n    animationDuration?: number;\n    portalDOMContainer?: HTMLElement;\n    showPopover?: boolean;\n    Text?: React.ComponentType<T>;\n    textProps?: T;\n    text?: string;\n  }\n\n  export interface RequiredProps {\n    children: React.ReactNode;\n  }\n  export interface InternalProps<T extends CustomInterface = CustomInterface>\n    extends DefaultProps,\n      OptionalProps<T>,\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n\n  export interface Props<T extends CustomInterface = CustomInterface>\n    extends Partial<DefaultProps>,\n      OptionalProps<T>,\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n}\n\nexport const DSTooltipV3PropTypes: DSPropTypesSchema<DSTooltipV3T.Props> = {\n  text: PropTypes.string\n    .description(\n      'Tooltip text to be displayed on hover/focus. If both `text` and `Text` are provided, only `Text` will take precedence.',\n    )\n    .isRequiredIf((props: Record<string, unknown>) => !props.Text),\n  textAlign: PropTypes.oneOf(TEXT_ALIGNMENT as unknown as unknown[])\n    .description('Tooltip text alignment')\n    .defaultValue('left'),\n  applyTooltipOverflowWrap: PropTypes.bool\n    .description(\n      'when a tooltip is present, the tooltip text may be too long to fit in the pill. If true, the tooltip will wrap to the next line using overflow-wrap',\n    )\n    .defaultValue(false),\n  wrapWords: PropTypes.bool\n    .description('Break words into a new line. Useful when words exceed tooltip max-lenght.')\n    .defaultValue(false),\n  children: PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,\n  withoutPortal: PropTypes.bool\n    .description('Whether or not the tooltip content should appear in a DOM portal or not')\n    .defaultValue(true),\n  withoutArrow: PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),\n  withoutAnimation: PropTypes.bool\n    .description('Whether or not the popper context menu should be animated')\n    .defaultValue(false),\n  animationDuration: PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),\n  portalDOMContainer: PropTypes.oneOfType([PropTypes.node, PropTypes.oneOf([null])])\n    .description('When using portal, the container in which to append the DOM content, defaults to document body')\n    .defaultValue(undefined),\n  startPlacementPreference: PropTypes.oneOf(PLACEMENT)\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'top'\"),\n  customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue([0, 14]),\n  id: PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),\n  onOpen: PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),\n  onClose: PropTypes.func\n    .description('Optional callback to be invoked when the tooltip closes')\n    .defaultValue('() => {}'),\n  showPopover: PropTypes.bool.description('Whether or not the tooltip should be always shown'),\n  Text: PropTypes.func\n    .description(\n      'Custom component to be displayed in the tooltip, will receive textProps as props. If both `text` and `Text` are provided, only `Text` will take precedence.',\n    )\n    .isRequiredIf((props: Record<string, unknown>) => !props.text),\n  textProps: PropTypes.object.description(\n    'Props to be passed to the custom Text component, if provided, used mainly to avoiding inline components definition to improve performance',\n  ),\n};\n\nexport const DSTooltipV3PropTypesSchema = DSTooltipV3PropTypes as unknown as ValidationMap<DSTooltipV3T.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA0B;AAC1B,uBAA0C;AA4DnC,MAAM,uBAA8D;AAAA,EACzE,MAAM,kCAAU,OACb;AAAA,IACC;AAAA,EACF,EACC,aAAa,CAAC,UAAmC,CAAC,MAAM,IAAI;AAAA,EAC/D,WAAW,kCAAU,MAAM,+BAAsC,EAC9D,YAAY,wBAAwB,EACpC,aAAa,MAAM;AAAA,EACtB,0BAA0B,kCAAU,KACjC;AAAA,IACC;AAAA,EACF,EACC,aAAa,KAAK;AAAA,EACrB,WAAW,kCAAU,KAClB,YAAY,2EAA2E,EACvF,aAAa,KAAK;AAAA,EACrB,UAAU,kCAAU,KAAK,YAAY,sDAAsD,EAAE;AAAA,EAC7F,eAAe,kCAAU,KACtB,YAAY,yEAAyE,EACrF,aAAa,IAAI;AAAA,EACpB,cAAc,kCAAU,KAAK,YAAY,iDAAiD,EAAE,aAAa,KAAK;AAAA,EAC9G,kBAAkB,kCAAU,KACzB,YAAY,2DAA2D,EACvE,aAAa,KAAK;AAAA,EACrB,mBAAmB,kCAAU,OAAO,YAAY,+CAA+C,EAAE,aAAa,GAAG;AAAA,EACjH,oBAAoB,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAC9E,YAAY,gGAAgG,EAC5G,aAAa,MAAS;AAAA,EACzB,0BAA0B,kCAAU,MAAM,0BAAS,EAChD,YAAY,+DAA+D,EAC3E,aAAa,OAAO;AAAA,EACvB,cAAc,kCAAU,QAAQ,kCAAU,MAAM,EAAE,YAAY,wBAAwB,EAAE,aAAa,CAAC,GAAG,EAAE,CAAC;AAAA,EAC5G,IAAI,kCAAU,OAAO,YAAY,qCAAqC,EAAE,aAAa,EAAE;AAAA,EACvF,QAAQ,kCAAU,KAAK,YAAY,wDAAwD,EAAE,aAAa,UAAU;AAAA,EACpH,SAAS,kCAAU,KAChB,YAAY,yDAAyD,EACrE,aAAa,UAAU;AAAA,EAC1B,aAAa,kCAAU,KAAK,YAAY,mDAAmD;AAAA,EAC3F,MAAM,kCAAU,KACb;AAAA,IACC;AAAA,EACF,EACC,aAAa,CAAC,UAAmC,CAAC,MAAM,IAAI;AAAA,EAC/D,WAAW,kCAAU,OAAO;AAAA,IAC1B;AAAA,EACF;AACF;AAEO,MAAM,6BAA6B;",
+  "sourcesContent": ["import type { DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport { PropTypes, getPropsPerSlotPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { PLACEMENT, TEXT_ALIGNMENT, DSTooltipV3SlotName, TOOLTIP_V3_SLOTS } from './constants/index.js';\n\nexport declare namespace DSTooltipV3T {\n  export type CustomInterface<T extends Record<string, unknown> = Record<string, unknown>> = T;\n  export type Placement =\n    | 'top-start'\n    | 'top'\n    | 'top-end'\n    | 'right-start'\n    | 'right'\n    | 'right-end'\n    | 'bottom-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'left-end'\n    | 'left'\n    | 'left-start';\n  export type TextAlignment = 'left' | 'right' | 'center' | 'justify' | 'initial' | 'inherit';\n\n  export interface DefaultProps {\n    onOpen: () => void;\n    onClose: () => void;\n    id: string;\n    textAlign: TextAlignment;\n    wrapWords: boolean;\n    startPlacementPreference: Placement;\n    applyTooltipOverflowWrap: boolean;\n    customOffset: [number, number];\n  }\n\n  export type SlotFunctionArguments = {\n    dsTooltipv3Root: () => object;\n    dsTooltipv3TooltipContainer: () => object;\n    dsTooltipv3TooltipText: () => object;\n    dsTooltipv3MouseOverDetectionBox: () => object;\n  };\n\n  export interface OptionalProps<T extends Record<string, unknown> = Record<string, unknown>>\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSTooltipV3SlotName, typeof TOOLTIP_V3_SLOTS> {\n    withoutPortal?: boolean;\n    withoutArrow?: boolean;\n    withoutAnimation?: boolean;\n    animationDuration?: number;\n    portalDOMContainer?: HTMLElement;\n    showPopover?: boolean;\n    Text?: React.ComponentType<T>;\n    textProps?: T;\n    text?: string;\n  }\n\n  export interface RequiredProps {\n    children: React.ReactNode;\n  }\n  export interface InternalProps<T extends CustomInterface = CustomInterface>\n    extends DefaultProps,\n      OptionalProps<T>,\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n\n  export interface Props<T extends CustomInterface = CustomInterface>\n    extends Partial<DefaultProps>,\n      OptionalProps<T>,\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n}\n\nexport const DSTooltipV3PropTypes: DSPropTypesSchema<DSTooltipV3T.Props> = {\n  ...getPropsPerSlotPropTypes(DSTooltipV3SlotName, TOOLTIP_V3_SLOTS),\n  text: PropTypes.string\n    .description(\n      'Tooltip text to be displayed on hover/focus. If both `text` and `Text` are provided, only `Text` will take precedence.',\n    )\n    .isRequiredIf((props: Record<string, unknown>) => !props.Text),\n  textAlign: PropTypes.oneOf(TEXT_ALIGNMENT as unknown as unknown[])\n    .description('Tooltip text alignment')\n    .defaultValue('left'),\n  applyTooltipOverflowWrap: PropTypes.bool\n    .description(\n      'when a tooltip is present, the tooltip text may be too long to fit in the pill. If true, the tooltip will wrap to the next line using overflow-wrap',\n    )\n    .defaultValue(false),\n  wrapWords: PropTypes.bool\n    .description('Break words into a new line. Useful when words exceed tooltip max-lenght.')\n    .defaultValue(false),\n  children: PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,\n  withoutPortal: PropTypes.bool\n    .description('Whether or not the tooltip content should appear in a DOM portal or not')\n    .defaultValue(true),\n  withoutArrow: PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),\n  withoutAnimation: PropTypes.bool\n    .description('Whether or not the popper context menu should be animated')\n    .defaultValue(false),\n  animationDuration: PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),\n  portalDOMContainer: PropTypes.oneOfType([PropTypes.node, PropTypes.oneOf([null])])\n    .description('When using portal, the container in which to append the DOM content, defaults to document body')\n    .defaultValue(undefined),\n  startPlacementPreference: PropTypes.oneOf(PLACEMENT)\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'top'\"),\n  customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue([0, 14]),\n  id: PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),\n  onOpen: PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),\n  onClose: PropTypes.func\n    .description('Optional callback to be invoked when the tooltip closes')\n    .defaultValue('() => {}'),\n  showPopover: PropTypes.bool.description('Whether or not the tooltip should be always shown'),\n  Text: PropTypes.func\n    .description(\n      'Custom component to be displayed in the tooltip, will receive textProps as props. If both `text` and `Text` are provided, only `Text` will take precedence.',\n    )\n    .isRequiredIf((props: Record<string, unknown>) => !props.text),\n  textProps: PropTypes.object.description(\n    'Props to be passed to the custom Text component, if provided, used mainly to avoiding inline components definition to improve performance',\n  ),\n};\n\nexport const DSTooltipV3PropTypesSchema = DSTooltipV3PropTypes as unknown as ValidationMap<DSTooltipV3T.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAAoD;AAEpD,uBAAiF;AAoE1E,MAAM,uBAA8D;AAAA,EACzE,OAAG,kDAAyB,sCAAqB,iCAAgB;AAAA,EACjE,MAAM,kCAAU,OACb;AAAA,IACC;AAAA,EACF,EACC,aAAa,CAAC,UAAmC,CAAC,MAAM,IAAI;AAAA,EAC/D,WAAW,kCAAU,MAAM,+BAAsC,EAC9D,YAAY,wBAAwB,EACpC,aAAa,MAAM;AAAA,EACtB,0BAA0B,kCAAU,KACjC;AAAA,IACC;AAAA,EACF,EACC,aAAa,KAAK;AAAA,EACrB,WAAW,kCAAU,KAClB,YAAY,2EAA2E,EACvF,aAAa,KAAK;AAAA,EACrB,UAAU,kCAAU,KAAK,YAAY,sDAAsD,EAAE;AAAA,EAC7F,eAAe,kCAAU,KACtB,YAAY,yEAAyE,EACrF,aAAa,IAAI;AAAA,EACpB,cAAc,kCAAU,KAAK,YAAY,iDAAiD,EAAE,aAAa,KAAK;AAAA,EAC9G,kBAAkB,kCAAU,KACzB,YAAY,2DAA2D,EACvE,aAAa,KAAK;AAAA,EACrB,mBAAmB,kCAAU,OAAO,YAAY,+CAA+C,EAAE,aAAa,GAAG;AAAA,EACjH,oBAAoB,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAC9E,YAAY,gGAAgG,EAC5G,aAAa,MAAS;AAAA,EACzB,0BAA0B,kCAAU,MAAM,0BAAS,EAChD,YAAY,+DAA+D,EAC3E,aAAa,OAAO;AAAA,EACvB,cAAc,kCAAU,QAAQ,kCAAU,MAAM,EAAE,YAAY,wBAAwB,EAAE,aAAa,CAAC,GAAG,EAAE,CAAC;AAAA,EAC5G,IAAI,kCAAU,OAAO,YAAY,qCAAqC,EAAE,aAAa,EAAE;AAAA,EACvF,QAAQ,kCAAU,KAAK,YAAY,wDAAwD,EAAE,aAAa,UAAU;AAAA,EACpH,SAAS,kCAAU,KAChB,YAAY,yDAAyD,EACrE,aAAa,UAAU;AAAA,EAC1B,aAAa,kCAAU,KAAK,YAAY,mDAAmD;AAAA,EAC3F,MAAM,kCAAU,KACb;AAAA,IACC;AAAA,EACF,EACC,aAAa,CAAC,UAAmC,CAAC,MAAM,IAAI;AAAA,EAC/D,WAAW,kCAAU,OAAO;AAAA,IAC1B;AAAA,EACF;AACF;AAEO,MAAM,6BAA6B;",
   "names": []
 }

package/dist/cjs/styles.js

@@ -36,7 +36,11 @@ __export(styles_exports, {
 module.exports = __toCommonJS(styles_exports);
 var React = __toESM(require("react"));
 var import_ds_system = require("@elliemae/ds-system");
-const StyledTooltipContainer = import_ds_system.styled.div`
+var import_constants = require("./constants/index.js");
+const StyledTooltipContainer = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSTooltipV3SlotName,
+  slot: import_constants.TOOLTIP_V3_SLOTS.TOOLTIP_CONTAINER
+})`
   text-align: center;
   min-width: ${({ theme }) => theme.space.l};
   max-width: 250px;
@@ -50,7 +54,10 @@ const StyledTooltipContainer = import_ds_system.styled.div`
   font-size: 13px;
   color: ${({ theme }) => theme.colors.neutral[600]};
 `;
-const StyledTooltipText = import_ds_system.styled.div`
+const StyledTooltipText = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSTooltipV3SlotName,
+  slot: import_constants.TOOLTIP_V3_SLOTS.TOOLTIP_TEXT
+})`
   display: inline-block;
   text-align: ${({ textAlign }) => textAlign};
 
@@ -69,7 +76,10 @@ const StyledTooltipText = import_ds_system.styled.div`
   overflow-wrap: break-word;`;
 }};
 `;
-const StyledMouseOverDetectionBox = import_ds_system.styled.div`
+const StyledMouseOverDetectionBox = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSTooltipV3SlotName,
+  slot: import_constants.TOOLTIP_V3_SLOTS.MOUSE_OVER_DETECTION_BOX
+})`
   position: absolute;
   top: -15px;
   right: -15px;
@@ -77,7 +87,10 @@ const StyledMouseOverDetectionBox = import_ds_system.styled.div`
   height: calc(100% + 30px);
   z-index: -1;
 `;
-const StyledTriggerWrapper = import_ds_system.styled.div`
+const StyledTriggerWrapper = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSTooltipV3SlotName,
+  slot: import_constants.TOOLTIP_V3_SLOTS.ROOT
+})`
   display: inline-flex;
   width: 100%;
 `;

package/dist/cjs/styles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport type { DSTooltipV3T } from './react-desc-prop-types.js';\n\ninterface StyledTooltipTextT {\n  wrapWords: boolean;\n  textAlign: DSTooltipV3T.TextAlignment;\n}\n\nexport const StyledTooltipContainer = styled.div`\n  text-align: center;\n  min-width: ${({ theme }) => theme.space.l};\n  max-width: 250px;\n  min-height: 30px;\n  display: grid;\n  align-items: center;\n  padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};\n  position: relative;\n  background-color: white;\n  border-radius: 2px;\n  font-size: 13px;\n  color: ${({ theme }) => theme.colors.neutral[600]};\n`;\n\nexport const StyledTooltipText = styled.div<StyledTooltipTextT & { $applyTooltipOverflowWrap: boolean }>`\n  display: inline-block;\n  text-align: ${({ textAlign }) => textAlign};\n\n  ${({ wrapWords, $applyTooltipOverflowWrap }) => {\n    if ($applyTooltipOverflowWrap) {\n      // word-wrap: break-word; // <- this is the legacy \"overflow-wrap\" property, we should not need the legacy declaration\n      // min-width: 0px; // <-- min-width:0px is needed because css grid auto-sizing are broken in css and impossible to understand\n      return `overflow-wrap: break-word;\n  white-space: pre-wrap;\n  min-width: 0px;`;\n    }\n    if (wrapWords) {\n      return `white-space: pre-wrap;\n  word-break: break-all;\n  overflow-wrap: break-word;`;\n    }\n    return `white-space: normal;\n  overflow-wrap: break-word;`;\n  }};\n`;\n\nexport const StyledMouseOverDetectionBox = styled.div`\n  position: absolute;\n  top: -15px;\n  right: -15px;\n  width: calc(100% + 30px);\n  height: calc(100% + 30px);\n  z-index: -1;\n`;\n\nexport const StyledTriggerWrapper = styled.div`\n  display: inline-flex;\n  width: 100%;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AAQhB,MAAM,yBAAyB,wBAAO;AAAA;AAAA,eAE9B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,aAK9B,CAAC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,IAAI,IAAI,MAAM,MAAM,EAAE,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,WAKxD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAG5C,MAAM,oBAAoB,wBAAO;AAAA;AAAA,gBAExB,CAAC,EAAE,UAAU,MAAM,SAAS;AAAA;AAAA,IAExC,CAAC,EAAE,WAAW,0BAA0B,MAAM;AAC9C,MAAI,2BAA2B;AAG7B,WAAO;AAAA;AAAA;AAAA,EAGT;AACA,MAAI,WAAW;AACb,WAAO;AAAA;AAAA;AAAA,EAGT;AACA,SAAO;AAAA;AAET,CAAC;AAAA;AAGI,MAAM,8BAA8B,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS3C,MAAM,uBAAuB,wBAAO;AAAA;AAAA;AAAA;",
+  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport type { DSTooltipV3T } from './react-desc-prop-types.js';\nimport { DSTooltipV3SlotName, TOOLTIP_V3_SLOTS } from './constants/index.js';\n\ninterface StyledTooltipTextT {\n  wrapWords: boolean;\n  textAlign: DSTooltipV3T.TextAlignment;\n}\n\nexport const StyledTooltipContainer = styled('div', {\n  name: DSTooltipV3SlotName,\n  slot: TOOLTIP_V3_SLOTS.TOOLTIP_CONTAINER,\n})`\n  text-align: center;\n  min-width: ${({ theme }) => theme.space.l};\n  max-width: 250px;\n  min-height: 30px;\n  display: grid;\n  align-items: center;\n  padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};\n  position: relative;\n  background-color: white;\n  border-radius: 2px;\n  font-size: 13px;\n  color: ${({ theme }) => theme.colors.neutral[600]};\n`;\n\nexport const StyledTooltipText = styled('div', {\n  name: DSTooltipV3SlotName,\n  slot: TOOLTIP_V3_SLOTS.TOOLTIP_TEXT,\n})<StyledTooltipTextT & { $applyTooltipOverflowWrap: boolean }>`\n  display: inline-block;\n  text-align: ${({ textAlign }) => textAlign};\n\n  ${({ wrapWords, $applyTooltipOverflowWrap }) => {\n    if ($applyTooltipOverflowWrap) {\n      // word-wrap: break-word; // <- this is the legacy \"overflow-wrap\" property, we should not need the legacy declaration\n      // min-width: 0px; // <-- min-width:0px is needed because css grid auto-sizing are broken in css and impossible to understand\n      return `overflow-wrap: break-word;\n  white-space: pre-wrap;\n  min-width: 0px;`;\n    }\n    if (wrapWords) {\n      return `white-space: pre-wrap;\n  word-break: break-all;\n  overflow-wrap: break-word;`;\n    }\n    return `white-space: normal;\n  overflow-wrap: break-word;`;\n  }};\n`;\n\nexport const StyledMouseOverDetectionBox = styled('div', {\n  name: DSTooltipV3SlotName,\n  slot: TOOLTIP_V3_SLOTS.MOUSE_OVER_DETECTION_BOX,\n})`\n  position: absolute;\n  top: -15px;\n  right: -15px;\n  width: calc(100% + 30px);\n  height: calc(100% + 30px);\n  z-index: -1;\n`;\n\nexport const StyledTriggerWrapper = styled('div', {\n  name: DSTooltipV3SlotName,\n  slot: TOOLTIP_V3_SLOTS.ROOT,\n})`\n  display: inline-flex;\n  width: 100%;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AAEvB,uBAAsD;AAO/C,MAAM,6BAAyB,yBAAO,OAAO;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,kCAAiB;AACzB,CAAC;AAAA;AAAA,eAEc,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,aAK9B,CAAC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,IAAI,IAAI,MAAM,MAAM,EAAE,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,WAKxD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAG5C,MAAM,wBAAoB,yBAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,kCAAiB;AACzB,CAAC;AAAA;AAAA,gBAEe,CAAC,EAAE,UAAU,MAAM,SAAS;AAAA;AAAA,IAExC,CAAC,EAAE,WAAW,0BAA0B,MAAM;AAC9C,MAAI,2BAA2B;AAG7B,WAAO;AAAA;AAAA;AAAA,EAGT;AACA,MAAI,WAAW;AACb,WAAO;AAAA;AAAA;AAAA,EAGT;AACA,SAAO;AAAA;AAET,CAAC;AAAA;AAGI,MAAM,kCAA8B,yBAAO,OAAO;AAAA,EACvD,MAAM;AAAA,EACN,MAAM,kCAAiB;AACzB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASM,MAAM,2BAAuB,yBAAO,OAAO;AAAA,EAChD,MAAM;AAAA,EACN,MAAM,kCAAiB;AACzB,CAAC;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/{TooltipV3DatatestId.js → typescript-testing/slot-props.js}

@@ -5,10 +5,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -25,16 +21,18 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var TooltipV3DatatestId_exports = {};
-__export(TooltipV3DatatestId_exports, {
-  TooltipV3DatatestId: () => TooltipV3DatatestId
-});
-module.exports = __toCommonJS(TooltipV3DatatestId_exports);
 var React = __toESM(require("react"));
-const TooltipV3DatatestId = {
-  TRIGGER_WRAPPER: "ds-tooltip-v3-trigger-wrapper",
-  TOOLTIP_TEXT_WRAPPER: "ds-tooltip-v3-tooltip-text-wrapper",
-  OPINIONATED_TEXT_WRAPPER: "ds-tooltip-v3-opinionated-text-wrapper"
+const SlotPropsAsObj = {
+  dsTooltipv3Root: { "aria-label": "just a typescript test" },
+  dsTooltipv3TooltipContainer: { "aria-label": "just a typescript test" },
+  dsTooltipv3TooltipText: { "aria-label": "just a typescript test" },
+  dsTooltipv3MouseOverDetectionBox: { "aria-label": "just a typescript test" }
+};
+const SlotPropsAsFunctions = {
+  dsTooltipv3Root: () => ({ "aria-label": "just a typescript test" }),
+  dsTooltipv3TooltipContainer: () => ({ "aria-label": "just a typescript test" }),
+  dsTooltipv3TooltipText: () => ({ "aria-label": "just a typescript test" }),
+  dsTooltipv3MouseOverDetectionBox: () => ({ "aria-label": "just a typescript test" })
 };
-//# sourceMappingURL=TooltipV3DatatestId.js.map
+const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
+//# sourceMappingURL=slot-props.js.map

package/dist/cjs/typescript-testing/slot-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/slot-props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DSTooltipV3SlotName, TOOLTIP_V3_SLOTS } from '../constants/index.js';\nimport type { DSTooltipV3T } from '../react-desc-prop-types.js';\n\nconst SlotPropsAsObj: Partial<DSTooltipV3T.Props> = {\n  dsTooltipv3Root: { 'aria-label': 'just a typescript test' },\n  dsTooltipv3TooltipContainer: { 'aria-label': 'just a typescript test' },\n  dsTooltipv3TooltipText: { 'aria-label': 'just a typescript test' },\n  dsTooltipv3MouseOverDetectionBox: { 'aria-label': 'just a typescript test' },\n};\n\nconst SlotPropsAsFunctions: DSTooltipV3T.SlotFunctionArguments = {\n  dsTooltipv3Root: () => ({ 'aria-label': 'just a typescript test' }),\n  dsTooltipv3TooltipContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsTooltipv3TooltipText: () => ({ 'aria-label': 'just a typescript test' }),\n  dsTooltipv3MouseOverDetectionBox: () => ({ 'aria-label': 'just a typescript test' }),\n};\n\n// Exhaustiveness check \u2014 fails compilation if a slot is missing from SlotFunctionArguments\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSTooltipV3SlotName, typeof TOOLTIP_V3_SLOTS>\n> = SlotPropsAsFunctions;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACMvB,MAAM,iBAA8C;AAAA,EAClD,iBAAiB,EAAE,cAAc,yBAAyB;AAAA,EAC1D,6BAA6B,EAAE,cAAc,yBAAyB;AAAA,EACtE,wBAAwB,EAAE,cAAc,yBAAyB;AAAA,EACjE,kCAAkC,EAAE,cAAc,yBAAyB;AAC7E;AAEA,MAAM,uBAA2D;AAAA,EAC/D,iBAAiB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACjE,6BAA6B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC7E,wBAAwB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACxE,kCAAkC,OAAO,EAAE,cAAc,yBAAyB;AACpF;AAGA,MAAM,6CAEF;",
+  "names": []
+}

package/dist/esm/DSTooltipV3.js

@@ -2,9 +2,8 @@ import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import React2 from "react";
 import { useFloatingContext, PopoverArrow, FloatingWrapper } from "@elliemae/ds-floating-context";
-import { describe } from "@elliemae/ds-props-helpers";
+import { describe, useOwnerProps } from "@elliemae/ds-props-helpers";
 import { DSTooltipV3PropTypesSchema } from "./react-desc-prop-types.js";
-import { TooltipV3DatatestId } from "./TooltipV3DatatestId.js";
 import {
   StyledTooltipContainer,
   StyledTooltipText,
@@ -12,7 +11,7 @@ import {
   StyledTriggerWrapper
 } from "./styles.js";
 import { useTooltipV3 } from "./config/useTooltipV3.js";
-import { DSTooltipV3Name } from "./constants.js";
+import { DSTooltipV3SlotName, TOOLTIP_V3_DATA_TESTID } from "./constants/index.js";
 const DSTooltipV3 = (props) => {
   const { propsWithDefault } = useTooltipV3(props);
   const {
@@ -35,6 +34,7 @@ const DSTooltipV3 = (props) => {
     Text,
     textProps
   } = propsWithDefault;
+  const ownerPropsConfig = useOwnerProps(propsWithDefault);
   const { handlers, arrowStyles, floatingStyles, isOpen, refs, context } = useFloatingContext({
     placement: startPlacementPreference,
     customOffset,
@@ -55,7 +55,8 @@ const DSTooltipV3 = (props) => {
     {
       ...handlers,
       innerRef: refs.setReference,
-      "data-testid": `${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== "" ? `_${id}` : ""}`,
+      "data-testid": `${TOOLTIP_V3_DATA_TESTID.ROOT}${id !== "" ? `_${id}` : ""}`,
+      ...ownerPropsConfig,
       children: [
         /* @__PURE__ */ jsxs(
           FloatingWrapper,
@@ -65,7 +66,7 @@ const DSTooltipV3 = (props) => {
             floatingStyles,
             context,
             children: [
-              /* @__PURE__ */ jsxs(StyledTooltipContainer, { "data-testid": TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER, children: [
+              /* @__PURE__ */ jsxs(StyledTooltipContainer, { "data-testid": TOOLTIP_V3_DATA_TESTID.TOOLTIP_CONTAINER, ...ownerPropsConfig, children: [
                 Text ? (
                   // this "as T" is an oversimplification but it's safe due to how js {...undefined} works
                   //   users of the component that want the strict types will define T, others won't, no reason to force it on our end
@@ -73,14 +74,15 @@ const DSTooltipV3 = (props) => {
                 ) : /* @__PURE__ */ jsx(
                   StyledTooltipText,
                   {
-                    "data-testid": TooltipV3DatatestId.OPINIONATED_TEXT_WRAPPER,
+                    "data-testid": TOOLTIP_V3_DATA_TESTID.TOOLTIP_TEXT,
                     textAlign,
                     wrapWords,
                     $applyTooltipOverflowWrap: applyTooltipOverflowWrap,
+                    ...ownerPropsConfig,
                     children: text
                   }
                 ),
-                /* @__PURE__ */ jsx(StyledMouseOverDetectionBox, {})
+                /* @__PURE__ */ jsx(StyledMouseOverDetectionBox, { ...ownerPropsConfig })
               ] }),
               !withoutArrow ? /* @__PURE__ */ jsx(PopoverArrow, { ...arrowStyles }) : null
             ]
@@ -91,7 +93,7 @@ const DSTooltipV3 = (props) => {
     }
   );
 };
-DSTooltipV3.displayName = DSTooltipV3Name;
+DSTooltipV3.displayName = DSTooltipV3SlotName;
 const DSTooltipV3WithSchema = describe(DSTooltipV3);
 DSTooltipV3WithSchema.propTypes = DSTooltipV3PropTypesSchema;
 var DSTooltipV3_default = DSTooltipV3;

package/dist/esm/DSTooltipV3.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSTooltipV3.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { useFloatingContext, PopoverArrow, FloatingWrapper } from '@elliemae/ds-floating-context';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSTooltipV3PropTypesSchema } from './react-desc-prop-types.js';\nimport { TooltipV3DatatestId } from './TooltipV3DatatestId.js';\nimport {\n  StyledTooltipContainer,\n  StyledTooltipText,\n  StyledMouseOverDetectionBox,\n  StyledTriggerWrapper,\n} from './styles.js';\nimport type { DSTooltipV3T } from './react-desc-prop-types.js';\nimport { useTooltipV3 } from './config/useTooltipV3.js';\nimport { DSTooltipV3Name } from './constants.js';\n\nconst DSTooltipV3 = <T extends DSTooltipV3T.CustomInterface>(props: DSTooltipV3T.Props<T>) => {\n  const { propsWithDefault } = useTooltipV3(props);\n\n  const {\n    text,\n    startPlacementPreference,\n    children,\n    onOpen,\n    onClose,\n    id,\n    textAlign,\n    wrapWords,\n    withoutArrow,\n    customOffset,\n    animationDuration,\n    withoutAnimation,\n    withoutPortal,\n    portalDOMContainer,\n    applyTooltipOverflowWrap,\n    showPopover,\n    Text,\n    textProps,\n  } = propsWithDefault;\n\n  const { handlers, arrowStyles, floatingStyles, isOpen, refs, context } = useFloatingContext({\n    placement: startPlacementPreference,\n    customOffset,\n    onOpen,\n    onClose,\n    withoutPortal,\n    withoutAnimation,\n    portalDOMContainer,\n    animationDuration,\n    externallyControlledIsOpen: showPopover,\n  });\n\n  const isOpenSourceOfTruth = React.useMemo(() => {\n    if (showPopover !== undefined) return showPopover;\n    return isOpen;\n  }, [showPopover, isOpen]);\n\n  return (\n    <StyledTriggerWrapper\n      {...handlers}\n      innerRef={refs.setReference}\n      data-testid={`${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== '' ? `_${id}` : ''}`}\n    >\n      <FloatingWrapper\n        innerRef={refs.setFloating}\n        isOpen={isOpenSourceOfTruth}\n        floatingStyles={floatingStyles}\n        context={context}\n      >\n        <StyledTooltipContainer data-testid={TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}>\n          {Text ? (\n            // this \"as T\" is an oversimplification but it's safe due to how js {...undefined} works\n            //   users of the component that want the strict types will define T, others won't, no reason to force it on our end\n            <Text {...(textProps as T)} />\n          ) : (\n            <StyledTooltipText\n              data-testid={TooltipV3DatatestId.OPINIONATED_TEXT_WRAPPER}\n              textAlign={textAlign}\n              wrapWords={wrapWords}\n              $applyTooltipOverflowWrap={applyTooltipOverflowWrap}\n            >\n              {text}\n            </StyledTooltipText>\n          )}\n          <StyledMouseOverDetectionBox />\n        </StyledTooltipContainer>\n        {!withoutArrow ? <PopoverArrow {...arrowStyles} /> : null}\n      </FloatingWrapper>\n\n      {children}\n    </StyledTriggerWrapper>\n  );\n};\n\nDSTooltipV3.displayName = DSTooltipV3Name;\nconst DSTooltipV3WithSchema = describe(DSTooltipV3);\nDSTooltipV3WithSchema.propTypes = DSTooltipV3PropTypesSchema;\n\nexport { DSTooltipV3, DSTooltipV3WithSchema };\n\nexport default DSTooltipV3;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACqEf,SAII,KAJJ;AApER,OAAOA,YAAW;AAClB,SAAS,oBAAoB,cAAc,uBAAuB;AAClE,SAAS,gBAAgB;AACzB,SAAS,kCAAkC;AAC3C,SAAS,2BAA2B;AACpC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAEhC,MAAM,cAAc,CAAyC,UAAiC;AAC5F,QAAM,EAAE,iBAAiB,IAAI,aAAa,KAAK;AAE/C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,EAAE,UAAU,aAAa,gBAAgB,QAAQ,MAAM,QAAQ,IAAI,mBAAmB;AAAA,IAC1F,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,4BAA4B;AAAA,EAC9B,CAAC;AAED,QAAM,sBAAsBA,OAAM,QAAQ,MAAM;AAC9C,QAAI,gBAAgB,OAAW,QAAO;AACtC,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,MAAM,CAAC;AAExB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU,KAAK;AAAA,MACf,eAAa,GAAG,oBAAoB,eAAe,GAAG,OAAO,KAAK,IAAI,EAAE,KAAK,EAAE;AAAA,MAE/E;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,KAAK;AAAA,YACf,QAAQ;AAAA,YACR;AAAA,YACA;AAAA,YAEA;AAAA,mCAAC,0BAAuB,eAAa,oBAAoB,sBACtD;AAAA;AAAA;AAAA;AAAA,kBAGC,oBAAC,QAAM,GAAI,WAAiB;AAAA,oBAE5B;AAAA,kBAAC;AAAA;AAAA,oBACC,eAAa,oBAAoB;AAAA,oBACjC;AAAA,oBACA;AAAA,oBACA,2BAA2B;AAAA,oBAE1B;AAAA;AAAA,gBACH;AAAA,gBAEF,oBAAC,+BAA4B;AAAA,iBAC/B;AAAA,cACC,CAAC,eAAe,oBAAC,gBAAc,GAAG,aAAa,IAAK;AAAA;AAAA;AAAA,QACvD;AAAA,QAEC;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { useFloatingContext, PopoverArrow, FloatingWrapper } from '@elliemae/ds-floating-context';\nimport { describe, useOwnerProps } from '@elliemae/ds-props-helpers';\nimport { DSTooltipV3PropTypesSchema } from './react-desc-prop-types.js';\nimport {\n  StyledTooltipContainer,\n  StyledTooltipText,\n  StyledMouseOverDetectionBox,\n  StyledTriggerWrapper,\n} from './styles.js';\nimport type { DSTooltipV3T } from './react-desc-prop-types.js';\nimport { useTooltipV3 } from './config/useTooltipV3.js';\nimport { DSTooltipV3SlotName, TOOLTIP_V3_DATA_TESTID } from './constants/index.js';\n\nconst DSTooltipV3 = <T extends DSTooltipV3T.CustomInterface>(props: DSTooltipV3T.Props<T>) => {\n  const { propsWithDefault } = useTooltipV3(props);\n\n  const {\n    text,\n    startPlacementPreference,\n    children,\n    onOpen,\n    onClose,\n    id,\n    textAlign,\n    wrapWords,\n    withoutArrow,\n    customOffset,\n    animationDuration,\n    withoutAnimation,\n    withoutPortal,\n    portalDOMContainer,\n    applyTooltipOverflowWrap,\n    showPopover,\n    Text,\n    textProps,\n  } = propsWithDefault;\n\n  const ownerPropsConfig = useOwnerProps(propsWithDefault);\n\n  const { handlers, arrowStyles, floatingStyles, isOpen, refs, context } = useFloatingContext({\n    placement: startPlacementPreference,\n    customOffset,\n    onOpen,\n    onClose,\n    withoutPortal,\n    withoutAnimation,\n    portalDOMContainer,\n    animationDuration,\n    externallyControlledIsOpen: showPopover,\n  });\n\n  const isOpenSourceOfTruth = React.useMemo(() => {\n    if (showPopover !== undefined) return showPopover;\n    return isOpen;\n  }, [showPopover, isOpen]);\n\n  return (\n    <StyledTriggerWrapper\n      {...handlers}\n      innerRef={refs.setReference}\n      // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n      data-testid={`${TOOLTIP_V3_DATA_TESTID.ROOT}${id !== '' ? `_${id}` : ''}`}\n      {...ownerPropsConfig}\n    >\n      <FloatingWrapper\n        innerRef={refs.setFloating}\n        isOpen={isOpenSourceOfTruth}\n        floatingStyles={floatingStyles}\n        context={context}\n      >\n        {/* legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed */}\n        <StyledTooltipContainer data-testid={TOOLTIP_V3_DATA_TESTID.TOOLTIP_CONTAINER} {...ownerPropsConfig}>\n          {Text ? (\n            // this \"as T\" is an oversimplification but it's safe due to how js {...undefined} works\n            //   users of the component that want the strict types will define T, others won't, no reason to force it on our end\n            <Text {...(textProps as T)} />\n          ) : (\n            <StyledTooltipText\n              // legacy data-testid \u2014 preserved for QA/consumer compatibility, breaking change if removed\n              data-testid={TOOLTIP_V3_DATA_TESTID.TOOLTIP_TEXT}\n              textAlign={textAlign}\n              wrapWords={wrapWords}\n              $applyTooltipOverflowWrap={applyTooltipOverflowWrap}\n              {...ownerPropsConfig}\n            >\n              {text}\n            </StyledTooltipText>\n          )}\n          <StyledMouseOverDetectionBox {...ownerPropsConfig} />\n        </StyledTooltipContainer>\n        {!withoutArrow ? <PopoverArrow {...arrowStyles} /> : null}\n      </FloatingWrapper>\n\n      {children}\n    </StyledTriggerWrapper>\n  );\n};\n\nDSTooltipV3.displayName = DSTooltipV3SlotName;\nconst DSTooltipV3WithSchema = describe(DSTooltipV3);\nDSTooltipV3WithSchema.propTypes = DSTooltipV3PropTypesSchema;\n\nexport { DSTooltipV3, DSTooltipV3WithSchema };\n\nexport default DSTooltipV3;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACyEf,SAII,KAJJ;AAxER,OAAOA,YAAW;AAClB,SAAS,oBAAoB,cAAc,uBAAuB;AAClE,SAAS,UAAU,qBAAqB;AACxC,SAAS,kCAAkC;AAC3C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB,8BAA8B;AAE5D,MAAM,cAAc,CAAyC,UAAiC;AAC5F,QAAM,EAAE,iBAAiB,IAAI,aAAa,KAAK;AAE/C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,mBAAmB,cAAc,gBAAgB;AAEvD,QAAM,EAAE,UAAU,aAAa,gBAAgB,QAAQ,MAAM,QAAQ,IAAI,mBAAmB;AAAA,IAC1F,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,4BAA4B;AAAA,EAC9B,CAAC;AAED,QAAM,sBAAsBA,OAAM,QAAQ,MAAM;AAC9C,QAAI,gBAAgB,OAAW,QAAO;AACtC,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,MAAM,CAAC;AAExB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,UAAU,KAAK;AAAA,MAEf,eAAa,GAAG,uBAAuB,IAAI,GAAG,OAAO,KAAK,IAAI,EAAE,KAAK,EAAE;AAAA,MACtE,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,KAAK;AAAA,YACf,QAAQ;AAAA,YACR;AAAA,YACA;AAAA,YAGA;AAAA,mCAAC,0BAAuB,eAAa,uBAAuB,mBAAoB,GAAG,kBAChF;AAAA;AAAA;AAAA;AAAA,kBAGC,oBAAC,QAAM,GAAI,WAAiB;AAAA,oBAE5B;AAAA,kBAAC;AAAA;AAAA,oBAEC,eAAa,uBAAuB;AAAA,oBACpC;AAAA,oBACA;AAAA,oBACA,2BAA2B;AAAA,oBAC1B,GAAG;AAAA,oBAEH;AAAA;AAAA,gBACH;AAAA,gBAEF,oBAAC,+BAA6B,GAAG,kBAAkB;AAAA,iBACrD;AAAA,cACC,CAAC,eAAe,oBAAC,gBAAc,GAAG,aAAa,IAAK;AAAA;AAAA;AAAA,QACvD;AAAA,QAEC;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;AAIlC,IAAO,sBAAQ;",
   "names": ["React"]
 }

package/dist/esm/config/useValidateProps.js

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
-import { DSTooltipV3Name } from "../constants.js";
+import { DSTooltipV3SlotName } from "../constants/index.js";
 const useValidateProps = (props, propTypes) => {
-  useValidateTypescriptPropTypes(props, propTypes, DSTooltipV3Name);
+  useValidateTypescriptPropTypes(props, propTypes, DSTooltipV3SlotName);
 };
 export {
   useValidateProps

package/dist/esm/config/useValidateProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSTooltipV3T } from '../react-desc-prop-types.js';\nimport { DSTooltipV3Name } from '../constants.js';\n\nexport const useValidateProps = <T extends DSTooltipV3T.CustomInterface>(\n  props: DSTooltipV3T.InternalProps<T>,\n  propTypes: ValidationMap<unknown>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSTooltipV3Name);\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAG/C,SAAS,uBAAuB;AAEzB,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,iCAA+B,OAAO,WAAW,eAAe;AAClE;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSTooltipV3T } from '../react-desc-prop-types.js';\nimport { DSTooltipV3SlotName } from '../constants/index.js';\n\nexport const useValidateProps = <T extends DSTooltipV3T.CustomInterface>(\n  props: DSTooltipV3T.InternalProps<T>,\n  propTypes: ValidationMap<unknown>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSTooltipV3SlotName);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAG/C,SAAS,2BAA2B;AAE7B,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,iCAA+B,OAAO,WAAW,mBAAmB;AACtE;",
   "names": []
 }

package/dist/esm/constants/index.js

@@ -0,0 +1,62 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+const PLACEMENT = [
+  "top-start",
+  "top",
+  "top-end",
+  "right-start",
+  "right",
+  "right-end",
+  "bottom-end",
+  "bottom",
+  "bottom-start",
+  "left-end",
+  "left",
+  "left-start"
+];
+const TEXT_ALIGNMENT = ["left", "right", "center", "justify", "initial", "inherit"];
+const DSTooltipV3SlotName = "DSTooltipv3";
+const TOOLTIP_V3_SLOTS = {
+  ROOT: "root",
+  TOOLTIP_CONTAINER: "tooltip-container",
+  // legacy test id
+  TOOLTIP_TEXT: "tooltip-text",
+  // legacy test id
+  MOUSE_OVER_DETECTION_BOX: "mouse-over-detection-box"
+};
+const TOOLTIP_V3_DATA_TESTID = {
+  ...slotObjectToDataTestIds(DSTooltipV3SlotName, TOOLTIP_V3_SLOTS),
+  // legacy test IDs — preserved for QA/consumer compatibility, breaking change if removed
+  ROOT: "ds-tooltip-v3-trigger-wrapper",
+  TOOLTIP_CONTAINER: "ds-tooltip-v3-tooltip-text-wrapper",
+  TOOLTIP_TEXT: "ds-tooltip-v3-opinionated-text-wrapper"
+};
+const TooltipV3DatatestId = {
+  TRIGGER_WRAPPER: TOOLTIP_V3_DATA_TESTID.ROOT,
+  TOOLTIP_TEXT_WRAPPER: TOOLTIP_V3_DATA_TESTID.TOOLTIP_CONTAINER,
+  OPINIONATED_TEXT_WRAPPER: TOOLTIP_V3_DATA_TESTID.TOOLTIP_TEXT
+};
+const tooltipPositions = {
+  TOP: "top",
+  BOTTOM: "bottom",
+  RIGHT: "right",
+  LEFT: "left",
+  TOP_START: "top-start",
+  TOP_END: "top-end",
+  BOTTOM_START: "bottom-start",
+  BOTTOM_END: "bottom-end",
+  RIGHT_START: "right-start",
+  RIGHT_END: "right-end",
+  LEFT_START: "left-start",
+  LEFT_END: "left-end"
+};
+export {
+  DSTooltipV3SlotName,
+  PLACEMENT,
+  TEXT_ALIGNMENT,
+  TOOLTIP_V3_DATA_TESTID,
+  TOOLTIP_V3_SLOTS,
+  TooltipV3DatatestId,
+  tooltipPositions
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const PLACEMENT = [\n  'top-start',\n  'top',\n  'top-end',\n  'right-start',\n  'right',\n  'right-end',\n  'bottom-end',\n  'bottom',\n  'bottom-start',\n  'left-end',\n  'left',\n  'left-start',\n];\n\nexport const TEXT_ALIGNMENT = ['left', 'right', 'center', 'justify', 'initial', 'inherit'];\n\n// Slot system name \u2014 single-capitalisation PascalCase after DS prefix (checkNamingConvention enforced)\nexport const DSTooltipV3SlotName = 'DSTooltipv3';\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators\nexport const TOOLTIP_V3_SLOTS = {\n  ROOT: 'root',\n  TOOLTIP_CONTAINER: 'tooltip-container', // legacy test id\n  TOOLTIP_TEXT: 'tooltip-text', // legacy test id\n  MOUSE_OVER_DETECTION_BOX: 'mouse-over-detection-box',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const TOOLTIP_V3_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSTooltipV3SlotName, TOOLTIP_V3_SLOTS),\n  // legacy test IDs \u2014 preserved for QA/consumer compatibility, breaking change if removed\n  ROOT: 'ds-tooltip-v3-trigger-wrapper',\n  TOOLTIP_CONTAINER: 'ds-tooltip-v3-tooltip-text-wrapper',\n  TOOLTIP_TEXT: 'ds-tooltip-v3-opinionated-text-wrapper',\n} as Record<keyof typeof TOOLTIP_V3_SLOTS, string>;\n\n// Legacy export \u2014 kept for backward compatibility. TOOLTIP_V3_DATA_TESTID is the source of truth.\n// Do not add new values here; add them to TOOLTIP_V3_SLOTS instead and the data-testid be generated automatically.\nexport const TooltipV3DatatestId = {\n  TRIGGER_WRAPPER: TOOLTIP_V3_DATA_TESTID.ROOT,\n  TOOLTIP_TEXT_WRAPPER: TOOLTIP_V3_DATA_TESTID.TOOLTIP_CONTAINER,\n  OPINIONATED_TEXT_WRAPPER: TOOLTIP_V3_DATA_TESTID.TOOLTIP_TEXT,\n};\n\n// many stories where using this from ds-tooltip.\n// we need to preserve this format to avoid breaking changes.\nconst tooltipPositions = {\n  TOP: 'top' as const,\n  BOTTOM: 'bottom' as const,\n  RIGHT: 'right' as const,\n  LEFT: 'left' as const,\n  TOP_START: 'top-start' as const,\n  TOP_END: 'top-end' as const,\n  BOTTOM_START: 'bottom-start' as const,\n  BOTTOM_END: 'bottom-end' as const,\n  RIGHT_START: 'right-start' as const,\n  RIGHT_END: 'right-end' as const,\n  LEFT_START: 'left-start' as const,\n  LEFT_END: 'left-end' as const,\n};\n\nexport { tooltipPositions };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,YAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,iBAAiB,CAAC,QAAQ,SAAS,UAAU,WAAW,WAAW,SAAS;AAGlF,MAAM,sBAAsB;AAG5B,MAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,mBAAmB;AAAA;AAAA,EACnB,cAAc;AAAA;AAAA,EACd,0BAA0B;AAC5B;AAGO,MAAM,yBAAyB;AAAA,EACpC,GAAG,wBAAwB,qBAAqB,gBAAgB;AAAA;AAAA,EAEhE,MAAM;AAAA,EACN,mBAAmB;AAAA,EACnB,cAAc;AAChB;AAIO,MAAM,sBAAsB;AAAA,EACjC,iBAAiB,uBAAuB;AAAA,EACxC,sBAAsB,uBAAuB;AAAA,EAC7C,0BAA0B,uBAAuB;AACnD;AAIA,MAAM,mBAAmB;AAAA,EACvB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AACZ;",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,12 +1,22 @@
 import * as React from "react";
 import { DSTooltipV3, DSTooltipV3WithSchema } from "./DSTooltipV3.js";
-import { TooltipV3DatatestId } from "./TooltipV3DatatestId.js";
-import { tooltipPositions, PLACEMENT, TEXT_ALIGNMENT } from "./constants.js";
+import {
+  tooltipPositions,
+  PLACEMENT,
+  TEXT_ALIGNMENT,
+  DSTooltipV3SlotName,
+  TOOLTIP_V3_SLOTS,
+  TOOLTIP_V3_DATA_TESTID,
+  TooltipV3DatatestId
+} from "./constants/index.js";
 export {
   DSTooltipV3,
+  DSTooltipV3SlotName,
   DSTooltipV3WithSchema,
   PLACEMENT,
   TEXT_ALIGNMENT,
+  TOOLTIP_V3_DATA_TESTID,
+  TOOLTIP_V3_SLOTS,
   TooltipV3DatatestId,
   tooltipPositions
 };

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSTooltipV3, DSTooltipV3WithSchema } from './DSTooltipV3.js';\nexport { TooltipV3DatatestId } from './TooltipV3DatatestId.js';\nexport { type DSTooltipV3T } from './react-desc-prop-types.js';\nexport { tooltipPositions, PLACEMENT, TEXT_ALIGNMENT } from './constants.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa,6BAA6B;AACnD,SAAS,2BAA2B;AAEpC,SAAS,kBAAkB,WAAW,sBAAsB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSTooltipV3, DSTooltipV3WithSchema } from './DSTooltipV3.js';\nexport { type DSTooltipV3T } from './react-desc-prop-types.js';\nexport {\n  tooltipPositions,\n  PLACEMENT,\n  TEXT_ALIGNMENT,\n  DSTooltipV3SlotName,\n  TOOLTIP_V3_SLOTS,\n  TOOLTIP_V3_DATA_TESTID,\n  TooltipV3DatatestId,\n} from './constants/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa,6BAA6B;AAEnD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
   "names": []
 }

package/dist/esm/package.json

@@ -3,8 +3,5 @@
   "sideEffects": [
     "*.css",
     "*.scss"
-  ],
-  "publishConfig": {
-    "access": "public"
-  }
+  ]
 }

package/dist/esm/react-desc-prop-types.js

@@ -1,7 +1,8 @@
 import * as React from "react";
-import { PropTypes } from "@elliemae/ds-props-helpers";
-import { PLACEMENT, TEXT_ALIGNMENT } from "./constants.js";
+import { PropTypes, getPropsPerSlotPropTypes } from "@elliemae/ds-props-helpers";
+import { PLACEMENT, TEXT_ALIGNMENT, DSTooltipV3SlotName, TOOLTIP_V3_SLOTS } from "./constants/index.js";
 const DSTooltipV3PropTypes = {
+  ...getPropsPerSlotPropTypes(DSTooltipV3SlotName, TOOLTIP_V3_SLOTS),
   text: PropTypes.string.description(
     "Tooltip text to be displayed on hover/focus. If both `text` and `Text` are provided, only `Text` will take precedence."
   ).isRequiredIf((props) => !props.Text),

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\nimport { PLACEMENT, TEXT_ALIGNMENT } from './constants.js';\n\nexport declare namespace DSTooltipV3T {\n  export type CustomInterface<T extends Record<string, unknown> = Record<string, unknown>> = T;\n  export type Placement =\n    | 'top-start'\n    | 'top'\n    | 'top-end'\n    | 'right-start'\n    | 'right'\n    | 'right-end'\n    | 'bottom-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'left-end'\n    | 'left'\n    | 'left-start';\n  export type TextAlignment = 'left' | 'right' | 'center' | 'justify' | 'initial' | 'inherit';\n\n  export interface DefaultProps {\n    onOpen: () => void;\n    onClose: () => void;\n    id: string;\n    textAlign: TextAlignment;\n    wrapWords: boolean;\n    startPlacementPreference: Placement;\n    applyTooltipOverflowWrap: boolean;\n    customOffset: [number, number];\n  }\n\n  export interface OptionalProps<T extends Record<string, unknown> = Record<string, unknown>> {\n    withoutPortal?: boolean;\n    withoutArrow?: boolean;\n    withoutAnimation?: boolean;\n    animationDuration?: number;\n    portalDOMContainer?: HTMLElement;\n    showPopover?: boolean;\n    Text?: React.ComponentType<T>;\n    textProps?: T;\n    text?: string;\n  }\n\n  export interface RequiredProps {\n    children: React.ReactNode;\n  }\n  export interface InternalProps<T extends CustomInterface = CustomInterface>\n    extends DefaultProps,\n      OptionalProps<T>,\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n\n  export interface Props<T extends CustomInterface = CustomInterface>\n    extends Partial<DefaultProps>,\n      OptionalProps<T>,\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n}\n\nexport const DSTooltipV3PropTypes: DSPropTypesSchema<DSTooltipV3T.Props> = {\n  text: PropTypes.string\n    .description(\n      'Tooltip text to be displayed on hover/focus. If both `text` and `Text` are provided, only `Text` will take precedence.',\n    )\n    .isRequiredIf((props: Record<string, unknown>) => !props.Text),\n  textAlign: PropTypes.oneOf(TEXT_ALIGNMENT as unknown as unknown[])\n    .description('Tooltip text alignment')\n    .defaultValue('left'),\n  applyTooltipOverflowWrap: PropTypes.bool\n    .description(\n      'when a tooltip is present, the tooltip text may be too long to fit in the pill. If true, the tooltip will wrap to the next line using overflow-wrap',\n    )\n    .defaultValue(false),\n  wrapWords: PropTypes.bool\n    .description('Break words into a new line. Useful when words exceed tooltip max-lenght.')\n    .defaultValue(false),\n  children: PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,\n  withoutPortal: PropTypes.bool\n    .description('Whether or not the tooltip content should appear in a DOM portal or not')\n    .defaultValue(true),\n  withoutArrow: PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),\n  withoutAnimation: PropTypes.bool\n    .description('Whether or not the popper context menu should be animated')\n    .defaultValue(false),\n  animationDuration: PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),\n  portalDOMContainer: PropTypes.oneOfType([PropTypes.node, PropTypes.oneOf([null])])\n    .description('When using portal, the container in which to append the DOM content, defaults to document body')\n    .defaultValue(undefined),\n  startPlacementPreference: PropTypes.oneOf(PLACEMENT)\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'top'\"),\n  customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue([0, 14]),\n  id: PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),\n  onOpen: PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),\n  onClose: PropTypes.func\n    .description('Optional callback to be invoked when the tooltip closes')\n    .defaultValue('() => {}'),\n  showPopover: PropTypes.bool.description('Whether or not the tooltip should be always shown'),\n  Text: PropTypes.func\n    .description(\n      'Custom component to be displayed in the tooltip, will receive textProps as props. If both `text` and `Text` are provided, only `Text` will take precedence.',\n    )\n    .isRequiredIf((props: Record<string, unknown>) => !props.text),\n  textProps: PropTypes.object.description(\n    'Props to be passed to the custom Text component, if provided, used mainly to avoiding inline components definition to improve performance',\n  ),\n};\n\nexport const DSTooltipV3PropTypesSchema = DSTooltipV3PropTypes as unknown as ValidationMap<DSTooltipV3T.Props>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AAC1B,SAAS,WAAW,sBAAsB;AA4DnC,MAAM,uBAA8D;AAAA,EACzE,MAAM,UAAU,OACb;AAAA,IACC;AAAA,EACF,EACC,aAAa,CAAC,UAAmC,CAAC,MAAM,IAAI;AAAA,EAC/D,WAAW,UAAU,MAAM,cAAsC,EAC9D,YAAY,wBAAwB,EACpC,aAAa,MAAM;AAAA,EACtB,0BAA0B,UAAU,KACjC;AAAA,IACC;AAAA,EACF,EACC,aAAa,KAAK;AAAA,EACrB,WAAW,UAAU,KAClB,YAAY,2EAA2E,EACvF,aAAa,KAAK;AAAA,EACrB,UAAU,UAAU,KAAK,YAAY,sDAAsD,EAAE;AAAA,EAC7F,eAAe,UAAU,KACtB,YAAY,yEAAyE,EACrF,aAAa,IAAI;AAAA,EACpB,cAAc,UAAU,KAAK,YAAY,iDAAiD,EAAE,aAAa,KAAK;AAAA,EAC9G,kBAAkB,UAAU,KACzB,YAAY,2DAA2D,EACvE,aAAa,KAAK;AAAA,EACrB,mBAAmB,UAAU,OAAO,YAAY,+CAA+C,EAAE,aAAa,GAAG;AAAA,EACjH,oBAAoB,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAC9E,YAAY,gGAAgG,EAC5G,aAAa,MAAS;AAAA,EACzB,0BAA0B,UAAU,MAAM,SAAS,EAChD,YAAY,+DAA+D,EAC3E,aAAa,OAAO;AAAA,EACvB,cAAc,UAAU,QAAQ,UAAU,MAAM,EAAE,YAAY,wBAAwB,EAAE,aAAa,CAAC,GAAG,EAAE,CAAC;AAAA,EAC5G,IAAI,UAAU,OAAO,YAAY,qCAAqC,EAAE,aAAa,EAAE;AAAA,EACvF,QAAQ,UAAU,KAAK,YAAY,wDAAwD,EAAE,aAAa,UAAU;AAAA,EACpH,SAAS,UAAU,KAChB,YAAY,yDAAyD,EACrE,aAAa,UAAU;AAAA,EAC1B,aAAa,UAAU,KAAK,YAAY,mDAAmD;AAAA,EAC3F,MAAM,UAAU,KACb;AAAA,IACC;AAAA,EACF,EACC,aAAa,CAAC,UAAmC,CAAC,MAAM,IAAI;AAAA,EAC/D,WAAW,UAAU,OAAO;AAAA,IAC1B;AAAA,EACF;AACF;AAEO,MAAM,6BAA6B;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport { PropTypes, getPropsPerSlotPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { PLACEMENT, TEXT_ALIGNMENT, DSTooltipV3SlotName, TOOLTIP_V3_SLOTS } from './constants/index.js';\n\nexport declare namespace DSTooltipV3T {\n  export type CustomInterface<T extends Record<string, unknown> = Record<string, unknown>> = T;\n  export type Placement =\n    | 'top-start'\n    | 'top'\n    | 'top-end'\n    | 'right-start'\n    | 'right'\n    | 'right-end'\n    | 'bottom-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'left-end'\n    | 'left'\n    | 'left-start';\n  export type TextAlignment = 'left' | 'right' | 'center' | 'justify' | 'initial' | 'inherit';\n\n  export interface DefaultProps {\n    onOpen: () => void;\n    onClose: () => void;\n    id: string;\n    textAlign: TextAlignment;\n    wrapWords: boolean;\n    startPlacementPreference: Placement;\n    applyTooltipOverflowWrap: boolean;\n    customOffset: [number, number];\n  }\n\n  export type SlotFunctionArguments = {\n    dsTooltipv3Root: () => object;\n    dsTooltipv3TooltipContainer: () => object;\n    dsTooltipv3TooltipText: () => object;\n    dsTooltipv3MouseOverDetectionBox: () => object;\n  };\n\n  export interface OptionalProps<T extends Record<string, unknown> = Record<string, unknown>>\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSTooltipV3SlotName, typeof TOOLTIP_V3_SLOTS> {\n    withoutPortal?: boolean;\n    withoutArrow?: boolean;\n    withoutAnimation?: boolean;\n    animationDuration?: number;\n    portalDOMContainer?: HTMLElement;\n    showPopover?: boolean;\n    Text?: React.ComponentType<T>;\n    textProps?: T;\n    text?: string;\n  }\n\n  export interface RequiredProps {\n    children: React.ReactNode;\n  }\n  export interface InternalProps<T extends CustomInterface = CustomInterface>\n    extends DefaultProps,\n      OptionalProps<T>,\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n\n  export interface Props<T extends CustomInterface = CustomInterface>\n    extends Partial<DefaultProps>,\n      OptionalProps<T>,\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n}\n\nexport const DSTooltipV3PropTypes: DSPropTypesSchema<DSTooltipV3T.Props> = {\n  ...getPropsPerSlotPropTypes(DSTooltipV3SlotName, TOOLTIP_V3_SLOTS),\n  text: PropTypes.string\n    .description(\n      'Tooltip text to be displayed on hover/focus. If both `text` and `Text` are provided, only `Text` will take precedence.',\n    )\n    .isRequiredIf((props: Record<string, unknown>) => !props.Text),\n  textAlign: PropTypes.oneOf(TEXT_ALIGNMENT as unknown as unknown[])\n    .description('Tooltip text alignment')\n    .defaultValue('left'),\n  applyTooltipOverflowWrap: PropTypes.bool\n    .description(\n      'when a tooltip is present, the tooltip text may be too long to fit in the pill. If true, the tooltip will wrap to the next line using overflow-wrap',\n    )\n    .defaultValue(false),\n  wrapWords: PropTypes.bool\n    .description('Break words into a new line. Useful when words exceed tooltip max-lenght.')\n    .defaultValue(false),\n  children: PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,\n  withoutPortal: PropTypes.bool\n    .description('Whether or not the tooltip content should appear in a DOM portal or not')\n    .defaultValue(true),\n  withoutArrow: PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),\n  withoutAnimation: PropTypes.bool\n    .description('Whether or not the popper context menu should be animated')\n    .defaultValue(false),\n  animationDuration: PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),\n  portalDOMContainer: PropTypes.oneOfType([PropTypes.node, PropTypes.oneOf([null])])\n    .description('When using portal, the container in which to append the DOM content, defaults to document body')\n    .defaultValue(undefined),\n  startPlacementPreference: PropTypes.oneOf(PLACEMENT)\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'top'\"),\n  customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue([0, 14]),\n  id: PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),\n  onOpen: PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),\n  onClose: PropTypes.func\n    .description('Optional callback to be invoked when the tooltip closes')\n    .defaultValue('() => {}'),\n  showPopover: PropTypes.bool.description('Whether or not the tooltip should be always shown'),\n  Text: PropTypes.func\n    .description(\n      'Custom component to be displayed in the tooltip, will receive textProps as props. If both `text` and `Text` are provided, only `Text` will take precedence.',\n    )\n    .isRequiredIf((props: Record<string, unknown>) => !props.text),\n  textProps: PropTypes.object.description(\n    'Props to be passed to the custom Text component, if provided, used mainly to avoiding inline components definition to improve performance',\n  ),\n};\n\nexport const DSTooltipV3PropTypesSchema = DSTooltipV3PropTypes as unknown as ValidationMap<DSTooltipV3T.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,gCAAgC;AAEpD,SAAS,WAAW,gBAAgB,qBAAqB,wBAAwB;AAoE1E,MAAM,uBAA8D;AAAA,EACzE,GAAG,yBAAyB,qBAAqB,gBAAgB;AAAA,EACjE,MAAM,UAAU,OACb;AAAA,IACC;AAAA,EACF,EACC,aAAa,CAAC,UAAmC,CAAC,MAAM,IAAI;AAAA,EAC/D,WAAW,UAAU,MAAM,cAAsC,EAC9D,YAAY,wBAAwB,EACpC,aAAa,MAAM;AAAA,EACtB,0BAA0B,UAAU,KACjC;AAAA,IACC;AAAA,EACF,EACC,aAAa,KAAK;AAAA,EACrB,WAAW,UAAU,KAClB,YAAY,2EAA2E,EACvF,aAAa,KAAK;AAAA,EACrB,UAAU,UAAU,KAAK,YAAY,sDAAsD,EAAE;AAAA,EAC7F,eAAe,UAAU,KACtB,YAAY,yEAAyE,EACrF,aAAa,IAAI;AAAA,EACpB,cAAc,UAAU,KAAK,YAAY,iDAAiD,EAAE,aAAa,KAAK;AAAA,EAC9G,kBAAkB,UAAU,KACzB,YAAY,2DAA2D,EACvE,aAAa,KAAK;AAAA,EACrB,mBAAmB,UAAU,OAAO,YAAY,+CAA+C,EAAE,aAAa,GAAG;AAAA,EACjH,oBAAoB,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAC9E,YAAY,gGAAgG,EAC5G,aAAa,MAAS;AAAA,EACzB,0BAA0B,UAAU,MAAM,SAAS,EAChD,YAAY,+DAA+D,EAC3E,aAAa,OAAO;AAAA,EACvB,cAAc,UAAU,QAAQ,UAAU,MAAM,EAAE,YAAY,wBAAwB,EAAE,aAAa,CAAC,GAAG,EAAE,CAAC;AAAA,EAC5G,IAAI,UAAU,OAAO,YAAY,qCAAqC,EAAE,aAAa,EAAE;AAAA,EACvF,QAAQ,UAAU,KAAK,YAAY,wDAAwD,EAAE,aAAa,UAAU;AAAA,EACpH,SAAS,UAAU,KAChB,YAAY,yDAAyD,EACrE,aAAa,UAAU;AAAA,EAC1B,aAAa,UAAU,KAAK,YAAY,mDAAmD;AAAA,EAC3F,MAAM,UAAU,KACb;AAAA,IACC;AAAA,EACF,EACC,aAAa,CAAC,UAAmC,CAAC,MAAM,IAAI;AAAA,EAC/D,WAAW,UAAU,OAAO;AAAA,IAC1B;AAAA,EACF;AACF;AAEO,MAAM,6BAA6B;",
   "names": []
 }

package/dist/esm/styles.js

@@ -1,6 +1,10 @@
 import * as React from "react";
 import { styled } from "@elliemae/ds-system";
-const StyledTooltipContainer = styled.div`
+import { DSTooltipV3SlotName, TOOLTIP_V3_SLOTS } from "./constants/index.js";
+const StyledTooltipContainer = styled("div", {
+  name: DSTooltipV3SlotName,
+  slot: TOOLTIP_V3_SLOTS.TOOLTIP_CONTAINER
+})`
   text-align: center;
   min-width: ${({ theme }) => theme.space.l};
   max-width: 250px;
@@ -14,7 +18,10 @@ const StyledTooltipContainer = styled.div`
   font-size: 13px;
   color: ${({ theme }) => theme.colors.neutral[600]};
 `;
-const StyledTooltipText = styled.div`
+const StyledTooltipText = styled("div", {
+  name: DSTooltipV3SlotName,
+  slot: TOOLTIP_V3_SLOTS.TOOLTIP_TEXT
+})`
   display: inline-block;
   text-align: ${({ textAlign }) => textAlign};
 
@@ -33,7 +40,10 @@ const StyledTooltipText = styled.div`
   overflow-wrap: break-word;`;
 }};
 `;
-const StyledMouseOverDetectionBox = styled.div`
+const StyledMouseOverDetectionBox = styled("div", {
+  name: DSTooltipV3SlotName,
+  slot: TOOLTIP_V3_SLOTS.MOUSE_OVER_DETECTION_BOX
+})`
   position: absolute;
   top: -15px;
   right: -15px;
@@ -41,7 +51,10 @@ const StyledMouseOverDetectionBox = styled.div`
   height: calc(100% + 30px);
   z-index: -1;
 `;
-const StyledTriggerWrapper = styled.div`
+const StyledTriggerWrapper = styled("div", {
+  name: DSTooltipV3SlotName,
+  slot: TOOLTIP_V3_SLOTS.ROOT
+})`
   display: inline-flex;
   width: 100%;
 `;

package/dist/esm/styles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport type { DSTooltipV3T } from './react-desc-prop-types.js';\n\ninterface StyledTooltipTextT {\n  wrapWords: boolean;\n  textAlign: DSTooltipV3T.TextAlignment;\n}\n\nexport const StyledTooltipContainer = styled.div`\n  text-align: center;\n  min-width: ${({ theme }) => theme.space.l};\n  max-width: 250px;\n  min-height: 30px;\n  display: grid;\n  align-items: center;\n  padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};\n  position: relative;\n  background-color: white;\n  border-radius: 2px;\n  font-size: 13px;\n  color: ${({ theme }) => theme.colors.neutral[600]};\n`;\n\nexport const StyledTooltipText = styled.div<StyledTooltipTextT & { $applyTooltipOverflowWrap: boolean }>`\n  display: inline-block;\n  text-align: ${({ textAlign }) => textAlign};\n\n  ${({ wrapWords, $applyTooltipOverflowWrap }) => {\n    if ($applyTooltipOverflowWrap) {\n      // word-wrap: break-word; // <- this is the legacy \"overflow-wrap\" property, we should not need the legacy declaration\n      // min-width: 0px; // <-- min-width:0px is needed because css grid auto-sizing are broken in css and impossible to understand\n      return `overflow-wrap: break-word;\n  white-space: pre-wrap;\n  min-width: 0px;`;\n    }\n    if (wrapWords) {\n      return `white-space: pre-wrap;\n  word-break: break-all;\n  overflow-wrap: break-word;`;\n    }\n    return `white-space: normal;\n  overflow-wrap: break-word;`;\n  }};\n`;\n\nexport const StyledMouseOverDetectionBox = styled.div`\n  position: absolute;\n  top: -15px;\n  right: -15px;\n  width: calc(100% + 30px);\n  height: calc(100% + 30px);\n  z-index: -1;\n`;\n\nexport const StyledTriggerWrapper = styled.div`\n  display: inline-flex;\n  width: 100%;\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AAQhB,MAAM,yBAAyB,OAAO;AAAA;AAAA,eAE9B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,aAK9B,CAAC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,IAAI,IAAI,MAAM,MAAM,EAAE,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,WAKxD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAG5C,MAAM,oBAAoB,OAAO;AAAA;AAAA,gBAExB,CAAC,EAAE,UAAU,MAAM,SAAS;AAAA;AAAA,IAExC,CAAC,EAAE,WAAW,0BAA0B,MAAM;AAC9C,MAAI,2BAA2B;AAG7B,WAAO;AAAA;AAAA;AAAA,EAGT;AACA,MAAI,WAAW;AACb,WAAO;AAAA;AAAA;AAAA,EAGT;AACA,SAAO;AAAA;AAET,CAAC;AAAA;AAGI,MAAM,8BAA8B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS3C,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport type { DSTooltipV3T } from './react-desc-prop-types.js';\nimport { DSTooltipV3SlotName, TOOLTIP_V3_SLOTS } from './constants/index.js';\n\ninterface StyledTooltipTextT {\n  wrapWords: boolean;\n  textAlign: DSTooltipV3T.TextAlignment;\n}\n\nexport const StyledTooltipContainer = styled('div', {\n  name: DSTooltipV3SlotName,\n  slot: TOOLTIP_V3_SLOTS.TOOLTIP_CONTAINER,\n})`\n  text-align: center;\n  min-width: ${({ theme }) => theme.space.l};\n  max-width: 250px;\n  min-height: 30px;\n  display: grid;\n  align-items: center;\n  padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};\n  position: relative;\n  background-color: white;\n  border-radius: 2px;\n  font-size: 13px;\n  color: ${({ theme }) => theme.colors.neutral[600]};\n`;\n\nexport const StyledTooltipText = styled('div', {\n  name: DSTooltipV3SlotName,\n  slot: TOOLTIP_V3_SLOTS.TOOLTIP_TEXT,\n})<StyledTooltipTextT & { $applyTooltipOverflowWrap: boolean }>`\n  display: inline-block;\n  text-align: ${({ textAlign }) => textAlign};\n\n  ${({ wrapWords, $applyTooltipOverflowWrap }) => {\n    if ($applyTooltipOverflowWrap) {\n      // word-wrap: break-word; // <- this is the legacy \"overflow-wrap\" property, we should not need the legacy declaration\n      // min-width: 0px; // <-- min-width:0px is needed because css grid auto-sizing are broken in css and impossible to understand\n      return `overflow-wrap: break-word;\n  white-space: pre-wrap;\n  min-width: 0px;`;\n    }\n    if (wrapWords) {\n      return `white-space: pre-wrap;\n  word-break: break-all;\n  overflow-wrap: break-word;`;\n    }\n    return `white-space: normal;\n  overflow-wrap: break-word;`;\n  }};\n`;\n\nexport const StyledMouseOverDetectionBox = styled('div', {\n  name: DSTooltipV3SlotName,\n  slot: TOOLTIP_V3_SLOTS.MOUSE_OVER_DETECTION_BOX,\n})`\n  position: absolute;\n  top: -15px;\n  right: -15px;\n  width: calc(100% + 30px);\n  height: calc(100% + 30px);\n  z-index: -1;\n`;\n\nexport const StyledTriggerWrapper = styled('div', {\n  name: DSTooltipV3SlotName,\n  slot: TOOLTIP_V3_SLOTS.ROOT,\n})`\n  display: inline-flex;\n  width: 100%;\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AAEvB,SAAS,qBAAqB,wBAAwB;AAO/C,MAAM,yBAAyB,OAAO,OAAO;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA;AAAA,eAEc,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,aAK9B,CAAC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,IAAI,IAAI,MAAM,MAAM,EAAE,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,WAKxD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAG5C,MAAM,oBAAoB,OAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA;AAAA,gBAEe,CAAC,EAAE,UAAU,MAAM,SAAS;AAAA;AAAA,IAExC,CAAC,EAAE,WAAW,0BAA0B,MAAM;AAC9C,MAAI,2BAA2B;AAG7B,WAAO;AAAA;AAAA;AAAA,EAGT;AACA,MAAI,WAAW;AACb,WAAO;AAAA;AAAA;AAAA,EAGT;AACA,SAAO;AAAA;AAET,CAAC;AAAA;AAGI,MAAM,8BAA8B,OAAO,OAAO;AAAA,EACvD,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASM,MAAM,uBAAuB,OAAO,OAAO;AAAA,EAChD,MAAM;AAAA,EACN,MAAM,iBAAiB;AACzB,CAAC;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/typescript-testing/slot-props.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+const SlotPropsAsObj = {
+  dsTooltipv3Root: { "aria-label": "just a typescript test" },
+  dsTooltipv3TooltipContainer: { "aria-label": "just a typescript test" },
+  dsTooltipv3TooltipText: { "aria-label": "just a typescript test" },
+  dsTooltipv3MouseOverDetectionBox: { "aria-label": "just a typescript test" }
+};
+const SlotPropsAsFunctions = {
+  dsTooltipv3Root: () => ({ "aria-label": "just a typescript test" }),
+  dsTooltipv3TooltipContainer: () => ({ "aria-label": "just a typescript test" }),
+  dsTooltipv3TooltipText: () => ({ "aria-label": "just a typescript test" }),
+  dsTooltipv3MouseOverDetectionBox: () => ({ "aria-label": "just a typescript test" })
+};
+const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
+//# sourceMappingURL=slot-props.js.map

package/dist/esm/typescript-testing/slot-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/slot-props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\n\nimport type { TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type { DSTooltipV3SlotName, TOOLTIP_V3_SLOTS } from '../constants/index.js';\nimport type { DSTooltipV3T } from '../react-desc-prop-types.js';\n\nconst SlotPropsAsObj: Partial<DSTooltipV3T.Props> = {\n  dsTooltipv3Root: { 'aria-label': 'just a typescript test' },\n  dsTooltipv3TooltipContainer: { 'aria-label': 'just a typescript test' },\n  dsTooltipv3TooltipText: { 'aria-label': 'just a typescript test' },\n  dsTooltipv3MouseOverDetectionBox: { 'aria-label': 'just a typescript test' },\n};\n\nconst SlotPropsAsFunctions: DSTooltipV3T.SlotFunctionArguments = {\n  dsTooltipv3Root: () => ({ 'aria-label': 'just a typescript test' }),\n  dsTooltipv3TooltipContainer: () => ({ 'aria-label': 'just a typescript test' }),\n  dsTooltipv3TooltipText: () => ({ 'aria-label': 'just a typescript test' }),\n  dsTooltipv3MouseOverDetectionBox: () => ({ 'aria-label': 'just a typescript test' }),\n};\n\n// Exhaustiveness check \u2014 fails compilation if a slot is missing from SlotFunctionArguments\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<typeof DSTooltipV3SlotName, typeof TOOLTIP_V3_SLOTS>\n> = SlotPropsAsFunctions;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACMvB,MAAM,iBAA8C;AAAA,EAClD,iBAAiB,EAAE,cAAc,yBAAyB;AAAA,EAC1D,6BAA6B,EAAE,cAAc,yBAAyB;AAAA,EACtE,wBAAwB,EAAE,cAAc,yBAAyB;AAAA,EACjE,kCAAkC,EAAE,cAAc,yBAAyB;AAC7E;AAEA,MAAM,uBAA2D;AAAA,EAC/D,iBAAiB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACjE,6BAA6B,OAAO,EAAE,cAAc,yBAAyB;AAAA,EAC7E,wBAAwB,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACxE,kCAAkC,OAAO,EAAE,cAAc,yBAAyB;AACpF;AAGA,MAAM,6CAEF;",
+  "names": []
+}

package/dist/types/constants/index.d.ts

@@ -0,0 +1,30 @@
+export declare const PLACEMENT: string[];
+export declare const TEXT_ALIGNMENT: string[];
+export declare const DSTooltipV3SlotName = "DSTooltipv3";
+export declare const TOOLTIP_V3_SLOTS: {
+    readonly ROOT: "root";
+    readonly TOOLTIP_CONTAINER: "tooltip-container";
+    readonly TOOLTIP_TEXT: "tooltip-text";
+    readonly MOUSE_OVER_DETECTION_BOX: "mouse-over-detection-box";
+};
+export declare const TOOLTIP_V3_DATA_TESTID: Record<keyof typeof TOOLTIP_V3_SLOTS, string>;
+export declare const TooltipV3DatatestId: {
+    TRIGGER_WRAPPER: string;
+    TOOLTIP_TEXT_WRAPPER: string;
+    OPINIONATED_TEXT_WRAPPER: string;
+};
+declare const tooltipPositions: {
+    TOP: "top";
+    BOTTOM: "bottom";
+    RIGHT: "right";
+    LEFT: "left";
+    TOP_START: "top-start";
+    TOP_END: "top-end";
+    BOTTOM_START: "bottom-start";
+    BOTTOM_END: "bottom-end";
+    RIGHT_START: "right-start";
+    RIGHT_END: "right-end";
+    LEFT_START: "left-start";
+    LEFT_END: "left-end";
+};
+export { tooltipPositions };

package/dist/types/index.d.ts

@@ -1,4 +1,3 @@
 export { DSTooltipV3, DSTooltipV3WithSchema } from './DSTooltipV3.js';
-export { TooltipV3DatatestId } from './TooltipV3DatatestId.js';
 export { type DSTooltipV3T } from './react-desc-prop-types.js';
-export { tooltipPositions, PLACEMENT, TEXT_ALIGNMENT } from './constants.js';
+export { tooltipPositions, PLACEMENT, TEXT_ALIGNMENT, DSTooltipV3SlotName, TOOLTIP_V3_SLOTS, TOOLTIP_V3_DATA_TESTID, TooltipV3DatatestId, } from './constants/index.js';

package/dist/types/react-desc-prop-types.d.ts

@@ -1,4 +1,6 @@
 import type { DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';
+import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
+import { DSTooltipV3SlotName, TOOLTIP_V3_SLOTS } from './constants/index.js';
 export declare namespace DSTooltipV3T {
     type CustomInterface<T extends Record<string, unknown> = Record<string, unknown>> = T;
     type Placement = 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start';
@@ -13,7 +15,13 @@ export declare namespace DSTooltipV3T {
         applyTooltipOverflowWrap: boolean;
         customOffset: [number, number];
     }
-    interface OptionalProps<T extends Record<string, unknown> = Record<string, unknown>> {
+    type SlotFunctionArguments = {
+        dsTooltipv3Root: () => object;
+        dsTooltipv3TooltipContainer: () => object;
+        dsTooltipv3TooltipText: () => object;
+        dsTooltipv3MouseOverDetectionBox: () => object;
+    };
+    interface OptionalProps<T extends Record<string, unknown> = Record<string, unknown>> extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSTooltipV3SlotName, typeof TOOLTIP_V3_SLOTS> {
         withoutPortal?: boolean;
         withoutArrow?: boolean;
         withoutAnimation?: boolean;

package/dist/types/tests/DSTooltipV3.exports.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/DSTooltipV3.get-owner-props-arguments-slots.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/DSTooltipV3.keyboard.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/typescript-testing/slot-props.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-tooltip-v3",
-  "version": "3.60.0-next.9",
+  "version": "3.61.0-rc.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Tooltip V3",
   "files": [
@@ -35,40 +35,37 @@
     "reportFile": "tests.xml",
     "indent": 4
   },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
-    "test": "playwright test -c ./playwright.config.mjs && pui-cli test --passWithNoTests --coverage=\"false\"",
-    "lint": "node ../../../scripts/lint.mjs --fix",
-    "lint:strict": "node ../../../scripts/lint-strict.mjs",
-    "dts": "node ../../../scripts/dts.mjs",
-    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
-    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
-  },
   "dependencies": {
-    "@elliemae/ds-button": "3.60.0-next.9",
-    "@elliemae/ds-floating-context": "3.60.0-next.9",
-    "@elliemae/ds-props-helpers": "3.60.0-next.9",
-    "@elliemae/ds-shared": "3.60.0-next.9",
-    "@elliemae/ds-system": "3.60.0-next.9"
+    "@elliemae/ds-floating-context": "3.61.0-rc.1",
+    "@elliemae/ds-props-helpers": "3.61.0-rc.1",
+    "@elliemae/ds-system": "3.61.0-rc.1"
   },
   "devDependencies": {
-    "@elliemae/ds-grid": "3.60.0-next.9",
-    "@elliemae/ds-monorepo-devops": "3.60.0-next.9",
-    "@elliemae/ds-test-utils": "3.60.0-next.9",
-    "@elliemae/pui-cli": "catalog:",
-    "jest": "catalog:",
-    "react": "catalog:",
-    "react-dom": "catalog:",
-    "styled-components": "catalog:"
+    "@playwright/experimental-ct-react": "^1.51.1",
+    "jest": "^30.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-grid": "3.61.0-rc.1",
+    "@elliemae/ds-monorepo-devops": "3.61.0-rc.1",
+    "@elliemae/ds-test-utils": "3.61.0-rc.1"
   },
   "peerDependencies": {
-    "react": "catalog:",
-    "react-dom": "catalog:",
-    "styled-components": "catalog:"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "styled-components": "~5.3.9"
   },
   "publishConfig": {
     "access": "public",
     "typeSafety": true
   },
-  "gitHead": "7b49878bf6b481e639c5412a4c816ee349d91b46"
-}
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "test": "playwright test -c ./playwright.config.mjs && ds-monorepo-devops test --passWithNoTests --coverage=\"false\"",
+    "lint": "node ../../../scripts/lint.mjs --fix",
+    "lint:strict": "node ../../../scripts/lint-strict.mjs",
+    "dts": "node ../../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
+    "checkDeps": "npx -yes ../../util/ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}

package/dist/cjs/TooltipV3DatatestId.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/TooltipV3DatatestId.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const TooltipV3DatatestId = {\n  TRIGGER_WRAPPER: 'ds-tooltip-v3-trigger-wrapper',\n  TOOLTIP_TEXT_WRAPPER: 'ds-tooltip-v3-tooltip-text-wrapper',\n  OPINIONATED_TEXT_WRAPPER: 'ds-tooltip-v3-opinionated-text-wrapper',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,sBAAsB;AAAA,EACjC,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,0BAA0B;AAC5B;",
-  "names": []
-}

package/dist/cjs/constants.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/constants.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const PLACEMENT = [\n  'top-start',\n  'top',\n  'top-end',\n  'right-start',\n  'right',\n  'right-end',\n  'bottom-end',\n  'bottom',\n  'bottom-start',\n  'left-end',\n  'left',\n  'left-start',\n];\n\nexport const TEXT_ALIGNMENT = ['left', 'right', 'center', 'justify', 'initial', 'inherit'];\n\nexport const DSTooltipV3Name = 'DSTooltipV3';\n\n// many stories where using this from ds-tooltip.\n// we need to preserve this format to avoid breaking changes.\nconst tooltipPositions = {\n  TOP: 'top' as const,\n  BOTTOM: 'bottom' as const,\n  RIGHT: 'right' as const,\n  LEFT: 'left' as const,\n  TOP_START: 'top-start' as const,\n  TOP_END: 'top-end' as const,\n  BOTTOM_START: 'bottom-start' as const,\n  BOTTOM_END: 'bottom-end' as const,\n  RIGHT_START: 'right-start' as const,\n  RIGHT_END: 'right-end' as const,\n  LEFT_START: 'left-start' as const,\n  LEFT_END: 'left-end' as const,\n};\n\nexport { tooltipPositions };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,YAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,iBAAiB,CAAC,QAAQ,SAAS,UAAU,WAAW,WAAW,SAAS;AAElF,MAAM,kBAAkB;AAI/B,MAAM,mBAAmB;AAAA,EACvB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AACZ;",
-  "names": []
-}

package/dist/esm/TooltipV3DatatestId.js

@@ -1,10 +0,0 @@
-import * as React from "react";
-const TooltipV3DatatestId = {
-  TRIGGER_WRAPPER: "ds-tooltip-v3-trigger-wrapper",
-  TOOLTIP_TEXT_WRAPPER: "ds-tooltip-v3-tooltip-text-wrapper",
-  OPINIONATED_TEXT_WRAPPER: "ds-tooltip-v3-opinionated-text-wrapper"
-};
-export {
-  TooltipV3DatatestId
-};
-//# sourceMappingURL=TooltipV3DatatestId.js.map

package/dist/esm/TooltipV3DatatestId.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/TooltipV3DatatestId.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const TooltipV3DatatestId = {\n  TRIGGER_WRAPPER: 'ds-tooltip-v3-trigger-wrapper',\n  TOOLTIP_TEXT_WRAPPER: 'ds-tooltip-v3-tooltip-text-wrapper',\n  OPINIONATED_TEXT_WRAPPER: 'ds-tooltip-v3-opinionated-text-wrapper',\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,sBAAsB;AAAA,EACjC,iBAAiB;AAAA,EACjB,sBAAsB;AAAA,EACtB,0BAA0B;AAC5B;",
-  "names": []
-}

package/dist/esm/constants.js

@@ -1,38 +0,0 @@
-import * as React from "react";
-const PLACEMENT = [
-  "top-start",
-  "top",
-  "top-end",
-  "right-start",
-  "right",
-  "right-end",
-  "bottom-end",
-  "bottom",
-  "bottom-start",
-  "left-end",
-  "left",
-  "left-start"
-];
-const TEXT_ALIGNMENT = ["left", "right", "center", "justify", "initial", "inherit"];
-const DSTooltipV3Name = "DSTooltipV3";
-const tooltipPositions = {
-  TOP: "top",
-  BOTTOM: "bottom",
-  RIGHT: "right",
-  LEFT: "left",
-  TOP_START: "top-start",
-  TOP_END: "top-end",
-  BOTTOM_START: "bottom-start",
-  BOTTOM_END: "bottom-end",
-  RIGHT_START: "right-start",
-  RIGHT_END: "right-end",
-  LEFT_START: "left-start",
-  LEFT_END: "left-end"
-};
-export {
-  DSTooltipV3Name,
-  PLACEMENT,
-  TEXT_ALIGNMENT,
-  tooltipPositions
-};
-//# sourceMappingURL=constants.js.map

package/dist/esm/constants.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/constants.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const PLACEMENT = [\n  'top-start',\n  'top',\n  'top-end',\n  'right-start',\n  'right',\n  'right-end',\n  'bottom-end',\n  'bottom',\n  'bottom-start',\n  'left-end',\n  'left',\n  'left-start',\n];\n\nexport const TEXT_ALIGNMENT = ['left', 'right', 'center', 'justify', 'initial', 'inherit'];\n\nexport const DSTooltipV3Name = 'DSTooltipV3';\n\n// many stories where using this from ds-tooltip.\n// we need to preserve this format to avoid breaking changes.\nconst tooltipPositions = {\n  TOP: 'top' as const,\n  BOTTOM: 'bottom' as const,\n  RIGHT: 'right' as const,\n  LEFT: 'left' as const,\n  TOP_START: 'top-start' as const,\n  TOP_END: 'top-end' as const,\n  BOTTOM_START: 'bottom-start' as const,\n  BOTTOM_END: 'bottom-end' as const,\n  RIGHT_START: 'right-start' as const,\n  RIGHT_END: 'right-end' as const,\n  LEFT_START: 'left-start' as const,\n  LEFT_END: 'left-end' as const,\n};\n\nexport { tooltipPositions };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,YAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,iBAAiB,CAAC,QAAQ,SAAS,UAAU,WAAW,WAAW,SAAS;AAElF,MAAM,kBAAkB;AAI/B,MAAM,mBAAmB;AAAA,EACvB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AACZ;",
-  "names": []
-}

package/dist/types/TooltipV3DatatestId.d.ts

@@ -1,5 +0,0 @@
-export declare const TooltipV3DatatestId: {
-    TRIGGER_WRAPPER: string;
-    TOOLTIP_TEXT_WRAPPER: string;
-    OPINIONATED_TEXT_WRAPPER: string;
-};

package/dist/types/constants.d.ts

@@ -1,18 +0,0 @@
-export declare const PLACEMENT: string[];
-export declare const TEXT_ALIGNMENT: string[];
-export declare const DSTooltipV3Name = "DSTooltipV3";
-declare const tooltipPositions: {
-    TOP: "top";
-    BOTTOM: "bottom";
-    RIGHT: "right";
-    LEFT: "left";
-    TOP_START: "top-start";
-    TOP_END: "top-end";
-    BOTTOM_START: "bottom-start";
-    BOTTOM_END: "bottom-end";
-    RIGHT_START: "right-start";
-    RIGHT_END: "right-end";
-    LEFT_START: "left-start";
-    LEFT_END: "left-end";
-};
-export { tooltipPositions };