@npm_leadtech/legal-contracts-ui 0.12.0 → 0.16.0

package/dist/components/Anchor.d.ts

@@ -0,0 +1,4 @@
+import { JSX } from 'react/jsx-runtime';
+
+export declare const Anchor: ({ children, className }: React.ComponentProps<"a">) => JSX.Element;
+

package/dist/components/Anchor.js

@@ -0,0 +1,13 @@
+import { jsx as o } from "react/jsx-runtime";
+const n = ({ children: e, className: r }) => /* @__PURE__ */ o(
+  "a",
+  {
+    className: `text-blue-600 underline hover:text-blue-800 ${r || ""}`,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    children: e
+  }
+);
+export {
+  n as Anchor
+};

package/dist/components/Badge.js

@@ -1,10 +1,10 @@
 import { jsx as r } from "react/jsx-runtime";
 import "react";
-const s = ({ children: t, color: e = "secondary" }) => /* @__PURE__ */ r(
+const s = ({ children: e, color: t = "secondary" }) => /* @__PURE__ */ r(
   "div",
   {
-    className: `absolute -top-4 -right-2 flex items-center gap-2 rounded bg-${e}-200 text-small px-2 py-2 text-neutral-800 shadow-md`,
-    children: t
+    className: `absolute -top-4 -right-2 flex items-center gap-2 rounded bg-${t}-200 text-small px-2 py-2 whitespace-nowrap text-neutral-800 shadow-md`,
+    children: e
   }
 );
 export {

package/dist/components/Blockquote.d.ts

@@ -0,0 +1,4 @@
+import { JSX } from 'react/jsx-runtime';
+
+export declare const Blockquote: ({ children }: React.ComponentProps<"blockquote">) => JSX.Element;
+

package/dist/components/Blockquote.js

@@ -0,0 +1,5 @@
+import { jsx as r } from "react/jsx-runtime";
+const e = ({ children: o }) => /* @__PURE__ */ r("blockquote", { className: "my-4 border-l-4 border-gray-300 pl-4 text-gray-700 italic", children: o });
+export {
+  e as Blockquote
+};

package/dist/components/Code.d.ts

@@ -0,0 +1,4 @@
+import { JSX } from 'react/jsx-runtime';
+
+export declare const Code: ({ children, className }: React.ComponentProps<"code">) => JSX.Element;
+

package/dist/components/Code.js

@@ -0,0 +1,5 @@
+import { jsx as t } from "react/jsx-runtime";
+const d = ({ children: e, className: o }) => !o || !o.includes("language-") ? /* @__PURE__ */ t("code", { className: "rounded bg-gray-100 px-1.5 py-0.5 font-mono text-sm text-red-600", children: e }) : /* @__PURE__ */ t("code", { className: `mb-4 block overflow-x-auto rounded-lg bg-gray-900 p-4 text-gray-100 ${o || ""}`, children: e });
+export {
+  d as Code
+};

package/dist/components/Header.d.ts

@@ -1,5 +1,6 @@
 import { default as default_2 } from 'react';
 import { FC } from 'react';
+import * as React_2 from 'react';
 import { ReactNode } from 'react';
 
 export interface FormattedLanguageItem {
@@ -14,15 +15,16 @@ export declare const Header: FC<HeaderProps>;
 export declare interface HeaderProps {
     logo: ReactNode;
     navMenu: NavMenuProps;
-    isMobileMenuOpen: boolean;
-    onOpenMobileMenu: () => void;
-    onCloseMobileMenu: () => void;
+    isMobileMenuOpen?: boolean;
+    onOpenMobileMenu?: () => void;
+    onCloseMobileMenu?: () => void;
     mobileMenuSections?: MobileMenuSection[];
     mobileContactInfo?: MobileContactInfo;
     seeAllDocumentsLabel?: string;
     seeAllDocumentsHref?: string;
     userActions?: ReactNode;
     languageSelectorProps?: LanguageSelectorProps;
+    searchBarProps: SearchBarProps;
 }
 
 export interface LanguageSelectorProps {
@@ -65,4 +67,21 @@ export interface NavMenuItemProps {
 export interface NavMenuProps {
     navItems: NavMenuItemProps[];
 }
+
+export interface SearchBarProps {
+    items: SearchItem[];
+    placeholder?: string;
+    isOpen?: boolean;
+    onToggle?: () => void;
+    searchValue?: string;
+    onInputChange?: (e: React_2.ChangeEvent<HTMLInputElement>) => void;
+    onClear?: () => void;
+    noResultsText?: string;
+    allDocumentsItem?: SearchItem;
+}
+
+export interface SearchItem {
+    label: string;
+    href: string;
+}
 

package/dist/components/Header.js

@@ -1,46 +1,47 @@
-import { jsxs as l, Fragment as b, jsx as e } from "react/jsx-runtime";
+import { jsxs as l, Fragment as N, jsx as e } from "react/jsx-runtime";
 import "react";
-import { NavMenu as N } from "./NavMenu.js";
-import { LanguageSelector as y } from "./LanguageSelector.js";
-import { HamburgerIcon as v } from "./HamburgerIcon.js";
-import { CloseIcon as g } from "./CloseIcon.js";
+import { NavMenu as y } from "./NavMenu.js";
+import { SearchBar as p } from "./SearchBar.js";
+import { LanguageSelector as v } from "./LanguageSelector.js";
+import { HamburgerIcon as g } from "./HamburgerIcon.js";
 import { PhoneTalkIcon as j } from "./PhoneTalkIcon.js";
-import { SearchIcon as h } from "./SearchIcon.js";
-const F = ({
+import { CloseIcon as k } from "./CloseIcon.js";
+const T = ({
   logo: c,
-  navMenu: f,
+  navMenu: x,
   languageSelectorProps: s,
-  isMobileMenuOpen: n,
-  onOpenMobileMenu: x,
+  isMobileMenuOpen: d,
+  onOpenMobileMenu: o,
   onCloseMobileMenu: t,
-  mobileMenuSections: o = [],
+  mobileMenuSections: u = [],
   mobileContactInfo: a,
-  userActions: d,
-  seeAllDocumentsLabel: m,
-  seeAllDocumentsHref: p
-}) => /* @__PURE__ */ l(b, { children: [
+  userActions: m,
+  seeAllDocumentsLabel: n,
+  seeAllDocumentsHref: f,
+  searchBarProps: h
+}) => /* @__PURE__ */ l(N, { children: [
   /* @__PURE__ */ e("header", { className: "bg-primary-50", children: /* @__PURE__ */ l("div", { className: "flex w-full items-center justify-between px-4 py-4 text-neutral-800 md:px-8", children: [
     /* @__PURE__ */ l("div", { className: "flex flex-1 items-center gap-8", children: [
       c,
-      /* @__PURE__ */ e("div", { className: "hidden lg:block", children: /* @__PURE__ */ e(N, { ...f }) })
+      /* @__PURE__ */ e("div", { className: "hidden lg:block", children: /* @__PURE__ */ e(y, { ...x }) })
     ] }),
     /* @__PURE__ */ l("div", { className: "text-medium hidden flex-wrap items-center gap-4 lg:flex", children: [
-      /* @__PURE__ */ e("button", { "aria-label": "Search", className: "cursor-pointer p-2", children: /* @__PURE__ */ e(h, {}) }),
-      /* @__PURE__ */ e("div", { className: "hidden xl:block", children: s && /* @__PURE__ */ e(y, { ...s }) }),
-      d
+      /* @__PURE__ */ e(p, { ...h }),
+      /* @__PURE__ */ e("div", { className: "hidden xl:block", children: s && /* @__PURE__ */ e(v, { ...s }) }),
+      m
     ] }),
     /* @__PURE__ */ e(
       "button",
       {
         className: "flex cursor-pointer items-center justify-center p-2 lg:hidden",
-        onClick: x,
+        onClick: o,
         "aria-label": "Open menu",
-        "aria-expanded": n,
-        children: /* @__PURE__ */ e(v, {})
+        "aria-expanded": d,
+        children: /* @__PURE__ */ e(g, {})
       }
     )
   ] }) }),
-  n && /* @__PURE__ */ l("div", { className: "fixed inset-0 z-50 flex flex-col overflow-y-auto bg-white lg:hidden", children: [
+  d && /* @__PURE__ */ l("div", { className: "fixed inset-0 z-50 flex flex-col overflow-y-auto bg-white lg:hidden", children: [
     /* @__PURE__ */ l("div", { className: "flex items-center justify-between px-4 py-4", children: [
       c,
       /* @__PURE__ */ e(
@@ -49,24 +50,14 @@ const F = ({
           className: "flex cursor-pointer items-center justify-center p-2",
           onClick: t,
           "aria-label": "Close menu",
-          children: /* @__PURE__ */ e(g, {})
+          children: /* @__PURE__ */ e(k, {})
         }
       )
     ] }),
     /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col pb-6", children: [
-      /* @__PURE__ */ e("div", { className: "mb-6 flex items-center justify-center gap-8", children: d }),
-      /* @__PURE__ */ e("div", { className: "mb-6", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-3 rounded-sm border border-neutral-200 bg-white px-4 py-3", children: [
-        /* @__PURE__ */ e(h, { fill: "var(--neutral-500)" }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            placeholder: "Search",
-            className: "flex-1 bg-transparent text-base text-neutral-800 outline-none placeholder:text-neutral-400"
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ e("nav", { className: "flex-1", children: o.map((r, u) => /* @__PURE__ */ l(
+      /* @__PURE__ */ e("div", { className: "mb-6 flex items-center justify-center gap-8", children: m }),
+      /* @__PURE__ */ e("div", { className: "mb-6", children: /* @__PURE__ */ e(p, { ...h }) }),
+      /* @__PURE__ */ e("nav", { className: "flex-1", children: u.map((r, b) => /* @__PURE__ */ l(
         "div",
         {
           className: `py-4 ${r.icon == null ? "border-t border-b border-neutral-200" : ""}`,
@@ -97,14 +88,14 @@ const F = ({
             ] })
           ]
         },
-        r.title ?? u
+        r.title ?? b
       )) }),
-      m && p && /* @__PURE__ */ e("div", { className: "my-4 flex items-center justify-center", children: /* @__PURE__ */ e(
+      n && f && /* @__PURE__ */ e("div", { className: "my-4 flex items-center justify-center", children: /* @__PURE__ */ e(
         "a",
         {
-          href: p,
+          href: f,
           className: "border-primary-500 text-primary-500 rounded-md border-2 p-3 font-semibold",
-          children: m
+          children: n
         }
       ) }),
       a && /* @__PURE__ */ l("div", { className: "mt-auto flex flex-col items-center justify-center border-t border-neutral-100 p-6", children: [
@@ -131,5 +122,5 @@ const F = ({
   ] })
 ] });
 export {
-  F as Header
+  T as Header
 };

package/dist/components/Header1.d.ts

@@ -0,0 +1,4 @@
+import { JSX } from 'react/jsx-runtime';
+
+export declare const Header1: ({ children }: React.ComponentProps<"h1">) => JSX.Element;
+

package/dist/components/Header1.js

@@ -0,0 +1,5 @@
+import { jsx as e } from "react/jsx-runtime";
+const m = ({ children: t }) => /* @__PURE__ */ e("h1", { className: "mt-6 mb-4 text-4xl font-bold text-gray-900", children: t });
+export {
+  m as Header1
+};

package/dist/components/Header2.d.ts

@@ -0,0 +1,4 @@
+import { JSX } from 'react/jsx-runtime';
+
+export declare const Header2: ({ children }: React.ComponentProps<"h2">) => JSX.Element;
+

package/dist/components/Header2.js

@@ -0,0 +1,5 @@
+import { jsx as e } from "react/jsx-runtime";
+const m = ({ children: t }) => /* @__PURE__ */ e("h2", { className: "mt-5 mb-3 text-3xl font-bold text-gray-900", children: t });
+export {
+  m as Header2
+};

package/dist/components/Header3.d.ts

@@ -0,0 +1,4 @@
+import { JSX } from 'react/jsx-runtime';
+
+export declare const Header3: ({ children }: React.ComponentProps<"h3">) => JSX.Element;
+

package/dist/components/Header3.js

@@ -0,0 +1,5 @@
+import { jsx as e } from "react/jsx-runtime";
+const o = ({ children: t }) => /* @__PURE__ */ e("h3", { className: "mt-4 mb-2 text-2xl font-semibold text-gray-900", children: t });
+export {
+  o as Header3
+};

package/dist/components/Header4.d.ts

@@ -0,0 +1,4 @@
+import { JSX } from 'react/jsx-runtime';
+
+export declare const Header4: ({ children }: React.ComponentProps<"h4">) => JSX.Element;
+

package/dist/components/Header4.js

@@ -0,0 +1,5 @@
+import { jsx as e } from "react/jsx-runtime";
+const o = ({ children: t }) => /* @__PURE__ */ e("h4", { className: "mt-3 mb-2 text-xl font-semibold text-gray-900", children: t });
+export {
+  o as Header4
+};

package/dist/components/HighlightedText.d.ts

@@ -0,0 +1,7 @@
+import * as React_2 from 'react';
+
+export declare const HighlightedText: React_2.FC<{
+    text: string;
+    highlight: string;
+}>;
+

package/dist/components/HighlightedText.js

@@ -0,0 +1,13 @@
+import { jsx as r, Fragment as s } from "react/jsx-runtime";
+import * as i from "react";
+const l = (e) => e.replaceAll(/[.*+?^${}()|[\]\\]/g, String.raw`\$&`), m = ({ text: e, highlight: t }) => {
+  if (!t.trim())
+    return /* @__PURE__ */ r(s, { children: e });
+  const c = new RegExp(`(${l(t)})`, "gi"), a = e.split(c);
+  return /* @__PURE__ */ r(s, { children: a.map(
+    (n, o) => n.toLowerCase() === t.toLowerCase() ? /* @__PURE__ */ r("strong", { className: "font-bold", children: n }, `${String(o)}-bold`) : /* @__PURE__ */ r(i.Fragment, { children: n }, `${String(o)}-text`)
+  ) });
+};
+export {
+  m as HighlightedText
+};

package/dist/components/Markdown.d.ts

@@ -0,0 +1,9 @@
+import { default as default_2 } from 'react';
+
+export declare const Markdown: default_2.FC<MarkdownProps>;
+
+export declare interface MarkdownProps {
+    content: string;
+    className: string;
+}
+