@reforma/components 0.0.0-stage → 0.1.0

package/dist/Popover/useContextMenu.js

@@ -0,0 +1,30 @@
+import { useRef as u, useState as i, useCallback as l } from "react";
+function p(e, n) {
+  const r = new DOMRect(e, n, 0, 0), t = document.createElement("div");
+  return t.getBoundingClientRect = () => r, t.style.position = "fixed", t.style.top = `${n}px`, t.style.left = `${e}px`, t.style.width = "0", t.style.height = "0", t.style.pointerEvents = "none", document.body.appendChild(t), t;
+}
+function d() {
+  const e = u(null), [n, r] = i(!1), t = l((o) => {
+    o.preventDefault(), e.current?.parentNode && e.current.parentNode.removeChild(e.current), e.current = p(o.clientX, o.clientY), r(!0);
+  }, []), c = l(() => {
+    r(!1), e.current?.parentNode && (e.current.parentNode.removeChild(e.current), e.current = null);
+  }, []), s = l((o) => {
+    o ? r(!0) : c();
+  }, [c]);
+  return {
+    areaProps: {
+      onContextMenu: t
+    },
+    popoverProps: {
+      triggerRef: e,
+      isOpen: n,
+      onOpenChange: s
+    },
+    isOpen: n,
+    close: c
+  };
+}
+export {
+  d as useContextMenu
+};
+//# sourceMappingURL=useContextMenu.js.map

package/dist/Popover/useContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContextMenu.js","sources":["../../src/Popover/useContextMenu.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport type { MouseEvent, RefObject } from 'react';\nimport type { PopoverProps } from './Popover';\n\nexport interface UseContextMenuResult {\n    /** Spread onto the element that should respond to right-click. */\n    areaProps: {\n        onContextMenu: (e: MouseEvent) => void;\n    };\n\n    /** Spread onto `<Popover>` to control open state and positioning. */\n    popoverProps: Pick<PopoverProps, 'isOpen' | 'onOpenChange'> & {\n        triggerRef: RefObject<Element | null>;\n    };\n\n    /** Whether the context menu is currently open. */\n    isOpen: boolean;\n\n    /** Programmatically close the context menu. */\n    close: () => void;\n}\n\n/**\n * Creates a minimal virtual DOM element at the given coordinates.\n * RAC Popover uses ResizeObserver on the trigger, so the object\n * must satisfy the Element interface enough for `observe()` to work.\n */\nfunction createVirtualTrigger(x: number, y: number): Element {\n    const rect = new DOMRect(x, y, 0, 0);\n    const element = document.createElement('div');\n\n    element.getBoundingClientRect = () => rect;\n    element.style.position = 'fixed';\n    element.style.top = `${ y }px`;\n    element.style.left = `${ x }px`;\n    element.style.width = '0';\n    element.style.height = '0';\n    element.style.pointerEvents = 'none';\n\n    document.body.appendChild(element);\n\n    return element;\n}\n\n/**\n * Hook for opening a `<Popover>` as a context menu (right-click).\n *\n * Uses a real zero-size DOM element positioned at the cursor so\n * React Aria's ResizeObserver and positioning work correctly.\n *\n * **Important:** Only render the `<Popover>` when `isOpen` is `true`.\n *\n * @example\n * ```tsx\n * const contextMenu = useContextMenu();\n *\n * <div { ...contextMenu.areaProps }>\n *   <Card />\n * </div>\n *\n * <Show when={ contextMenu.isOpen }>\n *   <Popover { ...contextMenu.popoverProps } placement=\"bottom start\">\n *     <Menu onAction={ handleAction } aria-label=\"Actions\">\n *       <MenuItem>Edit</MenuItem>\n *       <MenuItem isDanger>Delete</MenuItem>\n *     </Menu>\n *   </Popover>\n * </Show>\n * ```\n */\nexport function useContextMenu(): UseContextMenuResult {\n    const triggerRef = useRef<Element>(null);\n    const [isOpen, setIsOpen] = useState(false);\n\n    const onContextMenu = useCallback((e: MouseEvent) => {\n        e.preventDefault();\n\n        // Remove previous virtual trigger if any\n        if (triggerRef.current?.parentNode) {\n            triggerRef.current.parentNode.removeChild(triggerRef.current);\n        }\n\n        (triggerRef as { current: Element }).current = createVirtualTrigger(e.clientX, e.clientY);\n        setIsOpen(true);\n    }, []);\n\n    const close = useCallback(() => {\n        setIsOpen(false);\n\n        // Cleanup virtual trigger\n        if (triggerRef.current?.parentNode) {\n            triggerRef.current.parentNode.removeChild(triggerRef.current);\n            (triggerRef as { current: Element | null }).current = null;\n        }\n    }, []);\n\n    const handleOpenChange = useCallback((open: boolean) => {\n        if (!open) {\n            close();\n        }\n        else {\n            setIsOpen(true);\n        }\n    }, [close]);\n\n    return {\n        areaProps: { onContextMenu },\n        popoverProps: { triggerRef, isOpen, onOpenChange: handleOpenChange },\n        isOpen,\n        close,\n    };\n}\n"],"names":["createVirtualTrigger","x","y","rect","element","useContextMenu","triggerRef","useRef","isOpen","setIsOpen","useState","onContextMenu","useCallback","e","close","handleOpenChange","open"],"mappings":";AAMA,SAASA,EAAqBC,GAAGC,GAAG;AAClC,QAAMC,IAAO,IAAI,QAAQF,GAAGC,GAAG,GAAG,CAAC,GAC7BE,IAAU,SAAS,cAAc,KAAK;AAC5C,SAAAA,EAAQ,wBAAwB,MAAMD,GACtCC,EAAQ,MAAM,WAAW,SACzBA,EAAQ,MAAM,MAAM,GAAGF,CAAC,MACxBE,EAAQ,MAAM,OAAO,GAAGH,CAAC,MACzBG,EAAQ,MAAM,QAAQ,KACtBA,EAAQ,MAAM,SAAS,KACvBA,EAAQ,MAAM,gBAAgB,QAC9B,SAAS,KAAK,YAAYA,CAAO,GAC1BA;AACT;AA4BO,SAASC,IAAiB;AAC/B,QAAMC,IAAaC,EAAO,IAAI,GACxB,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpCC,IAAgBC,EAAY,CAAAC,MAAK;AACrC,IAAAA,EAAE,eAAA,GAGEP,EAAW,SAAS,cACtBA,EAAW,QAAQ,WAAW,YAAYA,EAAW,OAAO,GAE9DA,EAAW,UAAUN,EAAqBa,EAAE,SAASA,EAAE,OAAO,GAC9DJ,EAAU,EAAI;AAAA,EAChB,GAAG,CAAA,CAAE,GACCK,IAAQF,EAAY,MAAM;AAC9B,IAAAH,EAAU,EAAK,GAGXH,EAAW,SAAS,eACtBA,EAAW,QAAQ,WAAW,YAAYA,EAAW,OAAO,GAC5DA,EAAW,UAAU;AAAA,EAEzB,GAAG,CAAA,CAAE,GACCS,IAAmBH,EAAY,CAAAI,MAAQ;AAC3C,IAAKA,IAGHP,EAAU,EAAI,IAFdK,EAAA;AAAA,EAIJ,GAAG,CAACA,CAAK,CAAC;AACV,SAAO;AAAA,IACL,WAAW;AAAA,MACT,eAAAH;AAAA,IAAA;AAAA,IAEF,cAAc;AAAA,MACZ,YAAAL;AAAA,MACA,QAAAE;AAAA,MACA,cAAcO;AAAA,IAAA;AAAA,IAEhB,QAAAP;AAAA,IACA,OAAAM;AAAA,EAAA;AAEJ;"}

package/dist/Pressable/index.d.ts

@@ -0,0 +1,2 @@
+export { Pressable } from 'react-aria-components';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/Pressable/index.js

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

package/dist/Pressable/index.js.map

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

package/dist/PreviewInput/PreviewInput.d.ts

@@ -0,0 +1,49 @@
+import type { ReactNode, Ref } from 'react';
+import type { InputSize, InputVariant, TextInputProps } from '../Input';
+import type { ColorSwatchProps, ImageSwatchProps, SwatchProps } from '../Swatch';
+export type PreviewInputSize = InputSize;
+export type PreviewInputVariant = InputVariant;
+export type PreviewInputPreview = PreviewInputColorPreview | PreviewInputImagePreview | PreviewInputCustomPreview;
+export interface PreviewInputColorPreview {
+    kind: 'color';
+    ref?: ColorSwatchProps['ref'];
+    color?: ColorSwatchProps['color'];
+    ariaLabel?: string;
+    isDisabled?: boolean;
+    onPress?: ColorSwatchProps['onPress'];
+}
+export interface PreviewInputImagePreview {
+    kind: 'image';
+    ref?: ImageSwatchProps['ref'];
+    src?: ImageSwatchProps['src'];
+    alt?: ImageSwatchProps['alt'];
+    ariaLabel?: string;
+    isDisabled?: boolean;
+    onPress?: ImageSwatchProps['onPress'];
+}
+export interface PreviewInputCustomPreview {
+    kind: 'custom';
+    ref?: SwatchProps['ref'];
+    content?: ReactNode;
+    ariaLabel?: string;
+    isDisabled?: boolean;
+    onPress?: SwatchProps['onPress'];
+}
+export interface PreviewInputProps extends Omit<TextInputProps, 'children' | 'className' | 'size' | 'type'> {
+    ref?: Ref<HTMLDivElement | null>;
+    className?: string;
+    size?: PreviewInputSize;
+    variant?: PreviewInputVariant;
+    preview?: PreviewInputPreview;
+    action?: ReactNode;
+    children?: ReactNode;
+    isActive?: boolean;
+    isInvalid?: boolean;
+    onPress?: () => void;
+    onSubmit?: () => void;
+}
+export declare function PreviewInput({ ref, size, variant, value, placeholder, preview, action, children, isDisabled, ...props }: PreviewInputProps): import("react").JSX.Element;
+export declare namespace PreviewInput {
+    var displayName: string;
+}
+//# sourceMappingURL=PreviewInput.d.ts.map

package/dist/PreviewInput/PreviewInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewInput.d.ts","sourceRoot":"","sources":["../../src/PreviewInput/PreviewInput.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAEjF,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC;AACzC,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC;AAC/C,MAAM,MAAM,mBAAmB,GACvB,wBAAwB,GACxB,wBAAwB,GACxB,yBAAyB,CAAC;AAElC,MAAM,WAAW,wBAAwB;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;CACzC;AAED,MAAM,WAAW,wBAAwB;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC9B,GAAG,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC9B,GAAG,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;CACzC;AAED,MAAM,WAAW,yBAAyB;IACtC,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IACzB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;IACvG,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,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;CACzB;AAED,wBAAgB,YAAY,CAAC,EACzB,GAAG,EACH,IAAW,EACX,OAAkB,EAClB,KAAK,EACL,WAAW,EACX,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,EACV,GAAG,KAAK,EACX,EAAE,iBAAiB,+BAwBnB;yBAnCe,YAAY"}

package/dist/PreviewInput/PreviewInput.js

@@ -0,0 +1,69 @@
+import { Input as d } from "../Input/Input.js";
+import { filterSlots as P } from "../Slot/Slot.js";
+import { ImageSwatch as b, Swatch as h, ColorSwatch as S } from "../Swatch/Swatch.js";
+import x from "./PreviewInput.module.css.js";
+import { jsxs as I, jsx as l } from "react/jsx-runtime";
+function y({
+  ref: o,
+  size: t = "sm",
+  variant: a = "filled",
+  value: r,
+  placeholder: e,
+  preview: n,
+  action: i,
+  children: m,
+  isDisabled: s,
+  ...u
+}) {
+  const c = n ? L(n, t, !!s) : null, f = i ?? P(m, "action");
+  return /* @__PURE__ */ I(d, {
+    ref: o,
+    type: "text",
+    value: r,
+    placeholder: e,
+    size: t,
+    variant: a,
+    isDisabled: s,
+    ...u,
+    children: [c ? /* @__PURE__ */ l("span", {
+      slot: "prefix",
+      className: x.previewSlot,
+      "data-size": t,
+      children: c
+    }) : null, f ? /* @__PURE__ */ l("span", {
+      slot: "suffix",
+      children: f
+    }) : null]
+  });
+}
+y.displayName = "PreviewInput";
+function L(o, t, a) {
+  const r = o.isDisabled ?? a;
+  return o.kind === "image" ? /* @__PURE__ */ l(b, {
+    ref: o.ref,
+    size: t,
+    src: o.src,
+    alt: o.alt,
+    isDisabled: r,
+    "aria-label": o.ariaLabel,
+    onPress: o.onPress
+  }) : o.kind === "custom" ? /* @__PURE__ */ l(h, {
+    ref: o.ref,
+    size: t,
+    isDisabled: r,
+    "aria-label": o.ariaLabel,
+    onPress: o.onPress,
+    children: o.content
+  }) : /* @__PURE__ */ l(S, {
+    ref: o.ref,
+    size: t,
+    color: o.color,
+    isDisabled: r,
+    "aria-label": o.ariaLabel,
+    onPress: o.onPress
+  });
+}
+export {
+  y as PreviewInput
+};
+//# sourceMappingURL=PreviewInput.js.map

package/dist/PreviewInput/PreviewInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewInput.js","sources":["../../src/PreviewInput/PreviewInput.tsx"],"sourcesContent":["import { Input } from '../Input';\nimport { filterSlots } from '../Slot';\nimport { ColorSwatch, ImageSwatch, Swatch } from '../Swatch';\nimport styles from './PreviewInput.module.css';\n\nimport type { ReactNode, Ref } from 'react';\nimport type { InputSize, InputVariant, TextInputProps } from '../Input';\nimport type { ColorSwatchProps, ImageSwatchProps, SwatchProps } from '../Swatch';\n\nexport type PreviewInputSize = InputSize;\nexport type PreviewInputVariant = InputVariant;\nexport type PreviewInputPreview\n    = | PreviewInputColorPreview\n      | PreviewInputImagePreview\n      | PreviewInputCustomPreview;\n\nexport interface PreviewInputColorPreview {\n    kind: 'color';\n    ref?: ColorSwatchProps['ref'];\n    color?: ColorSwatchProps['color'];\n    ariaLabel?: string;\n    isDisabled?: boolean;\n    onPress?: ColorSwatchProps['onPress'];\n}\n\nexport interface PreviewInputImagePreview {\n    kind: 'image';\n    ref?: ImageSwatchProps['ref'];\n    src?: ImageSwatchProps['src'];\n    alt?: ImageSwatchProps['alt'];\n    ariaLabel?: string;\n    isDisabled?: boolean;\n    onPress?: ImageSwatchProps['onPress'];\n}\n\nexport interface PreviewInputCustomPreview {\n    kind: 'custom';\n    ref?: SwatchProps['ref'];\n    content?: ReactNode;\n    ariaLabel?: string;\n    isDisabled?: boolean;\n    onPress?: SwatchProps['onPress'];\n}\n\nexport interface PreviewInputProps extends Omit<TextInputProps, 'children' | 'className' | 'size' | 'type'> {\n    ref?: Ref<HTMLDivElement | null>;\n    className?: string;\n    size?: PreviewInputSize;\n    variant?: PreviewInputVariant;\n    preview?: PreviewInputPreview;\n    action?: ReactNode;\n    children?: ReactNode;\n    isActive?: boolean;\n    isInvalid?: boolean;\n    onPress?: () => void;\n    onSubmit?: () => void;\n}\n\nexport function PreviewInput({\n    ref,\n    size = 'sm',\n    variant = 'filled',\n    value,\n    placeholder,\n    preview,\n    action,\n    children,\n    isDisabled,\n    ...props\n}: PreviewInputProps) {\n    const previewSlot = preview ? renderPreview(preview, size, Boolean(isDisabled)) : null;\n    const actionSlot = action ?? filterSlots(children, 'action');\n\n    return (\n        <Input\n            ref={ ref }\n            type=\"text\"\n            value={ value }\n            placeholder={ placeholder }\n            size={ size }\n            variant={ variant }\n            isDisabled={ isDisabled }\n            { ...props }\n        >\n            {\n                previewSlot\n                    ? <span slot=\"prefix\" className={ styles.previewSlot } data-size={ size }>{ previewSlot }</span>\n                    : null\n            }\n\n            {actionSlot ? <span slot=\"suffix\">{ actionSlot }</span> : null}\n        </Input>\n    );\n}\n\nPreviewInput.displayName = 'PreviewInput';\n\nfunction renderPreview(\n    preview: PreviewInputPreview,\n    size: PreviewInputSize,\n    isInputDisabled: boolean\n): ReactNode {\n    const isDisabled = preview.isDisabled ?? isInputDisabled;\n\n    if (preview.kind === 'image') {\n        return (\n            <ImageSwatch\n                ref={ preview.ref }\n                size={ size }\n                src={ preview.src }\n                alt={ preview.alt }\n                isDisabled={ isDisabled }\n                aria-label={ preview.ariaLabel }\n                onPress={ preview.onPress }\n            />\n        );\n    }\n\n    if (preview.kind === 'custom') {\n        return (\n            <Swatch\n                ref={ preview.ref }\n                size={ size }\n                isDisabled={ isDisabled }\n                aria-label={ preview.ariaLabel }\n                onPress={ preview.onPress }\n            >\n                { preview.content }\n            </Swatch>\n        );\n    }\n\n    return (\n        <ColorSwatch\n            ref={ preview.ref }\n            size={ size }\n            color={ preview.color }\n            isDisabled={ isDisabled }\n            aria-label={ preview.ariaLabel }\n            onPress={ preview.onPress }\n        />\n    );\n}\n"],"names":["PreviewInput","ref","size","variant","value","placeholder","preview","action","children","isDisabled","props","previewSlot","renderPreview","actionSlot","filterSlots","Input","_jsx","styles","isInputDisabled","ImageSwatch","Swatch","ColorSwatch"],"mappings":";;;;;AAKO,SAASA,EAAa;AAAA,EAC3B,KAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AACD,QAAMC,IAAcL,IAAUM,EAAcN,GAASJ,GAAM,EAAQO,CAAW,IAAI,MAC5EI,IAAaN,KAAUO,EAAYN,GAAU,QAAQ;AAC3D,2BAA0BO,GAAO;AAAA,IAC/B,KAAAd;AAAA,IACA,MAAM;AAAA,IACN,OAAAG;AAAA,IACA,aAAAC;AAAA,IACA,MAAAH;AAAA,IACA,SAAAC;AAAA,IACA,YAAAM;AAAA,IACA,GAAGC;AAAA,IACH,UAAU,CAACC,IAA2BK,gBAAAA,EAAK,QAAQ;AAAA,MACjD,MAAM;AAAA,MACN,WAAWC,EAAO;AAAA,MAClB,aAAaf;AAAA,MACb,UAAUS;AAAA,IAAA,CACX,IAAI,MAAME,sBAA+B,QAAQ;AAAA,MAChD,MAAM;AAAA,MACN,UAAUA;AAAA,IAAA,CACX,IAAI,IAAI;AAAA,EAAA,CACV;AACH;AACAb,EAAa,cAAc;AAC3B,SAASY,EAAcN,GAASJ,GAAMgB,GAAiB;AACrD,QAAMT,IAAaH,EAAQ,cAAcY;AACzC,SAAIZ,EAAQ,SAAS,4BACMa,GAAa;AAAA,IACpC,KAAKb,EAAQ;AAAA,IACb,MAAAJ;AAAA,IACA,KAAKI,EAAQ;AAAA,IACb,KAAKA,EAAQ;AAAA,IACb,YAAAG;AAAA,IACA,cAAcH,EAAQ;AAAA,IACtB,SAASA,EAAQ;AAAA,EAAA,CAClB,IAECA,EAAQ,SAAS,6BACMc,GAAQ;AAAA,IAC/B,KAAKd,EAAQ;AAAA,IACb,MAAAJ;AAAA,IACA,YAAAO;AAAA,IACA,cAAcH,EAAQ;AAAA,IACtB,SAASA,EAAQ;AAAA,IACjB,UAAUA,EAAQ;AAAA,EAAA,CACnB,sBAEsBe,GAAa;AAAA,IACpC,KAAKf,EAAQ;AAAA,IACb,MAAAJ;AAAA,IACA,OAAOI,EAAQ;AAAA,IACf,YAAAG;AAAA,IACA,cAAcH,EAAQ;AAAA,IACtB,SAASA,EAAQ;AAAA,EAAA,CAClB;AACH;"}

package/dist/PreviewInput/PreviewInput.module.css

@@ -0,0 +1 @@
+@layer components{.PreviewInput_previewSlot_L27P7j{--reforma-preview-slot-size: var(--spacing-22);margin-inline-start:calc(((var(--reforma-input-height) - var(--reforma-preview-slot-size)) / 2) - var(--reforma-input-padding-inline))}.PreviewInput_previewSlot_L27P7j[data-size=xs]{--reforma-preview-slot-size: var(--spacing-16)}.PreviewInput_previewSlot_L27P7j[data-size=sm]{--reforma-preview-slot-size: var(--spacing-22)}.PreviewInput_previewSlot_L27P7j[data-size=md]{--reforma-preview-slot-size: var(--spacing-24)}.PreviewInput_previewSlot_L27P7j[data-size=lg]{--reforma-preview-slot-size: var(--spacing-32)}}

package/dist/PreviewInput/PreviewInput.module.css.js

@@ -0,0 +1,8 @@
+const e = "PreviewInput_previewSlot_L27P7j", t = {
+  previewSlot: e
+};
+export {
+  t as default,
+  e as previewSlot
+};
+//# sourceMappingURL=PreviewInput.module.css.js.map

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

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

package/dist/PreviewInput/index.d.ts

@@ -0,0 +1,3 @@
+export { PreviewInput } from './PreviewInput';
+export type { PreviewInputProps, PreviewInputSize, PreviewInputVariant, } from './PreviewInput';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/PreviewInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACR,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,GACtB,MAAM,gBAAgB,CAAC"}

package/dist/PreviewInput/index.js

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

package/dist/PreviewInput/index.js.map

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

package/dist/Radio/Radio.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from 'react';
+import { type RadioProps as RACRadioProps } from 'react-aria-components';
+export type RadioSize = 'sm' | 'md' | 'lg';
+export interface RadioProps extends Omit<RACRadioProps, 'className' | 'children'> {
+    size?: RadioSize;
+    className?: RACRadioProps['className'];
+    children?: ReactNode;
+}
+export declare function Radio({ size: sizeProp, className, children, ...props }: RadioProps): import("react").JSX.Element;
+export declare namespace Radio {
+    var displayName: string;
+}
+//# sourceMappingURL=Radio.d.ts.map

package/dist/Radio/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/Radio/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAqB,KAAK,UAAU,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAK5F,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,aAAa,EAAE,WAAW,GAAG,UAAU,CAAC;IAC7E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAoBlF;yBApBe,KAAK"}

package/dist/Radio/Radio.js

@@ -0,0 +1,34 @@
+import { cn as d } from "@reforma/lib";
+import { use as p } from "react";
+import { Radio as l } from "react-aria-components";
+import o from "./Radio.module.css.js";
+import { RadioContext as c } from "./Radio.types.js";
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+function u({
+  size: a,
+  className: t,
+  children: s,
+  ...r
+}) {
+  const e = p(c), n = a ?? e?.size ?? "md";
+  return /* @__PURE__ */ f(l, {
+    ...r,
+    className: (m) => d(o.root, typeof t == "function" ? t(m) : t),
+    "data-size": n,
+    children: [/* @__PURE__ */ i("span", {
+      className: o.box,
+      "aria-hidden": !0,
+      children: /* @__PURE__ */ i("span", {
+        className: o.dot
+      })
+    }), s != null ? /* @__PURE__ */ i("span", {
+      className: o.label,
+      children: s
+    }) : null]
+  });
+}
+u.displayName = "Radio";
+export {
+  u as Radio
+};
+//# sourceMappingURL=Radio.js.map

package/dist/Radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sources":["../../src/Radio/Radio.tsx"],"sourcesContent":["import { cn } from '@reforma/lib';\nimport { use, type ReactNode } from 'react';\nimport { Radio as RACRadio, type RadioProps as RACRadioProps } from 'react-aria-components';\n\nimport styles from './Radio.module.css';\nimport { RadioContext } from './Radio.types';\n\nexport type RadioSize = 'sm' | 'md' | 'lg';\n\nexport interface RadioProps extends Omit<RACRadioProps, 'className' | 'children'> {\n    size?: RadioSize;\n    className?: RACRadioProps['className'];\n    children?: ReactNode;\n}\n\nexport function Radio({ size: sizeProp, className, children, ...props }: RadioProps) {\n    const context = use(RadioContext);\n    const size = sizeProp ?? context?.size ?? 'md';\n\n    return (\n        <RACRadio\n            { ...props }\n            className={ renderProps => cn(\n                styles.root,\n                typeof className === 'function' ? className(renderProps) : className\n            ) }\n            data-size={ size }\n        >\n            <span className={ styles.box } aria-hidden>\n                <span className={ styles.dot } />\n            </span>\n\n            { children != null ? <span className={ styles.label }>{ children }</span> : null }\n        </RACRadio>\n    );\n}\n\nRadio.displayName = 'Radio';\n"],"names":["Radio","sizeProp","className","children","props","context","use","RadioContext","size","RACRadio","renderProps","cn","styles","_jsx"],"mappings":";;;;;;AAMO,SAASA,EAAM;AAAA,EACpB,MAAMC;AAAA,EACN,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AACD,QAAMC,IAAUC,EAAIC,CAAY,GAC1BC,IAAOP,KAAYI,GAAS,QAAQ;AAC1C,2BAA0BI,GAAU;AAAA,IAClC,GAAGL;AAAA,IACH,WAAW,CAAAM,MAAeC,EAAGC,EAAO,MAAM,OAAOV,KAAc,aAAaA,EAAUQ,CAAW,IAAIR,CAAS;AAAA,IAC9G,aAAaM;AAAA,IACb,UAAU,CAAcK,gBAAAA,EAAK,QAAQ;AAAA,MACnC,WAAWD,EAAO;AAAA,MAClB,eAAe;AAAA,MACf,4BAA4B,QAAQ;AAAA,QAClC,WAAWA,EAAO;AAAA,MAAA,CACnB;AAAA,IAAA,CACF,GAAGT,KAAY,yBAAyB,QAAQ;AAAA,MAC/C,WAAWS,EAAO;AAAA,MAClB,UAAAT;AAAA,IAAA,CACD,IAAI,IAAI;AAAA,EAAA,CACV;AACH;AACAH,EAAM,cAAc;"}

package/dist/Radio/Radio.module.css

@@ -0,0 +1 @@
+@layer components{.Radio_root_td1qPW{--reforma-radio-size: var(--spacing-20);--reforma-radio-bg: var(--color-secondary-muted-light);--reforma-radio-bg--hover: var(--color-secondary-muted-light);--reforma-radio-bg--selected: var(--color-primary);--reforma-radio-border-width: 1px;--reforma-radio-border: var(--color-secondary-muted-border);--reforma-radio-border--hover: var(--color-secondary-muted-border-hover);--reforma-radio-border--selected: var(--color-primary);--reforma-radio-dot-scale: .5;--reforma-radio-dot-scale--selected: 1;--reforma-radio-dot-color: var(--color-primary);--reforma-radio-dot-color--selected: var(--color-primary-content);--reforma-radio-gap: var(--spacing-8);display:inline-flex;align-items:center;gap:var(--reforma-radio-gap);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;outline:none;user-select:none}.Radio_box_96D0Gu{display:inline-flex;position:relative;flex-shrink:0;justify-content:center;align-items:center;transition-duration:var(--transition-duration-fast);transition-property:border-color,background-color;transition-timing-function:var(--ease-in-out);border:var(--reforma-radio-border-width) solid var(--reforma-radio-border);border-radius:var(--radius-full);background-color:var(--reforma-radio-bg);width:var(--reforma-radio-size);height:var(--reforma-radio-size);color:var(--reforma-radio-dot-color)}.Radio_dot_BXPrzt{scale:var(--reforma-radio-dot-scale);visibility:hidden;opacity:0;transition:scale var(--transition-duration) var(--ease-in-out);border-radius:var(--radius-full);background-color:currentColor;width:var(--reforma-radio-dot-size);height:var(--reforma-radio-dot-size)}.Radio_label_TmvlD7{display:inline-flex;align-items:center}.Radio_root_td1qPW[data-hovered=true]:not([data-disabled=true]):not([data-readonly=true]):not([data-selected=true]) .Radio_box_96D0Gu{border-color:var(--reforma-radio-border--hover);background-color:var(--reforma-radio-bg--hover)}.Radio_root_td1qPW[data-selected=true] .Radio_box_96D0Gu{border-color:var(--reforma-radio-border--selected);background-color:var(--reforma-radio-bg--selected);color:var(--reforma-radio-dot-color--selected)}.Radio_root_td1qPW[data-selected=true] .Radio_dot_BXPrzt{scale:var(--reforma-radio-dot-scale--selected);visibility:visible;opacity:1}.Radio_root_td1qPW:focus-visible .Radio_box_96D0Gu{outline:var(--spacing-4) solid var(--color-primary-muted-border);outline-offset:0}.Radio_root_td1qPW[data-disabled=true]{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.Radio_root_td1qPW[data-readonly=true]{cursor:default}.Radio_root_td1qPW[data-readonly=true] .Radio_box_96D0Gu{pointer-events:none}.Radio_root_td1qPW[data-invalid=true] .Radio_box_96D0Gu,.Radio_root_td1qPW[data-invalid=true][data-selected=true] .Radio_box_96D0Gu{border-color:var(--color-danger)}.Radio_root_td1qPW[data-invalid=true][data-selected=true] .Radio_dot_BXPrzt{background-color:var(--color-danger)}.Radio_root_td1qPW[data-size=sm]{--reforma-radio-size: var(--spacing-16);--reforma-radio-dot-size: var(--spacing-4);--reforma-radio-gap: var(--spacing-6);font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.Radio_root_td1qPW[data-size=md]{--reforma-radio-size: var(--spacing-18);--reforma-radio-dot-size: var(--spacing-6);--reforma-radio-gap: var(--spacing-8);font-weight:400;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0}.Radio_root_td1qPW[data-size=lg]{--reforma-radio-size: var(--spacing-20);--reforma-radio-dot-size: var(--spacing-8);--reforma-radio-gap: var(--spacing-8);font-weight:400;font-size:var(--text-lg);line-height:var(--leading-lg);font-family:Onest,sans-serif;letter-spacing:0}}

package/dist/Radio/Radio.module.css.js

@@ -0,0 +1,14 @@
+const o = "Radio_root_td1qPW", t = "Radio_box_96D0Gu", a = "Radio_dot_BXPrzt", d = "Radio_label_TmvlD7", l = {
+  root: o,
+  box: t,
+  dot: a,
+  label: d
+};
+export {
+  t as box,
+  l as default,
+  a as dot,
+  d as label,
+  o as root
+};
+//# sourceMappingURL=Radio.module.css.js.map

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

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

package/dist/Radio/Radio.types.d.ts

@@ -0,0 +1,6 @@
+export type RadioSize = 'sm' | 'md' | 'lg';
+export interface RadioContextValue {
+    size: RadioSize;
+}
+export declare const RadioContext: import("react").Context<RadioContextValue | null>;
+//# sourceMappingURL=Radio.types.d.ts.map

package/dist/Radio/Radio.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.types.d.ts","sourceRoot":"","sources":["../../src/Radio/Radio.types.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,mDAAgD,CAAC"}

package/dist/Radio/Radio.types.js

@@ -0,0 +1,6 @@
+import { createContext as t } from "react";
+const e = /* @__PURE__ */ t(null);
+export {
+  e as RadioContext
+};
+//# sourceMappingURL=Radio.types.js.map

package/dist/Radio/Radio.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.types.js","sources":["../../src/Radio/Radio.types.ts"],"sourcesContent":["import { createContext } from 'react';\n\nexport type RadioSize = 'sm' | 'md' | 'lg';\n\nexport interface RadioContextValue {\n    size: RadioSize;\n}\n\nexport const RadioContext = createContext<RadioContextValue | null>(null);\n"],"names":["RadioContext"],"mappings":";AACO,MAAMA,sBAA0C,IAAI;"}

package/dist/Radio/RadioGroup.d.ts

@@ -0,0 +1,21 @@
+import { type ReactNode } from 'react';
+import { type RadioGroupProps as RACRadioGroupProps } from 'react-aria-components';
+import { type RadioSize } from './Radio.types';
+export interface RadioGroupItem {
+    value: string;
+    label: ReactNode;
+    isDisabled?: boolean;
+}
+export interface RadioGroupProps extends Omit<RACRadioGroupProps, 'children'> {
+    size?: RadioSize;
+    className?: string;
+    /** Static Radio nodes or a render function when using `items`. */
+    children?: ReactNode | ((item: RadioGroupItem) => ReactNode);
+    /** List of options to render as radios. When provided, `children` can be a function (item) => ReactNode. */
+    items?: Iterable<RadioGroupItem>;
+}
+export declare function RadioGroup({ size, className, items, children, ...props }: RadioGroupProps): import("react").JSX.Element;
+export declare namespace RadioGroup {
+    var displayName: string;
+}
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/Radio/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/Radio/RadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAEH,KAAK,eAAe,IAAI,kBAAkB,EAC7C,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAgB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAG7D,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;IACzE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,cAAc,KAAK,SAAS,CAAC,CAAC;IAC7D,4GAA4G;IAC5G,KAAK,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;CACpC;AAUD,wBAAgB,UAAU,CAAC,EACvB,IAAW,EACX,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,eAAe,+BA4BjB;yBAlCe,UAAU"}

package/dist/Radio/RadioGroup.js

@@ -0,0 +1,44 @@
+import { cn as f } from "@reforma/lib";
+import { useMemo as l } from "react";
+import { RadioGroup as s } from "react-aria-components";
+import { Radio as c } from "./Radio.js";
+import { RadioContext as R } from "./Radio.types.js";
+import v from "./RadioGroup.module.css.js";
+import { jsx as t } from "react/jsx-runtime";
+function y(o) {
+  return /* @__PURE__ */ t(c, {
+    value: o.value,
+    isDisabled: o.isDisabled,
+    children: o.label
+  }, o.value);
+}
+function x({
+  size: o = "md",
+  className: e,
+  items: a,
+  children: r,
+  ...n
+}) {
+  const i = l(() => ({
+    size: o
+  }), [o]), u = (() => {
+    if (a == null)
+      return typeof r == "function" ? void 0 : r;
+    const m = [...a], d = typeof r == "function" ? r : y;
+    return m.map((p) => d(p));
+  })();
+  return /* @__PURE__ */ t(R, {
+    value: i,
+    children: /* @__PURE__ */ t(s, {
+      ...n,
+      className: f(v.root, e),
+      "data-size": o,
+      children: u
+    })
+  });
+}
+x.displayName = "RadioGroup";
+export {
+  x as RadioGroup
+};
+//# sourceMappingURL=RadioGroup.js.map

package/dist/Radio/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sources":["../../src/Radio/RadioGroup.tsx"],"sourcesContent":["import { cn } from '@reforma/lib';\nimport { useMemo, type ReactNode } from 'react';\nimport {\n    RadioGroup as RACRadioGroup,\n    type RadioGroupProps as RACRadioGroupProps,\n} from 'react-aria-components';\n\nimport { Radio } from './Radio';\nimport { RadioContext, type RadioSize } from './Radio.types';\nimport styles from './RadioGroup.module.css';\n\nexport interface RadioGroupItem {\n    value: string;\n    label: ReactNode;\n    isDisabled?: boolean;\n}\n\nexport interface RadioGroupProps extends Omit<RACRadioGroupProps, 'children'> {\n    size?: RadioSize;\n    className?: string;\n    /** Static Radio nodes or a render function when using `items`. */\n    children?: ReactNode | ((item: RadioGroupItem) => ReactNode);\n    /** List of options to render as radios. When provided, `children` can be a function (item) => ReactNode. */\n    items?: Iterable<RadioGroupItem>;\n}\n\nfunction defaultRenderRadio(item: RadioGroupItem) {\n    return (\n        <Radio key={ item.value } value={ item.value } isDisabled={ item.isDisabled }>\n            { item.label }\n        </Radio>\n    );\n}\n\nexport function RadioGroup({\n    size = 'md',\n    className,\n    items,\n    children,\n    ...props\n}: RadioGroupProps) {\n    const contextValue = useMemo(\n        () => ({ size }),\n        [size]\n    );\n\n    const content: ReactNode = ((): ReactNode => {\n        if (items == null) {\n            return typeof children === 'function' ? undefined : children;\n        }\n\n        const itemsArray = [...items];\n        const renderItem = typeof children === 'function' ? children : defaultRenderRadio;\n\n        return itemsArray.map((item): ReactNode => renderItem(item));\n    })();\n\n    return (\n        <RadioContext value={ contextValue }>\n            <RACRadioGroup\n                { ...props }\n                className={ cn(styles.root, className) }\n                data-size={ size }\n            >\n                { content }\n            </RACRadioGroup>\n        </RadioContext>\n    );\n}\n\nRadioGroup.displayName = 'RadioGroup';\n"],"names":["defaultRenderRadio","item","Radio","RadioGroup","size","className","items","children","props","contextValue","useMemo","content","itemsArray","renderItem","RadioContext","RACRadioGroup","cn","styles"],"mappings":";;;;;;;AAOA,SAASA,EAAmBC,GAAM;AAChC,2BAAyBC,GAAO;AAAA,IAC9B,OAAOD,EAAK;AAAA,IACZ,YAAYA,EAAK;AAAA,IACjB,UAAUA,EAAK;AAAA,EAAA,GACdA,EAAK,KAAK;AACf;AACO,SAASE,EAAW;AAAA,EACzB,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AACD,QAAMC,IAAeC,EAAQ,OAAO;AAAA,IAClC,MAAAN;AAAA,EAAA,IACE,CAACA,CAAI,CAAC,GACJO,KAAW,MAAM;AACrB,QAAIL,KAAS;AACX,aAAO,OAAOC,KAAa,aAAa,SAAYA;AAEtD,UAAMK,IAAa,CAAC,GAAGN,CAAK,GACtBO,IAAa,OAAON,KAAa,aAAaA,IAAWP;AAC/D,WAAOY,EAAW,IAAI,CAAAX,MAAQY,EAAWZ,CAAI,CAAC;AAAA,EAChD,GAAA;AACA,2BAAyBa,GAAc;AAAA,IACrC,OAAOL;AAAA,IACP,4BAA4BM,GAAe;AAAA,MACzC,GAAGP;AAAA,MACH,WAAWQ,EAAGC,EAAO,MAAMZ,CAAS;AAAA,MACpC,aAAaD;AAAA,MACb,UAAUO;AAAA,IAAA,CACX;AAAA,EAAA,CACF;AACH;AACAR,EAAW,cAAc;"}

package/dist/Radio/RadioGroup.module.css

@@ -0,0 +1 @@
+@layer components{.RadioGroup_root_1vbtFf{display:flex;flex-direction:column;gap:var(--spacing-md)}.RadioGroup_root_1vbtFf[data-orientation=horizontal]{flex-direction:row;flex-wrap:wrap}}

package/dist/Radio/RadioGroup.module.css.js

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

package/dist/Radio/RadioGroup.module.css.js.map

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

package/dist/Radio/index.d.ts

@@ -0,0 +1,6 @@
+export { Radio } from './Radio';
+export { RadioGroup } from './RadioGroup';
+export type { RadioProps, RadioSize } from './Radio';
+export type { RadioContextValue } from './Radio.types';
+export type { RadioGroupItem, RadioGroupProps } from './RadioGroup';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACrD,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/Radio/index.js

@@ -0,0 +1,7 @@
+import { Radio as p } from "./Radio.js";
+import { RadioGroup as d } from "./RadioGroup.js";
+export {
+  p as Radio,
+  d as RadioGroup
+};
+//# sourceMappingURL=index.js.map

package/dist/Radio/index.js.map

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

package/dist/Resizable/Resizable.d.ts

@@ -0,0 +1,26 @@
+import { type ComponentProps, type ReactNode } from 'react';
+import { Group, Panel, Separator, useDefaultLayout, useGroupRef, usePanelRef, type GroupImperativeHandle, type Layout, type LayoutStorage } from 'react-resizable-panels';
+export type ResizablePanelGroupProps = ComponentProps<typeof Group>;
+export type ResizablePanelState = {
+    inPixels: number;
+    asPercentage: number;
+    isCollapsed: boolean;
+};
+export type ResizablePanelProps = Omit<ComponentProps<typeof Panel>, 'children'> & {
+    children?: ReactNode | ((state: ResizablePanelState) => ReactNode);
+};
+export type ResizableHandleProps = ComponentProps<typeof Separator>;
+declare function ResizablePanelGroup({ className, disabled, ...props }: ResizablePanelGroupProps): import("react").JSX.Element;
+declare namespace ResizablePanelGroup {
+    var displayName: string;
+}
+declare function ResizablePanel({ children, onResize, panelRef: panelRefProp, ...props }: ResizablePanelProps): import("react").JSX.Element;
+declare namespace ResizablePanel {
+    var displayName: string;
+}
+declare function ResizableHandle({ className, onPointerDown, onPointerUp, onPointerCancel, ...props }: ResizableHandleProps): import("react").JSX.Element;
+declare namespace ResizableHandle {
+    var displayName: string;
+}
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup, useDefaultLayout, useGroupRef, usePanelRef, type GroupImperativeHandle, type Layout, type LayoutStorage, };
+//# sourceMappingURL=Resizable.d.ts.map

package/dist/Resizable/Resizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../../src/Resizable/Resizable.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACnI,OAAO,EACH,KAAK,EACL,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,KAAK,qBAAqB,EAC1B,KAAK,MAAM,EACX,KAAK,aAAa,EAErB,MAAM,wBAAwB,CAAC;AAKhC,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AACpE,MAAM,MAAM,mBAAmB,GAAG;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC/E,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,mBAAmB,KAAK,SAAS,CAAC,CAAC;CACtE,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAoBpE,iBAAS,mBAAmB,CAAC,EACzB,SAAS,EACT,QAAgB,EAChB,GAAG,KAAK,EACX,EAAE,wBAAwB,+BAsB1B;kBA1BQ,mBAAmB;;;AA4B5B,iBAAS,cAAc,CAAC,EACpB,QAAQ,EACR,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,GAAG,KAAK,EACX,EAAE,mBAAmB,+BAkCrB;kBAvCQ,cAAc;;;AAyCvB,iBAAS,eAAe,CAAC,EACrB,SAAS,EACT,aAAa,EACb,WAAW,EACX,eAAe,EACf,GAAG,KAAK,EACX,EAAE,oBAAoB,+BAkEtB;kBAxEQ,eAAe;;;AA8ExB,OAAO,EACH,eAAe,EACf,cAAc,EACd,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,KAAK,qBAAqB,EAC1B,KAAK,MAAM,EACX,KAAK,aAAa,GACrB,CAAC"}

package/dist/Resizable/Resizable.js

@@ -0,0 +1,111 @@
+import { cn as f, mergeRefs as z } from "@reforma/lib";
+import { use as v, useCallback as g, useEffect as y, useState as m, useRef as D, useMemo as b, createContext as h } from "react";
+import { Separator as x, Panel as C, Group as E } from "react-resizable-panels";
+import { useDefaultLayout as I, useGroupRef as J, usePanelRef as K } from "react-resizable-panels";
+import { Show as L } from "../Show/Show.js";
+import P from "./Resizable.module.css.js";
+import { jsx as u } from "react/jsx-runtime";
+const G = {
+  inPixels: 0,
+  asPercentage: 0,
+  isCollapsed: !1
+}, w = /* @__PURE__ */ h({
+  disabled: !1,
+  dragging: !1,
+  setDragging: () => {
+  }
+});
+function N({
+  className: t,
+  disabled: n = !1,
+  ...r
+}) {
+  const [s, o] = m(!1), l = b(() => ({
+    disabled: n,
+    dragging: s,
+    setDragging: o
+  }), [n, s]);
+  return /* @__PURE__ */ u(w, {
+    value: l,
+    children: /* @__PURE__ */ u(E, {
+      "data-slot": "resizable-panel-group",
+      className: f(P.panelGroup, t),
+      "data-dragging": s || void 0,
+      disabled: n,
+      ...r
+    })
+  });
+}
+function S({
+  children: t,
+  onResize: n,
+  panelRef: r,
+  ...s
+}) {
+  const [o, l] = m(G), i = D(null), a = z(i, r), c = g((d, e, R) => {
+    l({
+      inPixels: d.inPixels,
+      asPercentage: d.asPercentage,
+      isCollapsed: i.current.isCollapsed()
+    }), n?.(d, e, R);
+  }, [n]), p = b(() => typeof t == "function" ? t(o) : t, [t, o]);
+  return /* @__PURE__ */ u(C, {
+    "data-slot": "resizable-panel",
+    panelRef: a,
+    "data-collapsed": o.isCollapsed || void 0,
+    onResize: c,
+    ...s,
+    children: p
+  });
+}
+function H({
+  className: t,
+  onPointerDown: n,
+  onPointerUp: r,
+  onPointerCancel: s,
+  ...o
+}) {
+  const {
+    disabled: l,
+    dragging: i,
+    setDragging: a
+  } = v(w), c = g((e) => {
+    a(!0), document.body.dataset.resizableDragging = "true", n?.(e);
+  }, [n, a]), p = g((e) => {
+    a(!1), delete document.body.dataset.resizableDragging, r?.(e);
+  }, [r, a]), d = g((e) => {
+    a(!1), delete document.body.dataset.resizableDragging, s?.(e);
+  }, [s, a]);
+  return y(() => {
+    if (!i)
+      return;
+    const e = () => {
+      a(!1), typeof document < "u" && delete document.body.dataset.resizableDragging;
+    };
+    return window.addEventListener("pointerup", e), window.addEventListener("pointercancel", e), window.addEventListener("blur", e), () => {
+      window.removeEventListener("pointerup", e), window.removeEventListener("pointercancel", e), window.removeEventListener("blur", e);
+    };
+  }, [i, a]), /* @__PURE__ */ u(L, {
+    when: !l,
+    children: /* @__PURE__ */ u(x, {
+      "data-slot": "resizable-handle",
+      className: f(P.handle, t),
+      onPointerDown: c,
+      onPointerUp: p,
+      onPointerCancel: d,
+      ...o
+    })
+  });
+}
+N.displayName = "ResizablePanelGroup";
+S.displayName = "ResizablePanel";
+H.displayName = "ResizableHandle";
+export {
+  H as ResizableHandle,
+  S as ResizablePanel,
+  N as ResizablePanelGroup,
+  I as useDefaultLayout,
+  J as useGroupRef,
+  K as usePanelRef
+};
+//# sourceMappingURL=Resizable.js.map