@base-framework/ui/dist/aside-template-McEj_Gxc.js

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

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