myshell-react-lib 0.2.6 → 0.2.8

package/dist/index.cjs

@@ -4201,6 +4201,9 @@ __export(index_exports, {
     ContextMenuTrigger: function() {
         return ContextMenuTrigger;
     },
+    DataEmptyState: function() {
+        return DataEmptyState;
+    },
     Description: function() {
         return Description;
     },
@@ -4351,6 +4354,9 @@ __export(index_exports, {
     Image: function() {
         return Image2;
     },
+    ImgEmptyState: function() {
+        return ImgEmptyState;
+    },
     Input: function() {
         return Input;
     },
@@ -4447,15 +4453,9 @@ __export(index_exports, {
     MultipleSelector: function() {
         return MultipleSelector;
     },
-    NetworkErrorState: function() {
-        return NetworkErrorState;
-    },
     NoPageState: function() {
         return NoPageState;
     },
-    NotFoundState: function() {
-        return NotFoundState;
-    },
     NumberInput: function() {
         return NumberInput;
     },
@@ -4498,6 +4498,9 @@ __export(index_exports, {
     SearchBar: function() {
         return SearchBar;
     },
+    SearchEmptyState: function() {
+        return SearchEmptyState;
+    },
     Select: function() {
         return Select;
     },
@@ -4663,6 +4666,9 @@ __export(index_exports, {
     TopNavigationBar: function() {
         return TopNavigationBar;
     },
+    WalletEmptyState: function() {
+        return WalletEmptyState;
+    },
     buttonVariants: function() {
         return buttonVariants;
     },
@@ -6621,12 +6627,12 @@ function createIconButtonWithVariant(props, ref) {
             ref: ref,
             disabled: disable
         }, passProps), {
-            children: loading ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, {
-                component: import_lucide_react2.Loader2,
+            children: loading ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react2.Loader2, {
+                strokeWidth: 1.5,
                 className: cn("animate-spin", iconCls)
-            }) : IconEle ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Icon, {
-                component: IconEle,
-                className: iconCls
+            }) : IconEle ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconEle, {
+                className: iconCls,
+                strokeWidth: 1.5
             }) : React14.isValidElement(children) ? React14.cloneElement(children, {
                 className: cn(iconCls, children.props.className)
             }) : null
@@ -11856,25 +11862,28 @@ var import_lucide_react14 = require("lucide-react");
 var React37 = __toESM(require("react"), 1);
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var Select = React37.forwardRef(function(_param, ref) {
-    var children = _param.children, placeholder = _param.placeholder, options = _param.options, triggerClassName = _param.triggerClassName, contentClassName = _param.contentClassName, side = _param.side, _param_variant = _param.variant, variant = _param_variant === void 0 ? "input" : _param_variant, props = _object_without_properties(_param, [
+    var children = _param.children, placeholder = _param.placeholder, options = _param.options, triggerClassName = _param.triggerClassName, contentClassName = _param.contentClassName, side = _param.side, _param_size = _param.size, size = _param_size === void 0 ? "lg" : _param_size, _param_variant = _param.variant, variant = _param_variant === void 0 ? "input" : _param_variant, props = _object_without_properties(_param, [
         "children",
         "placeholder",
         "options",
         "triggerClassName",
         "contentClassName",
         "side",
+        "size",
         "variant"
     ]);
     var _options_find;
     var icon = options === null || options === void 0 ? void 0 : (_options_find = options.find(function(item) {
         return item.value === props.value;
     })) === null || _options_find === void 0 ? void 0 : _options_find.icon;
+    console.log("size", size);
     return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectPrimitive.Root, _object_spread_props(_object_spread({}, props), {
         children: Array.isArray(options) && options.length ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, {
             children: [
                 /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectTrigger, {
                     className: triggerClassName,
                     isButtonVariant: variant === "button",
+                    size: size,
                     children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", {
                         className: "flex items-center space-x-2",
                         children: [
@@ -11908,17 +11917,18 @@ var Select = React37.forwardRef(function(_param, ref) {
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
 var SelectTrigger = React37.forwardRef(function(_param, ref) {
-    var className = _param.className, children = _param.children, isButtonVariant = _param.isButtonVariant, props = _object_without_properties(_param, [
+    var className = _param.className, children = _param.children, isButtonVariant = _param.isButtonVariant, size = _param.size, props = _object_without_properties(_param, [
         "className",
         "children",
-        "isButtonVariant"
+        "isButtonVariant",
+        "size"
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(SelectPrimitive.Trigger, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("flex h-7 md:h-10 w-full items-center justify-between rounded-sm border border-transparent hover:border-cc-Input-border-default bg-cc-Input-bg-default text-Colors-Text-Default text-sm p-3 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 space-x-1.5", isButtonVariant && buttonVariants({
+        className: cn("flex w-full items-center justify-between rounded-sm border border-transparent hover:border-cc-Input-border-default bg-cc-Input-bg-default text-Colors-Text-Default text-sm p-3 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 space-x-1.5", isButtonVariant && buttonVariants({
             variant: "ghost",
-            size: "lg"
-        }), isButtonVariant && "w-auto min-w-max inline-flex px-4", className)
+            size: size
+        }), isButtonVariant && "w-auto min-w-max inline-flex px-4", size === "sm" && "h-7", size === "md" && "h-9", size === "lg" && "h-11", className)
     }, props), {
         children: [
             children,
@@ -13560,10 +13570,12 @@ function Chips(props) {
 var import_navigation = require("next/navigation");
 var import_jsx_runtime61 = require("react/jsx-runtime");
 var stateIconUrls = {
-    "not-found": "https://myshellstatic.com/image/website/20250425/page-no-results.png",
-    "no-page": "https://myshellstatic.com/image/website/20250425/page-not-found.png",
-    error: "https://myshellstatic.com/image/website/20250425/error.png",
-    "network-error": "https://myshellstatic.com/image/website/20250425/network-error.png"
+    "wallet-empty": "".concat(getAssetsUrl("image/website/20250603/wallet-empty.png")),
+    "data-empty": "".concat(getAssetsUrl("image/website/20250603/data-list-empty.png")),
+    "img-empty": "".concat(getAssetsUrl("image/website/20250603/img-list-empty.png")),
+    "search-empty": "".concat(getAssetsUrl("image/website/20250603/search-empty.png")),
+    "no-page": "".concat(getAssetsUrl("image/website/20250425/page-not-found.png")),
+    error: "".concat(getAssetsUrl("image/website/20250425/network-error.png"))
 };
 var State2 = function(param) {
     var variant = param.variant, title = param.title, description = param.description, className = param.className, icon = param.icon, logo = param.logo, backBtnText = param.backBtnText, iconClassName = param.iconClassName, logoClassName = param.logoClassName, titleClassName = param.titleClassName, descriptionClassName = param.descriptionClassName, _param_hideLogo = param.hideLogo, hideLogo = _param_hideLogo === void 0 ? false : _param_hideLogo, onBack = param.onBack;
@@ -13583,7 +13595,7 @@ var State2 = function(param) {
         });
     } : function() {
         return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", {
-            className: "w-[146px] md:w-[220px] h-[146px] md:h-[220px] rounded-full object-cover",
+            className: cn(" rounded-full object-cover", variant === "error" || variant === "no-page" ? "w-[146px] md:w-[220px] h-[146px] md:h-[220px]" : "w-[96px] md:w-[56px] h-[96px] md:h-[56px]"),
             children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Image2, {
                 src: logo || stateIconUrls[variant],
                 alt: "state icon",
@@ -13592,10 +13604,7 @@ var State2 = function(param) {
         });
     };
     return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", {
-        className: cn("flex flex-col items-center", className, {
-            "space-y-6": !icon,
-            "space-y-3": icon
-        }),
+        className: cn("flex flex-col items-center space-y-3", className),
         children: [
             !hideLogo && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(IconComponent2, {}),
             /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", {
@@ -13611,7 +13620,7 @@ var State2 = function(param) {
                             }),
                             /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Text, {
                                 size: "sm",
-                                color: icon ? "subtlest" : "subtle",
+                                color: backBtnText ? "subtle" : "subtlest",
                                 className: descriptionClassName,
                                 children: description
                             })
@@ -13632,14 +13641,24 @@ var ErrorState = function(args) {
         variant: "error"
     }));
 };
-var NetworkErrorState = function(args) {
+var WalletEmptyState = function(args) {
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(State2, _object_spread_props(_object_spread({}, args), {
+        variant: "wallet-empty"
+    }));
+};
+var DataEmptyState = function(args) {
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(State2, _object_spread_props(_object_spread({}, args), {
+        variant: "data-empty"
+    }));
+};
+var ImgEmptyState = function(args) {
     return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(State2, _object_spread_props(_object_spread({}, args), {
-        variant: "network-error"
+        variant: "img-empty"
     }));
 };
-var NotFoundState = function(args) {
+var SearchEmptyState = function(args) {
     return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(State2, _object_spread_props(_object_spread({}, args), {
-        variant: "not-found"
+        variant: "search-empty"
     }));
 };
 var NoPageState = function(args) {
@@ -14493,6 +14512,7 @@ var Message = /*#__PURE__*/ function() {
     ContextMenuSubContent: ContextMenuSubContent,
     ContextMenuSubTrigger: ContextMenuSubTrigger,
     ContextMenuTrigger: ContextMenuTrigger,
+    DataEmptyState: DataEmptyState,
     Description: Description,
     Dialog: Dialog,
     DialogClose: DialogClose,
@@ -14543,6 +14563,7 @@ var Message = /*#__PURE__*/ function() {
     Icon: Icon,
     IconButton: IconButton,
     Image: Image,
+    ImgEmptyState: ImgEmptyState,
     Input: Input,
     Label: Label,
     Link: Link,
@@ -14575,9 +14596,7 @@ var Message = /*#__PURE__*/ function() {
     ModalRoot: ModalRoot,
     ModalTitle: ModalTitle,
     MultipleSelector: MultipleSelector,
-    NetworkErrorState: NetworkErrorState,
     NoPageState: NoPageState,
-    NotFoundState: NotFoundState,
     NumberInput: NumberInput,
     Paragraph: Paragraph,
     Popover: Popover,
@@ -14592,6 +14611,7 @@ var Message = /*#__PURE__*/ function() {
     ScrollArea: ScrollArea,
     ScrollBar: ScrollBar,
     SearchBar: SearchBar,
+    SearchEmptyState: SearchEmptyState,
     Select: Select,
     SelectContent: SelectContent,
     SelectGroup: SelectGroup,
@@ -14647,6 +14667,7 @@ var Message = /*#__PURE__*/ function() {
     Tooltip: Tooltip,
     TooltipProvider: TooltipProvider,
     TopNavigationBar: TopNavigationBar,
+    WalletEmptyState: WalletEmptyState,
     buttonVariants: buttonVariants,
     dangerouText: dangerouText,
     iconButtonVariants: iconButtonVariants,