@npm_leadtech/legal-contracts-ui 0.52.0 → 0.52.1

package/dist/components/FaqSection.js

@@ -1,16 +1,16 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import "react";
-import { Markdown as n } from "./Markdown.js";
-import { FaqItem as m } from "./FaqItem.js";
+import { Markdown as m } from "./Markdown.js";
+import { FaqItem as n } from "./FaqItem.js";
 const p = ({ title: l, description: o, faqItems: r, className: s = "" }) => {
   if (r.length === 0) return null;
   const c = l.toLowerCase().replace(/\s+/g, "-");
-  return /* @__PURE__ */ a("div", { id: c, className: `flex flex-col gap-2 text-neutral-800 ${s} p-0.5`, children: [
+  return /* @__PURE__ */ a("div", { id: c, className: `flex flex-col gap-2 text-neutral-800 ${s} scroll-mt-12 p-0.5`, children: [
     /* @__PURE__ */ a("div", { className: "mb-4 flex flex-col", children: [
       /* @__PURE__ */ e("h3", { className: "text-super-large font-bold", children: l }),
-      o !== "" && /* @__PURE__ */ e(n, { content: o, className: "text-medium mt-6" })
+      o !== "" && /* @__PURE__ */ e(m, { content: o, className: "text-medium mt-6" })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: r.map((t) => /* @__PURE__ */ e(m, { ...t }, t.question)) })
+    /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: r.map((t) => /* @__PURE__ */ e(n, { ...t }, t.question)) })
   ] });
 };
 export {

package/dist/components/Header.d.ts

@@ -1,3 +1,4 @@
+import { default as default_2 } from 'react';
 import { FC } from 'react';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
@@ -6,7 +7,7 @@ export interface FormattedLanguageItem {
     code: string;
     name: string;
     url?: string;
-    flag: ReactNode;
+    flag: default_2.ReactNode;
 }
 
 export declare const Header: FC<HeaderProps>;

package/dist/components/Header.js

@@ -26,7 +26,7 @@ const S = ({
     ] }),
     /* @__PURE__ */ l("div", { className: "text-medium hidden flex-wrap items-center gap-4 lg:flex xl:gap-6", children: [
       /* @__PURE__ */ e(x, { ...c }),
-      s && /* @__PURE__ */ e("div", { className: "hidden xl:block", children: /* @__PURE__ */ e(v, { ...s }) }),
+      /* @__PURE__ */ e("div", { className: "hidden xl:block", children: s && /* @__PURE__ */ e(v, { ...s }) }),
       n
     ] }),
     /* @__PURE__ */ e(

package/dist/components/LanguageSelector.d.ts

@@ -1,14 +1,13 @@
-import { FC } from 'react';
-import { ReactNode } from 'react';
+import { default as default_2 } from 'react';
 
 export declare interface FormattedLanguageItem {
     code: string;
     name: string;
     url?: string;
-    flag: ReactNode;
+    flag: default_2.ReactNode;
 }
 
-export declare const LanguageSelector: FC<LanguageSelectorProps>;
+export declare const LanguageSelector: default_2.FC<LanguageSelectorProps>;
 
 export declare interface LanguageSelectorProps {
     currentLanguage: FormattedLanguageItem;

package/dist/components/LanguageSelector.js

@@ -1,24 +1,26 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { ChevronDownIcon as o } from "./ChevronDownIcon.js";
-const f = ({
+import "react";
+const p = ({
   currentLanguage: l,
-  availableLanguages: i,
-  variant: a = "default",
-  isOpen: r = !1,
-  onToggle: n
-}) => a === "compact" ? /* @__PURE__ */ s("div", { className: "group relative inline-flex cursor-pointer flex-col py-2", children: [
-  /* @__PURE__ */ s("div", { className: "flex items-center gap-2 px-2 py-1", children: [
+  availableLanguages: a,
+  variant: n = "default",
+  isOpen: i = !1,
+  onToggle: c
+}) => n === "compact" ? /* @__PURE__ */ s("div", { className: "group relative inline-flex w-auto cursor-pointer flex-col px-4 py-2", children: [
+  /* @__PURE__ */ s("div", { className: "flex items-center gap-2 py-1", children: [
     /* @__PURE__ */ e("span", { className: "flex items-center justify-center", children: l.flag }),
-    /* @__PURE__ */ e("span", { className: "text-medium text-gray-600", children: l.name })
+    /* @__PURE__ */ e("span", { className: "text-base text-gray-600", children: l.name })
   ] }),
-  /* @__PURE__ */ e("div", { className: "pointer-events-none absolute top-full z-10 flex flex-col gap-2 rounded-lg bg-white p-2 opacity-0 shadow-md transition-opacity duration-200 group-hover:pointer-events-auto group-hover:opacity-100", children: i.map((t) => /* @__PURE__ */ s(
+  /* @__PURE__ */ e("div", { className: "width-full pointer-events-none absolute top-full left-0 z-10 flex min-w-max flex-col p-2 opacity-0 shadow-md transition-opacity duration-200 group-hover:pointer-events-auto group-hover:opacity-100", children: a.map((t, r) => /* @__PURE__ */ s(
     "a",
     {
       href: t.url,
-      className: "hover:bg-primary-100 flex items-center gap-2 rounded-sm bg-white px-2 py-1 transition-colors",
+      className: "hover:bg-primary-100 flex items-center gap-2 rounded-sm bg-white px-3 py-2 transition-colors",
+      style: { animationDelay: `${String(r * 0.05)}s` },
       children: [
         /* @__PURE__ */ e("span", { className: "flex items-center justify-center", children: t.flag }),
-        /* @__PURE__ */ e("span", { className: "text-medium text-gray-600", children: t.name })
+        /* @__PURE__ */ e("span", { className: "text-base text-gray-600", children: t.name })
       ]
     },
     t.code
@@ -27,23 +29,23 @@ const f = ({
   /* @__PURE__ */ s(
     "button",
     {
-      className: `bg-primary-800 flex w-full cursor-pointer items-center justify-between px-4 py-2 ${r ? "bg-gray-50" : ""}`,
-      onClick: n,
+      className: `bg-primary-800 flex w-full cursor-pointer items-center justify-between px-4 py-2 ${i ? "bg-gray-50" : ""}`,
+      onClick: c,
       children: [
         /* @__PURE__ */ s("div", { className: "flex items-center gap-2 px-2 font-medium text-gray-800", children: [
           /* @__PURE__ */ e("span", { className: "flex items-center justify-center", children: l.flag }),
           /* @__PURE__ */ e("span", { className: "text-base text-white", children: l.name })
         ] }),
-        /* @__PURE__ */ e("div", { className: `mr-1 transition-transform duration-200 ${r ? "rotate-180" : "rotate-0"}`, children: /* @__PURE__ */ e(o, { fill: "#ffff", width: 24, height: 24 }) })
+        /* @__PURE__ */ e("div", { className: `mr-1 transition-transform duration-200 ${i ? "rotate-180" : "rotate-0"}`, children: /* @__PURE__ */ e(o, { fill: "#ffff", width: 24, height: 24 }) })
       ]
     }
   ),
-  r && /* @__PURE__ */ e("div", { className: "absolute top-10 z-10 flex w-full flex-col", children: i.map((t, c) => /* @__PURE__ */ e(
+  i && /* @__PURE__ */ e("div", { className: "absolute top-10 z-10 flex w-full flex-col", children: a.map((t, r) => /* @__PURE__ */ e(
     "a",
     {
       href: t.url,
       className: "mt-2 w-full animate-[slideDown_0.3s_both] items-center justify-between rounded-md bg-white px-4 py-3 ease-out",
-      style: { animationDelay: `${String(c * 0.05)}s` },
+      style: { animationDelay: `${String(r * 0.05)}s` },
       children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2 px-2 text-gray-600", children: [
         /* @__PURE__ */ e("span", { className: "flex items-center justify-center", children: t.flag }),
         /* @__PURE__ */ e("span", { className: "text-base", children: t.name })
@@ -53,5 +55,5 @@ const f = ({
   )) })
 ] });
 export {
-  f as LanguageSelector
+  p as LanguageSelector
 };