@nation-a/ui 0.10.3 → 0.10.5

package/dist/index.cjs

@@ -5748,7 +5748,7 @@ const Button = ({ loading, disabled, loadingText, children, color, variant, size
     }
   );
 };
-const index$1 = withPolymorphicComponent(Button);
+const index$4 = React.memo(withPolymorphicComponent(Button));
 const textRecipe = cva({
   base: {
     color: "currentcolor"
@@ -6190,7 +6190,7 @@ const IconButton = React.forwardRef(
   }
 );
 IconButton.displayName = "IconButton";
-const index = withPolymorphicComponent(IconButton);
+const index$3 = React.memo(withPolymorphicComponent(IconButton));
 var updateQueue = makeQueue();
 var raf = (fn) => schedule(fn, updateQueue);
 var writeQueue = makeQueue();
@@ -9758,8 +9758,8 @@ const BottomSheetFrame = React.forwardRef(
             overflow: "hidden",
             borderRadius: "40px 40px 0 0",
             height: "100%",
-            zIndex: 999,
-            backgroundColor: "#ffffff",
+            zIndex: "modal",
+            backgroundColor: "surface.layer_1",
             shadow: "0 -15px 15px 0px rgba(0, 0, 0, 0.05)",
             willChange: "auto"
           }),
@@ -9792,7 +9792,7 @@ const Backdrop = React.forwardRef(
       animated.div,
       {
         className: css$1({
-          zIndex: 99,
+          zIndex: "overlay",
           position: "fixed",
           top: 0,
           width: "100%",
@@ -10093,6 +10093,7 @@ const Tag = React.forwardRef(({ imageSrc, text, onDeleteClick, ...rest }, ref) =
   ] });
 });
 Tag.displayName = "Tag";
+const index$2 = React.memo(Tag);
 const inputRecipe = sva({
   className: "input",
   slots: ["inputContainer", "requiredStar", "description", "label", "textLengthIndicator"],
@@ -10349,6 +10350,7 @@ const Input = React.forwardRef(
   }
 );
 Input.displayName = "Input";
+const index$1 = React.memo(Input);
 const Textarea = React.forwardRef(
   ({
     value,
@@ -10427,6 +10429,7 @@ const Textarea = React.forwardRef(
   }
 );
 Textarea.displayName = "Textarea";
+const index = React.memo(Textarea);
 function definePreset(preset2) {
   return preset2;
 }
@@ -10993,22 +10996,22 @@ const ToastProvider = ({ children }) => {
 };
 exports.BottomSheet = BottomSheet;
 exports.Box = Box2;
-exports.Button = index$1;
+exports.Button = index$4;
 exports.Center = Center2;
 exports.Dialog = Dialog;
 exports.Flex = Flex2;
 exports.Grid = Grid2;
 exports.GridItem = GridItem2;
 exports.HStack = HStack2;
-exports.IconButton = index;
-exports.Input = Input;
+exports.IconButton = index$3;
+exports.Input = index$1;
 exports.Navigation = Navigation;
 exports.Portal = Portal;
 exports.Spinner = Spinner;
 exports.Stack = Stack2;
-exports.Tag = Tag;
+exports.Tag = index$2;
 exports.Text = Text;
-exports.TextArea = Textarea;
+exports.TextArea = index;
 exports.ToastProvider = ToastProvider;
 exports.VStack = VStack2;
 exports.preset = preset;