myshell-react-lib 0.1.31 → 0.1.34

package/dist/index.cjs

@@ -6172,14 +6172,14 @@ var PopoverContent = React7.forwardRef(function(_param, ref) {
             arrowPadding: arrowPadding,
             side: side,
             forceMount: true,
-            className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-md border border-Colors-Border-Opaque p-3 text-left text-xs shadow-modal-default outline-none 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 [&[data-state=open]>span]:animate-none", variant === "default" ? mode === "popover" ? "bg-Colors-Background-Normal-Primary-Alt border-Colors-Border-Opaque text-Colors-Text-Default" : "bg-cc-Tooltip-bg-default text-cc-Tooltip-fg-default border border-cc-Tooltip-border-default" : "bg-Colors-Utility-Lake-Blue-50 text-Colors-Text-Static-White", className)
+            className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-md border border-Colors-Border-Opaque p-3 text-left text-xs shadow-modal-default outline-none 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 [&[data-state=open]>span]:animate-none", variant === "default" ? mode === "popover" ? "bg-Colors-Background-Normal-Secondary-Alt border-Colors-Border-Opaque text-Colors-Text-Default" : "bg-cc-Tooltip-bg-default text-cc-Tooltip-fg-default border border-cc-Tooltip-border-default" : "bg-Colors-Utility-Lake-Blue-50 text-Colors-Text-Static-White", className)
         }, props), {
             children: [
                 children,
                 showArrow && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PopoverPrimitive.Arrow, {
                     width: 16,
                     height: 6,
-                    className: cn("visible", variant === "default" ? mode === "popover" ? "fill-[var(--Colors-Background-Normal-Primary-Alt)]" : "fill-cc-Tooltip-bg-default" : "fill-Colors-Utility-Lake-Blue-50")
+                    className: cn("visible", variant === "default" ? mode === "popover" ? "fill-[var(--Colors-Background-Normal-Secondary-Alt)]" : "fill-cc-Tooltip-bg-default" : "fill-Colors-Utility-Lake-Blue-50")
                 })
             ]
         }))
@@ -6280,6 +6280,7 @@ var Tooltip = React8.forwardRef(function(_param, ref) {
     }
     return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, {
         children: isDesktop ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TooltipProvider, {
+            delayDuration: 100,
             children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(TooltipPrimitive.Root, {
                 open: disabled || !description && !title ? false : open,
                 defaultOpen: defaultOpen,
@@ -6419,7 +6420,7 @@ var COMPOUND_VARIANTS = [
     {
         variant: "plain",
         color: "default",
-        className: "text-cc-Button-Plain-fg-default hover:bg-cc-Button-Plain-bg-hover focus:shadow-rings-brand active:bg-cc-Button-Plain-bg-active disabled:text-cc-Button-Plain-fg-alt"
+        className: "text-cc-Button-Plain-fg-default hover:bg-cc-Button-Plain-bg-hover active:bg-cc-Button-Plain-bg-active disabled:text-cc-Button-Plain-fg-alt"
     },
     {
         variant: "plain",
@@ -6720,7 +6721,7 @@ var Avatar = React11.forwardRef(function(_param, ref) {
         "variant",
         "border"
     ]);
-    var defaultSrc = variant === "user" ? "https://www.myshellstatic.com/cdn-cgi/image/quality=40,format=webp/image/user/avatar/default/20240715/avatar.png" : "https://www.myshellstatic.com/cdn-cgi/image/quality=40,format=webp/image/bot/logo/20240106/default.png";
+    var defaultSrc = variant === "user" ? "https://www.myshellstatic.com/image/user/avatar/20250414/default_user_avatar.png" : "https://www.myshellstatic.com/image/bot/icon/20250414/default_bot_avatar.png";
     return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AvatarRoot, {
         size: size,
         className: cn(border && "border-Colors-Border-Default border-[0.3px]", className),
@@ -6745,7 +6746,7 @@ var badgeVariants = (0, import_class_variance_authority7.cva)("rounded-full flex
             public: "w-2.5 h-2.5 bg-Colors-Utit border-[2px] bg-Colors-Utility-Lake-Blue-50 border-Colors-Utility-Lake-Blue-10",
             private: "w-2.5 h-2.5 bg-Colors-Utility-Khaki-50 border-Colors-Utility-Khaki-10 border-[2px]",
             hidden: "w-2.5 h-2.5 bg-Colors-Utility-Gray-40 border-Colors-Utility-Gray-10 border-[2px]",
-            new: "w-8.5 h-4 pb-0.5 flex juctify-center items-center bg-Colors-Foreground-Critical-Default px-1.5"
+            new: "w-9 h-4.5 flex juctify-center items-center bg-Colors-Foreground-Critical-Default px-1.5"
         }
     },
     defaultVariants: {
@@ -6760,7 +6761,7 @@ function Badge(props) {
             status: status
         }), className),
         children: status === "new" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", {
-            className: "text-2xs font-medium text-Colors-Text-Static-White leading-[1.3]",
+            className: "text-2xs font-medium text-Colors-Text-Static-White leading-[12px]",
             children: "New"
         }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", {
             className: "font-medium text-2xs leading-[1.3]",
@@ -7712,7 +7713,7 @@ var import_class_variance_authority11 = require("class-variance-authority");
 var React20 = __toESM(require("react"), 1);
 var import_jsx_runtime29 = require("react/jsx-runtime");
 var Input = React20.forwardRef(function(_param, ref) {
-    var className = _param.className, type = _param.type, _param_autoComplete = _param.autoComplete, autoComplete = _param_autoComplete === void 0 ? "off" : _param_autoComplete, _param_isFull = _param.isFull, isFull = _param_isFull === void 0 ? true : _param_isFull, _param_rounded = _param.rounded, rounded = _param_rounded === void 0 ? "lg" : _param_rounded, _param_size = _param.size, size = _param_size === void 0 ? "sm" : _param_size, _param_border = _param.border, border = _param_border === void 0 ? "default" : _param_border, _param_outline = _param.outline, outline = _param_outline === void 0 ? "default" : _param_outline, _param_background = _param.background, background = _param_background === void 0 ? "default" : _param_background, _param_shadow = _param.shadow, shadow = _param_shadow === void 0 ? "default" : _param_shadow, props = _object_without_properties(_param, [
+    var className = _param.className, type = _param.type, _param_autoComplete = _param.autoComplete, autoComplete = _param_autoComplete === void 0 ? "off" : _param_autoComplete, _param_isFull = _param.isFull, isFull = _param_isFull === void 0 ? true : _param_isFull, _param_rounded = _param.rounded, rounded = _param_rounded === void 0 ? "sm" : _param_rounded, _param_size = _param.size, size = _param_size === void 0 ? "sm" : _param_size, _param_border = _param.border, border = _param_border === void 0 ? "default" : _param_border, _param_outline = _param.outline, outline = _param_outline === void 0 ? "default" : _param_outline, _param_background = _param.background, background = _param_background === void 0 ? "default" : _param_background, _param_shadow = _param.shadow, shadow = _param_shadow === void 0 ? "default" : _param_shadow, props = _object_without_properties(_param, [
         "className",
         "type",
         "autoComplete",
@@ -7729,13 +7730,16 @@ var Input = React20.forwardRef(function(_param, ref) {
         variants: {
             rounded: {
                 none: "rounded-none",
-                sm: "rounded-xxs",
-                default: "rounded",
-                md: "rounded-sm",
-                lg: "rounded-md",
+                xxs: "rounded-xxs",
+                xs: "rounded-xs",
+                sm: "rounded-sm",
+                md: "rounded-md",
+                lg: "rounded-lg",
                 xl: "rounded-xl",
                 "2xl": "rounded-2xl",
                 "3xl": "rounded-3xl",
+                "4xl": "rounded-4xl",
+                "5xl": "rounded-5xl",
                 full: "rounded-full"
             },
             size: {
@@ -8621,7 +8625,7 @@ var Modal = function(_param) {
     var isMobile2 = (0, import_react_use6.useMedia)("(max-width: 768px)");
     if (isMobile2 && !modalOnly && !isNotification) {
         var drawerContent = /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_vaul2.Drawer.Content, {
-            className: cn("fixed inset-x-0 bottom-0 z-50 h-auto overflow-hidden no-scrollbar border-Colors-Border-Opaque bg-Colors-Background-Normal-Secondary-Alt shadow-modal-default focus:outline-none", fullScreen ? "rounded-t-none max-h-full" : "rounded-t-2xl max-h-[85vh]", contentClassName),
+            className: cn("fixed inset-x-0 bottom-0 z-50 h-auto overflow-hidden no-scrollbar border-Colors-Border-Opaque bg-Colors-Background-Normal-Secondary-Alt shadow-modal-default focus:outline-none", fullScreen ? "rounded-t-none max-h-full" : "rounded-t-md max-h-[85vh]", contentClassName),
             onOpenAutoFocus: function(e) {
                 !autoFocus && e.preventDefault();
             },
@@ -8716,7 +8720,7 @@ var Modal = function(_param) {
         }
     };
     var dialogContent = /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(ModalContent, {
-        className: cn("rounded-2xl border-Colors-Border-Opaque bg-Colors-Background-Normal-Primary-Default shadow-modal-default overflow-hidden", !isMobile2 ? modalVariants({
+        className: cn("rounded-md border-Colors-Border-Opaque bg-Colors-Background-Normal-Primary-Default shadow-modal-default overflow-hidden", !isMobile2 ? modalVariants({
             size: size,
             zIndex: zIndex
         }) : isLogin ? "w-[90%]" : "w-[80%]", isNotification && "w-[312px] md:w-[380px]", contentClassName),
@@ -8797,7 +8801,7 @@ var Modal = function(_param) {
                             icon: import_XMarkIcon.default,
                             size: "md",
                             variant: "plain",
-                            color: "default",
+                            color: "gray",
                             className: iconClassName
                         }),
                         /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", {
@@ -11854,7 +11858,7 @@ var SelectContent = React32.forwardRef(function(_param, ref) {
     return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectPrimitive.Portal, {
         children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectPrimitive.Content, _object_spread_props(_object_spread({
             ref: ref,
-            className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-sm	border border-Colors-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),
+            className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-sm	border border-Colors-Border-Opaque bg-Colors-Background-Normal-Primary-Default text-Colors-Text-Default shadow-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),
             position: position
         }, props), {
             children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectPrimitive.Viewport, {
@@ -12339,7 +12343,7 @@ var import_jsx_runtime52 = require("react/jsx-runtime");
 var TabsRoot = TabsPrimitive.Tabs;
 var TabsList = TabsPrimitive.List;
 var TabsTrigger = TabsPrimitive.Trigger;
-var tabListVariants = (0, import_class_variance_authority17.cva)("w-full relative inline-flex items-center justify-center overflow-hidden", {
+var tabListVariants = (0, import_class_variance_authority17.cva)("w-full relative inline-flex items-center overflow-hidden", {
     variants: {
         size: {
             sm: "h-6",
@@ -12347,9 +12351,9 @@ var tabListVariants = (0, import_class_variance_authority17.cva)("w-full relativ
             lg: "h-11"
         },
         variant: {
-            button: "border border-Colors-Border-Default bg-cc-Tabbar-bg-default text-cc-Tabbar-fg-default p-0.5",
-            underline: "border-b border-Colors-Border-Default space-x-6 rounded-none",
-            icon: "border border-Colors-Border-Default bg-cc-Tabbar-bg-default text-cc-Tabbar-fg-default p-0.5"
+            button: "justify-center border border-Colors-Border-Default bg-cc-Tabbar-bg-default text-cc-Tabbar-fg-default p-0.5",
+            underline: "justify-start border-b border-Colors-Border-Default space-x-6 rounded-none",
+            icon: "justify-center border border-Colors-Border-Default bg-cc-Tabbar-bg-default text-cc-Tabbar-fg-default p-0.5"
         },
         rounded: {
             default: "",
@@ -12550,7 +12554,7 @@ var Tab = React36.forwardRef(function(_param, ref) {
         "onClickCallback"
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Tooltip, _object_spread_props(_object_spread({
-        triggerClassName: cn("w-full h-full flex-1 flex justify-center items-center", variant === "underline" && "justify-start items-end")
+        triggerClassName: cn("h-full flex justify-center items-center", variant === "underline" ? "w-fit justify-start items-end" : "w-full flex-1")
     }, tooltip), {
         children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TabsPrimitive.Trigger, _object_spread_props(_object_spread({
             ref: ref,
@@ -12633,7 +12637,7 @@ var Textarea = React37.forwardRef(function(_param, ref) {
                 className: "relative",
                 children: [
                     /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("textarea", _object_spread({
-                        className: cn("w-full min-h-[123px] p-3 pb-10 rounded-md border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active ", "text-sm text-Colors-Text-Default placeholder:text-Colors-Text-Subtlest", "hover:border-Colors-Border-Hover 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),
+                        className: cn("w-full min-h-[123px] p-3 pb-10 rounded-sm border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active ", "text-sm text-Colors-Text-Default placeholder:text-Colors-Text-Subtlest", "hover:border-Colors-Border-Hover 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),
                         ref: ref,
                         maxLength: maxLength,
                         value: value1
@@ -12752,7 +12756,7 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 // src/components/chips.tsx
 var import_class_variance_authority19 = require("class-variance-authority");
 var import_jsx_runtime56 = require("react/jsx-runtime");
-var chipsVariants = (0, import_class_variance_authority19.cva)('min-w-10 flex items-center justify-center text-Colors-Text-Subtle rounded-sm border px-1.5 text-sm cursor-pointer focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 data-[disabled="true"]:cursor-not-allowed', {
+var chipsVariants = (0, import_class_variance_authority19.cva)('min-w-10 flex items-center justify-center text-Colors-Text-Subtle rounded-sm border px-1.5 text-sm cursor-pointer focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 data-[disabled="true"]:cursor-not-allowed font-medium', {
     variants: {
         variant: {
             primary: 'border-cc-Chips-Primary-border-default bg-cc-Chips-Primary-bg-default hover:bg-cc-Chips-Primary-bg-hover data-[selected="true"]:text-Colors-Text-Bolder data-[disabled="true"]:data-[selected="true"]:text-Colors-Text-Bolder data-[selected="true"]:bg-cc-Chips-Primary-bg-select data-[disabled="true"]:text-Colors-Text-Disabled data-[disabled="true"]:bg-cc-Chips-Primary-bg-disabled data-[disabled="true"]:data-[selected="true"]:bg-cc-Chips-Primary-bg-select-disabled',