@panneau/fields 5.0.0-alpha.2 → 5.0.0-alpha.21

package/dist/group/GroupField.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupField.js","names":["field","object","label","description","errors","required","className","labelClassName","descriptionClassName","errorsClassName","_c","styles"],"sources":["../../src/group/GroupField.tsx"],"sourcesContent":["import type { Field } from '@panneau/protocol';\nimport { Fieldset } from '@panneau/ui';\n\nimport { NestedField } from '../shared/DefinitionField';\nimport { cx } from '../shared/cx';\nimport { getFieldProps } from '../shared/entry';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport styles from './GroupField.module.css';\n\nexport type GroupValue = Record<string, unknown>;\n\nexport interface GroupFieldProps extends FieldProps<GroupValue> {\n    /** The nested fields, rendered with the entries of the fields context. */\n    fields: readonly Field[];\n    /** Dot path of the group's value, the prefix of its fields' paths. Defaults to `name`. */\n    path?: string;\n    fieldsClassName?: string;\n}\n\n/**\n * A nested object: its fields under a legend. Each field renders with the entry of its type, at\n * the path `<group>.<field>`. Without a binding in the fields context, the group sets the whole\n * object through `onChange`.\n */\nexport function GroupField({\n    fields,\n    path,\n    name,\n    value,\n    onChange,\n    onBlur,\n    label,\n    description,\n    errors,\n    disabled,\n    readOnly,\n    required,\n    className,\n    labelClassName,\n    descriptionClassName,\n    errorsClassName,\n    fieldsClassName,\n}: GroupFieldProps) {\n    const base = path ?? name ?? '';\n    const object = value ?? {};\n    return (\n        <Fieldset\n            legend={label}\n            description={description}\n            errors={errors}\n            isRequired={required}\n            className={className}\n            legendClassName={labelClassName}\n            descriptionClassName={descriptionClassName}\n            errorsClassName={errorsClassName}\n        >\n            <div className={cx(styles.fields, fieldsClassName)}>\n                {fields.map((field) => (\n                    <NestedField\n                        key={field.name}\n                        field={field}\n                        path={base !== '' ? `${base}.${field.name}` : field.name}\n                        value={object[field.name]}\n                        onChange={(next) => onChange?.({ ...object, [field.name]: next })}\n                        {...(onBlur !== undefined ? { onBlur } : {})}\n                        parentValue={object}\n                        {...(disabled !== undefined ? { disabled } : {})}\n                        {...(readOnly !== undefined ? { readOnly } : {})}\n                    />\n                ))}\n            </div>\n        </Fieldset>\n    );\n}\n\n/** The `group` type: its `fields`, as a nested object. */\nexport function GroupFieldEntry(props: FieldEntryProps) {\n    const { value } = props;\n    return (\n        <GroupField\n            {...getFieldProps(props)}\n            fields={props.field.fields ?? []}\n            path={props.path}\n            value={\n                value !== null && typeof value === 'object' && !Array.isArray(value)\n                    ? (value as GroupValue)\n                    : null\n            }\n            onChange={props.onChange}\n        />\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"GroupField.js","names":["ReactNode","Field","Fieldset","NestedField","cx","getFieldProps","isWideField","FieldEntryProps","FieldProps","styles","GroupValue","Record","GroupFieldProps","fields","path","renderFields","parts","Readonly","value","fieldsClassName","GroupField","t0","$","_c","name","onChange","onBlur","label","description","errors","disabled","readOnly","required","className","labelClassName","descriptionClassName","errorsClassName","base","t1","object","t2","field","next","undefined","renderField","t3","t4","Object","fromEntries","map","field_0","flow","field_1","cell","wide","t5","t6","GroupFieldEntry","props","Array","isArray","_c","styles"],"sources":["../../src/group/GroupField.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { Field } from '@panneau/protocol';\nimport { Fieldset } from '@panneau/ui';\n\nimport { NestedField } from '../shared/DefinitionField';\nimport { cx } from '../shared/cx';\nimport { getFieldProps } from '../shared/entry';\nimport { isWideField } from '../shared/flow';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport styles from './GroupField.module.css';\n\nexport type GroupValue = Record<string, unknown>;\n\nexport interface GroupFieldProps extends FieldProps<GroupValue> {\n    /** The nested fields, rendered with the entries of the fields context. */\n    fields: readonly Field[];\n    /** Dot path of the group's value, the prefix of its fields' paths. Defaults to `name`. */\n    path?: string;\n    /**\n     * Lays out the rendered fields, by name, instead of the flow of short fields side by side:\n     * the layout of a compound field (decision 0065).\n     */\n    renderFields?: (parts: Readonly<Record<string, ReactNode>>, value: GroupValue) => ReactNode;\n    fieldsClassName?: string;\n}\n\n/**\n * A nested object: its fields under a legend, short ones side by side (`isWideField()`). Each\n * field renders with the entry of its type, at the path `<group>.<field>`. Without a binding in the fields context, the group sets the whole\n * object through `onChange`.\n */\nexport function GroupField({\n    fields,\n    path,\n    name,\n    value,\n    onChange,\n    onBlur,\n    label,\n    description,\n    errors,\n    disabled,\n    readOnly,\n    required,\n    className,\n    labelClassName,\n    descriptionClassName,\n    errorsClassName,\n    renderFields,\n    fieldsClassName,\n}: GroupFieldProps) {\n    const base = path ?? name ?? '';\n    const object = value ?? {};\n    const renderField = (field: Field) => (\n        <NestedField\n            field={field}\n            path={base !== '' ? `${base}.${field.name}` : field.name}\n            value={object[field.name]}\n            onChange={(next) => onChange?.({ ...object, [field.name]: next })}\n            {...(onBlur !== undefined ? { onBlur } : {})}\n            parentValue={object}\n            {...(disabled !== undefined ? { disabled } : {})}\n            {...(readOnly !== undefined ? { readOnly } : {})}\n        />\n    );\n    return (\n        <Fieldset\n            legend={label}\n            description={description}\n            errors={errors}\n            isRequired={required}\n            className={className}\n            legendClassName={labelClassName}\n            descriptionClassName={descriptionClassName}\n            errorsClassName={errorsClassName}\n        >\n            <div className={cx(styles.fields, fieldsClassName)}>\n                {renderFields !== undefined ? (\n                    renderFields(\n                        Object.fromEntries(fields.map((field) => [field.name, renderField(field)])),\n                        object,\n                    )\n                ) : (\n                    <div className={styles.flow}>\n                        {fields.map((field) => (\n                            <div\n                                key={field.name}\n                                className={cx(styles.cell, isWideField(field) && styles.wide)}\n                            >\n                                {renderField(field)}\n                            </div>\n                        ))}\n                    </div>\n                )}\n            </div>\n        </Fieldset>\n    );\n}\n\n/** The `group` type: its `fields`, as a nested object. */\nexport function GroupFieldEntry(props: FieldEntryProps) {\n    const { value } = props;\n    return (\n        <GroupField\n            {...getFieldProps(props)}\n            fields={props.field.fields ?? []}\n            path={props.path}\n            value={\n                value !== null && typeof value === 'object' && !Array.isArray(value)\n                    ? (value as GroupValue)\n                    : null\n            }\n            onChange={props.onChange}\n        />\n    );\n}\n"],"mappings":";;;;;;;;;;;;;;AAgCA,SAAOoB,WAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAoB,MAAA,EAAAV,QAAAC,MAAAU,MAAAN,OAAAO,UAAAC,QAAAC,OAAAC,aAAAC,QAAAC,UAAAC,UAAAC,UAAAC,WAAAC,gBAAAC,sBAAAC,iBAAArB,cAAAI,oBAAAE;CAoBvB,MAAAgB,OAAavB,QAAAU,QAAA;CAAmB,IAAAc;CAAA,IAAAhB,EAAA,OAAAJ,OAAA;EACjBoB,KAAApB,SAAA,CAAU;EAACI,EAAA,KAAAJ;EAAAI,EAAA,KAAAgB;CAAA,OAAAA,KAAAhB,EAAA;CAA1B,MAAAiB,SAAeD;CAAY,IAAAE;CAAA,IAAAlB,EAAA,OAAAe,QAAAf,EAAA,OAAAQ,YAAAR,EAAA,OAAAiB,UAAAjB,EAAA,OAAAI,UAAAJ,EAAA,OAAAG,YAAAH,EAAA,OAAAS,UAAA;EACPS,MAAAC,UAChB,oBAAC,aAAD;GACWA;GACD,MAAAJ,SAAS,KAAT,GAAiBA,KAAI,GAAII,MAAKjB,SAAUiB,MAAKjB;GAC5C,OAAAe,OAAOE,MAAKjB;GACT,WAAAkB,SAAUjB,WAAW;IAAA,GAAKc;KAASE,MAAKjB,OAAQkB;GAAK,CAAC;GAAC,GAC5DhB,WAAWiB,KAAAA,IAAX,EAAAjB,OAAqC,IAArC,CAAqC;GAC7Ba,aAAAA;GAAM,GACdT,aAAaa,KAAAA,IAAb,EAAAb,SAAyC,IAAzC,CAAyC;GAAC,GAC1CC,aAAaY,KAAAA,IAAb,EAAAZ,SAAyC,IAAzC,CAAyC;EAAC,CAAA;EAEtDT,EAAA,KAAAe;EAAAf,EAAA,KAAAQ;EAAAR,EAAA,KAAAiB;EAAAjB,EAAA,KAAAI;EAAAJ,EAAA,KAAAG;EAAAH,EAAA,KAAAS;EAAAT,EAAA,KAAAkB;CAAA,OAAAA,KAAAlB,EAAA;CAXD,MAAAsB,cAAoBJ;CAWlB,IAAAK;CAAA,IAAAvB,EAAA,OAAAH,iBAAA;EAYsB0B,KAAAzC,GAAGK,0BAAMI,QAASM,eAAe;EAACG,EAAA,KAAAH;EAAAG,EAAA,MAAAuB;CAAA,OAAAA,KAAAvB,EAAA;CAAA,IAAAwB;CAAA,IAAAxB,EAAA,QAAAT,UAAAS,EAAA,QAAAiB,UAAAjB,EAAA,QAAAsB,eAAAtB,EAAA,QAAAP,cAAA;EAC7C+B,KAAA/B,iBAAiB4B,KAAAA,IACd5B,aACIgC,OAAMC,YAAanC,OAAMoC,KAAKC,YAAW,CAACT,QAAKjB,MAAOoB,YAAYH,OAAK,CAAC,CAAC,CAAC,GAC1EF,MAaR,IAVI,oBAAA,OAAA;GAAgB,WAAA9B,0BAAM0C;GACjBtC,UAAAA,OAAMoC,KAAKG,YACR,oBAAA,OAAA;IAEe,WAAAhD,GAAGK,0BAAM4C,MAAO/C,YAAYmC,OAAoB,KAAVhC,0BAAM6C,IAAK;IAE3DV,UAAAA,YAAYH,OAAK;GAChB,GAJGA,QAAKjB,IAIR,CACT;EACC,CAAA;EACTF,EAAA,MAAAT;EAAAS,EAAA,MAAAiB;EAAAjB,EAAA,MAAAsB;EAAAtB,EAAA,MAAAP;EAAAO,EAAA,MAAAwB;CAAA,OAAAA,KAAAxB,EAAA;CAAA,IAAAiC;CAAA,IAAAjC,EAAA,QAAAuB,MAAAvB,EAAA,QAAAwB,IAAA;EAjBLS,KAAA,oBAAA,OAAA;GAAgB,WAAAV;GACXC,UAAAA;EAiBC,CAAA;EAAAxB,EAAA,MAAAuB;EAAAvB,EAAA,MAAAwB;EAAAxB,EAAA,MAAAiC;CAAA,OAAAA,KAAAjC,EAAA;CAAA,IAAAkC;CAAA,IAAAlC,EAAA,QAAAW,aAAAX,EAAA,QAAAM,eAAAN,EAAA,QAAAa,wBAAAb,EAAA,QAAAO,UAAAP,EAAA,QAAAc,mBAAAd,EAAA,QAAAK,SAAAL,EAAA,QAAAY,kBAAAZ,EAAA,QAAAU,YAAAV,EAAA,QAAAiC,IAAA;EA5BVC,KAAA,oBAAC,UAAD;GACY7B,QAAAA;GACKC;GACLC;GACIG,YAAAA;GACDC;GACMC,iBAAAA;GACKC;GACLC;GAEjBmB,UAAAA;EAVK,CAAA;EA6BEjC,EAAA,MAAAW;EAAAX,EAAA,MAAAM;EAAAN,EAAA,MAAAa;EAAAb,EAAA,MAAAO;EAAAP,EAAA,MAAAc;EAAAd,EAAA,MAAAK;EAAAL,EAAA,MAAAY;EAAAZ,EAAA,MAAAU;EAAAV,EAAA,MAAAiC;EAAAjC,EAAA,MAAAkC;CAAA,OAAAA,KAAAlC,EAAA;CAAA,OA7BXkC;AA6BW;;AAKnB,SAAOC,gBAAAC,OAAA;CAAA,MAAApC,IAAAC,EAAA,EAAA;CACH,MAAA,EAAAL,UAAkBwC;CAAM,IAAArC;CAAA,IAAAC,EAAA,OAAAoC,OAAA;EAGZrC,KAAAhB,cAAcqD,KAAK;EAACpC,EAAA,KAAAoC;EAAApC,EAAA,KAAAD;CAAA,OAAAA,KAAAC,EAAA;CAAA,IAAAgB;CAAA,IAAAhB,EAAA,OAAAoC,MAAAjB,MAAA5B,QAAA;EAChByB,KAAAoB,MAAKjB,MAAM5B,UAAX,CAAA;EAAwBS,EAAA,KAAAoC,MAAAjB,MAAA5B;EAAAS,EAAA,KAAAgB;CAAA,OAAAA,KAAAhB,EAAA;CAG5B,MAAAkB,KAAAtB,UAAU,QAAQ,OAAOA,UAAU,YAAnC,CAAgDyC,MAAKC,QAAS1C,KAAK,IAC5DA,QADP;CAEU,IAAA2B;CAAA,IAAAvB,EAAA,OAAAoC,MAAAjC,YAAAH,EAAA,OAAAoC,MAAA5C,QAAAQ,EAAA,OAAAD,MAAAC,EAAA,OAAAgB,MAAAhB,EAAA,OAAAkB,IAAA;EAPlBK,KAAA,oBAAC,YAAD;GAAW,GACHxB;GACI,QAAAiB;GACF,MAAAoB,MAAK5C;GAEP,OAAA0B;GAIM,UAAAkB,MAAKjC;EAAS,CAAA;EAC1BH,EAAA,KAAAoC,MAAAjC;EAAAH,EAAA,KAAAoC,MAAA5C;EAAAQ,EAAA,KAAAD;EAAAC,EAAA,KAAAgB;EAAAhB,EAAA,KAAAkB;EAAAlB,EAAA,KAAAuB;CAAA,OAAAA,KAAAvB,EAAA;CAAA,OAVFuB;AAUE"}

package/dist/group/GroupField.module.js

@@ -1,8 +1,16 @@
 import "./GroupField.css";
 //#region src/group/GroupField.module.css
 var fields = "panneau-group-field-fields";
-var GroupField_module_default = { fields };
+var flow = "panneau-group-field-flow";
+var cell = "panneau-group-field-cell";
+var wide = "panneau-group-field-wide";
+var GroupField_module_default = {
+	fields,
+	flow,
+	cell,
+	wide
+};
 //#endregion
-export { GroupField_module_default as default, fields };
+export { cell, GroupField_module_default as default, fields, flow, wide };
 
 //# sourceMappingURL=GroupField.module.js.map

package/dist/group/GroupField.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupField.module.js","names":[],"sources":["../../src/group/GroupField.module.css"],"sourcesContent":[".fields {\n    display: flex;\n    flex-direction: column;\n    gap: var(--panneau-space-4);\n    padding: var(--panneau-space-4);\n    border: var(--panneau-border-width) solid var(--panneau-color-border);\n    border-radius: var(--panneau-radius-md);\n}\n\n@media (max-width: 30rem) {\n    .fields {\n        padding: var(--panneau-space-3);\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"GroupField.module.js","names":[],"sources":["../../src/group/GroupField.module.css"],"sourcesContent":[".fields {\n    padding: var(--panneau-space-4);\n    border: var(--panneau-border-width) solid var(--panneau-color-border);\n    border-radius: var(--panneau-radius-md);\n}\n\n/* Short fields share a row, in columns of at least 14rem. */\n.flow {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(min(100%, 14rem), 1fr));\n    gap: var(--panneau-space-4);\n}\n\n.cell {\n    min-width: 0;\n}\n\n/* A field hidden by its condition renders nothing: its cell takes no column. */\n.cell:empty {\n    display: none;\n}\n\n.wide {\n    grid-column: 1 / -1;\n}\n\n@media (max-width: 30rem) {\n    .fields {\n        padding: var(--panneau-space-3);\n    }\n}\n"],"mappings":""}

package/dist/group/index.d.ts

@@ -1,2 +1,2 @@
-export { GroupField, GroupFieldEntry, type GroupFieldProps, type GroupValue } from './GroupField';
+export { GroupField, GroupFieldEntry, type GroupFieldProps, type GroupValue } from './GroupField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts

@@ -1,8 +1,22 @@
-export { DefinitionField, NestedField, type NestedFieldProps } from './shared/DefinitionField';
-export { builtInFields, fieldsPlugin } from './shared/builtIn';
-export { type BoundFieldProps, type FieldBinding, type FieldBindingProps, FieldsProvider, type FieldsContextValue, type FieldsProviderProps, getParentPath, useFieldsContext, } from './shared/context';
-export { findRule, getFieldProps, getRuleNumber, isRequired } from './shared/entry';
-export { type RelationListAdapter, type RelationReference, type RelationSource, type RelationSourceOptions, createRelationSource, toReferences, useRelationReferences, } from './shared/relation';
-export type { FieldEntry, FieldEntryProps, FieldProps } from './shared/types';
-export { MissingFieldEntry } from './missing/MissingField';
+export { DefinitionField, NestedField, type NestedFieldProps } from './shared/DefinitionField.js';
+export { builtInFields, fieldsPlugin } from './shared/builtIn.js';
+export { type BoundFieldProps, type FieldBinding, type FieldBindingProps, FieldsProvider, type FieldsContextValue, type FieldsProviderProps, getParentPath, useFieldsContext, } from './shared/context.js';
+export { findRule, getAccept, getFieldProps, getMaxSize, getRuleNumber, isRequired, } from './shared/entry.js';
+export { type RelationListAdapter, type RelationReference, type RelationSource, type RelationSourceOptions, createRelationSource, toReferences, useRelationReferences, } from './shared/relation.js';
+export { type FieldCheckAdapter, type FieldCheckSource, createFieldCheckSource, } from './shared/check.js';
+export { type EmbedAdapter, type EmbedSource, createEmbedSource } from './shared/embed.js';
+export type { GeocodingResult, GeocodingSource, MapTiles, MapsConfig } from './location/types.js';
+export { type NominatimSourceOptions, createNominatimSource } from './location/nominatim.js';
+export type { FieldEntry, FieldEntryProps, FieldProps } from './shared/types.js';
+export { isWideField } from './shared/flow.js';
+export { type CompoundFieldEntry, type CompoundFieldOptions, type CompoundLayoutProps, type CompoundSummary, type CompoundSummaryContext, defineCompoundField, restParts, summarizeCompound, } from './compound/compound.js';
+export { MissingFieldEntry } from './missing/MissingField.js';
+export { type RevealRegistry, type Revealer, RevealContext, createRevealRegistry, useRevealer, } from './shared/reveal.js';
+export { type FileFieldBaseProps, FileField, FileFieldEntry, type FileFieldProps, type FileValue, type MultipleFileFieldProps, type SingleFileFieldProps, isFileValue, toFiles, } from './file/FileField.js';
+export { FilePicker, type FilePickerProps } from './upload/FilePicker.js';
+export { UploadList, type UploadListProps } from './upload/UploadList.js';
+export { formatSize, matchesMime } from './upload/files.js';
+export { type UploadItem, type UploadItemStatus, type UploadRejection, type UploadSource, type UploadedFile, type Uploader, } from './upload/types.js';
+export { useRejectionMessage } from './upload/useRejectionMessage.js';
+export { type UseUploadsOptions, type UseUploadsResult, useUploads } from './upload/useUploads.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EACH,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,cAAc,EACd,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,aAAa,EACb,gBAAgB,GACnB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACpF,OAAO,EACH,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,qBAAqB,EAC1B,oBAAoB,EACpB,YAAY,EACZ,qBAAqB,GACxB,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EACH,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,iBAAiB,EACtB,cAAc,EACd,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,aAAa,EACb,gBAAgB,GACnB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACH,QAAQ,EACR,SAAS,EACT,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,GACb,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACH,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,qBAAqB,EAC1B,oBAAoB,EACpB,YAAY,EACZ,qBAAqB,GACxB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACH,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,sBAAsB,GACzB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxF,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/F,OAAO,EAAE,KAAK,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC1F,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EACH,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,mBAAmB,EACnB,SAAS,EACT,iBAAiB,GACpB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EACH,KAAK,cAAc,EACnB,KAAK,QAAQ,EACb,aAAa,EACb,oBAAoB,EACpB,WAAW,GACd,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACH,KAAK,kBAAkB,EACvB,SAAS,EACT,cAAc,EACd,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EACzB,WAAW,EACX,OAAO,GACV,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EACH,KAAK,UAAU,EACf,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,QAAQ,GAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/index.js

@@ -1,7 +1,19 @@
+import { findRule, getAccept, getFieldProps, getMaxSize, getRuleNumber, isRequired } from "./shared/entry.js";
+import { isWideField } from "./shared/flow.js";
 import { FieldsProvider, getParentPath, useFieldsContext } from "./shared/context.js";
-import { findRule, getFieldProps, getRuleNumber, isRequired } from "./shared/entry.js";
+import { RevealContext, createRevealRegistry, useRevealer } from "./shared/reveal.js";
 import { MissingFieldEntry } from "./missing/MissingField.js";
+import { FilePicker } from "./upload/FilePicker.js";
+import { formatSize, matchesMime } from "./upload/files.js";
+import { UploadList } from "./upload/UploadList.js";
+import { useRejectionMessage } from "./upload/useRejectionMessage.js";
+import { useUploads } from "./upload/useUploads.js";
+import { FileField, FileFieldEntry, isFileValue, toFiles } from "./file/FileField.js";
 import { createRelationSource, toReferences, useRelationReferences } from "./shared/relation.js";
 import { builtInFields, fieldsPlugin } from "./shared/builtIn.js";
 import { DefinitionField, NestedField } from "./shared/DefinitionField.js";
-export { DefinitionField, FieldsProvider, MissingFieldEntry, NestedField, builtInFields, createRelationSource, fieldsPlugin, findRule, getFieldProps, getParentPath, getRuleNumber, isRequired, toReferences, useFieldsContext, useRelationReferences };
+import { createFieldCheckSource } from "./shared/check.js";
+import { createEmbedSource } from "./shared/embed.js";
+import { createNominatimSource } from "./location/nominatim.js";
+import { defineCompoundField, restParts, summarizeCompound } from "./compound/compound.js";
+export { DefinitionField, FieldsProvider, FileField, FileFieldEntry, FilePicker, MissingFieldEntry, NestedField, RevealContext, UploadList, builtInFields, createEmbedSource, createFieldCheckSource, createNominatimSource, createRelationSource, createRevealRegistry, defineCompoundField, fieldsPlugin, findRule, formatSize, getAccept, getFieldProps, getMaxSize, getParentPath, getRuleNumber, isFileValue, isRequired, isWideField, matchesMime, restParts, summarizeCompound, toFiles, toReferences, useFieldsContext, useRejectionMessage, useRelationReferences, useRevealer, useUploads };

package/dist/json/JsonField.css

@@ -0,0 +1,7 @@
+/* JSON reads in a monospace font, without wrapping long lines. */
+.panneau-json-field-code {
+    font-family: var(--panneau-font-family-mono);
+    font-size: var(--panneau-font-size-sm);
+    white-space: pre;
+    tab-size: 2;
+}

package/dist/json/JsonField.d.ts

@@ -0,0 +1,22 @@
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
+/** The value of a `json` field: an object or an array, or the text while it doesn't parse. */
+export type JsonValue = Record<string, unknown> | unknown[] | string;
+export interface JsonFieldProps extends FieldProps<JsonValue> {
+    placeholder?: string;
+    /** Visible lines. Defaults to 8. */
+    rows?: number;
+}
+/** The value of a text: what it parses to when it is an object or an array, or the text itself. */
+export declare function parseJson(text: string): {
+    value: JsonValue | null;
+    error: string | null;
+};
+/**
+ * Structured data edited as JSON: an object or an array. While the text doesn't parse, the value
+ * is the text itself, which the `json` rule refuses, so the form can't be saved with it. The text
+ * is indented again on blur once it parses.
+ */
+export declare function JsonField({ value, onChange, onBlur, errors, rows, disabled, readOnly, required, ...props }: JsonFieldProps): import("react").JSX.Element;
+/** The `json` type: an object or an array, with setting `rows`. */
+export declare function JsonFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=JsonField.d.ts.map

package/dist/json/JsonField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonField.d.ts","sourceRoot":"","sources":["../../src/json/JsonField.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGnE,8FAA8F;AAC9F,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,OAAO,EAAE,GAAG,MAAM,CAAC;AAErE,MAAM,WAAW,cAAe,SAAQ,UAAU,CAAC,SAAS,CAAC;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAUD,mGAAmG;AACnG,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG;IAAE,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAazF;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAW,EACX,IAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,cAAc,+BAwChB;AAED,mEAAmE;AACnE,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,+BAepD"}

package/dist/json/JsonField.js

@@ -0,0 +1,207 @@
+import { getFieldProps, getSetting, isNumber } from "../shared/entry.js";
+import { messages } from "../shared/messages.js";
+import JsonField_module_default from "./JsonField.module.js";
+import { c } from "react/compiler-runtime";
+import { TextArea, usePanneauIntl } from "@panneau/ui";
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+//#region src/json/JsonField.tsx
+/** The text of a value: indented JSON, or the text that doesn't parse as it is. */
+function toText(value) {
+	if (value === null || value === void 0) return "";
+	return typeof value === "string" ? value : JSON.stringify(value, null, 2);
+}
+/** The value of a text: what it parses to when it is an object or an array, or the text itself. */
+function parseJson(text) {
+	if (text.trim() === "") return {
+		value: null,
+		error: null
+	};
+	try {
+		const parsed = JSON.parse(text);
+		if (parsed !== null && typeof parsed === "object") return {
+			value: parsed,
+			error: null
+		};
+		return {
+			value: text,
+			error: "an object or an array"
+		};
+	} catch (error) {
+		return {
+			value: text,
+			error: error instanceof Error ? error.message : String(error)
+		};
+	}
+}
+/**
+* Structured data edited as JSON: an object or an array. While the text doesn't parse, the value
+* is the text itself, which the `json` rule refuses, so the form can't be saved with it. The text
+* is indented again on blur once it parses.
+*/
+function JsonField(t0) {
+	const $ = c(33);
+	let disabled;
+	let onBlur;
+	let onChange;
+	let props;
+	let readOnly;
+	let required;
+	let t1;
+	let t2;
+	let value;
+	if ($[0] !== t0) {
+		({value, onChange, onBlur, errors: t1, rows: t2, disabled, readOnly, required, ...props} = t0);
+		$[0] = t0;
+		$[1] = disabled;
+		$[2] = onBlur;
+		$[3] = onChange;
+		$[4] = props;
+		$[5] = readOnly;
+		$[6] = required;
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = value;
+	} else {
+		disabled = $[1];
+		onBlur = $[2];
+		onChange = $[3];
+		props = $[4];
+		readOnly = $[5];
+		required = $[6];
+		t1 = $[7];
+		t2 = $[8];
+		value = $[9];
+	}
+	let t3;
+	if ($[10] !== t1) {
+		t3 = t1 === void 0 ? [] : t1;
+		$[10] = t1;
+		$[11] = t3;
+	} else t3 = $[11];
+	const errors = t3;
+	const rows = t2 === void 0 ? 8 : t2;
+	const intl = usePanneauIntl();
+	let t4;
+	if ($[12] !== value) {
+		t4 = () => ({
+			value,
+			text: toText(value)
+		});
+		$[12] = value;
+		$[13] = t4;
+	} else t4 = $[13];
+	const [state, setState] = useState(t4);
+	if (state.value !== value) setState({
+		value,
+		text: toText(value)
+	});
+	const { text } = state;
+	let t5;
+	if ($[14] !== errors || $[15] !== intl || $[16] !== text) {
+		const { error } = parseJson(text);
+		t5 = error !== null && errors.length === 0 ? [intl.formatMessage(messages.jsonInvalid, { error })] : errors;
+		$[14] = errors;
+		$[15] = intl;
+		$[16] = text;
+		$[17] = t5;
+	} else t5 = $[17];
+	const shown = t5;
+	let t6;
+	if ($[18] !== onChange) {
+		t6 = (next) => {
+			const parsed = parseJson(next).value;
+			setState({
+				value: parsed,
+				text: next
+			});
+			onChange?.(parsed);
+		};
+		$[18] = onChange;
+		$[19] = t6;
+	} else t6 = $[19];
+	let t7;
+	if ($[20] !== onBlur || $[21] !== value) {
+		t7 = () => {
+			if (value !== null && value !== void 0 && typeof value !== "string") setState({
+				value,
+				text: toText(value)
+			});
+			onBlur?.();
+		};
+		$[20] = onBlur;
+		$[21] = value;
+		$[22] = t7;
+	} else t7 = $[22];
+	let t8;
+	if ($[23] !== disabled || $[24] !== props || $[25] !== readOnly || $[26] !== required || $[27] !== rows || $[28] !== shown || $[29] !== t6 || $[30] !== t7 || $[31] !== text) {
+		t8 = /* @__PURE__ */ jsx(TextArea, {
+			...props,
+			value: text,
+			onChange: t6,
+			onBlur: t7,
+			errors: shown,
+			rows,
+			spellCheck: "false",
+			textAreaClassName: JsonField_module_default.code,
+			isDisabled: disabled,
+			isReadOnly: readOnly,
+			isRequired: required
+		});
+		$[23] = disabled;
+		$[24] = props;
+		$[25] = readOnly;
+		$[26] = required;
+		$[27] = rows;
+		$[28] = shown;
+		$[29] = t6;
+		$[30] = t7;
+		$[31] = text;
+		$[32] = t8;
+	} else t8 = $[32];
+	return t8;
+}
+/** The `json` type: an object or an array, with setting `rows`. */
+function JsonFieldEntry(props) {
+	const $ = c(11);
+	let t0;
+	if ($[0] !== props.field) {
+		t0 = getSetting(props.field, "rows", isNumber);
+		$[0] = props.field;
+		$[1] = t0;
+	} else t0 = $[1];
+	const rows = t0;
+	const { value } = props;
+	let t1;
+	if ($[2] !== props) {
+		t1 = getFieldProps(props);
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	const t2 = typeof value === "string" || value !== null && typeof value === "object" ? value : null;
+	let t3;
+	if ($[4] !== rows) {
+		t3 = rows !== void 0 ? { rows } : {};
+		$[4] = rows;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== props.onChange || $[7] !== t1 || $[8] !== t2 || $[9] !== t3) {
+		t4 = /* @__PURE__ */ jsx(JsonField, {
+			...t1,
+			value: t2,
+			onChange: props.onChange,
+			...t3
+		});
+		$[6] = props.onChange;
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
+}
+//#endregion
+export { JsonField, JsonFieldEntry, parseJson };
+
+//# sourceMappingURL=JsonField.js.map

package/dist/json/JsonField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonField.js","names":["useState","TextArea","usePanneauIntl","getFieldProps","getSetting","isNumber","messages","FieldEntryProps","FieldProps","styles","JsonValue","Record","JsonFieldProps","placeholder","rows","toText","value","undefined","JSON","stringify","parseJson","text","error","trim","parsed","parse","Error","message","String","JsonField","t0","$","_c","disabled","onBlur","onChange","props","readOnly","required","t1","t2","errors","t3","intl","t4","state","setState","t5","length","formatMessage","jsonInvalid","shown","t6","next","t7","t8","code","JsonFieldEntry","field","_c","styles"],"sources":["../../src/json/JsonField.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { TextArea, usePanneauIntl } from '@panneau/ui';\n\nimport { getFieldProps, getSetting, isNumber } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport styles from './JsonField.module.css';\n\n/** The value of a `json` field: an object or an array, or the text while it doesn't parse. */\nexport type JsonValue = Record<string, unknown> | unknown[] | string;\n\nexport interface JsonFieldProps extends FieldProps<JsonValue> {\n    placeholder?: string;\n    /** Visible lines. Defaults to 8. */\n    rows?: number;\n}\n\n/** The text of a value: indented JSON, or the text that doesn't parse as it is. */\nfunction toText(value: JsonValue | null | undefined): string {\n    if (value === null || value === undefined) {\n        return '';\n    }\n    return typeof value === 'string' ? value : JSON.stringify(value, null, 2);\n}\n\n/** The value of a text: what it parses to when it is an object or an array, or the text itself. */\nexport function parseJson(text: string): { value: JsonValue | null; error: string | null } {\n    if (text.trim() === '') {\n        return { value: null, error: null };\n    }\n    try {\n        const parsed: unknown = JSON.parse(text);\n        if (parsed !== null && typeof parsed === 'object') {\n            return { value: parsed as JsonValue, error: null };\n        }\n        return { value: text, error: 'an object or an array' };\n    } catch (error) {\n        return { value: text, error: error instanceof Error ? error.message : String(error) };\n    }\n}\n\n/**\n * Structured data edited as JSON: an object or an array. While the text doesn't parse, the value\n * is the text itself, which the `json` rule refuses, so the form can't be saved with it. The text\n * is indented again on blur once it parses.\n */\nexport function JsonField({\n    value,\n    onChange,\n    onBlur,\n    errors = [],\n    rows = 8,\n    disabled,\n    readOnly,\n    required,\n    ...props\n}: JsonFieldProps) {\n    const intl = usePanneauIntl();\n    // The text as typed: a value that comes back from the form keeps its text, and a value set\n    // from outside (a reset, a reload) shows its JSON\n    const [state, setState] = useState(() => ({ value, text: toText(value) }));\n    if (state.value !== value) {\n        setState({ value, text: toText(value) });\n    }\n    const { text } = state;\n    const { error } = parseJson(text);\n    // The parser's message, until the form shows the rule's\n    const shown =\n        error !== null && errors.length === 0\n            ? [intl.formatMessage(messages.jsonInvalid, { error })]\n            : errors;\n    return (\n        <TextArea\n            {...props}\n            value={text}\n            onChange={(next) => {\n                const parsed = parseJson(next).value;\n                setState({ value: parsed, text: next });\n                onChange?.(parsed);\n            }}\n            onBlur={() => {\n                // Indent the text once it parses\n                if (value !== null && value !== undefined && typeof value !== 'string') {\n                    setState({ value, text: toText(value) });\n                }\n                onBlur?.();\n            }}\n            errors={shown}\n            rows={rows}\n            spellCheck=\"false\"\n            textAreaClassName={styles.code}\n            isDisabled={disabled}\n            isReadOnly={readOnly}\n            isRequired={required}\n        />\n    );\n}\n\n/** The `json` type: an object or an array, with setting `rows`. */\nexport function JsonFieldEntry(props: FieldEntryProps) {\n    const rows = getSetting(props.field, 'rows', isNumber);\n    const { value } = props;\n    return (\n        <JsonField\n            {...getFieldProps(props)}\n            value={\n                typeof value === 'string' || (value !== null && typeof value === 'object')\n                    ? (value as JsonValue)\n                    : null\n            }\n            onChange={props.onChange}\n            {...(rows !== undefined ? { rows } : {})}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/json/JsonField.module.js

@@ -0,0 +1,8 @@
+import "./JsonField.css";
+//#region src/json/JsonField.module.css
+var code = "panneau-json-field-code";
+var JsonField_module_default = { code };
+//#endregion
+export { code, JsonField_module_default as default };
+
+//# sourceMappingURL=JsonField.module.js.map

package/dist/json/JsonField.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonField.module.js","names":[],"sources":["../../src/json/JsonField.module.css"],"sourcesContent":["/* JSON reads in a monospace font, without wrapping long lines. */\n.code {\n    font-family: var(--panneau-font-family-mono);\n    font-size: var(--panneau-font-size-sm);\n    white-space: pre;\n    tab-size: 2;\n}\n"],"mappings":""}

package/dist/json/index.d.ts

@@ -0,0 +1,2 @@
+export { JsonField, JsonFieldEntry, type JsonFieldProps, type JsonValue, parseJson, } from './JsonField.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/json/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,cAAc,EACd,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,SAAS,GACZ,MAAM,aAAa,CAAC"}

package/dist/json/index.js

@@ -0,0 +1 @@
+export { JsonField, JsonFieldEntry, parseJson } from "./JsonField.js";

package/dist/link/LinkField.css

@@ -0,0 +1,12 @@
+/* The type, its input, the label, then the new tab. */
+.panneau-link-field-link {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    gap: var(--panneau-space-3);
+}
+
+.panneau-link-field-link > :first-child {
+    align-self: flex-start;
+    max-width: 100%;
+}

package/dist/link/LinkField.d.ts

@@ -0,0 +1,38 @@
+import type { LinkValue } from '@panneau/protocol';
+import { type LinkNewTab, type LinkType } from '@panneau/protocol/runtime';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
+/** Whether links have a label: optional, required, or none. */
+export type LinkLabelMode = 'optional' | 'required' | 'none';
+export interface LinkFieldProps extends FieldProps<LinkValue> {
+    /** Dot path of the value, the prefix of the paths of its parts. Defaults to `name`. */
+    path?: string;
+    /** The types offered, in order. Defaults to `url`, `email` and `tel`. */
+    types?: readonly LinkType[];
+    /** The resources of `page` links. */
+    pages?: readonly string[];
+    /** The media libraries of `file` links. Defaults to every library. */
+    libraries?: readonly string[];
+    /** Which links open in a new tab. Defaults to `choose`, a checkbox. */
+    newTab?: LinkNewTab;
+    /** Whether links have a label. Defaults to `optional`. */
+    labelMode?: LinkLabelMode;
+    /**
+     * The label is a string, not a value per locale: in a `localized` link field, where the whole
+     * link is per locale already.
+     */
+    singleLabel?: boolean;
+}
+/**
+ * A link (decision 0055): its type, in a segmented control, then the input of the type (a URL, a
+ * page searched in the resources of `pages`, an email address, a phone number, a media, or the
+ * text of a type of the site), its label per locale, and whether it opens in a new tab. Each part
+ * shows the errors of its own path (`link.url`) in a form.
+ */
+export declare function LinkField({ value, onChange, onBlur, path, name, types: typesProp, pages, libraries, newTab, labelMode, singleLabel, label, description, errors, disabled, readOnly, required, className, }: LinkFieldProps): import("react").JSX.Element;
+/**
+ * The `link` type: its `resource` (the resources of `page` links), and settings `types`,
+ * `newTab`, `label` and `libraries`. In a localized field, the label of each locale's link is a
+ * string.
+ */
+export declare function LinkFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=LinkField.d.ts.map

package/dist/link/LinkField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkField.d.ts","sourceRoot":"","sources":["../../src/link/LinkField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAS,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EACH,KAAK,UAAU,EACf,KAAK,QAAQ,EAGhB,MAAM,2BAA2B,CAAC;AAkBnC,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAQnE,+DAA+D;AAC/D,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;AAE7D,MAAM,WAAW,cAAe,SAAQ,UAAU,CAAC,SAAS,CAAC;IACzD,uFAAuF;IACvF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,KAAK,CAAC,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC5B,qCAAqC;IACrC,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,sEAAsE;IACtE,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,uEAAuE;IACvE,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAoBD;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,KAAK,EAAE,SAAS,EAChB,KAAU,EACV,SAAS,EACT,MAAiB,EACjB,SAAsB,EACtB,WAAmB,EACnB,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACZ,EAAE,cAAc,+BA8OhB;AAgFD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,+BAyBpD"}