@abyss-project/commons-front-core 6.0.0 → 7.0.0

package/dist/CookieConsentSettings.component-CE2qOlyC.js

@@ -0,0 +1,299 @@
+import { jsxs as r, Fragment as S, jsx as e } from "react/jsx-runtime";
+import { useState as b, createContext as I, useContext as P, useMemo as j, useEffect as F } from "react";
+import { useTheme as R, Paper as _, Typography as s, Link as z, Stack as f, Button as m, Box as p, Switch as E, Card as T, CardContent as L, FormControlLabel as x, Checkbox as y } from "@mui/material";
+import { b as v, l as k, D as Y, A as $, u as D } from "./AbyssModal.component-Be9980v8.js";
+const C = ({ category: i, checked: o, locked: t = !1, onChange: c }) => {
+  const n = R(), a = v();
+  return /* @__PURE__ */ r(
+    f,
+    {
+      direction: "row",
+      spacing: 2,
+      alignItems: "flex-start",
+      sx: {
+        p: 2,
+        borderRadius: "12px",
+        border: "1px solid",
+        borderColor: k(n.palette.mode).glass.border,
+        bgcolor: k(n.palette.mode).glass.background
+      },
+      children: [
+        /* @__PURE__ */ r(p, { sx: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ r(f, { direction: "row", spacing: 1, alignItems: "center", children: [
+            /* @__PURE__ */ e(s, { variant: "body2", fontWeight: 600, children: a.formatRichMessage({
+              id: `cookies.category.${i}.title`
+            }) }),
+            t && /* @__PURE__ */ e(
+              s,
+              {
+                variant: "caption",
+                sx: {
+                  px: 0.75,
+                  py: 0.125,
+                  borderRadius: "6px",
+                  color: n.palette.primary.main,
+                  border: "1px solid",
+                  borderColor: k(n.palette.mode).glass.borderHover,
+                  whiteSpace: "nowrap"
+                },
+                children: a.formatRichMessage({
+                  id: "cookies.category.essentials.always-on"
+                })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(
+            s,
+            {
+              variant: "caption",
+              color: "text.secondary",
+              sx: { display: "block", mt: 0.5 },
+              children: a.formatRichMessage({
+                id: `cookies.category.${i}.description`
+              })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          E,
+          {
+            checked: o,
+            disabled: t,
+            onChange: (d, l) => c == null ? void 0 : c(l),
+            inputProps: {
+              "aria-label": a.formatRichMessage({
+                id: `cookies.category.${i}.title`
+              })
+            }
+          }
+        )
+      ]
+    }
+  );
+}, H = ({
+  api: i
+}) => {
+  const o = R(), t = v(), { acceptAll: c, rejectAll: n, save: a } = i, [d, l] = b(!1), [h, u] = b(!1), [g, w] = b(!1), A = () => {
+    a({ analytics: h, marketing: g }), l(!1);
+  };
+  return /* @__PURE__ */ r(S, { children: [
+    /* @__PURE__ */ r(
+      _,
+      {
+        elevation: 0,
+        role: "dialog",
+        "aria-modal": !1,
+        "aria-labelledby": "cookie-consent-title",
+        "aria-describedby": "cookie-consent-description",
+        sx: {
+          position: "fixed",
+          bottom: { xs: 12, md: 24 },
+          left: { xs: 12, md: "auto" },
+          right: { xs: 12, md: 24 },
+          width: { xs: "auto", md: 420 },
+          zIndex: (W) => W.zIndex.snackbar,
+          p: { xs: 2.5, md: 3 },
+          borderRadius: "16px",
+          border: "1px solid",
+          borderColor: k(o.palette.mode).glass.border,
+          // Opaque base under the gradient: the surface gradient is translucent,
+          // and on its own it let the page text behind the card show through.
+          backgroundColor: o.palette.background.paper,
+          backgroundImage: k(o.palette.mode).gradients.surface,
+          backdropFilter: k(o.palette.mode).glass.blurStrong,
+          boxShadow: "0 16px 48px rgba(0, 0, 0, 0.45)",
+          animation: "cookie-consent-in 320ms cubic-bezier(0.16, 1, 0.3, 1)",
+          "@keyframes cookie-consent-in": {
+            from: { opacity: 0, transform: "translateY(12px)" },
+            to: { opacity: 1, transform: "translateY(0)" }
+          },
+          "@media (prefers-reduced-motion: reduce)": {
+            animation: "none"
+          }
+        },
+        children: [
+          /* @__PURE__ */ e(
+            s,
+            {
+              id: "cookie-consent-title",
+              variant: "subtitle1",
+              fontWeight: 700,
+              children: t.formatRichMessage({ id: "cookies.banner.title" })
+            }
+          ),
+          /* @__PURE__ */ e(
+            s,
+            {
+              id: "cookie-consent-description",
+              variant: "body2",
+              color: "text.secondary",
+              sx: { mt: 1 },
+              children: t.formatRichMessage({ id: "cookies.banner.description" })
+            }
+          ),
+          /* @__PURE__ */ e(
+            z,
+            {
+              href: Y,
+              rel: "noreferrer",
+              underline: "hover",
+              variant: "body2",
+              sx: {
+                display: "inline-block",
+                mt: 1.5,
+                color: o.palette.primary.main
+              },
+              children: t.formatRichMessage({ id: "cookies.banner.privacy-link" })
+            }
+          ),
+          /* @__PURE__ */ r(f, { direction: "row", spacing: 1, sx: { mt: 2.5 }, children: [
+            /* @__PURE__ */ e(m, { variant: "contained", onClick: c, sx: { flex: 1 }, children: t.formatRichMessage({ id: "cookies.action.accept-all" }) }),
+            /* @__PURE__ */ e(m, { variant: "outlined", onClick: n, sx: { flex: 1 }, children: t.formatRichMessage({ id: "cookies.action.reject-all" }) })
+          ] }),
+          /* @__PURE__ */ e(
+            m,
+            {
+              variant: "text",
+              size: "small",
+              onClick: () => l(!0),
+              sx: { mt: 1, width: "100%", color: "text.secondary" },
+              children: t.formatRichMessage({ id: "cookies.action.configure" })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(
+      $,
+      {
+        open: d,
+        onClose: () => l(!1),
+        maxWidth: "sm",
+        fullWidth: !0,
+        children: [
+          /* @__PURE__ */ e(s, { variant: "h6", fontWeight: 700, children: t.formatRichMessage({ id: "cookies.configure.title" }) }),
+          /* @__PURE__ */ r(f, { spacing: 1.5, sx: { mt: 3 }, children: [
+            /* @__PURE__ */ e(C, { category: "essentials", checked: !0, locked: !0 }),
+            /* @__PURE__ */ e(
+              C,
+              {
+                category: "analytics",
+                checked: h,
+                onChange: u
+              }
+            ),
+            /* @__PURE__ */ e(
+              C,
+              {
+                category: "marketing",
+                checked: g,
+                onChange: w
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r(
+            f,
+            {
+              direction: "row",
+              spacing: 1,
+              justifyContent: "flex-end",
+              sx: { mt: 3 },
+              children: [
+                /* @__PURE__ */ e(m, { variant: "text", onClick: () => l(!1), children: t.formatRichMessage({ id: "cookies.action.cancel" }) }),
+                /* @__PURE__ */ e(m, { variant: "contained", onClick: A, children: t.formatRichMessage({ id: "cookies.action.save" }) })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, M = I(null), O = () => {
+  const i = P(M);
+  if (!i)
+    throw new Error(
+      "useAbyssCookieConsent must be used inside <AbyssCookieConsentProvider>"
+    );
+  return i;
+}, G = ({ children: i, consentVersion: o, isAuthenticated: t, domain: c, renderBanner: n }) => {
+  const a = D({ isAuthenticated: t, consentVersion: o, domain: c }), d = j(() => a.isResolved ? null : n ? n(a) : /* @__PURE__ */ e(H, { api: a }), [a, n]);
+  return /* @__PURE__ */ r(M.Provider, { value: a, children: [
+    i,
+    d
+  ] });
+}, J = () => {
+  const i = v(), { consent: o, save: t } = O(), [c, n] = b((o == null ? void 0 : o.analytics) ?? !1), [a, d] = b((o == null ? void 0 : o.marketing) ?? !1), l = o == null ? void 0 : o.analytics, h = o == null ? void 0 : o.marketing;
+  return F(() => {
+    l !== void 0 && n(l), h !== void 0 && d(h);
+  }, [l, h]), /* @__PURE__ */ e(T, { sx: { borderRadius: 3 }, children: /* @__PURE__ */ e(L, { children: /* @__PURE__ */ r(f, { spacing: 2, children: [
+    /* @__PURE__ */ e(s, { variant: "h6", children: i.formatRichMessage({ id: "cookies.configure.title" }) }),
+    /* @__PURE__ */ e(
+      x,
+      {
+        control: /* @__PURE__ */ e(y, { checked: !0, disabled: !0 }),
+        label: /* @__PURE__ */ r(p, { children: [
+          /* @__PURE__ */ e(s, { variant: "body2", fontWeight: 600, children: i.formatRichMessage({
+            id: "cookies.category.essentials.title"
+          }) }),
+          /* @__PURE__ */ e(s, { variant: "caption", color: "text.secondary", children: i.formatRichMessage({
+            id: "cookies.category.essentials.description"
+          }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(
+      x,
+      {
+        control: /* @__PURE__ */ e(
+          y,
+          {
+            checked: c,
+            onChange: (u, g) => n(g)
+          }
+        ),
+        label: /* @__PURE__ */ r(p, { children: [
+          /* @__PURE__ */ e(s, { variant: "body2", fontWeight: 600, children: i.formatRichMessage({
+            id: "cookies.category.analytics.title"
+          }) }),
+          /* @__PURE__ */ e(s, { variant: "caption", color: "text.secondary", children: i.formatRichMessage({
+            id: "cookies.category.analytics.description"
+          }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(
+      x,
+      {
+        control: /* @__PURE__ */ e(
+          y,
+          {
+            checked: a,
+            onChange: (u, g) => d(g)
+          }
+        ),
+        label: /* @__PURE__ */ r(p, { children: [
+          /* @__PURE__ */ e(s, { variant: "body2", fontWeight: 600, children: i.formatRichMessage({
+            id: "cookies.category.marketing.title"
+          }) }),
+          /* @__PURE__ */ e(s, { variant: "caption", color: "text.secondary", children: i.formatRichMessage({
+            id: "cookies.category.marketing.description"
+          }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+      m,
+      {
+        variant: "contained",
+        onClick: () => t({ analytics: c, marketing: a }),
+        children: i.formatRichMessage({ id: "cookies.action.save" })
+      }
+    ) })
+  ] }) }) });
+};
+export {
+  G as A,
+  H as C,
+  J as a,
+  O as u
+};

package/dist/components/business/InfectedDownloadModal/InfectedDownloadModal.d.ts

@@ -0,0 +1,10 @@
+export interface InfectedDownloadModalProps {
+    open: boolean;
+    fileName: string;
+    threats: string[];
+    onCancel(): void;
+    /** Without it the modal offers no way to download the file. */
+    onDownloadAnyway?(): void;
+}
+/** Warns that a scanned file carries threats; the download stays opt-in, behind an explicit button. */
+export declare const InfectedDownloadModal: ({ open, fileName, threats, onCancel, onDownloadAnyway, }: InfectedDownloadModalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/business/index.d.ts

@@ -0,0 +1 @@
+export * from './InfectedDownloadModal/InfectedDownloadModal';

package/dist/components/data/DataTable/DataTable.d.ts

@@ -0,0 +1,8 @@
+import { DataTableProps } from './data-table.types';
+export * from './data-table.types';
+/**
+ * A data table (`.tbl`): sortable headers, selection with a bulk bar, row click and keyboard
+ * navigation. Below 768 px it becomes a two-level list built from `mobileRow`; the selection is
+ * kept and the bulk actions move into an `ActionBar`.
+ */
+export declare function DataTable<T>(props: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/data/DataTable/DataTableDesktop.d.ts

@@ -0,0 +1,6 @@
+import { DataTableProps } from './data-table.types';
+/**
+ * The table form of `DataTable`, from 768 px up. From 768 to 1199 px (next to the icon rail) the
+ * `Optional` columns are hidden.
+ */
+export declare function DataTableDesktop<T>({ columns: allColumns, rows, getRowId, density, selection, sort, onRowClick, loading, empty, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/data/DataTable/DataTableMobile.d.ts

@@ -0,0 +1,6 @@
+import { DataTableProps } from './data-table.types';
+/**
+ * The two-level list form of `DataTable` below 768 px (`.mli`): the selection stays, and the bulk
+ * actions move into an `ActionBar` at the bottom of the screen.
+ */
+export declare function DataTableMobile<T>({ rows, getRowId, selection, onRowClick, loading, empty, mobileRow, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/data/DataTable/data-table.types.d.ts

@@ -0,0 +1,67 @@
+import { ReactNode } from 'react';
+import { Density } from '../../../theme/augmentation';
+import { ActionBarAction } from '../../mobile';
+export declare enum ColumnAlign {
+    Left = "left",
+    Right = "right"
+}
+/** Which columns stay on a tablet (768 to 1199 px): `Optional` ones are hidden there. */
+export declare enum ColumnPriority {
+    Essential = "essential",
+    Default = "default",
+    Optional = "optional"
+}
+export interface DataColumn<T> {
+    id: string;
+    header: string;
+    cell(row: T): ReactNode;
+    /**
+     * The full text of the cell, shown as its `title` (the cell is cut by an ellipsis). Defaults to
+     * the content of `cell(row)` when that is a string; any column whose rendering can be cut and
+     * is not a plain string must provide it.
+     */
+    text?(row: T): string;
+    /** Column width (`120`, `'20%'`); the columns without one share the rest. */
+    width?: number | string;
+    align?: ColumnAlign;
+    sortable?: boolean;
+    /** Sets the cells in the mono family (amounts, identifiers, dates). */
+    mono?: boolean;
+    /** `Default` when absent; an `Optional` column is hidden from 768 to 1199 px. */
+    priority?: ColumnPriority;
+}
+export interface DataTableSelection {
+    selected: string[];
+    onChange(ids: string[]): void;
+    /** Buttons of the bulk bar above the table, and of the `ActionBar` below 768 px. */
+    bulkActions: ActionBarAction[];
+}
+export declare enum SortDirection {
+    Asc = "asc",
+    Desc = "desc"
+}
+export interface DataTableSort {
+    columnId: string;
+    direction: SortDirection;
+    onChange(columnId: string): void;
+}
+export interface DataTableMobileRow<T> {
+    primary(row: T): ReactNode;
+    secondary(row: T): ReactNode;
+    trailing?(row: T): ReactNode;
+}
+export interface DataTableProps<T> {
+    columns: DataColumn<T>[];
+    rows: T[];
+    getRowId(row: T): string;
+    /** Row height; the theme density by default. */
+    density?: Density;
+    selection?: DataTableSelection;
+    sort?: DataTableSort;
+    onRowClick?(row: T): void;
+    loading: boolean;
+    /** Shown in place of the rows when there is none and nothing loads. */
+    empty: ReactNode;
+    /** The two-level item that replaces a row below 768 px. */
+    mobileRow: DataTableMobileRow<T>;
+}

package/dist/components/data/DataTable/use-row-navigation.d.ts

@@ -0,0 +1,17 @@
+import { KeyboardEvent } from 'react';
+import { DataTableProps } from './data-table.types';
+export interface RowNavigation<T> {
+    /** `0` on the row that holds the single tab stop of the body, `-1` on the others. */
+    tabIndexOf(index: number): 0 | -1;
+    isSelected(row: T): boolean;
+    toggle(row: T): void;
+    register(index: number): (element: HTMLElement | null) => void;
+    onFocus(index: number): void;
+    onKeyDown(event: KeyboardEvent<HTMLElement>, index: number, row: T): void;
+}
+/**
+ * Selection and keyboard model shared by the table and the mobile list: one tab stop on the rows
+ * (roving tabindex), arrows, Home and End move between rows, Space toggles the selection, Enter
+ * opens the row. Keys pressed on an element inside the row are left to that element.
+ */
+export declare const useRowNavigation: <T>({ rows, getRowId, selection, onRowClick, }: Pick<DataTableProps<T>, "rows" | "getRowId" | "selection" | "onRowClick">) => RowNavigation<T>;

package/dist/components/data/KeyValueList/KeyValueList.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface KeyValueItem {
+    id: string;
+    label: string;
+    value: ReactNode;
+    /** Sets the value in the mono family (amounts, identifiers, dates). */
+    mono?: boolean;
+}
+export interface KeyValueListProps {
+    items: KeyValueItem[];
+}
+/** Label and value pairs of a detail panel (`.kv`): label muted on the left, value on the right. */
+export declare function KeyValueList({ items }: KeyValueListProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/data/Sparkline/Sparkline.d.ts

@@ -0,0 +1,15 @@
+import { SemanticToken } from '../../../theme/tokens/semantic';
+export interface SparklineProps {
+    values: number[];
+    /** Color of the bars at or above zero (`accent` by default); bars below zero take `status.danger`. */
+    tone?: SemanticToken;
+    /** Height in px; `space[7]` (32) by default. */
+    height?: number;
+    /** Accessible name: what the series shows. */
+    label: string;
+}
+/**
+ * A small bar series (`.spark`) drawn in SVG: one bar per value from a zero baseline, so a
+ * negative value hangs below it. Stretches to the width of its container.
+ */
+export declare function Sparkline({ values, tone, height, label, }: SparklineProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/data/StatTile/StatTile.d.ts

@@ -0,0 +1,21 @@
+import { SemanticToken } from '../../../theme/tokens/semantic';
+export interface StatTileDelta {
+    /** Already formatted by the host (`+12 %`, `− 3`). */
+    value: string;
+    tone: SemanticToken;
+}
+export interface StatTileProps {
+    label: string;
+    /** Already formatted by the host (`intl.formatNumber`). */
+    value: string;
+    unit?: string;
+    delta?: StatTileDelta;
+    trend?: number[];
+    /** Route inside the app: the whole tile becomes a link. */
+    href?: string;
+}
+/**
+ * One key figure (`.kpi`): label, figure in mono with its unit, a colored delta and an optional
+ * trend. With `href`, the whole tile is a router link.
+ */
+export declare function StatTile({ label, value, unit, delta, trend, href, }: StatTileProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/data/chart-theme.d.ts

@@ -0,0 +1,7 @@
+import { ThemeMode } from '../../theme/tokens/primitives';
+/**
+ * The Nivo chart theme of the design system for `mode`. Every color comes from `resolveTokens(mode)`
+ * and every chart figure is set in the mono family. Typed as a plain record: the core does not bind
+ * its public surface to a Nivo version (hosts run 0.88 and 0.99); pass it to the `theme` prop.
+ */
+export declare function abyssNivoTheme(mode: ThemeMode): Record<string, unknown>;

package/dist/components/data/index.d.ts

@@ -0,0 +1,5 @@
+export * from './DataTable/DataTable';
+export * from './KeyValueList/KeyValueList';
+export * from './StatTile/StatTile';
+export * from './Sparkline/Sparkline';
+export * from './chart-theme';

package/dist/components/index.d.ts

@@ -1,20 +1,8 @@
-export * from './Avatars';
-export * from './Banking';
-export * from './Cards';
-export * from './Charts';
-export * from './Chips';
-export * from './CommandPalette';
-export * from './CompanySearchAutocomplete';
-export * from './CookieConsent';
-export * from './Data';
-export * from './InfoBox';
-export * from './Inputs';
-export * from './Layouts';
-export * from './Modals';
-export * from './Utils';
-export * from './Support';
-export * from './Invitations';
-export * from './PdfEditor';
-export * from './QuotaGauge';
-export * from './QuotaOffer';
-export * from './QuotaReached';
+export * from './business';
+export * from './data';
+export * from './inputs';
+export * from './layers';
+export * from './meaning';
+export * from './mobile';
+export * from './states';
+export * from './structure';

package/dist/components/inputs/ColorField/ColorField.d.ts

@@ -0,0 +1,15 @@
+export interface ColorFieldProps {
+    label: string;
+    value: string;
+    onChange(hex: string): void;
+    /** Colors offered as one-click choices. They belong to the caller's domain, not to the core. */
+    swatches: string[];
+}
+/** `#rrggbb` or `rrggbb` as lowercase `#rrggbb`; `null` when it is not a 6-digit hexadecimal. */
+export declare const normalizeHex: (input: string) => string | null;
+/**
+ * A color input: a hexadecimal text field with a preview, plus the caller's swatches. Typing
+ * emits `onChange` once the text is a valid `#rrggbb` (the `#` is optional, the case is normalized); any
+ * other text shows a message and emits nothing. The swatches are toggle buttons in a labelled group.
+ */
+export declare function ColorField({ label, value, onChange, swatches, }: ColorFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/DateField/DateField.d.ts

@@ -0,0 +1,14 @@
+export interface DateFieldProps {
+    label: string;
+    value: Date | null;
+    onChange(date: Date | null): void;
+    minDate?: Date;
+    maxDate?: Date;
+    error?: string;
+}
+/**
+ * A date input with its calendar. The label sits above the field (theme override of the input
+ * label). `onChange` only receives a complete date inside `minDate`..`maxDate`, or `null` when the
+ * field is emptied; a half-typed or out-of-range date shows a message and is not emitted.
+ */
+export declare function DateField({ label, value, onChange, minDate, maxDate, error, }: DateFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/DateRangeField/DateRangeField.d.ts

@@ -0,0 +1,24 @@
+export interface DateRange {
+    from: Date | null;
+    to: Date | null;
+}
+export interface DateRangePreset {
+    id: string;
+    label: string;
+    range(): {
+        from: Date;
+        to: Date;
+    };
+}
+export interface DateRangeFieldProps {
+    label: string;
+    value: DateRange;
+    onChange(value: DateRange): void;
+    presets?: DateRangePreset[];
+}
+/**
+ * A period input: a start date, an end date and optional presets. A range whose end comes before
+ * its start is refused with a message and is never emitted; the calendars also disable the dates
+ * that would make it.
+ */
+export declare function DateRangeField({ label, value, onChange, presets, }: DateRangeFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/RichSelect/RichSelect.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { SemanticToken } from '../../../theme/tokens/semantic';
+import { RichSelectSize } from './rich-select-size';
+export { RichSelectSize };
+export interface RichOption<V extends string> {
+    value: V;
+    label: string;
+    description?: string;
+    icon?: ReactNode;
+    tone?: SemanticToken;
+}
+export interface RichSelectProps<V extends string> {
+    label: string;
+    options: RichOption<V>[];
+    value: V | V[];
+    onChange(value: V | V[]): void;
+    multiple?: boolean;
+    disabled?: boolean;
+    error?: string;
+    /**
+     * `Compact` hides the label visually (it still names the field) and sizes the field to its
+     * content, for a filter row. Defaults to the size `FilterBar` provides, else `Medium`.
+     */
+    size?: RichSelectSize;
+}
+/**
+ * A select whose options carry an icon, a tone dot and a description (`.sel`). The listbox is the
+ * one of MUI `Select`: Enter, Space and the arrow keys open it, the arrows move, Enter or Space
+ * picks, Escape closes it.
+ */
+export declare function RichSelect<V extends string>({ label, options, value, onChange, multiple, disabled, error, size, }: RichSelectProps<V>): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/RichSelect/rich-select-size.d.ts

@@ -0,0 +1,11 @@
+import { Context } from 'react';
+/** How a `RichSelect` is drawn: label above the control, or label hidden (a filter row). */
+export declare enum RichSelectSize {
+    Medium = "medium",
+    Compact = "compact"
+}
+/**
+ * Size taken by the `RichSelect`s that do not set one: `FilterBar` provides `Compact` to its inline
+ * filters, so they line up with the search field.
+ */
+export declare const RichSelectSizeContext: Context<RichSelectSize>;

package/dist/components/inputs/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,17 @@
+export interface SegmentedOption<V extends string> {
+    value: V;
+    label: string;
+    count?: number;
+}
+export interface SegmentedControlProps<V extends string> {
+    options: SegmentedOption<V>[];
+    value: V;
+    onChange(value: V): void;
+    ariaLabel: string;
+}
+/**
+ * A segmented choice (`.seg`): one option is selected at a time. A `radiogroup` with a roving tab
+ * stop: Tab enters on the selected option, arrow keys move the selection (wrapping), Home and End
+ * jump to the ends.
+ */
+export declare function SegmentedControl<V extends string>({ options, value, onChange, ariaLabel, }: SegmentedControlProps<V>): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/date-localization.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+/**
+ * The calendar popup of the date fields: a floating layer, bordered and lifted by the `overlay`
+ * elevation, so it stands out from the canvas in light mode too.
+ */
+export declare const calendarPaperSx: SxProps<Theme>;
+/**
+ * Wraps the date pickers of the design system: date-fns adapter (the one every app and the legacy
+ * pickers of the core already use), the locale of the viewer and the French or English labels of the
+ * calendar, taken from the core translations.
+ */
+export declare function DatesProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/** A date the pickers can hold: never an `Invalid Date` that comes from a half-typed field. */
+export declare const isCompleteDate: (date: Date | null) => date is Date;

package/dist/components/inputs/index.d.ts

@@ -0,0 +1,5 @@
+export * from './RichSelect/RichSelect';
+export * from './DateField/DateField';
+export * from './DateRangeField/DateRangeField';
+export * from './ColorField/ColorField';
+export * from './SegmentedControl/SegmentedControl';