mtxuilib 0.0.308 → 0.0.310

package/dist/ui/ui-vamp/avatar.cjs

@@ -1,7 +1,9 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -19,6 +21,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)
@@ -57,12 +60,13 @@ __export(avatar_exports, {
   Avatar: () => Avatar
 });
 module.exports = __toCommonJS(avatar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"), 1);
 var import_image = __toESM(require("next/image"), 1);
 var import_utils = require("../../lib/utils");
 function Avatar(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     AvatarPrimitive.Root,
     __spreadValues({
       className: (0, import_utils.cn)(
@@ -87,9 +91,9 @@ Avatar.Image = function AvatarImage(_c) {
     "height"
   ]);
   if (!src) {
-    return /* @__PURE__ */ React.createElement(Avatar.Fallback, null);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Avatar.Fallback, {});
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_image.default,
     __spreadValues({
       src,
@@ -108,13 +112,14 @@ Avatar.Fallback = function AvatarFallback(_e) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     AvatarPrimitive.Fallback,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       delayMs: 500,
       className: (0, import_utils.cn)("", className)
-    }, props),
-    children
+    }, props), {
+      children
+    })
   );
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/ui/ui-vamp/button.cjs

@@ -47,6 +47,7 @@ __export(button_exports, {
   Button: () => Button
 });
 module.exports = __toCommonJS(button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_class_variance_authority = require("class-variance-authority");
 var import_utils = require("../../lib/utils");
 const buttonStyles = (0, import_class_variance_authority.cva)(
@@ -95,7 +96,7 @@ function Button(_a) {
     "fullWidth",
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "button",
     __spreadValues({
       className: (0, import_utils.cn)(

package/dist/ui/ui-vamp/card.cjs

@@ -1,10 +1,8 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -43,26 +41,18 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var card_exports = {};
 __export(card_exports, {
   Card: () => Card
 });
 module.exports = __toCommonJS(card_exports);
-var React = __toESM(require("react"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_skeleton = require("./skeleton");
 var import_utils = require("../../lib/utils");
 function Card(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     __spreadValues({
       className: (0, import_utils.cn)(
@@ -74,15 +64,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: (0, import_utils.cn)("grid gap-1 p-6", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", __spreadValues({ className: (0, import_utils.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: (0, import_utils.cn)("px-6 pb-4", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", __spreadValues({ className: (0, import_utils.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__ */ (0, import_jsx_runtime.jsx)(
     "div",
     __spreadValues({
       className: (0, import_utils.cn)(
@@ -94,7 +84,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__ */ (0, import_jsx_runtime.jsx)(
     "h4",
     __spreadValues({
       className: (0, import_utils.cn)("text-lg font-medium text-white", className)
@@ -107,10 +97,17 @@ Card.Description = function CardDescription(_k) {
   } = _l, props = __objRest(_l, [
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement("p", __spreadValues({ className: (0, import_utils.cn)("text-brandtext-600 text-sm", className) }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", __spreadValues({ className: (0, import_utils.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(import_skeleton.Skeleton, { className: "h-5 w-1/5" }), /* @__PURE__ */ React.createElement(import_skeleton.Skeleton, { className: "h-4 w-4/5" })), /* @__PURE__ */ React.createElement(Card.Content, { className: "h-10" }), /* @__PURE__ */ React.createElement(Card.Footer, null, /* @__PURE__ */ React.createElement(import_skeleton.Skeleton, { className: "bg-palette-300 h-8 w-[120px]" })));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Card.Header, { className: "gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-5 w-1/5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "h-4 w-4/5" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card.Content, { className: "h-10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Card.Footer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: "bg-palette-300 h-8 w-[120px]" }) })
+  ] });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/ui/ui-vamp/checkbox.cjs

@@ -48,6 +48,7 @@ __export(checkbox_exports, {
   Checkbox: () => Checkbox
 });
 module.exports = __toCommonJS(checkbox_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_class_variance_authority = require("class-variance-authority");
 var import_react_hook_form = require("react-hook-form");
 var import_label = require("./label");
@@ -82,14 +83,20 @@ function Checkbox(_a) {
     "children"
   ]);
   const { register } = (0, import_react_hook_form.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: (0, import_utils.cn)(checkboxStyles({ intent }), className),
-      type: "checkbox",
-      id
-    }, register(id)), props)
-  ), label && /* @__PURE__ */ React.createElement(import_label.Label, { htmlFor: id }, label)), children);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-start", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "inline-flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "input",
+        __spreadValues(__spreadValues({
+          className: (0, import_utils.cn)(checkboxStyles({ intent }), className),
+          type: "checkbox",
+          id
+        }, register(id)), props)
+      ),
+      label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.Label, { htmlFor: id, children: label })
+    ] }),
+    children
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/ui/ui-vamp/chip.cjs

@@ -47,6 +47,7 @@ __export(chip_exports, {
   Chip: () => Chip
 });
 module.exports = __toCommonJS(chip_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_class_variance_authority = require("class-variance-authority");
 var import_utils = require("../../lib/utils");
 const chipStyles = (0, import_class_variance_authority.cva)("inline-flex items-center rounded-full font-medium", {
@@ -77,7 +78,7 @@ function Chip(_a) {
     "size",
     "className"
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "span",
     __spreadValues({
       className: (0, import_utils.cn)(chipStyles({ intent, size }), className)

package/dist/ui/ui-vamp/dropdown.cjs

@@ -61,16 +61,17 @@ __export(dropdown_exports, {
   DropdownMenu: () => DropdownMenu
 });
 module.exports = __toCommonJS(dropdown_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
 var React = __toESM(require("react"), 1);
 var import_utils = require("../../lib/utils");
 function DropdownMenu(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ React.createElement(DropdownMenuPrimitive.Root, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Root, __spreadValues({}, props));
 }
 DropdownMenu.Trigger = React.forwardRef(function DropdownMenuTrigger(_b, ref) {
   var props = __objRest(_b, []);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.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"
@@ -82,7 +83,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__ */ (0, import_jsx_runtime.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     DropdownMenuPrimitive.Content,
     __spreadValues({
       ref,
@@ -92,11 +93,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__ */ (0, import_jsx_runtime.jsx)(
     DropdownMenuPrimitive.Item,
     __spreadValues({
       onClick: (e) => {
@@ -113,7 +114,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__ */ (0, import_jsx_runtime.jsx)(
     DropdownMenuPrimitive.Separator,
     __spreadValues({
       ref,

package/dist/ui/ui-vamp/external-link.cjs

@@ -1,6 +1,8 @@
 "use strict";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
@@ -17,6 +19,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)
@@ -47,20 +50,22 @@ __export(external_link_exports, {
   ExternalLink: () => ExternalLink
 });
 module.exports = __toCommonJS(external_link_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_utils = require("../../lib/utils");
 function ExternalLink(_a) {
   var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "a",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       className: (0, import_utils.cn)(
         className,
         "hover:text-brandtext-500 hover:underline hover:brightness-150"
       ),
       rel: "noopener noreferrer",
       target: "_blank"
-    }, props),
-    children
+    }, props), {
+      children
+    })
   );
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/ui/ui-vamp/headline.cjs

@@ -21,8 +21,12 @@ __export(headline_exports, {
   Headline: () => Headline
 });
 module.exports = __toCommonJS(headline_exports);
+var import_jsx_runtime = require("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__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "text-brandtext-500 text-2xl font-bold tracking-wide", children: heading }),
+    text && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-brandtext-600", children: text })
+  ] }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/ui/ui-vamp/input.cjs

@@ -51,6 +51,7 @@ __export(input_exports, {
   Input: () => Input
 });
 module.exports = __toCommonJS(input_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_class_variance_authority = require("class-variance-authority");
 var import_react_hook_form = require("react-hook-form");
 var import_utils = require("../../lib/utils");
@@ -85,7 +86,7 @@ function Input(_a) {
     "isPending"
   ]);
   const { register } = (0, import_react_hook_form.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__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid gap-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative w-full", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "input",
     __spreadValues(__spreadProps(__spreadValues({
       id
@@ -94,7 +95,7 @@ function Input(_a) {
     })), {
       className: (0, import_utils.cn)(inputStyles({ intent }), className)
     }), props)
-  ))));
+  ) }) }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/ui/ui-vamp/keyvalue.cjs

@@ -35,9 +35,13 @@ __export(keyvalue_exports, {
   KeyValue: () => KeyValue
 });
 module.exports = __toCommonJS(keyvalue_exports);
+var import_jsx_runtime = require("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__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex w-full items-center justify-between text-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-brandtext-600 font-bold", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-brandtext-500 font-medium", children: value })
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/ui/ui-vamp/label.cjs

@@ -57,10 +57,11 @@ __export(label_exports, {
   Label: () => Label
 });
 module.exports = __toCommonJS(label_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
 function Label(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     LabelPrimitive.Root,
     __spreadValues({
       className: "text-brandtext-400 text-sm"

package/dist/ui/ui-vamp/mobile-nav-button.cjs

@@ -32,21 +32,22 @@ __export(mobile_nav_button_exports, {
   MobileNavButton: () => MobileNavButton
 });
 module.exports = __toCommonJS(mobile_nav_button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"), 1);
 var import_icons = require("../../icons/icons");
 var import_button = require("./button");
 function MobileNavButton() {
   const [showMobileMenu, setShowMobileMenu] = React.useState(false);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_button.Button,
     {
       intent: "tertiary",
       size: "small",
       className: "flex items-center space-x-2 px-2 md:hidden",
-      onClick: () => setShowMobileMenu(!showMobileMenu)
-    },
-    showMobileMenu ? /* @__PURE__ */ React.createElement(import_icons.Icons.close, null) : /* @__PURE__ */ React.createElement(import_icons.Icons.menu, { size: 24, color: "white" })
-  ));
+      onClick: () => setShowMobileMenu(!showMobileMenu),
+      children: showMobileMenu ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icons.close, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icons.menu, { size: 24, color: "white" })
+    }
+  ) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/ui/ui-vamp/modal.cjs

@@ -61,24 +61,25 @@ __export(modal_exports, {
   Modal: () => Modal
 });
 module.exports = __toCommonJS(modal_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var Dialog = __toESM(require("@radix-ui/react-dialog"), 1);
 var React = __toESM(require("react"), 1);
 var import_utils = require("../../lib/utils");
 function Modal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ React.createElement(Dialog.Root, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
       Dialog.Title,
       __spreadProps(__spreadValues({
         className: "text-default text-xl font-bold"
@@ -91,16 +92,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: (0, import_utils.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__ */ (0, import_jsx_runtime.jsxs)(Dialog.Portal, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dialog.Overlay, { className: "animate-in fade-in fixed inset-0 z-40 opacity-100 backdrop-blur-sm transition-opacity	" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "fixed inset-0 z-40 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        Dialog.Content,
+        __spreadValues({
+          ref,
+          className: (0, import_utils.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)
+      ) })
+    ] });
   }
 );
 // Annotate the CommonJS export names for ESM import in node:

package/dist/ui/ui-vamp/pagination.cjs

@@ -22,6 +22,7 @@ __export(pagination_exports, {
   Pagination: () => Pagination
 });
 module.exports = __toCommonJS(pagination_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_navigation = require("next/navigation");
 var import_react = require("react");
 var import_utils = require("../../lib/utils");
@@ -46,44 +47,65 @@ function Pagination({
     search || "",
     sort || ""
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "nav",
     {
       className: "border-raised-border bg-appbg flex items-center justify-between border-t px-0 py-3",
-      "aria-label": "Pagination"
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "block" }, /* @__PURE__ */ React.createElement("p", { className: "text-brandtext-600 text-sm" }, "Showing", " ", /* @__PURE__ */ React.createElement("span", { className: "font-medium" }, (page - 1) * pageSize + 1), " ", "to ", /* @__PURE__ */ React.createElement("span", { className: "font-medium" }, page * pageSize), " of", " ", itemCount, " results")),
-    /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-1 justify-end gap-4" }, " ", previousPage ? /* @__PURE__ */ React.createElement(
-      import_button.Button,
-      {
-        onClick: () => {
-          router.push(`${baseUrl}?${previousPageQueryString}`);
-          startTransition(() => {
-            router.refresh();
-          });
-        },
-        className: "inline-flex gap-2",
-        intent: "secondary",
-        size: "small"
-      },
-      isPending ? /* @__PURE__ */ React.createElement(import_icons.Icons.spinner, { className: "text-brandtext-600 size-4 animate-spin" }) : /* @__PURE__ */ React.createElement(import_icons.Icons.arrowLeft, { size: 16 }),
-      "Previous"
-    ) : null, page * pageSize < itemCount && /* @__PURE__ */ React.createElement(
-      import_button.Button,
-      {
-        onClick: () => {
-          router.push(`${baseUrl}?${nextPageQueryString}`);
-          startTransition(() => {
-            router.refresh();
-          });
-        },
-        className: "inline-flex gap-2",
-        intent: "secondary",
-        size: "small"
-      },
-      "Next",
-      isPending ? /* @__PURE__ */ React.createElement(import_icons.Icons.spinner, { className: "text-brandtext-600 size-4 animate-spin" }) : /* @__PURE__ */ React.createElement(import_icons.Icons.arrowRight, { size: 16 })
-    ))
+      "aria-label": "Pagination",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "block", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-brandtext-600 text-sm", children: [
+          "Showing",
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-medium", children: (page - 1) * pageSize + 1 }),
+          " ",
+          "to ",
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-medium", children: page * pageSize }),
+          " of",
+          " ",
+          itemCount,
+          " results"
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex w-full flex-1 justify-end gap-4", children: [
+          " ",
+          previousPage ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_button.Button,
+            {
+              onClick: () => {
+                router.push(`${baseUrl}?${previousPageQueryString}`);
+                startTransition(() => {
+                  router.refresh();
+                });
+              },
+              className: "inline-flex gap-2",
+              intent: "secondary",
+              size: "small",
+              children: [
+                isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icons.spinner, { className: "text-brandtext-600 size-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icons.arrowLeft, { size: 16 }),
+                "Previous"
+              ]
+            }
+          ) : null,
+          page * pageSize < itemCount && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_button.Button,
+            {
+              onClick: () => {
+                router.push(`${baseUrl}?${nextPageQueryString}`);
+                startTransition(() => {
+                  router.refresh();
+                });
+              },
+              className: "inline-flex gap-2",
+              intent: "secondary",
+              size: "small",
+              children: [
+                "Next",
+                isPending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icons.spinner, { className: "text-brandtext-600 size-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icons.arrowRight, { size: 16 })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
   );
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/ui/ui-vamp/scroll-area.cjs

@@ -60,12 +60,13 @@ __export(scroll_area_exports, {
   ScrollArea: () => ScrollArea
 });
 module.exports = __toCommonJS(scroll_area_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"), 1);
 var import_react = __toESM(require("react"), 1);
 var import_utils = require("../../lib/utils");
 function ScrollArea(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ScrollAreaPrimitive.Root,
     __spreadValues({
       className: (0, import_utils.cn)("overflow-hidden ", className)
@@ -74,7 +75,7 @@ function ScrollArea(_a) {
 }
 ScrollArea.Viewport = import_react.default.forwardRef(function Viewport(_c, ref) {
   var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ScrollAreaPrimitive.ScrollAreaViewport,
     __spreadProps(__spreadValues({
       className: "h-full w-full"
@@ -85,7 +86,7 @@ ScrollArea.Viewport = import_react.default.forwardRef(function Viewport(_c, ref)
 });
 ScrollArea.ScrollBar = import_react.default.forwardRef(function Scrollbar(_e, ref) {
   var _f = _e, { className } = _f, props = __objRest(_f, ["className"]);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ScrollAreaPrimitive.Scrollbar,
     __spreadProps(__spreadValues({
       className: (0, import_utils.cn)("flex w-3 select-none bg-slate-800 p-1", className)
@@ -96,7 +97,7 @@ ScrollArea.ScrollBar = import_react.default.forwardRef(function Scrollbar(_e, re
 });
 ScrollArea.Thumb = import_react.default.forwardRef(function Thumb(_g, ref) {
   var _h = _g, { className } = _h, props = __objRest(_h, ["className"]);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ScrollAreaPrimitive.Thumb,
     __spreadProps(__spreadValues({
       className: (0, import_utils.cn)("relative flex-1 rounded-lg bg-slate-700", className)