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.mjs CHANGED
@@ -40458,6 +40458,37 @@ function CreatorDisplay({
40458
40458
  ] })
40459
40459
  ] });
40460
40460
  }
40461
+ function CreatorCardSkeleton() {
40462
+ return /* @__PURE__ */ jsx148("div", { className: "bg-paperBackground rounded-[25px] py-5 pl-7 pr-7 border-2 border-gray300 shadow-sm", children: /* @__PURE__ */ jsxs106("div", { className: "flex flex-col gap-4 sm:grid sm:grid-cols-[1.3fr_1fr_2fr_120px] gap-8 items-start w-full", children: [
40463
+ /* @__PURE__ */ jsxs106("div", { className: "flex items-start gap-1 md:gap-6", children: [
40464
+ /* @__PURE__ */ jsx148("div", { className: "w-[5rem] h-[5rem] rounded-[10px] bg-gray200 animate-pulse" }),
40465
+ /* @__PURE__ */ jsxs106("div", { className: "flex flex-col gap-3", children: [
40466
+ /* @__PURE__ */ jsx148("div", { className: "h-5 w-36 rounded bg-gray200 animate-pulse" }),
40467
+ /* @__PURE__ */ jsx148("div", { className: "h-3 w-24 rounded bg-gray200 animate-pulse" }),
40468
+ /* @__PURE__ */ jsx148("div", { className: "h-3 w-32 rounded bg-gray200 animate-pulse" }),
40469
+ /* @__PURE__ */ jsx148("div", { className: "h-3 w-44 rounded bg-gray200 animate-pulse" })
40470
+ ] })
40471
+ ] }),
40472
+ /* @__PURE__ */ jsxs106("div", { className: "space-y-3 w-full", children: [
40473
+ /* @__PURE__ */ jsx148("div", { className: "h-4 w-32 rounded bg-gray200 animate-pulse" }),
40474
+ /* @__PURE__ */ jsx148("div", { className: "h-4 w-28 rounded bg-gray200 animate-pulse" }),
40475
+ /* @__PURE__ */ jsx148("div", { className: "h-4 w-24 rounded bg-gray200 animate-pulse" })
40476
+ ] }),
40477
+ /* @__PURE__ */ jsxs106("div", { className: "space-y-3 w-full", children: [
40478
+ /* @__PURE__ */ jsx148("div", { className: "h-4 w-40 rounded bg-gray200 animate-pulse" }),
40479
+ /* @__PURE__ */ jsx148("div", { className: "h-3 w-full rounded bg-gray200 animate-pulse" }),
40480
+ /* @__PURE__ */ jsx148("div", { className: "h-3 w-[90%] rounded bg-gray200 animate-pulse" }),
40481
+ /* @__PURE__ */ jsx148("div", { className: "h-3 w-[75%] rounded bg-gray200 animate-pulse" })
40482
+ ] }),
40483
+ /* @__PURE__ */ jsxs106("div", { className: "hidden md:flex flex-col items-center justify-center gap-3", children: [
40484
+ /* @__PURE__ */ jsx148("div", { className: "h-6 w-16 rounded bg-gray200 animate-pulse" }),
40485
+ /* @__PURE__ */ jsx148("div", { className: "h-4 w-20 rounded bg-gray200 animate-pulse" })
40486
+ ] })
40487
+ ] }) });
40488
+ }
40489
+ function CreatorDisplaySkeleton() {
40490
+ return /* @__PURE__ */ jsx148("div", { className: "px-4 py-4 space-y-4", children: Array.from({ length: 3 }).map((_, idx) => /* @__PURE__ */ jsx148(CreatorCardSkeleton, {}, idx)) });
40491
+ }
40461
40492
  function CreatorExpandedPanel({
40462
40493
  isOpen,
40463
40494
  onClose,
@@ -40525,10 +40556,7 @@ function CreatorExpandedPanel({
40525
40556
  ] })
40526
40557
  ] }),
40527
40558
  /* @__PURE__ */ jsx148("div", { className: "border-b border-gray300" }),
40528
- loading ? /* @__PURE__ */ jsxs106("div", { className: "flex flex-col items-center justify-center py-16 gap-3", children: [
40529
- /* @__PURE__ */ jsx148("div", { className: "w-8 h-8 border-3 border-purple100 border-t-transparent rounded-full animate-spin" }),
40530
- /* @__PURE__ */ jsx148("p", { className: "text-sm text-gray600", children: "Fetching Creators" })
40531
- ] }) : /* @__PURE__ */ jsx148(CreatorDisplay, { creators, isValidationComplete: version !== void 0 })
40559
+ loading ? /* @__PURE__ */ jsx148(CreatorDisplaySkeleton, {}) : /* @__PURE__ */ jsx148(CreatorDisplay, { creators, isValidationComplete: version !== void 0 })
40532
40560
  ] })
40533
40561
  },
40534
40562
  "creator-panel"