mtxuilib 0.0.308 → 0.0.310

package/dist/esm/ui/ui-mt/skeleton/skeleton2.js

@@ -1,5 +1,9 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 function ItemSkeleton() {
-  return /* @__PURE__ */ React.createElement("div", { className: 'sm:px-6" block p-4 hover:bg-gray-50' }, /* @__PURE__ */ React.createElement("div", { className: "h-4 w-1/2 animate-pulse rounded bg-gray-300" }), /* @__PURE__ */ React.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React.createElement("div", { className: "h-2 w-1/2 animate-pulse rounded bg-gray-300" })));
+  return /* @__PURE__ */ jsxs("div", { className: 'sm:px-6" block p-4 hover:bg-gray-50', children: [
+    /* @__PURE__ */ jsx("div", { className: "h-4 w-1/2 animate-pulse rounded bg-gray-300" }),
+    /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx("div", { className: "h-2 w-1/2 animate-pulse rounded bg-gray-300" }) })
+  ] });
 }
 export {
   ItemSkeleton

package/dist/esm/ui/ui-mt/skeleton/skeletons.js

@@ -1,7 +1,15 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Skeleton } from "../../skeleton";
 const SkeletonDemo = ({ children }) => {
-  return /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-4" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "h-12 w-12 rounded-full" }), /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "h-4 w-[250px]" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "h-4 w-[200px]" })), children);
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-4", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-12 rounded-full" }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-[250px]" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-[200px]" })
+    ] }),
+    children
+  ] });
 };
 export {
   SkeletonDemo

package/dist/esm/ui/ui-vamp/alert.js

@@ -30,39 +30,43 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as AlertDialogPrimitives from "@radix-ui/react-alert-dialog";
 import * as React from "react";
 import { cn } from "../../lib/utils";
 import { Button } from "./button";
 function Alert(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ React.createElement(AlertDialogPrimitives.Root, __spreadValues({}, props));
+  return /* @__PURE__ */ jsx(AlertDialogPrimitives.Root, __spreadValues({}, props));
 }
 Alert.Trigger = React.forwardRef(function AlertTrigger(_b, ref) {
   var props = __objRest(_b, []);
-  return /* @__PURE__ */ React.createElement(AlertDialogPrimitives.Trigger, __spreadProps(__spreadValues({}, props), { ref }));
+  return /* @__PURE__ */ jsx(AlertDialogPrimitives.Trigger, __spreadProps(__spreadValues({}, props), { ref }));
 });
 Alert.Portal = AlertDialogPrimitives.Portal;
 Alert.Content = React.forwardRef(function AlertContent(_c, ref) {
   var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
-  return /* @__PURE__ */ React.createElement(Alert.Portal, null, /* @__PURE__ */ React.createElement(AlertDialogPrimitives.Overlay, { className: "animate-in fade-in fixed inset-0 z-40 opacity-100 backdrop-blur-sm transition-opacity	" }), /* @__PURE__ */ React.createElement("div", { className: "fixed inset-0 z-40 flex items-center justify-center" }, /* @__PURE__ */ React.createElement(
-    AlertDialogPrimitives.Content,
-    __spreadValues({
-      ref,
-      className: cn(
-        "dropdown animate-in fade-in-90 zoom-in-90 focus-visible:ring-opacity-/75 fixed z-50 grid w-[95vw] max-w-md scale-100 gap-4 rounded-lg p-6 opacity-100 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 md:w-full",
-        className
-      )
-    }, props)
-  )));
+  return /* @__PURE__ */ jsxs(Alert.Portal, { children: [
+    /* @__PURE__ */ jsx(AlertDialogPrimitives.Overlay, { className: "animate-in fade-in fixed inset-0 z-40 opacity-100 backdrop-blur-sm transition-opacity	" }),
+    /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-40 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+      AlertDialogPrimitives.Content,
+      __spreadValues({
+        ref,
+        className: cn(
+          "dropdown animate-in fade-in-90 zoom-in-90 focus-visible:ring-opacity-/75 fixed z-50 grid w-[95vw] max-w-md scale-100 gap-4 rounded-lg p-6 opacity-100 focus:outline-none focus-visible:ring focus-visible:ring-purple-500 md:w-full",
+          className
+        )
+      }, props)
+    ) })
+  ] });
 });
 Alert.Header = function AlertHeader(_e) {
   var _f = _e, { className } = _f, props = __objRest(_f, ["className"]);
-  return /* @__PURE__ */ React.createElement("div", __spreadValues({ className: cn("grid gap-1", className) }, props));
+  return /* @__PURE__ */ jsx("div", __spreadValues({ className: cn("grid gap-1", className) }, props));
 };
 Alert.Title = React.forwardRef(function AlertTitle(_g, ref) {
   var _h = _g, { className } = _h, props = __objRest(_h, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     AlertDialogPrimitives.Title,
     __spreadValues({
       ref,
@@ -75,7 +79,7 @@ Alert.Title = React.forwardRef(function AlertTitle(_g, ref) {
 });
 Alert.Description = React.forwardRef(function AlertDescription(_i, ref) {
   var _j = _i, { className } = _j, props = __objRest(_j, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     AlertDialogPrimitives.Description,
     __spreadValues({
       ref,
@@ -85,7 +89,7 @@ Alert.Description = React.forwardRef(function AlertDescription(_i, ref) {
 });
 Alert.Footer = function AlertFooter(_k) {
   var _l = _k, { className } = _l, props = __objRest(_l, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({
       className: cn("flex justify-end space-x-2", className)
@@ -94,28 +98,30 @@ Alert.Footer = function AlertFooter(_k) {
 };
 Alert.Cancel = React.forwardRef(function AlertCancel(_m, ref) {
   var _n = _m, { className, children } = _n, props = __objRest(_n, ["className", "children"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     AlertDialogPrimitives.Cancel,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       onClick: (e) => {
         e.stopPropagation();
         e.nativeEvent.stopImmediatePropagation();
       },
       className,
       ref
-    }, props),
-    /* @__PURE__ */ React.createElement(Button, { intent: "secondary" }, children)
+    }, props), {
+      children: /* @__PURE__ */ jsx(Button, { intent: "secondary", children })
+    })
   );
 });
 Alert.Action = React.forwardRef(function AlertAction(_o, ref) {
   var _p = _o, { className, children } = _p, props = __objRest(_p, ["className", "children"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     AlertDialogPrimitives.Action,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: cn(className)
-    }, props),
-    /* @__PURE__ */ React.createElement(Button, { intent: "danger" }, children)
+    }, props), {
+      children: /* @__PURE__ */ jsx(Button, { intent: "danger", children })
+    })
   );
 });
 export {

package/dist/esm/ui/ui-vamp/avatar.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,12 +29,13 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import Image from "next/image";
 import { cn } from "../../lib/utils";
 function Avatar(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     AvatarPrimitive.Root,
     __spreadValues({
       className: cn(
@@ -56,9 +60,9 @@ Avatar.Image = function AvatarImage(_c) {
     "height"
   ]);
   if (!src) {
-    return /* @__PURE__ */ React.createElement(Avatar.Fallback, null);
+    return /* @__PURE__ */ jsx(Avatar.Fallback, {});
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Image,
     __spreadValues({
       src,
@@ -77,13 +81,14 @@ Avatar.Fallback = function AvatarFallback(_e) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     AvatarPrimitive.Fallback,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       delayMs: 500,
       className: cn("", className)
-    }, props),
-    children
+    }, props), {
+      children
+    })
   );
 };
 export {

package/dist/esm/ui/ui-vamp/button.js

@@ -26,6 +26,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "../../lib/utils";
 const buttonStyles = cva(
@@ -74,7 +75,7 @@ function Button(_a) {
     "fullWidth",
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "button",
     __spreadValues({
       className: cn(

package/dist/esm/ui/ui-vamp/card.js

@@ -26,12 +26,12 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Skeleton } from "./skeleton";
 import { cn } from "../../lib/utils";
 function Card(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({
       className: cn(
@@ -43,15 +43,15 @@ function Card(_a) {
 }
 Card.Header = function CardHeader(_c) {
   var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
-  return /* @__PURE__ */ React.createElement("div", __spreadValues({ className: cn("grid gap-1 p-6", className) }, props));
+  return /* @__PURE__ */ jsx("div", __spreadValues({ className: cn("grid gap-1 p-6", className) }, props));
 };
 Card.Content = function CardContent(_e) {
   var _f = _e, { className } = _f, props = __objRest(_f, ["className"]);
-  return /* @__PURE__ */ React.createElement("div", __spreadValues({ className: cn("px-6 pb-4", className) }, props));
+  return /* @__PURE__ */ jsx("div", __spreadValues({ className: cn("px-6 pb-4", className) }, props));
 };
 Card.Footer = function CardFooter(_g) {
   var _h = _g, { className } = _h, props = __objRest(_h, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({
       className: cn(
@@ -63,7 +63,7 @@ Card.Footer = function CardFooter(_g) {
 };
 Card.Title = function CardTitle(_i) {
   var _j = _i, { className } = _j, props = __objRest(_j, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "h4",
     __spreadValues({
       className: cn("text-lg font-medium text-white", className)
@@ -76,10 +76,17 @@ Card.Description = function CardDescription(_k) {
   } = _l, props = __objRest(_l, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement("p", __spreadValues({ className: cn("text-brandtext-600 text-sm", className) }, props));
+  return /* @__PURE__ */ jsx("p", __spreadValues({ className: cn("text-brandtext-600 text-sm", className) }, props));
 };
 Card.Skeleton = function CardSeleton() {
-  return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(Card.Header, { className: "gap-2" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "h-5 w-1/5" }), /* @__PURE__ */ React.createElement(Skeleton, { className: "h-4 w-4/5" })), /* @__PURE__ */ React.createElement(Card.Content, { className: "h-10" }), /* @__PURE__ */ React.createElement(Card.Footer, null, /* @__PURE__ */ React.createElement(Skeleton, { className: "bg-palette-300 h-8 w-[120px]" })));
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(Card.Header, { className: "gap-2", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-1/5" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4/5" })
+    ] }),
+    /* @__PURE__ */ jsx(Card.Content, { className: "h-10" }),
+    /* @__PURE__ */ jsx(Card.Footer, { children: /* @__PURE__ */ jsx(Skeleton, { className: "bg-palette-300 h-8 w-[120px]" }) })
+  ] });
 };
 export {
   Card

package/dist/esm/ui/ui-vamp/checkbox.js

@@ -27,6 +27,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { useFormContext } from "react-hook-form";
 import { Label } from "./label";
@@ -61,14 +62,20 @@ function Checkbox(_a) {
     "children"
   ]);
   const { register } = useFormContext();
-  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-start" }, /* @__PURE__ */ React.createElement("div", { className: "inline-flex items-center gap-2" }, /* @__PURE__ */ React.createElement(
-    "input",
-    __spreadValues(__spreadValues({
-      className: cn(checkboxStyles({ intent }), className),
-      type: "checkbox",
-      id
-    }, register(id)), props)
-  ), label && /* @__PURE__ */ React.createElement(Label, { htmlFor: id }, label)), children);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start", children: [
+    /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        __spreadValues(__spreadValues({
+          className: cn(checkboxStyles({ intent }), className),
+          type: "checkbox",
+          id
+        }, register(id)), props)
+      ),
+      label && /* @__PURE__ */ jsx(Label, { htmlFor: id, children: label })
+    ] }),
+    children
+  ] });
 }
 export {
   Checkbox

package/dist/esm/ui/ui-vamp/chip.js

@@ -26,6 +26,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "../../lib/utils";
 const chipStyles = cva("inline-flex items-center rounded-full font-medium", {
@@ -56,7 +57,7 @@ function Chip(_a) {
     "size",
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "span",
     __spreadValues({
       className: cn(chipStyles({ intent, size }), className)

package/dist/esm/ui/ui-vamp/dropdown.js

@@ -30,16 +30,17 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import * as React from "react";
 import { cn } from "../../lib/utils";
 function DropdownMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.Root, __spreadValues({}, props));
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, __spreadValues({}, props));
 }
 DropdownMenu.Trigger = React.forwardRef(function DropdownMenuTrigger(_b, ref) {
   var props = __objRest(_b, []);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Trigger,
     __spreadProps(__spreadValues({
       className: "overflow-hidden rounded-md   text-white ring-offset-1 focus:outline-none focus:ring-1 focus:ring-rose-500 focus:ring-offset-rose-700"
@@ -51,7 +52,7 @@ DropdownMenu.Trigger = React.forwardRef(function DropdownMenuTrigger(_b, ref) {
 DropdownMenu.Portal = DropdownMenuPrimitive.Portal;
 DropdownMenu.Content = React.forwardRef(function DropdownMenuContent(_c, ref) {
   var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
-  return /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Content,
     __spreadValues({
       ref,
@@ -61,11 +62,11 @@ DropdownMenu.Content = React.forwardRef(function DropdownMenuContent(_c, ref) {
         className
       )
     }, props)
-  ));
+  ) });
 });
 DropdownMenu.Item = React.forwardRef(function DropdownMenuItem(_e, ref) {
   var _f = _e, { className } = _f, props = __objRest(_f, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Item,
     __spreadValues({
       onClick: (e) => {
@@ -82,7 +83,7 @@ DropdownMenu.Item = React.forwardRef(function DropdownMenuItem(_e, ref) {
 });
 DropdownMenu.Separator = React.forwardRef(function DropdownMenuItem2(_g, ref) {
   var _h = _g, { className } = _h, props = __objRest(_h, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Separator,
     __spreadValues({
       ref,

package/dist/esm/ui/ui-vamp/external-link.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,20 +29,22 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import { cn } from "../../lib/utils";
 function ExternalLink(_a) {
   var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "a",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       className: cn(
         className,
         "hover:text-brandtext-500 hover:underline hover:brightness-150"
       ),
       rel: "noopener noreferrer",
       target: "_blank"
-    }, props),
-    children
+    }, props), {
+      children
+    })
   );
 }
 export {

package/dist/esm/ui/ui-vamp/headline.js

@@ -1,5 +1,9 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 function Headline({ heading, text, children }) {
-  return /* @__PURE__ */ React.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "grid gap-1" }, /* @__PURE__ */ React.createElement("h1", { className: "text-brandtext-500 text-2xl font-bold tracking-wide" }, heading), text && /* @__PURE__ */ React.createElement("p", { className: "text-brandtext-600" }, text)));
+  return /* @__PURE__ */ jsx("div", { className: "flex justify-between", children: /* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
+    /* @__PURE__ */ jsx("h1", { className: "text-brandtext-500 text-2xl font-bold tracking-wide", children: heading }),
+    text && /* @__PURE__ */ jsx("p", { className: "text-brandtext-600", children: text })
+  ] }) });
 }
 export {
   Headline

package/dist/esm/ui/ui-vamp/input.js

@@ -30,6 +30,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { Fragment, jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { useFormContext } from "react-hook-form";
 import { cn } from "../../lib/utils";
@@ -64,7 +65,7 @@ function Input(_a) {
     "isPending"
   ]);
   const { register } = useFormContext();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "grid gap-1" }, /* @__PURE__ */ React.createElement("div", { className: "relative w-full" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "grid gap-1", children: /* @__PURE__ */ jsx("div", { className: "relative w-full", children: /* @__PURE__ */ jsx(
     "input",
     __spreadValues(__spreadProps(__spreadValues({
       id
@@ -73,7 +74,7 @@ function Input(_a) {
     })), {
       className: cn(inputStyles({ intent }), className)
     }), props)
-  ))));
+  ) }) }) });
 }
 export {
   Input

package/dist/esm/ui/ui-vamp/keyvalue.js

@@ -13,9 +13,13 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 function KeyValue(_a) {
   var _b = _a, { className, label, value } = _b, props = __objRest(_b, ["className", "label", "value"]);
-  return /* @__PURE__ */ React.createElement("div", { className: "flex w-full items-center justify-between text-sm" }, /* @__PURE__ */ React.createElement("span", { className: "text-brandtext-600 font-bold" }, label), /* @__PURE__ */ React.createElement("span", { className: "text-brandtext-500 font-medium" }, value));
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between text-sm", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-brandtext-600 font-bold", children: label }),
+    /* @__PURE__ */ jsx("span", { className: "text-brandtext-500 font-medium", children: value })
+  ] });
 }
 export {
   KeyValue

package/dist/esm/ui/ui-vamp/label.js

@@ -26,10 +26,11 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import * as LabelPrimitive from "@radix-ui/react-label";
 function Label(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     LabelPrimitive.Root,
     __spreadValues({
       className: "text-brandtext-400 text-sm"

package/dist/esm/ui/ui-vamp/mobile-nav-button.js

@@ -1,19 +1,20 @@
 "use client";
+import { Fragment, jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Icons } from "../../icons/icons";
 import { Button } from "./button";
 function MobileNavButton() {
   const [showMobileMenu, setShowMobileMenu] = React.useState(false);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     Button,
     {
       intent: "tertiary",
       size: "small",
       className: "flex items-center space-x-2 px-2 md:hidden",
-      onClick: () => setShowMobileMenu(!showMobileMenu)
-    },
-    showMobileMenu ? /* @__PURE__ */ React.createElement(Icons.close, null) : /* @__PURE__ */ React.createElement(Icons.menu, { size: 24, color: "white" })
-  ));
+      onClick: () => setShowMobileMenu(!showMobileMenu),
+      children: showMobileMenu ? /* @__PURE__ */ jsx(Icons.close, {}) : /* @__PURE__ */ jsx(Icons.menu, { size: 24, color: "white" })
+    }
+  ) });
 }
 export {
   MobileNavButton

package/dist/esm/ui/ui-vamp/modal.js

@@ -30,24 +30,25 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as Dialog from "@radix-ui/react-dialog";
 import * as React from "react";
 import { cn } from "../../lib/utils";
 function Modal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ React.createElement(Dialog.Root, __spreadValues({}, props));
+  return /* @__PURE__ */ jsx(Dialog.Root, __spreadValues({}, props));
 }
 Modal.Trigger = React.forwardRef(
   function ModalTrigger(_b, ref) {
     var props = __objRest(_b, []);
-    return /* @__PURE__ */ React.createElement(Dialog.Trigger, __spreadProps(__spreadValues({}, props), { ref }));
+    return /* @__PURE__ */ jsx(Dialog.Trigger, __spreadProps(__spreadValues({}, props), { ref }));
   }
 );
 Modal.Portal = Dialog.Portal;
 Modal.Title = React.forwardRef(
   function ModalTitle(_c, ref) {
     var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       Dialog.Title,
       __spreadProps(__spreadValues({
         className: "text-default text-xl font-bold"
@@ -60,16 +61,19 @@ Modal.Title = React.forwardRef(
 Modal.Content = React.forwardRef(
   function ModalContent(_e, ref) {
     var _f = _e, { className } = _f, props = __objRest(_f, ["className"]);
-    return /* @__PURE__ */ React.createElement(Dialog.Portal, null, /* @__PURE__ */ React.createElement(Dialog.Overlay, { className: "animate-in fade-in fixed inset-0 z-40 opacity-100 backdrop-blur-sm transition-opacity	" }), /* @__PURE__ */ React.createElement("div", { className: "fixed inset-0 z-40 flex items-center justify-center" }, /* @__PURE__ */ React.createElement(
-      Dialog.Content,
-      __spreadValues({
-        ref,
-        className: cn(
-          "dropdown animate-in fade-in-90 zoom-in-90 focus-visible:ring-opacity-/75 fixed z-50 grid w-[95vw] max-w-md scale-100 gap-4 rounded-xl p-6 opacity-100 shadow-lg focus:outline-none focus-visible:ring focus-visible:ring-rose-500 md:w-full",
-          className
-        )
-      }, props)
-    )));
+    return /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
+      /* @__PURE__ */ jsx(Dialog.Overlay, { className: "animate-in fade-in fixed inset-0 z-40 opacity-100 backdrop-blur-sm transition-opacity	" }),
+      /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-40 flex items-center justify-center", children: /* @__PURE__ */ jsx(
+        Dialog.Content,
+        __spreadValues({
+          ref,
+          className: cn(
+            "dropdown animate-in fade-in-90 zoom-in-90 focus-visible:ring-opacity-/75 fixed z-50 grid w-[95vw] max-w-md scale-100 gap-4 rounded-xl p-6 opacity-100 shadow-lg focus:outline-none focus-visible:ring focus-visible:ring-rose-500 md:w-full",
+            className
+          )
+        }, props)
+      ) })
+    ] });
   }
 );
 export {