pxengine 0.1.64 → 0.1.65
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.cjs +32 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +32 -4
- package/dist/index.mjs.map +1 -1
- package/dist/registry.json +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -40749,6 +40749,37 @@ function CreatorDisplay({
|
|
|
40749
40749
|
] })
|
|
40750
40750
|
] });
|
|
40751
40751
|
}
|
|
40752
|
+
function CreatorCardSkeleton() {
|
|
40753
|
+
return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "bg-paperBackground rounded-[25px] py-5 pl-7 pr-7 border-2 border-gray300 shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex flex-col gap-4 sm:grid sm:grid-cols-[1.3fr_1fr_2fr_120px] gap-8 items-start w-full", children: [
|
|
40754
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex items-start gap-1 md:gap-6", children: [
|
|
40755
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "w-[5rem] h-[5rem] rounded-[10px] bg-gray200 animate-pulse" }),
|
|
40756
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "flex flex-col gap-3", children: [
|
|
40757
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-5 w-36 rounded bg-gray200 animate-pulse" }),
|
|
40758
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-3 w-24 rounded bg-gray200 animate-pulse" }),
|
|
40759
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-3 w-32 rounded bg-gray200 animate-pulse" }),
|
|
40760
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-3 w-44 rounded bg-gray200 animate-pulse" })
|
|
40761
|
+
] })
|
|
40762
|
+
] }),
|
|
40763
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "space-y-3 w-full", children: [
|
|
40764
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-4 w-32 rounded bg-gray200 animate-pulse" }),
|
|
40765
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-4 w-28 rounded bg-gray200 animate-pulse" }),
|
|
40766
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-4 w-24 rounded bg-gray200 animate-pulse" })
|
|
40767
|
+
] }),
|
|
40768
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "space-y-3 w-full", children: [
|
|
40769
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-4 w-40 rounded bg-gray200 animate-pulse" }),
|
|
40770
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-3 w-full rounded bg-gray200 animate-pulse" }),
|
|
40771
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-3 w-[90%] rounded bg-gray200 animate-pulse" }),
|
|
40772
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-3 w-[75%] rounded bg-gray200 animate-pulse" })
|
|
40773
|
+
] }),
|
|
40774
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", { className: "hidden md:flex flex-col items-center justify-center gap-3", children: [
|
|
40775
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-6 w-16 rounded bg-gray200 animate-pulse" }),
|
|
40776
|
+
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "h-4 w-20 rounded bg-gray200 animate-pulse" })
|
|
40777
|
+
] })
|
|
40778
|
+
] }) });
|
|
40779
|
+
}
|
|
40780
|
+
function CreatorDisplaySkeleton() {
|
|
40781
|
+
return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "px-4 py-4 space-y-4", children: Array.from({ length: 3 }).map((_, idx) => /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(CreatorCardSkeleton, {}, idx)) });
|
|
40782
|
+
}
|
|
40752
40783
|
function CreatorExpandedPanel({
|
|
40753
40784
|
isOpen,
|
|
40754
40785
|
onClose,
|
|
@@ -40816,10 +40847,7 @@ function CreatorExpandedPanel({
|
|
|
40816
40847
|
] })
|
|
40817
40848
|
] }),
|
|
40818
40849
|
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "border-b border-gray300" }),
|
|
40819
|
-
loading ? /* @__PURE__ */ (0, import_jsx_runtime148.
|
|
40820
|
-
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", { className: "w-8 h-8 border-3 border-purple100 border-t-transparent rounded-full animate-spin" }),
|
|
40821
|
-
/* @__PURE__ */ (0, import_jsx_runtime148.jsx)("p", { className: "text-sm text-gray600", children: "Fetching Creators" })
|
|
40822
|
-
] }) : /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(CreatorDisplay, { creators, isValidationComplete: version !== void 0 })
|
|
40850
|
+
loading ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(CreatorDisplaySkeleton, {}) : /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(CreatorDisplay, { creators, isValidationComplete: version !== void 0 })
|
|
40823
40851
|
] })
|
|
40824
40852
|
},
|
|
40825
40853
|
"creator-panel"
|