@hyperbridge/ui 0.0.35 → 0.0.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.mjs +19 -52
  2. package/package.json +3 -3
package/dist/index.mjs CHANGED
@@ -198,10 +198,9 @@ function BadgeIcon(props) {
198
198
  src,
199
199
  layout: "constrained",
200
200
  width: 400,
201
- aspectRatio: 1,
201
+ height: 400,
202
202
  alt,
203
203
  draggable: false,
204
- objectFit: "cover",
205
204
  className: cn(
206
205
  "absolute inset-0 aspect-square h-full w-full rounded-full bg-transparent shrink-0",
207
206
  className,
@@ -226,9 +225,8 @@ function BadgeIcon(props) {
226
225
  src: badgeSrc,
227
226
  layout: "constrained",
228
227
  width: 24,
229
- aspectRatio: 1,
228
+ height: 24,
230
229
  draggable: false,
231
- objectFit: "cover",
232
230
  className: "w-full h-full",
233
231
  alt: badgeAlt
234
232
  }
@@ -486,7 +484,7 @@ function TagButton(props) {
486
484
  layout: "constrained",
487
485
  className: "w-5 h-5 shrink-0 rounded-full",
488
486
  width: 20,
489
- aspectRatio: 1
487
+ height: 20
490
488
  }
491
489
  ),
492
490
  /* @__PURE__ */ jsx7("span", { className: "text-[14px] w-max shrink-0 overflow-hidden", children: props.symbol }),
@@ -528,7 +526,7 @@ function BridgeTokenButton(props) {
528
526
  layout: "constrained",
529
527
  className: "w-[1.75rem] h-[1.75rem] shrink-0 rounded-full",
530
528
  width: 20,
531
- aspectRatio: 1
529
+ height: 20
532
530
  }
533
531
  ),
534
532
  /* @__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) {
1050
1048
  layout: "constrained",
1051
1049
  className: cn("shrink-0 object-cover rounded-full", props.className),
1052
1050
  width: 20,
1053
- aspectRatio: 1
1051
+ height: 20
1054
1052
  }
1055
1053
  );
1056
1054
  }
@@ -4968,34 +4966,6 @@ function SheetHeader(_a) {
4968
4966
  }, props)
4969
4967
  );
4970
4968
  }
4971
- function SheetTitle(_a) {
4972
- var _b = _a, {
4973
- className
4974
- } = _b, props = __objRest(_b, [
4975
- "className"
4976
- ]);
4977
- return /* @__PURE__ */ jsx48(
4978
- SheetPrimitive.Title,
4979
- __spreadValues({
4980
- "data-slot": "sheet-title",
4981
- className: cn("text-foreground font-semibold", className)
4982
- }, props)
4983
- );
4984
- }
4985
- function SheetDescription(_a) {
4986
- var _b = _a, {
4987
- className
4988
- } = _b, props = __objRest(_b, [
4989
- "className"
4990
- ]);
4991
- return /* @__PURE__ */ jsx48(
4992
- SheetPrimitive.Description,
4993
- __spreadValues({
4994
- "data-slot": "sheet-description",
4995
- className: cn("text-muted-foreground text-sm", className)
4996
- }, props)
4997
- );
4998
- }
4999
4969
 
5000
4970
  // src/components/navigation/hyperbridge-drawer.tsx
5001
4971
  import { Drawer as DrawerPrimitive2 } from "vaul";
@@ -5124,23 +5094,20 @@ function ManageAccounts() {
5124
5094
  return null;
5125
5095
  }
5126
5096
  function HeaderChooseProvider() {
5127
- return /* @__PURE__ */ jsxs36(SheetHeader, { className: "p-[1rem] -mx-[1rem]", children: [
5128
- /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-[0.625rem] select-none", children: [
5129
- /* @__PURE__ */ jsx50(
5130
- IconButton,
5131
- {
5132
- disabled: true,
5133
- className: "pointer-events-none !text-brand-white-500",
5134
- variant: "level_2",
5135
- rounded: "full",
5136
- size: "sm",
5137
- children: /* @__PURE__ */ jsx50(Wallet_default, { className: "size-5" })
5138
- }
5139
- ),
5140
- /* @__PURE__ */ jsx50(SheetTitle, { className: "text-brand-white-100", children: /* @__PURE__ */ jsx50("span", { className: "text-base font-medium", children: "Connect Your Wallet" }) })
5141
- ] }),
5142
- /* @__PURE__ */ jsx50(SheetDescription, { className: "sr-only", children: "Choose a wallet provider to connect to our application." })
5143
- ] });
5097
+ return /* @__PURE__ */ jsx50(SheetHeader, { className: "p-[1rem] -mx-[1rem]", children: /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-[0.625rem] select-none", children: [
5098
+ /* @__PURE__ */ jsx50(
5099
+ IconButton,
5100
+ {
5101
+ disabled: true,
5102
+ className: "pointer-events-none !text-brand-white-500",
5103
+ variant: "level_2",
5104
+ rounded: "full",
5105
+ size: "sm",
5106
+ children: /* @__PURE__ */ jsx50(Wallet_default, { className: "size-5" })
5107
+ }
5108
+ ),
5109
+ /* @__PURE__ */ jsx50("span", { className: "text-base font-medium text-brand-white-100", children: "Connect Your Wallet" })
5110
+ ] }) });
5144
5111
  }
5145
5112
  function HeaderNested(props) {
5146
5113
  var _a;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hyperbridge/ui",
3
- "version": "0.0.35",
3
+ "version": "0.0.36",
4
4
  "sideEffects": false,
5
5
  "license": "MIT",
6
6
  "private": false,
@@ -33,8 +33,8 @@
33
33
  "typescript": "5.8.3",
34
34
  "vite": "^6.3.4",
35
35
  "vitest": "^3.1.2",
36
- "@repo/typescript-config": "0.0.0",
37
- "@repo/eslint-config": "0.0.0"
36
+ "@repo/eslint-config": "0.0.0",
37
+ "@repo/typescript-config": "0.0.0"
38
38
  },
39
39
  "dependencies": {
40
40
  "@radix-ui/react-dialog": "^1.1.14",