@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
35 lines (31 loc) • 1.63 kB
JavaScript
"use client";
const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
const require_utils_index = require('../../utils/index.cjs');
const require_create_component = require('../../core/components/create-component.cjs');
const require_grid = require('../grid/grid.cjs');
const require_simple_grid_style = require('./simple-grid.style.cjs');
let react = require("react");
react = require_rolldown_runtime.__toESM(react);
//#region src/components/simple-grid/simple-grid.tsx
const { PropsContext: SimpleGridPropsContext, usePropsContext: useSimpleGridPropsContext, withContext } = require_create_component.createComponent("simple-grid", require_simple_grid_style.simpleGridStyle);
/**
* `SimpleGrid` is a component that makes `Grid` simpler and more user-friendly.
*
* @see https://yamada-ui.com/docs/components/simple-grid
*/
const SimpleGrid = withContext(require_grid.Grid)(void 0, ({ columns, minChildWidth,...rest }) => {
return {
templateColumns: (0, react.useMemo)(() => {
if (minChildWidth) return (0, require_utils_index.utils_exports.replaceObject)(minChildWidth, (value) => {
return value != null ? `repeat(auto-fit, minmax({sizes.${value}, ${value}}, 1fr))` : void 0;
});
else return (0, require_utils_index.utils_exports.replaceObject)(columns, (value) => value != null ? `repeat(${value}, minmax(0, 1fr))` : void 0);
}, [minChildWidth, columns]),
...rest
};
});
//#endregion
exports.SimpleGrid = SimpleGrid;
exports.SimpleGridPropsContext = SimpleGridPropsContext;
exports.useSimpleGridPropsContext = useSimpleGridPropsContext;
//# sourceMappingURL=simple-grid.cjs.map