@reforma/components 0.0.0-stage → 0.1.0

package/dist/FileUploadZone/FileUploadZone.js

@@ -0,0 +1,69 @@
+import { cn as N } from "@reforma/lib";
+import { useRef as y, useState as b, useCallback as a } from "react";
+import { Show as w } from "../Show/Show.js";
+import { Text as j } from "../Text/Text.js";
+import n from "./FileUploadZone.module.css.js";
+import { jsxs as x, jsx as r } from "react/jsx-runtime";
+function F({
+  onFileSelect: c,
+  accept: f,
+  maxSize: t,
+  preview: s,
+  placeholder: p,
+  disabled: u = !1,
+  className: h
+}) {
+  const o = y(null), [m, i] = b(!1), l = a((e) => {
+    t && e.size > t || c(e);
+  }, [c, t]), v = a((e) => {
+    e.preventDefault(), i(!1);
+    const d = e.dataTransfer.files[0];
+    d && l(d);
+  }, [l]), g = a((e) => {
+    e.preventDefault(), i(!0);
+  }, []), D = a(() => {
+    i(!1);
+  }, []), k = a(() => {
+    o.current?.click();
+  }, []), C = a(() => {
+    const e = o.current?.files?.[0];
+    e && (l(e), o.current.value = "");
+  }, [l]);
+  return /* @__PURE__ */ x("div", {
+    className: N(n.zone, h),
+    "data-dragover": m || void 0,
+    "data-disabled": u || void 0,
+    "data-has-preview": s != null || void 0,
+    onClick: k,
+    onDrop: v,
+    onDragOver: g,
+    onDragLeave: D,
+    children: [/* @__PURE__ */ r("input", {
+      ref: o,
+      type: "file",
+      accept: f,
+      className: n.input,
+      onChange: C
+    }), /* @__PURE__ */ r(w, {
+      when: s,
+      fallback: /* @__PURE__ */ r("div", {
+        className: n.placeholder,
+        children: p ?? /* @__PURE__ */ r(j, {
+          variant: "sm",
+          color: "secondary",
+          children: "Drop file here or click to upload"
+        })
+      }),
+      children: /* @__PURE__ */ r("img", {
+        src: s,
+        alt: "Preview",
+        className: n.preview
+      })
+    })]
+  });
+}
+F.displayName = "FileUploadZone";
+export {
+  F as FileUploadZone
+};
+//# sourceMappingURL=FileUploadZone.js.map

package/dist/FileUploadZone/FileUploadZone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadZone.js","sources":["../../src/FileUploadZone/FileUploadZone.tsx"],"sourcesContent":["import { cn } from '@reforma/lib';\nimport { useCallback, useRef, useState } from 'react';\n\nimport { Show } from '../Show';\nimport { Text } from '../Text';\nimport styles from './FileUploadZone.module.css';\n\nimport type { DragEvent, ReactNode } from 'react';\n\nexport interface FileUploadZoneProps {\n    onFileSelect: (file: File) => void;\n    accept?: string;\n    maxSize?: number;\n    preview?: string | null;\n    placeholder?: ReactNode;\n    disabled?: boolean;\n    className?: string;\n}\n\nexport function FileUploadZone({\n    onFileSelect,\n    accept,\n    maxSize,\n    preview,\n    placeholder,\n    disabled = false,\n    className,\n}: FileUploadZoneProps) {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [dragover, setDragover] = useState(false);\n\n    const handleFile = useCallback((file: File) => {\n        if (maxSize && file.size > maxSize) {\n            return;\n        }\n\n        onFileSelect(file);\n    }, [onFileSelect, maxSize]);\n\n    const handleDrop = useCallback((e: DragEvent) => {\n        e.preventDefault();\n        setDragover(false);\n\n        const file = e.dataTransfer.files[0];\n\n        if (file) {\n            handleFile(file);\n        }\n    }, [handleFile]);\n\n    const handleDragOver = useCallback((e: DragEvent) => {\n        e.preventDefault();\n        setDragover(true);\n    }, []);\n\n    const handleDragLeave = useCallback(() => {\n        setDragover(false);\n    }, []);\n\n    const handleClick = useCallback(() => {\n        inputRef.current?.click();\n    }, []);\n\n    const handleChange = useCallback(() => {\n        const file = inputRef.current?.files?.[0];\n\n        if (file) {\n            handleFile(file);\n            inputRef.current!.value = '';\n        }\n    }, [handleFile]);\n\n    return (\n        <div\n            className={ cn(styles.zone, className) }\n            data-dragover={ dragover || undefined }\n            data-disabled={ disabled || undefined }\n            data-has-preview={ (preview != null) || undefined }\n            onClick={ handleClick }\n            onDrop={ handleDrop }\n            onDragOver={ handleDragOver }\n            onDragLeave={ handleDragLeave }\n        >\n            <input\n                ref={ inputRef }\n                type=\"file\"\n                accept={ accept }\n                className={ styles.input }\n                onChange={ handleChange }\n            />\n\n            <Show\n                when={ preview }\n                fallback={\n                    (\n                        <div className={ styles.placeholder }>\n                            { placeholder ?? (\n                                <Text variant=\"sm\" color=\"secondary\">\n                                    Drop file here or click to upload\n                                </Text>\n                            ) }\n                        </div>\n                    )\n                }\n            >\n                <img src={ preview! } alt=\"Preview\" className={ styles.preview } />\n            </Show>\n        </div>\n    );\n}\n\nFileUploadZone.displayName = 'FileUploadZone';\n"],"names":["FileUploadZone","onFileSelect","accept","maxSize","preview","placeholder","disabled","className","inputRef","useRef","dragover","setDragover","useState","handleFile","useCallback","file","handleDrop","handleDragOver","handleDragLeave","handleClick","handleChange","cn","styles","_jsx","Show","Text"],"mappings":";;;;;;AAMO,SAASA,EAAe;AAAA,EAC7B,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AACF,GAAG;AACD,QAAMC,IAAWC,EAAO,IAAI,GACtB,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAaC,EAAY,CAAAC,MAAQ;AACrC,IAAIZ,KAAWY,EAAK,OAAOZ,KAG3BF,EAAac,CAAI;AAAA,EACnB,GAAG,CAACd,GAAcE,CAAO,CAAC,GACpBa,IAAaF,EAAY,CAAA,MAAK;AAClC,MAAE,eAAA,GACFH,EAAY,EAAK;AACjB,UAAMI,IAAO,EAAE,aAAa,MAAM,CAAC;AACnC,IAAIA,KACFF,EAAWE,CAAI;AAAA,EAEnB,GAAG,CAACF,CAAU,CAAC,GACTI,IAAiBH,EAAY,CAAA,MAAK;AACtC,MAAE,eAAA,GACFH,EAAY,EAAI;AAAA,EAClB,GAAG,CAAA,CAAE,GACCO,IAAkBJ,EAAY,MAAM;AACxC,IAAAH,EAAY,EAAK;AAAA,EACnB,GAAG,CAAA,CAAE,GACCQ,IAAcL,EAAY,MAAM;AACpC,IAAAN,EAAS,SAAS,MAAA;AAAA,EACpB,GAAG,CAAA,CAAE,GACCY,IAAeN,EAAY,MAAM;AACrC,UAAMC,IAAOP,EAAS,SAAS,QAAQ,CAAC;AACxC,IAAIO,MACFF,EAAWE,CAAI,GACfP,EAAS,QAAQ,QAAQ;AAAA,EAE7B,GAAG,CAACK,CAAU,CAAC;AACf,2BAA0B,OAAO;AAAA,IAC/B,WAAWQ,EAAGC,EAAO,MAAMf,CAAS;AAAA,IACpC,iBAAiBG,KAAY;AAAA,IAC7B,iBAAiBJ,KAAY;AAAA,IAC7B,oBAAoBF,KAAW,QAAQ;AAAA,IACvC,SAASe;AAAA,IACT,QAAQH;AAAA,IACR,YAAYC;AAAA,IACZ,aAAaC;AAAA,IACb,UAAU,CAAcK,gBAAAA,EAAK,SAAS;AAAA,MACpC,KAAKf;AAAA,MACL,MAAM;AAAA,MACN,QAAAN;AAAA,MACA,WAAWoB,EAAO;AAAA,MAClB,UAAUF;AAAA,IAAA,CACX,GAAgBG,gBAAAA,EAAKC,GAAM;AAAA,MAC1B,MAAMpB;AAAA,MACN,4BAA4B,OAAO;AAAA,QACjC,WAAWkB,EAAO;AAAA,QAClB,UAAUjB,KAA4BkB,gBAAAA,EAAKE,GAAM;AAAA,UAC/C,SAAS;AAAA,UACT,OAAO;AAAA,UACP,UAAU;AAAA,QAAA,CACX;AAAA,MAAA,CACF;AAAA,MACD,4BAA4B,OAAO;AAAA,QACjC,KAAKrB;AAAA,QACL,KAAK;AAAA,QACL,WAAWkB,EAAO;AAAA,MAAA,CACnB;AAAA,IAAA,CACF,CAAC;AAAA,EAAA,CACH;AACH;AACAtB,EAAe,cAAc;"}

package/dist/FileUploadZone/FileUploadZone.module.css

@@ -0,0 +1 @@
+@layer components{.FileUploadZone_zone_TahJMw{display:flex;justify-content:center;align-items:center;border:1px dashed var(--color-secondary-muted-border);border-radius:calc(var(--radius-lg) * var(--squircle-radius-factor));width:100%;min-height:120px;corner-shape:superellipse(var(--squircle-value));transition:border-color .15s ease,background-color .15s ease;cursor:pointer;background:var(--color-secondary-muted-light)}.FileUploadZone_zone_TahJMw:hover,.FileUploadZone_zone_TahJMw[data-dragover=true]{border-color:var(--color-primary);background:var(--color-primary-muted-light)}.FileUploadZone_zone_TahJMw[data-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.FileUploadZone_zone_TahJMw[data-has-preview=true]{border-style:solid}.FileUploadZone_input_9I80Kj{display:none}.FileUploadZone_placeholder_Qg55FJ{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);-webkit-user-select:none;-moz-user-select:none;user-select:none}.FileUploadZone_preview_El2fYd{max-width:100%;max-height:160px;-o-object-fit:contain;border-radius:calc(var(--radius-md) * var(--squircle-radius-factor));object-fit:contain;corner-shape:superellipse(var(--squircle-value))}}

package/dist/FileUploadZone/FileUploadZone.module.css.js

@@ -0,0 +1,14 @@
+const e = "FileUploadZone_zone_TahJMw", o = "FileUploadZone_input_9I80Kj", l = "FileUploadZone_placeholder_Qg55FJ", n = "FileUploadZone_preview_El2fYd", p = {
+  zone: e,
+  input: o,
+  placeholder: l,
+  preview: n
+};
+export {
+  p as default,
+  o as input,
+  l as placeholder,
+  n as preview,
+  e as zone
+};
+//# sourceMappingURL=FileUploadZone.module.css.js.map

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

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

package/dist/FileUploadZone/index.d.ts

@@ -0,0 +1,3 @@
+export { FileUploadZone } from './FileUploadZone';
+export type { FileUploadZoneProps } from './FileUploadZone';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FileUploadZone/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/FileUploadZone/index.js

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

package/dist/FileUploadZone/index.js.map

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

package/dist/For/For.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+export interface ForProps<T> {
+    each: readonly T[];
+    fallback?: ReactNode;
+    children: (item: T, index: number, { isFirst, isLast }: {
+        isFirst: boolean;
+        isLast: boolean;
+    }) => ReactNode;
+}
+export declare function For<T>({ each, children, fallback }: ForProps<T>): ReactNode;
+export declare namespace For {
+    var displayName: string;
+}
+//# sourceMappingURL=For.d.ts.map

package/dist/For/For.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"For.d.ts","sourceRoot":"","sources":["../../src/For/For.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,QAAQ,CAAC,CAAC;IACvB,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,KAAK,SAAS,CAAC;CAC/G;AAED,wBAAgB,GAAG,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAU3E;yBAVe,GAAG"}

package/dist/For/For.js

@@ -0,0 +1,18 @@
+function l({
+  each: t,
+  children: o,
+  fallback: s
+}) {
+  if (t.length === 0)
+    return s;
+  const n = t.length;
+  return t.map((i, r) => o(i, r, {
+    isFirst: r === 0,
+    isLast: r === n - 1
+  }));
+}
+l.displayName = "For";
+export {
+  l as For
+};
+//# sourceMappingURL=For.js.map

package/dist/For/For.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"For.js","sources":["../../src/For/For.tsx"],"sourcesContent":["\nimport type { ReactNode } from 'react';\n\nexport interface ForProps<T> {\n    each: readonly T[];\n    fallback?: ReactNode;\n    children: (item: T, index: number, { isFirst, isLast }: { isFirst: boolean; isLast: boolean }) => ReactNode;\n}\n\nexport function For<T>({ each, children, fallback }: ForProps<T>): ReactNode {\n    if (each.length === 0) {\n        return fallback;\n    }\n\n    const total = each.length;\n\n    return each.map(\n        (item, index) => children(item, index, { isFirst: index === 0, isLast: index === total - 1 })\n    );\n}\n\nFor.displayName = 'For';\n"],"names":["For","each","children","fallback","total","item","index"],"mappings":"AAAO,SAASA,EAAI;AAAA,EAClB,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,GAAG;AACD,MAAIF,EAAK,WAAW;AAClB,WAAOE;AAET,QAAMC,IAAQH,EAAK;AACnB,SAAOA,EAAK,IAAI,CAACI,GAAMC,MAAUJ,EAASG,GAAMC,GAAO;AAAA,IACrD,SAASA,MAAU;AAAA,IACnB,QAAQA,MAAUF,IAAQ;AAAA,EAAA,CAC3B,CAAC;AACJ;AACAJ,EAAI,cAAc;"}

package/dist/For/index.d.ts

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

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

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

package/dist/For/index.js

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

package/dist/For/index.js.map

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

package/dist/FormField/FormField.d.ts

@@ -0,0 +1,40 @@
+import { type ReactNode } from 'react';
+import { type LabelProps as RACLabelProps } from 'react-aria-components';
+export type FormFieldSize = 'xs' | 'sm' | 'md' | 'lg';
+export type FormFieldLayout = 'horizontal' | 'vertical';
+export type FormFieldLabelPlacement = 'start' | 'top' | 'bottom';
+export type FormFieldLabelAlign = 'start' | 'center' | 'end';
+export interface FormFieldProps {
+    size?: FormFieldSize;
+    layout?: FormFieldLayout;
+    labelPlacement?: FormFieldLabelPlacement;
+    labelAlign?: FormFieldLabelAlign;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    className?: string;
+    id?: string;
+    children: ReactNode;
+}
+export interface FormFieldLabelProps extends Omit<RACLabelProps, 'className' | 'children'> {
+    className?: string;
+    children: ReactNode;
+}
+export interface FormFieldDescriptionProps {
+    className?: string;
+    children: ReactNode;
+}
+export interface FormFieldErrorProps {
+    className?: string;
+    children: ReactNode;
+}
+declare function FormFieldLabel({ className, children, ...props }: FormFieldLabelProps): import("react").JSX.Element;
+declare function FormFieldDescription({ className, children }: FormFieldDescriptionProps): import("react").JSX.Element;
+declare function FormFieldError({ className, children }: FormFieldErrorProps): import("react").JSX.Element | null;
+declare function FormFieldRoot({ size, layout, labelPlacement, labelAlign, isDisabled, isInvalid, className, id, children, }: FormFieldProps): import("react").JSX.Element;
+export declare const FormField: typeof FormFieldRoot & {
+    Label: typeof FormFieldLabel;
+    Description: typeof FormFieldDescription;
+    Error: typeof FormFieldError;
+};
+export {};
+//# sourceMappingURL=FormField.d.ts.map

package/dist/FormField/FormField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../src/FormField/FormField.tsx"],"names":[],"mappings":"AACA,OAAO,EAMH,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AACf,OAAO,EAOH,KAAK,UAAU,IAAI,aAAa,EACnC,MAAM,uBAAuB,CAAC;AAO/B,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtD,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,UAAU,CAAC;AACxD,MAAM,MAAM,uBAAuB,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AACjE,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE7D,MAAM,WAAW,cAAc;IAC3B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,cAAc,CAAC,EAAE,uBAAuB,CAAC;IACzC,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,aAAa,EAAE,WAAW,GAAG,UAAU,CAAC;IACtF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,yBAAyB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACvB;AAuCD,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAgB7E;AAED,iBAAS,oBAAoB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,yBAAyB,+BAe/E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,mBAAmB,sCAmBnE;AAiCD,iBAAS,aAAa,CAAC,EACnB,IAAW,EACX,MAAqB,EACrB,cAAc,EACd,UAAoB,EACpB,UAAU,EACV,SAAS,EACT,SAAS,EACT,EAAE,EACF,QAAQ,GACX,EAAE,cAAc,+BAmEhB;AAED,eAAO,MAAM,SAAS;;;;CAIpB,CAAC"}

package/dist/FormField/FormField.js

@@ -0,0 +1,196 @@
+import { cn as m } from "@reforma/lib";
+import { useId as u, Children as z, isValidElement as f, createContext as R, use as O } from "react";
+import { Provider as V, TextFieldContext as _, TextAreaContext as k, SelectContext as U, SwitchContext as $, DEFAULT_SLOT as q, Label as G } from "react-aria-components";
+import { Show as w } from "../Show/Show.js";
+import { SlotContext as H } from "../Slot/Slot.js";
+import { Text as v } from "../Text/Text.js";
+import s from "./FormField.module.css.js";
+import { jsx as n, jsxs as b } from "react/jsx-runtime";
+const J = {
+  xs: "xs",
+  sm: "sm",
+  md: "heading-5",
+  lg: "heading-4"
+}, K = {
+  xs: "xs",
+  sm: "xs",
+  md: "sm",
+  lg: "md"
+}, A = /* @__PURE__ */ R(null);
+function x(r) {
+  const o = O(A);
+  if (!o)
+    throw new Error(`${r} must be used within FormField`);
+  return o;
+}
+function M(r, o) {
+  return o ?? (r === "horizontal" ? "start" : "top");
+}
+function y({
+  className: r,
+  children: o,
+  ...e
+}) {
+  const {
+    size: i,
+    controlId: l
+  } = x("FormField.Label"), t = typeof o == "string" ? /* @__PURE__ */ n(v, {
+    variant: J[i],
+    children: o
+  }) : o;
+  return /* @__PURE__ */ n(G, {
+    ...e,
+    htmlFor: l,
+    "data-slot": "label",
+    className: m(s.label, r),
+    children: t
+  });
+}
+function h({
+  className: r,
+  children: o
+}) {
+  const {
+    size: e,
+    descriptionId: i
+  } = x("FormField.Description");
+  return /* @__PURE__ */ n(v, {
+    id: i,
+    slot: "description",
+    "data-slot": "description",
+    variant: K[e],
+    color: "secondary",
+    className: m(s.description, r),
+    children: o
+  });
+}
+function N({
+  className: r,
+  children: o
+}) {
+  const {
+    errorId: e
+  } = x("FormField.Error");
+  return o == null || o === !1 || o === "" ? null : /* @__PURE__ */ n(v, {
+    id: e,
+    "data-slot": "error",
+    role: "alert",
+    variant: "xs",
+    color: "danger",
+    className: m(s.error, r),
+    children: o
+  });
+}
+function Q(r) {
+  const o = [];
+  let e, i, l;
+  return z.forEach(r, (t) => {
+    if (/* @__PURE__ */ f(t) && t.type === y) {
+      e = t;
+      return;
+    }
+    if (/* @__PURE__ */ f(t) && t.type === h) {
+      i = t;
+      return;
+    }
+    if (/* @__PURE__ */ f(t) && t.type === N) {
+      l = t;
+      return;
+    }
+    o.push(t);
+  }), {
+    label: e,
+    description: i,
+    error: l,
+    control: o
+  };
+}
+function S({
+  size: r = "md",
+  layout: o = "horizontal",
+  labelPlacement: e,
+  labelAlign: i = "start",
+  isDisabled: l,
+  isInvalid: t,
+  className: D,
+  id: B,
+  children: P
+}) {
+  const C = u(), p = u(), I = u(), g = M(o, e), {
+    label: E,
+    description: a,
+    error: d,
+    control: F
+  } = Q(P), L = !!a && g !== "bottom", T = [a ? p : null, d ? I : null].filter(Boolean).join(" ") || void 0, c = {
+    id: C,
+    isDisabled: l || void 0,
+    isInvalid: t || void 0,
+    "aria-describedby": T
+  }, j = {
+    isDisabled: l || void 0,
+    isInvalid: t || void 0,
+    "aria-describedby": T
+  };
+  return /* @__PURE__ */ n(A, {
+    value: {
+      size: r,
+      controlId: C,
+      descriptionId: p,
+      errorId: I
+    },
+    children: /* @__PURE__ */ n(V, {
+      values: [[H, {
+        slots: {
+          [q]: j,
+          description: {
+            id: p
+          }
+        }
+      }], [_, c], [k, c], [U, c], [$, c]],
+      children: /* @__PURE__ */ b("div", {
+        id: B,
+        className: m(s.field, D),
+        "data-size": r,
+        "data-layout": o,
+        "data-label-placement": g,
+        "data-label-align": i,
+        "data-has-control": F.length > 0 || d ? "" : void 0,
+        "data-has-description": a ? "" : void 0,
+        "data-has-error": d ? "" : void 0,
+        "data-disabled": l || void 0,
+        "data-invalid": t || void 0,
+        children: [L ? /* @__PURE__ */ b("div", {
+          "data-slot": "copy",
+          className: s.copy,
+          children: [E, a]
+        }) : E, /* @__PURE__ */ n(w, {
+          when: F.length > 0 || d,
+          children: /* @__PURE__ */ b("div", {
+            "data-slot": "control",
+            className: s.control,
+            children: [/* @__PURE__ */ n("div", {
+              className: s.controlBody,
+              children: F
+            }), d]
+          })
+        }), /* @__PURE__ */ n(w, {
+          when: !L && a,
+          children: a
+        })]
+      })
+    })
+  });
+}
+const no = Object.assign(S, {
+  Label: y,
+  Description: h,
+  Error: N
+});
+S.displayName = "FormField";
+y.displayName = "FormField.Label";
+h.displayName = "FormField.Description";
+N.displayName = "FormField.Error";
+export {
+  no as FormField
+};
+//# sourceMappingURL=FormField.js.map

package/dist/FormField/FormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.js","sources":["../../src/FormField/FormField.tsx"],"sourcesContent":["import { cn } from '@reforma/lib';\nimport {\n    Children,\n    createContext,\n    isValidElement,\n    use,\n    useId,\n    type ReactNode,\n} from 'react';\nimport {\n    Provider,\n    Label as RACLabel,\n    SelectContext,\n    SwitchContext,\n    TextAreaContext,\n    TextFieldContext,\n    type LabelProps as RACLabelProps,\n} from 'react-aria-components';\n\nimport { Show } from '../Show';\nimport { DEFAULT_SLOT, SlotContext } from '../Slot';\nimport { Text } from '../Text';\nimport styles from './FormField.module.css';\n\nexport type FormFieldSize = 'xs' | 'sm' | 'md' | 'lg';\nexport type FormFieldLayout = 'horizontal' | 'vertical';\nexport type FormFieldLabelPlacement = 'start' | 'top' | 'bottom';\nexport type FormFieldLabelAlign = 'start' | 'center' | 'end';\n\nexport interface FormFieldProps {\n    size?: FormFieldSize;\n    layout?: FormFieldLayout;\n    labelPlacement?: FormFieldLabelPlacement;\n    labelAlign?: FormFieldLabelAlign;\n    isDisabled?: boolean;\n    isInvalid?: boolean;\n    className?: string;\n    id?: string;\n    children: ReactNode;\n}\n\nexport interface FormFieldLabelProps extends Omit<RACLabelProps, 'className' | 'children'> {\n    className?: string;\n    children: ReactNode;\n}\n\nexport interface FormFieldDescriptionProps {\n    className?: string;\n    children: ReactNode;\n}\n\nexport interface FormFieldErrorProps {\n    className?: string;\n    children: ReactNode;\n}\n\nconst LABEL_VARIANT = {\n    xs: 'xs',\n    sm: 'sm',\n    md: 'heading-5',\n    lg: 'heading-4',\n} as const;\n\nconst DESCRIPTION_VARIANT = {\n    xs: 'xs',\n    sm: 'xs',\n    md: 'sm',\n    lg: 'md',\n} as const;\n\ninterface FormFieldContextValue {\n    size: FormFieldSize;\n    controlId: string;\n    descriptionId: string;\n    errorId: string;\n}\n\nconst FormFieldContext = createContext<FormFieldContextValue | null>(null);\n\nfunction useFormFieldContext(slot: string): FormFieldContextValue {\n    const context = use(FormFieldContext);\n\n    if (!context) {\n        throw new Error(`${ slot } must be used within FormField`);\n    }\n\n    return context;\n}\n\nfunction labelPlacementFor(layout: FormFieldLayout, labelPlacement: FormFieldLabelPlacement | undefined): FormFieldLabelPlacement {\n    return labelPlacement ?? (layout === 'horizontal' ? 'start' : 'top');\n}\n\nfunction FormFieldLabel({ className, children, ...props }: FormFieldLabelProps) {\n    const { size, controlId } = useFormFieldContext('FormField.Label');\n    const content = typeof children === 'string'\n        ? <Text variant={ LABEL_VARIANT[size] }>{ children }</Text>\n        : children;\n\n    return (\n        <RACLabel\n            { ...props }\n            htmlFor={ controlId }\n            data-slot=\"label\"\n            className={ cn(styles.label, className) }\n        >\n            { content }\n        </RACLabel>\n    );\n}\n\nfunction FormFieldDescription({ className, children }: FormFieldDescriptionProps) {\n    const { size, descriptionId } = useFormFieldContext('FormField.Description');\n\n    return (\n        <Text\n            id={ descriptionId }\n            slot=\"description\"\n            data-slot=\"description\"\n            variant={ DESCRIPTION_VARIANT[size] }\n            color=\"secondary\"\n            className={ cn(styles.description, className) }\n        >\n            { children }\n        </Text>\n    );\n}\n\nfunction FormFieldError({ className, children }: FormFieldErrorProps) {\n    const { errorId } = useFormFieldContext('FormField.Error');\n\n    if (children == null || children === false || children === '') {\n        return null;\n    }\n\n    return (\n        <Text\n            id={ errorId }\n            data-slot=\"error\"\n            role=\"alert\"\n            variant=\"xs\"\n            color=\"danger\"\n            className={ cn(styles.error, className) }\n        >\n            { children }\n        </Text>\n    );\n}\n\nfunction splitSlots(children: ReactNode) {\n    const control: ReactNode[] = [];\n    let label: ReactNode;\n    let description: ReactNode;\n    let error: ReactNode;\n\n    Children.forEach(children, (child) => {\n        if (isValidElement(child) && child.type === FormFieldLabel) {\n            label = child;\n\n            return;\n        }\n\n        if (isValidElement(child) && child.type === FormFieldDescription) {\n            description = child;\n\n            return;\n        }\n\n        if (isValidElement(child) && child.type === FormFieldError) {\n            error = child;\n\n            return;\n        }\n\n        control.push(child);\n    });\n\n    return { label, description, error, control };\n}\n\nfunction FormFieldRoot({\n    size = 'md',\n    layout = 'horizontal',\n    labelPlacement,\n    labelAlign = 'start',\n    isDisabled,\n    isInvalid,\n    className,\n    id,\n    children,\n}: FormFieldProps) {\n    const controlId = useId();\n    const descriptionId = useId();\n    const errorId = useId();\n    const placement = labelPlacementFor(layout, labelPlacement);\n    const { label, description, error, control } = splitSlots(children);\n    const packCopy = Boolean(description) && placement !== 'bottom';\n    const describedBy = [description ? descriptionId : null, error ? errorId : null]\n        .filter(Boolean)\n        .join(' ') || undefined;\n    const fieldProps = {\n        id: controlId,\n        isDisabled: isDisabled || undefined,\n        isInvalid: isInvalid || undefined,\n        'aria-describedby': describedBy,\n    };\n    const slotProps = {\n        isDisabled: isDisabled || undefined,\n        isInvalid: isInvalid || undefined,\n        'aria-describedby': describedBy,\n    };\n\n    return (\n        <FormFieldContext value={ { size, controlId, descriptionId, errorId } }>\n            <Provider\n                values={ [\n                    [SlotContext, { slots: { [DEFAULT_SLOT]: slotProps, description: { id: descriptionId } } }],\n                    [TextFieldContext, fieldProps],\n                    [TextAreaContext, fieldProps],\n                    [SelectContext, fieldProps],\n                    [SwitchContext, fieldProps],\n                ] }\n            >\n                <div\n                    id={ id }\n                    className={ cn(styles.field, className) }\n                    data-size={ size }\n                    data-layout={ layout }\n                    data-label-placement={ placement }\n                    data-label-align={ labelAlign }\n                    data-has-control={ (control.length > 0 || error) ? '' : undefined }\n                    data-has-description={ description ? '' : undefined }\n                    data-has-error={ error ? '' : undefined }\n                    data-disabled={ isDisabled || undefined }\n                    data-invalid={ isInvalid || undefined }\n                >\n                    { packCopy\n                        ? (\n                            <div data-slot=\"copy\" className={ styles.copy }>\n                                { label }\n                                { description }\n                            </div>\n                        )\n                        : label }\n                    <Show when={ control.length > 0 || error }>\n                        <div data-slot=\"control\" className={ styles.control }>\n                            <div className={ styles.controlBody }>\n                                { control }\n                            </div>\n                            { error }\n                        </div>\n                    </Show>\n                    <Show when={ !packCopy && description }>{ description }</Show>\n                </div>\n            </Provider>\n        </FormFieldContext>\n    );\n}\n\nexport const FormField = Object.assign(FormFieldRoot, {\n    Label: FormFieldLabel,\n    Description: FormFieldDescription,\n    Error: FormFieldError,\n});\n\nFormFieldRoot.displayName = 'FormField';\nFormFieldLabel.displayName = 'FormField.Label';\nFormFieldDescription.displayName = 'FormField.Description';\nFormFieldError.displayName = 'FormField.Error';\n"],"names":["LABEL_VARIANT","DESCRIPTION_VARIANT","FormFieldContext","useFormFieldContext","slot","context","use","labelPlacementFor","layout","labelPlacement","FormFieldLabel","className","children","props","size","controlId","content","Text","RACLabel","cn","styles","FormFieldDescription","descriptionId","FormFieldError","errorId","splitSlots","control","label","description","error","Children","child","isValidElement","FormFieldRoot","labelAlign","isDisabled","isInvalid","id","useId","placement","packCopy","describedBy","fieldProps","slotProps","Provider","SlotContext","DEFAULT_SLOT","TextFieldContext","TextAreaContext","SelectContext","SwitchContext","_jsxs","_jsx","Show","FormField"],"mappings":"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"}

package/dist/FormField/FormField.module.css

@@ -0,0 +1 @@
+@layer rulesets{--typography-heading-1{font-weight:600;font-size:var(--text-xxl);line-height:var(--leading-xxl);font-family:Onest,sans-serif;letter-spacing:0}--typography-heading-2{font-weight:600;font-size:1.5rem;line-height:1.75rem;font-family:Onest,sans-serif;letter-spacing:0}--typography-heading-3{font-weight:500;font-size:var(--text-xl);line-height:var(--leading-xl);font-family:Onest,sans-serif;letter-spacing:0}--typography-heading-4{font-weight:500;font-size:var(--text-lg);line-height:var(--leading-lg);font-family:Onest,sans-serif;letter-spacing:0}--typography-heading-5{font-weight:500;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0}--typography-heading-6{font-weight:500;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}--typography-text-xl{font-weight:400;font-size:var(--text-xl);line-height:var(--leading-xl);font-family:Onest,sans-serif;letter-spacing:0}--typography-text-lg{font-weight:400;font-size:var(--text-lg);line-height:var(--leading-lg);font-family:Onest,sans-serif;letter-spacing:0}--typography-text-md{font-weight:400;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0}--typography-text-sm{font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}--typography-text-xs{font-weight:400;font-size:var(--text-xs);line-height:var(--leading-xs);font-family:Onest,sans-serif;letter-spacing:0}--typography-text-code-sm{font-weight:400;font-size:var(--text-sm);line-height:var(--leading-md);font-family:Menlo,sans-serif;letter-spacing:0}--typography-text-code-xs{font-weight:400;font-size:var(--text-xs);line-height:var(--leading-sm);font-family:Menlo,sans-serif;letter-spacing:0}--typography-button-lg{font-weight:500;font-size:var(--text-lg);line-height:var(--leading-lg);font-family:Onest,sans-serif;letter-spacing:0}--typography-button-md{font-weight:400;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0}--typography-button-sm{font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}--typography-button-xs{font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}--typography-tab-tab-lg{font-weight:500;font-size:var(--text-lg);line-height:var(--leading-lg);font-family:Onest,sans-serif;letter-spacing:0}--typography-tab-tab-md{font-weight:500;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0}--typography-tab-tab-sm{font-weight:500;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}--typography-tab-tab-xs{font-weight:500;font-size:var(--text-xs);line-height:var(--leading-xs);font-family:Onest,sans-serif;letter-spacing:0}--typography-badge-sm{font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}--typography-badge-sm-count{font-weight:500;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}--typography-badge-editor{font-weight:500;font-size:var(--text-xs);line-height:var(--leading-xs);font-family:Onest,sans-serif;letter-spacing:0}--typography-label-sm{font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}--typography-avatar-xxs{font-weight:500;font-size:var(--text-xxs);line-height:var(--leading-xxs);font-family:Onest,sans-serif;letter-spacing:0}--typography-avatar-sm{font-weight:500;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0}--typography-avatar-md{font-weight:500;font-size:var(--text-lg);line-height:var(--leading-lg);font-family:Onest,sans-serif;letter-spacing:0}--typography-avatar-lg{font-weight:500;font-size:var(--text-xl);line-height:var(--leading-xl);font-family:Onest,sans-serif;letter-spacing:0}}@layer components{.FormField_field_Ml8CBQ{display:grid;width:100%;-moz-column-gap:var(--spacing-xs);column-gap:var(--spacing-xs);row-gap:var(--spacing-xs);transition:margin-bottom .15s ease;margin-bottom:0}.FormField_field_Ml8CBQ[data-label-placement=start]{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label control";align-items:center}.FormField_field_Ml8CBQ[data-label-placement=start][data-has-description]{grid-template-areas:"copy control"}.FormField_field_Ml8CBQ[data-has-error]{margin-bottom:14px}.FormField_field_Ml8CBQ[data-label-placement=top]{grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "control";align-items:stretch}.FormField_field_Ml8CBQ[data-label-placement=top][data-has-description]{grid-template-areas:"copy" "control"}.FormField_field_Ml8CBQ[data-label-placement=top]:not([data-has-control]){grid-template-areas:"label"}.FormField_field_Ml8CBQ[data-label-placement=top][data-has-description]:not([data-has-control]){grid-template-areas:"copy"}.FormField_field_Ml8CBQ[data-label-placement=bottom]{grid-template-columns:minmax(0,1fr);grid-template-areas:"control" "label" "description";align-items:stretch}.FormField_field_Ml8CBQ[data-label-placement=bottom]:not([data-has-control]){grid-template-areas:"label" "description"}.FormField_copy_kQmH4w{display:flex;row-gap:inherit;grid-area:copy;flex-direction:column;min-width:0}.FormField_field_Ml8CBQ>[data-slot=label]{grid-area:label;min-width:0}.FormField_field_Ml8CBQ>[data-slot=description]{grid-area:description;min-width:0}.FormField_control_kq4OTw{display:flex;position:relative;grid-area:control;flex-direction:column;min-width:0}.FormField_controlBody_Y5tH6U{display:flex;align-items:center;min-width:0}.FormField_field_Ml8CBQ[data-label-placement=start] .FormField_control_kq4OTw{flex-shrink:0}.FormField_field_Ml8CBQ[data-label-placement=start] .FormField_controlBody_Y5tH6U{justify-content:flex-end}.FormField_field_Ml8CBQ[data-size=xs][data-label-placement=start] .FormField_control_kq4OTw{width:10rem}.FormField_field_Ml8CBQ[data-size=sm][data-label-placement=start] .FormField_control_kq4OTw{width:12rem}.FormField_field_Ml8CBQ[data-size=md][data-label-placement=start] .FormField_control_kq4OTw{width:15rem}.FormField_field_Ml8CBQ[data-size=lg][data-label-placement=start] .FormField_control_kq4OTw{width:18rem}.FormField_field_Ml8CBQ:is([data-label-placement=top],[data-label-placement=bottom]) .FormField_control_kq4OTw{width:100%}.FormField_field_Ml8CBQ:is([data-label-placement=top],[data-label-placement=bottom]) .FormField_controlBody_Y5tH6U{flex-direction:column;align-items:stretch;width:100%}.FormField_label_PgPTg4{display:flex;cursor:default;min-width:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.FormField_field_Ml8CBQ[data-label-align=center] .FormField_label_PgPTg4{justify-content:center;text-align:center}.FormField_field_Ml8CBQ[data-label-align=end] .FormField_label_PgPTg4{justify-content:flex-end;text-align:end}.FormField_description_bcneO4{min-width:0}.FormField_error_smTXrp{position:absolute;top:100%;right:0;left:0;margin-top:4px;min-width:0}.FormField_field_Ml8CBQ[data-disabled] .FormField_label_PgPTg4,.FormField_field_Ml8CBQ[data-disabled] .FormField_description_bcneO4{opacity:var(--opacity-disabled)}}

package/dist/FormField/FormField.module.css.js

@@ -0,0 +1,20 @@
+const o = "FormField_field_Ml8CBQ", r = "FormField_copy_kQmH4w", l = "FormField_control_kq4OTw", e = "FormField_controlBody_Y5tH6U", c = "FormField_label_PgPTg4", t = "FormField_description_bcneO4", n = "FormField_error_smTXrp", d = {
+  field: o,
+  copy: r,
+  control: l,
+  controlBody: e,
+  label: c,
+  description: t,
+  error: n
+};
+export {
+  l as control,
+  e as controlBody,
+  r as copy,
+  d as default,
+  t as description,
+  n as error,
+  o as field,
+  c as label
+};
+//# sourceMappingURL=FormField.module.css.js.map

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

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

package/dist/FormField/index.d.ts

@@ -0,0 +1,3 @@
+export { FormField } from './FormField';
+export type { FormFieldDescriptionProps, FormFieldErrorProps, FormFieldLabelAlign, FormFieldLabelPlacement, FormFieldLabelProps, FormFieldLayout, FormFieldProps, FormFieldSize, } from './FormField';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACR,yBAAyB,EACzB,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,EACnB,eAAe,EACf,cAAc,EACd,aAAa,GAChB,MAAM,aAAa,CAAC"}

package/dist/FormField/index.js

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

package/dist/FormField/index.js.map

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

package/dist/GradientStopRange/GradientStopRange.d.ts

@@ -0,0 +1,31 @@
+import type { HTMLAttributes, Ref } from 'react';
+export interface GradientStopRangeStop {
+    id: string;
+    color: string;
+    position: number;
+    isDisabled?: boolean;
+}
+export interface GradientStopRangeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    ref?: Ref<HTMLDivElement | null>;
+    stops: readonly GradientStopRangeStop[];
+    activeStopId?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    shiftStep?: number;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    ariaLabel?: string;
+    onActiveStopChange?: (stopId: string) => void;
+    onStopPreview?: (stopId: string, position: number) => void;
+    onStopCommit?: (stopId: string, position: number) => void;
+    onStopCancel?: (stopId: string) => void;
+    onStopAdd?: (position: number) => void;
+    onStopRemove?: (stopId: string) => void;
+    onStopDraggingChange?: (isDragging: boolean) => void;
+}
+export declare function GradientStopRange({ ref, stops, activeStopId, min, max, step, shiftStep, isDisabled, isReadOnly, ariaLabel, onActiveStopChange, onStopPreview, onStopCommit, onStopCancel, onStopAdd, onStopRemove, onStopDraggingChange, className, onPointerLeave, ...props }: GradientStopRangeProps): import("react").JSX.Element;
+export declare namespace GradientStopRange {
+    var displayName: string;
+}
+//# sourceMappingURL=GradientStopRange.d.ts.map

package/dist/GradientStopRange/GradientStopRange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientStopRange.d.ts","sourceRoot":"","sources":["../../src/GradientStopRange/GradientStopRange.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAiB,cAAc,EAAgB,GAAG,EAAE,MAAM,OAAO,CAAC;AAE9E,MAAM,WAAW,qBAAqB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5F,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACjC,KAAK,EAAE,SAAS,qBAAqB,EAAE,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CACxD;AAOD,wBAAgB,iBAAiB,CAAC,EAC9B,GAAG,EACH,KAAK,EACL,YAAY,EACZ,GAAiB,EACjB,GAAiB,EACjB,IAAmB,EACnB,SAA8B,EAC9B,UAAU,EACV,UAAU,EACV,SAA4B,EAC5B,kBAAkB,EAClB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,oBAAoB,EACpB,SAAS,EACT,cAAc,EACd,GAAG,KAAK,EACX,EAAE,sBAAsB,+BA6JxB;yBAlLe,iBAAiB"}