@vkzstudio/muza-ui 1.5.0 → 1.5.2
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/Accordion/Accordion.js +1 -1
- package/dist/components/Accordion/index.js +16 -0
- package/dist/components/Alert/Alert.js +6 -6
- package/dist/components/Alert/index.js +4 -0
- package/dist/components/ArticleCard/ArticleCard.js +11 -11
- package/dist/components/ArticleCard/index.js +7 -0
- package/dist/components/Avatar/index.js +6 -0
- package/dist/components/Breadcrumb/Breadcrumb.js +4 -4
- package/dist/components/Breadcrumb/index.js +10 -0
- package/dist/components/Button/Button.js +7 -7
- package/dist/components/Button/index.js +6 -0
- package/dist/components/ButtonArrow/index.js +5 -0
- package/dist/components/Calendar/Calendar.js +6 -6
- package/dist/components/Calendar/index.js +10 -0
- package/dist/components/Card/Card.js +7 -7
- package/dist/components/Card/index.js +5 -0
- package/dist/components/CardCheckboxAmount/CardCheckboxAmount.js +8 -8
- package/dist/components/CardCheckboxAmount/index.js +4 -0
- package/dist/components/Carousel/Carousel.js +5 -5
- package/dist/components/Carousel/index.js +9 -0
- package/dist/components/CategoryCard/CategoryCard.js +2 -2
- package/dist/components/CategoryCard/index.js +6 -0
- package/dist/components/CategoryIcon/index.js +5 -0
- package/dist/components/Checkbox/Checkbox.js +1 -1
- package/dist/components/Checkbox/index.js +4 -0
- package/dist/components/Chip/Chip.js +5 -5
- package/dist/components/Chip/index.js +5 -0
- package/dist/components/DataTable/index.js +5 -0
- package/dist/components/DatePicker/DatePicker.js +18 -18
- package/dist/components/DatePicker/index.js +7 -0
- package/dist/components/DatePickerButton/DatePickerButton.js +5 -5
- package/dist/components/DatePickerButton/index.js +5 -0
- package/dist/components/Dialog/Dialog.js +21 -20
- package/dist/components/Dialog/index.js +13 -0
- package/dist/components/DotDivider/index.js +5 -0
- package/dist/components/DropdownMenu/DropdownMenu.js +2 -2
- package/dist/components/DropdownMenu/index.js +14 -0
- package/dist/components/DropdownSearchMenu/DropdownSearchMenu.js +7 -6
- package/dist/components/DropdownSearchMenu/index.js +7 -0
- package/dist/components/EdgeButton/EdgeButton.js +1 -1
- package/dist/components/EdgeButton/index.js +5 -0
- package/dist/components/EmptyState/index.js +4 -0
- package/dist/components/ExpandableTable/ExpandableTable.js +13 -13
- package/dist/components/ExpandableTable/index.js +4 -0
- package/dist/components/FileUpload/FileItem.js +1 -1
- package/dist/components/FileUpload/FileUpload.js +7 -7
- package/dist/components/FileUpload/index.js +4 -0
- package/dist/components/Flex/Flex.js +5 -5
- package/dist/components/Flex/index.js +7 -0
- package/dist/components/FormField/FormField.js +9 -9
- package/dist/components/FormField/InputHint.js +4 -4
- package/dist/components/FormField/index.js +8 -0
- package/dist/components/HeartButton/index.js +5 -0
- package/dist/components/Icons/index.js +65 -0
- package/dist/components/InfoCard/InfoCard.js +45 -0
- package/dist/components/InfoCard/index.js +5 -0
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/index.js +4 -0
- package/dist/components/InputOTP/InputOTP.js +7 -7
- package/dist/components/InputOTP/index.js +7 -0
- package/dist/components/LanguageSwitcher/LanguageSwitcher.js +9 -9
- package/dist/components/LanguageSwitcher/index.js +6 -0
- package/dist/components/Lightbox/Lightbox.js +1 -1
- package/dist/components/Lightbox/index.js +8 -0
- package/dist/components/Loader/index.js +4 -0
- package/dist/components/LoginScreen/LoginScreen.js +4 -4
- package/dist/components/LoginScreen/index.js +8 -0
- package/dist/components/MultiSelect/MultiSelect.js +20 -20
- package/dist/components/MultiSelect/index.js +4 -0
- package/dist/components/MuzaUIProvider/MuzaUIProvider.js +5 -5
- package/dist/components/MuzaUIProvider/index.js +13 -0
- package/dist/components/MuzaUIProvider/theme/ThemeSetterModal.js +17 -17
- package/dist/components/OfferCard/OfferCard.js +11 -11
- package/dist/components/OfferCard/index.js +7 -0
- package/dist/components/PageContainer/index.js +5 -0
- package/dist/components/Pagination/Pagination.js +5 -5
- package/dist/components/Pagination/index.js +4 -0
- package/dist/components/PartnerCard/PartnerCard.js +10 -10
- package/dist/components/PartnerCard/index.js +6 -0
- package/dist/components/PasswordInput/PasswordInput.d.ts.map +1 -1
- package/dist/components/PasswordInput/PasswordInput.js +18 -17
- package/dist/components/PasswordInput/PasswordInput.stories.d.ts +2 -0
- package/dist/components/PasswordInput/PasswordInput.stories.d.ts.map +1 -1
- package/dist/components/PasswordInput/index.js +4 -0
- package/dist/components/PhoneInput/CountrySelector.js +5 -5
- package/dist/components/PhoneInput/PhoneInput.js +8 -8
- package/dist/components/PhoneInput/index.js +4 -0
- package/dist/components/PinIndicator/index.js +4 -0
- package/dist/components/Popover/index.js +7 -0
- package/dist/components/Progress/index.js +5 -0
- package/dist/components/Radio/index.js +5 -0
- package/dist/components/Rating/Rating.js +5 -5
- package/dist/components/Rating/index.js +4 -0
- package/dist/components/RatingBlock/RatingBlock.js +2 -2
- package/dist/components/RatingBlock/index.js +4 -0
- package/dist/components/Reorderable/index.js +9 -0
- package/dist/components/ReorderableTable/ReorderableTable.js +7 -6
- package/dist/components/ReorderableTable/index.js +4 -0
- package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.js +5 -5
- package/dist/components/ResponsiveLayoutTable/index.js +4 -0
- package/dist/components/SearchFilters/SearchFilters.js +11 -11
- package/dist/components/SearchFilters/index.js +5 -0
- package/dist/components/Searchbar/index.js +4 -0
- package/dist/components/SegmentedControl/index.js +5 -0
- package/dist/components/SegmentedIconControl/index.js +5 -0
- package/dist/components/Select/Select.js +17 -17
- package/dist/components/Select/index.js +4 -0
- package/dist/components/Sheet/Sheet.js +13 -12
- package/dist/components/Sheet/index.js +15 -0
- package/dist/components/Skeleton/index.js +4 -0
- package/dist/components/Slider/index.js +7 -0
- package/dist/components/SliderIndicators/index.js +4 -0
- package/dist/components/Stepper/Stepper.js +6 -6
- package/dist/components/Stepper/index.js +4 -0
- package/dist/components/SwipeButton/SwipeButton.js +14 -14
- package/dist/components/SwipeButton/index.js +4 -0
- package/dist/components/Switch/index.js +4 -0
- package/dist/components/Tag/index.js +5 -0
- package/dist/components/TextEditor/EditorToolbar.js +15 -15
- package/dist/components/TextEditor/LinkBubbleMenu.js +9 -9
- package/dist/components/TextEditor/TextEditor.js +12 -12
- package/dist/components/TextEditor/index.js +9 -0
- package/dist/components/Textarea/Textarea.js +1 -1
- package/dist/components/Textarea/index.js +4 -0
- package/dist/components/TimePicker/TimePicker.js +4 -4
- package/dist/components/TimePicker/index.js +4 -0
- package/dist/components/Toast/Toast.js +7 -7
- package/dist/components/Toast/index.js +7 -0
- package/dist/components/Toggle/index.js +5 -0
- package/dist/components/ToggleCheckButton/index.js +5 -0
- package/dist/components/ToggleGroup/ToggleGroup.js +4 -4
- package/dist/components/ToggleGroup/index.js +5 -0
- package/dist/components/Tooltip/Tooltip.js +6 -6
- package/dist/components/Tooltip/index.js +7 -0
- package/dist/components/TransactionsListView/TransactionsListView.js +2 -2
- package/dist/components/TransactionsListView/index.js +5 -0
- package/dist/components/Typography/index.js +5 -0
- package/dist/components/TypographyLink/index.js +5 -0
- package/dist/components/UniversalFooter/UniversalFooter.js +2 -2
- package/dist/components/UniversalFooter/index.js +18 -0
- package/dist/components/VoucherCard/VoucherCard.js +2 -2
- package/dist/components/VoucherCard/index.js +7 -0
- package/dist/index.js +429 -429
- package/dist/utils/index.js +13 -0
- package/package.json +22 -5
|
@@ -4,11 +4,11 @@ import { useControllableState as j } from "@radix-ui/react-use-controllable-stat
|
|
|
4
4
|
import { cva as w } from "class-variance-authority";
|
|
5
5
|
import { format as v } from "date-fns";
|
|
6
6
|
import { useMuzaTranslations as M } from "../../translations/TranslationContext.js";
|
|
7
|
+
import { cn as m } from "../../utils/cn.js";
|
|
7
8
|
import { DatePicker as T } from "../DatePicker/DatePicker.js";
|
|
8
|
-
import {
|
|
9
|
+
import { CalendarBold as R } from "@solar-icons/react-perf";
|
|
9
10
|
import { XClose as E } from "../Icons/CustomIcons.js";
|
|
10
|
-
import {
|
|
11
|
-
import { cn as m } from "../../utils/cn.js";
|
|
11
|
+
import { PopoverTrigger as A, PopoverAnchor as U } from "../Popover/Popover.js";
|
|
12
12
|
import { Typography as $ } from "../Typography/Typography.js";
|
|
13
13
|
const L = w(
|
|
14
14
|
[
|
|
@@ -106,7 +106,7 @@ const L = w(
|
|
|
106
106
|
triggerProps: d
|
|
107
107
|
}, u) => {
|
|
108
108
|
const g = e === "default" && !i ? "iconOnly" : e, p = /* @__PURE__ */ a(
|
|
109
|
-
|
|
109
|
+
R,
|
|
110
110
|
{
|
|
111
111
|
"aria-hidden": !0,
|
|
112
112
|
className: m(
|
|
@@ -139,7 +139,7 @@ const L = w(
|
|
|
139
139
|
i && /* @__PURE__ */ a(G, { disabled: t })
|
|
140
140
|
]
|
|
141
141
|
}
|
|
142
|
-
) : /* @__PURE__ */ a(
|
|
142
|
+
) : /* @__PURE__ */ a(U, { asChild: !0, children: /* @__PURE__ */ B(
|
|
143
143
|
"div",
|
|
144
144
|
{
|
|
145
145
|
className: m(
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { jsx as a, jsxs as
|
|
2
|
-
import { forwardRef as
|
|
1
|
+
import { jsx as a, jsxs as p, Fragment as N } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as n, Children as L, isValidElement as w } from "react";
|
|
3
3
|
import * as e from "@radix-ui/react-dialog";
|
|
4
|
-
import { typographyVariants as T } from "../Typography/Typography.js";
|
|
5
4
|
import { useMuzaTranslations as D } from "../../translations/TranslationContext.js";
|
|
6
5
|
import { cn as r } from "../../utils/cn.js";
|
|
7
|
-
import
|
|
8
|
-
|
|
6
|
+
import "@solar-icons/react-perf";
|
|
7
|
+
import { XClose as T } from "../Icons/CustomIcons.js";
|
|
8
|
+
import { typographyVariants as z } from "../Typography/Typography.js";
|
|
9
|
+
const q = e.Root, G = e.Title, I = e.Description, k = ({
|
|
9
10
|
className: i,
|
|
10
11
|
ariaLabel: o
|
|
11
12
|
}) => /* @__PURE__ */ a(
|
|
@@ -16,9 +17,9 @@ const X = e.Root, q = e.Title, G = e.Description, k = ({
|
|
|
16
17
|
i
|
|
17
18
|
),
|
|
18
19
|
"aria-label": o,
|
|
19
|
-
children: /* @__PURE__ */ a(
|
|
20
|
+
children: /* @__PURE__ */ a(T, { className: "size-icon-medium" })
|
|
20
21
|
}
|
|
21
|
-
), F =
|
|
22
|
+
), F = n(
|
|
22
23
|
({
|
|
23
24
|
className: i,
|
|
24
25
|
icon: o,
|
|
@@ -38,15 +39,15 @@ const X = e.Root, q = e.Title, G = e.Description, k = ({
|
|
|
38
39
|
i
|
|
39
40
|
),
|
|
40
41
|
...b,
|
|
41
|
-
children: /* @__PURE__ */
|
|
42
|
-
/* @__PURE__ */
|
|
42
|
+
children: /* @__PURE__ */ p("div", { className: "flex items-center gap-comp-dialog-gap", children: [
|
|
43
|
+
/* @__PURE__ */ p("div", { className: "flex min-w-0 flex-1 items-center gap-sm", children: [
|
|
43
44
|
o && /* @__PURE__ */ a("span", { className: "text-icon-brand-def [&>svg]:size-icon-medium", children: o }),
|
|
44
45
|
/* @__PURE__ */ a(
|
|
45
46
|
e.Title,
|
|
46
47
|
{
|
|
47
48
|
className: r(
|
|
48
49
|
"min-w-0 flex-1 text-text-dark-primary-def",
|
|
49
|
-
|
|
50
|
+
z({
|
|
50
51
|
variant: "title",
|
|
51
52
|
size: "md",
|
|
52
53
|
weight: "medium",
|
|
@@ -70,7 +71,7 @@ const X = e.Root, q = e.Title, G = e.Description, k = ({
|
|
|
70
71
|
}
|
|
71
72
|
);
|
|
72
73
|
F.displayName = "DialogHeader";
|
|
73
|
-
const H =
|
|
74
|
+
const H = n(
|
|
74
75
|
({ className: i, children: o, ...t }, s) => /* @__PURE__ */ a(
|
|
75
76
|
"div",
|
|
76
77
|
{
|
|
@@ -85,7 +86,7 @@ const H = p(
|
|
|
85
86
|
)
|
|
86
87
|
);
|
|
87
88
|
H.displayName = "DialogFooter";
|
|
88
|
-
const
|
|
89
|
+
const J = e.Trigger, j = e.Portal, K = e.Close, C = n(({ className: i, ...o }, t) => /* @__PURE__ */ a(
|
|
89
90
|
e.Overlay,
|
|
90
91
|
{
|
|
91
92
|
ref: t,
|
|
@@ -97,7 +98,7 @@ const I = e.Trigger, j = e.Portal, J = e.Close, C = p(({ className: i, ...o }, t
|
|
|
97
98
|
}
|
|
98
99
|
));
|
|
99
100
|
C.displayName = e.Overlay.displayName;
|
|
100
|
-
const O =
|
|
101
|
+
const O = n(
|
|
101
102
|
({
|
|
102
103
|
className: i,
|
|
103
104
|
children: o,
|
|
@@ -138,7 +139,7 @@ const O = p(
|
|
|
138
139
|
i
|
|
139
140
|
),
|
|
140
141
|
...g,
|
|
141
|
-
children: x || v ? /* @__PURE__ */
|
|
142
|
+
children: x || v ? /* @__PURE__ */ p(N, { children: [
|
|
142
143
|
u,
|
|
143
144
|
/* @__PURE__ */ a(
|
|
144
145
|
"div",
|
|
@@ -151,7 +152,7 @@ const O = p(
|
|
|
151
152
|
}
|
|
152
153
|
),
|
|
153
154
|
h
|
|
154
|
-
] }) : /* @__PURE__ */
|
|
155
|
+
] }) : /* @__PURE__ */ p(N, { children: [
|
|
155
156
|
o,
|
|
156
157
|
/* @__PURE__ */ a(
|
|
157
158
|
k,
|
|
@@ -167,14 +168,14 @@ const O = p(
|
|
|
167
168
|
);
|
|
168
169
|
O.displayName = e.Content.displayName;
|
|
169
170
|
export {
|
|
170
|
-
|
|
171
|
-
|
|
171
|
+
q as Dialog,
|
|
172
|
+
K as DialogClose,
|
|
172
173
|
O as DialogContent,
|
|
173
|
-
|
|
174
|
+
I as DialogDescription,
|
|
174
175
|
H as DialogFooter,
|
|
175
176
|
F as DialogHeader,
|
|
176
177
|
C as DialogOverlay,
|
|
177
178
|
j as DialogPortal,
|
|
178
|
-
|
|
179
|
-
|
|
179
|
+
G as DialogTitle,
|
|
180
|
+
J as DialogTrigger
|
|
180
181
|
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Dialog as l, DialogClose as a, DialogContent as g, DialogDescription as D, DialogFooter as e, DialogHeader as r, DialogOverlay as t, DialogPortal as n, DialogTitle as p, DialogTrigger as s } from "./Dialog.js";
|
|
2
|
+
export {
|
|
3
|
+
l as Dialog,
|
|
4
|
+
a as DialogClose,
|
|
5
|
+
g as DialogContent,
|
|
6
|
+
D as DialogDescription,
|
|
7
|
+
e as DialogFooter,
|
|
8
|
+
r as DialogHeader,
|
|
9
|
+
t as DialogOverlay,
|
|
10
|
+
n as DialogPortal,
|
|
11
|
+
p as DialogTitle,
|
|
12
|
+
s as DialogTrigger
|
|
13
|
+
};
|
|
@@ -2,10 +2,10 @@ import { jsx as e, jsxs as b, Fragment as N } from "react/jsx-runtime";
|
|
|
2
2
|
import * as m from "react";
|
|
3
3
|
import * as a from "@radix-ui/react-dropdown-menu";
|
|
4
4
|
import { cva as y } from "class-variance-authority";
|
|
5
|
-
import { Button as I } from "../Button/Button.js";
|
|
6
5
|
import { cn as s } from "../../utils/cn.js";
|
|
7
|
-
import {
|
|
6
|
+
import { Button as I } from "../Button/Button.js";
|
|
8
7
|
import { Flex as D } from "../Flex/Flex.js";
|
|
8
|
+
import { UnreadOutline as x } from "@solar-icons/react-perf";
|
|
9
9
|
import { Typography as f } from "../Typography/Typography.js";
|
|
10
10
|
const g = m.createContext(null), M = () => m.useContext(g), B = ({ ...o }) => /* @__PURE__ */ e(a.Root, { "data-slot": "dropdown-menu", ...o }), F = ({ ...o }) => /* @__PURE__ */ e(a.Portal, { "data-slot": "dropdown-menu-portal", ...o }), H = ({ ...o }) => /* @__PURE__ */ e(
|
|
11
11
|
a.Trigger,
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { DropdownMenu as e, DropdownMenuButtonItem as r, DropdownMenuCheckboxItem as d, DropdownMenuContent as p, DropdownMenuItem as t, DropdownMenuPortal as u, DropdownMenuRadioGroup as w, DropdownMenuRadioItem as M, DropdownMenuSeparator as D, DropdownMenuTrigger as a, dropdownMenuItemVariants as m } from "./DropdownMenu.js";
|
|
2
|
+
export {
|
|
3
|
+
e as DropdownMenu,
|
|
4
|
+
r as DropdownMenuButtonItem,
|
|
5
|
+
d as DropdownMenuCheckboxItem,
|
|
6
|
+
p as DropdownMenuContent,
|
|
7
|
+
t as DropdownMenuItem,
|
|
8
|
+
u as DropdownMenuPortal,
|
|
9
|
+
w as DropdownMenuRadioGroup,
|
|
10
|
+
M as DropdownMenuRadioItem,
|
|
11
|
+
D as DropdownMenuSeparator,
|
|
12
|
+
a as DropdownMenuTrigger,
|
|
13
|
+
m as dropdownMenuItemVariants
|
|
14
|
+
};
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { jsx as t, jsxs as z } from "react/jsx-runtime";
|
|
2
2
|
import * as r from "react";
|
|
3
|
-
import { Popover as T, PopoverTrigger as Y, PopoverContent as j } from "../Popover/Popover.js";
|
|
4
|
-
import { MagnifyingGlass as K } from "../Icons/CustomIcons.js";
|
|
5
3
|
import { cn as N } from "../../utils/cn.js";
|
|
4
|
+
import "@solar-icons/react-perf";
|
|
5
|
+
import { MagnifyingGlass as T } from "../Icons/CustomIcons.js";
|
|
6
|
+
import { Popover as Y, PopoverTrigger as j, PopoverContent as K } from "../Popover/Popover.js";
|
|
6
7
|
import { typographyVariants as U, Typography as A } from "../Typography/Typography.js";
|
|
7
8
|
const R = r.createContext(null), E = () => {
|
|
8
9
|
const s = r.useContext(R);
|
|
@@ -44,8 +45,8 @@ const R = r.createContext(null), E = () => {
|
|
|
44
45
|
}),
|
|
45
46
|
[y, h, i, D, b, u, x]
|
|
46
47
|
);
|
|
47
|
-
return /* @__PURE__ */ t(R.Provider, { value: o, children: /* @__PURE__ */ t(
|
|
48
|
-
}, $ = (s) => /* @__PURE__ */ t(
|
|
48
|
+
return /* @__PURE__ */ t(R.Provider, { value: o, children: /* @__PURE__ */ t(Y, { open: i, onOpenChange: D, children: s }) });
|
|
49
|
+
}, $ = (s) => /* @__PURE__ */ t(j, { "data-slot": "dropdown-search-menu-trigger", ...s }), q = ({
|
|
49
50
|
className: s,
|
|
50
51
|
searchPlaceholder: c,
|
|
51
52
|
searchAriaLabel: p,
|
|
@@ -94,7 +95,7 @@ const R = r.createContext(null), E = () => {
|
|
|
94
95
|
}
|
|
95
96
|
};
|
|
96
97
|
return /* @__PURE__ */ z(
|
|
97
|
-
|
|
98
|
+
K,
|
|
98
99
|
{
|
|
99
100
|
align: m,
|
|
100
101
|
sideOffset: w,
|
|
@@ -110,7 +111,7 @@ const R = r.createContext(null), E = () => {
|
|
|
110
111
|
children: [
|
|
111
112
|
/* @__PURE__ */ t("div", { className: "p-sm", children: /* @__PURE__ */ z("div", { className: "flex items-center gap-sm rounded-comp-dropdown-menu-radius-item px-lg py-sm", children: [
|
|
112
113
|
/* @__PURE__ */ t(
|
|
113
|
-
|
|
114
|
+
T,
|
|
114
115
|
{
|
|
115
116
|
"aria-hidden": "true",
|
|
116
117
|
className: "size-icon-small shrink-0 text-icon-dark-secondary-def"
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { DropdownSearchMenu as o, DropdownSearchMenuContent as n, DropdownSearchMenuItem as p, DropdownSearchMenuTrigger as a } from "./DropdownSearchMenu.js";
|
|
2
|
+
export {
|
|
3
|
+
o as DropdownSearchMenu,
|
|
4
|
+
n as DropdownSearchMenuContent,
|
|
5
|
+
p as DropdownSearchMenuItem,
|
|
6
|
+
a as DropdownSearchMenuTrigger
|
|
7
|
+
};
|
|
@@ -2,8 +2,8 @@ import { jsx as e, jsxs as i, Fragment as a } from "react/jsx-runtime";
|
|
|
2
2
|
import s from "react";
|
|
3
3
|
import { Slot as h, Slottable as l } from "@radix-ui/react-slot";
|
|
4
4
|
import { cva as x } from "class-variance-authority";
|
|
5
|
-
import { sharedButtonVariants as u } from "../Button/buttonVariants.js";
|
|
6
5
|
import { cn as y } from "../../utils/cn.js";
|
|
6
|
+
import { sharedButtonVariants as u } from "../Button/buttonVariants.js";
|
|
7
7
|
import { Typography as j } from "../Typography/Typography.js";
|
|
8
8
|
const _ = x(
|
|
9
9
|
[
|
|
@@ -2,11 +2,11 @@ import { jsxs as m, jsx as t, Fragment as G } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState as F, useRef as _, useEffect as O, useCallback as W, useMemo as K, Fragment as q } from "react";
|
|
3
3
|
import { cva as J } from "class-variance-authority";
|
|
4
4
|
import { useBreakpoints as Q } from "../../hooks/use-is-breakpoint.js";
|
|
5
|
-
import { Table as U, TableHeader as X, TableRow as B, TableHead as Y, TableRowGroup as Z, TableCell as M } from "./Table.js";
|
|
6
5
|
import { cn as l } from "../../utils/cn.js";
|
|
6
|
+
import { Flex as B } from "../Flex/Flex.js";
|
|
7
|
+
import { AltArrowDownOutline as U } from "@solar-icons/react-perf";
|
|
7
8
|
import { Typography as g } from "../Typography/Typography.js";
|
|
8
|
-
import {
|
|
9
|
-
import { Flex as $ } from "../Flex/Flex.js";
|
|
9
|
+
import { Table as X, TableHeader as Y, TableRow as M, TableHead as Z, TableRowGroup as w, TableCell as $ } from "./Table.js";
|
|
10
10
|
const j = J("", {
|
|
11
11
|
variants: {
|
|
12
12
|
responsive: {
|
|
@@ -82,11 +82,11 @@ const j = J("", {
|
|
|
82
82
|
E(a.responsive, x) && (e === -1 && (e = d), i = d);
|
|
83
83
|
}), { firstVisibleIndex: e, lastVisibleIndex: i };
|
|
84
84
|
}, [o, x]), y = !n && N, V = !!n || y;
|
|
85
|
-
return /* @__PURE__ */ m(
|
|
86
|
-
/* @__PURE__ */ t(
|
|
85
|
+
return /* @__PURE__ */ m(X, { children: [
|
|
86
|
+
/* @__PURE__ */ t(Y, { children: /* @__PURE__ */ t(M, { className: "[&>th]:border-0 [&>th]:bg-transparent", children: o.map((e, i) => {
|
|
87
87
|
const a = z(e.responsive) ? e.responsive : void 0, d = e.responsive === !1;
|
|
88
88
|
return /* @__PURE__ */ t(
|
|
89
|
-
|
|
89
|
+
Z,
|
|
90
90
|
{
|
|
91
91
|
className: l(
|
|
92
92
|
e.className,
|
|
@@ -102,14 +102,14 @@ const j = J("", {
|
|
|
102
102
|
var c;
|
|
103
103
|
const i = e.id, a = v.has(i) || y, d = L.has(i);
|
|
104
104
|
return /* @__PURE__ */ m(
|
|
105
|
-
|
|
105
|
+
w,
|
|
106
106
|
{
|
|
107
107
|
className: l({
|
|
108
108
|
"group hover:[&_td]:border-stroke-brand-hover": n
|
|
109
109
|
}),
|
|
110
110
|
children: [
|
|
111
111
|
/* @__PURE__ */ m(
|
|
112
|
-
|
|
112
|
+
M,
|
|
113
113
|
{
|
|
114
114
|
expandablePosition: n && (v.has(i) || d) || y ? "top" : "none",
|
|
115
115
|
className: l("focus-visible-default", {
|
|
@@ -126,7 +126,7 @@ const j = J("", {
|
|
|
126
126
|
o.map((r, h) => {
|
|
127
127
|
const T = z(r.responsive) ? r.responsive : void 0, b = r.responsive === !1;
|
|
128
128
|
return /* @__PURE__ */ t(
|
|
129
|
-
|
|
129
|
+
$,
|
|
130
130
|
{
|
|
131
131
|
isFirst: h === P,
|
|
132
132
|
isLast: h === A && !n,
|
|
@@ -151,14 +151,14 @@ const j = J("", {
|
|
|
151
151
|
);
|
|
152
152
|
}),
|
|
153
153
|
n && /* @__PURE__ */ t(
|
|
154
|
-
|
|
154
|
+
$,
|
|
155
155
|
{
|
|
156
156
|
className: "w-[68px]",
|
|
157
157
|
isFirst: !1,
|
|
158
158
|
isLast: !0,
|
|
159
159
|
expandablePosition: v.has(i) || d ? "top" : "none",
|
|
160
160
|
children: /* @__PURE__ */ t(
|
|
161
|
-
|
|
161
|
+
U,
|
|
162
162
|
{
|
|
163
163
|
className: l(
|
|
164
164
|
"text-text-brand-def transition-transform duration-300",
|
|
@@ -203,7 +203,7 @@ const j = J("", {
|
|
|
203
203
|
children: [
|
|
204
204
|
N && /* @__PURE__ */ m(G, { children: [
|
|
205
205
|
/* @__PURE__ */ t(
|
|
206
|
-
|
|
206
|
+
B,
|
|
207
207
|
{
|
|
208
208
|
gap: "md",
|
|
209
209
|
direction: "column",
|
|
@@ -211,7 +211,7 @@ const j = J("", {
|
|
|
211
211
|
children: o.filter(
|
|
212
212
|
(r) => r.moveToExpandable !== !1 && r.responsive !== void 0 && r.responsive !== "xs" && !E(r.responsive, x)
|
|
213
213
|
).map((r, h) => /* @__PURE__ */ m(
|
|
214
|
-
|
|
214
|
+
B,
|
|
215
215
|
{
|
|
216
216
|
align: "center",
|
|
217
217
|
justify: "between",
|
|
@@ -2,8 +2,8 @@ import { jsxs as p, jsx as t } from "react/jsx-runtime";
|
|
|
2
2
|
import * as f from "react";
|
|
3
3
|
import { cva as _ } from "class-variance-authority";
|
|
4
4
|
import { useMuzaTranslations as B } from "../../translations/TranslationContext.js";
|
|
5
|
-
import { Flex as z } from "../Flex/Flex.js";
|
|
6
5
|
import { cn as a } from "../../utils/cn.js";
|
|
6
|
+
import { Flex as z } from "../Flex/Flex.js";
|
|
7
7
|
import { GalleryOutline as M, FileTextBold as j, CloseCircleBold as D, DownloadMinimalisticBold as I, TrashBinTrashBold as R } from "@solar-icons/react-perf";
|
|
8
8
|
import { Typography as u } from "../Typography/Typography.js";
|
|
9
9
|
const S = (e, l, i) => {
|
|
@@ -2,13 +2,13 @@ import { jsxs as n, jsx as a, Fragment as ne } from "react/jsx-runtime";
|
|
|
2
2
|
import * as v from "react";
|
|
3
3
|
import { cva as O } from "class-variance-authority";
|
|
4
4
|
import { useDropzone as me } from "react-dropzone";
|
|
5
|
-
import { FileItem as Y } from "./FileItem.js";
|
|
6
5
|
import { useMuzaTranslations as ge } from "../../translations/TranslationContext.js";
|
|
7
|
-
import {
|
|
6
|
+
import { cn as Y } from "../../utils/cn.js";
|
|
8
7
|
import { Flex as Z } from "../Flex/Flex.js";
|
|
9
|
-
import {
|
|
8
|
+
import { FormField as xe } from "../FormField/FormField.js";
|
|
10
9
|
import { CloudUploadOutline as he } from "@solar-icons/react-perf";
|
|
11
10
|
import { Typography as M } from "../Typography/Typography.js";
|
|
11
|
+
import { FileItem as q } from "./FileItem.js";
|
|
12
12
|
const be = O(
|
|
13
13
|
[
|
|
14
14
|
"group relative cursor-pointer rounded-xl border-1 border-dashed transition-colors",
|
|
@@ -159,7 +159,7 @@ const be = O(
|
|
|
159
159
|
{
|
|
160
160
|
ref: ie,
|
|
161
161
|
tabIndex: p ? void 0 : 0,
|
|
162
|
-
className:
|
|
162
|
+
className: Y(
|
|
163
163
|
be({
|
|
164
164
|
error: te || J || L,
|
|
165
165
|
disabled: p,
|
|
@@ -186,7 +186,7 @@ const be = O(
|
|
|
186
186
|
size: "sm",
|
|
187
187
|
component: "p",
|
|
188
188
|
weight: "regular",
|
|
189
|
-
className:
|
|
189
|
+
className: Y(
|
|
190
190
|
ve({
|
|
191
191
|
disabled: p,
|
|
192
192
|
className: P
|
|
@@ -226,7 +226,7 @@ const be = O(
|
|
|
226
226
|
),
|
|
227
227
|
(x.length > 0 || h.length > 0) && /* @__PURE__ */ n(Z, { component: "ul", direction: "column", gap: "md", children: [
|
|
228
228
|
x.map((e, s) => /* @__PURE__ */ a(
|
|
229
|
-
|
|
229
|
+
q,
|
|
230
230
|
{
|
|
231
231
|
source: "url",
|
|
232
232
|
url: e.url,
|
|
@@ -245,7 +245,7 @@ const be = O(
|
|
|
245
245
|
h.map((e, s) => {
|
|
246
246
|
const t = oe[s], c = t == null ? void 0 : t.uploaded;
|
|
247
247
|
return g && !c ? null : /* @__PURE__ */ a(
|
|
248
|
-
|
|
248
|
+
q,
|
|
249
249
|
{
|
|
250
250
|
source: "file",
|
|
251
251
|
file: e,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as e from "react";
|
|
2
2
|
import { cva as d } from "class-variance-authority";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { cn as v } from "../../utils/cn.js";
|
|
4
|
+
import { spacingVariantDefinitions as j, getSpacingVariants as g } from "../../utils/spacing.js";
|
|
5
5
|
const V = {
|
|
6
6
|
direction: {
|
|
7
7
|
row: "flex-row",
|
|
@@ -36,7 +36,7 @@ const V = {
|
|
|
36
36
|
initial: "flex-initial",
|
|
37
37
|
none: "flex-none"
|
|
38
38
|
},
|
|
39
|
-
...
|
|
39
|
+
...j
|
|
40
40
|
}, h = {
|
|
41
41
|
direction: "row",
|
|
42
42
|
wrap: "nowrap",
|
|
@@ -61,12 +61,12 @@ const V = {
|
|
|
61
61
|
component: m = "div",
|
|
62
62
|
...p
|
|
63
63
|
}, x) => {
|
|
64
|
-
const w = m ?? "div", y =
|
|
64
|
+
const w = m ?? "div", y = g({ gap: f, padding: c, margin: u });
|
|
65
65
|
return e.createElement(
|
|
66
66
|
w,
|
|
67
67
|
{
|
|
68
68
|
ref: x,
|
|
69
|
-
className:
|
|
69
|
+
className: v(
|
|
70
70
|
b({
|
|
71
71
|
direction: n,
|
|
72
72
|
wrap: s,
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsxs as e, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as N } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { cn as g } from "../../utils/cn.js";
|
|
4
|
+
import { InfoCircleBold as j } from "@solar-icons/react-perf";
|
|
5
|
+
import { Tooltip as C, TooltipTrigger as F, TooltipContent as T } from "../Tooltip/Tooltip.js";
|
|
6
|
+
import { InputHint as w } from "./InputHint.js";
|
|
4
7
|
import { InputLabel as s } from "./InputLabel.js";
|
|
5
|
-
import { Tooltip as j, TooltipTrigger as C, TooltipContent as F } from "../Tooltip/Tooltip.js";
|
|
6
|
-
import { cn as T } from "../../utils/cn.js";
|
|
7
|
-
import { InfoCircleBold as w } from "@solar-icons/react-perf";
|
|
8
8
|
const y = N(
|
|
9
9
|
({
|
|
10
10
|
children: l,
|
|
@@ -21,15 +21,15 @@ const y = N(
|
|
|
21
21
|
labelRight: i,
|
|
22
22
|
className: v
|
|
23
23
|
}, u) => {
|
|
24
|
-
const f = h ?? (d ? /* @__PURE__ */ e(
|
|
25
|
-
/* @__PURE__ */ o(
|
|
26
|
-
/* @__PURE__ */ o(
|
|
24
|
+
const f = h ?? (d ? /* @__PURE__ */ e(C, { children: [
|
|
25
|
+
/* @__PURE__ */ o(F, { asChild: !0, children: /* @__PURE__ */ o(j, { className: "cursor-help text-comp-info-ico-def hover:text-comp-info-ico-hover" }) }),
|
|
26
|
+
/* @__PURE__ */ o(T, { children: d })
|
|
27
27
|
] }) : void 0);
|
|
28
28
|
return /* @__PURE__ */ e(
|
|
29
29
|
"div",
|
|
30
30
|
{
|
|
31
31
|
ref: u,
|
|
32
|
-
className:
|
|
32
|
+
className: g("flex flex-col gap-comp-input-gap", v),
|
|
33
33
|
children: [
|
|
34
34
|
(r || i) && (f || i ? /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: [
|
|
35
35
|
/* @__PURE__ */ e("div", { className: "flex items-center gap-2xs", children: [
|
|
@@ -57,7 +57,7 @@ const y = N(
|
|
|
57
57
|
}
|
|
58
58
|
)),
|
|
59
59
|
l,
|
|
60
|
-
c && /* @__PURE__ */ o(
|
|
60
|
+
c && /* @__PURE__ */ o(w, { error: a, id: x, children: c })
|
|
61
61
|
]
|
|
62
62
|
}
|
|
63
63
|
);
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { cn as m } from "../../utils/cn.js";
|
|
3
|
+
import { Typography as n } from "../Typography/Typography.js";
|
|
4
4
|
const a = ({
|
|
5
5
|
children: t,
|
|
6
6
|
error: o,
|
|
7
7
|
id: r,
|
|
8
8
|
className: p
|
|
9
9
|
}) => /* @__PURE__ */ e(
|
|
10
|
-
|
|
10
|
+
n,
|
|
11
11
|
{
|
|
12
12
|
component: "span",
|
|
13
13
|
size: "sm",
|
|
14
14
|
weight: "regular",
|
|
15
|
-
className:
|
|
15
|
+
className: m(
|
|
16
16
|
"text-comp-input-text-secondary",
|
|
17
17
|
{ "text-comp-input-text-error": o },
|
|
18
18
|
p
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
export * from "@solar-icons/react-perf";
|
|
2
|
+
import { ArrowsSorting as r, Barcode as t, BulletList as i, CZK as l, CheckMinus as n, Checked as g, Coins as u, Coins2Bold as d, Coins2Outline as s, Coins3 as C, Colour as c, CurlyBrace as y, CurlyBrace2 as B, Cutlery as p, DoubleArrowRight as M, EUR as L, EditorBold as k, EditorItalic as x, EditorStrikethrough as m, EmptyCircle as z, ExternalLink as E, EyeClosed as S, Facebook as P, Fingerprint as f, FlagCz as F, FlagEn as H, FlagSk as h, HalfStar as T, LayoutHorizontal as b, LayoutVertical as w, Linkedin as A, MagnifyingGlass as R, MenuDotsVertical as G, MuzaIcon as I, NumberList as V, Plus as D, RemoveTextFormat as K, Reorder as X, SKMap as v, Scan as N, Spinner as O, TextH1 as U, TextH2 as Y, TextH3 as Z, XClose as j, XTwitter as q, Youtube as J } from "./CustomIcons.js";
|
|
3
|
+
import { LogoMuza as W, LogoMuzaIn as _, LogoMuzaMarket as $, LogoMuzaPay as oo, LogoMuzaPayPokladna as eo } from "./CustomLogos.js";
|
|
4
|
+
import { AppStoreBadge as ro, ApplePayBadge as to, GooglePayBadge as io, GooglePlayBadge as lo, HuaweiBadge as no, MastercardBadge as go, VisaBadge as uo } from "./CustomBadges.js";
|
|
5
|
+
export {
|
|
6
|
+
ro as AppStoreBadge,
|
|
7
|
+
to as ApplePayBadge,
|
|
8
|
+
r as ArrowsSorting,
|
|
9
|
+
t as Barcode,
|
|
10
|
+
i as BulletList,
|
|
11
|
+
l as CZK,
|
|
12
|
+
n as CheckMinus,
|
|
13
|
+
g as Checked,
|
|
14
|
+
u as Coins,
|
|
15
|
+
d as Coins2Bold,
|
|
16
|
+
s as Coins2Outline,
|
|
17
|
+
C as Coins3,
|
|
18
|
+
c as Colour,
|
|
19
|
+
y as CurlyBrace,
|
|
20
|
+
B as CurlyBrace2,
|
|
21
|
+
p as Cutlery,
|
|
22
|
+
M as DoubleArrowRight,
|
|
23
|
+
L as EUR,
|
|
24
|
+
k as EditorBold,
|
|
25
|
+
x as EditorItalic,
|
|
26
|
+
m as EditorStrikethrough,
|
|
27
|
+
z as EmptyCircle,
|
|
28
|
+
E as ExternalLink,
|
|
29
|
+
S as EyeClosed,
|
|
30
|
+
P as Facebook,
|
|
31
|
+
f as Fingerprint,
|
|
32
|
+
F as FlagCz,
|
|
33
|
+
H as FlagEn,
|
|
34
|
+
h as FlagSk,
|
|
35
|
+
io as GooglePayBadge,
|
|
36
|
+
lo as GooglePlayBadge,
|
|
37
|
+
T as HalfStar,
|
|
38
|
+
no as HuaweiBadge,
|
|
39
|
+
b as LayoutHorizontal,
|
|
40
|
+
w as LayoutVertical,
|
|
41
|
+
A as Linkedin,
|
|
42
|
+
W as LogoMuza,
|
|
43
|
+
_ as LogoMuzaIn,
|
|
44
|
+
$ as LogoMuzaMarket,
|
|
45
|
+
oo as LogoMuzaPay,
|
|
46
|
+
eo as LogoMuzaPayPokladna,
|
|
47
|
+
R as MagnifyingGlass,
|
|
48
|
+
go as MastercardBadge,
|
|
49
|
+
G as MenuDotsVertical,
|
|
50
|
+
I as MuzaIcon,
|
|
51
|
+
V as NumberList,
|
|
52
|
+
D as Plus,
|
|
53
|
+
K as RemoveTextFormat,
|
|
54
|
+
X as Reorder,
|
|
55
|
+
v as SKMap,
|
|
56
|
+
N as Scan,
|
|
57
|
+
O as Spinner,
|
|
58
|
+
U as TextH1,
|
|
59
|
+
Y as TextH2,
|
|
60
|
+
Z as TextH3,
|
|
61
|
+
uo as VisaBadge,
|
|
62
|
+
j as XClose,
|
|
63
|
+
q as XTwitter,
|
|
64
|
+
J as Youtube
|
|
65
|
+
};
|