@reforma/components 0.0.0-stage → 0.1.0

package/dist/Terminal/Terminal.js

@@ -0,0 +1,157 @@
+import { CodeBraces as C } from "@reforma/icons/14";
+import { cn as l } from "@reforma/lib";
+import h from "anser";
+import { useMemo as S, createContext as B } from "react";
+import { Provider as y, useContextProps as T } from "react-aria-components";
+import { Box as H } from "../Box/Box.js";
+import { Button as M } from "../Button/Button.js";
+import { Scrollable as P } from "../Scrollable/Scrollable.js";
+import { useSlotContextProps as _ } from "../Slot/Slot.js";
+import n from "./Terminal.module.css.js";
+import { jsx as o, jsxs as u, Fragment as A } from "react/jsx-runtime";
+const d = /* @__PURE__ */ B({});
+function j({
+  className: e,
+  children: t,
+  ...r
+}) {
+  return /* @__PURE__ */ o("div", {
+    ...r,
+    className: l(n.header, e),
+    children: t
+  });
+}
+function z({
+  className: e,
+  children: t,
+  ...r
+}) {
+  return /* @__PURE__ */ u("div", {
+    ...r,
+    className: l(n.title, e),
+    children: [/* @__PURE__ */ o(C, {
+      "aria-hidden": !0,
+      className: n.titleIcon
+    }), t ?? "Terminal"]
+  });
+}
+function K(e) {
+  const t = _(e), [r] = T(t, void 0, d);
+  if (!(r.isStreaming ?? !1))
+    return null;
+  const {
+    className: i,
+    children: s,
+    isStreaming: c,
+    slot: m,
+    output: f,
+    autoScroll: p,
+    ref: v,
+    ...g
+  } = r;
+  return /* @__PURE__ */ o("div", {
+    ...g,
+    className: l(n.status, i),
+    children: s ?? "Running…"
+  });
+}
+function Q({
+  className: e,
+  children: t,
+  ...r
+}) {
+  return /* @__PURE__ */ o(H, {
+    align: "center",
+    direction: "row",
+    gap: "xs",
+    ...r,
+    className: e,
+    children: t
+  });
+}
+function U({
+  children: e,
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ o(M, {
+    className: t,
+    iconOnly: !0,
+    size: "sm",
+    variant: "filling",
+    ...r,
+    children: e
+  });
+}
+function F(e) {
+  const t = _(e), [r, a] = T(t, t.ref, d), i = r.output ?? "", s = r.isStreaming ?? !1, c = r.autoScroll ?? !0, m = S(() => h.ansiToHtml(h.escapeForHtml(i)), [i]), {
+    children: f,
+    className: p,
+    output: v,
+    isStreaming: g,
+    autoScroll: I,
+    ref: R,
+    overlay: N,
+    ...x
+  } = r;
+  return /* @__PURE__ */ o(P, {
+    vertical: !0,
+    horizontal: !0,
+    ref: a,
+    className: l(n.scroll, p),
+    overlay: N,
+    stickToBottom: c,
+    ...x,
+    children: f ?? /* @__PURE__ */ u("pre", {
+      className: n.pre,
+      children: [/* @__PURE__ */ o("span", {
+        dangerouslySetInnerHTML: {
+          __html: m
+        }
+      }), s && /* @__PURE__ */ o("span", {
+        "aria-hidden": !0,
+        className: n.cursor
+      })]
+    })
+  });
+}
+function W({
+  output: e,
+  isStreaming: t = !1,
+  autoScroll: r = !0,
+  title: a,
+  className: i,
+  children: s,
+  ...c
+}) {
+  const m = S(() => ({
+    autoScroll: r,
+    isStreaming: t,
+    output: e
+  }), [r, t, e]);
+  return /* @__PURE__ */ o(y, {
+    values: [[d, m]],
+    children: /* @__PURE__ */ o("div", {
+      ...c,
+      className: l(n.root, i),
+      children: s ?? /* @__PURE__ */ u(A, {
+        children: [/* @__PURE__ */ o(j, {
+          children: /* @__PURE__ */ o(z, {
+            children: a
+          })
+        }), /* @__PURE__ */ o(F, {})]
+      })
+    })
+  });
+}
+export {
+  W as Terminal,
+  U as TerminalActionButton,
+  Q as TerminalActions,
+  F as TerminalContent,
+  d as TerminalContext,
+  j as TerminalHeader,
+  K as TerminalStatus,
+  z as TerminalTitle
+};
+//# sourceMappingURL=Terminal.js.map

package/dist/Terminal/Terminal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Terminal.js","sources":["../../src/Terminal/Terminal.tsx"],"sourcesContent":["import { CodeBraces } from '@reforma/icons/14';\nimport { cn } from '@reforma/lib';\nimport Anser from 'anser';\nimport {\n    createContext,\n    useMemo,\n} from 'react';\nimport {\n    Provider,\n    SlotProps,\n    useContextProps,\n    type ContextValue\n} from 'react-aria-components';\n\nimport { Box, type BoxProps } from '../Box';\nimport { Button } from '../Button';\nimport { Scrollable } from '../Scrollable';\nimport { useSlotContextProps } from '../Slot';\nimport styles from './Terminal.module.css';\n\nimport type { ComponentProps, HTMLAttributes, ReactNode, Ref } from 'react';\n\n/** Terminal stdout/state passed via {@link Terminal} or {@link TerminalContext} (RAC `Provider`). */\nexport type TerminalStateProps = SlotProps & {\n    output?: string;\n    isStreaming?: boolean;\n    autoScroll?: boolean;\n};\n\nexport const TerminalContext = createContext<ContextValue<TerminalStateProps, HTMLDivElement>>({});\n\nexport type TerminalHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport function TerminalHeader({ className, children, ...props }: TerminalHeaderProps) {\n    return (\n        <div\n            { ...props }\n            className={ cn(styles.header, className) }\n        >\n            {children}\n        </div>\n    );\n}\n\nexport type TerminalTitleProps = HTMLAttributes<HTMLDivElement>;\n\nexport function TerminalTitle({ className, children, ...props }: TerminalTitleProps) {\n    return (\n        <div\n            { ...props }\n            className={ cn(styles.title, className) }\n        >\n            <CodeBraces aria-hidden className={ styles.titleIcon } />\n            {children ?? 'Terminal'}\n        </div>\n    );\n}\n\nexport type TerminalStatusProps = HTMLAttributes<HTMLDivElement> & Pick<TerminalStateProps, 'isStreaming' | 'slot'>;\n\nexport function TerminalStatus(props: TerminalStatusProps) {\n    const slotMerged = useSlotContextProps(props);\n    const [merged] = useContextProps(slotMerged, undefined, TerminalContext);\n    const isStreaming = merged.isStreaming ?? false;\n\n    if (!isStreaming) {\n        return null;\n    }\n\n    const {\n        className,\n        children,\n        isStreaming: _isStreaming,\n        slot: _slot,\n        output: _output,\n        autoScroll: _autoScroll,\n        ref: _ref,\n        ...rest\n    } = merged as TerminalStatusProps & TerminalStateProps & { ref?: Ref<HTMLDivElement | null> };\n\n    return (\n        <div\n            { ...rest }\n            className={ cn(styles.status, className) }\n        >\n            {children ?? 'Running…'}\n        </div>\n    );\n}\n\nexport type TerminalActionsProps = BoxProps;\n\nexport function TerminalActions({ className, children, ...props }: TerminalActionsProps) {\n    return (\n        <Box\n            align=\"center\"\n            direction=\"row\"\n            gap=\"xs\"\n            { ...props }\n            className={ className }\n        >\n            {children}\n        </Box>\n    );\n}\n\nexport type TerminalActionButtonProps = ComponentProps<typeof Button>;\n\nexport function TerminalActionButton({\n    children,\n    className,\n    ...props\n}: TerminalActionButtonProps) {\n    return (\n        <Button\n            className={ className }\n            iconOnly\n            size=\"sm\"\n            variant=\"filling\"\n            { ...props }\n        >\n            {children}\n        </Button>\n    );\n}\n\nexport type TerminalContentProps = (\n    Omit<HTMLAttributes<HTMLDivElement>, 'onScroll'>\n    & TerminalStateProps\n    & {\n        ref?: Ref<HTMLDivElement | null>;\n        children?: ReactNode;\n        overlay?: ReactNode;\n        onScroll?: (e: Event) => void;\n    }\n);\n\nexport function TerminalContent(props: TerminalContentProps) {\n    const slotMerged = useSlotContextProps(props);\n    const [merged, mergedRef] = useContextProps(slotMerged, slotMerged.ref, TerminalContext);\n\n    const output = merged.output ?? '';\n    const isStreaming = merged.isStreaming ?? false;\n    const autoScroll = merged.autoScroll ?? true;\n    // Anser: escape `& < >` before converting ANSI so stdout that looks like HTML stays text (see README).\n    const html = useMemo(\n        () => Anser.ansiToHtml(Anser.escapeForHtml(output)),\n        [output]\n    );\n\n    const {\n        children,\n        className,\n        output: _output,\n        isStreaming: _isStreaming,\n        autoScroll: _autoScroll,\n        ref: _ref,\n        overlay,\n        ...scrollProps\n    } = merged;\n\n    return (\n        <Scrollable\n            vertical\n            horizontal\n            ref={ mergedRef }\n            className={ cn(styles.scroll, className) }\n            overlay={ overlay }\n            stickToBottom={ autoScroll }\n            { ...scrollProps }\n        >\n            {children ?? (\n                <pre className={ styles.pre }>\n                    <span dangerouslySetInnerHTML={ { __html: html } } />\n                    {isStreaming && (\n                        <span\n                            aria-hidden\n                            className={ styles.cursor }\n                        />\n                    )}\n                </pre>\n            ) }\n        </Scrollable>\n    );\n}\n\nexport type TerminalProps = HTMLAttributes<HTMLDivElement> & {\n    output: string;\n    isStreaming?: boolean;\n    autoScroll?: boolean;\n    /** Shown in the default header (`TerminalTitle`). Ignored if you pass `children`. */\n    title?: ReactNode;\n};\n\nexport function Terminal({\n    output,\n    isStreaming = false,\n    autoScroll = true,\n    title,\n    className,\n    children,\n    ...props\n}: TerminalProps) {\n    const terminalValues = useMemo(\n        () => ({ autoScroll, isStreaming, output }),\n        [autoScroll, isStreaming, output]\n    );\n\n    return (\n        <Provider values={ [[TerminalContext, terminalValues]] }>\n            <div\n                { ...props }\n                className={ cn(styles.root, className) }\n            >\n                {children ?? (\n                    <>\n                        <TerminalHeader>\n                            <TerminalTitle>{title}</TerminalTitle>\n                        </TerminalHeader>\n                        <TerminalContent />\n                    </>\n                )}\n            </div>\n        </Provider>\n    );\n}\n"],"names":["TerminalContext","createContext","TerminalHeader","className","children","props","cn","styles","TerminalTitle","_jsx","CodeBraces","TerminalStatus","slotMerged","useSlotContextProps","merged","useContextProps","_isStreaming","_slot","_output","_autoScroll","_ref","rest","TerminalActions","Box","TerminalActionButton","Button","TerminalContent","mergedRef","output","isStreaming","autoScroll","html","useMemo","Anser","overlay","scrollProps","Scrollable","_jsxs","Terminal","title","terminalValues","Provider","_Fragment"],"mappings":"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"}

package/dist/Terminal/Terminal.module.css

@@ -0,0 +1 @@
+.Terminal_root_jn7IbV{--terminal-max-body-height: min(24rem, 60vh);display:flex;flex-direction:column;border-radius:calc(var(--radius-lg) * var(--squircle-radius-factor));min-height:0;overflow:hidden;corner-shape:superellipse(var(--squircle-value));border:1px solid var(--color-secondary-muted-border);background-color:var(--color-background);color:var(--color-text)}.Terminal_header_JoQpN0{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--spacing-md);border-bottom:1px solid var(--color-secondary-muted-border);padding-inline:var(--spacing-xs);padding-block:var(--spacing-xs);min-width:0;min-height:40px;color:var(--color-secondary-muted-text)}.Terminal_title_o06L1e{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);padding-inline:var(--spacing-md);min-width:0;font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.Terminal_titleIcon_qBleBY{flex-shrink:0;opacity:.85}.Terminal_status_V9JX35{color:var(--color-secondary-muted-text);font-weight:400;font-size:var(--text-xs);line-height:var(--leading-xs);font-family:Onest,sans-serif;letter-spacing:0}.Terminal_scroll_xmq1eA{flex:1 1 auto;min-height:0;max-height:var(--terminal-max-body-height)}.Terminal_pre_qM9h54{margin:0;padding-inline:var(--spacing-md);padding-block:.5lh;font-weight:400;font-size:var(--text-xs);line-height:var(--leading-sm);font-family:Menlo,sans-serif;letter-spacing:0}.Terminal_cursor_MhPtzI{display:inline-block;vertical-align:text-bottom;animation:Terminal_terminal-cursor-blink_zkDrHf 1s steps(2,jump-end) infinite;margin-left:.125rem;background-color:currentcolor;width:.5ch;height:1lh}@keyframes Terminal_terminal-cursor-blink_zkDrHf{0%,49%{opacity:1}50%,to{opacity:0}}

package/dist/Terminal/Terminal.module.css.js

@@ -0,0 +1,22 @@
+const t = "Terminal_root_jn7IbV", e = "Terminal_header_JoQpN0", o = "Terminal_title_o06L1e", r = "Terminal_titleIcon_qBleBY", s = "Terminal_status_V9JX35", l = "Terminal_scroll_xmq1eA", n = "Terminal_pre_qM9h54", c = "Terminal_cursor_MhPtzI", a = {
+  root: t,
+  header: e,
+  title: o,
+  titleIcon: r,
+  status: s,
+  scroll: l,
+  pre: n,
+  cursor: c
+};
+export {
+  c as cursor,
+  a as default,
+  e as header,
+  n as pre,
+  t as root,
+  l as scroll,
+  s as status,
+  o as title,
+  r as titleIcon
+};
+//# sourceMappingURL=Terminal.module.css.js.map

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

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

package/dist/Terminal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Terminal';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Terminal/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/dist/Terminal/index.js

@@ -0,0 +1,12 @@
+import { Terminal as t, TerminalActionButton as i, TerminalActions as r, TerminalContent as a, TerminalContext as l, TerminalHeader as m, TerminalStatus as T, TerminalTitle as o } from "./Terminal.js";
+export {
+  t as Terminal,
+  i as TerminalActionButton,
+  r as TerminalActions,
+  a as TerminalContent,
+  l as TerminalContext,
+  m as TerminalHeader,
+  T as TerminalStatus,
+  o as TerminalTitle
+};
+//# sourceMappingURL=index.js.map

package/dist/Terminal/index.js.map

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

package/dist/Text/Text.d.ts

@@ -0,0 +1,45 @@
+import { type HTMLAttributes, type ReactNode, type Ref } from 'react';
+import { TextContext } from 'react-aria-components';
+import type { TextColor, TextVariant } from '../types';
+export type { TextColor, TextVariant };
+export type TextTransform = 'uppercase' | 'lowercase' | 'capitalize' | 'none';
+export type TextSelect = 'none' | 'text' | 'all';
+export type TextAlign = 'start' | 'center' | 'end' | 'justify';
+export type TextWrap = 'normal' | 'words' | 'all' | 'keep' | 'anywhere';
+export type TextWhitespace = 'normal' | 'nowrap' | 'pre' | 'pre-line' | 'pre-wrap' | 'break-spaces';
+export type TextDecoration = 'underline' | 'line-through' | 'overline';
+/** Named weights map to Tailwind font utilities. When set, overrides {@link TextProps.bold}. */
+export type TextWeightNamed = 'normal' | 'medium' | 'semibold' | 'bold';
+export type TextWeightNumericString = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | '950';
+export type TextWeightNumeric = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950 | TextWeightNumericString;
+export type TextWeight = TextWeightNamed | TextWeightNumeric;
+/** Supported `as` tags — props follow the chosen element. */
+export type TextElement = 'a' | 'b' | 'blockquote' | 'button' | 'caption' | 'code' | 'dd' | 'div' | 'dt' | 'em' | 'figcaption' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'i' | 'kbd' | 'label' | 'legend' | 'li' | 'mark' | 'p' | 'pre' | 'samp' | 'small' | 'span' | 'strong' | 'sub' | 'sup' | 'time';
+type TextOwnProps = {
+    variant?: TextVariant;
+    color?: TextColor;
+    truncate?: boolean;
+    italic?: boolean;
+    /** When `weight` is omitted: applies **bold** (700) when true. */
+    bold?: boolean;
+    /** Explicit weight (named or 100–900 / 950); when set, **`bold` is ignored** for font-weight. */
+    weight?: TextWeight;
+    decoration?: TextDecoration;
+    transform?: TextTransform;
+    select?: TextSelect;
+    align?: TextAlign;
+    wrap?: TextWrap;
+    whitespace?: TextWhitespace;
+    className?: string;
+    children?: ReactNode;
+};
+export type TextProps<E extends TextElement = 'span'> = TextOwnProps & {
+    as?: E;
+    ref?: Ref<HTMLElementTagNameMap[E]>;
+} & Omit<HTMLAttributes<HTMLElementTagNameMap[E]>, keyof TextOwnProps | 'color'>;
+export { TextContext };
+export declare function Text<E extends TextElement = 'span'>({ as: Component, variant, color, truncate, italic, bold, weight, decoration, transform, select, align, wrap, whitespace, children, ...props }: TextProps<E>): import("react").DetailedReactHTMLElement<HTMLAttributes<HTMLElement>, HTMLElement>;
+export declare namespace Text {
+    var displayName: string;
+}
+//# sourceMappingURL=Text.d.ts.map

package/dist/Text/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"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"}

package/dist/Text/Text.js

@@ -0,0 +1,106 @@
+import { cn as w } from "@reforma/lib";
+import { createElement as h } from "react";
+import { TextContext as F } from "react-aria-components";
+import { useSlotContextProps as A } from "../Slot/Slot.js";
+import y from "./Text.module.css.js";
+const L = {
+  default: "color-text",
+  secondary: "color-secondary-muted-text",
+  primary: "color-primary-text",
+  accent: "color-accent-text",
+  danger: "color-danger-text",
+  warning: "color-warning-text",
+  success: "color-success-text"
+}, g = {
+  uppercase: "case-upper",
+  lowercase: "case-lower",
+  capitalize: "case-capital",
+  none: "case-normal"
+}, k = {
+  none: "select-none",
+  text: "select-text",
+  all: "select-all"
+}, E = {
+  start: "text-start",
+  center: "text-center",
+  end: "text-end",
+  justify: "text-justify"
+}, T = {
+  normal: "break-normal",
+  words: "break-words",
+  all: "break-all",
+  keep: "break-keep",
+  anywhere: "break-anywhere"
+}, _ = {
+  normal: "whitespace-normal",
+  nowrap: "whitespace-nowrap",
+  pre: "whitespace-pre",
+  "pre-line": "whitespace-pre-line",
+  "pre-wrap": "whitespace-pre-wrap",
+  "break-spaces": "whitespace-break-spaces"
+}, N = {
+  underline: "underline",
+  "line-through": "line-through",
+  overline: "overline"
+}, P = {
+  normal: "font-normal",
+  medium: "font-medium",
+  semibold: "font-semibold",
+  bold: "font-bold",
+  100: "font-thin",
+  200: "font-extralight",
+  300: "font-light",
+  400: "font-normal",
+  500: "font-medium",
+  600: "font-semibold",
+  700: "font-bold",
+  800: "font-extrabold",
+  900: "font-black",
+  950: "font-[950]"
+}, I = /* @__PURE__ */ new Set(["normal", "medium", "semibold", "bold"]);
+function O(e) {
+  return typeof e == "string" && !I.has(e) ? Number(e) : e;
+}
+function R(e) {
+  return P[O(e)];
+}
+function W({
+  as: e = "span",
+  variant: r,
+  color: t,
+  truncate: d,
+  italic: f,
+  bold: u,
+  weight: s,
+  decoration: a,
+  transform: l,
+  select: c,
+  align: i,
+  wrap: m,
+  whitespace: p,
+  children: x,
+  ...o
+}) {
+  const n = {
+    ...A(o)
+  };
+  delete n.isDisabled, delete n.isInvalid;
+  const {
+    className: S,
+    ...b
+  } = n, C = typeof o.slot == "string" ? {
+    slot: o.slot
+  } : {};
+  return /* @__PURE__ */ h(e, {
+    ...b,
+    ...C,
+    className: w(r && y[r], d && "truncate", f && "italic", s && R(s), u && "font-bold", a && N[a], l && g[l], c && k[c], i && E[i], m && T[m], p && _[p], t && t !== "inherit" && L[t], S),
+    children: x
+  });
+}
+W.displayName = "Text";
+export {
+  W as Text,
+  F as TextContext
+};
+//# sourceMappingURL=Text.js.map

package/dist/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sources":["../../src/Text/Text.tsx"],"sourcesContent":["import { cn } from '@reforma/lib';\nimport { createElement, type HTMLAttributes, type ReactNode, type Ref } from 'react';\nimport { TextContext } from 'react-aria-components';\n\nimport { useSlotContextProps } from '../Slot';\nimport styles from './Text.module.css';\n\nimport type { TextColor, TextVariant } from '../types';\n\nexport type { TextColor, TextVariant };\n\nconst COLOR_CLASS: Record<Exclude<TextColor, 'inherit'>, string> = {\n    default: 'color-text',\n    secondary: 'color-secondary-muted-text',\n    primary: 'color-primary-text',\n    accent: 'color-accent-text',\n    danger: 'color-danger-text',\n    warning: 'color-warning-text',\n    success: 'color-success-text',\n};\n\nexport type TextTransform = 'uppercase' | 'lowercase' | 'capitalize' | 'none';\nconst TRANSFORM_CLASS: Record<TextTransform, string> = {\n    uppercase: 'case-upper',\n    lowercase: 'case-lower',\n    capitalize: 'case-capital',\n    none: 'case-normal',\n};\n\nexport type TextSelect = 'none' | 'text' | 'all';\nconst SELECT_CLASS: Record<TextSelect, string> = {\n    none: 'select-none',\n    text: 'select-text',\n    all: 'select-all',\n};\n\nexport type TextAlign = 'start' | 'center' | 'end' | 'justify';\nconst ALIGN_CLASS: Record<TextAlign, string> = {\n    start: 'text-start',\n    center: 'text-center',\n    end: 'text-end',\n    justify: 'text-justify',\n};\n\nexport type TextWrap = 'normal' | 'words' | 'all' | 'keep' | 'anywhere';\nconst WRAP_CLASS: Record<TextWrap, string> = {\n    normal: 'break-normal',\n    words: 'break-words',\n    all: 'break-all',\n    keep: 'break-keep',\n    anywhere: 'break-anywhere',\n};\n\nexport type TextWhitespace = 'normal' | 'nowrap' | 'pre' | 'pre-line' | 'pre-wrap' | 'break-spaces';\nconst WHITESPACE_CLASS: Record<TextWhitespace, string> = {\n    normal: 'whitespace-normal',\n    nowrap: 'whitespace-nowrap',\n    pre: 'whitespace-pre',\n    'pre-line': 'whitespace-pre-line',\n    'pre-wrap': 'whitespace-pre-wrap',\n    'break-spaces': 'whitespace-break-spaces',\n};\n\nexport type TextDecoration = 'underline' | 'line-through' | 'overline';\nconst DECORATION_CLASS: Record<TextDecoration, string> = {\n    underline: 'underline',\n    'line-through': 'line-through',\n    overline: 'overline',\n};\n\n/** Named weights map to Tailwind font utilities. When set, overrides {@link TextProps.bold}. */\nexport type TextWeightNamed = 'normal' | 'medium' | 'semibold' | 'bold';\nexport type TextWeightNumericString = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | '950';\nexport type TextWeightNumeric = | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950 | TextWeightNumericString;\nexport type TextWeight = TextWeightNamed | TextWeightNumeric;\n\n/**\n * Tailwind `font-*` utilities for every {@link TextWeight}.\n * Numeric keys follow Tailwind defaults; `950` uses `font-[950]` (no theme alias).\n */\nconst WEIGHT_CLASS = {\n    normal: 'font-normal',\n    medium: 'font-medium',\n    semibold: 'font-semibold',\n    bold: 'font-bold',\n    100: 'font-thin',\n    200: 'font-extralight',\n    300: 'font-light',\n    400: 'font-normal',\n    500: 'font-medium',\n    600: 'font-semibold',\n    700: 'font-bold',\n    800: 'font-extrabold',\n    900: 'font-black',\n    950: 'font-[950]',\n} as const satisfies Record<TextWeightNamed | Exclude<TextWeightNumeric, TextWeightNumericString>, string>;\n\nconst NAMED_WEIGHT_SET = new Set<TextWeightNamed>(['normal', 'medium', 'semibold', 'bold']);\n\nfunction weightLookupKey(weight: TextWeight): keyof typeof WEIGHT_CLASS {\n    if (typeof weight === 'string' && !NAMED_WEIGHT_SET.has(weight as TextWeightNamed)) {\n        return Number(weight) as keyof typeof WEIGHT_CLASS;\n    }\n\n    return weight as keyof typeof WEIGHT_CLASS;\n}\n\nfunction weightClass(weight: TextWeight): string {\n    return WEIGHT_CLASS[weightLookupKey(weight)];\n}\n\n/** Supported `as` tags — props follow the chosen element. */\nexport type TextElement\n    = | 'a'\n      | 'b'\n      | 'blockquote'\n      | 'button'\n      | 'caption'\n      | 'code'\n      | 'dd'\n      | 'div'\n      | 'dt'\n      | 'em'\n      | 'figcaption'\n      | 'h1'\n      | 'h2'\n      | 'h3'\n      | 'h4'\n      | 'h5'\n      | 'h6'\n      | 'i'\n      | 'kbd'\n      | 'label'\n      | 'legend'\n      | 'li'\n      | 'mark'\n      | 'p'\n      | 'pre'\n      | 'samp'\n      | 'small'\n      | 'span'\n      | 'strong'\n      | 'sub'\n      | 'sup'\n      | 'time';\n\ntype TextOwnProps = {\n    variant?: TextVariant;\n    color?: TextColor;\n    truncate?: boolean;\n    italic?: boolean;\n    /** When `weight` is omitted: applies **bold** (700) when true. */\n    bold?: boolean;\n    /** Explicit weight (named or 100–900 / 950); when set, **`bold` is ignored** for font-weight. */\n    weight?: TextWeight;\n    decoration?: TextDecoration;\n    transform?: TextTransform;\n    select?: TextSelect;\n    align?: TextAlign;\n    wrap?: TextWrap;\n    whitespace?: TextWhitespace;\n    className?: string;\n    children?: ReactNode;\n};\n\nexport type TextProps<E extends TextElement = 'span'> = TextOwnProps & {\n    as?: E;\n    ref?: Ref<HTMLElementTagNameMap[E]>;\n} & Omit<HTMLAttributes<HTMLElementTagNameMap[E]>, keyof TextOwnProps | 'color'>;\n\nexport { TextContext };\n\nexport function Text<E extends TextElement = 'span'>({\n    as: Component = 'span' as E,\n    variant,\n    color,\n    truncate,\n    italic,\n    bold,\n    weight,\n    decoration,\n    transform,\n    select,\n    align,\n    wrap,\n    whitespace,\n    children,\n    ...props\n}: TextProps<E>) {\n    // If props.slot is defined, useSlotContextProps will merge appropriate props passed from SlotContext\n    // for the given slot\n    const mergedProps = useSlotContextProps(props);\n    const domProps = { ...mergedProps } as typeof mergedProps & {\n        isDisabled?: boolean;\n        isInvalid?: boolean;\n    };\n    delete domProps.isDisabled;\n    delete domProps.isInvalid;\n    const { className: mergedClassName, ...restMerged } = domProps;\n    /** Only forward user-provided string slot to the DOM; RAC's internal Symbol slot breaks React 19. */\n    const slotProp = typeof props.slot === 'string' ? { slot: props.slot } : {};\n\n    return createElement(\n        Component,\n        {\n            ...restMerged,\n            ...slotProp,\n            className: cn(\n                variant && styles[variant],\n                truncate && 'truncate',\n                italic && 'italic',\n                weight && weightClass(weight),\n                bold && 'font-bold',\n                decoration && DECORATION_CLASS[decoration],\n                transform && TRANSFORM_CLASS[transform],\n                select && SELECT_CLASS[select],\n                align && ALIGN_CLASS[align],\n                wrap && WRAP_CLASS[wrap],\n                whitespace && WHITESPACE_CLASS[whitespace],\n                color && color !== 'inherit' && COLOR_CLASS[color],\n                mergedClassName\n            ),\n            children,\n        } as HTMLAttributes<HTMLElement>\n    );\n}\n\nText.displayName = 'Text';\n"],"names":["COLOR_CLASS","TRANSFORM_CLASS","SELECT_CLASS","ALIGN_CLASS","WRAP_CLASS","WHITESPACE_CLASS","DECORATION_CLASS","WEIGHT_CLASS","NAMED_WEIGHT_SET","weightLookupKey","weight","weightClass","Text","Component","variant","color","truncate","italic","bold","decoration","transform","select","align","wrap","whitespace","children","props","domProps","useSlotContextProps","mergedClassName","restMerged","slotProp","cn","styles"],"mappings":";;;;;AAKA,MAAMA,IAAc;AAAA,EAClB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AACX,GACMC,IAAkB;AAAA,EACtB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,MAAM;AACR,GACMC,IAAe;AAAA,EACnB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,KAAK;AACP,GACMC,IAAc;AAAA,EAClB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AACX,GACMC,IAAa;AAAA,EACjB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL,MAAM;AAAA,EACN,UAAU;AACZ,GACMC,IAAmB;AAAA,EACvB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,gBAAgB;AAClB,GACMC,IAAmB;AAAA,EACvB,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,UAAU;AACZ,GAQMC,IAAe;AAAA,EACnB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AAAA,EACN,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AAAA,EACL,KAAK;AACP,GACMC,wBAAuB,IAAI,CAAC,UAAU,UAAU,YAAY,MAAM,CAAC;AACzE,SAASC,EAAgBC,GAAQ;AAC/B,SAAI,OAAOA,KAAW,YAAY,CAACF,EAAiB,IAAIE,CAAM,IACrD,OAAOA,CAAM,IAEfA;AACT;AACA,SAASC,EAAYD,GAAQ;AAC3B,SAAOH,EAAaE,EAAgBC,CAAM,CAAC;AAC7C;AAKO,SAASE,EAAK;AAAA,EACnB,IAAIC,IAAY;AAAA,EAChB,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAR;AAAA,EACA,YAAAS;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AAID,QAAMC,IAAW;AAAA,IACf,GAFkBC,EAAoBF,CAAK;AAAA,EAExC;AAEL,SAAOC,EAAS,YAChB,OAAOA,EAAS;AAChB,QAAM;AAAA,IACJ,WAAWE;AAAA,IACX,GAAGC;AAAA,EAAA,IACDH,GAEEI,IAAW,OAAOL,EAAM,QAAS,WAAW;AAAA,IAChD,MAAMA,EAAM;AAAA,EAAA,IACV,CAAA;AACJ,2BAAkCb,GAAW;AAAA,IAC3C,GAAGiB;AAAA,IACH,GAAGC;AAAA,IACH,WAAWC,EAAGlB,KAAWmB,EAAOnB,CAAO,GAAGE,KAAY,YAAYC,KAAU,UAAUP,KAAUC,EAAYD,CAAM,GAAGQ,KAAQ,aAAaC,KAAcb,EAAiBa,CAAU,GAAGC,KAAanB,EAAgBmB,CAAS,GAAGC,KAAUnB,EAAamB,CAAM,GAAGC,KAASnB,EAAYmB,CAAK,GAAGC,KAAQnB,EAAWmB,CAAI,GAAGC,KAAcnB,EAAiBmB,CAAU,GAAGT,KAASA,MAAU,aAAaf,EAAYe,CAAK,GAAGc,CAAe;AAAA,IACra,UAAAJ;AAAA,EAAA,CACD;AACH;AACAb,EAAK,cAAc;"}

package/dist/Text/Text.module.css

@@ -0,0 +1 @@
+@layer components{.Text_heading-1_2wsYnO{font-weight:600;font-size:var(--text-xxl);line-height:var(--leading-xxl);font-family:Onest,sans-serif;letter-spacing:0}.Text_heading-2_rleFY7{font-weight:600;font-size:1.5rem;line-height:1.75rem;font-family:Onest,sans-serif;letter-spacing:0}.Text_heading-3_dTWkeq{font-weight:500;font-size:var(--text-xl);line-height:var(--leading-xl);font-family:Onest,sans-serif;letter-spacing:0}.Text_heading-4_t89QDY{font-weight:500;font-size:var(--text-lg);line-height:var(--leading-lg);font-family:Onest,sans-serif;letter-spacing:0}.Text_heading-5_mKOlFe{font-weight:500;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0}.Text_heading-6_BJN1Qj{font-weight:500;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.Text_xl_zyaJJ5{font-weight:400;font-size:var(--text-xl);line-height:var(--leading-xl);font-family:Onest,sans-serif;letter-spacing:0}.Text_lg_y6Z0Ol{font-weight:400;font-size:var(--text-lg);line-height:var(--leading-lg);font-family:Onest,sans-serif;letter-spacing:0}.Text_md_pSARt9{font-weight:400;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0}.Text_sm_dcurK4{font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.Text_xs_zLlTs9{font-weight:400;font-size:var(--text-xs);line-height:var(--leading-xs);font-family:Onest,sans-serif;letter-spacing:0}.Text_label_cKevnX{font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.Text_code_KRUB1V{font-weight:400;font-size:var(--text-xs);line-height:var(--leading-sm);font-family:Menlo,sans-serif;letter-spacing:0}a.Text_inlineLink_T0ZC6U,button.Text_inlineLink_T0ZC6U,[data-inline-links] a{transition:text-decoration-color var(--transition-duration-fast) var(--ease);text-decoration-line:underline;text-decoration-color:currentColor;text-underline-offset:.12em}a.Text_inlineLink_T0ZC6U:is(:hover,:focus-visible,[data-hovered=true]),button.Text_inlineLink_T0ZC6U:is(:hover,:focus-visible,[data-hovered=true]),[data-inline-links] a:is(:hover,:focus-visible){text-decoration-color:var(--color-primary)}}

package/dist/Text/Text.module.css.js

@@ -0,0 +1,40 @@
+const e = "Text_heading-1_2wsYnO", n = "Text_heading-2_rleFY7", t = "Text_heading-3_dTWkeq", d = "Text_heading-4_t89QDY", _ = "Text_heading-5_mKOlFe", i = "Text_heading-6_BJN1Qj", a = "Text_xl_zyaJJ5", g = "Text_lg_y6Z0Ol", h = "Text_md_pSARt9", x = "Text_sm_dcurK4", s = "Text_xs_zLlTs9", T = "Text_label_cKevnX", l = "Text_code_KRUB1V", c = "Text_inlineLink_T0ZC6U", o = {
+  "heading-1": "Text_heading-1_2wsYnO",
+  heading1: e,
+  "heading-2": "Text_heading-2_rleFY7",
+  heading2: n,
+  "heading-3": "Text_heading-3_dTWkeq",
+  heading3: t,
+  "heading-4": "Text_heading-4_t89QDY",
+  heading4: d,
+  "heading-5": "Text_heading-5_mKOlFe",
+  heading5: _,
+  "heading-6": "Text_heading-6_BJN1Qj",
+  heading6: i,
+  xl: a,
+  lg: g,
+  md: h,
+  sm: x,
+  xs: s,
+  label: T,
+  code: l,
+  inlineLink: c
+};
+export {
+  l as code,
+  o as default,
+  e as heading1,
+  n as heading2,
+  t as heading3,
+  d as heading4,
+  _ as heading5,
+  i as heading6,
+  c as inlineLink,
+  T as label,
+  g as lg,
+  h as md,
+  x as sm,
+  a as xl,
+  s as xs
+};
+//# sourceMappingURL=Text.module.css.js.map

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

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

package/dist/Text/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Text';
+/** Underline that follows the text color and shifts to primary on hover. */
+export declare const inlineLink: string;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Text/index.ts"],"names":[],"mappings":"AAEA,cAAc,QAAQ,CAAC;AAEvB,4EAA4E;AAC5E,eAAO,MAAM,UAAU,QAAwB,CAAC"}

package/dist/Text/index.js

@@ -0,0 +1,10 @@
+import t from "./Text.module.css.js";
+import { Text as r } from "./Text.js";
+import { TextContext as m } from "react-aria-components";
+const o = t.inlineLink;
+export {
+  r as Text,
+  m as TextContext,
+  o as inlineLink
+};
+//# sourceMappingURL=index.js.map

package/dist/Text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/Text/index.ts"],"sourcesContent":["import textStyles from './Text.module.css';\n\nexport * from './Text';\n\n/** Underline that follows the text color and shifts to primary on hover. */\nexport const inlineLink = textStyles.inlineLink;\n"],"names":["inlineLink","textStyles"],"mappings":";;;AAIO,MAAMA,IAAaC,EAAW;"}

package/dist/Textarea/Textarea.d.ts

@@ -0,0 +1,30 @@
+import React, { type ReactNode, type Ref } from 'react';
+import { type TextAreaProps as RACTextAreaProps } from 'react-aria-components';
+export type TextareaVariant = 'filled' | 'bordered' | 'transparent' | 'inline';
+export type TextareaSize = 'xs' | 'sm' | 'md' | 'lg';
+export interface TextareaProps extends Omit<RACTextAreaProps, 'className' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'onChange'> {
+    ref?: Ref<HTMLTextAreaElement | null>;
+    variant?: TextareaVariant;
+    size?: TextareaSize;
+    /** Allow user to resize textarea vertically. Ignored when autoResize is true. */
+    isResizable?: boolean;
+    /** When true, height grows with content via CSS `field-sizing: content`. */
+    autoResize?: boolean;
+    /** Classes on the field wrapper (`Group`). */
+    className?: string;
+    /** Classes on the native `<textarea>` */
+    textareaClassName?: string;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    isReadOnly?: boolean;
+    /** Same contract as `Input` — string value, not the DOM event. */
+    onChange?: (value: string) => void;
+    onRowCountChange?: (rows: number) => void;
+    /** Top-end control inside the field (e.g. jump-to-source). */
+    endAction?: ReactNode;
+}
+export declare function Textarea(props: TextareaProps): React.JSX.Element;
+export declare namespace Textarea {
+    var displayName: string;
+}
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/Textarea/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAmD,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AACzG,OAAO,EAGH,KAAK,aAAa,IAAI,gBAAgB,EACzC,MAAM,uBAAuB,CAAC;AAM/B,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,UAAU,GAAG,aAAa,GAAG,QAAQ,CAAC;AAC/E,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD,MAAM,WAAW,aAAc,SAAQ,IAAI,CACvC,gBAAgB,EAChB,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,CACvE;IACG,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,8DAA8D;IAC9D,SAAS,CAAC,EAAE,SAAS,CAAC;CACzB;AAYD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAqI5C;yBArIe,QAAQ"}

package/dist/Textarea/Textarea.js

@@ -0,0 +1,104 @@
+import { cn as y, mergeRefs as E } from "@reforma/lib";
+import { useRef as T, useEffect as F, useCallback as u, useLayoutEffect as M } from "react";
+import { Group as O, TextArea as G } from "react-aria-components";
+import { Show as L } from "../Show/Show.js";
+import { useSlotContextProps as V } from "../Slot/Slot.js";
+import c from "./Textarea.module.css.js";
+import { jsxs as q, jsx as d } from "react/jsx-runtime";
+function B(r) {
+  const a = parseFloat(getComputedStyle(r).lineHeight || "0");
+  return a ? Math.max(1, Math.round(r.scrollHeight / a)) : null;
+}
+function J(r) {
+  const a = V(r), {
+    variant: z = "filled",
+    size: N = "md",
+    isResizable: P = !0,
+    autoResize: t = !1,
+    className: b,
+    textareaClassName: k,
+    isDisabled: f,
+    isInvalid: m,
+    isReadOnly: p,
+    value: h,
+    defaultValue: I,
+    onChange: C,
+    onInput: g,
+    rows: x,
+    onRowCountChange: i,
+    autoFocus: w,
+    endAction: l,
+    ref: A,
+    ...R
+  } = a, n = T(null), v = T(null);
+  F(() => {
+    if (!w)
+      return;
+    const e = setTimeout(() => {
+      n.current?.focus();
+    }, 50);
+    return () => clearTimeout(e);
+  }, [w]);
+  const H = x ?? 1, o = u((e) => {
+    if (!e || !i)
+      return;
+    const s = B(e);
+    s == null || v.current === s || (v.current = s, i(s));
+  }, [i]);
+  M(() => {
+    t && o(n.current);
+  }, [t, o, h]);
+  const S = u((e) => {
+    C?.(e.currentTarget.value);
+  }, [C]), j = u((e) => {
+    t && o(e.currentTarget), g?.(e);
+  }, [t, g, o]), D = () => {
+    n.current?.focus();
+  };
+  return /* @__PURE__ */ q(O, {
+    className: y(c.field, b),
+    "data-variant": z,
+    "data-size": N,
+    "data-end-action": l ? "" : void 0,
+    isDisabled: f,
+    isReadOnly: p,
+    isInvalid: m,
+    "data-modal-drag-exclude": !0,
+    onClick: D,
+    children: [/* @__PURE__ */ d(G, {
+      ...R,
+      rows: x,
+      ref: E(n, A),
+      value: h,
+      defaultValue: I,
+      onChange: S,
+      onInput: j,
+      className: y(c.textarea, k),
+      style: {
+        "--reforma-textarea-min-rows": H
+      },
+      "data-resizable": t ? "false" : P ? "true" : "false",
+      "data-autoresize": t ? "true" : void 0,
+      disabled: f,
+      readOnly: p,
+      "aria-invalid": m ?? R["aria-invalid"]
+    }), /* @__PURE__ */ d(L, {
+      when: l,
+      children: /* @__PURE__ */ d("span", {
+        className: c.endAction,
+        onClick: (e) => {
+          e.stopPropagation();
+        },
+        onPointerDown: (e) => {
+          e.stopPropagation();
+        },
+        children: l
+      })
+    })]
+  });
+}
+J.displayName = "Textarea";
+export {
+  J as Textarea
+};
+//# sourceMappingURL=Textarea.js.map