@metamask/design-system-react-native 0.29.0 → 0.30.0

package/dist/components/ListItem/ListItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.cjs","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\nimport { Pressable } from 'react-native';\nimport type {\n  PressableStateCallbackType,\n  StyleProp,\n  ViewStyle,\n} from 'react-native';\n\nimport { Box } from '../Box';\nimport { Content } from '../Content';\n\nimport type { ListItemProps } from './ListItem.types';\n\nexport const ListItem: React.FC<ListItemProps> = ({\n  children,\n  isInteractive = false,\n  twClassName,\n  style,\n  startAccessory,\n  endAccessory,\n  topAccessory,\n  bottomAccessory,\n  verticalAlignment,\n  avatar,\n  title,\n  titleProps,\n  titleStartAccessory,\n  titleEndAccessory,\n  description,\n  descriptionProps,\n  descriptionStartAccessory,\n  descriptionEndAccessory,\n  value,\n  valueProps,\n  valueStartAccessory,\n  valueEndAccessory,\n  subvalue,\n  subvalueProps,\n  subvalueStartAccessory,\n  subvalueEndAccessory,\n  accessibilityRole,\n  ...props\n}) => {\n  const tw = useTailwind();\n\n  const wrapperStyle = style\n    ? [tw.style('px-4 py-3', twClassName), style]\n    : tw.style('px-4 py-3', twClassName);\n\n  const getPressableStyle = ({\n    pressed,\n  }: PressableStateCallbackType): StyleProp<ViewStyle> => {\n    const baseStyle = tw.style(\n      'w-full px-4 py-3',\n      twClassName,\n      pressed && 'bg-pressed',\n    );\n\n    if (!style) {\n      return baseStyle;\n    }\n\n    const userStyle = typeof style === 'function' ? style({ pressed }) : style;\n\n    return [baseStyle, userStyle];\n  };\n\n  const content = (\n    <Content\n      startAccessory={startAccessory}\n      endAccessory={endAccessory}\n      topAccessory={topAccessory}\n      bottomAccessory={bottomAccessory}\n      verticalAlignment={verticalAlignment}\n      avatar={avatar}\n      title={title}\n      titleProps={titleProps}\n      titleStartAccessory={titleStartAccessory}\n      titleEndAccessory={titleEndAccessory}\n      description={description}\n      descriptionProps={descriptionProps}\n      descriptionStartAccessory={descriptionStartAccessory}\n      descriptionEndAccessory={descriptionEndAccessory}\n      value={value}\n      valueProps={valueProps}\n      valueStartAccessory={valueStartAccessory}\n      valueEndAccessory={valueEndAccessory}\n      subvalue={subvalue}\n      subvalueProps={subvalueProps}\n      subvalueStartAccessory={subvalueStartAccessory}\n      subvalueEndAccessory={subvalueEndAccessory}\n    />\n  );\n\n  if (isInteractive) {\n    return (\n      <Pressable\n        accessibilityRole={accessibilityRole ?? 'button'}\n        style={getPressableStyle}\n        {...props}\n      >\n        {content}\n        {children}\n      </Pressable>\n    );\n  }\n\n  return (\n    <Box style={wrapperStyle} {...props}>\n      {content}\n      {children}\n    </Box>\n  );\n};\n\nListItem.displayName = 'ListItem';\n"]}
+{"version":3,"file":"ListItem.cjs","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ContentVerticalAlignment } from '@metamask/design-system-shared';\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\nimport { Pressable } from 'react-native';\nimport type {\n  PressableStateCallbackType,\n  StyleProp,\n  ViewStyle,\n} from 'react-native';\n\nimport { Box } from '../Box';\nimport { BoxRow } from '../BoxRow';\nimport { Content } from '../Content';\nimport { VERTICAL_ALIGNMENT_MAP } from '../Content/Content.constants';\n\nimport type { ListItemProps } from './ListItem.types';\n\nexport const ListItem: React.FC<ListItemProps> = ({\n  children,\n  isInteractive = false,\n  twClassName,\n  style,\n  startAccessory,\n  endAccessory,\n  accessoryGap = 0,\n  verticalAlignment,\n  avatar,\n  title,\n  titleProps,\n  titleStartAccessory,\n  titleEndAccessory,\n  description,\n  descriptionProps,\n  descriptionStartAccessory,\n  descriptionEndAccessory,\n  value,\n  valueProps,\n  valueStartAccessory,\n  valueEndAccessory,\n  subvalue,\n  subvalueProps,\n  subvalueStartAccessory,\n  subvalueEndAccessory,\n  accessibilityRole,\n  ...props\n}) => {\n  const tw = useTailwind();\n\n  const wrapperStyle = style\n    ? [tw.style('px-4 py-3', twClassName), style]\n    : tw.style('px-4 py-3', twClassName);\n\n  const getPressableStyle = ({\n    pressed,\n  }: PressableStateCallbackType): StyleProp<ViewStyle> => {\n    const baseStyle = tw.style(\n      'w-full px-4 py-3',\n      twClassName,\n      pressed && 'bg-pressed',\n    );\n\n    if (!style) {\n      return baseStyle;\n    }\n\n    const userStyle = typeof style === 'function' ? style({ pressed }) : style;\n\n    return [baseStyle, userStyle];\n  };\n\n  const hasRowAccessories = Boolean(startAccessory) || Boolean(endAccessory);\n  const rowAlignment =\n    VERTICAL_ALIGNMENT_MAP[\n      verticalAlignment ?? ContentVerticalAlignment.Center\n    ];\n\n  const content = (\n    <Content\n      twClassName={hasRowAccessories ? 'flex-1 min-w-0' : undefined}\n      verticalAlignment={verticalAlignment}\n      avatar={avatar}\n      title={title}\n      titleProps={titleProps}\n      titleStartAccessory={titleStartAccessory}\n      titleEndAccessory={titleEndAccessory}\n      description={description}\n      descriptionProps={descriptionProps}\n      descriptionStartAccessory={descriptionStartAccessory}\n      descriptionEndAccessory={descriptionEndAccessory}\n      value={value}\n      valueProps={valueProps}\n      valueStartAccessory={valueStartAccessory}\n      valueEndAccessory={valueEndAccessory}\n      subvalue={subvalue}\n      subvalueProps={subvalueProps}\n      subvalueStartAccessory={subvalueStartAccessory}\n      subvalueEndAccessory={subvalueEndAccessory}\n    />\n  );\n\n  const listContent = hasRowAccessories ? (\n    <BoxRow\n      startAccessory={startAccessory}\n      endAccessory={endAccessory}\n      alignItems={rowAlignment}\n      gap={accessoryGap}\n      twClassName=\"min-h-[46px] w-full\"\n    >\n      {content}\n    </BoxRow>\n  ) : (\n    content\n  );\n\n  if (isInteractive) {\n    return (\n      <Pressable\n        accessibilityRole={accessibilityRole ?? 'button'}\n        style={getPressableStyle}\n        {...props}\n      >\n        {listContent}\n        {children}\n      </Pressable>\n    );\n  }\n\n  return (\n    <Box style={wrapperStyle} {...props}>\n      {listContent}\n      {children}\n    </Box>\n  );\n};\n\nListItem.displayName = 'ListItem';\n"]}

package/dist/components/ListItem/ListItem.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.cts","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAW1B,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoG5C,CAAC"}
+{"version":3,"file":"ListItem.d.cts","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc;AAa1B,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoH5C,CAAC"}

package/dist/components/ListItem/ListItem.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.mts","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAW1B,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoG5C,CAAC"}
+{"version":3,"file":"ListItem.d.mts","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc;AAa1B,OAAO,KAAK,EAAE,aAAa,EAAE,6BAAyB;AAEtD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoH5C,CAAC"}

package/dist/components/ListItem/ListItem.mjs

@@ -4,13 +4,16 @@ function $importDefault(module) {
     }
     return module;
 }
+import { ContentVerticalAlignment } from "@metamask/design-system-shared";
 import { useTailwind } from "@metamask/design-system-twrnc-preset";
 import $React from "react";
 const React = $importDefault($React);
 import { Pressable } from "react-native";
 import { Box } from "../Box/index.mjs";
+import { BoxRow } from "../BoxRow/index.mjs";
 import { Content } from "../Content/index.mjs";
-export const ListItem = ({ children, isInteractive = false, twClassName, style, startAccessory, endAccessory, topAccessory, bottomAccessory, verticalAlignment, avatar, title, titleProps, titleStartAccessory, titleEndAccessory, description, descriptionProps, descriptionStartAccessory, descriptionEndAccessory, value, valueProps, valueStartAccessory, valueEndAccessory, subvalue, subvalueProps, subvalueStartAccessory, subvalueEndAccessory, accessibilityRole, ...props }) => {
+import { VERTICAL_ALIGNMENT_MAP } from "../Content/Content.constants.mjs";
+export const ListItem = ({ children, isInteractive = false, twClassName, style, startAccessory, endAccessory, accessoryGap = 0, verticalAlignment, avatar, title, titleProps, titleStartAccessory, titleEndAccessory, description, descriptionProps, descriptionStartAccessory, descriptionEndAccessory, value, valueProps, valueStartAccessory, valueEndAccessory, subvalue, subvalueProps, subvalueStartAccessory, subvalueEndAccessory, accessibilityRole, ...props }) => {
     const tw = useTailwind();
     const wrapperStyle = style
         ? [tw.style('px-4 py-3', twClassName), style]
@@ -23,15 +26,20 @@ export const ListItem = ({ children, isInteractive = false, twClassName, style,
         const userStyle = typeof style === 'function' ? style({ pressed }) : style;
         return [baseStyle, userStyle];
     };
-    const content = (<Content startAccessory={startAccessory} endAccessory={endAccessory} topAccessory={topAccessory} bottomAccessory={bottomAccessory} verticalAlignment={verticalAlignment} avatar={avatar} title={title} titleProps={titleProps} titleStartAccessory={titleStartAccessory} titleEndAccessory={titleEndAccessory} description={description} descriptionProps={descriptionProps} descriptionStartAccessory={descriptionStartAccessory} descriptionEndAccessory={descriptionEndAccessory} value={value} valueProps={valueProps} valueStartAccessory={valueStartAccessory} valueEndAccessory={valueEndAccessory} subvalue={subvalue} subvalueProps={subvalueProps} subvalueStartAccessory={subvalueStartAccessory} subvalueEndAccessory={subvalueEndAccessory}/>);
+    const hasRowAccessories = Boolean(startAccessory) || Boolean(endAccessory);
+    const rowAlignment = VERTICAL_ALIGNMENT_MAP[verticalAlignment ?? ContentVerticalAlignment.Center];
+    const content = (<Content twClassName={hasRowAccessories ? 'flex-1 min-w-0' : undefined} verticalAlignment={verticalAlignment} avatar={avatar} title={title} titleProps={titleProps} titleStartAccessory={titleStartAccessory} titleEndAccessory={titleEndAccessory} description={description} descriptionProps={descriptionProps} descriptionStartAccessory={descriptionStartAccessory} descriptionEndAccessory={descriptionEndAccessory} value={value} valueProps={valueProps} valueStartAccessory={valueStartAccessory} valueEndAccessory={valueEndAccessory} subvalue={subvalue} subvalueProps={subvalueProps} subvalueStartAccessory={subvalueStartAccessory} subvalueEndAccessory={subvalueEndAccessory}/>);
+    const listContent = hasRowAccessories ? (<BoxRow startAccessory={startAccessory} endAccessory={endAccessory} alignItems={rowAlignment} gap={accessoryGap} twClassName="min-h-[46px] w-full">
+      {content}
+    </BoxRow>) : (content);
     if (isInteractive) {
         return (<Pressable accessibilityRole={accessibilityRole ?? 'button'} style={getPressableStyle} {...props}>
-        {content}
+        {listContent}
         {children}
       </Pressable>);
     }
     return (<Box style={wrapperStyle} {...props}>
-      {content}
+      {listContent}
       {children}
     </Box>);
 };

package/dist/components/ListItem/ListItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.mjs","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\nimport { Pressable } from 'react-native';\nimport type {\n  PressableStateCallbackType,\n  StyleProp,\n  ViewStyle,\n} from 'react-native';\n\nimport { Box } from '../Box';\nimport { Content } from '../Content';\n\nimport type { ListItemProps } from './ListItem.types';\n\nexport const ListItem: React.FC<ListItemProps> = ({\n  children,\n  isInteractive = false,\n  twClassName,\n  style,\n  startAccessory,\n  endAccessory,\n  topAccessory,\n  bottomAccessory,\n  verticalAlignment,\n  avatar,\n  title,\n  titleProps,\n  titleStartAccessory,\n  titleEndAccessory,\n  description,\n  descriptionProps,\n  descriptionStartAccessory,\n  descriptionEndAccessory,\n  value,\n  valueProps,\n  valueStartAccessory,\n  valueEndAccessory,\n  subvalue,\n  subvalueProps,\n  subvalueStartAccessory,\n  subvalueEndAccessory,\n  accessibilityRole,\n  ...props\n}) => {\n  const tw = useTailwind();\n\n  const wrapperStyle = style\n    ? [tw.style('px-4 py-3', twClassName), style]\n    : tw.style('px-4 py-3', twClassName);\n\n  const getPressableStyle = ({\n    pressed,\n  }: PressableStateCallbackType): StyleProp<ViewStyle> => {\n    const baseStyle = tw.style(\n      'w-full px-4 py-3',\n      twClassName,\n      pressed && 'bg-pressed',\n    );\n\n    if (!style) {\n      return baseStyle;\n    }\n\n    const userStyle = typeof style === 'function' ? style({ pressed }) : style;\n\n    return [baseStyle, userStyle];\n  };\n\n  const content = (\n    <Content\n      startAccessory={startAccessory}\n      endAccessory={endAccessory}\n      topAccessory={topAccessory}\n      bottomAccessory={bottomAccessory}\n      verticalAlignment={verticalAlignment}\n      avatar={avatar}\n      title={title}\n      titleProps={titleProps}\n      titleStartAccessory={titleStartAccessory}\n      titleEndAccessory={titleEndAccessory}\n      description={description}\n      descriptionProps={descriptionProps}\n      descriptionStartAccessory={descriptionStartAccessory}\n      descriptionEndAccessory={descriptionEndAccessory}\n      value={value}\n      valueProps={valueProps}\n      valueStartAccessory={valueStartAccessory}\n      valueEndAccessory={valueEndAccessory}\n      subvalue={subvalue}\n      subvalueProps={subvalueProps}\n      subvalueStartAccessory={subvalueStartAccessory}\n      subvalueEndAccessory={subvalueEndAccessory}\n    />\n  );\n\n  if (isInteractive) {\n    return (\n      <Pressable\n        accessibilityRole={accessibilityRole ?? 'button'}\n        style={getPressableStyle}\n        {...props}\n      >\n        {content}\n        {children}\n      </Pressable>\n    );\n  }\n\n  return (\n    <Box style={wrapperStyle} {...props}>\n      {content}\n      {children}\n    </Box>\n  );\n};\n\nListItem.displayName = 'ListItem';\n"]}
+{"version":3,"file":"ListItem.mjs","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ContentVerticalAlignment } from '@metamask/design-system-shared';\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React from 'react';\nimport { Pressable } from 'react-native';\nimport type {\n  PressableStateCallbackType,\n  StyleProp,\n  ViewStyle,\n} from 'react-native';\n\nimport { Box } from '../Box';\nimport { BoxRow } from '../BoxRow';\nimport { Content } from '../Content';\nimport { VERTICAL_ALIGNMENT_MAP } from '../Content/Content.constants';\n\nimport type { ListItemProps } from './ListItem.types';\n\nexport const ListItem: React.FC<ListItemProps> = ({\n  children,\n  isInteractive = false,\n  twClassName,\n  style,\n  startAccessory,\n  endAccessory,\n  accessoryGap = 0,\n  verticalAlignment,\n  avatar,\n  title,\n  titleProps,\n  titleStartAccessory,\n  titleEndAccessory,\n  description,\n  descriptionProps,\n  descriptionStartAccessory,\n  descriptionEndAccessory,\n  value,\n  valueProps,\n  valueStartAccessory,\n  valueEndAccessory,\n  subvalue,\n  subvalueProps,\n  subvalueStartAccessory,\n  subvalueEndAccessory,\n  accessibilityRole,\n  ...props\n}) => {\n  const tw = useTailwind();\n\n  const wrapperStyle = style\n    ? [tw.style('px-4 py-3', twClassName), style]\n    : tw.style('px-4 py-3', twClassName);\n\n  const getPressableStyle = ({\n    pressed,\n  }: PressableStateCallbackType): StyleProp<ViewStyle> => {\n    const baseStyle = tw.style(\n      'w-full px-4 py-3',\n      twClassName,\n      pressed && 'bg-pressed',\n    );\n\n    if (!style) {\n      return baseStyle;\n    }\n\n    const userStyle = typeof style === 'function' ? style({ pressed }) : style;\n\n    return [baseStyle, userStyle];\n  };\n\n  const hasRowAccessories = Boolean(startAccessory) || Boolean(endAccessory);\n  const rowAlignment =\n    VERTICAL_ALIGNMENT_MAP[\n      verticalAlignment ?? ContentVerticalAlignment.Center\n    ];\n\n  const content = (\n    <Content\n      twClassName={hasRowAccessories ? 'flex-1 min-w-0' : undefined}\n      verticalAlignment={verticalAlignment}\n      avatar={avatar}\n      title={title}\n      titleProps={titleProps}\n      titleStartAccessory={titleStartAccessory}\n      titleEndAccessory={titleEndAccessory}\n      description={description}\n      descriptionProps={descriptionProps}\n      descriptionStartAccessory={descriptionStartAccessory}\n      descriptionEndAccessory={descriptionEndAccessory}\n      value={value}\n      valueProps={valueProps}\n      valueStartAccessory={valueStartAccessory}\n      valueEndAccessory={valueEndAccessory}\n      subvalue={subvalue}\n      subvalueProps={subvalueProps}\n      subvalueStartAccessory={subvalueStartAccessory}\n      subvalueEndAccessory={subvalueEndAccessory}\n    />\n  );\n\n  const listContent = hasRowAccessories ? (\n    <BoxRow\n      startAccessory={startAccessory}\n      endAccessory={endAccessory}\n      alignItems={rowAlignment}\n      gap={accessoryGap}\n      twClassName=\"min-h-[46px] w-full\"\n    >\n      {content}\n    </BoxRow>\n  ) : (\n    content\n  );\n\n  if (isInteractive) {\n    return (\n      <Pressable\n        accessibilityRole={accessibilityRole ?? 'button'}\n        style={getPressableStyle}\n        {...props}\n      >\n        {listContent}\n        {children}\n      </Pressable>\n    );\n  }\n\n  return (\n    <Box style={wrapperStyle} {...props}>\n      {listContent}\n      {children}\n    </Box>\n  );\n};\n\nListItem.displayName = 'ListItem';\n"]}

package/dist/components/ListItem/ListItem.types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.types.cjs","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ListItemPropsShared } from '@metamask/design-system-shared';\nimport type { PressableProps } from 'react-native';\n\nimport type { BoxProps } from '../Box/Box.types';\nimport type { ContentProps } from '../Content/Content.types';\n\ntype ListItemPropsBase = ListItemPropsShared & ContentProps;\n\n/**\n * ListItem component props.\n *\n * Wraps {@link Content} in a padded root (`px-4 py-3`). When `isInteractive` is\n * `false` (default), the root is a `Box`; when `true`, the root is a `Pressable`.\n */\nexport type ListItemProps =\n  | (ListItemPropsBase & { isInteractive?: false } & Omit<BoxProps, 'children'>)\n  | (ListItemPropsBase & {\n      isInteractive: true;\n    } & Omit<PressableProps, 'children'>);\n"]}
+{"version":3,"file":"ListItem.types.cjs","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ListItemPropsShared } from '@metamask/design-system-shared';\nimport type { PressableProps } from 'react-native';\n\nimport type { BoxProps } from '../Box/Box.types';\nimport type { ContentProps } from '../Content/Content.types';\n\ntype ListItemPropsBase = ListItemPropsShared & ContentProps;\n\n/**\n * ListItem component props.\n *\n * Wraps {@link Content} in a padded root (`px-4 py-3`) with optional row shell\n * accessories. When `isInteractive` is `false` (default), the root is a `Box`; when `true`,\n * the root is a `Pressable`.\n */\nexport type ListItemProps =\n  | (ListItemPropsBase & { isInteractive?: false } & Omit<BoxProps, 'children'>)\n  | (ListItemPropsBase & {\n      isInteractive: true;\n    } & Omit<PressableProps, 'children'>);\n"]}

package/dist/components/ListItem/ListItem.types.d.cts

@@ -6,8 +6,9 @@ type ListItemPropsBase = ListItemPropsShared & ContentProps;
 /**
  * ListItem component props.
  *
- * Wraps {@link Content} in a padded root (`px-4 py-3`). When `isInteractive` is
- * `false` (default), the root is a `Box`; when `true`, the root is a `Pressable`.
+ * Wraps {@link Content} in a padded root (`px-4 py-3`) with optional row shell
+ * accessories. When `isInteractive` is `false` (default), the root is a `Box`; when `true`,
+ * the root is a `Pressable`.
  */
 export type ListItemProps = (ListItemPropsBase & {
     isInteractive?: false;

package/dist/components/ListItem/ListItem.types.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.types.d.cts","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,uCAAuC;AAC1E,OAAO,KAAK,EAAE,cAAc,EAAE,qBAAqB;AAEnD,OAAO,KAAK,EAAE,QAAQ,EAAE,6BAAyB;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,qCAAiC;AAE7D,KAAK,iBAAiB,GAAG,mBAAmB,GAAG,YAAY,CAAC;AAE5D;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GACrB,CAAC,iBAAiB,GAAG;IAAE,aAAa,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,GAC5E,CAAC,iBAAiB,GAAG;IACnB,aAAa,EAAE,IAAI,CAAC;CACrB,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ListItem.types.d.cts","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,uCAAuC;AAC1E,OAAO,KAAK,EAAE,cAAc,EAAE,qBAAqB;AAEnD,OAAO,KAAK,EAAE,QAAQ,EAAE,6BAAyB;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,qCAAiC;AAE7D,KAAK,iBAAiB,GAAG,mBAAmB,GAAG,YAAY,CAAC;AAE5D;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GACrB,CAAC,iBAAiB,GAAG;IAAE,aAAa,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,GAC5E,CAAC,iBAAiB,GAAG;IACnB,aAAa,EAAE,IAAI,CAAC;CACrB,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC"}

package/dist/components/ListItem/ListItem.types.d.mts

@@ -6,8 +6,9 @@ type ListItemPropsBase = ListItemPropsShared & ContentProps;
 /**
  * ListItem component props.
  *
- * Wraps {@link Content} in a padded root (`px-4 py-3`). When `isInteractive` is
- * `false` (default), the root is a `Box`; when `true`, the root is a `Pressable`.
+ * Wraps {@link Content} in a padded root (`px-4 py-3`) with optional row shell
+ * accessories. When `isInteractive` is `false` (default), the root is a `Box`; when `true`,
+ * the root is a `Pressable`.
  */
 export type ListItemProps = (ListItemPropsBase & {
     isInteractive?: false;

package/dist/components/ListItem/ListItem.types.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.types.d.mts","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,uCAAuC;AAC1E,OAAO,KAAK,EAAE,cAAc,EAAE,qBAAqB;AAEnD,OAAO,KAAK,EAAE,QAAQ,EAAE,6BAAyB;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,qCAAiC;AAE7D,KAAK,iBAAiB,GAAG,mBAAmB,GAAG,YAAY,CAAC;AAE5D;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GACrB,CAAC,iBAAiB,GAAG;IAAE,aAAa,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,GAC5E,CAAC,iBAAiB,GAAG;IACnB,aAAa,EAAE,IAAI,CAAC;CACrB,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ListItem.types.d.mts","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,uCAAuC;AAC1E,OAAO,KAAK,EAAE,cAAc,EAAE,qBAAqB;AAEnD,OAAO,KAAK,EAAE,QAAQ,EAAE,6BAAyB;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,qCAAiC;AAE7D,KAAK,iBAAiB,GAAG,mBAAmB,GAAG,YAAY,CAAC;AAE5D;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GACrB,CAAC,iBAAiB,GAAG;IAAE,aAAa,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,GAC5E,CAAC,iBAAiB,GAAG;IACnB,aAAa,EAAE,IAAI,CAAC;CACrB,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC"}

package/dist/components/ListItem/ListItem.types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.types.mjs","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ListItemPropsShared } from '@metamask/design-system-shared';\nimport type { PressableProps } from 'react-native';\n\nimport type { BoxProps } from '../Box/Box.types';\nimport type { ContentProps } from '../Content/Content.types';\n\ntype ListItemPropsBase = ListItemPropsShared & ContentProps;\n\n/**\n * ListItem component props.\n *\n * Wraps {@link Content} in a padded root (`px-4 py-3`). When `isInteractive` is\n * `false` (default), the root is a `Box`; when `true`, the root is a `Pressable`.\n */\nexport type ListItemProps =\n  | (ListItemPropsBase & { isInteractive?: false } & Omit<BoxProps, 'children'>)\n  | (ListItemPropsBase & {\n      isInteractive: true;\n    } & Omit<PressableProps, 'children'>);\n"]}
+{"version":3,"file":"ListItem.types.mjs","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ListItemPropsShared } from '@metamask/design-system-shared';\nimport type { PressableProps } from 'react-native';\n\nimport type { BoxProps } from '../Box/Box.types';\nimport type { ContentProps } from '../Content/Content.types';\n\ntype ListItemPropsBase = ListItemPropsShared & ContentProps;\n\n/**\n * ListItem component props.\n *\n * Wraps {@link Content} in a padded root (`px-4 py-3`) with optional row shell\n * accessories. When `isInteractive` is `false` (default), the root is a `Box`; when `true`,\n * the root is a `Pressable`.\n */\nexport type ListItemProps =\n  | (ListItemPropsBase & { isInteractive?: false } & Omit<BoxProps, 'children'>)\n  | (ListItemPropsBase & {\n      isInteractive: true;\n    } & Omit<PressableProps, 'children'>);\n"]}

package/dist/components/ListItem/index.cjs

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListItem = void 0;
+exports.ListItem = exports.ListItemVerticalAlignment = void 0;
+var design_system_shared_1 = require("@metamask/design-system-shared");
+Object.defineProperty(exports, "ListItemVerticalAlignment", { enumerable: true, get: function () { return design_system_shared_1.ContentVerticalAlignment; } });
 var ListItem_1 = require("./ListItem.cjs");
 Object.defineProperty(exports, "ListItem", { enumerable: true, get: function () { return ListItem_1.ListItem; } });
 //# sourceMappingURL=index.cjs.map

package/dist/components/ListItem/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/ListItem/index.ts"],"names":[],"mappings":";;;AAAA,2CAAsC;AAA7B,oGAAA,QAAQ,OAAA","sourcesContent":["export { ListItem } from './ListItem';\nexport type { ListItemProps } from './ListItem.types';\n"]}
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/ListItem/index.ts"],"names":[],"mappings":";;;AAAA,uEAAuG;AAA9F,iIAAA,wBAAwB,OAA6B;AAC9D,2CAAsC;AAA7B,oGAAA,QAAQ,OAAA","sourcesContent":["export { ContentVerticalAlignment as ListItemVerticalAlignment } from '@metamask/design-system-shared';\nexport { ListItem } from './ListItem';\nexport type { ListItemProps } from './ListItem.types';\n"]}

package/dist/components/ListItem/index.d.cts

@@ -1,3 +1,4 @@
+export { ContentVerticalAlignment as ListItemVerticalAlignment } from "@metamask/design-system-shared";
 export { ListItem } from "./ListItem.cjs";
 export type { ListItemProps } from "./ListItem.types.cjs";
 //# sourceMappingURL=index.d.cts.map

package/dist/components/ListItem/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/ListItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,uBAAmB;AACtC,YAAY,EAAE,aAAa,EAAE,6BAAyB"}
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/ListItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,IAAI,yBAAyB,EAAE,uCAAuC;AACvG,OAAO,EAAE,QAAQ,EAAE,uBAAmB;AACtC,YAAY,EAAE,aAAa,EAAE,6BAAyB"}

package/dist/components/ListItem/index.d.mts

@@ -1,3 +1,4 @@
+export { ContentVerticalAlignment as ListItemVerticalAlignment } from "@metamask/design-system-shared";
 export { ListItem } from "./ListItem.mjs";
 export type { ListItemProps } from "./ListItem.types.mjs";
 //# sourceMappingURL=index.d.mts.map

package/dist/components/ListItem/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/ListItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,uBAAmB;AACtC,YAAY,EAAE,aAAa,EAAE,6BAAyB"}
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/ListItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,IAAI,yBAAyB,EAAE,uCAAuC;AACvG,OAAO,EAAE,QAAQ,EAAE,uBAAmB;AACtC,YAAY,EAAE,aAAa,EAAE,6BAAyB"}

package/dist/components/ListItem/index.mjs

@@ -1,2 +1,3 @@
+export { ContentVerticalAlignment as ListItemVerticalAlignment } from "@metamask/design-system-shared";
 export { ListItem } from "./ListItem.mjs";
 //# sourceMappingURL=index.mjs.map

package/dist/components/ListItem/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/ListItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,uBAAmB","sourcesContent":["export { ListItem } from './ListItem';\nexport type { ListItemProps } from './ListItem.types';\n"]}
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/ListItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,IAAI,yBAAyB,EAAE,uCAAuC;AACvG,OAAO,EAAE,QAAQ,EAAE,uBAAmB","sourcesContent":["export { ContentVerticalAlignment as ListItemVerticalAlignment } from '@metamask/design-system-shared';\nexport { ListItem } from './ListItem';\nexport type { ListItemProps } from './ListItem.types';\n"]}

package/dist/components/ListItemMultiSelect/ListItemMultiSelect.cjs

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItemMultiSelect = void 0;
+const design_system_shared_1 = require("@metamask/design-system-shared");
+const react_1 = __importDefault(require("react"));
+const Checkbox_1 = require("../Checkbox/index.cjs");
+const ListItem_1 = require("../ListItem/index.cjs");
+const noopChange = () => undefined;
+const ListItemMultiSelect = ({ isSelected, accessoryGap = 3, twClassName, ...props }) => {
+    const resolvedTwClassName = isSelected
+        ? (0, design_system_shared_1.mergeTwClassName)('bg-background-muted', twClassName)
+        : twClassName;
+    return (<ListItem_1.ListItem isInteractive twClassName={resolvedTwClassName} endAccessory={<Checkbox_1.Checkbox isSelected={isSelected} onChange={noopChange} label="" pointerEvents="none"/>} accessoryGap={accessoryGap} {...props}/>);
+};
+exports.ListItemMultiSelect = ListItemMultiSelect;
+exports.ListItemMultiSelect.displayName = 'ListItemMultiSelect';
+//# sourceMappingURL=ListItemMultiSelect.cjs.map

package/dist/components/ListItemMultiSelect/ListItemMultiSelect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemMultiSelect.cjs","sourceRoot":"","sources":["../../../src/components/ListItemMultiSelect/ListItemMultiSelect.tsx"],"names":[],"mappings":";;;;;;AAAA,yEAAkE;AAClE,kDAA0B;AAE1B,oDAAuC;AACvC,oDAAuC;AAIvC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC;AAE5B,MAAM,mBAAmB,GAAG,CAAC,EAClC,UAAU,EACV,YAAY,GAAG,CAAC,EAChB,WAAW,EACX,GAAG,KAAK,EACiB,EAAE,EAAE;IAC7B,MAAM,mBAAmB,GAAG,UAAU;QACpC,CAAC,CAAC,IAAA,uCAAgB,EAAC,qBAAqB,EAAE,WAAW,CAAC;QACtD,CAAC,CAAC,WAAW,CAAC;IAEhB,OAAO,CACL,CAAC,mBAAQ,CACP,aAAa,CACb,WAAW,CAAC,CAAC,mBAAmB,CAAC,CACjC,YAAY,CAAC,CACX,CAAC,mBAAQ,CACP,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,QAAQ,CAAC,CAAC,UAAU,CAAC,CACrB,KAAK,CAAC,EAAE,CACR,aAAa,CAAC,MAAM,EACpB,CACH,CACD,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,IAAI,KAAK,CAAC,EACV,CACH,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,mBAAmB,uBA0B9B;AAEF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC","sourcesContent":["import { mergeTwClassName } from '@metamask/design-system-shared';\nimport React from 'react';\n\nimport { Checkbox } from '../Checkbox';\nimport { ListItem } from '../ListItem';\n\nimport type { ListItemMultiSelectProps } from './ListItemMultiSelect.types';\n\nconst noopChange = () => undefined;\n\nexport const ListItemMultiSelect = ({\n  isSelected,\n  accessoryGap = 3,\n  twClassName,\n  ...props\n}: ListItemMultiSelectProps) => {\n  const resolvedTwClassName = isSelected\n    ? mergeTwClassName('bg-background-muted', twClassName)\n    : twClassName;\n\n  return (\n    <ListItem\n      isInteractive\n      twClassName={resolvedTwClassName}\n      endAccessory={\n        <Checkbox\n          isSelected={isSelected}\n          onChange={noopChange}\n          label=\"\"\n          pointerEvents=\"none\"\n        />\n      }\n      accessoryGap={accessoryGap}\n      {...props}\n    />\n  );\n};\n\nListItemMultiSelect.displayName = 'ListItemMultiSelect';\n"]}

package/dist/components/ListItemMultiSelect/ListItemMultiSelect.d.cts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ListItemMultiSelectProps } from "./ListItemMultiSelect.types.cjs";
+export declare const ListItemMultiSelect: {
+    ({ isSelected, accessoryGap, twClassName, ...props }: ListItemMultiSelectProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=ListItemMultiSelect.d.cts.map

package/dist/components/ListItemMultiSelect/ListItemMultiSelect.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemMultiSelect.d.cts","sourceRoot":"","sources":["../../../src/components/ListItemMultiSelect/ListItemMultiSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,wBAAwB,EAAE,wCAAoC;AAI5E,eAAO,MAAM,mBAAmB;0DAK7B,wBAAwB;;CAqB1B,CAAC"}

package/dist/components/ListItemMultiSelect/ListItemMultiSelect.d.mts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ListItemMultiSelectProps } from "./ListItemMultiSelect.types.mjs";
+export declare const ListItemMultiSelect: {
+    ({ isSelected, accessoryGap, twClassName, ...props }: ListItemMultiSelectProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=ListItemMultiSelect.d.mts.map

package/dist/components/ListItemMultiSelect/ListItemMultiSelect.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemMultiSelect.d.mts","sourceRoot":"","sources":["../../../src/components/ListItemMultiSelect/ListItemMultiSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,wBAAwB,EAAE,wCAAoC;AAI5E,eAAO,MAAM,mBAAmB;0DAK7B,wBAAwB;;CAqB1B,CAAC"}

package/dist/components/ListItemMultiSelect/ListItemMultiSelect.mjs

@@ -0,0 +1,20 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import { mergeTwClassName } from "@metamask/design-system-shared";
+import $React from "react";
+const React = $importDefault($React);
+import { Checkbox } from "../Checkbox/index.mjs";
+import { ListItem } from "../ListItem/index.mjs";
+const noopChange = () => undefined;
+export const ListItemMultiSelect = ({ isSelected, accessoryGap = 3, twClassName, ...props }) => {
+    const resolvedTwClassName = isSelected
+        ? mergeTwClassName('bg-background-muted', twClassName)
+        : twClassName;
+    return (<ListItem isInteractive twClassName={resolvedTwClassName} endAccessory={<Checkbox isSelected={isSelected} onChange={noopChange} label="" pointerEvents="none"/>} accessoryGap={accessoryGap} {...props}/>);
+};
+ListItemMultiSelect.displayName = 'ListItemMultiSelect';
+//# sourceMappingURL=ListItemMultiSelect.mjs.map

package/dist/components/ListItemMultiSelect/ListItemMultiSelect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemMultiSelect.mjs","sourceRoot":"","sources":["../../../src/components/ListItemMultiSelect/ListItemMultiSelect.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,gBAAgB,EAAE,uCAAuC;AAClE,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,QAAQ,EAAE,8BAAoB;AACvC,OAAO,EAAE,QAAQ,EAAE,8BAAoB;AAIvC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC;AAEnC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,UAAU,EACV,YAAY,GAAG,CAAC,EAChB,WAAW,EACX,GAAG,KAAK,EACiB,EAAE,EAAE;IAC7B,MAAM,mBAAmB,GAAG,UAAU;QACpC,CAAC,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,WAAW,CAAC;QACtD,CAAC,CAAC,WAAW,CAAC;IAEhB,OAAO,CACL,CAAC,QAAQ,CACP,aAAa,CACb,WAAW,CAAC,CAAC,mBAAmB,CAAC,CACjC,YAAY,CAAC,CACX,CAAC,QAAQ,CACP,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,QAAQ,CAAC,CAAC,UAAU,CAAC,CACrB,KAAK,CAAC,EAAE,CACR,aAAa,CAAC,MAAM,EACpB,CACH,CACD,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,IAAI,KAAK,CAAC,EACV,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC","sourcesContent":["import { mergeTwClassName } from '@metamask/design-system-shared';\nimport React from 'react';\n\nimport { Checkbox } from '../Checkbox';\nimport { ListItem } from '../ListItem';\n\nimport type { ListItemMultiSelectProps } from './ListItemMultiSelect.types';\n\nconst noopChange = () => undefined;\n\nexport const ListItemMultiSelect = ({\n  isSelected,\n  accessoryGap = 3,\n  twClassName,\n  ...props\n}: ListItemMultiSelectProps) => {\n  const resolvedTwClassName = isSelected\n    ? mergeTwClassName('bg-background-muted', twClassName)\n    : twClassName;\n\n  return (\n    <ListItem\n      isInteractive\n      twClassName={resolvedTwClassName}\n      endAccessory={\n        <Checkbox\n          isSelected={isSelected}\n          onChange={noopChange}\n          label=\"\"\n          pointerEvents=\"none\"\n        />\n      }\n      accessoryGap={accessoryGap}\n      {...props}\n    />\n  );\n};\n\nListItemMultiSelect.displayName = 'ListItemMultiSelect';\n"]}

package/dist/components/ListItemMultiSelect/ListItemMultiSelect.types.cjs

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ListItemMultiSelect.types.cjs.map

package/dist/components/ListItemMultiSelect/ListItemMultiSelect.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemMultiSelect.types.cjs","sourceRoot":"","sources":["../../../src/components/ListItemMultiSelect/ListItemMultiSelect.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ListItemMultiSelectPropsShared } from '@metamask/design-system-shared';\n\nimport type { ListItemProps } from '../ListItem/ListItem.types';\n\ntype ListItemInteractiveProps = Extract<ListItemProps, { isInteractive: true }>;\n\n/**\n * ListItemMultiSelect component props.\n *\n * Interactive list row for multi-select lists. Wraps {@link ListItem} with\n * `isInteractive`, selection styling, and a trailing Checkbox.\n */\nexport type ListItemMultiSelectProps = Omit<\n  ListItemInteractiveProps,\n  'isInteractive' | 'endAccessory'\n> &\n  ListItemMultiSelectPropsShared;\n"]}

package/dist/components/ListItemMultiSelect/ListItemMultiSelect.types.d.cts

@@ -0,0 +1,14 @@
+import type { ListItemMultiSelectPropsShared } from "@metamask/design-system-shared";
+import type { ListItemProps } from "../ListItem/ListItem.types.cjs";
+type ListItemInteractiveProps = Extract<ListItemProps, {
+    isInteractive: true;
+}>;
+/**
+ * ListItemMultiSelect component props.
+ *
+ * Interactive list row for multi-select lists. Wraps {@link ListItem} with
+ * `isInteractive`, selection styling, and a trailing Checkbox.
+ */
+export type ListItemMultiSelectProps = Omit<ListItemInteractiveProps, 'isInteractive' | 'endAccessory'> & ListItemMultiSelectPropsShared;
+export {};
+//# sourceMappingURL=ListItemMultiSelect.types.d.cts.map

package/dist/components/ListItemMultiSelect/ListItemMultiSelect.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemMultiSelect.types.d.cts","sourceRoot":"","sources":["../../../src/components/ListItemMultiSelect/ListItemMultiSelect.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,8BAA8B,EAAE,uCAAuC;AAErF,OAAO,KAAK,EAAE,aAAa,EAAE,uCAAmC;AAEhE,KAAK,wBAAwB,GAAG,OAAO,CAAC,aAAa,EAAE;IAAE,aAAa,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AAEhF;;;;;GAKG;AACH,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,wBAAwB,EACxB,eAAe,GAAG,cAAc,CACjC,GACC,8BAA8B,CAAC"}

package/dist/components/ListItemMultiSelect/ListItemMultiSelect.types.d.mts

@@ -0,0 +1,14 @@
+import type { ListItemMultiSelectPropsShared } from "@metamask/design-system-shared";
+import type { ListItemProps } from "../ListItem/ListItem.types.mjs";
+type ListItemInteractiveProps = Extract<ListItemProps, {
+    isInteractive: true;
+}>;
+/**
+ * ListItemMultiSelect component props.
+ *
+ * Interactive list row for multi-select lists. Wraps {@link ListItem} with
+ * `isInteractive`, selection styling, and a trailing Checkbox.
+ */
+export type ListItemMultiSelectProps = Omit<ListItemInteractiveProps, 'isInteractive' | 'endAccessory'> & ListItemMultiSelectPropsShared;
+export {};
+//# sourceMappingURL=ListItemMultiSelect.types.d.mts.map

package/dist/components/ListItemMultiSelect/ListItemMultiSelect.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemMultiSelect.types.d.mts","sourceRoot":"","sources":["../../../src/components/ListItemMultiSelect/ListItemMultiSelect.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,8BAA8B,EAAE,uCAAuC;AAErF,OAAO,KAAK,EAAE,aAAa,EAAE,uCAAmC;AAEhE,KAAK,wBAAwB,GAAG,OAAO,CAAC,aAAa,EAAE;IAAE,aAAa,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AAEhF;;;;;GAKG;AACH,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,wBAAwB,EACxB,eAAe,GAAG,cAAc,CACjC,GACC,8BAA8B,CAAC"}

package/dist/components/ListItemMultiSelect/ListItemMultiSelect.types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ListItemMultiSelect.types.mjs.map

package/dist/components/ListItemMultiSelect/ListItemMultiSelect.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemMultiSelect.types.mjs","sourceRoot":"","sources":["../../../src/components/ListItemMultiSelect/ListItemMultiSelect.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ListItemMultiSelectPropsShared } from '@metamask/design-system-shared';\n\nimport type { ListItemProps } from '../ListItem/ListItem.types';\n\ntype ListItemInteractiveProps = Extract<ListItemProps, { isInteractive: true }>;\n\n/**\n * ListItemMultiSelect component props.\n *\n * Interactive list row for multi-select lists. Wraps {@link ListItem} with\n * `isInteractive`, selection styling, and a trailing Checkbox.\n */\nexport type ListItemMultiSelectProps = Omit<\n  ListItemInteractiveProps,\n  'isInteractive' | 'endAccessory'\n> &\n  ListItemMultiSelectPropsShared;\n"]}

package/dist/components/ListItemMultiSelect/index.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItemMultiSelect = void 0;
+var ListItemMultiSelect_1 = require("./ListItemMultiSelect.cjs");
+Object.defineProperty(exports, "ListItemMultiSelect", { enumerable: true, get: function () { return ListItemMultiSelect_1.ListItemMultiSelect; } });
+//# sourceMappingURL=index.cjs.map

package/dist/components/ListItemMultiSelect/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/ListItemMultiSelect/index.ts"],"names":[],"mappings":";;;AAAA,iEAA4D;AAAnD,0HAAA,mBAAmB,OAAA","sourcesContent":["export { ListItemMultiSelect } from './ListItemMultiSelect';\nexport type { ListItemMultiSelectProps } from './ListItemMultiSelect.types';\n"]}

package/dist/components/ListItemMultiSelect/index.d.cts

@@ -0,0 +1,3 @@
+export { ListItemMultiSelect } from "./ListItemMultiSelect.cjs";
+export type { ListItemMultiSelectProps } from "./ListItemMultiSelect.types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/components/ListItemMultiSelect/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/ListItemMultiSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,kCAA8B;AAC5D,YAAY,EAAE,wBAAwB,EAAE,wCAAoC"}

package/dist/components/ListItemMultiSelect/index.d.mts

@@ -0,0 +1,3 @@
+export { ListItemMultiSelect } from "./ListItemMultiSelect.mjs";
+export type { ListItemMultiSelectProps } from "./ListItemMultiSelect.types.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/components/ListItemMultiSelect/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/ListItemMultiSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,kCAA8B;AAC5D,YAAY,EAAE,wBAAwB,EAAE,wCAAoC"}

package/dist/components/ListItemMultiSelect/index.mjs

@@ -0,0 +1,2 @@
+export { ListItemMultiSelect } from "./ListItemMultiSelect.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/components/ListItemMultiSelect/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/ListItemMultiSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,kCAA8B","sourcesContent":["export { ListItemMultiSelect } from './ListItemMultiSelect';\nexport type { ListItemMultiSelectProps } from './ListItemMultiSelect.types';\n"]}

package/dist/components/ListItemSelect/ListItemSelect.cjs

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItemSelect = void 0;
+const design_system_shared_1 = require("@metamask/design-system-shared");
+const react_1 = __importDefault(require("react"));
+const Icon_1 = require("../Icon/index.cjs");
+const ListItem_1 = require("../ListItem/index.cjs");
+const ListItemSelect = ({ isSelected, showSelectedIcon = false, endAccessory, accessoryGap = 3, twClassName, ...props }) => {
+    const showCheck = isSelected && showSelectedIcon;
+    const resolvedEndAccessory = showCheck ? (<Icon_1.Icon name={Icon_1.IconName.Check} size={Icon_1.IconSize.Lg} color={Icon_1.IconColor.IconDefault}/>) : (endAccessory);
+    const resolvedTwClassName = isSelected
+        ? (0, design_system_shared_1.mergeTwClassName)('bg-background-muted', twClassName)
+        : twClassName;
+    return (<ListItem_1.ListItem isInteractive twClassName={resolvedTwClassName} endAccessory={resolvedEndAccessory} accessoryGap={accessoryGap} {...props}/>);
+};
+exports.ListItemSelect = ListItemSelect;
+exports.ListItemSelect.displayName = 'ListItemSelect';
+//# sourceMappingURL=ListItemSelect.cjs.map

package/dist/components/ListItemSelect/ListItemSelect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemSelect.cjs","sourceRoot":"","sources":["../../../src/components/ListItemSelect/ListItemSelect.tsx"],"names":[],"mappings":";;;;;;AAAA,yEAAkE;AAClE,kDAA0B;AAE1B,4CAA8D;AAC9D,oDAAuC;AAIhC,MAAM,cAAc,GAAG,CAAC,EAC7B,UAAU,EACV,gBAAgB,GAAG,KAAK,EACxB,YAAY,EACZ,YAAY,GAAG,CAAC,EAChB,WAAW,EACX,GAAG,KAAK,EACY,EAAE,EAAE;IACxB,MAAM,SAAS,GAAG,UAAU,IAAI,gBAAgB,CAAC;IACjD,MAAM,oBAAoB,GAAG,SAAS,CAAC,CAAC,CAAC,CACvC,CAAC,WAAI,CACH,IAAI,CAAC,CAAC,eAAQ,CAAC,KAAK,CAAC,CACrB,IAAI,CAAC,CAAC,eAAQ,CAAC,EAAE,CAAC,CAClB,KAAK,CAAC,CAAC,gBAAS,CAAC,WAAW,CAAC,EAC7B,CACH,CAAC,CAAC,CAAC,CACF,YAAY,CACb,CAAC;IAEF,MAAM,mBAAmB,GAAG,UAAU;QACpC,CAAC,CAAC,IAAA,uCAAgB,EAAC,qBAAqB,EAAE,WAAW,CAAC;QACtD,CAAC,CAAC,WAAW,CAAC;IAEhB,OAAO,CACL,CAAC,mBAAQ,CACP,aAAa,CACb,WAAW,CAAC,CAAC,mBAAmB,CAAC,CACjC,YAAY,CAAC,CAAC,oBAAoB,CAAC,CACnC,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,IAAI,KAAK,CAAC,EACV,CACH,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,cAAc,kBAgCzB;AAEF,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import { mergeTwClassName } from '@metamask/design-system-shared';\nimport React from 'react';\n\nimport { Icon, IconColor, IconName, IconSize } from '../Icon';\nimport { ListItem } from '../ListItem';\n\nimport type { ListItemSelectProps } from './ListItemSelect.types';\n\nexport const ListItemSelect = ({\n  isSelected,\n  showSelectedIcon = false,\n  endAccessory,\n  accessoryGap = 3,\n  twClassName,\n  ...props\n}: ListItemSelectProps) => {\n  const showCheck = isSelected && showSelectedIcon;\n  const resolvedEndAccessory = showCheck ? (\n    <Icon\n      name={IconName.Check}\n      size={IconSize.Lg}\n      color={IconColor.IconDefault}\n    />\n  ) : (\n    endAccessory\n  );\n\n  const resolvedTwClassName = isSelected\n    ? mergeTwClassName('bg-background-muted', twClassName)\n    : twClassName;\n\n  return (\n    <ListItem\n      isInteractive\n      twClassName={resolvedTwClassName}\n      endAccessory={resolvedEndAccessory}\n      accessoryGap={accessoryGap}\n      {...props}\n    />\n  );\n};\n\nListItemSelect.displayName = 'ListItemSelect';\n"]}

package/dist/components/ListItemSelect/ListItemSelect.d.cts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ListItemSelectProps } from "./ListItemSelect.types.cjs";
+export declare const ListItemSelect: {
+    ({ isSelected, showSelectedIcon, endAccessory, accessoryGap, twClassName, ...props }: ListItemSelectProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=ListItemSelect.d.cts.map

package/dist/components/ListItemSelect/ListItemSelect.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemSelect.d.cts","sourceRoot":"","sources":["../../../src/components/ListItemSelect/ListItemSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,mCAA+B;AAElE,eAAO,MAAM,cAAc;0FAOxB,mBAAmB;;CAyBrB,CAAC"}

package/dist/components/ListItemSelect/ListItemSelect.d.mts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { ListItemSelectProps } from "./ListItemSelect.types.mjs";
+export declare const ListItemSelect: {
+    ({ isSelected, showSelectedIcon, endAccessory, accessoryGap, twClassName, ...props }: ListItemSelectProps): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=ListItemSelect.d.mts.map

package/dist/components/ListItemSelect/ListItemSelect.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemSelect.d.mts","sourceRoot":"","sources":["../../../src/components/ListItemSelect/ListItemSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,mCAA+B;AAElE,eAAO,MAAM,cAAc;0FAOxB,mBAAmB;;CAyBrB,CAAC"}

package/dist/components/ListItemSelect/ListItemSelect.mjs

@@ -0,0 +1,21 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import { mergeTwClassName } from "@metamask/design-system-shared";
+import $React from "react";
+const React = $importDefault($React);
+import { Icon, IconColor, IconName, IconSize } from "../Icon/index.mjs";
+import { ListItem } from "../ListItem/index.mjs";
+export const ListItemSelect = ({ isSelected, showSelectedIcon = false, endAccessory, accessoryGap = 3, twClassName, ...props }) => {
+    const showCheck = isSelected && showSelectedIcon;
+    const resolvedEndAccessory = showCheck ? (<Icon name={IconName.Check} size={IconSize.Lg} color={IconColor.IconDefault}/>) : (endAccessory);
+    const resolvedTwClassName = isSelected
+        ? mergeTwClassName('bg-background-muted', twClassName)
+        : twClassName;
+    return (<ListItem isInteractive twClassName={resolvedTwClassName} endAccessory={resolvedEndAccessory} accessoryGap={accessoryGap} {...props}/>);
+};
+ListItemSelect.displayName = 'ListItemSelect';
+//# sourceMappingURL=ListItemSelect.mjs.map

package/dist/components/ListItemSelect/ListItemSelect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemSelect.mjs","sourceRoot":"","sources":["../../../src/components/ListItemSelect/ListItemSelect.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,gBAAgB,EAAE,uCAAuC;AAClE,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,0BAAgB;AAC9D,OAAO,EAAE,QAAQ,EAAE,8BAAoB;AAIvC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,UAAU,EACV,gBAAgB,GAAG,KAAK,EACxB,YAAY,EACZ,YAAY,GAAG,CAAC,EAChB,WAAW,EACX,GAAG,KAAK,EACY,EAAE,EAAE;IACxB,MAAM,SAAS,GAAG,UAAU,IAAI,gBAAgB,CAAC;IACjD,MAAM,oBAAoB,GAAG,SAAS,CAAC,CAAC,CAAC,CACvC,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CACrB,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAClB,KAAK,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,EAC7B,CACH,CAAC,CAAC,CAAC,CACF,YAAY,CACb,CAAC;IAEF,MAAM,mBAAmB,GAAG,UAAU;QACpC,CAAC,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,WAAW,CAAC;QACtD,CAAC,CAAC,WAAW,CAAC;IAEhB,OAAO,CACL,CAAC,QAAQ,CACP,aAAa,CACb,WAAW,CAAC,CAAC,mBAAmB,CAAC,CACjC,YAAY,CAAC,CAAC,oBAAoB,CAAC,CACnC,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,IAAI,KAAK,CAAC,EACV,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import { mergeTwClassName } from '@metamask/design-system-shared';\nimport React from 'react';\n\nimport { Icon, IconColor, IconName, IconSize } from '../Icon';\nimport { ListItem } from '../ListItem';\n\nimport type { ListItemSelectProps } from './ListItemSelect.types';\n\nexport const ListItemSelect = ({\n  isSelected,\n  showSelectedIcon = false,\n  endAccessory,\n  accessoryGap = 3,\n  twClassName,\n  ...props\n}: ListItemSelectProps) => {\n  const showCheck = isSelected && showSelectedIcon;\n  const resolvedEndAccessory = showCheck ? (\n    <Icon\n      name={IconName.Check}\n      size={IconSize.Lg}\n      color={IconColor.IconDefault}\n    />\n  ) : (\n    endAccessory\n  );\n\n  const resolvedTwClassName = isSelected\n    ? mergeTwClassName('bg-background-muted', twClassName)\n    : twClassName;\n\n  return (\n    <ListItem\n      isInteractive\n      twClassName={resolvedTwClassName}\n      endAccessory={resolvedEndAccessory}\n      accessoryGap={accessoryGap}\n      {...props}\n    />\n  );\n};\n\nListItemSelect.displayName = 'ListItemSelect';\n"]}

package/dist/components/ListItemSelect/ListItemSelect.types.cjs

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ListItemSelect.types.cjs.map

package/dist/components/ListItemSelect/ListItemSelect.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemSelect.types.cjs","sourceRoot":"","sources":["../../../src/components/ListItemSelect/ListItemSelect.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ListItemSelectPropsShared } from '@metamask/design-system-shared';\nimport type { ReactNode } from 'react';\n\nimport type { ListItemProps } from '../ListItem/ListItem.types';\n\ntype ListItemInteractiveProps = Extract<ListItemProps, { isInteractive: true }>;\n\n/**\n * ListItemSelect component props.\n *\n * Interactive list row for single-select lists. Wraps {@link ListItem} with\n * `isInteractive` and selection styling.\n */\nexport type ListItemSelectProps = Omit<\n  ListItemInteractiveProps,\n  'isInteractive' | 'endAccessory'\n> &\n  ListItemSelectPropsShared & {\n    /** Used when the check icon is not shown (see `showSelectedIcon`). */\n    endAccessory?: ReactNode;\n  };\n"]}

package/dist/components/ListItemSelect/ListItemSelect.types.d.cts

@@ -0,0 +1,18 @@
+import type { ListItemSelectPropsShared } from "@metamask/design-system-shared";
+import type { ReactNode } from "react";
+import type { ListItemProps } from "../ListItem/ListItem.types.cjs";
+type ListItemInteractiveProps = Extract<ListItemProps, {
+    isInteractive: true;
+}>;
+/**
+ * ListItemSelect component props.
+ *
+ * Interactive list row for single-select lists. Wraps {@link ListItem} with
+ * `isInteractive` and selection styling.
+ */
+export type ListItemSelectProps = Omit<ListItemInteractiveProps, 'isInteractive' | 'endAccessory'> & ListItemSelectPropsShared & {
+    /** Used when the check icon is not shown (see `showSelectedIcon`). */
+    endAccessory?: ReactNode;
+};
+export {};
+//# sourceMappingURL=ListItemSelect.types.d.cts.map

package/dist/components/ListItemSelect/ListItemSelect.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemSelect.types.d.cts","sourceRoot":"","sources":["../../../src/components/ListItemSelect/ListItemSelect.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,uCAAuC;AAChF,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,uCAAmC;AAEhE,KAAK,wBAAwB,GAAG,OAAO,CAAC,aAAa,EAAE;IAAE,aAAa,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AAEhF;;;;;GAKG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,wBAAwB,EACxB,eAAe,GAAG,cAAc,CACjC,GACC,yBAAyB,GAAG;IAC1B,sEAAsE;IACtE,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC"}

package/dist/components/ListItemSelect/ListItemSelect.types.d.mts

@@ -0,0 +1,18 @@
+import type { ListItemSelectPropsShared } from "@metamask/design-system-shared";
+import type { ReactNode } from "react";
+import type { ListItemProps } from "../ListItem/ListItem.types.mjs";
+type ListItemInteractiveProps = Extract<ListItemProps, {
+    isInteractive: true;
+}>;
+/**
+ * ListItemSelect component props.
+ *
+ * Interactive list row for single-select lists. Wraps {@link ListItem} with
+ * `isInteractive` and selection styling.
+ */
+export type ListItemSelectProps = Omit<ListItemInteractiveProps, 'isInteractive' | 'endAccessory'> & ListItemSelectPropsShared & {
+    /** Used when the check icon is not shown (see `showSelectedIcon`). */
+    endAccessory?: ReactNode;
+};
+export {};
+//# sourceMappingURL=ListItemSelect.types.d.mts.map

package/dist/components/ListItemSelect/ListItemSelect.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemSelect.types.d.mts","sourceRoot":"","sources":["../../../src/components/ListItemSelect/ListItemSelect.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,uCAAuC;AAChF,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,uCAAmC;AAEhE,KAAK,wBAAwB,GAAG,OAAO,CAAC,aAAa,EAAE;IAAE,aAAa,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AAEhF;;;;;GAKG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,wBAAwB,EACxB,eAAe,GAAG,cAAc,CACjC,GACC,yBAAyB,GAAG;IAC1B,sEAAsE;IACtE,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC"}

package/dist/components/ListItemSelect/ListItemSelect.types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ListItemSelect.types.mjs.map

package/dist/components/ListItemSelect/ListItemSelect.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemSelect.types.mjs","sourceRoot":"","sources":["../../../src/components/ListItemSelect/ListItemSelect.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ListItemSelectPropsShared } from '@metamask/design-system-shared';\nimport type { ReactNode } from 'react';\n\nimport type { ListItemProps } from '../ListItem/ListItem.types';\n\ntype ListItemInteractiveProps = Extract<ListItemProps, { isInteractive: true }>;\n\n/**\n * ListItemSelect component props.\n *\n * Interactive list row for single-select lists. Wraps {@link ListItem} with\n * `isInteractive` and selection styling.\n */\nexport type ListItemSelectProps = Omit<\n  ListItemInteractiveProps,\n  'isInteractive' | 'endAccessory'\n> &\n  ListItemSelectPropsShared & {\n    /** Used when the check icon is not shown (see `showSelectedIcon`). */\n    endAccessory?: ReactNode;\n  };\n"]}

package/dist/components/ListItemSelect/index.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItemSelect = void 0;
+var ListItemSelect_1 = require("./ListItemSelect.cjs");
+Object.defineProperty(exports, "ListItemSelect", { enumerable: true, get: function () { return ListItemSelect_1.ListItemSelect; } });
+//# sourceMappingURL=index.cjs.map

package/dist/components/ListItemSelect/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/ListItemSelect/index.ts"],"names":[],"mappings":";;;AAAA,uDAAkD;AAAzC,gHAAA,cAAc,OAAA","sourcesContent":["export { ListItemSelect } from './ListItemSelect';\nexport type { ListItemSelectProps } from './ListItemSelect.types';\n"]}

package/dist/components/ListItemSelect/index.d.cts

@@ -0,0 +1,3 @@
+export { ListItemSelect } from "./ListItemSelect.cjs";
+export type { ListItemSelectProps } from "./ListItemSelect.types.cjs";
+//# sourceMappingURL=index.d.cts.map