@admin-layout/tailwind-ui 12.2.4-alpha.33 → 12.2.4-alpha.35

package/lib/components/Markdown/MarkdownPage.js

@@ -1,4 +1,4 @@
-import React__default,{useState,useRef,useEffect}from'react';import {Link}from'@remix-run/react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';import {MarkdownTableOfContents}from'./MarkdownTableOfContents.js';import {MarkdownNavigation}from'./MarkdownNavigation.js';import {MarkdownBreadcrumbs}from'./MarkdownBreadcrumbs.js';import {MarkdownCopyButton}from'./MarkdownCopyButton.js';const MarkdownPage = ({
+import {jsx,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {Link}from'@remix-run/react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';import {MarkdownTableOfContents}from'./MarkdownTableOfContents.js';import {MarkdownNavigation}from'./MarkdownNavigation.js';import {MarkdownBreadcrumbs}from'./MarkdownBreadcrumbs.js';import {MarkdownCopyButton}from'./MarkdownCopyButton.js';const MarkdownPage = ({
   article: articleProp,
   categoryId: categoryIdProp,
   categoryTitle: categoryTitleProp,
@@ -97,125 +97,142 @@ import React__default,{useState,useRef,useEffect}from'react';import {Link}from'@
     };
   }, [article]);
   if (loading) {
-    return React__default.createElement("div", {
-      className: "min-h-screen bg-background text-foreground overflow-x-hidden"
-    }, React__default.createElement("div", {
-      className: "w-full max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16 py-16"
-    }, React__default.createElement("div", {
-      className: "animate-pulse"
-    }, React__default.createElement("div", {
-      className: "h-8 bg-muted rounded w-1/3 mb-4"
-    }), React__default.createElement("div", {
-      className: "h-4 bg-muted rounded w-1/2 mb-8"
-    }), React__default.createElement("div", {
-      className: "space-y-4"
-    }, React__default.createElement("div", {
-      className: "h-4 bg-muted rounded"
-    }), React__default.createElement("div", {
-      className: "h-4 bg-muted rounded w-5/6"
-    }), React__default.createElement("div", {
-      className: "h-4 bg-muted rounded w-4/6"
-    })))));
+    return jsx("div", {
+      className: "min-h-screen bg-background text-foreground overflow-x-hidden",
+      children: jsx("div", {
+        className: "w-full max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16 py-16",
+        children: jsxs("div", {
+          className: "animate-pulse",
+          children: [jsx("div", {
+            className: "h-8 bg-muted rounded w-1/3 mb-4"
+          }), jsx("div", {
+            className: "h-4 bg-muted rounded w-1/2 mb-8"
+          }), jsxs("div", {
+            className: "space-y-4",
+            children: [jsx("div", {
+              className: "h-4 bg-muted rounded"
+            }), jsx("div", {
+              className: "h-4 bg-muted rounded w-5/6"
+            }), jsx("div", {
+              className: "h-4 bg-muted rounded w-4/6"
+            })]
+          })]
+        })
+      })
+    });
   }
   if (!article) {
-    return React__default.createElement("div", {
-      className: "min-h-screen bg-background text-foreground mt-20 overflow-x-hidden"
-    }, React__default.createElement("div", {
-      className: "w-full max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16 py-16"
-    }, React__default.createElement("h1", {
-      className: "text-2xl font-bold"
-    }, "Article not found"), React__default.createElement(Link, {
-      to: getHelpCenterLink(),
-      className: "mt-4 text-primary hover:text-primary/80"
-    }, backToHelpCenterLabel || `← Back to ${helpCenterLabel}`)));
+    return jsx("div", {
+      className: "min-h-screen bg-background text-foreground mt-20 overflow-x-hidden",
+      children: jsxs("div", {
+        className: "w-full max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16 py-16",
+        children: [jsx("h1", {
+          className: "text-2xl font-bold",
+          children: "Article not found"
+        }), jsx(Link, {
+          to: getHelpCenterLink(),
+          className: "mt-4 text-primary hover:text-primary/80",
+          children: backToHelpCenterLabel || `← Back to ${helpCenterLabel}`
+        })]
+      })
+    });
   }
   // Use previous/next articles from props
   const previousMarkdown = previousMarkdownProp;
   const nextMarkdown = nextMarkdownProp;
-  return React__default.createElement("div", {
-    className: cn('min-h-screen bg-background text-foreground scroll-smooth overflow-x-hidden', className)
-  }, React__default.createElement("div", {
-    className: "flex w-full justify-center gap-10"
-  }, React__default.createElement("div", {
-    className: "flex-1  max-w-3xl w-full"
-  }, React__default.createElement("div", {
-    className: "flex items-center justify-between"
-  }, React__default.createElement(MarkdownBreadcrumbs, {
-    categoryId: article.categoryId || categoryIdProp || '',
-    categoryTitle: categoryTitleProp,
-    markdownTitle: article.title,
-    className: "pb-4",
-    getHelpCenterLink: getHelpCenterLink,
-    getCategoryLink: getCategoryLink,
-    helpCenterLabel: helpCenterLabel
-  }), React__default.createElement(MarkdownCopyButton, {
-    markdownTitle: article.title,
-    markdownContent: article.htmlContent,
-    className: "flex-shrink-0"
-  })), React__default.createElement("main", {
-    className: "w-full py-2"
-  }, React__default.createElement("div", {
-    className: "max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16 relative"
-  }, React__default.createElement("div", {
-    className: "flex flex-col xl:flex-row gap-12 xl:gap-16 align-start"
-  }, React__default.createElement("div", {
-    className: "flex-1 min-w-0 max-w-5xl"
-  }, React__default.createElement("div", {
-    className: "prose prose-lg max-w-none w-full overflow-x-hidden"
-  }, React__default.createElement("div", {
-    className: cn(
-    // Base prose styles
-    'prose-headings:font-semibold prose-headings:text-foreground prose-headings:tracking-tight',
-    // Body H1 styles (within article) - slightly smaller than page title
-    'prose-h1:text-[1.5rem] prose-h1:md:text-[1.75rem] prose-h1:mb-4 prose-h1:mt-5 prose-h1:leading-tight',
-    // H2 styles - strong section headings
-    'prose-h2:text-[1.2rem] prose-h2:md:text-[1.5rem] prose-h2:mb-4 prose-h2:mt-5 prose-h2:leading-tight',
-    // H3 styles - sub section headings
-    'prose-h3:text-[1.05rem] prose-h3:md:text-[1.25rem] prose-h3:mb-3 prose-h3:mt-4 prose-h3:leading-snug',
-    // H4 styles
-    'prose-h4:text-lg prose-h4:md:text-xl prose-h4:mb-3 prose-h4:mt-4',
-    // Paragraph styles
-    'prose-p:text-[0.85rem] prose-p:md:text-[0.95rem] prose-p:text-muted-foreground prose-p:leading-relaxed prose-p:mb-5',
-    // Strong text
-    'prose-strong:text-foreground prose-strong:font-semibold',
-    // Links
-    'prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-a:font-medium',
-    // Lists
-    'prose-ul:text-muted-foreground prose-ol:text-muted-foreground prose-li:text-muted-foreground prose-li:mb-2 prose-li:text-base prose-li:md:text-lg',
-    // Blockquotes
-    'prose-blockquote:text-muted-foreground prose-blockquote:border-l-primary prose-blockquote:pl-4 prose-blockquote:my-6',
-    // Code
-    'prose-code:text-foreground prose-code:bg-muted prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded prose-code:text-sm prose-code:font-mono',
-    // Pre blocks
-    'prose-pre:bg-muted prose-pre:text-foreground prose-pre:overflow-x-auto prose-pre:rounded-lg prose-pre:p-4 prose-pre:my-6',
-    // Images
-    'prose-img:rounded-lg prose-img:my-8',
-    // Tables
-    'prose-table:text-muted-foreground prose-th:text-foreground prose-th:font-semibold',
-    // Horizontal rules
-    'prose-hr:border-border prose-hr:my-8'),
-    dangerouslySetInnerHTML: {
-      __html: article.htmlContent
-    }
-  })), React__default.createElement(MarkdownNavigation, {
-    previousMarkdown: previousMarkdown,
-    nextMarkdown: nextMarkdown,
-    getMarkdownLink: getMarkdownLink
-  })))))), React__default.createElement(MarkdownTableOfContents, {
-    headings: article.headings || [],
-    activeHeadingId: activeHeadingId,
-    onHeadingClick: headingId => {
-      // Set scrolling flag to prevent observer from overriding
-      isScrollingRef.current = true;
-      setActiveHeadingId(headingId);
-      // Clear any existing timeout
-      if (scrollTimeoutRef.current) {
-        clearTimeout(scrollTimeoutRef.current);
-      }
-      // Re-enable observer after scroll completes (smooth scroll takes ~500ms)
-      scrollTimeoutRef.current = setTimeout(() => {
-        isScrollingRef.current = false;
-      }, 800);
-    }
-  })));
+  return jsx("div", {
+    className: cn('min-h-screen bg-background text-foreground scroll-smooth overflow-x-hidden', className),
+    children: jsxs("div", {
+      className: "flex w-full justify-center gap-10",
+      children: [jsxs("div", {
+        className: "flex-1  max-w-3xl w-full",
+        children: [jsxs("div", {
+          className: "flex items-center justify-between",
+          children: [jsx(MarkdownBreadcrumbs, {
+            categoryId: article.categoryId || categoryIdProp || '',
+            categoryTitle: categoryTitleProp,
+            markdownTitle: article.title,
+            className: "pb-4",
+            getHelpCenterLink: getHelpCenterLink,
+            getCategoryLink: getCategoryLink,
+            helpCenterLabel: helpCenterLabel
+          }), jsx(MarkdownCopyButton, {
+            markdownTitle: article.title,
+            markdownContent: article.htmlContent,
+            className: "flex-shrink-0"
+          })]
+        }), jsx("main", {
+          className: "w-full py-2",
+          children: jsx("div", {
+            className: "max-w-[90rem] mx-auto px-4 sm:px-6 lg:px-8 xl:px-16 relative",
+            children: jsx("div", {
+              className: "flex flex-col xl:flex-row gap-12 xl:gap-16 align-start",
+              children: jsxs("div", {
+                className: "flex-1 min-w-0 max-w-5xl",
+                children: [jsx("div", {
+                  className: "prose prose-lg max-w-none w-full overflow-x-hidden",
+                  children: jsx("div", {
+                    className: cn(
+                    // Base prose styles
+                    'prose-headings:font-semibold prose-headings:text-foreground prose-headings:tracking-tight',
+                    // Body H1 styles (within article) - slightly smaller than page title
+                    'prose-h1:text-[1.5rem] prose-h1:md:text-[1.75rem] prose-h1:mb-4 prose-h1:mt-5 prose-h1:leading-tight',
+                    // H2 styles - strong section headings
+                    'prose-h2:text-[1.2rem] prose-h2:md:text-[1.5rem] prose-h2:mb-4 prose-h2:mt-5 prose-h2:leading-tight',
+                    // H3 styles - sub section headings
+                    'prose-h3:text-[1.05rem] prose-h3:md:text-[1.25rem] prose-h3:mb-3 prose-h3:mt-4 prose-h3:leading-snug',
+                    // H4 styles
+                    'prose-h4:text-lg prose-h4:md:text-xl prose-h4:mb-3 prose-h4:mt-4',
+                    // Paragraph styles
+                    'prose-p:text-[0.85rem] prose-p:md:text-[0.95rem] prose-p:text-muted-foreground prose-p:leading-relaxed prose-p:mb-5',
+                    // Strong text
+                    'prose-strong:text-foreground prose-strong:font-semibold',
+                    // Links
+                    'prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-a:font-medium',
+                    // Lists
+                    'prose-ul:text-muted-foreground prose-ol:text-muted-foreground prose-li:text-muted-foreground prose-li:mb-2 prose-li:text-base prose-li:md:text-lg',
+                    // Blockquotes
+                    'prose-blockquote:text-muted-foreground prose-blockquote:border-l-primary prose-blockquote:pl-4 prose-blockquote:my-6',
+                    // Code
+                    'prose-code:text-foreground prose-code:bg-muted prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded prose-code:text-sm prose-code:font-mono',
+                    // Pre blocks
+                    'prose-pre:bg-muted prose-pre:text-foreground prose-pre:overflow-x-auto prose-pre:rounded-lg prose-pre:p-4 prose-pre:my-6',
+                    // Images
+                    'prose-img:rounded-lg prose-img:my-8',
+                    // Tables
+                    'prose-table:text-muted-foreground prose-th:text-foreground prose-th:font-semibold',
+                    // Horizontal rules
+                    'prose-hr:border-border prose-hr:my-8'),
+                    dangerouslySetInnerHTML: {
+                      __html: article.htmlContent
+                    }
+                  })
+                }), jsx(MarkdownNavigation, {
+                  previousMarkdown: previousMarkdown,
+                  nextMarkdown: nextMarkdown,
+                  getMarkdownLink: getMarkdownLink
+                })]
+              })
+            })
+          })
+        })]
+      }), jsx(MarkdownTableOfContents, {
+        headings: article.headings || [],
+        activeHeadingId: activeHeadingId,
+        onHeadingClick: headingId => {
+          // Set scrolling flag to prevent observer from overriding
+          isScrollingRef.current = true;
+          setActiveHeadingId(headingId);
+          // Clear any existing timeout
+          if (scrollTimeoutRef.current) {
+            clearTimeout(scrollTimeoutRef.current);
+          }
+          // Re-enable observer after scroll completes (smooth scroll takes ~500ms)
+          scrollTimeoutRef.current = setTimeout(() => {
+            isScrollingRef.current = false;
+          }, 800);
+        }
+      })]
+    })
+  });
 };export{MarkdownPage};//# sourceMappingURL=MarkdownPage.js.map

package/lib/components/Markdown/MarkdownPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownPage.js","sources":["../../../src/components/Markdown/MarkdownPage.tsx"],"sourcesContent":[null],"names":[],"mappings":"gdAiBkB,GAAA,CAAA;SACd,EAAA;4BACa;kCACE;aACN;aACT;oBACgB,oBAAA;cAChB,EAAW,gBAAS;iBACV;AACb,EAAA,eAAA;AAED,EAAA,iBAAiB;;uBAEA;;AAEhB,CAAA,KAAA;AAED,EAAA,MAAA,CAAA,OAAU,EAAA,UAAiB,CAAA,GAAA,QAAA,CAAA,WAAA,IAAA,IAAA,CAAA;AACvB,EAAA,MAAA,CAAA,OAAU,EAAA,WAAe,GAAC,QAAA,CAAA,CAAA,WAAA,IAAA,CAAA,CAAA,WAAA,CAAA;QAC1B,CAAA,eAAoB,EAAA,kBAAA,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;QACpB,WAAc,GAAE,MAAO,CAAA,IAAA,CAAA;QACvB,cAAc,GAAO,MAAA,CAAA,KAAA,CAAA;AACrB,EAAA,MAAA,gBAAmB,GAAE,MAAM,CAAA,IAAK,CAAA;AAChC,EAAA,SAAA,CAAA,MAAA;AACA,IAAA,IAAA,WAAe,EAAA;MACf,UAAA,CAAA,WAAkB,CAAA;AAClB,MAAA,UAAA,CAAA,KAAkB,CAAA;IAClB,CAAA,MAAA,IAAA,WAAmB,IAAM,WAAO,EAAA;MAChC,MAAA,0BAAwB;QACxB,MAAA,WAAqB,GAAG,MAAM,WAAC,CAAA,WAAA,CAAA;QAC/B,UAAY,CAAA,WAAO,CAAA;AACtB,QAAA,UAAA,CAAA,KAAA,CAAA;AAED,MAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"MarkdownPage.js","sources":["../../../src/components/Markdown/MarkdownPage.tsx"],"sourcesContent":[null],"names":[],"mappings":"wdAkBI,MAAA,YAAoB,GAAA,CAAA;SAChB,aAAS;YACL,gBAAO;eACJ,mBAAO;aAClB;aACS;wCACW;cACV,EAAA,gBAAU;AACvB,EAAA,eAAA;AAED,EAAA,eAAiB;;iBAEA;uBACC;AACjB,EAAA;AAED,CAAA,KAAA;AACI,EAAA,MAAA,CAAA,OAAU,EAAA,WAAe,GAAC,QAAA,CAAA,WAAA,IAAA,IAAA,CAAA;QAC1B,CAAA,OAAW,EAAE,UAAO,CAAA,GAAA,QAAA,CAAA,CAAA,WAAA,IAAA,CAAA,CAAA,WAAA,CAAA;QACpB,CAAA,eAAgB,EAAM,kBAAC,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;QACvB,WAAc,GAAA,MAAO,CAAA,IAAA,CAAA;AACrB,EAAA,MAAA,cAAe,GAAM,MAAM,CAAA,KAAK,CAAA;AAChC,EAAA,MAAA,gBAAmB,GAAA,MAAA,CAAA,IAAc,CAAA;AACjC,EAAA,SAAA,CAAA,MAAa;IACb,IAAA,WAAe,EAAE;AACjB,MAAA,UAAA,CAAA,WAAkB,CAAA;MAClB,UAAA,CAAA,KAAiB,CAAE;IACnB,CAAA,MAAA,IAAA,eAAwB,WAAA,EAAA;MACxB,MAAA,WAAA,GAAsB,YAAS;QAC/B,MAAU,WAAS,GAAA,MAAA,WAAA,CAAA,WAAA,CAAA;AACtB,QAAA,UAAA,CAAA,WAAA,CAAA;AAED,QAAA,UAAO,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Markdown/MarkdownTableOfContents.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {Link}from'@remix-run/react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const MarkdownTableOfContents = ({
+import {jsx,jsxs}from'react/jsx-runtime';import {Link}from'@remix-run/react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'react';import'fast-deep-equal/react.js';const MarkdownTableOfContents = ({
   headings,
   activeHeadingId,
   onHeadingClick,
@@ -24,28 +24,34 @@ import React__default from'react';import {Link}from'@remix-run/react';import'../
       });
     }
   };
-  return React__default.createElement("aside", {
-    className: "hidden xl:block xl:w-80 xl:flex-shrink-0 max-w-[28rem]"
-  }, React__default.createElement("div", {
-    className: "fixed flex flex-col h-[calc(100vh-3rem)] w-[19rem]"
-  }, React__default.createElement("div", {
-    className: "mb-4 flex-shrink-0"
-  }, React__default.createElement("h2", {
-    className: "text-sm font-semibold text-primary flex items-center"
-  }, React__default.createElement("span", {
-    className: "mr-2"
-  }, "\u2630"), "On this page")), React__default.createElement("nav", {
-    className: "space-y-1 flex-1 overflow-y-auto overflow-x-hidden min-h-0"
-  }, headings.map((heading, index) => {
-    const isActive = activeHeadingId === heading.id;
-    return React__default.createElement(Link, {
-      key: index,
-      to: `#${heading.id}`,
-      onClick: e => {
-        e.preventDefault();
-        handleClick(heading.id);
-      },
-      className: cn('relative block text-sm transition-colors py-1 pl-4', 'border-l-2 border-transparent', isActive ? 'text-primary border-l-primary bg-muted/20' : 'text-muted-foreground hover:text-primary hover:border-l-primary', heading.level === 1 ? 'font-semibold' : heading.level === 2 ? 'ml-2' : heading.level === 3 ? 'ml-4' : heading.level === 4 ? 'ml-6' : heading.level === 5 ? 'ml-8' : 'ml-10')
-    }, heading.text);
-  }))));
+  return jsx("aside", {
+    className: "hidden xl:block xl:w-80 xl:flex-shrink-0 max-w-[28rem]",
+    children: jsxs("div", {
+      className: "fixed flex flex-col h-[calc(100vh-3rem)] w-[19rem]",
+      children: [jsx("div", {
+        className: "mb-4 flex-shrink-0",
+        children: jsxs("h2", {
+          className: "text-sm font-semibold text-primary flex items-center",
+          children: [jsx("span", {
+            className: "mr-2",
+            children: "\u2630"
+          }), "On this page"]
+        })
+      }), jsx("nav", {
+        className: "space-y-1 flex-1 overflow-y-auto overflow-x-hidden min-h-0",
+        children: headings.map((heading, index) => {
+          const isActive = activeHeadingId === heading.id;
+          return jsx(Link, {
+            to: `#${heading.id}`,
+            onClick: e => {
+              e.preventDefault();
+              handleClick(heading.id);
+            },
+            className: cn('relative block text-sm transition-colors py-1 pl-4', 'border-l-2 border-transparent', isActive ? 'text-primary border-l-primary bg-muted/20' : 'text-muted-foreground hover:text-primary hover:border-l-primary', heading.level === 1 ? 'font-semibold' : heading.level === 2 ? 'ml-2' : heading.level === 3 ? 'ml-4' : heading.level === 4 ? 'ml-6' : heading.level === 5 ? 'ml-8' : 'ml-10'),
+            children: heading.text
+          }, index);
+        })
+      })]
+    })
+  });
 };export{MarkdownTableOfContents};//# sourceMappingURL=MarkdownTableOfContents.js.map

package/lib/components/Markdown/MarkdownTableOfContents.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownTableOfContents.js","sources":["../../../src/components/Markdown/MarkdownTableOfContents.tsx"],"sourcesContent":[null],"names":[],"mappings":"gNAMiB,GAAA,CAAA;UACR;AACR,EAAA,eAAA;AAED,EAAA,cAAU;;MAEN;MACA,CAAA,QAAA,IAAe,QAAG,CAAA,MAAW,KAAM,CAAA,EAAA;IACnC,OAAA,IAAU;AACb,EAAA;AAED,EAAA,MAAA,WAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"MarkdownTableOfContents.js","sources":["../../../src/components/Markdown/MarkdownTableOfContents.tsx"],"sourcesContent":[null],"names":[],"mappings":"qOAMiB,GAAA,CAAA;UACR;AACR,EAAA,eAAA;AAED,EAAA,cAAU;;MAEN;MACA,CAAA,QAAA,IAAe,QAAG,CAAA,MAAW,KAAM,CAAA,EAAA;IACnC,OAAA,IAAU;AACb,EAAA;AAED,EAAA,MAAA,WAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/OTP/OTPInput.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {useOTPInput}from'./hooks.js';import {SingleInput}from'./SingleInput.js';import {getPlaceholderValue,isInputNumeric}from'./utils.js';const OTPInput = ({
+import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';import {useOTPInput}from'./hooks.js';import {SingleInput}from'./SingleInput.js';import {getPlaceholderValue,isInputNumeric}from'./utils.js';const OTPInput = ({
   value = '',
   numInputs = 4,
   onChange,
@@ -23,7 +23,7 @@ import React__default from'react';import {useOTPInput}from'./hooks.js';import {S
     handlePaste
   }, inputRefs] = useOTPInput(value, numInputs, onChange, inputType, shouldAutoFocus);
   // Create default input renderer if not provided
-  const defaultRenderInput = (props, index) => React__default.createElement(SingleInput, {
+  const defaultRenderInput = (props, index) => jsx(SingleInput, {
     ...props,
     focused: activeInput === index
   });
@@ -47,34 +47,36 @@ import React__default from'react';import {useOTPInput}from'./hooks.js';import {S
     // Let the hook handle the paste logic
     handlePaste(e);
   };
-  return React__default.createElement("div", {
+  return jsx("div", {
     className: `flex items-center justify-center space-x-2 md:space-x-4 ${containerClassName || ''}`,
     onPaste: handleComponentPaste,
-    "data-testid": "otp-input-container"
-  }, Array.from({
-    length: numInputs
-  }, (_, index) => React__default.createElement(React__default.Fragment, {
-    key: index
-  }, inputRenderer({
-    value: otp[index] || '',
-    placeholder: placeholderValue?.[index],
-    ref: element => {
-      if (inputRefs.current) {
-        inputRefs.current[index] = element;
-      }
-    },
-    onChange: handleChange,
-    onFocus: event => handleFocus(event)(index),
-    onBlur: handleBlur,
-    onKeyDown: handleKeyDown,
-    onPaste: handlePaste,
-    autoComplete: 'off',
-    'aria-label': `Please enter OTP character ${index + 1}`,
-    className: skipDefaultStyles ? inputClassName || '' : `${inputClassName || ''}`,
-    type: inputType,
-    inputMode: isInputNum ? 'numeric' : 'text',
-    onInput: handleInputChange
-  }, index), index < numInputs - 1 && (typeof renderSeparator === 'function' ? renderSeparator(index) : renderSeparator || React__default.createElement("span", {
-    className: "text-gray-400"
-  }, "-")))));
+    "data-testid": "otp-input-container",
+    children: Array.from({
+      length: numInputs
+    }, (_, index) => jsxs(React__default.Fragment, {
+      children: [inputRenderer({
+        value: otp[index] || '',
+        placeholder: placeholderValue?.[index],
+        ref: element => {
+          if (inputRefs.current) {
+            inputRefs.current[index] = element;
+          }
+        },
+        onChange: handleChange,
+        onFocus: event => handleFocus(event)(index),
+        onBlur: handleBlur,
+        onKeyDown: handleKeyDown,
+        onPaste: handlePaste,
+        autoComplete: 'off',
+        'aria-label': `Please enter OTP character ${index + 1}`,
+        className: skipDefaultStyles ? inputClassName || '' : `${inputClassName || ''}`,
+        type: inputType,
+        inputMode: isInputNum ? 'numeric' : 'text',
+        onInput: handleInputChange
+      }, index), index < numInputs - 1 && (typeof renderSeparator === 'function' ? renderSeparator(index) : renderSeparator || jsx("span", {
+        className: "text-gray-400",
+        children: "-"
+      }))]
+    }, index))
+  });
 };export{OTPInput};//# sourceMappingURL=OTPInput.js.map

package/lib/components/OTP/OTPInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"OTPInput.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"OTPInput.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/OTP/OTPVerification.js

@@ -1,4 +1,4 @@
-import React__default,{useState,useEffect}from'react';import {OTPInput}from'./OTPInput.js';import {icons}from'../../icons/index.js';const OTPVerification = ({
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useState,useEffect}from'react';import {OTPInput}from'./OTPInput.js';import {icons}from'../../icons/index.js';const OTPVerification = ({
   length = 4,
   onVerificationSuccess,
   onVerificationFailed,
@@ -78,58 +78,78 @@ import React__default,{useState,useEffect}from'react';import {OTPInput}from'./OT
       alert('Code resent!');
     }
   };
-  return React__default.createElement("div", {
-    className: "max-w-fit w-full bg-white rounded-2xl shadow-xl overflow-hidden"
-  }, React__default.createElement("div", {
-    className: "p-8"
-  }, React__default.createElement("div", {
-    className: `flex items-center justify-center w-16 h-16 rounded-full mx-auto mb-6 transition-colors duration-300 ${isVerified ? 'bg-green-100' : isInvalid ? 'bg-red-100' : 'bg-blue-100'}`
-  }, isVerified ? React__default.createElement(CheckIcon, {
-    className: "w-8 h-8 text-green-600"
-  }) : isInvalid ? React__default.createElement(AlertIcon, {
-    className: "w-8 h-8 text-red-600"
-  }) : React__default.createElement(LockIcon, {
-    className: "w-8 h-8 text-blue-600"
-  })), React__default.createElement("h1", {
-    className: `text-2xl font-bold text-center mb-2 ${isVerified ? 'text-green-800' : isInvalid ? 'text-red-800' : 'text-gray-800'}`
-  }, isVerified ? 'Verification Complete' : title), React__default.createElement("p", {
-    className: `text-center mb-8 ${isVerified ? 'text-green-600' : isInvalid ? 'text-red-600' : 'text-gray-600'}`
-  }, isVerified ? successMessage : isInvalid ? errorMessage : description), !isVerified ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: "mb-6"
-  }, React__default.createElement(OTPInput, {
-    value: otp,
-    onChange: handleChange,
-    numInputs: length,
-    shouldAutoFocus: true,
-    inputType: "number",
-    renderSeparator: React__default.createElement("span", {
-      className: "text-gray-300"
-    }, "\u2022"),
-    containerClassName: `justify-center ${isInvalid ? 'animate-shake' : ''}`,
-    inputClassName: isInvalid ? 'border-red-500 text-red-500' : ''
-  })), React__default.createElement("div", {
-    className: "text-center mb-6"
-  }, React__default.createElement("p", {
-    className: "text-sm text-gray-500"
-  }, "Didn't receive a code?"), React__default.createElement("button", {
-    className: "text-blue-600 font-medium text-sm hover:text-blue-800 transition-colors mt-1",
-    onClick: handleResendCode
-  }, resendCodeText)), React__default.createElement("div", {
-    className: "flex items-center justify-center text-sm text-gray-600"
-  }, React__default.createElement(KeyIcon, {
-    className: "w-4 h-4 mr-2"
-  }), React__default.createElement("span", null, "Secured with end-to-end encryption"))) : React__default.createElement("button", {
-    className: "w-full py-3 bg-green-600 text-white rounded-lg font-medium hover:bg-green-700 transition-colors",
-    onClick: handleContinue
-  }, continueButtonText)), showFooter && React__default.createElement("div", {
-    className: "bg-gray-50 py-4 px-8 border-t border-gray-100"
-  }, React__default.createElement("p", {
-    className: "text-xs text-center text-gray-500"
-  }, "By continuing, you agree to our", ' ', React__default.createElement("a", {
-    href: "#",
-    className: "text-blue-600"
-  }, "Terms of Service"), ' ', "and", ' ', React__default.createElement("a", {
-    href: "#",
-    className: "text-blue-600"
-  }, "Privacy Policy"))));
+  return jsxs("div", {
+    className: "max-w-fit w-full bg-white rounded-2xl shadow-xl overflow-hidden",
+    children: [jsxs("div", {
+      className: "p-8",
+      children: [jsx("div", {
+        className: `flex items-center justify-center w-16 h-16 rounded-full mx-auto mb-6 transition-colors duration-300 ${isVerified ? 'bg-green-100' : isInvalid ? 'bg-red-100' : 'bg-blue-100'}`,
+        children: isVerified ? jsx(CheckIcon, {
+          className: "w-8 h-8 text-green-600"
+        }) : isInvalid ? jsx(AlertIcon, {
+          className: "w-8 h-8 text-red-600"
+        }) : jsx(LockIcon, {
+          className: "w-8 h-8 text-blue-600"
+        })
+      }), jsx("h1", {
+        className: `text-2xl font-bold text-center mb-2 ${isVerified ? 'text-green-800' : isInvalid ? 'text-red-800' : 'text-gray-800'}`,
+        children: isVerified ? 'Verification Complete' : title
+      }), jsx("p", {
+        className: `text-center mb-8 ${isVerified ? 'text-green-600' : isInvalid ? 'text-red-600' : 'text-gray-600'}`,
+        children: isVerified ? successMessage : isInvalid ? errorMessage : description
+      }), !isVerified ? jsxs(Fragment, {
+        children: [jsx("div", {
+          className: "mb-6",
+          children: jsx(OTPInput, {
+            value: otp,
+            onChange: handleChange,
+            numInputs: length,
+            shouldAutoFocus: true,
+            inputType: "number",
+            renderSeparator: jsx("span", {
+              className: "text-gray-300",
+              children: "\u2022"
+            }),
+            containerClassName: `justify-center ${isInvalid ? 'animate-shake' : ''}`,
+            inputClassName: isInvalid ? 'border-red-500 text-red-500' : ''
+          })
+        }), jsxs("div", {
+          className: "text-center mb-6",
+          children: [jsx("p", {
+            className: "text-sm text-gray-500",
+            children: "Didn't receive a code?"
+          }), jsx("button", {
+            className: "text-blue-600 font-medium text-sm hover:text-blue-800 transition-colors mt-1",
+            onClick: handleResendCode,
+            children: resendCodeText
+          })]
+        }), jsxs("div", {
+          className: "flex items-center justify-center text-sm text-gray-600",
+          children: [jsx(KeyIcon, {
+            className: "w-4 h-4 mr-2"
+          }), jsx("span", {
+            children: "Secured with end-to-end encryption"
+          })]
+        })]
+      }) : jsx("button", {
+        className: "w-full py-3 bg-green-600 text-white rounded-lg font-medium hover:bg-green-700 transition-colors",
+        onClick: handleContinue,
+        children: continueButtonText
+      })]
+    }), showFooter && jsx("div", {
+      className: "bg-gray-50 py-4 px-8 border-t border-gray-100",
+      children: jsxs("p", {
+        className: "text-xs text-center text-gray-500",
+        children: ["By continuing, you agree to our", ' ', jsx("a", {
+          href: "#",
+          className: "text-blue-600",
+          children: "Terms of Service"
+        }), ' ', "and", ' ', jsx("a", {
+          href: "#",
+          className: "text-blue-600",
+          children: "Privacy Policy"
+        })]
+      })
+    })]
+  });
 };export{OTPVerification};//# sourceMappingURL=OTPVerification.js.map

package/lib/components/OTP/OTPVerification.js.map

@@ -1 +1 @@
-{"version":3,"file":"OTPVerification.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"OTPVerification.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/OTP/SingleInput.js

@@ -1,4 +1,4 @@
-import React__default,{forwardRef}from'react';const SingleInput = forwardRef(({
+import {jsx}from'react/jsx-runtime';import {forwardRef}from'react';const SingleInput = forwardRef(({
   value,
   focused,
   type,
@@ -13,7 +13,7 @@ import React__default,{forwardRef}from'react';const SingleInput = forwardRef(({
   className,
   ...props
 }, ref) => {
-  return React__default.createElement("input", {
+  return jsx("input", {
     ref: ref,
     className: `
           w-12 h-12 md:w-14 md:h-14 

package/lib/components/OTP/SingleInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleInput.js","sources":["../../../src/components/OTP/SingleInput.tsx"],"sourcesContent":[null],"names":[],"mappings":"8CAGA,MAAA,WAAa,GAAA,UAAW,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SingleInput.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}