@cdx-ui/components 0.0.1-alpha.9 → 0.0.1-beta.10

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

@@ -5,58 +5,45 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.inputSlotVariants = exports.inputRootVariants = exports.inputIconVariants = exports.inputFieldVariants = exports.inputFieldPlaceholderVariants = void 0;
 var _classVarianceAuthority = require("class-variance-authority");
-const inputRootVariants = exports.inputRootVariants = (0, _classVarianceAuthority.cva)(['w-full flex-row items-center', 'border border-neutral-border-strong bg-neutral-surface shadow-sm', 'data-[disabled=true]:opacity-60 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:bg-interactive-disabled-background data-[disabled=true]:border-interactive-disabled', 'data-[focus=true]:border-interactive-focus', 'data-[invalid=true]:border-red-500'], {
+var _primitives = require("../../styles/primitives");
+const inputRootVariants = exports.inputRootVariants = (0, _classVarianceAuthority.cva)(['w-full flex-row items-stretch overflow-hidden', 'bg-surface-primary', 'border-solid border-[length:var(--border-width-default)] border-stroke-primary', 'rounded-[var(--border-radius-default)]', _primitives.TRANSITION_COLORS, 'data-[disabled=true]:bg-surface-secondary', 'data-[disabled=true]:opacity-[--opacity-disabled]', _primitives.DISABLED_CURSOR, 'data-[readonly=true]:cursor-default', 'data-[readonly=true]:bg-surface-secondary', 'web:data-[hover=true]:data-[focus=false]:data-[invalid=false]:border-stroke-hover', 'data-[focus=true]:border-[length:var(--border-width-focused)]', 'data-[focus=true]:border-stroke-action', 'data-[invalid=true]:border-stroke-danger'], {
   variants: {
     variant: {
-      outline: ['rounded-md px-3', 'web:focus-within:border-interactive-focus web:focus-within:ring-3 web:focus-within:ring-blue-300/50', 'web:data-[invalid=true]:focus-within:border-red-500 web:data-[invalid=true]:focus-within:ring-red-300/50'],
-      underlined: 'rounded-none border-t-0 border-l-0 border-r-0 border-b-neutral-border data-[focus=true]:border-b-interactive-focus shadow-none'
+      outline: []
     },
     size: {
-      sm: 'h-9 py-1',
-      md: 'h-11 py-1.5',
-      lg: 'h-12 py-2'
+      // TODO: Find a cleaner approach to preventing layout shift when focus border is applied.
+      default: ['h-10 px-4 py-2 gap-2', 'data-[focus=true]:px-[15px] data-[focus=true]:py-[7px]'],
+      small: ['h-8 px-3 py-1.5 gap-1.5', 'data-[focus=true]:px-[11px] data-[focus=true]:py-[5px]']
     }
   },
   defaultVariants: {
     variant: 'outline',
-    size: 'md'
+    size: 'default'
   }
 });
-const inputFieldVariants = exports.inputFieldVariants = (0, _classVarianceAuthority.cva)(['flex-1 bg-transparent text-neutral-text-primary', 'placeholder:text-neutral-placeholder', 'web:outline-none'], {
+const inputFieldVariants = exports.inputFieldVariants = (0, _classVarianceAuthority.cva)(['flex-1 justify-center bg-transparent p-0', 'font-body text-content-primary', 'placeholder:text-content-tertiary', 'web:outline-none', 'tracking-normal'], {
   variants: {
     size: {
-      sm: 'text-sm leading-none',
-      md: 'text-base leading-none',
-      lg: 'text-lg leading-none'
+      default: 'text-[0.875rem]',
+      small: 'text-[0.75rem]'
     }
   },
   defaultVariants: {
-    size: 'sm'
+    size: 'default'
   }
 });
-const inputSlotVariants = exports.inputSlotVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center'], {
+const inputSlotVariants = exports.inputSlotVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center self-center']);
+const inputIconVariants = exports.inputIconVariants = (0, _classVarianceAuthority.cva)(['text-content-tertiary'], {
   variants: {
     size: {
-      sm: 'h-4 w-4',
-      md: 'h-5 w-5',
-      lg: 'h-6 w-6'
+      default: 'size-5',
+      small: 'size-4'
     }
   },
   defaultVariants: {
-    size: 'sm'
+    size: 'default'
   }
 });
-const inputIconVariants = exports.inputIconVariants = (0, _classVarianceAuthority.cva)(['text-neutral-text-tertiary'], {
-  variants: {
-    size: {
-      sm: 'h-4 w-4',
-      md: 'h-5 w-5',
-      lg: 'h-5 w-5'
-    }
-  },
-  defaultVariants: {
-    size: 'sm'
-  }
-});
-const inputFieldPlaceholderVariants = exports.inputFieldPlaceholderVariants = (0, _classVarianceAuthority.cva)(['accent-neutral-placeholder']);
+const inputFieldPlaceholderVariants = exports.inputFieldPlaceholderVariants = (0, _classVarianceAuthority.cva)(['accent-content-tertiary']);
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_classVarianceAuthority","require","inputRootVariants","exports","cva","variants","variant","outline","underlined","size","sm","md","lg","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAClC,CACE,8BAA8B,EAC9B,kEAAkE,EAClE,kLAAkL,EAClL,4CAA4C,EAC5C,oCAAoC,CACrC,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE,CACP,iBAAiB,EACjB,qGAAqG,EACrG,0GAA0G,CAC3G;MACDC,UAAU,EACR;IACJ,CAAC;IACDC,IAAI,EAAE;MACJC,EAAE,EAAE,UAAU;MACdC,EAAE,EAAE,aAAa;MACjBC,EAAE,EAAE;IACN;EACF,CAAC;EACDC,eAAe,EAAE;IACfP,OAAO,EAAE,SAAS;IAClBG,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMK,kBAAkB,GAAAX,OAAA,CAAAW,kBAAA,GAAG,IAAAV,2BAAG,EACnC,CACE,iDAAiD,EACjD,sCAAsC,EACtC,kBAAkB,CACnB,EACD;EACEC,QAAQ,EAAE;IACRI,IAAI,EAAE;MACJC,EAAE,EAAE,sBAAsB;MAC1BC,EAAE,EAAE,wBAAwB;MAC5BC,EAAE,EAAE;IACN;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMM,iBAAiB,GAAAZ,OAAA,CAAAY,iBAAA,GAAG,IAAAX,2BAAG,EAAC,CAAC,6BAA6B,CAAC,EAAE;EACpEC,QAAQ,EAAE;IACRI,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACN;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMO,iBAAiB,GAAAb,OAAA,CAAAa,iBAAA,GAAG,IAAAZ,2BAAG,EAAC,CAAC,4BAA4B,CAAC,EAAE;EACnEC,QAAQ,EAAE;IACRI,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACN;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMQ,6BAA6B,GAAAd,OAAA,CAAAc,6BAAA,GAAG,IAAAb,2BAAG,EAAC,CAAC,4BAA4B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_classVarianceAuthority","require","_primitives","inputRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","outline","size","default","small","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAClC,CACE,+CAA+C,EAC/C,oBAAoB,EACpB,gFAAgF,EAChF,wCAAwC,EACxCC,6BAAiB,EACjB,2CAA2C,EAC3C,mDAAmD,EACnDC,2BAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF,EACnF,+DAA+D,EAC/D,wCAAwC,EACxC,0CAA0C,CAC3C,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJ;MACAC,OAAO,EAAE,CAAC,sBAAsB,EAAE,wDAAwD,CAAC;MAC3FC,KAAK,EAAE,CACL,yBAAyB,EACzB,wDAAwD;IAE5D;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMI,kBAAkB,GAAAX,OAAA,CAAAW,kBAAA,GAAG,IAAAV,2BAAG,EACnC,CACE,0CAA0C,EAC1C,gCAAgC,EAChC,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,iBAAiB;MAC1BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMK,iBAAiB,GAAAZ,OAAA,CAAAY,iBAAA,GAAG,IAAAX,2BAAG,EAAC,CAAC,yCAAyC,CAAC,CAAC;AAE1E,MAAMY,iBAAiB,GAAAb,OAAA,CAAAa,iBAAA,GAAG,IAAAZ,2BAAG,EAAC,CAAC,uBAAuB,CAAC,EAAE;EAC9DG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMO,6BAA6B,GAAAd,OAAA,CAAAc,6BAAA,GAAG,IAAAb,2BAAG,EAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Link = void 0;
+Object.defineProperty(exports, "LinkProvider", {
+  enumerable: true,
+  get: function () {
+    return _primitives.LinkProvider;
+  }
+});
+var _react = require("react");
+var _reactNative = require("react-native");
+var _primitives = require("@cdx-ui/primitives");
+var _utils = require("@cdx-ui/utils");
+var _Icon = require("../Icon");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const LinkPrimitive = (0, _primitives.createLink)({
+  Root: _reactNative.Pressable
+});
+
+// =============================================================================
+// STYLED ROOT COMPONENT
+// =============================================================================
+
+const LinkRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const rootClassName = (0, _utils.cn)((0, _styles.linkRootVariants)(), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkPrimitive, {
+    ref: ref,
+    className: rootClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+LinkRoot.displayName = 'Link';
+
+// =============================================================================
+// STYLED LABEL COMPONENT
+// =============================================================================
+
+const LinkLabel = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.linkLabelVariants)(), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+LinkLabel.displayName = 'Link.Label';
+
+// =============================================================================
+// STYLED ICON COMPONENT
+// =============================================================================
+
+const LinkIcon = ({
+  className,
+  style,
+  as,
+  ...props
+}) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.linkIconVariants)(), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+    as: as,
+    className: computedClassName,
+    style: style,
+    ...props
+  });
+};
+LinkIcon.displayName = 'Link.Icon';
+
+// =============================================================================
+// COMPOUND COMPONENT EXPORT
+// =============================================================================
+
+const Link = exports.Link = Object.assign(LinkRoot, {
+  Label: LinkLabel,
+  Icon: LinkIcon
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_styles","_jsxRuntime","LinkPrimitive","createLink","Root","Pressable","LinkRoot","forwardRef","className","children","style","props","ref","rootClassName","cn","linkRootVariants","jsx","displayName","LinkLabel","computedClassName","linkLabelVariants","Text","LinkIcon","as","linkIconVariants","Icon","Link","exports","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Link/index.tsx"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAAiF,IAAAM,WAAA,GAAAN,OAAA;AAIjF,MAAMO,aAAa,GAAG,IAAAC,sBAAU,EAAC;EAC/BC,IAAI,EAAEC;AACR,CAAC,CAAC;;AAEF;AACA;AACA;;AAMA,MAAMC,QAAQ,gBAAG,IAAAC,iBAAU,EAAkB,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC9F,MAAMC,aAAa,GAAG,IAAAC,SAAE,EAAC,IAAAC,wBAAgB,EAAC,CAAC,EAAEP,SAAS,CAAC;EAEvD,oBACE,IAAAP,WAAA,CAAAe,GAAA,EAACd,aAAa;IAACU,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEK,aAAc;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EACvEA;EAAQ,CACI,CAAC;AAEpB,CAAC,CAAC;AAEFH,QAAQ,CAACW,WAAW,GAAG,MAAM;;AAE7B;AACA;AACA;;AAOA,MAAMC,SAAS,gBAAG,IAAAX,iBAAU,EAC1B,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAMO,iBAAiB,GAAG,IAAAL,SAAE,EAAC,IAAAM,yBAAiB,EAAC,CAAC,EAAEZ,SAAS,CAAC;EAE5D,oBACE,IAAAP,WAAA,CAAAe,GAAA,EAACpB,YAAA,CAAAyB,IAAM;IAACT,GAAG,EAAEA,GAAI;IAACJ,SAAS,EAAEW,iBAAkB;IAACT,KAAK,EAAEA,KAAM;IAAA,GAAKC,KAAK;IAAAF,QAAA,EACpEA;EAAQ,CACH,CAAC;AAEb,CACF,CAAC;AAEDS,SAAS,CAACD,WAAW,GAAG,YAAY;;AAEpC;AACA;AACA;;AAIA,MAAMK,QAAQ,GAAGA,CAAC;EAAEd,SAAS;EAAEE,KAAK;EAAEa,EAAE;EAAE,GAAGZ;AAAqB,CAAC,KAAK;EACtE,MAAMQ,iBAAiB,GAAG,IAAAL,SAAE,EAAC,IAAAU,wBAAgB,EAAC,CAAC,EAAEhB,SAAS,CAAC;EAE3D,oBAAO,IAAAP,WAAA,CAAAe,GAAA,EAACjB,KAAA,CAAA0B,IAAI;IAACF,EAAE,EAAEA,EAAG;IAACf,SAAS,EAAEW,iBAAkB;IAACT,KAAK,EAAEA,KAAM;IAAA,GAAKC;EAAK,CAAG,CAAC;AAChF,CAAC;AAEDW,QAAQ,CAACL,WAAW,GAAG,WAAW;;AAElC;AACA;AACA;;AAOO,MAAMS,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAGE,MAAM,CAACC,MAAM,CAACvB,QAAQ,EAAE;EAC1CwB,KAAK,EAAEZ,SAAS;EAChBO,IAAI,EAAEH;AACR,CAAC,CAA0B","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.linkRootVariants = exports.linkLabelVariants = exports.linkIconVariants = void 0;
+var _classVarianceAuthority = require("class-variance-authority");
+var _primitives = require("../../styles/primitives");
+// TODO: Handle visited state
+
+const linkRootVariants = exports.linkRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center gap-1', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', _primitives.TRANSITION_COLORS, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-stroke-focus web:data-[focus-visible=true]:ring-offset-2']);
+const linkLabelVariants = exports.linkLabelVariants = (0, _classVarianceAuthority.cva)(['text-content-link', 'body-md', 'underline underline-offset-4']);
+const linkIconVariants = exports.linkIconVariants = (0, _classVarianceAuthority.cva)(['text-content-link', 'size-4']);
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_classVarianceAuthority","require","_primitives","linkRootVariants","exports","cva","TRANSITION_COLORS","linkLabelVariants","linkIconVariants"],"sourceRoot":"../../../../src","sources":["components/Link/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEA;;AAEO,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EAAC,CAClC,6BAA6B,EAC7B,wEAAwE,EACxEC,6BAAiB,EACjB,kIAAkI,CACnI,CAAC;AAEK,MAAMC,iBAAiB,GAAAH,OAAA,CAAAG,iBAAA,GAAG,IAAAF,2BAAG,EAAC,CACnC,mBAAmB,EACnB,SAAS,EACT,8BAA8B,CAC/B,CAAC;AAEK,MAAMG,gBAAgB,GAAAJ,OAAA,CAAAI,gBAAA,GAAG,IAAAH,2BAAG,EAAC,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,283 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListItem = void 0;
+Object.defineProperty(exports, "listItemContentVariants", {
+  enumerable: true,
+  get: function () {
+    return _styles.listItemContentVariants;
+  }
+});
+Object.defineProperty(exports, "listItemDescriptionVariants", {
+  enumerable: true,
+  get: function () {
+    return _styles.listItemDescriptionVariants;
+  }
+});
+Object.defineProperty(exports, "listItemLeadingSlotVariants", {
+  enumerable: true,
+  get: function () {
+    return _styles.listItemLeadingSlotVariants;
+  }
+});
+Object.defineProperty(exports, "listItemMetaVariants", {
+  enumerable: true,
+  get: function () {
+    return _styles.listItemMetaVariants;
+  }
+});
+Object.defineProperty(exports, "listItemRootVariants", {
+  enumerable: true,
+  get: function () {
+    return _styles.listItemRootVariants;
+  }
+});
+Object.defineProperty(exports, "listItemSectionHeaderLabelVariants", {
+  enumerable: true,
+  get: function () {
+    return _styles.listItemSectionHeaderLabelVariants;
+  }
+});
+Object.defineProperty(exports, "listItemSectionHeaderVariants", {
+  enumerable: true,
+  get: function () {
+    return _styles.listItemSectionHeaderVariants;
+  }
+});
+Object.defineProperty(exports, "listItemTitleVariants", {
+  enumerable: true,
+  get: function () {
+    return _styles.listItemTitleVariants;
+  }
+});
+Object.defineProperty(exports, "listItemTrailingSlotVariants", {
+  enumerable: true,
+  get: function () {
+    return _styles.listItemTrailingSlotVariants;
+  }
+});
+var _react = require("react");
+var _reactNative = require("react-native");
+var _primitives = require("@cdx-ui/primitives");
+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'
+  };
+};
+
+// =============================================================================
+// ROOT
+// =============================================================================
+
+const ListItemRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  size = 'default',
+  surface = 'default',
+  showSeparator = true,
+  crossAlign = 'center',
+  className,
+  style,
+  ...props
+}, ref) => {
+  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
+  });
+});
+ListItemRoot.displayName = 'ListItem';
+
+// =============================================================================
+// SLOTS & TEXT
+// =============================================================================
+
+const ListItemLeadingSlot = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemPrimitive.LeadingSlot, {
+  ref: ref,
+  className: (0, _utils.cn)((0, _styles.listItemLeadingSlotVariants)(), className),
+  style: style,
+  ...props
+}));
+ListItemLeadingSlot.displayName = 'ListItem.LeadingSlot';
+const ListItemContent = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    crossAlign
+  } = useListItemStyleContext();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemPrimitive.Content, {
+    ref: ref,
+    className: (0, _utils.cn)((0, _styles.listItemContentVariants)({
+      crossAlign
+    }), className),
+    style: style,
+    ...props
+  });
+});
+ListItemContent.displayName = 'ListItem.Content';
+const ListItemTitle = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  numberOfLines = 1,
+  style,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useListItemStyleContext();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemPrimitive.Title, {
+    ref: ref,
+    className: (0, _utils.cn)((0, _styles.listItemTitleVariants)({
+      size
+    }), className),
+    numberOfLines: numberOfLines,
+    style: style,
+    ...props
+  });
+});
+ListItemTitle.displayName = 'ListItem.Title';
+const ListItemDescription = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useListItemStyleContext();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemPrimitive.Description, {
+    ref: ref,
+    className: (0, _utils.cn)((0, _styles.listItemDescriptionVariants)({
+      size
+    }), className),
+    style: style,
+    ...props
+  });
+});
+ListItemDescription.displayName = 'ListItem.Description';
+const ListItemMeta = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  numberOfLines = 1,
+  style,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useListItemStyleContext();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemPrimitive.Meta, {
+    ref: ref,
+    className: (0, _utils.cn)((0, _styles.listItemMetaVariants)({
+      size
+    }), className),
+    numberOfLines: numberOfLines,
+    style: style,
+    ...props
+  });
+});
+ListItemMeta.displayName = 'ListItem.Meta';
+const ListItemTrailingSlot = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    crossAlign
+  } = useListItemStyleContext();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemPrimitive.TrailingSlot, {
+    ref: ref,
+    className: (0, _utils.cn)((0, _styles.listItemTrailingSlotVariants)({
+      crossAlign
+    }), className),
+    style: style,
+    ...props
+  });
+});
+ListItemTrailingSlot.displayName = 'ListItem.TrailingSlot';
+const wrapSectionHeaderLabel = children => {
+  if (typeof children === 'string' || typeof children === 'number') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      className: (0, _utils.cn)((0, _styles.listItemSectionHeaderLabelVariants)()),
+      children: children
+    });
+  }
+  return children;
+};
+
+// =============================================================================
+// SECTION HEADER
+// =============================================================================
+
+const ListItemSectionHeader = /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  className,
+  showDivider = true,
+  style,
+  trailing,
+  ...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)
+}));
+ListItemSectionHeader.displayName = 'ListItem.SectionHeader';
+
+// =============================================================================
+// COMPOUND EXPORT
+// =============================================================================
+
+const ListItem = exports.ListItem = Object.assign(ListItemRoot, {
+  LeadingSlot: ListItemLeadingSlot,
+  Content: ListItemContent,
+  Title: ListItemTitle,
+  Description: ListItemDescription,
+  Meta: ListItemMeta,
+  TrailingSlot: ListItemTrailingSlot,
+  SectionHeader: ListItemSectionHeader
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAOA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAWkB,IAAAK,WAAA,GAAAL,OAAA;AAElB,MAAMM,KAAK,GAAG,WAAW;AAEzB,MAAMC,QAAQ,GAAG,IAAAC,uBAAgB,EAACC,iBAAI,EAAEH,KAAK,CAAC;AAC9C,MAAMI,aAAa,GAAG,IAAAF,uBAAgB,EAACG,sBAAS,EAAEL,KAAK,CAAC;AAExD,MAAMM,iBAAiB,GAAG,IAAAC,0BAAc,EAAC;EACvCJ,IAAI,EAAEF,QAAQ;EACdI,SAAS,EAAED,aAAa;EACxBI,WAAW,EAAEL,iBAAI;EACjBM,OAAO,EAAEN,iBAAI;EACbO,KAAK,EAAEC,iBAAI;EACXC,WAAW,EAAED,iBAAI;EACjBE,IAAI,EAAEF,iBAAI;EACVG,YAAY,EAAEX,iBAAI;EAClBY,aAAa,EAAEZ;AACjB,CAAC,CAAC;AAEF,MAAMa,uBAAuB,GAAGA,CAAA,KAAyD;EACvF,MAAMC,GAAG,GAAG,IAAAC,sBAAe,EAAClB,KAAK,CAAqC;EACtE,OAAO;IAAEmB,IAAI,EAAEF,GAAG,EAAEE,IAAI,IAAI,SAAS;IAAEC,UAAU,EAAEH,GAAG,EAAEG,UAAU,IAAI;EAAS,CAAC;AAClF,CAAC;;AAED;AACA;AACA;;AAMA,MAAMC,YAAY,gBAAG,IAAAC,iBAAU,EAC7B,CACE;EACEH,IAAI,GAAG,SAAS;EAChBI,OAAO,GAAG,SAAS;EACnBC,aAAa,GAAG,IAAI;EACpBJ,UAAU,GAAG,QAAQ;EACrBK,SAAS;EACTC,KAAK;EACL,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,iBAAiB,GAAG,IAAAC,SAAE,EAC1B,IAAAC,4BAAoB,EAAC;IAAEZ,IAAI;IAAEI,OAAO;IAAEC,aAAa;IAAEJ;EAAW,CAAC,CAAC,EAClEK,SACF,CAAC;EAED,oBACE,IAAA1B,WAAA,CAAAiC,GAAA,EAAC1B,iBAAiB;IAChBsB,GAAG,EAAEA,GAAa;IAClBH,SAAS,EAAEI,iBAAkB;IAC7BI,OAAO,EAAE;MAAEd,IAAI;MAAEI,OAAO;MAAEC,aAAa;MAAEJ;IAAW,CAAE;IACtDA,UAAU,EAAEA,UAAW;IACvBI,aAAa,EAAEA,aAAc;IAC7BL,IAAI,EAAEA,IAAK;IACXO,KAAK,EAAEA,KAAM;IACbH,OAAO,EAAEA,OAAQ;IAAA,GACbI;EAAK,CACV,CAAC;AAEN,CACF,CAAC;AAEDN,YAAY,CAACa,WAAW,GAAG,UAAU;;AAErC;AACA;AACA;;AAMA,MAAMC,mBAAmB,gBAAG,IAAAb,iBAAU,EACpC,CAAC;EAAEG,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAClC,IAAA7B,WAAA,CAAAiC,GAAA,EAAC1B,iBAAiB,CAACE,WAAW;EAC5BoB,GAAG,EAAEA,GAAa;EAClBH,SAAS,EAAE,IAAAK,SAAE,EAAC,IAAAM,mCAA2B,EAAC,CAAC,EAAEX,SAAS,CAAE;EACxDC,KAAK,EAAEA,KAAM;EAAA,GACTC;AAAK,CACV,CAEL,CAAC;AAEDQ,mBAAmB,CAACD,WAAW,GAAG,sBAAsB;AAMxD,MAAMG,eAAe,gBAAG,IAAAf,iBAAU,EAChC,CAAC;EAAEG,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvC,MAAM;IAAER;EAAW,CAAC,GAAGJ,uBAAuB,CAAC,CAAC;EAEhD,oBACE,IAAAjB,WAAA,CAAAiC,GAAA,EAAC1B,iBAAiB,CAACG,OAAO;IACxBmB,GAAG,EAAEA,GAAa;IAClBH,SAAS,EAAE,IAAAK,SAAE,EAAC,IAAAQ,+BAAuB,EAAC;MAAElB;IAAW,CAAC,CAAC,EAAEK,SAAS,CAAE;IAClEC,KAAK,EAAEA,KAAM;IAAA,GACTC;EAAK,CACV,CAAC;AAEN,CACF,CAAC;AAEDU,eAAe,CAACH,WAAW,GAAG,kBAAkB;AAMhD,MAAMK,aAAa,gBAAG,IAAAjB,iBAAU,EAC9B,CAAC;EAAEG,SAAS;EAAEe,aAAa,GAAG,CAAC;EAAEd,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1D,MAAM;IAAET;EAAK,CAAC,GAAGH,uBAAuB,CAAC,CAAC;EAE1C,oBACE,IAAAjB,WAAA,CAAAiC,GAAA,EAAC1B,iBAAiB,CAACI,KAAK;IACtBkB,GAAG,EAAEA,GAAa;IAClBH,SAAS,EAAE,IAAAK,SAAE,EAAC,IAAAW,6BAAqB,EAAC;MAAEtB;IAAK,CAAC,CAAC,EAAEM,SAAS,CAAE;IAC1De,aAAa,EAAEA,aAAc;IAC7Bd,KAAK,EAAEA,KAAM;IAAA,GACTC;EAAK,CACV,CAAC;AAEN,CACF,CAAC;AAEDY,aAAa,CAACL,WAAW,GAAG,gBAAgB;AAM5C,MAAMQ,mBAAmB,gBAAG,IAAApB,iBAAU,EACpC,CAAC;EAAEG,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvC,MAAM;IAAET;EAAK,CAAC,GAAGH,uBAAuB,CAAC,CAAC;EAE1C,oBACE,IAAAjB,WAAA,CAAAiC,GAAA,EAAC1B,iBAAiB,CAACM,WAAW;IAC5BgB,GAAG,EAAEA,GAAa;IAClBH,SAAS,EAAE,IAAAK,SAAE,EAAC,IAAAa,mCAA2B,EAAC;MAAExB;IAAK,CAAC,CAAC,EAAEM,SAAS,CAAE;IAChEC,KAAK,EAAEA,KAAM;IAAA,GACTC;EAAK,CACV,CAAC;AAEN,CACF,CAAC;AAEDe,mBAAmB,CAACR,WAAW,GAAG,sBAAsB;AAMxD,MAAMU,YAAY,gBAAG,IAAAtB,iBAAU,EAC7B,CAAC;EAAEG,SAAS;EAAEe,aAAa,GAAG,CAAC;EAAEd,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1D,MAAM;IAAET;EAAK,CAAC,GAAGH,uBAAuB,CAAC,CAAC;EAE1C,oBACE,IAAAjB,WAAA,CAAAiC,GAAA,EAAC1B,iBAAiB,CAACO,IAAI;IACrBe,GAAG,EAAEA,GAAa;IAClBH,SAAS,EAAE,IAAAK,SAAE,EAAC,IAAAe,4BAAoB,EAAC;MAAE1B;IAAK,CAAC,CAAC,EAAEM,SAAS,CAAE;IACzDe,aAAa,EAAEA,aAAc;IAC7Bd,KAAK,EAAEA,KAAM;IAAA,GACTC;EAAK,CACV,CAAC;AAEN,CACF,CAAC;AAEDiB,YAAY,CAACV,WAAW,GAAG,eAAe;AAM1C,MAAMY,oBAAoB,gBAAG,IAAAxB,iBAAU,EACrC,CAAC;EAAEG,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvC,MAAM;IAAER;EAAW,CAAC,GAAGJ,uBAAuB,CAAC,CAAC;EAEhD,oBACE,IAAAjB,WAAA,CAAAiC,GAAA,EAAC1B,iBAAiB,CAACQ,YAAY;IAC7Bc,GAAG,EAAEA,GAAa;IAClBH,SAAS,EAAE,IAAAK,SAAE,EAAC,IAAAiB,oCAA4B,EAAC;MAAE3B;IAAW,CAAC,CAAC,EAAEK,SAAS,CAAE;IACvEC,KAAK,EAAEA,KAAM;IAAA,GACTC;EAAK,CACV,CAAC;AAEN,CACF,CAAC;AAEDmB,oBAAoB,CAACZ,WAAW,GAAG,uBAAuB;AAE1D,MAAMc,sBAAsB,GAAIC,QAAmB,IAAgB;EACjE,IAAI,OAAOA,QAAQ,KAAK,QAAQ,IAAI,OAAOA,QAAQ,KAAK,QAAQ,EAAE;IAChE,oBAAO,IAAAlD,WAAA,CAAAiC,GAAA,EAACrC,YAAA,CAAAgB,IAAI;MAACc,SAAS,EAAE,IAAAK,SAAE,EAAC,IAAAoB,0CAAkC,EAAC,CAAC,CAAE;MAAAD,QAAA,EAAEA;IAAQ,CAAO,CAAC;EACrF;EACA,OAAOA,QAAQ;AACjB,CAAC;;AAED;AACA;AACA;;AAMA,MAAME,qBAAqB,gBAAG,IAAA7B,iBAAU,EACtC,CAAC;EAAE2B,QAAQ;EAAExB,SAAS;EAAE2B,WAAW,GAAG,IAAI;EAAE1B,KAAK;EAAE2B,QAAQ;EAAE,GAAG1B;AAAM,CAAC,EAAEC,GAAG,kBAC1E,IAAA7B,WAAA,CAAAiC,GAAA,EAAC1B,iBAAiB,CAACS,aAAa;EAC9Ba,GAAG,EAAEA,GAAa;EAClBH,SAAS,EAAE,IAAAK,SAAE,EAAC,IAAAwB,qCAA6B,EAAC;IAAEF;EAAY,CAAC,CAAC,EAAE3B,SAAS,CAAE;EACzE2B,WAAW,EAAEA,WAAY;EACzB1B,KAAK,EAAEA,KAAM;EACb2B,QAAQ,EAAEA,QAAS;EAAA,GACf1B,KAAK;EAAAsB,QAAA,EAERD,sBAAsB,CAACC,QAAQ;AAAC,CACF,CAErC,CAAC;AAEDE,qBAAqB,CAACjB,WAAW,GAAG,wBAAwB;;AAE5D;AACA;AACA;;AAYO,MAAMqB,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAGE,MAAM,CAACC,MAAM,CAACrC,YAAY,EAAE;EAClDb,WAAW,EAAE2B,mBAAmB;EAChC1B,OAAO,EAAE4B,eAAe;EACxB3B,KAAK,EAAE6B,aAAa;EACpB3B,WAAW,EAAE8B,mBAAmB;EAChC7B,IAAI,EAAE+B,YAAY;EAClB9B,YAAY,EAAEgC,oBAAoB;EAClC/B,aAAa,EAAEoC;AACjB,CAAC,CAAqB","ignoreList":[]}

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

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.listItemTrailingSlotVariants = exports.listItemTitleVariants = exports.listItemSectionHeaderVariants = exports.listItemSectionHeaderLabelVariants = exports.listItemRootVariants = exports.listItemMetaVariants = exports.listItemLeadingSlotVariants = exports.listItemDescriptionVariants = exports.listItemContentVariants = void 0;
+var _reactNative = require("react-native");
+var _classVarianceAuthority = require("class-variance-authority");
+var _primitives = require("../../styles/primitives");
+// ── Root (row): density, surface, separator, interactive feedback ──────────
+
+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: ''
+})], {
+  variants: {
+    size: {
+      default: 'gap-3 py-4',
+      compact: 'gap-2 py-3'
+    },
+    surface: {
+      default: 'bg-white',
+      negative: 'bg-red-50'
+    },
+    showSeparator: {
+      true: ['border-b border-solid', _primitives.COLOR_BORDER_DEFAULT],
+      false: 'border-b-0'
+    },
+    crossAlign: {
+      center: 'items-center',
+      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'
+  }
+});
+
+// ── 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'], {
+  variants: {
+    crossAlign: {
+      center: 'items-center',
+      start: 'items-start self-start'
+    }
+  },
+  defaultVariants: {
+    crossAlign: 'center'
+  }
+});
+
+// ── Content stack (title / description / meta) ───────────────────────────────
+
+const listItemContentVariants = exports.listItemContentVariants = (0, _classVarianceAuthority.cva)(['flex min-w-0 flex-1 flex-col gap-1'], {
+  variants: {
+    crossAlign: {
+      center: 'justify-center',
+      start: 'justify-start'
+    }
+  },
+  defaultVariants: {
+    crossAlign: 'center'
+  }
+});
+
+// ── 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'
+  }
+});
+
+// ── 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], {
+  variants: {
+    showDivider: {
+      true: ['border-t-4 border-solid border-t-surface-brand-strong/40', 'border-x-0'],
+      false: 'border-t-0'
+    }
+  },
+  defaultVariants: {
+    showDivider: true
+  }
+});
+
+/** 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]);
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +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":[]}