@gridui/pagination 0.0.0-stage → 1.0.0

package/README.md

@@ -1,3 +1,8 @@
-# Temporary Holding Version
+# @gridui/pagination
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Core family. Public API: `Pagination`, `PaginationLabels`, `PaginationProps`.
+
+Import components from `@gridui/pagination` and load `@gridui/pagination/styles.css` after Theme.
+Load styles for any composed dependency used by this family. Applications own routes, labels, state persistence, and branding.
+
+See [component ownership](../../docs/component-ownership.md) and [release history](.changeset/history/).

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @author WMXPY
+ * @package Pagination
+ * @namespace Root
+ * @description Index
+ */
+export type { PaginationLabels } from "./pagination/pagination";
+export type { PaginationProps } from "./pagination/pagination";
+export { Pagination } from "./pagination/pagination";

package/dist/index.js

@@ -0,0 +1,167 @@
+// src/pagination/range.ts
+var paginationRange = (page, pageCount, compact = false) => {
+  if (!Number.isSafeInteger(pageCount) || pageCount < 0 || !Number.isSafeInteger(page) || page < 1) {
+    throw new RangeError("Pagination requires a positive integer page and a non-negative integer pageCount.");
+  }
+  if (pageCount === 0) {
+    return [];
+  }
+  if (pageCount <= (compact ? 5 : 7)) {
+    return Array.from({ length: pageCount }, (_, index) => {
+      return index + 1;
+    });
+  }
+  const current = Math.min(page, pageCount);
+  if (compact) {
+    const positions = [
+      .../* @__PURE__ */ new Set([
+        1,
+        current,
+        pageCount
+      ])
+    ];
+    const entries2 = [];
+    for (const [
+      index,
+      position
+    ] of positions.entries()) {
+      if (index > 0 && position - positions[index - 1] > 1) {
+        entries2.push(position <= current ? "start-ellipsis" : "end-ellipsis");
+      }
+      entries2.push(position);
+    }
+    return entries2;
+  }
+  const start = Math.max(2, Math.min(current - 1, pageCount - 4));
+  const end = Math.min(pageCount - 1, Math.max(current + 1, 5));
+  const entries = [1];
+  if (start === 3) {
+    entries.push(2);
+  } else if (start > 3) {
+    entries.push("start-ellipsis");
+  }
+  for (let index = start; index <= end; index++) {
+    entries.push(index);
+  }
+  if (end === pageCount - 2) {
+    entries.push(pageCount - 1);
+  } else if (end < pageCount - 2) {
+    entries.push("end-ellipsis");
+  }
+  entries.push(pageCount);
+  return entries;
+};
+
+// src/pagination/pagination.tsx
+import { Button, ButtonLink } from "@gridui/button";
+import { cn } from "@gridui/style-utils";
+import { ChevronLeft, ChevronRight, Ellipsis } from "lucide-react";
+import { Fragment } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Pagination = (props) => {
+  const { page, pageCount, labels, onPageChange, getPageHref, className, ...restProps } = props;
+  const entries = paginationRange(page, pageCount);
+  const compactEntries = paginationRange(page, pageCount, true);
+  const current = Math.max(1, Math.min(page, pageCount));
+  const control = (target, label, children, disabled, active = false) => {
+    const shared = {
+      "aria-label": label,
+      "aria-current": active ? "page" : void 0,
+      variant: active ? "secondary" : "quiet",
+      layout: "icon",
+      className: typeof children === "number" ? "h-auto min-h-11 w-auto min-w-11 px-gridui-8 whitespace-nowrap" : void 0
+    };
+    if (getPageHref && !disabled) {
+      return /* @__PURE__ */ jsx(
+        ButtonLink,
+        {
+          ...shared,
+          href: getPageHref(target),
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        ...shared,
+        disabled,
+        onClick: () => {
+          if (target !== current) {
+            onPageChange?.(target);
+          }
+        },
+        children
+      }
+    );
+  };
+  const renderEntry = (entry, entryClassName) => {
+    return /* @__PURE__ */ jsx(
+      "li",
+      {
+        className: entryClassName,
+        children: typeof entry === "number" ? control(entry, labels.page(entry), entry, false, entry === current) : /* @__PURE__ */ jsx(
+          "span",
+          {
+            role: "img",
+            className: "inline-flex min-h-11 min-w-11 items-center justify-center text-muted",
+            "aria-label": labels.ellipsis,
+            children: /* @__PURE__ */ jsx(
+              Ellipsis,
+              {
+                "aria-hidden": "true"
+              }
+            )
+          }
+        )
+      }
+    );
+  };
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      ...restProps,
+      "aria-label": labels.navigation,
+      className: cn("min-w-0", className),
+      children: /* @__PURE__ */ jsxs(
+        "ul",
+        {
+          className: "m-0 flex list-none flex-wrap items-center gap-0 p-0 md:gap-gridui-4",
+          children: [
+            /* @__PURE__ */ jsx("li", { children: control(current - 1, labels.previous, /* @__PURE__ */ jsx(
+              ChevronLeft,
+              {
+                className: "rtl:rotate-180",
+                "aria-hidden": "true"
+              }
+            ), pageCount === 0 || current === 1) }),
+            entries.map((entry) => {
+              return /* @__PURE__ */ jsxs(
+                Fragment,
+                {
+                  children: [
+                    entry === pageCount && compactEntries.includes("end-ellipsis") && !entries.includes("end-ellipsis") && renderEntry("end-ellipsis", "md:hidden"),
+                    renderEntry(entry, compactEntries.includes(entry) ? void 0 : "hidden md:block"),
+                    entry === 1 && compactEntries.includes("start-ellipsis") && !entries.includes("start-ellipsis") && renderEntry("start-ellipsis", "md:hidden")
+                  ]
+                },
+                entry
+              );
+            }),
+            /* @__PURE__ */ jsx("li", { children: control(current + 1, labels.next, /* @__PURE__ */ jsx(
+              ChevronRight,
+              {
+                className: "rtl:rotate-180",
+                "aria-hidden": "true"
+              }
+            ), pageCount === 0 || current >= pageCount) })
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  Pagination
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/pagination/range.ts", "../src/pagination/pagination.tsx"],
+  "sourcesContent": ["/**\n * @author WMXPY\n * @package Pagination\n * @namespace Pagination\n * @description Range\n */\n\nexport type PaginationEntry = number | \"start-ellipsis\" | \"end-ellipsis\";\n\nexport const paginationRange = (page: number, pageCount: number, compact = false): PaginationEntry[] => {\n    if (!Number.isSafeInteger(pageCount) || pageCount < 0 || !Number.isSafeInteger(page) || page < 1) {\n        throw new RangeError(\"Pagination requires a positive integer page and a non-negative integer pageCount.\");\n    }\n    if (pageCount === 0) {\n        return [];\n    }\n    if (pageCount <= (compact ? 5 : 7)) {\n        return Array.from({ length: pageCount }, (_, index) => {\n            return index + 1;\n        });\n    }\n    const current = Math.min(page, pageCount);\n    if (compact) {\n        const positions = [\n            ...new Set([\n                1,\n                current,\n                pageCount,\n            ]),\n        ];\n        const entries: PaginationEntry[] = [];\n        for (const [\n            index,\n            position,\n        ] of positions.entries()) {\n            if (index > 0 && position - positions[index - 1]! > 1) {\n                entries.push(position <= current ? \"start-ellipsis\" : \"end-ellipsis\");\n            }\n            entries.push(position);\n        }\n        return entries;\n    }\n    const start = Math.max(2, Math.min(current - 1, pageCount - 4));\n    const end = Math.min(pageCount - 1, Math.max(current + 1, 5));\n    const entries: PaginationEntry[] = [1];\n    if (start === 3) {\n        entries.push(2);\n    } else if (start > 3) {\n        entries.push(\"start-ellipsis\");\n    }\n    for (let index = start; index <= end; index++) { entries.push(index); }\n    if (end === pageCount - 2) {\n        entries.push(pageCount - 1);\n    } else if (end < pageCount - 2) {\n        entries.push(\"end-ellipsis\");\n    }\n    entries.push(pageCount);\n    return entries;\n};\n", "/**\n * @author WMXPY\n * @package Pagination\n * @namespace Pagination\n * @description Pagination\n */\n\nimport { type PaginationEntry, paginationRange } from \"./range\";\nimport { Button, ButtonLink } from \"@gridui/button\";\nimport { cn } from \"@gridui/style-utils\";\nimport { ChevronLeft, ChevronRight, Ellipsis } from \"lucide-react\";\nimport { type ComponentPropsWithRef, type FC, Fragment, type ReactNode } from \"react\";\n\nexport type PaginationLabels = {\n    readonly navigation: string;\n    readonly previous: string;\n    readonly next: string;\n    readonly page: (page: number) => string;\n    readonly ellipsis: string;\n};\n\nexport type PaginationProps = Omit<ComponentPropsWithRef<\"nav\">, \"children\" | \"aria-label\"> & {\n    readonly page: number;\n    readonly pageCount: number;\n    readonly labels: PaginationLabels;\n} & ({\n    readonly onPageChange: (page: number) => void;\n    readonly getPageHref?: never;\n} | {\n    readonly getPageHref: (page: number) => string;\n    readonly onPageChange?: never;\n});\n\nexport const Pagination: FC<PaginationProps> = (props: PaginationProps) => {\n    const { page, pageCount, labels, onPageChange, getPageHref, className, ...restProps } = props;\n    const entries = paginationRange(page, pageCount);\n    const compactEntries = paginationRange(page, pageCount, true);\n    const current = Math.max(1, Math.min(page, pageCount));\n    const control = (target: number, label: string, children: ReactNode, disabled: boolean, active = false) => {\n        const shared = {\n            \"aria-label\": label,\n            \"aria-current\": active ? \"page\" as const : undefined,\n            variant: active ? \"secondary\" as const : \"quiet\" as const,\n            layout: \"icon\" as const,\n            className: typeof children === \"number\" ? \"h-auto min-h-11 w-auto min-w-11 px-gridui-8 whitespace-nowrap\" : undefined,\n        };\n        if (getPageHref && !disabled) {\n            return (<ButtonLink\n                {...shared}\n                href={getPageHref(target)}\n            >\n                {children}\n            </ButtonLink>);\n        }\n        return (<Button\n            {...shared}\n            disabled={disabled}\n            onClick={() => {\n                if (target !== current) {\n                    onPageChange?.(target);\n                }\n            }}\n        >\n            {children}\n        </Button>);\n    };\n    const renderEntry = (entry: PaginationEntry, entryClassName?: string) => {\n        return (<li\n            className={entryClassName}\n        >\n            {typeof entry === \"number\"\n                ? control(entry, labels.page(entry), entry, false, entry === current)\n                : (<span\n                    role=\"img\"\n                    className=\"inline-flex min-h-11 min-w-11 items-center justify-center text-muted\"\n                    aria-label={labels.ellipsis}\n                >\n                    <Ellipsis\n                        aria-hidden=\"true\"\n                    />\n                </span>)}\n        </li>);\n    };\n    return (<nav\n        {...restProps}\n        aria-label={labels.navigation}\n        className={cn(\"min-w-0\", className)}\n    >\n        <ul\n            className=\"m-0 flex list-none flex-wrap items-center gap-0 p-0 md:gap-gridui-4\"\n        >\n            <li>\n                {control(current - 1, labels.previous, (<ChevronLeft\n                    className=\"rtl:rotate-180\"\n                    aria-hidden=\"true\"\n                />), pageCount === 0 || current === 1)}\n            </li>\n            {entries.map(entry => {\n                return (<Fragment\n                    key={entry}\n                >\n                    {entry === pageCount && compactEntries.includes(\"end-ellipsis\") && !entries.includes(\"end-ellipsis\")\n                        && renderEntry(\"end-ellipsis\", \"md:hidden\")}\n                    {renderEntry(entry, compactEntries.includes(entry) ? undefined : \"hidden md:block\")}\n                    {entry === 1 && compactEntries.includes(\"start-ellipsis\") && !entries.includes(\"start-ellipsis\")\n                        && renderEntry(\"start-ellipsis\", \"md:hidden\")}\n                </Fragment>);\n            })}\n            <li>\n                {control(current + 1, labels.next, (<ChevronRight\n                    className=\"rtl:rotate-180\"\n                    aria-hidden=\"true\"\n                />), pageCount === 0 || current >= pageCount)}\n            </li>\n        </ul>\n    </nav>);\n};\n"],
+  "mappings": ";AASO,IAAM,kBAAkB,CAAC,MAAc,WAAmB,UAAU,UAA6B;AACpG,MAAI,CAAC,OAAO,cAAc,SAAS,KAAK,YAAY,KAAK,CAAC,OAAO,cAAc,IAAI,KAAK,OAAO,GAAG;AAC9F,UAAM,IAAI,WAAW,mFAAmF;AAAA,EAC5G;AACA,MAAI,cAAc,GAAG;AACjB,WAAO,CAAC;AAAA,EACZ;AACA,MAAI,cAAc,UAAU,IAAI,IAAI;AAChC,WAAO,MAAM,KAAK,EAAE,QAAQ,UAAU,GAAG,CAAC,GAAG,UAAU;AACnD,aAAO,QAAQ;AAAA,IACnB,CAAC;AAAA,EACL;AACA,QAAM,UAAU,KAAK,IAAI,MAAM,SAAS;AACxC,MAAI,SAAS;AACT,UAAM,YAAY;AAAA,MACd,GAAG,oBAAI,IAAI;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,MACJ,CAAC;AAAA,IACL;AACA,UAAMA,WAA6B,CAAC;AACpC,eAAW;AAAA,MACP;AAAA,MACA;AAAA,IACJ,KAAK,UAAU,QAAQ,GAAG;AACtB,UAAI,QAAQ,KAAK,WAAW,UAAU,QAAQ,CAAC,IAAK,GAAG;AACnD,QAAAA,SAAQ,KAAK,YAAY,UAAU,mBAAmB,cAAc;AAAA,MACxE;AACA,MAAAA,SAAQ,KAAK,QAAQ;AAAA,IACzB;AACA,WAAOA;AAAA,EACX;AACA,QAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,UAAU,GAAG,YAAY,CAAC,CAAC;AAC9D,QAAM,MAAM,KAAK,IAAI,YAAY,GAAG,KAAK,IAAI,UAAU,GAAG,CAAC,CAAC;AAC5D,QAAM,UAA6B,CAAC,CAAC;AACrC,MAAI,UAAU,GAAG;AACb,YAAQ,KAAK,CAAC;AAAA,EAClB,WAAW,QAAQ,GAAG;AAClB,YAAQ,KAAK,gBAAgB;AAAA,EACjC;AACA,WAAS,QAAQ,OAAO,SAAS,KAAK,SAAS;AAAE,YAAQ,KAAK,KAAK;AAAA,EAAG;AACtE,MAAI,QAAQ,YAAY,GAAG;AACvB,YAAQ,KAAK,YAAY,CAAC;AAAA,EAC9B,WAAW,MAAM,YAAY,GAAG;AAC5B,YAAQ,KAAK,cAAc;AAAA,EAC/B;AACA,UAAQ,KAAK,SAAS;AACtB,SAAO;AACX;;;AClDA,SAAS,QAAQ,kBAAkB;AACnC,SAAS,UAAU;AACnB,SAAS,aAAa,cAAc,gBAAgB;AACpD,SAA8C,gBAAgC;AAoC1D,cAmDI,YAnDJ;AAdb,IAAM,aAAkC,CAAC,UAA2B;AACvE,QAAM,EAAE,MAAM,WAAW,QAAQ,cAAc,aAAa,WAAW,GAAG,UAAU,IAAI;AACxF,QAAM,UAAU,gBAAgB,MAAM,SAAS;AAC/C,QAAM,iBAAiB,gBAAgB,MAAM,WAAW,IAAI;AAC5D,QAAM,UAAU,KAAK,IAAI,GAAG,KAAK,IAAI,MAAM,SAAS,CAAC;AACrD,QAAM,UAAU,CAAC,QAAgB,OAAe,UAAqB,UAAmB,SAAS,UAAU;AACvG,UAAM,SAAS;AAAA,MACX,cAAc;AAAA,MACd,gBAAgB,SAAS,SAAkB;AAAA,MAC3C,SAAS,SAAS,cAAuB;AAAA,MACzC,QAAQ;AAAA,MACR,WAAW,OAAO,aAAa,WAAW,kEAAkE;AAAA,IAChH;AACA,QAAI,eAAe,CAAC,UAAU;AAC1B,aAAQ;AAAA,QAAC;AAAA;AAAA,UACJ,GAAG;AAAA,UACJ,MAAM,YAAY,MAAM;AAAA,UAEvB;AAAA;AAAA,MACL;AAAA,IACJ;AACA,WAAQ;AAAA,MAAC;AAAA;AAAA,QACJ,GAAG;AAAA,QACJ;AAAA,QACA,SAAS,MAAM;AACX,cAAI,WAAW,SAAS;AACpB,2BAAe,MAAM;AAAA,UACzB;AAAA,QACJ;AAAA,QAEC;AAAA;AAAA,IACL;AAAA,EACJ;AACA,QAAM,cAAc,CAAC,OAAwB,mBAA4B;AACrE,WAAQ;AAAA,MAAC;AAAA;AAAA,QACL,WAAW;AAAA,QAEV,iBAAO,UAAU,WACZ,QAAQ,OAAO,OAAO,KAAK,KAAK,GAAG,OAAO,OAAO,UAAU,OAAO,IACjE;AAAA,UAAC;AAAA;AAAA,YACA,MAAK;AAAA,YACL,WAAU;AAAA,YACV,cAAY,OAAO;AAAA,YAEnB;AAAA,cAAC;AAAA;AAAA,gBACG,eAAY;AAAA;AAAA,YAChB;AAAA;AAAA,QACJ;AAAA;AAAA,IACR;AAAA,EACJ;AACA,SAAQ;AAAA,IAAC;AAAA;AAAA,MACJ,GAAG;AAAA,MACJ,cAAY,OAAO;AAAA,MACnB,WAAW,GAAG,WAAW,SAAS;AAAA,MAElC;AAAA,QAAC;AAAA;AAAA,UACG,WAAU;AAAA,UAEV;AAAA,gCAAC,QACI,kBAAQ,UAAU,GAAG,OAAO,UAAW;AAAA,cAAC;AAAA;AAAA,gBACrC,WAAU;AAAA,gBACV,eAAY;AAAA;AAAA,YAChB,GAAK,cAAc,KAAK,YAAY,CAAC,GACzC;AAAA,YACC,QAAQ,IAAI,WAAS;AAClB,qBAAQ;AAAA,gBAAC;AAAA;AAAA,kBAGJ;AAAA,8BAAU,aAAa,eAAe,SAAS,cAAc,KAAK,CAAC,QAAQ,SAAS,cAAc,KAC5F,YAAY,gBAAgB,WAAW;AAAA,oBAC7C,YAAY,OAAO,eAAe,SAAS,KAAK,IAAI,SAAY,iBAAiB;AAAA,oBACjF,UAAU,KAAK,eAAe,SAAS,gBAAgB,KAAK,CAAC,QAAQ,SAAS,gBAAgB,KACxF,YAAY,kBAAkB,WAAW;AAAA;AAAA;AAAA,gBAN3C;AAAA,cAOT;AAAA,YACJ,CAAC;AAAA,YACD,oBAAC,QACI,kBAAQ,UAAU,GAAG,OAAO,MAAO;AAAA,cAAC;AAAA;AAAA,gBACjC,WAAU;AAAA,gBACV,eAAY;AAAA;AAAA,YAChB,GAAK,cAAc,KAAK,WAAW,SAAS,GAChD;AAAA;AAAA;AAAA,MACJ;AAAA;AAAA,EACJ;AACJ;",
+  "names": ["entries"]
+}

package/dist/pagination/pagination.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @author WMXPY
+ * @package Pagination
+ * @namespace Pagination
+ * @description Pagination
+ */
+import { type ComponentPropsWithRef, type FC } from "react";
+export type PaginationLabels = {
+    readonly navigation: string;
+    readonly previous: string;
+    readonly next: string;
+    readonly page: (page: number) => string;
+    readonly ellipsis: string;
+};
+export type PaginationProps = Omit<ComponentPropsWithRef<"nav">, "children" | "aria-label"> & {
+    readonly page: number;
+    readonly pageCount: number;
+    readonly labels: PaginationLabels;
+} & ({
+    readonly onPageChange: (page: number) => void;
+    readonly getPageHref?: never;
+} | {
+    readonly getPageHref: (page: number) => string;
+    readonly onPageChange?: never;
+});
+export declare const Pagination: FC<PaginationProps>;

package/dist/pagination/range.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @author WMXPY
+ * @package Pagination
+ * @namespace Pagination
+ * @description Range
+ */
+export type PaginationEntry = number | "start-ellipsis" | "end-ellipsis";
+export declare const paginationRange: (page: number, pageCount: number, compact?: boolean) => PaginationEntry[];

package/dist/styles.css

@@ -0,0 +1,77 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer theme, base, components, utilities;
+@layer theme {
+  :root, :host {
+    --spacing: 0.25rem;
+  }
+}
+@layer utilities {
+  .m-0 {
+    margin: 0px;
+  }
+  .flex {
+    display: flex;
+  }
+  .hidden {
+    display: none;
+  }
+  .inline-flex {
+    display: inline-flex;
+  }
+  .h-auto {
+    height: auto;
+  }
+  .min-h-11 {
+    min-height: calc(var(--spacing) * 11);
+  }
+  .w-auto {
+    width: auto;
+  }
+  .min-w-0 {
+    min-width: 0px;
+  }
+  .min-w-11 {
+    min-width: calc(var(--spacing) * 11);
+  }
+  .list-none {
+    list-style-type: none;
+  }
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
+  .items-center {
+    align-items: center;
+  }
+  .justify-center {
+    justify-content: center;
+  }
+  .gap-0 {
+    gap: 0px;
+  }
+  .p-0 {
+    padding: 0px;
+  }
+  .px-gridui-8 {
+    padding-inline: var(--gridui-space-8);
+  }
+  .whitespace-nowrap {
+    white-space: nowrap;
+  }
+  .text-muted {
+    color: var(--gridui-muted);
+  }
+  @media (width >= 48rem) {
+    .md\:block {
+      display: block;
+    }
+    .md\:hidden {
+      display: none;
+    }
+    .md\:gap-gridui-4 {
+      gap: var(--gridui-space-4);
+    }
+  }
+  .rtl\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    rotate: 180deg;
+  }
+}

package/package.json

@@ -1,6 +1,52 @@
 {
   "name": "@gridui/pagination",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "1.0.0",
+  "description": "GridUI React pagination",
+  "license": "UNLICENSED",
+  "type": "module",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "dependencies": {
+    "@gridui/button": "^2.1.1",
+    "@gridui/style-utils": "^2.1.2",
+    "@gridui/theme": "^2.1.2",
+    "lucide-react": "1.62.0"
+  },
+  "devDependencies": {
+    "@gridui-internal/configuration": "0.0.0",
+    "@jest/globals": "30.5.2",
+    "@types/jest": "30.0.0",
+    "@types/node": "26.6.5",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "jest": "30.5.2",
+    "react": "19.3.1",
+    "react-dom": "19.3.1",
+    "typescript": "6.0.3"
+  },
+  "scripts": {
+    "build": "node ../../scripts/compilation/package.ts",
+    "compile": "tsc --project tsconfig.json",
+    "test": "jest",
+    "coverage": "jest --coverage"
+  }
 }