loading-dev 0.3.5 → 0.3.6

package/dist/chunk-UXTZTFNZ.js

@@ -1,62 +0,0 @@
-import {
-  rotationCss,
-  spinClass
-} from "./chunk-A2PZBHTA.js";
-import {
-  SpinnerStyle,
-  spinnerRoot
-} from "./chunk-UAO52LUL.js";
-import {
-  SIZE
-} from "./chunk-OMNMMKI7.js";
-
-// src/comet.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var css = `
-.ld-comet {
-  --ld-comet-stroke: calc(${SIZE} * 0.12);
-  position: relative;
-  width: ${SIZE};
-  height: ${SIZE};
-}
-
-.ld-comet-spin {
-  position: absolute;
-  inset: 0;
-}
-
-.ld-comet-tail {
-  position: absolute;
-  inset: 0;
-  border-radius: 9999px;
-  background: conic-gradient(from 0deg, transparent, currentColor);
-  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--ld-comet-stroke)), #000 0);
-  mask: radial-gradient(farthest-side, transparent calc(100% - var(--ld-comet-stroke)), #000 0);
-}
-
-.ld-comet-head {
-  position: absolute;
-  top: 0;
-  left: 50%;
-  width: var(--ld-comet-stroke);
-  height: var(--ld-comet-stroke);
-  background: currentColor;
-  border-radius: 9999px;
-  transform: translateX(-50%);
-}
-
-${rotationCss("comet")}
-`;
-function Comet({ easing, ...rest }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SpinnerStyle, { name: "comet", children: css }),
-    /* @__PURE__ */ jsx("div", { ...spinnerRoot("comet", rest), children: /* @__PURE__ */ jsxs("div", { className: spinClass("comet", easing), children: [
-      /* @__PURE__ */ jsx("div", { className: "ld-comet-tail" }),
-      /* @__PURE__ */ jsx("div", { className: "ld-comet-head" })
-    ] }) })
-  ] });
-}
-
-export {
-  Comet
-};

package/dist/chunk-VZX7APSS.js

@@ -1,82 +0,0 @@
-import {
-  SpinnerStyle,
-  spinnerRoot,
-  step
-} from "./chunk-UAO52LUL.js";
-import {
-  SIZE,
-  animation,
-  stagger
-} from "./chunk-OMNMMKI7.js";
-
-// src/blocks.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DEFAULT_BLOCKS_SWEEP = "diagonal";
-var SIDE = 3;
-var CELLS = Array.from({ length: SIDE * SIDE }, (_, index) => ({
-  col: index % SIDE,
-  row: Math.floor(index / SIDE)
-}));
-var SWEEPS = {
-  columns: { count: SIDE, place: ({ col }) => col },
-  diagonal: { count: SIDE * 2 - 1, place: ({ col, row }) => row + col },
-  rows: { count: SIDE, place: ({ row }) => row }
-};
-var css = `
-.ld-blocks {
-  display: grid;
-  grid-template-columns: repeat(${SIDE}, 1fr);
-  grid-template-rows: repeat(${SIDE}, 1fr);
-  gap: calc(${SIZE} * 0.1);
-  width: ${SIZE};
-  height: ${SIZE};
-}
-
-.ld-blocks-cell {
-  background: currentColor;
-  border-radius: calc(${SIZE} * 0.0625);
-  ${animation("blocks", "ld-blocks-sweep", "ease-in-out")}
-}
-${Object.entries(SWEEPS).map(
-  ([sweep, { count }]) => `
-.ld-blocks-cell-${sweep} {
-  animation-delay: ${stagger("blocks", count)};
-}
-`
-).join("")}
-@keyframes ld-blocks-sweep {
-  0%,
-  70%,
-  100% {
-    transform: scale(1);
-  }
-  35% {
-    transform: scale(0);
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .ld-blocks-cell {
-    transform: scale(0.8);
-  }
-}
-`;
-function Blocks({ sweep = DEFAULT_BLOCKS_SWEEP, ...rest }) {
-  const { place } = SWEEPS[sweep];
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SpinnerStyle, { name: "blocks", children: css }),
-    /* @__PURE__ */ jsx("div", { ...spinnerRoot("blocks", rest), children: CELLS.map((cell) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `ld-blocks-cell ld-blocks-cell-${sweep}`,
-        style: step(place(cell))
-      },
-      `${cell.col}-${cell.row}`
-    )) })
-  ] });
-}
-
-export {
-  DEFAULT_BLOCKS_SWEEP,
-  Blocks
-};

package/dist/chunk-YIB63EKJ.js

@@ -1,49 +0,0 @@
-import {
-  SpinnerStyle,
-  spinnerRoot
-} from "./chunk-UAO52LUL.js";
-import {
-  SIZE,
-  animation
-} from "./chunk-OMNMMKI7.js";
-
-// src/flip.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var css = `
-.ld-flip {
-  width: ${SIZE};
-  height: ${SIZE};
-  perspective: calc(${SIZE} * 3);
-}
-
-.ld-flip-face {
-  width: 64%;
-  height: 64%;
-  margin: 18%;
-  background: currentColor;
-  border-radius: calc(${SIZE} * 0.06);
-  ${animation("flip", "ld-flip-turn", "ease-in-out")}
-}
-
-@keyframes ld-flip-turn {
-  0% {
-    transform: rotateX(0) rotateY(0);
-  }
-  50% {
-    transform: rotateX(-180deg) rotateY(0);
-  }
-  100% {
-    transform: rotateX(-180deg) rotateY(-180deg);
-  }
-}
-`;
-function Flip(props) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SpinnerStyle, { name: "flip", children: css }),
-    /* @__PURE__ */ jsx("div", { ...spinnerRoot("flip", props), children: /* @__PURE__ */ jsx("div", { className: "ld-flip-face" }) })
-  ] });
-}
-
-export {
-  Flip
-};