@texaryn/react-mui 0.0.0 → 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,11 @@
+# @texaryn/react-mui
+
+## 0.1.0
+
+### Minor Changes
+
+- 7778ff2: First release: Material UI v9 widgets for Texaryn. `createMuiRegistry()` renders MUI TextField, Checkbox, MenuItem, FormControl, Stack, and Button components on top of `@texaryn/react`. The package expects MUI v9 and its styling engine on the page and never loads them itself.
+
+### Patch Changes
+
+- eb1ae23: `MuiSelect` now sets `aria-required` on the element that exposes `role="combobox"`. It previously landed on MUI's native input, which carries `aria-hidden="true"` and `tabindex="-1"`, so assistive technology never saw the required state.

package/LICENSE

@@ -0,0 +1,190 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to the Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by the Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding any notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   Copyright 2024-2026 Hamza Hamidi
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,137 @@
+# @texaryn/react-mui
+
+Material UI v9 widgets for Texaryn: MUI components on top of `@texaryn/react`.
+
+> Status: pre-1.0. Public APIs may change before 1.0.
+
+## Install
+
+```bash
+pnpm add @texaryn/core @texaryn/schema-json @texaryn/react @texaryn/react-mui @mui/material @emotion/react @emotion/styled react react-dom
+```
+
+`@mui/material` is a peer dependency (`^9.0.0`), and so are `@texaryn/react` and `react` (18 or newer). `@emotion/react` and `@emotion/styled` are MUI's default styling engine, not a Texaryn dependency: MUI needs them on the page to render its `sx` prop and its component styles, and this package never imports them itself.
+
+## Quick start
+
+Swap `createDefaultRegistry()` for `createMuiRegistry()`. Nothing else about the form changes:
+
+```tsx
+import { createJsonSchemaAdapter } from '@texaryn/schema-json'
+import { FormProvider, FormRoot, ErrorSummary, useForm } from '@texaryn/react'
+import { createMuiRegistry } from '@texaryn/react-mui'
+
+// schema as in the @texaryn/react quick start
+const adapter = await createJsonSchemaAdapter(schema)
+const registry = createMuiRegistry()
+
+function App() {
+  const form = useForm(adapter, { initialData: { name: '' } })
+
+  return (
+    <FormProvider value={form.runtime}>
+      <ErrorSummary />
+      <FormRoot registry={registry} />
+    </FormProvider>
+  )
+}
+```
+
+This package is theme-neutral: it calls no `createTheme`, renders no `ThemeProvider` and imports no `CssBaseline`. A page that wants MUI's default look wraps its own tree in a `ThemeProvider`; a page with no `ThemeProvider` still gets MUI's baked-in default theme, because that is how `@mui/material` components behave without one.
+
+```tsx
+import { ThemeProvider, createTheme } from '@mui/material/styles'
+import CssBaseline from '@mui/material/CssBaseline'
+
+const theme = createTheme({ palette: { mode: 'dark' } })
+
+function App() {
+  return (
+    <ThemeProvider theme={theme}>
+      <CssBaseline />
+      {/* FormProvider, FormRoot, etc. */}
+    </ThemeProvider>
+  )
+}
+```
+
+## What this package renders
+
+`createMuiRegistry()` returns a `RendererRegistry<WidgetComponent>` with seven widgets, each built from a MUI component.
+
+| Widget | Node it matches | MUI components |
+| --- | --- | --- |
+| `MuiTextInput` | string field with no enum | `TextField` |
+| `MuiNumberInput` | number or integer field | `TextField` with `type="number"` |
+| `MuiTextarea` | field with the `textarea` widget hint | `TextField` with `multiline` |
+| `MuiSelect` | field with enum values | `TextField` with `select`, `MenuItem` per option |
+| `MuiCheckbox` | boolean field | `FormControl`, `FormControlLabel`, `Checkbox`, `FormHelperText` |
+| `MuiObjectLayout` | object container | `Stack` around the children |
+| `MuiArrayControl` | array container | `Stack`, `Box` per item, `Button` to add or remove |
+
+Enum outranks the primitive type, so a string field with an `enum` renders as a select, and the `textarea` hint outranks both.
+
+### Error display: replace, not both
+
+Where `@texaryn/react-bootstrap` and the default registry show the description and every visible error together, this package shows one line of helper text at a time: the description while the field is valid, and the first visible error in its place once the field is invalid. That is `TextField`'s own `helperText` model, one slot, so the widgets pass it `field.error ?? field.description` rather than rendering both. The error line carries `role="alert"` through `slotProps.formHelperText`.
+
+### `aria-required`, not `required`
+
+Widgets set `aria-required` on the underlying input when a field is required, but never the native HTML `required` attribute. Texaryn's own validation is authoritative: a native `required` would let the browser block submission or show its own validation UI before Texaryn's runtime ever sees the value, which would fight the runtime's validation-trigger and error-display policy instead of deferring to it.
+
+## Composing your own registry
+
+Every widget is exported, so a registry can mix these with your own. A widget is markup around [`useFieldBinding`](../react/README.md#custom-widgets), which supplies the label, description, display-gated errors and a DOM surface to spread: `domInputProps` for text, number, textarea and select controls, `domCheckboxProps` for checkboxes.
+
+```tsx
+import { createRendererRegistry } from '@texaryn/core'
+import type { FieldNode, UINode } from '@texaryn/core'
+import { useFieldBinding } from '@texaryn/react'
+import type { WidgetComponent } from '@texaryn/react'
+import TextField from '@mui/material/TextField'
+import { MuiTextInput, MuiObjectLayout } from '@texaryn/react-mui'
+
+function EmailInput({ node }: { node: UINode }) {
+  const field = useFieldBinding(node as FieldNode)
+  return (
+    <TextField
+      id={field.domInputProps.id}
+      name={field.domInputProps.name}
+      value={field.domInputProps.value}
+      onChange={field.domInputProps.onChange}
+      onBlur={field.domInputProps.onBlur}
+      type="email"
+      label={field.label}
+      error={field.invalid}
+      helperText={field.error ?? field.description}
+      fullWidth
+    />
+  )
+}
+
+const registry = createRendererRegistry<WidgetComponent>()
+registry.register({ test: (n) => n.type === 'container' && n.containerType === 'object', rank: 1 }, MuiObjectLayout)
+registry.register({ test: (n) => n.type === 'field' && n.fieldType === 'string', rank: 1 }, MuiTextInput)
+registry.register({ test: (n) => n.type === 'field' && n.format === 'email', rank: 10 }, EmailInput)
+```
+
+## What this package does not do
+
+- It does not depend on MUI X, `@mui/icons-material`, or Base UI. The seven widgets use only `@mui/material` components.
+- It does not create a theme, render a `ThemeProvider`, or render `CssBaseline`. Theming is entirely the consuming page's decision.
+- It does not depend on `@emotion/react` or `@emotion/styled` at runtime; they are declared only as dev dependencies for building and testing this package. The consuming page installs them for MUI's styling engine.
+- It does not set native HTML `required`, `min`, `max`, or `pattern` attributes. Texaryn's runtime is the single source of validation; the widgets only reflect its state through ARIA attributes.
+- It does not own form state. Values, validation, touched state and error display all come from the runtime through `@texaryn/react`.
+
+## Related packages
+
+- [`@texaryn/react`](../react/README.md), React bindings, hooks and default widgets
+- [`@texaryn/react-bootstrap`](../react-bootstrap/README.md), Bootstrap 5 widgets
+- [`@texaryn/core`](../core/README.md), runtime and renderer contracts
+- [`@texaryn/schema-json`](../schema-json/README.md), JSON Schema adapter
+
+See the [repository README](../../README.md) for the complete architecture.
+
+## License
+
+Apache-2.0

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { createMuiRegistry } from './registry.js';
+export * from './widgets/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,cAAc,oBAAoB,CAAA"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export { createMuiRegistry } from './registry.js';
+export * from './widgets/index.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,cAAc,oBAAoB,CAAA"}

package/dist/registry.d.ts

@@ -0,0 +1,4 @@
+import type { RendererRegistry } from '@texaryn/core';
+import type { WidgetComponent } from '@texaryn/react';
+export declare function createMuiRegistry(): RendererRegistry<WidgetComponent>;
+//# sourceMappingURL=registry.d.ts.map

package/dist/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,gBAAgB,EAAU,MAAM,eAAe,CAAA;AACxE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AASrD,wBAAgB,iBAAiB,IAAI,gBAAgB,CAAC,eAAe,CAAC,CAkCrE"}

package/dist/registry.js

@@ -0,0 +1,21 @@
+import { createRendererRegistry } from '@texaryn/core';
+import { MuiTextInput } from './widgets/MuiTextInput.js';
+import { MuiNumberInput } from './widgets/MuiNumberInput.js';
+import { MuiTextarea } from './widgets/MuiTextarea.js';
+import { MuiSelect } from './widgets/MuiSelect.js';
+import { MuiCheckbox } from './widgets/MuiCheckbox.js';
+import { MuiObjectLayout } from './widgets/MuiObjectLayout.js';
+import { MuiArrayControl } from './widgets/MuiArrayControl.js';
+export function createMuiRegistry() {
+    const registry = createRendererRegistry();
+    const isField = (node) => node.type === 'field';
+    registry.register({ test: (n) => isField(n) && n.fieldType === 'string' && n.enumValues == null, rank: 1 }, MuiTextInput);
+    registry.register({ test: (n) => isField(n) && (n.fieldType === 'number' || n.fieldType === 'integer'), rank: 1 }, MuiNumberInput);
+    registry.register({ test: (n) => isField(n) && n.fieldType === 'boolean', rank: 1 }, MuiCheckbox);
+    registry.register({ test: (n) => isField(n) && n.enumValues != null && n.enumValues.length > 0, rank: 2 }, MuiSelect);
+    registry.register({ test: (n) => isField(n) && n.widget === 'textarea', rank: 5 }, MuiTextarea);
+    registry.register({ test: (n) => n.type === 'container' && n.containerType === 'object', rank: 1 }, MuiObjectLayout);
+    registry.register({ test: (n) => n.type === 'container' && n.containerType === 'array', rank: 1 }, MuiArrayControl);
+    return registry;
+}
+//# sourceMappingURL=registry.js.map

package/dist/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAGtD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAE9D,MAAM,UAAU,iBAAiB;IAC/B,MAAM,QAAQ,GAAG,sBAAsB,EAAmB,CAAA;IAC1D,MAAM,OAAO,GAAG,CAAC,IAAY,EAAqB,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,CAAA;IAE1E,QAAQ,CAAC,QAAQ,CACf,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,KAAK,QAAQ,IAAI,CAAC,CAAC,UAAU,IAAI,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,EACxF,YAAY,CACb,CAAA;IACD,QAAQ,CAAC,QAAQ,CACf,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,KAAK,QAAQ,IAAI,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAC/F,cAAc,CACf,CAAA;IACD,QAAQ,CAAC,QAAQ,CACf,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,KAAK,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,EACjE,WAAW,CACZ,CAAA;IACD,QAAQ,CAAC,QAAQ,CACf,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,IAAI,IAAI,IAAI,CAAC,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EACvF,SAAS,CACV,CAAA;IACD,QAAQ,CAAC,QAAQ,CACf,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,UAAU,EAAE,IAAI,EAAE,CAAC,EAAE,EAC/D,WAAW,CACZ,CAAA;IACD,QAAQ,CAAC,QAAQ,CACf,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,IAAI,CAAC,CAAC,aAAa,KAAK,QAAQ,EAAE,IAAI,EAAE,CAAC,EAAE,EAChF,eAAe,CAChB,CAAA;IACD,QAAQ,CAAC,QAAQ,CACf,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,IAAI,CAAC,CAAC,aAAa,KAAK,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,EAC/E,eAAe,CAChB,CAAA;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC"}

package/dist/widgets/MuiArrayControl.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { UINode } from '@texaryn/core';
+export interface WidgetProps {
+    node: UINode;
+}
+declare function MuiArrayControlImpl({ node }: WidgetProps): React.JSX.Element;
+export declare const MuiArrayControl: React.MemoExoticComponent<typeof MuiArrayControlImpl>;
+export {};
+//# sourceMappingURL=MuiArrayControl.d.ts.map

package/dist/widgets/MuiArrayControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiArrayControl.d.ts","sourceRoot":"","sources":["../../src/widgets/MuiArrayControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAiB,MAAM,EAAE,MAAM,eAAe,CAAA;AAG1D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,mBAAmB,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBAoCjD;AAED,eAAO,MAAM,eAAe,uDAAiF,CAAA"}

package/dist/widgets/MuiArrayControl.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import Stack from '@mui/material/Stack';
+import Button from '@mui/material/Button';
+import Box from '@mui/material/Box';
+import { NodeRenderer, useFieldArray, useRendererContext } from '@texaryn/react';
+function MuiArrayControlImpl({ node }) {
+    const containerNode = node;
+    const fieldArray = useFieldArray(containerNode.id);
+    const { document, registry } = useRendererContext();
+    return (_jsxs(Stack, { spacing: 2, children: [fieldArray.items.map((item, index) => {
+                const childNode = item.nodeId ? document.nodes[item.nodeId] : undefined;
+                return (_jsxs(Box, { children: [childNode ? (_jsx(NodeRenderer, { node: childNode, document: document, registry: registry })) : null, fieldArray.canRemove ? (_jsx(Button, { variant: "outlined", color: "error", size: "small", onClick: () => fieldArray.remove(index), children: "Remove" })) : null] }, item.id));
+            }), fieldArray.canAdd ? (_jsx(Box, { children: _jsx(Button, { variant: "contained", onClick: () => fieldArray.add(), children: "Add" }) })) : null] }));
+}
+export const MuiArrayControl = React.memo(MuiArrayControlImpl, (prev, next) => prev.node.id === next.node.id);
+//# sourceMappingURL=MuiArrayControl.js.map

package/dist/widgets/MuiArrayControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiArrayControl.js","sourceRoot":"","sources":["../../src/widgets/MuiArrayControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,qBAAqB,CAAA;AACvC,OAAO,MAAM,MAAM,sBAAsB,CAAA;AACzC,OAAO,GAAG,MAAM,mBAAmB,CAAA;AAEnC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAMhF,SAAS,mBAAmB,CAAC,EAAE,IAAI,EAAe;IAChD,MAAM,aAAa,GAAG,IAAqB,CAAA;IAC3C,MAAM,UAAU,GAAG,aAAa,CAAC,aAAa,CAAC,EAAE,CAAC,CAAA;IAClD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAEnD,OAAO,CACL,MAAC,KAAK,IAAC,OAAO,EAAE,CAAC,aACd,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACpC,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;gBACvE,OAAO,CACL,MAAC,GAAG,eACD,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,YAAY,IAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC1E,CAAC,CAAC,CAAC,IAAI,EACP,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CACtB,KAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,uBAGhC,CACV,CAAC,CAAC,CAAC,IAAI,KAbA,IAAI,CAAC,EAAE,CAcX,CACP,CAAA;YACH,CAAC,CAAC,EACD,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CACnB,KAAC,GAAG,cACF,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,oBAElD,GACL,CACP,CAAC,CAAC,CAAC,IAAI,IACF,CACT,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/widgets/MuiCheckbox.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { UINode } from '@texaryn/core';
+export interface WidgetProps {
+    node: UINode;
+}
+declare function MuiCheckboxImpl({ node }: WidgetProps): React.JSX.Element;
+export declare const MuiCheckbox: React.MemoExoticComponent<typeof MuiCheckboxImpl>;
+export {};
+//# sourceMappingURL=MuiCheckbox.d.ts.map

package/dist/widgets/MuiCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiCheckbox.d.ts","sourceRoot":"","sources":["../../src/widgets/MuiCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAa,MAAM,EAAE,MAAM,eAAe,CAAA;AAGtD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBAiC7C;AAED,eAAO,MAAM,WAAW,mDAA6E,CAAA"}

package/dist/widgets/MuiCheckbox.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import FormControl from '@mui/material/FormControl';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import Checkbox from '@mui/material/Checkbox';
+import FormHelperText from '@mui/material/FormHelperText';
+import { useFieldBinding } from '@texaryn/react';
+function MuiCheckboxImpl({ node }) {
+    const field = useFieldBinding(node);
+    const feedback = field.error ?? field.description;
+    const helperId = `${field.domCheckboxProps.id}-helper`;
+    return (_jsxs(FormControl, { error: field.invalid, disabled: field.disabled, children: [_jsx(FormControlLabel, { label: field.label, control: _jsx(Checkbox, { checked: field.domCheckboxProps.checked, onChange: field.domCheckboxProps.onChange, onBlur: field.domCheckboxProps.onBlur, slotProps: {
+                        input: {
+                            id: field.domCheckboxProps.id,
+                            name: field.domCheckboxProps.name,
+                            'aria-required': field.required || undefined,
+                            'aria-invalid': field.invalid || undefined,
+                            'aria-describedby': feedback ? helperId : undefined,
+                        },
+                    } }) }), feedback ? (_jsx(FormHelperText, { id: helperId, role: field.invalid ? 'alert' : undefined, children: feedback })) : null] }));
+}
+export const MuiCheckbox = React.memo(MuiCheckboxImpl, (prev, next) => prev.node.id === next.node.id);
+//# sourceMappingURL=MuiCheckbox.js.map

package/dist/widgets/MuiCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiCheckbox.js","sourceRoot":"","sources":["../../src/widgets/MuiCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,WAAW,MAAM,2BAA2B,CAAA;AACnD,OAAO,gBAAgB,MAAM,gCAAgC,CAAA;AAC7D,OAAO,QAAQ,MAAM,wBAAwB,CAAA;AAC7C,OAAO,cAAc,MAAM,8BAA8B,CAAA;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAMhD,SAAS,eAAe,CAAC,EAAE,IAAI,EAAe;IAC5C,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAChD,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,CAAA;IACjD,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAEtD,OAAO,CACL,MAAC,WAAW,IAAC,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,aACzD,KAAC,gBAAgB,IACf,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EACL,KAAC,QAAQ,IACP,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,OAAO,EACvC,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EACzC,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,EACrC,SAAS,EAAE;wBACT,KAAK,EAAE;4BACL,EAAE,EAAE,KAAK,CAAC,gBAAgB,CAAC,EAAE;4BAC7B,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC,IAAI;4BACjC,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS;4BAC5C,cAAc,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS;4BAC1C,kBAAkB,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;yBACpD;qBACF,GACD,GAEJ,EACD,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,cAAc,IAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,YACpE,QAAQ,GACM,CAClB,CAAC,CAAC,CAAC,IAAI,IACI,CACf,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/widgets/MuiNumberInput.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { UINode } from '@texaryn/core';
+export interface WidgetProps {
+    node: UINode;
+}
+declare function MuiNumberInputImpl({ node }: WidgetProps): React.JSX.Element;
+export declare const MuiNumberInput: React.MemoExoticComponent<typeof MuiNumberInputImpl>;
+export {};
+//# sourceMappingURL=MuiNumberInput.d.ts.map

package/dist/widgets/MuiNumberInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiNumberInput.d.ts","sourceRoot":"","sources":["../../src/widgets/MuiNumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAa,MAAM,EAAE,MAAM,eAAe,CAAA;AAGtD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,kBAAkB,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBA4BhD;AAED,eAAO,MAAM,cAAc,sDAAgF,CAAA"}

package/dist/widgets/MuiNumberInput.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import TextField from '@mui/material/TextField';
+import { useFieldBinding } from '@texaryn/react';
+function MuiNumberInputImpl({ node }) {
+    const field = useFieldBinding(node);
+    return (_jsx(TextField, { type: "number", id: field.domInputProps.id, name: field.domInputProps.name, value: field.domInputProps.value, onChange: field.domInputProps.onChange, onBlur: field.domInputProps.onBlur, disabled: field.disabled, placeholder: field.placeholder, label: field.label, error: field.invalid, helperText: field.error ?? field.description, fullWidth: true, slotProps: {
+            htmlInput: {
+                'aria-required': field.required || undefined,
+                'aria-invalid': field.invalid || undefined,
+            },
+            formHelperText: {
+                role: field.invalid ? 'alert' : undefined,
+            },
+        } }));
+}
+export const MuiNumberInput = React.memo(MuiNumberInputImpl, (prev, next) => prev.node.id === next.node.id);
+//# sourceMappingURL=MuiNumberInput.js.map

package/dist/widgets/MuiNumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiNumberInput.js","sourceRoot":"","sources":["../../src/widgets/MuiNumberInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAMhD,SAAS,kBAAkB,CAAC,EAAE,IAAI,EAAe;IAC/C,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAEhD,OAAO,CACL,KAAC,SAAS,IACR,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE,EAC1B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,EAC9B,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,EAChC,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,EACtC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,EAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,UAAU,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,EAC5C,SAAS,QACT,SAAS,EAAE;YACT,SAAS,EAAE;gBACT,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS;gBAC5C,cAAc,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS;aAC3C;YACD,cAAc,EAAE;gBACd,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;aAC1C;SACF,GACD,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/widgets/MuiObjectLayout.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { UINode } from '@texaryn/core';
+export interface WidgetProps {
+    node: UINode;
+}
+declare function MuiObjectLayoutImpl({ node }: WidgetProps): React.JSX.Element;
+export declare const MuiObjectLayout: React.MemoExoticComponent<typeof MuiObjectLayoutImpl>;
+export {};
+//# sourceMappingURL=MuiObjectLayout.d.ts.map

package/dist/widgets/MuiObjectLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiObjectLayout.d.ts","sourceRoot":"","sources":["../../src/widgets/MuiObjectLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAiB,MAAM,EAAE,MAAM,eAAe,CAAA;AAG1D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,mBAAmB,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBAejD;AAED,eAAO,MAAM,eAAe,uDAAiF,CAAA"}

package/dist/widgets/MuiObjectLayout.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import Stack from '@mui/material/Stack';
+import { NodeRenderer, useRendererContext } from '@texaryn/react';
+function MuiObjectLayoutImpl({ node }) {
+    const containerNode = node;
+    const { document, registry } = useRendererContext();
+    return (_jsx(Stack, { spacing: 2, children: containerNode.children.map((childId) => {
+            const child = document.nodes[childId];
+            if (!child) {
+                return null;
+            }
+            return _jsx(NodeRenderer, { node: child, document: document, registry: registry }, childId);
+        }) }));
+}
+export const MuiObjectLayout = React.memo(MuiObjectLayoutImpl, (prev, next) => prev.node.id === next.node.id);
+//# sourceMappingURL=MuiObjectLayout.js.map

package/dist/widgets/MuiObjectLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiObjectLayout.js","sourceRoot":"","sources":["../../src/widgets/MuiObjectLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,qBAAqB,CAAA;AAEvC,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAMjE,SAAS,mBAAmB,CAAC,EAAE,IAAI,EAAe;IAChD,MAAM,aAAa,GAAG,IAAqB,CAAA;IAC3C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAEnD,OAAO,CACL,KAAC,KAAK,IAAC,OAAO,EAAE,CAAC,YACd,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;YACtC,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;YACrC,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,OAAO,IAAI,CAAA;YACb,CAAC;YACD,OAAO,KAAC,YAAY,IAAe,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,IAA5D,OAAO,CAAyD,CAAA;QAC5F,CAAC,CAAC,GACI,CACT,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/widgets/MuiSelect.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { UINode } from '@texaryn/core';
+export interface WidgetProps {
+    node: UINode;
+}
+declare function MuiSelectImpl({ node }: WidgetProps): React.JSX.Element;
+export declare const MuiSelect: React.MemoExoticComponent<typeof MuiSelectImpl>;
+export {};
+//# sourceMappingURL=MuiSelect.d.ts.map

package/dist/widgets/MuiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiSelect.d.ts","sourceRoot":"","sources":["../../src/widgets/MuiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAa,MAAM,EAAE,MAAM,eAAe,CAAA;AAGtD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,aAAa,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBAuC3C;AAED,eAAO,MAAM,SAAS,iDAA2E,CAAA"}

package/dist/widgets/MuiSelect.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import TextField from '@mui/material/TextField';
+import MenuItem from '@mui/material/MenuItem';
+import { useFieldBinding } from '@texaryn/react';
+function MuiSelectImpl({ node }) {
+    const field = useFieldBinding(node);
+    const enumValues = node.enumValues ?? [];
+    return (_jsx(TextField, { select: true, id: field.domInputProps.id, name: field.domInputProps.name, value: field.domInputProps.value, onChange: field.domInputProps.onChange, onBlur: field.domInputProps.onBlur, disabled: field.disabled, label: field.label, error: field.invalid, helperText: field.error ?? field.description, fullWidth: true, slotProps: {
+            // Screen readers see the combobox div, not MUI's aria-hidden native input.
+            select: {
+                SelectDisplayProps: {
+                    'aria-required': field.required || undefined,
+                },
+            },
+            htmlInput: {
+                'aria-invalid': field.invalid || undefined,
+            },
+            formHelperText: {
+                role: field.invalid ? 'alert' : undefined,
+            },
+        }, children: enumValues.map((option) => (_jsx(MenuItem, { value: String(option.value), children: option.title ?? String(option.value) }, String(option.value)))) }));
+}
+export const MuiSelect = React.memo(MuiSelectImpl, (prev, next) => prev.node.id === next.node.id);
+//# sourceMappingURL=MuiSelect.js.map

package/dist/widgets/MuiSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiSelect.js","sourceRoot":"","sources":["../../src/widgets/MuiSelect.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAC/C,OAAO,QAAQ,MAAM,wBAAwB,CAAA;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAMhD,SAAS,aAAa,CAAC,EAAE,IAAI,EAAe;IAC1C,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAChD,MAAM,UAAU,GAAI,IAAkB,CAAC,UAAU,IAAI,EAAE,CAAA;IAEvD,OAAO,CACL,KAAC,SAAS,IACR,MAAM,QACN,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE,EAC1B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,EAC9B,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,EAChC,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,EACtC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,EAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,UAAU,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,EAC5C,SAAS,QACT,SAAS,EAAE;YACT,2EAA2E;YAC3E,MAAM,EAAE;gBACN,kBAAkB,EAAE;oBAClB,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS;iBAC7C;aACF;YACD,SAAS,EAAE;gBACT,cAAc,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS;aAC3C;YACD,cAAc,EAAE;gBACd,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;aAC1C;SACF,YAEA,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC1B,KAAC,QAAQ,IAA4B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,YAC7D,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IADxB,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAExB,CACZ,CAAC,GACQ,CACb,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/widgets/MuiTextInput.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { UINode } from '@texaryn/core';
+export interface WidgetProps {
+    node: UINode;
+}
+declare function MuiTextInputImpl({ node }: WidgetProps): React.JSX.Element;
+export declare const MuiTextInput: React.MemoExoticComponent<typeof MuiTextInputImpl>;
+export {};
+//# sourceMappingURL=MuiTextInput.d.ts.map

package/dist/widgets/MuiTextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiTextInput.d.ts","sourceRoot":"","sources":["../../src/widgets/MuiTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAa,MAAM,EAAE,MAAM,eAAe,CAAA;AAGtD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,gBAAgB,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBA2B9C;AAED,eAAO,MAAM,YAAY,oDAA8E,CAAA"}

package/dist/widgets/MuiTextInput.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import TextField from '@mui/material/TextField';
+import { useFieldBinding } from '@texaryn/react';
+function MuiTextInputImpl({ node }) {
+    const field = useFieldBinding(node);
+    return (_jsx(TextField, { id: field.domInputProps.id, name: field.domInputProps.name, value: field.domInputProps.value, onChange: field.domInputProps.onChange, onBlur: field.domInputProps.onBlur, disabled: field.disabled, placeholder: field.placeholder, label: field.label, error: field.invalid, helperText: field.error ?? field.description, fullWidth: true, slotProps: {
+            htmlInput: {
+                'aria-required': field.required || undefined,
+                'aria-invalid': field.invalid || undefined,
+            },
+            formHelperText: {
+                role: field.invalid ? 'alert' : undefined,
+            },
+        } }));
+}
+export const MuiTextInput = React.memo(MuiTextInputImpl, (prev, next) => prev.node.id === next.node.id);
+//# sourceMappingURL=MuiTextInput.js.map

package/dist/widgets/MuiTextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiTextInput.js","sourceRoot":"","sources":["../../src/widgets/MuiTextInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAMhD,SAAS,gBAAgB,CAAC,EAAE,IAAI,EAAe;IAC7C,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAEhD,OAAO,CACL,KAAC,SAAS,IACR,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE,EAC1B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,EAC9B,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,EAChC,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,EACtC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,EAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,UAAU,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,EAC5C,SAAS,QACT,SAAS,EAAE;YACT,SAAS,EAAE;gBACT,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS;gBAC5C,cAAc,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS;aAC3C;YACD,cAAc,EAAE;gBACd,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;aAC1C;SACF,GACD,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/widgets/MuiTextarea.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { UINode } from '@texaryn/core';
+export interface WidgetProps {
+    node: UINode;
+}
+declare function MuiTextareaImpl({ node }: WidgetProps): React.JSX.Element;
+export declare const MuiTextarea: React.MemoExoticComponent<typeof MuiTextareaImpl>;
+export {};
+//# sourceMappingURL=MuiTextarea.d.ts.map

package/dist/widgets/MuiTextarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiTextarea.d.ts","sourceRoot":"","sources":["../../src/widgets/MuiTextarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAa,MAAM,EAAE,MAAM,eAAe,CAAA;AAGtD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb;AAED,iBAAS,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE,WAAW,qBA6B7C;AAED,eAAO,MAAM,WAAW,mDAA6E,CAAA"}

package/dist/widgets/MuiTextarea.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import TextField from '@mui/material/TextField';
+import { useFieldBinding } from '@texaryn/react';
+function MuiTextareaImpl({ node }) {
+    const field = useFieldBinding(node);
+    return (_jsx(TextField, { multiline: true, minRows: 3, id: field.domInputProps.id, name: field.domInputProps.name, value: field.domInputProps.value, onChange: field.domInputProps.onChange, onBlur: field.domInputProps.onBlur, disabled: field.disabled, placeholder: field.placeholder, label: field.label, error: field.invalid, helperText: field.error ?? field.description, fullWidth: true, slotProps: {
+            htmlInput: {
+                'aria-required': field.required || undefined,
+                'aria-invalid': field.invalid || undefined,
+            },
+            formHelperText: {
+                role: field.invalid ? 'alert' : undefined,
+            },
+        } }));
+}
+export const MuiTextarea = React.memo(MuiTextareaImpl, (prev, next) => prev.node.id === next.node.id);
+//# sourceMappingURL=MuiTextarea.js.map

package/dist/widgets/MuiTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MuiTextarea.js","sourceRoot":"","sources":["../../src/widgets/MuiTextarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAE/C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAMhD,SAAS,eAAe,CAAC,EAAE,IAAI,EAAe;IAC5C,MAAM,KAAK,GAAG,eAAe,CAAC,IAAiB,CAAC,CAAA;IAEhD,OAAO,CACL,KAAC,SAAS,IACR,SAAS,QACT,OAAO,EAAE,CAAC,EACV,EAAE,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE,EAC1B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,EAC9B,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,EAChC,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,EACtC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,EAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,UAAU,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,EAC5C,SAAS,QACT,SAAS,EAAE;YACT,SAAS,EAAE;gBACT,eAAe,EAAE,KAAK,CAAC,QAAQ,IAAI,SAAS;gBAC5C,cAAc,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS;aAC3C;YACD,cAAc,EAAE;gBACd,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;aAC1C;SACF,GACD,CACH,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/widgets/index.d.ts

@@ -0,0 +1,8 @@
+export { MuiTextInput } from './MuiTextInput.js';
+export { MuiNumberInput } from './MuiNumberInput.js';
+export { MuiTextarea } from './MuiTextarea.js';
+export { MuiSelect } from './MuiSelect.js';
+export { MuiCheckbox } from './MuiCheckbox.js';
+export { MuiObjectLayout } from './MuiObjectLayout.js';
+export { MuiArrayControl } from './MuiArrayControl.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/widgets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/widgets/index.js

@@ -0,0 +1,8 @@
+export { MuiTextInput } from './MuiTextInput.js';
+export { MuiNumberInput } from './MuiNumberInput.js';
+export { MuiTextarea } from './MuiTextarea.js';
+export { MuiSelect } from './MuiSelect.js';
+export { MuiCheckbox } from './MuiCheckbox.js';
+export { MuiObjectLayout } from './MuiObjectLayout.js';
+export { MuiArrayControl } from './MuiArrayControl.js';
+//# sourceMappingURL=index.js.map

package/dist/widgets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/widgets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA"}

package/package.json

@@ -1,6 +1,66 @@
 {
   "name": "@texaryn/react-mui",
-  "version": "0.0.0",
-  "description": "Placeholder for @texaryn/react-mui",
-  "license": "MIT"
-}
+  "version": "0.1.0",
+  "description": "Material UI v9 widgets for Texaryn: MUI components on top of @texaryn/react",
+  "keywords": [
+    "react",
+    "material-ui",
+    "mui",
+    "json-schema",
+    "forms",
+    "texaryn"
+  ],
+  "type": "module",
+  "license": "Apache-2.0",
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/hamzahamidi"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/texaryn/texaryn.git",
+    "directory": "packages/react-mui"
+  },
+  "homepage": "https://github.com/texaryn/texaryn#readme",
+  "bugs": {
+    "url": "https://github.com/texaryn/texaryn/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "CHANGELOG.md"
+  ],
+  "dependencies": {
+    "@texaryn/core": "^0.2.0"
+  },
+  "peerDependencies": {
+    "@mui/material": "^9.0.0",
+    "react": ">=18.0.0",
+    "@texaryn/react": "^0.2.0"
+  },
+  "devDependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mui/material": "^9.4.0",
+    "@testing-library/react": "^16.0.0",
+    "@types/react": "^19.0.0",
+    "jsdom": "^25.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "@texaryn/react": "0.2.0",
+    "@texaryn/schema-json": "0.2.0"
+  },
+  "scripts": {
+    "build": "tsc --build"
+  }
+}