@plaidlabs/ui 0.1.8 → 0.1.9
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/index.js
CHANGED
|
@@ -19738,7 +19738,7 @@ function Bf({ color: t, icon: e, children: n, className: r }) {
|
|
|
19738
19738
|
] });
|
|
19739
19739
|
}
|
|
19740
19740
|
var Jl = ne({ defaultClassName: "ad449n0", variantClassNames: { state: { default: "ad449n1 _1b653mpo", selected: "ad449n2 _1b653mpn" }, icon: { left: "ad449n3", none: "ad449n4" }, arrow: { right: "ad449n5", none: "ad449n6" }, size: { item: "ad449n7", option: "ad449n8" } }, defaultVariants: { state: "default", size: "item", icon: "none", arrow: "none" }, compoundVariants: [[{ size: "option" }, "ad449n9"], [{ size: "item", icon: "left" }, "ad449na"], [{ size: "item", icon: "left", arrow: "right" }, "ad449nb"], [{ size: "option", icon: "left" }, "ad449nc"]] }), Zl = "ad449nd", ec = "ad449ne", UP = "ad449nf", zP = "ad449ng", WP = "ad449nh", GP = "ad449ni", YP = "ad449nj", qP = "ad449nk", XP = "ad449nl";
|
|
19741
|
-
function
|
|
19741
|
+
function X6({
|
|
19742
19742
|
size: t = "item",
|
|
19743
19743
|
icon: e,
|
|
19744
19744
|
iconPosition: n = "none",
|
|
@@ -19801,7 +19801,7 @@ function XC({
|
|
|
19801
19801
|
] }) : /* @__PURE__ */ c(Le, { className: w, "data-selected": o, onPress: u, ...A, children: E() });
|
|
19802
19802
|
}
|
|
19803
19803
|
var JP = ne({ defaultClassName: "qzzfja0", variantClassNames: { size: { md: "qzzfja1 _1b653mpn", sm: "qzzfja2 _1b653mps" }, color: { blue: "qzzfja3", gray700: "qzzfja4", gray500: "qzzfja5" } }, defaultVariants: { size: "md", color: "blue" }, compoundVariants: [] });
|
|
19804
|
-
function
|
|
19804
|
+
function J6({
|
|
19805
19805
|
size: t,
|
|
19806
19806
|
color: e,
|
|
19807
19807
|
href: n,
|
|
@@ -19915,7 +19915,7 @@ function u8(t) {
|
|
|
19915
19915
|
const e = Math.floor(t / 60), n = t % 60;
|
|
19916
19916
|
return `${e}:${n.toString().padStart(2, "0")}`;
|
|
19917
19917
|
}
|
|
19918
|
-
function
|
|
19918
|
+
function Z6({
|
|
19919
19919
|
color: t,
|
|
19920
19920
|
icon: e = !1,
|
|
19921
19921
|
time: n,
|
|
@@ -19940,7 +19940,7 @@ function ZC({
|
|
|
19940
19940
|
] });
|
|
19941
19941
|
}
|
|
19942
19942
|
var A8 = ne({ defaultClassName: "x7yz2o0", variantClassNames: { color: { blue: "x7yz2o1", gray: "x7yz2o2" } }, defaultVariants: { color: "blue" }, compoundVariants: [] }), f8 = "x7yz2o3", h8 = ne({ defaultClassName: "x7yz2o4", variantClassNames: { size: { md: "x7yz2o5", sm: "x7yz2o6" }, color: { blue: "x7yz2o7", gray: "x7yz2o8" }, status: { completed: "x7yz2o9 _1b653mps", active: "x7yz2oa _1b653mpq", inactive: "x7yz2ob _1b653mps" } }, defaultVariants: { size: "md", color: "blue", status: "inactive" }, compoundVariants: [[{ color: "blue", status: "completed" }, "x7yz2oc"], [{ color: "blue", status: "active" }, "x7yz2od"], [{ color: "blue", status: "inactive" }, "x7yz2oe"], [{ color: "gray", status: "completed" }, "x7yz2of"], [{ color: "gray", status: "active" }, "x7yz2og"], [{ color: "gray", status: "inactive" }, "x7yz2oh"]] });
|
|
19943
|
-
function
|
|
19943
|
+
function eC({
|
|
19944
19944
|
totalSteps: t,
|
|
19945
19945
|
currentStep: e,
|
|
19946
19946
|
size: n = "md",
|
|
@@ -19966,7 +19966,7 @@ function eE({
|
|
|
19966
19966
|
}) }) });
|
|
19967
19967
|
}
|
|
19968
19968
|
var p8 = "_18nbbr40", v8 = ne({ defaultClassName: "_18nbbr41", variantClassNames: { size: { 20: "_18nbbr42", 24: "_18nbbr43" }, color: { blue_1000: "_18nbbr44", gray_700: "_18nbbr45" } }, defaultVariants: {}, compoundVariants: [] }), g8 = "_18nbbr46", m8 = ne({ defaultClassName: "_18nbbr47", variantClassNames: { size: { 20: "_18nbbr48 _1b653mpr", 24: "_18nbbr49 _1b653mpo" } }, defaultVariants: {}, compoundVariants: [] });
|
|
19969
|
-
function
|
|
19969
|
+
function tC({
|
|
19970
19970
|
size: t,
|
|
19971
19971
|
color: e,
|
|
19972
19972
|
isDisabled: n = !1,
|
|
@@ -19993,7 +19993,7 @@ function tE({
|
|
|
19993
19993
|
) });
|
|
19994
19994
|
}
|
|
19995
19995
|
var w8 = ne({ defaultClassName: "_1ywrdep0", variantClassNames: { variant: { filled: "_1ywrdep1", outlined: "_1ywrdep2", light: "_1ywrdep3" }, shape: { square: "_1ywrdep4", round: "_1ywrdep5" }, size: { lg: "_1ywrdep6 _1b653mpr", md: "_1ywrdep7 _1b653mpu", sm: "_1ywrdep8 _1b653mpu" }, color: { blue: "_1ywrdep9", green: "_1ywrdepa", red: "_1ywrdepb", yellow: "_1ywrdepc", gray500: "_1ywrdepd", gray800: "_1ywrdepe" }, iconType: { none: "_1ywrdepf", left: "_1ywrdepg", right: "_1ywrdeph", only: "_1ywrdepi" } }, defaultVariants: { variant: "filled", color: "gray500", size: "md", shape: "round", iconType: "none" }, compoundVariants: [[{ variant: "filled", color: "blue" }, "_1ywrdepj"], [{ variant: "outlined", color: "blue" }, "_1ywrdepk"], [{ variant: "light", color: "blue" }, "_1ywrdepl"], [{ variant: "filled", color: "green" }, "_1ywrdepm"], [{ variant: "outlined", color: "green" }, "_1ywrdepn"], [{ variant: "light", color: "green" }, "_1ywrdepo"], [{ variant: "filled", color: "red" }, "_1ywrdepp"], [{ variant: "outlined", color: "red" }, "_1ywrdepq"], [{ variant: "light", color: "red" }, "_1ywrdepr"], [{ variant: "filled", color: "yellow" }, "_1ywrdeps"], [{ variant: "outlined", color: "yellow" }, "_1ywrdept"], [{ variant: "light", color: "yellow" }, "_1ywrdepu"], [{ variant: "filled", color: "gray500" }, "_1ywrdepv"], [{ variant: "outlined", color: "gray500" }, "_1ywrdepw"], [{ variant: "light", color: "gray500" }, "_1ywrdepx"], [{ variant: "filled", color: "gray800" }, "_1ywrdepy"], [{ variant: "outlined", color: "gray800" }, "_1ywrdepz"], [{ variant: "light", color: "gray800" }, "_1ywrdep10"], [{ shape: "square", size: "lg", iconType: "none" }, "_1ywrdep11"], [{ shape: "square", size: "lg", iconType: "left" }, "_1ywrdep12"], [{ shape: "square", size: "lg", iconType: "right" }, "_1ywrdep13"], [{ shape: "square", size: "lg", iconType: "only" }, "_1ywrdep14"], [{ shape: "square", size: "md", iconType: "none" }, "_1ywrdep15"], [{ shape: "square", size: "md", iconType: "left" }, "_1ywrdep16"], [{ shape: "square", size: "md", iconType: "right" }, "_1ywrdep17"], [{ shape: "square", size: "md", iconType: "only" }, "_1ywrdep18"], [{ shape: "square", size: "sm", iconType: "none" }, "_1ywrdep19"], [{ shape: "square", size: "sm", iconType: "left" }, "_1ywrdep1a"], [{ shape: "square", size: "sm", iconType: "right" }, "_1ywrdep1b"], [{ shape: "square", size: "sm", iconType: "only" }, "_1ywrdep1c"], [{ shape: "round", size: "lg", iconType: "none" }, "_1ywrdep1d"], [{ shape: "round", size: "lg", iconType: "left" }, "_1ywrdep1e"], [{ shape: "round", size: "lg", iconType: "right" }, "_1ywrdep1f"], [{ shape: "round", size: "lg", iconType: "only" }, "_1ywrdep1g"], [{ shape: "round", size: "md", iconType: "none" }, "_1ywrdep1h"], [{ shape: "round", size: "md", iconType: "left" }, "_1ywrdep1i"], [{ shape: "round", size: "md", iconType: "right" }, "_1ywrdep1j"], [{ shape: "round", size: "md", iconType: "only" }, "_1ywrdep1k"], [{ shape: "round", size: "sm", iconType: "none" }, "_1ywrdep1l"], [{ shape: "round", size: "sm", iconType: "left" }, "_1ywrdep1m"], [{ shape: "round", size: "sm", iconType: "right" }, "_1ywrdep1n"], [{ shape: "round", size: "sm", iconType: "only" }, "_1ywrdep1o"]] });
|
|
19996
|
-
function
|
|
19996
|
+
function nC({
|
|
19997
19997
|
children: t,
|
|
19998
19998
|
variant: e = "filled",
|
|
19999
19999
|
color: n = "gray500",
|
|
@@ -20183,7 +20183,7 @@ const G8 = ue(
|
|
|
20183
20183
|
);
|
|
20184
20184
|
G8.displayName = "TextArea";
|
|
20185
20185
|
var Y8 = "_14e2oez0", q8 = ne({ defaultClassName: "_14e2oez1", variantClassNames: { color: { blue: "_14e2oez2", green: "_14e2oez3" }, checked: { false: "_14e2oez4", true: "_14e2oez5" } }, defaultVariants: {}, compoundVariants: [[{ color: "blue", checked: !0 }, "_14e2oez6"], [{ color: "green", checked: !0 }, "_14e2oez7"]] }), X8 = ne({ defaultClassName: "_14e2oez8", variantClassNames: { checked: { false: "_14e2oez9", true: "_14e2oeza" } }, defaultVariants: {}, compoundVariants: [] }), J8 = "_14e2oezb", nc = ne({ defaultClassName: "_14e2oezc _1b653mpv", variantClassNames: { color: { blue: "_14e2oezd", green: "_14e2oeze" }, position: { left: "_14e2oezf", right: "_14e2oezg" }, checked: { true: "_14e2oezh", false: "_14e2oezi" } }, defaultVariants: {}, compoundVariants: [[{ position: "left", checked: !1 }, "_14e2oezj"], [{ position: "right", checked: !1 }, "_14e2oezk"], [{ color: "blue", position: "left", checked: !0 }, "_14e2oezl"], [{ color: "green", position: "left", checked: !0 }, "_14e2oezm"], [{ color: "blue", position: "right", checked: !0 }, "_14e2oezn"], [{ color: "green", position: "right", checked: !0 }, "_14e2oezo"]] });
|
|
20186
|
-
function
|
|
20186
|
+
function rC({
|
|
20187
20187
|
color: t,
|
|
20188
20188
|
text: e = "text_none",
|
|
20189
20189
|
isDisabled: n = !1,
|
|
@@ -20208,7 +20208,7 @@ function rE({
|
|
|
20208
20208
|
) });
|
|
20209
20209
|
}
|
|
20210
20210
|
var Z8 = "qzops00", bn = ne({ defaultClassName: "qzops01", variantClassNames: { type: { number: "qzops02", arrow: "qzops03", arrowDuo: "qzops04" }, state: { default: "qzops05 _1b653mps", selected: "qzops06 _1b653mpq" }, disabled: { true: "qzops07", false: "qzops08" } }, defaultVariants: { type: "number", state: "default", disabled: !1 }, compoundVariants: [] }), rc = "qzops09", e5 = "qzops0a";
|
|
20211
|
-
function
|
|
20211
|
+
function oC({
|
|
20212
20212
|
currentPage: t,
|
|
20213
20213
|
totalPages: e,
|
|
20214
20214
|
onPageChange: n,
|
|
@@ -20449,7 +20449,7 @@ Yn.Trigger = function({
|
|
|
20449
20449
|
return /* @__PURE__ */ c($u, { isOpen: n, onOpenChange: r, ...o, children: e });
|
|
20450
20450
|
};
|
|
20451
20451
|
var S5 = "_1ry8e4g0", D5 = "_1ry8e4g1", T5 = "_1ry8e4g2 _1b653mps", M5 = ne({ defaultClassName: "_1ry8e4g3 _1b653mpo", variantClassNames: { selected: { true: "_1ry8e4g4", false: "_1ry8e4g5" }, disabled: { true: "_1ry8e4g6", false: "_1ry8e4g7" }, size: { sm: "_1ry8e4g8 _1b653mpr", md: "_1ry8e4g9 _1b653mpo" }, subTextLayout: { none: "_1ry8e4ga", caption: "_1ry8e4gb", title: "_1ry8e4gc" } }, defaultVariants: { selected: !1, disabled: !1, size: "md", subTextLayout: "none" }, compoundVariants: [[{ disabled: !0, selected: !1 }, "_1ry8e4gd"], [{ disabled: !0, selected: !0 }, "_1ry8e4ge"]] }), I5 = ne({ defaultClassName: "_1ry8e4gf _1b653mpr", variantClassNames: { selected: { true: "_1ry8e4gg", false: "_1ry8e4gh" }, disabled: { true: "_1ry8e4gi", false: "_1ry8e4gj" }, size: { sm: "_1ry8e4gk", md: "_1ry8e4gl" } }, defaultVariants: { selected: !1, disabled: !1, size: "sm" }, compoundVariants: [[{ size: "sm" }, "_1ry8e4gm"], [{ size: "md" }, "_1ry8e4gn"], [{ disabled: !0, selected: !1 }, "_1ry8e4go"], [{ disabled: !0, selected: !0 }, "_1ry8e4gp"]] }), $5 = "_1ry8e4gq", N5 = "_1ry8e4gr", R5 = "_1ry8e4gs", L5 = "_1ry8e4gt", Q5 = "_1ry8e4gu _1b653mps", O5 = "_1ry8e4gw _1b653mpp", _5 = "_1ry8e4gx", V5 = "_1ry8e4gy", H5 = "_1ry8e4gz", j5 = "_1ry8e4g10", F5 = "_1ry8e4g11", K5 = "_1ry8e4g12", U5 = "_1ry8e4g14", z5 = "_1ry8e4g15", W5 = "_1ry8e4g16", G5 = "_1ry8e4g17";
|
|
20452
|
-
function
|
|
20452
|
+
function iC({
|
|
20453
20453
|
size: t = "md",
|
|
20454
20454
|
isSelected: e = !1,
|
|
20455
20455
|
isDisabled: n = !1,
|
|
@@ -20497,62 +20497,70 @@ function iE({
|
|
|
20497
20497
|
return;
|
|
20498
20498
|
}
|
|
20499
20499
|
w(!1), d == null || d(B);
|
|
20500
|
-
}
|
|
20501
|
-
|
|
20502
|
-
|
|
20503
|
-
|
|
20504
|
-
{
|
|
20505
|
-
|
|
20506
|
-
|
|
20507
|
-
|
|
20508
|
-
|
|
20509
|
-
|
|
20510
|
-
|
|
20511
|
-
|
|
20512
|
-
|
|
20513
|
-
|
|
20514
|
-
|
|
20515
|
-
|
|
20516
|
-
s === "title" && O && /* @__PURE__ */ c("span", { className: Q5, children: O }),
|
|
20517
|
-
/* @__PURE__ */ c("span", { className: L5, children: T }),
|
|
20518
|
-
s === "caption" && O && /* @__PURE__ */ c("span", { className: O5, children: O })
|
|
20519
|
-
] }),
|
|
20520
|
-
/* @__PURE__ */ c("span", { className: re(_5, g && V5), children: /* @__PURE__ */ c(Na, { width: 16, height: 16, strokeWidth: 2 }) })
|
|
20521
|
-
] })
|
|
20522
|
-
}
|
|
20523
|
-
),
|
|
20524
|
-
/* @__PURE__ */ c("div", { className: re(F5, g && K5), children: /* @__PURE__ */ k("div", { className: U5, children: [
|
|
20525
|
-
/* @__PURE__ */ c("div", { className: z5, children: /* @__PURE__ */ c("div", { className: W5, children: l.map((B) => {
|
|
20526
|
-
const Q = E.has(B.id);
|
|
20527
|
-
return /* @__PURE__ */ k(
|
|
20500
|
+
}, z = () => /* @__PURE__ */ k(be, { children: [
|
|
20501
|
+
/* @__PURE__ */ k("div", { className: s === "title" ? R5 : s === "caption" ? N5 : $5, children: [
|
|
20502
|
+
s === "title" && O && /* @__PURE__ */ c("span", { className: Q5, children: O }),
|
|
20503
|
+
/* @__PURE__ */ c("span", { className: L5, children: T }),
|
|
20504
|
+
s === "caption" && O && /* @__PURE__ */ c("span", { className: O5, children: O })
|
|
20505
|
+
] }),
|
|
20506
|
+
/* @__PURE__ */ c("span", { className: re(_5, g && V5), children: /* @__PURE__ */ c(Na, { width: 16, height: 16, strokeWidth: 2 }) })
|
|
20507
|
+
] });
|
|
20508
|
+
return /* @__PURE__ */ k(
|
|
20509
|
+
"div",
|
|
20510
|
+
{
|
|
20511
|
+
className: re(j5, r),
|
|
20512
|
+
"data-expanded": g,
|
|
20513
|
+
ref: P,
|
|
20514
|
+
children: [
|
|
20515
|
+
/* @__PURE__ */ c(
|
|
20528
20516
|
Le,
|
|
20529
20517
|
{
|
|
20530
|
-
className:
|
|
20531
|
-
|
|
20532
|
-
|
|
20533
|
-
|
|
20534
|
-
|
|
20535
|
-
"data-
|
|
20536
|
-
|
|
20537
|
-
onPress: () => R(B.id),
|
|
20518
|
+
className: H,
|
|
20519
|
+
onPress: j,
|
|
20520
|
+
"aria-expanded": g,
|
|
20521
|
+
"data-expanded": g,
|
|
20522
|
+
"data-selected": e,
|
|
20523
|
+
"data-disabled": n,
|
|
20524
|
+
isDisabled: n,
|
|
20538
20525
|
type: "button",
|
|
20539
|
-
|
|
20540
|
-
|
|
20541
|
-
|
|
20542
|
-
|
|
20543
|
-
|
|
20544
|
-
|
|
20545
|
-
|
|
20546
|
-
|
|
20547
|
-
|
|
20548
|
-
|
|
20549
|
-
|
|
20550
|
-
|
|
20551
|
-
|
|
20552
|
-
|
|
20526
|
+
...v,
|
|
20527
|
+
children: z()
|
|
20528
|
+
}
|
|
20529
|
+
),
|
|
20530
|
+
/* @__PURE__ */ c("div", { className: re(F5, g && K5), children: /* @__PURE__ */ k("div", { className: U5, children: [
|
|
20531
|
+
/* @__PURE__ */ c("div", { className: z5, children: /* @__PURE__ */ c("div", { className: W5, children: l.map((B) => {
|
|
20532
|
+
const Q = E.has(B.id);
|
|
20533
|
+
return /* @__PURE__ */ k(
|
|
20534
|
+
Le,
|
|
20535
|
+
{
|
|
20536
|
+
className: I5({
|
|
20537
|
+
selected: Q,
|
|
20538
|
+
disabled: !1,
|
|
20539
|
+
size: "md"
|
|
20540
|
+
}),
|
|
20541
|
+
"data-selected": Q,
|
|
20542
|
+
"data-disabled": !1,
|
|
20543
|
+
onPress: () => R(B.id),
|
|
20544
|
+
type: "button",
|
|
20545
|
+
children: [
|
|
20546
|
+
/* @__PURE__ */ k("div", { className: S5, children: [
|
|
20547
|
+
/* @__PURE__ */ c("span", { className: D5, children: B.label }),
|
|
20548
|
+
B.subText && /* @__PURE__ */ c("span", { className: T5, children: B.subText })
|
|
20549
|
+
] }),
|
|
20550
|
+
Q && /* @__PURE__ */ c("span", { className: H5, children: /* @__PURE__ */ c(Jr, { width: 16, height: 16, strokeWidth: 2 }) })
|
|
20551
|
+
]
|
|
20552
|
+
},
|
|
20553
|
+
B.id
|
|
20554
|
+
);
|
|
20555
|
+
}) }) }),
|
|
20556
|
+
p && /* @__PURE__ */ c("div", { className: G5, children: p({ close: N }) })
|
|
20557
|
+
] }) })
|
|
20558
|
+
]
|
|
20559
|
+
}
|
|
20560
|
+
);
|
|
20553
20561
|
}
|
|
20554
20562
|
var Y5 = ne({ defaultClassName: "ikpske0 _1b653mpu", variantClassNames: { selected: { true: "ikpske1", false: "ikpske2" } }, defaultVariants: { selected: !1 }, compoundVariants: [] }), q5 = ne({ defaultClassName: "ikpske3", variantClassNames: { selected: { true: "ikpske4", false: "ikpske5" } }, defaultVariants: { selected: !1 }, compoundVariants: [] }), X5 = ne({ defaultClassName: "ikpske6", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] }), J5 = ne({ defaultClassName: "ikpske7", variantClassNames: { selected: { true: "ikpske8", false: "ikpske9" } }, defaultVariants: {}, compoundVariants: [] });
|
|
20555
|
-
function
|
|
20563
|
+
function aC({ items: t, selectedValue: e, onChange: n, className: r }) {
|
|
20556
20564
|
const o = (i) => {
|
|
20557
20565
|
i !== e && n(i);
|
|
20558
20566
|
};
|
|
@@ -20576,7 +20584,7 @@ function aE({ items: t, selectedValue: e, onChange: n, className: r }) {
|
|
|
20576
20584
|
}) });
|
|
20577
20585
|
}
|
|
20578
20586
|
var cr = "_117koae0", Z5 = "_117koae1", e7 = ne({ defaultClassName: "_117koae2 _1b653mpk", variantClassNames: { hasIcons: { true: "_117koae3", false: "_117koae4" }, hasLeftIcon: { true: "_117koae5", false: "_117koae6" }, hasRightIcon: { true: "_117koae7", false: "_117koae8" } }, defaultVariants: {}, compoundVariants: [[{ hasIcons: !1, hasLeftIcon: !1, hasRightIcon: !1 }, "_117koae9"], [{ hasIcons: !0, hasLeftIcon: !0, hasRightIcon: !1 }, "_117koaea"], [{ hasIcons: !0, hasLeftIcon: !0, hasRightIcon: !0 }, "_117koaeb"], [{ hasIcons: !0, hasLeftIcon: !1, hasRightIcon: !0 }, "_117koaec"]] });
|
|
20579
|
-
function
|
|
20587
|
+
function sC({
|
|
20580
20588
|
title: t,
|
|
20581
20589
|
leftIcon: e,
|
|
20582
20590
|
rightIcon: n,
|
|
@@ -20651,7 +20659,7 @@ function sE({
|
|
|
20651
20659
|
);
|
|
20652
20660
|
}
|
|
20653
20661
|
var t7 = "l8gt0i0", n7 = "l8gt0i1", r7 = "l8gt0i2 _1b653mpp";
|
|
20654
|
-
function
|
|
20662
|
+
function lC({ items: t, withPanel: e, className: n, ...r }) {
|
|
20655
20663
|
const o = e !== !1;
|
|
20656
20664
|
return /* @__PURE__ */ k(og, { className: re(t7, n), ...r, children: [
|
|
20657
20665
|
/* @__PURE__ */ c(ag, { className: n7, children: t.map((i) => /* @__PURE__ */ c(
|
|
@@ -23573,7 +23581,7 @@ const Va = () => {
|
|
|
23573
23581
|
a != null && a.settings && Object.keys(a == null ? void 0 : a.settings).length !== 0 && (o = it(a.settings, o)), a != null && a.styles && Object.keys(a == null ? void 0 : a.styles).length !== 0 && (i = it(a.styles, i));
|
|
23574
23582
|
}), e(o), n(i);
|
|
23575
23583
|
}, []);
|
|
23576
|
-
},
|
|
23584
|
+
}, e6 = ({
|
|
23577
23585
|
plugins: t,
|
|
23578
23586
|
slots: e
|
|
23579
23587
|
}) => {
|
|
@@ -23689,7 +23697,7 @@ const Va = () => {
|
|
|
23689
23697
|
)
|
|
23690
23698
|
}
|
|
23691
23699
|
) }) }) : null;
|
|
23692
|
-
},
|
|
23700
|
+
}, t6 = ({
|
|
23693
23701
|
id: t,
|
|
23694
23702
|
flow: e,
|
|
23695
23703
|
settings: n,
|
|
@@ -23728,7 +23736,7 @@ const Va = () => {
|
|
|
23728
23736
|
return U(() => {
|
|
23729
23737
|
A();
|
|
23730
23738
|
}, [o]), null;
|
|
23731
|
-
}, Oo = ["Quickstart", "API Docs", "Examples", "Github", "Discord"],
|
|
23739
|
+
}, Oo = ["Quickstart", "API Docs", "Examples", "Github", "Discord"], n6 = {
|
|
23732
23740
|
start: {
|
|
23733
23741
|
message: "Hello, I am Tan Jin 👋! Welcome to React ChatBotify, I'm excited that you are using our chatbot 😊!",
|
|
23734
23742
|
transition: { duration: 1e3 },
|
|
@@ -23782,7 +23790,7 @@ const Va = () => {
|
|
|
23782
23790
|
transition: { duration: 3e3 },
|
|
23783
23791
|
path: "prompt_again"
|
|
23784
23792
|
}
|
|
23785
|
-
},
|
|
23793
|
+
}, r6 = ({
|
|
23786
23794
|
id: t,
|
|
23787
23795
|
flow: e,
|
|
23788
23796
|
settings: n,
|
|
@@ -23791,13 +23799,13 @@ const Va = () => {
|
|
|
23791
23799
|
plugins: i,
|
|
23792
23800
|
slots: a
|
|
23793
23801
|
}) => {
|
|
23794
|
-
const s = J(() => t || "rcb-" + Ir(), []), l = !e || Object.keys(e).length === 0 ?
|
|
23802
|
+
const s = J(() => t || "rcb-" + Ir(), []), l = !e || Object.keys(e).length === 0 ? n6 : e, d = n || {}, u = r || {}, A = i || [], [f, h] = W(!1), p = Zf(), v = V(null), [g, w] = W(o || []);
|
|
23795
23803
|
U(() => {
|
|
23796
23804
|
o && w(o);
|
|
23797
23805
|
}, [o]);
|
|
23798
23806
|
const P = () => /* @__PURE__ */ k(be, { children: [
|
|
23799
23807
|
/* @__PURE__ */ c(
|
|
23800
|
-
|
|
23808
|
+
t6,
|
|
23801
23809
|
{
|
|
23802
23810
|
styleRootRef: v,
|
|
23803
23811
|
id: s,
|
|
@@ -23809,7 +23817,7 @@ const Va = () => {
|
|
|
23809
23817
|
setConfigLoaded: h
|
|
23810
23818
|
}
|
|
23811
23819
|
),
|
|
23812
|
-
f && /* @__PURE__ */ c(
|
|
23820
|
+
f && /* @__PURE__ */ c(e6, { plugins: i, slots: a })
|
|
23813
23821
|
] });
|
|
23814
23822
|
return p == null ? /* @__PURE__ */ k(eh, { children: [
|
|
23815
23823
|
/* @__PURE__ */ c("style", { ref: v }),
|
|
@@ -23818,13 +23826,13 @@ const Va = () => {
|
|
|
23818
23826
|
/* @__PURE__ */ c("style", { ref: v }),
|
|
23819
23827
|
/* @__PURE__ */ c("div", { id: s, children: P() })
|
|
23820
23828
|
] });
|
|
23821
|
-
},
|
|
23829
|
+
}, o6 = () => {
|
|
23822
23830
|
const { botIdRef: t } = Ce();
|
|
23823
23831
|
return {
|
|
23824
23832
|
getBotId: L(() => t.current, [t])
|
|
23825
23833
|
};
|
|
23826
|
-
},
|
|
23827
|
-
const { getBotId: t } =
|
|
23834
|
+
}, i6 = () => {
|
|
23835
|
+
const { getBotId: t } = o6();
|
|
23828
23836
|
return {
|
|
23829
23837
|
getBotId: t
|
|
23830
23838
|
};
|
|
@@ -23843,7 +23851,7 @@ const Va = () => {
|
|
|
23843
23851
|
scrollToBottom: r,
|
|
23844
23852
|
getIsChatBotVisible: o
|
|
23845
23853
|
};
|
|
23846
|
-
},
|
|
23854
|
+
}, a6 = () => {
|
|
23847
23855
|
const {
|
|
23848
23856
|
endStreamMessage: t,
|
|
23849
23857
|
injectMessage: e,
|
|
@@ -23864,8 +23872,8 @@ const Va = () => {
|
|
|
23864
23872
|
replaceMessages: a,
|
|
23865
23873
|
getMessages: s
|
|
23866
23874
|
};
|
|
23867
|
-
},
|
|
23868
|
-
const { getBotId: n } =
|
|
23875
|
+
}, s6 = (t, e) => {
|
|
23876
|
+
const { getBotId: n } = i6();
|
|
23869
23877
|
U(() => {
|
|
23870
23878
|
const r = (o) => {
|
|
23871
23879
|
o.detail.botId === n() && e(o);
|
|
@@ -23874,7 +23882,7 @@ const Va = () => {
|
|
|
23874
23882
|
window.removeEventListener(t, r);
|
|
23875
23883
|
};
|
|
23876
23884
|
}, [n, t, e]);
|
|
23877
|
-
},
|
|
23885
|
+
}, l6 = () => {
|
|
23878
23886
|
const {
|
|
23879
23887
|
getCurrPath: t,
|
|
23880
23888
|
getPrevPath: e,
|
|
@@ -23890,11 +23898,11 @@ const Va = () => {
|
|
|
23890
23898
|
replacePaths: o
|
|
23891
23899
|
};
|
|
23892
23900
|
};
|
|
23893
|
-
function
|
|
23901
|
+
function c6(t) {
|
|
23894
23902
|
var e = t.match(/^var\((.*)\)$/);
|
|
23895
23903
|
return e ? e[1] : t;
|
|
23896
23904
|
}
|
|
23897
|
-
function
|
|
23905
|
+
function d6(t, e) {
|
|
23898
23906
|
var n = t;
|
|
23899
23907
|
for (var r of e) {
|
|
23900
23908
|
if (!(r in n))
|
|
@@ -23912,13 +23920,13 @@ function nh(t, e) {
|
|
|
23912
23920
|
return r;
|
|
23913
23921
|
}
|
|
23914
23922
|
function uc(t, e, n) {
|
|
23915
|
-
t.style.setProperty(
|
|
23923
|
+
t.style.setProperty(c6(e), n);
|
|
23916
23924
|
}
|
|
23917
|
-
function
|
|
23925
|
+
function u6(t, e, n) {
|
|
23918
23926
|
if (typeof n == "object") {
|
|
23919
23927
|
var r = e;
|
|
23920
23928
|
nh(n, (s, l) => {
|
|
23921
|
-
s != null && uc(t,
|
|
23929
|
+
s != null && uc(t, d6(r, l), String(s));
|
|
23922
23930
|
});
|
|
23923
23931
|
} else {
|
|
23924
23932
|
var o = e;
|
|
@@ -23928,18 +23936,18 @@ function uC(t, e, n) {
|
|
|
23928
23936
|
}
|
|
23929
23937
|
}
|
|
23930
23938
|
}
|
|
23931
|
-
var
|
|
23939
|
+
var A6 = { mainColor: "var(--_9qv48y0)", backgroundColor: "var(--_9qv48y1)", userBubbleBg: "var(--_9qv48y2)", userTextColor: "var(--_9qv48y3)", zIndex: "var(--_9qv48y4)" }, f6 = "_9qv48y5 _1b653mpk", h6 = "_9qv48y6", p6 = "_9qv48y7", v6 = "_9qv48y8", g6 = "_9qv48y9", m6 = "_9qv48ya", fe = { black: "#000000", white: "#ffffff", gray_50: "#f7f7fa", gray_100: "#f1f2f6", gray_200: "#dee0e7", gray_300: "#c5c7d2", gray_400: "#989aa4", gray_500: "#6e7078", gray_600: "#53545c", gray_700: "#3e3f46", gray_800: "#2f2f36", gray_900: "#1e1f22", blue_1000: "#0c5dde", blue_dark: "#003993", blue_gradient: "linear-gradient(25deg, #558ee8 0%, #9bbdf1 31.73%, #ccddf8 59.81%, #f3f7fd 100%)", blue_50: "#f3f7fd", blue_100: "#e7effc", blue_200: "#cedff8", blue_300: "#b6cef5", blue_400: "#9ebef2", blue_500: "#85aeef", blue_600: "#6d9eeb", blue_700: "#558ee8", blue_800: "#3d7de5", blue_900: "#246de1", blue_t_50: "#0c5dde0d", blue_t_100: "#0c5dde1a", blue_t_200: "#0c5dde33", blue_t_300: "#0c5dde4d", blue_t_400: "#0c5dde66", blue_t_500: "#0c5dde80", blue_t_600: "#0c5dde99", blue_t_700: "#0c5ddeb3", blue_t_800: "#0c5ddecc", blue_t_900: "#0c5ddee6", yellow_1000: "#f6bd00", yellow_dark: "#c89302", yellow_100: "#fef8e5", yellow_50: "#fffcf2", yellow_200: "#fdf2cc", yellow_300: "#fcebb2", yellow_400: "#fbe599", yellow_500: "#fbde80", yellow_600: "#fad766", yellow_700: "#f8ca33", yellow_800: "#f8ca33", yellow_900: "#f7c41a", yellow_t_50: "#f6bd000d", yellow_t_100: "#f6bd001a", yellow_t_200: "#f6bd0033", yellow_t_300: "#f6bd004d", yellow_t_400: "#f6bd0066", yellow_t_500: "#f6bd0080", yellow_t_600: "#f6bd0099", yellow_t_700: "#f6bd00b3", yellow_t_800: "#f6bd00cc", yellow_t_900: "#f6bd00e6", green_1000: "#00903d", green_dark: "#005e28", green_50: "#f2f9f5", green_100: "#e5f4ec", green_200: "#cce9d8", green_300: "#b2dec5", green_400: "#99d3b1", green_500: "#80c79e", green_600: "#66bc8b", green_700: "#4db177", green_800: "#33a664", green_900: "#1a9b50", green_t_50: "#00903d0d", green_t_100: "#00903d1a", green_t_200: "#00903d33", green_t_300: "#00903d4d", green_t_400: "#00903d66", green_t_500: "#00903d80", green_t_600: "#00903d99", green_t_700: "#00903db3", green_t_800: "#00903dcc", green_t_900: "#00903de6", red_1000: "#d21b1b", red_dark: "#861212", red_50: "#fdf4f4", red_100: "#fae8e8", red_200: "#f6d1d1", red_300: "#f1bbbb", red_400: "#eda4a4", red_500: "#e98d8d", red_600: "#e47676", red_700: "#e05f5f", red_800: "#db4949", red_900: "#d73232", red_t_50: "#d21b1b0d", red_t_100: "#d21b1b1a", red_t_200: "#d21b1b33", red_t_300: "#d21b1b4d", red_t_400: "#d21b1b66", red_t_500: "#d21b1b80", red_t_600: "#d21b1b99", red_t_700: "#d21b1bb3", red_t_800: "#d21b1bcc", red_t_900: "#d21b1be6" };
|
|
23932
23940
|
const Ac = {
|
|
23933
23941
|
view: "이전 채팅 불러오기 ⟳",
|
|
23934
23942
|
lineBreak: "----- 이전 채팅 -----"
|
|
23935
|
-
},
|
|
23943
|
+
}, w6 = "메시지를 입력해주세요", yn = {
|
|
23936
23944
|
mainColor: fe.gray_700,
|
|
23937
23945
|
backgroundColor: fe.white,
|
|
23938
23946
|
userBubbleBg: fe.gray_700,
|
|
23939
23947
|
userTextColor: fe.white,
|
|
23940
23948
|
zIndex: "25"
|
|
23941
23949
|
};
|
|
23942
|
-
function
|
|
23950
|
+
function b6(t) {
|
|
23943
23951
|
return {
|
|
23944
23952
|
mainColor: t.mainColor ?? yn.mainColor,
|
|
23945
23953
|
backgroundColor: t.backgroundColor ?? yn.backgroundColor,
|
|
@@ -23948,7 +23956,7 @@ function bC(t) {
|
|
|
23948
23956
|
zIndex: String(t.zIndex ?? yn.zIndex)
|
|
23949
23957
|
};
|
|
23950
23958
|
}
|
|
23951
|
-
function
|
|
23959
|
+
function y6(t, e, n, r) {
|
|
23952
23960
|
const o = t ?? {}, i = o.general ?? {}, a = o.device ?? {}, s = o.tooltip ?? {}, l = o.chatHistory ?? {}, d = o.chatInput ?? {}, u = o.chatWindow ?? {};
|
|
23953
23961
|
return {
|
|
23954
23962
|
...o,
|
|
@@ -23964,7 +23972,7 @@ function yC(t, e, n, r) {
|
|
|
23964
23972
|
},
|
|
23965
23973
|
chatInput: {
|
|
23966
23974
|
...d,
|
|
23967
|
-
enabledPlaceholderText: d.enabledPlaceholderText ?? (e == null ? void 0 : e.placeholder) ??
|
|
23975
|
+
enabledPlaceholderText: d.enabledPlaceholderText ?? (e == null ? void 0 : e.placeholder) ?? w6,
|
|
23968
23976
|
characterLimit: d.characterLimit ?? (e == null ? void 0 : e.maxLength),
|
|
23969
23977
|
sendButtonIcon: r
|
|
23970
23978
|
},
|
|
@@ -23985,7 +23993,7 @@ function yC(t, e, n, r) {
|
|
|
23985
23993
|
}
|
|
23986
23994
|
};
|
|
23987
23995
|
}
|
|
23988
|
-
function
|
|
23996
|
+
function P6(t, e) {
|
|
23989
23997
|
return {
|
|
23990
23998
|
chatButtonStyle: { display: "none" },
|
|
23991
23999
|
rootStyle: {},
|
|
@@ -24083,13 +24091,13 @@ function PC(t, e) {
|
|
|
24083
24091
|
...t ?? {}
|
|
24084
24092
|
};
|
|
24085
24093
|
}
|
|
24086
|
-
const
|
|
24087
|
-
function
|
|
24094
|
+
const x6 = (t) => /* @__PURE__ */ c(Ef, { ...t, strokeWidth: 2 });
|
|
24095
|
+
function C6({
|
|
24088
24096
|
onUserInput: t,
|
|
24089
24097
|
contextRef: e
|
|
24090
24098
|
}) {
|
|
24091
|
-
const { injectMessage: n } =
|
|
24092
|
-
return
|
|
24099
|
+
const { injectMessage: n } = a6(), { goToPath: r } = l6();
|
|
24100
|
+
return s6(Z.USER_SUBMIT_TEXT, async (o) => {
|
|
24093
24101
|
var l, d;
|
|
24094
24102
|
if (!t) return;
|
|
24095
24103
|
const i = (((l = o.data) == null ? void 0 : l.inputText) ?? "").trim();
|
|
@@ -24104,7 +24112,7 @@ function CC({
|
|
|
24104
24112
|
s.context && (e.current = { ...e.current, ...s.context }), s.message && await n(s.message, "BOT"), s.nextNode && await r(s.nextNode);
|
|
24105
24113
|
}), null;
|
|
24106
24114
|
}
|
|
24107
|
-
function
|
|
24115
|
+
function E6({ isOpen: t, onOpenChange: e, onFirstOpen: n }) {
|
|
24108
24116
|
const { isChatWindowOpen: r, toggleChatWindow: o } = th(), i = V(o), a = typeof t == "boolean", s = a ? t : r, l = V(!1);
|
|
24109
24117
|
U(() => {
|
|
24110
24118
|
i.current = o;
|
|
@@ -24128,7 +24136,7 @@ function EC({ isOpen: t, onOpenChange: e, onFirstOpen: n }) {
|
|
|
24128
24136
|
icon: /* @__PURE__ */ c(mc, { size: 28 }),
|
|
24129
24137
|
iconPosition: "only",
|
|
24130
24138
|
"aria-label": s ? "챗봇 열기" : "챗봇 닫기",
|
|
24131
|
-
className: re(
|
|
24139
|
+
className: re(h6),
|
|
24132
24140
|
onPress: async () => {
|
|
24133
24141
|
if (a) {
|
|
24134
24142
|
const A = !s;
|
|
@@ -24147,11 +24155,11 @@ function EC({ isOpen: t, onOpenChange: e, onFirstOpen: n }) {
|
|
|
24147
24155
|
}
|
|
24148
24156
|
);
|
|
24149
24157
|
}
|
|
24150
|
-
function
|
|
24158
|
+
function k6(t) {
|
|
24151
24159
|
return function() {
|
|
24152
24160
|
const { toggleChatWindow: n } = th();
|
|
24153
|
-
return /* @__PURE__ */ k("div", { className:
|
|
24154
|
-
/* @__PURE__ */ k("div", { className:
|
|
24161
|
+
return /* @__PURE__ */ k("div", { className: p6, children: [
|
|
24162
|
+
/* @__PURE__ */ k("div", { className: v6, children: [
|
|
24155
24163
|
/* @__PURE__ */ c(
|
|
24156
24164
|
bc,
|
|
24157
24165
|
{
|
|
@@ -24161,7 +24169,7 @@ function kC(t) {
|
|
|
24161
24169
|
alt: (t == null ? void 0 : t.avatarAlt) ?? "브랜드 이미지"
|
|
24162
24170
|
}
|
|
24163
24171
|
),
|
|
24164
|
-
/* @__PURE__ */ c("div", { className:
|
|
24172
|
+
/* @__PURE__ */ c("div", { className: g6, children: (t == null ? void 0 : t.title) ?? "브랜드이름" })
|
|
24165
24173
|
] }),
|
|
24166
24174
|
/* @__PURE__ */ c(
|
|
24167
24175
|
Qa,
|
|
@@ -24169,7 +24177,7 @@ function kC(t) {
|
|
|
24169
24177
|
color: "gray100",
|
|
24170
24178
|
size: 24,
|
|
24171
24179
|
"aria-label": "챗봇 닫기",
|
|
24172
|
-
className:
|
|
24180
|
+
className: m6,
|
|
24173
24181
|
onPress: () => {
|
|
24174
24182
|
n(!1).catch(() => {
|
|
24175
24183
|
});
|
|
@@ -24179,7 +24187,7 @@ function kC(t) {
|
|
|
24179
24187
|
] });
|
|
24180
24188
|
};
|
|
24181
24189
|
}
|
|
24182
|
-
function
|
|
24190
|
+
function cC({
|
|
24183
24191
|
flow: t,
|
|
24184
24192
|
onUserInput: e,
|
|
24185
24193
|
settings: n,
|
|
@@ -24196,27 +24204,27 @@ function cE({
|
|
|
24196
24204
|
}) {
|
|
24197
24205
|
const p = typeof window < "u" && "__STORYBOOK_STORY_STORE__" in window ? !1 : A, v = V(null), g = V({}), [w, P] = W(
|
|
24198
24206
|
() => typeof d == "boolean" && d
|
|
24199
|
-
), y = J(() =>
|
|
24207
|
+
), y = J(() => b6(i), [i]);
|
|
24200
24208
|
U(() => {
|
|
24201
|
-
v.current &&
|
|
24209
|
+
v.current && u6(v.current, A6, y);
|
|
24202
24210
|
}, [y]);
|
|
24203
24211
|
const C = L(() => {
|
|
24204
24212
|
P(!0);
|
|
24205
|
-
}, []), E = w || typeof d == "boolean" && d, D = J(() =>
|
|
24206
|
-
() =>
|
|
24213
|
+
}, []), E = w || typeof d == "boolean" && d, D = J(() => k6(a), [a]), S = J(
|
|
24214
|
+
() => y6(n, s, y, x6),
|
|
24207
24215
|
[s, n, y]
|
|
24208
24216
|
), T = J(
|
|
24209
|
-
() =>
|
|
24217
|
+
() => P6(o, y),
|
|
24210
24218
|
[o, y]
|
|
24211
24219
|
), O = J(() => ({
|
|
24212
24220
|
...{
|
|
24213
24221
|
chatBotHeader: D
|
|
24214
24222
|
},
|
|
24215
24223
|
...l ?? {}
|
|
24216
|
-
}), [D, l]), H = /* @__PURE__ */ c("div", { ref: v, className: re(
|
|
24217
|
-
/* @__PURE__ */ c(
|
|
24224
|
+
}), [D, l]), H = /* @__PURE__ */ c("div", { ref: v, className: re(f6, f), children: /* @__PURE__ */ k(eh, { children: [
|
|
24225
|
+
/* @__PURE__ */ c(C6, { onUserInput: e, contextRef: g }),
|
|
24218
24226
|
/* @__PURE__ */ c(
|
|
24219
|
-
|
|
24227
|
+
E6,
|
|
24220
24228
|
{
|
|
24221
24229
|
isOpen: d,
|
|
24222
24230
|
onOpenChange: u,
|
|
@@ -24224,7 +24232,7 @@ function cE({
|
|
|
24224
24232
|
}
|
|
24225
24233
|
),
|
|
24226
24234
|
E ? /* @__PURE__ */ c(
|
|
24227
|
-
|
|
24235
|
+
r6,
|
|
24228
24236
|
{
|
|
24229
24237
|
flow: t,
|
|
24230
24238
|
settings: S,
|
|
@@ -24236,7 +24244,7 @@ function cE({
|
|
|
24236
24244
|
] }) });
|
|
24237
24245
|
return p && typeof document < "u" ? $i(H, document.body) : H;
|
|
24238
24246
|
}
|
|
24239
|
-
var
|
|
24247
|
+
var B6 = "_1mwwn5m2", S6 = ne({ defaultClassName: "_1mwwn5m3", variantClassNames: { variant: { default: "_1mwwn5m4", error: "_1mwwn5m5", warning: "_1mwwn5m6", info: "_1mwwn5m7", success: "_1mwwn5m8", loading: "_1mwwn5m9" }, size: { sm: "_1mwwn5ma", md: "_1mwwn5mb" } }, defaultVariants: { variant: "default", size: "md" }, compoundVariants: [] }), D6 = "_1mwwn5mc", T6 = "_1mwwn5md", M6 = ne({ defaultClassName: "_1mwwn5me", variantClassNames: { size: { sm: "_1mwwn5mf _1b653mpr", md: "_1mwwn5mg _1b653mpo" } }, defaultVariants: {}, compoundVariants: [] }), I6 = ne({ defaultClassName: "_1mwwn5mh", variantClassNames: { size: { sm: "_1mwwn5mi _1b653mpv", md: "_1mwwn5mj _1b653mps" } }, defaultVariants: {}, compoundVariants: [] }), $6 = ne({ defaultClassName: "_1mwwn5mk", variantClassNames: { variant: { default: "_1mwwn5ml", error: "_1mwwn5mm", warning: "_1mwwn5mn", info: "_1mwwn5mo", success: "_1mwwn5mp", loading: "_1mwwn5mq" }, size: { sm: "_1mwwn5mr", md: "_1mwwn5ms" } }, defaultVariants: {}, compoundVariants: [] }), N6 = "_1mwwn5mt", R6 = ne({ defaultClassName: "_1mwwn5mu", variantClassNames: { size: { sm: "_1mwwn5mv", md: "_1mwwn5mw" } }, defaultVariants: {}, compoundVariants: [] }), L6 = "_1mwwn5mx", Q6 = ne({ defaultClassName: "_1mwwn5my", variantClassNames: { size: { sm: "_1mwwn5mz _1b653mpu", md: "_1mwwn5m10 _1b653mpr" } }, defaultVariants: {}, compoundVariants: [] }), O6 = "_1mwwn5m11";
|
|
24240
24248
|
const dt = new jv({
|
|
24241
24249
|
wrapUpdate(t) {
|
|
24242
24250
|
const e = typeof document < "u" ? document : null;
|
|
@@ -24244,29 +24252,29 @@ const dt = new jv({
|
|
|
24244
24252
|
Qr(t);
|
|
24245
24253
|
}) : t();
|
|
24246
24254
|
}
|
|
24247
|
-
}),
|
|
24255
|
+
}), dC = dt, _6 = 480, V6 = 240, Ti = /* @__PURE__ */ new Set(), mr = /* @__PURE__ */ new Set(), Mi = /* @__PURE__ */ new Set();
|
|
24248
24256
|
let rh = 0;
|
|
24249
24257
|
const Rr = () => {
|
|
24250
24258
|
rh += 1, Mi.forEach((t) => t());
|
|
24251
|
-
},
|
|
24259
|
+
}, H6 = (t) => (Mi.add(t), () => {
|
|
24252
24260
|
Mi.delete(t);
|
|
24253
|
-
}), fc = () => rh,
|
|
24261
|
+
}), fc = () => rh, j6 = dt.add.bind(dt);
|
|
24254
24262
|
dt.add = (t, e) => {
|
|
24255
|
-
const n =
|
|
24263
|
+
const n = j6(t, e);
|
|
24256
24264
|
return Ti.add(n), Rr(), setTimeout(() => {
|
|
24257
24265
|
Ti.delete(n), Rr();
|
|
24258
|
-
},
|
|
24266
|
+
}, _6), n;
|
|
24259
24267
|
};
|
|
24260
|
-
const
|
|
24268
|
+
const F6 = dt.close.bind(dt);
|
|
24261
24269
|
dt.close = (t) => {
|
|
24262
24270
|
mr.has(t) || (mr.add(t), Rr(), setTimeout(() => {
|
|
24263
|
-
mr.delete(t), Rr(),
|
|
24264
|
-
},
|
|
24271
|
+
mr.delete(t), Rr(), F6(t);
|
|
24272
|
+
}, V6));
|
|
24265
24273
|
};
|
|
24266
24274
|
const It = (t, e) => {
|
|
24267
24275
|
const n = t.variant ?? "default";
|
|
24268
24276
|
return dt.add({ ...t, variant: n }, e);
|
|
24269
|
-
},
|
|
24277
|
+
}, uC = {
|
|
24270
24278
|
add: It,
|
|
24271
24279
|
default: (t, e) => It({ ...t, variant: "default" }, e),
|
|
24272
24280
|
info: (t, e) => It({ ...t, variant: "info" }, e),
|
|
@@ -24279,7 +24287,7 @@ const It = (t, e) => {
|
|
|
24279
24287
|
sm: 16,
|
|
24280
24288
|
md: 20
|
|
24281
24289
|
};
|
|
24282
|
-
function
|
|
24290
|
+
function K6(t, e) {
|
|
24283
24291
|
switch (t) {
|
|
24284
24292
|
case "error":
|
|
24285
24293
|
return /* @__PURE__ */ c(kf, { size: dr[e], strokeWidth: 2 });
|
|
@@ -24296,18 +24304,18 @@ function KC(t, e) {
|
|
|
24296
24304
|
size: "sm",
|
|
24297
24305
|
color: "blue",
|
|
24298
24306
|
"aria-label": "로딩 중",
|
|
24299
|
-
className: re(
|
|
24307
|
+
className: re(R6({ size: e }), N6)
|
|
24300
24308
|
}
|
|
24301
24309
|
);
|
|
24302
24310
|
default:
|
|
24303
24311
|
return null;
|
|
24304
24312
|
}
|
|
24305
24313
|
}
|
|
24306
|
-
function
|
|
24307
|
-
return $.useSyncExternalStore(
|
|
24308
|
-
const o = r.content.variant ?? "default", i = r.content.size ?? "md", a = r.content.showCloseButton ?? !0, s =
|
|
24314
|
+
function AC({ className: t, queue: e = dt, ...n }) {
|
|
24315
|
+
return $.useSyncExternalStore(H6, fc, fc), /* @__PURE__ */ c(ug, { queue: e, className: re(B6, t), ...n, children: ({ toast: r }) => {
|
|
24316
|
+
const o = r.content.variant ?? "default", i = r.content.size ?? "md", a = r.content.showCloseButton ?? !0, s = K6(o, i), l = Ti.has(r.key), d = mr.has(r.key);
|
|
24309
24317
|
return /* @__PURE__ */ k(
|
|
24310
|
-
|
|
24318
|
+
U6,
|
|
24311
24319
|
{
|
|
24312
24320
|
toast: r,
|
|
24313
24321
|
"data-entering": l ? "true" : void 0,
|
|
@@ -24316,28 +24324,28 @@ function AE({ className: t, queue: e = dt, ...n }) {
|
|
|
24316
24324
|
viewTransitionName: r.key
|
|
24317
24325
|
},
|
|
24318
24326
|
children: [
|
|
24319
|
-
/* @__PURE__ */ k(hg, { className:
|
|
24320
|
-
s && /* @__PURE__ */ c("span", { className: $
|
|
24321
|
-
/* @__PURE__ */ k("div", { className:
|
|
24322
|
-
/* @__PURE__ */ c($s, { slot: "title", className:
|
|
24323
|
-
r.content.description && /* @__PURE__ */ c($s, { slot: "description", className:
|
|
24324
|
-
r.content.action && /* @__PURE__ */ c("div", { className:
|
|
24327
|
+
/* @__PURE__ */ k(hg, { className: D6, children: [
|
|
24328
|
+
s && /* @__PURE__ */ c("span", { className: $6({ variant: o, size: i }), children: s }),
|
|
24329
|
+
/* @__PURE__ */ k("div", { className: T6, children: [
|
|
24330
|
+
/* @__PURE__ */ c($s, { slot: "title", className: M6({ size: i }), children: r.content.title }),
|
|
24331
|
+
r.content.description && /* @__PURE__ */ c($s, { slot: "description", className: I6({ size: i }), children: r.content.description }),
|
|
24332
|
+
r.content.action && /* @__PURE__ */ c("div", { className: L6, children: /* @__PURE__ */ c(
|
|
24325
24333
|
Le,
|
|
24326
24334
|
{
|
|
24327
|
-
className:
|
|
24335
|
+
className: Q6({ size: i }),
|
|
24328
24336
|
onPress: r.content.action.onPress,
|
|
24329
24337
|
children: r.content.action.label
|
|
24330
24338
|
}
|
|
24331
24339
|
) })
|
|
24332
24340
|
] })
|
|
24333
24341
|
] }),
|
|
24334
|
-
a && /* @__PURE__ */ c(Le, { slot: "close", "aria-label": "닫기", className:
|
|
24342
|
+
a && /* @__PURE__ */ c(Le, { slot: "close", "aria-label": "닫기", className: O6, children: /* @__PURE__ */ c(La, { size: 14, strokeWidth: 2 }) })
|
|
24335
24343
|
]
|
|
24336
24344
|
}
|
|
24337
24345
|
);
|
|
24338
24346
|
} });
|
|
24339
24347
|
}
|
|
24340
|
-
function
|
|
24348
|
+
function U6({ className: t, toast: e, ...n }) {
|
|
24341
24349
|
const r = e.content.variant ?? "default", o = e.content.size ?? "md", i = !!e.content.description, a = !!e.content.action, s = e.content.showCloseButton ?? !0;
|
|
24342
24350
|
return /* @__PURE__ */ c(
|
|
24343
24351
|
fg,
|
|
@@ -24347,20 +24355,20 @@ function UC({ className: t, toast: e, ...n }) {
|
|
|
24347
24355
|
"data-caption": i ? "true" : "false",
|
|
24348
24356
|
"data-action": a ? "true" : "false",
|
|
24349
24357
|
"data-close": s ? "true" : "false",
|
|
24350
|
-
className: re(
|
|
24358
|
+
className: re(S6({ variant: r, size: o }), t)
|
|
24351
24359
|
}
|
|
24352
24360
|
);
|
|
24353
24361
|
}
|
|
24354
|
-
var
|
|
24362
|
+
var fC = { head1_b_36: "_1b653mp0", head1_m_36: "_1b653mp1", head1_r_36: "_1b653mp2", head2_b_32: "_1b653mp3", head2_m_32: "_1b653mp4", head2_r_32: "_1b653mp5", title1_b_24: "_1b653mp6", title1_s_24: "_1b653mp7", title1_m_24: "_1b653mp8", title1_r_24: "_1b653mp9", title2_b_20: "_1b653mpa", title2_s_20: "_1b653mpb", title2_m_20: "_1b653mpc", title2_r_20: "_1b653mpd", body1_b_18: "_1b653mpe", body1_s_18: "_1b653mpf", body1_m_18: "_1b653mpg", body1_r_18: "_1b653mph", body2_b_16: "_1b653mpi", body2_s_16: "_1b653mpj", body2_m_16: "_1b653mpk", body2_r_16: "_1b653mpl", body3_b_14: "_1b653mpm", body3_s_14: "_1b653mpn", body3_m_14: "_1b653mpo", body3_r_14: "_1b653mpp", caption1_s_12: "_1b653mpq", caption1_m_12: "_1b653mpr", caption1_r_12: "_1b653mps", caption2_s_11: "_1b653mpt", caption2_m_11: "_1b653mpu", caption2_r_11: "_1b653mpv" }, hC = { shadow_toast: "0 2px 42px 0 #20223217", shadow_dropdown: "0 16px 28px 0 #20223217", shadow_innerscroll_upper: "0 16px 28px 0 #20223217", shadow_innerscroll_under: "0 -16px 28px 0 #20223217" };
|
|
24355
24363
|
export {
|
|
24356
24364
|
bc as Avatar,
|
|
24357
|
-
|
|
24365
|
+
aC as BottomTab,
|
|
24358
24366
|
Zw as Button,
|
|
24359
|
-
|
|
24360
|
-
|
|
24361
|
-
|
|
24367
|
+
cC as ChatWidget,
|
|
24368
|
+
tC as Checkbox,
|
|
24369
|
+
nC as Chip,
|
|
24362
24370
|
Qa as Close,
|
|
24363
|
-
|
|
24371
|
+
iC as Dropdown,
|
|
24364
24372
|
Bf as GuideText,
|
|
24365
24373
|
eb as IconActivity,
|
|
24366
24374
|
wf as IconAlertOctagon,
|
|
@@ -24634,25 +24642,26 @@ export {
|
|
|
24634
24642
|
OP as IconXSquare,
|
|
24635
24643
|
_P as IconZoomIn,
|
|
24636
24644
|
VP as IconZoomOut,
|
|
24637
|
-
|
|
24638
|
-
|
|
24645
|
+
J6 as Link,
|
|
24646
|
+
X6 as LnbItem,
|
|
24639
24647
|
mf as Loading,
|
|
24640
24648
|
Gn as Modal,
|
|
24641
|
-
|
|
24642
|
-
|
|
24643
|
-
|
|
24649
|
+
Z6 as Notice,
|
|
24650
|
+
sC as PageHeader,
|
|
24651
|
+
oC as Pagination,
|
|
24644
24652
|
Yn as Popup,
|
|
24645
|
-
|
|
24646
|
-
|
|
24653
|
+
eC as Stepper,
|
|
24654
|
+
lC as Tab,
|
|
24647
24655
|
G8 as TextArea,
|
|
24648
24656
|
I8 as TextField,
|
|
24649
|
-
|
|
24650
|
-
|
|
24651
|
-
|
|
24657
|
+
U6 as Toast,
|
|
24658
|
+
AC as ToastRegion,
|
|
24659
|
+
rC as Toggle,
|
|
24652
24660
|
fe as colors,
|
|
24653
|
-
|
|
24654
|
-
|
|
24661
|
+
dC as queue,
|
|
24662
|
+
hC as shadows,
|
|
24663
|
+
uC as toast,
|
|
24655
24664
|
dt as toastQueue,
|
|
24656
|
-
|
|
24665
|
+
fC as typography
|
|
24657
24666
|
};
|
|
24658
24667
|
//# sourceMappingURL=index.js.map
|