reka-ui 1.0.0-alpha.2 → 1.0.0-alpha.3

package/dist/_virtual/_commonjsHelpers.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}exports.getDefaultExportFromCjs=e;

package/dist/_virtual/_commonjsHelpers.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+export {
+  e as getDefaultExportFromCjs
+};

package/dist/constant.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./packages/core/constant/components.cjs");exports.components=e.components;exports.utilities=e.utilities;

package/dist/constant.d.ts

@@ -0,0 +1 @@
+export { }

package/dist/constant.js

@@ -1,417 +1,5 @@
-const e = {
-  accordion: [
-    "AccordionContent",
-    "AccordionHeader",
-    "AccordionItem",
-    "AccordionRoot",
-    "AccordionTrigger"
-  ],
-  alertDialog: [
-    "AlertDialogRoot",
-    "AlertDialogTrigger",
-    "AlertDialogPortal",
-    "AlertDialogContent",
-    "AlertDialogOverlay",
-    "AlertDialogCancel",
-    "AlertDialogTitle",
-    "AlertDialogDescription",
-    "AlertDialogAction"
-  ],
-  aspectRatio: [
-    "AspectRatio"
-  ],
-  avatar: [
-    "AvatarRoot",
-    "AvatarFallback",
-    "AvatarImage"
-  ],
-  calendar: [
-    "CalendarRoot",
-    "CalendarHeader",
-    "CalendarHeading",
-    "CalendarGrid",
-    "CalendarCell",
-    "CalendarHeadCell",
-    "CalendarNext",
-    "CalendarPrev",
-    "CalendarGridHead",
-    "CalendarGridBody",
-    "CalendarGridRow",
-    "CalendarCellTrigger"
-  ],
-  checkbox: [
-    "CheckboxGroupRoot",
-    "CheckboxRoot",
-    "CheckboxIndicator"
-  ],
-  collapsible: [
-    "CollapsibleRoot",
-    "CollapsibleTrigger",
-    "CollapsibleContent"
-  ],
-  combobox: [
-    "ComboboxRoot",
-    "ComboboxInput",
-    "ComboboxAnchor",
-    "ComboboxEmpty",
-    "ComboboxTrigger",
-    "ComboboxCancel",
-    "ComboboxGroup",
-    "ComboboxLabel",
-    "ComboboxContent",
-    "ComboboxViewport",
-    "ComboboxVirtualizer",
-    "ComboboxItem",
-    "ComboboxItemIndicator",
-    "ComboboxSeparator",
-    "ComboboxArrow",
-    "ComboboxPortal"
-  ],
-  configProvider: [
-    "ConfigProvider"
-  ],
-  contextMenu: [
-    "ContextMenuRoot",
-    "ContextMenuTrigger",
-    "ContextMenuPortal",
-    "ContextMenuContent",
-    "ContextMenuArrow",
-    "ContextMenuItem",
-    "ContextMenuGroup",
-    "ContextMenuSeparator",
-    "ContextMenuCheckboxItem",
-    "ContextMenuItemIndicator",
-    "ContextMenuLabel",
-    "ContextMenuRadioGroup",
-    "ContextMenuRadioItem",
-    "ContextMenuSub",
-    "ContextMenuSubContent",
-    "ContextMenuSubTrigger"
-  ],
-  dateField: [
-    "DateFieldRoot",
-    "DateFieldInput"
-  ],
-  datePicker: [
-    "DatePickerRoot",
-    "DatePickerHeader",
-    "DatePickerHeading",
-    "DatePickerGrid",
-    "DatePickerCell",
-    "DatePickerHeadCell",
-    "DatePickerNext",
-    "DatePickerPrev",
-    "DatePickerGridHead",
-    "DatePickerGridBody",
-    "DatePickerGridRow",
-    "DatePickerCellTrigger",
-    "DatePickerInput",
-    "DatePickerCalendar",
-    "DatePickerField",
-    "DatePickerAnchor",
-    "DatePickerArrow",
-    "DatePickerClose",
-    "DatePickerTrigger",
-    "DatePickerContent"
-  ],
-  dateRangePicker: [
-    "DateRangePickerRoot",
-    "DateRangePickerHeader",
-    "DateRangePickerHeading",
-    "DateRangePickerGrid",
-    "DateRangePickerCell",
-    "DateRangePickerHeadCell",
-    "DateRangePickerNext",
-    "DateRangePickerPrev",
-    "DateRangePickerGridHead",
-    "DateRangePickerGridBody",
-    "DateRangePickerGridRow",
-    "DateRangePickerCellTrigger",
-    "DateRangePickerInput",
-    "DateRangePickerCalendar",
-    "DateRangePickerField",
-    "DateRangePickerAnchor",
-    "DateRangePickerArrow",
-    "DateRangePickerClose",
-    "DateRangePickerTrigger",
-    "DateRangePickerContent"
-  ],
-  dateRangeField: [
-    "DateRangeFieldRoot",
-    "DateRangeFieldInput"
-  ],
-  dialog: [
-    "DialogRoot",
-    "DialogTrigger",
-    "DialogPortal",
-    "DialogContent",
-    "DialogOverlay",
-    "DialogClose",
-    "DialogTitle",
-    "DialogDescription"
-  ],
-  dropdownMenu: [
-    "DropdownMenuRoot",
-    "DropdownMenuTrigger",
-    "DropdownMenuPortal",
-    "DropdownMenuContent",
-    "DropdownMenuArrow",
-    "DropdownMenuItem",
-    "DropdownMenuGroup",
-    "DropdownMenuSeparator",
-    "DropdownMenuCheckboxItem",
-    "DropdownMenuItemIndicator",
-    "DropdownMenuLabel",
-    "DropdownMenuRadioGroup",
-    "DropdownMenuRadioItem",
-    "DropdownMenuSub",
-    "DropdownMenuSubContent",
-    "DropdownMenuSubTrigger"
-  ],
-  editable: [
-    "EditableRoot",
-    "EditableArea",
-    "EditableInput",
-    "EditablePreview",
-    "EditableSubmitTrigger",
-    "EditableCancelTrigger",
-    "EditableEditTrigger"
-  ],
-  hoverCard: [
-    "HoverCardRoot",
-    "HoverCardTrigger",
-    "HoverCardPortal",
-    "HoverCardContent",
-    "HoverCardArrow"
-  ],
-  label: [
-    "Label"
-  ],
-  listbox: [
-    "ListboxRoot",
-    "ListboxContent",
-    "ListboxFilter",
-    "ListboxItem",
-    "ListboxItemIndicator",
-    "ListboxVirtualizer",
-    "ListboxGroup",
-    "ListboxGroupLabel"
-  ],
-  menubar: [
-    "MenubarRoot",
-    "MenubarTrigger",
-    "MenubarPortal",
-    "MenubarContent",
-    "MenubarArrow",
-    "MenubarItem",
-    "MenubarGroup",
-    "MenubarSeparator",
-    "MenubarCheckboxItem",
-    "MenubarItemIndicator",
-    "MenubarLabel",
-    "MenubarRadioGroup",
-    "MenubarRadioItem",
-    "MenubarSub",
-    "MenubarSubContent",
-    "MenubarSubTrigger",
-    "MenubarMenu"
-  ],
-  navigationMenu: [
-    "NavigationMenuRoot",
-    "NavigationMenuContent",
-    "NavigationMenuIndicator",
-    "NavigationMenuItem",
-    "NavigationMenuLink",
-    "NavigationMenuList",
-    "NavigationMenuSub",
-    "NavigationMenuTrigger",
-    "NavigationMenuViewport"
-  ],
-  numberField: [
-    "NumberFieldRoot",
-    "NumberFieldInput",
-    "NumberFieldIncrement",
-    "NumberFieldDecrement"
-  ],
-  pagination: [
-    "PaginationRoot",
-    "PaginationEllipsis",
-    "PaginationFirst",
-    "PaginationLast",
-    "PaginationList",
-    "PaginationListItem",
-    "PaginationNext",
-    "PaginationPrev"
-  ],
-  pinInput: [
-    "PinInputRoot",
-    "PinInputInput"
-  ],
-  popover: [
-    "PopoverRoot",
-    "PopoverTrigger",
-    "PopoverPortal",
-    "PopoverContent",
-    "PopoverArrow",
-    "PopoverClose",
-    "PopoverAnchor"
-  ],
-  presence: [
-    "Presence"
-  ],
-  progress: [
-    "ProgressRoot",
-    "ProgressIndicator"
-  ],
-  radioGroup: [
-    "RadioGroupRoot",
-    "RadioGroupItem",
-    "RadioGroupIndicator"
-  ],
-  rangeCalendar: [
-    "RangeCalendarRoot",
-    "RangeCalendarHeader",
-    "RangeCalendarHeading",
-    "RangeCalendarGrid",
-    "RangeCalendarCell",
-    "RangeCalendarHeadCell",
-    "RangeCalendarNext",
-    "RangeCalendarPrev",
-    "RangeCalendarGridHead",
-    "RangeCalendarGridBody",
-    "RangeCalendarGridRow",
-    "RangeCalendarCellTrigger"
-  ],
-  scrollArea: [
-    "ScrollAreaRoot",
-    "ScrollAreaViewport",
-    "ScrollAreaScrollbar",
-    "ScrollAreaThumb",
-    "ScrollAreaCorner"
-  ],
-  select: [
-    "SelectRoot",
-    "SelectTrigger",
-    "SelectPortal",
-    "SelectContent",
-    "SelectArrow",
-    "SelectSeparator",
-    "SelectItemIndicator",
-    "SelectLabel",
-    "SelectGroup",
-    "SelectItem",
-    "SelectItemText",
-    "SelectViewport",
-    "SelectScrollUpButton",
-    "SelectScrollDownButton",
-    "SelectValue",
-    "SelectIcon"
-  ],
-  separator: [
-    "Separator"
-  ],
-  slider: [
-    "SliderRoot",
-    "SliderThumb",
-    "SliderTrack",
-    "SliderRange"
-  ],
-  splitter: [
-    "SplitterGroup",
-    "SplitterPanel",
-    "SplitterResizeHandle"
-  ],
-  stepper: [
-    "StepperRoot",
-    "StepperItem",
-    "StepperTrigger",
-    "StepperDescription",
-    "StepperTitle",
-    "StepperIndicator",
-    "StepperSeparator"
-  ],
-  switch: [
-    "SwitchRoot",
-    "SwitchThumb"
-  ],
-  tabs: [
-    "TabsRoot",
-    "TabsList",
-    "TabsContent",
-    "TabsTrigger",
-    "TabsIndicator"
-  ],
-  tagsInput: [
-    "TagsInputRoot",
-    "TagsInputInput",
-    "TagsInputItem",
-    "TagsInputItemText",
-    "TagsInputItemDelete",
-    "TagsInputClear"
-  ],
-  toast: [
-    "ToastProvider",
-    "ToastRoot",
-    "ToastAction",
-    "ToastClose",
-    "ToastViewport",
-    "ToastTitle",
-    "ToastDescription"
-  ],
-  toggle: [
-    "Toggle"
-  ],
-  toggleGroup: [
-    "ToggleGroupRoot",
-    "ToggleGroupItem"
-  ],
-  toolbar: [
-    "ToolbarRoot",
-    "ToolbarButton",
-    "ToolbarLink",
-    "ToolbarToggleGroup",
-    "ToolbarToggleItem",
-    "ToolbarSeparator"
-  ],
-  tooltip: [
-    "TooltipRoot",
-    "TooltipTrigger",
-    "TooltipContent",
-    "TooltipArrow",
-    "TooltipPortal",
-    "TooltipProvider"
-  ],
-  tree: [
-    "TreeRoot",
-    "TreeItem",
-    "TreeVirtualizer"
-  ],
-  viewport: [
-    "Viewport"
-  ],
-  primitive: [
-    "Primitive",
-    "Slot"
-  ],
-  visuallyHidden: [
-    "VisuallyHidden"
-  ]
-}, o = {
-  utilities: [
-    "useEmitAsProps",
-    "useFilter",
-    "useForwardProps",
-    "useForwardPropsEmits",
-    "useForwardExpose",
-    "useId",
-    "useStateMachine",
-    "useBodyScrollLock",
-    "useDateFormatter",
-    "withDefault",
-    "createContext"
-  ]
-};
+import { components as e, utilities as i } from "./packages/core/constant/components.js";
 export {
   e as components,
-  o as utilities
+  i as utilities
 };

package/dist/date.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./packages/core/src/date/calendar.cjs"),e=require("./packages/core/src/date/comparators.cjs");exports.createDateRange=a.createDateRange;exports.createDecade=a.createDecade;exports.createMonth=a.createMonth;exports.createMonths=a.createMonths;exports.createYear=a.createYear;exports.createYearRange=a.createYearRange;exports.endOfDecade=a.endOfDecade;exports.getDaysBetween=a.getDaysBetween;exports.startOfDecade=a.startOfDecade;exports.areAllDaysBetweenValid=e.areAllDaysBetweenValid;exports.getDaysInMonth=e.getDaysInMonth;exports.getLastFirstDayOfWeek=e.getLastFirstDayOfWeek;exports.getNextLastDayOfWeek=e.getNextLastDayOfWeek;exports.hasTime=e.hasTime;exports.isAfter=e.isAfter;exports.isAfterOrSame=e.isAfterOrSame;exports.isBefore=e.isBefore;exports.isBeforeOrSame=e.isBeforeOrSame;exports.isBetween=e.isBetween;exports.isBetweenInclusive=e.isBetweenInclusive;exports.isCalendarDateTime=e.isCalendarDateTime;exports.isZonedDateTime=e.isZonedDateTime;exports.parseStringToDateValue=e.parseStringToDateValue;exports.toDate=e.toDate;

package/dist/date.d.ts

@@ -0,0 +1,197 @@
+import { CalendarDateTime } from '@internationalized/date';
+import { DateValue } from '@internationalized/date';
+import { ZonedDateTime } from '@internationalized/date';
+
+export declare function areAllDaysBetweenValid(start: DateValue, end: DateValue, isUnavailable: Matcher | undefined, isDisabled: Matcher | undefined): boolean;
+
+export declare function createDateRange({ start, end }: DateRange): DateValue[];
+
+export declare function createDecade(props: SetDecadeProps): DateValue[];
+
+export declare function createMonth(props: CreateMonthProps): Grid<DateValue>;
+
+export declare type CreateMonthProps = {
+    /**
+     * The date object representing the month's date (usually the first day of the month).
+     */
+    dateObj: DateValue;
+    /**
+     * The day of the week to start the calendar on (0 for Sunday, 1 for Monday, etc.).
+     */
+    weekStartsOn: number;
+    /**
+     * Whether to always render 6 weeks in the calendar, even if the month doesn't
+     * span 6 weeks.
+     */
+    fixedWeeks: boolean;
+    /**
+     * The locale to use when creating the calendar month.
+     */
+    locale: string;
+};
+
+export declare function createMonths(props: SetMonthProps): Grid<DateValue>[];
+
+export declare type CreateSelectProps = {
+    /**
+     * The date object representing the date (usually the first day of the month/year).
+     */
+    dateObj: DateValue;
+};
+
+export declare function createYear(props: SetYearProps): DateValue[];
+
+export declare function createYearRange({ start, end }: DateRange): DateValue[];
+
+declare type DateRange = {
+    start: DateValue | undefined;
+    end: DateValue | undefined;
+};
+
+export declare function endOfDecade(dateObj: DateValue): DateValue;
+
+/**
+ * Retrieves an array of date values representing the days between
+ * the provided start and end dates.
+ */
+export declare function getDaysBetween(start: DateValue, end: DateValue): DateValue[];
+
+/**
+ * Given a date, return the number of days in the month.
+ */
+export declare function getDaysInMonth(date: Date | DateValue): number;
+
+export declare function getLastFirstDayOfWeek<T extends DateValue = DateValue>(date: T, firstDayOfWeek: number, locale: string): T;
+
+export declare function getNextLastDayOfWeek<T extends DateValue = DateValue>(date: T, firstDayOfWeek: number, locale: string): T;
+
+export declare type Grid<T> = {
+    /**
+     * A `DateValue` used to represent the month. Since days
+     * from the previous and next months may be included in the
+     * calendar grid, we need a source of truth for the value
+     * the grid is representing.
+     */
+    value: DateValue;
+    /**
+     * An array of arrays representing the weeks in the calendar.
+     * Each sub-array represents a week, and contains the dates for each
+     * day in that week. This structure is useful for rendering the calendar
+     * grid using a table, where each row represents a week and each cell
+     * represents a day.
+     */
+    rows: T[][];
+    /**
+     * An array of all the dates in the current month, including dates from
+     * the previous and next months that are used to fill out the calendar grid.
+     * This array is useful for rendering the calendar grid in a customizable way,
+     * as it provides all the dates that should be displayed in the grid in a flat
+     * array.
+     */
+    cells: T[];
+};
+
+export declare function hasTime(dateValue: DateValue): boolean;
+
+/**
+ * Determine if a date is after the reference date.
+ * @param dateToCompare - is this date after the `referenceDate`
+ * @param referenceDate - is the `dateToCompare` after this date
+ *
+ * @see {@link isAfterOrSame} for inclusive
+ */
+export declare function isAfter(dateToCompare: DateValue, referenceDate: DateValue): boolean;
+
+/**
+ * Determine if a date is after or the same as the reference date.
+ *
+ * @param dateToCompare - is this date after or the same as the `referenceDate`
+ * @param referenceDate - is the `dateToCompare` after or the same as this date
+ *
+ * @see {@link isAfter} for non-inclusive
+ */
+export declare function isAfterOrSame(dateToCompare: DateValue, referenceDate: DateValue): boolean;
+
+/**
+ * Determine if a date is before the reference date.
+ * @param dateToCompare - is this date before the `referenceDate`
+ * @param referenceDate - is the `dateToCompare` before this date
+ *
+ * @see {@link isBeforeOrSame} for inclusive
+ */
+export declare function isBefore(dateToCompare: DateValue, referenceDate: DateValue): boolean;
+
+/**
+ * Determine if a date is before or the same as the reference date.
+ *
+ * @param dateToCompare - the date to compare
+ * @param referenceDate - the reference date to make the comparison against
+ *
+ * @see {@link isBefore} for non-inclusive
+ */
+export declare function isBeforeOrSame(dateToCompare: DateValue, referenceDate: DateValue): boolean;
+
+/**
+ * Determine if a date is between a start and end reference date.
+ *
+ * @param date - is this date between the `start` and `end` dates
+ * @param start - the start reference date to make the comparison against
+ * @param end - the end reference date to make the comparison against
+ *
+ * @see {@link isBetweenInclusive} for inclusive
+ */
+export declare function isBetween(date: DateValue, start: DateValue, end: DateValue): boolean;
+
+/**
+ * Determine if a date is inclusively between a start and end reference date.
+ *
+ * @param date - is this date inclusively between the `start` and `end` dates
+ * @param start - the start reference date to make the comparison against
+ * @param end - the end reference date to make the comparison against
+ *
+ * @see {@link isBetween} for non-inclusive
+ */
+export declare function isBetweenInclusive(date: DateValue, start: DateValue, end: DateValue): boolean;
+
+export declare function isCalendarDateTime(dateValue: DateValue): dateValue is CalendarDateTime;
+
+export declare function isZonedDateTime(dateValue: DateValue): dateValue is ZonedDateTime;
+
+export declare type Matcher = (date: DateValue) => boolean;
+
+/**
+ * Given a date string and a reference `DateValue` object, parse the
+ * string to the same type as the reference object.
+ *
+ * Useful for parsing strings from data attributes, which are always
+ * strings, to the same type being used by the date component.
+ */
+export declare function parseStringToDateValue(dateStr: string, referenceVal: DateValue): DateValue;
+
+declare type SetDecadeProps = CreateSelectProps & {
+    startIndex?: number;
+    endIndex: number;
+};
+
+declare type SetMonthProps = CreateMonthProps & {
+    numberOfMonths: number | undefined;
+    currentMonths?: Grid<DateValue>[];
+};
+
+declare type SetYearProps = CreateSelectProps & {
+    numberOfMonths?: number;
+    pagedNavigation?: boolean;
+};
+
+export declare function startOfDecade(dateObj: DateValue): DateValue;
+
+/**
+ * Given a `DateValue` object, convert it to a native `Date` object.
+ * If a timezone is provided, the date will be converted to that timezone.
+ * If no timezone is provided, the date will be converted to the local timezone.
+ */
+export declare function toDate(dateValue: DateValue, tz?: string): Date;
+
+export declare type WeekDayFormat = 'narrow' | 'short' | 'long';
+
+export { }

package/dist/date.js

@@ -1,27 +1,28 @@
-import { x as s, h as t, a as r, c as i, d as n, b as D, f as c, e as o, g as f, l as d, v as g, w as l, k as m, n as B, q as O, m as h, o as w, u as y, r as T, i as k, j as p, p as u, s as x, t as A } from "./calendar-ChFCRr4K.js";
+import { createDateRange as t, createDecade as r, createMonth as s, createMonths as i, createYear as n, createYearRange as D, endOfDecade as o, getDaysBetween as c, startOfDecade as f } from "./packages/core/src/date/calendar.js";
+import { areAllDaysBetweenValid as g, getDaysInMonth as m, getLastFirstDayOfWeek as l, getNextLastDayOfWeek as B, hasTime as O, isAfter as y, isAfterOrSame as h, isBefore as w, isBeforeOrSame as T, isBetween as p, isBetweenInclusive as x, isCalendarDateTime as A, isZonedDateTime as M, parseStringToDateValue as S, toDate as k } from "./packages/core/src/date/comparators.js";
 export {
-  s as areAllDaysBetweenValid,
+  g as areAllDaysBetweenValid,
   t as createDateRange,
   r as createDecade,
-  i as createMonth,
-  n as createMonths,
-  D as createYear,
-  c as createYearRange,
+  s as createMonth,
+  i as createMonths,
+  n as createYear,
+  D as createYearRange,
   o as endOfDecade,
-  f as getDaysBetween,
-  d as getDaysInMonth,
-  g as getLastFirstDayOfWeek,
-  l as getNextLastDayOfWeek,
-  m as hasTime,
-  B as isAfter,
-  O as isAfterOrSame,
-  h as isBefore,
-  w as isBeforeOrSame,
-  y as isBetween,
-  T as isBetweenInclusive,
-  k as isCalendarDateTime,
-  p as isZonedDateTime,
-  u as parseStringToDateValue,
-  x as startOfDecade,
-  A as toDate
+  c as getDaysBetween,
+  m as getDaysInMonth,
+  l as getLastFirstDayOfWeek,
+  B as getNextLastDayOfWeek,
+  O as hasTime,
+  y as isAfter,
+  h as isAfterOrSame,
+  w as isBefore,
+  T as isBeforeOrSame,
+  p as isBetween,
+  x as isBetweenInclusive,
+  A as isCalendarDateTime,
+  M as isZonedDateTime,
+  S as parseStringToDateValue,
+  f as startOfDecade,
+  k as toDate
 };