dash-ui-kit 2.1.0-dev → 2.1.1

package/dist/react/components/copyButton/index.cjs.js

@@ -8,7 +8,7 @@ var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var classVarianceAuthority = require('class-variance-authority');
-var Popover = require('@radix-ui/react-popover');
+var PopoverPrimitive = require('@radix-ui/react-popover');
 var index = require('../icons/index.cjs.js');
 var ThemeContext = require('../../contexts/ThemeContext.cjs.js');
 var copyToClipboard = require('../../utils/copyToClipboard.cjs.js');
@@ -30,7 +30,7 @@ function _interopNamespaceDefault(e) {
     return Object.freeze(n);
 }
 
-var Popover__namespace = /*#__PURE__*/_interopNamespaceDefault(Popover);
+var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(PopoverPrimitive);
 
 const copyBtn = classVarianceAuthority.cva('p-0 flex-shrink-0 h-[max-content] min-w-0 bg-transparent transition-colors', {
   variants: {
@@ -61,9 +61,9 @@ const CopyButton = _a => {
     setOpen(true);
     setTimeout(() => setOpen(false), 1000);
   };
-  return jsxRuntime.jsxs(Popover__namespace.Root, {
+  return jsxRuntime.jsxs(PopoverPrimitive__namespace.Root, {
     open: open,
-    children: [jsxRuntime.jsx(Popover__namespace.Trigger, {
+    children: [jsxRuntime.jsx(PopoverPrimitive__namespace.Trigger, {
       asChild: true,
       children: jsxRuntime.jsx("button", Object.assign({
         type: 'button',
@@ -77,12 +77,12 @@ const CopyButton = _a => {
           color: theme === 'light' ? '#000000' : '#ffffff'
         })
       }))
-    }), jsxRuntime.jsx(Popover__namespace.Portal, {
-      children: jsxRuntime.jsxs(Popover__namespace.Content, {
+    }), jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, {
+      children: jsxRuntime.jsxs(PopoverPrimitive__namespace.Content, {
         className: 'bg-white text-gray-900 text-sm px-2 py-1 rounded shadow-lg',
         side: 'top',
         sideOffset: 5,
-        children: ["Copied", jsxRuntime.jsx(Popover__namespace.Arrow, {
+        children: ["Copied", jsxRuntime.jsx(PopoverPrimitive__namespace.Arrow, {
           className: 'fill-white'
         })]
       })

package/dist/react/components/copyButton/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/react/components/copyButton/index.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { cva } from 'class-variance-authority'\nimport * as Popover from '@radix-ui/react-popover'\nimport { CopyIcon } from '../icons'\nimport { useTheme } from '../../contexts/ThemeContext'\nimport copyToClipboard, { CopyResult } from '../../utils/copyToClipboard'\n\nconst copyBtn = cva(\n  'p-0 flex-shrink-0 h-[max-content] min-w-0 bg-transparent transition-colors',\n  {\n    variants: {\n      theme: {\n        light: 'hover:text-gray-600 active:text-gray-800',\n        dark: 'hover:text-gray-300 active:text-gray-100'\n      }\n    },\n    defaultVariants: {\n      theme: 'light'\n    }\n  }\n)\n\nexport interface CopyButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onCopy'> {\n  /** Text to copy into clipboard */\n  text: string\n  /** Optional callback that will be called with the copy result */\n  onCopy?: (result: CopyResult) => void\n}\n\nexport const CopyButton: React.FC<CopyButtonProps> = ({ text, className, onCopy, ...props }) => {\n  const { theme } = useTheme()\n  const [open, setOpen] = useState(false)\n\n  const handleCopy = (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.stopPropagation()\n    e.preventDefault()\n    copyToClipboard(text, onCopy)\n    setOpen(true)\n    setTimeout(() => setOpen(false), 1000)\n  }\n\n  return (\n    <Popover.Root open={open}>\n      <Popover.Trigger asChild>\n        <button\n          type='button'\n          className={`${copyBtn({ theme })} ${className ?? ''} hover:cursor-pointer`}\n          onClick={handleCopy}\n          {...props}\n        >\n          <CopyIcon\n            className='w-4 h-4 transition'\n            color={theme === 'light' ? '#000000' : '#ffffff'}\n          />\n        </button>\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content\n          className='bg-white text-gray-900 text-sm px-2 py-1 rounded shadow-lg'\n          side='top'\n          sideOffset={5}\n        >\n          Copied\n          <Popover.Arrow className='fill-white' />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  )\n}\n\nexport default CopyButton\n"],"names":["copyBtn","cva","variants","theme","light","dark","defaultVariants","CopyButton","_a","text","className","onCopy","props","__rest","useTheme","open","setOpen","useState","handleCopy","e","stopPropagation","preventDefault","copyToClipboard","setTimeout","_jsxs","Popover","Root","children","_jsx","Trigger","asChild","Object","assign","type","onClick","CopyIcon","color","Portal","Content","side","sideOffset","Arrow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAMA,OAAO,GAAGC,0BAAG,CACjB,4EAA4E,EAC5E;AACEC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,0CAA0C;AACjDC,MAAAA,IAAI,EAAE;AACP;GACF;AACDC,EAAAA,eAAe,EAAE;AACfH,IAAAA,KAAK,EAAE;AACR;AACF,CAAA,CACF;AASYI,MAAAA,UAAU,GAA+BC,EAAqC,IAAI;MAAzC;MAAEC,IAAI;MAAEC,SAAS;AAAEC,MAAAA;UAAkB;AAAPC,IAAAA,KAAK,GAAnCC,YAAA,CAAAL,EAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,QAAA,CAAqC,CAAF;EACvF,MAAM;AAAEL,IAAAA;GAAO,GAAGW,qBAAQ,EAAE;EAC5B,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;EAEvC,MAAMC,UAAU,GAAIC,CAAsC,IAAI;IAC5DA,CAAC,CAACC,eAAe,EAAE;IACnBD,CAAC,CAACE,cAAc,EAAE;AAClBC,IAAAA,+BAAe,CAACb,IAAI,EAAEE,MAAM,CAAC;IAC7BK,OAAO,CAAC,IAAI,CAAC;IACbO,UAAU,CAAC,MAAMP,OAAO,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;GACvC;AAED,EAAA,OACEQ,gBAACC,kBAAO,CAACC,IAAI,EAAC;AAAAX,IAAAA,IAAI,EAAEA,IAAI;AACtBY,IAAAA,QAAA,EAAA,CAAAC,cAAA,CAACH,kBAAO,CAACI,OAAO,EAAC;AAAAC,MAAAA,OAAO,EACtB,IAAA;MAAAH,QAAA,EAAAC,cAAA,CAAA,QAAA,EAAAG,MAAA,CAAAC,MAAA,CAAA;AACEC,QAAAA,IAAI,EAAC,QAAQ;QACbvB,SAAS,EAAE,CAAGV,EAAAA,OAAO,CAAC;AAAEG,UAAAA;AAAK,SAAE,CAAC,CAAA,CAAA,EAAIO,SAAS,KAAT,IAAA,IAAAA,SAAS,KAAT,MAAA,GAAAA,SAAS,GAAI,EAAE,CAAuB,qBAAA,CAAA;AAC1EwB,QAAAA,OAAO,EAAEhB;OACL,EAAAN,KAAK;kBAETgB,cAAC,CAAAO,cAAQ,EACP;AAAAzB,UAAAA,SAAS,EAAC,oBAAoB;AAC9B0B,UAAAA,KAAK,EAAEjC,KAAK,KAAK,OAAO,GAAG,SAAS,GAAG;SACvC;AAAA,OAAA,CAAA;AAEY,KAAA,CAAA,EAClByB,cAAC,CAAAH,kBAAO,CAACY,MAAM,EAAA;AAAAV,MAAAA,QAAA,EACbH,eAAC,CAAAC,kBAAO,CAACa,OAAO;AACd5B,QAAAA,SAAS,EAAC,4DAA4D;AACtE6B,QAAAA,IAAI,EAAC,KAAK;AACVC,QAAAA,UAAU,EAAE,CAAC;QAGbb,QAAA,EAAA,CAAA,QAAA,EAAAC,cAAA,CAACH,kBAAO,CAACgB,KAAK,EAAC;AAAA/B,UAAAA,SAAS,EAAC;UAAe;OACxB;AAAA,KAAA,CACH;AACJ,GAAA,CAAA;AAEnB;;;;;"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/react/components/copyButton/index.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { cva } from 'class-variance-authority'\nimport * as Popover from '@radix-ui/react-popover'\nimport { CopyIcon } from '../icons'\nimport { useTheme } from '../../contexts/ThemeContext'\nimport copyToClipboard, { CopyResult } from '../../utils/copyToClipboard'\n\nconst copyBtn = cva(\n  'p-0 flex-shrink-0 h-[max-content] min-w-0 bg-transparent transition-colors',\n  {\n    variants: {\n      theme: {\n        light: 'hover:text-gray-600 active:text-gray-800',\n        dark: 'hover:text-gray-300 active:text-gray-100'\n      }\n    },\n    defaultVariants: {\n      theme: 'light'\n    }\n  }\n)\n\nexport interface CopyButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onCopy'> {\n  /** Text to copy into clipboard */\n  text: string\n  /** Optional callback that will be called with the copy result */\n  onCopy?: (result: CopyResult) => void\n}\n\nexport const CopyButton: React.FC<CopyButtonProps> = ({ text, className, onCopy, ...props }) => {\n  const { theme } = useTheme()\n  const [open, setOpen] = useState(false)\n\n  const handleCopy = (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.stopPropagation()\n    e.preventDefault()\n    copyToClipboard(text, onCopy)\n    setOpen(true)\n    setTimeout(() => setOpen(false), 1000)\n  }\n\n  return (\n    <Popover.Root open={open}>\n      <Popover.Trigger asChild>\n        <button\n          type='button'\n          className={`${copyBtn({ theme })} ${className ?? ''} hover:cursor-pointer`}\n          onClick={handleCopy}\n          {...props}\n        >\n          <CopyIcon\n            className='w-4 h-4 transition'\n            color={theme === 'light' ? '#000000' : '#ffffff'}\n          />\n        </button>\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content\n          className='bg-white text-gray-900 text-sm px-2 py-1 rounded shadow-lg'\n          side='top'\n          sideOffset={5}\n        >\n          Copied\n          <Popover.Arrow className='fill-white' />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  )\n}\n\nexport default CopyButton\n"],"names":["copyBtn","cva","variants","theme","light","dark","defaultVariants","CopyButton","_a","text","className","onCopy","props","__rest","useTheme","open","setOpen","useState","handleCopy","e","stopPropagation","preventDefault","copyToClipboard","setTimeout","_jsxs","Popover","Root","children","_jsx","Trigger","asChild","Object","assign","type","onClick","CopyIcon","color","Portal","Content","side","sideOffset","Arrow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAMA,OAAO,GAAGC,0BAAG,CACjB,4EAA4E,EAC5E;AACEC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,0CAA0C;AACjDC,MAAAA,IAAI,EAAE;AACP;GACF;AACDC,EAAAA,eAAe,EAAE;AACfH,IAAAA,KAAK,EAAE;AACR;AACF,CAAA,CACF;AASYI,MAAAA,UAAU,GAA+BC,EAAqC,IAAI;MAAzC;MAAEC,IAAI;MAAEC,SAAS;AAAEC,MAAAA;UAAkB;AAAPC,IAAAA,KAAK,GAAnCC,YAAA,CAAAL,EAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,QAAA,CAAqC,CAAF;EACvF,MAAM;AAAEL,IAAAA;GAAO,GAAGW,qBAAQ,EAAE;EAC5B,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;EAEvC,MAAMC,UAAU,GAAIC,CAAsC,IAAI;IAC5DA,CAAC,CAACC,eAAe,EAAE;IACnBD,CAAC,CAACE,cAAc,EAAE;AAClBC,IAAAA,+BAAe,CAACb,IAAI,EAAEE,MAAM,CAAC;IAC7BK,OAAO,CAAC,IAAI,CAAC;IACbO,UAAU,CAAC,MAAMP,OAAO,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;GACvC;AAED,EAAA,OACEQ,gBAACC,2BAAO,CAACC,IAAI,EAAC;AAAAX,IAAAA,IAAI,EAAEA,IAAI;AACtBY,IAAAA,QAAA,EAAA,CAAAC,cAAA,CAACH,2BAAO,CAACI,OAAO,EAAC;AAAAC,MAAAA,OAAO,EACtB,IAAA;MAAAH,QAAA,EAAAC,cAAA,CAAA,QAAA,EAAAG,MAAA,CAAAC,MAAA,CAAA;AACEC,QAAAA,IAAI,EAAC,QAAQ;QACbvB,SAAS,EAAE,CAAGV,EAAAA,OAAO,CAAC;AAAEG,UAAAA;AAAK,SAAE,CAAC,CAAA,CAAA,EAAIO,SAAS,KAAT,IAAA,IAAAA,SAAS,KAAT,MAAA,GAAAA,SAAS,GAAI,EAAE,CAAuB,qBAAA,CAAA;AAC1EwB,QAAAA,OAAO,EAAEhB;OACL,EAAAN,KAAK;kBAETgB,cAAC,CAAAO,cAAQ,EACP;AAAAzB,UAAAA,SAAS,EAAC,oBAAoB;AAC9B0B,UAAAA,KAAK,EAAEjC,KAAK,KAAK,OAAO,GAAG,SAAS,GAAG;SACvC;AAAA,OAAA,CAAA;AAEY,KAAA,CAAA,EAClByB,cAAC,CAAAH,2BAAO,CAACY,MAAM,EAAA;AAAAV,MAAAA,QAAA,EACbH,eAAC,CAAAC,2BAAO,CAACa,OAAO;AACd5B,QAAAA,SAAS,EAAC,4DAA4D;AACtE6B,QAAAA,IAAI,EAAC,KAAK;AACVC,QAAAA,UAAU,EAAE,CAAC;QAGbb,QAAA,EAAA,CAAA,QAAA,EAAAC,cAAA,CAACH,2BAAO,CAACgB,KAAK,EAAC;AAAA/B,UAAAA,SAAS,EAAC;UAAe;OACxB;AAAA,KAAA,CACH;AACJ,GAAA,CAAA;AAEnB;;;;;"}

package/dist/react/components/copyButton/index.esm.js

@@ -4,7 +4,7 @@ import { __rest } from 'tslib';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { cva } from 'class-variance-authority';
-import * as Popover from '@radix-ui/react-popover';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { CopyIcon } from '../icons/index.esm.js';
 import { useTheme } from '../../contexts/ThemeContext.esm.js';
 import { copyToClipboard } from '../../utils/copyToClipboard.esm.js';
@@ -38,9 +38,9 @@ const CopyButton = _a => {
     setOpen(true);
     setTimeout(() => setOpen(false), 1000);
   };
-  return jsxs(Popover.Root, {
+  return jsxs(PopoverPrimitive.Root, {
     open: open,
-    children: [jsx(Popover.Trigger, {
+    children: [jsx(PopoverPrimitive.Trigger, {
       asChild: true,
       children: jsx("button", Object.assign({
         type: 'button',
@@ -54,12 +54,12 @@ const CopyButton = _a => {
           color: theme === 'light' ? '#000000' : '#ffffff'
         })
       }))
-    }), jsx(Popover.Portal, {
-      children: jsxs(Popover.Content, {
+    }), jsx(PopoverPrimitive.Portal, {
+      children: jsxs(PopoverPrimitive.Content, {
         className: 'bg-white text-gray-900 text-sm px-2 py-1 rounded shadow-lg',
         side: 'top',
         sideOffset: 5,
-        children: ["Copied", jsx(Popover.Arrow, {
+        children: ["Copied", jsx(PopoverPrimitive.Arrow, {
           className: 'fill-white'
         })]
       })

package/dist/react/components/copyButton/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/react/components/copyButton/index.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { cva } from 'class-variance-authority'\nimport * as Popover from '@radix-ui/react-popover'\nimport { CopyIcon } from '../icons'\nimport { useTheme } from '../../contexts/ThemeContext'\nimport copyToClipboard, { CopyResult } from '../../utils/copyToClipboard'\n\nconst copyBtn = cva(\n  'p-0 flex-shrink-0 h-[max-content] min-w-0 bg-transparent transition-colors',\n  {\n    variants: {\n      theme: {\n        light: 'hover:text-gray-600 active:text-gray-800',\n        dark: 'hover:text-gray-300 active:text-gray-100'\n      }\n    },\n    defaultVariants: {\n      theme: 'light'\n    }\n  }\n)\n\nexport interface CopyButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onCopy'> {\n  /** Text to copy into clipboard */\n  text: string\n  /** Optional callback that will be called with the copy result */\n  onCopy?: (result: CopyResult) => void\n}\n\nexport const CopyButton: React.FC<CopyButtonProps> = ({ text, className, onCopy, ...props }) => {\n  const { theme } = useTheme()\n  const [open, setOpen] = useState(false)\n\n  const handleCopy = (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.stopPropagation()\n    e.preventDefault()\n    copyToClipboard(text, onCopy)\n    setOpen(true)\n    setTimeout(() => setOpen(false), 1000)\n  }\n\n  return (\n    <Popover.Root open={open}>\n      <Popover.Trigger asChild>\n        <button\n          type='button'\n          className={`${copyBtn({ theme })} ${className ?? ''} hover:cursor-pointer`}\n          onClick={handleCopy}\n          {...props}\n        >\n          <CopyIcon\n            className='w-4 h-4 transition'\n            color={theme === 'light' ? '#000000' : '#ffffff'}\n          />\n        </button>\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content\n          className='bg-white text-gray-900 text-sm px-2 py-1 rounded shadow-lg'\n          side='top'\n          sideOffset={5}\n        >\n          Copied\n          <Popover.Arrow className='fill-white' />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  )\n}\n\nexport default CopyButton\n"],"names":["copyBtn","cva","variants","theme","light","dark","defaultVariants","CopyButton","_a","text","className","onCopy","props","__rest","useTheme","open","setOpen","useState","handleCopy","e","stopPropagation","preventDefault","copyToClipboard","setTimeout","_jsxs","Popover","Root","children","_jsx","Trigger","asChild","Object","assign","type","onClick","CopyIcon","color","Portal","Content","side","sideOffset","Arrow"],"mappings":";;;;;;;;;;;AAOA,MAAMA,OAAO,GAAGC,GAAG,CACjB,4EAA4E,EAC5E;AACEC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,0CAA0C;AACjDC,MAAAA,IAAI,EAAE;AACP;GACF;AACDC,EAAAA,eAAe,EAAE;AACfH,IAAAA,KAAK,EAAE;AACR;AACF,CAAA,CACF;AASYI,MAAAA,UAAU,GAA+BC,EAAqC,IAAI;MAAzC;MAAEC,IAAI;MAAEC,SAAS;AAAEC,MAAAA;UAAkB;AAAPC,IAAAA,KAAK,GAAnCC,MAAA,CAAAL,EAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,QAAA,CAAqC,CAAF;EACvF,MAAM;AAAEL,IAAAA;GAAO,GAAGW,QAAQ,EAAE;EAC5B,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC;EAEvC,MAAMC,UAAU,GAAIC,CAAsC,IAAI;IAC5DA,CAAC,CAACC,eAAe,EAAE;IACnBD,CAAC,CAACE,cAAc,EAAE;AAClBC,IAAAA,eAAe,CAACb,IAAI,EAAEE,MAAM,CAAC;IAC7BK,OAAO,CAAC,IAAI,CAAC;IACbO,UAAU,CAAC,MAAMP,OAAO,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;GACvC;AAED,EAAA,OACEQ,KAACC,OAAO,CAACC,IAAI,EAAC;AAAAX,IAAAA,IAAI,EAAEA,IAAI;AACtBY,IAAAA,QAAA,EAAA,CAAAC,GAAA,CAACH,OAAO,CAACI,OAAO,EAAC;AAAAC,MAAAA,OAAO,EACtB,IAAA;MAAAH,QAAA,EAAAC,GAAA,CAAA,QAAA,EAAAG,MAAA,CAAAC,MAAA,CAAA;AACEC,QAAAA,IAAI,EAAC,QAAQ;QACbvB,SAAS,EAAE,CAAGV,EAAAA,OAAO,CAAC;AAAEG,UAAAA;AAAK,SAAE,CAAC,CAAA,CAAA,EAAIO,SAAS,KAAT,IAAA,IAAAA,SAAS,KAAT,MAAA,GAAAA,SAAS,GAAI,EAAE,CAAuB,qBAAA,CAAA;AAC1EwB,QAAAA,OAAO,EAAEhB;OACL,EAAAN,KAAK;kBAETgB,GAAC,CAAAO,QAAQ,EACP;AAAAzB,UAAAA,SAAS,EAAC,oBAAoB;AAC9B0B,UAAAA,KAAK,EAAEjC,KAAK,KAAK,OAAO,GAAG,SAAS,GAAG;SACvC;AAAA,OAAA,CAAA;AAEY,KAAA,CAAA,EAClByB,GAAC,CAAAH,OAAO,CAACY,MAAM,EAAA;AAAAV,MAAAA,QAAA,EACbH,IAAC,CAAAC,OAAO,CAACa,OAAO;AACd5B,QAAAA,SAAS,EAAC,4DAA4D;AACtE6B,QAAAA,IAAI,EAAC,KAAK;AACVC,QAAAA,UAAU,EAAE,CAAC;QAGbb,QAAA,EAAA,CAAA,QAAA,EAAAC,GAAA,CAACH,OAAO,CAACgB,KAAK,EAAC;AAAA/B,UAAAA,SAAS,EAAC;UAAe;OACxB;AAAA,KAAA,CACH;AACJ,GAAA,CAAA;AAEnB;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/react/components/copyButton/index.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { cva } from 'class-variance-authority'\nimport * as Popover from '@radix-ui/react-popover'\nimport { CopyIcon } from '../icons'\nimport { useTheme } from '../../contexts/ThemeContext'\nimport copyToClipboard, { CopyResult } from '../../utils/copyToClipboard'\n\nconst copyBtn = cva(\n  'p-0 flex-shrink-0 h-[max-content] min-w-0 bg-transparent transition-colors',\n  {\n    variants: {\n      theme: {\n        light: 'hover:text-gray-600 active:text-gray-800',\n        dark: 'hover:text-gray-300 active:text-gray-100'\n      }\n    },\n    defaultVariants: {\n      theme: 'light'\n    }\n  }\n)\n\nexport interface CopyButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onCopy'> {\n  /** Text to copy into clipboard */\n  text: string\n  /** Optional callback that will be called with the copy result */\n  onCopy?: (result: CopyResult) => void\n}\n\nexport const CopyButton: React.FC<CopyButtonProps> = ({ text, className, onCopy, ...props }) => {\n  const { theme } = useTheme()\n  const [open, setOpen] = useState(false)\n\n  const handleCopy = (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.stopPropagation()\n    e.preventDefault()\n    copyToClipboard(text, onCopy)\n    setOpen(true)\n    setTimeout(() => setOpen(false), 1000)\n  }\n\n  return (\n    <Popover.Root open={open}>\n      <Popover.Trigger asChild>\n        <button\n          type='button'\n          className={`${copyBtn({ theme })} ${className ?? ''} hover:cursor-pointer`}\n          onClick={handleCopy}\n          {...props}\n        >\n          <CopyIcon\n            className='w-4 h-4 transition'\n            color={theme === 'light' ? '#000000' : '#ffffff'}\n          />\n        </button>\n      </Popover.Trigger>\n      <Popover.Portal>\n        <Popover.Content\n          className='bg-white text-gray-900 text-sm px-2 py-1 rounded shadow-lg'\n          side='top'\n          sideOffset={5}\n        >\n          Copied\n          <Popover.Arrow className='fill-white' />\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  )\n}\n\nexport default CopyButton\n"],"names":["copyBtn","cva","variants","theme","light","dark","defaultVariants","CopyButton","_a","text","className","onCopy","props","__rest","useTheme","open","setOpen","useState","handleCopy","e","stopPropagation","preventDefault","copyToClipboard","setTimeout","_jsxs","Popover","Root","children","_jsx","Trigger","asChild","Object","assign","type","onClick","CopyIcon","color","Portal","Content","side","sideOffset","Arrow"],"mappings":";;;;;;;;;;;AAOA,MAAMA,OAAO,GAAGC,GAAG,CACjB,4EAA4E,EAC5E;AACEC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,0CAA0C;AACjDC,MAAAA,IAAI,EAAE;AACP;GACF;AACDC,EAAAA,eAAe,EAAE;AACfH,IAAAA,KAAK,EAAE;AACR;AACF,CAAA,CACF;AASYI,MAAAA,UAAU,GAA+BC,EAAqC,IAAI;MAAzC;MAAEC,IAAI;MAAEC,SAAS;AAAEC,MAAAA;UAAkB;AAAPC,IAAAA,KAAK,GAAnCC,MAAA,CAAAL,EAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,QAAA,CAAqC,CAAF;EACvF,MAAM;AAAEL,IAAAA;GAAO,GAAGW,QAAQ,EAAE;EAC5B,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC;EAEvC,MAAMC,UAAU,GAAIC,CAAsC,IAAI;IAC5DA,CAAC,CAACC,eAAe,EAAE;IACnBD,CAAC,CAACE,cAAc,EAAE;AAClBC,IAAAA,eAAe,CAACb,IAAI,EAAEE,MAAM,CAAC;IAC7BK,OAAO,CAAC,IAAI,CAAC;IACbO,UAAU,CAAC,MAAMP,OAAO,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;GACvC;AAED,EAAA,OACEQ,KAACC,gBAAO,CAACC,IAAI,EAAC;AAAAX,IAAAA,IAAI,EAAEA,IAAI;AACtBY,IAAAA,QAAA,EAAA,CAAAC,GAAA,CAACH,gBAAO,CAACI,OAAO,EAAC;AAAAC,MAAAA,OAAO,EACtB,IAAA;MAAAH,QAAA,EAAAC,GAAA,CAAA,QAAA,EAAAG,MAAA,CAAAC,MAAA,CAAA;AACEC,QAAAA,IAAI,EAAC,QAAQ;QACbvB,SAAS,EAAE,CAAGV,EAAAA,OAAO,CAAC;AAAEG,UAAAA;AAAK,SAAE,CAAC,CAAA,CAAA,EAAIO,SAAS,KAAT,IAAA,IAAAA,SAAS,KAAT,MAAA,GAAAA,SAAS,GAAI,EAAE,CAAuB,qBAAA,CAAA;AAC1EwB,QAAAA,OAAO,EAAEhB;OACL,EAAAN,KAAK;kBAETgB,GAAC,CAAAO,QAAQ,EACP;AAAAzB,UAAAA,SAAS,EAAC,oBAAoB;AAC9B0B,UAAAA,KAAK,EAAEjC,KAAK,KAAK,OAAO,GAAG,SAAS,GAAG;SACvC;AAAA,OAAA,CAAA;AAEY,KAAA,CAAA,EAClByB,GAAC,CAAAH,gBAAO,CAACY,MAAM,EAAA;AAAAV,MAAAA,QAAA,EACbH,IAAC,CAAAC,gBAAO,CAACa,OAAO;AACd5B,QAAAA,SAAS,EAAC,4DAA4D;AACtE6B,QAAAA,IAAI,EAAC,KAAK;AACVC,QAAAA,UAAU,EAAE,CAAC;QAGbb,QAAA,EAAA,CAAA,QAAA,EAAAC,GAAA,CAACH,gBAAO,CAACgB,KAAK,EAAC;AAAA/B,UAAAA,SAAS,EAAC;UAAe;OACxB;AAAA,KAAA,CACH;AACJ,GAAA,CAAA;AAEnB;;;;"}

package/dist/react/components/index.cjs.js

@@ -27,7 +27,9 @@ var index$l = require('./progressStepBar/index.cjs.js');
 var index$m = require('./dashLogo/index.cjs.js');
 var index$n = require('./dialog/index.cjs.js');
 var index$o = require('./tabs/index.cjs.js');
-var index$p = require('./icons/index.cjs.js');
+var index$p = require('./tooltip/index.cjs.js');
+var index$q = require('./popover/index.cjs.js');
+var index$r = require('./icons/index.cjs.js');
 
 
 
@@ -56,46 +58,48 @@ exports.ProgressStepBar = index$l.ProgressStepBar;
 exports.DashLogo = index$m.DashLogo;
 exports.Dialog = index$n.DashDialog;
 exports.Tabs = index$o.Tabs;
-exports.AirplaneIcon = index$p.AirplaneIcon;
-exports.ArrowIcon = index$p.ArrowIcon;
-exports.BroadcastedIcon = index$p.BroadcastedIcon;
-exports.BurgerMenuIcon = index$p.BurgerMenuIcon;
-exports.CalendarIcon = index$p.CalendarIcon;
-exports.ChainSmallIcon = index$p.ChainSmallIcon;
-exports.CheckIcon = index$p.CheckIcon;
-exports.CheckmarkIcon = index$p.CheckmarkIcon;
-exports.ChevronIcon = index$p.ChevronIcon;
-exports.CircleProcessIcon = index$p.CircleProcessIcon;
-exports.CopyIcon = index$p.CopyIcon;
-exports.CreditsIcon = index$p.CreditsIcon;
-exports.CrossIcon = index$p.CrossIcon;
-exports.DeleteIcon = index$p.DeleteIcon;
-exports.DocumentIcon = index$p.DocumentIcon;
-exports.EditIcon = index$p.EditIcon;
-exports.ErrorIcon = index$p.ErrorIcon;
-exports.ExternalLinkIcon = index$p.ExternalLinkIcon;
-exports.EyeClosedIcon = index$p.EyeClosedIcon;
-exports.EyeOpenIcon = index$p.EyeOpenIcon;
-exports.FaceIcon = index$p.FaceIcon;
-exports.FilterIcon = index$p.FilterIcon;
-exports.FingerprintIcon = index$p.FingerprintIcon;
-exports.InfoCircleIcon = index$p.InfoCircleIcon;
-exports.KebabMenuIcon = index$p.KebabMenuIcon;
-exports.KeyIcon = index$p.KeyIcon;
-exports.LockIcon = index$p.LockIcon;
-exports.PendingIcon = index$p.PendingIcon;
-exports.PlusIcon = index$p.PlusIcon;
-exports.PooledIcon = index$p.PooledIcon;
-exports.ProtectedMessageIcon = index$p.ProtectedMessageIcon;
-exports.QuestionMessageIcon = index$p.QuestionMessageIcon;
-exports.QueuedIcon = index$p.QueuedIcon;
-exports.SearchIcon = index$p.SearchIcon;
-exports.SettingsIcon = index$p.SettingsIcon;
-exports.ShieldSmallIcon = index$p.ShieldSmallIcon;
-exports.SignIcon = index$p.SignIcon;
-exports.SignLockIcon = index$p.SignLockIcon;
-exports.SmartphoneIcon = index$p.SmartphoneIcon;
-exports.SuccessIcon = index$p.SuccessIcon;
-exports.WalletIcon = index$p.WalletIcon;
-exports.WebIcon = index$p.WebIcon;
+exports.Tooltip = index$p.Tooltip;
+exports.Popover = index$q.Popover;
+exports.AirplaneIcon = index$r.AirplaneIcon;
+exports.ArrowIcon = index$r.ArrowIcon;
+exports.BroadcastedIcon = index$r.BroadcastedIcon;
+exports.BurgerMenuIcon = index$r.BurgerMenuIcon;
+exports.CalendarIcon = index$r.CalendarIcon;
+exports.ChainSmallIcon = index$r.ChainSmallIcon;
+exports.CheckIcon = index$r.CheckIcon;
+exports.CheckmarkIcon = index$r.CheckmarkIcon;
+exports.ChevronIcon = index$r.ChevronIcon;
+exports.CircleProcessIcon = index$r.CircleProcessIcon;
+exports.CopyIcon = index$r.CopyIcon;
+exports.CreditsIcon = index$r.CreditsIcon;
+exports.CrossIcon = index$r.CrossIcon;
+exports.DeleteIcon = index$r.DeleteIcon;
+exports.DocumentIcon = index$r.DocumentIcon;
+exports.EditIcon = index$r.EditIcon;
+exports.ErrorIcon = index$r.ErrorIcon;
+exports.ExternalLinkIcon = index$r.ExternalLinkIcon;
+exports.EyeClosedIcon = index$r.EyeClosedIcon;
+exports.EyeOpenIcon = index$r.EyeOpenIcon;
+exports.FaceIcon = index$r.FaceIcon;
+exports.FilterIcon = index$r.FilterIcon;
+exports.FingerprintIcon = index$r.FingerprintIcon;
+exports.InfoCircleIcon = index$r.InfoCircleIcon;
+exports.KebabMenuIcon = index$r.KebabMenuIcon;
+exports.KeyIcon = index$r.KeyIcon;
+exports.LockIcon = index$r.LockIcon;
+exports.PendingIcon = index$r.PendingIcon;
+exports.PlusIcon = index$r.PlusIcon;
+exports.PooledIcon = index$r.PooledIcon;
+exports.ProtectedMessageIcon = index$r.ProtectedMessageIcon;
+exports.QuestionMessageIcon = index$r.QuestionMessageIcon;
+exports.QueuedIcon = index$r.QueuedIcon;
+exports.SearchIcon = index$r.SearchIcon;
+exports.SettingsIcon = index$r.SettingsIcon;
+exports.ShieldSmallIcon = index$r.ShieldSmallIcon;
+exports.SignIcon = index$r.SignIcon;
+exports.SignLockIcon = index$r.SignLockIcon;
+exports.SmartphoneIcon = index$r.SmartphoneIcon;
+exports.SuccessIcon = index$r.SuccessIcon;
+exports.WalletIcon = index$r.WalletIcon;
+exports.WebIcon = index$r.WebIcon;
 //# sourceMappingURL=index.cjs.js.map

package/dist/react/components/index.cjs.js.map

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

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

@@ -23,5 +23,7 @@ export { ProgressStepBar, type ProgressStepBarProps } from './progressStepBar';
 export { DashLogo, type DashLogoProps } from './dashLogo';
 export { Dialog, type DialogProps } from './dialog';
 export { Tabs, type TabsProps, type TabItem } from './tabs';
+export { Tooltip, type TooltipProps } from './tooltip';
+export { Popover, type PopoverProps } from './popover';
 export type { TimeDeltaFormat } from '../../shared/utils/datetime';
 export { ArrowIcon, CopyIcon, SuccessIcon, ErrorIcon, QueuedIcon, PooledIcon, BroadcastedIcon, CalendarIcon, EyeOpenIcon, EyeClosedIcon, CheckIcon, KeyIcon, ProtectedMessageIcon, SmartphoneIcon, CrossIcon, WalletIcon, PlusIcon, FilterIcon, EditIcon, DeleteIcon, DocumentIcon, ChevronIcon, BurgerMenuIcon, KebabMenuIcon, CircleProcessIcon, CreditsIcon, WebIcon, ChainSmallIcon, SettingsIcon, ShieldSmallIcon, QuestionMessageIcon, CheckmarkIcon, FingerprintIcon, FaceIcon, SignIcon, SignLockIcon, LockIcon, PendingIcon, SearchIcon, AirplaneIcon, ExternalLinkIcon, InfoCircleIcon } from './icons';

package/dist/react/components/index.esm.js

@@ -25,5 +25,7 @@ export { ProgressStepBar } from './progressStepBar/index.esm.js';
 export { DashLogo } from './dashLogo/index.esm.js';
 export { DashDialog as Dialog } from './dialog/index.esm.js';
 export { Tabs } from './tabs/index.esm.js';
+export { Tooltip } from './tooltip/index.esm.js';
+export { Popover } from './popover/index.esm.js';
 export { AirplaneIcon, ArrowIcon, BroadcastedIcon, BurgerMenuIcon, CalendarIcon, ChainSmallIcon, CheckIcon, CheckmarkIcon, ChevronIcon, CircleProcessIcon, CopyIcon, CreditsIcon, CrossIcon, DeleteIcon, DocumentIcon, EditIcon, ErrorIcon, ExternalLinkIcon, EyeClosedIcon, EyeOpenIcon, FaceIcon, FilterIcon, FingerprintIcon, InfoCircleIcon, KebabMenuIcon, KeyIcon, LockIcon, PendingIcon, PlusIcon, PooledIcon, ProtectedMessageIcon, QuestionMessageIcon, QueuedIcon, SearchIcon, SettingsIcon, ShieldSmallIcon, SignIcon, SignLockIcon, SmartphoneIcon, SuccessIcon, WalletIcon, WebIcon } from './icons/index.esm.js';
 //# sourceMappingURL=index.esm.js.map

package/dist/react/components/index.esm.js.map

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

package/dist/react/components/popover/index.cjs.js

@@ -0,0 +1,116 @@
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var PopoverPrimitive = require('@radix-ui/react-popover');
+var classVarianceAuthority = require('class-variance-authority');
+var ThemeContext = require('../../contexts/ThemeContext.cjs.js');
+var index = require('../icons/index.cjs.js');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(PopoverPrimitive);
+
+const popoverContent = classVarianceAuthority.cva(['z-50 rounded-md p-4 shadow-lg outline-none', 'w-64', 'animate-in fade-in-0 zoom-in-95', 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', 'data-[side=bottom]:slide-in-from-top-2', 'data-[side=left]:slide-in-from-right-2', 'data-[side=right]:slide-in-from-left-2', 'data-[side=top]:slide-in-from-bottom-2'].join(' '), {
+  variants: {
+    theme: {
+      light: 'bg-white border border-gray-200 text-gray-900',
+      dark: 'bg-gray-950 border border-gray-800 text-gray-50'
+    }
+  },
+  defaultVariants: {
+    theme: 'light'
+  }
+});
+const popoverArrow = classVarianceAuthority.cva('', {
+  variants: {
+    theme: {
+      light: 'fill-white stroke-gray-200',
+      dark: 'fill-gray-950 stroke-gray-800'
+    }
+  },
+  defaultVariants: {
+    theme: 'light'
+  }
+});
+const closeButton = classVarianceAuthority.cva(['absolute top-2 right-2 rounded-sm opacity-70 transition-opacity', 'hover:opacity-100 focus:outline-none disabled:pointer-events-none cursor-pointer'].join(' '), {
+  variants: {
+    theme: {
+      light: 'text-gray-600 hover:text-gray-900',
+      dark: 'text-gray-400 hover:text-gray-100'
+    }
+  },
+  defaultVariants: {
+    theme: 'light'
+  }
+});
+const Popover = ({
+  content,
+  children,
+  side = 'bottom',
+  sideOffset = 8,
+  showCloseButton = false,
+  open,
+  onOpenChange,
+  defaultOpen,
+  className
+}) => {
+  const {
+    theme
+  } = ThemeContext.useTheme();
+  return jsxRuntime.jsxs(PopoverPrimitive__namespace.Root, {
+    open: open,
+    defaultOpen: defaultOpen,
+    onOpenChange: onOpenChange,
+    children: [jsxRuntime.jsx(PopoverPrimitive__namespace.Trigger, {
+      asChild: true,
+      children: /*#__PURE__*/React.isValidElement(children) ? children : jsxRuntime.jsx("span", {
+        children: children
+      })
+    }), jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, {
+      children: jsxRuntime.jsxs(PopoverPrimitive__namespace.Content, {
+        side: side,
+        sideOffset: sideOffset,
+        className: `${popoverContent({
+          theme
+        })} ${className !== null && className !== void 0 ? className : ''}`,
+        children: [showCloseButton && jsxRuntime.jsx(PopoverPrimitive__namespace.Close, {
+          className: closeButton({
+            theme
+          }),
+          "aria-label": 'Close',
+          children: jsxRuntime.jsx(index.CrossIcon, {
+            size: 14
+          })
+        }), content, jsxRuntime.jsx(PopoverPrimitive__namespace.Arrow, {
+          className: popoverArrow({
+            theme
+          })
+        })]
+      })
+    })]
+  });
+};
+
+exports.Popover = Popover;
+exports.default = Popover;
+//# sourceMappingURL=index.cjs.js.map

package/dist/react/components/popover/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/react/components/popover/index.tsx"],"sourcesContent":["import React from 'react'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { cva } from 'class-variance-authority'\nimport { useTheme } from '../../contexts/ThemeContext'\nimport { CrossIcon } from '../icons'\n\nconst popoverContent = cva(\n  [\n    'z-50 rounded-md p-4 shadow-lg outline-none',\n    'w-64',\n    'animate-in fade-in-0 zoom-in-95',\n    'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',\n    'data-[side=bottom]:slide-in-from-top-2',\n    'data-[side=left]:slide-in-from-right-2',\n    'data-[side=right]:slide-in-from-left-2',\n    'data-[side=top]:slide-in-from-bottom-2',\n  ].join(' '),\n  {\n    variants: {\n      theme: {\n        light: 'bg-white border border-gray-200 text-gray-900',\n        dark: 'bg-gray-950 border border-gray-800 text-gray-50',\n      },\n    },\n    defaultVariants: {\n      theme: 'light',\n    },\n  }\n)\n\nconst popoverArrow = cva('', {\n  variants: {\n    theme: {\n      light: 'fill-white stroke-gray-200',\n      dark: 'fill-gray-950 stroke-gray-800',\n    },\n  },\n  defaultVariants: {\n    theme: 'light',\n  },\n})\n\nconst closeButton = cva(\n  [\n    'absolute top-2 right-2 rounded-sm opacity-70 transition-opacity',\n    'hover:opacity-100 focus:outline-none disabled:pointer-events-none cursor-pointer',\n  ].join(' '),\n  {\n    variants: {\n      theme: {\n        light: 'text-gray-600 hover:text-gray-900',\n        dark: 'text-gray-400 hover:text-gray-100',\n      },\n    },\n    defaultVariants: {\n      theme: 'light',\n    },\n  }\n)\n\nexport interface PopoverProps {\n  /** Popover body content */\n  content: React.ReactNode\n  /** Element that triggers the popover on click */\n  children: React.ReactNode\n  /** Which side the popover appears on */\n  side?: 'top' | 'bottom' | 'left' | 'right'\n  /** Offset from the trigger in pixels */\n  sideOffset?: number\n  /** Whether to show a close button inside the popover */\n  showCloseButton?: boolean\n  /** Controlled open state */\n  open?: boolean\n  /** Called when open state changes */\n  onOpenChange?: (open: boolean) => void\n  /** Default open (uncontrolled) */\n  defaultOpen?: boolean\n  /** Additional className for the content container */\n  className?: string\n}\n\nexport const Popover: React.FC<PopoverProps> = ({\n  content,\n  children,\n  side = 'bottom',\n  sideOffset = 8,\n  showCloseButton = false,\n  open,\n  onOpenChange,\n  defaultOpen,\n  className,\n}) => {\n  const { theme } = useTheme()\n\n  return (\n    <PopoverPrimitive.Root\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n    >\n      <PopoverPrimitive.Trigger asChild>\n        {React.isValidElement(children) ? children : <span>{children}</span>}\n      </PopoverPrimitive.Trigger>\n      <PopoverPrimitive.Portal>\n        <PopoverPrimitive.Content\n          side={side}\n          sideOffset={sideOffset}\n          className={`${popoverContent({ theme })} ${className ?? ''}`}\n        >\n          {showCloseButton && (\n            <PopoverPrimitive.Close className={closeButton({ theme })} aria-label='Close'>\n              <CrossIcon size={14} />\n            </PopoverPrimitive.Close>\n          )}\n          {content}\n          <PopoverPrimitive.Arrow className={popoverArrow({ theme })} />\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  )\n}\n\nexport default Popover\n"],"names":["popoverContent","cva","join","variants","theme","light","dark","defaultVariants","popoverArrow","closeButton","Popover","content","children","side","sideOffset","showCloseButton","open","onOpenChange","defaultOpen","className","useTheme","_jsxs","PopoverPrimitive","Root","_jsx","Trigger","asChild","React","isValidElement","Portal","Content","Close","CrossIcon","size","Arrow"],"mappings":"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"}

package/dist/react/components/popover/index.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export interface PopoverProps {
+    /** Popover body content */
+    content: React.ReactNode;
+    /** Element that triggers the popover on click */
+    children: React.ReactNode;
+    /** Which side the popover appears on */
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    /** Offset from the trigger in pixels */
+    sideOffset?: number;
+    /** Whether to show a close button inside the popover */
+    showCloseButton?: boolean;
+    /** Controlled open state */
+    open?: boolean;
+    /** Called when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Default open (uncontrolled) */
+    defaultOpen?: boolean;
+    /** Additional className for the content container */
+    className?: string;
+}
+export declare const Popover: React.FC<PopoverProps>;
+export default Popover;

package/dist/react/components/popover/index.esm.js

@@ -0,0 +1,92 @@
+"use client";
+
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { cva } from 'class-variance-authority';
+import { useTheme } from '../../contexts/ThemeContext.esm.js';
+import { CrossIcon } from '../icons/index.esm.js';
+
+const popoverContent = cva(['z-50 rounded-md p-4 shadow-lg outline-none', 'w-64', 'animate-in fade-in-0 zoom-in-95', 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', 'data-[side=bottom]:slide-in-from-top-2', 'data-[side=left]:slide-in-from-right-2', 'data-[side=right]:slide-in-from-left-2', 'data-[side=top]:slide-in-from-bottom-2'].join(' '), {
+  variants: {
+    theme: {
+      light: 'bg-white border border-gray-200 text-gray-900',
+      dark: 'bg-gray-950 border border-gray-800 text-gray-50'
+    }
+  },
+  defaultVariants: {
+    theme: 'light'
+  }
+});
+const popoverArrow = cva('', {
+  variants: {
+    theme: {
+      light: 'fill-white stroke-gray-200',
+      dark: 'fill-gray-950 stroke-gray-800'
+    }
+  },
+  defaultVariants: {
+    theme: 'light'
+  }
+});
+const closeButton = cva(['absolute top-2 right-2 rounded-sm opacity-70 transition-opacity', 'hover:opacity-100 focus:outline-none disabled:pointer-events-none cursor-pointer'].join(' '), {
+  variants: {
+    theme: {
+      light: 'text-gray-600 hover:text-gray-900',
+      dark: 'text-gray-400 hover:text-gray-100'
+    }
+  },
+  defaultVariants: {
+    theme: 'light'
+  }
+});
+const Popover = ({
+  content,
+  children,
+  side = 'bottom',
+  sideOffset = 8,
+  showCloseButton = false,
+  open,
+  onOpenChange,
+  defaultOpen,
+  className
+}) => {
+  const {
+    theme
+  } = useTheme();
+  return jsxs(PopoverPrimitive.Root, {
+    open: open,
+    defaultOpen: defaultOpen,
+    onOpenChange: onOpenChange,
+    children: [jsx(PopoverPrimitive.Trigger, {
+      asChild: true,
+      children: /*#__PURE__*/React.isValidElement(children) ? children : jsx("span", {
+        children: children
+      })
+    }), jsx(PopoverPrimitive.Portal, {
+      children: jsxs(PopoverPrimitive.Content, {
+        side: side,
+        sideOffset: sideOffset,
+        className: `${popoverContent({
+          theme
+        })} ${className !== null && className !== void 0 ? className : ''}`,
+        children: [showCloseButton && jsx(PopoverPrimitive.Close, {
+          className: closeButton({
+            theme
+          }),
+          "aria-label": 'Close',
+          children: jsx(CrossIcon, {
+            size: 14
+          })
+        }), content, jsx(PopoverPrimitive.Arrow, {
+          className: popoverArrow({
+            theme
+          })
+        })]
+      })
+    })]
+  });
+};
+
+export { Popover, Popover as default };
+//# sourceMappingURL=index.esm.js.map

package/dist/react/components/popover/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/react/components/popover/index.tsx"],"sourcesContent":["import React from 'react'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { cva } from 'class-variance-authority'\nimport { useTheme } from '../../contexts/ThemeContext'\nimport { CrossIcon } from '../icons'\n\nconst popoverContent = cva(\n  [\n    'z-50 rounded-md p-4 shadow-lg outline-none',\n    'w-64',\n    'animate-in fade-in-0 zoom-in-95',\n    'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',\n    'data-[side=bottom]:slide-in-from-top-2',\n    'data-[side=left]:slide-in-from-right-2',\n    'data-[side=right]:slide-in-from-left-2',\n    'data-[side=top]:slide-in-from-bottom-2',\n  ].join(' '),\n  {\n    variants: {\n      theme: {\n        light: 'bg-white border border-gray-200 text-gray-900',\n        dark: 'bg-gray-950 border border-gray-800 text-gray-50',\n      },\n    },\n    defaultVariants: {\n      theme: 'light',\n    },\n  }\n)\n\nconst popoverArrow = cva('', {\n  variants: {\n    theme: {\n      light: 'fill-white stroke-gray-200',\n      dark: 'fill-gray-950 stroke-gray-800',\n    },\n  },\n  defaultVariants: {\n    theme: 'light',\n  },\n})\n\nconst closeButton = cva(\n  [\n    'absolute top-2 right-2 rounded-sm opacity-70 transition-opacity',\n    'hover:opacity-100 focus:outline-none disabled:pointer-events-none cursor-pointer',\n  ].join(' '),\n  {\n    variants: {\n      theme: {\n        light: 'text-gray-600 hover:text-gray-900',\n        dark: 'text-gray-400 hover:text-gray-100',\n      },\n    },\n    defaultVariants: {\n      theme: 'light',\n    },\n  }\n)\n\nexport interface PopoverProps {\n  /** Popover body content */\n  content: React.ReactNode\n  /** Element that triggers the popover on click */\n  children: React.ReactNode\n  /** Which side the popover appears on */\n  side?: 'top' | 'bottom' | 'left' | 'right'\n  /** Offset from the trigger in pixels */\n  sideOffset?: number\n  /** Whether to show a close button inside the popover */\n  showCloseButton?: boolean\n  /** Controlled open state */\n  open?: boolean\n  /** Called when open state changes */\n  onOpenChange?: (open: boolean) => void\n  /** Default open (uncontrolled) */\n  defaultOpen?: boolean\n  /** Additional className for the content container */\n  className?: string\n}\n\nexport const Popover: React.FC<PopoverProps> = ({\n  content,\n  children,\n  side = 'bottom',\n  sideOffset = 8,\n  showCloseButton = false,\n  open,\n  onOpenChange,\n  defaultOpen,\n  className,\n}) => {\n  const { theme } = useTheme()\n\n  return (\n    <PopoverPrimitive.Root\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n    >\n      <PopoverPrimitive.Trigger asChild>\n        {React.isValidElement(children) ? children : <span>{children}</span>}\n      </PopoverPrimitive.Trigger>\n      <PopoverPrimitive.Portal>\n        <PopoverPrimitive.Content\n          side={side}\n          sideOffset={sideOffset}\n          className={`${popoverContent({ theme })} ${className ?? ''}`}\n        >\n          {showCloseButton && (\n            <PopoverPrimitive.Close className={closeButton({ theme })} aria-label='Close'>\n              <CrossIcon size={14} />\n            </PopoverPrimitive.Close>\n          )}\n          {content}\n          <PopoverPrimitive.Arrow className={popoverArrow({ theme })} />\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  )\n}\n\nexport default Popover\n"],"names":["popoverContent","cva","join","variants","theme","light","dark","defaultVariants","popoverArrow","closeButton","Popover","content","children","side","sideOffset","showCloseButton","open","onOpenChange","defaultOpen","className","useTheme","_jsxs","PopoverPrimitive","Root","_jsx","Trigger","asChild","React","isValidElement","Portal","Content","Close","CrossIcon","size","Arrow"],"mappings":"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"}

package/dist/react/components/tooltip/index.cjs.js

@@ -0,0 +1,98 @@
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var TooltipPrimitive = require('@radix-ui/react-tooltip');
+var classVarianceAuthority = require('class-variance-authority');
+var ThemeContext = require('../../contexts/ThemeContext.cjs.js');
+
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(TooltipPrimitive);
+
+const tooltipContent = classVarianceAuthority.cva(['z-50 rounded px-2 py-1 text-sm leading-none', 'select-none', 'animate-in fade-in-0 zoom-in-95', 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', 'data-[side=bottom]:slide-in-from-top-2', 'data-[side=left]:slide-in-from-right-2', 'data-[side=right]:slide-in-from-left-2', 'data-[side=top]:slide-in-from-bottom-2'].join(' '), {
+  variants: {
+    theme: {
+      light: 'bg-white text-gray-900 shadow-lg',
+      dark: 'bg-gray-950 text-gray-50 shadow-lg'
+    }
+  },
+  defaultVariants: {
+    theme: 'light'
+  }
+});
+const tooltipArrow = classVarianceAuthority.cva('', {
+  variants: {
+    theme: {
+      light: 'fill-white',
+      dark: 'fill-gray-950'
+    }
+  },
+  defaultVariants: {
+    theme: 'light'
+  }
+});
+const Tooltip = ({
+  content,
+  children,
+  side = 'top',
+  sideOffset = 6,
+  delayDuration = 300,
+  open,
+  onOpenChange,
+  defaultOpen
+}) => {
+  const {
+    theme
+  } = ThemeContext.useTheme();
+  return jsxRuntime.jsx(TooltipPrimitive__namespace.Provider, {
+    delayDuration: delayDuration,
+    children: jsxRuntime.jsxs(TooltipPrimitive__namespace.Root, {
+      open: open,
+      defaultOpen: defaultOpen,
+      onOpenChange: onOpenChange,
+      children: [jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, {
+        asChild: true,
+        children: /*#__PURE__*/React.isValidElement(children) ? children : jsxRuntime.jsx("span", {
+          children: children
+        })
+      }), jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, {
+        children: jsxRuntime.jsxs(TooltipPrimitive__namespace.Content, {
+          side: side,
+          sideOffset: sideOffset,
+          className: tooltipContent({
+            theme
+          }),
+          children: [content, jsxRuntime.jsx(TooltipPrimitive__namespace.Arrow, {
+            className: tooltipArrow({
+              theme
+            })
+          })]
+        })
+      })]
+    })
+  });
+};
+
+exports.Tooltip = Tooltip;
+exports.default = Tooltip;
+//# sourceMappingURL=index.cjs.js.map