optimized-react-component-library-xyz123 0.1.16 → 0.1.18

package/dist/index.d.mts

@@ -299,10 +299,14 @@ interface ValidationErrorSummaryListProps {
 declare const ValidationErrorSummaryList: React.FC<ValidationErrorSummaryListProps>;
 
 interface CookieBannerProps {
-    isTouched: any;
+    isTouched?: any;
+    onCookieStateChange?: () => void;
     visible?: boolean;
+    onClose?: () => void;
+    acceptCookies: () => void;
+    rejectCookies: () => void;
 }
 
-declare const CookieBanner: FC<CookieBannerProps>;
+declare const CookieBanner: React.FC<CookieBannerProps>;
 
 export { CookieBanner, CreateApiDataObject, doCategoriesAndQuestionsVisible as DoCategoriesAndQuestionsVisible, EditPreviewLink as EditPreviewLinkStandard, FilesUpload as FilesUploadStandard, Footer as FooterStandard, groupQuestionByStepPreviewPage as GroupQuestionByStepPreviewPage, groupQuestionsByStepCategoryGroup as GroupQuestionsByStepCategoryGroup, Header as HeaderStandard, type IApplicationContent, type IFormState, type ILanguage, type ILanguageSupport, ILanguageSupportinitialState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InfoOnly as InfoOnlyStandard, isDependsOnOtherQuestionTrue as IsDependsOnOtherQuestionTrue, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, PrincipleOfPublicity as PrincipleOfPublicityStandard, questionHasValidationError as QuestionHasValidationError, QuestioninitialState, InputRadio as RadioMultipleStandard, RenderQuestion, RenderQuestionGroup, ServiceHeadlineAndBody as ServiceHeadlineAndBodyStandard, SkipLink as SkipLinkStandard, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextFieldStandard, TextHeadlineAndBody as TextHeadlineAndBodyStandard, validationCheckAllVisibleQuestions as ValidationCheckAllVisibleQuestion, ValidationErrorSummaryList };

package/dist/index.d.ts

@@ -299,10 +299,14 @@ interface ValidationErrorSummaryListProps {
 declare const ValidationErrorSummaryList: React.FC<ValidationErrorSummaryListProps>;
 
 interface CookieBannerProps {
-    isTouched: any;
+    isTouched?: any;
+    onCookieStateChange?: () => void;
     visible?: boolean;
+    onClose?: () => void;
+    acceptCookies: () => void;
+    rejectCookies: () => void;
 }
 
-declare const CookieBanner: FC<CookieBannerProps>;
+declare const CookieBanner: React.FC<CookieBannerProps>;
 
 export { CookieBanner, CreateApiDataObject, doCategoriesAndQuestionsVisible as DoCategoriesAndQuestionsVisible, EditPreviewLink as EditPreviewLinkStandard, FilesUpload as FilesUploadStandard, Footer as FooterStandard, groupQuestionByStepPreviewPage as GroupQuestionByStepPreviewPage, groupQuestionsByStepCategoryGroup as GroupQuestionsByStepCategoryGroup, Header as HeaderStandard, type IApplicationContent, type IFormState, type ILanguage, type ILanguageSupport, ILanguageSupportinitialState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, InfoOnly as InfoOnlyStandard, isDependsOnOtherQuestionTrue as IsDependsOnOtherQuestionTrue, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, PrincipleOfPublicity as PrincipleOfPublicityStandard, questionHasValidationError as QuestionHasValidationError, QuestioninitialState, InputRadio as RadioMultipleStandard, RenderQuestion, RenderQuestionGroup, ServiceHeadlineAndBody as ServiceHeadlineAndBodyStandard, SkipLink as SkipLinkStandard, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextFieldStandard, TextHeadlineAndBody as TextHeadlineAndBodyStandard, validationCheckAllVisibleQuestions as ValidationCheckAllVisibleQuestion, ValidationErrorSummaryList };

package/dist/index.js

@@ -1789,34 +1789,43 @@ var Modal = ({ showModal: isOpen, activatedLanguage = "" }) => {
 var ModalStandard_default = Modal;
 
 // src/NewTextComponentStandard/TextHeadlineAndBodyStandard/TextHeadlineAndBodyStandard.tsx
+var import_react5 = require("react");
 var import_dompurify5 = __toESM(require("dompurify"));
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
-  const HeadlineTag = headlineType;
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("section", { className: "pts-textHeadlineAndBody-container", children: [
-    data.headline && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(HeadlineTag, { children: data.headline }),
+    data.headline && (0, import_react5.createElement)(headlineType, {}, data.headline),
     data.body && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { dangerouslySetInnerHTML: { __html: import_dompurify5.default.sanitize(data.body) } }),
-    data.linksForMoreInfo && data.linksForMoreInfo.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("a", { href: link.url, target: "_blank", rel: "noopener noreferrer", "aria-label": link.ariaLabel, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-        "svg",
-        {
-          "aria-hidden": "true",
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "12",
-          height: "10",
-          viewBox: "0 0 12 10",
-          fill: "none",
-          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-            "path",
+    data.linksForMoreInfo && data.linksForMoreInfo.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+      "a",
+      {
+        href: link.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        "aria-label": link.ariaLabel,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            "svg",
             {
-              d: "M6.00001 9.63253L5.10321 8.82184L8.62749 5.57905H0.965332V4.42091H8.62749L5.10321 1.17813L6.00001 0.367432L11.0347 4.99998L6.00001 9.63253Z",
-              fill: "#ffffff"
+              "aria-hidden": "true",
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "12",
+              height: "10",
+              viewBox: "0 0 12 10",
+              fill: "none",
+              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                "path",
+                {
+                  d: "M6.00001 9.63253L5.10321 8.82184L8.62749 5.57905H0.965332V4.42091H8.62749L5.10321 1.17813L6.00001 0.367432L11.0347 4.99998L6.00001 9.63253Z",
+                  fill: "#ffffff"
+                }
+              )
             }
-          )
-        }
-      ) }),
-      link.title
-    ] }) }, `more-info-${index}`)) })
+          ) }),
+          link.title
+        ]
+      }
+    ) }, `more-info-${index}`)) })
   ] });
 };
 var TextHeadlineAndBodyStandard_default = TextHeadlineAndBody;
@@ -1952,14 +1961,14 @@ var StepperButtons = ({
 var StepperButtonsStandard_default = StepperButtons;
 
 // src/NewTextComponentStandard/StepperStandard/StepperStandard.tsx
-var import_react5 = __toESM(require("react"));
+var import_react6 = __toESM(require("react"));
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "pts-stepper-container", "aria-hidden": "true", children: arraySteps.map((step, index) => {
     const isActive = step.step === activeStep;
     const lastElement = arraySteps.length;
     const isDone = step.step < activeStep;
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react5.default.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react6.default.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "pts-stepper-step", children: [
         /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "div",
@@ -2050,12 +2059,43 @@ var ValidationErrorSummaryList = ({
 var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
 
 // src/NewTextComponentStandard/CookieBanner/CookieBanner.tsx
+var import_react7 = require("react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
-var CookieBanner = ({ isTouched, visible = true }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_jsx_runtime21.Fragment, { children: visible && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "pts-cookieBanner", children: [
+var CookieBanner = ({
+  visible = false,
+  onCookieStateChange,
+  onClose,
+  acceptCookies,
+  rejectCookies
+}) => {
+  (0, import_react7.useEffect)(() => {
+    if (visible) {
+      document.body.classList.add("has-cookie-banner");
+    } else {
+      document.body.classList.remove("has-cookie-banner");
+    }
+    return () => {
+      document.body.classList.remove("has-cookie-banner");
+    };
+  }, [visible]);
+  if (!visible) return null;
+  const handleCookieChoice = (accepted) => {
+    if (accepted) {
+      acceptCookies();
+    } else {
+      rejectCookies();
+    }
+    if (onCookieStateChange) {
+      onCookieStateChange();
+    }
+    if (onClose) {
+      onClose();
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "pts-cookieBanner", role: "dialog", "aria-labelledby": "cookie-banner-title", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "content", children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h3", { children: "Kakor (cookies)" }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { children: "PTS skulle vilja anv\xE4nda en statistikkaka i syfte att rapportera anv\xE4ndarstatistik till Europeiska kommissionen. Samtycker du till det? Du kan n\xE4r som helst \xE4ndra ditt val. F\xF6r att \xE5terkalla ditt samtycke klickar du p\xE5 \u201DKakor\u201D l\xE4ngst ned till v\xE4nster p\xE5 webbplatsen." }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "pts-cookieBanner-link", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { children: 'PTS skulle vilja anv\xE4nda en statistikkaka i syfte att rapportera anv\xE4ndarstatistik till Europeiska kommissionen. Samtycker du till det? Du kan n\xE4r som helst \xE4ndra ditt val. F\xF6r att \xE5terkalla ditt samtycke klickar du p\xE5 "Kakor" l\xE4ngst ned till v\xE4nster p\xE5 webbplatsen.' }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "pts-cookieBanner-Links", children: [
       /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
         "svg",
         {
@@ -2064,6 +2104,7 @@ var CookieBanner = ({ isTouched, visible = true }) => {
           viewBox: "0 0 27 27",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
+          "aria-hidden": "true",
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("rect", { width: "27", height: "27", rx: "13.5", fill: "#6E3282" }),
             /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
@@ -2076,27 +2117,11 @@ var CookieBanner = ({ isTouched, visible = true }) => {
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: "www.pts.se", target: "blank", children: "Kakor (cookies) p\xE5 pts.se (\xF6ppnas i ny flik)" })
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: "www.pts.se", target: "_blank", rel: "noopener noreferrer", children: "Kakor (cookies) p\xE5 pts.se" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "pts-cookieBanner-buttons", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-        "button",
-        {
-          onClick: () => {
-            isTouched(true);
-          },
-          children: "Ja, jag samtycker"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-        "button",
-        {
-          onClick: () => {
-            isTouched(false);
-          },
-          children: "Nej, jag samtycker inte"
-        }
-      )
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "pts-cookieBanner-Buttons", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { onClick: () => handleCookieChoice(true), children: "Ja, jag samtycker" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { onClick: () => handleCookieChoice(false), children: "Nej, jag samtycker inte" })
     ] })
   ] }) });
 };

package/dist/index.mjs

@@ -1725,34 +1725,43 @@ var Modal = ({ showModal: isOpen, activatedLanguage = "" }) => {
 var ModalStandard_default = Modal;
 
 // src/NewTextComponentStandard/TextHeadlineAndBodyStandard/TextHeadlineAndBodyStandard.tsx
+import { createElement } from "react";
 import DOMPurify5 from "dompurify";
 import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
-  const HeadlineTag = headlineType;
   return /* @__PURE__ */ jsxs14("section", { className: "pts-textHeadlineAndBody-container", children: [
-    data.headline && /* @__PURE__ */ jsx14(HeadlineTag, { children: data.headline }),
+    data.headline && createElement(headlineType, {}, data.headline),
     data.body && /* @__PURE__ */ jsx14("div", { dangerouslySetInnerHTML: { __html: DOMPurify5.sanitize(data.body) } }),
-    data.linksForMoreInfo && data.linksForMoreInfo.length > 0 && /* @__PURE__ */ jsx14("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ jsx14("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ jsxs14("a", { href: link.url, target: "_blank", rel: "noopener noreferrer", "aria-label": link.ariaLabel, children: [
-      /* @__PURE__ */ jsx14("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ jsx14(
-        "svg",
-        {
-          "aria-hidden": "true",
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "12",
-          height: "10",
-          viewBox: "0 0 12 10",
-          fill: "none",
-          children: /* @__PURE__ */ jsx14(
-            "path",
+    data.linksForMoreInfo && data.linksForMoreInfo.length > 0 && /* @__PURE__ */ jsx14("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ jsx14("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ jsxs14(
+      "a",
+      {
+        href: link.url,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        "aria-label": link.ariaLabel,
+        children: [
+          /* @__PURE__ */ jsx14("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ jsx14(
+            "svg",
             {
-              d: "M6.00001 9.63253L5.10321 8.82184L8.62749 5.57905H0.965332V4.42091H8.62749L5.10321 1.17813L6.00001 0.367432L11.0347 4.99998L6.00001 9.63253Z",
-              fill: "#ffffff"
+              "aria-hidden": "true",
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "12",
+              height: "10",
+              viewBox: "0 0 12 10",
+              fill: "none",
+              children: /* @__PURE__ */ jsx14(
+                "path",
+                {
+                  d: "M6.00001 9.63253L5.10321 8.82184L8.62749 5.57905H0.965332V4.42091H8.62749L5.10321 1.17813L6.00001 0.367432L11.0347 4.99998L6.00001 9.63253Z",
+                  fill: "#ffffff"
+                }
+              )
             }
-          )
-        }
-      ) }),
-      link.title
-    ] }) }, `more-info-${index}`)) })
+          ) }),
+          link.title
+        ]
+      }
+    ) }, `more-info-${index}`)) })
   ] });
 };
 var TextHeadlineAndBodyStandard_default = TextHeadlineAndBody;
@@ -1888,14 +1897,14 @@ var StepperButtons = ({
 var StepperButtonsStandard_default = StepperButtons;
 
 // src/NewTextComponentStandard/StepperStandard/StepperStandard.tsx
-import React4 from "react";
+import React5 from "react";
 import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
   return /* @__PURE__ */ jsx19("div", { className: "pts-stepper-container", "aria-hidden": "true", children: arraySteps.map((step, index) => {
     const isActive = step.step === activeStep;
     const lastElement = arraySteps.length;
     const isDone = step.step < activeStep;
-    return /* @__PURE__ */ jsxs17(React4.Fragment, { children: [
+    return /* @__PURE__ */ jsxs17(React5.Fragment, { children: [
       /* @__PURE__ */ jsxs17("div", { className: "pts-stepper-step", children: [
         /* @__PURE__ */ jsx19(
           "div",
@@ -1986,12 +1995,43 @@ var ValidationErrorSummaryList = ({
 var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
 
 // src/NewTextComponentStandard/CookieBanner/CookieBanner.tsx
-import { Fragment as Fragment10, jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
-var CookieBanner = ({ isTouched, visible = true }) => {
-  return /* @__PURE__ */ jsx21(Fragment10, { children: visible && /* @__PURE__ */ jsxs19("div", { className: "pts-cookieBanner", children: [
+import { useEffect as useEffect4 } from "react";
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
+var CookieBanner = ({
+  visible = false,
+  onCookieStateChange,
+  onClose,
+  acceptCookies,
+  rejectCookies
+}) => {
+  useEffect4(() => {
+    if (visible) {
+      document.body.classList.add("has-cookie-banner");
+    } else {
+      document.body.classList.remove("has-cookie-banner");
+    }
+    return () => {
+      document.body.classList.remove("has-cookie-banner");
+    };
+  }, [visible]);
+  if (!visible) return null;
+  const handleCookieChoice = (accepted) => {
+    if (accepted) {
+      acceptCookies();
+    } else {
+      rejectCookies();
+    }
+    if (onCookieStateChange) {
+      onCookieStateChange();
+    }
+    if (onClose) {
+      onClose();
+    }
+  };
+  return /* @__PURE__ */ jsx21("div", { className: "pts-cookieBanner", role: "dialog", "aria-labelledby": "cookie-banner-title", children: /* @__PURE__ */ jsxs19("div", { className: "content", children: [
     /* @__PURE__ */ jsx21("h3", { children: "Kakor (cookies)" }),
-    /* @__PURE__ */ jsx21("p", { children: "PTS skulle vilja anv\xE4nda en statistikkaka i syfte att rapportera anv\xE4ndarstatistik till Europeiska kommissionen. Samtycker du till det? Du kan n\xE4r som helst \xE4ndra ditt val. F\xF6r att \xE5terkalla ditt samtycke klickar du p\xE5 \u201DKakor\u201D l\xE4ngst ned till v\xE4nster p\xE5 webbplatsen." }),
-    /* @__PURE__ */ jsxs19("div", { className: "pts-cookieBanner-link", children: [
+    /* @__PURE__ */ jsx21("p", { children: 'PTS skulle vilja anv\xE4nda en statistikkaka i syfte att rapportera anv\xE4ndarstatistik till Europeiska kommissionen. Samtycker du till det? Du kan n\xE4r som helst \xE4ndra ditt val. F\xF6r att \xE5terkalla ditt samtycke klickar du p\xE5 "Kakor" l\xE4ngst ned till v\xE4nster p\xE5 webbplatsen.' }),
+    /* @__PURE__ */ jsxs19("div", { className: "pts-cookieBanner-Links", children: [
       /* @__PURE__ */ jsxs19(
         "svg",
         {
@@ -2000,6 +2040,7 @@ var CookieBanner = ({ isTouched, visible = true }) => {
           viewBox: "0 0 27 27",
           fill: "none",
           xmlns: "http://www.w3.org/2000/svg",
+          "aria-hidden": "true",
           children: [
             /* @__PURE__ */ jsx21("rect", { width: "27", height: "27", rx: "13.5", fill: "#6E3282" }),
             /* @__PURE__ */ jsx21(
@@ -2012,27 +2053,11 @@ var CookieBanner = ({ isTouched, visible = true }) => {
           ]
         }
       ),
-      /* @__PURE__ */ jsx21("a", { href: "www.pts.se", target: "blank", children: "Kakor (cookies) p\xE5 pts.se (\xF6ppnas i ny flik)" })
+      /* @__PURE__ */ jsx21("a", { href: "www.pts.se", target: "_blank", rel: "noopener noreferrer", children: "Kakor (cookies) p\xE5 pts.se" })
     ] }),
-    /* @__PURE__ */ jsxs19("div", { className: "pts-cookieBanner-buttons", children: [
-      /* @__PURE__ */ jsx21(
-        "button",
-        {
-          onClick: () => {
-            isTouched(true);
-          },
-          children: "Ja, jag samtycker"
-        }
-      ),
-      /* @__PURE__ */ jsx21(
-        "button",
-        {
-          onClick: () => {
-            isTouched(false);
-          },
-          children: "Nej, jag samtycker inte"
-        }
-      )
+    /* @__PURE__ */ jsxs19("div", { className: "pts-cookieBanner-Buttons", children: [
+      /* @__PURE__ */ jsx21("button", { onClick: () => handleCookieChoice(true), children: "Ja, jag samtycker" }),
+      /* @__PURE__ */ jsx21("button", { onClick: () => handleCookieChoice(false), children: "Nej, jag samtycker inte" })
     ] })
   ] }) });
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "optimized-react-component-library-xyz123",
-  "version": "0.1.16",
-  "description": "A modern React component library using TypeScript.",
+  "version": "0.1.18",
+  "description": "A modern React component library using TypeScript with React 19 support.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "exports": {
@@ -30,37 +30,40 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/YOUR_USERNAME/optimized-react-component-library-xyz123.git"
+    "url": "git+https://github.com/YOUR_USERNAME/optimized-react-component-library-xyz123-ch-react19.git"
   },
   "keywords": [
     "react",
+    "react19",
     "component-library",
     "typescript",
     "npm",
+    "modern-react",
     "boilerplate"
   ],
   "author": "YOUR NAME",
   "license": "MIT",
   "peerDependencies": {
-    "react": ">=17.0.0",
-    "react-dom": ">=17.0.0"
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
     "@types/dompurify": "^3.0.5",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "eslint": "^8.0.0",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.1",
+    "eslint": "^9.0.0",
     "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-react": "^7.0.0",
+    "eslint-plugin-react": "^7.35.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
     "husky": "^9.0.0",
     "jsdom": "^26.1.0",
     "prettier": "^3.0.0",
     "standard-version": "^9.5.0",
     "tsup": "^8.0.0",
-    "typescript": "^5.0.0",
-    "vitest": "^1.0.0"
+    "typescript": "^5.6.0",
+    "vitest": "^2.0.0"
   },
   "dependencies": {
     "clsx": "^2.1.1",