nextuiq/dist/index20.js

NextUIQ is a modern, lightweight, and developer-friendly UI component library for React and Next.js. Built with TypeScript and Tailwind CSS, it offers customizable, accessible, and performance-optimized components with built-in dark mode, theme customizat

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index46.js"),i=require("./index38.js");exports.Grid=({children:d,cols:e=1,rows:o,gap:g=4,className:l,minChildWidth:s,autoFit:a=!1,autoFlow:t,...c})=>r.jsxRuntimeExports.jsx("div",{className:i.cn("grid w-full bg-[oklch(var(--theme-background))]",a&&s?`grid-cols-[repeat(auto-fit,minmax(var(--grid-min-child-width,${s}),1fr))]`:"number"==typeof e?`grid-cols-${e}`:"object"==typeof e?i.cn(e.sm&&`sm:grid-cols-${e.sm}`,e.md&&`md:grid-cols-${e.md}`,e.lg&&`lg:grid-cols-${e.lg}`,e.xl&&`xl:grid-cols-${e.xl}`):"",o&&`grid-rows-[var(--grid-rows-${o})]`,"number"==typeof g?`gap-[var(--grid-gap-${g})]`:i.cn(g?.x&&`gap-x-[var(--grid-gap-x-${g.x})]`,g?.y&&`gap-y-[var(--grid-gap-y-${g.y})]`),t&&`grid-flow-[var(--grid-flow-${t})]`,l),...c,children:d});