@reforma/components 0.0.0-stage → 0.1.0

package/dist/Hotkey/hotkeysToSymbols.js

@@ -0,0 +1,42 @@
+import { capitalize as a } from "@reforma/lib";
+const n = typeof navigator < "u" && navigator.userAgent.includes("Mac"), e = n ? "⌘" : "Ctrl", i = n ? "⌥" : "Alt", l = n ? "⌃" : "Ctrl", u = n ? "⌫" : "Delete", S = n ? "⌫" : "Backspace", f = n ? "⇧" : "Shift", o = "Enter", L = "\\", s = {
+  up: "↑",
+  arrowup: "↑",
+  down: "↓",
+  arrowdown: "↓",
+  left: "←",
+  arrowleft: "←",
+  right: "→",
+  arrowright: "→",
+  plus: "+",
+  minus: "-",
+  // MacOS
+  command: "⌘",
+  option: "⌥",
+  control: "⌃",
+  // Windows / Linux / MacOS
+  meta: e,
+  mod: e,
+  shift: f,
+  cmd: e,
+  alt: i,
+  backslash: L,
+  backspace: S,
+  delete: u,
+  ctrl: l,
+  enter: o,
+  return: o
+};
+function M(t) {
+  return p(t).filter(Boolean).map((c) => {
+    const r = c.toLowerCase();
+    return r in s ? s[r] : a(r);
+  });
+}
+function p(t) {
+  return typeof t != "string" ? [...t] : t.length <= 1 ? [t] : t.split(/[_\s+]+/);
+}
+export {
+  M as hotkeysToSymbols
+};
+//# sourceMappingURL=hotkeysToSymbols.js.map

package/dist/Hotkey/hotkeysToSymbols.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hotkeysToSymbols.js","sources":["../../src/Hotkey/hotkeysToSymbols.ts"],"sourcesContent":["import { capitalize } from '@reforma/lib';\n\nexport type HotkeyValue = string | readonly string[];\n\nconst isMac = typeof navigator !== 'undefined' && navigator.userAgent.includes('Mac');\n\nconst COMMAND_SYMBOL = isMac ? '⌘' : 'Ctrl';\nconst ALT_SYMBOL = isMac ? '⌥' : 'Alt';\nconst CONTROL_SYMBOL = isMac ? '⌃' : 'Ctrl';\nconst DEL_SYMBOL = isMac ? '⌫' : 'Delete';\nconst BACKSPACE_SYMBOL = isMac ? '⌫' : 'Backspace';\nconst SHIFT_SYMBOL = isMac ? '⇧' : 'Shift';\nconst RETURN_SYMBOL = 'Enter';\nconst BACKSLASH_SYMBOL = '\\\\';\n\nconst HOTKEY_SYMBOLS = {\n    up: '↑',\n    arrowup: '↑',\n    down: '↓',\n    arrowdown: '↓',\n    left: '←',\n    arrowleft: '←',\n    right: '→',\n    arrowright: '→',\n    plus: '+',\n    minus: '-',\n\n    // MacOS\n    command: '⌘',\n    option: '⌥',\n    control: '⌃',\n\n    // Windows / Linux / MacOS\n    meta: COMMAND_SYMBOL,\n    mod: COMMAND_SYMBOL,\n    shift: SHIFT_SYMBOL,\n    cmd: COMMAND_SYMBOL,\n    alt: ALT_SYMBOL,\n    backslash: BACKSLASH_SYMBOL,\n    backspace: BACKSPACE_SYMBOL,\n    delete: DEL_SYMBOL,\n    ctrl: CONTROL_SYMBOL,\n    enter: RETURN_SYMBOL,\n    return: RETURN_SYMBOL,\n} as const;\n\n/** Transforms a hotkey identifier into readable key labels. */\nexport function hotkeysToSymbols(hotkey: HotkeyValue): string[] {\n    return getHotkeyKeys(hotkey)\n        .filter(Boolean)\n        .map((key) => {\n            const normalizedKey = key.toLowerCase();\n\n            if (normalizedKey in HOTKEY_SYMBOLS) {\n                return HOTKEY_SYMBOLS[normalizedKey as keyof typeof HOTKEY_SYMBOLS];\n            }\n\n            return capitalize(normalizedKey);\n        });\n}\n\nfunction getHotkeyKeys(hotkey: HotkeyValue): string[] {\n    if (typeof hotkey !== 'string') {\n        return [...hotkey];\n    }\n\n    if (hotkey.length <= 1) {\n        return [hotkey];\n    }\n\n    return hotkey.split(/[_\\s+]+/);\n}\n"],"names":["isMac","COMMAND_SYMBOL","ALT_SYMBOL","CONTROL_SYMBOL","DEL_SYMBOL","BACKSPACE_SYMBOL","SHIFT_SYMBOL","RETURN_SYMBOL","BACKSLASH_SYMBOL","HOTKEY_SYMBOLS","hotkeysToSymbols","hotkey","getHotkeyKeys","key","normalizedKey","capitalize"],"mappings":";AACA,MAAMA,IAAQ,OAAO,YAAc,OAAe,UAAU,UAAU,SAAS,KAAK,GAC9EC,IAAiBD,IAAQ,MAAM,QAC/BE,IAAaF,IAAQ,MAAM,OAC3BG,IAAiBH,IAAQ,MAAM,QAC/BI,IAAaJ,IAAQ,MAAM,UAC3BK,IAAmBL,IAAQ,MAAM,aACjCM,IAAeN,IAAQ,MAAM,SAC7BO,IAAgB,SAChBC,IAAmB,MACnBC,IAAiB;AAAA,EACrB,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,MAAM;AAAA,EACN,WAAW;AAAA,EACX,MAAM;AAAA,EACN,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,OAAO;AAAA;AAAA,EAEP,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA;AAAA,EAET,MAAMR;AAAA,EACN,KAAKA;AAAA,EACL,OAAOK;AAAA,EACP,KAAKL;AAAA,EACL,KAAKC;AAAA,EACL,WAAWM;AAAA,EACX,WAAWH;AAAA,EACX,QAAQD;AAAA,EACR,MAAMD;AAAA,EACN,OAAOI;AAAA,EACP,QAAQA;AACV;AAGO,SAASG,EAAiBC,GAAQ;AACvC,SAAOC,EAAcD,CAAM,EAAE,OAAO,OAAO,EAAE,IAAI,CAAAE,MAAO;AACtD,UAAMC,IAAgBD,EAAI,YAAA;AAC1B,WAAIC,KAAiBL,IACZA,EAAeK,CAAa,IAE9BC,EAAWD,CAAa;AAAA,EACjC,CAAC;AACH;AACA,SAASF,EAAcD,GAAQ;AAC7B,SAAI,OAAOA,KAAW,WACb,CAAC,GAAGA,CAAM,IAEfA,EAAO,UAAU,IACZ,CAACA,CAAM,IAETA,EAAO,MAAM,SAAS;AAC/B;"}

package/dist/Hotkey/index.d.ts

@@ -0,0 +1,5 @@
+export { Hotkey, tooltipWithHotkey } from './Hotkey';
+export { hotkeysToSymbols } from './hotkeysToSymbols';
+export type { HotkeyProps, HotkeySize } from './Hotkey';
+export type { HotkeyValue } from './hotkeysToSymbols';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Hotkey/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/Hotkey/index.js

@@ -0,0 +1,8 @@
+import { Hotkey as e, tooltipWithHotkey as r } from "./Hotkey.js";
+import { hotkeysToSymbols as k } from "./hotkeysToSymbols.js";
+export {
+  e as Hotkey,
+  k as hotkeysToSymbols,
+  r as tooltipWithHotkey
+};
+//# sourceMappingURL=index.js.map

package/dist/Hotkey/index.js.map

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

package/dist/HoverCard/HoverCard.d.ts

@@ -0,0 +1,42 @@
+import { type PopoverProps as RACPopoverProps } from 'react-aria-components';
+import { type OverlayWidth } from '../utils/resolveOverlayWidth';
+import type { CSSProperties, MouseEvent, ReactNode } from 'react';
+import type { Spacing } from '../types';
+export interface HoverCardProps {
+    children: ReactNode;
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    openDelay?: number;
+    closeDelay?: number;
+}
+export declare function HoverCard({ children, isOpen: isOpenProp, defaultOpen, onOpenChange, openDelay, closeDelay, }: HoverCardProps): import("react").JSX.Element;
+export declare namespace HoverCard {
+    var displayName: string;
+}
+export interface HoverCardTriggerProps {
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * Wraps the trigger element with hover listeners. Rendered as an inline-block
+ * span so it owns a real bounding rect for popover positioning.
+ */
+export declare function HoverCardTrigger({ children, className }: HoverCardTriggerProps): import("react").JSX.Element;
+export declare namespace HoverCardTrigger {
+    var displayName: string;
+}
+export type HoverCardSpacing = Spacing;
+export interface HoverCardContentProps extends Omit<RACPopoverProps, 'className' | 'style' | 'triggerRef' | 'isOpen' | 'onOpenChange'> {
+    className?: string;
+    spacing?: HoverCardSpacing;
+    style?: CSSProperties;
+    width?: OverlayWidth;
+    onMouseEnter?: (e: MouseEvent<HTMLElement>) => void;
+    onMouseLeave?: (e: MouseEvent<HTMLElement>) => void;
+}
+export declare function HoverCardContent({ className, children, spacing, style: styleProp, width, onMouseEnter, onMouseLeave, containerPadding, ...props }: HoverCardContentProps): import("react").JSX.Element;
+export declare namespace HoverCardContent {
+    var displayName: string;
+}
+//# sourceMappingURL=HoverCard.d.ts.map

package/dist/HoverCard/HoverCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.d.ts","sourceRoot":"","sources":["../../src/HoverCard/HoverCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,KAAK,YAAY,IAAI,eAAe,EACvC,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAGtF,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAmDxC,MAAM,WAAW,cAAc;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,EACtB,QAAQ,EACR,MAAM,EAAE,UAAU,EAClB,WAAW,EACX,YAAY,EACZ,SAAe,EACf,UAAgB,GACnB,EAAE,cAAc,+BA8DhB;yBArEe,SAAS;;;AAyEzB,MAAM,WAAW,qBAAqB;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,qBAAqB,+BAa9E;yBAbe,gBAAgB;;;AAiBhC,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;AAEvC,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,OAAO,GAAG,YAAY,GAAG,QAAQ,GAAG,cAAc,CAAC;IAClI,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACpD,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACvD;AAED,wBAAgB,gBAAgB,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,OAAc,EACd,KAAK,EAAE,SAAS,EAChB,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,gBAAoB,EACpB,GAAG,KAAK,EACX,EAAE,qBAAqB,+BA0BvB;yBApCe,gBAAgB"}

package/dist/HoverCard/HoverCard.js

@@ -0,0 +1,133 @@
+import { cn as h } from "@reforma/lib";
+import { useRef as x, useCallback as g, useEffect as S, useMemo as E, createContext as M, use as y } from "react";
+import { Popover as R } from "react-aria-components";
+import { resolveOverlayWidth as w } from "../utils/resolveOverlayWidth.js";
+import H from "./HoverCard.module.css.js";
+import { jsx as v } from "react/jsx-runtime";
+import { useControlledState as A } from "@react-stately/utils";
+const L = {
+  xxs: "p-xxs",
+  xs: "p-xs",
+  sm: "p-sm",
+  md: "p-md",
+  lg: "p-lg",
+  xl: "p-xl",
+  xxl: "p-xxl"
+}, P = {
+  xxs: 2,
+  xs: 4,
+  sm: 6,
+  md: 8,
+  lg: 12,
+  xl: 16,
+  xxl: 18
+}, T = /* @__PURE__ */ M(null);
+function N(r) {
+  const e = y(T);
+  if (!e)
+    throw new Error(`${r} must be rendered inside <HoverCard>`);
+  return e;
+}
+function O(r, e) {
+  return (t) => {
+    r?.(t), e?.(t);
+  };
+}
+function _({
+  children: r,
+  isOpen: e,
+  defaultOpen: t,
+  onOpenChange: l,
+  openDelay: u = 400,
+  closeDelay: i = 200
+}) {
+  const [a, n] = A(e, t ?? !1, l), o = x(null), s = x(null), p = x(null), m = () => {
+    o.current && (clearTimeout(o.current), o.current = null);
+  }, d = () => {
+    s.current && (clearTimeout(s.current), s.current = null);
+  }, f = g(() => {
+    d(), !o.current && (o.current = setTimeout(() => {
+      o.current = null, n(!0);
+    }, u));
+  }, [u, n]), c = g(() => {
+    m(), !s.current && (s.current = setTimeout(() => {
+      s.current = null, n(!1);
+    }, i));
+  }, [i, n]);
+  S(() => () => {
+    m(), d();
+  }, []);
+  const C = E(() => ({
+    isOpen: a,
+    setOpen: n,
+    scheduleOpen: f,
+    scheduleClose: c,
+    triggerRef: p
+  }), [a, n, f, c]);
+  return /* @__PURE__ */ v(T, {
+    value: C,
+    children: r
+  });
+}
+function b({
+  children: r,
+  className: e
+}) {
+  const {
+    scheduleOpen: t,
+    scheduleClose: l,
+    triggerRef: u
+  } = N("HoverCardTrigger");
+  return /* @__PURE__ */ v("span", {
+    ref: u,
+    className: h(H.trigger, e),
+    onMouseEnter: t,
+    onMouseLeave: l,
+    children: r
+  });
+}
+function F({
+  className: r,
+  children: e,
+  spacing: t = "md",
+  style: l,
+  width: u,
+  onMouseEnter: i,
+  onMouseLeave: a,
+  containerPadding: n = 8,
+  ...o
+}) {
+  const {
+    isOpen: s,
+    setOpen: p,
+    scheduleOpen: m,
+    scheduleClose: d,
+    triggerRef: f
+  } = N("HoverCardContent"), c = w(u), C = c != null || l != null ? {
+    ...l,
+    ...c
+  } : void 0;
+  return /* @__PURE__ */ v(R, {
+    triggerRef: f,
+    isOpen: s,
+    onOpenChange: p,
+    isNonModal: !0,
+    className: h(H.content, L[t], r),
+    style: C,
+    offset: P[t],
+    containerPadding: n,
+    ...o,
+    onMouseEnter: O(i, m),
+    onMouseLeave: O(a, d),
+    children: e
+  });
+}
+_.displayName = "HoverCard";
+b.displayName = "HoverCardTrigger";
+F.displayName = "HoverCardContent";
+export {
+  _ as HoverCard,
+  F as HoverCardContent,
+  b as HoverCardTrigger
+};
+//# sourceMappingURL=HoverCard.js.map

package/dist/HoverCard/HoverCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.js","sources":["../../src/HoverCard/HoverCard.tsx"],"sourcesContent":["import { cn } from '@reforma/lib';\nimport { createContext, use, useCallback, useEffect, useMemo, useRef } from 'react';\nimport {\n    Popover as RACPopover,\n    type PopoverProps as RACPopoverProps,\n} from 'react-aria-components';\n\nimport { useControlledState } from '../hooks';\nimport { resolveOverlayWidth, type OverlayWidth } from '../utils/resolveOverlayWidth';\nimport styles from './HoverCard.module.css';\n\nimport type { CSSProperties, MouseEvent, ReactNode, RefObject } from 'react';\nimport type { Spacing } from '../types';\n\nconst PADDING_CLASSES: Record<Spacing, string> = {\n    xxs: 'p-xxs',\n    xs: 'p-xs',\n    sm: 'p-sm',\n    md: 'p-md',\n    lg: 'p-lg',\n    xl: 'p-xl',\n    xxl: 'p-xxl',\n};\n\nconst SPACING_OFFSET_PX: Record<Spacing, number> = {\n    xxs: 2,\n    xs: 4,\n    sm: 6,\n    md: 8,\n    lg: 12,\n    xl: 16,\n    xxl: 18,\n};\n\ninterface HoverCardContextValue {\n    isOpen: boolean;\n    setOpen: (open: boolean) => void;\n    scheduleOpen: () => void;\n    scheduleClose: () => void;\n    triggerRef: RefObject<HTMLElement | null>;\n}\n\nconst HoverCardContext = createContext<HoverCardContextValue | null>(null);\n\nfunction useHoverCardContext(consumer: string): HoverCardContextValue {\n    const ctx = use(HoverCardContext);\n\n    if (!ctx) {\n        throw new Error(`${ consumer } must be rendered inside <HoverCard>`);\n    }\n\n    return ctx;\n}\n\nfunction chain<E>(a?: (e: E) => void, b?: (e: E) => void) {\n    return (e: E) => {\n        a?.(e);\n        b?.(e);\n    };\n}\n\n// ── Root ────────────────────────────────────────────────────────────────────\n\nexport interface HoverCardProps {\n    children: ReactNode;\n    isOpen?: boolean;\n    defaultOpen?: boolean;\n    onOpenChange?: (isOpen: boolean) => void;\n    openDelay?: number; // Delay before the card appears on hover (ms).\n    closeDelay?: number; // Delay before the card hides once the pointer leaves trigger + content (ms).\n}\n\nexport function HoverCard({\n    children,\n    isOpen: isOpenProp,\n    defaultOpen,\n    onOpenChange,\n    openDelay = 400,\n    closeDelay = 200,\n}: HoverCardProps) {\n    const [isOpen, setOpen] = useControlledState(isOpenProp, defaultOpen ?? false, onOpenChange);\n\n    const openTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const closeTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n    const triggerRef = useRef<HTMLElement | null>(null);\n\n    const clearOpen = () => {\n        if (openTimer.current) {\n            clearTimeout(openTimer.current);\n            openTimer.current = null;\n        }\n    };\n\n    const clearClose = () => {\n        if (closeTimer.current) {\n            clearTimeout(closeTimer.current);\n            closeTimer.current = null;\n        }\n    };\n\n    const scheduleOpen = useCallback(() => {\n        clearClose();\n\n        if (openTimer.current) {\n            return;\n        }\n\n        openTimer.current = setTimeout(() => {\n            openTimer.current = null;\n            setOpen(true);\n        }, openDelay);\n    }, [openDelay, setOpen]);\n\n    const scheduleClose = useCallback(() => {\n        clearOpen();\n\n        if (closeTimer.current) {\n            return;\n        }\n\n        closeTimer.current = setTimeout(() => {\n            closeTimer.current = null;\n            setOpen(false);\n        }, closeDelay);\n    }, [closeDelay, setOpen]);\n\n    useEffect(() => () => {\n        clearOpen();\n        clearClose();\n    }, []);\n\n    const ctx = useMemo<HoverCardContextValue>(\n        () => ({ isOpen, setOpen, scheduleOpen, scheduleClose, triggerRef }),\n        [isOpen, setOpen, scheduleOpen, scheduleClose]\n    );\n\n    return (\n        <HoverCardContext value={ ctx }>\n            { children }\n        </HoverCardContext>\n    );\n}\n\n// ── Trigger ─────────────────────────────────────────────────────────────────\n\nexport interface HoverCardTriggerProps {\n    children: ReactNode;\n    className?: string;\n}\n\n/**\n * Wraps the trigger element with hover listeners. Rendered as an inline-block\n * span so it owns a real bounding rect for popover positioning.\n */\nexport function HoverCardTrigger({ children, className }: HoverCardTriggerProps) {\n    const { scheduleOpen, scheduleClose, triggerRef } = useHoverCardContext('HoverCardTrigger');\n\n    return (\n        <span\n            ref={ triggerRef }\n            className={ cn(styles.trigger, className) }\n            onMouseEnter={ scheduleOpen }\n            onMouseLeave={ scheduleClose }\n        >\n            { children }\n        </span>\n    );\n}\n\n// ── Content ─────────────────────────────────────────────────────────────────\n\nexport type HoverCardSpacing = Spacing;\n\nexport interface HoverCardContentProps extends Omit<RACPopoverProps, 'className' | 'style' | 'triggerRef' | 'isOpen' | 'onOpenChange'> {\n    className?: string;\n    spacing?: HoverCardSpacing;\n    style?: CSSProperties;\n    width?: OverlayWidth;\n    onMouseEnter?: (e: MouseEvent<HTMLElement>) => void;\n    onMouseLeave?: (e: MouseEvent<HTMLElement>) => void;\n}\n\nexport function HoverCardContent({\n    className,\n    children,\n    spacing = 'md',\n    style: styleProp,\n    width,\n    onMouseEnter,\n    onMouseLeave,\n    containerPadding = 8,\n    ...props\n}: HoverCardContentProps) {\n    const { isOpen, setOpen, scheduleOpen, scheduleClose, triggerRef } = useHoverCardContext('HoverCardContent');\n\n    const widthStyle = resolveOverlayWidth(width);\n\n    const style = (widthStyle != null || styleProp != null)\n        ? { ...styleProp, ...widthStyle }\n        : undefined;\n\n    return (\n        <RACPopover\n            triggerRef={ triggerRef }\n            isOpen={ isOpen }\n            onOpenChange={ setOpen }\n            isNonModal\n            className={ cn(styles.content, PADDING_CLASSES[spacing], className) }\n            style={ style }\n            offset={ SPACING_OFFSET_PX[spacing] }\n            containerPadding={ containerPadding }\n            { ...props }\n            onMouseEnter={ chain(onMouseEnter, scheduleOpen) }\n            onMouseLeave={ chain(onMouseLeave, scheduleClose) }\n        >\n            { children }\n        </RACPopover>\n    );\n}\n\nHoverCard.displayName = 'HoverCard';\nHoverCardTrigger.displayName = 'HoverCardTrigger';\nHoverCardContent.displayName = 'HoverCardContent';\n"],"names":["PADDING_CLASSES","SPACING_OFFSET_PX","HoverCardContext","useHoverCardContext","consumer","ctx","use","chain","a","b","e","HoverCard","children","isOpenProp","defaultOpen","onOpenChange","openDelay","closeDelay","isOpen","setOpen","useControlledState","openTimer","useRef","closeTimer","triggerRef","clearOpen","clearClose","scheduleOpen","useCallback","scheduleClose","useEffect","useMemo","HoverCardTrigger","className","cn","styles","HoverCardContent","spacing","styleProp","width","onMouseEnter","onMouseLeave","containerPadding","props","widthStyle","resolveOverlayWidth","style","RACPopover"],"mappings":"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"}

package/dist/HoverCard/HoverCard.module.css

@@ -0,0 +1 @@
+@layer components{.HoverCard_trigger_jO262j{display:inline-block}.HoverCard_content_3ZDAbL{display:flex;flex-flow:column;border-radius:calc(var(--radius-lg) * 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-popover)!important;transition:transform var(--transition-duration-fast),opacity var(--transition-duration-fast);outline:none;box-shadow:var(--shadow-xl);border:var(--spacing-1) solid var(--color-surface-border);background:var(--color-surface-float);max-width:min(calc(100vw - var(--spacing-16)),20rem);color:var(--color-text);overflow-wrap:anywhere}.HoverCard_content_3ZDAbL:focus-visible{outline:none}.HoverCard_content_3ZDAbL[data-entering],.HoverCard_content_3ZDAbL[data-exiting]{transform:var(--hover-card-origin);opacity:0}.HoverCard_content_3ZDAbL[data-placement=top]{--hover-card-origin: translateY(var(--spacing-xs))}.HoverCard_content_3ZDAbL[data-placement=bottom]{--hover-card-origin: translateY(calc(-1 * var(--spacing-xs)))}.HoverCard_content_3ZDAbL[data-placement=right]{--hover-card-origin: translateX(calc(-1 * var(--spacing-xs)))}.HoverCard_content_3ZDAbL[data-placement=left]{--hover-card-origin: translateX(var(--spacing-xs))}}

package/dist/HoverCard/HoverCard.module.css.js

@@ -0,0 +1,10 @@
+const t = "HoverCard_trigger_jO262j", e = "HoverCard_content_3ZDAbL", r = {
+  trigger: t,
+  content: e
+};
+export {
+  e as content,
+  r as default,
+  t as trigger
+};
+//# sourceMappingURL=HoverCard.module.css.js.map

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

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

package/dist/HoverCard/index.d.ts

@@ -0,0 +1,2 @@
+export { HoverCard, HoverCardContent, HoverCardTrigger, type HoverCardContentProps, type HoverCardProps, type HoverCardSpacing, type HoverCardTriggerProps, } from './HoverCard';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/HoverCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,GAC7B,MAAM,aAAa,CAAC"}

package/dist/HoverCard/index.js

@@ -0,0 +1,7 @@
+import { HoverCard as o, HoverCardContent as C, HoverCardTrigger as a } from "./HoverCard.js";
+export {
+  o as HoverCard,
+  C as HoverCardContent,
+  a as HoverCardTrigger
+};
+//# sourceMappingURL=index.js.map

package/dist/HoverCard/index.js.map

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

package/dist/Image/Image.d.ts

@@ -0,0 +1,5 @@
+import type { ImgHTMLAttributes } from 'react';
+export type ImageProps = ImgHTMLAttributes<HTMLImageElement>;
+/** Native image with safe defaults; sizing and fit are left to callers. */
+export declare function Image({ draggable, ...props }: ImageProps): import("react").JSX.Element;
+//# sourceMappingURL=Image.d.ts.map

package/dist/Image/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,MAAM,MAAM,UAAU,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;AAE7D,2EAA2E;AAC3E,wBAAgB,KAAK,CAAC,EAAE,SAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAEhE"}

package/dist/Image/Image.js

@@ -0,0 +1,14 @@
+import { jsx as m } from "react/jsx-runtime";
+function t({
+  draggable: r = !1,
+  ...e
+}) {
+  return /* @__PURE__ */ m("img", {
+    draggable: r,
+    ...e
+  });
+}
+export {
+  t as Image
+};
+//# sourceMappingURL=Image.js.map

package/dist/Image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sources":["../../src/Image/Image.tsx"],"sourcesContent":["import type { ImgHTMLAttributes } from 'react';\n\nexport type ImageProps = ImgHTMLAttributes<HTMLImageElement>;\n\n/** Native image with safe defaults; sizing and fit are left to callers. */\nexport function Image({ draggable = false, ...props }: ImageProps) {\n    return <img draggable={ draggable } { ...props } />;\n}\n"],"names":["Image","draggable","props"],"mappings":";AAEO,SAASA,EAAM;AAAA,EACpB,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAG;AACD,2BAAyB,OAAO;AAAA,IAC9B,WAAAD;AAAA,IACA,GAAGC;AAAA,EAAA,CACJ;AACH;"}

package/dist/Image/index.d.ts

@@ -0,0 +1,2 @@
+export { Image, type ImageProps } from './Image';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/Image/index.js

@@ -0,0 +1,5 @@
+import { Image as o } from "./Image.js";
+export {
+  o as Image
+};
+//# sourceMappingURL=index.js.map

package/dist/Image/index.js.map

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

package/dist/Input/AngleUnitInput.d.ts

@@ -0,0 +1,31 @@
+import type { ReactNode } from 'react';
+import type { AngleControlSize, AnglePrecision, AnglePresetBehavior, AngleUnit, AngleValue, AngleValueRange } from '../AngleControl';
+export interface AngleUnitInputProps {
+    value?: AngleValue | null;
+    fallbackValue?: AngleValue;
+    placeholder?: string;
+    placeholderUnit?: AngleUnit;
+    units?: readonly AngleUnit[];
+    min?: number;
+    max?: number;
+    angleMin?: number;
+    angleMax?: number;
+    step?: number;
+    precision?: AnglePrecision;
+    valueRange?: AngleValueRange;
+    presetBehavior?: AnglePresetBehavior;
+    size?: AngleControlSize;
+    isActive?: boolean;
+    ariaLabel?: string;
+    angleAriaLabel?: string;
+    /** Content positioned against the numeric input, before the angle control. */
+    inputOverlay?: ReactNode;
+    onApply?: (value: AngleValue) => void;
+    onCommit?: (value: AngleValue) => boolean | void;
+    onClear?: () => void;
+}
+export declare function AngleUnitInput({ value, fallbackValue, placeholder, placeholderUnit, units, min, max, angleMin, angleMax, step, precision, valueRange, presetBehavior, size, isActive, ariaLabel, angleAriaLabel, inputOverlay, onApply, onCommit, onClear, }: AngleUnitInputProps): import("react").JSX.Element;
+export declare namespace AngleUnitInput {
+    var displayName: string;
+}
+//# sourceMappingURL=AngleUnitInput.d.ts.map

package/dist/Input/AngleUnitInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AngleUnitInput.d.ts","sourceRoot":"","sources":["../../src/Input/AngleUnitInput.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACR,gBAAgB,EAChB,cAAc,EACd,mBAAmB,EACnB,SAAS,EACT,UAAU,EACV,eAAe,EAClB,MAAM,iBAAiB,CAAC;AAkBzB,MAAM,WAAW,mBAAmB;IAChC,KAAK,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,KAAK,CAAC,EAAE,SAAS,SAAS,EAAE,CAAC;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8EAA8E;IAC9E,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,OAAO,GAAG,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,cAAc,CAAC,EAC3B,KAAK,EACL,aAAa,EACb,WAAW,EACX,eAAe,EACf,KAA2B,EAC3B,GAAG,EACH,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,UAAqB,EACrB,cAAc,EACd,IAAW,EACX,QAAQ,EACR,SAAyB,EACzB,cAAwB,EACxB,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,OAAO,GACV,EAAE,mBAAmB,+BAkGrB;yBAxHe,cAAc"}

package/dist/Input/AngleUnitInput.js

@@ -0,0 +1,138 @@
+import { parseAngleValue as W, isAngleUnit as q } from "@reforma/lib";
+import { useMemo as H, useState as J, useCallback as u } from "react";
+import { toDegrees as E } from "../AngleControl/angle.js";
+import { AngleControl as K } from "../AngleControl/AngleControl.js";
+import { Box as U } from "../Box/Box.js";
+import { UnitInput as Q } from "./UnitInput.js";
+import { jsxs as C, jsx as L } from "react/jsx-runtime";
+const N = {
+  value: 0,
+  unit: "deg"
+}, X = ["deg", "grad", "rad", "turn"], Y = {
+  deg: 1,
+  grad: 0.9,
+  rad: 180 / Math.PI,
+  turn: 360
+};
+function Z({
+  value: n,
+  fallbackValue: a,
+  placeholder: i,
+  placeholderUnit: A,
+  units: T = X,
+  min: _,
+  max: b,
+  angleMin: v,
+  angleMax: y,
+  step: d,
+  precision: D,
+  valueRange: F = "signed",
+  presetBehavior: G,
+  size: p = "sm",
+  isActive: M,
+  ariaLabel: R = "Angle value",
+  angleAriaLabel: V = "Angle",
+  inputOverlay: j,
+  onApply: s,
+  onCommit: g,
+  onClear: h
+}) {
+  const c = H(() => a ?? z(i, A), [a, i, A]), o = n != null, l = n ?? c, [m, I] = J(() => ({
+    angle: l,
+    externalAngle: l,
+    hasValue: o
+  })), x = m.hasValue !== o || !nn(m.externalAngle, l);
+  x && I({
+    angle: l,
+    externalAngle: l,
+    hasValue: o
+  });
+  const f = x ? l : m.angle, e = u((t) => {
+    I({
+      angle: t,
+      externalAngle: l,
+      hasValue: o
+    });
+  }, [l, o]), k = u((t) => {
+    const r = S(t);
+    r && (e(r), s?.(r));
+  }, [s, e]), w = u((t) => {
+    const r = S(t);
+    return r ? (e(r), g?.(r)) : !1;
+  }, [g, e]), O = u(() => {
+    e(c), h?.();
+  }, [c, h, e]), P = u((t) => {
+    e(t), s?.(t);
+  }, [s, e]), B = u((t) => {
+    e(t), g?.(t);
+  }, [g, e]);
+  return /* @__PURE__ */ C(U, {
+    direction: "row",
+    align: "center",
+    gap: "xs",
+    fullWidth: !0,
+    children: [/* @__PURE__ */ C(U, {
+      grow: !0,
+      style: {
+        position: "relative"
+      },
+      children: [/* @__PURE__ */ L(Q, {
+        size: p,
+        "aria-label": R,
+        value: o ? $(f) : null,
+        placeholder: i,
+        placeholderUnit: A ?? c.unit,
+        units: T,
+        min: _,
+        max: b,
+        step: d,
+        conversionRates: Y,
+        isActive: M,
+        onApply: k,
+        onCommit: w,
+        onClear: O
+      }), j]
+    }), /* @__PURE__ */ L(K, {
+      value: f,
+      unit: f.unit,
+      size: p,
+      min: v,
+      max: y,
+      step: d,
+      precision: D,
+      valueRange: F,
+      presetBehavior: G,
+      ariaLabel: V,
+      onChange: P,
+      onChangeEnd: B
+    })]
+  });
+}
+function S(n) {
+  return n?.type !== "unit" || !q(n.unit) ? null : {
+    value: n.value,
+    unit: n.unit
+  };
+}
+function $(n) {
+  return {
+    type: "unit",
+    value: n.value,
+    unit: n.unit
+  };
+}
+function z(n, a) {
+  const i = a ?? N.unit;
+  return W(n ?? "", i) ?? {
+    ...N,
+    unit: i
+  };
+}
+function nn(n, a) {
+  return Math.abs(E(n) - E(a)) < 1e-4;
+}
+Z.displayName = "AngleUnitInput";
+export {
+  Z as AngleUnitInput
+};
+//# sourceMappingURL=AngleUnitInput.js.map

package/dist/Input/AngleUnitInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AngleUnitInput.js","sources":["../../src/Input/AngleUnitInput.tsx"],"sourcesContent":["import { isAngleUnit, parseAngleValue } from '@reforma/lib';\nimport { useCallback, useMemo, useState } from 'react';\n\nimport { AngleControl, toDegrees } from '../AngleControl';\nimport { Box } from '../Box';\nimport { UnitInput } from './UnitInput';\n\nimport type { ReactNode } from 'react';\nimport type {\n    AngleControlSize,\n    AnglePrecision,\n    AnglePresetBehavior,\n    AngleUnit,\n    AngleValue,\n    AngleValueRange,\n} from '../AngleControl';\nimport type { ConversionRates, UnitInputValue } from './UnitInput';\n\nconst DEFAULT_ANGLE_VALUE: AngleValue = { value: 0, unit: 'deg' };\nconst DEFAULT_ANGLE_UNITS: readonly AngleUnit[] = ['deg', 'grad', 'rad', 'turn'];\nconst ANGLE_CONVERSION_RATES = {\n    deg: 1,\n    grad: 0.9,\n    rad: 180 / Math.PI,\n    turn: 360,\n} as const satisfies ConversionRates;\n\ninterface AngleInputState {\n    angle: AngleValue;\n    externalAngle: AngleValue;\n    hasValue: boolean;\n}\n\nexport interface AngleUnitInputProps {\n    value?: AngleValue | null;\n    fallbackValue?: AngleValue;\n    placeholder?: string;\n    placeholderUnit?: AngleUnit;\n    units?: readonly AngleUnit[];\n    min?: number;\n    max?: number;\n    angleMin?: number;\n    angleMax?: number;\n    step?: number;\n    precision?: AnglePrecision;\n    valueRange?: AngleValueRange;\n    presetBehavior?: AnglePresetBehavior;\n    size?: AngleControlSize;\n    isActive?: boolean;\n    ariaLabel?: string;\n    angleAriaLabel?: string;\n    /** Content positioned against the numeric input, before the angle control. */\n    inputOverlay?: ReactNode;\n    onApply?: (value: AngleValue) => void;\n    onCommit?: (value: AngleValue) => boolean | void;\n    onClear?: () => void;\n}\n\nexport function AngleUnitInput({\n    value,\n    fallbackValue,\n    placeholder,\n    placeholderUnit,\n    units = DEFAULT_ANGLE_UNITS,\n    min,\n    max,\n    angleMin,\n    angleMax,\n    step,\n    precision,\n    valueRange = 'signed',\n    presetBehavior,\n    size = 'sm',\n    isActive,\n    ariaLabel = 'Angle value',\n    angleAriaLabel = 'Angle',\n    inputOverlay,\n    onApply,\n    onCommit,\n    onClear,\n}: AngleUnitInputProps) {\n    const fallbackAngle = useMemo(\n        () => fallbackValue ?? angleFromPlaceholder(placeholder, placeholderUnit),\n        [fallbackValue, placeholder, placeholderUnit]\n    );\n    const hasValue = value != null;\n    const externalAngle = value ?? fallbackAngle;\n    const [state, setState] = useState<AngleInputState>(() => ({\n        angle: externalAngle,\n        externalAngle,\n        hasValue,\n    }));\n    const externalChanged = state.hasValue !== hasValue\n        || !isSameAngle(state.externalAngle, externalAngle);\n\n    if (externalChanged) {\n        setState({ angle: externalAngle, externalAngle, hasValue });\n    }\n\n    const angle = externalChanged ? externalAngle : state.angle;\n    const setAngle = useCallback((nextAngle: AngleValue) => {\n        setState({ angle: nextAngle, externalAngle, hasValue });\n    }, [externalAngle, hasValue]);\n\n    const handleInputApply = useCallback((nextValue: UnitInputValue) => {\n        const nextAngle = unitInputToAngleValue(nextValue);\n\n        if (nextAngle) {\n            setAngle(nextAngle);\n            onApply?.(nextAngle);\n        }\n    }, [onApply, setAngle]);\n\n    const handleInputCommit = useCallback((nextValue: UnitInputValue) => {\n        const nextAngle = unitInputToAngleValue(nextValue);\n\n        if (!nextAngle) {\n            return false;\n        }\n\n        setAngle(nextAngle);\n\n        return onCommit?.(nextAngle);\n    }, [onCommit, setAngle]);\n\n    const handleClear = useCallback(() => {\n        setAngle(fallbackAngle);\n        onClear?.();\n    }, [fallbackAngle, onClear, setAngle]);\n\n    const handleAngleApply = useCallback((nextValue: AngleValue) => {\n        setAngle(nextValue);\n        onApply?.(nextValue);\n    }, [onApply, setAngle]);\n\n    const handleAngleCommit = useCallback((nextValue: AngleValue) => {\n        setAngle(nextValue);\n        onCommit?.(nextValue);\n    }, [onCommit, setAngle]);\n\n    return (\n        <Box direction=\"row\" align=\"center\" gap=\"xs\" fullWidth>\n            <Box grow style={ { position: 'relative' } }>\n                <UnitInput\n                    size={ size }\n                    aria-label={ ariaLabel }\n                    value={ hasValue ? angleToUnitInput(angle) : null }\n                    placeholder={ placeholder }\n                    placeholderUnit={ placeholderUnit ?? fallbackAngle.unit }\n                    units={ units }\n                    min={ min }\n                    max={ max }\n                    step={ step }\n                    conversionRates={ ANGLE_CONVERSION_RATES }\n                    isActive={ isActive }\n                    onApply={ handleInputApply }\n                    onCommit={ handleInputCommit }\n                    onClear={ handleClear }\n                />\n                { inputOverlay }\n            </Box>\n\n            <AngleControl\n                value={ angle }\n                unit={ angle.unit }\n                size={ size }\n                min={ angleMin }\n                max={ angleMax }\n                step={ step }\n                precision={ precision }\n                valueRange={ valueRange }\n                presetBehavior={ presetBehavior }\n                ariaLabel={ angleAriaLabel }\n                onChange={ handleAngleApply }\n                onChangeEnd={ handleAngleCommit }\n            />\n        </Box>\n    );\n}\n\nfunction unitInputToAngleValue(value: UnitInputValue | null): AngleValue | null {\n    if (value?.type !== 'unit' || !isAngleUnit(value.unit)) {\n        return null;\n    }\n\n    return { value: value.value, unit: value.unit };\n}\n\nfunction angleToUnitInput(value: AngleValue): UnitInputValue {\n    return {\n        type: 'unit',\n        value: value.value,\n        unit: value.unit,\n    };\n}\n\nfunction angleFromPlaceholder(\n    placeholder: string | undefined,\n    placeholderUnit: AngleUnit | undefined\n): AngleValue {\n    const fallbackUnit = placeholderUnit ?? DEFAULT_ANGLE_VALUE.unit;\n\n    return parseAngleValue(placeholder ?? '', fallbackUnit) ?? { ...DEFAULT_ANGLE_VALUE, unit: fallbackUnit };\n}\n\nfunction isSameAngle(first: AngleValue, second: AngleValue): boolean {\n    return Math.abs(toDegrees(first) - toDegrees(second)) < 0.0001;\n}\n\nAngleUnitInput.displayName = 'AngleUnitInput';\n"],"names":["DEFAULT_ANGLE_VALUE","DEFAULT_ANGLE_UNITS","ANGLE_CONVERSION_RATES","AngleUnitInput","value","fallbackValue","placeholder","placeholderUnit","units","min","max","angleMin","angleMax","step","precision","valueRange","presetBehavior","size","isActive","ariaLabel","angleAriaLabel","inputOverlay","onApply","onCommit","onClear","fallbackAngle","useMemo","angleFromPlaceholder","hasValue","externalAngle","state","setState","useState","externalChanged","isSameAngle","angle","setAngle","useCallback","nextAngle","handleInputApply","nextValue","unitInputToAngleValue","handleInputCommit","handleClear","handleAngleApply","handleAngleCommit","Box","_jsxs","_jsx","UnitInput","angleToUnitInput","AngleControl","isAngleUnit","fallbackUnit","parseAngleValue","first","second","toDegrees"],"mappings":"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"}

package/dist/Input/Input.d.ts

@@ -0,0 +1,58 @@
+import { type ReactNode, type Ref } from 'react';
+import { type NumberFieldProps as AriaNumberFieldProps, type TextFieldProps as AriaTextFieldProps } from 'react-aria-components';
+export type InputVariant = 'filled' | 'bordered' | 'transparent' | 'inline';
+export type InputSize = 'xs' | 'sm' | 'md' | 'lg';
+/**
+ * Opt-in flush control affix for slotted prefix/suffix (buttons, icons).
+ *
+ * @example
+ * <Input>
+ *   <Button slot="suffix" data-input-affix={INPUT_CONTROL_AFFIX}>Apply</Button>
+ * </Input>
+ */
+export declare const INPUT_CONTROL_AFFIX = "control";
+type NumberInputProps = Omit<AriaNumberFieldProps, 'type' | 'spellCheck'> & {
+    type: 'number';
+    inputRef?: Ref<HTMLInputElement>;
+    interactionStep?: number;
+    shiftStep?: number;
+    roundTo?: number;
+    /** RAC NumberField omits this — wire onto the inner input. */
+    placeholder?: string;
+};
+export type TextInputProps = Omit<AriaTextFieldProps, 'type' | 'size' | 'spellCheck'> & {
+    placeholder?: string;
+    inputRef?: Ref<HTMLInputElement | null>;
+    type: 'text' | 'email' | 'password' | 'search' | 'tel' | 'url';
+    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
+    onChange?: (value: string) => void;
+    onPaste?: React.ClipboardEventHandler<HTMLInputElement>;
+};
+type ReformaInputProps = {
+    ref?: Ref<HTMLDivElement | null>;
+    variant?: InputVariant;
+    size?: InputSize;
+    htmlSize?: number;
+    /** Size the field to the typed value instead of filling the parent. Works with `type="number"`. */
+    hug?: boolean;
+    prefix?: string;
+    suffix?: string;
+    children?: ReactNode;
+    className?: string;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    isReadOnly?: boolean;
+    isActive?: boolean;
+    autoFocus?: boolean;
+    onPress?: () => void;
+    onSubmit?: () => void;
+    scrubHandle?: boolean;
+    spellCheck?: boolean;
+};
+export type InputProps = (ReformaInputProps & NumberInputProps) | (ReformaInputProps & TextInputProps);
+export declare function Input(props: InputProps): import("react").JSX.Element;
+export declare namespace Input {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=Input.d.ts.map

package/dist/Input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,EASH,KAAK,SAAS,EACd,KAAK,GAAG,EAEX,MAAM,OAAO,CAAC;AACf,OAAO,EASH,KAAK,gBAAgB,IAAI,oBAAoB,EAC7C,KAAK,cAAc,IAAI,kBAAkB,EAC5C,MAAM,uBAAuB,CAAC;AAsB/B,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,aAAa,GAAG,QAAQ,CAAC;AAC5E,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,YAAY,CAAC;AAE7C,KAAK,gBAAgB,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,GAAG,YAAY,CAAC,GAAG;IACxE,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC,GAAG;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACxC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;IAC/D,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,WAAW,CAAC,CAAC;IAChE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,CAAC;CAC3D,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACrB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mGAAmG;IACnG,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,CAAC,iBAAiB,GAAG,gBAAgB,CAAC,GAAG,CAAC,iBAAiB,GAAG,cAAc,CAAC,CAAC;AA2OvG,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,+BAuLtC;yBAvLe,KAAK"}