@box-kite/react 2.2.4 → 2.2.6

package/catalog.mjs

@@ -1615,6 +1615,391 @@ var a = i, o = {
 			required: [],
 			styled: !0
 		},
+		List: {
+			description: "A list of things to read and pick from — messages, orders, people, settings.",
+			import: "import List from '@box-kite/react/components/list';",
+			slots: ["default"],
+			events: [],
+			props: { tag: {
+				type: "string",
+				enum: ["ul", "ol"],
+				description: "`ol` when the order means something — steps, a ranking."
+			} },
+			required: [],
+			styled: !0
+		},
+		"List.Item": {
+			description: "One thing in the list: a flex row of its parts.",
+			import: "import List from '@box-kite/react/components/list';",
+			slots: ["default"],
+			events: [],
+			props: {
+				size: {
+					type: "string",
+					enum: [
+						"sm",
+						"md",
+						"lg"
+					],
+					description: "The item's spacing."
+				},
+				wrap: {
+					type: "boolean",
+					description: "Lets the item's parts wrap onto a second line when they do not fit, instead of squeezing."
+				},
+				selected: {
+					type: "boolean",
+					description: "Tints the item as chosen."
+				},
+				chevron: {
+					type: "boolean",
+					description: "Ends the item with a chevron: pressing it goes somewhere with more."
+				}
+			},
+			required: [],
+			styled: !0
+		},
+		"List.Media": {
+			description: "The leading slot: an icon, an avatar, a thumbnail — `variant` is `icon`, `avatar` or `image`, or none for a bare icon.",
+			import: "import List from '@box-kite/react/components/list';",
+			slots: ["default"],
+			events: [],
+			props: {},
+			required: [],
+			styled: !0
+		},
+		"List.Content": {
+			description: "The middle of an item, taking the room: a column of rows and text, which may shrink past its content.",
+			import: "import List from '@box-kite/react/components/list';",
+			slots: ["default"],
+			events: [],
+			props: {},
+			required: [],
+			styled: !0
+		},
+		"List.Row": {
+			description: "A row inside `List.Content`: its parts side by side, the last at the end.",
+			import: "import List from '@box-kite/react/components/list';",
+			slots: ["default"],
+			events: [],
+			props: {
+				wrap: {
+					type: "boolean",
+					description: "Lets the row's parts wrap onto a new line — a set of tags — instead of pushing the last to the end."
+				},
+				secondary: {
+					type: "boolean",
+					description: "The quieter line under the main one: smaller and muted."
+				}
+			},
+			required: [],
+			styled: !0
+		},
+		"List.Overline": {
+			description: "A small line above the title: an id, a date, a category.",
+			import: "import List from '@box-kite/react/components/list';",
+			slots: ["default"],
+			events: [],
+			props: { lines: {
+				type: "number",
+				enum: [
+					1,
+					2,
+					3
+				],
+				description: "How many lines it runs to before it stops: `1` ends in an ellipsis, `2` and `3` are clamped."
+			} },
+			required: [],
+			styled: !0
+		},
+		"List.Title": {
+			description: "The item's name, and where its `List.Action` goes.",
+			import: "import List from '@box-kite/react/components/list';",
+			slots: ["default"],
+			events: [],
+			props: { lines: {
+				type: "number",
+				enum: [
+					1,
+					2,
+					3
+				],
+				description: "How many lines it runs to before it stops: `1` ends in an ellipsis, `2` and `3` are clamped."
+			} },
+			required: [],
+			styled: !0
+		},
+		"List.Description": {
+			description: "Muted supporting text under the title.",
+			import: "import List from '@box-kite/react/components/list';",
+			slots: ["default"],
+			events: [],
+			props: { lines: {
+				type: "number",
+				enum: [
+					1,
+					2,
+					3
+				],
+				description: "How many lines it runs to before it stops: `1` ends in an ellipsis, `2` and `3` are clamped."
+			} },
+			required: [],
+			styled: !0
+		},
+		"List.Meta": {
+			description: "A small muted value that never wraps — a time, a count — in tabular figures.",
+			import: "import List from '@box-kite/react/components/list';",
+			slots: ["default"],
+			events: [],
+			props: {},
+			required: [],
+			styled: !0
+		},
+		"List.End": {
+			description: "The trailing slot: a value and its label, stacked and aligned to the end so a column of them lines up.",
+			import: "import List from '@box-kite/react/components/list';",
+			slots: ["default"],
+			events: [],
+			props: {},
+			required: [],
+			styled: !0
+		},
+		"List.Actions": {
+			description: "Controls of the item's own — a switch, a menu, a checkbox — lifted above the action that covers the item.",
+			import: "import List from '@box-kite/react/components/list';",
+			slots: ["default"],
+			events: [],
+			props: {},
+			required: [],
+			styled: !0
+		},
+		"List.Action": {
+			description: "The item's one primary action, stretched over the whole item.",
+			import: "import List from '@box-kite/react/components/list';",
+			slots: ["default"],
+			events: ["onClick"],
+			props: { tag: {
+				type: "string",
+				enum: [
+					"button",
+					"a",
+					"label"
+				],
+				description: "The element, when what `props` holds does not already say: `a` with no `href` is a placeholder link."
+			} },
+			required: [],
+			styled: !0
+		},
+		"List.Fields": {
+			description: "A `<dl>` of `List.Field`s, as many to a line as fit at 8rem each.",
+			import: "import List from '@box-kite/react/components/list';",
+			slots: ["default"],
+			events: [],
+			props: {},
+			required: [],
+			styled: !0
+		},
+		"List.Field": {
+			description: "A labelled value: a `<dt>` and a `<dd>` in a `<div>`, which is the one wrapper a `<dl>` allows.",
+			import: "import List from '@box-kite/react/components/list';",
+			slots: ["label", "default"],
+			events: [],
+			props: {},
+			required: [],
+			styled: !0
+		},
+		"List.Group": {
+			description: "A section of the list: its label, then its own `<ul>` of items.",
+			import: "import List from '@box-kite/react/components/list';",
+			slots: ["label", "default"],
+			events: [],
+			props: {
+				level: {
+					type: "number",
+					enum: [
+						1,
+						2,
+						3,
+						4,
+						5,
+						6
+					],
+					description: "Makes the label a heading of this level, so a screen reader can jump between groups."
+				},
+				sticky: {
+					type: "boolean",
+					description: "Keeps the label at the top of the screen while its items scroll under it, until the next group's pushes it off."
+				}
+			},
+			required: [],
+			styled: !0
+		},
+		"List.Chevron": {
+			description: "The chevron that ends a drill-in item, pointing along the reading order.",
+			import: "import List from '@box-kite/react/components/list';",
+			slots: ["default"],
+			events: [],
+			props: {},
+			required: [],
+			styled: !0
+		},
+		SwipeItem: {
+			description: "A list item that slides aside to show the commands under it — Mail's archive and delete.",
+			import: "import SwipeItem from '@box-kite/react/components/swipeItem';",
+			slots: [
+				"default",
+				"startActions",
+				"endActions"
+			],
+			events: ["onOpenChange"],
+			props: {
+				fullSwipe: {
+					type: "boolean",
+					description: "A swipe carried most of the way across performs the outermost action instead of stopping at the tray — iOS's archive."
+				},
+				open: {
+					type: "string",
+					enum: ["start", "end"],
+					description: "Which tray is open."
+				},
+				defaultOpen: {
+					type: "string",
+					enum: ["start", "end"],
+					description: "Which tray is open to begin with."
+				},
+				size: {
+					type: "string",
+					enum: [
+						"sm",
+						"md",
+						"lg"
+					],
+					description: "The item's spacing, as on `List.Item`."
+				},
+				wrap: {
+					type: "boolean",
+					description: "Lets the item's parts wrap onto a second line, as on `List.Item`."
+				},
+				selected: {
+					type: "boolean",
+					description: "Tints the item as chosen, as on `List.Item`."
+				},
+				chevron: {
+					type: "boolean",
+					description: "Ends the item with a chevron, as on `List.Item`."
+				}
+			},
+			required: [],
+			styled: !0
+		},
+		"SwipeItem.Action": {
+			description: "One command in a tray: a label, and an icon over it if there is one.",
+			import: "import SwipeItem from '@box-kite/react/components/swipeItem';",
+			slots: ["default", "icon"],
+			events: ["onClick"],
+			props: { closeOnSelect: {
+				type: "boolean",
+				description: "Whether choosing the action closes the tray."
+			} },
+			required: [],
+			styled: !0
+		},
+		SortableList: {
+			description: "A list put in order by hand — a playlist, the columns of a report, a set of priorities.",
+			import: "import SortableList from '@box-kite/react/components/sortableList';",
+			slots: ["default"],
+			events: ["onOrderChange", "onOrderCommit"],
+			props: { tag: {
+				type: "string",
+				enum: ["ul", "ol"],
+				description: "`ol` when the order means something — steps, a ranking."
+			} },
+			required: [],
+			styled: !0
+		},
+		"SortableList.Item": {
+			description: "One item in the order: a `List.Item` that knows who it is.",
+			import: "import SortableList from '@box-kite/react/components/sortableList';",
+			slots: ["default"],
+			events: [],
+			props: {
+				value: {
+					type: "string",
+					description: "Who the item is in the order `onOrderChange` reports."
+				},
+				label: {
+					type: "string",
+					description: "What the handle and the announcements call the item: \"Move Ada Lovelace\"."
+				},
+				disabled: {
+					type: "boolean",
+					description: "Leaves the item where it is: its handle is disabled."
+				},
+				size: {
+					type: "string",
+					enum: [
+						"sm",
+						"md",
+						"lg"
+					],
+					description: "The item's spacing."
+				},
+				wrap: {
+					type: "boolean",
+					description: "Lets the item's parts wrap onto a second line when they do not fit, instead of squeezing."
+				},
+				selected: {
+					type: "boolean",
+					description: "Tints the item as chosen."
+				},
+				chevron: {
+					type: "boolean",
+					description: "Ends the item with a chevron: pressing it goes somewhere with more."
+				}
+			},
+			required: ["value"],
+			styled: !0
+		},
+		"SortableList.Handle": {
+			description: "",
+			import: "import SortableList from '@box-kite/react/components/sortableList';",
+			slots: ["default"],
+			events: [],
+			props: {},
+			required: [],
+			styled: !0
+		},
+		VirtualList: {
+			description: "A list too long to render whole — a mailbox, a contact book, a log.",
+			import: "import VirtualList from '@box-kite/react/components/virtualList';",
+			slots: [],
+			events: [
+				"itemKey",
+				"children",
+				"onRangeChange"
+			],
+			props: {
+				estimateSize: {
+					type: "number",
+					description: "What an item counts as until one has been drawn, in px — then the mean of those drawn."
+				},
+				overscan: {
+					type: "number",
+					description: "Items kept either side of what is on screen, so a fast scroll has something to show."
+				},
+				initialCount: {
+					type: "number",
+					description: "How many items render before anything is measured — on a server, and in the first frame."
+				},
+				tag: {
+					type: "string",
+					enum: ["ul", "ol"],
+					description: "`ol` when the order means something — steps, a ranking."
+				}
+			},
+			required: [],
+			styled: !0
+		},
 		Slider: {
 			description: "A value chosen by dragging a thumb along a track.",
 			import: "import Slider from '@box-kite/react/components/slider';",
@@ -1786,6 +2171,527 @@ var a = i, o = {
 			required: [],
 			styled: !0
 		},
+		DateField: {
+			description: "A date, a time or both, typed one segment at a time — in the order and with the separators the reader's locale writes them, so `19.10.2026` in Moldova and `10/19/2026` in the US with nothing to configure and nothing to parse.",
+			import: "import DateField from '@box-kite/react/components/dateField';",
+			slots: ["label", "end"],
+			events: ["onValueChange", "isDateUnavailable"],
+			props: {
+				type: {
+					type: "string",
+					enum: [
+						"date",
+						"time",
+						"datetime"
+					],
+					description: "What it edits: a day (`'date'`, default), a time of day (`'time'`), or both (`'datetime'`)."
+				},
+				value: {
+					anyOf: [{ type: "string" }],
+					description: "Controlled value, an ISO string of the field's kind: `2026-10-19`, `14:30:00`, or for a date-time an instant with its offset (`2026-10-19T14:30:00+03:00`), `…Z` in UTC, or a wall clock with `zone=\"none\"`."
+				},
+				defaultValue: {
+					anyOf: [{ type: "string" }],
+					description: "The value it starts with when the field owns its state."
+				},
+				locale: {
+					type: "string",
+					description: "The language the segments are ordered and named in."
+				},
+				hourCycle: {
+					type: "number",
+					enum: [12, 24],
+					description: "A 12- or 24-hour clock."
+				},
+				granularity: {
+					type: "string",
+					enum: ["minute", "second"],
+					description: "Whether a time is edited to the minute (default) or the second."
+				},
+				min: {
+					anyOf: [{ type: "string" }],
+					description: "The earliest value that is valid."
+				},
+				max: {
+					anyOf: [{ type: "string" }],
+					description: "The latest value that is valid."
+				},
+				disabled: {
+					type: "boolean",
+					description: "Not editable and not focusable, and read out as such."
+				},
+				readOnly: {
+					type: "boolean",
+					description: "Focusable and read out, but not editable."
+				},
+				required: {
+					type: "boolean",
+					description: "The form is not valid until it is filled in — the browser's own check, announced and translated for free."
+				},
+				invalid: {
+					type: "boolean",
+					description: "Marks the value invalid whatever the bounds say."
+				},
+				name: {
+					type: "string",
+					description: "What the value posts under in a form: the canonical string, or nothing while empty."
+				},
+				labelledBy: {
+					type: "string",
+					description: "Names the field after an element already on the page, instead of `label`."
+				},
+				describedBy: {
+					type: "string",
+					description: "An element that describes the field — a hint, an error."
+				},
+				placeholderValue: {
+					type: "string",
+					description: "What an empty segment starts from on an arrow key."
+				},
+				disambiguation: {
+					type: "string",
+					enum: [
+						"compatible",
+						"earlier",
+						"later",
+						"reject"
+					],
+					description: "What a wall-clock time a zone skips or repeats means."
+				},
+				showZone: {
+					type: "boolean",
+					description: "Whether a date-time names its zone after the time."
+				},
+				autoFocus: {
+					type: "boolean",
+					description: "Focus the first segment on mount."
+				},
+				emptyText: {
+					type: "string",
+					description: "What an empty segment is read out as."
+				},
+				tabIndex: {
+					type: "number",
+					description: "Every segment's tab index."
+				}
+			},
+			required: [],
+			styled: !0
+		},
+		Calendar: {
+			description: "A month of days to pick from, on APG's grid keys — one day or, with `mode=\"range\"`, a start and an end.",
+			import: "import Calendar from '@box-kite/react/components/calendar';",
+			slots: ["default"],
+			events: ["isDateUnavailable", "onFocusedDateChange"],
+			props: {
+				min: {
+					anyOf: [{ type: "string" }],
+					description: "The earliest day that can be chosen, `YYYY-MM-DD`."
+				},
+				max: {
+					anyOf: [{ type: "string" }],
+					description: "The latest day that can be chosen."
+				},
+				locale: {
+					type: "string",
+					description: "The language of the month and weekday names, and whose week it is."
+				},
+				firstDayOfWeek: {
+					type: "number",
+					description: "The day the week starts on, 0 for Sunday."
+				},
+				months: {
+					type: "number",
+					enum: [
+						1,
+						2,
+						3
+					],
+					description: "How many months side by side."
+				},
+				weekNumbers: {
+					type: "boolean",
+					description: "A leading column of ISO week numbers."
+				},
+				showOutsideDays: {
+					type: "boolean",
+					description: "Whether the days that complete the first and last weeks are drawn."
+				},
+				focusedDate: {
+					type: "string",
+					description: "The day the keyboard is on, which decides the month on show."
+				},
+				defaultFocusedDate: {
+					type: "string",
+					description: "Where the keyboard starts when the calendar owns it."
+				},
+				disabled: {
+					type: "boolean",
+					description: "Nothing can be chosen and nothing is focusable."
+				},
+				readOnly: {
+					type: "boolean",
+					description: "Can be read and navigated, but not chosen in."
+				},
+				autoFocus: {
+					type: "boolean",
+					description: "Focus the day the keyboard is on, on mount — what a picker's panel wants."
+				},
+				label: {
+					type: "string",
+					description: "The calendar's accessible name, which a screen reader hears before the month."
+				},
+				previousLabel: {
+					type: "string",
+					description: "The previous-page button's name."
+				},
+				nextLabel: {
+					type: "string",
+					description: "The next-page button's name."
+				}
+			},
+			required: [],
+			styled: !0
+		},
+		DatePicker: {
+			description: "A field with a calendar, a list of times, or both, behind a button inside it — type the value or pick it.",
+			import: "import DatePicker from '@box-kite/react/components/datePicker';",
+			slots: ["label"],
+			events: [
+				"onValueChange",
+				"isDateUnavailable",
+				"onOpenChange"
+			],
+			props: {
+				type: {
+					type: "string",
+					enum: [
+						"date",
+						"time",
+						"datetime"
+					],
+					description: "A day (`'date'`, default), a time of day (`'time'`), or both (`'datetime'`)."
+				},
+				value: {
+					anyOf: [{ type: "string" }],
+					description: "Controlled value, an ISO string of the picker's kind — see `DateField`."
+				},
+				defaultValue: {
+					anyOf: [{ type: "string" }],
+					description: "The value it starts with when the picker owns its state."
+				},
+				hourCycle: {
+					type: "number",
+					enum: [12, 24],
+					description: "A 12- or 24-hour clock, in the field and the list of times."
+				},
+				granularity: {
+					type: "string",
+					enum: ["minute", "second"],
+					description: "Whether a time is edited to the minute (default) or the second."
+				},
+				disambiguation: {
+					type: "string",
+					enum: [
+						"compatible",
+						"earlier",
+						"later",
+						"reject"
+					],
+					description: "What a wall-clock time a zone skips or repeats means."
+				},
+				name: {
+					type: "string",
+					description: "What the value posts under in a form."
+				},
+				step: {
+					type: "number",
+					description: "Minutes between the times the list offers."
+				},
+				defaultTime: {
+					type: "string",
+					description: "The time a day picked before any time takes."
+				},
+				showZone: {
+					type: "boolean",
+					description: "Whether a date-time names its zone after the time."
+				},
+				locale: {
+					type: "string",
+					description: "The language of the field, the calendar and the times."
+				},
+				min: {
+					anyOf: [{ type: "string" }],
+					description: "The earliest value that is valid, and the first day the calendar offers."
+				},
+				max: {
+					anyOf: [{ type: "string" }],
+					description: "The latest."
+				},
+				disabled: {
+					type: "boolean",
+					description: "Not editable, not focusable and not openable."
+				},
+				readOnly: {
+					type: "boolean",
+					description: "Focusable and read out, but not editable, and the button does not open."
+				},
+				required: {
+					type: "boolean",
+					description: "The form is not valid until it is filled in — the browser's own check."
+				},
+				invalid: {
+					type: "boolean",
+					description: "Marks the value invalid whatever the bounds say."
+				},
+				labelledBy: {
+					type: "string",
+					description: "Names the field after an element already on the page, instead of `label`."
+				},
+				describedBy: {
+					type: "string",
+					description: "An element that describes the field — a hint, an error."
+				},
+				open: {
+					type: "boolean",
+					description: "Whether the panel is open."
+				},
+				defaultOpen: {
+					type: "boolean",
+					description: "Whether it starts open, when the picker owns that itself."
+				},
+				closeOnSelect: {
+					type: "boolean",
+					description: "Whether choosing closes the panel."
+				},
+				firstDayOfWeek: {
+					type: "number",
+					description: "The day the week starts on, 0 for Sunday."
+				},
+				weekNumbers: {
+					type: "boolean",
+					description: "ISO week numbers down the calendar's side."
+				},
+				side: {
+					type: "string",
+					enum: [
+						"top",
+						"bottom",
+						"start",
+						"end"
+					],
+					description: "Which side of the field the panel opens on."
+				},
+				align: {
+					type: "string",
+					enum: [
+						"start",
+						"center",
+						"end"
+					],
+					description: "Which of the field's edges it lines up with."
+				},
+				clearable: {
+					type: "boolean",
+					description: "A button inside the field that empties it."
+				},
+				triggerLabel: {
+					type: "string",
+					description: "The calendar button's name."
+				},
+				clearLabel: {
+					type: "string",
+					description: "The clear button's name."
+				},
+				tabIndex: {
+					type: "number",
+					description: "Every segment's and button's tab index."
+				}
+			},
+			required: [],
+			styled: !0
+		},
+		DateRangePicker: {
+			description: "Two dates that make a span — a stay, a reporting period — typed into two fields or picked on a range calendar.",
+			import: "import { DateRangePicker } from '@box-kite/react/components/datePicker';",
+			slots: ["label"],
+			events: [
+				"onValueChange",
+				"isDateUnavailable",
+				"onOpenChange"
+			],
+			props: {
+				startName: {
+					type: "string",
+					description: "What the start posts under in a form."
+				},
+				endName: {
+					type: "string",
+					description: "What the end posts under."
+				},
+				startLabel: {
+					type: "string",
+					description: "The names a screen reader gives the two fields."
+				},
+				endLabel: {
+					type: "string",
+					description: "The end field's name."
+				},
+				months: {
+					type: "number",
+					enum: [
+						1,
+						2,
+						3
+					],
+					description: "Months side by side in the panel."
+				},
+				locale: {
+					type: "string",
+					description: "The language of the field, the calendar and the times."
+				},
+				min: {
+					anyOf: [{ type: "string" }],
+					description: "The earliest value that is valid, and the first day the calendar offers."
+				},
+				max: {
+					anyOf: [{ type: "string" }],
+					description: "The latest."
+				},
+				disabled: {
+					type: "boolean",
+					description: "Not editable, not focusable and not openable."
+				},
+				readOnly: {
+					type: "boolean",
+					description: "Focusable and read out, but not editable, and the button does not open."
+				},
+				required: {
+					type: "boolean",
+					description: "The form is not valid until it is filled in — the browser's own check."
+				},
+				invalid: {
+					type: "boolean",
+					description: "Marks the value invalid whatever the bounds say."
+				},
+				labelledBy: {
+					type: "string",
+					description: "Names the field after an element already on the page, instead of `label`."
+				},
+				describedBy: {
+					type: "string",
+					description: "An element that describes the field — a hint, an error."
+				},
+				open: {
+					type: "boolean",
+					description: "Whether the panel is open."
+				},
+				defaultOpen: {
+					type: "boolean",
+					description: "Whether it starts open, when the picker owns that itself."
+				},
+				closeOnSelect: {
+					type: "boolean",
+					description: "Whether choosing closes the panel."
+				},
+				firstDayOfWeek: {
+					type: "number",
+					description: "The day the week starts on, 0 for Sunday."
+				},
+				weekNumbers: {
+					type: "boolean",
+					description: "ISO week numbers down the calendar's side."
+				},
+				side: {
+					type: "string",
+					enum: [
+						"top",
+						"bottom",
+						"start",
+						"end"
+					],
+					description: "Which side of the field the panel opens on."
+				},
+				align: {
+					type: "string",
+					enum: [
+						"start",
+						"center",
+						"end"
+					],
+					description: "Which of the field's edges it lines up with."
+				},
+				clearable: {
+					type: "boolean",
+					description: "A button inside the field that empties it."
+				},
+				triggerLabel: {
+					type: "string",
+					description: "The calendar button's name."
+				},
+				clearLabel: {
+					type: "string",
+					description: "The clear button's name."
+				},
+				tabIndex: {
+					type: "number",
+					description: "Every segment's and button's tab index."
+				}
+			},
+			required: [],
+			styled: !0
+		},
+		TimeZoneSelect: {
+			description: "Picks a time zone by place, region or offset — `chis`, `europe` and `+3` all find Chisinau — out of every zone the runtime knows, each with the offset it is at now.",
+			import: "import TimeZoneSelect from '@box-kite/react/components/timeZoneSelect';",
+			slots: ["label", "emptyText"],
+			events: ["onValueChange"],
+			props: {
+				value: {
+					anyOf: [{ type: "string" }],
+					description: "The chosen IANA zone (`Europe/Chisinau`, `UTC`), or `null`."
+				},
+				defaultValue: {
+					anyOf: [{ type: "string" }],
+					description: "The zone it starts with when it owns its state."
+				},
+				zones: {
+					type: "array",
+					items: { type: "string" },
+					description: "Only these zones, in IANA names."
+				},
+				placeholder: {
+					type: "string",
+					description: "The field's placeholder."
+				},
+				name: {
+					type: "string",
+					description: "What the zone posts under in a form."
+				},
+				disabled: {
+					type: "boolean",
+					description: "Not editable and not openable, but still read out."
+				},
+				props: {
+					type: "object",
+					description: "Attributes for the `<input>` itself — an `aria-label`, an `id`."
+				}
+			},
+			required: [],
+			styled: !0
+		},
+		DateTime: {
+			description: "A date or a time, written for whoever is reading: in their language and on their wall clock, inside a real `<time datetime>` that keeps the exact value for a machine.",
+			import: "import DateTime from '@box-kite/react/components/dateTime';",
+			slots: ["default"],
+			events: [],
+			props: { locale: {
+				type: "string",
+				description: "The reader's language."
+			} },
+			required: [],
+			styled: !0
+		},
 		Combobox: {
 			description: "The APG editable combobox over a list of your own rows: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/",
 			import: "import Combobox from '@box-kite/react/components/combobox';",