@solibo/solibo-ui 0.3.38 → 0.3.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.
- package/dist/assets/index.css +1 -1
- package/dist/assets/index10.css +1 -1
- package/dist/assets/index11.css +1 -1
- package/dist/assets/index12.css +1 -1
- package/dist/assets/index13.css +1 -1
- package/dist/assets/index14.css +1 -1
- package/dist/assets/index15.css +1 -1
- package/dist/assets/index16.css +1 -1
- package/dist/assets/index17.css +1 -1
- package/dist/assets/index18.css +1 -1
- package/dist/assets/index19.css +1 -1
- package/dist/assets/index20.css +1 -1
- package/dist/assets/index21.css +1 -1
- package/dist/assets/index22.css +1 -1
- package/dist/assets/index33.css +1 -1
- package/dist/assets/index4.css +1 -1
- package/dist/assets/index41.css +1 -1
- package/dist/assets/index42.css +1 -1
- package/dist/assets/index43.css +1 -1
- package/dist/assets/index44.css +1 -0
- package/dist/assets/index5.css +1 -1
- package/dist/assets/index6.css +1 -1
- package/dist/assets/index7.css +0 -1
- package/dist/assets/index8.css +1 -0
- package/dist/assets/index9.css +1 -1
- package/dist/components/_avatar/index.cjs +1 -1
- package/dist/components/_avatar/index.js +1 -1
- package/dist/components/_card/index.cjs +1 -1
- package/dist/components/_card/index.js +1 -1
- package/dist/components/_collapsible/index.cjs +1 -1
- package/dist/components/_collapsible/index.cjs.map +1 -1
- package/dist/components/_collapsible/index.js +19 -15
- package/dist/components/_collapsible/index.js.map +1 -1
- package/dist/components/_croppable/index.cjs +1 -1
- package/dist/components/_croppable/index.js +1 -1
- package/dist/components/_dropdown/index.cjs +2 -0
- package/dist/components/_dropdown/index.cjs.map +1 -0
- package/dist/components/_dropdown/index.js +188 -0
- package/dist/components/_dropdown/index.js.map +1 -0
- package/dist/components/app-link/index.cjs +1 -1
- package/dist/components/app-link/index.js +1 -1
- package/dist/components/badge/index.cjs +1 -1
- package/dist/components/badge/index.js +1 -1
- package/dist/components/banner/index.cjs +1 -1
- package/dist/components/banner/index.js +1 -1
- package/dist/components/button/index.cjs +1 -1
- package/dist/components/button/index.cjs.map +1 -1
- package/dist/components/button/index.js +18 -17
- package/dist/components/button/index.js.map +1 -1
- package/dist/components/checkbox/index.cjs +1 -1
- package/dist/components/checkbox/index.js +2 -2
- package/dist/components/controls/index.cjs +1 -1
- package/dist/components/controls/index.js +1 -1
- package/dist/components/dialog/index.cjs +1 -1
- package/dist/components/dialog/index.js +1 -1
- package/dist/components/file/index.cjs +1 -1
- package/dist/components/file/index.js +1 -1
- package/dist/components/footer/index.cjs +1 -1
- package/dist/components/footer/index.js +1 -1
- package/dist/components/graph/index.cjs +1 -1
- package/dist/components/graph/index.js +1 -1
- package/dist/components/group/index.cjs +1 -1
- package/dist/components/group/index.js +1 -1
- package/dist/components/header/index.cjs +1 -1
- package/dist/components/header/index.js +1 -1
- package/dist/components/icon/index.cjs +1 -1
- package/dist/components/icon/index.js +1 -1
- package/dist/components/image/index.cjs +1 -1
- package/dist/components/image/index.js +1 -1
- package/dist/components/input/index.cjs +1 -1
- package/dist/components/input/index.js +2 -2
- package/dist/components/layout/index.cjs +1 -1
- package/dist/components/layout/index.js +1 -1
- package/dist/components/loading/index.cjs +1 -1
- package/dist/components/loading/index.js +1 -1
- package/dist/components/nav/index.cjs +1 -1
- package/dist/components/nav/index.js +1 -1
- package/dist/components/select/index.cjs +1 -1
- package/dist/components/select/index.cjs.map +1 -1
- package/dist/components/select/index.js +6 -26
- package/dist/components/select/index.js.map +1 -1
- package/dist/components/table/index.cjs +1 -1
- package/dist/components/table/index.cjs.map +1 -1
- package/dist/components/table/index.js +10 -10
- package/dist/components/table/index.js.map +1 -1
- package/dist/components/textarea/index.cjs +1 -1
- package/dist/components/textarea/index.js +2 -2
- package/dist/components/toast/index.cjs +1 -1
- package/dist/components/toast/index.js +1 -1
- package/dist/components/toolbar/index.cjs +1 -1
- package/dist/components/toolbar/index.js +1 -1
- package/dist/{icons-CMoejLkL.cjs → icons-C_cX1FYp.cjs} +2 -2
- package/dist/{icons-CMoejLkL.cjs.map → icons-C_cX1FYp.cjs.map} +1 -1
- package/dist/{icons-BqQRUUWn.js → icons-DfmpRbxE.js} +2 -2
- package/dist/{icons-BqQRUUWn.js.map → icons-DfmpRbxE.js.map} +1 -1
- package/dist/index-C_OgUYu-.js +41 -0
- package/dist/index-C_OgUYu-.js.map +1 -0
- package/dist/index-CfK1ATlt.cjs +2 -0
- package/dist/index-CfK1ATlt.cjs.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +29 -10
- package/dist/index.js +76 -74
- package/dist/index.js.map +1 -1
- package/dist/utils-BFlnRYx7.js +34 -0
- package/dist/utils-BFlnRYx7.js.map +1 -0
- package/dist/utils-DqVa4K58.cjs +2 -0
- package/dist/utils-DqVa4K58.cjs.map +1 -0
- package/package.json +1 -1
- package/dist/utils-DXIJVVzz.js +0 -14
- package/dist/utils-DXIJVVzz.js.map +0 -1
- package/dist/utils-D_TJ8wDc.cjs +0 -2
- package/dist/utils-D_TJ8wDc.cjs.map +0 -1
|
@@ -0,0 +1,188 @@
|
|
|
1
|
+
import { jsxs as w, jsx as i, Fragment as Z } from "react/jsx-runtime";
|
|
2
|
+
import { t as C } from "../../classix-DG18itHa.js";
|
|
3
|
+
import ee, { useRef as _, useState as V, useEffect as O, Children as te, isValidElement as g } from "react";
|
|
4
|
+
import { Button as A } from "../button/index.js";
|
|
5
|
+
import { i as re } from "../../icons-DfmpRbxE.js";
|
|
6
|
+
import { Input as ne } from "../input/index.js";
|
|
7
|
+
import { i as oe } from "../../styles.module-C_Z8FrR5.js";
|
|
8
|
+
import { List as le } from "../list/index.js";
|
|
9
|
+
import { s as se, S as ie } from "../../index-C_OgUYu-.js";
|
|
10
|
+
import { r as G } from "../../utils-BFlnRYx7.js";
|
|
11
|
+
import '../../assets/index22.css';const ae = "_dropdown_k2w7p_1", ce = "_empty_k2w7p_4", pe = "_group_k2w7p_5", ue = "_placeholder_k2w7p_6", de = "_filter_k2w7p_14", fe = "_native_k2w7p_25", me = "_option_k2w7p_35", he = "_options_k2w7p_57", ge = "_panel_k2w7p_64", _e = "_selected_k2w7p_85", we = "_text_k2w7p_89", ve = "_trigger_k2w7p_97", ye = "_minimal_k2w7p_113", s = {
|
|
12
|
+
dropdown: ae,
|
|
13
|
+
empty: ce,
|
|
14
|
+
group: pe,
|
|
15
|
+
placeholder: ue,
|
|
16
|
+
filter: de,
|
|
17
|
+
native: fe,
|
|
18
|
+
option: me,
|
|
19
|
+
options: he,
|
|
20
|
+
panel: ge,
|
|
21
|
+
selected: _e,
|
|
22
|
+
text: we,
|
|
23
|
+
trigger: ve,
|
|
24
|
+
minimal: ye
|
|
25
|
+
};
|
|
26
|
+
function K(e, n) {
|
|
27
|
+
return {
|
|
28
|
+
"--icon-svg": re(e).replace("currentColor", n)
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
function P(e) {
|
|
32
|
+
return typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(P).join(" ") : g(e) ? P(e.props.children) : "";
|
|
33
|
+
}
|
|
34
|
+
function be(e) {
|
|
35
|
+
return g(e) && e.type === "option";
|
|
36
|
+
}
|
|
37
|
+
function Se(e) {
|
|
38
|
+
return g(e) && e.type === "optgroup";
|
|
39
|
+
}
|
|
40
|
+
function xe(e) {
|
|
41
|
+
return g(e) && e.type === ee.Fragment;
|
|
42
|
+
}
|
|
43
|
+
function ke(e) {
|
|
44
|
+
return g(e) && e.type === ie;
|
|
45
|
+
}
|
|
46
|
+
function $(e, n, o = !1) {
|
|
47
|
+
const l = [];
|
|
48
|
+
return te.forEach(e, (t) => {
|
|
49
|
+
if (xe(t)) {
|
|
50
|
+
l.push(...$(t.props.children, n, o));
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
if (be(t)) {
|
|
54
|
+
const p = P(t.props.children).trim(), u = t.props.value != null ? String(t.props.value) : p;
|
|
55
|
+
l.push({
|
|
56
|
+
disabled: o || !!t.props.disabled,
|
|
57
|
+
groupLabel: n,
|
|
58
|
+
hidden: !!t.props.hidden,
|
|
59
|
+
isPlaceholder: !!(t.props.hidden && u === ""),
|
|
60
|
+
label: t.props.children,
|
|
61
|
+
selected: !!t.props.selected,
|
|
62
|
+
text: p,
|
|
63
|
+
value: u
|
|
64
|
+
});
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
Se(t) && l.push(...$(t.props.children, t.props.label, o || !!t.props.disabled));
|
|
68
|
+
}), l;
|
|
69
|
+
}
|
|
70
|
+
function Ne(e) {
|
|
71
|
+
const n = e.trim();
|
|
72
|
+
if (!n)
|
|
73
|
+
return null;
|
|
74
|
+
const l = [.../[*?]/.test(n) ? n : `*${n}*`].map((t) => t === "*" ? ".*" : t === "?" ? "." : t.replace(/[|\\{}()[\]^$+.,]/g, "\\$&")).join("");
|
|
75
|
+
return new RegExp(`^${l}$`, "i");
|
|
76
|
+
}
|
|
77
|
+
function Ee(e, n) {
|
|
78
|
+
const o = Ne(n), l = e.filter((t) => !t.hidden && !t.isPlaceholder);
|
|
79
|
+
return o ? l.filter((t) => o.test([t.groupLabel, t.text, t.value].filter(Boolean).join(" "))) : l;
|
|
80
|
+
}
|
|
81
|
+
function Ce(e, n) {
|
|
82
|
+
return e.find((o) => o.value === n) ?? e.find((o) => o.isPlaceholder) ?? e[0];
|
|
83
|
+
}
|
|
84
|
+
function Ve(e, n, o) {
|
|
85
|
+
var t;
|
|
86
|
+
if (n != null)
|
|
87
|
+
return String(n);
|
|
88
|
+
if (o != null)
|
|
89
|
+
return String(o);
|
|
90
|
+
const l = e.find((p) => p.selected);
|
|
91
|
+
return l ? l.value : ((t = e[0]) == null ? void 0 : t.value) ?? "";
|
|
92
|
+
}
|
|
93
|
+
function Oe(e) {
|
|
94
|
+
if (ke(e)) {
|
|
95
|
+
const {
|
|
96
|
+
children: n,
|
|
97
|
+
placeholder: o,
|
|
98
|
+
...l
|
|
99
|
+
} = e.props;
|
|
100
|
+
return {
|
|
101
|
+
children: /* @__PURE__ */ w(Z, { children: [
|
|
102
|
+
o && /* @__PURE__ */ i("option", { hidden: !0, value: "", children: o }),
|
|
103
|
+
n
|
|
104
|
+
] }),
|
|
105
|
+
props: l
|
|
106
|
+
};
|
|
107
|
+
}
|
|
108
|
+
return {
|
|
109
|
+
children: e.props.children,
|
|
110
|
+
props: e.props
|
|
111
|
+
};
|
|
112
|
+
}
|
|
113
|
+
const Qe = ({
|
|
114
|
+
children: e,
|
|
115
|
+
className: n,
|
|
116
|
+
emptyLabel: o = "No matches found",
|
|
117
|
+
searchPlaceholder: l = "Filter",
|
|
118
|
+
variant: t = "default",
|
|
119
|
+
...p
|
|
120
|
+
}) => {
|
|
121
|
+
const u = Oe(e), {
|
|
122
|
+
defaultValue: T,
|
|
123
|
+
onChange: v,
|
|
124
|
+
value: y,
|
|
125
|
+
...q
|
|
126
|
+
} = u.props, B = se(q), I = _(null), L = _(null), R = _(null), j = _(null), m = $(u.children), h = y != null, b = Ve(m, y, T), [S, x] = V(() => b), [c, k] = V(!1), [D, F] = V(""), N = h ? String(y) : S, W = {
|
|
127
|
+
default: G("--color-icon"),
|
|
128
|
+
white: G("--color-white", "white")
|
|
129
|
+
}, Q = t === "minimal" ? W.white : W.default, d = Ce(m, N), H = K("chevron", Q), J = K("search", Q), z = Ee(m, D);
|
|
130
|
+
O(() => {
|
|
131
|
+
!h && !m.some((r) => r.value === S) && x(b);
|
|
132
|
+
}, [b, S, h, m]), O(() => {
|
|
133
|
+
var r;
|
|
134
|
+
if (!c) {
|
|
135
|
+
F("");
|
|
136
|
+
return;
|
|
137
|
+
}
|
|
138
|
+
(r = j.current) == null || r.focus();
|
|
139
|
+
}, [c]), O(() => {
|
|
140
|
+
if (!c)
|
|
141
|
+
return;
|
|
142
|
+
const r = (a) => {
|
|
143
|
+
var f;
|
|
144
|
+
(f = L.current) != null && f.contains(a.target) || k(!1);
|
|
145
|
+
};
|
|
146
|
+
return document.addEventListener("mousedown", r), () => {
|
|
147
|
+
document.removeEventListener("mousedown", r);
|
|
148
|
+
};
|
|
149
|
+
}, [c]);
|
|
150
|
+
const U = (r) => {
|
|
151
|
+
h || x(r.target.value), v == null || v(r);
|
|
152
|
+
}, E = () => {
|
|
153
|
+
var r;
|
|
154
|
+
k(!1), (r = I.current) == null || r.focus();
|
|
155
|
+
}, X = (r) => {
|
|
156
|
+
var M;
|
|
157
|
+
h || x(r);
|
|
158
|
+
const a = R.current;
|
|
159
|
+
if (!a) {
|
|
160
|
+
E();
|
|
161
|
+
return;
|
|
162
|
+
}
|
|
163
|
+
const f = (M = Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype, "value")) == null ? void 0 : M.set;
|
|
164
|
+
f == null || f.call(a, r), a.dispatchEvent(new Event("change", {
|
|
165
|
+
bubbles: !0
|
|
166
|
+
})), E();
|
|
167
|
+
}, Y = (r) => {
|
|
168
|
+
r.key === "Escape" && E();
|
|
169
|
+
};
|
|
170
|
+
return /* @__PURE__ */ w("div", { className: C(s.dropdown, t === "minimal" && s.minimal, n), onKeyDown: Y, ref: L, ...p, "data-component": "dropdown", children: [
|
|
171
|
+
/* @__PURE__ */ i("select", { ...B, "aria-hidden": "true", className: s.native, onChange: U, ref: R, tabIndex: -1, value: N, children: u.children }),
|
|
172
|
+
/* @__PURE__ */ i(A, { "aria-expanded": c, "aria-haspopup": "dialog", className: C(t === "default" && oe.input, s.trigger, (d == null ? void 0 : d.isPlaceholder) && s.placeholder), "data-open": c ? "true" : void 0, disabled: B.disabled, onClick: () => k((r) => !r), ref: I, style: H, variant: "minimal", children: /* @__PURE__ */ i("span", { className: s.text, children: (d == null ? void 0 : d.label) ?? "Select an option" }) }),
|
|
173
|
+
c && /* @__PURE__ */ w("div", { className: s.panel, children: [
|
|
174
|
+
/* @__PURE__ */ i(ne, { "aria-label": "Filter", className: s.filter, icon: "search", onChange: (r) => F(r.target.value), placeholder: l, ref: j, style: J, type: "search", value: D }),
|
|
175
|
+
/* @__PURE__ */ i(le, { "aria-label": "Dropdown", className: s.options, children: z.length > 0 ? z.map((r) => {
|
|
176
|
+
const a = r.value === N;
|
|
177
|
+
return /* @__PURE__ */ i("li", { "data-component": "dropdown", children: /* @__PURE__ */ w(A, { "aria-label": a ? `${r.text}, selected` : r.text, className: C(s.option, a && s.selected), disabled: r.disabled, onClick: () => X(r.value), variant: "minimal", children: [
|
|
178
|
+
/* @__PURE__ */ i("span", { className: s.text, children: r.label }),
|
|
179
|
+
r.groupLabel && /* @__PURE__ */ i("small", { className: s.group, children: r.groupLabel })
|
|
180
|
+
] }) }, `${r.groupLabel ?? "root"}-${r.value}`);
|
|
181
|
+
}) : /* @__PURE__ */ i("li", { className: s.empty, children: o }) })
|
|
182
|
+
] })
|
|
183
|
+
] });
|
|
184
|
+
};
|
|
185
|
+
export {
|
|
186
|
+
Qe as Dropdown
|
|
187
|
+
};
|
|
188
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/_dropdown/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { Children, isValidElement, useEffect, useRef, useState } from 'react';\n\nimport { Button } from '@/components/button';\nimport { type IconName, iconSVG } from '@/components/icon/icons';\nimport { Input } from '@/components/input';\nimport inputStyles from '@/components/input/styles.module.css';\nimport { List } from '@/components/list';\nimport { Select, type SelectProps } from '@/components/select';\nimport { sanitizeSelectProps } from '@/components/select/sanitizeSelectProps';\nimport { resolveColor } from '@/utils';\n\nimport styles from './styles.module.css';\n\ntype NativeSelectProps = Omit<React.ComponentPropsWithoutRef<'select'>, 'children' | 'multiple'> & {\n children: React.ReactNode;\n multiple?: false;\n};\n\ntype NativeSelectElement = React.ReactElement<NativeSelectProps, 'select'>;\ntype WrappedSelectElement = React.ReactElement<SelectProps, typeof Select>;\ntype DropdownSelectElement = NativeSelectElement | WrappedSelectElement;\n\ntype DropdownOption = {\n disabled: boolean;\n groupLabel?: string;\n hidden: boolean;\n isPlaceholder: boolean;\n label: React.ReactNode;\n selected: boolean;\n text: string;\n value: string;\n};\n\nexport type DropdownProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> & {\n children: DropdownSelectElement;\n emptyLabel?: string;\n searchPlaceholder?: string;\n variant?: 'default' | 'minimal';\n};\n\ntype withVars = React.CSSProperties & {\n '--icon-svg'?: string;\n};\n\nfunction getIconWithVars(icon: IconName, color: string): withVars {\n return {\n '--icon-svg': iconSVG(icon).replace('currentColor', color),\n };\n}\n\nfunction getNodeText(node: React.ReactNode): string {\n if (typeof node === 'string' || typeof node === 'number') {\n return String(node);\n }\n\n if (Array.isArray(node)) {\n return node.map(getNodeText).join(' ');\n }\n\n if (isValidElement<{ children?: React.ReactNode }>(node)) {\n return getNodeText(node.props.children);\n }\n\n return '';\n}\n\nfunction isOptionElement(\n node: React.ReactNode\n): node is React.ReactElement<React.ComponentPropsWithoutRef<'option'>, 'option'> {\n return isValidElement(node) && node.type === 'option';\n}\n\nfunction isOptGroupElement(\n node: React.ReactNode\n): node is React.ReactElement<React.ComponentPropsWithoutRef<'optgroup'>, 'optgroup'> {\n return isValidElement(node) && node.type === 'optgroup';\n}\n\nfunction isFragmentElement(\n node: React.ReactNode\n): node is React.ReactElement<{ children?: React.ReactNode }, typeof React.Fragment> {\n return isValidElement(node) && node.type === React.Fragment;\n}\n\nfunction isWrappedSelectElement(node: React.ReactNode): node is WrappedSelectElement {\n return isValidElement(node) && node.type === Select;\n}\n\nfunction extractOptions(\n children: React.ReactNode,\n groupLabel?: string,\n groupDisabled = false\n): DropdownOption[] {\n const options: DropdownOption[] = [];\n\n Children.forEach(children, (child) => {\n if (isFragmentElement(child)) {\n options.push(...extractOptions(child.props.children, groupLabel, groupDisabled));\n return;\n }\n\n if (isOptionElement(child)) {\n const text = getNodeText(child.props.children).trim();\n const value = child.props.value != null ? String(child.props.value) : text;\n\n options.push({\n disabled: groupDisabled || Boolean(child.props.disabled),\n groupLabel,\n hidden: Boolean(child.props.hidden),\n isPlaceholder: Boolean(child.props.hidden && value === ''),\n label: child.props.children,\n selected: Boolean(child.props.selected),\n text,\n value,\n });\n\n return;\n }\n\n if (isOptGroupElement(child)) {\n options.push(\n ...extractOptions(\n child.props.children,\n child.props.label,\n groupDisabled || Boolean(child.props.disabled)\n )\n );\n }\n });\n\n return options;\n}\n\nfunction buildWildcardMatcher(query: string) {\n const trimmedQuery = query.trim();\n\n if (!trimmedQuery) {\n return null;\n }\n\n const wildcardQuery = /[*?]/.test(trimmedQuery) ? trimmedQuery : `*${trimmedQuery}*`;\n const expression = [...wildcardQuery]\n .map((character) => {\n if (character === '*') {\n return '.*';\n }\n\n if (character === '?') {\n return '.';\n }\n\n return character.replace(/[|\\\\{}()[\\]^$+.,]/g, '\\\\$&');\n })\n .join('');\n\n return new RegExp(`^${expression}$`, 'i');\n}\n\nfunction filterOptions(options: DropdownOption[], query: string) {\n const matcher = buildWildcardMatcher(query);\n const selectableOptions = options.filter((option) => !option.hidden && !option.isPlaceholder);\n\n if (!matcher) {\n return selectableOptions;\n }\n\n return selectableOptions.filter((option) =>\n matcher.test([option.groupLabel, option.text, option.value].filter(Boolean).join(' '))\n );\n}\n\nfunction getDisplayOption(options: DropdownOption[], selectedValue: string) {\n return (\n options.find((option) => option.value === selectedValue) ??\n options.find((option) => option.isPlaceholder) ??\n options[0]\n );\n}\n\nfunction getInitialValue(\n options: DropdownOption[],\n value?: NativeSelectProps['value'],\n defaultValue?: NativeSelectProps['defaultValue']\n) {\n if (value != null) {\n return String(value);\n }\n\n if (defaultValue != null) {\n return String(defaultValue);\n }\n\n const selectedOption = options.find((option) => option.selected);\n\n if (selectedOption) {\n return selectedOption.value;\n }\n\n return options[0]?.value ?? '';\n}\n\nfunction normalizeSelectElement(selectElement: DropdownSelectElement) {\n if (isWrappedSelectElement(selectElement)) {\n const { children, placeholder, ...props } = selectElement.props;\n\n return {\n children: (\n <>\n {placeholder && (\n <option\n hidden\n value=''\n >\n {placeholder}\n </option>\n )}\n {children}\n </>\n ),\n props,\n };\n }\n\n return {\n children: selectElement.props.children,\n props: selectElement.props,\n };\n}\n\nexport const Dropdown = ({\n children: selectElement,\n className,\n emptyLabel = 'No matches found',\n searchPlaceholder = 'Filter',\n variant = 'default',\n ...props\n}: DropdownProps) => {\n const normalizedSelect = normalizeSelectElement(selectElement);\n const { defaultValue, onChange, value, ...restSelectProps } = normalizedSelect.props;\n const selectProps = sanitizeSelectProps(restSelectProps);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const nativeSelectRef = useRef<HTMLSelectElement>(null);\n const searchRef = useRef<HTMLInputElement>(null);\n const options = extractOptions(normalizedSelect.children);\n const isControlled = value != null;\n const initialValue = getInitialValue(options, value, defaultValue);\n const [internalValue, setInternalValue] = useState(() => initialValue);\n const [isOpen, setIsOpen] = useState(false);\n const [query, setQuery] = useState('');\n const selectedValue = isControlled ? String(value) : internalValue;\n const iconColors = {\n default: resolveColor('--color-icon'),\n white: resolveColor('--color-white', 'white'),\n };\n const dropdownIconColor = variant === 'minimal' ? iconColors.white : iconColors.default;\n const displayOption = getDisplayOption(options, selectedValue);\n const triggerWithVars = getIconWithVars('chevron', dropdownIconColor);\n const filterWithVars = getIconWithVars('search', dropdownIconColor);\n const filteredOptions = filterOptions(options, query);\n\n useEffect(() => {\n if (!isControlled && !options.some((option) => option.value === internalValue)) {\n setInternalValue(initialValue);\n }\n }, [initialValue, internalValue, isControlled, options]);\n\n useEffect(() => {\n if (!isOpen) {\n setQuery('');\n return;\n }\n\n searchRef.current?.focus();\n }, [isOpen]);\n\n useEffect(() => {\n if (!isOpen) {\n return;\n }\n\n const handlePointerDown = (event: MouseEvent) => {\n if (!containerRef.current?.contains(event.target as Node)) {\n setIsOpen(false);\n }\n };\n\n document.addEventListener('mousedown', handlePointerDown);\n\n return () => {\n document.removeEventListener('mousedown', handlePointerDown);\n };\n }, [isOpen]);\n\n const handleNativeChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n if (!isControlled) {\n setInternalValue(event.target.value);\n }\n\n onChange?.(event);\n };\n\n const closeMenu = () => {\n setIsOpen(false);\n buttonRef.current?.focus();\n };\n\n const commitValue = (nextValue: string) => {\n if (!isControlled) {\n setInternalValue(nextValue);\n }\n\n const nativeSelect = nativeSelectRef.current;\n\n if (!nativeSelect) {\n closeMenu();\n return;\n }\n\n const valueSetter = Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype, 'value')?.set;\n\n valueSetter?.call(nativeSelect, nextValue);\n nativeSelect.dispatchEvent(new Event('change', { bubbles: true }));\n closeMenu();\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'Escape') {\n closeMenu();\n }\n };\n\n return (\n <div\n className={cx(styles.dropdown, variant === 'minimal' && styles.minimal, className)}\n onKeyDown={handleKeyDown}\n ref={containerRef}\n {...props}\n >\n <select\n {...selectProps}\n aria-hidden='true'\n className={styles.native}\n onChange={handleNativeChange}\n ref={nativeSelectRef}\n tabIndex={-1}\n value={selectedValue}\n >\n {normalizedSelect.children}\n </select>\n <Button\n aria-expanded={isOpen}\n aria-haspopup='dialog'\n className={cx(\n variant === 'default' && inputStyles.input,\n styles.trigger,\n displayOption?.isPlaceholder && styles.placeholder\n )}\n data-open={isOpen ? 'true' : undefined}\n disabled={selectProps.disabled}\n onClick={() => setIsOpen((currentValue) => !currentValue)}\n ref={buttonRef}\n style={triggerWithVars}\n variant='minimal'\n >\n <span className={styles.text}>{displayOption?.label ?? 'Select an option'}</span>\n </Button>\n {isOpen && (\n <div className={styles.panel}>\n <Input\n aria-label='Filter'\n className={styles.filter}\n icon='search'\n onChange={(event) => setQuery(event.target.value)}\n placeholder={searchPlaceholder}\n ref={searchRef}\n style={filterWithVars}\n type='search'\n value={query}\n />\n <List\n aria-label='Dropdown'\n className={styles.options}\n >\n {filteredOptions.length > 0 ? (\n filteredOptions.map((option) => {\n const isSelected = option.value === selectedValue;\n\n return (\n <li key={`${option.groupLabel ?? 'root'}-${option.value}`}>\n <Button\n aria-label={isSelected ? `${option.text}, selected` : option.text}\n className={cx(styles.option, isSelected && styles.selected)}\n disabled={option.disabled}\n onClick={() => commitValue(option.value)}\n variant='minimal'\n >\n <span className={styles.text}>{option.label}</span>\n {option.groupLabel && (\n <small className={styles.group}>{option.groupLabel}</small>\n )}\n </Button>\n </li>\n );\n })\n ) : (\n <li className={styles.empty}>{emptyLabel}</li>\n )}\n </List>\n </div>\n )}\n </div>\n );\n};\n"],"names":["getIconWithVars","icon","color","iconSVG","replace","getNodeText","node","String","Array","isArray","map","join","isValidElement","props","children","isOptionElement","type","isOptGroupElement","isFragmentElement","React","Fragment","isWrappedSelectElement","Select","extractOptions","groupLabel","groupDisabled","options","Children","forEach","child","push","text","trim","value","disabled","Boolean","hidden","isPlaceholder","label","selected","buildWildcardMatcher","query","trimmedQuery","expression","test","character","RegExp","filterOptions","matcher","selectableOptions","filter","option","getDisplayOption","selectedValue","find","getInitialValue","defaultValue","selectedOption","normalizeSelectElement","selectElement","placeholder","jsxs","Dropdown","className","emptyLabel","searchPlaceholder","variant","normalizedSelect","onChange","restSelectProps","selectProps","sanitizeSelectProps","buttonRef","useRef","containerRef","nativeSelectRef","searchRef","isControlled","initialValue","internalValue","setInternalValue","useState","isOpen","setIsOpen","setQuery","iconColors","default","resolveColor","white","dropdownIconColor","displayOption","triggerWithVars","filterWithVars","filteredOptions","useEffect","some","current","focus","handlePointerDown","event","contains","target","document","addEventListener","removeEventListener","handleNativeChange","closeMenu","commitValue","nextValue","nativeSelect","valueSetter","Object","getOwnPropertyDescriptor","HTMLSelectElement","prototype","set","call","dispatchEvent","Event","bubbles","handleKeyDown","key","cx","styles","dropdown","minimal","jsx","native","Button","inputStyles","input","trigger","undefined","currentValue","panel","Input","List","length","isSelected","group","empty"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index17.css');const l=require("react/jsx-runtime"),s=require("../../classix-5H4IWnMA.cjs"),a=require("../link/index.cjs"),t="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='24'%20fill='none'%3e%3cpath%20fill='%23000'%20d='M16.705%2012.763c.012-.92.262-1.822.727-2.622a5.5%205.5%200%200%201%201.933-1.954A5.7%205.7%200%200%200%2017.4%206.478a5.8%205.8%200%200%200-2.54-.669c-1.896-.194-3.734%201.107-4.7%201.107-.985%200-2.472-1.088-4.074-1.056a6.1%206.1%200%200%200-2.93.854%205.9%205.9%200%200%200-2.12%202.153c-2.182%203.69-.554%209.114%201.537%2012.097%201.047%201.46%202.27%203.092%203.87%203.035%201.566-.064%202.15-.975%204.04-.975%201.873%200%202.422.974%204.054.938%201.68-.027%202.74-1.468%203.749-2.942A12%2012%200%200%200%2020%2017.612a5.37%205.37%200%200%201-2.395-1.94%205.2%205.2%200%200%201-.9-2.909M13.62%203.847A5.29%205.29%200%200%200%2014.88%200a5.64%205.64%200%200%200-3.621%201.83%205.1%205.1%200%200%200-1.023%201.726%205%205%200%200%200-.268%201.978c.7.007%201.393-.141%202.025-.433a4.6%204.6%200%200%200%201.629-1.254'/%3e%3c/svg%3e",p="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='74'%20height='15'%3e%3cpath%20d='M57.518%2011.41h1.629V.398h-1.629zm14.67-7.045-1.866%204.774h-.056l-1.938-4.774h-1.755l2.906%206.672-1.656%203.712h1.698L74%204.365zm-9.236%205.794c-.534%200-1.278-.269-1.278-.936%200-.849.926-1.175%201.727-1.175.715%200%201.053.156%201.488.369-.127%201.02-.997%201.742-1.937%201.742m.196-6.035c-1.179%200-2.401.524-2.906%201.686l1.446.609c.309-.609.884-.808%201.488-.808.843%200%201.699.51%201.713%201.417v.113c-.295-.17-.926-.425-1.699-.425-1.558%200-3.145.865-3.145%202.48%200%201.473%201.278%202.422%202.71%202.422%201.095%200%201.7-.495%202.078-1.077h.056v.85h1.572V7.17c0-1.954-1.446-3.045-3.313-3.045M53.082%205.705h-2.316V1.931h2.316c1.218%200%201.91%201.017%201.91%201.887%200%20.853-.692%201.887-1.91%201.887M53.04.398h-3.902V11.41h1.628V7.238h2.274c1.805%200%203.58-1.32%203.58-3.42%200-2.101-1.775-3.42-3.58-3.42m-21.282%209.763c-1.125%200-2.067-.95-2.067-2.256%200-1.32.942-2.285%202.067-2.285%201.112%200%201.983.965%201.983%202.285%200%201.305-.871%202.256-1.983%202.256m1.87-5.18h-.056c-.366-.44-1.068-.837-1.954-.837-1.857%200-3.558%201.646-3.558%203.76%200%202.1%201.701%203.733%203.558%203.733.886%200%201.588-.397%201.954-.852h.057v.54c0%201.433-.76%202.2-1.983%202.2-.999%200-1.618-.725-1.87-1.335l-1.421.596c.408.994%201.49%202.214%203.29%202.214%201.913%200%203.53-1.135%203.53-3.902V4.37H33.63zm2.673%206.429h1.631V.397h-1.631zm4.035-3.633c-.042-1.447%201.111-2.185%201.94-2.185.648%200%201.196.326%201.379.794zM45.4%206.528c-.31-.837-1.252-2.384-3.178-2.384-1.913%200-3.501%201.518-3.501%203.747%200%202.1%201.574%203.746%203.683%203.746%201.702%200%202.687-1.05%203.095-1.66l-1.266-.852c-.422.624-.999%201.036-1.829%201.036s-1.42-.384-1.8-1.135l4.964-2.073zM5.85%205.294v1.589h3.768c-.112.894-.407%201.547-.857%202-.549.554-1.407%201.165-2.91%201.165-2.322%200-4.136-1.888-4.136-4.23%200-2.341%201.814-4.228%204.135-4.228%201.252%200%202.166.497%202.84%201.135l1.112-1.121C8.859.696%207.608%200%205.85%200%202.672%200%200%202.612%200%205.819s2.672%205.818%205.85%205.818c1.715%200%203.009-.568%204.021-1.632%201.042-1.05%201.365-2.526%201.365-3.718%200-.37-.028-.71-.085-.993zm9.67%204.867c-1.124%200-2.095-.937-2.095-2.27%200-1.349.97-2.271%202.096-2.271%201.124%200%202.095.922%202.095%202.27%200%201.334-.97%202.27-2.095%202.27m0-6.017c-2.053%200-3.726%201.575-3.726%203.747%200%202.157%201.673%203.746%203.727%203.746s3.726-1.59%203.726-3.746c0-2.172-1.673-3.747-3.726-3.747m8.13%206.017c-1.125%200-2.096-.937-2.096-2.27%200-1.349.97-2.271%202.096-2.271%201.125%200%202.095.922%202.095%202.27%200%201.334-.97%202.27-2.095%202.27m0-6.017c-2.053%200-3.726%201.575-3.726%203.747%200%202.157%201.673%203.746%203.726%203.746s3.726-1.59%203.726-3.746c0-2.172-1.673-3.747-3.726-3.747'/%3e%3c/svg%3e",i="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='21'%20height='24'%20fill='none'%3e%3cpath%20fill='%23EA4335'%20d='M9.805%2011.462.09%2022.006l.001.006C.39%2023.158%201.411%2024%202.625%2024c.486%200%20.941-.134%201.332-.37l.03-.018%2010.936-6.453z'/%3e%3cpath%20fill='%23FBBC04'%20d='m19.633%209.666-.009-.006-4.721-2.799-5.32%204.84%205.339%205.457%204.696-2.77A2.7%202.7%200%200%200%2021%2012.022a2.69%202.69%200%200%200-1.367-2.356'/%3e%3cpath%20fill='%234285F4'%20d='M.09%201.993a2.7%202.7%200%200%200-.09.69v18.633q0%20.36.09.69L10.14%2011.73z'/%3e%3cpath%20fill='%2334A853'%20d='m9.877%2012%205.027-5.14L3.982.383A2.6%202.6%200%200%200%202.626%200C1.412%200%20.389.844.09%201.99v.003z'/%3e%3c/svg%3e",g="_apple_1m7d3_17",h="_google_1m7d3_49",e={"app-link":"_app-link_1m7d3_1",apple:g,google:h},n=({label:o,type:c})=>l.jsxs(a.Link,{to:c==="apple"?"https://apps.apple.com/app/6478964287":"https://play.google.com/store/apps/details?id=no.solibo.mobile.home",className:s.t(e["app-link"],e[c]),"data-component":"applink",children:[c==="apple"?l.jsx("img",{src:t,alt:"App Store logo"}):l.jsx("img",{src:i,alt:"Google Play logo"}),l.jsxs("div",{children:[l.jsx("span",{children:o}),l.jsx("span",{children:c==="google"?l.jsx("img",{src:p,alt:"Google Play"}):"App Store"})]})]});exports.AppLink=n;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as c, jsx as l } from "react/jsx-runtime";
|
|
2
2
|
import { t as e } from "../../classix-DG18itHa.js";
|
|
3
3
|
import { Link as t } from "../link/index.js";
|
|
4
|
-
import '../../assets/
|
|
4
|
+
import '../../assets/index17.css';const s = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='24'%20fill='none'%3e%3cpath%20fill='%23000'%20d='M16.705%2012.763c.012-.92.262-1.822.727-2.622a5.5%205.5%200%200%201%201.933-1.954A5.7%205.7%200%200%200%2017.4%206.478a5.8%205.8%200%200%200-2.54-.669c-1.896-.194-3.734%201.107-4.7%201.107-.985%200-2.472-1.088-4.074-1.056a6.1%206.1%200%200%200-2.93.854%205.9%205.9%200%200%200-2.12%202.153c-2.182%203.69-.554%209.114%201.537%2012.097%201.047%201.46%202.27%203.092%203.87%203.035%201.566-.064%202.15-.975%204.04-.975%201.873%200%202.422.974%204.054.938%201.68-.027%202.74-1.468%203.749-2.942A12%2012%200%200%200%2020%2017.612a5.37%205.37%200%200%201-2.395-1.94%205.2%205.2%200%200%201-.9-2.909M13.62%203.847A5.29%205.29%200%200%200%2014.88%200a5.64%205.64%200%200%200-3.621%201.83%205.1%205.1%200%200%200-1.023%201.726%205%205%200%200%200-.268%201.978c.7.007%201.393-.141%202.025-.433a4.6%204.6%200%200%200%201.629-1.254'/%3e%3c/svg%3e", g = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='74'%20height='15'%3e%3cpath%20d='M57.518%2011.41h1.629V.398h-1.629zm14.67-7.045-1.866%204.774h-.056l-1.938-4.774h-1.755l2.906%206.672-1.656%203.712h1.698L74%204.365zm-9.236%205.794c-.534%200-1.278-.269-1.278-.936%200-.849.926-1.175%201.727-1.175.715%200%201.053.156%201.488.369-.127%201.02-.997%201.742-1.937%201.742m.196-6.035c-1.179%200-2.401.524-2.906%201.686l1.446.609c.309-.609.884-.808%201.488-.808.843%200%201.699.51%201.713%201.417v.113c-.295-.17-.926-.425-1.699-.425-1.558%200-3.145.865-3.145%202.48%200%201.473%201.278%202.422%202.71%202.422%201.095%200%201.7-.495%202.078-1.077h.056v.85h1.572V7.17c0-1.954-1.446-3.045-3.313-3.045M53.082%205.705h-2.316V1.931h2.316c1.218%200%201.91%201.017%201.91%201.887%200%20.853-.692%201.887-1.91%201.887M53.04.398h-3.902V11.41h1.628V7.238h2.274c1.805%200%203.58-1.32%203.58-3.42%200-2.101-1.775-3.42-3.58-3.42m-21.282%209.763c-1.125%200-2.067-.95-2.067-2.256%200-1.32.942-2.285%202.067-2.285%201.112%200%201.983.965%201.983%202.285%200%201.305-.871%202.256-1.983%202.256m1.87-5.18h-.056c-.366-.44-1.068-.837-1.954-.837-1.857%200-3.558%201.646-3.558%203.76%200%202.1%201.701%203.733%203.558%203.733.886%200%201.588-.397%201.954-.852h.057v.54c0%201.433-.76%202.2-1.983%202.2-.999%200-1.618-.725-1.87-1.335l-1.421.596c.408.994%201.49%202.214%203.29%202.214%201.913%200%203.53-1.135%203.53-3.902V4.37H33.63zm2.673%206.429h1.631V.397h-1.631zm4.035-3.633c-.042-1.447%201.111-2.185%201.94-2.185.648%200%201.196.326%201.379.794zM45.4%206.528c-.31-.837-1.252-2.384-3.178-2.384-1.913%200-3.501%201.518-3.501%203.747%200%202.1%201.574%203.746%203.683%203.746%201.702%200%202.687-1.05%203.095-1.66l-1.266-.852c-.422.624-.999%201.036-1.829%201.036s-1.42-.384-1.8-1.135l4.964-2.073zM5.85%205.294v1.589h3.768c-.112.894-.407%201.547-.857%202-.549.554-1.407%201.165-2.91%201.165-2.322%200-4.136-1.888-4.136-4.23%200-2.341%201.814-4.228%204.135-4.228%201.252%200%202.166.497%202.84%201.135l1.112-1.121C8.859.696%207.608%200%205.85%200%202.672%200%200%202.612%200%205.819s2.672%205.818%205.85%205.818c1.715%200%203.009-.568%204.021-1.632%201.042-1.05%201.365-2.526%201.365-3.718%200-.37-.028-.71-.085-.993zm9.67%204.867c-1.124%200-2.095-.937-2.095-2.27%200-1.349.97-2.271%202.096-2.271%201.124%200%202.095.922%202.095%202.27%200%201.334-.97%202.27-2.095%202.27m0-6.017c-2.053%200-3.726%201.575-3.726%203.747%200%202.157%201.673%203.746%203.727%203.746s3.726-1.59%203.726-3.746c0-2.172-1.673-3.747-3.726-3.747m8.13%206.017c-1.125%200-2.096-.937-2.096-2.27%200-1.349.97-2.271%202.096-2.271%201.125%200%202.095.922%202.095%202.27%200%201.334-.97%202.27-2.095%202.27m0-6.017c-2.053%200-3.726%201.575-3.726%203.747%200%202.157%201.673%203.746%203.726%203.746s3.726-1.59%203.726-3.746c0-2.172-1.673-3.747-3.726-3.747'/%3e%3c/svg%3e", h = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='21'%20height='24'%20fill='none'%3e%3cpath%20fill='%23EA4335'%20d='M9.805%2011.462.09%2022.006l.001.006C.39%2023.158%201.411%2024%202.625%2024c.486%200%20.941-.134%201.332-.37l.03-.018%2010.936-6.453z'/%3e%3cpath%20fill='%23FBBC04'%20d='m19.633%209.666-.009-.006-4.721-2.799-5.32%204.84%205.339%205.457%204.696-2.77A2.7%202.7%200%200%200%2021%2012.022a2.69%202.69%200%200%200-1.367-2.356'/%3e%3cpath%20fill='%234285F4'%20d='M.09%201.993a2.7%202.7%200%200%200-.09.69v18.633q0%20.36.09.69L10.14%2011.73z'/%3e%3cpath%20fill='%2334A853'%20d='m9.877%2012%205.027-5.14L3.982.383A2.6%202.6%200%200%200%202.626%200C1.412%200%20.389.844.09%201.99v.003z'/%3e%3c/svg%3e", m = "_apple_1m7d3_17", i = "_google_1m7d3_49", a = {
|
|
5
5
|
"app-link": "_app-link_1m7d3_1",
|
|
6
6
|
apple: m,
|
|
7
7
|
google: i
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index16.css');const n=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),s="_badge_7j4yg_1",o="_primary_7j4yg_8",i="_info_7j4yg_13",e={badge:s,primary:o,info:i},c={default:e.default,primary:e.primary,info:e.info},d=({children:a,variant:t="default"})=>n.jsx("span",{className:r.t(e.badge,c[t]),"data-component":"badge",children:a});exports.Badge=d;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { t as n } from "../../classix-DG18itHa.js";
|
|
3
|
-
import '../../assets/
|
|
3
|
+
import '../../assets/index16.css';const e = "_badge_7j4yg_1", i = "_primary_7j4yg_8", s = "_info_7j4yg_13", a = {
|
|
4
4
|
badge: e,
|
|
5
5
|
primary: i,
|
|
6
6
|
info: s
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index15.css');const t=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),b=require("../button/index.cjs"),u="_banner_vu5j6_13",o="_visible_vu5j6_34",r={banner:u,visible:o},v=({button:a,message:s,onClick:e,onDismiss:n,visible:c=!1})=>{const i=()=>{e==null||e(),n==null||n()};return t.jsxs("div",{"aria-live":"assertive",className:l.t(r.banner,c&&r.visible),"data-component":"banner",children:[s,t.jsx(b.Button,{onClick:i,children:a})]})};exports.Banner=v;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as v, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { t as c } from "../../classix-DG18itHa.js";
|
|
3
3
|
import { Button as i } from "../button/index.js";
|
|
4
|
-
import '../../assets/
|
|
4
|
+
import '../../assets/index15.css';const s = "_banner_vu5j6_13", _ = "_visible_vu5j6_34", n = {
|
|
5
5
|
banner: s,
|
|
6
6
|
visible: _
|
|
7
7
|
}, j = ({
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index33.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index33.css');const r=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),l=require("react"),d=require("../icon/index.cjs"),_="_button_1cw1v_1",g="_danger_1cw1v_19",p="_minimal_1cw1v_32",y="_primary_1cw1v_39",t={button:_,danger:g,minimal:p,primary:y},b={danger:t.danger,default:t.default,minimal:t.minimal,primary:t.primary},f=l.forwardRef(({children:a,className:i,disabled:s=!1,icon:n,onClick:o,variant:e="default",...c},m)=>r.jsxs("button",{className:u.t(t.button,b[e],i),disabled:s,onClick:o,ref:m,type:"button",...c,children:[n&&r.jsx(d.Icon,{gap:"right",name:n,size:"small",variant:e==="minimal"?"default":"white"}),a]}));exports.Button=f;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n danger: styles.danger,\n default: styles.default,\n minimal: styles.minimal,\n primary: styles.primary,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n children: React.ReactNode;\n className?: string;\n disabled?: boolean;\n icon?: IconName;\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n variant?: keyof typeof variants;\n};\n\nexport const Button = ({\n
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { forwardRef } from 'react';\n\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n danger: styles.danger,\n default: styles.default,\n minimal: styles.minimal,\n primary: styles.primary,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n children: React.ReactNode;\n className?: string;\n disabled?: boolean;\n icon?: IconName;\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n variant?: keyof typeof variants;\n};\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n children,\n className,\n disabled = false,\n icon,\n onClick,\n variant = 'default',\n ...props\n },\n ref\n ) => {\n return (\n <button\n className={cx(styles.button, variants[variant], className)}\n disabled={disabled}\n onClick={onClick}\n ref={ref}\n type='button'\n {...props}\n >\n {icon && (\n <Icon\n gap='right'\n name={icon}\n size='small'\n variant={variant === 'minimal' ? 'default' : 'white'}\n />\n )}\n {children}\n </button>\n );\n }\n);\n"],"names":["variants","danger","styles","default","minimal","primary","Button","forwardRef","children","className","disabled","icon","onClick","variant","props","ref","cx","button","jsx","Icon"],"mappings":"8UAOMA,EAAW,CACfC,OAAQC,EAAOD,OACfE,QAASD,EAAOC,QAChBC,QAASF,EAAOE,QAChBC,QAASH,EAAOG,OAClB,EAWaC,EAASC,EAAAA,WACpB,CACE,CACEC,SAAAA,EACAC,UAAAA,EACAC,SAAAA,EAAW,GACXC,KAAAA,EACAC,QAAAA,EACAC,QAAAA,EAAU,UACV,GAAGC,CACL,EACAC,WAGG,SAAA,CACC,UAAWC,EAAAA,EAAGd,EAAOe,OAAQjB,EAASa,CAAO,EAAGJ,CAAS,EACzD,SAAAC,EACA,QAAAE,EACA,IAAAG,EACA,KAAK,SACL,GAAID,EAEHH,SAAAA,CAAAA,GACCO,EAAAA,IAACC,EAAAA,KAAA,CACC,IAAI,QACJ,KAAMR,EACN,KAAK,QACL,QAASE,IAAY,UAAY,UAAY,QAAQ,EAGxDL,CAAAA,EACH,CAGN"}
|
|
@@ -1,29 +1,30 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { t as
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import { jsxs as l, jsx as c } from "react/jsx-runtime";
|
|
2
|
+
import { t as p } from "../../classix-DG18itHa.js";
|
|
3
|
+
import { forwardRef as u } from "react";
|
|
4
|
+
import { Icon as _ } from "../icon/index.js";
|
|
5
|
+
import '../../assets/index33.css';const d = "_button_1cw1v_1", f = "_danger_1cw1v_19", g = "_minimal_1cw1v_32", y = "_primary_1cw1v_39", t = {
|
|
6
|
+
button: d,
|
|
7
|
+
danger: f,
|
|
8
|
+
minimal: g,
|
|
9
|
+
primary: y
|
|
9
10
|
}, b = {
|
|
10
11
|
danger: t.danger,
|
|
11
12
|
default: t.default,
|
|
12
13
|
minimal: t.minimal,
|
|
13
14
|
primary: t.primary
|
|
14
|
-
},
|
|
15
|
-
children:
|
|
16
|
-
className:
|
|
15
|
+
}, j = u(({
|
|
16
|
+
children: n,
|
|
17
|
+
className: m,
|
|
17
18
|
disabled: i = !1,
|
|
18
|
-
icon:
|
|
19
|
+
icon: r,
|
|
19
20
|
onClick: o,
|
|
20
21
|
variant: a = "default",
|
|
21
22
|
...e
|
|
22
|
-
}) => /* @__PURE__ */
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
] });
|
|
23
|
+
}, s) => /* @__PURE__ */ l("button", { className: p(t.button, b[a], m), disabled: i, onClick: o, ref: s, type: "button", ...e, children: [
|
|
24
|
+
r && /* @__PURE__ */ c(_, { gap: "right", name: r, size: "small", variant: a === "minimal" ? "default" : "white" }),
|
|
25
|
+
n
|
|
26
|
+
] }));
|
|
26
27
|
export {
|
|
27
|
-
|
|
28
|
+
j as Button
|
|
28
29
|
};
|
|
29
30
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n danger: styles.danger,\n default: styles.default,\n minimal: styles.minimal,\n primary: styles.primary,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n children: React.ReactNode;\n className?: string;\n disabled?: boolean;\n icon?: IconName;\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n variant?: keyof typeof variants;\n};\n\nexport const Button = ({\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { forwardRef } from 'react';\n\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n danger: styles.danger,\n default: styles.default,\n minimal: styles.minimal,\n primary: styles.primary,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n children: React.ReactNode;\n className?: string;\n disabled?: boolean;\n icon?: IconName;\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n variant?: keyof typeof variants;\n};\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n children,\n className,\n disabled = false,\n icon,\n onClick,\n variant = 'default',\n ...props\n },\n ref\n ) => {\n return (\n <button\n className={cx(styles.button, variants[variant], className)}\n disabled={disabled}\n onClick={onClick}\n ref={ref}\n type='button'\n {...props}\n >\n {icon && (\n <Icon\n gap='right'\n name={icon}\n size='small'\n variant={variant === 'minimal' ? 'default' : 'white'}\n />\n )}\n {children}\n </button>\n );\n }\n);\n"],"names":["variants","danger","styles","default","minimal","primary","Button","forwardRef","children","className","disabled","icon","onClick","variant","props","ref","cx","button","jsx","Icon"],"mappings":";;;;;;;;;GAOMA,IAAW;AAAA,EACfC,QAAQC,EAAOD;AAAAA,EACfE,SAASD,EAAOC;AAAAA,EAChBC,SAASF,EAAOE;AAAAA,EAChBC,SAASH,EAAOG;AAClB,GAWaC,IAASC,EACpB,CACE;AAAA,EACEC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,MAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACV,GAAGC;AACL,GACAC,wBAGG,UAAA,EACC,WAAWC,EAAGd,EAAOe,QAAQjB,EAASa,CAAO,GAAGJ,CAAS,GACzD,UAAAC,GACA,SAAAE,GACA,KAAAG,GACA,MAAK,UACL,GAAID,GAEHH,UAAAA;AAAAA,EAAAA,KACC,gBAAAO,EAACC,GAAA,EACC,KAAI,SACJ,MAAMR,GACN,MAAK,SACL,SAASE,MAAY,YAAY,YAAY,SAAQ;AAAA,EAGxDL;AAAAA,GACH,CAGN;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const e=require("react/jsx-runtime"),x=require("../../icons-C_cX1FYp.cjs"),b=require("../loading/index.cjs"),h="_checkbox_16skt_1",k={checkbox:h},u=({checked:s,disabled:t,isLoading:c,label:o,onChange:n,...i})=>{const r={"--icon-svg":x.iconSVG("check")};return e.jsxs("label",{className:k.checkbox,"data-component":"checkbox",children:[c&&e.jsx(b.Loading,{size:24,sticky:!0}),e.jsx("input",{checked:s,disabled:t||c,onChange:n,type:"checkbox",style:r,...i}),o&&o]})};exports.Checkbox=u;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as h, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { i as k } from "../../icons-
|
|
2
|
+
import { i as k } from "../../icons-DfmpRbxE.js";
|
|
3
3
|
import { Loading as x } from "../loading/index.js";
|
|
4
|
-
import '../../assets/
|
|
4
|
+
import '../../assets/index13.css';const b = "_checkbox_16skt_1", m = {
|
|
5
5
|
checkbox: b
|
|
6
6
|
}, d = ({
|
|
7
7
|
checked: t,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const r=require("react/jsx-runtime"),t=require("../../helpers-fOobx0tS.cjs"),o="_controls_u02jm_15",c="_wrapper_u02jm_29",e={controls:o,wrapper:c},l=({children:s,...n})=>r.jsx(r.Fragment,{children:r.jsx("div",{className:e.wrapper,children:r.jsx("div",{className:e.controls,children:r.jsx("menu",{"data-animation":"stagger",...n,children:t.wrapChildren(s)})})})});exports.Controls=l;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as r, Fragment as t } from "react/jsx-runtime";
|
|
2
2
|
import { w as e } from "../../helpers-Dbey5Ztb.js";
|
|
3
|
-
import '../../assets/
|
|
3
|
+
import '../../assets/index12.css';const a = "_controls_u02jm_15", c = "_wrapper_u02jm_29", o = {
|
|
4
4
|
controls: a,
|
|
5
5
|
wrapper: c
|
|
6
6
|
}, i = ({
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.css');const a=require("react/jsx-runtime"),s="_dialog_1dwjg_1",t="_wrapper_1dwjg_32",e={dialog:s,wrapper:t},n=({children:i,setOpen:o,...l})=>a.jsx("div",{className:e.wrapper,onClick:()=>o?o(!1):{},"data-component":"dialog",children:a.jsx("dialog",{className:e.dialog,onClick:r=>r.stopPropagation(),...l,children:i})});exports.Dialog=n;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import '../../assets/
|
|
2
|
+
import '../../assets/index11.css';const s = "_dialog_1dwjg_1", d = "_wrapper_1dwjg_32", r = {
|
|
3
3
|
dialog: s,
|
|
4
4
|
wrapper: d
|
|
5
5
|
}, c = ({
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index10.css');const e=require("react/jsx-runtime"),l=require("../icon/index.cjs"),o="_file_4xr4l_1",r={file:o,delete:"_delete_4xr4l_46"},c=({name:i,onClick:t,onDelete:n,url:a})=>e.jsxs("div",{className:r.file,"data-component":"file",children:[e.jsxs("a",{href:a,onClick:s=>{s.stopPropagation(),(t||!a)&&(s.preventDefault(),t&&t())},role:a||t?"document":"auto",title:i,children:[e.jsx(l.Icon,{name:"document",size:"small",variant:"primary"}),i]}),n&&e.jsx("a",{"aria-label":"delete document",className:r.delete,onClick:()=>n(),tabIndex:0,children:e.jsx(l.Icon,{name:"trash",size:"small",variant:"danger"})})]});exports.File=c;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as n, jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { Icon as s } from "../icon/index.js";
|
|
3
|
-
import '../../assets/
|
|
3
|
+
import '../../assets/index10.css';const d = "_file_4xr4l_1", o = {
|
|
4
4
|
file: d,
|
|
5
5
|
delete: "_delete_4xr4l_46"
|
|
6
6
|
}, f = ({
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index9.css');const r=require("react/jsx-runtime"),n="_footer_uv5cc_1",s={footer:n},a=({animation:t,children:o,...e})=>r.jsx("footer",{className:s.footer,"data-animation":t,...e,"data-component":"footer",children:o&&o});exports.Footer=a;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index8.css');const a=require("react/jsx-runtime"),b=require("../../classix-5H4IWnMA.cjs"),y=require("../loading/index.cjs"),j="_graph_18yw9_11",w="_plot_18yw9_20",v="_item_18yw9_30",N="_column_18yw9_36",f="_value_18yw9_44",M="_track_18yw9_54",V="_bar_18yw9_61",k="_label_18yw9_82",e={graph:j,plot:w,item:v,column:N,value:f,track:M,bar:V,label:k,"is-loading":"_is-loading_18yw9_91"},h=l=>Number.isFinite(l)?Math.max(0,l):0,S=({className:l,height:r,items:n=[],label:o,style:_,valueFormatter:u=c=>c.toLocaleString(),...p})=>{const c=n.reduce((s,t)=>Math.max(s,h(t.value)),0),d={..._,"--graph-columns":Math.max(n.length,1),"--graph-height":r||"calc(var(--unit) * 16)"};return a.jsxs("figure",{className:b.t(e.graph,l),style:d,...p,"data-component":"graph",children:[o&&a.jsx("figcaption",{"data-content":"screen-reader",children:o}),n.length>0?a.jsx("ul",{className:e.plot,children:n.map((s,t)=>{const i=h(s.value),m=c>0?i/c*100:0,g=i>0?Math.max(m,6):0,x={"--bar-color":s.color,"--bar-delay":t*50+"ms","--bar-height":g+"%"};return a.jsxs("li",{className:e.item,"data-component":"graph",children:[a.jsxs("div",{className:e.column,children:[a.jsx("span",{className:e.value,children:u(s.value)}),a.jsx("span",{className:e.track,children:a.jsx("span",{className:e.bar,style:x})})]}),a.jsx("span",{className:e.label,title:s.label,children:s.label})]},s.label+t)})}):a.jsx("div",{className:e["is-loading"],children:a.jsx(y.Loading,{})})]})};exports.Graph=S;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as s, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { t as w } from "../../classix-DG18itHa.js";
|
|
3
3
|
import { Loading as N } from "../loading/index.js";
|
|
4
|
-
import '../../assets/
|
|
4
|
+
import '../../assets/index8.css';const v = "_graph_18yw9_11", f = "_plot_18yw9_20", x = "_item_18yw9_30", V = "_column_18yw9_36", k = "_value_18yw9_44", M = "_track_18yw9_54", j = "_bar_18yw9_61", L = "_label_18yw9_82", a = {
|
|
5
5
|
graph: v,
|
|
6
6
|
plot: f,
|
|
7
7
|
item: x,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index7.css');const s=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),n="_group_g6ddz_1",a={group:n},c=({animation:o,children:t,className:r,...e})=>s.jsx("div",{className:u.t(r,a.group),"data-animation":o,...e,"data-component":"group",children:t});exports.Group=c;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { t as n } from "../../classix-DG18itHa.js";
|
|
3
|
-
import '../../assets/
|
|
3
|
+
import '../../assets/index7.css';const s = "_group_g6ddz_1", m = {
|
|
4
4
|
group: s
|
|
5
5
|
}, c = ({
|
|
6
6
|
animation: o,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index6.css');const s=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),o="_header_1tfsg_1",u="_jumbo_1tfsg_58",e={header:o,jumbo:u},d={default:e.default,jumbo:e.jumbo},n=({children:t,variant:a="default"})=>s.jsx("header",{className:r.t(e.header,d[a]),"data-component":"header",children:t});exports.Header=n;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { t as r } from "../../classix-DG18itHa.js";
|
|
3
|
-
import '../../assets/
|
|
3
|
+
import '../../assets/index6.css';const s = "_header_1tfsg_1", d = "_jumbo_1tfsg_58", e = {
|
|
4
4
|
header: s,
|
|
5
5
|
jumbo: d
|
|
6
6
|
}, m = {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index36.css');const r=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),i=require("../../icons-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index36.css');const r=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),i=require("../../icons-C_cX1FYp.cjs"),_="_icon_wciqx_1",m="_small_wciqx_9",u="_medium_wciqx_14",d="_large_wciqx_19",g="_danger_wciqx_24",w="_primary_wciqx_32",q="_white_wciqx_36",e={icon:_,small:m,medium:u,large:d,danger:g,default:"_default_wciqx_28",primary:w,white:q,"gap-right":"_gap-right_wciqx_40","gap-left":"_gap-left_wciqx_44"},x={large:e.large,medium:e.medium,small:e.small},p={danger:e.danger,default:e.default,primary:e.primary,white:e.white},y=({fill:n,gap:t="none",name:c,size:a="medium",variant:s="default"})=>{const o={maskImage:i.iconSVG(c,n??!1)};return r.jsx("span",{className:l.t(t!=="none"&&e[`gap-${t}`],x[a],e.icon,p[s]),style:o,"data-component":"icon"})},f=()=>Object.keys(i.iconPaths);exports.Icon=y;exports.Icons=f;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { t as r } from "../../classix-DG18itHa.js";
|
|
3
|
-
import { i as m, a as _ } from "../../icons-
|
|
3
|
+
import { i as m, a as _ } from "../../icons-DfmpRbxE.js";
|
|
4
4
|
import '../../assets/index36.css';const l = "_icon_wciqx_1", d = "_small_wciqx_9", g = "_medium_wciqx_14", p = "_large_wciqx_19", w = "_danger_wciqx_24", u = "_primary_wciqx_32", x = "_white_wciqx_36", a = {
|
|
5
5
|
icon: l,
|
|
6
6
|
small: d,
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index5.css');const d=require("react/jsx-runtime"),c=require("react"),o="_image_nnuov_1",y={image:o};function S({fadeDurationMs:n=250,showOnError:r=!0,onLoad:a,onError:u,style:l,...t}){const i=c.useRef(null),[m,s]=c.useState(!1);c.useEffect(()=>{s(!1)},[t.src,t.srcSet]),c.useEffect(()=>{const e=i.current;e&&e.complete&&e.naturalWidth>0&&s(!0)},[t.src,t.srcSet]);const f=e=>{s(!0),a==null||a(e)},g=e=>{r&&s(!0),u==null||u(e)};return d.jsx("img",{...t,className:y.image,onLoad:f,onError:g,ref:i,style:{...l,opacity:m?1:0,"--duration-override":`${n}ms`},"data-component":"image"})}exports.Image=S;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|