@bigbinary/neeto-atoms 1.1.8 → 1.1.10

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

@@ -1,6 +1,6 @@
 import React from "react";
 import type { TimeValue } from "../TimePicker/types";
-import { type SegmentedTimeInputHandle } from "./SegmentedTimeInput";
+import { type TimeInputHandle } from "./TimeInput";
 import type { RangeEndpoint } from "./useRangePicker";
 interface RangeTimeSectionProps {
     /** The picked days, formatted, e.g. "15/11/2026"; empty until picked. */
@@ -29,7 +29,7 @@ interface RangeTimeSectionProps {
     /** e.g. "India Standard Time (UTC+5:30)"; hidden when null. */
     timezoneLabel: string | null;
     /** Lets the picker move focus to the start time. */
-    fromTimeRef?: React.Ref<SegmentedTimeInputHandle>;
+    fromTimeRef?: React.Ref<TimeInputHandle>;
     disabled?: boolean;
     className?: string;
 }

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

@@ -0,0 +1,27 @@
+import React from "react";
+import type { TimeValue } from "../TimePicker/types";
+import { type TimeTextError } from "./timeText";
+interface TimeInputProps {
+    value: TimeValue;
+    /** Minute increment; minutes snap to it. Omit to take minutes as typed. */
+    minuteStep?: number;
+    onChange: (value: TimeValue) => void;
+    /** Reports why the text can't be read as a time, or null once it can. */
+    onErrorChange: (error: TimeTextError | null) => void;
+    invalid?: boolean;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    "aria-label"?: string;
+    "aria-describedby"?: string;
+    "data-testid"?: string;
+}
+export interface TimeInputHandle {
+    /** Focuses the field with its text selected, ready to type over. */
+    focus: () => void;
+}
+/**
+ * A text field that reads times however they are typed: "930", "1122p",
+ * "9:30 pm", "21:30". The text is tidied to "11:22 PM" on leaving the field.
+ */
+declare const TimeInput: React.ForwardRefExoticComponent<TimeInputProps & React.RefAttributes<TimeInputHandle>>;
+export { TimeInput };

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

@@ -1,6 +1,6 @@
 import React from "react";
 import type { TimeValue } from "../TimePicker/types";
-import type { SegmentedTimeError } from "./segmentedTime";
+import type { TimeTextError } from "./timeText";
 interface TimeSectionProps {
     value: TimeValue;
     /** Minute increment; also shows the hint naming it. Omit for any minute. */
@@ -19,7 +19,7 @@ interface TimeSectionProps {
     disabled?: boolean;
     className?: string;
 }
-export declare const ERROR_DEFAULTS: Record<SegmentedTimeError, string>;
+export declare const ERROR_DEFAULTS: Record<TimeTextError, string>;
 export declare const stepExamples: (step: number) => [string, string];
 declare const TimeSection: React.FC<TimeSectionProps>;
 export { TimeSection };

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

@@ -0,0 +1,32 @@
+import type { TimeValue } from "../TimePicker/types";
+/**
+ * Helpers for the free-text time field. Every function here is pure.
+ *
+ * `step` is the minute increment (e.g. 5): parsed and loaded minutes snap to
+ * it. 1, the default, leaves minutes as typed.
+ */
+export type TimeTextError = "timeRequired";
+/**
+ * Rounds minutes to the nearest step, staying within the hour. With step 5:
+ * 27 → 25, 28 → 30, 58 → 55. With step 1 they are unchanged.
+ */
+export declare const snapMinute: (minutes: number, step?: number) => number;
+export declare const snapTimeValue: (value: TimeValue, step?: number) => TimeValue;
+export declare const toMinutes: (value: TimeValue) => number;
+export declare const fromMinutes: (minutes: number) => TimeValue;
+/** The last time of the day on the step's grid: 11:59 PM, or 11:55 PM for 5. */
+export declare const lastMinuteOfDay: (step?: number) => number;
+/** e.g. "9:30 AM". */
+export declare const formatTimeText: (value: TimeValue) => string;
+/**
+ * Reads what people type into a time field. Without "a"/"p" the hour is read
+ * on the 24-hour clock, so "9" is 9 AM and "21" is 9 PM.
+ *
+ * "9" → 9:00 AM, "930" → 9:30 AM, "113" → 11:30 AM, "1122p" → 11:22 PM,
+ * "9:30 pm" → 9:30 PM, "1 15" → 1:15 AM, "11:3" → 11:30 AM, "21:30" → 9:30 PM,
+ * "12a" → 12:00 AM.
+ *
+ * Returns null when the text is empty and "invalid" when it can't be read.
+ */
+export declare const parseTimeText: (text: string, step?: number) => TimeValue | null | "invalid";
+export declare const getTimeTextError: (parsed: TimeValue | null | "invalid") => TimeTextError | null;

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

@@ -105,7 +105,7 @@ export interface DatePickerProps {
     align?: PopoverAlign;
     /** Custom trigger element. When provided, replaces the built-in input UI and the popover anchors to this element. */
     trigger?: React.ReactNode;
-    /** First day of the week. 0 = Sunday (default), 1 = Monday, etc. */
+    /** First day of the week. 0 = Sunday, 1 = Monday (default), etc. */
     weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     /** Prefix for the field's testid family(input, error). Falls back to the hyphenized label. */
     dataTestId?: string;

package/dist/components/DatePicker.js

@@ -1,4 +1,4 @@
-export { D as DatePicker } from '../DatePicker-CMlA-hNW.js';
+export { D as DatePicker } from '../DatePicker-CHLlvCBK.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../primitives/Calendar.js';

package/dist/components/TranslationProvider.js

@@ -1,4 +1,4 @@
-export { T as TranslationProvider } from '../TranslationProvider-DKdbPweu.js';
+export { T as TranslationProvider } from '../TranslationProvider-CQyQt55W.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'react-i18next';

package/dist/components/index.js

@@ -8,7 +8,7 @@ export { C as Callout } from '../Callout-DJGi3MQR.js';
 export { C as Checkbox } from '../Checkbox-BalUzegZ.js';
 export { C as ColorPicker } from '../ColorPicker-g9siUaIe.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-C7OVgLaL.js';
-export { D as DatePicker } from '../DatePicker-CMlA-hNW.js';
+export { D as DatePicker } from '../DatePicker-CHLlvCBK.js';
 export { D as Dialog } from '../Dialog-ZTcfRPwU.js';
 export { E as Empty } from '../Empty-B4iQJlmf.js';
 export { I as Input } from '../Input-Dm5ILPH3.js';
@@ -30,7 +30,7 @@ export { T as Textarea } from '../Textarea-CUe09-sr.js';
 export { T as TimePicker, a as TimePickerPanel } from '../TimePicker-DNeKmsBO.js';
 export { T as Toastr } from '../Toastr-BGdPHnlj.js';
 export { T as Tooltip } from '../Tooltip-DWDsgyx7.js';
-export { T as TranslationProvider } from '../TranslationProvider-DKdbPweu.js';
+export { T as TranslationProvider } from '../TranslationProvider-CQyQt55W.js';
 export { T as Tree } from '../Tree-Cf0rLcX9.js';
 export { T as TreeSelect } from '../TreeSelect-BV18q8UD.js';
 export { T as Typography, t as typographyVariants } from '../Typography-Bu78IBJy.js';

package/dist/index.js

@@ -1,6 +1,6 @@
 import { dayjs } from '@bigbinary/neeto-commons-frontend/utils';
 export { dayjs } from '@bigbinary/neeto-commons-frontend/utils';
-export { T as TranslationProvider, r as translations } from './TranslationProvider-DKdbPweu.js';
+export { T as TranslationProvider, r as translations } from './TranslationProvider-CQyQt55W.js';
 export { DropdownMenu } from './components/DropdownMenu.js';
 export { u as useIsMobile } from './use-mobile-QbHL72cX.js';
 export { c as cn } from './utils-BJnb9o5c.js';
@@ -13,7 +13,7 @@ export { C as Callout } from './Callout-DJGi3MQR.js';
 export { C as Checkbox } from './Checkbox-BalUzegZ.js';
 export { C as ColorPicker } from './ColorPicker-g9siUaIe.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-C7OVgLaL.js';
-export { D as DatePicker } from './DatePicker-CMlA-hNW.js';
+export { D as DatePicker } from './DatePicker-CHLlvCBK.js';
 export { D as Dialog } from './Dialog-ZTcfRPwU.js';
 export { D as DirectionProvider } from './DirectionProvider-weqLz_BJ.js';
 export { E as Empty } from './Empty-B4iQJlmf.js';

package/dist/primitives/Calendar.d.ts

@@ -1,5 +1,5 @@
 import type React from "react";
 import { Calendar as ShadcnCalendar, CalendarDayButton as ShadcnCalendarDayButton } from "src/shadcn/components/calendar";
-declare const Calendar: (props: React.ComponentProps<typeof ShadcnCalendar>) => import("react/jsx-runtime").JSX.Element;
+declare const Calendar: ({ weekStartsOn, ...props }: React.ComponentProps<typeof ShadcnCalendar>) => import("react/jsx-runtime").JSX.Element;
 declare const CalendarDayButton: (props: React.ComponentProps<typeof ShadcnCalendarDayButton>) => import("react/jsx-runtime").JSX.Element;
 export { Calendar, CalendarDayButton };

package/dist/primitives/Calendar.js

@@ -8036,7 +8036,7 @@ function Calendar$1({
           defaultClassNames.today
         ),
         outside: cn(
-          "text-muted-foreground aria-selected:text-muted-foreground",
+          "text-muted-foreground/40 aria-selected:text-muted-foreground/40",
           defaultClassNames.outside
         ),
         disabled: cn(
@@ -8110,7 +8110,10 @@ function CalendarDayButton$1({
   );
 }
 
-const Calendar = (props) => /* @__PURE__ */ jsx(Calendar$1, { ...props });
+const Calendar = ({
+  weekStartsOn = 1,
+  ...props
+}) => /* @__PURE__ */ jsx(Calendar$1, { weekStartsOn, ...props });
 const CalendarDayButton = (props) => /* @__PURE__ */ jsx(CalendarDayButton$1, { ...props });
 
 export { Calendar, CalendarDayButton };