@nxgt/material 2.7.1 → 2.9.0

package/dist/lib/components/ui/primitives/card/card.d.ts

@@ -1,7 +1,16 @@
 import { ComponentProps } from 'react';
 declare function Card({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
 declare function CardHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
-declare function CardTitle({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export type CardTitleElement = 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
+export type CardTitleProps = ComponentProps<'h3'> & {
+    /**
+     * The heading level. `'h3'` by default — a card sits under the page's
+     * `h1` and usually a section's `h2`; `'div'` for a title that is no heading.
+     */
+    as?: CardTitleElement;
+};
+/** The card's name, a heading (`h3` unless `as` says otherwise). */
+declare function CardTitle({ className, as: Title, ...props }: CardTitleProps): import("react").JSX.Element;
 declare function CardDescription({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
 declare function CardAction({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
 declare function CardContent({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;

package/dist/lib/components/ui/primitives/link/link-component.d.ts

@@ -0,0 +1,14 @@
+import { ComponentProps, ComponentType } from 'react';
+/**
+ * What a link component receives: the anchor's props plus the `href`.
+ *
+ * It must spread **every** prop it receives onto the element it renders
+ * (`className`, `aria-current`, handlers, `data-*`, ...) and forward `ref`:
+ * the styling and the current-page mark all arrive that way. React Router's
+ * `Link` takes `to`, so wrap it:
+ * `({ href, ...props }) => <Link to={href} {...props} />`.
+ */
+export type LinkComponentProps = Omit<ComponentProps<'a'>, 'href'> & {
+    href: string;
+};
+export type LinkComponent = ComponentType<LinkComponentProps>;

package/dist/lib/components/ui/primitives/tabs/partials/tabs-content.d.ts

@@ -0,0 +1,3 @@
+import { Tabs as TabsPrimitive } from 'radix-ui';
+import { ComponentProps } from 'react';
+export declare function TabsContent({ className, ...props }: ComponentProps<typeof TabsPrimitive.Content>): import("react").JSX.Element;

package/dist/lib/components/ui/primitives/tabs/partials/tabs-indicator.d.ts

@@ -0,0 +1,13 @@
+import { TabsLook } from '../tabs-classes';
+/**
+ * The bar (`underline`) or raised surface (`segmented`) that slides to the
+ * active tab. It measures that tab against its list (`offsetLeft` and
+ * `offsetWidth`, `offsetTop` and `offsetHeight` when vertical) whenever the
+ * list or a tab resizes, the active tab changes or the direction does, and
+ * writes `--tabs-indicator-x` and `--tabs-indicator-w` in a frame; then it
+ * marks the list `data-indicator="ready"`, which hides the static indicator
+ * the active tab drew until then.
+ */
+export declare function TabsIndicator({ look }: {
+    look: TabsLook;
+}): import("react").JSX.Element;

package/dist/lib/components/ui/primitives/tabs/partials/tabs-list.d.ts

@@ -0,0 +1,3 @@
+import { Tabs as TabsPrimitive } from 'radix-ui';
+import { ComponentProps } from 'react';
+export declare function TabsList({ className, children, ...props }: ComponentProps<typeof TabsPrimitive.List>): import("react").JSX.Element;

package/dist/lib/components/ui/primitives/tabs/partials/tabs-trigger.d.ts

@@ -0,0 +1,6 @@
+import { Tabs as TabsPrimitive } from 'radix-ui';
+import { ComponentProps, ReactNode } from 'react';
+export declare function TabsTrigger({ className, children, icon, ...props }: {
+    /** Shown before the label. */
+    icon?: ReactNode;
+} & ComponentProps<typeof TabsPrimitive.Trigger>): import("react").JSX.Element;

package/dist/lib/components/ui/primitives/tabs/tabs-classes.d.ts

@@ -0,0 +1,27 @@
+/** @deprecated `bar` is an alias of `underline`: write `variant="underline"`. */
+export type TabsBarAlias = 'bar';
+/** @deprecated `line` is an alias of `segmented`: write `variant="segmented"`. */
+export type TabsLineAlias = 'line';
+/**
+ * How a `Tabs` looks:
+ * - `underline` (the default): a row of tabs over a border, the active one
+ *   in the primary colour with a bar under it that slides between tabs;
+ * - `segmented`: a neutral pill track whose active tab sits on a raised
+ *   surface that slides between tabs;
+ * - `bar`: deprecated alias of `underline`;
+ * - `line`: deprecated alias of `segmented`.
+ */
+export type TabsVariant = 'underline' | 'segmented' | TabsBarAlias | TabsLineAlias;
+/** What a variant renders as, once its deprecated alias is resolved. */
+export type TabsLook = 'underline' | 'segmented';
+/** `underline` for `underline`, `bar` and nothing; `segmented` for the rest. */
+export declare function tabsLook(variant: TabsVariant | undefined): TabsLook;
+export declare const TABS_ROOT: Record<TabsLook, string>;
+export declare const TABS_LIST: Record<TabsLook, string>;
+export declare const TABS_TRIGGER: Record<TabsLook, string>;
+export declare const TABS_INDICATOR: Record<TabsLook, string>;
+/** The label beside a trigger's icon. */
+export declare const TABS_LABEL = "inline-flex items-center gap-2";
+/** The icon before a trigger's label. */
+export declare const TABS_ICON = "flex justify-center";
+export declare const TABS_CONTENT = "w-full flex-1 outline-none";

package/dist/lib/components/ui/primitives/tabs/tabs-variant.d.ts

@@ -0,0 +1,5 @@
+import { TabsLook } from './tabs-classes';
+export type { TabsVariant } from './tabs-classes';
+export declare const TabsLookContext: import('react').Context<TabsLook>;
+/** The look of the enclosing `Tabs`; `underline` outside one. */
+export declare function useTabsLook(): TabsLook;

package/dist/lib/components/ui/primitives/tabs/tabs.d.ts

@@ -1,12 +1,16 @@
 import { Tabs as TabsPrimitive } from 'radix-ui';
-import { ComponentProps, ReactNode } from 'react';
-export type TabsVariant = 'bar' | 'line';
+import { ComponentProps } from 'react';
+import { TabsContent } from './partials/tabs-content';
+import { TabsList } from './partials/tabs-list';
+import { TabsTrigger } from './partials/tabs-trigger';
+import { TabsVariant } from './tabs-classes';
+export type { TabsVariant } from './tabs-classes';
 declare function Tabs({ className, variant, ...props }: ComponentProps<typeof TabsPrimitive.Root> & {
+    /**
+     * `underline` (the default) or `segmented`, read by `TabsList` and
+     * `TabsTrigger`. `bar` (deprecated) renders as `underline`, `line`
+     * (deprecated) as `segmented`.
+     */
     variant?: TabsVariant;
 }): import("react").JSX.Element;
-declare function TabsList({ className, ...props }: ComponentProps<typeof TabsPrimitive.List>): import("react").JSX.Element;
-declare function TabsTrigger({ className, children, icon, ...props }: {
-    icon?: ReactNode;
-} & ComponentProps<typeof TabsPrimitive.Trigger>): import("react").JSX.Element;
-declare function TabsContent({ className, ...props }: ComponentProps<typeof TabsPrimitive.Content>): import("react").JSX.Element;
 export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/lib/components/ui/selection/select/select.d.ts

@@ -6,7 +6,7 @@ declare function SelectValue({ ...props }: ComponentProps<typeof SelectPrimitive
 declare function SelectTrigger({ className, size, children, ...props }: ComponentProps<typeof SelectPrimitive.Trigger> & {
     size?: 'sm' | 'default';
 }): import("react").JSX.Element;
-declare function SelectContent({ className, children, position, ...props }: ComponentProps<typeof SelectPrimitive.Content>): import("react").JSX.Element;
+declare function SelectContent({ className, children, position, ref, ...props }: ComponentProps<typeof SelectPrimitive.Content>): import("react").JSX.Element;
 declare function SelectLabel({ className, ...props }: ComponentProps<typeof SelectPrimitive.Label>): import("react").JSX.Element;
 declare function SelectItem({ className, children, ...props }: ComponentProps<typeof SelectPrimitive.Item>): import("react").JSX.Element;
 declare function SelectSeparator({ className, ...props }: ComponentProps<typeof SelectPrimitive.Separator>): import("react").JSX.Element;

package/dist/lib/components/ui/selection/select-chip-field/select-chip-field.d.ts

@@ -14,4 +14,4 @@ export type SelectChipFieldProps = {
     disabled?: boolean;
     name?: string;
 } & Omit<ComponentProps<'div'>, 'children'>;
-export declare function SelectChipField({ value, onValueChange, mode, options, className, label, error, helperText, disabled, name, ...props }: SelectChipFieldProps): import("react").JSX.Element;
+export declare function SelectChipField({ value, onValueChange, mode, options, className, label, error, helperText, disabled, name, id, 'aria-invalid': ariaInvalid, ...props }: SelectChipFieldProps): import("react").JSX.Element;

package/dist/lib/components/ui/widgets/emoji/types.d.ts

@@ -1,6 +1 @@
-export type EmojiItem = {
-    name: string;
-    emoji?: string;
-    group?: string | null;
-    shortcodes?: string[];
-};
+export type { EmojiItem } from '@nxgt/material-core/emoji-groups';

package/dist/lib/i18n/resources/en/en.d.ts

@@ -58,6 +58,20 @@ export declare const en: {
             pick: string;
             search: string;
             empty: string;
+            groups: {
+                all: string;
+                recent: string;
+                general: string;
+                people_body: string;
+                components: string;
+                animals_nature: string;
+                food_drink: string;
+                travel_places: string;
+                activities: string;
+                objects: string;
+                symbols: string;
+                flags: string;
+            };
         };
         mentions: {
             empty: string;
@@ -337,6 +351,7 @@ export declare const en: {
                 "select-all": string;
                 "select-row": string;
                 "toggle-row": string;
+                "scroll-region": string;
             };
             pagination: {
                 previous: string;
@@ -351,6 +366,7 @@ export declare const en: {
                 label: string;
                 range: string;
                 "range-open": string;
+                "range-label": string;
                 total: string;
                 selected: string;
             };
@@ -522,6 +538,10 @@ export declare const en: {
             too_small_exclusive: string;
             too_small_no_unit_inclusive: string;
             too_small_no_unit_exclusive: string;
+            too_big_string_inclusive: string;
+            too_big_string_exclusive: string;
+            too_small_string_inclusive: string;
+            too_small_string_exclusive: string;
             invalid_format: {
                 starts_with: string;
                 ends_with: string;
@@ -655,6 +675,7 @@ export declare const en: {
         copy: {
             copy: string;
             copied: string;
+            failed: string;
         };
         carousel: {
             previous: string;
@@ -803,6 +824,7 @@ export declare const en: {
         "app-shell": {
             home: string;
             "open-menu": string;
+            navigation: string;
         };
         filter: {
             title: string;
@@ -1175,6 +1197,7 @@ export declare const en: {
             today: string;
             "choose-year": string;
             "back-to-days": string;
+            selected: string;
         };
         spinner: {
             loading: string;

package/dist/lib/i18n/resources/en/material.json.d.ts

@@ -47,7 +47,21 @@ declare const _default: {
 		"picker": "Emoji",
 		"pick": "Choose an emoji",
 		"search": "Search emoji",
-		"empty": "No emoji match"
+		"empty": "No emoji match",
+		"groups": {
+			"all": "All",
+			"recent": "Recent",
+			"general": "General",
+			"people_body": "People & body",
+			"components": "Components",
+			"animals_nature": "Animals & nature",
+			"food_drink": "Food & drink",
+			"travel_places": "Travel & places",
+			"activities": "Activities",
+			"objects": "Objects",
+			"symbols": "Symbols",
+			"flags": "Flags"
+		}
 	},
 	"mentions": {
 		"empty": "No matches"
@@ -326,7 +340,8 @@ declare const _default: {
 			"no-data": "No data available",
 			"select-all": "Select all",
 			"select-row": "Select row",
-			"toggle-row": "Toggle row details"
+			"toggle-row": "Toggle row details",
+			"scroll-region": "Scrollable table"
 		},
 		"pagination": {
 			"previous": "Previous",
@@ -341,6 +356,7 @@ declare const _default: {
 			"label": "Pagination",
 			"range": "{from}–{to} of {total}",
 			"range-open": "{from}–{to}",
+			"range-label": "Rows shown",
 			"total": "{total, plural, one {# row} other {# rows}}",
 			"selected": "{count, plural, one {# row selected} other {# rows selected}}"
 		},
@@ -512,6 +528,10 @@ declare const _default: {
 		"too_small_exclusive": "This value is too small: it must be more than {minimum} {unit}.",
 		"too_small_no_unit_inclusive": "This value is too small: it must be at least {minimum}.",
 		"too_small_no_unit_exclusive": "This value is too small: it must be more than {minimum}.",
+		"too_big_string_inclusive": "Must contain at most {maximum, plural, one {# character} other {# characters}}.",
+		"too_big_string_exclusive": "Must contain fewer than {maximum, plural, one {# character} other {# characters}}.",
+		"too_small_string_inclusive": "Must contain at least {minimum, plural, one {# character} other {# characters}}.",
+		"too_small_string_exclusive": "Must contain more than {minimum, plural, one {# character} other {# characters}}.",
 		"invalid_format": {
 			"starts_with": "This text must start with \"{prefix}\".",
 			"ends_with": "This text must end with \"{suffix}\".",
@@ -644,7 +664,8 @@ declare const _default: {
 	},
 	"copy": {
 		"copy": "Copy",
-		"copied": "Copied"
+		"copied": "Copied",
+		"failed": "Copy failed"
 	},
 	"carousel": {
 		"previous": "Previous slide",
@@ -792,7 +813,8 @@ declare const _default: {
 	},
 	"app-shell": {
 		"home": "Home",
-		"open-menu": "Open menu"
+		"open-menu": "Open menu",
+		"navigation": "Navigation"
 	},
 	"filter": {
 		"title": "Filters",
@@ -1164,7 +1186,8 @@ declare const _default: {
 		"next-years": "Show next years",
 		"today": "Go to Today",
 		"choose-year": "{month}, choose year",
-		"back-to-days": "Back to day view"
+		"back-to-days": "Back to day view",
+		"selected": "Selected"
 	},
 	"spinner": {
 		"loading": "Loading..."

package/dist/lib/i18n/resources/fr/fr.d.ts

@@ -58,6 +58,20 @@ export declare const fr: {
             pick: string;
             search: string;
             empty: string;
+            groups: {
+                all: string;
+                recent: string;
+                general: string;
+                people_body: string;
+                components: string;
+                animals_nature: string;
+                food_drink: string;
+                travel_places: string;
+                activities: string;
+                objects: string;
+                symbols: string;
+                flags: string;
+            };
         };
         mentions: {
             empty: string;
@@ -337,6 +351,7 @@ export declare const fr: {
                 "select-all": string;
                 "select-row": string;
                 "toggle-row": string;
+                "scroll-region": string;
             };
             pagination: {
                 previous: string;
@@ -351,6 +366,7 @@ export declare const fr: {
                 label: string;
                 range: string;
                 "range-open": string;
+                "range-label": string;
                 total: string;
                 selected: string;
             };
@@ -522,6 +538,10 @@ export declare const fr: {
             too_small_exclusive: string;
             too_small_no_unit_inclusive: string;
             too_small_no_unit_exclusive: string;
+            too_big_string_inclusive: string;
+            too_big_string_exclusive: string;
+            too_small_string_inclusive: string;
+            too_small_string_exclusive: string;
             invalid_format: {
                 starts_with: string;
                 ends_with: string;
@@ -655,6 +675,7 @@ export declare const fr: {
         copy: {
             copy: string;
             copied: string;
+            failed: string;
         };
         carousel: {
             previous: string;
@@ -803,6 +824,7 @@ export declare const fr: {
         "app-shell": {
             home: string;
             "open-menu": string;
+            navigation: string;
         };
         filter: {
             title: string;
@@ -1175,6 +1197,7 @@ export declare const fr: {
             today: string;
             "choose-year": string;
             "back-to-days": string;
+            selected: string;
         };
         spinner: {
             loading: string;

package/dist/lib/i18n/resources/fr/material.json.d.ts

@@ -47,7 +47,21 @@ declare const _default: {
 		"picker": "Emoji",
 		"pick": "Choisir un emoji",
 		"search": "Chercher un emoji",
-		"empty": "Aucun emoji"
+		"empty": "Aucun emoji",
+		"groups": {
+			"all": "Tous",
+			"recent": "Récents",
+			"general": "Général",
+			"people_body": "Personnes et corps",
+			"components": "Composants",
+			"animals_nature": "Animaux et nature",
+			"food_drink": "Nourriture et boissons",
+			"travel_places": "Voyages et lieux",
+			"activities": "Activités",
+			"objects": "Objets",
+			"symbols": "Symboles",
+			"flags": "Drapeaux"
+		}
 	},
 	"mentions": {
 		"empty": "Aucun résultat"
@@ -326,7 +340,8 @@ declare const _default: {
 			"no-data": "Données non disponibles",
 			"select-all": "Tout sélectionner",
 			"select-row": "Sélectionner la ligne",
-			"toggle-row": "Afficher ou masquer les détails de la ligne"
+			"toggle-row": "Afficher ou masquer les détails de la ligne",
+			"scroll-region": "Tableau défilant"
 		},
 		"pagination": {
 			"previous": "Précédent",
@@ -341,6 +356,7 @@ declare const _default: {
 			"label": "Pagination",
 			"range": "{from}–{to} sur {total}",
 			"range-open": "{from}–{to}",
+			"range-label": "Lignes affichées",
 			"total": "{total, plural, one {# ligne} other {# lignes}}",
 			"selected": "{count, plural, one {# ligne sélectionnée} other {# lignes sélectionnées}}"
 		},
@@ -512,6 +528,10 @@ declare const _default: {
 		"too_small_exclusive": "Cette valeur est trop petite : elle doit être supérieure à {minimum} {unit}.",
 		"too_small_no_unit_inclusive": "Cette valeur est trop petite : elle doit être au minimum {minimum}.",
 		"too_small_no_unit_exclusive": "Cette valeur est trop petite : elle doit être supérieure à {minimum}.",
+		"too_big_string_inclusive": "Doit contenir au plus {maximum, plural, one {# caractère} other {# caractères}}.",
+		"too_big_string_exclusive": "Doit contenir moins de {maximum, plural, one {# caractère} other {# caractères}}.",
+		"too_small_string_inclusive": "Doit contenir au moins {minimum, plural, one {# caractère} other {# caractères}}.",
+		"too_small_string_exclusive": "Doit contenir plus de {minimum, plural, one {# caractère} other {# caractères}}.",
 		"invalid_format": {
 			"starts_with": "Le texte doit commencer par \"{prefix}\".",
 			"ends_with": "Le texte doit se terminer par \"{suffix}\".",
@@ -644,7 +664,8 @@ declare const _default: {
 	},
 	"copy": {
 		"copy": "Copier",
-		"copied": "Copié"
+		"copied": "Copié",
+		"failed": "Échec de la copie"
 	},
 	"carousel": {
 		"previous": "Diapositive précédente",
@@ -792,7 +813,8 @@ declare const _default: {
 	},
 	"app-shell": {
 		"home": "Accueil",
-		"open-menu": "Ouvrir le menu"
+		"open-menu": "Ouvrir le menu",
+		"navigation": "Navigation"
 	},
 	"filter": {
 		"title": "Filtres",
@@ -1164,7 +1186,8 @@ declare const _default: {
 		"next-years": "Afficher les années suivantes",
 		"today": "Aller à aujourd'hui",
 		"choose-year": "{month}, choisir l'année",
-		"back-to-days": "Retour à la vue des jours"
+		"back-to-days": "Retour à la vue des jours",
+		"selected": "Sélectionné"
 	},
 	"spinner": {
 		"loading": "Chargement..."

package/dist/lib/i18n/resources/resources.d.ts

@@ -56,6 +56,20 @@ export declare const resources: {
                 pick: string;
                 search: string;
                 empty: string;
+                groups: {
+                    all: string;
+                    recent: string;
+                    general: string;
+                    people_body: string;
+                    components: string;
+                    animals_nature: string;
+                    food_drink: string;
+                    travel_places: string;
+                    activities: string;
+                    objects: string;
+                    symbols: string;
+                    flags: string;
+                };
             };
             mentions: {
                 empty: string;
@@ -335,6 +349,7 @@ export declare const resources: {
                     "select-all": string;
                     "select-row": string;
                     "toggle-row": string;
+                    "scroll-region": string;
                 };
                 pagination: {
                     previous: string;
@@ -349,6 +364,7 @@ export declare const resources: {
                     label: string;
                     range: string;
                     "range-open": string;
+                    "range-label": string;
                     total: string;
                     selected: string;
                 };
@@ -520,6 +536,10 @@ export declare const resources: {
                 too_small_exclusive: string;
                 too_small_no_unit_inclusive: string;
                 too_small_no_unit_exclusive: string;
+                too_big_string_inclusive: string;
+                too_big_string_exclusive: string;
+                too_small_string_inclusive: string;
+                too_small_string_exclusive: string;
                 invalid_format: {
                     starts_with: string;
                     ends_with: string;
@@ -653,6 +673,7 @@ export declare const resources: {
             copy: {
                 copy: string;
                 copied: string;
+                failed: string;
             };
             carousel: {
                 previous: string;
@@ -801,6 +822,7 @@ export declare const resources: {
             "app-shell": {
                 home: string;
                 "open-menu": string;
+                navigation: string;
             };
             filter: {
                 title: string;
@@ -1173,6 +1195,7 @@ export declare const resources: {
                 today: string;
                 "choose-year": string;
                 "back-to-days": string;
+                selected: string;
             };
             spinner: {
                 loading: string;
@@ -1296,6 +1319,20 @@ export declare const resources: {
                 pick: string;
                 search: string;
                 empty: string;
+                groups: {
+                    all: string;
+                    recent: string;
+                    general: string;
+                    people_body: string;
+                    components: string;
+                    animals_nature: string;
+                    food_drink: string;
+                    travel_places: string;
+                    activities: string;
+                    objects: string;
+                    symbols: string;
+                    flags: string;
+                };
             };
             mentions: {
                 empty: string;
@@ -1575,6 +1612,7 @@ export declare const resources: {
                     "select-all": string;
                     "select-row": string;
                     "toggle-row": string;
+                    "scroll-region": string;
                 };
                 pagination: {
                     previous: string;
@@ -1589,6 +1627,7 @@ export declare const resources: {
                     label: string;
                     range: string;
                     "range-open": string;
+                    "range-label": string;
                     total: string;
                     selected: string;
                 };
@@ -1760,6 +1799,10 @@ export declare const resources: {
                 too_small_exclusive: string;
                 too_small_no_unit_inclusive: string;
                 too_small_no_unit_exclusive: string;
+                too_big_string_inclusive: string;
+                too_big_string_exclusive: string;
+                too_small_string_inclusive: string;
+                too_small_string_exclusive: string;
                 invalid_format: {
                     starts_with: string;
                     ends_with: string;
@@ -1893,6 +1936,7 @@ export declare const resources: {
             copy: {
                 copy: string;
                 copied: string;
+                failed: string;
             };
             carousel: {
                 previous: string;
@@ -2041,6 +2085,7 @@ export declare const resources: {
             "app-shell": {
                 home: string;
                 "open-menu": string;
+                navigation: string;
             };
             filter: {
                 title: string;
@@ -2413,6 +2458,7 @@ export declare const resources: {
                 today: string;
                 "choose-year": string;
                 "back-to-days": string;
+                selected: string;
             };
             spinner: {
                 loading: string;