{"version":3,"file":"ListItemPrefix.cjs","sources":["../../../src/components/List/ListItemPrefix.tsx"],"sourcesContent":["import React from \"react\";\n\n// utils\nimport { twMerge } from \"tailwind-merge\";\n\n// types\nimport { objectsToString } from \"@/components/utils\";\nimport clsx from \"clsx\";\nimport {\n  children,\n  className,\n  propTypesChildren,\n  propTypesClassName,\n} from \"../utils/types\";\nimport { list } from \"./listStyle\";\n\nexport interface ListItemPrefixProps extends React.ComponentProps<\"div\"> {\n  className?: className;\n  children: children;\n}\n\nexport const ListItemPrefix = React.forwardRef<\n  HTMLDivElement,\n  ListItemPrefixProps\n>(({ className, children, ...rest }, ref) => {\n  // 1. init\n  const { styles } = list;\n\n  // 2. set styles\n  const listItemPrefixClasses = twMerge(\n    clsx(objectsToString(styles?.base?.itemPrefix)),\n    className\n  );\n\n  return (\n    <div {...rest} ref={ref} className={listItemPrefixClasses}>\n      {children}\n    </div>\n  );\n});\n\nListItemPrefix.propTypes = {\n  className: propTypesClassName,\n  children: propTypesChildren,\n};\n\nListItemPrefix.displayName = \"ListItemPrefix\";\n\n// export default ListItemPrefix;\n"],"names":["ListItemPrefix","React","forwardRef","className","children","rest","ref","styles","list","listItemPrefixClasses","twMerge","clsx","objectsToString","_a","base","itemPrefix","propTypes","propTypesClassName","propTypesChildren","displayName"],"mappings":"yWAqBaA,EAAiBC,EAAMC,YAGlC,EAAGC,UAAAA,EAAWC,SAAAA,KAAaC,GAAQC,WAE7B,MAAAC,OAAEA,GAAWC,OAGbC,EAAwBC,EAAAA,QAC5BC,EAAAA,KAAKC,EAAAA,gBAAgB,OAAAC,mBAAQC,WAAR,EAAAD,EAAcE,aACnCZ,GAIA,+BAAC,UAAQE,EAAMC,MAAUH,UAAWM,EACjCL,SAAAA,GACH,IAIJJ,EAAegB,UAAY,CACzBb,UAAWc,EAAAA,mBACXb,SAAUc,EAAAA,mBAGZlB,EAAemB,YAAc"}