@mw-kit/mw-ui 1.9.0 → 1.9.1

package/dist/components/Popup/types.d.ts

@@ -13,5 +13,6 @@ export type PopupProps<T extends React.ElementType = 'div'> = {
     open?: boolean;
     setOpen?: (open: boolean) => void;
     fallbackPlacements?: PopupPlacement[];
+    zIndex?: number;
 };
 export type PopupPlacement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';

package/dist/components/Select/instances/index.d.ts

@@ -1,3 +1,3 @@
 import type { SelectProps, UseSelect } from './types';
-declare const useSelect: (props: SelectProps<unknown>) => ReturnType<UseSelect>;
+declare const useSelect: ({ type, ...props }: SelectProps<unknown>) => ReturnType<UseSelect>;
 export default useSelect;

package/dist/index.js

@@ -18160,7 +18160,7 @@ var TooltipArrow = import_styled_components72.default.div`
 }}
 `;
 var TooltipSurface = import_styled_components72.default.div`
-  position: relative;
+  ${({ theme: theme4 }) => theme4.useTypography("p")}
 
   ${({ theme: theme4, $background: background, $placement: placement }) => {
   const [side] = placement.split("-");
@@ -18192,11 +18192,7 @@ var TooltipSurface = import_styled_components72.default.div`
     `;
 }}
 
-  border-radius: 4px;
-  padding: 8px 10px;
-  font-size: 12px;
-  max-width: 240px;
-  z-index: 1000;
+  padding: ${({ theme: theme4 }) => theme4.spacings.s1};
 `;
 
 // src/components/Popup/index.tsx
@@ -18220,7 +18216,8 @@ var PopupComponent = (props) => {
     offset: offsetValue = 8,
     shift: shiftValue = 8,
     background = "dark",
-    closeOnClip = false
+    closeOnClip = false,
+    zIndex = 1e3
   } = props;
   const arrowStyle = props.arrow || (background === "dark" ? "pointed" : "flattened");
   const withArrow = arrowStyle !== "none";
@@ -18277,7 +18274,7 @@ var PopupComponent = (props) => {
       TooltipSurface,
       {
         ref: floating.refs.setFloating,
-        style: floating.floatingStyles,
+        style: { ...floating.floatingStyles, zIndex },
         $placement: floating.placement,
         $background: background,
         ...interactions.getFloatingProps(),
@@ -19197,8 +19194,8 @@ var useSingleSelect = ({
 var single_default = useSingleSelect;
 
 // src/components/Select/instances/index.tsx
-var useSelect2 = (props) => {
-  return props.type === "multi-select" ? multi_default(props) : single_default(props);
+var useSelect2 = ({ type, ...props }) => {
+  return type === "multi-select" ? multi_default(props) : single_default(props);
 };
 var instances_default = useSelect2;
 

package/dist/index.mjs

@@ -18122,7 +18122,7 @@ var TooltipArrow = styled69.div`
 }}
 `;
 var TooltipSurface = styled69.div`
-  position: relative;
+  ${({ theme: theme4 }) => theme4.useTypography("p")}
 
   ${({ theme: theme4, $background: background, $placement: placement }) => {
   const [side] = placement.split("-");
@@ -18154,11 +18154,7 @@ var TooltipSurface = styled69.div`
     `;
 }}
 
-  border-radius: 4px;
-  padding: 8px 10px;
-  font-size: 12px;
-  max-width: 240px;
-  z-index: 1000;
+  padding: ${({ theme: theme4 }) => theme4.spacings.s1};
 `;
 
 // src/components/Popup/index.tsx
@@ -18182,7 +18178,8 @@ var PopupComponent = (props) => {
     offset: offsetValue = 8,
     shift: shiftValue = 8,
     background = "dark",
-    closeOnClip = false
+    closeOnClip = false,
+    zIndex = 1e3
   } = props;
   const arrowStyle = props.arrow || (background === "dark" ? "pointed" : "flattened");
   const withArrow = arrowStyle !== "none";
@@ -18239,7 +18236,7 @@ var PopupComponent = (props) => {
       TooltipSurface,
       {
         ref: floating.refs.setFloating,
-        style: floating.floatingStyles,
+        style: { ...floating.floatingStyles, zIndex },
         $placement: floating.placement,
         $background: background,
         ...interactions.getFloatingProps(),
@@ -19159,8 +19156,8 @@ var useSingleSelect = ({
 var single_default = useSingleSelect;
 
 // src/components/Select/instances/index.tsx
-var useSelect2 = (props) => {
-  return props.type === "multi-select" ? multi_default(props) : single_default(props);
+var useSelect2 = ({ type, ...props }) => {
+  return type === "multi-select" ? multi_default(props) : single_default(props);
 };
 var instances_default = useSelect2;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mw-kit/mw-ui",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "description": "Made with create-react-library",
   "author": "fmgusmao",
   "license": "MIT",