@jirawatpyk/aura-react 5.8.0 → 5.10.0

package/dist/icons/index.d.cts

@@ -0,0 +1,106 @@
+import * as React$1 from 'react';
+
+/** An AURA icon name, or any icon element (e.g. `<Building />` from lucide-react). AURA sizes it and hides it from screen readers. */
+export type IconInput = IconName | React$1.ReactElement;
+export type IconName = "check" | "x" | "plus" | "minus" | "search" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-up-right" | "arrow-up-down" | "loader-circle" | "circle-alert" | "circle-check" | "info" | "triangle-alert" | "settings" | "user" | "users" | "filter" | "ellipsis" | "external-link" | "copy" | "trash-2" | "pencil" | "download" | "upload" | "calendar" | "bell" | "menu" | "eye" | "log-out" | "circle" | "circle-dot-dashed" | "ban" | "arrow-up" | "arrow-down" | "inbox" | "pin" | "pin-off" | "eye-off" | "columns-3" | "arrow-left" | "rotate-ccw" | "house" | "layout-dashboard" | "folder" | "chart-column" | "file-text" | "mail" | "lock" | "clock" | "trending-up" | "trending-down" | "image" | "paperclip" | "cloud-upload" | "file" | "sun" | "moon" | "monitor" | "panel-left-close" | "panel-left-open" | "server" | "globe" | "activity" | "shield-alert" | "phone" | "wrench";
+/** Lucide stroke icon drawn inline in currentColor. */
+export interface IconProps {
+	/** A name from the set, or an icon element of your own (sized and styled the same way). */
+	name: IconInput;
+	/** `sm` 16 (default) · `md` 20 · `lg` 24, or a px number. */
+	size?: "sm" | "md" | "lg" | number | undefined;
+	/** Accessible name. Omit for decorative icons next to a text label (then aria-hidden). */
+	label?: string | undefined;
+	/** Default 2 (Lucide's). */
+	strokeWidth?: number | undefined;
+	className?: string | undefined;
+}
+/** One SVG child: element name and its attributes. */
+export type IconShape = [
+	string,
+	Record<string, string>
+];
+/** An AURA icon component from `@jirawatpyk/aura-react/icons` (5.9), e.g. `IconUsers`. */
+export type AuraIcon = React$1.ForwardRefExoticComponent<Omit<IconProps, "name"> & React$1.RefAttributes<SVGSVGElement>> & {
+	/** The icon's path data. */
+	readonly auraShapes: IconShape[];
+	/** Its name in the set, e.g. `users`. */
+	readonly iconName: string;
+};
+/** Makes an icon component from path data (24×24, stroked in currentColor, like Lucide). The per-icon exports are
+ * built with it; use it for an icon of your own that should look and behave exactly like AURA's. */
+export declare function defineIcon(name: string, shapes: IconShape[]): AuraIcon;
+export declare const IconCheck: AuraIcon;
+export declare const IconX: AuraIcon;
+export declare const IconPlus: AuraIcon;
+export declare const IconMinus: AuraIcon;
+export declare const IconSearch: AuraIcon;
+export declare const IconChevronDown: AuraIcon;
+export declare const IconChevronUp: AuraIcon;
+export declare const IconChevronLeft: AuraIcon;
+export declare const IconChevronRight: AuraIcon;
+export declare const IconArrowRight: AuraIcon;
+export declare const IconArrowUpRight: AuraIcon;
+export declare const IconArrowUpDown: AuraIcon;
+export declare const IconLoaderCircle: AuraIcon;
+export declare const IconCircleAlert: AuraIcon;
+export declare const IconCircleCheck: AuraIcon;
+export declare const IconInfo: AuraIcon;
+export declare const IconTriangleAlert: AuraIcon;
+export declare const IconSettings: AuraIcon;
+export declare const IconUser: AuraIcon;
+export declare const IconUsers: AuraIcon;
+export declare const IconFilter: AuraIcon;
+export declare const IconEllipsis: AuraIcon;
+export declare const IconExternalLink: AuraIcon;
+export declare const IconCopy: AuraIcon;
+export declare const IconTrash2: AuraIcon;
+export declare const IconPencil: AuraIcon;
+export declare const IconDownload: AuraIcon;
+export declare const IconUpload: AuraIcon;
+export declare const IconCalendar: AuraIcon;
+export declare const IconBell: AuraIcon;
+export declare const IconMenu: AuraIcon;
+export declare const IconEye: AuraIcon;
+export declare const IconLogOut: AuraIcon;
+export declare const IconCircle: AuraIcon;
+export declare const IconCircleDotDashed: AuraIcon;
+export declare const IconBan: AuraIcon;
+export declare const IconArrowUp: AuraIcon;
+export declare const IconArrowDown: AuraIcon;
+export declare const IconInbox: AuraIcon;
+export declare const IconPin: AuraIcon;
+export declare const IconPinOff: AuraIcon;
+export declare const IconEyeOff: AuraIcon;
+export declare const IconColumns3: AuraIcon;
+export declare const IconArrowLeft: AuraIcon;
+export declare const IconRotateCcw: AuraIcon;
+export declare const IconHouse: AuraIcon;
+export declare const IconLayoutDashboard: AuraIcon;
+export declare const IconFolder: AuraIcon;
+export declare const IconChartColumn: AuraIcon;
+export declare const IconFileText: AuraIcon;
+export declare const IconMail: AuraIcon;
+export declare const IconLock: AuraIcon;
+export declare const IconClock: AuraIcon;
+export declare const IconTrendingUp: AuraIcon;
+export declare const IconTrendingDown: AuraIcon;
+export declare const IconImage: AuraIcon;
+export declare const IconPaperclip: AuraIcon;
+export declare const IconCloudUpload: AuraIcon;
+export declare const IconFile: AuraIcon;
+export declare const IconSun: AuraIcon;
+export declare const IconMoon: AuraIcon;
+export declare const IconMonitor: AuraIcon;
+export declare const IconPanelLeftClose: AuraIcon;
+export declare const IconPanelLeftOpen: AuraIcon;
+export declare const IconServer: AuraIcon;
+export declare const IconGlobe: AuraIcon;
+export declare const IconActivity: AuraIcon;
+export declare const IconShieldAlert: AuraIcon;
+export declare const IconPhone: AuraIcon;
+export declare const IconWrench: AuraIcon;
+/** Every icon — what `registerIcons(allIcons)` takes to keep icon names as strings working in 6.0. */
+export declare const allIcons: AuraIcon[];
+
+export {};

package/dist/icons/index.d.ts

@@ -0,0 +1,106 @@
+import * as React$1 from 'react';
+
+/** An AURA icon name, or any icon element (e.g. `<Building />` from lucide-react). AURA sizes it and hides it from screen readers. */
+export type IconInput = IconName | React$1.ReactElement;
+export type IconName = "check" | "x" | "plus" | "minus" | "search" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-up-right" | "arrow-up-down" | "loader-circle" | "circle-alert" | "circle-check" | "info" | "triangle-alert" | "settings" | "user" | "users" | "filter" | "ellipsis" | "external-link" | "copy" | "trash-2" | "pencil" | "download" | "upload" | "calendar" | "bell" | "menu" | "eye" | "log-out" | "circle" | "circle-dot-dashed" | "ban" | "arrow-up" | "arrow-down" | "inbox" | "pin" | "pin-off" | "eye-off" | "columns-3" | "arrow-left" | "rotate-ccw" | "house" | "layout-dashboard" | "folder" | "chart-column" | "file-text" | "mail" | "lock" | "clock" | "trending-up" | "trending-down" | "image" | "paperclip" | "cloud-upload" | "file" | "sun" | "moon" | "monitor" | "panel-left-close" | "panel-left-open" | "server" | "globe" | "activity" | "shield-alert" | "phone" | "wrench";
+/** Lucide stroke icon drawn inline in currentColor. */
+export interface IconProps {
+	/** A name from the set, or an icon element of your own (sized and styled the same way). */
+	name: IconInput;
+	/** `sm` 16 (default) · `md` 20 · `lg` 24, or a px number. */
+	size?: "sm" | "md" | "lg" | number | undefined;
+	/** Accessible name. Omit for decorative icons next to a text label (then aria-hidden). */
+	label?: string | undefined;
+	/** Default 2 (Lucide's). */
+	strokeWidth?: number | undefined;
+	className?: string | undefined;
+}
+/** One SVG child: element name and its attributes. */
+export type IconShape = [
+	string,
+	Record<string, string>
+];
+/** An AURA icon component from `@jirawatpyk/aura-react/icons` (5.9), e.g. `IconUsers`. */
+export type AuraIcon = React$1.ForwardRefExoticComponent<Omit<IconProps, "name"> & React$1.RefAttributes<SVGSVGElement>> & {
+	/** The icon's path data. */
+	readonly auraShapes: IconShape[];
+	/** Its name in the set, e.g. `users`. */
+	readonly iconName: string;
+};
+/** Makes an icon component from path data (24×24, stroked in currentColor, like Lucide). The per-icon exports are
+ * built with it; use it for an icon of your own that should look and behave exactly like AURA's. */
+export declare function defineIcon(name: string, shapes: IconShape[]): AuraIcon;
+export declare const IconCheck: AuraIcon;
+export declare const IconX: AuraIcon;
+export declare const IconPlus: AuraIcon;
+export declare const IconMinus: AuraIcon;
+export declare const IconSearch: AuraIcon;
+export declare const IconChevronDown: AuraIcon;
+export declare const IconChevronUp: AuraIcon;
+export declare const IconChevronLeft: AuraIcon;
+export declare const IconChevronRight: AuraIcon;
+export declare const IconArrowRight: AuraIcon;
+export declare const IconArrowUpRight: AuraIcon;
+export declare const IconArrowUpDown: AuraIcon;
+export declare const IconLoaderCircle: AuraIcon;
+export declare const IconCircleAlert: AuraIcon;
+export declare const IconCircleCheck: AuraIcon;
+export declare const IconInfo: AuraIcon;
+export declare const IconTriangleAlert: AuraIcon;
+export declare const IconSettings: AuraIcon;
+export declare const IconUser: AuraIcon;
+export declare const IconUsers: AuraIcon;
+export declare const IconFilter: AuraIcon;
+export declare const IconEllipsis: AuraIcon;
+export declare const IconExternalLink: AuraIcon;
+export declare const IconCopy: AuraIcon;
+export declare const IconTrash2: AuraIcon;
+export declare const IconPencil: AuraIcon;
+export declare const IconDownload: AuraIcon;
+export declare const IconUpload: AuraIcon;
+export declare const IconCalendar: AuraIcon;
+export declare const IconBell: AuraIcon;
+export declare const IconMenu: AuraIcon;
+export declare const IconEye: AuraIcon;
+export declare const IconLogOut: AuraIcon;
+export declare const IconCircle: AuraIcon;
+export declare const IconCircleDotDashed: AuraIcon;
+export declare const IconBan: AuraIcon;
+export declare const IconArrowUp: AuraIcon;
+export declare const IconArrowDown: AuraIcon;
+export declare const IconInbox: AuraIcon;
+export declare const IconPin: AuraIcon;
+export declare const IconPinOff: AuraIcon;
+export declare const IconEyeOff: AuraIcon;
+export declare const IconColumns3: AuraIcon;
+export declare const IconArrowLeft: AuraIcon;
+export declare const IconRotateCcw: AuraIcon;
+export declare const IconHouse: AuraIcon;
+export declare const IconLayoutDashboard: AuraIcon;
+export declare const IconFolder: AuraIcon;
+export declare const IconChartColumn: AuraIcon;
+export declare const IconFileText: AuraIcon;
+export declare const IconMail: AuraIcon;
+export declare const IconLock: AuraIcon;
+export declare const IconClock: AuraIcon;
+export declare const IconTrendingUp: AuraIcon;
+export declare const IconTrendingDown: AuraIcon;
+export declare const IconImage: AuraIcon;
+export declare const IconPaperclip: AuraIcon;
+export declare const IconCloudUpload: AuraIcon;
+export declare const IconFile: AuraIcon;
+export declare const IconSun: AuraIcon;
+export declare const IconMoon: AuraIcon;
+export declare const IconMonitor: AuraIcon;
+export declare const IconPanelLeftClose: AuraIcon;
+export declare const IconPanelLeftOpen: AuraIcon;
+export declare const IconServer: AuraIcon;
+export declare const IconGlobe: AuraIcon;
+export declare const IconActivity: AuraIcon;
+export declare const IconShieldAlert: AuraIcon;
+export declare const IconPhone: AuraIcon;
+export declare const IconWrench: AuraIcon;
+/** Every icon — what `registerIcons(allIcons)` takes to keep icon names as strings working in 6.0. */
+export declare const allIcons: AuraIcon[];
+
+export {};

package/dist/index.d.cts

@@ -223,7 +223,7 @@ export interface AuraProviderProps {
 	locale?: "th" | "en" | "sv" | undefined;
 	/** Default calendar for DatePicker / DateRangePicker / Calendar / formatDate callers that read it. Unset: `buddhist` (พ.ศ.) for `th`, `gregory` for `en` and `sv`. */
 	calendar?: "buddhist" | "gregory" | undefined;
-	/** Override individual strings. */
+	/** Override individual strings, or pass a whole locale pack (`strings={th}` from `@jirawatpyk/aura-react/locales/th`, 5.9). */
 	strings?: Partial<Record<string, string | ((...args: any[]) => string)>> | undefined;
 	/** IANA time zone for "today" in DatePicker, DateRangePicker and Calendar, e.g. `Asia/Bangkok` (4.19). Default: the browser's. */
 	timeZone?: string | undefined;
@@ -278,7 +278,10 @@ export interface MenuItem {
 	icon?: IconInput | undefined;
 	/** Present = a checkable item (menuitemcheckbox). */
 	checked?: boolean | undefined;
+	/** Dimmed and does nothing when chosen, but still reachable with the arrow keys and announced (5.10). */
 	disabled?: boolean | undefined;
+	/** Why it's disabled ("You can resend in 5 minutes"): shown in place of the hint and read with the item. (5.10) */
+	disabledReason?: string | undefined;
 	/** Keep the menu open after choosing (checkbox lists). */
 	keepOpen?: boolean | undefined;
 	/** Short right-aligned hint, e.g. a shortcut. */
@@ -596,6 +599,9 @@ export interface TabItem {
 	/** A route (4.19). When every tab has one, Tabs renders a `nav` of links (section tabs that are pages), with
 	 * `aria-current="page"` on the current one and no panels. */
 	href?: string | undefined;
+	/** Attributes for this tab's button (or link): `data-testid`, or an `aria-label` that starts with the visible
+	 * label ("Card — switch payment method") so voice control still finds it (WCAG 2.5.3). (5.9, Chamber-OS 71) */
+	tabProps?: ButtonAttributes | undefined;
 }
 export interface TabsProps {
 	tabs: TabItem[];
@@ -608,6 +614,17 @@ export interface TabsProps {
 	/** Router link for tabs with `href`; defaults to AuraProvider's `linkComponent`, then `<a>`. (4.19) */
 	linkComponent?: React$1.ElementType | undefined;
 	className?: string | undefined;
+	/** Keep every panel mounted, the inactive ones `hidden`, so their state survives a switch (a payment iframe, a
+	 * half-filled form). Default false: only the active panel is rendered. (5.9, Chamber-OS 71) */
+	keepMounted?: boolean | undefined;
+	/** `auto` (default): arrow keys select as they move. `manual`: arrows, Home and End only move focus; Enter, Space
+	 * or a click selects — for tabs whose selection does work (loads data, starts a payment). (5.9) */
+	activation?: "auto" | "manual" | undefined;
+	/** `underline` (default) or `segmented`: the tabs as a pill track with the selected one raised, like
+	 * SegmentedControl, keeping every Tabs behaviour (panels, keepMounted, activation, tabProps). (5.10, Chamber-OS 72) */
+	variant?: "underline" | "segmented" | undefined;
+	/** With `variant="segmented"`: stretch the track to the full width, tabs sharing it equally. (5.10) */
+	fullWidth?: boolean | undefined;
 }
 export interface NavItem {
 	id: string;
@@ -870,7 +887,14 @@ export interface DateRangePickerProps extends DateFieldProps {
 	defaultValue?: DateRange | undefined;
 	onChange?: ((value: DateRange) => void) | undefined;
 }
-export interface DrawerProps {
+/** `data-*` attributes in an object prop (TypeScript checks object literals, where JSX would allow them anyway). */
+export type DataAttributes = {
+	[key: `data-${string}`]: string | number | boolean | undefined;
+};
+/** Attributes for a button AURA renders for you (a Drawer's close button, a tab): `data-testid`, `aria-*`, `id`… */
+export type ButtonAttributes = React$1.ButtonHTMLAttributes<HTMLButtonElement> & DataAttributes;
+/** `id`, `data-*`, `aria-*`, `style`, `lang` and `dir` go on the `.aura-drawer` panel (5.9, Chamber-OS 70). */
+export interface DrawerProps extends Pick<React$1.HTMLAttributes<HTMLDivElement>, "id" | "style" | "lang" | "dir">, React$1.AriaAttributes, DataAttributes {
 	open: boolean;
 	onClose: () => void;
 	/** Default `right`. */
@@ -891,6 +915,11 @@ export interface DrawerProps {
 	/** Needed when there is no title. */
 	"aria-label"?: string | undefined;
 	className?: string | undefined;
+	/** The close button's accessible name and tooltip, saying what it closes ("Close payment drawer"). Default: the
+	 * built-in "Close" in the provider's language. (5.9) */
+	closeLabel?: string | undefined;
+	/** Attributes for the close button, e.g. `{ 'data-testid': 'pay-sheet-close' }`. (5.9) */
+	closeProps?: ButtonAttributes | undefined;
 }
 export type Breakpoint = "base" | "sm" | "md" | "lg" | "xl";
 export type Responsive<T> = T | Partial<Record<Breakpoint, T>>;
@@ -1247,7 +1276,22 @@ export type IconShape = [
 	string,
 	Record<string, string>
 ];
+/** An AURA icon component from `@jirawatpyk/aura-react/icons` (5.9), e.g. `IconUsers`. */
+export type AuraIcon = React$1.ForwardRefExoticComponent<Omit<IconProps, "name"> & React$1.RefAttributes<SVGSVGElement>> & {
+	/** The icon's path data. */
+	readonly auraShapes: IconShape[];
+	/** Its name in the set, e.g. `users`. */
+	readonly iconName: string;
+};
+/** @deprecated 5.9 — path data by name. In 6.0 it is removed; use the per-icon components or `allIcons` from
+ * `@jirawatpyk/aura-react/icons`. */
 export declare const ICONS: Record<IconName, IconShape[]>;
+/** Makes icon names as strings work: `registerIcons(allIcons)` once at startup, with `allIcons` from
+ * `@jirawatpyk/aura-react/icons`, or only the icons you use (`registerIcons([IconUsers, IconPlus])`). In 5.x every
+ * name already works and this only says you are ready for 6.0 (it silences the notice); in 6.0 it is required. Call it in the module
+ * graph that renders the names: a client module for the components, and also a server module if Server Components
+ * render names with `/server`'s Icon (the two entries keep separate registries). */
+export declare function registerIcons(icons: readonly AuraIcon[]): void;
 export declare const Icon: React$1.ForwardRefExoticComponent<IconProps & React$1.RefAttributes<SVGSVGElement>>;
 /** Every icon name the bundle carries. */
 export declare const iconNames: IconName[];
@@ -1509,6 +1553,12 @@ export interface AuraStrings {
 	pageN: (p: number) => string;
 	accepts: (list?: string, max?: number | string) => string;
 }
+/** Built-in strings by locale. th and sv also ship as packs (`@jirawatpyk/aura-react/locales/th`, `/sv`, 5.9); in 6.0
+ * only en stays built in and a Thai or Swedish app passes its pack to AuraProvider `strings`. */
+/** A whole language for AuraProvider `strings` (5.9): every built-in label, and assignable to the prop. */
+export type AuraLocalePack = AuraStrings & {
+	[key: string]: string | ((...args: any[]) => string);
+};
 export declare const STRINGS: {
 	en: AuraStrings;
 	th: AuraStrings;

package/dist/index.d.ts

@@ -223,7 +223,7 @@ export interface AuraProviderProps {
 	locale?: "th" | "en" | "sv" | undefined;
 	/** Default calendar for DatePicker / DateRangePicker / Calendar / formatDate callers that read it. Unset: `buddhist` (พ.ศ.) for `th`, `gregory` for `en` and `sv`. */
 	calendar?: "buddhist" | "gregory" | undefined;
-	/** Override individual strings. */
+	/** Override individual strings, or pass a whole locale pack (`strings={th}` from `@jirawatpyk/aura-react/locales/th`, 5.9). */
 	strings?: Partial<Record<string, string | ((...args: any[]) => string)>> | undefined;
 	/** IANA time zone for "today" in DatePicker, DateRangePicker and Calendar, e.g. `Asia/Bangkok` (4.19). Default: the browser's. */
 	timeZone?: string | undefined;
@@ -278,7 +278,10 @@ export interface MenuItem {
 	icon?: IconInput | undefined;
 	/** Present = a checkable item (menuitemcheckbox). */
 	checked?: boolean | undefined;
+	/** Dimmed and does nothing when chosen, but still reachable with the arrow keys and announced (5.10). */
 	disabled?: boolean | undefined;
+	/** Why it's disabled ("You can resend in 5 minutes"): shown in place of the hint and read with the item. (5.10) */
+	disabledReason?: string | undefined;
 	/** Keep the menu open after choosing (checkbox lists). */
 	keepOpen?: boolean | undefined;
 	/** Short right-aligned hint, e.g. a shortcut. */
@@ -596,6 +599,9 @@ export interface TabItem {
 	/** A route (4.19). When every tab has one, Tabs renders a `nav` of links (section tabs that are pages), with
 	 * `aria-current="page"` on the current one and no panels. */
 	href?: string | undefined;
+	/** Attributes for this tab's button (or link): `data-testid`, or an `aria-label` that starts with the visible
+	 * label ("Card — switch payment method") so voice control still finds it (WCAG 2.5.3). (5.9, Chamber-OS 71) */
+	tabProps?: ButtonAttributes | undefined;
 }
 export interface TabsProps {
 	tabs: TabItem[];
@@ -608,6 +614,17 @@ export interface TabsProps {
 	/** Router link for tabs with `href`; defaults to AuraProvider's `linkComponent`, then `<a>`. (4.19) */
 	linkComponent?: React$1.ElementType | undefined;
 	className?: string | undefined;
+	/** Keep every panel mounted, the inactive ones `hidden`, so their state survives a switch (a payment iframe, a
+	 * half-filled form). Default false: only the active panel is rendered. (5.9, Chamber-OS 71) */
+	keepMounted?: boolean | undefined;
+	/** `auto` (default): arrow keys select as they move. `manual`: arrows, Home and End only move focus; Enter, Space
+	 * or a click selects — for tabs whose selection does work (loads data, starts a payment). (5.9) */
+	activation?: "auto" | "manual" | undefined;
+	/** `underline` (default) or `segmented`: the tabs as a pill track with the selected one raised, like
+	 * SegmentedControl, keeping every Tabs behaviour (panels, keepMounted, activation, tabProps). (5.10, Chamber-OS 72) */
+	variant?: "underline" | "segmented" | undefined;
+	/** With `variant="segmented"`: stretch the track to the full width, tabs sharing it equally. (5.10) */
+	fullWidth?: boolean | undefined;
 }
 export interface NavItem {
 	id: string;
@@ -870,7 +887,14 @@ export interface DateRangePickerProps extends DateFieldProps {
 	defaultValue?: DateRange | undefined;
 	onChange?: ((value: DateRange) => void) | undefined;
 }
-export interface DrawerProps {
+/** `data-*` attributes in an object prop (TypeScript checks object literals, where JSX would allow them anyway). */
+export type DataAttributes = {
+	[key: `data-${string}`]: string | number | boolean | undefined;
+};
+/** Attributes for a button AURA renders for you (a Drawer's close button, a tab): `data-testid`, `aria-*`, `id`… */
+export type ButtonAttributes = React$1.ButtonHTMLAttributes<HTMLButtonElement> & DataAttributes;
+/** `id`, `data-*`, `aria-*`, `style`, `lang` and `dir` go on the `.aura-drawer` panel (5.9, Chamber-OS 70). */
+export interface DrawerProps extends Pick<React$1.HTMLAttributes<HTMLDivElement>, "id" | "style" | "lang" | "dir">, React$1.AriaAttributes, DataAttributes {
 	open: boolean;
 	onClose: () => void;
 	/** Default `right`. */
@@ -891,6 +915,11 @@ export interface DrawerProps {
 	/** Needed when there is no title. */
 	"aria-label"?: string | undefined;
 	className?: string | undefined;
+	/** The close button's accessible name and tooltip, saying what it closes ("Close payment drawer"). Default: the
+	 * built-in "Close" in the provider's language. (5.9) */
+	closeLabel?: string | undefined;
+	/** Attributes for the close button, e.g. `{ 'data-testid': 'pay-sheet-close' }`. (5.9) */
+	closeProps?: ButtonAttributes | undefined;
 }
 export type Breakpoint = "base" | "sm" | "md" | "lg" | "xl";
 export type Responsive<T> = T | Partial<Record<Breakpoint, T>>;
@@ -1247,7 +1276,22 @@ export type IconShape = [
 	string,
 	Record<string, string>
 ];
+/** An AURA icon component from `@jirawatpyk/aura-react/icons` (5.9), e.g. `IconUsers`. */
+export type AuraIcon = React$1.ForwardRefExoticComponent<Omit<IconProps, "name"> & React$1.RefAttributes<SVGSVGElement>> & {
+	/** The icon's path data. */
+	readonly auraShapes: IconShape[];
+	/** Its name in the set, e.g. `users`. */
+	readonly iconName: string;
+};
+/** @deprecated 5.9 — path data by name. In 6.0 it is removed; use the per-icon components or `allIcons` from
+ * `@jirawatpyk/aura-react/icons`. */
 export declare const ICONS: Record<IconName, IconShape[]>;
+/** Makes icon names as strings work: `registerIcons(allIcons)` once at startup, with `allIcons` from
+ * `@jirawatpyk/aura-react/icons`, or only the icons you use (`registerIcons([IconUsers, IconPlus])`). In 5.x every
+ * name already works and this only says you are ready for 6.0 (it silences the notice); in 6.0 it is required. Call it in the module
+ * graph that renders the names: a client module for the components, and also a server module if Server Components
+ * render names with `/server`'s Icon (the two entries keep separate registries). */
+export declare function registerIcons(icons: readonly AuraIcon[]): void;
 export declare const Icon: React$1.ForwardRefExoticComponent<IconProps & React$1.RefAttributes<SVGSVGElement>>;
 /** Every icon name the bundle carries. */
 export declare const iconNames: IconName[];
@@ -1509,6 +1553,12 @@ export interface AuraStrings {
 	pageN: (p: number) => string;
 	accepts: (list?: string, max?: number | string) => string;
 }
+/** Built-in strings by locale. th and sv also ship as packs (`@jirawatpyk/aura-react/locales/th`, `/sv`, 5.9); in 6.0
+ * only en stays built in and a Thai or Swedish app passes its pack to AuraProvider `strings`. */
+/** A whole language for AuraProvider `strings` (5.9): every built-in label, and assignable to the prop. */
+export type AuraLocalePack = AuraStrings & {
+	[key: string]: string | ((...args: any[]) => string);
+};
 export declare const STRINGS: {
 	en: AuraStrings;
 	th: AuraStrings;

package/dist/locales/sv.cjs

@@ -0,0 +1,149 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/strings.sv.ts
+var strings_sv_exports = {};
+__export(strings_sv_exports, {
+  sv: () => sv
+});
+module.exports = __toCommonJS(strings_sv_exports);
+var nsv = function(x) {
+  return Number(x).toLocaleString("sv-SE");
+};
+var sv = {
+  close: "St\xE4ng",
+  dismiss: "St\xE4ng",
+  dismissToast: "St\xE4ng aviseringen",
+  showPassword: "Visa l\xF6senord",
+  filters: "Filter",
+  search: "S\xF6k",
+  clearFilters: "Rensa alla",
+  results: function(n) {
+    return n === 1 ? "1 tr\xE4ff" : n.toLocaleString("sv-SE") + " tr\xE4ffar";
+  },
+  commandMenu: "Kommandomeny",
+  commandPlaceholder: "Skriv ett kommando eller s\xF6k\u2026",
+  commandHint: "\u2191\u2193 flytta \xB7 Enter \xF6ppna \xB7 Esc st\xE4ng",
+  errorSummary: function(n) {
+    return n === 1 ? "R\xE4tta 1 f\xE4lt f\xF6r att forts\xE4tta" : "R\xE4tta " + n + " f\xE4lt f\xF6r att forts\xE4tta";
+  },
+  notifications: "Aviseringar",
+  mainNav: "Huvudmeny",
+  breadcrumb: "Br\xF6dsmulor",
+  navigation: "Navigering",
+  openNav: "\xD6ppna menyn",
+  collapseNav: "F\xE4ll ihop sidof\xE4ltet",
+  expandNav: "F\xE4ll ut sidof\xE4ltet",
+  searching: "S\xF6ker\u2026",
+  noMatches: "Inga tr\xE4ffar",
+  clear: function(what) {
+    return "Rensa " + (what || "urvalet");
+  },
+  keepTyping: function(total) {
+    return "Skriv mer f\xF6r att begr\xE4nsa " + nsv(total) + " alternativ";
+  },
+  sortAsc: "Sortera stigande",
+  sortDesc: "Sortera fallande",
+  pin: "F\xE4st till v\xE4nster",
+  unpin: "Lossa kolumnen",
+  moveLeft: "Flytta v\xE4nster",
+  moveRight: "Flytta h\xF6ger",
+  hideColumn: "D\xF6lj kolumnen",
+  resetColumns: "\xC5terst\xE4ll kolumner",
+  selectRows: "V\xE4lj rader",
+  selectAllRows: "V\xE4lj alla rader",
+  deselectAllRows: "Avmarkera alla rader",
+  selectAll: "V\xE4lj alla",
+  selectRow: function(k) {
+    return "V\xE4lj " + k;
+  },
+  selectedCount: function(c) {
+    return nsv(c) + " valda";
+  },
+  pinned: "F\xE4st",
+  columnOptions: function(label) {
+    return "Alternativ f\xF6r kolumnen " + label;
+  },
+  column: function(label) {
+    return label ? "Kolumnen " + label : "Kolumn";
+  },
+  columns: "Kolumner",
+  showHideColumns: "Visa eller d\xF6lj kolumner",
+  empty: "Inget h\xE4r \xE4nnu",
+  loading: "Laddar\u2026",
+  loadingRows: "Laddar rader",
+  range: function(a, b, total) {
+    return a + "\u2013" + b + " av " + nsv(total);
+  },
+  page: function(p, total) {
+    return "Sida " + p + " av " + total;
+  },
+  rangeOpen: function(a, b) {
+    return a + "\u2013" + b + " av m\xE5nga";
+  },
+  pageOpen: function(p) {
+    return "Sida " + p;
+  },
+  prevPage: "F\xF6reg\xE5ende sida",
+  nextPage: "N\xE4sta sida",
+  totals: "Summa",
+  rowCount: function(c) {
+    return nsv(c) + " rader";
+  },
+  actions: "\xC5tg\xE4rder",
+  optional: "valfritt",
+  timePlaceholder: "tt:mm",
+  timeInvalid: "Skriv en tid som 09:30",
+  timeOutOfRange: function(a, b) {
+    return "V\xE4lj en tid mellan " + a + " och " + b;
+  },
+  timeUnavailable: "Den tiden \xE4r inte ledig. V\xE4lj en annan.",
+  dropFiles: "Dra filer hit eller",
+  browse: "V\xE4lj filer",
+  browseOne: "V\xE4lj en fil",
+  remove: function(n) {
+    return "Ta bort " + n;
+  },
+  fileTooBig: function(max) {
+    return "St\xF6rre \xE4n " + max;
+  },
+  fileWrongType: "Den h\xE4r filtypen godtas inte",
+  tooManyFiles: function(n) {
+    return "H\xF6gst " + n + " filer";
+  },
+  colorScheme: "F\xE4rgl\xE4ge",
+  increase: "\xD6ka",
+  decrease: "Minska",
+  stepDone: "klart",
+  stepOf: function(i, total) {
+    return "Steg " + i + " av " + total;
+  },
+  schemeLight: "Ljust",
+  schemeDark: "M\xF6rkt",
+  schemeSystem: "System",
+  uploading: "Laddar upp\u2026",
+  images: "Bilder",
+  pagination: "Sidnumrering",
+  pageN: function(p) {
+    return "Sida " + p;
+  },
+  accepts: function(list, max) {
+    return [list, max && "h\xF6gst " + max + " per fil"].filter(Boolean).join(", ");
+  }
+};