@cdx-ui/components 0.0.1-beta.65 → 0.0.1-beta.67

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

@@ -1,20 +1,15 @@
 "use strict";
 
 import { forwardRef, useMemo } from 'react';
-import { Pressable, Text as RNText, View } from 'react-native';
-import { createChip } from '@cdx-ui/primitives';
-import { cn, ParentContext, useParentContext, useStyleContext, withStyleContext } from '@cdx-ui/utils';
+import { Text } from 'react-native';
+import { ChipRoot as ChipRootPrimitive, Slot, dataAttributes, mergeDataAttributes } from '@cdx-ui/primitives';
+import { cn, ParentContext, useParentContext, useStyleContext } from '@cdx-ui/utils';
 import { Avatar } from '../Avatar';
 import { Icon } from '../Icon';
+import { positionToDataIcon } from '../../utils/positionToDataIcon';
 import { chipAvatarVariants, chipIconVariants, chipLabelVariants, chipRootVariants } from './styles';
 import { jsx as _jsx } from "react/jsx-runtime";
 const SCOPE = 'CHIP';
-const RootView = withStyleContext(View, SCOPE);
-const RootPressable = withStyleContext(Pressable, SCOPE);
-const ChipPrimitive = createChip({
-  View: RootView,
-  Pressable: RootPressable
-});
 const useChipStyleContext = () => useStyleContext(SCOPE);
 
 // =============================================================================
@@ -28,43 +23,35 @@ const ChipRoot = /*#__PURE__*/forwardRef(({
   color = 'default',
   className,
   style,
-  asChild,
   ...props
 }, ref) => {
-  const parentContextValues = useParentContext();
-  const styleContextValues = useMemo(() => ({
-    ...parentContextValues,
+  const parent = useParentContext();
+  const ctx = useMemo(() => ({
+    ...parent,
     [SCOPE]: {
       variant,
       size,
       color
     }
-  }), [parentContextValues, variant, size, color]);
+  }), [parent, variant, size, color]);
   const computedClassName = cn(chipRootVariants({
     variant,
     size,
     color
   }), className);
-  const root = /*#__PURE__*/_jsx(ChipPrimitive, {
-    ref: ref,
-    asChild: asChild,
-    className: computedClassName,
-    context: {
-      variant,
-      size,
-      color
-    },
-    style: style,
-    ...props,
-    children: children
+  return /*#__PURE__*/_jsx(ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/_jsx(ChipRootPrimitive, {
+      ref: ref,
+      className: computedClassName,
+      style: style,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        slot: 'chip'
+      })),
+      children: children
+    })
   });
-  if (asChild) {
-    return /*#__PURE__*/_jsx(ParentContext.Provider, {
-      value: styleContextValues,
-      children: root
-    });
-  }
-  return root;
 });
 ChipRoot.displayName = 'Chip';
 
@@ -73,6 +60,7 @@ ChipRoot.displayName = 'Chip';
 // =============================================================================
 
 const ChipLabel = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   children,
   style,
@@ -88,11 +76,15 @@ const ChipLabel = /*#__PURE__*/forwardRef(({
     variant,
     color
   }), className);
-  return /*#__PURE__*/_jsx(RNText, {
+  const Comp = asChild ? Slot : Text;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'chip-label'
+    })),
     children: children
   });
 });
@@ -103,10 +95,11 @@ ChipLabel.displayName = 'Chip.Label';
 // =============================================================================
 
 const ChipIcon = ({
+  asChild,
   className,
   style,
   as,
-  slot,
+  position,
   ...props
 }) => {
   const {
@@ -115,14 +108,29 @@ const ChipIcon = ({
   } = useChipStyleContext();
   const computedClassName = cn(chipIconVariants({
     size,
-    color,
-    slot
+    color
   }), className);
+  if (asChild) {
+    return /*#__PURE__*/_jsx(Slot, {
+      className: computedClassName,
+      style: style,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        slot: 'chip-icon'
+      }), positionToDataIcon(position))
+    });
+  }
+  if (!as) {
+    return null;
+  }
   return /*#__PURE__*/_jsx(Icon, {
     as: as,
     className: computedClassName,
     style: style,
-    ...props
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'chip-icon'
+    }), positionToDataIcon(position))
   });
 };
 ChipIcon.displayName = 'Chip.Icon';
@@ -140,7 +148,7 @@ const ChipAvatar = ({
   const {
     size
   } = useChipStyleContext();
-  // chipAvatarVariants sets w/h and the leading slot negative margin.
+  // chipAvatarVariants sets w/h and the leading-edge negative margin.
   // Avatar renders with size="sm" (its smallest named size) but chipAvatarVariants
   // overrides the w/h via tailwind-merge so the chip size wins.
   const computedClassName = cn(chipAvatarVariants({

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useMemo","Pressable","Text","RNText","View","createChip","cn","ParentContext","useParentContext","useStyleContext","withStyleContext","Avatar","Icon","chipAvatarVariants","chipIconVariants","chipLabelVariants","chipRootVariants","jsx","_jsx","SCOPE","RootView","RootPressable","ChipPrimitive","useChipStyleContext","ChipRoot","children","variant","size","color","className","style","asChild","props","ref","parentContextValues","styleContextValues","computedClassName","root","context","Provider","value","displayName","ChipLabel","ChipIcon","as","slot","ChipAvatar","Chip","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Chip/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","useMemo","Text","ChipRoot","ChipRootPrimitive","Slot","dataAttributes","mergeDataAttributes","cn","ParentContext","useParentContext","useStyleContext","Avatar","Icon","positionToDataIcon","chipAvatarVariants","chipIconVariants","chipLabelVariants","chipRootVariants","jsx","_jsx","SCOPE","useChipStyleContext","children","variant","size","color","className","style","props","ref","parent","ctx","computedClassName","Provider","value","slot","displayName","ChipLabel","asChild","Comp","ChipIcon","as","position","ChipAvatar","Chip","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Chip/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -172,9 +172,9 @@ export const chipLabelVariants = cva(['font-medium'], {
 export const chipIconVariants = cva(['shrink-0'], {
   variants: {
     size: {
-      default: 'size-5',
-      small: 'size-4',
-      xsmall: 'size-2.5'
+      default: 'size-5 data-[icon=inline-start]:-ms-1.5 data-[icon=inline-end]:-me-1.5',
+      small: 'size-4 data-[icon=inline-start]:-ms-0.5 data-[icon=inline-end]:-me-0.5',
+      xsmall: 'size-2.5 data-[icon=inline-start]:-ms-px data-[icon=inline-end]:-me-px'
     },
     color: {
       default: 'text-content-primary',
@@ -183,37 +183,8 @@ export const chipIconVariants = cva(['shrink-0'], {
       warning: 'text-content-warning',
       success: 'text-content-success',
       info: 'text-content-info'
-    },
-    slot: {
-      leading: '',
-      trailing: ''
     }
   },
-  compoundVariants: [{
-    slot: 'leading',
-    size: 'default',
-    className: '-ml-1.5'
-  }, {
-    slot: 'leading',
-    size: 'small',
-    className: '-ml-0.5'
-  }, {
-    slot: 'leading',
-    size: 'xsmall',
-    className: '-ml-px'
-  }, {
-    slot: 'trailing',
-    size: 'default',
-    className: '-mr-1.5'
-  }, {
-    slot: 'trailing',
-    size: 'small',
-    className: '-mr-0.5'
-  }, {
-    slot: 'trailing',
-    size: 'xsmall',
-    className: '-mr-px'
-  }],
   defaultVariants: {
     size: 'default',
     color: 'default'
@@ -222,9 +193,9 @@ export const chipIconVariants = cva(['shrink-0'], {
 export const chipAvatarVariants = cva(['shrink-0 rounded-full overflow-hidden'], {
   variants: {
     size: {
-      default: 'size-5 -ml-1.5',
-      small: 'size-4 -ml-0.5',
-      xsmall: 'size-2.5 -ml-px'
+      default: 'size-5 -ms-1.5',
+      small: 'size-4 -ms-0.5',
+      xsmall: 'size-2.5 -ms-px'
     }
   },
   defaultVariants: {

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

@@ -1 +1 @@
-{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","chipInteractiveRoot","select","web","join","default","chipRootVariants","variants","variant","tint","outline","color","action","danger","warning","success","info","size","small","xsmall","compoundVariants","className","defaultVariants","chipLabelVariants","chipIconVariants","slot","leading","trailing","chipAvatarVariants"],"sourceRoot":"../../../../src","sources":["components/Chip/styles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","chipInteractiveRoot","select","web","join","default","chipRootVariants","variants","variant","tint","outline","color","action","danger","warning","success","info","size","small","xsmall","compoundVariants","className","defaultVariants","chipLabelVariants","chipIconVariants","chipAvatarVariants"],"sourceRoot":"../../../../src","sources":["components/Chip/styles.ts"],"mappings":"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","ignoreList":[]}

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

@@ -1,10 +1,10 @@
 "use strict";
 
-import { forwardRef } from 'react';
-import { Pressable, Text, View } from 'react-native';
+import { forwardRef, useMemo } from 'react';
+import { Text, View } from 'react-native';
 import { CheckCircle, Close as CloseIcon, EmergencyHome, Warning } from '@cdx-ui/icons';
-import { createDialog } from '@cdx-ui/primitives';
-import { cn, useStyleContext, withStyleContext } from '@cdx-ui/utils';
+import { DialogClose as DialogClosePrimitive, DialogPopup as DialogPopupPrimitive, DialogRoot as DialogRootPrimitive, DialogTrigger as DialogTriggerPrimitive, Slot, dataAttributes, mergeDataAttributes, useDialog } from '@cdx-ui/primitives';
+import { cn, ParentContext, useParentContext, useStyleContext } from '@cdx-ui/utils';
 import { Icon } from '../Icon';
 import { dialogCloseIconVariants, dialogCloseVariants, dialogContentVariants, dialogDescriptionVariants, dialogFooterVariants, dialogHeaderVariants, dialogOverlayVariants, dialogPopupVariants, dialogTextVariants, dialogTitleIconVariants, dialogTitleVariants } from './styles';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -15,40 +15,8 @@ export { useDialog } from '@cdx-ui/primitives';
 // =============================================================================
 
 const SCOPE = 'DIALOG';
-const Root = withStyleContext(View, SCOPE);
 const useDialogStyleContext = () => useStyleContext(SCOPE);
 
-// =============================================================================
-// STYLED OVERLAY (internal — not consumer-facing)
-// =============================================================================
-
-const StyledOverlay = /*#__PURE__*/forwardRef(({
-  className,
-  ...props
-}, ref) => /*#__PURE__*/_jsx(Pressable, {
-  ref: ref,
-  className: cn(dialogOverlayVariants(), className),
-  ...props
-}));
-StyledOverlay.displayName = 'Dialog.Overlay';
-
-// =============================================================================
-// CREATE DIALOG PRIMITIVE
-// =============================================================================
-
-const DialogPrimitive = createDialog({
-  Root,
-  Trigger: Pressable,
-  Overlay: StyledOverlay,
-  Popup: View,
-  Header: View,
-  Title: Text,
-  Description: Text,
-  Content: View,
-  Footer: View,
-  Close: Pressable
-});
-
 // =============================================================================
 // STYLED ROOT
 // =============================================================================
@@ -60,17 +28,29 @@ const DialogRoot = /*#__PURE__*/forwardRef(({
   children,
   style,
   ...props
-}, ref) => /*#__PURE__*/_jsx(DialogPrimitive, {
-  ref: ref,
-  className: className,
-  style: style,
-  context: {
-    size,
-    fullBleed
-  },
-  ...props,
-  children: children
-}));
+}, ref) => {
+  const parent = useParentContext();
+  const ctx = useMemo(() => ({
+    ...parent,
+    [SCOPE]: {
+      size,
+      fullBleed
+    }
+  }), [parent, size, fullBleed]);
+  return /*#__PURE__*/_jsx(ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/_jsx(DialogRootPrimitive, {
+      ref: ref,
+      className: className,
+      style: style,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        slot: 'dialog'
+      })),
+      children: children
+    })
+  });
+});
 DialogRoot.displayName = 'Dialog';
 
 // =============================================================================
@@ -82,17 +62,20 @@ const DialogTrigger = /*#__PURE__*/forwardRef(({
   children,
   style,
   ...props
-}, ref) => /*#__PURE__*/_jsx(DialogPrimitive.Trigger, {
+}, ref) => /*#__PURE__*/_jsx(DialogTriggerPrimitive, {
   ref: ref,
   className: className,
   style: style,
   ...props,
+  ...mergeDataAttributes(props, dataAttributes({
+    slot: 'dialog-trigger'
+  })),
   children: children
 }));
 DialogTrigger.displayName = 'Dialog.Trigger';
 
 // =============================================================================
-// STYLED POPUP (wraps DialogPrimitive.Popup)
+// STYLED POPUP
 // =============================================================================
 
 const DialogPopup = /*#__PURE__*/forwardRef(({
@@ -109,39 +92,49 @@ const DialogPopup = /*#__PURE__*/forwardRef(({
   const computedClassName = cn(dialogPopupVariants({
     size
   }), className);
-  return /*#__PURE__*/_jsx(DialogPrimitive.Popup, {
+  const overlayClassName = cn(dialogOverlayVariants());
+  return /*#__PURE__*/_jsx(DialogPopupPrimitive, {
     ref: ref,
     className: computedClassName,
     style: style,
+    overlayClassName: overlayClassName,
     ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'dialog-popup'
+    })),
     children: children
   });
 });
 DialogPopup.displayName = 'Dialog.Popup';
 
 // =============================================================================
-// STYLED HEADER
+// STYLED HEADER (styled-only sub-slot)
 // =============================================================================
 
 const DialogHeader = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   children,
   style,
   ...props
 }, ref) => {
   const computedClassName = cn(dialogHeaderVariants(), className);
-  return /*#__PURE__*/_jsx(DialogPrimitive.Header, {
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'dialog-header'
+    })),
     children: children
   });
 });
 DialogHeader.displayName = 'Dialog.Header';
 
 // =============================================================================
-// STYLED TITLE
+// STYLED TITLE (styled-only sub-slot with appearance variants)
 // =============================================================================
 
 const APPEARANCE_ICON_MAP = {
@@ -150,6 +143,7 @@ const APPEARANCE_ICON_MAP = {
   success: CheckCircle
 };
 const DialogTitle = /*#__PURE__*/forwardRef(({
+  asChild,
   appearance = 'default',
   className,
   children,
@@ -160,6 +154,17 @@ const DialogTitle = /*#__PURE__*/forwardRef(({
     appearance
   }), className);
   const IconComponent = appearance && appearance in APPEARANCE_ICON_MAP ? APPEARANCE_ICON_MAP[appearance] : null;
+  const Comp = asChild ? Slot : Text;
+  const titleElement = /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'dialog-title'
+    })),
+    children: children
+  });
   if (IconComponent) {
     return /*#__PURE__*/_jsxs(View, {
       className: "flex-row items-center gap-1",
@@ -168,51 +173,49 @@ const DialogTitle = /*#__PURE__*/forwardRef(({
         className: dialogTitleIconVariants({
           appearance
         })
-      }), /*#__PURE__*/_jsx(DialogPrimitive.Title, {
-        ref: ref,
-        className: computedClassName,
-        style: style,
-        ...props,
-        children: children
-      })]
+      }), titleElement]
     });
   }
-  return /*#__PURE__*/_jsx(DialogPrimitive.Title, {
-    ref: ref,
-    className: computedClassName,
-    style: style,
-    ...props,
-    children: children
-  });
+  return titleElement;
 });
 DialogTitle.displayName = 'Dialog.Title';
 
 // =============================================================================
-// STYLED DESCRIPTION
+// STYLED DESCRIPTION (styled-only sub-slot — reads dialog context for nativeID)
 // =============================================================================
 
 const DialogDescription = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   children,
   style,
   ...props
 }, ref) => {
+  const {
+    nativeID
+  } = useDialog();
   const computedClassName = cn(dialogDescriptionVariants(), className);
-  return /*#__PURE__*/_jsx(DialogPrimitive.Description, {
+  const Comp = asChild ? Slot : Text;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
+    nativeID: `${nativeID}-description`,
     className: computedClassName,
     style: style,
     ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'dialog-description'
+    })),
     children: children
   });
 });
 DialogDescription.displayName = 'Dialog.Description';
 
 // =============================================================================
-// STYLED CONTENT (wraps DialogPrimitive.Content)
+// STYLED CONTENT (styled-only sub-slot — reads variant context for fullBleed)
 // =============================================================================
 
 const DialogContent = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   children,
   style,
@@ -224,53 +227,67 @@ const DialogContent = /*#__PURE__*/forwardRef(({
   const computedClassName = cn(dialogContentVariants({
     fullBleed: fullBleed ?? false
   }), className);
-  return /*#__PURE__*/_jsx(DialogPrimitive.Content, {
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'dialog-content'
+    })),
     children: children
   });
 });
 DialogContent.displayName = 'Dialog.Content';
 
 // =============================================================================
-// STYLED TEXT
+// STYLED TEXT (convenience text styling, styled-only)
 // =============================================================================
 
 const DialogText = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   children,
   style,
   ...props
 }, ref) => {
   const computedClassName = cn(dialogTextVariants(), className);
-  return /*#__PURE__*/_jsx(Text, {
+  const Comp = asChild ? Slot : Text;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'dialog-text'
+    })),
     children: children
   });
 });
 DialogText.displayName = 'Dialog.Text';
 
 // =============================================================================
-// STYLED FOOTER
+// STYLED FOOTER (styled-only sub-slot)
 // =============================================================================
 
 const DialogFooter = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   children,
   style,
   ...props
 }, ref) => {
   const computedClassName = cn(dialogFooterVariants(), className);
-  return /*#__PURE__*/_jsx(DialogPrimitive.Footer, {
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'dialog-footer'
+    })),
     children: children
   });
 });
@@ -288,7 +305,7 @@ const DialogClose = /*#__PURE__*/forwardRef(({
   ...props
 }, ref) => {
   const computedClassName = cn(dialogCloseVariants(), className);
-  return /*#__PURE__*/_jsx(DialogPrimitive.Close, {
+  return /*#__PURE__*/_jsx(DialogClosePrimitive, {
     ref: ref,
     className: computedClassName,
     style: style,
@@ -296,6 +313,9 @@ const DialogClose = /*#__PURE__*/forwardRef(({
     accessibilityRole: "button",
     accessibilityLabel: accessibilityLabel,
     ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'dialog-close'
+    })),
     children: children ?? /*#__PURE__*/_jsx(Icon, {
       as: CloseIcon,
       className: dialogCloseIconVariants()