@base-framework/ui 1.0.38 → 1.0.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,8 +3,8 @@ import { Component as N, Data as z, Atom as k, DateTime as j } from "@base-frame
3
3
  import { B as A } from "./buttons-CVEwmPAi.js";
4
4
  import { Icons as P } from "./icons.es.js";
5
5
  const W = (e, t) => {
6
- const n = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, s = t.getBoundingClientRect(), o = 10, a = window.scrollX, l = window.scrollY;
7
- let c = n.left + a, f = n.bottom + l;
6
+ const n = e ? e.getBoundingClientRect() : { top: 0, bottom: 0, left: 0 }, s = t.getBoundingClientRect(), o = 10, r = window.scrollX, l = window.scrollY;
7
+ let c = n.left + r, f = n.bottom + l;
8
8
  const h = window.innerHeight - n.bottom, d = n.top;
9
9
  return c + s.width > window.innerWidth && (c = window.innerWidth - s.width - o), h < s.height && d > h ? f = n.top + l - s.height - o : h < s.height && (f = n.bottom + l - (s.height - h) - o), { x: c, y: f };
10
10
  };
@@ -50,7 +50,7 @@ class lt extends N {
50
50
  */
51
51
  render() {
52
52
  const t = this.getSize();
53
- return console.log(this.data.position, this.state), i({
53
+ return i({
54
54
  class: `absolute inset-auto fadeIn mt-2 rounded-md p-0 shadow-lg bg-popover min-h-12 backdrop:bg-transparent text-inherit r z-30 ${t}`,
55
55
  popover: "auto",
56
56
  toggle: (n, { state: s }) => n.newState === "closed" ? s.open = !1 : null,
@@ -79,7 +79,7 @@ class lt extends N {
79
79
  */
80
80
  updatePosition() {
81
81
  const t = this.button ?? null, n = this.panel, s = W(t, n);
82
- console.log("position", s), console.log(this), this.data.position = s;
82
+ console.log(t, n, s), this.data.position = s;
83
83
  }
84
84
  /**
85
85
  * This will run after the setup.
@@ -173,10 +173,10 @@ const H = k(({ src: e, alt: t }) => e ? I({
173
173
  ]
174
174
  );
175
175
  }, ct = k(({ src: e, alt: t, fallbackText: n, watcherFallback: s, size: o }) => {
176
- const a = E(o);
176
+ const r = E(o);
177
177
  return i(
178
178
  {
179
- class: `relative flex items-center justify-center ${a}`
179
+ class: `relative flex items-center justify-center ${r}`
180
180
  },
181
181
  [
182
182
  H({ src: e, alt: t }),
@@ -192,7 +192,7 @@ const H = k(({ src: e, alt: t }) => e ? I({
192
192
  currentDate: n,
193
193
  date: s,
194
194
  isToday: o,
195
- isOutsideMonth: a,
195
+ isOutsideMonth: r,
196
196
  select: l,
197
197
  disabled: c
198
198
  } = e;
@@ -200,7 +200,7 @@ const H = k(({ src: e, alt: t }) => e ? I({
200
200
  {
201
201
  class: `
202
202
  flex items-center justify-center h-9 w-auto p-0 font-normal text-sm rounded-md
203
- ${V(o, n, a, s)}
203
+ ${V(o, n, r, s)}
204
204
  hover:bg-muted/50 hover:text-muted-foreground focus:z-10
205
205
  disabled:pointer-events-none disabled:opacity-50
206
206
  `,
@@ -212,9 +212,9 @@ const H = k(({ src: e, alt: t }) => e ? I({
212
212
  t.toString()
213
213
  );
214
214
  }, b = (e, t, n, s) => e === s.date && t === s.month && n === s.year, Z = (e, t, n, s = !1) => {
215
- const { year: o, month: a } = e, l = p(o, a, e.date), c = new Date(o, a, 1).getDay(), f = new Date(o, a + 1, 0).getDate(), h = new Date(o, a, 0).getDate(), d = [], D = a === 0 ? 11 : a - 1, w = a === 0 ? o - 1 : o;
216
- for (let r = c - 1; r >= 0; r--) {
217
- const u = h - r, g = b(u, D, w, t), m = new Date(w, D, u) < new Date(t.year, t.month, t.date), F = s && m;
215
+ const { year: o, month: r } = e, l = p(o, r, e.date), c = new Date(o, r, 1).getDay(), f = new Date(o, r + 1, 0).getDate(), h = new Date(o, r, 0).getDate(), d = [], D = r === 0 ? 11 : r - 1, w = r === 0 ? o - 1 : o;
216
+ for (let a = c - 1; a >= 0; a--) {
217
+ const u = h - a, g = b(u, D, w, t), m = new Date(w, D, u) < new Date(t.year, t.month, t.date), F = s && m;
218
218
  d.push(
219
219
  C({
220
220
  day: u,
@@ -227,13 +227,13 @@ const H = k(({ src: e, alt: t }) => e ? I({
227
227
  })
228
228
  );
229
229
  }
230
- for (let r = 1; r <= f; r++) {
231
- const u = b(r, a, o, t), g = new Date(o, a, r) < new Date(t.year, t.month, t.date), m = s && g;
230
+ for (let a = 1; a <= f; a++) {
231
+ const u = b(a, r, o, t), g = new Date(o, r, a) < new Date(t.year, t.month, t.date), m = s && g;
232
232
  d.push(
233
233
  C({
234
- day: r,
234
+ day: a,
235
235
  currentDate: l,
236
- date: p(o, a, r),
236
+ date: p(o, r, a),
237
237
  isToday: u,
238
238
  isOutsideMonth: !1,
239
239
  select: n,
@@ -241,14 +241,14 @@ const H = k(({ src: e, alt: t }) => e ? I({
241
241
  })
242
242
  );
243
243
  }
244
- const y = a === 11 ? 0 : a + 1, v = a === 11 ? o + 1 : o, O = (7 - d.length % 7) % 7;
245
- for (let r = 1; r <= O; r++) {
246
- const u = b(r, y, v, t), g = new Date(v, y, r) < new Date(t.year, t.month, t.date), m = s && g;
244
+ const y = r === 11 ? 0 : r + 1, v = r === 11 ? o + 1 : o, O = (7 - d.length % 7) % 7;
245
+ for (let a = 1; a <= O; a++) {
246
+ const u = b(a, y, v, t), g = new Date(v, y, a) < new Date(t.year, t.month, t.date), m = s && g;
247
247
  d.push(
248
248
  C({
249
- day: r,
249
+ day: a,
250
250
  currentDate: l,
251
- date: p(v, y, r),
251
+ date: p(v, y, a),
252
252
  isToday: u,
253
253
  isOutsideMonth: !0,
254
254
  select: n,
@@ -1,6 +1,6 @@
1
1
  import { Div as n, I as f, H5 as _, P as b, Li as O, Span as a, Ul as V, Button as h, OnState as v, Label as R, Form as W, H2 as B, Footer as $, Header as M, A as Y, H3 as G, Checkbox as J, Nav as K, Input as C, Time as Q, Dialog as X } from "@base-framework/atoms";
2
2
  import { Atom as c, Component as p, Html as L, Dom as Z, base as ee, Data as k, Builder as q, Jot as S, DateTime as A } from "@base-framework/base";
3
- import { P as D, b as te } from "./calendar-DBzRDGwP.js";
3
+ import { P as D, b as te } from "./calendar-BCEEGVe2.js";
4
4
  import { B as u, I as x } from "./buttons-CVEwmPAi.js";
5
5
  import { Icons as d } from "./icons.es.js";
6
6
  import { a as w } from "./veil-gN57SpXV.js";
@@ -1024,7 +1024,7 @@ const N = window.matchMedia, I = c(({ value: e, label: t, icon: s }) => h({
1024
1024
  * @returns {void}
1025
1025
  */
1026
1026
  after() {
1027
- this.state.selectedDate = this.input.value;
1027
+ console.log(this.state), this.state.selectedDate = this.input.value;
1028
1028
  },
1029
1029
  /**
1030
1030
  * Renders the DatePicker component.
package/dist/index.es.js CHANGED
@@ -3,9 +3,9 @@ import { B as g, I as C, L as T } from "./buttons-CVEwmPAi.js";
3
3
  import { C as D, d as I, D as S, c as b, E as B, F as P, H as F, I as M, M as k, N, P as v, R as f, S as x, T as h, a as y, b as W, U as L, W as A } from "./inputs-CzHSmZKP.js";
4
4
  import { V as w, a as U } from "./veil-gN57SpXV.js";
5
5
  import { Icons as R } from "./icons.es.js";
6
- import { A as G, B as V, C as j, z as q, u as z, v as J, w as _, D as K, j as Q, k as X, G as Y, E as Z, s as $, c as aa, a as sa, b as ea, i as oa, g as ta, e as ra, h as na, F as ia, d as la, f as pa, t as ua, M as ma, l as da, N as ga, P as Ca, p as Ta, q as ca, S as Da, n as Ia, o as Sa, T as ba, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-CDoQ31Dj.js";
7
- import { A as Na, b as va, C as fa, D as xa, a as ha, F as ya, M as Wa, P as La, c as Aa, g as Ha, p as wa } from "./calendar-DBzRDGwP.js";
8
- import { B as Oa, m as Ra, C as Ea, j as Ga, D as Va, l as ja, H as qa, I as za, N as Ja, O as _a, P as Ka, S as Qa, q as Xa, p as Ya, n as Za, o as $a, T as as, k as ss, U as es, W as os, f as ts, h as rs, i as ns, c as is, d as ls, b as ps, e as us, a as ms, g as ds } from "./signature-panel-D9QZrURV.js";
6
+ import { A as G, B as V, C as j, z as q, u as z, v as J, w as _, D as K, j as Q, k as X, G as Y, E as Z, s as $, c as aa, a as sa, b as ea, i as oa, g as ta, e as ra, h as na, F as ia, d as la, f as pa, t as ua, M as ma, l as da, N as ga, P as Ca, p as Ta, q as ca, S as Da, n as Ia, o as Sa, T as ba, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-CbIKM2nQ.js";
7
+ import { A as Na, b as va, C as fa, D as xa, a as ha, F as ya, M as Wa, P as La, c as Aa, g as Ha, p as wa } from "./calendar-BCEEGVe2.js";
8
+ import { B as Oa, m as Ra, C as Ea, j as Ga, D as Va, l as ja, H as qa, I as za, N as Ja, O as _a, P as Ka, S as Qa, q as Xa, p as Ya, n as Za, o as $a, T as as, k as ss, U as es, W as os, f as ts, h as rs, i as ns, c as is, d as ls, b as ps, e as us, a as ms, g as ds } from "./signature-panel-Btg1iD-Y.js";
9
9
  import { B as Cs, I as Ts, M as cs, d as Ds, e as Is, g as Ss, N as bs, b as Bs, a as Ps, f as Fs, P as Ms, c as ks, S as Ns, T as vs } from "./mobile-nav-wrapper-BE_hr65B.js";
10
10
  import { B as xs, a as hs, C as ys, F as Ws, b as Ls, c as As, M as Hs, P as ws, S as Us } from "./sidebar-menu-page-nCAVFk3R.js";
11
11
  import { A as Rs, F as Es, M as Gs, a as Vs, T as js } from "./aside-template-McEj_Gxc.js";
@@ -1,5 +1,5 @@
1
- import { A as o, B as t, C as e, z as i, u as r, v as n, w as m, D as l, j as S, k as D, G as c, E as u, s as d, c as g, a as p, b as C, i as F, g as T, e as A, h as P, F as f, d as b, f as w, t as B, M as I, l as M, N as x, P as y, p as k, q as v, S as N, n as h, o as E, T as L, x as U, y as j, m as q, r as z } from "./confirmation-CDoQ31Dj.js";
2
- import { A as O, P as R, g as _ } from "./calendar-DBzRDGwP.js";
1
+ import { A as o, B as t, C as e, z as i, u as r, v as n, w as m, D as l, j as S, k as D, G as c, E as u, s as d, c as g, a as p, b as C, i as F, g as T, e as A, h as P, F as f, d as b, f as w, t as B, M as I, l as M, N as x, P as y, p as k, q as v, S as N, n as h, o as E, T as L, x as U, y as j, m as q, r as z } from "./confirmation-CbIKM2nQ.js";
2
+ import { A as O, P as R, g as _ } from "./calendar-BCEEGVe2.js";
3
3
  export {
4
4
  o as Alert,
5
5
  O as Avatar,
@@ -1,5 +1,5 @@
1
- import { B as s, m as o, C as t, j as r, D as n, l, H as i, I as d, N as b, O as v, P as g, S as p, q as u, p as N, n as k, o as C, T as D, k as M, U as T, W as c, f as B, h as m, i as y, c as W, d as h, b as H, e as P, a as S, g as f } from "./signature-panel-D9QZrURV.js";
2
- import { b as I, C as L, D as O, a as F, F as U, M as G, c as j, p as q } from "./calendar-DBzRDGwP.js";
1
+ import { B as s, m as o, C as t, j as r, D as n, l, H as i, I as d, N as b, O as v, P as g, S as p, q as u, p as N, n as k, o as C, T as D, k as M, U as T, W as c, f as B, h as m, i as y, c as W, d as h, b as H, e as P, a as S, g as f } from "./signature-panel-Btg1iD-Y.js";
2
+ import { b as I, C as L, D as O, a as F, F as U, M as G, c as j, p as q } from "./calendar-BCEEGVe2.js";
3
3
  import { B as z, I as A, M as E, d as J, e as K, g as Q, N as R, b as V, a as X, f as Y, P as Z, c as _, S as $, T as aa } from "./mobile-nav-wrapper-BE_hr65B.js";
4
4
  export {
5
5
  s as BackButton,
@@ -4,7 +4,7 @@ import { B as C, I as z } from "./buttons-CVEwmPAi.js";
4
4
  import { Icons as w } from "./icons.es.js";
5
5
  import { TableBody as _, List as G, IntervalTimer as V } from "@base-framework/organisms";
6
6
  import { C as J, I as Z, H as ee } from "./inputs-CzHSmZKP.js";
7
- import { A as te, P as se } from "./calendar-DBzRDGwP.js";
7
+ import { A as te, P as se } from "./calendar-BCEEGVe2.js";
8
8
  u((t, e) => ({
9
9
  class: "flex items-center px-4 py-2",
10
10
  ...t,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@base-framework/ui",
3
- "version": "1.0.38",
3
+ "version": "1.0.40",
4
4
  "description": "This is a UI package that adds components and atoms that use Tailwind CSS and a theme based on Shadcn.",
5
5
  "main": "./dist/index.es.js",
6
6
  "scripts": {