@bigbinary/neeto-atoms 1.0.60 → 1.0.61

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

@@ -1,2 +1,2 @@
 import type { DataTableProps } from "./types";
-export declare const DataTable: <TData>({ columns, data, getRowId: getRowIdProp, sorting: sortingProp, onSortingChange: onSortingChangeProp, onSort: onSortProp, enableSorting, enableURLSort, totalCount, pageSize, currentPage: currentPageProp, onPageChange: onPageChangeProp, enableURLPagination, enableRowSelection: enableRowSelectionProp, selectedRowKeys, onRowSelect, bulkSelectAllRowsProps, enableColumnResize, enableColumnFreeze, columnPinning: columnPinningProp, onColumnPinningChange: onColumnPinningChangeProp, localStorageKeyPrefix, columnVisibility: columnVisibilityProp, onColumnVisibilityChange: onColumnVisibilityChangeProp, onColumnHide: onColumnHideProp, enableColumnReorder, columnOrder: columnOrderProp, onColumnOrderChange: onColumnOrderChangeProp, enableAddColumn, onColumnAdd, onColumnDelete, onColumnUpdate, onMoreActionClick, enableHeaderMenu, loading, bordered, className, emptyMessage, onRowClick, allowRowClick, }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataTable: <TData>({ columns, data, getRowId: getRowIdProp, sorting: sortingProp, onSortingChange: onSortingChangeProp, onSort: onSortProp, enableSorting, enableURLSort, totalCount, pageSize, currentPage: currentPageProp, onPageChange: onPageChangeProp, enableURLPagination, enableRowSelection: enableRowSelectionProp, selectedRowKeys, onRowSelect, bulkSelectAllRowsProps, enableColumnResize, enableColumnFreeze, columnPinning: columnPinningProp, onColumnPinningChange: onColumnPinningChangeProp, localStorageKeyPrefix, columnVisibility: columnVisibilityProp, onColumnVisibilityChange: onColumnVisibilityChangeProp, onColumnHide: onColumnHideProp, enableColumnReorder, columnOrder: columnOrderProp, onColumnOrderChange: onColumnOrderChangeProp, enableAddColumn, onColumnAdd, onColumnDelete, onColumnUpdate, onMoreActionClick, enableHeaderMenu, loading, bordered, className, emptyMessage, onRowClick, allowRowClick, renderBody, }: DataTableProps<TData>) => import("react/jsx-runtime").JSX.Element;

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

@@ -62,4 +62,5 @@ export interface DataTableProps<TData> {
     emptyMessage?: string | React.ReactNode;
     onRowClick?: (event: React.MouseEvent, row: TData, index: number) => void;
     allowRowClick?: boolean;
+    renderBody?: () => React.ReactNode;
 }

package/dist/components/DataTable.js

@@ -1,4 +1,4 @@
-export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-BTdSpJfs.js';
+export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-DP06B8C7.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../primitives/Table.js';

package/dist/components/DatePicker/DatePickerField.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface DatePickerFieldProps {
+    disabled: boolean;
+    error: React.ReactNode | undefined;
+    className?: string;
+    label?: React.ReactNode;
+    required?: boolean;
+    helpText?: React.ReactNode;
+    labelProps?: Record<string, unknown>;
+    errorId: string;
+    helpTextId: string;
+    children: React.ReactNode;
+}
+export declare const DatePickerField: React.ForwardRefExoticComponent<DatePickerFieldProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/DatePicker/DatePickerTrigger.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+interface DatePickerTriggerProps {
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    inputRef: React.RefObject<HTMLInputElement | null>;
+    disabled: boolean;
+    error: React.ReactNode | undefined;
+    hasField: boolean;
+    className?: string;
+    triggerSizeClass: string;
+    inputSizeClass: string;
+    iconSizeClass: string;
+    label?: React.ReactNode;
+    ariaDescribedBy?: string;
+    placeholder: string;
+    inputText: string;
+    allowClear: boolean;
+    timezone?: string;
+    onInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onInputKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onInputFocus: () => void;
+    onInputBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onClear: (e: React.MouseEvent) => void;
+}
+export declare const DatePickerTrigger: React.ForwardRefExoticComponent<DatePickerTriggerProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/DatePicker/RangeCalendar.d.ts

@@ -0,0 +1,17 @@
+import type React from "react";
+import type { DateRange } from "react-day-picker";
+interface RangeCalendarProps {
+    todayDate: Date;
+    weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    month: Date;
+    onMonthChange: (date: Date) => void;
+    selected: DateRange | undefined;
+    onSelect: (range: DateRange | undefined, triggerDate: Date) => void;
+    disabled: (date: Date) => boolean;
+    fromDate?: Date;
+    toDate?: Date;
+    onHoverIn: (e: React.MouseEvent<HTMLElement>) => void;
+    onHoverOut: () => void;
+}
+export declare const RangeCalendar: ({ todayDate, weekStartsOn, month, onMonthChange, selected, onSelect, disabled, fromDate, toDate, onHoverIn, onHoverOut, }: RangeCalendarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DatePicker/types.d.ts

@@ -12,7 +12,7 @@ export interface DatePickerProps {
     /** Default value (uncontrolled). */
     defaultValue?: DateValue | [DateValue | null, DateValue | null];
     /** Callback on date change. Returns Dayjs objects for neeto ecosystem compatibility. */
-    onChange?: (value: Dayjs | [Dayjs, Dayjs] | null, formatted: string | [string, string]) => void;
+    onChange?: (value: Dayjs | [Dayjs | null, Dayjs | null] | null, formatted: string | [string, string]) => void;
     /** Callback when the trigger input loses focus. */
     onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
     /** Single date or range selection. */
@@ -28,9 +28,9 @@ export interface DatePickerProps {
     /** Show seconds in time picker. */
     showSeconds?: boolean;
     /** Minimum selectable date. */
-    minDate?: Date;
+    minDate?: DateValue;
     /** Maximum selectable date. */
-    maxDate?: Date;
+    maxDate?: DateValue;
     /** Predicate to disable arbitrary dates beyond minDate/maxDate. */
     disabledDate?: (date: Date) => boolean;
     /** Placeholder text for the trigger input. */

package/dist/components/DatePicker/useRangePicker.d.ts

@@ -0,0 +1,28 @@
+import type { DateRange } from "react-day-picker";
+type RangeTuple = [Date | null, Date | null];
+interface UseRangePickerOptions {
+    currentValue: unknown;
+    showTime: boolean;
+    needConfirm: boolean;
+    commitValue: (value: Date | [Date, Date] | null) => void;
+    setPendingDate: (date: Date | null) => void;
+    setOpen: (open: boolean) => void;
+}
+export declare const useRangePicker: ({ currentValue, showTime, needConfirm, commitValue, setPendingDate, setOpen, }: UseRangePickerOptions) => {
+    pendingRange: RangeTuple | null;
+    rangeSelectionStep: "from" | "to";
+    hoveredDate: Date | null;
+    handleRangeSelect: (_range: {
+        from?: Date;
+        to?: Date;
+    } | undefined, triggerDate: Date) => void;
+    handleHoverIn: (e: React.MouseEvent<HTMLElement>) => void;
+    handleHoverOut: () => void;
+    memoizedRangeSelected: DateRange | undefined;
+    getPreviewParts: () => {
+        from: Date | null;
+        to: Date | null;
+    };
+    resetTransientState: () => void;
+};
+export {};

package/dist/components/DatePicker/utils.d.ts

@@ -6,7 +6,9 @@ import type { TimeValue } from "../TimePicker/types";
  * Calendar and input display the correct date after a controlled round-trip.
  */
 export declare const toBrowserLocalDate: (date: Date) => Date;
+export declare const toNativeDate: (value: unknown) => Date | null;
 export declare const coerceDateValue: (value: unknown, type: "date" | "range") => Date | [Date | null, Date | null] | null;
+export declare const getInitialCalendarMonth: (value: unknown, defaultValue: unknown, type: "date" | "range") => Date;
 /**
  * Format a date for display using browser-local time.
  * Calendar and input always show browser-local dates.
@@ -25,6 +27,7 @@ export declare const applyTimeToDate: (date: Date, time: TimeValue) => Date;
  * Matches neetoUI's getTimezoneAppliedDateTime behavior.
  */
 export declare const applyTimezone: (date: Date) => Date;
+export declare const toUserTzDayjs: (date: Date) => Dayjs;
 export declare const toDayjs: (date: Date) => Dayjs;
 export declare const getDisplayFormat: (dateFormat: string, timeFormat: string, showTime: boolean) => string;
 export declare const getDatePlaceholder: (dateFormat: string, timeFormat: string, showTime: boolean, type: "date" | "range") => string;
@@ -36,4 +39,16 @@ export declare const isMonthDisabled: (monthDate: Date, minDate?: Date, maxDate?
 export declare const isYearDisabled: (yearDate: Date, minDate?: Date, maxDate?: Date) => boolean;
 export declare const buildMonth: (year: number, month: number) => Date;
 export declare const isSameMonth: (a: Date | null, b: Date) => boolean;
+export declare const isSameDay: (a: Date | null, b: Date | null) => boolean;
+export declare const orderRange: (from: Date | null, to: Date | null) => [Date | null, Date | null];
+export declare const parseGridcellDay: (target: EventTarget | null) => Date | null;
+export declare const computeRangePreview: ({ pendingRange, committed, hoveredDate, rangeStep, }: {
+    pendingRange: [Date | null, Date | null] | null;
+    committed: [Date | null, Date | null] | null;
+    hoveredDate: Date | null;
+    rangeStep: "from" | "to";
+}) => {
+    from: Date | null;
+    to: Date | null;
+};
 export declare const decadeStartFor: (year: number) => number;

package/dist/components/DatePicker.js

@@ -1,4 +1,4 @@
-export { D as DatePicker } from '../DatePicker-kulToqfM.js';
+export { D as DatePicker } from '../DatePicker-mdjh5u40.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../primitives/Calendar.js';
@@ -27,6 +27,14 @@ import '../index-BYZaLNq1.js';
 import '../index-fV_U4ZJM.js';
 import '../index-yFgkK_AM.js';
 import '../index-Cor698lu.js';
+import '../TimePickerPanel--KDX5QwS.js';
+import '../primitives/Button.js';
+import '../primitives/ScrollArea.js';
+import '../index-d0BBQf5t.js';
+import '../index-BfAAoDv6.js';
+import 'dayjs';
+import 'dayjs/plugin/customParseFormat';
+import '@bigbinary/neeto-commons-frontend/utils';
 import '../primitives/Field.js';
 import '../HelpIcon-Cm3ZgoCx.js';
 import '../primitives/Tooltip.js';
@@ -38,18 +46,10 @@ import '../primitives/HoverCard.js';
 import '../Typography-CmILccNh.js';
 import '../Button-DV9xCqlc.js';
 import 'react-router-dom';
-import '../primitives/Button.js';
 import '../primitives/Spinner.js';
 import 'react-i18next';
 import '../loader-circle-DycHUAWN.js';
 import '../label-BgLSVt4u.js';
 import '../separator-ByRsc-y-.js';
-import '../TimePickerPanel--KDX5QwS.js';
-import '../primitives/ScrollArea.js';
-import '../index-d0BBQf5t.js';
-import '../index-BfAAoDv6.js';
-import 'dayjs';
-import 'dayjs/plugin/customParseFormat';
-import '@bigbinary/neeto-commons-frontend/utils';
 import '../x-_o2T3n6D.js';
 //# sourceMappingURL=DatePicker.js.map

package/dist/components/Input.js

@@ -1,4 +1,4 @@
-export { I as Input } from '../Input-Bxs8n6xp.js';
+export { I as Input } from '../Input-B7twzkUr.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../utils-BJnb9o5c.js';

package/dist/components/Pagination/Pagination.d.ts

@@ -9,7 +9,11 @@ export interface PaginationProps extends Omit<React.ComponentProps<typeof Primit
     pageSize: number;
     /** Number of sibling pages to show around the current page. */
     siblingCount?: number;
-    /** Callback when a page is selected. */
+    /**
+     * Callback when a page is selected. When omitted, Pagination falls back
+     * to updating `?page=` in the URL via react-router history (matches v1
+     * neeto-ui behavior).
+     */
     navigate?: (page: number) => void;
     /** Additional CSS class names. */
     className?: string;

package/dist/components/Pagination/hooks/usePaginationQueryParams.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Returns a navigate callback that updates the `?page=` query param while
+ * preserving every other search param. Used as the default `navigate`
+ * for Pagination when the consumer doesn't pass one explicitly.
+ *
+ * Mirrors v1 neeto-ui Pagination's auto URL sync behavior. Must be
+ * rendered inside a react-router-dom v5 history context.
+ */
+export declare const usePaginationQueryParams: () => {
+    updatePageInQueryParam: (page: number) => void;
+};

package/dist/components/Pagination.js

@@ -1,4 +1,4 @@
-export { P as Pagination } from '../Pagination-C_X9kgc8.js';
+export { P as Pagination } from '../Pagination-BRd3WPJ_.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../utils-BJnb9o5c.js';
@@ -12,4 +12,5 @@ import '../chevron-left-BDoT8E2-.js';
 import '../createLucideIcon-C8ycilSN.js';
 import '../ellipsis-lb8Ws6br.js';
 import '../chevron-right-DQnrO-ek.js';
+import 'react-router-dom';
 //# sourceMappingURL=Pagination.js.map

package/dist/components/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"Pagination.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/components/Select/MultiSelectCombobox.types.d.ts

@@ -10,6 +10,7 @@ export interface MultiSelectComboboxProps {
         items: string[];
     }[];
     labelForValue: (val: string) => string;
+    renderOption: (val: string) => React.ReactNode;
     isSearchable: boolean;
     isAsync: boolean;
     isCreatable: boolean;

package/dist/components/Select/MultiSelectDropdown.d.ts

@@ -1,9 +1,9 @@
 import type React from "react";
 import type { DropdownPassthroughProps } from "./MultiSelectCombobox.types";
 interface MultiSelectDropdownProps extends DropdownPassthroughProps {
-    labelForValue: (val: string) => string;
+    renderOption: (val: string) => React.ReactNode;
     testIdPrefix?: string;
     children?: React.ReactNode;
 }
-export declare function MultiSelectDropdown({ resolvedOptions, flatOptionsMap, isGrouped, isLoading, loadingMessage, emptyMessage, showCreateOption, labelForValue, testIdPrefix, hasMoreLazy, loaderCallbackRef, children, }: MultiSelectDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function MultiSelectDropdown({ resolvedOptions, flatOptionsMap, isGrouped, isLoading, loadingMessage, emptyMessage, showCreateOption, renderOption, testIdPrefix, hasMoreLazy, loaderCallbackRef, children, }: MultiSelectDropdownProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Select/OptionItem.d.ts

@@ -1,9 +1,10 @@
+import type React from "react";
 import type { OptionBase } from "./types";
 interface OptionItemProps {
     val: string;
     flatOptionsMap: Map<string, OptionBase>;
-    labelForValue: (val: string) => string;
+    renderOption: (val: string) => React.ReactNode;
     testIdPrefix?: string;
 }
-export declare function OptionItem({ val, flatOptionsMap, labelForValue, testIdPrefix, }: OptionItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function OptionItem({ val, flatOptionsMap, renderOption, testIdPrefix, }: OptionItemProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Select/SelectCombobox.types.d.ts

@@ -14,6 +14,8 @@ export interface SelectComboboxProps {
     }[];
     /** Returns the display label for a given value string. */
     labelForValue: (val: string) => string;
+    /** Returns the ReactNode for rendering a value (dropdown row & trigger). */
+    renderOption: (val: string) => React.ReactNode;
     /** Whether the search input is visible. */
     isSearchable: boolean;
     /** Whether options are loaded asynchronously. */

package/dist/components/Select/hooks/useMultiSelectState.d.ts

@@ -1,3 +1,4 @@
+import type React from "react";
 import type { MultiSelectProps } from "src/components/Select/types";
 export declare function useMultiSelectState(props: MultiSelectProps): {
     id: string;
@@ -22,10 +23,11 @@ export declare function useMultiSelectState(props: MultiSelectProps): {
     ariaDescribedBy: string | undefined;
     testIdPrefix: string | undefined;
     labelForValue: (val: string) => string;
+    renderOption: (val: string) => React.ReactNode;
     flatOptionsMap: Map<string, import("src/components/Select/types").OptionBase>;
     label: string;
     error: string;
-    helpText: string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null;
+    helpText: string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null;
     isAsync: boolean;
     resolvedOptions: import("src/components/Select/types").Option[];
     flatOptions: import("src/components/Select/types").OptionBase[];

package/dist/components/Select/hooks/useSelectState.d.ts

@@ -1,3 +1,4 @@
+import type React from "react";
 import type { SelectProps } from "src/components/Select/types";
 type SingleSelectProps = Extract<SelectProps, {
     isMulti?: false;
@@ -27,10 +28,11 @@ export declare function useSelectState(props: SingleSelectProps): {
     ariaDescribedBy: string | undefined;
     testIdPrefix: string | undefined;
     labelForValue: (val: string) => string;
+    renderOption: (val: string) => React.ReactNode;
     flatOptionsMap: Map<string, import("src/components/Select/types").OptionBase>;
     label: string;
     error: string;
-    helpText: string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null;
+    helpText: string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null;
     isDisabled: boolean;
     required: boolean;
     isSearchable: boolean;

package/dist/components/Select/types.d.ts

@@ -116,6 +116,13 @@ interface SelectSharedProps {
     inputClassName?: string;
     /** Children rendered inside the dropdown (overrides `options`). */
     children?: React.ReactNode;
+    /**
+     * Customize how each option is rendered. Receives the matched option (looked
+     * up from `options` by value) and returns a ReactNode. Used in the dropdown
+     * list and in the trigger (single-select label / multi-select chips).
+     * String filtering still uses `option.label` for searchable behavior.
+     */
+    formatOptionLabel?: (option: SelectOptionBase) => React.ReactNode;
 }
 interface SingleSelectProps extends SelectSharedProps {
     /** When true, multiple values can be selected and the trigger shows chips. @default false */

package/dist/components/Select.js

@@ -1,4 +1,4 @@
-export { S as Select } from '../Select-BiyQTuiQ.js';
+export { S as Select } from '../Select-Zr8sFnAC.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../SelectFieldWrapper-CiBARDsn.js';
@@ -43,9 +43,9 @@ import '../primitives/Combobox.js';
 import '../input-group-BKkj65Uq.js';
 import '../input-1J5oQa1u.js';
 import '../textarea-B0vzA497.js';
+import '../chevron-down-BNi0ntys.js';
 import '../check-Cpkv29p1.js';
 import '../x-_o2T3n6D.js';
-import '../chevron-down-BNi0ntys.js';
 import '../index-DZXbzIgC.js';
 import '../index-CSMSzzKM.js';
 import '../with-selector-Dv0G_V_o.js';

package/dist/components/index.js

@@ -7,19 +7,19 @@ export { B as Badge } from '../Badge-DC6zxOwS.js';
 export { C as Callout } from '../Callout-NVYmCwJL.js';
 export { C as Checkbox } from '../Checkbox-m4rEnxUz.js';
 export { C as ColorPicker } from '../ColorPicker-ClnRUq9y.js';
-export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-BTdSpJfs.js';
-export { D as DatePicker } from '../DatePicker-kulToqfM.js';
+export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-DP06B8C7.js';
+export { D as DatePicker } from '../DatePicker-mdjh5u40.js';
 export { D as Dialog } from '../Dialog-BOcBeB8v.js';
 export { E as Empty } from '../Empty-Bfido_mq.js';
-export { I as Input } from '../Input-Bxs8n6xp.js';
+export { I as Input } from '../Input-B7twzkUr.js';
 export { K as Kbd } from '../Kbd-CAIAs4OO.js';
 export { L as Label } from '../Label-mrNM2drW.js';
 export { M as MultiEmailInput } from '../MultiEmailInput-Du1964Ka.js';
-export { P as Pagination } from '../Pagination-C_X9kgc8.js';
+export { P as Pagination } from '../Pagination-BRd3WPJ_.js';
 export { P as Popover } from '../Popover-C1FNlRtU.js';
 export { P as Progress } from '../Progress-DURemsl_.js';
 export { R as RadioGroup } from '../RadioGroup-BRAVPPc3.js';
-export { S as Select } from '../Select-BiyQTuiQ.js';
+export { S as Select } from '../Select-Zr8sFnAC.js';
 export { S as Sheet } from '../Sheet-Bw8GVQPS.js';
 export { S as Slider } from '../Slider-DNcH5X7b.js';
 export { S as Spinner } from '../Spinner-DgV3mILN.js';

package/dist/formik/ActionBlock.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useFormikContext } from 'formik';
+import { useTranslation } from 'react-i18next';
 import { c as cn } from '../utils-BJnb9o5c.js';
 import { FormikButton } from './Button.js';
 import { b as Button } from '../Button-DV9xCqlc.js';
@@ -13,7 +14,6 @@ import '../index-Bo3AAQJp.js';
 import '../index-CfriMyrd.js';
 import '../index-BtkPdosV.js';
 import '../primitives/Spinner.js';
-import 'react-i18next';
 import '../loader-circle-DycHUAWN.js';
 import '../createLucideIcon-C8ycilSN.js';
 import '../primitives/Tooltip.js';
@@ -42,14 +42,19 @@ const FormikActionBlock = forwardRef(
     isSubmitting: isSubmittingProp,
     position = "left"
   }, ref) => {
-    const { handleReset, isSubmitting: isFormikSubmitting } = useFormikContext();
+    const { t } = useTranslation();
+    const {
+      handleReset,
+      isSubmitting: isFormikSubmitting,
+      dirty
+    } = useFormikContext();
     const isSubmitting = isSubmittingProp ?? isFormikSubmitting;
     const cancelButton = /* @__PURE__ */ jsx(
       Button,
       {
         "data-testid": "cancel-button",
         disabled: isSubmitting,
-        label: "Cancel",
+        label: t("neetoui.actionBlock.cancel", "Cancel"),
         variant: "ghost",
         onClick: handleReset,
         onMouseDown: (e) => e.preventDefault(),
@@ -60,7 +65,8 @@ const FormikActionBlock = forwardRef(
       FormikButton,
       {
         "data-testid": "save-changes-button",
-        label: "Save changes",
+        disabled: isSubmitting || !dirty,
+        label: t("neetoui.actionBlock.saveChanges", "Save changes"),
         type: "submit",
         ...submitButtonProps
       }

package/dist/formik/ActionBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBlock.js","sources":["../../src/formik/ActionBlock.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useFormikContext } from \"formik\";\n\nimport { Button, type ButtonProps } from \"src/components/Button\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nimport { FormikButton } from \"./Button\";\n\nexport interface FormikActionBlockProps {\n  /** Additional CSS class names for the wrapper. */\n  className?: string;\n  /** Props forwarded to the submit button. */\n  submitButtonProps?: ButtonProps;\n  /** Props forwarded to the cancel button. */\n  cancelButtonProps?: ButtonProps;\n  /**\n   * Override the auto-computed submitting state (e.g. from React Query mutation).\n   * Falls back to Formik's `isSubmitting` when not provided.\n   */\n  isSubmitting?: boolean;\n  /** Alignment of the buttons. */\n  position?: \"left\" | \"right\";\n}\n\nconst FormikActionBlock = forwardRef<HTMLDivElement, FormikActionBlockProps>(\n  (\n    {\n      className,\n      submitButtonProps,\n      cancelButtonProps,\n      isSubmitting: isSubmittingProp,\n      position = \"left\",\n    },\n    ref\n  ) => {\n    const { handleReset, isSubmitting: isFormikSubmitting } =\n      useFormikContext();\n\n    const isSubmitting = isSubmittingProp ?? isFormikSubmitting;\n\n    const cancelButton = (\n      <Button\n        data-testid=\"cancel-button\"\n        disabled={isSubmitting}\n        label=\"Cancel\"\n        variant=\"ghost\"\n        onClick={handleReset}\n        onMouseDown={(e: React.MouseEvent) => e.preventDefault()}\n        {...cancelButtonProps}\n      />\n    );\n\n    const submitButton = (\n      <FormikButton\n        data-testid=\"save-changes-button\"\n        label=\"Save changes\"\n        type=\"submit\"\n        {...submitButtonProps}\n      />\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"flex items-center gap-2\",\n          position === \"right\" && \"justify-end\",\n          className\n        )}\n      >\n        {position === \"right\" ? (\n          <>\n            {cancelButton}\n            {submitButton}\n          </>\n        ) : (\n          <>\n            {submitButton}\n            {cancelButton}\n          </>\n        )}\n      </div>\n    );\n  }\n);\n\nFormikActionBlock.displayName = \"FormikActionBlock\";\n\nexport { FormikActionBlock };\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,iBAAA,GAAoB,UAAA;AAAA,EACxB,CACE;AAAA,IACE,SAAA;AAAA,IACA,iBAAA;AAAA,IACA,iBAAA;AAAA,IACA,YAAA,EAAc,gBAAA;AAAA,IACd,QAAA,GAAW;AAAA,KAEb,GAAA,KACG;AACH,IAAA,MAAM,EAAE,WAAA,EAAa,YAAA,EAAc,kBAAA,KACjC,gBAAA,EAAiB;AAEnB,IAAA,MAAM,eAAe,gBAAA,IAAoB,kBAAA;AAEzC,IAAA,MAAM,YAAA,mBACJ,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,aAAA,EAAY,eAAA;AAAA,QACZ,QAAA,EAAU,YAAA;AAAA,QACV,KAAA,EAAM,QAAA;AAAA,QACN,OAAA,EAAQ,OAAA;AAAA,QACR,OAAA,EAAS,WAAA;AAAA,QACT,WAAA,EAAa,CAAC,CAAA,KAAwB,CAAA,CAAE,cAAA,EAAe;AAAA,QACtD,GAAG;AAAA;AAAA,KACN;AAGF,IAAA,MAAM,YAAA,mBACJ,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,aAAA,EAAY,qBAAA;AAAA,QACZ,KAAA,EAAM,cAAA;AAAA,QACN,IAAA,EAAK,QAAA;AAAA,QACJ,GAAG;AAAA;AAAA,KACN;AAGF,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,yBAAA;AAAA,UACA,aAAa,OAAA,IAAW,aAAA;AAAA,UACxB;AAAA,SACF;AAAA,QAEC,QAAA,EAAA,QAAA,KAAa,0BACZ,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,YAAA;AAAA,UACA;AAAA,SAAA,EACH,oBAEA,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,YAAA;AAAA,UACA;AAAA,SAAA,EACH;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,iBAAA,CAAkB,WAAA,GAAc,mBAAA;;;;"}
+{"version":3,"file":"ActionBlock.js","sources":["../../src/formik/ActionBlock.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Button, type ButtonProps } from \"src/components/Button\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nimport { FormikButton } from \"./Button\";\n\nexport interface FormikActionBlockProps {\n  /** Additional CSS class names for the wrapper. */\n  className?: string;\n  /** Props forwarded to the submit button. */\n  submitButtonProps?: ButtonProps;\n  /** Props forwarded to the cancel button. */\n  cancelButtonProps?: ButtonProps;\n  /**\n   * Override the auto-computed submitting state (e.g. from React Query mutation).\n   * Falls back to Formik's `isSubmitting` when not provided.\n   */\n  isSubmitting?: boolean;\n  /** Alignment of the buttons. */\n  position?: \"left\" | \"right\";\n}\n\nconst FormikActionBlock = forwardRef<HTMLDivElement, FormikActionBlockProps>(\n  (\n    {\n      className,\n      submitButtonProps,\n      cancelButtonProps,\n      isSubmitting: isSubmittingProp,\n      position = \"left\",\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const {\n      handleReset,\n      isSubmitting: isFormikSubmitting,\n      dirty,\n    } = useFormikContext();\n\n    const isSubmitting = isSubmittingProp ?? isFormikSubmitting;\n\n    const cancelButton = (\n      <Button\n        data-testid=\"cancel-button\"\n        disabled={isSubmitting}\n        label={t(\"neetoui.actionBlock.cancel\", \"Cancel\")}\n        variant=\"ghost\"\n        onClick={handleReset}\n        onMouseDown={(e: React.MouseEvent) => e.preventDefault()}\n        {...cancelButtonProps}\n      />\n    );\n\n    const submitButton = (\n      <FormikButton\n        data-testid=\"save-changes-button\"\n        disabled={isSubmitting || !dirty}\n        label={t(\"neetoui.actionBlock.saveChanges\", \"Save changes\")}\n        type=\"submit\"\n        {...submitButtonProps}\n      />\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"flex items-center gap-2\",\n          position === \"right\" && \"justify-end\",\n          className\n        )}\n      >\n        {position === \"right\" ? (\n          <>\n            {cancelButton}\n            {submitButton}\n          </>\n        ) : (\n          <>\n            {submitButton}\n            {cancelButton}\n          </>\n        )}\n      </div>\n    );\n  }\n);\n\nFormikActionBlock.displayName = \"FormikActionBlock\";\n\nexport { FormikActionBlock };\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAM,iBAAA,GAAoB,UAAA;AAAA,EACxB,CACE;AAAA,IACE,SAAA;AAAA,IACA,iBAAA;AAAA,IACA,iBAAA;AAAA,IACA,YAAA,EAAc,gBAAA;AAAA,IACd,QAAA,GAAW;AAAA,KAEb,GAAA,KACG;AACH,IAAA,MAAM,EAAE,CAAA,EAAE,GAAI,cAAA,EAAe;AAC7B,IAAA,MAAM;AAAA,MACJ,WAAA;AAAA,MACA,YAAA,EAAc,kBAAA;AAAA,MACd;AAAA,QACE,gBAAA,EAAiB;AAErB,IAAA,MAAM,eAAe,gBAAA,IAAoB,kBAAA;AAEzC,IAAA,MAAM,YAAA,mBACJ,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,aAAA,EAAY,eAAA;AAAA,QACZ,QAAA,EAAU,YAAA;AAAA,QACV,KAAA,EAAO,CAAA,CAAE,4BAAA,EAA8B,QAAQ,CAAA;AAAA,QAC/C,OAAA,EAAQ,OAAA;AAAA,QACR,OAAA,EAAS,WAAA;AAAA,QACT,WAAA,EAAa,CAAC,CAAA,KAAwB,CAAA,CAAE,cAAA,EAAe;AAAA,QACtD,GAAG;AAAA;AAAA,KACN;AAGF,IAAA,MAAM,YAAA,mBACJ,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,aAAA,EAAY,qBAAA;AAAA,QACZ,QAAA,EAAU,gBAAgB,CAAC,KAAA;AAAA,QAC3B,KAAA,EAAO,CAAA,CAAE,iCAAA,EAAmC,cAAc,CAAA;AAAA,QAC1D,IAAA,EAAK,QAAA;AAAA,QACJ,GAAG;AAAA;AAAA,KACN;AAGF,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,yBAAA;AAAA,UACA,aAAa,OAAA,IAAW,aAAA;AAAA,UACxB;AAAA,SACF;AAAA,QAEC,QAAA,EAAA,QAAA,KAAa,0BACZ,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,YAAA;AAAA,UACA;AAAA,SAAA,EACH,oBAEA,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,YAAA;AAAA,UACA;AAAA,SAAA,EACH;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,iBAAA,CAAkB,WAAA,GAAc,mBAAA;;;;"}

package/dist/formik/Input.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Field, getIn } from 'formik';
 import { dissoc } from 'ramda';
-import { I as Input } from '../Input-Bxs8n6xp.js';
+import { I as Input } from '../Input-B7twzkUr.js';
 import '../utils-BJnb9o5c.js';
 import '../primitives/Field.js';
 import '../HelpIcon-Cm3ZgoCx.js';

package/dist/formik/Select.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useField, useFormikContext, getIn } from 'formik';
 import { dissoc } from 'ramda';
-import { S as Select } from '../Select-BiyQTuiQ.js';
+import { S as Select } from '../Select-Zr8sFnAC.js';
 import '../SelectFieldWrapper-CiBARDsn.js';
 import '../primitives/Field.js';
 import '../HelpIcon-Cm3ZgoCx.js';
@@ -45,9 +45,9 @@ import '../primitives/Combobox.js';
 import '../input-group-BKkj65Uq.js';
 import '../input-1J5oQa1u.js';
 import '../textarea-B0vzA497.js';
+import '../chevron-down-BNi0ntys.js';
 import '../check-Cpkv29p1.js';
 import '../x-_o2T3n6D.js';
-import '../chevron-down-BNi0ntys.js';
 import '../index-DZXbzIgC.js';
 import '../index-CSMSzzKM.js';
 import '../with-selector-Dv0G_V_o.js';

package/dist/formik/index.js

@@ -15,7 +15,7 @@ import 'react/jsx-runtime';
 import 'react';
 import 'formik';
 import 'ramda';
-import '../Input-Bxs8n6xp.js';
+import '../Input-B7twzkUr.js';
 import '../utils-BJnb9o5c.js';
 import '../primitives/Field.js';
 import '../HelpIcon-Cm3ZgoCx.js';
@@ -60,12 +60,12 @@ import '../textarea-B0vzA497.js';
 import '../withIconSize-BonoFXeH.js';
 import '../Textarea-B2Uhx-Yy.js';
 import '../primitives/Textarea.js';
-import '../Select-BiyQTuiQ.js';
+import '../Select-Zr8sFnAC.js';
 import '../SelectFieldWrapper-CiBARDsn.js';
 import '../primitives/Combobox.js';
+import '../chevron-down-BNi0ntys.js';
 import '../check-Cpkv29p1.js';
 import '../x-_o2T3n6D.js';
-import '../chevron-down-BNi0ntys.js';
 import '../index-DZXbzIgC.js';
 import '../index-CSMSzzKM.js';
 import '../with-selector-Dv0G_V_o.js';

package/dist/index.js

@@ -12,20 +12,20 @@ export { b as Button } from './Button-DV9xCqlc.js';
 export { C as Callout } from './Callout-NVYmCwJL.js';
 export { C as Checkbox } from './Checkbox-m4rEnxUz.js';
 export { C as ColorPicker } from './ColorPicker-ClnRUq9y.js';
-export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from './DataTable-BTdSpJfs.js';
-export { D as DatePicker } from './DatePicker-kulToqfM.js';
+export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from './DataTable-DP06B8C7.js';
+export { D as DatePicker } from './DatePicker-mdjh5u40.js';
 export { D as Dialog } from './Dialog-BOcBeB8v.js';
 export { D as DirectionProvider } from './DirectionProvider-weqLz_BJ.js';
 export { E as Empty } from './Empty-Bfido_mq.js';
-export { I as Input } from './Input-Bxs8n6xp.js';
+export { I as Input } from './Input-B7twzkUr.js';
 export { K as Kbd } from './Kbd-CAIAs4OO.js';
 export { L as Label } from './Label-mrNM2drW.js';
 export { M as MultiEmailInput } from './MultiEmailInput-Du1964Ka.js';
-export { P as Pagination } from './Pagination-C_X9kgc8.js';
+export { P as Pagination } from './Pagination-BRd3WPJ_.js';
 export { P as Popover } from './Popover-C1FNlRtU.js';
 export { P as Progress } from './Progress-DURemsl_.js';
 export { R as RadioGroup } from './RadioGroup-BRAVPPc3.js';
-export { S as Select } from './Select-BiyQTuiQ.js';
+export { S as Select } from './Select-Zr8sFnAC.js';
 export { S as Sheet } from './Sheet-Bw8GVQPS.js';
 export { S as Slider } from './Slider-DNcH5X7b.js';
 export { S as Spinner } from './Spinner-DgV3mILN.js';

package/dist/primitives/Combobox.d.ts

@@ -4,7 +4,7 @@ declare const Combobox: (props: React.ComponentProps<typeof ShadcnCombobox>) =>
 declare const ComboboxInput: (props: React.ComponentProps<typeof ShadcnComboboxInput>) => import("react/jsx-runtime").JSX.Element;
 declare const ComboboxContent: (props: React.ComponentProps<typeof ShadcnComboboxContent>) => import("react/jsx-runtime").JSX.Element;
 declare const ComboboxList: (props: React.ComponentProps<typeof ShadcnComboboxList>) => import("react/jsx-runtime").JSX.Element;
-declare const ComboboxItem: (props: React.ComponentProps<typeof ShadcnComboboxItem>) => import("react/jsx-runtime").JSX.Element;
+declare const ComboboxItem: ({ className, ...props }: React.ComponentProps<typeof ShadcnComboboxItem>) => import("react/jsx-runtime").JSX.Element;
 declare const ComboboxGroup: (props: React.ComponentProps<typeof ShadcnComboboxGroup>) => import("react/jsx-runtime").JSX.Element;
 declare const ComboboxLabel: (props: React.ComponentProps<typeof ShadcnComboboxLabel>) => import("react/jsx-runtime").JSX.Element;
 declare const ComboboxCollection: (props: React.ComponentProps<typeof ShadcnComboboxCollection>) => import("react/jsx-runtime").JSX.Element;

package/dist/primitives/Combobox.js

@@ -4,9 +4,9 @@ import React__default, { createElement } from 'react';
 import { c as cn } from '../utils-BJnb9o5c.js';
 import { B as Button } from '../button-CrEMzWKw.js';
 import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, d as InputGroupButton } from '../input-group-BKkj65Uq.js';
+import { C as ChevronDown } from '../chevron-down-BNi0ntys.js';
 import { C as Check } from '../check-Cpkv29p1.js';
 import { X } from '../x-_o2T3n6D.js';
-import { C as ChevronDown } from '../chevron-down-BNi0ntys.js';
 import { i as isHTMLElement, d as isShadowRoot, g as getComputedStyle, e as floor, j as getNodeName, k as getWindow, m as isOverflowElement, n as isNode, p as isWebKit$1, q as isElement, r as isLastTraversableNode, t as getParentNode, u as useFloating$1, v as evaluate, w as getPaddingObject, x as getAlignmentAxis, y as getAlignment, z as getAxisLength, A as clamp, h as hide$1, o as offset, f as flip, s as shift, l as limitShift, a as size, B as getSide, C as getSideAxis, c as autoUpdate } from '../floating-ui.react-dom-D8_f_WWh.js';
 import { s as shimExports } from '../index-DZXbzIgC.js';
 import { w as withSelectorExports } from '../with-selector-Dv0G_V_o.js';
@@ -10150,7 +10150,19 @@ const Combobox = (props) => /* @__PURE__ */ jsx(Combobox$1, { ...props });
 const ComboboxInput = (props) => /* @__PURE__ */ jsx(ComboboxInput$1, { ...props });
 const ComboboxContent = (props) => /* @__PURE__ */ jsx(ComboboxContent$1, { ...props });
 const ComboboxList = (props) => /* @__PURE__ */ jsx(ComboboxList$1, { ...props });
-const ComboboxItem = (props) => /* @__PURE__ */ jsx(ComboboxItem$1, { ...props });
+const ComboboxItem = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  ComboboxItem$1,
+  {
+    className: cn(
+      "not-data-[variant=destructive]:data-highlighted:**:text-inherit",
+      className
+    ),
+    ...props
+  }
+);
 const ComboboxGroup = (props) => /* @__PURE__ */ jsx(ComboboxGroup$1, { ...props });
 const ComboboxLabel = (props) => /* @__PURE__ */ jsx(ComboboxLabel$1, { ...props });
 const ComboboxCollection = (props) => /* @__PURE__ */ jsx(ComboboxCollection$1, { ...props });