loading-dev 0.3.4 → 0.3.6

package/dist/chunk-TFHDE6YZ.js

@@ -1,92 +0,0 @@
-import {
-  SpinnerStyle,
-  cssVars,
-  spinnerRoot
-} from "./chunk-VRX5ZYC6.js";
-import {
-  SIZE,
-  animation
-} from "./chunk-OMNMMKI7.js";
-
-// src/gather.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var BLOCKS = [
-  { x: 1, y: 1 },
-  { x: -1, y: 1 },
-  { x: 1, y: -1 },
-  { x: -1, y: -1 }
-];
-var GAP = 24;
-var GAP_IN = 8;
-var BLOCK = (100 - GAP) / 2;
-var PULL = `${((GAP - GAP_IN) / 2 / BLOCK * 100).toFixed(1)}%`;
-var css = `
-.ld-gather {
-  width: ${SIZE};
-  height: ${SIZE};
-}
-
-.ld-gather-group {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: ${GAP}%;
-  width: 100%;
-  height: 100%;
-  ${animation("gather", "ld-gather-turn", "ease-in-out")}
-}
-
-.ld-gather-block {
-  background: currentColor;
-  border-radius: calc(${SIZE} * 0.14);
-  ${animation("gather", "ld-gather-pull", "ease-in-out")}
-}
-
-@keyframes ld-gather-pull {
-  0%,
-  100% {
-    transform: translate(0, 0);
-  }
-  30%,
-  60% {
-    transform: translate(
-      calc(var(--ld-gather-x) * ${PULL}),
-      calc(var(--ld-gather-y) * ${PULL})
-    );
-  }
-}
-
-@keyframes ld-gather-turn {
-  0%,
-  30% {
-    transform: rotate(0);
-  }
-  60%,
-  100% {
-    transform: rotate(90deg);
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .ld-gather-group,
-  .ld-gather-block {
-    animation: none;
-  }
-}
-`;
-function Gather(props) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SpinnerStyle, { name: "gather", children: css }),
-    /* @__PURE__ */ jsx("div", { ...spinnerRoot("gather", props), children: /* @__PURE__ */ jsx("div", { className: "ld-gather-group", children: BLOCKS.map(({ x, y }) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "ld-gather-block",
-        style: cssVars({ "--ld-gather-x": x, "--ld-gather-y": y })
-      },
-      `${x}${y}`
-    )) }) })
-  ] });
-}
-
-export {
-  Gather
-};

package/dist/chunk-UWSCBISJ.js

@@ -1,56 +0,0 @@
-import {
-  SpinnerStyle,
-  spinnerRoot,
-  step
-} from "./chunk-VRX5ZYC6.js";
-import {
-  SIZE,
-  animation,
-  stagger
-} from "./chunk-OMNMMKI7.js";
-
-// src/bouncing-dots.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DOTS = Array.from({ length: 3 }, (_, index) => index);
-var css = `
-.ld-bouncing-dots {
-  display: flex;
-  align-items: center;
-  gap: calc(${SIZE} * 0.2);
-  height: ${SIZE};
-}
-
-.ld-bouncing-dots-dot {
-  width: calc(${SIZE} * 0.22);
-  height: calc(${SIZE} * 0.22);
-  background: currentColor;
-  border-radius: 9999px;
-  ${animation("bouncing-dots", "ld-bouncing-dots-bounce", "ease-in-out alternate")}
-  animation-delay: ${stagger("bouncing-dots", DOTS.length)};
-}
-
-@keyframes ld-bouncing-dots-bounce {
-  from {
-    transform: translateY(28%);
-  }
-  to {
-    transform: translateY(-72%);
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .ld-bouncing-dots-dot {
-    animation: none;
-  }
-}
-`;
-function BouncingDots(props) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SpinnerStyle, { name: "bouncing-dots", children: css }),
-    /* @__PURE__ */ jsx("div", { ...spinnerRoot("bouncing-dots", props), children: DOTS.map((dot) => /* @__PURE__ */ jsx("div", { className: "ld-bouncing-dots-dot", style: step(dot) }, dot)) })
-  ] });
-}
-
-export {
-  BouncingDots
-};

package/dist/chunk-VBI53UGV.js

@@ -1,73 +0,0 @@
-import {
-  SpinnerStyle,
-  spinnerRoot,
-  step
-} from "./chunk-VRX5ZYC6.js";
-import {
-  SIZE,
-  STEP_VAR,
-  animation,
-  stagger
-} from "./chunk-OMNMMKI7.js";
-
-// src/wave.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DEFAULT_WAVE_ORIGIN = "center";
-var BARS = Array.from({ length: 5 }, (_, index) => index);
-var css = `
-.ld-wave {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: ${SIZE};
-  height: ${SIZE};
-}
-
-.ld-wave-bar {
-  width: calc(${SIZE} * 0.12);
-  height: 100%;
-  background: currentColor;
-  border-radius: 9999px;
-  ${animation("wave", "ld-wave-rise", "ease-in-out")}
-  animation-delay: ${stagger("wave", BARS.length)};
-}
-
-.ld-wave-bar-bottom {
-  align-self: flex-end;
-}
-
-@keyframes ld-wave-rise {
-  0%,
-  100% {
-    height: 30%;
-  }
-  50% {
-    height: 100%;
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .ld-wave-bar {
-    height: calc((0.4 + var(${STEP_VAR}) * 0.15) * 100%);
-    animation: none;
-  }
-}
-`;
-function Wave({ origin = DEFAULT_WAVE_ORIGIN, ...rest }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SpinnerStyle, { name: "wave", children: css }),
-    /* @__PURE__ */ jsx("div", { ...spinnerRoot("wave", rest), children: BARS.map((index) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `ld-wave-bar ld-wave-bar-${origin}`,
-        style: step(index)
-      },
-      index
-    )) })
-  ] });
-}
-
-export {
-  DEFAULT_WAVE_ORIGIN,
-  Wave
-};

package/dist/chunk-VRX5ZYC6.js

@@ -1,41 +0,0 @@
-import {
-  DEFAULT_SIZE,
-  DURATION_VAR,
-  PLAY_STATE_VAR,
-  SIZE_VAR,
-  STEP_VAR
-} from "./chunk-OMNMMKI7.js";
-
-// src/frame.tsx
-import { jsx } from "react/jsx-runtime";
-function SpinnerStyle({
-  children,
-  name
-}) {
-  return /* @__PURE__ */ jsx("style", { href: `ld-${name}`, precedence: "loading-dev", children });
-}
-function cssVars(vars) {
-  return vars;
-}
-function step(index) {
-  return cssVars({ [STEP_VAR]: index });
-}
-function spinnerRoot(name, { className, color, duration, playState, size = DEFAULT_SIZE }) {
-  return {
-    "aria-hidden": true,
-    className: [`ld-${name}`, className].filter(Boolean).join(" "),
-    style: cssVars({
-      [SIZE_VAR]: `${size}px`,
-      ...color === void 0 ? null : { color },
-      ...duration === void 0 ? null : { [DURATION_VAR]: `${duration}ms` },
-      ...playState === void 0 ? null : { [PLAY_STATE_VAR]: playState }
-    })
-  };
-}
-
-export {
-  SpinnerStyle,
-  cssVars,
-  step,
-  spinnerRoot
-};

package/dist/chunk-X7BJQCYL.js

@@ -1,56 +0,0 @@
-import {
-  rotationCss,
-  spinClass
-} from "./chunk-7C6Q6WUN.js";
-import {
-  linecap
-} from "./chunk-JNR4T6LZ.js";
-import {
-  SpinnerStyle,
-  spinnerRoot
-} from "./chunk-VRX5ZYC6.js";
-import {
-  SIZE
-} from "./chunk-OMNMMKI7.js";
-
-// src/arc.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var css = `
-.ld-arc {
-  width: ${SIZE};
-  height: ${SIZE};
-}
-
-${rotationCss("arc")}
-`;
-function Arc({ cap, easing, ...rest }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SpinnerStyle, { name: "arc", children: css }),
-    /* @__PURE__ */ jsx(
-      "svg",
-      {
-        ...spinnerRoot("arc", rest),
-        fill: "none",
-        role: "presentation",
-        viewBox: "0 0 24 24",
-        children: /* @__PURE__ */ jsx(
-          "circle",
-          {
-            className: spinClass("arc", easing),
-            cx: "12",
-            cy: "12",
-            r: "10",
-            stroke: "currentColor",
-            strokeDasharray: "18 44.8",
-            strokeLinecap: linecap(cap),
-            strokeWidth: "2.5"
-          }
-        )
-      }
-    )
-  ] });
-}
-
-export {
-  Arc
-};

package/dist/chunk-Y7QGIWTL.js

@@ -1,57 +0,0 @@
-import {
-  rotationCss,
-  spinClass
-} from "./chunk-7C6Q6WUN.js";
-import {
-  SpinnerStyle,
-  spinnerRoot
-} from "./chunk-VRX5ZYC6.js";
-import {
-  SIZE
-} from "./chunk-OMNMMKI7.js";
-
-// src/orbit.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var css = `
-.ld-orbit {
-  --ld-orbit-stroke: calc(${SIZE} * 0.0625);
-  position: relative;
-  width: ${SIZE};
-  height: ${SIZE};
-}
-
-.ld-orbit-track {
-  position: absolute;
-  inset: 8%;
-  border-radius: 9999px;
-  background: conic-gradient(from 180deg, transparent 0deg, currentColor 180deg, transparent 180deg);
-  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--ld-orbit-stroke)), #000 0);
-  mask: radial-gradient(farthest-side, transparent calc(100% - var(--ld-orbit-stroke)), #000 0);
-}
-
-.ld-orbit-dot {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 25%;
-  height: 25%;
-  background: currentColor;
-  border-radius: 9999px;
-  transform: translate(-50%, -50%);
-}
-
-${rotationCss("orbit")}
-`;
-function Orbit({ easing, ...rest }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SpinnerStyle, { name: "orbit", children: css }),
-    /* @__PURE__ */ jsxs("div", { ...spinnerRoot("orbit", rest), children: [
-      /* @__PURE__ */ jsx("div", { className: "ld-orbit-dot" }),
-      /* @__PURE__ */ jsx("div", { className: `ld-orbit-track ${spinClass("orbit", easing)}` })
-    ] })
-  ] });
-}
-
-export {
-  Orbit
-};

package/dist/chunk-ZLJYYX76.js

@@ -1,69 +0,0 @@
-import {
-  rotationCss,
-  spinClass
-} from "./chunk-7C6Q6WUN.js";
-import {
-  linecap
-} from "./chunk-JNR4T6LZ.js";
-import {
-  SpinnerStyle,
-  spinnerRoot
-} from "./chunk-VRX5ZYC6.js";
-import {
-  SIZE
-} from "./chunk-OMNMMKI7.js";
-
-// src/ring.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var css = `
-.ld-ring {
-  width: ${SIZE};
-  height: ${SIZE};
-}
-
-${rotationCss("ring")}
-`;
-function Ring({ cap, easing, ...rest }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SpinnerStyle, { name: "ring", children: css }),
-    /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        ...spinnerRoot("ring", rest),
-        fill: "none",
-        role: "presentation",
-        viewBox: "0 0 24 24",
-        children: [
-          /* @__PURE__ */ jsx(
-            "circle",
-            {
-              cx: "12",
-              cy: "12",
-              opacity: "0.2",
-              r: "10",
-              stroke: "currentColor",
-              strokeWidth: "2.5"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "circle",
-            {
-              className: spinClass("ring", easing),
-              cx: "12",
-              cy: "12",
-              r: "10",
-              stroke: "currentColor",
-              strokeDasharray: "16 46.8",
-              strokeLinecap: linecap(cap),
-              strokeWidth: "2.5"
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-
-export {
-  Ring
-};