@lolmath/ui 6.3.0 → 6.4.0
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/es/index.d.ts +7 -7
- package/dist/es/index.js +111 -72
- package/dist/es/index.js.map +1 -1
- package/dist/lib/index.d.ts +7 -7
- package/dist/lib/index.js +126 -90
- package/dist/lib/index.js.map +1 -1
- package/package.json +1 -1
package/dist/es/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_aria_components from 'react-aria-components';
|
|
2
|
-
import { ButtonProps as ButtonProps$1, DisclosureProps, DisclosurePanelProps, BreadcrumbsProps, BreadcrumbProps, LinkProps, CheckboxProps, HeadingProps as HeadingProps$1, ModalOverlayProps, DialogProps, NumberFieldProps, Input, Group, ProgressBarProps as ProgressBarProps$1, RadioGroupProps, RadioProps, SearchFieldProps, PopoverProps, ListBoxProps, ListBoxItemProps, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SliderOutputProps, SwitchProps, TabListProps, TabProps, TabPanelProps, TextFieldProps, TextAreaProps, InputProps, ToggleButtonProps as ToggleButtonProps$1, LabelProps as LabelProps$1, MenuTrigger as MenuTrigger$1, MenuProps, MenuItemProps, MenuSectionProps, Header, SeparatorProps, ComboBoxProps, TagProps } from 'react-aria-components';
|
|
3
|
-
export { Autocomplete, Collection, Dialog, DialogTrigger, Key, MenuItemProps, MenuProps, RouterProvider, Select, SelectValue, Selection, Popover as UnstyledPopover, useFilter } from 'react-aria-components';
|
|
2
|
+
import { ButtonProps as ButtonProps$1, DisclosureProps, DisclosurePanelProps, BreadcrumbsProps, BreadcrumbProps, LinkProps, CheckboxProps, HeadingProps as HeadingProps$1, ModalOverlayProps, DialogProps, NumberFieldProps, Input, Group, ProgressBarProps as ProgressBarProps$1, RadioGroupProps, RadioProps, SearchFieldProps, PopoverProps, ListBoxProps, ListBoxItemProps, VirtualizerProps, SliderProps, SliderTrackProps, SliderThumbProps, SliderTrackRenderProps, SliderOutputProps, SwitchProps, TabListProps, TabProps, TabPanelProps, TextFieldProps, TextAreaProps, InputProps, ToggleButtonProps as ToggleButtonProps$1, TextProps as TextProps$1, LabelProps as LabelProps$1, MenuTrigger as MenuTrigger$1, MenuProps, MenuItemProps, MenuSectionProps, Header, SeparatorProps, ComboBoxProps, TagProps } from 'react-aria-components';
|
|
3
|
+
export { Autocomplete, Collection, Dialog, DialogTrigger, FieldError, GridLayout, Key, ListBoxItem, ListLayout, MenuItemProps, MenuProps, RouterProvider, Select, SelectValue, Selection, Size, TableLayout, Popover as UnstyledPopover, Virtualizer, WaterfallLayout, useFilter } from 'react-aria-components';
|
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
5
|
import * as react from 'react';
|
|
6
6
|
import react__default, { Ref, ComponentProps, JSX } from 'react';
|
|
@@ -146,6 +146,7 @@ declare function SelectButton({ className, size, ...props }: ButtonProps$1 & {
|
|
|
146
146
|
declare function SelectPopover({ className, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
|
|
147
147
|
declare function SelectListBox<T extends object>({ className, ...props }: ListBoxProps<T>): react_jsx_runtime.JSX.Element;
|
|
148
148
|
declare function SelectListBoxItem({ className, ...props }: ListBoxItemProps): react_jsx_runtime.JSX.Element;
|
|
149
|
+
declare function SelectVirtualizer<T>(props: Omit<VirtualizerProps<T>, "layout" | "layoutOptions">): react_jsx_runtime.JSX.Element;
|
|
149
150
|
|
|
150
151
|
declare function Slider<T extends number | number[]>({ children, className, sliderThumbProps, sliderTrackProps, sliderTrackBackgroundClassName, sliderTrackForegroundClassName, ...props }: SliderProps<T> & {
|
|
151
152
|
sliderTrackProps?: SliderTrackProps;
|
|
@@ -475,16 +476,14 @@ declare const text: (props?: ({
|
|
|
475
476
|
[x: string]: any;
|
|
476
477
|
} | null | undefined;
|
|
477
478
|
})) | undefined) => string;
|
|
478
|
-
interface TextProps extends
|
|
479
|
+
interface TextProps extends TextProps$1 {
|
|
479
480
|
preset?: TextPreset;
|
|
480
481
|
color?: TextColor;
|
|
481
|
-
as?: TextElement;
|
|
482
482
|
}
|
|
483
|
-
declare function Text({
|
|
483
|
+
declare function Text({ preset, color, className, ...rest }: TextProps): JSX.Element;
|
|
484
484
|
interface LabelProps extends LabelProps$1 {
|
|
485
485
|
preset?: TextPreset | "label";
|
|
486
486
|
color?: TextColor;
|
|
487
|
-
as?: TextElement;
|
|
488
487
|
}
|
|
489
488
|
declare function Label({ preset, color, className, ...rest }: LabelProps): JSX.Element;
|
|
490
489
|
|
|
@@ -496,6 +495,7 @@ declare function MenuPopover({ className, ...props }: PopoverProps): react_jsx_r
|
|
|
496
495
|
declare function MenuSection<T extends object>({ className, ...props }: MenuSectionProps<T>): react_jsx_runtime.JSX.Element;
|
|
497
496
|
declare function MenuHeader({ className, ...props }: ComponentProps<typeof Header>): react_jsx_runtime.JSX.Element;
|
|
498
497
|
declare function MenuSeparator({ className, ...props }: SeparatorProps): react_jsx_runtime.JSX.Element;
|
|
498
|
+
declare function MenuVirtualizer<T>(props: Omit<VirtualizerProps<T>, "layout" | "layoutOptions">): react_jsx_runtime.JSX.Element;
|
|
499
499
|
|
|
500
500
|
interface SelectedKey {
|
|
501
501
|
id: Key;
|
|
@@ -516,4 +516,4 @@ declare function MultipleSelect<T extends SelectedKey>({ children, items, select
|
|
|
516
516
|
|
|
517
517
|
declare function Tag({ children, className, ...props }: TagProps): react_jsx_runtime.JSX.Element;
|
|
518
518
|
|
|
519
|
-
export { Breadcrumb, Breadcrumbs, Button, ButtonLink, type ButtonPreset, type ButtonShape, type ButtonSize, Checkbox, DialogButtons, DialogHeading, Disclosure, DisclosureButton, DisclosureGroup, DisclosurePanel, Divider, Heading, type HeadingColor, type HeadingElement, Label, Menu, MenuHeader, MenuItem, MenuPopover, MenuSection, MenuSeparator, MenuTrigger, Modal, MultipleSelect, NumberField, Popover, ProgressBar, Radio, RadioGroup, SearchField, SelectButton, SelectListBox, SelectListBoxItem, SelectPopover, type SelectedKey, Slider, SliderOutput, Sonner, type SonnerProps, Spinner, SubmenuTrigger, Switch, Tab, TabList, TabPanel, Tabs, Tag, Text, TextArea, type TextColor, type TextElement, TextField, type TextPreset, type ToastVariant, ToggleButton, type ToggleButtonPreset, _Button, _ButtonLink, button, heading, sonner, text, textField };
|
|
519
|
+
export { Breadcrumb, Breadcrumbs, Button, ButtonLink, type ButtonPreset, type ButtonShape, type ButtonSize, Checkbox, DialogButtons, DialogHeading, Disclosure, DisclosureButton, DisclosureGroup, DisclosurePanel, Divider, Heading, type HeadingColor, type HeadingElement, Label, Menu, MenuHeader, MenuItem, MenuPopover, MenuSection, MenuSeparator, MenuTrigger, MenuVirtualizer, Modal, MultipleSelect, NumberField, Popover, ProgressBar, Radio, RadioGroup, SearchField, SelectButton, SelectListBox, SelectListBoxItem, SelectPopover, SelectVirtualizer, type SelectedKey, Slider, SliderOutput, Sonner, type SonnerProps, Spinner, SubmenuTrigger, Switch, Tab, TabList, TabPanel, Tabs, Tag, Text, TextArea, type TextColor, type TextElement, TextField, type TextPreset, type ToastVariant, ToggleButton, type ToggleButtonPreset, _Button, _ButtonLink, button, heading, sonner, text, textField };
|
package/dist/es/index.js
CHANGED
|
@@ -4,6 +4,14 @@ import {
|
|
|
4
4
|
DialogTrigger,
|
|
5
5
|
Dialog as Dialog3,
|
|
6
6
|
Collection,
|
|
7
|
+
Virtualizer,
|
|
8
|
+
ListBoxItem,
|
|
9
|
+
ListLayout as ListLayout3,
|
|
10
|
+
GridLayout,
|
|
11
|
+
WaterfallLayout,
|
|
12
|
+
TableLayout,
|
|
13
|
+
FieldError,
|
|
14
|
+
Size,
|
|
7
15
|
Popover as Popover3
|
|
8
16
|
} from "react-aria-components";
|
|
9
17
|
|
|
@@ -633,6 +641,8 @@ import {
|
|
|
633
641
|
ListBox as AriaListBox,
|
|
634
642
|
ListBoxItem as AriaListBoxItem,
|
|
635
643
|
Popover as AriaPopover,
|
|
644
|
+
Virtualizer as AriaVirtualizer,
|
|
645
|
+
ListLayout,
|
|
636
646
|
composeRenderProps as composeRenderProps10
|
|
637
647
|
} from "react-aria-components";
|
|
638
648
|
|
|
@@ -714,6 +724,21 @@ function SelectListBoxItem({ className, ...props }) {
|
|
|
714
724
|
}
|
|
715
725
|
);
|
|
716
726
|
}
|
|
727
|
+
function SelectVirtualizer(props) {
|
|
728
|
+
return /* @__PURE__ */ jsx12(
|
|
729
|
+
AriaVirtualizer,
|
|
730
|
+
{
|
|
731
|
+
layout: ListLayout,
|
|
732
|
+
layoutOptions: {
|
|
733
|
+
padding: 0,
|
|
734
|
+
gap: 0,
|
|
735
|
+
rowHeight: 31,
|
|
736
|
+
headingHeight: 35
|
|
737
|
+
},
|
|
738
|
+
...props
|
|
739
|
+
}
|
|
740
|
+
);
|
|
741
|
+
}
|
|
717
742
|
|
|
718
743
|
// src/components/slider/slider.tsx
|
|
719
744
|
import { cva as cva7, cx as cx9 } from "cva";
|
|
@@ -925,18 +950,11 @@ function Heading({
|
|
|
925
950
|
|
|
926
951
|
// src/components/typography/text.tsx
|
|
927
952
|
import { cva as cva9 } from "cva";
|
|
928
|
-
import { createElement as createElement2 } from "react";
|
|
929
953
|
import {
|
|
930
|
-
Label as AriaLabel
|
|
954
|
+
Label as AriaLabel,
|
|
955
|
+
Text as AriaText
|
|
931
956
|
} from "react-aria-components";
|
|
932
|
-
|
|
933
|
-
sm: "p",
|
|
934
|
-
base: "p",
|
|
935
|
-
md: "p",
|
|
936
|
-
lg: "p",
|
|
937
|
-
largeNumber: "span",
|
|
938
|
-
stat: "span"
|
|
939
|
-
};
|
|
957
|
+
import { jsx as jsx15 } from "react/jsx-runtime";
|
|
940
958
|
var text = cva9({
|
|
941
959
|
base: text_default.text,
|
|
942
960
|
variants: {
|
|
@@ -957,17 +975,12 @@ var text = cva9({
|
|
|
957
975
|
}
|
|
958
976
|
});
|
|
959
977
|
function Text({
|
|
960
|
-
as = "p",
|
|
961
978
|
preset = "base",
|
|
962
979
|
color = "grey100",
|
|
963
980
|
className,
|
|
964
981
|
...rest
|
|
965
982
|
}) {
|
|
966
|
-
|
|
967
|
-
return createElement2(elementType, {
|
|
968
|
-
...rest,
|
|
969
|
-
className: text({ preset, color, className })
|
|
970
|
-
});
|
|
983
|
+
return /* @__PURE__ */ jsx15(AriaText, { className: text({ preset, color, className }), ...rest });
|
|
971
984
|
}
|
|
972
985
|
function Label2({
|
|
973
986
|
preset = "sm",
|
|
@@ -975,10 +988,7 @@ function Label2({
|
|
|
975
988
|
className,
|
|
976
989
|
...rest
|
|
977
990
|
}) {
|
|
978
|
-
return
|
|
979
|
-
...rest,
|
|
980
|
-
className: text({ preset, color, className })
|
|
981
|
-
});
|
|
991
|
+
return /* @__PURE__ */ jsx15(AriaLabel, { className: text({ preset, color, className }), ...rest });
|
|
982
992
|
}
|
|
983
993
|
|
|
984
994
|
// src/components/sonner/sonner-error.svg
|
|
@@ -997,10 +1007,10 @@ var sonner_warning_default = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20hei
|
|
|
997
1007
|
var sonner_default = { "toast": "toast_4d9ce", "default": "default_4d9ce", "title": "title_4d9ce", "content": "content_4d9ce", "icon": "icon_4d9ce", "actions": "actions_4d9ce", "button": "button_4d9ce", "closeButton": "closeButton_4d9ce", "loader": "loader_4d9ce" };
|
|
998
1008
|
|
|
999
1009
|
// src/components/sonner/sonner.tsx
|
|
1000
|
-
import { jsx as
|
|
1010
|
+
import { jsx as jsx16 } from "react/jsx-runtime";
|
|
1001
1011
|
var sonner = sonnerToast;
|
|
1002
1012
|
function Sonner(props) {
|
|
1003
|
-
return /* @__PURE__ */
|
|
1013
|
+
return /* @__PURE__ */ jsx16(
|
|
1004
1014
|
Toaster,
|
|
1005
1015
|
{
|
|
1006
1016
|
...props,
|
|
@@ -1044,11 +1054,11 @@ function Sonner(props) {
|
|
|
1044
1054
|
[props.toastOptions]
|
|
1045
1055
|
),
|
|
1046
1056
|
icons: {
|
|
1047
|
-
loading: /* @__PURE__ */
|
|
1048
|
-
success: /* @__PURE__ */
|
|
1049
|
-
error: /* @__PURE__ */
|
|
1050
|
-
warning: /* @__PURE__ */
|
|
1051
|
-
info: /* @__PURE__ */
|
|
1057
|
+
loading: /* @__PURE__ */ jsx16(Spinner, {}),
|
|
1058
|
+
success: /* @__PURE__ */ jsx16("img", { src: sonner_success_default, alt: "" }),
|
|
1059
|
+
error: /* @__PURE__ */ jsx16("img", { src: sonner_error_default, alt: "" }),
|
|
1060
|
+
warning: /* @__PURE__ */ jsx16("img", { src: sonner_warning_default, alt: "" }),
|
|
1061
|
+
info: /* @__PURE__ */ jsx16("img", { src: sonner_info_default, alt: "" })
|
|
1052
1062
|
}
|
|
1053
1063
|
}
|
|
1054
1064
|
);
|
|
@@ -1065,14 +1075,14 @@ import {
|
|
|
1065
1075
|
var switch_default = { "switch": "switch_cfb98", "track": "track_cfb98", "knob": "knob_cfb98" };
|
|
1066
1076
|
|
|
1067
1077
|
// src/components/switch.tsx
|
|
1068
|
-
import { Fragment as Fragment7, jsx as
|
|
1078
|
+
import { Fragment as Fragment7, jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
1069
1079
|
function Switch({
|
|
1070
1080
|
className,
|
|
1071
1081
|
placeholder,
|
|
1072
1082
|
children,
|
|
1073
1083
|
...props
|
|
1074
1084
|
}) {
|
|
1075
|
-
return /* @__PURE__ */
|
|
1085
|
+
return /* @__PURE__ */ jsx17(
|
|
1076
1086
|
AriaSwitch,
|
|
1077
1087
|
{
|
|
1078
1088
|
...props,
|
|
@@ -1087,7 +1097,7 @@ function Switch({
|
|
|
1087
1097
|
)
|
|
1088
1098
|
),
|
|
1089
1099
|
children: (values) => /* @__PURE__ */ jsxs9(Fragment7, { children: [
|
|
1090
|
-
/* @__PURE__ */
|
|
1100
|
+
/* @__PURE__ */ jsx17("div", { className: switch_default.track, children: /* @__PURE__ */ jsx17("span", { className: switch_default.knob }) }),
|
|
1091
1101
|
typeof children === "function" ? children(values) : children
|
|
1092
1102
|
] })
|
|
1093
1103
|
}
|
|
@@ -1108,13 +1118,13 @@ import {
|
|
|
1108
1118
|
var tabs_default = { "list": "list_c42a1", "tab": "tab_c42a1", "indicator": "indicator_c42a1" };
|
|
1109
1119
|
|
|
1110
1120
|
// src/components/tabs.tsx
|
|
1111
|
-
import { Fragment as Fragment8, jsx as
|
|
1121
|
+
import { Fragment as Fragment8, jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
1112
1122
|
var Tabs = AriaTabs;
|
|
1113
1123
|
function TabList({
|
|
1114
1124
|
className,
|
|
1115
1125
|
...rest
|
|
1116
1126
|
}) {
|
|
1117
|
-
return /* @__PURE__ */
|
|
1127
|
+
return /* @__PURE__ */ jsx18(
|
|
1118
1128
|
AriaTabList,
|
|
1119
1129
|
{
|
|
1120
1130
|
...rest,
|
|
@@ -1126,7 +1136,7 @@ function TabList({
|
|
|
1126
1136
|
);
|
|
1127
1137
|
}
|
|
1128
1138
|
function Tab({ children, className, ...rest }) {
|
|
1129
|
-
return /* @__PURE__ */
|
|
1139
|
+
return /* @__PURE__ */ jsx18(
|
|
1130
1140
|
AriaTab,
|
|
1131
1141
|
{
|
|
1132
1142
|
...rest,
|
|
@@ -1136,13 +1146,13 @@ function Tab({ children, className, ...rest }) {
|
|
|
1136
1146
|
),
|
|
1137
1147
|
children: (values) => /* @__PURE__ */ jsxs10(Fragment8, { children: [
|
|
1138
1148
|
typeof children === "function" ? children(values) : children,
|
|
1139
|
-
values.isSelected && /* @__PURE__ */
|
|
1149
|
+
values.isSelected && /* @__PURE__ */ jsx18("div", { className: tabs_default.indicator })
|
|
1140
1150
|
] })
|
|
1141
1151
|
}
|
|
1142
1152
|
);
|
|
1143
1153
|
}
|
|
1144
1154
|
function TabPanel({ ...rest }) {
|
|
1145
|
-
return /* @__PURE__ */
|
|
1155
|
+
return /* @__PURE__ */ jsx18(AriaTabPanel, { ...rest });
|
|
1146
1156
|
}
|
|
1147
1157
|
|
|
1148
1158
|
// src/components/text-area.tsx
|
|
@@ -1164,7 +1174,7 @@ import { cva as cva10 } from "cva";
|
|
|
1164
1174
|
var text_field_default = { "textField": "textField_32558", "small": "small_32558", "medium": "medium_32558", "large": "large_32558", "textArea": "textArea_32558" };
|
|
1165
1175
|
|
|
1166
1176
|
// src/components/text-field.tsx
|
|
1167
|
-
import { Fragment as Fragment9, jsx as
|
|
1177
|
+
import { Fragment as Fragment9, jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
1168
1178
|
var textField = cva10({
|
|
1169
1179
|
base: text_field_default.textField,
|
|
1170
1180
|
variants: {
|
|
@@ -1183,9 +1193,9 @@ function TextField({
|
|
|
1183
1193
|
size = "medium",
|
|
1184
1194
|
...props
|
|
1185
1195
|
}) {
|
|
1186
|
-
return /* @__PURE__ */
|
|
1196
|
+
return /* @__PURE__ */ jsx19(AriaTextField, { ...props, children: (values) => /* @__PURE__ */ jsxs11(Fragment9, { children: [
|
|
1187
1197
|
typeof children === "function" ? children(values) : children,
|
|
1188
|
-
/* @__PURE__ */
|
|
1198
|
+
/* @__PURE__ */ jsx19(
|
|
1189
1199
|
AriaInput3,
|
|
1190
1200
|
{
|
|
1191
1201
|
type: "text",
|
|
@@ -1204,15 +1214,15 @@ function TextField({
|
|
|
1204
1214
|
}
|
|
1205
1215
|
|
|
1206
1216
|
// src/components/text-area.tsx
|
|
1207
|
-
import { Fragment as Fragment10, jsx as
|
|
1217
|
+
import { Fragment as Fragment10, jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
1208
1218
|
function TextArea({
|
|
1209
1219
|
textAreaProps = {},
|
|
1210
1220
|
children,
|
|
1211
1221
|
...props
|
|
1212
1222
|
}) {
|
|
1213
|
-
return /* @__PURE__ */
|
|
1223
|
+
return /* @__PURE__ */ jsx20(AriaTextField2, { ...props, children: (values) => /* @__PURE__ */ jsxs12(Fragment10, { children: [
|
|
1214
1224
|
typeof children === "function" ? children(values) : children,
|
|
1215
|
-
/* @__PURE__ */
|
|
1225
|
+
/* @__PURE__ */ jsx20(
|
|
1216
1226
|
AriaTextArea,
|
|
1217
1227
|
{
|
|
1218
1228
|
...textAreaProps,
|
|
@@ -1235,7 +1245,7 @@ import {
|
|
|
1235
1245
|
ToggleButton as AriaToggleButton,
|
|
1236
1246
|
composeRenderProps as composeRenderProps16
|
|
1237
1247
|
} from "react-aria-components";
|
|
1238
|
-
import { jsx as
|
|
1248
|
+
import { jsx as jsx21 } from "react/jsx-runtime";
|
|
1239
1249
|
var button2 = cva11({
|
|
1240
1250
|
base: button_default.button,
|
|
1241
1251
|
variants: {
|
|
@@ -1268,7 +1278,7 @@ function ToggleButton({
|
|
|
1268
1278
|
thin = preset === "dimmed",
|
|
1269
1279
|
...props
|
|
1270
1280
|
}) {
|
|
1271
|
-
return /* @__PURE__ */
|
|
1281
|
+
return /* @__PURE__ */ jsx21(
|
|
1272
1282
|
AriaToggleButton,
|
|
1273
1283
|
{
|
|
1274
1284
|
...props,
|
|
@@ -1301,7 +1311,7 @@ import {
|
|
|
1301
1311
|
var popover_default = { "popover": "popover_f1fe1", "top": "top_f1fe1", "bottom": "bottom_f1fe1", "left": "left_f1fe1", "right": "right_f1fe1", "arrow": "arrow_f1fe1", "outer": "outer_f1fe1", "inner": "inner_f1fe1" };
|
|
1302
1312
|
|
|
1303
1313
|
// src/components/popover.tsx
|
|
1304
|
-
import { Fragment as Fragment11, jsx as
|
|
1314
|
+
import { Fragment as Fragment11, jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
1305
1315
|
var popover = cva12({
|
|
1306
1316
|
base: popover_default.popover,
|
|
1307
1317
|
variants: {
|
|
@@ -1327,7 +1337,7 @@ var arrow = cva12({
|
|
|
1327
1337
|
}
|
|
1328
1338
|
});
|
|
1329
1339
|
function Popover({ children, className, ...props }) {
|
|
1330
|
-
return /* @__PURE__ */
|
|
1340
|
+
return /* @__PURE__ */ jsx22(
|
|
1331
1341
|
AriaPopover2,
|
|
1332
1342
|
{
|
|
1333
1343
|
...props,
|
|
@@ -1340,7 +1350,7 @@ function Popover({ children, className, ...props }) {
|
|
|
1340
1350
|
})
|
|
1341
1351
|
),
|
|
1342
1352
|
children: (values) => /* @__PURE__ */ jsxs13(Fragment11, { children: [
|
|
1343
|
-
/* @__PURE__ */
|
|
1353
|
+
/* @__PURE__ */ jsx22(OverlayArrow, { children: (values2) => /* @__PURE__ */ jsx22(Fragment11, { children: /* @__PURE__ */ jsxs13(
|
|
1344
1354
|
"svg",
|
|
1345
1355
|
{
|
|
1346
1356
|
viewBox: "0 0 12 6",
|
|
@@ -1352,12 +1362,12 @@ function Popover({ children, className, ...props }) {
|
|
|
1352
1362
|
height: 10,
|
|
1353
1363
|
"aria-hidden": "true",
|
|
1354
1364
|
children: [
|
|
1355
|
-
/* @__PURE__ */
|
|
1356
|
-
/* @__PURE__ */
|
|
1365
|
+
/* @__PURE__ */ jsx22("path", { d: "M0 0,L6 6,L12 0", className: popover_default.outer }),
|
|
1366
|
+
/* @__PURE__ */ jsx22("path", { d: "M2 0 6 4 10 0", className: popover_default.inner })
|
|
1357
1367
|
]
|
|
1358
1368
|
}
|
|
1359
1369
|
) }) }),
|
|
1360
|
-
/* @__PURE__ */
|
|
1370
|
+
/* @__PURE__ */ jsx22(Dialog2, { children: typeof children === "function" ? children(values) : children })
|
|
1361
1371
|
] })
|
|
1362
1372
|
}
|
|
1363
1373
|
);
|
|
@@ -1374,6 +1384,8 @@ import {
|
|
|
1374
1384
|
Popover as AriaPopover3,
|
|
1375
1385
|
Separator as AriaSeparator,
|
|
1376
1386
|
SubmenuTrigger as AriaSubmenuTrigger,
|
|
1387
|
+
Virtualizer as AriaVirtualizer2,
|
|
1388
|
+
ListLayout as ListLayout2,
|
|
1377
1389
|
composeRenderProps as composeRenderProps18
|
|
1378
1390
|
} from "react-aria-components";
|
|
1379
1391
|
|
|
@@ -1381,17 +1393,17 @@ import {
|
|
|
1381
1393
|
var menu_default = { "menu": "menu_c1735", "item": "item_c1735", "popover": "popover_c1735", "section": "section_c1735", "header": "header_c1735", "separator": "separator_c1735" };
|
|
1382
1394
|
|
|
1383
1395
|
// src/components/menu/menu.tsx
|
|
1384
|
-
import { jsx as
|
|
1396
|
+
import { jsx as jsx23 } from "react/jsx-runtime";
|
|
1385
1397
|
var MenuTrigger = AriaMenuTrigger;
|
|
1386
1398
|
var SubmenuTrigger = AriaSubmenuTrigger;
|
|
1387
1399
|
function Menu({ className, ...props }) {
|
|
1388
|
-
return /* @__PURE__ */
|
|
1400
|
+
return /* @__PURE__ */ jsx23(AriaMenu, { ...props, className: cx13(menu_default.menu, className) });
|
|
1389
1401
|
}
|
|
1390
1402
|
function MenuItem({
|
|
1391
1403
|
className,
|
|
1392
1404
|
...props
|
|
1393
1405
|
}) {
|
|
1394
|
-
return /* @__PURE__ */
|
|
1406
|
+
return /* @__PURE__ */ jsx23(
|
|
1395
1407
|
AriaMenuItem,
|
|
1396
1408
|
{
|
|
1397
1409
|
...props,
|
|
@@ -1403,7 +1415,7 @@ function MenuItem({
|
|
|
1403
1415
|
);
|
|
1404
1416
|
}
|
|
1405
1417
|
function MenuPopover({ className, ...props }) {
|
|
1406
|
-
return /* @__PURE__ */
|
|
1418
|
+
return /* @__PURE__ */ jsx23(
|
|
1407
1419
|
AriaPopover3,
|
|
1408
1420
|
{
|
|
1409
1421
|
...props,
|
|
@@ -1418,13 +1430,13 @@ function MenuSection({
|
|
|
1418
1430
|
className,
|
|
1419
1431
|
...props
|
|
1420
1432
|
}) {
|
|
1421
|
-
return /* @__PURE__ */
|
|
1433
|
+
return /* @__PURE__ */ jsx23(AriaMenuSection, { ...props, className: cx13(className, menu_default.section) });
|
|
1422
1434
|
}
|
|
1423
1435
|
function MenuHeader({
|
|
1424
1436
|
className,
|
|
1425
1437
|
...props
|
|
1426
1438
|
}) {
|
|
1427
|
-
return /* @__PURE__ */
|
|
1439
|
+
return /* @__PURE__ */ jsx23(
|
|
1428
1440
|
AriaHeader,
|
|
1429
1441
|
{
|
|
1430
1442
|
...props,
|
|
@@ -1437,7 +1449,24 @@ function MenuHeader({
|
|
|
1437
1449
|
);
|
|
1438
1450
|
}
|
|
1439
1451
|
function MenuSeparator({ className, ...props }) {
|
|
1440
|
-
return /* @__PURE__ */
|
|
1452
|
+
return /* @__PURE__ */ jsx23(AriaSeparator, { ...props, className: cx13(className, menu_default.separator) });
|
|
1453
|
+
}
|
|
1454
|
+
function MenuVirtualizer(props) {
|
|
1455
|
+
return /* @__PURE__ */ jsx23(
|
|
1456
|
+
AriaVirtualizer2,
|
|
1457
|
+
{
|
|
1458
|
+
layout: ListLayout2,
|
|
1459
|
+
layoutOptions: {
|
|
1460
|
+
padding: 0,
|
|
1461
|
+
gap: 0,
|
|
1462
|
+
rowHeight: 30,
|
|
1463
|
+
headingHeight: 35
|
|
1464
|
+
// estimatedRowHeight: 30,
|
|
1465
|
+
// estimatedHeadingHeight: 35,
|
|
1466
|
+
},
|
|
1467
|
+
...props
|
|
1468
|
+
}
|
|
1469
|
+
);
|
|
1441
1470
|
}
|
|
1442
1471
|
|
|
1443
1472
|
// src/components/select/multiple-select.tsx
|
|
@@ -1462,7 +1491,7 @@ var multiple_select_default = { "multiSelect": "multiSelect_e6fde", "focusWithin
|
|
|
1462
1491
|
var select_closed_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAAiUlEQVR42mL8//8/A6mAiYEMQJYmFnSBk6vzYcwmIP4LxI0gjnnoRNyaoKAViKuQ+I14bQKCTiAuA+I6IGYG4gZ0jSw4nFwB1QwDjIRsKkbjNwxckFNNUw8QlyLx66EYb0D8A+IuIGaDyjcQE0+gOPoDxC1I8dNASBMDNDX8hWKMIGcc3FkDIMAA1n8bpHnZDOAAAAAASUVORK5CYII=";
|
|
1463
1492
|
|
|
1464
1493
|
// src/components/select/multiple-select.tsx
|
|
1465
|
-
import { Fragment as Fragment12, jsx as
|
|
1494
|
+
import { Fragment as Fragment12, jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
1466
1495
|
var multiSelect = cva13({
|
|
1467
1496
|
base: multiple_select_default.multiSelect,
|
|
1468
1497
|
variants: {
|
|
@@ -1569,20 +1598,20 @@ function MultipleSelect({
|
|
|
1569
1598
|
};
|
|
1570
1599
|
}, []);
|
|
1571
1600
|
const triggerButtonRef = React.useRef(null);
|
|
1572
|
-
return /* @__PURE__ */
|
|
1601
|
+
return /* @__PURE__ */ jsx24(Group2, { children: (groupRenderProps) => /* @__PURE__ */ jsx24(Fragment12, { children: /* @__PURE__ */ jsxs14(
|
|
1573
1602
|
"div",
|
|
1574
1603
|
{
|
|
1575
1604
|
ref: triggerRef,
|
|
1576
1605
|
className: multiSelect({ size, ...groupRenderProps }),
|
|
1577
1606
|
children: [
|
|
1578
1607
|
/* @__PURE__ */ jsxs14("div", { className: multiple_select_default.tagsAndInput, children: [
|
|
1579
|
-
/* @__PURE__ */
|
|
1608
|
+
/* @__PURE__ */ jsx24(
|
|
1580
1609
|
TagGroup,
|
|
1581
1610
|
{
|
|
1582
1611
|
"aria-label": "Selected items",
|
|
1583
1612
|
id: tagGroupIdentifier,
|
|
1584
1613
|
onRemove,
|
|
1585
|
-
children: /* @__PURE__ */
|
|
1614
|
+
children: /* @__PURE__ */ jsx24(TagList, { items: selectedItems, className: multiple_select_default.tagList, children: props.tag })
|
|
1586
1615
|
}
|
|
1587
1616
|
),
|
|
1588
1617
|
/* @__PURE__ */ jsxs14(
|
|
@@ -1598,7 +1627,7 @@ function MultipleSelect({
|
|
|
1598
1627
|
onSelectionChange,
|
|
1599
1628
|
onInputChange,
|
|
1600
1629
|
children: [
|
|
1601
|
-
/* @__PURE__ */
|
|
1630
|
+
/* @__PURE__ */ jsx24(
|
|
1602
1631
|
Input,
|
|
1603
1632
|
{
|
|
1604
1633
|
className: multiple_select_default.input,
|
|
@@ -1612,7 +1641,7 @@ function MultipleSelect({
|
|
|
1612
1641
|
...props.inputProps
|
|
1613
1642
|
}
|
|
1614
1643
|
),
|
|
1615
|
-
/* @__PURE__ */
|
|
1644
|
+
/* @__PURE__ */ jsx24(VisuallyHidden, { children: /* @__PURE__ */ jsx24(
|
|
1616
1645
|
Button2,
|
|
1617
1646
|
{
|
|
1618
1647
|
slot: "remove",
|
|
@@ -1621,21 +1650,21 @@ function MultipleSelect({
|
|
|
1621
1650
|
children: "Remove"
|
|
1622
1651
|
}
|
|
1623
1652
|
) }),
|
|
1624
|
-
/* @__PURE__ */
|
|
1653
|
+
/* @__PURE__ */ jsx24(
|
|
1625
1654
|
Popover2,
|
|
1626
1655
|
{
|
|
1627
1656
|
className: select_default.popover,
|
|
1628
1657
|
style: { width: `${width}px` },
|
|
1629
1658
|
triggerRef,
|
|
1630
1659
|
trigger: "ComboBox",
|
|
1631
|
-
children: /* @__PURE__ */
|
|
1660
|
+
children: /* @__PURE__ */ jsx24(
|
|
1632
1661
|
ListBox,
|
|
1633
1662
|
{
|
|
1634
1663
|
className: select_default.listBox,
|
|
1635
|
-
renderEmptyState: () => renderEmptyState ? renderEmptyState(fieldState.inputValue) : /* @__PURE__ */
|
|
1664
|
+
renderEmptyState: () => renderEmptyState ? renderEmptyState(fieldState.inputValue) : /* @__PURE__ */ jsx24(Text, { className: multiple_select_default.emptyText, children: fieldState.inputValue ? /* @__PURE__ */ jsxs14(Fragment12, { children: [
|
|
1636
1665
|
"No results found for:",
|
|
1637
1666
|
" ",
|
|
1638
|
-
/* @__PURE__ */
|
|
1667
|
+
/* @__PURE__ */ jsx24("strong", { children: fieldState.inputValue })
|
|
1639
1668
|
] }) : "No options" }),
|
|
1640
1669
|
selectionMode: "multiple",
|
|
1641
1670
|
children
|
|
@@ -1647,13 +1676,13 @@ function MultipleSelect({
|
|
|
1647
1676
|
}
|
|
1648
1677
|
)
|
|
1649
1678
|
] }),
|
|
1650
|
-
/* @__PURE__ */
|
|
1679
|
+
/* @__PURE__ */ jsx24("div", { "aria-hidden": true, children: /* @__PURE__ */ jsx24(
|
|
1651
1680
|
AriaButton5,
|
|
1652
1681
|
{
|
|
1653
1682
|
excludeFromTabOrder: true,
|
|
1654
1683
|
onPress: () => triggerButtonRef.current?.click(),
|
|
1655
1684
|
className: multiple_select_default.chevronButton,
|
|
1656
|
-
children: /* @__PURE__ */
|
|
1685
|
+
children: /* @__PURE__ */ jsx24("img", { src: select_closed_default, alt: "" })
|
|
1657
1686
|
}
|
|
1658
1687
|
) })
|
|
1659
1688
|
]
|
|
@@ -1673,9 +1702,9 @@ import {
|
|
|
1673
1702
|
var tag_default = { "tag": "tag_c7c88", "text": "text_c7c88", "remove": "remove_c7c88" };
|
|
1674
1703
|
|
|
1675
1704
|
// src/components/tag/tag.tsx
|
|
1676
|
-
import { Fragment as Fragment13, jsx as
|
|
1705
|
+
import { Fragment as Fragment13, jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
1677
1706
|
function Tag({ children, className, ...props }) {
|
|
1678
|
-
return /* @__PURE__ */
|
|
1707
|
+
return /* @__PURE__ */ jsx25(
|
|
1679
1708
|
AriaTag,
|
|
1680
1709
|
{
|
|
1681
1710
|
...props,
|
|
@@ -1684,8 +1713,8 @@ function Tag({ children, className, ...props }) {
|
|
|
1684
1713
|
(className2) => cx14(tag_default.tag, className2)
|
|
1685
1714
|
),
|
|
1686
1715
|
children: composeRenderProps19(children, (children2) => /* @__PURE__ */ jsxs15(Fragment13, { children: [
|
|
1687
|
-
/* @__PURE__ */
|
|
1688
|
-
/* @__PURE__ */
|
|
1716
|
+
/* @__PURE__ */ jsx25("span", { className: tag_default.text, children: children2 }),
|
|
1717
|
+
/* @__PURE__ */ jsx25(AriaButton6, { slot: "remove", className: tag_default.remove })
|
|
1689
1718
|
] }))
|
|
1690
1719
|
}
|
|
1691
1720
|
);
|
|
@@ -1710,8 +1739,12 @@ export {
|
|
|
1710
1739
|
DisclosureGroup,
|
|
1711
1740
|
DisclosurePanel,
|
|
1712
1741
|
Divider,
|
|
1742
|
+
FieldError,
|
|
1743
|
+
GridLayout,
|
|
1713
1744
|
Heading,
|
|
1714
1745
|
Label2 as Label,
|
|
1746
|
+
ListBoxItem,
|
|
1747
|
+
ListLayout3 as ListLayout,
|
|
1715
1748
|
Menu,
|
|
1716
1749
|
MenuHeader,
|
|
1717
1750
|
MenuItem,
|
|
@@ -1719,6 +1752,7 @@ export {
|
|
|
1719
1752
|
MenuSection,
|
|
1720
1753
|
MenuSeparator,
|
|
1721
1754
|
MenuTrigger,
|
|
1755
|
+
MenuVirtualizer,
|
|
1722
1756
|
Modal,
|
|
1723
1757
|
MultipleSelect,
|
|
1724
1758
|
NumberField,
|
|
@@ -1734,6 +1768,8 @@ export {
|
|
|
1734
1768
|
SelectListBoxItem,
|
|
1735
1769
|
SelectPopover,
|
|
1736
1770
|
SelectValue,
|
|
1771
|
+
SelectVirtualizer,
|
|
1772
|
+
Size,
|
|
1737
1773
|
Slider,
|
|
1738
1774
|
SliderOutput,
|
|
1739
1775
|
Sonner,
|
|
@@ -1743,6 +1779,7 @@ export {
|
|
|
1743
1779
|
Tab,
|
|
1744
1780
|
TabList,
|
|
1745
1781
|
TabPanel,
|
|
1782
|
+
TableLayout,
|
|
1746
1783
|
Tabs,
|
|
1747
1784
|
Tag,
|
|
1748
1785
|
Text,
|
|
@@ -1750,6 +1787,8 @@ export {
|
|
|
1750
1787
|
TextField,
|
|
1751
1788
|
ToggleButton,
|
|
1752
1789
|
Popover3 as UnstyledPopover,
|
|
1790
|
+
Virtualizer,
|
|
1791
|
+
WaterfallLayout,
|
|
1753
1792
|
_Button,
|
|
1754
1793
|
_ButtonLink,
|
|
1755
1794
|
button,
|