@antscorp/ui 0.1.3 → 0.1.4

package/README.md

@@ -1,6 +1,8 @@
 # @antscorp/ui
 
-React 19 views, Astryx, StyleX and the Antsomi theme through one facade.
+React >=19.2 views, Astryx, StyleX and the Antsomi theme through one facade.
+React and React DOM >=19.2 are supplied by the host as peers.
+The packaged CLI requires Node >=24.
 
 ```sh
 bun add @antscorp/ui
@@ -25,3 +27,25 @@ export function Example() {
 StyleX consumers select `antscorp-source` and extract their own CSS instead of importing
 `ui.css`. See the [repository README](../../README.md)
 for source configuration, linked development and releases.
+
+## Localization
+
+The host translates kit `label`/`labels`, descriptions and errors. Astryx-owned calendar,
+clear, search and status text uses `InternationalizationProvider` from the same facade:
+
+```tsx
+import { getLocaleDirection, InternationalizationProvider } from "@antscorp/ui/astryx/i18n";
+import arSA from "@antscorp/ui/astryx/locales/ar-SA.generated.js";
+
+const locale = "ar-SA";
+const dir = getLocaleDirection(locale);
+
+// The host also sets <html dir={dir}>; this provider renders no DOM element.
+<InternationalizationProvider locale={locale} messages={{ [locale]: arSA }} dir={dir}>
+  <AntsomiTheme>{/* Views with host-translated labels. */}</AntsomiTheme>
+</InternationalizationProvider>;
+```
+
+Keep the DOM `dir` and provider direction in sync. Use `overrides` for sparse, locale-keyed
+upstream text changes; missing translations fall back to English. `DateTimeInput` defaults to
+`hourFormat="12h"`; set `hourFormat="24h"` for a 24-hour clock. No second translation layer is needed.

package/dist/atoms/AddButton.d.ts

@@ -1,8 +1,7 @@
+import { type ButtonProps } from "@astryxdesign/core/Button";
 import type { ReactNode } from "react";
 /** What `AddButton` takes. */
-export type AddButtonProps = {
-    /** What it adds, such as "Add row"; the host translates it. */
-    readonly label: string;
+export type AddButtonProps = Pick<ButtonProps, "label" | "isDisabled"> & {
     /** `ghost` by default; `secondary` for an add that needs more weight. */
     readonly variant?: "ghost" | "secondary" | undefined;
     /** The button's height, `md` by default; its plus follows it. */
@@ -11,8 +10,6 @@ export type AddButtonProps = {
     readonly shape?: "default" | "pill" | undefined;
     /** `sentence` (default) shows the label as given; `upper` in capitals, such as "+ AND". */
     readonly case?: "sentence" | "upper" | undefined;
-    /** Dimmed and not pressable, e.g. when a limit is reached. */
-    readonly isDisabled?: boolean | undefined;
     /** Read-only: an add is an editing affordance, so nothing is drawn. */
     readonly isReadOnly?: boolean | undefined;
     /** Called when the button is pressed. */

package/dist/atoms/Chip.d.ts

@@ -1,8 +1,7 @@
+import { type TokenProps } from "@astryxdesign/core/Token";
 import type { ReactNode } from "react";
 /** What `Chip` takes. */
-export type ChipProps = {
-    /** The chip's text; cut short with an ellipsis past `maxWidth`, and shown whole in a tooltip. */
-    readonly label: string;
+export type ChipProps = Pick<TokenProps, "label" | "isDisabled"> & {
     /** `neutral` (default) is the plain grey chip; `accent` the pale accent one; `danger` a value no longer valid. */
     readonly tone?: "neutral" | "accent" | "danger" | undefined;
     /** The chip's height, `sm` or `md` (default), as the controls beside it. */
@@ -21,8 +20,6 @@ export type ChipProps = {
      * button over its end; it stays in the tab order. Without it the button always shows after the text.
      */
     readonly isRemoveOnHover?: boolean | undefined;
-    /** Dims the chip and blocks its remove button. */
-    readonly isDisabled?: boolean | undefined;
     /** Read-only: no remove button. */
     readonly isReadOnly?: boolean | undefined;
 };

package/dist/atoms/Chip.js

@@ -77,7 +77,7 @@ var l = {
 		$$css: !0
 	},
 	accent: {
-		kWkggS: "aui1gbsizx",
+		kWkggS: "auisqkk90",
 		kMwMTN: "aui1tgivj0",
 		$$css: !0
 	},

package/dist/atoms/RemoveButton.d.ts

@@ -1,12 +1,9 @@
+import { type IconButtonProps } from "@astryxdesign/core/IconButton";
 import type { ReactNode } from "react";
 /** What `RemoveButton` takes. */
-export type RemoveButtonProps = {
-    /** What goes, such as "Remove row"; the button shows only an icon, so this is its name. */
-    readonly label: string;
+export type RemoveButtonProps = Pick<IconButtonProps, "label" | "isDisabled"> & {
     /** The button's height, `md` by default. */
     readonly size?: "sm" | "md" | undefined;
-    /** Dimmed and not pressable. */
-    readonly isDisabled?: boolean | undefined;
     /** Read-only: a remove is an editing affordance, so nothing is drawn. */
     readonly isReadOnly?: boolean | undefined;
     /** Called when the button is pressed. */

package/dist/atoms/TextAction.d.ts

@@ -1,6 +1,7 @@
+import { type LinkProps } from "@astryxdesign/core/Link";
 import type { ReactNode } from "react";
 /** What `TextAction` takes. */
-export type TextActionProps = {
+export type TextActionProps = Pick<LinkProps, "isDisabled"> & {
     /** What it does, such as "Remove all"; shown in capitals by default, so pass it in normal case. */
     readonly label: string;
     /** A glyph before the text, in the text's colour, such as an Astryx `Icon` of a bin for a removal. */
@@ -14,8 +15,6 @@ export type TextActionProps = {
     readonly onClick?: (() => void) | undefined;
     /** A down chevron after the text, for an action that opens a menu. */
     readonly hasChevron?: boolean | undefined;
-    /** Dimmed and not pressable. */
-    readonly isDisabled?: boolean | undefined;
 };
 /**
  * An action drawn as text alone: bold capitals in the accent, no frame, such as "REMOVE ALL"