@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
JavaScript
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
};