@apteva/apteva-kit 0.1.38 → 0.1.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +35 -35
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +35 -35
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -972,71 +972,71 @@ import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
|
972
972
|
function WidgetSkeleton({ type, className }) {
|
|
973
973
|
switch (type) {
|
|
974
974
|
case "card":
|
|
975
|
-
return /* @__PURE__ */ jsx8("div", { className: cn("animate-pulse rounded-lg border border-gray-200 dark:border-gray-
|
|
976
|
-
/* @__PURE__ */ jsx8("div", { className: "h-4 bg-gray-200 dark:bg-gray-
|
|
977
|
-
/* @__PURE__ */ jsx8("div", { className: "h-3 bg-gray-200 dark:bg-gray-
|
|
978
|
-
/* @__PURE__ */ jsx8("div", { className: "h-3 bg-gray-200 dark:bg-gray-
|
|
975
|
+
return /* @__PURE__ */ jsx8("div", { className: cn("animate-pulse rounded-lg border border-gray-200 dark:border-gray-600 overflow-hidden", className), children: /* @__PURE__ */ jsxs5("div", { className: "p-4 space-y-3", children: [
|
|
976
|
+
/* @__PURE__ */ jsx8("div", { className: "h-4 bg-gray-200 dark:bg-gray-600 rounded w-3/4" }),
|
|
977
|
+
/* @__PURE__ */ jsx8("div", { className: "h-3 bg-gray-200 dark:bg-gray-600 rounded w-full" }),
|
|
978
|
+
/* @__PURE__ */ jsx8("div", { className: "h-3 bg-gray-200 dark:bg-gray-600 rounded w-5/6" })
|
|
979
979
|
] }) });
|
|
980
980
|
case "list":
|
|
981
|
-
return /* @__PURE__ */ jsx8("div", { className: cn("animate-pulse space-y-2", className), children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3 p-3 rounded-lg border border-gray-200 dark:border-gray-
|
|
982
|
-
/* @__PURE__ */ jsx8("div", { className: "w-10 h-10 bg-gray-200 dark:bg-gray-
|
|
981
|
+
return /* @__PURE__ */ jsx8("div", { className: cn("animate-pulse space-y-2", className), children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3 p-3 rounded-lg border border-gray-200 dark:border-gray-600", children: [
|
|
982
|
+
/* @__PURE__ */ jsx8("div", { className: "w-10 h-10 bg-gray-200 dark:bg-gray-600 rounded-full flex-shrink-0" }),
|
|
983
983
|
/* @__PURE__ */ jsxs5("div", { className: "flex-1 space-y-2", children: [
|
|
984
|
-
/* @__PURE__ */ jsx8("div", { className: "h-3 bg-gray-200 dark:bg-gray-
|
|
985
|
-
/* @__PURE__ */ jsx8("div", { className: "h-2 bg-gray-200 dark:bg-gray-
|
|
984
|
+
/* @__PURE__ */ jsx8("div", { className: "h-3 bg-gray-200 dark:bg-gray-600 rounded w-1/2" }),
|
|
985
|
+
/* @__PURE__ */ jsx8("div", { className: "h-2 bg-gray-200 dark:bg-gray-600 rounded w-3/4" })
|
|
986
986
|
] })
|
|
987
987
|
] }, i)) });
|
|
988
988
|
case "button_group":
|
|
989
989
|
return /* @__PURE__ */ jsxs5("div", { className: cn("animate-pulse flex gap-2", className), children: [
|
|
990
|
-
/* @__PURE__ */ jsx8("div", { className: "h-9 bg-gray-200 dark:bg-gray-
|
|
991
|
-
/* @__PURE__ */ jsx8("div", { className: "h-9 bg-gray-200 dark:bg-gray-
|
|
992
|
-
/* @__PURE__ */ jsx8("div", { className: "h-9 bg-gray-200 dark:bg-gray-
|
|
990
|
+
/* @__PURE__ */ jsx8("div", { className: "h-9 bg-gray-200 dark:bg-gray-600 rounded-lg w-20" }),
|
|
991
|
+
/* @__PURE__ */ jsx8("div", { className: "h-9 bg-gray-200 dark:bg-gray-600 rounded-lg w-20" }),
|
|
992
|
+
/* @__PURE__ */ jsx8("div", { className: "h-9 bg-gray-200 dark:bg-gray-600 rounded-lg w-20" })
|
|
993
993
|
] });
|
|
994
994
|
case "form":
|
|
995
|
-
return /* @__PURE__ */ jsxs5("div", { className: cn("animate-pulse rounded-lg border border-gray-200 dark:border-gray-
|
|
996
|
-
/* @__PURE__ */ jsx8("div", { className: "h-4 bg-gray-200 dark:bg-gray-
|
|
995
|
+
return /* @__PURE__ */ jsxs5("div", { className: cn("animate-pulse rounded-lg border border-gray-200 dark:border-gray-600 p-4 space-y-4", className), children: [
|
|
996
|
+
/* @__PURE__ */ jsx8("div", { className: "h-4 bg-gray-200 dark:bg-gray-600 rounded w-1/3" }),
|
|
997
997
|
/* @__PURE__ */ jsxs5("div", { className: "space-y-3", children: [
|
|
998
|
-
/* @__PURE__ */ jsx8("div", { className: "h-10 bg-gray-200 dark:bg-gray-
|
|
999
|
-
/* @__PURE__ */ jsx8("div", { className: "h-10 bg-gray-200 dark:bg-gray-
|
|
998
|
+
/* @__PURE__ */ jsx8("div", { className: "h-10 bg-gray-200 dark:bg-gray-600 rounded" }),
|
|
999
|
+
/* @__PURE__ */ jsx8("div", { className: "h-10 bg-gray-200 dark:bg-gray-600 rounded" })
|
|
1000
1000
|
] }),
|
|
1001
|
-
/* @__PURE__ */ jsx8("div", { className: "h-9 bg-gray-200 dark:bg-gray-
|
|
1001
|
+
/* @__PURE__ */ jsx8("div", { className: "h-9 bg-gray-200 dark:bg-gray-600 rounded w-24" })
|
|
1002
1002
|
] });
|
|
1003
1003
|
case "chart":
|
|
1004
|
-
return /* @__PURE__ */ jsxs5("div", { className: cn("animate-pulse rounded-lg border border-gray-200 dark:border-gray-
|
|
1005
|
-
/* @__PURE__ */ jsx8("div", { className: "h-4 bg-gray-200 dark:bg-gray-
|
|
1004
|
+
return /* @__PURE__ */ jsxs5("div", { className: cn("animate-pulse rounded-lg border border-gray-200 dark:border-gray-600 p-4", className), children: [
|
|
1005
|
+
/* @__PURE__ */ jsx8("div", { className: "h-4 bg-gray-200 dark:bg-gray-600 rounded w-1/4 mb-4" }),
|
|
1006
1006
|
/* @__PURE__ */ jsxs5("div", { className: "flex items-end gap-2 h-32", children: [
|
|
1007
|
-
/* @__PURE__ */ jsx8("div", { className: "flex-1 bg-gray-200 dark:bg-gray-
|
|
1008
|
-
/* @__PURE__ */ jsx8("div", { className: "flex-1 bg-gray-200 dark:bg-gray-
|
|
1009
|
-
/* @__PURE__ */ jsx8("div", { className: "flex-1 bg-gray-200 dark:bg-gray-
|
|
1010
|
-
/* @__PURE__ */ jsx8("div", { className: "flex-1 bg-gray-200 dark:bg-gray-
|
|
1011
|
-
/* @__PURE__ */ jsx8("div", { className: "flex-1 bg-gray-200 dark:bg-gray-
|
|
1007
|
+
/* @__PURE__ */ jsx8("div", { className: "flex-1 bg-gray-200 dark:bg-gray-600 rounded-t h-1/2" }),
|
|
1008
|
+
/* @__PURE__ */ jsx8("div", { className: "flex-1 bg-gray-200 dark:bg-gray-600 rounded-t h-3/4" }),
|
|
1009
|
+
/* @__PURE__ */ jsx8("div", { className: "flex-1 bg-gray-200 dark:bg-gray-600 rounded-t h-1/3" }),
|
|
1010
|
+
/* @__PURE__ */ jsx8("div", { className: "flex-1 bg-gray-200 dark:bg-gray-600 rounded-t h-full" }),
|
|
1011
|
+
/* @__PURE__ */ jsx8("div", { className: "flex-1 bg-gray-200 dark:bg-gray-600 rounded-t h-2/3" })
|
|
1012
1012
|
] })
|
|
1013
1013
|
] });
|
|
1014
1014
|
case "image":
|
|
1015
|
-
return /* @__PURE__ */ jsx8("div", { className: cn("animate-pulse", className), children: /* @__PURE__ */ jsx8("div", { className: "aspect-video bg-gray-200 dark:bg-gray-
|
|
1015
|
+
return /* @__PURE__ */ jsx8("div", { className: cn("animate-pulse", className), children: /* @__PURE__ */ jsx8("div", { className: "aspect-video bg-gray-200 dark:bg-gray-600 rounded-lg" }) });
|
|
1016
1016
|
case "gallery":
|
|
1017
|
-
return /* @__PURE__ */ jsx8("div", { className: cn("animate-pulse grid grid-cols-3 gap-2", className), children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx8("div", { className: "aspect-square bg-gray-200 dark:bg-gray-
|
|
1017
|
+
return /* @__PURE__ */ jsx8("div", { className: cn("animate-pulse grid grid-cols-3 gap-2", className), children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx8("div", { className: "aspect-square bg-gray-200 dark:bg-gray-600 rounded-lg" }, i)) });
|
|
1018
1018
|
case "map":
|
|
1019
|
-
return /* @__PURE__ */ jsx8("div", { className: cn("animate-pulse", className), children: /* @__PURE__ */ jsx8("div", { className: "h-48 bg-gray-200 dark:bg-gray-
|
|
1019
|
+
return /* @__PURE__ */ jsx8("div", { className: cn("animate-pulse", className), children: /* @__PURE__ */ jsx8("div", { className: "h-48 bg-gray-200 dark:bg-gray-600 rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsxs5("svg", { className: "w-8 h-8 text-gray-300 dark:text-gray-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: [
|
|
1020
1020
|
/* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" }),
|
|
1021
1021
|
/* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" })
|
|
1022
1022
|
] }) }) });
|
|
1023
1023
|
case "table":
|
|
1024
|
-
return /* @__PURE__ */ jsxs5("div", { className: cn("animate-pulse rounded-lg border border-gray-200 dark:border-gray-
|
|
1025
|
-
/* @__PURE__ */ jsxs5("div", { className: "flex bg-gray-100 dark:bg-gray-600 border-b border-gray-200 dark:border-gray-
|
|
1024
|
+
return /* @__PURE__ */ jsxs5("div", { className: cn("animate-pulse rounded-lg border border-gray-200 dark:border-gray-600 overflow-hidden", className), children: [
|
|
1025
|
+
/* @__PURE__ */ jsxs5("div", { className: "flex bg-gray-100 dark:bg-gray-600 border-b border-gray-200 dark:border-gray-600", children: [
|
|
1026
1026
|
/* @__PURE__ */ jsx8("div", { className: "flex-1 px-4 py-3", children: /* @__PURE__ */ jsx8("div", { className: "h-3 bg-gray-300 dark:bg-gray-400 rounded w-16" }) }),
|
|
1027
1027
|
/* @__PURE__ */ jsx8("div", { className: "flex-1 px-4 py-3", children: /* @__PURE__ */ jsx8("div", { className: "h-3 bg-gray-300 dark:bg-gray-400 rounded w-20" }) }),
|
|
1028
1028
|
/* @__PURE__ */ jsx8("div", { className: "flex-1 px-4 py-3", children: /* @__PURE__ */ jsx8("div", { className: "h-3 bg-gray-300 dark:bg-gray-400 rounded w-14" }) })
|
|
1029
1029
|
] }),
|
|
1030
|
-
[1, 2, 3].map((i) => /* @__PURE__ */ jsxs5("div", { className: "flex border-b border-gray-200 dark:border-gray-
|
|
1031
|
-
/* @__PURE__ */ jsx8("div", { className: "flex-1 px-4 py-3", children: /* @__PURE__ */ jsx8("div", { className: "h-3 bg-gray-200 dark:bg-gray-
|
|
1032
|
-
/* @__PURE__ */ jsx8("div", { className: "flex-1 px-4 py-3", children: /* @__PURE__ */ jsx8("div", { className: "h-3 bg-gray-200 dark:bg-gray-
|
|
1033
|
-
/* @__PURE__ */ jsx8("div", { className: "flex-1 px-4 py-3", children: /* @__PURE__ */ jsx8("div", { className: "h-3 bg-gray-200 dark:bg-gray-
|
|
1030
|
+
[1, 2, 3].map((i) => /* @__PURE__ */ jsxs5("div", { className: "flex border-b border-gray-200 dark:border-gray-600 last:border-b-0", children: [
|
|
1031
|
+
/* @__PURE__ */ jsx8("div", { className: "flex-1 px-4 py-3", children: /* @__PURE__ */ jsx8("div", { className: "h-3 bg-gray-200 dark:bg-gray-600 rounded w-24" }) }),
|
|
1032
|
+
/* @__PURE__ */ jsx8("div", { className: "flex-1 px-4 py-3", children: /* @__PURE__ */ jsx8("div", { className: "h-3 bg-gray-200 dark:bg-gray-600 rounded w-16" }) }),
|
|
1033
|
+
/* @__PURE__ */ jsx8("div", { className: "flex-1 px-4 py-3", children: /* @__PURE__ */ jsx8("div", { className: "h-3 bg-gray-200 dark:bg-gray-600 rounded w-20" }) })
|
|
1034
1034
|
] }, i))
|
|
1035
1035
|
] });
|
|
1036
1036
|
default:
|
|
1037
|
-
return /* @__PURE__ */ jsxs5("div", { className: cn("animate-pulse rounded-lg border border-gray-200 dark:border-gray-
|
|
1038
|
-
/* @__PURE__ */ jsx8("div", { className: "h-4 bg-gray-200 dark:bg-gray-
|
|
1039
|
-
/* @__PURE__ */ jsx8("div", { className: "h-3 bg-gray-200 dark:bg-gray-
|
|
1037
|
+
return /* @__PURE__ */ jsxs5("div", { className: cn("animate-pulse rounded-lg border border-gray-200 dark:border-gray-600 p-4", className), children: [
|
|
1038
|
+
/* @__PURE__ */ jsx8("div", { className: "h-4 bg-gray-200 dark:bg-gray-600 rounded w-1/2 mb-2" }),
|
|
1039
|
+
/* @__PURE__ */ jsx8("div", { className: "h-3 bg-gray-200 dark:bg-gray-600 rounded w-full" })
|
|
1040
1040
|
] });
|
|
1041
1041
|
}
|
|
1042
1042
|
}
|