loading-dev 0.3.5 → 0.3.7

package/dist/chunk-4O4ADYWE.js

@@ -1,73 +0,0 @@
-import {
-  SpinnerStyle,
-  spinnerRoot,
-  step
-} from "./chunk-UAO52LUL.js";
-import {
-  SIZE,
-  STEP_VAR,
-  animation,
-  stagger
-} from "./chunk-OMNMMKI7.js";
-
-// src/leap.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DOTS = Array.from({ length: 3 }, (_, index) => index);
-var css = `
-.ld-leap {
-  --ld-leap-dot: round(calc(${SIZE} * 0.22), 1px);
-  --ld-leap-gap: round(down, calc((${SIZE} - var(--ld-leap-dot)) / 2), 1px);
-  position: relative;
-  width: ${SIZE};
-  height: ${SIZE};
-}
-
-.ld-leap-wrapper {
-  position: absolute;
-  top: round(calc((${SIZE} - var(--ld-leap-dot)) / 2), 1px);
-  left: calc(${SIZE} - var(--ld-leap-dot) - var(--ld-leap-gap) * 2);
-  width: calc(var(--ld-leap-gap) * 2 + var(--ld-leap-dot));
-  height: var(--ld-leap-dot);
-  ${animation("leap", "ld-leap-hop", "ease-in-out")}
-  animation-delay: ${stagger("leap", DOTS.length)};
-}
-
-.ld-leap-dot {
-  position: absolute;
-  inset: 0 auto 0 0;
-  width: var(--ld-leap-dot);
-  background: currentColor;
-  border-radius: 50%;
-}
-
-@keyframes ld-leap-hop {
-  0% {
-    transform: translateX(0) rotate(0);
-  }
-  33.33% {
-    transform: translateX(0) rotate(180deg);
-  }
-  66.66% {
-    transform: translateX(calc(var(--ld-leap-gap) * -1)) rotate(180deg);
-  }
-  100% {
-    transform: translateX(calc(var(--ld-leap-gap) * -2)) rotate(180deg);
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .ld-leap-wrapper {
-    transform: translateX(calc(var(${STEP_VAR}) * var(--ld-leap-gap)));
-  }
-}
-`;
-function Leap(props) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SpinnerStyle, { name: "leap", children: css }),
-    /* @__PURE__ */ jsx("div", { ...spinnerRoot("leap", props), children: DOTS.map((index) => /* @__PURE__ */ jsx("div", { className: "ld-leap-wrapper", style: step(index), children: /* @__PURE__ */ jsx("div", { className: "ld-leap-dot" }) }, index)) })
-  ] });
-}
-
-export {
-  Leap
-};

package/dist/chunk-5UAEBEER.js

@@ -1,78 +0,0 @@
-import {
-  rotationCss,
-  spinClass
-} from "./chunk-A2PZBHTA.js";
-import {
-  linecap
-} from "./chunk-JNR4T6LZ.js";
-import {
-  SpinnerStyle,
-  spinnerRoot
-} from "./chunk-UAO52LUL.js";
-import {
-  SIZE
-} from "./chunk-OMNMMKI7.js";
-
-// src/dual.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var css = `
-.ld-dual {
-  width: ${SIZE};
-  height: ${SIZE};
-}
-
-${rotationCss("dual")}
-
-.ld-dual-inner {
-  animation-direction: reverse;
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .ld-dual-inner {
-    transform: rotate(180deg);
-  }
-}
-`;
-function Dual({ cap, easing, ...rest }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SpinnerStyle, { name: "dual", children: css }),
-    /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        ...spinnerRoot("dual", rest),
-        fill: "none",
-        role: "presentation",
-        stroke: "currentColor",
-        strokeLinecap: linecap(cap),
-        strokeWidth: "2.5",
-        viewBox: "0 0 24 24",
-        children: [
-          /* @__PURE__ */ jsx(
-            "circle",
-            {
-              className: spinClass("dual", easing),
-              cx: "12",
-              cy: "12",
-              r: "10",
-              strokeDasharray: "18 44.8"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "circle",
-            {
-              className: `ld-dual-inner ${spinClass("dual", easing)}`,
-              cx: "12",
-              cy: "12",
-              r: "5.5",
-              strokeDasharray: "10 24.6"
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-
-export {
-  Dual
-};

package/dist/chunk-A2PZBHTA.js

@@ -1,41 +0,0 @@
-import {
-  animation
-} from "./chunk-OMNMMKI7.js";
-
-// src/easing.ts
-var DEFAULT_EASING = "linear";
-function spinClass(name, easing = DEFAULT_EASING) {
-  const base = `ld-${name}-spin`;
-  return easing === "linear" ? base : `${base} ${base}-${easing}`;
-}
-var ROTATE = `to {
-    transform: rotate(360deg);
-  }`;
-function rotationCss(name, turn = ROTATE) {
-  return `
-.ld-${name}-spin {
-  transform-origin: center;
-  ${animation(name, `ld-${name}-rotate`, "linear")}
-}
-
-.ld-${name}-spin-ease-in-out {
-  animation-timing-function: ease-in-out;
-}
-
-.ld-${name}-spin-stacked {
-  animation-name: ld-${name}-rotate, ld-${name}-rotate;
-  animation-timing-function: linear, ease-in-out;
-  animation-composition: add;
-}
-
-@keyframes ld-${name}-rotate {
-  ${turn}
-}
-`;
-}
-
-export {
-  DEFAULT_EASING,
-  spinClass,
-  rotationCss
-};

package/dist/chunk-BAVSTTWG.js

@@ -1,88 +0,0 @@
-import {
-  rotationCss,
-  spinClass
-} from "./chunk-A2PZBHTA.js";
-import {
-  SpinnerStyle,
-  cssVars,
-  spinnerRoot,
-  step
-} from "./chunk-UAO52LUL.js";
-import {
-  SIZE,
-  stagger
-} from "./chunk-OMNMMKI7.js";
-
-// src/atom.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var ORBITS = Array.from({ length: 3 }, (_, index) => index);
-var TILT = 180 / ORBITS.length;
-var STROKE = `calc(${SIZE} * 0.055)`;
-var INNER_STROKE = `calc(${SIZE} * 0.045)`;
-var css = `
-.ld-atom {
-  position: relative;
-  width: ${SIZE};
-  height: ${SIZE};
-}
-
-.ld-atom-shell {
-  position: absolute;
-  inset: 0;
-  box-sizing: border-box;
-  border: ${STROKE} solid currentColor;
-  border-radius: 9999px;
-}
-
-.ld-atom-orbit {
-  position: absolute;
-  inset: 0;
-  transform-style: preserve-3d;
-  transform: rotate(var(--ld-atom-tilt)) rotateX(90deg);
-}
-
-.ld-atom-ring {
-  position: absolute;
-  inset: 0;
-  box-sizing: border-box;
-  border: ${INNER_STROKE} solid currentColor;
-  border-radius: 9999px;
-  transform: rotateX(90deg);
-}
-
-${rotationCss("atom")}
-
-.ld-atom-spin {
-  position: absolute;
-  inset: 0;
-  transform-style: preserve-3d;
-  animation-delay: ${stagger("atom", ORBITS.length)};
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .ld-atom-spin {
-    transform: rotate(${TILT}deg);
-  }
-}
-`;
-function Atom({ easing, ...rest }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SpinnerStyle, { name: "atom", children: css }),
-    /* @__PURE__ */ jsxs("div", { ...spinnerRoot("atom", rest), children: [
-      /* @__PURE__ */ jsx("div", { className: "ld-atom-shell" }),
-      ORBITS.map((index) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "ld-atom-orbit",
-          style: cssVars({ "--ld-atom-tilt": `${index * TILT}deg` }),
-          children: /* @__PURE__ */ jsx("div", { className: spinClass("atom", easing), style: step(index), children: /* @__PURE__ */ jsx("div", { className: "ld-atom-ring" }) })
-        },
-        index
-      ))
-    ] })
-  ] });
-}
-
-export {
-  Atom
-};

package/dist/chunk-BCIAMPLU.js

@@ -1,87 +0,0 @@
-import {
-  SpinnerStyle,
-  cssVars,
-  spinnerRoot,
-  step
-} from "./chunk-UAO52LUL.js";
-import {
-  SIZE,
-  animation,
-  stagger
-} from "./chunk-OMNMMKI7.js";
-
-// src/slide.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DOT = 34;
-var GAP = 20;
-var MARGIN = (100 - 2 * DOT - GAP) / 2;
-var FAR = `${((DOT + GAP) / DOT * 100).toFixed(1)}%`;
-var RESTS = [
-  `translate(${FAR}, 0)`,
-  "translate(0, 0)",
-  `translate(0, ${FAR})`
-];
-var css = `
-.ld-slide {
-  position: relative;
-  width: ${SIZE};
-  height: ${SIZE};
-}
-
-.ld-slide-dot {
-  position: absolute;
-  top: ${MARGIN}%;
-  left: ${MARGIN}%;
-  width: ${DOT}%;
-  height: ${DOT}%;
-  background: currentColor;
-  border-radius: 50%;
-  ${animation("slide", "ld-slide-walk", "ease-in-out")}
-  animation-delay: ${stagger("slide", RESTS.length)};
-}
-
-@keyframes ld-slide-walk {
-  0% {
-    transform: translate(${FAR}, 0);
-  }
-  8.33%,
-  25% {
-    transform: translate(${FAR}, ${FAR});
-  }
-  33.33%,
-  50% {
-    transform: translate(0, ${FAR});
-  }
-  58.33%,
-  75% {
-    transform: translate(0, 0);
-  }
-  83.33%,
-  100% {
-    transform: translate(${FAR}, 0);
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .ld-slide-dot {
-    transform: var(--ld-slide-rest);
-  }
-}
-`;
-function Slide(props) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SpinnerStyle, { name: "slide", children: css }),
-    /* @__PURE__ */ jsx("div", { ...spinnerRoot("slide", props), children: RESTS.map((rest, index) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "ld-slide-dot",
-        style: cssVars({ ...step(index), "--ld-slide-rest": rest })
-      },
-      rest
-    )) })
-  ] });
-}
-
-export {
-  Slide
-};

package/dist/chunk-DKYEZLIN.js

@@ -1,72 +0,0 @@
-import {
-  SpinnerStyle,
-  spinnerRoot,
-  step
-} from "./chunk-UAO52LUL.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%);
-  }
-}
-`;
-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-FQ2U2M7F.js

@@ -1,76 +0,0 @@
-import {
-  SpinnerStyle,
-  spinnerRoot,
-  step
-} from "./chunk-UAO52LUL.js";
-import {
-  SIZE,
-  STEP_VAR,
-  animation,
-  stagger
-} from "./chunk-OMNMMKI7.js";
-
-// src/ripple.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DEFAULT_RIPPLE_DIRECTION = "out";
-var RINGS = Array.from({ length: 3 }, (_, index) => index);
-var css = `
-.ld-ripple {
-  position: relative;
-  width: ${SIZE};
-  height: ${SIZE};
-}
-
-.ld-ripple-ring {
-  position: absolute;
-  inset: 0;
-  box-sizing: border-box;
-  border: calc(${SIZE} * 0.08) solid currentColor;
-  border-radius: 9999px;
-  ${animation("ripple", "ld-ripple-spread", "ease-out")}
-  animation-delay: ${stagger("ripple", RINGS.length)};
-}
-
-.ld-ripple-ring-in {
-  animation-direction: reverse;
-}
-
-@keyframes ld-ripple-spread {
-  from {
-    opacity: 1;
-    transform: scale(0);
-  }
-  to {
-    opacity: 0;
-    transform: scale(1);
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .ld-ripple-ring {
-    opacity: 0.4;
-    transform: scale(calc((var(${STEP_VAR}) + 1) / ${RINGS.length}));
-  }
-}
-`;
-function Ripple({
-  direction = DEFAULT_RIPPLE_DIRECTION,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SpinnerStyle, { name: "ripple", children: css }),
-    /* @__PURE__ */ jsx("div", { ...spinnerRoot("ripple", rest), children: RINGS.map((index) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `ld-ripple-ring ld-ripple-ring-${direction}`,
-        style: step(index)
-      },
-      index
-    )) })
-  ] });
-}
-
-export {
-  DEFAULT_RIPPLE_DIRECTION,
-  Ripple
-};

package/dist/chunk-FWH6VWVK.js

@@ -1,59 +0,0 @@
-import {
-  SpinnerStyle,
-  spinnerRoot,
-  step
-} from "./chunk-UAO52LUL.js";
-import {
-  SIZE,
-  animation,
-  stagger
-} from "./chunk-OMNMMKI7.js";
-
-// src/linear-dots.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DOTS = Array.from({ length: 3 }, (_, index) => index);
-var css = `
-.ld-linear-dots {
-  display: flex;
-  align-items: center;
-  gap: calc(${SIZE} * 0.1875);
-  height: ${SIZE};
-}
-
-.ld-linear-dots-dot {
-  width: calc(${SIZE} * 0.1875);
-  height: calc(${SIZE} * 0.1875);
-  background: currentColor;
-  border-radius: 9999px;
-  ${animation("linear-dots", "ld-linear-dots-fade", "linear")}
-  animation-delay: ${stagger("linear-dots", DOTS.length)};
-}
-
-@keyframes ld-linear-dots-fade {
-  0% {
-    opacity: 1;
-  }
-  66.67% {
-    opacity: 0.5;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .ld-linear-dots-dot {
-    opacity: 0.75;
-  }
-}
-`;
-function LinearDots(props) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SpinnerStyle, { name: "linear-dots", children: css }),
-    /* @__PURE__ */ jsx("div", { ...spinnerRoot("linear-dots", props), children: DOTS.map((dot) => /* @__PURE__ */ jsx("div", { className: "ld-linear-dots-dot", style: step(dot) }, dot)) })
-  ] });
-}
-
-export {
-  LinearDots
-};

package/dist/chunk-HL7TIIDB.js

@@ -1,124 +0,0 @@
-import {
-  Swirl
-} from "./chunk-SUUR5WMA.js";
-import {
-  Trace
-} from "./chunk-KAZ5BTXC.js";
-import {
-  Wave
-} from "./chunk-DKYEZLIN.js";
-import {
-  Orbit
-} from "./chunk-LDXBT62V.js";
-import {
-  Pulse
-} from "./chunk-PM6DU637.js";
-import {
-  Radar
-} from "./chunk-2OX27TAE.js";
-import {
-  Ring
-} from "./chunk-L2DUMHO4.js";
-import {
-  Ripple
-} from "./chunk-FQ2U2M7F.js";
-import {
-  Slide
-} from "./chunk-BCIAMPLU.js";
-import {
-  Snake
-} from "./chunk-UOXB5QOZ.js";
-import {
-  Flip
-} from "./chunk-YIB63EKJ.js";
-import {
-  Gather
-} from "./chunk-JKLL7YYG.js";
-import {
-  Leap
-} from "./chunk-4O4ADYWE.js";
-import {
-  LinearDots
-} from "./chunk-FWH6VWVK.js";
-import {
-  Loading
-} from "./chunk-RAHAQ7XK.js";
-import {
-  Morph
-} from "./chunk-P4BSSDSY.js";
-import {
-  Classic
-} from "./chunk-IJJULNRU.js";
-import {
-  Clock
-} from "./chunk-2TYML5J2.js";
-import {
-  Comet
-} from "./chunk-UXTZTFNZ.js";
-import {
-  Compass
-} from "./chunk-JQNF5GYA.js";
-import {
-  Dual
-} from "./chunk-5UAEBEER.js";
-import {
-  Eclipse
-} from "./chunk-2LMGBBRJ.js";
-import {
-  Arc
-} from "./chunk-MAKBZTL3.js";
-import {
-  Atom
-} from "./chunk-BAVSTTWG.js";
-import {
-  Blocks
-} from "./chunk-VZX7APSS.js";
-import {
-  BouncingDots
-} from "./chunk-ULWRXY3A.js";
-import {
-  Cascade
-} from "./chunk-KOYM24WV.js";
-import {
-  CircularDots
-} from "./chunk-3WMZVDPS.js";
-import {
-  ClassicV2
-} from "./chunk-R5ZDKN3Z.js";
-
-// src/spinners.ts
-var SPINNERS = {
-  arc: Arc,
-  atom: Atom,
-  blocks: Blocks,
-  "bouncing-dots": BouncingDots,
-  cascade: Cascade,
-  "circular-dots": CircularDots,
-  classic: Classic,
-  "classic-v2": ClassicV2,
-  clock: Clock,
-  comet: Comet,
-  compass: Compass,
-  dual: Dual,
-  eclipse: Eclipse,
-  flip: Flip,
-  gather: Gather,
-  leap: Leap,
-  "linear-dots": LinearDots,
-  loading: Loading,
-  morph: Morph,
-  orbit: Orbit,
-  pulse: Pulse,
-  radar: Radar,
-  ring: Ring,
-  ripple: Ripple,
-  slide: Slide,
-  snake: Snake,
-  swirl: Swirl,
-  trace: Trace,
-  wave: Wave
-};
-
-export {
-  SPINNERS
-};