@sprawlify/primitives 0.1.10 → 0.1.12

package/dist/machines/date-input/index.d.cts

@@ -0,0 +1,223 @@
+import { n as AnatomyInstance } from "../../create-anatomy-9eFQs7lO.cjs";
+import { b as Service, p as Machine } from "../../types-u-LWCSDE.cjs";
+import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-CLRsezW5.cjs";
+import { i as DateGranularity } from "../../types-MFO-RQR7.cjs";
+import { t as LiveRegion } from "../../index-BO-Z3fhz.cjs";
+import { AnyDateTime, Calendar, Calendar as Calendar$1, CalendarDate, CalendarDateTime, DateFormatter, DateFormatter as DateFormatter$1, DateValue, DateValue as DateValue$1, ZonedDateTime } from "@internationalized/date";
+
+//#region src/machines/date-input/date-input.anatomy.d.ts
+declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "hiddenInput" | "segment" | "segmentGroup">;
+//#endregion
+//#region src/machines/date-input/utils/incomplete-date.d.ts
+type HourCycle$1 = "h12" | "h11" | "h23" | "h24";
+declare class IncompleteDate {
+  calendar: Calendar$1;
+  era: string | null;
+  year: number | null;
+  month: number | null;
+  day: number | null;
+  hour: number | null;
+  hourCycle: HourCycle$1;
+  dayPeriod: number | null;
+  minute: number | null;
+  second: number | null;
+  millisecond: number | null;
+  offset: number | null;
+  constructor(calendar: Calendar$1, hourCycle: HourCycle$1, dateValue?: Partial<Omit<AnyDateTime, "copy">> | null);
+  copy(): IncompleteDate;
+  isComplete(segments: SegmentType[]): boolean;
+  isCleared(segments: SegmentType[]): boolean;
+  set(field: SegmentType, value: number | string, placeholder: DateValue$1): IncompleteDate;
+  clear(field: SegmentType): IncompleteDate;
+  cycle(field: SegmentType, amount: number, placeholder: DateValue$1, displaySegments: SegmentType[]): IncompleteDate;
+  toValue(value: DateValue$1): DateValue$1;
+  getSegmentLimits(type: string): {
+    value: number | null;
+    minValue: number;
+    maxValue: number;
+  } | undefined;
+  toString(): string;
+}
+//#endregion
+//#region src/machines/date-input/utils/segments.d.ts
+declare const EDITABLE_SEGMENTS: {
+  readonly year: true;
+  readonly month: true;
+  readonly day: true;
+  readonly hour: true;
+  readonly minute: true;
+  readonly second: true;
+  readonly dayPeriod: true;
+  readonly era: true;
+  readonly literal: false;
+  readonly timeZoneName: false;
+  readonly weekday: false;
+  readonly unknown: false;
+  readonly fractionalSecond: false;
+};
+//#endregion
+//#region src/machines/date-input/date-input.types.d.ts
+interface ValueChangeDetails {
+  value: DateValue[];
+  valueAsString: string[];
+}
+interface PlaceholderChangeDetails extends ValueChangeDetails {
+  placeholderValue: DateValue;
+}
+interface FocusChangeDetails {
+  focused: boolean;
+}
+interface FormatDateDetails {
+  locale: string;
+  timeZone: string;
+}
+type SelectionMode = "single" | "range";
+type HourCycle = 12 | 24;
+interface IntlTranslations {
+  placeholder: (locale: string) => Record<EditableSegmentType, string>;
+}
+type ElementIds = Partial<{
+  root: string;
+  label: (index: number) => string;
+  control: string;
+  segmentGroup: (index: number) => string;
+  hiddenInput: (index: number) => string;
+}>;
+interface DateInputProps extends DirectionProperty, CommonProperties {
+  locale?: string | undefined;
+  translations?: IntlTranslations | undefined;
+  ids?: ElementIds | undefined;
+  name?: string | undefined;
+  form?: string | undefined;
+  timeZone?: string | undefined;
+  disabled?: boolean | undefined;
+  readOnly?: boolean | undefined;
+  required?: boolean | undefined;
+  invalid?: boolean | undefined;
+  min?: DateValue | undefined;
+  max?: DateValue | undefined;
+  value?: DateValue[] | undefined;
+  defaultValue?: DateValue[] | undefined;
+  placeholderValue?: DateValue | undefined;
+  defaultPlaceholderValue?: DateValue | undefined;
+  onValueChange?: ((details: ValueChangeDetails) => void) | undefined;
+  onPlaceholderChange?: ((details: PlaceholderChangeDetails) => void) | undefined;
+  onFocusChange?: ((details: FocusChangeDetails) => void) | undefined;
+  selectionMode?: SelectionMode | undefined;
+  hourCycle?: HourCycle | undefined;
+  granularity?: DateGranularity | undefined;
+  shouldForceLeadingZeros?: boolean | undefined;
+  formatter?: DateFormatter | undefined;
+  allSegments?: Segments | undefined;
+  format?: ((date: DateValue, details: FormatDateDetails) => string) | undefined;
+}
+type PropsWithDefault = "selectionMode" | "locale" | "timeZone" | "granularity" | "translations" | "shouldForceLeadingZeros" | "formatter" | "allSegments" | "format";
+interface PrivateContext {
+  activeIndex: number;
+  activeSegmentIndex: number;
+  value: DateValue[];
+  placeholderValue: DateValue;
+  displayValues: IncompleteDate[];
+  enteredKeys: string;
+}
+type ComputedContext = Readonly<{
+  isInteractive: boolean;
+  valueAsString: string[];
+  segments: DateSegment[][];
+}>;
+type Refs = {
+  announcer: LiveRegion | null;
+  segmentToAnnounceIndex: number | null;
+};
+interface DateInputSchema {
+  state: "idle" | "focused";
+  props: RequiredBy<DateInputProps, PropsWithDefault>;
+  context: PrivateContext;
+  computed: ComputedContext;
+  refs: Refs;
+  guard: string;
+  action: string;
+  effect: string;
+}
+type DateInputService = Service<DateInputSchema>;
+type DateInputMachine = Machine<DateInputSchema>;
+type SegmentType = "era" | "year" | "month" | "day" | "hour" | "minute" | "second" | "dayPeriod" | "literal" | "timeZoneName";
+type Segments = Partial<{ -readonly [K in keyof typeof EDITABLE_SEGMENTS]: boolean }>;
+type EditableSegmentType = { [K in keyof typeof EDITABLE_SEGMENTS]: (typeof EDITABLE_SEGMENTS)[K] extends true ? K : never }[keyof typeof EDITABLE_SEGMENTS];
+interface DateSegment {
+  type: SegmentType;
+  text: string;
+  value?: number;
+  minValue?: number;
+  maxValue?: number;
+  isPlaceholder: boolean;
+  placeholder: string;
+  isEditable: boolean;
+}
+interface SegmentGroupProps {
+  index?: number | undefined;
+}
+interface SegmentsProps {
+  index?: number | undefined;
+}
+interface SegmentProps {
+  segment: DateSegment;
+  index?: number | undefined;
+}
+interface SegmentState {
+  editable: boolean;
+}
+interface LabelProps {
+  index?: number | undefined;
+}
+interface HiddenInputProps {
+  index?: number | undefined;
+  name?: string | undefined;
+}
+interface DateInputApi<T extends PropTypes = PropTypes> {
+  focused: boolean;
+  disabled: boolean;
+  invalid: boolean;
+  groupCount: number;
+  value: DateValue[];
+  valueAsDate: Date[];
+  valueAsString: string[];
+  placeholderValue: DateValue;
+  displayValues: IncompleteDate[];
+  setValue: (values: DateValue[]) => void;
+  clearValue: VoidFunction;
+  getSegments: (props?: SegmentsProps | undefined) => DateSegment[];
+  getSegmentState: (props: SegmentProps) => SegmentState;
+  getRootProps: () => T["element"];
+  getLabelProps: (props?: LabelProps) => T["label"];
+  getControlProps: () => T["element"];
+  getSegmentGroupProps: (props?: SegmentGroupProps | undefined) => T["element"];
+  getSegmentProps: (props: SegmentProps) => T["element"];
+  getHiddenInputProps: (props?: HiddenInputProps | undefined) => T["input"];
+}
+//#endregion
+//#region src/machines/date-input/date-input.connect.d.ts
+declare function connect<T extends PropTypes>(service: DateInputService, normalize: NormalizeProps<T>): DateInputApi<T>;
+//#endregion
+//#region src/machines/date-input/date-input.machine.d.ts
+declare const machine: Machine<DateInputSchema>;
+//#endregion
+//#region src/machines/date-input/date-input.parse.d.ts
+declare function parse(value: string | Date): DateValue$1;
+declare function parse(value: string[] | Date[]): DateValue$1[];
+//#endregion
+//#region src/machines/date-input/date-input.props.d.ts
+declare const props: (keyof DateInputProps)[];
+declare const splitProps: <Props extends Partial<DateInputProps>>(props: Props) => [Partial<DateInputProps>, Omit<Props, keyof DateInputProps>];
+declare const segmentProps: (keyof SegmentProps)[];
+declare const splitSegmentProps: <Props extends SegmentProps>(props: Props) => [SegmentProps, Omit<Props, keyof SegmentProps>];
+declare const segmentGroupProps: "index"[];
+declare const splitSegmentGroupProps: <Props extends SegmentGroupProps>(props: Props) => [SegmentGroupProps, Omit<Props, "index">];
+declare const segmentsProps: "index"[];
+declare const splitSegmentsProps: <Props extends SegmentsProps>(props: Props) => [SegmentsProps, Omit<Props, "index">];
+declare const labelProps: "index"[];
+declare const splitLabelProps: <Props extends LabelProps>(props: Props) => [LabelProps, Omit<Props, "index">];
+declare const hiddenInputProps: (keyof HiddenInputProps)[];
+declare const splitHiddenInputProps: <Props extends HiddenInputProps>(props: Props) => [HiddenInputProps, Omit<Props, keyof HiddenInputProps>];
+//#endregion
+export { type DateInputApi as Api, type Calendar, type CalendarDate, type CalendarDateTime, type DateFormatter, type DateSegment, type DateValue, type EditableSegmentType, type ElementIds, type FocusChangeDetails, type FormatDateDetails, type HiddenInputProps, type HourCycle, type IntlTranslations, type LabelProps, type DateInputMachine as Machine, type PlaceholderChangeDetails, type DateInputProps as Props, type SegmentGroupProps, type SegmentProps, type SegmentState, type SegmentType, type Segments, type SegmentsProps, type SelectionMode, type DateInputService as Service, type ValueChangeDetails, type ZonedDateTime, anatomy, connect, hiddenInputProps, labelProps, machine, parse, props, segmentGroupProps, segmentProps, segmentsProps, splitHiddenInputProps, splitLabelProps, splitProps, splitSegmentGroupProps, splitSegmentProps, splitSegmentsProps };

package/dist/machines/date-input/index.d.mts

@@ -0,0 +1,223 @@
+import { n as AnatomyInstance } from "../../create-anatomy-BedZVdg0.mjs";
+import { b as Service, p as Machine } from "../../types-DvUmCWsb.mjs";
+import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BVFlU3b9.mjs";
+import { Z as DateGranularity } from "../../index-BfUngXif.mjs";
+import { t as LiveRegion } from "../../index-1L40UHp8.mjs";
+import { AnyDateTime, Calendar, Calendar as Calendar$1, CalendarDate, CalendarDateTime, DateFormatter, DateFormatter as DateFormatter$1, DateValue, DateValue as DateValue$1, ZonedDateTime } from "@internationalized/date";
+
+//#region src/machines/date-input/date-input.anatomy.d.ts
+declare const anatomy: AnatomyInstance<"root" | "label" | "control" | "hiddenInput" | "segment" | "segmentGroup">;
+//#endregion
+//#region src/machines/date-input/utils/incomplete-date.d.ts
+type HourCycle$1 = "h12" | "h11" | "h23" | "h24";
+declare class IncompleteDate {
+  calendar: Calendar$1;
+  era: string | null;
+  year: number | null;
+  month: number | null;
+  day: number | null;
+  hour: number | null;
+  hourCycle: HourCycle$1;
+  dayPeriod: number | null;
+  minute: number | null;
+  second: number | null;
+  millisecond: number | null;
+  offset: number | null;
+  constructor(calendar: Calendar$1, hourCycle: HourCycle$1, dateValue?: Partial<Omit<AnyDateTime, "copy">> | null);
+  copy(): IncompleteDate;
+  isComplete(segments: SegmentType[]): boolean;
+  isCleared(segments: SegmentType[]): boolean;
+  set(field: SegmentType, value: number | string, placeholder: DateValue$1): IncompleteDate;
+  clear(field: SegmentType): IncompleteDate;
+  cycle(field: SegmentType, amount: number, placeholder: DateValue$1, displaySegments: SegmentType[]): IncompleteDate;
+  toValue(value: DateValue$1): DateValue$1;
+  getSegmentLimits(type: string): {
+    value: number | null;
+    minValue: number;
+    maxValue: number;
+  } | undefined;
+  toString(): string;
+}
+//#endregion
+//#region src/machines/date-input/utils/segments.d.ts
+declare const EDITABLE_SEGMENTS: {
+  readonly year: true;
+  readonly month: true;
+  readonly day: true;
+  readonly hour: true;
+  readonly minute: true;
+  readonly second: true;
+  readonly dayPeriod: true;
+  readonly era: true;
+  readonly literal: false;
+  readonly timeZoneName: false;
+  readonly weekday: false;
+  readonly unknown: false;
+  readonly fractionalSecond: false;
+};
+//#endregion
+//#region src/machines/date-input/date-input.types.d.ts
+interface ValueChangeDetails {
+  value: DateValue[];
+  valueAsString: string[];
+}
+interface PlaceholderChangeDetails extends ValueChangeDetails {
+  placeholderValue: DateValue;
+}
+interface FocusChangeDetails {
+  focused: boolean;
+}
+interface FormatDateDetails {
+  locale: string;
+  timeZone: string;
+}
+type SelectionMode = "single" | "range";
+type HourCycle = 12 | 24;
+interface IntlTranslations {
+  placeholder: (locale: string) => Record<EditableSegmentType, string>;
+}
+type ElementIds = Partial<{
+  root: string;
+  label: (index: number) => string;
+  control: string;
+  segmentGroup: (index: number) => string;
+  hiddenInput: (index: number) => string;
+}>;
+interface DateInputProps extends DirectionProperty, CommonProperties {
+  locale?: string | undefined;
+  translations?: IntlTranslations | undefined;
+  ids?: ElementIds | undefined;
+  name?: string | undefined;
+  form?: string | undefined;
+  timeZone?: string | undefined;
+  disabled?: boolean | undefined;
+  readOnly?: boolean | undefined;
+  required?: boolean | undefined;
+  invalid?: boolean | undefined;
+  min?: DateValue | undefined;
+  max?: DateValue | undefined;
+  value?: DateValue[] | undefined;
+  defaultValue?: DateValue[] | undefined;
+  placeholderValue?: DateValue | undefined;
+  defaultPlaceholderValue?: DateValue | undefined;
+  onValueChange?: ((details: ValueChangeDetails) => void) | undefined;
+  onPlaceholderChange?: ((details: PlaceholderChangeDetails) => void) | undefined;
+  onFocusChange?: ((details: FocusChangeDetails) => void) | undefined;
+  selectionMode?: SelectionMode | undefined;
+  hourCycle?: HourCycle | undefined;
+  granularity?: DateGranularity | undefined;
+  shouldForceLeadingZeros?: boolean | undefined;
+  formatter?: DateFormatter | undefined;
+  allSegments?: Segments | undefined;
+  format?: ((date: DateValue, details: FormatDateDetails) => string) | undefined;
+}
+type PropsWithDefault = "selectionMode" | "locale" | "timeZone" | "granularity" | "translations" | "shouldForceLeadingZeros" | "formatter" | "allSegments" | "format";
+interface PrivateContext {
+  activeIndex: number;
+  activeSegmentIndex: number;
+  value: DateValue[];
+  placeholderValue: DateValue;
+  displayValues: IncompleteDate[];
+  enteredKeys: string;
+}
+type ComputedContext = Readonly<{
+  isInteractive: boolean;
+  valueAsString: string[];
+  segments: DateSegment[][];
+}>;
+type Refs = {
+  announcer: LiveRegion | null;
+  segmentToAnnounceIndex: number | null;
+};
+interface DateInputSchema {
+  state: "idle" | "focused";
+  props: RequiredBy<DateInputProps, PropsWithDefault>;
+  context: PrivateContext;
+  computed: ComputedContext;
+  refs: Refs;
+  guard: string;
+  action: string;
+  effect: string;
+}
+type DateInputService = Service<DateInputSchema>;
+type DateInputMachine = Machine<DateInputSchema>;
+type SegmentType = "era" | "year" | "month" | "day" | "hour" | "minute" | "second" | "dayPeriod" | "literal" | "timeZoneName";
+type Segments = Partial<{ -readonly [K in keyof typeof EDITABLE_SEGMENTS]: boolean }>;
+type EditableSegmentType = { [K in keyof typeof EDITABLE_SEGMENTS]: (typeof EDITABLE_SEGMENTS)[K] extends true ? K : never }[keyof typeof EDITABLE_SEGMENTS];
+interface DateSegment {
+  type: SegmentType;
+  text: string;
+  value?: number;
+  minValue?: number;
+  maxValue?: number;
+  isPlaceholder: boolean;
+  placeholder: string;
+  isEditable: boolean;
+}
+interface SegmentGroupProps {
+  index?: number | undefined;
+}
+interface SegmentsProps {
+  index?: number | undefined;
+}
+interface SegmentProps {
+  segment: DateSegment;
+  index?: number | undefined;
+}
+interface SegmentState {
+  editable: boolean;
+}
+interface LabelProps {
+  index?: number | undefined;
+}
+interface HiddenInputProps {
+  index?: number | undefined;
+  name?: string | undefined;
+}
+interface DateInputApi<T extends PropTypes = PropTypes> {
+  focused: boolean;
+  disabled: boolean;
+  invalid: boolean;
+  groupCount: number;
+  value: DateValue[];
+  valueAsDate: Date[];
+  valueAsString: string[];
+  placeholderValue: DateValue;
+  displayValues: IncompleteDate[];
+  setValue: (values: DateValue[]) => void;
+  clearValue: VoidFunction;
+  getSegments: (props?: SegmentsProps | undefined) => DateSegment[];
+  getSegmentState: (props: SegmentProps) => SegmentState;
+  getRootProps: () => T["element"];
+  getLabelProps: (props?: LabelProps) => T["label"];
+  getControlProps: () => T["element"];
+  getSegmentGroupProps: (props?: SegmentGroupProps | undefined) => T["element"];
+  getSegmentProps: (props: SegmentProps) => T["element"];
+  getHiddenInputProps: (props?: HiddenInputProps | undefined) => T["input"];
+}
+//#endregion
+//#region src/machines/date-input/date-input.connect.d.ts
+declare function connect<T extends PropTypes>(service: DateInputService, normalize: NormalizeProps<T>): DateInputApi<T>;
+//#endregion
+//#region src/machines/date-input/date-input.machine.d.ts
+declare const machine: Machine<DateInputSchema>;
+//#endregion
+//#region src/machines/date-input/date-input.parse.d.ts
+declare function parse(value: string | Date): DateValue$1;
+declare function parse(value: string[] | Date[]): DateValue$1[];
+//#endregion
+//#region src/machines/date-input/date-input.props.d.ts
+declare const props: (keyof DateInputProps)[];
+declare const splitProps: <Props extends Partial<DateInputProps>>(props: Props) => [Partial<DateInputProps>, Omit<Props, keyof DateInputProps>];
+declare const segmentProps: (keyof SegmentProps)[];
+declare const splitSegmentProps: <Props extends SegmentProps>(props: Props) => [SegmentProps, Omit<Props, keyof SegmentProps>];
+declare const segmentGroupProps: "index"[];
+declare const splitSegmentGroupProps: <Props extends SegmentGroupProps>(props: Props) => [SegmentGroupProps, Omit<Props, "index">];
+declare const segmentsProps: "index"[];
+declare const splitSegmentsProps: <Props extends SegmentsProps>(props: Props) => [SegmentsProps, Omit<Props, "index">];
+declare const labelProps: "index"[];
+declare const splitLabelProps: <Props extends LabelProps>(props: Props) => [LabelProps, Omit<Props, "index">];
+declare const hiddenInputProps: (keyof HiddenInputProps)[];
+declare const splitHiddenInputProps: <Props extends HiddenInputProps>(props: Props) => [HiddenInputProps, Omit<Props, keyof HiddenInputProps>];
+//#endregion
+export { type DateInputApi as Api, type Calendar, type CalendarDate, type CalendarDateTime, type DateFormatter, type DateSegment, type DateValue, type EditableSegmentType, type ElementIds, type FocusChangeDetails, type FormatDateDetails, type HiddenInputProps, type HourCycle, type IntlTranslations, type LabelProps, type DateInputMachine as Machine, type PlaceholderChangeDetails, type DateInputProps as Props, type SegmentGroupProps, type SegmentProps, type SegmentState, type SegmentType, type Segments, type SegmentsProps, type SelectionMode, type DateInputService as Service, type ValueChangeDetails, type ZonedDateTime, anatomy, connect, hiddenInputProps, labelProps, machine, parse, props, segmentGroupProps, segmentProps, segmentsProps, splitHiddenInputProps, splitLabelProps, splitProps, splitSegmentGroupProps, splitSegmentProps, splitSegmentsProps };