@simpli-route/apollo-ds 0.1.89 → 0.1.90
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/components/SearchField/types.d.ts +8 -0
- package/dist/index.cjs100.js +1 -1
- package/dist/index.cjs101.js +1 -1
- package/dist/index.cjs102.js +1 -1
- package/dist/index.cjs103.js +1 -1
- package/dist/index.cjs104.js +1 -1
- package/dist/index.cjs105.js +1 -1
- package/dist/index.cjs106.js +1 -1
- package/dist/index.cjs107.js +1 -1
- package/dist/index.cjs108.js +1 -1
- package/dist/index.cjs111.js +1 -1
- package/dist/index.cjs112.js +1 -1
- package/dist/index.cjs136.js +1 -1
- package/dist/index.cjs137.js +1 -1
- package/dist/index.cjs138.js +1 -1
- package/dist/index.cjs139.js +1 -1
- package/dist/index.cjs140.js +1 -1
- package/dist/index.cjs141.js +1 -1
- package/dist/index.cjs142.js +1 -1
- package/dist/index.cjs143.js +1 -1
- package/dist/index.cjs16.js +1 -1
- package/dist/index.cjs19.js +1 -1
- package/dist/index.cjs23.js +1 -1
- package/dist/index.cjs29.js +1 -1
- package/dist/index.cjs31.js +1 -1
- package/dist/index.cjs35.js +1 -1
- package/dist/index.cjs36.js +1 -1
- package/dist/index.cjs40.js +1 -1
- package/dist/index.cjs41.js +1 -1
- package/dist/index.cjs42.js +1 -1
- package/dist/index.cjs85.js +1 -1
- package/dist/index.cjs88.js +1 -1
- package/dist/index.cjs89.js +1 -1
- package/dist/index.cjs90.js +1 -1
- package/dist/index.cjs91.js +1 -1
- package/dist/index.cjs93.js +2 -2
- package/dist/index.cjs98.js +1 -1
- package/dist/index.cjs99.js +1 -1
- package/dist/index.es100.js +12 -78
- package/dist/index.es101.js +7 -10
- package/dist/index.es102.js +17 -9
- package/dist/index.es103.js +139 -35
- package/dist/index.es104.js +19 -7
- package/dist/index.es105.js +19 -17
- package/dist/index.es106.js +10 -149
- package/dist/index.es107.js +10 -19
- package/dist/index.es108.js +42 -17
- package/dist/index.es111.js +1 -1
- package/dist/index.es112.js +1 -1
- package/dist/index.es136.js +4 -2
- package/dist/index.es137.js +28 -4
- package/dist/index.es138.js +2 -4
- package/dist/index.es139.js +10 -28
- package/dist/index.es140.js +340 -2
- package/dist/index.es141.js +166 -8
- package/dist/index.es142.js +2 -340
- package/dist/index.es143.js +2 -166
- package/dist/index.es16.js +1 -1
- package/dist/index.es19.js +1 -1
- package/dist/index.es23.js +1 -1
- package/dist/index.es29.js +1 -1
- package/dist/index.es31.js +2 -2
- package/dist/index.es35.js +2 -2
- package/dist/index.es36.js +2 -2
- package/dist/index.es40.js +3 -3
- package/dist/index.es41.js +2 -2
- package/dist/index.es42.js +3 -3
- package/dist/index.es85.js +162 -43
- package/dist/index.es88.js +43 -162
- package/dist/index.es89.js +10 -10
- package/dist/index.es90.js +12 -10
- package/dist/index.es91.js +10 -12
- package/dist/index.es93.js +95 -87
- package/dist/index.es98.js +78 -100
- package/dist/index.es99.js +100 -12
- package/dist/stories/SearchField.stories.d.ts +1 -0
- package/package.json +1 -1
package/dist/index.es100.js
CHANGED
|
@@ -1,81 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
isDisabled: l,
|
|
11
|
-
classNameButton: m,
|
|
12
|
-
selectionMode: x,
|
|
13
|
-
maxLengthTextOption: p,
|
|
14
|
-
handleDeleteOptionSelected: c,
|
|
15
|
-
placeholder: u,
|
|
16
|
-
validationState: f
|
|
17
|
-
}) => /* @__PURE__ */ e.jsxs(
|
|
18
|
-
d,
|
|
19
|
-
{
|
|
20
|
-
ref: C,
|
|
21
|
-
className: ({ isFocusVisible: t, isHovered: n, isPressed: a }) => i(
|
|
22
|
-
"group",
|
|
23
|
-
w({
|
|
24
|
-
size: o,
|
|
25
|
-
isDisabled: l,
|
|
26
|
-
/** Select root sets isPressed from menu open state; use it so we stay in sync with RAC. */
|
|
27
|
-
isFocusVisible: t || a,
|
|
28
|
-
isHovered: n,
|
|
29
|
-
validationState: f
|
|
30
|
-
}),
|
|
31
|
-
m
|
|
32
|
-
),
|
|
33
|
-
children: [
|
|
34
|
-
/* @__PURE__ */ e.jsx(g, { className: "flex flex-1 items-center gap-1 overflow-hidden", children: ({ selectedItems: t, selectedText: n, isPlaceholder: a }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: x === "multiple" && t && t.length > 0 ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1", children: t.filter((r) => r != null).map((r) => {
|
|
35
|
-
const h = r.label, s = r.value;
|
|
36
|
-
return /* @__PURE__ */ e.jsx(
|
|
37
|
-
j,
|
|
38
|
-
{
|
|
39
|
-
label: h,
|
|
40
|
-
size: o,
|
|
41
|
-
isDisabled: l,
|
|
42
|
-
maxLength: p,
|
|
43
|
-
onDelete: () => c(s)
|
|
44
|
-
},
|
|
45
|
-
s
|
|
46
|
-
);
|
|
47
|
-
}) }) : /* @__PURE__ */ e.jsx(
|
|
48
|
-
"span",
|
|
49
|
-
{
|
|
50
|
-
className: i(
|
|
51
|
-
"flex-1 truncate text-left",
|
|
52
|
-
a ? "text-neutral-600" : "",
|
|
53
|
-
l ? "text-neutral-700" : ""
|
|
54
|
-
),
|
|
55
|
-
children: n || u
|
|
56
|
-
}
|
|
57
|
-
) }) }),
|
|
58
|
-
/* @__PURE__ */ e.jsx(
|
|
59
|
-
"svg",
|
|
60
|
-
{
|
|
61
|
-
className: "transition-transform duration-100 group-data-[pressed]:rotate-180",
|
|
62
|
-
width: "20",
|
|
63
|
-
height: "10",
|
|
64
|
-
viewBox: "0 0 20 10",
|
|
65
|
-
fill: "none",
|
|
66
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
67
|
-
children: /* @__PURE__ */ e.jsx(
|
|
68
|
-
"path",
|
|
69
|
-
{
|
|
70
|
-
d: "M20 0.838022C20.0006 0.947676 19.9796 1.05638 19.9381 1.15789C19.8967 1.2594 19.8356 1.35173 19.7584 1.42959L12.9512 8.23676C12.5642 8.62472 12.1045 8.93252 11.5984 9.14254C11.0922 9.35256 10.5497 9.46066 10.0017 9.46066C9.45373 9.46066 8.91115 9.35256 8.40502 9.14254C7.8989 8.93252 7.43918 8.62472 7.0522 8.23676L0.245034 1.42959C0.167349 1.3519 0.105725 1.25968 0.0636824 1.15818C0.0216393 1.05667 5.62088e-09 0.947886 0 0.838023C-5.62081e-09 0.728159 0.0216393 0.619372 0.0636824 0.51787C0.105725 0.41637 0.167349 0.324143 0.245034 0.246458C0.32272 0.168773 0.414946 0.107149 0.516447 0.0651056C0.617948 0.0230624 0.726736 0.00142351 0.8366 0.00142351C0.946464 0.00142351 1.05525 0.0230624 1.15675 0.0651055C1.25825 0.107149 1.35048 0.168773 1.42817 0.246458L8.23533 7.05363C8.704 7.52171 9.33931 7.78463 10.0017 7.78463C10.6641 7.78463 11.2994 7.52171 11.7681 7.05363L18.5752 0.246457C18.6527 0.168363 18.7448 0.106378 18.8464 0.0640783C18.9479 0.0217776 19.0568 4.80781e-09 19.1668 0C19.2768 -4.80789e-09 19.3857 0.0217776 19.4872 0.0640782C19.5888 0.106378 19.6809 0.168363 19.7584 0.246457C19.8356 0.324311 19.8967 0.41664 19.9381 0.518154C19.9796 0.619668 20.0006 0.728369 20 0.838022Z",
|
|
71
|
-
fill: "#73768C"
|
|
72
|
-
}
|
|
73
|
-
)
|
|
74
|
-
}
|
|
75
|
-
)
|
|
76
|
-
]
|
|
1
|
+
const o = (e, g, r = 1) => {
|
|
2
|
+
if (g === "range" && Array.isArray(e) && e.length === 2) {
|
|
3
|
+
const [t, f] = e;
|
|
4
|
+
if (f - t < r) {
|
|
5
|
+
if (t > f - r)
|
|
6
|
+
return [f - r, f];
|
|
7
|
+
if (f < t + r)
|
|
8
|
+
return [t, t + r];
|
|
9
|
+
}
|
|
77
10
|
}
|
|
78
|
-
|
|
11
|
+
return e;
|
|
12
|
+
};
|
|
79
13
|
export {
|
|
80
|
-
|
|
14
|
+
o as validateMinDistance
|
|
81
15
|
};
|
package/dist/index.es101.js
CHANGED
|
@@ -1,12 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const
|
|
7
|
-
const { className: i, item: r, orientation: n, state: s, id: a = void 0 } = t, { key: e, rendered: c } = r, m = s.selectedKey === e, d = s.disabledKeys.has(e) || (s == null ? void 0 : s.isDisabled), o = f(null), { tabProps: l } = u({ key: String(e) }, s, o), b = x(y({ isActive: m, orientation: n, isDisabledTab: d }), i);
|
|
8
|
-
return /* @__PURE__ */ p.jsx("div", { ...l, ref: o, className: b, id: a, children: c });
|
|
9
|
-
};
|
|
1
|
+
import { getDefaultExportFromCjs as e } from "./index.es136.js";
|
|
2
|
+
import "./index.es137.js";
|
|
3
|
+
import { __exports as r } from "./index.es138.js";
|
|
4
|
+
let o = r;
|
|
5
|
+
var t = (o.__esModule ? o : { default: o }).default;
|
|
6
|
+
const a = /* @__PURE__ */ e(t);
|
|
10
7
|
export {
|
|
11
|
-
|
|
8
|
+
a as default
|
|
12
9
|
};
|
package/dist/index.es102.js
CHANGED
|
@@ -1,12 +1,20 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import t from "./index.es139.js";
|
|
2
|
+
import s from "@simpli-route/tailwind-preset";
|
|
3
|
+
import o from "./index.es140.js";
|
|
4
|
+
import e from "./index.es141.js";
|
|
5
|
+
const { fontFamily: i } = t, l = {
|
|
6
|
+
presets: [s],
|
|
7
|
+
mode: "jit",
|
|
8
|
+
content: ["./index.html", "./node_modules/@simpli-route/**/*.{js,ts,jsx,tsx}", "./src/**/*.{js,ts,jsx,tsx}"],
|
|
9
|
+
theme: {
|
|
10
|
+
extend: {
|
|
11
|
+
fontFamily: {
|
|
12
|
+
sans: ["var(--font-open-sans)", ...i.sans]
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
plugins: [o, e]
|
|
9
17
|
};
|
|
10
18
|
export {
|
|
11
|
-
|
|
19
|
+
l as default
|
|
12
20
|
};
|
package/dist/index.es103.js
CHANGED
|
@@ -1,47 +1,151 @@
|
|
|
1
|
-
import { cva as
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import { cva as s } from "class-variance-authority";
|
|
2
|
+
const e = [
|
|
3
|
+
{
|
|
4
|
+
state: "pending",
|
|
5
|
+
isHovered: !0,
|
|
6
|
+
isDisabled: !1,
|
|
7
|
+
isPressed: !1,
|
|
8
|
+
class: "bg-neutral-600"
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
state: "inProgress",
|
|
12
|
+
isHovered: !0,
|
|
13
|
+
isDisabled: !1,
|
|
14
|
+
isPressed: !1,
|
|
15
|
+
class: "bg-blue-600"
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
state: "completed",
|
|
19
|
+
isHovered: !0,
|
|
20
|
+
isDisabled: !1,
|
|
21
|
+
isPressed: !1,
|
|
22
|
+
class: "bg-success-600"
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
state: "error",
|
|
26
|
+
isHovered: !0,
|
|
27
|
+
isDisabled: !1,
|
|
28
|
+
isPressed: !1,
|
|
29
|
+
class: "bg-error-600"
|
|
30
|
+
}
|
|
31
|
+
], t = [
|
|
32
|
+
{
|
|
33
|
+
isDisabled: !0,
|
|
34
|
+
isPressed: !1,
|
|
35
|
+
class: "bg-neutral-600"
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
isDisabled: !1,
|
|
39
|
+
isPressed: !1,
|
|
40
|
+
state: "pending",
|
|
41
|
+
class: "bg-neutral-500"
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
isDisabled: !1,
|
|
45
|
+
isPressed: !1,
|
|
46
|
+
state: "inProgress",
|
|
47
|
+
class: "bg-blue-500"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
isDisabled: !1,
|
|
51
|
+
isPressed: !1,
|
|
52
|
+
state: "completed",
|
|
53
|
+
class: "bg-success-500"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
isDisabled: !1,
|
|
57
|
+
isPressed: !1,
|
|
58
|
+
state: "error",
|
|
59
|
+
class: "bg-error-500"
|
|
60
|
+
}
|
|
61
|
+
], r = [
|
|
62
|
+
{
|
|
63
|
+
isPressed: !0,
|
|
64
|
+
isDisabled: !1,
|
|
65
|
+
state: "pending",
|
|
66
|
+
class: "bg-neutral-900"
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
isPressed: !0,
|
|
70
|
+
isDisabled: !1,
|
|
71
|
+
state: "inProgress",
|
|
72
|
+
class: "bg-blue-800"
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
isPressed: !0,
|
|
76
|
+
isDisabled: !1,
|
|
77
|
+
state: "completed",
|
|
78
|
+
class: "bg-success-800"
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
isPressed: !0,
|
|
82
|
+
isDisabled: !1,
|
|
83
|
+
state: "error",
|
|
84
|
+
class: "bg-error-800"
|
|
8
85
|
}
|
|
9
|
-
|
|
10
|
-
"
|
|
86
|
+
], i = s(
|
|
87
|
+
"flex shrink-0 items-center justify-center rounded-full focus-visible:outline-0 focus:outline-0",
|
|
11
88
|
{
|
|
12
89
|
variants: {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
90
|
+
size: {
|
|
91
|
+
xs: "size-8",
|
|
92
|
+
md: "size-[50px]"
|
|
16
93
|
},
|
|
17
|
-
|
|
94
|
+
state: {
|
|
95
|
+
pending: "",
|
|
96
|
+
inProgress: "",
|
|
97
|
+
completed: "",
|
|
98
|
+
error: ""
|
|
99
|
+
},
|
|
100
|
+
isDisabled: {
|
|
101
|
+
true: "",
|
|
102
|
+
false: ""
|
|
103
|
+
},
|
|
104
|
+
isHovered: {
|
|
18
105
|
true: "",
|
|
19
106
|
false: ""
|
|
20
107
|
},
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
108
|
+
isPressed: {
|
|
109
|
+
true: "",
|
|
110
|
+
false: ""
|
|
24
111
|
}
|
|
25
112
|
},
|
|
26
|
-
compoundVariants: [
|
|
27
|
-
{
|
|
28
|
-
isDisabledTab: !0,
|
|
29
|
-
orientation: "horizontal",
|
|
30
|
-
class: "border-b-2 cursor-not-allowed !border-neutral-600 !text-neutral-600 bg-neutral-200"
|
|
31
|
-
},
|
|
32
|
-
{
|
|
33
|
-
isDisabledTab: !0,
|
|
34
|
-
orientation: "vertical",
|
|
35
|
-
class: "border-r-2 cursor-not-allowed !border-neutral-600 !text-neutral-600 bg-neutral-200"
|
|
36
|
-
},
|
|
37
|
-
{ isActive: !0, orientation: "horizontal", class: "border-b-2 border-primary-500" },
|
|
38
|
-
{ isActive: !1, orientation: "horizontal", class: "border-b-2 border-primary-300" },
|
|
39
|
-
{ isActive: !1, orientation: "vertical", class: "border-r-2 border-primary-200" },
|
|
40
|
-
{ isActive: !0, orientation: "vertical", class: "border-r-2 border-primary-500" }
|
|
41
|
-
]
|
|
113
|
+
compoundVariants: [...e, ...t, ...r]
|
|
42
114
|
}
|
|
43
|
-
)
|
|
115
|
+
), l = s("leading-5 tracking-wide font-normal text-black", {
|
|
116
|
+
variants: {
|
|
117
|
+
size: {
|
|
118
|
+
xs: "text-sm",
|
|
119
|
+
md: "text-md"
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
}), d = s("flex items-center justify-center", {
|
|
123
|
+
variants: {
|
|
124
|
+
size: {
|
|
125
|
+
xs: "text-base size-4",
|
|
126
|
+
md: "text-lg size-[18px]"
|
|
127
|
+
},
|
|
128
|
+
state: {
|
|
129
|
+
pending: "text-neutral-50",
|
|
130
|
+
inProgress: "text-neutral-50",
|
|
131
|
+
completed: "text-neutral-50",
|
|
132
|
+
error: "text-neutral-50"
|
|
133
|
+
},
|
|
134
|
+
isHovered: {
|
|
135
|
+
true: "",
|
|
136
|
+
false: ""
|
|
137
|
+
}
|
|
138
|
+
},
|
|
139
|
+
compoundVariants: [
|
|
140
|
+
{
|
|
141
|
+
state: "error",
|
|
142
|
+
isHovered: !0,
|
|
143
|
+
class: "text-error-600"
|
|
144
|
+
}
|
|
145
|
+
]
|
|
146
|
+
});
|
|
44
147
|
export {
|
|
45
|
-
|
|
46
|
-
|
|
148
|
+
d as iconVariants,
|
|
149
|
+
l as labelVariants,
|
|
150
|
+
i as stepVariants
|
|
47
151
|
};
|
package/dist/index.es104.js
CHANGED
|
@@ -1,9 +1,21 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import "./index.
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import { j as t } from "./index.es52.js";
|
|
2
|
+
import { cn as c } from "./index.es53.js";
|
|
3
|
+
const i = ({
|
|
4
|
+
label: e,
|
|
5
|
+
description: x,
|
|
6
|
+
errorMessage: s,
|
|
7
|
+
isDisabled: l,
|
|
8
|
+
isInvalid: r,
|
|
9
|
+
children: n,
|
|
10
|
+
renderLabelIcon: m
|
|
11
|
+
}) => !e && !x && !n ? null : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
|
|
12
|
+
e ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-x-1", children: [
|
|
13
|
+
/* @__PURE__ */ t.jsx("p", { className: c("text-sm font-semibold", l ? "text-neutral-600" : "text-neutral-900"), children: e }),
|
|
14
|
+
m ? /* @__PURE__ */ t.jsx(t.Fragment, { children: m }) : null
|
|
15
|
+
] }) : n,
|
|
16
|
+
x && !s && /* @__PURE__ */ t.jsx("p", { className: c("text-xs", l ? "text-neutral-600" : "text-neutral-800"), children: x }),
|
|
17
|
+
r && s && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-red-500", children: s })
|
|
18
|
+
] });
|
|
7
19
|
export {
|
|
8
|
-
|
|
20
|
+
i as ContentSwitch
|
|
9
21
|
};
|
package/dist/index.es105.js
CHANGED
|
@@ -1,20 +1,22 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}
|
|
1
|
+
import { j as i } from "./index.es52.js";
|
|
2
|
+
import { cn as m } from "./index.es53.js";
|
|
3
|
+
import { indicatorVariants as n } from "./index.es77.js";
|
|
4
|
+
const c = ({ isSelected: r, isDisabled: o, isHovered: f, size: a, dimensions: t }) => /* @__PURE__ */ i.jsx(
|
|
5
|
+
"div",
|
|
6
|
+
{
|
|
7
|
+
className: m(
|
|
8
|
+
n({
|
|
9
|
+
isSelected: r,
|
|
10
|
+
isDisabled: o,
|
|
11
|
+
size: a,
|
|
12
|
+
isHoveredWhenOff: f && !r
|
|
13
|
+
})
|
|
14
|
+
),
|
|
15
|
+
style: {
|
|
16
|
+
left: r ? `${t.onLeft}px` : `${t.offLeft}px`
|
|
14
17
|
}
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
};
|
|
18
|
+
}
|
|
19
|
+
);
|
|
18
20
|
export {
|
|
19
|
-
|
|
21
|
+
c as SwitchIndicator
|
|
20
22
|
};
|
package/dist/index.es106.js
CHANGED
|
@@ -1,151 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
{
|
|
11
|
-
state: "inProgress",
|
|
12
|
-
isHovered: !0,
|
|
13
|
-
isDisabled: !1,
|
|
14
|
-
isPressed: !1,
|
|
15
|
-
class: "bg-blue-600"
|
|
16
|
-
},
|
|
17
|
-
{
|
|
18
|
-
state: "completed",
|
|
19
|
-
isHovered: !0,
|
|
20
|
-
isDisabled: !1,
|
|
21
|
-
isPressed: !1,
|
|
22
|
-
class: "bg-success-600"
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
state: "error",
|
|
26
|
-
isHovered: !0,
|
|
27
|
-
isDisabled: !1,
|
|
28
|
-
isPressed: !1,
|
|
29
|
-
class: "bg-error-600"
|
|
30
|
-
}
|
|
31
|
-
], t = [
|
|
32
|
-
{
|
|
33
|
-
isDisabled: !0,
|
|
34
|
-
isPressed: !1,
|
|
35
|
-
class: "bg-neutral-600"
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
isDisabled: !1,
|
|
39
|
-
isPressed: !1,
|
|
40
|
-
state: "pending",
|
|
41
|
-
class: "bg-neutral-500"
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
isDisabled: !1,
|
|
45
|
-
isPressed: !1,
|
|
46
|
-
state: "inProgress",
|
|
47
|
-
class: "bg-blue-500"
|
|
48
|
-
},
|
|
49
|
-
{
|
|
50
|
-
isDisabled: !1,
|
|
51
|
-
isPressed: !1,
|
|
52
|
-
state: "completed",
|
|
53
|
-
class: "bg-success-500"
|
|
54
|
-
},
|
|
55
|
-
{
|
|
56
|
-
isDisabled: !1,
|
|
57
|
-
isPressed: !1,
|
|
58
|
-
state: "error",
|
|
59
|
-
class: "bg-error-500"
|
|
60
|
-
}
|
|
61
|
-
], r = [
|
|
62
|
-
{
|
|
63
|
-
isPressed: !0,
|
|
64
|
-
isDisabled: !1,
|
|
65
|
-
state: "pending",
|
|
66
|
-
class: "bg-neutral-900"
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
isPressed: !0,
|
|
70
|
-
isDisabled: !1,
|
|
71
|
-
state: "inProgress",
|
|
72
|
-
class: "bg-blue-800"
|
|
73
|
-
},
|
|
74
|
-
{
|
|
75
|
-
isPressed: !0,
|
|
76
|
-
isDisabled: !1,
|
|
77
|
-
state: "completed",
|
|
78
|
-
class: "bg-success-800"
|
|
79
|
-
},
|
|
80
|
-
{
|
|
81
|
-
isPressed: !0,
|
|
82
|
-
isDisabled: !1,
|
|
83
|
-
state: "error",
|
|
84
|
-
class: "bg-error-800"
|
|
85
|
-
}
|
|
86
|
-
], i = s(
|
|
87
|
-
"flex shrink-0 items-center justify-center rounded-full focus-visible:outline-0 focus:outline-0",
|
|
88
|
-
{
|
|
89
|
-
variants: {
|
|
90
|
-
size: {
|
|
91
|
-
xs: "size-8",
|
|
92
|
-
md: "size-[50px]"
|
|
93
|
-
},
|
|
94
|
-
state: {
|
|
95
|
-
pending: "",
|
|
96
|
-
inProgress: "",
|
|
97
|
-
completed: "",
|
|
98
|
-
error: ""
|
|
99
|
-
},
|
|
100
|
-
isDisabled: {
|
|
101
|
-
true: "",
|
|
102
|
-
false: ""
|
|
103
|
-
},
|
|
104
|
-
isHovered: {
|
|
105
|
-
true: "",
|
|
106
|
-
false: ""
|
|
107
|
-
},
|
|
108
|
-
isPressed: {
|
|
109
|
-
true: "",
|
|
110
|
-
false: ""
|
|
111
|
-
}
|
|
112
|
-
},
|
|
113
|
-
compoundVariants: [...e, ...t, ...r]
|
|
114
|
-
}
|
|
115
|
-
), l = s("leading-5 tracking-wide font-normal text-black", {
|
|
116
|
-
variants: {
|
|
117
|
-
size: {
|
|
118
|
-
xs: "text-sm",
|
|
119
|
-
md: "text-md"
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
}), d = s("flex items-center justify-center", {
|
|
123
|
-
variants: {
|
|
124
|
-
size: {
|
|
125
|
-
xs: "text-base size-4",
|
|
126
|
-
md: "text-lg size-[18px]"
|
|
127
|
-
},
|
|
128
|
-
state: {
|
|
129
|
-
pending: "text-neutral-50",
|
|
130
|
-
inProgress: "text-neutral-50",
|
|
131
|
-
completed: "text-neutral-50",
|
|
132
|
-
error: "text-neutral-50"
|
|
133
|
-
},
|
|
134
|
-
isHovered: {
|
|
135
|
-
true: "",
|
|
136
|
-
false: ""
|
|
137
|
-
}
|
|
138
|
-
},
|
|
139
|
-
compoundVariants: [
|
|
140
|
-
{
|
|
141
|
-
state: "error",
|
|
142
|
-
isHovered: !0,
|
|
143
|
-
class: "text-error-600"
|
|
144
|
-
}
|
|
145
|
-
]
|
|
146
|
-
});
|
|
1
|
+
import { j as p } from "./index.es52.js";
|
|
2
|
+
import { useRef as f } from "react";
|
|
3
|
+
import { useTab as u } from "react-aria";
|
|
4
|
+
import { cn as x } from "./index.es53.js";
|
|
5
|
+
import { tabVariants as y } from "./index.es108.js";
|
|
6
|
+
const D = (t) => {
|
|
7
|
+
const { className: i, item: r, orientation: n, state: s, id: a = void 0 } = t, { key: e, rendered: c } = r, m = s.selectedKey === e, d = s.disabledKeys.has(e) || (s == null ? void 0 : s.isDisabled), o = f(null), { tabProps: l } = u({ key: String(e) }, s, o), b = x(y({ isActive: m, orientation: n, isDisabledTab: d }), i);
|
|
8
|
+
return /* @__PURE__ */ p.jsx("div", { ...l, ref: o, className: b, id: a, children: c });
|
|
9
|
+
};
|
|
147
10
|
export {
|
|
148
|
-
|
|
149
|
-
l as labelVariants,
|
|
150
|
-
i as stepVariants
|
|
11
|
+
D as Tab
|
|
151
12
|
};
|
package/dist/index.es107.js
CHANGED
|
@@ -1,21 +1,12 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
renderLabelIcon: m
|
|
11
|
-
}) => !e && !x && !n ? null : /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col", children: [
|
|
12
|
-
e ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-x-1", children: [
|
|
13
|
-
/* @__PURE__ */ t.jsx("p", { className: c("text-sm font-semibold", l ? "text-neutral-600" : "text-neutral-900"), children: e }),
|
|
14
|
-
m ? /* @__PURE__ */ t.jsx(t.Fragment, { children: m }) : null
|
|
15
|
-
] }) : n,
|
|
16
|
-
x && !s && /* @__PURE__ */ t.jsx("p", { className: c("text-xs", l ? "text-neutral-600" : "text-neutral-800"), children: x }),
|
|
17
|
-
r && s && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-red-500", children: s })
|
|
18
|
-
] });
|
|
1
|
+
import { j as m } from "./index.es52.js";
|
|
2
|
+
import { useRef as l } from "react";
|
|
3
|
+
import { useTabPanel as p } from "react-aria";
|
|
4
|
+
import { cn as i } from "./index.es53.js";
|
|
5
|
+
const P = (r) => {
|
|
6
|
+
var t;
|
|
7
|
+
const { className: o, state: s, ...n } = r, e = l(null), { tabPanelProps: a } = p(n, s, e), c = i("", o);
|
|
8
|
+
return /* @__PURE__ */ m.jsx("div", { ...a, ref: e, className: c, children: (t = s.selectedItem) == null ? void 0 : t.props.children });
|
|
9
|
+
};
|
|
19
10
|
export {
|
|
20
|
-
|
|
11
|
+
P as TabPanel
|
|
21
12
|
};
|
package/dist/index.es108.js
CHANGED
|
@@ -1,22 +1,47 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
className: m(
|
|
8
|
-
n({
|
|
9
|
-
isSelected: r,
|
|
10
|
-
isDisabled: o,
|
|
11
|
-
size: a,
|
|
12
|
-
isHoveredWhenOff: f && !r
|
|
13
|
-
})
|
|
14
|
-
),
|
|
15
|
-
style: {
|
|
16
|
-
left: r ? `${t.onLeft}px` : `${t.offLeft}px`
|
|
1
|
+
import { cva as r } from "class-variance-authority";
|
|
2
|
+
const t = r("flex h-full max-h-12", {
|
|
3
|
+
variants: {
|
|
4
|
+
orientation: {
|
|
5
|
+
horizontal: "flex-col",
|
|
6
|
+
vertical: "flex-row"
|
|
17
7
|
}
|
|
18
8
|
}
|
|
9
|
+
}), a = r(
|
|
10
|
+
"group inline-flex cursor-pointer items-center px-4 py-3 text-sm font-semibold focus-visible:outline-none",
|
|
11
|
+
{
|
|
12
|
+
variants: {
|
|
13
|
+
isActive: {
|
|
14
|
+
true: "bg-primary-50 text-primary-500 ",
|
|
15
|
+
false: "text-primary-300 hover:text-primary-500 hover:border-primary-500"
|
|
16
|
+
},
|
|
17
|
+
isDisabledTab: {
|
|
18
|
+
true: "",
|
|
19
|
+
false: ""
|
|
20
|
+
},
|
|
21
|
+
orientation: {
|
|
22
|
+
horizontal: "border-b-2 border-transparent",
|
|
23
|
+
vertical: "border-r-2 border-transparent"
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
compoundVariants: [
|
|
27
|
+
{
|
|
28
|
+
isDisabledTab: !0,
|
|
29
|
+
orientation: "horizontal",
|
|
30
|
+
class: "border-b-2 cursor-not-allowed !border-neutral-600 !text-neutral-600 bg-neutral-200"
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
isDisabledTab: !0,
|
|
34
|
+
orientation: "vertical",
|
|
35
|
+
class: "border-r-2 cursor-not-allowed !border-neutral-600 !text-neutral-600 bg-neutral-200"
|
|
36
|
+
},
|
|
37
|
+
{ isActive: !0, orientation: "horizontal", class: "border-b-2 border-primary-500" },
|
|
38
|
+
{ isActive: !1, orientation: "horizontal", class: "border-b-2 border-primary-300" },
|
|
39
|
+
{ isActive: !1, orientation: "vertical", class: "border-r-2 border-primary-200" },
|
|
40
|
+
{ isActive: !0, orientation: "vertical", class: "border-r-2 border-primary-500" }
|
|
41
|
+
]
|
|
42
|
+
}
|
|
19
43
|
);
|
|
20
44
|
export {
|
|
21
|
-
|
|
45
|
+
a as tabVariants,
|
|
46
|
+
t as tabsVariants
|
|
22
47
|
};
|
package/dist/index.es111.js
CHANGED
package/dist/index.es112.js
CHANGED