@motifx-community/ui 0.1.0-beta.1 → 0.1.0-beta.2

package/llms.txt

@@ -1,6 +1,6 @@
 # @motifx-community/ui
 
-> UI components for MotifJS (@motifx/core) on the MotifJS design system. Version 0.1.0-beta.1: a preview, its API may still change before 1.0.
+> UI components for MotifJS (@motifx/core) on the MotifJS design system. Version 0.1.0-beta.2: a preview, its API may still change before 1.0.
 
 Built on MotifJS (`@motifx/core`): a component is an object, made in JSX or with `new`, whose every prop takes a value or a function (`Bind<T>`); `x-model` binds a value two-way. The look is the design system’s (`@motifx-community/design-system`): five design languages (`data-identity`), light and dark themes, density.
 
@@ -18,6 +18,7 @@ Built on MotifJS (`@motifx/core`): a component is an object, made in JSX or with
 
 - [Control](docs/control.md): The base of every control in the package. It gives each one the same `text`, `enabled`, `visible` and `tabStop`, and the same focus methods, whether the…
 - [Keyboard and focus](docs/keyboard.md): The rules every control follows: Tab order, the active control of a container, focus that never falls to `<body>`, `&File` access keys and app-wide shortcuts.
+- [Language](docs/language.md): The texts the controls write, the locale their dates and numbers follow, and the direction: one `uiLocale` for the kit, with a pack per language loaded as…
 
 ## Buttons
 
@@ -32,10 +33,12 @@ Built on MotifJS (`@motifx/core`): a component is an object, made in JSX or with
 - [TextArea](docs/textarea.md): A text field of several lines: a box that grows with the text or that the user drags bigger, a character counter, a clear button, Ctrl+Enter to send, and…
 - [NumberBox](docs/numberbox.md): A number field: arrow keys, PageUp / PageDown and spin buttons that repeat while held, bounds, a step without float noise, a format for display (currency,…
 - [DateBox](docs/datebox.md): A date, a time or both. It is typed in the order of the locale through a mask, or picked from a calendar and a list of times; `min`, `max` and…
+- [DateRangeBox](docs/daterangebox.md): A start and an end date in one field: typed through two masks, or picked on two months side by side, from ready-made ranges, within the dates and the span…
 - [ColorBox and ColorPicker](docs/colorbox.md): A colour as a field, with a picker in a popup; or the picker on its own. The picker has an area of saturation and brightness, a hue strip, an opacity strip,…
 - [Calendar](docs/calendar.md): A month of days to pick a date from, with a year and a decade view to get far quickly. It is the picker of DateBox, and it works on its own.
 - [Slider](docs/slider.md): A value picked on a track by dragging a thumb or with the keys: one number, or a range with two thumbs. Steps, marks with labels, a value bubble, a vertical…
 - [Rating](docs/rating.md): A row of stars to give a score or to show one, whole or by halves. It is a field: label, help text, rules and `x-model` work as in every field.
+- [FileUploader](docs/fileuploader.md): Files chosen with a button or dropped on the box, listed with their size and what happens to them: uploaded as they come, on a button or from code, with…
 
 ## Choice
 
@@ -50,6 +53,8 @@ Built on MotifJS (`@motifx/core`): a component is an object, made in JSX or with
 
 - [ProgressBar and Spinner](docs/progress.md): ProgressBar shows how far some work is, as a line or a circle, or that it runs when that is not known. Spinner says "busy, wait": a turning ring, alone or…
 - [Tooltip](docs/tooltip.md): A short description shown next to an element: after the pointer rests on it, when it gets keyboard focus, or from code. It can be hovered, Escape hides it,…
+- [Popover](docs/popover.md): Content next to the element it belongs to: a title, a close button, a form, a card. It opens on a press or while the pointer rests on its target, follows…
+- [LoadPanel](docs/loadpanel.md): A “loading” layer over a container or the whole page: a shade, a pane with the kit’s spinner and a message, a Cancel button when the work can be stopped.…
 - [Toast](docs/toast.md): Short notifications at an edge of the window: four tones, an action such as Undo, a time of their own or none, six positions and a limit on how many show at…
 
 ## Display
@@ -65,12 +70,16 @@ Built on MotifJS (`@motifx/core`): a component is an object, made in JSX or with
 - [Tabs](docs/tabs.md): Tabs show one panel at a time under a strip of tabs: from JSX or from code, closable, with icons and badges, scroll buttons when the tabs do not fit, four…
 - [Breadcrumb](docs/breadcrumb.md): The way to the current page: each step a link or a button, the current page last. Steps that do not fit go into a menu after the first.
 - [Pagination](docs/pagination.md): Moving through pages of items: the sizes to choose from, where the page stands, the steps and a button per page around the current one. It turns compact…
+- [Stepper](docs/stepper.md): The steps of a longer task and where the user stands in them: an indicator and a text per step, a line between them, the steps before the current one…
+- [Wizard](docs/wizard.md): A task in steps: a [Stepper](stepper.md) above or beside one page per step, and the Back and Next buttons under them. Next validates the page first; on the…
 - [Accordion](docs/accordion.md): An accordion opens and closes sections under their headers: one at a time or several, kept open, with icons, three looks and sections built when they are…
 - [Window and dialog](docs/window.md): A window or a dialog on a native `<dialog>`: one form, shown modeless or modal by whoever shows it. It has a title bar, moves, resizes, minimizes and…
 - [BottomSheet](docs/bottomsheet.md): A panel that comes up from the bottom of the page or of a container and stops at a few heights: a peek, half, full, as tall as its content, or heights of…
 - [Drawer](docs/drawer.md): A panel that slides in from an edge of the page or of a container, over the content or pushing it aside. A finger swipes it in from the edge and back again;…
 - [ActionSheet](docs/actionsheet.md): A list of commands that comes up from the bottom, made of the kit's menu items and large enough for a finger, with a title, a message and a cancel button…
 - [Layout](docs/layout.md): Containers that place controls: `Stack` (a row or a column), `Grid` (rows and columns), `Panel` (a plain box that can scroll), `GroupBox` (a titled frame),…
+- [ScrollView](docs/scrollview.md): Content that scrolls in a box of its own: the bars shown as told, a pull from the top that asks for what is new, a reach near the end that asks for more.…
+- [Sortable](docs/sortable.md): Items the user puts in order by dragging them, with the pointer or a finger, or with the keys; lists of one group take each other’s items. A drop moves the…
 - [FormLayout](docs/formlayout.md): Lays out the fields of a data object on a grid. Each field gets an editor — by name, or by the type of its value — bound to the object both ways; groups,…
 
 ## Data

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@motifx-community/ui",
-  "version": "0.1.0-beta.1",
+  "version": "0.1.0-beta.2",
   "description": "UI components for MotifJS (@motifx/core) on the MotifJS design system",
   "keywords": [
     "motifjs",
@@ -14,7 +14,7 @@
     "type": "git",
     "url": "git+https://github.com/motifjs-community/motifjs-ui.git"
   },
-  "homepage": "https://motifjs.com/docs/ui",
+  "homepage": "https://ui.motifjs.com",
   "bugs": {
     "url": "https://github.com/motifjs-community/motifjs-ui/issues"
   },
@@ -59,6 +59,7 @@
     "language": "node scripts/new-language.mjs",
     "build": "npm run tokens && vite build && tsc -p tsconfig.build.json && node scripts/build-css.mjs && node scripts/copy-locales.mjs",
     "docs:build": "npm run tokens && vite build apps/docs",
+    "docs:deploy": "npm run docs:build && node scripts/deploy-docs.mjs",
     "test": "vitest run",
     "test:watch": "vitest",
     "typecheck": "tsc --noEmit",
@@ -67,6 +68,7 @@
     "sizes": "node scripts/sizes.mjs",
     "e2e": "node e2e/docs-smoke.mjs",
     "llms": "node scripts/build-llms.mjs",
+    "locales": "node scripts/check-locales.mjs",
     "fingerprint": "node e2e/fingerprint.mjs",
     "fingerprint:compare": "node e2e/fingerprint-compare.mjs",
     "check": "npm run typecheck && npm run lint:jsx && npm run lint:css && npm test && npm run build && npm run docs:build",
@@ -74,7 +76,7 @@
   },
   "peerDependencies": {
     "@motifx-community/data": "^0.1.0-beta.0",
-    "@motifx-community/design-system": "^0.1.0-beta.0",
+    "@motifx-community/design-system": "^0.1.0-beta.1",
     "@motifx-community/i18n": "^0.1.0-beta.0",
     "@motifx/core": "^1.2.0-rc.23",
     "exceljs": "^4.4.0",
@@ -106,6 +108,10 @@
     "vite": "^8.3.2",
     "vitest": "^5.0.3"
   },
+  "overrides": {
+    "glob": "^14.0.3",
+    "uuid": "^11.1.1"
+  },
   "engines": {
     "node": ">=22"
   },