@particle-academy/react-fancy 5.12.0 → 5.14.0

package/dist/chunk-ARSQY4P7.cjs

@@ -0,0 +1,101 @@
+'use strict';
+
+var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function range(start, end) {
+  return Array.from({ length: end - start + 1 }, (_, i) => start + i);
+}
+function getPages(page, totalPages, siblings) {
+  const totalSlots = siblings * 2 + 5;
+  if (totalPages <= totalSlots) return range(1, totalPages);
+  const leftSibling = Math.max(page - siblings, 1);
+  const rightSibling = Math.min(page + siblings, totalPages);
+  const showLeftEllipsis = leftSibling > 2;
+  const showRightEllipsis = rightSibling < totalPages - 1;
+  if (!showLeftEllipsis && showRightEllipsis) {
+    const leftRange = range(1, 3 + siblings * 2);
+    return [...leftRange, "ellipsis", totalPages];
+  }
+  if (showLeftEllipsis && !showRightEllipsis) {
+    const rightRange = range(totalPages - (2 + siblings * 2), totalPages);
+    return [1, "ellipsis", ...rightRange];
+  }
+  return [
+    1,
+    "ellipsis",
+    ...range(leftSibling, rightSibling),
+    "ellipsis",
+    totalPages
+  ];
+}
+function Pagination({
+  page,
+  onPageChange,
+  totalPages,
+  siblingCount = 1,
+  className
+}) {
+  const pages = react.useMemo(
+    () => getPages(page, totalPages, siblingCount),
+    [page, totalPages, siblingCount]
+  );
+  if (totalPages <= 1) return null;
+  const btnBase = "inline-flex h-9 min-w-9 items-center justify-center rounded-lg border text-sm transition-colors";
+  const btnDefault = "border-zinc-200 bg-white hover:bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900 dark:hover:bg-zinc-800";
+  const btnActive = "border-zinc-900 bg-zinc-900 text-white dark:border-white dark:bg-white dark:text-zinc-900";
+  const btnDisabled = "cursor-not-allowed opacity-50";
+  return /* @__PURE__ */ jsxRuntime.jsxs("nav", { "aria-label": "Pagination", "data-react-fancy-pagination": "", className: chunk3Z6ALUWP_cjs.cn("flex items-center gap-1", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        disabled: page <= 1,
+        onClick: () => onPageChange(page - 1),
+        className: chunk3Z6ALUWP_cjs.cn(btnBase, btnDefault, page <= 1 && btnDisabled, "px-2"),
+        "aria-label": "Previous page",
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { size: 16 })
+      }
+    ),
+    pages.map(
+      (p, i) => p === "ellipsis" ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-1 text-zinc-400", children: "..." }, `e-${i}`) : /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onPageChange(p),
+          "aria-current": p === page ? "page" : void 0,
+          className: chunk3Z6ALUWP_cjs.cn(
+            btnBase,
+            p === page ? btnActive : btnDefault,
+            "px-2"
+          ),
+          children: p
+        },
+        p
+      )
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        disabled: page >= totalPages,
+        onClick: () => onPageChange(page + 1),
+        className: chunk3Z6ALUWP_cjs.cn(
+          btnBase,
+          btnDefault,
+          page >= totalPages && btnDisabled,
+          "px-2"
+        ),
+        "aria-label": "Next page",
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { size: 16 })
+      }
+    )
+  ] });
+}
+Pagination.displayName = "Pagination";
+
+exports.Pagination = Pagination;
+//# sourceMappingURL=chunk-ARSQY4P7.cjs.map
+//# sourceMappingURL=chunk-ARSQY4P7.cjs.map

package/dist/chunk-ARSQY4P7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Pagination/Pagination.tsx"],"names":["useMemo","jsxs","cn","jsx","ChevronLeft","ChevronRight"],"mappings":"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","file":"chunk-ARSQY4P7.cjs","sourcesContent":["import { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { useMemo } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { PaginationProps } from \"./Pagination.types\";\n\nfunction range(start: number, end: number): number[] {\n  return Array.from({ length: end - start + 1 }, (_, i) => start + i);\n}\n\nfunction getPages(\n  page: number,\n  totalPages: number,\n  siblings: number,\n): (number | \"ellipsis\")[] {\n  const totalSlots = siblings * 2 + 5; // siblings + boundaries + ellipses + current\n  if (totalPages <= totalSlots) return range(1, totalPages);\n\n  const leftSibling = Math.max(page - siblings, 1);\n  const rightSibling = Math.min(page + siblings, totalPages);\n\n  const showLeftEllipsis = leftSibling > 2;\n  const showRightEllipsis = rightSibling < totalPages - 1;\n\n  if (!showLeftEllipsis && showRightEllipsis) {\n    const leftRange = range(1, 3 + siblings * 2);\n    return [...leftRange, \"ellipsis\", totalPages];\n  }\n\n  if (showLeftEllipsis && !showRightEllipsis) {\n    const rightRange = range(totalPages - (2 + siblings * 2), totalPages);\n    return [1, \"ellipsis\", ...rightRange];\n  }\n\n  return [\n    1,\n    \"ellipsis\",\n    ...range(leftSibling, rightSibling),\n    \"ellipsis\",\n    totalPages,\n  ];\n}\n\nexport function Pagination({\n  page,\n  onPageChange,\n  totalPages,\n  siblingCount = 1,\n  className,\n}: PaginationProps) {\n  const pages = useMemo(\n    () => getPages(page, totalPages, siblingCount),\n    [page, totalPages, siblingCount],\n  );\n\n  if (totalPages <= 1) return null;\n\n  const btnBase =\n    \"inline-flex h-9 min-w-9 items-center justify-center rounded-lg border text-sm transition-colors\";\n  const btnDefault =\n    \"border-zinc-200 bg-white hover:bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900 dark:hover:bg-zinc-800\";\n  const btnActive =\n    \"border-zinc-900 bg-zinc-900 text-white dark:border-white dark:bg-white dark:text-zinc-900\";\n  const btnDisabled = \"cursor-not-allowed opacity-50\";\n\n  return (\n    <nav aria-label=\"Pagination\" data-react-fancy-pagination=\"\" className={cn(\"flex items-center gap-1\", className)}>\n      <button\n        type=\"button\"\n        disabled={page <= 1}\n        onClick={() => onPageChange(page - 1)}\n        className={cn(btnBase, btnDefault, page <= 1 && btnDisabled, \"px-2\")}\n        aria-label=\"Previous page\"\n      >\n        <ChevronLeft size={16} />\n      </button>\n\n      {pages.map((p, i) =>\n        p === \"ellipsis\" ? (\n          <span key={`e-${i}`} className=\"px-1 text-zinc-400\">\n            ...\n          </span>\n        ) : (\n          <button\n            key={p}\n            type=\"button\"\n            onClick={() => onPageChange(p)}\n            aria-current={p === page ? \"page\" : undefined}\n            className={cn(\n              btnBase,\n              p === page ? btnActive : btnDefault,\n              \"px-2\",\n            )}\n          >\n            {p}\n          </button>\n        ),\n      )}\n\n      <button\n        type=\"button\"\n        disabled={page >= totalPages}\n        onClick={() => onPageChange(page + 1)}\n        className={cn(\n          btnBase,\n          btnDefault,\n          page >= totalPages && btnDisabled,\n          \"px-2\",\n        )}\n        aria-label=\"Next page\"\n      >\n        <ChevronRight size={16} />\n      </button>\n    </nav>\n  );\n}\n\nPagination.displayName = \"Pagination\";\n"]}

package/dist/chunk-ATFXU6R6.js

@@ -0,0 +1,122 @@
+import { cn } from './chunk-DSUHZO6T.js';
+import { forwardRef, useRef, useImperativeHandle, useState, useEffect, Children, Fragment } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function toLength(value) {
+  return typeof value === "number" ? `${value}px` : value;
+}
+var Marquee = forwardRef(
+  ({
+    children,
+    items,
+    speed = 40,
+    duration,
+    direction = "left",
+    pauseOnHover = false,
+    paused = false,
+    gap = 40,
+    fade = true,
+    separator,
+    angle = 0,
+    decorative = true,
+    className,
+    style,
+    ...rest
+  }, ref) => {
+    const rootRef = useRef(null);
+    const unitRef = useRef(null);
+    useImperativeHandle(ref, () => rootRef.current);
+    const [copies, setCopies] = useState(1);
+    const [measuredDuration, setMeasuredDuration] = useState(null);
+    useEffect(() => {
+      const root = rootRef.current;
+      const unit = unitRef.current;
+      if (!root || !unit || typeof ResizeObserver === "undefined") return;
+      const update = () => {
+        const unitWidth = unit.getBoundingClientRect().width;
+        const containerWidth = root.clientWidth;
+        if (unitWidth <= 0) return;
+        const nextCopies = Math.max(1, Math.ceil(containerWidth / unitWidth));
+        setCopies(nextCopies);
+        if (duration === void 0) {
+          setMeasuredDuration(unitWidth * nextCopies / Math.max(speed, 1));
+        }
+      };
+      update();
+      const observer = new ResizeObserver(update);
+      observer.observe(root);
+      observer.observe(unit);
+      return () => observer.disconnect();
+    }, [duration, speed]);
+    const loopSeconds = duration ?? measuredDuration ?? 40;
+    const itemNodes = items ?? Children.toArray(children);
+    const hasSeparator = separator !== void 0 && separator !== null;
+    const renderUnit = (duplicate, unitElRef) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: unitElRef,
+        className: "fancy-marquee__unit",
+        "aria-hidden": duplicate || void 0,
+        children: itemNodes.map((node, i) => /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "fancy-marquee__item", "data-react-fancy-marquee-item": "", "data-index": i, children: node }),
+          hasSeparator && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "fancy-marquee__separator",
+              "data-react-fancy-marquee-separator": "",
+              "aria-hidden": "true",
+              children: separator
+            }
+          )
+        ] }, i))
+      }
+    );
+    const renderGroup = (duplicate) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fancy-marquee__group",
+        "data-react-fancy-marquee-group": "",
+        "aria-hidden": duplicate || void 0,
+        children: Array.from(
+          { length: copies },
+          (_, c) => /* @__PURE__ */ jsx(Fragment, { children: renderUnit(duplicate || c > 0, !duplicate && c === 0 ? unitRef : void 0) }, c)
+        )
+      }
+    );
+    const cssVars = {
+      "--fancy-marquee-duration": `${loopSeconds}s`,
+      "--fancy-marquee-gap": toLength(gap),
+      ...fade !== false && {
+        "--fancy-marquee-fade": fade === true ? "48px" : toLength(fade)
+      }
+    };
+    const angleStyle = angle ? { transform: `rotate(${angle}deg)`, width: "102%", marginLeft: "-1%" } : {};
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: rootRef,
+        "data-react-fancy-marquee": "",
+        "data-direction": direction,
+        "data-paused": paused ? "" : void 0,
+        "aria-hidden": decorative || void 0,
+        className: cn(
+          "fancy-marquee",
+          fade !== false && "fancy-marquee--fade",
+          pauseOnHover && "fancy-marquee--pause-hover",
+          className
+        ),
+        style: { ...cssVars, ...angleStyle, ...style },
+        ...rest,
+        children: /* @__PURE__ */ jsxs("div", { className: "fancy-marquee__track", "data-react-fancy-marquee-track": "", children: [
+          renderGroup(false),
+          renderGroup(true)
+        ] })
+      }
+    );
+  }
+);
+Marquee.displayName = "Marquee";
+
+export { Marquee };
+//# sourceMappingURL=chunk-ATFXU6R6.js.map
+//# sourceMappingURL=chunk-ATFXU6R6.js.map

package/dist/chunk-ATFXU6R6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Marquee/Marquee.tsx"],"names":[],"mappings":"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","file":"chunk-ATFXU6R6.js","sourcesContent":["import {\n  Children,\n  Fragment,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { MarqueeProps } from \"./Marquee.types\";\n\nfunction toLength(value: string | number): string {\n  return typeof value === \"number\" ? `${value}px` : value;\n}\n\nexport const Marquee = forwardRef<HTMLDivElement, MarqueeProps>(\n  (\n    {\n      children,\n      items,\n      speed = 40,\n      duration,\n      direction = \"left\",\n      pauseOnHover = false,\n      paused = false,\n      gap = 40,\n      fade = true,\n      separator,\n      angle = 0,\n      decorative = true,\n      className,\n      style,\n      ...rest\n    },\n    ref,\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    const unitRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement);\n\n    // copies = how many times the item sequence repeats inside ONE loop copy,\n    // so short content still fills the strip edge-to-edge (no blank wrap).\n    const [copies, setCopies] = useState(1);\n    const [measuredDuration, setMeasuredDuration] = useState<number | null>(null);\n\n    // Measure one content unit (incl. its trailing gap) + the container:\n    //  - auto-fill: repeat the unit until one loop copy covers the container\n    //  - px/s mode: derive the loop duration from the loop distance so the\n    //    perceived speed stays constant regardless of content width.\n    // Browser-only (effect) — SSR renders one unit at the fallback pace.\n    useEffect(() => {\n      const root = rootRef.current;\n      const unit = unitRef.current;\n      if (!root || !unit || typeof ResizeObserver === \"undefined\") return;\n      const update = () => {\n        const unitWidth = unit.getBoundingClientRect().width;\n        const containerWidth = root.clientWidth;\n        if (unitWidth <= 0) return;\n        const nextCopies = Math.max(1, Math.ceil(containerWidth / unitWidth));\n        setCopies(nextCopies);\n        if (duration === undefined) {\n          setMeasuredDuration((unitWidth * nextCopies) / Math.max(speed, 1));\n        }\n      };\n      update();\n      const observer = new ResizeObserver(update);\n      observer.observe(root);\n      observer.observe(unit);\n      return () => observer.disconnect();\n    }, [duration, speed]);\n\n    const loopSeconds = duration ?? measuredDuration ?? 40;\n    const itemNodes: ReactNode[] = items ?? Children.toArray(children);\n    const hasSeparator = separator !== undefined && separator !== null;\n\n    // One unit = the item sequence once (separator after every item so the\n    // wrap point looks identical to any other joint).\n    const renderUnit = (duplicate: boolean, unitElRef?: React.Ref<HTMLDivElement>) => (\n      <div\n        ref={unitElRef}\n        className=\"fancy-marquee__unit\"\n        aria-hidden={duplicate || undefined}\n      >\n        {itemNodes.map((node, i) => (\n          <Fragment key={i}>\n            <div className=\"fancy-marquee__item\" data-react-fancy-marquee-item=\"\" data-index={i}>\n              {node}\n            </div>\n            {hasSeparator && (\n              <div\n                className=\"fancy-marquee__separator\"\n                data-react-fancy-marquee-separator=\"\"\n                aria-hidden=\"true\"\n              >\n                {separator}\n              </div>\n            )}\n          </Fragment>\n        ))}\n      </div>\n    );\n\n    // Two identical groups + translateX(-50%) keyframes = seamless wrap. Only\n    // the very first unit is exposed to AT; every repeat is aria-hidden.\n    const renderGroup = (duplicate: boolean) => (\n      <div\n        className=\"fancy-marquee__group\"\n        data-react-fancy-marquee-group=\"\"\n        aria-hidden={duplicate || undefined}\n      >\n        {Array.from({ length: copies }, (_, c) =>\n          <Fragment key={c}>\n            {renderUnit(duplicate || c > 0, !duplicate && c === 0 ? unitRef : undefined)}\n          </Fragment>,\n        )}\n      </div>\n    );\n\n    const cssVars: CSSProperties = {\n      \"--fancy-marquee-duration\": `${loopSeconds}s`,\n      \"--fancy-marquee-gap\": toLength(gap),\n      ...(fade !== false && {\n        \"--fancy-marquee-fade\": fade === true ? \"48px\" : toLength(fade),\n      }),\n    } as CSSProperties;\n\n    // Tilted strips widen slightly (the classic 102% / -1% trick) so the\n    // rotation never exposes the page background at the edges.\n    const angleStyle: CSSProperties = angle\n      ? { transform: `rotate(${angle}deg)`, width: \"102%\", marginLeft: \"-1%\" }\n      : {};\n\n    return (\n      <div\n        ref={rootRef}\n        data-react-fancy-marquee=\"\"\n        data-direction={direction}\n        data-paused={paused ? \"\" : undefined}\n        aria-hidden={decorative || undefined}\n        className={cn(\n          \"fancy-marquee\",\n          fade !== false && \"fancy-marquee--fade\",\n          pauseOnHover && \"fancy-marquee--pause-hover\",\n          className,\n        )}\n        style={{ ...cssVars, ...angleStyle, ...style }}\n        {...rest}\n      >\n        <div className=\"fancy-marquee__track\" data-react-fancy-marquee-track=\"\">\n          {renderGroup(false)}\n          {renderGroup(true)}\n        </div>\n      </div>\n    );\n  },\n);\n\nMarquee.displayName = \"Marquee\";\n"]}

package/dist/chunk-AUTW5O4W.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-AUTW5O4W.js.map
+//# sourceMappingURL=chunk-AUTW5O4W.js.map

package/dist/chunk-AUTW5O4W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-AUTW5O4W.js"}