myshell-react-lib 0.1.3 → 0.1.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/index.cjs +438 -323
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +6 -5
- package/dist/index.d.ts +6 -5
- package/dist/index.js +438 -323
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/icons/outline/FilterIcon.tsx +0 -1
- package/src/components/secondary-navigation-bar.tsx +41 -20
- package/src/stories/SecondaryNavigationBar.stories.tsx +4 -4
package/dist/index.js
CHANGED
|
@@ -7985,7 +7985,7 @@ var Modal = function(_param) {
|
|
|
7985
7985
|
})
|
|
7986
7986
|
}));
|
|
7987
7987
|
}
|
|
7988
|
-
var
|
|
7988
|
+
var renderIcon3 = function(state2) {
|
|
7989
7989
|
switch(state2){
|
|
7990
7990
|
case "info":
|
|
7991
7991
|
return /* @__PURE__ */ jsx35(InformationCircleIcon, {
|
|
@@ -8032,7 +8032,7 @@ var Modal = function(_param) {
|
|
|
8032
8032
|
className: cn(isNotification && "border-none !pb-3"),
|
|
8033
8033
|
children: state && /* @__PURE__ */ jsx35("div", {
|
|
8034
8034
|
className: cn("flex items-center justify-center w-10 h-10 rounded-full flex-shrink-0 flex-grow-0", getBackgroundColor(state)),
|
|
8035
|
-
children:
|
|
8035
|
+
children: renderIcon3(state)
|
|
8036
8036
|
})
|
|
8037
8037
|
}),
|
|
8038
8038
|
/* @__PURE__ */ jsxs17("div", {
|
|
@@ -10757,30 +10757,140 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
|
|
|
10757
10757
|
import { ArrowLeftIcon } from "@heroicons/react/24/outline";
|
|
10758
10758
|
import { useEffect as useEffect10, useRef as useRef6, useState as useState8 } from "react";
|
|
10759
10759
|
import { useMedia as useMedia5 } from "react-use";
|
|
10760
|
+
// src/components/button/link-button.tsx
|
|
10761
|
+
import { Slot as Slot5 } from "@radix-ui/react-slot";
|
|
10762
|
+
import { Loader2 as Loader23 } from "lucide-react";
|
|
10763
|
+
import * as React32 from "react";
|
|
10764
|
+
import { Fragment as Fragment8, jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
10765
|
+
var LinkButton = React32.forwardRef(function(_param, ref) {
|
|
10766
|
+
var _param_className = _param.className, className = _param_className === void 0 ? "" : _param_className, iconClassName = _param.iconClassName, _param_color = _param.color, color = _param_color === void 0 ? "default" : _param_color, icon = _param.icon, _param_iconDirection = _param.iconDirection, iconDirection = _param_iconDirection === void 0 ? "left" : _param_iconDirection, _param_size = _param.size, size = _param_size === void 0 ? "lg" : _param_size, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, _param_loading = _param.loading, loading = _param_loading === void 0 ? false : _param_loading, _param_noStyle = _param.noStyle, noStyle = _param_noStyle === void 0 ? false : _param_noStyle, _param_iconOutBox = _param.iconOutBox, iconOutBox = _param_iconOutBox === void 0 ? false : _param_iconOutBox, _param_isBlock = _param.isBlock, isBlock = _param_isBlock === void 0 ? false : _param_isBlock, disabled = _param.disabled, children = _param.children, autoFocus = _param.autoFocus, asset = _param.asset, _param_assetNumber = _param.assetNumber, assetNumber = _param_assetNumber === void 0 ? 0 : _param_assetNumber, props = _object_without_properties(_param, [
|
|
10767
|
+
"className",
|
|
10768
|
+
"iconClassName",
|
|
10769
|
+
"color",
|
|
10770
|
+
"icon",
|
|
10771
|
+
"iconDirection",
|
|
10772
|
+
"size",
|
|
10773
|
+
"asChild",
|
|
10774
|
+
"loading",
|
|
10775
|
+
"noStyle",
|
|
10776
|
+
"iconOutBox",
|
|
10777
|
+
"isBlock",
|
|
10778
|
+
"disabled",
|
|
10779
|
+
"children",
|
|
10780
|
+
"autoFocus",
|
|
10781
|
+
"asset",
|
|
10782
|
+
"assetNumber"
|
|
10783
|
+
]);
|
|
10784
|
+
var Comp = asChild ? Slot5 : "button";
|
|
10785
|
+
var disable = disabled || loading;
|
|
10786
|
+
return /* @__PURE__ */ jsxs24(Comp, _object_spread_props(_object_spread({
|
|
10787
|
+
className: noStyle ? className : cn(buttonVariants({
|
|
10788
|
+
variant: "link",
|
|
10789
|
+
color: color,
|
|
10790
|
+
size: size,
|
|
10791
|
+
className: className
|
|
10792
|
+
}), disable && "!pointer-events-auto cursor-not-allowed", isBlock && "w-full"),
|
|
10793
|
+
ref: ref,
|
|
10794
|
+
disabled: disable,
|
|
10795
|
+
autoFocus: autoFocus
|
|
10796
|
+
}, props), {
|
|
10797
|
+
children: [
|
|
10798
|
+
loading && /* @__PURE__ */ jsx44("span", {
|
|
10799
|
+
className: "absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center justify-center",
|
|
10800
|
+
children: /* @__PURE__ */ jsx44(Loader23, {
|
|
10801
|
+
className: cn(iconVariants2({
|
|
10802
|
+
variant: "link",
|
|
10803
|
+
size: size
|
|
10804
|
+
}), "animate-spin", size === "lg" ? "h-6 w-6" : size === "md" ? "h-5 w-5" : "h-4.5 w-4.5")
|
|
10805
|
+
})
|
|
10806
|
+
}),
|
|
10807
|
+
!asset && icon && iconOutBox && iconDirection === "left" && renderIcon2(icon, "left", {
|
|
10808
|
+
loading: loading,
|
|
10809
|
+
noStyle: noStyle,
|
|
10810
|
+
iconClassName: iconClassName,
|
|
10811
|
+
size: size
|
|
10812
|
+
}),
|
|
10813
|
+
/* @__PURE__ */ jsxs24("span", {
|
|
10814
|
+
className: cn("inline-flex w-full items-center justify-center", loading ? "opacity-0" : "opacity-100"),
|
|
10815
|
+
children: [
|
|
10816
|
+
!asset && icon && !iconOutBox && iconDirection === "left" && renderIcon2(icon, "left", {
|
|
10817
|
+
loading: loading,
|
|
10818
|
+
noStyle: noStyle,
|
|
10819
|
+
iconClassName: iconClassName,
|
|
10820
|
+
size: size
|
|
10821
|
+
}),
|
|
10822
|
+
children,
|
|
10823
|
+
asset ? /* @__PURE__ */ jsxs24(Fragment8, {
|
|
10824
|
+
children: [
|
|
10825
|
+
/* @__PURE__ */ jsx44(Separator, {
|
|
10826
|
+
orientation: "vertical",
|
|
10827
|
+
className: cn("mx-1.5 h-3")
|
|
10828
|
+
}),
|
|
10829
|
+
/* @__PURE__ */ jsx44(Image2, {
|
|
10830
|
+
src: asset === "energy" ? getAssetsUrl("image/bot/tag/20231214/1719340128612116720.png") : "",
|
|
10831
|
+
alt: asset,
|
|
10832
|
+
width: 16,
|
|
10833
|
+
height: 16,
|
|
10834
|
+
className: "flex-shrink-0"
|
|
10835
|
+
}),
|
|
10836
|
+
/* @__PURE__ */ jsx44(Text, {
|
|
10837
|
+
size: "xs",
|
|
10838
|
+
className: cn("ml-0.5 text-inherit"),
|
|
10839
|
+
children: assetNumber
|
|
10840
|
+
})
|
|
10841
|
+
]
|
|
10842
|
+
}) : null,
|
|
10843
|
+
!asset && icon && !iconOutBox && iconDirection === "right" && renderIcon2(icon, "right", {
|
|
10844
|
+
loading: loading,
|
|
10845
|
+
noStyle: noStyle,
|
|
10846
|
+
iconClassName: iconClassName,
|
|
10847
|
+
size: size
|
|
10848
|
+
})
|
|
10849
|
+
]
|
|
10850
|
+
}),
|
|
10851
|
+
!asset && icon && iconOutBox && iconDirection === "right" && renderIcon2(icon, "right", {
|
|
10852
|
+
loading: loading,
|
|
10853
|
+
noStyle: noStyle,
|
|
10854
|
+
iconClassName: iconClassName,
|
|
10855
|
+
size: size
|
|
10856
|
+
})
|
|
10857
|
+
]
|
|
10858
|
+
}));
|
|
10859
|
+
});
|
|
10860
|
+
var renderIcon2 = function(icon, direction, param) {
|
|
10861
|
+
var loading = param.loading, noStyle = param.noStyle, iconClassName = param.iconClassName, _param_size = param.size, size = _param_size === void 0 ? "lg" : _param_size;
|
|
10862
|
+
return /* @__PURE__ */ jsx44(Icon, {
|
|
10863
|
+
component: icon,
|
|
10864
|
+
className: noStyle ? iconClassName : cn(iconVariants2({
|
|
10865
|
+
variant: "link",
|
|
10866
|
+
size: size
|
|
10867
|
+
}), direction === "left" ? "mr-0.5" : "ml-0.5", iconClassName, loading ? "opacity-0" : "opacity-100")
|
|
10868
|
+
});
|
|
10869
|
+
};
|
|
10870
|
+
LinkButton.displayName = "LinkButton";
|
|
10760
10871
|
// src/components/icons/outline/FilterIcon.tsx
|
|
10761
|
-
import { jsx as
|
|
10872
|
+
import { jsx as jsx45 } from "react/jsx-runtime";
|
|
10762
10873
|
function FilterIcon(param) {
|
|
10763
10874
|
var className = param.className;
|
|
10764
|
-
return /* @__PURE__ */
|
|
10875
|
+
return /* @__PURE__ */ jsx45("svg", {
|
|
10765
10876
|
className: className,
|
|
10766
10877
|
width: "22",
|
|
10767
10878
|
height: "22",
|
|
10768
10879
|
viewBox: "0 0 22 22",
|
|
10769
10880
|
fill: "none",
|
|
10770
10881
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10771
|
-
children: /* @__PURE__ */
|
|
10882
|
+
children: /* @__PURE__ */ jsx45("path", {
|
|
10772
10883
|
fillRule: "evenodd",
|
|
10773
10884
|
clipRule: "evenodd",
|
|
10774
|
-
d: "M10.0278 2.84729C7.67712 2.84729 5.37221 3.04531 3.12895 3.42572C2.37055 3.55432 1.83336 4.2145 1.83336 4.96859V5.84598C1.83336 6.51468 2.099 7.15598 2.57185 7.62882L7.13715 12.1941C7.37358 12.4305 7.5064 12.7511 7.5064 13.0855V18.6055C7.5064 18.8239 7.61951 19.0268 7.80535 19.1417C7.99118 19.2565 8.22323 19.267 8.41863 19.1693L11.1553 17.8009C12.0095 17.3738 12.5491 16.5008 12.5491 15.5458V13.0855C12.5491 12.7511 12.6819 12.4305 12.9183 12.1941L17.4837 7.62882C17.9565 7.15598 18.2221 6.51468 18.2221 5.84598V4.96857C18.2221 4.21448 17.6849 3.5543 16.9265 3.4257C14.6833 3.0453 12.3784 2.84729 10.0278 2.84729ZM3.33973 4.66863C5.51363 4.29998 7.74805 4.10794 10.0278 4.10794C12.3075 4.10794 14.5419 4.29998 16.7158 4.66861C16.8531 4.69189 16.9615 4.8142 16.9615 4.96857V5.84598C16.9615 6.18033 16.8286 6.50098 16.5922 6.7374L12.0269 11.3026C11.5541 11.7755 11.2884 12.4168 11.2884 13.0855V15.5458C11.2884 16.0233 11.0186 16.4598 10.5915 16.6734L8.76707 17.5856V13.0855C8.76707 12.4168 8.50143 11.7755 8.02859 11.3026L3.46328 6.7374C3.22685 6.50098 3.09403 6.18033 3.09403 5.84598V4.96859C3.09403 4.81422 3.20244 4.69191 3.33973 4.66863ZM15.1424 12.0035C14.9222 11.7833 14.5651 11.7833 14.3448 12.0035C14.1246 12.2238 14.1246 12.5809 14.3448 12.8011L16.3756 14.8318L14.3448 16.8625C14.1246 17.0828 14.1246 17.4399 14.3448 17.6601C14.5651 17.8804 14.9222 17.8804 15.1424 17.6601L17.1732 15.6294L19.2039 17.6601C19.4242 17.8804 19.7813 17.8804 20.0015 17.6601C20.2218 17.4399 20.2218 17.0828 20.0015 16.8625L17.9708 14.8318L20.0015 12.8011C20.2218 12.5809 20.2218 12.2238 20.0015 12.0035C19.7813 11.7833 19.4242 11.7833 19.2039 12.0035L17.1732 14.0342L15.1424 12.0035Z"
|
|
10775
|
-
fill: "#3E5CFA"
|
|
10885
|
+
d: "M10.0278 2.84729C7.67712 2.84729 5.37221 3.04531 3.12895 3.42572C2.37055 3.55432 1.83336 4.2145 1.83336 4.96859V5.84598C1.83336 6.51468 2.099 7.15598 2.57185 7.62882L7.13715 12.1941C7.37358 12.4305 7.5064 12.7511 7.5064 13.0855V18.6055C7.5064 18.8239 7.61951 19.0268 7.80535 19.1417C7.99118 19.2565 8.22323 19.267 8.41863 19.1693L11.1553 17.8009C12.0095 17.3738 12.5491 16.5008 12.5491 15.5458V13.0855C12.5491 12.7511 12.6819 12.4305 12.9183 12.1941L17.4837 7.62882C17.9565 7.15598 18.2221 6.51468 18.2221 5.84598V4.96857C18.2221 4.21448 17.6849 3.5543 16.9265 3.4257C14.6833 3.0453 12.3784 2.84729 10.0278 2.84729ZM3.33973 4.66863C5.51363 4.29998 7.74805 4.10794 10.0278 4.10794C12.3075 4.10794 14.5419 4.29998 16.7158 4.66861C16.8531 4.69189 16.9615 4.8142 16.9615 4.96857V5.84598C16.9615 6.18033 16.8286 6.50098 16.5922 6.7374L12.0269 11.3026C11.5541 11.7755 11.2884 12.4168 11.2884 13.0855V15.5458C11.2884 16.0233 11.0186 16.4598 10.5915 16.6734L8.76707 17.5856V13.0855C8.76707 12.4168 8.50143 11.7755 8.02859 11.3026L3.46328 6.7374C3.22685 6.50098 3.09403 6.18033 3.09403 5.84598V4.96859C3.09403 4.81422 3.20244 4.69191 3.33973 4.66863ZM15.1424 12.0035C14.9222 11.7833 14.5651 11.7833 14.3448 12.0035C14.1246 12.2238 14.1246 12.5809 14.3448 12.8011L16.3756 14.8318L14.3448 16.8625C14.1246 17.0828 14.1246 17.4399 14.3448 17.6601C14.5651 17.8804 14.9222 17.8804 15.1424 17.6601L17.1732 15.6294L19.2039 17.6601C19.4242 17.8804 19.7813 17.8804 20.0015 17.6601C20.2218 17.4399 20.2218 17.0828 20.0015 16.8625L17.9708 14.8318L20.0015 12.8011C20.2218 12.5809 20.2218 12.2238 20.0015 12.0035C19.7813 11.7833 19.4242 11.7833 19.2039 12.0035L17.1732 14.0342L15.1424 12.0035Z"
|
|
10776
10886
|
})
|
|
10777
10887
|
});
|
|
10778
10888
|
}
|
|
10779
10889
|
var FilterIcon_default = FilterIcon;
|
|
10780
10890
|
// src/components/secondary-navigation-bar.tsx
|
|
10781
|
-
import { Fragment as
|
|
10891
|
+
import { Fragment as Fragment9, jsx as jsx46, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
10782
10892
|
function SecondaryNavigationBar(param) {
|
|
10783
|
-
var _param_showSearchBar = param.showSearchBar, showSearchBar = _param_showSearchBar === void 0 ? true : _param_showSearchBar, searchValue = param.searchValue, searchPlaceholder = param.searchPlaceholder, title = param.title, border = param.border, backUrl = param.backUrl, showClear = param.showClear, clearText = param.clearText, icons = param.icons, actions = param.actions, children = param.children, _param_hasBackground = param.hasBackground, hasBackground = _param_hasBackground === void 0 ? true : _param_hasBackground, avatar = param.avatar, onSearchChange = param.onSearchChange, onClear = param.onClear;
|
|
10893
|
+
var _param_showSearchBar = param.showSearchBar, showSearchBar = _param_showSearchBar === void 0 ? true : _param_showSearchBar, searchValue = param.searchValue, searchPlaceholder = param.searchPlaceholder, title = param.title, border = param.border, backUrl = param.backUrl, showClear = param.showClear, clearText = param.clearText, icons = param.icons, actions = param.actions, children = param.children, _param_hasBackground = param.hasBackground, hasBackground = _param_hasBackground === void 0 ? true : _param_hasBackground, avatar = param.avatar, onSearchChange = param.onSearchChange, onClear = param.onClear, onBack = param.onBack;
|
|
10784
10894
|
var isMobile2 = useMedia5("(max-width: 768px)");
|
|
10785
10895
|
var navbarRef = useRef6(null);
|
|
10786
10896
|
var _useState8 = _sliced_to_array(useState8(hasBackground), 2), showBackground = _useState8[0], setShowBackground = _useState8[1];
|
|
@@ -10802,38 +10912,43 @@ function SecondaryNavigationBar(param) {
|
|
|
10802
10912
|
}, [
|
|
10803
10913
|
hasBackground
|
|
10804
10914
|
]);
|
|
10805
|
-
|
|
10806
|
-
return /* @__PURE__ */ jsx45("div", {
|
|
10915
|
+
return /* @__PURE__ */ jsx46("div", {
|
|
10807
10916
|
ref: navbarRef,
|
|
10808
|
-
className: cn("w-full flex flex-col md:flex-row justify-center items-center px-4 md:px-6", !isMobile2 && border && "border-b border-
|
|
10809
|
-
children: /* @__PURE__ */
|
|
10917
|
+
className: cn("w-full flex flex-col md:flex-row justify-center items-center px-4 md:px-6", !isMobile2 && border && "border-b border-default", showBackground && "bg-Colors-Background-Normal-Primary-Default"),
|
|
10918
|
+
children: /* @__PURE__ */ jsxs25("div", {
|
|
10810
10919
|
className: cn("relative w-full flex justify-between items-center h-14 md:h-15"),
|
|
10811
10920
|
children: [
|
|
10812
|
-
/* @__PURE__ */
|
|
10921
|
+
/* @__PURE__ */ jsxs25("div", {
|
|
10813
10922
|
className: cn("flex items-center", (avatar === null || avatar === void 0 ? void 0 : avatar.logo) && "min-w-[76px]"),
|
|
10814
10923
|
children: [
|
|
10815
|
-
backUrl && /* @__PURE__ */
|
|
10924
|
+
(backUrl || onBack) && /* @__PURE__ */ jsxs25("div", {
|
|
10816
10925
|
className: "flex justify-start items-center",
|
|
10817
10926
|
children: [
|
|
10818
|
-
/* @__PURE__ */
|
|
10927
|
+
backUrl ? /* @__PURE__ */ jsx46(Link, {
|
|
10819
10928
|
href: backUrl,
|
|
10820
10929
|
className: "flex justify-center items-center",
|
|
10821
|
-
children: /* @__PURE__ */
|
|
10930
|
+
children: /* @__PURE__ */ jsx46(IconButton, {
|
|
10822
10931
|
variant: !hasBackground ? "primary" : "plain",
|
|
10823
10932
|
color: !hasBackground ? "gray" : "brand",
|
|
10824
10933
|
size: "md",
|
|
10825
10934
|
icon: ArrowLeftIcon
|
|
10826
10935
|
})
|
|
10936
|
+
}) : /* @__PURE__ */ jsx46(IconButton, {
|
|
10937
|
+
variant: !hasBackground ? "primary" : "plain",
|
|
10938
|
+
color: !hasBackground ? "gray" : "brand",
|
|
10939
|
+
size: "md",
|
|
10940
|
+
icon: ArrowLeftIcon,
|
|
10941
|
+
onClick: onBack
|
|
10827
10942
|
}),
|
|
10828
|
-
!isMobile2 && title && /* @__PURE__ */
|
|
10943
|
+
!isMobile2 && title && /* @__PURE__ */ jsx46(Separator, {
|
|
10829
10944
|
orientation: "vertical",
|
|
10830
10945
|
className: "h-5 ml-1.5 mr-3"
|
|
10831
10946
|
})
|
|
10832
10947
|
]
|
|
10833
10948
|
}),
|
|
10834
|
-
title && (!showSearchBar || !isMobile2) && (!(avatar === null || avatar === void 0 ? void 0 : avatar.logo) || !isMobile2) && /* @__PURE__ */
|
|
10949
|
+
title && (!showSearchBar || !isMobile2) && (!(avatar === null || avatar === void 0 ? void 0 : avatar.logo) || !isMobile2) && /* @__PURE__ */ jsx46("div", {
|
|
10835
10950
|
className: "flex-1 flex-shrink-0 absolute w-full md:relative md:w-auto flex items-center justify-center md:justify-start",
|
|
10836
|
-
children: /* @__PURE__ */
|
|
10951
|
+
children: /* @__PURE__ */ jsx46(Display, {
|
|
10837
10952
|
size: isMobile2 ? "xs" : "sm",
|
|
10838
10953
|
className: cn("max-w-[calc(100%-168px)] md:max-w-fit flex-1 flex-shrink-0 absolute w-full md:relative md:w-auto text-center md:text-left line-clamp-1"),
|
|
10839
10954
|
children: title
|
|
@@ -10841,71 +10956,71 @@ function SecondaryNavigationBar(param) {
|
|
|
10841
10956
|
})
|
|
10842
10957
|
]
|
|
10843
10958
|
}),
|
|
10844
|
-
(avatar === null || avatar === void 0 ? void 0 : avatar.logo) && !showSearchBar && /* @__PURE__ */
|
|
10959
|
+
(avatar === null || avatar === void 0 ? void 0 : avatar.logo) && !showSearchBar && /* @__PURE__ */ jsxs25("div", {
|
|
10845
10960
|
className: "flex-shrink-0 flex relative px-3 justify-center items-center space-x-1.5",
|
|
10846
10961
|
children: [
|
|
10847
|
-
/* @__PURE__ */
|
|
10962
|
+
/* @__PURE__ */ jsx46(Avatar, {
|
|
10848
10963
|
size: "sm",
|
|
10849
10964
|
src: avatar.logo
|
|
10850
10965
|
}),
|
|
10851
|
-
avatar.name && !isMobile2 && /* @__PURE__ */
|
|
10966
|
+
avatar.name && !isMobile2 && /* @__PURE__ */ jsx46(Text, {
|
|
10852
10967
|
size: "lg",
|
|
10853
10968
|
weight: "medium",
|
|
10854
10969
|
children: avatar.name
|
|
10855
10970
|
})
|
|
10856
10971
|
]
|
|
10857
10972
|
}),
|
|
10858
|
-
/* @__PURE__ */
|
|
10973
|
+
/* @__PURE__ */ jsx46("div", {
|
|
10859
10974
|
className: cn("w-fit flex md:w-auto justify-end", !(avatar === null || avatar === void 0 ? void 0 : avatar.logo) && "flex-1"),
|
|
10860
|
-
children: children ? /* @__PURE__ */
|
|
10975
|
+
children: children ? /* @__PURE__ */ jsx46("div", {
|
|
10861
10976
|
className: "w-fit",
|
|
10862
10977
|
children: children
|
|
10863
|
-
}) : /* @__PURE__ */
|
|
10864
|
-
children: icons || actions ? /* @__PURE__ */
|
|
10978
|
+
}) : /* @__PURE__ */ jsx46(Fragment9, {
|
|
10979
|
+
children: icons || actions ? /* @__PURE__ */ jsxs25("div", {
|
|
10865
10980
|
className: cn("flex justify-end items-center", icons && "space-x-1 min-w-[76px]", actions && "space-x-3"),
|
|
10866
10981
|
children: [
|
|
10867
10982
|
icons && icons.map(function(icon, index) {
|
|
10868
|
-
return /* @__PURE__ */
|
|
10869
|
-
variant: !hasBackground ? "
|
|
10870
|
-
color: !hasBackground ? "
|
|
10983
|
+
return /* @__PURE__ */ jsx46(IconButton, {
|
|
10984
|
+
variant: !hasBackground ? "tertiary" : "plain",
|
|
10985
|
+
color: !hasBackground ? "default" : "brand",
|
|
10871
10986
|
size: "md",
|
|
10872
10987
|
icon: icon.icon,
|
|
10873
10988
|
onClick: icon.onClick
|
|
10874
10989
|
}, index);
|
|
10875
10990
|
}),
|
|
10876
10991
|
actions && actions.map(function(action, index) {
|
|
10877
|
-
return /* @__PURE__ */
|
|
10992
|
+
return /* @__PURE__ */ jsx46(Button, _object_spread_props(_object_spread({
|
|
10878
10993
|
size: "md"
|
|
10879
10994
|
}, action), {
|
|
10880
10995
|
children: action.label
|
|
10881
10996
|
}), index);
|
|
10882
10997
|
})
|
|
10883
10998
|
]
|
|
10884
|
-
}) : /* @__PURE__ */
|
|
10999
|
+
}) : /* @__PURE__ */ jsxs25(Fragment9, {
|
|
10885
11000
|
children: [
|
|
10886
|
-
showClear && !isMobile2 && /* @__PURE__ */
|
|
10887
|
-
"aria-label":
|
|
11001
|
+
showClear && !isMobile2 && /* @__PURE__ */ jsxs25(Button, {
|
|
11002
|
+
"aria-label": clearText || "Clear Filters",
|
|
10888
11003
|
size: "md",
|
|
10889
|
-
variant: "
|
|
11004
|
+
variant: "secondary",
|
|
10890
11005
|
color: "default",
|
|
10891
|
-
className: "hidden md:flex relative text-sm
|
|
11006
|
+
className: "hidden md:flex relative text-sm font-medium ml-2 mr-3 px-4 justify-center items-center",
|
|
10892
11007
|
onClick: onClear,
|
|
10893
11008
|
children: [
|
|
10894
|
-
/* @__PURE__ */
|
|
11009
|
+
/* @__PURE__ */ jsx46("div", {
|
|
10895
11010
|
className: "relative mr-1.5",
|
|
10896
|
-
children: /* @__PURE__ */
|
|
10897
|
-
className: "w-5 h-5"
|
|
11011
|
+
children: /* @__PURE__ */ jsx46(FilterIcon_default, {
|
|
11012
|
+
className: "w-5 h-5 fill-cc-Button-Secondary-fg-default"
|
|
10898
11013
|
})
|
|
10899
11014
|
}),
|
|
10900
|
-
/* @__PURE__ */
|
|
11015
|
+
/* @__PURE__ */ jsx46("span", {
|
|
10901
11016
|
className: "hidden md:block",
|
|
10902
|
-
children:
|
|
11017
|
+
children: clearText || "Clear Filters"
|
|
10903
11018
|
})
|
|
10904
11019
|
]
|
|
10905
11020
|
}),
|
|
10906
|
-
showSearchBar && /* @__PURE__ */
|
|
11021
|
+
showSearchBar && /* @__PURE__ */ jsx46("div", {
|
|
10907
11022
|
className: "relative w-full md:w-60",
|
|
10908
|
-
children: /* @__PURE__ */
|
|
11023
|
+
children: /* @__PURE__ */ jsx46(SearchBar, {
|
|
10909
11024
|
color: "gray",
|
|
10910
11025
|
size: "xs",
|
|
10911
11026
|
searchValue: searchValue,
|
|
@@ -10915,16 +11030,16 @@ function SecondaryNavigationBar(param) {
|
|
|
10915
11030
|
}
|
|
10916
11031
|
})
|
|
10917
11032
|
}),
|
|
10918
|
-
showClear && isMobile2 && /* @__PURE__ */
|
|
11033
|
+
showClear && isMobile2 && /* @__PURE__ */ jsx46(IconButton, {
|
|
10919
11034
|
className: "flex-shrink-0 flex relative text-sm font-medium px-4 justify-center items-center ml-3",
|
|
10920
|
-
"aria-label":
|
|
11035
|
+
"aria-label": clearText || "Clear Filters",
|
|
10921
11036
|
size: "md",
|
|
10922
11037
|
variant: "primary",
|
|
10923
11038
|
color: "default",
|
|
10924
11039
|
onClick: onClear,
|
|
10925
|
-
children: /* @__PURE__ */
|
|
11040
|
+
children: /* @__PURE__ */ jsx46("div", {
|
|
10926
11041
|
className: "relative",
|
|
10927
|
-
children: /* @__PURE__ */
|
|
11042
|
+
children: /* @__PURE__ */ jsx46(FilterIcon_default, {})
|
|
10928
11043
|
})
|
|
10929
11044
|
})
|
|
10930
11045
|
]
|
|
@@ -10939,9 +11054,9 @@ function SecondaryNavigationBar(param) {
|
|
|
10939
11054
|
import { CheckIcon as CheckIcon2 } from "@heroicons/react/24/outline";
|
|
10940
11055
|
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
10941
11056
|
import { ChevronDown as ChevronDown2, ChevronUp } from "lucide-react";
|
|
10942
|
-
import * as
|
|
10943
|
-
import { Fragment as
|
|
10944
|
-
var Select =
|
|
11057
|
+
import * as React33 from "react";
|
|
11058
|
+
import { Fragment as Fragment10, jsx as jsx47, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
11059
|
+
var Select = React33.forwardRef(function(_param, ref) {
|
|
10945
11060
|
var children = _param.children, placeholder = _param.placeholder, options = _param.options, triggerClassName = _param.triggerClassName, props = _object_without_properties(_param, [
|
|
10946
11061
|
"children",
|
|
10947
11062
|
"placeholder",
|
|
@@ -10952,26 +11067,26 @@ var Select = React32.forwardRef(function(_param, ref) {
|
|
|
10952
11067
|
var icon = options === null || options === void 0 ? void 0 : (_options_find = options.find(function(item) {
|
|
10953
11068
|
return item.value === props.value;
|
|
10954
11069
|
})) === null || _options_find === void 0 ? void 0 : _options_find.icon;
|
|
10955
|
-
return /* @__PURE__ */
|
|
10956
|
-
children: Array.isArray(options) && options.length ? /* @__PURE__ */
|
|
11070
|
+
return /* @__PURE__ */ jsx47(SelectPrimitive.Root, _object_spread_props(_object_spread({}, props), {
|
|
11071
|
+
children: Array.isArray(options) && options.length ? /* @__PURE__ */ jsxs26(Fragment10, {
|
|
10957
11072
|
children: [
|
|
10958
|
-
/* @__PURE__ */
|
|
11073
|
+
/* @__PURE__ */ jsx47(SelectTrigger, {
|
|
10959
11074
|
className: cn(triggerClassName),
|
|
10960
|
-
children: /* @__PURE__ */
|
|
11075
|
+
children: /* @__PURE__ */ jsxs26("div", {
|
|
10961
11076
|
className: "flex items-center",
|
|
10962
11077
|
children: [
|
|
10963
|
-
/* @__PURE__ */
|
|
11078
|
+
/* @__PURE__ */ jsx47(SelectIcon, {
|
|
10964
11079
|
icon: icon
|
|
10965
11080
|
}),
|
|
10966
|
-
/* @__PURE__ */
|
|
11081
|
+
/* @__PURE__ */ jsx47(SelectValue, {
|
|
10967
11082
|
placeholder: placeholder
|
|
10968
11083
|
})
|
|
10969
11084
|
]
|
|
10970
11085
|
})
|
|
10971
11086
|
}),
|
|
10972
|
-
/* @__PURE__ */
|
|
11087
|
+
/* @__PURE__ */ jsx47(SelectContent, {
|
|
10973
11088
|
children: options.map(function(item, i) {
|
|
10974
|
-
return /* @__PURE__ */
|
|
11089
|
+
return /* @__PURE__ */ jsx47(SelectItem, _object_spread_props(_object_spread({}, item), {
|
|
10975
11090
|
children: item.label
|
|
10976
11091
|
}), "".concat(item.value, "_").concat(i));
|
|
10977
11092
|
})
|
|
@@ -10982,20 +11097,20 @@ var Select = React32.forwardRef(function(_param, ref) {
|
|
|
10982
11097
|
});
|
|
10983
11098
|
var SelectGroup = SelectPrimitive.Group;
|
|
10984
11099
|
var SelectValue = SelectPrimitive.Value;
|
|
10985
|
-
var SelectTrigger =
|
|
11100
|
+
var SelectTrigger = React33.forwardRef(function(_param, ref) {
|
|
10986
11101
|
var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
|
|
10987
11102
|
"className",
|
|
10988
11103
|
"children"
|
|
10989
11104
|
]);
|
|
10990
|
-
return /* @__PURE__ */
|
|
11105
|
+
return /* @__PURE__ */ jsxs26(SelectPrimitive.Trigger, _object_spread_props(_object_spread({
|
|
10991
11106
|
ref: ref,
|
|
10992
11107
|
className: cn("flex h-10 w-full items-center justify-between rounded-md border border-Colors-Border-Default bg-Colors-Background-Neutral-On-Surface-Default text-Colors-Text-Default text-sm p-3 ring-offset-cc-Focus-Rings-Brand-default focus:shadow-cc-Focus-Rings-Brand-default placeholder:text-Colors-Text-Subtlest focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-30 [&>span]:line-clamp-1 [&>.select-chevron]:aria-expanded:rotate-180", className)
|
|
10993
11108
|
}, props), {
|
|
10994
11109
|
children: [
|
|
10995
11110
|
children,
|
|
10996
|
-
/* @__PURE__ */
|
|
11111
|
+
/* @__PURE__ */ jsx47(SelectPrimitive.Icon, {
|
|
10997
11112
|
asChild: true,
|
|
10998
|
-
children: /* @__PURE__ */
|
|
11113
|
+
children: /* @__PURE__ */ jsx47(ChevronDown2, {
|
|
10999
11114
|
className: "select-chevron h-5 w-5 text-Colors-Foreground-Subtle duration-200"
|
|
11000
11115
|
})
|
|
11001
11116
|
})
|
|
@@ -11003,47 +11118,47 @@ var SelectTrigger = React32.forwardRef(function(_param, ref) {
|
|
|
11003
11118
|
}));
|
|
11004
11119
|
});
|
|
11005
11120
|
SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
|
|
11006
|
-
var SelectScrollUpButton =
|
|
11121
|
+
var SelectScrollUpButton = React33.forwardRef(function(_param, ref) {
|
|
11007
11122
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
11008
11123
|
"className"
|
|
11009
11124
|
]);
|
|
11010
|
-
return /* @__PURE__ */
|
|
11125
|
+
return /* @__PURE__ */ jsx47(SelectPrimitive.ScrollUpButton, _object_spread_props(_object_spread({
|
|
11011
11126
|
ref: ref,
|
|
11012
11127
|
className: cn("flex cursor-default items-center justify-center py-1", className)
|
|
11013
11128
|
}, props), {
|
|
11014
|
-
children: /* @__PURE__ */
|
|
11129
|
+
children: /* @__PURE__ */ jsx47(ChevronUp, {
|
|
11015
11130
|
className: "h-4 w-4"
|
|
11016
11131
|
})
|
|
11017
11132
|
}));
|
|
11018
11133
|
});
|
|
11019
11134
|
SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
|
|
11020
|
-
var SelectScrollDownButton =
|
|
11135
|
+
var SelectScrollDownButton = React33.forwardRef(function(_param, ref) {
|
|
11021
11136
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
11022
11137
|
"className"
|
|
11023
11138
|
]);
|
|
11024
|
-
return /* @__PURE__ */
|
|
11139
|
+
return /* @__PURE__ */ jsx47(SelectPrimitive.ScrollDownButton, _object_spread_props(_object_spread({
|
|
11025
11140
|
ref: ref,
|
|
11026
11141
|
className: cn("flex cursor-default items-center justify-center py-1", className)
|
|
11027
11142
|
}, props), {
|
|
11028
|
-
children: /* @__PURE__ */
|
|
11143
|
+
children: /* @__PURE__ */ jsx47(ChevronDown2, {
|
|
11029
11144
|
className: "h-4 w-4"
|
|
11030
11145
|
})
|
|
11031
11146
|
}));
|
|
11032
11147
|
});
|
|
11033
11148
|
SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
|
|
11034
|
-
var SelectContent =
|
|
11149
|
+
var SelectContent = React33.forwardRef(function(_param, ref) {
|
|
11035
11150
|
var className = _param.className, children = _param.children, _param_position = _param.position, position = _param_position === void 0 ? "popper" : _param_position, props = _object_without_properties(_param, [
|
|
11036
11151
|
"className",
|
|
11037
11152
|
"children",
|
|
11038
11153
|
"position"
|
|
11039
11154
|
]);
|
|
11040
|
-
return /* @__PURE__ */
|
|
11041
|
-
children: /* @__PURE__ */
|
|
11155
|
+
return /* @__PURE__ */ jsx47(SelectPrimitive.Portal, {
|
|
11156
|
+
children: /* @__PURE__ */ jsx47(SelectPrimitive.Content, _object_spread_props(_object_spread({
|
|
11042
11157
|
ref: ref,
|
|
11043
11158
|
className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-opaque bg-Colors-Background-Normal-Primary-Default text-Colors-Text-Default shadow-cc-Shadows-Modal-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
|
|
11044
11159
|
position: position
|
|
11045
11160
|
}, props), {
|
|
11046
|
-
children: /* @__PURE__ */
|
|
11161
|
+
children: /* @__PURE__ */ jsx47(SelectPrimitive.Viewport, {
|
|
11047
11162
|
className: cn("p-1.5 space-y-1.5", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
|
|
11048
11163
|
children: children
|
|
11049
11164
|
})
|
|
@@ -11051,11 +11166,11 @@ var SelectContent = React32.forwardRef(function(_param, ref) {
|
|
|
11051
11166
|
});
|
|
11052
11167
|
});
|
|
11053
11168
|
SelectContent.displayName = SelectPrimitive.Content.displayName;
|
|
11054
|
-
var SelectLabel =
|
|
11169
|
+
var SelectLabel = React33.forwardRef(function(_param, ref) {
|
|
11055
11170
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
11056
11171
|
"className"
|
|
11057
11172
|
]);
|
|
11058
|
-
return /* @__PURE__ */
|
|
11173
|
+
return /* @__PURE__ */ jsx47(SelectPrimitive.Label, _object_spread({
|
|
11059
11174
|
ref: ref,
|
|
11060
11175
|
className: cn("py-1 px-3 text-sm font-medium text-Colors-Text-Subtler", className)
|
|
11061
11176
|
}, props));
|
|
@@ -11066,55 +11181,55 @@ function SelectIcon(props) {
|
|
|
11066
11181
|
if (!icon) {
|
|
11067
11182
|
return null;
|
|
11068
11183
|
}
|
|
11069
|
-
return /* @__PURE__ */
|
|
11184
|
+
return /* @__PURE__ */ jsx47(SelectPrimitive.Icon, {
|
|
11070
11185
|
children: typeof icon === "string" ? // 如果是字符串URL,作为背景图片显示
|
|
11071
|
-
/* @__PURE__ */
|
|
11186
|
+
/* @__PURE__ */ jsx47("div", {
|
|
11072
11187
|
className: cn("aspect-[20/20] w-5 h-5 relative bg-cover bg-no-repeat rounded-md overflow-hidden mr-1.5", critical && "text-Colors-Text-Critical-Default"),
|
|
11073
11188
|
style: {
|
|
11074
11189
|
backgroundImage: "url('".concat(icon, "')")
|
|
11075
11190
|
}
|
|
11076
|
-
}) :
|
|
11077
|
-
/* @__PURE__ */
|
|
11191
|
+
}) : React33.isValidElement(icon) ? // 如果是React元素,直接渲染
|
|
11192
|
+
/* @__PURE__ */ jsx47("div", {
|
|
11078
11193
|
className: cn("mr-1.5 w-5 h-5 text-Colors-Foreground-Default", critical && "text-Colors-Foreground-Critical-Default"),
|
|
11079
11194
|
children: icon
|
|
11080
11195
|
}) : // 如果是组件类型,创建元素
|
|
11081
|
-
/* @__PURE__ */
|
|
11196
|
+
/* @__PURE__ */ jsx47("div", {
|
|
11082
11197
|
className: cn("mr-1.5 w-5 h-5 text-Colors-Foreground-Default", critical && "text-Colors-Foreground-Critical-Default"),
|
|
11083
|
-
children:
|
|
11198
|
+
children: React33.createElement(icon, {
|
|
11084
11199
|
className: cn("w-5 h-5 text-Colors-Foreground-Default", critical && "text-Colors-Foreground-Critical-Default")
|
|
11085
11200
|
})
|
|
11086
11201
|
})
|
|
11087
11202
|
});
|
|
11088
11203
|
}
|
|
11089
11204
|
SelectIcon.displayName = SelectPrimitive.Icon.displayName;
|
|
11090
|
-
var SelectItem =
|
|
11205
|
+
var SelectItem = React33.forwardRef(function(_param, ref) {
|
|
11091
11206
|
var className = _param.className, children = _param.children, icon = _param.icon, critical = _param.critical, props = _object_without_properties(_param, [
|
|
11092
11207
|
"className",
|
|
11093
11208
|
"children",
|
|
11094
11209
|
"icon",
|
|
11095
11210
|
"critical"
|
|
11096
11211
|
]);
|
|
11097
|
-
return /* @__PURE__ */
|
|
11212
|
+
return /* @__PURE__ */ jsxs26(SelectPrimitive.Item, _object_spread_props(_object_spread({
|
|
11098
11213
|
ref: ref,
|
|
11099
11214
|
className: cn("relative flex justify-between w-full text-sm cursor-pointer select-none items-center rounded-md py-1 px-1.5 outline-none", "bg-Colors-Background-Normal-Secondary-Alt hover:bg-Colors-Background-Normal-Primary-Hover focus:bg-Colors-Background-Neutral-Primary-Default data-[disabled]:opacity-30 data-[disabled]:cursor-not-allowed", critical ? "text-Colors-Text-Critical-Default" : "focus:text-Colors-Text-Default", className)
|
|
11100
11215
|
}, props), {
|
|
11101
11216
|
children: [
|
|
11102
|
-
/* @__PURE__ */
|
|
11217
|
+
/* @__PURE__ */ jsxs26("span", {
|
|
11103
11218
|
className: "flex items-center grow",
|
|
11104
11219
|
children: [
|
|
11105
|
-
/* @__PURE__ */
|
|
11220
|
+
/* @__PURE__ */ jsx47(SelectIcon, {
|
|
11106
11221
|
icon: icon,
|
|
11107
11222
|
critical: critical
|
|
11108
11223
|
}),
|
|
11109
|
-
/* @__PURE__ */
|
|
11224
|
+
/* @__PURE__ */ jsx47(SelectPrimitive.ItemText, {
|
|
11110
11225
|
children: children
|
|
11111
11226
|
})
|
|
11112
11227
|
]
|
|
11113
11228
|
}),
|
|
11114
|
-
/* @__PURE__ */
|
|
11229
|
+
/* @__PURE__ */ jsx47("span", {
|
|
11115
11230
|
className: "flex h-4 w-4 items-center justify-center",
|
|
11116
|
-
children: /* @__PURE__ */
|
|
11117
|
-
children: /* @__PURE__ */
|
|
11231
|
+
children: /* @__PURE__ */ jsx47(SelectPrimitive.ItemIndicator, {
|
|
11232
|
+
children: /* @__PURE__ */ jsx47(CheckIcon2, {
|
|
11118
11233
|
className: "h-4 w-4 text-Colors-Foreground-Subtle stroke-[2px]"
|
|
11119
11234
|
})
|
|
11120
11235
|
})
|
|
@@ -11123,11 +11238,11 @@ var SelectItem = React32.forwardRef(function(_param, ref) {
|
|
|
11123
11238
|
}));
|
|
11124
11239
|
});
|
|
11125
11240
|
SelectItem.displayName = SelectPrimitive.Item.displayName;
|
|
11126
|
-
var SelectSeparator =
|
|
11241
|
+
var SelectSeparator = React33.forwardRef(function(_param, ref) {
|
|
11127
11242
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
11128
11243
|
"className"
|
|
11129
11244
|
]);
|
|
11130
|
-
return /* @__PURE__ */
|
|
11245
|
+
return /* @__PURE__ */ jsx47(SelectPrimitive.Separator, _object_spread({
|
|
11131
11246
|
ref: ref,
|
|
11132
11247
|
className: cn("-mx-1 my-1 h-px bg-border-default", className)
|
|
11133
11248
|
}, props));
|
|
@@ -11137,17 +11252,17 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
|
|
|
11137
11252
|
import * as SheetPrimitive from "@radix-ui/react-dialog";
|
|
11138
11253
|
import { cva as cva15 } from "class-variance-authority";
|
|
11139
11254
|
import { X as X2 } from "lucide-react";
|
|
11140
|
-
import * as
|
|
11141
|
-
import { jsx as
|
|
11255
|
+
import * as React34 from "react";
|
|
11256
|
+
import { jsx as jsx48, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
11142
11257
|
var Sheet = SheetPrimitive.Root;
|
|
11143
11258
|
var SheetTrigger = SheetPrimitive.Trigger;
|
|
11144
11259
|
var SheetClose = SheetPrimitive.Close;
|
|
11145
11260
|
var SheetPortal = SheetPrimitive.Portal;
|
|
11146
|
-
var SheetOverlay =
|
|
11261
|
+
var SheetOverlay = React34.forwardRef(function(_param, ref) {
|
|
11147
11262
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
11148
11263
|
"className"
|
|
11149
11264
|
]);
|
|
11150
|
-
return /* @__PURE__ */
|
|
11265
|
+
return /* @__PURE__ */ jsx48(SheetPrimitive.Overlay, _object_spread_props(_object_spread({
|
|
11151
11266
|
className: cn("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className)
|
|
11152
11267
|
}, props), {
|
|
11153
11268
|
ref: ref
|
|
@@ -11167,16 +11282,16 @@ var sheetVariants = cva15("fixed z-50 gap-4 bg-white p-6 shadow-lg transition ea
|
|
|
11167
11282
|
side: "right"
|
|
11168
11283
|
}
|
|
11169
11284
|
});
|
|
11170
|
-
var SheetContent =
|
|
11285
|
+
var SheetContent = React34.forwardRef(function(_param, ref) {
|
|
11171
11286
|
var _param_side = _param.side, side = _param_side === void 0 ? "right" : _param_side, className = _param.className, children = _param.children, props = _object_without_properties(_param, [
|
|
11172
11287
|
"side",
|
|
11173
11288
|
"className",
|
|
11174
11289
|
"children"
|
|
11175
11290
|
]);
|
|
11176
|
-
return /* @__PURE__ */
|
|
11291
|
+
return /* @__PURE__ */ jsxs27(SheetPortal, {
|
|
11177
11292
|
children: [
|
|
11178
|
-
/* @__PURE__ */
|
|
11179
|
-
/* @__PURE__ */
|
|
11293
|
+
/* @__PURE__ */ jsx48(SheetOverlay, {}),
|
|
11294
|
+
/* @__PURE__ */ jsxs27(SheetPrimitive.Content, _object_spread_props(_object_spread({
|
|
11180
11295
|
ref: ref,
|
|
11181
11296
|
className: cn(sheetVariants({
|
|
11182
11297
|
side: side
|
|
@@ -11184,13 +11299,13 @@ var SheetContent = React33.forwardRef(function(_param, ref) {
|
|
|
11184
11299
|
}, props), {
|
|
11185
11300
|
children: [
|
|
11186
11301
|
children,
|
|
11187
|
-
/* @__PURE__ */
|
|
11302
|
+
/* @__PURE__ */ jsxs27(SheetPrimitive.Close, {
|
|
11188
11303
|
className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-slate-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-slate-100 dark:ring-offset-slate-950 dark:focus:ring-slate-300 dark:data-[state=open]:bg-slate-800",
|
|
11189
11304
|
children: [
|
|
11190
|
-
/* @__PURE__ */
|
|
11305
|
+
/* @__PURE__ */ jsx48(X2, {
|
|
11191
11306
|
className: "h-4 w-4"
|
|
11192
11307
|
}),
|
|
11193
|
-
/* @__PURE__ */
|
|
11308
|
+
/* @__PURE__ */ jsx48("span", {
|
|
11194
11309
|
className: "sr-only",
|
|
11195
11310
|
children: "Close"
|
|
11196
11311
|
})
|
|
@@ -11206,7 +11321,7 @@ var SheetHeader = function(_param) {
|
|
|
11206
11321
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
11207
11322
|
"className"
|
|
11208
11323
|
]);
|
|
11209
|
-
return /* @__PURE__ */
|
|
11324
|
+
return /* @__PURE__ */ jsx48("div", _object_spread({
|
|
11210
11325
|
className: cn("flex flex-col space-y-2 text-center sm:text-left", className)
|
|
11211
11326
|
}, props));
|
|
11212
11327
|
};
|
|
@@ -11215,65 +11330,65 @@ var SheetFooter = function(_param) {
|
|
|
11215
11330
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
11216
11331
|
"className"
|
|
11217
11332
|
]);
|
|
11218
|
-
return /* @__PURE__ */
|
|
11333
|
+
return /* @__PURE__ */ jsx48("div", _object_spread({
|
|
11219
11334
|
className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)
|
|
11220
11335
|
}, props));
|
|
11221
11336
|
};
|
|
11222
11337
|
SheetFooter.displayName = "SheetFooter";
|
|
11223
|
-
var SheetTitle =
|
|
11338
|
+
var SheetTitle = React34.forwardRef(function(_param, ref) {
|
|
11224
11339
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
11225
11340
|
"className"
|
|
11226
11341
|
]);
|
|
11227
|
-
return /* @__PURE__ */
|
|
11342
|
+
return /* @__PURE__ */ jsx48(SheetPrimitive.Title, _object_spread({
|
|
11228
11343
|
ref: ref,
|
|
11229
11344
|
className: cn("text-lg font-semibold text-slate-950 dark:text-slate-50", className)
|
|
11230
11345
|
}, props));
|
|
11231
11346
|
});
|
|
11232
11347
|
SheetTitle.displayName = SheetPrimitive.Title.displayName;
|
|
11233
|
-
var SheetDescription =
|
|
11348
|
+
var SheetDescription = React34.forwardRef(function(_param, ref) {
|
|
11234
11349
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
11235
11350
|
"className"
|
|
11236
11351
|
]);
|
|
11237
|
-
return /* @__PURE__ */
|
|
11352
|
+
return /* @__PURE__ */ jsx48(SheetPrimitive.Description, _object_spread({
|
|
11238
11353
|
ref: ref,
|
|
11239
11354
|
className: cn("text-sm text-slate-500 dark:text-slate-400", className)
|
|
11240
11355
|
}, props));
|
|
11241
11356
|
});
|
|
11242
11357
|
SheetDescription.displayName = SheetPrimitive.Description.displayName;
|
|
11243
11358
|
// src/components/skeleton.tsx
|
|
11244
|
-
import { jsx as
|
|
11359
|
+
import { jsx as jsx49 } from "react/jsx-runtime";
|
|
11245
11360
|
function Skeleton(_param) {
|
|
11246
11361
|
var className = _param.className, _param_animate = _param.animate, animate = _param_animate === void 0 ? true : _param_animate, props = _object_without_properties(_param, [
|
|
11247
11362
|
"className",
|
|
11248
11363
|
"animate"
|
|
11249
11364
|
]);
|
|
11250
|
-
return /* @__PURE__ */
|
|
11365
|
+
return /* @__PURE__ */ jsx49("div", _object_spread({
|
|
11251
11366
|
className: cn("rounded-md bg-Colors-Background-Normal-Secondary-Default", className, animate && "animate-pulse")
|
|
11252
11367
|
}, props));
|
|
11253
11368
|
}
|
|
11254
11369
|
// src/components/slider.tsx
|
|
11255
11370
|
import * as SliderPrimitive from "@radix-ui/react-slider";
|
|
11256
|
-
import * as
|
|
11257
|
-
import { jsx as
|
|
11258
|
-
var Slider =
|
|
11371
|
+
import * as React35 from "react";
|
|
11372
|
+
import { jsx as jsx50, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
11373
|
+
var Slider = React35.forwardRef(function(_param, ref) {
|
|
11259
11374
|
var className = _param.className, _param_size = _param.size, size = _param_size === void 0 ? "lg" : _param_size, props = _object_without_properties(_param, [
|
|
11260
11375
|
"className",
|
|
11261
11376
|
"size"
|
|
11262
11377
|
]);
|
|
11263
|
-
return /* @__PURE__ */
|
|
11378
|
+
return /* @__PURE__ */ jsx50("div", {
|
|
11264
11379
|
className: "w-full p-3 flex justify-center items-center h-10 rounded-lg border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active shadow-background-default text-sm text-Colors-Text-Default ring-offset-cc-Focus-Rings-Brand-default hover:border-hovered hover:bg-surface-subtle aria-[invalid=true]:border-critical aria-[invalid=true]:hover:border-Colors-Border-Critical aria-[invalid=true]:hover:bg-surface-accent-red-subtlest aria-[invalid=true]:focus-visible:ring-error file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-Colors-Text-Subtler focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-30",
|
|
11265
|
-
children: /* @__PURE__ */
|
|
11380
|
+
children: /* @__PURE__ */ jsxs28(SliderPrimitive.Root, _object_spread_props(_object_spread({
|
|
11266
11381
|
ref: ref,
|
|
11267
11382
|
className: cn("relative flex w-full touch-none select-none items-center", className)
|
|
11268
11383
|
}, props), {
|
|
11269
11384
|
children: [
|
|
11270
|
-
/* @__PURE__ */
|
|
11385
|
+
/* @__PURE__ */ jsx50(SliderPrimitive.Track, {
|
|
11271
11386
|
className: cn("relative w-full grow overflow-hidden rounded-full bg-Colors-Background-Neutral-Primary-Hover data-[disabled]:opacity-30", size === "sm" ? "h-0.5" : "h-1.5"),
|
|
11272
|
-
children: /* @__PURE__ */
|
|
11387
|
+
children: /* @__PURE__ */ jsx50(SliderPrimitive.Range, {
|
|
11273
11388
|
className: "absolute h-full bg-Colors-Background-Brand-Default data-[disabled]:opacity-30"
|
|
11274
11389
|
})
|
|
11275
11390
|
}),
|
|
11276
|
-
/* @__PURE__ */
|
|
11391
|
+
/* @__PURE__ */ jsx50(SliderPrimitive.Thumb, {
|
|
11277
11392
|
className: cn("block rounded-full border-Colors-Utility-Lake-Blue-40 bg-Colors-Background-Normal-Primary-Default ring-offset-cc-Focus-Rings-Brand-default transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 data-[disabled]:pointer-events-none data-[disabled]:opacity-30", size === "sm" ? "w-2 h-2 border-[1.5px]" : "w-5 h-5 border-[3px]")
|
|
11278
11393
|
})
|
|
11279
11394
|
]
|
|
@@ -11281,7 +11396,7 @@ var Slider = React34.forwardRef(function(_param, ref) {
|
|
|
11281
11396
|
});
|
|
11282
11397
|
});
|
|
11283
11398
|
Slider.displayName = SliderPrimitive.Root.displayName;
|
|
11284
|
-
var SliderSingle =
|
|
11399
|
+
var SliderSingle = React35.forwardRef(function(_param, ref) {
|
|
11285
11400
|
var className = _param.className, containerClassName = _param.containerClassName, trackClassName = _param.trackClassName, rangeClassName = _param.rangeClassName, thumbClassName = _param.thumbClassName, _param_size = _param.size, size = _param_size === void 0 ? "lg" : _param_size, value1 = _param.value, defaultValue = _param.defaultValue, onValueChange = _param.onValueChange, onValueCommit = _param.onValueCommit, _param_settable = _param.settable, settable = _param_settable === void 0 ? true : _param_settable, props = _object_without_properties(_param, [
|
|
11286
11401
|
"className",
|
|
11287
11402
|
"containerClassName",
|
|
@@ -11295,12 +11410,12 @@ var SliderSingle = React34.forwardRef(function(_param, ref) {
|
|
|
11295
11410
|
"onValueCommit",
|
|
11296
11411
|
"settable"
|
|
11297
11412
|
]);
|
|
11298
|
-
return /* @__PURE__ */
|
|
11413
|
+
return /* @__PURE__ */ jsxs28("div", {
|
|
11299
11414
|
className: "flex w-full items-center space-x-1.5",
|
|
11300
11415
|
children: [
|
|
11301
|
-
/* @__PURE__ */
|
|
11416
|
+
/* @__PURE__ */ jsx50("div", {
|
|
11302
11417
|
className: cn("w-full p-3 flex justify-center items-center h-10 rounded-lg border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active shadow-background-default text-sm text-Colors-Text-Default ring-offset-cc-Focus-Rings-Brand-default hover:border-hovered hover:bg-surface-subtle aria-[invalid=true]:border-critical aria-[invalid=true]:hover:border-Colors-Border-Critical aria-[invalid=true]:hover:bg-surface-accent-red-subtlest aria-[invalid=true]:focus-visible:ring-error file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-Colors-Text-Subtler focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-30", containerClassName),
|
|
11303
|
-
children: /* @__PURE__ */
|
|
11418
|
+
children: /* @__PURE__ */ jsxs28(SliderPrimitive.Root, _object_spread_props(_object_spread({
|
|
11304
11419
|
ref: ref,
|
|
11305
11420
|
className: cn("relative flex w-full touch-none select-none items-center", className),
|
|
11306
11421
|
value: typeof value1 === "number" ? [
|
|
@@ -11317,21 +11432,21 @@ var SliderSingle = React34.forwardRef(function(_param, ref) {
|
|
|
11317
11432
|
}
|
|
11318
11433
|
}, props), {
|
|
11319
11434
|
children: [
|
|
11320
|
-
/* @__PURE__ */
|
|
11435
|
+
/* @__PURE__ */ jsx50(SliderPrimitive.Track, {
|
|
11321
11436
|
className: cn("relative w-full grow overflow-hidden rounded-full bg-Colors-Background-Neutral-Primary-Hover data-[disabled]:opacity-30", size === "sm" ? "h-0.5" : "h-1.5", trackClassName),
|
|
11322
|
-
children: /* @__PURE__ */
|
|
11437
|
+
children: /* @__PURE__ */ jsx50(SliderPrimitive.Range, {
|
|
11323
11438
|
className: cn("absolute h-full bg-Colors-Background-Brand-Default data-[disabled]:opacity-30", rangeClassName)
|
|
11324
11439
|
})
|
|
11325
11440
|
}),
|
|
11326
|
-
/* @__PURE__ */
|
|
11441
|
+
/* @__PURE__ */ jsx50(SliderPrimitive.Thumb, {
|
|
11327
11442
|
className: cn("cursor-pointer block rounded-full border-Colors-Utility-Lake-Blue-40 bg-Colors-Background-Normal-Primary-Default ring-offset-cc-Focus-Rings-Brand-default transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 data-[disabled]:pointer-events-none data-[disabled]:opacity-30", size === "sm" ? "w-2 h-2 border-[1.5px]" : "w-5 h-5 border-[3px]", thumbClassName)
|
|
11328
11443
|
})
|
|
11329
11444
|
]
|
|
11330
11445
|
}))
|
|
11331
11446
|
}),
|
|
11332
|
-
settable && /* @__PURE__ */
|
|
11447
|
+
settable && /* @__PURE__ */ jsx50("div", {
|
|
11333
11448
|
className: "flex-shrink-0 w-14 h-9 flex justify-center items-center rounded-lg",
|
|
11334
|
-
children: /* @__PURE__ */
|
|
11449
|
+
children: /* @__PURE__ */ jsx50(NumberInput, {
|
|
11335
11450
|
value: value1,
|
|
11336
11451
|
min: props === null || props === void 0 ? void 0 : props.min,
|
|
11337
11452
|
max: props === null || props === void 0 ? void 0 : props.max,
|
|
@@ -11349,8 +11464,8 @@ var SliderSingle = React34.forwardRef(function(_param, ref) {
|
|
|
11349
11464
|
SliderSingle.displayName = "SliderSingle";
|
|
11350
11465
|
// src/components/spinner.tsx
|
|
11351
11466
|
import { cva as cva16 } from "class-variance-authority";
|
|
11352
|
-
import { Loader2 as
|
|
11353
|
-
import { jsx as
|
|
11467
|
+
import { Loader2 as Loader24 } from "lucide-react";
|
|
11468
|
+
import { jsx as jsx51 } from "react/jsx-runtime";
|
|
11354
11469
|
var spinnerVariants = cva16("animate-spin", {
|
|
11355
11470
|
variants: {
|
|
11356
11471
|
size: {
|
|
@@ -11382,7 +11497,7 @@ var spinnerVariants = cva16("animate-spin", {
|
|
|
11382
11497
|
});
|
|
11383
11498
|
function Spinner(props) {
|
|
11384
11499
|
var size = props.size, speed = props.speed, color = props.color, className = props.className;
|
|
11385
|
-
return /* @__PURE__ */
|
|
11500
|
+
return /* @__PURE__ */ jsx51(Loader24, {
|
|
11386
11501
|
className: cn(spinnerVariants({
|
|
11387
11502
|
size: size,
|
|
11388
11503
|
speed: speed,
|
|
@@ -11393,8 +11508,8 @@ function Spinner(props) {
|
|
|
11393
11508
|
// src/components/switch.tsx
|
|
11394
11509
|
import * as SwitchPrimitives from "@radix-ui/react-switch";
|
|
11395
11510
|
import { cva as cva17 } from "class-variance-authority";
|
|
11396
|
-
import * as
|
|
11397
|
-
import { jsx as
|
|
11511
|
+
import * as React36 from "react";
|
|
11512
|
+
import { jsx as jsx52, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
11398
11513
|
var switchSize = {
|
|
11399
11514
|
sm: "w-7 h-4",
|
|
11400
11515
|
md: "w-[34px] h-5",
|
|
@@ -11420,30 +11535,30 @@ var switchThumbVariants = cva17("pointer-events-none block rounded-full bg-cc-Sw
|
|
|
11420
11535
|
size: "lg"
|
|
11421
11536
|
}
|
|
11422
11537
|
});
|
|
11423
|
-
var Switch =
|
|
11538
|
+
var Switch = React36.forwardRef(function(_param, ref) {
|
|
11424
11539
|
var className = _param.className, size = _param.size, label = _param.label, labelClassName = _param.labelClassName, props = _object_without_properties(_param, [
|
|
11425
11540
|
"className",
|
|
11426
11541
|
"size",
|
|
11427
11542
|
"label",
|
|
11428
11543
|
"labelClassName"
|
|
11429
11544
|
]);
|
|
11430
|
-
var Component = label ? "div" :
|
|
11431
|
-
return /* @__PURE__ */
|
|
11545
|
+
var Component = label ? "div" : React36.Fragment;
|
|
11546
|
+
return /* @__PURE__ */ jsxs29(Component, {
|
|
11432
11547
|
className: "flex items-center justify-center space-x-1.5 text-Colors-Text-Default",
|
|
11433
11548
|
children: [
|
|
11434
|
-
/* @__PURE__ */
|
|
11549
|
+
/* @__PURE__ */ jsx52(SwitchPrimitives.Root, _object_spread_props(_object_spread({
|
|
11435
11550
|
className: cn(switchRootVariants({
|
|
11436
11551
|
size: size
|
|
11437
11552
|
}), className, "")
|
|
11438
11553
|
}, props), {
|
|
11439
11554
|
ref: ref,
|
|
11440
|
-
children: /* @__PURE__ */
|
|
11555
|
+
children: /* @__PURE__ */ jsx52(SwitchPrimitives.Thumb, {
|
|
11441
11556
|
className: cn(switchThumbVariants({
|
|
11442
11557
|
size: size
|
|
11443
11558
|
}))
|
|
11444
11559
|
})
|
|
11445
11560
|
})),
|
|
11446
|
-
label && /* @__PURE__ */
|
|
11561
|
+
label && /* @__PURE__ */ jsx52("span", {
|
|
11447
11562
|
className: cn("text-sm", labelClassName),
|
|
11448
11563
|
children: label
|
|
11449
11564
|
})
|
|
@@ -11454,8 +11569,8 @@ Switch.displayName = SwitchPrimitives.Root.displayName;
|
|
|
11454
11569
|
// src/components/tabs.tsx
|
|
11455
11570
|
import * as TabsPrimitive from "@radix-ui/react-tabs";
|
|
11456
11571
|
import { cva as cva18 } from "class-variance-authority";
|
|
11457
|
-
import * as
|
|
11458
|
-
import { jsx as
|
|
11572
|
+
import * as React37 from "react";
|
|
11573
|
+
import { jsx as jsx53, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
11459
11574
|
var tabListVariants = cva18("relative inline-flex items-center justify-center overflow-hidden", {
|
|
11460
11575
|
variants: {
|
|
11461
11576
|
size: {
|
|
@@ -11566,7 +11681,7 @@ var tabVariants = cva18("relative inline-flex w-full h-full items-center justify
|
|
|
11566
11681
|
rounded: "default"
|
|
11567
11682
|
}
|
|
11568
11683
|
});
|
|
11569
|
-
var Tabs =
|
|
11684
|
+
var Tabs = React37.forwardRef(function(_param, ref) {
|
|
11570
11685
|
var className = _param.className, listClassName = _param.listClassName, _param_variant = _param.variant, variant = _param_variant === void 0 ? "button" : _param_variant, size = _param.size, _param_isLink = _param.isLink, isLink = _param_isLink === void 0 ? false : _param_isLink, _param_rounded = _param.rounded, rounded = _param_rounded === void 0 ? "default" : _param_rounded, items = _param.items, props = _object_without_properties(_param, [
|
|
11571
11686
|
"className",
|
|
11572
11687
|
"listClassName",
|
|
@@ -11576,14 +11691,14 @@ var Tabs = React36.forwardRef(function(_param, ref) {
|
|
|
11576
11691
|
"rounded",
|
|
11577
11692
|
"items"
|
|
11578
11693
|
]);
|
|
11579
|
-
return /* @__PURE__ */
|
|
11694
|
+
return /* @__PURE__ */ jsxs30(TabsPrimitive.Root, _object_spread_props(_object_spread({
|
|
11580
11695
|
ref: ref,
|
|
11581
11696
|
className: cn(className)
|
|
11582
11697
|
}, props), {
|
|
11583
11698
|
children: [
|
|
11584
|
-
/* @__PURE__ */
|
|
11699
|
+
/* @__PURE__ */ jsx53("div", {
|
|
11585
11700
|
className: "w-full flex justify-center items-center",
|
|
11586
|
-
children: /* @__PURE__ */
|
|
11701
|
+
children: /* @__PURE__ */ jsx53(TabsPrimitive.List, _object_spread_props(_object_spread({
|
|
11587
11702
|
ref: ref,
|
|
11588
11703
|
className: cn("", tabListVariants({
|
|
11589
11704
|
variant: variant,
|
|
@@ -11592,7 +11707,7 @@ var Tabs = React36.forwardRef(function(_param, ref) {
|
|
|
11592
11707
|
}), listClassName)
|
|
11593
11708
|
}, props), {
|
|
11594
11709
|
children: items === null || items === void 0 ? void 0 : items.map(function(item) {
|
|
11595
|
-
return /* @__PURE__ */
|
|
11710
|
+
return /* @__PURE__ */ jsx53(Tab, _object_spread({
|
|
11596
11711
|
isLink: isLink,
|
|
11597
11712
|
variant: variant,
|
|
11598
11713
|
size: size,
|
|
@@ -11601,10 +11716,10 @@ var Tabs = React36.forwardRef(function(_param, ref) {
|
|
|
11601
11716
|
})
|
|
11602
11717
|
}))
|
|
11603
11718
|
}),
|
|
11604
|
-
!isLink && /* @__PURE__ */
|
|
11719
|
+
!isLink && /* @__PURE__ */ jsx53("div", {
|
|
11605
11720
|
className: "w-full",
|
|
11606
11721
|
children: items === null || items === void 0 ? void 0 : items.map(function(item) {
|
|
11607
|
-
return /* @__PURE__ */
|
|
11722
|
+
return /* @__PURE__ */ jsx53(TabsContent, {
|
|
11608
11723
|
value: item.value,
|
|
11609
11724
|
children: item.children
|
|
11610
11725
|
});
|
|
@@ -11614,7 +11729,7 @@ var Tabs = React36.forwardRef(function(_param, ref) {
|
|
|
11614
11729
|
}));
|
|
11615
11730
|
});
|
|
11616
11731
|
Tabs.displayName = TabsPrimitive.Root.displayName;
|
|
11617
|
-
var Tab =
|
|
11732
|
+
var Tab = React37.forwardRef(function(_param, ref) {
|
|
11618
11733
|
var className = _param.className, variant = _param.variant, size = _param.size, isLink = _param.isLink, link = _param.link, count2 = _param.count, label = _param.label, icon = _param.icon, tooltip = _param.tooltip, hasUnRead = _param.hasUnRead, _param_rounded = _param.rounded, rounded = _param_rounded === void 0 ? "default" : _param_rounded, onClickCallback = _param.onClickCallback, props = _object_without_properties(_param, [
|
|
11619
11734
|
"className",
|
|
11620
11735
|
"variant",
|
|
@@ -11629,10 +11744,10 @@ var Tab = React36.forwardRef(function(_param, ref) {
|
|
|
11629
11744
|
"rounded",
|
|
11630
11745
|
"onClickCallback"
|
|
11631
11746
|
]);
|
|
11632
|
-
return /* @__PURE__ */
|
|
11747
|
+
return /* @__PURE__ */ jsx53(Tooltip, _object_spread_props(_object_spread({
|
|
11633
11748
|
triggerClassName: "w-full h-full flex-1"
|
|
11634
11749
|
}, tooltip), {
|
|
11635
|
-
children: /* @__PURE__ */
|
|
11750
|
+
children: /* @__PURE__ */ jsx53(TabsPrimitive.Trigger, _object_spread_props(_object_spread({
|
|
11636
11751
|
ref: ref,
|
|
11637
11752
|
className: cn("tabtrigger min-w-fit", tabVariants({
|
|
11638
11753
|
variant: variant,
|
|
@@ -11644,7 +11759,7 @@ var Tab = React36.forwardRef(function(_param, ref) {
|
|
|
11644
11759
|
e.stopPropagation();
|
|
11645
11760
|
onClickCallback === null || onClickCallback === void 0 ? void 0 : onClickCallback(props.value);
|
|
11646
11761
|
},
|
|
11647
|
-
children: isLink && link ? /* @__PURE__ */
|
|
11762
|
+
children: isLink && link ? /* @__PURE__ */ jsxs30(link_default, {
|
|
11648
11763
|
prefetch: true,
|
|
11649
11764
|
href: link,
|
|
11650
11765
|
className: cn("relative h-full w-full flex justify-center items-center"),
|
|
@@ -11655,28 +11770,28 @@ var Tab = React36.forwardRef(function(_param, ref) {
|
|
|
11655
11770
|
},
|
|
11656
11771
|
children: [
|
|
11657
11772
|
label,
|
|
11658
|
-
hasUnRead && /* @__PURE__ */
|
|
11773
|
+
hasUnRead && /* @__PURE__ */ jsx53(Badge, {
|
|
11659
11774
|
className: "-mt-2.5"
|
|
11660
11775
|
})
|
|
11661
11776
|
]
|
|
11662
|
-
}) : /* @__PURE__ */
|
|
11777
|
+
}) : /* @__PURE__ */ jsxs30("div", {
|
|
11663
11778
|
className: "relative flex justify-center items-center",
|
|
11664
11779
|
children: [
|
|
11665
|
-
label && /* @__PURE__ */
|
|
11780
|
+
label && /* @__PURE__ */ jsx53(Text, {
|
|
11666
11781
|
className: "text-inherit",
|
|
11667
11782
|
children: label
|
|
11668
11783
|
}),
|
|
11669
|
-
icon && /* @__PURE__ */
|
|
11784
|
+
icon && /* @__PURE__ */ jsx53(Icon, {
|
|
11670
11785
|
component: icon,
|
|
11671
11786
|
size: "md",
|
|
11672
11787
|
className: "text-inherit"
|
|
11673
11788
|
}),
|
|
11674
|
-
count2 ? /* @__PURE__ */
|
|
11789
|
+
count2 ? /* @__PURE__ */ jsx53(Text, {
|
|
11675
11790
|
size: "sm",
|
|
11676
11791
|
className: "ml-1 text-Colors-Text-Subtlest",
|
|
11677
11792
|
children: count2
|
|
11678
11793
|
}) : null,
|
|
11679
|
-
hasUnRead && /* @__PURE__ */
|
|
11794
|
+
hasUnRead && /* @__PURE__ */ jsx53(Badge, {
|
|
11680
11795
|
className: "-mt-2.5"
|
|
11681
11796
|
})
|
|
11682
11797
|
]
|
|
@@ -11685,20 +11800,20 @@ var Tab = React36.forwardRef(function(_param, ref) {
|
|
|
11685
11800
|
}));
|
|
11686
11801
|
});
|
|
11687
11802
|
Tab.displayName = TabsPrimitive.Trigger.displayName;
|
|
11688
|
-
var TabsContent =
|
|
11803
|
+
var TabsContent = React37.forwardRef(function(_param, ref) {
|
|
11689
11804
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
11690
11805
|
"className"
|
|
11691
11806
|
]);
|
|
11692
|
-
return /* @__PURE__ */
|
|
11807
|
+
return /* @__PURE__ */ jsx53(TabsPrimitive.Content, _object_spread({
|
|
11693
11808
|
ref: ref,
|
|
11694
11809
|
className: cn("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-0", className)
|
|
11695
11810
|
}, props));
|
|
11696
11811
|
});
|
|
11697
11812
|
TabsContent.displayName = TabsPrimitive.Content.displayName;
|
|
11698
11813
|
// src/components/textarea.tsx
|
|
11699
|
-
import * as
|
|
11700
|
-
import { jsx as
|
|
11701
|
-
var Textarea =
|
|
11814
|
+
import * as React38 from "react";
|
|
11815
|
+
import { jsx as jsx54, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
11816
|
+
var Textarea = React38.forwardRef(function(_param, ref) {
|
|
11702
11817
|
var className = _param.className, maxLength = _param.maxLength, value1 = _param.value, error = _param.error, maxLengthClassName = _param.maxLengthClassName, props = _object_without_properties(_param, [
|
|
11703
11818
|
"className",
|
|
11704
11819
|
"maxLength",
|
|
@@ -11707,20 +11822,20 @@ var Textarea = React37.forwardRef(function(_param, ref) {
|
|
|
11707
11822
|
"maxLengthClassName"
|
|
11708
11823
|
]);
|
|
11709
11824
|
var _value_toString, _value_toString1;
|
|
11710
|
-
return /* @__PURE__ */
|
|
11825
|
+
return /* @__PURE__ */ jsxs31("div", {
|
|
11711
11826
|
children: [
|
|
11712
|
-
/* @__PURE__ */
|
|
11827
|
+
/* @__PURE__ */ jsxs31("div", {
|
|
11713
11828
|
className: "relative",
|
|
11714
11829
|
children: [
|
|
11715
|
-
/* @__PURE__ */
|
|
11830
|
+
/* @__PURE__ */ jsx54("textarea", _object_spread({
|
|
11716
11831
|
className: cn("w-full min-h-[123px] p-3 pb-10 rounded-lg border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active ", "text-sm text-Colors-Text-Default placeholder:text-Colors-Text-Subtlest ring-offset-cc-Focus-Rings-Brand-default", "hover:border-hovered bg-cc-Input-bg-default hover:bg-cc-Input-bg-hover disabled:bg-cc-Input-bg-disabled aria-[invalid=true]:border-Colors-Border-Critical aria-[invalid=true]:hover:bg-Colors-Background-Critical-Subtle", "aria-[invalid=true]:focus-visible:ring-error file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-Colors-Text-Subtler", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-30", maxLength && ((value1 === null || value1 === void 0 ? void 0 : (_value_toString = value1.toString()) === null || _value_toString === void 0 ? void 0 : _value_toString.length) || 0) > maxLength || error ? "border-Colors-Border-Critical hover:bg-Colors-Background-Critical-Subtle focus-visible:ring-error" : "", className),
|
|
11717
11832
|
ref: ref,
|
|
11718
11833
|
maxLength: maxLength,
|
|
11719
11834
|
value: value1
|
|
11720
11835
|
}, props)),
|
|
11721
|
-
maxLength ? /* @__PURE__ */
|
|
11836
|
+
maxLength ? /* @__PURE__ */ jsx54("div", {
|
|
11722
11837
|
className: cn("absolute text-right bottom-5 right-4 border-Colors-Border-Default", maxLengthClassName),
|
|
11723
|
-
children: /* @__PURE__ */
|
|
11838
|
+
children: /* @__PURE__ */ jsx54(Text, {
|
|
11724
11839
|
size: "sm",
|
|
11725
11840
|
color: "subtlest",
|
|
11726
11841
|
children: "".concat((value1 === null || value1 === void 0 ? void 0 : (_value_toString1 = value1.toString()) === null || _value_toString1 === void 0 ? void 0 : _value_toString1.length) || 0, "/").concat(maxLength)
|
|
@@ -11728,9 +11843,9 @@ var Textarea = React37.forwardRef(function(_param, ref) {
|
|
|
11728
11843
|
}) : null
|
|
11729
11844
|
]
|
|
11730
11845
|
}),
|
|
11731
|
-
error && /* @__PURE__ */
|
|
11846
|
+
error && /* @__PURE__ */ jsx54("div", {
|
|
11732
11847
|
className: "w-full",
|
|
11733
|
-
children: /* @__PURE__ */
|
|
11848
|
+
children: /* @__PURE__ */ jsx54(Text, {
|
|
11734
11849
|
className: "text-wrap",
|
|
11735
11850
|
size: "sm",
|
|
11736
11851
|
weight: "regular",
|
|
@@ -11745,8 +11860,8 @@ Textarea.displayName = "Textarea";
|
|
|
11745
11860
|
// src/components/toggle.tsx
|
|
11746
11861
|
import * as TogglePrimitive from "@radix-ui/react-toggle";
|
|
11747
11862
|
import { cva as cva19 } from "class-variance-authority";
|
|
11748
|
-
import * as
|
|
11749
|
-
import { jsx as
|
|
11863
|
+
import * as React39 from "react";
|
|
11864
|
+
import { jsx as jsx55 } from "react/jsx-runtime";
|
|
11750
11865
|
var toggleVariants = cva19("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-white text-Colors-Text-Subtlest hover:bg-slate-100 hover:text-slate-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-Colors-Background-Normal-Primary-Active data-[state=on]:text-Colors-Text-Brand-Default [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2 dark:ring-offset-slate-950 dark:hover:bg-slate-800 dark:hover:text-Colors-Text-Brand-Default dark:focus-visible:ring-slate-300 dark:data-[state=on]:bg-Colors-Background-Normal-Primary-Active dark:data-[state=on]:text-Colors-Text-Brand-Default", {
|
|
11751
11866
|
variants: {
|
|
11752
11867
|
variant: {
|
|
@@ -11765,13 +11880,13 @@ var toggleVariants = cva19("inline-flex items-center justify-center rounded-md t
|
|
|
11765
11880
|
size: "default"
|
|
11766
11881
|
}
|
|
11767
11882
|
});
|
|
11768
|
-
var Toggle =
|
|
11883
|
+
var Toggle = React39.forwardRef(function(_param, ref) {
|
|
11769
11884
|
var className = _param.className, variant = _param.variant, size = _param.size, props = _object_without_properties(_param, [
|
|
11770
11885
|
"className",
|
|
11771
11886
|
"variant",
|
|
11772
11887
|
"size"
|
|
11773
11888
|
]);
|
|
11774
|
-
return /* @__PURE__ */
|
|
11889
|
+
return /* @__PURE__ */ jsx55(TogglePrimitive.Root, _object_spread({
|
|
11775
11890
|
ref: ref,
|
|
11776
11891
|
className: cn(toggleVariants({
|
|
11777
11892
|
variant: variant,
|
|
@@ -11783,24 +11898,24 @@ var Toggle = React38.forwardRef(function(_param, ref) {
|
|
|
11783
11898
|
Toggle.displayName = TogglePrimitive.Root.displayName;
|
|
11784
11899
|
// src/components/toggle-group.tsx
|
|
11785
11900
|
import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
|
|
11786
|
-
import * as
|
|
11787
|
-
import { jsx as
|
|
11788
|
-
var ToggleGroupContext =
|
|
11901
|
+
import * as React40 from "react";
|
|
11902
|
+
import { jsx as jsx56 } from "react/jsx-runtime";
|
|
11903
|
+
var ToggleGroupContext = React40.createContext({
|
|
11789
11904
|
size: "default",
|
|
11790
11905
|
variant: "default"
|
|
11791
11906
|
});
|
|
11792
|
-
var ToggleGroup =
|
|
11907
|
+
var ToggleGroup = React40.forwardRef(function(_param, ref) {
|
|
11793
11908
|
var className = _param.className, variant = _param.variant, size = _param.size, children = _param.children, props = _object_without_properties(_param, [
|
|
11794
11909
|
"className",
|
|
11795
11910
|
"variant",
|
|
11796
11911
|
"size",
|
|
11797
11912
|
"children"
|
|
11798
11913
|
]);
|
|
11799
|
-
return /* @__PURE__ */
|
|
11914
|
+
return /* @__PURE__ */ jsx56(ToggleGroupPrimitive.Root, _object_spread_props(_object_spread({
|
|
11800
11915
|
ref: ref,
|
|
11801
11916
|
className: cn("flex items-center justify-center gap-1 p-0.5 rounded-md border border-Colors-Border-Default bg-Colors-Background-Neutral-Primary-Default", className)
|
|
11802
11917
|
}, props), {
|
|
11803
|
-
children: /* @__PURE__ */
|
|
11918
|
+
children: /* @__PURE__ */ jsx56(ToggleGroupContext.Provider, {
|
|
11804
11919
|
value: {
|
|
11805
11920
|
variant: variant,
|
|
11806
11921
|
size: size
|
|
@@ -11810,15 +11925,15 @@ var ToggleGroup = React39.forwardRef(function(_param, ref) {
|
|
|
11810
11925
|
}));
|
|
11811
11926
|
});
|
|
11812
11927
|
ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
|
|
11813
|
-
var ToggleGroupItem =
|
|
11928
|
+
var ToggleGroupItem = React40.forwardRef(function(_param, ref) {
|
|
11814
11929
|
var className = _param.className, children = _param.children, variant = _param.variant, size = _param.size, props = _object_without_properties(_param, [
|
|
11815
11930
|
"className",
|
|
11816
11931
|
"children",
|
|
11817
11932
|
"variant",
|
|
11818
11933
|
"size"
|
|
11819
11934
|
]);
|
|
11820
|
-
var context =
|
|
11821
|
-
return /* @__PURE__ */
|
|
11935
|
+
var context = React40.useContext(ToggleGroupContext);
|
|
11936
|
+
return /* @__PURE__ */ jsx56(ToggleGroupPrimitive.Item, _object_spread_props(_object_spread({
|
|
11822
11937
|
ref: ref,
|
|
11823
11938
|
className: cn(toggleVariants({
|
|
11824
11939
|
variant: context.variant || variant,
|
|
@@ -11832,9 +11947,9 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
|
|
|
11832
11947
|
// src/components/toast/toast.tsx
|
|
11833
11948
|
import * as ToastPrimitives from "@radix-ui/react-toast";
|
|
11834
11949
|
import { cva as cva20 } from "class-variance-authority";
|
|
11835
|
-
import * as
|
|
11950
|
+
import * as React41 from "react";
|
|
11836
11951
|
import XMarkIcon3 from "@heroicons/react/24/outline/esm/XMarkIcon";
|
|
11837
|
-
import { jsx as
|
|
11952
|
+
import { jsx as jsx57 } from "react/jsx-runtime";
|
|
11838
11953
|
var ToastProvider = ToastPrimitives.Provider;
|
|
11839
11954
|
var viewportPositionVariants = cva20("fixed z-[1000001] flex max-h-screen w-full p-0 gap-2", {
|
|
11840
11955
|
variants: {
|
|
@@ -11853,12 +11968,12 @@ var viewportPositionVariants = cva20("fixed z-[1000001] flex max-h-screen w-full
|
|
|
11853
11968
|
position: "top-right"
|
|
11854
11969
|
}
|
|
11855
11970
|
});
|
|
11856
|
-
var ToastViewport =
|
|
11971
|
+
var ToastViewport = React41.forwardRef(function(_param, ref) {
|
|
11857
11972
|
var className = _param.className, position = _param.position, props = _object_without_properties(_param, [
|
|
11858
11973
|
"className",
|
|
11859
11974
|
"position"
|
|
11860
11975
|
]);
|
|
11861
|
-
return /* @__PURE__ */
|
|
11976
|
+
return /* @__PURE__ */ jsx57(ToastPrimitives.Viewport, _object_spread({
|
|
11862
11977
|
ref: ref,
|
|
11863
11978
|
className: cn(viewportPositionVariants({
|
|
11864
11979
|
position: position
|
|
@@ -11890,13 +12005,13 @@ var toastVariants = cva20("group pointer-events-auto relative flex w-full items-
|
|
|
11890
12005
|
position: "top-right"
|
|
11891
12006
|
}
|
|
11892
12007
|
});
|
|
11893
|
-
var Toast =
|
|
12008
|
+
var Toast = React41.forwardRef(function(_param, ref) {
|
|
11894
12009
|
var className = _param.className, variant = _param.variant, position = _param.position, props = _object_without_properties(_param, [
|
|
11895
12010
|
"className",
|
|
11896
12011
|
"variant",
|
|
11897
12012
|
"position"
|
|
11898
12013
|
]);
|
|
11899
|
-
return /* @__PURE__ */
|
|
12014
|
+
return /* @__PURE__ */ jsx57(ToastPrimitives.Root, _object_spread({
|
|
11900
12015
|
ref: ref,
|
|
11901
12016
|
className: cn(toastVariants({
|
|
11902
12017
|
variant: variant,
|
|
@@ -11906,46 +12021,46 @@ var Toast = React40.forwardRef(function(_param, ref) {
|
|
|
11906
12021
|
}, props));
|
|
11907
12022
|
});
|
|
11908
12023
|
Toast.displayName = ToastPrimitives.Root.displayName;
|
|
11909
|
-
var ToastAction =
|
|
12024
|
+
var ToastAction = React41.forwardRef(function(_param, ref) {
|
|
11910
12025
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
11911
12026
|
"className"
|
|
11912
12027
|
]);
|
|
11913
|
-
return /* @__PURE__ */
|
|
12028
|
+
return /* @__PURE__ */ jsx57(ToastPrimitives.Action, _object_spread({
|
|
11914
12029
|
ref: ref,
|
|
11915
12030
|
className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-md border border-slate-200 bg-transparent px-3 text-sm font-medium ring-offset-white transition-colors hover:bg-slate-100 focus:outline-none focus:ring-2 focus:ring-slate-950 focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-slate-100/40 group-[.destructive]:hover:border-red-500/30 group-[.destructive]:hover:bg-red-500 group-[.destructive]:hover:text-slate-50 group-[.destructive]:focus:ring-red-500 dark:border-slate-800 dark:ring-offset-slate-950 dark:hover:bg-slate-800 dark:focus:ring-slate-300 dark:group-[.destructive]:border-slate-800/40 dark:group-[.destructive]:hover:border-red-900/30 dark:group-[.destructive]:hover:bg-red-900 dark:group-[.destructive]:hover:text-slate-50 dark:group-[.destructive]:focus:ring-red-900", className)
|
|
11916
12031
|
}, props));
|
|
11917
12032
|
});
|
|
11918
12033
|
ToastAction.displayName = ToastPrimitives.Action.displayName;
|
|
11919
|
-
var ToastClose =
|
|
12034
|
+
var ToastClose = React41.forwardRef(function(_param, ref) {
|
|
11920
12035
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
11921
12036
|
"className"
|
|
11922
12037
|
]);
|
|
11923
|
-
return /* @__PURE__ */
|
|
12038
|
+
return /* @__PURE__ */ jsx57(ToastPrimitives.Close, _object_spread_props(_object_spread({
|
|
11924
12039
|
ref: ref,
|
|
11925
12040
|
className: cn("absolute right-4 top-4 rounded-md p-1 text-slate-950/50 transition-opacity hover:text-slate-950 outline-none focus:outline-none focus:ring-2 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600 dark:text-slate-50/50 dark:hover:text-slate-50", className),
|
|
11926
12041
|
"toast-close": ""
|
|
11927
12042
|
}, props), {
|
|
11928
|
-
children: /* @__PURE__ */
|
|
12043
|
+
children: /* @__PURE__ */ jsx57(XMarkIcon3, {
|
|
11929
12044
|
className: "h-5 w-5"
|
|
11930
12045
|
})
|
|
11931
12046
|
}));
|
|
11932
12047
|
});
|
|
11933
12048
|
ToastClose.displayName = ToastPrimitives.Close.displayName;
|
|
11934
|
-
var ToastTitle =
|
|
12049
|
+
var ToastTitle = React41.forwardRef(function(_param, ref) {
|
|
11935
12050
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
11936
12051
|
"className"
|
|
11937
12052
|
]);
|
|
11938
|
-
return /* @__PURE__ */
|
|
12053
|
+
return /* @__PURE__ */ jsx57(ToastPrimitives.Title, _object_spread({
|
|
11939
12054
|
ref: ref,
|
|
11940
12055
|
className: cn("text-sm font-semibold", className)
|
|
11941
12056
|
}, props));
|
|
11942
12057
|
});
|
|
11943
12058
|
ToastTitle.displayName = ToastPrimitives.Title.displayName;
|
|
11944
|
-
var ToastDescription =
|
|
12059
|
+
var ToastDescription = React41.forwardRef(function(_param, ref) {
|
|
11945
12060
|
var className = _param.className, props = _object_without_properties(_param, [
|
|
11946
12061
|
"className"
|
|
11947
12062
|
]);
|
|
11948
|
-
return /* @__PURE__ */
|
|
12063
|
+
return /* @__PURE__ */ jsx57(ToastPrimitives.Description, _object_spread({
|
|
11949
12064
|
ref: ref,
|
|
11950
12065
|
className: cn("text-sm opacity-90", className)
|
|
11951
12066
|
}, props));
|
|
@@ -11957,8 +12072,8 @@ import ExclamationCircleIcon from "@heroicons/react/24/outline/esm/ExclamationCi
|
|
|
11957
12072
|
import InformationCircleIcon2 from "@heroicons/react/24/outline/esm/InformationCircleIcon";
|
|
11958
12073
|
import XCircleIcon2 from "@heroicons/react/24/outline/esm/XCircleIcon";
|
|
11959
12074
|
// src/components/toast/use-toast.tsx
|
|
11960
|
-
import * as
|
|
11961
|
-
import { jsx as
|
|
12075
|
+
import * as React42 from "react";
|
|
12076
|
+
import { jsx as jsx58, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
11962
12077
|
var TOAST_LIMIT = 8;
|
|
11963
12078
|
var TOAST_REMOVE_DELAY = 1e3;
|
|
11964
12079
|
var count = 0;
|
|
@@ -12061,10 +12176,10 @@ function toast(_param) {
|
|
|
12061
12176
|
toast: _object_spread_props(_object_spread(_object_spread_props(_object_spread({}, props), {
|
|
12062
12177
|
position: position
|
|
12063
12178
|
}), actions && {
|
|
12064
|
-
action: /* @__PURE__ */
|
|
12179
|
+
action: /* @__PURE__ */ jsxs32("div", {
|
|
12065
12180
|
className: "flex justify-start items-center gap-2",
|
|
12066
12181
|
children: [
|
|
12067
|
-
(actions === null || actions === void 0 ? void 0 : actions.dismissText) && /* @__PURE__ */
|
|
12182
|
+
(actions === null || actions === void 0 ? void 0 : actions.dismissText) && /* @__PURE__ */ jsx58(Text, {
|
|
12068
12183
|
size: "sm",
|
|
12069
12184
|
weight: "medium",
|
|
12070
12185
|
color: "brand",
|
|
@@ -12074,13 +12189,13 @@ function toast(_param) {
|
|
|
12074
12189
|
},
|
|
12075
12190
|
children: actions === null || actions === void 0 ? void 0 : actions.dismissText
|
|
12076
12191
|
}),
|
|
12077
|
-
(actions === null || actions === void 0 ? void 0 : actions.view) && actions.viewUrl && /* @__PURE__ */
|
|
12192
|
+
(actions === null || actions === void 0 ? void 0 : actions.view) && actions.viewUrl && /* @__PURE__ */ jsx58(link_default, {
|
|
12078
12193
|
href: actions.viewUrl,
|
|
12079
12194
|
target: "_blank",
|
|
12080
12195
|
rel: "noreferrer noopener",
|
|
12081
|
-
children: /* @__PURE__ */
|
|
12196
|
+
children: /* @__PURE__ */ jsx58("div", {
|
|
12082
12197
|
className: "flex items-center gap-1.5",
|
|
12083
|
-
children: /* @__PURE__ */
|
|
12198
|
+
children: /* @__PURE__ */ jsx58(Text, {
|
|
12084
12199
|
size: "sm",
|
|
12085
12200
|
weight: "medium",
|
|
12086
12201
|
color: "default",
|
|
@@ -12106,8 +12221,8 @@ function toast(_param) {
|
|
|
12106
12221
|
};
|
|
12107
12222
|
}
|
|
12108
12223
|
function useToast() {
|
|
12109
|
-
var
|
|
12110
|
-
|
|
12224
|
+
var _React42_useState = _sliced_to_array(React42.useState(memoryState), 2), state = _React42_useState[0], setState = _React42_useState[1];
|
|
12225
|
+
React42.useEffect(function() {
|
|
12111
12226
|
listeners.push(setState);
|
|
12112
12227
|
return function() {
|
|
12113
12228
|
var index = listeners.indexOf(setState);
|
|
@@ -12129,12 +12244,12 @@ function useToast() {
|
|
|
12129
12244
|
});
|
|
12130
12245
|
}
|
|
12131
12246
|
// src/components/toast/toaster.tsx
|
|
12132
|
-
import
|
|
12133
|
-
import { jsx as
|
|
12247
|
+
import React43 from "react";
|
|
12248
|
+
import { jsx as jsx59, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
12134
12249
|
function Toaster() {
|
|
12135
12250
|
var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref_position = _ref.position, position = _ref_position === void 0 ? "top-right" : _ref_position;
|
|
12136
12251
|
var toasts = useToast().toasts;
|
|
12137
|
-
var positionGroups =
|
|
12252
|
+
var positionGroups = React43.useMemo(function() {
|
|
12138
12253
|
var groups = {};
|
|
12139
12254
|
var allPositions = [
|
|
12140
12255
|
"top-left",
|
|
@@ -12164,22 +12279,22 @@ function Toaster() {
|
|
|
12164
12279
|
]);
|
|
12165
12280
|
var renderToast = function(toast4) {
|
|
12166
12281
|
var id = toast4.id, title = toast4.title, description = toast4.description, action = toast4.action, variant = toast4.variant, toastPosition = toast4.position;
|
|
12167
|
-
var
|
|
12282
|
+
var renderIcon3 = function(variant2) {
|
|
12168
12283
|
switch(variant2){
|
|
12169
12284
|
case "info":
|
|
12170
|
-
return /* @__PURE__ */
|
|
12285
|
+
return /* @__PURE__ */ jsx59(InformationCircleIcon2, {
|
|
12171
12286
|
className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Info"
|
|
12172
12287
|
});
|
|
12173
12288
|
case "success":
|
|
12174
|
-
return /* @__PURE__ */
|
|
12289
|
+
return /* @__PURE__ */ jsx59(CheckCircleIcon2, {
|
|
12175
12290
|
className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Success"
|
|
12176
12291
|
});
|
|
12177
12292
|
case "warning":
|
|
12178
|
-
return /* @__PURE__ */
|
|
12293
|
+
return /* @__PURE__ */ jsx59(ExclamationCircleIcon, {
|
|
12179
12294
|
className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Warning"
|
|
12180
12295
|
});
|
|
12181
12296
|
case "error":
|
|
12182
|
-
return /* @__PURE__ */
|
|
12297
|
+
return /* @__PURE__ */ jsx59(XCircleIcon2, {
|
|
12183
12298
|
className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Error"
|
|
12184
12299
|
});
|
|
12185
12300
|
}
|
|
@@ -12196,26 +12311,26 @@ function Toaster() {
|
|
|
12196
12311
|
return "bg-Colors-Background-Critical-Default";
|
|
12197
12312
|
}
|
|
12198
12313
|
};
|
|
12199
|
-
return /* @__PURE__ */
|
|
12314
|
+
return /* @__PURE__ */ jsxs33(Toast, _object_spread_props(_object_spread({}, toast4), {
|
|
12200
12315
|
position: toastPosition,
|
|
12201
12316
|
children: [
|
|
12202
|
-
/* @__PURE__ */
|
|
12317
|
+
/* @__PURE__ */ jsx59("div", {
|
|
12203
12318
|
className: "flex flex-col gap-3",
|
|
12204
|
-
children: /* @__PURE__ */
|
|
12319
|
+
children: /* @__PURE__ */ jsxs33("div", {
|
|
12205
12320
|
className: "flex items-start gap-3",
|
|
12206
12321
|
children: [
|
|
12207
|
-
/* @__PURE__ */
|
|
12322
|
+
/* @__PURE__ */ jsx59("div", {
|
|
12208
12323
|
className: cn("flex h-10 w-10 flex-shrink-0 flex-grow-0 items-center justify-center rounded-full", getBackgroundColor(variant)),
|
|
12209
|
-
children:
|
|
12324
|
+
children: renderIcon3(variant)
|
|
12210
12325
|
}),
|
|
12211
|
-
/* @__PURE__ */
|
|
12326
|
+
/* @__PURE__ */ jsxs33("div", {
|
|
12212
12327
|
className: "grid gap-1",
|
|
12213
12328
|
children: [
|
|
12214
|
-
title && /* @__PURE__ */
|
|
12329
|
+
title && /* @__PURE__ */ jsx59(ToastTitle, {
|
|
12215
12330
|
className: "text-base text-Colors-Text-Default",
|
|
12216
12331
|
children: title
|
|
12217
12332
|
}),
|
|
12218
|
-
description && /* @__PURE__ */
|
|
12333
|
+
description && /* @__PURE__ */ jsx59(ToastDescription, {
|
|
12219
12334
|
className: "text-sm text-Colors-Text-Subtle",
|
|
12220
12335
|
children: description
|
|
12221
12336
|
}),
|
|
@@ -12225,17 +12340,17 @@ function Toaster() {
|
|
|
12225
12340
|
]
|
|
12226
12341
|
})
|
|
12227
12342
|
}),
|
|
12228
|
-
/* @__PURE__ */
|
|
12343
|
+
/* @__PURE__ */ jsx59(ToastClose, {})
|
|
12229
12344
|
]
|
|
12230
12345
|
}), id);
|
|
12231
12346
|
};
|
|
12232
|
-
return /* @__PURE__ */
|
|
12347
|
+
return /* @__PURE__ */ jsx59(ToastProvider, {
|
|
12233
12348
|
children: Object.entries(positionGroups).map(function(param) {
|
|
12234
12349
|
var _param = _sliced_to_array(param, 2), pos = _param[0], toastsForPosition = _param[1];
|
|
12235
|
-
return /* @__PURE__ */
|
|
12350
|
+
return /* @__PURE__ */ jsxs33(React43.Fragment, {
|
|
12236
12351
|
children: [
|
|
12237
12352
|
toastsForPosition.map(renderToast),
|
|
12238
|
-
toastsForPosition.length > 0 && /* @__PURE__ */
|
|
12353
|
+
toastsForPosition.length > 0 && /* @__PURE__ */ jsx59(ToastViewport, {
|
|
12239
12354
|
position: pos
|
|
12240
12355
|
})
|
|
12241
12356
|
]
|
|
@@ -12257,7 +12372,7 @@ import "swiper/css/pagination";
|
|
|
12257
12372
|
// src/components/swiper/index.module.scss
|
|
12258
12373
|
var index_module_default = '.swiperBox {\n @apply w-full h-fit;\n}\n.swiperBox :global(.swiper) :global(.swiper-button-prev) {\n @apply bg-contain bg-no-repeat;\n background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0iIzQxNDM0NSIgY2xhc3M9InNpemUtNSI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzggNS4yMmEuNzUuNzUgMCAwIDEgMCAxLjA2TDguMDYgMTBsMy43MiAzLjcyYS43NS43NSAwIDEgMS0xLjA2IDEuMDZsLTQuMjUtNC4yNWEuNzUuNzUgMCAwIDEgMC0xLjA2bDQuMjUtNC4yNWEuNzUuNzUgMCAwIDEgMS4wNiAwWiIgY2xpcC1ydWxlPSJldmVub2RkIiAvPgo8L3N2Zz4K");\n}\n.swiperBox :global(.swiper) :global(.swiper-button-next) {\n @apply bg-contain bg-no-repeat;\n background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0iIzQxNDM0NSIgY2xhc3M9InNpemUtNSI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4yMiA1LjIyYS43NS43NSAwIDAgMSAxLjA2IDBsNC4yNSA0LjI1YS43NS43NSAwIDAgMSAwIDEuMDZsLTQuMjUgNC4yNWEuNzUuNzUgMCAwIDEtMS4wNi0xLjA2TDExLjk0IDEwIDguMjIgNi4yOGEuNzUuNzUgMCAwIDEgMC0xLjA2WiIgY2xpcC1ydWxlPSJldmVub2RkIiAvPgo8L3N2Zz4KCg==");\n}\n.swiperBox :global(.swiper) :global(.swiper-button-prev::after) {\n @apply text-icon content-none;\n}\n.swiperBox :global(.swiper) :global(.swiper-button-next::after) {\n @apply text-icon content-none;\n}\n.swiperBox :global(.swiper.banner-swiper) :global(.banner-swiper-slide.swiper-slide-prev) {\n @apply origin-right;\n}\n.swiperBox :global(.swiper.banner-swiper) :global(.banner-swiper-slide.swiper-slide-next) {\n @apply origin-left;\n}\n.swiperBox :global(.swiper.banner-swiper) :global(.swiper-slide-active) {\n @apply opacity-100;\n}\n.swiperBox :global(.swiper.banner-swiper) :global(.swiper-button-next) {\n @apply -right-4 md:right-0 3xl:right-[calc((100%-1200px)/2-16px)];\n}\n.swiperBox :global(.swiper.banner-swiper) :global(.swiper-button-prev) {\n @apply -left-4 md:left-0 3xl:left-[calc((100%-1200px)/2-16px)];\n}\n.swiperBox :global(.swiper.feature-swiper) :global(.swiper-button-next) {\n @apply right-0;\n}\n.swiperBox :global(.swiper.feature-swiper) :global(.swiper-button-prev) {\n @apply left-0;\n}\n.swiperBox :global(.swiper.feature-swiper) :global(.swiper-button-disabled) {\n @apply hidden;\n}\n.swiperBox :global(.swiper.patron-badge-swiper) :global(.swiper-button-next) {\n @apply right-0;\n}\n.swiperBox :global(.swiper.patron-badge-swiper) :global(.swiper-button-prev) {\n @apply left-0;\n}\n.swiperBox :global(.swiper.patron-badge-swiper) :global(.swiper-button-disabled) {\n @apply hidden;\n}\n.swiperBox :global(.swiper.grid-swiper) :global(.swiper-wrapper) {\n @apply w-[100vw] md:w-full flex-wrap flex-col m-0;\n}\n.swiperBox :global(.swiper) :global(.swiper-button-next) {\n @apply hidden md:flex justify-center items-center absolute top-[50%] w-8 h-8 font-semibold text-icon border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Default rounded-full cursor-pointer hover:bg-surface-hovered active:bg-Colors-Background-Normal-Primary-Active;\n}\n.swiperBox :global(.swiper) :global(.swiper-button-next)::after {\n @apply text-icon text-xs font-bold;\n}\n.swiperBox :global(.swiper) :global(.swiper-button-prev) {\n @apply hidden md:flex justify-center items-center absolute top-[50%] w-8 h-8 font-semibold text-icon border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Default rounded-full cursor-pointer hover:bg-surface-hovered active:bg-Colors-Background-Normal-Primary-Active;\n}\n.swiperBox :global(.swiper) :global(.swiper-button-prev)::after {\n @apply text-icon text-xs font-bold;\n}\n\n.animate :global(.swiper-slide) {\n transition: transform 500ms linear;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3hpYW9ndWFuZy9jb2RlL215c2hlbGwtcmVhY3QtbGliL3NyYy9jb21wb25lbnRzL3N3aXBlciIsInNvdXJjZXMiOlsiaW5kZXgubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTs7QUFHRTtFQUNFO0VBQ0E7O0FBRUY7RUFDRTtFQUNBOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFJRjtFQUVFOztBQUVGO0VBRUU7O0FBRUY7RUFDRTs7QUFHRjtFQUNFOztBQUVGO0VBQ0U7O0FBSUY7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBSUY7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBSUY7RUFDRTs7QUFLRjtFQUNFOztBQUNFO0VBQ0U7O0FBR047RUFDRTs7QUFDRTtFQUNFOzs7QUFPUjtFQUNFIiwic291cmNlc0NvbnRlbnQiOlsiLnN3aXBlckJveHtcbiAgQGFwcGx5IHctZnVsbCBoLWZpdDtcbiAgXG4gIDpnbG9iYWwoLnN3aXBlcikge1xuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tcHJldil7XG4gICAgICBAYXBwbHkgYmctY29udGFpbiBiZy1uby1yZXBlYXQ7XG4gICAgICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJ2RhdGE6aW1hZ2Uvc3ZnK3htbDtiYXNlNjQsUEhOMlp5QjRiV3h1Y3owaWFIUjBjRG92TDNkM2R5NTNNeTV2Y21jdk1qQXdNQzl6ZG1jaUlIWnBaWGRDYjNnOUlqQWdNQ0F5TUNBeU1DSWdabWxzYkQwaUl6UXhORE0wTlNJZ1kyeGhjM005SW5OcGVtVXROU0krQ2lBZ1BIQmhkR2dnWm1sc2JDMXlkV3hsUFNKbGRtVnViMlJrSWlCa1BTSk5NVEV1TnpnZ05TNHlNbUV1TnpVdU56VWdNQ0F3SURFZ01DQXhMakEyVERndU1EWWdNVEJzTXk0M01pQXpMamN5WVM0M05TNDNOU0F3SURFZ01TMHhMakEySURFdU1EWnNMVFF1TWpVdE5DNHlOV0V1TnpVdU56VWdNQ0F3SURFZ01DMHhMakEyYkRRdU1qVXROQzR5TldFdU56VXVOelVnTUNBd0lERWdNUzR3TmlBd1dpSWdZMnhwY0MxeWRXeGxQU0psZG1WdWIyUmtJaUF2UGdvOEwzTjJaejRLJyk7IFxuICAgIH1cbiAgICA6Z2xvYmFsKC5zd2lwZXItYnV0dG9uLW5leHQpe1xuICAgICAgQGFwcGx5IGJnLWNvbnRhaW4gYmctbm8tcmVwZWF0O1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCdkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBITjJaeUI0Yld4dWN6MGlhSFIwY0RvdkwzZDNkeTUzTXk1dmNtY3ZNakF3TUM5emRtY2lJSFpwWlhkQ2IzZzlJakFnTUNBeU1DQXlNQ0lnWm1sc2JEMGlJelF4TkRNME5TSWdZMnhoYzNNOUluTnBlbVV0TlNJK0NpQWdQSEJoZEdnZ1ptbHNiQzF5ZFd4bFBTSmxkbVZ1YjJSa0lpQmtQU0pOT0M0eU1pQTFMakl5WVM0M05TNDNOU0F3SURBZ01TQXhMakEySURCc05DNHlOU0EwTGpJMVlTNDNOUzQzTlNBd0lEQWdNU0F3SURFdU1EWnNMVFF1TWpVZ05DNHlOV0V1TnpVdU56VWdNQ0F3SURFdE1TNHdOaTB4TGpBMlRERXhMamswSURFd0lEZ3VNaklnTmk0eU9HRXVOelV1TnpVZ01DQXdJREVnTUMweExqQTJXaUlnWTJ4cGNDMXlkV3hsUFNKbGRtVnViMlJrSWlBdlBnbzhMM04yWno0S0NnPT0nKTsgXG4gICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tcHJldjo6YWZ0ZXIpe1xuICAgICAgQGFwcGx5IHRleHQtaWNvbiBjb250ZW50LW5vbmU7XG4gICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tbmV4dDo6YWZ0ZXIpe1xuICAgICAgQGFwcGx5IHRleHQtaWNvbiBjb250ZW50LW5vbmU7XG4gICAgfVxuICB9XG4gIDpnbG9iYWwoLnN3aXBlci5iYW5uZXItc3dpcGVyKSB7XG4gICAgOmdsb2JhbCguYmFubmVyLXN3aXBlci1zbGlkZS5zd2lwZXItc2xpZGUtcHJldikge1xuICAgICAgLy8gdHJhbnNmb3JtOiBzY2FsZSgwLjgpO1xuICAgICAgQGFwcGx5IG9yaWdpbi1yaWdodDtcbiAgICB9XG4gICAgOmdsb2JhbCguYmFubmVyLXN3aXBlci1zbGlkZS5zd2lwZXItc2xpZGUtbmV4dCkge1xuICAgICAgLy8gdHJhbnNmb3JtOiBzY2FsZSgwLjgpO1xuICAgICAgQGFwcGx5IG9yaWdpbi1sZWZ0O1xuICAgIH1cbiAgICA6Z2xvYmFsKC5zd2lwZXItc2xpZGUtYWN0aXZlKSB7XG4gICAgICBAYXBwbHkgb3BhY2l0eS0xMDA7XG4gICAgICAvLyB0cmFuc2Zvcm06IHNjYWxlKDEpIHRyYW5zbGF0ZVgoMCk7XG4gICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tbmV4dCl7XG4gICAgICBAYXBwbHkgLXJpZ2h0LTQgbWQ6cmlnaHQtMCAzeGw6cmlnaHQtW2NhbGMoKDEwMCUtMTIwMHB4KS8yLTE2cHgpXTtcbiAgICB9XG4gICAgOmdsb2JhbCguc3dpcGVyLWJ1dHRvbi1wcmV2KXtcbiAgICAgIEBhcHBseSAtbGVmdC00IG1kOmxlZnQtMCAzeGw6bGVmdC1bY2FsYygoMTAwJS0xMjAwcHgpLzItMTZweCldO1xuICAgIH1cbiAgfVxuICA6Z2xvYmFsKC5zd2lwZXIuZmVhdHVyZS1zd2lwZXIpIHtcbiAgICA6Z2xvYmFsKC5zd2lwZXItYnV0dG9uLW5leHQpe1xuICAgICAgQGFwcGx5IHJpZ2h0LTA7XG4gICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tcHJldil7XG4gICAgICBAYXBwbHkgbGVmdC0wO1xuICAgIH1cbiAgICA6Z2xvYmFsKC5zd2lwZXItYnV0dG9uLWRpc2FibGVkKSB7XG4gICAgICBAYXBwbHkgaGlkZGVuO1xuICAgIH1cbiAgfVxuICA6Z2xvYmFsKC5zd2lwZXIucGF0cm9uLWJhZGdlLXN3aXBlcikge1xuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tbmV4dCl7XG4gICAgICBAYXBwbHkgcmlnaHQtMDtcbiAgICB9XG4gICAgOmdsb2JhbCguc3dpcGVyLWJ1dHRvbi1wcmV2KXtcbiAgICAgIEBhcHBseSBsZWZ0LTA7XG4gICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tZGlzYWJsZWQpIHtcbiAgICAgIEBhcHBseSBoaWRkZW47XG4gICAgfVxuICB9XG4gIDpnbG9iYWwoLnN3aXBlci5ncmlkLXN3aXBlcikge1xuICAgIDpnbG9iYWwoLnN3aXBlci13cmFwcGVyKSB7XG4gICAgICBAYXBwbHkgdy1bMTAwdnddIG1kOnctZnVsbCBmbGV4LXdyYXAgZmxleC1jb2wgbS0wO1xuICAgIH1cbiAgfVxuICA6Z2xvYmFsKC5zd2lwZXIpIHtcbiAgICBcbiAgICA6Z2xvYmFsKC5zd2lwZXItYnV0dG9uLW5leHQpe1xuICAgICAgQGFwcGx5IGhpZGRlbiBtZDpmbGV4IGp1c3RpZnktY2VudGVyIGl0ZW1zLWNlbnRlciBhYnNvbHV0ZSB0b3AtWzUwJV0gdy04IGgtOCBmb250LXNlbWlib2xkIHRleHQtaWNvbiBib3JkZXIgYm9yZGVyLUNvbG9ycy1Cb3JkZXItRGVmYXVsdCBiZy1Db2xvcnMtQmFja2dyb3VuZC1Ob3JtYWwtUHJpbWFyeS1EZWZhdWx0IHJvdW5kZWQtZnVsbCBjdXJzb3ItcG9pbnRlciBob3ZlcjpiZy1zdXJmYWNlLWhvdmVyZWQgYWN0aXZlOmJnLUNvbG9ycy1CYWNrZ3JvdW5kLU5vcm1hbC1QcmltYXJ5LUFjdGl2ZTtcbiAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgIEBhcHBseSB0ZXh0LWljb24gdGV4dC14cyBmb250LWJvbGQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICA6Z2xvYmFsKC5zd2lwZXItYnV0dG9uLXByZXYpe1xuICAgICAgQGFwcGx5IGhpZGRlbiBtZDpmbGV4IGp1c3RpZnktY2VudGVyIGl0ZW1zLWNlbnRlciBhYnNvbHV0ZSB0b3AtWzUwJV0gdy04IGgtOCBmb250LXNlbWlib2xkIHRleHQtaWNvbiBib3JkZXIgYm9yZGVyLUNvbG9ycy1Cb3JkZXItRGVmYXVsdCBiZy1Db2xvcnMtQmFja2dyb3VuZC1Ob3JtYWwtUHJpbWFyeS1EZWZhdWx0IHJvdW5kZWQtZnVsbCBjdXJzb3ItcG9pbnRlciBob3ZlcjpiZy1zdXJmYWNlLWhvdmVyZWQgYWN0aXZlOmJnLUNvbG9ycy1CYWNrZ3JvdW5kLU5vcm1hbC1QcmltYXJ5LUFjdGl2ZTtcbiAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgIEBhcHBseSB0ZXh0LWljb24gdGV4dC14cyBmb250LWJvbGQ7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG5cbi5hbmltYXRlIHtcbiAgOmdsb2JhbCguc3dpcGVyLXNsaWRlKSB7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDUwMG1zIGxpbmVhcjtcbiAgfVxufVxuIl19 */';
|
|
12259
12374
|
// src/components/swiper/index.tsx
|
|
12260
|
-
import { jsx as
|
|
12375
|
+
import { jsx as jsx60 } from "react/jsx-runtime";
|
|
12261
12376
|
var swiperVariants = cva21("", {
|
|
12262
12377
|
variants: {
|
|
12263
12378
|
rounded: {
|
|
@@ -12393,9 +12508,9 @@ function Swiper(props) {
|
|
|
12393
12508
|
}
|
|
12394
12509
|
}
|
|
12395
12510
|
};
|
|
12396
|
-
return /* @__PURE__ */
|
|
12511
|
+
return /* @__PURE__ */ jsx60("div", {
|
|
12397
12512
|
className: index_module_default.swiperBox,
|
|
12398
|
-
children: /* @__PURE__ */
|
|
12513
|
+
children: /* @__PURE__ */ jsx60(SwiperComponent, _object_spread_props(_object_spread({
|
|
12399
12514
|
observer: true,
|
|
12400
12515
|
observeParents: true
|
|
12401
12516
|
}, swiperConfigs), {
|
|
@@ -12405,9 +12520,9 @@ function Swiper(props) {
|
|
|
12405
12520
|
swiperRef.current = swiper;
|
|
12406
12521
|
},
|
|
12407
12522
|
children: swiperList.map(function(item, index) {
|
|
12408
|
-
return /* @__PURE__ */
|
|
12523
|
+
return /* @__PURE__ */ jsx60(SwiperSlide, {
|
|
12409
12524
|
className: cn(isBanner && "banner-swiper-slide !w-[90%] md:!w-[98%] h-[220px] md:h-auto max-w-[1200px] aspect-[4/1] rounded-2xl opacity-30", isFeatured && "rounded-2xl !w-[100%-32px] md:!w-[100%-72px]", isGrid && "grid-swiper-slide !w-[100%-32px] md:!w-[100%-72px] !h-[100%/3] flex justify-center items-center rounded-2xl", "text-clip", slideClassName),
|
|
12410
|
-
children: /* @__PURE__ */
|
|
12525
|
+
children: /* @__PURE__ */ jsx60(Com, {
|
|
12411
12526
|
item: item,
|
|
12412
12527
|
index: index,
|
|
12413
12528
|
onClick: handleSlideItemClick,
|
|
@@ -12428,48 +12543,48 @@ import ExclamationCircleIcon2 from "@heroicons/react/24/solid/esm/ExclamationCir
|
|
|
12428
12543
|
import InformationCircleIcon3 from "@heroicons/react/24/solid/esm/InformationCircleIcon";
|
|
12429
12544
|
import XCircleIcon3 from "@heroicons/react/24/solid/esm/XCircleIcon";
|
|
12430
12545
|
import { toast as toast2 } from "react-hot-toast";
|
|
12431
|
-
import { Fragment as
|
|
12546
|
+
import { Fragment as Fragment12, jsx as jsx61, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
12432
12547
|
function CustomNotification(param) {
|
|
12433
12548
|
var tProps = param.tProps, customProps = param.customProps;
|
|
12434
12549
|
var type = customProps.type, title = customProps.title, content = customProps.content, _customProps_isClosable = customProps.isClosable, isClosable = _customProps_isClosable === void 0 ? false : _customProps_isClosable, action = customProps.action, loading = customProps.loading;
|
|
12435
12550
|
var id = tProps.id;
|
|
12436
12551
|
var displayedContent = !isString(content) ? JSON.stringify(content) : content;
|
|
12437
|
-
return /* @__PURE__ */
|
|
12438
|
-
children: /* @__PURE__ */
|
|
12552
|
+
return /* @__PURE__ */ jsx61("div", {
|
|
12553
|
+
children: /* @__PURE__ */ jsx61("div", {
|
|
12439
12554
|
id: id,
|
|
12440
12555
|
className: "z-[10000000] min-h-10 w-fit max-w-[90vw] rounded-full border border-opaque bg-Colors-Background-Normal-Primary-Active px-3 py-2 shadow-modal-default md:max-w-[560px]",
|
|
12441
|
-
children: /* @__PURE__ */
|
|
12556
|
+
children: /* @__PURE__ */ jsxs34("div", {
|
|
12442
12557
|
className: "flex w-full items-center justify-center gap-2",
|
|
12443
12558
|
children: [
|
|
12444
|
-
loading && /* @__PURE__ */
|
|
12445
|
-
!loading && type && /* @__PURE__ */
|
|
12559
|
+
loading && /* @__PURE__ */ jsx61(Spinner, {}),
|
|
12560
|
+
!loading && type && /* @__PURE__ */ jsxs34("div", {
|
|
12446
12561
|
className: "flex flex-shrink-0 items-center",
|
|
12447
12562
|
children: [
|
|
12448
|
-
type === "info" && /* @__PURE__ */
|
|
12563
|
+
type === "info" && /* @__PURE__ */ jsx61(InformationCircleIcon3, {
|
|
12449
12564
|
className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Info"
|
|
12450
12565
|
}),
|
|
12451
|
-
type === "success" && /* @__PURE__ */
|
|
12566
|
+
type === "success" && /* @__PURE__ */ jsx61(CheckCircleIcon3, {
|
|
12452
12567
|
className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Success"
|
|
12453
12568
|
}),
|
|
12454
|
-
type === "warning" && /* @__PURE__ */
|
|
12569
|
+
type === "warning" && /* @__PURE__ */ jsx61(ExclamationCircleIcon2, {
|
|
12455
12570
|
className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Warning"
|
|
12456
12571
|
}),
|
|
12457
|
-
type === "error" && /* @__PURE__ */
|
|
12572
|
+
type === "error" && /* @__PURE__ */ jsx61(XCircleIcon3, {
|
|
12458
12573
|
className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Error"
|
|
12459
12574
|
})
|
|
12460
12575
|
]
|
|
12461
12576
|
}),
|
|
12462
|
-
/* @__PURE__ */
|
|
12577
|
+
/* @__PURE__ */ jsxs34("div", {
|
|
12463
12578
|
className: "flex flex-grow flex-col space-y-1 overflow-hidden",
|
|
12464
12579
|
children: [
|
|
12465
|
-
title && /* @__PURE__ */
|
|
12580
|
+
title && /* @__PURE__ */ jsx61(Text, {
|
|
12466
12581
|
size: "sm",
|
|
12467
12582
|
weight: "regular",
|
|
12468
12583
|
color: "default",
|
|
12469
12584
|
children: title
|
|
12470
12585
|
}),
|
|
12471
|
-
/* @__PURE__ */
|
|
12472
|
-
children: /* @__PURE__ */
|
|
12586
|
+
/* @__PURE__ */ jsx61("div", {
|
|
12587
|
+
children: /* @__PURE__ */ jsx61(Text, {
|
|
12473
12588
|
size: "sm",
|
|
12474
12589
|
weight: "regular",
|
|
12475
12590
|
color: "default",
|
|
@@ -12478,16 +12593,16 @@ function CustomNotification(param) {
|
|
|
12478
12593
|
})
|
|
12479
12594
|
]
|
|
12480
12595
|
}),
|
|
12481
|
-
action && /* @__PURE__ */
|
|
12596
|
+
action && /* @__PURE__ */ jsxs34(Fragment12, {
|
|
12482
12597
|
children: [
|
|
12483
|
-
/* @__PURE__ */
|
|
12598
|
+
/* @__PURE__ */ jsx61(Separator, {
|
|
12484
12599
|
orientation: "vertical",
|
|
12485
12600
|
className: "h-3"
|
|
12486
12601
|
}),
|
|
12487
12602
|
action
|
|
12488
12603
|
]
|
|
12489
12604
|
}),
|
|
12490
|
-
isClosable && /* @__PURE__ */
|
|
12605
|
+
isClosable && /* @__PURE__ */ jsx61(IconButton, {
|
|
12491
12606
|
size: "sm",
|
|
12492
12607
|
variant: "plain",
|
|
12493
12608
|
icon: XMarkIcon4,
|
|
@@ -12504,14 +12619,14 @@ function CustomNotification(param) {
|
|
|
12504
12619
|
// src/common/hooks/useNotification.tsx
|
|
12505
12620
|
import { useCallback as useCallback5 } from "react";
|
|
12506
12621
|
import { toast as toast3 } from "react-hot-toast";
|
|
12507
|
-
import { jsx as
|
|
12622
|
+
import { jsx as jsx62 } from "react/jsx-runtime";
|
|
12508
12623
|
function useNotification() {
|
|
12509
12624
|
var addToast = useCallback5(function(config2, duration2) {
|
|
12510
12625
|
if (config2.id) {
|
|
12511
12626
|
toast3.remove(config2.id);
|
|
12512
12627
|
}
|
|
12513
12628
|
toast3.custom(function(t) {
|
|
12514
|
-
return /* @__PURE__ */
|
|
12629
|
+
return /* @__PURE__ */ jsx62(CustomNotification, {
|
|
12515
12630
|
tProps: _object_spread_props(_object_spread({}, t), {
|
|
12516
12631
|
duration: duration2
|
|
12517
12632
|
}),
|
|
@@ -12572,7 +12687,7 @@ var Message = /*#__PURE__*/ function() {
|
|
|
12572
12687
|
}
|
|
12573
12688
|
var addToast = function() {
|
|
12574
12689
|
toast3.custom(function(t) {
|
|
12575
|
-
return /* @__PURE__ */
|
|
12690
|
+
return /* @__PURE__ */ jsx62(CustomNotification, {
|
|
12576
12691
|
tProps: _object_spread_props(_object_spread({}, t), {
|
|
12577
12692
|
duration: duration2
|
|
12578
12693
|
}),
|
|
@@ -12628,11 +12743,11 @@ var Message = /*#__PURE__*/ function() {
|
|
|
12628
12743
|
return Message;
|
|
12629
12744
|
}();
|
|
12630
12745
|
// src/components/icons/outline/ArrowLeftIcon.tsx
|
|
12631
|
-
import * as
|
|
12632
|
-
import { jsx as
|
|
12633
|
-
var ArrowLeftIcon2 =
|
|
12634
|
-
return /* @__PURE__ */
|
|
12635
|
-
children: /* @__PURE__ */
|
|
12746
|
+
import * as React44 from "react";
|
|
12747
|
+
import { jsx as jsx63 } from "react/jsx-runtime";
|
|
12748
|
+
var ArrowLeftIcon2 = React44.forwardRef(function(props, ref) {
|
|
12749
|
+
return /* @__PURE__ */ jsx63(Icon, _object_spread_props(_object_spread({}, props), {
|
|
12750
|
+
children: /* @__PURE__ */ jsx63("svg", {
|
|
12636
12751
|
ref: ref,
|
|
12637
12752
|
className: "w-full h-full",
|
|
12638
12753
|
viewBox: "0 0 24 24",
|
|
@@ -12640,7 +12755,7 @@ var ArrowLeftIcon2 = React43.forwardRef(function(props, ref) {
|
|
|
12640
12755
|
strokeWidth: "1.5",
|
|
12641
12756
|
stroke: "currentColor",
|
|
12642
12757
|
xmlns: "http://www.w3.org/2000/svg",
|
|
12643
|
-
children: /* @__PURE__ */
|
|
12758
|
+
children: /* @__PURE__ */ jsx63("path", {
|
|
12644
12759
|
strokeLinecap: "round",
|
|
12645
12760
|
strokeLinejoin: "round",
|
|
12646
12761
|
d: "M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"
|
|
@@ -12649,11 +12764,11 @@ var ArrowLeftIcon2 = React43.forwardRef(function(props, ref) {
|
|
|
12649
12764
|
}));
|
|
12650
12765
|
});
|
|
12651
12766
|
// src/components/icons/outline/ArrowUpTrayIcon.tsx
|
|
12652
|
-
import * as
|
|
12653
|
-
import { jsx as
|
|
12654
|
-
var ArrowUpTrayIcon =
|
|
12655
|
-
return /* @__PURE__ */
|
|
12656
|
-
children: /* @__PURE__ */
|
|
12767
|
+
import * as React45 from "react";
|
|
12768
|
+
import { jsx as jsx64 } from "react/jsx-runtime";
|
|
12769
|
+
var ArrowUpTrayIcon = React45.forwardRef(function(props, ref) {
|
|
12770
|
+
return /* @__PURE__ */ jsx64(Icon, _object_spread_props(_object_spread({}, props), {
|
|
12771
|
+
children: /* @__PURE__ */ jsx64("svg", {
|
|
12657
12772
|
ref: ref,
|
|
12658
12773
|
className: "w-full h-full",
|
|
12659
12774
|
viewBox: "0 0 24 24",
|
|
@@ -12661,7 +12776,7 @@ var ArrowUpTrayIcon = React44.forwardRef(function(props, ref) {
|
|
|
12661
12776
|
strokeWidth: "1.5",
|
|
12662
12777
|
stroke: "currentColor",
|
|
12663
12778
|
xmlns: "http://www.w3.org/2000/svg",
|
|
12664
|
-
children: /* @__PURE__ */
|
|
12779
|
+
children: /* @__PURE__ */ jsx64("path", {
|
|
12665
12780
|
strokeLinecap: "round",
|
|
12666
12781
|
strokeLinejoin: "round",
|
|
12667
12782
|
d: "M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5"
|
|
@@ -12670,11 +12785,11 @@ var ArrowUpTrayIcon = React44.forwardRef(function(props, ref) {
|
|
|
12670
12785
|
}));
|
|
12671
12786
|
});
|
|
12672
12787
|
// src/components/icons/outline/WindowIcon.tsx
|
|
12673
|
-
import * as
|
|
12674
|
-
import { jsx as
|
|
12675
|
-
var WindowIcon =
|
|
12676
|
-
return /* @__PURE__ */
|
|
12677
|
-
children: /* @__PURE__ */
|
|
12788
|
+
import * as React46 from "react";
|
|
12789
|
+
import { jsx as jsx65 } from "react/jsx-runtime";
|
|
12790
|
+
var WindowIcon = React46.forwardRef(function(props, ref) {
|
|
12791
|
+
return /* @__PURE__ */ jsx65(Icon, _object_spread_props(_object_spread({}, props), {
|
|
12792
|
+
children: /* @__PURE__ */ jsx65("svg", {
|
|
12678
12793
|
ref: ref,
|
|
12679
12794
|
className: "w-full h-full",
|
|
12680
12795
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -12682,7 +12797,7 @@ var WindowIcon = React45.forwardRef(function(props, ref) {
|
|
|
12682
12797
|
fill: "none",
|
|
12683
12798
|
strokeWidth: "1.5",
|
|
12684
12799
|
stroke: "currentColor",
|
|
12685
|
-
children: /* @__PURE__ */
|
|
12800
|
+
children: /* @__PURE__ */ jsx65("path", {
|
|
12686
12801
|
strokeLinecap: "round",
|
|
12687
12802
|
strokeLinejoin: "round",
|
|
12688
12803
|
d: "M3 8.25V18a2.25 2.25 0 0 0 2.25 2.25h13.5A2.25 2.25 0 0 0 21 18V8.25m-18 0V6a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 6v2.25m-18 0h18M5.25 6h.008v.008H5.25V6ZM7.5 6h.008v.008H7.5V6Zm2.25 0h.008v.008H9.75V6Z"
|
|
@@ -12691,21 +12806,21 @@ var WindowIcon = React45.forwardRef(function(props, ref) {
|
|
|
12691
12806
|
}));
|
|
12692
12807
|
});
|
|
12693
12808
|
// src/components/icons/outline/CheckCircleIcon.tsx
|
|
12694
|
-
import * as
|
|
12695
|
-
import { jsx as
|
|
12696
|
-
var CheckCircleIcon4 =
|
|
12697
|
-
return /* @__PURE__ */
|
|
12698
|
-
children: /* @__PURE__ */
|
|
12809
|
+
import * as React47 from "react";
|
|
12810
|
+
import { jsx as jsx66, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
12811
|
+
var CheckCircleIcon4 = React47.forwardRef(function(props, ref) {
|
|
12812
|
+
return /* @__PURE__ */ jsx66(Icon, _object_spread_props(_object_spread({}, props), {
|
|
12813
|
+
children: /* @__PURE__ */ jsxs35("svg", {
|
|
12699
12814
|
ref: ref,
|
|
12700
12815
|
className: "w-full h-full",
|
|
12701
12816
|
viewBox: "0 0 24 24",
|
|
12702
12817
|
fill: "currentColor",
|
|
12703
12818
|
xmlns: "http://www.w3.org/2000/svg",
|
|
12704
12819
|
children: [
|
|
12705
|
-
/* @__PURE__ */
|
|
12820
|
+
/* @__PURE__ */ jsx66("path", {
|
|
12706
12821
|
d: "M15.4359 9.1397C15.773 9.38046 15.8511 9.84887 15.6103 10.1859L11.8603 15.4359C11.7322 15.6153 11.5316 15.7293 11.3119 15.7474C11.0921 15.7656 10.8756 15.6862 10.7197 15.5303L8.46967 13.2803C8.17678 12.9874 8.17678 12.5126 8.46967 12.2197C8.76256 11.9268 9.23744 11.9268 9.53033 12.2197L11.1543 13.8436L14.3897 9.31407C14.6305 8.97701 15.0989 8.89894 15.4359 9.1397Z"
|
|
12707
12822
|
}),
|
|
12708
|
-
/* @__PURE__ */
|
|
12823
|
+
/* @__PURE__ */ jsx66("path", {
|
|
12709
12824
|
fillRule: "evenodd",
|
|
12710
12825
|
clipRule: "evenodd",
|
|
12711
12826
|
d: "M2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75Z"
|
|
@@ -12715,11 +12830,11 @@ var CheckCircleIcon4 = React46.forwardRef(function(props, ref) {
|
|
|
12715
12830
|
}));
|
|
12716
12831
|
});
|
|
12717
12832
|
// src/components/icons/outline/PencilSquareIcon.tsx
|
|
12718
|
-
import * as
|
|
12719
|
-
import { jsx as
|
|
12720
|
-
var PencilSquareIcon =
|
|
12721
|
-
return /* @__PURE__ */
|
|
12722
|
-
children: /* @__PURE__ */
|
|
12833
|
+
import * as React48 from "react";
|
|
12834
|
+
import { jsx as jsx67 } from "react/jsx-runtime";
|
|
12835
|
+
var PencilSquareIcon = React48.forwardRef(function(props, ref) {
|
|
12836
|
+
return /* @__PURE__ */ jsx67(Icon, _object_spread_props(_object_spread({}, props), {
|
|
12837
|
+
children: /* @__PURE__ */ jsx67("svg", {
|
|
12723
12838
|
ref: ref,
|
|
12724
12839
|
className: "w-full h-full",
|
|
12725
12840
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -12727,7 +12842,7 @@ var PencilSquareIcon = React47.forwardRef(function(props, ref) {
|
|
|
12727
12842
|
viewBox: "0 0 24 24",
|
|
12728
12843
|
strokeWidth: "1.5",
|
|
12729
12844
|
stroke: "currentColor",
|
|
12730
|
-
children: /* @__PURE__ */
|
|
12845
|
+
children: /* @__PURE__ */ jsx67("path", {
|
|
12731
12846
|
strokeLinecap: "round",
|
|
12732
12847
|
strokeLinejoin: "round",
|
|
12733
12848
|
d: "m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10"
|
|
@@ -12736,35 +12851,35 @@ var PencilSquareIcon = React47.forwardRef(function(props, ref) {
|
|
|
12736
12851
|
}));
|
|
12737
12852
|
});
|
|
12738
12853
|
// src/components/icons/outline/ConfigIcon.tsx
|
|
12739
|
-
import * as
|
|
12740
|
-
import { jsx as
|
|
12741
|
-
var ConfigIcon =
|
|
12742
|
-
return /* @__PURE__ */
|
|
12743
|
-
children: /* @__PURE__ */
|
|
12854
|
+
import * as React49 from "react";
|
|
12855
|
+
import { jsx as jsx68, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
12856
|
+
var ConfigIcon = React49.forwardRef(function(props, ref) {
|
|
12857
|
+
return /* @__PURE__ */ jsx68(Icon, _object_spread_props(_object_spread({}, props), {
|
|
12858
|
+
children: /* @__PURE__ */ jsx68("svg", {
|
|
12744
12859
|
width: "18",
|
|
12745
12860
|
height: "18",
|
|
12746
12861
|
viewBox: "0 0 18 18",
|
|
12747
12862
|
fill: "none",
|
|
12748
12863
|
xmlns: "http://www.w3.org/2000/svg",
|
|
12749
12864
|
className: "cursor-pointer",
|
|
12750
|
-
children: /* @__PURE__ */
|
|
12865
|
+
children: /* @__PURE__ */ jsx68("g", {
|
|
12751
12866
|
id: "wrapper",
|
|
12752
|
-
children: /* @__PURE__ */
|
|
12867
|
+
children: /* @__PURE__ */ jsxs36("g", {
|
|
12753
12868
|
id: "Union",
|
|
12754
12869
|
children: [
|
|
12755
|
-
/* @__PURE__ */
|
|
12870
|
+
/* @__PURE__ */ jsx68("path", {
|
|
12756
12871
|
fillRule: "evenodd",
|
|
12757
12872
|
clipRule: "evenodd",
|
|
12758
12873
|
d: "M4.5 2.25C4.81066 2.25 5.0625 2.50184 5.0625 2.8125L5.0625 9.65852C5.71792 9.89018 6.1875 10.5153 6.1875 11.25C6.1875 11.9847 5.71792 12.6098 5.0625 12.8415V15.1875C5.0625 15.4982 4.81066 15.75 4.5 15.75C4.18934 15.75 3.9375 15.4982 3.9375 15.1875V12.8415C3.28208 12.6098 2.8125 11.9847 2.8125 11.25C2.8125 10.5153 3.28208 9.89018 3.9375 9.65852L3.9375 2.8125C3.9375 2.50184 4.18934 2.25 4.5 2.25ZM4.5 10.6875C4.18934 10.6875 3.9375 10.9393 3.9375 11.25C3.9375 11.5607 4.18934 11.8125 4.5 11.8125C4.81066 11.8125 5.0625 11.5607 5.0625 11.25C5.0625 10.9393 4.81066 10.6875 4.5 10.6875Z",
|
|
12759
12874
|
fill: "#6D7175"
|
|
12760
12875
|
}),
|
|
12761
|
-
/* @__PURE__ */
|
|
12876
|
+
/* @__PURE__ */ jsx68("path", {
|
|
12762
12877
|
fillRule: "evenodd",
|
|
12763
12878
|
clipRule: "evenodd",
|
|
12764
12879
|
d: "M9 2.25C9.31066 2.25 9.5625 2.50184 9.5625 2.8125V5.15852C10.2179 5.39018 10.6875 6.01525 10.6875 6.75C10.6875 7.48475 10.2179 8.10982 9.5625 8.34148V15.1875C9.5625 15.4982 9.31066 15.75 9 15.75C8.68934 15.75 8.4375 15.4982 8.4375 15.1875V8.34148C7.78208 8.10982 7.3125 7.48475 7.3125 6.75C7.3125 6.01525 7.78208 5.39018 8.4375 5.15852V2.8125C8.4375 2.50184 8.68934 2.25 9 2.25ZM9 6.1875C8.68934 6.1875 8.4375 6.43934 8.4375 6.75C8.4375 7.06066 8.68934 7.3125 9 7.3125C9.31066 7.3125 9.5625 7.06066 9.5625 6.75C9.5625 6.43934 9.31066 6.1875 9 6.1875Z",
|
|
12765
12880
|
fill: "#6D7175"
|
|
12766
12881
|
}),
|
|
12767
|
-
/* @__PURE__ */
|
|
12882
|
+
/* @__PURE__ */ jsx68("path", {
|
|
12768
12883
|
fillRule: "evenodd",
|
|
12769
12884
|
clipRule: "evenodd",
|
|
12770
12885
|
d: "M13.5 2.25C13.8107 2.25 14.0625 2.50184 14.0625 2.8125V9.65852C14.7179 9.89018 15.1875 10.5153 15.1875 11.25C15.1875 11.9847 14.7179 12.6098 14.0625 12.8415L14.0625 15.1875C14.0625 15.4982 13.8107 15.75 13.5 15.75C13.1893 15.75 12.9375 15.4982 12.9375 15.1875L12.9375 12.8415C12.2821 12.6098 11.8125 11.9847 11.8125 11.25C11.8125 10.5153 12.2821 9.89018 12.9375 9.65852V2.8125C12.9375 2.50184 13.1893 2.25 13.5 2.25ZM13.5 10.6875C13.1893 10.6875 12.9375 10.9393 12.9375 11.25C12.9375 11.5607 13.1893 11.8125 13.5 11.8125C13.8107 11.8125 14.0625 11.5607 14.0625 11.25C14.0625 10.9393 13.8107 10.6875 13.5 10.6875Z",
|
|
@@ -12777,38 +12892,38 @@ var ConfigIcon = React48.forwardRef(function(props, ref) {
|
|
|
12777
12892
|
}));
|
|
12778
12893
|
});
|
|
12779
12894
|
// src/components/icons/solid/CaretDownIcon.tsx
|
|
12780
|
-
import * as
|
|
12781
|
-
import { jsx as
|
|
12782
|
-
var CaretDownIcon =
|
|
12783
|
-
return /* @__PURE__ */
|
|
12784
|
-
children: /* @__PURE__ */
|
|
12895
|
+
import * as React50 from "react";
|
|
12896
|
+
import { jsx as jsx69 } from "react/jsx-runtime";
|
|
12897
|
+
var CaretDownIcon = React50.forwardRef(function(props, ref) {
|
|
12898
|
+
return /* @__PURE__ */ jsx69(Icon, _object_spread_props(_object_spread({}, props), {
|
|
12899
|
+
children: /* @__PURE__ */ jsx69("svg", {
|
|
12785
12900
|
ref: ref,
|
|
12786
12901
|
className: "w-full h-full",
|
|
12787
12902
|
viewBox: "0 0 24 24",
|
|
12788
12903
|
fill: "currentColor",
|
|
12789
12904
|
xmlns: "http://www.w3.org/2000/svg",
|
|
12790
|
-
children: /* @__PURE__ */
|
|
12905
|
+
children: /* @__PURE__ */ jsx69("path", {
|
|
12791
12906
|
d: "M13.5119 17.7818C12.7143 18.7028 11.2857 18.7028 10.4881 17.7818L2.74159 8.83689C1.61984 7.54161 2.53995 5.52759 4.25345 5.52759L19.7466 5.52759C21.4601 5.52759 22.3802 7.54161 21.2584 8.8369L13.5119 17.7818Z"
|
|
12792
12907
|
})
|
|
12793
12908
|
})
|
|
12794
12909
|
}));
|
|
12795
12910
|
});
|
|
12796
12911
|
// src/components/icons/solid/CodeIcon.tsx
|
|
12797
|
-
import * as
|
|
12798
|
-
import { jsx as
|
|
12799
|
-
var CodeIcon =
|
|
12800
|
-
return /* @__PURE__ */
|
|
12801
|
-
children: /* @__PURE__ */
|
|
12912
|
+
import * as React51 from "react";
|
|
12913
|
+
import { jsx as jsx70, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
12914
|
+
var CodeIcon = React51.forwardRef(function(props, ref) {
|
|
12915
|
+
return /* @__PURE__ */ jsx70(Icon, _object_spread_props(_object_spread({}, props), {
|
|
12916
|
+
children: /* @__PURE__ */ jsxs37("svg", {
|
|
12802
12917
|
ref: ref,
|
|
12803
12918
|
className: "w-full h-full",
|
|
12804
12919
|
viewBox: "0 0 24 24",
|
|
12805
12920
|
fill: "currentColor",
|
|
12806
12921
|
xmlns: "http://www.w3.org/2000/svg",
|
|
12807
12922
|
children: [
|
|
12808
|
-
/* @__PURE__ */
|
|
12923
|
+
/* @__PURE__ */ jsx70("path", {
|
|
12809
12924
|
d: "M15.3995 7.375C15.6066 7.01628 15.4837 6.55759 15.125 6.35048C14.7663 6.14337 14.3076 6.26628 14.1005 6.625L8.35048 16.5843C8.14337 16.943 8.26628 17.4017 8.625 17.6088C8.98372 17.8159 9.44241 17.693 9.64952 17.3343L15.3995 7.375Z"
|
|
12810
12925
|
}),
|
|
12811
|
-
/* @__PURE__ */
|
|
12926
|
+
/* @__PURE__ */ jsx70("path", {
|
|
12812
12927
|
fillRule: "evenodd",
|
|
12813
12928
|
clipRule: "evenodd",
|
|
12814
12929
|
d: "M6 3C4.34315 3 3 4.34315 3 6V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V6C21 4.34315 19.6569 3 18 3H6ZM4.5 6C4.5 5.17157 5.17157 4.5 6 4.5H18C18.8284 4.5 19.5 5.17157 19.5 6V18C19.5 18.8284 18.8284 19.5 18 19.5H6C5.17157 19.5 4.5 18.8284 4.5 18V6Z"
|
|
@@ -12818,17 +12933,17 @@ var CodeIcon = React50.forwardRef(function(props, ref) {
|
|
|
12818
12933
|
}));
|
|
12819
12934
|
});
|
|
12820
12935
|
// src/components/icons/solid/DragIcon.tsx
|
|
12821
|
-
import * as
|
|
12822
|
-
import { jsx as
|
|
12823
|
-
var DragIcon =
|
|
12824
|
-
return /* @__PURE__ */
|
|
12825
|
-
children: /* @__PURE__ */
|
|
12936
|
+
import * as React52 from "react";
|
|
12937
|
+
import { jsx as jsx71 } from "react/jsx-runtime";
|
|
12938
|
+
var DragIcon = React52.forwardRef(function(props, ref) {
|
|
12939
|
+
return /* @__PURE__ */ jsx71(Icon, _object_spread_props(_object_spread({}, props), {
|
|
12940
|
+
children: /* @__PURE__ */ jsx71("svg", {
|
|
12826
12941
|
ref: ref,
|
|
12827
12942
|
className: "w-full h-full",
|
|
12828
12943
|
viewBox: "0 0 24 24",
|
|
12829
12944
|
fill: "currentColor",
|
|
12830
12945
|
xmlns: "http://www.w3.org/2000/svg",
|
|
12831
|
-
children: /* @__PURE__ */
|
|
12946
|
+
children: /* @__PURE__ */ jsx71("path", {
|
|
12832
12947
|
fillRule: "evenodd",
|
|
12833
12948
|
clipRule: "evenodd",
|
|
12834
12949
|
d: "M7.5 5C7.5 4.17157 8.17157 3.5 9 3.5C9.82843 3.5 10.5 4.17157 10.5 5C10.5 5.82843 9.82843 6.5 9 6.5C8.17157 6.5 7.5 5.82843 7.5 5ZM13.5 5C13.5 4.17157 14.1716 3.5 15 3.5C15.8284 3.5 16.5 4.17157 16.5 5C16.5 5.82843 15.8284 6.5 15 6.5C14.1716 6.5 13.5 5.82843 13.5 5ZM7.5 12C7.5 11.1716 8.17157 10.5 9 10.5C9.82843 10.5 10.5 11.1716 10.5 12C10.5 12.8284 9.82843 13.5 9 13.5C8.17157 13.5 7.5 12.8284 7.5 12ZM13.5 12C13.5 11.1716 14.1716 10.5 15 10.5C15.8284 10.5 16.5 11.1716 16.5 12C16.5 12.8284 15.8284 13.5 15 13.5C14.1716 13.5 13.5 12.8284 13.5 12ZM7.5 19C7.5 18.1716 8.17157 17.5 9 17.5C9.82843 17.5 10.5 18.1716 10.5 19C10.5 19.8284 9.82843 20.5 9 20.5C8.17157 20.5 7.5 19.8284 7.5 19ZM13.5 19C13.5 18.1716 14.1716 17.5 15 17.5C15.8284 17.5 16.5 18.1716 16.5 19C16.5 19.8284 15.8284 20.5 15 20.5C14.1716 20.5 13.5 19.8284 13.5 19Z"
|
|
@@ -12837,22 +12952,22 @@ var DragIcon = React51.forwardRef(function(props, ref) {
|
|
|
12837
12952
|
}));
|
|
12838
12953
|
});
|
|
12839
12954
|
// src/components/icons/solid/PhoneIcon.tsx
|
|
12840
|
-
import * as
|
|
12841
|
-
import { jsx as
|
|
12842
|
-
var PhoneIcon =
|
|
12843
|
-
return /* @__PURE__ */
|
|
12844
|
-
children: /* @__PURE__ */
|
|
12955
|
+
import * as React53 from "react";
|
|
12956
|
+
import { jsx as jsx72, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
12957
|
+
var PhoneIcon = React53.forwardRef(function(props, ref) {
|
|
12958
|
+
return /* @__PURE__ */ jsx72(Icon, _object_spread_props(_object_spread({}, props), {
|
|
12959
|
+
children: /* @__PURE__ */ jsxs38("svg", {
|
|
12845
12960
|
xmlns: "http://www.w3.org/2000/svg",
|
|
12846
12961
|
width: "20",
|
|
12847
12962
|
height: "20",
|
|
12848
12963
|
viewBox: "0 0 20 20",
|
|
12849
12964
|
fill: "none",
|
|
12850
12965
|
children: [
|
|
12851
|
-
/* @__PURE__ */
|
|
12966
|
+
/* @__PURE__ */ jsx72("path", {
|
|
12852
12967
|
d: "M8.75 15.625C8.40482 15.625 8.125 15.9048 8.125 16.25C8.125 16.5952 8.40482 16.875 8.75 16.875H11.25C11.5952 16.875 11.875 16.5952 11.875 16.25C11.875 15.9048 11.5952 15.625 11.25 15.625H8.75Z",
|
|
12853
12968
|
fill: "#3E5CFA"
|
|
12854
12969
|
}),
|
|
12855
|
-
/* @__PURE__ */
|
|
12970
|
+
/* @__PURE__ */ jsx72("path", {
|
|
12856
12971
|
fillRule: "evenodd",
|
|
12857
12972
|
clipRule: "evenodd",
|
|
12858
12973
|
d: "M7.1875 0.625C5.6342 0.625 4.375 1.8842 4.375 3.4375V16.5625C4.375 18.1158 5.6342 19.375 7.1875 19.375H12.8125C14.3658 19.375 15.625 18.1158 15.625 16.5625V3.4375C15.625 1.8842 14.3658 0.625 12.8125 0.625H7.1875ZM6.25 3.4375C6.25 2.91973 6.66973 2.5 7.1875 2.5H8.125V2.8125C8.125 3.33027 8.54473 3.75 9.0625 3.75H10.9375C11.4553 3.75 11.875 3.33027 11.875 2.8125V2.5H12.8125C13.3303 2.5 13.75 2.91973 13.75 3.4375V16.5625C13.75 17.0803 13.3303 17.5 12.8125 17.5H7.1875C6.66973 17.5 6.25 17.0803 6.25 16.5625V3.4375Z",
|
|
@@ -12863,17 +12978,17 @@ var PhoneIcon = React52.forwardRef(function(props, ref) {
|
|
|
12863
12978
|
}));
|
|
12864
12979
|
});
|
|
12865
12980
|
// src/components/icons/solid/RectangleGroupIcon.tsx
|
|
12866
|
-
import * as
|
|
12867
|
-
import { jsx as
|
|
12868
|
-
var RectangleGroupIcon =
|
|
12869
|
-
return /* @__PURE__ */
|
|
12870
|
-
children: /* @__PURE__ */
|
|
12981
|
+
import * as React54 from "react";
|
|
12982
|
+
import { jsx as jsx73 } from "react/jsx-runtime";
|
|
12983
|
+
var RectangleGroupIcon = React54.forwardRef(function(props, ref) {
|
|
12984
|
+
return /* @__PURE__ */ jsx73(Icon, _object_spread_props(_object_spread({}, props), {
|
|
12985
|
+
children: /* @__PURE__ */ jsx73("svg", {
|
|
12871
12986
|
ref: ref,
|
|
12872
12987
|
className: "w-full h-full",
|
|
12873
12988
|
viewBox: "0 0 24 24",
|
|
12874
12989
|
fill: "currentColor",
|
|
12875
12990
|
xmlns: "http://www.w3.org/2000/svg",
|
|
12876
|
-
children: /* @__PURE__ */
|
|
12991
|
+
children: /* @__PURE__ */ jsx73("path", {
|
|
12877
12992
|
fillRule: "evenodd",
|
|
12878
12993
|
clipRule: "evenodd",
|
|
12879
12994
|
d: "M1.5 7.125C1.5 6.08947 2.33947 5.25 3.375 5.25H9.375C10.4105 5.25 11.25 6.08947 11.25 7.125V10.875C11.25 11.9105 10.4105 12.75 9.375 12.75H3.375C2.33947 12.75 1.5 11.9105 1.5 10.875V7.125ZM13.5 8.625C13.5 7.58947 14.3395 6.75 15.375 6.75H20.625C21.6605 6.75 22.5 7.58947 22.5 8.625V16.875C22.5 17.9105 21.6605 18.75 20.625 18.75H15.375C14.3395 18.75 13.5 17.9105 13.5 16.875V8.625ZM3 16.125C3 15.0895 3.83947 14.25 4.875 14.25H10.125C11.1605 14.25 12 15.0895 12 16.125V18.375C12 19.4105 11.1605 20.25 10.125 20.25H4.875C3.83947 20.25 3 19.4105 3 18.375V16.125Z"
|