@cdx-ui/components 0.0.1-beta.8 → 0.0.1-beta.81

package/lib/commonjs/components/ListItem/index.js

@@ -65,23 +65,9 @@ var _utils = require("@cdx-ui/utils");
 var _styles = require("./styles");
 var _jsxRuntime = require("react/jsx-runtime");
 const SCOPE = 'LIST_ITEM';
-const RootView = (0, _utils.withStyleContext)(_reactNative.View, SCOPE);
-const RootPressable = (0, _utils.withStyleContext)(_reactNative.Pressable, SCOPE);
-const ListItemPrimitive = (0, _primitives.createListItem)({
-  View: RootView,
-  Pressable: RootPressable,
-  LeadingSlot: _reactNative.View,
-  Content: _reactNative.View,
-  Title: _reactNative.Text,
-  Description: _reactNative.Text,
-  Meta: _reactNative.Text,
-  TrailingSlot: _reactNative.View,
-  SectionHeader: _reactNative.View
-});
 const useListItemStyleContext = () => {
   const ctx = (0, _utils.useStyleContext)(SCOPE);
   return {
-    size: ctx?.size ?? 'default',
     crossAlign: ctx?.crossAlign ?? 'center'
   };
 };
@@ -92,34 +78,37 @@ const useListItemStyleContext = () => {
 
 const ListItemRoot = /*#__PURE__*/(0, _react.forwardRef)(({
   size = 'default',
-  surface = 'default',
   showSeparator = true,
-  crossAlign = 'center',
+  crossAlign: crossAlignProp = 'center',
   className,
   style,
   ...props
 }, ref) => {
+  const crossAlign = crossAlignProp ?? 'center';
+  const parent = (0, _utils.useParentContext)();
+  const ctx = (0, _react.useMemo)(() => ({
+    ...parent,
+    [SCOPE]: {
+      crossAlign
+    }
+  }), [parent, crossAlign]);
   const computedClassName = (0, _utils.cn)((0, _styles.listItemRootVariants)({
     size,
-    surface,
     showSeparator,
     crossAlign
   }), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemPrimitive, {
-    ref: ref,
-    className: computedClassName,
-    context: {
-      size,
-      surface,
-      showSeparator,
-      crossAlign
-    },
-    crossAlign: crossAlign,
-    showSeparator: showSeparator,
-    size: size,
-    style: style,
-    surface: surface,
-    ...props
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ListItemRoot, {
+      ref: ref,
+      className: computedClassName,
+      crossAlign: crossAlign,
+      style: style,
+      ...props,
+      ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+        slot: 'list-item'
+      }))
+    })
   });
 });
 ListItemRoot.displayName = 'ListItem';
@@ -128,18 +117,38 @@ ListItemRoot.displayName = 'ListItem';
 // SLOTS & TEXT
 // =============================================================================
 
+const leadingSlotStyle = {
+  flexShrink: 0
+};
 const ListItemLeadingSlot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   style,
+  'aria-hidden': ariaHidden,
   ...props
-}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemPrimitive.LeadingSlot, {
-  ref: ref,
-  className: (0, _utils.cn)((0, _styles.listItemLeadingSlotVariants)(), className),
-  style: style,
-  ...props
-}));
+}, ref) => {
+  const accessibilityElementsHidden = ariaHidden !== false;
+  const Comp = asChild ? _primitives.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    accessibilityElementsHidden: accessibilityElementsHidden,
+    "aria-hidden": ariaHidden ?? true,
+    className: (0, _utils.cn)((0, _styles.listItemLeadingSlotVariants)(), className),
+    style: [leadingSlotStyle, style],
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'list-item-leading'
+    }))
+  });
+});
 ListItemLeadingSlot.displayName = 'ListItem.LeadingSlot';
+const contentStyle = {
+  flex: 1,
+  flexDirection: 'column',
+  minWidth: 0
+};
 const ListItemContent = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   style,
   ...props
@@ -147,75 +156,80 @@ const ListItemContent = /*#__PURE__*/(0, _react.forwardRef)(({
   const {
     crossAlign
   } = useListItemStyleContext();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemPrimitive.Content, {
+  const Comp = asChild ? _primitives.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
     className: (0, _utils.cn)((0, _styles.listItemContentVariants)({
       crossAlign
     }), className),
-    style: style,
-    ...props
+    style: [contentStyle, style],
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'list-item-content'
+    }))
   });
 });
 ListItemContent.displayName = 'ListItem.Content';
 const ListItemTitle = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   numberOfLines = 1,
   style,
   ...props
 }, ref) => {
-  const {
-    size
-  } = useListItemStyleContext();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemPrimitive.Title, {
+  const Comp = asChild ? _primitives.Slot : _reactNative.Text;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
-    className: (0, _utils.cn)((0, _styles.listItemTitleVariants)({
-      size
-    }), className),
+    className: (0, _utils.cn)((0, _styles.listItemTitleVariants)(), className),
     numberOfLines: numberOfLines,
     style: style,
-    ...props
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'list-item-title'
+    }))
   });
 });
 ListItemTitle.displayName = 'ListItem.Title';
 const ListItemDescription = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   style,
   ...props
 }, ref) => {
-  const {
-    size
-  } = useListItemStyleContext();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemPrimitive.Description, {
+  const Comp = asChild ? _primitives.Slot : _reactNative.Text;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
-    className: (0, _utils.cn)((0, _styles.listItemDescriptionVariants)({
-      size
-    }), className),
+    className: (0, _utils.cn)((0, _styles.listItemDescriptionVariants)(), className),
     style: style,
-    ...props
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'list-item-description'
+    }))
   });
 });
 ListItemDescription.displayName = 'ListItem.Description';
 const ListItemMeta = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   numberOfLines = 1,
   style,
   ...props
 }, ref) => {
-  const {
-    size
-  } = useListItemStyleContext();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemPrimitive.Meta, {
+  const Comp = asChild ? _primitives.Slot : _reactNative.Text;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
-    className: (0, _utils.cn)((0, _styles.listItemMetaVariants)({
-      size
-    }), className),
+    className: (0, _utils.cn)((0, _styles.listItemMetaVariants)(), className),
     numberOfLines: numberOfLines,
     style: style,
-    ...props
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'list-item-meta'
+    }))
   });
 });
 ListItemMeta.displayName = 'ListItem.Meta';
 const ListItemTrailingSlot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   style,
   ...props
@@ -223,13 +237,19 @@ const ListItemTrailingSlot = /*#__PURE__*/(0, _react.forwardRef)(({
   const {
     crossAlign
   } = useListItemStyleContext();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemPrimitive.TrailingSlot, {
+  const Comp = asChild ? _primitives.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
     className: (0, _utils.cn)((0, _styles.listItemTrailingSlotVariants)({
       crossAlign
     }), className),
-    style: style,
-    ...props
+    style: [{
+      flexShrink: 0
+    }, style],
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'list-item-trailing'
+    }))
   });
 });
 ListItemTrailingSlot.displayName = 'ListItem.TrailingSlot';
@@ -247,24 +267,57 @@ const wrapSectionHeaderLabel = children => {
 // SECTION HEADER
 // =============================================================================
 
+// TODO: ListItem.SectionHeader doesn't follow composition patterns (composing text, trailing prop, etc).
+
+const sectionHeaderRow = {
+  flexDirection: 'row',
+  alignItems: 'center',
+  justifyContent: 'space-between',
+  gap: 8
+};
+const sectionHeaderLabelCell = {
+  flex: 1,
+  minWidth: 0,
+  /** Keeps the label column from stretching to a taller trailing sibling (e.g. Chip). */
+  alignSelf: 'center'
+};
+const sectionHeaderTrailingCell = {
+  flexShrink: 0,
+  /** Prevents the trailing slot from stretching vertically and “filling” the row. */
+  alignSelf: 'center'
+};
 const ListItemSectionHeader = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   children,
   className,
   showDivider = true,
   style,
   trailing,
+  accessibilityRole = 'header',
   ...props
-}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemPrimitive.SectionHeader, {
-  ref: ref,
-  className: (0, _utils.cn)((0, _styles.listItemSectionHeaderVariants)({
-    showDivider
-  }), className),
-  showDivider: showDivider,
-  style: style,
-  trailing: trailing,
-  ...props,
-  children: wrapSectionHeaderLabel(children)
-}));
+}, ref) => {
+  const Comp = asChild ? _primitives.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Comp, {
+    ref: ref,
+    accessibilityRole: accessibilityRole,
+    className: (0, _utils.cn)((0, _styles.listItemSectionHeaderVariants)({
+      showDivider
+    }), className),
+    style: [sectionHeaderRow, style],
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'list-section-header',
+      divider: showDivider
+    })),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: sectionHeaderLabelCell,
+      children: wrapSectionHeaderLabel(children)
+    }), trailing ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: sectionHeaderTrailingCell,
+      children: trailing
+    }) : null]
+  });
+});
 ListItemSectionHeader.displayName = 'ListItem.SectionHeader';
 
 // =============================================================================

package/lib/commonjs/components/ListItem/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","SCOPE","RootView","withStyleContext","View","RootPressable","Pressable","ListItemPrimitive","createListItem","LeadingSlot","Content","Title","Text","Description","Meta","TrailingSlot","SectionHeader","useListItemStyleContext","ctx","useStyleContext","size","crossAlign","ListItemRoot","forwardRef","surface","showSeparator","className","style","props","ref","computedClassName","cn","listItemRootVariants","jsx","context","displayName","ListItemLeadingSlot","listItemLeadingSlotVariants","ListItemContent","listItemContentVariants","ListItemTitle","numberOfLines","listItemTitleVariants","ListItemDescription","listItemDescriptionVariants","ListItemMeta","listItemMetaVariants","ListItemTrailingSlot","listItemTrailingSlotVariants","wrapSectionHeaderLabel","children","listItemSectionHeaderLabelVariants","ListItemSectionHeader","showDivider","trailing","listItemSectionHeaderVariants","ListItem","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/ListItem/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","SCOPE","useListItemStyleContext","ctx","useStyleContext","crossAlign","ListItemRoot","forwardRef","size","showSeparator","crossAlignProp","className","style","props","ref","parent","useParentContext","useMemo","computedClassName","cn","listItemRootVariants","jsx","ParentContext","Provider","value","children","mergeDataAttributes","dataAttributes","slot","displayName","leadingSlotStyle","flexShrink","ListItemLeadingSlot","asChild","ariaHidden","accessibilityElementsHidden","Comp","Slot","View","listItemLeadingSlotVariants","contentStyle","flex","flexDirection","minWidth","ListItemContent","listItemContentVariants","ListItemTitle","numberOfLines","Text","listItemTitleVariants","ListItemDescription","listItemDescriptionVariants","ListItemMeta","listItemMetaVariants","ListItemTrailingSlot","listItemTrailingSlotVariants","wrapSectionHeaderLabel","listItemSectionHeaderLabelVariants","sectionHeaderRow","alignItems","justifyContent","gap","sectionHeaderLabelCell","alignSelf","sectionHeaderTrailingCell","ListItemSectionHeader","showDivider","trailing","accessibilityRole","jsxs","listItemSectionHeaderVariants","divider","ListItem","exports","Object","assign","LeadingSlot","Content","Title","Description","Meta","TrailingSlot","SectionHeader"],"sourceRoot":"../../../../src","sources":["components/ListItem/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ListItem/styles.js

@@ -7,23 +7,33 @@ exports.listItemTrailingSlotVariants = exports.listItemTitleVariants = exports.l
 var _reactNative = require("react-native");
 var _classVarianceAuthority = require("class-variance-authority");
 var _primitives = require("../../styles/primitives");
-// ── Root (row): density, surface, separator, interactive feedback ──────────
+// ── Root (row): density, separator, interactive feedback ───────────────────
+//
+// Web hover/active/focus paint an absolutely positioned bg-content-primary overlay at
+// --opacity-hover (8%) / --opacity-hover-overlay (20%) / --opacity-selected (12%), plus a focus
+// ring on focus-visible. State is driven by the data attributes the primitive root emits
+// (data-hover / data-active / data-focus-visible) — or by the composed child on `asChild`
+// (e.g. Link emits the same attributes). Native active uses a flat tint because ::before
+// pseudo-elements are web-only.
+//
+// TODO: Handle native background color hover/focus transitions
 
-const listItemRootVariants = exports.listItemRootVariants = (0, _classVarianceAuthority.cva)(['flex-row self-stretch w-full px-4', 'data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none', 'data-[active=true]:opacity-70', _primitives.TRANSITION_COLORS, _reactNative.Platform.select({
-  web: ['outline-none', 'web:data-[hovered=true]:bg-slate-50', 'web:focus-visible:data-[disabled=false]:bg-slate-50', 'web:focus-visible:data-[disabled=false]:ring-2 web:focus-visible:data-[disabled=false]:ring-slate-400/40 web:focus-visible:data-[disabled=false]:ring-offset-2'].join(' '),
-  default: ''
+const listItemRootVariants = exports.listItemRootVariants = (0, _classVarianceAuthority.cva)(['relative flex-row self-stretch w-full overflow-clip px-5 bg-transparent', 'data-[disabled=true]:opacity-[var(--opacity-disabled)] data-[disabled=true]:pointer-events-none', _primitives.TRANSITION_COLORS, _reactNative.Platform.select({
+  web: ['outline-none', 'before:pointer-events-none before:absolute before:inset-0 before:bg-content-primary before:opacity-0 before:content-[""]', 'before:transition-opacity before:duration-150 before:ease-out', 'data-[hover=true]:before:opacity-[var(--opacity-hover)]',
+  // Pressed wins over hover via the compound selector (higher specificity), mirroring Button.
+  'data-[active=true]:data-[hover=true]:before:opacity-[var(--opacity-hover-overlay)]', 'data-[focus-visible=true]:before:opacity-[var(--opacity-selected)]', 'data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-stroke-focus data-[focus-visible=true]:ring-offset-2'].join(' '),
+  default: 'data-[active=true]:bg-surface-primary-hover'
 })], {
   variants: {
     size: {
-      default: 'gap-3 py-4',
-      compact: 'gap-2 py-3'
-    },
-    surface: {
-      default: 'bg-white',
-      negative: 'bg-red-50'
+      default: 'gap-3 py-3 min-h-16',
+      compact: 'gap-3 py-2 min-h-12'
     },
     showSeparator: {
-      true: ['border-b border-solid', _primitives.COLOR_BORDER_DEFAULT],
+      true: ['border-b border-solid border-stroke-secondary', _reactNative.Platform.select({
+        web: 'before:-bottom-px',
+        default: ''
+      })].join(' '),
       false: 'border-b-0'
     },
     crossAlign: {
@@ -31,16 +41,8 @@ const listItemRootVariants = exports.listItemRootVariants = (0, _classVarianceAu
       start: 'items-start'
     }
   },
-  compoundVariants: [{
-    surface: 'negative',
-    className: _reactNative.Platform.select({
-      web: 'web:data-[hovered=true]:bg-red-100/90',
-      default: ''
-    })
-  }],
   defaultVariants: {
     size: 'default',
-    surface: 'default',
     showSeparator: true,
     crossAlign: 'center'
   }
@@ -48,8 +50,8 @@ const listItemRootVariants = exports.listItemRootVariants = (0, _classVarianceAu
 
 // ── Leading / trailing slots ─────────────────────────────────────────────────
 
-const listItemLeadingSlotVariants = exports.listItemLeadingSlotVariants = (0, _classVarianceAuthority.cva)(['flex shrink-0 items-center justify-center']);
-const listItemTrailingSlotVariants = exports.listItemTrailingSlotVariants = (0, _classVarianceAuthority.cva)(['flex shrink-0 flex-row justify-end gap-2'], {
+const listItemLeadingSlotVariants = exports.listItemLeadingSlotVariants = (0, _classVarianceAuthority.cva)(['relative z-10 flex shrink-0 items-center justify-center']);
+const listItemTrailingSlotVariants = exports.listItemTrailingSlotVariants = (0, _classVarianceAuthority.cva)(['relative z-10 flex shrink-0 flex-row justify-end gap-2'], {
   variants: {
     crossAlign: {
       center: 'items-center',
@@ -63,7 +65,7 @@ const listItemTrailingSlotVariants = exports.listItemTrailingSlotVariants = (0,
 
 // ── Content stack (title / description / meta) ───────────────────────────────
 
-const listItemContentVariants = exports.listItemContentVariants = (0, _classVarianceAuthority.cva)(['flex min-w-0 flex-1 flex-col gap-1'], {
+const listItemContentVariants = exports.listItemContentVariants = (0, _classVarianceAuthority.cva)('relative z-10 flex min-w-0 flex-1 flex-col gap-1', {
   variants: {
     crossAlign: {
       center: 'justify-center',
@@ -77,43 +79,13 @@ const listItemContentVariants = exports.listItemContentVariants = (0, _classVari
 
 // ── Typography ───────────────────────────────────────────────────────────────
 
-const listItemTitleVariants = exports.listItemTitleVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_PRIMARY, 'font-medium'], {
-  variants: {
-    size: {
-      default: 'text-base leading-snug',
-      compact: 'text-sm leading-snug'
-    }
-  },
-  defaultVariants: {
-    size: 'default'
-  }
-});
-const listItemDescriptionVariants = exports.listItemDescriptionVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_SECONDARY], {
-  variants: {
-    size: {
-      default: 'text-sm leading-normal',
-      compact: 'text-xs leading-normal'
-    }
-  },
-  defaultVariants: {
-    size: 'default'
-  }
-});
-const listItemMetaVariants = exports.listItemMetaVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_MUTED], {
-  variants: {
-    size: {
-      default: 'text-xs leading-normal',
-      compact: 'text-[11px] leading-normal'
-    }
-  },
-  defaultVariants: {
-    size: 'default'
-  }
-});
+const listItemTitleVariants = exports.listItemTitleVariants = (0, _classVarianceAuthority.cva)('body-md font-medium text-content-primary');
+const listItemDescriptionVariants = exports.listItemDescriptionVariants = (0, _classVarianceAuthority.cva)('body-sm text-content-secondary');
+const listItemMetaVariants = exports.listItemMetaVariants = (0, _classVarianceAuthority.cva)('body-sm text-content-tertiary');
 
 // ── Section header (group label row inside lists / cards) ───────────────────
 
-const listItemSectionHeaderVariants = exports.listItemSectionHeaderVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-between gap-2 border-b border-solid px-4 py-3', _primitives.COLOR_BORDER_DEFAULT], {
+const listItemSectionHeaderVariants = exports.listItemSectionHeaderVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-between gap-2 border-b border-solid px-4 py-3', 'border-stroke-secondary'], {
   variants: {
     showDivider: {
       true: ['border-t-4 border-solid border-t-surface-brand-strong/40', 'border-x-0'],
@@ -126,5 +98,5 @@ const listItemSectionHeaderVariants = exports.listItemSectionHeaderVariants = (0
 });
 
 /** Default section-title typography; applied by `ListItem.SectionHeader` for string/number children. Exported for rare custom composition. */
-const listItemSectionHeaderLabelVariants = exports.listItemSectionHeaderLabelVariants = (0, _classVarianceAuthority.cva)(['text-xs font-semibold uppercase tracking-wide', _primitives.COLOR_TEXT_SECONDARY]);
+const listItemSectionHeaderLabelVariants = exports.listItemSectionHeaderLabelVariants = (0, _classVarianceAuthority.cva)('text-xs font-semibold uppercase tracking-wide text-content-secondary');
 //# sourceMappingURL=styles.js.map

package/lib/commonjs/components/ListItem/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","listItemRootVariants","exports","cva","TRANSITION_COLORS","Platform","select","web","join","default","variants","size","compact","surface","negative","showSeparator","true","COLOR_BORDER_DEFAULT","false","crossAlign","center","start","compoundVariants","className","defaultVariants","listItemLeadingSlotVariants","listItemTrailingSlotVariants","listItemContentVariants","listItemTitleVariants","COLOR_TEXT_PRIMARY","listItemDescriptionVariants","COLOR_TEXT_SECONDARY","listItemMetaVariants","COLOR_TEXT_MUTED","listItemSectionHeaderVariants","showDivider","listItemSectionHeaderLabelVariants"],"sourceRoot":"../../../../src","sources":["components/ListItem/styles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","listItemRootVariants","exports","cva","TRANSITION_COLORS","Platform","select","web","join","default","variants","size","compact","showSeparator","true","false","crossAlign","center","start","defaultVariants","listItemLeadingSlotVariants","listItemTrailingSlotVariants","listItemContentVariants","listItemTitleVariants","listItemDescriptionVariants","listItemMetaVariants","listItemSectionHeaderVariants","showDivider","listItemSectionHeaderLabelVariants"],"sourceRoot":"../../../../src","sources":["components/ListItem/styles.ts"],"mappings":"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","ignoreList":[]}