loading-dev 0.3.5 → 0.3.7

package/dist/chunk-IJJULNRU.js

@@ -1,53 +0,0 @@
-import {
-  fadeCss
-} from "./chunk-PVVWLDIS.js";
-import {
-  SpinnerStyle,
-  spinnerRoot,
-  step
-} from "./chunk-UAO52LUL.js";
-import {
-  SIZE,
-  STEP_VAR
-} from "./chunk-OMNMMKI7.js";
-
-// src/classic.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var BARS = Array.from({ length: 12 }, (_, index) => index);
-var css = `
-.ld-classic {
-  width: ${SIZE};
-  height: ${SIZE};
-}
-
-.ld-classic-inner {
-  position: relative;
-  top: 50%;
-  left: 50%;
-  width: ${SIZE};
-  height: ${SIZE};
-}
-
-.ld-classic-bar {
-  position: absolute;
-  top: -3.9%;
-  left: -10%;
-  width: 24%;
-  height: 8%;
-  background: currentColor;
-  border-radius: 6px;
-  transform: rotate(calc(var(${STEP_VAR}) * 30deg)) translate(146%);
-}
-
-${fadeCss("classic", "bar", BARS.length, { dim: 0.15, rest: 0.5 })}
-`;
-function Classic(props) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SpinnerStyle, { name: "classic", children: css }),
-    /* @__PURE__ */ jsx("div", { ...spinnerRoot("classic", props), children: /* @__PURE__ */ jsx("div", { className: "ld-classic-inner", children: BARS.map((bar) => /* @__PURE__ */ jsx("div", { className: "ld-classic-bar", style: step(bar) }, bar)) }) })
-  ] });
-}
-
-export {
-  Classic
-};

package/dist/chunk-JKLL7YYG.js

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

@@ -1,10 +0,0 @@
-// src/cap.ts
-var DEFAULT_CAP = "round";
-function linecap(cap = DEFAULT_CAP) {
-  return cap === "flat" ? "butt" : "round";
-}
-
-export {
-  DEFAULT_CAP,
-  linecap
-};

package/dist/chunk-JQNF5GYA.js

@@ -1,52 +0,0 @@
-import {
-  SpinnerStyle,
-  spinnerRoot
-} from "./chunk-UAO52LUL.js";
-import {
-  SIZE,
-  animation
-} from "./chunk-OMNMMKI7.js";
-
-// src/compass.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var css = `
-.ld-compass {
-  width: ${SIZE};
-  height: ${SIZE};
-}
-
-.ld-compass-ticks {
-  transform-origin: center;
-  ${animation("compass", "ld-compass-turn", "ease-in-out")}
-}
-
-@keyframes ld-compass-turn {
-  to {
-    transform: rotate(90deg);
-  }
-}
-`;
-function Compass(props) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SpinnerStyle, { name: "compass", children: css }),
-    /* @__PURE__ */ jsx(
-      "svg",
-      {
-        ...spinnerRoot("compass", props),
-        fill: "none",
-        role: "presentation",
-        viewBox: "0 0 16 16",
-        children: /* @__PURE__ */ jsxs("g", { className: "ld-compass-ticks", fill: "currentColor", children: [
-          /* @__PURE__ */ jsx("path", { d: "M7.33334 0.666667C7.33334 0.298477 7.63181 0 8 0C8.36819 0 8.66667 0.298477 8.66667 0.666667V3.33333C8.66667 3.70152 8.36819 4 8 4C7.63181 4 7.33334 3.70152 7.33334 3.33333V0.666667Z" }),
-          /* @__PURE__ */ jsx("path", { d: "M12.6667 8.66667C12.2985 8.66667 12 8.3682 12 8.00001C12 7.63182 12.2985 7.33334 12.6667 7.33334H15.3333C15.7015 7.33334 16 7.63182 16 8.00001C16 8.3682 15.7015 8.66667 15.3333 8.66667H12.6667Z" }),
-          /* @__PURE__ */ jsx("path", { d: "M7.33333 12.6667C7.33333 12.2985 7.63181 12 8 12C8.36819 12 8.66667 12.2985 8.66667 12.6667V15.3333C8.66667 15.7015 8.36819 16 8 16C7.63181 16 7.33333 15.7015 7.33333 15.3333V12.6667Z" }),
-          /* @__PURE__ */ jsx("path", { d: "M0.666667 8.66667C0.298477 8.66667 1.60941e-08 8.3682 0 8.00001C-1.60941e-08 7.63182 0.298477 7.33334 0.666667 7.33334H3.33333C3.70152 7.33334 4 7.63182 4 8.00001C4 8.3682 3.70152 8.66667 3.33333 8.66667H0.666667Z" })
-        ] })
-      }
-    )
-  ] });
-}
-
-export {
-  Compass
-};

package/dist/chunk-KAZ5BTXC.js

@@ -1,74 +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/trace.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var VIEW = 20;
-var SIDE = 17.5;
-var RADIUS = 4;
-var PERIMETER = 4 * (SIDE - 2 * RADIUS) + 2 * Math.PI * RADIUS;
-var DASH = 16;
-var RECT = {
-  height: SIDE,
-  rx: RADIUS,
-  width: SIDE,
-  x: (VIEW - SIDE) / 2,
-  y: (VIEW - SIDE) / 2
-};
-var css = `
-.ld-trace {
-  width: ${SIZE};
-  height: ${SIZE};
-}
-
-${rotationCss(
-  "trace",
-  `to {
-    stroke-dashoffset: ${-PERIMETER};
-  }`
-)}
-`;
-function Trace({ cap, easing, ...rest }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SpinnerStyle, { name: "trace", children: css }),
-    /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        ...spinnerRoot("trace", rest),
-        fill: "none",
-        role: "presentation",
-        stroke: "currentColor",
-        strokeWidth: "2.5",
-        viewBox: `0 0 ${VIEW} ${VIEW}`,
-        children: [
-          /* @__PURE__ */ jsx("rect", { ...RECT, opacity: "0.2" }),
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              ...RECT,
-              className: spinClass("trace", easing),
-              strokeDasharray: `${DASH} ${PERIMETER - DASH}`,
-              strokeLinecap: linecap(cap)
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-
-export {
-  Trace
-};

package/dist/chunk-KOYM24WV.js

@@ -1,72 +0,0 @@
-import {
-  linecap
-} from "./chunk-JNR4T6LZ.js";
-import {
-  SpinnerStyle,
-  spinnerRoot,
-  step
-} from "./chunk-UAO52LUL.js";
-import {
-  SIZE,
-  animation,
-  stagger
-} from "./chunk-OMNMMKI7.js";
-
-// src/cascade.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var RADII = [10.5, 7, 3.5];
-var SLOTS = 24;
-var css = `
-.ld-cascade {
-  width: ${SIZE};
-  height: ${SIZE};
-}
-
-.ld-cascade-arc {
-  transform-origin: center;
-  ${animation("cascade", "ld-cascade-turn", "cubic-bezier(0.68, -0.75, 0.265, 1.75)")}
-  animation-delay: ${stagger("cascade", SLOTS)};
-}
-
-@keyframes ld-cascade-turn {
-  to {
-    transform: rotate(360deg);
-  }
-}
-`;
-function Cascade({ cap, ...rest }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SpinnerStyle, { name: "cascade", children: css }),
-    /* @__PURE__ */ jsx(
-      "svg",
-      {
-        ...spinnerRoot("cascade", rest),
-        fill: "none",
-        role: "presentation",
-        stroke: "currentColor",
-        strokeLinecap: linecap(cap),
-        strokeWidth: "2",
-        viewBox: "0 0 24 24",
-        children: RADII.map((r, index) => {
-          const circumference = 2 * Math.PI * r;
-          return /* @__PURE__ */ jsx(
-            "circle",
-            {
-              className: "ld-cascade-arc",
-              cx: "12",
-              cy: "12",
-              r,
-              strokeDasharray: `${circumference / 4} ${circumference * 3 / 4}`,
-              style: step(index)
-            },
-            r
-          );
-        })
-      }
-    )
-  ] });
-}
-
-export {
-  Cascade
-};

package/dist/chunk-L2DUMHO4.js

@@ -1,69 +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/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
-};

package/dist/chunk-LDXBT62V.js

@@ -1,57 +0,0 @@
-import {
-  rotationCss,
-  spinClass
-} from "./chunk-A2PZBHTA.js";
-import {
-  SpinnerStyle,
-  spinnerRoot
-} from "./chunk-UAO52LUL.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-MAKBZTL3.js

@@ -1,56 +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/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-OMNMMKI7.js

@@ -1,64 +0,0 @@
-// src/motion.ts
-var DURATION_VAR = "--ld-duration";
-var PLAY_STATE_VAR = "--ld-play-state";
-var SIZE_VAR = "--ld-size";
-var STEP_VAR = "--ld-step";
-var DEFAULT_SIZE = 20;
-var SIZE = `var(${SIZE_VAR}, ${DEFAULT_SIZE}px)`;
-var SPINNER_MOTION = {
-  arc: 800,
-  atom: 1e3,
-  blocks: 1300,
-  "bouncing-dots": 500,
-  cascade: 1500,
-  "circular-dots": 800,
-  classic: 1200,
-  "classic-v2": 800,
-  clock: 1200,
-  comet: 700,
-  compass: 500,
-  dual: 1e3,
-  eclipse: 1200,
-  flip: 1200,
-  gather: 1600,
-  leap: 1800,
-  "linear-dots": 900,
-  loading: 1e3,
-  morph: 1200,
-  orbit: 750,
-  pulse: 1200,
-  radar: 1500,
-  ring: 800,
-  ripple: 1200,
-  slide: 2400,
-  snake: 1400,
-  swirl: 1200,
-  trace: 1200,
-  wave: 900
-};
-function duration(name) {
-  return `var(${DURATION_VAR}, ${SPINNER_MOTION[name]}ms)`;
-}
-function stagger(name, count) {
-  return `calc(${duration(name)} * (var(${STEP_VAR}) - ${count}) / ${count})`;
-}
-var PLAY_STATE = `var(${PLAY_STATE_VAR}, running)`;
-function animation(name, keyframes, timing) {
-  const runs = [keyframes].flat().map((frames) => `${frames} ${duration(name)} ${timing} infinite`);
-  return `animation: ${runs.join(", ")};
-  animation-play-state: ${PLAY_STATE};`;
-}
-
-export {
-  DURATION_VAR,
-  PLAY_STATE_VAR,
-  SIZE_VAR,
-  STEP_VAR,
-  DEFAULT_SIZE,
-  SIZE,
-  SPINNER_MOTION,
-  duration,
-  stagger,
-  PLAY_STATE,
-  animation
-};

package/dist/chunk-P4BSSDSY.js

@@ -1,51 +0,0 @@
-import {
-  SpinnerStyle,
-  spinnerRoot
-} from "./chunk-UAO52LUL.js";
-import {
-  SIZE,
-  animation
-} from "./chunk-OMNMMKI7.js";
-
-// src/morph.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var css = `
-.ld-morph {
-  width: ${SIZE};
-  height: ${SIZE};
-}
-
-.ld-morph-shape {
-  width: 64%;
-  height: 64%;
-  margin: 18%;
-  background: currentColor;
-  border-radius: calc(${SIZE} * 0.08);
-  ${animation("morph", "ld-morph-round", "ease-in-out")}
-}
-
-@keyframes ld-morph-round {
-  0% {
-    border-radius: calc(${SIZE} * 0.08);
-    transform: rotate(0);
-  }
-  50% {
-    border-radius: 50%;
-    transform: rotate(45deg);
-  }
-  100% {
-    border-radius: calc(${SIZE} * 0.08);
-    transform: rotate(90deg);
-  }
-}
-`;
-function Morph(props) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SpinnerStyle, { name: "morph", children: css }),
-    /* @__PURE__ */ jsx("div", { ...spinnerRoot("morph", props), children: /* @__PURE__ */ jsx("div", { className: "ld-morph-shape" }) })
-  ] });
-}
-
-export {
-  Morph
-};