@hyperbridge/ui 0.0.34 → 0.0.36

package/dist/index.mjs

@@ -198,10 +198,9 @@ function BadgeIcon(props) {
             src,
             layout: "constrained",
             width: 400,
-            aspectRatio: 1,
+            height: 400,
             alt,
             draggable: false,
-            objectFit: "cover",
             className: cn(
               "absolute inset-0 aspect-square h-full w-full rounded-full bg-transparent shrink-0",
               className,
@@ -226,9 +225,8 @@ function BadgeIcon(props) {
                 src: badgeSrc,
                 layout: "constrained",
                 width: 24,
-                aspectRatio: 1,
+                height: 24,
                 draggable: false,
-                objectFit: "cover",
                 className: "w-full h-full",
                 alt: badgeAlt
               }
@@ -486,7 +484,7 @@ function TagButton(props) {
             layout: "constrained",
             className: "w-5 h-5 shrink-0 rounded-full",
             width: 20,
-            aspectRatio: 1
+            height: 20
           }
         ),
         /* @__PURE__ */ jsx7("span", { className: "text-[14px] w-max shrink-0 overflow-hidden", children: props.symbol }),
@@ -528,7 +526,7 @@ function BridgeTokenButton(props) {
         layout: "constrained",
         className: "w-[1.75rem] h-[1.75rem] shrink-0 rounded-full",
         width: 20,
-        aspectRatio: 1
+        height: 20
       }
     ),
     /* @__PURE__ */ jsx7("span", { className: "flex flex-col font-medium shrink-0 text-start max-w-[10ch]", children: /* @__PURE__ */ jsx7("span", { className: "text-sm uppercase text-brand-white-500", children: token.symbol.toLowerCase() }) }),
@@ -1050,7 +1048,7 @@ function TokenImage(props) {
       layout: "constrained",
       className: cn("shrink-0 object-cover rounded-full", props.className),
       width: 20,
-      aspectRatio: 1
+      height: 20
     }
   );
 }
@@ -4968,34 +4966,6 @@ function SheetHeader(_a) {
     }, props)
   );
 }
-function SheetTitle(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx48(
-    SheetPrimitive.Title,
-    __spreadValues({
-      "data-slot": "sheet-title",
-      className: cn("text-foreground font-semibold", className)
-    }, props)
-  );
-}
-function SheetDescription(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx48(
-    SheetPrimitive.Description,
-    __spreadValues({
-      "data-slot": "sheet-description",
-      className: cn("text-muted-foreground text-sm", className)
-    }, props)
-  );
-}
 
 // src/components/navigation/hyperbridge-drawer.tsx
 import { Drawer as DrawerPrimitive2 } from "vaul";
@@ -5124,58 +5094,52 @@ function ManageAccounts() {
   return null;
 }
 function HeaderChooseProvider() {
-  return /* @__PURE__ */ jsxs36(SheetHeader, { className: "p-[1rem] -mx-[1rem]", children: [
-    /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-[0.625rem] select-none", children: [
-      /* @__PURE__ */ jsx50(
-        IconButton,
-        {
-          disabled: true,
-          className: "pointer-events-none !text-brand-white-500",
-          variant: "level_2",
-          rounded: "full",
-          size: "sm",
-          children: /* @__PURE__ */ jsx50(Wallet_default, { className: "size-5" })
-        }
-      ),
-      /* @__PURE__ */ jsx50(SheetTitle, { className: "text-brand-white-100", children: /* @__PURE__ */ jsx50("span", { className: "text-base font-medium", children: "Connect Your Wallet" }) })
-    ] }),
-    /* @__PURE__ */ jsx50(SheetDescription, { className: "sr-only", children: "Choose a wallet provider to connect to our application." })
-  ] });
+  return /* @__PURE__ */ jsx50(SheetHeader, { className: "p-[1rem] -mx-[1rem]", children: /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-[0.625rem] select-none", children: [
+    /* @__PURE__ */ jsx50(
+      IconButton,
+      {
+        disabled: true,
+        className: "pointer-events-none !text-brand-white-500",
+        variant: "level_2",
+        rounded: "full",
+        size: "sm",
+        children: /* @__PURE__ */ jsx50(Wallet_default, { className: "size-5" })
+      }
+    ),
+    /* @__PURE__ */ jsx50("span", { className: "text-base font-medium text-brand-white-100", children: "Connect Your Wallet" })
+  ] }) });
 }
 function HeaderNested(props) {
   var _a;
   const { heading, image, onBack, hideBackButton } = props;
-  return /* @__PURE__ */ jsxs36("div", { className: "p-[1rem] -mx-[1rem]", children: [
-    /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-[0.625rem] select-none", children: [
-      /* @__PURE__ */ jsx50(
-        TokenImage,
-        {
-          src: image.src,
-          className: "w-[2rem]",
-          alt: (_a = image.alt) != null ? _a : heading
-        }
-      ),
-      /* @__PURE__ */ jsx50("div", { className: "text-brand-white-100 flex-1", children: /* @__PURE__ */ jsx50("span", { className: "text-base font-medium", children: heading }) }),
-      !hideBackButton && /* @__PURE__ */ jsx50(
-        IconButton,
-        {
-          variant: "level_1",
-          rounded: "full",
-          size: "sm",
-          onClick: onBack,
-          children: /* @__PURE__ */ jsx50(
-            StepBack_default,
-            {
-              width: "1rem",
-              height: "1rem",
-              className: "text-brand-black-100"
-            }
-          )
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx50(SheetDescription, { className: "sr-only", children: "Choose a wallet provider to connect to our application." })
-  ] });
+  return /* @__PURE__ */ jsx50("div", { className: "p-[1rem] -mx-[1rem]", children: /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-[0.625rem] select-none", children: [
+    /* @__PURE__ */ jsx50(
+      TokenImage,
+      {
+        src: image.src,
+        className: "w-[2rem]",
+        alt: (_a = image.alt) != null ? _a : heading
+      }
+    ),
+    /* @__PURE__ */ jsx50("div", { className: "text-brand-white-100 flex-1", children: /* @__PURE__ */ jsx50("span", { className: "text-base font-medium", children: heading }) }),
+    !hideBackButton && /* @__PURE__ */ jsx50(
+      IconButton,
+      {
+        variant: "level_1",
+        rounded: "full",
+        size: "sm",
+        onClick: onBack,
+        children: /* @__PURE__ */ jsx50(
+          StepBack_default,
+          {
+            width: "1rem",
+            height: "1rem",
+            className: "text-brand-black-100"
+          }
+        )
+      }
+    )
+  ] }) });
 }
 function ListSection({
   children,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperbridge/ui",
-  "version": "0.0.34",
+  "version": "0.0.36",
   "sideEffects": false,
   "license": "MIT",
   "private": false,
@@ -33,8 +33,8 @@
     "typescript": "5.8.3",
     "vite": "^6.3.4",
     "vitest": "^3.1.2",
-    "@repo/typescript-config": "0.0.0",
-    "@repo/eslint-config": "0.0.0"
+    "@repo/eslint-config": "0.0.0",
+    "@repo/typescript-config": "0.0.0"
   },
   "dependencies": {
     "@radix-ui/react-dialog": "^1.1.14",