@reforma/components 0.0.0-stage → 0.1.0

package/dist/Tooltip/HelpTip.js

@@ -0,0 +1,45 @@
+import { HelpCircle as f } from "@reforma/icons/14";
+import { cn as u } from "@reforma/lib";
+import { isValidElement as s } from "react";
+import { Button as c } from "../Button/Button.js";
+import h from "./HelpTip.module.css.js";
+import { Tooltip as y } from "./Tooltip.js";
+import { jsx as t } from "react/jsx-runtime";
+function i(r) {
+  return r == null || typeof r == "boolean" ? "" : typeof r == "string" || typeof r == "number" ? String(r) : Array.isArray(r) ? r.map(i).join("") : /* @__PURE__ */ s(r) ? i(r.props.children) : "";
+}
+function H({
+  children: r,
+  "aria-label": o,
+  className: e,
+  placement: n = "top",
+  delay: l,
+  closeDelay: m,
+  warmUp: p
+}) {
+  const a = o ?? (i(r).trim() || "More information");
+  return /* @__PURE__ */ t(y, {
+    content: r,
+    placement: n,
+    delay: l,
+    closeDelay: m,
+    warmUp: p,
+    arrow: !0,
+    children: /* @__PURE__ */ t(c, {
+      variant: "inline",
+      color: "inherit",
+      size: "unset",
+      iconOnly: !0,
+      "aria-label": a,
+      className: u(h.helpTip, e),
+      children: /* @__PURE__ */ t(f, {
+        width: 12,
+        height: 12
+      })
+    })
+  });
+}
+export {
+  H as HelpTip
+};
+//# sourceMappingURL=HelpTip.js.map

package/dist/Tooltip/HelpTip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpTip.js","sources":["../../src/Tooltip/HelpTip.tsx"],"sourcesContent":["import { HelpCircle } from '@reforma/icons/14';\nimport { cn } from '@reforma/lib';\nimport { isValidElement, type ReactNode } from 'react';\n\nimport { Button } from '../Button';\nimport styles from './HelpTip.module.css';\nimport { Tooltip, type TooltipProps } from './Tooltip';\n\nexport interface HelpTipProps {\n    /** Help content — also used as the accessible name when it's text. */\n    children: ReactNode;\n    /** Override accessible name (defaults to text extracted from `children`). */\n    'aria-label'?: string;\n    className?: string;\n    placement?: TooltipProps['placement'];\n    delay?: TooltipProps['delay'];\n    closeDelay?: TooltipProps['closeDelay'];\n    warmUp?: TooltipProps['warmUp'];\n}\n\nfunction textFromNode(node: ReactNode): string {\n    if (node == null || typeof node === 'boolean') {\n        return '';\n    }\n    if (typeof node === 'string' || typeof node === 'number') {\n        return String(node);\n    }\n    if (Array.isArray(node)) {\n        return node.map(textFromNode).join('');\n    }\n    if (isValidElement<{ children?: ReactNode }>(node)) {\n        return textFromNode(node.props.children);\n    }\n\n    return '';\n}\n\n/**\n * Compact “?” control that reveals help on hover/focus.\n * Spectrum’s analogue is ContextualHelp (popover); this is the tooltip-sized version.\n */\nexport function HelpTip({\n    children,\n    'aria-label': ariaLabel,\n    className,\n    placement = 'top',\n    delay,\n    closeDelay,\n    warmUp,\n}: HelpTipProps) {\n    const label = ariaLabel ?? (textFromNode(children).trim() || 'More information');\n\n    return (\n        <Tooltip\n            content={ children }\n            placement={ placement }\n            delay={ delay }\n            closeDelay={ closeDelay }\n            warmUp={ warmUp }\n            arrow\n        >\n            <Button\n                variant=\"inline\"\n                color=\"inherit\"\n                size=\"unset\"\n                iconOnly\n                aria-label={ label }\n                className={ cn(styles.helpTip, className) }\n            >\n                <HelpCircle width={ 12 } height={ 12 } />\n            </Button>\n        </Tooltip>\n    );\n}\n"],"names":["textFromNode","node","isValidElement","HelpTip","children","ariaLabel","className","placement","delay","closeDelay","warmUp","label","Tooltip","Button","cn","styles","HelpCircle"],"mappings":";;;;;;;AAOA,SAASA,EAAaC,GAAM;AAC1B,SAAIA,KAAQ,QAAQ,OAAOA,KAAS,YAC3B,KAEL,OAAOA,KAAS,YAAY,OAAOA,KAAS,WACvC,OAAOA,CAAI,IAEhB,MAAM,QAAQA,CAAI,IACbA,EAAK,IAAID,CAAY,EAAE,KAAK,EAAE,IAEtB,gBAAAE,EAAeD,CAAI,IAC3BD,EAAaC,EAAK,MAAM,QAAQ,IAElC;AACT;AAMO,SAASE,EAAQ;AAAA,EACtB,UAAAC;AAAA,EACA,cAAcC;AAAA,EACd,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AACF,GAAG;AACD,QAAMC,IAAQN,MAAcL,EAAaI,CAAQ,EAAE,UAAU;AAC7D,2BAAyBQ,GAAS;AAAA,IAChC,SAASR;AAAA,IACT,WAAAG;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAO;AAAA,IACP,4BAA4BG,GAAQ;AAAA,MAClC,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,MACV,cAAcF;AAAA,MACd,WAAWG,EAAGC,EAAO,SAAST,CAAS;AAAA,MACvC,4BAA4BU,GAAY;AAAA,QACtC,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA,CACT;AAAA,IAAA,CACF;AAAA,EAAA,CACF;AACH;"}

package/dist/Tooltip/HelpTip.module.css

@@ -0,0 +1 @@
+@layer components{.HelpTip_helpTip_w36uNI{display:inline-flex;flex:0 0 auto;opacity:.7;color:var(--color-secondary-muted-text)}.HelpTip_helpTip_w36uNI:hover,.HelpTip_helpTip_w36uNI:focus-visible{opacity:1}}

package/dist/Tooltip/HelpTip.module.css.js

@@ -0,0 +1,8 @@
+const p = "HelpTip_helpTip_w36uNI", e = {
+  helpTip: p
+};
+export {
+  e as default,
+  p as helpTip
+};
+//# sourceMappingURL=HelpTip.module.css.js.map

package/dist/Tooltip/HelpTip.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpTip.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,26 @@
+import { TooltipProps as AriaTooltipProps, TooltipTriggerComponentProps } from 'react-aria-components';
+export interface TooltipContentProps extends AriaTooltipProps {
+    children: React.ReactNode;
+    /** Show a placement arrow (default false). */
+    arrow?: boolean;
+}
+type TooltipTriggerOptions = Pick<TooltipTriggerComponentProps, 'closeDelay' | 'delay' | 'isDisabled' | 'isOpen' | 'shouldCloseOnPress' | 'trigger'>;
+export interface TooltipTriggerProps extends TooltipTriggerComponentProps {
+    /**
+     * Spectrum-style global warmup: the first tooltip waits `delay`, then adjacent
+     * triggers open immediately until the cooldown expires. Default false — every
+     * hover waits the full delay (better for dense rows like chips).
+     */
+    warmUp?: boolean;
+}
+export interface TooltipProps extends TooltipContentProps, TooltipTriggerOptions {
+    content?: React.ReactNode;
+    warmUp?: boolean;
+    /** Wrap custom triggers that do not consume React Aria focusable context themselves. */
+    wrapTrigger?: boolean;
+}
+export declare function TooltipTrigger({ children, warmUp, delay, closeDelay, shouldCloseOnPress, ...rest }: TooltipTriggerProps): import("react").JSX.Element;
+export declare function Tooltip({ children, content, closeDelay, delay, isDisabled, isOpen, shouldCloseOnPress, trigger, warmUp, wrapTrigger, ...props }: TooltipProps): import("react").JSX.Element;
+export declare function TooltipContent({ children, className, arrow, ...props }: TooltipContentProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/Tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGH,YAAY,IAAI,gBAAgB,EAIhC,4BAA4B,EAE/B,MAAM,uBAAuB,CAAC;AAO/B,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB;IACzD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8CAA8C;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,qBAAqB,GAAG,IAAI,CAC7B,4BAA4B,EAC5B,YAAY,GAAG,OAAO,GAAG,YAAY,GAAG,QAAQ,GAAG,oBAAoB,GAAG,SAAS,CACtF,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,4BAA4B;IACrE;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,YAAa,SAAQ,mBAAmB,EAAE,qBAAqB;IAC5E,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wFAAwF;IACxF,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AA2BD,wBAAgB,cAAc,CAAC,EAC3B,QAAQ,EACR,MAAc,EACd,KAAoC,EACpC,UAA8C,EAC9C,kBAA8D,EAC9D,GAAG,IAAI,EACV,EAAE,mBAAmB,+BAgCrB;AAED,wBAAgB,OAAO,CAAC,EACpB,QAAQ,EACR,OAAO,EACP,UAAU,EACV,KAAK,EACL,UAAU,EACV,MAAM,EACN,kBAAkB,EAClB,OAAO,EACP,MAAc,EACd,WAAmB,EACnB,GAAG,KAAK,EACX,EAAE,YAAY,+BAmBd;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAa,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAgBnG"}

package/dist/Tooltip/Tooltip.js

@@ -0,0 +1,116 @@
+import { cn as g } from "@reforma/lib";
+import { useRef as T, isValidElement as w } from "react";
+import { useTooltipTrigger as x } from "react-aria";
+import { Tooltip as v, OverlayArrow as y, Provider as P, TooltipTriggerStateContext as C, TooltipContext as $, Focusable as b } from "react-aria-components";
+import { FocusableProvider as F } from "../node_modules/react-aria/dist/private/interactions/useFocusable.js";
+import { Show as u } from "../Show/Show.js";
+import m from "./Tooltip.module.css.js";
+import { useTooltipTriggerState as S } from "./useTooltipTriggerState.js";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+function j(r, e) {
+  return /* @__PURE__ */ w(r) && (e || typeof r.type == "string") ? /* @__PURE__ */ o(b, {
+    children: r
+  }) : r;
+}
+const c = {
+  delay: 500,
+  closeDelay: 150,
+  shouldCloseOnPress: !1
+};
+function D({
+  children: r,
+  warmUp: e = !1,
+  delay: t = c.delay,
+  closeDelay: i = c.closeDelay,
+  shouldCloseOnPress: s = c.shouldCloseOnPress,
+  ...n
+}) {
+  const a = S({
+    warmUp: e,
+    delay: t,
+    closeDelay: i,
+    shouldCloseOnPress: s,
+    ...n
+  }), l = T(null), {
+    triggerProps: p,
+    tooltipProps: f
+  } = x({
+    delay: t,
+    closeDelay: i,
+    shouldCloseOnPress: s,
+    ...n
+  }, a, l);
+  return /* @__PURE__ */ o(P, {
+    values: [[C, a], [$, {
+      ...f,
+      triggerRef: l
+    }]],
+    children: /* @__PURE__ */ o(F, {
+      ...p,
+      ref: l,
+      children: r
+    })
+  });
+}
+function q({
+  children: r,
+  content: e,
+  closeDelay: t,
+  delay: i,
+  isDisabled: s,
+  isOpen: n,
+  shouldCloseOnPress: a,
+  trigger: l,
+  warmUp: p = !1,
+  wrapTrigger: f = !1,
+  ...h
+}) {
+  return /* @__PURE__ */ d(D, {
+    closeDelay: t,
+    delay: i,
+    isDisabled: s,
+    isOpen: n,
+    shouldCloseOnPress: a,
+    trigger: l,
+    warmUp: p,
+    children: [j(r, f), /* @__PURE__ */ o(u, {
+      when: e != null,
+      children: /* @__PURE__ */ o(L, {
+        ...h,
+        children: e
+      })
+    })]
+  });
+}
+function L({
+  children: r,
+  className: e,
+  arrow: t = !1,
+  ...i
+}) {
+  return /* @__PURE__ */ d(v, {
+    ...i,
+    className: g(m.tooltip, e),
+    children: [/* @__PURE__ */ o(u, {
+      when: t,
+      children: /* @__PURE__ */ o(y, {
+        className: m.arrow,
+        children: /* @__PURE__ */ o("svg", {
+          width: 8,
+          height: 8,
+          viewBox: "0 0 8 8",
+          "aria-hidden": !0,
+          children: /* @__PURE__ */ o("path", {
+            d: "M0 0 L4 4 L8 0"
+          })
+        })
+      })
+    }), r]
+  });
+}
+export {
+  q as Tooltip,
+  L as TooltipContent,
+  D as TooltipTrigger
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import { cn } from '@reforma/lib';\nimport { isValidElement, useRef, type ReactNode } from 'react';\nimport { useTooltipTrigger } from 'react-aria';\nimport {\n    Focusable as AriaFocusable,\n    Tooltip as AriaTooltip,\n    TooltipProps as AriaTooltipProps,\n    OverlayArrow,\n    Provider,\n    TooltipContext,\n    TooltipTriggerComponentProps,\n    TooltipTriggerStateContext,\n} from 'react-aria-components';\nimport { FocusableProvider } from 'react-aria/private/interactions/useFocusable';\n\nimport { Show } from '../Show';\nimport styles from './Tooltip.module.css';\nimport { useTooltipTriggerState } from './useTooltipTriggerState';\n\nexport interface TooltipContentProps extends AriaTooltipProps {\n    children: React.ReactNode;\n    /** Show a placement arrow (default false). */\n    arrow?: boolean;\n}\n\ntype TooltipTriggerOptions = Pick<\n    TooltipTriggerComponentProps,\n    'closeDelay' | 'delay' | 'isDisabled' | 'isOpen' | 'shouldCloseOnPress' | 'trigger'\n>;\n\nexport interface TooltipTriggerProps extends TooltipTriggerComponentProps {\n    /**\n     * Spectrum-style global warmup: the first tooltip waits `delay`, then adjacent\n     * triggers open immediately until the cooldown expires. Default false — every\n     * hover waits the full delay (better for dense rows like chips).\n     */\n    warmUp?: boolean;\n}\n\nexport interface TooltipProps extends TooltipContentProps, TooltipTriggerOptions {\n    content?: React.ReactNode;\n    warmUp?: boolean;\n    /** Wrap custom triggers that do not consume React Aria focusable context themselves. */\n    wrapTrigger?: boolean;\n}\n\n/**\n * TooltipTrigger must attach hover/focus to a DOM node.\n * - Native elements (`div`, `span`, …): wrap in `Focusable` so refs/events reach the DOM.\n * - RAC-backed custom components (`Button`, `Tag`, …): do **not** wrap — RAC merges trigger props; `Focusable` here breaks\n *   ref forwarding and triggers “child must forward ref” / ARIA role warnings.\n * - Other custom components can opt into wrapping so trigger props reach their DOM node.\n */\nfunction makeFocusable(node: ReactNode, wrapTrigger: boolean): ReactNode {\n    if (!isValidElement(node)) {\n        return node;\n    }\n\n    if (wrapTrigger || typeof node.type === 'string') {\n        return <AriaFocusable>{node as never}</AriaFocusable>;\n    }\n\n    return node;\n}\n\nconst tooltipTriggerDefaults = {\n    delay: 500,\n    closeDelay: 150,\n    shouldCloseOnPress: false,\n} as const;\n\nexport function TooltipTrigger({\n    children,\n    warmUp = false,\n    delay = tooltipTriggerDefaults.delay,\n    closeDelay = tooltipTriggerDefaults.closeDelay,\n    shouldCloseOnPress = tooltipTriggerDefaults.shouldCloseOnPress,\n    ...rest\n}: TooltipTriggerProps) {\n    const state = useTooltipTriggerState({\n        warmUp,\n        delay,\n        closeDelay,\n        shouldCloseOnPress,\n        ...rest,\n    });\n    const ref = useRef<HTMLElement>(null);\n    const { triggerProps, tooltipProps } = useTooltipTrigger(\n        {\n            delay,\n            closeDelay,\n            shouldCloseOnPress,\n            ...rest,\n        },\n        state,\n        ref\n    );\n\n    return (\n        <Provider\n            values={ [\n                [TooltipTriggerStateContext, state],\n                [TooltipContext, { ...tooltipProps, triggerRef: ref }],\n            ] }\n        >\n            <FocusableProvider { ...triggerProps } ref={ ref }>\n                { children }\n            </FocusableProvider>\n        </Provider>\n    );\n}\n\nexport function Tooltip({\n    children,\n    content,\n    closeDelay,\n    delay,\n    isDisabled,\n    isOpen,\n    shouldCloseOnPress,\n    trigger,\n    warmUp = false,\n    wrapTrigger = false,\n    ...props\n}: TooltipProps) {\n    return (\n        <TooltipTrigger\n            closeDelay={ closeDelay }\n            delay={ delay }\n            isDisabled={ isDisabled }\n            isOpen={ isOpen }\n            shouldCloseOnPress={ shouldCloseOnPress }\n            trigger={ trigger }\n            warmUp={ warmUp }\n        >\n            { makeFocusable(children, wrapTrigger) }\n            <Show when={ content != null }>\n                <TooltipContent { ...props }>\n                    {content}\n                </TooltipContent>\n            </Show>\n        </TooltipTrigger>\n    );\n}\n\nexport function TooltipContent({ children, className, arrow = false, ...props }: TooltipContentProps) {\n    return (\n        <AriaTooltip\n            { ...props }\n            className={ cn(styles.tooltip, className) }\n        >\n            <Show when={ arrow }>\n                <OverlayArrow className={ styles.arrow }>\n                    <svg width={ 8 } height={ 8 } viewBox=\"0 0 8 8\" aria-hidden>\n                        <path d=\"M0 0 L4 4 L8 0\" />\n                    </svg>\n                </OverlayArrow>\n            </Show>\n            { children }\n        </AriaTooltip>\n    );\n}\n"],"names":["makeFocusable","node","wrapTrigger","isValidElement","AriaFocusable","tooltipTriggerDefaults","TooltipTrigger","children","warmUp","delay","closeDelay","shouldCloseOnPress","rest","state","useTooltipTriggerState","ref","useRef","triggerProps","tooltipProps","useTooltipTrigger","Provider","TooltipTriggerStateContext","TooltipContext","FocusableProvider","Tooltip","content","isDisabled","isOpen","trigger","props","Show","TooltipContent","className","arrow","AriaTooltip","cn","styles","_jsx","OverlayArrow"],"mappings":";;;;;;;;;AAgBA,SAASA,EAAcC,GAAMC,GAAa;AACxC,SAAmB,gBAAAC,EAAeF,CAAI,MAGlCC,KAAe,OAAOD,EAAK,QAAS,8BACbG,GAAe;AAAA,IACtC,UAAUH;AAAA,EAAA,CACX,IALMA;AAQX;AACA,MAAMI,IAAyB;AAAA,EAC7B,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,oBAAoB;AACtB;AACO,SAASC,EAAe;AAAA,EAC7B,UAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,OAAAC,IAAQJ,EAAuB;AAAA,EAC/B,YAAAK,IAAaL,EAAuB;AAAA,EACpC,oBAAAM,IAAqBN,EAAuB;AAAA,EAC5C,GAAGO;AACL,GAAG;AACD,QAAMC,IAAQC,EAAuB;AAAA,IACnC,QAAAN;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,CACJ,GACKG,IAAMC,EAAO,IAAI,GACjB;AAAA,IACJ,cAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAkB;AAAA,IACpB,OAAAV;AAAA,IACA,YAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GACFC,GAAOE,CAAG;AACb,2BAAyBK,GAAU;AAAA,IACjC,QAAQ,CAAC,CAACC,GAA4BR,CAAK,GAAG,CAACS,GAAgB;AAAA,MAC7D,GAAGJ;AAAA,MACH,YAAYH;AAAA,IAAA,CACb,CAAC;AAAA,IACF,4BAA4BQ,GAAmB;AAAA,MAC7C,GAAGN;AAAA,MACH,KAAAF;AAAA,MACA,UAAAR;AAAA,IAAA,CACD;AAAA,EAAA,CACF;AACH;AACO,SAASiB,EAAQ;AAAA,EACtB,UAAAjB;AAAA,EACA,SAAAkB;AAAA,EACA,YAAAf;AAAA,EACA,OAAAD;AAAA,EACA,YAAAiB;AAAA,EACA,QAAAC;AAAA,EACA,oBAAAhB;AAAA,EACA,SAAAiB;AAAA,EACA,QAAApB,IAAS;AAAA,EACT,aAAAN,IAAc;AAAA,EACd,GAAG2B;AACL,GAAG;AACD,2BAA0BvB,GAAgB;AAAA,IACxC,YAAAI;AAAA,IACA,OAAAD;AAAA,IACA,YAAAiB;AAAA,IACA,QAAAC;AAAA,IACA,oBAAAhB;AAAA,IACA,SAAAiB;AAAA,IACA,QAAApB;AAAA,IACA,UAAU,CAACR,EAAcO,GAAUL,CAAW,qBAAqB4B,GAAM;AAAA,MACvE,MAAML,KAAW;AAAA,MACjB,4BAA4BM,GAAgB;AAAA,QAC1C,GAAGF;AAAA,QACH,UAAUJ;AAAA,MAAA,CACX;AAAA,IAAA,CACF,CAAC;AAAA,EAAA,CACH;AACH;AACO,SAASM,EAAe;AAAA,EAC7B,UAAAxB;AAAA,EACA,WAAAyB;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,GAAGJ;AACL,GAAG;AACD,2BAA0BK,GAAa;AAAA,IACrC,GAAGL;AAAA,IACH,WAAWM,EAAGC,EAAO,SAASJ,CAAS;AAAA,IACvC,UAAU,CAAcK,gBAAAA,EAAKP,GAAM;AAAA,MACjC,MAAMG;AAAA,MACN,4BAA4BK,GAAc;AAAA,QACxC,WAAWF,EAAO;AAAA,QAClB,4BAA4B,OAAO;AAAA,UACjC,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,eAAe;AAAA,UACf,4BAA4B,QAAQ;AAAA,YAClC,GAAG;AAAA,UAAA,CACJ;AAAA,QAAA,CACF;AAAA,MAAA,CACF;AAAA,IAAA,CACF,GAAG7B,CAAQ;AAAA,EAAA,CACb;AACH;"}

package/dist/Tooltip/Tooltip.module.css

@@ -0,0 +1 @@
+@layer components{.Tooltip_tooltip_29uHsZ{border-radius:calc(var(--radius-sm) * var(--squircle-radius-factor));font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0;corner-shape:superellipse(var(--squircle-value));transform:translateZ(0);z-index:var(--z-tooltip)!important;transition:transform var(--transition-duration-fast),opacity var(--transition-duration-fast);box-shadow:var(--shadow-xs);background:var(--color-tooltip);padding:var(--spacing-xs) var(--spacing-md);max-width:min(20rem,calc(100vw - var(--spacing-16)));overflow:hidden;color:var(--color-tooltip-foreground);forced-color-adjust:none;overflow-wrap:anywhere;--hotkey-background: color-mix(in oklab, currentColor 20%, transparent)}.Tooltip_tooltip_29uHsZ [data-hotkey]{margin-inline-end:calc(-1 * var(--spacing-xs))}.Tooltip_tooltip_29uHsZ[data-entering],.Tooltip_tooltip_29uHsZ[data-exiting]{transform:var(--tooltip-origin);opacity:0}.dark .Tooltip_tooltip_29uHsZ{--hotkey-background: color-mix(in oklab, currentColor 5%, transparent)}.Tooltip_tooltip_29uHsZ[data-placement^=top]{--tooltip-origin: translateY(var(--spacing-xs));margin-bottom:var(--spacing-xs)}.Tooltip_tooltip_29uHsZ[data-placement^=bottom]{--tooltip-origin: translateY(calc(-1 * var(--spacing-xs)));margin-top:var(--spacing-xs)}.Tooltip_tooltip_29uHsZ[data-placement^=right],.Tooltip_tooltip_29uHsZ[data-placement^=end]{--tooltip-origin: translateX(calc(-1 * var(--spacing-xs)));margin-left:var(--spacing-xs)}.Tooltip_tooltip_29uHsZ[data-placement^=left],.Tooltip_tooltip_29uHsZ[data-placement^=start]{--tooltip-origin: translateX(var(--spacing-xs));margin-right:var(--spacing-xs)}.Tooltip_arrow_shcvRN svg{display:block;fill:var(--color-tooltip)}.Tooltip_tooltip_29uHsZ[data-placement^=bottom] .Tooltip_arrow_shcvRN svg{transform:rotate(180deg)}.Tooltip_tooltip_29uHsZ[data-placement^=right] .Tooltip_arrow_shcvRN svg,.Tooltip_tooltip_29uHsZ[data-placement^=end] .Tooltip_arrow_shcvRN svg{transform:rotate(90deg)}.Tooltip_tooltip_29uHsZ[data-placement^=left] .Tooltip_arrow_shcvRN svg,.Tooltip_tooltip_29uHsZ[data-placement^=start] .Tooltip_arrow_shcvRN svg{transform:rotate(-90deg)}}

package/dist/Tooltip/Tooltip.module.css.js

@@ -0,0 +1,10 @@
+const o = "Tooltip_tooltip_29uHsZ", t = "Tooltip_arrow_shcvRN", s = {
+  tooltip: o,
+  arrow: t
+};
+export {
+  t as arrow,
+  s as default,
+  o as tooltip
+};
+//# sourceMappingURL=Tooltip.module.css.js.map

package/dist/Tooltip/Tooltip.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/Tooltip/index.d.ts

@@ -0,0 +1,4 @@
+export * from './HelpTip';
+export * from './Tooltip';
+export { TooltipContent } from './Tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/Tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC"}

package/dist/Tooltip/index.js

@@ -0,0 +1,9 @@
+import { HelpTip as t } from "./HelpTip.js";
+import { Tooltip as e, TooltipContent as i, TooltipTrigger as T } from "./Tooltip.js";
+export {
+  t as HelpTip,
+  e as Tooltip,
+  i as TooltipContent,
+  T as TooltipTrigger
+};
+//# sourceMappingURL=index.js.map

package/dist/Tooltip/index.js.map

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

package/dist/Tooltip/useTooltipTriggerState.d.ts

@@ -0,0 +1,16 @@
+import type { TooltipTriggerProps, TooltipTriggerState } from 'react-stately';
+export interface ReformaTooltipTriggerStateProps extends TooltipTriggerProps {
+    /**
+     * Spectrum-style global warmup: first tooltip waits `delay`, then adjacent
+     * triggers open immediately until cooldown expires. Default false.
+     */
+    warmUp?: boolean;
+}
+/**
+ * Tooltip trigger state with optional Spectrum warmup.
+ *
+ * `warmUp={false}` (default): every hover waits the full `delay`.
+ * `warmUp={true}`: shared warmup/cooldown like React Stately (toolbars).
+ */
+export declare function useTooltipTriggerState(props?: ReformaTooltipTriggerStateProps): TooltipTriggerState;
+//# sourceMappingURL=useTooltipTriggerState.d.ts.map

package/dist/Tooltip/useTooltipTriggerState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltipTriggerState.d.ts","sourceRoot":"","sources":["../../src/Tooltip/useTooltipTriggerState.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAW9E,MAAM,WAAW,+BAAgC,SAAQ,mBAAmB;IACxE;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CAClC,KAAK,GAAE,+BAAoC,GAC5C,mBAAmB,CA0KrB"}

package/dist/Tooltip/useTooltipTriggerState.js

@@ -0,0 +1,56 @@
+import { useMemo as S, useRef as p, useEffect as w } from "react";
+import { useOverlayTriggerState as U } from "react-stately";
+const W = 500, u = {};
+let C = 0, c = !1, r = null, o = null;
+function x(d = {}) {
+  const {
+    delay: s = 500,
+    closeDelay: f = 150,
+    warmUp: a = !1
+  } = d, {
+    isOpen: g,
+    open: y,
+    close: m
+  } = U(d), n = S(() => `${++C}`, []), e = p(null), t = p(null), T = p(m), h = (l) => {
+    t.current && (clearTimeout(t.current), t.current = null), l || f <= 0 ? (e.current && (clearTimeout(e.current), e.current = null), T.current()) : e.current || (e.current = setTimeout(() => {
+      e.current = null, T.current();
+    }, f)), a && (r && (clearTimeout(r), r = null), c && (o && clearTimeout(o), o = setTimeout(() => {
+      delete u[n], o = null, c = !1;
+    }, Math.max(W, f))));
+  }, O = () => {
+    u[n] = h;
+  }, b = () => {
+    for (const l in u)
+      l !== n && (u[l](!0), delete u[l]);
+  }, i = () => {
+    t.current && (clearTimeout(t.current), t.current = null), e.current && (clearTimeout(e.current), e.current = null), b(), O(), a && (c = !0, r && (clearTimeout(r), r = null), o && (clearTimeout(o), o = null)), y();
+  }, M = () => {
+    if (b(), O(), !g) {
+      if (a) {
+        c ? i() : (r && clearTimeout(r), r = setTimeout(() => {
+          r = null, c = !0, i();
+        }, s));
+        return;
+      }
+      t.current && clearTimeout(t.current), s > 0 ? t.current = setTimeout(() => {
+        t.current = null, i();
+      }, s) : i();
+    }
+  };
+  return w(() => {
+    T.current = m;
+  }, [m]), w(() => () => {
+    e.current && clearTimeout(e.current), t.current && clearTimeout(t.current), u[n] && delete u[n];
+  }, [n]), {
+    isOpen: g,
+    shouldSkipAnimation: !1,
+    open: (l) => {
+      !l && s > 0 && !e.current ? M() : i();
+    },
+    close: h
+  };
+}
+export {
+  x as useTooltipTriggerState
+};
+//# sourceMappingURL=useTooltipTriggerState.js.map

package/dist/Tooltip/useTooltipTriggerState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltipTriggerState.js","sources":["../../src/Tooltip/useTooltipTriggerState.ts"],"sourcesContent":["import { useEffect, useMemo, useRef } from 'react';\nimport { useOverlayTriggerState } from 'react-stately';\n\nimport type { TooltipTriggerProps, TooltipTriggerState } from 'react-stately';\n\n/** Minimum cooldown before global warmup resets (matches React Stately). */\nconst WARMUP_COOLDOWN_MIN = 500;\n\nconst tooltips: Record<string, (immediate?: boolean) => void> = {};\nlet tooltipId = 0;\nlet globalWarmedUp = false;\nlet globalWarmUpTimeout: ReturnType<typeof setTimeout> | null = null;\nlet globalCooldownTimeout: ReturnType<typeof setTimeout> | null = null;\n\nexport interface ReformaTooltipTriggerStateProps extends TooltipTriggerProps {\n    /**\n     * Spectrum-style global warmup: first tooltip waits `delay`, then adjacent\n     * triggers open immediately until cooldown expires. Default false.\n     */\n    warmUp?: boolean;\n}\n\n/**\n * Tooltip trigger state with optional Spectrum warmup.\n *\n * `warmUp={false}` (default): every hover waits the full `delay`.\n * `warmUp={true}`: shared warmup/cooldown like React Stately (toolbars).\n */\nexport function useTooltipTriggerState(\n    props: ReformaTooltipTriggerStateProps = {}\n): TooltipTriggerState {\n    const { delay = 500, closeDelay = 150, warmUp = false } = props;\n    const { isOpen, open, close } = useOverlayTriggerState(props);\n    const id = useMemo(() => `${ ++tooltipId }`, []);\n    const closeTimeout = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const openTimeout = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const closeCallback = useRef(close);\n\n    const hideTooltip = (immediate?: boolean) => {\n        if (openTimeout.current) {\n            clearTimeout(openTimeout.current);\n            openTimeout.current = null;\n        }\n\n        if (immediate || closeDelay <= 0) {\n            if (closeTimeout.current) {\n                clearTimeout(closeTimeout.current);\n                closeTimeout.current = null;\n            }\n\n            closeCallback.current();\n        }\n        else if (!closeTimeout.current) {\n            closeTimeout.current = setTimeout(() => {\n                closeTimeout.current = null;\n                closeCallback.current();\n            }, closeDelay);\n        }\n\n        if (!warmUp) {\n            return;\n        }\n\n        if (globalWarmUpTimeout) {\n            clearTimeout(globalWarmUpTimeout);\n            globalWarmUpTimeout = null;\n        }\n\n        if (globalWarmedUp) {\n            if (globalCooldownTimeout) {\n                clearTimeout(globalCooldownTimeout);\n            }\n\n            globalCooldownTimeout = setTimeout(() => {\n                delete tooltips[id];\n                globalCooldownTimeout = null;\n                globalWarmedUp = false;\n            }, Math.max(WARMUP_COOLDOWN_MIN, closeDelay));\n        }\n    };\n\n    const ensureTooltipEntry = () => {\n        tooltips[id] = hideTooltip;\n    };\n\n    const closeOpenTooltips = () => {\n        for (const hideTooltipId in tooltips) {\n            if (hideTooltipId !== id) {\n                tooltips[hideTooltipId](true);\n                delete tooltips[hideTooltipId];\n            }\n        }\n    };\n\n    const showTooltip = () => {\n        if (openTimeout.current) {\n            clearTimeout(openTimeout.current);\n            openTimeout.current = null;\n        }\n\n        if (closeTimeout.current) {\n            clearTimeout(closeTimeout.current);\n            closeTimeout.current = null;\n        }\n\n        closeOpenTooltips();\n        ensureTooltipEntry();\n\n        if (warmUp) {\n            globalWarmedUp = true;\n\n            if (globalWarmUpTimeout) {\n                clearTimeout(globalWarmUpTimeout);\n                globalWarmUpTimeout = null;\n            }\n\n            if (globalCooldownTimeout) {\n                clearTimeout(globalCooldownTimeout);\n                globalCooldownTimeout = null;\n            }\n        }\n\n        open();\n    };\n\n    const scheduleShow = () => {\n        closeOpenTooltips();\n        ensureTooltipEntry();\n\n        if (isOpen) {\n            return;\n        }\n\n        if (warmUp) {\n            if (!globalWarmedUp) {\n                if (globalWarmUpTimeout) {\n                    clearTimeout(globalWarmUpTimeout);\n                }\n\n                globalWarmUpTimeout = setTimeout(() => {\n                    globalWarmUpTimeout = null;\n                    globalWarmedUp = true;\n                    showTooltip();\n                }, delay);\n            }\n            else {\n                showTooltip();\n            }\n\n            return;\n        }\n\n        if (openTimeout.current) {\n            clearTimeout(openTimeout.current);\n        }\n\n        if (delay > 0) {\n            openTimeout.current = setTimeout(() => {\n                openTimeout.current = null;\n                showTooltip();\n            }, delay);\n        }\n        else {\n            showTooltip();\n        }\n    };\n\n    useEffect(() => {\n        closeCallback.current = close;\n    }, [close]);\n\n    useEffect(() => {\n        return () => {\n            if (closeTimeout.current) {\n                clearTimeout(closeTimeout.current);\n            }\n\n            if (openTimeout.current) {\n                clearTimeout(openTimeout.current);\n            }\n\n            if (tooltips[id]) {\n                delete tooltips[id];\n            }\n        };\n    }, [id]);\n\n    return {\n        isOpen,\n        shouldSkipAnimation: false,\n        open: (immediate?: boolean) => {\n            if (!immediate && delay > 0 && !closeTimeout.current) {\n                scheduleShow();\n            }\n            else {\n                showTooltip();\n            }\n        },\n        close: hideTooltip,\n    };\n}\n"],"names":["WARMUP_COOLDOWN_MIN","tooltips","tooltipId","globalWarmedUp","globalWarmUpTimeout","globalCooldownTimeout","useTooltipTriggerState","props","delay","closeDelay","warmUp","isOpen","open","close","useOverlayTriggerState","id","useMemo","closeTimeout","useRef","openTimeout","closeCallback","hideTooltip","immediate","ensureTooltipEntry","closeOpenTooltips","hideTooltipId","showTooltip","scheduleShow","useEffect"],"mappings":"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"}

package/dist/Xterm/Xterm.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentPropsWithRef } from 'react';
+import type { XtermOptions } from './types';
+export type XtermProps = Partial<XtermOptions> & ({
+    content?: string;
+} | {
+    wsUrl?: string;
+    tokenUrl?: string;
+});
+export declare function Xterm(props: XtermProps & Omit<ComponentPropsWithRef<'div'>, keyof XtermProps>): import("react").JSX.Element;
+//# sourceMappingURL=Xterm.d.ts.map

package/dist/Xterm/Xterm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Xterm.d.ts","sourceRoot":"","sources":["../../src/Xterm/Xterm.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG;IACA,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AAEH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,UAAU,CAAC,+BAsD7F"}

package/dist/Xterm/Xterm.js

@@ -0,0 +1,47 @@
+import { mergeRefs as u, cn as d } from "@reforma/lib";
+import { useEffect as w } from "react";
+import { useXterm as x } from "./useXterm.js";
+import h from "./Xterm.module.css.js";
+import { jsx as k } from "react/jsx-runtime";
+function X(o) {
+  const {
+    className: s,
+    wsUrl: n,
+    tokenUrl: i,
+    clientOptions: m,
+    termOptions: f,
+    flowControl: a,
+    content: r,
+    ref: c,
+    ...l
+  } = o, {
+    xterm: t,
+    attach: p
+  } = x({
+    wsUrl: n,
+    tokenUrl: i,
+    clientOptions: m,
+    termOptions: f,
+    flowControl: a
+  });
+  return w(() => {
+    if (!t)
+      return;
+    if (r) {
+      t.writeData(r.trimStart());
+      return;
+    }
+    let e = !1;
+    return (async () => (await t.refreshToken(), e || t.connect()))(), () => {
+      e = !0;
+    };
+  }, [t, r]), /* @__PURE__ */ k("div", {
+    ...l,
+    className: d(h.root, s),
+    ref: u(p, c)
+  });
+}
+export {
+  X as Xterm
+};
+//# sourceMappingURL=Xterm.js.map

package/dist/Xterm/Xterm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Xterm.js","sources":["../../src/Xterm/Xterm.tsx"],"sourcesContent":["import { cn, mergeRefs } from '@reforma/lib';\nimport { useEffect } from 'react';\n\nimport { useXterm } from './useXterm';\nimport styles from './Xterm.module.css';\n\nimport type { ComponentPropsWithRef } from 'react';\nimport type { XtermOptions } from './types';\n\nexport type XtermProps = Partial<XtermOptions> & ({\n    content?: string;\n} | {\n    wsUrl?: string;\n    tokenUrl?: string;\n});\n\nexport function Xterm(props: XtermProps & Omit<ComponentPropsWithRef<'div'>, keyof XtermProps>) {\n    const {\n        className,\n        wsUrl,\n        tokenUrl,\n        clientOptions,\n        termOptions,\n        flowControl,\n        content,\n        ref,\n        ...attrs\n    } = props;\n\n    const { xterm, attach } = useXterm({\n        wsUrl,\n        tokenUrl,\n        clientOptions,\n        termOptions,\n        flowControl,\n    });\n\n    useEffect(() => {\n        if (!xterm) {\n            return;\n        }\n\n        if (content) {\n            xterm.writeData(content.trimStart());\n\n            return;\n        }\n\n        let disposed = false;\n\n        void (async() => {\n            await xterm.refreshToken();\n\n            if (!disposed) {\n                xterm.connect();\n            }\n        })();\n\n        return () => {\n            disposed = true;\n        };\n    }, [xterm, content]);\n\n    return (\n        <div\n            { ...attrs }\n            className={ cn(styles.root, className) }\n            ref={ mergeRefs<HTMLDivElement>(attach, ref) }\n        />\n    );\n}\n"],"names":["Xterm","props","className","wsUrl","tokenUrl","clientOptions","termOptions","flowControl","content","ref","attrs","xterm","attach","useXterm","useEffect","disposed","cn","styles","mergeRefs"],"mappings":";;;;;AAKO,SAASA,EAAMC,GAAO;AAC3B,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDT,GACE;AAAA,IACJ,OAAAU;AAAA,IACA,QAAAC;AAAA,EAAA,IACEC,EAAS;AAAA,IACX,OAAAV;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,CACD;AACD,SAAAO,EAAU,MAAM;AACd,QAAI,CAACH;AACH;AAEF,QAAIH,GAAS;AACX,MAAAG,EAAM,UAAUH,EAAQ,WAAW;AACnC;AAAA,IACF;AACA,QAAIO,IAAW;AACf,YAAM,aACJ,MAAMJ,EAAM,aAAA,GACPI,KACHJ,EAAM,QAAA,OAGH,MAAM;AACX,MAAAI,IAAW;AAAA,IACb;AAAA,EACF,GAAG,CAACJ,GAAOH,CAAO,CAAC,qBACM,OAAO;AAAA,IAC9B,GAAGE;AAAA,IACH,WAAWM,EAAGC,EAAO,MAAMf,CAAS;AAAA,IACpC,KAAKgB,EAAUN,GAAQH,CAAG;AAAA,EAAA,CAC3B;AACH;"}

package/dist/Xterm/Xterm.module.css

@@ -0,0 +1 @@
+@layer components{.Xterm_root_mvzq1b{--xterm-radius: var(--radius-lg);--xterm-padding-block: var(--spacing-10);--xterm-padding-inline: var(--spacing-10);--xterm-border-radius: var(--radius-md);--xterm-background-color: #0d1117;--xterm-color: #e6edf3;border-radius:calc(var(--xterm-radius) * var(--squircle-radius-factor));background:var(--xterm-background-color);color:var(--xterm-color);corner-shape:superellipse(var(--squircle-value));position:relative;cursor:text;-webkit-user-select:none;-moz-user-select:none;padding:var(--xterm-padding-block) var(--xterm-padding-inline);overflow:hidden;font-weight:400;font-size:var(--text-xs);line-height:var(--leading-sm);font-family:Menlo,sans-serif;letter-spacing:0;user-select:none}.Xterm_root_mvzq1b .xterm{display:contents;position:static}.Xterm_root_mvzq1b.Xterm_focus_UeDupx,.Xterm_root_mvzq1b:focus{outline:none}.Xterm_root_mvzq1b .xterm-helpers{position:absolute;top:0;z-index:5}.Xterm_root_mvzq1b .xterm-helper-textarea{position:absolute;top:0;left:-9999em;opacity:0;z-index:-5;margin:0;border:0;padding:0;width:0;height:0;overflow:hidden;resize:none;white-space:nowrap}.Xterm_root_mvzq1b .composition-view{display:none;position:absolute;z-index:1;white-space:nowrap}.Xterm_root_mvzq1b .composition-view.active{display:block}.Xterm_root_mvzq1b .xterm-viewport{position:absolute;inset:0;cursor:default;overflow-y:scroll}.Xterm_root_mvzq1b .xterm-screen{position:relative}.Xterm_root_mvzq1b .xterm-screen canvas{position:absolute;top:0;left:0}.Xterm_root_mvzq1b.Xterm_enable-mouse-events_2geQYe{cursor:default}.Xterm_root_mvzq1b.Xterm_xterm-cursor-pointer_o2YVyV,.Xterm_root_mvzq1b .xterm-cursor-pointer{cursor:pointer}.Xterm_root_mvzq1b.Xterm_column-select_VJ8XQh.Xterm_focus_UeDupx{cursor:crosshair}.Xterm_root_mvzq1b .xterm-accessibility:not(.debug),.Xterm_root_mvzq1b .xterm-message{position:absolute;inset:0;z-index:10;pointer-events:none;color:transparent}.Xterm_root_mvzq1b .xterm-accessibility-tree:not(.debug) *::-moz-selection{color:transparent}.Xterm_root_mvzq1b .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.Xterm_root_mvzq1b .xterm-accessibility-tree{font-family:monospace;-webkit-user-select:text;-moz-user-select:text;user-select:text;white-space:pre}.Xterm_root_mvzq1b .xterm-accessibility-tree>div{transform-origin:left;width:-moz-fit-content;width:fit-content}.Xterm_root_mvzq1b .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.Xterm_root_mvzq1b .xterm-scrollable-element>.scrollbar{cursor:default}.Xterm_root_mvzq1b .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.Xterm_root_mvzq1b .xterm-scrollable-element>.visible{opacity:1;z-index:11;transition:opacity .1s linear}.Xterm_root_mvzq1b .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.Xterm_root_mvzq1b .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.Xterm_root_mvzq1b .xterm-scrollable-element>.shadow{display:none;position:absolute}.Xterm_root_mvzq1b .xterm-scrollable-element>.shadow.top{display:block;top:0;left:3px;box-shadow:#000 0 6px 6px -6px inset;width:100%;height:3px}.Xterm_root_mvzq1b .xterm-scrollable-element>.shadow.left{display:block;top:3px;left:0;box-shadow:#000 6px 0 6px -6px inset;width:3px;height:100%}.Xterm_root_mvzq1b .xterm-scrollable-element>.shadow.top-left-corner{display:block;top:0;left:0;width:3px;height:3px}.Xterm_root_mvzq1b .xterm-scrollable-element>.shadow.top.left{box-shadow:#000 6px 0 6px -6px inset}.Xterm_root_mvzq1b .xterm-screen .xterm-decoration-container .xterm-decoration{position:absolute;z-index:6}.Xterm_root_mvzq1b .xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.Xterm_root_mvzq1b .xterm-decoration-overview-ruler{position:absolute;top:0;right:0;z-index:8;pointer-events:none}.Xterm_root_mvzq1b .xterm-decoration-top{position:relative;z-index:2}}.Xterm_root_mvzq1b .scrollbar>.slider{border-radius:50px;max-width:100%;max-height:100%}.Xterm_root_mvzq1b .scrollbar.vertical{max-width:6px}.Xterm_root_mvzq1b .scrollbar.horizontal{max-height:6px}.xterm-char-measure-element{display:inline-block;position:absolute;top:0;left:-9999em;visibility:hidden;line-height:normal}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:double underline;text-decoration:double underline}.xterm-underline-3{-webkit-text-decoration:wavy underline;text-decoration:wavy underline}.xterm-underline-4{-webkit-text-decoration:dotted underline;text-decoration:dotted underline}.xterm-underline-5{-webkit-text-decoration:dashed underline;text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}

package/dist/Xterm/Xterm.module.css.js

@@ -0,0 +1,8 @@
+const o = "Xterm_root_mvzq1b", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};
+//# sourceMappingURL=Xterm.module.css.js.map

package/dist/Xterm/Xterm.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Xterm.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/Xterm/XtermClient.d.ts

@@ -0,0 +1,44 @@
+import { Terminal } from '@xterm/xterm';
+import type { PartialXtermOptions } from './types';
+/** ttyd WebSocket + xterm.js integration; used by `useXterm`. */
+export declare class XtermClient {
+    instance: Terminal;
+    private disposables;
+    private textEncoder;
+    private textDecoder;
+    private written;
+    private pending;
+    private fitAddon;
+    private clipboardAddon;
+    private webLinksAddon;
+    private webglAddon?;
+    private canvasAddon?;
+    private parent?;
+    private socket?;
+    private token;
+    private opened;
+    private title?;
+    private titleFixed?;
+    private reconnect;
+    private doReconnect;
+    private closeOnDisconnect;
+    private options;
+    private writeFunc;
+    constructor(options: PartialXtermOptions);
+    dispose(): void;
+    private register;
+    refreshToken(): Promise<void>;
+    private onWindowUnload;
+    open(parent: HTMLElement): void;
+    private initListeners;
+    writeData(data: string | Uint8Array): void;
+    sendData(data: string | Uint8Array): void;
+    connect(): void;
+    private onSocketOpen;
+    private onSocketClose;
+    private onSocketData;
+    private applyPreferences;
+    private setRendererType;
+    fit(): void;
+}
+//# sourceMappingURL=XtermClient.d.ts.map

package/dist/Xterm/XtermClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XtermClient.d.ts","sourceRoot":"","sources":["../../src/Xterm/XtermClient.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAMxC,OAAO,KAAK,EAAE,mBAAmB,EAA2C,MAAM,SAAS,CAAC;AAU5F,iEAAiE;AACjE,qBAAa,WAAW;IACb,QAAQ,EAAG,QAAQ,CAAC;IAE3B,OAAO,CAAC,WAAW,CAAqB;IACxC,OAAO,CAAC,WAAW,CAAqB;IACxC,OAAO,CAAC,WAAW,CAAqB;IACxC,OAAO,CAAC,OAAO,CAAK;IACpB,OAAO,CAAC,OAAO,CAAK;IAEpB,OAAO,CAAC,QAAQ,CAAkB;IAClC,OAAO,CAAC,cAAc,CAAwB;IAC9C,OAAO,CAAC,aAAa,CAAuB;IAC5C,OAAO,CAAC,UAAU,CAAC,CAAa;IAChC,OAAO,CAAC,WAAW,CAAC,CAAc;IAClC,OAAO,CAAC,MAAM,CAAC,CAAc;IAE7B,OAAO,CAAC,MAAM,CAAC,CAAY;IAC3B,OAAO,CAAC,KAAK,CAAU;IACvB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,KAAK,CAAC,CAAS;IACvB,OAAO,CAAC,UAAU,CAAC,CAAS;IAC5B,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,WAAW,CAAQ;IAC3B,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,OAAO,CAAe;IAE9B,OAAO,CAAC,SAAS,CAA+D;IAEhF,YAAY,OAAO,EAAE,mBAAmB,EAEvC;IAED,OAAO,SAYN;IAED,OAAO,CAAC,QAAQ;IAMH,YAAY,kBAiBxB;IAED,OAAO,CAAC,cAAc,CAYpB;IAEK,IAAI,CAAC,MAAM,EAAE,WAAW,QAqB9B;IAED,OAAO,CAAC,aAAa,CAmCnB;IAEK,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,QA0BzC;IAEM,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,QAsBxC;IAEM,OAAO,SAgBb;IAED,OAAO,CAAC,YAAY;IAmBpB,OAAO,CAAC,aAAa,CAqBnB;IAEF,OAAO,CAAC,YAAY,CAoBlB;IAEF,OAAO,CAAC,gBAAgB,CA+EtB;IAEF,OAAO,CAAC,eAAe;IA6EhB,GAAG,SAET;CACJ"}