@intlayer/design-system 5.5.11 → 5.7.0

package/dist/components/IDE/copyCode.content.mjs

@@ -0,0 +1,40 @@
+import { t } from "intlayer";
+const copyContentContent = {
+  key: "code",
+  content: {
+    title: t({
+      en: "Copy code",
+      es: "Copiar código",
+      pt: "Copiar código",
+      fr: "Copier le code",
+      de: "Code kopieren",
+      it: "Copiare il codice",
+      ja: "コードをコピー",
+      ko: "코드 복사",
+      zh: "复制代码",
+      hi: "कोड कॉपी करें",
+      "en-GB": "Copy code",
+      ru: "Копировать код",
+      ar: "نسخ الكود"
+    }),
+    description: t({
+      en: "Copy the code to the clipboard",
+      es: "Copiar el código al portapapeles",
+      pt: "Copiar o código para a área de transferência",
+      fr: "Copier le code dans le presse-papiers",
+      de: "Kopieren Sie den Code in die Zwischenablage",
+      it: "Copiare il codice nella clipboard",
+      ja: "コードをクリップボードにコピー",
+      ko: "코드를 클립보드에 복사",
+      zh: "复制代码到剪贴板",
+      hi: "कोड को क्लिपबोर्ड पर कॉपी करें",
+      "en-GB": "Copy the code to the clipboard",
+      ru: "Копировать код в буфер обмена",
+      ar: "نسخ الكود إلى الحافظة"
+    })
+  }
+};
+export {
+  copyContentContent as default
+};
+//# sourceMappingURL=copyCode.content.mjs.map

package/dist/components/IDE/copyCode.content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"copyCode.content.mjs","sources":["../../../src/components/IDE/copyCode.content.ts"],"sourcesContent":["import { t, type Dictionary } from 'intlayer';\n\nconst copyContentContent = {\n  key: 'code',\n  content: {\n    title: t({\n      en: 'Copy code',\n      es: 'Copiar código',\n      pt: 'Copiar código',\n      fr: 'Copier le code',\n      de: 'Code kopieren',\n      it: 'Copiare il codice',\n      ja: 'コードをコピー',\n      ko: '코드 복사',\n      zh: '复制代码',\n      hi: 'कोड कॉपी करें',\n      'en-GB': 'Copy code',\n      ru: 'Копировать код',\n      ar: 'نسخ الكود',\n    }),\n    description: t({\n      en: 'Copy the code to the clipboard',\n      es: 'Copiar el código al portapapeles',\n      pt: 'Copiar o código para a área de transferência',\n      fr: 'Copier le code dans le presse-papiers',\n      de: 'Kopieren Sie den Code in die Zwischenablage',\n      it: 'Copiare il codice nella clipboard',\n      ja: 'コードをクリップボードにコピー',\n      ko: '코드를 클립보드에 복사',\n      zh: '复制代码到剪贴板',\n      hi: 'कोड को क्लिपबोर्ड पर कॉपी करें',\n      'en-GB': 'Copy the code to the clipboard',\n      ru: 'Копировать код в буфер обмена',\n      ar: 'نسخ الكود إلى الحافظة',\n    }),\n  },\n} satisfies Dictionary;\n\nexport default copyContentContent;\n"],"names":[],"mappings":";AAEA,MAAM,qBAAqB;AAAA,EACzB,KAAK;AAAA,EACL,SAAS;AAAA,IACP,OAAO,EAAE;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,CACL;AAAA,IACD,aAAa,EAAE;AAAA,MACb,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,IACL,CAAA;AAAA,EAAA;AAEL;"}

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.cjs

@@ -9,10 +9,10 @@ const lucideReact = require("lucide-react");
 const ReactExports = require("react");
 const reactIntlayer = require("react-intlayer");
 require("@intlayer/editor-react");
+require("../Toaster/Toast.cjs");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/api");
 require("@intlayer/config/built");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
-require("../Toaster/Toast.cjs");
 require("deepmerge");
 const hooks_usePersistedStore = require("../../hooks/usePersistedStore.cjs");
 require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContent.mjs

@@ -7,10 +7,10 @@ import { Globe, MoveVertical, Check } from "lucide-react";
 import { useRef, useMemo, useState, useCallback } from "react";
 import { useDictionary, useLocale } from "react-intlayer";
 import "@intlayer/editor-react";
+import "../Toaster/Toast.mjs";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/api";
 import "@intlayer/config/built";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
-import "../Toaster/Toast.mjs";
 import "deepmerge";
 import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
 import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.cjs

@@ -5,10 +5,10 @@ const jsxRuntime = require("react/jsx-runtime");
 const ReactExports = require("react");
 const reactIntlayer = require("react-intlayer");
 require("@intlayer/editor-react");
+require("../Toaster/Toast.cjs");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/api");
 require("@intlayer/config/built");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
-require("../Toaster/Toast.cjs");
 require("deepmerge");
 const hooks_usePersistedStore = require("../../hooks/usePersistedStore.cjs");
 require("../../hooks/useScrollBlockage/useScrollBlockageStore.cjs");

package/dist/components/LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.mjs

@@ -3,10 +3,10 @@ import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
 import { useLocale } from "react-intlayer";
 import "@intlayer/editor-react";
+import "../Toaster/Toast.mjs";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/api";
 import "@intlayer/config/built";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
-import "../Toaster/Toast.mjs";
 import "deepmerge";
 import { usePersistedStore } from "../../hooks/usePersistedStore.mjs";
 import "../../hooks/useScrollBlockage/useScrollBlockageStore.mjs";

package/dist/components/Modal/Modal.cjs

@@ -7,11 +7,11 @@ const framerMotion = require("framer-motion");
 const lucideReact = require("lucide-react");
 const reactDom = require("react-dom");
 require("@intlayer/editor-react");
-require("@intlayer/api");
-require("@intlayer/config/built");
+require("../Toaster/Toast.cjs");
 require("react");
 require("../../hooks/useAsync/useAsyncStateStore.cjs");
-require("../Toaster/Toast.cjs");
+require("@intlayer/api");
+require("@intlayer/config/built");
 require("deepmerge");
 const hooks_useGetElementOrWindow = require("../../hooks/useGetElementOrWindow.cjs");
 const hooks_useScrollBlockage_index = require("../../index-BYzBot7l.cjs");

package/dist/components/Modal/Modal.mjs

@@ -5,11 +5,11 @@ import { motion } from "framer-motion";
 import { X } from "lucide-react";
 import { createPortal } from "react-dom";
 import "@intlayer/editor-react";
-import "@intlayer/api";
-import "@intlayer/config/built";
+import "../Toaster/Toast.mjs";
 import "react";
 import "../../hooks/useAsync/useAsyncStateStore.mjs";
-import "../Toaster/Toast.mjs";
+import "@intlayer/api";
+import "@intlayer/config/built";
 import "deepmerge";
 import { useGetElementOrWindow } from "../../hooks/useGetElementOrWindow.mjs";
 import { u as useScrollBlockage } from "../../index-BCuMWKyy.js";

package/dist/components/Navbar/MobileNavbar.cjs

@@ -5,10 +5,10 @@ const jsxRuntime = require("react/jsx-runtime");
 const framerMotion = require("framer-motion");
 const ReactExports = require("react");
 require("@intlayer/editor-react");
+require("../Toaster/Toast.cjs");
+require("../../hooks/useAsync/useAsyncStateStore.cjs");
 require("@intlayer/api");
 require("@intlayer/config/built");
-require("../../hooks/useAsync/useAsyncStateStore.cjs");
-require("../Toaster/Toast.cjs");
 require("deepmerge");
 const hooks_useScrollBlockage_index = require("../../index-BYzBot7l.cjs");
 const hooks_useScrollDetection = require("../../hooks/useScrollDetection.cjs");

package/dist/components/Navbar/MobileNavbar.mjs

@@ -3,10 +3,10 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { m } from "framer-motion";
 import { useState, useRef } from "react";
 import "@intlayer/editor-react";
+import "../Toaster/Toast.mjs";
+import "../../hooks/useAsync/useAsyncStateStore.mjs";
 import "@intlayer/api";
 import "@intlayer/config/built";
-import "../../hooks/useAsync/useAsyncStateStore.mjs";
-import "../Toaster/Toast.mjs";
 import "deepmerge";
 import { u as useScrollBlockage } from "../../index-BCuMWKyy.js";
 import { useScrollDetection } from "../../hooks/useScrollDetection.mjs";

package/dist/components/Navbar/index.cjs

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 require("@intlayer/editor-react");
-require("@intlayer/api");
-require("@intlayer/config/built");
+require("../Toaster/Toast.cjs");
 require("react");
 require("../../hooks/useAsync/useAsyncStateStore.cjs");
-require("../Toaster/Toast.cjs");
+require("@intlayer/api");
+require("@intlayer/config/built");
 const hooks_useDevice = require("../../hooks/useDevice.cjs");
 require("deepmerge");
 const hooks_useIsMounted = require("../../hooks/useIsMounted.cjs");

package/dist/components/Navbar/index.mjs

@@ -1,11 +1,11 @@
 "use client";
 import { jsx, Fragment } from "react/jsx-runtime";
 import "@intlayer/editor-react";
-import "@intlayer/api";
-import "@intlayer/config/built";
+import "../Toaster/Toast.mjs";
 import "react";
 import "../../hooks/useAsync/useAsyncStateStore.mjs";
-import "../Toaster/Toast.mjs";
+import "@intlayer/api";
+import "@intlayer/config/built";
 import { useDevice } from "../../hooks/useDevice.mjs";
 import "deepmerge";
 import { useIsMounted } from "../../hooks/useIsMounted.mjs";

package/dist/components/Pattern/GridPattern.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const ReactExports = require("react");
 const utils_cn = require("../../utils/cn.cjs");
+const id = "grid-pattern";
 const GridPattern = ({
   width = 40,
   height = 40,
@@ -12,52 +12,49 @@ const GridPattern = ({
   squares,
   className,
   ...props
-}) => {
-  const id = ReactExports.useId();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      "aria-hidden": "true",
-      className: utils_cn.cn(
-        "fill-neutral/10 stroke-neutral/15 dark:stroke-neutral/30 pointer-events-none absolute inset-0 h-full max-h-full w-full",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx(
-          "pattern",
-          {
-            id,
-            width,
-            height,
-            patternUnits: "userSpaceOnUse",
-            x,
-            y,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              "path",
-              {
-                d: `M.5 ${height}V.5H${width}`,
-                fill: "none",
-                strokeDasharray
-              }
-            )
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "100%", height: "100%", strokeWidth: 0, fill: `url(#${id})` }),
-        squares && /* @__PURE__ */ jsxRuntime.jsx("svg", { x, y, className: "overflow-visible", children: squares.map(([x2, y2]) => /* @__PURE__ */ jsxRuntime.jsx(
-          "rect",
-          {
-            strokeWidth: "0",
-            width: width - 1,
-            height: height - 1,
-            x: x2 * width + 1,
-            y: y2 * height + 1
-          },
-          `${x2}-${y2}`
-        )) })
-      ]
-    }
-  );
-};
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    "aria-hidden": "true",
+    className: utils_cn.cn(
+      "fill-neutral/10 stroke-neutral/15 dark:stroke-neutral/30 pointer-events-none absolute inset-0 h-full max-h-full w-full",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx(
+        "pattern",
+        {
+          id,
+          width,
+          height,
+          patternUnits: "userSpaceOnUse",
+          x,
+          y,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: `M.5 ${height}V.5H${width}`,
+              fill: "none",
+              strokeDasharray
+            }
+          )
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "100%", height: "100%", strokeWidth: 0, fill: `url(#${id})` }),
+      squares && /* @__PURE__ */ jsxRuntime.jsx("svg", { x, y, className: "overflow-visible", children: squares.map(([x2, y2]) => /* @__PURE__ */ jsxRuntime.jsx(
+        "rect",
+        {
+          strokeWidth: "0",
+          width: width - 1,
+          height: height - 1,
+          x: x2 * width + 1,
+          y: y2 * height + 1
+        },
+        `${x2}-${y2}`
+      )) })
+    ]
+  }
+);
 exports.GridPattern = GridPattern;
 //# sourceMappingURL=GridPattern.cjs.map

package/dist/components/Pattern/GridPattern.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GridPattern.cjs","sources":["../../../src/components/Pattern/GridPattern.tsx"],"sourcesContent":["import { type FC, type SVGProps, useId } from 'react';\nimport { cn } from '../../utils/cn';\n\ntype GridPatternProps = {\n  width?: number;\n  height?: number;\n  x?: number;\n  y?: number;\n  squares?: [x: number, y: number][];\n  strokeDasharray?: number;\n} & SVGProps<SVGSVGElement>;\n\nexport const GridPattern: FC<GridPatternProps> = ({\n  width = 40,\n  height = 40,\n  x = -1,\n  y = -1,\n  strokeDasharray = 0,\n  squares,\n  className,\n  ...props\n}) => {\n  const id = useId();\n\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={cn(\n        'fill-neutral/10 stroke-neutral/15 dark:stroke-neutral/30 pointer-events-none absolute inset-0 h-full max-h-full w-full',\n        className\n      )}\n      {...props}\n    >\n      <defs>\n        <pattern\n          id={id}\n          width={width}\n          height={height}\n          patternUnits=\"userSpaceOnUse\"\n          x={x}\n          y={y}\n        >\n          <path\n            d={`M.5 ${height}V.5H${width}`}\n            fill=\"none\"\n            strokeDasharray={strokeDasharray}\n          />\n        </pattern>\n      </defs>\n      <rect width=\"100%\" height=\"100%\" strokeWidth={0} fill={`url(#${id})`} />\n      {squares && (\n        <svg x={x} y={y} className=\"overflow-visible\">\n          {squares.map(([x, y]) => (\n            <rect\n              strokeWidth=\"0\"\n              key={`${x}-${y}`}\n              width={width - 1}\n              height={height - 1}\n              x={x * width + 1}\n              y={y * height + 1}\n            />\n          ))}\n        </svg>\n      )}\n    </svg>\n  );\n};\n"],"names":["useId","jsxs","cn","jsx","x","y"],"mappings":";;;;;AAYO,MAAM,cAAoC,CAAC;AAAA,EAChD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,KAAKA,aAAAA,MAAM;AAGf,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAWC,SAAA;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAAC,+BAAC,QACC,EAAA,UAAAA,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,cAAa;AAAA,YACb;AAAA,YACA;AAAA,YAEA,UAAAA,2BAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,GAAG,OAAO,MAAM,OAAO,KAAK;AAAA,gBAC5B,MAAK;AAAA,gBACL;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA,GAEJ;AAAA,QACAA,2BAAAA,IAAC,QAAK,EAAA,OAAM,QAAO,QAAO,QAAO,aAAa,GAAG,MAAM,QAAQ,EAAE,IAAK,CAAA;AAAA,QACrE,WACCA,2BAAA,IAAC,OAAI,EAAA,GAAM,GAAM,WAAU,oBACxB,UAAA,QAAQ,IAAI,CAAC,CAACC,IAAGC,EAAC,MACjBF,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,aAAY;AAAA,YAEZ,OAAO,QAAQ;AAAA,YACf,QAAQ,SAAS;AAAA,YACjB,GAAGC,KAAI,QAAQ;AAAA,YACf,GAAGC,KAAI,SAAS;AAAA,UAAA;AAAA,UAJX,GAAGD,EAAC,IAAIC,EAAC;AAAA,QAAA,CAMjB,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;;"}
+{"version":3,"file":"GridPattern.cjs","sources":["../../../src/components/Pattern/GridPattern.tsx"],"sourcesContent":["import type { FC, SVGProps } from 'react';\nimport { cn } from '../../utils/cn';\n\ntype GridPatternProps = {\n  width?: number;\n  height?: number;\n  x?: number;\n  y?: number;\n  squares?: [x: number, y: number][];\n  strokeDasharray?: number;\n} & SVGProps<SVGSVGElement>;\n\nconst id = 'grid-pattern';\n\nexport const GridPattern: FC<GridPatternProps> = ({\n  width = 40,\n  height = 40,\n  x = -1,\n  y = -1,\n  strokeDasharray = 0,\n  squares,\n  className,\n  ...props\n}) => (\n  <svg\n    aria-hidden=\"true\"\n    className={cn(\n      'fill-neutral/10 stroke-neutral/15 dark:stroke-neutral/30 pointer-events-none absolute inset-0 h-full max-h-full w-full',\n      className\n    )}\n    {...props}\n  >\n    <defs>\n      <pattern\n        id={id}\n        width={width}\n        height={height}\n        patternUnits=\"userSpaceOnUse\"\n        x={x}\n        y={y}\n      >\n        <path\n          d={`M.5 ${height}V.5H${width}`}\n          fill=\"none\"\n          strokeDasharray={strokeDasharray}\n        />\n      </pattern>\n    </defs>\n    <rect width=\"100%\" height=\"100%\" strokeWidth={0} fill={`url(#${id})`} />\n    {squares && (\n      <svg x={x} y={y} className=\"overflow-visible\">\n        {squares.map(([x, y]) => (\n          <rect\n            strokeWidth=\"0\"\n            key={`${x}-${y}`}\n            width={width - 1}\n            height={height - 1}\n            x={x * width + 1}\n            y={y * height + 1}\n          />\n        ))}\n      </svg>\n    )}\n  </svg>\n);\n"],"names":["jsxs","cn","jsx","x","y"],"mappings":";;;;AAYA,MAAM,KAAK;AAEJ,MAAM,cAAoC,CAAC;AAAA,EAChD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,2BAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAY;AAAA,IACZ,WAAWC,SAAA;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAAC,+BAAC,QACC,EAAA,UAAAA,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,cAAa;AAAA,UACb;AAAA,UACA;AAAA,UAEA,UAAAA,2BAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,GAAG,OAAO,MAAM,OAAO,KAAK;AAAA,cAC5B,MAAK;AAAA,cACL;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GAEJ;AAAA,MACAA,2BAAAA,IAAC,QAAK,EAAA,OAAM,QAAO,QAAO,QAAO,aAAa,GAAG,MAAM,QAAQ,EAAE,IAAK,CAAA;AAAA,MACrE,WACCA,2BAAA,IAAC,OAAI,EAAA,GAAM,GAAM,WAAU,oBACxB,UAAA,QAAQ,IAAI,CAAC,CAACC,IAAGC,EAAC,MACjBF,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UAEZ,OAAO,QAAQ;AAAA,UACf,QAAQ,SAAS;AAAA,UACjB,GAAGC,KAAI,QAAQ;AAAA,UACf,GAAGC,KAAI,SAAS;AAAA,QAAA;AAAA,QAJX,GAAGD,EAAC,IAAIC,EAAC;AAAA,MAAA,CAMjB,EACH,CAAA;AAAA,IAAA;AAAA,EAAA;AAEJ;;"}

package/dist/components/Pattern/GridPattern.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridPattern.d.ts","sourceRoot":"","sources":["../../../src/components/Pattern/GridPattern.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,QAAQ,EAAS,MAAM,OAAO,CAAC;AAGtD,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAE5B,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAsD5C,CAAC"}
+{"version":3,"file":"GridPattern.d.ts","sourceRoot":"","sources":["../../../src/components/Pattern/GridPattern.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG1C,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAI5B,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAkD5C,CAAC"}

package/dist/components/Pattern/GridPattern.mjs

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useId } from "react";
 import { cn } from "../../utils/cn.mjs";
+const id = "grid-pattern";
 const GridPattern = ({
   width = 40,
   height = 40,
@@ -10,53 +10,50 @@ const GridPattern = ({
   squares,
   className,
   ...props
-}) => {
-  const id = useId();
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      "aria-hidden": "true",
-      className: cn(
-        "fill-neutral/10 stroke-neutral/15 dark:stroke-neutral/30 pointer-events-none absolute inset-0 h-full max-h-full w-full",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
-          "pattern",
-          {
-            id,
-            width,
-            height,
-            patternUnits: "userSpaceOnUse",
-            x,
-            y,
-            children: /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: `M.5 ${height}V.5H${width}`,
-                fill: "none",
-                strokeDasharray
-              }
-            )
-          }
-        ) }),
-        /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", strokeWidth: 0, fill: `url(#${id})` }),
-        squares && /* @__PURE__ */ jsx("svg", { x, y, className: "overflow-visible", children: squares.map(([x2, y2]) => /* @__PURE__ */ jsx(
-          "rect",
-          {
-            strokeWidth: "0",
-            width: width - 1,
-            height: height - 1,
-            x: x2 * width + 1,
-            y: y2 * height + 1
-          },
-          `${x2}-${y2}`
-        )) })
-      ]
-    }
-  );
-};
+}) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    "aria-hidden": "true",
+    className: cn(
+      "fill-neutral/10 stroke-neutral/15 dark:stroke-neutral/30 pointer-events-none absolute inset-0 h-full max-h-full w-full",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
+        "pattern",
+        {
+          id,
+          width,
+          height,
+          patternUnits: "userSpaceOnUse",
+          x,
+          y,
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: `M.5 ${height}V.5H${width}`,
+              fill: "none",
+              strokeDasharray
+            }
+          )
+        }
+      ) }),
+      /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", strokeWidth: 0, fill: `url(#${id})` }),
+      squares && /* @__PURE__ */ jsx("svg", { x, y, className: "overflow-visible", children: squares.map(([x2, y2]) => /* @__PURE__ */ jsx(
+        "rect",
+        {
+          strokeWidth: "0",
+          width: width - 1,
+          height: height - 1,
+          x: x2 * width + 1,
+          y: y2 * height + 1
+        },
+        `${x2}-${y2}`
+      )) })
+    ]
+  }
+);
 export {
   GridPattern
 };

package/dist/components/Pattern/GridPattern.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"GridPattern.mjs","sources":["../../../src/components/Pattern/GridPattern.tsx"],"sourcesContent":["import { type FC, type SVGProps, useId } from 'react';\nimport { cn } from '../../utils/cn';\n\ntype GridPatternProps = {\n  width?: number;\n  height?: number;\n  x?: number;\n  y?: number;\n  squares?: [x: number, y: number][];\n  strokeDasharray?: number;\n} & SVGProps<SVGSVGElement>;\n\nexport const GridPattern: FC<GridPatternProps> = ({\n  width = 40,\n  height = 40,\n  x = -1,\n  y = -1,\n  strokeDasharray = 0,\n  squares,\n  className,\n  ...props\n}) => {\n  const id = useId();\n\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={cn(\n        'fill-neutral/10 stroke-neutral/15 dark:stroke-neutral/30 pointer-events-none absolute inset-0 h-full max-h-full w-full',\n        className\n      )}\n      {...props}\n    >\n      <defs>\n        <pattern\n          id={id}\n          width={width}\n          height={height}\n          patternUnits=\"userSpaceOnUse\"\n          x={x}\n          y={y}\n        >\n          <path\n            d={`M.5 ${height}V.5H${width}`}\n            fill=\"none\"\n            strokeDasharray={strokeDasharray}\n          />\n        </pattern>\n      </defs>\n      <rect width=\"100%\" height=\"100%\" strokeWidth={0} fill={`url(#${id})`} />\n      {squares && (\n        <svg x={x} y={y} className=\"overflow-visible\">\n          {squares.map(([x, y]) => (\n            <rect\n              strokeWidth=\"0\"\n              key={`${x}-${y}`}\n              width={width - 1}\n              height={height - 1}\n              x={x * width + 1}\n              y={y * height + 1}\n            />\n          ))}\n        </svg>\n      )}\n    </svg>\n  );\n};\n"],"names":["x","y"],"mappings":";;;AAYO,MAAM,cAAoC,CAAC;AAAA,EAChD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,KAAK,MAAM;AAGf,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA,oBAAC,QACC,EAAA,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,cAAa;AAAA,YACb;AAAA,YACA;AAAA,YAEA,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,GAAG,OAAO,MAAM,OAAO,KAAK;AAAA,gBAC5B,MAAK;AAAA,gBACL;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA,GAEJ;AAAA,QACA,oBAAC,QAAK,EAAA,OAAM,QAAO,QAAO,QAAO,aAAa,GAAG,MAAM,QAAQ,EAAE,IAAK,CAAA;AAAA,QACrE,WACC,oBAAC,OAAI,EAAA,GAAM,GAAM,WAAU,oBACxB,UAAA,QAAQ,IAAI,CAAC,CAACA,IAAGC,EAAC,MACjB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,aAAY;AAAA,YAEZ,OAAO,QAAQ;AAAA,YACf,QAAQ,SAAS;AAAA,YACjB,GAAGD,KAAI,QAAQ;AAAA,YACf,GAAGC,KAAI,SAAS;AAAA,UAAA;AAAA,UAJX,GAAGD,EAAC,IAAIC,EAAC;AAAA,QAAA,CAMjB,EACH,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"GridPattern.mjs","sources":["../../../src/components/Pattern/GridPattern.tsx"],"sourcesContent":["import type { FC, SVGProps } from 'react';\nimport { cn } from '../../utils/cn';\n\ntype GridPatternProps = {\n  width?: number;\n  height?: number;\n  x?: number;\n  y?: number;\n  squares?: [x: number, y: number][];\n  strokeDasharray?: number;\n} & SVGProps<SVGSVGElement>;\n\nconst id = 'grid-pattern';\n\nexport const GridPattern: FC<GridPatternProps> = ({\n  width = 40,\n  height = 40,\n  x = -1,\n  y = -1,\n  strokeDasharray = 0,\n  squares,\n  className,\n  ...props\n}) => (\n  <svg\n    aria-hidden=\"true\"\n    className={cn(\n      'fill-neutral/10 stroke-neutral/15 dark:stroke-neutral/30 pointer-events-none absolute inset-0 h-full max-h-full w-full',\n      className\n    )}\n    {...props}\n  >\n    <defs>\n      <pattern\n        id={id}\n        width={width}\n        height={height}\n        patternUnits=\"userSpaceOnUse\"\n        x={x}\n        y={y}\n      >\n        <path\n          d={`M.5 ${height}V.5H${width}`}\n          fill=\"none\"\n          strokeDasharray={strokeDasharray}\n        />\n      </pattern>\n    </defs>\n    <rect width=\"100%\" height=\"100%\" strokeWidth={0} fill={`url(#${id})`} />\n    {squares && (\n      <svg x={x} y={y} className=\"overflow-visible\">\n        {squares.map(([x, y]) => (\n          <rect\n            strokeWidth=\"0\"\n            key={`${x}-${y}`}\n            width={width - 1}\n            height={height - 1}\n            x={x * width + 1}\n            y={y * height + 1}\n          />\n        ))}\n      </svg>\n    )}\n  </svg>\n);\n"],"names":["x","y"],"mappings":";;AAYA,MAAM,KAAK;AAEJ,MAAM,cAAoC,CAAC;AAAA,EAChD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAY;AAAA,IACZ,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAA,oBAAC,QACC,EAAA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,cAAa;AAAA,UACb;AAAA,UACA;AAAA,UAEA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,GAAG,OAAO,MAAM,OAAO,KAAK;AAAA,cAC5B,MAAK;AAAA,cACL;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GAEJ;AAAA,MACA,oBAAC,QAAK,EAAA,OAAM,QAAO,QAAO,QAAO,aAAa,GAAG,MAAM,QAAQ,EAAE,IAAK,CAAA;AAAA,MACrE,WACC,oBAAC,OAAI,EAAA,GAAM,GAAM,WAAU,oBACxB,UAAA,QAAQ,IAAI,CAAC,CAACA,IAAGC,EAAC,MACjB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UAEZ,OAAO,QAAQ;AAAA,UACf,QAAQ,SAAS;AAAA,UACjB,GAAGD,KAAI,QAAQ;AAAA,UACf,GAAGC,KAAI,SAAS;AAAA,QAAA;AAAA,QAJX,GAAGD,EAAC,IAAIC,EAAC;AAAA,MAAA,CAMjB,EACH,CAAA;AAAA,IAAA;AAAA,EAAA;AAEJ;"}

package/dist/components/Popover/index.cjs

@@ -1,25 +1,69 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const Popover = ({ children, content }) => /* @__PURE__ */ jsxRuntime.jsxs(
+const utils_cn = require("../../utils/cn.cjs");
+const components_Container_index = require("../Container/index.cjs");
+const Popover = ({
+  children,
+  className,
+  identifier,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
-    className: "group relative",
+    className: utils_cn.cn("group/popover relative flex cursor-pointer", className),
+    "aria-label": `Popover ${identifier}`,
+    id: `unrollable-panel-button-${identifier}`,
     "aria-haspopup": true,
-    "aria-expanded": false,
-    "aria-label": "Display the popup by hovering this element",
-    children: [
-      children,
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: "bg-card absolute bottom-0 left-5 z-50 translate-y-[150%] rounded-md p-1 text-xs text-opacity-75 opacity-0 ring-2 ring-current transition-all delay-200 duration-200 ease-in-out hover:delay-0 group-hover:opacity-100",
-          "aria-hidden": true,
-          children: content
-        }
-      )
-    ]
+    ...props,
+    children
   }
 );
+const Detail = ({
+  children,
+  isHidden = void 0,
+  isOverable = true,
+  isFocusable = false,
+  xAlign = "start",
+  yAlign = "bellow",
+  identifier,
+  className,
+  displayArrow = true,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  components_Container_index.Container,
+  {
+    transparency: "sm",
+    "aria-hidden": isHidden,
+    "aria-labelledby": `unrollable-panel-button-${identifier}`,
+    id: `unrollable-panel-${identifier}`,
+    className: utils_cn.cn(
+      "absolute z-[1000] min-w-full ring-neutral ring-1 rounded-md",
+      /* Positioning */
+      xAlign === "start" && "left-0",
+      xAlign === "end" && "right-0",
+      yAlign === "bellow" && "top-[calc(100%+1rem)]",
+      yAlign === "above" && "bottom-[calc(100%+1rem)]",
+      /* Arrow indicator */
+      displayArrow && 'before:absolute before:z-[999] before:content-[""] before:w-0 before:h-0',
+      /* Horizontal positioning */
+      displayArrow && xAlign === "start" && "before:left-2",
+      displayArrow && xAlign === "end" && "before:right-2",
+      /* Arrow pointing up (when popover is below trigger) */
+      displayArrow && yAlign === "bellow" && "before:-top-[10px] before:border-l-[10px] before:border-l-transparent before:border-r-[10px] before:border-r-transparent before:border-b-[10px] before:border-b-neutral",
+      /* Arrow pointing down (when popover is above trigger) */
+      displayArrow && yAlign === "above" && "before:-bottom-[10px] before:border-l-[10px] before:border-l-transparent before:border-r-[10px] before:border-r-transparent before:border-t-[10px] before:border-t-neutral",
+      /* Visibility management */
+      "overflow-x-visible transition-all duration-400 ease-in-out opacity-0",
+      isHidden !== false ? "invisible" : "delay-800 visible opacity-100",
+      isOverable && "group-hover/popover:visible group-hover/popover:opacity-100 group-hover/popover:delay-800",
+      isFocusable && "group-focus-within/popover:visible group-focus-within/popover:opacity-100 group-focus-within/popover:delay-800",
+      className
+    ),
+    ...props,
+    children
+  }
+);
+Popover.Detail = Detail;
 exports.Popover = Popover;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Popover/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Popover/index.tsx"],"sourcesContent":["import type { FC, ReactNode } from 'react';\n\ntype PopoverProps = {\n  content: ReactNode | string;\n  children: ReactNode;\n};\n\nexport const Popover: FC<PopoverProps> = ({ children, content }) => (\n  <div\n    className=\"group relative\"\n    aria-haspopup={true}\n    aria-expanded={false}\n    aria-label=\"Display the popup by hovering this element\"\n  >\n    {children}\n    <div\n      className=\"bg-card absolute bottom-0 left-5 z-50 translate-y-[150%] rounded-md p-1 text-xs text-opacity-75 opacity-0 ring-2 ring-current transition-all delay-200 duration-200 ease-in-out hover:delay-0 group-hover:opacity-100\"\n      aria-hidden={true}\n    >\n      {content}\n    </div>\n  </div>\n);\n"],"names":["jsxs","jsx"],"mappings":";;;AAOO,MAAM,UAA4B,CAAC,EAAE,UAAU,QACpD,MAAAA,2BAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,iBAAe;AAAA,IACf,iBAAe;AAAA,IACf,cAAW;AAAA,IAEV,UAAA;AAAA,MAAA;AAAA,MACDC,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,eAAa;AAAA,UAEZ,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AACF;;"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Popover/index.tsx"],"sourcesContent":["import type { DetailedHTMLProps, FC, HTMLAttributes } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Container } from '../Container';\n\nexport type PopoverProps = DetailedHTMLProps<\n  HTMLAttributes<HTMLDivElement>,\n  HTMLDivElement\n> & {\n  identifier: string;\n};\n\nexport type PopoverType = FC<PopoverProps> & {\n  Detail: FC<DetailProps>;\n};\n\n/**\n * Trigger allowing to open a popover menu.\n *\n * Example:\n * ```jsx\n * <Popover identifier=\"popover\">\n *   Open popover\n *\n *   <Popover.Detail identifier=\"popover\">\n *     <div>Content</div>\n *   </Popover.Detail>\n * </Popover>\n * ```\n *\n * > Note Popover.Trigger can be replaced by a button. Don't add a button inside the trigger.\n */\nexport const Popover: PopoverType = ({\n  children,\n  className,\n  identifier,\n  ...props\n}) => (\n  <div\n    className={cn('group/popover relative flex cursor-pointer', className)}\n    aria-label={`Popover ${identifier}`}\n    id={`unrollable-panel-button-${identifier}`}\n    aria-haspopup\n    {...props}\n  >\n    {children}\n  </div>\n);\n\nexport type DetailProps = HTMLAttributes<HTMLDivElement> & {\n  isFocusable?: boolean;\n  isHidden?: boolean;\n  isOverable?: boolean;\n  identifier: string;\n  xAlign?: 'start' | 'end';\n  yAlign?: 'bellow' | 'above';\n  displayArrow?: boolean;\n};\n\n/**\n * Component that opens a popover menu when the trigger is clicked.\n *\n * Example:\n * ```jsx\n * <Popover.Detail identifier=\"popover\">\n *   <div>Content</div>\n * </Popover.Detail>\n * ```\n */\nconst Detail: FC<DetailProps> = ({\n  children,\n  isHidden = undefined,\n  isOverable = true,\n  isFocusable = false,\n  xAlign = 'start',\n  yAlign = 'bellow',\n  identifier,\n  className,\n  displayArrow = true,\n  ...props\n}) => (\n  <Container\n    transparency=\"sm\"\n    aria-hidden={isHidden}\n    aria-labelledby={`unrollable-panel-button-${identifier}`}\n    id={`unrollable-panel-${identifier}`}\n    className={cn(\n      'absolute z-[1000] min-w-full ring-neutral ring-1 rounded-md',\n\n      /* Positioning */\n      xAlign === 'start' && 'left-0',\n      xAlign === 'end' && 'right-0',\n      yAlign === 'bellow' && 'top-[calc(100%+1rem)]',\n      yAlign === 'above' && 'bottom-[calc(100%+1rem)]',\n\n      /* Arrow indicator */\n      displayArrow &&\n        'before:absolute before:z-[999] before:content-[\"\"] before:w-0 before:h-0',\n\n      /* Horizontal positioning */\n      displayArrow && xAlign === 'start' && 'before:left-2',\n      displayArrow && xAlign === 'end' && 'before:right-2',\n\n      /* Arrow pointing up (when popover is below trigger) */\n      displayArrow &&\n        yAlign === 'bellow' &&\n        'before:-top-[10px] before:border-l-[10px] before:border-l-transparent before:border-r-[10px] before:border-r-transparent before:border-b-[10px] before:border-b-neutral',\n\n      /* Arrow pointing down (when popover is above trigger) */\n      displayArrow &&\n        yAlign === 'above' &&\n        'before:-bottom-[10px] before:border-l-[10px] before:border-l-transparent before:border-r-[10px] before:border-r-transparent before:border-t-[10px] before:border-t-neutral',\n\n      /* Visibility management */\n      'overflow-x-visible transition-all duration-400 ease-in-out opacity-0',\n      isHidden !== false ? 'invisible' : 'delay-800 visible opacity-100',\n      isOverable &&\n        'group-hover/popover:visible group-hover/popover:opacity-100 group-hover/popover:delay-800',\n      isFocusable &&\n        'group-focus-within/popover:visible group-focus-within/popover:opacity-100 group-focus-within/popover:delay-800',\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </Container>\n);\n\nPopover.Detail = Detail;\n"],"names":["jsx","cn","Container"],"mappings":";;;;;AA+BO,MAAM,UAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MACEA,2BAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,SAAAA,GAAG,8CAA8C,SAAS;AAAA,IACrE,cAAY,WAAW,UAAU;AAAA,IACjC,IAAI,2BAA2B,UAAU;AAAA,IACzC,iBAAa;AAAA,IACZ,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAuBF,MAAM,SAA0B,CAAC;AAAA,EAC/B;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb,cAAc;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,GAAG;AACL,MACED,2BAAA;AAAA,EAACE,2BAAA;AAAA,EAAA;AAAA,IACC,cAAa;AAAA,IACb,eAAa;AAAA,IACb,mBAAiB,2BAA2B,UAAU;AAAA,IACtD,IAAI,oBAAoB,UAAU;AAAA,IAClC,WAAWD,SAAA;AAAA,MACT;AAAA;AAAA,MAGA,WAAW,WAAW;AAAA,MACtB,WAAW,SAAS;AAAA,MACpB,WAAW,YAAY;AAAA,MACvB,WAAW,WAAW;AAAA;AAAA,MAGtB,gBACE;AAAA;AAAA,MAGF,gBAAgB,WAAW,WAAW;AAAA,MACtC,gBAAgB,WAAW,SAAS;AAAA;AAAA,MAGpC,gBACE,WAAW,YACX;AAAA;AAAA,MAGF,gBACE,WAAW,WACX;AAAA;AAAA,MAGF;AAAA,MACA,aAAa,QAAQ,cAAc;AAAA,MACnC,cACE;AAAA,MACF,eACE;AAAA,MACF;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEH;AAAA,EAAA;AACH;AAGF,QAAQ,SAAS;;"}

package/dist/components/Popover/index.d.ts

@@ -1,8 +1,34 @@
-import { FC, ReactNode } from 'react';
-type PopoverProps = {
-    content: ReactNode | string;
-    children: ReactNode;
+import { DetailedHTMLProps, FC, HTMLAttributes } from 'react';
+export type PopoverProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+    identifier: string;
+};
+export type PopoverType = FC<PopoverProps> & {
+    Detail: FC<DetailProps>;
+};
+/**
+ * Trigger allowing to open a popover menu.
+ *
+ * Example:
+ * ```jsx
+ * <Popover identifier="popover">
+ *   Open popover
+ *
+ *   <Popover.Detail identifier="popover">
+ *     <div>Content</div>
+ *   </Popover.Detail>
+ * </Popover>
+ * ```
+ *
+ * > Note Popover.Trigger can be replaced by a button. Don't add a button inside the trigger.
+ */
+export declare const Popover: PopoverType;
+export type DetailProps = HTMLAttributes<HTMLDivElement> & {
+    isFocusable?: boolean;
+    isHidden?: boolean;
+    isOverable?: boolean;
+    identifier: string;
+    xAlign?: 'start' | 'end';
+    yAlign?: 'bellow' | 'above';
+    displayArrow?: boolean;
 };
-export declare const Popover: FC<PopoverProps>;
-export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,SAAS,GAAG,MAAM,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAepC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAInE,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAC1C,cAAc,CAAC,cAAc,CAAC,EAC9B,cAAc,CACf,GAAG;IACF,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG;IAC3C,MAAM,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,OAAO,EAAE,WAerB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACzD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACzB,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC"}