@base-framework/ui 1.0.262 → 1.0.264

package/dist/veil-tVDPinrr.js

@@ -0,0 +1,48 @@
+import { Div as r, H4 as c, P as i } from "@base-framework/atoms";
+import { Atom as o, Jot as m, Component as g } from "@base-framework/base";
+const f = o((t, s) => {
+  const a = t.margin ?? "my-5 mx-5", e = t.padding ?? "p-4";
+  return t.hover && (t.class += " hover:shadow-lg hover:bg-muted/50"), r({
+    ...t,
+    class: `rounded-lg border bg-card text-card-foreground shadow-md min-w-[120px] min-h-[80px] ${a} ${e} ${t.class || ""}`
+  }, s);
+}), h = o((t, s) => {
+  var e;
+  const a = t.border === !0 ? "border-t" : "";
+  return r({
+    ...t,
+    class: `grid grid-cols-1 gap-y-4 sm:grid-cols-[1fr,2fr] sm:gap-x-6 pt-8 ${a} ${t.class || ""}`
+  }, [
+    t.label && r({
+      ...t.labelProps,
+      class: `space-y-1 ${((e = t.labelProps) == null ? void 0 : e.class) || ""}`
+    }, [
+      c({ class: "text-base" }, t.label),
+      t.description && i({ class: "text-sm text-muted-foreground" }, t.description)
+    ]),
+    // Controls container: grows to fill remaining space, spacing between items
+    r({ class: "flex flex-col space-y-4" }, s)
+  ]);
+});
+class u extends g {
+  /**
+   * This will set the component context.
+   *
+   * @param {object|null} context
+   * @returns {object|null}
+   */
+  setContext(s) {
+    var e, n, l, d;
+    if (this.data)
+      return null;
+    const a = ((e = this == null ? void 0 : this.parent) == null ? void 0 : e.data) ?? ((l = (n = this == null ? void 0 : this.parent) == null ? void 0 : n.context) == null ? void 0 : l.data) ?? ((d = this == null ? void 0 : this.parent) == null ? void 0 : d.state) ?? null;
+    return a ? { data: a } : null;
+  }
+}
+const $ = (t) => m(t, u);
+export {
+  f as C,
+  h as F,
+  u as V,
+  $ as a
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.262",
+	"version": "1.0.264",
 	"description": "This is a UI package that adds components and atoms that use Tailwind CSS and a theme based on Shadcn.",
 	"main": "./dist/index.es.js",
 	"scripts": {

package/dist/veil-D4dRxILB.js

@@ -1,21 +0,0 @@
-import { Jot as r, Component as i } from "@base-framework/base";
-class l extends i {
-  /**
-   * This will set the component context.
-   *
-   * @param {object|null} context
-   * @returns {object|null}
-   */
-  setContext(p) {
-    var n, a, s, o;
-    if (this.data)
-      return null;
-    const e = ((n = this == null ? void 0 : this.parent) == null ? void 0 : n.data) ?? ((s = (a = this == null ? void 0 : this.parent) == null ? void 0 : a.context) == null ? void 0 : s.data) ?? ((o = this == null ? void 0 : this.parent) == null ? void 0 : o.state) ?? null;
-    return e ? { data: e } : null;
-  }
-}
-const c = (t) => r(t, l);
-export {
-  l as V,
-  c as a
-};