@base-framework/ui 1.0.300 → 1.0.302

package/dist/{signature-panel-C2lrBRBh.js → signature-panel-CEqzd6Sa.js}

@@ -1,10 +1,10 @@
 import { Button as x, Div as o, On as v, Span as D, Th as O, UseParent as F, I as E, Thead as Q, Tr as X, Table as I, P as p, Li as S, Time as q, Nav as C, Ul as w, Section as z, Canvas as K } from "@base-framework/atoms";
-import { Atom as d, Component as u, Data as L, DateTime as G, router as y, NavLink as $, DataTracker as N, Jot as V, base as M, Dom as R } from "@base-framework/base";
+import { Atom as d, Component as u, Data as L, DateTime as G, router as b, NavLink as $, DataTracker as N, Jot as V, base as M, Dom as R } from "@base-framework/base";
 import { B as T, I as _ } from "./buttons-CHEs54Wl.js";
 import { Icons as k } from "./icons.es.js";
 import { TableBody as J, DataTableBody as Z, ScrollableTableBody as ee, List as te, IntervalTimer as se } from "@base-framework/organisms";
-import { C as ae, I as ie, H as ne } from "./inputs-DJhlHvWE.js";
-import { A as oe, P as le } from "./range-calendar-CcFEHyEp.js";
+import { C as ae, I as ie, H as ne } from "./inputs-9udyzkHR.js";
+import { A as oe, P as le } from "./range-calendar-CnBylqhu.js";
 d((t, e) => ({
   class: "flex items-center px-4 py-2",
   ...t,
@@ -88,23 +88,23 @@ const re = (t) => {
     class: `
 			px-2 py-1 text-center rounded-md
 			${n ? "bg-accent text-accent-foreground" : ""}
-			hover:bg-primary hover:text-foreground
+			hover:bg-primary hover:text-primary-foreground
 		`,
     click: () => i(a, s)
   });
-}, ge = (t, e) => {
-  const s = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate(), i = de(t, e, s), n = Array.from({ length: a }, (h, m) => new Date(t, e, m + 1)), l = (i.length + n.length) % 7, c = l === 0 ? 0 : 7 - l, r = he(t, e, c), f = [...i, ...n, ...r], g = [];
+}, me = (t, e) => {
+  const s = new Date(t, e, 1).getDay(), a = new Date(t, e + 1, 0).getDate(), i = de(t, e, s), n = Array.from({ length: a }, (h, g) => new Date(t, e, g + 1)), l = (i.length + n.length) % 7, c = l === 0 ? 0 : 7 - l, r = he(t, e, c), f = [...i, ...n, ...r], m = [];
   for (let h = 0; h < f.length; h += 7) {
-    const m = f.slice(h, h + 7), b = m.find((Y) => Y) || new Date(t, e, 1), { weekNumber: A, year: U } = ce(b);
-    g.push({
+    const g = f.slice(h, h + 7), y = g.find((Y) => Y) || new Date(t, e, 1), { weekNumber: A, year: U } = ce(y);
+    m.push({
       weekNumber: A,
       year: U,
-      days: m
+      days: g
     });
   }
-  return g;
-}, me = ({ selectWeek: t }) => v("month", (e, s, { data: a }) => {
-  const { year: i, month: n, currentDate: l } = a, c = ge(i, n);
+  return m;
+}, ge = ({ selectWeek: t }) => v("month", (e, s, { data: a }) => {
+  const { year: i, month: n, currentDate: l } = a, c = me(i, n);
   return o(
     { class: "grid grid-cols-8 gap-1 text-sm px-4 py-2" },
     [
@@ -120,7 +120,7 @@ const re = (t) => {
       ),
       // Render each "week" row
       ...c.map(
-        ({ weekNumber: r, days: f, year: g }) => o({
+        ({ weekNumber: r, days: f, year: m }) => o({
           class: "grid grid-cols-8 col-span-8 items-center ring-primary rounded-sm px-1",
           onSet: ["currentWeek", {
             ring: r
@@ -129,10 +129,10 @@ const re = (t) => {
           // Left column: ISO week number
           o({
             class: "font-medium text-center col-span-1 rounded-sm cursor-pointer",
-            click: () => t(r, g),
+            click: () => t(r, m),
             // If you have a 'currentWeek' state, you can highlight it with 'onSet'
             onSet: ["currentWeek", {
-              "text-foreground": r,
+              "text-primary-foreground": r,
               "bg-primary": r
             }],
             text: r ? `W${r}` : ""
@@ -290,7 +290,7 @@ class ot extends u {
         next: () => this.goToNextMonth(),
         previous: () => this.goToPreviousMonth()
       }),
-      me({
+      ge({
         selectWeek: (e, s) => this.selectWeek(e, s)
       })
     ]);
@@ -299,9 +299,9 @@ class ot extends u {
 const we = (t, e) => {
   const s = t.toggleAllSelectedRows();
   e.state.checked = !s;
-}, be = (t) => O({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
+}, ye = (t) => O({ class: `cursor-pointer py-3 px-4 text-base w-10 ${t.class || ""}` }, [
   F((e) => new ae({ class: "mr-2", onChange: (s, a) => we(e, a) }))
-]), ye = ({ align: t, sortable: e, key: s, label: a, sort: i, class: n }) => {
+]), be = ({ align: t, sortable: e, key: s, label: a, sort: i, class: n }) => {
   const l = t || "justify-start";
   return O({
     class: `cursor-pointer py-3 px-4 text-base ${n || ""}`,
@@ -317,7 +317,7 @@ const we = (t, e) => {
     class: "text-muted-foreground border-b",
     map: [
       t.headers,
-      (e) => e.label === "checkbox" ? be({ toggle: t.toggle }) : ye({
+      (e) => e.label === "checkbox" ? ye({ toggle: t.toggle }) : be({
         align: e.align,
         sortable: e.sortable,
         key: e.key,
@@ -705,7 +705,7 @@ const rt = d((t) => new Se(
   href: e,
   exact: s,
   dataSet: ["selected", ["state", !0, "active"]],
-  class: `${a ? "hidden" : "inline-flex"} items-center justify-center whitespace-nowrap px-3 py-1.5 text-sm font-medium transition-all rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring focus-visible:ring-offset-background hover:bg-primary hover:text-foreground disabled:opacity-50 disabled:pointer-events-none data-[state=active]:bg-primary data-[state=active]:text-foreground data-[state=active]:shadow-sm`
+  class: `${a ? "hidden" : "inline-flex"} items-center justify-center whitespace-nowrap px-3 py-1.5 text-sm font-medium transition-all rounded-md focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring focus-visible:ring-offset-background hover:bg-primary hover:text-primary-foreground disabled:opacity-50 disabled:pointer-events-none data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm`
 });
 class dt extends u {
   /**
@@ -732,10 +732,10 @@ class dt extends u {
       { class: `flex items-center justify-center p-2 text-muted-foreground rounded-md ${this.class || ""}` },
       [
         w({
-          class: "flex space-x-4",
+          class: "flex gap-x-4",
           map: [this.options, (e) => this.addLink(e)],
           watch: {
-            value: ["[[path]]", y.data],
+            value: ["[[path]]", b.data],
             callBack: this.updateLinks.bind(this)
           }
         })
@@ -748,7 +748,7 @@ class dt extends u {
    * @returns {void}
    */
   afterSetup() {
-    const e = y.data.path;
+    const e = b.data.path;
     this.updateLinks(e);
   }
   /**
@@ -1076,7 +1076,7 @@ const ze = d(({ index: t, click: e, state: s }, a) => S({
         $e(t)
       ]);
   }]
-}), gt = V(
+}), mt = V(
   {
     /**
      * This will set up the data object.
@@ -1198,7 +1198,7 @@ const ze = d(({ index: t, click: e, state: s }, a) => S({
   }
 ), je = (t) => S(
   {
-    class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-sm text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+    class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-sm text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm",
     dataSet: ["selected", ["state", t.value, "active"]]
   },
   [
@@ -1211,7 +1211,7 @@ const ze = d(({ index: t, click: e, state: s }, a) => S({
 ), Ae = (t, e) => (t.callBack = e, je(t)), Ue = (t) => C({ class: `tab items-center justify-center rounded-md bg-muted p-1 text-muted-foreground ${t.class}` }, [
   w({ class: "flex flex-auto flex-row", map: [t.options, (e) => Ae(e, t.callBack)] })
 ]);
-class mt extends u {
+class gt extends u {
   /**
    * This will declare the props for the compiler.
    *
@@ -1300,7 +1300,7 @@ class mt extends u {
 }
 const Ye = (t) => S(
   {
-    class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-sm text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+    class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-sm text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm",
     dataSet: ["selected", ["state", t.value, "active"]]
   },
   [
@@ -1364,7 +1364,7 @@ const Qe = (t, e) => new RegExp(`${t}($|/|\\.).*`).test(e), Xe = (t, e) => {
   href: e,
   exact: s,
   dataSet: ["selected", ["state", !0, "active"]],
-  class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-foreground data-[state=active]:shadow-sm"
+  class: "inline-flex flex-auto items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm"
 });
 class Ke extends u {
   /**
@@ -1392,7 +1392,7 @@ class Ke extends u {
         class: "flex flex-auto flex-row",
         map: [this.options, (e) => this.addLink(e)],
         watch: {
-          value: ["[[path]]", y.data],
+          value: ["[[path]]", b.data],
           callBack: this.updateLinks.bind(this)
         }
       })
@@ -1404,7 +1404,7 @@ class Ke extends u {
    * @returns {void}
    */
   afterSetup() {
-    const e = y.data.path;
+    const e = b.data.path;
     this.updateLinks(e);
   }
   /**
@@ -1656,8 +1656,8 @@ class Ge extends u {
     const e = this.canvas, s = this.container, a = R.getSize(s), i = this.targetSize, n = i.width, l = i.height;
     let c = n + "px", r = l + "px";
     if (this.width = e.width = n, this.height = e.height = l, a.width !== 0 && a.height !== 0) {
-      const f = a.width, g = a.height, h = f / n, m = g / l, b = Math.min(h, m);
-      c = n * b + "px", r = l * b + "px";
+      const f = a.width, m = a.height, h = f / n, g = m / l, y = Math.min(h, g);
+      c = n * y + "px", r = l * y + "px";
     }
     e.style.width = c, e.style.height = r;
   }
@@ -1733,7 +1733,7 @@ class Ge extends u {
     this.timer.stop(), this.status = "stopped";
   }
 }
-class bt extends u {
+class yt extends u {
   /**
    * Sets up default properties for the signature panel.
    *
@@ -1813,9 +1813,9 @@ class bt extends u {
 }
 export {
   ht as B,
-  be as C,
+  ye as C,
   ke as D,
-  ye as H,
+  be as H,
   ft as I,
   dt as N,
   j as O,
@@ -1831,17 +1831,17 @@ export {
   nt as e,
   fe as f,
   de as g,
-  me as h,
+  ge as h,
   pe as i,
   H as j,
   lt as k,
   ct as l,
   ut as m,
-  gt as n,
+  mt as n,
   Ne as o,
-  mt as p,
+  gt as p,
   pt as q,
   Ke as r,
   wt as s,
-  bt as t
+  yt as t
 };

package/dist/{tooltip-DD5l7kTI.js → tooltip-EO3J6QFR.js}

@@ -1,7 +1,7 @@
 import { Span as c, Legend as b, Fieldset as p, Div as l, UseParent as u, Input as C } from "@base-framework/atoms";
 import { Atom as s, Html as x } from "@base-framework/base";
-import { a as d } from "./veil-B1pwIy-D.js";
-import { f as h, e as y, g as k } from "./inputs-DJhlHvWE.js";
+import { a as d } from "./veil-fLMV40Wv.js";
+import { f as h, e as y, g as k } from "./inputs-9udyzkHR.js";
 const a = {
   gray: {
     backgroundColor: "bg-gray-50",
@@ -45,7 +45,7 @@ const a = {
   },
   primary: {
     backgroundColor: "bg-primary",
-    textColor: "text-foreground",
+    textColor: "text-primary-foreground",
     ringColor: "ring-primary/10"
   },
   secondary: {
@@ -94,7 +94,7 @@ const a = {
     class: `p-6 ${r} ${t.class || ""}`
   }, [
     t.legend && v(t.legend),
-    l({ class: "flex flex-auto flex-col space-y-6" }, e)
+    l({ class: "flex flex-auto flex-col gap-y-6" }, e)
   ]);
 }), I = d(
   {

package/dist/{veil-B1pwIy-D.js → veil-fLMV40Wv.js}

@@ -1,12 +1,12 @@
-import { Div as s, H4 as l, P as d } from "@base-framework/atoms";
-import { Atom as r, Jot as o, Component as c } from "@base-framework/base";
-const u = r((t, a) => {
-  const e = t.margin ?? "my-5 mx-5", n = t.padding ?? "p-4";
+import { Div as s, H4 as n, P as o } from "@base-framework/atoms";
+import { Atom as l, Jot as d, Component as c } from "@base-framework/base";
+const g = l((t, a) => {
+  const e = t.margin ?? "my-5 mx-5", r = t.padding ?? "p-4";
   return t.hover && (t.class += " hover:shadow-lg hover:bg-muted/50"), s({
     ...t,
-    class: `rounded-lg border bg-card text-card-foreground shadow-md min-w-[120px] min-h-[80px] ${e} ${n} ${t.class || ""}`
+    class: `rounded-lg border bg-card text-card-foreground shadow-md min-w-[120px] min-h-[80px] ${e} ${r} ${t.class || ""}`
   }, a);
-}), x = r((t, a) => {
+}), u = l((t, a) => {
   const e = t.border === !0 ? "border-t" : "";
   return s({
     ...t,
@@ -14,13 +14,13 @@ const u = r((t, a) => {
   }, [
     t.label && s({
       ...t.labelProps,
-      class: `space-y-1 ${t.labelProps?.class || ""}`
+      class: `flex flex-auto flex-col gap-y-1 ${t.labelProps?.class || ""}`
     }, [
-      l({ class: "text-base" }, t.label),
-      t.description && d({ class: "text-sm text-muted-foreground" }, t.description)
+      n({ class: "text-base" }, t.label),
+      t.description && o({ class: "text-sm text-muted-foreground" }, t.description)
     ]),
     // Controls container: grows to fill remaining space, spacing between items
-    s({ class: "flex flex-col space-y-4" }, a)
+    s({ class: "flex flex-col gap-y-4" }, a)
   ]);
 });
 class i extends c {
@@ -37,10 +37,10 @@ class i extends c {
     return e ? { data: e } : null;
   }
 }
-const b = (t) => o(t, i);
+const f = (t) => d(t, i);
 export {
-  u as C,
-  x as F,
+  g as C,
+  u as F,
   i as V,
-  b as a
+  f as a
 };

package/package.json

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