@gearbox-protocol/permissionless-ui 1.2.32 → 1.3.0

package/dist/cjs/components/breadcrumbs.js

@@ -0,0 +1,77 @@
+"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 breadcrumbs_exports = {};
+__export(breadcrumbs_exports, {
+  BreadCrumbs: () => BreadCrumbs
+});
+module.exports = __toCommonJS(breadcrumbs_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_react_router_dom = require("react-router-dom");
+var import_utils = __toESM(require('../utils/index.js'));
+function BreadCrumbs({
+  items,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "nav",
+    {
+      "aria-label": "breadcrumb",
+      className: (0, import_utils.default)("flex items-center gap-2", className),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: "flex items-center gap-2 flex-wrap", children: items.map((item, index) => {
+        const isLast = index === items.length - 1;
+        const key = item.href || `${item.label}-${index}`;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "flex items-center gap-2", children: [
+          item.href && !isLast ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_react_router_dom.Link,
+            {
+              to: item.href,
+              className: "text-sm text-muted-foreground hover:text-foreground transition-colors",
+              children: item.label
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "span",
+            {
+              className: (0, import_utils.default)(
+                "text-sm",
+                isLast ? "text-foreground font-medium" : "text-muted-foreground"
+              ),
+              children: item.label
+            }
+          ),
+          !isLast && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronRight, { className: "h-4 w-4 text-muted-foreground" })
+        ] }, key);
+      }) })
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BreadCrumbs
+});

package/dist/cjs/components/buttons/back-button.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,38 +15,57 @@ 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 back_button_exports = {};
 __export(back_button_exports, {
-  BackButton: () => BackButton
+  BackButton: () => BackButton,
+  backButtonVariants: () => backButtonVariants
 });
 module.exports = __toCommonJS(back_button_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_class_variance_authority = require("class-variance-authority");
 var import_lucide_react = require("lucide-react");
-var import_link = __toESM(require("next/link"));
 var import_utils = require('../../utils/index.js');
+const backButtonVariants = (0, import_class_variance_authority.cva)("flex items-center transition-colors", {
+  variants: {
+    variant: {
+      default: "text-muted-foreground hover:text-foreground",
+      primary: "text-primary hover:text-primary/80",
+      ghost: "text-foreground/60 hover:text-foreground"
+    },
+    size: {
+      sm: "text-xs mb-4",
+      default: "text-sm mb-6",
+      lg: "text-base mb-8"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function DefaultLink({
+  href,
+  className,
+  onClick,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href, className, onClick, children });
+}
 function BackButton({
   href,
   text,
   onClick,
-  className
+  className,
+  variant,
+  size,
+  LinkComponent = DefaultLink
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_link.default,
+    LinkComponent,
     {
       href,
-      className: (0, import_utils.cn)(
-        "flex items-center text-sm text-muted-foreground hover:text-foreground mb-6",
-        className
-      ),
+      className: (0, import_utils.cn)(backButtonVariants({ variant, size, className })),
       onClick,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowLeft, { className: "mr-2 h-4 w-4" }),
@@ -59,5 +76,6 @@ function BackButton({
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  BackButton
+  BackButton,
+  backButtonVariants
 });

package/dist/cjs/components/buttons/button.js

@@ -38,21 +38,21 @@ var import_class_variance_authority = require("class-variance-authority");
 var React = __toESM(require("react"));
 var import_utils = __toESM(require('../../utils/index.js'));
 const buttonVariants = (0, import_class_variance_authority.cva)(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-transparent",
   {
     variants: {
       variant: {
         default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
         destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        outline: "border-border bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
         secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline",
         text: "text-muted-foreground hover:text-white",
         pink: "bg-pink-700 hover:bg-pink-600 disabled:bg-pink-700 text-white",
-        "pink-outline": "border border-pink-700 hover:border-pink-600 disabled:border-pink-700 text-white",
+        "pink-outline": "border-pink-700 hover:border-pink-600 disabled:border-pink-700 text-white",
         blue: "bg-blue-800 hover:bg-blue-700 disabled:bg-blue-700 text-white",
-        "blue-outline": "border border-blue-800 hover:border-blue-700 disabled:border-blue-800 text-white"
+        "blue-outline": "border-blue-800 hover:border-blue-700 disabled:border-blue-800 text-white"
       },
       size: {
         auto: "h-auto p-0",

package/dist/cjs/components/buttons/filter-button.js

@@ -0,0 +1,68 @@
+"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 filter_button_exports = {};
+__export(filter_button_exports, {
+  FilterButton: () => FilterButton
+});
+module.exports = __toCommonJS(filter_button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var React = __toESM(require("react"));
+var import_button = require('./button.js');
+const FilterButton = React.forwardRef(
+  ({
+    className,
+    label = "Filter",
+    showIcon = true,
+    variant = "outline",
+    size = "default",
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_button.Button,
+      {
+        ref,
+        variant,
+        size,
+        className,
+        ...props,
+        children: [
+          showIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Filter, { className: "h-4 w-4" }),
+          children || label
+        ]
+      }
+    );
+  }
+);
+FilterButton.displayName = "FilterButton";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FilterButton
+});

package/dist/cjs/components/buttons/index.js

@@ -19,7 +19,9 @@ __reExport(buttons_exports, require('./back-button.js'), module.exports);
 __reExport(buttons_exports, require('./button.js'), module.exports);
 __reExport(buttons_exports, require('./copy-button.js'), module.exports);
 __reExport(buttons_exports, require('./external-button.js'), module.exports);
+__reExport(buttons_exports, require('./filter-button.js'), module.exports);
 __reExport(buttons_exports, require('./navigation-button.js'), module.exports);
+__reExport(buttons_exports, require('./range-buttons.js'), module.exports);
 __reExport(buttons_exports, require('./tab-button.js'), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -27,6 +29,8 @@ __reExport(buttons_exports, require('./tab-button.js'), module.exports);
   ...require('./button.js'),
   ...require('./copy-button.js'),
   ...require('./external-button.js'),
+  ...require('./filter-button.js'),
   ...require('./navigation-button.js'),
+  ...require('./range-buttons.js'),
   ...require('./tab-button.js')
 });

package/dist/cjs/components/buttons/range-buttons.js

@@ -0,0 +1,63 @@
+"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 range_buttons_exports = {};
+__export(range_buttons_exports, {
+  RangeButtons: () => RangeButtons
+});
+module.exports = __toCommonJS(range_buttons_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_utils = __toESM(require('../../utils/index.js'));
+function RangeButtons({
+  range,
+  rangeList,
+  setRange,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_utils.default)("flex flex-row flex-nowrap", className), children: rangeList.map((r, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      onClick: () => setRange(r.value),
+      className: (0, import_utils.default)(
+        "px-2.5 py-1.5 flex min-w-[44px] min-h-[26px] justify-center items-center",
+        "text-xs leading-[14px] font-medium text-center",
+        "rounded-md border cursor-pointer transition-colors",
+        "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+        r.value === range ? "bg-secondary border-secondary text-secondary-foreground" : "bg-muted border-muted text-muted-foreground hover:border-secondary",
+        index < rangeList.length - 1 && "mr-1.5"
+      ),
+      children: r.label
+    },
+    String(r.value)
+  )) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RangeButtons
+});

package/dist/cjs/components/card-grid.js

@@ -0,0 +1,127 @@
+"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 card_grid_exports = {};
+__export(card_grid_exports, {
+  CardGrid: () => CardGrid,
+  cardGridVariants: () => cardGridVariants
+});
+module.exports = __toCommonJS(card_grid_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_class_variance_authority = require("class-variance-authority");
+var React = __toESM(require("react"));
+var import_utils = __toESM(require('../utils/index.js'));
+const cardGridVariants = (0, import_class_variance_authority.cva)("grid w-full", {
+  variants: {
+    columns: {
+      1: "grid-cols-1",
+      2: "grid-cols-2",
+      3: "grid-cols-3",
+      4: "grid-cols-4",
+      5: "grid-cols-5",
+      6: "grid-cols-6"
+    },
+    columnsLg: {
+      1: "lg:grid-cols-1",
+      2: "lg:grid-cols-2",
+      3: "lg:grid-cols-3",
+      4: "lg:grid-cols-4",
+      5: "lg:grid-cols-5",
+      6: "lg:grid-cols-6"
+    },
+    columnsMd: {
+      1: "md:grid-cols-1",
+      2: "md:grid-cols-2",
+      3: "md:grid-cols-3",
+      4: "md:grid-cols-4",
+      5: "md:grid-cols-5",
+      6: "md:grid-cols-6"
+    },
+    columnsSm: {
+      1: "sm:grid-cols-1",
+      2: "sm:grid-cols-2",
+      3: "sm:grid-cols-3",
+      4: "sm:grid-cols-4",
+      5: "sm:grid-cols-5",
+      6: "sm:grid-cols-6"
+    },
+    gap: {
+      none: "gap-0",
+      sm: "gap-2",
+      md: "gap-4",
+      lg: "gap-6",
+      xl: "gap-8"
+    },
+    justifyItemContent: {
+      start: "justify-items-start",
+      center: "justify-items-center",
+      end: "justify-items-end",
+      stretch: "justify-items-stretch"
+    }
+  },
+  defaultVariants: {
+    columns: 1,
+    gap: "md",
+    justifyItemContent: "stretch"
+  }
+});
+const CardGrid = React.forwardRef(
+  ({
+    className,
+    columns,
+    columnsLg,
+    columnsMd,
+    columnsSm,
+    gap,
+    justifyItemContent,
+    ...props
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ref,
+      className: (0, import_utils.default)(
+        cardGridVariants({
+          columns,
+          columnsLg,
+          columnsMd,
+          columnsSm,
+          gap,
+          justifyItemContent,
+          className
+        })
+      ),
+      ...props
+    }
+  )
+);
+CardGrid.displayName = "CardGrid";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CardGrid,
+  cardGridVariants
+});

package/dist/cjs/components/card.js

@@ -0,0 +1,176 @@
+"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 card_exports = {};
+__export(card_exports, {
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  cardContentVariants: () => cardContentVariants,
+  cardFooterVariants: () => cardFooterVariants,
+  cardHeaderVariants: () => cardHeaderVariants,
+  cardVariants: () => cardVariants
+});
+module.exports = __toCommonJS(card_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_class_variance_authority = require("class-variance-authority");
+var React = __toESM(require("react"));
+var import_utils = __toESM(require('../utils/index.js'));
+const cardVariants = (0, import_class_variance_authority.cva)("rounded-xl bg-card text-card-foreground", {
+  variants: {
+    variant: {
+      default: "border shadow",
+      elevated: "shadow-lg",
+      outlined: "border-2",
+      ghost: "border-0 shadow-none"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+const Card = React.forwardRef(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ref,
+      className: (0, import_utils.default)(cardVariants({ variant, className })),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+const cardHeaderVariants = (0, import_class_variance_authority.cva)("flex flex-col space-y-1.5", {
+  variants: {
+    padding: {
+      none: "p-0",
+      sm: "p-4",
+      default: "p-6",
+      lg: "p-8"
+    }
+  },
+  defaultVariants: {
+    padding: "default"
+  }
+});
+const CardHeader = React.forwardRef(
+  ({ className, padding, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ref,
+      className: (0, import_utils.default)(cardHeaderVariants({ padding, className })),
+      ...props
+    }
+  )
+);
+CardHeader.displayName = "CardHeader";
+const CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    ref,
+    className: (0, import_utils.default)(
+      "font-semibold leading-none tracking-tight text-2xl",
+      className
+    ),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+const CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    ref,
+    className: (0, import_utils.default)("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+const cardContentVariants = (0, import_class_variance_authority.cva)("", {
+  variants: {
+    padding: {
+      none: "p-0",
+      sm: "p-4 pt-0",
+      default: "p-6 pt-0",
+      lg: "p-8 pt-0"
+    }
+  },
+  defaultVariants: {
+    padding: "default"
+  }
+});
+const CardContent = React.forwardRef(
+  ({ className, padding, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ref,
+      className: (0, import_utils.default)(cardContentVariants({ padding, className })),
+      ...props
+    }
+  )
+);
+CardContent.displayName = "CardContent";
+const cardFooterVariants = (0, import_class_variance_authority.cva)("flex items-center", {
+  variants: {
+    padding: {
+      none: "p-0",
+      sm: "p-4 pt-0",
+      default: "p-6 pt-0",
+      lg: "p-8 pt-0"
+    }
+  },
+  defaultVariants: {
+    padding: "default"
+  }
+});
+const CardFooter = React.forwardRef(
+  ({ className, padding, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ref,
+      className: (0, import_utils.default)(cardFooterVariants({ padding, className })),
+      ...props
+    }
+  )
+);
+CardFooter.displayName = "CardFooter";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  cardContentVariants,
+  cardFooterVariants,
+  cardHeaderVariants,
+  cardVariants
+});