@gearbox-protocol/permissionless-ui 1.2.32 → 1.3.0

package/dist/cjs/components/index.js

@@ -16,49 +16,133 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var components_exports = {};
 module.exports = __toCommonJS(components_exports);
 __reExport(components_exports, require('./alert-dialog.js'), module.exports);
+__reExport(components_exports, require('./asset-line.js'), module.exports);
+__reExport(components_exports, require('./assets-list-cell.js'), module.exports);
+__reExport(components_exports, require('./assets-ratio.js'), module.exports);
 __reExport(components_exports, require('./auth/index.js'), module.exports);
 __reExport(components_exports, require('./badge.js'), module.exports);
+__reExport(components_exports, require('./base-link.js'), module.exports);
+__reExport(components_exports, require('./block-sync.js'), module.exports);
+__reExport(components_exports, require('./breadcrumbs.js'), module.exports);
 __reExport(components_exports, require('./buttons/index.js'), module.exports);
+__reExport(components_exports, require('./card-grid.js'), module.exports);
 __reExport(components_exports, require('./cards/index.js'), module.exports);
 __reExport(components_exports, require('./checkbox.js'), module.exports);
-__reExport(components_exports, require('./dialog.js'), module.exports);
-__reExport(components_exports, require('./dropdown-menu.js'), module.exports);
-__reExport(components_exports, require('./editable-table/index.js'), module.exports);
+__reExport(components_exports, require('./checkbox-item.js'), module.exports);
+__reExport(components_exports, require('./compound-apy.js'), module.exports);
+__reExport(components_exports, require('./credit-session-status.js'), module.exports);
+__reExport(components_exports, require('./description.js'), module.exports);
+__reExport(components_exports, require('./detailed-page-title.js'), module.exports);
+__reExport(components_exports, require('./dialog/index.js'), module.exports);
+__reExport(components_exports, require('./dropdown-menu/index.js'), module.exports);
+__reExport(components_exports, require('./error-message.js'), module.exports);
+__reExport(components_exports, require('./filter/index.js'), module.exports);
+__reExport(components_exports, require('./form/index.js'), module.exports);
+__reExport(components_exports, require('./graph/index.js'), module.exports);
+__reExport(components_exports, require('./guard.js'), module.exports);
+__reExport(components_exports, require('./health-factor.js'), module.exports);
+__reExport(components_exports, require('./help-center-container.js'), module.exports);
+__reExport(components_exports, require('./hide-on.js'), module.exports);
+__reExport(components_exports, require('./horizontal-indicator.js'), module.exports);
+__reExport(components_exports, require('./image.js'), module.exports);
 __reExport(components_exports, require('./input.js'), module.exports);
 __reExport(components_exports, require('./label.js'), module.exports);
 __reExport(components_exports, require('./layout/index.js'), module.exports);
+__reExport(components_exports, require('./liquidation/index.js'), module.exports);
+__reExport(components_exports, require('./loader-guard.js'), module.exports);
+__reExport(components_exports, require('./loading-guard.js'), module.exports);
 __reExport(components_exports, require('./markdown-viewer.js'), module.exports);
+__reExport(components_exports, require('./navbar.js'), module.exports);
+__reExport(components_exports, require('./navbar-indicator-context.js'), module.exports);
+__reExport(components_exports, require('./navitem.js'), module.exports);
+__reExport(components_exports, require('./not-found.js'), module.exports);
+__reExport(components_exports, require('./options-list.js'), module.exports);
+__reExport(components_exports, require('./page-title.js'), module.exports);
+__reExport(components_exports, require('./percent-indicator.js'), module.exports);
+__reExport(components_exports, require('./pool-points-indicator.js'), module.exports);
 __reExport(components_exports, require('./search-bar.js'), module.exports);
+__reExport(components_exports, require('./search-line.js'), module.exports);
 __reExport(components_exports, require('./select.js'), module.exports);
+__reExport(components_exports, require('./short-string.js'), module.exports);
 __reExport(components_exports, require('./signatures/index.js'), module.exports);
 __reExport(components_exports, require('./skeleton.js'), module.exports);
-__reExport(components_exports, require('./table.js'), module.exports);
+__reExport(components_exports, require('./stat-badge.js'), module.exports);
+__reExport(components_exports, require('./tab-control.js'), module.exports);
+__reExport(components_exports, require('./table/index.js'), module.exports);
 __reExport(components_exports, require('./tabs.js'), module.exports);
 __reExport(components_exports, require('./textarea.js'), module.exports);
+__reExport(components_exports, require('./theme-provider.js'), module.exports);
+__reExport(components_exports, require('./theme-toggle.js'), module.exports);
 __reExport(components_exports, require('./token-icon.js'), module.exports);
+__reExport(components_exports, require('./token-symbol.js'), module.exports);
 __reExport(components_exports, require('./tooltip.js'), module.exports);
+__reExport(components_exports, require('./typed-intl/index.js'), module.exports);
+__reExport(components_exports, require('./vspace.js'), module.exports);
+__reExport(components_exports, require('./with-filter-button.js'), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require('./alert-dialog.js'),
+  ...require('./asset-line.js'),
+  ...require('./assets-list-cell.js'),
+  ...require('./assets-ratio.js'),
   ...require('./auth/index.js'),
   ...require('./badge.js'),
+  ...require('./base-link.js'),
+  ...require('./block-sync.js'),
+  ...require('./breadcrumbs.js'),
   ...require('./buttons/index.js'),
+  ...require('./card-grid.js'),
   ...require('./cards/index.js'),
   ...require('./checkbox.js'),
-  ...require('./dialog.js'),
-  ...require('./dropdown-menu.js'),
-  ...require('./editable-table/index.js'),
+  ...require('./checkbox-item.js'),
+  ...require('./compound-apy.js'),
+  ...require('./credit-session-status.js'),
+  ...require('./description.js'),
+  ...require('./detailed-page-title.js'),
+  ...require('./dialog/index.js'),
+  ...require('./dropdown-menu/index.js'),
+  ...require('./error-message.js'),
+  ...require('./filter/index.js'),
+  ...require('./form/index.js'),
+  ...require('./graph/index.js'),
+  ...require('./guard.js'),
+  ...require('./health-factor.js'),
+  ...require('./help-center-container.js'),
+  ...require('./hide-on.js'),
+  ...require('./horizontal-indicator.js'),
+  ...require('./image.js'),
   ...require('./input.js'),
   ...require('./label.js'),
   ...require('./layout/index.js'),
+  ...require('./liquidation/index.js'),
+  ...require('./loader-guard.js'),
+  ...require('./loading-guard.js'),
   ...require('./markdown-viewer.js'),
+  ...require('./navbar.js'),
+  ...require('./navbar-indicator-context.js'),
+  ...require('./navitem.js'),
+  ...require('./not-found.js'),
+  ...require('./options-list.js'),
+  ...require('./page-title.js'),
+  ...require('./percent-indicator.js'),
+  ...require('./pool-points-indicator.js'),
   ...require('./search-bar.js'),
+  ...require('./search-line.js'),
   ...require('./select.js'),
+  ...require('./short-string.js'),
   ...require('./signatures/index.js'),
   ...require('./skeleton.js'),
-  ...require('./table.js'),
+  ...require('./stat-badge.js'),
+  ...require('./tab-control.js'),
+  ...require('./table/index.js'),
   ...require('./tabs.js'),
   ...require('./textarea.js'),
+  ...require('./theme-provider.js'),
+  ...require('./theme-toggle.js'),
   ...require('./token-icon.js'),
-  ...require('./tooltip.js')
+  ...require('./token-symbol.js'),
+  ...require('./tooltip.js'),
+  ...require('./typed-intl/index.js'),
+  ...require('./vspace.js'),
+  ...require('./with-filter-button.js')
 });

package/dist/cjs/components/input.js

@@ -28,42 +28,64 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var input_exports = {};
 __export(input_exports, {
-  Input: () => Input
+  Input: () => Input,
+  inputVariants: () => inputVariants
 });
 module.exports = __toCommonJS(input_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var React = __toESM(require("react"));
+var import_class_variance_authority = require("class-variance-authority");
 var import_utils = __toESM(require('../utils/index.js'));
-const InputInternal = React.forwardRef(({ className, type, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "input",
-    {
-      type,
-      className: (0, import_utils.default)(
-        "flex h-9 w-full rounded-md border border-input px-3 py-1 shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm bg-[rgb(40,40,40)] text-white border-[rgb(100,100,100)] focus:bg-[rgb(40,40,40)] active:bg-[rgb(40,40,40)] [&:not(:placeholder-shown)]:bg-[rgb(40,40,40)] autofill:bg-[rgb(40,40,40)] [-webkit-autofill]:bg-[rgb(40,40,40)] [&:-webkit-autofill]:shadow-[0_0_0_1000px_rgb(40,40,40)_inset] [&:-webkit-autofill]:[text-fill-color:rgb(255,255,255)]",
-        className
-      ),
-      ref,
-      ...props
+const inputVariants = (0, import_class_variance_authority.cva)(
+  "flex w-full rounded-md border border-input px-3 py-1 shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm bg-[rgb(40,40,40)] text-white border-[rgb(100,100,100)] focus:bg-[rgb(40,40,40)] active:bg-[rgb(40,40,40)] [&:not(:placeholder-shown)]:bg-[rgb(40,40,40)] autofill:bg-[rgb(40,40,40)] [-webkit-autofill]:bg-[rgb(40,40,40)] [&:-webkit-autofill]:shadow-[0_0_0_1000px_rgb(40,40,40)_inset] [&:-webkit-autofill]:[text-fill-color:rgb(255,255,255)]",
+  {
+    variants: {
+      size: {
+        sm: "h-8 text-xs px-2",
+        default: "h-9",
+        lg: "h-11 text-base px-4"
+      },
+      variant: {
+        default: "",
+        error: "border-red-500 focus-visible:ring-red-500",
+        success: "border-green-500 focus-visible:ring-green-500"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      variant: "default"
     }
-  );
-});
-InputInternal.displayName = "Input";
-function Input({ hasError, errorMessage, value, ...props }) {
+  }
+);
+function Input({
+  hasError,
+  errorMessage,
+  value,
+  size,
+  variant,
+  className,
+  ...props
+}) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col space-y-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      InputInternal,
+      "input",
       {
         ...props,
         value,
-        className: (0, import_utils.default)(hasError ? "border-red-500" : "", props.className),
+        className: (0, import_utils.default)(
+          inputVariants({
+            size,
+            variant: hasError ? "error" : variant,
+            className
+          })
+        ),
         onWheel: props.type === "number" ? (e) => e.currentTarget.blur() : void 0
       }
     ),
-    hasError && value !== "" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-red-500", children: errorMessage })
+    hasError && value !== "" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-red-500 text-sm", children: errorMessage })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Input
+  Input,
+  inputVariants
 });

package/dist/cjs/components/label.js

@@ -28,7 +28,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var label_exports = {};
 __export(label_exports, {
-  Label: () => Label
+  Label: () => Label,
+  labelVariants: () => labelVariants
 });
 module.exports = __toCommonJS(label_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -37,18 +38,41 @@ var import_class_variance_authority = require("class-variance-authority");
 var React = __toESM(require("react"));
 var import_utils = __toESM(require('../utils//index.js'));
 const labelVariants = (0, import_class_variance_authority.cva)(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+  "font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+  {
+    variants: {
+      size: {
+        sm: "text-sm",
+        default: "text-lg",
+        lg: "text-xl"
+      },
+      variant: {
+        default: "text-white",
+        muted: "text-muted-foreground",
+        error: "text-destructive",
+        success: "text-green-500"
+      },
+      required: {
+        true: "after:content-['*'] after:ml-0.5 after:text-destructive"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      variant: "default"
+    }
+  }
 );
-const Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const Label = React.forwardRef(({ className, size, variant, required, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   LabelPrimitive.Root,
   {
     ref,
-    className: (0, import_utils.default)(labelVariants(), "text-white text-lg", className),
+    className: (0, import_utils.default)(labelVariants({ size, variant, required, className })),
     ...props
   }
 ));
 Label.displayName = LabelPrimitive.Root.displayName;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Label
+  Label,
+  labelVariants
 });

package/dist/cjs/components/layout/app-logo.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,6 @@ 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 app_logo_exports = {};
 __export(app_logo_exports, {
@@ -32,8 +22,8 @@ __export(app_logo_exports, {
 });
 module.exports = __toCommonJS(app_logo_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_image = __toESM(require("next/image"));
-var import_utils = __toESM(require('../../utils/index.js'));
+var import_cn = require('../../utils/cn.js');
+var import_image = require('../image.js');
 function AppLogo({
   appName,
   size = "default"
@@ -41,22 +31,22 @@ function AppLogo({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
-      className: (0, import_utils.default)(
-        "font-bold text-foreground flex items-center gap-2",
+      className: (0, import_cn.cn)(
+        "text-foreground flex items-center gap-2",
         size === "default" ? "text-xl" : "text-md"
       ),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_image.default,
+          import_image.Image,
           {
             src: "https://static.gearbox.fi/logo/logo_monochrome_white@2x.png",
             alt: "Gearbox Protocol",
             width: size === "default" ? 120 : 100,
             height: size === "default" ? 24 : 20,
-            priority: true
+            loading: "eager"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-bold italic", children: appName })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground", children: appName })
       ]
     }
   );

package/dist/cjs/components/layout/col.js

@@ -0,0 +1,192 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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 col_exports = {};
+__export(col_exports, {
+  Col: () => Col
+});
+module.exports = __toCommonJS(col_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_cn = require('../../utils/cn.js');
+const COL_SPAN_CLASSES = {
+  1: "col-span-1",
+  2: "col-span-2",
+  3: "col-span-3",
+  4: "col-span-4",
+  5: "col-span-5",
+  6: "col-span-6",
+  7: "col-span-7",
+  8: "col-span-8",
+  9: "col-span-9",
+  10: "col-span-10",
+  11: "col-span-11",
+  12: "col-span-12",
+  full: "col-span-full",
+  auto: "col-auto"
+};
+const COL_SPAN_SM_CLASSES = {
+  1: "sm:col-span-1",
+  2: "sm:col-span-2",
+  3: "sm:col-span-3",
+  4: "sm:col-span-4",
+  5: "sm:col-span-5",
+  6: "sm:col-span-6",
+  7: "sm:col-span-7",
+  8: "sm:col-span-8",
+  9: "sm:col-span-9",
+  10: "sm:col-span-10",
+  11: "sm:col-span-11",
+  12: "sm:col-span-12",
+  full: "sm:col-span-full",
+  auto: "sm:col-auto"
+};
+const COL_SPAN_MD_CLASSES = {
+  1: "md:col-span-1",
+  2: "md:col-span-2",
+  3: "md:col-span-3",
+  4: "md:col-span-4",
+  5: "md:col-span-5",
+  6: "md:col-span-6",
+  7: "md:col-span-7",
+  8: "md:col-span-8",
+  9: "md:col-span-9",
+  10: "md:col-span-10",
+  11: "md:col-span-11",
+  12: "md:col-span-12",
+  full: "md:col-span-full",
+  auto: "md:col-auto"
+};
+const COL_SPAN_LG_CLASSES = {
+  1: "lg:col-span-1",
+  2: "lg:col-span-2",
+  3: "lg:col-span-3",
+  4: "lg:col-span-4",
+  5: "lg:col-span-5",
+  6: "lg:col-span-6",
+  7: "lg:col-span-7",
+  8: "lg:col-span-8",
+  9: "lg:col-span-9",
+  10: "lg:col-span-10",
+  11: "lg:col-span-11",
+  12: "lg:col-span-12",
+  full: "lg:col-span-full",
+  auto: "lg:col-auto"
+};
+const COL_SPAN_XL_CLASSES = {
+  1: "xl:col-span-1",
+  2: "xl:col-span-2",
+  3: "xl:col-span-3",
+  4: "xl:col-span-4",
+  5: "xl:col-span-5",
+  6: "xl:col-span-6",
+  7: "xl:col-span-7",
+  8: "xl:col-span-8",
+  9: "xl:col-span-9",
+  10: "xl:col-span-10",
+  11: "xl:col-span-11",
+  12: "xl:col-span-12",
+  full: "xl:col-span-full",
+  auto: "xl:col-auto"
+};
+const getColSpanClass = (span, breakpoint) => {
+  if (!span) return "";
+  if (breakpoint === "sm") return COL_SPAN_SM_CLASSES[span] || "";
+  if (breakpoint === "md") return COL_SPAN_MD_CLASSES[span] || "";
+  if (breakpoint === "lg") return COL_SPAN_LG_CLASSES[span] || "";
+  if (breakpoint === "xl") return COL_SPAN_XL_CLASSES[span] || "";
+  return COL_SPAN_CLASSES[span] || "";
+};
+const COL_START_CLASSES = {
+  1: "col-start-1",
+  2: "col-start-2",
+  3: "col-start-3",
+  4: "col-start-4",
+  5: "col-start-5",
+  6: "col-start-6",
+  7: "col-start-7",
+  8: "col-start-8",
+  9: "col-start-9",
+  10: "col-start-10",
+  11: "col-start-11",
+  12: "col-start-12",
+  13: "col-start-13",
+  auto: "col-start-auto"
+};
+const ORDER_CLASSES = {
+  1: "order-1",
+  2: "order-2",
+  3: "order-3",
+  4: "order-4",
+  5: "order-5",
+  6: "order-6",
+  7: "order-7",
+  8: "order-8",
+  9: "order-9",
+  10: "order-10",
+  11: "order-11",
+  12: "order-12",
+  first: "order-first",
+  last: "order-last",
+  none: "order-none"
+};
+const getColStartClass = (start) => {
+  if (!start) return "";
+  return COL_START_CLASSES[start] || "";
+};
+const getOrderClass = (order) => {
+  if (!order) return "";
+  return ORDER_CLASSES[order] || "";
+};
+const Col = import_react.default.forwardRef(
+  ({ span = 12, sm, md, lg, xl, start, order, className, children, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref,
+        className: (0, import_cn.cn)(
+          getColSpanClass(span),
+          getColSpanClass(sm, "sm"),
+          getColSpanClass(md, "md"),
+          getColSpanClass(lg, "lg"),
+          getColSpanClass(xl, "xl"),
+          getColStartClass(start),
+          getOrderClass(order),
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Col.displayName = "Col";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Col
+});

package/dist/cjs/components/layout/container.js

@@ -0,0 +1,75 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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 container_exports = {};
+__export(container_exports, {
+  Container: () => Container
+});
+module.exports = __toCommonJS(container_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_cn = require('../../utils/cn.js');
+const maxWidthClasses = {
+  sm: "max-w-screen-sm",
+  md: "max-w-screen-md",
+  lg: "max-w-screen-lg",
+  xl: "max-w-screen-xl",
+  "2xl": "max-w-screen-2xl",
+  full: "max-w-full"
+};
+const Container = import_react.default.forwardRef(
+  ({
+    maxWidth = "xl",
+    padding = true,
+    center = true,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref,
+        className: (0, import_cn.cn)(
+          "w-full",
+          maxWidthClasses[maxWidth],
+          center && "mx-auto",
+          padding && "px-4 sm:px-6 lg:px-8",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Container.displayName = "Container";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Container
+});