myshell-react-lib 0.1.72 → 0.1.74

package/dist/index.js

@@ -6510,7 +6510,7 @@ var ContextMenuSubTrigger = React17.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsxs12(ContextMenuPrimitive.SubTrigger, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("flex cursor-default select-none items-center rounded-md py-1 px-2 text-sm outline-none hover:bg-Colors-Background-Normal-Primary-Hover data-[state=open]:bg-slate-100 data-[state=open]:text-slate-900 dark:focus:bg-slate-800 dark:focus:text-slate-50 dark:data-[state=open]:bg-slate-800 dark:data-[state=open]:text-slate-50", inset && "pl-8", className)
+        className: cn("flex cursor-default select-none items-center rounded-sm py-1 px-1.5 text-sm outline-none hover:bg-Colors-Background-Normal-Primary-Hover dark:focus:text-slate-50", inset && "pl-8", className)
     }, props), {
         children: [
             children,
@@ -6527,7 +6527,7 @@ var ContextMenuSubContent = React17.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx23(ContextMenuPrimitive.SubContent, _object_spread({
         ref: ref,
-        className: cn("flex flex-col gap-y-1 z-50 overflow-hidden rounded-xl border border-Colors-Border-Default bg-Colors-Background-Neutral-Primary-Default p-2 text-Colors-Text-Default shadow-modal-default", className)
+        className: cn("flex flex-col gap-y-1 z-50 overflow-hidden rounded-xl border border-Colors-Border-Default bg-Colors-Background-Utilities-Modal p-2 text-Colors-Text-Default shadow-modal-default", className)
     }, props));
 });
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
@@ -6538,7 +6538,7 @@ var ContextMenuContent = React17.forwardRef(function(_param, ref) {
     return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Portal, {
         children: /* @__PURE__ */ jsx23(ContextMenuPrimitive.Content, _object_spread({
             ref: ref,
-            className: cn("z-50 min-w-[8rem] overflow-hidden rounded-xl border-none bg-Colors-Background-Normal-Primary-Default p-1 text-Colors-Text-Default shadow-modal-default border border-Colors-Border-Opaque", className)
+            className: cn("z-50 min-w-[8rem] overflow-hidden rounded-xl border-none bg-Colors-Background-Utilities-Modal p-1 text-Colors-Text-Default shadow-modal-default border border-Colors-Border-Opaque", className)
         }, props))
     });
 });
@@ -6550,7 +6550,7 @@ var ContextMenuItem = React17.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Item, _object_spread({
         ref: ref,
-        className: cn("relative flex cursor-default select-none items-center rounded-md py-1 px-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-30 focus:bg-Colors-Background-Neutral-Primary-Default", inset && "pl-8", className)
+        className: cn("relative flex cursor-default select-none items-center rounded-sm py-1 px-1.5 text-base outline-none data-[disabled]:pointer-events-none data-[disabled]:text-Colors-Text-Disabled focus:bg-Colors-Background-Neutral-Primary-Default text-Colors-Text-Default", inset && "pl-8", className)
     }, props));
 });
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
@@ -6562,19 +6562,19 @@ var ContextMenuCheckboxItem = React17.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsxs12(ContextMenuPrimitive.CheckboxItem, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("relative flex cursor-default select-none items-center rounded-md py-1 px-2 text-sm outline-none hover:bg-Colors-Background-Normal-Primary-Hover data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-slate-800 dark:focus:text-slate-50", className),
+        className: cn("relative flex cursor-default select-none items-center rounded-sm py-1 px-1.5 text-sm outline-none hover:bg-Colors-Background-Normal-Primary-Hover data-[disabled]:pointer-events-none data-[disabled]:bg-Colors-Background-Normal-Secondary-Alt data-[disabled]:text-Colors-Text-Disabled space-x-1.5 pr-8", className),
         checked: checked
     }, props), {
         children: [
+            children,
             /* @__PURE__ */ jsx23("span", {
-                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+                className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center",
                 children: /* @__PURE__ */ jsx23(ContextMenuPrimitive.ItemIndicator, {
                     children: /* @__PURE__ */ jsx23(Check3, {
                         className: "h-4 w-4"
                     })
                 })
-            }),
-            children
+            })
         ]
     }));
 });
@@ -6586,7 +6586,7 @@ var ContextMenuRadioItem = React17.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsxs12(ContextMenuPrimitive.RadioItem, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("relative flex cursor-default select-none items-center rounded-md py-1 px-2 text-sm outline-none hover:bg-Colors-Background-Normal-Primary-Hover data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className)
+        className: cn("relative flex cursor-default select-none items-center rounded-sm py-1 px-1.5 text-sm outline-none hover:bg-Colors-Background-Normal-Primary-Hover data-[disabled]:pointer-events-none data-[disabled]:text-Colors-Text-Disabled data-[disabled]:bg-Colors-Background-Normal-Secondary-Alt space-x-1.5 pl-8", className)
     }, props), {
         children: [
             /* @__PURE__ */ jsx23("span", {
@@ -6609,7 +6609,7 @@ var ContextMenuLabel = React17.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx23(ContextMenuPrimitive.Label, _object_spread({
         ref: ref,
-        className: cn("px-2 py-1.5 text-sm font-semibold text-Colors-Text-Default", inset && "pl-8", className)
+        className: cn("px-1.5 py-1 text-sm font-semibold text-Colors-Text-Default", inset && "pl-8", className)
     }, props));
 });
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
@@ -6628,7 +6628,7 @@ var ContextMenuShortcut = function(_param) {
         "className"
     ]);
     return /* @__PURE__ */ jsx23("span", _object_spread({
-        className: cn("ml-auto text-xs tracking-widest text-slate-500 dark:text-slate-400", className)
+        className: cn("ml-auto text-xs tracking-wides", className)
     }, props));
 };
 ContextMenuShortcut.displayName = "ContextMenuShortcut";
@@ -11026,7 +11026,7 @@ var SelectContent = React33.forwardRef(function(_param, ref) {
     ]);
     var Content13 = /* @__PURE__ */ jsx45(SelectPrimitive.Content, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-sm 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),
+        className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-sm bg-Colors-Background-Utilities-Modal 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__ */ jsx45(SelectPrimitive.Viewport, {
@@ -12747,7 +12747,7 @@ var State2 = function(param) {
         return /* @__PURE__ */ jsx58(Icon, {
             component: icon,
             size: "4xl",
-            className: iconClassName
+            className: cn("text-Colors-Text-Subtlest", iconClassName)
         });
     } : function() {
         return /* @__PURE__ */ jsx58("div", {
@@ -12779,7 +12779,7 @@ var State2 = function(param) {
                             }),
                             /* @__PURE__ */ jsx58(Text, {
                                 size: "sm",
-                                color: "subtle",
+                                color: icon ? "subtlest" : "subtle",
                                 className: descriptionClassName,
                                 children: description
                             })