@base-framework/ui 1.0.204 → 1.0.206

package/dist/atoms.es.js

@@ -1,4 +1,4 @@
-import { B as e, C as t, b as o, F as n, a as r, L as p, P as u, R as I, S as i, c as l, T as d } from "./tooltip-DRTWoAn9.js";
+import { B as e, C as t, b as o, F as n, a as r, L as p, P as u, R as I, S as i, c as l, T as d } from "./tooltip-Da-I1JSX.js";
 import { B as T, I as c, L as x } from "./buttons-Cm9etaEG.js";
 import { C, d as g, D as F, c as b, E as f, F as L, H as P, I as R, M as S, N as h, P as k, R as D, T as V, a as E, b as G, U as H, W as M } from "./inputs-CMjx5-IX.js";
 import { V as U, a as W } from "./veil-D4dRxILB.js";

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { B as e, C as o, b as t, F as r, a as n, L as l, P as i, R as p, S as u, c as m, T as d } from "./tooltip-DRTWoAn9.js";
+import { B as e, C as o, b as t, F as r, a as n, L as l, P as i, R as p, S as u, c as m, T as d } from "./tooltip-Da-I1JSX.js";
 import { B as g, I as C, L as T } from "./buttons-Cm9etaEG.js";
 import { C as D, d as I, D as S, c as B, E as P, F, H as M, I as k, M as N, N as f, P as v, R as x, T as y, a as h, b as W, U as H, W as L } from "./inputs-CMjx5-IX.js";
 import { V as w, a as U } from "./veil-D4dRxILB.js";

package/dist/{tooltip-DRTWoAn9.js → tooltip-Da-I1JSX.js}

@@ -1,4 +1,4 @@
-import { Span as g, Div as o, Legend as b, Fieldset as x, H4 as C, P as h, UseParent as u, Input as y } from "@base-framework/atoms";
+import { Span as g, Div as l, Legend as f, Fieldset as x, H4 as C, P as h, UseParent as u, Input as y } from "@base-framework/atoms";
 import { Atom as s, Html as p } from "@base-framework/base";
 import { a as d } from "./veil-D4dRxILB.js";
 import { f as k, e as w, g as $ } from "./inputs-CMjx5-IX.js";
@@ -79,18 +79,18 @@ const a = {
     ringColor: "ring-background"
   }
 }, v = (t) => a[t] || a.gray, P = (t) => {
-  const { backgroundColor: r, textColor: e, ringColor: l } = v(t);
-  return `inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors ${r} ${e} ${l}`;
+  const { backgroundColor: r, textColor: e, ringColor: o } = v(t);
+  return `inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors ${r} ${e} ${o}`;
 }, G = s((t, r) => {
   const e = P(t == null ? void 0 : t.type);
   return g({ ...t, class: e }, r);
 }), I = s((t, r) => {
-  const e = t.margin ?? "my-5 mx-5", l = t.padding ?? "p-4";
-  return t.hover && (t.class += " hover:shadow-lg hover:bg-muted/50"), o({
+  const e = t.margin ?? "my-5 mx-5", o = t.padding ?? "p-4";
+  return t.hover && (t.class += " hover:shadow-lg hover:bg-muted/50"), l({
     ...t,
-    class: `rounded-lg border bg-card text-card-foreground shadow-md min-w-[120px] min-h-[80px] ${e} ${l} ${t.class || ""}`
+    class: `rounded-lg border bg-card text-card-foreground shadow-md min-w-[120px] min-h-[80px] ${e} ${o} ${t.class || ""}`
   }, r);
-}), S = s((t, r) => b({
+}), S = s((t, r) => f({
   ...t,
   class: ` font-medium bg-background -mt-4 -mx-1 px-2 py-2 ${t.class || ""}`
 }, r)), R = s((t, r) => {
@@ -100,31 +100,24 @@ const a = {
     class: `p-6 ${e} ${t.class || ""}`
   }, [
     t.legend && S(t.legend),
-    o({ class: "flex flex-auto flex-col space-y-6" }, r)
+    l({ class: "flex flex-auto flex-col space-y-6" }, r)
   ]);
 }), O = s((t, r) => {
-  var e;
-  return o({
+  var o;
+  const e = t.border === !0 ? "border-t" : "";
+  return l({
     ...t,
-    class: `flex flex-col
-			sm:flex-row sm:items-center
-			${t.class || ""}`
+    class: `flex flex-col sm:flex-row pt-2 ${e} ${t.class || ""}`
   }, [
-    // Label container: 1/4 width on sm+, full-width on mobile
-    t.label && o({
+    t.label && l({
       ...t.labelProps,
-      class: `w-full
-				sm:w-1/3
-				text-base font-medium
-				${((e = t.labelProps) == null ? void 0 : e.class) || ""}`
+      class: `w-full sm:w-1/3 space-y-2 ${((o = t.labelProps) == null ? void 0 : o.class) || ""}`
     }, [
-      C({ class: "text-base font-medium" }, t.label),
-      t.description && h({ class: "text-muted-foreground" }, t.description)
+      C({ class: "text-base" }, t.label),
+      t.description && h({ class: "text-sm text-muted-foreground" }, t.description)
     ]),
     // Controls container: grows to fill remaining space, spacing between items
-    o({
-      class: "w-full sm:flex-1 flex flex-col space-y-4"
-    }, r)
+    l({ class: "w-full sm:flex-1 flex flex-col space-y-4" }, r)
   ]);
 }), V = d(
   {
@@ -156,17 +149,17 @@ const a = {
      * @returns {object}
      */
     render() {
-      return o({ class: "relative w-full h-4 flex items-center" }, [
+      return l({ class: "relative w-full h-4 flex items-center" }, [
         // Track
-        o({ class: "absolute h-2 w-full rounded-full bg-muted" }),
+        l({ class: "absolute h-2 w-full rounded-full bg-muted" }),
         u(({ state: t }) => [
           // Filled Track
-          o({
+          l({
             class: "absolute h-2 bg-primary rounded-full",
             style: ["width: [[filledPercentage]]%", t]
           }),
           // Thumb
-          o({
+          l({
             class: `
 						absolute block h-5 w-5 rounded-full border-2 border-primary bg-background
 						ring-offset-background transition-colors focus-visible:outline-none
@@ -206,13 +199,13 @@ const a = {
   ...t,
   class: `${$} ${t.class || ""}`.trim()
 })), E = (t) => !t || isNaN(t) ? null : t, i = (t, r) => {
-  const e = t, l = 16, n = 2 * Math.PI * l, m = e / 100 * n, f = `
+  const e = t, o = 16, n = 2 * Math.PI * o, m = e / 100 * n, b = `
 	<svg class="w-40 h-40 mx-auto" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
 		<!-- Background Circle -->
 		<circle
 			cx="18"
 			cy="18"
-			r="${l}"
+			r="${o}"
 			fill="none"
 			stroke="currentColor"
 			stroke-width="4"
@@ -223,7 +216,7 @@ const a = {
 		<circle
 			cx="18"
 			cy="18"
-			r="${l}"
+			r="${o}"
 			fill="none"
 			stroke="currentColor"
 			stroke-width="4"
@@ -244,20 +237,20 @@ const a = {
 		</text>
 	</svg>
 	`;
-  return o({
+  return l({
     class: "circle-graph text-inherit",
-    html: f
+    html: b
   });
 }, H = s((t) => {
-  const r = t.progress || 0, e = t.class || "", l = i(r, e);
-  return o({
+  const r = t.progress || 0, e = t.class || "", o = i(r, e);
+  return l({
     class: "circle-graph-wrap",
     onSet: [
       t.prop,
-      (n) => (n = E(n), n ? i(n, e) : l)
+      (n) => (n = E(n), n ? i(n, e) : o)
     ]
-  }, [l]);
-}), B = () => u(({ state: t }) => o({
+  }, [o]);
+}), B = () => u(({ state: t }) => l({
   class: "absolute h-full rounded-full bg-primary transition-all duration-300",
   style: ["width: [[progress]]%;", t]
 })), M = d(
@@ -268,7 +261,7 @@ const a = {
      * @returns {object}
      */
     render() {
-      return o({ class: "relative w-full h-4 rounded-full bg-muted" }, [
+      return l({ class: "relative w-full h-4 rounded-full bg-muted" }, [
         B()
       ]);
     },
@@ -312,8 +305,8 @@ const a = {
       t < 0 && (t = 0), t > 100 && (t = 100), this.state.progress = t;
     }
   }
-), _ = ({ class: t, shape: r = "rectangle", width: e = "w-full", height: l = "h-4" }) => o({
-  class: `bg-muted animate-pulse ${e} ${l} ${r === "circle" ? "rounded-full" : "rounded-md"} ${t || ""}`
+), _ = ({ class: t, shape: r = "rectangle", width: e = "w-full", height: o = "h-4" }) => l({
+  class: `bg-muted animate-pulse ${e} ${o} ${r === "circle" ? "rounded-full" : "rounded-md"} ${t || ""}`
 }), c = {
   top: "bottom-full left-1/2 transform -translate-x-1/2 mb-2",
   "top-right": "bottom-full left-full transform -translate-x-1 mb-2",
@@ -324,14 +317,14 @@ const a = {
   left: "top-1/2 right-full transform -translate-y-1/2 mr-2",
   right: "top-1/2 left-full transform -translate-y-1/2 ml-2"
 }, F = (t) => c[t] || c.top, z = s(({ position: t = "top", content: r }, e) => {
-  const l = F(t);
-  return Array.isArray(e) === !1 && (e = [e]), o({ class: "relative group inline-block" }, [
+  const o = F(t);
+  return Array.isArray(e) === !1 && (e = [e]), l({ class: "relative group inline-block" }, [
     ...e,
     // Tooltip box
     g({
       class: `
 				absolute z-20 px-2 py-1 border text-sm bg-background rounded shadow-md opacity-0 whitespace-nowrap
-				group-hover:opacity-100 transition-opacity duration-200 ${l} pointer-events-none
+				group-hover:opacity-100 transition-opacity duration-200 ${o} pointer-events-none
 			`
     }, r)
   ]);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@base-framework/ui",
-	"version": "1.0.204",
+	"version": "1.0.206",
 	"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": {