@snapcall/design-system 1.20.0-beta.2 → 1.20.0-beta.4
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/Command/index.d.mts +1 -1
- package/dist/Command/index.d.ts +1 -1
- package/dist/CreatableSelect/index.d.mts +1 -1
- package/dist/CreatableSelect/index.d.ts +1 -1
- package/dist/{chunk-RXPKLOY4.mjs → chunk-AHDZKO2U.mjs} +25 -68
- package/dist/chunk-FCKIVF33.mjs +454 -0
- package/dist/{chunk-PDYIMMJH.mjs → chunk-MABOGCOL.mjs} +8 -47
- package/dist/{chunk-XWD63VYR.mjs → chunk-PGRZSZPW.mjs} +1 -1
- package/dist/{chunk-4TUMP4TB.mjs → chunk-ZUDNZTUE.mjs} +5 -5
- package/dist/components/Accordion/index.mjs +9 -40
- package/dist/components/AlertDialog/index.mjs +3 -1
- package/dist/components/Button/index.mjs +3 -1
- package/dist/components/Calendar/index.mjs +6 -7
- package/dist/components/Carousel/index.mjs +17 -140
- package/dist/components/Checkbox/index.mjs +3 -2
- package/dist/components/Command/index.mjs +5 -5
- package/dist/components/CreatableSelect/index.mjs +8 -8
- package/dist/components/Dialog/index.mjs +5 -4
- package/dist/components/DropdownMenu/index.mjs +5 -5
- package/dist/components/FilterButton/index.mjs +3 -1
- package/dist/components/Pagination/index.mjs +18 -84
- package/dist/components/Select/index.mjs +12 -42
- package/dist/components/Sheet/index.mjs +5 -4
- package/dist/components/Toaster/index.mjs +5 -4
- package/dist/components/ToggleGroup/index.mjs +2 -1
- package/dist/icons/index.d.mts +2452 -2
- package/dist/icons/index.d.ts +2452 -2
- package/dist/icons/index.js +3678 -2455
- package/dist/icons/index.mjs +2450 -1227
- package/dist/{index-Jp7jKI5I.d.ts → index-ra0AVXfz.d.mts} +7 -7
- package/dist/{index-Jp7jKI5I.d.mts → index-ra0AVXfz.d.ts} +7 -7
- package/dist/index.d.mts +2 -4
- package/dist/index.d.ts +2 -4
- package/dist/index.js +49 -11
- package/dist/index.mjs +46 -5
- package/package.json +22 -5
- package/dist/chunk-NOFOM2SJ.mjs +0 -41
- package/dist/chunk-PPFZHO26.mjs +0 -41
- package/dist/chunk-ZT2KTEGZ.mjs +0 -41
- package/dist/icons/search.js +0 -98
- package/dist/icons/search.mjs +0 -50
- package/dist/index-2pOvozv0.d.mts +0 -2456
- package/dist/index-2pOvozv0.d.ts +0 -2456
- package/dist/search.d.mts +0 -6
- package/dist/search.d.ts +0 -6
|
@@ -1,85 +1,19 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
} from "../../chunk-
|
|
2
|
+
Button
|
|
3
|
+
} from "../../chunk-MABOGCOL.mjs";
|
|
4
4
|
import {
|
|
5
|
+
ChevronLeftDoubleIcon,
|
|
6
|
+
ChevronLeftIcon,
|
|
7
|
+
ChevronRightDoubleIcon,
|
|
5
8
|
ChevronRightIcon
|
|
6
|
-
} from "../../chunk-
|
|
7
|
-
import
|
|
8
|
-
Button
|
|
9
|
-
} from "../../chunk-PDYIMMJH.mjs";
|
|
9
|
+
} from "../../chunk-FCKIVF33.mjs";
|
|
10
|
+
import "../../chunk-ZUDNZTUE.mjs";
|
|
10
11
|
import {
|
|
11
|
-
__objRest,
|
|
12
|
-
__spreadProps,
|
|
13
|
-
__spreadValues,
|
|
14
12
|
cn
|
|
15
13
|
} from "../../chunk-JKJ6VK4H.mjs";
|
|
16
14
|
|
|
17
|
-
// src/icons/chevronLeftDouble.tsx
|
|
18
|
-
import { forwardRef } from "react";
|
|
19
|
-
import { jsx } from "react/jsx-runtime";
|
|
20
|
-
var ChevronLeftDoubleIcon = forwardRef(
|
|
21
|
-
function ChevronLeftDoubleIcon2(_a, ref) {
|
|
22
|
-
var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
|
|
23
|
-
return /* @__PURE__ */ jsx(
|
|
24
|
-
"svg",
|
|
25
|
-
__spreadProps(__spreadValues({
|
|
26
|
-
ref,
|
|
27
|
-
width: size,
|
|
28
|
-
height: size,
|
|
29
|
-
viewBox: "0 0 24 24",
|
|
30
|
-
fill: "none",
|
|
31
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
32
|
-
className
|
|
33
|
-
}, other), {
|
|
34
|
-
children: /* @__PURE__ */ jsx(
|
|
35
|
-
"path",
|
|
36
|
-
{
|
|
37
|
-
d: "M18 17L13 12L18 7M11 17L6 12L11 7",
|
|
38
|
-
stroke: "currentColor",
|
|
39
|
-
strokeWidth: "2",
|
|
40
|
-
strokeLinecap: "round",
|
|
41
|
-
strokeLinejoin: "round"
|
|
42
|
-
}
|
|
43
|
-
)
|
|
44
|
-
})
|
|
45
|
-
);
|
|
46
|
-
}
|
|
47
|
-
);
|
|
48
|
-
|
|
49
|
-
// src/icons/chevronRightDouble.tsx
|
|
50
|
-
import { forwardRef as forwardRef2 } from "react";
|
|
51
|
-
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
52
|
-
var ChevronRightDoubleIcon = forwardRef2(
|
|
53
|
-
function ChevronRightDoubleIcon2(_a, ref) {
|
|
54
|
-
var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
|
|
55
|
-
return /* @__PURE__ */ jsx2(
|
|
56
|
-
"svg",
|
|
57
|
-
__spreadProps(__spreadValues({
|
|
58
|
-
ref,
|
|
59
|
-
width: size,
|
|
60
|
-
height: size,
|
|
61
|
-
viewBox: "0 0 24 24",
|
|
62
|
-
fill: "none",
|
|
63
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
64
|
-
className
|
|
65
|
-
}, other), {
|
|
66
|
-
children: /* @__PURE__ */ jsx2(
|
|
67
|
-
"path",
|
|
68
|
-
{
|
|
69
|
-
d: "M6 17L11 12L6 7M13 17L18 12L13 7",
|
|
70
|
-
stroke: "currentColor",
|
|
71
|
-
strokeWidth: "2",
|
|
72
|
-
strokeLinecap: "round",
|
|
73
|
-
strokeLinejoin: "round"
|
|
74
|
-
}
|
|
75
|
-
)
|
|
76
|
-
})
|
|
77
|
-
);
|
|
78
|
-
}
|
|
79
|
-
);
|
|
80
|
-
|
|
81
15
|
// src/components/Pagination/Pagination.tsx
|
|
82
|
-
import { jsx
|
|
16
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
83
17
|
var PaginationPageChoice = /* @__PURE__ */ ((PaginationPageChoice2) => {
|
|
84
18
|
PaginationPageChoice2["FIRST"] = "FIRST";
|
|
85
19
|
PaginationPageChoice2["PREVIOUS"] = "PREVIOUS";
|
|
@@ -96,11 +30,11 @@ var Pagination = ({
|
|
|
96
30
|
className
|
|
97
31
|
}) => {
|
|
98
32
|
return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between px-2", className), children: [
|
|
99
|
-
totalRowsCaption && /* @__PURE__ */
|
|
33
|
+
totalRowsCaption && /* @__PURE__ */ jsx("div", { className: "flex-1 text-sm text-gray-700", children: totalRowsCaption }),
|
|
100
34
|
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
|
|
101
|
-
currentPageCation && /* @__PURE__ */
|
|
35
|
+
currentPageCation && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center text-sm font-medium text-gray-1000", children: currentPageCation }),
|
|
102
36
|
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
|
|
103
|
-
/* @__PURE__ */
|
|
37
|
+
/* @__PURE__ */ jsx(
|
|
104
38
|
Button,
|
|
105
39
|
{
|
|
106
40
|
variant: "outline",
|
|
@@ -108,10 +42,10 @@ var Pagination = ({
|
|
|
108
42
|
size: "sm",
|
|
109
43
|
onClick: () => onPageChange("FIRST" /* FIRST */),
|
|
110
44
|
disabled: !previousPageAvailable,
|
|
111
|
-
children: /* @__PURE__ */
|
|
45
|
+
children: /* @__PURE__ */ jsx(ChevronLeftDoubleIcon, { size: "16" })
|
|
112
46
|
}
|
|
113
47
|
),
|
|
114
|
-
/* @__PURE__ */
|
|
48
|
+
/* @__PURE__ */ jsx(
|
|
115
49
|
Button,
|
|
116
50
|
{
|
|
117
51
|
variant: "outline",
|
|
@@ -119,10 +53,10 @@ var Pagination = ({
|
|
|
119
53
|
size: "sm",
|
|
120
54
|
onClick: () => onPageChange("PREVIOUS" /* PREVIOUS */),
|
|
121
55
|
disabled: !previousPageAvailable,
|
|
122
|
-
children: /* @__PURE__ */
|
|
56
|
+
children: /* @__PURE__ */ jsx(ChevronLeftIcon, { size: "16" })
|
|
123
57
|
}
|
|
124
58
|
),
|
|
125
|
-
/* @__PURE__ */
|
|
59
|
+
/* @__PURE__ */ jsx(
|
|
126
60
|
Button,
|
|
127
61
|
{
|
|
128
62
|
variant: "outline",
|
|
@@ -130,10 +64,10 @@ var Pagination = ({
|
|
|
130
64
|
size: "sm",
|
|
131
65
|
onClick: () => onPageChange("NEXT" /* NEXT */),
|
|
132
66
|
disabled: !nextPageAvailable,
|
|
133
|
-
children: /* @__PURE__ */
|
|
67
|
+
children: /* @__PURE__ */ jsx(ChevronRightIcon, { size: "16" })
|
|
134
68
|
}
|
|
135
69
|
),
|
|
136
|
-
/* @__PURE__ */
|
|
70
|
+
/* @__PURE__ */ jsx(
|
|
137
71
|
Button,
|
|
138
72
|
{
|
|
139
73
|
variant: "outline",
|
|
@@ -141,7 +75,7 @@ var Pagination = ({
|
|
|
141
75
|
size: "sm",
|
|
142
76
|
onClick: () => onPageChange("LAST" /* LAST */),
|
|
143
77
|
disabled: !nextPageAvailable,
|
|
144
|
-
children: /* @__PURE__ */
|
|
78
|
+
children: /* @__PURE__ */ jsx(ChevronRightDoubleIcon, { size: "16" })
|
|
145
79
|
}
|
|
146
80
|
)
|
|
147
81
|
] })
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
import {
|
|
2
|
+
ChevronSelectorVerticalIcon
|
|
3
|
+
} from "../../chunk-FCKIVF33.mjs";
|
|
4
|
+
import "../../chunk-ZUDNZTUE.mjs";
|
|
1
5
|
import {
|
|
2
6
|
__objRest,
|
|
3
7
|
__spreadProps,
|
|
@@ -8,41 +12,7 @@ import {
|
|
|
8
12
|
// src/components/Select/Select.tsx
|
|
9
13
|
import * as React from "react";
|
|
10
14
|
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
11
|
-
|
|
12
|
-
// src/icons/chevronSelectorVertical.tsx
|
|
13
|
-
import { forwardRef } from "react";
|
|
14
|
-
import { jsx } from "react/jsx-runtime";
|
|
15
|
-
var ChevronSelectorVerticalIcon = forwardRef(
|
|
16
|
-
function ChevronSelectorVerticalIcon2(_a, ref) {
|
|
17
|
-
var _b = _a, { size = 24, className = "text-gray-1000" } = _b, other = __objRest(_b, ["size", "className"]);
|
|
18
|
-
return /* @__PURE__ */ jsx(
|
|
19
|
-
"svg",
|
|
20
|
-
__spreadProps(__spreadValues({
|
|
21
|
-
ref,
|
|
22
|
-
width: size,
|
|
23
|
-
height: size,
|
|
24
|
-
viewBox: "0 0 24 24",
|
|
25
|
-
fill: "none",
|
|
26
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
27
|
-
className
|
|
28
|
-
}, other), {
|
|
29
|
-
children: /* @__PURE__ */ jsx(
|
|
30
|
-
"path",
|
|
31
|
-
{
|
|
32
|
-
d: "M7 15L12 20L17 15M7 9L12 4L17 9",
|
|
33
|
-
stroke: "currentColor",
|
|
34
|
-
strokeWidth: "2",
|
|
35
|
-
strokeLinecap: "round",
|
|
36
|
-
strokeLinejoin: "round"
|
|
37
|
-
}
|
|
38
|
-
)
|
|
39
|
-
})
|
|
40
|
-
);
|
|
41
|
-
}
|
|
42
|
-
);
|
|
43
|
-
|
|
44
|
-
// src/components/Select/Select.tsx
|
|
45
|
-
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
15
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
46
16
|
var Select = SelectPrimitive.Root;
|
|
47
17
|
var SelectGroup = SelectPrimitive.Group;
|
|
48
18
|
var SelectValue = SelectPrimitive.Value;
|
|
@@ -66,7 +36,7 @@ var SelectTrigger = React.forwardRef((_a, ref) => {
|
|
|
66
36
|
}, props), {
|
|
67
37
|
children: [
|
|
68
38
|
children,
|
|
69
|
-
/* @__PURE__ */
|
|
39
|
+
/* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronSelectorVerticalIcon, { size: "16", className: "w-4 h-4 opacity-50" }) })
|
|
70
40
|
]
|
|
71
41
|
})
|
|
72
42
|
);
|
|
@@ -74,7 +44,7 @@ var SelectTrigger = React.forwardRef((_a, ref) => {
|
|
|
74
44
|
SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
|
|
75
45
|
var SelectContent = React.forwardRef((_a, ref) => {
|
|
76
46
|
var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
|
|
77
|
-
return /* @__PURE__ */
|
|
47
|
+
return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
|
|
78
48
|
SelectPrimitive.Content,
|
|
79
49
|
__spreadProps(__spreadValues({
|
|
80
50
|
ref,
|
|
@@ -85,7 +55,7 @@ var SelectContent = React.forwardRef((_a, ref) => {
|
|
|
85
55
|
),
|
|
86
56
|
position
|
|
87
57
|
}, props), {
|
|
88
|
-
children: /* @__PURE__ */
|
|
58
|
+
children: /* @__PURE__ */ jsx(
|
|
89
59
|
SelectPrimitive.Viewport,
|
|
90
60
|
{
|
|
91
61
|
className: cn(
|
|
@@ -101,7 +71,7 @@ var SelectContent = React.forwardRef((_a, ref) => {
|
|
|
101
71
|
SelectContent.displayName = SelectPrimitive.Content.displayName;
|
|
102
72
|
var SelectLabel = React.forwardRef((_a, ref) => {
|
|
103
73
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
104
|
-
return /* @__PURE__ */
|
|
74
|
+
return /* @__PURE__ */ jsx(
|
|
105
75
|
SelectPrimitive.Label,
|
|
106
76
|
__spreadValues({
|
|
107
77
|
ref,
|
|
@@ -112,7 +82,7 @@ var SelectLabel = React.forwardRef((_a, ref) => {
|
|
|
112
82
|
SelectLabel.displayName = SelectPrimitive.Label.displayName;
|
|
113
83
|
var SelectItem = React.forwardRef((_a, ref) => {
|
|
114
84
|
var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
|
|
115
|
-
return /* @__PURE__ */
|
|
85
|
+
return /* @__PURE__ */ jsx(
|
|
116
86
|
SelectPrimitive.Item,
|
|
117
87
|
__spreadProps(__spreadValues({
|
|
118
88
|
ref,
|
|
@@ -121,14 +91,14 @@ var SelectItem = React.forwardRef((_a, ref) => {
|
|
|
121
91
|
className
|
|
122
92
|
)
|
|
123
93
|
}, props), {
|
|
124
|
-
children: /* @__PURE__ */
|
|
94
|
+
children: /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
|
|
125
95
|
})
|
|
126
96
|
);
|
|
127
97
|
});
|
|
128
98
|
SelectItem.displayName = SelectPrimitive.Item.displayName;
|
|
129
99
|
var SelectSeparator = React.forwardRef((_a, ref) => {
|
|
130
100
|
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
131
|
-
return /* @__PURE__ */
|
|
101
|
+
return /* @__PURE__ */ jsx(
|
|
132
102
|
SelectPrimitive.Separator,
|
|
133
103
|
__spreadValues({
|
|
134
104
|
ref,
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
XCloseIcon
|
|
3
|
-
} from "../../chunk-ZT2KTEGZ.mjs";
|
|
4
1
|
import {
|
|
5
2
|
Button
|
|
6
|
-
} from "../../chunk-
|
|
3
|
+
} from "../../chunk-MABOGCOL.mjs";
|
|
4
|
+
import {
|
|
5
|
+
XCloseIcon
|
|
6
|
+
} from "../../chunk-FCKIVF33.mjs";
|
|
7
|
+
import "../../chunk-ZUDNZTUE.mjs";
|
|
7
8
|
import {
|
|
8
9
|
__objRest,
|
|
9
10
|
__spreadProps,
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
XCloseIcon
|
|
3
|
-
} from "../../chunk-ZT2KTEGZ.mjs";
|
|
4
1
|
import {
|
|
5
2
|
Button
|
|
6
|
-
} from "../../chunk-
|
|
3
|
+
} from "../../chunk-MABOGCOL.mjs";
|
|
4
|
+
import {
|
|
5
|
+
XCloseIcon
|
|
6
|
+
} from "../../chunk-FCKIVF33.mjs";
|
|
7
|
+
import "../../chunk-ZUDNZTUE.mjs";
|
|
7
8
|
import {
|
|
8
9
|
__objRest,
|
|
9
10
|
__spreadProps,
|