@reforma/components 0.0.0-stage → 0.1.0

package/dist/AngleControl/useAngleState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAngleState.js","sources":["../../src/AngleControl/useAngleState.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nimport {\n    applyAngleValueRange,\n    clampAngle,\n    fromDegrees,\n    normalizeDegrees,\n    roundAngleValueInRange,\n    toDegrees,\n    type AngleChangeMeta,\n    type AngleChangeSource,\n    type AnglePrecision,\n    type AngleUnit,\n    type AngleValue,\n    type AngleValueRange,\n} from './angle';\n\ninterface UseAngleStateOptions {\n    value?: AngleValue;\n    defaultValue?: AngleValue;\n    unit?: AngleUnit;\n    min?: number;\n    max?: number;\n    precision?: AnglePrecision;\n    valueRange?: AngleValueRange;\n    onChange?: (value: AngleValue, meta: AngleChangeMeta) => void;\n    onChangeEnd?: (value: AngleValue, meta: AngleChangeMeta) => void;\n}\n\nexport interface AngleState {\n    value: AngleValue;\n    unit: AngleUnit;\n    degrees: number;\n    normalizedDegrees: number;\n    minDegrees: number | undefined;\n    maxDegrees: number | undefined;\n    setDegrees: (degrees: number, source: AngleChangeSource, committed: boolean) => AngleValue;\n    setValue: (value: AngleValue, source: AngleChangeSource, committed: boolean) => AngleValue;\n}\n\nconst FALLBACK_VALUE: AngleValue = { value: 0, unit: 'deg' };\n\nexport function useAngleState({\n    value: controlledValue,\n    defaultValue,\n    unit: unitProp,\n    min,\n    max,\n    precision,\n    valueRange = 'unbounded',\n    onChange,\n    onChangeEnd,\n}: UseAngleStateOptions): AngleState {\n    const [uncontrolledValue, setUncontrolledValue] = useState<AngleValue>(\n        defaultValue ?? { ...FALLBACK_VALUE, unit: unitProp ?? FALLBACK_VALUE.unit }\n    );\n\n    const isControlled = controlledValue !== undefined;\n    const rawValue = controlledValue ?? uncontrolledValue;\n    const unit = unitProp ?? rawValue.unit;\n    const minDegrees = min == null ? undefined : toDegrees({ value: min, unit });\n    const maxDegrees = max == null ? undefined : toDegrees({ value: max, unit });\n    const rawDegrees = clampAngle(applyAngleValueRange(toDegrees(rawValue), valueRange), minDegrees, maxDegrees);\n    const value = useMemo(() => (\n        roundAngleValueInRange(fromDegrees(rawDegrees, unit), precision, min, max)\n    ), [max, min, precision, rawDegrees, unit]);\n    const degrees = toDegrees(value);\n\n    const emitValue = useCallback((nextValue: AngleValue, source: AngleChangeSource, committed: boolean): AngleValue => {\n        const outputUnit = unitProp ?? nextValue.unit;\n        const nextDegrees = clampAngle(applyAngleValueRange(toDegrees(nextValue), valueRange), minDegrees, maxDegrees);\n        const outputValue = roundAngleValueInRange(fromDegrees(nextDegrees, outputUnit), precision, min, max);\n        const outputDegrees = toDegrees(outputValue);\n        const meta: AngleChangeMeta = {\n            source,\n            degrees: outputDegrees,\n            normalizedDegrees: normalizeDegrees(outputDegrees),\n            unit: outputUnit,\n            committed,\n        };\n\n        if (!isControlled) {\n            setUncontrolledValue(outputValue);\n        }\n\n        onChange?.(outputValue, meta);\n\n        if (committed) {\n            onChangeEnd?.(outputValue, meta);\n        }\n\n        return outputValue;\n    }, [isControlled, max, maxDegrees, min, minDegrees, onChange, onChangeEnd, precision, unitProp, valueRange]);\n\n    const setDegrees = useCallback((nextDegrees: number, source: AngleChangeSource, committed: boolean): AngleValue => (\n        emitValue(fromDegrees(nextDegrees, unit), source, committed)\n    ), [emitValue, unit]);\n\n    return {\n        value,\n        unit,\n        degrees,\n        normalizedDegrees: normalizeDegrees(degrees),\n        minDegrees,\n        maxDegrees,\n        setDegrees,\n        setValue: emitValue,\n    };\n}\n"],"names":["FALLBACK_VALUE","useAngleState","controlledValue","defaultValue","unitProp","min","max","precision","valueRange","onChange","onChangeEnd","uncontrolledValue","setUncontrolledValue","useState","isControlled","rawValue","unit","minDegrees","toDegrees","maxDegrees","rawDegrees","clampAngle","applyAngleValueRange","value","useMemo","roundAngleValueInRange","fromDegrees","degrees","emitValue","useCallback","nextValue","source","committed","outputUnit","nextDegrees","outputValue","outputDegrees","meta","normalizeDegrees","setDegrees"],"mappings":";;AAEA,MAAMA,IAAiB;AAAA,EACrB,OAAO;AAAA,EACP,MAAM;AACR;AACO,SAASC,EAAc;AAAA,EAC5B,OAAOC;AAAA,EACP,cAAAC;AAAA,EACA,MAAMC;AAAA,EACN,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,aAAAC;AACF,GAAG;AACD,QAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAASV,KAAgB;AAAA,IACzE,GAAGH;AAAA,IACH,MAAMI,KAAYJ,EAAe;AAAA,EAAA,CAClC,GACKc,IAAeZ,MAAoB,QACnCa,IAAWb,KAAmBS,GAC9BK,IAAOZ,KAAYW,EAAS,MAC5BE,IAAaZ,KAAO,OAAO,SAAYa,EAAU;AAAA,IACrD,OAAOb;AAAA,IACP,MAAAW;AAAA,EAAA,CACD,GACKG,IAAab,KAAO,OAAO,SAAYY,EAAU;AAAA,IACrD,OAAOZ;AAAA,IACP,MAAAU;AAAA,EAAA,CACD,GACKI,IAAaC,EAAWC,EAAqBJ,EAAUH,CAAQ,GAAGP,CAAU,GAAGS,GAAYE,CAAU,GACrGI,IAAQC,EAAQ,MAAMC,EAAuBC,EAAYN,GAAYJ,CAAI,GAAGT,GAAWF,GAAKC,CAAG,GAAG,CAACA,GAAKD,GAAKE,GAAWa,GAAYJ,CAAI,CAAC,GACzIW,IAAUT,EAAUK,CAAK,GACzBK,IAAYC,EAAY,CAACC,GAAWC,GAAQC,MAAc;AAC9D,UAAMC,IAAa7B,KAAY0B,EAAU,MACnCI,IAAcb,EAAWC,EAAqBJ,EAAUY,CAAS,GAAGtB,CAAU,GAAGS,GAAYE,CAAU,GACvGgB,IAAcV,EAAuBC,EAAYQ,GAAaD,CAAU,GAAG1B,GAAWF,GAAKC,CAAG,GAC9F8B,IAAgBlB,EAAUiB,CAAW,GACrCE,IAAO;AAAA,MACX,QAAAN;AAAA,MACA,SAASK;AAAA,MACT,mBAAmBE,EAAiBF,CAAa;AAAA,MACjD,MAAMH;AAAA,MACN,WAAAD;AAAA,IAAA;AAEF,WAAKlB,KACHF,EAAqBuB,CAAW,GAElC1B,IAAW0B,GAAaE,CAAI,GACxBL,KACFtB,IAAcyB,GAAaE,CAAI,GAE1BF;AAAA,EACT,GAAG,CAACrB,GAAcR,GAAKa,GAAYd,GAAKY,GAAYR,GAAUC,GAAaH,GAAWH,GAAUI,CAAU,CAAC,GACrG+B,IAAaV,EAAY,CAACK,GAAaH,GAAQC,MAAcJ,EAAUF,EAAYQ,GAAalB,CAAI,GAAGe,GAAQC,CAAS,GAAG,CAACJ,GAAWZ,CAAI,CAAC;AAClJ,SAAO;AAAA,IACL,OAAAO;AAAA,IACA,MAAAP;AAAA,IACA,SAAAW;AAAA,IACA,mBAAmBW,EAAiBX,CAAO;AAAA,IAC3C,YAAAV;AAAA,IACA,YAAAE;AAAA,IACA,YAAAoB;AAAA,IACA,UAAUX;AAAA,EAAA;AAEd;"}

package/dist/AsChild/AsChild.d.ts

@@ -0,0 +1,18 @@
+import type { HTMLAttributes, ReactElement, ReactNode, Ref } from 'react';
+export type AsChildElement = ReactElement<{
+    className?: string;
+    ref?: Ref<HTMLElement>;
+}>;
+export type AsChildProps = {
+    children: ReactNode;
+    ref?: Ref<HTMLElement | null>;
+} & Omit<HTMLAttributes<HTMLElement>, 'children' | 'ref'>;
+/**
+ * AsChild pattern: merge React Aria `mergeProps` with `...rest` onto a single child, then clone.
+ * Renders no wrapper DOM node.
+ */
+export declare function AsChild({ children, className: outerClassName, ref: outerRef, ...rest }: AsChildProps): ReactElement;
+export declare namespace AsChild {
+    var displayName: string;
+}
+//# sourceMappingURL=AsChild.d.ts.map

package/dist/AsChild/AsChild.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsChild.d.ts","sourceRoot":"","sources":["../../src/AsChild/AsChild.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE1E,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,CAAC,CAAC;AAE1F,MAAM,MAAM,YAAY,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACjC,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,CAAC;AAE1D;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,GAAG,YAAY,CAenH;yBAfe,OAAO"}

package/dist/AsChild/AsChild.js

@@ -0,0 +1,20 @@
+import { mergeRefs as c, cn as i } from "@reforma/lib";
+import { Children as n, cloneElement as p } from "react";
+import { mergeProps as t } from "react-aria";
+function a({
+  children: o,
+  className: s,
+  ref: m,
+  ...l
+}) {
+  const r = n.only(o), e = r.props;
+  return /* @__PURE__ */ p(r, t(e, l, {
+    className: i(e.className, s),
+    ref: c(m, e.ref)
+  }));
+}
+a.displayName = "AsChild";
+export {
+  a as AsChild
+};
+//# sourceMappingURL=AsChild.js.map

package/dist/AsChild/AsChild.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsChild.js","sources":["../../src/AsChild/AsChild.tsx"],"sourcesContent":["import { cn, mergeRefs } from '@reforma/lib';\nimport { Children, cloneElement } from 'react';\nimport { mergeProps } from 'react-aria';\n\nimport type { HTMLAttributes, ReactElement, ReactNode, Ref } from 'react';\n\nexport type AsChildElement = ReactElement<{ className?: string; ref?: Ref<HTMLElement> }>;\n\nexport type AsChildProps = {\n    children: ReactNode;\n    ref?: Ref<HTMLElement | null>;\n} & Omit<HTMLAttributes<HTMLElement>, 'children' | 'ref'>;\n\n/**\n * AsChild pattern: merge React Aria `mergeProps` with `...rest` onto a single child, then clone.\n * Renders no wrapper DOM node.\n */\nexport function AsChild({ children, className: outerClassName, ref: outerRef, ...rest }: AsChildProps): ReactElement {\n    const child = Children.only(children) as AsChildElement;\n    const childProps = child.props;\n\n    return cloneElement(\n        child,\n        mergeProps(\n            childProps,\n            rest,\n            {\n                className: cn(childProps.className, outerClassName),\n                ref: mergeRefs(outerRef, childProps.ref),\n            }\n        )\n    );\n}\n\nAsChild.displayName = 'AsChild';\n"],"names":["AsChild","children","outerClassName","outerRef","rest","child","Children","childProps","cloneElement","mergeProps","cn","mergeRefs"],"mappings":";;;AAOO,SAASA,EAAQ;AAAA,EACtB,UAAAC;AAAA,EACA,WAAWC;AAAA,EACX,KAAKC;AAAA,EACL,GAAGC;AACL,GAAG;AACD,QAAMC,IAAQC,EAAS,KAAKL,CAAQ,GAC9BM,IAAaF,EAAM;AACzB,SAAoB,gBAAAG,EAAaH,GAAOI,EAAWF,GAAYH,GAAM;AAAA,IACnE,WAAWM,EAAGH,EAAW,WAAWL,CAAc;AAAA,IAClD,KAAKS,EAAUR,GAAUI,EAAW,GAAG;AAAA,EAAA,CACxC,CAAC;AACJ;AACAP,EAAQ,cAAc;"}

package/dist/AsChild/index.d.ts

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

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

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

package/dist/AsChild/index.js

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

package/dist/AsChild/index.js.map

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

package/dist/Autocomplete/Autocomplete.d.ts

@@ -0,0 +1,29 @@
+import { type AutocompleteProps as RACAutocompleteProps } from 'react-aria-components';
+import type { KeyboardEvent, ReactNode, Ref } from 'react';
+export interface AutocompleteProps extends Omit<RACAutocompleteProps, 'children'> {
+    /** Constrains the list area and enables scrolling. */
+    maxHeight: number | string;
+    placeholder?: string;
+    'aria-label': string;
+    autoFocus?: boolean;
+    isDisabled?: boolean;
+    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
+    inputClassName?: string;
+    className?: string;
+    /** Scroll viewport of the list area (infinite load, etc.). */
+    scrollContainerRef?: Ref<HTMLDivElement | null>;
+    /** Render children directly when they provide their own scroll viewport. */
+    childrenOwnScroll?: boolean;
+    /** Typically a {@link ListBox} (and optional sections / empty state). */
+    children: ReactNode;
+}
+/**
+ * Searchable list shell for use inside a {@link Popover}: RAC {@link Autocomplete}
+ * + filter input + {@link Separator} + a default {@link PopoverScroll}.
+ * Callers own the list content.
+ */
+export declare function Autocomplete({ maxHeight, placeholder, 'aria-label': ariaLabel, autoFocus, isDisabled, onKeyDown, inputClassName, className, scrollContainerRef, childrenOwnScroll, children, ...autocompleteProps }: AutocompleteProps): import("react").JSX.Element;
+export declare namespace Autocomplete {
+    var displayName: string;
+}
+//# sourceMappingURL=Autocomplete.d.ts.map

package/dist/Autocomplete/Autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEH,KAAK,iBAAiB,IAAI,oBAAoB,EACjD,MAAM,uBAAuB,CAAC;AAQ/B,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE3D,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;IAC7E,sDAAsD;IACtD,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,kBAAkB,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,yEAAyE;IACzE,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EACzB,SAAS,EACT,WAAW,EACX,YAAY,EAAE,SAAS,EACvB,SAAgB,EAChB,UAAU,EACV,SAAS,EACT,cAAc,EACd,SAAS,EACT,kBAAkB,EAClB,iBAAyB,EACzB,QAAQ,EACR,GAAG,iBAAiB,EACvB,EAAE,iBAAiB,+BAiCnB;yBA9Ce,YAAY"}

package/dist/Autocomplete/Autocomplete.js

@@ -0,0 +1,61 @@
+import { Search as d } from "@reforma/icons/14";
+import { cn as e } from "@reforma/lib";
+import { Autocomplete as x } from "react-aria-components";
+import { Input as A } from "../Input/Input.js";
+import { PopoverScroll as S } from "../Popover/PopoverScroll.js";
+import { Separator as b } from "../Separator/Separator.js";
+import { Show as v } from "../Show/Show.js";
+import t from "./Autocomplete.module.css.js";
+import { jsx as r, jsxs as y } from "react/jsx-runtime";
+function N({
+  maxHeight: a,
+  placeholder: i,
+  "aria-label": m,
+  autoFocus: p = !0,
+  isDisabled: l,
+  onKeyDown: s,
+  inputClassName: c,
+  className: n,
+  scrollContainerRef: f,
+  childrenOwnScroll: u = !1,
+  children: o,
+  ...h
+}) {
+  return /* @__PURE__ */ r("div", {
+    className: e(t.root, n),
+    children: /* @__PURE__ */ y(x, {
+      ...h,
+      children: [/* @__PURE__ */ r(A, {
+        type: "text",
+        size: "sm",
+        variant: "inline",
+        placeholder: i,
+        "aria-label": m,
+        autoFocus: p,
+        isDisabled: l,
+        onKeyDown: s,
+        className: e(t.searchInput, c),
+        children: /* @__PURE__ */ r(d, {
+          slot: "prefix",
+          "aria-hidden": !0,
+          size: 14
+        })
+      }), /* @__PURE__ */ r(b, {
+        spacing: "xs"
+      }), /* @__PURE__ */ r(v, {
+        when: u,
+        fallback: /* @__PURE__ */ r(S, {
+          maxHeight: a,
+          containerRef: f,
+          children: o
+        }),
+        children: o
+      })]
+    })
+  });
+}
+N.displayName = "Autocomplete";
+export {
+  N as Autocomplete
+};
+//# sourceMappingURL=Autocomplete.js.map

package/dist/Autocomplete/Autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.js","sources":["../../src/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import { Search } from '@reforma/icons/14';\nimport { cn } from '@reforma/lib';\nimport {\n    Autocomplete as RACAutocomplete,\n    type AutocompleteProps as RACAutocompleteProps,\n} from 'react-aria-components';\n\nimport { Input } from '../Input';\nimport { PopoverScroll } from '../Popover';\nimport { Separator } from '../Separator';\nimport { Show } from '../Show';\nimport styles from './Autocomplete.module.css';\n\nimport type { KeyboardEvent, ReactNode, Ref } from 'react';\n\nexport interface AutocompleteProps extends Omit<RACAutocompleteProps, 'children'> {\n    /** Constrains the list area and enables scrolling. */\n    maxHeight: number | string;\n    placeholder?: string;\n    'aria-label': string;\n    autoFocus?: boolean;\n    isDisabled?: boolean;\n    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;\n    inputClassName?: string;\n    className?: string;\n    /** Scroll viewport of the list area (infinite load, etc.). */\n    scrollContainerRef?: Ref<HTMLDivElement | null>;\n    /** Render children directly when they provide their own scroll viewport. */\n    childrenOwnScroll?: boolean;\n    /** Typically a {@link ListBox} (and optional sections / empty state). */\n    children: ReactNode;\n}\n\n/**\n * Searchable list shell for use inside a {@link Popover}: RAC {@link Autocomplete}\n * + filter input + {@link Separator} + a default {@link PopoverScroll}.\n * Callers own the list content.\n */\nexport function Autocomplete({\n    maxHeight,\n    placeholder,\n    'aria-label': ariaLabel,\n    autoFocus = true,\n    isDisabled,\n    onKeyDown,\n    inputClassName,\n    className,\n    scrollContainerRef,\n    childrenOwnScroll = false,\n    children,\n    ...autocompleteProps\n}: AutocompleteProps) {\n    return (\n        <div className={ cn(styles.root, className) }>\n            <RACAutocomplete { ...autocompleteProps }>\n                <Input\n                    type=\"text\"\n                    size=\"sm\"\n                    variant=\"inline\"\n                    placeholder={ placeholder }\n                    aria-label={ ariaLabel }\n                    autoFocus={ autoFocus }\n                    isDisabled={ isDisabled }\n                    onKeyDown={ onKeyDown }\n                    className={ cn(styles.searchInput, inputClassName) }\n                >\n                    <Search slot=\"prefix\" aria-hidden size={ 14 } />\n                </Input>\n\n                <Separator spacing=\"xs\" />\n\n                <Show\n                    when={ childrenOwnScroll }\n                    fallback={ (\n                        <PopoverScroll maxHeight={ maxHeight } containerRef={ scrollContainerRef }>\n                            { children }\n                        </PopoverScroll>\n                    ) }\n                >\n                    { children }\n                </Show>\n            </RACAutocomplete>\n        </div>\n    );\n}\n\nAutocomplete.displayName = 'Autocomplete';\n"],"names":["Autocomplete","maxHeight","placeholder","ariaLabel","autoFocus","isDisabled","onKeyDown","inputClassName","className","scrollContainerRef","childrenOwnScroll","children","autocompleteProps","cn","styles","RACAutocomplete","_jsx","Input","Search","Separator","Show","PopoverScroll"],"mappings":";;;;;;;;;AAcO,SAASA,EAAa;AAAA,EAC3B,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAcC;AAAA,EACd,WAAAC,IAAY;AAAA,EACZ,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,UAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AACD,2BAAyB,OAAO;AAAA,IAC9B,WAAWC,EAAGC,EAAO,MAAMN,CAAS;AAAA,IACpC,4BAA6BO,GAAiB;AAAA,MAC5C,GAAGH;AAAA,MACH,UAAU,CAAcI,gBAAAA,EAAKC,GAAO;AAAA,QAClC,MAAM;AAAA,QACN,MAAM;AAAA,QACN,SAAS;AAAA,QACT,aAAAf;AAAA,QACA,cAAcC;AAAA,QACd,WAAAC;AAAA,QACA,YAAAC;AAAA,QACA,WAAAC;AAAA,QACA,WAAWO,EAAGC,EAAO,aAAaP,CAAc;AAAA,QAChD,4BAA4BW,GAAQ;AAAA,UAClC,MAAM;AAAA,UACN,eAAe;AAAA,UACf,MAAM;AAAA,QAAA,CACP;AAAA,MAAA,CACF,GAAgBF,gBAAAA,EAAKG,GAAW;AAAA,QAC/B,SAAS;AAAA,MAAA,CACV,GAAgBH,gBAAAA,EAAKI,GAAM;AAAA,QAC1B,MAAMV;AAAA,QACN,4BAA4BW,GAAe;AAAA,UACzC,WAAApB;AAAA,UACA,cAAcQ;AAAA,UACd,UAAAE;AAAA,QAAA,CACD;AAAA,QACD,UAAAA;AAAA,MAAA,CACD,CAAC;AAAA,IAAA,CACH;AAAA,EAAA,CACF;AACH;AACAX,EAAa,cAAc;"}

package/dist/Autocomplete/Autocomplete.module.css

@@ -0,0 +1 @@
+@layer components{.Autocomplete_root_iJTur1{display:flex;flex-direction:column;min-width:0}.Autocomplete_searchInput_GauFTg[data-size][data-variant]{--reforma-input-height: var(--spacing-30);--reforma-input-padding-block: var(--spacing-10);--reforma-input-padding-inline: var(--spacing-md);font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}}

package/dist/Autocomplete/Autocomplete.module.css.js

@@ -0,0 +1,10 @@
+const t = "Autocomplete_root_iJTur1", o = "Autocomplete_searchInput_GauFTg", e = {
+  root: t,
+  searchInput: o
+};
+export {
+  e as default,
+  t as root,
+  o as searchInput
+};
+//# sourceMappingURL=Autocomplete.module.css.js.map

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

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

package/dist/Autocomplete/index.d.ts

@@ -0,0 +1,3 @@
+export { Autocomplete, type AutocompleteProps } from './Autocomplete';
+export { autocompleteActiveOption, autocompleteFirstOption, autocompleteOptionKey, useAutocompleteEnterAction, type UseAutocompleteEnterActionOptions, } from './useAutocompleteEnterAction';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EACH,wBAAwB,EACxB,uBAAuB,EACvB,qBAAqB,EACrB,0BAA0B,EAC1B,KAAK,iCAAiC,GACzC,MAAM,8BAA8B,CAAC"}

package/dist/Autocomplete/index.js

@@ -0,0 +1,10 @@
+import { Autocomplete as e } from "./Autocomplete.js";
+import { autocompleteActiveOption as c, autocompleteFirstOption as m, autocompleteOptionKey as i, useAutocompleteEnterAction as r } from "./useAutocompleteEnterAction.js";
+export {
+  e as Autocomplete,
+  c as autocompleteActiveOption,
+  m as autocompleteFirstOption,
+  i as autocompleteOptionKey,
+  r as useAutocompleteEnterAction
+};
+//# sourceMappingURL=index.js.map

package/dist/Autocomplete/index.js.map

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

package/dist/Autocomplete/useAutocompleteEnterAction.d.ts

@@ -0,0 +1,30 @@
+import { type KeyboardEvent } from 'react';
+import type { Key } from 'react-aria-components';
+/**
+ * RAC {@link ListBoxItem} `id` is mirrored as `data-key` on the option node.
+ * Prefer this over scraping visible labels.
+ */
+export declare function autocompleteOptionKey(option: HTMLElement | null): Key | null;
+/** First `[role="option"]` in the listbox controlled by `input`. */
+export declare function autocompleteFirstOption(input: HTMLInputElement): HTMLElement | null;
+/** Option currently pointed at by `aria-activedescendant`, if any. */
+export declare function autocompleteActiveOption(input: HTMLInputElement): HTMLElement | null;
+export type UseAutocompleteEnterActionOptions = {
+    onAction: (key: Key) => void;
+    /**
+     * Map a DOM option to its list key. Defaults to {@link autocompleteOptionKey}.
+     * Override only when items cannot rely on `data-key` (rare).
+     */
+    resolveOptionKey?: (option: HTMLElement | null) => Key | null;
+    /**
+     * When Enter is pressed with no highlighted option (e.g. synthetic “Use path” row
+     * that is filtered in but not focused yet).
+     */
+    fallbackKey?: Key | null | (() => Key | null | undefined);
+};
+/**
+ * Autocomplete Enter does not always fire ListBox `onAction` for custom items.
+ * Call the returned handler from Autocomplete/`Input` `onKeyDown`.
+ */
+export declare function useAutocompleteEnterAction({ onAction, resolveOptionKey, fallbackKey, }: UseAutocompleteEnterActionOptions): (event: KeyboardEvent<HTMLInputElement>) => void;
+//# sourceMappingURL=useAutocompleteEnterAction.d.ts.map

package/dist/Autocomplete/useAutocompleteEnterAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutocompleteEnterAction.d.ts","sourceRoot":"","sources":["../../src/Autocomplete/useAutocompleteEnterAction.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEjD;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,CAM5E;AAED,oEAAoE;AACpE,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,gBAAgB,GAAG,WAAW,GAAG,IAAI,CAQnF;AAED,sEAAsE;AACtE,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,GAAG,WAAW,GAAG,IAAI,CAIpF;AAED,MAAM,MAAM,iCAAiC,GAAG;IAC5C,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,GAAG,GAAG,IAAI,CAAC;IAC9D;;;OAGG;IACH,WAAW,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,GAAG,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;CAC7D,CAAC;AAEF;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,EACvC,QAAQ,EACR,gBAAwC,EACxC,WAAW,GACd,EAAE,iCAAiC,WACL,aAAa,CAAC,gBAAgB,CAAC,UA6B7D"}

package/dist/Autocomplete/useAutocompleteEnterAction.js

@@ -0,0 +1,42 @@
+import { useCallback as l } from "react";
+function o(t) {
+  return t ? t.dataset.key ?? t.getAttribute("data-key") : null;
+}
+function a(t) {
+  const e = t.getAttribute("aria-controls");
+  return e ? document.getElementById(e)?.querySelector('[role="option"]') ?? null : null;
+}
+function f(t) {
+  const e = t.getAttribute("aria-activedescendant");
+  return e ? document.getElementById(e) : null;
+}
+function d({
+  onAction: t,
+  resolveOptionKey: e = o,
+  fallbackKey: r
+}) {
+  return l((u) => {
+    if (u.key !== "Enter")
+      return;
+    u.preventDefault();
+    const c = e(f(u.currentTarget));
+    if (c != null) {
+      t(c);
+      return;
+    }
+    const n = typeof r == "function" ? r() : r;
+    if (n != null && n !== "") {
+      t(n);
+      return;
+    }
+    const i = e(a(u.currentTarget));
+    i != null && t(i);
+  }, [r, t, e]);
+}
+export {
+  f as autocompleteActiveOption,
+  a as autocompleteFirstOption,
+  o as autocompleteOptionKey,
+  d as useAutocompleteEnterAction
+};
+//# sourceMappingURL=useAutocompleteEnterAction.js.map

package/dist/Autocomplete/useAutocompleteEnterAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAutocompleteEnterAction.js","sources":["../../src/Autocomplete/useAutocompleteEnterAction.ts"],"sourcesContent":["import { useCallback, type KeyboardEvent } from 'react';\n\nimport type { Key } from 'react-aria-components';\n\n/**\n * RAC {@link ListBoxItem} `id` is mirrored as `data-key` on the option node.\n * Prefer this over scraping visible labels.\n */\nexport function autocompleteOptionKey(option: HTMLElement | null): Key | null {\n    if (!option) {\n        return null;\n    }\n\n    return option.dataset.key ?? option.getAttribute('data-key');\n}\n\n/** First `[role=\"option\"]` in the listbox controlled by `input`. */\nexport function autocompleteFirstOption(input: HTMLInputElement): HTMLElement | null {\n    const listboxId = input.getAttribute('aria-controls');\n\n    if (!listboxId) {\n        return null;\n    }\n\n    return document.getElementById(listboxId)?.querySelector<HTMLElement>('[role=\"option\"]') ?? null;\n}\n\n/** Option currently pointed at by `aria-activedescendant`, if any. */\nexport function autocompleteActiveOption(input: HTMLInputElement): HTMLElement | null {\n    const activeId = input.getAttribute('aria-activedescendant');\n\n    return activeId ? document.getElementById(activeId) : null;\n}\n\nexport type UseAutocompleteEnterActionOptions = {\n    onAction: (key: Key) => void;\n    /**\n     * Map a DOM option to its list key. Defaults to {@link autocompleteOptionKey}.\n     * Override only when items cannot rely on `data-key` (rare).\n     */\n    resolveOptionKey?: (option: HTMLElement | null) => Key | null;\n    /**\n     * When Enter is pressed with no highlighted option (e.g. synthetic “Use path” row\n     * that is filtered in but not focused yet).\n     */\n    fallbackKey?: Key | null | (() => Key | null | undefined);\n};\n\n/**\n * Autocomplete Enter does not always fire ListBox `onAction` for custom items.\n * Call the returned handler from Autocomplete/`Input` `onKeyDown`.\n */\nexport function useAutocompleteEnterAction({\n    onAction,\n    resolveOptionKey = autocompleteOptionKey,\n    fallbackKey,\n}: UseAutocompleteEnterActionOptions) {\n    return useCallback((event: KeyboardEvent<HTMLInputElement>) => {\n        if (event.key !== 'Enter') {\n            return;\n        }\n\n        event.preventDefault();\n\n        const activeKey = resolveOptionKey(autocompleteActiveOption(event.currentTarget));\n\n        if (activeKey != null) {\n            onAction(activeKey);\n\n            return;\n        }\n\n        const fallback = typeof fallbackKey === 'function' ? fallbackKey() : fallbackKey;\n\n        if (fallback != null && fallback !== '') {\n            onAction(fallback);\n\n            return;\n        }\n\n        const firstKey = resolveOptionKey(autocompleteFirstOption(event.currentTarget));\n\n        if (firstKey != null) {\n            onAction(firstKey);\n        }\n    }, [fallbackKey, onAction, resolveOptionKey]);\n}\n"],"names":["autocompleteOptionKey","option","autocompleteFirstOption","input","listboxId","autocompleteActiveOption","activeId","useAutocompleteEnterAction","onAction","resolveOptionKey","fallbackKey","useCallback","event","activeKey","fallback","firstKey"],"mappings":";AAKO,SAASA,EAAsBC,GAAQ;AAC5C,SAAKA,IAGEA,EAAO,QAAQ,OAAOA,EAAO,aAAa,UAAU,IAFlD;AAGX;AAGO,SAASC,EAAwBC,GAAO;AAC7C,QAAMC,IAAYD,EAAM,aAAa,eAAe;AACpD,SAAKC,IAGE,SAAS,eAAeA,CAAS,GAAG,cAAc,iBAAiB,KAAK,OAFtE;AAGX;AAGO,SAASC,EAAyBF,GAAO;AAC9C,QAAMG,IAAWH,EAAM,aAAa,uBAAuB;AAC3D,SAAOG,IAAW,SAAS,eAAeA,CAAQ,IAAI;AACxD;AAKO,SAASC,EAA2B;AAAA,EACzC,UAAAC;AAAA,EACA,kBAAAC,IAAmBT;AAAA,EACnB,aAAAU;AACF,GAAG;AACD,SAAOC,EAAY,CAAAC,MAAS;AAC1B,QAAIA,EAAM,QAAQ;AAChB;AAEF,IAAAA,EAAM,eAAA;AACN,UAAMC,IAAYJ,EAAiBJ,EAAyBO,EAAM,aAAa,CAAC;AAChF,QAAIC,KAAa,MAAM;AACrB,MAAAL,EAASK,CAAS;AAClB;AAAA,IACF;AACA,UAAMC,IAAW,OAAOJ,KAAgB,aAAaA,MAAgBA;AACrE,QAAII,KAAY,QAAQA,MAAa,IAAI;AACvC,MAAAN,EAASM,CAAQ;AACjB;AAAA,IACF;AACA,UAAMC,IAAWN,EAAiBP,EAAwBU,EAAM,aAAa,CAAC;AAC9E,IAAIG,KAAY,QACdP,EAASO,CAAQ;AAAA,EAErB,GAAG,CAACL,GAAaF,GAAUC,CAAgB,CAAC;AAC9C;"}

package/dist/Avatar/Avatar.d.ts

@@ -0,0 +1,19 @@
+import type { HTMLAttributes, ReactNode, Ref } from 'react';
+export type AvatarSize = 'xxs' | 'sm' | 'md';
+export interface AvatarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    ref?: Ref<HTMLDivElement>;
+    size?: AvatarSize;
+    color?: 'secondary' | 'primary';
+    rounded?: boolean;
+    src?: string;
+    alt?: string;
+    fallback?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    className?: string;
+}
+export declare function Avatar({ size, color, rounded, src, alt, fallback, title, description, className, ...attrs }: AvatarProps): import("react").JSX.Element;
+export declare namespace Avatar {
+    var displayName: string;
+}
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/Avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC9E,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,MAAM,CAAC,EACnB,IAAW,EACX,KAAmB,EACnB,OAAO,EACP,GAAG,EACH,GAAG,EACH,QAAQ,EACR,KAAK,EACL,WAAW,EACX,SAAS,EACT,GAAG,KAAK,EACX,EAAE,WAAW,+BAsDb;yBAjEe,MAAM"}

package/dist/Avatar/Avatar.js

@@ -0,0 +1,72 @@
+import { cn as m } from "@reforma/lib";
+import { useState as y } from "react";
+import { Show as e } from "../Show/Show.js";
+import { Text as h } from "../Text/Text.js";
+import a from "./Avatar.module.css.js";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+function E({
+  size: u = "md",
+  color: f = "secondary",
+  rounded: v,
+  src: t,
+  alt: w,
+  fallback: N,
+  title: o,
+  description: n,
+  className: i,
+  ...c
+}) {
+  const [p, x] = y(!1), s = !!t && !p, g = o != null || n != null, d = /* @__PURE__ */ l("div", {
+    "data-size": u,
+    "data-color": f,
+    "data-rounded": v,
+    className: a.avatar,
+    children: [/* @__PURE__ */ r(e, {
+      when: s,
+      children: /* @__PURE__ */ r("img", {
+        src: t,
+        alt: w,
+        className: a.image,
+        onError: () => x(!0)
+      })
+    }), /* @__PURE__ */ r(e, {
+      when: !s,
+      children: /* @__PURE__ */ r("div", {
+        className: a.fallback,
+        children: N
+      })
+    })]
+  });
+  return g ? /* @__PURE__ */ l("div", {
+    className: m(a.root, a.withInfo, i),
+    ...c,
+    children: [d, /* @__PURE__ */ l("div", {
+      className: a.infoBlock,
+      children: [/* @__PURE__ */ r(e, {
+        when: o != null,
+        children: /* @__PURE__ */ r(h, {
+          variant: "heading-5",
+          truncate: !0,
+          children: o
+        })
+      }), /* @__PURE__ */ r(e, {
+        when: n != null,
+        children: /* @__PURE__ */ r(h, {
+          variant: "sm",
+          color: "secondary",
+          truncate: !0,
+          children: n
+        })
+      })]
+    })]
+  }) : /* @__PURE__ */ r("div", {
+    className: m(a.root, i),
+    ...c,
+    children: d
+  });
+}
+E.displayName = "Avatar";
+export {
+  E as Avatar
+};
+//# sourceMappingURL=Avatar.js.map

package/dist/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["import { cn } from '@reforma/lib';\nimport { useState } from 'react';\n\nimport { Show } from '../Show';\nimport { Text } from '../Text';\nimport styles from './Avatar.module.css';\n\nimport type { HTMLAttributes, ReactNode, Ref } from 'react';\n\nexport type AvatarSize = 'xxs' | 'sm' | 'md';\n\nexport interface AvatarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n    ref?: Ref<HTMLDivElement>;\n    size?: AvatarSize;\n    color?: 'secondary' | 'primary';\n    rounded?: boolean;\n    src?: string;\n    alt?: string;\n    fallback?: ReactNode;\n    title?: ReactNode;\n    description?: ReactNode;\n    className?: string;\n}\n\nexport function Avatar({\n    size = 'md',\n    color = 'secondary',\n    rounded,\n    src,\n    alt,\n    fallback,\n    title,\n    description,\n    className,\n    ...attrs\n}: AvatarProps) {\n    const [isError, setIsError] = useState(false);\n    const shouldShowImage = Boolean(src) && !isError;\n    const hasText = title != null || description != null;\n\n    const avatarNode = (\n        <div\n            data-size={ size }\n            data-color={ color }\n            data-rounded={ rounded }\n            className={ styles.avatar }\n        >\n            <Show when={ shouldShowImage }>\n                <img\n                    src={ src }\n                    alt={ alt }\n                    className={ styles.image }\n                    onError={ () => setIsError(true) }\n                />\n            </Show>\n\n            <Show when={ !shouldShowImage }>\n                <div className={ styles.fallback }>\n                    { fallback }\n                </div>\n            </Show>\n        </div>\n    );\n\n    if (!hasText) {\n        return (\n            <div className={ cn(styles.root, className) } { ...attrs }>\n                { avatarNode }\n            </div>\n        );\n    }\n\n    return (\n        <div\n            className={ cn(styles.root, styles.withInfo, className) }\n            { ...attrs }\n        >\n            { avatarNode }\n\n            <div className={ styles.infoBlock }>\n                <Show when={ title != null }>\n                    <Text variant=\"heading-5\" truncate>{ title }</Text>\n                </Show>\n                <Show when={ description != null }>\n                    <Text variant=\"sm\" color=\"secondary\" truncate>{ description }</Text>\n                </Show>\n            </div>\n        </div>\n    );\n}\n\nAvatar.displayName = 'Avatar';\n\n"],"names":["Avatar","size","color","rounded","src","alt","fallback","title","description","className","attrs","isError","setIsError","useState","shouldShowImage","hasText","avatarNode","styles","_jsx","Show","cn","_jsxs","Text"],"mappings":";;;;;;AAMO,SAASA,EAAO;AAAA,EACrB,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AACD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtCC,IAAkB,EAAQV,KAAQ,CAACO,GACnCI,IAAUR,KAAS,QAAQC,KAAe,MAC1CQ,sBAAgC,OAAO;AAAA,IAC3C,aAAaf;AAAA,IACb,cAAcC;AAAA,IACd,gBAAgBC;AAAA,IAChB,WAAWc,EAAO;AAAA,IAClB,UAAU,CAAcC,gBAAAA,EAAKC,GAAM;AAAA,MACjC,MAAML;AAAA,MACN,4BAA4B,OAAO;AAAA,QACjC,KAAAV;AAAA,QACA,KAAAC;AAAA,QACA,WAAWY,EAAO;AAAA,QAClB,SAAS,MAAML,EAAW,EAAI;AAAA,MAAA,CAC/B;AAAA,IAAA,CACF,GAAgBM,gBAAAA,EAAKC,GAAM;AAAA,MAC1B,MAAM,CAACL;AAAA,MACP,4BAA4B,OAAO;AAAA,QACjC,WAAWG,EAAO;AAAA,QAClB,UAAUX;AAAA,MAAA,CACX;AAAA,IAAA,CACF,CAAC;AAAA,EAAA,CACH;AACD,SAAKS,sBAOqB,OAAO;AAAA,IAC/B,WAAWK,EAAGH,EAAO,MAAMA,EAAO,UAAUR,CAAS;AAAA,IACrD,GAAGC;AAAA,IACH,UAAU,CAACM,GAAyBK,gBAAAA,EAAM,OAAO;AAAA,MAC/C,WAAWJ,EAAO;AAAA,MAClB,UAAU,CAAcC,gBAAAA,EAAKC,GAAM;AAAA,QACjC,MAAMZ,KAAS;AAAA,QACf,4BAA4Be,GAAM;AAAA,UAChC,SAAS;AAAA,UACT,UAAU;AAAA,UACV,UAAUf;AAAA,QAAA,CACX;AAAA,MAAA,CACF,GAAgBW,gBAAAA,EAAKC,GAAM;AAAA,QAC1B,MAAMX,KAAe;AAAA,QACrB,4BAA4Bc,GAAM;AAAA,UAChC,SAAS;AAAA,UACT,OAAO;AAAA,UACP,UAAU;AAAA,UACV,UAAUd;AAAA,QAAA,CACX;AAAA,MAAA,CACF,CAAC;AAAA,IAAA,CACH,CAAC;AAAA,EAAA,CACH,sBA5B0B,OAAO;AAAA,IAC9B,WAAWY,EAAGH,EAAO,MAAMR,CAAS;AAAA,IACpC,GAAGC;AAAA,IACH,UAAUM;AAAA,EAAA,CACX;AAyBL;AACAhB,EAAO,cAAc;"}

package/dist/Avatar/Avatar.module.css

@@ -0,0 +1 @@
+@layer components{.Avatar_root_gDXJgd{--reforma-avatar-bg: var(--color-secondary-muted);--reforma-avatar-border: var(--color-dark-a5);--reforma-avatar-border-width: 1px;--reforma-avatar-color: var(--color-secondary-muted-content);--reforma-avatar-radius: 0;--reforma-avatar-size: var(--spacing-36);display:flex;align-items:center;border-radius:var(--radius-lg);max-width:100%}.Avatar_root_gDXJgd:focus-visible{outline:none}.Avatar_root_gDXJgd.Avatar_withInfo_OPkKB0{gap:var(--spacing-md)}.Avatar_infoBlock_9ZFwoJ{display:flex;flex-direction:column;gap:var(--spacing-xxs);min-width:0}.Avatar_avatar_cLqdlU{display:flex;position:relative;flex-shrink:0;justify-content:center;align-items:center;border:var(--reforma-avatar-border-width) solid var(--reforma-avatar-border);border-radius:calc(var(--reforma-avatar-radius) * var(--squircle-radius-factor));background-color:var(--reforma-avatar-bg);overflow:hidden;corner-shape:superellipse(var(--squircle-value));aspect-ratio:1;width:var(--reforma-avatar-size);height:var(--reforma-avatar-size)}.Avatar_image_lqSMDR,.Avatar_fallback_Ddr8hc{display:flex;justify-content:center;align-items:center;aspect-ratio:1;width:100%;height:100%}.Avatar_image_lqSMDR{-o-object-fit:cover;object-fit:cover}.Avatar_fallback_Ddr8hc{color:var(--reforma-avatar-color);font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Avatar_avatar_cLqdlU[data-size=xxs]{--reforma-avatar-size: var(--spacing-14);--reforma-avatar-radius: var(--radius-xs)}.Avatar_avatar_cLqdlU[data-size=xxs] .Avatar_fallback_Ddr8hc{font-weight:500;font-size:var(--text-xxs);line-height:var(--leading-xxs);font-family:Onest,sans-serif;letter-spacing:0}.Avatar_avatar_cLqdlU[data-size=sm]{--reforma-avatar-size: var(--spacing-30);--reforma-avatar-radius: var(--spacing-md)}.Avatar_avatar_cLqdlU[data-size=sm] .Avatar_fallback_Ddr8hc{font-weight:500;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0}.Avatar_avatar_cLqdlU[data-size=md]{--reforma-avatar-size: var(--spacing-36);--reforma-avatar-radius: var(--spacing-lg)}.Avatar_avatar_cLqdlU[data-size=md] .Avatar_fallback_Ddr8hc{font-weight:500;font-size:var(--text-lg);line-height:var(--leading-lg);font-family:Onest,sans-serif;letter-spacing:0}.Avatar_avatar_cLqdlU[data-rounded=true]{--reforma-avatar-radius: var(--radius-full);border-radius:var(--radius-full);corner-shape:round}.Avatar_avatar_cLqdlU[data-color=primary]{--reforma-avatar-bg: var(--color-primary-muted);--reforma-avatar-color: var(--color-primary-muted-content)}}

package/dist/Avatar/Avatar.module.css.js

@@ -0,0 +1,18 @@
+const a = "Avatar_root_gDXJgd", t = "Avatar_withInfo_OPkKB0", o = "Avatar_infoBlock_9ZFwoJ", c = "Avatar_avatar_cLqdlU", r = "Avatar_image_lqSMDR", l = "Avatar_fallback_Ddr8hc", n = {
+  root: a,
+  withInfo: t,
+  infoBlock: o,
+  avatar: c,
+  image: r,
+  fallback: l
+};
+export {
+  c as avatar,
+  n as default,
+  l as fallback,
+  r as image,
+  o as infoBlock,
+  a as root,
+  t as withInfo
+};
+//# sourceMappingURL=Avatar.module.css.js.map

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

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

package/dist/Avatar/index.d.ts

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

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

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

package/dist/Avatar/index.js

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

package/dist/Avatar/index.js.map

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

package/dist/Box/Box.d.ts

@@ -0,0 +1,33 @@
+import type { ComponentPropsWithRef, ElementType } from 'react';
+import type { Align, Direction, Justify, Spacing, Wrap } from '../types.ts';
+export type BoxBackground = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'contrast' | 'surface' | 'background';
+/** Border radius token (`xs`…`xl`, or `full` for a pill). */
+export type BoxRadius = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+type PaddingValue = Spacing | '0' | '10' | '20' | '36';
+/** Layout-only props; merged with intrinsic props for {@link BoxProps}[`as`]. */
+export type BoxOwnProps = {
+    padding?: PaddingValue;
+    paddingX?: PaddingValue;
+    paddingY?: PaddingValue;
+    direction?: Direction;
+    align?: Align;
+    justify?: Justify;
+    wrap?: Wrap | boolean;
+    gap?: Spacing;
+    columns?: 1 | 2 | 3 | 4 | 5 | 6;
+    fullWidth?: boolean;
+    fullHeight?: boolean;
+    grow?: boolean;
+    background?: BoxBackground;
+    radius?: BoxRadius;
+    equalWidth?: boolean;
+};
+export type BoxProps<E extends ElementType = 'div'> = BoxOwnProps & Omit<ComponentPropsWithRef<E>, keyof BoxOwnProps> & {
+    as?: E;
+};
+export declare function Box<E extends ElementType = 'div'>({ as, padding, paddingX, paddingY, direction, align, justify, wrap, gap, columns, children, fullWidth, fullHeight, grow, background, radius, equalWidth, ...rest }: BoxProps<E>): import("react").JSX.Element;
+export declare namespace Box {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=Box.d.ts.map

package/dist/Box/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/Box/Box.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAA4B,qBAAqB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE1F,OAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAE5E,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,YAAY,CAAC;AAE/H,6DAA6D;AAC7D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAqBlE,KAAK,YAAY,GAAG,OAAO,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAqFvD,iFAAiF;AACjF,MAAM,MAAM,WAAW,GAAG;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,OAAO,CAAC;IACtB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,WAAW,GAC7D,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,MAAM,WAAW,CAAC,GAAG;IAClD,EAAE,CAAC,EAAE,CAAC,CAAC;CACV,CAAC;AAOJ,wBAAgB,GAAG,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC/C,EAAE,EACF,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAoB,EACpB,KAAK,EACL,OAAO,EACP,IAAI,EACJ,GAAG,EACH,OAAO,EACP,QAAQ,EACR,SAAiB,EACjB,UAAkB,EAClB,IAAY,EACZ,UAAU,EACV,MAAM,EACN,UAAkB,EAClB,GAAG,IAAI,EACV,EAAE,QAAQ,CAAC,CAAC,CAAC,+BAsDb;yBAzEe,GAAG"}