@cdx-ui/primitives 0.0.1-beta.15 → 0.0.1-beta.151

package/lib/module/tooltip/TooltipRoot.js

@@ -0,0 +1,124 @@
+"use strict";
+
+import { forwardRef, useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
+import { View } from 'react-native';
+import { useControllableState } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { TooltipProvider } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TooltipRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  isDisabled = false,
+  enterDelay = 0,
+  leaveDelay = 0,
+  isOpen: isOpenProp,
+  defaultOpen = false,
+  onOpen,
+  onClose,
+  placement = 'top',
+  offset = 8,
+  trigger = 'hover',
+  ...props
+}, ref) => {
+  const [open, setOpenState] = useControllableState({
+    prop: isOpenProp,
+    defaultProp: defaultOpen,
+    onChange: next => {
+      if (next) {
+        onOpen?.();
+      } else {
+        onClose?.();
+      }
+    }
+  });
+  const enterTimerRef = useRef(null);
+  const leaveTimerRef = useRef(null);
+  const triggerRef = useRef(null);
+  const [resolvedPlacement, setResolvedPlacement] = useState(null);
+  const clearTimers = useCallback(() => {
+    if (enterTimerRef.current) {
+      clearTimeout(enterTimerRef.current);
+      enterTimerRef.current = null;
+    }
+    if (leaveTimerRef.current) {
+      clearTimeout(leaveTimerRef.current);
+      leaveTimerRef.current = null;
+    }
+  }, []);
+  const setOpen = useCallback(nextOpen => {
+    if (isDisabled && nextOpen) {
+      return;
+    }
+    setOpenState(nextOpen);
+  }, [isDisabled, setOpenState]);
+  const requestOpen = useCallback(() => {
+    if (isDisabled) {
+      return;
+    }
+    clearTimers();
+    if (leaveTimerRef.current) {
+      clearTimeout(leaveTimerRef.current);
+      leaveTimerRef.current = null;
+    }
+    if (enterDelay <= 0) {
+      setOpen(true);
+      return;
+    }
+    enterTimerRef.current = setTimeout(() => {
+      setOpen(true);
+    }, enterDelay);
+  }, [clearTimers, enterDelay, isDisabled, setOpen]);
+  const requestClose = useCallback(() => {
+    clearTimers();
+    if (enterTimerRef.current) {
+      clearTimeout(enterTimerRef.current);
+      enterTimerRef.current = null;
+    }
+    if (leaveDelay <= 0) {
+      setOpen(false);
+      return;
+    }
+    leaveTimerRef.current = setTimeout(() => {
+      setOpen(false);
+    }, leaveDelay);
+  }, [clearTimers, leaveDelay, setOpen]);
+  useEffect(() => clearTimers, [clearTimers]);
+  const reactId = useId();
+  const triggerId = `tooltip-trigger-${reactId}`;
+  const contentId = `tooltip-content-${reactId}`;
+  const contextValue = useMemo(() => ({
+    open: open ?? false,
+    setOpen,
+    requestOpen,
+    requestClose,
+    clearTimers,
+    isDisabled,
+    enterDelay,
+    leaveDelay,
+    placement,
+    offset,
+    trigger,
+    triggerRef,
+    contentId,
+    triggerId,
+    resolvedPlacement,
+    setResolvedPlacement
+  }), [clearTimers, contentId, enterDelay, isDisabled, leaveDelay, offset, open, placement, requestClose, requestOpen, resolvedPlacement, setOpen, trigger, triggerId]);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(TooltipProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        state: open ? 'open' : 'closed',
+        disabled: isDisabled
+      })),
+      children: children
+    })
+  });
+});
+TooltipRoot.displayName = 'TooltipRoot';
+//# sourceMappingURL=TooltipRoot.js.map

package/lib/module/tooltip/TooltipRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useEffect","useId","useMemo","useRef","useState","View","useControllableState","Slot","dataAttributes","mergeDataAttributes","TooltipProvider","jsx","_jsx","TooltipRoot","asChild","children","isDisabled","enterDelay","leaveDelay","isOpen","isOpenProp","defaultOpen","onOpen","onClose","placement","offset","trigger","props","ref","open","setOpenState","prop","defaultProp","onChange","next","enterTimerRef","leaveTimerRef","triggerRef","resolvedPlacement","setResolvedPlacement","clearTimers","current","clearTimeout","setOpen","nextOpen","requestOpen","setTimeout","requestClose","reactId","triggerId","contentId","contextValue","Comp","value","state","disabled","displayName"],"sourceRoot":"../../../src","sources":["tooltip/TooltipRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/tooltip/TooltipTrigger.js

@@ -0,0 +1,128 @@
+"use strict";
+
+import { forwardRef, useCallback } from 'react';
+import { Platform, Pressable } from 'react-native';
+import { composeEventHandlers, mergeRefs } from '@cdx-ui/utils';
+import { useFocus } from '@react-native-aria/focus';
+import { useHover } from '@react-native-aria/interactions';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { useTooltipContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TooltipTrigger = /*#__PURE__*/forwardRef(({
+  asChild = true,
+  children,
+  onHoverIn,
+  onHoverOut,
+  onFocus,
+  onBlur,
+  onLongPress,
+  onPress,
+  onLayout,
+  ...props
+}, ref) => {
+  const {
+    open,
+    setOpen,
+    requestOpen,
+    requestClose,
+    isDisabled,
+    trigger,
+    triggerRef,
+    contentId,
+    triggerId
+  } = useTooltipContext();
+  const mergedRef = mergeRefs(ref, triggerRef);
+  const {
+    hoverProps,
+    isHovered
+  } = useHover({}, mergedRef);
+  const {
+    focusProps,
+    isFocused
+  } = useFocus();
+  const handleOpen = useCallback(() => {
+    if (isDisabled) {
+      return;
+    }
+    requestOpen();
+  }, [isDisabled, requestOpen]);
+  const handleClose = useCallback(() => {
+    requestClose();
+  }, [requestClose]);
+  const isWeb = Platform.OS === 'web';
+  const usesLongPressOnNative = !isWeb && (trigger === 'hover' || trigger === 'focus');
+  const usesClickToggle = trigger === 'click';
+  const handlePress = composeEventHandlers(onPress, () => {
+    if (!usesClickToggle || isDisabled) {
+      return;
+    }
+    setOpen(!open);
+  });
+  const handleHoverIn = composeEventHandlers(composeEventHandlers(onHoverIn, hoverProps.onHoverIn), () => {
+    if (isWeb && trigger === 'hover') {
+      handleOpen();
+    }
+  });
+  const handleHoverOut = composeEventHandlers(composeEventHandlers(onHoverOut, hoverProps.onHoverOut), () => {
+    if (isWeb && trigger === 'hover') {
+      handleClose();
+    }
+  });
+  const handleFocus = composeEventHandlers(composeEventHandlers(onFocus, focusProps.onFocus), () => {
+    if (!isWeb) {
+      return;
+    }
+    if (trigger === 'focus' || trigger === 'hover') {
+      handleOpen();
+    }
+  });
+  const handleBlur = composeEventHandlers(composeEventHandlers(onBlur, focusProps.onBlur), () => {
+    if (!isWeb) {
+      return;
+    }
+    if (trigger === 'focus' || trigger === 'hover') {
+      handleClose();
+    }
+  });
+  const handleLongPress = composeEventHandlers(onLongPress, () => {
+    if (usesLongPressOnNative) {
+      handleOpen();
+    }
+  });
+  const webHoverProps = isWeb && trigger === 'hover' ? {
+    onPointerEnter: handleHoverIn,
+    onPointerLeave: handleHoverOut
+  } : {};
+  const webA11yProps = isWeb ? {
+    id: triggerId,
+    'aria-describedby': open ? contentId : undefined,
+    ...(trigger === 'click' ? {
+      'aria-expanded': open
+    } : {})
+  } : {};
+  const Comp = asChild ? Slot : Pressable;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: mergedRef,
+    disabled: isDisabled,
+    ...props,
+    ...webA11yProps,
+    ...focusProps,
+    ...webHoverProps,
+    onLayout: onLayout,
+    ...mergeDataAttributes(props, dataAttributes({
+      triggerHover: isHovered,
+      triggerFocus: isFocused,
+      disabled: isDisabled
+    })),
+    onHoverIn: handleHoverIn,
+    onHoverOut: handleHoverOut,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    onLongPress: handleLongPress,
+    onPress: handlePress,
+    children: children
+  });
+});
+TooltipTrigger.displayName = 'TooltipTrigger';
+//# sourceMappingURL=TooltipTrigger.js.map

package/lib/module/tooltip/TooltipTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","Platform","Pressable","composeEventHandlers","mergeRefs","useFocus","useHover","Slot","dataAttributes","mergeDataAttributes","useTooltipContext","jsx","_jsx","TooltipTrigger","asChild","children","onHoverIn","onHoverOut","onFocus","onBlur","onLongPress","onPress","onLayout","props","ref","open","setOpen","requestOpen","requestClose","isDisabled","trigger","triggerRef","contentId","triggerId","mergedRef","hoverProps","isHovered","focusProps","isFocused","handleOpen","handleClose","isWeb","OS","usesLongPressOnNative","usesClickToggle","handlePress","handleHoverIn","handleHoverOut","handleFocus","handleBlur","handleLongPress","webHoverProps","onPointerEnter","onPointerLeave","webA11yProps","id","undefined","Comp","disabled","triggerHover","triggerFocus","displayName"],"sourceRoot":"../../../src","sources":["tooltip/TooltipTrigger.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/tooltip/context.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { createContext } from '@cdx-ui/utils';
+export const [TooltipProvider, useTooltipContext] = createContext('TooltipContext');
+//# sourceMappingURL=context.js.map

package/lib/module/tooltip/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","TooltipProvider","useTooltipContext"],"sourceRoot":"../../../src","sources":["tooltip/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,eAAe;AAG7C,OAAO,MAAM,CAACC,eAAe,EAAEC,iBAAiB,CAAC,GAC/CF,aAAa,CAAsB,gBAAgB,CAAC","ignoreList":[]}

package/lib/module/tooltip/getTooltipPosition.js

@@ -0,0 +1,119 @@
+"use strict";
+
+import { Platform } from 'react-native';
+export const TOOLTIP_PLACEMENTS = ['auto', 'auto-start', 'auto-end', 'top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'];
+export const TOOLTIP_Z_INDEX = 9999;
+const SCREEN_PADDING = 8;
+function parsePlacement(placement) {
+  if (placement === 'auto' || placement === 'auto-start' || placement === 'auto-end') {
+    return 'auto';
+  }
+  const segments = placement.split('-');
+  const side = segments[0];
+  if (segments.length === 1) {
+    return {
+      side,
+      align: 'center'
+    };
+  }
+  return {
+    side,
+    align: segments[1]
+  };
+}
+function resolveAutoPlacement(anchor, viewport, alignPreference) {
+  const spaceTop = anchor.y - SCREEN_PADDING;
+  const spaceBottom = viewport.height - anchor.y - anchor.height - SCREEN_PADDING;
+  const spaceLeft = anchor.x - SCREEN_PADDING;
+  const spaceRight = viewport.width - anchor.x - anchor.width - SCREEN_PADDING;
+  const spaces = [{
+    side: 'top',
+    value: spaceTop
+  }, {
+    side: 'bottom',
+    value: spaceBottom
+  }, {
+    side: 'left',
+    value: spaceLeft
+  }, {
+    side: 'right',
+    value: spaceRight
+  }];
+  const best = spaces.reduce((current, next) => next.value > current.value ? next : current);
+  return {
+    side: best.side,
+    align: alignPreference
+  };
+}
+function getAlignOffset(anchor, align, axis) {
+  if (align === 'start') {
+    return axis === 'horizontal' ? anchor.x : anchor.y;
+  }
+  if (align === 'end') {
+    return axis === 'horizontal' ? anchor.x + anchor.width : anchor.y + anchor.height;
+  }
+  return axis === 'horizontal' ? anchor.x + anchor.width / 2 : anchor.y + anchor.height / 2;
+}
+export function getTooltipAnchorStyle(anchor, placement, offset, viewport) {
+  const parsed = parsePlacement(placement);
+  const resolved = parsed === 'auto' ? resolveAutoPlacement(anchor, viewport, placement === 'auto-start' ? 'start' : placement === 'auto-end' ? 'end' : 'center') : parsed;
+  const position = Platform.OS === 'web' ? 'fixed' : 'absolute';
+  const style = {
+    position,
+    zIndex: TOOLTIP_Z_INDEX
+  };
+  const {
+    side,
+    align
+  } = resolved;
+  if (side === 'top') {
+    style.top = anchor.y - offset;
+    style.left = getAlignOffset(anchor, align, 'horizontal');
+    style.transform = align === 'center' ? [{
+      translateX: '-50%'
+    }, {
+      translateY: '-100%'
+    }] : align === 'end' ? [{
+      translateX: '-100%'
+    }, {
+      translateY: '-100%'
+    }] : [{
+      translateY: '-100%'
+    }];
+  } else if (side === 'bottom') {
+    style.top = anchor.y + anchor.height + offset;
+    style.left = getAlignOffset(anchor, align, 'horizontal');
+    style.transform = align === 'center' ? [{
+      translateX: '-50%'
+    }] : align === 'end' ? [{
+      translateX: '-100%'
+    }] : undefined;
+  } else if (side === 'left') {
+    style.left = anchor.x - offset;
+    style.top = getAlignOffset(anchor, align, 'vertical');
+    style.transform = align === 'center' ? [{
+      translateX: '-100%'
+    }, {
+      translateY: '-50%'
+    }] : align === 'end' ? [{
+      translateX: '-100%'
+    }, {
+      translateY: '-100%'
+    }] : [{
+      translateX: '-100%'
+    }];
+  } else {
+    style.left = anchor.x + anchor.width + offset;
+    style.top = getAlignOffset(anchor, align, 'vertical');
+    style.transform = align === 'center' ? [{
+      translateY: '-50%'
+    }] : align === 'end' ? [{
+      translateY: '-100%'
+    }] : undefined;
+  }
+  return {
+    style,
+    resolved
+  };
+}
+//# sourceMappingURL=getTooltipPosition.js.map

package/lib/module/tooltip/getTooltipPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","TOOLTIP_PLACEMENTS","TOOLTIP_Z_INDEX","SCREEN_PADDING","parsePlacement","placement","segments","split","side","length","align","resolveAutoPlacement","anchor","viewport","alignPreference","spaceTop","y","spaceBottom","height","spaceLeft","x","spaceRight","width","spaces","value","best","reduce","current","next","getAlignOffset","axis","getTooltipAnchorStyle","offset","parsed","resolved","position","OS","style","zIndex","top","left","transform","translateX","translateY","undefined"],"sourceRoot":"../../../src","sources":["tooltip/getTooltipPosition.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/tooltip/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+export { TooltipProvider, useTooltipContext } from './context';
+export { TooltipRoot } from './TooltipRoot';
+export { TooltipTrigger } from './TooltipTrigger';
+export { TooltipContent } from './TooltipContent';
+export { TOOLTIP_PLACEMENTS, getTooltipAnchorStyle } from './getTooltipPosition';
+//# sourceMappingURL=index.js.map

package/lib/module/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TooltipProvider","useTooltipContext","TooltipRoot","TooltipTrigger","TooltipContent","TOOLTIP_PLACEMENTS","getTooltipAnchorStyle"],"sourceRoot":"../../../src","sources":["tooltip/index.ts"],"mappings":";;AAAA,SAASA,eAAe,EAAEC,iBAAiB,QAAQ,WAAW;AAC9D,SAASC,WAAW,QAA+B,eAAe;AAClE,SAASC,cAAc,QAAkC,kBAAkB;AAC3E,SAASC,cAAc,QAAkC,kBAAkB;AAC3E,SACEC,kBAAkB,EAClBC,qBAAqB,QAMhB,sBAAsB","ignoreList":[]}

package/lib/module/tooltip/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/tooltip/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["tooltip/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/utils/accessibleLabel.js

@@ -0,0 +1,18 @@
+"use strict";
+
+export function resolveAccessibleLabel({
+  accessibilityLabel,
+  'aria-label': ariaLabel
+}) {
+  return accessibilityLabel ?? ariaLabel;
+}
+export function accessibleLabelAttributes(label) {
+  if (label === undefined) {
+    return {};
+  }
+  return {
+    accessibilityLabel: label,
+    'aria-label': label
+  };
+}
+//# sourceMappingURL=accessibleLabel.js.map

package/lib/module/utils/accessibleLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["resolveAccessibleLabel","accessibilityLabel","ariaLabel","accessibleLabelAttributes","label","undefined"],"sourceRoot":"../../../src","sources":["utils/accessibleLabel.ts"],"mappings":";;AAKA,OAAO,SAASA,sBAAsBA,CAAC;EACrCC,kBAAkB;EAClB,YAAY,EAAEC;AACM,CAAC,EAAsB;EAC3C,OAAOD,kBAAkB,IAAIC,SAAS;AACxC;AAEA,OAAO,SAASC,yBAAyBA,CAACC,KAAyB,EAAE;EACnE,IAAIA,KAAK,KAAKC,SAAS,EAAE;IACvB,OAAO,CAAC,CAAC;EACX;EAEA,OAAO;IACLJ,kBAAkB,EAAEG,KAAK;IACzB,YAAY,EAAEA;EAChB,CAAC;AACH","ignoreList":[]}

package/lib/module/utils/assignRef.js

@@ -0,0 +1,12 @@
+"use strict";
+
+export function assignRef(ref, value) {
+  if (typeof ref === 'function') {
+    ref(value);
+    return;
+  }
+  if (ref) {
+    ref.current = value;
+  }
+}
+//# sourceMappingURL=assignRef.js.map

package/lib/module/utils/assignRef.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["assignRef","ref","value","current"],"sourceRoot":"../../../src","sources":["utils/assignRef.ts"],"mappings":";;AAEA,OAAO,SAASA,SAASA,CAAIC,GAAoB,EAAEC,KAAe,EAAE;EAClE,IAAI,OAAOD,GAAG,KAAK,UAAU,EAAE;IAC7BA,GAAG,CAACC,KAAK,CAAC;IACV;EACF;EACA,IAAID,GAAG,EAAE;IACPA,GAAG,CAACE,OAAO,GAAGD,KAAK;EACrB;AACF","ignoreList":[]}

package/lib/module/utils/createPortal.js

@@ -8,8 +8,10 @@ import { Platform } from 'react-native';
  * `react-dom`, which would cause a build error on native platforms.
  */
 export const createPortalFn = (() => {
-  if (Platform.OS !== 'web') return undefined;
   try {
+    if (Platform.OS !== 'web') {
+      return undefined;
+    }
     // eslint-disable-next-line @typescript-eslint/no-require-imports
     return require('react-dom').createPortal;
   } catch {

package/lib/module/utils/createPortal.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","createPortalFn","OS","undefined","require","createPortal"],"sourceRoot":"../../../src","sources":["utils/createPortal.ts"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,cAAc;AAIvC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAA0C,GAAG,CAAC,MAAM;EAC/D,IAAID,QAAQ,CAACE,EAAE,KAAK,KAAK,EAAE,OAAOC,SAAS;EAC3C,IAAI;IACF;IACA,OAAQC,OAAO,CAAC,WAAW,CAAC,CAAsCC,YAAY;EAChF,CAAC,CAAC,MAAM;IACN,OAAOF,SAAS;EAClB;AACF,CAAC,EAAE,CAAC","ignoreList":[]}
+{"version":3,"names":["Platform","createPortalFn","OS","undefined","require","createPortal"],"sourceRoot":"../../../src","sources":["utils/createPortal.ts"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,cAAc;AAIvC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAA0C,GAAG,CAAC,MAAM;EAC/D,IAAI;IACF,IAAID,QAAQ,CAACE,EAAE,KAAK,KAAK,EAAE;MACzB,OAAOC,SAAS;IAClB;IACA;IACA,OAAQC,OAAO,CAAC,WAAW,CAAC,CAAsCC,YAAY;EAChF,CAAC,CAAC,MAAM;IACN,OAAOF,SAAS;EAClB;AACF,CAAC,EAAE,CAAC","ignoreList":[]}

package/lib/module/utils/createPortal.web.js

@@ -0,0 +1,17 @@
+"use strict";
+
+import { createPortal } from 'react-dom';
+/**
+ * Web implementation — statically imports `ReactDOM.createPortal`.
+ *
+ * The base (`.ts`) module resolves `react-dom` lazily via `require` so native
+ * bundles never reference it. That `require` is `undefined` in browser ESM
+ * bundles that don't transform mixed CommonJS/ESM (e.g. the docs site's Vite
+ * build), so the base module silently resolves `createPortalFn` to `undefined`
+ * there. That forces `OverlayContainer` onto its native `Modal` + Reanimated
+ * layout-animation path, leaving web overlays (Select, DatePicker) stuck at
+ * opacity 0. A static ESM import guarantees `createPortalFn` resolves on web
+ * regardless of the bundler's CommonJS interop.
+ */
+export const createPortalFn = createPortal;
+//# sourceMappingURL=createPortal.web.js.map

package/lib/module/utils/createPortal.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createPortal","createPortalFn"],"sourceRoot":"../../../src","sources":["utils/createPortal.web.ts"],"mappings":";;AACA,SAASA,YAAY,QAAQ,WAAW;AAIxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAA8B,GAAGD,YAAY","ignoreList":[]}

package/lib/module/utils/dataAttributes.js

@@ -1,28 +1,10 @@
 "use strict";
 
 /**
- * Produces platform-specific props for data attributes.
+ * Produces `data-*` props for native platforms (consumed by Uniwind).
+ * Web (.web.ts): returns a `dataSet` object consumed by React Native Web instead.
  *
- * Native: individual `data-*` props consumed by Uniwind.
- * Web (.web.ts): a `dataSet` object consumed by React Native Web.
- *
- * Boolean values serialize to `"true"` / `"false"` strings.
- * String values pass through as-is.
- * Undefined values are omitted.
+ * Delegates to `domDataAttributes` so the conversion logic has a single source of truth.
  */
-
-function camelToKebab(str) {
-  return str.replaceAll(/[A-Z]/g, ch => `-${ch.toLowerCase()}`);
-}
-export function dataAttributes(attrs) {
-  const result = {};
-  for (const key in attrs) {
-    const value = attrs[key];
-    if (value === undefined) {
-      continue;
-    }
-    result[`data-${camelToKebab(key)}`] = typeof value === 'boolean' ? String(value) : value;
-  }
-  return result;
-}
+export { domDataAttributes as dataAttributes, mergeDomDataAttributes as mergeDataAttributes } from './domDataAttributes';
 //# sourceMappingURL=dataAttributes.js.map

package/lib/module/utils/dataAttributes.js.map

@@ -1 +1 @@
-{"version":3,"names":["camelToKebab","str","replaceAll","ch","toLowerCase","dataAttributes","attrs","result","key","value","undefined","String"],"sourceRoot":"../../../src","sources":["utils/dataAttributes.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,SAASA,YAAYA,CAACC,GAAW,EAAU;EACzC,OAAOA,GAAG,CAACC,UAAU,CAAC,QAAQ,EAAGC,EAAE,IAAK,IAAIA,EAAE,CAACC,WAAW,CAAC,CAAC,EAAE,CAAC;AACjE;AAEA,OAAO,SAASC,cAAcA,CAACC,KAAyC,EAA0B;EAChG,MAAMC,MAA8B,GAAG,CAAC,CAAC;EACzC,KAAK,MAAMC,GAAG,IAAIF,KAAK,EAAE;IACvB,MAAMG,KAAK,GAAGH,KAAK,CAACE,GAAG,CAAC;IACxB,IAAIC,KAAK,KAAKC,SAAS,EAAE;MACvB;IACF;IACAH,MAAM,CAAC,QAAQP,YAAY,CAACQ,GAAG,CAAC,EAAE,CAAC,GAAG,OAAOC,KAAK,KAAK,SAAS,GAAGE,MAAM,CAACF,KAAK,CAAC,GAAGA,KAAK;EAC1F;EACA,OAAOF,MAAM;AACf","ignoreList":[]}
+{"version":3,"names":["domDataAttributes","dataAttributes","mergeDomDataAttributes","mergeDataAttributes"],"sourceRoot":"../../../src","sources":["utils/dataAttributes.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,SACEA,iBAAiB,IAAIC,cAAc,EACnCC,sBAAsB,IAAIC,mBAAmB,QACxC,qBAAqB","ignoreList":[]}

package/lib/module/utils/dataAttributes.web.js

@@ -21,4 +21,28 @@ export function dataAttributes(attrs) {
     dataSet
   };
 }
+
+/**
+ * Merges multiple sources of data attributes into a single `{ dataSet }` prop
+ * on web. Each source may be a `dataAttributes()` output (`{ dataSet: {...} }`)
+ * or any props object that contains a `dataSet` key — other keys are ignored.
+ * Later sources override earlier sources on inner-key conflicts.
+ *
+ * Required when an element receives data attributes from more than one source:
+ * a plain prop spread merges by replacing the `dataSet` key entirely, so e.g.
+ * `{...dataAttributes({ slot })} {...dataAttributes({ hover })}` keeps only the
+ * second `dataSet`. Use `mergeDataAttributes(...)` to combine them safely.
+ */
+export function mergeDataAttributes(...sources) {
+  const dataSet = {};
+  for (const source of sources) {
+    if (!source) continue;
+    const sourceDataSet = source.dataSet;
+    if (!sourceDataSet) continue;
+    Object.assign(dataSet, sourceDataSet);
+  }
+  return {
+    dataSet
+  };
+}
 //# sourceMappingURL=dataAttributes.web.js.map

package/lib/module/utils/dataAttributes.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["dataAttributes","attrs","dataSet","key","value"],"sourceRoot":"../../../src","sources":["utils/dataAttributes.web.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,OAAO,SAASA,cAAcA,CAACC,KAAyC,EAEtE;EACA,MAAMC,OAAyC,GAAG,CAAC,CAAC;EACpD,KAAK,MAAMC,GAAG,IAAIF,KAAK,EAAE;IACvB,MAAMG,KAAK,GAAGH,KAAK,CAACE,GAAG,CAAC;IAExBD,OAAO,CAACC,GAAG,CAAC,GAAGC,KAAK,IAAI,KAAK;EAC/B;EACA,OAAO;IAAEF;EAAQ,CAAC;AACpB","ignoreList":[]}
+{"version":3,"names":["dataAttributes","attrs","dataSet","key","value","mergeDataAttributes","sources","source","sourceDataSet","Object","assign"],"sourceRoot":"../../../src","sources":["utils/dataAttributes.web.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,OAAO,SAASA,cAAcA,CAACC,KAAyC,EAEtE;EACA,MAAMC,OAAyC,GAAG,CAAC,CAAC;EACpD,KAAK,MAAMC,GAAG,IAAIF,KAAK,EAAE;IACvB,MAAMG,KAAK,GAAGH,KAAK,CAACE,GAAG,CAAC;IAExBD,OAAO,CAACC,GAAG,CAAC,GAAGC,KAAK,IAAI,KAAK;EAC/B;EACA,OAAO;IAAEF;EAAQ,CAAC;AACpB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,mBAAmBA,CACjC,GAAGC,OAAwF,EACrD;EACtC,MAAMJ,OAAgC,GAAG,CAAC,CAAC;EAC3C,KAAK,MAAMK,MAAM,IAAID,OAAO,EAAE;IAC5B,IAAI,CAACC,MAAM,EAAE;IACb,MAAMC,aAAa,GAAID,MAAM,CAA2CL,OAAO;IAC/E,IAAI,CAACM,aAAa,EAAE;IACpBC,MAAM,CAACC,MAAM,CAACR,OAAO,EAAEM,aAAa,CAAC;EACvC;EACA,OAAO;IAAEN;EAAQ,CAAC;AACpB","ignoreList":[]}

package/lib/module/utils/domDataAttributes.js

@@ -0,0 +1,59 @@
+"use strict";
+
+/**
+ * Produces `data-*` DOM attribute props for use on raw HTML elements (e.g. `<button>`).
+ *
+ * Unlike `dataAttributes`, which has a platform-specific `.web.ts` sibling that returns a
+ * `dataSet` object for React Native Web components, this file has no platform variant.
+ * The bundler therefore always resolves to this single implementation, making it safe to
+ * import from `.web.tsx` host components that render native DOM elements directly.
+ *
+ * Boolean values serialize to `"true"` / `"false"` strings.
+ * String values pass through as-is.
+ * Undefined values are omitted.
+ */
+
+function camelToKebab(str) {
+  return str.replaceAll(/[A-Z]/g, ch => `-${ch.toLowerCase()}`);
+}
+export function domDataAttributes(attrs) {
+  const result = {};
+  for (const key in attrs) {
+    const value = attrs[key];
+    if (value === undefined) {
+      continue;
+    }
+    result[`data-${camelToKebab(key)}`] = typeof value === 'boolean' ? String(value) : value;
+  }
+  return result;
+}
+
+/**
+ * Merges multiple sources of DOM data attributes into a single flat object of
+ * `data-*` keys. Each source can be a `domDataAttributes()` output or any props
+ * object — non-`data-*` keys are ignored. Later sources override earlier sources
+ * on key conflicts.
+ *
+ * Use this when an element receives `data-*` attributes from more than one
+ * source (e.g. a styled layer's `data-slot` and a primitive's interaction-state
+ * `data-hover`/`data-focus` etc.) and a plain prop spread would otherwise be
+ * fine on native but lose attributes on web (where `dataAttributes()` returns
+ * `{ dataSet }` — see the `.web.ts` sibling for the web merge).
+ */
+export function mergeDomDataAttributes(...sources) {
+  const result = {};
+  for (const source of sources) {
+    if (!source) continue;
+    for (const key in source) {
+      if (!key.startsWith('data-')) continue;
+      const value = source[key];
+      if (typeof value === 'boolean') {
+        result[key] = String(value);
+      } else if (typeof value === 'string') {
+        result[key] = value;
+      }
+    }
+  }
+  return result;
+}
+//# sourceMappingURL=domDataAttributes.js.map