@undp/design-system-react/dist/Grid.js

React based design system for UNDP

import { t as e } from "./utils-ca9as9Ye.js";
import t from "react";
import { jsx as n } from "react/jsx-runtime";
//#region src/components/ui/grid.tsx
var r = {
	1: "grid-cols-1",
	2: "grid-cols-2",
	3: "grid-cols-3",
	4: "grid-cols-4",
	5: "grid-cols-5",
	6: "grid-cols-6",
	7: "grid-cols-7",
	8: "grid-cols-8",
	9: "grid-cols-9",
	10: "grid-cols-10",
	11: "grid-cols-11",
	12: "grid-cols-12"
}, i = {
	1: "sm:grid-cols-1",
	2: "sm:grid-cols-2",
	3: "sm:grid-cols-3",
	4: "sm:grid-cols-4",
	5: "sm:grid-cols-5",
	6: "sm:grid-cols-6",
	7: "sm:grid-cols-7",
	8: "sm:grid-cols-8",
	9: "sm:grid-cols-9",
	10: "sm:grid-cols-10",
	11: "sm:grid-cols-11",
	12: "sm:grid-cols-12"
}, a = {
	1: "md:grid-cols-1",
	2: "md:grid-cols-2",
	3: "md:grid-cols-3",
	4: "md:grid-cols-4",
	5: "md:grid-cols-5",
	6: "md:grid-cols-6",
	7: "md:grid-cols-7",
	8: "md:grid-cols-8",
	9: "md:grid-cols-9",
	10: "md:grid-cols-10",
	11: "md:grid-cols-11",
	12: "md:grid-cols-12"
}, o = {
	1: "lg:grid-cols-1",
	2: "lg:grid-cols-2",
	3: "lg:grid-cols-3",
	4: "lg:grid-cols-4",
	5: "lg:grid-cols-5",
	6: "lg:grid-cols-6",
	7: "lg:grid-cols-7",
	8: "lg:grid-cols-8",
	9: "lg:grid-cols-9",
	10: "lg:grid-cols-10",
	11: "lg:grid-cols-11",
	12: "lg:grid-cols-12"
}, s = {
	1: "xl:grid-cols-1",
	2: "xl:grid-cols-2",
	3: "xl:grid-cols-3",
	4: "xl:grid-cols-4",
	5: "xl:grid-cols-5",
	6: "xl:grid-cols-6",
	7: "xl:grid-cols-7",
	8: "xl:grid-cols-8",
	9: "xl:grid-cols-9",
	10: "xl:grid-cols-10",
	11: "xl:grid-cols-11",
	12: "xl:grid-cols-12"
}, c = {
	1: "2xl:grid-cols-1",
	2: "2xl:grid-cols-2",
	3: "2xl:grid-cols-3",
	4: "2xl:grid-cols-4",
	5: "2xl:grid-cols-5",
	6: "2xl:grid-cols-6",
	7: "2xl:grid-cols-7",
	8: "2xl:grid-cols-8",
	9: "2xl:grid-cols-9",
	10: "2xl:grid-cols-10",
	11: "2xl:grid-cols-11",
	12: "2xl:grid-cols-12"
}, l = {
	1: "col-span-1",
	2: "col-span-2",
	3: "col-span-3",
	4: "col-span-4",
	5: "col-span-5",
	6: "col-span-6",
	7: "col-span-7",
	8: "col-span-8",
	9: "col-span-9",
	10: "col-span-10",
	11: "col-span-11",
	12: "col-span-12"
}, u = {
	1: "sm:col-span-1",
	2: "sm:col-span-2",
	3: "sm:col-span-3",
	4: "sm:col-span-4",
	5: "sm:col-span-5",
	6: "sm:col-span-6",
	7: "sm:col-span-7",
	8: "sm:col-span-8",
	9: "sm:col-span-9",
	10: "sm:col-span-10",
	11: "sm:col-span-11",
	12: "sm:col-span-12"
}, d = {
	1: "md:col-span-1",
	2: "md:col-span-2",
	3: "md:col-span-3",
	4: "md:col-span-4",
	5: "md:col-span-5",
	6: "md:col-span-6",
	7: "md:col-span-7",
	8: "md:col-span-8",
	9: "md:col-span-9",
	10: "md:col-span-10",
	11: "md:col-span-11",
	12: "md:col-span-12"
}, f = {
	1: "lg:col-span-1",
	2: "lg:col-span-2",
	3: "lg:col-span-3",
	4: "lg:col-span-4",
	5: "lg:col-span-5",
	6: "lg:col-span-6",
	7: "lg:col-span-7",
	8: "lg:col-span-8",
	9: "lg:col-span-9",
	10: "lg:col-span-10",
	11: "lg:col-span-11",
	12: "lg:col-span-12"
}, p = {
	1: "xl:col-span-1",
	2: "xl:col-span-2",
	3: "xl:col-span-3",
	4: "xl:col-span-4",
	5: "xl:col-span-5",
	6: "xl:col-span-6",
	7: "xl:col-span-7",
	8: "xl:col-span-8",
	9: "xl:col-span-9",
	10: "xl:col-span-10",
	11: "xl:col-span-11",
	12: "xl:col-span-12"
}, m = {
	1: "2xl:col-span-1",
	2: "2xl:col-span-2",
	3: "2xl:col-span-3",
	4: "2xl:col-span-4",
	5: "2xl:col-span-5",
	6: "2xl:col-span-6",
	7: "2xl:col-span-7",
	8: "2xl:col-span-8",
	9: "2xl:col-span-9",
	10: "2xl:col-span-10",
	11: "2xl:col-span-11",
	12: "2xl:col-span-12"
}, h = (t, n) => {
	if (t !== void 0) return typeof t == "number" ? n.base[t] : e(t.base !== void 0 && n.base[t.base], t.sm !== void 0 && n.sm[t.sm], t.md !== void 0 && n.md[t.md], t.lg !== void 0 && n.lg[t.lg], t.xl !== void 0 && n.xl[t.xl], t["2xl"] !== void 0 && n["2xl"][t["2xl"]]);
}, g = {
	base: r,
	sm: i,
	md: a,
	lg: o,
	xl: s,
	"2xl": c
}, _ = {
	base: l,
	sm: u,
	md: d,
	lg: f,
	xl: p,
	"2xl": m
}, v = t.forwardRef(({ className: t, noOfCol: r = {
	base: 1,
	sm: 2,
	md: 3
}, gap: i = "16px", style: a, ...o }, s) => /* @__PURE__ */ n("div", {
	className: e("grid items-stretch", h(r, g), t),
	ref: s,
	style: {
		gap: i,
		...a
	},
	...o
}));
v.displayName = "Grid";
var y = t.forwardRef(({ noOfColSpan: t = {
	base: 1,
	sm: 1,
	md: 1
}, className: r, ...i }, a) => /* @__PURE__ */ n("div", {
	ref: a,
	className: e(h(t, _), r),
	...i
}));
y.displayName = "GridItem";
//#endregion
export { v as Grid, y as GridItem };

//# sourceMappingURL=Grid.js.map