tempest-react-sdk 0.23.0 → 0.25.0

package/dist/components/ConfirmDialog/ConfirmDialog.js

@@ -1,35 +1,28 @@
-import { jsx as r, jsxs as d, Fragment as f } from "react/jsx-runtime";
-import { Modal as p } from "../Modal/Modal.js";
-import { Button as n } from "../Button/Button.js";
-function x({
-  open: e,
-  title: m,
-  description: t,
-  confirmLabel: a = "Confirmar",
-  cancelLabel: l = "Cancelar",
-  variant: s = "primary",
-  loading: o = !1,
-  onConfirm: c,
-  onCancel: i
-}) {
-  return /* @__PURE__ */ r(
-    p,
-    {
-      open: e,
-      onClose: i,
-      title: m,
-      size: "sm",
-      footer: /* @__PURE__ */ d(f, { children: [
-        /* @__PURE__ */ r(n, { variant: "secondary", onClick: i, disabled: o, children: l }),
-        /* @__PURE__ */ r(n, { variant: s, loading: o, onClick: () => {
-          c();
-        }, children: a })
-      ] }),
-      children: t
-    }
-  );
+import { Button as e } from "../Button/Button.js";
+import { Modal as t } from "../Modal/Modal.js";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/ConfirmDialog/ConfirmDialog.tsx
+function a({ open: a, title: o, description: s, confirmLabel: c = "Confirmar", cancelLabel: l = "Cancelar", variant: u = "primary", loading: d = !1, onConfirm: f, onCancel: p }) {
+	return /* @__PURE__ */ r(t, {
+		open: a,
+		onClose: p,
+		title: o,
+		size: "sm",
+		footer: /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(e, {
+			variant: "secondary",
+			onClick: p,
+			disabled: d,
+			children: l
+		}), /* @__PURE__ */ r(e, {
+			variant: u,
+			loading: d,
+			onClick: () => void f(),
+			children: c
+		})] }),
+		children: s
+	});
 }
-export {
-  x as ConfirmDialog
-};
-//# sourceMappingURL=ConfirmDialog.js.map
+//#endregion
+export { a as ConfirmDialog };
+
+//# sourceMappingURL=ConfirmDialog.js.map

package/dist/components/ConfirmDialog/ConfirmDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.js","sources":["../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Button } from \"@/components/Button\";\nimport { Modal } from \"@/components/Modal\";\n\nexport interface ConfirmDialogProps {\n    open: boolean;\n    title: ReactNode;\n    description?: ReactNode;\n    confirmLabel?: string;\n    cancelLabel?: string;\n    variant?: \"primary\" | \"danger\";\n    loading?: boolean;\n    onConfirm: () => void | Promise<void>;\n    onCancel: () => void;\n}\n\n/**\n * Quick confirmation prompt built on top of {@link Modal}. Use for destructive\n * actions with `variant=\"danger\"`.\n */\nexport function ConfirmDialog({\n    open,\n    title,\n    description,\n    confirmLabel = \"Confirmar\",\n    cancelLabel = \"Cancelar\",\n    variant = \"primary\",\n    loading = false,\n    onConfirm,\n    onCancel,\n}: ConfirmDialogProps) {\n    return (\n        <Modal\n            open={open}\n            onClose={onCancel}\n            title={title}\n            size=\"sm\"\n            footer={\n                <>\n                    <Button variant=\"secondary\" onClick={onCancel} disabled={loading}>\n                        {cancelLabel}\n                    </Button>\n                    <Button variant={variant} loading={loading} onClick={() => void onConfirm()}>\n                        {confirmLabel}\n                    </Button>\n                </>\n            }\n        >\n            {description}\n        </Modal>\n    );\n}\n"],"names":["ConfirmDialog","open","title","description","confirmLabel","cancelLabel","variant","loading","onConfirm","onCancel","jsx","Modal","jsxs","Fragment","Button"],"mappings":";;;AAoBO,SAASA,EAAc;AAAA,EAC1B,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,aAAAC,IAAc;AAAA,EACd,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,UAAAC;AACJ,GAAuB;AACnB,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAAV;AAAA,MACA,SAASQ;AAAA,MACT,OAAAP;AAAA,MACA,MAAK;AAAA,MACL,QACI,gBAAAU,EAAAC,GAAA,EACI,UAAA;AAAA,QAAA,gBAAAH,EAACI,KAAO,SAAQ,aAAY,SAASL,GAAU,UAAUF,GACpD,UAAAF,EAAA,CACL;AAAA,QACA,gBAAAK,EAACI,KAAO,SAAAR,GAAkB,SAAAC,GAAkB,SAAS,MAAA;AAAM,UAAKC,EAAA;AAAA,WAC3D,UAAAJ,EAAA,CACL;AAAA,MAAA,GACJ;AAAA,MAGH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"ConfirmDialog.js","names":[],"sources":["../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Button } from \"@/components/Button\";\nimport { Modal } from \"@/components/Modal\";\n\nexport interface ConfirmDialogProps {\n    open: boolean;\n    title: ReactNode;\n    description?: ReactNode;\n    confirmLabel?: string;\n    cancelLabel?: string;\n    variant?: \"primary\" | \"danger\";\n    loading?: boolean;\n    onConfirm: () => void | Promise<void>;\n    onCancel: () => void;\n}\n\n/**\n * Quick confirmation prompt built on top of {@link Modal}. Use for destructive\n * actions with `variant=\"danger\"`.\n */\nexport function ConfirmDialog({\n    open,\n    title,\n    description,\n    confirmLabel = \"Confirmar\",\n    cancelLabel = \"Cancelar\",\n    variant = \"primary\",\n    loading = false,\n    onConfirm,\n    onCancel,\n}: ConfirmDialogProps) {\n    return (\n        <Modal\n            open={open}\n            onClose={onCancel}\n            title={title}\n            size=\"sm\"\n            footer={\n                <>\n                    <Button variant=\"secondary\" onClick={onCancel} disabled={loading}>\n                        {cancelLabel}\n                    </Button>\n                    <Button variant={variant} loading={loading} onClick={() => void onConfirm()}>\n                        {confirmLabel}\n                    </Button>\n                </>\n            }\n        >\n            {description}\n        </Modal>\n    );\n}\n"],"mappings":";;;;AAoBA,SAAgB,EAAc,EAC1B,SACA,UACA,gBACA,kBAAe,aACf,iBAAc,YACd,aAAU,WACV,aAAU,IACV,cACA,eACmB;CACnB,OACI,kBAAC,GAAD;EACU;EACN,SAAS;EACF;EACP,MAAK;EACL,QACI,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,GAAD;GAAQ,SAAQ;GAAY,SAAS;GAAU,UAAU;aACpD;EACG,CAAA,GACR,kBAAC,GAAD;GAAiB;GAAkB;GAAS,eAAe,KAAK,EAAU;aACrE;EACG,CAAA,CACV,EAAA,CAAA;YAGL;CACE,CAAA;AAEf"}

package/dist/components/ContextMenu/ContextMenu.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),h=require("../../utils/cn.cjs"),u=require("./ContextMenu.module.css.cjs"),E=require("../Portal/Portal.cjs");function b(a){return"separator"in a&&a.separator===!0}function M({items:a,children:g,className:j}){const[f,m]=s.useState(!1),[y,v]=s.useState({x:0,y:0}),[i,c]=s.useState(-1),S=s.useId(),p=s.useRef(null),x=s.useRef([]),r=a.map((e,t)=>!b(e)&&!e.disabled?t:-1).filter(e=>e!==-1),d=s.useCallback(()=>{m(!1),c(-1)},[]),k=e=>{e.preventDefault(),v({x:e.clientX,y:e.clientY}),c(-1),m(!0)};s.useEffect(()=>{if(!f)return;const e=n=>{if(n.key==="Escape"){d();return}if(n.key==="ArrowDown"){n.preventDefault();const w=r.indexOf(i),l=r[(w+1)%r.length]??-1;c(l),x.current[l]?.focus()}if(n.key==="ArrowUp"){n.preventDefault();const w=r.indexOf(i),l=r[(w-1+r.length)%r.length]??-1;c(l),x.current[l]?.focus()}},t=n=>{p.current&&!p.current.contains(n.target)&&d()};return window.addEventListener("keydown",e),window.addEventListener("mousedown",t),()=>{window.removeEventListener("keydown",e),window.removeEventListener("mousedown",t)}},[f,i,r,d]);const C=e=>{e.onSelect?.(),d()};return o.jsxs(o.Fragment,{children:[o.jsx("span",{className:u.default.root,onContextMenu:k,children:g}),f&&o.jsx(E.Portal,{children:o.jsx("ul",{ref:p,id:S,role:"menu",className:h.cn(u.default.menu,j),style:{top:y.y,left:y.x},children:a.map((e,t)=>b(e)?o.jsx("li",{role:"separator",className:u.default.separator,"aria-hidden":!0},`separator-${t}`):o.jsx("li",{role:"none",children:o.jsx("button",{ref:n=>{x.current[t]=n},type:"button",role:"menuitem",className:h.cn(u.default.item,e.danger&&u.default.danger,i===t&&u.default.active),disabled:e.disabled,onClick:()=>C(e),onMouseEnter:()=>c(t),children:e.label})},`item-${t}`))})})]})}exports.ContextMenu=M;
-//# sourceMappingURL=ContextMenu.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("../Portal/Portal.cjs"),n=require("./ContextMenu.module.cjs");let r=require("react"),i=require("react/jsx-runtime");function a(e){return`separator`in e&&e.separator===!0}function o({items:o,children:s,className:c}){let[l,u]=(0,r.useState)(!1),[d,f]=(0,r.useState)({x:0,y:0}),[p,m]=(0,r.useState)(-1),h=(0,r.useId)(),g=(0,r.useRef)(null),_=(0,r.useRef)([]),v=o.map((e,t)=>!a(e)&&!e.disabled?t:-1).filter(e=>e!==-1),y=(0,r.useCallback)(()=>{u(!1),m(-1)},[]),b=e=>{e.preventDefault(),f({x:e.clientX,y:e.clientY}),m(-1),u(!0)};(0,r.useEffect)(()=>{if(!l)return;let e=e=>{if(e.key===`Escape`){y();return}if(e.key===`ArrowDown`){e.preventDefault();let t=v.indexOf(p),n=v[(t+1)%v.length]??-1;m(n),_.current[n]?.focus()}if(e.key===`ArrowUp`){e.preventDefault();let t=v.indexOf(p),n=v[(t-1+v.length)%v.length]??-1;m(n),_.current[n]?.focus()}},t=e=>{g.current&&!g.current.contains(e.target)&&y()};return window.addEventListener(`keydown`,e),window.addEventListener(`mousedown`,t),()=>{window.removeEventListener(`keydown`,e),window.removeEventListener(`mousedown`,t)}},[l,p,v,y]);let x=e=>{e.onSelect?.(),y()};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`span`,{className:n.default.root,onContextMenu:b,children:s}),l&&(0,i.jsx)(t.Portal,{children:(0,i.jsx)(`ul`,{ref:g,id:h,role:`menu`,className:e.cn(n.default.menu,c),style:{top:d.y,left:d.x},children:o.map((t,r)=>a(t)?(0,i.jsx)(`li`,{role:`separator`,className:n.default.separator,"aria-hidden":!0},`separator-${r}`):(0,i.jsx)(`li`,{role:`none`,children:(0,i.jsx)(`button`,{ref:e=>{_.current[r]=e},type:`button`,role:`menuitem`,className:e.cn(n.default.item,t.danger&&n.default.danger,p===r&&n.default.active),disabled:t.disabled,onClick:()=>x(t),onMouseEnter:()=>m(r),children:t.label})},`item-${r}`))})})]})}exports.ContextMenu=o;
+//# sourceMappingURL=ContextMenu.cjs.map

package/dist/components/ContextMenu/ContextMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.cjs","sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { Portal } from \"@/components/Portal\";\nimport styles from \"./ContextMenu.module.css\";\n\nexport type ContextMenuItem =\n    | {\n          label: ReactNode;\n          onSelect?: () => void;\n          disabled?: boolean;\n          danger?: boolean;\n      }\n    | { separator: true };\n\nexport interface ContextMenuProps {\n    /** Menu entries — selectable items and separators. */\n    items: ContextMenuItem[];\n    /** Trigger area. Right-clicking anywhere within opens the menu at the cursor. */\n    children: ReactNode;\n    /** Extra class names forwarded to the menu element. */\n    className?: string;\n}\n\ninterface Position {\n    x: number;\n    y: number;\n}\n\nfunction isSeparator(item: ContextMenuItem): item is { separator: true } {\n    return \"separator\" in item && item.separator === true;\n}\n\n/**\n * Right-click context menu.\n *\n * - Opens at the cursor position on `onContextMenu` (default browser menu suppressed).\n * - Rendered through a {@link Portal} so it escapes parent overflow/stacking contexts.\n * - Closes on outside click, Escape, or item selection.\n * - Arrow Up/Down move focus across selectable items; Enter activates the focused item.\n *\n * @param props - The context menu props.\n * @returns The trigger wrapper plus the portalled menu when open.\n */\nexport function ContextMenu({ items, children, className }: ContextMenuProps) {\n    const [open, setOpen] = useState(false);\n    const [position, setPosition] = useState<Position>({ x: 0, y: 0 });\n    const [activeIndex, setActiveIndex] = useState<number>(-1);\n    const id = useId();\n    const menuRef = useRef<HTMLUListElement>(null);\n    const itemRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\n    const selectableIndexes = items\n        .map((item, index) => (!isSeparator(item) && !item.disabled ? index : -1))\n        .filter((i) => i !== -1);\n\n    const close = useCallback((): void => {\n        setOpen(false);\n        setActiveIndex(-1);\n    }, []);\n\n    const handleContextMenu = (event: React.MouseEvent): void => {\n        event.preventDefault();\n        setPosition({ x: event.clientX, y: event.clientY });\n        setActiveIndex(-1);\n        setOpen(true);\n    };\n\n    useEffect(() => {\n        if (!open) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (event.key === \"Escape\") {\n                close();\n                return;\n            }\n            if (event.key === \"ArrowDown\") {\n                event.preventDefault();\n                const current = selectableIndexes.indexOf(activeIndex);\n                const next = selectableIndexes[(current + 1) % selectableIndexes.length] ?? -1;\n                setActiveIndex(next);\n                itemRefs.current[next]?.focus();\n            }\n            if (event.key === \"ArrowUp\") {\n                event.preventDefault();\n                const current = selectableIndexes.indexOf(activeIndex);\n                const prev =\n                    selectableIndexes[\n                        (current - 1 + selectableIndexes.length) % selectableIndexes.length\n                    ] ?? -1;\n                setActiveIndex(prev);\n                itemRefs.current[prev]?.focus();\n            }\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (menuRef.current && !menuRef.current.contains(event.target as Node)) close();\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [open, activeIndex, selectableIndexes, close]);\n\n    const handleSelect = (item: Extract<ContextMenuItem, { label: ReactNode }>): void => {\n        item.onSelect?.();\n        close();\n    };\n\n    return (\n        <>\n            <span className={styles.root} onContextMenu={handleContextMenu}>\n                {children}\n            </span>\n            {open && (\n                <Portal>\n                    <ul\n                        ref={menuRef}\n                        id={id}\n                        role=\"menu\"\n                        className={cn(styles.menu, className)}\n                        style={{ top: position.y, left: position.x }}\n                    >\n                        {items.map((item, index) => {\n                            if (isSeparator(item)) {\n                                return (\n                                    <li\n                                        key={`separator-${index}`}\n                                        role=\"separator\"\n                                        className={styles.separator}\n                                        aria-hidden\n                                    />\n                                );\n                            }\n                            return (\n                                <li key={`item-${index}`} role=\"none\">\n                                    <button\n                                        ref={(el) => {\n                                            itemRefs.current[index] = el;\n                                        }}\n                                        type=\"button\"\n                                        role=\"menuitem\"\n                                        className={cn(\n                                            styles.item,\n                                            item.danger && styles.danger,\n                                            activeIndex === index && styles.active,\n                                        )}\n                                        disabled={item.disabled}\n                                        onClick={() => handleSelect(item)}\n                                        onMouseEnter={() => setActiveIndex(index)}\n                                    >\n                                        {item.label}\n                                    </button>\n                                </li>\n                            );\n                        })}\n                    </ul>\n                </Portal>\n            )}\n        </>\n    );\n}\n"],"names":["isSeparator","item","ContextMenu","items","children","className","open","setOpen","useState","position","setPosition","activeIndex","setActiveIndex","id","useId","menuRef","useRef","itemRefs","selectableIndexes","index","i","close","useCallback","handleContextMenu","event","useEffect","onKey","current","next","prev","onDown","handleSelect","jsxs","Fragment","jsx","styles","Portal","cn","el"],"mappings":"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"}
+{"version":3,"file":"ContextMenu.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { Portal } from \"@/components/Portal\";\nimport styles from \"./ContextMenu.module.css\";\n\nexport type ContextMenuItem =\n    | {\n          label: ReactNode;\n          onSelect?: () => void;\n          disabled?: boolean;\n          danger?: boolean;\n      }\n    | { separator: true };\n\nexport interface ContextMenuProps {\n    /** Menu entries — selectable items and separators. */\n    items: ContextMenuItem[];\n    /** Trigger area. Right-clicking anywhere within opens the menu at the cursor. */\n    children: ReactNode;\n    /** Extra class names forwarded to the menu element. */\n    className?: string;\n}\n\ninterface Position {\n    x: number;\n    y: number;\n}\n\nfunction isSeparator(item: ContextMenuItem): item is { separator: true } {\n    return \"separator\" in item && item.separator === true;\n}\n\n/**\n * Right-click context menu.\n *\n * - Opens at the cursor position on `onContextMenu` (default browser menu suppressed).\n * - Rendered through a {@link Portal} so it escapes parent overflow/stacking contexts.\n * - Closes on outside click, Escape, or item selection.\n * - Arrow Up/Down move focus across selectable items; Enter activates the focused item.\n *\n * @param props - The context menu props.\n * @returns The trigger wrapper plus the portalled menu when open.\n */\nexport function ContextMenu({ items, children, className }: ContextMenuProps) {\n    const [open, setOpen] = useState(false);\n    const [position, setPosition] = useState<Position>({ x: 0, y: 0 });\n    const [activeIndex, setActiveIndex] = useState<number>(-1);\n    const id = useId();\n    const menuRef = useRef<HTMLUListElement>(null);\n    const itemRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\n    const selectableIndexes = items\n        .map((item, index) => (!isSeparator(item) && !item.disabled ? index : -1))\n        .filter((i) => i !== -1);\n\n    const close = useCallback((): void => {\n        setOpen(false);\n        setActiveIndex(-1);\n    }, []);\n\n    const handleContextMenu = (event: React.MouseEvent): void => {\n        event.preventDefault();\n        setPosition({ x: event.clientX, y: event.clientY });\n        setActiveIndex(-1);\n        setOpen(true);\n    };\n\n    useEffect(() => {\n        if (!open) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (event.key === \"Escape\") {\n                close();\n                return;\n            }\n            if (event.key === \"ArrowDown\") {\n                event.preventDefault();\n                const current = selectableIndexes.indexOf(activeIndex);\n                const next = selectableIndexes[(current + 1) % selectableIndexes.length] ?? -1;\n                setActiveIndex(next);\n                itemRefs.current[next]?.focus();\n            }\n            if (event.key === \"ArrowUp\") {\n                event.preventDefault();\n                const current = selectableIndexes.indexOf(activeIndex);\n                const prev =\n                    selectableIndexes[\n                        (current - 1 + selectableIndexes.length) % selectableIndexes.length\n                    ] ?? -1;\n                setActiveIndex(prev);\n                itemRefs.current[prev]?.focus();\n            }\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (menuRef.current && !menuRef.current.contains(event.target as Node)) close();\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [open, activeIndex, selectableIndexes, close]);\n\n    const handleSelect = (item: Extract<ContextMenuItem, { label: ReactNode }>): void => {\n        item.onSelect?.();\n        close();\n    };\n\n    return (\n        <>\n            <span className={styles.root} onContextMenu={handleContextMenu}>\n                {children}\n            </span>\n            {open && (\n                <Portal>\n                    <ul\n                        ref={menuRef}\n                        id={id}\n                        role=\"menu\"\n                        className={cn(styles.menu, className)}\n                        style={{ top: position.y, left: position.x }}\n                    >\n                        {items.map((item, index) => {\n                            if (isSeparator(item)) {\n                                return (\n                                    <li\n                                        key={`separator-${index}`}\n                                        role=\"separator\"\n                                        className={styles.separator}\n                                        aria-hidden\n                                    />\n                                );\n                            }\n                            return (\n                                <li key={`item-${index}`} role=\"none\">\n                                    <button\n                                        ref={(el) => {\n                                            itemRefs.current[index] = el;\n                                        }}\n                                        type=\"button\"\n                                        role=\"menuitem\"\n                                        className={cn(\n                                            styles.item,\n                                            item.danger && styles.danger,\n                                            activeIndex === index && styles.active,\n                                        )}\n                                        disabled={item.disabled}\n                                        onClick={() => handleSelect(item)}\n                                        onMouseEnter={() => setActiveIndex(index)}\n                                    >\n                                        {item.label}\n                                    </button>\n                                </li>\n                            );\n                        })}\n                    </ul>\n                </Portal>\n            )}\n        </>\n    );\n}\n"],"mappings":"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"}

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,86 +1,91 @@
-import { jsxs as L, Fragment as M, jsx as o } from "react/jsx-runtime";
-import { useState as w, useId as N, useRef as x, useCallback as S, useEffect as A } from "react";
-import { cn as b } from "../../utils/cn.js";
-import s from "./ContextMenu.module.css.js";
-import { Portal as O } from "../Portal/Portal.js";
-function g(a) {
-  return "separator" in a && a.separator === !0;
+import { cn as e } from "../../utils/cn.js";
+import { Portal as t } from "../Portal/Portal.js";
+import n from "./ContextMenu.module.js";
+import { useCallback as r, useEffect as i, useId as a, useRef as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/ContextMenu/ContextMenu.tsx
+function d(e) {
+	return "separator" in e && e.separator === !0;
 }
-function K({ items: a, children: k, className: v }) {
-  const [d, y] = w(!1), [h, E] = w({ x: 0, y: 0 }), [i, c] = w(-1), C = N(), f = x(null), p = x([]), r = a.map((e, n) => !g(e) && !e.disabled ? n : -1).filter((e) => e !== -1), u = S(() => {
-    y(!1), c(-1);
-  }, []), D = (e) => {
-    e.preventDefault(), E({ x: e.clientX, y: e.clientY }), c(-1), y(!0);
-  };
-  A(() => {
-    if (!d) return;
-    const e = (t) => {
-      if (t.key === "Escape") {
-        u();
-        return;
-      }
-      if (t.key === "ArrowDown") {
-        t.preventDefault();
-        const m = r.indexOf(i), l = r[(m + 1) % r.length] ?? -1;
-        c(l), p.current[l]?.focus();
-      }
-      if (t.key === "ArrowUp") {
-        t.preventDefault();
-        const m = r.indexOf(i), l = r[(m - 1 + r.length) % r.length] ?? -1;
-        c(l), p.current[l]?.focus();
-      }
-    }, n = (t) => {
-      f.current && !f.current.contains(t.target) && u();
-    };
-    return window.addEventListener("keydown", e), window.addEventListener("mousedown", n), () => {
-      window.removeEventListener("keydown", e), window.removeEventListener("mousedown", n);
-    };
-  }, [d, i, r, u]);
-  const I = (e) => {
-    e.onSelect?.(), u();
-  };
-  return /* @__PURE__ */ L(M, { children: [
-    /* @__PURE__ */ o("span", { className: s.root, onContextMenu: D, children: k }),
-    d && /* @__PURE__ */ o(O, { children: /* @__PURE__ */ o(
-      "ul",
-      {
-        ref: f,
-        id: C,
-        role: "menu",
-        className: b(s.menu, v),
-        style: { top: h.y, left: h.x },
-        children: a.map((e, n) => g(e) ? /* @__PURE__ */ o(
-          "li",
-          {
-            role: "separator",
-            className: s.separator,
-            "aria-hidden": !0
-          },
-          `separator-${n}`
-        ) : /* @__PURE__ */ o("li", { role: "none", children: /* @__PURE__ */ o(
-          "button",
-          {
-            ref: (t) => {
-              p.current[n] = t;
-            },
-            type: "button",
-            role: "menuitem",
-            className: b(
-              s.item,
-              e.danger && s.danger,
-              i === n && s.active
-            ),
-            disabled: e.disabled,
-            onClick: () => I(e),
-            onMouseEnter: () => c(n),
-            children: e.label
-          }
-        ) }, `item-${n}`))
-      }
-    ) })
-  ] });
+function f({ items: f, children: p, className: m }) {
+	let [h, g] = s(!1), [_, v] = s({
+		x: 0,
+		y: 0
+	}), [y, b] = s(-1), x = a(), S = o(null), C = o([]), w = f.map((e, t) => !d(e) && !e.disabled ? t : -1).filter((e) => e !== -1), T = r(() => {
+		g(!1), b(-1);
+	}, []), E = (e) => {
+		e.preventDefault(), v({
+			x: e.clientX,
+			y: e.clientY
+		}), b(-1), g(!0);
+	};
+	i(() => {
+		if (!h) return;
+		let e = (e) => {
+			if (e.key === "Escape") {
+				T();
+				return;
+			}
+			if (e.key === "ArrowDown") {
+				e.preventDefault();
+				let t = w.indexOf(y), n = w[(t + 1) % w.length] ?? -1;
+				b(n), C.current[n]?.focus();
+			}
+			if (e.key === "ArrowUp") {
+				e.preventDefault();
+				let t = w.indexOf(y), n = w[(t - 1 + w.length) % w.length] ?? -1;
+				b(n), C.current[n]?.focus();
+			}
+		}, t = (e) => {
+			S.current && !S.current.contains(e.target) && T();
+		};
+		return window.addEventListener("keydown", e), window.addEventListener("mousedown", t), () => {
+			window.removeEventListener("keydown", e), window.removeEventListener("mousedown", t);
+		};
+	}, [
+		h,
+		y,
+		w,
+		T
+	]);
+	let D = (e) => {
+		e.onSelect?.(), T();
+	};
+	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("span", {
+		className: n.root,
+		onContextMenu: E,
+		children: p
+	}), h && /* @__PURE__ */ l(t, { children: /* @__PURE__ */ l("ul", {
+		ref: S,
+		id: x,
+		role: "menu",
+		className: e(n.menu, m),
+		style: {
+			top: _.y,
+			left: _.x
+		},
+		children: f.map((t, r) => d(t) ? /* @__PURE__ */ l("li", {
+			role: "separator",
+			className: n.separator,
+			"aria-hidden": !0
+		}, `separator-${r}`) : /* @__PURE__ */ l("li", {
+			role: "none",
+			children: /* @__PURE__ */ l("button", {
+				ref: (e) => {
+					C.current[r] = e;
+				},
+				type: "button",
+				role: "menuitem",
+				className: e(n.item, t.danger && n.danger, y === r && n.active),
+				disabled: t.disabled,
+				onClick: () => D(t),
+				onMouseEnter: () => b(r),
+				children: t.label
+			})
+		}, `item-${r}`))
+	}) })] });
 }
-export {
-  K as ContextMenu
-};
-//# sourceMappingURL=ContextMenu.js.map
+//#endregion
+export { f as ContextMenu };
+
+//# sourceMappingURL=ContextMenu.js.map

package/dist/components/ContextMenu/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { Portal } from \"@/components/Portal\";\nimport styles from \"./ContextMenu.module.css\";\n\nexport type ContextMenuItem =\n    | {\n          label: ReactNode;\n          onSelect?: () => void;\n          disabled?: boolean;\n          danger?: boolean;\n      }\n    | { separator: true };\n\nexport interface ContextMenuProps {\n    /** Menu entries — selectable items and separators. */\n    items: ContextMenuItem[];\n    /** Trigger area. Right-clicking anywhere within opens the menu at the cursor. */\n    children: ReactNode;\n    /** Extra class names forwarded to the menu element. */\n    className?: string;\n}\n\ninterface Position {\n    x: number;\n    y: number;\n}\n\nfunction isSeparator(item: ContextMenuItem): item is { separator: true } {\n    return \"separator\" in item && item.separator === true;\n}\n\n/**\n * Right-click context menu.\n *\n * - Opens at the cursor position on `onContextMenu` (default browser menu suppressed).\n * - Rendered through a {@link Portal} so it escapes parent overflow/stacking contexts.\n * - Closes on outside click, Escape, or item selection.\n * - Arrow Up/Down move focus across selectable items; Enter activates the focused item.\n *\n * @param props - The context menu props.\n * @returns The trigger wrapper plus the portalled menu when open.\n */\nexport function ContextMenu({ items, children, className }: ContextMenuProps) {\n    const [open, setOpen] = useState(false);\n    const [position, setPosition] = useState<Position>({ x: 0, y: 0 });\n    const [activeIndex, setActiveIndex] = useState<number>(-1);\n    const id = useId();\n    const menuRef = useRef<HTMLUListElement>(null);\n    const itemRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\n    const selectableIndexes = items\n        .map((item, index) => (!isSeparator(item) && !item.disabled ? index : -1))\n        .filter((i) => i !== -1);\n\n    const close = useCallback((): void => {\n        setOpen(false);\n        setActiveIndex(-1);\n    }, []);\n\n    const handleContextMenu = (event: React.MouseEvent): void => {\n        event.preventDefault();\n        setPosition({ x: event.clientX, y: event.clientY });\n        setActiveIndex(-1);\n        setOpen(true);\n    };\n\n    useEffect(() => {\n        if (!open) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (event.key === \"Escape\") {\n                close();\n                return;\n            }\n            if (event.key === \"ArrowDown\") {\n                event.preventDefault();\n                const current = selectableIndexes.indexOf(activeIndex);\n                const next = selectableIndexes[(current + 1) % selectableIndexes.length] ?? -1;\n                setActiveIndex(next);\n                itemRefs.current[next]?.focus();\n            }\n            if (event.key === \"ArrowUp\") {\n                event.preventDefault();\n                const current = selectableIndexes.indexOf(activeIndex);\n                const prev =\n                    selectableIndexes[\n                        (current - 1 + selectableIndexes.length) % selectableIndexes.length\n                    ] ?? -1;\n                setActiveIndex(prev);\n                itemRefs.current[prev]?.focus();\n            }\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (menuRef.current && !menuRef.current.contains(event.target as Node)) close();\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [open, activeIndex, selectableIndexes, close]);\n\n    const handleSelect = (item: Extract<ContextMenuItem, { label: ReactNode }>): void => {\n        item.onSelect?.();\n        close();\n    };\n\n    return (\n        <>\n            <span className={styles.root} onContextMenu={handleContextMenu}>\n                {children}\n            </span>\n            {open && (\n                <Portal>\n                    <ul\n                        ref={menuRef}\n                        id={id}\n                        role=\"menu\"\n                        className={cn(styles.menu, className)}\n                        style={{ top: position.y, left: position.x }}\n                    >\n                        {items.map((item, index) => {\n                            if (isSeparator(item)) {\n                                return (\n                                    <li\n                                        key={`separator-${index}`}\n                                        role=\"separator\"\n                                        className={styles.separator}\n                                        aria-hidden\n                                    />\n                                );\n                            }\n                            return (\n                                <li key={`item-${index}`} role=\"none\">\n                                    <button\n                                        ref={(el) => {\n                                            itemRefs.current[index] = el;\n                                        }}\n                                        type=\"button\"\n                                        role=\"menuitem\"\n                                        className={cn(\n                                            styles.item,\n                                            item.danger && styles.danger,\n                                            activeIndex === index && styles.active,\n                                        )}\n                                        disabled={item.disabled}\n                                        onClick={() => handleSelect(item)}\n                                        onMouseEnter={() => setActiveIndex(index)}\n                                    >\n                                        {item.label}\n                                    </button>\n                                </li>\n                            );\n                        })}\n                    </ul>\n                </Portal>\n            )}\n        </>\n    );\n}\n"],"names":["isSeparator","item","ContextMenu","items","children","className","open","setOpen","useState","position","setPosition","activeIndex","setActiveIndex","id","useId","menuRef","useRef","itemRefs","selectableIndexes","index","i","close","useCallback","handleContextMenu","event","useEffect","onKey","current","next","prev","onDown","handleSelect","jsxs","Fragment","jsx","styles","Portal","cn","el"],"mappings":"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"}
+{"version":3,"file":"ContextMenu.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { Portal } from \"@/components/Portal\";\nimport styles from \"./ContextMenu.module.css\";\n\nexport type ContextMenuItem =\n    | {\n          label: ReactNode;\n          onSelect?: () => void;\n          disabled?: boolean;\n          danger?: boolean;\n      }\n    | { separator: true };\n\nexport interface ContextMenuProps {\n    /** Menu entries — selectable items and separators. */\n    items: ContextMenuItem[];\n    /** Trigger area. Right-clicking anywhere within opens the menu at the cursor. */\n    children: ReactNode;\n    /** Extra class names forwarded to the menu element. */\n    className?: string;\n}\n\ninterface Position {\n    x: number;\n    y: number;\n}\n\nfunction isSeparator(item: ContextMenuItem): item is { separator: true } {\n    return \"separator\" in item && item.separator === true;\n}\n\n/**\n * Right-click context menu.\n *\n * - Opens at the cursor position on `onContextMenu` (default browser menu suppressed).\n * - Rendered through a {@link Portal} so it escapes parent overflow/stacking contexts.\n * - Closes on outside click, Escape, or item selection.\n * - Arrow Up/Down move focus across selectable items; Enter activates the focused item.\n *\n * @param props - The context menu props.\n * @returns The trigger wrapper plus the portalled menu when open.\n */\nexport function ContextMenu({ items, children, className }: ContextMenuProps) {\n    const [open, setOpen] = useState(false);\n    const [position, setPosition] = useState<Position>({ x: 0, y: 0 });\n    const [activeIndex, setActiveIndex] = useState<number>(-1);\n    const id = useId();\n    const menuRef = useRef<HTMLUListElement>(null);\n    const itemRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\n    const selectableIndexes = items\n        .map((item, index) => (!isSeparator(item) && !item.disabled ? index : -1))\n        .filter((i) => i !== -1);\n\n    const close = useCallback((): void => {\n        setOpen(false);\n        setActiveIndex(-1);\n    }, []);\n\n    const handleContextMenu = (event: React.MouseEvent): void => {\n        event.preventDefault();\n        setPosition({ x: event.clientX, y: event.clientY });\n        setActiveIndex(-1);\n        setOpen(true);\n    };\n\n    useEffect(() => {\n        if (!open) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (event.key === \"Escape\") {\n                close();\n                return;\n            }\n            if (event.key === \"ArrowDown\") {\n                event.preventDefault();\n                const current = selectableIndexes.indexOf(activeIndex);\n                const next = selectableIndexes[(current + 1) % selectableIndexes.length] ?? -1;\n                setActiveIndex(next);\n                itemRefs.current[next]?.focus();\n            }\n            if (event.key === \"ArrowUp\") {\n                event.preventDefault();\n                const current = selectableIndexes.indexOf(activeIndex);\n                const prev =\n                    selectableIndexes[\n                        (current - 1 + selectableIndexes.length) % selectableIndexes.length\n                    ] ?? -1;\n                setActiveIndex(prev);\n                itemRefs.current[prev]?.focus();\n            }\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (menuRef.current && !menuRef.current.contains(event.target as Node)) close();\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [open, activeIndex, selectableIndexes, close]);\n\n    const handleSelect = (item: Extract<ContextMenuItem, { label: ReactNode }>): void => {\n        item.onSelect?.();\n        close();\n    };\n\n    return (\n        <>\n            <span className={styles.root} onContextMenu={handleContextMenu}>\n                {children}\n            </span>\n            {open && (\n                <Portal>\n                    <ul\n                        ref={menuRef}\n                        id={id}\n                        role=\"menu\"\n                        className={cn(styles.menu, className)}\n                        style={{ top: position.y, left: position.x }}\n                    >\n                        {items.map((item, index) => {\n                            if (isSeparator(item)) {\n                                return (\n                                    <li\n                                        key={`separator-${index}`}\n                                        role=\"separator\"\n                                        className={styles.separator}\n                                        aria-hidden\n                                    />\n                                );\n                            }\n                            return (\n                                <li key={`item-${index}`} role=\"none\">\n                                    <button\n                                        ref={(el) => {\n                                            itemRefs.current[index] = el;\n                                        }}\n                                        type=\"button\"\n                                        role=\"menuitem\"\n                                        className={cn(\n                                            styles.item,\n                                            item.danger && styles.danger,\n                                            activeIndex === index && styles.active,\n                                        )}\n                                        disabled={item.disabled}\n                                        onClick={() => handleSelect(item)}\n                                        onMouseEnter={() => setActiveIndex(index)}\n                                    >\n                                        {item.label}\n                                    </button>\n                                </li>\n                            );\n                        })}\n                    </ul>\n                </Portal>\n            )}\n        </>\n    );\n}\n"],"mappings":"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"}

package/dist/components/ContextMenu/ContextMenu.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_root_OxRHj`,t=`tempest_menu_MDn4t`,n=`tempest_tempest-context-menu-in_fNuOl`,r=`tempest_item_PoiMY`,i=`tempest_active_ATcDu`,a=`tempest_danger_COgly`,o=`tempest_separator_omuCz`,s={root:e,menu:t,tempestContextMenuIn:n,item:r,active:i,danger:a,separator:o};exports.active=i,exports.danger=a,exports.default=s,exports.item=r,exports.menu=t,exports.root=e,exports.separator=o,exports.tempestContextMenuIn=n;
+//# sourceMappingURL=ContextMenu.module.cjs.map

package/dist/components/ContextMenu/ContextMenu.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.module.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenu.module.css"],"sourcesContent":[".root {\n    display: contents;\n}\n\n.menu {\n    position: fixed;\n    z-index: var(--tempest-z-popover);\n    min-width: 180px;\n    max-width: 320px;\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    padding: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    list-style: none;\n    margin: 0;\n    animation: tempest-context-menu-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: none;\n    border: none;\n    border-radius: var(--tempest-radius-sm);\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: inherit;\n    line-height: var(--tempest-leading-snug);\n    text-align: left;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .item:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.item:focus,\n.item.active {\n    outline: none;\n    background-color: var(--tempest-surface);\n}\n\n.item:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.item.danger {\n    color: var(--tempest-danger);\n}\n\n.separator {\n    height: 1px;\n    background-color: var(--tempest-border);\n    margin: var(--tempest-space-1) 0;\n}\n\n@keyframes tempest-context-menu-in {\n    from {\n        opacity: 0;\n        transform: scale(0.96);\n    }\n    to {\n        opacity: 1;\n        transform: scale(1);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .menu {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/ContextMenu/ContextMenu.module.js

@@ -0,0 +1,14 @@
+//#region src/components/ContextMenu/ContextMenu.module.css
+var e = "tempest_root_OxRHj", t = "tempest_menu_MDn4t", n = "tempest_tempest-context-menu-in_fNuOl", r = "tempest_item_PoiMY", i = "tempest_active_ATcDu", a = "tempest_danger_COgly", o = "tempest_separator_omuCz", s = {
+	root: e,
+	menu: t,
+	tempestContextMenuIn: n,
+	item: r,
+	active: i,
+	danger: a,
+	separator: o
+};
+//#endregion
+export { i as active, a as danger, s as default, r as item, t as menu, e as root, o as separator, n as tempestContextMenuIn };
+
+//# sourceMappingURL=ContextMenu.module.js.map

package/dist/components/ContextMenu/ContextMenu.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.module.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenu.module.css"],"sourcesContent":[".root {\n    display: contents;\n}\n\n.menu {\n    position: fixed;\n    z-index: var(--tempest-z-popover);\n    min-width: 180px;\n    max-width: 320px;\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-lg);\n    box-shadow: var(--tempest-shadow-lg);\n    padding: var(--tempest-space-1);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-base);\n    list-style: none;\n    margin: 0;\n    animation: tempest-context-menu-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.item {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-2);\n    width: 100%;\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    background: none;\n    border: none;\n    border-radius: var(--tempest-radius-sm);\n    color: var(--tempest-text);\n    font-family: inherit;\n    font-size: inherit;\n    line-height: var(--tempest-leading-snug);\n    text-align: left;\n    cursor: pointer;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .item:hover:not(:disabled) {\n        background-color: var(--tempest-surface);\n    }\n}\n\n.item:focus,\n.item.active {\n    outline: none;\n    background-color: var(--tempest-surface);\n}\n\n.item:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n}\n\n.item.danger {\n    color: var(--tempest-danger);\n}\n\n.separator {\n    height: 1px;\n    background-color: var(--tempest-border);\n    margin: var(--tempest-space-1) 0;\n}\n\n@keyframes tempest-context-menu-in {\n    from {\n        opacity: 0;\n        transform: scale(0.96);\n    }\n    to {\n        opacity: 1;\n        transform: scale(1);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .menu {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/CopyButton/CopyButton.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),t=require("react"),b=require("../../utils/cn.cjs"),a=require("./CopyButton.module.css.cjs");function m({value:u,timeout:n=2e3,children:l,onCopied:c,className:s,onClick:o,...d}){const[r,i]=t.useState(!1),e=t.useRef(null);t.useEffect(()=>()=>{e.current!==null&&clearTimeout(e.current)},[]);const f=t.useCallback(async p=>{o?.(p);try{await navigator.clipboard.writeText(u),i(!0),c?.(),e.current!==null&&clearTimeout(e.current),e.current=setTimeout(()=>i(!1),n)}catch{}},[u,n,c,o]);return y.jsx("button",{type:"button",className:b.cn(a.default.button,r&&a.default.copied,s),"data-copied":r||void 0,onClick:f,...d,children:l??(r?"Copied":"Copy")})}exports.CopyButton=m;
-//# sourceMappingURL=CopyButton.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("./CopyButton.module.cjs");let n=require("react"),r=require("react/jsx-runtime");function i({value:i,timeout:a=2e3,children:o,onCopied:s,className:c,onClick:l,...u}){let[d,f]=(0,n.useState)(!1),p=(0,n.useRef)(null);(0,n.useEffect)(()=>()=>{p.current!==null&&clearTimeout(p.current)},[]);let m=(0,n.useCallback)(async e=>{l?.(e);try{await navigator.clipboard.writeText(i),f(!0),s?.(),p.current!==null&&clearTimeout(p.current),p.current=setTimeout(()=>f(!1),a)}catch{}},[i,a,s,l]);return(0,r.jsx)(`button`,{type:`button`,className:e.cn(t.default.button,d&&t.default.copied,c),"data-copied":d||void 0,onClick:m,...u,children:o??(d?`Copied`:`Copy`)})}exports.CopyButton=i;
+//# sourceMappingURL=CopyButton.cjs.map

package/dist/components/CopyButton/CopyButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.cjs","sources":["../../../src/components/CopyButton/CopyButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./CopyButton.module.css\";\n\nexport interface CopyButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n    /** Text written to the clipboard when the button is clicked. */\n    value: string;\n    /** How long (ms) the \"copied\" state stays active before resetting. Defaults to 2000. */\n    timeout?: number;\n    /** Optional label. Falls back to \"Copy\" / \"Copied\" based on state. */\n    children?: ReactNode;\n    /** Called after a successful clipboard write. */\n    onCopied?: () => void;\n}\n\n/**\n * Button that copies a string to the clipboard and shows a transient \"copied\"\n * state for `timeout` milliseconds.\n *\n * When `children` are provided they are rendered in both states; otherwise the\n * label toggles between \"Copy\" and \"Copied\". The reset timer is cleared on\n * unmount to avoid setting state on an unmounted component.\n *\n * @example\n * <CopyButton value=\"npm i tempest-react-sdk\" />\n */\nexport function CopyButton({\n    value,\n    timeout = 2000,\n    children,\n    onCopied,\n    className,\n    onClick,\n    ...props\n}: CopyButtonProps) {\n    const [copied, setCopied] = useState(false);\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    useEffect(() => {\n        return () => {\n            if (timerRef.current !== null) clearTimeout(timerRef.current);\n        };\n    }, []);\n\n    const handleClick = useCallback(\n        async (event: React.MouseEvent<HTMLButtonElement>) => {\n            onClick?.(event);\n            try {\n                await navigator.clipboard.writeText(value);\n                setCopied(true);\n                onCopied?.();\n                if (timerRef.current !== null) clearTimeout(timerRef.current);\n                timerRef.current = setTimeout(() => setCopied(false), timeout);\n            } catch {\n                /* clipboard unavailable — silently ignore */\n            }\n        },\n        [value, timeout, onCopied, onClick],\n    );\n\n    return (\n        <button\n            type=\"button\"\n            className={cn(styles.button, copied && styles.copied, className)}\n            data-copied={copied || undefined}\n            onClick={handleClick}\n            {...props}\n        >\n            {children ?? (copied ? \"Copied\" : \"Copy\")}\n        </button>\n    );\n}\n"],"names":["CopyButton","value","timeout","children","onCopied","className","onClick","props","copied","setCopied","useState","timerRef","useRef","useEffect","handleClick","useCallback","event","jsx","cn","styles"],"mappings":"iNA2BO,SAASA,EAAW,CACvB,MAAAC,EACA,QAAAC,EAAU,IACV,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAGC,CACP,EAAoB,CAChB,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EACpCC,EAAWC,EAAAA,OAA6C,IAAI,EAElEC,EAAAA,UAAU,IACC,IAAM,CACLF,EAAS,UAAY,MAAM,aAAaA,EAAS,OAAO,CAChE,EACD,CAAA,CAAE,EAEL,MAAMG,EAAcC,EAAAA,YAChB,MAAOC,GAA+C,CAClDV,IAAUU,CAAK,EACf,GAAI,CACA,MAAM,UAAU,UAAU,UAAUf,CAAK,EACzCQ,EAAU,EAAI,EACdL,IAAA,EACIO,EAAS,UAAY,MAAM,aAAaA,EAAS,OAAO,EAC5DA,EAAS,QAAU,WAAW,IAAMF,EAAU,EAAK,EAAGP,CAAO,CACjE,MAAQ,CAER,CACJ,EACA,CAACD,EAAOC,EAASE,EAAUE,CAAO,CAAA,EAGtC,OACIW,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWC,EAAAA,GAAGC,UAAO,OAAQX,GAAUW,EAAAA,QAAO,OAAQd,CAAS,EAC/D,cAAaG,GAAU,OACvB,QAASM,EACR,GAAGP,EAEH,SAAAJ,IAAaK,EAAS,SAAW,OAAA,CAAA,CAG9C"}
+{"version":3,"file":"CopyButton.cjs","names":[],"sources":["../../../src/components/CopyButton/CopyButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./CopyButton.module.css\";\n\nexport interface CopyButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n    /** Text written to the clipboard when the button is clicked. */\n    value: string;\n    /** How long (ms) the \"copied\" state stays active before resetting. Defaults to 2000. */\n    timeout?: number;\n    /** Optional label. Falls back to \"Copy\" / \"Copied\" based on state. */\n    children?: ReactNode;\n    /** Called after a successful clipboard write. */\n    onCopied?: () => void;\n}\n\n/**\n * Button that copies a string to the clipboard and shows a transient \"copied\"\n * state for `timeout` milliseconds.\n *\n * When `children` are provided they are rendered in both states; otherwise the\n * label toggles between \"Copy\" and \"Copied\". The reset timer is cleared on\n * unmount to avoid setting state on an unmounted component.\n *\n * @example\n * <CopyButton value=\"npm i tempest-react-sdk\" />\n */\nexport function CopyButton({\n    value,\n    timeout = 2000,\n    children,\n    onCopied,\n    className,\n    onClick,\n    ...props\n}: CopyButtonProps) {\n    const [copied, setCopied] = useState(false);\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    useEffect(() => {\n        return () => {\n            if (timerRef.current !== null) clearTimeout(timerRef.current);\n        };\n    }, []);\n\n    const handleClick = useCallback(\n        async (event: React.MouseEvent<HTMLButtonElement>) => {\n            onClick?.(event);\n            try {\n                await navigator.clipboard.writeText(value);\n                setCopied(true);\n                onCopied?.();\n                if (timerRef.current !== null) clearTimeout(timerRef.current);\n                timerRef.current = setTimeout(() => setCopied(false), timeout);\n            } catch {\n                /* clipboard unavailable — silently ignore */\n            }\n        },\n        [value, timeout, onCopied, onClick],\n    );\n\n    return (\n        <button\n            type=\"button\"\n            className={cn(styles.button, copied && styles.copied, className)}\n            data-copied={copied || undefined}\n            onClick={handleClick}\n            {...props}\n        >\n            {children ?? (copied ? \"Copied\" : \"Copy\")}\n        </button>\n    );\n}\n"],"mappings":"iIA2BA,SAAgB,EAAW,CACvB,QACA,UAAU,IACV,WACA,WACA,YACA,UACA,GAAG,GACa,CAChB,GAAM,CAAC,EAAQ,IAAA,EAAA,EAAA,SAAA,CAAsB,EAAK,EACpC,GAAA,EAAA,EAAA,OAAA,CAAwD,IAAI,GAElE,EAAA,EAAA,UAAA,SACiB,CACL,EAAS,UAAY,MAAM,aAAa,EAAS,OAAO,CAChE,EACD,CAAC,CAAC,EAEL,IAAM,GAAA,EAAA,EAAA,YAAA,CACF,KAAO,IAA+C,CAClD,IAAU,CAAK,EACf,GAAI,CACA,MAAM,UAAU,UAAU,UAAU,CAAK,EACzC,EAAU,EAAI,EACd,IAAW,EACP,EAAS,UAAY,MAAM,aAAa,EAAS,OAAO,EAC5D,EAAS,QAAU,eAAiB,EAAU,EAAK,EAAG,CAAO,CACjE,MAAQ,CAER,CACJ,EACA,CAAC,EAAO,EAAS,EAAU,CAAO,CACtC,EAEA,OACI,EAAA,EAAA,IAAA,CAAC,SAAD,CACI,KAAK,SACL,UAAW,EAAA,GAAG,EAAA,QAAO,OAAQ,GAAU,EAAA,QAAO,OAAQ,CAAS,EAC/D,cAAa,GAAU,IAAA,GACvB,QAAS,EACT,GAAI,WAEH,IAAa,EAAS,SAAW,OAC9B,CAAA,CAEhB"}

package/dist/components/CopyButton/CopyButton.js

@@ -1,43 +1,34 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useState as d, useRef as y, useEffect as b, useCallback as C } from "react";
-import { cn as T } from "../../utils/cn.js";
-import u from "./CopyButton.module.css.js";
-function R({
-  value: r,
-  timeout: o = 2e3,
-  children: a,
-  onCopied: c,
-  className: l,
-  onClick: n,
-  ...s
-}) {
-  const [e, i] = d(!1), t = y(null);
-  b(() => () => {
-    t.current !== null && clearTimeout(t.current);
-  }, []);
-  const f = C(
-    async (p) => {
-      n?.(p);
-      try {
-        await navigator.clipboard.writeText(r), i(!0), c?.(), t.current !== null && clearTimeout(t.current), t.current = setTimeout(() => i(!1), o);
-      } catch {
-      }
-    },
-    [r, o, c, n]
-  );
-  return /* @__PURE__ */ m(
-    "button",
-    {
-      type: "button",
-      className: T(u.button, e && u.copied, l),
-      "data-copied": e || void 0,
-      onClick: f,
-      ...s,
-      children: a ?? (e ? "Copied" : "Copy")
-    }
-  );
+import { cn as e } from "../../utils/cn.js";
+import t from "./CopyButton.module.js";
+import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/CopyButton/CopyButton.tsx
+function s({ value: s, timeout: c = 2e3, children: l, onCopied: u, className: d, onClick: f, ...p }) {
+	let [m, h] = a(!1), g = i(null);
+	r(() => () => {
+		g.current !== null && clearTimeout(g.current);
+	}, []);
+	let _ = n(async (e) => {
+		f?.(e);
+		try {
+			await navigator.clipboard.writeText(s), h(!0), u?.(), g.current !== null && clearTimeout(g.current), g.current = setTimeout(() => h(!1), c);
+		} catch {}
+	}, [
+		s,
+		c,
+		u,
+		f
+	]);
+	return /* @__PURE__ */ o("button", {
+		type: "button",
+		className: e(t.button, m && t.copied, d),
+		"data-copied": m || void 0,
+		onClick: _,
+		...p,
+		children: l ?? (m ? "Copied" : "Copy")
+	});
 }
-export {
-  R as CopyButton
-};
-//# sourceMappingURL=CopyButton.js.map
+//#endregion
+export { s as CopyButton };
+
+//# sourceMappingURL=CopyButton.js.map

package/dist/components/CopyButton/CopyButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.js","sources":["../../../src/components/CopyButton/CopyButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./CopyButton.module.css\";\n\nexport interface CopyButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n    /** Text written to the clipboard when the button is clicked. */\n    value: string;\n    /** How long (ms) the \"copied\" state stays active before resetting. Defaults to 2000. */\n    timeout?: number;\n    /** Optional label. Falls back to \"Copy\" / \"Copied\" based on state. */\n    children?: ReactNode;\n    /** Called after a successful clipboard write. */\n    onCopied?: () => void;\n}\n\n/**\n * Button that copies a string to the clipboard and shows a transient \"copied\"\n * state for `timeout` milliseconds.\n *\n * When `children` are provided they are rendered in both states; otherwise the\n * label toggles between \"Copy\" and \"Copied\". The reset timer is cleared on\n * unmount to avoid setting state on an unmounted component.\n *\n * @example\n * <CopyButton value=\"npm i tempest-react-sdk\" />\n */\nexport function CopyButton({\n    value,\n    timeout = 2000,\n    children,\n    onCopied,\n    className,\n    onClick,\n    ...props\n}: CopyButtonProps) {\n    const [copied, setCopied] = useState(false);\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    useEffect(() => {\n        return () => {\n            if (timerRef.current !== null) clearTimeout(timerRef.current);\n        };\n    }, []);\n\n    const handleClick = useCallback(\n        async (event: React.MouseEvent<HTMLButtonElement>) => {\n            onClick?.(event);\n            try {\n                await navigator.clipboard.writeText(value);\n                setCopied(true);\n                onCopied?.();\n                if (timerRef.current !== null) clearTimeout(timerRef.current);\n                timerRef.current = setTimeout(() => setCopied(false), timeout);\n            } catch {\n                /* clipboard unavailable — silently ignore */\n            }\n        },\n        [value, timeout, onCopied, onClick],\n    );\n\n    return (\n        <button\n            type=\"button\"\n            className={cn(styles.button, copied && styles.copied, className)}\n            data-copied={copied || undefined}\n            onClick={handleClick}\n            {...props}\n        >\n            {children ?? (copied ? \"Copied\" : \"Copy\")}\n        </button>\n    );\n}\n"],"names":["CopyButton","value","timeout","children","onCopied","className","onClick","props","copied","setCopied","useState","timerRef","useRef","useEffect","handleClick","useCallback","event","jsx","cn","styles"],"mappings":";;;;AA2BO,SAASA,EAAW;AAAA,EACvB,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACP,GAAoB;AAChB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpCC,IAAWC,EAA6C,IAAI;AAElE,EAAAC,EAAU,MACC,MAAM;AACT,IAAIF,EAAS,YAAY,QAAM,aAAaA,EAAS,OAAO;AAAA,EAChE,GACD,CAAA,CAAE;AAEL,QAAMG,IAAcC;AAAA,IAChB,OAAOC,MAA+C;AAClD,MAAAV,IAAUU,CAAK;AACf,UAAI;AACA,cAAM,UAAU,UAAU,UAAUf,CAAK,GACzCQ,EAAU,EAAI,GACdL,IAAA,GACIO,EAAS,YAAY,QAAM,aAAaA,EAAS,OAAO,GAC5DA,EAAS,UAAU,WAAW,MAAMF,EAAU,EAAK,GAAGP,CAAO;AAAA,MACjE,QAAQ;AAAA,MAER;AAAA,IACJ;AAAA,IACA,CAACD,GAAOC,GAASE,GAAUE,CAAO;AAAA,EAAA;AAGtC,SACI,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,WAAWC,EAAGC,EAAO,QAAQX,KAAUW,EAAO,QAAQd,CAAS;AAAA,MAC/D,eAAaG,KAAU;AAAA,MACvB,SAASM;AAAA,MACR,GAAGP;AAAA,MAEH,UAAAJ,MAAaK,IAAS,WAAW;AAAA,IAAA;AAAA,EAAA;AAG9C;"}
+{"version":3,"file":"CopyButton.js","names":[],"sources":["../../../src/components/CopyButton/CopyButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./CopyButton.module.css\";\n\nexport interface CopyButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n    /** Text written to the clipboard when the button is clicked. */\n    value: string;\n    /** How long (ms) the \"copied\" state stays active before resetting. Defaults to 2000. */\n    timeout?: number;\n    /** Optional label. Falls back to \"Copy\" / \"Copied\" based on state. */\n    children?: ReactNode;\n    /** Called after a successful clipboard write. */\n    onCopied?: () => void;\n}\n\n/**\n * Button that copies a string to the clipboard and shows a transient \"copied\"\n * state for `timeout` milliseconds.\n *\n * When `children` are provided they are rendered in both states; otherwise the\n * label toggles between \"Copy\" and \"Copied\". The reset timer is cleared on\n * unmount to avoid setting state on an unmounted component.\n *\n * @example\n * <CopyButton value=\"npm i tempest-react-sdk\" />\n */\nexport function CopyButton({\n    value,\n    timeout = 2000,\n    children,\n    onCopied,\n    className,\n    onClick,\n    ...props\n}: CopyButtonProps) {\n    const [copied, setCopied] = useState(false);\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    useEffect(() => {\n        return () => {\n            if (timerRef.current !== null) clearTimeout(timerRef.current);\n        };\n    }, []);\n\n    const handleClick = useCallback(\n        async (event: React.MouseEvent<HTMLButtonElement>) => {\n            onClick?.(event);\n            try {\n                await navigator.clipboard.writeText(value);\n                setCopied(true);\n                onCopied?.();\n                if (timerRef.current !== null) clearTimeout(timerRef.current);\n                timerRef.current = setTimeout(() => setCopied(false), timeout);\n            } catch {\n                /* clipboard unavailable — silently ignore */\n            }\n        },\n        [value, timeout, onCopied, onClick],\n    );\n\n    return (\n        <button\n            type=\"button\"\n            className={cn(styles.button, copied && styles.copied, className)}\n            data-copied={copied || undefined}\n            onClick={handleClick}\n            {...props}\n        >\n            {children ?? (copied ? \"Copied\" : \"Copy\")}\n        </button>\n    );\n}\n"],"mappings":";;;;;AA2BA,SAAgB,EAAW,EACvB,UACA,aAAU,KACV,aACA,aACA,cACA,YACA,GAAG,KACa;CAChB,IAAM,CAAC,GAAQ,KAAa,EAAS,EAAK,GACpC,IAAW,EAA6C,IAAI;CAElE,cACiB;EACT,AAAI,EAAS,YAAY,QAAM,aAAa,EAAS,OAAO;CAChE,GACD,CAAC,CAAC;CAEL,IAAM,IAAc,EAChB,OAAO,MAA+C;EAClD,IAAU,CAAK;EACf,IAAI;GAKA,AAJA,MAAM,UAAU,UAAU,UAAU,CAAK,GACzC,EAAU,EAAI,GACd,IAAW,GACP,EAAS,YAAY,QAAM,aAAa,EAAS,OAAO,GAC5D,EAAS,UAAU,iBAAiB,EAAU,EAAK,GAAG,CAAO;EACjE,QAAQ,CAER;CACJ,GACA;EAAC;EAAO;EAAS;EAAU;CAAO,CACtC;CAEA,OACI,kBAAC,UAAD;EACI,MAAK;EACL,WAAW,EAAG,EAAO,QAAQ,KAAU,EAAO,QAAQ,CAAS;EAC/D,eAAa,KAAU,KAAA;EACvB,SAAS;EACT,GAAI;YAEH,MAAa,IAAS,WAAW;CAC9B,CAAA;AAEhB"}

package/dist/components/CopyButton/CopyButton.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_button_58f9i`,t=`tempest_copied_WkLgR`,n={button:e,copied:t};exports.button=e,exports.copied=t,exports.default=n;
+//# sourceMappingURL=CopyButton.module.cjs.map

package/dist/components/CopyButton/CopyButton.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.module.cjs","names":[],"sources":["../../../src/components/CopyButton/CopyButton.module.css"],"sourcesContent":[".button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.button:hover {\n    background-color: var(--tempest-surface-2);\n}\n\n.copied {\n    color: var(--tempest-primary-foreground, var(--tempest-text-on-primary));\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n}\n"],"mappings":""}

package/dist/components/CopyButton/CopyButton.module.js

@@ -0,0 +1,9 @@
+//#region src/components/CopyButton/CopyButton.module.css
+var e = "tempest_button_58f9i", t = "tempest_copied_WkLgR", n = {
+	button: e,
+	copied: t
+};
+//#endregion
+export { e as button, t as copied, n as default };
+
+//# sourceMappingURL=CopyButton.module.js.map

package/dist/components/CopyButton/CopyButton.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.module.js","names":[],"sources":["../../../src/components/CopyButton/CopyButton.module.css"],"sourcesContent":[".button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.button:hover {\n    background-color: var(--tempest-surface-2);\n}\n\n.copied {\n    color: var(--tempest-primary-foreground, var(--tempest-text-on-primary));\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n}\n"],"mappings":""}