material-plus-ui 1.13.0 → 1.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -3
- package/dist/a2ui/catalog.d.ts +12 -11
- package/dist/a2ui/catalog.js +1 -1
- package/dist/a2ui/components/MPA2uiAudioPlayer.d.ts +1 -1
- package/dist/a2ui/components/MPA2uiAudioPlayer.js +1 -1
- package/dist/a2ui/components/MPA2uiButton.d.ts +1 -1
- package/dist/a2ui/components/MPA2uiButton.js +1 -1
- package/dist/a2ui/components/MPA2uiCard.d.ts +1 -1
- package/dist/a2ui/components/MPA2uiCard.js +1 -1
- package/dist/a2ui/components/MPA2uiCheckBox.d.ts +1 -1
- package/dist/a2ui/components/MPA2uiCheckBox.js +1 -1
- package/dist/a2ui/components/MPA2uiChoicePicker.d.ts +1 -1
- package/dist/a2ui/components/MPA2uiChoicePicker.js +1 -1
- package/dist/a2ui/components/MPA2uiColumn.d.ts +1 -1
- package/dist/a2ui/components/MPA2uiColumn.js +1 -1
- package/dist/a2ui/components/MPA2uiDateTimeInput.d.ts +1 -1
- package/dist/a2ui/components/MPA2uiDateTimeInput.js +1 -1
- package/dist/a2ui/components/MPA2uiDivider.d.ts +1 -1
- package/dist/a2ui/components/MPA2uiDivider.js +1 -1
- package/dist/a2ui/components/MPA2uiIcon.d.ts +1 -1
- package/dist/a2ui/components/MPA2uiIcon.js +1 -1
- package/dist/a2ui/components/MPA2uiImage.d.ts +1 -1
- package/dist/a2ui/components/MPA2uiImage.js +1 -1
- package/dist/a2ui/components/MPA2uiList.d.ts +1 -1
- package/dist/a2ui/components/MPA2uiList.js +1 -1
- package/dist/a2ui/components/MPA2uiModal.d.ts +1 -1
- package/dist/a2ui/components/MPA2uiModal.js +1 -1
- package/dist/a2ui/components/MPA2uiRow.d.ts +1 -1
- package/dist/a2ui/components/MPA2uiRow.js +1 -1
- package/dist/a2ui/components/MPA2uiSlider.d.ts +1 -1
- package/dist/a2ui/components/MPA2uiSlider.js +1 -1
- package/dist/a2ui/components/MPA2uiTabs.d.ts +1 -1
- package/dist/a2ui/components/MPA2uiTabs.js +1 -1
- package/dist/a2ui/components/MPA2uiText.d.ts +1 -1
- package/dist/a2ui/components/MPA2uiText.js +1 -1
- package/dist/a2ui/components/MPA2uiTextField.d.ts +1 -1
- package/dist/a2ui/components/MPA2uiTextField.js +1 -1
- package/dist/a2ui/components/MPA2uiVideo.d.ts +1 -1
- package/dist/a2ui/components/MPA2uiVideo.js +1 -1
- package/dist/a2ui/extended/MPA2uiBarChart.d.ts +1 -1
- package/dist/a2ui/extended/MPA2uiBarChart.js +1 -1
- package/dist/a2ui/extended/MPA2uiDataTable.d.ts +1 -1
- package/dist/a2ui/extended/MPA2uiDataTable.js +1 -1
- package/dist/a2ui/extended/MPA2uiLineChart.d.ts +1 -1
- package/dist/a2ui/extended/MPA2uiLineChart.js +1 -1
- package/dist/a2ui/extended/MPA2uiPieChart.d.ts +1 -1
- package/dist/a2ui/extended/MPA2uiPieChart.js +1 -1
- package/dist/a2ui/extended/MPA2uiStatistic.d.ts +1 -1
- package/dist/a2ui/extended/MPA2uiStatistic.js +1 -1
- package/dist/a2ui/extended/api.d.ts +783 -509
- package/dist/a2ui/extended/api.js +1 -1
- package/dist/a2ui/index.d.ts +10 -5
- package/dist/a2ui/internal/children.d.ts +1 -1
- package/dist/a2ui/internal/common.d.ts +32 -14
- package/dist/a2ui/internal/common.js +1 -1
- package/dist/components/calendar/MPCalendar.d.ts +4 -1
- package/dist/components/calendar/MPCalendar.js +1 -1
- package/dist/components/collapsible/MPCollapsible.js +1 -1
- package/dist/components/color-picker/MPColorPicker.d.ts +1 -0
- package/dist/components/color-picker/MPColorPicker.js +1 -1
- package/dist/components/combobox/MPCombobox.d.ts +2 -1
- package/dist/components/combobox/MPCombobox.js +1 -1
- package/dist/components/config/MPConfigProvider.d.ts +64 -5
- package/dist/components/config/MPConfigProvider.js +1 -1
- package/dist/components/date-picker/MPDatePicker.d.ts +4 -1
- package/dist/components/date-picker/MPDatePicker.js +1 -1
- package/dist/components/date-range-picker/MPDateRangePicker.js +1 -1
- package/dist/components/date-time-picker/MPDateTimePicker.js +1 -1
- package/dist/components/dialog/MPDialog.d.ts +5 -1
- package/dist/components/dialog/MPDialog.js +1 -1
- package/dist/components/drawer/MPDrawer.d.ts +5 -1
- package/dist/components/drawer/MPDrawer.js +1 -1
- package/dist/components/locale/MPLocaleProvider.d.ts +29 -0
- package/dist/components/locale/MPLocaleProvider.js +1 -1
- package/dist/components/number-field/MPNumberField.d.ts +2 -1
- package/dist/components/number-field/MPNumberField.js +1 -1
- package/dist/components/scroll-area/MPScrollArea.js +1 -1
- package/dist/components/scroll-zone/MPScrollZone.js +1 -1
- package/dist/components/select/MPSelect.d.ts +1 -0
- package/dist/components/select/MPSelect.js +1 -1
- package/dist/components/text-field/MPTextField.d.ts +1 -0
- package/dist/components/text-field/MPTextField.js +1 -1
- package/dist/internal/FieldOutline.d.ts +7 -0
- package/dist/internal/FieldOutline.js +1 -1
- package/dist/internal/Picker.d.ts +2 -1
- package/dist/internal/Picker.js +1 -1
- package/dist/internal/config.d.ts +39 -5
- package/dist/internal/config.js +1 -1
- package/dist/internal/direction.d.ts +9 -0
- package/dist/internal/direction.js +2 -0
- package/dist/internal/locale.d.ts +21 -4
- package/dist/internal/locale.js +1 -1
- package/dist/internal/scale.d.ts +20 -0
- package/dist/internal/scale.js +1 -1
- package/dist/styles/accordion.css +2 -2
- package/dist/styles/alert.css +2 -2
- package/dist/styles/anchor.css +2 -2
- package/dist/styles/animate-appear.css +1 -1
- package/dist/styles/animate-blink.css +1 -1
- package/dist/styles/animate-counter.css +2 -2
- package/dist/styles/animate-fade.css +1 -1
- package/dist/styles/animate-float.css +2 -2
- package/dist/styles/animate-grow.css +2 -2
- package/dist/styles/animate-headline.css +1 -1
- package/dist/styles/animate-lighting.css +2 -2
- package/dist/styles/animate-marquee.css +1 -1
- package/dist/styles/animate-reveal.css +1 -1
- package/dist/styles/animate-rotate.css +1 -1
- package/dist/styles/animate-scramble.css +2 -2
- package/dist/styles/animate-shake.css +2 -2
- package/dist/styles/animate-slide.css +1 -1
- package/dist/styles/animate-split.css +2 -2
- package/dist/styles/animate-typing.css +1 -1
- package/dist/styles/animate-zoom.css +1 -1
- package/dist/styles/app-logo.css +2 -2
- package/dist/styles/area-chart.css +2 -2
- package/dist/styles/aspect-ratio.css +2 -2
- package/dist/styles/avatar.css +2 -2
- package/dist/styles/badge.css +2 -2
- package/dist/styles/bar-chart.css +2 -2
- package/dist/styles/blockquote.css +2 -2
- package/dist/styles/bottom-navigation.css +2 -2
- package/dist/styles/box.css +2 -2
- package/dist/styles/breadcrumb.css +2 -2
- package/dist/styles/button-group.css +2 -2
- package/dist/styles/button.css +2 -2
- package/dist/styles/calendar.css +2 -2
- package/dist/styles/card.css +2 -2
- package/dist/styles/carousel.css +2 -2
- package/dist/styles/chat-bubble.css +2 -2
- package/dist/styles/checkbox.css +2 -2
- package/dist/styles/chip.css +2 -2
- package/dist/styles/code-block.css +2 -2
- package/dist/styles/collapsible.css +2 -2
- package/dist/styles/color-picker.css +2 -2
- package/dist/styles/combobox.css +2 -2
- package/dist/styles/command-palette.css +2 -2
- package/dist/styles/config.css +2 -2
- package/dist/styles/confirm.css +2 -2
- package/dist/styles/container.css +2 -2
- package/dist/styles/data-list.css +2 -2
- package/dist/styles/data-table.css +2 -2
- package/dist/styles/date-picker.css +2 -2
- package/dist/styles/date-range-picker.css +2 -2
- package/dist/styles/date-time-picker.css +2 -2
- package/dist/styles/dialog.css +2 -2
- package/dist/styles/divider.css +2 -2
- package/dist/styles/drawer.css +2 -2
- package/dist/styles/empty.css +2 -2
- package/dist/styles/fieldset.css +2 -2
- package/dist/styles/file-picker.css +2 -2
- package/dist/styles/flex.css +2 -2
- package/dist/styles/floating-action-button.css +2 -2
- package/dist/styles/floating-bottom-navigation.css +2 -2
- package/dist/styles/footer.css +2 -2
- package/dist/styles/form.css +2 -2
- package/dist/styles/gauge-chart.css +2 -2
- package/dist/styles/grid.css +2 -2
- package/dist/styles/header.css +2 -2
- package/dist/styles/heatmap-chart.css +2 -2
- package/dist/styles/highlight.css +2 -2
- package/dist/styles/hover-card.css +2 -2
- package/dist/styles/icon-button.css +2 -2
- package/dist/styles/icon.css +1 -1
- package/dist/styles/image.css +2 -2
- package/dist/styles/line-chart.css +2 -2
- package/dist/styles/list.css +2 -2
- package/dist/styles/locale.css +2 -2
- package/dist/styles/menu.css +2 -2
- package/dist/styles/menubar.css +2 -2
- package/dist/styles/meter.css +2 -2
- package/dist/styles/mockup.css +2 -2
- package/dist/styles/navigation-menu.css +2 -2
- package/dist/styles/number-field.css +2 -2
- package/dist/styles/otp-field.css +2 -2
- package/dist/styles/overlay.css +2 -2
- package/dist/styles/page-layout.css +2 -2
- package/dist/styles/pagination.css +2 -2
- package/dist/styles/panes.css +2 -2
- package/dist/styles/pie-chart.css +2 -2
- package/dist/styles/pill.css +2 -2
- package/dist/styles/popconfirm.css +2 -2
- package/dist/styles/popover.css +2 -2
- package/dist/styles/portal.css +2 -2
- package/dist/styles/progress-box.css +2 -2
- package/dist/styles/progress-circular.css +2 -2
- package/dist/styles/progress-linear.css +2 -2
- package/dist/styles/radio-group.css +2 -2
- package/dist/styles/rating.css +2 -2
- package/dist/styles/scatter-chart.css +2 -2
- package/dist/styles/scroll-area.css +2 -2
- package/dist/styles/scroll-zone.css +2 -2
- package/dist/styles/segmented-button.css +2 -2
- package/dist/styles/select.css +2 -2
- package/dist/styles/shortcut.css +2 -2
- package/dist/styles/show.css +2 -2
- package/dist/styles/sidebar.css +2 -2
- package/dist/styles/skeleton.css +2 -2
- package/dist/styles/slider.css +2 -2
- package/dist/styles/snackbar.css +2 -2
- package/dist/styles/sparkline.css +2 -2
- package/dist/styles/spoiler.css +2 -2
- package/dist/styles/stack.css +2 -2
- package/dist/styles/statistic.css +2 -2
- package/dist/styles/stepper.css +2 -2
- package/dist/styles/switch.css +2 -2
- package/dist/styles/table.css +2 -2
- package/dist/styles/tabs.css +2 -2
- package/dist/styles/text-field.css +2 -2
- package/dist/styles/text-link.css +2 -2
- package/dist/styles/time-picker.css +2 -2
- package/dist/styles/timeline-chart.css +2 -2
- package/dist/styles/timeline.css +2 -2
- package/dist/styles/toggle-group.css +2 -2
- package/dist/styles/toggle.css +2 -2
- package/dist/styles/tokens.css +1 -1
- package/dist/styles/toolbar.css +2 -2
- package/dist/styles/tooltip.css +2 -2
- package/dist/styles/tour.css +2 -2
- package/dist/styles/transfer.css +2 -2
- package/dist/styles/tree-select.css +2 -2
- package/dist/styles/tree-view.css +2 -2
- package/dist/styles/typography.css +2 -2
- package/dist/styles/visually-hidden.css +1 -1
- package/dist/styles.css +2 -2
- package/package.json +24 -25
package/README.md
CHANGED
|
@@ -23,7 +23,7 @@ It also goes on past where the specification stops. The button ladder keeps the
|
|
|
23
23
|
- **IME-safe by construction.** Korean, Japanese and Chinese composition survives whatever your `onChange` does with the value.
|
|
24
24
|
- **Bring your own icons.** `MPIcon` takes a component or an element from any set. `lucide-react` ships with the package, gathered in one readable constants file.
|
|
25
25
|
- **Works in a Next.js server component**, and in any bundler: the components carry `"use client"`, the barrel and the data do not, and every specifier in `dist/` names a file — so webpack, Vite, esbuild, Rollup and plain Node all resolve it.
|
|
26
|
-
- **ESM only**, TypeScript declarations included, and tree-shakeable for real: one component is 3.8 kB gzipped and five are 10.
|
|
26
|
+
- **ESM only**, TypeScript declarations included, and tree-shakeable for real: one component is 3.8 kB gzipped and five are 10.1 kB, against 139.5 kB for every export there is. `npm run measure` prints those numbers off a real bundler, so they cannot quietly stop being true. The stylesheet splits the same way.
|
|
27
27
|
- **Two runtime dependencies**, and the second is loaded rather than bundled: `lucide-react` for the glyphs, and `highlight.js` behind `MPCodeBlock` — every grammar sits behind an `import()`, so a page that renders no code block never downloads one. React 18 or 19, Node.js 22 or later.
|
|
28
28
|
|
|
29
29
|
## Documentation
|
|
@@ -56,7 +56,7 @@ pnpm add material-plus-ui
|
|
|
56
56
|
| ------------------------------- | -------- | -------------------------------- |
|
|
57
57
|
| `@base-ui/react` | 1 | Yes |
|
|
58
58
|
| `react`, `react-dom` | 18 or 19 | Yes |
|
|
59
|
-
| `@a2ui/react`, `@a2ui/web_core` | 0.
|
|
59
|
+
| `@a2ui/react`, `@a2ui/web_core` | 0.15 | Only for `material-plus-ui/a2ui` |
|
|
60
60
|
|
|
61
61
|
`@base-ui/react` is a peer rather than a dependency because it carries React context: a `Form` of yours has to be able to see a field of ours, and that only works with one copy in the tree.
|
|
62
62
|
|
|
@@ -79,7 +79,7 @@ If Tailwind v4 is already in your project, import the token sheet instead:
|
|
|
79
79
|
@import 'material-plus-ui/tailwind.css';
|
|
80
80
|
```
|
|
81
81
|
|
|
82
|
-
A page that renders a handful of components can take the tokens and a sheet each instead of the whole
|
|
82
|
+
A page that renders a handful of components can take the tokens and a sheet each instead of the whole 175.9 kB — 6.4 kB gzipped for one component against 23.9 kB for the lot. [The guide](https://material-plus.cdget.com/guide/getting-started#if-you-only-render-a-few-components) has the numbers and where the two paths cross.
|
|
83
83
|
|
|
84
84
|
```ts
|
|
85
85
|
import 'material-plus-ui/styles/tokens.css';
|
package/dist/a2ui/catalog.d.ts
CHANGED
|
@@ -18,21 +18,22 @@
|
|
|
18
18
|
* is for exactly that: mint a URI you control, add your implementations, and the
|
|
19
19
|
* eighteen here come along.
|
|
20
20
|
*/
|
|
21
|
-
import type { ReactComponentImplementation } from '@a2ui/react
|
|
22
|
-
import { BASIC_FUNCTIONS, Catalog } from '@a2ui/web_core/
|
|
21
|
+
import type { ReactComponentImplementation } from '@a2ui/react';
|
|
22
|
+
import { BASIC_FUNCTIONS, Catalog } from '@a2ui/web_core/v1_0';
|
|
23
23
|
/**
|
|
24
24
|
* The id of A2UI's basic catalog, which is the contract this package implements.
|
|
25
25
|
*
|
|
26
|
-
* The path says `
|
|
27
|
-
*
|
|
28
|
-
*
|
|
29
|
-
*
|
|
26
|
+
* The path says `v1_0` and the document there declares protocol version `1.0`;
|
|
27
|
+
* the underscore is the protocol's own spelling. Written out rather than
|
|
28
|
+
* imported, because the SDK names it only as the `id` of its own `basicCatalog`,
|
|
29
|
+
* and reading it from there would put the reference renderer's eighteen Lit
|
|
30
|
+
* elements in every bundle that imports this module.
|
|
30
31
|
*
|
|
31
32
|
* Exported because an agent has to send this exact string for a surface to
|
|
32
33
|
* resolve, and a client has to announce it in `supportedCatalogIds`. A URI that
|
|
33
34
|
* has to match in two places is not a string to retype in either of them.
|
|
34
35
|
*/
|
|
35
|
-
export declare const A2UI_BASIC_CATALOG_ID = "https://a2ui.org/specification/
|
|
36
|
+
export declare const A2UI_BASIC_CATALOG_ID = "https://a2ui.org/specification/v1_0/catalogs/basic/catalog.json";
|
|
36
37
|
/** The eighteen implementations, in the order the specification lists them. */
|
|
37
38
|
export declare const MP_A2UI_COMPONENTS: ReactComponentImplementation[];
|
|
38
39
|
/**
|
|
@@ -50,7 +51,7 @@ export declare const MP_A2UI_COMPONENTS: ReactComponentImplementation[];
|
|
|
50
51
|
* draw, and saying otherwise with the basic id would be a promise to any other
|
|
51
52
|
* renderer that it could.
|
|
52
53
|
*/
|
|
53
|
-
export declare const MP_A2UI_CATALOG_ID = "https://material-plus.cdget.com/a2ui/
|
|
54
|
+
export declare const MP_A2UI_CATALOG_ID = "https://material-plus.cdget.com/a2ui/v1_0/catalog.json";
|
|
54
55
|
/**
|
|
55
56
|
* The components this library adds to the protocol's vocabulary: a table, three
|
|
56
57
|
* charts and a figure.
|
|
@@ -81,7 +82,7 @@ export declare const createMPA2uiCatalog: ({ id, components, functions }?: {
|
|
|
81
82
|
components?: ReactComponentImplementation[];
|
|
82
83
|
/** The functions an agent may call. Defaults to the basic catalog's. */
|
|
83
84
|
functions?: typeof BASIC_FUNCTIONS;
|
|
84
|
-
}) => Catalog<ReactComponentImplementation
|
|
85
|
+
}) => Catalog<ReactComponentImplementation<import("zod").ZodTypeAny>, import("@a2ui/web_core").FunctionImplementation>;
|
|
85
86
|
/**
|
|
86
87
|
* The basic catalog, drawn as Material Plus.
|
|
87
88
|
*
|
|
@@ -89,7 +90,7 @@ export declare const createMPA2uiCatalog: ({ id, components, functions }?: {
|
|
|
89
90
|
* const processor = new MessageProcessor<ReactComponentImplementation>([mpA2uiCatalog]);
|
|
90
91
|
* ```
|
|
91
92
|
*/
|
|
92
|
-
export declare const mpA2uiCatalog: Catalog<ReactComponentImplementation
|
|
93
|
+
export declare const mpA2uiCatalog: Catalog<ReactComponentImplementation<import("zod").ZodTypeAny>, import("@a2ui/web_core").FunctionImplementation>;
|
|
93
94
|
/**
|
|
94
95
|
* The same, plus the five components the basic catalog has no way to express.
|
|
95
96
|
*
|
|
@@ -104,4 +105,4 @@ export declare const mpA2uiCatalog: Catalog<ReactComponentImplementation, import
|
|
|
104
105
|
* ]);
|
|
105
106
|
* ```
|
|
106
107
|
*/
|
|
107
|
-
export declare const mpA2uiExtendedCatalog: Catalog<ReactComponentImplementation
|
|
108
|
+
export declare const mpA2uiExtendedCatalog: Catalog<ReactComponentImplementation<import("zod").ZodTypeAny>, import("@a2ui/web_core").FunctionImplementation>;
|
package/dist/a2ui/catalog.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{BASIC_FUNCTIONS as o,Catalog as t}from"@a2ui/web_core/
|
|
1
|
+
import{BASIC_FUNCTIONS as o,Catalog as t}from"@a2ui/web_core/v1_0";import{MPA2uiBarChart as i}from"./extended/MPA2uiBarChart.js";import{MPA2uiDataTable as m}from"./extended/MPA2uiDataTable.js";import{MPA2uiLineChart as e}from"./extended/MPA2uiLineChart.js";import{MPA2uiPieChart as r}from"./extended/MPA2uiPieChart.js";import{MPA2uiStatistic as n}from"./extended/MPA2uiStatistic.js";import{MPA2uiAudioPlayer as s}from"./components/MPA2uiAudioPlayer.js";import{MPA2uiButton as p}from"./components/MPA2uiButton.js";import{MPA2uiCard as c}from"./components/MPA2uiCard.js";import{MPA2uiCheckBox as A}from"./components/MPA2uiCheckBox.js";import{MPA2uiChoicePicker as a}from"./components/MPA2uiChoicePicker.js";import{MPA2uiColumn as P}from"./components/MPA2uiColumn.js";import{MPA2uiDateTimeInput as u}from"./components/MPA2uiDateTimeInput.js";import{MPA2uiDivider as M}from"./components/MPA2uiDivider.js";import{MPA2uiIcon as _}from"./components/MPA2uiIcon.js";import{MPA2uiImage as f}from"./components/MPA2uiImage.js";import{MPA2uiList as j}from"./components/MPA2uiList.js";import{MPA2uiModal as d}from"./components/MPA2uiModal.js";import{MPA2uiRow as C}from"./components/MPA2uiRow.js";import{MPA2uiSlider as I}from"./components/MPA2uiSlider.js";import{MPA2uiTabs as l}from"./components/MPA2uiTabs.js";import{MPA2uiText as x}from"./components/MPA2uiText.js";import{MPA2uiTextField as T}from"./components/MPA2uiTextField.js";import{MPA2uiVideo as g}from"./components/MPA2uiVideo.js";export const A2UI_BASIC_CATALOG_ID="https://a2ui.org/specification/v1_0/catalogs/basic/catalog.json";export const MP_A2UI_COMPONENTS=[x,f,_,g,s,C,P,j,c,l,d,M,p,T,A,a,I,u];export const MP_A2UI_CATALOG_ID="https://material-plus.cdget.com/a2ui/v1_0/catalog.json";export const MP_A2UI_EXTENDED_COMPONENTS=[m,i,e,r,n];export const createMPA2uiCatalog=({id:i=A2UI_BASIC_CATALOG_ID,components:m=[],functions:e=o}={})=>new t(i,"1.0",[...MP_A2UI_COMPONENTS,...m],e,{commonTypesUri:"https://a2ui.org/specification/v1_0/common_types.json"});export const mpA2uiCatalog=/*@__PURE__*/createMPA2uiCatalog();export const mpA2uiExtendedCatalog=/*@__PURE__*/createMPA2uiCatalog({id:MP_A2UI_CATALOG_ID,components:MP_A2UI_EXTENDED_COMPONENTS});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiAudioPlayer: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiAudioPlayer: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as o,jsxs as r}from"react/jsx-runtime";import{createComponentImplementation as i}from"@a2ui/react
|
|
2
|
+
import{jsx as o,jsxs as r}from"react/jsx-runtime";import{createComponentImplementation as i}from"@a2ui/react";import{AudioPlayerApi as e}from"@a2ui/web_core/v1_0";import{MPFlex as t}from"../../components/flex/MPFlex.js";import{MPTypography as a}from"../../components/typography/MPTypography.js";import{asText as s,mediaUrl as l,weightStyle as p}from"../internal/common.js";export const MPA2uiAudioPlayer=/*@__PURE__*/i(e,({props:i})=>r(t,{direction:"column",gap:4,style:p(i.weight),children:[i.description?o(a,{level:"caption",children:i.description}):null,o("audio",{src:l(i.url),controls:!0,preload:"metadata","aria-label":s(i.accessibility?.label)??i.description,style:{width:"100%"}})]}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiButton: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiButton: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as t}from"react/jsx-runtime";import{createComponentImplementation as i}from"@a2ui/react
|
|
2
|
+
import{jsx as t}from"react/jsx-runtime";import{createComponentImplementation as i}from"@a2ui/react";import{ButtonApi as o}from"@a2ui/web_core/v1_0";import{MPButton as r}from"../../components/button/MPButton.js";import{accessibilityAttributes as e,weightStyle as l}from"../internal/common.js";const n={default:"outlined",primary:"filled",borderless:"text"};export const MPA2uiButton=/*@__PURE__*/i(o,({props:i,buildChild:o})=>t(r,{variant:n[i.variant??"default"]??"outlined",onClick:()=>{i.action?.()},disabled:!1===i.isValid,style:l(i.weight),...e(i.accessibility),children:i.child?o(i.child):null}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiCard: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiCard: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as r}from"react/jsx-runtime";import{createComponentImplementation as i}from"@a2ui/react
|
|
2
|
+
import{jsx as r}from"react/jsx-runtime";import{createComponentImplementation as i}from"@a2ui/react";import{CardApi as o}from"@a2ui/web_core/v1_0";import{MPCard as t}from"../../components/card/MPCard.js";import{accessibilityAttributes as m,weightStyle as c}from"../internal/common.js";export const MPA2uiCard=/*@__PURE__*/i(o,({props:i,buildChild:o})=>r(t,{style:c(i.weight),...m(i.accessibility),children:i.child?o(i.child):null}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiCheckBox: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiCheckBox: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import{createComponentImplementation as o}from"@a2ui/react
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{createComponentImplementation as o}from"@a2ui/react";import{CheckBoxApi as r}from"@a2ui/web_core/v1_0";import{MPCheckbox as t}from"../../components/checkbox/MPCheckbox.js";import{weightStyle as a}from"../internal/common.js";export const MPA2uiCheckBox=/*@__PURE__*/o(r,({props:o})=>e(t,{checked:!0===o.value,onCheckedChange:o.setValue,label:o.label,errorMessage:o.validationErrors?.[0],style:a(o.weight)}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiChoicePicker: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiChoicePicker: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import{createComponentImplementation as l}from"@a2ui/react
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{createComponentImplementation as l}from"@a2ui/react";import{ChoicePickerApi as r}from"@a2ui/web_core/v1_0";import{MPCheckbox as a}from"../../components/checkbox/MPCheckbox.js";import{MPChip as o}from"../../components/chip/MPChip.js";import{MPCombobox as t}from"../../components/combobox/MPCombobox.js";import{MPFieldset as i}from"../../components/fieldset/MPFieldset.js";import{MPFlex as n}from"../../components/flex/MPFlex.js";import{MPRadio as s,MPRadioGroup as u}from"../../components/radio-group/MPRadioGroup.js";import{asText as m,weightStyle as c}from"../internal/common.js";export const MPA2uiChoicePicker=/*@__PURE__*/l(r,({props:l})=>{const r=l.options??[],p=Array.isArray(l.value)?l.value.map(String):[],b="mutuallyExclusive"===(l.variant??"mutuallyExclusive"),g=l.validationErrors?.[0],d=c(l.weight),v=(e,r)=>{b?l.setValue(r?[e]:[]):l.setValue(r?[...p.filter(l=>l!==e),e]:p.filter(l=>l!==e))};if(l.filterable){const a=r.map(e=>({value:String(e.value),label:m(e.label)??String(e.value)}));return e(t,b?{items:a,value:p[0]??null,onValueChange:e=>l.setValue(null===e?[]:[String(e)]),label:l.label,errorMessage:g,clearable:!0,style:d}:{multiple:!0,items:a,value:p,onValueChange:e=>l.setValue(e.map(String)),label:l.label,errorMessage:g,style:d})}return b&&"chips"!==l.displayStyle?e(u,{value:p[0]??null,onValueChange:e=>l.setValue([e]),label:l.label,errorMessage:g,style:d,children:r.map(l=>e(s,{value:String(l.value),label:m(l.label)??String(l.value)},String(l.value)))}):e(i,{legend:l.label,description:g,style:d,children:"chips"===l.displayStyle?e(n,{wrap:!0,gap:8,children:r.map(l=>{const r=String(l.value),a=p.includes(r);return e(o,{variant:a?"tonal":"outlined",selected:a,onClick:()=>v(r,!a),children:m(l.label)??r},r)})}):e(n,{direction:"column",gap:4,children:r.map(l=>{const r=String(l.value);return e(a,{checked:p.includes(r),onCheckedChange:e=>v(r,e),label:m(l.label)??r},r)})})})});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiColumn: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiColumn: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as r}from"react/jsx-runtime";import*as t from"react";import{createComponentImplementation as i}from"@a2ui/react
|
|
2
|
+
import{jsx as r}from"react/jsx-runtime";import*as t from"react";import{createComponentImplementation as i}from"@a2ui/react";import{ColumnApi as o}from"@a2ui/web_core/v1_0";import{MPFlex as e}from"../../components/flex/MPFlex.js";import{childNodes as m}from"../internal/children.js";import{FLEX_ALIGN as n,FLEX_JUSTIFY as s,accessibilityAttributes as a,weightStyle as c}from"../internal/common.js";export const MPA2uiColumn=/*@__PURE__*/i(o,({props:i,buildChild:o})=>r(e,{direction:"column",justify:s[i.justify??"start"]??"start",align:n[i.align??"stretch"]??"stretch",gap:8,style:c(i.weight),...a(i.accessibility),children:m(i.children,o).map(({key:i,node:o})=>r(t.Fragment,{children:o},i))}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiDateTimeInput: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiDateTimeInput: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import{createComponentImplementation as t}from"@a2ui/react
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{createComponentImplementation as t}from"@a2ui/react";import{DateTimeInputApi as i}from"@a2ui/web_core/v1_0";import{MPDatePicker as a}from"../../components/date-picker/MPDatePicker.js";import{MPDateTimePicker as m}from"../../components/date-time-picker/MPDateTimePicker.js";import{MPTimePicker as o}from"../../components/time-picker/MPTimePicker.js";import{formatIsoValue as r,parseIsoValue as n,weightStyle as s}from"../internal/common.js";export const MPA2uiDateTimeInput=/*@__PURE__*/t(i,({props:t})=>{const i=!0===t.enableTime,p=!0===t.enableDate||!i,l=n("string"==typeof t.value?t.value:void 0),c=n("string"==typeof t.min?t.min:void 0),u=n("string"==typeof t.max?t.max:void 0),f={label:t.label,errorMessage:t.validationErrors?.[0],style:s(t.weight)},v=e=>t.setValue(r(e,{withDate:p,withTime:i}));return p&&i?e(m,{value:l,onValueChange:v,minDate:c,maxDate:u,...f}):i?e(o,{value:l,onValueChange:v,minTime:c,maxTime:u,...f}):e(a,{value:l,onValueChange:v,minDate:c,maxDate:u,...f})});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiDivider: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiDivider: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as i}from"react/jsx-runtime";import{createComponentImplementation as r}from"@a2ui/react
|
|
2
|
+
import{jsx as i}from"react/jsx-runtime";import{createComponentImplementation as r}from"@a2ui/react";import{DividerApi as o}from"@a2ui/web_core/v1_0";import{MPDivider as t}from"../../components/divider/MPDivider.js";import{accessibilityAttributes as e,weightStyle as m}from"../internal/common.js";export const MPA2uiDivider=/*@__PURE__*/r(o,({props:r})=>i(t,{orientation:"vertical"===r.axis?"vertical":"horizontal",style:m(r.weight),...e(r.accessibility)}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiIcon: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiIcon: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as
|
|
2
|
+
import{jsx as o}from"react/jsx-runtime";import{createComponentImplementation as t}from"@a2ui/react";import{IconApi as i}from"@a2ui/web_core/v1_0";import{MPIcon as r}from"../../components/icon/MPIcon.js";import{A2UI_ICONS as n}from"../internal/icons.js";import{asText as e,weightStyle as c}from"../internal/common.js";export const MPA2uiIcon=/*@__PURE__*/t(i,({props:t})=>{const i=t.name,s={style:c(t.weight),label:e(t.accessibility?.label),title:e(t.accessibility?.description)};if(i&&"object"==typeof i&&"svgPath"in i){const t=e(i.svgPath);return t?o(r,{icon:o("svg",{viewBox:"0 0 24 24",width:24,height:24,fill:"currentColor",children:o("path",{d:t})}),...s}):null}const l="string"==typeof i?n[i]:void 0;return l?o(r,{icon:l,...s}):null});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiImage: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiImage: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import{createComponentImplementation as r}from"@a2ui/react
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{createComponentImplementation as r}from"@a2ui/react";import{ImageApi as i}from"@a2ui/web_core/v1_0";import{MPImage as t}from"../../components/image/MPImage.js";import{accessibilityAttributes as a,mediaUrl as o,weightStyle as m}from"../internal/common.js";const n={contain:"contain",cover:"cover",fill:"fill",none:"none",scaleDown:"scale-down"},s={icon:{width:24,height:24},avatar:{width:40,height:40,borderRadius:"var(--mp-sys-shape-corner-full, 9999px)"},smallFeature:{maxWidth:100},mediumFeature:{},largeFeature:{maxHeight:400},header:{width:"100%",height:200}};export const MPA2uiImage=/*@__PURE__*/r(i,({props:r})=>{const i=r.variant??"mediumFeature";return e(t,{src:o(r.url),alt:r.description??"",fit:"header"===i?"cover":n[r.fit??"fill"]??"fill",style:{...s[i],...m(r.weight)},...a(r.accessibility)})});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiList: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiList: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as i}from"react/jsx-runtime";import{createComponentImplementation as r}from"@a2ui/react
|
|
2
|
+
import{jsx as i}from"react/jsx-runtime";import{createComponentImplementation as r}from"@a2ui/react";import{ListApi as e}from"@a2ui/web_core/v1_0";import{MPFlex as t}from"../../components/flex/MPFlex.js";import{childNodes as o}from"../internal/children.js";import{FLEX_ALIGN as n,accessibilityAttributes as l,weightStyle as m}from"../internal/common.js";export const MPA2uiList=/*@__PURE__*/r(e,({props:r,buildChild:e})=>i(t,{render:i("ul",{}),role:"list",direction:"horizontal"===r.direction?"row":"column",align:n[r.align??"stretch"]??"stretch",gap:8,style:{margin:0,paddingInlineStart:0,listStyleType:"none",...m(r.weight)},...l(r.accessibility),children:o(r.children,e).map(({key:r,node:e})=>i("li",{style:{display:"block",minWidth:0},children:e},r))}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiModal: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiModal: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as i,Fragment as e,jsxs as t}from"react/jsx-runtime";import*as r from"react";import{createComponentImplementation as o}from"@a2ui/react
|
|
2
|
+
import{jsx as i,Fragment as e,jsxs as t}from"react/jsx-runtime";import*as r from"react";import{createComponentImplementation as o}from"@a2ui/react";import{ModalApi as n}from"@a2ui/web_core/v1_0";import{MPDialog as s}from"../../components/dialog/MPDialog.js";import{asText as l,weightStyle as a}from"../internal/common.js";export const MPA2uiModal=/*@__PURE__*/o(n,({props:o,buildChild:n})=>{const[c,m]=r.useState(!1);return t(e,{children:[i("span",{onClick:()=>m(!0),style:{display:"inline-flex",...a(o.weight)},children:o.trigger?n(o.trigger):null}),i(s,{open:c,onOpenChange:m,title:l(o.accessibility?.label),description:l(o.accessibility?.description),children:o.content?n(o.content):null})]})});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiRow: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiRow: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as r}from"react/jsx-runtime";import*as t from"react";import{createComponentImplementation as i}from"@a2ui/react
|
|
2
|
+
import{jsx as r}from"react/jsx-runtime";import*as t from"react";import{createComponentImplementation as i}from"@a2ui/react";import{RowApi as o}from"@a2ui/web_core/v1_0";import{MPFlex as e}from"../../components/flex/MPFlex.js";import{childNodes as m}from"../internal/children.js";import{FLEX_ALIGN as s,FLEX_JUSTIFY as n,accessibilityAttributes as a,weightStyle as c}from"../internal/common.js";export const MPA2uiRow=/*@__PURE__*/i(o,({props:i,buildChild:o})=>r(e,{direction:"row",justify:n[i.justify??"start"]??"start",align:s[i.align??"stretch"]??"stretch",gap:8,style:c(i.weight),...a(i.accessibility),children:m(i.children,o).map(({key:i,node:o})=>r(t.Fragment,{children:o},i))}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiSlider: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiSlider: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as r}from"react/jsx-runtime";import{createComponentImplementation as e}from"@a2ui/react
|
|
2
|
+
import{jsx as r}from"react/jsx-runtime";import{createComponentImplementation as e}from"@a2ui/react";import{SliderApi as o}from"@a2ui/web_core/v1_0";import{MPSlider as t}from"../../components/slider/MPSlider.js";import{weightStyle as a}from"../internal/common.js";export const MPA2uiSlider=/*@__PURE__*/e(o,({props:e})=>{const o=e.min??0,{max:i,steps:m}=e,s="number"==typeof m&&m>=1&&i>o;return r(t,{value:"number"==typeof e.value?e.value:o,onValueChange:r=>e.setValue(Array.isArray(r)?r[0]:r),min:o,max:i,step:s?(i-o)/m:void 0,marks:s,label:e.label,description:e.validationErrors?.[0],showValue:!0,style:a(e.weight)})});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiTabs: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiTabs: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as i,jsxs as l}from"react/jsx-runtime";import*as e from"react";import{createComponentImplementation as t}from"@a2ui/react
|
|
2
|
+
import{jsx as i,jsxs as l}from"react/jsx-runtime";import*as e from"react";import{createComponentImplementation as t}from"@a2ui/react";import{TabsApi as r}from"@a2ui/web_core/v1_0";import{MPTab as a,MPTabPanel as o,MPTabs as s}from"../../components/tabs/MPTabs.js";import{accessibilityAttributes as c,asText as m,weightStyle as n}from"../internal/common.js";export const MPA2uiTabs=/*@__PURE__*/t(r,({props:t,buildChild:r})=>{const u=t.tabs??[],[h,p]=e.useState(null),d=null!==h&&u.some(i=>i.child===h)?h:u[0]?.child??null;return l(s,{value:d,onValueChange:p,style:n(t.weight),...c(t.accessibility),children:[u.map((l,e)=>i(a,{value:l.child,children:m(l.title)},`tab-${l.child}-${e}`)),u.map((l,e)=>i(o,{value:l.child,children:r(l.child)},`panel-${l.child}-${e}`))]})});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiText: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiText: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as t}from"react/jsx-runtime";import*as
|
|
2
|
+
import{jsx as t}from"react/jsx-runtime";import*as e from"react";import{createComponentImplementation as r,MarkdownComponentContext as n,useMarkdownRenderer as l}from"@a2ui/react";import{TextApi as o}from"@a2ui/web_core/v1_0";import{MPTypography as i}from"../../components/typography/MPTypography.js";import{accessibilityAttributes as s,weightStyle as c}from"../internal/common.js";const u={caption:"caption",body:"body"},a=["h1","h2","h3","h4","h5","h6"],m=t=>" "===t||"\t"===t;export const MPA2uiText=/*@__PURE__*/r(o,({props:r})=>{const o=r.variant??"body",p="string"==typeof r.text?r.text:String(r.text??""),d="caption"===o?null:(t=>{const e=t.trim();let r=0;for(;"#"===e[r];)r+=1;if(0===r||r>a.length||!m(e[r]))return null;if(e.includes("\n")||e.includes("\r"))return null;let n=e.slice(r).trim(),l=n.length;for(;"#"===n[l-1];)l-=1;return l<n.length&&m(n[l-1])&&(n=n.slice(0,l).trim()),""===n?null:{level:a[r-1],words:n}})(p),h="caption"!==o&&null===d,f=e.useContext(n),y=((t,r)=>{const n=l(),[o,i]=e.useState(null);return e.useEffect(()=>{if(!n||!r)return void i(null);let e=!0;return(async()=>{try{const r=await n(t);e&&i("string"==typeof r?r:null)}catch{e&&i(null)}})(),()=>{e=!1}},[n,r,t]),o})(p,h&&!f),v={style:c(r.weight),...s(r.accessibility)};if(d)return t(i,{level:d.level,...v,children:d.words});const g=u[o]??"body";return t(i,h&&f?{level:g,render:t("div",{}),...v,children:t(f,{markdown:p})}:null===y?{level:g,...v,children:p}:{level:g,render:t("div",{}),...v,dangerouslySetInnerHTML:{__html:y}})});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiTextField: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiTextField: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import{createComponentImplementation as r}from"@a2ui/react
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{createComponentImplementation as r}from"@a2ui/react";import{TextFieldApi as o}from"@a2ui/web_core/v1_0";import{MPNumberField as t}from"../../components/number-field/MPNumberField.js";import{MPTextField as l}from"../../components/text-field/MPTextField.js";import{asText as a,weightStyle as i}from"../internal/common.js";export const MPA2uiTextField=/*@__PURE__*/r(o,({props:r})=>{const o=r.variant??"shortText",s=r.validationErrors?.[0],n=a(r.placeholder),m="string"==typeof r.value?r.value:"";if("number"===o){const o=Number(m);return e(t,{value:""!==m&&Number.isFinite(o)?o:null,onValueChange:e=>r.setValue(null===e?"":String(e)),label:r.label,placeholder:n,errorMessage:s,style:i(r.weight)})}return e(l,{value:m,onChange:r.setValue,type:"obscured"===o?"password":"text",rows:"longText"===o?4:void 0,resizable:"longText"===o,label:r.label,placeholder:n,errorMessage:s,style:i(r.weight)})});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiVideo: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiVideo: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as
|
|
2
|
+
import{jsx as r}from"react/jsx-runtime";import{createComponentImplementation as o}from"@a2ui/react";import{VideoApi as e}from"@a2ui/web_core/v1_0";import{accessibilityAttributes as t,mediaUrl as i,weightStyle as s}from"../internal/common.js";export const MPA2uiVideo=/*@__PURE__*/o(e,({props:o})=>r("video",{src:i(o.url),poster:i(o.posterUrl),controls:!0,preload:"metadata",...t(o.accessibility),style:{display:"block",width:"100%",height:"auto",borderRadius:"var(--mp-sys-shape-corner-medium, 12px)",...s(o.weight)}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiBarChart: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiBarChart: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as r}from"react/jsx-runtime";import{createComponentImplementation as e}from"@a2ui/react
|
|
2
|
+
import{jsx as r}from"react/jsx-runtime";import{createComponentImplementation as e}from"@a2ui/react";import{MPBarChart as t}from"../../components/bar-chart/MPBarChart.js";import{BarChartApi as i}from"./api.js";import{toAxis as o,toCategories as s,toSeries as a}from"./chart.js";import{accessibilityAttributes as m,weightStyle as c}from"../internal/common.js";export const MPA2uiBarChart=/*@__PURE__*/e(i,({props:e})=>r(t,{series:a(e.series),categories:s(e.categories),label:e.label,xAxis:o(e.xAxisLabel),yAxis:o(e.yAxisLabel),height:e.height,legend:e.legend,stacked:e.stacked,horizontal:e.horizontal,style:c(e.weight),...m(e.accessibility)}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiDataTable: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiDataTable: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import{createComponentImplementation as r}from"@a2ui/react
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{createComponentImplementation as r}from"@a2ui/react";import{MPDataTable as t}from"../../components/data-table/MPDataTable.js";import{DataTableApi as a}from"./api.js";import{accessibilityAttributes as s,asText as o,weightStyle as i}from"../internal/common.js";export const MPA2uiDataTable=/*@__PURE__*/r(a,({props:r})=>{const a=Array.isArray(r.rows)?r.rows:[],l=r.columns??[],n=r.selection??"none",c=Array.isArray(r.selectedKeys)?r.selectedKeys.map(String):[],p=l.map(e=>({key:e.key,label:o(e.label)??e.key,align:e.align,sortable:e.sortable,searchable:e.searchable,width:e.width,value:r=>r[e.key],render:r=>{return null==(t=r[e.key])?"":"object"==typeof t?JSON.stringify(t):String(t);var t}}));return e(t,{headers:p,items:a,getRowKey:(e,t)=>{if(!r.rowKey)return t;const a=e[r.rowKey];return null==a?t:String(a)},caption:r.caption,searchable:r.searchable,sortable:r.sortable??!0,paged:r.paged,pageSize:r.pageSize,selectionMode:n,checkboxes:"multiple"===n,selected:"none"===n?void 0:c,onSelectedChange:e=>r.setSelectedKeys(e.map(String)),striped:r.striped,style:i(r.weight),...s(r.accessibility)})});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiLineChart: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiLineChart: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import{createComponentImplementation as r}from"@a2ui/react
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{createComponentImplementation as r}from"@a2ui/react";import{MPLineChart as i}from"../../components/line-chart/MPLineChart.js";import{LineChartApi as s}from"./api.js";import{toAxis as t,toCategories as o,toSeries as a}from"./chart.js";import{accessibilityAttributes as m,weightStyle as c}from"../internal/common.js";export const MPA2uiLineChart=/*@__PURE__*/r(s,({props:r})=>e(i,{series:a(r.series),categories:o(r.categories),label:r.label,xAxis:t(r.xAxisLabel),yAxis:t(r.yAxisLabel),height:r.height,legend:r.legend,curve:r.curve,markers:void 0===r.markers?"auto":r.markers,style:c(r.weight),...m(r.accessibility)}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiPieChart: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiPieChart: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import{createComponentImplementation as t}from"@a2ui/react
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{createComponentImplementation as t}from"@a2ui/react";import{MPPieChart as r}from"../../components/pie-chart/MPPieChart.js";import{PieChartApi as i}from"./api.js";import{toCategories as a,toData as o}from"./chart.js";import{accessibilityAttributes as s,weightStyle as m}from"../internal/common.js";export const MPA2uiPieChart=/*@__PURE__*/t(i,({props:t})=>e(r,{data:o(t.data),categories:a(t.categories),label:t.label,shape:t.shape,height:t.height,legend:t.legend,style:m(t.weight),...s(t.accessibility)}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const MPA2uiStatistic: import("@a2ui/react
|
|
1
|
+
export declare const MPA2uiStatistic: import("@a2ui/react").ReactComponentImplementation<import("zod").ZodTypeAny>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as t}from"react/jsx-runtime";import{createComponentImplementation as e}from"@a2ui/react
|
|
2
|
+
import{jsx as t}from"react/jsx-runtime";import{createComponentImplementation as e}from"@a2ui/react";import{MPStatistic as i}from"../../components/statistic/MPStatistic.js";import{StatisticApi as o}from"./api.js";import{accessibilityAttributes as a,weightStyle as r}from"../internal/common.js";export const MPA2uiStatistic=/*@__PURE__*/e(o,({props:e})=>t(i,{value:"number"==typeof e.value?e.value:String(e.value??""),label:e.label,previousValue:e.previousValue,delta:void 0===e.previousValue?"none":e.delta,betterWhen:e.betterWhen,unit:e.unit,prefix:e.prefix,period:e.period,caption:e.caption,compact:e.compact,align:e.align,style:r(e.weight),...a(e.accessibility)}));
|