@balikjs/mobile 0.1.11 → 0.1.13
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/Alert/Alert.module.css.js +18 -18
- package/dist/Avatar/Avatar.module.css.js +16 -16
- package/dist/BackToTop/BackToTop.module.css.js +6 -6
- package/dist/Badge/Badge.js +44 -43
- package/dist/Badge/Badge.module.css.js +36 -42
- package/dist/BottomNavigation/BottomNavigation.module.css.js +3 -3
- package/dist/BottomSheet/BottomSheet.js +52 -41
- package/dist/BottomSheet/BottomSheet.module.css.js +8 -8
- package/dist/Button/Button.js +29 -24
- package/dist/Button/Button.module.css.js +21 -19
- package/dist/Checkbox/Checkbox.module.css.js +10 -10
- package/dist/Clipboard/Clipboard.module.css.js +16 -16
- package/dist/CloseButton/CloseButton.js +1 -2
- package/dist/CloseButton/CloseButton.module.css.js +12 -12
- package/dist/DatePicker/DatePicker.js +71 -59
- package/dist/DatePicker/DatePicker.module.css.js +34 -22
- package/dist/Dialog/Dialog.js +8 -8
- package/dist/Dialog/Dialog.module.css.js +20 -18
- package/dist/Divider/Divider.module.css.js +2 -2
- package/dist/Drawer/Drawer.module.css.js +9 -9
- package/dist/Fab/Fab.module.css.js +16 -16
- package/dist/Field/Field.module.css.js +14 -14
- package/dist/Fieldset/Fieldset.module.css.js +1 -1
- package/dist/FileUpload/FileUpload.module.css.js +22 -22
- package/dist/FilterGroup/FilterGroup.js +61 -58
- package/dist/FilterGroup/FilterGroup.module.css.js +12 -20
- package/dist/Input/Input.js +62 -40
- package/dist/Input/Input.module.css.js +36 -30
- package/dist/Link/Link.module.css.js +1 -1
- package/dist/MoneyInput/MoneyInput.module.css.js +6 -6
- package/dist/Pagination/Pagination.module.css.js +4 -4
- package/dist/Picker/Picker.module.css.js +1 -1
- package/dist/PickerView/PickerView.module.css.js +11 -11
- package/dist/PinInput/PinInput.module.css.js +18 -18
- package/dist/Popover/Popover.module.css.js +10 -10
- package/dist/Progress/Progress.module.css.js +14 -14
- package/dist/QrCode/QrCode.module.css.js +6 -6
- package/dist/RadioGroup/Radio.module.css.js +11 -11
- package/dist/RatingGroup/RatingGroup.js +6 -6
- package/dist/RatingGroup/RatingGroup.module.css.js +6 -6
- package/dist/SearchInput/SearchInput.module.css.js +1 -1
- package/dist/Select/Select.js +45 -44
- package/dist/Select/Select.module.css.js +24 -22
- package/dist/SelectPc/Select.js +50 -44
- package/dist/SelectPc/SelectPc.module.css.js +29 -23
- package/dist/SignaturePad/SignaturePad.module.css.js +4 -4
- package/dist/Slider/Slider.module.css.js +10 -10
- package/dist/Spinner/Spinner.module.css.js +4 -4
- package/dist/Steps/Steps.js +87 -77
- package/dist/Steps/Steps.module.css.js +18 -20
- package/dist/Switch/Switch.js +22 -18
- package/dist/Switch/Switch.module.css.js +20 -18
- package/dist/Tabs/Tabs.module.css.js +5 -5
- package/dist/Tag/Tag.js +34 -26
- package/dist/Tag/Tag.module.css.js +36 -32
- package/dist/Textarea/Textarea.module.css.js +15 -15
- package/dist/Toast/Toast.module.css.js +34 -34
- package/dist/Toggle/Toggle.module.css.js +1 -1
- package/dist/ToggleGroup/ToggleGroup.js +36 -21
- package/dist/ToggleGroup/ToggleGroup.module.css.js +20 -14
- package/dist/styles.css +1 -1
- package/package.json +4 -1
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
const n = "
|
|
1
|
+
const n = "_base_fr8u0_1", t = "_icon_fr8u0_26", e = "_body_fr8u0_40", _ = "_title_fr8u0_45", s = "_description_fr8u0_53", i = "_close_fr8u0_61", o = "_intentInfo_fr8u0_83", c = "_intentSuccess_fr8u0_88", r = "_intentWarning_fr8u0_93", f = "_intentDanger_fr8u0_98", u = {
|
|
2
2
|
base: n,
|
|
3
3
|
icon: t,
|
|
4
|
-
body:
|
|
5
|
-
title:
|
|
6
|
-
description:
|
|
7
|
-
close:
|
|
8
|
-
intentInfo:
|
|
9
|
-
intentSuccess:
|
|
10
|
-
intentWarning:
|
|
11
|
-
intentDanger:
|
|
4
|
+
body: e,
|
|
5
|
+
title: _,
|
|
6
|
+
description: s,
|
|
7
|
+
close: i,
|
|
8
|
+
intentInfo: o,
|
|
9
|
+
intentSuccess: c,
|
|
10
|
+
intentWarning: r,
|
|
11
|
+
intentDanger: f
|
|
12
12
|
};
|
|
13
13
|
export {
|
|
14
14
|
n as base,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
15
|
+
e as body,
|
|
16
|
+
i as close,
|
|
17
|
+
u as default,
|
|
18
|
+
s as description,
|
|
19
19
|
t as icon,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
f as intentDanger,
|
|
21
|
+
o as intentInfo,
|
|
22
|
+
c as intentSuccess,
|
|
23
|
+
r as intentWarning,
|
|
24
|
+
_ as title
|
|
25
25
|
};
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
const
|
|
2
|
-
base:
|
|
3
|
-
image:
|
|
1
|
+
const s = "_base_4spf6_1", e = "_image_4spf6_17", _ = "_fallback_4spf6_26", i = "_sizeXs_4spf6_30", a = "_sizeSm_4spf6_36", l = "_sizeMd_4spf6_42", f = "_sizeLg_4spf6_48", z = "_sizeXl_4spf6_54", c = "_size2xl_4spf6_60", t = "_male_4spf6_66", o = "_female_4spf6_71", m = {
|
|
2
|
+
base: s,
|
|
3
|
+
image: e,
|
|
4
4
|
fallback: _,
|
|
5
5
|
sizeXs: i,
|
|
6
6
|
sizeSm: a,
|
|
7
7
|
sizeMd: l,
|
|
8
|
-
sizeLg:
|
|
9
|
-
sizeXl:
|
|
10
|
-
size2xl:
|
|
11
|
-
male:
|
|
12
|
-
female:
|
|
8
|
+
sizeLg: f,
|
|
9
|
+
sizeXl: z,
|
|
10
|
+
size2xl: c,
|
|
11
|
+
male: t,
|
|
12
|
+
female: o
|
|
13
13
|
};
|
|
14
14
|
export {
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
s as base,
|
|
16
|
+
m as default,
|
|
17
17
|
_ as fallback,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
18
|
+
o as female,
|
|
19
|
+
e as image,
|
|
20
|
+
t as male,
|
|
21
|
+
c as size2xl,
|
|
22
|
+
f as sizeLg,
|
|
23
23
|
l as sizeMd,
|
|
24
24
|
a as sizeSm,
|
|
25
|
-
|
|
25
|
+
z as sizeXl,
|
|
26
26
|
i as sizeXs
|
|
27
27
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
const s = "
|
|
1
|
+
const s = "_base_bz5rq_1", b = "_visible_bz5rq_25", e = "_icon_bz5rq_40", i = {
|
|
2
2
|
base: s,
|
|
3
|
-
visible:
|
|
4
|
-
icon:
|
|
3
|
+
visible: b,
|
|
4
|
+
icon: e
|
|
5
5
|
};
|
|
6
6
|
export {
|
|
7
7
|
s as base,
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
i as default,
|
|
9
|
+
e as icon,
|
|
10
|
+
b as visible
|
|
11
11
|
};
|
package/dist/Badge/Badge.js
CHANGED
|
@@ -1,59 +1,60 @@
|
|
|
1
|
-
import { spread as
|
|
2
|
-
import { splitProps as
|
|
3
|
-
import { bem as
|
|
4
|
-
import { cn as
|
|
5
|
-
import
|
|
6
|
-
var
|
|
7
|
-
const
|
|
8
|
-
xs:
|
|
9
|
-
sm:
|
|
10
|
-
md:
|
|
11
|
-
lg:
|
|
12
|
-
xl:
|
|
13
|
-
"2xl":
|
|
1
|
+
import { spread as u, mergeProps as m, insert as a, createComponent as d, effect as p, className as f, template as i } from "solid-js/web";
|
|
2
|
+
import { splitProps as g, mergeProps as z, createMemo as b, Show as h } from "solid-js";
|
|
3
|
+
import { bem as v } from "../utils/bem.js";
|
|
4
|
+
import { cn as P } from "../utils/cn.js";
|
|
5
|
+
import t from "./Badge.module.css.js";
|
|
6
|
+
var $ = /* @__PURE__ */ i("<span aria-hidden=true data-part=dot>"), x = /* @__PURE__ */ i("<span>");
|
|
7
|
+
const _ = {
|
|
8
|
+
xs: t.sizeXs,
|
|
9
|
+
sm: t.sizeSm,
|
|
10
|
+
md: t.sizeMd,
|
|
11
|
+
lg: t.sizeLg,
|
|
12
|
+
xl: t.sizeXl,
|
|
13
|
+
"2xl": t.size2xl
|
|
14
14
|
}, S = {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}, b = {
|
|
32
|
-
size: "md",
|
|
15
|
+
solid: t.solid,
|
|
16
|
+
surface: t.surface,
|
|
17
|
+
subtle: t.subtle,
|
|
18
|
+
outline: t.outline
|
|
19
|
+
}, w = {
|
|
20
|
+
neutral: t.intentNeutral,
|
|
21
|
+
accent: t.intentAccent,
|
|
22
|
+
danger: t.intentDanger,
|
|
23
|
+
success: t.intentSuccess,
|
|
24
|
+
warning: t.intentWarning
|
|
25
|
+
}, M = {
|
|
26
|
+
default: "neutral",
|
|
27
|
+
info: "accent",
|
|
28
|
+
intent: "accent"
|
|
29
|
+
}, N = {
|
|
30
|
+
variant: "subtle",
|
|
33
31
|
intent: "default",
|
|
34
|
-
|
|
32
|
+
size: "md",
|
|
35
33
|
dot: !1
|
|
36
34
|
};
|
|
37
|
-
function
|
|
38
|
-
const [
|
|
35
|
+
function k(o) {
|
|
36
|
+
const [n, l] = g(z(N, o), ["variant", "intent", "size", "dot", "class", "children"]), s = (e) => typeof e == "function" ? e() : e, c = b(() => {
|
|
37
|
+
const e = s(n.variant), r = M[s(n.intent)] || s(n.intent);
|
|
38
|
+
return P(v("balik-badge", e, r, s(n.size)), t.base, S[e], w[r], _[s(n.size)], n.class);
|
|
39
|
+
});
|
|
39
40
|
return (() => {
|
|
40
|
-
var
|
|
41
|
-
return
|
|
41
|
+
var e = x();
|
|
42
|
+
return u(e, m(l, {
|
|
42
43
|
"data-part": "root",
|
|
43
44
|
get class() {
|
|
44
|
-
return
|
|
45
|
+
return c();
|
|
45
46
|
}
|
|
46
|
-
}), !1, !0),
|
|
47
|
+
}), !1, !0), a(e, d(h, {
|
|
47
48
|
get when() {
|
|
48
|
-
return
|
|
49
|
+
return n.dot;
|
|
49
50
|
},
|
|
50
51
|
get children() {
|
|
51
|
-
var
|
|
52
|
-
return
|
|
52
|
+
var r = $();
|
|
53
|
+
return p(() => f(r, t.dot)), r;
|
|
53
54
|
}
|
|
54
|
-
}), null),
|
|
55
|
+
}), null), a(e, () => n.children, null), e;
|
|
55
56
|
})();
|
|
56
57
|
}
|
|
57
58
|
export {
|
|
58
|
-
|
|
59
|
+
k as Badge
|
|
59
60
|
};
|
|
@@ -1,45 +1,39 @@
|
|
|
1
|
-
const
|
|
2
|
-
base:
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
outlineInfo: z,
|
|
20
|
-
outlineIntent: g,
|
|
21
|
-
dot: D
|
|
1
|
+
const t = "_base_6avx0_1", n = "_solid_6avx0_29", e = "_surface_6avx0_34", s = "_subtle_6avx0_40", _ = "_outline_6avx0_45", i = "_intentNeutral_6avx0_52", a = "_intentAccent_6avx0_64", c = "_intentDanger_6avx0_76", o = "_intentSuccess_6avx0_88", x = "_intentWarning_6avx0_100", l = "_sizeXs_6avx0_114", z = "_sizeSm_6avx0_121", v = "_sizeMd_6avx0_128", u = "_sizeLg_6avx0_135", r = "_sizeXl_6avx0_142", d = "_size2xl_6avx0_149", g = "_dot_6avx0_158", b = {
|
|
2
|
+
base: t,
|
|
3
|
+
solid: n,
|
|
4
|
+
surface: e,
|
|
5
|
+
subtle: s,
|
|
6
|
+
outline: _,
|
|
7
|
+
intentNeutral: i,
|
|
8
|
+
intentAccent: a,
|
|
9
|
+
intentDanger: c,
|
|
10
|
+
intentSuccess: o,
|
|
11
|
+
intentWarning: x,
|
|
12
|
+
sizeXs: l,
|
|
13
|
+
sizeSm: z,
|
|
14
|
+
sizeMd: v,
|
|
15
|
+
sizeLg: u,
|
|
16
|
+
sizeXl: r,
|
|
17
|
+
size2xl: d,
|
|
18
|
+
dot: g
|
|
22
19
|
};
|
|
23
20
|
export {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
d as solidIntent,
|
|
43
|
-
f as solidSuccess,
|
|
44
|
-
r as solidWarning
|
|
21
|
+
t as base,
|
|
22
|
+
b as default,
|
|
23
|
+
g as dot,
|
|
24
|
+
a as intentAccent,
|
|
25
|
+
c as intentDanger,
|
|
26
|
+
i as intentNeutral,
|
|
27
|
+
o as intentSuccess,
|
|
28
|
+
x as intentWarning,
|
|
29
|
+
_ as outline,
|
|
30
|
+
d as size2xl,
|
|
31
|
+
u as sizeLg,
|
|
32
|
+
v as sizeMd,
|
|
33
|
+
z as sizeSm,
|
|
34
|
+
r as sizeXl,
|
|
35
|
+
l as sizeXs,
|
|
36
|
+
n as solid,
|
|
37
|
+
s as subtle,
|
|
38
|
+
e as surface
|
|
45
39
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
const o = "
|
|
1
|
+
const o = "_root_1xc7x_1", t = "_item_1xc7x_15", c = "_icon_1xc7x_40", _ = "_label_1xc7x_54", e = {
|
|
2
2
|
root: o,
|
|
3
3
|
item: t,
|
|
4
|
-
icon:
|
|
4
|
+
icon: c,
|
|
5
5
|
label: _
|
|
6
6
|
};
|
|
7
7
|
export {
|
|
8
8
|
e as default,
|
|
9
|
-
|
|
9
|
+
c as icon,
|
|
10
10
|
t as item,
|
|
11
11
|
_ as label,
|
|
12
12
|
o as root
|
|
@@ -1,82 +1,93 @@
|
|
|
1
|
-
import { createComponent as
|
|
2
|
-
import { splitProps as
|
|
3
|
-
import {
|
|
1
|
+
import { createComponent as F, Portal as R, effect as b, className as c, setAttribute as E, use as w, insert as P, memo as G, template as C, delegateEvents as I } from "solid-js/web";
|
|
2
|
+
import { splitProps as N, mergeProps as U, createSignal as x, createEffect as y, on as _ } from "solid-js";
|
|
3
|
+
import { trapFocus as H } from "@zag-js/focus-trap";
|
|
4
|
+
import { bem as M } from "../utils/bem.js";
|
|
4
5
|
import { cn as g } from "../utils/cn.js";
|
|
5
|
-
import { useScrollLock as
|
|
6
|
+
import { useScrollLock as V } from "../utils/useScrollLock.js";
|
|
6
7
|
import s from "./BottomSheet.module.css.js";
|
|
7
|
-
var
|
|
8
|
-
const
|
|
8
|
+
var j = /* @__PURE__ */ C("<div data-part=backdrop>"), q = /* @__PURE__ */ C("<div role=dialog aria-modal=true aria-label=BottomSheet><div data-part=content>"), z = /* @__PURE__ */ C("<div data-part=grabber><div>");
|
|
9
|
+
const J = {
|
|
9
10
|
dismissible: !0,
|
|
10
11
|
backdropBlur: !0,
|
|
11
12
|
draggable: !0
|
|
12
|
-
},
|
|
13
|
-
function
|
|
14
|
-
const [r] =
|
|
13
|
+
}, K = 0.3, Q = 0.5, W = 3;
|
|
14
|
+
function ae(B) {
|
|
15
|
+
const [r] = N(U(J, B), ["open", "onOpen", "onClose", "onOpenChange", "dismissible", "draggable", "backdropBlur", "class", "contentClass", "children"]);
|
|
15
16
|
let l;
|
|
16
|
-
const [d, h] =
|
|
17
|
-
let
|
|
18
|
-
const
|
|
19
|
-
e.currentTarget.setPointerCapture(e.pointerId),
|
|
20
|
-
},
|
|
17
|
+
const [d, h] = x(!1);
|
|
18
|
+
let O = 0, p = 0, m = 0, f = 0, v = 0;
|
|
19
|
+
const Y = (e) => {
|
|
20
|
+
e.currentTarget.setPointerCapture(e.pointerId), O = m = e.clientY, f = e.timeStamp, v = 0, p = 0, h(!0);
|
|
21
|
+
}, A = (e) => {
|
|
21
22
|
if (!d()) return;
|
|
22
|
-
const t = e.clientY -
|
|
23
|
-
o > 0 && (
|
|
24
|
-
const n = t >= 0 ? t : t /
|
|
23
|
+
const t = e.clientY - O, o = e.timeStamp - f;
|
|
24
|
+
o > 0 && (v = (e.clientY - m) / o), m = e.clientY, f = e.timeStamp, p = t;
|
|
25
|
+
const n = t >= 0 ? t : t / W;
|
|
25
26
|
l.style.transform = `translateY(${n}px)`;
|
|
26
|
-
},
|
|
27
|
-
h(!1), l.style.transform = "", e &&
|
|
27
|
+
}, $ = (e) => {
|
|
28
|
+
h(!1), l.style.transform = "", e && k({
|
|
28
29
|
open: !1
|
|
29
30
|
});
|
|
30
|
-
},
|
|
31
|
+
}, T = () => {
|
|
31
32
|
if (!d()) return;
|
|
32
|
-
const e = l.offsetHeight || 1, t =
|
|
33
|
-
|
|
34
|
-
},
|
|
35
|
-
d() &&
|
|
36
|
-
},
|
|
33
|
+
const e = l.offsetHeight || 1, t = p > e * K, o = p > 0 && v > Q;
|
|
34
|
+
$(r.dismissible && (t || o));
|
|
35
|
+
}, L = () => {
|
|
36
|
+
d() && $(!1);
|
|
37
|
+
}, k = (e) => {
|
|
37
38
|
var t;
|
|
38
39
|
(t = r.onOpenChange) == null || t.call(r, e);
|
|
39
40
|
};
|
|
40
|
-
return
|
|
41
|
+
return V(() => r.open), y(_(() => r.open, (e) => {
|
|
42
|
+
if (!e) return;
|
|
43
|
+
const t = H(l, {
|
|
44
|
+
initialFocus: !1,
|
|
45
|
+
escapeDeactivates: !1,
|
|
46
|
+
clickOutsideDeactivates: !1,
|
|
47
|
+
allowOutsideClick: !0,
|
|
48
|
+
returnFocusOnDeactivate: !0
|
|
49
|
+
});
|
|
50
|
+
onCleanup(t);
|
|
51
|
+
})), y(_(() => r.open, (e) => {
|
|
41
52
|
var t, o;
|
|
42
53
|
e ? (t = r.onOpen) == null || t.call(r) : (o = r.onClose) == null || o.call(r);
|
|
43
54
|
}, {
|
|
44
55
|
defer: !0
|
|
45
|
-
})),
|
|
56
|
+
})), F(R, {
|
|
46
57
|
get mount() {
|
|
47
58
|
return document.body;
|
|
48
59
|
},
|
|
49
60
|
get children() {
|
|
50
61
|
return [(() => {
|
|
51
|
-
var e =
|
|
62
|
+
var e = j();
|
|
52
63
|
return e.$$click = () => {
|
|
53
|
-
r.dismissible &&
|
|
64
|
+
r.dismissible && k({
|
|
54
65
|
open: !1
|
|
55
66
|
});
|
|
56
67
|
}, b((t) => {
|
|
57
68
|
var o = g(s.backdrop, r.backdropBlur && s.blurred), n = r.open ? "" : void 0;
|
|
58
|
-
return o !== t.e && c(e, t.e = o), n !== t.t &&
|
|
69
|
+
return o !== t.e && c(e, t.e = o), n !== t.t && E(e, "data-open", t.t = n), t;
|
|
59
70
|
}, {
|
|
60
71
|
e: void 0,
|
|
61
72
|
t: void 0
|
|
62
73
|
}), e;
|
|
63
74
|
})(), (() => {
|
|
64
|
-
var e =
|
|
65
|
-
return typeof o == "function" ?
|
|
66
|
-
var n =
|
|
75
|
+
var e = q(), t = e.firstChild, o = l;
|
|
76
|
+
return typeof o == "function" ? w(o, e) : l = e, P(e, (() => {
|
|
77
|
+
var n = G(() => !!r.draggable);
|
|
67
78
|
return () => n() && (() => {
|
|
68
|
-
var a =
|
|
69
|
-
return a.addEventListener("pointercancel",
|
|
70
|
-
var
|
|
71
|
-
return
|
|
79
|
+
var a = z(), u = a.firstChild;
|
|
80
|
+
return a.addEventListener("pointercancel", L), a.$$pointerup = T, a.$$pointermove = A, a.$$pointerdown = Y, b((i) => {
|
|
81
|
+
var S = s.grabberArea, D = s.grabber;
|
|
82
|
+
return S !== i.e && c(a, i.e = S), D !== i.t && c(u, i.t = D), i;
|
|
72
83
|
}, {
|
|
73
84
|
e: void 0,
|
|
74
85
|
t: void 0
|
|
75
86
|
}), a;
|
|
76
87
|
})();
|
|
77
|
-
})(), t),
|
|
78
|
-
var a = g(
|
|
79
|
-
return a !== n.e && c(e, n.e = a),
|
|
88
|
+
})(), t), P(t, () => r.children), b((n) => {
|
|
89
|
+
var a = g(M(), s.sheet, d() && s.dragging, r.class), u = r.open ? "" : void 0, i = g(s.content, r.contentClass);
|
|
90
|
+
return a !== n.e && c(e, n.e = a), u !== n.t && E(e, "data-open", n.t = u), i !== n.a && c(t, n.a = i), n;
|
|
80
91
|
}, {
|
|
81
92
|
e: void 0,
|
|
82
93
|
t: void 0,
|
|
@@ -88,5 +99,5 @@ function ne(y) {
|
|
|
88
99
|
}
|
|
89
100
|
I(["click", "pointerdown", "pointermove", "pointerup"]);
|
|
90
101
|
export {
|
|
91
|
-
|
|
102
|
+
ae as BottomSheet
|
|
92
103
|
};
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
const r = "
|
|
1
|
+
const r = "_backdrop_1l1c4_1", e = "_blurred_1l1c4_11", c = "_sheet_1l1c4_22", _ = "_dragging_1l1c4_52", t = "_grabberArea_1l1c4_70", b = "_grabber_1l1c4_70", a = "_content_1l1c4_96", n = {
|
|
2
2
|
backdrop: r,
|
|
3
|
-
blurred:
|
|
4
|
-
sheet:
|
|
3
|
+
blurred: e,
|
|
4
|
+
sheet: c,
|
|
5
5
|
dragging: _,
|
|
6
6
|
grabberArea: t,
|
|
7
7
|
grabber: b,
|
|
8
|
-
content:
|
|
8
|
+
content: a
|
|
9
9
|
};
|
|
10
10
|
export {
|
|
11
11
|
r as backdrop,
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
e as blurred,
|
|
13
|
+
a as content,
|
|
14
|
+
n as default,
|
|
15
15
|
_ as dragging,
|
|
16
16
|
b as grabber,
|
|
17
17
|
t as grabberArea,
|
|
18
|
-
|
|
18
|
+
c as sheet
|
|
19
19
|
};
|
package/dist/Button/Button.js
CHANGED
|
@@ -1,56 +1,61 @@
|
|
|
1
|
-
import { createComponent as
|
|
2
|
-
import { splitProps as
|
|
3
|
-
import { ark as
|
|
4
|
-
import { Loader2 as
|
|
5
|
-
import { bem as
|
|
6
|
-
import { cn as
|
|
1
|
+
import { createComponent as a, mergeProps as u, memo as s, insert as c, effect as g, className as f, template as p } from "solid-js/web";
|
|
2
|
+
import { splitProps as b, mergeProps as z, createMemo as P } from "solid-js";
|
|
3
|
+
import { ark as o } from "@ark-ui/solid/factory";
|
|
4
|
+
import { Loader2 as v } from "lucide-solid";
|
|
5
|
+
import { bem as h } from "../utils/bem.js";
|
|
6
|
+
import { cn as x } from "../utils/cn.js";
|
|
7
7
|
import e from "./Button.module.css.js";
|
|
8
8
|
var y = /* @__PURE__ */ p("<span>");
|
|
9
|
-
const
|
|
9
|
+
const D = {
|
|
10
10
|
outline: e.outline,
|
|
11
11
|
solid: e.solid
|
|
12
|
-
},
|
|
12
|
+
}, L = {
|
|
13
13
|
default: e.intentDefault,
|
|
14
|
+
neutral: e.intentNeutral,
|
|
14
15
|
danger: e.intentDanger
|
|
15
|
-
},
|
|
16
|
+
}, N = {
|
|
16
17
|
xs: e.sizeXs,
|
|
17
18
|
sm: e.sizeSm,
|
|
18
19
|
md: e.sizeMd,
|
|
19
20
|
lg: e.sizeLg,
|
|
20
21
|
xl: e.sizeXl
|
|
21
|
-
},
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
}, O = {
|
|
23
|
+
variant: "outline",
|
|
24
|
+
intent: "default",
|
|
24
25
|
size: "md",
|
|
25
26
|
disabled: !1,
|
|
26
27
|
loading: !1
|
|
27
28
|
};
|
|
28
|
-
function
|
|
29
|
-
const [
|
|
30
|
-
|
|
29
|
+
function _(l) {
|
|
30
|
+
const [t, d] = b(z(O, l), ["variant", "intent", "size", "class", "loading", "disabled", "children"]), i = (n) => typeof n == "function" ? n() : n, m = P(() => {
|
|
31
|
+
const n = i(t.variant) === "solid" ? "solid" : "outline";
|
|
32
|
+
let r = i(t.intent);
|
|
33
|
+
return r === "neutral" && n === "solid" && (r = "default"), x(h("balik-button", n, r, i(t.size)), e.base, D[n], L[r], N[i(t.size)], i(t.loading) && e.loadingButton, t.class);
|
|
34
|
+
});
|
|
35
|
+
return a(o.button, u(d, {
|
|
31
36
|
get disabled() {
|
|
32
|
-
return
|
|
37
|
+
return t.disabled;
|
|
33
38
|
},
|
|
34
39
|
get "aria-disabled"() {
|
|
35
|
-
return
|
|
40
|
+
return t.loading || t.disabled;
|
|
36
41
|
},
|
|
37
42
|
get class() {
|
|
38
|
-
return
|
|
43
|
+
return m();
|
|
39
44
|
},
|
|
40
45
|
get children() {
|
|
41
|
-
return [
|
|
42
|
-
var
|
|
43
|
-
return
|
|
46
|
+
return [s(() => t.children), s(() => s(() => !!t.loading)() && (() => {
|
|
47
|
+
var n = y();
|
|
48
|
+
return c(n, a(v, {
|
|
44
49
|
get class() {
|
|
45
50
|
return e.spinner;
|
|
46
51
|
},
|
|
47
52
|
"aria-hidden": "true"
|
|
48
|
-
})),
|
|
53
|
+
})), g(() => f(n, e.loadingOverlay)), n;
|
|
49
54
|
})())];
|
|
50
55
|
}
|
|
51
56
|
}));
|
|
52
57
|
}
|
|
53
|
-
|
|
58
|
+
_.Original = o;
|
|
54
59
|
export {
|
|
55
|
-
|
|
60
|
+
_ as Button
|
|
56
61
|
};
|
|
@@ -1,31 +1,33 @@
|
|
|
1
|
-
const
|
|
2
|
-
base:
|
|
3
|
-
loadingOverlay:
|
|
4
|
-
loadingButton:
|
|
5
|
-
outline:
|
|
1
|
+
const e = "_base_zewfr_1", n = "_loadingOverlay_zewfr_22", t = "_loadingButton_zewfr_33", s = "_outline_zewfr_37", _ = "_solid_zewfr_48", i = "_intentDefault_zewfr_60", o = "_intentNeutral_zewfr_69", z = "_intentDanger_zewfr_78", r = "_sizeXs_zewfr_87", l = "_sizeSm_zewfr_95", a = "_sizeMd_zewfr_103", f = "_sizeLg_zewfr_111", c = "_sizeXl_zewfr_119", w = "_spinner_zewfr_127", d = {
|
|
2
|
+
base: e,
|
|
3
|
+
loadingOverlay: n,
|
|
4
|
+
loadingButton: t,
|
|
5
|
+
outline: s,
|
|
6
6
|
solid: _,
|
|
7
7
|
intentDefault: i,
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
intentNeutral: o,
|
|
9
|
+
intentDanger: z,
|
|
10
|
+
sizeXs: r,
|
|
11
|
+
sizeSm: l,
|
|
11
12
|
sizeMd: a,
|
|
12
13
|
sizeLg: f,
|
|
13
|
-
sizeXl:
|
|
14
|
-
spinner:
|
|
14
|
+
sizeXl: c,
|
|
15
|
+
spinner: w
|
|
15
16
|
};
|
|
16
17
|
export {
|
|
17
|
-
|
|
18
|
+
e as base,
|
|
18
19
|
d as default,
|
|
19
|
-
|
|
20
|
+
z as intentDanger,
|
|
20
21
|
i as intentDefault,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
o as intentNeutral,
|
|
23
|
+
t as loadingButton,
|
|
24
|
+
n as loadingOverlay,
|
|
25
|
+
s as outline,
|
|
24
26
|
f as sizeLg,
|
|
25
27
|
a as sizeMd,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
28
|
+
l as sizeSm,
|
|
29
|
+
c as sizeXl,
|
|
30
|
+
r as sizeXs,
|
|
29
31
|
_ as solid,
|
|
30
|
-
|
|
32
|
+
w as spinner
|
|
31
33
|
};
|