@cdx-ui/components 0.0.1-beta.64 → 0.0.1-beta.66

package/lib/module/components/Button/index.js

@@ -1,22 +1,15 @@
 "use strict";
 
-import { forwardRef, useEffect } from 'react';
-import { ActivityIndicator, Pressable, Text, View } from 'react-native';
-import { createButton } from '@cdx-ui/primitives';
-import { cn, useStyleContext, withStyleContext } from '@cdx-ui/utils';
+import React, { forwardRef, useEffect, useMemo } from 'react';
+import { ActivityIndicator, Text, View } from 'react-native';
+import { ButtonRoot as ButtonRootPrimitive, Slot, dataAttributes, mergeDataAttributes } from '@cdx-ui/primitives';
+import { cn, flattenChildren, ParentContext, useParentContext, useStyleContext } from '@cdx-ui/utils';
 import { Icon } from '../Icon';
-import { buttonGroupVariants, buttonIconVariants, buttonRootVariants, buttonSpinnerVariants, buttonTextVariants } from './styles';
+import { positionToDataIcon } from '../../utils/positionToDataIcon';
+import { buttonGroupVariants, buttonIconVariants, buttonRootVariants, buttonSpinnerColorVariants, buttonSpinnerVariants, buttonTextVariants } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
 const SCOPE = 'BUTTON';
-const Root = withStyleContext(Pressable, SCOPE);
 const useButtonStyleContext = () => useStyleContext(SCOPE);
-const ButtonPrimitive = createButton({
-  Root,
-  Text,
-  Group: View,
-  Spinner: ActivityIndicator,
-  Icon: View
-});
 
 // =============================================================================
 // STYLED ROOT COMPONENT
@@ -49,27 +42,38 @@ const ButtonRoot = /*#__PURE__*/forwardRef(({
     size,
     fullWidth
   }), className);
-  return /*#__PURE__*/_jsx(ButtonPrimitive, {
-    ref: ref,
-    className: computedClassName,
-    style: style,
-    context: {
+  const parent = useParentContext();
+  const ctx = useMemo(() => ({
+    ...parent,
+    [SCOPE]: {
       variant,
       color,
       size,
       fullWidth
-    },
-    ...props,
-    children: children
+    }
+  }), [parent, variant, color, size, fullWidth]);
+  return /*#__PURE__*/_jsx(ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/_jsx(ButtonRootPrimitive, {
+      ref: ref,
+      className: computedClassName,
+      style: style,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        slot: 'button'
+      })),
+      children: children
+    })
   });
 });
 ButtonRoot.displayName = 'Button';
 
 // =============================================================================
-// STYLED TEXT COMPONENT
+// STYLED LABEL COMPONENT
 // =============================================================================
 
 const ButtonLabel = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   children,
   style,
@@ -85,46 +89,110 @@ const ButtonLabel = /*#__PURE__*/forwardRef(({
     color,
     size
   }), className);
-  return /*#__PURE__*/_jsx(ButtonPrimitive.Text, {
+  const Comp = asChild ? Slot : Text;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'button-label'
+    })),
     children: children
   });
 });
 ButtonLabel.displayName = 'Button.Label';
 
+// =============================================================================
+// STYLED GROUP COMPONENT
+// =============================================================================
+
 // TODO: Use ButtonGroupVariantProps
 
 const ButtonGroup = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   children,
   style,
   flexDirection = 'row',
   isAttached,
+  isDisabled,
+  isReversed,
+  reversed,
   ...props
 }, ref) => {
+  const direction = flexDirection.includes('reverse') ? flexDirection === 'column-reverse' ? 'column' : 'row' : flexDirection;
+  let childrenArray = React.Children.toArray(flattenChildren(children));
+  childrenArray = isReversed || reversed ? [...childrenArray].reverse() : childrenArray;
+  const computedChildren = childrenArray.map((child, index) => {
+    if (typeof child === 'string' || typeof child === 'number') {
+      return child;
+    }
+    const attachedStyles = {};
+    if (index === 0) {
+      if (direction === 'column') {
+        attachedStyles.borderBottomLeftRadius = 0;
+        attachedStyles.borderBottomRightRadius = 0;
+      } else {
+        attachedStyles.borderTopRightRadius = 0;
+        attachedStyles.borderBottomRightRadius = 0;
+      }
+    } else if (index === childrenArray.length - 1) {
+      if (direction === 'column') {
+        attachedStyles.borderTopLeftRadius = 0;
+        attachedStyles.borderTopRightRadius = 0;
+      } else {
+        attachedStyles.borderTopLeftRadius = 0;
+        attachedStyles.borderBottomLeftRadius = 0;
+      }
+    } else {
+      attachedStyles.borderRadius = 0;
+    }
+    const childProps = {
+      isDisabled,
+      ...child.props,
+      style: {
+        ...(isAttached ? attachedStyles : {}),
+        ...child.props.style
+      }
+    };
+    return /*#__PURE__*/_jsx(React.Fragment, {
+      children: /*#__PURE__*/React.cloneElement(child, childProps)
+    }, child.key ?? `spaced-child-${index.toString()}`);
+  });
   const groupClassName = cn(buttonGroupVariants({
     flexDirection,
     isAttached: !!isAttached
   }), className);
-  return /*#__PURE__*/_jsx(ButtonPrimitive.Group, {
+  const Comp = asChild ? Slot : View;
+  const gapProp = isAttached ? {
+    gap: 0
+  } : {};
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
     className: groupClassName,
     style: [{
       flexDirection
-    }, style],
-    isAttached: isAttached,
+    }, style, gapProp],
     ...props,
-    children: children
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'button-group'
+    })),
+    children: computedChildren
   });
 });
 ButtonGroup.displayName = 'Button.Group';
+
+// =============================================================================
+// STYLED ICON COMPONENT
+// =============================================================================
+
 const ButtonIcon = ({
+  asChild,
   className,
   style,
   as,
+  position,
   ...props
 }) => {
   const {
@@ -137,34 +205,64 @@ const ButtonIcon = ({
     color,
     size
   }), className);
+  if (asChild) {
+    return /*#__PURE__*/_jsx(Slot, {
+      className: computedClassName,
+      style: style,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        slot: 'button-icon'
+      }), positionToDataIcon(position))
+    });
+  }
+  if (!as) {
+    return null;
+  }
   return /*#__PURE__*/_jsx(Icon, {
     as: as,
     className: computedClassName,
     style: style,
-    ...props
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'button-icon'
+    }), positionToDataIcon(position))
   });
 };
 ButtonIcon.displayName = 'Button.Icon';
+
+// =============================================================================
+// STYLED SPINNER COMPONENT
+// =============================================================================
+
 const ButtonSpinner = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   colorClassName,
   style,
+  position,
+  accessibilityLabel = 'Loading',
   ...props
 }, ref) => {
   const {
     variant,
     color
   } = useButtonStyleContext();
-  const computedColorClassName = cn(buttonSpinnerVariants({
+  const computedClassName = cn(buttonSpinnerVariants(), className);
+  const computedColorClassName = cn(buttonSpinnerColorVariants({
     variant,
     color
   }), colorClassName);
-  return /*#__PURE__*/_jsx(ButtonPrimitive.Spinner, {
+  const Comp = asChild ? Slot : ActivityIndicator;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
-    className: className,
+    className: computedClassName,
     colorClassName: computedColorClassName,
     style: style,
-    ...props
+    accessibilityLabel: accessibilityLabel,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'button-spinner'
+    }), positionToDataIcon(position))
   });
 });
 ButtonSpinner.displayName = 'Button.Spinner';

package/lib/module/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useEffect","ActivityIndicator","Pressable","Text","View","createButton","cn","useStyleContext","withStyleContext","Icon","buttonGroupVariants","buttonIconVariants","buttonRootVariants","buttonSpinnerVariants","buttonTextVariants","jsx","_jsx","SCOPE","Root","useButtonStyleContext","ButtonPrimitive","Group","Spinner","hasWarnedStrongButtonVariant","ButtonRoot","variant","variantProp","color","size","fullWidth","className","children","style","props","ref","process","env","NODE_ENV","console","warn","computedClassName","context","displayName","ButtonLabel","ButtonGroup","flexDirection","isAttached","groupClassName","ButtonIcon","as","ButtonSpinner","colorClassName","computedColorClassName","Button","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","useEffect","useMemo","ActivityIndicator","Text","View","ButtonRoot","ButtonRootPrimitive","Slot","dataAttributes","mergeDataAttributes","cn","flattenChildren","ParentContext","useParentContext","useStyleContext","Icon","positionToDataIcon","buttonGroupVariants","buttonIconVariants","buttonRootVariants","buttonSpinnerColorVariants","buttonSpinnerVariants","buttonTextVariants","jsx","_jsx","SCOPE","useButtonStyleContext","hasWarnedStrongButtonVariant","variant","variantProp","color","size","fullWidth","className","children","style","props","ref","process","env","NODE_ENV","console","warn","computedClassName","parent","ctx","Provider","value","slot","displayName","ButtonLabel","asChild","Comp","ButtonGroup","flexDirection","isAttached","isDisabled","isReversed","reversed","direction","includes","childrenArray","Children","toArray","reverse","computedChildren","map","child","index","attachedStyles","borderBottomLeftRadius","borderBottomRightRadius","borderTopRightRadius","length","borderTopLeftRadius","borderRadius","childProps","Fragment","cloneElement","key","toString","groupClassName","gapProp","gap","ButtonIcon","as","position","ButtonSpinner","colorClassName","accessibilityLabel","computedColorClassName","Button","Object","assign","Label","Group","Spinner"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Button/styles.js

@@ -219,7 +219,13 @@ export const buttonTextVariants = cva(['font-medium', 'text-center'], {
     size: 'default'
   }
 });
-export const buttonSpinnerVariants = cva([], {
+export const buttonSpinnerVariants = cva(['data-[icon=inline-start]:me-1.5', 'data-[icon=inline-end]:ms-1.5']);
+
+// Spinner color is set via Uniwind's `colorClassName` prop (maps to the native
+// `color` prop on `ActivityIndicator`). `accent-*` utilities ONLY take effect
+// when passed through `colorClassName` — putting them on `className` is a no-op
+// because the underlying `color` prop is not part of the `style` object.
+export const buttonSpinnerColorVariants = cva([], {
   variants: {
     variant: {
       solid: [],
@@ -314,7 +320,7 @@ export const buttonGroupVariants = cva([], {
     isAttached: false
   }
 });
-export const buttonIconVariants = cva([], {
+export const buttonIconVariants = cva(['data-[icon=inline-start]:me-1.5', 'data-[icon=inline-end]:ms-1.5'], {
   variants: {
     variant: {
       solid: [],

package/lib/module/components/Button/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","buttonRootVariants","variants","variant","solid","outline","ghost","color","action","danger","warning","success","info","size","default","small","fullWidth","true","false","compoundVariants","className","select","web","defaultVariants","buttonTextVariants","buttonSpinnerVariants","buttonGroupVariants","flexDirection","row","column","isAttached","buttonIconVariants"],"sourceRoot":"../../../../src","sources":["components/Button/styles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","buttonRootVariants","variants","variant","solid","outline","ghost","color","action","danger","warning","success","info","size","default","small","fullWidth","true","false","compoundVariants","className","select","web","defaultVariants","buttonTextVariants","buttonSpinnerVariants","buttonSpinnerColorVariants","buttonGroupVariants","flexDirection","row","column","isAttached","buttonIconVariants"],"sourceRoot":"../../../../src","sources":["components/Button/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,yBAAyB;;AAE5E;;AAEA,OAAO,MAAMC,kBAAkB,GAAGH,GAAG,CACnC,CACE,sCAAsC,EACtC,uCAAuC,EACvC,wEAAwE,EACxEE,iBAAiB,EACjB,wDAAwD,EACxDD,eAAe,EACf,kIAAkI,CACnI,EACD;EACEG,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,CAAC,4BAA4B,CAAC;MAAE;MACvCC,OAAO,EAAE,CAAC,gBAAgB,EAAE,8BAA8B,CAAC;MAC3DC,KAAK,EAAE,CAAC,gBAAgB;IAC1B,CAAC;IACDC,KAAK,EAAE;MACLC,MAAM,EAAE,EAAE;MACVC,MAAM,EAAE,EAAE;MACVC,OAAO,EAAE,EAAE;MACXC,OAAO,EAAE,EAAE;MACXC,IAAI,EAAE;IACR,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,iBAAiB;MAC1BC,KAAK,EAAE;IACT,CAAC;IACDC,SAAS,EAAE;MACTC,IAAI,EAAE,QAAQ;MACdC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,gBAAgB,EAAE;EAChB;EACA;IACEhB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,QAAQ;IACfa,SAAS,EAAE,CACT,0BAA0B,EAC1BvB,QAAQ,CAACwB,MAAM,CAAC;MACdP,OAAO,EAAE,oDAAoD;MAC7DQ,GAAG,EAAE;IACP,CAAC,CAAC;EAEN,CAAC,EACD;IACEnB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,QAAQ;IACfa,SAAS,EAAE,CACT,0BAA0B,EAC1BvB,QAAQ,CAACwB,MAAM,CAAC;MACdP,OAAO,EAAE,oDAAoD;MAC7DQ,GAAG,EAAE;IACP,CAAC,CAAC;EAEN,CAAC,EACD;IACEnB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,SAAS;IAChBa,SAAS,EAAE,CACT,2BAA2B,EAC3BvB,QAAQ,CAACwB,MAAM,CAAC;MACdP,OAAO,EAAE,iCAAiC;MAC1CQ,GAAG,EAAE;IACP,CAAC,CAAC;EAEN,CAAC,EACD;IACEnB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,SAAS;IAChBa,SAAS,EAAE,CACT,2BAA2B,EAC3BvB,QAAQ,CAACwB,MAAM,CAAC;MACdP,OAAO,EAAE,iCAAiC;MAC1CQ,GAAG,EAAE;IACP,CAAC,CAAC;EAEN,CAAC,EACD;IACEnB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,MAAM;IACba,SAAS,EAAE,CACT,wBAAwB,EACxBvB,QAAQ,CAACwB,MAAM,CAAC;MACdP,OAAO,EAAE,+BAA+B;MACxCQ,GAAG,EAAE;IACP,CAAC,CAAC;EAEN,CAAC;EAED;EACA;IACEnB,OAAO,EAAE,SAAS;IAClBI,KAAK,EAAE,QAAQ;IACfa,SAAS,EAAE,CACT,sBAAsB,EACtBvB,QAAQ,CAACwB,MAAM,CAAC;MACdP,OAAO,EAAE,oDAAoD;MAC7DQ,GAAG,EAAE;IACP,CAAC,CAAC;EAEN,CAAC,EACD;IACEnB,OAAO,EAAE,SAAS;IAClBI,KAAK,EAAE,QAAQ;IACfa,SAAS,EAAE,CACT,sBAAsB,EACtBvB,QAAQ,CAACwB,MAAM,CAAC;MACdP,OAAO,EAAE,oDAAoD;MAC7DQ,GAAG,EAAE;IACP,CAAC,CAAC;EAEN,CAAC,EACD;IACEnB,OAAO,EAAE,SAAS;IAClBI,KAAK,EAAE,SAAS;IAChBa,SAAS,EAAE,CACT,uBAAuB,EACvBvB,QAAQ,CAACwB,MAAM,CAAC;MACdP,OAAO,EAAE,8CAA8C;MACvDQ,GAAG,EAAE;IACP,CAAC,CAAC;EAEN,CAAC,EACD;IACEnB,OAAO,EAAE,SAAS;IAClBI,KAAK,EAAE,SAAS;IAChBa,SAAS,EAAE,CACT,uBAAuB,EACvBvB,QAAQ,CAACwB,MAAM,CAAC;MACdP,OAAO,EAAE,8CAA8C;MACvDQ,GAAG,EAAE;IACP,CAAC,CAAC;EAEN,CAAC,EACD;IACEnB,OAAO,EAAE,SAAS;IAClBI,KAAK,EAAE,MAAM;IACba,SAAS,EAAE,CACT,oBAAoB,EACpBvB,QAAQ,CAACwB,MAAM,CAAC;MACdP,OAAO,EAAE,2CAA2C;MACpDQ,GAAG,EAAE;IACP,CAAC,CAAC;EAEN,CAAC;EAED;EACA;IACEnB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,QAAQ;IACfa,SAAS,EAAE,CACTvB,QAAQ,CAACwB,MAAM,CAAC;MACdP,OAAO,EAAE,oDAAoD;MAC7DQ,GAAG,EAAE;IACP,CAAC,CAAC;EAEN,CAAC,EACD;IACEnB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,QAAQ;IACfa,SAAS,EAAE,CACTvB,QAAQ,CAACwB,MAAM,CAAC;MACdP,OAAO,EAAE,oDAAoD;MAC7DQ,GAAG,EAAE;IACP,CAAC,CAAC;EAEN,CAAC,EACD;IACEnB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,SAAS;IAChBa,SAAS,EAAE,CACTvB,QAAQ,CAACwB,MAAM,CAAC;MACdP,OAAO,EAAE,8CAA8C;MACvDQ,GAAG,EAAE;IACP,CAAC,CAAC;EAEN,CAAC,EACD;IACEnB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,SAAS;IAChBa,SAAS,EAAE,CACTvB,QAAQ,CAACwB,MAAM,CAAC;MACdP,OAAO,EAAE,8CAA8C;MACvDQ,GAAG,EAAE;IACP,CAAC,CAAC;EAEN,CAAC,EACD;IACEnB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,MAAM;IACba,SAAS,EAAE,CACTvB,QAAQ,CAACwB,MAAM,CAAC;MACdP,OAAO,EAAE,2CAA2C;MACpDQ,GAAG,EAAE;IACP,CAAC,CAAC;EAEN,CAAC,CACF;EACDC,eAAe,EAAE;IACfpB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,QAAQ;IACfM,IAAI,EAAE,SAAS;IACfG,SAAS,EAAE;EACb;AACF,CACF,CAAC;AAED,OAAO,MAAMQ,kBAAkB,GAAG1B,GAAG,CAAC,CAAC,aAAa,EAAE,aAAa,CAAC,EAAE;EACpEI,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,EAAE;MACTC,OAAO,EAAE,EAAE;MACXC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLC,MAAM,EAAE,EAAE;MACVC,MAAM,EAAE,EAAE;MACVC,OAAO,EAAE,EAAE;MACXC,OAAO,EAAE,EAAE;MACXC,IAAI,EAAE;IACR,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,WAAW;MACpBC,KAAK,EAAE;IACT;EACF,CAAC;EACDI,gBAAgB,EAAE;EAChB;EACA;IAAEhB,OAAO,EAAE,OAAO;IAAEI,KAAK,EAAE,QAAQ;IAAEa,SAAS,EAAE;EAAgC,CAAC,EACjF;IAAEjB,OAAO,EAAE,OAAO;IAAEI,KAAK,EAAE,QAAQ;IAAEa,SAAS,EAAE;EAAgC,CAAC,EACjF;IAAEjB,OAAO,EAAE,OAAO;IAAEI,KAAK,EAAE,SAAS;IAAEa,SAAS,EAAE;EAAiC,CAAC,EACnF;IAAEjB,OAAO,EAAE,OAAO;IAAEI,KAAK,EAAE,SAAS;IAAEa,SAAS,EAAE;EAAiC,CAAC,EACnF;IAAEjB,OAAO,EAAE,OAAO;IAAEI,KAAK,EAAE,MAAM;IAAEa,SAAS,EAAE;EAA8B,CAAC;EAE7E;EACA;IAAEjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAAEI,KAAK,EAAE,QAAQ;IAAEa,SAAS,EAAE;EAAsB,CAAC,EACpF;IAAEjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAAEI,KAAK,EAAE,QAAQ;IAAEa,SAAS,EAAE;EAAsB,CAAC,EACpF;IAAEjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAAEI,KAAK,EAAE,SAAS;IAAEa,SAAS,EAAE;EAAuB,CAAC,EACtF;IAAEjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAAEI,KAAK,EAAE,SAAS;IAAEa,SAAS,EAAE;EAAuB,CAAC,EACtF;IAAEjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAAEI,KAAK,EAAE,MAAM;IAAEa,SAAS,EAAE;EAAoB,CAAC,CACjF;EACDG,eAAe,EAAE;IACfpB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,QAAQ;IACfM,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,OAAO,MAAMY,qBAAqB,GAAG3B,GAAG,CAAC,CACvC,iCAAiC,EACjC,+BAA+B,CAChC,CAAC;;AAEF;AACA;AACA;AACA;AACA,OAAO,MAAM4B,0BAA0B,GAAG5B,GAAG,CAAC,EAAE,EAAE;EAChDI,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,EAAE;MACTC,OAAO,EAAE,EAAE;MACXC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLC,MAAM,EAAE,EAAE;MACVC,MAAM,EAAE,EAAE;MACVC,OAAO,EAAE,EAAE;MACXC,OAAO,EAAE,EAAE;MACXC,IAAI,EAAE;IACR;EACF,CAAC;EACDO,gBAAgB,EAAE;EAChB;EACA;IACEhB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,QAAQ;IACfa,SAAS,EAAE;EACb,CAAC,EACD;IACEjB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,QAAQ;IACfa,SAAS,EAAE;EACb,CAAC,EACD;IACEjB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,SAAS;IAChBa,SAAS,EAAE;EACb,CAAC,EACD;IACEjB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,SAAS;IAChBa,SAAS,EAAE;EACb,CAAC,EACD;IACEjB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,MAAM;IACba,SAAS,EAAE;EACb,CAAC;EAED;EACA;IACEjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAC7BI,KAAK,EAAE,QAAQ;IACfa,SAAS,EAAE;EACb,CAAC,EACD;IACEjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAC7BI,KAAK,EAAE,QAAQ;IACfa,SAAS,EAAE;EACb,CAAC,EACD;IACEjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAC7BI,KAAK,EAAE,SAAS;IAChBa,SAAS,EAAE;EACb,CAAC,EACD;IACEjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAC7BI,KAAK,EAAE,SAAS;IAChBa,SAAS,EAAE;EACb,CAAC,EACD;IACEjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAC7BI,KAAK,EAAE,MAAM;IACba,SAAS,EAAE;EACb,CAAC,CACF;EACDG,eAAe,EAAE;IACfpB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,OAAO,MAAMoB,mBAAmB,GAAG7B,GAAG,CAAC,EAAE,EAAE;EACzCI,QAAQ,EAAE;IACR0B,aAAa,EAAE;MACbC,GAAG,EAAEhC,QAAQ,CAACwB,MAAM,CAAC;QAAEC,GAAG,EAAE,UAAU;QAAER,OAAO,EAAE;MAAG,CAAC,CAAC;MACtDgB,MAAM,EAAEjC,QAAQ,CAACwB,MAAM,CAAC;QAAEC,GAAG,EAAE,UAAU;QAAER,OAAO,EAAE;MAAG,CAAC,CAAC;MACzD,aAAa,EAAEjB,QAAQ,CAACwB,MAAM,CAAC;QAAEC,GAAG,EAAE,kBAAkB;QAAER,OAAO,EAAE;MAAG,CAAC,CAAC;MACxE,gBAAgB,EAAEjB,QAAQ,CAACwB,MAAM,CAAC;QAAEC,GAAG,EAAE,kBAAkB;QAAER,OAAO,EAAE;MAAG,CAAC;IAC5E,CAAC;IACDiB,UAAU,EAAE;MACVd,IAAI,EAAE,OAAO;MACbC,KAAK,EAAE;IACT;EACF,CAAC;EACDK,eAAe,EAAE;IACfK,aAAa,EAAE,KAAK;IACpBG,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,kBAAkB,GAAGlC,GAAG,CACnC,CAAC,iCAAiC,EAAE,+BAA+B,CAAC,EACpE;EACEI,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,EAAE;MACTC,OAAO,EAAE,EAAE;MACXC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLC,MAAM,EAAE,EAAE;MACVC,MAAM,EAAE,EAAE;MACVC,OAAO,EAAE,EAAE;MACXC,OAAO,EAAE,EAAE;MACXC,IAAI,EAAE;IACR,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDI,gBAAgB,EAAE;EAChB;EACA;IAAEhB,OAAO,EAAE,OAAO;IAAEI,KAAK,EAAE,QAAQ;IAAEa,SAAS,EAAE;EAAgC,CAAC,EACjF;IAAEjB,OAAO,EAAE,OAAO;IAAEI,KAAK,EAAE,QAAQ;IAAEa,SAAS,EAAE;EAAgC,CAAC,EACjF;IAAEjB,OAAO,EAAE,OAAO;IAAEI,KAAK,EAAE,SAAS;IAAEa,SAAS,EAAE;EAAiC,CAAC,EACnF;IAAEjB,OAAO,EAAE,OAAO;IAAEI,KAAK,EAAE,SAAS;IAAEa,SAAS,EAAE;EAAiC,CAAC,EACnF;IAAEjB,OAAO,EAAE,OAAO;IAAEI,KAAK,EAAE,MAAM;IAAEa,SAAS,EAAE;EAA8B,CAAC;EAE7E;EACA;IAAEjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAAEI,KAAK,EAAE,QAAQ;IAAEa,SAAS,EAAE;EAAsB,CAAC,EACpF;IAAEjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAAEI,KAAK,EAAE,QAAQ;IAAEa,SAAS,EAAE;EAAsB,CAAC,EACpF;IAAEjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAAEI,KAAK,EAAE,SAAS;IAAEa,SAAS,EAAE;EAAuB,CAAC,EACtF;IAAEjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAAEI,KAAK,EAAE,SAAS;IAAEa,SAAS,EAAE;EAAuB,CAAC,EACtF;IAAEjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAAEI,KAAK,EAAE,MAAM;IAAEa,SAAS,EAAE;EAAoB,CAAC,CACjF;EACDG,eAAe,EAAE;IACfpB,OAAO,EAAE,OAAO;IAChBI,KAAK,EAAE,QAAQ;IACfM,IAAI,EAAE;EACR;AACF,CACF,CAAC","ignoreList":[]}

package/lib/module/components/CLAUDE.md

@@ -13,17 +13,117 @@ Styled components in `@cdx-ui/components` follow a consistent pattern. Read the
 - `docs/internal/practices/types.md` — prop types, `I*Props` vs `*Props`, exporting
 - `docs/internal/practices/styling.md` — `cn()`, CVA, token classes, `Platform.select()`
 - `docs/internal/practices/state.md` — `useControllableState`, `composeEventHandlers`
-- `docs/internal/practices/data-attributes.md` — `data-[state]` and `data-slot`
+- `docs/internal/practices/data-attributes.md` — `data-[state]`, `data-slot`, and `data-icon` conventions
+- `docs/internal/practices/as-child.md` — styled-layer `asChild` via re-exported `Slot`
+
+## Six standards (Standards 4–6 apply here)
+
+Standards 1–3 govern primitive-layer authoring (see `packages/primitives/src/CLAUDE.md`).
+Standards 4–6 govern the styled layer:
+
+### Standard 4 — `data-slot` attributes
+
+Every public styled slot emits a stable `data-slot="<component>-<part>"` attribute on its outermost rendered element. The convention is lowercase, kebab-case, `<component>` then `-<slot>` if not the root.
+
+| Slot               | Attribute                    |
+| ------------------ | ---------------------------- |
+| `<Button>` root    | `data-slot="button"`         |
+| `<Button.Label>`   | `data-slot="button-label"`   |
+| `<Button.Icon>`    | `data-slot="button-icon"`    |
+| `<Button.Spinner>` | `data-slot="button-spinner"` |
+| `<Button.Group>`   | `data-slot="button-group"`   |
+| `<IconButton>`     | `data-slot="icon-button"`    |
+| `<Dialog.Content>` | `data-slot="dialog-content"` |
+
+Use `dataAttributes({ slot: '<component>-<part>' })` from `@cdx-ui/primitives` so the helper handles native (flat `data-*` keys) and web (RNW `dataSet`) correctly.
+
+#### Combining multiple data-attribute sources — use `mergeDataAttributes`
+
+When the same element receives `data-*` from more than one source (e.g. a slot identifier plus a position hint, or consumer-supplied data attrs flowing in through props), do **not** chain multiple `{...dataAttributes(...)}` spreads — on web each call returns `{ dataSet: {...} }` and a plain JSX spread replaces the `dataSet` key entirely, so the second source wipes out the first. Use `mergeDataAttributes(...)` from `@cdx-ui/primitives` to combine sources; later args win on key conflicts:
+
+```tsx
+import { dataAttributes, mergeDataAttributes } from '@cdx-ui/primitives';
+
+<Element
+  ref={ref}
+  className={...}
+  style={style}
+  {...props}
+  {...mergeDataAttributes(
+    props,                 // pulls in any consumer-supplied data attrs
+    dataAttributes({ slot: '<component>-<part>' }),
+    positionToDataIcon(position),                      // optional, may be undefined
+  )}
+/>
+```
+
+Spread `{...props}` first, then the merge — so any keys that `mergeDataAttributes` produces overwrite their counterparts in props with the merged values.
+
+When the styled component renders a primitive Root, the primitive Root applies the same pattern internally — incoming data attrs (slot from the styled layer) are merged with the primitive's own interaction-state data attrs and emitted once. The styled layer doesn't need to do anything special; just pass `data-slot` through and the primitive's merge does the rest.
+
+### Standard 5 — Static design variants vs. interaction state
+
+Variant functions take only static design inputs (`variant`/`color`/`size`/`fullWidth`/etc.). Interaction states (`hover`/`focus`/`active`/`disabled`/`focus-visible`) are expressed as `data-[...]:` selectors **inside** CVA variant strings, never as variant inputs.
+
+- CSS-layer state changes are free of React work: when the primitive flips `data-hover=true`, the CSS engine (web) and Uniwind's native style layer reconcile styles without re-rendering React, re-running CVA, or invoking `cn()`/`tailwind-merge`.
+- Variant-input state changes cascade React work: CVA re-runs, `cn()` re-merges, and className-prop reconciliation cascades through the tree.
+- Sub-slots can react to root state via parent selectors (`data-[hover=true]:`) without each slot subscribing to context (per Standard 1).
+
+### Standard 6 — Position hints (`data-icon="inline-start|inline-end"`)
+
+Icon-/spinner-bearing styled slots accept an optional `position?: 'leading' | 'trailing'` prop that emits `data-icon="inline-start|inline-end"`. Spacing rules in CVA target the `data-icon` attribute via logical-property utilities (`me-*`/`ms-*`) so RTL is handled for free.
+
+Mapping (via the shared `positionToDataIcon` helper at `packages/components/src/utils/positionToDataIcon.ts`):
+
+- `position="leading"` → `data-icon="inline-start"`
+- `position="trailing"` → `data-icon="inline-end"`
+- `position` omitted → no `data-icon` attribute, baseline spacing applies
+
+```tsx
+import { positionToDataIcon, type IconSlotPosition } from '../../utils/positionToDataIcon';
+
+interface ButtonIconProps {
+  position?: IconSlotPosition;
+  // ...
+}
+
+<Icon {...positionToDataIcon(position)} {...props} />;
+```
+
+```tsx
+<Button>
+  <Button.Icon as={CheckIcon} position="leading" />
+  <Button.Label>Confirm</Button.Label>
+</Button>
+```
+
+CVA expresses padding via logical-property selectors:
+
+```ts
+cva(['data-[icon=inline-start]:me-1.5 data-[icon=inline-end]:ms-1.5'], { ... });
+```
+
+Where: **styled layer.** Pure styling hint with no behavior or a11y semantics — fails Standard 3, so no primitive involvement.
+
+## Canonical reference
+
+`packages/components/src/components/Button/index.tsx` + `Button/styles.ts` is the canonical example for Standards 4–6:
+
+- `data-slot` on `Button`, `Button.Label`, `Button.Icon`, `Button.Spinner`, `Button.Group`
+- `asChild` re-uses `Slot` from `@cdx-ui/primitives` — no new primitive needed for sub-slots
+- `buttonIconVariants` / `buttonSpinnerVariants` carry `data-[icon=inline-start]:me-1.5 data-[icon=inline-end]:ms-1.5` so leading/trailing padding works without per-call overrides
+
+`packages/components/src/components/IconButton/index.tsx` shows the second axis of Standard 1: a styled-layer slot (the glyph) is the place that opts into `useButtonContext()` when its styling reacts to interaction state. The pattern is the same as the primitive Root — call `useButtonContext()`, spread `dataAttributes({ ... })` — only it lives in the styled layer.
 
 ### Pattern summary
 
-Each component follows this structure (see `Button/index.tsx` as the canonical example):
+Each component follows this structure (see `Button/index.tsx`):
 
-1. **Imports** — RN base components, primitive from `@cdx-ui/primitives`, `cn` + style context from `@cdx-ui/utils`, variant functions from `./styles`
-2. **Scope constant** — `const SCOPE = 'COMPONENT_NAME'` for `withStyleContext` / `useStyleContext`
-3. **Root wrapping** — `const Root = withStyleContext(BaseRNComponent, SCOPE)`
-4. **Primitive instantiation** — `const Primitive = createComponent({ Root, Text, ... })` using the primitive factory
-5. **Styled sub-components** — each wraps a single element, uses `forwardRef`, destructures variant props with defaults, computes `cn(variantFn({ ...variants }), className)`, passes `context` to the primitive root
+1. **Imports** — RN base components, primitive `Root` and `Slot` from `@cdx-ui/primitives`, `cn` + style context from `@cdx-ui/utils`, variant functions from `./styles`
+2. **Scope constant** — `const SCOPE = 'COMPONENT_NAME'` for `withStyleContext` / `useStyleContext` (or a `ParentContext.Provider` wrapper for static variant context)
+3. **Root component** — renders the primitive Root (or a host element directly when no primitive exists), spreads `dataAttributes({ slot: '<component>' })`
+4. **Sub-slots** — each accepts `asChild`, renders a host element via `const Comp = asChild ? Slot : DefaultElement`, spreads `dataAttributes({ slot: '<component>-<slot>' })`. Sub-slots **do not** call `useButtonContext()` (or its equivalent) unless their own styling reacts to interaction state.
+5. **Position-aware sub-slots** — icon/spinner-style slots accept `position?: 'leading' | 'trailing'` and emit `data-icon` via `dataAttributes({ icon: '...' })`.
 6. **Compound export** — `Object.assign(RootComponent, { Sub1, Sub2 }) as CompoundType`
 
 ### Key rules
@@ -36,6 +136,9 @@ Each component follows this structure (see `Button/index.tsx` as the canonical e
 - Never hardcode colors — use semantic token classes (`bg-surface-*`, `text-content-*`, `border-stroke-*`)
 - Event handlers composed via `composeEventHandlers` from `@cdx-ui/utils`
 - Third-party libraries fully abstracted — no adopted library types leak to consumers
+- **`data-slot`** emitted on every styled slot via `dataAttributes({ slot: '<component>-<part>' })`
+- **`asChild`** supported on every styled slot — `const Comp = asChild ? Slot : DefaultElement`
+- **`position`** prop on icon/spinner-style slots maps to `data-icon="inline-start|inline-end"`
 
 ---
 
@@ -44,7 +147,7 @@ Each component follows this structure (see `Button/index.tsx` as the canonical e
 Variant definitions live in co-located `styles.ts` files using CVA. Read the full guides before making changes:
 
 - `docs/internal/practices/styling.md` — `cn()`, CVA, token architecture, dark mode, `Platform.select()`
-- `docs/internal/practices/data-attributes.md` — `data-[state]` selectors for interaction states
+- `docs/internal/practices/data-attributes.md` — `data-[state]` and `data-icon` selectors
 
 ### Pattern summary
 
@@ -57,11 +160,11 @@ import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/primitives';
 
 export const componentRootVariants = cva(
   [
-    /* base classes */
+    /* base classes + interaction state selectors (data-[hover=true]:..., data-[active=true]:...) */
   ],
   {
     variants: {
-      /* variant axes */
+      /* static design axes only — variant, color, size, fullWidth, etc. */
     },
     compoundVariants: [
       /* variant × variant combinations */
@@ -78,7 +181,8 @@ export type ComponentVariantProps = VariantProps<typeof componentRootVariants>;
 ### Key rules
 
 - **Semantic token classes only** — use `bg-surface-action-strong`, `text-content-primary`, `border-stroke-primary`, etc. Never hardcode hex colors, `bg-white`, `text-black`, or raw Tailwind color scales for themed values.
-- **`data-[state]` selectors** — use `data-[disabled=true]:`, `data-[hover=true]:`, `data-[active=true]:`, `data-[focus-visible=true]:` for interaction states. Primitives emit these data attributes.
+- **`data-[state]` selectors** — use `data-[disabled=true]:`, `data-[hover=true]:`, `data-[active=true]:`, `data-[focus-visible=true]:` for interaction states. Primitives emit these data attributes (Standard 1). **Interaction state is never a CVA variant input** (Standard 5).
+- **`data-[icon=inline-start|inline-end]` selectors** for icon/spinner position spacing (Standard 6) — pair with logical-property utilities (`me-*`/`ms-*`) so RTL flips automatically.
 - **`Platform.select()`** for platform-specific classes — web gets `data-[hover=true]` styles (hover exists on web); native responds only to `data-[active=true]` (press). Always set `default` (native) and `web` keys.
 - **Shared style primitives** — import `DISABLED_CURSOR`, `TRANSITION_COLORS`, etc. from `../../styles/primitives` for cross-component consistency.
 - **`web:` prefix** for web-only utilities — e.g., `web:outline-none`, `web:focus-visible:ring-2`.