@yamada-ui/react/dist/cjs/components/grid/grid-item.cjs.map

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

{"version":3,"file":"grid-item.cjs","names":["createComponent","gridItemStyle"],"sources":["../../../../src/components/grid/grid-item.tsx"],"sourcesContent":["\"use client\"\n\nimport type { CSSProps, HTMLStyledProps, StyleValue } from \"../../core\"\nimport type { GridItemStyle } from \"./grid-item.style\"\nimport { createComponent } from \"../../core\"\nimport { replaceObject } from \"../../utils\"\nimport { gridItemStyle } from \"./grid-item.style\"\n\nexport interface GridItemProps extends HTMLStyledProps {\n  /**\n   * The CSS `grid-area` property.\n   */\n  area?: CSSProps[\"gridArea\"]\n  /**\n   * The CSS `grid-column-end` property.\n   */\n  colEnd?: CSSProps[\"gridColumnEnd\"]\n  /**\n   * The number of columns the grid item should `span`.\n   */\n  colSpan?: StyleValue<number>\n  /**\n   * The CSS `grid-column-start` property.\n   */\n  colStart?: CSSProps[\"gridColumnStart\"]\n  /**\n   * The CSS `grid-row-end` property.\n   */\n  rowEnd?: CSSProps[\"gridRowEnd\"]\n  /**\n   * The number of rows the grid item should `span`.\n   */\n  rowSpan?: StyleValue<number>\n  /**\n   * The CSS `grid-row-start` property.\n   */\n  rowStart?: CSSProps[\"gridRowStart\"]\n}\n\nconst {\n  PropsContext: GridItemPropsContext,\n  usePropsContext: useGridItemPropsContext,\n  withContext,\n} = createComponent<GridItemProps, GridItemStyle>(\"grid-item\", gridItemStyle)\n\nexport { GridItemPropsContext, useGridItemPropsContext }\n\nexport const GridItem = withContext(\"div\")(\n  undefined,\n  ({\n    area: gridArea,\n    colEnd: gridColumnEnd,\n    colSpan,\n    colStart: gridColumnStart,\n    rowEnd: gridRowEnd,\n    rowSpan,\n    rowStart: gridRowStart,\n    ...rest\n  }) => ({\n    gridArea,\n    gridColumn: replaceObject(colSpan, (value) =>\n      value != null ? `span ${value}/span ${value}` : undefined,\n    ),\n    gridColumnEnd,\n    gridColumnStart,\n    gridRow: replaceObject(rowSpan, (value) =>\n      value != null ? `span ${value}/span ${value}` : undefined,\n    ),\n    gridRowEnd,\n    gridRowStart,\n    ...rest,\n  }),\n)\n"],"mappings":";;;;;;;;AAuCA,MAAM,EACJ,cAAc,sBACd,iBAAiB,yBACjB,gBACEA,yCAA8C,aAAaC,sCAAc;AAI7E,MAAa,WAAW,YAAY,MAAM,CACxC,SACC,EACC,MAAM,UACN,QAAQ,eACR,SACA,UAAU,iBACV,QAAQ,YACR,SACA,UAAU,aACV,GAAG,YACE;CACL;CACA,iEAA0B,UAAU,UAClC,SAAS,OAAO,QAAQ,MAAM,QAAQ,UAAU,OACjD;CACD;CACA;CACA,8DAAuB,UAAU,UAC/B,SAAS,OAAO,QAAQ,MAAM,QAAQ,UAAU,OACjD;CACD;CACA;CACA,GAAG;CACJ,EACF"}