laif-ds 0.2.63 → 0.2.64

package/dist/components/ui/tables/data-table/data-table.js

@@ -1,21 +1,21 @@
 "use client";
 import { jsx as c, jsxs as ie } from "react/jsx-runtime";
-import { useReactTable as nt } from "../../../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { cn as ot } from "../../../../lib/utils.js";
-import { useRef as f, useState as u, useEffect as H, useMemo as F } from "react";
-import { Button as at } from "../../button.js";
+import { useReactTable as at } from "../../../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { cn as it } from "../../../../lib/utils.js";
+import { useRef as f, useState as d, useEffect as H, useMemo as F } from "react";
+import { Button as st } from "../../button.js";
 import { Checkbox as ye } from "../../checkbox.js";
-import { DataTableBody as it } from "./components/data-table-body.js";
-import { DataTableColumnVisibility as st } from "./components/data-table-column-visibility.js";
-import { DataTableFilters as lt } from "./components/data-table-filters.js";
-import { DataTablePaginationComponent as ct } from "./components/data-table-pagination.js";
-import { DataTableSearchbar as ut } from "./components/data-table-searchbar.js";
-import { DataTableSortingComponent as dt } from "./components/data-table-sorting.js";
-import { applySearchFilterToRow as we, debounce as gt, buildSearchFilter as mt, updatePageSizeFromContainer as pt, createDefaultAdvancedFilter as ft, createBadgeFilterFromHeader as ht } from "./data-table.service.js";
-import { DataTableActionsComponent as St } from "./components/data-table-actions.js";
-import { defaultDataTableI18n as bt } from "./data-table-i18n.js";
-import { getPaginationRowModel as vt, getFilteredRowModel as Ft, getSortedRowModel as Ct, getCoreRowModel as xt } from "../../../../node_modules/@tanstack/table-core/build/lib/index.js";
-function Vt({
+import { DataTableBody as lt } from "./components/data-table-body.js";
+import { DataTableColumnVisibility as ct } from "./components/data-table-column-visibility.js";
+import { DataTableFilters as dt } from "./components/data-table-filters.js";
+import { DataTablePaginationComponent as ut } from "./components/data-table-pagination.js";
+import { DataTableSearchbar as gt } from "./components/data-table-searchbar.js";
+import { DataTableSortingComponent as mt } from "./components/data-table-sorting.js";
+import { applySearchFilterToRow as we, debounce as pt, buildSearchFilter as ft, updatePageSizeFromContainer as ht, createDefaultAdvancedFilter as St, createBadgeFilterFromHeader as bt } from "./data-table.service.js";
+import { DataTableActionsComponent as vt } from "./components/data-table-actions.js";
+import { defaultDataTableI18n as Ft } from "./data-table-i18n.js";
+import { getPaginationRowModel as Ct, getFilteredRowModel as xt, getSortedRowModel as yt, getCoreRowModel as wt } from "../../../../node_modules/@tanstack/table-core/build/lib/index.js";
+function Pt({
   columns: Y,
   data: j,
   loading: z = !1,
@@ -30,18 +30,21 @@ function Vt({
   customComponentsRight: Be,
   hidePagination: _e = !1,
   hideActionsRow: Me = !1,
-  i18n: h = bt,
+  i18n: h = Ft,
   maxSortedColumns: le = 2,
-  initialState: d,
+  initialState: u,
   // New mode-based API
   serverMode: He = !1,
   serverConfig: Ne,
-  disableAutoPageSize: b = !1
+  disableAutoPageSize: b = !1,
+  // Test & Accessibility
+  id: Oe,
+  "data-testid": Le
 }) {
   const q = f(null), a = He === !0, g = a ? Ne : void 0, ce = (e) => !e || !e.sort_by || !e.sort_order ? [] : e.sort_by.map((t, o) => ({
     id: t,
     desc: e.sort_order[o] === "desc"
-  })), Oe = (e) => {
+  })), Ge = (e) => {
     const t = ce(e?.sorting), o = {
       sort_by: t.map((s) => s.id),
       sort_order: t.map((s) => s.desc ? "desc" : "asc")
@@ -51,13 +54,13 @@ function Vt({
       computedFilter: e?.computedFilter
       // Use provided value or undefined
     };
-  }, [N, Le] = u(() => ce(d?.sorting)), [Ge] = u([]), [ke, Ae] = u(
-    () => d?.columnVisibility ?? {}
-  ), [m, Ve] = u(() => d?.filters?.searchbarFilter), [K, O] = u(() => d?.pagination ?? { pageIndex: 0, pageSize: 10 }), ue = f(g);
-  ue.current = g;
+  }, [N, ke] = d(() => ce(u?.sorting)), [Ae] = d([]), [Ve, je] = d(
+    () => u?.columnVisibility ?? {}
+  ), [m, Pe] = d(() => u?.filters?.searchbarFilter), [K, O] = d(() => u?.pagination ?? { pageIndex: 0, pageSize: 10 }), de = f(g);
+  de.current = g;
   const E = f(g?.onStateChange);
   E.current = g?.onStateChange;
-  const W = f(null), D = f(null), je = f(0), de = f(!1), ge = f(null), J = f({}), me = f(null), $ = f(z);
+  const W = f(null), D = f(null), qe = f(0), ue = f(!1), ge = f(null), J = f({}), me = f(null), $ = f(z);
   $.current = z;
   const L = (e) => {
     e.computedFilter && (J.current.computedFilter = e.computedFilter), e.computedSorting && (J.current.computedSorting = e.computedSorting);
@@ -68,31 +71,31 @@ function Vt({
       computedSorting: e.computedSorting || J.current.computedSorting
     };
     W.current = t, D.current && clearTimeout(D.current), D.current = setTimeout(() => {
-      W.current && E.current && (je.current = Date.now(), E.current(W.current), W.current = null, D.current = null);
+      W.current && E.current && (qe.current = Date.now(), E.current(W.current), W.current = null, D.current = null);
     }, 400);
   };
   H(() => {
     const e = setTimeout(() => {
-      de.current = !0;
+      ue.current = !0;
     }, 100);
     return () => {
       clearTimeout(e), D.current && clearTimeout(D.current);
     };
   }, []);
-  const [r, G] = u(() => {
-    const { computedSorting: e, computedFilter: t } = Oe(d);
+  const [r, G] = d(() => {
+    const { computedSorting: e, computedFilter: t } = Ge(u);
     return {
-      pagination: d?.pagination ?? { pageIndex: 0, pageSize: 10 },
-      sorting: d?.sorting,
-      filters: d?.filters,
-      computedFilter: d?.computedFilter ?? t,
-      computedSorting: d?.computedSorting ?? e
+      pagination: u?.pagination ?? { pageIndex: 0, pageSize: 10 },
+      sorting: u?.sorting,
+      filters: u?.filters,
+      computedFilter: u?.computedFilter ?? t,
+      computedSorting: u?.computedSorting ?? e
     };
   });
   a && !g && console.warn("DataTable: Server mode requires serverConfig");
-  const [Pe, pe] = u(0), [qe, fe] = u(0), [Ke, Ee] = u({}), he = se ? Te : Ke, We = se || Ee, [C, ee] = u(
-    () => d?.filters?.filterBadges ?? []
-  ), [x, te] = u(() => d?.filters?.advancedFilterBadge), [U, Je] = u(""), [Se, be] = u([]), ve = F(() => P ? [
+  const [Ke, pe] = d(0), [Ee, fe] = d(0), [We, Je] = d({}), he = se ? Te : We, Ue = se || Je, [C, ee] = d(
+    () => u?.filters?.filterBadges ?? []
+  ), [x, te] = d(() => u?.filters?.advancedFilterBadge), [U, Xe] = d(""), [Se, be] = d([]), ve = F(() => P ? [
     {
       id: "data-table-integrated-checkbox-column",
       size: 24,
@@ -149,7 +152,7 @@ function Vt({
     if (e.id) return e.id;
     if ("accessorKey" in e && typeof e.accessorKey == "string")
       return e.accessorKey;
-  }, Ue = (e) => {
+  }, Qe = (e) => {
     const t = e.meta?.headerLabel;
     return t || (typeof e.header == "string" ? e.header : X(e) ?? "-");
   };
@@ -157,23 +160,23 @@ function Vt({
     const e = (I ?? []).map(X).filter((l) => !!l), t = new Set(Se), o = new Set(e);
     t.size === o.size && [...t].every((l) => o.has(l)) || be(e);
   }, [I]);
-  const B = F(() => I.filter((e) => !!e.meta?.searchable), [I]), T = F(() => B.map((e) => "accessorKey" in e && typeof e.accessorKey == "string" ? e.accessorKey : e.id).filter((e) => !!e), [B]), [Q, Xe] = u(() => d?.computedFilter ?? {}), Qe = {
+  const B = F(() => I.filter((e) => !!e.meta?.searchable), [I]), T = F(() => B.map((e) => "accessorKey" in e && typeof e.accessorKey == "string" ? e.accessorKey : e.id).filter((e) => !!e), [B]), [Q, Ye] = d(() => u?.computedFilter ?? {}), Ze = {
     data: F(() => a || Object.keys(Q).length === 0 ? j : j.filter((e) => we({
       original: e,
       getValue: (o) => e[o]
     }, Q)), [j, Q, a]),
     columns: I,
-    getCoreRowModel: xt(),
+    getCoreRowModel: wt(),
     onSortingChange: (e) => {
       const t = typeof e == "function" ? e(N) : e;
-      Le(t);
+      ke(t);
     },
-    getSortedRowModel: Ct(),
+    getSortedRowModel: yt(),
     manualSorting: a,
-    onColumnVisibilityChange: Ae,
-    onRowSelectionChange: We,
+    onColumnVisibilityChange: je,
+    onRowSelectionChange: Ue,
     onColumnOrderChange: be,
-    getFilteredRowModel: Ft(),
+    getFilteredRowModel: xt(),
     manualFiltering: a,
     globalFilterFn: (e, t, o) => a || !o ? !0 : (T ?? []).some((s) => {
       const l = e.getValue(s);
@@ -211,13 +214,13 @@ function Vt({
           } : e
         );
     },
-    getPaginationRowModel: vt(),
+    getPaginationRowModel: Ct(),
     manualPagination: a,
-    pageCount: a && z ? qe : Pe,
+    pageCount: a && z ? Ee : Ke,
     state: {
       sorting: N,
-      columnFilters: Ge,
-      columnVisibility: ke,
+      columnFilters: Ae,
+      columnVisibility: Ve,
       rowSelection: he,
       globalFilter: m,
       pagination: a ? r.pagination : K,
@@ -225,7 +228,7 @@ function Vt({
     },
     // Prevent implicit resets on data/columns changes so filters/sorting persist
     autoResetPageIndex: !1
-  }, i = nt(Qe), re = i.getFilteredRowModel();
+  }, i = at(Ze), re = i.getFilteredRowModel();
   H(() => {
     if (a && g) {
       const e = Math.ceil(
@@ -257,11 +260,11 @@ function Vt({
       ), w = _?.getBoundingClientRect().height ?? 40;
       if (!!!n?.querySelector("td")) return;
       const A = n?.getBoundingClientRect().height ?? 32.5;
-      pt(y, {
+      ht(y, {
         rowHeight: A,
         headerHeight: w,
         onPageChange: a ? (R, v) => {
-          if (g && de.current) {
+          if (g && ue.current) {
             const S = b ? {
               ...r.pagination,
               pageIndex: R
@@ -316,7 +319,7 @@ function Vt({
             );
         }
       });
-    }, t = gt(() => {
+    }, t = pt(() => {
       requestAnimationFrame(() => {
         e();
       });
@@ -349,24 +352,24 @@ function Vt({
       Z(e);
     }
   }, [i, Z, P, he]);
-  const Ye = F(() => {
+  const $e = F(() => {
     const e = i.getHeaderGroups()[0], t = e ? e.headers : [];
     return (i.getState().sorting || []).map((l) => t.find((p) => p.column.id === l.id)).filter(Boolean);
   }, [
     i.getHeaderGroups,
     i.getState().sorting,
     I
-  ]), ne = F(() => i.getHeaderGroups()[0].headers.filter((e) => e.column.columnDef.meta?.sortable), [i.getHeaderGroups, I]), k = F(() => i.getHeaderGroups()[0].headers.filter((e) => e.column.columnDef.meta?.filterable), [i.getHeaderGroups, I]), Ze = F(() => U ? k.filter((e) => (e.column.columnDef.meta?.headerLabel ?? (typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : void 0) ?? e.column.id).toLowerCase().includes(U.toLowerCase())) : k, [k, U]), Fe = (e) => {
-    ee((t) => [...t, ht(e)]);
-  }, $e = () => {
-    te(ft());
-  }, et = F(() => C.sort((e, t) => e.value === void 0 || e.value === "" ? 1 : t.value === void 0 || t.value === "" ? -1 : 1), [C]), Ce = f({
+  ]), ne = F(() => i.getHeaderGroups()[0].headers.filter((e) => e.column.columnDef.meta?.sortable), [i.getHeaderGroups, I]), k = F(() => i.getHeaderGroups()[0].headers.filter((e) => e.column.columnDef.meta?.filterable), [i.getHeaderGroups, I]), et = F(() => U ? k.filter((e) => (e.column.columnDef.meta?.headerLabel ?? (typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : void 0) ?? e.column.id).toLowerCase().includes(U.toLowerCase())) : k, [k, U]), Fe = (e) => {
+    ee((t) => [...t, bt(e)]);
+  }, tt = () => {
+    te(St());
+  }, rt = F(() => C.sort((e, t) => e.value === void 0 || e.value === "" ? 1 : t.value === void 0 || t.value === "" ? -1 : 1), [C]), Ce = f({
     filterBadges: [],
     advancedFilterBadge: void 0,
     searchbarGlobalFilter: void 0
   });
   H(() => {
-    const e = mt(
+    const e = ft(
       C,
       x ?? void 0
     ), t = m && T.length > 0 ? T.length === 1 ? (() => {
@@ -413,8 +416,8 @@ function Vt({
       advancedFilterBadge: x ? { ...x } : void 0,
       searchbarGlobalFilter: m
     };
-    const _ = ue.current;
-    if (Xe(s), a && E.current && _) {
+    const _ = de.current;
+    if (Ye(s), a && E.current && _) {
       const n = {
         ...r,
         computedFilter: s,
@@ -453,11 +456,13 @@ function Vt({
     N,
     a
   ]);
-  const xe = i.getAllLeafColumns(), tt = xe.filter((e) => e.getIsVisible()), rt = xe.filter((e) => !e.getIsVisible());
+  const xe = i.getAllLeafColumns(), nt = xe.filter((e) => e.getIsVisible()), ot = xe.filter((e) => !e.getIsVisible());
   return /* @__PURE__ */ ie(
     "div",
     {
-      className: ot(
+      id: Oe,
+      "data-testid": Le,
+      className: it(
         "flex h-full max-h-full min-h-[250px] w-full max-w-full min-w-0 flex-col gap-2",
         Ie
       ),
@@ -465,10 +470,10 @@ function Vt({
         !Me && /* @__PURE__ */ ie("div", { className: "flex w-full items-center justify-between gap-1", children: [
           /* @__PURE__ */ ie("div", { className: "flex min-w-0 flex-1 items-center gap-1 overflow-x-auto", children: [
             ne.length > 0 && /* @__PURE__ */ c(
-              dt,
+              mt,
               {
                 table: i,
-                sortedColumns: Ye,
+                sortedColumns: $e,
                 sortableColumns: ne,
                 i18n: h,
                 maxSortedColumns: le
@@ -477,18 +482,18 @@ function Vt({
             ne.length > 0 && k.length > 0 && /* @__PURE__ */ c("div", { className: "border-d-border h-4 min-h-4 w-[1px] border-r" }),
             De,
             /* @__PURE__ */ c(
-              lt,
+              dt,
               {
                 advancedFilterBadge: x,
                 setAdvancedFilterBadge: te,
                 filterableColumns: k,
-                sortedFilterBadges: et,
+                sortedFilterBadges: rt,
                 setFilterBadges: ee,
                 filterSearch: U,
-                setFilterSearch: Je,
-                filteredColumns: Ze,
+                setFilterSearch: Xe,
+                filteredColumns: et,
                 handleAddFilter: Fe,
-                handleAddAdvancedFilter: $e,
+                handleAddAdvancedFilter: tt,
                 i18n: h
               }
             )
@@ -496,7 +501,7 @@ function Vt({
           /* @__PURE__ */ c("div", { className: "border-d-border h-4 min-h-4 w-[1px] border-r" }),
           Be,
           (C.length || x) && /* @__PURE__ */ c(
-            at,
+            st,
             {
               className: "h-6 text-xs",
               iconLeft: "FunnelX",
@@ -509,30 +514,30 @@ function Vt({
             }
           ),
           T.length > 0 && /* @__PURE__ */ c(
-            ut,
+            gt,
             {
               debounceMs: 300,
-              onSearch: Ve,
+              onSearch: Pe,
               i18n: h,
               initialValue: m ?? "",
               searchableColumnsHeaders: B.map(
-                (e) => Ue(e)
+                (e) => Qe(e)
               )
             }
           ),
           /* @__PURE__ */ c(
-            st,
+            ct,
             {
               table: i,
-              visibleColumns: tt,
-              hiddenColumns: rt,
+              visibleColumns: nt,
+              hiddenColumns: ot,
               i18n: h
             }
           ),
-          /* @__PURE__ */ c(St, { actions: ze, i18n: h })
+          /* @__PURE__ */ c(vt, { actions: ze, i18n: h })
         ] }),
         /* @__PURE__ */ c(
-          it,
+          lt,
           {
             table: i,
             tableContainerRef: q,
@@ -550,7 +555,7 @@ function Vt({
           }
         ),
         !_e && /* @__PURE__ */ c(
-          ct,
+          ut,
           {
             table: i,
             isServerSide: a,
@@ -568,5 +573,5 @@ function Vt({
   );
 }
 export {
-  Vt as DataTable
+  Pt as DataTable
 };

package/dist/index.d.ts

@@ -269,7 +269,7 @@ export declare interface AppMultipleSelectOption {
     disabled?: boolean;
 }
 
-export declare function AppRadioGroup({ options, value, defaultValue, onValueChange, label, description, disabled, required, name, orientation, loop, className, wrpClassName, optionClassName, layout, error, }: AppRadioGroupProps): JSX.Element;
+export declare function AppRadioGroup({ options, value, defaultValue, onValueChange, label, description, disabled, required, name, orientation, loop, className, wrpClassName, optionClassName, layout, error, id, "data-testid": dataTestId, }: AppRadioGroupProps): JSX.Element;
 
 export declare interface AppRadioGroupOption {
     value: string;
@@ -296,6 +296,8 @@ export declare interface AppRadioGroupProps {
     optionClassName?: string;
     layout?: "default" | "card";
     error?: string;
+    id?: string;
+    "data-testid"?: string;
 }
 
 export declare function AppSelect(props: AppSelectProps): JSX.Element;
@@ -331,9 +333,10 @@ export declare interface AppStep {
     completed?: boolean;
     disabled?: boolean;
     loading?: boolean;
+    "data-testid"?: string;
 }
 
-export declare function AppStepper({ steps, align, size, showSeparators, defaultStep, allowStepNavigation, allowClickOnlyCompleted, onStepClick, indicators, ...stepperProps }: AppStepperProps): JSX.Element;
+export declare function AppStepper({ steps, align, size, showSeparators, defaultStep, allowStepNavigation, allowClickOnlyCompleted, onStepClick, indicators, id, "data-testid": dataTestId, ...stepperProps }: AppStepperProps): JSX.Element;
 
 export declare interface AppStepperProps extends Omit<StepperProps, "children"> {
     steps: AppStep[];
@@ -345,6 +348,8 @@ export declare interface AppStepperProps extends Omit<StepperProps, "children">
     allowClickOnlyCompleted?: boolean;
     onStepClick?: (step: AppStep, index: number) => void;
     indicators?: StepIndicators;
+    id?: string;
+    "data-testid"?: string;
 }
 
 export declare function AppTooltip({ content, children, label, labelClassName, header, variant, triggerVariant, size, className, wrpClassName, contentClassName, side, align, sideOffset, matchTriggerWidth, delayDuration, disabled, asChild, }: AppTooltipProps): JSX.Element;
@@ -398,7 +403,7 @@ export declare function AspectRatio({ ...props }: AspectRatioProps): JSX.Element
 
 declare type AspectRatioProps = React.ComponentProps<typeof AspectRatioPrimitive.Root>;
 
-export declare function AsyncSelect<T = Option_2>({ fetcher, initialOptions, debounce, renderOptionItem, resolveOptionValue, renderSelectedValue, notFound, label, placeholder, value, onChange, disabled, className, wrpClassName, noResultsMessage, clearable, multiple, size, }: AsyncSelectProps<T>): JSX.Element;
+export declare function AsyncSelect<T = Option_2>({ fetcher, initialOptions, debounce, renderOptionItem, resolveOptionValue, renderSelectedValue, notFound, label, placeholder, value, onChange, disabled, className, wrpClassName, noResultsMessage, clearable, multiple, size, id, "data-testid": dataTestId, }: AsyncSelectProps<T>): JSX.Element;
 
 declare interface AsyncSelectMultipleProps<T> extends VariantProps<typeof selectTriggerVariants> {
     multiple: boolean;
@@ -418,6 +423,8 @@ declare interface AsyncSelectMultipleProps<T> extends VariantProps<typeof select
     wrpClassName?: string;
     noResultsMessage?: string;
     clearable?: boolean;
+    id?: string;
+    "data-testid"?: string;
 }
 
 declare type AsyncSelectProps<T> = AsyncSelectSingleProps<T> | AsyncSelectMultipleProps<T>;
@@ -440,6 +447,8 @@ declare interface AsyncSelectSingleProps<T> extends VariantProps<typeof selectTr
     wrpClassName?: string;
     noResultsMessage?: string;
     clearable?: boolean;
+    id?: string;
+    "data-testid"?: string;
 }
 
 declare interface Attachment {
@@ -514,6 +523,8 @@ declare type BaseProps = {
     showChipsInsteadOfCount?: boolean;
     size?: SelectSizeType_2;
     onClear?: () => void;
+    id?: string;
+    "data-testid"?: string;
 };
 
 export declare function Breadcrumb({ ...props }: React_2.ComponentProps<"nav">): JSX.Element;
@@ -1291,12 +1302,13 @@ export declare enum DataRepeatTypes {
     MONTH = "MONTH"
 }
 
-export declare function DataTable<TData, TValue>({ columns, data, loading, emptyComponent, className, rowSelection, onRowSelectionChange, checkable, onCheckedRowsChange, actions, customComponentsLeft, customComponentsRight, hidePagination, hideActionsRow, i18n, maxSortedColumns, initialState, serverMode, serverConfig, disableAutoPageSize, }: DataTableProps<TData, TValue>): JSX.Element;
+export declare function DataTable<TData, TValue>({ columns, data, loading, emptyComponent, className, rowSelection, onRowSelectionChange, checkable, onCheckedRowsChange, actions, customComponentsLeft, customComponentsRight, hidePagination, hideActionsRow, i18n, maxSortedColumns, initialState, serverMode, serverConfig, disableAutoPageSize, id, "data-testid": dataTestId, }: DataTableProps<TData, TValue>): JSX.Element;
 
 export declare interface DataTableActions {
     label: string;
     icon: IconName;
     onClick: () => void;
+    "data-testid"?: string;
 }
 
 export declare interface DataTableAdvancedFilter {
@@ -1479,6 +1491,8 @@ export declare interface DataTableProps<TData, TValue> {
     serverMode?: boolean;
     serverConfig?: DataTableServerConfig;
     disableAutoPageSize?: boolean;
+    id?: string;
+    "data-testid"?: string;
 }
 
 export declare interface DataTableServerConfig {
@@ -1501,7 +1515,7 @@ export declare interface DataTableState<TData = Record<string, unknown>> {
     columnVisibility?: Partial<Record<keyof TData, boolean>>;
 }
 
-export declare function DatePicker({ value, onChange, placeholder, dateFormat, className, disabled, size, firstDate, lastDate, availableDates, locale, initialCalendarMonth, customCalendarProps, label, wrpClassName, }: DatePickerProps): JSX.Element;
+export declare function DatePicker({ value, onChange, placeholder, dateFormat, className, disabled, size, firstDate, lastDate, availableDates, locale, initialCalendarMonth, customCalendarProps, label, wrpClassName, id, "data-testid": dataTestId, }: DatePickerProps): JSX.Element;
 
 export declare interface DatePickerProps {
     value?: Date;
@@ -1520,6 +1534,8 @@ export declare interface DatePickerProps {
     customCalendarProps?: React_2.ComponentProps<typeof Calendar>;
     label?: string | React_2.ReactNode;
     wrpClassName?: string;
+    id?: string;
+    "data-testid"?: string;
 }
 
 /**
@@ -1625,6 +1641,8 @@ declare interface FileUploaderProps {
     removeAllLabel?: string;
     maxTotalSize?: number;
     maxFiles?: number;
+    id?: string;
+    "data-testid"?: string;
 }
 
 declare interface FilterBadgeConfig {
@@ -1855,7 +1873,7 @@ export declare interface InputProps extends Omit<React_2.ComponentProps<"input">
     showValidityMessage?: boolean;
 }
 
-export declare function InputSelector({ value, onChange, min, max, className, buttonClassName, counterClassName, }: InputSelectorProps): JSX.Element;
+export declare function InputSelector({ value, onChange, min, max, className, buttonClassName, counterClassName, id, "data-testid": dataTestId, }: InputSelectorProps): JSX.Element;
 
 export declare interface InputSelectorProps {
     value: number;
@@ -1865,6 +1883,8 @@ export declare interface InputSelectorProps {
     className?: string;
     buttonClassName?: string;
     counterClassName?: string;
+    id?: string;
+    "data-testid"?: string;
 }
 
 export declare interface InputValidityI18n {
@@ -1975,7 +1995,7 @@ export declare interface Message {
     parts?: MessagePart[];
 }
 
-export declare function MessageInput({ placeholder, className, onKeyDown: onKeyDownProp, submitOnEnter, stop, isGenerating, enableInterrupt, transcribeAudio, ...props }: MessageInputProps): JSX.Element;
+export declare function MessageInput({ placeholder, className, onKeyDown: onKeyDownProp, submitOnEnter, stop, isGenerating, enableInterrupt, transcribeAudio, "data-testid": dataTestId, ...props }: MessageInputProps): JSX.Element;
 
 export declare namespace MessageInput {
     var displayName: string;
@@ -1988,6 +2008,7 @@ declare interface MessageInputBaseProps extends default_2.TextareaHTMLAttributes
     isGenerating: boolean;
     enableInterrupt?: boolean;
     transcribeAudio?: (blob: Blob) => Promise<string>;
+    "data-testid"?: string;
 }
 
 declare type MessageInputProps = MessageInputWithoutAttachmentProps | MessageInputWithAttachmentsProps;

package/dist/node_modules/hast-util-to-jsx-runtime/lib/index.js

@@ -3,7 +3,7 @@ import { stringify as w } from "../../comma-separated-tokens/index.js";
 import { ok as u } from "../../devlop/lib/default.js";
 import { svg as m, html as C } from "../../property-information/index.js";
 import { stringify as N } from "../../space-separated-tokens/index.js";
-import S from "../../../_virtual/index5.js";
+import S from "../../../_virtual/index4.js";
 import { whitespace as j } from "../../hast-util-whitespace/lib/index.js";
 import { name as x } from "../../estree-util-is-identifier-name/lib/index.js";
 import { VFileMessage as h } from "../../vfile-message/lib/index.js";

package/dist/node_modules/unified/lib/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { bail as P } from "../../bail/index.js";
-import y from "../../../_virtual/index4.js";
+import y from "../../../_virtual/index5.js";
 import z from "../../is-plain-obj/index.js";
 import { CallableInstance as C } from "./callable-instance.js";
 import { trough as A } from "../../trough/lib/index.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "laif-ds",
   "private": false,
-  "version": "0.2.63",
+  "version": "0.2.64",
   "type": "module",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",