@base-framework/ui 0.0.10 → 0.0.11

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.
package/dist/atoms.es.js CHANGED
@@ -1,7 +1,7 @@
1
- import { B as e, C as t, a as n, F as o, L as p, P as r, R as u, S as I, b as i, T as l } from "./tooltip-DCszmsxe.js";
1
+ import { B as e, C as t, a as n, F as o, L as p, P as r, R as u, S as I, b as i, T as l } from "./tooltip-8F0AEnxf.js";
2
2
  import { B as m, I as T, L as c } from "./icon-B9QUT2NY.js";
3
- import { C as B, d as C, D as S, c as g, E as b, F as f, H as h, I as F, M as L, N as P, P as R, R as k, S as D, T as V, a as E, b as H, U as M, W as N } from "./inputs-BF3C3KfF.js";
4
- import { V as W, a as w } from "./veil-B9GQfH0d.js";
3
+ import { C as B, d as C, D as S, c as g, E as b, F as f, H as h, I as F, M as L, N as P, P as R, R as k, S as D, T as V, a as E, b as H, U as M, W as N } from "./inputs-O_WkdbI3.js";
4
+ import { V as W, a as w } from "./veil-DSQdR6CM.js";
5
5
  export {
6
6
  e as Badge,
7
7
  m as Button,
@@ -6,7 +6,7 @@ import { Atom as d, Component as x, Html as N, Dom as se, base as ne, Data as k,
6
6
  import { P as D, b as le } from "./calendar-B5TK6tLi.js";
7
7
  import { B as m, I } from "./icon-B9QUT2NY.js";
8
8
  import { Icons as u } from "./icons.es.js";
9
- import { a as w } from "./veil-B9GQfH0d.js";
9
+ import { a as w } from "./veil-DSQdR6CM.js";
10
10
  import { Timer as re, List as ae, DynamicTime as ie } from "@base-framework/organisms";
11
11
  const z = {
12
12
  info: {
@@ -735,7 +735,7 @@ const E = window.matchMedia, T = d(({ value: e, label: t, icon: o }) => h({
735
735
  * @returns {void}
736
736
  */
737
737
  after() {
738
- console.log(this), this.state.active = this.checkbox.checked;
738
+ this.state.active = this.checkbox.checked;
739
739
  },
740
740
  /**
741
741
  * Renders the Toggle component.
@@ -753,9 +753,6 @@ const E = window.matchMedia, T = d(({ value: e, label: t, icon: o }) => h({
753
753
  Z({
754
754
  cache: "checkbox",
755
755
  class: "opacity-0 absolute top-0 left-0 bottom-0 right-0 w-full h-full",
756
- onCreated(t, o) {
757
- console.log("created", t, o);
758
- },
759
756
  /**
760
757
  * This will add the default checked before binding.
761
758
  * If binding it will override the default checked value.
package/dist/index.es.js CHANGED
@@ -1,11 +1,11 @@
1
- import { B as e, C as o, a as t, F as r, L as n, P as i, R as l, S as p, b as u, T as m } from "./tooltip-DCszmsxe.js";
1
+ import { B as e, C as o, a as t, F as r, L as n, P as i, R as l, S as p, b as u, T as m } from "./tooltip-8F0AEnxf.js";
2
2
  import { B as g, I as C, L as T } from "./icon-B9QUT2NY.js";
3
- import { C as D, d as I, D as b, c as S, 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-BF3C3KfF.js";
4
- import { V as w, a as U } from "./veil-B9GQfH0d.js";
3
+ import { C as D, d as I, D as b, c as S, 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-O_WkdbI3.js";
4
+ import { V as w, a as U } from "./veil-DSQdR6CM.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 ba, T as Sa, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-BGUg268I.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 ba, T as Sa, x as Ba, y as Pa, m as Fa, r as Ma } from "./confirmation-CSOFA4yw.js";
7
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-B5TK6tLi.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, p as Xa, n as Ya, o as Za, T as $a, k as as, U as ss, W as es, f as os, h as ts, i as rs, c as ns, d as is, b as ls, e as ps, a as us, g as ms } from "./tab-BGR7fWvY.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, p as Xa, n as Ya, o as Za, T as $a, k as as, U as ss, W as es, f as os, h as ts, i as rs, c as ns, d as is, b as ls, e as ps, a as us, g as ms } from "./tab-BjiQGl_0.js";
9
9
  import { B as gs, I as Cs, M as Ts, d as cs, e as Ds, g as Is, N as bs, b as Ss, a as Bs, f as Ps, P as Fs, c as Ms, S as ks, T as Ns } from "./mobile-nav-wrapper-CguousG5.js";
10
10
  import { B as fs, a as xs, C as hs, F as ys, b as Ws, c as Ls, M as As, P as Hs, S as ws } from "./sidebar-menu-page-22AUZwFc.js";
11
11
  import { A as Os, F as Rs, M as Es, a as Gs, T as Vs } from "./aside-template-D0KANPjh.js";
@@ -1,6 +1,6 @@
1
1
  import { Div as l, Label as d, Checkbox as u, Span as g, OnState as p, I as x, Input as r, Textarea as k } from "@base-framework/atoms";
2
2
  import { Icons as y } from "./icons.es.js";
3
- import { a as $ } from "./veil-B9GQfH0d.js";
3
+ import { a as $ } from "./veil-DSQdR6CM.js";
4
4
  import { Atom as t } from "@base-framework/base";
5
5
  const v = "flex h-10 w-full px-3 py-2 text-sm", b = "rounded-md border border-input bg-background", n = "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ring-offset-background", i = "disabled:cursor-not-allowed disabled:opacity-50", f = "placeholder:text-muted-foreground", h = `${v} ${b} ${n} ${f} ${i}`, I = ({ id: e, checked: o, bind: s, required: a }) => u({
6
6
  id: e,
@@ -1,4 +1,4 @@
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-BGUg268I.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-CSOFA4yw.js";
2
2
  import { A as O, P as R, g as _ } from "./calendar-B5TK6tLi.js";
3
3
  export {
4
4
  o as Alert,
@@ -1,4 +1,4 @@
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 p, S as N, p as g, n as k, o as u, T as C, k as D, U as M, W as T, f as c, h as B, i as m, c as y, d as W, b as h, e as H, a as P, g as f } from "./tab-BGR7fWvY.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 p, S as N, p as g, n as k, o as u, T as C, k as D, U as M, W as T, f as c, h as B, i as m, c as y, d as W, b as h, e as H, a as P, g as f } from "./tab-BjiQGl_0.js";
2
2
  import { b as I, C as S, D as L, a as O, F, M as U, c as G, p as j } from "./calendar-B5TK6tLi.js";
3
3
  import { B as q, I as z, M as A, d as E, e as J, g as K, N as Q, b as R, a as V, f as X, P as Y, c as Z, S as _, T as $ } from "./mobile-nav-wrapper-CguousG5.js";
4
4
  export {
@@ -3,7 +3,7 @@ import { Atom as d, Component as u, Data as S, DateTime as H, Jot as I, router a
3
3
  import { B as R, I as T } from "./icon-B9QUT2NY.js";
4
4
  import { Icons as k } from "./icons.es.js";
5
5
  import { TableBody as K, List as _ } from "@base-framework/organisms";
6
- import { C as G, I as V } from "./inputs-BF3C3KfF.js";
6
+ import { C as G, I as V } from "./inputs-O_WkdbI3.js";
7
7
  import { A as q, P as J } from "./calendar-B5TK6tLi.js";
8
8
  d((t, e) => ({
9
9
  class: "flex items-center px-4 py-2",
@@ -1,7 +1,7 @@
1
1
  import { Span as c, Div as l, Legend as b, Fieldset as f, Input as x } from "@base-framework/atoms";
2
2
  import { Atom as s, Html as C } from "@base-framework/base";
3
- import { a as u } from "./veil-B9GQfH0d.js";
4
- import { f as p, e as h, g as y } from "./inputs-BF3C3KfF.js";
3
+ import { a as u } from "./veil-DSQdR6CM.js";
4
+ import { f as p, e as h, g as y } from "./inputs-O_WkdbI3.js";
5
5
  const a = {
6
6
  gray: {
7
7
  backgroundColor: "bg-gray-50",
@@ -5,22 +5,9 @@
5
5
  * or it will use the parent's data or context data to set a local context
6
6
  * to act as if it's data scope is the parent component.
7
7
  *
8
- * @class
8
+ * @param {object} props
9
+ * @param {array} children
10
+ * @returns {object}
9
11
  */
10
- export class Veil extends Component {
11
- /**
12
- * This will get the child scope instance of the component.
13
- *
14
- * @returns {object}
15
- */
16
- getChildScope(): object;
17
- /**
18
- * This will set the component context.
19
- *
20
- * @param {object|null} context
21
- * @returns {object|null}
22
- */
23
- setContext(context: object | null): object | null;
24
- }
12
+ export const Veil: import("node_modules/@base-framework/base/dist/types/modules/component/jot").ComponentConstructor;
25
13
  export function VeilJot(props: any): import("node_modules/@base-framework/base/dist/types/modules/component/jot").ComponentConstructor;
26
- import { Component } from "@base-framework/base";
@@ -0,0 +1,30 @@
1
+ import { Jot as i } from "@base-framework/base";
2
+ const o = i(
3
+ {
4
+ /**
5
+ * This will get the child scope instance of the component.
6
+ *
7
+ * @returns {object}
8
+ */
9
+ getChildScope() {
10
+ return this.parent ?? this;
11
+ },
12
+ /**
13
+ * This will set the component context.
14
+ *
15
+ * @param {object|null} context
16
+ * @returns {object|null}
17
+ */
18
+ setContext(t) {
19
+ var n, a, r, s;
20
+ if (this.data)
21
+ return null;
22
+ const e = ((n = this == null ? void 0 : this.parent) == null ? void 0 : n.data) ?? ((r = (a = this == null ? void 0 : this.parent) == null ? void 0 : a.context) == null ? void 0 : r.data) ?? ((s = this == null ? void 0 : this.parent) == null ? void 0 : s.state) ?? null;
23
+ return e ? { data: e } : null;
24
+ }
25
+ }
26
+ ), h = (t) => i(t, o);
27
+ export {
28
+ o as V,
29
+ h as a
30
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@base-framework/ui",
3
- "version": "0.0.10",
3
+ "version": "0.0.11",
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": {
@@ -1,29 +0,0 @@
1
- import { Component as o, Jot as i } from "@base-framework/base";
2
- class l extends o {
3
- /**
4
- * This will get the child scope instance of the component.
5
- *
6
- * @returns {object}
7
- */
8
- getChildScope() {
9
- return this.parent ?? this;
10
- }
11
- /**
12
- * This will set the component context.
13
- *
14
- * @param {object|null} context
15
- * @returns {object|null}
16
- */
17
- setContext(p) {
18
- var n, a, r, s;
19
- if (this.data)
20
- return null;
21
- const e = ((n = this == null ? void 0 : this.parent) == null ? void 0 : n.data) ?? ((r = (a = this == null ? void 0 : this.parent) == null ? void 0 : a.context) == null ? void 0 : r.data) ?? ((s = this == null ? void 0 : this.parent) == null ? void 0 : s.state) ?? null;
22
- return e ? { data: e } : null;
23
- }
24
- }
25
- const u = (t) => i(t, l);
26
- export {
27
- l as V,
28
- u as a
29
- };