@nestledjs/data-browser 0.1.7 → 0.1.8

package/lib/components/shared/AdminBreadcrumbs.js

@@ -1,103 +1,62 @@
-import { jsxDEV as s } from "react/jsx-dev-runtime";
-import { Link as n } from "react-router";
-import { HomeIcon as o, ChevronRightIcon as u } from "@heroicons/react/24/outline";
-function x({
-  items: r,
-  showHome: t = !0,
-  homeHref: l = "/admin",
-  className: m = ""
+import React from "react";
+import { Link } from "react-router";
+import { HomeIcon, ChevronRightIcon } from "@heroicons/react/24/outline";
+var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx";
+function AdminBreadcrumbs({
+  items,
+  showHome = true,
+  homeHref = "/admin",
+  className = ""
 }) {
-  const i = () => t ? /* @__PURE__ */ s("li", { className: "flex items-center", children: /* @__PURE__ */ s(
-    n,
-    {
-      to: l,
-      className: "text-gray-400 hover:text-gray-500",
-      "aria-label": "Home",
-      children: /* @__PURE__ */ s(o, { className: "h-5 w-5 flex-shrink-0" }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
-        lineNumber: 36,
-        columnNumber: 11
-      }, this)
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
+  const renderHomeLink = () => {
+    if (!showHome) return null;
+    return /* @__PURE__ */ React.createElement("li", { key: "home", className: "flex items-center", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 30,
+      columnNumber: 7
+    } }, /* @__PURE__ */ React.createElement(Link, { to: homeHref, className: "text-gray-400 hover:text-gray-500", "aria-label": "Home", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 31,
       columnNumber: 9
-    },
-    this
-  ) }, "home", !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
-    lineNumber: 30,
-    columnNumber: 7
-  }, this) : null, d = (e, a, b) => {
-    const c = e.href && !e.isActive ? /* @__PURE__ */ s(
-      n,
-      {
-        to: e.href,
-        className: "text-sm font-medium text-gray-500 hover:text-gray-700",
-        children: e.label
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
-        lineNumber: 44,
-        columnNumber: 7
-      },
-      this
-    ) : /* @__PURE__ */ s(
-      "span",
-      {
-        className: `text-sm font-medium ${e.isActive ? "text-gray-900" : "text-gray-500"}`,
-        children: e.label
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
-        lineNumber: 51,
-        columnNumber: 7
-      },
-      this
-    );
-    return /* @__PURE__ */ s("li", { className: "flex items-center", children: [
-      (t || a > 0) && /* @__PURE__ */ s(
-        u,
-        {
-          className: "h-5 w-5 flex-shrink-0 text-gray-400 mr-4",
-          "aria-hidden": "true"
-        },
-        void 0,
-        !1,
-        {
-          fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
-          lineNumber: 63,
-          columnNumber: 11
-        },
-        this
-      ),
-      c
-    ] }, e.id, !0, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
+    } }, /* @__PURE__ */ React.createElement(HomeIcon, { className: "h-5 w-5 flex-shrink-0", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 11
+    } })));
+  };
+  const renderBreadcrumbItem = (item, index, isLast) => {
+    const content = item.href && !item.isActive ? /* @__PURE__ */ React.createElement(Link, { to: item.href, className: "text-sm font-medium text-gray-500 hover:text-gray-700", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 44,
+      columnNumber: 7
+    } }, item.label) : /* @__PURE__ */ React.createElement("span", { className: `text-sm font-medium ${item.isActive ? "text-gray-900" : "text-gray-500"}`, __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 51,
+      columnNumber: 7
+    } }, item.label);
+    return /* @__PURE__ */ React.createElement("li", { key: item.id, className: "flex items-center", __self: this, __source: {
+      fileName: _jsxFileName,
       lineNumber: 61,
       columnNumber: 7
-    }, this);
+    } }, (showHome || index > 0) && /* @__PURE__ */ React.createElement(ChevronRightIcon, { className: "h-5 w-5 flex-shrink-0 text-gray-400 mr-4", "aria-hidden": "true", __self: this, __source: {
+      fileName: _jsxFileName,
+      lineNumber: 63,
+      columnNumber: 11
+    } }), content);
   };
-  return /* @__PURE__ */ s("nav", { className: `flex ${m}`, "aria-label": "Breadcrumb", children: /* @__PURE__ */ s("ol", { className: "flex items-center space-x-4", children: [
-    i(),
-    r.map((e, a) => (r.length - 1, d(e, a)))
-  ] }, void 0, !0, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
-    lineNumber: 79,
-    columnNumber: 7
-  }, this) }, void 0, !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminBreadcrumbs.tsx",
+  return /* @__PURE__ */ React.createElement("nav", { className: `flex ${className}`, "aria-label": "Breadcrumb", __self: this, __source: {
+    fileName: _jsxFileName,
     lineNumber: 78,
     columnNumber: 5
-  }, this);
+  } }, /* @__PURE__ */ React.createElement("ol", { className: "flex items-center space-x-4", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 79,
+    columnNumber: 7
+  } }, renderHomeLink(), items.map((item, index) => {
+    index === items.length - 1;
+    return renderBreadcrumbItem(item, index);
+  })));
 }
 export {
-  x as AdminBreadcrumbs
+  AdminBreadcrumbs
 };

package/lib/components/shared/AdminErrorStates.js

@@ -1,214 +1,167 @@
-import { jsxDEV as e } from "react/jsx-dev-runtime";
-import { XCircleIcon as m, ExclamationCircleIcon as c, ExclamationTriangleIcon as u } from "@heroicons/react/24/outline";
-const b = (l) => ({
-  warning: {
-    icon: u,
-    bgColor: "bg-yellow-50",
-    borderColor: "border-yellow-200",
-    iconColor: "text-yellow-400",
-    titleColor: "text-yellow-800",
-    messageColor: "text-yellow-700",
-    buttonColor: "bg-yellow-100 text-yellow-800 hover:bg-yellow-200"
-  },
-  error: {
-    icon: c,
-    bgColor: "bg-red-50",
-    borderColor: "border-red-200",
-    iconColor: "text-red-400",
-    titleColor: "text-red-800",
-    messageColor: "text-red-700",
-    buttonColor: "bg-red-100 text-red-800 hover:bg-red-200"
-  },
-  critical: {
-    icon: m,
-    bgColor: "bg-red-100",
-    borderColor: "border-red-300",
-    iconColor: "text-red-500",
-    titleColor: "text-red-900",
-    messageColor: "text-red-800",
-    buttonColor: "bg-red-200 text-red-900 hover:bg-red-300"
-  }
-})[l];
-function f({
-  title: l,
-  message: t,
-  severity: i = "error",
-  onRetry: s,
-  onDismiss: n,
-  className: o = "",
-  showIcon: a = !0
+import React from "react";
+import { XCircleIcon, ExclamationCircleIcon, ExclamationTriangleIcon } from "@heroicons/react/24/outline";
+var _jsxFileName = "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx";
+const getSeverityConfig = (severity) => {
+  const configs = {
+    warning: {
+      icon: ExclamationTriangleIcon,
+      bgColor: "bg-yellow-50",
+      borderColor: "border-yellow-200",
+      iconColor: "text-yellow-400",
+      titleColor: "text-yellow-800",
+      messageColor: "text-yellow-700",
+      buttonColor: "bg-yellow-100 text-yellow-800 hover:bg-yellow-200"
+    },
+    error: {
+      icon: ExclamationCircleIcon,
+      bgColor: "bg-red-50",
+      borderColor: "border-red-200",
+      iconColor: "text-red-400",
+      titleColor: "text-red-800",
+      messageColor: "text-red-700",
+      buttonColor: "bg-red-100 text-red-800 hover:bg-red-200"
+    },
+    critical: {
+      icon: XCircleIcon,
+      bgColor: "bg-red-100",
+      borderColor: "border-red-300",
+      iconColor: "text-red-500",
+      titleColor: "text-red-900",
+      messageColor: "text-red-800",
+      buttonColor: "bg-red-200 text-red-900 hover:bg-red-300"
+    }
+  };
+  return configs[severity];
+};
+function AdminErrorState({
+  title,
+  message,
+  severity = "error",
+  onRetry,
+  onDismiss,
+  className = "",
+  showIcon = true
 }) {
-  const r = b(i), d = r.icon;
-  return /* @__PURE__ */ e("div", { className: `rounded-md border p-4 ${r.bgColor} ${r.borderColor} ${o}`, children: /* @__PURE__ */ e("div", { className: "flex", children: [
-    a && /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(d, { className: `h-5 w-5 ${r.iconColor}`, "aria-hidden": "true" }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-      lineNumber: 82,
-      columnNumber: 13
-    }, this) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-      lineNumber: 81,
-      columnNumber: 11
-    }, this),
-    /* @__PURE__ */ e("div", { className: a ? "ml-3" : "", children: [
-      /* @__PURE__ */ e("h3", { className: `text-sm font-medium ${r.titleColor}`, children: l }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-        lineNumber: 86,
-        columnNumber: 11
-      }, this),
-      t && /* @__PURE__ */ e("div", { className: `mt-2 text-sm ${r.messageColor}`, children: /* @__PURE__ */ e("p", { children: t }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-        lineNumber: 91,
-        columnNumber: 15
-      }, this) }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-        lineNumber: 90,
-        columnNumber: 13
-      }, this),
-      (s || n) && /* @__PURE__ */ e("div", { className: "mt-4", children: /* @__PURE__ */ e("div", { className: "-mx-2 -my-1.5 flex", children: [
-        s && /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            onClick: s,
-            className: `rounded-md px-2 py-1.5 text-sm font-medium ${r.buttonColor} focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500`,
-            children: "Try Again"
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-            lineNumber: 98,
-            columnNumber: 19
-          },
-          this
-        ),
-        n && /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            onClick: n,
-            className: `ml-3 rounded-md px-2 py-1.5 text-sm font-medium ${r.buttonColor} focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500`,
-            children: "Dismiss"
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-            lineNumber: 107,
-            columnNumber: 19
-          },
-          this
-        )
-      ] }, void 0, !0, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-        lineNumber: 96,
-        columnNumber: 15
-      }, this) }, void 0, !1, {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-        lineNumber: 95,
-        columnNumber: 13
-      }, this)
-    ] }, void 0, !0, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-      lineNumber: 85,
-      columnNumber: 9
-    }, this)
-  ] }, void 0, !0, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-    lineNumber: 79,
-    columnNumber: 7
-  }, this) }, void 0, !1, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+  const config = getSeverityConfig(severity);
+  const IconComponent = config.icon;
+  return /* @__PURE__ */ React.createElement("div", { className: `rounded-md border p-4 ${config.bgColor} ${config.borderColor} ${className}`, __self: this, __source: {
+    fileName: _jsxFileName,
     lineNumber: 78,
     columnNumber: 5
-  }, this);
+  } }, /* @__PURE__ */ React.createElement("div", { className: "flex", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 79,
+    columnNumber: 7
+  } }, showIcon && /* @__PURE__ */ React.createElement("div", { className: "flex-shrink-0", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 81,
+    columnNumber: 11
+  } }, /* @__PURE__ */ React.createElement(IconComponent, { className: `h-5 w-5 ${config.iconColor}`, "aria-hidden": "true", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 82,
+    columnNumber: 13
+  } })), /* @__PURE__ */ React.createElement("div", { className: showIcon ? "ml-3" : "", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 85,
+    columnNumber: 9
+  } }, /* @__PURE__ */ React.createElement("h3", { className: `text-sm font-medium ${config.titleColor}`, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 86,
+    columnNumber: 11
+  } }, title), message && /* @__PURE__ */ React.createElement("div", { className: `mt-2 text-sm ${config.messageColor}`, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 90,
+    columnNumber: 13
+  } }, /* @__PURE__ */ React.createElement("p", { __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 91,
+    columnNumber: 15
+  } }, message)), (onRetry || onDismiss) && /* @__PURE__ */ React.createElement("div", { className: "mt-4", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 95,
+    columnNumber: 13
+  } }, /* @__PURE__ */ React.createElement("div", { className: "-mx-2 -my-1.5 flex", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 96,
+    columnNumber: 15
+  } }, onRetry && /* @__PURE__ */ React.createElement("button", { type: "button", onClick: onRetry, className: `rounded-md px-2 py-1.5 text-sm font-medium ${config.buttonColor} focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500`, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 98,
+    columnNumber: 19
+  } }, "Try Again"), onDismiss && /* @__PURE__ */ React.createElement("button", { type: "button", onClick: onDismiss, className: `ml-3 rounded-md px-2 py-1.5 text-sm font-medium ${config.buttonColor} focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500`, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 107,
+    columnNumber: 19
+  } }, "Dismiss"))))));
 }
-function x({
-  title: l,
-  message: t,
-  actionLabel: i,
-  onAction: s,
-  className: n = "",
-  icon: o
+function AdminEmptyState({
+  title,
+  message,
+  actionLabel,
+  onAction,
+  className = "",
+  icon: IconComponent
 }) {
-  return /* @__PURE__ */ e("div", { className: `text-center ${n}`, children: [
-    o && /* @__PURE__ */ e(o, { className: "mx-auto h-12 w-12 text-gray-400" }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-      lineNumber: 135,
-      columnNumber: 9
-    }, this),
-    /* @__PURE__ */ e("h3", { className: "mt-2 text-sm font-medium text-gray-900", children: l }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-      lineNumber: 137,
-      columnNumber: 7
-    }, this),
-    t && /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: t }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-      lineNumber: 139,
-      columnNumber: 9
-    }, this),
-    i && s && /* @__PURE__ */ e("div", { className: "mt-6", children: /* @__PURE__ */ e(
-      "button",
-      {
-        type: "button",
-        onClick: s,
-        className: "inline-flex items-center rounded-md bg-green-web px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-green-web-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-green-web",
-        children: i
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-        lineNumber: 143,
-        columnNumber: 11
-      },
-      this
-    ) }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-      lineNumber: 142,
-      columnNumber: 9
-    }, this)
-  ] }, void 0, !0, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+  return /* @__PURE__ */ React.createElement("div", { className: `text-center ${className}`, __self: this, __source: {
+    fileName: _jsxFileName,
     lineNumber: 133,
     columnNumber: 5
-  }, this);
+  } }, IconComponent && /* @__PURE__ */ React.createElement(IconComponent, { className: "mx-auto h-12 w-12 text-gray-400", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 135,
+    columnNumber: 9
+  } }), /* @__PURE__ */ React.createElement("h3", { className: "mt-2 text-sm font-medium text-gray-900", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 137,
+    columnNumber: 7
+  } }, title), message && /* @__PURE__ */ React.createElement("p", { className: "mt-1 text-sm text-gray-500", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 139,
+    columnNumber: 9
+  } }, message), actionLabel && onAction && /* @__PURE__ */ React.createElement("div", { className: "mt-6", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 142,
+    columnNumber: 9
+  } }, /* @__PURE__ */ React.createElement("button", { type: "button", onClick: onAction, className: "inline-flex items-center rounded-md bg-green-web px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-green-web-800 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-green-web", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 143,
+    columnNumber: 11
+  } }, actionLabel)));
 }
-function p({
-  title: l = "Loading...",
-  message: t,
-  className: i = "",
-  size: s = "medium"
+function AdminLoadingState({
+  title = "Loading...",
+  message,
+  className = "",
+  size = "medium"
 }) {
-  const n = () => ({
-    small: "h-4 w-4",
-    medium: "h-8 w-8",
-    large: "h-12 w-12"
-  })[s];
-  return /* @__PURE__ */ e("div", { className: `flex flex-col items-center justify-center p-8 ${i}`, children: [
-    /* @__PURE__ */ e("div", { className: `animate-spin rounded-full border-b-2 border-green-web ${n()}` }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-      lineNumber: 173,
-      columnNumber: 7
-    }, this),
-    /* @__PURE__ */ e("h3", { className: "mt-4 text-sm font-medium text-gray-900", children: l }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-      lineNumber: 174,
-      columnNumber: 7
-    }, this),
-    t && /* @__PURE__ */ e("p", { className: "mt-1 text-sm text-gray-500", children: t }, void 0, !1, {
-      fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
-      lineNumber: 176,
-      columnNumber: 9
-    }, this)
-  ] }, void 0, !0, {
-    fileName: "/Users/justinhandley/IdeaProjects/nestled_template/libs/admin-data/src/lib/components/shared/AdminErrorStates.tsx",
+  const getSizeClasses = () => {
+    const sizes = {
+      small: "h-4 w-4",
+      medium: "h-8 w-8",
+      large: "h-12 w-12"
+    };
+    return sizes[size];
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: `flex flex-col items-center justify-center p-8 ${className}`, __self: this, __source: {
+    fileName: _jsxFileName,
     lineNumber: 172,
     columnNumber: 5
-  }, this);
+  } }, /* @__PURE__ */ React.createElement("div", { className: `animate-spin rounded-full border-b-2 border-green-web ${getSizeClasses()}`, __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 173,
+    columnNumber: 7
+  } }), /* @__PURE__ */ React.createElement("h3", { className: "mt-4 text-sm font-medium text-gray-900", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 174,
+    columnNumber: 7
+  } }, title), message && /* @__PURE__ */ React.createElement("p", { className: "mt-1 text-sm text-gray-500", __self: this, __source: {
+    fileName: _jsxFileName,
+    lineNumber: 176,
+    columnNumber: 9
+  } }, message));
 }
 export {
-  x as AdminEmptyState,
-  f as AdminErrorState,
-  p as AdminLoadingState
+  AdminEmptyState,
+  AdminErrorState,
+  AdminLoadingState
 };