@reforma/components 0.0.0-stage → 0.1.0

package/dist/ControlGroup/ControlGroup.js

@@ -0,0 +1,113 @@
+import { cn as a } from "@reforma/lib";
+import { useMemo as d, use as u, createContext as x } from "react";
+import { AsChild as y } from "../AsChild/AsChild.js";
+import { FormField as f } from "../FormField/FormField.js";
+import { Input as b } from "../Input/Input.js";
+import { Select as v } from "../Select/Select.js";
+import i from "./ControlGroup.module.css.js";
+import { jsx as n } from "react/jsx-runtime";
+const m = /* @__PURE__ */ x(null);
+function z({
+  size: o = "sm",
+  variant: t = "filled",
+  columns: r,
+  templateColumns: e,
+  className: l,
+  style: s,
+  children: c,
+  ...p
+}) {
+  const N = d(() => ({
+    size: o,
+    variant: t
+  }), [o, t]), g = d(() => ({
+    ...s,
+    "--reforma-control-group-columns": e ?? (r ? `repeat(${r}, minmax(0, 1fr))` : void 0)
+  }), [r, s, e]);
+  return /* @__PURE__ */ n(m, {
+    value: N,
+    children: /* @__PURE__ */ n("div", {
+      ...p,
+      className: a(i.group, l),
+      style: g,
+      "data-size": o,
+      "data-variant": t,
+      children: c
+    })
+  });
+}
+function C({
+  size: o,
+  className: t,
+  children: r
+}) {
+  const e = u(m);
+  return /* @__PURE__ */ n(f, {
+    size: o ?? e?.size ?? "sm",
+    labelPlacement: "bottom",
+    labelAlign: "center",
+    className: a(i.field, t),
+    children: r
+  });
+}
+const R = Object.assign(C, {
+  Label: f.Label
+});
+function G({
+  className: o,
+  children: t,
+  ...r
+}) {
+  return /* @__PURE__ */ n(y, {
+    ...r,
+    className: a(i.control, o),
+    children: t
+  });
+}
+function F({
+  className: o,
+  size: t,
+  variant: r,
+  ...e
+}) {
+  const l = u(m);
+  return /* @__PURE__ */ n(G, {
+    className: o,
+    children: /* @__PURE__ */ n(b, {
+      ...e,
+      size: t ?? l?.size ?? "sm",
+      variant: r ?? l?.variant ?? "filled"
+    })
+  });
+}
+function S({
+  className: o,
+  triggerClassName: t,
+  size: r,
+  variant: e,
+  children: l,
+  ...s
+}) {
+  const c = u(m), p = r ?? c?.size ?? "sm";
+  return /* @__PURE__ */ n(v, {
+    ...s,
+    className: a(i.select, o),
+    triggerClassName: a(i.control, i.selectTrigger, t),
+    size: p,
+    variant: e ?? c?.variant ?? "filled",
+    children: l
+  });
+}
+z.displayName = "ControlGroup";
+C.displayName = "ControlGroupField";
+G.displayName = "ControlGroupControl";
+F.displayName = "ControlGroupInput";
+S.displayName = "ControlGroupSelect";
+export {
+  z as ControlGroup,
+  G as ControlGroupControl,
+  R as ControlGroupField,
+  F as ControlGroupInput,
+  S as ControlGroupSelect
+};
+//# sourceMappingURL=ControlGroup.js.map

package/dist/ControlGroup/ControlGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlGroup.js","sources":["../../src/ControlGroup/ControlGroup.tsx"],"sourcesContent":["import { cn } from '@reforma/lib';\nimport { createContext, use, useMemo } from 'react';\n\nimport { AsChild } from '../AsChild';\nimport { FormField } from '../FormField';\nimport { Input } from '../Input';\nimport { Select } from '../Select';\nimport styles from './ControlGroup.module.css';\n\nimport type { CSSProperties, HTMLAttributes, ReactNode, Ref } from 'react';\nimport type { FormFieldSize } from '../FormField';\nimport type { InputProps, InputSize, InputVariant } from '../Input';\nimport type { SelectProps } from '../Select';\n\nexport type ControlGroupSize = InputSize;\nexport type ControlGroupVariant = Extract<InputVariant, 'filled' | 'bordered' | 'transparent'>;\n\ninterface ControlGroupContextValue {\n    size: ControlGroupSize;\n    variant: ControlGroupVariant;\n}\n\ntype ControlGroupStyle = CSSProperties & {\n    '--reforma-control-group-columns'?: string;\n};\n\nconst ControlGroupContext = createContext<ControlGroupContextValue | null>(null);\n\nexport interface ControlGroupProps extends HTMLAttributes<HTMLDivElement> {\n    size?: ControlGroupSize;\n    variant?: ControlGroupVariant;\n    columns?: number;\n    templateColumns?: string;\n    children: ReactNode;\n}\n\nexport interface ControlGroupFieldProps {\n    size?: FormFieldSize;\n    className?: string;\n    children: ReactNode;\n}\n\nexport interface ControlGroupControlProps extends HTMLAttributes<HTMLElement> {\n    ref?: Ref<HTMLElement | null>;\n    children: ReactNode;\n}\n\nexport type ControlGroupInputProps = InputProps & {\n    size?: ControlGroupSize;\n    variant?: ControlGroupVariant;\n};\n\nexport interface ControlGroupSelectProps<T extends object = object> extends Omit<SelectProps<T>, 'size' | 'variant' | 'className' | 'triggerClassName' | 'children'> {\n    size?: ControlGroupSize;\n    variant?: ControlGroupVariant;\n    className?: string;\n    triggerClassName?: string;\n    children: SelectProps<T>['children'];\n}\n\nexport function ControlGroup({\n    size = 'sm',\n    variant = 'filled',\n    columns,\n    templateColumns,\n    className,\n    style,\n    children,\n    ...props\n}: ControlGroupProps) {\n    const contextValue = useMemo(() => ({ size, variant }), [size, variant]);\n    const groupStyle = useMemo<ControlGroupStyle>(() => ({\n        ...style,\n        '--reforma-control-group-columns': templateColumns ?? (columns ? `repeat(${ columns }, minmax(0, 1fr))` : undefined),\n    }), [columns, style, templateColumns]);\n\n    return (\n        <ControlGroupContext value={ contextValue }>\n            <div\n                { ...props }\n                className={ cn(styles.group, className) }\n                style={ groupStyle }\n                data-size={ size }\n                data-variant={ variant }\n            >\n                { children }\n            </div>\n        </ControlGroupContext>\n    );\n}\n\nfunction ControlGroupFieldRoot({\n    size,\n    className,\n    children,\n}: ControlGroupFieldProps) {\n    const context = use(ControlGroupContext);\n\n    return (\n        <FormField\n            size={ size ?? context?.size ?? 'sm' }\n            labelPlacement=\"bottom\"\n            labelAlign=\"center\"\n            className={ cn(styles.field, className) }\n        >\n            { children }\n        </FormField>\n    );\n}\n\nexport const ControlGroupField = Object.assign(ControlGroupFieldRoot, {\n    Label: FormField.Label,\n});\n\nexport function ControlGroupControl({\n    className,\n    children,\n    ...props\n}: ControlGroupControlProps) {\n    return (\n        <AsChild { ...props } className={ cn(styles.control, className) }>\n            { children }\n        </AsChild>\n    );\n}\n\nexport function ControlGroupInput({\n    className,\n    size,\n    variant,\n    ...props\n}: ControlGroupInputProps) {\n    const context = use(ControlGroupContext);\n\n    return (\n        <ControlGroupControl className={ className }>\n            <Input\n                { ...props }\n                size={ size ?? context?.size ?? 'sm' }\n                variant={ variant ?? context?.variant ?? 'filled' }\n            />\n        </ControlGroupControl>\n    );\n}\n\nexport function ControlGroupSelect<T extends object>({\n    className,\n    triggerClassName,\n    size,\n    variant,\n    children,\n    ...props\n}: ControlGroupSelectProps<T>) {\n    const context = use(ControlGroupContext);\n    const controlSize = size ?? context?.size ?? 'sm';\n\n    return (\n        <Select\n            { ...props }\n            className={ cn(styles.select, className) }\n            triggerClassName={ cn(styles.control, styles.selectTrigger, triggerClassName) }\n            size={ controlSize }\n            variant={ variant ?? context?.variant ?? 'filled' }\n        >\n            { children }\n        </Select>\n    );\n}\n\nControlGroup.displayName = 'ControlGroup';\nControlGroupFieldRoot.displayName = 'ControlGroupField';\nControlGroupControl.displayName = 'ControlGroupControl';\nControlGroupInput.displayName = 'ControlGroupInput';\nControlGroupSelect.displayName = 'ControlGroupSelect';\n"],"names":["ControlGroupContext","ControlGroup","size","variant","columns","templateColumns","className","style","children","props","contextValue","useMemo","groupStyle","cn","styles","ControlGroupFieldRoot","context","use","FormField","ControlGroupField","ControlGroupControl","AsChild","ControlGroupInput","Input","ControlGroupSelect","triggerClassName","controlSize","Select"],"mappings":";;;;;;;;AAQA,MAAMA,sBAAiD,IAAI;AACpD,SAASC,EAAa;AAAA,EAC3B,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AACD,QAAMC,IAAeC,EAAQ,OAAO;AAAA,IAClC,MAAAT;AAAA,IACA,SAAAC;AAAA,EAAA,IACE,CAACD,GAAMC,CAAO,CAAC,GACbS,IAAaD,EAAQ,OAAO;AAAA,IAChC,GAAGJ;AAAA,IACH,mCAAmCF,MAAoBD,IAAU,UAAUA,CAAO,sBAAsB;AAAA,EAAA,IACtG,CAACA,GAASG,GAAOF,CAAe,CAAC;AACrC,2BAAyBL,GAAqB;AAAA,IAC5C,OAAOU;AAAA,IACP,4BAA4B,OAAO;AAAA,MACjC,GAAGD;AAAA,MACH,WAAWI,EAAGC,EAAO,OAAOR,CAAS;AAAA,MACrC,OAAOM;AAAA,MACP,aAAaV;AAAA,MACb,gBAAgBC;AAAA,MAChB,UAAAK;AAAA,IAAA,CACD;AAAA,EAAA,CACF;AACH;AACA,SAASO,EAAsB;AAAA,EAC7B,MAAAb;AAAA,EACA,WAAAI;AAAA,EACA,UAAAE;AACF,GAAG;AACD,QAAMQ,IAAUC,EAAIjB,CAAmB;AACvC,2BAAyBkB,GAAW;AAAA,IAClC,MAAMhB,KAAQc,GAAS,QAAQ;AAAA,IAC/B,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,WAAWH,EAAGC,EAAO,OAAOR,CAAS;AAAA,IACrC,UAAAE;AAAA,EAAA,CACD;AACH;AACO,MAAMW,IAAoB,OAAO,OAAOJ,GAAuB;AAAA,EACpE,OAAOG,EAAU;AACnB,CAAC;AACM,SAASE,EAAoB;AAAA,EAClC,WAAAd;AAAA,EACA,UAAAE;AAAA,EACA,GAAGC;AACL,GAAG;AACD,2BAAyBY,GAAS;AAAA,IAChC,GAAGZ;AAAA,IACH,WAAWI,EAAGC,EAAO,SAASR,CAAS;AAAA,IACvC,UAAAE;AAAA,EAAA,CACD;AACH;AACO,SAASc,EAAkB;AAAA,EAChC,WAAAhB;AAAA,EACA,MAAAJ;AAAA,EACA,SAAAC;AAAA,EACA,GAAGM;AACL,GAAG;AACD,QAAMO,IAAUC,EAAIjB,CAAmB;AACvC,2BAAyBoB,GAAqB;AAAA,IAC5C,WAAAd;AAAA,IACA,4BAA4BiB,GAAO;AAAA,MACjC,GAAGd;AAAA,MACH,MAAMP,KAAQc,GAAS,QAAQ;AAAA,MAC/B,SAASb,KAAWa,GAAS,WAAW;AAAA,IAAA,CACzC;AAAA,EAAA,CACF;AACH;AACO,SAASQ,EAAmB;AAAA,EACjC,WAAAlB;AAAA,EACA,kBAAAmB;AAAA,EACA,MAAAvB;AAAA,EACA,SAAAC;AAAA,EACA,UAAAK;AAAA,EACA,GAAGC;AACL,GAAG;AACD,QAAMO,IAAUC,EAAIjB,CAAmB,GACjC0B,IAAcxB,KAAQc,GAAS,QAAQ;AAC7C,2BAAyBW,GAAQ;AAAA,IAC/B,GAAGlB;AAAA,IACH,WAAWI,EAAGC,EAAO,QAAQR,CAAS;AAAA,IACtC,kBAAkBO,EAAGC,EAAO,SAASA,EAAO,eAAeW,CAAgB;AAAA,IAC3E,MAAMC;AAAA,IACN,SAASvB,KAAWa,GAAS,WAAW;AAAA,IACxC,UAAAR;AAAA,EAAA,CACD;AACH;AACAP,EAAa,cAAc;AAC3Bc,EAAsB,cAAc;AACpCK,EAAoB,cAAc;AAClCE,EAAkB,cAAc;AAChCE,EAAmB,cAAc;"}

package/dist/ControlGroup/ControlGroup.module.css

@@ -0,0 +1 @@
+@layer components{.ControlGroup_group_7VfG7b{--reforma-control-group-columns: repeat(auto-fit, minmax(0, 1fr));--reforma-control-group-radius: var(--radius-md);--reforma-control-group-gap: var(--spacing-1);--reforma-control-group-border-width: var(--spacing-1);--reforma-control-group-overlap: calc(var(--reforma-control-group-gap) + var(--reforma-control-group-border-width));--reforma-control-group-input-gap: var(--reforma-control-group-input-gap-override, var(--spacing-xs));--reforma-control-group-input-min-width: 3ch;--reforma-control-group-input-padding-inline: var(--reforma-control-group-input-padding-inline-override, var(--spacing-xs));--reforma-control-group-prefix-size: var(--spacing-22);--reforma-control-group-prefix-label-padding: calc(var(--reforma-control-group-prefix-size) + var(--reforma-control-group-input-gap));display:grid;grid-template-columns:var(--reforma-control-group-columns);align-items:start;gap:var(--reforma-control-group-gap);width:100%;min-width:0}.ControlGroup_group_7VfG7b[data-size=xs]{--reforma-control-group-radius: var(--radius-sm);--reforma-control-group-prefix-size: var(--spacing-16)}.ControlGroup_group_7VfG7b[data-size=sm]{--reforma-control-group-radius: var(--radius-md);--reforma-control-group-prefix-size: var(--spacing-22)}.ControlGroup_group_7VfG7b[data-size=md]{--reforma-control-group-radius: var(--radius-lg);--reforma-control-group-prefix-size: var(--spacing-24)}.ControlGroup_group_7VfG7b[data-size=lg]{--reforma-control-group-radius: var(--radius-xl);--reforma-control-group-prefix-size: var(--spacing-32)}.ControlGroup_group_7VfG7b>:not(template){--reforma-control-group-start-radius: 0;--reforma-control-group-end-radius: 0;position:relative;z-index:0}.ControlGroup_group_7VfG7b>:nth-child(1 of:not(template)){--reforma-control-group-start-radius: var(--reforma-control-group-radius)}.ControlGroup_group_7VfG7b>:nth-last-child(1 of:not(template)){--reforma-control-group-end-radius: var(--reforma-control-group-radius)}.ControlGroup_field_664LRT,.ControlGroup_select_cz3Rg6{width:100%;min-width:0}.ControlGroup_control_LAxb3g{z-index:0;border-radius:0;width:100%;min-width:0;text-align:center}.ControlGroup_group_7VfG7b .ControlGroup_control_LAxb3g{--reforma-input-gap: var(--reforma-control-group-input-gap)}.ControlGroup_group_7VfG7b .ControlGroup_control_LAxb3g[data-size]{--reforma-input-padding-inline: var(--reforma-control-group-input-padding-inline);border-radius:0;border-start-start-radius:calc(var(--reforma-control-group-start-radius) * var(--squircle-radius-factor));border-start-end-radius:calc(var(--reforma-control-group-end-radius) * var(--squircle-radius-factor));border-end-start-radius:calc(var(--reforma-control-group-start-radius) * var(--squircle-radius-factor));border-end-end-radius:calc(var(--reforma-control-group-end-radius) * var(--squircle-radius-factor));corner-shape:superellipse(var(--squircle-value))}.ControlGroup_group_7VfG7b:is([data-variant=bordered],[data-variant=transparent])>:nth-child(n+2 of:not(template)){margin-inline-start:calc(var(--reforma-control-group-overlap) * -1);width:calc(100% + var(--reforma-control-group-overlap))}.ControlGroup_group_7VfG7b .ControlGroup_control_LAxb3g input{min-width:var(--reforma-control-group-input-min-width);text-align:center}.ControlGroup_field_664LRT[data-label-placement=bottom]:has(.ControlGroup_control_LAxb3g [slot=prefix])>:last-child{box-sizing:border-box;padding-inline-start:var(--reforma-control-group-prefix-label-padding)}.ControlGroup_selectTrigger_M8dS4m.ControlGroup_control_LAxb3g{gap:var(--reforma-control-group-input-gap);padding-inline:var(--reforma-control-group-input-padding-inline)}.ControlGroup_control_LAxb3g:hover,.ControlGroup_control_LAxb3g:focus-within,.ControlGroup_control_LAxb3g[data-active],.ControlGroup_control_LAxb3g[data-invalid]{z-index:1}.ControlGroup_group_7VfG7b>:not(template):has(.ControlGroup_control_LAxb3g:hover),.ControlGroup_group_7VfG7b>:not(template):has(.ControlGroup_control_LAxb3g:focus-within),.ControlGroup_group_7VfG7b>:not(template):has(.ControlGroup_control_LAxb3g[data-active]),.ControlGroup_group_7VfG7b>:not(template):has(.ControlGroup_control_LAxb3g[data-invalid]){z-index:1}}

package/dist/ControlGroup/ControlGroup.module.css.js

@@ -0,0 +1,16 @@
+const o = "ControlGroup_group_7VfG7b", r = "ControlGroup_field_664LRT", t = "ControlGroup_select_cz3Rg6", e = "ControlGroup_control_LAxb3g", l = "ControlGroup_selectTrigger_M8dS4m", c = {
+  group: o,
+  field: r,
+  select: t,
+  control: e,
+  selectTrigger: l
+};
+export {
+  e as control,
+  c as default,
+  r as field,
+  o as group,
+  t as select,
+  l as selectTrigger
+};
+//# sourceMappingURL=ControlGroup.module.css.js.map

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

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

package/dist/ControlGroup/index.d.ts

@@ -0,0 +1,3 @@
+export { ControlGroup, ControlGroupControl, ControlGroupField, ControlGroupInput, ControlGroupSelect, } from './ControlGroup';
+export type { ControlGroupControlProps, ControlGroupFieldProps, ControlGroupInputProps, ControlGroupProps, ControlGroupSelectProps, ControlGroupSize, ControlGroupVariant, } from './ControlGroup';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ControlGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,GACrB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EACR,wBAAwB,EACxB,sBAAsB,EACtB,sBAAsB,EACtB,iBAAiB,EACjB,uBAAuB,EACvB,gBAAgB,EAChB,mBAAmB,GACtB,MAAM,gBAAgB,CAAC"}

package/dist/ControlGroup/index.js

@@ -0,0 +1,9 @@
+import { ControlGroup as t, ControlGroupControl as l, ControlGroupField as n, ControlGroupInput as p, ControlGroupSelect as u } from "./ControlGroup.js";
+export {
+  t as ControlGroup,
+  l as ControlGroupControl,
+  n as ControlGroupField,
+  p as ControlGroupInput,
+  u as ControlGroupSelect
+};
+//# sourceMappingURL=index.js.map

package/dist/ControlGroup/index.js.map

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

package/dist/CopyButton/CopyButton.d.ts

@@ -0,0 +1,14 @@
+import { type ButtonProps } from '../Button';
+export declare function copyText(value: string): Promise<boolean>;
+/** Copy `value`, then `onCopied` or an error toast. */
+export declare function copyWithFeedback(value: string, onCopied: () => void): void;
+export declare function useCopyFeedback(duration?: number): {
+    copied: boolean;
+    markCopied: () => void;
+};
+export interface CopyButtonProps extends Omit<ButtonProps, 'href' | 'target' | 'rel' | 'onPress'> {
+    value: string;
+    copiedLabel?: string;
+}
+export declare function CopyButton({ value, copiedLabel, children, tooltip, tooltipPlacement, iconOnly, 'aria-label': ariaLabel, ...buttonProps }: CopyButtonProps): import("react").JSX.Element;
+//# sourceMappingURL=CopyButton.d.ts.map

package/dist/CopyButton/CopyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../src/CopyButton/CopyButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAOrD,wBAAsB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAS9D;AAED,uDAAuD;AACvD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,QAUnE;AAED,wBAAgB,eAAe,CAAC,QAAQ,SAAY;;;EAanD;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAC7F,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,WAAsB,EACtB,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,QAAe,EACf,YAAY,EAAE,SAAS,EACvB,GAAG,WAAW,EACjB,EAAE,eAAe,+BA8BjB"}

package/dist/CopyButton/CopyButton.js

@@ -0,0 +1,82 @@
+import { Copy as d, Check as f } from "@reforma/icons/14";
+import { useState as C, useRef as y, useEffect as h } from "react";
+import { Button as k } from "../Button/Button.js";
+import { toast as v } from "../Toast/Toast.js";
+import { Tooltip as T } from "../Tooltip/Tooltip.js";
+import a from "./CopyButton.module.css.js";
+import { jsx as o, jsxs as x } from "react/jsx-runtime";
+const N = 1500;
+async function b(e) {
+  try {
+    return await navigator.clipboard.writeText(e), !0;
+  } catch {
+    return !1;
+  }
+}
+function g(e, r) {
+  b(e).then((t) => {
+    if (t) {
+      r();
+      return;
+    }
+    v.error({
+      message: "Couldn't copy"
+    });
+  });
+}
+function P(e = N) {
+  const [r, t] = C(!1), i = y(void 0);
+  return h(() => () => clearTimeout(i.current), []), {
+    copied: r,
+    markCopied: () => {
+      t(!0), clearTimeout(i.current), i.current = setTimeout(() => t(!1), e);
+    }
+  };
+}
+function D({
+  value: e,
+  copiedLabel: r = "Copied",
+  children: t,
+  tooltip: i,
+  tooltipPlacement: c,
+  iconOnly: p = !0,
+  "aria-label": m,
+  ...u
+}) {
+  const {
+    copied: n,
+    markCopied: l
+  } = P(), s = i ?? "Copy";
+  return /* @__PURE__ */ o(T, {
+    content: n ? r : s,
+    delay: n ? 0 : void 0,
+    isOpen: n ? !0 : void 0,
+    placement: c,
+    shouldCloseOnPress: !1,
+    children: /* @__PURE__ */ o(k, {
+      ...u,
+      "aria-label": n ? r : m ?? (typeof s == "string" ? s : "Copy"),
+      iconOnly: p,
+      onPress: () => g(e, l),
+      children: p ? /* @__PURE__ */ x("span", {
+        className: a.icons,
+        "data-copied": n || void 0,
+        "aria-hidden": !0,
+        children: [/* @__PURE__ */ o("span", {
+          className: a.idle,
+          children: t ?? /* @__PURE__ */ o(d, {})
+        }), /* @__PURE__ */ o("span", {
+          className: a.done,
+          children: /* @__PURE__ */ o(f, {})
+        })]
+      }) : t ?? /* @__PURE__ */ o(d, {})
+    })
+  });
+}
+export {
+  D as CopyButton,
+  b as copyText,
+  g as copyWithFeedback,
+  P as useCopyFeedback
+};
+//# sourceMappingURL=CopyButton.js.map

package/dist/CopyButton/CopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.js","sources":["../../src/CopyButton/CopyButton.tsx"],"sourcesContent":["import { Check, Copy } from '@reforma/icons/14';\nimport { useEffect, useRef, useState } from 'react';\n\nimport { Button, type ButtonProps } from '../Button';\nimport { toast } from '../Toast';\nimport { Tooltip } from '../Tooltip';\nimport styles from './CopyButton.module.css';\n\nconst COPIED_MS = 1500;\n\nexport async function copyText(value: string): Promise<boolean> {\n    try {\n        await navigator.clipboard.writeText(value);\n\n        return true;\n    }\n    catch {\n        return false;\n    }\n}\n\n/** Copy `value`, then `onCopied` or an error toast. */\nexport function copyWithFeedback(value: string, onCopied: () => void) {\n    void copyText(value).then((ok) => {\n        if (ok) {\n            onCopied();\n\n            return;\n        }\n\n        toast.error({ message: 'Couldn\\'t copy' });\n    });\n}\n\nexport function useCopyFeedback(duration = COPIED_MS) {\n    const [copied, setCopied] = useState(false);\n    const timerRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n    useEffect(() => () => clearTimeout(timerRef.current), []);\n\n    const markCopied = () => {\n        setCopied(true);\n        clearTimeout(timerRef.current);\n        timerRef.current = setTimeout(() => setCopied(false), duration);\n    };\n\n    return { copied, markCopied };\n}\n\nexport interface CopyButtonProps extends Omit<ButtonProps, 'href' | 'target' | 'rel' | 'onPress'> {\n    value: string;\n    copiedLabel?: string;\n}\n\nexport function CopyButton({\n    value,\n    copiedLabel = 'Copied',\n    children,\n    tooltip,\n    tooltipPlacement,\n    iconOnly = true,\n    'aria-label': ariaLabel,\n    ...buttonProps\n}: CopyButtonProps) {\n    const { copied, markCopied } = useCopyFeedback();\n    const idleContent = tooltip ?? 'Copy';\n    const idleName = typeof idleContent === 'string' ? idleContent : 'Copy';\n\n    return (\n        <Tooltip\n            content={ copied ? copiedLabel : idleContent }\n            delay={ copied ? 0 : undefined }\n            isOpen={ copied ? true : undefined }\n            placement={ tooltipPlacement }\n            shouldCloseOnPress={ false }\n        >\n            <Button\n                { ...buttonProps }\n                aria-label={ copied ? copiedLabel : (ariaLabel ?? idleName) }\n                iconOnly={ iconOnly }\n                onPress={ () => copyWithFeedback(value, markCopied) }\n            >\n                { iconOnly\n                    ? (\n                        <span className={ styles.icons } data-copied={ copied || undefined } aria-hidden>\n                            <span className={ styles.idle }>{ children ?? <Copy /> }</span>\n                            <span className={ styles.done }><Check /></span>\n                        </span>\n                    )\n                    : (children ?? <Copy />) }\n            </Button>\n        </Tooltip>\n    );\n}\n"],"names":["COPIED_MS","copyText","value","copyWithFeedback","onCopied","ok","toast","useCopyFeedback","duration","copied","setCopied","useState","timerRef","useRef","useEffect","CopyButton","copiedLabel","children","tooltip","tooltipPlacement","iconOnly","ariaLabel","buttonProps","markCopied","idleContent","Tooltip","Button","_jsxs","styles","_jsx","Copy","Check"],"mappings":";;;;;;;AAOA,MAAMA,IAAY;AAClB,eAAsBC,EAASC,GAAO;AACpC,MAAI;AACF,iBAAM,UAAU,UAAU,UAAUA,CAAK,GAClC;AAAA,EACT,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAGO,SAASC,EAAiBD,GAAOE,GAAU;AAChD,EAAKH,EAASC,CAAK,EAAE,KAAK,CAAAG,MAAM;AAC9B,QAAIA,GAAI;AACN,MAAAD,EAAA;AACA;AAAA,IACF;AACA,IAAAE,EAAM,MAAM;AAAA,MACV,SAAS;AAAA,IAAA,CACV;AAAA,EACH,CAAC;AACH;AACO,SAASC,EAAgBC,IAAWR,GAAW;AACpD,QAAM,CAACS,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpCC,IAAWC,EAAO,MAAS;AACjC,SAAAC,EAAU,MAAM,MAAM,aAAaF,EAAS,OAAO,GAAG,CAAA,CAAE,GAMjD;AAAA,IACL,QAAAH;AAAA,IACA,YAPiB,MAAM;AACvB,MAAAC,EAAU,EAAI,GACd,aAAaE,EAAS,OAAO,GAC7BA,EAAS,UAAU,WAAW,MAAMF,EAAU,EAAK,GAAGF,CAAQ;AAAA,IAChE;AAAA,EAGE;AAEJ;AACO,SAASO,EAAW;AAAA,EACzB,OAAAb;AAAA,EACA,aAAAc,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,cAAcC;AAAA,EACd,GAAGC;AACL,GAAG;AACD,QAAM;AAAA,IACJ,QAAAb;AAAA,IACA,YAAAc;AAAA,EAAA,IACEhB,EAAA,GACEiB,IAAcN,KAAW;AAE/B,2BAAyBO,GAAS;AAAA,IAChC,SAAShB,IAASO,IAAcQ;AAAA,IAChC,OAAOf,IAAS,IAAI;AAAA,IACpB,QAAQA,IAAS,KAAO;AAAA,IACxB,WAAWU;AAAA,IACX,oBAAoB;AAAA,IACpB,4BAA4BO,GAAQ;AAAA,MAClC,GAAGJ;AAAA,MACH,cAAcb,IAASO,IAAcK,MATxB,OAAOG,KAAgB,WAAWA,IAAc;AAAA,MAU7D,UAAAJ;AAAA,MACA,SAAS,MAAMjB,EAAiBD,GAAOqB,CAAU;AAAA,MACjD,UAAUH,IAAwBO,gBAAAA,EAAM,QAAQ;AAAA,QAC9C,WAAWC,EAAO;AAAA,QAClB,eAAenB,KAAU;AAAA,QACzB,eAAe;AAAA,QACf,UAAU,CAAcoB,gBAAAA,EAAK,QAAQ;AAAA,UACnC,WAAWD,EAAO;AAAA,UAClB,UAAUX,KAAyBY,gBAAAA,EAAKC,GAAM,CAAA,CAAE;AAAA,QAAA,CACjD,GAAgBD,gBAAAA,EAAK,QAAQ;AAAA,UAC5B,WAAWD,EAAO;AAAA,UAClB,UAAuBC,gBAAAA,EAAKE,GAAO,CAAA,CAAE;AAAA,QAAA,CACtC,CAAC;AAAA,MAAA,CACH,IAAId,KAAyBY,gBAAAA,EAAKC,GAAM,CAAA,CAAE;AAAA,IAAA,CAC5C;AAAA,EAAA,CACF;AACH;"}

package/dist/CopyButton/CopyButton.module.css

@@ -0,0 +1 @@
+@layer components{.CopyButton_icons_0qisBi{display:grid;place-items:center}.CopyButton_idle_wJpHdh,.CopyButton_done_dYxHMQ{display:flex;grid-area:1 / 1;transition-duration:var(--transition-duration-fast);transition-property:opacity,transform;transition-timing-function:var(--ease)}.CopyButton_done_dYxHMQ{transform:scale(.45) rotate(-50deg);opacity:0}.CopyButton_icons_0qisBi[data-copied] .CopyButton_idle_wJpHdh{transform:scale(.45) rotate(50deg);opacity:0}.CopyButton_icons_0qisBi[data-copied] .CopyButton_done_dYxHMQ{transform:none;opacity:1;transition-duration:var(--transition-duration);transition-timing-function:var(--ease-bounce)}@media(prefers-reduced-motion:reduce){.CopyButton_idle_wJpHdh,.CopyButton_done_dYxHMQ{transition:none}}}

package/dist/CopyButton/CopyButton.module.css.js

@@ -0,0 +1,12 @@
+const o = "CopyButton_icons_0qisBi", n = "CopyButton_idle_wJpHdh", t = "CopyButton_done_dYxHMQ", s = {
+  icons: o,
+  idle: n,
+  done: t
+};
+export {
+  s as default,
+  t as done,
+  o as icons,
+  n as idle
+};
+//# sourceMappingURL=CopyButton.module.css.js.map

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

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

package/dist/CopyButton/index.d.ts

@@ -0,0 +1,3 @@
+export { CopyButton, copyText, copyWithFeedback, useCopyFeedback } from './CopyButton';
+export type { CopyButtonProps } from './CopyButton';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CopyButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACvF,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/CopyButton/index.js

@@ -0,0 +1,8 @@
+import { CopyButton as p, copyText as t, copyWithFeedback as c, useCopyFeedback as y } from "./CopyButton.js";
+export {
+  p as CopyButton,
+  t as copyText,
+  c as copyWithFeedback,
+  y as useCopyFeedback
+};
+//# sourceMappingURL=index.js.map

package/dist/CopyButton/index.js.map

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

package/dist/CreateComposer/CreateComposer.d.ts

@@ -0,0 +1,26 @@
+import { type ReactNode } from 'react';
+import type { CreateComposerUploadResult, CreateComposerValue } from './types';
+export type CreateComposerProps = {
+    value: CreateComposerValue;
+    onChange: (value: CreateComposerValue) => void;
+    onSubmit: () => void;
+    uploadFile: (file: File) => Promise<CreateComposerUploadResult>;
+    busy?: boolean;
+    placeholder?: string;
+    autoFocus?: boolean;
+    className?: string;
+    header?: ReactNode;
+    /** Extra controls next to send (e.g. admin grade strip). */
+    toolbarEnd?: ReactNode;
+    submitHotkey?: 'enter' | 'mod+enter';
+    /** Fixed min rows for the rich field (create project uses 3). */
+    rows?: number;
+    /** Footer hint under the shell. Default: mod+enter copy. */
+    hint?: ReactNode | false;
+};
+/**
+ * MobX-free create-project composer: prompt, plan mode, attachments, submit.
+ * Host supplies {@link uploadFile}; handoff / auth stay outside.
+ */
+export declare function CreateComposer({ value, onChange, onSubmit, uploadFile, busy, placeholder, autoFocus, className, header, toolbarEnd, submitHotkey, rows, hint, }: CreateComposerProps): import("react").JSX.Element;
+//# sourceMappingURL=CreateComposer.d.ts.map

package/dist/CreateComposer/CreateComposer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateComposer.d.ts","sourceRoot":"","sources":["../../src/CreateComposer/CreateComposer.tsx"],"names":[],"mappings":"AAYA,OAAO,EAMH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAsBf,OAAO,KAAK,EAER,0BAA0B,EAC1B,mBAAmB,EACtB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,mBAAmB,GAAG;IAC9B,KAAK,EAAE,mBAAmB,CAAC;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC/C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,0BAA0B,CAAC,CAAC;IAChE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IACrC,iEAAiE;IACjE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;CAC5B,CAAC;AAmCF;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,IAAY,EACZ,WAAkC,EAClC,SAAgB,EAChB,SAAS,EACT,MAAM,EACN,UAAU,EACV,YAA0B,EAC1B,IAAQ,EACR,IAAI,GACP,EAAE,mBAAmB,+BAmVrB"}