UNPKG

@base-framework/ui

Version:

This is a UI package that adds components and atoms that use Tailwind CSS and a theme based on Shadcn.

45 lines (44 loc) 1.06 kB
import { Atom as t } from "@base-framework/base"; import { Header as c, H1 as o } from "@base-framework/atoms"; const x = t((l, e) => ({ tag: "section", ...l, children: e })), u = t((l, e) => x({ class: "body full-container flex flex-auto flex-col " + l.class, ...l }, e)), n = t((l, e) => { const a = l.flex ? l.flex : "flex flex-auto flex-col lg:flex-row"; return l.class = "row " + a + " " + (l.class || ""), { ...l, children: e }; }), m = t((l, e) => c([ o({ watch: l.watch }, l.text) ], e)), f = t((l, e) => { const a = l.flex ? "flex flex-none" : "flex flex-auto flex-col"; return l.class = "col " + a + " " + (l.class || ""), { ...l, children: e }; }), i = t((l, e) => x({ class: "body aside-container flex flex-auto flex-col max-w-[100vw] h-full" }, [ n([ f({ class: "drawer control w-full md:max-w-[320px]", flex: "flex flex-none md:flex-auto flex-col" }, [ l.left ]), f([ l.right ]) ]) ])); export { i as A, u as F, f as M, n as R, m as T, x as a };