@matbea-ui/matbea-ui 0.2.0-dev.102471 → 0.2.0-dev.140232

package/dist/matbea-ui.cjs.js

@@ -1468,11 +1468,9 @@ const SelectField = React__default.forwardRef(({ options = [], value, defaultVal
     const data = React__default.useMemo(() => {
         if (searchInput && searchValue?.trim() !== "") {
             return options.filter((opt) => opt?.value
-                ?.toLocaleLowerCase()
-                ?.includes(searchValue.toLocaleLowerCase()) ||
-                opt?.label
-                    ?.toLocaleLowerCase()
-                    ?.includes(searchValue.toLocaleLowerCase()));
+                ?.toLowerCase()
+                .includes(searchValue.toLocaleLowerCase()) ||
+                opt?.label?.toLowerCase().includes(searchValue.toLocaleLowerCase()));
         }
         return options;
     }, [options, searchInput, searchValue]);
@@ -2322,111 +2320,6 @@ const LangCountrySelect = ({ currentLang, currentCurrency, currentCountry, count
                             ?.toLocaleUpperCase() }), jsxRuntime.jsx(LangCountrySelectArrow, { "$open": isOpen, size: 9 })] }), jsxRuntime.jsxs(LangCountrySelectDropdown, { "$open": isOpen, children: [jsxRuntime.jsx(SelectField, { placeholder: "", label: labelLang, options: languages, value: lang, onChange: setLang }), jsxRuntime.jsx(SelectField, { icon: includedCurrency?.icon, placeholder: "", label: labelCurrency, options: currencies, value: currency, onChange: setCurrency }), jsxRuntime.jsx(SelectField, { icon: includedCountry?.icon, placeholder: "", label: labelCountry, options: countries, value: country, onChange: setCountry, searchPlaceholder: searchPlaceholder, searchInput: true }), jsxRuntime.jsx(LangCountrySelectButton, { size: "medium", onClick: handleClickSave, children: saveText })] })] }));
 };
 
-const convertToPixels = (value) => {
-    if (value === undefined)
-        return undefined;
-    return typeof value === "number" ? `${value}px` : value;
-};
-
-const pulsate = styled.keyframes `
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-`;
-const wave = styled.keyframes `
-  0% {
-    transform: translateX(-100%);
-  }
-  50% {
-    transform: translateX(100%);
-  }
-  100% {
-    transform: translateX(100%);
-  }
-`;
-const StyledSkeleton = styled.div `
-  display: block;
-  background-color: #e0e0e0;
-  width: ${({ $width }) => convertToPixels($width) || "auto"};
-  height: ${({ $height }) => convertToPixels($height) || "auto"};
-  border-radius: ${({ $borderRadius }) => convertToPixels($borderRadius)};
-
-  ${({ $variant }) => $variant === "text" &&
-    styled.css `
-      height: 1em;
-      margin-bottom: 0.5em;
-      border-radius: 4px;
-      transform-origin: 0 55%;
-      transform: scale(1, 0.6);
-    `}
-
-  ${({ $variant }) => $variant === "circular" &&
-    styled.css `
-      border-radius: 50%;
-    `}
-
-  ${({ $variant }) => $variant === "rectangular" &&
-    styled.css `
-      border-radius: 4px;
-    `}
-
-  /* Animation styles */
-  ${({ $animation }) => $animation === "pulse" &&
-    styled.css `
-      animation: ${pulsate} 1.5s ease-in-out infinite;
-    `}
-
-  ${({ $animation }) => $animation === "wave" &&
-    styled.css `
-      position: relative;
-      overflow: hidden;
-      background-color: #f0f0f0;
-
-      &::after {
-        content: "";
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        background: linear-gradient(
-          90deg,
-          transparent,
-          rgba(255, 255, 255, 0.5),
-          transparent
-        );
-        animation: ${wave} 1.6s linear infinite;
-      }
-    `}
-
-  /* Dark theme support */
-  @media (prefers-color-scheme: dark) {
-    background-color: ${({ $animation }) => $animation === "wave" ? "#1a1a1a" : "#2a2a2a"};
-
-    ${({ $animation }) => $animation === "wave" &&
-    styled.css `
-        &::after {
-          background: linear-gradient(
-            90deg,
-            transparent,
-            rgba(255, 255, 255, 0.1),
-            transparent
-          );
-        }
-      `}
-  }
-`;
-
-const Skeleton = ({ $variant, $width, $height, className, $animation = "pulse", $borderRadius, }) => {
-    return (jsxRuntime.jsx(StyledSkeleton, { "$variant": $variant, "$width": $width, "$height": $height, className: className, "$animation": $animation, "$borderRadius": $borderRadius, "aria-busy": "true", "aria-live": "polite" }));
-};
-
 const ApplicationDataStyled = styled.styled.div `
   display: flex;
   column-gap: 10px;
@@ -25133,7 +25026,6 @@ exports.SelectField = SelectField;
 exports.SendCryptoIcon = SendCryptoIcon;
 exports.SettingsIcon = SettingsIcon;
 exports.ShowUiIcon = ShowUiIcon;
-exports.Skeleton = Skeleton;
 exports.SolanaIcon = SolanaIcon;
 exports.StellarIcon = StellarIcon;
 exports.StepnIcon = StepnIcon;