myshell-react-lib 0.1.65 → 0.1.67

package/dist/index.cjs

@@ -5460,7 +5460,7 @@ var COLOR_THEMES = {
     default: {
         primary: "bg-cc-Button-Primary-bg-default text-cc-Button-Primary-fg-default hover:bg-cc-Button-Primary-bg-hover active:bg-cc-Button-Primary-bg-active disabled:bg-cc-Button-Primary-bg-disabled disabled:text-cc-Button-Primary-fg-alt",
         secondary: "border-cc-Button-Secondary-border-default text-cc-Button-Secondary-fg-default bg-cc-Button-Secondary-bg-default hover:bg-cc-Button-Secondary-bg-hover active:bg-cc-Button-Secondary-bg-active disabled:text-cc-Button-Secondary-fg-alt  disabled:border-cc-Button-Secondary-border-disabled",
-        tertiary: "border border-cc-Button-Tertiary-border-default text-cc-Button-Tertiary-fg-default  bg-cc-Button-Tertiary-bg-default hover:bg-cc-Button-Tertiary-bg-hover hover:border-cc-Button-Tertiary-border-alt focus:shadow-button-tertiary-shadow active:bg-cc-Button-Tertiary-bg-active disabled:text-cc-Button-Tertiary-fg-alt ",
+        tertiary: "text-cc-Button-Tertiary-fg-default  bg-cc-Button-Tertiary-bg-default hover:bg-cc-Button-Tertiary-bg-hover hover:border-cc-Button-Tertiary-border-alt focus:shadow-button-tertiary-shadow active:bg-cc-Button-Tertiary-bg-active disabled:text-cc-Button-Tertiary-fg-alt ",
         link: "rounded-none font-normal underline-offset-4 hover:underline active:underline text-cc-Link-Button-Primary-fg-default hover:text-cc-Link-Button-Primary-fg-hover active:text-cc-Link-Button-Primary-fg-active disabled:text-cc-Link-Button-Primary-fg-disabled",
         plain: "text-cc-Button-Plain-fg-default hover:bg-cc-Button-Plain-bg-hover focus:shadow-cc-Focus-Rings-Brand-default active:bg-cc-Button-Plain-bg-active disabled:text-cc-Button-Plain-fg-alt "
     },
@@ -6391,7 +6391,7 @@ var BASE_STYLES = "shrink-0 inline-flex items-center justify-center whitespace-n
 var VARIANT_STYLES = {
     primary: "",
     secondary: "border shadow-none",
-    tertiary: "border shadow-none",
+    tertiary: "shadow-none",
     plain: "",
     opacity: "backdrop-blur-2xl text-Colors-Text-Static-White bg-Colors-Beta-White-30 border border-Colors-Beta-White-12 shadow-none hover:bg-Colors-Beta-White-40 focus:shadow-cc-Focus-Rings-Brand-default active:bg-Colors-Beta-White-50 disabled:bg-Colors-Beta-White-60 disabled:text-Colors-Beta-White-80",
     solid: "shadow-none text-Colors-Text-Subtle bg-cc-Button-Solid-bg-default border border-cc-Button-Solid-border-default hover:bg-cc-Button-Solid-bg-hover hover:border-cc-Button-Solid-border-alt active:bg-cc-Button-Solid-bg-active disabled:text-cc-Button-Solid-fg-alt",
@@ -7775,15 +7775,15 @@ var Input = React21.forwardRef(function(_param, ref) {
             },
             border: {
                 none: "border-none shadow-none",
-                default: "border border-cc-Input-border-default focus-visible-style"
+                default: "border border-transparent hover:border-cc-Input-border-default"
             },
             outline: {
                 none: "outline-none",
-                default: ""
+                default: "focus-visible-style"
             },
             background: {
                 none: "bg-transparent",
-                default: "bg-cc-Input-bg-default hover:bg-cc-Input-bg-hover disabled:bg-cc-Input-bg-disabled"
+                default: "bg-cc-Input-bg-default"
             },
             shadow: {
                 none: "shadow-none",
@@ -8804,7 +8804,7 @@ var Modal = function(_param) {
                         className: cn("gap-x-5 min-h-[76px] p-5 border-none justify-center w-full"),
                         children: [
                             showCancel && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Button, {
-                                variant: "tertiary",
+                                variant: "solid",
                                 onClick: onClose,
                                 className: "flex-1",
                                 children: cancelText || "Cancel"
@@ -8926,7 +8926,7 @@ var searchBarVariants = (0, import_class_variance_authority13.cva)("rounded-sm",
     }
 });
 function SearchBar(_param) {
-    var className = _param.className, inputClassName = _param.inputClassName, placeholder = _param.placeholder, type = _param.type, size = _param.size, readOnly = _param.readOnly, searchValue = _param.searchValue, roundedFill = _param.roundedFill, onSearchChange = _param.onSearchChange, onValueChange = _param.onValueChange, props = _object_without_properties(_param, [
+    var className = _param.className, inputClassName = _param.inputClassName, placeholder = _param.placeholder, type = _param.type, _param_size = _param.size, size = _param_size === void 0 ? "xs" : _param_size, readOnly = _param.readOnly, searchValue = _param.searchValue, roundedFill = _param.roundedFill, onSearchChange = _param.onSearchChange, onValueChange = _param.onValueChange, props = _object_without_properties(_param, [
         "className",
         "inputClassName",
         "placeholder",
@@ -8962,7 +8962,7 @@ function SearchBar(_param) {
                 placeholder: placeholder,
                 rounded: roundedFill ? "full" : "sm",
                 size: size,
-                className: cn("relative w-full px-9 flex space-x-2 text-base shadow-none placeholder:text-Colors-Text-Subtlest", "border-cc-Search-Bar-border-default bg-cc-Search-Bar-bg-default hover:bg-cc-Search-Bar-bg-hover focus-visible-style", {
+                className: cn("relative w-full px-9 flex space-x-2 text-base shadow-none placeholder:text-Colors-Text-Subtlest", "bg-cc-Search-Bar-bg-default focus-visible-style", {
                     "focus-visible:ring-transparent": readOnly
                 }, className),
                 value: value1,
@@ -11712,7 +11712,7 @@ var SelectTrigger = React33.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime45.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-Colors-Border-Default bg-Colors-Background-Neutral-On-Surface-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", className)
+        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", className)
     }, props), {
         children: [
             children,
@@ -11763,7 +11763,7 @@ var SelectContent = React33.forwardRef(function(_param, ref) {
     ]);
     var Content13 = /* @__PURE__ */ (0, import_jsx_runtime45.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-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-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_runtime45.jsx)(SelectPrimitive.Viewport, {
@@ -11824,7 +11824,7 @@ var SelectItem = React33.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(SelectPrimitive.Item, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("relative flex justify-between w-full text-sm cursor-pointer select-none items-center rounded-sm py-1 px-1.5 outline-none", "bg-Colors-Background-Normal-Primary-Hover hover:bg-Colors-Background-Utilities-Modal 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)
+        className: cn("relative flex justify-between w-full cursor-pointer select-none items-center rounded-sm py-1 px-1.5 outline-none text-base", "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)
     }, props), {
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", {
@@ -12278,9 +12278,9 @@ var tabListVariants = (0, import_class_variance_authority17.cva)("w-full relativ
             lg: "h-11"
         },
         variant: {
-            button: "justify-center border border-Colors-Border-Default bg-cc-Tabbar-bg-default text-cc-Tabbar-fg-default p-0.5",
+            button: "justify-center bg-cc-Tabbar-bg-default text-cc-Tabbar-fg-default p-0.5",
             underline: 'justify-start space-x-6 rounded-none relative before:absolute before:content-[""] before:bottom-0 before:left-0 before:right-0 before:h-[1px] before:bg-[var(--Colors-Border-Default)]',
-            icon: "justify-center border border-Colors-Border-Default bg-cc-Tabbar-bg-default text-cc-Tabbar-fg-default p-0.5"
+            icon: "justify-center bg-cc-Tabbar-bg-default text-cc-Tabbar-fg-default p-0.5"
         },
         rounded: {
             default: "",
@@ -12565,7 +12565,7 @@ var Textarea = React38.forwardRef(function(_param, ref) {
                 className: "relative",
                 children: [
                     /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("textarea", _object_spread({
-                        className: cn("w-full min-h-[123px] p-3 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", "focus-visible-style file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-Colors-Text-Subtler", "disabled:cursor-not-allowed disabled:opacity-30", className),
+                        className: cn("w-full min-h-[123px] p-3 rounded-sm border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active ", "text-sm text-Colors-Text-Default placeholder:text-Colors-Text-Subtlest", "border border-transparent hover:border-cc-Input-border-default bg-cc-Input-bg-default aria-[invalid=true]:border-Colors-Border-Critical aria-[invalid=true]:hover:bg-Colors-Background-Critical-Subtle", "focus-visible-style file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-Colors-Text-Subtler", "disabled:cursor-not-allowed disabled:opacity-30", className),
                         ref: ref,
                         maxLength: maxLength,
                         value: value1,
@@ -12685,11 +12685,11 @@ ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 // src/components/chips.tsx
 var import_class_variance_authority19 = require("class-variance-authority");
 var import_jsx_runtime55 = 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-style data-[disabled="true"]:cursor-not-allowed font-medium', {
+var chipsVariants = (0, import_class_variance_authority19.cva)('flex items-center justify-center text-Colors-Text-Subtle rounded-sm px-1.5 text-sm cursor-pointer focus-visible-style data-[disabled="true"]:cursor-not-allowed font-medium 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"]:data-[selected="true"]:bg-cc-Chips-Primary-bg-select-disabled', {
     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',
-            basic: 'border-Colors-Border-Default bg-Colors-Background-Utilities-None hover:border-Colors-Border-Hover data-[selected="true"]:border-Colors-Border-Default data-[disabled="true"]:text-Colors-Text-Disabled data-[selected="true"]:border-Colors-Border-Bolder data-[selected="true"]:text-Colors-Text-Default data-[disabled="true"]:data-[selected="true"]:text-Colors-Text-Disabled data-[disabled="true"]:data-[selected="true"]:border-Colors-Border-Default'
+            primary: 'border border-cc-Chips-Primary-border-default bg-cc-Chips-Primary-bg-default hover:bg-cc-Chips-Primary-bg-hover data-[disabled="true"]:text-Colors-Text-Disabled data-[disabled="true"]:bg-cc-Chips-Primary-bg-disabled',
+            basic: 'bg-cc-Button-Tertiary-bg-default hover:bg-cc-Button-Tertiary-bg-hover focus-visible:bg-cc-Button-Tertiary-bg-default data-[disabled="true"]:text-Colors-Text-Disabled data-[disabled="true"]:bg-cc-Button-Tertiary-bg-default'
         },
         size: {
             lg: "h-9",
@@ -12928,7 +12928,7 @@ var React42 = __toESM(require("react"), 1);
 var import_XMarkIcon3 = __toESM(require("@heroicons/react/24/outline/esm/XMarkIcon"), 1);
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var ToastProvider = ToastPrimitives.Provider;
-var viewportPositionVariants = (0, import_class_variance_authority20.cva)("fixed z-[1000001] flex max-h-screen w-full p-0 gap-2", {
+var viewportPositionVariants = (0, import_class_variance_authority20.cva)("fixed z-[1000001] flex max-h-screen w-max-content p-0 gap-2", {
     variants: {
         position: {
             "top-left": "top-6 left-6 flex-col items-start",