myshell-react-lib 0.1.30 → 0.1.33

package/dist/index.d.cts

@@ -1147,6 +1147,7 @@ declare const Tabs: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsPro
      */
     isLink?: boolean;
     listClassName?: string;
+    contentClassName?: string;
     items?: TItems[];
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const Tab: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {

package/dist/index.d.ts

@@ -1147,6 +1147,7 @@ declare const Tabs: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsPro
      */
     isLink?: boolean;
     listClassName?: string;
+    contentClassName?: string;
     items?: TItems[];
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const Tab: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {

package/dist/index.js

@@ -5446,14 +5446,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__ */ jsx10(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")
                 })
             ]
         }))
@@ -5994,7 +5994,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__ */ jsx16(AvatarRoot, {
         size: size,
         className: cn(border && "border-Colors-Border-Default border-[0.3px]", className),
@@ -7895,7 +7895,7 @@ var Modal = function(_param) {
     var isMobile2 = useMedia4("(max-width: 768px)");
     if (isMobile2 && !modalOnly && !isNotification) {
         var drawerContent = /* @__PURE__ */ jsxs17(DrawerPrimitive2.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();
             },
@@ -7990,7 +7990,7 @@ var Modal = function(_param) {
         }
     };
     var dialogContent = /* @__PURE__ */ jsxs17(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),
@@ -11613,7 +11613,7 @@ import { jsx as jsx52, jsxs as jsxs30 } from "react/jsx-runtime";
 var TabsRoot = TabsPrimitive.Tabs;
 var TabsList = TabsPrimitive.List;
 var TabsTrigger = TabsPrimitive.Trigger;
-var tabListVariants = cva17("w-full relative inline-flex items-center justify-center overflow-hidden", {
+var tabListVariants = cva17("w-full relative inline-flex items-center overflow-hidden", {
     variants: {
         size: {
             sm: "h-6",
@@ -11621,9 +11621,9 @@ var tabListVariants = cva17("w-full relative inline-flex items-center justify-ce
             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: "",
@@ -11759,9 +11759,10 @@ var tabVariants = cva17("relative inline-flex h-full items-center overflow-hidde
     }
 });
 var Tabs2 = React36.forwardRef(function(_param, ref) {
-    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, [
+    var className = _param.className, listClassName = _param.listClassName, contentClassName = _param.contentClassName, _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, [
         "className",
         "listClassName",
+        "contentClassName",
         "variant",
         "size",
         "isLink",
@@ -11798,6 +11799,7 @@ var Tabs2 = React36.forwardRef(function(_param, ref) {
                 children: items === null || items === void 0 ? void 0 : items.map(function(item) {
                     return /* @__PURE__ */ jsx52(TabsContent, {
                         value: item.value,
+                        className: contentClassName,
                         children: item.children
                     });
                 })
@@ -11822,7 +11824,7 @@ var Tab = React36.forwardRef(function(_param, ref) {
         "onClickCallback"
     ]);
     return /* @__PURE__ */ jsx52(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__ */ jsx52(TabsPrimitive.Trigger, _object_spread_props(_object_spread({
             ref: ref,
@@ -12024,7 +12026,7 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 // src/components/chips.tsx
 import { cva as cva19 } from "class-variance-authority";
 import { jsx as jsx56, jsxs as jsxs32 } from "react/jsx-runtime";
-var chipsVariants = cva19('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 = cva19('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',